From 2af833aee1e86946dd6e34c64533895ed0766aff Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 1 Feb 2023 09:41:09 +0100
Subject: [PATCH 0001/1093] feat(packages): add svelte version

---
 packages/svelte/.eslintignore                 |  13 +
 packages/svelte/.eslintrc.cjs                 |  20 +
 packages/svelte/.gitignore                    |  10 +
 packages/svelte/.npmrc                        |   1 +
 packages/svelte/.prettierignore               |  13 +
 packages/svelte/.prettierrc                   |   9 +
 packages/svelte/README.md                     |  38 +
 packages/svelte/package.json                  |  44 +
 packages/svelte/src/app.d.ts                  |  12 +
 packages/svelte/src/app.html                  |  20 +
 .../svelte/src/lib/components/Handle.svelte   |  72 ++
 .../src/lib/components/edges/BaseEdge.svelte  |  29 +
 .../src/lib/components/nodes/BaseNode.svelte  |  62 ++
 .../lib/components/nodes/DefaultNode.svelte   |  15 +
 .../src/lib/container/EdgeRenderer.svelte     | 171 ++++
 .../src/lib/container/NodeRenderer.svelte     |  34 +
 .../src/lib/container/SvelteFlow.svelte       |  62 ++
 .../svelte/src/lib/container/Viewport.svelte  |  35 +
 packages/svelte/src/lib/hooks/drag/index.ts   | 128 +++
 packages/svelte/src/lib/hooks/drag/utils.ts   | 153 +++
 packages/svelte/src/lib/hooks/zoom/index.ts   | 103 ++
 packages/svelte/src/lib/index.ts              |   4 +
 packages/svelte/src/lib/store/index.ts        | 116 +++
 packages/svelte/src/routes/+page.svelte       |  59 ++
 packages/svelte/src/utils/index.ts            | 101 ++
 packages/svelte/static/favicon.png            | Bin 0 -> 1571 bytes
 packages/svelte/svelte.config.js              |  15 +
 packages/svelte/tsconfig.json                 |  17 +
 packages/svelte/vite.config.ts                |   8 +
 pnpm-lock.yaml                                | 944 +++++++++++++++++-
 30 files changed, 2283 insertions(+), 25 deletions(-)
 create mode 100644 packages/svelte/.eslintignore
 create mode 100644 packages/svelte/.eslintrc.cjs
 create mode 100644 packages/svelte/.gitignore
 create mode 100644 packages/svelte/.npmrc
 create mode 100644 packages/svelte/.prettierignore
 create mode 100644 packages/svelte/.prettierrc
 create mode 100644 packages/svelte/README.md
 create mode 100644 packages/svelte/package.json
 create mode 100644 packages/svelte/src/app.d.ts
 create mode 100644 packages/svelte/src/app.html
 create mode 100644 packages/svelte/src/lib/components/Handle.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/BaseEdge.svelte
 create mode 100644 packages/svelte/src/lib/components/nodes/BaseNode.svelte
 create mode 100644 packages/svelte/src/lib/components/nodes/DefaultNode.svelte
 create mode 100644 packages/svelte/src/lib/container/EdgeRenderer.svelte
 create mode 100644 packages/svelte/src/lib/container/NodeRenderer.svelte
 create mode 100644 packages/svelte/src/lib/container/SvelteFlow.svelte
 create mode 100644 packages/svelte/src/lib/container/Viewport.svelte
 create mode 100644 packages/svelte/src/lib/hooks/drag/index.ts
 create mode 100644 packages/svelte/src/lib/hooks/drag/utils.ts
 create mode 100644 packages/svelte/src/lib/hooks/zoom/index.ts
 create mode 100644 packages/svelte/src/lib/index.ts
 create mode 100644 packages/svelte/src/lib/store/index.ts
 create mode 100644 packages/svelte/src/routes/+page.svelte
 create mode 100644 packages/svelte/src/utils/index.ts
 create mode 100644 packages/svelte/static/favicon.png
 create mode 100644 packages/svelte/svelte.config.js
 create mode 100644 packages/svelte/tsconfig.json
 create mode 100644 packages/svelte/vite.config.ts

diff --git a/packages/svelte/.eslintignore b/packages/svelte/.eslintignore
new file mode 100644
index 000000000..38972655f
--- /dev/null
+++ b/packages/svelte/.eslintignore
@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
diff --git a/packages/svelte/.eslintrc.cjs b/packages/svelte/.eslintrc.cjs
new file mode 100644
index 000000000..3ccf435f0
--- /dev/null
+++ b/packages/svelte/.eslintrc.cjs
@@ -0,0 +1,20 @@
+module.exports = {
+	root: true,
+	parser: '@typescript-eslint/parser',
+	extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
+	plugins: ['svelte3', '@typescript-eslint'],
+	ignorePatterns: ['*.cjs'],
+	overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
+	settings: {
+		'svelte3/typescript': () => require('typescript')
+	},
+	parserOptions: {
+		sourceType: 'module',
+		ecmaVersion: 2020
+	},
+	env: {
+		browser: true,
+		es2017: true,
+		node: true
+	}
+};
diff --git a/packages/svelte/.gitignore b/packages/svelte/.gitignore
new file mode 100644
index 000000000..6635cf554
--- /dev/null
+++ b/packages/svelte/.gitignore
@@ -0,0 +1,10 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
diff --git a/packages/svelte/.npmrc b/packages/svelte/.npmrc
new file mode 100644
index 000000000..b6f27f135
--- /dev/null
+++ b/packages/svelte/.npmrc
@@ -0,0 +1 @@
+engine-strict=true
diff --git a/packages/svelte/.prettierignore b/packages/svelte/.prettierignore
new file mode 100644
index 000000000..38972655f
--- /dev/null
+++ b/packages/svelte/.prettierignore
@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
diff --git a/packages/svelte/.prettierrc b/packages/svelte/.prettierrc
new file mode 100644
index 000000000..a77fddea9
--- /dev/null
+++ b/packages/svelte/.prettierrc
@@ -0,0 +1,9 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte"],
+	"pluginSearchDirs": ["."],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}
diff --git a/packages/svelte/README.md b/packages/svelte/README.md
new file mode 100644
index 000000000..5c91169b0
--- /dev/null
+++ b/packages/svelte/README.md
@@ -0,0 +1,38 @@
+# create-svelte
+
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
new file mode 100644
index 000000000..ee91d37b2
--- /dev/null
+++ b/packages/svelte/package.json
@@ -0,0 +1,44 @@
+{
+	"name": "svelte",
+	"version": "0.0.1",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "svelte-kit sync && svelte-package",
+		"prepublishOnly": "echo 'Did you mean to publish `./package/`, instead of `./`?' && exit 1",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "prettier --plugin-search-dir . --check . && eslint .",
+		"format": "prettier --plugin-search-dir . --write ."
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-auto": "^1.0.0",
+		"@sveltejs/kit": "^1.0.0",
+		"@sveltejs/package": "^1.0.0",
+		"@typescript-eslint/eslint-plugin": "^5.45.0",
+		"@typescript-eslint/parser": "^5.45.0",
+		"eslint": "^8.28.0",
+		"eslint-config-prettier": "^8.5.0",
+		"eslint-plugin-svelte3": "^4.0.0",
+		"prettier": "^2.8.0",
+		"prettier-plugin-svelte": "^2.8.1",
+		"svelte": "^3.54.0",
+		"svelte-check": "^3.0.1",
+		"tslib": "^2.4.1",
+		"typescript": "^4.9.3",
+		"vite": "^4.0.0"
+	},
+	"type": "module",
+	"module": "index.ts",
+	"exports": {
+		".": "./index.js"
+	},
+	"dependencies": {
+		"@reactflow/core": "^11.5.1",
+		"cc": "^3.0.1",
+		"d3-drag": "^3.0.0",
+		"d3-selection": "^3.0.0",
+		"d3-zoom": "^3.0.0",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0"
+	}
+}
diff --git a/packages/svelte/src/app.d.ts b/packages/svelte/src/app.d.ts
new file mode 100644
index 000000000..f59b884c5
--- /dev/null
+++ b/packages/svelte/src/app.d.ts
@@ -0,0 +1,12 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface Platform {}
+	}
+}
+
+export {};
diff --git a/packages/svelte/src/app.html b/packages/svelte/src/app.html
new file mode 100644
index 000000000..f04b760ba
--- /dev/null
+++ b/packages/svelte/src/app.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<style>
+			html,
+			body,
+			#root {
+				height: 100%;
+				margin: 0;
+			}
+		</style>
+		%sveltekit.head%
+	</head>
+	<body>
+		<div id="root">%sveltekit.body%</div>
+	</body>
+</html>
diff --git a/packages/svelte/src/lib/components/Handle.svelte b/packages/svelte/src/lib/components/Handle.svelte
new file mode 100644
index 000000000..a90bccf2f
--- /dev/null
+++ b/packages/svelte/src/lib/components/Handle.svelte
@@ -0,0 +1,72 @@
+<script lang="ts">
+	import { getContext } from 'svelte';
+  import cc from 'classcat';
+	import { type HandleType, Position } from '@reactflow/core';
+
+  export let type: HandleType = 'source';
+  export let position: Position = Position.Top;
+  export let id: string | null = null;
+  export let className: string | null = null;;
+
+  const isTarget = type === 'target';
+  const nodeId = getContext('rf_nodeid');
+</script>
+
+
+<div
+  data-handleid={id}
+  data-nodeid={nodeId}
+  data-handlepos={position}
+  data-id={`${nodeId}-${id}-${type}`}
+  class={cc([
+    'react-flow__handle',
+    `react-flow__handle-${position}`,
+    'nodrag',
+    className,
+    position
+  ])}
+  class:source={!isTarget}
+  class:target={isTarget}
+  >
+  <slot></slot>
+</div>
+
+
+<style>
+  .react-flow__handle {
+    position: absolute;
+    pointer-events: none;
+    min-width: 5px;
+    min-height: 5px;
+    width: 6px;
+    height: 6px;
+    background: #1a192b;
+    border: 1px solid white;
+    border-radius: 100%;
+  }
+
+  .bottom {
+    top: auto;
+    left: 50%;
+    bottom: -4px;
+    transform: translate(-50%, 0);
+  }
+
+  .top {
+    left: 50%;
+    top: -4px;
+    transform: translate(-50%, 0);
+  }
+
+  .left {
+    top: 50%;
+    left: -4px;
+    transform: translate(0, -50%);
+  }
+
+  .right {
+    right: -4px;
+    top: 50%;
+    transform: translate(0, -50%);
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/components/edges/BaseEdge.svelte b/packages/svelte/src/lib/components/edges/BaseEdge.svelte
new file mode 100644
index 000000000..60e05403c
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/BaseEdge.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+  export let id: string = '1';
+  export let type: string = 'default';
+  export let sourceX: number = 0;
+  export let sourceY: number = 0;
+  export let targetX: number = 0;
+  export let targetY: number = 0;
+
+  const path = `M ${sourceX},${sourceY}L ${targetX},${targetY}`;
+
+</script>
+
+<g
+  class="react-flow__edge"
+  data-id={id}
+>
+  <path
+    d={path}
+    fill="none"
+    class="react-flow__edge-path"
+  />
+</g>
+
+<style>
+  .react-flow__edge-path {
+    stroke: #ccc;
+    stroke-width: 1;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/components/nodes/BaseNode.svelte b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
new file mode 100644
index 000000000..35b883120
--- /dev/null
+++ b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
@@ -0,0 +1,62 @@
+<script lang="ts">
+	import { onMount, setContext } from 'svelte';
+  import type { XYPosition } from '@reactflow/core';
+
+  import drag  from '$lib/hooks/drag'
+	import { useStore } from '$lib/store';
+	import DefaultNode from './DefaultNode.svelte';
+
+  export let id: string;
+  export let positionAbsolute: XYPosition = { x: 0, y: 0 };
+  export let dragging: boolean = false;
+  export let data: any = {};
+  export let resizeObserver: ResizeObserver | null = null;
+  export let style: any = {};
+
+  let nodeRef: HTMLDivElement;
+
+  const { nodesStore, transformStore, updateNodePositions } = useStore();
+
+  setContext('rf_nodeid', id);
+
+  onMount(() => {
+    resizeObserver?.observe(nodeRef);
+
+    return () => {
+      resizeObserver?.unobserve(nodeRef);
+    }
+  });
+
+</script>
+
+<div
+  use:drag={{ nodeId: id, nodesStore, transformStore, updateNodePositions }}
+  class="react-flow__node"
+  class:dragging={dragging}
+  bind:this={nodeRef}
+  style="transform: translate({positionAbsolute.x}px, {positionAbsolute.y}px);"
+  data-id={id}
+>
+  <svelte:component this={DefaultNode} data={data} />
+</div>
+
+<style>
+  .react-flow__node {
+    padding: 10px;
+    border-radius: 3px;
+    width: var(--node-width);
+    font-size: 12px;
+    color: #222;
+    text-align: center;
+    border-width: 1px;
+    border-style: solid;
+    border-color: #1a192b;
+    background-color: white;
+    position: absolute;
+    cursor: grab; 
+  }
+
+  .dragging {
+    cursor: grabbing;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
new file mode 100644
index 000000000..7357f82ae
--- /dev/null
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+  import { Position } from '@reactflow/core';
+  
+  import Handle from '$lib/components/Handle.svelte';
+
+  export let data: any = {};
+  export let isConnectable: boolean = true;
+  export let targetPosition: Position = Position.Top;
+  export let sourcePosition: Position = Position.Bottom;
+</script>
+
+<Handle type="target" position={targetPosition} />
+  {data?.label}
+<Handle type="source" position={sourcePosition} />
+
diff --git a/packages/svelte/src/lib/container/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer.svelte
new file mode 100644
index 000000000..edff13602
--- /dev/null
+++ b/packages/svelte/src/lib/container/EdgeRenderer.svelte
@@ -0,0 +1,171 @@
+<script lang="ts"> 
+  type EdgePositions = {
+    sourceX: number;
+    sourceY: number;
+    targetX: number;
+    targetY: number;
+  }
+
+  import Edge from '$lib/components/edges/BaseEdge.svelte';
+  import { useStore } from '$lib/store';
+	import { type NodeHandleBounds, type Rect, type Node, type HandleElement, Position, type XYPosition } from '@reactflow/core';
+  import { internalsSymbol } from '@reactflow/core';
+
+  const { edgesStore, widthStore, heightStore, nodesStore } = useStore();
+
+  function getNodeData(node?: Node): [Rect, NodeHandleBounds | null, boolean] {
+    const handleBounds = node?.[internalsSymbol]?.handleBounds || null;
+
+    const isValid =
+      handleBounds &&
+      node?.width &&
+      node?.height &&
+      typeof node?.positionAbsolute?.x !== 'undefined' &&
+      typeof node?.positionAbsolute?.y !== 'undefined';
+
+    return [
+      {
+        x: node?.positionAbsolute?.x || 0,
+        y: node?.positionAbsolute?.y || 0,
+        width: node?.width || 0,
+        height: node?.height || 0,
+      },
+      handleBounds,
+      !!isValid,
+    ];
+  }
+
+  function getHandlePosition(position: Position, nodeRect: Rect, handle: HandleElement | null = null): XYPosition {
+    const x = (handle?.x || 0) + nodeRect.x;
+    const y = (handle?.y || 0) + nodeRect.y;
+    const width = handle?.width || nodeRect.width;
+    const height = handle?.height || nodeRect.height;
+
+    switch (position) {
+      case Position.Top:
+        return {
+          x: x + width / 2,
+          y,
+        };
+      case Position.Right:
+        return {
+          x: x + width,
+          y: y + height / 2,
+        };
+      case Position.Bottom:
+        return {
+          x: x + width / 2,
+          y: y + height,
+        };
+      case Position.Left:
+        return {
+          x,
+          y: y + height / 2,
+        };
+    }
+  }
+
+  function getHandle(bounds: HandleElement[], handleId?: string | null): HandleElement | null {
+    if (!bounds) {
+      return null;
+    }
+
+    if (handleId) {
+      return bounds.find((d) => d.id === handleId)!;
+    } else if (bounds.length === 1) {
+      return bounds[0];
+    }
+
+    return null;
+  }
+
+  function getEdgePositions(
+    sourceNodeRect: Rect,
+    sourceHandle: HandleElement,
+    sourcePosition: Position,
+    targetNodeRect: Rect,
+    targetHandle: HandleElement,
+    targetPosition: Position
+  ): EdgePositions {
+    const sourceHandlePos = getHandlePosition(sourcePosition, sourceNodeRect, sourceHandle);
+    const targetHandlePos = getHandlePosition(targetPosition, targetNodeRect, targetHandle);
+
+    return {
+      sourceX: sourceHandlePos.x,
+      sourceY: sourceHandlePos.y,
+      targetX: targetHandlePos.x,
+      targetY: targetHandlePos.y,
+    };
+  };
+
+  let edgesWithData: any = [];
+
+  $: {
+    $nodesStore
+    edgesWithData = $edgesStore.map((edge) => {
+      const sourceNode = $nodesStore.find((node) => node.id === edge.source);
+      const targetNode = $nodesStore.find((node) => node.id === edge.target);
+      const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(sourceNode);
+      const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(targetNode);
+
+      if (!sourceIsValid || !targetIsValid) {
+        return null;
+      }
+
+      let edgeType = edge.type || 'default';
+
+      const targetNodeHandles = targetHandleBounds!.target;
+      const sourceHandle = getHandle(sourceHandleBounds!.source!, edge.sourceHandle);
+      const targetHandle = getHandle(targetNodeHandles!, edge.targetHandle);
+      const sourcePosition = sourceHandle?.position || Position.Bottom;
+      const targetPosition = targetHandle?.position || Position.Top;
+
+      if (!sourceHandle || !targetHandle) {
+        return null;
+      }
+
+
+      const { sourceX, sourceY, targetX, targetY } = getEdgePositions(
+        sourceNodeRect,
+        sourceHandle,
+        sourcePosition,
+        targetNodeRect,
+        targetHandle,
+        targetPosition
+      );
+
+
+      return {
+        id: edge.id,
+        type: edgeType,
+        sourceX,
+        sourceY,
+        targetX,
+        targetY
+      };
+    })
+  }
+ </script>
+
+<svg
+  width={$widthStore}
+  height={$heightStore}
+  class="react-flow__edges react-flow__container"
+>
+  {#each edgesWithData as edge}
+    {#if edge}
+      <Edge {...edge} />
+    {/if}
+  {/each}
+</svg>
+
+<style>
+  .react-flow__edges {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    pointer-events: none;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer.svelte
new file mode 100644
index 000000000..8e1bb4e15
--- /dev/null
+++ b/packages/svelte/src/lib/container/NodeRenderer.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+  import { onDestroy } from 'svelte';
+
+  import Node from '$lib/components/nodes/BaseNode.svelte';
+  import { useStore } from '$lib/store';
+
+  const { nodesStore, updateNodeDimensions } = useStore();
+  const resizeObserver: ResizeObserver | null = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver((entries: ResizeObserverEntry[]) => {
+    const updates = entries.map((entry: ResizeObserverEntry) => ({
+      id: entry.target.getAttribute('data-id') as string,
+      nodeElement: entry.target as HTMLDivElement,
+      forceUpdate: true,
+    }))
+
+    updateNodeDimensions(updates);
+  });
+
+  onDestroy(() => {
+    resizeObserver?.disconnect();
+  });
+</script>
+
+<div class="react-flow__nodes">
+  {#each $nodesStore as node}
+    <Node {...node} {resizeObserver} />
+  {/each}
+</div>
+
+<style>
+  .react-flow__nodes {
+    width: 100%;
+    height: 100%;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow.svelte
new file mode 100644
index 000000000..af7ea786e
--- /dev/null
+++ b/packages/svelte/src/lib/container/SvelteFlow.svelte
@@ -0,0 +1,62 @@
+<script lang="ts">
+  import { setContext, onMount } from 'svelte'
+  import cc from 'classcat';
+  import type { Node, Edge } from '@reactflow/core';
+
+	import { key, createStore } from '$lib/store';
+  import Viewport from '$lib/container/Viewport.svelte';
+  import NodeRenderer from '$lib/container/NodeRenderer.svelte';
+  import EdgeRenderer from '$lib/container/EdgeRenderer.svelte';
+
+  export let nodes: Node[];
+  export let edges: Edge[];
+
+  export let className: string | null = null;
+  export let id: string = '1';
+
+  let props = { ...$$restProps };
+  let domNode: Element;
+
+  const store = createStore({
+    nodes,
+    edges,
+  });
+
+  setContext(key, {
+    getStore: () => store
+  });
+
+  onMount(() => {
+    const { width, height } = domNode.getBoundingClientRect();
+    store.widthStore.set(width);
+    store.heightStore.set(height);
+  })
+</script>
+
+
+<div
+  {...props}
+  class={cc(['react-flow', className])}
+  data-testid="rf__wrapper"
+  id={id}
+  bind:this={domNode}
+>
+  <Viewport>
+    <NodeRenderer />
+    <EdgeRenderer />
+  </Viewport>
+</div>
+
+<style>
+  .react-flow {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    position: relative;
+    z-index: 0;
+  }
+
+  :root {
+    --node-width: 150px;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/Viewport.svelte b/packages/svelte/src/lib/container/Viewport.svelte
new file mode 100644
index 000000000..66cb8a271
--- /dev/null
+++ b/packages/svelte/src/lib/container/Viewport.svelte
@@ -0,0 +1,35 @@
+<script lang="ts">
+  import zoom  from '$lib/hooks/zoom'
+	import { useStore } from '$lib/store';
+
+  const { transformStore } = useStore();
+</script>
+
+<div class="react-flow__pane" use:zoom={{ transformStore }}>
+  <div
+    class="react-flow__viewport" 
+    style="transform: translate({$transformStore[0]}px, {$transformStore[1]}px) scale({$transformStore[2]})"
+  >
+    <slot></slot>
+  </div>
+</div>
+
+<style>
+  .react-flow__pane {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top:0;
+    left:0;
+    cursor: grab;
+  }
+
+  .react-flow__viewport {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    transform-origin: 0 0;
+    top:0;
+    left:0;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/hooks/drag/index.ts b/packages/svelte/src/lib/hooks/drag/index.ts
new file mode 100644
index 000000000..52bf16fe3
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/drag/index.ts
@@ -0,0 +1,128 @@
+import { get, type Writable } from 'svelte/store';
+import { drag as d3Drag, type D3DragEvent, type SubjectPosition } from 'd3-drag';
+import { select } from 'd3-selection';
+import type { XYPosition, CoordinateExtent, Node, Transform } from '@reactflow/core';
+
+import { getDragItems, hasSelector, calcNextPosition } from './utils';
+
+export type UseDragData = { dx: number; dy: number };
+export type UseDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
+export type NodeDragItem = {
+	id: string;
+	position: XYPosition;
+	positionAbsolute: XYPosition;
+	// distance from the mouse cursor to the node when start dragging
+	distance: XYPosition;
+	width?: number | null;
+	height?: number | null;
+	extent?: 'parent' | CoordinateExtent;
+	parentNode?: string;
+	dragging?: boolean;
+};
+
+type UseDragParams = {
+	noDragClassName?: string;
+	handleSelector?: string;
+	nodeId?: string;
+	updateNodePositions: (dragItems: NodeDragItem[], d: boolean, p: boolean) => void;
+	nodesStore: Writable<Node[]>;
+	transformStore: Writable<Transform>;
+};
+
+export default function drag(
+	nodeRef: Element,
+	{
+		noDragClassName,
+		handleSelector,
+		nodeId,
+		updateNodePositions,
+		nodesStore,
+		transformStore
+	}: UseDragParams
+) {
+	let dragging = false;
+	let dragItems: NodeDragItem[] = [];
+	let lastPos: { x: number | null; y: number | null } = { x: null, y: null };
+
+	const selection = select(nodeRef);
+
+	const getPointerPosition = ({ sourceEvent }: UseDragEvent) => {
+		const x = sourceEvent.touches ? sourceEvent.touches[0].clientX : sourceEvent.clientX;
+		const y = sourceEvent.touches ? sourceEvent.touches[0].clientY : sourceEvent.clientY;
+		const transform = get(transformStore);
+
+		const pointerPos = {
+			x: (x - transform[0]) / transform[2],
+			y: (y - transform[1]) / transform[2]
+		};
+
+		// we need the snapped position in order to be able to skip unnecessary drag events
+		return {
+			xSnapped: pointerPos.x,
+			ySnapped: pointerPos.y,
+			...pointerPos
+		};
+	};
+
+	const updateNodes = ({ x, y }: XYPosition) => {
+		let hasChange = false;
+
+		dragItems = dragItems.map((n) => {
+			const nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
+			const updatedPos = calcNextPosition(n, nextPosition, get(nodesStore));
+
+			// we want to make sure that we only fire a change event when there is a changes
+			hasChange =
+				hasChange ||
+				n.position.x !== updatedPos.position.x ||
+				n.position.y !== updatedPos.position.y;
+
+			n.position = updatedPos.position;
+			n.positionAbsolute = updatedPos.positionAbsolute;
+
+			return n;
+		});
+
+		if (!hasChange) {
+			return;
+		}
+
+		updateNodePositions(dragItems, true, true);
+		dragging = true;
+	};
+
+	const dragHandler = d3Drag()
+		.on('start', (event: UseDragEvent) => {
+			const pointerPos = getPointerPosition(event);
+
+			lastPos = pointerPos;
+			dragItems = getDragItems(get(nodesStore), pointerPos, nodeId);
+		})
+		.on('drag', (event: UseDragEvent) => {
+			const pointerPos = getPointerPosition(event);
+
+			// skip events without movement
+			if ((lastPos.x !== pointerPos.xSnapped || lastPos.y !== pointerPos.ySnapped) && dragItems) {
+				lastPos = pointerPos;
+				updateNodes(pointerPos);
+			}
+		})
+		.on('end', (event: UseDragEvent) => {
+			dragging = false;
+
+			if (dragItems) {
+				updateNodePositions(dragItems, false, false);
+			}
+		})
+		.filter((event: MouseEvent) => {
+			const target = event.target as HTMLDivElement;
+			const isDraggable =
+				!event.button &&
+				(!noDragClassName || !hasSelector(target, `.${noDragClassName}`, nodeRef)) &&
+				(!handleSelector || hasSelector(target, handleSelector, nodeRef));
+
+			return isDraggable;
+		});
+
+	selection.call(dragHandler);
+}
diff --git a/packages/svelte/src/lib/hooks/drag/utils.ts b/packages/svelte/src/lib/hooks/drag/utils.ts
new file mode 100644
index 000000000..50b95b09f
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/drag/utils.ts
@@ -0,0 +1,153 @@
+import type {
+	CoordinateExtent,
+	Node,
+	NodeDragItem,
+	NodeInternals,
+	NodeOrigin,
+	XYPosition
+} from '@reactflow/core';
+
+import { clampPosition, isNumeric } from '../../../utils';
+
+export function isParentSelected(node: Node, nodes: Node[]): boolean {
+	if (!node.parentNode) {
+		return false;
+	}
+
+	const parentNode = nodes.find((n) => n.id === node.parentNode);
+
+	if (!parentNode) {
+		return false;
+	}
+
+	if (parentNode.selected) {
+		return true;
+	}
+
+	return isParentSelected(parentNode, nodes);
+}
+
+export function hasSelector(target: Element, selector: string, domNode: Element): boolean {
+	let current = target;
+
+	do {
+		if (current?.matches(selector)) return true;
+		if (current === domNode) return false;
+		current = current.parentElement as Element;
+	} while (current);
+
+	return false;
+}
+
+// looks for all selected nodes and created a NodeDragItem for each of them
+export function getDragItems(nodes: Node[], mousePos: XYPosition, nodeId?: string): NodeDragItem[] {
+	console.log(mousePos, nodes);
+	return nodes
+		.filter(
+			(n) => (n.selected || n.id === nodeId) && (!n.parentNode || !isParentSelected(n, nodes))
+		)
+		.map((n) => ({
+			id: n.id,
+			position: n.position ? { ...n.position } : { x: 0, y: 0 },
+			positionAbsolute: n.positionAbsolute ? { ...n.positionAbsolute } : { x: 0, y: 0 },
+			distance: {
+				x: mousePos.x - (n.positionAbsolute?.x ?? 0),
+				y: mousePos.y - (n.positionAbsolute?.y ?? 0)
+			},
+			delta: {
+				x: 0,
+				y: 0
+			},
+			extent: n.extent,
+			parentNode: n.parentNode,
+			width: n.width,
+			height: n.height
+		}));
+}
+
+export function calcNextPosition(
+	node: NodeDragItem | Node,
+	nextPosition: XYPosition,
+	nodes: Node[],
+	nodeExtent?: CoordinateExtent,
+	nodeOrigin: NodeOrigin = [0, 0]
+): { position: XYPosition; positionAbsolute: XYPosition } {
+	let currentExtent = node.extent || nodeExtent;
+
+	if (node.extent === 'parent') {
+		if (node.parentNode && node.width && node.height) {
+			const parent = nodes.find((n) => n.id === node.parentNode)!;
+			const { x: parentX, y: parentY } = parent.positionAbsolute!;
+			currentExtent =
+				parent &&
+				isNumeric(parentX) &&
+				isNumeric(parentY) &&
+				isNumeric(parent.width) &&
+				isNumeric(parent.height)
+					? [
+							[parentX + node.width * nodeOrigin[0], parentY + node.height * nodeOrigin[1]],
+							[
+								parentX + parent.width! - node.width + node.width * nodeOrigin[0],
+								parentY + parent.height! - node.height + node.height * nodeOrigin[1]
+							]
+					  ]
+					: currentExtent;
+		} else {
+			currentExtent = nodeExtent;
+		}
+	} else if (node.extent && node.parentNode) {
+		const parent = nodes.find((n) => n.id === node.parentNode)!;
+		const { x: parentX, y: parentY } = parent.positionAbsolute!;
+		currentExtent = [
+			[node.extent[0][0] + parentX, node.extent[0][1] + parentY],
+			[node.extent[1][0] + parentX, node.extent[1][1] + parentY]
+		];
+	}
+
+	let parentPosition = { x: 0, y: 0 };
+
+	if (node.parentNode) {
+		const parent = nodes.find((n) => n.id === node.parentNode)!;
+		parentPosition = parent.positionAbsolute!;
+	}
+
+	const positionAbsolute = currentExtent
+		? clampPosition(nextPosition, currentExtent as CoordinateExtent)
+		: nextPosition;
+
+	return {
+		position: {
+			x: positionAbsolute.x - parentPosition.x,
+			y: positionAbsolute.y - parentPosition.y
+		},
+		positionAbsolute
+	};
+}
+
+// returns two params:
+// 1. the dragged node (or the first of the list, if we are dragging a node selection)
+// 2. array of selected nodes (for multi selections)
+export function getEventHandlerParams({
+	nodeId,
+	dragItems,
+	nodeInternals
+}: {
+	nodeId?: string;
+	dragItems: NodeDragItem[];
+	nodeInternals: NodeInternals;
+}): [Node, Node[]] {
+	const extentedDragItems: Node[] = dragItems.map((n) => {
+		const node = nodeInternals.get(n.id)!;
+
+		return {
+			...node,
+			position: n.position,
+			positionAbsolute: n.positionAbsolute
+		};
+	});
+
+	return [
+		nodeId ? extentedDragItems.find((n) => n.id === nodeId)! : extentedDragItems[0],
+		extentedDragItems
+	];
+}
diff --git a/packages/svelte/src/lib/hooks/zoom/index.ts b/packages/svelte/src/lib/hooks/zoom/index.ts
new file mode 100644
index 000000000..2292fc553
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/zoom/index.ts
@@ -0,0 +1,103 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import type { Writable } from 'svelte/store';
+import { select } from 'd3-selection';
+import { zoom as d3Zoom, zoomIdentity } from 'd3-zoom';
+import type { D3ZoomEvent } from 'd3-zoom';
+import type { Transform } from '@reactflow/core';
+
+const isWrappedWithClass = (event: any, className: string | undefined) =>
+	event.target.closest(`.${className}`);
+
+export default function zoom(
+	domNode: Element,
+	{ transformStore }: { transformStore: Writable<Transform> }
+) {
+	const d3ZoomInstance = d3Zoom();
+	const selection = select(domNode).call(d3ZoomInstance);
+	const d3ZoomHandler = selection.on('wheel.zoom');
+	d3ZoomInstance.transform(selection, zoomIdentity);
+
+	selection.on('wheel.zoom', function (event: any, d: any) {
+		if (isWrappedWithClass(event, 'nowheel')) {
+			return null;
+		}
+
+		event.preventDefault();
+		d3ZoomHandler!.call(this, event, d);
+	});
+
+	d3ZoomInstance.on('zoom', (event: D3ZoomEvent<HTMLDivElement, any>) => {
+		transformStore.set([event.transform.x, event.transform.y, event.transform.k]);
+	});
+
+	d3ZoomInstance.filter((event: any) => {
+		const zoomScroll = true;
+		const pinchZoom = true;
+
+		if (
+			event.button === 1 &&
+			event.type === 'mousedown' &&
+			(isWrappedWithClass(event, 'react-flow__node') ||
+				isWrappedWithClass(event, 'react-flow__edge'))
+		) {
+			return true;
+		}
+
+		// if all interactions are disabled, we prevent all zoom events
+		// if (!panOnDrag && !zoomScroll && !panOnScroll && !zoomOnDoubleClick && !zoomOnPinch) {
+		// 	return false;
+		// }
+
+		// // during a selection we prevent all other interactions
+		// if (userSelectionActive) {
+		// 	return false;
+		// }
+
+		// // if zoom on double click is disabled, we prevent the double click event
+		// if (!zoomOnDoubleClick && event.type === 'dblclick') {
+		// 	return false;
+		// }
+
+		// // if the target element is inside an element with the nowheel class, we prevent zooming
+		// if (isWrappedWithClass(event, noWheelClassName) && event.type === 'wheel') {
+		// 	return false;
+		// }
+
+		// // if the target element is inside an element with the nopan class, we prevent panning
+		// if (isWrappedWithClass(event, noPanClassName) && event.type !== 'wheel') {
+		// 	return false;
+		// }
+
+		// if (!zoomOnPinch && event.ctrlKey && event.type === 'wheel') {
+		// 	return false;
+		// }
+
+		// // when there is no scroll handling enabled, we prevent all wheel events
+		// if (!zoomScroll && !panOnScroll && !pinchZoom && event.type === 'wheel') {
+		// 	return false;
+		// }
+
+		// // if the pane is not movable, we prevent dragging it with mousestart or touchstart
+		// if (!panOnDrag && (event.type === 'mousedown' || event.type === 'touchstart')) {
+		// 	return false;
+		// }
+
+		// // if the pane is only movable using allowed clicks
+		// if (
+		// 	Array.isArray(panOnDrag) &&
+		// 	!panOnDrag.includes(event.button) &&
+		// 	(event.type === 'mousedown' || event.type === 'touchstart')
+		// ) {
+		// 	return false;
+		// }
+
+		// // We only allow right clicks if pan on drag is set to right click
+		// const buttonAllowed =
+		// 	(Array.isArray(panOnDrag) && panOnDrag.includes(event.button)) ||
+		// 	!event.button ||
+		// 	event.button <= 1;
+
+		// default filter for d3-zoom
+		return ((!event.ctrlKey || event.type === 'wheel') && !event.button) || event.button <= 1;
+	});
+}
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
new file mode 100644
index 000000000..029a19103
--- /dev/null
+++ b/packages/svelte/src/lib/index.ts
@@ -0,0 +1,4 @@
+// Reexport your entry components here
+import SvelteFlow from '$lib/container/SvelteFlow.svelte';
+
+export default SvelteFlow;
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
new file mode 100644
index 000000000..a7e7807fb
--- /dev/null
+++ b/packages/svelte/src/lib/store/index.ts
@@ -0,0 +1,116 @@
+import { getContext } from 'svelte';
+import { get, writable, type Writable } from 'svelte/store';
+import type { Node, Transform, NodeDragItem, NodeDimensionUpdate, Edge } from '@reactflow/core';
+import { internalsSymbol } from '@reactflow/core';
+
+import { getDimensions, getHandleBounds, updateAbsoluteNodePositions } from '../../utils';
+
+export const key = Symbol();
+
+type CreateStoreProps = {
+	nodes: Node[];
+	edges: Edge[];
+	transform?: Transform;
+};
+
+type SvelteFlowStore = {
+	nodesStore: Writable<CreateStoreProps['nodes']>;
+	edgesStore: Writable<CreateStoreProps['edges']>;
+	heightStore: Writable<number>;
+	widthStore: Writable<number>;
+	transformStore: Writable<Transform>;
+	updateNodePositions: (
+		nodeDragItems: NodeDragItem[],
+		positionChanged?: boolean,
+		dragging?: boolean
+	) => void;
+	updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
+};
+
+export function createStore({
+	nodes = [],
+	edges = [],
+	transform = [0, 0, 1]
+}: CreateStoreProps): SvelteFlowStore {
+	const nodesStore = writable(nodes.map((n) => ({ ...n, positionAbsolute: n.position })));
+	const edgesStore = writable(edges);
+	const heightStore = writable(500);
+	const widthStore = writable(500);
+
+	const transformStore = writable(transform);
+
+	function updateNodePositions(nodeDragItems: NodeDragItem[], dragging = false) {
+		nodesStore.update((nds) => {
+			return nds.map((n) => {
+				const nodeDragItem = nodeDragItems.find((ndi) => ndi.id === n.id);
+
+				if (nodeDragItem) {
+					return {
+						...n,
+						dragging,
+						positionAbsolute: nodeDragItem.positionAbsolute,
+						position: nodeDragItem.position
+					};
+				}
+
+				return n;
+			});
+		});
+	}
+
+	function updateNodeDimensions(updates: NodeDimensionUpdate[]) {
+		const viewportNode = document?.querySelector('.react-flow__viewport');
+
+		if (!viewportNode) {
+			return;
+		}
+
+		const style = window.getComputedStyle(viewportNode);
+		const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
+		const nds = get(nodesStore);
+
+		updates.forEach((update) => {
+			const node = nds.find((n) => n.id === update.id);
+
+			if (node) {
+				const dimensions = getDimensions(update.nodeElement);
+				const doUpdate = !!(
+					dimensions.width &&
+					dimensions.height &&
+					(node.width !== dimensions.width ||
+						node.height !== dimensions.height ||
+						update.forceUpdate)
+				);
+
+				if (doUpdate) {
+					node[internalsSymbol] = {
+						...node[internalsSymbol],
+						handleBounds: {
+							source: getHandleBounds('.source', update.nodeElement, zoom),
+							target: getHandleBounds('.target', update.nodeElement, zoom)
+						}
+					};
+					node.width = dimensions.width;
+					node.height = dimensions.height;
+				}
+			}
+		});
+
+		updateAbsoluteNodePositions(nds);
+	}
+
+	return {
+		nodesStore,
+		edgesStore,
+		transformStore,
+		heightStore,
+		widthStore,
+		updateNodePositions,
+		updateNodeDimensions
+	};
+}
+
+export function useStore(): SvelteFlowStore {
+	const { getStore } = getContext<{ getStore: () => SvelteFlowStore }>(key);
+	return getStore();
+}
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
new file mode 100644
index 000000000..9591b5998
--- /dev/null
+++ b/packages/svelte/src/routes/+page.svelte
@@ -0,0 +1,59 @@
+<script lang="ts">
+  import type { Node, Edge } from '@reactflow/core';
+  
+  import SvelteFlow from '../lib/index';
+
+  const yNodes = 10;
+  const xNodes = 10;
+
+  const nodes: Node[] = [];
+  const edges: Edge[] = [];
+  let source = null;
+
+  for (let y = 0; y < yNodes; y++) {
+    for (let x = 0; x < xNodes; x++) {
+      const position = { x: x * 100, y: y * 50 };
+      const id = `${x}-${y}`;
+      const data = { label: `Node ${id}` };
+      const node = {
+        id,
+        data,
+        position,
+      };
+      nodes.push(node);
+
+      if (source) {
+        const edge = {
+          id: `${source.id}-${id}`,
+          source: source.id,
+          target: id,
+        };
+        edges.push(edge);
+      }
+
+      source = node;
+
+      
+    }
+  }
+
+  // const nodes = [{
+  //   id: '1',
+  //   type: 'input',
+  //   data: { label: 'Input Node' },
+  //   position: { x: 250, y: 5 }
+  //  }, {
+  //    id: '2',
+  //    type: 'input',
+  //    data: { label: 'Input Node 2' },
+  //    position: { x: 150, y: 250 },
+  //  }]
+</script>
+
+<SvelteFlow {nodes} {edges} />
+
+<style>
+  :root {
+    --node-width: 50;
+  }
+</style>
diff --git a/packages/svelte/src/utils/index.ts b/packages/svelte/src/utils/index.ts
new file mode 100644
index 000000000..c63d83af2
--- /dev/null
+++ b/packages/svelte/src/utils/index.ts
@@ -0,0 +1,101 @@
+import {
+	type CoordinateExtent,
+	type Dimensions,
+	type XYPosition,
+	type Node,
+	type XYZPosition,
+	type HandleElement,
+	internalsSymbol,
+	Position
+} from '@reactflow/core';
+
+export const clamp = (val: number, min = 0, max = 1): number => Math.min(Math.max(val, min), max);
+
+export const clampPosition = (position: XYPosition = { x: 0, y: 0 }, extent: CoordinateExtent) => ({
+	x: clamp(position.x, extent[0][0], extent[1][0]),
+	y: clamp(position.y, extent[0][1], extent[1][1])
+});
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const isNumeric = (n: any): n is number => !isNaN(n) && isFinite(n);
+
+export const getDimensions = (node: HTMLDivElement): Dimensions => ({
+	width: node.offsetWidth,
+	height: node.offsetHeight
+});
+
+type ParentNodes = Record<string, boolean>;
+
+function calculateXYZPosition(node: Node, nodes: Node[], result: XYZPosition): XYZPosition {
+	if (!node.parentNode) {
+		return result;
+	}
+	const parentNode = nodes.find((n) => n.id === node.parentNode)!;
+	const parentNodePosition = parentNode.positionAbsolute!;
+
+	return calculateXYZPosition(parentNode, nodes, {
+		x: (result.x ?? 0) + parentNodePosition.x,
+		y: (result.y ?? 0) + parentNodePosition.y,
+		z:
+			(parentNode[internalsSymbol]?.z ?? 0) > (result.z ?? 0)
+				? parentNode[internalsSymbol]?.z ?? 0
+				: result.z ?? 0
+	});
+}
+
+export function updateAbsoluteNodePositions(nodes: Node[], parentNodes?: ParentNodes) {
+	nodes.forEach((node) => {
+		if (node.parentNode) {
+			throw new Error(`Parent node ${node.parentNode} not found`);
+		}
+
+		if (node.parentNode || parentNodes?.[node.id]) {
+			const { x, y, z } = calculateXYZPosition(node, nodes, {
+				...node.position,
+				z: node[internalsSymbol]?.z ?? 0
+			});
+
+			node.positionAbsolute = {
+				x,
+				y
+			};
+
+			node[internalsSymbol]!.z = z;
+
+			if (parentNodes?.[node.id]) {
+				node[internalsSymbol]!.isParent = true;
+			}
+		}
+	});
+}
+
+export const getHandleBounds = (
+	selector: string,
+	nodeElement: HTMLDivElement,
+	zoom: number
+): HandleElement[] | null => {
+	const handles = nodeElement.querySelectorAll(selector);
+
+	if (!handles || !handles.length) {
+		return null;
+	}
+
+	const handlesArray = Array.from(handles) as HTMLDivElement[];
+	const nodeBounds = nodeElement.getBoundingClientRect();
+	const nodeOffset = {
+		x: nodeBounds.width,
+		y: nodeBounds.height
+	};
+
+	return handlesArray.map((handle): HandleElement => {
+		const handleBounds = handle.getBoundingClientRect();
+
+		return {
+			id: handle.getAttribute('data-handleid'),
+			position: handle.getAttribute('data-handlepos') as unknown as Position,
+			x: (handleBounds.left - nodeBounds.left - nodeOffset.x) / zoom,
+			y: (handleBounds.top - nodeBounds.top - nodeOffset.y) / zoom,
+			...getDimensions(handle)
+		};
+	});
+};
diff --git a/packages/svelte/static/favicon.png b/packages/svelte/static/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..825b9e65af7c104cfb07089bb28659393b4f2097
GIT binary patch
literal 1571
zcmV+;2Hg3HP)<h;3K|Lk000e1NJLTq004jh004jp1ONa4X*a1r00001b5ch_0Itp)
z=>Px)-AP12RCwC$UE6KzI1p6{F2N<Fgp}YCTtZ542`(WexCEDw|A=A)1A-t30wEX>
z1VK2vi|pOpn{~#djwYcWXTI_im_u^TJgMZ4JMOsSj!0ma>B?-(Hr@X&W@|R-$}W@Z
zg<YDbY-gN-C@$NXr>j#$x=!~7LGqHW?IO8+*oE1MyDp!G=L<gz=E*n%PA*mnuaD-%
zU>0#^lUx?;!fXv@l^6SvTnf^ac{5OurzC#ZMYc20lI%HhX816AYVs1T3heS1*WaWH
z%;x>)-J}YB5#CLzU@GBR6sXYrD>Vw(Fmt#|JP;+}<#6b63Ike{Fuo!?M{yEffez;|
zp!PfsuaC)>h>-AdbnwN13g*1LowNjT5?+lFVd#9$!8Z9HA|$*6dQ8EHLu}U|obW6f
z2%uGv?vr=KNq7YYa2Roj;|zooo<)lf=&2yxM@e`kM$CmCR#x>gI>I|*Ubr({5Y^rb
zghxQU22N}F51}^yfDSt7<V*0Nvi!iKPY@n`1~$se=LwHTOE7`*@+};uU_gT$1{Nib
z9&~5~nc4J(EWez%_f0Ty7T;wB{7s*oNO=9p8(o}N*_V>86oMTc!W&V;d?76)9KXX1
z+6Okem(d}YXmmOiZq$!IPk5t8nnS{%?+vDFz3BevmFN<oPlV?qzG@=jl`t@|E8zV8
zJ4}It4e%+dFPWw16u{sAX42jlFu{_e!AKZE75iV2&Q7>gpIod~R{>@#@5x9zJK<vg
zI0+@80NMa{gtNoRhsR-w%piFI3d-5xrN)R}H!WtK=Gp%dC5(a`Q0V4_vS-mj<((Z~
zbV*PucDY#zFVglY>EHLHv!gHeK~n)Ld!M8DB|Kfe%~123&Hz1Z(86nU7*G5chmyDe
ziV7$pB7pJ=96hpxHv9rCR29%bLOXlKU<_13_M8x)6;P8E1Kz6G<&P?$P^%c!M5`2`
zfY2zg;VK5~^>TJGQzc+33-n~gKt{{of8GzUkWmU110IgI0DLxRIM>0US|TsM=L|@F
z0Bun8U!cRB7-2apz=y-7*UxOxz@Z0)@QM)9wSGki1AZ38ceG7Q72z5`i;i=J`ILzL
z@iUO?SBBG-0cQuo+an4TsL<j(YStU%^TNkjEqg808>y-g-x;8P4UVwk|D8{W@U1Zi
z!M)+jqy@nQ$p?5tsHp-6J304Q={v-B>66$P0IDx&YT(`IcZ~bZfmn11#rXd7<5s}y
zBi9eim&zQc0Dk|2>$bs0PnLmDfMP5lcXRY&cvJ=zKxI^f0%-d$tD!`LBf9^jMSYUA
zI8U?CWdY@}cRq6{5~y+<zzg4N+!Mudx;=&$zSp?cjRmyF-+404b-P66DA17$<$H}=
z7$P4)QXt>)#h1!*-HcGW@+gZ4B};0OnC~`xQOyH19z*TA!!<qA9l$G~6DRxiCy7Vo
zOl^oK!S3XbayWz&p33NSw$lxR1fm)O*rCE0^ZNmk0wnax!!?%g599+O37!666~F(y
z5fq?5T*Fm{^%YR^PiM%z#%x`fAC+;C&`X5JXN_40SieIEXoaUU=*}=c0OC7@a*rFE
z3xr3yyFB~zRl(lNY&B@$Fia%81M!xeIuTYNz!Dz6eBKONjL<@dJdT$H?ShKl6$p=F
ze!fdgzelJI&n`Hk9f}>BJ%9s0V3F?CAJ{hTd#*tf+ur-W9MOURF-@B77_-OshsY}6
zOXRY=5%C^*26z?l)1=$bz30!so5tfABdSYzO+H=CpV~aaUefmjvfZ3Ttu9W&W3Iu6
zROlh0MFA5h;my}8lB0tAV-Rvc2Zs_CCSJnx@d`<ao$!3dCkTn3@aF0ny6VrToO6qA
z-~&2=w&2nT&o5u>**$idgy-iMob4dJWWw|21b4NB=LfsYp0Aeh{Ov)yztQi;eL4y5
zMi>8^SzKqk8~k?UiQK^^-5d8c%bV?$F8%X~czyiaKCI2=UH<v&YL5FIcieFm_zQ2O
VHuiSbmk|H}002ovPDHLkV1f%e^4kCa

literal 0
HcmV?d00001

diff --git a/packages/svelte/svelte.config.js b/packages/svelte/svelte.config.js
new file mode 100644
index 000000000..87f198f55
--- /dev/null
+++ b/packages/svelte/svelte.config.js
@@ -0,0 +1,15 @@
+import adapter from '@sveltejs/adapter-auto';
+import { vitePreprocess } from '@sveltejs/kit/vite';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
+	// for more information about preprocessors
+	preprocess: vitePreprocess(),
+
+	kit: {
+		adapter: adapter()
+	}
+};
+
+export default config;
diff --git a/packages/svelte/tsconfig.json b/packages/svelte/tsconfig.json
new file mode 100644
index 000000000..6ae0c8c44
--- /dev/null
+++ b/packages/svelte/tsconfig.json
@@ -0,0 +1,17 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true
+	}
+	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
+}
diff --git a/packages/svelte/vite.config.ts b/packages/svelte/vite.config.ts
new file mode 100644
index 000000000..16950342c
--- /dev/null
+++ b/packages/svelte/vite.config.ts
@@ -0,0 +1,8 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import type { UserConfig } from 'vite';
+
+const config: UserConfig = {
+	plugins: [sveltekit()]
+};
+
+export default config;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 67e8812ae..1d6dbb961 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -302,6 +302,55 @@ importers:
       react: registry.npmjs.org/react/18.2.0
       typescript: registry.npmjs.org/typescript/4.9.4
 
+  packages/svelte:
+    specifiers:
+      '@reactflow/core': ^11.5.1
+      '@sveltejs/adapter-auto': ^1.0.0
+      '@sveltejs/kit': ^1.0.0
+      '@sveltejs/package': ^1.0.0
+      '@typescript-eslint/eslint-plugin': ^5.45.0
+      '@typescript-eslint/parser': ^5.45.0
+      cc: ^3.0.1
+      d3-drag: ^3.0.0
+      d3-selection: ^3.0.0
+      d3-zoom: ^3.0.0
+      eslint: ^8.28.0
+      eslint-config-prettier: ^8.5.0
+      eslint-plugin-svelte3: ^4.0.0
+      prettier: ^2.8.0
+      prettier-plugin-svelte: ^2.8.1
+      react: ^18.2.0
+      react-dom: ^18.2.0
+      svelte: ^3.54.0
+      svelte-check: ^3.0.1
+      tslib: ^2.4.1
+      typescript: ^4.9.3
+      vite: ^4.0.0
+    dependencies:
+      '@reactflow/core': registry.npmjs.org/@reactflow/core/11.5.1_biqbaboplfbrettd7655fr4n2y
+      cc: registry.npmjs.org/cc/3.0.1
+      d3-drag: registry.npmjs.org/d3-drag/3.0.0
+      d3-selection: registry.npmjs.org/d3-selection/3.0.0
+      d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
+      react: registry.npmjs.org/react/18.2.0
+      react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
+    devDependencies:
+      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/1.0.2_@sveltejs+kit@1.3.6
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.3.6_svelte@3.55.1+vite@4.0.4
+      '@sveltejs/package': registry.npmjs.org/@sveltejs/package/1.0.2_atrrhq7vg4ekua4nnyrpuardle
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.49.0_rsaczafy73x3xqauzesvzbsgzy
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u
+      eslint: registry.npmjs.org/eslint/8.33.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.5.0_eslint@8.33.0
+      eslint-plugin-svelte3: registry.npmjs.org/eslint-plugin-svelte3/4.0.0_4omm2ewoudhgnmf7aocafatnc4
+      prettier: registry.npmjs.org/prettier/2.8.3
+      prettier-plugin-svelte: registry.npmjs.org/prettier-plugin-svelte/2.9.0_kdmmghgdi3ngrsq6otxkjilbry
+      svelte: registry.npmjs.org/svelte/3.55.1
+      svelte-check: registry.npmjs.org/svelte-check/3.0.3_svelte@3.55.1
+      tslib: registry.npmjs.org/tslib/2.4.1
+      typescript: registry.npmjs.org/typescript/4.9.4
+      vite: registry.npmjs.org/vite/4.0.4
+
   tooling/eslint-config:
     specifiers:
       eslint: ^8.22.0
@@ -1364,6 +1413,25 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@eslint/eslintrc/1.4.1:
+    resolution: {integrity: sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.1.tgz}
+    name: '@eslint/eslintrc'
+    version: 1.4.1
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      ajv: registry.npmjs.org/ajv/6.12.6
+      debug: registry.npmjs.org/debug/4.3.4
+      espree: registry.npmjs.org/espree/9.4.0
+      globals: registry.npmjs.org/globals/13.20.0
+      ignore: registry.npmjs.org/ignore/5.2.4
+      import-fresh: registry.npmjs.org/import-fresh/3.3.0
+      js-yaml: registry.npmjs.org/js-yaml/4.1.0
+      minimatch: registry.npmjs.org/minimatch/3.1.2
+      strip-json-comments: registry.npmjs.org/strip-json-comments/3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@hapi/hoek/9.3.0:
     resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz}
     name: '@hapi/hoek'
@@ -1391,6 +1459,19 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@humanwhocodes/config-array/0.11.8:
+    resolution: {integrity: sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz}
+    name: '@humanwhocodes/config-array'
+    version: 0.11.8
+    engines: {node: '>=10.10.0'}
+    dependencies:
+      '@humanwhocodes/object-schema': registry.npmjs.org/@humanwhocodes/object-schema/1.2.1
+      debug: registry.npmjs.org/debug/4.3.4
+      minimatch: registry.npmjs.org/minimatch/3.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@humanwhocodes/gitignore-to-minimatch/1.0.2:
     resolution: {integrity: sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/gitignore-to-minimatch/-/gitignore-to-minimatch-1.0.2.tgz}
     name: '@humanwhocodes/gitignore-to-minimatch'
@@ -1520,6 +1601,12 @@ packages:
       fastq: registry.npmjs.org/fastq/1.15.0
     dev: true
 
+  registry.npmjs.org/@polka/url/1.0.0-next.21:
+    resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz}
+    name: '@polka/url'
+    version: 1.0.0-next.21
+    dev: true
+
   registry.npmjs.org/@preconstruct/cli/2.2.1:
     resolution: {integrity: sha512-G+sUV9o8l6Ds/82qJZYTXkCsVqPXLuD+bv+nVQeo3OL+eqzO/uAiBBFVp0DMcBJiyQYeU9nb+V8q22/PPaepDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@preconstruct/cli/-/cli-2.2.1.tgz}
     name: '@preconstruct/cli'
@@ -1580,6 +1667,30 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@reactflow/core/11.5.1_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-63pXpKNW5YHk8hOWpt7RaftSn7g92BvCCGpsUUaRDDuHvxmcqmMKPrAFkBPVc5JJ+Wubx4drThYJizgVP/j9/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@reactflow/core/-/core-11.5.1.tgz}
+    id: registry.npmjs.org/@reactflow/core/11.5.1
+    name: '@reactflow/core'
+    version: 11.5.1
+    peerDependencies:
+      react: '>=17'
+      react-dom: '>=17'
+    dependencies:
+      '@types/d3': registry.npmjs.org/@types/d3/7.4.0
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.1
+      classcat: registry.npmjs.org/classcat/5.0.4
+      d3-drag: registry.npmjs.org/d3-drag/3.0.0
+      d3-selection: registry.npmjs.org/d3-selection/3.0.0
+      d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
+      react: registry.npmjs.org/react/18.2.0
+      react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
+      zustand: registry.npmjs.org/zustand/4.3.1_react@18.2.0
+    transitivePeerDependencies:
+      - immer
+    dev: false
+
   registry.npmjs.org/@rollup/plugin-alias/3.1.9_rollup@2.79.1:
     resolution: {integrity: sha512-QI5fsEvm9bDzt32k39wpOwZhVzRcL5ydcffUHMyLVaVaLeC70I8TJZ17F1z1eMoLu4E/UOcH9BWVkKpIKdrfiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-alias/-/plugin-alias-3.1.9.tgz}
     id: registry.npmjs.org/@rollup/plugin-alias/3.1.9
@@ -1807,6 +1918,96 @@ packages:
     version: 2.0.0
     dev: true
 
+  registry.npmjs.org/@sveltejs/adapter-auto/1.0.2_@sveltejs+kit@1.3.6:
+    resolution: {integrity: sha512-UXpEO/gutERZnD+Z5Vi4J/ifD3WSRuCI7xwtLJTcKNQvJ6t5Xsj1X3Mw2F8Vv/XTUuxf7xPLYUgThU331r0Y9w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-1.0.2.tgz}
+    id: registry.npmjs.org/@sveltejs/adapter-auto/1.0.2
+    name: '@sveltejs/adapter-auto'
+    version: 1.0.2
+    peerDependencies:
+      '@sveltejs/kit': ^1.0.0
+    dependencies:
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.3.6_svelte@3.55.1+vite@4.0.4
+      import-meta-resolve: registry.npmjs.org/import-meta-resolve/2.2.1
+    dev: true
+
+  registry.npmjs.org/@sveltejs/kit/1.3.6_svelte@3.55.1+vite@4.0.4:
+    resolution: {integrity: sha512-SOGTKYiZ0ajIhQ9pUKr9F+h5Srm8Gdn3aza3dZxXWdHjpqv1iyhvt4oS0l5n1a+sXQzKlLpe/CikDBqSVSUS2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.3.6.tgz}
+    id: registry.npmjs.org/@sveltejs/kit/1.3.6
+    name: '@sveltejs/kit'
+    version: 1.3.6
+    engines: {node: ^16.14 || >=18}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      svelte: ^3.54.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.2_svelte@3.55.1+vite@4.0.4
+      '@types/cookie': registry.npmjs.org/@types/cookie/0.5.1
+      cookie: registry.npmjs.org/cookie/0.5.0
+      devalue: registry.npmjs.org/devalue/4.2.3
+      esm-env: registry.npmjs.org/esm-env/1.0.0
+      kleur: registry.npmjs.org/kleur/4.1.5
+      magic-string: registry.npmjs.org/magic-string/0.27.0
+      mime: registry.npmjs.org/mime/3.0.0
+      sade: registry.npmjs.org/sade/1.8.1
+      set-cookie-parser: registry.npmjs.org/set-cookie-parser/2.5.1
+      sirv: registry.npmjs.org/sirv/2.0.2
+      svelte: registry.npmjs.org/svelte/3.55.1
+      tiny-glob: registry.npmjs.org/tiny-glob/0.2.9
+      undici: registry.npmjs.org/undici/5.16.0
+      vite: registry.npmjs.org/vite/4.0.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  registry.npmjs.org/@sveltejs/package/1.0.2_atrrhq7vg4ekua4nnyrpuardle:
+    resolution: {integrity: sha512-VY9U+05d9uNFDj7ScKRlHORYlfPSHwJewBjV+V2RsnViexpLFPUrboC9SiPYDCpLnbeqwXerxhO6twGHUBGeIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/package/-/package-1.0.2.tgz}
+    id: registry.npmjs.org/@sveltejs/package/1.0.2
+    name: '@sveltejs/package'
+    version: 1.0.2
+    engines: {node: ^16.14 || >=18}
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.44.0
+    dependencies:
+      chokidar: registry.npmjs.org/chokidar/3.5.3
+      kleur: registry.npmjs.org/kleur/4.1.5
+      sade: registry.npmjs.org/sade/1.8.1
+      svelte: registry.npmjs.org/svelte/3.55.1
+      svelte2tsx: registry.npmjs.org/svelte2tsx/0.6.0_atrrhq7vg4ekua4nnyrpuardle
+    transitivePeerDependencies:
+      - typescript
+    dev: true
+
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.2_svelte@3.55.1+vite@4.0.4:
+    resolution: {integrity: sha512-xCEan0/NNpQuL0l5aS42FjwQ6wwskdxC3pW1OeFtEKNZwRg7Evro9lac9HesGP6TdFsTv2xMes5ASQVKbCacxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.0.2.tgz}
+    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.2
+    name: '@sveltejs/vite-plugin-svelte'
+    version: 2.0.2
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      svelte: ^3.54.0
+      vite: ^4.0.0
+    dependencies:
+      debug: registry.npmjs.org/debug/4.3.4
+      deepmerge: registry.npmjs.org/deepmerge/4.2.2
+      kleur: registry.npmjs.org/kleur/4.1.5
+      magic-string: registry.npmjs.org/magic-string/0.27.0
+      svelte: registry.npmjs.org/svelte/3.55.1
+      svelte-hmr: registry.npmjs.org/svelte-hmr/0.15.1_svelte@3.55.1
+      vite: registry.npmjs.org/vite/4.0.4
+      vitefu: registry.npmjs.org/vitefu/0.2.4_vite@4.0.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  registry.npmjs.org/@types/cookie/0.5.1:
+    resolution: {integrity: sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/cookie/-/cookie-0.5.1.tgz}
+    name: '@types/cookie'
+    version: 0.5.1
+    dev: true
+
   registry.npmjs.org/@types/d3-array/3.0.3:
     resolution: {integrity: sha512-Reoy+pKnvsksN0lQUlcH6dOGjRZ/3WRwXR//m+/8lt1BXeI4xyaUZoqULNjyXXRuh0Mj4LNpkCvhUpQlY3X5xQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-array/-/d3-array-3.0.3.tgz}
     name: '@types/d3-array'
@@ -2114,6 +2315,12 @@ packages:
     version: 15.7.5
     dev: true
 
+  registry.npmjs.org/@types/pug/2.0.6:
+    resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/pug/-/pug-2.0.6.tgz}
+    name: '@types/pug'
+    version: 2.0.6
+    dev: true
+
   registry.npmjs.org/@types/react-dom/18.0.6:
     resolution: {integrity: sha512-/5OFZgfIPSwy+YuIBP/FgJnQnsxhZhjjrnxudMddeblOouIodEQ75X14Rr4wGSG/bknL+Omy9iWlLo1u/9GzAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.6.tgz}
     name: '@types/react-dom'
@@ -2146,6 +2353,14 @@ packages:
     version: 1.20.2
     dev: true
 
+  registry.npmjs.org/@types/sass/1.43.1:
+    resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/sass/-/sass-1.43.1.tgz}
+    name: '@types/sass'
+    version: 1.43.1
+    dependencies:
+      '@types/node': registry.npmjs.org/@types/node/18.7.16
+    dev: true
+
   registry.npmjs.org/@types/scheduler/0.16.2:
     resolution: {integrity: sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz}
     name: '@types/scheduler'
@@ -2216,6 +2431,36 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.49.0_rsaczafy73x3xqauzesvzbsgzy:
+    resolution: {integrity: sha512-IhxabIpcf++TBaBa1h7jtOWyon80SXPRLDq0dVz5SLFC/eW6tofkw/O7Ar3lkx5z5U6wzbKDrl2larprp5kk5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.49.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.49.0
+    name: '@typescript-eslint/eslint-plugin'
+    version: 5.49.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^5.0.0
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.49.0
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u
+      debug: registry.npmjs.org/debug/4.3.4
+      eslint: registry.npmjs.org/eslint/8.33.0
+      ignore: registry.npmjs.org/ignore/5.2.4
+      natural-compare-lite: registry.npmjs.org/natural-compare-lite/1.4.0
+      regexpp: registry.npmjs.org/regexpp/3.2.0
+      semver: registry.npmjs.org/semver/7.3.8
+      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/parser/5.49.0_id2eilsndvzhjjktb64trvy3gu:
     resolution: {integrity: sha512-veDlZN9mUhGqU31Qiv2qEp+XrJj5fgZpJ8PW30sHU+j/8/e5ruAhLaVDAeznS7A7i4ucb/s8IozpDtt9NqCkZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.49.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/parser/5.49.0
@@ -2239,6 +2484,29 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/parser/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u:
+    resolution: {integrity: sha512-veDlZN9mUhGqU31Qiv2qEp+XrJj5fgZpJ8PW30sHU+j/8/e5ruAhLaVDAeznS7A7i4ucb/s8IozpDtt9NqCkZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.49.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/5.49.0
+    name: '@typescript-eslint/parser'
+    version: 5.49.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.49.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.49.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.49.0_typescript@4.9.4
+      debug: registry.npmjs.org/debug/4.3.4
+      eslint: registry.npmjs.org/eslint/8.33.0
+      typescript: registry.npmjs.org/typescript/4.9.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/scope-manager/5.49.0:
     resolution: {integrity: sha512-clpROBOiMIzpbWNxCe1xDK14uPZh35u4QaZO1GddilEzoCLAEz4szb51rBpdgurs5k2YzPtJeTEN3qVbG+LRUQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.49.0.tgz}
     name: '@typescript-eslint/scope-manager'
@@ -2272,6 +2540,29 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/type-utils/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u:
+    resolution: {integrity: sha512-eUgLTYq0tR0FGU5g1YHm4rt5H/+V2IPVkP0cBmbhRyEmyGe4XvJ2YJ6sYTmONfjmdMqyMLad7SB8GvblbeESZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.49.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/5.49.0
+    name: '@typescript-eslint/type-utils'
+    version: 5.49.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.49.0_typescript@4.9.4
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u
+      debug: registry.npmjs.org/debug/4.3.4
+      eslint: registry.npmjs.org/eslint/8.33.0
+      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/types/5.49.0:
     resolution: {integrity: sha512-7If46kusG+sSnEpu0yOz2xFv5nRz158nzEXnJFCGVEHWnuzolXKwrH5Bsf9zsNlOQkyZuk0BZKKoJQI+1JPBBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.49.0.tgz}
     name: '@typescript-eslint/types'
@@ -2326,6 +2617,29 @@ packages:
       - typescript
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/utils/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u:
+    resolution: {integrity: sha512-cPJue/4Si25FViIb74sHCLtM4nTSBXtLx1d3/QT6mirQ/c65bV8arBEebBJJizfq8W2YyMoPI/WWPFWitmNqnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.49.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/5.49.0
+    name: '@typescript-eslint/utils'
+    version: 5.49.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.11
+      '@types/semver': registry.npmjs.org/@types/semver/7.3.13
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.49.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.49.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.49.0_typescript@4.9.4
+      eslint: registry.npmjs.org/eslint/8.33.0
+      eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
+      eslint-utils: registry.npmjs.org/eslint-utils/3.0.0_eslint@8.33.0
+      semver: registry.npmjs.org/semver/7.3.8
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/visitor-keys/5.49.0:
     resolution: {integrity: sha512-v9jBMjpNWyn8B6k/Mjt6VbUS4J1GvUlR4x3Y+ibnP1z7y7V4n0WRz+50DY6+Myj0UaXVSuUlHohO+eZ8IJEnkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.49.0.tgz}
     name: '@typescript-eslint/visitor-keys'
@@ -2631,7 +2945,6 @@ packages:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz}
     name: balanced-match
     version: 1.0.2
-    dev: true
 
   registry.npmjs.org/base64-js/1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz}
@@ -2682,7 +2995,6 @@ packages:
     dependencies:
       balanced-match: registry.npmjs.org/balanced-match/1.0.2
       concat-map: registry.npmjs.org/concat-map/0.0.1
-    dev: true
 
   registry.npmjs.org/brace-expansion/2.0.1:
     resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz}
@@ -2763,6 +3075,15 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  registry.npmjs.org/busboy/1.6.0:
+    resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz}
+    name: busboy
+    version: 1.6.0
+    engines: {node: '>=10.16.0'}
+    dependencies:
+      streamsearch: registry.npmjs.org/streamsearch/1.1.0
+    dev: true
+
   registry.npmjs.org/cachedir/2.3.0:
     resolution: {integrity: sha512-A+Fezp4zxnit6FanDmv9EqXNAi3vt9DWp51/71UEhXukb7QUuvtv9344h91dyAxuTLoSYJFU299qzR3tzwPAhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cachedir/-/cachedir-2.3.0.tgz}
     name: cachedir
@@ -2822,6 +3143,17 @@ packages:
     version: 0.12.0
     dev: true
 
+  registry.npmjs.org/cc/3.0.1:
+    resolution: {integrity: sha512-WowS4JZyJZOmPuNjJJOgvc1S1VCIg9MjXkSgsskl6YZ2rFilRql1bMaFu6JdWJMoG+upPtdqQ7BCdEkt42SpMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cc/-/cc-3.0.1.tgz}
+    name: cc
+    version: 3.0.1
+    hasBin: true
+    dependencies:
+      deglob: registry.npmjs.org/deglob/4.0.1
+      pkg-conf: registry.npmjs.org/pkg-conf/3.1.0
+      python-shell: registry.npmjs.org/python-shell/2.0.3
+    dev: false
+
   registry.npmjs.org/chalk/2.4.2:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz}
     name: chalk
@@ -3040,7 +3372,6 @@ packages:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz}
     name: concat-map
     version: 0.0.1
-    dev: true
 
   registry.npmjs.org/concurrently/7.6.0:
     resolution: {integrity: sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/concurrently/-/concurrently-7.6.0.tgz}
@@ -3074,6 +3405,13 @@ packages:
     version: 1.9.0
     dev: true
 
+  registry.npmjs.org/cookie/0.5.0:
+    resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz}
+    name: cookie
+    version: 0.5.0
+    engines: {node: '>= 0.6'}
+    dev: true
+
   registry.npmjs.org/core-util-is/1.0.2:
     resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz}
     name: core-util-is
@@ -3335,6 +3673,13 @@ packages:
     version: 1.11.5
     dev: true
 
+  registry.npmjs.org/debug-log/1.0.1:
+    resolution: {integrity: sha512-gV/pe1YIaKNgLYnd1g9VNW80tcb7oV5qvNUxG7NM8rbDpnl6RGunzlAtlGSb0wEs3nesu2vHNiX9TSsZ+Y+RjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug-log/-/debug-log-1.0.1.tgz}
+    name: debug-log
+    version: 1.0.1
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   registry.npmjs.org/debug/3.2.7_supports-color@8.1.1:
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-3.2.7.tgz}
     id: registry.npmjs.org/debug/3.2.7
@@ -3411,6 +3756,12 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  registry.npmjs.org/dedent-js/1.0.1:
+    resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dedent-js/-/dedent-js-1.0.1.tgz}
+    name: dedent-js
+    version: 1.0.1
+    dev: true
+
   registry.npmjs.org/deep-is/0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz}
     name: deep-is
@@ -3442,6 +3793,19 @@ packages:
       object-keys: registry.npmjs.org/object-keys/1.1.1
     dev: true
 
+  registry.npmjs.org/deglob/4.0.1:
+    resolution: {integrity: sha512-/g+RDZ7yf2HvoW+E5Cy+K94YhgcFgr6C8LuHZD1O5HoNPkf3KY6RfXJ0DBGlB/NkLi5gml+G9zqRzk9S0mHZCg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deglob/-/deglob-4.0.1.tgz}
+    name: deglob
+    version: 4.0.1
+    dependencies:
+      find-root: registry.npmjs.org/find-root/1.1.0
+      glob: registry.npmjs.org/glob/7.2.3
+      ignore: registry.npmjs.org/ignore/5.2.4
+      pkg-config: registry.npmjs.org/pkg-config/1.1.1
+      run-parallel: registry.npmjs.org/run-parallel/1.2.0
+      uniq: registry.npmjs.org/uniq/1.0.1
+    dev: false
+
   registry.npmjs.org/delayed-stream/1.0.0:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz}
     name: delayed-stream
@@ -3463,6 +3827,12 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  registry.npmjs.org/devalue/4.2.3:
+    resolution: {integrity: sha512-JG6Q248aN0pgFL57e3zqTVeFraBe+5W2ugvv1mLXsJP6YYIYJhRZhAl7QP8haJrqob6X10F9NEkuCvNILZTPeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/devalue/-/devalue-4.2.3.tgz}
+    name: devalue
+    version: 4.2.3
+    dev: true
+
   registry.npmjs.org/dir-glob/3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz}
     name: dir-glob
@@ -3553,7 +3923,6 @@ packages:
     version: 1.3.2
     dependencies:
       is-arrayish: registry.npmjs.org/is-arrayish/0.2.1
-    dev: true
 
   registry.npmjs.org/es-abstract/1.21.1:
     resolution: {integrity: sha512-QudMsPOz86xYz/1dG1OuGBKOELjCh99IIWHLzy5znUB6j8xG2yMA7bfTV86VSqKF+Y/H08vQPR+9jyXpuC6hfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-abstract/-/es-abstract-1.21.1.tgz}
@@ -3626,6 +3995,12 @@ packages:
       is-symbol: registry.npmjs.org/is-symbol/1.0.4
     dev: true
 
+  registry.npmjs.org/es6-promise/3.3.1:
+    resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es6-promise/-/es6-promise-3.3.1.tgz}
+    name: es6-promise
+    version: 3.3.1
+    dev: true
+
   registry.npmjs.org/esbuild/0.16.16:
     resolution: {integrity: sha512-24JyKq10KXM5EBIgPotYIJ2fInNWVVqflv3gicIyQqfmUqi4HvDW1VR790cBgLJHCl96Syy7lhoz7tLFcmuRmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.16.16.tgz}
     name: esbuild
@@ -3691,6 +4066,18 @@ packages:
       eslint: registry.npmjs.org/eslint/8.23.1
     dev: true
 
+  registry.npmjs.org/eslint-config-prettier/8.5.0_eslint@8.33.0:
+    resolution: {integrity: sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz}
+    id: registry.npmjs.org/eslint-config-prettier/8.5.0
+    name: eslint-config-prettier
+    version: 8.5.0
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      eslint: registry.npmjs.org/eslint/8.33.0
+    dev: true
+
   registry.npmjs.org/eslint-config-turbo/0.0.7_eslint@8.23.1:
     resolution: {integrity: sha512-WbrGlyfs94rOXrhombi1wjIAYGdV2iosgJRndOZtmDQeq5GLTzYmBUCJQZWtLBEBUPCj96RxZ2OL7Cn+xv/Azg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-0.0.7.tgz}
     id: registry.npmjs.org/eslint-config-turbo/0.0.7
@@ -3750,6 +4137,19 @@ packages:
       string.prototype.matchall: registry.npmjs.org/string.prototype.matchall/4.0.8
     dev: true
 
+  registry.npmjs.org/eslint-plugin-svelte3/4.0.0_4omm2ewoudhgnmf7aocafatnc4:
+    resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-svelte3/-/eslint-plugin-svelte3-4.0.0.tgz}
+    id: registry.npmjs.org/eslint-plugin-svelte3/4.0.0
+    name: eslint-plugin-svelte3
+    version: 4.0.0
+    peerDependencies:
+      eslint: '>=8.0.0'
+      svelte: ^3.2.0
+    dependencies:
+      eslint: registry.npmjs.org/eslint/8.33.0
+      svelte: registry.npmjs.org/svelte/3.55.1
+    dev: true
+
   registry.npmjs.org/eslint-plugin-turbo/0.0.7_eslint@8.23.1:
     resolution: {integrity: sha512-iajOH8eD4jha3duztGVBD1BEmvNrQBaA/y3HFHf91vMDRYRwH7BpHSDFtxydDpk5ghlhRxG299SFxz7D6z4MBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-0.0.7.tgz}
     id: registry.npmjs.org/eslint-plugin-turbo/0.0.7
@@ -3794,6 +4194,19 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/2.1.0
     dev: true
 
+  registry.npmjs.org/eslint-utils/3.0.0_eslint@8.33.0:
+    resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz}
+    id: registry.npmjs.org/eslint-utils/3.0.0
+    name: eslint-utils
+    version: 3.0.0
+    engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
+    peerDependencies:
+      eslint: '>=5'
+    dependencies:
+      eslint: registry.npmjs.org/eslint/8.33.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/2.1.0
+    dev: true
+
   registry.npmjs.org/eslint-visitor-keys/2.1.0:
     resolution: {integrity: sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz}
     name: eslint-visitor-keys
@@ -3826,7 +4239,57 @@ packages:
       doctrine: registry.npmjs.org/doctrine/3.0.0
       escape-string-regexp: registry.npmjs.org/escape-string-regexp/4.0.0
       eslint-scope: registry.npmjs.org/eslint-scope/7.1.1
-      eslint-utils: registry.npmjs.org/eslint-utils/3.0.0_eslint@8.23.1
+      eslint-utils: registry.npmjs.org/eslint-utils/3.0.0_eslint@8.23.1
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
+      espree: registry.npmjs.org/espree/9.4.0
+      esquery: registry.npmjs.org/esquery/1.4.0
+      esutils: registry.npmjs.org/esutils/2.0.3
+      fast-deep-equal: registry.npmjs.org/fast-deep-equal/3.1.3
+      file-entry-cache: registry.npmjs.org/file-entry-cache/6.0.1
+      find-up: registry.npmjs.org/find-up/5.0.0
+      glob-parent: registry.npmjs.org/glob-parent/6.0.2
+      globals: registry.npmjs.org/globals/13.17.0
+      globby: registry.npmjs.org/globby/11.1.0
+      grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
+      ignore: registry.npmjs.org/ignore/5.2.0
+      import-fresh: registry.npmjs.org/import-fresh/3.3.0
+      imurmurhash: registry.npmjs.org/imurmurhash/0.1.4
+      is-glob: registry.npmjs.org/is-glob/4.0.3
+      js-sdsl: registry.npmjs.org/js-sdsl/4.1.4
+      js-yaml: registry.npmjs.org/js-yaml/4.1.0
+      json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify/1.0.1
+      levn: registry.npmjs.org/levn/0.4.1
+      lodash.merge: registry.npmjs.org/lodash.merge/4.6.2
+      minimatch: registry.npmjs.org/minimatch/3.1.2
+      natural-compare: registry.npmjs.org/natural-compare/1.4.0
+      optionator: registry.npmjs.org/optionator/0.9.1
+      regexpp: registry.npmjs.org/regexpp/3.2.0
+      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
+      strip-json-comments: registry.npmjs.org/strip-json-comments/3.1.1
+      text-table: registry.npmjs.org/text-table/0.2.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  registry.npmjs.org/eslint/8.33.0:
+    resolution: {integrity: sha512-WjOpFQgKK8VrCnAtl8We0SUOy/oVZ5NHykyMiagV1M9r8IFpIJX7DduK6n1mpfhlG7T1NLWm2SuD8QB7KFySaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.33.0.tgz}
+    name: eslint
+    version: 8.33.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc/1.4.1
+      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array/0.11.8
+      '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer/1.0.1
+      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk/1.2.8
+      ajv: registry.npmjs.org/ajv/6.12.6
+      chalk: registry.npmjs.org/chalk/4.1.2
+      cross-spawn: registry.npmjs.org/cross-spawn/7.0.3
+      debug: registry.npmjs.org/debug/4.3.4
+      doctrine: registry.npmjs.org/doctrine/3.0.0
+      escape-string-regexp: registry.npmjs.org/escape-string-regexp/4.0.0
+      eslint-scope: registry.npmjs.org/eslint-scope/7.1.1
+      eslint-utils: registry.npmjs.org/eslint-utils/3.0.0_eslint@8.33.0
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
       espree: registry.npmjs.org/espree/9.4.0
       esquery: registry.npmjs.org/esquery/1.4.0
@@ -3835,13 +4298,13 @@ packages:
       file-entry-cache: registry.npmjs.org/file-entry-cache/6.0.1
       find-up: registry.npmjs.org/find-up/5.0.0
       glob-parent: registry.npmjs.org/glob-parent/6.0.2
-      globals: registry.npmjs.org/globals/13.17.0
-      globby: registry.npmjs.org/globby/11.1.0
+      globals: registry.npmjs.org/globals/13.20.0
       grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
-      ignore: registry.npmjs.org/ignore/5.2.0
+      ignore: registry.npmjs.org/ignore/5.2.4
       import-fresh: registry.npmjs.org/import-fresh/3.3.0
       imurmurhash: registry.npmjs.org/imurmurhash/0.1.4
       is-glob: registry.npmjs.org/is-glob/4.0.3
+      is-path-inside: registry.npmjs.org/is-path-inside/3.0.3
       js-sdsl: registry.npmjs.org/js-sdsl/4.1.4
       js-yaml: registry.npmjs.org/js-yaml/4.1.0
       json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify/1.0.1
@@ -3858,6 +4321,12 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/esm-env/1.0.0:
+    resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz}
+    name: esm-env
+    version: 1.0.0
+    dev: true
+
   registry.npmjs.org/espree/9.4.0:
     resolution: {integrity: sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/espree/-/espree-9.4.0.tgz}
     name: espree
@@ -4124,6 +4593,21 @@ packages:
       to-regex-range: registry.npmjs.org/to-regex-range/5.0.1
     dev: true
 
+  registry.npmjs.org/find-root/1.1.0:
+    resolution: {integrity: sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz}
+    name: find-root
+    version: 1.1.0
+    dev: false
+
+  registry.npmjs.org/find-up/3.0.0:
+    resolution: {integrity: sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz}
+    name: find-up
+    version: 3.0.0
+    engines: {node: '>=6'}
+    dependencies:
+      locate-path: registry.npmjs.org/locate-path/3.0.0
+    dev: false
+
   registry.npmjs.org/find-up/4.1.0:
     resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz}
     name: find-up
@@ -4270,7 +4754,6 @@ packages:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz}
     name: fs.realpath
     version: 1.0.0
-    dev: true
 
   registry.npmjs.org/fsevents/2.3.2:
     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz}
@@ -4426,7 +4909,6 @@ packages:
       minimatch: registry.npmjs.org/minimatch/3.1.2
       once: registry.npmjs.org/once/1.4.0
       path-is-absolute: registry.npmjs.org/path-is-absolute/1.0.1
-    dev: true
 
   registry.npmjs.org/glob/8.0.3:
     resolution: {integrity: sha512-ull455NHSHI/Y1FqGaaYFaLGkNMMJbavMrEGFXG/PGrg6y7sutWHUHrz6gy6WEBH6akM1M414dWKCNs+IhKdiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-8.0.3.tgz}
@@ -4466,6 +4948,15 @@ packages:
       type-fest: registry.npmjs.org/type-fest/0.20.2
     dev: true
 
+  registry.npmjs.org/globals/13.20.0:
+    resolution: {integrity: sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globals/-/globals-13.20.0.tgz}
+    name: globals
+    version: 13.20.0
+    engines: {node: '>=8'}
+    dependencies:
+      type-fest: registry.npmjs.org/type-fest/0.20.2
+    dev: true
+
   registry.npmjs.org/globalthis/1.0.3:
     resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz}
     name: globalthis
@@ -4475,6 +4966,12 @@ packages:
       define-properties: registry.npmjs.org/define-properties/1.1.4
     dev: true
 
+  registry.npmjs.org/globalyzer/0.1.0:
+    resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz}
+    name: globalyzer
+    version: 0.1.0
+    dev: true
+
   registry.npmjs.org/globby/11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globby/-/globby-11.1.0.tgz}
     name: globby
@@ -4502,6 +4999,12 @@ packages:
       slash: registry.npmjs.org/slash/4.0.0
     dev: true
 
+  registry.npmjs.org/globrex/0.1.2:
+    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz}
+    name: globrex
+    version: 0.1.2
+    dev: true
+
   registry.npmjs.org/gopd/1.0.1:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz}
     name: gopd
@@ -4514,7 +5017,6 @@ packages:
     resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz}
     name: graceful-fs
     version: 4.2.10
-    dev: true
 
   registry.npmjs.org/grapheme-splitter/1.0.4:
     resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz}
@@ -4677,7 +5179,6 @@ packages:
     name: ignore
     version: 5.2.4
     engines: {node: '>= 4'}
-    dev: true
 
   registry.npmjs.org/immediate/3.0.6:
     resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz}
@@ -4695,6 +5196,12 @@ packages:
       resolve-from: registry.npmjs.org/resolve-from/4.0.0
     dev: true
 
+  registry.npmjs.org/import-meta-resolve/2.2.1:
+    resolution: {integrity: sha512-C6lLL7EJPY44kBvA80gq4uMsVFw5x3oSKfuMl1cuZ2RkI5+UJqQXgn+6hlUew0y4ig7Ypt4CObAAIzU53Nfpuw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-2.2.1.tgz}
+    name: import-meta-resolve
+    version: 2.2.1
+    dev: true
+
   registry.npmjs.org/imurmurhash/0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz}
     name: imurmurhash
@@ -4716,13 +5223,11 @@ packages:
     dependencies:
       once: registry.npmjs.org/once/1.4.0
       wrappy: registry.npmjs.org/wrappy/1.0.2
-    dev: true
 
   registry.npmjs.org/inherits/2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz}
     name: inherits
     version: 2.0.4
-    dev: true
 
   registry.npmjs.org/ini/2.0.0:
     resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ini/-/ini-2.0.0.tgz}
@@ -4756,7 +5261,6 @@ packages:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz}
     name: is-arrayish
     version: 0.2.1
-    dev: true
 
   registry.npmjs.org/is-bigint/1.0.4:
     resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz}
@@ -5115,6 +5619,12 @@ packages:
     hasBin: true
     dev: true
 
+  registry.npmjs.org/json-parse-better-errors/1.0.2:
+    resolution: {integrity: sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz}
+    name: json-parse-better-errors
+    version: 1.0.2
+    dev: false
+
   registry.npmjs.org/json-parse-even-better-errors/2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz}
     name: json-parse-even-better-errors
@@ -5276,6 +5786,19 @@ packages:
       wrap-ansi: registry.npmjs.org/wrap-ansi/7.0.0
     dev: true
 
+  registry.npmjs.org/load-json-file/5.3.0:
+    resolution: {integrity: sha512-cJGP40Jc/VXUsp8/OrnyKyTZ1y6v/dphm3bioS+RrKXjK2BB6wHUd6JptZEFDGgGahMT+InnZO5i1Ei9mpC8Bw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/load-json-file/-/load-json-file-5.3.0.tgz}
+    name: load-json-file
+    version: 5.3.0
+    engines: {node: '>=6'}
+    dependencies:
+      graceful-fs: registry.npmjs.org/graceful-fs/4.2.10
+      parse-json: registry.npmjs.org/parse-json/4.0.0
+      pify: registry.npmjs.org/pify/4.0.1
+      strip-bom: registry.npmjs.org/strip-bom/3.0.0
+      type-fest: registry.npmjs.org/type-fest/0.3.1
+    dev: false
+
   registry.npmjs.org/load-yaml-file/0.2.0:
     resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/load-yaml-file/-/load-yaml-file-0.2.0.tgz}
     name: load-yaml-file
@@ -5296,6 +5819,16 @@ packages:
       lie: registry.npmjs.org/lie/3.1.1
     dev: false
 
+  registry.npmjs.org/locate-path/3.0.0:
+    resolution: {integrity: sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz}
+    name: locate-path
+    version: 3.0.0
+    engines: {node: '>=6'}
+    dependencies:
+      p-locate: registry.npmjs.org/p-locate/3.0.0
+      path-exists: registry.npmjs.org/path-exists/3.0.0
+    dev: false
+
   registry.npmjs.org/locate-path/5.0.0:
     resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz}
     name: locate-path
@@ -5367,6 +5900,14 @@ packages:
     dependencies:
       js-tokens: registry.npmjs.org/js-tokens/4.0.0
 
+  registry.npmjs.org/lower-case/2.0.2:
+    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz}
+    name: lower-case
+    version: 2.0.2
+    dependencies:
+      tslib: registry.npmjs.org/tslib/2.4.1
+    dev: true
+
   registry.npmjs.org/lru-cache/4.1.5:
     resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz}
     name: lru-cache
@@ -5507,6 +6048,14 @@ packages:
       mime-db: registry.npmjs.org/mime-db/1.52.0
     dev: true
 
+  registry.npmjs.org/mime/3.0.0:
+    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mime/-/mime-3.0.0.tgz}
+    name: mime
+    version: 3.0.0
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+    dev: true
+
   registry.npmjs.org/mimic-fn/2.1.0:
     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz}
     name: mimic-fn
@@ -5527,7 +6076,6 @@ packages:
     version: 3.1.2
     dependencies:
       brace-expansion: registry.npmjs.org/brace-expansion/1.1.11
-    dev: true
 
   registry.npmjs.org/minimatch/5.1.2:
     resolution: {integrity: sha512-bNH9mmM9qsJ2X4r2Nat1B//1dJVcn3+iBLa3IgqJ7EbGaDNepL9QSHOxN4ng33s52VMMhhIfgCYDk3C4ZmlDAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimatch/-/minimatch-5.1.2.tgz}
@@ -5562,6 +6110,29 @@ packages:
     engines: {node: '>= 8.0.0'}
     dev: true
 
+  registry.npmjs.org/mkdirp/0.5.6:
+    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz}
+    name: mkdirp
+    version: 0.5.6
+    hasBin: true
+    dependencies:
+      minimist: registry.npmjs.org/minimist/1.2.6
+    dev: true
+
+  registry.npmjs.org/mri/1.2.0:
+    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mri/-/mri-1.2.0.tgz}
+    name: mri
+    version: 1.2.0
+    engines: {node: '>=4'}
+    dev: true
+
+  registry.npmjs.org/mrmime/1.0.1:
+    resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz}
+    name: mrmime
+    version: 1.0.1
+    engines: {node: '>=10'}
+    dev: true
+
   registry.npmjs.org/ms/2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ms/-/ms-2.1.2.tgz}
     name: ms
@@ -5594,6 +6165,15 @@ packages:
     version: 1.4.0
     dev: true
 
+  registry.npmjs.org/no-case/3.0.4:
+    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz}
+    name: no-case
+    version: 3.0.4
+    dependencies:
+      lower-case: registry.npmjs.org/lower-case/2.0.2
+      tslib: registry.npmjs.org/tslib/2.4.1
+    dev: true
+
   registry.npmjs.org/node-fetch/2.6.7:
     resolution: {integrity: sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz}
     name: node-fetch
@@ -5761,7 +6341,6 @@ packages:
     version: 1.4.0
     dependencies:
       wrappy: registry.npmjs.org/wrappy/1.0.2
-    dev: true
 
   registry.npmjs.org/onetime/5.1.2:
     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz}
@@ -5821,7 +6400,6 @@ packages:
     engines: {node: '>=6'}
     dependencies:
       p-try: registry.npmjs.org/p-try/2.2.0
-    dev: true
 
   registry.npmjs.org/p-limit/3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz}
@@ -5832,6 +6410,15 @@ packages:
       yocto-queue: registry.npmjs.org/yocto-queue/0.1.0
     dev: true
 
+  registry.npmjs.org/p-locate/3.0.0:
+    resolution: {integrity: sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz}
+    name: p-locate
+    version: 3.0.0
+    engines: {node: '>=6'}
+    dependencies:
+      p-limit: registry.npmjs.org/p-limit/2.3.0
+    dev: false
+
   registry.npmjs.org/p-locate/4.1.0:
     resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz}
     name: p-locate
@@ -5871,7 +6458,6 @@ packages:
     name: p-try
     version: 2.2.0
     engines: {node: '>=6'}
-    dev: true
 
   registry.npmjs.org/parent-module/1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz}
@@ -5894,6 +6480,16 @@ packages:
       is-glob: registry.npmjs.org/is-glob/2.0.1
     dev: true
 
+  registry.npmjs.org/parse-json/4.0.0:
+    resolution: {integrity: sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz}
+    name: parse-json
+    version: 4.0.0
+    engines: {node: '>=4'}
+    dependencies:
+      error-ex: registry.npmjs.org/error-ex/1.3.2
+      json-parse-better-errors: registry.npmjs.org/json-parse-better-errors/1.0.2
+    dev: false
+
   registry.npmjs.org/parse-json/5.2.0:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz}
     name: parse-json
@@ -5906,6 +6502,22 @@ packages:
       lines-and-columns: registry.npmjs.org/lines-and-columns/1.2.4
     dev: true
 
+  registry.npmjs.org/pascal-case/3.1.2:
+    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz}
+    name: pascal-case
+    version: 3.1.2
+    dependencies:
+      no-case: registry.npmjs.org/no-case/3.0.4
+      tslib: registry.npmjs.org/tslib/2.4.1
+    dev: true
+
+  registry.npmjs.org/path-exists/3.0.0:
+    resolution: {integrity: sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz}
+    name: path-exists
+    version: 3.0.0
+    engines: {node: '>=4'}
+    dev: false
+
   registry.npmjs.org/path-exists/4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz}
     name: path-exists
@@ -5918,7 +6530,6 @@ packages:
     name: path-is-absolute
     version: 1.0.1
     engines: {node: '>=0.10.0'}
-    dev: true
 
   registry.npmjs.org/path-key/3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz}
@@ -5985,7 +6596,6 @@ packages:
     name: pify
     version: 4.0.1
     engines: {node: '>=6'}
-    dev: true
 
   registry.npmjs.org/pirates/4.0.5:
     resolution: {integrity: sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pirates/-/pirates-4.0.5.tgz}
@@ -5994,6 +6604,27 @@ packages:
     engines: {node: '>= 6'}
     dev: true
 
+  registry.npmjs.org/pkg-conf/3.1.0:
+    resolution: {integrity: sha512-m0OTbR/5VPNPqO1ph6Fqbj7Hv6QU7gR/tQW40ZqrL1rjgCU85W6C1bJn0BItuJqnR98PWzw7Z8hHeChD1WrgdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pkg-conf/-/pkg-conf-3.1.0.tgz}
+    name: pkg-conf
+    version: 3.1.0
+    engines: {node: '>=6'}
+    dependencies:
+      find-up: registry.npmjs.org/find-up/3.0.0
+      load-json-file: registry.npmjs.org/load-json-file/5.3.0
+    dev: false
+
+  registry.npmjs.org/pkg-config/1.1.1:
+    resolution: {integrity: sha512-ft/WI9YK6FuTuw4Ql+QUaNXtm/ASQNqDUUsZEgFZKyFpW6amyP8Gx01xrRs8KdiNbbqXfYxkOXplpq1euWbOjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pkg-config/-/pkg-config-1.1.1.tgz}
+    name: pkg-config
+    version: 1.1.1
+    engines: {node: '>=0.10'}
+    dependencies:
+      debug-log: registry.npmjs.org/debug-log/1.0.1
+      find-root: registry.npmjs.org/find-root/1.1.0
+      xtend: registry.npmjs.org/xtend/4.0.2
+    dev: false
+
   registry.npmjs.org/pkg-dir/4.2.0:
     resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz}
     name: pkg-dir
@@ -6170,6 +6801,19 @@ packages:
       fast-diff: registry.npmjs.org/fast-diff/1.2.0
     dev: true
 
+  registry.npmjs.org/prettier-plugin-svelte/2.9.0_kdmmghgdi3ngrsq6otxkjilbry:
+    resolution: {integrity: sha512-3doBi5NO4IVgaNPtwewvrgPpqAcvNv0NwJNflr76PIGgi9nf1oguQV1Hpdm9TI2ALIQVn/9iIwLpBO5UcD2Jiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.9.0.tgz}
+    id: registry.npmjs.org/prettier-plugin-svelte/2.9.0
+    name: prettier-plugin-svelte
+    version: 2.9.0
+    peerDependencies:
+      prettier: ^1.16.4 || ^2.0.0
+      svelte: ^3.2.0
+    dependencies:
+      prettier: registry.npmjs.org/prettier/2.8.3
+      svelte: registry.npmjs.org/svelte/3.55.1
+    dev: true
+
   registry.npmjs.org/prettier/2.7.1:
     resolution: {integrity: sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz}
     name: prettier
@@ -6178,6 +6822,14 @@ packages:
     hasBin: true
     dev: true
 
+  registry.npmjs.org/prettier/2.8.3:
+    resolution: {integrity: sha512-tJ/oJ4amDihPoufT5sM0Z1SKEuKay8LfVAMlbbhnnkvt6BUserZylqo2PN+p9KeljLr0OHa2rXHU1T8reeoTrw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-2.8.3.tgz}
+    name: prettier
+    version: 2.8.3
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    dev: true
+
   registry.npmjs.org/pretty-bytes/5.6.0:
     resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz}
     name: pretty-bytes
@@ -6246,6 +6898,13 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  registry.npmjs.org/python-shell/2.0.3:
+    resolution: {integrity: sha512-SBYQzXjexcxmmgzpjdIVxum9tj4Zaov1jNuSGMLssPxRhZ7lxqlpuEtLT0TEed0RAqhGfx2YFVC+imCJOmkVHg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/python-shell/-/python-shell-2.0.3.tgz}
+    name: python-shell
+    version: 2.0.3
+    engines: {node: '>=0.10'}
+    dev: false
+
   registry.npmjs.org/qs/6.5.3:
     resolution: {integrity: sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/qs/-/qs-6.5.3.tgz}
     name: qs
@@ -6257,7 +6916,6 @@ packages:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz}
     name: queue-microtask
     version: 1.2.3
-    dev: true
 
   registry.npmjs.org/quick-lru/4.0.1:
     resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz}
@@ -6506,6 +7164,15 @@ packages:
     version: 1.3.0
     dev: true
 
+  registry.npmjs.org/rimraf/2.7.1:
+    resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz}
+    name: rimraf
+    version: 2.7.1
+    hasBin: true
+    dependencies:
+      glob: registry.npmjs.org/glob/7.2.3
+    dev: true
+
   registry.npmjs.org/rimraf/3.0.2:
     resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz}
     name: rimraf
@@ -6552,7 +7219,6 @@ packages:
     version: 1.2.0
     dependencies:
       queue-microtask: registry.npmjs.org/queue-microtask/1.2.3
-    dev: true
 
   registry.npmjs.org/rxjs/7.5.6:
     resolution: {integrity: sha512-dnyv2/YsXhnm461G+R/Pe5bWP41Nm6LBXEYWI6eiFP4fiwx6WRI/CD0zbdVAudd9xwLEF2IDcKXLHit0FYjUzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rxjs/-/rxjs-7.5.6.tgz}
@@ -6570,6 +7236,15 @@ packages:
       tslib: registry.npmjs.org/tslib/2.4.1
     dev: true
 
+  registry.npmjs.org/sade/1.8.1:
+    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sade/-/sade-1.8.1.tgz}
+    name: sade
+    version: 1.8.1
+    engines: {node: '>=6'}
+    dependencies:
+      mri: registry.npmjs.org/mri/1.2.0
+    dev: true
+
   registry.npmjs.org/safe-buffer/5.1.2:
     resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz}
     name: safe-buffer
@@ -6598,6 +7273,17 @@ packages:
     version: 2.1.2
     dev: true
 
+  registry.npmjs.org/sander/0.5.1:
+    resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sander/-/sander-0.5.1.tgz}
+    name: sander
+    version: 0.5.1
+    dependencies:
+      es6-promise: registry.npmjs.org/es6-promise/3.3.1
+      graceful-fs: registry.npmjs.org/graceful-fs/4.2.10
+      mkdirp: registry.npmjs.org/mkdirp/0.5.6
+      rimraf: registry.npmjs.org/rimraf/2.7.1
+    dev: true
+
   registry.npmjs.org/scheduler/0.23.0:
     resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz}
     name: scheduler
@@ -6653,6 +7339,12 @@ packages:
     version: 2.0.0
     dev: true
 
+  registry.npmjs.org/set-cookie-parser/2.5.1:
+    resolution: {integrity: sha512-1jeBGaKNGdEq4FgIrORu/N570dwoPYio8lSoYLWmX7sQ//0JY08Xh9o5pBcgmHQ/MbsYp/aZnOe1s1lIsbLprQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.5.1.tgz}
+    name: set-cookie-parser
+    version: 2.5.1
+    dev: true
+
   registry.npmjs.org/shebang-command/1.2.0:
     resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz}
     name: shebang-command
@@ -6707,6 +7399,17 @@ packages:
     version: 3.0.7
     dev: true
 
+  registry.npmjs.org/sirv/2.0.2:
+    resolution: {integrity: sha512-4Qog6aE29nIjAOKe/wowFTxOdmbEZKb+3tsLljaBRzJwtqto0BChD2zzH0LhgCSXiI+V7X+Y45v14wBZQ1TK3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sirv/-/sirv-2.0.2.tgz}
+    name: sirv
+    version: 2.0.2
+    engines: {node: '>= 10'}
+    dependencies:
+      '@polka/url': registry.npmjs.org/@polka/url/1.0.0-next.21
+      mrmime: registry.npmjs.org/mrmime/1.0.1
+      totalist: registry.npmjs.org/totalist/3.0.0
+    dev: true
+
   registry.npmjs.org/slash/3.0.0:
     resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slash/-/slash-3.0.0.tgz}
     name: slash
@@ -6771,6 +7474,18 @@ packages:
     version: 0.0.6
     dev: true
 
+  registry.npmjs.org/sorcery/0.11.0:
+    resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sorcery/-/sorcery-0.11.0.tgz}
+    name: sorcery
+    version: 0.11.0
+    hasBin: true
+    dependencies:
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14
+      buffer-crc32: registry.npmjs.org/buffer-crc32/0.2.13
+      minimist: registry.npmjs.org/minimist/1.2.6
+      sander: registry.npmjs.org/sander/0.5.1
+    dev: true
+
   registry.npmjs.org/source-map-js/1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz}
     name: source-map-js
@@ -6912,6 +7627,13 @@ packages:
       mixme: registry.npmjs.org/mixme/0.5.4
     dev: true
 
+  registry.npmjs.org/streamsearch/1.1.0:
+    resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz}
+    name: streamsearch
+    version: 1.1.0
+    engines: {node: '>=10.0.0'}
+    dev: true
+
   registry.npmjs.org/string-width/4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz}
     name: string-width
@@ -6972,7 +7694,6 @@ packages:
     name: strip-bom
     version: 3.0.0
     engines: {node: '>=4'}
-    dev: true
 
   registry.npmjs.org/strip-final-newline/2.0.0:
     resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz}
@@ -7031,6 +7752,121 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
+  registry.npmjs.org/svelte-check/3.0.3_svelte@3.55.1:
+    resolution: {integrity: sha512-ByBFXo3bfHRGIsYEasHkdMhLkNleVfszX/Ns1oip58tPJlKdo5Ssr8kgVIuo5oq00hss8AIcdesuy0Xt0BcTvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.0.3.tgz}
+    id: registry.npmjs.org/svelte-check/3.0.3
+    name: svelte-check
+    version: 3.0.3
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.55.0
+    dependencies:
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.17
+      chokidar: registry.npmjs.org/chokidar/3.5.3
+      fast-glob: registry.npmjs.org/fast-glob/3.2.12
+      import-fresh: registry.npmjs.org/import-fresh/3.3.0
+      picocolors: registry.npmjs.org/picocolors/1.0.0
+      sade: registry.npmjs.org/sade/1.8.1
+      svelte: registry.npmjs.org/svelte/3.55.1
+      svelte-preprocess: registry.npmjs.org/svelte-preprocess/5.0.1_atrrhq7vg4ekua4nnyrpuardle
+      typescript: registry.npmjs.org/typescript/4.9.4
+    transitivePeerDependencies:
+      - '@babel/core'
+      - coffeescript
+      - less
+      - postcss
+      - postcss-load-config
+      - pug
+      - sass
+      - stylus
+      - sugarss
+    dev: true
+
+  registry.npmjs.org/svelte-hmr/0.15.1_svelte@3.55.1:
+    resolution: {integrity: sha512-BiKB4RZ8YSwRKCNVdNxK/GfY+r4Kjgp9jCLEy0DuqAKfmQtpL38cQK3afdpjw4sqSs4PLi3jIPJIFp259NkZtA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.1.tgz}
+    id: registry.npmjs.org/svelte-hmr/0.15.1
+    name: svelte-hmr
+    version: 0.15.1
+    engines: {node: ^12.20 || ^14.13.1 || >= 16}
+    peerDependencies:
+      svelte: '>=3.19.0'
+    dependencies:
+      svelte: registry.npmjs.org/svelte/3.55.1
+    dev: true
+
+  registry.npmjs.org/svelte-preprocess/5.0.1_atrrhq7vg4ekua4nnyrpuardle:
+    resolution: {integrity: sha512-0HXyhCoc9rsW4zGOgtInylC6qj259E1hpFnJMJWTf+aIfeqh4O/QHT31KT2hvPEqQfdjmqBR/kO2JDkkciBLrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.1.tgz}
+    id: registry.npmjs.org/svelte-preprocess/5.0.1
+    name: svelte-preprocess
+    version: 5.0.1
+    engines: {node: '>= 14.10.0'}
+    requiresBuild: true
+    peerDependencies:
+      '@babel/core': ^7.10.2
+      coffeescript: ^2.5.1
+      less: ^3.11.3 || ^4.0.0
+      postcss: ^7 || ^8
+      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0
+      pug: ^3.0.0
+      sass: ^1.26.8
+      stylus: ^0.55.0
+      sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
+      svelte: ^3.23.0
+      typescript: ^3.9.5 || ^4.0.0
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      coffeescript:
+        optional: true
+      less:
+        optional: true
+      postcss:
+        optional: true
+      postcss-load-config:
+        optional: true
+      pug:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      typescript:
+        optional: true
+    dependencies:
+      '@types/pug': registry.npmjs.org/@types/pug/2.0.6
+      '@types/sass': registry.npmjs.org/@types/sass/1.43.1
+      detect-indent: registry.npmjs.org/detect-indent/6.1.0
+      magic-string: registry.npmjs.org/magic-string/0.27.0
+      sorcery: registry.npmjs.org/sorcery/0.11.0
+      strip-indent: registry.npmjs.org/strip-indent/3.0.0
+      svelte: registry.npmjs.org/svelte/3.55.1
+      typescript: registry.npmjs.org/typescript/4.9.4
+    dev: true
+
+  registry.npmjs.org/svelte/3.55.1:
+    resolution: {integrity: sha512-S+87/P0Ve67HxKkEV23iCdAh/SX1xiSfjF1HOglno/YTbSTW7RniICMCofWGdJJbdjw3S+0PfFb1JtGfTXE0oQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-3.55.1.tgz}
+    name: svelte
+    version: 3.55.1
+    engines: {node: '>= 8'}
+    dev: true
+
+  registry.npmjs.org/svelte2tsx/0.6.0_atrrhq7vg4ekua4nnyrpuardle:
+    resolution: {integrity: sha512-TrxfQkO7CKi8Pu2eC/FyteDCdk3OOeQV5u6z7OjYAsOhsd0ClzAKqxJdvp6xxNQLrbFzf/XvCi9Fy8MQ1MleFA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.0.tgz}
+    id: registry.npmjs.org/svelte2tsx/0.6.0
+    name: svelte2tsx
+    version: 0.6.0
+    peerDependencies:
+      svelte: ^3.55
+      typescript: ^4.9.4
+    dependencies:
+      dedent-js: registry.npmjs.org/dedent-js/1.0.1
+      pascal-case: registry.npmjs.org/pascal-case/3.1.2
+      svelte: registry.npmjs.org/svelte/3.55.1
+      typescript: registry.npmjs.org/typescript/4.9.4
+    dev: true
+
   registry.npmjs.org/term-size/2.2.1:
     resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/term-size/-/term-size-2.2.1.tgz}
     name: term-size
@@ -7088,6 +7924,15 @@ packages:
     version: 2.3.8
     dev: true
 
+  registry.npmjs.org/tiny-glob/0.2.9:
+    resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz}
+    name: tiny-glob
+    version: 0.2.9
+    dependencies:
+      globalyzer: registry.npmjs.org/globalyzer/0.1.0
+      globrex: registry.npmjs.org/globrex/0.1.2
+    dev: true
+
   registry.npmjs.org/tmp/0.0.33:
     resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz}
     name: tmp
@@ -7122,6 +7967,13 @@ packages:
       is-number: registry.npmjs.org/is-number/7.0.0
     dev: true
 
+  registry.npmjs.org/totalist/3.0.0:
+    resolution: {integrity: sha512-eM+pCBxXO/njtF7vdFsHuqb+ElbxqtI4r5EAvk6grfAFyJ6IvWlSkfZ5T9ozC6xWw3Fj1fGoSmrl0gUs46JVIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/totalist/-/totalist-3.0.0.tgz}
+    name: totalist
+    version: 3.0.0
+    engines: {node: '>=6'}
+    dev: true
+
   registry.npmjs.org/tough-cookie/2.5.0:
     resolution: {integrity: sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz}
     name: tough-cookie
@@ -7312,6 +8164,13 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  registry.npmjs.org/type-fest/0.3.1:
+    resolution: {integrity: sha512-cUGJnCdr4STbePCgqNFbpVNCepa+kAVohJs1sLhxzdH+gnEoOd8VhbYa7pD3zZYGiURWM2xzEII3fQcRizDkYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.3.1.tgz}
+    name: type-fest
+    version: 0.3.1
+    engines: {node: '>=6'}
+    dev: false
+
   registry.npmjs.org/type-fest/0.6.0:
     resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz}
     name: type-fest
@@ -7355,6 +8214,21 @@ packages:
       which-boxed-primitive: registry.npmjs.org/which-boxed-primitive/1.0.2
     dev: true
 
+  registry.npmjs.org/undici/5.16.0:
+    resolution: {integrity: sha512-KWBOXNv6VX+oJQhchXieUznEmnJMqgXMbs0xxH2t8q/FUAWSJvOSr/rMaZKnX5RIVq7JDn0JbP4BOnKG2SGXLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici/-/undici-5.16.0.tgz}
+    name: undici
+    version: 5.16.0
+    engines: {node: '>=12.18'}
+    dependencies:
+      busboy: registry.npmjs.org/busboy/1.6.0
+    dev: true
+
+  registry.npmjs.org/uniq/1.0.1:
+    resolution: {integrity: sha512-Gw+zz50YNKPDKXs+9d+aKAjVwpjNwqzvNpLigIruT4HA9lMZNdMqs9x07kKHB/L9WRzqp4+DlTU5s4wG2esdoA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz}
+    name: uniq
+    version: 1.0.1
+    dev: false
+
   registry.npmjs.org/universalify/0.1.2:
     resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz}
     name: universalify
@@ -7497,6 +8371,20 @@ packages:
       fsevents: registry.npmjs.org/fsevents/2.3.2
     dev: true
 
+  registry.npmjs.org/vitefu/0.2.4_vite@4.0.4:
+    resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz}
+    id: registry.npmjs.org/vitefu/0.2.4
+    name: vitefu
+    version: 0.2.4
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+    dependencies:
+      vite: registry.npmjs.org/vite/4.0.4
+    dev: true
+
   registry.npmjs.org/wait-on/6.0.0_debug@4.3.2:
     resolution: {integrity: sha512-tnUJr9p5r+bEYXPUdRseolmz5XqJTTj98JgOsfBn7Oz2dxfE2g3zw1jE+Mo8lopM3j3et/Mq1yW7kKX6qw7RVw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wait-on/-/wait-on-6.0.0.tgz}
     id: registry.npmjs.org/wait-on/6.0.0
@@ -7631,7 +8519,13 @@ packages:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz}
     name: wrappy
     version: 1.0.2
-    dev: true
+
+  registry.npmjs.org/xtend/4.0.2:
+    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz}
+    name: xtend
+    version: 4.0.2
+    engines: {node: '>=0.4'}
+    dev: false
 
   registry.npmjs.org/y18n/4.0.3:
     resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz}

From 71bd05b7e719cfd1a9e209936d30c46d25734b1c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 1 Feb 2023 15:25:14 +0100
Subject: [PATCH 0002/1093] fix(edges): use derived store for edge handling

---
 .../src/lib/components/edges/BaseEdge.svelte  |   5 +-
 .../src/lib/components/nodes/BaseNode.svelte  |   2 +-
 .../lib/components/nodes/DefaultNode.svelte   |   2 +-
 .../src/lib/container/EdgeRenderer.svelte     | 171 ------------------
 .../lib/container/EdgeRenderer/index.svelte   |  28 +++
 .../src/lib/container/EdgeRenderer/utils.ts   | 105 +++++++++++
 .../src/lib/container/SvelteFlow.svelte       |   5 +-
 packages/svelte/src/lib/store/index.ts        | 129 ++++++++++---
 packages/svelte/src/routes/+page.svelte       |   7 +
 packages/svelte/src/utils/index.ts            |   8 +-
 10 files changed, 245 insertions(+), 217 deletions(-)
 delete mode 100644 packages/svelte/src/lib/container/EdgeRenderer.svelte
 create mode 100644 packages/svelte/src/lib/container/EdgeRenderer/index.svelte
 create mode 100644 packages/svelte/src/lib/container/EdgeRenderer/utils.ts

diff --git a/packages/svelte/src/lib/components/edges/BaseEdge.svelte b/packages/svelte/src/lib/components/edges/BaseEdge.svelte
index 60e05403c..1b798e413 100644
--- a/packages/svelte/src/lib/components/edges/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/BaseEdge.svelte
@@ -5,9 +5,6 @@
   export let sourceY: number = 0;
   export let targetX: number = 0;
   export let targetY: number = 0;
-
-  const path = `M ${sourceX},${sourceY}L ${targetX},${targetY}`;
-
 </script>
 
 <g
@@ -15,7 +12,7 @@
   data-id={id}
 >
   <path
-    d={path}
+    d={`M ${sourceX},${sourceY}L ${targetX},${targetY}`}
     fill="none"
     class="react-flow__edge-path"
   />
diff --git a/packages/svelte/src/lib/components/nodes/BaseNode.svelte b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
index 35b883120..8aed2c023 100644
--- a/packages/svelte/src/lib/components/nodes/BaseNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
@@ -44,7 +44,7 @@
   .react-flow__node {
     padding: 10px;
     border-radius: 3px;
-    width: var(--node-width);
+    width: 50px;
     font-size: 12px;
     color: #222;
     text-align: center;
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index 7357f82ae..a724b2436 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -10,6 +10,6 @@
 </script>
 
 <Handle type="target" position={targetPosition} />
-  {data?.label}
+{data?.label}
 <Handle type="source" position={sourcePosition} />
 
diff --git a/packages/svelte/src/lib/container/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer.svelte
deleted file mode 100644
index edff13602..000000000
--- a/packages/svelte/src/lib/container/EdgeRenderer.svelte
+++ /dev/null
@@ -1,171 +0,0 @@
-<script lang="ts"> 
-  type EdgePositions = {
-    sourceX: number;
-    sourceY: number;
-    targetX: number;
-    targetY: number;
-  }
-
-  import Edge from '$lib/components/edges/BaseEdge.svelte';
-  import { useStore } from '$lib/store';
-	import { type NodeHandleBounds, type Rect, type Node, type HandleElement, Position, type XYPosition } from '@reactflow/core';
-  import { internalsSymbol } from '@reactflow/core';
-
-  const { edgesStore, widthStore, heightStore, nodesStore } = useStore();
-
-  function getNodeData(node?: Node): [Rect, NodeHandleBounds | null, boolean] {
-    const handleBounds = node?.[internalsSymbol]?.handleBounds || null;
-
-    const isValid =
-      handleBounds &&
-      node?.width &&
-      node?.height &&
-      typeof node?.positionAbsolute?.x !== 'undefined' &&
-      typeof node?.positionAbsolute?.y !== 'undefined';
-
-    return [
-      {
-        x: node?.positionAbsolute?.x || 0,
-        y: node?.positionAbsolute?.y || 0,
-        width: node?.width || 0,
-        height: node?.height || 0,
-      },
-      handleBounds,
-      !!isValid,
-    ];
-  }
-
-  function getHandlePosition(position: Position, nodeRect: Rect, handle: HandleElement | null = null): XYPosition {
-    const x = (handle?.x || 0) + nodeRect.x;
-    const y = (handle?.y || 0) + nodeRect.y;
-    const width = handle?.width || nodeRect.width;
-    const height = handle?.height || nodeRect.height;
-
-    switch (position) {
-      case Position.Top:
-        return {
-          x: x + width / 2,
-          y,
-        };
-      case Position.Right:
-        return {
-          x: x + width,
-          y: y + height / 2,
-        };
-      case Position.Bottom:
-        return {
-          x: x + width / 2,
-          y: y + height,
-        };
-      case Position.Left:
-        return {
-          x,
-          y: y + height / 2,
-        };
-    }
-  }
-
-  function getHandle(bounds: HandleElement[], handleId?: string | null): HandleElement | null {
-    if (!bounds) {
-      return null;
-    }
-
-    if (handleId) {
-      return bounds.find((d) => d.id === handleId)!;
-    } else if (bounds.length === 1) {
-      return bounds[0];
-    }
-
-    return null;
-  }
-
-  function getEdgePositions(
-    sourceNodeRect: Rect,
-    sourceHandle: HandleElement,
-    sourcePosition: Position,
-    targetNodeRect: Rect,
-    targetHandle: HandleElement,
-    targetPosition: Position
-  ): EdgePositions {
-    const sourceHandlePos = getHandlePosition(sourcePosition, sourceNodeRect, sourceHandle);
-    const targetHandlePos = getHandlePosition(targetPosition, targetNodeRect, targetHandle);
-
-    return {
-      sourceX: sourceHandlePos.x,
-      sourceY: sourceHandlePos.y,
-      targetX: targetHandlePos.x,
-      targetY: targetHandlePos.y,
-    };
-  };
-
-  let edgesWithData: any = [];
-
-  $: {
-    $nodesStore
-    edgesWithData = $edgesStore.map((edge) => {
-      const sourceNode = $nodesStore.find((node) => node.id === edge.source);
-      const targetNode = $nodesStore.find((node) => node.id === edge.target);
-      const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(sourceNode);
-      const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(targetNode);
-
-      if (!sourceIsValid || !targetIsValid) {
-        return null;
-      }
-
-      let edgeType = edge.type || 'default';
-
-      const targetNodeHandles = targetHandleBounds!.target;
-      const sourceHandle = getHandle(sourceHandleBounds!.source!, edge.sourceHandle);
-      const targetHandle = getHandle(targetNodeHandles!, edge.targetHandle);
-      const sourcePosition = sourceHandle?.position || Position.Bottom;
-      const targetPosition = targetHandle?.position || Position.Top;
-
-      if (!sourceHandle || !targetHandle) {
-        return null;
-      }
-
-
-      const { sourceX, sourceY, targetX, targetY } = getEdgePositions(
-        sourceNodeRect,
-        sourceHandle,
-        sourcePosition,
-        targetNodeRect,
-        targetHandle,
-        targetPosition
-      );
-
-
-      return {
-        id: edge.id,
-        type: edgeType,
-        sourceX,
-        sourceY,
-        targetX,
-        targetY
-      };
-    })
-  }
- </script>
-
-<svg
-  width={$widthStore}
-  height={$heightStore}
-  class="react-flow__edges react-flow__container"
->
-  {#each edgesWithData as edge}
-    {#if edge}
-      <Edge {...edge} />
-    {/if}
-  {/each}
-</svg>
-
-<style>
-  .react-flow__edges {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    pointer-events: none;
-  }
-</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/index.svelte b/packages/svelte/src/lib/container/EdgeRenderer/index.svelte
new file mode 100644
index 000000000..124b82230
--- /dev/null
+++ b/packages/svelte/src/lib/container/EdgeRenderer/index.svelte
@@ -0,0 +1,28 @@
+<script lang="ts"> 
+  import Edge from '$lib/components/edges/BaseEdge.svelte';
+  import { useStore } from '$lib/store';
+
+  const { edgesWithDataStore, widthStore, heightStore } = useStore();
+ </script>
+
+<svg
+  width={$widthStore}
+  height={$heightStore}
+  class="react-flow__edges react-flow__container"
+>
+  {#each $edgesWithDataStore as edge}
+    <Edge {...edge} />
+  {/each}
+</svg>
+
+<style>
+  .react-flow__edges {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    pointer-events: none;
+    overflow: visible;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/utils.ts b/packages/svelte/src/lib/container/EdgeRenderer/utils.ts
new file mode 100644
index 000000000..1c794f27a
--- /dev/null
+++ b/packages/svelte/src/lib/container/EdgeRenderer/utils.ts
@@ -0,0 +1,105 @@
+import {
+	type NodeHandleBounds,
+	type Rect,
+	type Node,
+	type HandleElement,
+	type XYPosition,
+	Position,
+	internalsSymbol
+} from '@reactflow/core';
+
+export function getNodeData(node?: Node): [Rect, NodeHandleBounds | null, boolean] {
+	const handleBounds = node?.[internalsSymbol]?.handleBounds || null;
+
+	const isValid =
+		handleBounds &&
+		node?.width &&
+		node?.height &&
+		typeof node?.positionAbsolute?.x !== 'undefined' &&
+		typeof node?.positionAbsolute?.y !== 'undefined';
+
+	return [
+		{
+			x: node?.positionAbsolute?.x || 0,
+			y: node?.positionAbsolute?.y || 0,
+			width: node?.width || 0,
+			height: node?.height || 0
+		},
+		handleBounds,
+		!!isValid
+	];
+}
+
+export function getHandlePosition(
+	position: Position,
+	nodeRect: Rect,
+	handle: HandleElement | null = null
+): XYPosition {
+	const x = (handle?.x || 0) + nodeRect.x;
+	const y = (handle?.y || 0) + nodeRect.y;
+	const width = handle?.width || nodeRect.width;
+	const height = handle?.height || nodeRect.height;
+
+	switch (position) {
+		case Position.Top:
+			return {
+				x: x + width / 2,
+				y
+			};
+		case Position.Right:
+			return {
+				x: x + width,
+				y: y + height / 2
+			};
+		case Position.Bottom:
+			return {
+				x: x + width / 2,
+				y: y + height
+			};
+		case Position.Left:
+			return {
+				x,
+				y: y + height / 2
+			};
+	}
+}
+
+export function getHandle(bounds: HandleElement[], handleId?: string | null): HandleElement | null {
+	if (!bounds) {
+		return null;
+	}
+
+	if (handleId) {
+		return bounds.find((d) => d.id === handleId)!;
+	} else if (bounds.length === 1) {
+		return bounds[0];
+	}
+
+	return null;
+}
+
+export type EdgePosition = {
+	sourceX: number;
+	sourceY: number;
+	targetX: number;
+	targetY: number;
+};
+
+export function getEdgePositions(
+	sourceNodeRect: Rect,
+	sourceHandle: HandleElement,
+	sourcePosition: Position,
+	targetNodeRect: Rect,
+	targetHandle: HandleElement,
+	targetPosition: Position
+): EdgePosition {
+	const sourceHandlePos = getHandlePosition(sourcePosition, sourceNodeRect, sourceHandle);
+	const targetHandlePos = getHandlePosition(targetPosition, targetNodeRect, targetHandle);
+
+	return {
+		sourceX: sourceHandlePos.x,
+		sourceY: sourceHandlePos.y,
+		targetX: targetHandlePos.x,
+		targetY: targetHandlePos.y
+	};
+}
diff --git a/packages/svelte/src/lib/container/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow.svelte
index af7ea786e..bda491416 100644
--- a/packages/svelte/src/lib/container/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow.svelte
@@ -6,7 +6,7 @@
 	import { key, createStore } from '$lib/store';
   import Viewport from '$lib/container/Viewport.svelte';
   import NodeRenderer from '$lib/container/NodeRenderer.svelte';
-  import EdgeRenderer from '$lib/container/EdgeRenderer.svelte';
+  import EdgeRenderer from '$lib/container/EdgeRenderer/index.svelte';
 
   export let nodes: Node[];
   export let edges: Edge[];
@@ -56,7 +56,4 @@
     z-index: 0;
   }
 
-  :root {
-    --node-width: 150px;
-  }
 </style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index a7e7807fb..7dde9e583 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -1,9 +1,22 @@
 import { getContext } from 'svelte';
-import { get, writable, type Writable } from 'svelte/store';
-import type { Node, Transform, NodeDragItem, NodeDimensionUpdate, Edge } from '@reactflow/core';
+import { derived, writable, type Readable, type Writable } from 'svelte/store';
+import {
+	type Node,
+	type Transform,
+	type NodeDragItem,
+	type NodeDimensionUpdate,
+	type Edge,
+	Position
+} from '@reactflow/core';
 import { internalsSymbol } from '@reactflow/core';
 
-import { getDimensions, getHandleBounds, updateAbsoluteNodePositions } from '../../utils';
+import { getDimensions, getHandleBounds } from '../../utils';
+import {
+	getEdgePositions,
+	getHandle,
+	getNodeData,
+	type EdgePosition
+} from '$lib/container/EdgeRenderer/utils';
 
 export const key = Symbol();
 
@@ -13,12 +26,18 @@ type CreateStoreProps = {
 	transform?: Transform;
 };
 
+export type EdgeWithData = EdgePosition & {
+	id: string;
+	type: string;
+};
+
 type SvelteFlowStore = {
 	nodesStore: Writable<CreateStoreProps['nodes']>;
 	edgesStore: Writable<CreateStoreProps['edges']>;
 	heightStore: Writable<number>;
 	widthStore: Writable<number>;
 	transformStore: Writable<Transform>;
+	edgesWithDataStore: Readable<EdgeWithData[]>;
 	updateNodePositions: (
 		nodeDragItems: NodeDragItem[],
 		positionChanged?: boolean,
@@ -37,6 +56,51 @@ export function createStore({
 	const heightStore = writable(500);
 	const widthStore = writable(500);
 
+	const edgesWithDataStore = derived([edgesStore, nodesStore], ([$edges, $nodes]) => {
+		return $edges
+			.map((edge) => {
+				const sourceNode = $nodes.find((node) => node.id === edge.source);
+				const targetNode = $nodes.find((node) => node.id === edge.target);
+				const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(sourceNode);
+				const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(targetNode);
+
+				if (!sourceIsValid || !targetIsValid) {
+					return null;
+				}
+
+				const edgeType = edge.type || 'default';
+
+				const targetNodeHandles = targetHandleBounds!.target;
+				const sourceHandle = getHandle(sourceHandleBounds!.source!, edge.sourceHandle);
+				const targetHandle = getHandle(targetNodeHandles!, edge.targetHandle);
+				const sourcePosition = sourceHandle?.position || Position.Bottom;
+				const targetPosition = targetHandle?.position || Position.Top;
+
+				if (!sourceHandle || !targetHandle) {
+					return null;
+				}
+
+				const { sourceX, sourceY, targetX, targetY } = getEdgePositions(
+					sourceNodeRect,
+					sourceHandle,
+					sourcePosition,
+					targetNodeRect,
+					targetHandle,
+					targetPosition
+				);
+
+				return {
+					id: edge.id,
+					type: edgeType,
+					sourceX,
+					sourceY,
+					targetX,
+					targetY
+				};
+			})
+			.filter((e) => e !== null) as EdgeWithData[];
+	});
+
 	const transformStore = writable(transform);
 
 	function updateNodePositions(nodeDragItems: NodeDragItem[], dragging = false) {
@@ -67,36 +131,40 @@ export function createStore({
 
 		const style = window.getComputedStyle(viewportNode);
 		const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
-		const nds = get(nodesStore);
-
-		updates.forEach((update) => {
-			const node = nds.find((n) => n.id === update.id);
-
-			if (node) {
-				const dimensions = getDimensions(update.nodeElement);
-				const doUpdate = !!(
-					dimensions.width &&
-					dimensions.height &&
-					(node.width !== dimensions.width ||
-						node.height !== dimensions.height ||
-						update.forceUpdate)
-				);
 
-				if (doUpdate) {
-					node[internalsSymbol] = {
-						...node[internalsSymbol],
-						handleBounds: {
-							source: getHandleBounds('.source', update.nodeElement, zoom),
-							target: getHandleBounds('.target', update.nodeElement, zoom)
-						}
-					};
-					node.width = dimensions.width;
-					node.height = dimensions.height;
+		nodesStore.update((nds) => {
+			const nextNodes = nds.map((node) => {
+				const update = updates.find((u) => u.id === node.id);
+
+				if (update) {
+					const dimensions = getDimensions(update.nodeElement);
+
+					const doUpdate = !!(
+						dimensions.width &&
+						dimensions.height &&
+						(node.width !== dimensions.width ||
+							node.height !== dimensions.height ||
+							update.forceUpdate)
+					);
+
+					if (doUpdate) {
+						node[internalsSymbol] = {
+							...node[internalsSymbol],
+							handleBounds: {
+								source: getHandleBounds('.source', update.nodeElement, zoom),
+								target: getHandleBounds('.target', update.nodeElement, zoom)
+							}
+						};
+						node.width = dimensions.width;
+						node.height = dimensions.height;
+					}
 				}
-			}
-		});
 
-		updateAbsoluteNodePositions(nds);
+				return node;
+			});
+
+			return nextNodes;
+		});
 	}
 
 	return {
@@ -105,6 +173,7 @@ export function createStore({
 		transformStore,
 		heightStore,
 		widthStore,
+		edgesWithDataStore,
 		updateNodePositions,
 		updateNodeDimensions
 	};
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index 9591b5998..d905ae622 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -48,6 +48,13 @@
   //    data: { label: 'Input Node 2' },
   //    position: { x: 150, y: 250 },
   //  }]
+
+  //  const edges = [{
+  //   id: '1-2',
+  //   type: 'default',
+  //   source: '1',
+  //   target: '2'
+  //  }]
 </script>
 
 <SvelteFlow {nodes} {edges} />
diff --git a/packages/svelte/src/utils/index.ts b/packages/svelte/src/utils/index.ts
index c63d83af2..dface9166 100644
--- a/packages/svelte/src/utils/index.ts
+++ b/packages/svelte/src/utils/index.ts
@@ -82,10 +82,6 @@ export const getHandleBounds = (
 
 	const handlesArray = Array.from(handles) as HTMLDivElement[];
 	const nodeBounds = nodeElement.getBoundingClientRect();
-	const nodeOffset = {
-		x: nodeBounds.width,
-		y: nodeBounds.height
-	};
 
 	return handlesArray.map((handle): HandleElement => {
 		const handleBounds = handle.getBoundingClientRect();
@@ -93,8 +89,8 @@ export const getHandleBounds = (
 		return {
 			id: handle.getAttribute('data-handleid'),
 			position: handle.getAttribute('data-handlepos') as unknown as Position,
-			x: (handleBounds.left - nodeBounds.left - nodeOffset.x) / zoom,
-			y: (handleBounds.top - nodeBounds.top - nodeOffset.y) / zoom,
+			x: (handleBounds.left - nodeBounds.left) / zoom,
+			y: (handleBounds.top - nodeBounds.top) / zoom,
 			...getDimensions(handle)
 		};
 	});

From 216bf1bcd38a99d88d7aa293a4095b84c775c1ef Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 15 Feb 2023 10:37:52 +0100
Subject: [PATCH 0003/1093] chore(config): cleanup

---
 packages/core/package.json   |   2 +-
 packages/svelte/package.json |  36 +++++-----
 pnpm-lock.yaml               | 126 ++++++++++++++++++++++++++---------
 3 files changed, 114 insertions(+), 50 deletions(-)

diff --git a/packages/core/package.json b/packages/core/package.json
index a9789782c..06db1a989 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -46,7 +46,7 @@
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
     "d3-zoom": "^3.0.0",
-    "zustand": "^4.3.1"
+    "zustand": "^4.3.3"
   },
   "peerDependencies": {
     "react": ">=17",
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index ee91d37b2..eb17ec7d8 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -10,35 +10,35 @@
 		"lint": "prettier --plugin-search-dir . --check . && eslint .",
 		"format": "prettier --plugin-search-dir . --write ."
 	},
-	"devDependencies": {
-		"@sveltejs/adapter-auto": "^1.0.0",
-		"@sveltejs/kit": "^1.0.0",
-		"@sveltejs/package": "^1.0.0",
-		"@typescript-eslint/eslint-plugin": "^5.45.0",
-		"@typescript-eslint/parser": "^5.45.0",
-		"eslint": "^8.28.0",
-		"eslint-config-prettier": "^8.5.0",
-		"eslint-plugin-svelte3": "^4.0.0",
-		"prettier": "^2.8.0",
-		"prettier-plugin-svelte": "^2.8.1",
-		"svelte": "^3.54.0",
-		"svelte-check": "^3.0.1",
-		"tslib": "^2.4.1",
-		"typescript": "^4.9.3",
-		"vite": "^4.0.0"
-	},
 	"type": "module",
 	"module": "index.ts",
 	"exports": {
 		".": "./index.js"
 	},
 	"dependencies": {
-		"@reactflow/core": "^11.5.1",
+		"@reactflow/core": "workspace:*",
 		"cc": "^3.0.1",
 		"d3-drag": "^3.0.0",
 		"d3-selection": "^3.0.0",
 		"d3-zoom": "^3.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/kit": "^1.5.6",
+		"@sveltejs/package": "^1.0.2",
+		"@typescript-eslint/eslint-plugin": "^5.45.0",
+		"@typescript-eslint/parser": "^5.45.0",
+		"eslint": "^8.28.0",
+		"eslint-config-prettier": "^8.5.0",
+		"eslint-plugin-svelte3": "^4.0.0",
+		"prettier": "^2.8.0",
+		"prettier-plugin-svelte": "^2.8.1",
+		"svelte": "^3.55.1",
+		"svelte-check": "^3.0.1",
+		"tslib": "^2.4.1",
+		"typescript": "^4.9.3",
+		"vite": "^4.1.1"
 	}
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b63cf02f2..c25636717 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -159,7 +159,7 @@ importers:
       d3-zoom: ^3.0.0
       react: ^18.2.0
       typescript: ^4.9.4
-      zustand: ^4.3.1
+      zustand: ^4.3.3
     dependencies:
       '@types/d3': registry.npmjs.org/@types/d3/7.4.0
       '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
@@ -169,7 +169,7 @@ importers:
       d3-drag: registry.npmjs.org/d3-drag/3.0.0
       d3-selection: registry.npmjs.org/d3-selection/3.0.0
       d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
-      zustand: registry.npmjs.org/zustand/4.3.1_react@18.2.0
+      zustand: registry.npmjs.org/zustand/4.3.3_react@18.2.0
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
@@ -306,10 +306,10 @@ importers:
 
   packages/svelte:
     specifiers:
-      '@reactflow/core': ^11.5.1
-      '@sveltejs/adapter-auto': ^1.0.0
-      '@sveltejs/kit': ^1.0.0
-      '@sveltejs/package': ^1.0.0
+      '@reactflow/core': workspace:*
+      '@sveltejs/adapter-auto': ^2.0.0
+      '@sveltejs/kit': ^1.5.6
+      '@sveltejs/package': ^1.0.2
       '@typescript-eslint/eslint-plugin': ^5.45.0
       '@typescript-eslint/parser': ^5.45.0
       cc: ^3.0.1
@@ -323,11 +323,11 @@ importers:
       prettier-plugin-svelte: ^2.8.1
       react: ^18.2.0
       react-dom: ^18.2.0
-      svelte: ^3.54.0
+      svelte: ^3.55.1
       svelte-check: ^3.0.1
       tslib: ^2.4.1
       typescript: ^4.9.3
-      vite: ^4.0.0
+      vite: ^4.1.1
     dependencies:
       '@reactflow/core': link:../core
       cc: registry.npmjs.org/cc/3.0.1
@@ -337,8 +337,8 @@ importers:
       react: registry.npmjs.org/react/18.2.0
       react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
     devDependencies:
-      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/1.0.2_@sveltejs+kit@1.3.6
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.3.6_svelte@3.55.1+vite@4.0.4
+      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.0.0_@sveltejs+kit@1.5.6
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.5.6_svelte@3.55.1+vite@4.1.1
       '@sveltejs/package': registry.npmjs.org/@sveltejs/package/1.0.2_atrrhq7vg4ekua4nnyrpuardle
       '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.49.0_rsaczafy73x3xqauzesvzbsgzy
       '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u
@@ -351,7 +351,7 @@ importers:
       svelte-check: registry.npmjs.org/svelte-check/3.0.3_svelte@3.55.1
       tslib: registry.npmjs.org/tslib/2.4.1
       typescript: registry.npmjs.org/typescript/4.9.4
-      vite: registry.npmjs.org/vite/4.0.4
+      vite: registry.npmjs.org/vite/4.1.1
 
   tooling/eslint-config:
     specifiers:
@@ -1896,23 +1896,23 @@ packages:
     version: 2.0.0
     dev: true
 
-  registry.npmjs.org/@sveltejs/adapter-auto/1.0.2_@sveltejs+kit@1.3.6:
-    resolution: {integrity: sha512-UXpEO/gutERZnD+Z5Vi4J/ifD3WSRuCI7xwtLJTcKNQvJ6t5Xsj1X3Mw2F8Vv/XTUuxf7xPLYUgThU331r0Y9w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-1.0.2.tgz}
-    id: registry.npmjs.org/@sveltejs/adapter-auto/1.0.2
+  registry.npmjs.org/@sveltejs/adapter-auto/2.0.0_@sveltejs+kit@1.5.6:
+    resolution: {integrity: sha512-b+gkHFZgD771kgV3aO4avHFd7y1zhmMYy9i6xOK7m/rwmwaRO8gnF5zBc0Rgca80B2PMU1bKNxyBTHA14OzUAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-2.0.0.tgz}
+    id: registry.npmjs.org/@sveltejs/adapter-auto/2.0.0
     name: '@sveltejs/adapter-auto'
-    version: 1.0.2
+    version: 2.0.0
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.3.6_svelte@3.55.1+vite@4.0.4
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.5.6_svelte@3.55.1+vite@4.1.1
       import-meta-resolve: registry.npmjs.org/import-meta-resolve/2.2.1
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit/1.3.6_svelte@3.55.1+vite@4.0.4:
-    resolution: {integrity: sha512-SOGTKYiZ0ajIhQ9pUKr9F+h5Srm8Gdn3aza3dZxXWdHjpqv1iyhvt4oS0l5n1a+sXQzKlLpe/CikDBqSVSUS2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.3.6.tgz}
-    id: registry.npmjs.org/@sveltejs/kit/1.3.6
+  registry.npmjs.org/@sveltejs/kit/1.5.6_svelte@3.55.1+vite@4.1.1:
+    resolution: {integrity: sha512-CHVeQpbcwSIUekF6WwevmExKXyfHnzM5nlCEUv13lGgfJ0zKA0ny5YwIe40vccrm5w5Caec7jMTt9Ih3McJr5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.5.6.tgz}
+    id: registry.npmjs.org/@sveltejs/kit/1.5.6
     name: '@sveltejs/kit'
-    version: 1.3.6
+    version: 1.5.6
     engines: {node: ^16.14 || >=18}
     hasBin: true
     requiresBuild: true
@@ -1920,7 +1920,7 @@ packages:
       svelte: ^3.54.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.2_svelte@3.55.1+vite@4.0.4
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.2_svelte@3.55.1+vite@4.1.1
       '@types/cookie': registry.npmjs.org/@types/cookie/0.5.1
       cookie: registry.npmjs.org/cookie/0.5.0
       devalue: registry.npmjs.org/devalue/4.2.3
@@ -1933,8 +1933,8 @@ packages:
       sirv: registry.npmjs.org/sirv/2.0.2
       svelte: registry.npmjs.org/svelte/3.55.1
       tiny-glob: registry.npmjs.org/tiny-glob/0.2.9
-      undici: registry.npmjs.org/undici/5.16.0
-      vite: registry.npmjs.org/vite/4.0.4
+      undici: registry.npmjs.org/undici/5.18.0
+      vite: registry.npmjs.org/vite/4.1.1
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -1958,7 +1958,7 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.2_svelte@3.55.1+vite@4.0.4:
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.2_svelte@3.55.1+vite@4.1.1:
     resolution: {integrity: sha512-xCEan0/NNpQuL0l5aS42FjwQ6wwskdxC3pW1OeFtEKNZwRg7Evro9lac9HesGP6TdFsTv2xMes5ASQVKbCacxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.0.2.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.2
     name: '@sveltejs/vite-plugin-svelte'
@@ -1974,8 +1974,8 @@ packages:
       magic-string: registry.npmjs.org/magic-string/0.27.0
       svelte: registry.npmjs.org/svelte/3.55.1
       svelte-hmr: registry.npmjs.org/svelte-hmr/0.15.1_svelte@3.55.1
-      vite: registry.npmjs.org/vite/4.0.4
-      vitefu: registry.npmjs.org/vitefu/0.2.4_vite@4.0.4
+      vite: registry.npmjs.org/vite/4.1.1
+      vitefu: registry.npmjs.org/vitefu/0.2.4_vite@4.1.1
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -7239,6 +7239,16 @@ packages:
       fsevents: registry.npmjs.org/fsevents/2.3.2
     dev: true
 
+  registry.npmjs.org/rollup/3.15.0:
+    resolution: {integrity: sha512-F9hrCAhnp5/zx/7HYmftvsNBkMfLfk/dXUh73hPSM2E3CRgap65orDNJbLetoiUFwSAk6iHPLvBrZ5iHYvzqsg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.15.0.tgz}
+    name: rollup
+    version: 3.15.0
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: registry.npmjs.org/fsevents/2.3.2
+    dev: true
+
   registry.npmjs.org/rollup/3.9.1:
     resolution: {integrity: sha512-GswCYHXftN8ZKGVgQhTFUJB/NBXxrRGgO2NCy6E8s1rwEJ4Q9/VttNqcYfEvx4dTo4j58YqdC3OVztPzlKSX8w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.9.1.tgz}
     name: rollup
@@ -8250,10 +8260,10 @@ packages:
       which-boxed-primitive: registry.npmjs.org/which-boxed-primitive/1.0.2
     dev: true
 
-  registry.npmjs.org/undici/5.16.0:
-    resolution: {integrity: sha512-KWBOXNv6VX+oJQhchXieUznEmnJMqgXMbs0xxH2t8q/FUAWSJvOSr/rMaZKnX5RIVq7JDn0JbP4BOnKG2SGXLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici/-/undici-5.16.0.tgz}
+  registry.npmjs.org/undici/5.18.0:
+    resolution: {integrity: sha512-1iVwbhonhFytNdg0P4PqyIAXbdlVZVebtPDvuM36m66mRw4OGrCm2MYynJv/UENFLdP13J1nPVQzVE2zTs1OeA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici/-/undici-5.18.0.tgz}
     name: undici
-    version: 5.16.0
+    version: 5.18.0
     engines: {node: '>=12.18'}
     dependencies:
       busboy: registry.npmjs.org/busboy/1.6.0
@@ -8407,7 +8417,42 @@ packages:
       fsevents: registry.npmjs.org/fsevents/2.3.2
     dev: true
 
-  registry.npmjs.org/vitefu/0.2.4_vite@4.0.4:
+  registry.npmjs.org/vite/4.1.1:
+    resolution: {integrity: sha512-LM9WWea8vsxhr782r9ntg+bhSFS06FJgCvvB0+8hf8UWtvaiDagKYWXndjfX6kGl74keHJUcpzrQliDXZlF5yg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.1.1.tgz}
+    name: vite
+    version: 4.1.1
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      esbuild: registry.npmjs.org/esbuild/0.16.16
+      postcss: registry.npmjs.org/postcss/8.4.21
+      resolve: registry.npmjs.org/resolve/1.22.1
+      rollup: registry.npmjs.org/rollup/3.15.0
+    optionalDependencies:
+      fsevents: registry.npmjs.org/fsevents/2.3.2
+    dev: true
+
+  registry.npmjs.org/vitefu/0.2.4_vite@4.1.1:
     resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz}
     id: registry.npmjs.org/vitefu/0.2.4
     name: vitefu
@@ -8418,7 +8463,7 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: registry.npmjs.org/vite/4.0.4
+      vite: registry.npmjs.org/vite/4.1.1
     dev: true
 
   registry.npmjs.org/wait-on/6.0.0_debug@4.3.2:
@@ -8701,3 +8746,22 @@ packages:
       react: registry.npmjs.org/react/18.2.0
       use-sync-external-store: registry.npmjs.org/use-sync-external-store/1.2.0_react@18.2.0
     dev: false
+
+  registry.npmjs.org/zustand/4.3.3_react@18.2.0:
+    resolution: {integrity: sha512-x2jXq8S0kfLGNwGh87nhRfEc2eZy37tSatpSoSIN+O6HIaBhgQHSONV/F9VNrNcBcKQu/E80K1DeHDYQC/zCrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.3.3.tgz}
+    id: registry.npmjs.org/zustand/4.3.3
+    name: zustand
+    version: 4.3.3
+    engines: {node: '>=12.7.0'}
+    peerDependencies:
+      immer: '>=9.0'
+      react: '>=16.8'
+    peerDependenciesMeta:
+      immer:
+        optional: true
+      react:
+        optional: true
+    dependencies:
+      react: registry.npmjs.org/react/18.2.0
+      use-sync-external-store: registry.npmjs.org/use-sync-external-store/1.2.0_react@18.2.0
+    dev: false

From a12c8932267b3761806d6a0c3a2418832aba7c61 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 16 Feb 2023 16:37:47 +0100
Subject: [PATCH 0004/1093] refactor(packages): add @reactflow/system

---
 packages/core/package.json                    |   1 +
 .../src/components/ConnectionLine/index.tsx   |   2 +-
 packages/core/src/components/Handle/utils.ts  |   3 +-
 .../core/src/container/EdgeRenderer/utils.ts  |   3 +-
 .../core/src/container/NodeRenderer/index.tsx |   3 +-
 .../core/src/hooks/useNodesInitialized.ts     |   3 +-
 packages/core/src/hooks/useVisibleEdges.ts    |   3 +-
 packages/core/src/index.ts                    |   5 +-
 packages/core/src/store/index.ts              |   3 +-
 packages/core/src/store/utils.ts              |   3 +-
 packages/core/src/types/nodes.ts              |   2 +-
 packages/core/src/utils/index.ts              |   2 -
 packages/svelte/package.json                  |   2 +-
 .../svelte/src/lib/components/Handle.svelte   |   2 +-
 .../src/lib/components/nodes/BaseNode.svelte  |   2 +-
 .../lib/components/nodes/DefaultNode.svelte   |   2 +-
 .../src/lib/container/EdgeRenderer/utils.ts   |   2 +-
 .../src/lib/container/SvelteFlow.svelte       |   2 +-
 packages/svelte/src/lib/hooks/drag/index.ts   |   2 +-
 packages/svelte/src/lib/hooks/drag/utils.ts   |   2 +-
 packages/svelte/src/lib/hooks/zoom/index.ts   |   2 +-
 packages/svelte/src/lib/index.ts              |   1 -
 packages/svelte/src/lib/store/index.ts        |   6 +-
 packages/svelte/src/routes/+page.svelte       |   2 +-
 packages/svelte/src/utils/index.ts            |   2 +-
 packages/system/.eslintrc.js                  |   4 +
 packages/system/README.md                     |  10 +
 packages/system/package.json                  |  62 ++++
 packages/system/src/index.ts                  |   3 +
 packages/system/src/types/changes.ts          |  62 ++++
 packages/system/src/types/component-props.ts  | 149 ++++++++++
 packages/system/src/types/edges.ts            | 180 +++++++++++
 packages/system/src/types/general.ts          | 279 ++++++++++++++++++
 packages/system/src/types/handles.ts          |  23 ++
 packages/system/src/types/index.ts            |   8 +
 packages/system/src/types/instance.ts         |  56 ++++
 packages/system/src/types/nodes.ts            | 118 ++++++++
 packages/system/src/types/utils.ts            |  29 ++
 packages/system/tsconfig.json                 |   6 +
 pnpm-lock.yaml                                | 131 ++++----
 40 files changed, 1104 insertions(+), 78 deletions(-)
 create mode 100644 packages/system/.eslintrc.js
 create mode 100644 packages/system/README.md
 create mode 100644 packages/system/package.json
 create mode 100644 packages/system/src/index.ts
 create mode 100644 packages/system/src/types/changes.ts
 create mode 100644 packages/system/src/types/component-props.ts
 create mode 100644 packages/system/src/types/edges.ts
 create mode 100644 packages/system/src/types/general.ts
 create mode 100644 packages/system/src/types/handles.ts
 create mode 100644 packages/system/src/types/index.ts
 create mode 100644 packages/system/src/types/instance.ts
 create mode 100644 packages/system/src/types/nodes.ts
 create mode 100644 packages/system/src/types/utils.ts
 create mode 100644 packages/system/tsconfig.json

diff --git a/packages/core/package.json b/packages/core/package.json
index 06db1a989..99bb8c3e6 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -38,6 +38,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@reactflow/system": "workspace:11.5.5",
     "@types/d3": "^7.4.0",
     "@types/d3-drag": "^3.0.1",
     "@types/d3-selection": "^3.0.3",
diff --git a/packages/core/src/components/ConnectionLine/index.tsx b/packages/core/src/components/ConnectionLine/index.tsx
index 45ec79371..cb8135899 100644
--- a/packages/core/src/components/ConnectionLine/index.tsx
+++ b/packages/core/src/components/ConnectionLine/index.tsx
@@ -1,12 +1,12 @@
 import { CSSProperties, useCallback } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
+import { internalsSymbol } from '@reactflow/system';
 
 import { useStore } from '../../hooks/useStore';
 import { getBezierPath } from '../Edges/BezierEdge';
 import { getSmoothStepPath } from '../Edges/SmoothStepEdge';
 import { getSimpleBezierPath } from '../Edges/SimpleBezierEdge';
-import { internalsSymbol } from '../../utils';
 import type {
   ConnectionLineComponent,
   ConnectionStatus,
diff --git a/packages/core/src/components/Handle/utils.ts b/packages/core/src/components/Handle/utils.ts
index 582637817..7287022e9 100644
--- a/packages/core/src/components/Handle/utils.ts
+++ b/packages/core/src/components/Handle/utils.ts
@@ -1,7 +1,8 @@
 import { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
+import { internalsSymbol } from '@reactflow/system';
 
 import { ConnectionMode, ConnectionStatus } from '../../types';
-import { getEventPosition, internalsSymbol } from '../../utils';
+import { getEventPosition } from '../../utils';
 import type { Connection, HandleType, XYPosition, Node, NodeHandleBounds } from '../../types';
 
 export type ConnectionHandle = {
diff --git a/packages/core/src/container/EdgeRenderer/utils.ts b/packages/core/src/container/EdgeRenderer/utils.ts
index edd745434..b3c3a8029 100644
--- a/packages/core/src/container/EdgeRenderer/utils.ts
+++ b/packages/core/src/container/EdgeRenderer/utils.ts
@@ -1,8 +1,9 @@
 import type { ComponentType } from 'react';
+import { internalsSymbol } from '@reactflow/system';
 
 import { BezierEdge, SmoothStepEdge, StepEdge, StraightEdge, SimpleBezierEdge } from '../../components/Edges';
 import wrapEdge from '../../components/Edges/wrapEdge';
-import { internalsSymbol, rectToBox } from '../../utils';
+import { rectToBox } from '../../utils';
 import { Position } from '../../types';
 import type {
   EdgeProps,
diff --git a/packages/core/src/container/NodeRenderer/index.tsx b/packages/core/src/container/NodeRenderer/index.tsx
index ab35cb74f..b2d036130 100644
--- a/packages/core/src/container/NodeRenderer/index.tsx
+++ b/packages/core/src/container/NodeRenderer/index.tsx
@@ -1,10 +1,11 @@
 import { memo, useMemo, useEffect, useRef } from 'react';
 import type { ComponentType } from 'react';
 import { shallow } from 'zustand/shallow';
+import { internalsSymbol } from '@reactflow/system';
 
 import useVisibleNodes from '../../hooks/useVisibleNodes';
 import { useStore } from '../../hooks/useStore';
-import { clampPosition, internalsSymbol } from '../../utils';
+import { clampPosition } from '../../utils';
 import { containerStyle } from '../../styles';
 import { GraphViewProps } from '../GraphView';
 import { getPositionWithOrigin } from './utils';
diff --git a/packages/core/src/hooks/useNodesInitialized.ts b/packages/core/src/hooks/useNodesInitialized.ts
index 45b14a33d..0a1e851a6 100644
--- a/packages/core/src/hooks/useNodesInitialized.ts
+++ b/packages/core/src/hooks/useNodesInitialized.ts
@@ -1,4 +1,5 @@
-import { internalsSymbol } from '../utils';
+import { internalsSymbol } from '@reactflow/system';
+
 import { useStore } from './useStore';
 import type { ReactFlowState } from '../types';
 
diff --git a/packages/core/src/hooks/useVisibleEdges.ts b/packages/core/src/hooks/useVisibleEdges.ts
index cbd673e51..3944697ba 100644
--- a/packages/core/src/hooks/useVisibleEdges.ts
+++ b/packages/core/src/hooks/useVisibleEdges.ts
@@ -1,8 +1,9 @@
 import { useCallback } from 'react';
+import { internalsSymbol } from '@reactflow/system';
 
 import { useStore } from '../hooks/useStore';
 import { isEdgeVisible } from '../container/EdgeRenderer/utils';
-import { internalsSymbol, isNumeric } from '../utils';
+import { isNumeric } from '../utils';
 import type { ReactFlowState, NodeInternals, Edge } from '../types';
 
 const defaultEdgeTree = [{ level: 0, isMaxLevel: true, edges: [] }];
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index c4a5b19e2..140bcfcb7 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -8,7 +8,7 @@ export { default as SimpleBezierEdge, getSimpleBezierPath } from './components/E
 export { default as SmoothStepEdge, getSmoothStepPath } from './components/Edges/SmoothStepEdge';
 export { default as BaseEdge } from './components/Edges/BaseEdge';
 
-export { internalsSymbol, rectToBox, boxToRect, getBoundsOfRects } from './utils';
+export { rectToBox, boxToRect, getBoundsOfRects } from './utils';
 export {
   isNode,
   isEdge,
@@ -40,5 +40,6 @@ export { default as useOnSelectionChange } from './hooks/useOnSelectionChange';
 export { default as useNodesInitialized } from './hooks/useNodesInitialized';
 export { default as useGetPointerPosition } from './hooks/useGetPointerPosition';
 export { useNodeId } from './contexts/NodeIdContext';
+export * from '@reactflow/system';
 
-export * from './types';
+// export * from './types';
diff --git a/packages/core/src/store/index.ts b/packages/core/src/store/index.ts
index c85225db3..21b04c285 100644
--- a/packages/core/src/store/index.ts
+++ b/packages/core/src/store/index.ts
@@ -1,7 +1,8 @@
 import { createStore } from 'zustand';
 import { zoomIdentity } from 'd3-zoom';
+import { internalsSymbol } from '@reactflow/system';
 
-import { clampPosition, getDimensions, internalsSymbol } from '../utils';
+import { clampPosition, getDimensions } from '../utils';
 import { applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
 import { getHandleBounds } from '../components/Nodes/utils';
 import { createNodeInternals, fitView, updateAbsoluteNodePositions, updateNodesAndEdgesSelections } from './utils';
diff --git a/packages/core/src/store/utils.ts b/packages/core/src/store/utils.ts
index 994fbf20c..b58b7e1db 100644
--- a/packages/core/src/store/utils.ts
+++ b/packages/core/src/store/utils.ts
@@ -1,7 +1,8 @@
 import { zoomIdentity } from 'd3-zoom';
 import type { StoreApi } from 'zustand';
+import { internalsSymbol } from '@reactflow/system';
 
-import { internalsSymbol, isNumeric } from '../utils';
+import { isNumeric } from '../utils';
 import { getD3Transition, getRectOfNodes, getTransformForBounds, getNodePositionWithOrigin } from '../utils/graph';
 import type {
   Edge,
diff --git a/packages/core/src/types/nodes.ts b/packages/core/src/types/nodes.ts
index a7ec9b2b8..1494b0cd5 100644
--- a/packages/core/src/types/nodes.ts
+++ b/packages/core/src/types/nodes.ts
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
+import { internalsSymbol } from '@reactflow/system';
 
-import { internalsSymbol } from '../utils';
 import type { XYPosition, Position, CoordinateExtent, HandleElement } from '.';
 
 // interface for the user node items
diff --git a/packages/core/src/utils/index.ts b/packages/core/src/utils/index.ts
index 2d801d059..1423a1499 100644
--- a/packages/core/src/utils/index.ts
+++ b/packages/core/src/utils/index.ts
@@ -84,8 +84,6 @@ export const isRectObject = (obj: any): obj is Rect =>
 /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
 export const isNumeric = (n: any): n is number => !isNaN(n) && isFinite(n);
 
-export const internalsSymbol = Symbol.for('internals');
-
 // used for a11y key board controls for nodes and edges
 export const elementSelectionKeys = ['Enter', ' ', 'Escape'];
 
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index eb17ec7d8..9e8d13219 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -16,7 +16,7 @@
 		".": "./index.js"
 	},
 	"dependencies": {
-		"@reactflow/core": "workspace:*",
+		"@reactflow/system": "workspace:*",
 		"cc": "^3.0.1",
 		"d3-drag": "^3.0.0",
 		"d3-selection": "^3.0.0",
diff --git a/packages/svelte/src/lib/components/Handle.svelte b/packages/svelte/src/lib/components/Handle.svelte
index a90bccf2f..2e8798c02 100644
--- a/packages/svelte/src/lib/components/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { getContext } from 'svelte';
   import cc from 'classcat';
-	import { type HandleType, Position } from '@reactflow/core';
+	import { type HandleType, Position } from '@reactflow/system';
 
   export let type: HandleType = 'source';
   export let position: Position = Position.Top;
diff --git a/packages/svelte/src/lib/components/nodes/BaseNode.svelte b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
index 8aed2c023..91734959c 100644
--- a/packages/svelte/src/lib/components/nodes/BaseNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { onMount, setContext } from 'svelte';
-  import type { XYPosition } from '@reactflow/core';
+  import type { XYPosition } from '@reactflow/system';
 
   import drag  from '$lib/hooks/drag'
 	import { useStore } from '$lib/store';
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index a724b2436..40677fcc1 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Position } from '@reactflow/core';
+  import { Position } from '@reactflow/system';
   
   import Handle from '$lib/components/Handle.svelte';
 
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/utils.ts b/packages/svelte/src/lib/container/EdgeRenderer/utils.ts
index 1c794f27a..139a9d687 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/utils.ts
+++ b/packages/svelte/src/lib/container/EdgeRenderer/utils.ts
@@ -6,7 +6,7 @@ import {
 	type XYPosition,
 	Position,
 	internalsSymbol
-} from '@reactflow/core';
+} from '@reactflow/system';
 
 export function getNodeData(node?: Node): [Rect, NodeHandleBounds | null, boolean] {
 	const handleBounds = node?.[internalsSymbol]?.handleBounds || null;
diff --git a/packages/svelte/src/lib/container/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow.svelte
index bda491416..b2a85db0f 100644
--- a/packages/svelte/src/lib/container/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { setContext, onMount } from 'svelte'
   import cc from 'classcat';
-  import type { Node, Edge } from '@reactflow/core';
+  import type { Node, Edge } from '@reactflow/system';
 
 	import { key, createStore } from '$lib/store';
   import Viewport from '$lib/container/Viewport.svelte';
diff --git a/packages/svelte/src/lib/hooks/drag/index.ts b/packages/svelte/src/lib/hooks/drag/index.ts
index 52bf16fe3..84b7b5fb2 100644
--- a/packages/svelte/src/lib/hooks/drag/index.ts
+++ b/packages/svelte/src/lib/hooks/drag/index.ts
@@ -1,7 +1,7 @@
 import { get, type Writable } from 'svelte/store';
 import { drag as d3Drag, type D3DragEvent, type SubjectPosition } from 'd3-drag';
 import { select } from 'd3-selection';
-import type { XYPosition, CoordinateExtent, Node, Transform } from '@reactflow/core';
+import type { XYPosition, CoordinateExtent, Node, Transform } from '@reactflow/system';
 
 import { getDragItems, hasSelector, calcNextPosition } from './utils';
 
diff --git a/packages/svelte/src/lib/hooks/drag/utils.ts b/packages/svelte/src/lib/hooks/drag/utils.ts
index 50b95b09f..bfb384a39 100644
--- a/packages/svelte/src/lib/hooks/drag/utils.ts
+++ b/packages/svelte/src/lib/hooks/drag/utils.ts
@@ -5,7 +5,7 @@ import type {
 	NodeInternals,
 	NodeOrigin,
 	XYPosition
-} from '@reactflow/core';
+} from '@reactflow/system';
 
 import { clampPosition, isNumeric } from '../../../utils';
 
diff --git a/packages/svelte/src/lib/hooks/zoom/index.ts b/packages/svelte/src/lib/hooks/zoom/index.ts
index 2292fc553..d5af98ddb 100644
--- a/packages/svelte/src/lib/hooks/zoom/index.ts
+++ b/packages/svelte/src/lib/hooks/zoom/index.ts
@@ -3,7 +3,7 @@ import type { Writable } from 'svelte/store';
 import { select } from 'd3-selection';
 import { zoom as d3Zoom, zoomIdentity } from 'd3-zoom';
 import type { D3ZoomEvent } from 'd3-zoom';
-import type { Transform } from '@reactflow/core';
+import type { Transform } from '@reactflow/system';
 
 const isWrappedWithClass = (event: any, className: string | undefined) =>
 	event.target.closest(`.${className}`);
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 029a19103..4e05f4768 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -1,4 +1,3 @@
-// Reexport your entry components here
 import SvelteFlow from '$lib/container/SvelteFlow.svelte';
 
 export default SvelteFlow;
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 7dde9e583..d8093111f 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -6,9 +6,9 @@ import {
 	type NodeDragItem,
 	type NodeDimensionUpdate,
 	type Edge,
-	Position
-} from '@reactflow/core';
-import { internalsSymbol } from '@reactflow/core';
+	Position,
+	internalsSymbol
+} from '@reactflow/system';
 
 import { getDimensions, getHandleBounds } from '../../utils';
 import {
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index d905ae622..2d4a25a71 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { Node, Edge } from '@reactflow/core';
+  import type { Node, Edge } from '@reactflow/system';
   
   import SvelteFlow from '../lib/index';
 
diff --git a/packages/svelte/src/utils/index.ts b/packages/svelte/src/utils/index.ts
index dface9166..6a8b42bd1 100644
--- a/packages/svelte/src/utils/index.ts
+++ b/packages/svelte/src/utils/index.ts
@@ -7,7 +7,7 @@ import {
 	type HandleElement,
 	internalsSymbol,
 	Position
-} from '@reactflow/core';
+} from '@reactflow/system';
 
 export const clamp = (val: number, min = 0, max = 1): number => Math.min(Math.max(val, min), max);
 
diff --git a/packages/system/.eslintrc.js b/packages/system/.eslintrc.js
new file mode 100644
index 000000000..31cfbd113
--- /dev/null
+++ b/packages/system/.eslintrc.js
@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: ['@reactflow/eslint-config'],
+};
diff --git a/packages/system/README.md b/packages/system/README.md
new file mode 100644
index 000000000..d87523edd
--- /dev/null
+++ b/packages/system/README.md
@@ -0,0 +1,10 @@
+# @reactflow/core
+
+Core components and util functions of React Flow.
+
+## Installation 
+
+```sh 
+npm install @reactflow/core
+```
+
diff --git a/packages/system/package.json b/packages/system/package.json
new file mode 100644
index 000000000..48a6575c2
--- /dev/null
+++ b/packages/system/package.json
@@ -0,0 +1,62 @@
+{
+  "name": "@reactflow/system",
+  "version": "11.5.5",
+  "description": "Core system of React Flow.",
+  "keywords": [
+    "react",
+    "node-based UI",
+    "graph",
+    "diagram",
+    "workflow",
+    "react-flow"
+  ],
+  "files": [
+    "dist"
+  ],
+  "source": "src/index.ts",
+  "main": "dist/umd/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/wbkd/react-flow.git",
+    "directory": "packages/system"
+  },
+  "scripts": {
+    "dev": "rollup --config node:@reactflow/rollup-config --watch",
+    "build": "rollup --config node:@reactflow/rollup-config --environment NODE_ENV:production",
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@types/d3": "^7.4.0",
+    "@types/d3-drag": "^3.0.1",
+    "@types/d3-selection": "^3.0.3",
+    "@types/d3-zoom": "^3.0.1"
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17"
+  },
+  "devDependencies": {
+    "@reactflow/eslint-config": "workspace:*",
+    "@reactflow/rollup-config": "workspace:*",
+    "@reactflow/tsconfig": "workspace:*",
+    "@types/node": "^18.7.16",
+    "@types/react": ">=17",
+    "@types/react-dom": ">=17",
+    "react": "^18.2.0",
+    "typescript": "^4.9.4"
+  },
+  "rollup": {
+    "globals": {},
+    "name": "ReactFlowCore"
+  }
+}
diff --git a/packages/system/src/index.ts b/packages/system/src/index.ts
new file mode 100644
index 000000000..3c65411c0
--- /dev/null
+++ b/packages/system/src/index.ts
@@ -0,0 +1,3 @@
+export * from './types';
+
+export const internalsSymbol = Symbol.for('internals');
diff --git a/packages/system/src/types/changes.ts b/packages/system/src/types/changes.ts
new file mode 100644
index 000000000..375c8bf24
--- /dev/null
+++ b/packages/system/src/types/changes.ts
@@ -0,0 +1,62 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import type { XYPosition, Dimensions } from './utils';
+import type { Node } from './nodes';
+import type { Edge } from './edges';
+
+export type NodeDimensionChange = {
+  id: string;
+  type: 'dimensions';
+  dimensions?: Dimensions;
+  updateStyle?: boolean;
+  resizing?: boolean;
+};
+
+export type NodePositionChange = {
+  id: string;
+  type: 'position';
+  position?: XYPosition;
+  positionAbsolute?: XYPosition;
+  dragging?: boolean;
+};
+
+export type NodeSelectionChange = {
+  id: string;
+  type: 'select';
+  selected: boolean;
+};
+
+export type NodeRemoveChange = {
+  id: string;
+  type: 'remove';
+};
+
+export type NodeAddChange<NodeData = any> = {
+  item: Node<NodeData>;
+  type: 'add';
+};
+
+export type NodeResetChange<NodeData = any> = {
+  item: Node<NodeData>;
+  type: 'reset';
+};
+
+export type NodeChange =
+  | NodeDimensionChange
+  | NodePositionChange
+  | NodeSelectionChange
+  | NodeRemoveChange
+  | NodeAddChange
+  | NodeResetChange;
+
+export type EdgeSelectionChange = NodeSelectionChange;
+export type EdgeRemoveChange = NodeRemoveChange;
+export type EdgeAddChange<EdgeData = any> = {
+  item: Edge<EdgeData>;
+  type: 'add';
+};
+export type EdgeResetChange<EdgeData = any> = {
+  item: Edge<EdgeData>;
+  type: 'reset';
+};
+export type EdgeChange = EdgeSelectionChange | EdgeRemoveChange | EdgeAddChange | EdgeResetChange;
diff --git a/packages/system/src/types/component-props.ts b/packages/system/src/types/component-props.ts
new file mode 100644
index 000000000..1614805a7
--- /dev/null
+++ b/packages/system/src/types/component-props.ts
@@ -0,0 +1,149 @@
+import type { CSSProperties, HTMLAttributes, MouseEvent as ReactMouseEvent, WheelEvent } from 'react';
+
+import type {
+  OnSelectionChangeFunc,
+  NodeTypes,
+  EdgeTypes,
+  Node,
+  Edge,
+  ConnectionMode,
+  ConnectionLineType,
+  ConnectionLineComponent,
+  OnConnectStart,
+  OnConnectEnd,
+  OnConnect,
+  CoordinateExtent,
+  KeyCode,
+  PanOnScrollMode,
+  OnEdgeUpdateFunc,
+  OnInit,
+  ProOptions,
+  PanelPosition,
+  DefaultEdgeOptions,
+  FitViewOptions,
+  OnNodesDelete,
+  OnEdgesDelete,
+  OnNodesChange,
+  OnEdgesChange,
+  OnMove,
+  OnMoveStart,
+  OnMoveEnd,
+  NodeDragHandler,
+  NodeMouseHandler,
+  SelectionDragHandler,
+  Viewport,
+  NodeOrigin,
+  EdgeMouseHandler,
+  HandleType,
+  SelectionMode,
+  OnError,
+} from '.';
+
+export type ReactFlowProps = HTMLAttributes<HTMLDivElement> & {
+  nodes?: Node[];
+  edges?: Edge[];
+  defaultNodes?: Node[];
+  defaultEdges?: Edge[];
+  defaultEdgeOptions?: DefaultEdgeOptions;
+  onNodeClick?: NodeMouseHandler;
+  onNodeDoubleClick?: NodeMouseHandler;
+  onNodeMouseEnter?: NodeMouseHandler;
+  onNodeMouseMove?: NodeMouseHandler;
+  onNodeMouseLeave?: NodeMouseHandler;
+  onNodeContextMenu?: NodeMouseHandler;
+  onNodeDragStart?: NodeDragHandler;
+  onNodeDrag?: NodeDragHandler;
+  onNodeDragStop?: NodeDragHandler;
+  onEdgeClick?: (event: ReactMouseEvent, node: Edge) => void;
+  onEdgeUpdate?: OnEdgeUpdateFunc;
+  onEdgeContextMenu?: EdgeMouseHandler;
+  onEdgeMouseEnter?: EdgeMouseHandler;
+  onEdgeMouseMove?: EdgeMouseHandler;
+  onEdgeMouseLeave?: EdgeMouseHandler;
+  onEdgeDoubleClick?: EdgeMouseHandler;
+  onEdgeUpdateStart?: (event: ReactMouseEvent, edge: Edge, handleType: HandleType) => void;
+  onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: Edge, handleType: HandleType) => void;
+  onNodesChange?: OnNodesChange;
+  onEdgesChange?: OnEdgesChange;
+  onNodesDelete?: OnNodesDelete;
+  onEdgesDelete?: OnEdgesDelete;
+  onSelectionDragStart?: SelectionDragHandler;
+  onSelectionDrag?: SelectionDragHandler;
+  onSelectionDragStop?: SelectionDragHandler;
+  onSelectionStart?: (event: ReactMouseEvent) => void;
+  onSelectionEnd?: (event: ReactMouseEvent) => void;
+  onSelectionContextMenu?: (event: ReactMouseEvent, nodes: Node[]) => void;
+  onConnect?: OnConnect;
+  onConnectStart?: OnConnectStart;
+  onConnectEnd?: OnConnectEnd;
+  onClickConnectStart?: OnConnectStart;
+  onClickConnectEnd?: OnConnectEnd;
+  onInit?: OnInit;
+  onMove?: OnMove;
+  onMoveStart?: OnMoveStart;
+  onMoveEnd?: OnMoveEnd;
+  onSelectionChange?: OnSelectionChangeFunc;
+  onPaneScroll?: (event?: WheelEvent) => void;
+  onPaneClick?: (event: ReactMouseEvent) => void;
+  onPaneContextMenu?: (event: ReactMouseEvent) => void;
+  onPaneMouseEnter?: (event: ReactMouseEvent) => void;
+  onPaneMouseMove?: (event: ReactMouseEvent) => void;
+  onPaneMouseLeave?: (event: ReactMouseEvent) => void;
+  nodeTypes?: NodeTypes;
+  edgeTypes?: EdgeTypes;
+  connectionLineType?: ConnectionLineType;
+  connectionLineStyle?: CSSProperties;
+  connectionLineComponent?: ConnectionLineComponent;
+  connectionLineContainerStyle?: CSSProperties;
+  connectionMode?: ConnectionMode;
+  deleteKeyCode?: KeyCode | null;
+  selectionKeyCode?: KeyCode | null;
+  selectionOnDrag?: boolean;
+  selectionMode?: SelectionMode;
+  panActivationKeyCode?: KeyCode | null;
+  multiSelectionKeyCode?: KeyCode | null;
+  zoomActivationKeyCode?: KeyCode | null;
+  snapToGrid?: boolean;
+  snapGrid?: [number, number];
+  onlyRenderVisibleElements?: boolean;
+  nodesDraggable?: boolean;
+  nodesConnectable?: boolean;
+  nodesFocusable?: boolean;
+  nodeOrigin?: NodeOrigin;
+  edgesFocusable?: boolean;
+  initNodeOrigin?: NodeOrigin;
+  elementsSelectable?: boolean;
+  selectNodesOnDrag?: boolean;
+  panOnDrag?: boolean | number[];
+  minZoom?: number;
+  maxZoom?: number;
+  defaultViewport?: Viewport;
+  translateExtent?: CoordinateExtent;
+  preventScrolling?: boolean;
+  nodeExtent?: CoordinateExtent;
+  defaultMarkerColor?: string;
+  zoomOnScroll?: boolean;
+  zoomOnPinch?: boolean;
+  panOnScroll?: boolean;
+  panOnScrollSpeed?: number;
+  panOnScrollMode?: PanOnScrollMode;
+  zoomOnDoubleClick?: boolean;
+  edgeUpdaterRadius?: number;
+  noDragClassName?: string;
+  noWheelClassName?: string;
+  noPanClassName?: string;
+  fitView?: boolean;
+  fitViewOptions?: FitViewOptions;
+  connectOnClick?: boolean;
+  attributionPosition?: PanelPosition;
+  proOptions?: ProOptions;
+  elevateNodesOnSelect?: boolean;
+  elevateEdgesOnSelect?: boolean;
+  disableKeyboardA11y?: boolean;
+  autoPanOnNodeDrag?: boolean;
+  autoPanOnConnect?: boolean;
+  connectionRadius?: number;
+  onError?: OnError;
+};
+
+export type ReactFlowRefType = HTMLDivElement;
diff --git a/packages/system/src/types/edges.ts b/packages/system/src/types/edges.ts
new file mode 100644
index 000000000..143c7fa67
--- /dev/null
+++ b/packages/system/src/types/edges.ts
@@ -0,0 +1,180 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import type { CSSProperties, ComponentType, HTMLAttributes, ReactNode, MouseEvent as ReactMouseEvent } from 'react';
+
+import { ConnectionStatus, Position } from '.';
+import type { Connection, HandleElement, HandleType, Node } from '.';
+
+type EdgeLabelOptions = {
+  label?: string | ReactNode;
+  labelStyle?: CSSProperties;
+  labelShowBg?: boolean;
+  labelBgStyle?: CSSProperties;
+  labelBgPadding?: [number, number];
+  labelBgBorderRadius?: number;
+};
+
+// interface for the user edge items
+type DefaultEdge<T = any> = {
+  id: string;
+  type?: string;
+  source: string;
+  target: string;
+  sourceHandle?: string | null;
+  targetHandle?: string | null;
+  style?: CSSProperties;
+  animated?: boolean;
+  hidden?: boolean;
+  deletable?: boolean;
+  data?: T;
+  className?: string;
+  sourceNode?: Node;
+  targetNode?: Node;
+  selected?: boolean;
+  markerStart?: EdgeMarkerType;
+  markerEnd?: EdgeMarkerType;
+  zIndex?: number;
+  ariaLabel?: string;
+  interactionWidth?: number;
+  focusable?: boolean;
+} & EdgeLabelOptions;
+
+export type SmoothStepPathOptions = {
+  offset?: number;
+  borderRadius?: number;
+};
+
+type SmoothStepEdgeType<T> = DefaultEdge<T> & {
+  type: 'smoothstep';
+  pathOptions?: SmoothStepPathOptions;
+};
+
+export type BezierPathOptions = {
+  curvature?: number;
+};
+
+type BezierEdgeType<T> = DefaultEdge<T> & {
+  type: 'default';
+  pathOptions?: BezierPathOptions;
+};
+
+export type Edge<T = any> = DefaultEdge<T> | SmoothStepEdgeType<T> | BezierEdgeType<T>;
+
+export type DefaultEdgeOptions = Omit<
+  Edge,
+  'id' | 'source' | 'target' | 'sourceHandle' | 'targetHandle' | 'sourceNode' | 'targetNode'
+>;
+
+export type EdgeMouseHandler = (event: ReactMouseEvent, edge: Edge) => void;
+
+export type WrapEdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandle'> & {
+  onClick?: EdgeMouseHandler;
+  onEdgeDoubleClick?: EdgeMouseHandler;
+  sourceHandleId?: string | null;
+  targetHandleId?: string | null;
+  sourceX: number;
+  sourceY: number;
+  targetX: number;
+  targetY: number;
+  sourcePosition: Position;
+  targetPosition: Position;
+  elementsSelectable?: boolean;
+  onEdgeUpdate?: OnEdgeUpdateFunc;
+  onContextMenu?: EdgeMouseHandler;
+  onMouseEnter?: EdgeMouseHandler;
+  onMouseMove?: EdgeMouseHandler;
+  onMouseLeave?: EdgeMouseHandler;
+  edgeUpdaterRadius?: number;
+  onEdgeUpdateStart?: (event: ReactMouseEvent, edge: Edge, handleType: HandleType) => void;
+  onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: Edge, handleType: HandleType) => void;
+  rfId?: string;
+  isFocusable: boolean;
+  pathOptions?: BezierPathOptions | SmoothStepPathOptions;
+};
+
+// props that get passed to a custom edge
+export type EdgeProps<T = any> = Pick<
+  Edge<T>,
+  'id' | 'animated' | 'data' | 'style' | 'selected' | 'source' | 'target'
+> &
+  Pick<
+    WrapEdgeProps,
+    | 'sourceX'
+    | 'sourceY'
+    | 'targetX'
+    | 'targetY'
+    | 'sourcePosition'
+    | 'targetPosition'
+    | 'sourceHandleId'
+    | 'targetHandleId'
+    | 'interactionWidth'
+  > &
+  EdgeLabelOptions & {
+    markerStart?: string;
+    markerEnd?: string;
+    // @TODO: how can we get better types for pathOptions?
+    pathOptions?: any;
+  };
+
+export type BaseEdgeProps = Pick<EdgeProps, 'style' | 'markerStart' | 'markerEnd' | 'interactionWidth'> &
+  EdgeLabelOptions & {
+    labelX?: number;
+    labelY?: number;
+    path: string;
+  };
+
+export type SmoothStepEdgeProps<T = any> = EdgeProps<T> & {
+  pathOptions?: SmoothStepPathOptions;
+};
+
+export type BezierEdgeProps<T = any> = EdgeProps<T> & {
+  pathOptions?: BezierPathOptions;
+};
+
+export type EdgeTextProps = HTMLAttributes<SVGElement> &
+  EdgeLabelOptions & {
+    x: number;
+    y: number;
+  };
+
+export enum ConnectionLineType {
+  Bezier = 'default',
+  Straight = 'straight',
+  Step = 'step',
+  SmoothStep = 'smoothstep',
+  SimpleBezier = 'simplebezier',
+}
+
+export type ConnectionLineComponentProps = {
+  connectionLineStyle?: CSSProperties;
+  connectionLineType: ConnectionLineType;
+  fromNode?: Node;
+  fromHandle?: HandleElement;
+  fromX: number;
+  fromY: number;
+  toX: number;
+  toY: number;
+  fromPosition: Position;
+  toPosition: Position;
+  connectionStatus: ConnectionStatus | null;
+};
+
+export type ConnectionLineComponent = ComponentType<ConnectionLineComponentProps>;
+
+export type OnEdgeUpdateFunc<T = any> = (oldEdge: Edge<T>, newConnection: Connection) => void;
+
+export type EdgeMarker = {
+  type: MarkerType;
+  color?: string;
+  width?: number;
+  height?: number;
+  markerUnits?: string;
+  orient?: string;
+  strokeWidth?: number;
+};
+
+export type EdgeMarkerType = string | EdgeMarker;
+
+export enum MarkerType {
+  Arrow = 'arrow',
+  ArrowClosed = 'arrowclosed',
+}
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
new file mode 100644
index 000000000..f628727e4
--- /dev/null
+++ b/packages/system/src/types/general.ts
@@ -0,0 +1,279 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import type {
+  MouseEvent as ReactMouseEvent,
+  TouchEvent as ReactTouchEvent,
+  ComponentType,
+  MemoExoticComponent,
+} from 'react';
+import type { D3DragEvent, Selection as D3Selection, SubjectPosition, ZoomBehavior } from 'd3';
+
+import type { XYPosition, Rect, Transform, CoordinateExtent } from './utils';
+import type { NodeChange, EdgeChange } from './changes';
+import type {
+  Node,
+  NodeInternals,
+  NodeDimensionUpdate,
+  NodeProps,
+  WrapNodeProps,
+  NodeDragItem,
+  NodeDragHandler,
+  SelectionDragHandler,
+  NodeOrigin,
+} from './nodes';
+import type { Edge, EdgeProps, WrapEdgeProps } from './edges';
+import type { HandleType, StartHandle } from './handles';
+import type { DefaultEdgeOptions } from '.';
+import type { ReactFlowInstance } from './instance';
+
+export type NodeTypes = { [key: string]: ComponentType<NodeProps> };
+export type NodeTypesWrapped = { [key: string]: MemoExoticComponent<ComponentType<WrapNodeProps>> };
+export type EdgeTypes = { [key: string]: ComponentType<EdgeProps> };
+export type EdgeTypesWrapped = { [key: string]: MemoExoticComponent<ComponentType<WrapEdgeProps>> };
+
+export type FitView = (fitViewOptions?: FitViewOptions) => boolean;
+
+export type Project = (position: XYPosition) => XYPosition;
+
+export type OnNodesChange = (changes: NodeChange[]) => void;
+export type OnEdgesChange = (changes: EdgeChange[]) => void;
+
+export type OnNodesDelete = (nodes: Node[]) => void;
+export type OnEdgesDelete = (edges: Edge[]) => void;
+
+export type OnMove = (event: MouseEvent | TouchEvent, viewport: Viewport) => void;
+export type OnMoveStart = OnMove;
+export type OnMoveEnd = OnMove;
+
+export type ZoomInOut = (options?: ViewportHelperFunctionOptions) => void;
+export type ZoomTo = (zoomLevel: number, options?: ViewportHelperFunctionOptions) => void;
+export type GetZoom = () => number;
+export type GetViewport = () => Viewport;
+export type SetViewport = (viewport: Viewport, options?: ViewportHelperFunctionOptions) => void;
+export type SetCenter = (x: number, y: number, options?: SetCenterOptions) => void;
+export type FitBounds = (bounds: Rect, options?: FitBoundsOptions) => void;
+
+export type OnInit<NodeData = any, EdgeData = any> = (reactFlowInstance: ReactFlowInstance<NodeData, EdgeData>) => void;
+
+export interface Connection {
+  source: string | null;
+  target: string | null;
+  sourceHandle: string | null;
+  targetHandle: string | null;
+}
+
+export type ConnectionStatus = 'valid' | 'invalid';
+
+export enum ConnectionMode {
+  Strict = 'strict',
+  Loose = 'loose',
+}
+
+export type OnConnect = (connection: Connection) => void;
+
+export type FitViewOptions = {
+  padding?: number;
+  includeHiddenNodes?: boolean;
+  minZoom?: number;
+  maxZoom?: number;
+  duration?: number;
+  nodes?: (Partial<Node> & { id: Node['id'] })[];
+};
+
+export type OnConnectStartParams = {
+  nodeId: string | null;
+  handleId: string | null;
+  handleType: HandleType | null;
+};
+
+export type OnConnectStart = (event: ReactMouseEvent | ReactTouchEvent, params: OnConnectStartParams) => void;
+export type OnConnectEnd = (event: MouseEvent | TouchEvent) => void;
+
+export type Viewport = {
+  x: number;
+  y: number;
+  zoom: number;
+};
+
+export type KeyCode = string | Array<string>;
+
+export type SnapGrid = [number, number];
+
+export enum PanOnScrollMode {
+  Free = 'free',
+  Vertical = 'vertical',
+  Horizontal = 'horizontal',
+}
+
+export type ViewportHelperFunctionOptions = {
+  duration?: number;
+};
+
+export type SetCenterOptions = ViewportHelperFunctionOptions & {
+  zoom?: number;
+};
+
+export type FitBoundsOptions = ViewportHelperFunctionOptions & {
+  padding?: number;
+};
+
+export type UnselectNodesAndEdgesParams = {
+  nodes?: Node[];
+  edges?: Edge[];
+};
+
+export type OnViewportChange = (viewport: Viewport) => void;
+
+export type ViewportHelperFunctions = {
+  zoomIn: ZoomInOut;
+  zoomOut: ZoomInOut;
+  zoomTo: ZoomTo;
+  getZoom: GetZoom;
+  setViewport: SetViewport;
+  getViewport: GetViewport;
+  fitView: FitView;
+  setCenter: SetCenter;
+  fitBounds: FitBounds;
+  project: Project;
+  viewportInitialized: boolean;
+};
+
+export type ReactFlowStore = {
+  rfId: string;
+  width: number;
+  height: number;
+  transform: Transform;
+  nodeInternals: NodeInternals;
+  edges: Edge[];
+  onNodesChange: OnNodesChange | null;
+  onEdgesChange: OnEdgesChange | null;
+  hasDefaultNodes: boolean;
+  hasDefaultEdges: boolean;
+  domNode: HTMLDivElement | null;
+  paneDragging: boolean;
+  noPanClassName: string;
+
+  d3Zoom: ZoomBehavior<Element, unknown> | null;
+  d3Selection: D3Selection<Element, unknown, null, undefined> | null;
+  d3ZoomHandler: ((this: Element, event: any, d: unknown) => void) | undefined;
+  minZoom: number;
+  maxZoom: number;
+  translateExtent: CoordinateExtent;
+  nodeExtent: CoordinateExtent;
+  nodeOrigin: NodeOrigin;
+
+  nodesSelectionActive: boolean;
+  userSelectionActive: boolean;
+  userSelectionRect: SelectionRect | null;
+
+  connectionNodeId: string | null;
+  connectionHandleId: string | null;
+  connectionHandleType: HandleType | null;
+  connectionPosition: XYPosition;
+  connectionStatus: ConnectionStatus | null;
+  connectionMode: ConnectionMode;
+
+  snapToGrid: boolean;
+  snapGrid: SnapGrid;
+
+  nodesDraggable: boolean;
+  nodesConnectable: boolean;
+  nodesFocusable: boolean;
+  edgesFocusable: boolean;
+  elementsSelectable: boolean;
+  elevateNodesOnSelect: boolean;
+
+  multiSelectionActive: boolean;
+
+  connectionStartHandle: StartHandle | null;
+
+  onNodeDragStart?: NodeDragHandler;
+  onNodeDrag?: NodeDragHandler;
+  onNodeDragStop?: NodeDragHandler;
+
+  onSelectionDragStart?: SelectionDragHandler;
+  onSelectionDrag?: SelectionDragHandler;
+  onSelectionDragStop?: SelectionDragHandler;
+
+  onConnect?: OnConnect;
+  onConnectStart?: OnConnectStart;
+  onConnectEnd?: OnConnectEnd;
+
+  onClickConnectStart?: OnConnectStart;
+  onClickConnectEnd?: OnConnectEnd;
+
+  connectOnClick: boolean;
+  defaultEdgeOptions?: DefaultEdgeOptions;
+
+  fitViewOnInit: boolean;
+  fitViewOnInitDone: boolean;
+  fitViewOnInitOptions: FitViewOptions | undefined;
+
+  onNodesDelete?: OnNodesDelete;
+  onEdgesDelete?: OnEdgesDelete;
+  onError?: OnError;
+
+  // event handlers
+  onViewportChangeStart?: OnViewportChange;
+  onViewportChange?: OnViewportChange;
+  onViewportChangeEnd?: OnViewportChange;
+
+  onSelectionChange?: OnSelectionChangeFunc;
+
+  ariaLiveMessage: string;
+  autoPanOnConnect: boolean;
+  autoPanOnNodeDrag: boolean;
+  connectionRadius: number;
+};
+
+export type ReactFlowActions = {
+  setNodes: (nodes: Node[]) => void;
+  getNodes: () => Node[];
+  setEdges: (edges: Edge[]) => void;
+  setDefaultNodesAndEdges: (nodes?: Node[], edges?: Edge[]) => void;
+  updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
+  updateNodePositions: (nodeDragItems: NodeDragItem[] | Node[], positionChanged: boolean, dragging: boolean) => void;
+  resetSelectedElements: () => void;
+  unselectNodesAndEdges: (params?: UnselectNodesAndEdgesParams) => void;
+  addSelectedNodes: (nodeIds: string[]) => void;
+  addSelectedEdges: (edgeIds: string[]) => void;
+  setMinZoom: (minZoom: number) => void;
+  setMaxZoom: (maxZoom: number) => void;
+  setTranslateExtent: (translateExtent: CoordinateExtent) => void;
+  setNodeExtent: (nodeExtent: CoordinateExtent) => void;
+  cancelConnection: () => void;
+  reset: () => void;
+  triggerNodeChanges: (changes: NodeChange[]) => void;
+  panBy: (delta: XYPosition) => void;
+};
+
+export type ReactFlowState = ReactFlowStore & ReactFlowActions;
+
+export type UpdateNodeInternals = (nodeId: string) => void;
+
+export type OnSelectionChangeParams = {
+  nodes: Node[];
+  edges: Edge[];
+};
+
+export type OnSelectionChangeFunc = (params: OnSelectionChangeParams) => void;
+
+export type PanelPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+
+export type ProOptions = {
+  account?: string;
+  hideAttribution: boolean;
+};
+
+export type UseDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
+
+export enum SelectionMode {
+  Partial = 'partial',
+  Full = 'full',
+}
+
+export type SelectionRect = Rect & {
+  startX: number;
+  startY: number;
+};
+
+export type OnError = (id: string, message: string) => void;
diff --git a/packages/system/src/types/handles.ts b/packages/system/src/types/handles.ts
new file mode 100644
index 000000000..0850526c6
--- /dev/null
+++ b/packages/system/src/types/handles.ts
@@ -0,0 +1,23 @@
+import type { XYPosition, Position, Dimensions, OnConnect, Connection } from '.';
+
+export type HandleType = 'source' | 'target';
+
+export interface HandleElement extends XYPosition, Dimensions {
+  id?: string | null;
+  position: Position;
+}
+
+export interface StartHandle {
+  nodeId: string;
+  type: HandleType;
+  handleId?: string | null;
+}
+
+export interface HandleProps {
+  type: HandleType;
+  position: Position;
+  isConnectable?: boolean;
+  onConnect?: OnConnect;
+  isValidConnection?: (connection: Connection) => boolean;
+  id?: string;
+}
diff --git a/packages/system/src/types/index.ts b/packages/system/src/types/index.ts
new file mode 100644
index 000000000..01cb0b691
--- /dev/null
+++ b/packages/system/src/types/index.ts
@@ -0,0 +1,8 @@
+export * from './general';
+export * from './nodes';
+export * from './edges';
+export * from './handles';
+export * from './changes';
+export * from './utils';
+export * from './instance';
+export * from './component-props';
diff --git a/packages/system/src/types/instance.ts b/packages/system/src/types/instance.ts
new file mode 100644
index 000000000..7ff856061
--- /dev/null
+++ b/packages/system/src/types/instance.ts
@@ -0,0 +1,56 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-namespace */
+import { ViewportHelperFunctions, Viewport, Node, Edge, Rect } from '.';
+
+export type ReactFlowJsonObject<NodeData = any, EdgeData = any> = {
+  nodes: Node<NodeData>[];
+  edges: Edge<EdgeData>[];
+  viewport: Viewport;
+};
+
+export type DeleteElementsOptions = {
+  nodes?: (Partial<Node> & { id: Node['id'] })[];
+  edges?: (Partial<Edge> & { id: Edge['id'] })[];
+};
+export namespace Instance {
+  export type GetNodes<NodeData> = () => Node<NodeData>[];
+  export type SetNodes<NodeData> = (
+    payload: Node<NodeData>[] | ((nodes: Node<NodeData>[]) => Node<NodeData>[])
+  ) => void;
+  export type AddNodes<NodeData> = (payload: Node<NodeData>[] | Node<NodeData>) => void;
+  export type GetNode<NodeData> = (id: string) => Node<NodeData> | undefined;
+  export type GetEdges<EdgeData> = () => Edge<EdgeData>[];
+  export type SetEdges<EdgeData> = (
+    payload: Edge<EdgeData>[] | ((edges: Edge<EdgeData>[]) => Edge<EdgeData>[])
+  ) => void;
+  export type GetEdge<EdgeData> = (id: string) => Edge<EdgeData> | undefined;
+  export type AddEdges<EdgeData> = (payload: Edge<EdgeData>[] | Edge<EdgeData>) => void;
+  export type ToObject<NodeData = any, EdgeData = any> = () => ReactFlowJsonObject<NodeData, EdgeData>;
+  export type DeleteElements = ({ nodes, edges }: DeleteElementsOptions) => void;
+  export type GetIntersectingNodes<NodeData> = (
+    node: (Partial<Node<NodeData>> & { id: Node['id'] }) | Rect,
+    partially?: boolean,
+    nodes?: Node<NodeData>[]
+  ) => Node<NodeData>[];
+  export type IsNodeIntersecting<NodeData> = (
+    node: (Partial<Node<NodeData>> & { id: Node['id'] }) | Rect,
+    area: Rect,
+    partially?: boolean
+  ) => boolean;
+}
+
+export type ReactFlowInstance<NodeData = any, EdgeData = any> = {
+  getNodes: Instance.GetNodes<NodeData>;
+  setNodes: Instance.SetNodes<NodeData>;
+  addNodes: Instance.AddNodes<NodeData>;
+  getNode: Instance.GetNode<NodeData>;
+  getEdges: Instance.GetEdges<EdgeData>;
+  setEdges: Instance.SetEdges<EdgeData>;
+  addEdges: Instance.AddEdges<EdgeData>;
+  getEdge: Instance.GetEdge<EdgeData>;
+  toObject: Instance.ToObject<NodeData, EdgeData>;
+  deleteElements: Instance.DeleteElements;
+  getIntersectingNodes: Instance.GetIntersectingNodes<NodeData>;
+  isNodeIntersecting: Instance.IsNodeIntersecting<NodeData>;
+  viewportInitialized: boolean;
+} & Omit<ViewportHelperFunctions, 'initialized'>;
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
new file mode 100644
index 000000000..88034b64f
--- /dev/null
+++ b/packages/system/src/types/nodes.ts
@@ -0,0 +1,118 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
+
+import { internalsSymbol } from '../';
+import type { XYPosition, Position, CoordinateExtent, HandleElement } from '.';
+
+// interface for the user node items
+export type Node<T = any, U extends string | undefined = string | undefined> = {
+  id: string;
+  position: XYPosition;
+  data: T;
+  type?: U;
+  style?: CSSProperties;
+  className?: string;
+  sourcePosition?: Position;
+  targetPosition?: Position;
+  hidden?: boolean;
+  selected?: boolean;
+  dragging?: boolean;
+  draggable?: boolean;
+  selectable?: boolean;
+  connectable?: boolean;
+  deletable?: boolean;
+  dragHandle?: string;
+  width?: number | null;
+  height?: number | null;
+  parentNode?: string;
+  zIndex?: number;
+  extent?: 'parent' | CoordinateExtent;
+  expandParent?: boolean;
+  positionAbsolute?: XYPosition;
+  ariaLabel?: string;
+  focusable?: boolean;
+  resizing?: boolean;
+
+  // only used internally
+  [internalsSymbol]?: {
+    z?: number;
+    handleBounds?: NodeHandleBounds;
+    isParent?: boolean;
+  };
+};
+
+export type NodeMouseHandler = (event: ReactMouseEvent, node: Node) => void;
+export type NodeDragHandler = (event: ReactMouseEvent, node: Node, nodes: Node[]) => void;
+export type SelectionDragHandler = (event: ReactMouseEvent, nodes: Node[]) => void;
+
+export type WrapNodeProps<T = any> = Pick<
+  Node<T>,
+  'id' | 'data' | 'style' | 'className' | 'dragHandle' | 'sourcePosition' | 'targetPosition' | 'hidden' | 'ariaLabel'
+> &
+  Required<Pick<Node<T>, 'selected' | 'type' | 'zIndex'>> & {
+    isConnectable: boolean;
+    xPos: number;
+    yPos: number;
+    xPosOrigin: number;
+    yPosOrigin: number;
+    initialized: boolean;
+    isSelectable: boolean;
+    isDraggable: boolean;
+    isFocusable: boolean;
+    selectNodesOnDrag: boolean;
+    onClick?: NodeMouseHandler;
+    onDoubleClick?: NodeMouseHandler;
+    onMouseEnter?: NodeMouseHandler;
+    onMouseMove?: NodeMouseHandler;
+    onMouseLeave?: NodeMouseHandler;
+    onContextMenu?: NodeMouseHandler;
+    resizeObserver: ResizeObserver | null;
+    isParent: boolean;
+    noDragClassName: string;
+    noPanClassName: string;
+    rfId: string;
+    disableKeyboardA11y: boolean;
+  };
+
+// props that get passed to a custom node
+export type NodeProps<T = any> = Pick<
+  WrapNodeProps<T>,
+  'id' | 'data' | 'dragHandle' | 'type' | 'selected' | 'isConnectable' | 'xPos' | 'yPos' | 'zIndex'
+> & {
+  dragging: boolean;
+  targetPosition?: Position;
+  sourcePosition?: Position;
+};
+
+export type NodeHandleBounds = {
+  source: HandleElement[] | null;
+  target: HandleElement[] | null;
+};
+
+export type NodeDimensionUpdate = {
+  id: string;
+  nodeElement: HTMLDivElement;
+  forceUpdate?: boolean;
+};
+
+export type NodeInternals = Map<string, Node>;
+
+export type NodeBounds = XYPosition & {
+  width: number | null;
+  height: number | null;
+};
+
+export type NodeDragItem = {
+  id: string;
+  position: XYPosition;
+  positionAbsolute: XYPosition;
+  // distance from the mouse cursor to the node when start dragging
+  distance: XYPosition;
+  width?: number | null;
+  height?: number | null;
+  extent?: 'parent' | CoordinateExtent;
+  parentNode?: string;
+  dragging?: boolean;
+};
+
+export type NodeOrigin = [number, number];
diff --git a/packages/system/src/types/utils.ts b/packages/system/src/types/utils.ts
new file mode 100644
index 000000000..eadce743b
--- /dev/null
+++ b/packages/system/src/types/utils.ts
@@ -0,0 +1,29 @@
+export enum Position {
+  Left = 'left',
+  Top = 'top',
+  Right = 'right',
+  Bottom = 'bottom',
+}
+
+export interface XYPosition {
+  x: number;
+  y: number;
+}
+
+export type XYZPosition = XYPosition & { z: number };
+
+export interface Dimensions {
+  width: number;
+  height: number;
+}
+
+export interface Rect extends Dimensions, XYPosition {}
+
+export interface Box extends XYPosition {
+  x2: number;
+  y2: number;
+}
+
+export type Transform = [number, number, number];
+
+export type CoordinateExtent = [[number, number], [number, number]];
diff --git a/packages/system/tsconfig.json b/packages/system/tsconfig.json
new file mode 100644
index 000000000..366694d4e
--- /dev/null
+++ b/packages/system/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "extends": "@reactflow/tsconfig/react.json",
+  "display": "@reactflow/system",
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules", "dist"]
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c25636717..647df58ec 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -32,8 +32,8 @@ importers:
       '@changesets/changelog-github': registry.npmjs.org/@changesets/changelog-github/0.4.7
       '@changesets/cli': registry.npmjs.org/@changesets/cli/2.25.0
       '@preconstruct/cli': registry.npmjs.org/@preconstruct/cli/2.2.1
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.51.0_bn63ywsy4d5iuct4ghawihpgsu
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.51.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.52.0_gyett2pgucfcswo4a3gkpdas2y
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.52.0_id2eilsndvzhjjktb64trvy3gu
       autoprefixer: registry.npmjs.org/autoprefixer/10.4.9_postcss@8.4.21
       concurrently: registry.npmjs.org/concurrently/7.6.0
       cypress: registry.npmjs.org/cypress/10.7.0
@@ -145,6 +145,7 @@ importers:
     specifiers:
       '@reactflow/eslint-config': workspace:*
       '@reactflow/rollup-config': workspace:*
+      '@reactflow/system': workspace:11.5.5
       '@reactflow/tsconfig': workspace:*
       '@types/d3': ^7.4.0
       '@types/d3-drag': ^3.0.1
@@ -161,6 +162,7 @@ importers:
       typescript: ^4.9.4
       zustand: ^4.3.3
     dependencies:
+      '@reactflow/system': link:../system
       '@types/d3': registry.npmjs.org/@types/d3/7.4.0
       '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
       '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
@@ -306,7 +308,7 @@ importers:
 
   packages/svelte:
     specifiers:
-      '@reactflow/core': workspace:*
+      '@reactflow/system': workspace:*
       '@sveltejs/adapter-auto': ^2.0.0
       '@sveltejs/kit': ^1.5.6
       '@sveltejs/package': ^1.0.2
@@ -329,7 +331,7 @@ importers:
       typescript: ^4.9.3
       vite: ^4.1.1
     dependencies:
-      '@reactflow/core': link:../core
+      '@reactflow/system': link:../system
       cc: registry.npmjs.org/cc/3.0.1
       d3-drag: registry.npmjs.org/d3-drag/3.0.0
       d3-selection: registry.npmjs.org/d3-selection/3.0.0
@@ -353,6 +355,35 @@ importers:
       typescript: registry.npmjs.org/typescript/4.9.4
       vite: registry.npmjs.org/vite/4.1.1
 
+  packages/system:
+    specifiers:
+      '@reactflow/eslint-config': workspace:*
+      '@reactflow/rollup-config': workspace:*
+      '@reactflow/tsconfig': workspace:*
+      '@types/d3': ^7.4.0
+      '@types/d3-drag': ^3.0.1
+      '@types/d3-selection': ^3.0.3
+      '@types/d3-zoom': ^3.0.1
+      '@types/node': ^18.7.16
+      '@types/react': '>=17'
+      '@types/react-dom': '>=17'
+      react: ^18.2.0
+      typescript: ^4.9.4
+    dependencies:
+      '@types/d3': registry.npmjs.org/@types/d3/7.4.0
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.1
+    devDependencies:
+      '@reactflow/eslint-config': link:../../tooling/eslint-config
+      '@reactflow/rollup-config': link:../../tooling/rollup-config
+      '@reactflow/tsconfig': link:../../tooling/tsconfig
+      '@types/node': registry.npmjs.org/@types/node/18.7.16
+      '@types/react': registry.npmjs.org/@types/react/18.0.19
+      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.6
+      react: registry.npmjs.org/react/18.2.0
+      typescript: registry.npmjs.org/typescript/4.9.4
+
   tooling/eslint-config:
     specifiers:
       eslint: ^8.22.0
@@ -2415,11 +2446,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.51.0_bn63ywsy4d5iuct4ghawihpgsu:
-    resolution: {integrity: sha512-wcAwhEWm1RgNd7dxD/o+nnLW8oH+6RK1OGnmbmkj/GGoDPV1WWMVP0FXYQBivKHdwM1pwii3bt//RC62EriIUQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.51.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.51.0
+  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.52.0_gyett2pgucfcswo4a3gkpdas2y:
+    resolution: {integrity: sha512-lHazYdvYVsBokwCdKOppvYJKaJ4S41CgKBcPvyd0xjZNbvQdhn/pnJlGtQksQ/NhInzdaeaSarlBjDXHuclEbg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.52.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.52.0
     name: '@typescript-eslint/eslint-plugin'
-    version: 5.51.0
+    version: 5.52.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -2429,10 +2460,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.51.0_id2eilsndvzhjjktb64trvy3gu
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.51.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.51.0_id2eilsndvzhjjktb64trvy3gu
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.51.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.52.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.52.0
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.52.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.52.0_id2eilsndvzhjjktb64trvy3gu
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.23.1
       grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
@@ -2469,11 +2500,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser/5.51.0_id2eilsndvzhjjktb64trvy3gu:
-    resolution: {integrity: sha512-fEV0R9gGmfpDeRzJXn+fGQKcl0inIeYobmmUWijZh9zA7bxJ8clPhV9up2ZQzATxAiFAECqPQyMDB4o4B81AaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.51.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/5.51.0
+  registry.npmjs.org/@typescript-eslint/parser/5.52.0_id2eilsndvzhjjktb64trvy3gu:
+    resolution: {integrity: sha512-e2KiLQOZRo4Y0D/b+3y08i3jsekoSkOYStROYmPUnGMEoA0h+k2qOH5H6tcjIc68WDvGwH+PaOrP1XRzLJ6QlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.52.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/5.52.0
     name: '@typescript-eslint/parser'
-    version: 5.51.0
+    version: 5.52.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -2482,9 +2513,9 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.51.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.51.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.51.0_typescript@4.9.4
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.52.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.52.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.52.0_typescript@4.9.4
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.23.1
       typescript: registry.npmjs.org/typescript/4.9.4
@@ -2502,14 +2533,14 @@ packages:
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.49.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager/5.51.0:
-    resolution: {integrity: sha512-gNpxRdlx5qw3yaHA0SFuTjW4rxeYhpHxt491PEcKF8Z6zpq0kMhe0Tolxt0qjlojS+/wArSDlj/LtE69xUJphQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.51.0.tgz}
+  registry.npmjs.org/@typescript-eslint/scope-manager/5.52.0:
+    resolution: {integrity: sha512-AR7sxxfBKiNV0FWBSARxM8DmNxrwgnYMPwmpkC1Pl1n+eT8/I2NAUPuwDy/FmDcC6F8pBfmOcaxcxRHspgOBMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.52.0.tgz}
     name: '@typescript-eslint/scope-manager'
-    version: 5.51.0
+    version: 5.52.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.51.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.51.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.52.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.52.0
     dev: true
 
   registry.npmjs.org/@typescript-eslint/type-utils/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u:
@@ -2535,11 +2566,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils/5.51.0_id2eilsndvzhjjktb64trvy3gu:
-    resolution: {integrity: sha512-QHC5KKyfV8sNSyHqfNa0UbTbJ6caB8uhcx2hYcWVvJAZYJRBo5HyyZfzMdRx8nvS+GyMg56fugMzzWnojREuQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.51.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/5.51.0
+  registry.npmjs.org/@typescript-eslint/type-utils/5.52.0_id2eilsndvzhjjktb64trvy3gu:
+    resolution: {integrity: sha512-tEKuUHfDOv852QGlpPtB3lHOoig5pyFQN/cUiZtpw99D93nEBjexRLre5sQZlkMoHry/lZr8qDAt2oAHLKA6Jw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.52.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/5.52.0
     name: '@typescript-eslint/type-utils'
-    version: 5.51.0
+    version: 5.52.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -2548,8 +2579,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.51.0_typescript@4.9.4
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.51.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.52.0_typescript@4.9.4
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.52.0_id2eilsndvzhjjktb64trvy3gu
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.23.1
       tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
@@ -2565,10 +2596,10 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types/5.51.0:
-    resolution: {integrity: sha512-SqOn0ANn/v6hFn0kjvLwiDi4AzR++CBZz0NV5AnusT2/3y32jdc0G4woXPWHCumWtUXZKPAS27/9vziSsC9jnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.51.0.tgz}
+  registry.npmjs.org/@typescript-eslint/types/5.52.0:
+    resolution: {integrity: sha512-oV7XU4CHYfBhk78fS7tkum+/Dpgsfi91IIDy7fjCyq2k6KB63M6gMC0YIvy+iABzmXThCRI6xpCEyVObBdWSDQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.52.0.tgz}
     name: '@typescript-eslint/types'
-    version: 5.51.0
+    version: 5.52.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
@@ -2596,11 +2627,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree/5.51.0_typescript@4.9.4:
-    resolution: {integrity: sha512-TSkNupHvNRkoH9FMA3w7TazVFcBPveAAmb7Sz+kArY6sLT86PA5Vx80cKlYmd8m3Ha2SwofM1KwraF24lM9FvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.51.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.51.0
+  registry.npmjs.org/@typescript-eslint/typescript-estree/5.52.0_typescript@4.9.4:
+    resolution: {integrity: sha512-WeWnjanyEwt6+fVrSR0MYgEpUAuROxuAH516WPjUblIrClzYJj0kBbjdnbQXLpgAN8qbEuGywiQsXUVDiAoEuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.52.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.52.0
     name: '@typescript-eslint/typescript-estree'
-    version: 5.51.0
+    version: 5.52.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -2608,8 +2639,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.51.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.51.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.52.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.52.0
       debug: registry.npmjs.org/debug/4.3.4
       globby: registry.npmjs.org/globby/11.1.0
       is-glob: registry.npmjs.org/is-glob/4.0.3
@@ -2643,20 +2674,20 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils/5.51.0_id2eilsndvzhjjktb64trvy3gu:
-    resolution: {integrity: sha512-76qs+5KWcaatmwtwsDJvBk4H76RJQBFe+Gext0EfJdC3Vd2kpY2Pf//OHHzHp84Ciw0/rYoGTDnIAr3uWhhJYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.51.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/5.51.0
+  registry.npmjs.org/@typescript-eslint/utils/5.52.0_id2eilsndvzhjjktb64trvy3gu:
+    resolution: {integrity: sha512-As3lChhrbwWQLNk2HC8Ree96hldKIqk98EYvypd3It8Q1f8d5zWyIoaZEp2va5667M4ZyE7X8UUR+azXrFl+NA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.52.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/5.52.0
     name: '@typescript-eslint/utils'
-    version: 5.51.0
+    version: 5.52.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.11
       '@types/semver': registry.npmjs.org/@types/semver/7.3.13
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.51.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.51.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.51.0_typescript@4.9.4
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.52.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.52.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.52.0_typescript@4.9.4
       eslint: registry.npmjs.org/eslint/8.23.1
       eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
       eslint-utils: registry.npmjs.org/eslint-utils/3.0.0_eslint@8.23.1
@@ -2676,13 +2707,13 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys/5.51.0:
-    resolution: {integrity: sha512-Oh2+eTdjHjOFjKA27sxESlA87YPSOJafGCR0md5oeMdh1ZcCfAGCIOL216uTBAkAIptvLIfKQhl7lHxMJet4GQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.51.0.tgz}
+  registry.npmjs.org/@typescript-eslint/visitor-keys/5.52.0:
+    resolution: {integrity: sha512-qMwpw6SU5VHCPr99y274xhbm+PRViK/NATY6qzt+Et7+mThGuFSl/ompj2/hrBlRP/kq+BFdgagnOSgw9TB0eA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.52.0.tgz}
     name: '@typescript-eslint/visitor-keys'
-    version: 5.51.0
+    version: 5.52.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.51.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.52.0
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
     dev: true
 

From 3920fca670233435bfe151dfcd5c1a0f32c4e5d5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 16 Feb 2023 21:54:09 +0100
Subject: [PATCH 0005/1093] feat(packages): add @reactflow/system and
 @reactflow/utils

---
 packages/core/package.json                    |   3 +-
 .../src/components/A11yDescriptions/index.tsx |   3 +-
 .../core/src/components/Attribution/index.tsx |   3 +-
 .../src/components/ConnectionLine/index.tsx   |  20 +-
 .../components/EdgeLabelRenderer/index.tsx    |   2 +-
 .../core/src/components/Edges/BaseEdge.tsx    |   5 +-
 .../core/src/components/Edges/BezierEdge.tsx  |   3 +-
 .../core/src/components/Edges/EdgeAnchor.tsx  |   3 +-
 .../core/src/components/Edges/EdgeText.tsx    |   3 +-
 .../src/components/Edges/SimpleBezierEdge.tsx |   3 +-
 .../src/components/Edges/SmoothStepEdge.tsx   |   3 +-
 .../core/src/components/Edges/StepEdge.tsx    |   2 +-
 .../src/components/Edges/StraightEdge.tsx     |   2 +-
 packages/core/src/components/Edges/utils.ts   |   3 +-
 .../core/src/components/Edges/wrapEdge.tsx    |   5 +-
 .../core/src/components/Handle/handler.ts     |  11 +-
 packages/core/src/components/Handle/index.tsx |   7 +-
 packages/core/src/components/Handle/utils.ts  |   8 +-
 .../core/src/components/Nodes/DefaultNode.tsx |   3 +-
 .../core/src/components/Nodes/InputNode.tsx   |   3 +-
 .../core/src/components/Nodes/OutputNode.tsx  |   3 +-
 packages/core/src/components/Nodes/utils.ts   |   6 +-
 .../core/src/components/Nodes/wrapNode.tsx    |   4 +-
 .../src/components/NodesSelection/index.tsx   |   4 +-
 packages/core/src/components/Panel/index.tsx  |   2 +-
 .../components/ReactFlowProvider/index.tsx    |   2 +-
 .../components/SelectionListener/index.tsx    |   2 +-
 .../src/components/StoreUpdater/index.tsx     |   2 +-
 .../src/components/UserSelection/index.tsx    |   2 +-
 .../EdgeRenderer/MarkerDefinitions.tsx        |   4 +-
 .../container/EdgeRenderer/MarkerSymbols.tsx  |   4 +-
 .../core/src/container/EdgeRenderer/index.tsx |   4 +-
 .../core/src/container/EdgeRenderer/utils.ts  |  28 +-
 .../core/src/container/FlowRenderer/index.tsx |   5 +-
 .../core/src/container/GraphView/index.tsx    |   2 +-
 .../core/src/container/NodeRenderer/index.tsx |   7 +-
 .../core/src/container/NodeRenderer/utils.ts  |   2 +-
 packages/core/src/container/Pane/index.tsx    |  12 +-
 .../core/src/container/ReactFlow/Wrapper.tsx  |   3 +-
 .../core/src/container/ReactFlow/index.tsx    |  25 +-
 .../core/src/container/ReactFlow/utils.ts     |  11 +-
 .../core/src/container/Viewport/index.tsx     |   2 +-
 .../core/src/container/ZoomPane/index.tsx     |   5 +-
 packages/core/src/hooks/useDrag/index.ts      |   4 +-
 packages/core/src/hooks/useDrag/utils.ts      |  16 +-
 packages/core/src/hooks/useEdges.ts           |   3 +-
 .../core/src/hooks/useGetPointerPosition.ts   |   2 +-
 .../core/src/hooks/useGlobalKeyHandler.ts     |   2 +-
 packages/core/src/hooks/useKeyPress.ts        |   5 +-
 packages/core/src/hooks/useNodes.ts           |   2 +-
 packages/core/src/hooks/useNodesEdgesState.ts |   5 +-
 .../core/src/hooks/useNodesInitialized.ts     |   3 +-
 packages/core/src/hooks/useOnInitHandler.ts   |   2 +-
 .../core/src/hooks/useOnSelectionChange.ts    |   2 +-
 .../core/src/hooks/useOnViewportChange.ts     |   2 +-
 packages/core/src/hooks/useReactFlow.ts       |  11 +-
 packages/core/src/hooks/useResizeHandler.ts   |   7 +-
 packages/core/src/hooks/useStore.ts           |   6 +-
 .../core/src/hooks/useUpdateNodeInternals.ts  |   2 +-
 packages/core/src/hooks/useViewport.ts        |   2 +-
 packages/core/src/hooks/useViewportHelper.ts  |   4 +-
 packages/core/src/hooks/useVisibleEdges.ts    |   5 +-
 packages/core/src/hooks/useVisibleNodes.ts    |   4 +-
 packages/core/src/index.ts                    |   6 +-
 packages/core/src/store/index.ts              |  34 +--
 packages/core/src/store/initialState.ts       |   5 +-
 packages/core/src/store/utils.ts              |  34 ++-
 packages/core/src/types/changes.ts            |  62 ----
 packages/core/src/types/component-props.ts    | 149 ----------
 packages/core/src/types/edges.ts              | 180 -----------
 packages/core/src/types/general.ts            | 279 ------------------
 packages/core/src/types/handles.ts            |  23 --
 packages/core/src/types/index.ts              |   8 -
 packages/core/src/types/instance.ts           |  56 ----
 packages/core/src/types/nodes.ts              | 118 --------
 packages/core/src/types/utils.ts              |  29 --
 packages/core/src/utils/changes.ts            |   2 +-
 .../src/lib/container/SvelteFlow.svelte       |   2 +
 packages/svelte/src/lib/store/index.ts        |  71 +++--
 packages/svelte/src/routes/+page.svelte       |   2 +-
 .../contants.ts => system/src/constants.ts}   |   0
 packages/system/src/index.ts                  |   1 +
 packages/utils/.eslintrc.js                   |   4 +
 packages/utils/README.md                      |  10 +
 packages/utils/package.json                   |  63 ++++
 .../{core/src/utils => utils/src}/graph.ts    |  24 +-
 packages/utils/src/index.ts                   |   2 +
 .../src/utils/index.ts => utils/src/utils.ts} |   3 +-
 packages/utils/tsconfig.json                  |   6 +
 pnpm-lock.yaml                                |  35 ++-
 90 files changed, 378 insertions(+), 1155 deletions(-)
 delete mode 100644 packages/core/src/types/changes.ts
 delete mode 100644 packages/core/src/types/component-props.ts
 delete mode 100644 packages/core/src/types/edges.ts
 delete mode 100644 packages/core/src/types/general.ts
 delete mode 100644 packages/core/src/types/handles.ts
 delete mode 100644 packages/core/src/types/index.ts
 delete mode 100644 packages/core/src/types/instance.ts
 delete mode 100644 packages/core/src/types/nodes.ts
 delete mode 100644 packages/core/src/types/utils.ts
 rename packages/{core/src/contants.ts => system/src/constants.ts} (100%)
 create mode 100644 packages/utils/.eslintrc.js
 create mode 100644 packages/utils/README.md
 create mode 100644 packages/utils/package.json
 rename packages/{core/src/utils => utils/src}/graph.ts (96%)
 create mode 100644 packages/utils/src/index.ts
 rename packages/{core/src/utils/index.ts => utils/src/utils.ts} (99%)
 create mode 100644 packages/utils/tsconfig.json

diff --git a/packages/core/package.json b/packages/core/package.json
index 99bb8c3e6..e47b565ea 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -38,7 +38,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@reactflow/system": "workspace:11.5.5",
+    "@reactflow/system": "workspace:*",
+    "@reactflow/utils": "workspace:*",
     "@types/d3": "^7.4.0",
     "@types/d3-drag": "^3.0.1",
     "@types/d3-selection": "^3.0.3",
diff --git a/packages/core/src/components/A11yDescriptions/index.tsx b/packages/core/src/components/A11yDescriptions/index.tsx
index ae9c3a0b3..481a6aeba 100644
--- a/packages/core/src/components/A11yDescriptions/index.tsx
+++ b/packages/core/src/components/A11yDescriptions/index.tsx
@@ -1,6 +1,7 @@
 import { CSSProperties } from 'react';
+import type { ReactFlowState } from '@reactflow/system';
+
 import { useStore } from '../../hooks/useStore';
-import type { ReactFlowState } from '../../types';
 
 const style: CSSProperties = { display: 'none' };
 const ariaLiveStyle: CSSProperties = {
diff --git a/packages/core/src/components/Attribution/index.tsx b/packages/core/src/components/Attribution/index.tsx
index ad4ed22b7..641dc8c7d 100644
--- a/packages/core/src/components/Attribution/index.tsx
+++ b/packages/core/src/components/Attribution/index.tsx
@@ -1,5 +1,6 @@
+import type { PanelPosition, ProOptions } from '@reactflow/system';
+
 import Panel from '../Panel';
-import type { PanelPosition, ProOptions } from '../../types';
 
 type AttributionProps = {
   proOptions?: ProOptions;
diff --git a/packages/core/src/components/ConnectionLine/index.tsx b/packages/core/src/components/ConnectionLine/index.tsx
index cb8135899..990ccbe11 100644
--- a/packages/core/src/components/ConnectionLine/index.tsx
+++ b/packages/core/src/components/ConnectionLine/index.tsx
@@ -1,20 +1,22 @@
 import { CSSProperties, useCallback } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
-import { internalsSymbol } from '@reactflow/system';
+import {
+  internalsSymbol,
+  Position,
+  ConnectionLineType,
+  ConnectionMode,
+  type ConnectionLineComponent,
+  type ConnectionStatus,
+  type HandleType,
+  type ReactFlowState,
+  type ReactFlowStore,
+} from '@reactflow/system';
 
 import { useStore } from '../../hooks/useStore';
 import { getBezierPath } from '../Edges/BezierEdge';
 import { getSmoothStepPath } from '../Edges/SmoothStepEdge';
 import { getSimpleBezierPath } from '../Edges/SimpleBezierEdge';
-import type {
-  ConnectionLineComponent,
-  ConnectionStatus,
-  HandleType,
-  ReactFlowState,
-  ReactFlowStore,
-} from '../../types';
-import { Position, ConnectionLineType, ConnectionMode } from '../../types';
 
 type ConnectionLineProps = {
   nodeId: string;
diff --git a/packages/core/src/components/EdgeLabelRenderer/index.tsx b/packages/core/src/components/EdgeLabelRenderer/index.tsx
index 46311f26e..07d06688b 100644
--- a/packages/core/src/components/EdgeLabelRenderer/index.tsx
+++ b/packages/core/src/components/EdgeLabelRenderer/index.tsx
@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react';
 import { createPortal } from 'react-dom';
+import type { ReactFlowState } from '@reactflow/system';
 
 import { useStore } from '../../hooks/useStore';
-import { ReactFlowState } from '../../types';
 
 const selector = (s: ReactFlowState) => s.domNode?.querySelector('.react-flow__edgelabel-renderer');
 
diff --git a/packages/core/src/components/Edges/BaseEdge.tsx b/packages/core/src/components/Edges/BaseEdge.tsx
index dc60493c0..f365175d1 100644
--- a/packages/core/src/components/Edges/BaseEdge.tsx
+++ b/packages/core/src/components/Edges/BaseEdge.tsx
@@ -1,6 +1,7 @@
+import { isNumeric } from '@reactflow/utils';
+import type { BaseEdgeProps } from '@reactflow/system';
+
 import EdgeText from './EdgeText';
-import { isNumeric } from '../../utils';
-import type { BaseEdgeProps } from '../../types';
 
 const BaseEdge = ({
   path,
diff --git a/packages/core/src/components/Edges/BezierEdge.tsx b/packages/core/src/components/Edges/BezierEdge.tsx
index d7a025342..11fca8eb1 100644
--- a/packages/core/src/components/Edges/BezierEdge.tsx
+++ b/packages/core/src/components/Edges/BezierEdge.tsx
@@ -1,9 +1,8 @@
 import { memo } from 'react';
+import { Position, type BezierEdgeProps } from '@reactflow/system';
 
 import BaseEdge from './BaseEdge';
 import { getBezierEdgeCenter } from './utils';
-import { Position } from '../../types';
-import type { BezierEdgeProps } from '../../types';
 
 export interface GetBezierPathParams {
   sourceX: number;
diff --git a/packages/core/src/components/Edges/EdgeAnchor.tsx b/packages/core/src/components/Edges/EdgeAnchor.tsx
index baf83cdd2..3ea97546d 100644
--- a/packages/core/src/components/Edges/EdgeAnchor.tsx
+++ b/packages/core/src/components/Edges/EdgeAnchor.tsx
@@ -1,7 +1,6 @@
 import type { FC, MouseEvent as ReactMouseEvent, SVGAttributes } from 'react';
 import cc from 'classcat';
-
-import { Position } from '../../types';
+import { Position } from '@reactflow/system';
 
 const shiftX = (x: number, shift: number, position: Position): number => {
   if (position === Position.Left) return x - shift;
diff --git a/packages/core/src/components/Edges/EdgeText.tsx b/packages/core/src/components/Edges/EdgeText.tsx
index 10a17be59..40db33ec7 100644
--- a/packages/core/src/components/Edges/EdgeText.tsx
+++ b/packages/core/src/components/Edges/EdgeText.tsx
@@ -1,8 +1,7 @@
 import { memo, useRef, useState, useEffect } from 'react';
 import type { FC, PropsWithChildren } from 'react';
 import cc from 'classcat';
-
-import { EdgeTextProps, Rect } from '../../types';
+import { EdgeTextProps, Rect } from '@reactflow/system';
 
 const EdgeText: FC<PropsWithChildren<EdgeTextProps>> = ({
   x,
diff --git a/packages/core/src/components/Edges/SimpleBezierEdge.tsx b/packages/core/src/components/Edges/SimpleBezierEdge.tsx
index e549be585..f2de142f5 100644
--- a/packages/core/src/components/Edges/SimpleBezierEdge.tsx
+++ b/packages/core/src/components/Edges/SimpleBezierEdge.tsx
@@ -1,9 +1,8 @@
 import { memo } from 'react';
+import { Position, type EdgeProps } from '@reactflow/system';
 
 import BaseEdge from './BaseEdge';
 import { getBezierEdgeCenter } from './utils';
-import { Position } from '../../types';
-import type { EdgeProps } from '../../types';
 
 export interface GetSimpleBezierPathParams {
   sourceX: number;
diff --git a/packages/core/src/components/Edges/SmoothStepEdge.tsx b/packages/core/src/components/Edges/SmoothStepEdge.tsx
index e61f8e465..796871487 100644
--- a/packages/core/src/components/Edges/SmoothStepEdge.tsx
+++ b/packages/core/src/components/Edges/SmoothStepEdge.tsx
@@ -1,9 +1,8 @@
 import { memo } from 'react';
+import { Position, type SmoothStepEdgeProps, type XYPosition } from '@reactflow/system';
 
 import BaseEdge from './BaseEdge';
 import { getEdgeCenter } from './utils';
-import { Position } from '../../types';
-import type { SmoothStepEdgeProps, XYPosition } from '../../types';
 
 export interface GetSmoothStepPathParams {
   sourceX: number;
diff --git a/packages/core/src/components/Edges/StepEdge.tsx b/packages/core/src/components/Edges/StepEdge.tsx
index df2646a7a..6d802eaed 100644
--- a/packages/core/src/components/Edges/StepEdge.tsx
+++ b/packages/core/src/components/Edges/StepEdge.tsx
@@ -1,7 +1,7 @@
 import { memo, useMemo } from 'react';
+import type { SmoothStepEdgeProps } from '@reactflow/system';
 
 import SmoothStepEdge from './SmoothStepEdge';
-import type { SmoothStepEdgeProps } from '../../types';
 
 const StepEdge = memo((props: SmoothStepEdgeProps) => (
   <SmoothStepEdge
diff --git a/packages/core/src/components/Edges/StraightEdge.tsx b/packages/core/src/components/Edges/StraightEdge.tsx
index 2cc062ac6..f99790f99 100644
--- a/packages/core/src/components/Edges/StraightEdge.tsx
+++ b/packages/core/src/components/Edges/StraightEdge.tsx
@@ -1,8 +1,8 @@
 import { memo } from 'react';
+import type { EdgeProps } from '@reactflow/system';
 
 import BaseEdge from './BaseEdge';
 import { getEdgeCenter } from './utils';
-import type { EdgeProps } from '../../types';
 
 export type GetStraightPathParams = {
   sourceX: number;
diff --git a/packages/core/src/components/Edges/utils.ts b/packages/core/src/components/Edges/utils.ts
index 4d98d9d3c..3c21c3eaf 100644
--- a/packages/core/src/components/Edges/utils.ts
+++ b/packages/core/src/components/Edges/utils.ts
@@ -1,7 +1,6 @@
 import { MouseEvent as ReactMouseEvent } from 'react';
 import { StoreApi } from 'zustand';
-
-import type { Edge, MarkerType, ReactFlowState } from '../../types';
+import type { Edge, MarkerType, ReactFlowState } from '@reactflow/system';
 
 export const getMarkerEnd = (markerType?: MarkerType, markerEndId?: string): string => {
   if (typeof markerEndId !== 'undefined' && markerEndId) {
diff --git a/packages/core/src/components/Edges/wrapEdge.tsx b/packages/core/src/components/Edges/wrapEdge.tsx
index 80a6be7de..eaa0c401d 100644
--- a/packages/core/src/components/Edges/wrapEdge.tsx
+++ b/packages/core/src/components/Edges/wrapEdge.tsx
@@ -1,15 +1,14 @@
 import { memo, useState, useMemo, useRef } from 'react';
 import type { ComponentType, KeyboardEvent } from 'react';
 import cc from 'classcat';
+import { getMarkerId, elementSelectionKeys } from '@reactflow/utils';
+import type { EdgeProps, WrapEdgeProps, Connection } from '@reactflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
 import { ARIA_EDGE_DESC_KEY } from '../A11yDescriptions';
 import { handlePointerDown } from '../Handle/handler';
 import { EdgeAnchor } from './EdgeAnchor';
-import { getMarkerId } from '../../utils/graph';
 import { getMouseHandler } from './utils';
-import { elementSelectionKeys } from '../../utils';
-import type { EdgeProps, WrapEdgeProps, Connection } from '../../types';
 
 export default (EdgeComponent: ComponentType<EdgeProps>) => {
   const EdgeWrapper = ({
diff --git a/packages/core/src/components/Handle/handler.ts b/packages/core/src/components/Handle/handler.ts
index 46cc64e9d..e9cff2900 100644
--- a/packages/core/src/components/Handle/handler.ts
+++ b/packages/core/src/components/Handle/handler.ts
@@ -1,9 +1,14 @@
 import type { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
 import { StoreApi } from 'zustand';
+import {
+  getHostForElement,
+  calcAutoPan,
+  getEventPosition,
+  pointToRendererPoint,
+  rendererPointToPoint,
+} from '@reactflow/utils';
+import type { OnConnect, HandleType, ReactFlowState, Connection } from '@reactflow/system';
 
-import { getHostForElement, calcAutoPan, getEventPosition } from '../../utils';
-import type { OnConnect, HandleType, ReactFlowState, Connection } from '../../types';
-import { pointToRendererPoint, rendererPointToPoint } from '../../utils/graph';
 import {
   ConnectionHandle,
   getClosestHandle,
diff --git a/packages/core/src/components/Handle/index.tsx b/packages/core/src/components/Handle/index.tsx
index dab16653e..1ae7be91f 100644
--- a/packages/core/src/components/Handle/index.tsx
+++ b/packages/core/src/components/Handle/index.tsx
@@ -1,16 +1,13 @@
 import { memo, HTMLAttributes, forwardRef, MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
+import { errorMessages, Position, type HandleProps, type Connection, type ReactFlowState } from '@reactflow/system';
+import { getHostForElement, isMouseEvent, addEdge } from '@reactflow/utils';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
 import { handlePointerDown } from './handler';
-import { getHostForElement, isMouseEvent } from '../../utils';
-import { addEdge } from '../../utils/graph';
-import { Position } from '../../types';
-import type { HandleProps, Connection, ReactFlowState } from '../../types';
 import { isValidHandle } from './utils';
-import { errorMessages } from '../../contants';
 
 const alwaysValid = () => true;
 
diff --git a/packages/core/src/components/Handle/utils.ts b/packages/core/src/components/Handle/utils.ts
index 7287022e9..c7839bb1a 100644
--- a/packages/core/src/components/Handle/utils.ts
+++ b/packages/core/src/components/Handle/utils.ts
@@ -1,9 +1,7 @@
 import { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
-import { internalsSymbol } from '@reactflow/system';
-
-import { ConnectionMode, ConnectionStatus } from '../../types';
-import { getEventPosition } from '../../utils';
-import type { Connection, HandleType, XYPosition, Node, NodeHandleBounds } from '../../types';
+import { internalsSymbol, ConnectionMode, ConnectionStatus } from '@reactflow/system';
+import type { Connection, HandleType, XYPosition, Node, NodeHandleBounds } from '@reactflow/system';
+import { getEventPosition } from '@reactflow/utils';
 
 export type ConnectionHandle = {
   id: string | null;
diff --git a/packages/core/src/components/Nodes/DefaultNode.tsx b/packages/core/src/components/Nodes/DefaultNode.tsx
index 99835a3c0..e82bd112e 100644
--- a/packages/core/src/components/Nodes/DefaultNode.tsx
+++ b/packages/core/src/components/Nodes/DefaultNode.tsx
@@ -1,8 +1,7 @@
 import { memo } from 'react';
+import { Position, type NodeProps } from '@reactflow/system';
 
 import Handle from '../../components/Handle';
-import { Position } from '../../types';
-import type { NodeProps } from '../../types';
 
 const DefaultNode = ({
   data,
diff --git a/packages/core/src/components/Nodes/InputNode.tsx b/packages/core/src/components/Nodes/InputNode.tsx
index e69833171..21e4ba5da 100644
--- a/packages/core/src/components/Nodes/InputNode.tsx
+++ b/packages/core/src/components/Nodes/InputNode.tsx
@@ -1,8 +1,7 @@
 import { memo } from 'react';
+import { Position, type NodeProps } from '@reactflow/system';
 
 import Handle from '../../components/Handle';
-import { Position } from '../../types';
-import type { NodeProps } from '../../types';
 
 const InputNode = ({ data, isConnectable, sourcePosition = Position.Bottom }: NodeProps) => (
   <>
diff --git a/packages/core/src/components/Nodes/OutputNode.tsx b/packages/core/src/components/Nodes/OutputNode.tsx
index fdcb5add9..360c11136 100644
--- a/packages/core/src/components/Nodes/OutputNode.tsx
+++ b/packages/core/src/components/Nodes/OutputNode.tsx
@@ -1,8 +1,7 @@
 import { memo } from 'react';
+import { Position, type NodeProps } from '@reactflow/system';
 
 import Handle from '../../components/Handle';
-import { Position } from '../../types';
-import type { NodeProps } from '../../types';
 
 const OutputNode = ({ data, isConnectable, targetPosition = Position.Top }: NodeProps) => (
   <>
diff --git a/packages/core/src/components/Nodes/utils.ts b/packages/core/src/components/Nodes/utils.ts
index dca9f297b..2390102b0 100644
--- a/packages/core/src/components/Nodes/utils.ts
+++ b/packages/core/src/components/Nodes/utils.ts
@@ -1,9 +1,7 @@
 import { MouseEvent } from 'react';
 import { StoreApi } from 'zustand';
-
-import { getDimensions } from '../../utils';
-import { Position } from '../../types';
-import type { HandleElement, Node, NodeOrigin, ReactFlowState } from '../../types';
+import { getDimensions } from '@reactflow/utils';
+import { Position, type HandleElement, type Node, type NodeOrigin, type ReactFlowState } from '@reactflow/system';
 
 export const getHandleBounds = (
   selector: string,
diff --git a/packages/core/src/components/Nodes/wrapNode.tsx b/packages/core/src/components/Nodes/wrapNode.tsx
index f56f117b4..f8b249be1 100644
--- a/packages/core/src/components/Nodes/wrapNode.tsx
+++ b/packages/core/src/components/Nodes/wrapNode.tsx
@@ -1,6 +1,8 @@
 import { useEffect, useRef, memo } from 'react';
 import type { ComponentType, MouseEvent, KeyboardEvent } from 'react';
 import cc from 'classcat';
+import { elementSelectionKeys, isInputDOMNode } from '@reactflow/utils';
+import type { NodeProps, WrapNodeProps, XYPosition } from '@reactflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
 import { Provider } from '../../contexts/NodeIdContext';
@@ -8,8 +10,6 @@ import { ARIA_NODE_DESC_KEY } from '../A11yDescriptions';
 import useDrag from '../../hooks/useDrag';
 import useUpdateNodePositions from '../../hooks/useUpdateNodePositions';
 import { getMouseHandler, handleNodeClick } from './utils';
-import { elementSelectionKeys, isInputDOMNode } from '../../utils';
-import type { NodeProps, WrapNodeProps, XYPosition } from '../../types';
 
 export const arrowKeyDiffs: Record<string, XYPosition> = {
   ArrowUp: { x: 0, y: -1 },
diff --git a/packages/core/src/components/NodesSelection/index.tsx b/packages/core/src/components/NodesSelection/index.tsx
index be4ecf594..e5a1da893 100644
--- a/packages/core/src/components/NodesSelection/index.tsx
+++ b/packages/core/src/components/NodesSelection/index.tsx
@@ -7,13 +7,13 @@ import { memo, useRef, useEffect } from 'react';
 import type { MouseEvent, KeyboardEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
+import { getRectOfNodes } from '@reactflow/utils';
+import type { Node, ReactFlowState } from '@reactflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
-import { getRectOfNodes } from '../../utils/graph';
 import useDrag from '../../hooks/useDrag';
 import { arrowKeyDiffs } from '../Nodes/wrapNode';
 import useUpdateNodePositions from '../../hooks/useUpdateNodePositions';
-import type { Node, ReactFlowState } from '../../types';
 
 export interface NodesSelectionProps {
   onSelectionContextMenu?: (event: MouseEvent, nodes: Node[]) => void;
diff --git a/packages/core/src/components/Panel/index.tsx b/packages/core/src/components/Panel/index.tsx
index 7228f1a76..d9aefd365 100644
--- a/packages/core/src/components/Panel/index.tsx
+++ b/packages/core/src/components/Panel/index.tsx
@@ -1,8 +1,8 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 import cc from 'classcat';
+import type { PanelPosition, ReactFlowState } from '@reactflow/system';
 
 import { useStore } from '../../hooks/useStore';
-import type { PanelPosition, ReactFlowState } from '../../types';
 
 export type PanelProps = HTMLAttributes<HTMLDivElement> & {
   position: PanelPosition;
diff --git a/packages/core/src/components/ReactFlowProvider/index.tsx b/packages/core/src/components/ReactFlowProvider/index.tsx
index 7004ddaf0..f3ad453c8 100644
--- a/packages/core/src/components/ReactFlowProvider/index.tsx
+++ b/packages/core/src/components/ReactFlowProvider/index.tsx
@@ -1,10 +1,10 @@
 import { useRef } from 'react';
 import type { FC, PropsWithChildren } from 'react';
 import { StoreApi } from 'zustand';
+import type { ReactFlowState } from '@reactflow/system';
 
 import { Provider } from '../../contexts/RFStoreContext';
 import { createRFStore } from '../../store';
-import type { ReactFlowState } from '../../types';
 
 const ReactFlowProvider: FC<PropsWithChildren<unknown>> = ({ children }) => {
   const storeRef = useRef<StoreApi<ReactFlowState> | null>(null);
diff --git a/packages/core/src/components/SelectionListener/index.tsx b/packages/core/src/components/SelectionListener/index.tsx
index 556d7ce81..de7612d6c 100644
--- a/packages/core/src/components/SelectionListener/index.tsx
+++ b/packages/core/src/components/SelectionListener/index.tsx
@@ -1,8 +1,8 @@
 import { memo, useEffect } from 'react';
 import { shallow } from 'zustand/shallow';
+import type { ReactFlowState, OnSelectionChangeFunc, Node, Edge } from '@reactflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
-import type { ReactFlowState, OnSelectionChangeFunc, Node, Edge } from '../../types';
 
 type SelectionListenerProps = {
   onSelectionChange?: OnSelectionChangeFunc;
diff --git a/packages/core/src/components/StoreUpdater/index.tsx b/packages/core/src/components/StoreUpdater/index.tsx
index febd3b0c4..7bdaac3e4 100644
--- a/packages/core/src/components/StoreUpdater/index.tsx
+++ b/packages/core/src/components/StoreUpdater/index.tsx
@@ -1,9 +1,9 @@
 import { useEffect } from 'react';
 import { StoreApi } from 'zustand';
 import { shallow } from 'zustand/shallow';
+import type { Node, Edge, ReactFlowState, CoordinateExtent, ReactFlowProps, ReactFlowStore } from '@reactflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
-import type { Node, Edge, ReactFlowState, CoordinateExtent, ReactFlowProps, ReactFlowStore } from '../../types';
 
 type StoreUpdaterProps = Pick<
   ReactFlowProps,
diff --git a/packages/core/src/components/UserSelection/index.tsx b/packages/core/src/components/UserSelection/index.tsx
index 00bbcd635..09fafbd40 100644
--- a/packages/core/src/components/UserSelection/index.tsx
+++ b/packages/core/src/components/UserSelection/index.tsx
@@ -1,7 +1,7 @@
 import { shallow } from 'zustand/shallow';
+import type { ReactFlowState } from '@reactflow/system';
 
 import { useStore } from '../../hooks/useStore';
-import type { ReactFlowState } from '../../types';
 
 const selector = (s: ReactFlowState) => ({
   userSelectionActive: s.userSelectionActive,
diff --git a/packages/core/src/container/EdgeRenderer/MarkerDefinitions.tsx b/packages/core/src/container/EdgeRenderer/MarkerDefinitions.tsx
index d718c65fa..cc630ddb1 100644
--- a/packages/core/src/container/EdgeRenderer/MarkerDefinitions.tsx
+++ b/packages/core/src/container/EdgeRenderer/MarkerDefinitions.tsx
@@ -1,9 +1,9 @@
 import { memo, useCallback } from 'react';
+import type { EdgeMarker, ReactFlowState } from '@reactflow/system';
+import { getMarkerId } from '@reactflow/utils';
 
 import { useStore } from '../../hooks/useStore';
-import { getMarkerId } from '../../utils/graph';
 import { useMarkerSymbol } from './MarkerSymbols';
-import type { EdgeMarker, ReactFlowState } from '../../types';
 
 type MarkerProps = EdgeMarker & {
   id: string;
diff --git a/packages/core/src/container/EdgeRenderer/MarkerSymbols.tsx b/packages/core/src/container/EdgeRenderer/MarkerSymbols.tsx
index aa561242c..6cf6bae27 100644
--- a/packages/core/src/container/EdgeRenderer/MarkerSymbols.tsx
+++ b/packages/core/src/container/EdgeRenderer/MarkerSymbols.tsx
@@ -1,9 +1,7 @@
 import { useMemo } from 'react';
+import { errorMessages, MarkerType, type EdgeMarker } from '@reactflow/system';
 
-import { MarkerType } from '../../types';
-import type { EdgeMarker } from '../../types';
 import { useStoreApi } from '../../hooks/useStore';
-import { errorMessages } from '../../contants';
 
 type SymbolProps = Omit<EdgeMarker, 'type'>;
 
diff --git a/packages/core/src/container/EdgeRenderer/index.tsx b/packages/core/src/container/EdgeRenderer/index.tsx
index ddc4aa4d8..51f3f2d69 100644
--- a/packages/core/src/container/EdgeRenderer/index.tsx
+++ b/packages/core/src/container/EdgeRenderer/index.tsx
@@ -1,6 +1,7 @@
 import { memo, ReactNode } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
+import { errorMessages, ConnectionMode, Position, type Edge, type ReactFlowState } from '@reactflow/system';
 
 import { useStore } from '../../hooks/useStore';
 import useVisibleEdges from '../../hooks/useVisibleEdges';
@@ -8,9 +9,6 @@ import MarkerDefinitions from './MarkerDefinitions';
 import { getEdgePositions, getHandle, getNodeData } from './utils';
 
 import { GraphViewProps } from '../GraphView';
-import { ConnectionMode, Position } from '../../types';
-import type { Edge, ReactFlowState } from '../../types';
-import { errorMessages } from '../../contants';
 
 type EdgeRendererProps = Pick<
   GraphViewProps,
diff --git a/packages/core/src/container/EdgeRenderer/utils.ts b/packages/core/src/container/EdgeRenderer/utils.ts
index b3c3a8029..b43292380 100644
--- a/packages/core/src/container/EdgeRenderer/utils.ts
+++ b/packages/core/src/container/EdgeRenderer/utils.ts
@@ -1,21 +1,21 @@
 import type { ComponentType } from 'react';
-import { internalsSymbol } from '@reactflow/system';
+import {
+  internalsSymbol,
+  Position,
+  type EdgeProps,
+  type EdgeTypes,
+  type EdgeTypesWrapped,
+  type HandleElement,
+  type NodeHandleBounds,
+  type Node,
+  type Rect,
+  type Transform,
+  type XYPosition,
+} from '@reactflow/system';
+import { rectToBox } from '@reactflow/utils';
 
 import { BezierEdge, SmoothStepEdge, StepEdge, StraightEdge, SimpleBezierEdge } from '../../components/Edges';
 import wrapEdge from '../../components/Edges/wrapEdge';
-import { rectToBox } from '../../utils';
-import { Position } from '../../types';
-import type {
-  EdgeProps,
-  EdgeTypes,
-  EdgeTypesWrapped,
-  HandleElement,
-  NodeHandleBounds,
-  Node,
-  Rect,
-  Transform,
-  XYPosition,
-} from '../../types';
 
 export type CreateEdgeTypes = (edgeTypes: EdgeTypes) => EdgeTypesWrapped;
 
diff --git a/packages/core/src/container/FlowRenderer/index.tsx b/packages/core/src/container/FlowRenderer/index.tsx
index a8e9dc691..2c47f9c52 100644
--- a/packages/core/src/container/FlowRenderer/index.tsx
+++ b/packages/core/src/container/FlowRenderer/index.tsx
@@ -1,5 +1,5 @@
-import { memo } from 'react';
-import type { ReactNode } from 'react';
+import { memo, type ReactNode } from 'react';
+import type { ReactFlowState } from '@reactflow/system';
 
 import { useStore } from '../../hooks/useStore';
 import useGlobalKeyHandler from '../../hooks/useGlobalKeyHandler';
@@ -8,7 +8,6 @@ import { GraphViewProps } from '../GraphView';
 import ZoomPane from '../ZoomPane';
 import Pane from '../Pane';
 import NodesSelection from '../../components/NodesSelection';
-import type { ReactFlowState } from '../../types';
 
 export type FlowRendererProps = Omit<
   GraphViewProps,
diff --git a/packages/core/src/container/GraphView/index.tsx b/packages/core/src/container/GraphView/index.tsx
index e489b1e92..0408fcd38 100644
--- a/packages/core/src/container/GraphView/index.tsx
+++ b/packages/core/src/container/GraphView/index.tsx
@@ -1,4 +1,5 @@
 import { memo } from 'react';
+import type { EdgeTypesWrapped, NodeTypesWrapped, ReactFlowProps } from '@reactflow/system';
 
 import FlowRenderer from '../FlowRenderer';
 import NodeRenderer from '../NodeRenderer';
@@ -6,7 +7,6 @@ import EdgeRenderer from '../EdgeRenderer';
 import ViewportWrapper from '../Viewport';
 import useOnInitHandler from '../../hooks/useOnInitHandler';
 import ConnectionLine from '../../components/ConnectionLine';
-import type { EdgeTypesWrapped, NodeTypesWrapped, ReactFlowProps } from '../../types';
 
 export type GraphViewProps = Omit<ReactFlowProps, 'onSelectionChange' | 'nodes' | 'edges' | 'nodeTypes' | 'edgeTypes'> &
   Required<
diff --git a/packages/core/src/container/NodeRenderer/index.tsx b/packages/core/src/container/NodeRenderer/index.tsx
index b2d036130..306548613 100644
--- a/packages/core/src/container/NodeRenderer/index.tsx
+++ b/packages/core/src/container/NodeRenderer/index.tsx
@@ -1,17 +1,14 @@
 import { memo, useMemo, useEffect, useRef } from 'react';
 import type { ComponentType } from 'react';
 import { shallow } from 'zustand/shallow';
-import { internalsSymbol } from '@reactflow/system';
+import { internalsSymbol, errorMessages, Position, type ReactFlowState, type WrapNodeProps } from '@reactflow/system';
+import { clampPosition } from '@reactflow/utils';
 
 import useVisibleNodes from '../../hooks/useVisibleNodes';
 import { useStore } from '../../hooks/useStore';
-import { clampPosition } from '../../utils';
 import { containerStyle } from '../../styles';
 import { GraphViewProps } from '../GraphView';
 import { getPositionWithOrigin } from './utils';
-import { Position } from '../../types';
-import type { ReactFlowState, WrapNodeProps } from '../../types';
-import { errorMessages } from '../../contants';
 
 type NodeRendererProps = Pick<
   GraphViewProps,
diff --git a/packages/core/src/container/NodeRenderer/utils.ts b/packages/core/src/container/NodeRenderer/utils.ts
index 6abc695d6..221aaccc6 100644
--- a/packages/core/src/container/NodeRenderer/utils.ts
+++ b/packages/core/src/container/NodeRenderer/utils.ts
@@ -1,11 +1,11 @@
 import type { ComponentType } from 'react';
+import type { NodeTypes, NodeProps, NodeTypesWrapped, NodeOrigin, XYPosition } from '@reactflow/system';
 
 import DefaultNode from '../../components/Nodes/DefaultNode';
 import InputNode from '../../components/Nodes/InputNode';
 import OutputNode from '../../components/Nodes/OutputNode';
 import GroupNode from '../../components/Nodes/GroupNode';
 import wrapNode from '../../components/Nodes/wrapNode';
-import type { NodeTypes, NodeProps, NodeTypesWrapped, NodeOrigin, XYPosition } from '../../types';
 
 export type CreateNodeTypes = (nodeTypes: NodeTypes) => NodeTypesWrapped;
 
diff --git a/packages/core/src/container/Pane/index.tsx b/packages/core/src/container/Pane/index.tsx
index bb9e3615e..06eceb48c 100644
--- a/packages/core/src/container/Pane/index.tsx
+++ b/packages/core/src/container/Pane/index.tsx
@@ -5,15 +5,19 @@
 import { memo, useRef, MouseEvent as ReactMouseEvent, ReactNode } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
+import { getConnectedEdges, getNodesInside, getEventPosition } from '@reactflow/utils';
+import {
+  SelectionMode,
+  type ReactFlowProps,
+  type ReactFlowState,
+  type NodeChange,
+  type EdgeChange,
+} from '@reactflow/system';
 
 import UserSelection from '../../components/UserSelection';
 import { containerStyle } from '../../styles';
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { getSelectionChanges } from '../../utils/changes';
-import { getConnectedEdges, getNodesInside } from '../../utils/graph';
-import { getEventPosition } from '../../utils';
-import { SelectionMode } from '../../types';
-import type { ReactFlowProps, ReactFlowState, NodeChange, EdgeChange } from '../../types';
 
 type PaneProps = {
   isSelecting: boolean;
diff --git a/packages/core/src/container/ReactFlow/Wrapper.tsx b/packages/core/src/container/ReactFlow/Wrapper.tsx
index 71241f693..b497b97f1 100644
--- a/packages/core/src/container/ReactFlow/Wrapper.tsx
+++ b/packages/core/src/container/ReactFlow/Wrapper.tsx
@@ -1,5 +1,4 @@
-import { useContext } from 'react';
-import type { FC, PropsWithChildren } from 'react';
+import { useContext, type FC, type PropsWithChildren } from 'react';
 
 import StoreContext from '../../contexts/RFStoreContext';
 import ReactFlowProvider from '../../components/ReactFlowProvider';
diff --git a/packages/core/src/container/ReactFlow/index.tsx b/packages/core/src/container/ReactFlow/index.tsx
index 9e7b7a493..1ded2de0a 100644
--- a/packages/core/src/container/ReactFlow/index.tsx
+++ b/packages/core/src/container/ReactFlow/index.tsx
@@ -1,6 +1,20 @@
 import { forwardRef } from 'react';
 import type { CSSProperties } from 'react';
 import cc from 'classcat';
+import {
+  ConnectionLineType,
+  ConnectionMode,
+  PanOnScrollMode,
+  SelectionMode,
+  type EdgeTypes,
+  type EdgeTypesWrapped,
+  type NodeOrigin,
+  type NodeTypes,
+  type NodeTypesWrapped,
+  type ReactFlowProps,
+  type ReactFlowRefType,
+  type Viewport,
+} from '@reactflow/system';
 
 import Attribution from '../../components/Attribution';
 import { BezierEdge, SmoothStepEdge, StepEdge, StraightEdge, SimpleBezierEdge } from '../../components/Edges';
@@ -17,17 +31,6 @@ import GraphView from '../GraphView';
 import Wrapper from './Wrapper';
 import { infiniteExtent } from '../../store/initialState';
 import { useNodeOrEdgeTypes } from './utils';
-import { ConnectionLineType, ConnectionMode, PanOnScrollMode, SelectionMode } from '../../types';
-import type {
-  EdgeTypes,
-  EdgeTypesWrapped,
-  NodeOrigin,
-  NodeTypes,
-  NodeTypesWrapped,
-  ReactFlowProps,
-  ReactFlowRefType,
-  Viewport,
-} from '../../types';
 
 const defaultNodeTypes: NodeTypes = {
   input: InputNode,
diff --git a/packages/core/src/container/ReactFlow/utils.ts b/packages/core/src/container/ReactFlow/utils.ts
index cc5ab36d3..d2a441e40 100644
--- a/packages/core/src/container/ReactFlow/utils.ts
+++ b/packages/core/src/container/ReactFlow/utils.ts
@@ -1,11 +1,16 @@
 import { useMemo, useRef } from 'react';
 import { shallow } from 'zustand/shallow';
+import {
+  errorMessages,
+  type EdgeTypes,
+  type EdgeTypesWrapped,
+  type NodeTypes,
+  type NodeTypesWrapped,
+} from '@reactflow/system';
+import { devWarn } from '@reactflow/utils';
 
-import { devWarn } from '../../utils';
 import { CreateEdgeTypes } from '../EdgeRenderer/utils';
 import { CreateNodeTypes } from '../NodeRenderer/utils';
-import type { EdgeTypes, EdgeTypesWrapped, NodeTypes, NodeTypesWrapped } from '../../types';
-import { errorMessages } from '../../contants';
 
 export function useNodeOrEdgeTypes(nodeOrEdgeTypes: NodeTypes, createTypes: CreateNodeTypes): NodeTypesWrapped;
 export function useNodeOrEdgeTypes(nodeOrEdgeTypes: EdgeTypes, createTypes: CreateEdgeTypes): EdgeTypesWrapped;
diff --git a/packages/core/src/container/Viewport/index.tsx b/packages/core/src/container/Viewport/index.tsx
index 64ed99d56..f786d5ed4 100644
--- a/packages/core/src/container/Viewport/index.tsx
+++ b/packages/core/src/container/Viewport/index.tsx
@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
+import type { ReactFlowState } from '@reactflow/system';
 
 import { useStore } from '../../hooks/useStore';
-import type { ReactFlowState } from '../../types';
 
 const selector = (s: ReactFlowState) => `translate(${s.transform[0]}px,${s.transform[1]}px) scale(${s.transform[2]})`;
 
diff --git a/packages/core/src/container/ZoomPane/index.tsx b/packages/core/src/container/ZoomPane/index.tsx
index 7163cd356..effe658cf 100644
--- a/packages/core/src/container/ZoomPane/index.tsx
+++ b/packages/core/src/container/ZoomPane/index.tsx
@@ -4,15 +4,14 @@ import { zoom, zoomIdentity } from 'd3-zoom';
 import type { D3ZoomEvent } from 'd3-zoom';
 import { select, pointer } from 'd3-selection';
 import { shallow } from 'zustand/shallow';
+import { clamp } from '@reactflow/utils';
+import { type Viewport, type ReactFlowState, CoordinateExtent, PanOnScrollMode } from '@reactflow/system';
 
 import useKeyPress from '../../hooks/useKeyPress';
 import useResizeHandler from '../../hooks/useResizeHandler';
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { containerStyle } from '../../styles';
-import { clamp } from '../../utils';
-import { CoordinateExtent, PanOnScrollMode } from '../../types';
 import type { FlowRendererProps } from '../FlowRenderer';
-import type { Viewport, ReactFlowState } from '../../types';
 
 type ZoomPaneProps = Omit<
   FlowRendererProps,
diff --git a/packages/core/src/hooks/useDrag/index.ts b/packages/core/src/hooks/useDrag/index.ts
index 22d06dafb..eb88e34e0 100644
--- a/packages/core/src/hooks/useDrag/index.ts
+++ b/packages/core/src/hooks/useDrag/index.ts
@@ -2,13 +2,13 @@ import { useEffect, useRef, useState } from 'react';
 import type { RefObject, MouseEvent } from 'react';
 import { drag } from 'd3-drag';
 import { select } from 'd3-selection';
+import { calcAutoPan, getEventPosition } from '@reactflow/utils';
+import type { NodeDragItem, Node, SelectionDragHandler, UseDragEvent, XYPosition } from '@reactflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
 import { getDragItems, getEventHandlerParams, hasSelector, calcNextPosition } from './utils';
 import { handleNodeClick } from '../../components/Nodes/utils';
 import useGetPointerPosition from '../useGetPointerPosition';
-import { calcAutoPan, getEventPosition } from '../../utils';
-import type { NodeDragItem, Node, SelectionDragHandler, UseDragEvent, XYPosition } from '../../types';
 
 export type UseDragData = { dx: number; dy: number };
 
diff --git a/packages/core/src/hooks/useDrag/utils.ts b/packages/core/src/hooks/useDrag/utils.ts
index 5ef3b3b28..3ad6e6d54 100644
--- a/packages/core/src/hooks/useDrag/utils.ts
+++ b/packages/core/src/hooks/useDrag/utils.ts
@@ -1,9 +1,15 @@
 import type { RefObject } from 'react';
-
-import { clampPosition, isNumeric } from '../../utils';
-import type { CoordinateExtent, Node, NodeDragItem, NodeInternals, NodeOrigin, OnError, XYPosition } from '../../types';
-import { getNodePositionWithOrigin } from '../../utils/graph';
-import { errorMessages } from '../../contants';
+import {
+  errorMessages,
+  type CoordinateExtent,
+  type Node,
+  type NodeDragItem,
+  type NodeInternals,
+  type NodeOrigin,
+  type OnError,
+  type XYPosition,
+} from '@reactflow/system';
+import { clampPosition, isNumeric, getNodePositionWithOrigin } from '@reactflow/utils';
 
 export function isParentSelected(node: Node, nodeInternals: NodeInternals): boolean {
   if (!node.parentNode) {
diff --git a/packages/core/src/hooks/useEdges.ts b/packages/core/src/hooks/useEdges.ts
index 78c0e36a3..3426aacb3 100644
--- a/packages/core/src/hooks/useEdges.ts
+++ b/packages/core/src/hooks/useEdges.ts
@@ -1,5 +1,6 @@
+import type { Edge, ReactFlowState } from '@reactflow/system';
+
 import { useStore } from '../hooks/useStore';
-import type { Edge, ReactFlowState } from '../types';
 
 const edgesSelector = (state: ReactFlowState) => state.edges;
 
diff --git a/packages/core/src/hooks/useGetPointerPosition.ts b/packages/core/src/hooks/useGetPointerPosition.ts
index 38c124708..67fdab5b2 100644
--- a/packages/core/src/hooks/useGetPointerPosition.ts
+++ b/packages/core/src/hooks/useGetPointerPosition.ts
@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
+import type { UseDragEvent } from '@reactflow/system';
 
 import { useStoreApi } from './useStore';
-import type { UseDragEvent } from '../types';
 
 function useGetPointerPosition() {
   const store = useStoreApi();
diff --git a/packages/core/src/hooks/useGlobalKeyHandler.ts b/packages/core/src/hooks/useGlobalKeyHandler.ts
index 8665f6d00..fff9a4f49 100644
--- a/packages/core/src/hooks/useGlobalKeyHandler.ts
+++ b/packages/core/src/hooks/useGlobalKeyHandler.ts
@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
+import type { KeyCode } from '@reactflow/system';
 
 import { useStoreApi } from '../hooks/useStore';
 import useKeyPress from './useKeyPress';
-import type { KeyCode } from '../types';
 import useReactFlow from './useReactFlow';
 interface HookParams {
   deleteKeyCode: KeyCode | null;
diff --git a/packages/core/src/hooks/useKeyPress.ts b/packages/core/src/hooks/useKeyPress.ts
index 20dcf37e6..6209ff113 100644
--- a/packages/core/src/hooks/useKeyPress.ts
+++ b/packages/core/src/hooks/useKeyPress.ts
@@ -1,7 +1,6 @@
 import { useState, useEffect, useRef, useMemo } from 'react';
-
-import { isInputDOMNode } from '../utils';
-import type { KeyCode } from '../types';
+import { isInputDOMNode } from '@reactflow/utils';
+import type { KeyCode } from '@reactflow/system';
 
 type Keys = Array<string>;
 type PressedKeys = Set<string>;
diff --git a/packages/core/src/hooks/useNodes.ts b/packages/core/src/hooks/useNodes.ts
index 8681b4fd0..8aad017d1 100644
--- a/packages/core/src/hooks/useNodes.ts
+++ b/packages/core/src/hooks/useNodes.ts
@@ -1,5 +1,5 @@
 import { useStore } from '../hooks/useStore';
-import type { Node, ReactFlowState } from '../types';
+import type { Node, ReactFlowState } from '@reactflow/system';
 
 const nodesSelector = (state: ReactFlowState) => state.getNodes();
 
diff --git a/packages/core/src/hooks/useNodesEdgesState.ts b/packages/core/src/hooks/useNodesEdgesState.ts
index 31c163540..90348d382 100644
--- a/packages/core/src/hooks/useNodesEdgesState.ts
+++ b/packages/core/src/hooks/useNodesEdgesState.ts
@@ -1,9 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { useState, useCallback } from 'react';
-import type { SetStateAction, Dispatch } from 'react';
+import { useState, useCallback, type SetStateAction, type Dispatch } from 'react';
+import type { Node, NodeChange, Edge, EdgeChange } from '@reactflow/system';
 
 import { applyNodeChanges, applyEdgeChanges } from '../utils/changes';
-import type { Node, NodeChange, Edge, EdgeChange } from '../types';
 
 type ApplyChanges<ItemType, ChangesType> = (changes: ChangesType[], items: ItemType[]) => ItemType[];
 type OnChange<ChangesType> = (changes: ChangesType[]) => void;
diff --git a/packages/core/src/hooks/useNodesInitialized.ts b/packages/core/src/hooks/useNodesInitialized.ts
index 0a1e851a6..dea87f33b 100644
--- a/packages/core/src/hooks/useNodesInitialized.ts
+++ b/packages/core/src/hooks/useNodesInitialized.ts
@@ -1,7 +1,6 @@
-import { internalsSymbol } from '@reactflow/system';
+import { internalsSymbol, type ReactFlowState } from '@reactflow/system';
 
 import { useStore } from './useStore';
-import type { ReactFlowState } from '../types';
 
 const selector = (s: ReactFlowState) => {
   if (s.nodeInternals.size === 0) {
diff --git a/packages/core/src/hooks/useOnInitHandler.ts b/packages/core/src/hooks/useOnInitHandler.ts
index 27de912bb..ab9ecd6fd 100644
--- a/packages/core/src/hooks/useOnInitHandler.ts
+++ b/packages/core/src/hooks/useOnInitHandler.ts
@@ -1,7 +1,7 @@
 import { useEffect, useRef } from 'react';
+import type { OnInit } from '@reactflow/system';
 
 import useReactFlow from './useReactFlow';
-import type { OnInit } from '../types';
 
 function useOnInitHandler(onInit: OnInit | undefined) {
   const rfInstance = useReactFlow();
diff --git a/packages/core/src/hooks/useOnSelectionChange.ts b/packages/core/src/hooks/useOnSelectionChange.ts
index 323f23a80..653c4e474 100644
--- a/packages/core/src/hooks/useOnSelectionChange.ts
+++ b/packages/core/src/hooks/useOnSelectionChange.ts
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
+import type { OnSelectionChangeFunc } from '@reactflow/system';
 
 import { useStoreApi } from './useStore';
-import type { OnSelectionChangeFunc } from '../types';
 
 export type UseOnSelectionChangeOptions = {
   onChange?: OnSelectionChangeFunc;
diff --git a/packages/core/src/hooks/useOnViewportChange.ts b/packages/core/src/hooks/useOnViewportChange.ts
index 25727a59e..46516a314 100644
--- a/packages/core/src/hooks/useOnViewportChange.ts
+++ b/packages/core/src/hooks/useOnViewportChange.ts
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
+import type { OnViewportChange } from '@reactflow/system';
 
 import { useStoreApi } from './useStore';
-import type { OnViewportChange } from '../types';
 
 export type UseOnViewportChangeOptions = {
   onStart?: OnViewportChange;
diff --git a/packages/core/src/hooks/useReactFlow.ts b/packages/core/src/hooks/useReactFlow.ts
index 32666212b..fcba29a23 100644
--- a/packages/core/src/hooks/useReactFlow.ts
+++ b/packages/core/src/hooks/useReactFlow.ts
@@ -1,7 +1,5 @@
 import { useCallback, useMemo } from 'react';
-
-import useViewportHelper from './useViewportHelper';
-import { useStoreApi } from '../hooks/useStore';
+import { getConnectedEdges, getOverlappingArea, isRectObject, nodeToRect } from '@reactflow/utils';
 import type {
   ReactFlowInstance,
   Instance,
@@ -14,9 +12,10 @@ import type {
   NodeChange,
   Node,
   Rect,
-} from '../types';
-import { getConnectedEdges } from '../utils/graph';
-import { getOverlappingArea, isRectObject, nodeToRect } from '../utils';
+} from '@reactflow/system';
+
+import useViewportHelper from './useViewportHelper';
+import { useStoreApi } from '../hooks/useStore';
 
 /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
 export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlowInstance<NodeData, EdgeData> {
diff --git a/packages/core/src/hooks/useResizeHandler.ts b/packages/core/src/hooks/useResizeHandler.ts
index a6d6d9213..cc752034b 100644
--- a/packages/core/src/hooks/useResizeHandler.ts
+++ b/packages/core/src/hooks/useResizeHandler.ts
@@ -1,9 +1,8 @@
-import { useEffect } from 'react';
-import type { MutableRefObject } from 'react';
+import { useEffect, type MutableRefObject } from 'react';
+import { errorMessages } from '@reactflow/system';
+import { getDimensions } from '@reactflow/utils';
 
 import { useStoreApi } from '../hooks/useStore';
-import { getDimensions } from '../utils';
-import { errorMessages } from '../contants';
 
 function useResizeHandler(rendererNode: MutableRefObject<HTMLDivElement | null>): void {
   const store = useStoreApi();
diff --git a/packages/core/src/hooks/useStore.ts b/packages/core/src/hooks/useStore.ts
index 3983579d8..ca077cbf2 100644
--- a/packages/core/src/hooks/useStore.ts
+++ b/packages/core/src/hooks/useStore.ts
@@ -1,10 +1,8 @@
 import { useContext, useMemo } from 'react';
-import { useStore as useZustandStore } from 'zustand';
-import type { StoreApi } from 'zustand';
+import { useStore as useZustandStore, type StoreApi } from 'zustand';
+import { errorMessages, type ReactFlowState } from '@reactflow/system';
 
 import StoreContext from '../contexts/RFStoreContext';
-import { errorMessages } from '../contants';
-import type { ReactFlowState } from '../types';
 
 const zustandErrorMessage = errorMessages['001']();
 
diff --git a/packages/core/src/hooks/useUpdateNodeInternals.ts b/packages/core/src/hooks/useUpdateNodeInternals.ts
index 849d76b62..d13175d9d 100644
--- a/packages/core/src/hooks/useUpdateNodeInternals.ts
+++ b/packages/core/src/hooks/useUpdateNodeInternals.ts
@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
+import type { UpdateNodeInternals } from '@reactflow/system';
 
 import { useStoreApi } from '../hooks/useStore';
-import type { UpdateNodeInternals } from '../types';
 
 function useUpdateNodeInternals(): UpdateNodeInternals {
   const store = useStoreApi();
diff --git a/packages/core/src/hooks/useViewport.ts b/packages/core/src/hooks/useViewport.ts
index eef15cdc6..d188b15e1 100644
--- a/packages/core/src/hooks/useViewport.ts
+++ b/packages/core/src/hooks/useViewport.ts
@@ -1,7 +1,7 @@
 import { shallow } from 'zustand/shallow';
+import type { Viewport, ReactFlowState } from '@reactflow/system';
 
 import { useStore } from '../hooks/useStore';
-import type { Viewport, ReactFlowState } from '../types';
 
 const viewportSelector = (state: ReactFlowState) => ({
   x: state.transform[0],
diff --git a/packages/core/src/hooks/useViewportHelper.ts b/packages/core/src/hooks/useViewportHelper.ts
index 522d6ac89..10e2b677d 100644
--- a/packages/core/src/hooks/useViewportHelper.ts
+++ b/packages/core/src/hooks/useViewportHelper.ts
@@ -1,11 +1,11 @@
 import { useMemo } from 'react';
 import { zoomIdentity } from 'd3-zoom';
 import { shallow } from 'zustand/shallow';
+import { pointToRendererPoint, getTransformForBounds, getD3Transition } from '@reactflow/utils';
+import type { ViewportHelperFunctions, ReactFlowState, XYPosition } from '@reactflow/system';
 
 import { useStoreApi, useStore } from '../hooks/useStore';
-import { pointToRendererPoint, getTransformForBounds, getD3Transition } from '../utils/graph';
 import { fitView } from '../store/utils';
-import type { ViewportHelperFunctions, ReactFlowState, XYPosition } from '../types';
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 const noop = () => {};
diff --git a/packages/core/src/hooks/useVisibleEdges.ts b/packages/core/src/hooks/useVisibleEdges.ts
index 3944697ba..fe8d14d01 100644
--- a/packages/core/src/hooks/useVisibleEdges.ts
+++ b/packages/core/src/hooks/useVisibleEdges.ts
@@ -1,10 +1,9 @@
 import { useCallback } from 'react';
-import { internalsSymbol } from '@reactflow/system';
+import { internalsSymbol, type ReactFlowState, type NodeInternals, type Edge } from '@reactflow/system';
+import { isNumeric } from '@reactflow/utils';
 
 import { useStore } from '../hooks/useStore';
 import { isEdgeVisible } from '../container/EdgeRenderer/utils';
-import { isNumeric } from '../utils';
-import type { ReactFlowState, NodeInternals, Edge } from '../types';
 
 const defaultEdgeTree = [{ level: 0, isMaxLevel: true, edges: [] }];
 
diff --git a/packages/core/src/hooks/useVisibleNodes.ts b/packages/core/src/hooks/useVisibleNodes.ts
index b076b126b..19be6b3b0 100644
--- a/packages/core/src/hooks/useVisibleNodes.ts
+++ b/packages/core/src/hooks/useVisibleNodes.ts
@@ -1,8 +1,8 @@
 import { useCallback } from 'react';
+import { getNodesInside } from '@reactflow/utils';
+import type { ReactFlowState } from '@reactflow/system';
 
 import { useStore } from '../hooks/useStore';
-import { getNodesInside } from '../utils/graph';
-import type { ReactFlowState } from '../types';
 
 function useVisibleNodes(onlyRenderVisible: boolean) {
   const nodes = useStore(
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index 140bcfcb7..ae58a6c17 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -8,7 +8,6 @@ export { default as SimpleBezierEdge, getSimpleBezierPath } from './components/E
 export { default as SmoothStepEdge, getSmoothStepPath } from './components/Edges/SmoothStepEdge';
 export { default as BaseEdge } from './components/Edges/BaseEdge';
 
-export { rectToBox, boxToRect, getBoundsOfRects } from './utils';
 export {
   isNode,
   isEdge,
@@ -20,7 +19,10 @@ export {
   getTransformForBounds,
   getRectOfNodes,
   getNodePositionWithOrigin,
-} from './utils/graph';
+  rectToBox,
+  boxToRect,
+  getBoundsOfRects,
+} from '@reactflow/utils';
 export { applyNodeChanges, applyEdgeChanges } from './utils/changes';
 export { getMarkerEnd } from './components/Edges/utils';
 export { default as ReactFlowProvider } from './components/ReactFlowProvider';
diff --git a/packages/core/src/store/index.ts b/packages/core/src/store/index.ts
index 21b04c285..c6f3dff95 100644
--- a/packages/core/src/store/index.ts
+++ b/packages/core/src/store/index.ts
@@ -1,27 +1,27 @@
 import { createStore } from 'zustand';
 import { zoomIdentity } from 'd3-zoom';
-import { internalsSymbol } from '@reactflow/system';
+import { clampPosition, getDimensions } from '@reactflow/utils';
+import {
+  internalsSymbol,
+  type ReactFlowState,
+  type Node,
+  type Edge,
+  type NodeDimensionUpdate,
+  type CoordinateExtent,
+  type NodeDimensionChange,
+  type EdgeSelectionChange,
+  type NodeSelectionChange,
+  type NodePositionChange,
+  type NodeDragItem,
+  type UnselectNodesAndEdgesParams,
+  type NodeChange,
+  type XYPosition,
+} from '@reactflow/system';
 
-import { clampPosition, getDimensions } from '../utils';
 import { applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
 import { getHandleBounds } from '../components/Nodes/utils';
 import { createNodeInternals, fitView, updateAbsoluteNodePositions, updateNodesAndEdgesSelections } from './utils';
 import initialState from './initialState';
-import type {
-  ReactFlowState,
-  Node,
-  Edge,
-  NodeDimensionUpdate,
-  CoordinateExtent,
-  NodeDimensionChange,
-  EdgeSelectionChange,
-  NodeSelectionChange,
-  NodePositionChange,
-  NodeDragItem,
-  UnselectNodesAndEdgesParams,
-  NodeChange,
-  XYPosition,
-} from '../types';
 
 const createRFStore = () =>
   createStore<ReactFlowState>((set, get) => ({
diff --git a/packages/core/src/store/initialState.ts b/packages/core/src/store/initialState.ts
index 99e9d298d..f00b02ed7 100644
--- a/packages/core/src/store/initialState.ts
+++ b/packages/core/src/store/initialState.ts
@@ -1,6 +1,5 @@
-import { devWarn } from '../utils';
-import { ConnectionMode } from '../types';
-import type { CoordinateExtent, ReactFlowStore } from '../types';
+import { devWarn } from '@reactflow/utils';
+import { ConnectionMode, type CoordinateExtent, type ReactFlowStore } from '@reactflow/system';
 
 export const infiniteExtent: CoordinateExtent = [
   [Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
diff --git a/packages/core/src/store/utils.ts b/packages/core/src/store/utils.ts
index b58b7e1db..d55f8a393 100644
--- a/packages/core/src/store/utils.ts
+++ b/packages/core/src/store/utils.ts
@@ -1,20 +1,24 @@
 import { zoomIdentity } from 'd3-zoom';
 import type { StoreApi } from 'zustand';
-import { internalsSymbol } from '@reactflow/system';
-
-import { isNumeric } from '../utils';
-import { getD3Transition, getRectOfNodes, getTransformForBounds, getNodePositionWithOrigin } from '../utils/graph';
-import type {
-  Edge,
-  EdgeSelectionChange,
-  Node,
-  NodeInternals,
-  NodeSelectionChange,
-  ReactFlowState,
-  XYZPosition,
-  FitViewOptions,
-  NodeOrigin,
-} from '../types';
+import {
+  internalsSymbol,
+  type Edge,
+  type EdgeSelectionChange,
+  type Node,
+  type NodeInternals,
+  type NodeSelectionChange,
+  type ReactFlowState,
+  type XYZPosition,
+  type FitViewOptions,
+  type NodeOrigin,
+} from '@reactflow/system';
+import {
+  isNumeric,
+  getD3Transition,
+  getRectOfNodes,
+  getTransformForBounds,
+  getNodePositionWithOrigin,
+} from '@reactflow/utils';
 
 type ParentNodes = Record<string, boolean>;
 
diff --git a/packages/core/src/types/changes.ts b/packages/core/src/types/changes.ts
deleted file mode 100644
index 375c8bf24..000000000
--- a/packages/core/src/types/changes.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-import type { XYPosition, Dimensions } from './utils';
-import type { Node } from './nodes';
-import type { Edge } from './edges';
-
-export type NodeDimensionChange = {
-  id: string;
-  type: 'dimensions';
-  dimensions?: Dimensions;
-  updateStyle?: boolean;
-  resizing?: boolean;
-};
-
-export type NodePositionChange = {
-  id: string;
-  type: 'position';
-  position?: XYPosition;
-  positionAbsolute?: XYPosition;
-  dragging?: boolean;
-};
-
-export type NodeSelectionChange = {
-  id: string;
-  type: 'select';
-  selected: boolean;
-};
-
-export type NodeRemoveChange = {
-  id: string;
-  type: 'remove';
-};
-
-export type NodeAddChange<NodeData = any> = {
-  item: Node<NodeData>;
-  type: 'add';
-};
-
-export type NodeResetChange<NodeData = any> = {
-  item: Node<NodeData>;
-  type: 'reset';
-};
-
-export type NodeChange =
-  | NodeDimensionChange
-  | NodePositionChange
-  | NodeSelectionChange
-  | NodeRemoveChange
-  | NodeAddChange
-  | NodeResetChange;
-
-export type EdgeSelectionChange = NodeSelectionChange;
-export type EdgeRemoveChange = NodeRemoveChange;
-export type EdgeAddChange<EdgeData = any> = {
-  item: Edge<EdgeData>;
-  type: 'add';
-};
-export type EdgeResetChange<EdgeData = any> = {
-  item: Edge<EdgeData>;
-  type: 'reset';
-};
-export type EdgeChange = EdgeSelectionChange | EdgeRemoveChange | EdgeAddChange | EdgeResetChange;
diff --git a/packages/core/src/types/component-props.ts b/packages/core/src/types/component-props.ts
deleted file mode 100644
index 1614805a7..000000000
--- a/packages/core/src/types/component-props.ts
+++ /dev/null
@@ -1,149 +0,0 @@
-import type { CSSProperties, HTMLAttributes, MouseEvent as ReactMouseEvent, WheelEvent } from 'react';
-
-import type {
-  OnSelectionChangeFunc,
-  NodeTypes,
-  EdgeTypes,
-  Node,
-  Edge,
-  ConnectionMode,
-  ConnectionLineType,
-  ConnectionLineComponent,
-  OnConnectStart,
-  OnConnectEnd,
-  OnConnect,
-  CoordinateExtent,
-  KeyCode,
-  PanOnScrollMode,
-  OnEdgeUpdateFunc,
-  OnInit,
-  ProOptions,
-  PanelPosition,
-  DefaultEdgeOptions,
-  FitViewOptions,
-  OnNodesDelete,
-  OnEdgesDelete,
-  OnNodesChange,
-  OnEdgesChange,
-  OnMove,
-  OnMoveStart,
-  OnMoveEnd,
-  NodeDragHandler,
-  NodeMouseHandler,
-  SelectionDragHandler,
-  Viewport,
-  NodeOrigin,
-  EdgeMouseHandler,
-  HandleType,
-  SelectionMode,
-  OnError,
-} from '.';
-
-export type ReactFlowProps = HTMLAttributes<HTMLDivElement> & {
-  nodes?: Node[];
-  edges?: Edge[];
-  defaultNodes?: Node[];
-  defaultEdges?: Edge[];
-  defaultEdgeOptions?: DefaultEdgeOptions;
-  onNodeClick?: NodeMouseHandler;
-  onNodeDoubleClick?: NodeMouseHandler;
-  onNodeMouseEnter?: NodeMouseHandler;
-  onNodeMouseMove?: NodeMouseHandler;
-  onNodeMouseLeave?: NodeMouseHandler;
-  onNodeContextMenu?: NodeMouseHandler;
-  onNodeDragStart?: NodeDragHandler;
-  onNodeDrag?: NodeDragHandler;
-  onNodeDragStop?: NodeDragHandler;
-  onEdgeClick?: (event: ReactMouseEvent, node: Edge) => void;
-  onEdgeUpdate?: OnEdgeUpdateFunc;
-  onEdgeContextMenu?: EdgeMouseHandler;
-  onEdgeMouseEnter?: EdgeMouseHandler;
-  onEdgeMouseMove?: EdgeMouseHandler;
-  onEdgeMouseLeave?: EdgeMouseHandler;
-  onEdgeDoubleClick?: EdgeMouseHandler;
-  onEdgeUpdateStart?: (event: ReactMouseEvent, edge: Edge, handleType: HandleType) => void;
-  onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: Edge, handleType: HandleType) => void;
-  onNodesChange?: OnNodesChange;
-  onEdgesChange?: OnEdgesChange;
-  onNodesDelete?: OnNodesDelete;
-  onEdgesDelete?: OnEdgesDelete;
-  onSelectionDragStart?: SelectionDragHandler;
-  onSelectionDrag?: SelectionDragHandler;
-  onSelectionDragStop?: SelectionDragHandler;
-  onSelectionStart?: (event: ReactMouseEvent) => void;
-  onSelectionEnd?: (event: ReactMouseEvent) => void;
-  onSelectionContextMenu?: (event: ReactMouseEvent, nodes: Node[]) => void;
-  onConnect?: OnConnect;
-  onConnectStart?: OnConnectStart;
-  onConnectEnd?: OnConnectEnd;
-  onClickConnectStart?: OnConnectStart;
-  onClickConnectEnd?: OnConnectEnd;
-  onInit?: OnInit;
-  onMove?: OnMove;
-  onMoveStart?: OnMoveStart;
-  onMoveEnd?: OnMoveEnd;
-  onSelectionChange?: OnSelectionChangeFunc;
-  onPaneScroll?: (event?: WheelEvent) => void;
-  onPaneClick?: (event: ReactMouseEvent) => void;
-  onPaneContextMenu?: (event: ReactMouseEvent) => void;
-  onPaneMouseEnter?: (event: ReactMouseEvent) => void;
-  onPaneMouseMove?: (event: ReactMouseEvent) => void;
-  onPaneMouseLeave?: (event: ReactMouseEvent) => void;
-  nodeTypes?: NodeTypes;
-  edgeTypes?: EdgeTypes;
-  connectionLineType?: ConnectionLineType;
-  connectionLineStyle?: CSSProperties;
-  connectionLineComponent?: ConnectionLineComponent;
-  connectionLineContainerStyle?: CSSProperties;
-  connectionMode?: ConnectionMode;
-  deleteKeyCode?: KeyCode | null;
-  selectionKeyCode?: KeyCode | null;
-  selectionOnDrag?: boolean;
-  selectionMode?: SelectionMode;
-  panActivationKeyCode?: KeyCode | null;
-  multiSelectionKeyCode?: KeyCode | null;
-  zoomActivationKeyCode?: KeyCode | null;
-  snapToGrid?: boolean;
-  snapGrid?: [number, number];
-  onlyRenderVisibleElements?: boolean;
-  nodesDraggable?: boolean;
-  nodesConnectable?: boolean;
-  nodesFocusable?: boolean;
-  nodeOrigin?: NodeOrigin;
-  edgesFocusable?: boolean;
-  initNodeOrigin?: NodeOrigin;
-  elementsSelectable?: boolean;
-  selectNodesOnDrag?: boolean;
-  panOnDrag?: boolean | number[];
-  minZoom?: number;
-  maxZoom?: number;
-  defaultViewport?: Viewport;
-  translateExtent?: CoordinateExtent;
-  preventScrolling?: boolean;
-  nodeExtent?: CoordinateExtent;
-  defaultMarkerColor?: string;
-  zoomOnScroll?: boolean;
-  zoomOnPinch?: boolean;
-  panOnScroll?: boolean;
-  panOnScrollSpeed?: number;
-  panOnScrollMode?: PanOnScrollMode;
-  zoomOnDoubleClick?: boolean;
-  edgeUpdaterRadius?: number;
-  noDragClassName?: string;
-  noWheelClassName?: string;
-  noPanClassName?: string;
-  fitView?: boolean;
-  fitViewOptions?: FitViewOptions;
-  connectOnClick?: boolean;
-  attributionPosition?: PanelPosition;
-  proOptions?: ProOptions;
-  elevateNodesOnSelect?: boolean;
-  elevateEdgesOnSelect?: boolean;
-  disableKeyboardA11y?: boolean;
-  autoPanOnNodeDrag?: boolean;
-  autoPanOnConnect?: boolean;
-  connectionRadius?: number;
-  onError?: OnError;
-};
-
-export type ReactFlowRefType = HTMLDivElement;
diff --git a/packages/core/src/types/edges.ts b/packages/core/src/types/edges.ts
deleted file mode 100644
index 143c7fa67..000000000
--- a/packages/core/src/types/edges.ts
+++ /dev/null
@@ -1,180 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import type { CSSProperties, ComponentType, HTMLAttributes, ReactNode, MouseEvent as ReactMouseEvent } from 'react';
-
-import { ConnectionStatus, Position } from '.';
-import type { Connection, HandleElement, HandleType, Node } from '.';
-
-type EdgeLabelOptions = {
-  label?: string | ReactNode;
-  labelStyle?: CSSProperties;
-  labelShowBg?: boolean;
-  labelBgStyle?: CSSProperties;
-  labelBgPadding?: [number, number];
-  labelBgBorderRadius?: number;
-};
-
-// interface for the user edge items
-type DefaultEdge<T = any> = {
-  id: string;
-  type?: string;
-  source: string;
-  target: string;
-  sourceHandle?: string | null;
-  targetHandle?: string | null;
-  style?: CSSProperties;
-  animated?: boolean;
-  hidden?: boolean;
-  deletable?: boolean;
-  data?: T;
-  className?: string;
-  sourceNode?: Node;
-  targetNode?: Node;
-  selected?: boolean;
-  markerStart?: EdgeMarkerType;
-  markerEnd?: EdgeMarkerType;
-  zIndex?: number;
-  ariaLabel?: string;
-  interactionWidth?: number;
-  focusable?: boolean;
-} & EdgeLabelOptions;
-
-export type SmoothStepPathOptions = {
-  offset?: number;
-  borderRadius?: number;
-};
-
-type SmoothStepEdgeType<T> = DefaultEdge<T> & {
-  type: 'smoothstep';
-  pathOptions?: SmoothStepPathOptions;
-};
-
-export type BezierPathOptions = {
-  curvature?: number;
-};
-
-type BezierEdgeType<T> = DefaultEdge<T> & {
-  type: 'default';
-  pathOptions?: BezierPathOptions;
-};
-
-export type Edge<T = any> = DefaultEdge<T> | SmoothStepEdgeType<T> | BezierEdgeType<T>;
-
-export type DefaultEdgeOptions = Omit<
-  Edge,
-  'id' | 'source' | 'target' | 'sourceHandle' | 'targetHandle' | 'sourceNode' | 'targetNode'
->;
-
-export type EdgeMouseHandler = (event: ReactMouseEvent, edge: Edge) => void;
-
-export type WrapEdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandle'> & {
-  onClick?: EdgeMouseHandler;
-  onEdgeDoubleClick?: EdgeMouseHandler;
-  sourceHandleId?: string | null;
-  targetHandleId?: string | null;
-  sourceX: number;
-  sourceY: number;
-  targetX: number;
-  targetY: number;
-  sourcePosition: Position;
-  targetPosition: Position;
-  elementsSelectable?: boolean;
-  onEdgeUpdate?: OnEdgeUpdateFunc;
-  onContextMenu?: EdgeMouseHandler;
-  onMouseEnter?: EdgeMouseHandler;
-  onMouseMove?: EdgeMouseHandler;
-  onMouseLeave?: EdgeMouseHandler;
-  edgeUpdaterRadius?: number;
-  onEdgeUpdateStart?: (event: ReactMouseEvent, edge: Edge, handleType: HandleType) => void;
-  onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: Edge, handleType: HandleType) => void;
-  rfId?: string;
-  isFocusable: boolean;
-  pathOptions?: BezierPathOptions | SmoothStepPathOptions;
-};
-
-// props that get passed to a custom edge
-export type EdgeProps<T = any> = Pick<
-  Edge<T>,
-  'id' | 'animated' | 'data' | 'style' | 'selected' | 'source' | 'target'
-> &
-  Pick<
-    WrapEdgeProps,
-    | 'sourceX'
-    | 'sourceY'
-    | 'targetX'
-    | 'targetY'
-    | 'sourcePosition'
-    | 'targetPosition'
-    | 'sourceHandleId'
-    | 'targetHandleId'
-    | 'interactionWidth'
-  > &
-  EdgeLabelOptions & {
-    markerStart?: string;
-    markerEnd?: string;
-    // @TODO: how can we get better types for pathOptions?
-    pathOptions?: any;
-  };
-
-export type BaseEdgeProps = Pick<EdgeProps, 'style' | 'markerStart' | 'markerEnd' | 'interactionWidth'> &
-  EdgeLabelOptions & {
-    labelX?: number;
-    labelY?: number;
-    path: string;
-  };
-
-export type SmoothStepEdgeProps<T = any> = EdgeProps<T> & {
-  pathOptions?: SmoothStepPathOptions;
-};
-
-export type BezierEdgeProps<T = any> = EdgeProps<T> & {
-  pathOptions?: BezierPathOptions;
-};
-
-export type EdgeTextProps = HTMLAttributes<SVGElement> &
-  EdgeLabelOptions & {
-    x: number;
-    y: number;
-  };
-
-export enum ConnectionLineType {
-  Bezier = 'default',
-  Straight = 'straight',
-  Step = 'step',
-  SmoothStep = 'smoothstep',
-  SimpleBezier = 'simplebezier',
-}
-
-export type ConnectionLineComponentProps = {
-  connectionLineStyle?: CSSProperties;
-  connectionLineType: ConnectionLineType;
-  fromNode?: Node;
-  fromHandle?: HandleElement;
-  fromX: number;
-  fromY: number;
-  toX: number;
-  toY: number;
-  fromPosition: Position;
-  toPosition: Position;
-  connectionStatus: ConnectionStatus | null;
-};
-
-export type ConnectionLineComponent = ComponentType<ConnectionLineComponentProps>;
-
-export type OnEdgeUpdateFunc<T = any> = (oldEdge: Edge<T>, newConnection: Connection) => void;
-
-export type EdgeMarker = {
-  type: MarkerType;
-  color?: string;
-  width?: number;
-  height?: number;
-  markerUnits?: string;
-  orient?: string;
-  strokeWidth?: number;
-};
-
-export type EdgeMarkerType = string | EdgeMarker;
-
-export enum MarkerType {
-  Arrow = 'arrow',
-  ArrowClosed = 'arrowclosed',
-}
diff --git a/packages/core/src/types/general.ts b/packages/core/src/types/general.ts
deleted file mode 100644
index f628727e4..000000000
--- a/packages/core/src/types/general.ts
+++ /dev/null
@@ -1,279 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import type {
-  MouseEvent as ReactMouseEvent,
-  TouchEvent as ReactTouchEvent,
-  ComponentType,
-  MemoExoticComponent,
-} from 'react';
-import type { D3DragEvent, Selection as D3Selection, SubjectPosition, ZoomBehavior } from 'd3';
-
-import type { XYPosition, Rect, Transform, CoordinateExtent } from './utils';
-import type { NodeChange, EdgeChange } from './changes';
-import type {
-  Node,
-  NodeInternals,
-  NodeDimensionUpdate,
-  NodeProps,
-  WrapNodeProps,
-  NodeDragItem,
-  NodeDragHandler,
-  SelectionDragHandler,
-  NodeOrigin,
-} from './nodes';
-import type { Edge, EdgeProps, WrapEdgeProps } from './edges';
-import type { HandleType, StartHandle } from './handles';
-import type { DefaultEdgeOptions } from '.';
-import type { ReactFlowInstance } from './instance';
-
-export type NodeTypes = { [key: string]: ComponentType<NodeProps> };
-export type NodeTypesWrapped = { [key: string]: MemoExoticComponent<ComponentType<WrapNodeProps>> };
-export type EdgeTypes = { [key: string]: ComponentType<EdgeProps> };
-export type EdgeTypesWrapped = { [key: string]: MemoExoticComponent<ComponentType<WrapEdgeProps>> };
-
-export type FitView = (fitViewOptions?: FitViewOptions) => boolean;
-
-export type Project = (position: XYPosition) => XYPosition;
-
-export type OnNodesChange = (changes: NodeChange[]) => void;
-export type OnEdgesChange = (changes: EdgeChange[]) => void;
-
-export type OnNodesDelete = (nodes: Node[]) => void;
-export type OnEdgesDelete = (edges: Edge[]) => void;
-
-export type OnMove = (event: MouseEvent | TouchEvent, viewport: Viewport) => void;
-export type OnMoveStart = OnMove;
-export type OnMoveEnd = OnMove;
-
-export type ZoomInOut = (options?: ViewportHelperFunctionOptions) => void;
-export type ZoomTo = (zoomLevel: number, options?: ViewportHelperFunctionOptions) => void;
-export type GetZoom = () => number;
-export type GetViewport = () => Viewport;
-export type SetViewport = (viewport: Viewport, options?: ViewportHelperFunctionOptions) => void;
-export type SetCenter = (x: number, y: number, options?: SetCenterOptions) => void;
-export type FitBounds = (bounds: Rect, options?: FitBoundsOptions) => void;
-
-export type OnInit<NodeData = any, EdgeData = any> = (reactFlowInstance: ReactFlowInstance<NodeData, EdgeData>) => void;
-
-export interface Connection {
-  source: string | null;
-  target: string | null;
-  sourceHandle: string | null;
-  targetHandle: string | null;
-}
-
-export type ConnectionStatus = 'valid' | 'invalid';
-
-export enum ConnectionMode {
-  Strict = 'strict',
-  Loose = 'loose',
-}
-
-export type OnConnect = (connection: Connection) => void;
-
-export type FitViewOptions = {
-  padding?: number;
-  includeHiddenNodes?: boolean;
-  minZoom?: number;
-  maxZoom?: number;
-  duration?: number;
-  nodes?: (Partial<Node> & { id: Node['id'] })[];
-};
-
-export type OnConnectStartParams = {
-  nodeId: string | null;
-  handleId: string | null;
-  handleType: HandleType | null;
-};
-
-export type OnConnectStart = (event: ReactMouseEvent | ReactTouchEvent, params: OnConnectStartParams) => void;
-export type OnConnectEnd = (event: MouseEvent | TouchEvent) => void;
-
-export type Viewport = {
-  x: number;
-  y: number;
-  zoom: number;
-};
-
-export type KeyCode = string | Array<string>;
-
-export type SnapGrid = [number, number];
-
-export enum PanOnScrollMode {
-  Free = 'free',
-  Vertical = 'vertical',
-  Horizontal = 'horizontal',
-}
-
-export type ViewportHelperFunctionOptions = {
-  duration?: number;
-};
-
-export type SetCenterOptions = ViewportHelperFunctionOptions & {
-  zoom?: number;
-};
-
-export type FitBoundsOptions = ViewportHelperFunctionOptions & {
-  padding?: number;
-};
-
-export type UnselectNodesAndEdgesParams = {
-  nodes?: Node[];
-  edges?: Edge[];
-};
-
-export type OnViewportChange = (viewport: Viewport) => void;
-
-export type ViewportHelperFunctions = {
-  zoomIn: ZoomInOut;
-  zoomOut: ZoomInOut;
-  zoomTo: ZoomTo;
-  getZoom: GetZoom;
-  setViewport: SetViewport;
-  getViewport: GetViewport;
-  fitView: FitView;
-  setCenter: SetCenter;
-  fitBounds: FitBounds;
-  project: Project;
-  viewportInitialized: boolean;
-};
-
-export type ReactFlowStore = {
-  rfId: string;
-  width: number;
-  height: number;
-  transform: Transform;
-  nodeInternals: NodeInternals;
-  edges: Edge[];
-  onNodesChange: OnNodesChange | null;
-  onEdgesChange: OnEdgesChange | null;
-  hasDefaultNodes: boolean;
-  hasDefaultEdges: boolean;
-  domNode: HTMLDivElement | null;
-  paneDragging: boolean;
-  noPanClassName: string;
-
-  d3Zoom: ZoomBehavior<Element, unknown> | null;
-  d3Selection: D3Selection<Element, unknown, null, undefined> | null;
-  d3ZoomHandler: ((this: Element, event: any, d: unknown) => void) | undefined;
-  minZoom: number;
-  maxZoom: number;
-  translateExtent: CoordinateExtent;
-  nodeExtent: CoordinateExtent;
-  nodeOrigin: NodeOrigin;
-
-  nodesSelectionActive: boolean;
-  userSelectionActive: boolean;
-  userSelectionRect: SelectionRect | null;
-
-  connectionNodeId: string | null;
-  connectionHandleId: string | null;
-  connectionHandleType: HandleType | null;
-  connectionPosition: XYPosition;
-  connectionStatus: ConnectionStatus | null;
-  connectionMode: ConnectionMode;
-
-  snapToGrid: boolean;
-  snapGrid: SnapGrid;
-
-  nodesDraggable: boolean;
-  nodesConnectable: boolean;
-  nodesFocusable: boolean;
-  edgesFocusable: boolean;
-  elementsSelectable: boolean;
-  elevateNodesOnSelect: boolean;
-
-  multiSelectionActive: boolean;
-
-  connectionStartHandle: StartHandle | null;
-
-  onNodeDragStart?: NodeDragHandler;
-  onNodeDrag?: NodeDragHandler;
-  onNodeDragStop?: NodeDragHandler;
-
-  onSelectionDragStart?: SelectionDragHandler;
-  onSelectionDrag?: SelectionDragHandler;
-  onSelectionDragStop?: SelectionDragHandler;
-
-  onConnect?: OnConnect;
-  onConnectStart?: OnConnectStart;
-  onConnectEnd?: OnConnectEnd;
-
-  onClickConnectStart?: OnConnectStart;
-  onClickConnectEnd?: OnConnectEnd;
-
-  connectOnClick: boolean;
-  defaultEdgeOptions?: DefaultEdgeOptions;
-
-  fitViewOnInit: boolean;
-  fitViewOnInitDone: boolean;
-  fitViewOnInitOptions: FitViewOptions | undefined;
-
-  onNodesDelete?: OnNodesDelete;
-  onEdgesDelete?: OnEdgesDelete;
-  onError?: OnError;
-
-  // event handlers
-  onViewportChangeStart?: OnViewportChange;
-  onViewportChange?: OnViewportChange;
-  onViewportChangeEnd?: OnViewportChange;
-
-  onSelectionChange?: OnSelectionChangeFunc;
-
-  ariaLiveMessage: string;
-  autoPanOnConnect: boolean;
-  autoPanOnNodeDrag: boolean;
-  connectionRadius: number;
-};
-
-export type ReactFlowActions = {
-  setNodes: (nodes: Node[]) => void;
-  getNodes: () => Node[];
-  setEdges: (edges: Edge[]) => void;
-  setDefaultNodesAndEdges: (nodes?: Node[], edges?: Edge[]) => void;
-  updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
-  updateNodePositions: (nodeDragItems: NodeDragItem[] | Node[], positionChanged: boolean, dragging: boolean) => void;
-  resetSelectedElements: () => void;
-  unselectNodesAndEdges: (params?: UnselectNodesAndEdgesParams) => void;
-  addSelectedNodes: (nodeIds: string[]) => void;
-  addSelectedEdges: (edgeIds: string[]) => void;
-  setMinZoom: (minZoom: number) => void;
-  setMaxZoom: (maxZoom: number) => void;
-  setTranslateExtent: (translateExtent: CoordinateExtent) => void;
-  setNodeExtent: (nodeExtent: CoordinateExtent) => void;
-  cancelConnection: () => void;
-  reset: () => void;
-  triggerNodeChanges: (changes: NodeChange[]) => void;
-  panBy: (delta: XYPosition) => void;
-};
-
-export type ReactFlowState = ReactFlowStore & ReactFlowActions;
-
-export type UpdateNodeInternals = (nodeId: string) => void;
-
-export type OnSelectionChangeParams = {
-  nodes: Node[];
-  edges: Edge[];
-};
-
-export type OnSelectionChangeFunc = (params: OnSelectionChangeParams) => void;
-
-export type PanelPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-
-export type ProOptions = {
-  account?: string;
-  hideAttribution: boolean;
-};
-
-export type UseDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
-
-export enum SelectionMode {
-  Partial = 'partial',
-  Full = 'full',
-}
-
-export type SelectionRect = Rect & {
-  startX: number;
-  startY: number;
-};
-
-export type OnError = (id: string, message: string) => void;
diff --git a/packages/core/src/types/handles.ts b/packages/core/src/types/handles.ts
deleted file mode 100644
index 0850526c6..000000000
--- a/packages/core/src/types/handles.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import type { XYPosition, Position, Dimensions, OnConnect, Connection } from '.';
-
-export type HandleType = 'source' | 'target';
-
-export interface HandleElement extends XYPosition, Dimensions {
-  id?: string | null;
-  position: Position;
-}
-
-export interface StartHandle {
-  nodeId: string;
-  type: HandleType;
-  handleId?: string | null;
-}
-
-export interface HandleProps {
-  type: HandleType;
-  position: Position;
-  isConnectable?: boolean;
-  onConnect?: OnConnect;
-  isValidConnection?: (connection: Connection) => boolean;
-  id?: string;
-}
diff --git a/packages/core/src/types/index.ts b/packages/core/src/types/index.ts
deleted file mode 100644
index 01cb0b691..000000000
--- a/packages/core/src/types/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export * from './general';
-export * from './nodes';
-export * from './edges';
-export * from './handles';
-export * from './changes';
-export * from './utils';
-export * from './instance';
-export * from './component-props';
diff --git a/packages/core/src/types/instance.ts b/packages/core/src/types/instance.ts
deleted file mode 100644
index 7ff856061..000000000
--- a/packages/core/src/types/instance.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/no-namespace */
-import { ViewportHelperFunctions, Viewport, Node, Edge, Rect } from '.';
-
-export type ReactFlowJsonObject<NodeData = any, EdgeData = any> = {
-  nodes: Node<NodeData>[];
-  edges: Edge<EdgeData>[];
-  viewport: Viewport;
-};
-
-export type DeleteElementsOptions = {
-  nodes?: (Partial<Node> & { id: Node['id'] })[];
-  edges?: (Partial<Edge> & { id: Edge['id'] })[];
-};
-export namespace Instance {
-  export type GetNodes<NodeData> = () => Node<NodeData>[];
-  export type SetNodes<NodeData> = (
-    payload: Node<NodeData>[] | ((nodes: Node<NodeData>[]) => Node<NodeData>[])
-  ) => void;
-  export type AddNodes<NodeData> = (payload: Node<NodeData>[] | Node<NodeData>) => void;
-  export type GetNode<NodeData> = (id: string) => Node<NodeData> | undefined;
-  export type GetEdges<EdgeData> = () => Edge<EdgeData>[];
-  export type SetEdges<EdgeData> = (
-    payload: Edge<EdgeData>[] | ((edges: Edge<EdgeData>[]) => Edge<EdgeData>[])
-  ) => void;
-  export type GetEdge<EdgeData> = (id: string) => Edge<EdgeData> | undefined;
-  export type AddEdges<EdgeData> = (payload: Edge<EdgeData>[] | Edge<EdgeData>) => void;
-  export type ToObject<NodeData = any, EdgeData = any> = () => ReactFlowJsonObject<NodeData, EdgeData>;
-  export type DeleteElements = ({ nodes, edges }: DeleteElementsOptions) => void;
-  export type GetIntersectingNodes<NodeData> = (
-    node: (Partial<Node<NodeData>> & { id: Node['id'] }) | Rect,
-    partially?: boolean,
-    nodes?: Node<NodeData>[]
-  ) => Node<NodeData>[];
-  export type IsNodeIntersecting<NodeData> = (
-    node: (Partial<Node<NodeData>> & { id: Node['id'] }) | Rect,
-    area: Rect,
-    partially?: boolean
-  ) => boolean;
-}
-
-export type ReactFlowInstance<NodeData = any, EdgeData = any> = {
-  getNodes: Instance.GetNodes<NodeData>;
-  setNodes: Instance.SetNodes<NodeData>;
-  addNodes: Instance.AddNodes<NodeData>;
-  getNode: Instance.GetNode<NodeData>;
-  getEdges: Instance.GetEdges<EdgeData>;
-  setEdges: Instance.SetEdges<EdgeData>;
-  addEdges: Instance.AddEdges<EdgeData>;
-  getEdge: Instance.GetEdge<EdgeData>;
-  toObject: Instance.ToObject<NodeData, EdgeData>;
-  deleteElements: Instance.DeleteElements;
-  getIntersectingNodes: Instance.GetIntersectingNodes<NodeData>;
-  isNodeIntersecting: Instance.IsNodeIntersecting<NodeData>;
-  viewportInitialized: boolean;
-} & Omit<ViewportHelperFunctions, 'initialized'>;
diff --git a/packages/core/src/types/nodes.ts b/packages/core/src/types/nodes.ts
deleted file mode 100644
index 1494b0cd5..000000000
--- a/packages/core/src/types/nodes.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
-import { internalsSymbol } from '@reactflow/system';
-
-import type { XYPosition, Position, CoordinateExtent, HandleElement } from '.';
-
-// interface for the user node items
-export type Node<T = any, U extends string | undefined = string | undefined> = {
-  id: string;
-  position: XYPosition;
-  data: T;
-  type?: U;
-  style?: CSSProperties;
-  className?: string;
-  sourcePosition?: Position;
-  targetPosition?: Position;
-  hidden?: boolean;
-  selected?: boolean;
-  dragging?: boolean;
-  draggable?: boolean;
-  selectable?: boolean;
-  connectable?: boolean;
-  deletable?: boolean;
-  dragHandle?: string;
-  width?: number | null;
-  height?: number | null;
-  parentNode?: string;
-  zIndex?: number;
-  extent?: 'parent' | CoordinateExtent;
-  expandParent?: boolean;
-  positionAbsolute?: XYPosition;
-  ariaLabel?: string;
-  focusable?: boolean;
-  resizing?: boolean;
-
-  // only used internally
-  [internalsSymbol]?: {
-    z?: number;
-    handleBounds?: NodeHandleBounds;
-    isParent?: boolean;
-  };
-};
-
-export type NodeMouseHandler = (event: ReactMouseEvent, node: Node) => void;
-export type NodeDragHandler = (event: ReactMouseEvent, node: Node, nodes: Node[]) => void;
-export type SelectionDragHandler = (event: ReactMouseEvent, nodes: Node[]) => void;
-
-export type WrapNodeProps<T = any> = Pick<
-  Node<T>,
-  'id' | 'data' | 'style' | 'className' | 'dragHandle' | 'sourcePosition' | 'targetPosition' | 'hidden' | 'ariaLabel'
-> &
-  Required<Pick<Node<T>, 'selected' | 'type' | 'zIndex'>> & {
-    isConnectable: boolean;
-    xPos: number;
-    yPos: number;
-    xPosOrigin: number;
-    yPosOrigin: number;
-    initialized: boolean;
-    isSelectable: boolean;
-    isDraggable: boolean;
-    isFocusable: boolean;
-    selectNodesOnDrag: boolean;
-    onClick?: NodeMouseHandler;
-    onDoubleClick?: NodeMouseHandler;
-    onMouseEnter?: NodeMouseHandler;
-    onMouseMove?: NodeMouseHandler;
-    onMouseLeave?: NodeMouseHandler;
-    onContextMenu?: NodeMouseHandler;
-    resizeObserver: ResizeObserver | null;
-    isParent: boolean;
-    noDragClassName: string;
-    noPanClassName: string;
-    rfId: string;
-    disableKeyboardA11y: boolean;
-  };
-
-// props that get passed to a custom node
-export type NodeProps<T = any> = Pick<
-  WrapNodeProps<T>,
-  'id' | 'data' | 'dragHandle' | 'type' | 'selected' | 'isConnectable' | 'xPos' | 'yPos' | 'zIndex'
-> & {
-  dragging: boolean;
-  targetPosition?: Position;
-  sourcePosition?: Position;
-};
-
-export type NodeHandleBounds = {
-  source: HandleElement[] | null;
-  target: HandleElement[] | null;
-};
-
-export type NodeDimensionUpdate = {
-  id: string;
-  nodeElement: HTMLDivElement;
-  forceUpdate?: boolean;
-};
-
-export type NodeInternals = Map<string, Node>;
-
-export type NodeBounds = XYPosition & {
-  width: number | null;
-  height: number | null;
-};
-
-export type NodeDragItem = {
-  id: string;
-  position: XYPosition;
-  positionAbsolute: XYPosition;
-  // distance from the mouse cursor to the node when start dragging
-  distance: XYPosition;
-  width?: number | null;
-  height?: number | null;
-  extent?: 'parent' | CoordinateExtent;
-  parentNode?: string;
-  dragging?: boolean;
-};
-
-export type NodeOrigin = [number, number];
diff --git a/packages/core/src/types/utils.ts b/packages/core/src/types/utils.ts
deleted file mode 100644
index eadce743b..000000000
--- a/packages/core/src/types/utils.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-export enum Position {
-  Left = 'left',
-  Top = 'top',
-  Right = 'right',
-  Bottom = 'bottom',
-}
-
-export interface XYPosition {
-  x: number;
-  y: number;
-}
-
-export type XYZPosition = XYPosition & { z: number };
-
-export interface Dimensions {
-  width: number;
-  height: number;
-}
-
-export interface Rect extends Dimensions, XYPosition {}
-
-export interface Box extends XYPosition {
-  x2: number;
-  y2: number;
-}
-
-export type Transform = [number, number, number];
-
-export type CoordinateExtent = [[number, number], [number, number]];
diff --git a/packages/core/src/utils/changes.ts b/packages/core/src/utils/changes.ts
index 5deb3fdca..65ed6b9c8 100644
--- a/packages/core/src/utils/changes.ts
+++ b/packages/core/src/utils/changes.ts
@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type { Node, Edge, EdgeChange, NodeChange } from '../types';
+import type { Node, Edge, EdgeChange, NodeChange } from '@reactflow/system';
 
 function handleParentExpand(res: any[], updateItem: any) {
   const parent = res.find((e) => e.id === updateItem.parentNode);
diff --git a/packages/svelte/src/lib/container/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow.svelte
index b2a85db0f..67b265a8a 100644
--- a/packages/svelte/src/lib/container/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow.svelte
@@ -10,6 +10,7 @@
 
   export let nodes: Node[];
   export let edges: Edge[];
+  export let fitView: boolean;
 
   export let className: string | null = null;
   export let id: string = '1';
@@ -20,6 +21,7 @@
   const store = createStore({
     nodes,
     edges,
+    fitView
   });
 
   setContext(key, {
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index d8093111f..865a6f14c 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -1,5 +1,5 @@
 import { getContext } from 'svelte';
-import { derived, writable, type Readable, type Writable } from 'svelte/store';
+import { derived, get, writable, type Readable, type Writable } from 'svelte/store';
 import {
 	type Node,
 	type Transform,
@@ -23,6 +23,7 @@ export const key = Symbol();
 type CreateStoreProps = {
 	nodes: Node[];
 	edges: Edge[];
+	fitView: boolean;
 	transform?: Transform;
 };
 
@@ -49,13 +50,16 @@ type SvelteFlowStore = {
 export function createStore({
 	nodes = [],
 	edges = [],
-	transform = [0, 0, 1]
+	transform = [0, 0, 1],
+	fitView: fitViewOnInit = false
 }: CreateStoreProps): SvelteFlowStore {
 	const nodesStore = writable(nodes.map((n) => ({ ...n, positionAbsolute: n.position })));
 	const edgesStore = writable(edges);
 	const heightStore = writable(500);
 	const widthStore = writable(500);
 
+	let fitViewOnInitDone = false;
+
 	const edgesWithDataStore = derived([edgesStore, nodesStore], ([$edges, $nodes]) => {
 		return $edges
 			.map((edge) => {
@@ -132,39 +136,42 @@ export function createStore({
 		const style = window.getComputedStyle(viewportNode);
 		const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
 
-		nodesStore.update((nds) => {
-			const nextNodes = nds.map((node) => {
-				const update = updates.find((u) => u.id === node.id);
-
-				if (update) {
-					const dimensions = getDimensions(update.nodeElement);
-
-					const doUpdate = !!(
-						dimensions.width &&
-						dimensions.height &&
-						(node.width !== dimensions.width ||
-							node.height !== dimensions.height ||
-							update.forceUpdate)
-					);
-
-					if (doUpdate) {
-						node[internalsSymbol] = {
-							...node[internalsSymbol],
-							handleBounds: {
-								source: getHandleBounds('.source', update.nodeElement, zoom),
-								target: getHandleBounds('.target', update.nodeElement, zoom)
-							}
-						};
-						node.width = dimensions.width;
-						node.height = dimensions.height;
-					}
-				}
+		const nextNodes = get(nodesStore).map((node) => {
+			const update = updates.find((u) => u.id === node.id);
 
-				return node;
-			});
+			if (update) {
+				const dimensions = getDimensions(update.nodeElement);
+
+				const doUpdate = !!(
+					dimensions.width &&
+					dimensions.height &&
+					(node.width !== dimensions.width ||
+						node.height !== dimensions.height ||
+						update.forceUpdate)
+				);
 
-			return nextNodes;
+				if (doUpdate) {
+					node[internalsSymbol] = {
+						...node[internalsSymbol],
+						handleBounds: {
+							source: getHandleBounds('.source', update.nodeElement, zoom),
+							target: getHandleBounds('.target', update.nodeElement, zoom)
+						}
+					};
+					node.width = dimensions.width;
+					node.height = dimensions.height;
+				}
+			}
+
+			return node;
 		});
+
+		// const nextFitViewOnInitDone =
+		// 	fitViewOnInitDone || (fitViewOnInit && !fitViewOnInitDone && fitView(get, { initial: true }));
+
+		// fitViewOnInitDone = nextFitViewOnInitDone;
+
+		nodesStore.set(nextNodes);
 	}
 
 	return {
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index 2d4a25a71..5afcd3b80 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -57,7 +57,7 @@
   //  }]
 </script>
 
-<SvelteFlow {nodes} {edges} />
+<SvelteFlow {nodes} {edges} fitView />
 
 <style>
   :root {
diff --git a/packages/core/src/contants.ts b/packages/system/src/constants.ts
similarity index 100%
rename from packages/core/src/contants.ts
rename to packages/system/src/constants.ts
diff --git a/packages/system/src/index.ts b/packages/system/src/index.ts
index 3c65411c0..7537a3630 100644
--- a/packages/system/src/index.ts
+++ b/packages/system/src/index.ts
@@ -1,3 +1,4 @@
 export * from './types';
+export { errorMessages } from './constants';
 
 export const internalsSymbol = Symbol.for('internals');
diff --git a/packages/utils/.eslintrc.js b/packages/utils/.eslintrc.js
new file mode 100644
index 000000000..31cfbd113
--- /dev/null
+++ b/packages/utils/.eslintrc.js
@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: ['@reactflow/eslint-config'],
+};
diff --git a/packages/utils/README.md b/packages/utils/README.md
new file mode 100644
index 000000000..d87523edd
--- /dev/null
+++ b/packages/utils/README.md
@@ -0,0 +1,10 @@
+# @reactflow/core
+
+Core components and util functions of React Flow.
+
+## Installation 
+
+```sh 
+npm install @reactflow/core
+```
+
diff --git a/packages/utils/package.json b/packages/utils/package.json
new file mode 100644
index 000000000..327681e72
--- /dev/null
+++ b/packages/utils/package.json
@@ -0,0 +1,63 @@
+{
+  "name": "@reactflow/utils",
+  "version": "11.5.5",
+  "description": "Core utils of React Flow.",
+  "keywords": [
+    "react",
+    "node-based UI",
+    "graph",
+    "diagram",
+    "workflow",
+    "react-flow"
+  ],
+  "files": [
+    "dist"
+  ],
+  "source": "src/index.ts",
+  "main": "dist/umd/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/wbkd/react-flow.git",
+    "directory": "packages/utils"
+  },
+  "scripts": {
+    "dev": "rollup --config node:@reactflow/rollup-config --watch",
+    "build": "rollup --config node:@reactflow/rollup-config --environment NODE_ENV:production",
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@reactflow/system": "workspace:*",
+    "@types/d3": "^7.4.0",
+    "@types/d3-drag": "^3.0.1",
+    "@types/d3-selection": "^3.0.3",
+    "@types/d3-zoom": "^3.0.1"
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17"
+  },
+  "devDependencies": {
+    "@reactflow/eslint-config": "workspace:*",
+    "@reactflow/rollup-config": "workspace:*",
+    "@reactflow/tsconfig": "workspace:*",
+    "@types/node": "^18.7.16",
+    "@types/react": ">=17",
+    "@types/react-dom": ">=17",
+    "react": "^18.2.0",
+    "typescript": "^4.9.4"
+  },
+  "rollup": {
+    "globals": {},
+    "name": "ReactFlowCore"
+  }
+}
diff --git a/packages/core/src/utils/graph.ts b/packages/utils/src/graph.ts
similarity index 96%
rename from packages/core/src/utils/graph.ts
rename to packages/utils/src/graph.ts
index c7772a1c4..5eb520d23 100644
--- a/packages/core/src/utils/graph.ts
+++ b/packages/utils/src/graph.ts
@@ -1,19 +1,19 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type { Selection as D3Selection } from 'd3';
 
-import { boxToRect, clamp, devWarn, getBoundsOfBoxes, getOverlappingArea, rectToBox } from '../utils';
+import { boxToRect, clamp, devWarn, getBoundsOfBoxes, getOverlappingArea, rectToBox } from './utils';
 import {
-  Node,
-  Edge,
-  Connection,
-  EdgeMarkerType,
-  Transform,
-  XYPosition,
-  Rect,
-  NodeInternals,
-  NodeOrigin,
-} from '../types';
-import { errorMessages } from '../contants';
+  errorMessages,
+  type Node,
+  type Edge,
+  type Connection,
+  type EdgeMarkerType,
+  type Transform,
+  type XYPosition,
+  type Rect,
+  type NodeInternals,
+  type NodeOrigin,
+} from '@reactflow/system';
 
 export const isEdge = (element: Node | Connection | Edge): element is Edge =>
   'id' in element && 'source' in element && 'target' in element;
diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
new file mode 100644
index 000000000..60a93bf61
--- /dev/null
+++ b/packages/utils/src/index.ts
@@ -0,0 +1,2 @@
+export * from './graph';
+export * from './utils';
diff --git a/packages/core/src/utils/index.ts b/packages/utils/src/utils.ts
similarity index 99%
rename from packages/core/src/utils/index.ts
rename to packages/utils/src/utils.ts
index 1423a1499..7becd1c37 100644
--- a/packages/core/src/utils/index.ts
+++ b/packages/utils/src/utils.ts
@@ -3,8 +3,7 @@ import type {
   MouseEvent as ReactMouseEvent,
   TouchEvent as ReactTouchEvent,
 } from 'react';
-
-import type { Dimensions, Node, XYPosition, CoordinateExtent, Box, Rect } from '../types';
+import type { Dimensions, Node, XYPosition, CoordinateExtent, Box, Rect } from '@reactflow/system';
 
 export const getDimensions = (node: HTMLDivElement): Dimensions => ({
   width: node.offsetWidth,
diff --git a/packages/utils/tsconfig.json b/packages/utils/tsconfig.json
new file mode 100644
index 000000000..b61349bb5
--- /dev/null
+++ b/packages/utils/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "extends": "@reactflow/tsconfig/react.json",
+  "display": "@reactflow/utils",
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules", "dist"]
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 647df58ec..5897d0590 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -145,8 +145,9 @@ importers:
     specifiers:
       '@reactflow/eslint-config': workspace:*
       '@reactflow/rollup-config': workspace:*
-      '@reactflow/system': workspace:11.5.5
+      '@reactflow/system': workspace:*
       '@reactflow/tsconfig': workspace:*
+      '@reactflow/utils': workspace:*
       '@types/d3': ^7.4.0
       '@types/d3-drag': ^3.0.1
       '@types/d3-selection': ^3.0.3
@@ -163,6 +164,7 @@ importers:
       zustand: ^4.3.3
     dependencies:
       '@reactflow/system': link:../system
+      '@reactflow/utils': link:../utils
       '@types/d3': registry.npmjs.org/@types/d3/7.4.0
       '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
       '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
@@ -384,6 +386,37 @@ importers:
       react: registry.npmjs.org/react/18.2.0
       typescript: registry.npmjs.org/typescript/4.9.4
 
+  packages/utils:
+    specifiers:
+      '@reactflow/eslint-config': workspace:*
+      '@reactflow/rollup-config': workspace:*
+      '@reactflow/system': workspace:*
+      '@reactflow/tsconfig': workspace:*
+      '@types/d3': ^7.4.0
+      '@types/d3-drag': ^3.0.1
+      '@types/d3-selection': ^3.0.3
+      '@types/d3-zoom': ^3.0.1
+      '@types/node': ^18.7.16
+      '@types/react': '>=17'
+      '@types/react-dom': '>=17'
+      react: ^18.2.0
+      typescript: ^4.9.4
+    dependencies:
+      '@reactflow/system': link:../system
+      '@types/d3': registry.npmjs.org/@types/d3/7.4.0
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.1
+    devDependencies:
+      '@reactflow/eslint-config': link:../../tooling/eslint-config
+      '@reactflow/rollup-config': link:../../tooling/rollup-config
+      '@reactflow/tsconfig': link:../../tooling/tsconfig
+      '@types/node': registry.npmjs.org/@types/node/18.7.16
+      '@types/react': registry.npmjs.org/@types/react/18.0.19
+      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.6
+      react: registry.npmjs.org/react/18.2.0
+      typescript: registry.npmjs.org/typescript/4.9.4
+
   tooling/eslint-config:
     specifiers:
       eslint: ^8.22.0

From 6f8782bbf6bb66deb37020abbfaecf5fc1001e05 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sun, 19 Feb 2023 16:14:55 +0100
Subject: [PATCH 0006/1093] package(utils): add fitView

---
 packages/utils/package.json |  3 ++-
 packages/utils/src/graph.ts | 45 +++++++++++++++++++++++++++++++++++++
 2 files changed, 47 insertions(+), 1 deletion(-)

diff --git a/packages/utils/package.json b/packages/utils/package.json
index 327681e72..887cdd899 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -40,7 +40,8 @@
     "@types/d3": "^7.4.0",
     "@types/d3-drag": "^3.0.1",
     "@types/d3-selection": "^3.0.3",
-    "@types/d3-zoom": "^3.0.1"
+    "@types/d3-zoom": "^3.0.1",
+    "d3-zoom": "^3.0.0"
   },
   "peerDependencies": {
     "react": ">=17",
diff --git a/packages/utils/src/graph.ts b/packages/utils/src/graph.ts
index 5eb520d23..8b7c4e89e 100644
--- a/packages/utils/src/graph.ts
+++ b/packages/utils/src/graph.ts
@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type { Selection as D3Selection } from 'd3';
+import { zoomIdentity } from 'd3-zoom';
 
 import { boxToRect, clamp, devWarn, getBoundsOfBoxes, getOverlappingArea, rectToBox } from './utils';
 import {
@@ -13,6 +14,8 @@ import {
   type Rect,
   type NodeInternals,
   type NodeOrigin,
+  FitViewParams,
+  FitViewOptions,
 } from '@reactflow/system';
 
 export const isEdge = (element: Node | Connection | Edge): element is Edge =>
@@ -285,3 +288,45 @@ export const getTransformForBounds = (
 export const getD3Transition = (selection: D3Selection<Element, unknown, null, undefined>, duration = 0) => {
   return selection.transition().duration(duration);
 };
+
+export function fitView(
+  { nodes, width, height, d3Zoom, d3Selection, nodeOrigin, minZoom, maxZoom }: FitViewParams,
+  options: FitViewOptions = {}
+) {
+  const filteredNodes = nodes.filter((n) => {
+    const isVisible = options.includeHiddenNodes ? n.width && n.height : !n.hidden;
+
+    if (options.nodes?.length) {
+      return isVisible && options.nodes.some((optionNode) => optionNode.id === n.id);
+    }
+
+    return isVisible;
+  });
+
+  const nodesInitialized = filteredNodes.every((n) => n.width && n.height);
+
+  if (nodes.length > 0 && nodesInitialized) {
+    const bounds = getRectOfNodes(nodes, nodeOrigin);
+
+    const [x, y, zoom] = getTransformForBounds(
+      bounds,
+      width,
+      height,
+      options.minZoom ?? minZoom,
+      options.maxZoom ?? maxZoom,
+      options.padding ?? 0.1
+    );
+
+    const nextTransform = zoomIdentity.translate(x, y).scale(zoom);
+
+    if (typeof options.duration === 'number' && options.duration > 0) {
+      d3Zoom.transform(getD3Transition(d3Selection, options.duration), nextTransform);
+    } else {
+      d3Zoom.transform(d3Selection, nextTransform);
+    }
+
+    return true;
+  }
+
+  return false;
+}

From 0f62a3d07a48862339fb7e20ccdef64724164a7a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sun, 19 Feb 2023 16:15:26 +0100
Subject: [PATCH 0007/1093] package(core): use system fitView

---
 packages/core/src/hooks/useViewportHelper.ts | 26 +++++++-
 packages/core/src/store/index.ts             | 28 +++++++-
 packages/core/src/store/utils.ts             | 70 +-------------------
 3 files changed, 49 insertions(+), 75 deletions(-)

diff --git a/packages/core/src/hooks/useViewportHelper.ts b/packages/core/src/hooks/useViewportHelper.ts
index 10e2b677d..324cb945b 100644
--- a/packages/core/src/hooks/useViewportHelper.ts
+++ b/packages/core/src/hooks/useViewportHelper.ts
@@ -1,11 +1,10 @@
 import { useMemo } from 'react';
 import { zoomIdentity } from 'd3-zoom';
 import { shallow } from 'zustand/shallow';
-import { pointToRendererPoint, getTransformForBounds, getD3Transition } from '@reactflow/utils';
+import { pointToRendererPoint, getTransformForBounds, getD3Transition, fitView } from '@reactflow/utils';
 import type { ViewportHelperFunctions, ReactFlowState, XYPosition } from '@reactflow/system';
 
 import { useStoreApi, useStore } from '../hooks/useStore';
-import { fitView } from '../store/utils';
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 const noop = () => {};
@@ -51,7 +50,28 @@ const useViewportHelper = (): ViewportHelperFunctions => {
           const [x, y, zoom] = store.getState().transform;
           return { x, y, zoom };
         },
-        fitView: (options) => fitView(store.getState, options),
+        fitView: (options) => {
+          const { getNodes, width, height, nodeOrigin, minZoom, maxZoom, d3Selection, d3Zoom } = store.getState();
+          const d3Initialized = d3Selection && d3Zoom;
+
+          if (!d3Initialized) {
+            return false;
+          }
+
+          return fitView(
+            {
+              nodes: getNodes(),
+              width,
+              height,
+              nodeOrigin,
+              minZoom,
+              maxZoom,
+              d3Selection,
+              d3Zoom,
+            },
+            options
+          );
+        },
         setCenter: (x, y, options) => {
           const { width, height, maxZoom } = store.getState();
           const nextZoom = typeof options?.zoom !== 'undefined' ? options.zoom : maxZoom;
diff --git a/packages/core/src/store/index.ts b/packages/core/src/store/index.ts
index c6f3dff95..972ba9e88 100644
--- a/packages/core/src/store/index.ts
+++ b/packages/core/src/store/index.ts
@@ -1,6 +1,6 @@
 import { createStore } from 'zustand';
 import { zoomIdentity } from 'd3-zoom';
-import { clampPosition, getDimensions } from '@reactflow/utils';
+import { clampPosition, getDimensions, fitView } from '@reactflow/utils';
 import {
   internalsSymbol,
   type ReactFlowState,
@@ -20,7 +20,7 @@ import {
 
 import { applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
 import { getHandleBounds } from '../components/Nodes/utils';
-import { createNodeInternals, fitView, updateAbsoluteNodePositions, updateNodesAndEdgesSelections } from './utils';
+import { createNodeInternals, updateAbsoluteNodePositions, updateNodesAndEdgesSelections } from './utils';
 import initialState from './initialState';
 
 const createRFStore = () =>
@@ -57,6 +57,12 @@ const createRFStore = () =>
         fitViewOnInitOptions,
         domNode,
         nodeOrigin,
+        width,
+        height,
+        minZoom,
+        maxZoom,
+        d3Selection,
+        d3Zoom,
       } = get();
       const viewportNode = domNode?.querySelector('.react-flow__viewport');
 
@@ -106,7 +112,23 @@ const createRFStore = () =>
 
       const nextFitViewOnInitDone =
         fitViewOnInitDone ||
-        (fitViewOnInit && !fitViewOnInitDone && fitView(get, { initial: true, ...fitViewOnInitOptions }));
+        (fitViewOnInit &&
+          !fitViewOnInitDone &&
+          !!d3Zoom &&
+          !!d3Selection &&
+          fitView(
+            {
+              nodes: Array.from(nodeInternals.values()),
+              width,
+              height,
+              d3Zoom,
+              d3Selection,
+              minZoom,
+              maxZoom,
+              nodeOrigin,
+            },
+            fitViewOnInitOptions
+          ));
       set({ nodeInternals: new Map(nodeInternals), fitViewOnInitDone: nextFitViewOnInitDone });
 
       if (changes?.length > 0) {
diff --git a/packages/core/src/store/utils.ts b/packages/core/src/store/utils.ts
index d55f8a393..de21c644f 100644
--- a/packages/core/src/store/utils.ts
+++ b/packages/core/src/store/utils.ts
@@ -1,4 +1,3 @@
-import { zoomIdentity } from 'd3-zoom';
 import type { StoreApi } from 'zustand';
 import {
   internalsSymbol,
@@ -9,16 +8,9 @@ import {
   type NodeSelectionChange,
   type ReactFlowState,
   type XYZPosition,
-  type FitViewOptions,
   type NodeOrigin,
 } from '@reactflow/system';
-import {
-  isNumeric,
-  getD3Transition,
-  getRectOfNodes,
-  getTransformForBounds,
-  getNodePositionWithOrigin,
-} from '@reactflow/utils';
+import { isNumeric, getNodePositionWithOrigin } from '@reactflow/utils';
 
 type ParentNodes = Record<string, boolean>;
 
@@ -126,66 +118,6 @@ export function createNodeInternals(
   return nextNodeInternals;
 }
 
-type InternalFitViewOptions = {
-  initial?: boolean;
-} & FitViewOptions;
-
-export function fitView(get: StoreApi<ReactFlowState>['getState'], options: InternalFitViewOptions = {}) {
-  const {
-    getNodes,
-    width,
-    height,
-    minZoom,
-    maxZoom,
-    d3Zoom,
-    d3Selection,
-    fitViewOnInitDone,
-    fitViewOnInit,
-    nodeOrigin,
-  } = get();
-  const isInitialFitView = options.initial && !fitViewOnInitDone && fitViewOnInit;
-  const d3initialized = d3Zoom && d3Selection;
-
-  if (d3initialized && (isInitialFitView || !options.initial)) {
-    const nodes = getNodes().filter((n) => {
-      const isVisible = options.includeHiddenNodes ? n.width && n.height : !n.hidden;
-
-      if (options.nodes?.length) {
-        return isVisible && options.nodes.some((optionNode) => optionNode.id === n.id);
-      }
-
-      return isVisible;
-    });
-
-    const nodesInitialized = nodes.every((n) => n.width && n.height);
-
-    if (nodes.length > 0 && nodesInitialized) {
-      const bounds = getRectOfNodes(nodes, nodeOrigin);
-
-      const [x, y, zoom] = getTransformForBounds(
-        bounds,
-        width,
-        height,
-        options.minZoom ?? minZoom,
-        options.maxZoom ?? maxZoom,
-        options.padding ?? 0.1
-      );
-
-      const nextTransform = zoomIdentity.translate(x, y).scale(zoom);
-
-      if (typeof options.duration === 'number' && options.duration > 0) {
-        d3Zoom.transform(getD3Transition(d3Selection, options.duration), nextTransform);
-      } else {
-        d3Zoom.transform(d3Selection, nextTransform);
-      }
-
-      return true;
-    }
-  }
-
-  return false;
-}
-
 export function handleControlledNodeSelectionChange(nodeChanges: NodeSelectionChange[], nodeInternals: NodeInternals) {
   nodeChanges.forEach((change) => {
     const node = nodeInternals.get(change.id);

From ba592ceea6ab657e4b8f301a3cb144e5dcd44d40 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sun, 19 Feb 2023 16:15:42 +0100
Subject: [PATCH 0008/1093] package(svelte): use system fitView

---
 packages/svelte/package.json                  |  3 +-
 .../svelte/src/lib/container/Viewport.svelte  |  4 +-
 packages/svelte/src/lib/hooks/zoom/index.ts   | 15 ++++++-
 packages/svelte/src/lib/store/index.ts        | 42 ++++++++++++++++---
 packages/system/src/types/general.ts          | 16 ++++++-
 pnpm-lock.yaml                                |  6 ++-
 6 files changed, 73 insertions(+), 13 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 9e8d13219..3b2cd39d1 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -16,7 +16,8 @@
 		".": "./index.js"
 	},
 	"dependencies": {
-		"@reactflow/system": "workspace:*",
+		"@reactflow/system": "workspace:11.5.5",
+		"@reactflow/utils": "workspace:^11.5.5",
 		"cc": "^3.0.1",
 		"d3-drag": "^3.0.0",
 		"d3-selection": "^3.0.0",
diff --git a/packages/svelte/src/lib/container/Viewport.svelte b/packages/svelte/src/lib/container/Viewport.svelte
index 66cb8a271..61a8c9441 100644
--- a/packages/svelte/src/lib/container/Viewport.svelte
+++ b/packages/svelte/src/lib/container/Viewport.svelte
@@ -2,10 +2,10 @@
   import zoom  from '$lib/hooks/zoom'
 	import { useStore } from '$lib/store';
 
-  const { transformStore } = useStore();
+  const { transformStore, d3Store } = useStore();
 </script>
 
-<div class="react-flow__pane" use:zoom={{ transformStore }}>
+<div class="react-flow__pane" use:zoom={{ transformStore, d3Store }}>
   <div
     class="react-flow__viewport" 
     style="transform: translate({$transformStore[0]}px, {$transformStore[1]}px) scale({$transformStore[2]})"
diff --git a/packages/svelte/src/lib/hooks/zoom/index.ts b/packages/svelte/src/lib/hooks/zoom/index.ts
index d5af98ddb..352be67d9 100644
--- a/packages/svelte/src/lib/hooks/zoom/index.ts
+++ b/packages/svelte/src/lib/hooks/zoom/index.ts
@@ -3,14 +3,20 @@ import type { Writable } from 'svelte/store';
 import { select } from 'd3-selection';
 import { zoom as d3Zoom, zoomIdentity } from 'd3-zoom';
 import type { D3ZoomEvent } from 'd3-zoom';
-import type { Transform } from '@reactflow/system';
+import type { D3SelectionInstance, D3ZoomInstance, Transform } from '@reactflow/system';
 
 const isWrappedWithClass = (event: any, className: string | undefined) =>
 	event.target.closest(`.${className}`);
 
 export default function zoom(
 	domNode: Element,
-	{ transformStore }: { transformStore: Writable<Transform> }
+	{
+		transformStore,
+		d3Store
+	}: {
+		transformStore: Writable<Transform>;
+		d3Store: Writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>;
+	}
 ) {
 	const d3ZoomInstance = d3Zoom();
 	const selection = select(domNode).call(d3ZoomInstance);
@@ -26,6 +32,11 @@ export default function zoom(
 		d3ZoomHandler!.call(this, event, d);
 	});
 
+	d3Store.set({
+		zoom: d3ZoomInstance,
+		selection
+	});
+
 	d3ZoomInstance.on('zoom', (event: D3ZoomEvent<HTMLDivElement, any>) => {
 		transformStore.set([event.transform.x, event.transform.y, event.transform.k]);
 	});
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 865a6f14c..ac0385884 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -7,8 +7,12 @@ import {
 	type NodeDimensionUpdate,
 	type Edge,
 	Position,
-	internalsSymbol
+	internalsSymbol,
+	type NodeOrigin,
+	type D3ZoomInstance,
+	type D3SelectionInstance
 } from '@reactflow/system';
+import { fitView } from '@reactflow/utils';
 
 import { getDimensions, getHandleBounds } from '../../utils';
 import {
@@ -24,6 +28,7 @@ type CreateStoreProps = {
 	nodes: Node[];
 	edges: Edge[];
 	fitView: boolean;
+	nodeOrigin?: NodeOrigin;
 	transform?: Transform;
 };
 
@@ -37,6 +42,10 @@ type SvelteFlowStore = {
 	edgesStore: Writable<CreateStoreProps['edges']>;
 	heightStore: Writable<number>;
 	widthStore: Writable<number>;
+	d3Store: Writable<{
+		zoom: D3ZoomInstance | null;
+		selection: D3SelectionInstance | null;
+	}>;
 	transformStore: Writable<Transform>;
 	edgesWithDataStore: Readable<EdgeWithData[]>;
 	updateNodePositions: (
@@ -51,12 +60,15 @@ export function createStore({
 	nodes = [],
 	edges = [],
 	transform = [0, 0, 1],
+	nodeOrigin = [0, 0],
 	fitView: fitViewOnInit = false
 }: CreateStoreProps): SvelteFlowStore {
 	const nodesStore = writable(nodes.map((n) => ({ ...n, positionAbsolute: n.position })));
 	const edgesStore = writable(edges);
 	const heightStore = writable(500);
 	const widthStore = writable(500);
+	const nodeOriginStore = writable(nodeOrigin);
+	const d3Store = writable({ zoom: null, selection: null });
 
 	let fitViewOnInitDone = false;
 
@@ -166,10 +178,29 @@ export function createStore({
 			return node;
 		});
 
-		// const nextFitViewOnInitDone =
-		// 	fitViewOnInitDone || (fitViewOnInit && !fitViewOnInitDone && fitView(get, { initial: true }));
-
-		// fitViewOnInitDone = nextFitViewOnInitDone;
+		const { zoom: d3Zoom, selection: d3Selection } = get(d3Store);
+
+		const nextFitViewOnInitDone =
+			fitViewOnInitDone ||
+			(fitViewOnInit &&
+				!fitViewOnInitDone &&
+				!!d3Zoom &&
+				!!d3Selection &&
+				fitView(
+					{
+						nodes: get(nodesStore),
+						width: get(widthStore),
+						height: get(heightStore),
+						minZoom: 0.2,
+						maxZoom: 2,
+						d3Selection,
+						d3Zoom,
+						nodeOrigin: get(nodeOriginStore)
+					},
+					{}
+				));
+
+		fitViewOnInitDone = nextFitViewOnInitDone;
 
 		nodesStore.set(nextNodes);
 	}
@@ -178,6 +209,7 @@ export function createStore({
 		nodesStore,
 		edgesStore,
 		transformStore,
+		d3Store,
 		heightStore,
 		widthStore,
 		edgesWithDataStore,
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index f628727e4..3a488d884 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -70,6 +70,15 @@ export enum ConnectionMode {
 
 export type OnConnect = (connection: Connection) => void;
 
+export type FitViewParams = {
+  nodes: Node[];
+  width: number;
+  height: number;
+  nodeOrigin: NodeOrigin;
+  d3Zoom: D3ZoomInstance;
+  d3Selection: D3SelectionInstance;
+};
+
 export type FitViewOptions = {
   padding?: number;
   includeHiddenNodes?: boolean;
@@ -137,6 +146,9 @@ export type ViewportHelperFunctions = {
   viewportInitialized: boolean;
 };
 
+export type D3ZoomInstance = ZoomBehavior<Element, unknown>;
+export type D3SelectionInstance = D3Selection<Element, unknown, null, undefined>;
+
 export type ReactFlowStore = {
   rfId: string;
   width: number;
@@ -152,8 +164,8 @@ export type ReactFlowStore = {
   paneDragging: boolean;
   noPanClassName: string;
 
-  d3Zoom: ZoomBehavior<Element, unknown> | null;
-  d3Selection: D3Selection<Element, unknown, null, undefined> | null;
+  d3Zoom: D3ZoomInstance | null;
+  d3Selection: D3SelectionInstance | null;
   d3ZoomHandler: ((this: Element, event: any, d: unknown) => void) | undefined;
   minZoom: number;
   maxZoom: number;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5897d0590..05e0cad5f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -310,7 +310,8 @@ importers:
 
   packages/svelte:
     specifiers:
-      '@reactflow/system': workspace:*
+      '@reactflow/system': workspace:11.5.5
+      '@reactflow/utils': workspace:^11.5.5
       '@sveltejs/adapter-auto': ^2.0.0
       '@sveltejs/kit': ^1.5.6
       '@sveltejs/package': ^1.0.2
@@ -334,6 +335,7 @@ importers:
       vite: ^4.1.1
     dependencies:
       '@reactflow/system': link:../system
+      '@reactflow/utils': link:../utils
       cc: registry.npmjs.org/cc/3.0.1
       d3-drag: registry.npmjs.org/d3-drag/3.0.0
       d3-selection: registry.npmjs.org/d3-selection/3.0.0
@@ -399,6 +401,7 @@ importers:
       '@types/node': ^18.7.16
       '@types/react': '>=17'
       '@types/react-dom': '>=17'
+      d3-zoom: ^3.0.0
       react: ^18.2.0
       typescript: ^4.9.4
     dependencies:
@@ -407,6 +410,7 @@ importers:
       '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
       '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
       '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.1
+      d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config

From 90ac61a6bdb8ee3164d13d611a908b2e695fe7cb Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sun, 19 Feb 2023 17:29:29 +0100
Subject: [PATCH 0009/1093] feat(svelte): add controls

---
 .../svelte/src/lib/container/Panel.svelte     | 46 ++++++++++
 .../src/lib/container/SvelteFlow.svelte       |  2 +
 packages/svelte/src/lib/index.ts              |  1 +
 .../lib/plugins/Controls/ControlButton.svelte | 34 +++++++
 .../src/lib/plugins/Controls/Icons/Fit.svelte |  3 +
 .../lib/plugins/Controls/Icons/Lock.svelte    |  3 +
 .../lib/plugins/Controls/Icons/Minus.svelte   |  3 +
 .../lib/plugins/Controls/Icons/Plus.svelte    |  3 +
 .../lib/plugins/Controls/Icons/Unlock.svelte  |  3 +
 .../src/lib/plugins/Controls/index.svelte     | 89 +++++++++++++++++++
 packages/svelte/src/lib/store/index.ts        | 52 ++++++++++-
 packages/svelte/src/routes/+page.svelte       |  6 +-
 12 files changed, 239 insertions(+), 6 deletions(-)
 create mode 100644 packages/svelte/src/lib/container/Panel.svelte
 create mode 100644 packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
 create mode 100644 packages/svelte/src/lib/plugins/Controls/Icons/Fit.svelte
 create mode 100644 packages/svelte/src/lib/plugins/Controls/Icons/Lock.svelte
 create mode 100644 packages/svelte/src/lib/plugins/Controls/Icons/Minus.svelte
 create mode 100644 packages/svelte/src/lib/plugins/Controls/Icons/Plus.svelte
 create mode 100644 packages/svelte/src/lib/plugins/Controls/Icons/Unlock.svelte
 create mode 100644 packages/svelte/src/lib/plugins/Controls/index.svelte

diff --git a/packages/svelte/src/lib/container/Panel.svelte b/packages/svelte/src/lib/container/Panel.svelte
new file mode 100644
index 000000000..e87917d9a
--- /dev/null
+++ b/packages/svelte/src/lib/container/Panel.svelte
@@ -0,0 +1,46 @@
+<script lang="ts">
+	import type { PanelPosition } from '@reactflow/system';
+  import cc from 'classcat';
+
+  export let position: PanelPosition = 'top-right';
+  export { className as class }
+
+  let className: string;
+
+  $: positionClasses = `${position}`.split('-');
+</script>
+
+<div
+  class={cc(['react-flow__panel', className, ...positionClasses])}
+>
+  <slot />
+</div>
+
+<style>
+  .react-flow__panel {
+    position: absolute;
+    z-index: 5;
+    margin: 15px;
+  }
+
+  .react-flow__panel.top {
+    top: 0;
+  }
+
+  .react-flow__panel.bottom {
+    bottom: 0;
+  }
+
+  .react-flow__panel.left {
+    left: 0;
+  }
+
+  .react-flow__panel.right {
+    right: 0;
+  }
+
+  .react-flow__panel.center {
+    left: 50%;
+    transform: translateX(-50%);
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow.svelte
index 67b265a8a..11a659f33 100644
--- a/packages/svelte/src/lib/container/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow.svelte
@@ -47,6 +47,8 @@
     <NodeRenderer />
     <EdgeRenderer />
   </Viewport>
+
+  <slot />
 </div>
 
 <style>
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 4e05f4768..c19cf7dac 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -1,3 +1,4 @@
 import SvelteFlow from '$lib/container/SvelteFlow.svelte';
+export { default as Controls } from '$lib/plugins/Controls/index.svelte';
 
 export default SvelteFlow;
diff --git a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
new file mode 100644
index 000000000..4db8270db
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+  import cc from 'classcat';
+
+  let className: string;
+
+  export { className as class }
+</script>
+
+<button type="button" on:click class={cc(['react-flow__controls-button', className])} {...$$restProps} >
+  <slot class="button-svg" />
+</button>
+
+<style>
+  .react-flow__controls-button {
+    border: none;
+    background: #fefefe;
+    border-bottom: 1px solid #eee;
+    box-sizing: content-box;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+    user-select: none;
+    padding: 5px;
+  }
+
+  .react-flow__controls-button :global(svg) {
+    width: 100%;
+    max-width: 12px;
+    max-height: 12px;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/plugins/Controls/Icons/Fit.svelte b/packages/svelte/src/lib/plugins/Controls/Icons/Fit.svelte
new file mode 100644
index 000000000..1b68036e4
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Controls/Icons/Fit.svelte
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 30">
+  <path d="M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0027.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94c-.531 0-.939-.4-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z" />
+</svg>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/plugins/Controls/Icons/Lock.svelte b/packages/svelte/src/lib/plugins/Controls/Icons/Lock.svelte
new file mode 100644
index 000000000..6205cfc7b
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Controls/Icons/Lock.svelte
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 32">
+  <path d="M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z" />
+</svg>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/plugins/Controls/Icons/Minus.svelte b/packages/svelte/src/lib/plugins/Controls/Icons/Minus.svelte
new file mode 100644
index 000000000..dc8d310bf
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Controls/Icons/Minus.svelte
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 5">
+  <path d="M0 0h32v4.2H0z" />
+</svg>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/plugins/Controls/Icons/Plus.svelte b/packages/svelte/src/lib/plugins/Controls/Icons/Plus.svelte
new file mode 100644
index 000000000..a13adbd7e
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Controls/Icons/Plus.svelte
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path d="M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z" />
+</svg>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/plugins/Controls/Icons/Unlock.svelte b/packages/svelte/src/lib/plugins/Controls/Icons/Unlock.svelte
new file mode 100644
index 000000000..2e59dbd76
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Controls/Icons/Unlock.svelte
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 32">
+  <path d="M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047z" />
+</svg>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/plugins/Controls/index.svelte b/packages/svelte/src/lib/plugins/Controls/index.svelte
new file mode 100644
index 000000000..f8d4665d8
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Controls/index.svelte
@@ -0,0 +1,89 @@
+<script lang="ts">
+  import Panel from '$lib/container/Panel.svelte';
+	import type { PanelPosition } from '@reactflow/system';
+
+  import ControlButton from './ControlButton.svelte';
+  import PlusIcon from './Icons/Plus.svelte';
+  import MinusIcon from './Icons/Minus.svelte';
+  import FitViewIcon from './Icons/Fit.svelte';
+  import LockIcon from './Icons/Lock.svelte';
+  import UnlockIcon from './Icons/Unlock.svelte';
+
+  export let position: PanelPosition = 'bottom-left';
+  export let showZoom = true;
+  export let showFitView = true;
+  export let showInteractive = true;
+
+	import { useStore } from '$lib/store';
+
+  const { zoomIn, zoomOut, fitView } = useStore();
+
+  const isInteractive = true;
+
+  const onZoomInHandler = () => {
+    zoomIn();
+  };
+
+  const onZoomOutHandler = () => {
+    zoomOut();
+  };
+
+  const onFitViewHandler = () => {
+    fitView();
+  };
+
+  const onToggleInteractivity = () => {
+    // store.setState({
+    //   nodesDraggable: !isInteractive,
+    //   nodesConnectable: !isInteractive,
+    //   elementsSelectable: !isInteractive,
+    // });
+
+    // onInteractiveChange?.(!isInteractive);
+  };
+
+</script>
+
+<Panel class="react-flow__controls" position={position}>
+  {#if showZoom}
+    <ControlButton
+      on:click={onZoomInHandler}
+      class="react-flow__controls-zoomin"
+      title="zoom in"
+      aria-label="zoom in"
+    >
+      <PlusIcon />
+    </ControlButton>
+    <svelte:component
+      this={ControlButton}
+      on:click={onZoomOutHandler}
+      class="react-flow__controls-zoomout"
+      title="zoom out"
+      aria-label="zoom out"
+    >
+      <MinusIcon />
+    </svelte:component>
+  {/if}
+  {#if showFitView}
+    <svelte:component
+      this={ControlButton}
+      class="react-flow__controls-fitview"
+      on:click={onFitViewHandler}
+      title="fit view"
+      aria-label="fit view"
+    >
+      <FitViewIcon />
+    </svelte:component>
+  {/if}
+  {#if showInteractive}
+    <svelte:component
+      this={ControlButton}
+      class="react-flow__controls-interactive"
+      on:click={onToggleInteractivity}
+      title="toggle interactivity"
+      aria-label="toggle interactivity"
+    >
+      {#if isInteractive}<UnlockIcon />{:else}<LockIcon />{/if}
+    </svelte:component>
+  {/if}
+</Panel>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index ac0385884..6a2912037 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -10,9 +10,10 @@ import {
 	internalsSymbol,
 	type NodeOrigin,
 	type D3ZoomInstance,
-	type D3SelectionInstance
+	type D3SelectionInstance,
+	type ViewportHelperFunctionOptions
 } from '@reactflow/system';
-import { fitView } from '@reactflow/utils';
+import { fitView, getD3Transition } from '@reactflow/utils';
 
 import { getDimensions, getHandleBounds } from '../../utils';
 import {
@@ -48,6 +49,9 @@ type SvelteFlowStore = {
 	}>;
 	transformStore: Writable<Transform>;
 	edgesWithDataStore: Readable<EdgeWithData[]>;
+	zoomIn: (options?: ViewportHelperFunctionOptions) => void;
+	zoomOut: (options?: ViewportHelperFunctionOptions) => void;
+	fitView: (options?: ViewportHelperFunctionOptions) => void;
 	updateNodePositions: (
 		nodeDragItems: NodeDragItem[],
 		positionChanged?: boolean,
@@ -68,7 +72,10 @@ export function createStore({
 	const heightStore = writable(500);
 	const widthStore = writable(500);
 	const nodeOriginStore = writable(nodeOrigin);
-	const d3Store = writable({ zoom: null, selection: null });
+	const d3Store = writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>({
+		zoom: null,
+		selection: null
+	});
 
 	let fitViewOnInitDone = false;
 
@@ -205,6 +212,40 @@ export function createStore({
 		nodesStore.set(nextNodes);
 	}
 
+	function zoomIn(options?: ViewportHelperFunctionOptions) {
+		const { zoom: d3Zoom, selection: d3Selection } = get(d3Store);
+
+		if (d3Zoom && d3Selection) {
+			d3Zoom.scaleBy(getD3Transition(d3Selection, options?.duration), 1.2);
+		}
+	}
+
+	function zoomOut(options?: ViewportHelperFunctionOptions) {
+		const { zoom: d3Zoom, selection: d3Selection } = get(d3Store);
+		if (d3Zoom && d3Selection) {
+			d3Zoom.scaleBy(getD3Transition(d3Selection, options?.duration), 1 / 1.2);
+		}
+	}
+
+	function _fitView() {
+		const { zoom: d3Zoom, selection: d3Selection } = get(d3Store);
+		if (d3Zoom && d3Selection) {
+			fitView(
+				{
+					nodes: get(nodesStore),
+					width: get(widthStore),
+					height: get(heightStore),
+					minZoom: 0.2,
+					maxZoom: 2,
+					d3Selection,
+					d3Zoom,
+					nodeOrigin: get(nodeOriginStore)
+				},
+				{}
+			);
+		}
+	}
+
 	return {
 		nodesStore,
 		edgesStore,
@@ -214,7 +255,10 @@ export function createStore({
 		widthStore,
 		edgesWithDataStore,
 		updateNodePositions,
-		updateNodeDimensions
+		updateNodeDimensions,
+		zoomIn,
+		zoomOut,
+		fitView: _fitView
 	};
 }
 
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index 5afcd3b80..0f89b8fef 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { Node, Edge } from '@reactflow/system';
   
-  import SvelteFlow from '../lib/index';
+  import SvelteFlow, { Controls } from '../lib/index';
 
   const yNodes = 10;
   const xNodes = 10;
@@ -57,7 +57,9 @@
   //  }]
 </script>
 
-<SvelteFlow {nodes} {edges} fitView />
+<SvelteFlow {nodes} {edges} fitView >
+  <Controls />
+</SvelteFlow>
 
 <style>
   :root {

From 51fd1cc01a158f4cbda01e9ec42bc48ee9863b8f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sun, 19 Feb 2023 18:07:50 +0100
Subject: [PATCH 0010/1093] feat(svelte): add background

---
 packages/svelte/src/lib/index.ts              |  3 +-
 .../lib/plugins/Background/Background.svelte  | 75 +++++++++++++++++++
 .../lib/plugins/Background/DotPattern.svelte  |  6 ++
 .../lib/plugins/Background/LinePattern.svelte | 13 ++++
 .../src/lib/plugins/Background/index.ts       |  2 +
 .../src/lib/plugins/Background/types.ts       |  5 ++
 .../{index.svelte => Controls.svelte}         |  5 +-
 .../svelte/src/lib/plugins/Controls/index.ts  |  2 +
 packages/svelte/src/lib/store/index.ts        | 63 +++++++---------
 packages/svelte/src/routes/+page.svelte       |  3 +-
 10 files changed, 135 insertions(+), 42 deletions(-)
 create mode 100644 packages/svelte/src/lib/plugins/Background/Background.svelte
 create mode 100644 packages/svelte/src/lib/plugins/Background/DotPattern.svelte
 create mode 100644 packages/svelte/src/lib/plugins/Background/LinePattern.svelte
 create mode 100644 packages/svelte/src/lib/plugins/Background/index.ts
 create mode 100644 packages/svelte/src/lib/plugins/Background/types.ts
 rename packages/svelte/src/lib/plugins/Controls/{index.svelte => Controls.svelte} (98%)
 create mode 100644 packages/svelte/src/lib/plugins/Controls/index.ts

diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index c19cf7dac..d053894a0 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -1,4 +1,5 @@
 import SvelteFlow from '$lib/container/SvelteFlow.svelte';
-export { default as Controls } from '$lib/plugins/Controls/index.svelte';
+export { Controls, ControlButton } from '$lib/plugins/Controls';
+export { Background, BackgroundVariant } from '$lib/plugins/Background';
 
 export default SvelteFlow;
diff --git a/packages/svelte/src/lib/plugins/Background/Background.svelte b/packages/svelte/src/lib/plugins/Background/Background.svelte
new file mode 100644
index 000000000..e4c1e7e31
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Background/Background.svelte
@@ -0,0 +1,75 @@
+<script lang="ts">
+  import cc from 'classcat';
+
+  import DotPattern from './DotPattern.svelte';
+  import LinePattern from './LinePattern.svelte';
+  import { useStore } from '$lib/store';
+	import { BackgroundVariant } from './types';
+
+  export let variant: BackgroundVariant = BackgroundVariant.Dots;
+  export let gap = 20;
+  export let size: number = 1;
+  export let lineWidth = 1;
+  export let color: string = '#ccc';
+
+  let className: string = '';
+  export { className as class };
+
+  const defaultColor = {
+    [BackgroundVariant.Dots]: '#91919a',
+    [BackgroundVariant.Lines]: '#eee',
+    [BackgroundVariant.Cross]: '#e2e2e2',
+  };
+
+  const defaultSize = {
+    [BackgroundVariant.Dots]: 1,
+    [BackgroundVariant.Lines]: 1,
+    [BackgroundVariant.Cross]: 6,
+  };
+
+  const { transformStore, idStore } = useStore();
+  const patternColor = color || defaultColor[variant];
+  const patternSize = size || defaultSize[variant];
+  const isDots = variant === BackgroundVariant.Dots;
+  const isCross = variant === BackgroundVariant.Cross;
+  const gapXY: number[] = Array.isArray(gap) ? gap : [gap, gap];
+
+  $: patternId = `background-pattern-${$idStore}`;
+  $: scaledGap = [gapXY[0] * $transformStore[2] || 1, gapXY[1] * $transformStore[2] || 1];
+  $: scaledSize = patternSize * $transformStore[2];
+  $: patternDimensions = (isCross ? [scaledSize, scaledSize] : scaledGap) as [number, number];
+  $: patternOffset = isDots
+    ? [scaledSize / 2, scaledSize / 2]
+    : [patternDimensions[0] / 2, patternDimensions[1] / 2];
+</script>
+
+<svg class={cc(['react-flow__background', className])} >
+  <pattern
+    id={patternId}
+    x={$transformStore[0] % scaledGap[0]}
+    y={$transformStore[1] % scaledGap[1]}
+    width={scaledGap[0]}
+    height={scaledGap[1]}
+    patternUnits="userSpaceOnUse"
+    patternTransform={`translate(-${patternOffset[0]},-${patternOffset[1]})`}
+  >
+    {#if isDots}
+      <DotPattern color={patternColor} radius={scaledSize / 2} />
+    {:else}
+      <LinePattern dimensions={patternDimensions } color={patternColor} lineWidth={lineWidth} />
+    {/if}
+  </pattern>
+  <rect x="0" y="0" width="100%" height="100%" fill={`url(#${patternId})`} />
+</svg>
+
+<style>
+  .react-flow__background {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    pointer-events: none;
+    z-index: -1;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/plugins/Background/DotPattern.svelte b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
new file mode 100644
index 000000000..3eb76c7e0
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
@@ -0,0 +1,6 @@
+<script lang="ts">
+  export let radius = 5;
+  export let color = "#000";
+</script>
+
+<circle cx={radius} cy={radius} r={radius} fill={color} />
\ No newline at end of file
diff --git a/packages/svelte/src/lib/plugins/Background/LinePattern.svelte b/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
new file mode 100644
index 000000000..60dd4a8cc
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  export let lineWidth = 1;
+  export let color = "#777";
+  export let dimensions: [number, number];
+</script>
+
+<path
+  stroke={color}
+  stroke-width={lineWidth}
+  d={`M${dimensions[0] / 2} 0 V${dimensions[1]} M0 ${dimensions[1] / 2} H${
+    dimensions[0]
+  }`}
+/>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/plugins/Background/index.ts b/packages/svelte/src/lib/plugins/Background/index.ts
new file mode 100644
index 000000000..cce074815
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Background/index.ts
@@ -0,0 +1,2 @@
+export { BackgroundVariant } from './types';
+export { default as Background } from './Background.svelte';
diff --git a/packages/svelte/src/lib/plugins/Background/types.ts b/packages/svelte/src/lib/plugins/Background/types.ts
new file mode 100644
index 000000000..c6e3e390f
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Background/types.ts
@@ -0,0 +1,5 @@
+export enum BackgroundVariant {
+	Lines = 'lines',
+	Dots = 'dots',
+	Cross = 'cross'
+}
diff --git a/packages/svelte/src/lib/plugins/Controls/index.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
similarity index 98%
rename from packages/svelte/src/lib/plugins/Controls/index.svelte
rename to packages/svelte/src/lib/plugins/Controls/Controls.svelte
index f8d4665d8..a36436b09 100644
--- a/packages/svelte/src/lib/plugins/Controls/index.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
-  import Panel from '$lib/container/Panel.svelte';
 	import type { PanelPosition } from '@reactflow/system';
 
+  import Panel from '$lib/container/Panel.svelte';
+  import { useStore } from '$lib/store';
   import ControlButton from './ControlButton.svelte';
   import PlusIcon from './Icons/Plus.svelte';
   import MinusIcon from './Icons/Minus.svelte';
@@ -14,8 +15,6 @@
   export let showFitView = true;
   export let showInteractive = true;
 
-	import { useStore } from '$lib/store';
-
   const { zoomIn, zoomOut, fitView } = useStore();
 
   const isInteractive = true;
diff --git a/packages/svelte/src/lib/plugins/Controls/index.ts b/packages/svelte/src/lib/plugins/Controls/index.ts
new file mode 100644
index 000000000..58323ba35
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Controls/index.ts
@@ -0,0 +1,2 @@
+export { default as Controls } from './Controls.svelte';
+export { default as ControlButton } from './ControlButton.svelte';
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 6a2912037..2ad3c2a7c 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -31,6 +31,7 @@ type CreateStoreProps = {
 	fitView: boolean;
 	nodeOrigin?: NodeOrigin;
 	transform?: Transform;
+	id?: string;
 };
 
 export type EdgeWithData = EdgePosition & {
@@ -49,9 +50,10 @@ type SvelteFlowStore = {
 	}>;
 	transformStore: Writable<Transform>;
 	edgesWithDataStore: Readable<EdgeWithData[]>;
+	idStore: Writable<string>;
 	zoomIn: (options?: ViewportHelperFunctionOptions) => void;
 	zoomOut: (options?: ViewportHelperFunctionOptions) => void;
-	fitView: (options?: ViewportHelperFunctionOptions) => void;
+	fitView: (options?: ViewportHelperFunctionOptions) => boolean;
 	updateNodePositions: (
 		nodeDragItems: NodeDragItem[],
 		positionChanged?: boolean,
@@ -65,7 +67,8 @@ export function createStore({
 	edges = [],
 	transform = [0, 0, 1],
 	nodeOrigin = [0, 0],
-	fitView: fitViewOnInit = false
+	fitView: fitViewOnInit = false,
+	id = '1'
 }: CreateStoreProps): SvelteFlowStore {
 	const nodesStore = writable(nodes.map((n) => ({ ...n, positionAbsolute: n.position })));
 	const edgesStore = writable(edges);
@@ -76,6 +79,7 @@ export function createStore({
 		zoom: null,
 		selection: null
 	});
+	const idStore = writable(id);
 
 	let fitViewOnInitDone = false;
 
@@ -187,27 +191,8 @@ export function createStore({
 
 		const { zoom: d3Zoom, selection: d3Selection } = get(d3Store);
 
-		const nextFitViewOnInitDone =
-			fitViewOnInitDone ||
-			(fitViewOnInit &&
-				!fitViewOnInitDone &&
-				!!d3Zoom &&
-				!!d3Selection &&
-				fitView(
-					{
-						nodes: get(nodesStore),
-						width: get(widthStore),
-						height: get(heightStore),
-						minZoom: 0.2,
-						maxZoom: 2,
-						d3Selection,
-						d3Zoom,
-						nodeOrigin: get(nodeOriginStore)
-					},
-					{}
-				));
-
-		fitViewOnInitDone = nextFitViewOnInitDone;
+		fitViewOnInitDone =
+			fitViewOnInitDone || (fitViewOnInit && !!d3Zoom && !!d3Selection && _fitView());
 
 		nodesStore.set(nextNodes);
 	}
@@ -229,21 +214,24 @@ export function createStore({
 
 	function _fitView() {
 		const { zoom: d3Zoom, selection: d3Selection } = get(d3Store);
-		if (d3Zoom && d3Selection) {
-			fitView(
-				{
-					nodes: get(nodesStore),
-					width: get(widthStore),
-					height: get(heightStore),
-					minZoom: 0.2,
-					maxZoom: 2,
-					d3Selection,
-					d3Zoom,
-					nodeOrigin: get(nodeOriginStore)
-				},
-				{}
-			);
+
+		if (!d3Zoom || !d3Selection) {
+			return false;
 		}
+
+		return fitView(
+			{
+				nodes: get(nodesStore),
+				width: get(widthStore),
+				height: get(heightStore),
+				minZoom: 0.2,
+				maxZoom: 2,
+				d3Selection,
+				d3Zoom,
+				nodeOrigin: get(nodeOriginStore)
+			},
+			{}
+		);
 	}
 
 	return {
@@ -254,6 +242,7 @@ export function createStore({
 		heightStore,
 		widthStore,
 		edgesWithDataStore,
+		idStore,
 		updateNodePositions,
 		updateNodeDimensions,
 		zoomIn,
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index 0f89b8fef..2c5a8b095 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { Node, Edge } from '@reactflow/system';
   
-  import SvelteFlow, { Controls } from '../lib/index';
+  import SvelteFlow, { Controls, Background, BackgroundVariant } from '../lib/index';
 
   const yNodes = 10;
   const xNodes = 10;
@@ -59,6 +59,7 @@
 
 <SvelteFlow {nodes} {edges} fitView >
   <Controls />
+  <Background variant={BackgroundVariant.Dots} />
 </SvelteFlow>
 
 <style>

From 5452ad99eddee5a40f107c6defabfd97e2ab735d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 20 Feb 2023 12:25:04 +0100
Subject: [PATCH 0011/1093] feat(svelte): add minimap component

---
 .../src/lib/components/nodes/BaseNode.svelte  |   8 ++
 .../src/lib/container/NodeRenderer.svelte     |   1 +
 packages/svelte/src/lib/index.ts              |   1 +
 .../src/lib/plugins/Minimap/Minimap.svelte    | 102 ++++++++++++++++++
 .../lib/plugins/Minimap/MinimapNode.svelte    |  34 ++++++
 .../svelte/src/lib/plugins/Minimap/index.ts   |   1 +
 packages/svelte/src/lib/store/index.ts        |   6 +-
 packages/svelte/src/routes/+page.svelte       |   3 +-
 8 files changed, 153 insertions(+), 3 deletions(-)
 create mode 100644 packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
 create mode 100644 packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
 create mode 100644 packages/svelte/src/lib/plugins/Minimap/index.ts

diff --git a/packages/svelte/src/lib/components/nodes/BaseNode.svelte b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
index 91734959c..40870b1ea 100644
--- a/packages/svelte/src/lib/components/nodes/BaseNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
@@ -8,10 +8,13 @@
 
   export let id: string;
   export let positionAbsolute: XYPosition = { x: 0, y: 0 };
+  export let position: XYPosition = { x: 0, y: 0 };
   export let dragging: boolean = false;
   export let data: any = {};
   export let resizeObserver: ResizeObserver | null = null;
   export let style: any = {};
+  export let width: number = 0;
+  export let height: number = 0;
 
   let nodeRef: HTMLDivElement;
 
@@ -32,6 +35,7 @@
 <div
   use:drag={{ nodeId: id, nodesStore, transformStore, updateNodePositions }}
   class="react-flow__node"
+  class:initializing={!width && !height}
   class:dragging={dragging}
   bind:this={nodeRef}
   style="transform: translate({positionAbsolute.x}px, {positionAbsolute.y}px);"
@@ -59,4 +63,8 @@
   .dragging {
     cursor: grabbing;
   }
+
+  .initializing {
+    visibility: hidden;
+  }
 </style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer.svelte
index 8e1bb4e15..875483b17 100644
--- a/packages/svelte/src/lib/container/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer.svelte
@@ -18,6 +18,7 @@
   onDestroy(() => {
     resizeObserver?.disconnect();
   });
+
 </script>
 
 <div class="react-flow__nodes">
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index d053894a0..a2dbe617b 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -1,5 +1,6 @@
 import SvelteFlow from '$lib/container/SvelteFlow.svelte';
 export { Controls, ControlButton } from '$lib/plugins/Controls';
 export { Background, BackgroundVariant } from '$lib/plugins/Background';
+export { Minimap } from '$lib/plugins/Minimap';
 
 export default SvelteFlow;
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
new file mode 100644
index 000000000..9de661f32
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -0,0 +1,102 @@
+<script lang="ts">
+  import cc from 'classcat';
+	import type { PanelPosition, Rect, Node } from '@reactflow/system';
+	import { getBoundsOfRects, getNodePositionWithOrigin, getRectOfNodes } from '@reactflow/utils';
+
+  import { useStore } from '$lib/store';
+	import Panel from '$lib/container/Panel.svelte';
+  import MinimapNode from './MinimapNode.svelte';
+
+  let position: PanelPosition = 'bottom-right';
+  let ariaLabel: string = 'Mini map';
+  let className: string = '';
+  let style: Record<string, unknown> = {};
+  let nodeStrokeColor: string = 'transparent';
+  let nodeColor: string = '#e2e2e2';
+  let nodeClassName: string = '';
+  let nodeBorderRadius: number = 5;
+  let nodeStrokeWidth: number = 2;
+  let maskColor: string = 'rgb(240, 240, 240, 0.6)';
+  let maskStrokeColor: string = 'none';
+  let maskStrokeWidth: number = 1;
+  export { className as class };
+
+  const defaultWidth = 200;
+  const defaultHeight = 150;
+  const { nodesStore, transformStore, widthStore, heightStore, nodeOriginStore, idStore } = useStore();
+
+  type GetMiniMapNodeAttribute = (node: Node) => string;
+  const getAttrFunction = (func: any): GetMiniMapNodeAttribute => (func instanceof Function ? func : () => func);
+  const nodeColorFunc = getAttrFunction(nodeColor);
+  const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
+  const nodeClassNameFunc = getAttrFunction(nodeClassName);
+  const shapeRendering = typeof window === 'undefined' || !!window.chrome ? 'crispEdges' : 'geometricPrecision';
+  const labelledBy = `react-flow__minimap-desc-${$idStore}`;
+  
+  $: viewBB = {
+    x: -$transformStore[0] / $transformStore[2],
+    y: -$transformStore[1] / $transformStore[2],
+    width: $widthStore / $transformStore[2],
+    height: $heightStore / $transformStore[2],
+  } as Rect;
+  $: boundingRect = $nodesStore.length > 0 ? getBoundsOfRects(getRectOfNodes($nodesStore, $nodeOriginStore), viewBB) : viewBB
+  $: elementWidth = (style?.width as number) ?? defaultWidth;
+  $: elementHeight = (style?.height as number) ?? defaultHeight;  
+  $: scaledWidth = boundingRect.width / elementWidth;
+  $: scaledHeight = boundingRect.height / elementHeight;
+  $: viewScale = Math.max(scaledWidth, scaledHeight);
+  $: viewWidth = viewScale * elementWidth;
+  $: viewHeight = viewScale * elementHeight;
+  $: offset = 5 * viewScale;
+  $: x = boundingRect.x - (viewWidth - boundingRect.width) / 2 - offset;
+  $: y = boundingRect.y - (viewHeight - boundingRect.height) / 2 - offset;
+  $: width = viewWidth + offset * 2;
+  $: height = viewHeight + offset * 2;
+</script>
+
+<Panel position={position} class={cc(['react-flow__minimap', className])}>
+  <svg
+    width={elementWidth}
+    height={elementHeight}
+    viewBox={`${x} ${y} ${width} ${height}`}
+    role="img"
+    aria-labelledby={labelledBy}
+  >
+    {#if ariaLabel}<title id={labelledBy}>{ariaLabel}</title>{/if}
+
+    {#each $nodesStore as node}
+      {#if node.width && node.height}
+        {@const pos = getNodePositionWithOrigin(node, $nodeOriginStore).positionAbsolute}
+        <MinimapNode
+          x={pos.x}
+          y={pos.y}
+          width={node.width}
+          height={node.height}
+          color={nodeColorFunc(node)}
+          borderRadius={nodeBorderRadius}
+          strokeColor={nodeStrokeColorFunc(node)}
+          strokeWidth={nodeStrokeWidth}
+          shapeRendering={shapeRendering}
+          class={nodeClassNameFunc(node)}
+          style={{}}
+        />
+      {/if}
+    {/each}
+    <path
+      class="react-flow__minimap-mask"
+      d={`M${x - offset},${y - offset}h${width + offset * 2}v${height + offset * 2}h${-width - offset * 2}z
+    M${viewBB.x},${viewBB.y}h${viewBB.width}v${viewBB.height}h${-viewBB.width}z`}
+      fill={maskColor}
+      fill-rule="evenodd"
+      stroke={maskStrokeColor}
+      stroke-width={maskStrokeWidth}
+      pointer-events="none"
+    />
+  </svg>
+</Panel>
+
+<style>
+  .react-flow__minimap {
+    background-color: #fff;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
new file mode 100644
index 000000000..41de5dcf5
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+  import cc from 'classcat';
+
+  export let x: number;
+  export let y: number;
+  export let width: number = 0;
+  export let height: number = 0;
+  export let borderRadius: number;
+  export let color: string;
+  export let shapeRendering: string;
+  export let strokeColor: string;
+  export let strokeWidth: number;
+  export let className: string = '';
+  export let style: Record<string, string>;
+
+  export { className as class };
+
+  const { background, backgroundColor } = style || {};
+  const fill = (color || background || backgroundColor) as string;
+</script>
+
+<rect
+  class={cc(['react-flow__minimap-node', className])}
+  x={x}
+  y={y}
+  rx={borderRadius}
+  ry={borderRadius}
+  width={width}
+  height={height}
+  fill={fill}
+  stroke={strokeColor}
+  stroke-width={strokeWidth}
+  shape-rendering={shapeRendering}
+/>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/plugins/Minimap/index.ts b/packages/svelte/src/lib/plugins/Minimap/index.ts
new file mode 100644
index 000000000..b21255c04
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Minimap/index.ts
@@ -0,0 +1 @@
+export { default as Minimap } from './Minimap.svelte';
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 2ad3c2a7c..862095155 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -13,9 +13,9 @@ import {
 	type D3SelectionInstance,
 	type ViewportHelperFunctionOptions
 } from '@reactflow/system';
-import { fitView, getD3Transition } from '@reactflow/utils';
+import { fitView, getD3Transition, getDimensions } from '@reactflow/utils';
 
-import { getDimensions, getHandleBounds } from '../../utils';
+import { getHandleBounds } from '../../utils';
 import {
 	getEdgePositions,
 	getHandle,
@@ -51,6 +51,7 @@ type SvelteFlowStore = {
 	transformStore: Writable<Transform>;
 	edgesWithDataStore: Readable<EdgeWithData[]>;
 	idStore: Writable<string>;
+	nodeOriginStore: Writable<NodeOrigin>;
 	zoomIn: (options?: ViewportHelperFunctionOptions) => void;
 	zoomOut: (options?: ViewportHelperFunctionOptions) => void;
 	fitView: (options?: ViewportHelperFunctionOptions) => boolean;
@@ -243,6 +244,7 @@ export function createStore({
 		widthStore,
 		edgesWithDataStore,
 		idStore,
+		nodeOriginStore,
 		updateNodePositions,
 		updateNodeDimensions,
 		zoomIn,
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index 2c5a8b095..bda7e50a3 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { Node, Edge } from '@reactflow/system';
   
-  import SvelteFlow, { Controls, Background, BackgroundVariant } from '../lib/index';
+  import SvelteFlow, { Controls, Background, BackgroundVariant, Minimap } from '../lib/index';
 
   const yNodes = 10;
   const xNodes = 10;
@@ -60,6 +60,7 @@
 <SvelteFlow {nodes} {edges} fitView >
   <Controls />
   <Background variant={BackgroundVariant.Dots} />
+  <Minimap />
 </SvelteFlow>
 
 <style>

From f9274594c88edfa4b64700ef2737ddd2f6ea8c78 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Christopher=20M=C3=B6ller?= <chrtze@gmail.com>
Date: Mon, 20 Feb 2023 13:46:27 +0100
Subject: [PATCH 0012/1093] fix(dependencies): replace cc with classcat

---
 packages/svelte/package.json |   2 +-
 pnpm-lock.yaml               | 174 +++++------------------------------
 2 files changed, 24 insertions(+), 152 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 3b2cd39d1..a6ad85db1 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -18,7 +18,7 @@
 	"dependencies": {
 		"@reactflow/system": "workspace:11.5.5",
 		"@reactflow/utils": "workspace:^11.5.5",
-		"cc": "^3.0.1",
+		"classcat": "^5.0.4",
 		"d3-drag": "^3.0.0",
 		"d3-selection": "^3.0.0",
 		"d3-zoom": "^3.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 05e0cad5f..9a6916071 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -317,7 +317,7 @@ importers:
       '@sveltejs/package': ^1.0.2
       '@typescript-eslint/eslint-plugin': ^5.45.0
       '@typescript-eslint/parser': ^5.45.0
-      cc: ^3.0.1
+      classcat: ^5.0.4
       d3-drag: ^3.0.0
       d3-selection: ^3.0.0
       d3-zoom: ^3.0.0
@@ -336,7 +336,7 @@ importers:
     dependencies:
       '@reactflow/system': link:../system
       '@reactflow/utils': link:../utils
-      cc: registry.npmjs.org/cc/3.0.1
+      classcat: registry.npmjs.org/classcat/5.0.4
       d3-drag: registry.npmjs.org/d3-drag/3.0.0
       d3-selection: registry.npmjs.org/d3-selection/3.0.0
       d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
@@ -3049,6 +3049,7 @@ packages:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz}
     name: balanced-match
     version: 1.0.2
+    dev: true
 
   registry.npmjs.org/base64-js/1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz}
@@ -3099,6 +3100,7 @@ packages:
     dependencies:
       balanced-match: registry.npmjs.org/balanced-match/1.0.2
       concat-map: registry.npmjs.org/concat-map/0.0.1
+    dev: true
 
   registry.npmjs.org/brace-expansion/2.0.1:
     resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz}
@@ -3247,17 +3249,6 @@ packages:
     version: 0.12.0
     dev: true
 
-  registry.npmjs.org/cc/3.0.1:
-    resolution: {integrity: sha512-WowS4JZyJZOmPuNjJJOgvc1S1VCIg9MjXkSgsskl6YZ2rFilRql1bMaFu6JdWJMoG+upPtdqQ7BCdEkt42SpMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cc/-/cc-3.0.1.tgz}
-    name: cc
-    version: 3.0.1
-    hasBin: true
-    dependencies:
-      deglob: registry.npmjs.org/deglob/4.0.1
-      pkg-conf: registry.npmjs.org/pkg-conf/3.1.0
-      python-shell: registry.npmjs.org/python-shell/2.0.3
-    dev: false
-
   registry.npmjs.org/chalk/2.4.2:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz}
     name: chalk
@@ -3476,6 +3467,7 @@ packages:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz}
     name: concat-map
     version: 0.0.1
+    dev: true
 
   registry.npmjs.org/concurrently/7.6.0:
     resolution: {integrity: sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/concurrently/-/concurrently-7.6.0.tgz}
@@ -3777,13 +3769,6 @@ packages:
     version: 1.11.5
     dev: true
 
-  registry.npmjs.org/debug-log/1.0.1:
-    resolution: {integrity: sha512-gV/pe1YIaKNgLYnd1g9VNW80tcb7oV5qvNUxG7NM8rbDpnl6RGunzlAtlGSb0wEs3nesu2vHNiX9TSsZ+Y+RjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug-log/-/debug-log-1.0.1.tgz}
-    name: debug-log
-    version: 1.0.1
-    engines: {node: '>=0.10.0'}
-    dev: false
-
   registry.npmjs.org/debug/3.2.7_supports-color@8.1.1:
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-3.2.7.tgz}
     id: registry.npmjs.org/debug/3.2.7
@@ -3897,19 +3882,6 @@ packages:
       object-keys: registry.npmjs.org/object-keys/1.1.1
     dev: true
 
-  registry.npmjs.org/deglob/4.0.1:
-    resolution: {integrity: sha512-/g+RDZ7yf2HvoW+E5Cy+K94YhgcFgr6C8LuHZD1O5HoNPkf3KY6RfXJ0DBGlB/NkLi5gml+G9zqRzk9S0mHZCg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deglob/-/deglob-4.0.1.tgz}
-    name: deglob
-    version: 4.0.1
-    dependencies:
-      find-root: registry.npmjs.org/find-root/1.1.0
-      glob: registry.npmjs.org/glob/7.2.3
-      ignore: registry.npmjs.org/ignore/5.2.4
-      pkg-config: registry.npmjs.org/pkg-config/1.1.1
-      run-parallel: registry.npmjs.org/run-parallel/1.2.0
-      uniq: registry.npmjs.org/uniq/1.0.1
-    dev: false
-
   registry.npmjs.org/delayed-stream/1.0.0:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz}
     name: delayed-stream
@@ -4027,6 +3999,7 @@ packages:
     version: 1.3.2
     dependencies:
       is-arrayish: registry.npmjs.org/is-arrayish/0.2.1
+    dev: true
 
   registry.npmjs.org/es-abstract/1.21.1:
     resolution: {integrity: sha512-QudMsPOz86xYz/1dG1OuGBKOELjCh99IIWHLzy5znUB6j8xG2yMA7bfTV86VSqKF+Y/H08vQPR+9jyXpuC6hfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-abstract/-/es-abstract-1.21.1.tgz}
@@ -4697,21 +4670,6 @@ packages:
       to-regex-range: registry.npmjs.org/to-regex-range/5.0.1
     dev: true
 
-  registry.npmjs.org/find-root/1.1.0:
-    resolution: {integrity: sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz}
-    name: find-root
-    version: 1.1.0
-    dev: false
-
-  registry.npmjs.org/find-up/3.0.0:
-    resolution: {integrity: sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz}
-    name: find-up
-    version: 3.0.0
-    engines: {node: '>=6'}
-    dependencies:
-      locate-path: registry.npmjs.org/locate-path/3.0.0
-    dev: false
-
   registry.npmjs.org/find-up/4.1.0:
     resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz}
     name: find-up
@@ -4858,6 +4816,7 @@ packages:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz}
     name: fs.realpath
     version: 1.0.0
+    dev: true
 
   registry.npmjs.org/fsevents/2.3.2:
     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz}
@@ -5013,6 +4972,7 @@ packages:
       minimatch: registry.npmjs.org/minimatch/3.1.2
       once: registry.npmjs.org/once/1.4.0
       path-is-absolute: registry.npmjs.org/path-is-absolute/1.0.1
+    dev: true
 
   registry.npmjs.org/glob/8.0.3:
     resolution: {integrity: sha512-ull455NHSHI/Y1FqGaaYFaLGkNMMJbavMrEGFXG/PGrg6y7sutWHUHrz6gy6WEBH6akM1M414dWKCNs+IhKdiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-8.0.3.tgz}
@@ -5121,6 +5081,7 @@ packages:
     resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz}
     name: graceful-fs
     version: 4.2.10
+    dev: true
 
   registry.npmjs.org/grapheme-splitter/1.0.4:
     resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz}
@@ -5283,6 +5244,7 @@ packages:
     name: ignore
     version: 5.2.4
     engines: {node: '>= 4'}
+    dev: true
 
   registry.npmjs.org/immediate/3.0.6:
     resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz}
@@ -5327,11 +5289,13 @@ packages:
     dependencies:
       once: registry.npmjs.org/once/1.4.0
       wrappy: registry.npmjs.org/wrappy/1.0.2
+    dev: true
 
   registry.npmjs.org/inherits/2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz}
     name: inherits
     version: 2.0.4
+    dev: true
 
   registry.npmjs.org/ini/2.0.0:
     resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ini/-/ini-2.0.0.tgz}
@@ -5365,6 +5329,7 @@ packages:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz}
     name: is-arrayish
     version: 0.2.1
+    dev: true
 
   registry.npmjs.org/is-bigint/1.0.4:
     resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz}
@@ -5723,12 +5688,6 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/json-parse-better-errors/1.0.2:
-    resolution: {integrity: sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz}
-    name: json-parse-better-errors
-    version: 1.0.2
-    dev: false
-
   registry.npmjs.org/json-parse-even-better-errors/2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz}
     name: json-parse-even-better-errors
@@ -5890,19 +5849,6 @@ packages:
       wrap-ansi: registry.npmjs.org/wrap-ansi/7.0.0
     dev: true
 
-  registry.npmjs.org/load-json-file/5.3.0:
-    resolution: {integrity: sha512-cJGP40Jc/VXUsp8/OrnyKyTZ1y6v/dphm3bioS+RrKXjK2BB6wHUd6JptZEFDGgGahMT+InnZO5i1Ei9mpC8Bw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/load-json-file/-/load-json-file-5.3.0.tgz}
-    name: load-json-file
-    version: 5.3.0
-    engines: {node: '>=6'}
-    dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.10
-      parse-json: registry.npmjs.org/parse-json/4.0.0
-      pify: registry.npmjs.org/pify/4.0.1
-      strip-bom: registry.npmjs.org/strip-bom/3.0.0
-      type-fest: registry.npmjs.org/type-fest/0.3.1
-    dev: false
-
   registry.npmjs.org/load-yaml-file/0.2.0:
     resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/load-yaml-file/-/load-yaml-file-0.2.0.tgz}
     name: load-yaml-file
@@ -5923,16 +5869,6 @@ packages:
       lie: registry.npmjs.org/lie/3.1.1
     dev: false
 
-  registry.npmjs.org/locate-path/3.0.0:
-    resolution: {integrity: sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz}
-    name: locate-path
-    version: 3.0.0
-    engines: {node: '>=6'}
-    dependencies:
-      p-locate: registry.npmjs.org/p-locate/3.0.0
-      path-exists: registry.npmjs.org/path-exists/3.0.0
-    dev: false
-
   registry.npmjs.org/locate-path/5.0.0:
     resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz}
     name: locate-path
@@ -6180,6 +6116,7 @@ packages:
     version: 3.1.2
     dependencies:
       brace-expansion: registry.npmjs.org/brace-expansion/1.1.11
+    dev: true
 
   registry.npmjs.org/minimatch/5.1.2:
     resolution: {integrity: sha512-bNH9mmM9qsJ2X4r2Nat1B//1dJVcn3+iBLa3IgqJ7EbGaDNepL9QSHOxN4ng33s52VMMhhIfgCYDk3C4ZmlDAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimatch/-/minimatch-5.1.2.tgz}
@@ -6445,6 +6382,7 @@ packages:
     version: 1.4.0
     dependencies:
       wrappy: registry.npmjs.org/wrappy/1.0.2
+    dev: true
 
   registry.npmjs.org/onetime/5.1.2:
     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz}
@@ -6504,6 +6442,7 @@ packages:
     engines: {node: '>=6'}
     dependencies:
       p-try: registry.npmjs.org/p-try/2.2.0
+    dev: true
 
   registry.npmjs.org/p-limit/3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz}
@@ -6514,15 +6453,6 @@ packages:
       yocto-queue: registry.npmjs.org/yocto-queue/0.1.0
     dev: true
 
-  registry.npmjs.org/p-locate/3.0.0:
-    resolution: {integrity: sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz}
-    name: p-locate
-    version: 3.0.0
-    engines: {node: '>=6'}
-    dependencies:
-      p-limit: registry.npmjs.org/p-limit/2.3.0
-    dev: false
-
   registry.npmjs.org/p-locate/4.1.0:
     resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz}
     name: p-locate
@@ -6562,6 +6492,7 @@ packages:
     name: p-try
     version: 2.2.0
     engines: {node: '>=6'}
+    dev: true
 
   registry.npmjs.org/parent-module/1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz}
@@ -6584,16 +6515,6 @@ packages:
       is-glob: registry.npmjs.org/is-glob/2.0.1
     dev: true
 
-  registry.npmjs.org/parse-json/4.0.0:
-    resolution: {integrity: sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz}
-    name: parse-json
-    version: 4.0.0
-    engines: {node: '>=4'}
-    dependencies:
-      error-ex: registry.npmjs.org/error-ex/1.3.2
-      json-parse-better-errors: registry.npmjs.org/json-parse-better-errors/1.0.2
-    dev: false
-
   registry.npmjs.org/parse-json/5.2.0:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz}
     name: parse-json
@@ -6615,13 +6536,6 @@ packages:
       tslib: registry.npmjs.org/tslib/2.4.1
     dev: true
 
-  registry.npmjs.org/path-exists/3.0.0:
-    resolution: {integrity: sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz}
-    name: path-exists
-    version: 3.0.0
-    engines: {node: '>=4'}
-    dev: false
-
   registry.npmjs.org/path-exists/4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz}
     name: path-exists
@@ -6634,6 +6548,7 @@ packages:
     name: path-is-absolute
     version: 1.0.1
     engines: {node: '>=0.10.0'}
+    dev: true
 
   registry.npmjs.org/path-key/3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz}
@@ -6700,6 +6615,7 @@ packages:
     name: pify
     version: 4.0.1
     engines: {node: '>=6'}
+    dev: true
 
   registry.npmjs.org/pirates/4.0.5:
     resolution: {integrity: sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pirates/-/pirates-4.0.5.tgz}
@@ -6708,27 +6624,6 @@ packages:
     engines: {node: '>= 6'}
     dev: true
 
-  registry.npmjs.org/pkg-conf/3.1.0:
-    resolution: {integrity: sha512-m0OTbR/5VPNPqO1ph6Fqbj7Hv6QU7gR/tQW40ZqrL1rjgCU85W6C1bJn0BItuJqnR98PWzw7Z8hHeChD1WrgdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pkg-conf/-/pkg-conf-3.1.0.tgz}
-    name: pkg-conf
-    version: 3.1.0
-    engines: {node: '>=6'}
-    dependencies:
-      find-up: registry.npmjs.org/find-up/3.0.0
-      load-json-file: registry.npmjs.org/load-json-file/5.3.0
-    dev: false
-
-  registry.npmjs.org/pkg-config/1.1.1:
-    resolution: {integrity: sha512-ft/WI9YK6FuTuw4Ql+QUaNXtm/ASQNqDUUsZEgFZKyFpW6amyP8Gx01xrRs8KdiNbbqXfYxkOXplpq1euWbOjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pkg-config/-/pkg-config-1.1.1.tgz}
-    name: pkg-config
-    version: 1.1.1
-    engines: {node: '>=0.10'}
-    dependencies:
-      debug-log: registry.npmjs.org/debug-log/1.0.1
-      find-root: registry.npmjs.org/find-root/1.1.0
-      xtend: registry.npmjs.org/xtend/4.0.2
-    dev: false
-
   registry.npmjs.org/pkg-dir/4.2.0:
     resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz}
     name: pkg-dir
@@ -7002,13 +6897,6 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/python-shell/2.0.3:
-    resolution: {integrity: sha512-SBYQzXjexcxmmgzpjdIVxum9tj4Zaov1jNuSGMLssPxRhZ7lxqlpuEtLT0TEed0RAqhGfx2YFVC+imCJOmkVHg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/python-shell/-/python-shell-2.0.3.tgz}
-    name: python-shell
-    version: 2.0.3
-    engines: {node: '>=0.10'}
-    dev: false
-
   registry.npmjs.org/qs/6.5.3:
     resolution: {integrity: sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/qs/-/qs-6.5.3.tgz}
     name: qs
@@ -7020,6 +6908,7 @@ packages:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz}
     name: queue-microtask
     version: 1.2.3
+    dev: true
 
   registry.npmjs.org/quick-lru/4.0.1:
     resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz}
@@ -7333,6 +7222,7 @@ packages:
     version: 1.2.0
     dependencies:
       queue-microtask: registry.npmjs.org/queue-microtask/1.2.3
+    dev: true
 
   registry.npmjs.org/rxjs/7.5.6:
     resolution: {integrity: sha512-dnyv2/YsXhnm461G+R/Pe5bWP41Nm6LBXEYWI6eiFP4fiwx6WRI/CD0zbdVAudd9xwLEF2IDcKXLHit0FYjUzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rxjs/-/rxjs-7.5.6.tgz}
@@ -7808,6 +7698,7 @@ packages:
     name: strip-bom
     version: 3.0.0
     engines: {node: '>=4'}
+    dev: true
 
   registry.npmjs.org/strip-final-newline/2.0.0:
     resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz}
@@ -8278,13 +8169,6 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/type-fest/0.3.1:
-    resolution: {integrity: sha512-cUGJnCdr4STbePCgqNFbpVNCepa+kAVohJs1sLhxzdH+gnEoOd8VhbYa7pD3zZYGiURWM2xzEII3fQcRizDkYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.3.1.tgz}
-    name: type-fest
-    version: 0.3.1
-    engines: {node: '>=6'}
-    dev: false
-
   registry.npmjs.org/type-fest/0.6.0:
     resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz}
     name: type-fest
@@ -8337,12 +8221,6 @@ packages:
       busboy: registry.npmjs.org/busboy/1.6.0
     dev: true
 
-  registry.npmjs.org/uniq/1.0.1:
-    resolution: {integrity: sha512-Gw+zz50YNKPDKXs+9d+aKAjVwpjNwqzvNpLigIruT4HA9lMZNdMqs9x07kKHB/L9WRzqp4+DlTU5s4wG2esdoA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz}
-    name: uniq
-    version: 1.0.1
-    dev: false
-
   registry.npmjs.org/universalify/0.1.2:
     resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz}
     name: universalify
@@ -8668,13 +8546,7 @@ packages:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz}
     name: wrappy
     version: 1.0.2
-
-  registry.npmjs.org/xtend/4.0.2:
-    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz}
-    name: xtend
-    version: 4.0.2
-    engines: {node: '>=0.4'}
-    dev: false
+    dev: true
 
   registry.npmjs.org/y18n/4.0.3:
     resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz}

From 1f44bc4da53a6746c15c7dcfb7394954e90aa2d6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 20 Feb 2023 19:01:43 +0100
Subject: [PATCH 0013/1093] feat(svelte): selection box

---
 packages/svelte/package.json                  |   5 +-
 .../src/lib/{hooks => actions}/drag/index.ts  |   0
 .../src/lib/{hooks => actions}/drag/utils.ts  |   0
 packages/svelte/src/lib/actions/zoom/index.ts | 119 ++++++++++++
 .../lib/components/KeyHandler/index.svelte    |  26 +++
 .../lib/components/NodeSelection/index.svelte |  23 +++
 .../src/lib/components/Selection/index.svelte |  30 +++
 .../lib/components/UserSelection/index.svelte |  14 ++
 .../src/lib/components/nodes/BaseNode.svelte  |   5 +-
 .../src/lib/container/NodeRenderer.svelte     |   2 +
 .../src/lib/container/Pane/index.svelte       | 180 ++++++++++++++++++
 .../src/lib/container/SvelteFlow.svelte       |  37 ++--
 .../svelte/src/lib/container/Viewport.svelte  |  30 +--
 .../src/lib/container/Zoom/index.svelte       |  23 +++
 packages/svelte/src/lib/hooks/zoom/index.ts   | 114 -----------
 packages/svelte/src/lib/store/index.ts        |  39 +++-
 pnpm-lock.yaml                                |   8 +
 17 files changed, 501 insertions(+), 154 deletions(-)
 rename packages/svelte/src/lib/{hooks => actions}/drag/index.ts (100%)
 rename packages/svelte/src/lib/{hooks => actions}/drag/utils.ts (100%)
 create mode 100644 packages/svelte/src/lib/actions/zoom/index.ts
 create mode 100644 packages/svelte/src/lib/components/KeyHandler/index.svelte
 create mode 100644 packages/svelte/src/lib/components/NodeSelection/index.svelte
 create mode 100644 packages/svelte/src/lib/components/Selection/index.svelte
 create mode 100644 packages/svelte/src/lib/components/UserSelection/index.svelte
 create mode 100644 packages/svelte/src/lib/container/Pane/index.svelte
 create mode 100644 packages/svelte/src/lib/container/Zoom/index.svelte
 delete mode 100644 packages/svelte/src/lib/hooks/zoom/index.ts

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index a6ad85db1..09e72ce24 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -16,8 +16,9 @@
 		".": "./index.js"
 	},
 	"dependencies": {
-		"@reactflow/system": "workspace:11.5.5",
-		"@reactflow/utils": "workspace:^11.5.5",
+		"@reactflow/system": "workspace:*",
+		"@reactflow/utils": "workspace:*",
+		"@svelte-put/shortcut": "^2.0.0",
 		"classcat": "^5.0.4",
 		"d3-drag": "^3.0.0",
 		"d3-selection": "^3.0.0",
diff --git a/packages/svelte/src/lib/hooks/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
similarity index 100%
rename from packages/svelte/src/lib/hooks/drag/index.ts
rename to packages/svelte/src/lib/actions/drag/index.ts
diff --git a/packages/svelte/src/lib/hooks/drag/utils.ts b/packages/svelte/src/lib/actions/drag/utils.ts
similarity index 100%
rename from packages/svelte/src/lib/hooks/drag/utils.ts
rename to packages/svelte/src/lib/actions/drag/utils.ts
diff --git a/packages/svelte/src/lib/actions/zoom/index.ts b/packages/svelte/src/lib/actions/zoom/index.ts
new file mode 100644
index 000000000..29d0a1061
--- /dev/null
+++ b/packages/svelte/src/lib/actions/zoom/index.ts
@@ -0,0 +1,119 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import type { Writable } from 'svelte/store';
+import { select } from 'd3-selection';
+import { zoom as d3Zoom, zoomIdentity } from 'd3-zoom';
+import type { D3ZoomEvent } from 'd3-zoom';
+import type { D3SelectionInstance, D3ZoomInstance, Transform } from '@reactflow/system';
+
+const isWrappedWithClass = (event: any, className: string | undefined) =>
+	event.target.closest(`.${className}`);
+
+function filter(event: any, params: ZoomParams): boolean {
+	const zoomScroll = true;
+	const pinchZoom = true;
+
+	if (
+		event.button === 1 &&
+		event.type === 'mousedown' &&
+		(isWrappedWithClass(event, 'react-flow__node') || isWrappedWithClass(event, 'react-flow__edge'))
+	) {
+		return true;
+	}
+
+	// if all interactions are disabled, we prevent all zoom events
+	// if (!panOnDrag && !zoomScroll && !panOnScroll && !zoomOnDoubleClick && !zoomOnPinch) {
+	// 	return false;
+	// }
+	// // during a selection we prevent all other interactions
+	if (params.selecting) {
+		return false;
+	}
+
+	// // if zoom on double click is disabled, we prevent the double click event
+	// if (!zoomOnDoubleClick && event.type === 'dblclick') {
+	// 	return false;
+	// }
+
+	// // if the target element is inside an element with the nowheel class, we prevent zooming
+	// if (isWrappedWithClass(event, noWheelClassName) && event.type === 'wheel') {
+	// 	return false;
+	// }
+
+	// // if the target element is inside an element with the nopan class, we prevent panning
+	// if (isWrappedWithClass(event, noPanClassName) && event.type !== 'wheel') {
+	// 	return false;
+	// }
+
+	// if (!zoomOnPinch && event.ctrlKey && event.type === 'wheel') {
+	// 	return false;
+	// }
+
+	// // when there is no scroll handling enabled, we prevent all wheel events
+	// if (!zoomScroll && !panOnScroll && !pinchZoom && event.type === 'wheel') {
+	// 	return false;
+	// }
+
+	// // if the pane is not movable, we prevent dragging it with mousestart or touchstart
+	// if (!panOnDrag && (event.type === 'mousedown' || event.type === 'touchstart')) {
+	// 	return false;
+	// }
+
+	// // if the pane is only movable using allowed clicks
+	// if (
+	// 	Array.isArray(panOnDrag) &&
+	// 	!panOnDrag.includes(event.button) &&
+	// 	(event.type === 'mousedown' || event.type === 'touchstart')
+	// ) {
+	// 	return false;
+	// }
+
+	// // We only allow right clicks if pan on drag is set to right click
+	// const buttonAllowed =
+	// 	(Array.isArray(panOnDrag) && panOnDrag.includes(event.button)) ||
+	// 	!event.button ||
+	// 	event.button <= 1;
+
+	// default filter for d3-zoom
+	return ((!event.ctrlKey || event.type === 'wheel') && !event.button) || event.button <= 1;
+}
+
+type ZoomParams = {
+	transformStore: Writable<Transform>;
+	selecting: boolean;
+	d3Store: Writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>;
+};
+
+export default function zoom(domNode: Element, params: ZoomParams) {
+	const { transformStore, d3Store } = params;
+	const d3ZoomInstance = d3Zoom();
+	const selection = select(domNode).call(d3ZoomInstance);
+	const d3ZoomHandler = selection.on('wheel.zoom');
+
+	d3ZoomInstance.transform(selection, zoomIdentity);
+
+	selection.on('wheel.zoom', function (event: any, d: any) {
+		if (isWrappedWithClass(event, 'nowheel')) {
+			return null;
+		}
+
+		event.preventDefault();
+		d3ZoomHandler!.call(this, event, d);
+	});
+
+	d3Store.set({
+		zoom: d3ZoomInstance,
+		selection
+	});
+
+	d3ZoomInstance.on('zoom', (event: D3ZoomEvent<HTMLDivElement, any>) => {
+		transformStore.set([event.transform.x, event.transform.y, event.transform.k]);
+	});
+
+	d3ZoomInstance.filter((event: any) => filter(event, params));
+
+	return {
+		update(params: ZoomParams) {
+			d3ZoomInstance.filter((event: any) => filter(event, params));
+		}
+	};
+}
diff --git a/packages/svelte/src/lib/components/KeyHandler/index.svelte b/packages/svelte/src/lib/components/KeyHandler/index.svelte
new file mode 100644
index 000000000..d55f6eb92
--- /dev/null
+++ b/packages/svelte/src/lib/components/KeyHandler/index.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+  import { shortcut } from '@svelte-put/shortcut';
+
+  import { useStore } from '$lib/store';
+
+  const { selectionKeyPressedStore } = useStore();
+
+  function onSelectionKeyDown() {
+    selectionKeyPressedStore.set(true);
+  }
+
+  function onSelectionKeyUp() {
+    selectionKeyPressedStore.set(false);
+  }
+</script>
+
+<svelte:window
+  use:shortcut={{ 
+    trigger: [{ key: 'Shift', callback: onSelectionKeyDown }],
+    type: 'keydown'
+  }}
+  use:shortcut={{ 
+    trigger: [{ key: 'Shift', callback: onSelectionKeyUp }],
+    type: 'keyup'
+  }}
+/>
diff --git a/packages/svelte/src/lib/components/NodeSelection/index.svelte b/packages/svelte/src/lib/components/NodeSelection/index.svelte
new file mode 100644
index 000000000..04295e15f
--- /dev/null
+++ b/packages/svelte/src/lib/components/NodeSelection/index.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { getRectOfNodes } from '@reactflow/utils';
+
+  import { useStore } from '$lib/store';
+  import Selection from '$lib/components/Selection/index.svelte';
+
+  const { selectionRectModeStore, nodesStore, nodeOriginStore } = useStore();
+
+  $: selectedNodes = $nodesStore.filter(n => n.selected);
+  $: rect = getRectOfNodes(selectedNodes, $nodeOriginStore);
+
+  // @todo: use zoom action for selection
+</script> 
+
+{#if selectedNodes}
+  <Selection
+    isVisible={$selectionRectModeStore === 'nodes'}
+    width={rect.width}
+    height={rect.height}
+    x={rect.x}
+    y={rect.y}
+  />
+{/if}
diff --git a/packages/svelte/src/lib/components/Selection/index.svelte b/packages/svelte/src/lib/components/Selection/index.svelte
new file mode 100644
index 000000000..4c8f4946d
--- /dev/null
+++ b/packages/svelte/src/lib/components/Selection/index.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+  export let x: number | null = 0;
+  export let y: number | null = 0;
+  export let width: number | null = 0;
+  export let height: number | null = 0;
+  export let isVisible: boolean = true;
+</script> 
+
+{#if isVisible}
+  <div
+    class="react-flow__selection"
+    style={`width: ${width}px; height: ${height}px;transform: translate(${x}px, ${y}px)`}
+  />
+{/if}
+
+<style>
+  .react-flow__selection {
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: rgba(0, 89, 220, 0.08);
+    border: 1px dotted rgba(0, 89, 220, 0.8);
+    z-index: 6;
+  }
+
+  .react-flow__selection:focus,
+  .react-flow__selection:focus-visible {
+    outline: none;
+  }
+</style>
diff --git a/packages/svelte/src/lib/components/UserSelection/index.svelte b/packages/svelte/src/lib/components/UserSelection/index.svelte
new file mode 100644
index 000000000..a595a68c5
--- /dev/null
+++ b/packages/svelte/src/lib/components/UserSelection/index.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { useStore } from '$lib/store';
+  import Selection from '$lib/components/Selection/index.svelte';
+
+  const { selectionRectStore, selectionRectModeStore } = useStore();
+</script> 
+
+<Selection
+  isVisible={!!($selectionRectStore && $selectionRectModeStore === 'user')}
+  width={$selectionRectStore?.width}
+  height={$selectionRectStore?.height}
+  x={$selectionRectStore?.x}
+  y={$selectionRectStore?.y}
+/>
diff --git a/packages/svelte/src/lib/components/nodes/BaseNode.svelte b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
index 40870b1ea..cda672574 100644
--- a/packages/svelte/src/lib/components/nodes/BaseNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
@@ -2,7 +2,7 @@
 	import { onMount, setContext } from 'svelte';
   import type { XYPosition } from '@reactflow/system';
 
-  import drag  from '$lib/hooks/drag'
+  import drag  from '$lib/actions/drag'
 	import { useStore } from '$lib/store';
 	import DefaultNode from './DefaultNode.svelte';
 
@@ -29,7 +29,6 @@
       resizeObserver?.unobserve(nodeRef);
     }
   });
-
 </script>
 
 <div
@@ -58,6 +57,8 @@
     background-color: white;
     position: absolute;
     cursor: grab; 
+    pointer-events: all;
+    user-select: none;
   }
 
   .dragging {
diff --git a/packages/svelte/src/lib/container/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer.svelte
index 875483b17..970a362df 100644
--- a/packages/svelte/src/lib/container/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer.svelte
@@ -31,5 +31,7 @@
   .react-flow__nodes {
     width: 100%;
     height: 100%;
+    pointer-events: none;
+    transform-origin: 0 0;
   }
 </style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/Pane/index.svelte b/packages/svelte/src/lib/container/Pane/index.svelte
new file mode 100644
index 000000000..b4a033863
--- /dev/null
+++ b/packages/svelte/src/lib/container/Pane/index.svelte
@@ -0,0 +1,180 @@
+<script lang="ts">
+  import { useStore } from '$lib/store';
+	import { SelectionMode, type Node, type Edge } from '@reactflow/system';
+	import { getConnectedEdges, getEventPosition, getNodesInside } from '@reactflow/utils';
+
+  const { nodesStore, edgesStore, transformStore, nodeOriginStore, draggingStore, selectionRectStore, selectionRectModeStore, selectionKeyPressedStore, resetSelectedElements } = useStore();
+
+  const wrapHandler = (
+    handler: (evt: MouseEvent) => void,
+    container: HTMLDivElement
+  ):  (evt: MouseEvent) => void => {
+    return (event: MouseEvent) => {
+      if (event.target !== container) {
+        return;
+      }
+
+      handler?.(event);
+    };
+  };
+
+  // @todo take from props
+  const elementsSelectable = true;
+  const selectionMode = SelectionMode.Partial
+
+	let container: HTMLDivElement;
+  let containerBounds: DOMRect | null = null
+  let selectedNodes: Node[] = [];
+  
+  $: isSelecting = $selectionKeyPressedStore;
+  $: hasActiveSelection = elementsSelectable && (isSelecting || $selectionRectModeStore === 'user');
+
+
+  function onClick (event: MouseEvent) {
+    // onPaneClick?.(event);
+    
+    resetSelectedElements();
+    selectionRectModeStore.set(null)
+  }
+
+  function onMouseDown(event: MouseEvent) {
+    containerBounds = container.getBoundingClientRect();
+
+    if (
+      !elementsSelectable ||
+      !isSelecting ||
+      event.button !== 0 ||
+      event.target !== container ||
+      !containerBounds
+    ) {
+      return;
+    }
+
+    const { x, y } = getEventPosition(event, containerBounds);
+
+    resetSelectedElements();
+
+    selectionRectStore.set({
+      width: 0,
+      height: 0,
+      startX: x,
+      startY: y,
+      x,
+      y
+    });
+
+   
+    // onSelectionStart?.(event);
+  };
+
+  function toggleSelected<Item extends Node | Edge>(ids: string[]) {
+    return (item: Item) => {
+      const isSelected = ids.includes(item.id);
+
+      if (item.selected !== isSelected) {
+        return {
+          ...item,
+          selected: isSelected,
+        };
+      }
+
+      return item;
+    }
+  }
+
+  function onMouseMove(event: MouseEvent) {
+    if (!isSelecting || !containerBounds || !$selectionRectStore) {
+      return;
+    }
+    const mousePos = getEventPosition(event, containerBounds);
+    const startX = $selectionRectStore.startX ?? 0;
+    const startY = $selectionRectStore.startY ?? 0;
+    const nextUserSelectRect = {
+      ...$selectionRectStore,
+      x: mousePos.x < startX ? mousePos.x : startX,
+      y: mousePos.y < startY ? mousePos.y : startY,
+      width: Math.abs(mousePos.x - startX),
+      height: Math.abs(mousePos.y - startY),
+    };
+
+    selectedNodes = getNodesInside(
+      new Map($nodesStore.map(node => [node.id, node])),
+      nextUserSelectRect,
+      $transformStore,
+      selectionMode === SelectionMode.Partial,
+      true,
+      $nodeOriginStore
+    );
+    const selectedEdgeIds = getConnectedEdges(selectedNodes, $edgesStore).map((e) => e.id);
+    const selectedNodeIds = selectedNodes.map((n) => n.id);
+
+    nodesStore.update(nodes => nodes.map(toggleSelected(selectedNodeIds)));
+    edgesStore.update(edges => edges.map(toggleSelected(selectedEdgeIds)));
+
+    selectionRectModeStore.set('user');
+    selectionRectStore.set(nextUserSelectRect);
+  }
+
+  function onMouseUp(event: MouseEvent) {
+    if (event.button !== 0) {
+      return;
+    }
+
+    // We only want to trigger click functions when in selection mode if
+    // the user did not move the mouse.
+    // if (!userSelectionActive && userSelectionRect && event.target === container.current) {
+    //   onClick?.(event);
+    // }
+    selectionRectStore.set(null);
+
+    if (selectedNodes.length > 0) {
+      selectionRectModeStore.set('nodes');
+    }
+
+    
+    // onSelectionEnd?.(event);
+  }
+
+  const onMouseLeave = (event: MouseEvent) => {
+    if ($selectionRectModeStore === 'user') {
+      selectionRectModeStore.set(selectedNodes.length > 0 ? 'nodes' : null);
+      //  onSelectionEnd?.(event);
+    }
+
+    selectionRectStore.set(null);
+  };
+</script>
+
+<div
+  bind:this={container}
+  class="react-flow__pane"
+  class:dragging={$draggingStore}
+  class:selection={isSelecting}
+  on:click={hasActiveSelection ? undefined : wrapHandler(onClick, container)}
+  on:mousedown={hasActiveSelection ? onMouseDown : undefined}
+  on:mousemove={hasActiveSelection? onMouseMove : undefined}
+  on:mouseup={hasActiveSelection ? onMouseUp : undefined}
+  on:mouseleave={hasActiveSelection ? onMouseLeave : undefined}
+>
+  <slot />
+</div>
+
+<style>
+  .react-flow__pane {
+    cursor: grab;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+  }
+
+  .selection {
+    cursor: pointer;
+  }
+
+  .dragging {
+    cursor: grabbing;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow.svelte
index 11a659f33..f2617ae4c 100644
--- a/packages/svelte/src/lib/container/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow.svelte
@@ -4,18 +4,23 @@
   import type { Node, Edge } from '@reactflow/system';
 
 	import { key, createStore } from '$lib/store';
+  import Zoom from '$lib/container/Zoom/index.svelte';
+  import Pane from '$lib/container/Pane/index.svelte';
   import Viewport from '$lib/container/Viewport.svelte';
   import NodeRenderer from '$lib/container/NodeRenderer.svelte';
   import EdgeRenderer from '$lib/container/EdgeRenderer/index.svelte';
+  import UserSelection from '$lib/components/UserSelection/index.svelte';
+  import NodeSelection from '$lib/components/NodeSelection/index.svelte';
+  import KeyHandler from '$lib/components/KeyHandler/index.svelte';
 
-  export let nodes: Node[];
-  export let edges: Edge[];
-  export let fitView: boolean;
-
-  export let className: string | null = null;
   export let id: string = '1';
+  export let nodes: Node[] = [];
+  export let edges: Edge[] = [];
+  export let fitView: boolean = false;
+
+  let className: string = '';
+  export { className as class };
 
-  let props = { ...$$restProps };
   let domNode: Element;
 
   const store = createStore({
@@ -35,19 +40,24 @@
   })
 </script>
 
-
 <div
-  {...props}
+  {...$$restProps}
   class={cc(['react-flow', className])}
   data-testid="rf__wrapper"
   id={id}
   bind:this={domNode}
 >
-  <Viewport>
-    <NodeRenderer />
-    <EdgeRenderer />
-  </Viewport>
-
+  <KeyHandler />
+  <Zoom>
+    <Pane>
+      <Viewport>
+        <NodeSelection />
+        <NodeRenderer />
+        <EdgeRenderer />
+      </Viewport>
+      <UserSelection />
+    </Pane>
+  </Zoom>
   <slot />
 </div>
 
@@ -59,5 +69,4 @@
     position: relative;
     z-index: 0;
   }
-
 </style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/Viewport.svelte b/packages/svelte/src/lib/container/Viewport.svelte
index 61a8c9441..4be75a58e 100644
--- a/packages/svelte/src/lib/container/Viewport.svelte
+++ b/packages/svelte/src/lib/container/Viewport.svelte
@@ -1,35 +1,25 @@
 <script lang="ts">
-  import zoom  from '$lib/hooks/zoom'
 	import { useStore } from '$lib/store';
 
-  const { transformStore, d3Store } = useStore();
+  const { transformStore} = useStore();
 </script>
 
-<div class="react-flow__pane" use:zoom={{ transformStore, d3Store }}>
-  <div
-    class="react-flow__viewport" 
-    style="transform: translate({$transformStore[0]}px, {$transformStore[1]}px) scale({$transformStore[2]})"
-  >
-    <slot></slot>
-  </div>
+<div
+  class="react-flow__viewport" 
+  style="transform: translate({$transformStore[0]}px, {$transformStore[1]}px) scale({$transformStore[2]})"
+>
+  <slot />
 </div>
 
 <style>
-  .react-flow__pane {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top:0;
-    left:0;
-    cursor: grab;
-  }
-
   .react-flow__viewport {
     width: 100%;
     height: 100%;
     position: absolute;
     transform-origin: 0 0;
-    top:0;
-    left:0;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    pointer-events: none;
   }
 </style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/Zoom/index.svelte b/packages/svelte/src/lib/container/Zoom/index.svelte
new file mode 100644
index 000000000..6f9380436
--- /dev/null
+++ b/packages/svelte/src/lib/container/Zoom/index.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { useStore } from '$lib/store';
+  import zoom from '$lib/actions/zoom';
+
+  const { transformStore, d3Store, selectionKeyPressedStore, selectionRectModeStore } = useStore();
+
+  $: selecting = $selectionKeyPressedStore || $selectionRectModeStore === 'user';
+</script>
+
+<div class="react-flow__zoom" use:zoom={{ transformStore, d3Store, selecting }}>
+  <slot />
+</div>
+
+<style>
+  .react-flow__zoom {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 4;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/hooks/zoom/index.ts b/packages/svelte/src/lib/hooks/zoom/index.ts
deleted file mode 100644
index 352be67d9..000000000
--- a/packages/svelte/src/lib/hooks/zoom/index.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import type { Writable } from 'svelte/store';
-import { select } from 'd3-selection';
-import { zoom as d3Zoom, zoomIdentity } from 'd3-zoom';
-import type { D3ZoomEvent } from 'd3-zoom';
-import type { D3SelectionInstance, D3ZoomInstance, Transform } from '@reactflow/system';
-
-const isWrappedWithClass = (event: any, className: string | undefined) =>
-	event.target.closest(`.${className}`);
-
-export default function zoom(
-	domNode: Element,
-	{
-		transformStore,
-		d3Store
-	}: {
-		transformStore: Writable<Transform>;
-		d3Store: Writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>;
-	}
-) {
-	const d3ZoomInstance = d3Zoom();
-	const selection = select(domNode).call(d3ZoomInstance);
-	const d3ZoomHandler = selection.on('wheel.zoom');
-	d3ZoomInstance.transform(selection, zoomIdentity);
-
-	selection.on('wheel.zoom', function (event: any, d: any) {
-		if (isWrappedWithClass(event, 'nowheel')) {
-			return null;
-		}
-
-		event.preventDefault();
-		d3ZoomHandler!.call(this, event, d);
-	});
-
-	d3Store.set({
-		zoom: d3ZoomInstance,
-		selection
-	});
-
-	d3ZoomInstance.on('zoom', (event: D3ZoomEvent<HTMLDivElement, any>) => {
-		transformStore.set([event.transform.x, event.transform.y, event.transform.k]);
-	});
-
-	d3ZoomInstance.filter((event: any) => {
-		const zoomScroll = true;
-		const pinchZoom = true;
-
-		if (
-			event.button === 1 &&
-			event.type === 'mousedown' &&
-			(isWrappedWithClass(event, 'react-flow__node') ||
-				isWrappedWithClass(event, 'react-flow__edge'))
-		) {
-			return true;
-		}
-
-		// if all interactions are disabled, we prevent all zoom events
-		// if (!panOnDrag && !zoomScroll && !panOnScroll && !zoomOnDoubleClick && !zoomOnPinch) {
-		// 	return false;
-		// }
-
-		// // during a selection we prevent all other interactions
-		// if (userSelectionActive) {
-		// 	return false;
-		// }
-
-		// // if zoom on double click is disabled, we prevent the double click event
-		// if (!zoomOnDoubleClick && event.type === 'dblclick') {
-		// 	return false;
-		// }
-
-		// // if the target element is inside an element with the nowheel class, we prevent zooming
-		// if (isWrappedWithClass(event, noWheelClassName) && event.type === 'wheel') {
-		// 	return false;
-		// }
-
-		// // if the target element is inside an element with the nopan class, we prevent panning
-		// if (isWrappedWithClass(event, noPanClassName) && event.type !== 'wheel') {
-		// 	return false;
-		// }
-
-		// if (!zoomOnPinch && event.ctrlKey && event.type === 'wheel') {
-		// 	return false;
-		// }
-
-		// // when there is no scroll handling enabled, we prevent all wheel events
-		// if (!zoomScroll && !panOnScroll && !pinchZoom && event.type === 'wheel') {
-		// 	return false;
-		// }
-
-		// // if the pane is not movable, we prevent dragging it with mousestart or touchstart
-		// if (!panOnDrag && (event.type === 'mousedown' || event.type === 'touchstart')) {
-		// 	return false;
-		// }
-
-		// // if the pane is only movable using allowed clicks
-		// if (
-		// 	Array.isArray(panOnDrag) &&
-		// 	!panOnDrag.includes(event.button) &&
-		// 	(event.type === 'mousedown' || event.type === 'touchstart')
-		// ) {
-		// 	return false;
-		// }
-
-		// // We only allow right clicks if pan on drag is set to right click
-		// const buttonAllowed =
-		// 	(Array.isArray(panOnDrag) && panOnDrag.includes(event.button)) ||
-		// 	!event.button ||
-		// 	event.button <= 1;
-
-		// default filter for d3-zoom
-		return ((!event.ctrlKey || event.type === 'wheel') && !event.button) || event.button <= 1;
-	});
-}
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 862095155..2dd687b32 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -11,7 +11,8 @@ import {
 	type NodeOrigin,
 	type D3ZoomInstance,
 	type D3SelectionInstance,
-	type ViewportHelperFunctionOptions
+	type ViewportHelperFunctionOptions,
+	type SelectionRect
 } from '@reactflow/system';
 import { fitView, getD3Transition, getDimensions } from '@reactflow/utils';
 
@@ -22,6 +23,7 @@ import {
 	getNodeData,
 	type EdgePosition
 } from '$lib/container/EdgeRenderer/utils';
+import { SelectionMode } from 'reactflow';
 
 export const key = Symbol();
 
@@ -52,6 +54,11 @@ type SvelteFlowStore = {
 	edgesWithDataStore: Readable<EdgeWithData[]>;
 	idStore: Writable<string>;
 	nodeOriginStore: Writable<NodeOrigin>;
+	draggingStore: Writable<boolean>;
+	selectionRectStore: Writable<SelectionRect | null>;
+	selectionRectModeStore: Writable<string | null>;
+	selectionMode: Writable<SelectionMode>;
+	selectionKeyPressedStore: Writable<boolean>;
 	zoomIn: (options?: ViewportHelperFunctionOptions) => void;
 	zoomOut: (options?: ViewportHelperFunctionOptions) => void;
 	fitView: (options?: ViewportHelperFunctionOptions) => boolean;
@@ -61,6 +68,7 @@ type SvelteFlowStore = {
 		dragging?: boolean
 	) => void;
 	updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
+	resetSelectedElements: () => void;
 };
 
 export function createStore({
@@ -81,6 +89,11 @@ export function createStore({
 		selection: null
 	});
 	const idStore = writable(id);
+	const draggingStore = writable(false);
+	const selectionRectStore = writable(null);
+	const selectionKeyPressedStore = writable(false);
+	const selectionRectModeStore = writable(null);
+	const selectionMode = writable(SelectionMode.Partial);
 
 	let fitViewOnInitDone = false;
 
@@ -235,6 +248,22 @@ export function createStore({
 		);
 	}
 
+	function resetSelectedItem<T extends Node | Edge>(item: T) {
+		if (item.selected) {
+			return {
+				...item,
+				selected: false
+			};
+		}
+
+		return item;
+	}
+
+	function resetSelectedElements() {
+		nodesStore.update((ns) => ns.map(resetSelectedItem));
+		edgesStore.update((es) => es.map(resetSelectedItem));
+	}
+
 	return {
 		nodesStore,
 		edgesStore,
@@ -245,11 +274,17 @@ export function createStore({
 		edgesWithDataStore,
 		idStore,
 		nodeOriginStore,
+		draggingStore,
+		selectionRectStore,
+		selectionKeyPressedStore,
+		selectionRectModeStore,
+		selectionMode,
 		updateNodePositions,
 		updateNodeDimensions,
 		zoomIn,
 		zoomOut,
-		fitView: _fitView
+		fitView: _fitView,
+		resetSelectedElements
 	};
 }
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9a6916071..45c45930a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -312,6 +312,7 @@ importers:
     specifiers:
       '@reactflow/system': workspace:11.5.5
       '@reactflow/utils': workspace:^11.5.5
+      '@svelte-put/shortcut': ^2.0.0
       '@sveltejs/adapter-auto': ^2.0.0
       '@sveltejs/kit': ^1.5.6
       '@sveltejs/package': ^1.0.2
@@ -336,6 +337,7 @@ importers:
     dependencies:
       '@reactflow/system': link:../system
       '@reactflow/utils': link:../utils
+      '@svelte-put/shortcut': registry.npmjs.org/@svelte-put/shortcut/2.0.0
       classcat: registry.npmjs.org/classcat/5.0.4
       d3-drag: registry.npmjs.org/d3-drag/3.0.0
       d3-selection: registry.npmjs.org/d3-selection/3.0.0
@@ -1964,6 +1966,12 @@ packages:
     version: 2.0.0
     dev: true
 
+  registry.npmjs.org/@svelte-put/shortcut/2.0.0:
+    resolution: {integrity: sha512-dDyxIFlRz+W6wxwQtl2jUen0rX8ofV2VBWaJdz0QehLb0IMDzP3aWM9W4k8cAZQIGmTT0adr1+Gt7HPPUugcpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@svelte-put/shortcut/-/shortcut-2.0.0.tgz}
+    name: '@svelte-put/shortcut'
+    version: 2.0.0
+    dev: false
+
   registry.npmjs.org/@sveltejs/adapter-auto/2.0.0_@sveltejs+kit@1.5.6:
     resolution: {integrity: sha512-b+gkHFZgD771kgV3aO4avHFd7y1zhmMYy9i6xOK7m/rwmwaRO8gnF5zBc0Rgca80B2PMU1bKNxyBTHA14OzUAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-2.0.0.tgz}
     id: registry.npmjs.org/@sveltejs/adapter-auto/2.0.0

From 6b192d90d56e70f13b56ec7362db97f3482d8ab3 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 21 Feb 2023 11:35:15 +0100
Subject: [PATCH 0014/1093] feat(svelte): make selection draggable

---
 packages/svelte/src/lib/actions/drag/index.ts |  2 +-
 packages/svelte/src/lib/actions/drag/utils.ts |  1 -
 packages/svelte/src/lib/actions/zoom/index.ts |  6 +++---
 .../lib/components/NodeSelection/index.svelte | 20 ++++++++++++++++---
 .../src/lib/components/Selection/index.svelte |  2 +-
 .../{Panel.svelte => Panel/index.svelte}      |  2 ++
 packages/svelte/src/lib/index.ts              |  1 +
 .../src/lib/plugins/Controls/Controls.svelte  |  2 +-
 .../src/lib/plugins/Minimap/Minimap.svelte    | 13 ++++--------
 9 files changed, 30 insertions(+), 19 deletions(-)
 rename packages/svelte/src/lib/container/{Panel.svelte => Panel/index.svelte} (93%)

diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index 84b7b5fb2..da2b66a95 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -94,7 +94,7 @@ export default function drag(
 	const dragHandler = d3Drag()
 		.on('start', (event: UseDragEvent) => {
 			const pointerPos = getPointerPosition(event);
-
+			console.log(pointerPos);
 			lastPos = pointerPos;
 			dragItems = getDragItems(get(nodesStore), pointerPos, nodeId);
 		})
diff --git a/packages/svelte/src/lib/actions/drag/utils.ts b/packages/svelte/src/lib/actions/drag/utils.ts
index bfb384a39..b5c701a78 100644
--- a/packages/svelte/src/lib/actions/drag/utils.ts
+++ b/packages/svelte/src/lib/actions/drag/utils.ts
@@ -41,7 +41,6 @@ export function hasSelector(target: Element, selector: string, domNode: Element)
 
 // looks for all selected nodes and created a NodeDragItem for each of them
 export function getDragItems(nodes: Node[], mousePos: XYPosition, nodeId?: string): NodeDragItem[] {
-	console.log(mousePos, nodes);
 	return nodes
 		.filter(
 			(n) => (n.selected || n.id === nodeId) && (!n.parentNode || !isParentSelected(n, nodes))
diff --git a/packages/svelte/src/lib/actions/zoom/index.ts b/packages/svelte/src/lib/actions/zoom/index.ts
index 29d0a1061..6c1ee091e 100644
--- a/packages/svelte/src/lib/actions/zoom/index.ts
+++ b/packages/svelte/src/lib/actions/zoom/index.ts
@@ -40,9 +40,9 @@ function filter(event: any, params: ZoomParams): boolean {
 	// }
 
 	// // if the target element is inside an element with the nopan class, we prevent panning
-	// if (isWrappedWithClass(event, noPanClassName) && event.type !== 'wheel') {
-	// 	return false;
-	// }
+	if (isWrappedWithClass(event, 'nopan') && event.type !== 'wheel') {
+		return false;
+	}
 
 	// if (!zoomOnPinch && event.ctrlKey && event.type === 'wheel') {
 	// 	return false;
diff --git a/packages/svelte/src/lib/components/NodeSelection/index.svelte b/packages/svelte/src/lib/components/NodeSelection/index.svelte
index 04295e15f..64a9e4094 100644
--- a/packages/svelte/src/lib/components/NodeSelection/index.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/index.svelte
@@ -3,16 +3,20 @@
 
   import { useStore } from '$lib/store';
   import Selection from '$lib/components/Selection/index.svelte';
+  import drag  from '$lib/actions/drag'
 
-  const { selectionRectModeStore, nodesStore, nodeOriginStore } = useStore();
+  const { selectionRectModeStore, nodesStore, nodeOriginStore, transformStore, updateNodePositions } = useStore();
 
   $: selectedNodes = $nodesStore.filter(n => n.selected);
   $: rect = getRectOfNodes(selectedNodes, $nodeOriginStore);
-
-  // @todo: use zoom action for selection
 </script> 
 
 {#if selectedNodes}
+  <div
+    class="selection-wrapper nopan"
+    style={`width: ${rect.width}px; height: ${rect.height}px; transform: translate(${rect.x}px, ${rect.y}px)`}
+    use:drag={{ nodesStore, transformStore, updateNodePositions }}
+  />
   <Selection
     isVisible={$selectionRectModeStore === 'nodes'}
     width={rect.width}
@@ -21,3 +25,13 @@
     y={rect.y}
   />
 {/if}
+
+<style>
+  .selection-wrapper {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 7;
+    pointer-events: all;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/components/Selection/index.svelte b/packages/svelte/src/lib/components/Selection/index.svelte
index 4c8f4946d..9cb9a4c27 100644
--- a/packages/svelte/src/lib/components/Selection/index.svelte
+++ b/packages/svelte/src/lib/components/Selection/index.svelte
@@ -9,7 +9,7 @@
 {#if isVisible}
   <div
     class="react-flow__selection"
-    style={`width: ${width}px; height: ${height}px;transform: translate(${x}px, ${y}px)`}
+    style={`width: ${width}px; height: ${height}px; transform: translate(${x}px, ${y}px)`}
   />
 {/if}
 
diff --git a/packages/svelte/src/lib/container/Panel.svelte b/packages/svelte/src/lib/container/Panel/index.svelte
similarity index 93%
rename from packages/svelte/src/lib/container/Panel.svelte
rename to packages/svelte/src/lib/container/Panel/index.svelte
index e87917d9a..ce4313cbc 100644
--- a/packages/svelte/src/lib/container/Panel.svelte
+++ b/packages/svelte/src/lib/container/Panel/index.svelte
@@ -3,6 +3,7 @@
   import cc from 'classcat';
 
   export let position: PanelPosition = 'top-right';
+  export let style: string = '';
   export { className as class }
 
   let className: string;
@@ -12,6 +13,7 @@
 
 <div
   class={cc(['react-flow__panel', className, ...positionClasses])}
+  style={style}
 >
   <slot />
 </div>
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index a2dbe617b..cc39ec560 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -2,5 +2,6 @@ import SvelteFlow from '$lib/container/SvelteFlow.svelte';
 export { Controls, ControlButton } from '$lib/plugins/Controls';
 export { Background, BackgroundVariant } from '$lib/plugins/Background';
 export { Minimap } from '$lib/plugins/Minimap';
+export { default as Panel } from '$lib/container/Panel/index.svelte';
 
 export default SvelteFlow;
diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index a36436b09..a2bba0c9e 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { PanelPosition } from '@reactflow/system';
 
-  import Panel from '$lib/container/Panel.svelte';
+  import Panel from '$lib/container/Panel/index.svelte';
   import { useStore } from '$lib/store';
   import ControlButton from './ControlButton.svelte';
   import PlusIcon from './Icons/Plus.svelte';
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 9de661f32..55bcb45c4 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -4,7 +4,7 @@
 	import { getBoundsOfRects, getNodePositionWithOrigin, getRectOfNodes } from '@reactflow/utils';
 
   import { useStore } from '$lib/store';
-	import Panel from '$lib/container/Panel.svelte';
+	import Panel from '$lib/container/Panel/index.svelte';
   import MinimapNode from './MinimapNode.svelte';
 
   let position: PanelPosition = 'bottom-right';
@@ -16,6 +16,7 @@
   let nodeClassName: string = '';
   let nodeBorderRadius: number = 5;
   let nodeStrokeWidth: number = 2;
+  let bgColor: string = '#fff';
   let maskColor: string = 'rgb(240, 240, 240, 0.6)';
   let maskStrokeColor: string = 'none';
   let maskStrokeWidth: number = 1;
@@ -54,7 +55,7 @@
   $: height = viewHeight + offset * 2;
 </script>
 
-<Panel position={position} class={cc(['react-flow__minimap', className])}>
+<Panel position={position} class={cc(['react-flow__minimap', className])} style={`background-color: ${bgColor};`}>
   <svg
     width={elementWidth}
     height={elementHeight}
@@ -93,10 +94,4 @@
       pointer-events="none"
     />
   </svg>
-</Panel>
-
-<style>
-  .react-flow__minimap {
-    background-color: #fff;
-  }
-</style>
\ No newline at end of file
+</Panel>
\ No newline at end of file

From aea43103afdbffa58b52a8f9172ace02adee5753 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 21 Feb 2023 14:36:07 +0100
Subject: [PATCH 0015/1093] feat(svelte): custom nodes

---
 packages/svelte/src/app.html                  |   1 +
 packages/svelte/src/customnodes/Custom.svelte |  22 ++++
 .../{Handle.svelte => Handle/index.svelte}    |  24 ++--
 .../src/lib/components/nodes/BaseNode.svelte  |  35 +++--
 .../lib/components/nodes/DefaultNode.svelte   |  17 ++-
 .../src/lib/components/nodes/InputNode.svelte |  13 ++
 .../lib/components/nodes/OutputNode.svelte    |  13 ++
 .../src/lib/container/SvelteFlow.svelte       |   6 +-
 packages/svelte/src/lib/store/index.ts        |  14 ++
 packages/svelte/src/lib/types/index.ts        |  15 +++
 packages/svelte/src/routes/+page.svelte       |   9 +-
 pnpm-lock.yaml                                | 120 +++++++++---------
 12 files changed, 199 insertions(+), 90 deletions(-)
 create mode 100644 packages/svelte/src/customnodes/Custom.svelte
 rename packages/svelte/src/lib/components/{Handle.svelte => Handle/index.svelte} (78%)
 create mode 100644 packages/svelte/src/lib/components/nodes/InputNode.svelte
 create mode 100644 packages/svelte/src/lib/components/nodes/OutputNode.svelte
 create mode 100644 packages/svelte/src/lib/types/index.ts

diff --git a/packages/svelte/src/app.html b/packages/svelte/src/app.html
index f04b760ba..9e4c67b44 100644
--- a/packages/svelte/src/app.html
+++ b/packages/svelte/src/app.html
@@ -10,6 +10,7 @@
 			#root {
 				height: 100%;
 				margin: 0;
+				font-family: Arial, Helvetica, sans-serif;
 			}
 		</style>
 		%sveltekit.head%
diff --git a/packages/svelte/src/customnodes/Custom.svelte b/packages/svelte/src/customnodes/Custom.svelte
new file mode 100644
index 000000000..410571234
--- /dev/null
+++ b/packages/svelte/src/customnodes/Custom.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+  import Handle from '$lib/components/Handle/index.svelte';
+	import { Position } from '@reactflow/system';
+
+  export let data: { label: string } = { label: 'Node' };
+  export let xPos: number = 0;
+  export let yPos: number = 0;
+</script>
+
+<div class="custom">
+  <div>{data.label}</div>
+  <div>{~~xPos}, {~~yPos}</div>
+  <Handle type="target" position={Position.Left} />
+  <Handle type="source" position={Position.Right} />
+</div>
+
+<style>
+  .custom {
+    background: #ffcc00;
+    padding: 10px;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/components/Handle.svelte b/packages/svelte/src/lib/components/Handle/index.svelte
similarity index 78%
rename from packages/svelte/src/lib/components/Handle.svelte
rename to packages/svelte/src/lib/components/Handle/index.svelte
index 2e8798c02..3658bce58 100644
--- a/packages/svelte/src/lib/components/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/index.svelte
@@ -6,13 +6,14 @@
   export let type: HandleType = 'source';
   export let position: Position = Position.Top;
   export let id: string | null = null;
-  export let className: string | null = null;;
+  
+  let className: string | null = null;
+  export { className as class };
 
   const isTarget = type === 'target';
   const nodeId = getContext('rf_nodeid');
 </script>
 
-
 <div
   data-handleid={id}
   data-nodeid={nodeId}
@@ -28,7 +29,7 @@
   class:source={!isTarget}
   class:target={isTarget}
   >
-  <slot></slot>
+  <slot />
 </div>
 
 
@@ -46,27 +47,26 @@
   }
 
   .bottom {
-    top: auto;
+    top: 100%;
     left: 50%;
-    bottom: -4px;
-    transform: translate(-50%, 0);
+    transform: translate(-50%, -50%);
   }
 
   .top {
     left: 50%;
-    top: -4px;
-    transform: translate(-50%, 0);
+    top: 0;
+    transform: translate(-50%, -50%);
   }
 
   .left {
     top: 50%;
-    left: -4px;
-    transform: translate(0, -50%);
+    left: 0;
+    transform: translate(-50%, -50%);
   }
 
   .right {
-    right: -4px;
     top: 50%;
-    transform: translate(0, -50%);
+    left: 100%;
+    transform: translate(-50%, -50%);
   }
 </style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/components/nodes/BaseNode.svelte b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
index cda672574..55274bbff 100644
--- a/packages/svelte/src/lib/components/nodes/BaseNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
@@ -1,24 +1,30 @@
 <script lang="ts">
-	import { onMount, setContext } from 'svelte';
-  import type { XYPosition } from '@reactflow/system';
+	import { onMount, setContext, SvelteComponentTyped, type ComponentType } from 'svelte';
+  import { type XYPosition, Position } from '@reactflow/system';
 
   import drag  from '$lib/actions/drag'
 	import { useStore } from '$lib/store';
 	import DefaultNode from './DefaultNode.svelte';
+	import type { NodeProps } from '$lib/types';
 
-  export let id: string;
+  export let id: NodeProps['id'];
+  export let data: NodeProps['data'] = {};
+  export let selected: NodeProps['selected'] = false;
   export let positionAbsolute: XYPosition = { x: 0, y: 0 };
   export let position: XYPosition = { x: 0, y: 0 };
   export let dragging: boolean = false;
-  export let data: any = {};
   export let resizeObserver: ResizeObserver | null = null;
   export let style: any = {};
   export let width: number = 0;
   export let height: number = 0;
+  export let type: string = 'default';
+  export let sourcePosition: Position = Position.Bottom;
+  export let targetPosition: Position = Position.Top;
 
   let nodeRef: HTMLDivElement;
-
-  const { nodesStore, transformStore, updateNodePositions } = useStore();
+  
+  const { nodesStore, transformStore, updateNodePositions, nodeTypesStore } = useStore();
+  const nodeComponent: typeof SvelteComponentTyped<NodeProps> = $nodeTypesStore[type] || DefaultNode;
 
   setContext('rf_nodeid', id);
 
@@ -37,17 +43,26 @@
   class:initializing={!width && !height}
   class:dragging={dragging}
   bind:this={nodeRef}
-  style="transform: translate({positionAbsolute.x}px, {positionAbsolute.y}px);"
+  style:transform={`translate(${positionAbsolute.x}px, ${positionAbsolute.y}px)`}
+  {style}
   data-id={id}
 >
-  <svelte:component this={DefaultNode} data={data} />
+  <svelte:component
+    this={nodeComponent}
+    {data}
+    {id}
+    {selected}
+    {sourcePosition}
+    {targetPosition}
+    isConnectable={true}
+    xPos={positionAbsolute.x}
+    yPos={positionAbsolute.y}
+  />
 </div>
 
 <style>
   .react-flow__node {
-    padding: 10px;
     border-radius: 3px;
-    width: 50px;
     font-size: 12px;
     color: #222;
     text-align: center;
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index 40677fcc1..675c5812a 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -1,12 +1,19 @@
 <script lang="ts">
   import { Position } from '@reactflow/system';
   
-  import Handle from '$lib/components/Handle.svelte';
+  import Handle from '$lib/components/Handle/index.svelte';
+	import type { NodeProps } from '$lib/types';
 
-  export let data: any = {};
-  export let isConnectable: boolean = true;
-  export let targetPosition: Position = Position.Top;
-  export let sourcePosition: Position = Position.Bottom;
+  interface $$Props extends NodeProps<{ label: string }>{}
+
+  export let id: $$Props['id'];
+  export let data: $$Props['data'] = { label: 'Node' };
+  export let isConnectable: $$Props['isConnectable'] = true;
+  export let targetPosition: $$Props['targetPosition'] = Position.Top;
+  export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
+  export let xPos: $$Props['xPos'];
+  export let yPos: $$Props['yPos'];
+  export let selected: $$Props['selected'];
 </script>
 
 <Handle type="target" position={targetPosition} />
diff --git a/packages/svelte/src/lib/components/nodes/InputNode.svelte b/packages/svelte/src/lib/components/nodes/InputNode.svelte
new file mode 100644
index 000000000..4fddf908d
--- /dev/null
+++ b/packages/svelte/src/lib/components/nodes/InputNode.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  import { Position } from '@reactflow/system';
+  
+  import Handle from '$lib/components/Handle/index.svelte';
+
+  export let data: { label: string } = { label: 'Node' };
+  export let isConnectable: boolean = true;
+  export let sourcePosition: Position = Position.Bottom;
+</script>
+
+{data?.label}
+<Handle type="source" position={sourcePosition} />
+
diff --git a/packages/svelte/src/lib/components/nodes/OutputNode.svelte b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
new file mode 100644
index 000000000..41c31a2f2
--- /dev/null
+++ b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  import { Position } from '@reactflow/system';
+  
+  import Handle from '$lib/components/Handle/index.svelte';
+
+  export let data: { label: string } = { label: 'Node' };
+  export let isConnectable: boolean = true;
+  export let targetPosition: Position = Position.Top;
+</script>
+
+{data?.label}
+<Handle type="target" position={targetPosition} />
+
diff --git a/packages/svelte/src/lib/container/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow.svelte
index f2617ae4c..32086d481 100644
--- a/packages/svelte/src/lib/container/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { setContext, onMount } from 'svelte'
+  import { setContext, onMount, SvelteComponent } from 'svelte'
   import cc from 'classcat';
   import type { Node, Edge } from '@reactflow/system';
 
@@ -17,6 +17,7 @@
   export let nodes: Node[] = [];
   export let edges: Edge[] = [];
   export let fitView: boolean = false;
+  export let nodeTypes: Record<string, SvelteComponent>
 
   let className: string = '';
   export { className as class };
@@ -26,7 +27,8 @@
   const store = createStore({
     nodes,
     edges,
-    fitView
+    fitView,
+    nodeTypes
   });
 
   setContext(key, {
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 2dd687b32..d7daecabc 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -24,6 +24,10 @@ import {
 	type EdgePosition
 } from '$lib/container/EdgeRenderer/utils';
 import { SelectionMode } from 'reactflow';
+import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
+import InputNode from '$lib/components/nodes/InputNode.svelte';
+import OutputNode from '$lib/components/nodes/OutputNode.svelte';
+import type { NodeTypes } from '$lib/types';
 
 export const key = Symbol();
 
@@ -33,6 +37,7 @@ type CreateStoreProps = {
 	fitView: boolean;
 	nodeOrigin?: NodeOrigin;
 	transform?: Transform;
+	nodeTypes?: NodeTypes;
 	id?: string;
 };
 
@@ -59,6 +64,7 @@ type SvelteFlowStore = {
 	selectionRectModeStore: Writable<string | null>;
 	selectionMode: Writable<SelectionMode>;
 	selectionKeyPressedStore: Writable<boolean>;
+	nodeTypesStore: Writable<NodeTypes>;
 	zoomIn: (options?: ViewportHelperFunctionOptions) => void;
 	zoomOut: (options?: ViewportHelperFunctionOptions) => void;
 	fitView: (options?: ViewportHelperFunctionOptions) => boolean;
@@ -77,6 +83,7 @@ export function createStore({
 	transform = [0, 0, 1],
 	nodeOrigin = [0, 0],
 	fitView: fitViewOnInit = false,
+	nodeTypes = {},
 	id = '1'
 }: CreateStoreProps): SvelteFlowStore {
 	const nodesStore = writable(nodes.map((n) => ({ ...n, positionAbsolute: n.position })));
@@ -94,6 +101,12 @@ export function createStore({
 	const selectionKeyPressedStore = writable(false);
 	const selectionRectModeStore = writable(null);
 	const selectionMode = writable(SelectionMode.Partial);
+	const nodeTypesStore = writable({
+		...nodeTypes,
+		input: nodeTypes.input || InputNode,
+		output: nodeTypes.output || OutputNode,
+		default: nodeTypes.default || DefaultNode
+	});
 
 	let fitViewOnInitDone = false;
 
@@ -279,6 +292,7 @@ export function createStore({
 		selectionKeyPressedStore,
 		selectionRectModeStore,
 		selectionMode,
+		nodeTypesStore,
 		updateNodePositions,
 		updateNodeDimensions,
 		zoomIn,
diff --git a/packages/svelte/src/lib/types/index.ts b/packages/svelte/src/lib/types/index.ts
new file mode 100644
index 000000000..d295e4ec4
--- /dev/null
+++ b/packages/svelte/src/lib/types/index.ts
@@ -0,0 +1,15 @@
+import type { SvelteComponentTyped } from 'svelte';
+import type { Position } from '@reactflow/system';
+
+export type NodeProps<NodeData extends Record<string, unknown> = Record<string, never>> = {
+	id: string;
+	data: NodeData;
+	xPos: number;
+	yPos: number;
+	selected: boolean;
+	isConnectable: boolean;
+	sourcePosition: Position;
+	targetPosition: Position;
+};
+
+export type NodeTypes = Record<string, typeof SvelteComponentTyped<NodeProps>>;
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index bda7e50a3..b2736b948 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -2,12 +2,18 @@
   import type { Node, Edge } from '@reactflow/system';
   
   import SvelteFlow, { Controls, Background, BackgroundVariant, Minimap } from '../lib/index';
+  import CustomNode from '../customnodes/Custom.svelte';
 
   const yNodes = 10;
   const xNodes = 10;
 
   const nodes: Node[] = [];
   const edges: Edge[] = [];
+
+  const nodeTypes = {
+    custom: CustomNode,
+  };
+
   let source = null;
 
   for (let y = 0; y < yNodes; y++) {
@@ -19,6 +25,7 @@
         id,
         data,
         position,
+        type: x === 0 ? 'custom' : 'default',
       };
       nodes.push(node);
 
@@ -57,7 +64,7 @@
   //  }]
 </script>
 
-<SvelteFlow {nodes} {edges} fitView >
+<SvelteFlow {nodes} {edges} {nodeTypes} fitView>
   <Controls />
   <Background variant={BackgroundVariant.Dots} />
   <Minimap />
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 45c45930a..74088eff3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -32,8 +32,8 @@ importers:
       '@changesets/changelog-github': registry.npmjs.org/@changesets/changelog-github/0.4.7
       '@changesets/cli': registry.npmjs.org/@changesets/cli/2.25.0
       '@preconstruct/cli': registry.npmjs.org/@preconstruct/cli/2.2.1
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.52.0_gyett2pgucfcswo4a3gkpdas2y
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.52.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.53.0_qwaoy36sxxjkr7fbascfous7zi
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.53.0_id2eilsndvzhjjktb64trvy3gu
       autoprefixer: registry.npmjs.org/autoprefixer/10.4.9_postcss@8.4.21
       concurrently: registry.npmjs.org/concurrently/7.6.0
       cypress: registry.npmjs.org/cypress/10.7.0
@@ -310,8 +310,8 @@ importers:
 
   packages/svelte:
     specifiers:
-      '@reactflow/system': workspace:11.5.5
-      '@reactflow/utils': workspace:^11.5.5
+      '@reactflow/system': workspace:*
+      '@reactflow/utils': workspace:*
       '@svelte-put/shortcut': ^2.0.0
       '@sveltejs/adapter-auto': ^2.0.0
       '@sveltejs/kit': ^1.5.6
@@ -432,7 +432,7 @@ importers:
     devDependencies:
       eslint: registry.npmjs.org/eslint/8.23.1
       eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.5.0_eslint@8.23.1
-      eslint-config-turbo: registry.npmjs.org/eslint-config-turbo/0.0.7_eslint@8.23.1
+      eslint-config-turbo: registry.npmjs.org/eslint-config-turbo/0.0.8_eslint@8.23.1
       eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.23.1
 
   tooling/rollup-config:
@@ -2491,11 +2491,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.52.0_gyett2pgucfcswo4a3gkpdas2y:
-    resolution: {integrity: sha512-lHazYdvYVsBokwCdKOppvYJKaJ4S41CgKBcPvyd0xjZNbvQdhn/pnJlGtQksQ/NhInzdaeaSarlBjDXHuclEbg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.52.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.52.0
+  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.53.0_qwaoy36sxxjkr7fbascfous7zi:
+    resolution: {integrity: sha512-alFpFWNucPLdUOySmXCJpzr6HKC3bu7XooShWM+3w/EL6J2HIoB2PFxpLnq4JauWVk6DiVeNKzQlFEaE+X9sGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.53.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.53.0
     name: '@typescript-eslint/eslint-plugin'
-    version: 5.52.0
+    version: 5.53.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -2505,10 +2505,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.52.0_id2eilsndvzhjjktb64trvy3gu
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.52.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.52.0_id2eilsndvzhjjktb64trvy3gu
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.52.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.53.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.53.0
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.53.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.53.0_id2eilsndvzhjjktb64trvy3gu
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.23.1
       grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
@@ -2545,11 +2545,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser/5.52.0_id2eilsndvzhjjktb64trvy3gu:
-    resolution: {integrity: sha512-e2KiLQOZRo4Y0D/b+3y08i3jsekoSkOYStROYmPUnGMEoA0h+k2qOH5H6tcjIc68WDvGwH+PaOrP1XRzLJ6QlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.52.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/5.52.0
+  registry.npmjs.org/@typescript-eslint/parser/5.53.0_id2eilsndvzhjjktb64trvy3gu:
+    resolution: {integrity: sha512-MKBw9i0DLYlmdOb3Oq/526+al20AJZpANdT6Ct9ffxcV8nKCHz63t/S0IhlTFNsBIHJv+GY5SFJ0XfqVeydQrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.53.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/5.53.0
     name: '@typescript-eslint/parser'
-    version: 5.52.0
+    version: 5.53.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -2558,9 +2558,9 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.52.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.52.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.52.0_typescript@4.9.4
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.53.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.53.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.53.0_typescript@4.9.4
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.23.1
       typescript: registry.npmjs.org/typescript/4.9.4
@@ -2578,14 +2578,14 @@ packages:
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.49.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager/5.52.0:
-    resolution: {integrity: sha512-AR7sxxfBKiNV0FWBSARxM8DmNxrwgnYMPwmpkC1Pl1n+eT8/I2NAUPuwDy/FmDcC6F8pBfmOcaxcxRHspgOBMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.52.0.tgz}
+  registry.npmjs.org/@typescript-eslint/scope-manager/5.53.0:
+    resolution: {integrity: sha512-Opy3dqNsp/9kBBeCPhkCNR7fmdSQqA+47r21hr9a14Bx0xnkElEQmhoHga+VoaoQ6uDHjDKmQPIYcUcKJifS7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.53.0.tgz}
     name: '@typescript-eslint/scope-manager'
-    version: 5.52.0
+    version: 5.53.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.52.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.52.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.53.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.53.0
     dev: true
 
   registry.npmjs.org/@typescript-eslint/type-utils/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u:
@@ -2611,11 +2611,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils/5.52.0_id2eilsndvzhjjktb64trvy3gu:
-    resolution: {integrity: sha512-tEKuUHfDOv852QGlpPtB3lHOoig5pyFQN/cUiZtpw99D93nEBjexRLre5sQZlkMoHry/lZr8qDAt2oAHLKA6Jw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.52.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/5.52.0
+  registry.npmjs.org/@typescript-eslint/type-utils/5.53.0_id2eilsndvzhjjktb64trvy3gu:
+    resolution: {integrity: sha512-HO2hh0fmtqNLzTAme/KnND5uFNwbsdYhCZghK2SoxGp3Ifn2emv+hi0PBUjzzSh0dstUIFqOj3bp0AwQlK4OWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.53.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/5.53.0
     name: '@typescript-eslint/type-utils'
-    version: 5.52.0
+    version: 5.53.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -2624,8 +2624,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.52.0_typescript@4.9.4
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.52.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.53.0_typescript@4.9.4
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.53.0_id2eilsndvzhjjktb64trvy3gu
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.23.1
       tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
@@ -2641,10 +2641,10 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types/5.52.0:
-    resolution: {integrity: sha512-oV7XU4CHYfBhk78fS7tkum+/Dpgsfi91IIDy7fjCyq2k6KB63M6gMC0YIvy+iABzmXThCRI6xpCEyVObBdWSDQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.52.0.tgz}
+  registry.npmjs.org/@typescript-eslint/types/5.53.0:
+    resolution: {integrity: sha512-5kcDL9ZUIP756K6+QOAfPkigJmCPHcLN7Zjdz76lQWWDdzfOhZDTj1irs6gPBKiXx5/6O3L0+AvupAut3z7D2A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.53.0.tgz}
     name: '@typescript-eslint/types'
-    version: 5.52.0
+    version: 5.53.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
@@ -2672,11 +2672,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree/5.52.0_typescript@4.9.4:
-    resolution: {integrity: sha512-WeWnjanyEwt6+fVrSR0MYgEpUAuROxuAH516WPjUblIrClzYJj0kBbjdnbQXLpgAN8qbEuGywiQsXUVDiAoEuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.52.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.52.0
+  registry.npmjs.org/@typescript-eslint/typescript-estree/5.53.0_typescript@4.9.4:
+    resolution: {integrity: sha512-eKmipH7QyScpHSkhbptBBYh9v8FxtngLquq292YTEQ1pxVs39yFBlLC1xeIZcPPz1RWGqb7YgERJRGkjw8ZV7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.53.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.53.0
     name: '@typescript-eslint/typescript-estree'
-    version: 5.52.0
+    version: 5.53.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -2684,8 +2684,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.52.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.52.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.53.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.53.0
       debug: registry.npmjs.org/debug/4.3.4
       globby: registry.npmjs.org/globby/11.1.0
       is-glob: registry.npmjs.org/is-glob/4.0.3
@@ -2719,20 +2719,20 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils/5.52.0_id2eilsndvzhjjktb64trvy3gu:
-    resolution: {integrity: sha512-As3lChhrbwWQLNk2HC8Ree96hldKIqk98EYvypd3It8Q1f8d5zWyIoaZEp2va5667M4ZyE7X8UUR+azXrFl+NA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.52.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/5.52.0
+  registry.npmjs.org/@typescript-eslint/utils/5.53.0_id2eilsndvzhjjktb64trvy3gu:
+    resolution: {integrity: sha512-VUOOtPv27UNWLxFwQK/8+7kvxVC+hPHNsJjzlJyotlaHjLSIgOCKj9I0DBUjwOOA64qjBwx5afAPjksqOxMO0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.53.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/5.53.0
     name: '@typescript-eslint/utils'
-    version: 5.52.0
+    version: 5.53.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.11
       '@types/semver': registry.npmjs.org/@types/semver/7.3.13
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.52.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.52.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.52.0_typescript@4.9.4
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.53.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.53.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.53.0_typescript@4.9.4
       eslint: registry.npmjs.org/eslint/8.23.1
       eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
       eslint-utils: registry.npmjs.org/eslint-utils/3.0.0_eslint@8.23.1
@@ -2752,13 +2752,13 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys/5.52.0:
-    resolution: {integrity: sha512-qMwpw6SU5VHCPr99y274xhbm+PRViK/NATY6qzt+Et7+mThGuFSl/ompj2/hrBlRP/kq+BFdgagnOSgw9TB0eA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.52.0.tgz}
+  registry.npmjs.org/@typescript-eslint/visitor-keys/5.53.0:
+    resolution: {integrity: sha512-JqNLnX3leaHFZEN0gCh81sIvgrp/2GOACZNgO4+Tkf64u51kTpAyWFOY8XHx8XuXr3N2C9zgPPHtcpMg6z1g0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.53.0.tgz}
     name: '@typescript-eslint/visitor-keys'
-    version: 5.52.0
+    version: 5.53.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.52.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.53.0
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
     dev: true
 
@@ -4163,16 +4163,16 @@ packages:
       eslint: registry.npmjs.org/eslint/8.33.0
     dev: true
 
-  registry.npmjs.org/eslint-config-turbo/0.0.7_eslint@8.23.1:
-    resolution: {integrity: sha512-WbrGlyfs94rOXrhombi1wjIAYGdV2iosgJRndOZtmDQeq5GLTzYmBUCJQZWtLBEBUPCj96RxZ2OL7Cn+xv/Azg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-0.0.7.tgz}
-    id: registry.npmjs.org/eslint-config-turbo/0.0.7
+  registry.npmjs.org/eslint-config-turbo/0.0.8_eslint@8.23.1:
+    resolution: {integrity: sha512-ijj6uv0QX2kWahg3OYnTK1/q4MueXsqY2uE4MP9yeUA5CzVhL7GU+biKlv1BfMMqPltixHUcpZoW4yyNLCnMiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-0.0.8.tgz}
+    id: registry.npmjs.org/eslint-config-turbo/0.0.8
     name: eslint-config-turbo
-    version: 0.0.7
+    version: 0.0.8
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
       eslint: registry.npmjs.org/eslint/8.23.1
-      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo/0.0.7_eslint@8.23.1
+      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo/0.0.8_eslint@8.23.1
     dev: true
 
   registry.npmjs.org/eslint-plugin-prettier/4.2.1_cabrci5exjdaojcvd6xoxgeowu:
@@ -4235,11 +4235,11 @@ packages:
       svelte: registry.npmjs.org/svelte/3.55.1
     dev: true
 
-  registry.npmjs.org/eslint-plugin-turbo/0.0.7_eslint@8.23.1:
-    resolution: {integrity: sha512-iajOH8eD4jha3duztGVBD1BEmvNrQBaA/y3HFHf91vMDRYRwH7BpHSDFtxydDpk5ghlhRxG299SFxz7D6z4MBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-0.0.7.tgz}
-    id: registry.npmjs.org/eslint-plugin-turbo/0.0.7
+  registry.npmjs.org/eslint-plugin-turbo/0.0.8_eslint@8.23.1:
+    resolution: {integrity: sha512-pExSCmjWw/KFKb3/0PVqxiWb30FbcwDEf6kKv3alvNBSVEzDHalyAGHc9klbLSG+nFmbkfNE3Ky/UHDryCqt8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-0.0.8.tgz}
+    id: registry.npmjs.org/eslint-plugin-turbo/0.0.8
     name: eslint-plugin-turbo
-    version: 0.0.7
+    version: 0.0.8
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:

From 2497a36db3078ffaa71cd9cfdf746aeaf274bfc2 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 22 Feb 2023 10:23:05 +0100
Subject: [PATCH 0016/1093] feat(packages): add edge-utils

---
 packages/edge-utils/.eslintrc.js           |   4 +
 packages/edge-utils/README.md              |  10 ++
 packages/edge-utils/package.json           |  59 +++++++
 packages/edge-utils/src/bezier-edge.ts     | 115 ++++++++++++
 packages/edge-utils/src/general.ts         |  30 ++++
 packages/edge-utils/src/index.ts           |   4 +
 packages/edge-utils/src/smoothstep-edge.ts | 195 +++++++++++++++++++++
 packages/edge-utils/src/straight-edge.ts   |  24 +++
 packages/edge-utils/tsconfig.json          |   6 +
 9 files changed, 447 insertions(+)
 create mode 100644 packages/edge-utils/.eslintrc.js
 create mode 100644 packages/edge-utils/README.md
 create mode 100644 packages/edge-utils/package.json
 create mode 100644 packages/edge-utils/src/bezier-edge.ts
 create mode 100644 packages/edge-utils/src/general.ts
 create mode 100644 packages/edge-utils/src/index.ts
 create mode 100644 packages/edge-utils/src/smoothstep-edge.ts
 create mode 100644 packages/edge-utils/src/straight-edge.ts
 create mode 100644 packages/edge-utils/tsconfig.json

diff --git a/packages/edge-utils/.eslintrc.js b/packages/edge-utils/.eslintrc.js
new file mode 100644
index 000000000..31cfbd113
--- /dev/null
+++ b/packages/edge-utils/.eslintrc.js
@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: ['@reactflow/eslint-config'],
+};
diff --git a/packages/edge-utils/README.md b/packages/edge-utils/README.md
new file mode 100644
index 000000000..d87523edd
--- /dev/null
+++ b/packages/edge-utils/README.md
@@ -0,0 +1,10 @@
+# @reactflow/core
+
+Core components and util functions of React Flow.
+
+## Installation 
+
+```sh 
+npm install @reactflow/core
+```
+
diff --git a/packages/edge-utils/package.json b/packages/edge-utils/package.json
new file mode 100644
index 000000000..108ac79a0
--- /dev/null
+++ b/packages/edge-utils/package.json
@@ -0,0 +1,59 @@
+{
+  "name": "@reactflow/edge-utils",
+  "version": "11.5.5",
+  "description": "Core edge utils of React Flow for creating edge paths.",
+  "keywords": [
+    "react",
+    "node-based UI",
+    "graph",
+    "diagram",
+    "workflow",
+    "react-flow"
+  ],
+  "files": [
+    "dist"
+  ],
+  "source": "src/index.ts",
+  "main": "dist/umd/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/wbkd/react-flow.git",
+    "directory": "packages/edge-utils"
+  },
+  "scripts": {
+    "dev": "rollup --config node:@reactflow/rollup-config --watch",
+    "build": "rollup --config node:@reactflow/rollup-config --environment NODE_ENV:production",
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@reactflow/system": "workspace:*"
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17"
+  },
+  "devDependencies": {
+    "@reactflow/eslint-config": "workspace:*",
+    "@reactflow/rollup-config": "workspace:*",
+    "@reactflow/tsconfig": "workspace:*",
+    "@types/node": "^18.7.16",
+    "@types/react": ">=17",
+    "@types/react-dom": ">=17",
+    "react": "^18.2.0",
+    "typescript": "^4.9.4"
+  },
+  "rollup": {
+    "globals": {},
+    "name": "ReactFlowEdgeUtils"
+  }
+}
diff --git a/packages/edge-utils/src/bezier-edge.ts b/packages/edge-utils/src/bezier-edge.ts
new file mode 100644
index 000000000..50a1af089
--- /dev/null
+++ b/packages/edge-utils/src/bezier-edge.ts
@@ -0,0 +1,115 @@
+import { Position } from '@reactflow/system';
+
+export type GetBezierPathParams = {
+  sourceX: number;
+  sourceY: number;
+  sourcePosition?: Position;
+  targetX: number;
+  targetY: number;
+  targetPosition?: Position;
+  curvature?: number;
+};
+
+export type GetControlWithCurvatureParams = {
+  pos: Position;
+  x1: number;
+  y1: number;
+  x2: number;
+  y2: number;
+  c: number;
+};
+
+export function getBezierEdgeCenter({
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  sourceControlX,
+  sourceControlY,
+  targetControlX,
+  targetControlY,
+}: {
+  sourceX: number;
+  sourceY: number;
+  targetX: number;
+  targetY: number;
+  sourceControlX: number;
+  sourceControlY: number;
+  targetControlX: number;
+  targetControlY: number;
+}): [number, number, number, number] {
+  // cubic bezier t=0.5 mid point, not the actual mid point, but easy to calculate
+  // https://stackoverflow.com/questions/67516101/how-to-find-distance-mid-point-of-bezier-curve
+  const centerX = sourceX * 0.125 + sourceControlX * 0.375 + targetControlX * 0.375 + targetX * 0.125;
+  const centerY = sourceY * 0.125 + sourceControlY * 0.375 + targetControlY * 0.375 + targetY * 0.125;
+  const offsetX = Math.abs(centerX - sourceX);
+  const offsetY = Math.abs(centerY - sourceY);
+
+  return [centerX, centerY, offsetX, offsetY];
+}
+
+function calculateControlOffset(distance: number, curvature: number): number {
+  if (distance >= 0) {
+    return 0.5 * distance;
+  }
+
+  return curvature * 25 * Math.sqrt(-distance);
+}
+
+function getControlWithCurvature({ pos, x1, y1, x2, y2, c }: GetControlWithCurvatureParams): [number, number] {
+  switch (pos) {
+    case Position.Left:
+      return [x1 - calculateControlOffset(x1 - x2, c), y1];
+    case Position.Right:
+      return [x1 + calculateControlOffset(x2 - x1, c), y1];
+    case Position.Top:
+      return [x1, y1 - calculateControlOffset(y1 - y2, c)];
+    case Position.Bottom:
+      return [x1, y1 + calculateControlOffset(y2 - y1, c)];
+  }
+}
+
+export function getBezierPath({
+  sourceX,
+  sourceY,
+  sourcePosition = Position.Bottom,
+  targetX,
+  targetY,
+  targetPosition = Position.Top,
+  curvature = 0.25,
+}: GetBezierPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number] {
+  const [sourceControlX, sourceControlY] = getControlWithCurvature({
+    pos: sourcePosition,
+    x1: sourceX,
+    y1: sourceY,
+    x2: targetX,
+    y2: targetY,
+    c: curvature,
+  });
+  const [targetControlX, targetControlY] = getControlWithCurvature({
+    pos: targetPosition,
+    x1: targetX,
+    y1: targetY,
+    x2: sourceX,
+    y2: sourceY,
+    c: curvature,
+  });
+  const [labelX, labelY, offsetX, offsetY] = getBezierEdgeCenter({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourceControlX,
+    sourceControlY,
+    targetControlX,
+    targetControlY,
+  });
+
+  return [
+    `M${sourceX},${sourceY} C${sourceControlX},${sourceControlY} ${targetControlX},${targetControlY} ${targetX},${targetY}`,
+    labelX,
+    labelY,
+    offsetX,
+    offsetY,
+  ];
+}
diff --git a/packages/edge-utils/src/general.ts b/packages/edge-utils/src/general.ts
new file mode 100644
index 000000000..16fcf90bd
--- /dev/null
+++ b/packages/edge-utils/src/general.ts
@@ -0,0 +1,30 @@
+import { MarkerType } from '@reactflow/system';
+
+// this is used for straight edges and simple smoothstep edges (LTR, RTL, BTT, TTB)
+export function getEdgeCenter({
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+}: {
+  sourceX: number;
+  sourceY: number;
+  targetX: number;
+  targetY: number;
+}): [number, number, number, number] {
+  const xOffset = Math.abs(targetX - sourceX) / 2;
+  const centerX = targetX < sourceX ? targetX + xOffset : targetX - xOffset;
+
+  const yOffset = Math.abs(targetY - sourceY) / 2;
+  const centerY = targetY < sourceY ? targetY + yOffset : targetY - yOffset;
+
+  return [centerX, centerY, xOffset, yOffset];
+}
+
+export const getMarkerEnd = (markerType?: MarkerType, markerEndId?: string): string => {
+  if (typeof markerEndId !== 'undefined' && markerEndId) {
+    return `url(#${markerEndId})`;
+  }
+
+  return typeof markerType !== 'undefined' ? `url(#react-flow__${markerType})` : 'none';
+};
diff --git a/packages/edge-utils/src/index.ts b/packages/edge-utils/src/index.ts
new file mode 100644
index 000000000..78833a71e
--- /dev/null
+++ b/packages/edge-utils/src/index.ts
@@ -0,0 +1,4 @@
+export * from './bezier-edge';
+export * from './straight-edge';
+export * from './smoothstep-edge';
+export * from './general';
diff --git a/packages/edge-utils/src/smoothstep-edge.ts b/packages/edge-utils/src/smoothstep-edge.ts
new file mode 100644
index 000000000..84912f195
--- /dev/null
+++ b/packages/edge-utils/src/smoothstep-edge.ts
@@ -0,0 +1,195 @@
+import { Position, XYPosition } from '@reactflow/system';
+import { getEdgeCenter } from './general';
+
+export interface GetSmoothStepPathParams {
+  sourceX: number;
+  sourceY: number;
+  sourcePosition?: Position;
+  targetX: number;
+  targetY: number;
+  targetPosition?: Position;
+  borderRadius?: number;
+  centerX?: number;
+  centerY?: number;
+  offset?: number;
+}
+
+const handleDirections = {
+  [Position.Left]: { x: -1, y: 0 },
+  [Position.Right]: { x: 1, y: 0 },
+  [Position.Top]: { x: 0, y: -1 },
+  [Position.Bottom]: { x: 0, y: 1 },
+};
+
+const getDirection = ({
+  source,
+  sourcePosition = Position.Bottom,
+  target,
+}: {
+  source: XYPosition;
+  sourcePosition: Position;
+  target: XYPosition;
+}): XYPosition => {
+  if (sourcePosition === Position.Left || sourcePosition === Position.Right) {
+    return source.x < target.x ? { x: 1, y: 0 } : { x: -1, y: 0 };
+  }
+  return source.y < target.y ? { x: 0, y: 1 } : { x: 0, y: -1 };
+};
+
+const distance = (a: XYPosition, b: XYPosition) => Math.sqrt(Math.pow(b.x - a.x, 2) + Math.pow(b.y - a.y, 2));
+
+// ith this function we try to mimic a orthogonal edge routing behaviour
+// It's not as good as a real orthogonal edge routing but it's faster and good enough as a default for step and smooth step edges
+function getPoints({
+  source,
+  sourcePosition = Position.Bottom,
+  target,
+  targetPosition = Position.Top,
+  center,
+  offset,
+}: {
+  source: XYPosition;
+  sourcePosition: Position;
+  target: XYPosition;
+  targetPosition: Position;
+  center: Partial<XYPosition>;
+  offset: number;
+}): [XYPosition[], number, number, number, number] {
+  const sourceDir = handleDirections[sourcePosition];
+  const targetDir = handleDirections[targetPosition];
+  const sourceGapped: XYPosition = { x: source.x + sourceDir.x * offset, y: source.y + sourceDir.y * offset };
+  const targetGapped: XYPosition = { x: target.x + targetDir.x * offset, y: target.y + targetDir.y * offset };
+  const dir = getDirection({
+    source: sourceGapped,
+    sourcePosition,
+    target: targetGapped,
+  });
+  const dirAccessor = dir.x !== 0 ? 'x' : 'y';
+  const currDir = dir[dirAccessor];
+
+  let points: XYPosition[] = [];
+  let centerX, centerY;
+  const [defaultCenterX, defaultCenterY, defaultOffsetX, defaultOffsetY] = getEdgeCenter({
+    sourceX: source.x,
+    sourceY: source.y,
+    targetX: target.x,
+    targetY: target.y,
+  });
+
+  // opposite handle positions, default case
+  if (sourceDir[dirAccessor] * targetDir[dirAccessor] === -1) {
+    centerX = center.x || defaultCenterX;
+    centerY = center.y || defaultCenterY;
+    //    --->
+    //    |
+    // >---
+    const verticalSplit: XYPosition[] = [
+      { x: centerX, y: sourceGapped.y },
+      { x: centerX, y: targetGapped.y },
+    ];
+    //    |
+    //  ---
+    //  |
+    const horizontalSplit: XYPosition[] = [
+      { x: sourceGapped.x, y: centerY },
+      { x: targetGapped.x, y: centerY },
+    ];
+
+    if (sourceDir[dirAccessor] === currDir) {
+      points = dirAccessor === 'x' ? verticalSplit : horizontalSplit;
+    } else {
+      points = dirAccessor === 'x' ? horizontalSplit : verticalSplit;
+    }
+  } else {
+    // sourceTarget means we take x from source and y from target, targetSource is the opposite
+    const sourceTarget: XYPosition[] = [{ x: sourceGapped.x, y: targetGapped.y }];
+    const targetSource: XYPosition[] = [{ x: targetGapped.x, y: sourceGapped.y }];
+    // this handles edges with same handle positions
+    if (dirAccessor === 'x') {
+      points = sourceDir.x === currDir ? targetSource : sourceTarget;
+    } else {
+      points = sourceDir.y === currDir ? sourceTarget : targetSource;
+    }
+
+    // these are conditions for handling mixed handle positions like Right -> Bottom for example
+    if (sourcePosition !== targetPosition) {
+      const dirAccessorOpposite = dirAccessor === 'x' ? 'y' : 'x';
+      const isSameDir = sourceDir[dirAccessor] === targetDir[dirAccessorOpposite];
+      const sourceGtTargetOppo = sourceGapped[dirAccessorOpposite] > targetGapped[dirAccessorOpposite];
+      const sourceLtTargetOppo = sourceGapped[dirAccessorOpposite] < targetGapped[dirAccessorOpposite];
+      const flipSourceTarget =
+        (sourceDir[dirAccessor] === 1 && ((!isSameDir && sourceGtTargetOppo) || (isSameDir && sourceLtTargetOppo))) ||
+        (sourceDir[dirAccessor] !== 1 && ((!isSameDir && sourceLtTargetOppo) || (isSameDir && sourceGtTargetOppo)));
+
+      if (flipSourceTarget) {
+        points = dirAccessor === 'x' ? sourceTarget : targetSource;
+      }
+    }
+
+    centerX = points[0].x;
+    centerY = points[0].y;
+  }
+
+  const pathPoints = [source, sourceGapped, ...points, targetGapped, target];
+
+  return [pathPoints, centerX, centerY, defaultOffsetX, defaultOffsetY];
+}
+
+function getBend(a: XYPosition, b: XYPosition, c: XYPosition, size: number): string {
+  const bendSize = Math.min(distance(a, b) / 2, distance(b, c) / 2, size);
+  const { x, y } = b;
+
+  // no bend
+  if ((a.x === x && x === c.x) || (a.y === y && y === c.y)) {
+    return `L${x} ${y}`;
+  }
+
+  // first segment is horizontal
+  if (a.y === y) {
+    const xDir = a.x < c.x ? -1 : 1;
+    const yDir = a.y < c.y ? 1 : -1;
+    return `L ${x + bendSize * xDir},${y}Q ${x},${y} ${x},${y + bendSize * yDir}`;
+  }
+
+  const xDir = a.x < c.x ? 1 : -1;
+  const yDir = a.y < c.y ? -1 : 1;
+  return `L ${x},${y + bendSize * yDir}Q ${x},${y} ${x + bendSize * xDir},${y}`;
+}
+
+export function getSmoothStepPath({
+  sourceX,
+  sourceY,
+  sourcePosition = Position.Bottom,
+  targetX,
+  targetY,
+  targetPosition = Position.Top,
+  borderRadius = 5,
+  centerX,
+  centerY,
+  offset = 20,
+}: GetSmoothStepPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number] {
+  const [points, labelX, labelY, offsetX, offsetY] = getPoints({
+    source: { x: sourceX, y: sourceY },
+    sourcePosition,
+    target: { x: targetX, y: targetY },
+    targetPosition,
+    center: { x: centerX, y: centerY },
+    offset,
+  });
+
+  const path = points.reduce<string>((res, p, i) => {
+    let segment = '';
+
+    if (i > 0 && i < points.length - 1) {
+      segment = getBend(points[i - 1], p, points[i + 1], borderRadius);
+    } else {
+      segment = `${i === 0 ? 'M' : 'L'}${p.x} ${p.y}`;
+    }
+
+    res += segment;
+
+    return res;
+  }, '');
+
+  return [path, labelX, labelY, offsetX, offsetY];
+}
diff --git a/packages/edge-utils/src/straight-edge.ts b/packages/edge-utils/src/straight-edge.ts
new file mode 100644
index 000000000..9cc6d9288
--- /dev/null
+++ b/packages/edge-utils/src/straight-edge.ts
@@ -0,0 +1,24 @@
+import { getEdgeCenter } from './general';
+
+export type GetStraightPathParams = {
+  sourceX: number;
+  sourceY: number;
+  targetX: number;
+  targetY: number;
+};
+
+export function getStraightPath({
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+}: GetStraightPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number] {
+  const [labelX, labelY, offsetX, offsetY] = getEdgeCenter({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+  });
+
+  return [`M ${sourceX},${sourceY}L ${targetX},${targetY}`, labelX, labelY, offsetX, offsetY];
+}
diff --git a/packages/edge-utils/tsconfig.json b/packages/edge-utils/tsconfig.json
new file mode 100644
index 000000000..b61349bb5
--- /dev/null
+++ b/packages/edge-utils/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "extends": "@reactflow/tsconfig/react.json",
+  "display": "@reactflow/utils",
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules", "dist"]
+}

From b3de45ce1aba279ab9260ea8ad97284473cb5904 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 22 Feb 2023 10:23:26 +0100
Subject: [PATCH 0017/1093] refactor(core): use edge-utils

---
 packages/core/package.json                    |   1 +
 .../src/components/ConnectionLine/index.tsx   |   3 +-
 .../core/src/components/Edges/BezierEdge.tsx  |  87 +-------
 .../src/components/Edges/SimpleBezierEdge.tsx |   2 +-
 .../src/components/Edges/SmoothStepEdge.tsx   | 197 +-----------------
 .../src/components/Edges/StraightEdge.tsx     |  25 +--
 packages/core/src/components/Edges/utils.ts   |  60 +-----
 packages/core/src/index.ts                    |   8 +-
 8 files changed, 12 insertions(+), 371 deletions(-)

diff --git a/packages/core/package.json b/packages/core/package.json
index e47b565ea..b8826a167 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -38,6 +38,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@reactflow/edge-utils": "workspace:*",
     "@reactflow/system": "workspace:*",
     "@reactflow/utils": "workspace:*",
     "@types/d3": "^7.4.0",
diff --git a/packages/core/src/components/ConnectionLine/index.tsx b/packages/core/src/components/ConnectionLine/index.tsx
index 990ccbe11..0c3c0a704 100644
--- a/packages/core/src/components/ConnectionLine/index.tsx
+++ b/packages/core/src/components/ConnectionLine/index.tsx
@@ -12,10 +12,9 @@ import {
   type ReactFlowState,
   type ReactFlowStore,
 } from '@reactflow/system';
+import { getBezierPath, getSmoothStepPath } from '@reactflow/edge-utils';
 
 import { useStore } from '../../hooks/useStore';
-import { getBezierPath } from '../Edges/BezierEdge';
-import { getSmoothStepPath } from '../Edges/SmoothStepEdge';
 import { getSimpleBezierPath } from '../Edges/SimpleBezierEdge';
 
 type ConnectionLineProps = {
diff --git a/packages/core/src/components/Edges/BezierEdge.tsx b/packages/core/src/components/Edges/BezierEdge.tsx
index 11fca8eb1..443877b27 100644
--- a/packages/core/src/components/Edges/BezierEdge.tsx
+++ b/packages/core/src/components/Edges/BezierEdge.tsx
@@ -1,93 +1,8 @@
 import { memo } from 'react';
 import { Position, type BezierEdgeProps } from '@reactflow/system';
+import { getBezierPath } from '@reactflow/edge-utils';
 
 import BaseEdge from './BaseEdge';
-import { getBezierEdgeCenter } from './utils';
-
-export interface GetBezierPathParams {
-  sourceX: number;
-  sourceY: number;
-  sourcePosition?: Position;
-  targetX: number;
-  targetY: number;
-  targetPosition?: Position;
-  curvature?: number;
-}
-
-interface GetControlWithCurvatureParams {
-  pos: Position;
-  x1: number;
-  y1: number;
-  x2: number;
-  y2: number;
-  c: number;
-}
-
-function calculateControlOffset(distance: number, curvature: number): number {
-  if (distance >= 0) {
-    return 0.5 * distance;
-  }
-
-  return curvature * 25 * Math.sqrt(-distance);
-}
-
-function getControlWithCurvature({ pos, x1, y1, x2, y2, c }: GetControlWithCurvatureParams): [number, number] {
-  switch (pos) {
-    case Position.Left:
-      return [x1 - calculateControlOffset(x1 - x2, c), y1];
-    case Position.Right:
-      return [x1 + calculateControlOffset(x2 - x1, c), y1];
-    case Position.Top:
-      return [x1, y1 - calculateControlOffset(y1 - y2, c)];
-    case Position.Bottom:
-      return [x1, y1 + calculateControlOffset(y2 - y1, c)];
-  }
-}
-
-export function getBezierPath({
-  sourceX,
-  sourceY,
-  sourcePosition = Position.Bottom,
-  targetX,
-  targetY,
-  targetPosition = Position.Top,
-  curvature = 0.25,
-}: GetBezierPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number] {
-  const [sourceControlX, sourceControlY] = getControlWithCurvature({
-    pos: sourcePosition,
-    x1: sourceX,
-    y1: sourceY,
-    x2: targetX,
-    y2: targetY,
-    c: curvature,
-  });
-  const [targetControlX, targetControlY] = getControlWithCurvature({
-    pos: targetPosition,
-    x1: targetX,
-    y1: targetY,
-    x2: sourceX,
-    y2: sourceY,
-    c: curvature,
-  });
-  const [labelX, labelY, offsetX, offsetY] = getBezierEdgeCenter({
-    sourceX,
-    sourceY,
-    targetX,
-    targetY,
-    sourceControlX,
-    sourceControlY,
-    targetControlX,
-    targetControlY,
-  });
-
-  return [
-    `M${sourceX},${sourceY} C${sourceControlX},${sourceControlY} ${targetControlX},${targetControlY} ${targetX},${targetY}`,
-    labelX,
-    labelY,
-    offsetX,
-    offsetY,
-  ];
-}
 
 const BezierEdge = memo(
   ({
diff --git a/packages/core/src/components/Edges/SimpleBezierEdge.tsx b/packages/core/src/components/Edges/SimpleBezierEdge.tsx
index f2de142f5..54236c987 100644
--- a/packages/core/src/components/Edges/SimpleBezierEdge.tsx
+++ b/packages/core/src/components/Edges/SimpleBezierEdge.tsx
@@ -1,8 +1,8 @@
 import { memo } from 'react';
 import { Position, type EdgeProps } from '@reactflow/system';
+import { getBezierEdgeCenter } from '@reactflow/edge-utils';
 
 import BaseEdge from './BaseEdge';
-import { getBezierEdgeCenter } from './utils';
 
 export interface GetSimpleBezierPathParams {
   sourceX: number;
diff --git a/packages/core/src/components/Edges/SmoothStepEdge.tsx b/packages/core/src/components/Edges/SmoothStepEdge.tsx
index 796871487..a5de79765 100644
--- a/packages/core/src/components/Edges/SmoothStepEdge.tsx
+++ b/packages/core/src/components/Edges/SmoothStepEdge.tsx
@@ -1,201 +1,8 @@
 import { memo } from 'react';
-import { Position, type SmoothStepEdgeProps, type XYPosition } from '@reactflow/system';
+import { Position, type SmoothStepEdgeProps } from '@reactflow/system';
+import { getSmoothStepPath } from '@reactflow/edge-utils';
 
 import BaseEdge from './BaseEdge';
-import { getEdgeCenter } from './utils';
-
-export interface GetSmoothStepPathParams {
-  sourceX: number;
-  sourceY: number;
-  sourcePosition?: Position;
-  targetX: number;
-  targetY: number;
-  targetPosition?: Position;
-  borderRadius?: number;
-  centerX?: number;
-  centerY?: number;
-  offset?: number;
-}
-
-const handleDirections = {
-  [Position.Left]: { x: -1, y: 0 },
-  [Position.Right]: { x: 1, y: 0 },
-  [Position.Top]: { x: 0, y: -1 },
-  [Position.Bottom]: { x: 0, y: 1 },
-};
-
-const getDirection = ({
-  source,
-  sourcePosition = Position.Bottom,
-  target,
-}: {
-  source: XYPosition;
-  sourcePosition: Position;
-  target: XYPosition;
-}): XYPosition => {
-  if (sourcePosition === Position.Left || sourcePosition === Position.Right) {
-    return source.x < target.x ? { x: 1, y: 0 } : { x: -1, y: 0 };
-  }
-  return source.y < target.y ? { x: 0, y: 1 } : { x: 0, y: -1 };
-};
-
-const distance = (a: XYPosition, b: XYPosition) => Math.sqrt(Math.pow(b.x - a.x, 2) + Math.pow(b.y - a.y, 2));
-
-// ith this function we try to mimic a orthogonal edge routing behaviour
-// It's not as good as a real orthogonal edge routing but it's faster and good enough as a default for step and smooth step edges
-function getPoints({
-  source,
-  sourcePosition = Position.Bottom,
-  target,
-  targetPosition = Position.Top,
-  center,
-  offset,
-}: {
-  source: XYPosition;
-  sourcePosition: Position;
-  target: XYPosition;
-  targetPosition: Position;
-  center: Partial<XYPosition>;
-  offset: number;
-}): [XYPosition[], number, number, number, number] {
-  const sourceDir = handleDirections[sourcePosition];
-  const targetDir = handleDirections[targetPosition];
-  const sourceGapped: XYPosition = { x: source.x + sourceDir.x * offset, y: source.y + sourceDir.y * offset };
-  const targetGapped: XYPosition = { x: target.x + targetDir.x * offset, y: target.y + targetDir.y * offset };
-  const dir = getDirection({
-    source: sourceGapped,
-    sourcePosition,
-    target: targetGapped,
-  });
-  const dirAccessor = dir.x !== 0 ? 'x' : 'y';
-  const currDir = dir[dirAccessor];
-
-  let points: XYPosition[] = [];
-  let centerX, centerY;
-  const [defaultCenterX, defaultCenterY, defaultOffsetX, defaultOffsetY] = getEdgeCenter({
-    sourceX: source.x,
-    sourceY: source.y,
-    targetX: target.x,
-    targetY: target.y,
-  });
-
-  // opposite handle positions, default case
-  if (sourceDir[dirAccessor] * targetDir[dirAccessor] === -1) {
-    centerX = center.x || defaultCenterX;
-    centerY = center.y || defaultCenterY;
-    //    --->
-    //    |
-    // >---
-    const verticalSplit: XYPosition[] = [
-      { x: centerX, y: sourceGapped.y },
-      { x: centerX, y: targetGapped.y },
-    ];
-    //    |
-    //  ---
-    //  |
-    const horizontalSplit: XYPosition[] = [
-      { x: sourceGapped.x, y: centerY },
-      { x: targetGapped.x, y: centerY },
-    ];
-
-    if (sourceDir[dirAccessor] === currDir) {
-      points = dirAccessor === 'x' ? verticalSplit : horizontalSplit;
-    } else {
-      points = dirAccessor === 'x' ? horizontalSplit : verticalSplit;
-    }
-  } else {
-    // sourceTarget means we take x from source and y from target, targetSource is the opposite
-    const sourceTarget: XYPosition[] = [{ x: sourceGapped.x, y: targetGapped.y }];
-    const targetSource: XYPosition[] = [{ x: targetGapped.x, y: sourceGapped.y }];
-    // this handles edges with same handle positions
-    if (dirAccessor === 'x') {
-      points = sourceDir.x === currDir ? targetSource : sourceTarget;
-    } else {
-      points = sourceDir.y === currDir ? sourceTarget : targetSource;
-    }
-
-    // these are conditions for handling mixed handle positions like Right -> Bottom for example
-    if (sourcePosition !== targetPosition) {
-      const dirAccessorOpposite = dirAccessor === 'x' ? 'y' : 'x';
-      const isSameDir = sourceDir[dirAccessor] === targetDir[dirAccessorOpposite];
-      const sourceGtTargetOppo = sourceGapped[dirAccessorOpposite] > targetGapped[dirAccessorOpposite];
-      const sourceLtTargetOppo = sourceGapped[dirAccessorOpposite] < targetGapped[dirAccessorOpposite];
-      const flipSourceTarget =
-        (sourceDir[dirAccessor] === 1 && ((!isSameDir && sourceGtTargetOppo) || (isSameDir && sourceLtTargetOppo))) ||
-        (sourceDir[dirAccessor] !== 1 && ((!isSameDir && sourceLtTargetOppo) || (isSameDir && sourceGtTargetOppo)));
-
-      if (flipSourceTarget) {
-        points = dirAccessor === 'x' ? sourceTarget : targetSource;
-      }
-    }
-
-    centerX = points[0].x;
-    centerY = points[0].y;
-  }
-
-  const pathPoints = [source, sourceGapped, ...points, targetGapped, target];
-
-  return [pathPoints, centerX, centerY, defaultOffsetX, defaultOffsetY];
-}
-
-function getBend(a: XYPosition, b: XYPosition, c: XYPosition, size: number): string {
-  const bendSize = Math.min(distance(a, b) / 2, distance(b, c) / 2, size);
-  const { x, y } = b;
-
-  // no bend
-  if ((a.x === x && x === c.x) || (a.y === y && y === c.y)) {
-    return `L${x} ${y}`;
-  }
-
-  // first segment is horizontal
-  if (a.y === y) {
-    const xDir = a.x < c.x ? -1 : 1;
-    const yDir = a.y < c.y ? 1 : -1;
-    return `L ${x + bendSize * xDir},${y}Q ${x},${y} ${x},${y + bendSize * yDir}`;
-  }
-
-  const xDir = a.x < c.x ? 1 : -1;
-  const yDir = a.y < c.y ? -1 : 1;
-  return `L ${x},${y + bendSize * yDir}Q ${x},${y} ${x + bendSize * xDir},${y}`;
-}
-
-export function getSmoothStepPath({
-  sourceX,
-  sourceY,
-  sourcePosition = Position.Bottom,
-  targetX,
-  targetY,
-  targetPosition = Position.Top,
-  borderRadius = 5,
-  centerX,
-  centerY,
-  offset = 20,
-}: GetSmoothStepPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number] {
-  const [points, labelX, labelY, offsetX, offsetY] = getPoints({
-    source: { x: sourceX, y: sourceY },
-    sourcePosition,
-    target: { x: targetX, y: targetY },
-    targetPosition,
-    center: { x: centerX, y: centerY },
-    offset,
-  });
-
-  const path = points.reduce<string>((res, p, i) => {
-    let segment = '';
-
-    if (i > 0 && i < points.length - 1) {
-      segment = getBend(points[i - 1], p, points[i + 1], borderRadius);
-    } else {
-      segment = `${i === 0 ? 'M' : 'L'}${p.x} ${p.y}`;
-    }
-
-    res += segment;
-
-    return res;
-  }, '');
-
-  return [path, labelX, labelY, offsetX, offsetY];
-}
 
 const SmoothStepEdge = memo(
   ({
diff --git a/packages/core/src/components/Edges/StraightEdge.tsx b/packages/core/src/components/Edges/StraightEdge.tsx
index f99790f99..209a49847 100644
--- a/packages/core/src/components/Edges/StraightEdge.tsx
+++ b/packages/core/src/components/Edges/StraightEdge.tsx
@@ -1,31 +1,8 @@
 import { memo } from 'react';
 import type { EdgeProps } from '@reactflow/system';
+import { getStraightPath } from '@reactflow/edge-utils';
 
 import BaseEdge from './BaseEdge';
-import { getEdgeCenter } from './utils';
-
-export type GetStraightPathParams = {
-  sourceX: number;
-  sourceY: number;
-  targetX: number;
-  targetY: number;
-};
-
-export function getStraightPath({
-  sourceX,
-  sourceY,
-  targetX,
-  targetY,
-}: GetStraightPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number] {
-  const [labelX, labelY, offsetX, offsetY] = getEdgeCenter({
-    sourceX,
-    sourceY,
-    targetX,
-    targetY,
-  });
-
-  return [`M ${sourceX},${sourceY}L ${targetX},${targetY}`, labelX, labelY, offsetX, offsetY];
-}
 
 const StraightEdge = memo(
   ({
diff --git a/packages/core/src/components/Edges/utils.ts b/packages/core/src/components/Edges/utils.ts
index 3c21c3eaf..31d8a2bfa 100644
--- a/packages/core/src/components/Edges/utils.ts
+++ b/packages/core/src/components/Edges/utils.ts
@@ -1,14 +1,6 @@
 import { MouseEvent as ReactMouseEvent } from 'react';
 import { StoreApi } from 'zustand';
-import type { Edge, MarkerType, ReactFlowState } from '@reactflow/system';
-
-export const getMarkerEnd = (markerType?: MarkerType, markerEndId?: string): string => {
-  if (typeof markerEndId !== 'undefined' && markerEndId) {
-    return `url(#${markerEndId})`;
-  }
-
-  return typeof markerType !== 'undefined' ? `url(#react-flow__${markerType})` : 'none';
-};
+import type { Edge, ReactFlowState } from '@reactflow/system';
 
 export function getMouseHandler(
   id: string,
@@ -25,53 +17,3 @@ export function getMouseHandler(
         }
       };
 }
-
-// this is used for straight edges and simple smoothstep edges (LTR, RTL, BTT, TTB)
-export function getEdgeCenter({
-  sourceX,
-  sourceY,
-  targetX,
-  targetY,
-}: {
-  sourceX: number;
-  sourceY: number;
-  targetX: number;
-  targetY: number;
-}): [number, number, number, number] {
-  const xOffset = Math.abs(targetX - sourceX) / 2;
-  const centerX = targetX < sourceX ? targetX + xOffset : targetX - xOffset;
-
-  const yOffset = Math.abs(targetY - sourceY) / 2;
-  const centerY = targetY < sourceY ? targetY + yOffset : targetY - yOffset;
-
-  return [centerX, centerY, xOffset, yOffset];
-}
-
-export function getBezierEdgeCenter({
-  sourceX,
-  sourceY,
-  targetX,
-  targetY,
-  sourceControlX,
-  sourceControlY,
-  targetControlX,
-  targetControlY,
-}: {
-  sourceX: number;
-  sourceY: number;
-  targetX: number;
-  targetY: number;
-  sourceControlX: number;
-  sourceControlY: number;
-  targetControlX: number;
-  targetControlY: number;
-}): [number, number, number, number] {
-  // cubic bezier t=0.5 mid point, not the actual mid point, but easy to calculate
-  // https://stackoverflow.com/questions/67516101/how-to-find-distance-mid-point-of-bezier-curve
-  const centerX = sourceX * 0.125 + sourceControlX * 0.375 + targetControlX * 0.375 + targetX * 0.125;
-  const centerY = sourceY * 0.125 + sourceControlY * 0.375 + targetControlY * 0.375 + targetY * 0.125;
-  const offsetX = Math.abs(centerX - sourceX);
-  const offsetY = Math.abs(centerY - sourceY);
-
-  return [centerX, centerY, offsetX, offsetY];
-}
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index ae58a6c17..52d202f51 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -1,11 +1,11 @@
 export { default as ReactFlow } from './container/ReactFlow';
 export { default as Handle } from './components/Handle';
 export { default as EdgeText } from './components/Edges/EdgeText';
-export { default as StraightEdge, getStraightPath } from './components/Edges/StraightEdge';
+export { default as StraightEdge } from './components/Edges/StraightEdge';
 export { default as StepEdge } from './components/Edges/StepEdge';
-export { default as BezierEdge, getBezierPath } from './components/Edges/BezierEdge';
+export { default as BezierEdge } from './components/Edges/BezierEdge';
 export { default as SimpleBezierEdge, getSimpleBezierPath } from './components/Edges/SimpleBezierEdge';
-export { default as SmoothStepEdge, getSmoothStepPath } from './components/Edges/SmoothStepEdge';
+export { default as SmoothStepEdge } from './components/Edges/SmoothStepEdge';
 export { default as BaseEdge } from './components/Edges/BaseEdge';
 
 export {
@@ -24,7 +24,6 @@ export {
   getBoundsOfRects,
 } from '@reactflow/utils';
 export { applyNodeChanges, applyEdgeChanges } from './utils/changes';
-export { getMarkerEnd } from './components/Edges/utils';
 export { default as ReactFlowProvider } from './components/ReactFlowProvider';
 export { default as Panel } from './components/Panel';
 export { default as EdgeLabelRenderer } from './components/EdgeLabelRenderer';
@@ -43,5 +42,6 @@ export { default as useNodesInitialized } from './hooks/useNodesInitialized';
 export { default as useGetPointerPosition } from './hooks/useGetPointerPosition';
 export { useNodeId } from './contexts/NodeIdContext';
 export * from '@reactflow/system';
+export * from '@reactflow/edge-utils';
 
 // export * from './types';

From a0bdd9574e247a45f97973fbebae6edc94761bef Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 22 Feb 2023 10:38:32 +0100
Subject: [PATCH 0018/1093] feat(svelte): edge types, use edge-utils

---
 packages/svelte/package.json                  |   1 +
 packages/svelte/src/customnodes/Custom.svelte |   4 +-
 .../src/lib/components/edges/BaseEdge.svelte  |  30 ++++-
 .../lib/components/edges/BezierEdge.svelte    |  21 ++++
 .../components/edges/SmoothStepEdge.svelte    |  21 ++++
 .../lib/components/edges/StraightEdge.svelte  |  19 +++
 .../src/lib/container/Pane/index.svelte       |  48 ++++----
 .../src/lib/container/Panel/index.svelte      |   2 +-
 packages/svelte/src/lib/store/index.ts        |  17 ++-
 packages/svelte/src/lib/types/index.ts        |  12 ++
 packages/svelte/src/routes/+page.svelte       | 116 ++++++++++--------
 packages/system/package.json                  |   2 +-
 packages/system/src/types/general.ts          |   2 +
 packages/utils/package.json                   |   2 +-
 pnpm-lock.yaml                                |   4 +
 15 files changed, 219 insertions(+), 82 deletions(-)
 create mode 100644 packages/svelte/src/lib/components/edges/BezierEdge.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/StraightEdge.svelte

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 09e72ce24..cd4162bd6 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -16,6 +16,7 @@
 		".": "./index.js"
 	},
 	"dependencies": {
+		"@reactflow/edge-utils": "workspace:*",
 		"@reactflow/system": "workspace:*",
 		"@reactflow/utils": "workspace:*",
 		"@svelte-put/shortcut": "^2.0.0",
diff --git a/packages/svelte/src/customnodes/Custom.svelte b/packages/svelte/src/customnodes/Custom.svelte
index 410571234..09b6c7f5e 100644
--- a/packages/svelte/src/customnodes/Custom.svelte
+++ b/packages/svelte/src/customnodes/Custom.svelte
@@ -10,8 +10,8 @@
 <div class="custom">
   <div>{data.label}</div>
   <div>{~~xPos}, {~~yPos}</div>
-  <Handle type="target" position={Position.Left} />
-  <Handle type="source" position={Position.Right} />
+  <Handle type="target" position={Position.Top} />
+  <Handle type="source" position={Position.Bottom} />
 </div>
 
 <style>
diff --git a/packages/svelte/src/lib/components/edges/BaseEdge.svelte b/packages/svelte/src/lib/components/edges/BaseEdge.svelte
index 1b798e413..fc8abc98c 100644
--- a/packages/svelte/src/lib/components/edges/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/BaseEdge.svelte
@@ -1,26 +1,44 @@
 <script lang="ts">
-  export let id: string = '1';
+	import type { SvelteComponentTyped } from 'svelte';
+	import { Position } from '@reactflow/system';
+
+	import { useStore } from '$lib/store';
+  import BezierEdge from '$lib/components/edges/StraightEdge.svelte';
+	import type { EdgeProps } from '$lib/types';
+
+  export let id: string;
   export let type: string = 'default';
   export let sourceX: number = 0;
   export let sourceY: number = 0;
   export let targetX: number = 0;
   export let targetY: number = 0;
+  export let sourcePosition: Position = Position.Bottom;
+  export let targetPosition: Position = Position.Top;
+
+  const { edgeTypesStore } = useStore();
+  const edgeComponent: typeof SvelteComponentTyped<EdgeProps> = $edgeTypesStore[type] || BezierEdge;
 </script>
 
 <g
   class="react-flow__edge"
   data-id={id}
 >
-  <path
-    d={`M ${sourceX},${sourceY}L ${targetX},${targetY}`}
-    fill="none"
-    class="react-flow__edge-path"
+  <svelte:component
+    this={edgeComponent}
+    {id}
+    {sourceX}
+    {sourceY}
+    {targetX}
+    {targetY}
+    {sourcePosition}
+    {targetPosition}
   />
 </g>
 
 <style>
-  .react-flow__edge-path {
+  .react-flow__edge :global(path) {
     stroke: #ccc;
     stroke-width: 1;
+    fill: none;
   }
 </style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
new file mode 100644
index 000000000..decca7929
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { getBezierPath } from '@reactflow/edge-utils';
+	import type { EdgeProps } from '$lib/types';
+
+  interface $$Props extends EdgeProps {}
+
+  export let id: $$Props['id'];
+  export let sourceX: $$Props['sourceX'] = 0;
+  export let sourceY: $$Props['sourceY'] = 0;
+  export let targetX: $$Props['targetX'] = 0;
+  export let targetY: $$Props['targetY'] = 0;
+  export let sourcePosition: $$Props['sourcePosition'] = undefined;
+  export let targetPosition: $$Props['targetPosition'] = undefined;
+
+  $: [path] = getBezierPath({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition });
+</script>
+
+<path
+  d={path}
+  class="react-flow__edge-path"
+/>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
new file mode 100644
index 000000000..6b0d1c42d
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { getSmoothStepPath } from '@reactflow/edge-utils';
+	import type { EdgeProps } from '$lib/types';
+
+  interface $$Props extends EdgeProps {}
+
+  export let id: $$Props['id'];
+  export let sourceX: $$Props['sourceX'] = 0;
+  export let sourceY: $$Props['sourceY'] = 0;
+  export let targetX: $$Props['targetX'] = 0;
+  export let targetY: $$Props['targetY'] = 0;
+  export let sourcePosition: $$Props['sourcePosition'] = undefined;
+  export let targetPosition: $$Props['targetPosition'] = undefined;
+
+  $: [path] = getSmoothStepPath({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition });
+</script>
+
+<path
+  d={path}
+  class="react-flow__edge-path"
+/>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
new file mode 100644
index 000000000..285bbadc0
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { getStraightPath } from '@reactflow/edge-utils';
+	import type { EdgeProps } from '$lib/types';
+
+  interface $$Props extends EdgeProps {}
+
+  export let id: $$Props['id'];
+  export let sourceX: $$Props['sourceX'] = 0;
+  export let sourceY: $$Props['sourceY'] = 0;
+  export let targetX: $$Props['targetX'] = 0;
+  export let targetY: $$Props['targetY'] = 0;
+
+  $: [path] = getStraightPath({ sourceX, sourceY, targetX, targetY });
+</script>
+
+<path
+  d={path}
+  class="react-flow__edge-path"
+/>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/Pane/index.svelte b/packages/svelte/src/lib/container/Pane/index.svelte
index b4a033863..ba7580f08 100644
--- a/packages/svelte/src/lib/container/Pane/index.svelte
+++ b/packages/svelte/src/lib/container/Pane/index.svelte
@@ -1,14 +1,8 @@
-<script lang="ts">
-  import { useStore } from '$lib/store';
-	import { SelectionMode, type Node, type Edge } from '@reactflow/system';
-	import { getConnectedEdges, getEventPosition, getNodesInside } from '@reactflow/utils';
-
-  const { nodesStore, edgesStore, transformStore, nodeOriginStore, draggingStore, selectionRectStore, selectionRectModeStore, selectionKeyPressedStore, resetSelectedElements } = useStore();
-
-  const wrapHandler = (
+<script lang="ts" context="module">
+  export function wrapHandler(
     handler: (evt: MouseEvent) => void,
     container: HTMLDivElement
-  ):  (evt: MouseEvent) => void => {
+  ): (evt: MouseEvent) => void {
     return (event: MouseEvent) => {
       if (event.target !== container) {
         return;
@@ -18,6 +12,29 @@
     };
   };
 
+  export function toggleSelected<Item extends Node | Edge>(ids: string[]) {
+    return (item: Item) => {
+      const isSelected = ids.includes(item.id);
+
+      if (item.selected !== isSelected) {
+        return {
+          ...item,
+          selected: isSelected,
+        };
+      }
+
+      return item;
+    }
+  }
+</script>
+
+<script lang="ts">
+  import { useStore } from '$lib/store';
+	import { SelectionMode, type Node, type Edge } from '@reactflow/system';
+	import { getConnectedEdges, getEventPosition, getNodesInside } from '@reactflow/utils';
+
+  const { nodesStore, edgesStore, transformStore, nodeOriginStore, draggingStore, selectionRectStore, selectionRectModeStore, selectionKeyPressedStore, resetSelectedElements } = useStore();
+
   // @todo take from props
   const elementsSelectable = true;
   const selectionMode = SelectionMode.Partial
@@ -67,20 +84,7 @@
     // onSelectionStart?.(event);
   };
 
-  function toggleSelected<Item extends Node | Edge>(ids: string[]) {
-    return (item: Item) => {
-      const isSelected = ids.includes(item.id);
-
-      if (item.selected !== isSelected) {
-        return {
-          ...item,
-          selected: isSelected,
-        };
-      }
 
-      return item;
-    }
-  }
 
   function onMouseMove(event: MouseEvent) {
     if (!isSelecting || !containerBounds || !$selectionRectStore) {
diff --git a/packages/svelte/src/lib/container/Panel/index.svelte b/packages/svelte/src/lib/container/Panel/index.svelte
index ce4313cbc..86e975356 100644
--- a/packages/svelte/src/lib/container/Panel/index.svelte
+++ b/packages/svelte/src/lib/container/Panel/index.svelte
@@ -4,9 +4,9 @@
 
   export let position: PanelPosition = 'top-right';
   export let style: string = '';
-  export { className as class }
 
   let className: string;
+  export { className as class }
 
   $: positionClasses = `${position}`.split('-');
 </script>
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index d7daecabc..85ded208d 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -27,7 +27,10 @@ import { SelectionMode } from 'reactflow';
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
 import InputNode from '$lib/components/nodes/InputNode.svelte';
 import OutputNode from '$lib/components/nodes/OutputNode.svelte';
-import type { NodeTypes } from '$lib/types';
+import type { EdgeTypes, NodeTypes } from '$lib/types';
+import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
+import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
+import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
 
 export const key = Symbol();
 
@@ -38,6 +41,7 @@ type CreateStoreProps = {
 	nodeOrigin?: NodeOrigin;
 	transform?: Transform;
 	nodeTypes?: NodeTypes;
+	edgeTypes?: EdgeTypes;
 	id?: string;
 };
 
@@ -65,6 +69,7 @@ type SvelteFlowStore = {
 	selectionMode: Writable<SelectionMode>;
 	selectionKeyPressedStore: Writable<boolean>;
 	nodeTypesStore: Writable<NodeTypes>;
+	edgeTypesStore: Writable<EdgeTypes>;
 	zoomIn: (options?: ViewportHelperFunctionOptions) => void;
 	zoomOut: (options?: ViewportHelperFunctionOptions) => void;
 	fitView: (options?: ViewportHelperFunctionOptions) => boolean;
@@ -84,6 +89,7 @@ export function createStore({
 	nodeOrigin = [0, 0],
 	fitView: fitViewOnInit = false,
 	nodeTypes = {},
+	edgeTypes = {},
 	id = '1'
 }: CreateStoreProps): SvelteFlowStore {
 	const nodesStore = writable(nodes.map((n) => ({ ...n, positionAbsolute: n.position })));
@@ -108,6 +114,13 @@ export function createStore({
 		default: nodeTypes.default || DefaultNode
 	});
 
+	const edgeTypesStore = writable({
+		...edgeTypes,
+		straight: edgeTypes.straight || StraightEdge,
+		smoothstep: edgeTypes.smoothstep || SmoothStepEdge,
+		default: edgeTypes.default || BezierEdge
+	});
+
 	let fitViewOnInitDone = false;
 
 	const edgesWithDataStore = derived([edgesStore, nodesStore], ([$edges, $nodes]) => {
@@ -293,6 +306,7 @@ export function createStore({
 		selectionRectModeStore,
 		selectionMode,
 		nodeTypesStore,
+		edgeTypesStore,
 		updateNodePositions,
 		updateNodeDimensions,
 		zoomIn,
@@ -304,5 +318,6 @@ export function createStore({
 
 export function useStore(): SvelteFlowStore {
 	const { getStore } = getContext<{ getStore: () => SvelteFlowStore }>(key);
+
 	return getStore();
 }
diff --git a/packages/svelte/src/lib/types/index.ts b/packages/svelte/src/lib/types/index.ts
index d295e4ec4..1bc07e7d4 100644
--- a/packages/svelte/src/lib/types/index.ts
+++ b/packages/svelte/src/lib/types/index.ts
@@ -13,3 +13,15 @@ export type NodeProps<NodeData extends Record<string, unknown> = Record<string,
 };
 
 export type NodeTypes = Record<string, typeof SvelteComponentTyped<NodeProps>>;
+
+export type EdgeProps = {
+	id: string;
+	sourceX: number;
+	sourceY: number;
+	targetX: number;
+	targetY: number;
+	sourcePosition?: Position;
+	targetPosition?: Position;
+};
+
+export type EdgeTypes = Record<string, typeof SvelteComponentTyped<EdgeProps>>;
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index b2736b948..6a664f0a2 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -4,64 +4,84 @@
   import SvelteFlow, { Controls, Background, BackgroundVariant, Minimap } from '../lib/index';
   import CustomNode from '../customnodes/Custom.svelte';
 
-  const yNodes = 10;
-  const xNodes = 10;
-
-  const nodes: Node[] = [];
-  const edges: Edge[] = [];
-
   const nodeTypes = {
     custom: CustomNode,
   };
 
-  let source = null;
+  // const yNodes = 10;
+  // const xNodes = 10;
 
-  for (let y = 0; y < yNodes; y++) {
-    for (let x = 0; x < xNodes; x++) {
-      const position = { x: x * 100, y: y * 50 };
-      const id = `${x}-${y}`;
-      const data = { label: `Node ${id}` };
-      const node = {
-        id,
-        data,
-        position,
-        type: x === 0 ? 'custom' : 'default',
-      };
-      nodes.push(node);
+  // const nodes: Node[] = [];
+  // const edges: Edge[] = [];
 
-      if (source) {
-        const edge = {
-          id: `${source.id}-${id}`,
-          source: source.id,
-          target: id,
-        };
-        edges.push(edge);
-      }
 
-      source = node;
 
-      
-    }
-  }
+  // let source = null;
+
+  // for (let y = 0; y < yNodes; y++) {
+  //   for (let x = 0; x < xNodes; x++) {
+  //     const position = { x: x * 100, y: y * 50 };
+  //     const id = `${x}-${y}`;
+  //     const data = { label: `Node ${id}` };
+  //     const node = {
+  //       id,
+  //       data,
+  //       position,
+  //       type: x === 0 ? 'custom' : 'default',
+  //     };
+  //     nodes.push(node);
+
+  //     if (source) {
+  //       const edge = {
+  //         id: `${source.id}-${id}`,
+  //         source: source.id,
+  //         target: id,
+  //       };
+  //       edges.push(edge);
+  //     }
+
+  //     source = node;
+  //   }
+  // }
 
-  // const nodes = [{
-  //   id: '1',
-  //   type: 'input',
-  //   data: { label: 'Input Node' },
-  //   position: { x: 250, y: 5 }
-  //  }, {
-  //    id: '2',
-  //    type: 'input',
-  //    data: { label: 'Input Node 2' },
-  //    position: { x: 150, y: 250 },
-  //  }]
+  const nodes: Node[] = [{
+    id: '1',
+    type: 'input',
+    data: { label: 'Input Node' },
+    position: { x: 150, y: 5 }
+   }, {
+    id: '2',
+    type: 'default',
+    data: { label: 'Node' },
+    position: { x: 0, y: 150 },
+  }, {
+    id: '3',
+    type: 'output',
+    data: { label: 'Output Node' },
+    position: { x: 300, y: 150 },
+  }, {
+    id: '4',
+    type: 'custom',
+    data: { label: 'Custom Node' },
+    position: { x: 150, y: 300 },
+  }];
 
-  //  const edges = [{
-  //   id: '1-2',
-  //   type: 'default',
-  //   source: '1',
-  //   target: '2'
-  //  }]
+  const edges: Edge[] = [{
+    id: '1-2',
+    type: 'default',
+    source: '1',
+    target: '2'
+  }, {
+    id: '1-3',
+    type: 'smoothstep',
+    source: '1',
+    target: '3'
+  }, {
+    id: '2-4',
+    type: 'default',
+    source: '2',
+    target: '4'
+  }];
 </script>
 
 <SvelteFlow {nodes} {edges} {nodeTypes} fitView>
diff --git a/packages/system/package.json b/packages/system/package.json
index 48a6575c2..67654749d 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -57,6 +57,6 @@
   },
   "rollup": {
     "globals": {},
-    "name": "ReactFlowCore"
+    "name": "ReactFlowSystem"
   }
 }
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 3a488d884..94a0c81c3 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -77,6 +77,8 @@ export type FitViewParams = {
   nodeOrigin: NodeOrigin;
   d3Zoom: D3ZoomInstance;
   d3Selection: D3SelectionInstance;
+  minZoom: number;
+  maxZoom: number;
 };
 
 export type FitViewOptions = {
diff --git a/packages/utils/package.json b/packages/utils/package.json
index 887cdd899..33b95963b 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -59,6 +59,6 @@
   },
   "rollup": {
     "globals": {},
-    "name": "ReactFlowCore"
+    "name": "ReactFlowUtils"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 74088eff3..afe772ebc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -143,6 +143,7 @@ importers:
 
   packages/core:
     specifiers:
+      '@reactflow/edge-utils': workspace:^11.5.5
       '@reactflow/eslint-config': workspace:*
       '@reactflow/rollup-config': workspace:*
       '@reactflow/system': workspace:*
@@ -163,6 +164,7 @@ importers:
       typescript: ^4.9.4
       zustand: ^4.3.3
     dependencies:
+      '@reactflow/edge-utils': link:../edge-utils
       '@reactflow/system': link:../system
       '@reactflow/utils': link:../utils
       '@types/d3': registry.npmjs.org/@types/d3/7.4.0
@@ -310,6 +312,7 @@ importers:
 
   packages/svelte:
     specifiers:
+      '@reactflow/edge-utils': workspace:^11.5.5
       '@reactflow/system': workspace:*
       '@reactflow/utils': workspace:*
       '@svelte-put/shortcut': ^2.0.0
@@ -335,6 +338,7 @@ importers:
       typescript: ^4.9.3
       vite: ^4.1.1
     dependencies:
+      '@reactflow/edge-utils': link:../edge-utils
       '@reactflow/system': link:../system
       '@reactflow/utils': link:../utils
       '@svelte-put/shortcut': registry.npmjs.org/@svelte-put/shortcut/2.0.0

From fb8d0d677ec8148d257b25b88e6d599cfa17f7a8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 22 Feb 2023 11:07:16 +0100
Subject: [PATCH 0019/1093] chore(svelte): cleanup

---
 packages/svelte/src/lib/components/edges/BaseEdge.svelte      | 2 +-
 packages/svelte/src/lib/components/edges/BezierEdge.svelte    | 4 ++--
 .../svelte/src/lib/components/edges/SmoothStepEdge.svelte     | 4 ++--
 packages/svelte/src/lib/components/nodes/BaseNode.svelte      | 4 ++--
 packages/svelte/src/lib/components/nodes/DefaultNode.svelte   | 3 +--
 5 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/svelte/src/lib/components/edges/BaseEdge.svelte b/packages/svelte/src/lib/components/edges/BaseEdge.svelte
index fc8abc98c..1e70dbe61 100644
--- a/packages/svelte/src/lib/components/edges/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/BaseEdge.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { SvelteComponentTyped } from 'svelte';
-	import { Position } from '@reactflow/system';
+  import { Position } from '@reactflow/system';
 
 	import { useStore } from '$lib/store';
   import BezierEdge from '$lib/components/edges/StraightEdge.svelte';
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
index decca7929..022d754ce 100644
--- a/packages/svelte/src/lib/components/edges/BezierEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { getBezierPath } from '@reactflow/edge-utils';
-	import type { EdgeProps } from '$lib/types';
-
+  import type { EdgeProps } from '$lib/types';
+  
   interface $$Props extends EdgeProps {}
 
   export let id: $$Props['id'];
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
index 6b0d1c42d..956663555 100644
--- a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { getSmoothStepPath } from '@reactflow/edge-utils';
-	import type { EdgeProps } from '$lib/types';
-
+  import type { EdgeProps } from '$lib/types';
+  
   interface $$Props extends EdgeProps {}
 
   export let id: $$Props['id'];
diff --git a/packages/svelte/src/lib/components/nodes/BaseNode.svelte b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
index 55274bbff..edf73c456 100644
--- a/packages/svelte/src/lib/components/nodes/BaseNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { onMount, setContext, SvelteComponentTyped, type ComponentType } from 'svelte';
+	import { onMount, setContext, SvelteComponentTyped } from 'svelte';
   import { type XYPosition, Position } from '@reactflow/system';
-
+  
   import drag  from '$lib/actions/drag'
 	import { useStore } from '$lib/store';
 	import DefaultNode from './DefaultNode.svelte';
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index 675c5812a..709ad1c45 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -18,5 +18,4 @@
 
 <Handle type="target" position={targetPosition} />
 {data?.label}
-<Handle type="source" position={sourcePosition} />
-
+<Handle type="source" position={sourcePosition} />
\ No newline at end of file

From f91ec399a7057eb07eb947733f72e06723edc091 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 22 Feb 2023 17:26:41 +0100
Subject: [PATCH 0020/1093] refactor(svelte): cleanup types

---
 packages/edge-utils/README.md                 |  6 +--
 packages/svelte/README.md                     | 16 +-------
 packages/svelte/src/lib/actions/drag/index.ts |  7 ++--
 .../src/lib/components/nodes/BaseNode.svelte  | 30 ++++++++------
 .../lib/components/nodes/DefaultNode.svelte   |  2 +-
 .../index.svelte}                             |  0
 .../src/lib/container/SvelteFlow.svelte       | 15 ++++---
 packages/svelte/src/lib/index.ts              |  1 +
 packages/svelte/src/lib/store/index.ts        | 17 ++++----
 packages/svelte/src/lib/types/edges.ts        | 24 +++++++++++
 packages/svelte/src/lib/types/general.ts      | 11 +++++
 packages/svelte/src/lib/types/index.ts        | 30 ++------------
 packages/svelte/src/lib/types/nodes.ts        | 41 +++++++++++++++++++
 packages/svelte/src/routes/+page.svelte       | 26 ++++++++++--
 packages/system/README.md                     |  6 +--
 packages/utils/README.md                      |  6 +--
 16 files changed, 157 insertions(+), 81 deletions(-)
 rename packages/svelte/src/lib/container/{NodeRenderer.svelte => NodeRenderer/index.svelte} (100%)
 create mode 100644 packages/svelte/src/lib/types/edges.ts
 create mode 100644 packages/svelte/src/lib/types/general.ts
 create mode 100644 packages/svelte/src/lib/types/nodes.ts

diff --git a/packages/edge-utils/README.md b/packages/edge-utils/README.md
index d87523edd..941b215bf 100644
--- a/packages/edge-utils/README.md
+++ b/packages/edge-utils/README.md
@@ -1,10 +1,10 @@
-# @reactflow/core
+# @reactflow/edge-utils
 
-Core components and util functions of React Flow.
+Edge util functions of React Flow.
 
 ## Installation 
 
 ```sh 
-npm install @reactflow/core
+npm install @reactflow/edge-utils
 ```
 
diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index 5c91169b0..55fa00096 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -1,18 +1,6 @@
-# create-svelte
+# SvelteFlow
 
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```bash
-# create a new project in the current directory
-npm create svelte@latest
-
-# create a new project in my-app
-npm create svelte@latest my-app
-```
+A highly customizable Svelte component for building interactive graphs and node-based editors.
 
 ## Developing
 
diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index da2b66a95..0a647225b 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -1,9 +1,10 @@
 import { get, type Writable } from 'svelte/store';
 import { drag as d3Drag, type D3DragEvent, type SubjectPosition } from 'd3-drag';
 import { select } from 'd3-selection';
-import type { XYPosition, CoordinateExtent, Node, Transform } from '@reactflow/system';
+import type { XYPosition, CoordinateExtent, Transform, Node as RFNode } from '@reactflow/system';
 
 import { getDragItems, hasSelector, calcNextPosition } from './utils';
+import type { Node } from '$lib/types';
 
 export type UseDragData = { dx: number; dy: number };
 export type UseDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
@@ -69,7 +70,7 @@ export default function drag(
 
 		dragItems = dragItems.map((n) => {
 			const nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
-			const updatedPos = calcNextPosition(n, nextPosition, get(nodesStore));
+			const updatedPos = calcNextPosition(n, nextPosition, get(nodesStore) as RFNode[]);
 
 			// we want to make sure that we only fire a change event when there is a changes
 			hasChange =
@@ -96,7 +97,7 @@ export default function drag(
 			const pointerPos = getPointerPosition(event);
 			console.log(pointerPos);
 			lastPos = pointerPos;
-			dragItems = getDragItems(get(nodesStore), pointerPos, nodeId);
+			dragItems = getDragItems(get(nodesStore) as RFNode[], pointerPos, nodeId);
 		})
 		.on('drag', (event: UseDragEvent) => {
 			const pointerPos = getPointerPosition(event);
diff --git a/packages/svelte/src/lib/components/nodes/BaseNode.svelte b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
index edf73c456..cc711e9dd 100644
--- a/packages/svelte/src/lib/components/nodes/BaseNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
@@ -1,25 +1,31 @@
 <script lang="ts">
 	import { onMount, setContext, SvelteComponentTyped } from 'svelte';
+  import cc from 'classcat';
   import { type XYPosition, Position } from '@reactflow/system';
   
   import drag  from '$lib/actions/drag'
 	import { useStore } from '$lib/store';
 	import DefaultNode from './DefaultNode.svelte';
-	import type { NodeProps } from '$lib/types';
+	import type { WrapNodeProps, NodeProps } from '$lib/types';
 
-  export let id: NodeProps['id'];
-  export let data: NodeProps['data'] = {};
-  export let selected: NodeProps['selected'] = false;
+  interface $$Props extends WrapNodeProps {}
+
+  export let id: WrapNodeProps['id'];
+  export let data: WrapNodeProps['data'] = {};
+  export let selected: WrapNodeProps['selected'] = false;
   export let positionAbsolute: XYPosition = { x: 0, y: 0 };
   export let position: XYPosition = { x: 0, y: 0 };
   export let dragging: boolean = false;
-  export let resizeObserver: ResizeObserver | null = null;
-  export let style: any = {};
-  export let width: number = 0;
-  export let height: number = 0;
-  export let type: string = 'default';
-  export let sourcePosition: Position = Position.Bottom;
-  export let targetPosition: Position = Position.Top;
+  export let resizeObserver: WrapNodeProps['resizeObserver'] = undefined;
+  export let style: WrapNodeProps['style'] = undefined;
+  export let width: WrapNodeProps['width'] = undefined;
+  export let height: WrapNodeProps['height'] = undefined;
+  export let type: WrapNodeProps['type'] = 'default';
+  export let sourcePosition: WrapNodeProps['sourcePosition'] = Position.Bottom;
+  export let targetPosition: WrapNodeProps['targetPosition'] = Position.Top;
+
+  let className: string = '';
+  export { className as class };
 
   let nodeRef: HTMLDivElement;
   
@@ -39,7 +45,7 @@
 
 <div
   use:drag={{ nodeId: id, nodesStore, transformStore, updateNodePositions }}
-  class="react-flow__node"
+  class={cc(['react-flow__node', `react-flow__node-${type}`, className])}
   class:initializing={!width && !height}
   class:dragging={dragging}
   bind:this={nodeRef}
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index 709ad1c45..22c551d81 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -13,7 +13,7 @@
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
   export let xPos: $$Props['xPos'];
   export let yPos: $$Props['yPos'];
-  export let selected: $$Props['selected'];
+  export let selected: $$Props['selected'] = false;
 </script>
 
 <Handle type="target" position={targetPosition} />
diff --git a/packages/svelte/src/lib/container/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/index.svelte
similarity index 100%
rename from packages/svelte/src/lib/container/NodeRenderer.svelte
rename to packages/svelte/src/lib/container/NodeRenderer/index.svelte
diff --git a/packages/svelte/src/lib/container/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow.svelte
index 32086d481..cfb30c2ef 100644
--- a/packages/svelte/src/lib/container/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow.svelte
@@ -1,24 +1,23 @@
 <script lang="ts">
-  import { setContext, onMount, SvelteComponent } from 'svelte'
+  import { setContext, onMount } from 'svelte'
   import cc from 'classcat';
-  import type { Node, Edge } from '@reactflow/system';
 
 	import { key, createStore } from '$lib/store';
   import Zoom from '$lib/container/Zoom/index.svelte';
   import Pane from '$lib/container/Pane/index.svelte';
   import Viewport from '$lib/container/Viewport.svelte';
-  import NodeRenderer from '$lib/container/NodeRenderer.svelte';
+  import NodeRenderer from '$lib/container/NodeRenderer/index.svelte';
   import EdgeRenderer from '$lib/container/EdgeRenderer/index.svelte';
   import UserSelection from '$lib/components/UserSelection/index.svelte';
   import NodeSelection from '$lib/components/NodeSelection/index.svelte';
   import KeyHandler from '$lib/components/KeyHandler/index.svelte';
+	import type { NodeTypes, Node, Edge } from '$lib/types';
 
   export let id: string = '1';
   export let nodes: Node[] = [];
   export let edges: Edge[] = [];
   export let fitView: boolean = false;
-  export let nodeTypes: Record<string, SvelteComponent>
-
+  export let nodeTypes: NodeTypes;
   let className: string = '';
   export { className as class };
 
@@ -71,4 +70,10 @@
     position: relative;
     z-index: 0;
   }
+
+  .react-flow :global(.react-flow__node-default),
+  .react-flow :global(.react-flow__node-input),
+  .react-flow :global(.react-flow__node-output) {
+    padding: 10px;
+  }
 </style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index cc39ec560..262f511a4 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -3,5 +3,6 @@ export { Controls, ControlButton } from '$lib/plugins/Controls';
 export { Background, BackgroundVariant } from '$lib/plugins/Background';
 export { Minimap } from '$lib/plugins/Minimap';
 export { default as Panel } from '$lib/container/Panel/index.svelte';
+export * from '$lib/types';
 
 export default SvelteFlow;
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 85ded208d..215448715 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -1,18 +1,17 @@
 import { getContext } from 'svelte';
 import { derived, get, writable, type Readable, type Writable } from 'svelte/store';
 import {
-	type Node,
 	type Transform,
 	type NodeDragItem,
 	type NodeDimensionUpdate,
-	type Edge,
 	Position,
 	internalsSymbol,
 	type NodeOrigin,
 	type D3ZoomInstance,
 	type D3SelectionInstance,
 	type ViewportHelperFunctionOptions,
-	type SelectionRect
+	type SelectionRect,
+	type Node as RFNode
 } from '@reactflow/system';
 import { fitView, getD3Transition, getDimensions } from '@reactflow/utils';
 
@@ -27,7 +26,7 @@ import { SelectionMode } from 'reactflow';
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
 import InputNode from '$lib/components/nodes/InputNode.svelte';
 import OutputNode from '$lib/components/nodes/OutputNode.svelte';
-import type { EdgeTypes, NodeTypes } from '$lib/types';
+import type { EdgeTypes, NodeTypes, Node, Edge } from '$lib/types';
 import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
@@ -128,8 +127,12 @@ export function createStore({
 			.map((edge) => {
 				const sourceNode = $nodes.find((node) => node.id === edge.source);
 				const targetNode = $nodes.find((node) => node.id === edge.target);
-				const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(sourceNode);
-				const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(targetNode);
+				const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(
+					sourceNode as RFNode
+				);
+				const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(
+					targetNode as RFNode
+				);
 
 				if (!sourceIsValid || !targetIsValid) {
 					return null;
@@ -261,7 +264,7 @@ export function createStore({
 
 		return fitView(
 			{
-				nodes: get(nodesStore),
+				nodes: get(nodesStore) as RFNode[],
 				width: get(widthStore),
 				height: get(heightStore),
 				minZoom: 0.2,
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
new file mode 100644
index 000000000..754aa4589
--- /dev/null
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -0,0 +1,24 @@
+import type { SvelteComponentTyped } from 'svelte';
+import type { Position } from '@reactflow/system';
+
+export type Edge = {
+	id: string;
+	type: string;
+	source: string;
+	target: string;
+	sourceHandle?: string;
+	targetHandle?: string;
+	selected?: boolean;
+};
+
+export type EdgeProps = {
+	id: string;
+	sourceX: number;
+	sourceY: number;
+	targetX: number;
+	targetY: number;
+	sourcePosition?: Position;
+	targetPosition?: Position;
+};
+
+export type EdgeTypes = Record<string, typeof SvelteComponentTyped<EdgeProps>>;
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
new file mode 100644
index 000000000..82961ca95
--- /dev/null
+++ b/packages/svelte/src/lib/types/general.ts
@@ -0,0 +1,11 @@
+import type { Node, NodeTypes } from './nodes';
+import type { Edge } from './edges';
+
+export type SvelteFlowProps = {
+	nodes: Node[];
+	edges: Edge[];
+	nodeTypes?: NodeTypes;
+	fitView?: boolean;
+	class?: string;
+	style?: string;
+};
diff --git a/packages/svelte/src/lib/types/index.ts b/packages/svelte/src/lib/types/index.ts
index 1bc07e7d4..43288f9af 100644
--- a/packages/svelte/src/lib/types/index.ts
+++ b/packages/svelte/src/lib/types/index.ts
@@ -1,27 +1,5 @@
-import type { SvelteComponentTyped } from 'svelte';
-import type { Position } from '@reactflow/system';
+export type { Position, XYPosition } from '@reactflow/system';
 
-export type NodeProps<NodeData extends Record<string, unknown> = Record<string, never>> = {
-	id: string;
-	data: NodeData;
-	xPos: number;
-	yPos: number;
-	selected: boolean;
-	isConnectable: boolean;
-	sourcePosition: Position;
-	targetPosition: Position;
-};
-
-export type NodeTypes = Record<string, typeof SvelteComponentTyped<NodeProps>>;
-
-export type EdgeProps = {
-	id: string;
-	sourceX: number;
-	sourceY: number;
-	targetX: number;
-	targetY: number;
-	sourcePosition?: Position;
-	targetPosition?: Position;
-};
-
-export type EdgeTypes = Record<string, typeof SvelteComponentTyped<EdgeProps>>;
+export * from './nodes';
+export * from './edges';
+export * from './general';
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
new file mode 100644
index 000000000..695d574e6
--- /dev/null
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -0,0 +1,41 @@
+import type { SvelteComponentTyped } from 'svelte';
+import type { internalsSymbol, NodeHandleBounds, Position, XYPosition } from '@reactflow/system';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type Node<NodeData = any> = {
+	id: string;
+	type: string;
+	data: NodeData;
+	position: XYPosition;
+	sourcePosition?: Position;
+	targetPosition?: Position;
+
+	width?: number;
+	height?: number;
+	selected?: boolean;
+	class?: string;
+	style?: string;
+
+	// only used internally
+	[internalsSymbol]?: {
+		z?: number;
+		handleBounds?: NodeHandleBounds;
+		isParent?: boolean;
+	};
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type NodeProps<NodeData = any> = Pick<
+	Node<NodeData>,
+	'id' | 'data' | 'selected' | 'sourcePosition' | 'targetPosition'
+> & {
+	xPos: number;
+	yPos: number;
+	isConnectable?: boolean;
+};
+
+export type WrapNodeProps = Node & {
+	resizeObserver?: ResizeObserver;
+};
+
+export type NodeTypes = Record<string, typeof SvelteComponentTyped<NodeProps>>;
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index 6a664f0a2..949d5563d 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
-  import type { Node, Edge } from '@reactflow/system';
-  
+  import type { Node, Edge } from '../lib/types';
   import SvelteFlow, { Controls, Background, BackgroundVariant, Minimap } from '../lib/index';
   import CustomNode from '../customnodes/Custom.svelte';
 
@@ -44,7 +43,7 @@
   //   }
   // }
 
-  const nodes: Node[] = [{
+  const nodes: Node<{ label: string }>[] = [{
     id: '1',
     type: 'input',
     data: { label: 'Input Node' },
@@ -54,12 +53,26 @@
     type: 'default',
     data: { label: 'Node' },
     position: { x: 0, y: 150 },
+  }, {
+    id: 'A',
+    type: 'default',
+    data: { label: 'Styled with class' },
+    class: 'custom-style',
+    position: { x: 150, y: 150 },
   }, {
     id: '3',
     type: 'output',
     data: { label: 'Output Node' },
     position: { x: 300, y: 150 },
-  }, {
+  }, 
+  {
+    id: 'B',
+    type: 'default',
+    data: { label: 'Styled with style' },
+    style: 'border: 2px solid #ff5050;',
+    position: { x: 450, y: 150 },
+  },
+  {
     id: '4',
     type: 'custom',
     data: { label: 'Custom Node' },
@@ -94,4 +107,9 @@
   :root {
     --node-width: 50;
   }
+
+  :global(.react-flow .custom-style) {
+    background: #ff5050;
+    color: white;
+  }
 </style>
diff --git a/packages/system/README.md b/packages/system/README.md
index d87523edd..81a9af59d 100644
--- a/packages/system/README.md
+++ b/packages/system/README.md
@@ -1,10 +1,10 @@
-# @reactflow/core
+# @reactflow/system
 
-Core components and util functions of React Flow.
+Types for React Flow.
 
 ## Installation 
 
 ```sh 
-npm install @reactflow/core
+npm install @reactflow/system
 ```
 
diff --git a/packages/utils/README.md b/packages/utils/README.md
index d87523edd..ba9e8bdab 100644
--- a/packages/utils/README.md
+++ b/packages/utils/README.md
@@ -1,10 +1,10 @@
-# @reactflow/core
+# @reactflow/utils
 
-Core components and util functions of React Flow.
+Util functions of React Flow.
 
 ## Installation 
 
 ```sh 
-npm install @reactflow/core
+npm install @reactflow/utils
 ```
 

From 658366e67f70cb58beb75f75cc7af3ba6cb9ba57 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 22 Feb 2023 18:06:26 +0100
Subject: [PATCH 0021/1093] feat(svelte): reactive nodes

---
 packages/svelte/src/customnodes/Custom.svelte |  2 +-
 .../src/lib/components/nodes/BaseNode.svelte  |  4 +-
 .../svelte/src/lib/container/Panel/Panel.d.ts |  7 ++++
 .../src/lib/container/Panel/index.svelte      |  9 +++--
 .../src/lib/container/SvelteFlow.svelte       | 33 +++++++++++-----
 packages/svelte/src/lib/store/index.ts        | 39 ++++++++++++++-----
 packages/svelte/src/lib/types/general.ts      |  1 +
 packages/svelte/src/lib/types/nodes.ts        |  5 ++-
 packages/svelte/src/routes/+page.svelte       | 23 ++++++++---
 9 files changed, 88 insertions(+), 35 deletions(-)
 create mode 100644 packages/svelte/src/lib/container/Panel/Panel.d.ts

diff --git a/packages/svelte/src/customnodes/Custom.svelte b/packages/svelte/src/customnodes/Custom.svelte
index 09b6c7f5e..c2be70f7e 100644
--- a/packages/svelte/src/customnodes/Custom.svelte
+++ b/packages/svelte/src/customnodes/Custom.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import Handle from '$lib/components/Handle/index.svelte';
 	import { Position } from '@reactflow/system';
-
+  
   export let data: { label: string } = { label: 'Node' };
   export let xPos: number = 0;
   export let yPos: number = 0;
diff --git a/packages/svelte/src/lib/components/nodes/BaseNode.svelte b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
index cc711e9dd..ca21a09c5 100644
--- a/packages/svelte/src/lib/components/nodes/BaseNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
@@ -16,7 +16,7 @@
   export let positionAbsolute: XYPosition = { x: 0, y: 0 };
   export let position: XYPosition = { x: 0, y: 0 };
   export let dragging: boolean = false;
-  export let resizeObserver: WrapNodeProps['resizeObserver'] = undefined;
+  export let resizeObserver: WrapNodeProps['resizeObserver'] = null;
   export let style: WrapNodeProps['style'] = undefined;
   export let width: WrapNodeProps['width'] = undefined;
   export let height: WrapNodeProps['height'] = undefined;
@@ -30,7 +30,7 @@
   let nodeRef: HTMLDivElement;
   
   const { nodesStore, transformStore, updateNodePositions, nodeTypesStore } = useStore();
-  const nodeComponent: typeof SvelteComponentTyped<NodeProps> = $nodeTypesStore[type] || DefaultNode;
+  const nodeComponent: typeof SvelteComponentTyped<Partial<NodeProps>> = $nodeTypesStore[type] || DefaultNode;
 
   setContext('rf_nodeid', id);
 
diff --git a/packages/svelte/src/lib/container/Panel/Panel.d.ts b/packages/svelte/src/lib/container/Panel/Panel.d.ts
new file mode 100644
index 000000000..c01ee7448
--- /dev/null
+++ b/packages/svelte/src/lib/container/Panel/Panel.d.ts
@@ -0,0 +1,7 @@
+import type { PanelPosition } from '@reactflow/system';
+
+export type PanelProps = {
+	position?: PanelPosition;
+	style?: string;
+	class?: string;
+};
diff --git a/packages/svelte/src/lib/container/Panel/index.svelte b/packages/svelte/src/lib/container/Panel/index.svelte
index 86e975356..9b2bee9ba 100644
--- a/packages/svelte/src/lib/container/Panel/index.svelte
+++ b/packages/svelte/src/lib/container/Panel/index.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
-	import type { PanelPosition } from '@reactflow/system';
   import cc from 'classcat';
+  import type { PanelProps } from './Panel';
 
-  export let position: PanelPosition = 'top-right';
-  export let style: string = '';
+  interface $$Props extends PanelProps {}
 
-  let className: string;
+  export let position: $$Props['position'] = 'top-right';
+  export let style: $$Props['style'] = '';
+  let className: $$Props['class'] = undefined;
   export { className as class }
 
   $: positionClasses = `${position}`.split('-');
diff --git a/packages/svelte/src/lib/container/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow.svelte
index cfb30c2ef..238f0dbb7 100644
--- a/packages/svelte/src/lib/container/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow.svelte
@@ -11,21 +11,21 @@
   import UserSelection from '$lib/components/UserSelection/index.svelte';
   import NodeSelection from '$lib/components/NodeSelection/index.svelte';
   import KeyHandler from '$lib/components/KeyHandler/index.svelte';
-	import type { NodeTypes, Node, Edge } from '$lib/types';
+	import type { SvelteFlowProps } from '$lib/types';
 
-  export let id: string = '1';
-  export let nodes: Node[] = [];
-  export let edges: Edge[] = [];
-  export let fitView: boolean = false;
-  export let nodeTypes: NodeTypes;
-  let className: string = '';
+  interface $$Props extends SvelteFlowProps {}
+
+  export let id: $$Props['id'] = '1';
+  export let nodes: $$Props['nodes'] = [];
+  export let edges: $$Props['edges'] = [];
+  export let fitView: $$Props['fitView'] = undefined;
+  export let nodeTypes: $$Props['nodeTypes'] = undefined;
+  let className: $$Props['class'] = undefined;
   export { className as class };
 
   let domNode: Element;
 
   const store = createStore({
-    nodes,
-    edges,
     fitView,
     nodeTypes
   });
@@ -38,7 +38,20 @@
     const { width, height } = domNode.getBoundingClientRect();
     store.widthStore.set(width);
     store.heightStore.set(height);
-  })
+
+    // @todo: is this a svelte way for two way binding?
+    store.nodesStore.subscribe((ns) => {
+      nodes = ns;
+    });
+  });
+
+  $: {
+    store.setNodes(nodes);
+  }
+
+  $: {
+    store.setEdges(edges);
+  }
 </script>
 
 <div
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 215448715..e417c047a 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -34,9 +34,7 @@ import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
 export const key = Symbol();
 
 type CreateStoreProps = {
-	nodes: Node[];
-	edges: Edge[];
-	fitView: boolean;
+	fitView?: boolean;
 	nodeOrigin?: NodeOrigin;
 	transform?: Transform;
 	nodeTypes?: NodeTypes;
@@ -50,8 +48,8 @@ export type EdgeWithData = EdgePosition & {
 };
 
 type SvelteFlowStore = {
-	nodesStore: Writable<CreateStoreProps['nodes']>;
-	edgesStore: Writable<CreateStoreProps['edges']>;
+	nodesStore: Writable<Node[]>;
+	edgesStore: Writable<Edge[]>;
 	heightStore: Writable<number>;
 	widthStore: Writable<number>;
 	d3Store: Writable<{
@@ -69,6 +67,8 @@ type SvelteFlowStore = {
 	selectionKeyPressedStore: Writable<boolean>;
 	nodeTypesStore: Writable<NodeTypes>;
 	edgeTypesStore: Writable<EdgeTypes>;
+	setNodes: (nodes: Node[]) => void;
+	setEdges: (edges: Edge[]) => void;
 	zoomIn: (options?: ViewportHelperFunctionOptions) => void;
 	zoomOut: (options?: ViewportHelperFunctionOptions) => void;
 	fitView: (options?: ViewportHelperFunctionOptions) => boolean;
@@ -82,8 +82,6 @@ type SvelteFlowStore = {
 };
 
 export function createStore({
-	nodes = [],
-	edges = [],
 	transform = [0, 0, 1],
 	nodeOrigin = [0, 0],
 	fitView: fitViewOnInit = false,
@@ -91,8 +89,8 @@ export function createStore({
 	edgeTypes = {},
 	id = '1'
 }: CreateStoreProps): SvelteFlowStore {
-	const nodesStore = writable(nodes.map((n) => ({ ...n, positionAbsolute: n.position })));
-	const edgesStore = writable(edges);
+	const nodesStore = writable([] as Node[]);
+	const edgesStore = writable([] as Edge[]);
 	const heightStore = writable(500);
 	const widthStore = writable(500);
 	const nodeOriginStore = writable(nodeOrigin);
@@ -119,6 +117,7 @@ export function createStore({
 		smoothstep: edgeTypes.smoothstep || SmoothStepEdge,
 		default: edgeTypes.default || BezierEdge
 	});
+	const transformStore = writable(transform);
 
 	let fitViewOnInitDone = false;
 
@@ -171,7 +170,25 @@ export function createStore({
 			.filter((e) => e !== null) as EdgeWithData[];
 	});
 
-	const transformStore = writable(transform);
+	function setEdges(edges: Edge[]) {
+		edgesStore.set(edges);
+	}
+
+	function setNodes(nodes: Node[]) {
+		nodesStore.update((currentNodes) => {
+			const nextNodes = nodes.map((n) => {
+				const currentNode = currentNodes.find((cn) => cn.id === n.id) || {};
+
+				return {
+					...currentNode,
+					...n,
+					positionAbsolute: n.position
+				};
+			});
+
+			return nextNodes;
+		});
+	}
 
 	function updateNodePositions(nodeDragItems: NodeDragItem[], dragging = false) {
 		nodesStore.update((nds) => {
@@ -310,6 +327,8 @@ export function createStore({
 		selectionMode,
 		nodeTypesStore,
 		edgeTypesStore,
+		setNodes,
+		setEdges,
 		updateNodePositions,
 		updateNodeDimensions,
 		zoomIn,
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index 82961ca95..3218b9140 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -8,4 +8,5 @@ export type SvelteFlowProps = {
 	fitView?: boolean;
 	class?: string;
 	style?: string;
+	id?: string;
 };
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index 695d574e6..a359002d5 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -9,6 +9,7 @@ export type Node<NodeData = any> = {
 	position: XYPosition;
 	sourcePosition?: Position;
 	targetPosition?: Position;
+	positionAbsolute?: XYPosition;
 
 	width?: number;
 	height?: number;
@@ -35,7 +36,7 @@ export type NodeProps<NodeData = any> = Pick<
 };
 
 export type WrapNodeProps = Node & {
-	resizeObserver?: ResizeObserver;
+	resizeObserver?: ResizeObserver | null;
 };
 
-export type NodeTypes = Record<string, typeof SvelteComponentTyped<NodeProps>>;
+export type NodeTypes = Record<string, typeof SvelteComponentTyped<Partial<NodeProps>>>;
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index 949d5563d..42118d11d 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-  import type { Node, Edge } from '../lib/types';
-  import SvelteFlow, { Controls, Background, BackgroundVariant, Minimap } from '../lib/index';
+  import type { Node, Edge, NodeTypes } from '../lib/types';
+  import SvelteFlow, { Controls, Background, BackgroundVariant, Minimap, Panel } from '../lib/index';
   import CustomNode from '../customnodes/Custom.svelte';
 
-  const nodeTypes = {
+  const nodeTypes: NodeTypes = {
     custom: CustomNode,
   };
 
@@ -43,7 +43,7 @@
   //   }
   // }
 
-  const nodes: Node<{ label: string }>[] = [{
+  let nodes: Node<{ label: string }>[] = [{
     id: '1',
     type: 'input',
     data: { label: 'Input Node' },
@@ -79,7 +79,7 @@
     position: { x: 150, y: 300 },
   }];
 
-  const edges: Edge[] = [{
+  let edges: Edge[] = [{
     id: '1-2',
     type: 'default',
     source: '1',
@@ -95,12 +95,23 @@
     source: '2',
     target: '4'
   }];
+  
+  function updateNode() {
+    nodes[0].position = { x: nodes[0].position.x + 20, y: nodes[0].position.y };
+  }
+
+  // $: {
+  //   console.log('nodes changed', nodes)
+  // }
 </script>
 
-<SvelteFlow {nodes} {edges} {nodeTypes} fitView>
+<SvelteFlow bind:nodes bind:edges {nodeTypes} fitView>
   <Controls />
   <Background variant={BackgroundVariant.Dots} />
   <Minimap />
+  <Panel position="top-right">
+    <button on:click={updateNode}>update node pos</button>
+  </Panel>
 </SvelteFlow>
 
 <style>

From bb528e679834080052a084f96276b7d89573943a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 23 Feb 2023 13:44:57 +0100
Subject: [PATCH 0022/1093] feat(svelte): make nodes deletable

---
 .../lib/components/KeyHandler/KeyHandler.d.ts |  6 ++
 .../components/KeyHandler/KeyHandler.svelte   | 43 ++++++++++++
 .../lib/components/KeyHandler/index.svelte    | 26 -------
 .../src/lib/components/KeyHandler/index.ts    |  2 +
 .../src/lib/components/nodes/BaseNode.svelte  | 27 ++++++-
 .../lib/container/EdgeRenderer/index.svelte   |  2 +-
 .../lib/container/NodeRenderer/index.svelte   |  7 +-
 .../src/lib/container/SvelteFlow.svelte       |  9 ++-
 packages/svelte/src/lib/store/index.ts        | 70 ++++++++++++++++++-
 packages/svelte/src/lib/types/edges.ts        |  1 +
 packages/svelte/src/lib/types/general.ts      |  8 +++
 packages/svelte/src/lib/types/nodes.ts        |  5 ++
 12 files changed, 167 insertions(+), 39 deletions(-)
 create mode 100644 packages/svelte/src/lib/components/KeyHandler/KeyHandler.d.ts
 create mode 100644 packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
 delete mode 100644 packages/svelte/src/lib/components/KeyHandler/index.svelte
 create mode 100644 packages/svelte/src/lib/components/KeyHandler/index.ts

diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.d.ts b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.d.ts
new file mode 100644
index 000000000..d4fa169e4
--- /dev/null
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.d.ts
@@ -0,0 +1,6 @@
+import { KeyDefinition } from '$lib/types';
+
+export type KeyHandlerProps = {
+	selectionKey?: KeyDefinition;
+	deleteKey?: KeyDefinition;
+};
diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
new file mode 100644
index 000000000..cb59b3c9c
--- /dev/null
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -0,0 +1,43 @@
+<script lang="ts">
+  import { shortcut } from '@svelte-put/shortcut';
+
+  import { useStore } from '$lib/store';
+  import type { KeyHandlerProps } from './KeyHandler'
+	import type { KeyDefinition, KeyDefinitionObject } from '$lib/types';
+
+  const { selectionKeyPressedStore, deleteKeyPressedStore } = useStore();
+
+  type $$Props = KeyHandlerProps;
+
+  export let selectionKey: $$Props['selectionKey'] = 'Shift'; 
+  export let deleteKey: $$Props['deleteKey'] = 'Backspace'; 
+
+  function isKeyObject(key?: KeyDefinition): key is KeyDefinitionObject {
+    return typeof key === 'object';
+  } 
+
+  $: selectionKeyString = typeof selectionKey === 'string' ? selectionKey : selectionKey!.key;
+  $: selectionKeyModifier = isKeyObject(selectionKey) ? selectionKey?.modifier : [];
+
+  $: deleteKeyString = typeof deleteKey === 'string' ? deleteKey : deleteKey!.key;
+  $: deleteKeyModifier = isKeyObject(deleteKey) ? deleteKey?.modifier : [];
+</script>
+
+<svelte:window
+  use:shortcut={{ 
+    trigger: [{ key: selectionKeyString, modifier: selectionKeyModifier, callback: () => selectionKeyPressedStore.set(true) }],
+    type: 'keydown'
+  }}
+  use:shortcut={{ 
+    trigger: [{ key: selectionKeyString, modifier: selectionKeyModifier, callback: () => selectionKeyPressedStore.set(false) }],
+    type: 'keyup'
+  }}
+  use:shortcut={{ 
+    trigger: [{ key: deleteKeyString, modifier: deleteKeyModifier, callback: () => deleteKeyPressedStore.set(true) }],
+    type: 'keydown'
+  }}
+  use:shortcut={{ 
+    trigger: [{ key: deleteKeyString, modifier: deleteKeyModifier, callback: () => deleteKeyPressedStore.set(false) }],
+    type: 'keyup'
+  }}
+/>
diff --git a/packages/svelte/src/lib/components/KeyHandler/index.svelte b/packages/svelte/src/lib/components/KeyHandler/index.svelte
deleted file mode 100644
index d55f6eb92..000000000
--- a/packages/svelte/src/lib/components/KeyHandler/index.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts">
-  import { shortcut } from '@svelte-put/shortcut';
-
-  import { useStore } from '$lib/store';
-
-  const { selectionKeyPressedStore } = useStore();
-
-  function onSelectionKeyDown() {
-    selectionKeyPressedStore.set(true);
-  }
-
-  function onSelectionKeyUp() {
-    selectionKeyPressedStore.set(false);
-  }
-</script>
-
-<svelte:window
-  use:shortcut={{ 
-    trigger: [{ key: 'Shift', callback: onSelectionKeyDown }],
-    type: 'keydown'
-  }}
-  use:shortcut={{ 
-    trigger: [{ key: 'Shift', callback: onSelectionKeyUp }],
-    type: 'keyup'
-  }}
-/>
diff --git a/packages/svelte/src/lib/components/KeyHandler/index.ts b/packages/svelte/src/lib/components/KeyHandler/index.ts
new file mode 100644
index 000000000..414813844
--- /dev/null
+++ b/packages/svelte/src/lib/components/KeyHandler/index.ts
@@ -0,0 +1,2 @@
+export { default as KeyHandler } from './KeyHandler.svelte';
+export type { KeyHandlerProps } from './KeyHandler';
diff --git a/packages/svelte/src/lib/components/nodes/BaseNode.svelte b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
index ca21a09c5..c5f017954 100644
--- a/packages/svelte/src/lib/components/nodes/BaseNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/BaseNode.svelte
@@ -23,14 +23,16 @@
   export let type: WrapNodeProps['type'] = 'default';
   export let sourcePosition: WrapNodeProps['sourcePosition'] = Position.Bottom;
   export let targetPosition: WrapNodeProps['targetPosition'] = Position.Top;
-
   let className: string = '';
   export { className as class };
 
   let nodeRef: HTMLDivElement;
-  
-  const { nodesStore, transformStore, updateNodePositions, nodeTypesStore } = useStore();
+
+  const { nodesStore, transformStore, nodeTypesStore, updateNodePositions, addSelectedNodes } = useStore();
   const nodeComponent: typeof SvelteComponentTyped<Partial<NodeProps>> = $nodeTypesStore[type] || DefaultNode;
+  const isSelectable = true;
+  const selectNodesOnDrag = false;
+  const isDraggable = true;
 
   setContext('rf_nodeid', id);
 
@@ -41,6 +43,18 @@
       resizeObserver?.unobserve(nodeRef);
     }
   });
+
+  function onSelectNodeHandler(event: MouseEvent) {
+    if (isSelectable && (!selectNodesOnDrag || !isDraggable)) {
+      // this handler gets called within the drag start event when selectNodesOnDrag=true
+      addSelectedNodes([id]);
+    }
+
+    // if (onClick) {
+    //   const node = store.getState().nodeInternals.get(id)!;
+    //   onClick(event, { ...node });
+    // }
+  };
 </script>
 
 <div
@@ -48,7 +62,9 @@
   class={cc(['react-flow__node', `react-flow__node-${type}`, className])}
   class:initializing={!width && !height}
   class:dragging={dragging}
+  class:selected={selected}
   bind:this={nodeRef}
+  on:click={onSelectNodeHandler}
   style:transform={`translate(${positionAbsolute.x}px, ${positionAbsolute.y}px)`}
   {style}
   data-id={id}
@@ -82,6 +98,11 @@
     user-select: none;
   }
 
+  .selected {
+    outline: none;
+    box-shadow: 0 0 0 0.5px #1a192b;
+  }
+
   .dragging {
     cursor: grabbing;
   }
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/index.svelte b/packages/svelte/src/lib/container/EdgeRenderer/index.svelte
index 124b82230..c2f201844 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/index.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/index.svelte
@@ -10,7 +10,7 @@
   height={$heightStore}
   class="react-flow__edges react-flow__container"
 >
-  {#each $edgesWithDataStore as edge}
+  {#each $edgesWithDataStore as edge (edge.id)}
     <Edge {...edge} />
   {/each}
 </svg>
diff --git a/packages/svelte/src/lib/container/NodeRenderer/index.svelte b/packages/svelte/src/lib/container/NodeRenderer/index.svelte
index 970a362df..4aba3eafa 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/index.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/index.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onDestroy } from 'svelte';
 
-  import Node from '$lib/components/nodes/BaseNode.svelte';
+  import BaseNode from '$lib/components/nodes/BaseNode.svelte';
   import { useStore } from '$lib/store';
 
   const { nodesStore, updateNodeDimensions } = useStore();
@@ -18,12 +18,11 @@
   onDestroy(() => {
     resizeObserver?.disconnect();
   });
-
 </script>
 
 <div class="react-flow__nodes">
-  {#each $nodesStore as node}
-    <Node {...node} {resizeObserver} />
+  {#each $nodesStore as node (node.id)}
+    <BaseNode {...node} {resizeObserver} />
   {/each}
 </div>
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow.svelte
index 238f0dbb7..c27fe7866 100644
--- a/packages/svelte/src/lib/container/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow.svelte
@@ -10,16 +10,19 @@
   import EdgeRenderer from '$lib/container/EdgeRenderer/index.svelte';
   import UserSelection from '$lib/components/UserSelection/index.svelte';
   import NodeSelection from '$lib/components/NodeSelection/index.svelte';
-  import KeyHandler from '$lib/components/KeyHandler/index.svelte';
+  import { KeyHandler } from '$lib/components/KeyHandler';
 	import type { SvelteFlowProps } from '$lib/types';
 
-  interface $$Props extends SvelteFlowProps {}
+  type $$Props = SvelteFlowProps;
 
   export let id: $$Props['id'] = '1';
   export let nodes: $$Props['nodes'] = [];
   export let edges: $$Props['edges'] = [];
   export let fitView: $$Props['fitView'] = undefined;
   export let nodeTypes: $$Props['nodeTypes'] = undefined;
+  export let selectionKey: $$Props['selectionKey'] = undefined;
+  export let deleteKey: $$Props['deleteKey'] = undefined;
+  
   let className: $$Props['class'] = undefined;
   export { className as class };
 
@@ -61,7 +64,7 @@
   id={id}
   bind:this={domNode}
 >
-  <KeyHandler />
+  <KeyHandler {selectionKey} {deleteKey} />
   <Zoom>
     <Pane>
       <Viewport>
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index e417c047a..68ceaa356 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -13,7 +13,7 @@ import {
 	type SelectionRect,
 	type Node as RFNode
 } from '@reactflow/system';
-import { fitView, getD3Transition, getDimensions } from '@reactflow/utils';
+import { fitView, getConnectedEdges, getD3Transition, getDimensions } from '@reactflow/utils';
 
 import { getHandleBounds } from '../../utils';
 import {
@@ -65,6 +65,7 @@ type SvelteFlowStore = {
 	selectionRectModeStore: Writable<string | null>;
 	selectionMode: Writable<SelectionMode>;
 	selectionKeyPressedStore: Writable<boolean>;
+	deleteKeyPressedStore: Writable<boolean>;
 	nodeTypesStore: Writable<NodeTypes>;
 	edgeTypesStore: Writable<EdgeTypes>;
 	setNodes: (nodes: Node[]) => void;
@@ -79,6 +80,7 @@ type SvelteFlowStore = {
 	) => void;
 	updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
 	resetSelectedElements: () => void;
+	addSelectedNodes: (ids: string[]) => void;
 };
 
 export function createStore({
@@ -102,6 +104,8 @@ export function createStore({
 	const draggingStore = writable(false);
 	const selectionRectStore = writable(null);
 	const selectionKeyPressedStore = writable(false);
+	const multiselectionKeyPressedStore = writable(false);
+	const deleteKeyPressedStore = writable(false);
 	const selectionRectModeStore = writable(null);
 	const selectionMode = writable(SelectionMode.Partial);
 	const nodeTypesStore = writable({
@@ -310,6 +314,66 @@ export function createStore({
 		edgesStore.update((es) => es.map(resetSelectedItem));
 	}
 
+	deleteKeyPressedStore.subscribe((deleteKeyPressed) => {
+		if (deleteKeyPressed) {
+			const nodes = get(nodesStore);
+			const edges = get(edgesStore);
+			const selectedNodes = nodes.filter((node) => node.selected);
+			const selectedEdges = edges.filter((edge) => edge.selected);
+
+			// @todo can we put this stuff into @reactflow/utils?
+			const nodeIds = selectedNodes.map((node) => node.id);
+			const edgeIds = selectedEdges.map((edge) => edge.id);
+			const nodesToRemove = nodes.reduce<Node[]>((res, node) => {
+				const parentHit =
+					!nodeIds.includes(node.id) &&
+					node.parentNode &&
+					res.find((n) => n.id === node.parentNode);
+				const deletable = typeof node.deletable === 'boolean' ? node.deletable : true;
+				if (deletable && (nodeIds.includes(node.id) || parentHit)) {
+					res.push(node);
+				}
+
+				return res;
+			}, []);
+			const deletableEdges = edges.filter((e) =>
+				typeof e.deletable === 'boolean' ? e.deletable : true
+			);
+			const initialHitEdges = deletableEdges.filter((e) => edgeIds.includes(e.id));
+
+			if (nodesToRemove || initialHitEdges) {
+				const connectedEdges = getConnectedEdges(nodesToRemove as RFNode[], deletableEdges);
+				const edgesToRemove = [...initialHitEdges, ...connectedEdges];
+				const edgeIdsToRemove = edgesToRemove.reduce<string[]>((res, edge) => {
+					if (!res.includes(edge.id)) {
+						res.push(edge.id);
+					}
+					return res;
+				}, []);
+
+				nodesStore.update((nds) => nds.filter((node) => !nodeIds.includes(node.id)));
+				edgesStore.update((eds) => eds.filter((edge) => !edgeIdsToRemove.includes(edge.id)));
+			}
+		}
+	});
+
+	function addSelectedNodes(ids: string[]) {
+		selectionRectStore.set(null);
+
+		if (get(multiselectionKeyPressedStore)) {
+			// @todo handle multiselection key
+		}
+
+		nodesStore.update((ns) =>
+			ns.map((node) => {
+				return {
+					...node,
+					selected: ids.includes(node.id)
+				};
+			})
+		);
+	}
+
 	return {
 		nodesStore,
 		edgesStore,
@@ -323,6 +387,7 @@ export function createStore({
 		draggingStore,
 		selectionRectStore,
 		selectionKeyPressedStore,
+		deleteKeyPressedStore,
 		selectionRectModeStore,
 		selectionMode,
 		nodeTypesStore,
@@ -334,7 +399,8 @@ export function createStore({
 		zoomIn,
 		zoomOut,
 		fitView: _fitView,
-		resetSelectedElements
+		resetSelectedElements,
+		addSelectedNodes
 	};
 }
 
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 754aa4589..217b0efd1 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -9,6 +9,7 @@ export type Edge = {
 	sourceHandle?: string;
 	targetHandle?: string;
 	selected?: boolean;
+	deletable?: boolean;
 };
 
 export type EdgeProps = {
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index 3218b9140..f19e96d1e 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -1,9 +1,17 @@
 import type { Node, NodeTypes } from './nodes';
 import type { Edge } from './edges';
+import type { ShortcutModifierDefinition } from '@svelte-put/shortcut';
+
+export type KeyModifier = ShortcutModifierDefinition;
+export type KeyDefinitionObject = { key: string; modifier?: KeyModifier };
+export type KeyDefinition = string | KeyDefinitionObject;
 
 export type SvelteFlowProps = {
 	nodes: Node[];
 	edges: Edge[];
+
+	selectionKey?: KeyDefinition;
+	deleteKey?: KeyDefinition;
 	nodeTypes?: NodeTypes;
 	fitView?: boolean;
 	class?: string;
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index a359002d5..cc180f128 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -1,6 +1,8 @@
 import type { SvelteComponentTyped } from 'svelte';
 import type { internalsSymbol, NodeHandleBounds, Position, XYPosition } from '@reactflow/system';
 
+// @todo: currently the helper function only like Node from '@reactflow/core'
+// we need a base node type or helpes that accept Node like types
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type Node<NodeData = any> = {
 	id: string;
@@ -16,6 +18,9 @@ export type Node<NodeData = any> = {
 	selected?: boolean;
 	class?: string;
 	style?: string;
+	deletable?: boolean;
+	// not supported yet
+	parentNode?: string;
 
 	// only used internally
 	[internalsSymbol]?: {

From 1dd5613482e8ae9130aedbb6f98dd4a0332088f9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 23 Feb 2023 18:21:39 +0100
Subject: [PATCH 0023/1093] feat(svelte): add BaseEdge and EdgeLabelRenderer

---
 .../svelte/src/lib/actions/portal/index.ts    | 15 ++++
 .../components/EdgeLabelRenderer/index.svelte |  9 +++
 .../src/lib/components/edges/BaseEdge.svelte  | 70 +++++++++---------
 .../lib/components/edges/BezierEdge.svelte    | 31 ++++----
 .../lib/components/edges/EdgeWrapper.svelte   | 73 +++++++++++++++++++
 .../components/edges/SmoothStepEdge.svelte    | 29 ++++----
 .../lib/components/edges/StraightEdge.svelte  | 25 ++++---
 .../{BaseNode.svelte => NodeWrapper.svelte}   |  1 -
 .../lib/container/EdgeRenderer/index.svelte   |  6 +-
 .../lib/container/NodeRenderer/index.svelte   |  4 +-
 .../src/lib/container/SvelteFlow.svelte       | 13 +++-
 packages/svelte/src/lib/store/index.ts        | 33 ++++-----
 packages/svelte/src/lib/types/edges.ts        | 23 +-----
 packages/svelte/src/lib/types/index.ts        |  9 ++-
 packages/svelte/src/routes/+page.svelte       |  6 +-
 15 files changed, 225 insertions(+), 122 deletions(-)
 create mode 100644 packages/svelte/src/lib/actions/portal/index.ts
 create mode 100644 packages/svelte/src/lib/components/EdgeLabelRenderer/index.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/EdgeWrapper.svelte
 rename packages/svelte/src/lib/components/nodes/{BaseNode.svelte => NodeWrapper.svelte} (99%)

diff --git a/packages/svelte/src/lib/actions/portal/index.ts b/packages/svelte/src/lib/actions/portal/index.ts
new file mode 100644
index 000000000..4c5d89eae
--- /dev/null
+++ b/packages/svelte/src/lib/actions/portal/index.ts
@@ -0,0 +1,15 @@
+export default function (node: Element, target = 'body') {
+	const targetEl = document.querySelector(target);
+
+	if (targetEl) {
+		targetEl.appendChild(node);
+	}
+
+	return {
+		destroy() {
+			if (node.parentNode) {
+				node.parentNode.removeChild(node);
+			}
+		}
+	};
+}
diff --git a/packages/svelte/src/lib/components/EdgeLabelRenderer/index.svelte b/packages/svelte/src/lib/components/EdgeLabelRenderer/index.svelte
new file mode 100644
index 000000000..03000191a
--- /dev/null
+++ b/packages/svelte/src/lib/components/EdgeLabelRenderer/index.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+  import portal from '$lib/actions/portal';
+
+  type $$Props = {}
+</script>
+
+<div use:portal={'.react-flow__edgelabel-renderer'}>
+  <slot />
+</div>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/components/edges/BaseEdge.svelte b/packages/svelte/src/lib/components/edges/BaseEdge.svelte
index 1e70dbe61..c92a94123 100644
--- a/packages/svelte/src/lib/components/edges/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/BaseEdge.svelte
@@ -1,44 +1,46 @@
 <script lang="ts">
-	import type { SvelteComponentTyped } from 'svelte';
-  import { Position } from '@reactflow/system';
+  import type { BaseEdgeProps } from '$lib/types';
+  import EdgeLabelRenderer from '$lib/components/EdgeLabelRenderer/index.svelte';
 
-	import { useStore } from '$lib/store';
-  import BezierEdge from '$lib/components/edges/StraightEdge.svelte';
-	import type { EdgeProps } from '$lib/types';
+  type $$Props = BaseEdgeProps;
 
-  export let id: string;
-  export let type: string = 'default';
-  export let sourceX: number = 0;
-  export let sourceY: number = 0;
-  export let targetX: number = 0;
-  export let targetY: number = 0;
-  export let sourcePosition: Position = Position.Bottom;
-  export let targetPosition: Position = Position.Top;
-
-  const { edgeTypesStore } = useStore();
-  const edgeComponent: typeof SvelteComponentTyped<EdgeProps> = $edgeTypesStore[type] || BezierEdge;
+  export let path: $$Props['path'];
+  export let label: $$Props['label'];
+  export let labelX: $$Props['labelX'];
+  export let labelY: $$Props['labelY'];
+  export let interactionWidth: $$Props['interactionWidth'] = 20;
 </script>
 
-<g
-  class="react-flow__edge"
-  data-id={id}
->
-  <svelte:component
-    this={edgeComponent}
-    {id}
-    {sourceX}
-    {sourceY}
-    {targetX}
-    {targetY}
-    {sourcePosition}
-    {targetPosition}
+<path
+  d={path}
+  fill="none"
+  class="react-flow__edge-path"
+/>
+
+{#if interactionWidth}
+  <path
+    d={path}
+    fill="none"
+    stroke-opacity={0}
+    stroke-width={interactionWidth}
+    class="react-flow__edge-interaction"
   />
-</g>
+{/if}
+
+{#if label}
+  <EdgeLabelRenderer>
+    <div
+      class="react-flow__edge-label"
+      style:transform={`translate(-50%, -50%) translate(${labelX}px,${labelY}px)`}
+    >
+        {label}
+    </div>
+  </EdgeLabelRenderer>
+{/if}
 
 <style>
-  .react-flow__edge :global(path) {
-    stroke: #ccc;
-    stroke-width: 1;
-    fill: none;
+  .react-flow__edge-label {
+    position: absolute;
+    background: white;
   }
 </style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
index 022d754ce..c9e4cc4fe 100644
--- a/packages/svelte/src/lib/components/edges/BezierEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
@@ -1,21 +1,24 @@
 <script lang="ts">
   import { getBezierPath } from '@reactflow/edge-utils';
+
   import type { EdgeProps } from '$lib/types';
-  
-  interface $$Props extends EdgeProps {}
+	import BaseEdge from './BaseEdge.svelte';
 
-  export let id: $$Props['id'];
-  export let sourceX: $$Props['sourceX'] = 0;
-  export let sourceY: $$Props['sourceY'] = 0;
-  export let targetX: $$Props['targetX'] = 0;
-  export let targetY: $$Props['targetY'] = 0;
-  export let sourcePosition: $$Props['sourcePosition'] = undefined;
-  export let targetPosition: $$Props['targetPosition'] = undefined;
+  type $$Props = EdgeProps;
 
-  $: [path] = getBezierPath({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition });
+  $: [path, labelX, labelY] = getBezierPath({
+    sourceX: $$props.sourceX,
+    sourceY: $$props.sourceY,
+    targetX: $$props.targetX,
+    targetY: $$props.targetY,
+    sourcePosition: $$props.sourcePosition,
+    targetPosition: $$props.targetPosition,
+  });
 </script>
 
-<path
-  d={path}
-  class="react-flow__edge-path"
-/>
\ No newline at end of file
+<BaseEdge
+  {path}
+  {labelX}
+  {labelY}
+  {...$$props}
+/>
diff --git a/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte b/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte
new file mode 100644
index 000000000..5a0e79f4e
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte
@@ -0,0 +1,73 @@
+<script lang="ts">
+	import type { SvelteComponentTyped } from 'svelte';
+  import { Position } from '@reactflow/system';
+
+	import { useStore } from '$lib/store';
+  import BezierEdge from '$lib/components/edges/StraightEdge.svelte';
+	import type { EdgeProps, WrapEdgeProps } from '$lib/types';
+
+  type $$Props = WrapEdgeProps;
+
+  export let id: $$Props['id'];
+  export let type: $$Props['type'] = 'default';
+  export let source: $$Props['source'] = '';
+  export let target: $$Props['target'] = '';
+  export let sourceX: $$Props['sourceX'] = 0;
+  export let sourceY: $$Props['sourceY'] = 0;
+  export let targetX: $$Props['targetX'] = 0;
+  export let targetY: $$Props['targetY'] = 0;
+  export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
+  export let targetPosition:  $$Props['targetPosition'] = Position.Top;
+  export let animated: $$Props['animated'] = false;
+  export let selected: $$Props['selected'] = false;
+  export let label: $$Props['label'] = undefined;
+
+  const { edgeTypesStore } = useStore();
+  const edgeComponent: typeof SvelteComponentTyped<EdgeProps> = $edgeTypesStore[type!] || BezierEdge;
+</script>
+
+<g
+  class="react-flow__edge"
+  class:animated
+  data-id={id}
+>
+  <svelte:component
+    this={edgeComponent}
+    {id}
+    {source}
+    {target}
+    {sourceX}
+    {sourceY}
+    {targetX}
+    {targetY}
+    {sourcePosition}
+    {targetPosition}
+    {animated}
+    {selected}
+    {label}
+  />
+</g>
+
+<style>
+  .react-flow__edge {
+    pointer-events: visibleStroke;
+    cursor: pointer;
+  }
+
+  .react-flow__edge :global(path) {
+    stroke: #ccc;
+    stroke-width: 1;
+    fill: none;
+  }
+
+  .animated :global(path) {
+    stroke-dasharray: 5;
+    animation: dashdraw 0.5s linear infinite;
+  }
+
+  @keyframes dashdraw {
+    from {
+      stroke-dashoffset: 10;
+    }
+  }
+</style>
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
index 956663555..ec1b2db91 100644
--- a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
@@ -1,21 +1,24 @@
 <script lang="ts">
   import { getSmoothStepPath } from '@reactflow/edge-utils';
+
   import type { EdgeProps } from '$lib/types';
-  
-  interface $$Props extends EdgeProps {}
+  import BaseEdge from './BaseEdge.svelte';
 
-  export let id: $$Props['id'];
-  export let sourceX: $$Props['sourceX'] = 0;
-  export let sourceY: $$Props['sourceY'] = 0;
-  export let targetX: $$Props['targetX'] = 0;
-  export let targetY: $$Props['targetY'] = 0;
-  export let sourcePosition: $$Props['sourcePosition'] = undefined;
-  export let targetPosition: $$Props['targetPosition'] = undefined;
+  type $$Props = EdgeProps;
 
-  $: [path] = getSmoothStepPath({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition });
+  $: [path, labelX, labelY] = getSmoothStepPath({ 
+    sourceX: $$props.sourceX,
+    sourceY: $$props.sourceY,
+    targetX: $$props.targetX,
+    targetY: $$props.targetY,
+    sourcePosition: $$props.sourcePosition,
+    targetPosition: $$props.targetPosition,
+  });
 </script>
 
-<path
-  d={path}
-  class="react-flow__edge-path"
+<BaseEdge
+  {path}
+  {labelX}
+  {labelY}
+  {...$$props}
 />
\ No newline at end of file
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
index 285bbadc0..f1d7c190f 100644
--- a/packages/svelte/src/lib/components/edges/StraightEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
@@ -1,19 +1,22 @@
 <script lang="ts">
   import { getStraightPath } from '@reactflow/edge-utils';
-	import type { EdgeProps } from '$lib/types';
 
-  interface $$Props extends EdgeProps {}
+	import type { EdgeProps } from '$lib/types';
+	import BaseEdge from './BaseEdge.svelte';
 
-  export let id: $$Props['id'];
-  export let sourceX: $$Props['sourceX'] = 0;
-  export let sourceY: $$Props['sourceY'] = 0;
-  export let targetX: $$Props['targetX'] = 0;
-  export let targetY: $$Props['targetY'] = 0;
+  type $$Props = EdgeProps;
 
-  $: [path] = getStraightPath({ sourceX, sourceY, targetX, targetY });
+  $: [path, labelX, labelY] = getStraightPath({
+    sourceX: $$props.sourceX,
+    sourceY: $$props.sourceY,
+    targetX: $$props.targetX,
+    targetY: $$props.targetY,
+  });
 </script>
 
-<path
-  d={path}
-  class="react-flow__edge-path"
+<BaseEdge
+  {path}
+  {labelX}
+  {labelY}
+  {...$$props}
 />
\ No newline at end of file
diff --git a/packages/svelte/src/lib/components/nodes/BaseNode.svelte b/packages/svelte/src/lib/components/nodes/NodeWrapper.svelte
similarity index 99%
rename from packages/svelte/src/lib/components/nodes/BaseNode.svelte
rename to packages/svelte/src/lib/components/nodes/NodeWrapper.svelte
index c5f017954..fecb9832c 100644
--- a/packages/svelte/src/lib/components/nodes/BaseNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/NodeWrapper.svelte
@@ -85,7 +85,6 @@
 <style>
   .react-flow__node {
     border-radius: 3px;
-    font-size: 12px;
     color: #222;
     text-align: center;
     border-width: 1px;
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/index.svelte b/packages/svelte/src/lib/container/EdgeRenderer/index.svelte
index c2f201844..df37ed5a7 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/index.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/index.svelte
@@ -1,5 +1,5 @@
 <script lang="ts"> 
-  import Edge from '$lib/components/edges/BaseEdge.svelte';
+  import EdgeWrapper from '$lib/components/edges/EdgeWrapper.svelte';
   import { useStore } from '$lib/store';
 
   const { edgesWithDataStore, widthStore, heightStore } = useStore();
@@ -8,10 +8,10 @@
 <svg
   width={$widthStore}
   height={$heightStore}
-  class="react-flow__edges react-flow__container"
+  class="react-flow__edges"
 >
   {#each $edgesWithDataStore as edge (edge.id)}
-    <Edge {...edge} />
+    <EdgeWrapper {...edge} />
   {/each}
 </svg>
 
diff --git a/packages/svelte/src/lib/container/NodeRenderer/index.svelte b/packages/svelte/src/lib/container/NodeRenderer/index.svelte
index 4aba3eafa..e19115039 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/index.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/index.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onDestroy } from 'svelte';
 
-  import BaseNode from '$lib/components/nodes/BaseNode.svelte';
+  import NodeWrapper from '$lib/components/nodes/NodeWrapper.svelte';
   import { useStore } from '$lib/store';
 
   const { nodesStore, updateNodeDimensions } = useStore();
@@ -22,7 +22,7 @@
 
 <div class="react-flow__nodes">
   {#each $nodesStore as node (node.id)}
-    <BaseNode {...node} {resizeObserver} />
+    <NodeWrapper {...node} {resizeObserver} />
   {/each}
 </div>
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow.svelte
index c27fe7866..c0c23433f 100644
--- a/packages/svelte/src/lib/container/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow.svelte
@@ -68,9 +68,10 @@
   <Zoom>
     <Pane>
       <Viewport>
-        <NodeSelection />
-        <NodeRenderer />
         <EdgeRenderer />
+        <div class="react-flow__edgelabel-renderer" />
+        <NodeRenderer />
+        <NodeSelection />
       </Viewport>
       <UserSelection />
     </Pane>
@@ -92,4 +93,12 @@
   .react-flow :global(.react-flow__node-output) {
     padding: 10px;
   }
+
+  .react-flow__edgelabel-renderer {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    user-select: none;
+  }
 </style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 68ceaa356..8839d3b98 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -6,6 +6,7 @@ import {
 	type NodeDimensionUpdate,
 	Position,
 	internalsSymbol,
+	SelectionMode,
 	type NodeOrigin,
 	type D3ZoomInstance,
 	type D3SelectionInstance,
@@ -16,17 +17,11 @@ import {
 import { fitView, getConnectedEdges, getD3Transition, getDimensions } from '@reactflow/utils';
 
 import { getHandleBounds } from '../../utils';
-import {
-	getEdgePositions,
-	getHandle,
-	getNodeData,
-	type EdgePosition
-} from '$lib/container/EdgeRenderer/utils';
-import { SelectionMode } from 'reactflow';
+import { getEdgePositions, getHandle, getNodeData } from '$lib/container/EdgeRenderer/utils';
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
 import InputNode from '$lib/components/nodes/InputNode.svelte';
 import OutputNode from '$lib/components/nodes/OutputNode.svelte';
-import type { EdgeTypes, NodeTypes, Node, Edge } from '$lib/types';
+import type { EdgeTypes, NodeTypes, Node, Edge, WrapEdgeProps } from '$lib/types';
 import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
@@ -42,11 +37,6 @@ type CreateStoreProps = {
 	id?: string;
 };
 
-export type EdgeWithData = EdgePosition & {
-	id: string;
-	type: string;
-};
-
 type SvelteFlowStore = {
 	nodesStore: Writable<Node[]>;
 	edgesStore: Writable<Edge[]>;
@@ -57,7 +47,7 @@ type SvelteFlowStore = {
 		selection: D3SelectionInstance | null;
 	}>;
 	transformStore: Writable<Transform>;
-	edgesWithDataStore: Readable<EdgeWithData[]>;
+	edgesWithDataStore: Readable<WrapEdgeProps[]>;
 	idStore: Writable<string>;
 	nodeOriginStore: Writable<NodeOrigin>;
 	draggingStore: Writable<boolean>;
@@ -162,16 +152,24 @@ export function createStore({
 					targetPosition
 				);
 
+				// we nee to do this to match the types
+				const sourceHandleId = edge.sourceHandle;
+				const targetHandleId = edge.targetHandle;
+
 				return {
-					id: edge.id,
+					...edge,
 					type: edgeType,
 					sourceX,
 					sourceY,
 					targetX,
-					targetY
+					targetY,
+					sourcePosition,
+					targetPosition,
+					sourceHandleId,
+					targetHandleId
 				};
 			})
-			.filter((e) => e !== null) as EdgeWithData[];
+			.filter((e) => e !== null) as WrapEdgeProps[];
 	});
 
 	function setEdges(edges: Edge[]) {
@@ -359,6 +357,7 @@ export function createStore({
 
 	function addSelectedNodes(ids: string[]) {
 		selectionRectStore.set(null);
+		selectionRectModeStore.set(null);
 
 		if (get(multiselectionKeyPressedStore)) {
 			// @todo handle multiselection key
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 217b0efd1..37df39cd4 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -1,25 +1,4 @@
 import type { SvelteComponentTyped } from 'svelte';
-import type { Position } from '@reactflow/system';
-
-export type Edge = {
-	id: string;
-	type: string;
-	source: string;
-	target: string;
-	sourceHandle?: string;
-	targetHandle?: string;
-	selected?: boolean;
-	deletable?: boolean;
-};
-
-export type EdgeProps = {
-	id: string;
-	sourceX: number;
-	sourceY: number;
-	targetX: number;
-	targetY: number;
-	sourcePosition?: Position;
-	targetPosition?: Position;
-};
+import type { EdgeProps } from '$lib/types';
 
 export type EdgeTypes = Record<string, typeof SvelteComponentTyped<EdgeProps>>;
diff --git a/packages/svelte/src/lib/types/index.ts b/packages/svelte/src/lib/types/index.ts
index 43288f9af..ced30c7ab 100644
--- a/packages/svelte/src/lib/types/index.ts
+++ b/packages/svelte/src/lib/types/index.ts
@@ -1,4 +1,11 @@
-export type { Position, XYPosition } from '@reactflow/system';
+export type {
+	Position,
+	XYPosition,
+	Edge,
+	BaseEdgeProps,
+	WrapEdgeProps,
+	EdgeProps
+} from '@reactflow/system';
 
 export * from './nodes';
 export * from './edges';
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index 42118d11d..2eea4c7c9 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -83,7 +83,8 @@
     id: '1-2',
     type: 'default',
     source: '1',
-    target: '2'
+    target: '2',
+    label: 'Edge Text'
   }, {
     id: '1-3',
     type: 'smoothstep',
@@ -93,7 +94,8 @@
     id: '2-4',
     type: 'default',
     source: '2',
-    target: '4'
+    target: '4',
+    animated: true
   }];
   
   function updateNode() {

From 7a879f3c54a8bbd306d044d7864b123b84fa23c2 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 27 Feb 2023 18:01:18 +0100
Subject: [PATCH 0024/1093] feat(svelte): add connectionline and connection
 functionality

---
 packages/svelte/src/lib/actions/drag/index.ts |  12 +-
 .../ConnectionLine/ConnectionLine.svelte      |  46 ++++
 .../lib/components/ConnectionLine/index.ts    |   1 +
 .../src/lib/components/Handle/handler.ts      | 210 ++++++++++++++++++
 .../src/lib/components/Handle/index.svelte    |  81 ++++++-
 .../svelte/src/lib/components/Handle/utils.ts | 188 ++++++++++++++++
 .../src/lib/container/SvelteFlow.svelte       |   5 +-
 packages/svelte/src/lib/store/index.ts        | 180 ++++++++++++++-
 packages/svelte/src/lib/types/general.ts      |  12 +-
 9 files changed, 707 insertions(+), 28 deletions(-)
 create mode 100644 packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
 create mode 100644 packages/svelte/src/lib/components/ConnectionLine/index.ts
 create mode 100644 packages/svelte/src/lib/components/Handle/handler.ts
 create mode 100644 packages/svelte/src/lib/components/Handle/utils.ts

diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index 0a647225b..a8e242260 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -22,7 +22,6 @@ export type NodeDragItem = {
 };
 
 type UseDragParams = {
-	noDragClassName?: string;
 	handleSelector?: string;
 	nodeId?: string;
 	updateNodePositions: (dragItems: NodeDragItem[], d: boolean, p: boolean) => void;
@@ -32,14 +31,7 @@ type UseDragParams = {
 
 export default function drag(
 	nodeRef: Element,
-	{
-		noDragClassName,
-		handleSelector,
-		nodeId,
-		updateNodePositions,
-		nodesStore,
-		transformStore
-	}: UseDragParams
+	{ handleSelector, nodeId, updateNodePositions, nodesStore, transformStore }: UseDragParams
 ) {
 	let dragging = false;
 	let dragItems: NodeDragItem[] = [];
@@ -119,7 +111,7 @@ export default function drag(
 			const target = event.target as HTMLDivElement;
 			const isDraggable =
 				!event.button &&
-				(!noDragClassName || !hasSelector(target, `.${noDragClassName}`, nodeRef)) &&
+				!hasSelector(target, '.nodrag', nodeRef) &&
 				(!handleSelector || hasSelector(target, handleSelector, nodeRef));
 
 			return isDraggable;
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
new file mode 100644
index 000000000..a84a023e4
--- /dev/null
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -0,0 +1,46 @@
+<script lang="ts">
+  import cc from 'classcat';
+
+	import { useStore } from '$lib/store';
+	import type { ConnectionLineProps } from '$lib/types';
+
+  type $$Props = ConnectionLineProps;
+
+  const { connectionPathStore, widthStore, heightStore, connectionStore } = useStore();
+</script>
+
+{#if $connectionPathStore}
+  <svg
+    width={$widthStore}
+    height={$heightStore}
+    class="react-flow__connectionline"
+  >
+    <g class={cc(['react-flow__connection', $connectionStore.status])}>
+      <path d={$connectionPathStore} fill="none" class="react-flow__connection-path" />
+    </g>
+  </svg>
+{/if}
+
+<style>
+  .react-flow__connectionline {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    overflow: visible;
+    z-index: 1001;
+  }
+
+  .react-flow__connection {
+    pointer-events: none;
+  }
+
+  .react-flow__edge-path,
+  .react-flow__connection-path {
+    stroke: #b1b1b7;
+    stroke-width: 1;
+    fill: none;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/components/ConnectionLine/index.ts b/packages/svelte/src/lib/components/ConnectionLine/index.ts
new file mode 100644
index 000000000..45de356da
--- /dev/null
+++ b/packages/svelte/src/lib/components/ConnectionLine/index.ts
@@ -0,0 +1 @@
+export { default as ConnectionLine } from './ConnectionLine.svelte';
diff --git a/packages/svelte/src/lib/components/Handle/handler.ts b/packages/svelte/src/lib/components/Handle/handler.ts
new file mode 100644
index 000000000..beb473a90
--- /dev/null
+++ b/packages/svelte/src/lib/components/Handle/handler.ts
@@ -0,0 +1,210 @@
+import {
+	getHostForElement,
+	calcAutoPan,
+	getEventPosition,
+	pointToRendererPoint,
+	rendererPointToPoint
+} from '@reactflow/utils';
+import type {
+	OnConnect,
+	HandleType,
+	Connection,
+	ConnectionMode,
+	Node,
+	XYPosition,
+	Transform
+} from '@reactflow/system';
+
+import {
+	getClosestHandle,
+	getConnectionStatus,
+	getHandleLookup,
+	getHandleType,
+	isValidHandle,
+	resetRecentHandle,
+	type ConnectionHandle,
+	type ValidConnectionFunc
+} from './utils';
+import { get, type Writable } from 'svelte/store';
+import type { ConnectionData } from '$lib/types';
+
+export function handlePointerDown({
+	event,
+	handleId,
+	nodeId,
+	onConnect,
+	domNode,
+	nodes,
+	connectionMode,
+	connectionRadius,
+	isTarget,
+	transformStore,
+	panBy,
+	updateConnection,
+	cancelConnection,
+	isValidConnection,
+	edgeUpdaterType,
+	onEdgeUpdateEnd
+}: {
+	event: MouseEvent | TouchEvent;
+	handleId: string | null;
+	nodeId: string;
+	onConnect: OnConnect;
+	isTarget: boolean;
+	connectionMode: ConnectionMode;
+	domNode: HTMLDivElement | null;
+	nodes: Node[];
+	connectionRadius: number;
+	isValidConnection: ValidConnectionFunc;
+	transformStore: Writable<Transform>;
+	updateConnection: (connection: Partial<ConnectionData>) => void;
+	cancelConnection: () => void;
+	panBy: (delta: XYPosition) => void;
+	edgeUpdaterType?: HandleType;
+	onEdgeUpdateEnd?: (evt: MouseEvent | TouchEvent) => void;
+}): void {
+	// when react-flow is used inside a shadow root we can't use document
+	const doc = getHostForElement(event.target as HTMLElement);
+	let autoPanId = 0;
+	let prevClosestHandle: ConnectionHandle | null;
+
+	const { x, y } = getEventPosition(event);
+	const clickedHandle = doc?.elementFromPoint(x, y);
+	const handleType = getHandleType(edgeUpdaterType, clickedHandle);
+	const containerBounds = domNode?.getBoundingClientRect();
+
+	if (!containerBounds || !handleType) {
+		return;
+	}
+
+	let prevActiveHandle: Element;
+	let connectionPosition = getEventPosition(event, containerBounds);
+	let autoPanStarted = false;
+	let connection: Connection | null = null;
+	let isValid = false;
+	let handleDomNode: Element | null = null;
+
+	const autoPanOnConnect = true;
+
+	const handleLookup = getHandleLookup({
+		nodes,
+		nodeId,
+		handleId,
+		handleType
+	});
+
+	// when the user is moving the mouse close to the edge of the canvas while connecting we move the canvas
+	const autoPan = (): void => {
+		// @todd add prop
+		if (!autoPanOnConnect) {
+			return;
+		}
+		const [xMovement, yMovement] = calcAutoPan(connectionPosition, containerBounds);
+
+		panBy({ x: xMovement, y: yMovement });
+		autoPanId = requestAnimationFrame(autoPan);
+	};
+
+	updateConnection({
+		position: connectionPosition,
+		nodeId,
+		handleId,
+		handleType,
+		status: null
+	});
+
+	// @todo add prop
+	// onConnectStart?.(event, { nodeId, handleId, handleType });
+
+	function onPointerMove(event: MouseEvent | TouchEvent) {
+		const transform = get(transformStore);
+		connectionPosition = getEventPosition(event, containerBounds);
+
+		prevClosestHandle = getClosestHandle(
+			pointToRendererPoint(connectionPosition, transform, false, [1, 1]),
+			connectionRadius,
+			handleLookup
+		);
+
+		if (!autoPanStarted) {
+			autoPan();
+			autoPanStarted = true;
+		}
+
+		const result = isValidHandle(
+			event,
+			prevClosestHandle,
+			connectionMode,
+			nodeId,
+			handleId,
+			isTarget ? 'target' : 'source',
+			isValidConnection,
+			doc
+		);
+
+		handleDomNode = result.handleDomNode;
+		connection = result.connection;
+		isValid = result.isValid;
+
+		updateConnection({
+			position:
+				prevClosestHandle && isValid
+					? rendererPointToPoint(
+							{
+								x: prevClosestHandle.x,
+								y: prevClosestHandle.y
+							},
+							transform
+					  )
+					: connectionPosition,
+			status: getConnectionStatus(!!prevClosestHandle, isValid)
+		});
+
+		if (!prevClosestHandle && !isValid && !handleDomNode) {
+			return resetRecentHandle(prevActiveHandle);
+		}
+
+		if (connection.source !== connection.target && handleDomNode) {
+			resetRecentHandle(prevActiveHandle);
+			prevActiveHandle = handleDomNode;
+			// @todo: remove the old class names "react-flow__handle-" in the next major version
+			handleDomNode.classList.add('connecting');
+			handleDomNode.classList.toggle('valid', isValid);
+		}
+	}
+
+	function onPointerUp(event: MouseEvent | TouchEvent) {
+		if ((prevClosestHandle || handleDomNode) && connection && isValid) {
+			onConnect?.(connection);
+		}
+
+		// it's important to get a fresh reference from the store here
+		// in order to get the latest state of onConnectEnd
+		// @todo add onConnectEnd prop
+		// getState().onConnectEnd?.(event);
+
+		if (edgeUpdaterType) {
+			onEdgeUpdateEnd?.(event);
+		}
+
+		resetRecentHandle(prevActiveHandle);
+		cancelConnection();
+		cancelAnimationFrame(autoPanId);
+		autoPanStarted = false;
+		isValid = false;
+		connection = null;
+		handleDomNode = null;
+
+		doc.removeEventListener('mousemove', onPointerMove as EventListener);
+		doc.removeEventListener('mouseup', onPointerUp as EventListener);
+
+		doc.removeEventListener('touchmove', onPointerMove as EventListener);
+		doc.removeEventListener('touchend', onPointerUp as EventListener);
+	}
+
+	doc.addEventListener('mousemove', onPointerMove as EventListener);
+	doc.addEventListener('mouseup', onPointerUp as EventListener);
+
+	doc.addEventListener('touchmove', onPointerMove as EventListener);
+	doc.addEventListener('touchend', onPointerUp as EventListener);
+}
diff --git a/packages/svelte/src/lib/components/Handle/index.svelte b/packages/svelte/src/lib/components/Handle/index.svelte
index 3658bce58..496c05813 100644
--- a/packages/svelte/src/lib/components/Handle/index.svelte
+++ b/packages/svelte/src/lib/components/Handle/index.svelte
@@ -1,21 +1,77 @@
 <script lang="ts">
 	import { getContext } from 'svelte';
   import cc from 'classcat';
-	import { type HandleType, Position } from '@reactflow/system';
+	import {  Position, type Connection, type HandleProps } from '@reactflow/system';
+	import { isMouseEvent } from '@reactflow/utils';
 
-  export let type: HandleType = 'source';
-  export let position: Position = Position.Top;
-  export let id: string | null = null;
-  
+	import { handlePointerDown } from './handler';
+	import { useStore } from '$lib/store';
+
+  type $$Props = HandleProps;
+
+  export let type: $$Props['type'] = 'source';
+  export let position: $$Props['position'] = Position.Top;
+  export let id: $$Props['id'] = undefined;
+  export let isConnectable: $$Props['isConnectable'] = true;
+  export let isValidConnection: $$Props['isValidConnection'] = (_: Connection) => true;
   let className: string | null = null;
   export { className as class };
 
   const isTarget = type === 'target';
-  const nodeId = getContext('rf_nodeid');
+  const nodeId = getContext<string>('rf_nodeid');
+  const handleId = id || null;
+
+  const {
+    connectionModeStore,
+    domNodeStore,
+    nodesStore,
+    connectionRadiusStore,
+    transformStore,
+    addEdge,
+    panBy,
+    cancelConnection,
+    updateConnection
+  } = useStore();
+
+  function onConnectExtended(params: Connection) {
+      addEdge(params);
+      // @todo add props
+      // onConnectAction?.(edgeParams);
+      // onConnect?.(edgeParams);
+    };
+
+  function onPointerDown(event: MouseEvent | TouchEvent)  {
+      const isMouseTriggered = isMouseEvent(event);
+
+      if ((isMouseTriggered && event.button === 0) || !isMouseTriggered) {
+        handlePointerDown({
+          event,
+          handleId,
+          nodeId,
+          isTarget,
+          connectionRadius: $connectionRadiusStore,
+          domNode: $domNodeStore,
+          nodes: $nodesStore,
+          connectionMode: $connectionModeStore,
+          transformStore,
+          isValidConnection: isValidConnection!,
+          onConnect: onConnectExtended,
+          updateConnection,
+          cancelConnection,
+          panBy,
+        });
+      }
+
+      // if (isMouseTriggered) {
+      //   onMouseDown?.(event);
+      // } else {
+      //   onTouchStart?.(event);
+      // }
+    };
 </script>
 
 <div
-  data-handleid={id}
+  data-handleid={handleId}
   data-nodeid={nodeId}
   data-handlepos={position}
   data-id={`${nodeId}-${id}-${type}`}
@@ -23,12 +79,16 @@
     'react-flow__handle',
     `react-flow__handle-${position}`,
     'nodrag',
+    'nopan',
     className,
     position
   ])}
   class:source={!isTarget}
   class:target={isTarget}
-  >
+  class:connectable={isConnectable}
+  on:mousedown={onPointerDown}
+  on:touchstart={onPointerDown}
+>
   <slot />
 </div>
 
@@ -46,6 +106,11 @@
     border-radius: 100%;
   }
 
+  .connectable {
+    pointer-events: all;
+    cursor: crosshair;
+  }
+
   .bottom {
     top: 100%;
     left: 50%;
diff --git a/packages/svelte/src/lib/components/Handle/utils.ts b/packages/svelte/src/lib/components/Handle/utils.ts
new file mode 100644
index 000000000..adcc231d9
--- /dev/null
+++ b/packages/svelte/src/lib/components/Handle/utils.ts
@@ -0,0 +1,188 @@
+import { internalsSymbol, ConnectionMode, type ConnectionStatus } from '@reactflow/system';
+import type { Connection, HandleType, XYPosition, Node, NodeHandleBounds } from '@reactflow/system';
+import { getEventPosition } from '@reactflow/utils';
+
+export type ConnectionHandle = {
+	id: string | null;
+	type: HandleType;
+	nodeId: string;
+	x: number;
+	y: number;
+};
+
+export type ValidConnectionFunc = (connection: Connection) => boolean;
+
+// this functions collects all handles and adds an absolute position
+// so that we can later find the closest handle to the mouse position
+export function getHandles(
+	node: Node,
+	handleBounds: NodeHandleBounds,
+	type: HandleType,
+	currentHandle: string
+): ConnectionHandle[] {
+	return (handleBounds[type] || []).reduce<ConnectionHandle[]>((res, h) => {
+		if (`${node.id}-${h.id}-${type}` !== currentHandle) {
+			res.push({
+				id: h.id || null,
+				type,
+				nodeId: node.id,
+				x: (node.positionAbsolute?.x ?? 0) + h.x + h.width / 2,
+				y: (node.positionAbsolute?.y ?? 0) + h.y + h.height / 2
+			});
+		}
+		return res;
+	}, []);
+}
+
+export function getClosestHandle(
+	pos: XYPosition,
+	connectionRadius: number,
+	handles: ConnectionHandle[]
+): ConnectionHandle | null {
+	let closestHandle: ConnectionHandle | null = null;
+	let minDistance = Infinity;
+
+	handles.forEach((handle) => {
+		const distance = Math.sqrt(Math.pow(handle.x - pos.x, 2) + Math.pow(handle.y - pos.y, 2));
+		if (distance <= connectionRadius && distance < minDistance) {
+			minDistance = distance;
+			closestHandle = handle;
+		}
+	});
+
+	return closestHandle;
+}
+
+type Result = {
+	handleDomNode: Element | null;
+	isValid: boolean;
+	connection: Connection;
+};
+
+const nullConnection: Connection = {
+	source: null,
+	target: null,
+	sourceHandle: null,
+	targetHandle: null
+};
+
+// checks if  and returns connection in fom of an object { source: 123, target: 312 }
+export function isValidHandle(
+	event: MouseEvent | TouchEvent,
+	handle: Pick<ConnectionHandle, 'nodeId' | 'id' | 'type'> | null,
+	connectionMode: ConnectionMode,
+	fromNodeId: string,
+	fromHandleId: string | null,
+	fromType: string,
+	isValidConnection: ValidConnectionFunc,
+	doc: Document | ShadowRoot
+) {
+	const isTarget = fromType === 'target';
+	const handleDomNode = doc.querySelector(
+		`.react-flow__handle[data-id="${handle?.nodeId}-${handle?.id}-${handle?.type}"]`
+	);
+	const { x, y } = getEventPosition(event);
+	const handleBelow = doc.elementFromPoint(x, y);
+	const handleToCheck = handleBelow?.classList.contains('react-flow__handle')
+		? handleBelow
+		: handleDomNode;
+
+	const result: Result = {
+		handleDomNode: handleToCheck,
+		isValid: false,
+		connection: nullConnection
+	};
+
+	if (handleToCheck) {
+		const handleType = getHandleType(undefined, handleToCheck);
+		const handleNodeId = handleToCheck.getAttribute('data-nodeid');
+		const handleId = handleToCheck.getAttribute('data-handleid');
+
+		const connection: Connection = {
+			source: isTarget ? handleNodeId : fromNodeId,
+			sourceHandle: isTarget ? handleId : fromHandleId,
+			target: isTarget ? fromNodeId : handleNodeId,
+			targetHandle: isTarget ? fromHandleId : handleId
+		};
+
+		result.connection = connection;
+
+		// in strict mode we don't allow target to target or source to source connections
+		const isValid =
+			connectionMode === ConnectionMode.Strict
+				? (isTarget && handleType === 'source') || (!isTarget && handleType === 'target')
+				: handleNodeId !== fromNodeId || handleId !== fromHandleId;
+
+		if (isValid) {
+			result.isValid = isValidConnection(connection);
+		}
+	}
+
+	return result;
+}
+
+type GetHandleLookupParams = {
+	nodes: Node[];
+	nodeId: string;
+	handleId: string | null;
+	handleType: string;
+};
+
+export function getHandleLookup({ nodes, nodeId, handleId, handleType }: GetHandleLookupParams) {
+	return nodes.reduce<ConnectionHandle[]>((res, node) => {
+		if (node[internalsSymbol]) {
+			const { handleBounds } = node[internalsSymbol];
+			let sourceHandles: ConnectionHandle[] = [];
+			let targetHandles: ConnectionHandle[] = [];
+
+			if (handleBounds) {
+				sourceHandles = getHandles(
+					node,
+					handleBounds,
+					'source',
+					`${nodeId}-${handleId}-${handleType}`
+				);
+				targetHandles = getHandles(
+					node,
+					handleBounds,
+					'target',
+					`${nodeId}-${handleId}-${handleType}`
+				);
+			}
+
+			res.push(...sourceHandles, ...targetHandles);
+		}
+		return res;
+	}, []);
+}
+
+export function getHandleType(
+	edgeUpdaterType: HandleType | undefined,
+	handleDomNode: Element | null
+): HandleType | null {
+	if (edgeUpdaterType) {
+		return edgeUpdaterType;
+	} else if (handleDomNode?.classList.contains('target')) {
+		return 'target';
+	} else if (handleDomNode?.classList.contains('source')) {
+		return 'source';
+	}
+
+	return null;
+}
+
+export function resetRecentHandle(handleDomNode: Element): void {
+	handleDomNode?.classList.remove('valid', 'connecting');
+}
+
+export function getConnectionStatus(isInsideConnectionRadius: boolean, isHandleValid: boolean) {
+	let connectionStatus = null;
+
+	if (isHandleValid) {
+		connectionStatus = 'valid';
+	} else if (isInsideConnectionRadius && !isHandleValid) {
+		connectionStatus = 'invalid';
+	}
+
+	return connectionStatus as ConnectionStatus;
+}
diff --git a/packages/svelte/src/lib/container/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow.svelte
index c0c23433f..e49ec9259 100644
--- a/packages/svelte/src/lib/container/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow.svelte
@@ -11,6 +11,7 @@
   import UserSelection from '$lib/components/UserSelection/index.svelte';
   import NodeSelection from '$lib/components/NodeSelection/index.svelte';
   import { KeyHandler } from '$lib/components/KeyHandler';
+  import { ConnectionLine } from '$lib/components/ConnectionLine';
 	import type { SvelteFlowProps } from '$lib/types';
 
   type $$Props = SvelteFlowProps;
@@ -26,7 +27,7 @@
   let className: $$Props['class'] = undefined;
   export { className as class };
 
-  let domNode: Element;
+  let domNode: HTMLDivElement;
 
   const store = createStore({
     fitView,
@@ -41,6 +42,7 @@
     const { width, height } = domNode.getBoundingClientRect();
     store.widthStore.set(width);
     store.heightStore.set(height);
+    store.domNodeStore.set(domNode);
 
     // @todo: is this a svelte way for two way binding?
     store.nodesStore.subscribe((ns) => {
@@ -69,6 +71,7 @@
     <Pane>
       <Viewport>
         <EdgeRenderer />
+        <ConnectionLine />
         <div class="react-flow__edgelabel-renderer" />
         <NodeRenderer />
         <NodeSelection />
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 8839d3b98..6856f03ee 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -12,19 +12,32 @@ import {
 	type D3SelectionInstance,
 	type ViewportHelperFunctionOptions,
 	type SelectionRect,
-	type Node as RFNode
+	type Node as RFNode,
+	type Connection,
+	ConnectionMode,
+	type XYPosition,
+	type CoordinateExtent,
+	ConnectionLineType
 } from '@reactflow/system';
-import { fitView, getConnectedEdges, getD3Transition, getDimensions } from '@reactflow/utils';
+import {
+	fitView as fitViewUtil,
+	getConnectedEdges,
+	getD3Transition,
+	getDimensions,
+	addEdge as addEdgeUtil
+} from '@reactflow/utils';
+import { zoomIdentity } from 'd3-zoom';
 
 import { getHandleBounds } from '../../utils';
 import { getEdgePositions, getHandle, getNodeData } from '$lib/container/EdgeRenderer/utils';
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
 import InputNode from '$lib/components/nodes/InputNode.svelte';
 import OutputNode from '$lib/components/nodes/OutputNode.svelte';
-import type { EdgeTypes, NodeTypes, Node, Edge, WrapEdgeProps } from '$lib/types';
+import type { EdgeTypes, NodeTypes, Node, Edge, WrapEdgeProps, ConnectionData } from '$lib/types';
 import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
+import { getBezierPath, getSmoothStepPath, getStraightPath } from '@reactflow/edge-utils';
 
 export const key = Symbol();
 
@@ -58,8 +71,14 @@ type SvelteFlowStore = {
 	deleteKeyPressedStore: Writable<boolean>;
 	nodeTypesStore: Writable<NodeTypes>;
 	edgeTypesStore: Writable<EdgeTypes>;
+	domNodeStore: Writable<HTMLDivElement | null>;
+	connectionRadiusStore: Writable<number>;
+	connectionModeStore: Writable<ConnectionMode>;
+	connectionStore: Writable<ConnectionData>;
+	connectionPathStore: Readable<string | null>;
 	setNodes: (nodes: Node[]) => void;
 	setEdges: (edges: Edge[]) => void;
+	addEdge: (edge: Edge | Connection) => void;
 	zoomIn: (options?: ViewportHelperFunctionOptions) => void;
 	zoomOut: (options?: ViewportHelperFunctionOptions) => void;
 	fitView: (options?: ViewportHelperFunctionOptions) => boolean;
@@ -71,6 +90,17 @@ type SvelteFlowStore = {
 	updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
 	resetSelectedElements: () => void;
 	addSelectedNodes: (ids: string[]) => void;
+	panBy: (delta: XYPosition) => void;
+	updateConnection: (connection: Partial<ConnectionData>) => void;
+	cancelConnection: () => void;
+};
+
+const initConnectionData = {
+	nodeId: null,
+	handleId: null,
+	handleType: null,
+	position: null,
+	status: null
 };
 
 export function createStore({
@@ -112,6 +142,11 @@ export function createStore({
 		default: edgeTypes.default || BezierEdge
 	});
 	const transformStore = writable(transform);
+	const connectionModeStore = writable(ConnectionMode.Strict);
+	const domNodeStore = writable(null);
+	const connectionStore = writable<ConnectionData>(initConnectionData);
+	const connectionRadiusStore = writable(25);
+	const connectionLineTypeStore = writable(ConnectionLineType.Bezier);
 
 	let fitViewOnInitDone = false;
 
@@ -172,10 +207,84 @@ export function createStore({
 			.filter((e) => e !== null) as WrapEdgeProps[];
 	});
 
+	const oppositePosition = {
+		[Position.Left]: Position.Right,
+		[Position.Right]: Position.Left,
+		[Position.Top]: Position.Bottom,
+		[Position.Bottom]: Position.Top
+	};
+
+	const connectionPathStore = derived(
+		[connectionStore, connectionLineTypeStore, connectionModeStore, nodesStore, transformStore],
+		([
+			$connectionStore,
+			$connectionLineTypeStore,
+			$connectionModeStore,
+			$nodesStore,
+			$transformStore
+		]) => {
+			if (!$connectionStore.nodeId) {
+				return null;
+			}
+
+			const fromNode = $nodesStore.find((n) => n.id === $connectionStore.nodeId);
+			const fromHandleBounds = fromNode?.[internalsSymbol]?.handleBounds;
+			const handleBoundsStrict = fromHandleBounds?.[$connectionStore.handleType || 'source'] || [];
+			const handleBoundsLoose = handleBoundsStrict
+				? handleBoundsStrict
+				: fromHandleBounds?.[$connectionStore.handleType === 'source' ? 'target' : 'source']!;
+			const handleBounds =
+				$connectionModeStore === ConnectionMode.Strict ? handleBoundsStrict : handleBoundsLoose;
+			const fromHandle = $connectionStore.handleId
+				? handleBounds.find((d) => d.id === $connectionStore.handleId)
+				: handleBounds[0];
+			const fromHandleX = fromHandle
+				? fromHandle.x + fromHandle.width / 2
+				: (fromNode?.width ?? 0) / 2;
+			const fromHandleY = fromHandle ? fromHandle.y + fromHandle.height / 2 : fromNode?.height ?? 0;
+			const fromX = (fromNode?.positionAbsolute?.x ?? 0) + fromHandleX;
+			const fromY = (fromNode?.positionAbsolute?.y ?? 0) + fromHandleY;
+			const fromPosition = fromHandle?.position;
+			const toPosition = fromPosition ? oppositePosition[fromPosition] : undefined;
+
+			const pathParams = {
+				sourceX: fromX,
+				sourceY: fromY,
+				sourcePosition: fromPosition,
+				targetX: (($connectionStore.position?.x ?? 0) - $transformStore[0]) / $transformStore[2],
+				targetY: (($connectionStore.position?.y ?? 0) - $transformStore[1]) / $transformStore[2],
+				targetPosition: toPosition
+			};
+
+			let path = '';
+
+			if ($connectionLineTypeStore === ConnectionLineType.Bezier) {
+				// we assume the destination position is opposite to the source position
+				[path] = getBezierPath(pathParams);
+			} else if ($connectionLineTypeStore === ConnectionLineType.Step) {
+				[path] = getSmoothStepPath({
+					...pathParams,
+					borderRadius: 0
+				});
+			} else if ($connectionLineTypeStore === ConnectionLineType.SmoothStep) {
+				[path] = getSmoothStepPath(pathParams);
+			} else {
+				[path] = getStraightPath(pathParams);
+			}
+
+			return path;
+		}
+	);
+
 	function setEdges(edges: Edge[]) {
 		edgesStore.set(edges);
 	}
 
+	function addEdge(edgeParams: Edge | Connection) {
+		const edges = get(edgesStore);
+		edgesStore.set(addEdgeUtil(edgeParams, edges));
+	}
+
 	function setNodes(nodes: Node[]) {
 		nodesStore.update((currentNodes) => {
 			const nextNodes = nodes.map((n) => {
@@ -254,7 +363,7 @@ export function createStore({
 		const { zoom: d3Zoom, selection: d3Selection } = get(d3Store);
 
 		fitViewOnInitDone =
-			fitViewOnInitDone || (fitViewOnInit && !!d3Zoom && !!d3Selection && _fitView());
+			fitViewOnInitDone || (fitViewOnInit && !!d3Zoom && !!d3Selection && fitView());
 
 		nodesStore.set(nextNodes);
 	}
@@ -274,14 +383,14 @@ export function createStore({
 		}
 	}
 
-	function _fitView() {
+	function fitView() {
 		const { zoom: d3Zoom, selection: d3Selection } = get(d3Store);
 
 		if (!d3Zoom || !d3Selection) {
 			return false;
 		}
 
-		return fitView(
+		return fitViewUtil(
 			{
 				nodes: get(nodesStore) as RFNode[],
 				width: get(widthStore),
@@ -373,6 +482,52 @@ export function createStore({
 		);
 	}
 
+	function panBy(delta: XYPosition) {
+		const { zoom: d3Zoom, selection: d3Selection } = get(d3Store);
+		const transform = get(transformStore);
+		const width = get(widthStore);
+		const height = get(heightStore);
+
+		if (!d3Zoom || !d3Selection || (!delta.x && !delta.y)) {
+			return;
+		}
+
+		const nextTransform = zoomIdentity
+			.translate(transform[0] + delta.x, transform[1] + delta.y)
+			.scale(transform[2]);
+
+		const extent: CoordinateExtent = [
+			[0, 0],
+			[width, height]
+		];
+
+		const constrainedTransform = d3Zoom?.constrain()(nextTransform, extent, [
+			[Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
+			[Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY]
+		]);
+		d3Zoom.transform(d3Selection, constrainedTransform);
+	}
+
+	function updateConnection(connectionUpdate: Partial<ConnectionData> | null) {
+		const currentConnectionData = get(connectionStore);
+		const nextConnectionData = currentConnectionData
+			? {
+					...initConnectionData,
+					...currentConnectionData,
+					...connectionUpdate
+			  }
+			: {
+					...initConnectionData,
+					...connectionUpdate
+			  };
+
+		connectionStore.set(nextConnectionData);
+	}
+
+	function cancelConnection() {
+		updateConnection(initConnectionData);
+	}
+
 	return {
 		nodesStore,
 		edgesStore,
@@ -391,15 +546,24 @@ export function createStore({
 		selectionMode,
 		nodeTypesStore,
 		edgeTypesStore,
+		connectionModeStore,
+		domNodeStore,
+		connectionStore,
+		connectionRadiusStore,
+		connectionPathStore,
 		setNodes,
 		setEdges,
+		addEdge,
 		updateNodePositions,
 		updateNodeDimensions,
 		zoomIn,
 		zoomOut,
-		fitView: _fitView,
+		fitView,
 		resetSelectedElements,
-		addSelectedNodes
+		addSelectedNodes,
+		panBy,
+		updateConnection,
+		cancelConnection
 	};
 }
 
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index f19e96d1e..e723c5e47 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -1,11 +1,21 @@
 import type { Node, NodeTypes } from './nodes';
-import type { Edge } from './edges';
 import type { ShortcutModifierDefinition } from '@svelte-put/shortcut';
+import type { Edge, HandleType, XYPosition } from '@reactflow/system';
 
 export type KeyModifier = ShortcutModifierDefinition;
 export type KeyDefinitionObject = { key: string; modifier?: KeyModifier };
 export type KeyDefinition = string | KeyDefinitionObject;
 
+export type ConnectionData = {
+	position: XYPosition | null;
+	nodeId: string | null;
+	handleId: string | null;
+	handleType: HandleType | null;
+	status: string | null;
+};
+
+export type ConnectionLineProps = {};
+
 export type SvelteFlowProps = {
 	nodes: Node[];
 	edges: Edge[];

From 62a627868271ec18c274c5394d3c42633994637f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 28 Feb 2023 12:43:29 +0100
Subject: [PATCH 0025/1093] refactor(svelte): cleanup store usage

---
 packages/svelte/src/lib/actions/drag/index.ts |  10 +-
 packages/svelte/src/lib/actions/zoom/index.ts |  10 +-
 .../ConnectionLine/ConnectionLine.svelte      |  12 +-
 .../src/lib/components/Handle/handler.ts      |   4 +-
 .../src/lib/components/Handle/index.svelte    |  20 +-
 .../components/KeyHandler/KeyHandler.svelte   |  10 +-
 .../lib/components/NodeSelection/index.svelte |  10 +-
 .../lib/components/UserSelection/index.svelte |  12 +-
 .../lib/components/edges/EdgeWrapper.svelte   |   4 +-
 .../lib/components/nodes/NodeWrapper.svelte   |   6 +-
 .../lib/container/EdgeRenderer/index.svelte   |   8 +-
 .../lib/container/NodeRenderer/index.svelte   |   4 +-
 .../src/lib/container/Pane/index.svelte       |  46 +--
 .../src/lib/container/SvelteFlow.svelte       |  33 +-
 .../svelte/src/lib/container/Viewport.svelte  |   4 +-
 .../src/lib/container/Zoom/index.svelte       |   6 +-
 .../lib/plugins/Background/Background.svelte  |  12 +-
 .../src/lib/plugins/Minimap/Minimap.svelte    |  26 +-
 .../lib/plugins/Minimap/MinimapNode.svelte    |   3 +-
 .../svelte/src/lib/store/connection-path.ts   |  76 ++++
 .../svelte/src/lib/store/edges-layouted.ts    |  61 ++++
 packages/svelte/src/lib/store/index.ts        | 338 +++---------------
 .../svelte/src/lib/store/initial-store.ts     |  65 ++++
 packages/svelte/src/lib/store/types.d.ts      |  34 ++
 packages/svelte/src/lib/types/general.ts      |   3 +-
 25 files changed, 420 insertions(+), 397 deletions(-)
 create mode 100644 packages/svelte/src/lib/store/connection-path.ts
 create mode 100644 packages/svelte/src/lib/store/edges-layouted.ts
 create mode 100644 packages/svelte/src/lib/store/initial-store.ts
 create mode 100644 packages/svelte/src/lib/store/types.d.ts

diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index a8e242260..cda7987b8 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -25,13 +25,13 @@ type UseDragParams = {
 	handleSelector?: string;
 	nodeId?: string;
 	updateNodePositions: (dragItems: NodeDragItem[], d: boolean, p: boolean) => void;
-	nodesStore: Writable<Node[]>;
-	transformStore: Writable<Transform>;
+	nodes: Writable<Node[]>;
+	transform: Writable<Transform>;
 };
 
 export default function drag(
 	nodeRef: Element,
-	{ handleSelector, nodeId, updateNodePositions, nodesStore, transformStore }: UseDragParams
+	{ handleSelector, nodeId, updateNodePositions, nodes, transform: transformStore }: UseDragParams
 ) {
 	let dragging = false;
 	let dragItems: NodeDragItem[] = [];
@@ -62,7 +62,7 @@ export default function drag(
 
 		dragItems = dragItems.map((n) => {
 			const nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
-			const updatedPos = calcNextPosition(n, nextPosition, get(nodesStore) as RFNode[]);
+			const updatedPos = calcNextPosition(n, nextPosition, get(nodes) as RFNode[]);
 
 			// we want to make sure that we only fire a change event when there is a changes
 			hasChange =
@@ -89,7 +89,7 @@ export default function drag(
 			const pointerPos = getPointerPosition(event);
 			console.log(pointerPos);
 			lastPos = pointerPos;
-			dragItems = getDragItems(get(nodesStore) as RFNode[], pointerPos, nodeId);
+			dragItems = getDragItems(get(nodes) as RFNode[], pointerPos, nodeId);
 		})
 		.on('drag', (event: UseDragEvent) => {
 			const pointerPos = getPointerPosition(event);
diff --git a/packages/svelte/src/lib/actions/zoom/index.ts b/packages/svelte/src/lib/actions/zoom/index.ts
index 6c1ee091e..d8f92f140 100644
--- a/packages/svelte/src/lib/actions/zoom/index.ts
+++ b/packages/svelte/src/lib/actions/zoom/index.ts
@@ -78,13 +78,13 @@ function filter(event: any, params: ZoomParams): boolean {
 }
 
 type ZoomParams = {
-	transformStore: Writable<Transform>;
+	transform: Writable<Transform>;
 	selecting: boolean;
-	d3Store: Writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>;
+	d3: Writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>;
 };
 
 export default function zoom(domNode: Element, params: ZoomParams) {
-	const { transformStore, d3Store } = params;
+	const { transform, d3 } = params;
 	const d3ZoomInstance = d3Zoom();
 	const selection = select(domNode).call(d3ZoomInstance);
 	const d3ZoomHandler = selection.on('wheel.zoom');
@@ -100,13 +100,13 @@ export default function zoom(domNode: Element, params: ZoomParams) {
 		d3ZoomHandler!.call(this, event, d);
 	});
 
-	d3Store.set({
+	d3.set({
 		zoom: d3ZoomInstance,
 		selection
 	});
 
 	d3ZoomInstance.on('zoom', (event: D3ZoomEvent<HTMLDivElement, any>) => {
-		transformStore.set([event.transform.x, event.transform.y, event.transform.k]);
+		transform.set([event.transform.x, event.transform.y, event.transform.k]);
 	});
 
 	d3ZoomInstance.filter((event: any) => filter(event, params));
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index a84a023e4..7b74a6c2a 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -6,17 +6,17 @@
 
   type $$Props = ConnectionLineProps;
 
-  const { connectionPathStore, widthStore, heightStore, connectionStore } = useStore();
+  const { connectionPath, width, height, connection } = useStore();
 </script>
 
-{#if $connectionPathStore}
+{#if $connectionPath}
   <svg
-    width={$widthStore}
-    height={$heightStore}
+    width={$width}
+    height={$height}
     class="react-flow__connectionline"
   >
-    <g class={cc(['react-flow__connection', $connectionStore.status])}>
-      <path d={$connectionPathStore} fill="none" class="react-flow__connection-path" />
+    <g class={cc(['react-flow__connection', $connection.status])}>
+      <path d={$connectionPath} fill="none" class="react-flow__connection-path" />
     </g>
   </svg>
 {/if}
diff --git a/packages/svelte/src/lib/components/Handle/handler.ts b/packages/svelte/src/lib/components/Handle/handler.ts
index beb473a90..56be794a4 100644
--- a/packages/svelte/src/lib/components/Handle/handler.ts
+++ b/packages/svelte/src/lib/components/Handle/handler.ts
@@ -38,7 +38,7 @@ export function handlePointerDown({
 	connectionMode,
 	connectionRadius,
 	isTarget,
-	transformStore,
+	transform: transformStore,
 	panBy,
 	updateConnection,
 	cancelConnection,
@@ -56,7 +56,7 @@ export function handlePointerDown({
 	nodes: Node[];
 	connectionRadius: number;
 	isValidConnection: ValidConnectionFunc;
-	transformStore: Writable<Transform>;
+	transform: Writable<Transform>;
 	updateConnection: (connection: Partial<ConnectionData>) => void;
 	cancelConnection: () => void;
 	panBy: (delta: XYPosition) => void;
diff --git a/packages/svelte/src/lib/components/Handle/index.svelte b/packages/svelte/src/lib/components/Handle/index.svelte
index 496c05813..eef61a696 100644
--- a/packages/svelte/src/lib/components/Handle/index.svelte
+++ b/packages/svelte/src/lib/components/Handle/index.svelte
@@ -22,11 +22,11 @@
   const handleId = id || null;
 
   const {
-    connectionModeStore,
-    domNodeStore,
-    nodesStore,
-    connectionRadiusStore,
-    transformStore,
+    connectionMode,
+    domNode,
+    nodes,
+    connectionRadius,
+    transform,
     addEdge,
     panBy,
     cancelConnection,
@@ -49,11 +49,11 @@
           handleId,
           nodeId,
           isTarget,
-          connectionRadius: $connectionRadiusStore,
-          domNode: $domNodeStore,
-          nodes: $nodesStore,
-          connectionMode: $connectionModeStore,
-          transformStore,
+          connectionRadius: $connectionRadius,
+          domNode: $domNode,
+          nodes: $nodes,
+          connectionMode: $connectionMode,
+          transform,
           isValidConnection: isValidConnection!,
           onConnect: onConnectExtended,
           updateConnection,
diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index cb59b3c9c..512a4303f 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -5,7 +5,7 @@
   import type { KeyHandlerProps } from './KeyHandler'
 	import type { KeyDefinition, KeyDefinitionObject } from '$lib/types';
 
-  const { selectionKeyPressedStore, deleteKeyPressedStore } = useStore();
+  const { selectionKeyPressed, deleteKeyPressed } = useStore();
 
   type $$Props = KeyHandlerProps;
 
@@ -25,19 +25,19 @@
 
 <svelte:window
   use:shortcut={{ 
-    trigger: [{ key: selectionKeyString, modifier: selectionKeyModifier, callback: () => selectionKeyPressedStore.set(true) }],
+    trigger: [{ key: selectionKeyString, modifier: selectionKeyModifier, callback: () => selectionKeyPressed.set(true) }],
     type: 'keydown'
   }}
   use:shortcut={{ 
-    trigger: [{ key: selectionKeyString, modifier: selectionKeyModifier, callback: () => selectionKeyPressedStore.set(false) }],
+    trigger: [{ key: selectionKeyString, modifier: selectionKeyModifier, callback: () => selectionKeyPressed.set(false) }],
     type: 'keyup'
   }}
   use:shortcut={{ 
-    trigger: [{ key: deleteKeyString, modifier: deleteKeyModifier, callback: () => deleteKeyPressedStore.set(true) }],
+    trigger: [{ key: deleteKeyString, modifier: deleteKeyModifier, callback: () => deleteKeyPressed.set(true) }],
     type: 'keydown'
   }}
   use:shortcut={{ 
-    trigger: [{ key: deleteKeyString, modifier: deleteKeyModifier, callback: () => deleteKeyPressedStore.set(false) }],
+    trigger: [{ key: deleteKeyString, modifier: deleteKeyModifier, callback: () => deleteKeyPressed.set(false) }],
     type: 'keyup'
   }}
 />
diff --git a/packages/svelte/src/lib/components/NodeSelection/index.svelte b/packages/svelte/src/lib/components/NodeSelection/index.svelte
index 64a9e4094..a992bc7f7 100644
--- a/packages/svelte/src/lib/components/NodeSelection/index.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/index.svelte
@@ -5,20 +5,20 @@
   import Selection from '$lib/components/Selection/index.svelte';
   import drag  from '$lib/actions/drag'
 
-  const { selectionRectModeStore, nodesStore, nodeOriginStore, transformStore, updateNodePositions } = useStore();
+  const { selectionRectMode, nodes, nodeOrigin, transform, updateNodePositions } = useStore();
 
-  $: selectedNodes = $nodesStore.filter(n => n.selected);
-  $: rect = getRectOfNodes(selectedNodes, $nodeOriginStore);
+  $: selectedNodes = $nodes.filter(n => n.selected);
+  $: rect = getRectOfNodes(selectedNodes, $nodeOrigin);
 </script> 
 
 {#if selectedNodes}
   <div
     class="selection-wrapper nopan"
     style={`width: ${rect.width}px; height: ${rect.height}px; transform: translate(${rect.x}px, ${rect.y}px)`}
-    use:drag={{ nodesStore, transformStore, updateNodePositions }}
+    use:drag={{ nodes, transform, updateNodePositions }}
   />
   <Selection
-    isVisible={$selectionRectModeStore === 'nodes'}
+    isVisible={$selectionRectMode === 'nodes'}
     width={rect.width}
     height={rect.height}
     x={rect.x}
diff --git a/packages/svelte/src/lib/components/UserSelection/index.svelte b/packages/svelte/src/lib/components/UserSelection/index.svelte
index a595a68c5..f3e3c9642 100644
--- a/packages/svelte/src/lib/components/UserSelection/index.svelte
+++ b/packages/svelte/src/lib/components/UserSelection/index.svelte
@@ -2,13 +2,13 @@
   import { useStore } from '$lib/store';
   import Selection from '$lib/components/Selection/index.svelte';
 
-  const { selectionRectStore, selectionRectModeStore } = useStore();
+  const { selectionRect, selectionRectMode } = useStore();
 </script> 
 
 <Selection
-  isVisible={!!($selectionRectStore && $selectionRectModeStore === 'user')}
-  width={$selectionRectStore?.width}
-  height={$selectionRectStore?.height}
-  x={$selectionRectStore?.x}
-  y={$selectionRectStore?.y}
+  isVisible={!!($selectionRect && $selectionRectMode === 'user')}
+  width={$selectionRect?.width}
+  height={$selectionRect?.height}
+  x={$selectionRect?.x}
+  y={$selectionRect?.y}
 />
diff --git a/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte b/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte
index 5a0e79f4e..7a18f90ea 100644
--- a/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte
@@ -22,8 +22,8 @@
   export let selected: $$Props['selected'] = false;
   export let label: $$Props['label'] = undefined;
 
-  const { edgeTypesStore } = useStore();
-  const edgeComponent: typeof SvelteComponentTyped<EdgeProps> = $edgeTypesStore[type!] || BezierEdge;
+  const { edgeTypes } = useStore();
+  const edgeComponent: typeof SvelteComponentTyped<EdgeProps> = $edgeTypes[type!] || BezierEdge;
 </script>
 
 <g
diff --git a/packages/svelte/src/lib/components/nodes/NodeWrapper.svelte b/packages/svelte/src/lib/components/nodes/NodeWrapper.svelte
index fecb9832c..8519d9e40 100644
--- a/packages/svelte/src/lib/components/nodes/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/nodes/NodeWrapper.svelte
@@ -28,8 +28,8 @@
 
   let nodeRef: HTMLDivElement;
 
-  const { nodesStore, transformStore, nodeTypesStore, updateNodePositions, addSelectedNodes } = useStore();
-  const nodeComponent: typeof SvelteComponentTyped<Partial<NodeProps>> = $nodeTypesStore[type] || DefaultNode;
+  const { nodes, transform, nodeTypes, updateNodePositions, addSelectedNodes } = useStore();
+  const nodeComponent: typeof SvelteComponentTyped<Partial<NodeProps>> = $nodeTypes[type] || DefaultNode;
   const isSelectable = true;
   const selectNodesOnDrag = false;
   const isDraggable = true;
@@ -58,7 +58,7 @@
 </script>
 
 <div
-  use:drag={{ nodeId: id, nodesStore, transformStore, updateNodePositions }}
+  use:drag={{ nodeId: id, nodes, transform, updateNodePositions }}
   class={cc(['react-flow__node', `react-flow__node-${type}`, className])}
   class:initializing={!width && !height}
   class:dragging={dragging}
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/index.svelte b/packages/svelte/src/lib/container/EdgeRenderer/index.svelte
index df37ed5a7..9a301f25c 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/index.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/index.svelte
@@ -2,15 +2,15 @@
   import EdgeWrapper from '$lib/components/edges/EdgeWrapper.svelte';
   import { useStore } from '$lib/store';
 
-  const { edgesWithDataStore, widthStore, heightStore } = useStore();
+  const { edgesLayouted, width, height } = useStore();
  </script>
 
 <svg
-  width={$widthStore}
-  height={$heightStore}
+  width={$width}
+  height={$height}
   class="react-flow__edges"
 >
-  {#each $edgesWithDataStore as edge (edge.id)}
+  {#each $edgesLayouted as edge (edge.id)}
     <EdgeWrapper {...edge} />
   {/each}
 </svg>
diff --git a/packages/svelte/src/lib/container/NodeRenderer/index.svelte b/packages/svelte/src/lib/container/NodeRenderer/index.svelte
index e19115039..1312ecfac 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/index.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/index.svelte
@@ -4,7 +4,7 @@
   import NodeWrapper from '$lib/components/nodes/NodeWrapper.svelte';
   import { useStore } from '$lib/store';
 
-  const { nodesStore, updateNodeDimensions } = useStore();
+  const { nodes, updateNodeDimensions } = useStore();
   const resizeObserver: ResizeObserver | null = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver((entries: ResizeObserverEntry[]) => {
     const updates = entries.map((entry: ResizeObserverEntry) => ({
       id: entry.target.getAttribute('data-id') as string,
@@ -21,7 +21,7 @@
 </script>
 
 <div class="react-flow__nodes">
-  {#each $nodesStore as node (node.id)}
+  {#each $nodes as node (node.id)}
     <NodeWrapper {...node} {resizeObserver} />
   {/each}
 </div>
diff --git a/packages/svelte/src/lib/container/Pane/index.svelte b/packages/svelte/src/lib/container/Pane/index.svelte
index ba7580f08..883fcf586 100644
--- a/packages/svelte/src/lib/container/Pane/index.svelte
+++ b/packages/svelte/src/lib/container/Pane/index.svelte
@@ -33,7 +33,7 @@
 	import { SelectionMode, type Node, type Edge } from '@reactflow/system';
 	import { getConnectedEdges, getEventPosition, getNodesInside } from '@reactflow/utils';
 
-  const { nodesStore, edgesStore, transformStore, nodeOriginStore, draggingStore, selectionRectStore, selectionRectModeStore, selectionKeyPressedStore, resetSelectedElements } = useStore();
+  const { nodes, edges, transform, nodeOrigin, dragging, selectionRect, selectionRectMode, selectionKeyPressed, resetSelectedElements } = useStore();
 
   // @todo take from props
   const elementsSelectable = true;
@@ -43,15 +43,15 @@
   let containerBounds: DOMRect | null = null
   let selectedNodes: Node[] = [];
   
-  $: isSelecting = $selectionKeyPressedStore;
-  $: hasActiveSelection = elementsSelectable && (isSelecting || $selectionRectModeStore === 'user');
+  $: isSelecting = $selectionKeyPressed;
+  $: hasActiveSelection = elementsSelectable && (isSelecting || $selectionRectMode === 'user');
 
 
   function onClick (event: MouseEvent) {
     // onPaneClick?.(event);
     
     resetSelectedElements();
-    selectionRectModeStore.set(null)
+    selectionRectMode.set(null)
   }
 
   function onMouseDown(event: MouseEvent) {
@@ -71,7 +71,7 @@
 
     resetSelectedElements();
 
-    selectionRectStore.set({
+    selectionRect.set({
       width: 0,
       height: 0,
       startX: x,
@@ -87,14 +87,14 @@
 
 
   function onMouseMove(event: MouseEvent) {
-    if (!isSelecting || !containerBounds || !$selectionRectStore) {
+    if (!isSelecting || !containerBounds || !$selectionRect) {
       return;
     }
     const mousePos = getEventPosition(event, containerBounds);
-    const startX = $selectionRectStore.startX ?? 0;
-    const startY = $selectionRectStore.startY ?? 0;
+    const startX = $selectionRect.startX ?? 0;
+    const startY = $selectionRect.startY ?? 0;
     const nextUserSelectRect = {
-      ...$selectionRectStore,
+      ...$selectionRect,
       x: mousePos.x < startX ? mousePos.x : startX,
       y: mousePos.y < startY ? mousePos.y : startY,
       width: Math.abs(mousePos.x - startX),
@@ -102,21 +102,21 @@
     };
 
     selectedNodes = getNodesInside(
-      new Map($nodesStore.map(node => [node.id, node])),
+      new Map($nodes.map(node => [node.id, node])),
       nextUserSelectRect,
-      $transformStore,
+      $transform,
       selectionMode === SelectionMode.Partial,
       true,
-      $nodeOriginStore
+      $nodeOrigin
     );
-    const selectedEdgeIds = getConnectedEdges(selectedNodes, $edgesStore).map((e) => e.id);
+    const selectedEdgeIds = getConnectedEdges(selectedNodes, $edges).map((e) => e.id);
     const selectedNodeIds = selectedNodes.map((n) => n.id);
 
-    nodesStore.update(nodes => nodes.map(toggleSelected(selectedNodeIds)));
-    edgesStore.update(edges => edges.map(toggleSelected(selectedEdgeIds)));
+    nodes.update(nodes => nodes.map(toggleSelected(selectedNodeIds)));
+    edges.update(edges => edges.map(toggleSelected(selectedEdgeIds)));
 
-    selectionRectModeStore.set('user');
-    selectionRectStore.set(nextUserSelectRect);
+    selectionRectMode.set('user');
+    selectionRect.set(nextUserSelectRect);
   }
 
   function onMouseUp(event: MouseEvent) {
@@ -129,10 +129,10 @@
     // if (!userSelectionActive && userSelectionRect && event.target === container.current) {
     //   onClick?.(event);
     // }
-    selectionRectStore.set(null);
+    selectionRect.set(null);
 
     if (selectedNodes.length > 0) {
-      selectionRectModeStore.set('nodes');
+      selectionRectMode.set('nodes');
     }
 
     
@@ -140,19 +140,19 @@
   }
 
   const onMouseLeave = (event: MouseEvent) => {
-    if ($selectionRectModeStore === 'user') {
-      selectionRectModeStore.set(selectedNodes.length > 0 ? 'nodes' : null);
+    if ($selectionRectMode === 'user') {
+      selectionRectMode.set(selectedNodes.length > 0 ? 'nodes' : null);
       //  onSelectionEnd?.(event);
     }
 
-    selectionRectStore.set(null);
+    selectionRect.set(null);
   };
 </script>
 
 <div
   bind:this={container}
   class="react-flow__pane"
-  class:dragging={$draggingStore}
+  class:dragging={$dragging}
   class:selection={isSelecting}
   on:click={hasActiveSelection ? undefined : wrapHandler(onClick, container)}
   on:mousedown={hasActiveSelection ? onMouseDown : undefined}
diff --git a/packages/svelte/src/lib/container/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow.svelte
index e49ec9259..d91d81816 100644
--- a/packages/svelte/src/lib/container/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow.svelte
@@ -23,7 +23,8 @@
   export let nodeTypes: $$Props['nodeTypes'] = undefined;
   export let selectionKey: $$Props['selectionKey'] = undefined;
   export let deleteKey: $$Props['deleteKey'] = undefined;
-  
+  export let connectionLineType: $$Props['connectionLineType'] = undefined;
+
   let className: $$Props['class'] = undefined;
   export { className as class };
 
@@ -40,16 +41,38 @@
 
   onMount(() => {
     const { width, height } = domNode.getBoundingClientRect();
-    store.widthStore.set(width);
-    store.heightStore.set(height);
-    store.domNodeStore.set(domNode);
+    store.width.set(width);
+    store.height.set(height);
+    store.domNode.set(domNode);
 
     // @todo: is this a svelte way for two way binding?
-    store.nodesStore.subscribe((ns) => {
+    store.nodes.subscribe((ns) => {
       nodes = ns;
     });
   });
 
+
+  // $: {
+  //   const updatableProps = {
+  //     defaultEdgeOptions,
+  //     connectionMode,
+  //     snapToGrid,
+  //     snapGrid,
+  //     nodesDraggable,
+  //     connectOnClick,
+  //     fitViewOnInit: fitView,
+  //     fitViewOnInitOptions: fitViewOptions,
+  //   };
+
+  //   Object.keys(updatableProps).forEach((key) => {
+  //       store.update((state) => ({
+  //         ...state,
+  //         [key]: valuesToUpdate[key],
+  //       }));
+     
+  //   });
+  // }
+
   $: {
     store.setNodes(nodes);
   }
diff --git a/packages/svelte/src/lib/container/Viewport.svelte b/packages/svelte/src/lib/container/Viewport.svelte
index 4be75a58e..49aa5e547 100644
--- a/packages/svelte/src/lib/container/Viewport.svelte
+++ b/packages/svelte/src/lib/container/Viewport.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
 	import { useStore } from '$lib/store';
 
-  const { transformStore} = useStore();
+  const { transform } = useStore();
 </script>
 
 <div
   class="react-flow__viewport" 
-  style="transform: translate({$transformStore[0]}px, {$transformStore[1]}px) scale({$transformStore[2]})"
+  style="transform: translate({$transform[0]}px, {$transform[1]}px) scale({$transform[2]})"
 >
   <slot />
 </div>
diff --git a/packages/svelte/src/lib/container/Zoom/index.svelte b/packages/svelte/src/lib/container/Zoom/index.svelte
index 6f9380436..51c7bbfd4 100644
--- a/packages/svelte/src/lib/container/Zoom/index.svelte
+++ b/packages/svelte/src/lib/container/Zoom/index.svelte
@@ -2,12 +2,12 @@
   import { useStore } from '$lib/store';
   import zoom from '$lib/actions/zoom';
 
-  const { transformStore, d3Store, selectionKeyPressedStore, selectionRectModeStore } = useStore();
+  const { transform, d3, selectionKeyPressed, selectionRectMode } = useStore();
 
-  $: selecting = $selectionKeyPressedStore || $selectionRectModeStore === 'user';
+  $: selecting = $selectionKeyPressed || $selectionRectMode === 'user';
 </script>
 
-<div class="react-flow__zoom" use:zoom={{ transformStore, d3Store, selecting }}>
+<div class="react-flow__zoom" use:zoom={{ transform, d3, selecting }}>
   <slot />
 </div>
 
diff --git a/packages/svelte/src/lib/plugins/Background/Background.svelte b/packages/svelte/src/lib/plugins/Background/Background.svelte
index e4c1e7e31..75526092c 100644
--- a/packages/svelte/src/lib/plugins/Background/Background.svelte
+++ b/packages/svelte/src/lib/plugins/Background/Background.svelte
@@ -27,16 +27,16 @@
     [BackgroundVariant.Cross]: 6,
   };
 
-  const { transformStore, idStore } = useStore();
+  const { transform, id } = useStore();
   const patternColor = color || defaultColor[variant];
   const patternSize = size || defaultSize[variant];
   const isDots = variant === BackgroundVariant.Dots;
   const isCross = variant === BackgroundVariant.Cross;
   const gapXY: number[] = Array.isArray(gap) ? gap : [gap, gap];
 
-  $: patternId = `background-pattern-${$idStore}`;
-  $: scaledGap = [gapXY[0] * $transformStore[2] || 1, gapXY[1] * $transformStore[2] || 1];
-  $: scaledSize = patternSize * $transformStore[2];
+  $: patternId = `background-pattern-${$id}`;
+  $: scaledGap = [gapXY[0] * $transform[2] || 1, gapXY[1] * $transform[2] || 1];
+  $: scaledSize = patternSize * $transform[2];
   $: patternDimensions = (isCross ? [scaledSize, scaledSize] : scaledGap) as [number, number];
   $: patternOffset = isDots
     ? [scaledSize / 2, scaledSize / 2]
@@ -46,8 +46,8 @@
 <svg class={cc(['react-flow__background', className])} >
   <pattern
     id={patternId}
-    x={$transformStore[0] % scaledGap[0]}
-    y={$transformStore[1] % scaledGap[1]}
+    x={$transform[0] % scaledGap[0]}
+    y={$transform[1] % scaledGap[1]}
     width={scaledGap[0]}
     height={scaledGap[1]}
     patternUnits="userSpaceOnUse"
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 55bcb45c4..1d6f33489 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -24,7 +24,7 @@
 
   const defaultWidth = 200;
   const defaultHeight = 150;
-  const { nodesStore, transformStore, widthStore, heightStore, nodeOriginStore, idStore } = useStore();
+  const { nodes, transform, width, height, nodeOrigin, id } = useStore();
 
   type GetMiniMapNodeAttribute = (node: Node) => string;
   const getAttrFunction = (func: any): GetMiniMapNodeAttribute => (func instanceof Function ? func : () => func);
@@ -32,15 +32,15 @@
   const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
   const nodeClassNameFunc = getAttrFunction(nodeClassName);
   const shapeRendering = typeof window === 'undefined' || !!window.chrome ? 'crispEdges' : 'geometricPrecision';
-  const labelledBy = `react-flow__minimap-desc-${$idStore}`;
+  const labelledBy = `react-flow__minimap-desc-${$id}`;
   
   $: viewBB = {
-    x: -$transformStore[0] / $transformStore[2],
-    y: -$transformStore[1] / $transformStore[2],
-    width: $widthStore / $transformStore[2],
-    height: $heightStore / $transformStore[2],
+    x: -$transform[0] / $transform[2],
+    y: -$transform[1] / $transform[2],
+    width: $width / $transform[2],
+    height: $height / $transform[2],
   } as Rect;
-  $: boundingRect = $nodesStore.length > 0 ? getBoundsOfRects(getRectOfNodes($nodesStore, $nodeOriginStore), viewBB) : viewBB
+  $: boundingRect = $nodes.length > 0 ? getBoundsOfRects(getRectOfNodes($nodes, $nodeOrigin), viewBB) : viewBB
   $: elementWidth = (style?.width as number) ?? defaultWidth;
   $: elementHeight = (style?.height as number) ?? defaultHeight;  
   $: scaledWidth = boundingRect.width / elementWidth;
@@ -51,23 +51,23 @@
   $: offset = 5 * viewScale;
   $: x = boundingRect.x - (viewWidth - boundingRect.width) / 2 - offset;
   $: y = boundingRect.y - (viewHeight - boundingRect.height) / 2 - offset;
-  $: width = viewWidth + offset * 2;
-  $: height = viewHeight + offset * 2;
+  $: viewboxWidth = viewWidth + offset * 2;
+  $: viewboxHeight = viewHeight + offset * 2;
 </script>
 
 <Panel position={position} class={cc(['react-flow__minimap', className])} style={`background-color: ${bgColor};`}>
   <svg
     width={elementWidth}
     height={elementHeight}
-    viewBox={`${x} ${y} ${width} ${height}`}
+    viewBox={`${x} ${y} ${viewboxWidth} ${viewboxHeight}`}
     role="img"
     aria-labelledby={labelledBy}
   >
     {#if ariaLabel}<title id={labelledBy}>{ariaLabel}</title>{/if}
 
-    {#each $nodesStore as node}
+    {#each $nodes as node(node.id)}
       {#if node.width && node.height}
-        {@const pos = getNodePositionWithOrigin(node, $nodeOriginStore).positionAbsolute}
+        {@const pos = getNodePositionWithOrigin(node, $nodeOrigin).positionAbsolute}
         <MinimapNode
           x={pos.x}
           y={pos.y}
@@ -85,7 +85,7 @@
     {/each}
     <path
       class="react-flow__minimap-mask"
-      d={`M${x - offset},${y - offset}h${width + offset * 2}v${height + offset * 2}h${-width - offset * 2}z
+      d={`M${x - offset},${y - offset}h${viewboxWidth + offset * 2}v${viewboxHeight + offset * 2}h${-viewboxWidth - offset * 2}z
     M${viewBB.x},${viewBB.y}h${viewBB.width}v${viewBB.height}h${-viewBB.width}z`}
       fill={maskColor}
       fill-rule="evenodd"
diff --git a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
index 41de5dcf5..5d5493325 100644
--- a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
@@ -10,9 +10,8 @@
   export let shapeRendering: string;
   export let strokeColor: string;
   export let strokeWidth: number;
-  export let className: string = '';
   export let style: Record<string, string>;
-
+  let className: string = '';
   export { className as class };
 
   const { background, backgroundColor } = style || {};
diff --git a/packages/svelte/src/lib/store/connection-path.ts b/packages/svelte/src/lib/store/connection-path.ts
new file mode 100644
index 000000000..9b2805fa6
--- /dev/null
+++ b/packages/svelte/src/lib/store/connection-path.ts
@@ -0,0 +1,76 @@
+import { getBezierPath, getSmoothStepPath, getStraightPath } from '@reactflow/edge-utils';
+import { ConnectionLineType, ConnectionMode, Position } from '@reactflow/system';
+
+import type { SvelteFlowStoreState } from './types';
+import { derived } from 'svelte/store';
+
+const oppositePosition = {
+	[Position.Left]: Position.Right,
+	[Position.Right]: Position.Left,
+	[Position.Top]: Position.Bottom,
+	[Position.Bottom]: Position.Top
+};
+
+export function getConnectionPath(store: SvelteFlowStoreState) {
+	return derived(
+		[
+			store.connection,
+			store.connectionLineType,
+			store.connectionMode,
+			store.nodes,
+			store.transform
+		],
+		([$connection, $connectionLineType, $connectionMode, $nodes, $transform]) => {
+			if (!$connection.nodeId) {
+				return null;
+			}
+
+			const fromNode = $nodes.find((n) => n.id === $connection.nodeId);
+			const fromHandleBounds = fromNode?.[internalsSymbol]?.handleBounds;
+			const handleBoundsStrict = fromHandleBounds?.[$connection.handleType || 'source'] || [];
+			const handleBoundsLoose = handleBoundsStrict
+				? handleBoundsStrict
+				: fromHandleBounds?.[$connection.handleType === 'source' ? 'target' : 'source']!;
+			const handleBounds =
+				$connectionMode === ConnectionMode.Strict ? handleBoundsStrict : handleBoundsLoose;
+			const fromHandle = $connection.handleId
+				? handleBounds.find((d) => d.id === $connection.handleId)
+				: handleBounds[0];
+			const fromHandleX = fromHandle
+				? fromHandle.x + fromHandle.width / 2
+				: (fromNode?.width ?? 0) / 2;
+			const fromHandleY = fromHandle ? fromHandle.y + fromHandle.height / 2 : fromNode?.height ?? 0;
+			const fromX = (fromNode?.positionAbsolute?.x ?? 0) + fromHandleX;
+			const fromY = (fromNode?.positionAbsolute?.y ?? 0) + fromHandleY;
+			const fromPosition = fromHandle?.position;
+			const toPosition = fromPosition ? oppositePosition[fromPosition] : undefined;
+
+			const pathParams = {
+				sourceX: fromX,
+				sourceY: fromY,
+				sourcePosition: fromPosition,
+				targetX: (($connection.position?.x ?? 0) - $transform[0]) / $transform[2],
+				targetY: (($connection.position?.y ?? 0) - $transform[1]) / $transform[2],
+				targetPosition: toPosition
+			};
+
+			let path = '';
+
+			if ($connectionLineType === ConnectionLineType.Bezier) {
+				// we assume the destination position is opposite to the source position
+				[path] = getBezierPath(pathParams);
+			} else if ($connectionLineType === ConnectionLineType.Step) {
+				[path] = getSmoothStepPath({
+					...pathParams,
+					borderRadius: 0
+				});
+			} else if ($connectionLineType === ConnectionLineType.SmoothStep) {
+				[path] = getSmoothStepPath(pathParams);
+			} else {
+				[path] = getStraightPath(pathParams);
+			}
+
+			return path;
+		}
+	);
+}
diff --git a/packages/svelte/src/lib/store/edges-layouted.ts b/packages/svelte/src/lib/store/edges-layouted.ts
new file mode 100644
index 000000000..b1acfd531
--- /dev/null
+++ b/packages/svelte/src/lib/store/edges-layouted.ts
@@ -0,0 +1,61 @@
+import { derived } from 'svelte/store';
+import { Position } from '@reactflow/system';
+
+import { getEdgePositions, getHandle, getNodeData } from '$lib/container/EdgeRenderer/utils';
+import type { WrapEdgeProps } from '$lib/types';
+import type { SvelteFlowStoreState } from './types';
+
+export function getEdgesLayouted(store: SvelteFlowStoreState) {
+	return derived([store.edges, store.nodes], ([$edges, $nodes]) => {
+		return $edges
+			.map((edge) => {
+				const sourceNode = $nodes.find((node) => node.id === edge.source);
+				const targetNode = $nodes.find((node) => node.id === edge.target);
+				const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(sourceNode);
+				const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(targetNode);
+
+				if (!sourceIsValid || !targetIsValid) {
+					return null;
+				}
+
+				const edgeType = edge.type || 'default';
+
+				const targetNodeHandles = targetHandleBounds!.target;
+				const sourceHandle = getHandle(sourceHandleBounds!.source!, edge.sourceHandle);
+				const targetHandle = getHandle(targetNodeHandles!, edge.targetHandle);
+				const sourcePosition = sourceHandle?.position || Position.Bottom;
+				const targetPosition = targetHandle?.position || Position.Top;
+
+				if (!sourceHandle || !targetHandle) {
+					return null;
+				}
+
+				const { sourceX, sourceY, targetX, targetY } = getEdgePositions(
+					sourceNodeRect,
+					sourceHandle,
+					sourcePosition,
+					targetNodeRect,
+					targetHandle,
+					targetPosition
+				);
+
+				// we nee to do this to match the types
+				const sourceHandleId = edge.sourceHandle;
+				const targetHandleId = edge.targetHandle;
+
+				return {
+					...edge,
+					type: edgeType,
+					sourceX,
+					sourceY,
+					targetX,
+					targetY,
+					sourcePosition,
+					targetPosition,
+					sourceHandleId,
+					targetHandleId
+				};
+			})
+			.filter((e) => e !== null) as WrapEdgeProps[];
+	});
+}
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 6856f03ee..63da61042 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -1,23 +1,16 @@
 import { getContext } from 'svelte';
-import { derived, get, writable, type Readable, type Writable } from 'svelte/store';
+import { get } from 'svelte/store';
 import {
 	type Transform,
 	type NodeDragItem,
 	type NodeDimensionUpdate,
-	Position,
 	internalsSymbol,
-	SelectionMode,
 	type NodeOrigin,
-	type D3ZoomInstance,
-	type D3SelectionInstance,
 	type ViewportHelperFunctionOptions,
-	type SelectionRect,
 	type Node as RFNode,
 	type Connection,
-	ConnectionMode,
 	type XYPosition,
-	type CoordinateExtent,
-	ConnectionLineType
+	type CoordinateExtent
 } from '@reactflow/system';
 import {
 	fitView as fitViewUtil,
@@ -29,15 +22,12 @@ import {
 import { zoomIdentity } from 'd3-zoom';
 
 import { getHandleBounds } from '../../utils';
-import { getEdgePositions, getHandle, getNodeData } from '$lib/container/EdgeRenderer/utils';
-import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
-import InputNode from '$lib/components/nodes/InputNode.svelte';
-import OutputNode from '$lib/components/nodes/OutputNode.svelte';
-import type { EdgeTypes, NodeTypes, Node, Edge, WrapEdgeProps, ConnectionData } from '$lib/types';
-import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
-import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
-import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
-import { getBezierPath, getSmoothStepPath, getStraightPath } from '@reactflow/edge-utils';
+import type { EdgeTypes, NodeTypes, Node, Edge, ConnectionData } from '$lib/types';
+
+import { getEdgesLayouted } from './edges-layouted';
+import { getConnectionPath } from './connection-path';
+import { initConnectionData, initialStoreState } from './initial-store';
+import type { SvelteFlowStore } from './types';
 
 export const key = Symbol();
 
@@ -50,59 +40,6 @@ type CreateStoreProps = {
 	id?: string;
 };
 
-type SvelteFlowStore = {
-	nodesStore: Writable<Node[]>;
-	edgesStore: Writable<Edge[]>;
-	heightStore: Writable<number>;
-	widthStore: Writable<number>;
-	d3Store: Writable<{
-		zoom: D3ZoomInstance | null;
-		selection: D3SelectionInstance | null;
-	}>;
-	transformStore: Writable<Transform>;
-	edgesWithDataStore: Readable<WrapEdgeProps[]>;
-	idStore: Writable<string>;
-	nodeOriginStore: Writable<NodeOrigin>;
-	draggingStore: Writable<boolean>;
-	selectionRectStore: Writable<SelectionRect | null>;
-	selectionRectModeStore: Writable<string | null>;
-	selectionMode: Writable<SelectionMode>;
-	selectionKeyPressedStore: Writable<boolean>;
-	deleteKeyPressedStore: Writable<boolean>;
-	nodeTypesStore: Writable<NodeTypes>;
-	edgeTypesStore: Writable<EdgeTypes>;
-	domNodeStore: Writable<HTMLDivElement | null>;
-	connectionRadiusStore: Writable<number>;
-	connectionModeStore: Writable<ConnectionMode>;
-	connectionStore: Writable<ConnectionData>;
-	connectionPathStore: Readable<string | null>;
-	setNodes: (nodes: Node[]) => void;
-	setEdges: (edges: Edge[]) => void;
-	addEdge: (edge: Edge | Connection) => void;
-	zoomIn: (options?: ViewportHelperFunctionOptions) => void;
-	zoomOut: (options?: ViewportHelperFunctionOptions) => void;
-	fitView: (options?: ViewportHelperFunctionOptions) => boolean;
-	updateNodePositions: (
-		nodeDragItems: NodeDragItem[],
-		positionChanged?: boolean,
-		dragging?: boolean
-	) => void;
-	updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
-	resetSelectedElements: () => void;
-	addSelectedNodes: (ids: string[]) => void;
-	panBy: (delta: XYPosition) => void;
-	updateConnection: (connection: Partial<ConnectionData>) => void;
-	cancelConnection: () => void;
-};
-
-const initConnectionData = {
-	nodeId: null,
-	handleId: null,
-	handleType: null,
-	position: null,
-	status: null
-};
-
 export function createStore({
 	transform = [0, 0, 1],
 	nodeOrigin = [0, 0],
@@ -111,182 +48,23 @@ export function createStore({
 	edgeTypes = {},
 	id = '1'
 }: CreateStoreProps): SvelteFlowStore {
-	const nodesStore = writable([] as Node[]);
-	const edgesStore = writable([] as Edge[]);
-	const heightStore = writable(500);
-	const widthStore = writable(500);
-	const nodeOriginStore = writable(nodeOrigin);
-	const d3Store = writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>({
-		zoom: null,
-		selection: null
-	});
-	const idStore = writable(id);
-	const draggingStore = writable(false);
-	const selectionRectStore = writable(null);
-	const selectionKeyPressedStore = writable(false);
-	const multiselectionKeyPressedStore = writable(false);
-	const deleteKeyPressedStore = writable(false);
-	const selectionRectModeStore = writable(null);
-	const selectionMode = writable(SelectionMode.Partial);
-	const nodeTypesStore = writable({
-		...nodeTypes,
-		input: nodeTypes.input || InputNode,
-		output: nodeTypes.output || OutputNode,
-		default: nodeTypes.default || DefaultNode
-	});
-
-	const edgeTypesStore = writable({
-		...edgeTypes,
-		straight: edgeTypes.straight || StraightEdge,
-		smoothstep: edgeTypes.smoothstep || SmoothStepEdge,
-		default: edgeTypes.default || BezierEdge
-	});
-	const transformStore = writable(transform);
-	const connectionModeStore = writable(ConnectionMode.Strict);
-	const domNodeStore = writable(null);
-	const connectionStore = writable<ConnectionData>(initConnectionData);
-	const connectionRadiusStore = writable(25);
-	const connectionLineTypeStore = writable(ConnectionLineType.Bezier);
-
-	let fitViewOnInitDone = false;
-
-	const edgesWithDataStore = derived([edgesStore, nodesStore], ([$edges, $nodes]) => {
-		return $edges
-			.map((edge) => {
-				const sourceNode = $nodes.find((node) => node.id === edge.source);
-				const targetNode = $nodes.find((node) => node.id === edge.target);
-				const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(
-					sourceNode as RFNode
-				);
-				const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(
-					targetNode as RFNode
-				);
-
-				if (!sourceIsValid || !targetIsValid) {
-					return null;
-				}
-
-				const edgeType = edge.type || 'default';
-
-				const targetNodeHandles = targetHandleBounds!.target;
-				const sourceHandle = getHandle(sourceHandleBounds!.source!, edge.sourceHandle);
-				const targetHandle = getHandle(targetNodeHandles!, edge.targetHandle);
-				const sourcePosition = sourceHandle?.position || Position.Bottom;
-				const targetPosition = targetHandle?.position || Position.Top;
-
-				if (!sourceHandle || !targetHandle) {
-					return null;
-				}
-
-				const { sourceX, sourceY, targetX, targetY } = getEdgePositions(
-					sourceNodeRect,
-					sourceHandle,
-					sourcePosition,
-					targetNodeRect,
-					targetHandle,
-					targetPosition
-				);
-
-				// we nee to do this to match the types
-				const sourceHandleId = edge.sourceHandle;
-				const targetHandleId = edge.targetHandle;
-
-				return {
-					...edge,
-					type: edgeType,
-					sourceX,
-					sourceY,
-					targetX,
-					targetY,
-					sourcePosition,
-					targetPosition,
-					sourceHandleId,
-					targetHandleId
-				};
-			})
-			.filter((e) => e !== null) as WrapEdgeProps[];
-	});
-
-	const oppositePosition = {
-		[Position.Left]: Position.Right,
-		[Position.Right]: Position.Left,
-		[Position.Top]: Position.Bottom,
-		[Position.Bottom]: Position.Top
+	const store = {
+		...initialStoreState
 	};
 
-	const connectionPathStore = derived(
-		[connectionStore, connectionLineTypeStore, connectionModeStore, nodesStore, transformStore],
-		([
-			$connectionStore,
-			$connectionLineTypeStore,
-			$connectionModeStore,
-			$nodesStore,
-			$transformStore
-		]) => {
-			if (!$connectionStore.nodeId) {
-				return null;
-			}
-
-			const fromNode = $nodesStore.find((n) => n.id === $connectionStore.nodeId);
-			const fromHandleBounds = fromNode?.[internalsSymbol]?.handleBounds;
-			const handleBoundsStrict = fromHandleBounds?.[$connectionStore.handleType || 'source'] || [];
-			const handleBoundsLoose = handleBoundsStrict
-				? handleBoundsStrict
-				: fromHandleBounds?.[$connectionStore.handleType === 'source' ? 'target' : 'source']!;
-			const handleBounds =
-				$connectionModeStore === ConnectionMode.Strict ? handleBoundsStrict : handleBoundsLoose;
-			const fromHandle = $connectionStore.handleId
-				? handleBounds.find((d) => d.id === $connectionStore.handleId)
-				: handleBounds[0];
-			const fromHandleX = fromHandle
-				? fromHandle.x + fromHandle.width / 2
-				: (fromNode?.width ?? 0) / 2;
-			const fromHandleY = fromHandle ? fromHandle.y + fromHandle.height / 2 : fromNode?.height ?? 0;
-			const fromX = (fromNode?.positionAbsolute?.x ?? 0) + fromHandleX;
-			const fromY = (fromNode?.positionAbsolute?.y ?? 0) + fromHandleY;
-			const fromPosition = fromHandle?.position;
-			const toPosition = fromPosition ? oppositePosition[fromPosition] : undefined;
-
-			const pathParams = {
-				sourceX: fromX,
-				sourceY: fromY,
-				sourcePosition: fromPosition,
-				targetX: (($connectionStore.position?.x ?? 0) - $transformStore[0]) / $transformStore[2],
-				targetY: (($connectionStore.position?.y ?? 0) - $transformStore[1]) / $transformStore[2],
-				targetPosition: toPosition
-			};
-
-			let path = '';
-
-			if ($connectionLineTypeStore === ConnectionLineType.Bezier) {
-				// we assume the destination position is opposite to the source position
-				[path] = getBezierPath(pathParams);
-			} else if ($connectionLineTypeStore === ConnectionLineType.Step) {
-				[path] = getSmoothStepPath({
-					...pathParams,
-					borderRadius: 0
-				});
-			} else if ($connectionLineTypeStore === ConnectionLineType.SmoothStep) {
-				[path] = getSmoothStepPath(pathParams);
-			} else {
-				[path] = getStraightPath(pathParams);
-			}
-
-			return path;
-		}
-	);
+	let fitViewOnInitDone = false;
 
 	function setEdges(edges: Edge[]) {
-		edgesStore.set(edges);
+		store.edges.set(edges);
 	}
 
 	function addEdge(edgeParams: Edge | Connection) {
-		const edges = get(edgesStore);
-		edgesStore.set(addEdgeUtil(edgeParams, edges));
+		const edges = get(store.edges);
+		store.edges.set(addEdgeUtil(edgeParams, edges));
 	}
 
 	function setNodes(nodes: Node[]) {
-		nodesStore.update((currentNodes) => {
+		store.nodes.update((currentNodes) => {
 			const nextNodes = nodes.map((n) => {
 				const currentNode = currentNodes.find((cn) => cn.id === n.id) || {};
 
@@ -302,7 +80,7 @@ export function createStore({
 	}
 
 	function updateNodePositions(nodeDragItems: NodeDragItem[], dragging = false) {
-		nodesStore.update((nds) => {
+		store.nodes.update((nds) => {
 			return nds.map((n) => {
 				const nodeDragItem = nodeDragItems.find((ndi) => ndi.id === n.id);
 
@@ -330,7 +108,7 @@ export function createStore({
 		const style = window.getComputedStyle(viewportNode);
 		const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
 
-		const nextNodes = get(nodesStore).map((node) => {
+		const nextNodes = get(store.nodes).map((node) => {
 			const update = updates.find((u) => u.id === node.id);
 
 			if (update) {
@@ -360,16 +138,16 @@ export function createStore({
 			return node;
 		});
 
-		const { zoom: d3Zoom, selection: d3Selection } = get(d3Store);
+		const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
 
 		fitViewOnInitDone =
 			fitViewOnInitDone || (fitViewOnInit && !!d3Zoom && !!d3Selection && fitView());
 
-		nodesStore.set(nextNodes);
+		store.nodes.set(nextNodes);
 	}
 
 	function zoomIn(options?: ViewportHelperFunctionOptions) {
-		const { zoom: d3Zoom, selection: d3Selection } = get(d3Store);
+		const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
 
 		if (d3Zoom && d3Selection) {
 			d3Zoom.scaleBy(getD3Transition(d3Selection, options?.duration), 1.2);
@@ -377,14 +155,14 @@ export function createStore({
 	}
 
 	function zoomOut(options?: ViewportHelperFunctionOptions) {
-		const { zoom: d3Zoom, selection: d3Selection } = get(d3Store);
+		const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
 		if (d3Zoom && d3Selection) {
 			d3Zoom.scaleBy(getD3Transition(d3Selection, options?.duration), 1 / 1.2);
 		}
 	}
 
 	function fitView() {
-		const { zoom: d3Zoom, selection: d3Selection } = get(d3Store);
+		const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
 
 		if (!d3Zoom || !d3Selection) {
 			return false;
@@ -392,14 +170,14 @@ export function createStore({
 
 		return fitViewUtil(
 			{
-				nodes: get(nodesStore) as RFNode[],
-				width: get(widthStore),
-				height: get(heightStore),
+				nodes: get(store.nodes) as RFNode[],
+				width: get(store.width),
+				height: get(store.height),
 				minZoom: 0.2,
 				maxZoom: 2,
 				d3Selection,
 				d3Zoom,
-				nodeOrigin: get(nodeOriginStore)
+				nodeOrigin: get(store.nodeOrigin)
 			},
 			{}
 		);
@@ -417,14 +195,14 @@ export function createStore({
 	}
 
 	function resetSelectedElements() {
-		nodesStore.update((ns) => ns.map(resetSelectedItem));
-		edgesStore.update((es) => es.map(resetSelectedItem));
+		store.nodes.update((ns) => ns.map(resetSelectedItem));
+		store.edges.update((es) => es.map(resetSelectedItem));
 	}
 
-	deleteKeyPressedStore.subscribe((deleteKeyPressed) => {
+	store.deleteKeyPressed.subscribe((deleteKeyPressed) => {
 		if (deleteKeyPressed) {
-			const nodes = get(nodesStore);
-			const edges = get(edgesStore);
+			const nodes = get(store.nodes);
+			const edges = get(store.edges);
 			const selectedNodes = nodes.filter((node) => node.selected);
 			const selectedEdges = edges.filter((edge) => edge.selected);
 
@@ -458,21 +236,21 @@ export function createStore({
 					return res;
 				}, []);
 
-				nodesStore.update((nds) => nds.filter((node) => !nodeIds.includes(node.id)));
-				edgesStore.update((eds) => eds.filter((edge) => !edgeIdsToRemove.includes(edge.id)));
+				store.nodes.update((nds) => nds.filter((node) => !nodeIds.includes(node.id)));
+				store.edges.update((eds) => eds.filter((edge) => !edgeIdsToRemove.includes(edge.id)));
 			}
 		}
 	});
 
 	function addSelectedNodes(ids: string[]) {
-		selectionRectStore.set(null);
-		selectionRectModeStore.set(null);
+		store.selectionRect.set(null);
+		store.selectionRectMode.set(null);
 
-		if (get(multiselectionKeyPressedStore)) {
+		if (get(store.multiselectionKeyPressed)) {
 			// @todo handle multiselection key
 		}
 
-		nodesStore.update((ns) =>
+		store.nodes.update((ns) =>
 			ns.map((node) => {
 				return {
 					...node,
@@ -483,10 +261,10 @@ export function createStore({
 	}
 
 	function panBy(delta: XYPosition) {
-		const { zoom: d3Zoom, selection: d3Selection } = get(d3Store);
-		const transform = get(transformStore);
-		const width = get(widthStore);
-		const height = get(heightStore);
+		const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
+		const transform = get(store.transform);
+		const width = get(store.width);
+		const height = get(store.height);
 
 		if (!d3Zoom || !d3Selection || (!delta.x && !delta.y)) {
 			return;
@@ -509,7 +287,7 @@ export function createStore({
 	}
 
 	function updateConnection(connectionUpdate: Partial<ConnectionData> | null) {
-		const currentConnectionData = get(connectionStore);
+		const currentConnectionData = get(store.connection);
 		const nextConnectionData = currentConnectionData
 			? {
 					...initConnectionData,
@@ -521,7 +299,7 @@ export function createStore({
 					...connectionUpdate
 			  };
 
-		connectionStore.set(nextConnectionData);
+		store.connection.set(nextConnectionData);
 	}
 
 	function cancelConnection() {
@@ -529,28 +307,14 @@ export function createStore({
 	}
 
 	return {
-		nodesStore,
-		edgesStore,
-		transformStore,
-		d3Store,
-		heightStore,
-		widthStore,
-		edgesWithDataStore,
-		idStore,
-		nodeOriginStore,
-		draggingStore,
-		selectionRectStore,
-		selectionKeyPressedStore,
-		deleteKeyPressedStore,
-		selectionRectModeStore,
-		selectionMode,
-		nodeTypesStore,
-		edgeTypesStore,
-		connectionModeStore,
-		domNodeStore,
-		connectionStore,
-		connectionRadiusStore,
-		connectionPathStore,
+		// state
+		...store,
+
+		// derived state
+		edgesLayouted: getEdgesLayouted(store),
+		connectionPath: getConnectionPath(store),
+
+		// actions
 		setNodes,
 		setEdges,
 		addEdge,
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
new file mode 100644
index 000000000..43221c0b6
--- /dev/null
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -0,0 +1,65 @@
+import { readable, writable } from 'svelte/store';
+import {
+	SelectionMode,
+	type D3ZoomInstance,
+	type D3SelectionInstance,
+	ConnectionMode,
+	ConnectionLineType,
+	type Transform,
+	type NodeOrigin,
+	type Rect
+} from '@reactflow/system';
+
+import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
+import InputNode from '$lib/components/nodes/InputNode.svelte';
+import OutputNode from '$lib/components/nodes/OutputNode.svelte';
+import type { Node, Edge, ConnectionData, NodeTypes, EdgeTypes } from '$lib/types';
+import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
+import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
+import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
+
+export const initConnectionData = {
+	nodeId: null,
+	handleId: null,
+	handleType: null,
+	position: null,
+	status: null
+};
+
+export const initialStoreState = {
+	nodes: writable<Node[]>([]),
+	edges: writable<Edge[]>([]),
+	edgesLayouted: readable<Edge[]>([]),
+	height: writable<number>(500),
+	width: writable<number>(500),
+	nodeOrigin: writable<NodeOrigin>([0.5, 0.5]),
+	d3: writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>({
+		zoom: null,
+		selection: null
+	}),
+	id: writable<string | null>(null),
+	dragging: writable<boolean>(false),
+	selectionRect: writable<(Rect & { startX: number; startY: number }) | null>(null),
+	selectionKeyPressed: writable<boolean>(false),
+	multiselectionKeyPressed: writable<boolean>(false),
+	deleteKeyPressed: writable<boolean>(false),
+	selectionRectMode: writable<string | null>(null),
+	selectionMode: writable<SelectionMode>(SelectionMode.Partial),
+	nodeTypes: writable<NodeTypes>({
+		input: InputNode,
+		output: OutputNode,
+		default: DefaultNode
+	}),
+	edgeTypes: writable<EdgeTypes>({
+		straight: StraightEdge,
+		smoothstep: SmoothStepEdge,
+		default: BezierEdge
+	}),
+	transform: writable<Transform>([0, 0, 1]),
+	connectionMode: writable<ConnectionMode>(ConnectionMode.Strict),
+	domNode: writable<HTMLDivElement | null>(null),
+	connectionPath: readable<string | null>(null),
+	connection: writable<ConnectionData>(initConnectionData),
+	connectionRadius: writable<number>(25),
+	connectionLineType: writable<ConnectionLineType>(ConnectionLineType.Bezier)
+};
diff --git a/packages/svelte/src/lib/store/types.d.ts b/packages/svelte/src/lib/store/types.d.ts
new file mode 100644
index 000000000..d9f32e4df
--- /dev/null
+++ b/packages/svelte/src/lib/store/types.d.ts
@@ -0,0 +1,34 @@
+import type {
+	NodeDimensionUpdate,
+	XYPosition,
+	ViewportHelperFunctionOptions,
+	Connection,
+	NodeDragItem
+} from '@reactflow/system';
+
+import { initialStoreState } from './initial-store';
+import type { Node, Edge, ConnectionData } from '$lib/types';
+
+export type SvelteFlowStoreActions = {
+	setNodes: (nodes: Node[]) => void;
+	setEdges: (edges: Edge[]) => void;
+	addEdge: (edge: Edge | Connection) => void;
+	zoomIn: (options?: ViewportHelperFunctionOptions) => void;
+	zoomOut: (options?: ViewportHelperFunctionOptions) => void;
+	fitView: (options?: ViewportHelperFunctionOptions) => boolean;
+	updateNodePositions: (
+		nodeDragItems: NodeDragItem[],
+		positionChanged?: boolean,
+		dragging?: boolean
+	) => void;
+	updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
+	resetSelectedElements: () => void;
+	addSelectedNodes: (ids: string[]) => void;
+	panBy: (delta: XYPosition) => void;
+	updateConnection: (connection: Partial<ConnectionData>) => void;
+	cancelConnection: () => void;
+};
+
+export type SvelteFlowStoreState = typeof initialStoreState;
+
+export type SvelteFlowStore = SvelteFlowStoreState & SvelteFlowStoreActions;
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index e723c5e47..81f32c0ac 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -1,6 +1,6 @@
 import type { Node, NodeTypes } from './nodes';
 import type { ShortcutModifierDefinition } from '@svelte-put/shortcut';
-import type { Edge, HandleType, XYPosition } from '@reactflow/system';
+import type { ConnectionLineType, Edge, HandleType, XYPosition } from '@reactflow/system';
 
 export type KeyModifier = ShortcutModifierDefinition;
 export type KeyDefinitionObject = { key: string; modifier?: KeyModifier };
@@ -20,6 +20,7 @@ export type SvelteFlowProps = {
 	nodes: Node[];
 	edges: Edge[];
 
+	connectionLineType?: ConnectionLineType;
 	selectionKey?: KeyDefinition;
 	deleteKey?: KeyDefinition;
 	nodeTypes?: NodeTypes;

From dda21e1fd219209d5a4dc16f6d47742e1664d568 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 28 Feb 2023 12:48:52 +0100
Subject: [PATCH 0026/1093] chore(svelte): run prettier

---
 packages/svelte/.eslintrc.cjs                 |  36 +-
 packages/svelte/.prettierrc                   |  13 +-
 packages/svelte/package.json                  |  90 +--
 packages/svelte/src/app.d.ts                  |  12 +-
 packages/svelte/src/app.html                  |  36 +-
 packages/svelte/src/customnodes/Custom.svelte |   6 +-
 packages/svelte/src/lib/actions/drag/index.ts | 204 +++---
 packages/svelte/src/lib/actions/drag/utils.ts | 240 +++----
 .../svelte/src/lib/actions/portal/index.ts    |  22 +-
 packages/svelte/src/lib/actions/zoom/index.ts | 204 +++---
 .../ConnectionLine/ConnectionLine.svelte      |  12 +-
 .../components/EdgeLabelRenderer/index.svelte |   4 +-
 .../src/lib/components/Handle/handler.ts      | 392 +++++------
 .../src/lib/components/Handle/index.svelte    |  81 ++-
 .../svelte/src/lib/components/Handle/utils.ts | 282 ++++----
 .../lib/components/KeyHandler/KeyHandler.d.ts |   4 +-
 .../components/KeyHandler/KeyHandler.svelte   |  50 +-
 .../lib/components/NodeSelection/index.svelte |  10 +-
 .../src/lib/components/Selection/index.svelte |   2 +-
 .../lib/components/UserSelection/index.svelte |   2 +-
 .../src/lib/components/edges/BaseEdge.svelte  |  10 +-
 .../lib/components/edges/BezierEdge.svelte    |  11 +-
 .../lib/components/edges/EdgeWrapper.svelte   |  14 +-
 .../components/edges/SmoothStepEdge.svelte    |  11 +-
 .../lib/components/edges/StraightEdge.svelte  |  13 +-
 .../lib/components/nodes/DefaultNode.svelte   |   8 +-
 .../src/lib/components/nodes/InputNode.svelte |   3 +-
 .../lib/components/nodes/NodeWrapper.svelte   |  27 +-
 .../lib/components/nodes/OutputNode.svelte    |   3 +-
 .../lib/container/EdgeRenderer/index.svelte   |  12 +-
 .../src/lib/container/EdgeRenderer/utils.ts   | 160 ++---
 .../lib/container/NodeRenderer/index.svelte   |  21 +-
 .../src/lib/container/Pane/index.svelte       |  57 +-
 .../svelte/src/lib/container/Panel/Panel.d.ts |   6 +-
 .../src/lib/container/Panel/index.svelte      |   9 +-
 .../src/lib/container/SvelteFlow.svelte       |  13 +-
 .../svelte/src/lib/container/Viewport.svelte  |   6 +-
 .../src/lib/container/Zoom/index.svelte       |   2 +-
 .../lib/plugins/Background/Background.svelte  |  12 +-
 .../lib/plugins/Background/DotPattern.svelte  |   4 +-
 .../lib/plugins/Background/LinePattern.svelte |   8 +-
 .../src/lib/plugins/Background/types.ts       |   6 +-
 .../lib/plugins/Controls/ControlButton.svelte |  11 +-
 .../src/lib/plugins/Controls/Controls.svelte  |   8 +-
 .../src/lib/plugins/Controls/Icons/Fit.svelte |   6 +-
 .../lib/plugins/Controls/Icons/Lock.svelte    |   6 +-
 .../lib/plugins/Controls/Icons/Minus.svelte   |   2 +-
 .../lib/plugins/Controls/Icons/Plus.svelte    |   2 +-
 .../lib/plugins/Controls/Icons/Unlock.svelte  |   6 +-
 .../src/lib/plugins/Minimap/Minimap.svelte    |  37 +-
 .../lib/plugins/Minimap/MinimapNode.svelte    |  12 +-
 .../svelte/src/lib/store/connection-path.ts   | 120 ++--
 .../svelte/src/lib/store/edges-layouted.ts    | 104 +--
 packages/svelte/src/lib/store/index.ts        | 620 +++++++++---------
 .../svelte/src/lib/store/initial-store.ts     |  96 +--
 packages/svelte/src/lib/store/types.d.ts      |  44 +-
 packages/svelte/src/lib/types/general.ts      |  30 +-
 packages/svelte/src/lib/types/index.ts        |  12 +-
 packages/svelte/src/lib/types/nodes.ts        |  54 +-
 packages/svelte/src/routes/+page.svelte       | 129 ++--
 packages/svelte/src/utils/index.ts            | 144 ++--
 packages/svelte/svelte.config.js              |  12 +-
 packages/svelte/tsconfig.json                 |  30 +-
 packages/svelte/vite.config.ts                |   2 +-
 64 files changed, 1814 insertions(+), 1791 deletions(-)

diff --git a/packages/svelte/.eslintrc.cjs b/packages/svelte/.eslintrc.cjs
index 3ccf435f0..eaf19f561 100644
--- a/packages/svelte/.eslintrc.cjs
+++ b/packages/svelte/.eslintrc.cjs
@@ -1,20 +1,20 @@
 module.exports = {
-	root: true,
-	parser: '@typescript-eslint/parser',
-	extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
-	plugins: ['svelte3', '@typescript-eslint'],
-	ignorePatterns: ['*.cjs'],
-	overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
-	settings: {
-		'svelte3/typescript': () => require('typescript')
-	},
-	parserOptions: {
-		sourceType: 'module',
-		ecmaVersion: 2020
-	},
-	env: {
-		browser: true,
-		es2017: true,
-		node: true
-	}
+  root: true,
+  parser: '@typescript-eslint/parser',
+  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
+  plugins: ['svelte3', '@typescript-eslint'],
+  ignorePatterns: ['*.cjs'],
+  overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
+  settings: {
+    'svelte3/typescript': () => require('typescript')
+  },
+  parserOptions: {
+    sourceType: 'module',
+    ecmaVersion: 2020
+  },
+  env: {
+    browser: true,
+    es2017: true,
+    node: true
+  }
 };
diff --git a/packages/svelte/.prettierrc b/packages/svelte/.prettierrc
index a77fddea9..862e74f21 100644
--- a/packages/svelte/.prettierrc
+++ b/packages/svelte/.prettierrc
@@ -1,9 +1,8 @@
 {
-	"useTabs": true,
-	"singleQuote": true,
-	"trailingComma": "none",
-	"printWidth": 100,
-	"plugins": ["prettier-plugin-svelte"],
-	"pluginSearchDirs": ["."],
-	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+  "singleQuote": true,
+  "trailingComma": "none",
+  "printWidth": 100,
+  "plugins": ["prettier-plugin-svelte"],
+  "pluginSearchDirs": ["."],
+  "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
 }
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index cd4162bd6..98f38b777 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,47 +1,47 @@
 {
-	"name": "svelte",
-	"version": "0.0.1",
-	"scripts": {
-		"dev": "vite dev",
-		"build": "svelte-kit sync && svelte-package",
-		"prepublishOnly": "echo 'Did you mean to publish `./package/`, instead of `./`?' && exit 1",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "prettier --plugin-search-dir . --check . && eslint .",
-		"format": "prettier --plugin-search-dir . --write ."
-	},
-	"type": "module",
-	"module": "index.ts",
-	"exports": {
-		".": "./index.js"
-	},
-	"dependencies": {
-		"@reactflow/edge-utils": "workspace:*",
-		"@reactflow/system": "workspace:*",
-		"@reactflow/utils": "workspace:*",
-		"@svelte-put/shortcut": "^2.0.0",
-		"classcat": "^5.0.4",
-		"d3-drag": "^3.0.0",
-		"d3-selection": "^3.0.0",
-		"d3-zoom": "^3.0.0",
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0"
-	},
-	"devDependencies": {
-		"@sveltejs/adapter-auto": "^2.0.0",
-		"@sveltejs/kit": "^1.5.6",
-		"@sveltejs/package": "^1.0.2",
-		"@typescript-eslint/eslint-plugin": "^5.45.0",
-		"@typescript-eslint/parser": "^5.45.0",
-		"eslint": "^8.28.0",
-		"eslint-config-prettier": "^8.5.0",
-		"eslint-plugin-svelte3": "^4.0.0",
-		"prettier": "^2.8.0",
-		"prettier-plugin-svelte": "^2.8.1",
-		"svelte": "^3.55.1",
-		"svelte-check": "^3.0.1",
-		"tslib": "^2.4.1",
-		"typescript": "^4.9.3",
-		"vite": "^4.1.1"
-	}
+  "name": "svelte",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "svelte-kit sync && svelte-package",
+    "prepublishOnly": "echo 'Did you mean to publish `./package/`, instead of `./`?' && exit 1",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "prettier --plugin-search-dir . --check . && eslint .",
+    "format": "prettier --plugin-search-dir . --write ."
+  },
+  "type": "module",
+  "module": "index.ts",
+  "exports": {
+    ".": "./index.js"
+  },
+  "dependencies": {
+    "@reactflow/edge-utils": "workspace:*",
+    "@reactflow/system": "workspace:*",
+    "@reactflow/utils": "workspace:*",
+    "@svelte-put/shortcut": "^2.0.0",
+    "classcat": "^5.0.4",
+    "d3-drag": "^3.0.0",
+    "d3-selection": "^3.0.0",
+    "d3-zoom": "^3.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^2.0.0",
+    "@sveltejs/kit": "^1.5.6",
+    "@sveltejs/package": "^1.0.2",
+    "@typescript-eslint/eslint-plugin": "^5.45.0",
+    "@typescript-eslint/parser": "^5.45.0",
+    "eslint": "^8.28.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-svelte3": "^4.0.0",
+    "prettier": "^2.8.0",
+    "prettier-plugin-svelte": "^2.8.1",
+    "svelte": "^3.55.1",
+    "svelte-check": "^3.0.1",
+    "tslib": "^2.4.1",
+    "typescript": "^4.9.3",
+    "vite": "^4.1.1"
+  }
 }
diff --git a/packages/svelte/src/app.d.ts b/packages/svelte/src/app.d.ts
index f59b884c5..899c7e8fc 100644
--- a/packages/svelte/src/app.d.ts
+++ b/packages/svelte/src/app.d.ts
@@ -1,12 +1,12 @@
 // See https://kit.svelte.dev/docs/types#app
 // for information about these interfaces
 declare global {
-	namespace App {
-		// interface Error {}
-		// interface Locals {}
-		// interface PageData {}
-		// interface Platform {}
-	}
+  namespace App {
+    // interface Error {}
+    // interface Locals {}
+    // interface PageData {}
+    // interface Platform {}
+  }
 }
 
 export {};
diff --git a/packages/svelte/src/app.html b/packages/svelte/src/app.html
index 9e4c67b44..442bc2200 100644
--- a/packages/svelte/src/app.html
+++ b/packages/svelte/src/app.html
@@ -1,21 +1,21 @@
 <!DOCTYPE html>
 <html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<style>
-			html,
-			body,
-			#root {
-				height: 100%;
-				margin: 0;
-				font-family: Arial, Helvetica, sans-serif;
-			}
-		</style>
-		%sveltekit.head%
-	</head>
-	<body>
-		<div id="root">%sveltekit.body%</div>
-	</body>
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%sveltekit.assets%/favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      html,
+      body,
+      #root {
+        height: 100%;
+        margin: 0;
+        font-family: Arial, Helvetica, sans-serif;
+      }
+    </style>
+    %sveltekit.head%
+  </head>
+  <body>
+    <div id="root">%sveltekit.body%</div>
+  </body>
 </html>
diff --git a/packages/svelte/src/customnodes/Custom.svelte b/packages/svelte/src/customnodes/Custom.svelte
index c2be70f7e..cb4dc2ee9 100644
--- a/packages/svelte/src/customnodes/Custom.svelte
+++ b/packages/svelte/src/customnodes/Custom.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import Handle from '$lib/components/Handle/index.svelte';
-	import { Position } from '@reactflow/system';
-  
+  import { Position } from '@reactflow/system';
+
   export let data: { label: string } = { label: 'Node' };
   export let xPos: number = 0;
   export let yPos: number = 0;
@@ -19,4 +19,4 @@
     background: #ffcc00;
     padding: 10px;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index cda7987b8..35e7cfbe9 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -9,113 +9,113 @@ import type { Node } from '$lib/types';
 export type UseDragData = { dx: number; dy: number };
 export type UseDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
 export type NodeDragItem = {
-	id: string;
-	position: XYPosition;
-	positionAbsolute: XYPosition;
-	// distance from the mouse cursor to the node when start dragging
-	distance: XYPosition;
-	width?: number | null;
-	height?: number | null;
-	extent?: 'parent' | CoordinateExtent;
-	parentNode?: string;
-	dragging?: boolean;
+  id: string;
+  position: XYPosition;
+  positionAbsolute: XYPosition;
+  // distance from the mouse cursor to the node when start dragging
+  distance: XYPosition;
+  width?: number | null;
+  height?: number | null;
+  extent?: 'parent' | CoordinateExtent;
+  parentNode?: string;
+  dragging?: boolean;
 };
 
 type UseDragParams = {
-	handleSelector?: string;
-	nodeId?: string;
-	updateNodePositions: (dragItems: NodeDragItem[], d: boolean, p: boolean) => void;
-	nodes: Writable<Node[]>;
-	transform: Writable<Transform>;
+  handleSelector?: string;
+  nodeId?: string;
+  updateNodePositions: (dragItems: NodeDragItem[], d: boolean, p: boolean) => void;
+  nodes: Writable<Node[]>;
+  transform: Writable<Transform>;
 };
 
 export default function drag(
-	nodeRef: Element,
-	{ handleSelector, nodeId, updateNodePositions, nodes, transform: transformStore }: UseDragParams
+  nodeRef: Element,
+  { handleSelector, nodeId, updateNodePositions, nodes, transform: transformStore }: UseDragParams
 ) {
-	let dragging = false;
-	let dragItems: NodeDragItem[] = [];
-	let lastPos: { x: number | null; y: number | null } = { x: null, y: null };
-
-	const selection = select(nodeRef);
-
-	const getPointerPosition = ({ sourceEvent }: UseDragEvent) => {
-		const x = sourceEvent.touches ? sourceEvent.touches[0].clientX : sourceEvent.clientX;
-		const y = sourceEvent.touches ? sourceEvent.touches[0].clientY : sourceEvent.clientY;
-		const transform = get(transformStore);
-
-		const pointerPos = {
-			x: (x - transform[0]) / transform[2],
-			y: (y - transform[1]) / transform[2]
-		};
-
-		// we need the snapped position in order to be able to skip unnecessary drag events
-		return {
-			xSnapped: pointerPos.x,
-			ySnapped: pointerPos.y,
-			...pointerPos
-		};
-	};
-
-	const updateNodes = ({ x, y }: XYPosition) => {
-		let hasChange = false;
-
-		dragItems = dragItems.map((n) => {
-			const nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
-			const updatedPos = calcNextPosition(n, nextPosition, get(nodes) as RFNode[]);
-
-			// we want to make sure that we only fire a change event when there is a changes
-			hasChange =
-				hasChange ||
-				n.position.x !== updatedPos.position.x ||
-				n.position.y !== updatedPos.position.y;
-
-			n.position = updatedPos.position;
-			n.positionAbsolute = updatedPos.positionAbsolute;
-
-			return n;
-		});
-
-		if (!hasChange) {
-			return;
-		}
-
-		updateNodePositions(dragItems, true, true);
-		dragging = true;
-	};
-
-	const dragHandler = d3Drag()
-		.on('start', (event: UseDragEvent) => {
-			const pointerPos = getPointerPosition(event);
-			console.log(pointerPos);
-			lastPos = pointerPos;
-			dragItems = getDragItems(get(nodes) as RFNode[], pointerPos, nodeId);
-		})
-		.on('drag', (event: UseDragEvent) => {
-			const pointerPos = getPointerPosition(event);
-
-			// skip events without movement
-			if ((lastPos.x !== pointerPos.xSnapped || lastPos.y !== pointerPos.ySnapped) && dragItems) {
-				lastPos = pointerPos;
-				updateNodes(pointerPos);
-			}
-		})
-		.on('end', (event: UseDragEvent) => {
-			dragging = false;
-
-			if (dragItems) {
-				updateNodePositions(dragItems, false, false);
-			}
-		})
-		.filter((event: MouseEvent) => {
-			const target = event.target as HTMLDivElement;
-			const isDraggable =
-				!event.button &&
-				!hasSelector(target, '.nodrag', nodeRef) &&
-				(!handleSelector || hasSelector(target, handleSelector, nodeRef));
-
-			return isDraggable;
-		});
-
-	selection.call(dragHandler);
+  let dragging = false;
+  let dragItems: NodeDragItem[] = [];
+  let lastPos: { x: number | null; y: number | null } = { x: null, y: null };
+
+  const selection = select(nodeRef);
+
+  const getPointerPosition = ({ sourceEvent }: UseDragEvent) => {
+    const x = sourceEvent.touches ? sourceEvent.touches[0].clientX : sourceEvent.clientX;
+    const y = sourceEvent.touches ? sourceEvent.touches[0].clientY : sourceEvent.clientY;
+    const transform = get(transformStore);
+
+    const pointerPos = {
+      x: (x - transform[0]) / transform[2],
+      y: (y - transform[1]) / transform[2]
+    };
+
+    // we need the snapped position in order to be able to skip unnecessary drag events
+    return {
+      xSnapped: pointerPos.x,
+      ySnapped: pointerPos.y,
+      ...pointerPos
+    };
+  };
+
+  const updateNodes = ({ x, y }: XYPosition) => {
+    let hasChange = false;
+
+    dragItems = dragItems.map((n) => {
+      const nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
+      const updatedPos = calcNextPosition(n, nextPosition, get(nodes) as RFNode[]);
+
+      // we want to make sure that we only fire a change event when there is a changes
+      hasChange =
+        hasChange ||
+        n.position.x !== updatedPos.position.x ||
+        n.position.y !== updatedPos.position.y;
+
+      n.position = updatedPos.position;
+      n.positionAbsolute = updatedPos.positionAbsolute;
+
+      return n;
+    });
+
+    if (!hasChange) {
+      return;
+    }
+
+    updateNodePositions(dragItems, true, true);
+    dragging = true;
+  };
+
+  const dragHandler = d3Drag()
+    .on('start', (event: UseDragEvent) => {
+      const pointerPos = getPointerPosition(event);
+      console.log(pointerPos);
+      lastPos = pointerPos;
+      dragItems = getDragItems(get(nodes) as RFNode[], pointerPos, nodeId);
+    })
+    .on('drag', (event: UseDragEvent) => {
+      const pointerPos = getPointerPosition(event);
+
+      // skip events without movement
+      if ((lastPos.x !== pointerPos.xSnapped || lastPos.y !== pointerPos.ySnapped) && dragItems) {
+        lastPos = pointerPos;
+        updateNodes(pointerPos);
+      }
+    })
+    .on('end', (event: UseDragEvent) => {
+      dragging = false;
+
+      if (dragItems) {
+        updateNodePositions(dragItems, false, false);
+      }
+    })
+    .filter((event: MouseEvent) => {
+      const target = event.target as HTMLDivElement;
+      const isDraggable =
+        !event.button &&
+        !hasSelector(target, '.nodrag', nodeRef) &&
+        (!handleSelector || hasSelector(target, handleSelector, nodeRef));
+
+      return isDraggable;
+    });
+
+  selection.call(dragHandler);
 }
diff --git a/packages/svelte/src/lib/actions/drag/utils.ts b/packages/svelte/src/lib/actions/drag/utils.ts
index b5c701a78..038435568 100644
--- a/packages/svelte/src/lib/actions/drag/utils.ts
+++ b/packages/svelte/src/lib/actions/drag/utils.ts
@@ -1,152 +1,152 @@
 import type {
-	CoordinateExtent,
-	Node,
-	NodeDragItem,
-	NodeInternals,
-	NodeOrigin,
-	XYPosition
+  CoordinateExtent,
+  Node,
+  NodeDragItem,
+  NodeInternals,
+  NodeOrigin,
+  XYPosition
 } from '@reactflow/system';
 
 import { clampPosition, isNumeric } from '../../../utils';
 
 export function isParentSelected(node: Node, nodes: Node[]): boolean {
-	if (!node.parentNode) {
-		return false;
-	}
+  if (!node.parentNode) {
+    return false;
+  }
 
-	const parentNode = nodes.find((n) => n.id === node.parentNode);
+  const parentNode = nodes.find((n) => n.id === node.parentNode);
 
-	if (!parentNode) {
-		return false;
-	}
+  if (!parentNode) {
+    return false;
+  }
 
-	if (parentNode.selected) {
-		return true;
-	}
+  if (parentNode.selected) {
+    return true;
+  }
 
-	return isParentSelected(parentNode, nodes);
+  return isParentSelected(parentNode, nodes);
 }
 
 export function hasSelector(target: Element, selector: string, domNode: Element): boolean {
-	let current = target;
+  let current = target;
 
-	do {
-		if (current?.matches(selector)) return true;
-		if (current === domNode) return false;
-		current = current.parentElement as Element;
-	} while (current);
+  do {
+    if (current?.matches(selector)) return true;
+    if (current === domNode) return false;
+    current = current.parentElement as Element;
+  } while (current);
 
-	return false;
+  return false;
 }
 
 // looks for all selected nodes and created a NodeDragItem for each of them
 export function getDragItems(nodes: Node[], mousePos: XYPosition, nodeId?: string): NodeDragItem[] {
-	return nodes
-		.filter(
-			(n) => (n.selected || n.id === nodeId) && (!n.parentNode || !isParentSelected(n, nodes))
-		)
-		.map((n) => ({
-			id: n.id,
-			position: n.position ? { ...n.position } : { x: 0, y: 0 },
-			positionAbsolute: n.positionAbsolute ? { ...n.positionAbsolute } : { x: 0, y: 0 },
-			distance: {
-				x: mousePos.x - (n.positionAbsolute?.x ?? 0),
-				y: mousePos.y - (n.positionAbsolute?.y ?? 0)
-			},
-			delta: {
-				x: 0,
-				y: 0
-			},
-			extent: n.extent,
-			parentNode: n.parentNode,
-			width: n.width,
-			height: n.height
-		}));
+  return nodes
+    .filter(
+      (n) => (n.selected || n.id === nodeId) && (!n.parentNode || !isParentSelected(n, nodes))
+    )
+    .map((n) => ({
+      id: n.id,
+      position: n.position ? { ...n.position } : { x: 0, y: 0 },
+      positionAbsolute: n.positionAbsolute ? { ...n.positionAbsolute } : { x: 0, y: 0 },
+      distance: {
+        x: mousePos.x - (n.positionAbsolute?.x ?? 0),
+        y: mousePos.y - (n.positionAbsolute?.y ?? 0)
+      },
+      delta: {
+        x: 0,
+        y: 0
+      },
+      extent: n.extent,
+      parentNode: n.parentNode,
+      width: n.width,
+      height: n.height
+    }));
 }
 
 export function calcNextPosition(
-	node: NodeDragItem | Node,
-	nextPosition: XYPosition,
-	nodes: Node[],
-	nodeExtent?: CoordinateExtent,
-	nodeOrigin: NodeOrigin = [0, 0]
+  node: NodeDragItem | Node,
+  nextPosition: XYPosition,
+  nodes: Node[],
+  nodeExtent?: CoordinateExtent,
+  nodeOrigin: NodeOrigin = [0, 0]
 ): { position: XYPosition; positionAbsolute: XYPosition } {
-	let currentExtent = node.extent || nodeExtent;
-
-	if (node.extent === 'parent') {
-		if (node.parentNode && node.width && node.height) {
-			const parent = nodes.find((n) => n.id === node.parentNode)!;
-			const { x: parentX, y: parentY } = parent.positionAbsolute!;
-			currentExtent =
-				parent &&
-				isNumeric(parentX) &&
-				isNumeric(parentY) &&
-				isNumeric(parent.width) &&
-				isNumeric(parent.height)
-					? [
-							[parentX + node.width * nodeOrigin[0], parentY + node.height * nodeOrigin[1]],
-							[
-								parentX + parent.width! - node.width + node.width * nodeOrigin[0],
-								parentY + parent.height! - node.height + node.height * nodeOrigin[1]
-							]
-					  ]
-					: currentExtent;
-		} else {
-			currentExtent = nodeExtent;
-		}
-	} else if (node.extent && node.parentNode) {
-		const parent = nodes.find((n) => n.id === node.parentNode)!;
-		const { x: parentX, y: parentY } = parent.positionAbsolute!;
-		currentExtent = [
-			[node.extent[0][0] + parentX, node.extent[0][1] + parentY],
-			[node.extent[1][0] + parentX, node.extent[1][1] + parentY]
-		];
-	}
-
-	let parentPosition = { x: 0, y: 0 };
-
-	if (node.parentNode) {
-		const parent = nodes.find((n) => n.id === node.parentNode)!;
-		parentPosition = parent.positionAbsolute!;
-	}
-
-	const positionAbsolute = currentExtent
-		? clampPosition(nextPosition, currentExtent as CoordinateExtent)
-		: nextPosition;
-
-	return {
-		position: {
-			x: positionAbsolute.x - parentPosition.x,
-			y: positionAbsolute.y - parentPosition.y
-		},
-		positionAbsolute
-	};
+  let currentExtent = node.extent || nodeExtent;
+
+  if (node.extent === 'parent') {
+    if (node.parentNode && node.width && node.height) {
+      const parent = nodes.find((n) => n.id === node.parentNode)!;
+      const { x: parentX, y: parentY } = parent.positionAbsolute!;
+      currentExtent =
+        parent &&
+        isNumeric(parentX) &&
+        isNumeric(parentY) &&
+        isNumeric(parent.width) &&
+        isNumeric(parent.height)
+          ? [
+              [parentX + node.width * nodeOrigin[0], parentY + node.height * nodeOrigin[1]],
+              [
+                parentX + parent.width! - node.width + node.width * nodeOrigin[0],
+                parentY + parent.height! - node.height + node.height * nodeOrigin[1]
+              ]
+            ]
+          : currentExtent;
+    } else {
+      currentExtent = nodeExtent;
+    }
+  } else if (node.extent && node.parentNode) {
+    const parent = nodes.find((n) => n.id === node.parentNode)!;
+    const { x: parentX, y: parentY } = parent.positionAbsolute!;
+    currentExtent = [
+      [node.extent[0][0] + parentX, node.extent[0][1] + parentY],
+      [node.extent[1][0] + parentX, node.extent[1][1] + parentY]
+    ];
+  }
+
+  let parentPosition = { x: 0, y: 0 };
+
+  if (node.parentNode) {
+    const parent = nodes.find((n) => n.id === node.parentNode)!;
+    parentPosition = parent.positionAbsolute!;
+  }
+
+  const positionAbsolute = currentExtent
+    ? clampPosition(nextPosition, currentExtent as CoordinateExtent)
+    : nextPosition;
+
+  return {
+    position: {
+      x: positionAbsolute.x - parentPosition.x,
+      y: positionAbsolute.y - parentPosition.y
+    },
+    positionAbsolute
+  };
 }
 
 // returns two params:
 // 1. the dragged node (or the first of the list, if we are dragging a node selection)
 // 2. array of selected nodes (for multi selections)
 export function getEventHandlerParams({
-	nodeId,
-	dragItems,
-	nodeInternals
+  nodeId,
+  dragItems,
+  nodeInternals
 }: {
-	nodeId?: string;
-	dragItems: NodeDragItem[];
-	nodeInternals: NodeInternals;
+  nodeId?: string;
+  dragItems: NodeDragItem[];
+  nodeInternals: NodeInternals;
 }): [Node, Node[]] {
-	const extentedDragItems: Node[] = dragItems.map((n) => {
-		const node = nodeInternals.get(n.id)!;
-
-		return {
-			...node,
-			position: n.position,
-			positionAbsolute: n.positionAbsolute
-		};
-	});
-
-	return [
-		nodeId ? extentedDragItems.find((n) => n.id === nodeId)! : extentedDragItems[0],
-		extentedDragItems
-	];
+  const extentedDragItems: Node[] = dragItems.map((n) => {
+    const node = nodeInternals.get(n.id)!;
+
+    return {
+      ...node,
+      position: n.position,
+      positionAbsolute: n.positionAbsolute
+    };
+  });
+
+  return [
+    nodeId ? extentedDragItems.find((n) => n.id === nodeId)! : extentedDragItems[0],
+    extentedDragItems
+  ];
 }
diff --git a/packages/svelte/src/lib/actions/portal/index.ts b/packages/svelte/src/lib/actions/portal/index.ts
index 4c5d89eae..714e8b3e5 100644
--- a/packages/svelte/src/lib/actions/portal/index.ts
+++ b/packages/svelte/src/lib/actions/portal/index.ts
@@ -1,15 +1,15 @@
 export default function (node: Element, target = 'body') {
-	const targetEl = document.querySelector(target);
+  const targetEl = document.querySelector(target);
 
-	if (targetEl) {
-		targetEl.appendChild(node);
-	}
+  if (targetEl) {
+    targetEl.appendChild(node);
+  }
 
-	return {
-		destroy() {
-			if (node.parentNode) {
-				node.parentNode.removeChild(node);
-			}
-		}
-	};
+  return {
+    destroy() {
+      if (node.parentNode) {
+        node.parentNode.removeChild(node);
+      }
+    }
+  };
 }
diff --git a/packages/svelte/src/lib/actions/zoom/index.ts b/packages/svelte/src/lib/actions/zoom/index.ts
index d8f92f140..32827a82e 100644
--- a/packages/svelte/src/lib/actions/zoom/index.ts
+++ b/packages/svelte/src/lib/actions/zoom/index.ts
@@ -6,114 +6,114 @@ import type { D3ZoomEvent } from 'd3-zoom';
 import type { D3SelectionInstance, D3ZoomInstance, Transform } from '@reactflow/system';
 
 const isWrappedWithClass = (event: any, className: string | undefined) =>
-	event.target.closest(`.${className}`);
+  event.target.closest(`.${className}`);
 
 function filter(event: any, params: ZoomParams): boolean {
-	const zoomScroll = true;
-	const pinchZoom = true;
-
-	if (
-		event.button === 1 &&
-		event.type === 'mousedown' &&
-		(isWrappedWithClass(event, 'react-flow__node') || isWrappedWithClass(event, 'react-flow__edge'))
-	) {
-		return true;
-	}
-
-	// if all interactions are disabled, we prevent all zoom events
-	// if (!panOnDrag && !zoomScroll && !panOnScroll && !zoomOnDoubleClick && !zoomOnPinch) {
-	// 	return false;
-	// }
-	// // during a selection we prevent all other interactions
-	if (params.selecting) {
-		return false;
-	}
-
-	// // if zoom on double click is disabled, we prevent the double click event
-	// if (!zoomOnDoubleClick && event.type === 'dblclick') {
-	// 	return false;
-	// }
-
-	// // if the target element is inside an element with the nowheel class, we prevent zooming
-	// if (isWrappedWithClass(event, noWheelClassName) && event.type === 'wheel') {
-	// 	return false;
-	// }
-
-	// // if the target element is inside an element with the nopan class, we prevent panning
-	if (isWrappedWithClass(event, 'nopan') && event.type !== 'wheel') {
-		return false;
-	}
-
-	// if (!zoomOnPinch && event.ctrlKey && event.type === 'wheel') {
-	// 	return false;
-	// }
-
-	// // when there is no scroll handling enabled, we prevent all wheel events
-	// if (!zoomScroll && !panOnScroll && !pinchZoom && event.type === 'wheel') {
-	// 	return false;
-	// }
-
-	// // if the pane is not movable, we prevent dragging it with mousestart or touchstart
-	// if (!panOnDrag && (event.type === 'mousedown' || event.type === 'touchstart')) {
-	// 	return false;
-	// }
-
-	// // if the pane is only movable using allowed clicks
-	// if (
-	// 	Array.isArray(panOnDrag) &&
-	// 	!panOnDrag.includes(event.button) &&
-	// 	(event.type === 'mousedown' || event.type === 'touchstart')
-	// ) {
-	// 	return false;
-	// }
-
-	// // We only allow right clicks if pan on drag is set to right click
-	// const buttonAllowed =
-	// 	(Array.isArray(panOnDrag) && panOnDrag.includes(event.button)) ||
-	// 	!event.button ||
-	// 	event.button <= 1;
-
-	// default filter for d3-zoom
-	return ((!event.ctrlKey || event.type === 'wheel') && !event.button) || event.button <= 1;
+  const zoomScroll = true;
+  const pinchZoom = true;
+
+  if (
+    event.button === 1 &&
+    event.type === 'mousedown' &&
+    (isWrappedWithClass(event, 'react-flow__node') || isWrappedWithClass(event, 'react-flow__edge'))
+  ) {
+    return true;
+  }
+
+  // if all interactions are disabled, we prevent all zoom events
+  // if (!panOnDrag && !zoomScroll && !panOnScroll && !zoomOnDoubleClick && !zoomOnPinch) {
+  // 	return false;
+  // }
+  // // during a selection we prevent all other interactions
+  if (params.selecting) {
+    return false;
+  }
+
+  // // if zoom on double click is disabled, we prevent the double click event
+  // if (!zoomOnDoubleClick && event.type === 'dblclick') {
+  // 	return false;
+  // }
+
+  // // if the target element is inside an element with the nowheel class, we prevent zooming
+  // if (isWrappedWithClass(event, noWheelClassName) && event.type === 'wheel') {
+  // 	return false;
+  // }
+
+  // // if the target element is inside an element with the nopan class, we prevent panning
+  if (isWrappedWithClass(event, 'nopan') && event.type !== 'wheel') {
+    return false;
+  }
+
+  // if (!zoomOnPinch && event.ctrlKey && event.type === 'wheel') {
+  // 	return false;
+  // }
+
+  // // when there is no scroll handling enabled, we prevent all wheel events
+  // if (!zoomScroll && !panOnScroll && !pinchZoom && event.type === 'wheel') {
+  // 	return false;
+  // }
+
+  // // if the pane is not movable, we prevent dragging it with mousestart or touchstart
+  // if (!panOnDrag && (event.type === 'mousedown' || event.type === 'touchstart')) {
+  // 	return false;
+  // }
+
+  // // if the pane is only movable using allowed clicks
+  // if (
+  // 	Array.isArray(panOnDrag) &&
+  // 	!panOnDrag.includes(event.button) &&
+  // 	(event.type === 'mousedown' || event.type === 'touchstart')
+  // ) {
+  // 	return false;
+  // }
+
+  // // We only allow right clicks if pan on drag is set to right click
+  // const buttonAllowed =
+  // 	(Array.isArray(panOnDrag) && panOnDrag.includes(event.button)) ||
+  // 	!event.button ||
+  // 	event.button <= 1;
+
+  // default filter for d3-zoom
+  return ((!event.ctrlKey || event.type === 'wheel') && !event.button) || event.button <= 1;
 }
 
 type ZoomParams = {
-	transform: Writable<Transform>;
-	selecting: boolean;
-	d3: Writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>;
+  transform: Writable<Transform>;
+  selecting: boolean;
+  d3: Writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>;
 };
 
 export default function zoom(domNode: Element, params: ZoomParams) {
-	const { transform, d3 } = params;
-	const d3ZoomInstance = d3Zoom();
-	const selection = select(domNode).call(d3ZoomInstance);
-	const d3ZoomHandler = selection.on('wheel.zoom');
-
-	d3ZoomInstance.transform(selection, zoomIdentity);
-
-	selection.on('wheel.zoom', function (event: any, d: any) {
-		if (isWrappedWithClass(event, 'nowheel')) {
-			return null;
-		}
-
-		event.preventDefault();
-		d3ZoomHandler!.call(this, event, d);
-	});
-
-	d3.set({
-		zoom: d3ZoomInstance,
-		selection
-	});
-
-	d3ZoomInstance.on('zoom', (event: D3ZoomEvent<HTMLDivElement, any>) => {
-		transform.set([event.transform.x, event.transform.y, event.transform.k]);
-	});
-
-	d3ZoomInstance.filter((event: any) => filter(event, params));
-
-	return {
-		update(params: ZoomParams) {
-			d3ZoomInstance.filter((event: any) => filter(event, params));
-		}
-	};
+  const { transform, d3 } = params;
+  const d3ZoomInstance = d3Zoom();
+  const selection = select(domNode).call(d3ZoomInstance);
+  const d3ZoomHandler = selection.on('wheel.zoom');
+
+  d3ZoomInstance.transform(selection, zoomIdentity);
+
+  selection.on('wheel.zoom', function (event: any, d: any) {
+    if (isWrappedWithClass(event, 'nowheel')) {
+      return null;
+    }
+
+    event.preventDefault();
+    d3ZoomHandler!.call(this, event, d);
+  });
+
+  d3.set({
+    zoom: d3ZoomInstance,
+    selection
+  });
+
+  d3ZoomInstance.on('zoom', (event: D3ZoomEvent<HTMLDivElement, any>) => {
+    transform.set([event.transform.x, event.transform.y, event.transform.k]);
+  });
+
+  d3ZoomInstance.filter((event: any) => filter(event, params));
+
+  return {
+    update(params: ZoomParams) {
+      d3ZoomInstance.filter((event: any) => filter(event, params));
+    }
+  };
 }
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index 7b74a6c2a..04510ba79 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import cc from 'classcat';
 
-	import { useStore } from '$lib/store';
-	import type { ConnectionLineProps } from '$lib/types';
+  import { useStore } from '$lib/store';
+  import type { ConnectionLineProps } from '$lib/types';
 
   type $$Props = ConnectionLineProps;
 
@@ -10,11 +10,7 @@
 </script>
 
 {#if $connectionPath}
-  <svg
-    width={$width}
-    height={$height}
-    class="react-flow__connectionline"
-  >
+  <svg width={$width} height={$height} class="react-flow__connectionline">
     <g class={cc(['react-flow__connection', $connection.status])}>
       <path d={$connectionPath} fill="none" class="react-flow__connection-path" />
     </g>
@@ -43,4 +39,4 @@
     stroke-width: 1;
     fill: none;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/components/EdgeLabelRenderer/index.svelte b/packages/svelte/src/lib/components/EdgeLabelRenderer/index.svelte
index 03000191a..b76d8b05e 100644
--- a/packages/svelte/src/lib/components/EdgeLabelRenderer/index.svelte
+++ b/packages/svelte/src/lib/components/EdgeLabelRenderer/index.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import portal from '$lib/actions/portal';
 
-  type $$Props = {}
+  type $$Props = {};
 </script>
 
 <div use:portal={'.react-flow__edgelabel-renderer'}>
   <slot />
-</div>
\ No newline at end of file
+</div>
diff --git a/packages/svelte/src/lib/components/Handle/handler.ts b/packages/svelte/src/lib/components/Handle/handler.ts
index 56be794a4..d9da352f1 100644
--- a/packages/svelte/src/lib/components/Handle/handler.ts
+++ b/packages/svelte/src/lib/components/Handle/handler.ts
@@ -1,210 +1,210 @@
 import {
-	getHostForElement,
-	calcAutoPan,
-	getEventPosition,
-	pointToRendererPoint,
-	rendererPointToPoint
+  getHostForElement,
+  calcAutoPan,
+  getEventPosition,
+  pointToRendererPoint,
+  rendererPointToPoint
 } from '@reactflow/utils';
 import type {
-	OnConnect,
-	HandleType,
-	Connection,
-	ConnectionMode,
-	Node,
-	XYPosition,
-	Transform
+  OnConnect,
+  HandleType,
+  Connection,
+  ConnectionMode,
+  Node,
+  XYPosition,
+  Transform
 } from '@reactflow/system';
 
 import {
-	getClosestHandle,
-	getConnectionStatus,
-	getHandleLookup,
-	getHandleType,
-	isValidHandle,
-	resetRecentHandle,
-	type ConnectionHandle,
-	type ValidConnectionFunc
+  getClosestHandle,
+  getConnectionStatus,
+  getHandleLookup,
+  getHandleType,
+  isValidHandle,
+  resetRecentHandle,
+  type ConnectionHandle,
+  type ValidConnectionFunc
 } from './utils';
 import { get, type Writable } from 'svelte/store';
 import type { ConnectionData } from '$lib/types';
 
 export function handlePointerDown({
-	event,
-	handleId,
-	nodeId,
-	onConnect,
-	domNode,
-	nodes,
-	connectionMode,
-	connectionRadius,
-	isTarget,
-	transform: transformStore,
-	panBy,
-	updateConnection,
-	cancelConnection,
-	isValidConnection,
-	edgeUpdaterType,
-	onEdgeUpdateEnd
+  event,
+  handleId,
+  nodeId,
+  onConnect,
+  domNode,
+  nodes,
+  connectionMode,
+  connectionRadius,
+  isTarget,
+  transform: transformStore,
+  panBy,
+  updateConnection,
+  cancelConnection,
+  isValidConnection,
+  edgeUpdaterType,
+  onEdgeUpdateEnd
 }: {
-	event: MouseEvent | TouchEvent;
-	handleId: string | null;
-	nodeId: string;
-	onConnect: OnConnect;
-	isTarget: boolean;
-	connectionMode: ConnectionMode;
-	domNode: HTMLDivElement | null;
-	nodes: Node[];
-	connectionRadius: number;
-	isValidConnection: ValidConnectionFunc;
-	transform: Writable<Transform>;
-	updateConnection: (connection: Partial<ConnectionData>) => void;
-	cancelConnection: () => void;
-	panBy: (delta: XYPosition) => void;
-	edgeUpdaterType?: HandleType;
-	onEdgeUpdateEnd?: (evt: MouseEvent | TouchEvent) => void;
+  event: MouseEvent | TouchEvent;
+  handleId: string | null;
+  nodeId: string;
+  onConnect: OnConnect;
+  isTarget: boolean;
+  connectionMode: ConnectionMode;
+  domNode: HTMLDivElement | null;
+  nodes: Node[];
+  connectionRadius: number;
+  isValidConnection: ValidConnectionFunc;
+  transform: Writable<Transform>;
+  updateConnection: (connection: Partial<ConnectionData>) => void;
+  cancelConnection: () => void;
+  panBy: (delta: XYPosition) => void;
+  edgeUpdaterType?: HandleType;
+  onEdgeUpdateEnd?: (evt: MouseEvent | TouchEvent) => void;
 }): void {
-	// when react-flow is used inside a shadow root we can't use document
-	const doc = getHostForElement(event.target as HTMLElement);
-	let autoPanId = 0;
-	let prevClosestHandle: ConnectionHandle | null;
-
-	const { x, y } = getEventPosition(event);
-	const clickedHandle = doc?.elementFromPoint(x, y);
-	const handleType = getHandleType(edgeUpdaterType, clickedHandle);
-	const containerBounds = domNode?.getBoundingClientRect();
-
-	if (!containerBounds || !handleType) {
-		return;
-	}
-
-	let prevActiveHandle: Element;
-	let connectionPosition = getEventPosition(event, containerBounds);
-	let autoPanStarted = false;
-	let connection: Connection | null = null;
-	let isValid = false;
-	let handleDomNode: Element | null = null;
-
-	const autoPanOnConnect = true;
-
-	const handleLookup = getHandleLookup({
-		nodes,
-		nodeId,
-		handleId,
-		handleType
-	});
-
-	// when the user is moving the mouse close to the edge of the canvas while connecting we move the canvas
-	const autoPan = (): void => {
-		// @todd add prop
-		if (!autoPanOnConnect) {
-			return;
-		}
-		const [xMovement, yMovement] = calcAutoPan(connectionPosition, containerBounds);
-
-		panBy({ x: xMovement, y: yMovement });
-		autoPanId = requestAnimationFrame(autoPan);
-	};
-
-	updateConnection({
-		position: connectionPosition,
-		nodeId,
-		handleId,
-		handleType,
-		status: null
-	});
-
-	// @todo add prop
-	// onConnectStart?.(event, { nodeId, handleId, handleType });
-
-	function onPointerMove(event: MouseEvent | TouchEvent) {
-		const transform = get(transformStore);
-		connectionPosition = getEventPosition(event, containerBounds);
-
-		prevClosestHandle = getClosestHandle(
-			pointToRendererPoint(connectionPosition, transform, false, [1, 1]),
-			connectionRadius,
-			handleLookup
-		);
-
-		if (!autoPanStarted) {
-			autoPan();
-			autoPanStarted = true;
-		}
-
-		const result = isValidHandle(
-			event,
-			prevClosestHandle,
-			connectionMode,
-			nodeId,
-			handleId,
-			isTarget ? 'target' : 'source',
-			isValidConnection,
-			doc
-		);
-
-		handleDomNode = result.handleDomNode;
-		connection = result.connection;
-		isValid = result.isValid;
-
-		updateConnection({
-			position:
-				prevClosestHandle && isValid
-					? rendererPointToPoint(
-							{
-								x: prevClosestHandle.x,
-								y: prevClosestHandle.y
-							},
-							transform
-					  )
-					: connectionPosition,
-			status: getConnectionStatus(!!prevClosestHandle, isValid)
-		});
-
-		if (!prevClosestHandle && !isValid && !handleDomNode) {
-			return resetRecentHandle(prevActiveHandle);
-		}
-
-		if (connection.source !== connection.target && handleDomNode) {
-			resetRecentHandle(prevActiveHandle);
-			prevActiveHandle = handleDomNode;
-			// @todo: remove the old class names "react-flow__handle-" in the next major version
-			handleDomNode.classList.add('connecting');
-			handleDomNode.classList.toggle('valid', isValid);
-		}
-	}
-
-	function onPointerUp(event: MouseEvent | TouchEvent) {
-		if ((prevClosestHandle || handleDomNode) && connection && isValid) {
-			onConnect?.(connection);
-		}
-
-		// it's important to get a fresh reference from the store here
-		// in order to get the latest state of onConnectEnd
-		// @todo add onConnectEnd prop
-		// getState().onConnectEnd?.(event);
-
-		if (edgeUpdaterType) {
-			onEdgeUpdateEnd?.(event);
-		}
-
-		resetRecentHandle(prevActiveHandle);
-		cancelConnection();
-		cancelAnimationFrame(autoPanId);
-		autoPanStarted = false;
-		isValid = false;
-		connection = null;
-		handleDomNode = null;
-
-		doc.removeEventListener('mousemove', onPointerMove as EventListener);
-		doc.removeEventListener('mouseup', onPointerUp as EventListener);
-
-		doc.removeEventListener('touchmove', onPointerMove as EventListener);
-		doc.removeEventListener('touchend', onPointerUp as EventListener);
-	}
-
-	doc.addEventListener('mousemove', onPointerMove as EventListener);
-	doc.addEventListener('mouseup', onPointerUp as EventListener);
-
-	doc.addEventListener('touchmove', onPointerMove as EventListener);
-	doc.addEventListener('touchend', onPointerUp as EventListener);
+  // when react-flow is used inside a shadow root we can't use document
+  const doc = getHostForElement(event.target as HTMLElement);
+  let autoPanId = 0;
+  let prevClosestHandle: ConnectionHandle | null;
+
+  const { x, y } = getEventPosition(event);
+  const clickedHandle = doc?.elementFromPoint(x, y);
+  const handleType = getHandleType(edgeUpdaterType, clickedHandle);
+  const containerBounds = domNode?.getBoundingClientRect();
+
+  if (!containerBounds || !handleType) {
+    return;
+  }
+
+  let prevActiveHandle: Element;
+  let connectionPosition = getEventPosition(event, containerBounds);
+  let autoPanStarted = false;
+  let connection: Connection | null = null;
+  let isValid = false;
+  let handleDomNode: Element | null = null;
+
+  const autoPanOnConnect = true;
+
+  const handleLookup = getHandleLookup({
+    nodes,
+    nodeId,
+    handleId,
+    handleType
+  });
+
+  // when the user is moving the mouse close to the edge of the canvas while connecting we move the canvas
+  const autoPan = (): void => {
+    // @todd add prop
+    if (!autoPanOnConnect) {
+      return;
+    }
+    const [xMovement, yMovement] = calcAutoPan(connectionPosition, containerBounds);
+
+    panBy({ x: xMovement, y: yMovement });
+    autoPanId = requestAnimationFrame(autoPan);
+  };
+
+  updateConnection({
+    position: connectionPosition,
+    nodeId,
+    handleId,
+    handleType,
+    status: null
+  });
+
+  // @todo add prop
+  // onConnectStart?.(event, { nodeId, handleId, handleType });
+
+  function onPointerMove(event: MouseEvent | TouchEvent) {
+    const transform = get(transformStore);
+    connectionPosition = getEventPosition(event, containerBounds);
+
+    prevClosestHandle = getClosestHandle(
+      pointToRendererPoint(connectionPosition, transform, false, [1, 1]),
+      connectionRadius,
+      handleLookup
+    );
+
+    if (!autoPanStarted) {
+      autoPan();
+      autoPanStarted = true;
+    }
+
+    const result = isValidHandle(
+      event,
+      prevClosestHandle,
+      connectionMode,
+      nodeId,
+      handleId,
+      isTarget ? 'target' : 'source',
+      isValidConnection,
+      doc
+    );
+
+    handleDomNode = result.handleDomNode;
+    connection = result.connection;
+    isValid = result.isValid;
+
+    updateConnection({
+      position:
+        prevClosestHandle && isValid
+          ? rendererPointToPoint(
+              {
+                x: prevClosestHandle.x,
+                y: prevClosestHandle.y
+              },
+              transform
+            )
+          : connectionPosition,
+      status: getConnectionStatus(!!prevClosestHandle, isValid)
+    });
+
+    if (!prevClosestHandle && !isValid && !handleDomNode) {
+      return resetRecentHandle(prevActiveHandle);
+    }
+
+    if (connection.source !== connection.target && handleDomNode) {
+      resetRecentHandle(prevActiveHandle);
+      prevActiveHandle = handleDomNode;
+      // @todo: remove the old class names "react-flow__handle-" in the next major version
+      handleDomNode.classList.add('connecting');
+      handleDomNode.classList.toggle('valid', isValid);
+    }
+  }
+
+  function onPointerUp(event: MouseEvent | TouchEvent) {
+    if ((prevClosestHandle || handleDomNode) && connection && isValid) {
+      onConnect?.(connection);
+    }
+
+    // it's important to get a fresh reference from the store here
+    // in order to get the latest state of onConnectEnd
+    // @todo add onConnectEnd prop
+    // getState().onConnectEnd?.(event);
+
+    if (edgeUpdaterType) {
+      onEdgeUpdateEnd?.(event);
+    }
+
+    resetRecentHandle(prevActiveHandle);
+    cancelConnection();
+    cancelAnimationFrame(autoPanId);
+    autoPanStarted = false;
+    isValid = false;
+    connection = null;
+    handleDomNode = null;
+
+    doc.removeEventListener('mousemove', onPointerMove as EventListener);
+    doc.removeEventListener('mouseup', onPointerUp as EventListener);
+
+    doc.removeEventListener('touchmove', onPointerMove as EventListener);
+    doc.removeEventListener('touchend', onPointerUp as EventListener);
+  }
+
+  doc.addEventListener('mousemove', onPointerMove as EventListener);
+  doc.addEventListener('mouseup', onPointerUp as EventListener);
+
+  doc.addEventListener('touchmove', onPointerMove as EventListener);
+  doc.addEventListener('touchend', onPointerUp as EventListener);
 }
diff --git a/packages/svelte/src/lib/components/Handle/index.svelte b/packages/svelte/src/lib/components/Handle/index.svelte
index eef61a696..b722e3f83 100644
--- a/packages/svelte/src/lib/components/Handle/index.svelte
+++ b/packages/svelte/src/lib/components/Handle/index.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import { getContext } from 'svelte';
+  import { getContext } from 'svelte';
   import cc from 'classcat';
-	import {  Position, type Connection, type HandleProps } from '@reactflow/system';
-	import { isMouseEvent } from '@reactflow/utils';
+  import { Position, type Connection, type HandleProps } from '@reactflow/system';
+  import { isMouseEvent } from '@reactflow/utils';
 
-	import { handlePointerDown } from './handler';
-	import { useStore } from '$lib/store';
+  import { handlePointerDown } from './handler';
+  import { useStore } from '$lib/store';
 
   type $$Props = HandleProps;
 
@@ -34,40 +34,40 @@
   } = useStore();
 
   function onConnectExtended(params: Connection) {
-      addEdge(params);
-      // @todo add props
-      // onConnectAction?.(edgeParams);
-      // onConnect?.(edgeParams);
-    };
-
-  function onPointerDown(event: MouseEvent | TouchEvent)  {
-      const isMouseTriggered = isMouseEvent(event);
-
-      if ((isMouseTriggered && event.button === 0) || !isMouseTriggered) {
-        handlePointerDown({
-          event,
-          handleId,
-          nodeId,
-          isTarget,
-          connectionRadius: $connectionRadius,
-          domNode: $domNode,
-          nodes: $nodes,
-          connectionMode: $connectionMode,
-          transform,
-          isValidConnection: isValidConnection!,
-          onConnect: onConnectExtended,
-          updateConnection,
-          cancelConnection,
-          panBy,
-        });
-      }
-
-      // if (isMouseTriggered) {
-      //   onMouseDown?.(event);
-      // } else {
-      //   onTouchStart?.(event);
-      // }
-    };
+    addEdge(params);
+    // @todo add props
+    // onConnectAction?.(edgeParams);
+    // onConnect?.(edgeParams);
+  }
+
+  function onPointerDown(event: MouseEvent | TouchEvent) {
+    const isMouseTriggered = isMouseEvent(event);
+
+    if ((isMouseTriggered && event.button === 0) || !isMouseTriggered) {
+      handlePointerDown({
+        event,
+        handleId,
+        nodeId,
+        isTarget,
+        connectionRadius: $connectionRadius,
+        domNode: $domNode,
+        nodes: $nodes,
+        connectionMode: $connectionMode,
+        transform,
+        isValidConnection: isValidConnection!,
+        onConnect: onConnectExtended,
+        updateConnection,
+        cancelConnection,
+        panBy
+      });
+    }
+
+    // if (isMouseTriggered) {
+    //   onMouseDown?.(event);
+    // } else {
+    //   onTouchStart?.(event);
+    // }
+  }
 </script>
 
 <div
@@ -92,7 +92,6 @@
   <slot />
 </div>
 
-
 <style>
   .react-flow__handle {
     position: absolute;
@@ -134,4 +133,4 @@
     left: 100%;
     transform: translate(-50%, -50%);
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/components/Handle/utils.ts b/packages/svelte/src/lib/components/Handle/utils.ts
index adcc231d9..6029dac06 100644
--- a/packages/svelte/src/lib/components/Handle/utils.ts
+++ b/packages/svelte/src/lib/components/Handle/utils.ts
@@ -3,11 +3,11 @@ import type { Connection, HandleType, XYPosition, Node, NodeHandleBounds } from
 import { getEventPosition } from '@reactflow/utils';
 
 export type ConnectionHandle = {
-	id: string | null;
-	type: HandleType;
-	nodeId: string;
-	x: number;
-	y: number;
+  id: string | null;
+  type: HandleType;
+  nodeId: string;
+  x: number;
+  y: number;
 };
 
 export type ValidConnectionFunc = (connection: Connection) => boolean;
@@ -15,174 +15,174 @@ export type ValidConnectionFunc = (connection: Connection) => boolean;
 // this functions collects all handles and adds an absolute position
 // so that we can later find the closest handle to the mouse position
 export function getHandles(
-	node: Node,
-	handleBounds: NodeHandleBounds,
-	type: HandleType,
-	currentHandle: string
+  node: Node,
+  handleBounds: NodeHandleBounds,
+  type: HandleType,
+  currentHandle: string
 ): ConnectionHandle[] {
-	return (handleBounds[type] || []).reduce<ConnectionHandle[]>((res, h) => {
-		if (`${node.id}-${h.id}-${type}` !== currentHandle) {
-			res.push({
-				id: h.id || null,
-				type,
-				nodeId: node.id,
-				x: (node.positionAbsolute?.x ?? 0) + h.x + h.width / 2,
-				y: (node.positionAbsolute?.y ?? 0) + h.y + h.height / 2
-			});
-		}
-		return res;
-	}, []);
+  return (handleBounds[type] || []).reduce<ConnectionHandle[]>((res, h) => {
+    if (`${node.id}-${h.id}-${type}` !== currentHandle) {
+      res.push({
+        id: h.id || null,
+        type,
+        nodeId: node.id,
+        x: (node.positionAbsolute?.x ?? 0) + h.x + h.width / 2,
+        y: (node.positionAbsolute?.y ?? 0) + h.y + h.height / 2
+      });
+    }
+    return res;
+  }, []);
 }
 
 export function getClosestHandle(
-	pos: XYPosition,
-	connectionRadius: number,
-	handles: ConnectionHandle[]
+  pos: XYPosition,
+  connectionRadius: number,
+  handles: ConnectionHandle[]
 ): ConnectionHandle | null {
-	let closestHandle: ConnectionHandle | null = null;
-	let minDistance = Infinity;
-
-	handles.forEach((handle) => {
-		const distance = Math.sqrt(Math.pow(handle.x - pos.x, 2) + Math.pow(handle.y - pos.y, 2));
-		if (distance <= connectionRadius && distance < minDistance) {
-			minDistance = distance;
-			closestHandle = handle;
-		}
-	});
-
-	return closestHandle;
+  let closestHandle: ConnectionHandle | null = null;
+  let minDistance = Infinity;
+
+  handles.forEach((handle) => {
+    const distance = Math.sqrt(Math.pow(handle.x - pos.x, 2) + Math.pow(handle.y - pos.y, 2));
+    if (distance <= connectionRadius && distance < minDistance) {
+      minDistance = distance;
+      closestHandle = handle;
+    }
+  });
+
+  return closestHandle;
 }
 
 type Result = {
-	handleDomNode: Element | null;
-	isValid: boolean;
-	connection: Connection;
+  handleDomNode: Element | null;
+  isValid: boolean;
+  connection: Connection;
 };
 
 const nullConnection: Connection = {
-	source: null,
-	target: null,
-	sourceHandle: null,
-	targetHandle: null
+  source: null,
+  target: null,
+  sourceHandle: null,
+  targetHandle: null
 };
 
 // checks if  and returns connection in fom of an object { source: 123, target: 312 }
 export function isValidHandle(
-	event: MouseEvent | TouchEvent,
-	handle: Pick<ConnectionHandle, 'nodeId' | 'id' | 'type'> | null,
-	connectionMode: ConnectionMode,
-	fromNodeId: string,
-	fromHandleId: string | null,
-	fromType: string,
-	isValidConnection: ValidConnectionFunc,
-	doc: Document | ShadowRoot
+  event: MouseEvent | TouchEvent,
+  handle: Pick<ConnectionHandle, 'nodeId' | 'id' | 'type'> | null,
+  connectionMode: ConnectionMode,
+  fromNodeId: string,
+  fromHandleId: string | null,
+  fromType: string,
+  isValidConnection: ValidConnectionFunc,
+  doc: Document | ShadowRoot
 ) {
-	const isTarget = fromType === 'target';
-	const handleDomNode = doc.querySelector(
-		`.react-flow__handle[data-id="${handle?.nodeId}-${handle?.id}-${handle?.type}"]`
-	);
-	const { x, y } = getEventPosition(event);
-	const handleBelow = doc.elementFromPoint(x, y);
-	const handleToCheck = handleBelow?.classList.contains('react-flow__handle')
-		? handleBelow
-		: handleDomNode;
-
-	const result: Result = {
-		handleDomNode: handleToCheck,
-		isValid: false,
-		connection: nullConnection
-	};
-
-	if (handleToCheck) {
-		const handleType = getHandleType(undefined, handleToCheck);
-		const handleNodeId = handleToCheck.getAttribute('data-nodeid');
-		const handleId = handleToCheck.getAttribute('data-handleid');
-
-		const connection: Connection = {
-			source: isTarget ? handleNodeId : fromNodeId,
-			sourceHandle: isTarget ? handleId : fromHandleId,
-			target: isTarget ? fromNodeId : handleNodeId,
-			targetHandle: isTarget ? fromHandleId : handleId
-		};
-
-		result.connection = connection;
-
-		// in strict mode we don't allow target to target or source to source connections
-		const isValid =
-			connectionMode === ConnectionMode.Strict
-				? (isTarget && handleType === 'source') || (!isTarget && handleType === 'target')
-				: handleNodeId !== fromNodeId || handleId !== fromHandleId;
-
-		if (isValid) {
-			result.isValid = isValidConnection(connection);
-		}
-	}
-
-	return result;
+  const isTarget = fromType === 'target';
+  const handleDomNode = doc.querySelector(
+    `.react-flow__handle[data-id="${handle?.nodeId}-${handle?.id}-${handle?.type}"]`
+  );
+  const { x, y } = getEventPosition(event);
+  const handleBelow = doc.elementFromPoint(x, y);
+  const handleToCheck = handleBelow?.classList.contains('react-flow__handle')
+    ? handleBelow
+    : handleDomNode;
+
+  const result: Result = {
+    handleDomNode: handleToCheck,
+    isValid: false,
+    connection: nullConnection
+  };
+
+  if (handleToCheck) {
+    const handleType = getHandleType(undefined, handleToCheck);
+    const handleNodeId = handleToCheck.getAttribute('data-nodeid');
+    const handleId = handleToCheck.getAttribute('data-handleid');
+
+    const connection: Connection = {
+      source: isTarget ? handleNodeId : fromNodeId,
+      sourceHandle: isTarget ? handleId : fromHandleId,
+      target: isTarget ? fromNodeId : handleNodeId,
+      targetHandle: isTarget ? fromHandleId : handleId
+    };
+
+    result.connection = connection;
+
+    // in strict mode we don't allow target to target or source to source connections
+    const isValid =
+      connectionMode === ConnectionMode.Strict
+        ? (isTarget && handleType === 'source') || (!isTarget && handleType === 'target')
+        : handleNodeId !== fromNodeId || handleId !== fromHandleId;
+
+    if (isValid) {
+      result.isValid = isValidConnection(connection);
+    }
+  }
+
+  return result;
 }
 
 type GetHandleLookupParams = {
-	nodes: Node[];
-	nodeId: string;
-	handleId: string | null;
-	handleType: string;
+  nodes: Node[];
+  nodeId: string;
+  handleId: string | null;
+  handleType: string;
 };
 
 export function getHandleLookup({ nodes, nodeId, handleId, handleType }: GetHandleLookupParams) {
-	return nodes.reduce<ConnectionHandle[]>((res, node) => {
-		if (node[internalsSymbol]) {
-			const { handleBounds } = node[internalsSymbol];
-			let sourceHandles: ConnectionHandle[] = [];
-			let targetHandles: ConnectionHandle[] = [];
-
-			if (handleBounds) {
-				sourceHandles = getHandles(
-					node,
-					handleBounds,
-					'source',
-					`${nodeId}-${handleId}-${handleType}`
-				);
-				targetHandles = getHandles(
-					node,
-					handleBounds,
-					'target',
-					`${nodeId}-${handleId}-${handleType}`
-				);
-			}
-
-			res.push(...sourceHandles, ...targetHandles);
-		}
-		return res;
-	}, []);
+  return nodes.reduce<ConnectionHandle[]>((res, node) => {
+    if (node[internalsSymbol]) {
+      const { handleBounds } = node[internalsSymbol];
+      let sourceHandles: ConnectionHandle[] = [];
+      let targetHandles: ConnectionHandle[] = [];
+
+      if (handleBounds) {
+        sourceHandles = getHandles(
+          node,
+          handleBounds,
+          'source',
+          `${nodeId}-${handleId}-${handleType}`
+        );
+        targetHandles = getHandles(
+          node,
+          handleBounds,
+          'target',
+          `${nodeId}-${handleId}-${handleType}`
+        );
+      }
+
+      res.push(...sourceHandles, ...targetHandles);
+    }
+    return res;
+  }, []);
 }
 
 export function getHandleType(
-	edgeUpdaterType: HandleType | undefined,
-	handleDomNode: Element | null
+  edgeUpdaterType: HandleType | undefined,
+  handleDomNode: Element | null
 ): HandleType | null {
-	if (edgeUpdaterType) {
-		return edgeUpdaterType;
-	} else if (handleDomNode?.classList.contains('target')) {
-		return 'target';
-	} else if (handleDomNode?.classList.contains('source')) {
-		return 'source';
-	}
-
-	return null;
+  if (edgeUpdaterType) {
+    return edgeUpdaterType;
+  } else if (handleDomNode?.classList.contains('target')) {
+    return 'target';
+  } else if (handleDomNode?.classList.contains('source')) {
+    return 'source';
+  }
+
+  return null;
 }
 
 export function resetRecentHandle(handleDomNode: Element): void {
-	handleDomNode?.classList.remove('valid', 'connecting');
+  handleDomNode?.classList.remove('valid', 'connecting');
 }
 
 export function getConnectionStatus(isInsideConnectionRadius: boolean, isHandleValid: boolean) {
-	let connectionStatus = null;
+  let connectionStatus = null;
 
-	if (isHandleValid) {
-		connectionStatus = 'valid';
-	} else if (isInsideConnectionRadius && !isHandleValid) {
-		connectionStatus = 'invalid';
-	}
+  if (isHandleValid) {
+    connectionStatus = 'valid';
+  } else if (isInsideConnectionRadius && !isHandleValid) {
+    connectionStatus = 'invalid';
+  }
 
-	return connectionStatus as ConnectionStatus;
+  return connectionStatus as ConnectionStatus;
 }
diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.d.ts b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.d.ts
index d4fa169e4..d7ef91b72 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.d.ts
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.d.ts
@@ -1,6 +1,6 @@
 import { KeyDefinition } from '$lib/types';
 
 export type KeyHandlerProps = {
-	selectionKey?: KeyDefinition;
-	deleteKey?: KeyDefinition;
+  selectionKey?: KeyDefinition;
+  deleteKey?: KeyDefinition;
 };
diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index 512a4303f..adb11daec 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -2,19 +2,19 @@
   import { shortcut } from '@svelte-put/shortcut';
 
   import { useStore } from '$lib/store';
-  import type { KeyHandlerProps } from './KeyHandler'
-	import type { KeyDefinition, KeyDefinitionObject } from '$lib/types';
+  import type { KeyHandlerProps } from './KeyHandler';
+  import type { KeyDefinition, KeyDefinitionObject } from '$lib/types';
 
   const { selectionKeyPressed, deleteKeyPressed } = useStore();
 
   type $$Props = KeyHandlerProps;
 
-  export let selectionKey: $$Props['selectionKey'] = 'Shift'; 
-  export let deleteKey: $$Props['deleteKey'] = 'Backspace'; 
+  export let selectionKey: $$Props['selectionKey'] = 'Shift';
+  export let deleteKey: $$Props['deleteKey'] = 'Backspace';
 
   function isKeyObject(key?: KeyDefinition): key is KeyDefinitionObject {
     return typeof key === 'object';
-  } 
+  }
 
   $: selectionKeyString = typeof selectionKey === 'string' ? selectionKey : selectionKey!.key;
   $: selectionKeyModifier = isKeyObject(selectionKey) ? selectionKey?.modifier : [];
@@ -24,20 +24,44 @@
 </script>
 
 <svelte:window
-  use:shortcut={{ 
-    trigger: [{ key: selectionKeyString, modifier: selectionKeyModifier, callback: () => selectionKeyPressed.set(true) }],
+  use:shortcut={{
+    trigger: [
+      {
+        key: selectionKeyString,
+        modifier: selectionKeyModifier,
+        callback: () => selectionKeyPressed.set(true)
+      }
+    ],
     type: 'keydown'
   }}
-  use:shortcut={{ 
-    trigger: [{ key: selectionKeyString, modifier: selectionKeyModifier, callback: () => selectionKeyPressed.set(false) }],
+  use:shortcut={{
+    trigger: [
+      {
+        key: selectionKeyString,
+        modifier: selectionKeyModifier,
+        callback: () => selectionKeyPressed.set(false)
+      }
+    ],
     type: 'keyup'
   }}
-  use:shortcut={{ 
-    trigger: [{ key: deleteKeyString, modifier: deleteKeyModifier, callback: () => deleteKeyPressed.set(true) }],
+  use:shortcut={{
+    trigger: [
+      {
+        key: deleteKeyString,
+        modifier: deleteKeyModifier,
+        callback: () => deleteKeyPressed.set(true)
+      }
+    ],
     type: 'keydown'
   }}
-  use:shortcut={{ 
-    trigger: [{ key: deleteKeyString, modifier: deleteKeyModifier, callback: () => deleteKeyPressed.set(false) }],
+  use:shortcut={{
+    trigger: [
+      {
+        key: deleteKeyString,
+        modifier: deleteKeyModifier,
+        callback: () => deleteKeyPressed.set(false)
+      }
+    ],
     type: 'keyup'
   }}
 />
diff --git a/packages/svelte/src/lib/components/NodeSelection/index.svelte b/packages/svelte/src/lib/components/NodeSelection/index.svelte
index a992bc7f7..5b649d36b 100644
--- a/packages/svelte/src/lib/components/NodeSelection/index.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/index.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-	import { getRectOfNodes } from '@reactflow/utils';
+  import { getRectOfNodes } from '@reactflow/utils';
 
   import { useStore } from '$lib/store';
   import Selection from '$lib/components/Selection/index.svelte';
-  import drag  from '$lib/actions/drag'
+  import drag from '$lib/actions/drag';
 
   const { selectionRectMode, nodes, nodeOrigin, transform, updateNodePositions } = useStore();
 
-  $: selectedNodes = $nodes.filter(n => n.selected);
+  $: selectedNodes = $nodes.filter((n) => n.selected);
   $: rect = getRectOfNodes(selectedNodes, $nodeOrigin);
-</script> 
+</script>
 
 {#if selectedNodes}
   <div
@@ -34,4 +34,4 @@
     z-index: 7;
     pointer-events: all;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/components/Selection/index.svelte b/packages/svelte/src/lib/components/Selection/index.svelte
index 9cb9a4c27..d4e41d042 100644
--- a/packages/svelte/src/lib/components/Selection/index.svelte
+++ b/packages/svelte/src/lib/components/Selection/index.svelte
@@ -4,7 +4,7 @@
   export let width: number | null = 0;
   export let height: number | null = 0;
   export let isVisible: boolean = true;
-</script> 
+</script>
 
 {#if isVisible}
   <div
diff --git a/packages/svelte/src/lib/components/UserSelection/index.svelte b/packages/svelte/src/lib/components/UserSelection/index.svelte
index f3e3c9642..9a8710fdc 100644
--- a/packages/svelte/src/lib/components/UserSelection/index.svelte
+++ b/packages/svelte/src/lib/components/UserSelection/index.svelte
@@ -3,7 +3,7 @@
   import Selection from '$lib/components/Selection/index.svelte';
 
   const { selectionRect, selectionRectMode } = useStore();
-</script> 
+</script>
 
 <Selection
   isVisible={!!($selectionRect && $selectionRectMode === 'user')}
diff --git a/packages/svelte/src/lib/components/edges/BaseEdge.svelte b/packages/svelte/src/lib/components/edges/BaseEdge.svelte
index c92a94123..59129684a 100644
--- a/packages/svelte/src/lib/components/edges/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/BaseEdge.svelte
@@ -11,11 +11,7 @@
   export let interactionWidth: $$Props['interactionWidth'] = 20;
 </script>
 
-<path
-  d={path}
-  fill="none"
-  class="react-flow__edge-path"
-/>
+<path d={path} fill="none" class="react-flow__edge-path" />
 
 {#if interactionWidth}
   <path
@@ -33,7 +29,7 @@
       class="react-flow__edge-label"
       style:transform={`translate(-50%, -50%) translate(${labelX}px,${labelY}px)`}
     >
-        {label}
+      {label}
     </div>
   </EdgeLabelRenderer>
 {/if}
@@ -43,4 +39,4 @@
     position: absolute;
     background: white;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
index c9e4cc4fe..fa8b69143 100644
--- a/packages/svelte/src/lib/components/edges/BezierEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
@@ -2,7 +2,7 @@
   import { getBezierPath } from '@reactflow/edge-utils';
 
   import type { EdgeProps } from '$lib/types';
-	import BaseEdge from './BaseEdge.svelte';
+  import BaseEdge from './BaseEdge.svelte';
 
   type $$Props = EdgeProps;
 
@@ -12,13 +12,8 @@
     targetX: $$props.targetX,
     targetY: $$props.targetY,
     sourcePosition: $$props.sourcePosition,
-    targetPosition: $$props.targetPosition,
+    targetPosition: $$props.targetPosition
   });
 </script>
 
-<BaseEdge
-  {path}
-  {labelX}
-  {labelY}
-  {...$$props}
-/>
+<BaseEdge {path} {labelX} {labelY} {...$$props} />
diff --git a/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte b/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte
index 7a18f90ea..8f24ab5e8 100644
--- a/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-	import type { SvelteComponentTyped } from 'svelte';
+  import type { SvelteComponentTyped } from 'svelte';
   import { Position } from '@reactflow/system';
 
-	import { useStore } from '$lib/store';
+  import { useStore } from '$lib/store';
   import BezierEdge from '$lib/components/edges/StraightEdge.svelte';
-	import type { EdgeProps, WrapEdgeProps } from '$lib/types';
+  import type { EdgeProps, WrapEdgeProps } from '$lib/types';
 
   type $$Props = WrapEdgeProps;
 
@@ -17,7 +17,7 @@
   export let targetX: $$Props['targetX'] = 0;
   export let targetY: $$Props['targetY'] = 0;
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
-  export let targetPosition:  $$Props['targetPosition'] = Position.Top;
+  export let targetPosition: $$Props['targetPosition'] = Position.Top;
   export let animated: $$Props['animated'] = false;
   export let selected: $$Props['selected'] = false;
   export let label: $$Props['label'] = undefined;
@@ -26,11 +26,7 @@
   const edgeComponent: typeof SvelteComponentTyped<EdgeProps> = $edgeTypes[type!] || BezierEdge;
 </script>
 
-<g
-  class="react-flow__edge"
-  class:animated
-  data-id={id}
->
+<g class="react-flow__edge" class:animated data-id={id}>
   <svelte:component
     this={edgeComponent}
     {id}
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
index ec1b2db91..fd360f9d0 100644
--- a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
@@ -6,19 +6,14 @@
 
   type $$Props = EdgeProps;
 
-  $: [path, labelX, labelY] = getSmoothStepPath({ 
+  $: [path, labelX, labelY] = getSmoothStepPath({
     sourceX: $$props.sourceX,
     sourceY: $$props.sourceY,
     targetX: $$props.targetX,
     targetY: $$props.targetY,
     sourcePosition: $$props.sourcePosition,
-    targetPosition: $$props.targetPosition,
+    targetPosition: $$props.targetPosition
   });
 </script>
 
-<BaseEdge
-  {path}
-  {labelX}
-  {labelY}
-  {...$$props}
-/>
\ No newline at end of file
+<BaseEdge {path} {labelX} {labelY} {...$$props} />
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
index f1d7c190f..5e27ec3d5 100644
--- a/packages/svelte/src/lib/components/edges/StraightEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { getStraightPath } from '@reactflow/edge-utils';
 
-	import type { EdgeProps } from '$lib/types';
-	import BaseEdge from './BaseEdge.svelte';
+  import type { EdgeProps } from '$lib/types';
+  import BaseEdge from './BaseEdge.svelte';
 
   type $$Props = EdgeProps;
 
@@ -10,13 +10,8 @@
     sourceX: $$props.sourceX,
     sourceY: $$props.sourceY,
     targetX: $$props.targetX,
-    targetY: $$props.targetY,
+    targetY: $$props.targetY
   });
 </script>
 
-<BaseEdge
-  {path}
-  {labelX}
-  {labelY}
-  {...$$props}
-/>
\ No newline at end of file
+<BaseEdge {path} {labelX} {labelY} {...$$props} />
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index 22c551d81..1c10eb343 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { Position } from '@reactflow/system';
-  
+
   import Handle from '$lib/components/Handle/index.svelte';
-	import type { NodeProps } from '$lib/types';
+  import type { NodeProps } from '$lib/types';
 
-  interface $$Props extends NodeProps<{ label: string }>{}
+  interface $$Props extends NodeProps<{ label: string }> {}
 
   export let id: $$Props['id'];
   export let data: $$Props['data'] = { label: 'Node' };
@@ -18,4 +18,4 @@
 
 <Handle type="target" position={targetPosition} />
 {data?.label}
-<Handle type="source" position={sourcePosition} />
\ No newline at end of file
+<Handle type="source" position={sourcePosition} />
diff --git a/packages/svelte/src/lib/components/nodes/InputNode.svelte b/packages/svelte/src/lib/components/nodes/InputNode.svelte
index 4fddf908d..fc9eec3a4 100644
--- a/packages/svelte/src/lib/components/nodes/InputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/InputNode.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Position } from '@reactflow/system';
-  
+
   import Handle from '$lib/components/Handle/index.svelte';
 
   export let data: { label: string } = { label: 'Node' };
@@ -10,4 +10,3 @@
 
 {data?.label}
 <Handle type="source" position={sourcePosition} />
-
diff --git a/packages/svelte/src/lib/components/nodes/NodeWrapper.svelte b/packages/svelte/src/lib/components/nodes/NodeWrapper.svelte
index 8519d9e40..643298aa9 100644
--- a/packages/svelte/src/lib/components/nodes/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/nodes/NodeWrapper.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import { onMount, setContext, SvelteComponentTyped } from 'svelte';
+  import { onMount, setContext, SvelteComponentTyped } from 'svelte';
   import cc from 'classcat';
   import { type XYPosition, Position } from '@reactflow/system';
-  
-  import drag  from '$lib/actions/drag'
-	import { useStore } from '$lib/store';
-	import DefaultNode from './DefaultNode.svelte';
-	import type { WrapNodeProps, NodeProps } from '$lib/types';
+
+  import drag from '$lib/actions/drag';
+  import { useStore } from '$lib/store';
+  import DefaultNode from './DefaultNode.svelte';
+  import type { WrapNodeProps, NodeProps } from '$lib/types';
 
   interface $$Props extends WrapNodeProps {}
 
@@ -29,7 +29,8 @@
   let nodeRef: HTMLDivElement;
 
   const { nodes, transform, nodeTypes, updateNodePositions, addSelectedNodes } = useStore();
-  const nodeComponent: typeof SvelteComponentTyped<Partial<NodeProps>> = $nodeTypes[type] || DefaultNode;
+  const nodeComponent: typeof SvelteComponentTyped<Partial<NodeProps>> =
+    $nodeTypes[type] || DefaultNode;
   const isSelectable = true;
   const selectNodesOnDrag = false;
   const isDraggable = true;
@@ -41,7 +42,7 @@
 
     return () => {
       resizeObserver?.unobserve(nodeRef);
-    }
+    };
   });
 
   function onSelectNodeHandler(event: MouseEvent) {
@@ -54,15 +55,15 @@
     //   const node = store.getState().nodeInternals.get(id)!;
     //   onClick(event, { ...node });
     // }
-  };
+  }
 </script>
 
 <div
   use:drag={{ nodeId: id, nodes, transform, updateNodePositions }}
   class={cc(['react-flow__node', `react-flow__node-${type}`, className])}
   class:initializing={!width && !height}
-  class:dragging={dragging}
-  class:selected={selected}
+  class:dragging
+  class:selected
   bind:this={nodeRef}
   on:click={onSelectNodeHandler}
   style:transform={`translate(${positionAbsolute.x}px, ${positionAbsolute.y}px)`}
@@ -92,7 +93,7 @@
     border-color: #1a192b;
     background-color: white;
     position: absolute;
-    cursor: grab; 
+    cursor: grab;
     pointer-events: all;
     user-select: none;
   }
@@ -109,4 +110,4 @@
   .initializing {
     visibility: hidden;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/components/nodes/OutputNode.svelte b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
index 41c31a2f2..7c42facdc 100644
--- a/packages/svelte/src/lib/components/nodes/OutputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Position } from '@reactflow/system';
-  
+
   import Handle from '$lib/components/Handle/index.svelte';
 
   export let data: { label: string } = { label: 'Node' };
@@ -10,4 +10,3 @@
 
 {data?.label}
 <Handle type="target" position={targetPosition} />
-
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/index.svelte b/packages/svelte/src/lib/container/EdgeRenderer/index.svelte
index 9a301f25c..588631268 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/index.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/index.svelte
@@ -1,15 +1,11 @@
-<script lang="ts"> 
+<script lang="ts">
   import EdgeWrapper from '$lib/components/edges/EdgeWrapper.svelte';
   import { useStore } from '$lib/store';
 
   const { edgesLayouted, width, height } = useStore();
- </script>
+</script>
 
-<svg
-  width={$width}
-  height={$height}
-  class="react-flow__edges"
->
+<svg width={$width} height={$height} class="react-flow__edges">
   {#each $edgesLayouted as edge (edge.id)}
     <EdgeWrapper {...edge} />
   {/each}
@@ -25,4 +21,4 @@
     pointer-events: none;
     overflow: visible;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/utils.ts b/packages/svelte/src/lib/container/EdgeRenderer/utils.ts
index 139a9d687..c593abf93 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/utils.ts
+++ b/packages/svelte/src/lib/container/EdgeRenderer/utils.ts
@@ -1,105 +1,105 @@
 import {
-	type NodeHandleBounds,
-	type Rect,
-	type Node,
-	type HandleElement,
-	type XYPosition,
-	Position,
-	internalsSymbol
+  type NodeHandleBounds,
+  type Rect,
+  type Node,
+  type HandleElement,
+  type XYPosition,
+  Position,
+  internalsSymbol
 } from '@reactflow/system';
 
 export function getNodeData(node?: Node): [Rect, NodeHandleBounds | null, boolean] {
-	const handleBounds = node?.[internalsSymbol]?.handleBounds || null;
+  const handleBounds = node?.[internalsSymbol]?.handleBounds || null;
 
-	const isValid =
-		handleBounds &&
-		node?.width &&
-		node?.height &&
-		typeof node?.positionAbsolute?.x !== 'undefined' &&
-		typeof node?.positionAbsolute?.y !== 'undefined';
+  const isValid =
+    handleBounds &&
+    node?.width &&
+    node?.height &&
+    typeof node?.positionAbsolute?.x !== 'undefined' &&
+    typeof node?.positionAbsolute?.y !== 'undefined';
 
-	return [
-		{
-			x: node?.positionAbsolute?.x || 0,
-			y: node?.positionAbsolute?.y || 0,
-			width: node?.width || 0,
-			height: node?.height || 0
-		},
-		handleBounds,
-		!!isValid
-	];
+  return [
+    {
+      x: node?.positionAbsolute?.x || 0,
+      y: node?.positionAbsolute?.y || 0,
+      width: node?.width || 0,
+      height: node?.height || 0
+    },
+    handleBounds,
+    !!isValid
+  ];
 }
 
 export function getHandlePosition(
-	position: Position,
-	nodeRect: Rect,
-	handle: HandleElement | null = null
+  position: Position,
+  nodeRect: Rect,
+  handle: HandleElement | null = null
 ): XYPosition {
-	const x = (handle?.x || 0) + nodeRect.x;
-	const y = (handle?.y || 0) + nodeRect.y;
-	const width = handle?.width || nodeRect.width;
-	const height = handle?.height || nodeRect.height;
+  const x = (handle?.x || 0) + nodeRect.x;
+  const y = (handle?.y || 0) + nodeRect.y;
+  const width = handle?.width || nodeRect.width;
+  const height = handle?.height || nodeRect.height;
 
-	switch (position) {
-		case Position.Top:
-			return {
-				x: x + width / 2,
-				y
-			};
-		case Position.Right:
-			return {
-				x: x + width,
-				y: y + height / 2
-			};
-		case Position.Bottom:
-			return {
-				x: x + width / 2,
-				y: y + height
-			};
-		case Position.Left:
-			return {
-				x,
-				y: y + height / 2
-			};
-	}
+  switch (position) {
+    case Position.Top:
+      return {
+        x: x + width / 2,
+        y
+      };
+    case Position.Right:
+      return {
+        x: x + width,
+        y: y + height / 2
+      };
+    case Position.Bottom:
+      return {
+        x: x + width / 2,
+        y: y + height
+      };
+    case Position.Left:
+      return {
+        x,
+        y: y + height / 2
+      };
+  }
 }
 
 export function getHandle(bounds: HandleElement[], handleId?: string | null): HandleElement | null {
-	if (!bounds) {
-		return null;
-	}
+  if (!bounds) {
+    return null;
+  }
 
-	if (handleId) {
-		return bounds.find((d) => d.id === handleId)!;
-	} else if (bounds.length === 1) {
-		return bounds[0];
-	}
+  if (handleId) {
+    return bounds.find((d) => d.id === handleId)!;
+  } else if (bounds.length === 1) {
+    return bounds[0];
+  }
 
-	return null;
+  return null;
 }
 
 export type EdgePosition = {
-	sourceX: number;
-	sourceY: number;
-	targetX: number;
-	targetY: number;
+  sourceX: number;
+  sourceY: number;
+  targetX: number;
+  targetY: number;
 };
 
 export function getEdgePositions(
-	sourceNodeRect: Rect,
-	sourceHandle: HandleElement,
-	sourcePosition: Position,
-	targetNodeRect: Rect,
-	targetHandle: HandleElement,
-	targetPosition: Position
+  sourceNodeRect: Rect,
+  sourceHandle: HandleElement,
+  sourcePosition: Position,
+  targetNodeRect: Rect,
+  targetHandle: HandleElement,
+  targetPosition: Position
 ): EdgePosition {
-	const sourceHandlePos = getHandlePosition(sourcePosition, sourceNodeRect, sourceHandle);
-	const targetHandlePos = getHandlePosition(targetPosition, targetNodeRect, targetHandle);
+  const sourceHandlePos = getHandlePosition(sourcePosition, sourceNodeRect, sourceHandle);
+  const targetHandlePos = getHandlePosition(targetPosition, targetNodeRect, targetHandle);
 
-	return {
-		sourceX: sourceHandlePos.x,
-		sourceY: sourceHandlePos.y,
-		targetX: targetHandlePos.x,
-		targetY: targetHandlePos.y
-	};
+  return {
+    sourceX: sourceHandlePos.x,
+    sourceY: sourceHandlePos.y,
+    targetX: targetHandlePos.x,
+    targetY: targetHandlePos.y
+  };
 }
diff --git a/packages/svelte/src/lib/container/NodeRenderer/index.svelte b/packages/svelte/src/lib/container/NodeRenderer/index.svelte
index 1312ecfac..74021b77d 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/index.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/index.svelte
@@ -5,15 +5,18 @@
   import { useStore } from '$lib/store';
 
   const { nodes, updateNodeDimensions } = useStore();
-  const resizeObserver: ResizeObserver | null = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver((entries: ResizeObserverEntry[]) => {
-    const updates = entries.map((entry: ResizeObserverEntry) => ({
-      id: entry.target.getAttribute('data-id') as string,
-      nodeElement: entry.target as HTMLDivElement,
-      forceUpdate: true,
-    }))
+  const resizeObserver: ResizeObserver | null =
+    typeof ResizeObserver === 'undefined'
+      ? null
+      : new ResizeObserver((entries: ResizeObserverEntry[]) => {
+          const updates = entries.map((entry: ResizeObserverEntry) => ({
+            id: entry.target.getAttribute('data-id') as string,
+            nodeElement: entry.target as HTMLDivElement,
+            forceUpdate: true
+          }));
 
-    updateNodeDimensions(updates);
-  });
+          updateNodeDimensions(updates);
+        });
 
   onDestroy(() => {
     resizeObserver?.disconnect();
@@ -33,4 +36,4 @@
     pointer-events: none;
     transform-origin: 0 0;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/container/Pane/index.svelte b/packages/svelte/src/lib/container/Pane/index.svelte
index 883fcf586..2ca1b5dff 100644
--- a/packages/svelte/src/lib/container/Pane/index.svelte
+++ b/packages/svelte/src/lib/container/Pane/index.svelte
@@ -10,7 +10,7 @@
 
       handler?.(event);
     };
-  };
+  }
 
   export function toggleSelected<Item extends Node | Edge>(ids: string[]) {
     return (item: Item) => {
@@ -19,39 +19,48 @@
       if (item.selected !== isSelected) {
         return {
           ...item,
-          selected: isSelected,
+          selected: isSelected
         };
       }
 
       return item;
-    }
+    };
   }
 </script>
 
 <script lang="ts">
   import { useStore } from '$lib/store';
-	import { SelectionMode, type Node, type Edge } from '@reactflow/system';
-	import { getConnectedEdges, getEventPosition, getNodesInside } from '@reactflow/utils';
-
-  const { nodes, edges, transform, nodeOrigin, dragging, selectionRect, selectionRectMode, selectionKeyPressed, resetSelectedElements } = useStore();
+  import { SelectionMode, type Node, type Edge } from '@reactflow/system';
+  import { getConnectedEdges, getEventPosition, getNodesInside } from '@reactflow/utils';
+
+  const {
+    nodes,
+    edges,
+    transform,
+    nodeOrigin,
+    dragging,
+    selectionRect,
+    selectionRectMode,
+    selectionKeyPressed,
+    resetSelectedElements
+  } = useStore();
 
   // @todo take from props
   const elementsSelectable = true;
-  const selectionMode = SelectionMode.Partial
+  const selectionMode = SelectionMode.Partial;
 
-	let container: HTMLDivElement;
-  let containerBounds: DOMRect | null = null
+  let container: HTMLDivElement;
+  let containerBounds: DOMRect | null = null;
   let selectedNodes: Node[] = [];
-  
+
   $: isSelecting = $selectionKeyPressed;
   $: hasActiveSelection = elementsSelectable && (isSelecting || $selectionRectMode === 'user');
 
-
-  function onClick (event: MouseEvent) {
+  function onClick(event: MouseEvent) {
     // onPaneClick?.(event);
-    
+
     resetSelectedElements();
-    selectionRectMode.set(null)
+    selectionRectMode.set(null);
   }
 
   function onMouseDown(event: MouseEvent) {
@@ -80,11 +89,8 @@
       y
     });
 
-   
     // onSelectionStart?.(event);
-  };
-
-
+  }
 
   function onMouseMove(event: MouseEvent) {
     if (!isSelecting || !containerBounds || !$selectionRect) {
@@ -98,11 +104,11 @@
       x: mousePos.x < startX ? mousePos.x : startX,
       y: mousePos.y < startY ? mousePos.y : startY,
       width: Math.abs(mousePos.x - startX),
-      height: Math.abs(mousePos.y - startY),
+      height: Math.abs(mousePos.y - startY)
     };
 
     selectedNodes = getNodesInside(
-      new Map($nodes.map(node => [node.id, node])),
+      new Map($nodes.map((node) => [node.id, node])),
       nextUserSelectRect,
       $transform,
       selectionMode === SelectionMode.Partial,
@@ -112,8 +118,8 @@
     const selectedEdgeIds = getConnectedEdges(selectedNodes, $edges).map((e) => e.id);
     const selectedNodeIds = selectedNodes.map((n) => n.id);
 
-    nodes.update(nodes => nodes.map(toggleSelected(selectedNodeIds)));
-    edges.update(edges => edges.map(toggleSelected(selectedEdgeIds)));
+    nodes.update((nodes) => nodes.map(toggleSelected(selectedNodeIds)));
+    edges.update((edges) => edges.map(toggleSelected(selectedEdgeIds)));
 
     selectionRectMode.set('user');
     selectionRect.set(nextUserSelectRect);
@@ -135,7 +141,6 @@
       selectionRectMode.set('nodes');
     }
 
-    
     // onSelectionEnd?.(event);
   }
 
@@ -156,7 +161,7 @@
   class:selection={isSelecting}
   on:click={hasActiveSelection ? undefined : wrapHandler(onClick, container)}
   on:mousedown={hasActiveSelection ? onMouseDown : undefined}
-  on:mousemove={hasActiveSelection? onMouseMove : undefined}
+  on:mousemove={hasActiveSelection ? onMouseMove : undefined}
   on:mouseup={hasActiveSelection ? onMouseUp : undefined}
   on:mouseleave={hasActiveSelection ? onMouseLeave : undefined}
 >
@@ -181,4 +186,4 @@
   .dragging {
     cursor: grabbing;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/container/Panel/Panel.d.ts b/packages/svelte/src/lib/container/Panel/Panel.d.ts
index c01ee7448..01f071da2 100644
--- a/packages/svelte/src/lib/container/Panel/Panel.d.ts
+++ b/packages/svelte/src/lib/container/Panel/Panel.d.ts
@@ -1,7 +1,7 @@
 import type { PanelPosition } from '@reactflow/system';
 
 export type PanelProps = {
-	position?: PanelPosition;
-	style?: string;
-	class?: string;
+  position?: PanelPosition;
+  style?: string;
+  class?: string;
 };
diff --git a/packages/svelte/src/lib/container/Panel/index.svelte b/packages/svelte/src/lib/container/Panel/index.svelte
index 9b2bee9ba..7d61051a5 100644
--- a/packages/svelte/src/lib/container/Panel/index.svelte
+++ b/packages/svelte/src/lib/container/Panel/index.svelte
@@ -7,15 +7,12 @@
   export let position: $$Props['position'] = 'top-right';
   export let style: $$Props['style'] = '';
   let className: $$Props['class'] = undefined;
-  export { className as class }
+  export { className as class };
 
   $: positionClasses = `${position}`.split('-');
 </script>
 
-<div
-  class={cc(['react-flow__panel', className, ...positionClasses])}
-  style={style}
->
+<div class={cc(['react-flow__panel', className, ...positionClasses])} {style}>
   <slot />
 </div>
 
@@ -46,4 +43,4 @@
     left: 50%;
     transform: translateX(-50%);
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/container/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow.svelte
index d91d81816..421577679 100644
--- a/packages/svelte/src/lib/container/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-  import { setContext, onMount } from 'svelte'
+  import { setContext, onMount } from 'svelte';
   import cc from 'classcat';
 
-	import { key, createStore } from '$lib/store';
+  import { key, createStore } from '$lib/store';
   import Zoom from '$lib/container/Zoom/index.svelte';
   import Pane from '$lib/container/Pane/index.svelte';
   import Viewport from '$lib/container/Viewport.svelte';
@@ -12,7 +12,7 @@
   import NodeSelection from '$lib/components/NodeSelection/index.svelte';
   import { KeyHandler } from '$lib/components/KeyHandler';
   import { ConnectionLine } from '$lib/components/ConnectionLine';
-	import type { SvelteFlowProps } from '$lib/types';
+  import type { SvelteFlowProps } from '$lib/types';
 
   type $$Props = SvelteFlowProps;
 
@@ -51,7 +51,6 @@
     });
   });
 
-
   // $: {
   //   const updatableProps = {
   //     defaultEdgeOptions,
@@ -69,7 +68,7 @@
   //         ...state,
   //         [key]: valuesToUpdate[key],
   //       }));
-     
+
   //   });
   // }
 
@@ -86,7 +85,7 @@
   {...$$restProps}
   class={cc(['react-flow', className])}
   data-testid="rf__wrapper"
-  id={id}
+  {id}
   bind:this={domNode}
 >
   <KeyHandler {selectionKey} {deleteKey} />
@@ -127,4 +126,4 @@
     pointer-events: none;
     user-select: none;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/container/Viewport.svelte b/packages/svelte/src/lib/container/Viewport.svelte
index 49aa5e547..fc6b43ecc 100644
--- a/packages/svelte/src/lib/container/Viewport.svelte
+++ b/packages/svelte/src/lib/container/Viewport.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import { useStore } from '$lib/store';
+  import { useStore } from '$lib/store';
 
   const { transform } = useStore();
 </script>
 
 <div
-  class="react-flow__viewport" 
+  class="react-flow__viewport"
   style="transform: translate({$transform[0]}px, {$transform[1]}px) scale({$transform[2]})"
 >
   <slot />
@@ -22,4 +22,4 @@
     z-index: 2;
     pointer-events: none;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/container/Zoom/index.svelte b/packages/svelte/src/lib/container/Zoom/index.svelte
index 51c7bbfd4..4097d51f2 100644
--- a/packages/svelte/src/lib/container/Zoom/index.svelte
+++ b/packages/svelte/src/lib/container/Zoom/index.svelte
@@ -20,4 +20,4 @@
     left: 0;
     z-index: 4;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/plugins/Background/Background.svelte b/packages/svelte/src/lib/plugins/Background/Background.svelte
index 75526092c..c30b958fb 100644
--- a/packages/svelte/src/lib/plugins/Background/Background.svelte
+++ b/packages/svelte/src/lib/plugins/Background/Background.svelte
@@ -4,7 +4,7 @@
   import DotPattern from './DotPattern.svelte';
   import LinePattern from './LinePattern.svelte';
   import { useStore } from '$lib/store';
-	import { BackgroundVariant } from './types';
+  import { BackgroundVariant } from './types';
 
   export let variant: BackgroundVariant = BackgroundVariant.Dots;
   export let gap = 20;
@@ -18,13 +18,13 @@
   const defaultColor = {
     [BackgroundVariant.Dots]: '#91919a',
     [BackgroundVariant.Lines]: '#eee',
-    [BackgroundVariant.Cross]: '#e2e2e2',
+    [BackgroundVariant.Cross]: '#e2e2e2'
   };
 
   const defaultSize = {
     [BackgroundVariant.Dots]: 1,
     [BackgroundVariant.Lines]: 1,
-    [BackgroundVariant.Cross]: 6,
+    [BackgroundVariant.Cross]: 6
   };
 
   const { transform, id } = useStore();
@@ -43,7 +43,7 @@
     : [patternDimensions[0] / 2, patternDimensions[1] / 2];
 </script>
 
-<svg class={cc(['react-flow__background', className])} >
+<svg class={cc(['react-flow__background', className])}>
   <pattern
     id={patternId}
     x={$transform[0] % scaledGap[0]}
@@ -56,7 +56,7 @@
     {#if isDots}
       <DotPattern color={patternColor} radius={scaledSize / 2} />
     {:else}
-      <LinePattern dimensions={patternDimensions } color={patternColor} lineWidth={lineWidth} />
+      <LinePattern dimensions={patternDimensions} color={patternColor} {lineWidth} />
     {/if}
   </pattern>
   <rect x="0" y="0" width="100%" height="100%" fill={`url(#${patternId})`} />
@@ -72,4 +72,4 @@
     pointer-events: none;
     z-index: -1;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/plugins/Background/DotPattern.svelte b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
index 3eb76c7e0..365842304 100644
--- a/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
+++ b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   export let radius = 5;
-  export let color = "#000";
+  export let color = '#000';
 </script>
 
-<circle cx={radius} cy={radius} r={radius} fill={color} />
\ No newline at end of file
+<circle cx={radius} cy={radius} r={radius} fill={color} />
diff --git a/packages/svelte/src/lib/plugins/Background/LinePattern.svelte b/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
index 60dd4a8cc..64c7dad7d 100644
--- a/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
+++ b/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
@@ -1,13 +1,11 @@
 <script lang="ts">
   export let lineWidth = 1;
-  export let color = "#777";
+  export let color = '#777';
   export let dimensions: [number, number];
 </script>
 
 <path
   stroke={color}
   stroke-width={lineWidth}
-  d={`M${dimensions[0] / 2} 0 V${dimensions[1]} M0 ${dimensions[1] / 2} H${
-    dimensions[0]
-  }`}
-/>
\ No newline at end of file
+  d={`M${dimensions[0] / 2} 0 V${dimensions[1]} M0 ${dimensions[1] / 2} H${dimensions[0]}`}
+/>
diff --git a/packages/svelte/src/lib/plugins/Background/types.ts b/packages/svelte/src/lib/plugins/Background/types.ts
index c6e3e390f..3d252810c 100644
--- a/packages/svelte/src/lib/plugins/Background/types.ts
+++ b/packages/svelte/src/lib/plugins/Background/types.ts
@@ -1,5 +1,5 @@
 export enum BackgroundVariant {
-	Lines = 'lines',
-	Dots = 'dots',
-	Cross = 'cross'
+  Lines = 'lines',
+  Dots = 'dots',
+  Cross = 'cross'
 }
diff --git a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
index 4db8270db..27e4cc317 100644
--- a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
@@ -3,10 +3,15 @@
 
   let className: string;
 
-  export { className as class }
+  export { className as class };
 </script>
 
-<button type="button" on:click class={cc(['react-flow__controls-button', className])} {...$$restProps} >
+<button
+  type="button"
+  on:click
+  class={cc(['react-flow__controls-button', className])}
+  {...$$restProps}
+>
   <slot class="button-svg" />
 </button>
 
@@ -31,4 +36,4 @@
     max-width: 12px;
     max-height: 12px;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index a2bba0c9e..9197851e1 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { PanelPosition } from '@reactflow/system';
+  import type { PanelPosition } from '@reactflow/system';
 
   import Panel from '$lib/container/Panel/index.svelte';
   import { useStore } from '$lib/store';
@@ -37,13 +37,11 @@
     //   nodesConnectable: !isInteractive,
     //   elementsSelectable: !isInteractive,
     // });
-
     // onInteractiveChange?.(!isInteractive);
   };
-
 </script>
 
-<Panel class="react-flow__controls" position={position}>
+<Panel class="react-flow__controls" {position}>
   {#if showZoom}
     <ControlButton
       on:click={onZoomInHandler}
@@ -85,4 +83,4 @@
       {#if isInteractive}<UnlockIcon />{:else}<LockIcon />{/if}
     </svelte:component>
   {/if}
-</Panel>
\ No newline at end of file
+</Panel>
diff --git a/packages/svelte/src/lib/plugins/Controls/Icons/Fit.svelte b/packages/svelte/src/lib/plugins/Controls/Icons/Fit.svelte
index 1b68036e4..e48ea8d1c 100644
--- a/packages/svelte/src/lib/plugins/Controls/Icons/Fit.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Icons/Fit.svelte
@@ -1,3 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 30">
-  <path d="M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0027.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94c-.531 0-.939-.4-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z" />
-</svg>
\ No newline at end of file
+  <path
+    d="M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0027.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94c-.531 0-.939-.4-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z"
+  />
+</svg>
diff --git a/packages/svelte/src/lib/plugins/Controls/Icons/Lock.svelte b/packages/svelte/src/lib/plugins/Controls/Icons/Lock.svelte
index 6205cfc7b..8fd1dddbf 100644
--- a/packages/svelte/src/lib/plugins/Controls/Icons/Lock.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Icons/Lock.svelte
@@ -1,3 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 32">
-  <path d="M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z" />
-</svg>
\ No newline at end of file
+  <path
+    d="M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z"
+  />
+</svg>
diff --git a/packages/svelte/src/lib/plugins/Controls/Icons/Minus.svelte b/packages/svelte/src/lib/plugins/Controls/Icons/Minus.svelte
index dc8d310bf..b2f109bb3 100644
--- a/packages/svelte/src/lib/plugins/Controls/Icons/Minus.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Icons/Minus.svelte
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 5">
   <path d="M0 0h32v4.2H0z" />
-</svg>
\ No newline at end of file
+</svg>
diff --git a/packages/svelte/src/lib/plugins/Controls/Icons/Plus.svelte b/packages/svelte/src/lib/plugins/Controls/Icons/Plus.svelte
index a13adbd7e..feb813da8 100644
--- a/packages/svelte/src/lib/plugins/Controls/Icons/Plus.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Icons/Plus.svelte
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
   <path d="M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z" />
-</svg>
\ No newline at end of file
+</svg>
diff --git a/packages/svelte/src/lib/plugins/Controls/Icons/Unlock.svelte b/packages/svelte/src/lib/plugins/Controls/Icons/Unlock.svelte
index 2e59dbd76..828668514 100644
--- a/packages/svelte/src/lib/plugins/Controls/Icons/Unlock.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Icons/Unlock.svelte
@@ -1,3 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 32">
-  <path d="M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047z" />
-</svg>
\ No newline at end of file
+  <path
+    d="M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047z"
+  />
+</svg>
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 1d6f33489..cf24f1d2b 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import cc from 'classcat';
-	import type { PanelPosition, Rect, Node } from '@reactflow/system';
-	import { getBoundsOfRects, getNodePositionWithOrigin, getRectOfNodes } from '@reactflow/utils';
+  import type { PanelPosition, Rect, Node } from '@reactflow/system';
+  import { getBoundsOfRects, getNodePositionWithOrigin, getRectOfNodes } from '@reactflow/utils';
 
   import { useStore } from '$lib/store';
-	import Panel from '$lib/container/Panel/index.svelte';
+  import Panel from '$lib/container/Panel/index.svelte';
   import MinimapNode from './MinimapNode.svelte';
 
   let position: PanelPosition = 'bottom-right';
@@ -27,22 +27,25 @@
   const { nodes, transform, width, height, nodeOrigin, id } = useStore();
 
   type GetMiniMapNodeAttribute = (node: Node) => string;
-  const getAttrFunction = (func: any): GetMiniMapNodeAttribute => (func instanceof Function ? func : () => func);
+  const getAttrFunction = (func: any): GetMiniMapNodeAttribute =>
+    func instanceof Function ? func : () => func;
   const nodeColorFunc = getAttrFunction(nodeColor);
   const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
   const nodeClassNameFunc = getAttrFunction(nodeClassName);
-  const shapeRendering = typeof window === 'undefined' || !!window.chrome ? 'crispEdges' : 'geometricPrecision';
+  const shapeRendering =
+    typeof window === 'undefined' || !!window.chrome ? 'crispEdges' : 'geometricPrecision';
   const labelledBy = `react-flow__minimap-desc-${$id}`;
-  
+
   $: viewBB = {
     x: -$transform[0] / $transform[2],
     y: -$transform[1] / $transform[2],
     width: $width / $transform[2],
-    height: $height / $transform[2],
+    height: $height / $transform[2]
   } as Rect;
-  $: boundingRect = $nodes.length > 0 ? getBoundsOfRects(getRectOfNodes($nodes, $nodeOrigin), viewBB) : viewBB
+  $: boundingRect =
+    $nodes.length > 0 ? getBoundsOfRects(getRectOfNodes($nodes, $nodeOrigin), viewBB) : viewBB;
   $: elementWidth = (style?.width as number) ?? defaultWidth;
-  $: elementHeight = (style?.height as number) ?? defaultHeight;  
+  $: elementHeight = (style?.height as number) ?? defaultHeight;
   $: scaledWidth = boundingRect.width / elementWidth;
   $: scaledHeight = boundingRect.height / elementHeight;
   $: viewScale = Math.max(scaledWidth, scaledHeight);
@@ -55,7 +58,11 @@
   $: viewboxHeight = viewHeight + offset * 2;
 </script>
 
-<Panel position={position} class={cc(['react-flow__minimap', className])} style={`background-color: ${bgColor};`}>
+<Panel
+  {position}
+  class={cc(['react-flow__minimap', className])}
+  style={`background-color: ${bgColor};`}
+>
   <svg
     width={elementWidth}
     height={elementHeight}
@@ -65,7 +72,7 @@
   >
     {#if ariaLabel}<title id={labelledBy}>{ariaLabel}</title>{/if}
 
-    {#each $nodes as node(node.id)}
+    {#each $nodes as node (node.id)}
       {#if node.width && node.height}
         {@const pos = getNodePositionWithOrigin(node, $nodeOrigin).positionAbsolute}
         <MinimapNode
@@ -77,7 +84,7 @@
           borderRadius={nodeBorderRadius}
           strokeColor={nodeStrokeColorFunc(node)}
           strokeWidth={nodeStrokeWidth}
-          shapeRendering={shapeRendering}
+          {shapeRendering}
           class={nodeClassNameFunc(node)}
           style={{}}
         />
@@ -85,7 +92,9 @@
     {/each}
     <path
       class="react-flow__minimap-mask"
-      d={`M${x - offset},${y - offset}h${viewboxWidth + offset * 2}v${viewboxHeight + offset * 2}h${-viewboxWidth - offset * 2}z
+      d={`M${x - offset},${y - offset}h${viewboxWidth + offset * 2}v${viewboxHeight + offset * 2}h${
+        -viewboxWidth - offset * 2
+      }z
     M${viewBB.x},${viewBB.y}h${viewBB.width}v${viewBB.height}h${-viewBB.width}z`}
       fill={maskColor}
       fill-rule="evenodd"
@@ -94,4 +103,4 @@
       pointer-events="none"
     />
   </svg>
-</Panel>
\ No newline at end of file
+</Panel>
diff --git a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
index 5d5493325..079ef22a3 100644
--- a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
@@ -20,14 +20,14 @@
 
 <rect
   class={cc(['react-flow__minimap-node', className])}
-  x={x}
-  y={y}
+  {x}
+  {y}
   rx={borderRadius}
   ry={borderRadius}
-  width={width}
-  height={height}
-  fill={fill}
+  {width}
+  {height}
+  {fill}
   stroke={strokeColor}
   stroke-width={strokeWidth}
   shape-rendering={shapeRendering}
-/>
\ No newline at end of file
+/>
diff --git a/packages/svelte/src/lib/store/connection-path.ts b/packages/svelte/src/lib/store/connection-path.ts
index 9b2805fa6..bd3b420d1 100644
--- a/packages/svelte/src/lib/store/connection-path.ts
+++ b/packages/svelte/src/lib/store/connection-path.ts
@@ -5,72 +5,72 @@ import type { SvelteFlowStoreState } from './types';
 import { derived } from 'svelte/store';
 
 const oppositePosition = {
-	[Position.Left]: Position.Right,
-	[Position.Right]: Position.Left,
-	[Position.Top]: Position.Bottom,
-	[Position.Bottom]: Position.Top
+  [Position.Left]: Position.Right,
+  [Position.Right]: Position.Left,
+  [Position.Top]: Position.Bottom,
+  [Position.Bottom]: Position.Top
 };
 
 export function getConnectionPath(store: SvelteFlowStoreState) {
-	return derived(
-		[
-			store.connection,
-			store.connectionLineType,
-			store.connectionMode,
-			store.nodes,
-			store.transform
-		],
-		([$connection, $connectionLineType, $connectionMode, $nodes, $transform]) => {
-			if (!$connection.nodeId) {
-				return null;
-			}
+  return derived(
+    [
+      store.connection,
+      store.connectionLineType,
+      store.connectionMode,
+      store.nodes,
+      store.transform
+    ],
+    ([$connection, $connectionLineType, $connectionMode, $nodes, $transform]) => {
+      if (!$connection.nodeId) {
+        return null;
+      }
 
-			const fromNode = $nodes.find((n) => n.id === $connection.nodeId);
-			const fromHandleBounds = fromNode?.[internalsSymbol]?.handleBounds;
-			const handleBoundsStrict = fromHandleBounds?.[$connection.handleType || 'source'] || [];
-			const handleBoundsLoose = handleBoundsStrict
-				? handleBoundsStrict
-				: fromHandleBounds?.[$connection.handleType === 'source' ? 'target' : 'source']!;
-			const handleBounds =
-				$connectionMode === ConnectionMode.Strict ? handleBoundsStrict : handleBoundsLoose;
-			const fromHandle = $connection.handleId
-				? handleBounds.find((d) => d.id === $connection.handleId)
-				: handleBounds[0];
-			const fromHandleX = fromHandle
-				? fromHandle.x + fromHandle.width / 2
-				: (fromNode?.width ?? 0) / 2;
-			const fromHandleY = fromHandle ? fromHandle.y + fromHandle.height / 2 : fromNode?.height ?? 0;
-			const fromX = (fromNode?.positionAbsolute?.x ?? 0) + fromHandleX;
-			const fromY = (fromNode?.positionAbsolute?.y ?? 0) + fromHandleY;
-			const fromPosition = fromHandle?.position;
-			const toPosition = fromPosition ? oppositePosition[fromPosition] : undefined;
+      const fromNode = $nodes.find((n) => n.id === $connection.nodeId);
+      const fromHandleBounds = fromNode?.[internalsSymbol]?.handleBounds;
+      const handleBoundsStrict = fromHandleBounds?.[$connection.handleType || 'source'] || [];
+      const handleBoundsLoose = handleBoundsStrict
+        ? handleBoundsStrict
+        : fromHandleBounds?.[$connection.handleType === 'source' ? 'target' : 'source']!;
+      const handleBounds =
+        $connectionMode === ConnectionMode.Strict ? handleBoundsStrict : handleBoundsLoose;
+      const fromHandle = $connection.handleId
+        ? handleBounds.find((d) => d.id === $connection.handleId)
+        : handleBounds[0];
+      const fromHandleX = fromHandle
+        ? fromHandle.x + fromHandle.width / 2
+        : (fromNode?.width ?? 0) / 2;
+      const fromHandleY = fromHandle ? fromHandle.y + fromHandle.height / 2 : fromNode?.height ?? 0;
+      const fromX = (fromNode?.positionAbsolute?.x ?? 0) + fromHandleX;
+      const fromY = (fromNode?.positionAbsolute?.y ?? 0) + fromHandleY;
+      const fromPosition = fromHandle?.position;
+      const toPosition = fromPosition ? oppositePosition[fromPosition] : undefined;
 
-			const pathParams = {
-				sourceX: fromX,
-				sourceY: fromY,
-				sourcePosition: fromPosition,
-				targetX: (($connection.position?.x ?? 0) - $transform[0]) / $transform[2],
-				targetY: (($connection.position?.y ?? 0) - $transform[1]) / $transform[2],
-				targetPosition: toPosition
-			};
+      const pathParams = {
+        sourceX: fromX,
+        sourceY: fromY,
+        sourcePosition: fromPosition,
+        targetX: (($connection.position?.x ?? 0) - $transform[0]) / $transform[2],
+        targetY: (($connection.position?.y ?? 0) - $transform[1]) / $transform[2],
+        targetPosition: toPosition
+      };
 
-			let path = '';
+      let path = '';
 
-			if ($connectionLineType === ConnectionLineType.Bezier) {
-				// we assume the destination position is opposite to the source position
-				[path] = getBezierPath(pathParams);
-			} else if ($connectionLineType === ConnectionLineType.Step) {
-				[path] = getSmoothStepPath({
-					...pathParams,
-					borderRadius: 0
-				});
-			} else if ($connectionLineType === ConnectionLineType.SmoothStep) {
-				[path] = getSmoothStepPath(pathParams);
-			} else {
-				[path] = getStraightPath(pathParams);
-			}
+      if ($connectionLineType === ConnectionLineType.Bezier) {
+        // we assume the destination position is opposite to the source position
+        [path] = getBezierPath(pathParams);
+      } else if ($connectionLineType === ConnectionLineType.Step) {
+        [path] = getSmoothStepPath({
+          ...pathParams,
+          borderRadius: 0
+        });
+      } else if ($connectionLineType === ConnectionLineType.SmoothStep) {
+        [path] = getSmoothStepPath(pathParams);
+      } else {
+        [path] = getStraightPath(pathParams);
+      }
 
-			return path;
-		}
-	);
+      return path;
+    }
+  );
 }
diff --git a/packages/svelte/src/lib/store/edges-layouted.ts b/packages/svelte/src/lib/store/edges-layouted.ts
index b1acfd531..b5825e990 100644
--- a/packages/svelte/src/lib/store/edges-layouted.ts
+++ b/packages/svelte/src/lib/store/edges-layouted.ts
@@ -6,56 +6,56 @@ import type { WrapEdgeProps } from '$lib/types';
 import type { SvelteFlowStoreState } from './types';
 
 export function getEdgesLayouted(store: SvelteFlowStoreState) {
-	return derived([store.edges, store.nodes], ([$edges, $nodes]) => {
-		return $edges
-			.map((edge) => {
-				const sourceNode = $nodes.find((node) => node.id === edge.source);
-				const targetNode = $nodes.find((node) => node.id === edge.target);
-				const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(sourceNode);
-				const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(targetNode);
-
-				if (!sourceIsValid || !targetIsValid) {
-					return null;
-				}
-
-				const edgeType = edge.type || 'default';
-
-				const targetNodeHandles = targetHandleBounds!.target;
-				const sourceHandle = getHandle(sourceHandleBounds!.source!, edge.sourceHandle);
-				const targetHandle = getHandle(targetNodeHandles!, edge.targetHandle);
-				const sourcePosition = sourceHandle?.position || Position.Bottom;
-				const targetPosition = targetHandle?.position || Position.Top;
-
-				if (!sourceHandle || !targetHandle) {
-					return null;
-				}
-
-				const { sourceX, sourceY, targetX, targetY } = getEdgePositions(
-					sourceNodeRect,
-					sourceHandle,
-					sourcePosition,
-					targetNodeRect,
-					targetHandle,
-					targetPosition
-				);
-
-				// we nee to do this to match the types
-				const sourceHandleId = edge.sourceHandle;
-				const targetHandleId = edge.targetHandle;
-
-				return {
-					...edge,
-					type: edgeType,
-					sourceX,
-					sourceY,
-					targetX,
-					targetY,
-					sourcePosition,
-					targetPosition,
-					sourceHandleId,
-					targetHandleId
-				};
-			})
-			.filter((e) => e !== null) as WrapEdgeProps[];
-	});
+  return derived([store.edges, store.nodes], ([$edges, $nodes]) => {
+    return $edges
+      .map((edge) => {
+        const sourceNode = $nodes.find((node) => node.id === edge.source);
+        const targetNode = $nodes.find((node) => node.id === edge.target);
+        const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(sourceNode);
+        const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(targetNode);
+
+        if (!sourceIsValid || !targetIsValid) {
+          return null;
+        }
+
+        const edgeType = edge.type || 'default';
+
+        const targetNodeHandles = targetHandleBounds!.target;
+        const sourceHandle = getHandle(sourceHandleBounds!.source!, edge.sourceHandle);
+        const targetHandle = getHandle(targetNodeHandles!, edge.targetHandle);
+        const sourcePosition = sourceHandle?.position || Position.Bottom;
+        const targetPosition = targetHandle?.position || Position.Top;
+
+        if (!sourceHandle || !targetHandle) {
+          return null;
+        }
+
+        const { sourceX, sourceY, targetX, targetY } = getEdgePositions(
+          sourceNodeRect,
+          sourceHandle,
+          sourcePosition,
+          targetNodeRect,
+          targetHandle,
+          targetPosition
+        );
+
+        // we nee to do this to match the types
+        const sourceHandleId = edge.sourceHandle;
+        const targetHandleId = edge.targetHandle;
+
+        return {
+          ...edge,
+          type: edgeType,
+          sourceX,
+          sourceY,
+          targetX,
+          targetY,
+          sourcePosition,
+          targetPosition,
+          sourceHandleId,
+          targetHandleId
+        };
+      })
+      .filter((e) => e !== null) as WrapEdgeProps[];
+  });
 }
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 63da61042..5039627c2 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -1,23 +1,23 @@
 import { getContext } from 'svelte';
 import { get } from 'svelte/store';
 import {
-	type Transform,
-	type NodeDragItem,
-	type NodeDimensionUpdate,
-	internalsSymbol,
-	type NodeOrigin,
-	type ViewportHelperFunctionOptions,
-	type Node as RFNode,
-	type Connection,
-	type XYPosition,
-	type CoordinateExtent
+  type Transform,
+  type NodeDragItem,
+  type NodeDimensionUpdate,
+  internalsSymbol,
+  type NodeOrigin,
+  type ViewportHelperFunctionOptions,
+  type Node as RFNode,
+  type Connection,
+  type XYPosition,
+  type CoordinateExtent
 } from '@reactflow/system';
 import {
-	fitView as fitViewUtil,
-	getConnectedEdges,
-	getD3Transition,
-	getDimensions,
-	addEdge as addEdgeUtil
+  fitView as fitViewUtil,
+  getConnectedEdges,
+  getD3Transition,
+  getDimensions,
+  addEdge as addEdgeUtil
 } from '@reactflow/utils';
 import { zoomIdentity } from 'd3-zoom';
 
@@ -32,307 +32,307 @@ import type { SvelteFlowStore } from './types';
 export const key = Symbol();
 
 type CreateStoreProps = {
-	fitView?: boolean;
-	nodeOrigin?: NodeOrigin;
-	transform?: Transform;
-	nodeTypes?: NodeTypes;
-	edgeTypes?: EdgeTypes;
-	id?: string;
+  fitView?: boolean;
+  nodeOrigin?: NodeOrigin;
+  transform?: Transform;
+  nodeTypes?: NodeTypes;
+  edgeTypes?: EdgeTypes;
+  id?: string;
 };
 
 export function createStore({
-	transform = [0, 0, 1],
-	nodeOrigin = [0, 0],
-	fitView: fitViewOnInit = false,
-	nodeTypes = {},
-	edgeTypes = {},
-	id = '1'
+  transform = [0, 0, 1],
+  nodeOrigin = [0, 0],
+  fitView: fitViewOnInit = false,
+  nodeTypes = {},
+  edgeTypes = {},
+  id = '1'
 }: CreateStoreProps): SvelteFlowStore {
-	const store = {
-		...initialStoreState
-	};
-
-	let fitViewOnInitDone = false;
-
-	function setEdges(edges: Edge[]) {
-		store.edges.set(edges);
-	}
-
-	function addEdge(edgeParams: Edge | Connection) {
-		const edges = get(store.edges);
-		store.edges.set(addEdgeUtil(edgeParams, edges));
-	}
-
-	function setNodes(nodes: Node[]) {
-		store.nodes.update((currentNodes) => {
-			const nextNodes = nodes.map((n) => {
-				const currentNode = currentNodes.find((cn) => cn.id === n.id) || {};
-
-				return {
-					...currentNode,
-					...n,
-					positionAbsolute: n.position
-				};
-			});
-
-			return nextNodes;
-		});
-	}
-
-	function updateNodePositions(nodeDragItems: NodeDragItem[], dragging = false) {
-		store.nodes.update((nds) => {
-			return nds.map((n) => {
-				const nodeDragItem = nodeDragItems.find((ndi) => ndi.id === n.id);
-
-				if (nodeDragItem) {
-					return {
-						...n,
-						dragging,
-						positionAbsolute: nodeDragItem.positionAbsolute,
-						position: nodeDragItem.position
-					};
-				}
-
-				return n;
-			});
-		});
-	}
-
-	function updateNodeDimensions(updates: NodeDimensionUpdate[]) {
-		const viewportNode = document?.querySelector('.react-flow__viewport');
-
-		if (!viewportNode) {
-			return;
-		}
-
-		const style = window.getComputedStyle(viewportNode);
-		const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
-
-		const nextNodes = get(store.nodes).map((node) => {
-			const update = updates.find((u) => u.id === node.id);
-
-			if (update) {
-				const dimensions = getDimensions(update.nodeElement);
-
-				const doUpdate = !!(
-					dimensions.width &&
-					dimensions.height &&
-					(node.width !== dimensions.width ||
-						node.height !== dimensions.height ||
-						update.forceUpdate)
-				);
-
-				if (doUpdate) {
-					node[internalsSymbol] = {
-						...node[internalsSymbol],
-						handleBounds: {
-							source: getHandleBounds('.source', update.nodeElement, zoom),
-							target: getHandleBounds('.target', update.nodeElement, zoom)
-						}
-					};
-					node.width = dimensions.width;
-					node.height = dimensions.height;
-				}
-			}
-
-			return node;
-		});
-
-		const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
-
-		fitViewOnInitDone =
-			fitViewOnInitDone || (fitViewOnInit && !!d3Zoom && !!d3Selection && fitView());
-
-		store.nodes.set(nextNodes);
-	}
-
-	function zoomIn(options?: ViewportHelperFunctionOptions) {
-		const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
-
-		if (d3Zoom && d3Selection) {
-			d3Zoom.scaleBy(getD3Transition(d3Selection, options?.duration), 1.2);
-		}
-	}
-
-	function zoomOut(options?: ViewportHelperFunctionOptions) {
-		const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
-		if (d3Zoom && d3Selection) {
-			d3Zoom.scaleBy(getD3Transition(d3Selection, options?.duration), 1 / 1.2);
-		}
-	}
-
-	function fitView() {
-		const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
-
-		if (!d3Zoom || !d3Selection) {
-			return false;
-		}
-
-		return fitViewUtil(
-			{
-				nodes: get(store.nodes) as RFNode[],
-				width: get(store.width),
-				height: get(store.height),
-				minZoom: 0.2,
-				maxZoom: 2,
-				d3Selection,
-				d3Zoom,
-				nodeOrigin: get(store.nodeOrigin)
-			},
-			{}
-		);
-	}
-
-	function resetSelectedItem<T extends Node | Edge>(item: T) {
-		if (item.selected) {
-			return {
-				...item,
-				selected: false
-			};
-		}
-
-		return item;
-	}
-
-	function resetSelectedElements() {
-		store.nodes.update((ns) => ns.map(resetSelectedItem));
-		store.edges.update((es) => es.map(resetSelectedItem));
-	}
-
-	store.deleteKeyPressed.subscribe((deleteKeyPressed) => {
-		if (deleteKeyPressed) {
-			const nodes = get(store.nodes);
-			const edges = get(store.edges);
-			const selectedNodes = nodes.filter((node) => node.selected);
-			const selectedEdges = edges.filter((edge) => edge.selected);
-
-			// @todo can we put this stuff into @reactflow/utils?
-			const nodeIds = selectedNodes.map((node) => node.id);
-			const edgeIds = selectedEdges.map((edge) => edge.id);
-			const nodesToRemove = nodes.reduce<Node[]>((res, node) => {
-				const parentHit =
-					!nodeIds.includes(node.id) &&
-					node.parentNode &&
-					res.find((n) => n.id === node.parentNode);
-				const deletable = typeof node.deletable === 'boolean' ? node.deletable : true;
-				if (deletable && (nodeIds.includes(node.id) || parentHit)) {
-					res.push(node);
-				}
-
-				return res;
-			}, []);
-			const deletableEdges = edges.filter((e) =>
-				typeof e.deletable === 'boolean' ? e.deletable : true
-			);
-			const initialHitEdges = deletableEdges.filter((e) => edgeIds.includes(e.id));
-
-			if (nodesToRemove || initialHitEdges) {
-				const connectedEdges = getConnectedEdges(nodesToRemove as RFNode[], deletableEdges);
-				const edgesToRemove = [...initialHitEdges, ...connectedEdges];
-				const edgeIdsToRemove = edgesToRemove.reduce<string[]>((res, edge) => {
-					if (!res.includes(edge.id)) {
-						res.push(edge.id);
-					}
-					return res;
-				}, []);
-
-				store.nodes.update((nds) => nds.filter((node) => !nodeIds.includes(node.id)));
-				store.edges.update((eds) => eds.filter((edge) => !edgeIdsToRemove.includes(edge.id)));
-			}
-		}
-	});
-
-	function addSelectedNodes(ids: string[]) {
-		store.selectionRect.set(null);
-		store.selectionRectMode.set(null);
-
-		if (get(store.multiselectionKeyPressed)) {
-			// @todo handle multiselection key
-		}
-
-		store.nodes.update((ns) =>
-			ns.map((node) => {
-				return {
-					...node,
-					selected: ids.includes(node.id)
-				};
-			})
-		);
-	}
-
-	function panBy(delta: XYPosition) {
-		const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
-		const transform = get(store.transform);
-		const width = get(store.width);
-		const height = get(store.height);
-
-		if (!d3Zoom || !d3Selection || (!delta.x && !delta.y)) {
-			return;
-		}
-
-		const nextTransform = zoomIdentity
-			.translate(transform[0] + delta.x, transform[1] + delta.y)
-			.scale(transform[2]);
-
-		const extent: CoordinateExtent = [
-			[0, 0],
-			[width, height]
-		];
-
-		const constrainedTransform = d3Zoom?.constrain()(nextTransform, extent, [
-			[Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
-			[Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY]
-		]);
-		d3Zoom.transform(d3Selection, constrainedTransform);
-	}
-
-	function updateConnection(connectionUpdate: Partial<ConnectionData> | null) {
-		const currentConnectionData = get(store.connection);
-		const nextConnectionData = currentConnectionData
-			? {
-					...initConnectionData,
-					...currentConnectionData,
-					...connectionUpdate
-			  }
-			: {
-					...initConnectionData,
-					...connectionUpdate
-			  };
-
-		store.connection.set(nextConnectionData);
-	}
-
-	function cancelConnection() {
-		updateConnection(initConnectionData);
-	}
-
-	return {
-		// state
-		...store,
-
-		// derived state
-		edgesLayouted: getEdgesLayouted(store),
-		connectionPath: getConnectionPath(store),
-
-		// actions
-		setNodes,
-		setEdges,
-		addEdge,
-		updateNodePositions,
-		updateNodeDimensions,
-		zoomIn,
-		zoomOut,
-		fitView,
-		resetSelectedElements,
-		addSelectedNodes,
-		panBy,
-		updateConnection,
-		cancelConnection
-	};
+  const store = {
+    ...initialStoreState
+  };
+
+  let fitViewOnInitDone = false;
+
+  function setEdges(edges: Edge[]) {
+    store.edges.set(edges);
+  }
+
+  function addEdge(edgeParams: Edge | Connection) {
+    const edges = get(store.edges);
+    store.edges.set(addEdgeUtil(edgeParams, edges));
+  }
+
+  function setNodes(nodes: Node[]) {
+    store.nodes.update((currentNodes) => {
+      const nextNodes = nodes.map((n) => {
+        const currentNode = currentNodes.find((cn) => cn.id === n.id) || {};
+
+        return {
+          ...currentNode,
+          ...n,
+          positionAbsolute: n.position
+        };
+      });
+
+      return nextNodes;
+    });
+  }
+
+  function updateNodePositions(nodeDragItems: NodeDragItem[], dragging = false) {
+    store.nodes.update((nds) => {
+      return nds.map((n) => {
+        const nodeDragItem = nodeDragItems.find((ndi) => ndi.id === n.id);
+
+        if (nodeDragItem) {
+          return {
+            ...n,
+            dragging,
+            positionAbsolute: nodeDragItem.positionAbsolute,
+            position: nodeDragItem.position
+          };
+        }
+
+        return n;
+      });
+    });
+  }
+
+  function updateNodeDimensions(updates: NodeDimensionUpdate[]) {
+    const viewportNode = document?.querySelector('.react-flow__viewport');
+
+    if (!viewportNode) {
+      return;
+    }
+
+    const style = window.getComputedStyle(viewportNode);
+    const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
+
+    const nextNodes = get(store.nodes).map((node) => {
+      const update = updates.find((u) => u.id === node.id);
+
+      if (update) {
+        const dimensions = getDimensions(update.nodeElement);
+
+        const doUpdate = !!(
+          dimensions.width &&
+          dimensions.height &&
+          (node.width !== dimensions.width ||
+            node.height !== dimensions.height ||
+            update.forceUpdate)
+        );
+
+        if (doUpdate) {
+          node[internalsSymbol] = {
+            ...node[internalsSymbol],
+            handleBounds: {
+              source: getHandleBounds('.source', update.nodeElement, zoom),
+              target: getHandleBounds('.target', update.nodeElement, zoom)
+            }
+          };
+          node.width = dimensions.width;
+          node.height = dimensions.height;
+        }
+      }
+
+      return node;
+    });
+
+    const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
+
+    fitViewOnInitDone =
+      fitViewOnInitDone || (fitViewOnInit && !!d3Zoom && !!d3Selection && fitView());
+
+    store.nodes.set(nextNodes);
+  }
+
+  function zoomIn(options?: ViewportHelperFunctionOptions) {
+    const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
+
+    if (d3Zoom && d3Selection) {
+      d3Zoom.scaleBy(getD3Transition(d3Selection, options?.duration), 1.2);
+    }
+  }
+
+  function zoomOut(options?: ViewportHelperFunctionOptions) {
+    const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
+    if (d3Zoom && d3Selection) {
+      d3Zoom.scaleBy(getD3Transition(d3Selection, options?.duration), 1 / 1.2);
+    }
+  }
+
+  function fitView() {
+    const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
+
+    if (!d3Zoom || !d3Selection) {
+      return false;
+    }
+
+    return fitViewUtil(
+      {
+        nodes: get(store.nodes) as RFNode[],
+        width: get(store.width),
+        height: get(store.height),
+        minZoom: 0.2,
+        maxZoom: 2,
+        d3Selection,
+        d3Zoom,
+        nodeOrigin: get(store.nodeOrigin)
+      },
+      {}
+    );
+  }
+
+  function resetSelectedItem<T extends Node | Edge>(item: T) {
+    if (item.selected) {
+      return {
+        ...item,
+        selected: false
+      };
+    }
+
+    return item;
+  }
+
+  function resetSelectedElements() {
+    store.nodes.update((ns) => ns.map(resetSelectedItem));
+    store.edges.update((es) => es.map(resetSelectedItem));
+  }
+
+  store.deleteKeyPressed.subscribe((deleteKeyPressed) => {
+    if (deleteKeyPressed) {
+      const nodes = get(store.nodes);
+      const edges = get(store.edges);
+      const selectedNodes = nodes.filter((node) => node.selected);
+      const selectedEdges = edges.filter((edge) => edge.selected);
+
+      // @todo can we put this stuff into @reactflow/utils?
+      const nodeIds = selectedNodes.map((node) => node.id);
+      const edgeIds = selectedEdges.map((edge) => edge.id);
+      const nodesToRemove = nodes.reduce<Node[]>((res, node) => {
+        const parentHit =
+          !nodeIds.includes(node.id) &&
+          node.parentNode &&
+          res.find((n) => n.id === node.parentNode);
+        const deletable = typeof node.deletable === 'boolean' ? node.deletable : true;
+        if (deletable && (nodeIds.includes(node.id) || parentHit)) {
+          res.push(node);
+        }
+
+        return res;
+      }, []);
+      const deletableEdges = edges.filter((e) =>
+        typeof e.deletable === 'boolean' ? e.deletable : true
+      );
+      const initialHitEdges = deletableEdges.filter((e) => edgeIds.includes(e.id));
+
+      if (nodesToRemove || initialHitEdges) {
+        const connectedEdges = getConnectedEdges(nodesToRemove as RFNode[], deletableEdges);
+        const edgesToRemove = [...initialHitEdges, ...connectedEdges];
+        const edgeIdsToRemove = edgesToRemove.reduce<string[]>((res, edge) => {
+          if (!res.includes(edge.id)) {
+            res.push(edge.id);
+          }
+          return res;
+        }, []);
+
+        store.nodes.update((nds) => nds.filter((node) => !nodeIds.includes(node.id)));
+        store.edges.update((eds) => eds.filter((edge) => !edgeIdsToRemove.includes(edge.id)));
+      }
+    }
+  });
+
+  function addSelectedNodes(ids: string[]) {
+    store.selectionRect.set(null);
+    store.selectionRectMode.set(null);
+
+    if (get(store.multiselectionKeyPressed)) {
+      // @todo handle multiselection key
+    }
+
+    store.nodes.update((ns) =>
+      ns.map((node) => {
+        return {
+          ...node,
+          selected: ids.includes(node.id)
+        };
+      })
+    );
+  }
+
+  function panBy(delta: XYPosition) {
+    const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
+    const transform = get(store.transform);
+    const width = get(store.width);
+    const height = get(store.height);
+
+    if (!d3Zoom || !d3Selection || (!delta.x && !delta.y)) {
+      return;
+    }
+
+    const nextTransform = zoomIdentity
+      .translate(transform[0] + delta.x, transform[1] + delta.y)
+      .scale(transform[2]);
+
+    const extent: CoordinateExtent = [
+      [0, 0],
+      [width, height]
+    ];
+
+    const constrainedTransform = d3Zoom?.constrain()(nextTransform, extent, [
+      [Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
+      [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY]
+    ]);
+    d3Zoom.transform(d3Selection, constrainedTransform);
+  }
+
+  function updateConnection(connectionUpdate: Partial<ConnectionData> | null) {
+    const currentConnectionData = get(store.connection);
+    const nextConnectionData = currentConnectionData
+      ? {
+          ...initConnectionData,
+          ...currentConnectionData,
+          ...connectionUpdate
+        }
+      : {
+          ...initConnectionData,
+          ...connectionUpdate
+        };
+
+    store.connection.set(nextConnectionData);
+  }
+
+  function cancelConnection() {
+    updateConnection(initConnectionData);
+  }
+
+  return {
+    // state
+    ...store,
+
+    // derived state
+    edgesLayouted: getEdgesLayouted(store),
+    connectionPath: getConnectionPath(store),
+
+    // actions
+    setNodes,
+    setEdges,
+    addEdge,
+    updateNodePositions,
+    updateNodeDimensions,
+    zoomIn,
+    zoomOut,
+    fitView,
+    resetSelectedElements,
+    addSelectedNodes,
+    panBy,
+    updateConnection,
+    cancelConnection
+  };
 }
 
 export function useStore(): SvelteFlowStore {
-	const { getStore } = getContext<{ getStore: () => SvelteFlowStore }>(key);
+  const { getStore } = getContext<{ getStore: () => SvelteFlowStore }>(key);
 
-	return getStore();
+  return getStore();
 }
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 43221c0b6..80f74ffc1 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -1,13 +1,13 @@
 import { readable, writable } from 'svelte/store';
 import {
-	SelectionMode,
-	type D3ZoomInstance,
-	type D3SelectionInstance,
-	ConnectionMode,
-	ConnectionLineType,
-	type Transform,
-	type NodeOrigin,
-	type Rect
+  SelectionMode,
+  type D3ZoomInstance,
+  type D3SelectionInstance,
+  ConnectionMode,
+  ConnectionLineType,
+  type Transform,
+  type NodeOrigin,
+  type Rect
 } from '@reactflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -19,47 +19,47 @@ import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
 
 export const initConnectionData = {
-	nodeId: null,
-	handleId: null,
-	handleType: null,
-	position: null,
-	status: null
+  nodeId: null,
+  handleId: null,
+  handleType: null,
+  position: null,
+  status: null
 };
 
 export const initialStoreState = {
-	nodes: writable<Node[]>([]),
-	edges: writable<Edge[]>([]),
-	edgesLayouted: readable<Edge[]>([]),
-	height: writable<number>(500),
-	width: writable<number>(500),
-	nodeOrigin: writable<NodeOrigin>([0.5, 0.5]),
-	d3: writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>({
-		zoom: null,
-		selection: null
-	}),
-	id: writable<string | null>(null),
-	dragging: writable<boolean>(false),
-	selectionRect: writable<(Rect & { startX: number; startY: number }) | null>(null),
-	selectionKeyPressed: writable<boolean>(false),
-	multiselectionKeyPressed: writable<boolean>(false),
-	deleteKeyPressed: writable<boolean>(false),
-	selectionRectMode: writable<string | null>(null),
-	selectionMode: writable<SelectionMode>(SelectionMode.Partial),
-	nodeTypes: writable<NodeTypes>({
-		input: InputNode,
-		output: OutputNode,
-		default: DefaultNode
-	}),
-	edgeTypes: writable<EdgeTypes>({
-		straight: StraightEdge,
-		smoothstep: SmoothStepEdge,
-		default: BezierEdge
-	}),
-	transform: writable<Transform>([0, 0, 1]),
-	connectionMode: writable<ConnectionMode>(ConnectionMode.Strict),
-	domNode: writable<HTMLDivElement | null>(null),
-	connectionPath: readable<string | null>(null),
-	connection: writable<ConnectionData>(initConnectionData),
-	connectionRadius: writable<number>(25),
-	connectionLineType: writable<ConnectionLineType>(ConnectionLineType.Bezier)
+  nodes: writable<Node[]>([]),
+  edges: writable<Edge[]>([]),
+  edgesLayouted: readable<Edge[]>([]),
+  height: writable<number>(500),
+  width: writable<number>(500),
+  nodeOrigin: writable<NodeOrigin>([0.5, 0.5]),
+  d3: writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>({
+    zoom: null,
+    selection: null
+  }),
+  id: writable<string | null>(null),
+  dragging: writable<boolean>(false),
+  selectionRect: writable<(Rect & { startX: number; startY: number }) | null>(null),
+  selectionKeyPressed: writable<boolean>(false),
+  multiselectionKeyPressed: writable<boolean>(false),
+  deleteKeyPressed: writable<boolean>(false),
+  selectionRectMode: writable<string | null>(null),
+  selectionMode: writable<SelectionMode>(SelectionMode.Partial),
+  nodeTypes: writable<NodeTypes>({
+    input: InputNode,
+    output: OutputNode,
+    default: DefaultNode
+  }),
+  edgeTypes: writable<EdgeTypes>({
+    straight: StraightEdge,
+    smoothstep: SmoothStepEdge,
+    default: BezierEdge
+  }),
+  transform: writable<Transform>([0, 0, 1]),
+  connectionMode: writable<ConnectionMode>(ConnectionMode.Strict),
+  domNode: writable<HTMLDivElement | null>(null),
+  connectionPath: readable<string | null>(null),
+  connection: writable<ConnectionData>(initConnectionData),
+  connectionRadius: writable<number>(25),
+  connectionLineType: writable<ConnectionLineType>(ConnectionLineType.Bezier)
 };
diff --git a/packages/svelte/src/lib/store/types.d.ts b/packages/svelte/src/lib/store/types.d.ts
index d9f32e4df..c7c3a4c44 100644
--- a/packages/svelte/src/lib/store/types.d.ts
+++ b/packages/svelte/src/lib/store/types.d.ts
@@ -1,32 +1,32 @@
 import type {
-	NodeDimensionUpdate,
-	XYPosition,
-	ViewportHelperFunctionOptions,
-	Connection,
-	NodeDragItem
+  NodeDimensionUpdate,
+  XYPosition,
+  ViewportHelperFunctionOptions,
+  Connection,
+  NodeDragItem
 } from '@reactflow/system';
 
 import { initialStoreState } from './initial-store';
 import type { Node, Edge, ConnectionData } from '$lib/types';
 
 export type SvelteFlowStoreActions = {
-	setNodes: (nodes: Node[]) => void;
-	setEdges: (edges: Edge[]) => void;
-	addEdge: (edge: Edge | Connection) => void;
-	zoomIn: (options?: ViewportHelperFunctionOptions) => void;
-	zoomOut: (options?: ViewportHelperFunctionOptions) => void;
-	fitView: (options?: ViewportHelperFunctionOptions) => boolean;
-	updateNodePositions: (
-		nodeDragItems: NodeDragItem[],
-		positionChanged?: boolean,
-		dragging?: boolean
-	) => void;
-	updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
-	resetSelectedElements: () => void;
-	addSelectedNodes: (ids: string[]) => void;
-	panBy: (delta: XYPosition) => void;
-	updateConnection: (connection: Partial<ConnectionData>) => void;
-	cancelConnection: () => void;
+  setNodes: (nodes: Node[]) => void;
+  setEdges: (edges: Edge[]) => void;
+  addEdge: (edge: Edge | Connection) => void;
+  zoomIn: (options?: ViewportHelperFunctionOptions) => void;
+  zoomOut: (options?: ViewportHelperFunctionOptions) => void;
+  fitView: (options?: ViewportHelperFunctionOptions) => boolean;
+  updateNodePositions: (
+    nodeDragItems: NodeDragItem[],
+    positionChanged?: boolean,
+    dragging?: boolean
+  ) => void;
+  updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
+  resetSelectedElements: () => void;
+  addSelectedNodes: (ids: string[]) => void;
+  panBy: (delta: XYPosition) => void;
+  updateConnection: (connection: Partial<ConnectionData>) => void;
+  cancelConnection: () => void;
 };
 
 export type SvelteFlowStoreState = typeof initialStoreState;
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index 81f32c0ac..b759fd89b 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -7,25 +7,25 @@ export type KeyDefinitionObject = { key: string; modifier?: KeyModifier };
 export type KeyDefinition = string | KeyDefinitionObject;
 
 export type ConnectionData = {
-	position: XYPosition | null;
-	nodeId: string | null;
-	handleId: string | null;
-	handleType: HandleType | null;
-	status: string | null;
+  position: XYPosition | null;
+  nodeId: string | null;
+  handleId: string | null;
+  handleType: HandleType | null;
+  status: string | null;
 };
 
 export type ConnectionLineProps = {};
 
 export type SvelteFlowProps = {
-	nodes: Node[];
-	edges: Edge[];
+  nodes: Node[];
+  edges: Edge[];
 
-	connectionLineType?: ConnectionLineType;
-	selectionKey?: KeyDefinition;
-	deleteKey?: KeyDefinition;
-	nodeTypes?: NodeTypes;
-	fitView?: boolean;
-	class?: string;
-	style?: string;
-	id?: string;
+  connectionLineType?: ConnectionLineType;
+  selectionKey?: KeyDefinition;
+  deleteKey?: KeyDefinition;
+  nodeTypes?: NodeTypes;
+  fitView?: boolean;
+  class?: string;
+  style?: string;
+  id?: string;
 };
diff --git a/packages/svelte/src/lib/types/index.ts b/packages/svelte/src/lib/types/index.ts
index ced30c7ab..2fccfa9a5 100644
--- a/packages/svelte/src/lib/types/index.ts
+++ b/packages/svelte/src/lib/types/index.ts
@@ -1,10 +1,10 @@
 export type {
-	Position,
-	XYPosition,
-	Edge,
-	BaseEdgeProps,
-	WrapEdgeProps,
-	EdgeProps
+  Position,
+  XYPosition,
+  Edge,
+  BaseEdgeProps,
+  WrapEdgeProps,
+  EdgeProps
 } from '@reactflow/system';
 
 export * from './nodes';
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index cc180f128..9b4025c5e 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -5,43 +5,43 @@ import type { internalsSymbol, NodeHandleBounds, Position, XYPosition } from '@r
 // we need a base node type or helpes that accept Node like types
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type Node<NodeData = any> = {
-	id: string;
-	type: string;
-	data: NodeData;
-	position: XYPosition;
-	sourcePosition?: Position;
-	targetPosition?: Position;
-	positionAbsolute?: XYPosition;
+  id: string;
+  type: string;
+  data: NodeData;
+  position: XYPosition;
+  sourcePosition?: Position;
+  targetPosition?: Position;
+  positionAbsolute?: XYPosition;
 
-	width?: number;
-	height?: number;
-	selected?: boolean;
-	class?: string;
-	style?: string;
-	deletable?: boolean;
-	// not supported yet
-	parentNode?: string;
+  width?: number;
+  height?: number;
+  selected?: boolean;
+  class?: string;
+  style?: string;
+  deletable?: boolean;
+  // not supported yet
+  parentNode?: string;
 
-	// only used internally
-	[internalsSymbol]?: {
-		z?: number;
-		handleBounds?: NodeHandleBounds;
-		isParent?: boolean;
-	};
+  // only used internally
+  [internalsSymbol]?: {
+    z?: number;
+    handleBounds?: NodeHandleBounds;
+    isParent?: boolean;
+  };
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type NodeProps<NodeData = any> = Pick<
-	Node<NodeData>,
-	'id' | 'data' | 'selected' | 'sourcePosition' | 'targetPosition'
+  Node<NodeData>,
+  'id' | 'data' | 'selected' | 'sourcePosition' | 'targetPosition'
 > & {
-	xPos: number;
-	yPos: number;
-	isConnectable?: boolean;
+  xPos: number;
+  yPos: number;
+  isConnectable?: boolean;
 };
 
 export type WrapNodeProps = Node & {
-	resizeObserver?: ResizeObserver | null;
+  resizeObserver?: ResizeObserver | null;
 };
 
 export type NodeTypes = Record<string, typeof SvelteComponentTyped<Partial<NodeProps>>>;
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index 2eea4c7c9..df9e6fb4b 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -1,10 +1,16 @@
 <script lang="ts">
   import type { Node, Edge, NodeTypes } from '../lib/types';
-  import SvelteFlow, { Controls, Background, BackgroundVariant, Minimap, Panel } from '../lib/index';
+  import SvelteFlow, {
+    Controls,
+    Background,
+    BackgroundVariant,
+    Minimap,
+    Panel
+  } from '../lib/index';
   import CustomNode from '../customnodes/Custom.svelte';
 
   const nodeTypes: NodeTypes = {
-    custom: CustomNode,
+    custom: CustomNode
   };
 
   // const yNodes = 10;
@@ -13,8 +19,6 @@
   // const nodes: Node[] = [];
   // const edges: Edge[] = [];
 
-
-
   // let source = null;
 
   // for (let y = 0; y < yNodes; y++) {
@@ -43,61 +47,70 @@
   //   }
   // }
 
-  let nodes: Node<{ label: string }>[] = [{
-    id: '1',
-    type: 'input',
-    data: { label: 'Input Node' },
-    position: { x: 150, y: 5 }
-   }, {
-    id: '2',
-    type: 'default',
-    data: { label: 'Node' },
-    position: { x: 0, y: 150 },
-  }, {
-    id: 'A',
-    type: 'default',
-    data: { label: 'Styled with class' },
-    class: 'custom-style',
-    position: { x: 150, y: 150 },
-  }, {
-    id: '3',
-    type: 'output',
-    data: { label: 'Output Node' },
-    position: { x: 300, y: 150 },
-  }, 
-  {
-    id: 'B',
-    type: 'default',
-    data: { label: 'Styled with style' },
-    style: 'border: 2px solid #ff5050;',
-    position: { x: 450, y: 150 },
-  },
-  {
-    id: '4',
-    type: 'custom',
-    data: { label: 'Custom Node' },
-    position: { x: 150, y: 300 },
-  }];
+  let nodes: Node<{ label: string }>[] = [
+    {
+      id: '1',
+      type: 'input',
+      data: { label: 'Input Node' },
+      position: { x: 150, y: 5 }
+    },
+    {
+      id: '2',
+      type: 'default',
+      data: { label: 'Node' },
+      position: { x: 0, y: 150 }
+    },
+    {
+      id: 'A',
+      type: 'default',
+      data: { label: 'Styled with class' },
+      class: 'custom-style',
+      position: { x: 150, y: 150 }
+    },
+    {
+      id: '3',
+      type: 'output',
+      data: { label: 'Output Node' },
+      position: { x: 300, y: 150 }
+    },
+    {
+      id: 'B',
+      type: 'default',
+      data: { label: 'Styled with style' },
+      style: 'border: 2px solid #ff5050;',
+      position: { x: 450, y: 150 }
+    },
+    {
+      id: '4',
+      type: 'custom',
+      data: { label: 'Custom Node' },
+      position: { x: 150, y: 300 }
+    }
+  ];
+
+  let edges: Edge[] = [
+    {
+      id: '1-2',
+      type: 'default',
+      source: '1',
+      target: '2',
+      label: 'Edge Text'
+    },
+    {
+      id: '1-3',
+      type: 'smoothstep',
+      source: '1',
+      target: '3'
+    },
+    {
+      id: '2-4',
+      type: 'default',
+      source: '2',
+      target: '4',
+      animated: true
+    }
+  ];
 
-  let edges: Edge[] = [{
-    id: '1-2',
-    type: 'default',
-    source: '1',
-    target: '2',
-    label: 'Edge Text'
-  }, {
-    id: '1-3',
-    type: 'smoothstep',
-    source: '1',
-    target: '3'
-  }, {
-    id: '2-4',
-    type: 'default',
-    source: '2',
-    target: '4',
-    animated: true
-  }];
-  
   function updateNode() {
     nodes[0].position = { x: nodes[0].position.x + 20, y: nodes[0].position.y };
   }
diff --git a/packages/svelte/src/utils/index.ts b/packages/svelte/src/utils/index.ts
index 6a8b42bd1..ead4e7b64 100644
--- a/packages/svelte/src/utils/index.ts
+++ b/packages/svelte/src/utils/index.ts
@@ -1,97 +1,97 @@
 import {
-	type CoordinateExtent,
-	type Dimensions,
-	type XYPosition,
-	type Node,
-	type XYZPosition,
-	type HandleElement,
-	internalsSymbol,
-	Position
+  type CoordinateExtent,
+  type Dimensions,
+  type XYPosition,
+  type Node,
+  type XYZPosition,
+  type HandleElement,
+  internalsSymbol,
+  Position
 } from '@reactflow/system';
 
 export const clamp = (val: number, min = 0, max = 1): number => Math.min(Math.max(val, min), max);
 
 export const clampPosition = (position: XYPosition = { x: 0, y: 0 }, extent: CoordinateExtent) => ({
-	x: clamp(position.x, extent[0][0], extent[1][0]),
-	y: clamp(position.y, extent[0][1], extent[1][1])
+  x: clamp(position.x, extent[0][0], extent[1][0]),
+  y: clamp(position.y, extent[0][1], extent[1][1])
 });
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const isNumeric = (n: any): n is number => !isNaN(n) && isFinite(n);
 
 export const getDimensions = (node: HTMLDivElement): Dimensions => ({
-	width: node.offsetWidth,
-	height: node.offsetHeight
+  width: node.offsetWidth,
+  height: node.offsetHeight
 });
 
 type ParentNodes = Record<string, boolean>;
 
 function calculateXYZPosition(node: Node, nodes: Node[], result: XYZPosition): XYZPosition {
-	if (!node.parentNode) {
-		return result;
-	}
-	const parentNode = nodes.find((n) => n.id === node.parentNode)!;
-	const parentNodePosition = parentNode.positionAbsolute!;
-
-	return calculateXYZPosition(parentNode, nodes, {
-		x: (result.x ?? 0) + parentNodePosition.x,
-		y: (result.y ?? 0) + parentNodePosition.y,
-		z:
-			(parentNode[internalsSymbol]?.z ?? 0) > (result.z ?? 0)
-				? parentNode[internalsSymbol]?.z ?? 0
-				: result.z ?? 0
-	});
+  if (!node.parentNode) {
+    return result;
+  }
+  const parentNode = nodes.find((n) => n.id === node.parentNode)!;
+  const parentNodePosition = parentNode.positionAbsolute!;
+
+  return calculateXYZPosition(parentNode, nodes, {
+    x: (result.x ?? 0) + parentNodePosition.x,
+    y: (result.y ?? 0) + parentNodePosition.y,
+    z:
+      (parentNode[internalsSymbol]?.z ?? 0) > (result.z ?? 0)
+        ? parentNode[internalsSymbol]?.z ?? 0
+        : result.z ?? 0
+  });
 }
 
 export function updateAbsoluteNodePositions(nodes: Node[], parentNodes?: ParentNodes) {
-	nodes.forEach((node) => {
-		if (node.parentNode) {
-			throw new Error(`Parent node ${node.parentNode} not found`);
-		}
-
-		if (node.parentNode || parentNodes?.[node.id]) {
-			const { x, y, z } = calculateXYZPosition(node, nodes, {
-				...node.position,
-				z: node[internalsSymbol]?.z ?? 0
-			});
-
-			node.positionAbsolute = {
-				x,
-				y
-			};
-
-			node[internalsSymbol]!.z = z;
-
-			if (parentNodes?.[node.id]) {
-				node[internalsSymbol]!.isParent = true;
-			}
-		}
-	});
+  nodes.forEach((node) => {
+    if (node.parentNode) {
+      throw new Error(`Parent node ${node.parentNode} not found`);
+    }
+
+    if (node.parentNode || parentNodes?.[node.id]) {
+      const { x, y, z } = calculateXYZPosition(node, nodes, {
+        ...node.position,
+        z: node[internalsSymbol]?.z ?? 0
+      });
+
+      node.positionAbsolute = {
+        x,
+        y
+      };
+
+      node[internalsSymbol]!.z = z;
+
+      if (parentNodes?.[node.id]) {
+        node[internalsSymbol]!.isParent = true;
+      }
+    }
+  });
 }
 
 export const getHandleBounds = (
-	selector: string,
-	nodeElement: HTMLDivElement,
-	zoom: number
+  selector: string,
+  nodeElement: HTMLDivElement,
+  zoom: number
 ): HandleElement[] | null => {
-	const handles = nodeElement.querySelectorAll(selector);
-
-	if (!handles || !handles.length) {
-		return null;
-	}
-
-	const handlesArray = Array.from(handles) as HTMLDivElement[];
-	const nodeBounds = nodeElement.getBoundingClientRect();
-
-	return handlesArray.map((handle): HandleElement => {
-		const handleBounds = handle.getBoundingClientRect();
-
-		return {
-			id: handle.getAttribute('data-handleid'),
-			position: handle.getAttribute('data-handlepos') as unknown as Position,
-			x: (handleBounds.left - nodeBounds.left) / zoom,
-			y: (handleBounds.top - nodeBounds.top) / zoom,
-			...getDimensions(handle)
-		};
-	});
+  const handles = nodeElement.querySelectorAll(selector);
+
+  if (!handles || !handles.length) {
+    return null;
+  }
+
+  const handlesArray = Array.from(handles) as HTMLDivElement[];
+  const nodeBounds = nodeElement.getBoundingClientRect();
+
+  return handlesArray.map((handle): HandleElement => {
+    const handleBounds = handle.getBoundingClientRect();
+
+    return {
+      id: handle.getAttribute('data-handleid'),
+      position: handle.getAttribute('data-handlepos') as unknown as Position,
+      x: (handleBounds.left - nodeBounds.left) / zoom,
+      y: (handleBounds.top - nodeBounds.top) / zoom,
+      ...getDimensions(handle)
+    };
+  });
 };
diff --git a/packages/svelte/svelte.config.js b/packages/svelte/svelte.config.js
index 87f198f55..05e80f6c7 100644
--- a/packages/svelte/svelte.config.js
+++ b/packages/svelte/svelte.config.js
@@ -3,13 +3,13 @@ import { vitePreprocess } from '@sveltejs/kit/vite';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
-	// for more information about preprocessors
-	preprocess: vitePreprocess(),
+  // Consult https://kit.svelte.dev/docs/integrations#preprocessors
+  // for more information about preprocessors
+  preprocess: vitePreprocess(),
 
-	kit: {
-		adapter: adapter()
-	}
+  kit: {
+    adapter: adapter()
+  }
 };
 
 export default config;
diff --git a/packages/svelte/tsconfig.json b/packages/svelte/tsconfig.json
index 6ae0c8c44..794b95b64 100644
--- a/packages/svelte/tsconfig.json
+++ b/packages/svelte/tsconfig.json
@@ -1,17 +1,17 @@
 {
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true
-	}
-	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
-	//
-	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
-	// from the referenced tsconfig.json - TypeScript does not merge them in
+  "extends": "./.svelte-kit/tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true
+  }
+  // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+  //
+  // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+  // from the referenced tsconfig.json - TypeScript does not merge them in
 }
diff --git a/packages/svelte/vite.config.ts b/packages/svelte/vite.config.ts
index 16950342c..f2eb6d93c 100644
--- a/packages/svelte/vite.config.ts
+++ b/packages/svelte/vite.config.ts
@@ -2,7 +2,7 @@ import { sveltekit } from '@sveltejs/kit/vite';
 import type { UserConfig } from 'vite';
 
 const config: UserConfig = {
-	plugins: [sveltekit()]
+  plugins: [sveltekit()]
 };
 
 export default config;

From 63bb2045f4f1229f662f71d86a4d1ee09c7ff975 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 28 Feb 2023 18:16:51 +0100
Subject: [PATCH 0027/1093] refactor(react/svelte): cleanup types

---
 .../src/components/A11yDescriptions/index.tsx |   2 +-
 .../src/components/ConnectionLine/index.tsx   |   4 +-
 .../components/EdgeLabelRenderer/index.tsx    |   2 +-
 .../core/src/components/Edges/BaseEdge.tsx    |   3 +-
 .../core/src/components/Edges/BezierEdge.tsx  |   3 +-
 .../core/src/components/Edges/EdgeText.tsx    |   7 +-
 .../src/components/Edges/SimpleBezierEdge.tsx |   3 +-
 .../src/components/Edges/SmoothStepEdge.tsx   |   3 +-
 .../core/src/components/Edges/StepEdge.tsx    |   2 +-
 .../src/components/Edges/StraightEdge.tsx     |   2 +-
 packages/core/src/components/Edges/utils.ts   |   3 +-
 .../core/src/components/Edges/wrapEdge.tsx    |   6 +-
 .../core/src/components/Handle/handler.ts     |   3 +-
 packages/core/src/components/Handle/index.tsx |   6 +-
 packages/core/src/components/Handle/utils.ts  |  13 +-
 packages/core/src/components/Nodes/utils.ts   |   4 +-
 .../core/src/components/Nodes/wrapNode.tsx    |   6 +-
 .../src/components/NodesSelection/index.tsx   |   2 +-
 packages/core/src/components/Panel/index.tsx  |   3 +-
 .../components/ReactFlowProvider/index.tsx    |   5 +-
 .../components/SelectionListener/index.tsx    |   2 +-
 .../src/components/StoreUpdater/index.tsx     |   3 +-
 .../src/components/UserSelection/index.tsx    |   2 +-
 .../EdgeRenderer/MarkerDefinitions.tsx        |   3 +-
 .../core/src/container/EdgeRenderer/index.tsx |   4 +-
 .../core/src/container/EdgeRenderer/utils.ts  |   5 +-
 .../core/src/container/FlowRenderer/index.tsx |   2 +-
 .../core/src/container/GraphView/index.tsx    |   2 +-
 .../core/src/container/NodeRenderer/index.tsx |   6 +-
 .../core/src/container/NodeRenderer/utils.ts  |   3 +-
 packages/core/src/container/Pane/index.tsx    |  21 +-
 .../core/src/container/ReactFlow/index.tsx    |  19 +-
 .../core/src/container/ReactFlow/utils.ts     |   9 +-
 .../core/src/container/Viewport/index.tsx     |   2 +-
 .../core/src/container/ZoomPane/index.tsx     |   6 +-
 packages/core/src/hooks/useDrag/index.ts      |   6 +-
 packages/core/src/hooks/useDrag/utils.ts      |   4 +-
 packages/core/src/hooks/useEdges.ts           |   3 +-
 packages/core/src/hooks/useNodes.ts           |   3 +-
 packages/core/src/hooks/useNodesEdgesState.ts |   2 +-
 .../core/src/hooks/useNodesInitialized.ts     |   3 +-
 packages/core/src/hooks/useOnInitHandler.ts   |   2 +-
 .../core/src/hooks/useOnSelectionChange.ts    |   2 +-
 packages/core/src/hooks/useReactFlow.ts       |  13 +-
 packages/core/src/hooks/useStore.ts           |   3 +-
 packages/core/src/hooks/useViewport.ts        |   3 +-
 packages/core/src/hooks/useViewportHelper.ts  |   3 +-
 packages/core/src/hooks/useVisibleEdges.ts    |   3 +-
 packages/core/src/hooks/useVisibleNodes.ts    |   4 +-
 packages/core/src/index.ts                    |  31 ++-
 packages/core/src/store/index.ts              |  20 +-
 packages/core/src/store/initialState.ts       |   9 +-
 packages/core/src/store/utils.ts              |  14 +-
 .../{system => core}/src/types/changes.ts     |   6 +-
 .../src/types/component-props.ts              |  34 ++--
 packages/core/src/types/edges.ts              | 137 +++++++++++++
 packages/core/src/types/general.ts            |  68 +++++++
 packages/core/src/types/index.ts              |   7 +
 .../{system => core}/src/types/instance.ts    |   4 +-
 packages/core/src/types/nodes.ts              |  46 +++++
 packages/core/src/types/store.ts              | 149 ++++++++++++++
 packages/core/src/utils/changes.ts            |   2 +-
 packages/core/src/utils/general.ts            |  18 ++
 packages/core/src/utils/index.ts              |   2 +
 packages/svelte/src/lib/actions/drag/index.ts |   6 +-
 packages/svelte/src/lib/actions/drag/utils.ts |  40 +---
 packages/svelte/src/lib/actions/zoom/index.ts |   3 +-
 .../src/lib/components/Handle/handler.ts      |   5 +-
 .../src/lib/components/Handle/index.svelte    |   2 +-
 .../svelte/src/lib/components/Handle/utils.ts |   4 +-
 .../src/lib/components/edges/BaseEdge.svelte  |  10 +-
 .../lib/components/edges/EdgeWrapper.svelte   |   6 +-
 .../src/lib/container/Pane/index.svelte       |  11 +-
 .../src/lib/container/SvelteFlow.svelte       |  24 +--
 packages/svelte/src/lib/index.ts              |   2 +
 .../svelte/src/lib/store/connection-path.ts   |  30 +--
 .../svelte/src/lib/store/edges-layouted.ts    |   4 +-
 packages/svelte/src/lib/store/index.ts        |  18 +-
 .../svelte/src/lib/store/initial-store.ts     |  10 +-
 .../src/lib/store/{types.d.ts => types.ts}    |   2 +-
 packages/svelte/src/lib/types/edges.ts        |  64 +++++-
 packages/svelte/src/lib/types/general.ts      |   5 +-
 packages/svelte/src/lib/types/index.ts        |   9 -
 packages/svelte/src/lib/types/nodes.ts        |  30 +--
 packages/svelte/src/lib/utils/index.ts        |  47 +++++
 packages/svelte/src/utils/index.ts            |  97 ---------
 packages/system/package.json                  |  11 +-
 packages/system/src/constants.ts              |   4 +-
 packages/system/src/types/edges.ts            | 133 +-----------
 packages/system/src/types/general.ts          | 189 +-----------------
 packages/system/src/types/handles.ts          |  17 +-
 packages/system/src/types/index.ts            |   3 -
 packages/system/src/types/nodes.ts            |  58 ++----
 packages/system/src/types/utils.ts            |  14 +-
 packages/utils/src/graph.ts                   | 107 ++++++----
 packages/utils/src/utils.ts                   |   9 +-
 96 files changed, 899 insertions(+), 847 deletions(-)
 rename packages/{system => core}/src/types/changes.ts (90%)
 rename packages/{system => core}/src/types/component-props.ts (99%)
 create mode 100644 packages/core/src/types/edges.ts
 create mode 100644 packages/core/src/types/general.ts
 create mode 100644 packages/core/src/types/index.ts
 rename packages/{system => core}/src/types/instance.ts (95%)
 create mode 100644 packages/core/src/types/nodes.ts
 create mode 100644 packages/core/src/types/store.ts
 create mode 100644 packages/core/src/utils/general.ts
 create mode 100644 packages/core/src/utils/index.ts
 rename packages/svelte/src/lib/store/{types.d.ts => types.ts} (95%)
 create mode 100644 packages/svelte/src/lib/utils/index.ts
 delete mode 100644 packages/svelte/src/utils/index.ts

diff --git a/packages/core/src/components/A11yDescriptions/index.tsx b/packages/core/src/components/A11yDescriptions/index.tsx
index 481a6aeba..a92f27ac1 100644
--- a/packages/core/src/components/A11yDescriptions/index.tsx
+++ b/packages/core/src/components/A11yDescriptions/index.tsx
@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
-import type { ReactFlowState } from '@reactflow/system';
 
 import { useStore } from '../../hooks/useStore';
+import type { ReactFlowState } from '../../types';
 
 const style: CSSProperties = { display: 'none' };
 const ariaLiveStyle: CSSProperties = {
diff --git a/packages/core/src/components/ConnectionLine/index.tsx b/packages/core/src/components/ConnectionLine/index.tsx
index 0c3c0a704..ee3202166 100644
--- a/packages/core/src/components/ConnectionLine/index.tsx
+++ b/packages/core/src/components/ConnectionLine/index.tsx
@@ -6,16 +6,14 @@ import {
   Position,
   ConnectionLineType,
   ConnectionMode,
-  type ConnectionLineComponent,
   type ConnectionStatus,
   type HandleType,
-  type ReactFlowState,
-  type ReactFlowStore,
 } from '@reactflow/system';
 import { getBezierPath, getSmoothStepPath } from '@reactflow/edge-utils';
 
 import { useStore } from '../../hooks/useStore';
 import { getSimpleBezierPath } from '../Edges/SimpleBezierEdge';
+import type { ConnectionLineComponent, ReactFlowState, ReactFlowStore } from '../../types';
 
 type ConnectionLineProps = {
   nodeId: string;
diff --git a/packages/core/src/components/EdgeLabelRenderer/index.tsx b/packages/core/src/components/EdgeLabelRenderer/index.tsx
index 07d06688b..85c942913 100644
--- a/packages/core/src/components/EdgeLabelRenderer/index.tsx
+++ b/packages/core/src/components/EdgeLabelRenderer/index.tsx
@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react';
 import { createPortal } from 'react-dom';
-import type { ReactFlowState } from '@reactflow/system';
 
 import { useStore } from '../../hooks/useStore';
+import type { ReactFlowState } from '../../types';
 
 const selector = (s: ReactFlowState) => s.domNode?.querySelector('.react-flow__edgelabel-renderer');
 
diff --git a/packages/core/src/components/Edges/BaseEdge.tsx b/packages/core/src/components/Edges/BaseEdge.tsx
index f365175d1..a52551ec5 100644
--- a/packages/core/src/components/Edges/BaseEdge.tsx
+++ b/packages/core/src/components/Edges/BaseEdge.tsx
@@ -1,5 +1,6 @@
 import { isNumeric } from '@reactflow/utils';
-import type { BaseEdgeProps } from '@reactflow/system';
+
+import type { BaseEdgeProps } from '../../types';
 
 import EdgeText from './EdgeText';
 
diff --git a/packages/core/src/components/Edges/BezierEdge.tsx b/packages/core/src/components/Edges/BezierEdge.tsx
index 443877b27..fd04e1bd1 100644
--- a/packages/core/src/components/Edges/BezierEdge.tsx
+++ b/packages/core/src/components/Edges/BezierEdge.tsx
@@ -1,8 +1,9 @@
 import { memo } from 'react';
-import { Position, type BezierEdgeProps } from '@reactflow/system';
+import { Position } from '@reactflow/system';
 import { getBezierPath } from '@reactflow/edge-utils';
 
 import BaseEdge from './BaseEdge';
+import type { BezierEdgeProps } from '../../types';
 
 const BezierEdge = memo(
   ({
diff --git a/packages/core/src/components/Edges/EdgeText.tsx b/packages/core/src/components/Edges/EdgeText.tsx
index 40db33ec7..e1d712497 100644
--- a/packages/core/src/components/Edges/EdgeText.tsx
+++ b/packages/core/src/components/Edges/EdgeText.tsx
@@ -1,7 +1,8 @@
-import { memo, useRef, useState, useEffect } from 'react';
-import type { FC, PropsWithChildren } from 'react';
+import { memo, useRef, useState, useEffect, type FC, type PropsWithChildren } from 'react';
 import cc from 'classcat';
-import { EdgeTextProps, Rect } from '@reactflow/system';
+import type { Rect } from '@reactflow/system';
+
+import type { EdgeTextProps } from '../../types';
 
 const EdgeText: FC<PropsWithChildren<EdgeTextProps>> = ({
   x,
diff --git a/packages/core/src/components/Edges/SimpleBezierEdge.tsx b/packages/core/src/components/Edges/SimpleBezierEdge.tsx
index 54236c987..548ae8da7 100644
--- a/packages/core/src/components/Edges/SimpleBezierEdge.tsx
+++ b/packages/core/src/components/Edges/SimpleBezierEdge.tsx
@@ -1,8 +1,9 @@
 import { memo } from 'react';
-import { Position, type EdgeProps } from '@reactflow/system';
+import { Position } from '@reactflow/system';
 import { getBezierEdgeCenter } from '@reactflow/edge-utils';
 
 import BaseEdge from './BaseEdge';
+import type { EdgeProps } from '../../types';
 
 export interface GetSimpleBezierPathParams {
   sourceX: number;
diff --git a/packages/core/src/components/Edges/SmoothStepEdge.tsx b/packages/core/src/components/Edges/SmoothStepEdge.tsx
index a5de79765..048d8cac0 100644
--- a/packages/core/src/components/Edges/SmoothStepEdge.tsx
+++ b/packages/core/src/components/Edges/SmoothStepEdge.tsx
@@ -1,8 +1,9 @@
 import { memo } from 'react';
-import { Position, type SmoothStepEdgeProps } from '@reactflow/system';
+import { Position } from '@reactflow/system';
 import { getSmoothStepPath } from '@reactflow/edge-utils';
 
 import BaseEdge from './BaseEdge';
+import type { SmoothStepEdgeProps } from '../../types';
 
 const SmoothStepEdge = memo(
   ({
diff --git a/packages/core/src/components/Edges/StepEdge.tsx b/packages/core/src/components/Edges/StepEdge.tsx
index 6d802eaed..df2646a7a 100644
--- a/packages/core/src/components/Edges/StepEdge.tsx
+++ b/packages/core/src/components/Edges/StepEdge.tsx
@@ -1,7 +1,7 @@
 import { memo, useMemo } from 'react';
-import type { SmoothStepEdgeProps } from '@reactflow/system';
 
 import SmoothStepEdge from './SmoothStepEdge';
+import type { SmoothStepEdgeProps } from '../../types';
 
 const StepEdge = memo((props: SmoothStepEdgeProps) => (
   <SmoothStepEdge
diff --git a/packages/core/src/components/Edges/StraightEdge.tsx b/packages/core/src/components/Edges/StraightEdge.tsx
index 209a49847..f9448d2eb 100644
--- a/packages/core/src/components/Edges/StraightEdge.tsx
+++ b/packages/core/src/components/Edges/StraightEdge.tsx
@@ -1,8 +1,8 @@
 import { memo } from 'react';
-import type { EdgeProps } from '@reactflow/system';
 import { getStraightPath } from '@reactflow/edge-utils';
 
 import BaseEdge from './BaseEdge';
+import type { EdgeProps } from '../../types';
 
 const StraightEdge = memo(
   ({
diff --git a/packages/core/src/components/Edges/utils.ts b/packages/core/src/components/Edges/utils.ts
index 31d8a2bfa..222c975a0 100644
--- a/packages/core/src/components/Edges/utils.ts
+++ b/packages/core/src/components/Edges/utils.ts
@@ -1,6 +1,7 @@
 import { MouseEvent as ReactMouseEvent } from 'react';
 import { StoreApi } from 'zustand';
-import type { Edge, ReactFlowState } from '@reactflow/system';
+
+import type { Edge, ReactFlowState } from '../../types';
 
 export function getMouseHandler(
   id: string,
diff --git a/packages/core/src/components/Edges/wrapEdge.tsx b/packages/core/src/components/Edges/wrapEdge.tsx
index eaa0c401d..9c7dd8c83 100644
--- a/packages/core/src/components/Edges/wrapEdge.tsx
+++ b/packages/core/src/components/Edges/wrapEdge.tsx
@@ -1,14 +1,14 @@
-import { memo, useState, useMemo, useRef } from 'react';
-import type { ComponentType, KeyboardEvent } from 'react';
+import { memo, useState, useMemo, useRef, type ComponentType, type KeyboardEvent } from 'react';
 import cc from 'classcat';
 import { getMarkerId, elementSelectionKeys } from '@reactflow/utils';
-import type { EdgeProps, WrapEdgeProps, Connection } from '@reactflow/system';
+import type { Connection } from '@reactflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
 import { ARIA_EDGE_DESC_KEY } from '../A11yDescriptions';
 import { handlePointerDown } from '../Handle/handler';
 import { EdgeAnchor } from './EdgeAnchor';
 import { getMouseHandler } from './utils';
+import type { EdgeProps, WrapEdgeProps } from '../../types';
 
 export default (EdgeComponent: ComponentType<EdgeProps>) => {
   const EdgeWrapper = ({
diff --git a/packages/core/src/components/Handle/handler.ts b/packages/core/src/components/Handle/handler.ts
index e9cff2900..5e1daeb76 100644
--- a/packages/core/src/components/Handle/handler.ts
+++ b/packages/core/src/components/Handle/handler.ts
@@ -7,7 +7,7 @@ import {
   pointToRendererPoint,
   rendererPointToPoint,
 } from '@reactflow/utils';
-import type { OnConnect, HandleType, ReactFlowState, Connection } from '@reactflow/system';
+import type { OnConnect, HandleType, Connection } from '@reactflow/system';
 
 import {
   ConnectionHandle,
@@ -19,6 +19,7 @@ import {
   resetRecentHandle,
   ValidConnectionFunc,
 } from './utils';
+import type { ReactFlowState } from '../../types';
 
 export function handlePointerDown({
   event,
diff --git a/packages/core/src/components/Handle/index.tsx b/packages/core/src/components/Handle/index.tsx
index 1ae7be91f..2d0d5d91b 100644
--- a/packages/core/src/components/Handle/index.tsx
+++ b/packages/core/src/components/Handle/index.tsx
@@ -1,13 +1,15 @@
 import { memo, HTMLAttributes, forwardRef, MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import { errorMessages, Position, type HandleProps, type Connection, type ReactFlowState } from '@reactflow/system';
-import { getHostForElement, isMouseEvent, addEdge } from '@reactflow/utils';
+import { errorMessages, Position, type HandleProps, type Connection } from '@reactflow/system';
+import { getHostForElement, isMouseEvent } from '@reactflow/utils';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
 import { handlePointerDown } from './handler';
 import { isValidHandle } from './utils';
+import { addEdge } from '../../utils';
+import type { ReactFlowState } from '../../types';
 
 const alwaysValid = () => true;
 
diff --git a/packages/core/src/components/Handle/utils.ts b/packages/core/src/components/Handle/utils.ts
index c7839bb1a..8e03a4aec 100644
--- a/packages/core/src/components/Handle/utils.ts
+++ b/packages/core/src/components/Handle/utils.ts
@@ -1,8 +1,17 @@
 import { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
-import { internalsSymbol, ConnectionMode, ConnectionStatus } from '@reactflow/system';
-import type { Connection, HandleType, XYPosition, Node, NodeHandleBounds } from '@reactflow/system';
+import {
+  internalsSymbol,
+  ConnectionMode,
+  ConnectionStatus,
+  type Connection,
+  type HandleType,
+  type XYPosition,
+  type NodeHandleBounds,
+} from '@reactflow/system';
 import { getEventPosition } from '@reactflow/utils';
 
+import type { Node } from '../../types';
+
 export type ConnectionHandle = {
   id: string | null;
   type: HandleType;
diff --git a/packages/core/src/components/Nodes/utils.ts b/packages/core/src/components/Nodes/utils.ts
index 2390102b0..37574ad07 100644
--- a/packages/core/src/components/Nodes/utils.ts
+++ b/packages/core/src/components/Nodes/utils.ts
@@ -1,7 +1,9 @@
 import { MouseEvent } from 'react';
 import { StoreApi } from 'zustand';
 import { getDimensions } from '@reactflow/utils';
-import { Position, type HandleElement, type Node, type NodeOrigin, type ReactFlowState } from '@reactflow/system';
+import { Position, type HandleElement, type NodeOrigin } from '@reactflow/system';
+
+import type { Node, ReactFlowState } from '../../types';
 
 export const getHandleBounds = (
   selector: string,
diff --git a/packages/core/src/components/Nodes/wrapNode.tsx b/packages/core/src/components/Nodes/wrapNode.tsx
index f8b249be1..8f23eb0bc 100644
--- a/packages/core/src/components/Nodes/wrapNode.tsx
+++ b/packages/core/src/components/Nodes/wrapNode.tsx
@@ -1,8 +1,7 @@
-import { useEffect, useRef, memo } from 'react';
-import type { ComponentType, MouseEvent, KeyboardEvent } from 'react';
+import { useEffect, useRef, memo, type ComponentType, type MouseEvent, type KeyboardEvent } from 'react';
 import cc from 'classcat';
 import { elementSelectionKeys, isInputDOMNode } from '@reactflow/utils';
-import type { NodeProps, WrapNodeProps, XYPosition } from '@reactflow/system';
+import type { NodeProps, XYPosition } from '@reactflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
 import { Provider } from '../../contexts/NodeIdContext';
@@ -10,6 +9,7 @@ import { ARIA_NODE_DESC_KEY } from '../A11yDescriptions';
 import useDrag from '../../hooks/useDrag';
 import useUpdateNodePositions from '../../hooks/useUpdateNodePositions';
 import { getMouseHandler, handleNodeClick } from './utils';
+import type { WrapNodeProps } from '../../types';
 
 export const arrowKeyDiffs: Record<string, XYPosition> = {
   ArrowUp: { x: 0, y: -1 },
diff --git a/packages/core/src/components/NodesSelection/index.tsx b/packages/core/src/components/NodesSelection/index.tsx
index e5a1da893..d6888fa6e 100644
--- a/packages/core/src/components/NodesSelection/index.tsx
+++ b/packages/core/src/components/NodesSelection/index.tsx
@@ -8,12 +8,12 @@ import type { MouseEvent, KeyboardEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
 import { getRectOfNodes } from '@reactflow/utils';
-import type { Node, ReactFlowState } from '@reactflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import useDrag from '../../hooks/useDrag';
 import { arrowKeyDiffs } from '../Nodes/wrapNode';
 import useUpdateNodePositions from '../../hooks/useUpdateNodePositions';
+import type { Node, ReactFlowState } from '../../types';
 
 export interface NodesSelectionProps {
   onSelectionContextMenu?: (event: MouseEvent, nodes: Node[]) => void;
diff --git a/packages/core/src/components/Panel/index.tsx b/packages/core/src/components/Panel/index.tsx
index d9aefd365..db3063312 100644
--- a/packages/core/src/components/Panel/index.tsx
+++ b/packages/core/src/components/Panel/index.tsx
@@ -1,8 +1,9 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 import cc from 'classcat';
-import type { PanelPosition, ReactFlowState } from '@reactflow/system';
+import type { PanelPosition } from '@reactflow/system';
 
 import { useStore } from '../../hooks/useStore';
+import type { ReactFlowState } from '../../types';
 
 export type PanelProps = HTMLAttributes<HTMLDivElement> & {
   position: PanelPosition;
diff --git a/packages/core/src/components/ReactFlowProvider/index.tsx b/packages/core/src/components/ReactFlowProvider/index.tsx
index f3ad453c8..7f70e7b4b 100644
--- a/packages/core/src/components/ReactFlowProvider/index.tsx
+++ b/packages/core/src/components/ReactFlowProvider/index.tsx
@@ -1,10 +1,9 @@
-import { useRef } from 'react';
-import type { FC, PropsWithChildren } from 'react';
+import { useRef, type FC, type PropsWithChildren } from 'react';
 import { StoreApi } from 'zustand';
-import type { ReactFlowState } from '@reactflow/system';
 
 import { Provider } from '../../contexts/RFStoreContext';
 import { createRFStore } from '../../store';
+import type { ReactFlowState } from '../../types';
 
 const ReactFlowProvider: FC<PropsWithChildren<unknown>> = ({ children }) => {
   const storeRef = useRef<StoreApi<ReactFlowState> | null>(null);
diff --git a/packages/core/src/components/SelectionListener/index.tsx b/packages/core/src/components/SelectionListener/index.tsx
index de7612d6c..556d7ce81 100644
--- a/packages/core/src/components/SelectionListener/index.tsx
+++ b/packages/core/src/components/SelectionListener/index.tsx
@@ -1,8 +1,8 @@
 import { memo, useEffect } from 'react';
 import { shallow } from 'zustand/shallow';
-import type { ReactFlowState, OnSelectionChangeFunc, Node, Edge } from '@reactflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
+import type { ReactFlowState, OnSelectionChangeFunc, Node, Edge } from '../../types';
 
 type SelectionListenerProps = {
   onSelectionChange?: OnSelectionChangeFunc;
diff --git a/packages/core/src/components/StoreUpdater/index.tsx b/packages/core/src/components/StoreUpdater/index.tsx
index 7bdaac3e4..f911f6146 100644
--- a/packages/core/src/components/StoreUpdater/index.tsx
+++ b/packages/core/src/components/StoreUpdater/index.tsx
@@ -1,9 +1,10 @@
 import { useEffect } from 'react';
 import { StoreApi } from 'zustand';
 import { shallow } from 'zustand/shallow';
-import type { Node, Edge, ReactFlowState, CoordinateExtent, ReactFlowProps, ReactFlowStore } from '@reactflow/system';
+import type { CoordinateExtent } from '@reactflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
+import type { Node, Edge, ReactFlowState, ReactFlowProps, ReactFlowStore } from '../../types';
 
 type StoreUpdaterProps = Pick<
   ReactFlowProps,
diff --git a/packages/core/src/components/UserSelection/index.tsx b/packages/core/src/components/UserSelection/index.tsx
index 09fafbd40..00bbcd635 100644
--- a/packages/core/src/components/UserSelection/index.tsx
+++ b/packages/core/src/components/UserSelection/index.tsx
@@ -1,7 +1,7 @@
 import { shallow } from 'zustand/shallow';
-import type { ReactFlowState } from '@reactflow/system';
 
 import { useStore } from '../../hooks/useStore';
+import type { ReactFlowState } from '../../types';
 
 const selector = (s: ReactFlowState) => ({
   userSelectionActive: s.userSelectionActive,
diff --git a/packages/core/src/container/EdgeRenderer/MarkerDefinitions.tsx b/packages/core/src/container/EdgeRenderer/MarkerDefinitions.tsx
index cc630ddb1..1ea6296c5 100644
--- a/packages/core/src/container/EdgeRenderer/MarkerDefinitions.tsx
+++ b/packages/core/src/container/EdgeRenderer/MarkerDefinitions.tsx
@@ -1,9 +1,10 @@
 import { memo, useCallback } from 'react';
-import type { EdgeMarker, ReactFlowState } from '@reactflow/system';
+import type { EdgeMarker } from '@reactflow/system';
 import { getMarkerId } from '@reactflow/utils';
 
 import { useStore } from '../../hooks/useStore';
 import { useMarkerSymbol } from './MarkerSymbols';
+import type { ReactFlowState } from '../../types';
 
 type MarkerProps = EdgeMarker & {
   id: string;
diff --git a/packages/core/src/container/EdgeRenderer/index.tsx b/packages/core/src/container/EdgeRenderer/index.tsx
index 51f3f2d69..043cb9368 100644
--- a/packages/core/src/container/EdgeRenderer/index.tsx
+++ b/packages/core/src/container/EdgeRenderer/index.tsx
@@ -1,14 +1,14 @@
 import { memo, ReactNode } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
-import { errorMessages, ConnectionMode, Position, type Edge, type ReactFlowState } from '@reactflow/system';
+import { errorMessages, ConnectionMode, Position } from '@reactflow/system';
 
 import { useStore } from '../../hooks/useStore';
 import useVisibleEdges from '../../hooks/useVisibleEdges';
 import MarkerDefinitions from './MarkerDefinitions';
 import { getEdgePositions, getHandle, getNodeData } from './utils';
-
 import { GraphViewProps } from '../GraphView';
+import type { Edge, ReactFlowState } from '../../types';
 
 type EdgeRendererProps = Pick<
   GraphViewProps,
diff --git a/packages/core/src/container/EdgeRenderer/utils.ts b/packages/core/src/container/EdgeRenderer/utils.ts
index b43292380..8907b2649 100644
--- a/packages/core/src/container/EdgeRenderer/utils.ts
+++ b/packages/core/src/container/EdgeRenderer/utils.ts
@@ -2,12 +2,8 @@ import type { ComponentType } from 'react';
 import {
   internalsSymbol,
   Position,
-  type EdgeProps,
-  type EdgeTypes,
-  type EdgeTypesWrapped,
   type HandleElement,
   type NodeHandleBounds,
-  type Node,
   type Rect,
   type Transform,
   type XYPosition,
@@ -16,6 +12,7 @@ import { rectToBox } from '@reactflow/utils';
 
 import { BezierEdge, SmoothStepEdge, StepEdge, StraightEdge, SimpleBezierEdge } from '../../components/Edges';
 import wrapEdge from '../../components/Edges/wrapEdge';
+import type { EdgeProps, EdgeTypes, EdgeTypesWrapped, Node } from '../../types';
 
 export type CreateEdgeTypes = (edgeTypes: EdgeTypes) => EdgeTypesWrapped;
 
diff --git a/packages/core/src/container/FlowRenderer/index.tsx b/packages/core/src/container/FlowRenderer/index.tsx
index 2c47f9c52..98e89613e 100644
--- a/packages/core/src/container/FlowRenderer/index.tsx
+++ b/packages/core/src/container/FlowRenderer/index.tsx
@@ -1,5 +1,4 @@
 import { memo, type ReactNode } from 'react';
-import type { ReactFlowState } from '@reactflow/system';
 
 import { useStore } from '../../hooks/useStore';
 import useGlobalKeyHandler from '../../hooks/useGlobalKeyHandler';
@@ -8,6 +7,7 @@ import { GraphViewProps } from '../GraphView';
 import ZoomPane from '../ZoomPane';
 import Pane from '../Pane';
 import NodesSelection from '../../components/NodesSelection';
+import type { ReactFlowState } from '../../types';
 
 export type FlowRendererProps = Omit<
   GraphViewProps,
diff --git a/packages/core/src/container/GraphView/index.tsx b/packages/core/src/container/GraphView/index.tsx
index 0408fcd38..e489b1e92 100644
--- a/packages/core/src/container/GraphView/index.tsx
+++ b/packages/core/src/container/GraphView/index.tsx
@@ -1,5 +1,4 @@
 import { memo } from 'react';
-import type { EdgeTypesWrapped, NodeTypesWrapped, ReactFlowProps } from '@reactflow/system';
 
 import FlowRenderer from '../FlowRenderer';
 import NodeRenderer from '../NodeRenderer';
@@ -7,6 +6,7 @@ import EdgeRenderer from '../EdgeRenderer';
 import ViewportWrapper from '../Viewport';
 import useOnInitHandler from '../../hooks/useOnInitHandler';
 import ConnectionLine from '../../components/ConnectionLine';
+import type { EdgeTypesWrapped, NodeTypesWrapped, ReactFlowProps } from '../../types';
 
 export type GraphViewProps = Omit<ReactFlowProps, 'onSelectionChange' | 'nodes' | 'edges' | 'nodeTypes' | 'edgeTypes'> &
   Required<
diff --git a/packages/core/src/container/NodeRenderer/index.tsx b/packages/core/src/container/NodeRenderer/index.tsx
index 306548613..3f1d71d65 100644
--- a/packages/core/src/container/NodeRenderer/index.tsx
+++ b/packages/core/src/container/NodeRenderer/index.tsx
@@ -1,7 +1,6 @@
-import { memo, useMemo, useEffect, useRef } from 'react';
-import type { ComponentType } from 'react';
+import { memo, useMemo, useEffect, useRef, type ComponentType } from 'react';
 import { shallow } from 'zustand/shallow';
-import { internalsSymbol, errorMessages, Position, type ReactFlowState, type WrapNodeProps } from '@reactflow/system';
+import { internalsSymbol, errorMessages, Position } from '@reactflow/system';
 import { clampPosition } from '@reactflow/utils';
 
 import useVisibleNodes from '../../hooks/useVisibleNodes';
@@ -9,6 +8,7 @@ import { useStore } from '../../hooks/useStore';
 import { containerStyle } from '../../styles';
 import { GraphViewProps } from '../GraphView';
 import { getPositionWithOrigin } from './utils';
+import type { ReactFlowState, WrapNodeProps } from '../../types';
 
 type NodeRendererProps = Pick<
   GraphViewProps,
diff --git a/packages/core/src/container/NodeRenderer/utils.ts b/packages/core/src/container/NodeRenderer/utils.ts
index 221aaccc6..23fd5532b 100644
--- a/packages/core/src/container/NodeRenderer/utils.ts
+++ b/packages/core/src/container/NodeRenderer/utils.ts
@@ -1,11 +1,12 @@
 import type { ComponentType } from 'react';
-import type { NodeTypes, NodeProps, NodeTypesWrapped, NodeOrigin, XYPosition } from '@reactflow/system';
+import type { NodeProps, NodeOrigin, XYPosition } from '@reactflow/system';
 
 import DefaultNode from '../../components/Nodes/DefaultNode';
 import InputNode from '../../components/Nodes/InputNode';
 import OutputNode from '../../components/Nodes/OutputNode';
 import GroupNode from '../../components/Nodes/GroupNode';
 import wrapNode from '../../components/Nodes/wrapNode';
+import type { NodeTypes, NodeTypesWrapped } from '../../types';
 
 export type CreateNodeTypes = (nodeTypes: NodeTypes) => NodeTypesWrapped;
 
diff --git a/packages/core/src/container/Pane/index.tsx b/packages/core/src/container/Pane/index.tsx
index 06eceb48c..7b3de5ab3 100644
--- a/packages/core/src/container/Pane/index.tsx
+++ b/packages/core/src/container/Pane/index.tsx
@@ -2,22 +2,17 @@
  * The user selection rectangle gets displayed when a user drags the mouse while pressing shift
  */
 
-import { memo, useRef, MouseEvent as ReactMouseEvent, ReactNode } from 'react';
+import { memo, useRef, type MouseEvent as ReactMouseEvent, type ReactNode } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
-import { getConnectedEdges, getNodesInside, getEventPosition } from '@reactflow/utils';
-import {
-  SelectionMode,
-  type ReactFlowProps,
-  type ReactFlowState,
-  type NodeChange,
-  type EdgeChange,
-} from '@reactflow/system';
+import { getNodesInside, getEventPosition } from '@reactflow/utils';
+import { SelectionMode } from '@reactflow/system';
 
 import UserSelection from '../../components/UserSelection';
 import { containerStyle } from '../../styles';
 import { useStore, useStoreApi } from '../../hooks/useStore';
-import { getSelectionChanges } from '../../utils/changes';
+import { getSelectionChanges, getConnectedEdges } from '../../utils';
+import type { ReactFlowProps, ReactFlowState, NodeChange, EdgeChange, Node } from '../../types';
 
 type PaneProps = {
   isSelecting: boolean;
@@ -135,7 +130,7 @@ const Pane = memo(
     };
 
     const onMouseMove = (event: ReactMouseEvent): void => {
-      const { userSelectionRect, nodeInternals, edges, transform, onNodesChange, onEdgesChange, nodeOrigin, getNodes } =
+      const { userSelectionRect, edges, transform, onNodesChange, onEdgesChange, nodeOrigin, getNodes } =
         store.getState();
       if (!isSelecting || !containerBounds.current || !userSelectionRect) {
         return;
@@ -156,8 +151,8 @@ const Pane = memo(
       };
 
       const nodes = getNodes();
-      const selectedNodes = getNodesInside(
-        nodeInternals,
+      const selectedNodes = getNodesInside<Node>(
+        nodes,
         nextUserSelectRect,
         transform,
         selectionMode === SelectionMode.Partial,
diff --git a/packages/core/src/container/ReactFlow/index.tsx b/packages/core/src/container/ReactFlow/index.tsx
index 1ded2de0a..74c407d27 100644
--- a/packages/core/src/container/ReactFlow/index.tsx
+++ b/packages/core/src/container/ReactFlow/index.tsx
@@ -1,20 +1,14 @@
-import { forwardRef } from 'react';
-import type { CSSProperties } from 'react';
+import { forwardRef, type CSSProperties } from 'react';
 import cc from 'classcat';
 import {
   ConnectionLineType,
   ConnectionMode,
   PanOnScrollMode,
   SelectionMode,
-  type EdgeTypes,
-  type EdgeTypesWrapped,
   type NodeOrigin,
-  type NodeTypes,
-  type NodeTypesWrapped,
-  type ReactFlowProps,
-  type ReactFlowRefType,
   type Viewport,
 } from '@reactflow/system';
+import { infiniteExtent } from '@reactflow/utils';
 
 import Attribution from '../../components/Attribution';
 import { BezierEdge, SmoothStepEdge, StepEdge, StraightEdge, SimpleBezierEdge } from '../../components/Edges';
@@ -29,8 +23,15 @@ import { createEdgeTypes } from '../EdgeRenderer/utils';
 import { createNodeTypes } from '../NodeRenderer/utils';
 import GraphView from '../GraphView';
 import Wrapper from './Wrapper';
-import { infiniteExtent } from '../../store/initialState';
 import { useNodeOrEdgeTypes } from './utils';
+import type {
+  EdgeTypes,
+  EdgeTypesWrapped,
+  NodeTypes,
+  NodeTypesWrapped,
+  ReactFlowProps,
+  ReactFlowRefType,
+} from '../../types';
 
 const defaultNodeTypes: NodeTypes = {
   input: InputNode,
diff --git a/packages/core/src/container/ReactFlow/utils.ts b/packages/core/src/container/ReactFlow/utils.ts
index d2a441e40..927b69305 100644
--- a/packages/core/src/container/ReactFlow/utils.ts
+++ b/packages/core/src/container/ReactFlow/utils.ts
@@ -1,16 +1,11 @@
 import { useMemo, useRef } from 'react';
 import { shallow } from 'zustand/shallow';
-import {
-  errorMessages,
-  type EdgeTypes,
-  type EdgeTypesWrapped,
-  type NodeTypes,
-  type NodeTypesWrapped,
-} from '@reactflow/system';
+import { errorMessages } from '@reactflow/system';
 import { devWarn } from '@reactflow/utils';
 
 import { CreateEdgeTypes } from '../EdgeRenderer/utils';
 import { CreateNodeTypes } from '../NodeRenderer/utils';
+import type { EdgeTypes, EdgeTypesWrapped, NodeTypes, NodeTypesWrapped } from '../../types';
 
 export function useNodeOrEdgeTypes(nodeOrEdgeTypes: NodeTypes, createTypes: CreateNodeTypes): NodeTypesWrapped;
 export function useNodeOrEdgeTypes(nodeOrEdgeTypes: EdgeTypes, createTypes: CreateEdgeTypes): EdgeTypesWrapped;
diff --git a/packages/core/src/container/Viewport/index.tsx b/packages/core/src/container/Viewport/index.tsx
index f786d5ed4..64ed99d56 100644
--- a/packages/core/src/container/Viewport/index.tsx
+++ b/packages/core/src/container/Viewport/index.tsx
@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { ReactFlowState } from '@reactflow/system';
 
 import { useStore } from '../../hooks/useStore';
+import type { ReactFlowState } from '../../types';
 
 const selector = (s: ReactFlowState) => `translate(${s.transform[0]}px,${s.transform[1]}px) scale(${s.transform[2]})`;
 
diff --git a/packages/core/src/container/ZoomPane/index.tsx b/packages/core/src/container/ZoomPane/index.tsx
index effe658cf..344411988 100644
--- a/packages/core/src/container/ZoomPane/index.tsx
+++ b/packages/core/src/container/ZoomPane/index.tsx
@@ -1,17 +1,17 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { useEffect, useRef } from 'react';
-import { zoom, zoomIdentity } from 'd3-zoom';
-import type { D3ZoomEvent } from 'd3-zoom';
+import { zoom, zoomIdentity, type D3ZoomEvent } from 'd3-zoom';
 import { select, pointer } from 'd3-selection';
 import { shallow } from 'zustand/shallow';
 import { clamp } from '@reactflow/utils';
-import { type Viewport, type ReactFlowState, CoordinateExtent, PanOnScrollMode } from '@reactflow/system';
+import { CoordinateExtent, PanOnScrollMode, type Viewport } from '@reactflow/system';
 
 import useKeyPress from '../../hooks/useKeyPress';
 import useResizeHandler from '../../hooks/useResizeHandler';
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { containerStyle } from '../../styles';
 import type { FlowRendererProps } from '../FlowRenderer';
+import type { ReactFlowState } from '../../types';
 
 type ZoomPaneProps = Omit<
   FlowRendererProps,
diff --git a/packages/core/src/hooks/useDrag/index.ts b/packages/core/src/hooks/useDrag/index.ts
index eb88e34e0..98ff2758a 100644
--- a/packages/core/src/hooks/useDrag/index.ts
+++ b/packages/core/src/hooks/useDrag/index.ts
@@ -1,14 +1,14 @@
-import { useEffect, useRef, useState } from 'react';
-import type { RefObject, MouseEvent } from 'react';
+import { useEffect, useRef, useState, type RefObject, type MouseEvent } from 'react';
 import { drag } from 'd3-drag';
 import { select } from 'd3-selection';
 import { calcAutoPan, getEventPosition } from '@reactflow/utils';
-import type { NodeDragItem, Node, SelectionDragHandler, UseDragEvent, XYPosition } from '@reactflow/system';
+import type { NodeDragItem, UseDragEvent, XYPosition } from '@reactflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
 import { getDragItems, getEventHandlerParams, hasSelector, calcNextPosition } from './utils';
 import { handleNodeClick } from '../../components/Nodes/utils';
 import useGetPointerPosition from '../useGetPointerPosition';
+import type { Node, SelectionDragHandler } from '../../types';
 
 export type UseDragData = { dx: number; dy: number };
 
diff --git a/packages/core/src/hooks/useDrag/utils.ts b/packages/core/src/hooks/useDrag/utils.ts
index 3ad6e6d54..f2c297a4e 100644
--- a/packages/core/src/hooks/useDrag/utils.ts
+++ b/packages/core/src/hooks/useDrag/utils.ts
@@ -2,15 +2,15 @@ import type { RefObject } from 'react';
 import {
   errorMessages,
   type CoordinateExtent,
-  type Node,
   type NodeDragItem,
-  type NodeInternals,
   type NodeOrigin,
   type OnError,
   type XYPosition,
 } from '@reactflow/system';
 import { clampPosition, isNumeric, getNodePositionWithOrigin } from '@reactflow/utils';
 
+import type { Node, NodeInternals } from '../../types';
+
 export function isParentSelected(node: Node, nodeInternals: NodeInternals): boolean {
   if (!node.parentNode) {
     return false;
diff --git a/packages/core/src/hooks/useEdges.ts b/packages/core/src/hooks/useEdges.ts
index 3426aacb3..78c0e36a3 100644
--- a/packages/core/src/hooks/useEdges.ts
+++ b/packages/core/src/hooks/useEdges.ts
@@ -1,6 +1,5 @@
-import type { Edge, ReactFlowState } from '@reactflow/system';
-
 import { useStore } from '../hooks/useStore';
+import type { Edge, ReactFlowState } from '../types';
 
 const edgesSelector = (state: ReactFlowState) => state.edges;
 
diff --git a/packages/core/src/hooks/useNodes.ts b/packages/core/src/hooks/useNodes.ts
index 8aad017d1..923d03d17 100644
--- a/packages/core/src/hooks/useNodes.ts
+++ b/packages/core/src/hooks/useNodes.ts
@@ -1,5 +1,6 @@
 import { useStore } from '../hooks/useStore';
-import type { Node, ReactFlowState } from '@reactflow/system';
+
+import type { Node, ReactFlowState } from '../types';
 
 const nodesSelector = (state: ReactFlowState) => state.getNodes();
 
diff --git a/packages/core/src/hooks/useNodesEdgesState.ts b/packages/core/src/hooks/useNodesEdgesState.ts
index 90348d382..19754aa4e 100644
--- a/packages/core/src/hooks/useNodesEdgesState.ts
+++ b/packages/core/src/hooks/useNodesEdgesState.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { useState, useCallback, type SetStateAction, type Dispatch } from 'react';
-import type { Node, NodeChange, Edge, EdgeChange } from '@reactflow/system';
 
 import { applyNodeChanges, applyEdgeChanges } from '../utils/changes';
+import type { Node, NodeChange, Edge, EdgeChange } from '../types';
 
 type ApplyChanges<ItemType, ChangesType> = (changes: ChangesType[], items: ItemType[]) => ItemType[];
 type OnChange<ChangesType> = (changes: ChangesType[]) => void;
diff --git a/packages/core/src/hooks/useNodesInitialized.ts b/packages/core/src/hooks/useNodesInitialized.ts
index dea87f33b..0a1e851a6 100644
--- a/packages/core/src/hooks/useNodesInitialized.ts
+++ b/packages/core/src/hooks/useNodesInitialized.ts
@@ -1,6 +1,7 @@
-import { internalsSymbol, type ReactFlowState } from '@reactflow/system';
+import { internalsSymbol } from '@reactflow/system';
 
 import { useStore } from './useStore';
+import type { ReactFlowState } from '../types';
 
 const selector = (s: ReactFlowState) => {
   if (s.nodeInternals.size === 0) {
diff --git a/packages/core/src/hooks/useOnInitHandler.ts b/packages/core/src/hooks/useOnInitHandler.ts
index ab9ecd6fd..27de912bb 100644
--- a/packages/core/src/hooks/useOnInitHandler.ts
+++ b/packages/core/src/hooks/useOnInitHandler.ts
@@ -1,7 +1,7 @@
 import { useEffect, useRef } from 'react';
-import type { OnInit } from '@reactflow/system';
 
 import useReactFlow from './useReactFlow';
+import type { OnInit } from '../types';
 
 function useOnInitHandler(onInit: OnInit | undefined) {
   const rfInstance = useReactFlow();
diff --git a/packages/core/src/hooks/useOnSelectionChange.ts b/packages/core/src/hooks/useOnSelectionChange.ts
index 653c4e474..323f23a80 100644
--- a/packages/core/src/hooks/useOnSelectionChange.ts
+++ b/packages/core/src/hooks/useOnSelectionChange.ts
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
-import type { OnSelectionChangeFunc } from '@reactflow/system';
 
 import { useStoreApi } from './useStore';
+import type { OnSelectionChangeFunc } from '../types';
 
 export type UseOnSelectionChangeOptions = {
   onChange?: OnSelectionChangeFunc;
diff --git a/packages/core/src/hooks/useReactFlow.ts b/packages/core/src/hooks/useReactFlow.ts
index fcba29a23..500fa15b6 100644
--- a/packages/core/src/hooks/useReactFlow.ts
+++ b/packages/core/src/hooks/useReactFlow.ts
@@ -1,5 +1,10 @@
 import { useCallback, useMemo } from 'react';
-import { getConnectedEdges, getOverlappingArea, isRectObject, nodeToRect } from '@reactflow/utils';
+import { getOverlappingArea, isRectObject, nodeToRect } from '@reactflow/utils';
+import type { Rect } from '@reactflow/system';
+
+import useViewportHelper from './useViewportHelper';
+import { useStoreApi } from '../hooks/useStore';
+import { getConnectedEdges } from '../utils';
 import type {
   ReactFlowInstance,
   Instance,
@@ -11,11 +16,7 @@ import type {
   EdgeRemoveChange,
   NodeChange,
   Node,
-  Rect,
-} from '@reactflow/system';
-
-import useViewportHelper from './useViewportHelper';
-import { useStoreApi } from '../hooks/useStore';
+} from '../types';
 
 /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
 export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlowInstance<NodeData, EdgeData> {
diff --git a/packages/core/src/hooks/useStore.ts b/packages/core/src/hooks/useStore.ts
index ca077cbf2..0af201bb5 100644
--- a/packages/core/src/hooks/useStore.ts
+++ b/packages/core/src/hooks/useStore.ts
@@ -1,8 +1,9 @@
 import { useContext, useMemo } from 'react';
 import { useStore as useZustandStore, type StoreApi } from 'zustand';
-import { errorMessages, type ReactFlowState } from '@reactflow/system';
+import { errorMessages } from '@reactflow/system';
 
 import StoreContext from '../contexts/RFStoreContext';
+import type { ReactFlowState } from '../types';
 
 const zustandErrorMessage = errorMessages['001']();
 
diff --git a/packages/core/src/hooks/useViewport.ts b/packages/core/src/hooks/useViewport.ts
index d188b15e1..13b214c51 100644
--- a/packages/core/src/hooks/useViewport.ts
+++ b/packages/core/src/hooks/useViewport.ts
@@ -1,7 +1,8 @@
 import { shallow } from 'zustand/shallow';
-import type { Viewport, ReactFlowState } from '@reactflow/system';
+import type { Viewport } from '@reactflow/system';
 
 import { useStore } from '../hooks/useStore';
+import type { ReactFlowState } from '../types';
 
 const viewportSelector = (state: ReactFlowState) => ({
   x: state.transform[0],
diff --git a/packages/core/src/hooks/useViewportHelper.ts b/packages/core/src/hooks/useViewportHelper.ts
index 324cb945b..07a5a2ba2 100644
--- a/packages/core/src/hooks/useViewportHelper.ts
+++ b/packages/core/src/hooks/useViewportHelper.ts
@@ -2,9 +2,10 @@ import { useMemo } from 'react';
 import { zoomIdentity } from 'd3-zoom';
 import { shallow } from 'zustand/shallow';
 import { pointToRendererPoint, getTransformForBounds, getD3Transition, fitView } from '@reactflow/utils';
-import type { ViewportHelperFunctions, ReactFlowState, XYPosition } from '@reactflow/system';
+import type { XYPosition } from '@reactflow/system';
 
 import { useStoreApi, useStore } from '../hooks/useStore';
+import type { ViewportHelperFunctions, ReactFlowState } from '../types';
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 const noop = () => {};
diff --git a/packages/core/src/hooks/useVisibleEdges.ts b/packages/core/src/hooks/useVisibleEdges.ts
index fe8d14d01..ac888780d 100644
--- a/packages/core/src/hooks/useVisibleEdges.ts
+++ b/packages/core/src/hooks/useVisibleEdges.ts
@@ -1,9 +1,10 @@
 import { useCallback } from 'react';
-import { internalsSymbol, type ReactFlowState, type NodeInternals, type Edge } from '@reactflow/system';
+import { internalsSymbol } from '@reactflow/system';
 import { isNumeric } from '@reactflow/utils';
 
 import { useStore } from '../hooks/useStore';
 import { isEdgeVisible } from '../container/EdgeRenderer/utils';
+import { type ReactFlowState, type NodeInternals, type Edge } from '../types';
 
 const defaultEdgeTree = [{ level: 0, isMaxLevel: true, edges: [] }];
 
diff --git a/packages/core/src/hooks/useVisibleNodes.ts b/packages/core/src/hooks/useVisibleNodes.ts
index 19be6b3b0..1a1d6c5d3 100644
--- a/packages/core/src/hooks/useVisibleNodes.ts
+++ b/packages/core/src/hooks/useVisibleNodes.ts
@@ -1,15 +1,15 @@
 import { useCallback } from 'react';
 import { getNodesInside } from '@reactflow/utils';
-import type { ReactFlowState } from '@reactflow/system';
 
 import { useStore } from '../hooks/useStore';
+import type { Node, ReactFlowState } from '../types';
 
 function useVisibleNodes(onlyRenderVisible: boolean) {
   const nodes = useStore(
     useCallback(
       (s: ReactFlowState) =>
         onlyRenderVisible
-          ? getNodesInside(s.nodeInternals, { x: 0, y: 0, width: s.width, height: s.height }, s.transform, true)
+          ? getNodesInside<Node>(s.getNodes(), { x: 0, y: 0, width: s.width, height: s.height }, s.transform, true)
           : s.getNodes(),
       [onlyRenderVisible]
     )
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index 52d202f51..055aad42f 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -8,22 +8,6 @@ export { default as SimpleBezierEdge, getSimpleBezierPath } from './components/E
 export { default as SmoothStepEdge } from './components/Edges/SmoothStepEdge';
 export { default as BaseEdge } from './components/Edges/BaseEdge';
 
-export {
-  isNode,
-  isEdge,
-  addEdge,
-  getOutgoers,
-  getIncomers,
-  getConnectedEdges,
-  updateEdge,
-  getTransformForBounds,
-  getRectOfNodes,
-  getNodePositionWithOrigin,
-  rectToBox,
-  boxToRect,
-  getBoundsOfRects,
-} from '@reactflow/utils';
-export { applyNodeChanges, applyEdgeChanges } from './utils/changes';
 export { default as ReactFlowProvider } from './components/ReactFlowProvider';
 export { default as Panel } from './components/Panel';
 export { default as EdgeLabelRenderer } from './components/EdgeLabelRenderer';
@@ -41,7 +25,18 @@ export { default as useOnSelectionChange } from './hooks/useOnSelectionChange';
 export { default as useNodesInitialized } from './hooks/useNodesInitialized';
 export { default as useGetPointerPosition } from './hooks/useGetPointerPosition';
 export { useNodeId } from './contexts/NodeIdContext';
-export * from '@reactflow/system';
 export * from '@reactflow/edge-utils';
+export * from '@reactflow/system';
+export {
+  getTransformForBounds,
+  getRectOfNodes,
+  getNodePositionWithOrigin,
+  rectToBox,
+  boxToRect,
+  getBoundsOfRects,
+} from '@reactflow/utils';
+
+export { applyNodeChanges, applyEdgeChanges } from './utils/changes';
+export { isNode, isEdge, getIncomers, getOutgoers, addEdge, updateEdge, getConnectedEdges } from './utils/general';
 
-// export * from './types';
+export * from './types';
diff --git a/packages/core/src/store/index.ts b/packages/core/src/store/index.ts
index 972ba9e88..e305336f9 100644
--- a/packages/core/src/store/index.ts
+++ b/packages/core/src/store/index.ts
@@ -3,18 +3,9 @@ import { zoomIdentity } from 'd3-zoom';
 import { clampPosition, getDimensions, fitView } from '@reactflow/utils';
 import {
   internalsSymbol,
-  type ReactFlowState,
-  type Node,
-  type Edge,
   type NodeDimensionUpdate,
   type CoordinateExtent,
-  type NodeDimensionChange,
-  type EdgeSelectionChange,
-  type NodeSelectionChange,
-  type NodePositionChange,
   type NodeDragItem,
-  type UnselectNodesAndEdgesParams,
-  type NodeChange,
   type XYPosition,
 } from '@reactflow/system';
 
@@ -22,6 +13,17 @@ import { applyNodeChanges, createSelectionChange, getSelectionChanges } from '..
 import { getHandleBounds } from '../components/Nodes/utils';
 import { createNodeInternals, updateAbsoluteNodePositions, updateNodesAndEdgesSelections } from './utils';
 import initialState from './initialState';
+import type {
+  ReactFlowState,
+  Node,
+  Edge,
+  NodeDimensionChange,
+  EdgeSelectionChange,
+  NodeSelectionChange,
+  NodePositionChange,
+  UnselectNodesAndEdgesParams,
+  NodeChange,
+} from '../types';
 
 const createRFStore = () =>
   createStore<ReactFlowState>((set, get) => ({
diff --git a/packages/core/src/store/initialState.ts b/packages/core/src/store/initialState.ts
index f00b02ed7..65550c465 100644
--- a/packages/core/src/store/initialState.ts
+++ b/packages/core/src/store/initialState.ts
@@ -1,10 +1,7 @@
-import { devWarn } from '@reactflow/utils';
-import { ConnectionMode, type CoordinateExtent, type ReactFlowStore } from '@reactflow/system';
+import { devWarn, infiniteExtent } from '@reactflow/utils';
+import { ConnectionMode } from '@reactflow/system';
 
-export const infiniteExtent: CoordinateExtent = [
-  [Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
-  [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY],
-];
+import type { ReactFlowStore } from '../types';
 
 const initialState: ReactFlowStore = {
   rfId: '1',
diff --git a/packages/core/src/store/utils.ts b/packages/core/src/store/utils.ts
index de21c644f..154382121 100644
--- a/packages/core/src/store/utils.ts
+++ b/packages/core/src/store/utils.ts
@@ -1,17 +1,9 @@
 import type { StoreApi } from 'zustand';
-import {
-  internalsSymbol,
-  type Edge,
-  type EdgeSelectionChange,
-  type Node,
-  type NodeInternals,
-  type NodeSelectionChange,
-  type ReactFlowState,
-  type XYZPosition,
-  type NodeOrigin,
-} from '@reactflow/system';
+import { internalsSymbol, type XYZPosition, type NodeOrigin } from '@reactflow/system';
 import { isNumeric, getNodePositionWithOrigin } from '@reactflow/utils';
 
+import type { Edge, EdgeSelectionChange, Node, NodeInternals, NodeSelectionChange, ReactFlowState } from '../types';
+
 type ParentNodes = Record<string, boolean>;
 
 function calculateXYZPosition(
diff --git a/packages/system/src/types/changes.ts b/packages/core/src/types/changes.ts
similarity index 90%
rename from packages/system/src/types/changes.ts
rename to packages/core/src/types/changes.ts
index 375c8bf24..a486e7cf0 100644
--- a/packages/system/src/types/changes.ts
+++ b/packages/core/src/types/changes.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
-import type { XYPosition, Dimensions } from './utils';
-import type { Node } from './nodes';
-import type { Edge } from './edges';
+import type { XYPosition, Dimensions } from '@reactflow/system';
+
+import type { Node, Edge } from '.';
 
 export type NodeDimensionChange = {
   id: string;
diff --git a/packages/system/src/types/component-props.ts b/packages/core/src/types/component-props.ts
similarity index 99%
rename from packages/system/src/types/component-props.ts
rename to packages/core/src/types/component-props.ts
index 1614805a7..1840f238f 100644
--- a/packages/system/src/types/component-props.ts
+++ b/packages/core/src/types/component-props.ts
@@ -1,4 +1,22 @@
 import type { CSSProperties, HTMLAttributes, MouseEvent as ReactMouseEvent, WheelEvent } from 'react';
+import type {
+  ConnectionMode,
+  ConnectionLineType,
+  OnConnect,
+  CoordinateExtent,
+  KeyCode,
+  PanOnScrollMode,
+  ProOptions,
+  PanelPosition,
+  OnMove,
+  OnMoveStart,
+  OnMoveEnd,
+  Viewport,
+  NodeOrigin,
+  HandleType,
+  SelectionMode,
+  OnError,
+} from '@reactflow/system';
 
 import type {
   OnSelectionChangeFunc,
@@ -6,37 +24,21 @@ import type {
   EdgeTypes,
   Node,
   Edge,
-  ConnectionMode,
-  ConnectionLineType,
   ConnectionLineComponent,
   OnConnectStart,
   OnConnectEnd,
-  OnConnect,
-  CoordinateExtent,
-  KeyCode,
-  PanOnScrollMode,
   OnEdgeUpdateFunc,
   OnInit,
-  ProOptions,
-  PanelPosition,
   DefaultEdgeOptions,
   FitViewOptions,
   OnNodesDelete,
   OnEdgesDelete,
   OnNodesChange,
   OnEdgesChange,
-  OnMove,
-  OnMoveStart,
-  OnMoveEnd,
   NodeDragHandler,
   NodeMouseHandler,
   SelectionDragHandler,
-  Viewport,
-  NodeOrigin,
   EdgeMouseHandler,
-  HandleType,
-  SelectionMode,
-  OnError,
 } from '.';
 
 export type ReactFlowProps = HTMLAttributes<HTMLDivElement> & {
diff --git a/packages/core/src/types/edges.ts b/packages/core/src/types/edges.ts
new file mode 100644
index 000000000..37c415d2d
--- /dev/null
+++ b/packages/core/src/types/edges.ts
@@ -0,0 +1,137 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import type { CSSProperties, HTMLAttributes, ReactNode, MouseEvent as ReactMouseEvent, ComponentType } from 'react';
+import type {
+  BaseEdge,
+  BezierPathOptions,
+  Position,
+  SmoothStepPathOptions,
+  DefaultEdgeOptionsBase,
+  HandleType,
+  Connection,
+  ConnectionLineType,
+  HandleElement,
+  ConnectionStatus,
+} from '@reactflow/system';
+
+import { Node } from '.';
+
+export type EdgeLabelOptions = {
+  label?: string | ReactNode;
+  labelStyle?: CSSProperties;
+  labelShowBg?: boolean;
+  labelBgStyle?: CSSProperties;
+  labelBgPadding?: [number, number];
+  labelBgBorderRadius?: number;
+};
+
+export type DefaultEdge<EdgeData = any> = BaseEdge<EdgeData> & {
+  style?: CSSProperties;
+  className?: string;
+  sourceNode?: Node;
+  targetNode?: Node;
+} & EdgeLabelOptions;
+
+type SmoothStepEdgeType<T> = DefaultEdge<T> & {
+  type: 'smoothstep';
+  pathOptions?: SmoothStepPathOptions;
+};
+
+type BezierEdgeType<T> = DefaultEdge<T> & {
+  type: 'default';
+  pathOptions?: BezierPathOptions;
+};
+
+export type Edge<T = any> = DefaultEdge<T> | SmoothStepEdgeType<T> | BezierEdgeType<T>;
+
+export type EdgeMouseHandler = (event: ReactMouseEvent, edge: Edge) => void;
+
+export type WrapEdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandle'> & {
+  onClick?: EdgeMouseHandler;
+  onEdgeDoubleClick?: EdgeMouseHandler;
+  sourceHandleId?: string | null;
+  targetHandleId?: string | null;
+  sourceX: number;
+  sourceY: number;
+  targetX: number;
+  targetY: number;
+  sourcePosition: Position;
+  targetPosition: Position;
+  elementsSelectable?: boolean;
+  onEdgeUpdate?: OnEdgeUpdateFunc;
+  onContextMenu?: EdgeMouseHandler;
+  onMouseEnter?: EdgeMouseHandler;
+  onMouseMove?: EdgeMouseHandler;
+  onMouseLeave?: EdgeMouseHandler;
+  edgeUpdaterRadius?: number;
+  onEdgeUpdateStart?: (event: ReactMouseEvent, edge: Edge, handleType: HandleType) => void;
+  onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: Edge, handleType: HandleType) => void;
+  rfId?: string;
+  isFocusable: boolean;
+  pathOptions?: BezierPathOptions | SmoothStepPathOptions;
+};
+
+export type DefaultEdgeOptions = DefaultEdgeOptionsBase<Edge>;
+
+export type EdgeTextProps = HTMLAttributes<SVGElement> &
+  EdgeLabelOptions & {
+    x: number;
+    y: number;
+  };
+
+// props that get passed to a custom edge
+export type EdgeProps<T = any> = Pick<
+  Edge<T>,
+  'id' | 'animated' | 'data' | 'style' | 'selected' | 'source' | 'target'
+> &
+  Pick<
+    WrapEdgeProps,
+    | 'sourceX'
+    | 'sourceY'
+    | 'targetX'
+    | 'targetY'
+    | 'sourcePosition'
+    | 'targetPosition'
+    | 'sourceHandleId'
+    | 'targetHandleId'
+    | 'interactionWidth'
+  > &
+  EdgeLabelOptions & {
+    markerStart?: string;
+    markerEnd?: string;
+    // @TODO: how can we get better types for pathOptions?
+    pathOptions?: any;
+  };
+
+export type BaseEdgeProps = Pick<EdgeProps, 'style' | 'markerStart' | 'markerEnd' | 'interactionWidth'> &
+  EdgeLabelOptions & {
+    labelX?: number;
+    labelY?: number;
+    path: string;
+  };
+
+export type SmoothStepEdgeProps<T = any> = EdgeProps<T> & {
+  pathOptions?: SmoothStepPathOptions;
+};
+
+export type BezierEdgeProps<T = any> = EdgeProps<T> & {
+  pathOptions?: BezierPathOptions;
+};
+
+export type OnEdgeUpdateFunc<T = any> = (oldEdge: Edge<T>, newConnection: Connection) => void;
+
+export type ConnectionLineComponentProps = {
+  connectionLineStyle?: CSSProperties;
+  connectionLineType: ConnectionLineType;
+  fromNode?: Node;
+  fromHandle?: HandleElement;
+  fromX: number;
+  fromY: number;
+  toX: number;
+  toY: number;
+  fromPosition: Position;
+  toPosition: Position;
+  connectionStatus: ConnectionStatus | null;
+};
+
+export type ConnectionLineComponent = ComponentType<ConnectionLineComponentProps>;
diff --git a/packages/core/src/types/general.ts b/packages/core/src/types/general.ts
new file mode 100644
index 000000000..aa947c018
--- /dev/null
+++ b/packages/core/src/types/general.ts
@@ -0,0 +1,68 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import type {
+  MouseEvent as ReactMouseEvent,
+  TouchEvent as ReactTouchEvent,
+  ComponentType,
+  MemoExoticComponent,
+} from 'react';
+import {
+  FitViewParamsBase,
+  FitViewOptionsBase,
+  NodeProps,
+  OnConnectStartParams,
+  ZoomInOut,
+  ZoomTo,
+  SetViewport,
+  GetZoom,
+  GetViewport,
+  SetCenter,
+  FitBounds,
+  Project,
+} from '@reactflow/system';
+
+import type { NodeChange, EdgeChange, Node, WrapNodeProps, Edge, EdgeProps, WrapEdgeProps, ReactFlowInstance } from '.';
+
+export type OnNodesChange = (changes: NodeChange[]) => void;
+export type OnEdgesChange = (changes: EdgeChange[]) => void;
+
+export type OnNodesDelete = (nodes: Node[]) => void;
+export type OnEdgesDelete = (edges: Edge[]) => void;
+
+export type NodeTypes = { [key: string]: ComponentType<NodeProps> };
+export type NodeTypesWrapped = { [key: string]: MemoExoticComponent<ComponentType<WrapNodeProps>> };
+export type EdgeTypes = { [key: string]: ComponentType<EdgeProps> };
+export type EdgeTypesWrapped = { [key: string]: MemoExoticComponent<ComponentType<WrapEdgeProps>> };
+
+export type UnselectNodesAndEdgesParams = {
+  nodes?: Node[];
+  edges?: Edge[];
+};
+
+export type OnSelectionChangeParams = {
+  nodes: Node[];
+  edges: Edge[];
+};
+
+export type OnSelectionChangeFunc = (params: OnSelectionChangeParams) => void;
+
+export type OnConnectStart = (event: ReactMouseEvent | ReactTouchEvent, params: OnConnectStartParams) => void;
+export type OnConnectEnd = (event: MouseEvent | TouchEvent) => void;
+
+export type FitViewParams = FitViewParamsBase<Node>;
+export type FitViewOptions = FitViewOptionsBase<Node>;
+export type FitView = (fitViewOptions?: FitViewOptions) => boolean;
+export type OnInit<NodeData = any, EdgeData = any> = (reactFlowInstance: ReactFlowInstance<NodeData, EdgeData>) => void;
+
+export type ViewportHelperFunctions = {
+  zoomIn: ZoomInOut;
+  zoomOut: ZoomInOut;
+  zoomTo: ZoomTo;
+  getZoom: GetZoom;
+  setViewport: SetViewport;
+  getViewport: GetViewport;
+  fitView: FitView;
+  setCenter: SetCenter;
+  fitBounds: FitBounds;
+  project: Project;
+  viewportInitialized: boolean;
+};
diff --git a/packages/core/src/types/index.ts b/packages/core/src/types/index.ts
new file mode 100644
index 000000000..6ee8dada0
--- /dev/null
+++ b/packages/core/src/types/index.ts
@@ -0,0 +1,7 @@
+export * from './nodes';
+export * from './edges';
+export * from './changes';
+export * from './component-props';
+export * from './general';
+export * from './store';
+export * from './instance';
diff --git a/packages/system/src/types/instance.ts b/packages/core/src/types/instance.ts
similarity index 95%
rename from packages/system/src/types/instance.ts
rename to packages/core/src/types/instance.ts
index 7ff856061..af83e1e38 100644
--- a/packages/system/src/types/instance.ts
+++ b/packages/core/src/types/instance.ts
@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-namespace */
-import { ViewportHelperFunctions, Viewport, Node, Edge, Rect } from '.';
+import type { Rect, Viewport } from '@reactflow/system';
+import type { Node, Edge, ViewportHelperFunctions } from '.';
 
 export type ReactFlowJsonObject<NodeData = any, EdgeData = any> = {
   nodes: Node<NodeData>[];
@@ -12,6 +13,7 @@ export type DeleteElementsOptions = {
   nodes?: (Partial<Node> & { id: Node['id'] })[];
   edges?: (Partial<Edge> & { id: Edge['id'] })[];
 };
+
 export namespace Instance {
   export type GetNodes<NodeData> = () => Node<NodeData>[];
   export type SetNodes<NodeData> = (
diff --git a/packages/core/src/types/nodes.ts b/packages/core/src/types/nodes.ts
new file mode 100644
index 000000000..9ecf93ab4
--- /dev/null
+++ b/packages/core/src/types/nodes.ts
@@ -0,0 +1,46 @@
+import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
+import type { BaseNode } from '@reactflow/system';
+
+export type Node<NodeData = any, NodeType extends string | undefined = string | undefined> = BaseNode<
+  NodeData,
+  NodeType
+> & {
+  style?: CSSProperties;
+  className?: string;
+  resizing?: boolean;
+};
+
+export type NodeMouseHandler = (event: ReactMouseEvent, node: Node) => void;
+export type NodeDragHandler = (event: ReactMouseEvent, node: Node, nodes: Node[]) => void;
+export type SelectionDragHandler = (event: ReactMouseEvent, nodes: Node[]) => void;
+
+export type WrapNodeProps<NodeData = any> = Pick<
+  Node<NodeData>,
+  'id' | 'data' | 'style' | 'className' | 'dragHandle' | 'sourcePosition' | 'targetPosition' | 'hidden' | 'ariaLabel'
+> &
+  Required<Pick<Node<NodeData>, 'selected' | 'type' | 'zIndex'>> & {
+    isConnectable: boolean;
+    xPos: number;
+    yPos: number;
+    xPosOrigin: number;
+    yPosOrigin: number;
+    initialized: boolean;
+    isSelectable: boolean;
+    isDraggable: boolean;
+    isFocusable: boolean;
+    selectNodesOnDrag: boolean;
+    onClick?: NodeMouseHandler;
+    onDoubleClick?: NodeMouseHandler;
+    onMouseEnter?: NodeMouseHandler;
+    onMouseMove?: NodeMouseHandler;
+    onMouseLeave?: NodeMouseHandler;
+    onContextMenu?: NodeMouseHandler;
+    resizeObserver: ResizeObserver | null;
+    isParent: boolean;
+    noDragClassName: string;
+    noPanClassName: string;
+    rfId: string;
+    disableKeyboardA11y: boolean;
+  };
+
+export type NodeInternals = Map<string, Node>;
diff --git a/packages/core/src/types/store.ts b/packages/core/src/types/store.ts
new file mode 100644
index 000000000..b42771379
--- /dev/null
+++ b/packages/core/src/types/store.ts
@@ -0,0 +1,149 @@
+import {
+  ConnectionMode,
+  ConnectionStatus,
+  CoordinateExtent,
+  D3SelectionInstance,
+  D3ZoomInstance,
+  HandleType,
+  NodeDimensionUpdate,
+  NodeDragItem,
+  NodeOrigin,
+  OnConnect,
+  OnError,
+  OnViewportChange,
+  SelectionRect,
+  SnapGrid,
+  StartHandle,
+  Transform,
+  XYPosition,
+} from '@reactflow/system';
+
+import type {
+  NodeDragHandler,
+  Edge,
+  Node,
+  NodeChange,
+  OnNodesChange,
+  OnEdgesChange,
+  NodeInternals,
+  OnConnectStart,
+  OnConnectEnd,
+  SelectionDragHandler,
+  DefaultEdgeOptions,
+  FitViewOptions,
+  OnNodesDelete,
+  OnEdgesDelete,
+  OnSelectionChangeFunc,
+  UnselectNodesAndEdgesParams,
+} from '.';
+
+export type ReactFlowStore = {
+  rfId: string;
+  width: number;
+  height: number;
+  transform: Transform;
+  nodeInternals: NodeInternals;
+  edges: Edge[];
+  onNodesChange: OnNodesChange | null;
+  onEdgesChange: OnEdgesChange | null;
+  hasDefaultNodes: boolean;
+  hasDefaultEdges: boolean;
+  domNode: HTMLDivElement | null;
+  paneDragging: boolean;
+  noPanClassName: string;
+
+  d3Zoom: D3ZoomInstance | null;
+  d3Selection: D3SelectionInstance | null;
+  d3ZoomHandler: ((this: Element, event: any, d: unknown) => void) | undefined;
+  minZoom: number;
+  maxZoom: number;
+  translateExtent: CoordinateExtent;
+  nodeExtent: CoordinateExtent;
+  nodeOrigin: NodeOrigin;
+
+  nodesSelectionActive: boolean;
+  userSelectionActive: boolean;
+  userSelectionRect: SelectionRect | null;
+
+  connectionNodeId: string | null;
+  connectionHandleId: string | null;
+  connectionHandleType: HandleType | null;
+  connectionPosition: XYPosition;
+  connectionStatus: ConnectionStatus | null;
+  connectionMode: ConnectionMode;
+
+  snapToGrid: boolean;
+  snapGrid: SnapGrid;
+
+  nodesDraggable: boolean;
+  nodesConnectable: boolean;
+  nodesFocusable: boolean;
+  edgesFocusable: boolean;
+  elementsSelectable: boolean;
+  elevateNodesOnSelect: boolean;
+
+  multiSelectionActive: boolean;
+
+  connectionStartHandle: StartHandle | null;
+
+  onNodeDragStart?: NodeDragHandler;
+  onNodeDrag?: NodeDragHandler;
+  onNodeDragStop?: NodeDragHandler;
+
+  onSelectionDragStart?: SelectionDragHandler;
+  onSelectionDrag?: SelectionDragHandler;
+  onSelectionDragStop?: SelectionDragHandler;
+
+  onConnect?: OnConnect;
+  onConnectStart?: OnConnectStart;
+  onConnectEnd?: OnConnectEnd;
+
+  onClickConnectStart?: OnConnectStart;
+  onClickConnectEnd?: OnConnectEnd;
+
+  connectOnClick: boolean;
+  defaultEdgeOptions?: DefaultEdgeOptions;
+
+  fitViewOnInit: boolean;
+  fitViewOnInitDone: boolean;
+  fitViewOnInitOptions: FitViewOptions | undefined;
+
+  onNodesDelete?: OnNodesDelete;
+  onEdgesDelete?: OnEdgesDelete;
+  onError?: OnError;
+
+  // event handlers
+  onViewportChangeStart?: OnViewportChange;
+  onViewportChange?: OnViewportChange;
+  onViewportChangeEnd?: OnViewportChange;
+
+  onSelectionChange?: OnSelectionChangeFunc;
+
+  ariaLiveMessage: string;
+  autoPanOnConnect: boolean;
+  autoPanOnNodeDrag: boolean;
+  connectionRadius: number;
+};
+
+export type ReactFlowActions = {
+  setNodes: (nodes: Node[]) => void;
+  getNodes: () => Node[];
+  setEdges: (edges: Edge[]) => void;
+  setDefaultNodesAndEdges: (nodes?: Node[], edges?: Edge[]) => void;
+  updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
+  updateNodePositions: (nodeDragItems: NodeDragItem[] | Node[], positionChanged: boolean, dragging: boolean) => void;
+  resetSelectedElements: () => void;
+  unselectNodesAndEdges: (params?: UnselectNodesAndEdgesParams) => void;
+  addSelectedNodes: (nodeIds: string[]) => void;
+  addSelectedEdges: (edgeIds: string[]) => void;
+  setMinZoom: (minZoom: number) => void;
+  setMaxZoom: (maxZoom: number) => void;
+  setTranslateExtent: (translateExtent: CoordinateExtent) => void;
+  setNodeExtent: (nodeExtent: CoordinateExtent) => void;
+  cancelConnection: () => void;
+  reset: () => void;
+  triggerNodeChanges: (changes: NodeChange[]) => void;
+  panBy: (delta: XYPosition) => void;
+};
+
+export type ReactFlowState = ReactFlowStore & ReactFlowActions;
diff --git a/packages/core/src/utils/changes.ts b/packages/core/src/utils/changes.ts
index 65ed6b9c8..5deb3fdca 100644
--- a/packages/core/src/utils/changes.ts
+++ b/packages/core/src/utils/changes.ts
@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type { Node, Edge, EdgeChange, NodeChange } from '@reactflow/system';
+import type { Node, Edge, EdgeChange, NodeChange } from '../types';
 
 function handleParentExpand(res: any[], updateItem: any) {
   const parent = res.find((e) => e.id === updateItem.parentNode);
diff --git a/packages/core/src/utils/general.ts b/packages/core/src/utils/general.ts
new file mode 100644
index 000000000..ff323a444
--- /dev/null
+++ b/packages/core/src/utils/general.ts
@@ -0,0 +1,18 @@
+import {
+  isNodeBase,
+  isEdgeBase,
+  addEdgeBase,
+  getOutgoersBase,
+  getIncomersBase,
+  updateEdgeBase,
+  getConnectedEdgesBase,
+} from '@reactflow/utils';
+import type { Edge, Node } from '../types';
+
+export const isNode = isNodeBase<Node, Edge>;
+export const isEdge = isEdgeBase<Node, Edge>;
+export const getOutgoers = getOutgoersBase<Node, Edge>;
+export const getIncomers = getIncomersBase<Node, Edge>;
+export const addEdge = addEdgeBase<Edge>;
+export const updateEdge = updateEdgeBase<Edge>;
+export const getConnectedEdges = getConnectedEdgesBase<Node, Edge>;
diff --git a/packages/core/src/utils/index.ts b/packages/core/src/utils/index.ts
new file mode 100644
index 000000000..dc64d926e
--- /dev/null
+++ b/packages/core/src/utils/index.ts
@@ -0,0 +1,2 @@
+export * from './changes';
+export * from './general';
diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index 35e7cfbe9..777d1f11a 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -1,7 +1,7 @@
 import { get, type Writable } from 'svelte/store';
 import { drag as d3Drag, type D3DragEvent, type SubjectPosition } from 'd3-drag';
 import { select } from 'd3-selection';
-import type { XYPosition, CoordinateExtent, Transform, Node as RFNode } from '@reactflow/system';
+import type { XYPosition, CoordinateExtent, Transform } from '@reactflow/system';
 
 import { getDragItems, hasSelector, calcNextPosition } from './utils';
 import type { Node } from '$lib/types';
@@ -62,7 +62,7 @@ export default function drag(
 
     dragItems = dragItems.map((n) => {
       const nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
-      const updatedPos = calcNextPosition(n, nextPosition, get(nodes) as RFNode[]);
+      const updatedPos = calcNextPosition(n, nextPosition, get(nodes));
 
       // we want to make sure that we only fire a change event when there is a changes
       hasChange =
@@ -89,7 +89,7 @@ export default function drag(
       const pointerPos = getPointerPosition(event);
       console.log(pointerPos);
       lastPos = pointerPos;
-      dragItems = getDragItems(get(nodes) as RFNode[], pointerPos, nodeId);
+      dragItems = getDragItems(get(nodes), pointerPos, nodeId);
     })
     .on('drag', (event: UseDragEvent) => {
       const pointerPos = getPointerPosition(event);
diff --git a/packages/svelte/src/lib/actions/drag/utils.ts b/packages/svelte/src/lib/actions/drag/utils.ts
index 038435568..da2e436fe 100644
--- a/packages/svelte/src/lib/actions/drag/utils.ts
+++ b/packages/svelte/src/lib/actions/drag/utils.ts
@@ -1,13 +1,7 @@
-import type {
-  CoordinateExtent,
-  Node,
-  NodeDragItem,
-  NodeInternals,
-  NodeOrigin,
-  XYPosition
-} from '@reactflow/system';
+import type { CoordinateExtent, NodeDragItem, NodeOrigin, XYPosition } from '@reactflow/system';
+import { clampPosition, isNumeric } from '@reactflow/utils';
 
-import { clampPosition, isNumeric } from '../../../utils';
+import type { Node } from '$lib/types';
 
 export function isParentSelected(node: Node, nodes: Node[]): boolean {
   if (!node.parentNode) {
@@ -122,31 +116,3 @@ export function calcNextPosition(
     positionAbsolute
   };
 }
-
-// returns two params:
-// 1. the dragged node (or the first of the list, if we are dragging a node selection)
-// 2. array of selected nodes (for multi selections)
-export function getEventHandlerParams({
-  nodeId,
-  dragItems,
-  nodeInternals
-}: {
-  nodeId?: string;
-  dragItems: NodeDragItem[];
-  nodeInternals: NodeInternals;
-}): [Node, Node[]] {
-  const extentedDragItems: Node[] = dragItems.map((n) => {
-    const node = nodeInternals.get(n.id)!;
-
-    return {
-      ...node,
-      position: n.position,
-      positionAbsolute: n.positionAbsolute
-    };
-  });
-
-  return [
-    nodeId ? extentedDragItems.find((n) => n.id === nodeId)! : extentedDragItems[0],
-    extentedDragItems
-  ];
-}
diff --git a/packages/svelte/src/lib/actions/zoom/index.ts b/packages/svelte/src/lib/actions/zoom/index.ts
index 32827a82e..d4c492441 100644
--- a/packages/svelte/src/lib/actions/zoom/index.ts
+++ b/packages/svelte/src/lib/actions/zoom/index.ts
@@ -1,8 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type { Writable } from 'svelte/store';
 import { select } from 'd3-selection';
-import { zoom as d3Zoom, zoomIdentity } from 'd3-zoom';
-import type { D3ZoomEvent } from 'd3-zoom';
+import { zoom as d3Zoom, zoomIdentity, type D3ZoomEvent } from 'd3-zoom';
 import type { D3SelectionInstance, D3ZoomInstance, Transform } from '@reactflow/system';
 
 const isWrappedWithClass = (event: any, className: string | undefined) =>
diff --git a/packages/svelte/src/lib/components/Handle/handler.ts b/packages/svelte/src/lib/components/Handle/handler.ts
index d9da352f1..56d71b8fa 100644
--- a/packages/svelte/src/lib/components/Handle/handler.ts
+++ b/packages/svelte/src/lib/components/Handle/handler.ts
@@ -1,3 +1,4 @@
+import { get, type Writable } from 'svelte/store';
 import {
   getHostForElement,
   calcAutoPan,
@@ -10,7 +11,6 @@ import type {
   HandleType,
   Connection,
   ConnectionMode,
-  Node,
   XYPosition,
   Transform
 } from '@reactflow/system';
@@ -25,8 +25,7 @@ import {
   type ConnectionHandle,
   type ValidConnectionFunc
 } from './utils';
-import { get, type Writable } from 'svelte/store';
-import type { ConnectionData } from '$lib/types';
+import type { ConnectionData, Node } from '$lib/types';
 
 export function handlePointerDown({
   event,
diff --git a/packages/svelte/src/lib/components/Handle/index.svelte b/packages/svelte/src/lib/components/Handle/index.svelte
index b722e3f83..4ce9f57a2 100644
--- a/packages/svelte/src/lib/components/Handle/index.svelte
+++ b/packages/svelte/src/lib/components/Handle/index.svelte
@@ -9,9 +9,9 @@
 
   type $$Props = HandleProps;
 
+  export let id: $$Props['id'] = undefined;
   export let type: $$Props['type'] = 'source';
   export let position: $$Props['position'] = Position.Top;
-  export let id: $$Props['id'] = undefined;
   export let isConnectable: $$Props['isConnectable'] = true;
   export let isValidConnection: $$Props['isValidConnection'] = (_: Connection) => true;
   let className: string | null = null;
diff --git a/packages/svelte/src/lib/components/Handle/utils.ts b/packages/svelte/src/lib/components/Handle/utils.ts
index 6029dac06..7294f2e5c 100644
--- a/packages/svelte/src/lib/components/Handle/utils.ts
+++ b/packages/svelte/src/lib/components/Handle/utils.ts
@@ -1,7 +1,9 @@
 import { internalsSymbol, ConnectionMode, type ConnectionStatus } from '@reactflow/system';
-import type { Connection, HandleType, XYPosition, Node, NodeHandleBounds } from '@reactflow/system';
+import type { Connection, HandleType, XYPosition, NodeHandleBounds } from '@reactflow/system';
 import { getEventPosition } from '@reactflow/utils';
 
+import type { Node } from '$lib/types';
+
 export type ConnectionHandle = {
   id: string | null;
   type: HandleType;
diff --git a/packages/svelte/src/lib/components/edges/BaseEdge.svelte b/packages/svelte/src/lib/components/edges/BaseEdge.svelte
index 59129684a..2a8c54fc5 100644
--- a/packages/svelte/src/lib/components/edges/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/BaseEdge.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  import type { BaseEdgeProps } from '$lib/types';
   import EdgeLabelRenderer from '$lib/components/EdgeLabelRenderer/index.svelte';
+  import type { BaseEdgeProps } from '$lib/types';
 
   type $$Props = BaseEdgeProps;
 
-  export let path: $$Props['path'];
-  export let label: $$Props['label'];
-  export let labelX: $$Props['labelX'];
-  export let labelY: $$Props['labelY'];
+  export let path: $$Props['path'] = '';
+  export let label: $$Props['label'] = undefined;
+  export let labelX: $$Props['labelX'] = undefined;
+  export let labelY: $$Props['labelY'] = undefined;
   export let interactionWidth: $$Props['interactionWidth'] = 20;
 </script>
 
diff --git a/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte b/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte
index 8f24ab5e8..1bcb6b4bb 100644
--- a/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte
@@ -4,9 +4,9 @@
 
   import { useStore } from '$lib/store';
   import BezierEdge from '$lib/components/edges/StraightEdge.svelte';
-  import type { EdgeProps, WrapEdgeProps } from '$lib/types';
+  import type { EdgeProps, EdgeLayouted } from '$lib/types';
 
-  type $$Props = WrapEdgeProps;
+  type $$Props = EdgeLayouted;
 
   export let id: $$Props['id'];
   export let type: $$Props['type'] = 'default';
@@ -16,6 +16,8 @@
   export let sourceY: $$Props['sourceY'] = 0;
   export let targetX: $$Props['targetX'] = 0;
   export let targetY: $$Props['targetY'] = 0;
+  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
+  export let targetHandleId: $$Props['targetHandleId'] = undefined;
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
   export let animated: $$Props['animated'] = false;
diff --git a/packages/svelte/src/lib/container/Pane/index.svelte b/packages/svelte/src/lib/container/Pane/index.svelte
index 2ca1b5dff..996501cf7 100644
--- a/packages/svelte/src/lib/container/Pane/index.svelte
+++ b/packages/svelte/src/lib/container/Pane/index.svelte
@@ -30,8 +30,11 @@
 
 <script lang="ts">
   import { useStore } from '$lib/store';
-  import { SelectionMode, type Node, type Edge } from '@reactflow/system';
-  import { getConnectedEdges, getEventPosition, getNodesInside } from '@reactflow/utils';
+  import { SelectionMode } from '@reactflow/system';
+  import {  getEventPosition, getNodesInside } from '@reactflow/utils';
+
+  import { getConnectedEdges} from '$lib/utils';
+  import type { Node, Edge } from '$lib/types';
 
   const {
     nodes,
@@ -107,8 +110,8 @@
       height: Math.abs(mousePos.y - startY)
     };
 
-    selectedNodes = getNodesInside(
-      new Map($nodes.map((node) => [node.id, node])),
+    selectedNodes = getNodesInside<Node>(
+      $nodes,
       nextUserSelectRect,
       $transform,
       selectionMode === SelectionMode.Partial,
diff --git a/packages/svelte/src/lib/container/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow.svelte
index 421577679..c684098d1 100644
--- a/packages/svelte/src/lib/container/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { setContext, onMount } from 'svelte';
+  import { ConnectionLineType } from '@reactflow/system';
   import cc from 'classcat';
 
   import { key, createStore } from '$lib/store';
@@ -23,7 +24,7 @@
   export let nodeTypes: $$Props['nodeTypes'] = undefined;
   export let selectionKey: $$Props['selectionKey'] = undefined;
   export let deleteKey: $$Props['deleteKey'] = undefined;
-  export let connectionLineType: $$Props['connectionLineType'] = undefined;
+  export let connectionLineType: $$Props['connectionLineType'] = ConnectionLineType.Bezier;
 
   let className: $$Props['class'] = undefined;
   export { className as class };
@@ -51,27 +52,6 @@
     });
   });
 
-  // $: {
-  //   const updatableProps = {
-  //     defaultEdgeOptions,
-  //     connectionMode,
-  //     snapToGrid,
-  //     snapGrid,
-  //     nodesDraggable,
-  //     connectOnClick,
-  //     fitViewOnInit: fitView,
-  //     fitViewOnInitOptions: fitViewOptions,
-  //   };
-
-  //   Object.keys(updatableProps).forEach((key) => {
-  //       store.update((state) => ({
-  //         ...state,
-  //         [key]: valuesToUpdate[key],
-  //       }));
-
-  //   });
-  // }
-
   $: {
     store.setNodes(nodes);
   }
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 262f511a4..6c16c357f 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -3,6 +3,8 @@ export { Controls, ControlButton } from '$lib/plugins/Controls';
 export { Background, BackgroundVariant } from '$lib/plugins/Background';
 export { Minimap } from '$lib/plugins/Minimap';
 export { default as Panel } from '$lib/container/Panel/index.svelte';
+
 export * from '$lib/types';
+export * from '$lib/utils';
 
 export default SvelteFlow;
diff --git a/packages/svelte/src/lib/store/connection-path.ts b/packages/svelte/src/lib/store/connection-path.ts
index bd3b420d1..317d260e0 100644
--- a/packages/svelte/src/lib/store/connection-path.ts
+++ b/packages/svelte/src/lib/store/connection-path.ts
@@ -1,8 +1,8 @@
+import { derived } from 'svelte/store';
 import { getBezierPath, getSmoothStepPath, getStraightPath } from '@reactflow/edge-utils';
-import { ConnectionLineType, ConnectionMode, Position } from '@reactflow/system';
+import { ConnectionLineType, ConnectionMode, Position, internalsSymbol } from '@reactflow/system';
 
 import type { SvelteFlowStoreState } from './types';
-import { derived } from 'svelte/store';
 
 const oppositePosition = {
   [Position.Left]: Position.Right,
@@ -20,21 +20,21 @@ export function getConnectionPath(store: SvelteFlowStoreState) {
       store.nodes,
       store.transform
     ],
-    ([$connection, $connectionLineType, $connectionMode, $nodes, $transform]) => {
-      if (!$connection.nodeId) {
+    ([connection, connectionLineType, connectionMode, nodes, transform]) => {
+      if (!connection.nodeId) {
         return null;
       }
 
-      const fromNode = $nodes.find((n) => n.id === $connection.nodeId);
+      const fromNode = nodes.find((n) => n.id === connection.nodeId);
       const fromHandleBounds = fromNode?.[internalsSymbol]?.handleBounds;
-      const handleBoundsStrict = fromHandleBounds?.[$connection.handleType || 'source'] || [];
+      const handleBoundsStrict = fromHandleBounds?.[connection.handleType || 'source'] || [];
       const handleBoundsLoose = handleBoundsStrict
         ? handleBoundsStrict
-        : fromHandleBounds?.[$connection.handleType === 'source' ? 'target' : 'source']!;
+        : fromHandleBounds?.[connection.handleType === 'source' ? 'target' : 'source']!;
       const handleBounds =
-        $connectionMode === ConnectionMode.Strict ? handleBoundsStrict : handleBoundsLoose;
-      const fromHandle = $connection.handleId
-        ? handleBounds.find((d) => d.id === $connection.handleId)
+        connectionMode === ConnectionMode.Strict ? handleBoundsStrict : handleBoundsLoose;
+      const fromHandle = connection.handleId
+        ? handleBounds.find((d) => d.id === connection.handleId)
         : handleBounds[0];
       const fromHandleX = fromHandle
         ? fromHandle.x + fromHandle.width / 2
@@ -49,22 +49,22 @@ export function getConnectionPath(store: SvelteFlowStoreState) {
         sourceX: fromX,
         sourceY: fromY,
         sourcePosition: fromPosition,
-        targetX: (($connection.position?.x ?? 0) - $transform[0]) / $transform[2],
-        targetY: (($connection.position?.y ?? 0) - $transform[1]) / $transform[2],
+        targetX: ((connection.position?.x ?? 0) - transform[0]) / transform[2],
+        targetY: ((connection.position?.y ?? 0) - transform[1]) / transform[2],
         targetPosition: toPosition
       };
 
       let path = '';
 
-      if ($connectionLineType === ConnectionLineType.Bezier) {
+      if (connectionLineType === ConnectionLineType.Bezier) {
         // we assume the destination position is opposite to the source position
         [path] = getBezierPath(pathParams);
-      } else if ($connectionLineType === ConnectionLineType.Step) {
+      } else if (connectionLineType === ConnectionLineType.Step) {
         [path] = getSmoothStepPath({
           ...pathParams,
           borderRadius: 0
         });
-      } else if ($connectionLineType === ConnectionLineType.SmoothStep) {
+      } else if (connectionLineType === ConnectionLineType.SmoothStep) {
         [path] = getSmoothStepPath(pathParams);
       } else {
         [path] = getStraightPath(pathParams);
diff --git a/packages/svelte/src/lib/store/edges-layouted.ts b/packages/svelte/src/lib/store/edges-layouted.ts
index b5825e990..7d5d23bbb 100644
--- a/packages/svelte/src/lib/store/edges-layouted.ts
+++ b/packages/svelte/src/lib/store/edges-layouted.ts
@@ -2,7 +2,7 @@ import { derived } from 'svelte/store';
 import { Position } from '@reactflow/system';
 
 import { getEdgePositions, getHandle, getNodeData } from '$lib/container/EdgeRenderer/utils';
-import type { WrapEdgeProps } from '$lib/types';
+import type { EdgeLayouted } from '$lib/types';
 import type { SvelteFlowStoreState } from './types';
 
 export function getEdgesLayouted(store: SvelteFlowStoreState) {
@@ -56,6 +56,6 @@ export function getEdgesLayouted(store: SvelteFlowStoreState) {
           targetHandleId
         };
       })
-      .filter((e) => e !== null) as WrapEdgeProps[];
+      .filter((e) => e !== null) as EdgeLayouted[];
   });
 }
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 5039627c2..0036cd2f3 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -1,5 +1,6 @@
 import { getContext } from 'svelte';
 import { get } from 'svelte/store';
+import { zoomIdentity } from 'd3-zoom';
 import {
   type Transform,
   type NodeDragItem,
@@ -7,23 +8,14 @@ import {
   internalsSymbol,
   type NodeOrigin,
   type ViewportHelperFunctionOptions,
-  type Node as RFNode,
   type Connection,
   type XYPosition,
   type CoordinateExtent
 } from '@reactflow/system';
-import {
-  fitView as fitViewUtil,
-  getConnectedEdges,
-  getD3Transition,
-  getDimensions,
-  addEdge as addEdgeUtil
-} from '@reactflow/utils';
-import { zoomIdentity } from 'd3-zoom';
+import { fitView as fitViewUtil, getD3Transition, getDimensions } from '@reactflow/utils';
 
-import { getHandleBounds } from '../../utils';
+import { getHandleBounds, getConnectedEdges, addEdge as addEdgeUtil } from '$lib/utils';
 import type { EdgeTypes, NodeTypes, Node, Edge, ConnectionData } from '$lib/types';
-
 import { getEdgesLayouted } from './edges-layouted';
 import { getConnectionPath } from './connection-path';
 import { initConnectionData, initialStoreState } from './initial-store';
@@ -170,7 +162,7 @@ export function createStore({
 
     return fitViewUtil(
       {
-        nodes: get(store.nodes) as RFNode[],
+        nodes: get(store.nodes),
         width: get(store.width),
         height: get(store.height),
         minZoom: 0.2,
@@ -227,7 +219,7 @@ export function createStore({
       const initialHitEdges = deletableEdges.filter((e) => edgeIds.includes(e.id));
 
       if (nodesToRemove || initialHitEdges) {
-        const connectedEdges = getConnectedEdges(nodesToRemove as RFNode[], deletableEdges);
+        const connectedEdges = getConnectedEdges(nodesToRemove, deletableEdges);
         const edgesToRemove = [...initialHitEdges, ...connectedEdges];
         const edgeIdsToRemove = edgesToRemove.reduce<string[]>((res, edge) => {
           if (!res.includes(edge.id)) {
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 80f74ffc1..bcc91bc91 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -5,15 +5,15 @@ import {
   type D3SelectionInstance,
   ConnectionMode,
   ConnectionLineType,
+  type SelectionRect,
   type Transform,
-  type NodeOrigin,
-  type Rect
+  type NodeOrigin
 } from '@reactflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
 import InputNode from '$lib/components/nodes/InputNode.svelte';
 import OutputNode from '$lib/components/nodes/OutputNode.svelte';
-import type { Node, Edge, ConnectionData, NodeTypes, EdgeTypes } from '$lib/types';
+import type { Node, Edge, ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted } from '$lib/types';
 import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
@@ -29,7 +29,7 @@ export const initConnectionData = {
 export const initialStoreState = {
   nodes: writable<Node[]>([]),
   edges: writable<Edge[]>([]),
-  edgesLayouted: readable<Edge[]>([]),
+  edgesLayouted: readable<EdgeLayouted[]>([]),
   height: writable<number>(500),
   width: writable<number>(500),
   nodeOrigin: writable<NodeOrigin>([0.5, 0.5]),
@@ -39,7 +39,7 @@ export const initialStoreState = {
   }),
   id: writable<string | null>(null),
   dragging: writable<boolean>(false),
-  selectionRect: writable<(Rect & { startX: number; startY: number }) | null>(null),
+  selectionRect: writable<SelectionRect | null>(null),
   selectionKeyPressed: writable<boolean>(false),
   multiselectionKeyPressed: writable<boolean>(false),
   deleteKeyPressed: writable<boolean>(false),
diff --git a/packages/svelte/src/lib/store/types.d.ts b/packages/svelte/src/lib/store/types.ts
similarity index 95%
rename from packages/svelte/src/lib/store/types.d.ts
rename to packages/svelte/src/lib/store/types.ts
index c7c3a4c44..172262673 100644
--- a/packages/svelte/src/lib/store/types.d.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -6,7 +6,7 @@ import type {
   NodeDragItem
 } from '@reactflow/system';
 
-import { initialStoreState } from './initial-store';
+import type { initialStoreState } from './initial-store';
 import type { Node, Edge, ConnectionData } from '$lib/types';
 
 export type SvelteFlowStoreActions = {
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 37df39cd4..9bd78e0c8 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -1,4 +1,66 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import type { SvelteComponentTyped } from 'svelte';
-import type { EdgeProps } from '$lib/types';
+import type {
+  BaseEdge,
+  BezierPathOptions,
+  Position,
+  SmoothStepPathOptions
+} from '@reactflow/system';
+
+import type { Node } from '$lib/types';
+
+export type DefaultEdge<EdgeData = any> = BaseEdge<EdgeData> & {
+  label?: string;
+  style?: string;
+  class?: string;
+  sourceNode?: Node;
+  targetNode?: Node;
+};
+
+type SmoothStepEdgeType<T> = DefaultEdge<T> & {
+  type: 'smoothstep';
+  pathOptions?: SmoothStepPathOptions;
+};
+
+type BezierEdgeType<T> = DefaultEdge<T> & {
+  type: 'default';
+  pathOptions?: BezierPathOptions;
+};
+
+export type Edge<T = any> = DefaultEdge<T> | SmoothStepEdgeType<T> | BezierEdgeType<T>;
+
+export type EdgeLayouted = Omit<Edge, 'sourceHandle' | 'targetHandle'> & {
+  sourceX: number;
+  sourceY: number;
+  targetX: number;
+  targetY: number;
+  sourcePosition: Position;
+  targetPosition: Position;
+  sourceHandleId?: string;
+  targetHandleId?: string;
+};
+
+export type EdgeProps = Pick<
+  EdgeLayouted,
+  | 'id'
+  | 'source'
+  | 'target'
+  | 'sourceX'
+  | 'sourceY'
+  | 'targetX'
+  | 'targetY'
+  | 'sourcePosition'
+  | 'targetPosition'
+  | 'animated'
+  | 'selected'
+  | 'label'
+  | 'interactionWidth'
+>;
+
+export type BaseEdgeProps = Pick<EdgeProps, 'interactionWidth' | 'label'> & {
+  path: string;
+  labelX?: number;
+  labelY?: number;
+};
 
 export type EdgeTypes = Record<string, typeof SvelteComponentTyped<EdgeProps>>;
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index b759fd89b..c9c41c4f3 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -1,6 +1,7 @@
-import type { Node, NodeTypes } from './nodes';
 import type { ShortcutModifierDefinition } from '@svelte-put/shortcut';
-import type { ConnectionLineType, Edge, HandleType, XYPosition } from '@reactflow/system';
+import type { ConnectionLineType, HandleType, XYPosition } from '@reactflow/system';
+
+import type { Node, NodeTypes, Edge } from '.';
 
 export type KeyModifier = ShortcutModifierDefinition;
 export type KeyDefinitionObject = { key: string; modifier?: KeyModifier };
diff --git a/packages/svelte/src/lib/types/index.ts b/packages/svelte/src/lib/types/index.ts
index 2fccfa9a5..16df96cc5 100644
--- a/packages/svelte/src/lib/types/index.ts
+++ b/packages/svelte/src/lib/types/index.ts
@@ -1,12 +1,3 @@
-export type {
-  Position,
-  XYPosition,
-  Edge,
-  BaseEdgeProps,
-  WrapEdgeProps,
-  EdgeProps
-} from '@reactflow/system';
-
 export * from './nodes';
 export * from './edges';
 export * from './general';
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index 9b4025c5e..c52f8a24a 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -1,33 +1,17 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import type { SvelteComponentTyped } from 'svelte';
-import type { internalsSymbol, NodeHandleBounds, Position, XYPosition } from '@reactflow/system';
+import type { BaseNode } from '@reactflow/system';
 
 // @todo: currently the helper function only like Node from '@reactflow/core'
 // we need a base node type or helpes that accept Node like types
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type Node<NodeData = any> = {
-  id: string;
-  type: string;
-  data: NodeData;
-  position: XYPosition;
-  sourcePosition?: Position;
-  targetPosition?: Position;
-  positionAbsolute?: XYPosition;
-
-  width?: number;
-  height?: number;
-  selected?: boolean;
+export type Node<
+  NodeData = any,
+  NodeType extends string | undefined = string | undefined
+> = BaseNode<NodeData, NodeType> & {
   class?: string;
   style?: string;
-  deletable?: boolean;
-  // not supported yet
-  parentNode?: string;
-
-  // only used internally
-  [internalsSymbol]?: {
-    z?: number;
-    handleBounds?: NodeHandleBounds;
-    isParent?: boolean;
-  };
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/svelte/src/lib/utils/index.ts b/packages/svelte/src/lib/utils/index.ts
new file mode 100644
index 000000000..e8b31ce77
--- /dev/null
+++ b/packages/svelte/src/lib/utils/index.ts
@@ -0,0 +1,47 @@
+import type { HandleElement, Position } from '@reactflow/system';
+import {
+  isNodeBase,
+  isEdgeBase,
+  addEdgeBase,
+  getOutgoersBase,
+  getIncomersBase,
+  updateEdgeBase,
+  getConnectedEdgesBase,
+  getDimensions
+} from '@reactflow/utils';
+import type { Edge, Node } from '$lib/types';
+
+export const isNode = isNodeBase<Node, Edge>;
+export const isEdge = isEdgeBase<Node, Edge>;
+export const getOutgoers = getOutgoersBase<Node, Edge>;
+export const getIncomers = getIncomersBase<Node, Edge>;
+export const addEdge = addEdgeBase<Edge>;
+export const updateEdge = updateEdgeBase<Edge>;
+export const getConnectedEdges = getConnectedEdgesBase<Node, Edge>;
+
+export const getHandleBounds = (
+  selector: string,
+  nodeElement: HTMLDivElement,
+  zoom: number
+): HandleElement[] | null => {
+  const handles = nodeElement.querySelectorAll(selector);
+
+  if (!handles || !handles.length) {
+    return null;
+  }
+
+  const handlesArray = Array.from(handles) as HTMLDivElement[];
+  const nodeBounds = nodeElement.getBoundingClientRect();
+
+  return handlesArray.map((handle): HandleElement => {
+    const handleBounds = handle.getBoundingClientRect();
+
+    return {
+      id: handle.getAttribute('data-handleid'),
+      position: handle.getAttribute('data-handlepos') as unknown as Position,
+      x: (handleBounds.left - nodeBounds.left) / zoom,
+      y: (handleBounds.top - nodeBounds.top) / zoom,
+      ...getDimensions(handle)
+    };
+  });
+};
diff --git a/packages/svelte/src/utils/index.ts b/packages/svelte/src/utils/index.ts
deleted file mode 100644
index ead4e7b64..000000000
--- a/packages/svelte/src/utils/index.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import {
-  type CoordinateExtent,
-  type Dimensions,
-  type XYPosition,
-  type Node,
-  type XYZPosition,
-  type HandleElement,
-  internalsSymbol,
-  Position
-} from '@reactflow/system';
-
-export const clamp = (val: number, min = 0, max = 1): number => Math.min(Math.max(val, min), max);
-
-export const clampPosition = (position: XYPosition = { x: 0, y: 0 }, extent: CoordinateExtent) => ({
-  x: clamp(position.x, extent[0][0], extent[1][0]),
-  y: clamp(position.y, extent[0][1], extent[1][1])
-});
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const isNumeric = (n: any): n is number => !isNaN(n) && isFinite(n);
-
-export const getDimensions = (node: HTMLDivElement): Dimensions => ({
-  width: node.offsetWidth,
-  height: node.offsetHeight
-});
-
-type ParentNodes = Record<string, boolean>;
-
-function calculateXYZPosition(node: Node, nodes: Node[], result: XYZPosition): XYZPosition {
-  if (!node.parentNode) {
-    return result;
-  }
-  const parentNode = nodes.find((n) => n.id === node.parentNode)!;
-  const parentNodePosition = parentNode.positionAbsolute!;
-
-  return calculateXYZPosition(parentNode, nodes, {
-    x: (result.x ?? 0) + parentNodePosition.x,
-    y: (result.y ?? 0) + parentNodePosition.y,
-    z:
-      (parentNode[internalsSymbol]?.z ?? 0) > (result.z ?? 0)
-        ? parentNode[internalsSymbol]?.z ?? 0
-        : result.z ?? 0
-  });
-}
-
-export function updateAbsoluteNodePositions(nodes: Node[], parentNodes?: ParentNodes) {
-  nodes.forEach((node) => {
-    if (node.parentNode) {
-      throw new Error(`Parent node ${node.parentNode} not found`);
-    }
-
-    if (node.parentNode || parentNodes?.[node.id]) {
-      const { x, y, z } = calculateXYZPosition(node, nodes, {
-        ...node.position,
-        z: node[internalsSymbol]?.z ?? 0
-      });
-
-      node.positionAbsolute = {
-        x,
-        y
-      };
-
-      node[internalsSymbol]!.z = z;
-
-      if (parentNodes?.[node.id]) {
-        node[internalsSymbol]!.isParent = true;
-      }
-    }
-  });
-}
-
-export const getHandleBounds = (
-  selector: string,
-  nodeElement: HTMLDivElement,
-  zoom: number
-): HandleElement[] | null => {
-  const handles = nodeElement.querySelectorAll(selector);
-
-  if (!handles || !handles.length) {
-    return null;
-  }
-
-  const handlesArray = Array.from(handles) as HTMLDivElement[];
-  const nodeBounds = nodeElement.getBoundingClientRect();
-
-  return handlesArray.map((handle): HandleElement => {
-    const handleBounds = handle.getBoundingClientRect();
-
-    return {
-      id: handle.getAttribute('data-handleid'),
-      position: handle.getAttribute('data-handlepos') as unknown as Position,
-      x: (handleBounds.left - nodeBounds.left) / zoom,
-      y: (handleBounds.top - nodeBounds.top) / zoom,
-      ...getDimensions(handle)
-    };
-  });
-};
diff --git a/packages/system/package.json b/packages/system/package.json
index 67654749d..e15eed345 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -4,11 +4,13 @@
   "description": "Core system of React Flow.",
   "keywords": [
     "react",
+    "svelte",
     "node-based UI",
     "graph",
     "diagram",
     "workflow",
-    "react-flow"
+    "react-flow",
+    "svelte-flow"
   ],
   "files": [
     "dist"
@@ -41,18 +43,11 @@
     "@types/d3-selection": "^3.0.3",
     "@types/d3-zoom": "^3.0.1"
   },
-  "peerDependencies": {
-    "react": ">=17",
-    "react-dom": ">=17"
-  },
   "devDependencies": {
     "@reactflow/eslint-config": "workspace:*",
     "@reactflow/rollup-config": "workspace:*",
     "@reactflow/tsconfig": "workspace:*",
     "@types/node": "^18.7.16",
-    "@types/react": ">=17",
-    "@types/react-dom": ">=17",
-    "react": "^18.2.0",
     "typescript": "^4.9.4"
   },
   "rollup": {
diff --git a/packages/system/src/constants.ts b/packages/system/src/constants.ts
index 815ac6f0a..641ac0a63 100644
--- a/packages/system/src/constants.ts
+++ b/packages/system/src/constants.ts
@@ -1,4 +1,4 @@
-import { Edge, HandleElement } from './types';
+import { BaseEdge, HandleElement } from './types';
 
 export const errorMessages = {
   '001': () =>
@@ -11,7 +11,7 @@ export const errorMessages = {
   '006': () => "Can't create edge. An edge needs a source and a target.",
   '007': (id: string) => `The old edge with id=${id} does not exist.`,
   '009': (type: string) => `Marker type "${type}" doesn't exist.`,
-  '008': (sourceHandle: HandleElement | null, edge: Edge) =>
+  '008': (sourceHandle: HandleElement | null, edge: BaseEdge) =>
     `Couldn't create edge for ${!sourceHandle ? 'source' : 'target'} handle id: "${
       !sourceHandle ? edge.sourceHandle : edge.targetHandle
     }", edge id: ${edge.id}.`,
diff --git a/packages/system/src/types/edges.ts b/packages/system/src/types/edges.ts
index 143c7fa67..6698ca528 100644
--- a/packages/system/src/types/edges.ts
+++ b/packages/system/src/types/edges.ts
@@ -1,34 +1,15 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import type { CSSProperties, ComponentType, HTMLAttributes, ReactNode, MouseEvent as ReactMouseEvent } from 'react';
-
-import { ConnectionStatus, Position } from '.';
-import type { Connection, HandleElement, HandleType, Node } from '.';
-
-type EdgeLabelOptions = {
-  label?: string | ReactNode;
-  labelStyle?: CSSProperties;
-  labelShowBg?: boolean;
-  labelBgStyle?: CSSProperties;
-  labelBgPadding?: [number, number];
-  labelBgBorderRadius?: number;
-};
-
-// interface for the user edge items
-type DefaultEdge<T = any> = {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type BaseEdge<EdgeData = any> = {
   id: string;
   type?: string;
   source: string;
   target: string;
   sourceHandle?: string | null;
   targetHandle?: string | null;
-  style?: CSSProperties;
   animated?: boolean;
   hidden?: boolean;
   deletable?: boolean;
-  data?: T;
-  className?: string;
-  sourceNode?: Node;
-  targetNode?: Node;
+  data?: EdgeData;
   selected?: boolean;
   markerStart?: EdgeMarkerType;
   markerEnd?: EdgeMarkerType;
@@ -36,106 +17,22 @@ type DefaultEdge<T = any> = {
   ariaLabel?: string;
   interactionWidth?: number;
   focusable?: boolean;
-} & EdgeLabelOptions;
+};
 
 export type SmoothStepPathOptions = {
   offset?: number;
   borderRadius?: number;
 };
 
-type SmoothStepEdgeType<T> = DefaultEdge<T> & {
-  type: 'smoothstep';
-  pathOptions?: SmoothStepPathOptions;
-};
-
 export type BezierPathOptions = {
   curvature?: number;
 };
 
-type BezierEdgeType<T> = DefaultEdge<T> & {
-  type: 'default';
-  pathOptions?: BezierPathOptions;
-};
-
-export type Edge<T = any> = DefaultEdge<T> | SmoothStepEdgeType<T> | BezierEdgeType<T>;
-
-export type DefaultEdgeOptions = Omit<
-  Edge,
+export type DefaultEdgeOptionsBase<EdgeType extends BaseEdge> = Omit<
+  EdgeType,
   'id' | 'source' | 'target' | 'sourceHandle' | 'targetHandle' | 'sourceNode' | 'targetNode'
 >;
 
-export type EdgeMouseHandler = (event: ReactMouseEvent, edge: Edge) => void;
-
-export type WrapEdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandle'> & {
-  onClick?: EdgeMouseHandler;
-  onEdgeDoubleClick?: EdgeMouseHandler;
-  sourceHandleId?: string | null;
-  targetHandleId?: string | null;
-  sourceX: number;
-  sourceY: number;
-  targetX: number;
-  targetY: number;
-  sourcePosition: Position;
-  targetPosition: Position;
-  elementsSelectable?: boolean;
-  onEdgeUpdate?: OnEdgeUpdateFunc;
-  onContextMenu?: EdgeMouseHandler;
-  onMouseEnter?: EdgeMouseHandler;
-  onMouseMove?: EdgeMouseHandler;
-  onMouseLeave?: EdgeMouseHandler;
-  edgeUpdaterRadius?: number;
-  onEdgeUpdateStart?: (event: ReactMouseEvent, edge: Edge, handleType: HandleType) => void;
-  onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: Edge, handleType: HandleType) => void;
-  rfId?: string;
-  isFocusable: boolean;
-  pathOptions?: BezierPathOptions | SmoothStepPathOptions;
-};
-
-// props that get passed to a custom edge
-export type EdgeProps<T = any> = Pick<
-  Edge<T>,
-  'id' | 'animated' | 'data' | 'style' | 'selected' | 'source' | 'target'
-> &
-  Pick<
-    WrapEdgeProps,
-    | 'sourceX'
-    | 'sourceY'
-    | 'targetX'
-    | 'targetY'
-    | 'sourcePosition'
-    | 'targetPosition'
-    | 'sourceHandleId'
-    | 'targetHandleId'
-    | 'interactionWidth'
-  > &
-  EdgeLabelOptions & {
-    markerStart?: string;
-    markerEnd?: string;
-    // @TODO: how can we get better types for pathOptions?
-    pathOptions?: any;
-  };
-
-export type BaseEdgeProps = Pick<EdgeProps, 'style' | 'markerStart' | 'markerEnd' | 'interactionWidth'> &
-  EdgeLabelOptions & {
-    labelX?: number;
-    labelY?: number;
-    path: string;
-  };
-
-export type SmoothStepEdgeProps<T = any> = EdgeProps<T> & {
-  pathOptions?: SmoothStepPathOptions;
-};
-
-export type BezierEdgeProps<T = any> = EdgeProps<T> & {
-  pathOptions?: BezierPathOptions;
-};
-
-export type EdgeTextProps = HTMLAttributes<SVGElement> &
-  EdgeLabelOptions & {
-    x: number;
-    y: number;
-  };
-
 export enum ConnectionLineType {
   Bezier = 'default',
   Straight = 'straight',
@@ -144,24 +41,6 @@ export enum ConnectionLineType {
   SimpleBezier = 'simplebezier',
 }
 
-export type ConnectionLineComponentProps = {
-  connectionLineStyle?: CSSProperties;
-  connectionLineType: ConnectionLineType;
-  fromNode?: Node;
-  fromHandle?: HandleElement;
-  fromX: number;
-  fromY: number;
-  toX: number;
-  toY: number;
-  fromPosition: Position;
-  toPosition: Position;
-  connectionStatus: ConnectionStatus | null;
-};
-
-export type ConnectionLineComponent = ComponentType<ConnectionLineComponentProps>;
-
-export type OnEdgeUpdateFunc<T = any> = (oldEdge: Edge<T>, newConnection: Connection) => void;
-
 export type EdgeMarker = {
   type: MarkerType;
   color?: string;
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 94a0c81c3..521cd94eb 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -1,45 +1,12 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type {
-  MouseEvent as ReactMouseEvent,
-  TouchEvent as ReactTouchEvent,
-  ComponentType,
-  MemoExoticComponent,
-} from 'react';
 import type { D3DragEvent, Selection as D3Selection, SubjectPosition, ZoomBehavior } from 'd3';
 
-import type { XYPosition, Rect, Transform, CoordinateExtent } from './utils';
-import type { NodeChange, EdgeChange } from './changes';
-import type {
-  Node,
-  NodeInternals,
-  NodeDimensionUpdate,
-  NodeProps,
-  WrapNodeProps,
-  NodeDragItem,
-  NodeDragHandler,
-  SelectionDragHandler,
-  NodeOrigin,
-} from './nodes';
-import type { Edge, EdgeProps, WrapEdgeProps } from './edges';
-import type { HandleType, StartHandle } from './handles';
-import type { DefaultEdgeOptions } from '.';
-import type { ReactFlowInstance } from './instance';
-
-export type NodeTypes = { [key: string]: ComponentType<NodeProps> };
-export type NodeTypesWrapped = { [key: string]: MemoExoticComponent<ComponentType<WrapNodeProps>> };
-export type EdgeTypes = { [key: string]: ComponentType<EdgeProps> };
-export type EdgeTypesWrapped = { [key: string]: MemoExoticComponent<ComponentType<WrapEdgeProps>> };
-
-export type FitView = (fitViewOptions?: FitViewOptions) => boolean;
+import type { XYPosition, Rect } from './utils';
+import type { BaseNode, NodeOrigin } from './nodes';
+import type { HandleType } from './handles';
 
 export type Project = (position: XYPosition) => XYPosition;
 
-export type OnNodesChange = (changes: NodeChange[]) => void;
-export type OnEdgesChange = (changes: EdgeChange[]) => void;
-
-export type OnNodesDelete = (nodes: Node[]) => void;
-export type OnEdgesDelete = (edges: Edge[]) => void;
-
 export type OnMove = (event: MouseEvent | TouchEvent, viewport: Viewport) => void;
 export type OnMoveStart = OnMove;
 export type OnMoveEnd = OnMove;
@@ -52,8 +19,6 @@ export type SetViewport = (viewport: Viewport, options?: ViewportHelperFunctionO
 export type SetCenter = (x: number, y: number, options?: SetCenterOptions) => void;
 export type FitBounds = (bounds: Rect, options?: FitBoundsOptions) => void;
 
-export type OnInit<NodeData = any, EdgeData = any> = (reactFlowInstance: ReactFlowInstance<NodeData, EdgeData>) => void;
-
 export interface Connection {
   source: string | null;
   target: string | null;
@@ -70,8 +35,8 @@ export enum ConnectionMode {
 
 export type OnConnect = (connection: Connection) => void;
 
-export type FitViewParams = {
-  nodes: Node[];
+export type FitViewParamsBase<NodeType extends BaseNode> = {
+  nodes: NodeType[];
   width: number;
   height: number;
   nodeOrigin: NodeOrigin;
@@ -81,13 +46,13 @@ export type FitViewParams = {
   maxZoom: number;
 };
 
-export type FitViewOptions = {
+export type FitViewOptionsBase<NodeType extends BaseNode> = {
   padding?: number;
   includeHiddenNodes?: boolean;
   minZoom?: number;
   maxZoom?: number;
   duration?: number;
-  nodes?: (Partial<Node> & { id: Node['id'] })[];
+  nodes?: (Partial<NodeType> & { id: NodeType['id'] })[];
 };
 
 export type OnConnectStartParams = {
@@ -96,9 +61,6 @@ export type OnConnectStartParams = {
   handleType: HandleType | null;
 };
 
-export type OnConnectStart = (event: ReactMouseEvent | ReactTouchEvent, params: OnConnectStartParams) => void;
-export type OnConnectEnd = (event: MouseEvent | TouchEvent) => void;
-
 export type Viewport = {
   x: number;
   y: number;
@@ -127,150 +89,13 @@ export type FitBoundsOptions = ViewportHelperFunctionOptions & {
   padding?: number;
 };
 
-export type UnselectNodesAndEdgesParams = {
-  nodes?: Node[];
-  edges?: Edge[];
-};
-
 export type OnViewportChange = (viewport: Viewport) => void;
 
-export type ViewportHelperFunctions = {
-  zoomIn: ZoomInOut;
-  zoomOut: ZoomInOut;
-  zoomTo: ZoomTo;
-  getZoom: GetZoom;
-  setViewport: SetViewport;
-  getViewport: GetViewport;
-  fitView: FitView;
-  setCenter: SetCenter;
-  fitBounds: FitBounds;
-  project: Project;
-  viewportInitialized: boolean;
-};
-
 export type D3ZoomInstance = ZoomBehavior<Element, unknown>;
 export type D3SelectionInstance = D3Selection<Element, unknown, null, undefined>;
 
-export type ReactFlowStore = {
-  rfId: string;
-  width: number;
-  height: number;
-  transform: Transform;
-  nodeInternals: NodeInternals;
-  edges: Edge[];
-  onNodesChange: OnNodesChange | null;
-  onEdgesChange: OnEdgesChange | null;
-  hasDefaultNodes: boolean;
-  hasDefaultEdges: boolean;
-  domNode: HTMLDivElement | null;
-  paneDragging: boolean;
-  noPanClassName: string;
-
-  d3Zoom: D3ZoomInstance | null;
-  d3Selection: D3SelectionInstance | null;
-  d3ZoomHandler: ((this: Element, event: any, d: unknown) => void) | undefined;
-  minZoom: number;
-  maxZoom: number;
-  translateExtent: CoordinateExtent;
-  nodeExtent: CoordinateExtent;
-  nodeOrigin: NodeOrigin;
-
-  nodesSelectionActive: boolean;
-  userSelectionActive: boolean;
-  userSelectionRect: SelectionRect | null;
-
-  connectionNodeId: string | null;
-  connectionHandleId: string | null;
-  connectionHandleType: HandleType | null;
-  connectionPosition: XYPosition;
-  connectionStatus: ConnectionStatus | null;
-  connectionMode: ConnectionMode;
-
-  snapToGrid: boolean;
-  snapGrid: SnapGrid;
-
-  nodesDraggable: boolean;
-  nodesConnectable: boolean;
-  nodesFocusable: boolean;
-  edgesFocusable: boolean;
-  elementsSelectable: boolean;
-  elevateNodesOnSelect: boolean;
-
-  multiSelectionActive: boolean;
-
-  connectionStartHandle: StartHandle | null;
-
-  onNodeDragStart?: NodeDragHandler;
-  onNodeDrag?: NodeDragHandler;
-  onNodeDragStop?: NodeDragHandler;
-
-  onSelectionDragStart?: SelectionDragHandler;
-  onSelectionDrag?: SelectionDragHandler;
-  onSelectionDragStop?: SelectionDragHandler;
-
-  onConnect?: OnConnect;
-  onConnectStart?: OnConnectStart;
-  onConnectEnd?: OnConnectEnd;
-
-  onClickConnectStart?: OnConnectStart;
-  onClickConnectEnd?: OnConnectEnd;
-
-  connectOnClick: boolean;
-  defaultEdgeOptions?: DefaultEdgeOptions;
-
-  fitViewOnInit: boolean;
-  fitViewOnInitDone: boolean;
-  fitViewOnInitOptions: FitViewOptions | undefined;
-
-  onNodesDelete?: OnNodesDelete;
-  onEdgesDelete?: OnEdgesDelete;
-  onError?: OnError;
-
-  // event handlers
-  onViewportChangeStart?: OnViewportChange;
-  onViewportChange?: OnViewportChange;
-  onViewportChangeEnd?: OnViewportChange;
-
-  onSelectionChange?: OnSelectionChangeFunc;
-
-  ariaLiveMessage: string;
-  autoPanOnConnect: boolean;
-  autoPanOnNodeDrag: boolean;
-  connectionRadius: number;
-};
-
-export type ReactFlowActions = {
-  setNodes: (nodes: Node[]) => void;
-  getNodes: () => Node[];
-  setEdges: (edges: Edge[]) => void;
-  setDefaultNodesAndEdges: (nodes?: Node[], edges?: Edge[]) => void;
-  updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
-  updateNodePositions: (nodeDragItems: NodeDragItem[] | Node[], positionChanged: boolean, dragging: boolean) => void;
-  resetSelectedElements: () => void;
-  unselectNodesAndEdges: (params?: UnselectNodesAndEdgesParams) => void;
-  addSelectedNodes: (nodeIds: string[]) => void;
-  addSelectedEdges: (edgeIds: string[]) => void;
-  setMinZoom: (minZoom: number) => void;
-  setMaxZoom: (maxZoom: number) => void;
-  setTranslateExtent: (translateExtent: CoordinateExtent) => void;
-  setNodeExtent: (nodeExtent: CoordinateExtent) => void;
-  cancelConnection: () => void;
-  reset: () => void;
-  triggerNodeChanges: (changes: NodeChange[]) => void;
-  panBy: (delta: XYPosition) => void;
-};
-
-export type ReactFlowState = ReactFlowStore & ReactFlowActions;
-
 export type UpdateNodeInternals = (nodeId: string) => void;
 
-export type OnSelectionChangeParams = {
-  nodes: Node[];
-  edges: Edge[];
-};
-
-export type OnSelectionChangeFunc = (params: OnSelectionChangeParams) => void;
-
 export type PanelPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 
 export type ProOptions = {
diff --git a/packages/system/src/types/handles.ts b/packages/system/src/types/handles.ts
index 0850526c6..96cb472d7 100644
--- a/packages/system/src/types/handles.ts
+++ b/packages/system/src/types/handles.ts
@@ -2,22 +2,23 @@ import type { XYPosition, Position, Dimensions, OnConnect, Connection } from '.'
 
 export type HandleType = 'source' | 'target';
 
-export interface HandleElement extends XYPosition, Dimensions {
-  id?: string | null;
-  position: Position;
-}
+export type HandleElement = XYPosition &
+  Dimensions & {
+    id?: string | null;
+    position: Position;
+  };
 
-export interface StartHandle {
+export type StartHandle = {
   nodeId: string;
   type: HandleType;
   handleId?: string | null;
-}
+};
 
-export interface HandleProps {
+export type HandleProps = {
   type: HandleType;
   position: Position;
   isConnectable?: boolean;
   onConnect?: OnConnect;
   isValidConnection?: (connection: Connection) => boolean;
   id?: string;
-}
+};
diff --git a/packages/system/src/types/index.ts b/packages/system/src/types/index.ts
index 01cb0b691..0ab95b33e 100644
--- a/packages/system/src/types/index.ts
+++ b/packages/system/src/types/index.ts
@@ -2,7 +2,4 @@ export * from './general';
 export * from './nodes';
 export * from './edges';
 export * from './handles';
-export * from './changes';
 export * from './utils';
-export * from './instance';
-export * from './component-props';
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 88034b64f..7a677af1d 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -1,17 +1,13 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
-
 import { internalsSymbol } from '../';
 import type { XYPosition, Position, CoordinateExtent, HandleElement } from '.';
 
-// interface for the user node items
-export type Node<T = any, U extends string | undefined = string | undefined> = {
+// this is stuff that all nodes share independent of the framework
+export type BaseNode<T = any, U extends string | undefined = string | undefined> = {
   id: string;
   position: XYPosition;
   data: T;
   type?: U;
-  style?: CSSProperties;
-  className?: string;
   sourcePosition?: Position;
   targetPosition?: Position;
   hidden?: boolean;
@@ -31,7 +27,6 @@ export type Node<T = any, U extends string | undefined = string | undefined> = {
   positionAbsolute?: XYPosition;
   ariaLabel?: string;
   focusable?: boolean;
-  resizing?: boolean;
 
   // only used internally
   [internalsSymbol]?: {
@@ -41,44 +36,17 @@ export type Node<T = any, U extends string | undefined = string | undefined> = {
   };
 };
 
-export type NodeMouseHandler = (event: ReactMouseEvent, node: Node) => void;
-export type NodeDragHandler = (event: ReactMouseEvent, node: Node, nodes: Node[]) => void;
-export type SelectionDragHandler = (event: ReactMouseEvent, nodes: Node[]) => void;
-
-export type WrapNodeProps<T = any> = Pick<
-  Node<T>,
-  'id' | 'data' | 'style' | 'className' | 'dragHandle' | 'sourcePosition' | 'targetPosition' | 'hidden' | 'ariaLabel'
-> &
-  Required<Pick<Node<T>, 'selected' | 'type' | 'zIndex'>> & {
-    isConnectable: boolean;
-    xPos: number;
-    yPos: number;
-    xPosOrigin: number;
-    yPosOrigin: number;
-    initialized: boolean;
-    isSelectable: boolean;
-    isDraggable: boolean;
-    isFocusable: boolean;
-    selectNodesOnDrag: boolean;
-    onClick?: NodeMouseHandler;
-    onDoubleClick?: NodeMouseHandler;
-    onMouseEnter?: NodeMouseHandler;
-    onMouseMove?: NodeMouseHandler;
-    onMouseLeave?: NodeMouseHandler;
-    onContextMenu?: NodeMouseHandler;
-    resizeObserver: ResizeObserver | null;
-    isParent: boolean;
-    noDragClassName: string;
-    noPanClassName: string;
-    rfId: string;
-    disableKeyboardA11y: boolean;
-  };
-
 // props that get passed to a custom node
-export type NodeProps<T = any> = Pick<
-  WrapNodeProps<T>,
-  'id' | 'data' | 'dragHandle' | 'type' | 'selected' | 'isConnectable' | 'xPos' | 'yPos' | 'zIndex'
-> & {
+export type NodeProps<T = any> = {
+  id: BaseNode['id'];
+  data: T;
+  dragHandle: BaseNode['dragHandle'];
+  type: BaseNode['type'];
+  selected: BaseNode['selected'];
+  isConnectable: BaseNode['connectable'];
+  zIndex: BaseNode['zIndex'];
+  xPos: number;
+  yPos: number;
   dragging: boolean;
   targetPosition?: Position;
   sourcePosition?: Position;
@@ -95,8 +63,6 @@ export type NodeDimensionUpdate = {
   forceUpdate?: boolean;
 };
 
-export type NodeInternals = Map<string, Node>;
-
 export type NodeBounds = XYPosition & {
   width: number | null;
   height: number | null;
diff --git a/packages/system/src/types/utils.ts b/packages/system/src/types/utils.ts
index eadce743b..908e95f15 100644
--- a/packages/system/src/types/utils.ts
+++ b/packages/system/src/types/utils.ts
@@ -5,24 +5,24 @@ export enum Position {
   Bottom = 'bottom',
 }
 
-export interface XYPosition {
+export type XYPosition = {
   x: number;
   y: number;
-}
+};
 
 export type XYZPosition = XYPosition & { z: number };
 
-export interface Dimensions {
+export type Dimensions = {
   width: number;
   height: number;
-}
+};
 
-export interface Rect extends Dimensions, XYPosition {}
+export type Rect = Dimensions & XYPosition;
 
-export interface Box extends XYPosition {
+export type Box = XYPosition & {
   x2: number;
   y2: number;
-}
+};
 
 export type Transform = [number, number, number];
 
diff --git a/packages/utils/src/graph.ts b/packages/utils/src/graph.ts
index 8b7c4e89e..165bba31e 100644
--- a/packages/utils/src/graph.ts
+++ b/packages/utils/src/graph.ts
@@ -5,27 +5,32 @@ import { zoomIdentity } from 'd3-zoom';
 import { boxToRect, clamp, devWarn, getBoundsOfBoxes, getOverlappingArea, rectToBox } from './utils';
 import {
   errorMessages,
-  type Node,
-  type Edge,
   type Connection,
   type EdgeMarkerType,
   type Transform,
   type XYPosition,
   type Rect,
-  type NodeInternals,
   type NodeOrigin,
-  FitViewParams,
-  FitViewOptions,
+  BaseNode,
+  BaseEdge,
+  FitViewParamsBase,
+  FitViewOptionsBase,
 } from '@reactflow/system';
 
-export const isEdge = (element: Node | Connection | Edge): element is Edge =>
-  'id' in element && 'source' in element && 'target' in element;
+export const isEdgeBase = <NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>(
+  element: NodeType | Connection | EdgeType
+): element is EdgeType => 'id' in element && 'source' in element && 'target' in element;
 
-export const isNode = (element: Node | Connection | Edge): element is Node =>
-  'id' in element && !('source' in element) && !('target' in element);
+export const isNodeBase = <NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>(
+  element: NodeType | Connection | EdgeType
+): element is NodeType => 'id' in element && !('source' in element) && !('target' in element);
 
-export const getOutgoers = <T = any, U extends T = T>(node: Node<U>, nodes: Node<T>[], edges: Edge[]): Node<T>[] => {
-  if (!isNode(node)) {
+export const getOutgoersBase = <NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>(
+  node: NodeType,
+  nodes: NodeType[],
+  edges: EdgeType[]
+): NodeType[] => {
+  if (!isNodeBase(node)) {
     return [];
   }
 
@@ -33,8 +38,12 @@ export const getOutgoers = <T = any, U extends T = T>(node: Node<U>, nodes: Node
   return nodes.filter((n) => outgoerIds.includes(n.id));
 };
 
-export const getIncomers = <T = any, U extends T = T>(node: Node<U>, nodes: Node<T>[], edges: Edge[]): Node<T>[] => {
-  if (!isNode(node)) {
+export const getIncomersBase = <NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>(
+  node: NodeType,
+  nodes: NodeType[],
+  edges: EdgeType[]
+): NodeType[] => {
+  if (!isNodeBase(node)) {
     return [];
   }
 
@@ -42,7 +51,7 @@ export const getIncomers = <T = any, U extends T = T>(node: Node<U>, nodes: Node
   return nodes.filter((n) => incomersIds.includes(n.id));
 };
 
-const getEdgeId = ({ source, sourceHandle, target, targetHandle }: Connection): string =>
+const getEdgeId = ({ source, sourceHandle, target, targetHandle }: Connection | BaseEdge): string =>
   `reactflow__edge-${source}${sourceHandle || ''}-${target}${targetHandle || ''}`;
 
 export const getMarkerId = (marker: EdgeMarkerType | undefined, rfId?: string): string => {
@@ -62,7 +71,7 @@ export const getMarkerId = (marker: EdgeMarkerType | undefined, rfId?: string):
     .join('&')}`;
 };
 
-const connectionExists = (edge: Edge, edges: Edge[]) => {
+const connectionExists = (edge: BaseEdge, edges: BaseEdge[]) => {
   return edges.some(
     (el) =>
       el.source === edge.source &&
@@ -72,21 +81,24 @@ const connectionExists = (edge: Edge, edges: Edge[]) => {
   );
 };
 
-export const addEdge = (edgeParams: Edge | Connection, edges: Edge[]): Edge[] => {
+export const addEdgeBase = <EdgeType extends BaseEdge>(
+  edgeParams: EdgeType | Connection,
+  edges: EdgeType[]
+): EdgeType[] => {
   if (!edgeParams.source || !edgeParams.target) {
     devWarn('006', errorMessages['006']());
 
     return edges;
   }
 
-  let edge: Edge;
-  if (isEdge(edgeParams)) {
+  let edge: EdgeType;
+  if (isEdgeBase(edgeParams)) {
     edge = { ...edgeParams };
   } else {
     edge = {
       ...edgeParams,
       id: getEdgeId(edgeParams),
-    } as Edge;
+    } as EdgeType;
   }
 
   if (connectionExists(edge, edges)) {
@@ -96,14 +108,18 @@ export const addEdge = (edgeParams: Edge | Connection, edges: Edge[]): Edge[] =>
   return edges.concat(edge);
 };
 
-export const updateEdge = (oldEdge: Edge, newConnection: Connection, edges: Edge[]): Edge[] => {
+export const updateEdgeBase = <EdgeType extends BaseEdge>(
+  oldEdge: EdgeType,
+  newConnection: Connection,
+  edges: EdgeType[]
+): EdgeType[] => {
   if (!newConnection.source || !newConnection.target) {
     devWarn('006', errorMessages['006']());
 
     return edges;
   }
 
-  const foundEdge = edges.find((e) => e.id === oldEdge.id) as Edge;
+  const foundEdge = edges.find((e) => e.id === oldEdge.id) as EdgeType;
 
   if (!foundEdge) {
     devWarn('007', errorMessages['007'](oldEdge.id));
@@ -119,7 +135,7 @@ export const updateEdge = (oldEdge: Edge, newConnection: Connection, edges: Edge
     target: newConnection.target,
     sourceHandle: newConnection.sourceHandle,
     targetHandle: newConnection.targetHandle,
-  } as Edge;
+  } as EdgeType;
 
   return edges.filter((e) => e.id !== oldEdge.id).concat(edge);
 };
@@ -153,7 +169,7 @@ export const rendererPointToPoint = ({ x, y }: XYPosition, [tx, ty, tScale]: Tra
 };
 
 export const getNodePositionWithOrigin = (
-  node: Node | undefined,
+  node: BaseNode | undefined,
   nodeOrigin: NodeOrigin = [0, 0]
 ): XYPosition & { positionAbsolute: XYPosition } => {
   if (!node) {
@@ -186,7 +202,7 @@ export const getNodePositionWithOrigin = (
   };
 };
 
-export const getRectOfNodes = (nodes: Node[], nodeOrigin: NodeOrigin = [0, 0]): Rect => {
+export const getRectOfNodes = (nodes: BaseNode[], nodeOrigin: NodeOrigin = [0, 0]): Rect => {
   if (nodes.length === 0) {
     return { x: 0, y: 0, width: 0, height: 0 };
   }
@@ -210,15 +226,15 @@ export const getRectOfNodes = (nodes: Node[], nodeOrigin: NodeOrigin = [0, 0]):
   return boxToRect(box);
 };
 
-export const getNodesInside = (
-  nodeInternals: NodeInternals,
+export const getNodesInside = <NodeType extends BaseNode>(
+  nodes: NodeType[],
   rect: Rect,
   [tx, ty, tScale]: Transform = [0, 0, 1],
   partially = false,
   // set excludeNonSelectableNodes if you want to pay attention to the nodes "selectable" attribute
   excludeNonSelectableNodes = false,
   nodeOrigin: NodeOrigin = [0, 0]
-): Node[] => {
+): NodeType[] => {
   const paneRect = {
     x: (rect.x - tx) / tScale,
     y: (rect.y - ty) / tScale,
@@ -226,13 +242,11 @@ export const getNodesInside = (
     height: rect.height / tScale,
   };
 
-  const visibleNodes: Node[] = [];
-
-  nodeInternals.forEach((node) => {
+  const visibleNodes = nodes.reduce<NodeType[]>((res, node) => {
     const { width, height, selectable = true, hidden = false } = node;
 
     if ((excludeNonSelectableNodes && !selectable) || hidden) {
-      return false;
+      return res;
     }
 
     const { positionAbsolute } = getNodePositionWithOrigin(node, nodeOrigin);
@@ -252,14 +266,19 @@ export const getNodesInside = (
     const isVisible = notInitialized || partiallyVisible || overlappingArea >= area;
 
     if (isVisible || node.dragging) {
-      visibleNodes.push(node);
+      res.push(node);
     }
-  });
+
+    return res;
+  }, []);
 
   return visibleNodes;
 };
 
-export const getConnectedEdges = (nodes: Node[], edges: Edge[]): Edge[] => {
+export const getConnectedEdgesBase = <NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>(
+  nodes: NodeType[],
+  edges: EdgeType[]
+): EdgeType[] => {
   const nodeIds = nodes.map((node) => node.id);
 
   return edges.filter((edge) => nodeIds.includes(edge.source) || nodeIds.includes(edge.target));
@@ -289,15 +308,15 @@ export const getD3Transition = (selection: D3Selection<Element, unknown, null, u
   return selection.transition().duration(duration);
 };
 
-export function fitView(
-  { nodes, width, height, d3Zoom, d3Selection, nodeOrigin, minZoom, maxZoom }: FitViewParams,
-  options: FitViewOptions = {}
+export function fitView<Params extends FitViewParamsBase<BaseNode>, Options extends FitViewOptionsBase<BaseNode>>(
+  { nodes, width, height, d3Zoom, d3Selection, nodeOrigin, minZoom, maxZoom }: Params,
+  options?: Options
 ) {
   const filteredNodes = nodes.filter((n) => {
-    const isVisible = options.includeHiddenNodes ? n.width && n.height : !n.hidden;
+    const isVisible = options?.includeHiddenNodes ? n.width && n.height : !n.hidden;
 
-    if (options.nodes?.length) {
-      return isVisible && options.nodes.some((optionNode) => optionNode.id === n.id);
+    if (options?.nodes?.length) {
+      return isVisible && options?.nodes.some((optionNode) => optionNode.id === n.id);
     }
 
     return isVisible;
@@ -312,14 +331,14 @@ export function fitView(
       bounds,
       width,
       height,
-      options.minZoom ?? minZoom,
-      options.maxZoom ?? maxZoom,
-      options.padding ?? 0.1
+      options?.minZoom ?? minZoom,
+      options?.maxZoom ?? maxZoom,
+      options?.padding ?? 0.1
     );
 
     const nextTransform = zoomIdentity.translate(x, y).scale(zoom);
 
-    if (typeof options.duration === 'number' && options.duration > 0) {
+    if (typeof options?.duration === 'number' && options.duration > 0) {
       d3Zoom.transform(getD3Transition(d3Selection, options.duration), nextTransform);
     } else {
       d3Zoom.transform(d3Selection, nextTransform);
diff --git a/packages/utils/src/utils.ts b/packages/utils/src/utils.ts
index 7becd1c37..48146da8c 100644
--- a/packages/utils/src/utils.ts
+++ b/packages/utils/src/utils.ts
@@ -3,7 +3,7 @@ import type {
   MouseEvent as ReactMouseEvent,
   TouchEvent as ReactTouchEvent,
 } from 'react';
-import type { Dimensions, Node, XYPosition, CoordinateExtent, Box, Rect } from '@reactflow/system';
+import type { Dimensions, XYPosition, CoordinateExtent, Box, Rect, BaseNode } from '@reactflow/system';
 
 export const getDimensions = (node: HTMLDivElement): Dimensions => ({
   width: node.offsetWidth,
@@ -60,7 +60,7 @@ export const boxToRect = ({ x, y, x2, y2 }: Box): Rect => ({
   height: y2 - y,
 });
 
-export const nodeToRect = (node: Node): Rect => ({
+export const nodeToRect = (node: BaseNode): Rect => ({
   ...(node.positionAbsolute || { x: 0, y: 0 }),
   width: node.width || 0,
   height: node.height || 0,
@@ -125,3 +125,8 @@ export const getEventPosition = (
     y: evtY - (bounds?.top ?? 0),
   };
 };
+
+export const infiniteExtent: CoordinateExtent = [
+  [Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
+  [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY],
+];

From 00515e1f9b5d365ecba3901897da51f9afe63070 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 28 Feb 2023 18:33:57 +0100
Subject: [PATCH 0028/1093] chore(repo): update pnpm lock

---
 .../src/lib/container/Pane/index.svelte       |   4 +-
 pnpm-lock.yaml                                | 149 ++++++++++--------
 2 files changed, 85 insertions(+), 68 deletions(-)

diff --git a/packages/svelte/src/lib/container/Pane/index.svelte b/packages/svelte/src/lib/container/Pane/index.svelte
index 996501cf7..82808ca9c 100644
--- a/packages/svelte/src/lib/container/Pane/index.svelte
+++ b/packages/svelte/src/lib/container/Pane/index.svelte
@@ -31,9 +31,9 @@
 <script lang="ts">
   import { useStore } from '$lib/store';
   import { SelectionMode } from '@reactflow/system';
-  import {  getEventPosition, getNodesInside } from '@reactflow/utils';
+  import { getEventPosition, getNodesInside } from '@reactflow/utils';
 
-  import { getConnectedEdges} from '$lib/utils';
+  import { getConnectedEdges } from '$lib/utils';
   import type { Node, Edge } from '$lib/types';
 
   const {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index afe772ebc..76431c9cf 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -32,8 +32,8 @@ importers:
       '@changesets/changelog-github': registry.npmjs.org/@changesets/changelog-github/0.4.7
       '@changesets/cli': registry.npmjs.org/@changesets/cli/2.25.0
       '@preconstruct/cli': registry.npmjs.org/@preconstruct/cli/2.2.1
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.53.0_qwaoy36sxxjkr7fbascfous7zi
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.53.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.54.0_lldphppbh67ylraps6qcolshhy
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.54.0_id2eilsndvzhjjktb64trvy3gu
       autoprefixer: registry.npmjs.org/autoprefixer/10.4.9_postcss@8.4.21
       concurrently: registry.npmjs.org/concurrently/7.6.0
       cypress: registry.npmjs.org/cypress/10.7.0
@@ -143,7 +143,7 @@ importers:
 
   packages/core:
     specifiers:
-      '@reactflow/edge-utils': workspace:^11.5.5
+      '@reactflow/edge-utils': workspace:*
       '@reactflow/eslint-config': workspace:*
       '@reactflow/rollup-config': workspace:*
       '@reactflow/system': workspace:*
@@ -186,6 +186,29 @@ importers:
       react: registry.npmjs.org/react/18.2.0
       typescript: registry.npmjs.org/typescript/4.9.4
 
+  packages/edge-utils:
+    specifiers:
+      '@reactflow/eslint-config': workspace:*
+      '@reactflow/rollup-config': workspace:*
+      '@reactflow/system': workspace:*
+      '@reactflow/tsconfig': workspace:*
+      '@types/node': ^18.7.16
+      '@types/react': '>=17'
+      '@types/react-dom': '>=17'
+      react: ^18.2.0
+      typescript: ^4.9.4
+    dependencies:
+      '@reactflow/system': link:../system
+    devDependencies:
+      '@reactflow/eslint-config': link:../../tooling/eslint-config
+      '@reactflow/rollup-config': link:../../tooling/rollup-config
+      '@reactflow/tsconfig': link:../../tooling/tsconfig
+      '@types/node': registry.npmjs.org/@types/node/18.7.16
+      '@types/react': registry.npmjs.org/@types/react/18.0.19
+      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.6
+      react: registry.npmjs.org/react/18.2.0
+      typescript: registry.npmjs.org/typescript/4.9.4
+
   packages/minimap:
     specifiers:
       '@reactflow/core': workspace:*
@@ -312,7 +335,7 @@ importers:
 
   packages/svelte:
     specifiers:
-      '@reactflow/edge-utils': workspace:^11.5.5
+      '@reactflow/edge-utils': workspace:*
       '@reactflow/system': workspace:*
       '@reactflow/utils': workspace:*
       '@svelte-put/shortcut': ^2.0.0
@@ -375,9 +398,6 @@ importers:
       '@types/d3-selection': ^3.0.3
       '@types/d3-zoom': ^3.0.1
       '@types/node': ^18.7.16
-      '@types/react': '>=17'
-      '@types/react-dom': '>=17'
-      react: ^18.2.0
       typescript: ^4.9.4
     dependencies:
       '@types/d3': registry.npmjs.org/@types/d3/7.4.0
@@ -389,9 +409,6 @@ importers:
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
       '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.6
-      react: registry.npmjs.org/react/18.2.0
       typescript: registry.npmjs.org/typescript/4.9.4
 
   packages/utils:
@@ -436,7 +453,7 @@ importers:
     devDependencies:
       eslint: registry.npmjs.org/eslint/8.23.1
       eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.5.0_eslint@8.23.1
-      eslint-config-turbo: registry.npmjs.org/eslint-config-turbo/0.0.8_eslint@8.23.1
+      eslint-config-turbo: registry.npmjs.org/eslint-config-turbo/0.0.9_eslint@8.23.1
       eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.23.1
 
   tooling/rollup-config:
@@ -2495,11 +2512,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.53.0_qwaoy36sxxjkr7fbascfous7zi:
-    resolution: {integrity: sha512-alFpFWNucPLdUOySmXCJpzr6HKC3bu7XooShWM+3w/EL6J2HIoB2PFxpLnq4JauWVk6DiVeNKzQlFEaE+X9sGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.53.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.53.0
+  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.54.0_lldphppbh67ylraps6qcolshhy:
+    resolution: {integrity: sha512-+hSN9BdSr629RF02d7mMtXhAJvDTyCbprNYJKrXETlul/Aml6YZwd90XioVbjejQeHbb3R8Dg0CkRgoJDxo8aw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.54.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.54.0
     name: '@typescript-eslint/eslint-plugin'
-    version: 5.53.0
+    version: 5.54.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -2509,10 +2526,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.53.0_id2eilsndvzhjjktb64trvy3gu
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.53.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.53.0_id2eilsndvzhjjktb64trvy3gu
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.53.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.54.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.54.0
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.54.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.54.0_id2eilsndvzhjjktb64trvy3gu
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.23.1
       grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
@@ -2549,11 +2566,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser/5.53.0_id2eilsndvzhjjktb64trvy3gu:
-    resolution: {integrity: sha512-MKBw9i0DLYlmdOb3Oq/526+al20AJZpANdT6Ct9ffxcV8nKCHz63t/S0IhlTFNsBIHJv+GY5SFJ0XfqVeydQrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.53.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/5.53.0
+  registry.npmjs.org/@typescript-eslint/parser/5.54.0_id2eilsndvzhjjktb64trvy3gu:
+    resolution: {integrity: sha512-aAVL3Mu2qTi+h/r04WI/5PfNWvO6pdhpeMRWk9R7rEV4mwJNzoWf5CCU5vDKBsPIFQFjEq1xg7XBI2rjiMXQbQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.54.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/5.54.0
     name: '@typescript-eslint/parser'
-    version: 5.53.0
+    version: 5.54.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -2562,9 +2579,9 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.53.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.53.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.53.0_typescript@4.9.4
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.54.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.54.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.54.0_typescript@4.9.4
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.23.1
       typescript: registry.npmjs.org/typescript/4.9.4
@@ -2582,14 +2599,14 @@ packages:
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.49.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager/5.53.0:
-    resolution: {integrity: sha512-Opy3dqNsp/9kBBeCPhkCNR7fmdSQqA+47r21hr9a14Bx0xnkElEQmhoHga+VoaoQ6uDHjDKmQPIYcUcKJifS7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.53.0.tgz}
+  registry.npmjs.org/@typescript-eslint/scope-manager/5.54.0:
+    resolution: {integrity: sha512-VTPYNZ7vaWtYna9M4oD42zENOBrb+ZYyCNdFs949GcN8Miwn37b8b7eMj+EZaq7VK9fx0Jd+JhmkhjFhvnovhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.54.0.tgz}
     name: '@typescript-eslint/scope-manager'
-    version: 5.53.0
+    version: 5.54.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.53.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.53.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.54.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.54.0
     dev: true
 
   registry.npmjs.org/@typescript-eslint/type-utils/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u:
@@ -2615,11 +2632,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils/5.53.0_id2eilsndvzhjjktb64trvy3gu:
-    resolution: {integrity: sha512-HO2hh0fmtqNLzTAme/KnND5uFNwbsdYhCZghK2SoxGp3Ifn2emv+hi0PBUjzzSh0dstUIFqOj3bp0AwQlK4OWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.53.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/5.53.0
+  registry.npmjs.org/@typescript-eslint/type-utils/5.54.0_id2eilsndvzhjjktb64trvy3gu:
+    resolution: {integrity: sha512-WI+WMJ8+oS+LyflqsD4nlXMsVdzTMYTxl16myXPaCXnSgc7LWwMsjxQFZCK/rVmTZ3FN71Ct78ehO9bRC7erYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.54.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/5.54.0
     name: '@typescript-eslint/type-utils'
-    version: 5.53.0
+    version: 5.54.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -2628,8 +2645,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.53.0_typescript@4.9.4
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.53.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.54.0_typescript@4.9.4
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.54.0_id2eilsndvzhjjktb64trvy3gu
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.23.1
       tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
@@ -2645,10 +2662,10 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types/5.53.0:
-    resolution: {integrity: sha512-5kcDL9ZUIP756K6+QOAfPkigJmCPHcLN7Zjdz76lQWWDdzfOhZDTj1irs6gPBKiXx5/6O3L0+AvupAut3z7D2A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.53.0.tgz}
+  registry.npmjs.org/@typescript-eslint/types/5.54.0:
+    resolution: {integrity: sha512-nExy+fDCBEgqblasfeE3aQ3NuafBUxZxgxXcYfzYRZFHdVvk5q60KhCSkG0noHgHRo/xQ/BOzURLZAafFpTkmQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.54.0.tgz}
     name: '@typescript-eslint/types'
-    version: 5.53.0
+    version: 5.54.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
@@ -2676,11 +2693,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree/5.53.0_typescript@4.9.4:
-    resolution: {integrity: sha512-eKmipH7QyScpHSkhbptBBYh9v8FxtngLquq292YTEQ1pxVs39yFBlLC1xeIZcPPz1RWGqb7YgERJRGkjw8ZV7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.53.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.53.0
+  registry.npmjs.org/@typescript-eslint/typescript-estree/5.54.0_typescript@4.9.4:
+    resolution: {integrity: sha512-X2rJG97Wj/VRo5YxJ8Qx26Zqf0RRKsVHd4sav8NElhbZzhpBI8jU54i6hfo9eheumj4oO4dcRN1B/zIVEqR/MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.54.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.54.0
     name: '@typescript-eslint/typescript-estree'
-    version: 5.53.0
+    version: 5.54.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -2688,8 +2705,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.53.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.53.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.54.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.54.0
       debug: registry.npmjs.org/debug/4.3.4
       globby: registry.npmjs.org/globby/11.1.0
       is-glob: registry.npmjs.org/is-glob/4.0.3
@@ -2723,20 +2740,20 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils/5.53.0_id2eilsndvzhjjktb64trvy3gu:
-    resolution: {integrity: sha512-VUOOtPv27UNWLxFwQK/8+7kvxVC+hPHNsJjzlJyotlaHjLSIgOCKj9I0DBUjwOOA64qjBwx5afAPjksqOxMO0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.53.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/5.53.0
+  registry.npmjs.org/@typescript-eslint/utils/5.54.0_id2eilsndvzhjjktb64trvy3gu:
+    resolution: {integrity: sha512-cuwm8D/Z/7AuyAeJ+T0r4WZmlnlxQ8wt7C7fLpFlKMR+dY6QO79Cq1WpJhvZbMA4ZeZGHiRWnht7ZJ8qkdAunw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.54.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/5.54.0
     name: '@typescript-eslint/utils'
-    version: 5.53.0
+    version: 5.54.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.11
       '@types/semver': registry.npmjs.org/@types/semver/7.3.13
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.53.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.53.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.53.0_typescript@4.9.4
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.54.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.54.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.54.0_typescript@4.9.4
       eslint: registry.npmjs.org/eslint/8.23.1
       eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
       eslint-utils: registry.npmjs.org/eslint-utils/3.0.0_eslint@8.23.1
@@ -2756,13 +2773,13 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys/5.53.0:
-    resolution: {integrity: sha512-JqNLnX3leaHFZEN0gCh81sIvgrp/2GOACZNgO4+Tkf64u51kTpAyWFOY8XHx8XuXr3N2C9zgPPHtcpMg6z1g0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.53.0.tgz}
+  registry.npmjs.org/@typescript-eslint/visitor-keys/5.54.0:
+    resolution: {integrity: sha512-xu4wT7aRCakGINTLGeyGqDn+78BwFlggwBjnHa1ar/KaGagnmwLYmlrXIrgAaQ3AE1Vd6nLfKASm7LrFHNbKGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.54.0.tgz}
     name: '@typescript-eslint/visitor-keys'
-    version: 5.53.0
+    version: 5.54.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.53.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.54.0
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
     dev: true
 
@@ -4167,16 +4184,16 @@ packages:
       eslint: registry.npmjs.org/eslint/8.33.0
     dev: true
 
-  registry.npmjs.org/eslint-config-turbo/0.0.8_eslint@8.23.1:
-    resolution: {integrity: sha512-ijj6uv0QX2kWahg3OYnTK1/q4MueXsqY2uE4MP9yeUA5CzVhL7GU+biKlv1BfMMqPltixHUcpZoW4yyNLCnMiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-0.0.8.tgz}
-    id: registry.npmjs.org/eslint-config-turbo/0.0.8
+  registry.npmjs.org/eslint-config-turbo/0.0.9_eslint@8.23.1:
+    resolution: {integrity: sha512-j1cTdx3tRmKo0csyfQKhpuT8dynK9oddbK5nmrShoMpXI2qMbxHLYH7MWAid4FmJN8rYympy3VKw5U63Yazycg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-0.0.9.tgz}
+    id: registry.npmjs.org/eslint-config-turbo/0.0.9
     name: eslint-config-turbo
-    version: 0.0.8
+    version: 0.0.9
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
       eslint: registry.npmjs.org/eslint/8.23.1
-      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo/0.0.8_eslint@8.23.1
+      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo/0.0.9_eslint@8.23.1
     dev: true
 
   registry.npmjs.org/eslint-plugin-prettier/4.2.1_cabrci5exjdaojcvd6xoxgeowu:
@@ -4239,11 +4256,11 @@ packages:
       svelte: registry.npmjs.org/svelte/3.55.1
     dev: true
 
-  registry.npmjs.org/eslint-plugin-turbo/0.0.8_eslint@8.23.1:
-    resolution: {integrity: sha512-pExSCmjWw/KFKb3/0PVqxiWb30FbcwDEf6kKv3alvNBSVEzDHalyAGHc9klbLSG+nFmbkfNE3Ky/UHDryCqt8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-0.0.8.tgz}
-    id: registry.npmjs.org/eslint-plugin-turbo/0.0.8
+  registry.npmjs.org/eslint-plugin-turbo/0.0.9_eslint@8.23.1:
+    resolution: {integrity: sha512-fEsuSnYU3GLtT+s66mUuzDL1LaSieIx5uk3tPO0ToGv7hI2XzOfP24aPkQItTBGl7kq2JaVkRzPwcnfz8hkp0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-0.0.9.tgz}
+    id: registry.npmjs.org/eslint-plugin-turbo/0.0.9
     name: eslint-plugin-turbo
-    version: 0.0.8
+    version: 0.0.9
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:

From 9391b368699f4cd7318d4054811649e1faa1049b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 1 Mar 2023 11:48:08 +0100
Subject: [PATCH 0029/1093] refactor(svelte): cleanup components

---
 packages/svelte/package.json                  |   8 +-
 packages/svelte/src/customnodes/Custom.svelte |   2 +-
 .../{edges => BaseEdge}/BaseEdge.svelte       |   4 +-
 .../src/lib/components/BaseEdge/index.ts      |   1 +
 .../src/lib/components/BaseEdge/types.ts      |   7 +
 .../ConnectionLine/ConnectionLine.svelte      |   3 -
 ...{index.svelte => EdgeLabelRenderer.svelte} |   0
 .../lib/components/EdgeLabelRenderer/index.ts |   1 +
 .../{edges => EdgeWrapper}/EdgeWrapper.svelte |   2 +-
 .../src/lib/components/EdgeWrapper/index.ts   |   1 +
 .../Handle/{index.svelte => Handle.svelte}    |   3 -
 .../svelte/src/lib/components/Handle/index.ts |   1 +
 .../components/KeyHandler/KeyHandler.svelte   |   2 +-
 .../src/lib/components/KeyHandler/index.ts    |   2 +-
 .../KeyHandler/{KeyHandler.d.ts => types.ts}  |   2 +-
 .../{index.svelte => NodeSelection.svelte}    |   2 +-
 .../src/lib/components/NodeSelection/index.ts |   1 +
 .../{nodes => NodeWrapper}/NodeWrapper.svelte |  40 +-
 .../src/lib/components/NodeWrapper/index.ts   |   1 +
 .../src/lib/components/NodeWrapper/types.ts   |   5 +
 .../{index.svelte => Selection.svelte}        |   0
 .../src/lib/components/Selection/index.ts     |   1 +
 .../{index.svelte => UserSelection.svelte}    |   2 +-
 .../src/lib/components/UserSelection/index.ts |   1 +
 .../lib/components/edges/BezierEdge.svelte    |   2 +-
 .../components/edges/SmoothStepEdge.svelte    |   2 +-
 .../lib/components/edges/StraightEdge.svelte  |   2 +-
 .../lib/components/nodes/DefaultNode.svelte   |   2 +-
 .../src/lib/components/nodes/InputNode.svelte |   2 +-
 .../lib/components/nodes/OutputNode.svelte    |   2 +-
 .../{index.svelte => EdgeRenderer.svelte}     |   2 +-
 .../src/lib/container/EdgeRenderer/index.ts   |   1 +
 .../{index.svelte => NodeRenderer.svelte}     |   2 +-
 .../src/lib/container/NodeRenderer/index.ts   |   1 +
 .../Pane/{index.svelte => Pane.svelte}        |   0
 .../svelte/src/lib/container/Pane/index.ts    |   1 +
 .../Panel/{index.svelte => Panel.svelte}      |   2 +-
 .../svelte/src/lib/container/Panel/index.ts   |   2 +
 .../container/Panel/{Panel.d.ts => types.ts}  |   0
 .../{ => SvelteFlow}/SvelteFlow.svelte        |  17 +-
 .../src/lib/container/SvelteFlow/index.ts     |   2 +
 .../src/lib/container/SvelteFlow/types.ts     |  17 +
 .../container/{ => Viewport}/Viewport.svelte  |   0
 .../src/lib/container/Viewport/index.ts       |   1 +
 .../Zoom/{index.svelte => Zoom.svelte}        |   0
 .../svelte/src/lib/container/Zoom/index.ts    |   1 +
 packages/svelte/src/lib/index.ts              |   5 +-
 .../lib/plugins/Background/Background.svelte  |  46 +-
 .../src/lib/plugins/Background/index.ts       |   2 +-
 .../src/lib/plugins/Background/types.ts       |  10 +
 .../src/lib/plugins/Controls/Controls.svelte  |  16 +-
 .../svelte/src/lib/plugins/Controls/index.ts  |   1 +
 .../svelte/src/lib/plugins/Controls/types.ts  |   8 +
 .../src/lib/plugins/Minimap/Minimap.svelte    |  59 ++-
 .../lib/plugins/Minimap/MinimapNode.svelte    |   4 +-
 .../svelte/src/lib/plugins/Minimap/types.ts   |  27 ++
 .../svelte/src/lib/store/edges-layouted.ts    |   8 +-
 packages/svelte/src/lib/types/edges.ts        |   6 -
 packages/svelte/src/lib/types/general.ts      |  20 +-
 packages/svelte/src/lib/types/nodes.ts        |   4 -
 pnpm-lock.yaml                                | 427 +++++++++++++++---
 61 files changed, 600 insertions(+), 196 deletions(-)
 rename packages/svelte/src/lib/components/{edges => BaseEdge}/BaseEdge.svelte (92%)
 create mode 100644 packages/svelte/src/lib/components/BaseEdge/index.ts
 create mode 100644 packages/svelte/src/lib/components/BaseEdge/types.ts
 rename packages/svelte/src/lib/components/EdgeLabelRenderer/{index.svelte => EdgeLabelRenderer.svelte} (100%)
 create mode 100644 packages/svelte/src/lib/components/EdgeLabelRenderer/index.ts
 rename packages/svelte/src/lib/components/{edges => EdgeWrapper}/EdgeWrapper.svelte (96%)
 create mode 100644 packages/svelte/src/lib/components/EdgeWrapper/index.ts
 rename packages/svelte/src/lib/components/Handle/{index.svelte => Handle.svelte} (97%)
 create mode 100644 packages/svelte/src/lib/components/Handle/index.ts
 rename packages/svelte/src/lib/components/KeyHandler/{KeyHandler.d.ts => types.ts} (66%)
 rename packages/svelte/src/lib/components/NodeSelection/{index.svelte => NodeSelection.svelte} (93%)
 create mode 100644 packages/svelte/src/lib/components/NodeSelection/index.ts
 rename packages/svelte/src/lib/components/{nodes => NodeWrapper}/NodeWrapper.svelte (67%)
 create mode 100644 packages/svelte/src/lib/components/NodeWrapper/index.ts
 create mode 100644 packages/svelte/src/lib/components/NodeWrapper/types.ts
 rename packages/svelte/src/lib/components/Selection/{index.svelte => Selection.svelte} (100%)
 create mode 100644 packages/svelte/src/lib/components/Selection/index.ts
 rename packages/svelte/src/lib/components/UserSelection/{index.svelte => UserSelection.svelte} (83%)
 create mode 100644 packages/svelte/src/lib/components/UserSelection/index.ts
 rename packages/svelte/src/lib/container/EdgeRenderer/{index.svelte => EdgeRenderer.svelte} (86%)
 create mode 100644 packages/svelte/src/lib/container/EdgeRenderer/index.ts
 rename packages/svelte/src/lib/container/NodeRenderer/{index.svelte => NodeRenderer.svelte} (93%)
 create mode 100644 packages/svelte/src/lib/container/NodeRenderer/index.ts
 rename packages/svelte/src/lib/container/Pane/{index.svelte => Pane.svelte} (100%)
 create mode 100644 packages/svelte/src/lib/container/Pane/index.ts
 rename packages/svelte/src/lib/container/Panel/{index.svelte => Panel.svelte} (94%)
 create mode 100644 packages/svelte/src/lib/container/Panel/index.ts
 rename packages/svelte/src/lib/container/Panel/{Panel.d.ts => types.ts} (100%)
 rename packages/svelte/src/lib/container/{ => SvelteFlow}/SvelteFlow.svelte (82%)
 create mode 100644 packages/svelte/src/lib/container/SvelteFlow/index.ts
 create mode 100644 packages/svelte/src/lib/container/SvelteFlow/types.ts
 rename packages/svelte/src/lib/container/{ => Viewport}/Viewport.svelte (100%)
 create mode 100644 packages/svelte/src/lib/container/Viewport/index.ts
 rename packages/svelte/src/lib/container/Zoom/{index.svelte => Zoom.svelte} (100%)
 create mode 100644 packages/svelte/src/lib/container/Zoom/index.ts
 create mode 100644 packages/svelte/src/lib/plugins/Controls/types.ts
 create mode 100644 packages/svelte/src/lib/plugins/Minimap/types.ts

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 98f38b777..318b2125e 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -29,7 +29,7 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^2.0.0",
-    "@sveltejs/kit": "^1.5.6",
+    "@sveltejs/kit": "^1.9.1",
     "@sveltejs/package": "^1.0.2",
     "@typescript-eslint/eslint-plugin": "^5.45.0",
     "@typescript-eslint/parser": "^5.45.0",
@@ -37,11 +37,11 @@
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "prettier": "^2.8.0",
-    "prettier-plugin-svelte": "^2.8.1",
+    "prettier-plugin-svelte": "^2.9.0",
     "svelte": "^3.55.1",
-    "svelte-check": "^3.0.1",
+    "svelte-check": "^3.0.4",
     "tslib": "^2.4.1",
     "typescript": "^4.9.3",
-    "vite": "^4.1.1"
+    "vite": "^4.1.4"
   }
 }
diff --git a/packages/svelte/src/customnodes/Custom.svelte b/packages/svelte/src/customnodes/Custom.svelte
index cb4dc2ee9..1a64be22d 100644
--- a/packages/svelte/src/customnodes/Custom.svelte
+++ b/packages/svelte/src/customnodes/Custom.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import Handle from '$lib/components/Handle/index.svelte';
+  import { Handle } from '$lib/components/Handle';
   import { Position } from '@reactflow/system';
 
   export let data: { label: string } = { label: 'Node' };
diff --git a/packages/svelte/src/lib/components/edges/BaseEdge.svelte b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
similarity index 92%
rename from packages/svelte/src/lib/components/edges/BaseEdge.svelte
rename to packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
index 2a8c54fc5..e482e6cb1 100644
--- a/packages/svelte/src/lib/components/edges/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import EdgeLabelRenderer from '$lib/components/EdgeLabelRenderer/index.svelte';
-  import type { BaseEdgeProps } from '$lib/types';
+  import EdgeLabelRenderer from '$lib/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte';
+  import type { BaseEdgeProps } from './types';
 
   type $$Props = BaseEdgeProps;
 
diff --git a/packages/svelte/src/lib/components/BaseEdge/index.ts b/packages/svelte/src/lib/components/BaseEdge/index.ts
new file mode 100644
index 000000000..65bb0fbcb
--- /dev/null
+++ b/packages/svelte/src/lib/components/BaseEdge/index.ts
@@ -0,0 +1 @@
+export { default as BaseEdge } from './BaseEdge.svelte';
diff --git a/packages/svelte/src/lib/components/BaseEdge/types.ts b/packages/svelte/src/lib/components/BaseEdge/types.ts
new file mode 100644
index 000000000..199d1edda
--- /dev/null
+++ b/packages/svelte/src/lib/components/BaseEdge/types.ts
@@ -0,0 +1,7 @@
+import type { EdgeProps } from '$lib/types';
+
+export type BaseEdgeProps = Pick<EdgeProps, 'interactionWidth' | 'label'> & {
+  path: string;
+  labelX?: number;
+  labelY?: number;
+};
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index 04510ba79..b1dda8563 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -2,9 +2,6 @@
   import cc from 'classcat';
 
   import { useStore } from '$lib/store';
-  import type { ConnectionLineProps } from '$lib/types';
-
-  type $$Props = ConnectionLineProps;
 
   const { connectionPath, width, height, connection } = useStore();
 </script>
diff --git a/packages/svelte/src/lib/components/EdgeLabelRenderer/index.svelte b/packages/svelte/src/lib/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte
similarity index 100%
rename from packages/svelte/src/lib/components/EdgeLabelRenderer/index.svelte
rename to packages/svelte/src/lib/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte
diff --git a/packages/svelte/src/lib/components/EdgeLabelRenderer/index.ts b/packages/svelte/src/lib/components/EdgeLabelRenderer/index.ts
new file mode 100644
index 000000000..18592b1bd
--- /dev/null
+++ b/packages/svelte/src/lib/components/EdgeLabelRenderer/index.ts
@@ -0,0 +1 @@
+export { default as EdgeLabelRenderer } from './EdgeLabelRenderer.svelte';
\ No newline at end of file
diff --git a/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
similarity index 96%
rename from packages/svelte/src/lib/components/edges/EdgeWrapper.svelte
rename to packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 1bcb6b4bb..be931cbdf 100644
--- a/packages/svelte/src/lib/components/edges/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -3,7 +3,7 @@
   import { Position } from '@reactflow/system';
 
   import { useStore } from '$lib/store';
-  import BezierEdge from '$lib/components/edges/StraightEdge.svelte';
+  import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
   import type { EdgeProps, EdgeLayouted } from '$lib/types';
 
   type $$Props = EdgeLayouted;
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/index.ts b/packages/svelte/src/lib/components/EdgeWrapper/index.ts
new file mode 100644
index 000000000..b055ce5a2
--- /dev/null
+++ b/packages/svelte/src/lib/components/EdgeWrapper/index.ts
@@ -0,0 +1 @@
+export { default as EdgeWrapper } from './EdgeWrapper.svelte';
diff --git a/packages/svelte/src/lib/components/Handle/index.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
similarity index 97%
rename from packages/svelte/src/lib/components/Handle/index.svelte
rename to packages/svelte/src/lib/components/Handle/Handle.svelte
index 4ce9f57a2..82a39e046 100644
--- a/packages/svelte/src/lib/components/Handle/index.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -14,8 +14,6 @@
   export let position: $$Props['position'] = Position.Top;
   export let isConnectable: $$Props['isConnectable'] = true;
   export let isValidConnection: $$Props['isValidConnection'] = (_: Connection) => true;
-  let className: string | null = null;
-  export { className as class };
 
   const isTarget = type === 'target';
   const nodeId = getContext<string>('rf_nodeid');
@@ -80,7 +78,6 @@
     `react-flow__handle-${position}`,
     'nodrag',
     'nopan',
-    className,
     position
   ])}
   class:source={!isTarget}
diff --git a/packages/svelte/src/lib/components/Handle/index.ts b/packages/svelte/src/lib/components/Handle/index.ts
new file mode 100644
index 000000000..162ffba09
--- /dev/null
+++ b/packages/svelte/src/lib/components/Handle/index.ts
@@ -0,0 +1 @@
+export { default as Handle } from './Handle.svelte';
diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index adb11daec..8f800add5 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -2,7 +2,7 @@
   import { shortcut } from '@svelte-put/shortcut';
 
   import { useStore } from '$lib/store';
-  import type { KeyHandlerProps } from './KeyHandler';
+  import type { KeyHandlerProps } from './types';
   import type { KeyDefinition, KeyDefinitionObject } from '$lib/types';
 
   const { selectionKeyPressed, deleteKeyPressed } = useStore();
diff --git a/packages/svelte/src/lib/components/KeyHandler/index.ts b/packages/svelte/src/lib/components/KeyHandler/index.ts
index 414813844..4973665d3 100644
--- a/packages/svelte/src/lib/components/KeyHandler/index.ts
+++ b/packages/svelte/src/lib/components/KeyHandler/index.ts
@@ -1,2 +1,2 @@
 export { default as KeyHandler } from './KeyHandler.svelte';
-export type { KeyHandlerProps } from './KeyHandler';
+export type { KeyHandlerProps } from './types';
diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.d.ts b/packages/svelte/src/lib/components/KeyHandler/types.ts
similarity index 66%
rename from packages/svelte/src/lib/components/KeyHandler/KeyHandler.d.ts
rename to packages/svelte/src/lib/components/KeyHandler/types.ts
index d7ef91b72..14e761671 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.d.ts
+++ b/packages/svelte/src/lib/components/KeyHandler/types.ts
@@ -1,4 +1,4 @@
-import { KeyDefinition } from '$lib/types';
+import type { KeyDefinition } from '$lib/types';
 
 export type KeyHandlerProps = {
   selectionKey?: KeyDefinition;
diff --git a/packages/svelte/src/lib/components/NodeSelection/index.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
similarity index 93%
rename from packages/svelte/src/lib/components/NodeSelection/index.svelte
rename to packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index 5b649d36b..743aacc93 100644
--- a/packages/svelte/src/lib/components/NodeSelection/index.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -2,7 +2,7 @@
   import { getRectOfNodes } from '@reactflow/utils';
 
   import { useStore } from '$lib/store';
-  import Selection from '$lib/components/Selection/index.svelte';
+  import { Selection } from '$lib/components/Selection';
   import drag from '$lib/actions/drag';
 
   const { selectionRectMode, nodes, nodeOrigin, transform, updateNodePositions } = useStore();
diff --git a/packages/svelte/src/lib/components/NodeSelection/index.ts b/packages/svelte/src/lib/components/NodeSelection/index.ts
new file mode 100644
index 000000000..655394946
--- /dev/null
+++ b/packages/svelte/src/lib/components/NodeSelection/index.ts
@@ -0,0 +1 @@
+export { default as NodeSelection } from './NodeSelection.svelte';
diff --git a/packages/svelte/src/lib/components/nodes/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
similarity index 67%
rename from packages/svelte/src/lib/components/nodes/NodeWrapper.svelte
rename to packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 643298aa9..ef1a81ce5 100644
--- a/packages/svelte/src/lib/components/nodes/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -1,36 +1,46 @@
 <script lang="ts">
   import { onMount, setContext, SvelteComponentTyped } from 'svelte';
   import cc from 'classcat';
-  import { type XYPosition, Position } from '@reactflow/system';
+  import { type XYPosition, Position, errorMessages } from '@reactflow/system';
 
   import drag from '$lib/actions/drag';
   import { useStore } from '$lib/store';
-  import DefaultNode from './DefaultNode.svelte';
-  import type { WrapNodeProps, NodeProps } from '$lib/types';
+  import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
+  import type { NodeProps } from '$lib/types';
+  import type { NodeWrapperProps } from './types';
 
-  interface $$Props extends WrapNodeProps {}
+  interface $$Props extends NodeWrapperProps {}
 
-  export let id: WrapNodeProps['id'];
-  export let data: WrapNodeProps['data'] = {};
-  export let selected: WrapNodeProps['selected'] = false;
+  export let id: NodeWrapperProps['id'];
+  export let data: NodeWrapperProps['data'] = {};
+  export let selected: NodeWrapperProps['selected'] = false;
   export let positionAbsolute: XYPosition = { x: 0, y: 0 };
   export let position: XYPosition = { x: 0, y: 0 };
   export let dragging: boolean = false;
-  export let resizeObserver: WrapNodeProps['resizeObserver'] = null;
-  export let style: WrapNodeProps['style'] = undefined;
-  export let width: WrapNodeProps['width'] = undefined;
-  export let height: WrapNodeProps['height'] = undefined;
-  export let type: WrapNodeProps['type'] = 'default';
-  export let sourcePosition: WrapNodeProps['sourcePosition'] = Position.Bottom;
-  export let targetPosition: WrapNodeProps['targetPosition'] = Position.Top;
+  export let resizeObserver: NodeWrapperProps['resizeObserver'] = null;
+  export let style: NodeWrapperProps['style'] = undefined;
+  export let width: NodeWrapperProps['width'] = undefined;
+  export let height: NodeWrapperProps['height'] = undefined;
+  export let type: NodeWrapperProps['type'] = 'default';
+  export let sourcePosition: NodeWrapperProps['sourcePosition'] = Position.Bottom
+  export let targetPosition: NodeWrapperProps['targetPosition'] = Position.Top;
+
   let className: string = '';
   export { className as class };
 
   let nodeRef: HTMLDivElement;
 
   const { nodes, transform, nodeTypes, updateNodePositions, addSelectedNodes } = useStore();
+
+  const nodeTypeValid = !!$nodeTypes[type!];
+
+  if (!nodeTypeValid) {
+    console.warn('003', errorMessages['003'](type!));
+    type = 'default';
+  }
+
   const nodeComponent: typeof SvelteComponentTyped<Partial<NodeProps>> =
-    $nodeTypes[type] || DefaultNode;
+    $nodeTypes[type!] || DefaultNode;
   const isSelectable = true;
   const selectNodesOnDrag = false;
   const isDraggable = true;
diff --git a/packages/svelte/src/lib/components/NodeWrapper/index.ts b/packages/svelte/src/lib/components/NodeWrapper/index.ts
new file mode 100644
index 000000000..9c0e52a52
--- /dev/null
+++ b/packages/svelte/src/lib/components/NodeWrapper/index.ts
@@ -0,0 +1 @@
+export { default as NodeWrapper } from './NodeWrapper.svelte';
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
new file mode 100644
index 000000000..67b010ffe
--- /dev/null
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -0,0 +1,5 @@
+import type { Node } from '$lib/types';
+
+export type NodeWrapperProps = Node & {
+  resizeObserver?: ResizeObserver | null;
+};
diff --git a/packages/svelte/src/lib/components/Selection/index.svelte b/packages/svelte/src/lib/components/Selection/Selection.svelte
similarity index 100%
rename from packages/svelte/src/lib/components/Selection/index.svelte
rename to packages/svelte/src/lib/components/Selection/Selection.svelte
diff --git a/packages/svelte/src/lib/components/Selection/index.ts b/packages/svelte/src/lib/components/Selection/index.ts
new file mode 100644
index 000000000..0ca5076b8
--- /dev/null
+++ b/packages/svelte/src/lib/components/Selection/index.ts
@@ -0,0 +1 @@
+export { default as Selection } from './Selection.svelte';
diff --git a/packages/svelte/src/lib/components/UserSelection/index.svelte b/packages/svelte/src/lib/components/UserSelection/UserSelection.svelte
similarity index 83%
rename from packages/svelte/src/lib/components/UserSelection/index.svelte
rename to packages/svelte/src/lib/components/UserSelection/UserSelection.svelte
index 9a8710fdc..bdbbddfc7 100644
--- a/packages/svelte/src/lib/components/UserSelection/index.svelte
+++ b/packages/svelte/src/lib/components/UserSelection/UserSelection.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { useStore } from '$lib/store';
-  import Selection from '$lib/components/Selection/index.svelte';
+  import { Selection } from '$lib/components/Selection';
 
   const { selectionRect, selectionRectMode } = useStore();
 </script>
diff --git a/packages/svelte/src/lib/components/UserSelection/index.ts b/packages/svelte/src/lib/components/UserSelection/index.ts
new file mode 100644
index 000000000..743064e18
--- /dev/null
+++ b/packages/svelte/src/lib/components/UserSelection/index.ts
@@ -0,0 +1 @@
+export { default as UserSelection } from './UserSelection.svelte';
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
index fa8b69143..622c3240b 100644
--- a/packages/svelte/src/lib/components/edges/BezierEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
@@ -2,7 +2,7 @@
   import { getBezierPath } from '@reactflow/edge-utils';
 
   import type { EdgeProps } from '$lib/types';
-  import BaseEdge from './BaseEdge.svelte';
+  import { BaseEdge } from '$lib/components/BaseEdge';
 
   type $$Props = EdgeProps;
 
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
index fd360f9d0..b43dd7895 100644
--- a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
@@ -2,7 +2,7 @@
   import { getSmoothStepPath } from '@reactflow/edge-utils';
 
   import type { EdgeProps } from '$lib/types';
-  import BaseEdge from './BaseEdge.svelte';
+  import { BaseEdge } from '$lib/components/BaseEdge';
 
   type $$Props = EdgeProps;
 
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
index 5e27ec3d5..a0123b678 100644
--- a/packages/svelte/src/lib/components/edges/StraightEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
@@ -2,7 +2,7 @@
   import { getStraightPath } from '@reactflow/edge-utils';
 
   import type { EdgeProps } from '$lib/types';
-  import BaseEdge from './BaseEdge.svelte';
+  import { BaseEdge } from '$lib/components/BaseEdge';
 
   type $$Props = EdgeProps;
 
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index 1c10eb343..998733474 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { Position } from '@reactflow/system';
 
-  import Handle from '$lib/components/Handle/index.svelte';
+  import { Handle } from '$lib/components/Handle';
   import type { NodeProps } from '$lib/types';
 
   interface $$Props extends NodeProps<{ label: string }> {}
diff --git a/packages/svelte/src/lib/components/nodes/InputNode.svelte b/packages/svelte/src/lib/components/nodes/InputNode.svelte
index fc9eec3a4..5afc07f22 100644
--- a/packages/svelte/src/lib/components/nodes/InputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/InputNode.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { Position } from '@reactflow/system';
 
-  import Handle from '$lib/components/Handle/index.svelte';
+  import { Handle } from '$lib/components/Handle';
 
   export let data: { label: string } = { label: 'Node' };
   export let isConnectable: boolean = true;
diff --git a/packages/svelte/src/lib/components/nodes/OutputNode.svelte b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
index 7c42facdc..87d59bf57 100644
--- a/packages/svelte/src/lib/components/nodes/OutputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { Position } from '@reactflow/system';
 
-  import Handle from '$lib/components/Handle/index.svelte';
+  import { Handle } from '$lib/components/Handle';
 
   export let data: { label: string } = { label: 'Node' };
   export let isConnectable: boolean = true;
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/index.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
similarity index 86%
rename from packages/svelte/src/lib/container/EdgeRenderer/index.svelte
rename to packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 588631268..cf26c9204 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/index.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import EdgeWrapper from '$lib/components/edges/EdgeWrapper.svelte';
+  import { EdgeWrapper } from '$lib/components/EdgeWrapper';
   import { useStore } from '$lib/store';
 
   const { edgesLayouted, width, height } = useStore();
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/index.ts b/packages/svelte/src/lib/container/EdgeRenderer/index.ts
new file mode 100644
index 000000000..53783eb4b
--- /dev/null
+++ b/packages/svelte/src/lib/container/EdgeRenderer/index.ts
@@ -0,0 +1 @@
+export { default as EdgeRenderer } from './EdgeRenderer.svelte';
diff --git a/packages/svelte/src/lib/container/NodeRenderer/index.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
similarity index 93%
rename from packages/svelte/src/lib/container/NodeRenderer/index.svelte
rename to packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 74021b77d..ffee1f61a 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/index.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onDestroy } from 'svelte';
 
-  import NodeWrapper from '$lib/components/nodes/NodeWrapper.svelte';
+  import { NodeWrapper } from '$lib/components/NodeWrapper';
   import { useStore } from '$lib/store';
 
   const { nodes, updateNodeDimensions } = useStore();
diff --git a/packages/svelte/src/lib/container/NodeRenderer/index.ts b/packages/svelte/src/lib/container/NodeRenderer/index.ts
new file mode 100644
index 000000000..88d638ac9
--- /dev/null
+++ b/packages/svelte/src/lib/container/NodeRenderer/index.ts
@@ -0,0 +1 @@
+export { default as NodeRenderer } from './NodeRenderer.svelte';
diff --git a/packages/svelte/src/lib/container/Pane/index.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
similarity index 100%
rename from packages/svelte/src/lib/container/Pane/index.svelte
rename to packages/svelte/src/lib/container/Pane/Pane.svelte
diff --git a/packages/svelte/src/lib/container/Pane/index.ts b/packages/svelte/src/lib/container/Pane/index.ts
new file mode 100644
index 000000000..2161528c0
--- /dev/null
+++ b/packages/svelte/src/lib/container/Pane/index.ts
@@ -0,0 +1 @@
+export { default as Pane } from './Pane.svelte';
diff --git a/packages/svelte/src/lib/container/Panel/index.svelte b/packages/svelte/src/lib/container/Panel/Panel.svelte
similarity index 94%
rename from packages/svelte/src/lib/container/Panel/index.svelte
rename to packages/svelte/src/lib/container/Panel/Panel.svelte
index 7d61051a5..7ac1db622 100644
--- a/packages/svelte/src/lib/container/Panel/index.svelte
+++ b/packages/svelte/src/lib/container/Panel/Panel.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import cc from 'classcat';
-  import type { PanelProps } from './Panel';
+  import type { PanelProps } from './types';
 
   interface $$Props extends PanelProps {}
 
diff --git a/packages/svelte/src/lib/container/Panel/index.ts b/packages/svelte/src/lib/container/Panel/index.ts
new file mode 100644
index 000000000..aa07206db
--- /dev/null
+++ b/packages/svelte/src/lib/container/Panel/index.ts
@@ -0,0 +1,2 @@
+export { default as Panel } from './Panel.svelte';
+export type { PanelProps } from './types';
diff --git a/packages/svelte/src/lib/container/Panel/Panel.d.ts b/packages/svelte/src/lib/container/Panel/types.ts
similarity index 100%
rename from packages/svelte/src/lib/container/Panel/Panel.d.ts
rename to packages/svelte/src/lib/container/Panel/types.ts
diff --git a/packages/svelte/src/lib/container/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
similarity index 82%
rename from packages/svelte/src/lib/container/SvelteFlow.svelte
rename to packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index c684098d1..7b6895366 100644
--- a/packages/svelte/src/lib/container/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -4,16 +4,16 @@
   import cc from 'classcat';
 
   import { key, createStore } from '$lib/store';
-  import Zoom from '$lib/container/Zoom/index.svelte';
-  import Pane from '$lib/container/Pane/index.svelte';
-  import Viewport from '$lib/container/Viewport.svelte';
-  import NodeRenderer from '$lib/container/NodeRenderer/index.svelte';
-  import EdgeRenderer from '$lib/container/EdgeRenderer/index.svelte';
-  import UserSelection from '$lib/components/UserSelection/index.svelte';
-  import NodeSelection from '$lib/components/NodeSelection/index.svelte';
+  import { Zoom } from '$lib/container/Zoom';
+  import { Pane } from '$lib/container/Pane';
+  import { Viewport } from '$lib/container/Viewport';
+  import { NodeRenderer } from '$lib/container/NodeRenderer';
+  import { EdgeRenderer } from '$lib/container/EdgeRenderer';
+  import { UserSelection } from '$lib/components/UserSelection';
+  import { NodeSelection } from '$lib/components/NodeSelection';
   import { KeyHandler } from '$lib/components/KeyHandler';
   import { ConnectionLine } from '$lib/components/ConnectionLine';
-  import type { SvelteFlowProps } from '$lib/types';
+  import type { SvelteFlowProps } from './types';
 
   type $$Props = SvelteFlowProps;
 
@@ -36,6 +36,7 @@
     nodeTypes
   });
 
+
   setContext(key, {
     getStore: () => store
   });
diff --git a/packages/svelte/src/lib/container/SvelteFlow/index.ts b/packages/svelte/src/lib/container/SvelteFlow/index.ts
new file mode 100644
index 000000000..7fd351076
--- /dev/null
+++ b/packages/svelte/src/lib/container/SvelteFlow/index.ts
@@ -0,0 +1,2 @@
+export { default as SvelteFlow } from './SvelteFlow.svelte';
+export type { SvelteFlowProps } from './types';
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
new file mode 100644
index 000000000..a1f219ea2
--- /dev/null
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -0,0 +1,17 @@
+import type { ConnectionLineType } from '@reactflow/system';
+
+import type { Edge, Node, NodeTypes, KeyDefinition } from '$lib/types';
+
+export type SvelteFlowProps = {
+  nodes: Node[];
+  edges: Edge[];
+
+  connectionLineType?: ConnectionLineType;
+  selectionKey?: KeyDefinition;
+  deleteKey?: KeyDefinition;
+  nodeTypes?: NodeTypes;
+  fitView?: boolean;
+  class?: string;
+  style?: string;
+  id?: string;
+};
diff --git a/packages/svelte/src/lib/container/Viewport.svelte b/packages/svelte/src/lib/container/Viewport/Viewport.svelte
similarity index 100%
rename from packages/svelte/src/lib/container/Viewport.svelte
rename to packages/svelte/src/lib/container/Viewport/Viewport.svelte
diff --git a/packages/svelte/src/lib/container/Viewport/index.ts b/packages/svelte/src/lib/container/Viewport/index.ts
new file mode 100644
index 000000000..b11c43db1
--- /dev/null
+++ b/packages/svelte/src/lib/container/Viewport/index.ts
@@ -0,0 +1 @@
+export { default as Viewport } from './Viewport.svelte';
diff --git a/packages/svelte/src/lib/container/Zoom/index.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
similarity index 100%
rename from packages/svelte/src/lib/container/Zoom/index.svelte
rename to packages/svelte/src/lib/container/Zoom/Zoom.svelte
diff --git a/packages/svelte/src/lib/container/Zoom/index.ts b/packages/svelte/src/lib/container/Zoom/index.ts
new file mode 100644
index 000000000..c4f8019eb
--- /dev/null
+++ b/packages/svelte/src/lib/container/Zoom/index.ts
@@ -0,0 +1 @@
+export { default as Zoom } from './Zoom.svelte';
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 6c16c357f..c7e71d32d 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -1,10 +1,11 @@
-import SvelteFlow from '$lib/container/SvelteFlow.svelte';
+import { SvelteFlow, type SvelteFlowProps } from '$lib/container/SvelteFlow';
 export { Controls, ControlButton } from '$lib/plugins/Controls';
 export { Background, BackgroundVariant } from '$lib/plugins/Background';
 export { Minimap } from '$lib/plugins/Minimap';
-export { default as Panel } from '$lib/container/Panel/index.svelte';
+export { Panel, type PanelProps } from '$lib/container/Panel';
 
 export * from '$lib/types';
 export * from '$lib/utils';
 
+export type { SvelteFlowProps };
 export default SvelteFlow;
diff --git a/packages/svelte/src/lib/plugins/Background/Background.svelte b/packages/svelte/src/lib/plugins/Background/Background.svelte
index c30b958fb..a5f400419 100644
--- a/packages/svelte/src/lib/plugins/Background/Background.svelte
+++ b/packages/svelte/src/lib/plugins/Background/Background.svelte
@@ -1,20 +1,4 @@
-<script lang="ts">
-  import cc from 'classcat';
-
-  import DotPattern from './DotPattern.svelte';
-  import LinePattern from './LinePattern.svelte';
-  import { useStore } from '$lib/store';
-  import { BackgroundVariant } from './types';
-
-  export let variant: BackgroundVariant = BackgroundVariant.Dots;
-  export let gap = 20;
-  export let size: number = 1;
-  export let lineWidth = 1;
-  export let color: string = '#ccc';
-
-  let className: string = '';
-  export { className as class };
-
+<script labg="ts" context="module">
   const defaultColor = {
     [BackgroundVariant.Dots]: '#91919a',
     [BackgroundVariant.Lines]: '#eee',
@@ -26,13 +10,33 @@
     [BackgroundVariant.Lines]: 1,
     [BackgroundVariant.Cross]: 6
   };
+</script>
+
+<script lang="ts">
+  import cc from 'classcat';
+
+  import DotPattern from './DotPattern.svelte';
+  import LinePattern from './LinePattern.svelte';
+  import { useStore } from '$lib/store';
+  import { BackgroundVariant, type BackgroundProps } from './types';
+
+  type $$Props = BackgroundProps; 
+
+  export let variant: $$Props['variant'] = BackgroundVariant.Dots;
+  export let gap: $$Props['gap'] = 20;
+  export let size: $$Props['size'] = 1;
+  export let lineWidth: $$Props['lineWidth'] = 1;
+  export let color: $$Props['color'] = '#ccc';
+  export let style: $$Props['style'] = '';
+  let className: $$Props['class'] = '';
+  export { className as class };
 
   const { transform, id } = useStore();
-  const patternColor = color || defaultColor[variant];
-  const patternSize = size || defaultSize[variant];
+  const patternColor = color || defaultColor[variant!];
+  const patternSize = size || defaultSize[variant!];
   const isDots = variant === BackgroundVariant.Dots;
   const isCross = variant === BackgroundVariant.Cross;
-  const gapXY: number[] = Array.isArray(gap) ? gap : [gap, gap];
+  const gapXY: number[] = Array.isArray(gap!) ? gap! : [gap!, gap!];
 
   $: patternId = `background-pattern-${$id}`;
   $: scaledGap = [gapXY[0] * $transform[2] || 1, gapXY[1] * $transform[2] || 1];
@@ -43,7 +47,7 @@
     : [patternDimensions[0] / 2, patternDimensions[1] / 2];
 </script>
 
-<svg class={cc(['react-flow__background', className])}>
+<svg class={cc(['react-flow__background', className])} style={style}>
   <pattern
     id={patternId}
     x={$transform[0] % scaledGap[0]}
diff --git a/packages/svelte/src/lib/plugins/Background/index.ts b/packages/svelte/src/lib/plugins/Background/index.ts
index cce074815..ddf44b90d 100644
--- a/packages/svelte/src/lib/plugins/Background/index.ts
+++ b/packages/svelte/src/lib/plugins/Background/index.ts
@@ -1,2 +1,2 @@
-export { BackgroundVariant } from './types';
+export { BackgroundVariant, type BackgroundProps } from './types';
 export { default as Background } from './Background.svelte';
diff --git a/packages/svelte/src/lib/plugins/Background/types.ts b/packages/svelte/src/lib/plugins/Background/types.ts
index 3d252810c..6668be91d 100644
--- a/packages/svelte/src/lib/plugins/Background/types.ts
+++ b/packages/svelte/src/lib/plugins/Background/types.ts
@@ -3,3 +3,13 @@ export enum BackgroundVariant {
   Dots = 'dots',
   Cross = 'cross'
 }
+
+export type BackgroundProps = {
+  color?: string;
+  class?: string;
+  gap?: number | [number, number];
+  size?: number;
+  lineWidth?: number;
+  variant?: BackgroundVariant;
+  style?: string;
+};
diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index 9197851e1..e1a3f3e4a 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
-  import type { PanelPosition } from '@reactflow/system';
-
-  import Panel from '$lib/container/Panel/index.svelte';
+  import Panel from '$lib/container/Panel/Panel.svelte';
   import { useStore } from '$lib/store';
   import ControlButton from './ControlButton.svelte';
   import PlusIcon from './Icons/Plus.svelte';
@@ -10,10 +8,14 @@
   import LockIcon from './Icons/Lock.svelte';
   import UnlockIcon from './Icons/Unlock.svelte';
 
-  export let position: PanelPosition = 'bottom-left';
-  export let showZoom = true;
-  export let showFitView = true;
-  export let showInteractive = true;
+  import type { ControlsProps } from './types';
+
+  type $$Props = ControlsProps;
+
+  export let position: $$Props['position'] = 'bottom-left';
+  export let showZoom: $$Props['showZoom'] = true;
+  export let showFitView: $$Props['showFitView'] = true;
+  export let showInteractive: $$Props['showInteractive'] = true;
 
   const { zoomIn, zoomOut, fitView } = useStore();
 
diff --git a/packages/svelte/src/lib/plugins/Controls/index.ts b/packages/svelte/src/lib/plugins/Controls/index.ts
index 58323ba35..681f52556 100644
--- a/packages/svelte/src/lib/plugins/Controls/index.ts
+++ b/packages/svelte/src/lib/plugins/Controls/index.ts
@@ -1,2 +1,3 @@
 export { default as Controls } from './Controls.svelte';
 export { default as ControlButton } from './ControlButton.svelte';
+export { type ControlsProps } from './types';
diff --git a/packages/svelte/src/lib/plugins/Controls/types.ts b/packages/svelte/src/lib/plugins/Controls/types.ts
new file mode 100644
index 000000000..2c52f4327
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Controls/types.ts
@@ -0,0 +1,8 @@
+import type { PanelPosition } from '@reactflow/system';
+
+export type ControlsProps = {
+  position: PanelPosition;
+  showZoom: boolean;
+  showFitView: boolean;
+  showInteractive: boolean;
+};
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index cf24f1d2b..a42591744 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -1,34 +1,43 @@
+<script lang="ts" context="module">
+  declare const window: any;
+
+  const getAttrFunction = (func: any): GetMiniMapNodeAttribute =>
+    func instanceof Function ? func : () => func;
+</script>
+
 <script lang="ts">
   import cc from 'classcat';
-  import type { PanelPosition, Rect, Node } from '@reactflow/system';
   import { getBoundsOfRects, getNodePositionWithOrigin, getRectOfNodes } from '@reactflow/utils';
 
   import { useStore } from '$lib/store';
-  import Panel from '$lib/container/Panel/index.svelte';
+  import { Panel } from '$lib/container/Panel';
   import MinimapNode from './MinimapNode.svelte';
+  import type { GetMiniMapNodeAttribute, MiniMapProps } from './types';
+
+  type $$Props = MiniMapProps;
 
-  let position: PanelPosition = 'bottom-right';
-  let ariaLabel: string = 'Mini map';
-  let className: string = '';
-  let style: Record<string, unknown> = {};
-  let nodeStrokeColor: string = 'transparent';
-  let nodeColor: string = '#e2e2e2';
-  let nodeClassName: string = '';
-  let nodeBorderRadius: number = 5;
-  let nodeStrokeWidth: number = 2;
-  let bgColor: string = '#fff';
-  let maskColor: string = 'rgb(240, 240, 240, 0.6)';
-  let maskStrokeColor: string = 'none';
-  let maskStrokeWidth: number = 1;
+  let position: $$Props['position']  = 'bottom-right';
+  let ariaLabel: $$Props['ariaLabel'] = 'Mini map';
+  let style: $$Props['style'] = '';
+  let nodeStrokeColor: $$Props['nodeStrokeColor'] = 'transparent';
+  let nodeColor: $$Props['nodeColor'] = '#e2e2e2';
+  let nodeClassName: $$Props['nodeClassName'] = '';
+  let nodeBorderRadius: $$Props['nodeBorderRadius'] = 5;
+  let nodeStrokeWidth: $$Props['nodeStrokeWidth'] = 2;
+  let bgColor: $$Props['bgColor'] = '#fff';
+  let maskColor: $$Props['maskColor'] = 'rgb(240, 240, 240, 0.6)';
+  let maskStrokeColor: $$Props['maskStrokeColor'] = 'none';
+  let maskStrokeWidth: $$Props['maskStrokeWidth'] = 1;
+  let width: $$Props['width'] = undefined;
+  let height: $$Props['height'] = undefined;
+  let className: $$Props['class'] = '';
   export { className as class };
 
   const defaultWidth = 200;
   const defaultHeight = 150;
-  const { nodes, transform, width, height, nodeOrigin, id } = useStore();
+  const { nodes, transform, width: containerWidth, height: containerHeight, nodeOrigin, id } = useStore();
 
-  type GetMiniMapNodeAttribute = (node: Node) => string;
-  const getAttrFunction = (func: any): GetMiniMapNodeAttribute =>
-    func instanceof Function ? func : () => func;
+  
   const nodeColorFunc = getAttrFunction(nodeColor);
   const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
   const nodeClassNameFunc = getAttrFunction(nodeClassName);
@@ -39,13 +48,13 @@
   $: viewBB = {
     x: -$transform[0] / $transform[2],
     y: -$transform[1] / $transform[2],
-    width: $width / $transform[2],
-    height: $height / $transform[2]
-  } as Rect;
+    width: $containerWidth / $transform[2],
+    height: $containerHeight / $transform[2]
+  };
   $: boundingRect =
     $nodes.length > 0 ? getBoundsOfRects(getRectOfNodes($nodes, $nodeOrigin), viewBB) : viewBB;
-  $: elementWidth = (style?.width as number) ?? defaultWidth;
-  $: elementHeight = (style?.height as number) ?? defaultHeight;
+  $: elementWidth = width ?? defaultWidth;
+  $: elementHeight = height ?? defaultHeight;
   $: scaledWidth = boundingRect.width / elementWidth;
   $: scaledHeight = boundingRect.height / elementHeight;
   $: viewScale = Math.max(scaledWidth, scaledHeight);
@@ -61,7 +70,7 @@
 <Panel
   {position}
   class={cc(['react-flow__minimap', className])}
-  style={`background-color: ${bgColor};`}
+  style={`background-color: ${bgColor}; ${style}`}
 >
   <svg
     width={elementWidth}
diff --git a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
index 079ef22a3..2c1954b1c 100644
--- a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
@@ -5,11 +5,11 @@
   export let y: number;
   export let width: number = 0;
   export let height: number = 0;
-  export let borderRadius: number;
+  export let borderRadius: number = 5;
   export let color: string;
   export let shapeRendering: string;
   export let strokeColor: string;
-  export let strokeWidth: number;
+  export let strokeWidth: number = 2;
   export let style: Record<string, string>;
   let className: string = '';
   export { className as class };
diff --git a/packages/svelte/src/lib/plugins/Minimap/types.ts b/packages/svelte/src/lib/plugins/Minimap/types.ts
new file mode 100644
index 000000000..4ee7c128b
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Minimap/types.ts
@@ -0,0 +1,27 @@
+import type { PanelPosition } from '@reactflow/system';
+
+import type { Node } from '$lib/types';
+
+export type GetMiniMapNodeAttribute = (node: Node) => string;
+
+export type MiniMapProps = {
+  bgColor?: string;
+  nodeColor?: string | GetMiniMapNodeAttribute;
+  nodeStrokeColor?: string | GetMiniMapNodeAttribute;
+  nodeClassName?: string | GetMiniMapNodeAttribute;
+  nodeBorderRadius?: number;
+  nodeStrokeWidth?: number;
+  maskColor?: string;
+  maskStrokeColor?: string;
+  maskStrokeWidth?: number;
+  position?: PanelPosition;
+  class?: string;
+  style?: string;
+  ariaLabel?: string | null;
+  width?: number;
+  height?: number;
+  // onClick?: (event: MouseEvent, position: XYPosition) => void;
+  // onNodeClick?: (event: MouseEvent, node: Node) => void;
+  // pannable?: boolean;
+  // zoomable?: boolean;
+};
diff --git a/packages/svelte/src/lib/store/edges-layouted.ts b/packages/svelte/src/lib/store/edges-layouted.ts
index 7d5d23bbb..b5005a000 100644
--- a/packages/svelte/src/lib/store/edges-layouted.ts
+++ b/packages/svelte/src/lib/store/edges-layouted.ts
@@ -6,11 +6,11 @@ import type { EdgeLayouted } from '$lib/types';
 import type { SvelteFlowStoreState } from './types';
 
 export function getEdgesLayouted(store: SvelteFlowStoreState) {
-  return derived([store.edges, store.nodes], ([$edges, $nodes]) => {
-    return $edges
+  return derived([store.edges, store.nodes], ([edges, nodes]) => {
+    return edges
       .map((edge) => {
-        const sourceNode = $nodes.find((node) => node.id === edge.source);
-        const targetNode = $nodes.find((node) => node.id === edge.target);
+        const sourceNode = nodes.find((node) => node.id === edge.source);
+        const targetNode = nodes.find((node) => node.id === edge.target);
         const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(sourceNode);
         const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(targetNode);
 
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 9bd78e0c8..496c49afc 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -57,10 +57,4 @@ export type EdgeProps = Pick<
   | 'interactionWidth'
 >;
 
-export type BaseEdgeProps = Pick<EdgeProps, 'interactionWidth' | 'label'> & {
-  path: string;
-  labelX?: number;
-  labelY?: number;
-};
-
 export type EdgeTypes = Record<string, typeof SvelteComponentTyped<EdgeProps>>;
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index c9c41c4f3..b5bd9ee1c 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -1,7 +1,5 @@
 import type { ShortcutModifierDefinition } from '@svelte-put/shortcut';
-import type { ConnectionLineType, HandleType, XYPosition } from '@reactflow/system';
-
-import type { Node, NodeTypes, Edge } from '.';
+import type { HandleType, XYPosition } from '@reactflow/system';
 
 export type KeyModifier = ShortcutModifierDefinition;
 export type KeyDefinitionObject = { key: string; modifier?: KeyModifier };
@@ -14,19 +12,3 @@ export type ConnectionData = {
   handleType: HandleType | null;
   status: string | null;
 };
-
-export type ConnectionLineProps = {};
-
-export type SvelteFlowProps = {
-  nodes: Node[];
-  edges: Edge[];
-
-  connectionLineType?: ConnectionLineType;
-  selectionKey?: KeyDefinition;
-  deleteKey?: KeyDefinition;
-  nodeTypes?: NodeTypes;
-  fitView?: boolean;
-  class?: string;
-  style?: string;
-  id?: string;
-};
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index c52f8a24a..98967f57e 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -24,8 +24,4 @@ export type NodeProps<NodeData = any> = Pick<
   isConnectable?: boolean;
 };
 
-export type WrapNodeProps = Node & {
-  resizeObserver?: ResizeObserver | null;
-};
-
 export type NodeTypes = Record<string, typeof SvelteComponentTyped<Partial<NodeProps>>>;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 76431c9cf..e508a99f3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -340,7 +340,7 @@ importers:
       '@reactflow/utils': workspace:*
       '@svelte-put/shortcut': ^2.0.0
       '@sveltejs/adapter-auto': ^2.0.0
-      '@sveltejs/kit': ^1.5.6
+      '@sveltejs/kit': ^1.9.1
       '@sveltejs/package': ^1.0.2
       '@typescript-eslint/eslint-plugin': ^5.45.0
       '@typescript-eslint/parser': ^5.45.0
@@ -352,14 +352,14 @@ importers:
       eslint-config-prettier: ^8.5.0
       eslint-plugin-svelte3: ^4.0.0
       prettier: ^2.8.0
-      prettier-plugin-svelte: ^2.8.1
+      prettier-plugin-svelte: ^2.9.0
       react: ^18.2.0
       react-dom: ^18.2.0
       svelte: ^3.55.1
-      svelte-check: ^3.0.1
+      svelte-check: ^3.0.4
       tslib: ^2.4.1
       typescript: ^4.9.3
-      vite: ^4.1.1
+      vite: ^4.1.4
     dependencies:
       '@reactflow/edge-utils': link:../edge-utils
       '@reactflow/system': link:../system
@@ -372,8 +372,8 @@ importers:
       react: registry.npmjs.org/react/18.2.0
       react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
     devDependencies:
-      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.0.0_@sveltejs+kit@1.5.6
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.5.6_svelte@3.55.1+vite@4.1.1
+      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.0.0_@sveltejs+kit@1.9.1
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.9.1_svelte@3.55.1+vite@4.1.4
       '@sveltejs/package': registry.npmjs.org/@sveltejs/package/1.0.2_atrrhq7vg4ekua4nnyrpuardle
       '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.49.0_rsaczafy73x3xqauzesvzbsgzy
       '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u
@@ -383,10 +383,10 @@ importers:
       prettier: registry.npmjs.org/prettier/2.8.3
       prettier-plugin-svelte: registry.npmjs.org/prettier-plugin-svelte/2.9.0_kdmmghgdi3ngrsq6otxkjilbry
       svelte: registry.npmjs.org/svelte/3.55.1
-      svelte-check: registry.npmjs.org/svelte-check/3.0.3_svelte@3.55.1
+      svelte-check: registry.npmjs.org/svelte-check/3.0.4_svelte@3.55.1
       tslib: registry.npmjs.org/tslib/2.4.1
       typescript: registry.npmjs.org/typescript/4.9.4
-      vite: registry.npmjs.org/vite/4.1.1
+      vite: registry.npmjs.org/vite/4.1.4
 
   packages/system:
     specifiers:
@@ -1256,6 +1256,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/android-arm/0.16.17:
+    resolution: {integrity: sha512-N9x1CMXVhtWEAMS7pNNONyA14f71VPQN9Cnavj1XQh6T7bskqiLLrSca4O0Vr8Wdcga943eThxnVp3JLnBMYtw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.16.17.tgz}
+    name: '@esbuild/android-arm'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/android-arm64/0.16.16:
     resolution: {integrity: sha512-hFHVAzUKp9Tf8psGq+bDVv+6hTy1bAOoV/jJMUWwhUnIHsh6WbFMhw0ZTkqDuh7TdpffFoHOiIOIxmHc7oYRBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.16.16.tgz}
     name: '@esbuild/android-arm64'
@@ -1267,6 +1278,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/android-arm64/0.16.17:
+    resolution: {integrity: sha512-MIGl6p5sc3RDTLLkYL1MyL8BMRN4tLMRCn+yRJJmEDvYZ2M7tmAf80hx1kbNEUX2KJ50RRtxZ4JHLvCfuB6kBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.16.17.tgz}
+    name: '@esbuild/android-arm64'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/android-x64/0.16.16:
     resolution: {integrity: sha512-9WhxJpeb6XumlfivldxqmkJepEcELekmSw3NkGrs+Edq6sS5KRxtUBQuKYDD7KqP59dDkxVbaoPIQFKWQG0KLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.16.16.tgz}
     name: '@esbuild/android-x64'
@@ -1278,6 +1300,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/android-x64/0.16.17:
+    resolution: {integrity: sha512-a3kTv3m0Ghh4z1DaFEuEDfz3OLONKuFvI4Xqczqx4BqLyuFaFkuaG4j2MtA6fuWEFeC5x9IvqnX7drmRq/fyAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.16.17.tgz}
+    name: '@esbuild/android-x64'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/darwin-arm64/0.16.16:
     resolution: {integrity: sha512-8Z+wld+vr/prHPi2O0X7o1zQOfMbXWGAw9hT0jEyU/l/Yrg+0Z3FO9pjPho72dVkZs4ewZk0bDOFLdZHm8jEfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.16.16.tgz}
     name: '@esbuild/darwin-arm64'
@@ -1289,6 +1322,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/darwin-arm64/0.16.17:
+    resolution: {integrity: sha512-/2agbUEfmxWHi9ARTX6OQ/KgXnOWfsNlTeLcoV7HSuSTv63E4DqtAc+2XqGw1KHxKMHGZgbVCZge7HXWX9Vn+w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.16.17.tgz}
+    name: '@esbuild/darwin-arm64'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/darwin-x64/0.16.16:
     resolution: {integrity: sha512-CYkxVvkZzGCqFrt7EgjFxQKhlUPyDkuR9P0Y5wEcmJqVI8ncerOIY5Kej52MhZyzOBXkYrJgZeVZC9xXXoEg9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.16.16.tgz}
     name: '@esbuild/darwin-x64'
@@ -1300,6 +1344,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/darwin-x64/0.16.17:
+    resolution: {integrity: sha512-2By45OBHulkd9Svy5IOCZt376Aa2oOkiE9QWUK9fe6Tb+WDr8hXL3dpqi+DeLiMed8tVXspzsTAvd0jUl96wmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.16.17.tgz}
+    name: '@esbuild/darwin-x64'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/freebsd-arm64/0.16.16:
     resolution: {integrity: sha512-fxrw4BYqQ39z/3Ja9xj/a1gMsVq0xEjhSyI4a9MjfvDDD8fUV8IYliac96i7tzZc3+VytyXX+XNsnpEk5sw5Wg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.16.16.tgz}
     name: '@esbuild/freebsd-arm64'
@@ -1311,6 +1366,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/freebsd-arm64/0.16.17:
+    resolution: {integrity: sha512-mt+cxZe1tVx489VTb4mBAOo2aKSnJ33L9fr25JXpqQqzbUIw/yzIzi+NHwAXK2qYV1lEFp4OoVeThGjUbmWmdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.16.17.tgz}
+    name: '@esbuild/freebsd-arm64'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/freebsd-x64/0.16.16:
     resolution: {integrity: sha512-8p3v1D+du2jiDvSoNVimHhj7leSfST9YlKsAEO7etBfuqjaBMndo0fmjNLp0JCMld+XIx9L80tooOkyUv1a1PQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.16.16.tgz}
     name: '@esbuild/freebsd-x64'
@@ -1322,6 +1388,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/freebsd-x64/0.16.17:
+    resolution: {integrity: sha512-8ScTdNJl5idAKjH8zGAsN7RuWcyHG3BAvMNpKOBaqqR7EbUhhVHOqXRdL7oZvz8WNHL2pr5+eIT5c65kA6NHug==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.16.17.tgz}
+    name: '@esbuild/freebsd-x64'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/linux-arm/0.16.16:
     resolution: {integrity: sha512-bYaocE1/PTMRmkgSckZ0D0Xn2nox8v2qlk+MVVqm+VECNKDdZvghVZtH41dNtBbwADSvA6qkCHGYeWm9LrNCBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.16.16.tgz}
     name: '@esbuild/linux-arm'
@@ -1333,6 +1410,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/linux-arm/0.16.17:
+    resolution: {integrity: sha512-iihzrWbD4gIT7j3caMzKb/RsFFHCwqqbrbH9SqUSRrdXkXaygSZCZg1FybsZz57Ju7N/SHEgPyaR0LZ8Zbe9gQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.16.17.tgz}
+    name: '@esbuild/linux-arm'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/linux-arm64/0.16.16:
     resolution: {integrity: sha512-N3u6BBbCVY3xeP2D8Db7QY8I+nZ+2AgOopUIqk+5yCoLnsWkcVxD2ay5E9iIdvApFi1Vg1lZiiwaVp8bOpAc4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.16.16.tgz}
     name: '@esbuild/linux-arm64'
@@ -1344,6 +1432,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/linux-arm64/0.16.17:
+    resolution: {integrity: sha512-7S8gJnSlqKGVJunnMCrXHU9Q8Q/tQIxk/xL8BqAP64wchPCTzuM6W3Ra8cIa1HIflAvDnNOt2jaL17vaW+1V0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.16.17.tgz}
+    name: '@esbuild/linux-arm64'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/linux-ia32/0.16.16:
     resolution: {integrity: sha512-dxjqLKUW8GqGemoRT9v8IgHk+T4tRm1rn1gUcArsp26W9EkK/27VSjBVUXhEG5NInHZ92JaQ3SSMdTwv/r9a2A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.16.16.tgz}
     name: '@esbuild/linux-ia32'
@@ -1355,6 +1454,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/linux-ia32/0.16.17:
+    resolution: {integrity: sha512-kiX69+wcPAdgl3Lonh1VI7MBr16nktEvOfViszBSxygRQqSpzv7BffMKRPMFwzeJGPxcio0pdD3kYQGpqQ2SSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.16.17.tgz}
+    name: '@esbuild/linux-ia32'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/linux-loong64/0.16.16:
     resolution: {integrity: sha512-MdUFggHjRiCCwNE9+1AibewoNq6wf94GLB9Q9aXwl+a75UlRmbRK3h6WJyrSGA6ZstDJgaD2wiTSP7tQNUYxwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.16.16.tgz}
     name: '@esbuild/linux-loong64'
@@ -1366,6 +1476,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/linux-loong64/0.16.17:
+    resolution: {integrity: sha512-dTzNnQwembNDhd654cA4QhbS9uDdXC3TKqMJjgOWsC0yNCbpzfWoXdZvp0mY7HU6nzk5E0zpRGGx3qoQg8T2DQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.16.17.tgz}
+    name: '@esbuild/linux-loong64'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/linux-mips64el/0.16.16:
     resolution: {integrity: sha512-CO3YmO7jYMlGqGoeFeKzdwx/bx8Vtq/SZaMAi+ZLDUnDUdfC7GmGwXzIwDJ70Sg+P9pAemjJyJ1icKJ9R3q/Fg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.16.16.tgz}
     name: '@esbuild/linux-mips64el'
@@ -1377,6 +1498,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/linux-mips64el/0.16.17:
+    resolution: {integrity: sha512-ezbDkp2nDl0PfIUn0CsQ30kxfcLTlcx4Foz2kYv8qdC6ia2oX5Q3E/8m6lq84Dj/6b0FrkgD582fJMIfHhJfSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.16.17.tgz}
+    name: '@esbuild/linux-mips64el'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/linux-ppc64/0.16.16:
     resolution: {integrity: sha512-DSl5Czh5hCy/7azX0Wl9IdzPHX2H8clC6G87tBnZnzUpNgRxPFhfmArbaHoAysu4JfqCqbB/33u/GL9dUgCBAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.16.16.tgz}
     name: '@esbuild/linux-ppc64'
@@ -1388,6 +1520,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/linux-ppc64/0.16.17:
+    resolution: {integrity: sha512-dzS678gYD1lJsW73zrFhDApLVdM3cUF2MvAa1D8K8KtcSKdLBPP4zZSLy6LFZ0jYqQdQ29bjAHJDgz0rVbLB3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.16.17.tgz}
+    name: '@esbuild/linux-ppc64'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/linux-riscv64/0.16.16:
     resolution: {integrity: sha512-sSVVMEXsqf1fQu0j7kkhXMViroixU5XoaJXl1u/u+jbXvvhhCt9YvA/B6VM3aM/77HuRQ94neS5bcisijGnKFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.16.16.tgz}
     name: '@esbuild/linux-riscv64'
@@ -1399,6 +1542,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/linux-riscv64/0.16.17:
+    resolution: {integrity: sha512-ylNlVsxuFjZK8DQtNUwiMskh6nT0vI7kYl/4fZgV1llP5d6+HIeL/vmmm3jpuoo8+NuXjQVZxmKuhDApK0/cKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.16.17.tgz}
+    name: '@esbuild/linux-riscv64'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/linux-s390x/0.16.16:
     resolution: {integrity: sha512-jRqBCre9gZGoCdCN/UWCCMwCMsOg65IpY9Pyj56mKCF5zXy9d60kkNRdDN6YXGjr3rzcC4DXnS/kQVCGcC4yPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.16.16.tgz}
     name: '@esbuild/linux-s390x'
@@ -1410,6 +1564,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/linux-s390x/0.16.17:
+    resolution: {integrity: sha512-gzy7nUTO4UA4oZ2wAMXPNBGTzZFP7mss3aKR2hH+/4UUkCOyqmjXiKpzGrY2TlEUhbbejzXVKKGazYcQTZWA/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.16.17.tgz}
+    name: '@esbuild/linux-s390x'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/linux-x64/0.16.16:
     resolution: {integrity: sha512-G1+09TopOzo59/55lk5Q0UokghYLyHTKKzD5lXsAOOlGDbieGEFJpJBr3BLDbf7cz89KX04sBeExAR/pL/26sA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.16.16.tgz}
     name: '@esbuild/linux-x64'
@@ -1421,6 +1586,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/linux-x64/0.16.17:
+    resolution: {integrity: sha512-mdPjPxfnmoqhgpiEArqi4egmBAMYvaObgn4poorpUaqmvzzbvqbowRllQ+ZgzGVMGKaPkqUmPDOOFQRUFDmeUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.16.17.tgz}
+    name: '@esbuild/linux-x64'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/netbsd-x64/0.16.16:
     resolution: {integrity: sha512-xwjGJB5wwDEujLaJIrSMRqWkbigALpBNcsF9SqszoNKc+wY4kPTdKrSxiY5ik3IatojePP+WV108MvF6q6np4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.16.16.tgz}
     name: '@esbuild/netbsd-x64'
@@ -1432,6 +1608,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/netbsd-x64/0.16.17:
+    resolution: {integrity: sha512-/PzmzD/zyAeTUsduZa32bn0ORug+Jd1EGGAUJvqfeixoEISYpGnAezN6lnJoskauoai0Jrs+XSyvDhppCPoKOA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.16.17.tgz}
+    name: '@esbuild/netbsd-x64'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/openbsd-x64/0.16.16:
     resolution: {integrity: sha512-yeERkoxG2nR2oxO5n+Ms7MsCeNk23zrby2GXCqnfCpPp7KNc0vxaaacIxb21wPMfXXRhGBrNP4YLIupUBrWdlg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.16.16.tgz}
     name: '@esbuild/openbsd-x64'
@@ -1443,6 +1630,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/openbsd-x64/0.16.17:
+    resolution: {integrity: sha512-2yaWJhvxGEz2RiftSk0UObqJa/b+rIAjnODJgv2GbGGpRwAfpgzyrg1WLK8rqA24mfZa9GvpjLcBBg8JHkoodg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.16.17.tgz}
+    name: '@esbuild/openbsd-x64'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/sunos-x64/0.16.16:
     resolution: {integrity: sha512-nHfbEym0IObXPhtX6Va3H5GaKBty2kdhlAhKmyCj9u255ktAj0b1YACUs9j5H88NRn9cJCthD1Ik/k9wn8YKVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.16.16.tgz}
     name: '@esbuild/sunos-x64'
@@ -1454,6 +1652,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/sunos-x64/0.16.17:
+    resolution: {integrity: sha512-xtVUiev38tN0R3g8VhRfN7Zl42YCJvyBhRKw1RJjwE1d2emWTVToPLNEQj/5Qxc6lVFATDiy6LjVHYhIPrLxzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.16.17.tgz}
+    name: '@esbuild/sunos-x64'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/win32-arm64/0.16.16:
     resolution: {integrity: sha512-pdD+M1ZOFy4hE15ZyPX09fd5g4DqbbL1wXGY90YmleVS6Y5YlraW4BvHjim/X/4yuCpTsAFvsT4Nca2lbyDH/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.16.16.tgz}
     name: '@esbuild/win32-arm64'
@@ -1465,6 +1674,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/win32-arm64/0.16.17:
+    resolution: {integrity: sha512-ga8+JqBDHY4b6fQAmOgtJJue36scANy4l/rL97W+0wYmijhxKetzZdKOJI7olaBaMhWt8Pac2McJdZLxXWUEQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.16.17.tgz}
+    name: '@esbuild/win32-arm64'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/win32-ia32/0.16.16:
     resolution: {integrity: sha512-IPEMfU9p0c3Vb8PqxaPX6BM9rYwlTZGYOf9u+kMdhoILZkVKEjq6PKZO0lB+isojWwAnAqh4ZxshD96njTXajg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.16.16.tgz}
     name: '@esbuild/win32-ia32'
@@ -1476,6 +1696,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/win32-ia32/0.16.17:
+    resolution: {integrity: sha512-WnsKaf46uSSF/sZhwnqE4L/F89AYNMiD4YtEcYekBt9Q7nj0DiId2XH2Ng2PHM54qi5oPrQ8luuzGszqi/veig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.16.17.tgz}
+    name: '@esbuild/win32-ia32'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@esbuild/win32-x64/0.16.16:
     resolution: {integrity: sha512-1YYpoJ39WV/2bnShPwgdzJklc+XS0bysN6Tpnt1cWPdeoKOG4RMEY1g7i534QxXX/rPvNx/NLJQTTCeORYzipg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.16.16.tgz}
     name: '@esbuild/win32-x64'
@@ -1487,6 +1718,17 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@esbuild/win32-x64/0.16.17:
+    resolution: {integrity: sha512-y+EHuSchhL7FjHgvQL/0fnnFmO4T1bhvWANX6gcnqTjtnKWbTvUMCpGnv2+t+31d7RzyEAYAd4u2fnIhHL6N/Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.16.17.tgz}
+    name: '@esbuild/win32-x64'
+    version: 0.16.17
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmjs.org/@eslint/eslintrc/1.3.2:
     resolution: {integrity: sha512-AXYd23w1S/bv3fTs3Lz0vjiYemS08jWkI3hYyS9I1ry+0f+Yjs1wm+sU0BS8qDOPrBIkp4qHYC16I8uVtpLajQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.2.tgz}
     name: '@eslint/eslintrc'
@@ -1993,7 +2235,7 @@ packages:
     version: 2.0.0
     dev: false
 
-  registry.npmjs.org/@sveltejs/adapter-auto/2.0.0_@sveltejs+kit@1.5.6:
+  registry.npmjs.org/@sveltejs/adapter-auto/2.0.0_@sveltejs+kit@1.9.1:
     resolution: {integrity: sha512-b+gkHFZgD771kgV3aO4avHFd7y1zhmMYy9i6xOK7m/rwmwaRO8gnF5zBc0Rgca80B2PMU1bKNxyBTHA14OzUAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-2.0.0.tgz}
     id: registry.npmjs.org/@sveltejs/adapter-auto/2.0.0
     name: '@sveltejs/adapter-auto'
@@ -2001,15 +2243,15 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.5.6_svelte@3.55.1+vite@4.1.1
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.9.1_svelte@3.55.1+vite@4.1.4
       import-meta-resolve: registry.npmjs.org/import-meta-resolve/2.2.1
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit/1.5.6_svelte@3.55.1+vite@4.1.1:
-    resolution: {integrity: sha512-CHVeQpbcwSIUekF6WwevmExKXyfHnzM5nlCEUv13lGgfJ0zKA0ny5YwIe40vccrm5w5Caec7jMTt9Ih3McJr5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.5.6.tgz}
-    id: registry.npmjs.org/@sveltejs/kit/1.5.6
+  registry.npmjs.org/@sveltejs/kit/1.9.1_svelte@3.55.1+vite@4.1.4:
+    resolution: {integrity: sha512-SC2pTnaloAL+6744tWl1/b1zGAhZX2zmgmUmKV4Y6nx/y5gP6+MTzY6SC74PYUWSlOPumi8wZ40hQ2RExCFuhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.9.1.tgz}
+    id: registry.npmjs.org/@sveltejs/kit/1.9.1
     name: '@sveltejs/kit'
-    version: 1.5.6
+    version: 1.9.1
     engines: {node: ^16.14 || >=18}
     hasBin: true
     requiresBuild: true
@@ -2017,21 +2259,21 @@ packages:
       svelte: ^3.54.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.2_svelte@3.55.1+vite@4.1.1
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.3_svelte@3.55.1+vite@4.1.4
       '@types/cookie': registry.npmjs.org/@types/cookie/0.5.1
       cookie: registry.npmjs.org/cookie/0.5.0
-      devalue: registry.npmjs.org/devalue/4.2.3
+      devalue: registry.npmjs.org/devalue/4.3.0
       esm-env: registry.npmjs.org/esm-env/1.0.0
       kleur: registry.npmjs.org/kleur/4.1.5
-      magic-string: registry.npmjs.org/magic-string/0.27.0
+      magic-string: registry.npmjs.org/magic-string/0.30.0
       mime: registry.npmjs.org/mime/3.0.0
       sade: registry.npmjs.org/sade/1.8.1
       set-cookie-parser: registry.npmjs.org/set-cookie-parser/2.5.1
       sirv: registry.npmjs.org/sirv/2.0.2
       svelte: registry.npmjs.org/svelte/3.55.1
       tiny-glob: registry.npmjs.org/tiny-glob/0.2.9
-      undici: registry.npmjs.org/undici/5.18.0
-      vite: registry.npmjs.org/vite/4.1.1
+      undici: registry.npmjs.org/undici/5.20.0
+      vite: registry.npmjs.org/vite/4.1.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2055,24 +2297,24 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.2_svelte@3.55.1+vite@4.1.1:
-    resolution: {integrity: sha512-xCEan0/NNpQuL0l5aS42FjwQ6wwskdxC3pW1OeFtEKNZwRg7Evro9lac9HesGP6TdFsTv2xMes5ASQVKbCacxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.0.2.tgz}
-    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.2
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.3_svelte@3.55.1+vite@4.1.4:
+    resolution: {integrity: sha512-o+cguBFdwIGtRbNkYOyqTM7KvRUffxh5bfK4oJsWKG2obu+v/cbpT03tJrGl58C7tRXo/aEC0/axN5FVHBj0nA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.0.3.tgz}
+    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.3
     name: '@sveltejs/vite-plugin-svelte'
-    version: 2.0.2
+    version: 2.0.3
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
       svelte: ^3.54.0
       vite: ^4.0.0
     dependencies:
       debug: registry.npmjs.org/debug/4.3.4
-      deepmerge: registry.npmjs.org/deepmerge/4.2.2
+      deepmerge: registry.npmjs.org/deepmerge/4.3.0
       kleur: registry.npmjs.org/kleur/4.1.5
-      magic-string: registry.npmjs.org/magic-string/0.27.0
+      magic-string: registry.npmjs.org/magic-string/0.29.0
       svelte: registry.npmjs.org/svelte/3.55.1
       svelte-hmr: registry.npmjs.org/svelte-hmr/0.15.1_svelte@3.55.1
-      vite: registry.npmjs.org/vite/4.1.1
-      vitefu: registry.npmjs.org/vitefu/0.2.4_vite@4.1.1
+      vite: registry.npmjs.org/vite/4.1.4
+      vitefu: registry.npmjs.org/vitefu/0.2.4_vite@4.1.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2378,6 +2620,12 @@ packages:
     version: 14.18.28
     dev: true
 
+  registry.npmjs.org/@types/node/18.14.2:
+    resolution: {integrity: sha512-1uEQxww3DaghA0RxqHx0O0ppVlo43pJhepY51OxuQIKHpjbnYLA7vcdwioNPzIqmC2u3I/dmylcqjlh0e7AyUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-18.14.2.tgz}
+    name: '@types/node'
+    version: 18.14.2
+    dev: true
+
   registry.npmjs.org/@types/node/18.7.16:
     resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-18.7.16.tgz}
     name: '@types/node'
@@ -2439,7 +2687,7 @@ packages:
     name: '@types/sass'
     version: 1.43.1
     dependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
+      '@types/node': registry.npmjs.org/@types/node/18.14.2
     dev: true
 
   registry.npmjs.org/@types/scheduler/0.16.2:
@@ -3893,6 +4141,13 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  registry.npmjs.org/deepmerge/4.3.0:
+    resolution: {integrity: sha512-z2wJZXrmeHdvYJp/Ux55wIjqo81G5Bp4c+oELTW+7ar6SogWHajt5a9gO3s3IDaGSAXjDk0vlQKN3rms8ab3og==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.0.tgz}
+    name: deepmerge
+    version: 4.3.0
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   registry.npmjs.org/defaults/1.0.3:
     resolution: {integrity: sha512-s82itHOnYrN0Ib8r+z7laQz3sdE+4FP3d9Q7VLO7U+KRT+CR0GsWuyHxzdAY82I7cXv0G/twrqomTJLOssO5HA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/defaults/-/defaults-1.0.3.tgz}
     name: defaults
@@ -3932,10 +4187,10 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/devalue/4.2.3:
-    resolution: {integrity: sha512-JG6Q248aN0pgFL57e3zqTVeFraBe+5W2ugvv1mLXsJP6YYIYJhRZhAl7QP8haJrqob6X10F9NEkuCvNILZTPeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/devalue/-/devalue-4.2.3.tgz}
+  registry.npmjs.org/devalue/4.3.0:
+    resolution: {integrity: sha512-n94yQo4LI3w7erwf84mhRUkUJfhLoCZiLyoOZ/QFsDbcWNZePrLwbQpvZBUG2TNxwV3VjCKPxkiiQA6pe3TrTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/devalue/-/devalue-4.3.0.tgz}
     name: devalue
-    version: 4.2.3
+    version: 4.3.0
     dev: true
 
   registry.npmjs.org/dir-glob/3.0.1:
@@ -4139,6 +4394,38 @@ packages:
       '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64/0.16.16
     dev: true
 
+  registry.npmjs.org/esbuild/0.16.17:
+    resolution: {integrity: sha512-G8LEkV0XzDMNwXKgM0Jwu3nY3lSTwSGY6XbxM9cr9+s0T/qSV1q1JVPBGzm3dcjhCic9+emZDmMffkwgPeOeLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.16.17.tgz}
+    name: esbuild
+    version: 0.16.17
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm/0.16.17
+      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64/0.16.17
+      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64/0.16.17
+      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64/0.16.17
+      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64/0.16.17
+      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64/0.16.17
+      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64/0.16.17
+      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm/0.16.17
+      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64/0.16.17
+      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32/0.16.17
+      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64/0.16.17
+      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el/0.16.17
+      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64/0.16.17
+      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64/0.16.17
+      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x/0.16.17
+      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64/0.16.17
+      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64/0.16.17
+      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64/0.16.17
+      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64/0.16.17
+      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64/0.16.17
+      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32/0.16.17
+      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64/0.16.17
+    dev: true
+
   registry.npmjs.org/escalade/3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz}
     name: escalade
@@ -6020,6 +6307,24 @@ packages:
       '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14
     dev: true
 
+  registry.npmjs.org/magic-string/0.29.0:
+    resolution: {integrity: sha512-WcfidHrDjMY+eLjlU+8OvwREqHwpgCeKVBUpQ3OhYYuvfaYCUgcbuBzappNzZvg/v8onU3oQj+BYpkOJe9Iw4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/magic-string/-/magic-string-0.29.0.tgz}
+    name: magic-string
+    version: 0.29.0
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14
+    dev: true
+
+  registry.npmjs.org/magic-string/0.30.0:
+    resolution: {integrity: sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz}
+    name: magic-string
+    version: 0.30.0
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14
+    dev: true
+
   registry.npmjs.org/map-obj/1.0.1:
     resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz}
     name: map-obj
@@ -6173,6 +6478,12 @@ packages:
     version: 1.2.6
     dev: true
 
+  registry.npmjs.org/minimist/1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz}
+    name: minimist
+    version: 1.2.8
+    dev: true
+
   registry.npmjs.org/mixme/0.5.4:
     resolution: {integrity: sha512-3KYa4m4Vlqx98GPdOHghxSdNtTvcP8E0kkaJ5Dlh+h2DRzF7zpuVVcA8B0QpKd11YJeP9QQ7ASkKzOeu195Wzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mixme/-/mixme-0.5.4.tgz}
     name: mixme
@@ -6186,7 +6497,7 @@ packages:
     version: 0.5.6
     hasBin: true
     dependencies:
-      minimist: registry.npmjs.org/minimist/1.2.6
+      minimist: registry.npmjs.org/minimist/1.2.8
     dev: true
 
   registry.npmjs.org/mri/1.2.0:
@@ -7225,10 +7536,10 @@ packages:
       fsevents: registry.npmjs.org/fsevents/2.3.2
     dev: true
 
-  registry.npmjs.org/rollup/3.15.0:
-    resolution: {integrity: sha512-F9hrCAhnp5/zx/7HYmftvsNBkMfLfk/dXUh73hPSM2E3CRgap65orDNJbLetoiUFwSAk6iHPLvBrZ5iHYvzqsg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.15.0.tgz}
+  registry.npmjs.org/rollup/3.17.3:
+    resolution: {integrity: sha512-p5LaCXiiOL/wrOkj8djsIDFmyU9ysUxcyW+EKRLHb6TKldJzXpImjcRSR+vgo09DBdofGcOoLOsRyxxG2n5/qQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.17.3.tgz}
     name: rollup
-    version: 3.15.0
+    version: 3.17.3
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
@@ -7515,7 +7826,7 @@ packages:
     dependencies:
       '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14
       buffer-crc32: registry.npmjs.org/buffer-crc32/0.2.13
-      minimist: registry.npmjs.org/minimist/1.2.6
+      minimist: registry.npmjs.org/minimist/1.2.8
       sander: registry.npmjs.org/sander/0.5.1
     dev: true
 
@@ -7786,11 +8097,11 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/svelte-check/3.0.3_svelte@3.55.1:
-    resolution: {integrity: sha512-ByBFXo3bfHRGIsYEasHkdMhLkNleVfszX/Ns1oip58tPJlKdo5Ssr8kgVIuo5oq00hss8AIcdesuy0Xt0BcTvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.0.3.tgz}
-    id: registry.npmjs.org/svelte-check/3.0.3
+  registry.npmjs.org/svelte-check/3.0.4_svelte@3.55.1:
+    resolution: {integrity: sha512-feIyBAA5cSIxq4vq6mwGvGQTHy/wBVQbs5b+/VvE21WN8X7nonAuSqwvZv0UDBowzRka3Rh4gmLPH8rPePz3/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.0.4.tgz}
+    id: registry.npmjs.org/svelte-check/3.0.4
     name: svelte-check
-    version: 3.0.3
+    version: 3.0.4
     hasBin: true
     peerDependencies:
       svelte: ^3.55.0
@@ -7802,8 +8113,8 @@ packages:
       picocolors: registry.npmjs.org/picocolors/1.0.0
       sade: registry.npmjs.org/sade/1.8.1
       svelte: registry.npmjs.org/svelte/3.55.1
-      svelte-preprocess: registry.npmjs.org/svelte-preprocess/5.0.1_atrrhq7vg4ekua4nnyrpuardle
-      typescript: registry.npmjs.org/typescript/4.9.4
+      svelte-preprocess: registry.npmjs.org/svelte-preprocess/5.0.1_4x7phaipmicbaooxtnresslofa
+      typescript: registry.npmjs.org/typescript/4.9.5
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -7828,7 +8139,7 @@ packages:
       svelte: registry.npmjs.org/svelte/3.55.1
     dev: true
 
-  registry.npmjs.org/svelte-preprocess/5.0.1_atrrhq7vg4ekua4nnyrpuardle:
+  registry.npmjs.org/svelte-preprocess/5.0.1_4x7phaipmicbaooxtnresslofa:
     resolution: {integrity: sha512-0HXyhCoc9rsW4zGOgtInylC6qj259E1hpFnJMJWTf+aIfeqh4O/QHT31KT2hvPEqQfdjmqBR/kO2JDkkciBLrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.1.tgz}
     id: registry.npmjs.org/svelte-preprocess/5.0.1
     name: svelte-preprocess
@@ -7876,7 +8187,7 @@ packages:
       sorcery: registry.npmjs.org/sorcery/0.11.0
       strip-indent: registry.npmjs.org/strip-indent/3.0.0
       svelte: registry.npmjs.org/svelte/3.55.1
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
     dev: true
 
   registry.npmjs.org/svelte/3.55.1:
@@ -8230,6 +8541,14 @@ packages:
     hasBin: true
     dev: true
 
+  registry.npmjs.org/typescript/4.9.5:
+    resolution: {integrity: sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz}
+    name: typescript
+    version: 4.9.5
+    engines: {node: '>=4.2.0'}
+    hasBin: true
+    dev: true
+
   registry.npmjs.org/unbox-primitive/1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz}
     name: unbox-primitive
@@ -8241,10 +8560,10 @@ packages:
       which-boxed-primitive: registry.npmjs.org/which-boxed-primitive/1.0.2
     dev: true
 
-  registry.npmjs.org/undici/5.18.0:
-    resolution: {integrity: sha512-1iVwbhonhFytNdg0P4PqyIAXbdlVZVebtPDvuM36m66mRw4OGrCm2MYynJv/UENFLdP13J1nPVQzVE2zTs1OeA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici/-/undici-5.18.0.tgz}
+  registry.npmjs.org/undici/5.20.0:
+    resolution: {integrity: sha512-J3j60dYzuo6Eevbawwp1sdg16k5Tf768bxYK4TUJRH7cBM4kFCbf3mOnM/0E3vQYXvpxITbbWmBafaDbxLDz3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici/-/undici-5.20.0.tgz}
     name: undici
-    version: 5.18.0
+    version: 5.20.0
     engines: {node: '>=12.18'}
     dependencies:
       busboy: registry.npmjs.org/busboy/1.6.0
@@ -8392,10 +8711,10 @@ packages:
       fsevents: registry.npmjs.org/fsevents/2.3.2
     dev: true
 
-  registry.npmjs.org/vite/4.1.1:
-    resolution: {integrity: sha512-LM9WWea8vsxhr782r9ntg+bhSFS06FJgCvvB0+8hf8UWtvaiDagKYWXndjfX6kGl74keHJUcpzrQliDXZlF5yg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.1.1.tgz}
+  registry.npmjs.org/vite/4.1.4:
+    resolution: {integrity: sha512-3knk/HsbSTKEin43zHu7jTwYWv81f8kgAL99G5NWBcA1LKvtvcVAC4JjBH1arBunO9kQka+1oGbrMKOjk4ZrBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.1.4.tgz}
     name: vite
-    version: 4.1.1
+    version: 4.1.4
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -8419,15 +8738,15 @@ packages:
       terser:
         optional: true
     dependencies:
-      esbuild: registry.npmjs.org/esbuild/0.16.16
+      esbuild: registry.npmjs.org/esbuild/0.16.17
       postcss: registry.npmjs.org/postcss/8.4.21
       resolve: registry.npmjs.org/resolve/1.22.1
-      rollup: registry.npmjs.org/rollup/3.15.0
+      rollup: registry.npmjs.org/rollup/3.17.3
     optionalDependencies:
       fsevents: registry.npmjs.org/fsevents/2.3.2
     dev: true
 
-  registry.npmjs.org/vitefu/0.2.4_vite@4.1.1:
+  registry.npmjs.org/vitefu/0.2.4_vite@4.1.4:
     resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz}
     id: registry.npmjs.org/vitefu/0.2.4
     name: vitefu
@@ -8438,7 +8757,7 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: registry.npmjs.org/vite/4.1.1
+      vite: registry.npmjs.org/vite/4.1.4
     dev: true
 
   registry.npmjs.org/wait-on/6.0.0_debug@4.3.2:

From e2961bfa8cb6cf982a5b3b6d8b9eeb6d25724850 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 1 Mar 2023 17:28:59 +0100
Subject: [PATCH 0030/1093] feat(svelte): add event handlers and props, rename
 class names

---
 packages/svelte/src/lib/actions/zoom/index.ts | 28 ++++--
 .../lib/components/BaseEdge/BaseEdge.svelte   |  8 +-
 .../ConnectionLine/ConnectionLine.svelte      | 14 +--
 .../EdgeLabelRenderer.svelte                  |  2 +-
 .../components/EdgeWrapper/EdgeWrapper.svelte | 22 +++--
 .../src/lib/components/Handle/Handle.svelte   | 18 +++-
 .../src/lib/components/Handle/handler.ts      | 16 ++--
 .../svelte/src/lib/components/Handle/utils.ts |  4 +-
 .../NodeSelection/NodeSelection.svelte        |  2 +-
 .../components/NodeWrapper/NodeWrapper.svelte | 30 ++++---
 .../src/lib/components/NodeWrapper/types.ts   |  1 +
 .../lib/components/Selection/Selection.svelte |  8 +-
 .../lib/components/nodes/DefaultNode.svelte   |  5 +-
 .../src/lib/components/nodes/InputNode.svelte | 16 +++-
 .../lib/components/nodes/OutputNode.svelte    | 16 +++-
 .../EdgeRenderer/EdgeRenderer.svelte          |  6 +-
 .../NodeRenderer/NodeRenderer.svelte          | 17 +++-
 .../svelte/src/lib/container/Pane/Pane.svelte | 23 +++--
 .../src/lib/container/Panel/Panel.svelte      | 14 +--
 .../container/SvelteFlow/SvelteFlow.svelte    | 90 +++++++++++++++----
 .../src/lib/container/SvelteFlow/index.ts     |  2 +-
 .../src/lib/container/SvelteFlow/types.ts     | 42 +++++++--
 .../lib/container/Viewport/Viewport.svelte    |  4 +-
 .../svelte/src/lib/container/Zoom/Zoom.svelte | 11 ++-
 packages/svelte/src/lib/index.ts              | 14 +--
 .../lib/plugins/Background/Background.svelte  |  4 +-
 .../lib/plugins/Controls/ControlButton.svelte |  6 +-
 .../src/lib/plugins/Controls/Controls.svelte  | 10 +--
 .../svelte/src/lib/plugins/Controls/index.ts  |  2 +-
 .../svelte/src/lib/plugins/Controls/types.ts  |  8 +-
 .../src/lib/plugins/Minimap/Minimap.svelte    |  6 +-
 .../lib/plugins/Minimap/MinimapNode.svelte    |  2 +-
 packages/svelte/src/lib/store/index.ts        | 55 +++++++++---
 .../svelte/src/lib/store/initial-store.ts     | 32 ++++---
 packages/svelte/src/lib/store/types.ts        |  6 +-
 packages/svelte/src/lib/types/edges.ts        |  3 +
 packages/svelte/src/routes/+page.svelte       | 25 +++++-
 packages/svelte/tsconfig.json                 |  1 +
 38 files changed, 410 insertions(+), 163 deletions(-)

diff --git a/packages/svelte/src/lib/actions/zoom/index.ts b/packages/svelte/src/lib/actions/zoom/index.ts
index d4c492441..ddfcc3cd9 100644
--- a/packages/svelte/src/lib/actions/zoom/index.ts
+++ b/packages/svelte/src/lib/actions/zoom/index.ts
@@ -2,7 +2,8 @@
 import type { Writable } from 'svelte/store';
 import { select } from 'd3-selection';
 import { zoom as d3Zoom, zoomIdentity, type D3ZoomEvent } from 'd3-zoom';
-import type { D3SelectionInstance, D3ZoomInstance, Transform } from '@reactflow/system';
+import type { D3SelectionInstance, D3ZoomInstance, Transform, Viewport } from '@reactflow/system';
+import { clamp } from '@reactflow/utils';
 
 const isWrappedWithClass = (event: any, className: string | undefined) =>
   event.target.closest(`.${className}`);
@@ -14,7 +15,8 @@ function filter(event: any, params: ZoomParams): boolean {
   if (
     event.button === 1 &&
     event.type === 'mousedown' &&
-    (isWrappedWithClass(event, 'react-flow__node') || isWrappedWithClass(event, 'react-flow__edge'))
+    (isWrappedWithClass(event, 'svelte-flow__node') ||
+      isWrappedWithClass(event, 'svelte-flow__edge'))
   ) {
     return true;
   }
@@ -80,15 +82,27 @@ type ZoomParams = {
   transform: Writable<Transform>;
   selecting: boolean;
   d3: Writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>;
+  minZoom: number;
+  maxZoom: number;
+  initialViewport: Viewport;
 };
 
 export default function zoom(domNode: Element, params: ZoomParams) {
-  const { transform, d3 } = params;
-  const d3ZoomInstance = d3Zoom();
+  const { transform, d3, minZoom, maxZoom, initialViewport } = params;
+  const d3ZoomInstance = d3Zoom().scaleExtent([minZoom, maxZoom]);
   const selection = select(domNode).call(d3ZoomInstance);
+
+  const updatedTransform = zoomIdentity
+    .translate(initialViewport.x, initialViewport.y)
+    .scale(clamp(initialViewport.zoom, minZoom, maxZoom));
+
   const d3ZoomHandler = selection.on('wheel.zoom');
 
-  d3ZoomInstance.transform(selection, zoomIdentity);
+  d3ZoomInstance.on('zoom', (event: D3ZoomEvent<HTMLDivElement, any>) => {
+    transform.set([event.transform.x, event.transform.y, event.transform.k]);
+  });
+
+  d3ZoomInstance.transform(selection, updatedTransform);
 
   selection.on('wheel.zoom', function (event: any, d: any) {
     if (isWrappedWithClass(event, 'nowheel')) {
@@ -104,10 +118,6 @@ export default function zoom(domNode: Element, params: ZoomParams) {
     selection
   });
 
-  d3ZoomInstance.on('zoom', (event: D3ZoomEvent<HTMLDivElement, any>) => {
-    transform.set([event.transform.x, event.transform.y, event.transform.k]);
-  });
-
   d3ZoomInstance.filter((event: any) => filter(event, params));
 
   return {
diff --git a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
index e482e6cb1..2bf450d1d 100644
--- a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
@@ -11,7 +11,7 @@
   export let interactionWidth: $$Props['interactionWidth'] = 20;
 </script>
 
-<path d={path} fill="none" class="react-flow__edge-path" />
+<path d={path} fill="none" class="svelte-flow__edge-path" />
 
 {#if interactionWidth}
   <path
@@ -19,14 +19,14 @@
     fill="none"
     stroke-opacity={0}
     stroke-width={interactionWidth}
-    class="react-flow__edge-interaction"
+    class="svelte-flow__edge-interaction"
   />
 {/if}
 
 {#if label}
   <EdgeLabelRenderer>
     <div
-      class="react-flow__edge-label"
+      class="svelte-flow__edge-label"
       style:transform={`translate(-50%, -50%) translate(${labelX}px,${labelY}px)`}
     >
       {label}
@@ -35,7 +35,7 @@
 {/if}
 
 <style>
-  .react-flow__edge-label {
+  .svelte-flow__edge-label {
     position: absolute;
     background: white;
   }
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index b1dda8563..d49d24127 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -7,15 +7,15 @@
 </script>
 
 {#if $connectionPath}
-  <svg width={$width} height={$height} class="react-flow__connectionline">
-    <g class={cc(['react-flow__connection', $connection.status])}>
-      <path d={$connectionPath} fill="none" class="react-flow__connection-path" />
+  <svg width={$width} height={$height} class="svelte-flow__connectionline">
+    <g class={cc(['svelte-flow__connection', $connection.status])}>
+      <path d={$connectionPath} fill="none" class="svelte-flow__connection-path" />
     </g>
   </svg>
 {/if}
 
 <style>
-  .react-flow__connectionline {
+  .svelte-flow__connectionline {
     position: absolute;
     top: 0;
     left: 0;
@@ -26,12 +26,12 @@
     z-index: 1001;
   }
 
-  .react-flow__connection {
+  .svelte-flow__connection {
     pointer-events: none;
   }
 
-  .react-flow__edge-path,
-  .react-flow__connection-path {
+  .svelte-flow__edge-path,
+  .svelte-flow__connection-path {
     stroke: #b1b1b7;
     stroke-width: 1;
     fill: none;
diff --git a/packages/svelte/src/lib/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte b/packages/svelte/src/lib/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte
index b76d8b05e..d681d3885 100644
--- a/packages/svelte/src/lib/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte
+++ b/packages/svelte/src/lib/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte
@@ -4,6 +4,6 @@
   type $$Props = {};
 </script>
 
-<div use:portal={'.react-flow__edgelabel-renderer'}>
+<div use:portal={'.svelte-flow__edgelabel-renderer'}>
   <slot />
 </div>
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index be931cbdf..c4944a026 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { SvelteComponentTyped } from 'svelte';
+  import { createEventDispatcher, type SvelteComponentTyped } from 'svelte';
   import { Position } from '@reactflow/system';
 
   import { useStore } from '$lib/store';
@@ -24,11 +24,23 @@
   export let selected: $$Props['selected'] = false;
   export let label: $$Props['label'] = undefined;
 
-  const { edgeTypes } = useStore();
+  const { edgeTypes, edges } = useStore();
+  const dispatch = createEventDispatcher();
+
   const edgeComponent: typeof SvelteComponentTyped<EdgeProps> = $edgeTypes[type!] || BezierEdge;
+
+  function onClick() {
+    const edge = $edges.find(e => e.id === id);
+    dispatch('edge:click', edge);
+  }
 </script>
 
-<g class="react-flow__edge" class:animated data-id={id}>
+<g
+  class="svelte-flow__edge"
+  class:animated
+  data-id={id}
+  on:click={onClick}
+>
   <svelte:component
     this={edgeComponent}
     {id}
@@ -47,12 +59,12 @@
 </g>
 
 <style>
-  .react-flow__edge {
+  .svelte-flow__edge {
     pointer-events: visibleStroke;
     cursor: pointer;
   }
 
-  .react-flow__edge :global(path) {
+  .svelte-flow__edge :global(path) {
     stroke: #ccc;
     stroke-width: 1;
     fill: none;
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 82a39e046..38502a92e 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { getContext } from 'svelte';
+  import { createEventDispatcher } from 'svelte';
   import cc from 'classcat';
   import { Position, type Connection, type HandleProps } from '@reactflow/system';
   import { isMouseEvent } from '@reactflow/utils';
@@ -18,6 +19,8 @@
   const isTarget = type === 'target';
   const nodeId = getContext<string>('rf_nodeid');
   const handleId = id || null;
+  const dispatch = createEventDispatcher();
+
 
   const {
     connectionMode,
@@ -31,11 +34,16 @@
     updateConnection
   } = useStore();
 
+  function dispatchEvent(eventName: string) {
+    dispatch(eventName, { nodeId, handleId, type });
+  }
+
   function onConnectExtended(params: Connection) {
     addEdge(params);
     // @todo add props
     // onConnectAction?.(edgeParams);
     // onConnect?.(edgeParams);
+    dispatchEvent('connect')
   }
 
   function onPointerDown(event: MouseEvent | TouchEvent) {
@@ -56,7 +64,9 @@
         onConnect: onConnectExtended,
         updateConnection,
         cancelConnection,
-        panBy
+        panBy,
+        onConnectStart: () => dispatchEvent('connect:start'),
+        onConnectEnd: () => dispatchEvent('connect:end')
       });
     }
 
@@ -74,8 +84,8 @@
   data-handlepos={position}
   data-id={`${nodeId}-${id}-${type}`}
   class={cc([
-    'react-flow__handle',
-    `react-flow__handle-${position}`,
+    'svelte-flow__handle',
+    `svelte-flow__handle-${position}`,
     'nodrag',
     'nopan',
     position
@@ -90,7 +100,7 @@
 </div>
 
 <style>
-  .react-flow__handle {
+  .svelte-flow__handle {
     position: absolute;
     pointer-events: none;
     min-width: 5px;
diff --git a/packages/svelte/src/lib/components/Handle/handler.ts b/packages/svelte/src/lib/components/Handle/handler.ts
index 56d71b8fa..972fd3033 100644
--- a/packages/svelte/src/lib/components/Handle/handler.ts
+++ b/packages/svelte/src/lib/components/Handle/handler.ts
@@ -43,7 +43,9 @@ export function handlePointerDown({
   cancelConnection,
   isValidConnection,
   edgeUpdaterType,
-  onEdgeUpdateEnd
+  onEdgeUpdateEnd,
+  onConnectStart,
+  onConnectEnd
 }: {
   event: MouseEvent | TouchEvent;
   handleId: string | null;
@@ -61,8 +63,10 @@ export function handlePointerDown({
   panBy: (delta: XYPosition) => void;
   edgeUpdaterType?: HandleType;
   onEdgeUpdateEnd?: (evt: MouseEvent | TouchEvent) => void;
+  onConnectStart: () => void;
+  onConnectEnd: () => void;
 }): void {
-  // when react-flow is used inside a shadow root we can't use document
+  // when svelte-flow is used inside a shadow root we can't use document
   const doc = getHostForElement(event.target as HTMLElement);
   let autoPanId = 0;
   let prevClosestHandle: ConnectionHandle | null;
@@ -113,7 +117,9 @@ export function handlePointerDown({
   });
 
   // @todo add prop
+
   // onConnectStart?.(event, { nodeId, handleId, handleType });
+  onConnectStart();
 
   function onPointerMove(event: MouseEvent | TouchEvent) {
     const transform = get(transformStore);
@@ -166,7 +172,7 @@ export function handlePointerDown({
     if (connection.source !== connection.target && handleDomNode) {
       resetRecentHandle(prevActiveHandle);
       prevActiveHandle = handleDomNode;
-      // @todo: remove the old class names "react-flow__handle-" in the next major version
+      // @todo: remove the old class names "svelte-flow__handle-" in the next major version
       handleDomNode.classList.add('connecting');
       handleDomNode.classList.toggle('valid', isValid);
     }
@@ -179,8 +185,8 @@ export function handlePointerDown({
 
     // it's important to get a fresh reference from the store here
     // in order to get the latest state of onConnectEnd
-    // @todo add onConnectEnd prop
-    // getState().onConnectEnd?.(event);
+
+    onConnectEnd();
 
     if (edgeUpdaterType) {
       onEdgeUpdateEnd?.(event);
diff --git a/packages/svelte/src/lib/components/Handle/utils.ts b/packages/svelte/src/lib/components/Handle/utils.ts
index 7294f2e5c..673831ad9 100644
--- a/packages/svelte/src/lib/components/Handle/utils.ts
+++ b/packages/svelte/src/lib/components/Handle/utils.ts
@@ -81,11 +81,11 @@ export function isValidHandle(
 ) {
   const isTarget = fromType === 'target';
   const handleDomNode = doc.querySelector(
-    `.react-flow__handle[data-id="${handle?.nodeId}-${handle?.id}-${handle?.type}"]`
+    `.svelte-flow__handle[data-id="${handle?.nodeId}-${handle?.id}-${handle?.type}"]`
   );
   const { x, y } = getEventPosition(event);
   const handleBelow = doc.elementFromPoint(x, y);
-  const handleToCheck = handleBelow?.classList.contains('react-flow__handle')
+  const handleToCheck = handleBelow?.classList.contains('svelte-flow__handle')
     ? handleBelow
     : handleDomNode;
 
diff --git a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index 743aacc93..27c611955 100644
--- a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -11,7 +11,7 @@
   $: rect = getRectOfNodes(selectedNodes, $nodeOrigin);
 </script>
 
-{#if selectedNodes}
+{#if selectedNodes && $selectionRectMode === 'nodes'}
   <div
     class="selection-wrapper nopan"
     style={`width: ${rect.width}px; height: ${rect.height}px; transform: translate(${rect.x}px, ${rect.y}px)`}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index ef1a81ce5..60b831d8a 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { onMount, setContext, SvelteComponentTyped } from 'svelte';
+  import { createEventDispatcher, onMount, setContext, SvelteComponentTyped } from 'svelte';
   import cc from 'classcat';
   import { type XYPosition, Position, errorMessages } from '@reactflow/system';
 
@@ -28,10 +28,9 @@
   let className: string = '';
   export { className as class };
 
-  let nodeRef: HTMLDivElement;
-
   const { nodes, transform, nodeTypes, updateNodePositions, addSelectedNodes } = useStore();
 
+  let nodeRef: HTMLDivElement;
   const nodeTypeValid = !!$nodeTypes[type!];
 
   if (!nodeTypeValid) {
@@ -44,6 +43,7 @@
   const isSelectable = true;
   const selectNodesOnDrag = false;
   const isDraggable = true;
+  const dispatch = createEventDispatcher();
 
   setContext('rf_nodeid', id);
 
@@ -55,30 +55,35 @@
     };
   });
 
+  function dispatchEvent(eventName: string) {
+    const node = $nodes.find(n => n.id === id);
+    dispatch(eventName, node);
+  }
+
   function onSelectNodeHandler(event: MouseEvent) {
     if (isSelectable && (!selectNodesOnDrag || !isDraggable)) {
       // this handler gets called within the drag start event when selectNodesOnDrag=true
       addSelectedNodes([id]);
     }
 
-    // if (onClick) {
-    //   const node = store.getState().nodeInternals.get(id)!;
-    //   onClick(event, { ...node });
-    // }
+    dispatchEvent('node:click')
   }
 </script>
 
 <div
   use:drag={{ nodeId: id, nodes, transform, updateNodePositions }}
-  class={cc(['react-flow__node', `react-flow__node-${type}`, className])}
+  data-id={id}
+  class={cc(['svelte-flow__node', `svelte-flow__node-${type}`, className])}
   class:initializing={!width && !height}
   class:dragging
   class:selected
   bind:this={nodeRef}
-  on:click={onSelectNodeHandler}
   style:transform={`translate(${positionAbsolute.x}px, ${positionAbsolute.y}px)`}
   {style}
-  data-id={id}
+  on:click={onSelectNodeHandler}
+  on:mouseenter={() => dispatchEvent('node:mouseenter')}
+  on:mouseleave={() => dispatchEvent('node:mouseleave')}
+  on:mousemove={() => dispatchEvent('node:mousemove')}
 >
   <svelte:component
     this={nodeComponent}
@@ -90,11 +95,14 @@
     isConnectable={true}
     xPos={positionAbsolute.x}
     yPos={positionAbsolute.y}
+    on:connect:start
+    on:connect
+    on:connect:end
   />
 </div>
 
 <style>
-  .react-flow__node {
+  .svelte-flow__node {
     border-radius: 3px;
     color: #222;
     text-align: center;
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index 67b010ffe..eb60da0c9 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -1,5 +1,6 @@
 import type { Node } from '$lib/types';
 
 export type NodeWrapperProps = Node & {
+  'on:nodeclick'?: (event: MouseEvent) => void;
   resizeObserver?: ResizeObserver | null;
 };
diff --git a/packages/svelte/src/lib/components/Selection/Selection.svelte b/packages/svelte/src/lib/components/Selection/Selection.svelte
index d4e41d042..3ec48a361 100644
--- a/packages/svelte/src/lib/components/Selection/Selection.svelte
+++ b/packages/svelte/src/lib/components/Selection/Selection.svelte
@@ -8,13 +8,13 @@
 
 {#if isVisible}
   <div
-    class="react-flow__selection"
+    class="svelte-flow__selection"
     style={`width: ${width}px; height: ${height}px; transform: translate(${x}px, ${y}px)`}
   />
 {/if}
 
 <style>
-  .react-flow__selection {
+  .svelte-flow__selection {
     position: absolute;
     top: 0;
     left: 0;
@@ -23,8 +23,8 @@
     z-index: 6;
   }
 
-  .react-flow__selection:focus,
-  .react-flow__selection:focus-visible {
+  .svelte-flow__selection:focus,
+  .svelte-flow__selection:focus-visible {
     outline: none;
   }
 </style>
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index 998733474..b5b10297f 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -16,6 +16,7 @@
   export let selected: $$Props['selected'] = false;
 </script>
 
-<Handle type="target" position={targetPosition} />
+<Handle type="target" position={targetPosition} on:connect:start on:connect on:connect:end />
 {data?.label}
-<Handle type="source" position={sourcePosition} />
+<Handle type="source" position={sourcePosition} on:connect:start on:connect on:connect:end />
+
diff --git a/packages/svelte/src/lib/components/nodes/InputNode.svelte b/packages/svelte/src/lib/components/nodes/InputNode.svelte
index 5afc07f22..fd8f09b4a 100644
--- a/packages/svelte/src/lib/components/nodes/InputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/InputNode.svelte
@@ -1,12 +1,20 @@
 <script lang="ts">
   import { Position } from '@reactflow/system';
 
+  import type { NodeProps } from '$lib/types';
   import { Handle } from '$lib/components/Handle';
 
-  export let data: { label: string } = { label: 'Node' };
-  export let isConnectable: boolean = true;
-  export let sourcePosition: Position = Position.Bottom;
+  interface $$Props extends NodeProps<{ label: string }> {}
+
+  export let id: $$Props['id'];
+  export let data: $$Props['data'] = { label: 'Node' };
+  export let isConnectable: $$Props['isConnectable'] = true;
+  export let targetPosition: $$Props['targetPosition'] = Position.Top;
+  export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
+  export let xPos: $$Props['xPos'];
+  export let yPos: $$Props['yPos'];
+  export let selected: $$Props['selected'] = false;
 </script>
 
 {data?.label}
-<Handle type="source" position={sourcePosition} />
+<Handle type="source" position={sourcePosition} on:connect:start on:connect on:connect:end />
diff --git a/packages/svelte/src/lib/components/nodes/OutputNode.svelte b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
index 87d59bf57..73a42f981 100644
--- a/packages/svelte/src/lib/components/nodes/OutputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
@@ -1,12 +1,20 @@
 <script lang="ts">
   import { Position } from '@reactflow/system';
 
+  import type { NodeProps } from '$lib/types';
   import { Handle } from '$lib/components/Handle';
 
-  export let data: { label: string } = { label: 'Node' };
-  export let isConnectable: boolean = true;
-  export let targetPosition: Position = Position.Top;
+  interface $$Props extends NodeProps<{ label: string }> {}
+
+  export let id: $$Props['id'];
+  export let data: $$Props['data'] = { label: 'Node' };
+  export let isConnectable: $$Props['isConnectable'] = true;
+  export let targetPosition: $$Props['targetPosition'] = Position.Top;
+  export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
+  export let xPos: $$Props['xPos'];
+  export let yPos: $$Props['yPos'];
+  export let selected: $$Props['selected'] = false;
 </script>
 
 {data?.label}
-<Handle type="target" position={targetPosition} />
+<Handle type="target" position={targetPosition} on:connect:start on:connect on:connect:end />
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index cf26c9204..a60efbb8b 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -5,14 +5,14 @@
   const { edgesLayouted, width, height } = useStore();
 </script>
 
-<svg width={$width} height={$height} class="react-flow__edges">
+<svg width={$width} height={$height} class="svelte-flow__edges">
   {#each $edgesLayouted as edge (edge.id)}
-    <EdgeWrapper {...edge} />
+    <EdgeWrapper {...edge} on:edge:click />
   {/each}
 </svg>
 
 <style>
-  .react-flow__edges {
+  .svelte-flow__edges {
     width: 100%;
     height: 100%;
     position: absolute;
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index ffee1f61a..eb13512eb 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -21,16 +21,27 @@
   onDestroy(() => {
     resizeObserver?.disconnect();
   });
+
 </script>
 
-<div class="react-flow__nodes">
+<div class="svelte-flow__nodes">
   {#each $nodes as node (node.id)}
-    <NodeWrapper {...node} {resizeObserver} />
+    <NodeWrapper
+      {...node}
+      {resizeObserver}
+      on:node:click
+      on:node:mouseenter
+      on:node:mousemove
+      on:node:mouseleave
+      on:connect:start
+      on:connect
+      on:connect:end
+    />
   {/each}
 </div>
 
 <style>
-  .react-flow__nodes {
+  .svelte-flow__nodes {
     width: 100%;
     height: 100%;
     pointer-events: none;
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 82808ca9c..138aadfab 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -29,13 +29,15 @@
 </script>
 
 <script lang="ts">
-  import { useStore } from '$lib/store';
+  import { createEventDispatcher } from 'svelte';
   import { SelectionMode } from '@reactflow/system';
   import { getEventPosition, getNodesInside } from '@reactflow/utils';
-
+  
+  import { useStore } from '$lib/store';
   import { getConnectedEdges } from '$lib/utils';
   import type { Node, Edge } from '$lib/types';
 
+  const dispatch = createEventDispatcher();
   const {
     nodes,
     edges,
@@ -60,7 +62,7 @@
   $: hasActiveSelection = elementsSelectable && (isSelecting || $selectionRectMode === 'user');
 
   function onClick(event: MouseEvent) {
-    // onPaneClick?.(event);
+    dispatch('pane:click');
 
     resetSelectedElements();
     selectionRectMode.set(null);
@@ -155,11 +157,21 @@
 
     selectionRect.set(null);
   };
+
+  const onContextMenu = (event: MouseEvent) => {
+    // if (Array.isArray(panOnDrag) && panOnDrag?.includes(2)) {
+    //   event.preventDefault();
+    //   return;
+    // }
+
+    dispatch('pane:contextmenu');
+  };
+
 </script>
 
 <div
   bind:this={container}
-  class="react-flow__pane"
+  class="svelte-flow__pane"
   class:dragging={$dragging}
   class:selection={isSelecting}
   on:click={hasActiveSelection ? undefined : wrapHandler(onClick, container)}
@@ -167,12 +179,13 @@
   on:mousemove={hasActiveSelection ? onMouseMove : undefined}
   on:mouseup={hasActiveSelection ? onMouseUp : undefined}
   on:mouseleave={hasActiveSelection ? onMouseLeave : undefined}
+  on:contextmenu={wrapHandler(onContextMenu, container)}
 >
   <slot />
 </div>
 
 <style>
-  .react-flow__pane {
+  .svelte-flow__pane {
     cursor: grab;
     position: absolute;
     top: 0;
diff --git a/packages/svelte/src/lib/container/Panel/Panel.svelte b/packages/svelte/src/lib/container/Panel/Panel.svelte
index 7ac1db622..23d3f79e6 100644
--- a/packages/svelte/src/lib/container/Panel/Panel.svelte
+++ b/packages/svelte/src/lib/container/Panel/Panel.svelte
@@ -12,34 +12,34 @@
   $: positionClasses = `${position}`.split('-');
 </script>
 
-<div class={cc(['react-flow__panel', className, ...positionClasses])} {style}>
+<div class={cc(['svelte-flow__panel', className, ...positionClasses])} {style}>
   <slot />
 </div>
 
 <style>
-  .react-flow__panel {
+  .svelte-flow__panel {
     position: absolute;
     z-index: 5;
     margin: 15px;
   }
 
-  .react-flow__panel.top {
+  .svelte-flow__panel.top {
     top: 0;
   }
 
-  .react-flow__panel.bottom {
+  .svelte-flow__panel.bottom {
     bottom: 0;
   }
 
-  .react-flow__panel.left {
+  .svelte-flow__panel.left {
     left: 0;
   }
 
-  .react-flow__panel.right {
+  .svelte-flow__panel.right {
     right: 0;
   }
 
-  .react-flow__panel.center {
+  .svelte-flow__panel.center {
     left: 50%;
     transform: translateX(-50%);
   }
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 7b6895366..2a07ad324 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
-  import { setContext, onMount } from 'svelte';
-  import { ConnectionLineType } from '@reactflow/system';
+  import { setContext, onMount, createEventDispatcher } from 'svelte';
   import cc from 'classcat';
 
   import { key, createStore } from '$lib/store';
@@ -13,21 +12,27 @@
   import { NodeSelection } from '$lib/components/NodeSelection';
   import { KeyHandler } from '$lib/components/KeyHandler';
   import { ConnectionLine } from '$lib/components/ConnectionLine';
-  import type { SvelteFlowProps } from './types';
+  import type { SvelteFlowProps, SvelteFlowEvents } from './types';
 
   type $$Props = SvelteFlowProps;
+  type $$Events = SvelteFlowEvents;
 
   export let id: $$Props['id'] = '1';
   export let nodes: $$Props['nodes'] = [];
   export let edges: $$Props['edges'] = [];
   export let fitView: $$Props['fitView'] = undefined;
+  export let minZoom: $$Props['minZoom'] = undefined;
+  export let maxZoom: $$Props['maxZoom'] = undefined;
+  export let initialViewport: $$Props['initialViewport'] = undefined;
   export let nodeTypes: $$Props['nodeTypes'] = undefined;
+  export let edgeTypes: $$Props['edgeTypes'] = undefined;
   export let selectionKey: $$Props['selectionKey'] = undefined;
   export let deleteKey: $$Props['deleteKey'] = undefined;
-  export let connectionLineType: $$Props['connectionLineType'] = ConnectionLineType.Bezier;
-
+  export let connectionLineType: $$Props['connectionLineType'] = undefined
   let className: $$Props['class'] = undefined;
   export { className as class };
+  const dispatch = createEventDispatcher<{ 'on:nodeclick': number }>();
+
 
   let domNode: HTMLDivElement;
 
@@ -51,8 +56,33 @@
     store.nodes.subscribe((ns) => {
       nodes = ns;
     });
+
+    store.edges.subscribe((es) => {
+      edges = es;
+    });
   });
 
+  $: {
+    const updatableProps = {
+      id,
+      connectionLineType,
+    };
+
+    Object.keys(updatableProps).forEach(prop => {
+      // @ts-ignore
+      if (updatableProps[prop] !== undefined) {
+        // @ts-ignore
+        if (!store[prop]) {
+          // @ts-ignore
+          console.warn(store[prop], prop, 'ups')
+        } else {
+        // @ts-ignore
+        store[prop].set(updatableProps[prop]);
+        }
+      }
+    })
+  }
+
   $: {
     store.setNodes(nodes);
   }
@@ -60,23 +90,47 @@
   $: {
     store.setEdges(edges);
   }
+
+  $: {
+    if (nodeTypes !== undefined) {
+      store.setNodeTypes(nodeTypes);
+    }
+
+    if (edgeTypes !== undefined) {
+      store.setEdgeTypes(edgeTypes);
+    }
+
+    if (minZoom !== undefined) {
+      store.setMinZoom(minZoom);
+    }
+
+    if (maxZoom !== undefined) {
+      store.setMaxZoom(maxZoom);
+    }
+  }
 </script>
 
 <div
-  {...$$restProps}
-  class={cc(['react-flow', className])}
+  class={cc(['svelte-flow', className])}
   data-testid="rf__wrapper"
-  {id}
   bind:this={domNode}
 >
   <KeyHandler {selectionKey} {deleteKey} />
-  <Zoom>
-    <Pane>
+  <Zoom {initialViewport}>
+    <Pane on:pane:click>
       <Viewport>
-        <EdgeRenderer />
+        <EdgeRenderer on:edge:click />
         <ConnectionLine />
-        <div class="react-flow__edgelabel-renderer" />
-        <NodeRenderer />
+        <div class="svelte-flow__edgelabel-renderer" />
+        <NodeRenderer
+          on:node:click
+          on:node:mouseenter
+          on:node:mousemove
+          on:node:mouseleave
+          on:connect:start
+          on:connect
+          on:connect:end
+        />
         <NodeSelection />
       </Viewport>
       <UserSelection />
@@ -86,7 +140,7 @@
 </div>
 
 <style>
-  .react-flow {
+  .svelte-flow {
     width: 100%;
     height: 100%;
     overflow: hidden;
@@ -94,13 +148,13 @@
     z-index: 0;
   }
 
-  .react-flow :global(.react-flow__node-default),
-  .react-flow :global(.react-flow__node-input),
-  .react-flow :global(.react-flow__node-output) {
+  .svelte-flow :global(.svelte-flow__node-default),
+  .svelte-flow :global(.svelte-flow__node-input),
+  .svelte-flow :global(.svelte-flow__node-output) {
     padding: 10px;
   }
 
-  .react-flow__edgelabel-renderer {
+  .svelte-flow__edgelabel-renderer {
     position: absolute;
     width: 100%;
     height: 100%;
diff --git a/packages/svelte/src/lib/container/SvelteFlow/index.ts b/packages/svelte/src/lib/container/SvelteFlow/index.ts
index 7fd351076..eaec432bf 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/index.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/index.ts
@@ -1,2 +1,2 @@
 export { default as SvelteFlow } from './SvelteFlow.svelte';
-export type { SvelteFlowProps } from './types';
+export * from './types';
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index a1f219ea2..4cefa634b 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -1,17 +1,49 @@
-import type { ConnectionLineType } from '@reactflow/system';
+import type { ConnectionLineType, NodeOrigin, Viewport } from '@reactflow/system';
 
-import type { Edge, Node, NodeTypes, KeyDefinition } from '$lib/types';
+import type {
+  Edge,
+  Node,
+  NodeTypes,
+  KeyDefinition,
+  EdgeTypes,
+  DefaultEdgeOptions
+} from '$lib/types';
 
 export type SvelteFlowProps = {
   nodes: Node[];
   edges: Edge[];
 
-  connectionLineType?: ConnectionLineType;
+  id?: string;
+  nodeTypes?: NodeTypes;
+  edgeTypes?: EdgeTypes;
   selectionKey?: KeyDefinition;
   deleteKey?: KeyDefinition;
-  nodeTypes?: NodeTypes;
   fitView?: boolean;
+  nodeOrigin?: NodeOrigin;
+  minZoom?: number;
+  maxZoom?: number;
+  initialViewport?: Viewport;
+  defaultEdgeOptions?: DefaultEdgeOptions;
+
   class?: string;
   style?: string;
-  id?: string;
+
+  connectionLineType?: ConnectionLineType;
+};
+
+export type SvelteFlowEvents = {
+  'node:click': CustomEvent<Node>;
+  'node:mouseenter': CustomEvent<Node>;
+  'node:mousemove': CustomEvent<Node>;
+  'node:mouseleave': CustomEvent<Node>;
+  'edge:click': CustomEvent<Edge>;
+  'connect:start': CustomEvent<number>;
+  connect: CustomEvent<number>;
+  'connect:end': CustomEvent<number>;
+  'pane:click': CustomEvent;
+  'pane:contextmenu': CustomEvent;
+};
+
+export type SvelteFlowSlots = {
+  default: { slotValue: string };
 };
diff --git a/packages/svelte/src/lib/container/Viewport/Viewport.svelte b/packages/svelte/src/lib/container/Viewport/Viewport.svelte
index fc6b43ecc..efdc15e63 100644
--- a/packages/svelte/src/lib/container/Viewport/Viewport.svelte
+++ b/packages/svelte/src/lib/container/Viewport/Viewport.svelte
@@ -5,14 +5,14 @@
 </script>
 
 <div
-  class="react-flow__viewport"
+  class="svelte-flow__viewport"
   style="transform: translate({$transform[0]}px, {$transform[1]}px) scale({$transform[2]})"
 >
   <slot />
 </div>
 
 <style>
-  .react-flow__viewport {
+  .svelte-flow__viewport {
     width: 100%;
     height: 100%;
     position: absolute;
diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index 4097d51f2..26fa014b3 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -1,18 +1,23 @@
 <script lang="ts">
+  import { get } from 'svelte/store';
+  import type { Viewport } from '@reactflow/system';
+  
   import { useStore } from '$lib/store';
   import zoom from '$lib/actions/zoom';
 
-  const { transform, d3, selectionKeyPressed, selectionRectMode } = useStore();
+  export let initialViewport: Viewport = { x: 0, y: 0, zoom: 1 };
+
+  const { transform, d3, selectionKeyPressed, selectionRectMode, minZoom, maxZoom } = useStore();
 
   $: selecting = $selectionKeyPressed || $selectionRectMode === 'user';
 </script>
 
-<div class="react-flow__zoom" use:zoom={{ transform, d3, selecting }}>
+<div class="svelte-flow__zoom" use:zoom={{ transform, d3, selecting, minZoom: get(minZoom), maxZoom: get(maxZoom), initialViewport }}>
   <slot />
 </div>
 
 <style>
-  .react-flow__zoom {
+  .svelte-flow__zoom {
     width: 100%;
     height: 100%;
     position: absolute;
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index c7e71d32d..7cbf7b236 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -1,11 +1,13 @@
-import { SvelteFlow, type SvelteFlowProps } from '$lib/container/SvelteFlow';
-export { Controls, ControlButton } from '$lib/plugins/Controls';
-export { Background, BackgroundVariant } from '$lib/plugins/Background';
-export { Minimap } from '$lib/plugins/Minimap';
-export { Panel, type PanelProps } from '$lib/container/Panel';
+import { SvelteFlow } from '$lib/container/SvelteFlow';
+
+export * from '$lib/container/SvelteFlow';
+export * from '$lib/container/Panel';
+
+export * from '$lib/plugins/Controls';
+export * from '$lib/plugins/Background';
+export * from '$lib/plugins/Minimap';
 
 export * from '$lib/types';
 export * from '$lib/utils';
 
-export type { SvelteFlowProps };
 export default SvelteFlow;
diff --git a/packages/svelte/src/lib/plugins/Background/Background.svelte b/packages/svelte/src/lib/plugins/Background/Background.svelte
index a5f400419..c8e74f720 100644
--- a/packages/svelte/src/lib/plugins/Background/Background.svelte
+++ b/packages/svelte/src/lib/plugins/Background/Background.svelte
@@ -47,7 +47,7 @@
     : [patternDimensions[0] / 2, patternDimensions[1] / 2];
 </script>
 
-<svg class={cc(['react-flow__background', className])} style={style}>
+<svg class={cc(['svelte-flow__background', className])} style={style}>
   <pattern
     id={patternId}
     x={$transform[0] % scaledGap[0]}
@@ -67,7 +67,7 @@
 </svg>
 
 <style>
-  .react-flow__background {
+  .svelte-flow__background {
     position: absolute;
     width: 100%;
     height: 100%;
diff --git a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
index 27e4cc317..b761a1f8f 100644
--- a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
@@ -9,14 +9,14 @@
 <button
   type="button"
   on:click
-  class={cc(['react-flow__controls-button', className])}
+  class={cc(['svelte-flow__controls-button', className])}
   {...$$restProps}
 >
   <slot class="button-svg" />
 </button>
 
 <style>
-  .react-flow__controls-button {
+  .svelte-flow__controls-button {
     border: none;
     background: #fefefe;
     border-bottom: 1px solid #eee;
@@ -31,7 +31,7 @@
     padding: 5px;
   }
 
-  .react-flow__controls-button :global(svg) {
+  .svelte-flow__controls-button :global(svg) {
     width: 100%;
     max-width: 12px;
     max-height: 12px;
diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index e1a3f3e4a..88284f0c1 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -43,11 +43,11 @@
   };
 </script>
 
-<Panel class="react-flow__controls" {position}>
+<Panel class="svelte-flow__controls" {position}>
   {#if showZoom}
     <ControlButton
       on:click={onZoomInHandler}
-      class="react-flow__controls-zoomin"
+      class="svelte-flow__controls-zoomin"
       title="zoom in"
       aria-label="zoom in"
     >
@@ -56,7 +56,7 @@
     <svelte:component
       this={ControlButton}
       on:click={onZoomOutHandler}
-      class="react-flow__controls-zoomout"
+      class="svelte-flow__controls-zoomout"
       title="zoom out"
       aria-label="zoom out"
     >
@@ -66,7 +66,7 @@
   {#if showFitView}
     <svelte:component
       this={ControlButton}
-      class="react-flow__controls-fitview"
+      class="svelte-flow__controls-fitview"
       on:click={onFitViewHandler}
       title="fit view"
       aria-label="fit view"
@@ -77,7 +77,7 @@
   {#if showInteractive}
     <svelte:component
       this={ControlButton}
-      class="react-flow__controls-interactive"
+      class="svelte-flow__controls-interactive"
       on:click={onToggleInteractivity}
       title="toggle interactivity"
       aria-label="toggle interactivity"
diff --git a/packages/svelte/src/lib/plugins/Controls/index.ts b/packages/svelte/src/lib/plugins/Controls/index.ts
index 681f52556..16c23754e 100644
--- a/packages/svelte/src/lib/plugins/Controls/index.ts
+++ b/packages/svelte/src/lib/plugins/Controls/index.ts
@@ -1,3 +1,3 @@
 export { default as Controls } from './Controls.svelte';
 export { default as ControlButton } from './ControlButton.svelte';
-export { type ControlsProps } from './types';
+export * from './types';
diff --git a/packages/svelte/src/lib/plugins/Controls/types.ts b/packages/svelte/src/lib/plugins/Controls/types.ts
index 2c52f4327..cc07a8186 100644
--- a/packages/svelte/src/lib/plugins/Controls/types.ts
+++ b/packages/svelte/src/lib/plugins/Controls/types.ts
@@ -1,8 +1,8 @@
 import type { PanelPosition } from '@reactflow/system';
 
 export type ControlsProps = {
-  position: PanelPosition;
-  showZoom: boolean;
-  showFitView: boolean;
-  showInteractive: boolean;
+  position?: PanelPosition;
+  showZoom?: boolean;
+  showFitView?: boolean;
+  showInteractive?: boolean;
 };
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index a42591744..9c96f68c5 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -43,7 +43,7 @@
   const nodeClassNameFunc = getAttrFunction(nodeClassName);
   const shapeRendering =
     typeof window === 'undefined' || !!window.chrome ? 'crispEdges' : 'geometricPrecision';
-  const labelledBy = `react-flow__minimap-desc-${$id}`;
+  const labelledBy = `svelte-flow__minimap-desc-${$id}`;
 
   $: viewBB = {
     x: -$transform[0] / $transform[2],
@@ -69,7 +69,7 @@
 
 <Panel
   {position}
-  class={cc(['react-flow__minimap', className])}
+  class={cc(['svelte-flow__minimap', className])}
   style={`background-color: ${bgColor}; ${style}`}
 >
   <svg
@@ -100,7 +100,7 @@
       {/if}
     {/each}
     <path
-      class="react-flow__minimap-mask"
+      class="svelte-flow__minimap-mask"
       d={`M${x - offset},${y - offset}h${viewboxWidth + offset * 2}v${viewboxHeight + offset * 2}h${
         -viewboxWidth - offset * 2
       }z
diff --git a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
index 2c1954b1c..42909cf7a 100644
--- a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
@@ -19,7 +19,7 @@
 </script>
 
 <rect
-  class={cc(['react-flow__minimap-node', className])}
+  class={cc(['svelte-flow__minimap-node', className])}
   {x}
   {y}
   rx={borderRadius}
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 0036cd2f3..90cfba3b1 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -18,7 +18,12 @@ import { getHandleBounds, getConnectedEdges, addEdge as addEdgeUtil } from '$lib
 import type { EdgeTypes, NodeTypes, Node, Edge, ConnectionData } from '$lib/types';
 import { getEdgesLayouted } from './edges-layouted';
 import { getConnectionPath } from './connection-path';
-import { initConnectionData, initialStoreState } from './initial-store';
+import {
+  initConnectionData,
+  initialEdgeTypes,
+  initialNodeTypes,
+  initialStoreState
+} from './initial-store';
 import type { SvelteFlowStore } from './types';
 
 export const key = Symbol();
@@ -32,20 +37,27 @@ type CreateStoreProps = {
   id?: string;
 };
 
-export function createStore({
-  transform = [0, 0, 1],
-  nodeOrigin = [0, 0],
-  fitView: fitViewOnInit = false,
-  nodeTypes = {},
-  edgeTypes = {},
-  id = '1'
-}: CreateStoreProps): SvelteFlowStore {
+export function createStore({ fitView: fitViewOnInit = false }: CreateStoreProps): SvelteFlowStore {
   const store = {
     ...initialStoreState
   };
 
   let fitViewOnInitDone = false;
 
+  function setNodeTypes(nodeTypes: NodeTypes) {
+    store.nodeTypes.set({
+      ...initialNodeTypes,
+      ...nodeTypes
+    });
+  }
+
+  function setEdgeTypes(edgeTypes: EdgeTypes) {
+    store.edgeTypes.set({
+      ...initialEdgeTypes,
+      ...edgeTypes
+    });
+  }
+
   function setEdges(edges: Edge[]) {
     store.edges.set(edges);
   }
@@ -91,7 +103,7 @@ export function createStore({
   }
 
   function updateNodeDimensions(updates: NodeDimensionUpdate[]) {
-    const viewportNode = document?.querySelector('.react-flow__viewport');
+    const viewportNode = document?.querySelector('.svelte-flow__viewport');
 
     if (!viewportNode) {
       return;
@@ -153,6 +165,25 @@ export function createStore({
     }
   }
 
+  function setMinZoom(minZoom: number) {
+    const d3Zoom = get(store.d3).zoom;
+
+    if (d3Zoom) {
+      d3Zoom?.scaleExtent([minZoom, get(store.maxZoom)]);
+
+      store.minZoom.set(minZoom);
+    }
+  }
+
+  function setMaxZoom(maxZoom: number) {
+    const d3Zoom = get(store.d3).zoom;
+    if (d3Zoom) {
+      d3Zoom?.scaleExtent([get(store.minZoom), maxZoom]);
+
+      store.maxZoom.set(maxZoom);
+    }
+  }
+
   function fitView() {
     const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
 
@@ -309,12 +340,16 @@ export function createStore({
     // actions
     setNodes,
     setEdges,
+    setNodeTypes,
+    setEdgeTypes,
     addEdge,
     updateNodePositions,
     updateNodeDimensions,
     zoomIn,
     zoomOut,
     fitView,
+    setMinZoom,
+    setMaxZoom,
     resetSelectedElements,
     addSelectedNodes,
     panBy,
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index bcc91bc91..6258c0c1a 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -13,10 +13,10 @@ import {
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
 import InputNode from '$lib/components/nodes/InputNode.svelte';
 import OutputNode from '$lib/components/nodes/OutputNode.svelte';
-import type { Node, Edge, ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted } from '$lib/types';
 import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
+import type { Node, Edge, ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted } from '$lib/types';
 
 export const initConnectionData = {
   nodeId: null,
@@ -26,18 +26,32 @@ export const initConnectionData = {
   status: null
 };
 
+export const initialNodeTypes = {
+  input: InputNode,
+  output: OutputNode,
+  default: DefaultNode
+};
+
+export const initialEdgeTypes = {
+  straight: StraightEdge,
+  smoothstep: SmoothStepEdge,
+  default: BezierEdge
+};
+
 export const initialStoreState = {
+  id: writable<string | null>(null),
   nodes: writable<Node[]>([]),
   edges: writable<Edge[]>([]),
   edgesLayouted: readable<EdgeLayouted[]>([]),
   height: writable<number>(500),
   width: writable<number>(500),
-  nodeOrigin: writable<NodeOrigin>([0.5, 0.5]),
+  minZoom: writable<number>(0.5),
+  maxZoom: writable<number>(2),
+  nodeOrigin: writable<NodeOrigin>([0, 0]),
   d3: writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>({
     zoom: null,
     selection: null
   }),
-  id: writable<string | null>(null),
   dragging: writable<boolean>(false),
   selectionRect: writable<SelectionRect | null>(null),
   selectionKeyPressed: writable<boolean>(false),
@@ -45,16 +59,8 @@ export const initialStoreState = {
   deleteKeyPressed: writable<boolean>(false),
   selectionRectMode: writable<string | null>(null),
   selectionMode: writable<SelectionMode>(SelectionMode.Partial),
-  nodeTypes: writable<NodeTypes>({
-    input: InputNode,
-    output: OutputNode,
-    default: DefaultNode
-  }),
-  edgeTypes: writable<EdgeTypes>({
-    straight: StraightEdge,
-    smoothstep: SmoothStepEdge,
-    default: BezierEdge
-  }),
+  nodeTypes: writable<NodeTypes>(initialNodeTypes),
+  edgeTypes: writable<EdgeTypes>(initialEdgeTypes),
   transform: writable<Transform>([0, 0, 1]),
   connectionMode: writable<ConnectionMode>(ConnectionMode.Strict),
   domNode: writable<HTMLDivElement | null>(null),
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index 172262673..b35c0b5ca 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -7,14 +7,18 @@ import type {
 } from '@reactflow/system';
 
 import type { initialStoreState } from './initial-store';
-import type { Node, Edge, ConnectionData } from '$lib/types';
+import type { Node, Edge, ConnectionData, NodeTypes, EdgeTypes } from '$lib/types';
 
 export type SvelteFlowStoreActions = {
   setNodes: (nodes: Node[]) => void;
   setEdges: (edges: Edge[]) => void;
+  setNodeTypes: (nodeTypes: NodeTypes) => void;
+  setEdgeTypes: (edgeTypes: EdgeTypes) => void;
   addEdge: (edge: Edge | Connection) => void;
   zoomIn: (options?: ViewportHelperFunctionOptions) => void;
   zoomOut: (options?: ViewportHelperFunctionOptions) => void;
+  setMinZoom: (minZoom: number) => void;
+  setMaxZoom: (maxZoom: number) => void;
   fitView: (options?: ViewportHelperFunctionOptions) => boolean;
   updateNodePositions: (
     nodeDragItems: NodeDragItem[],
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 496c49afc..a6b961e49 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -3,6 +3,7 @@ import type { SvelteComponentTyped } from 'svelte';
 import type {
   BaseEdge,
   BezierPathOptions,
+  DefaultEdgeOptionsBase,
   Position,
   SmoothStepPathOptions
 } from '@reactflow/system';
@@ -58,3 +59,5 @@ export type EdgeProps = Pick<
 >;
 
 export type EdgeTypes = Record<string, typeof SvelteComponentTyped<EdgeProps>>;
+
+export type DefaultEdgeOptions = DefaultEdgeOptionsBase<Edge>;
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index df9e6fb4b..2b3a95c13 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import type { Node, Edge, NodeTypes } from '../lib/types';
   import SvelteFlow, {
     Controls,
     Background,
     BackgroundVariant,
     Minimap,
-    Panel
+    Panel,
+    type Node, type Edge, type NodeTypes
   } from '../lib/index';
   import CustomNode from '../customnodes/Custom.svelte';
 
@@ -120,7 +120,24 @@
   // }
 </script>
 
-<SvelteFlow bind:nodes bind:edges {nodeTypes} fitView>
+<SvelteFlow
+  bind:nodes
+  bind:edges
+  {nodeTypes}
+  fitView
+  minZoom={0.1}
+  maxZoom={2.5}
+  initialViewport={{ x: 100, y: 100, zoom: 2 }}
+  on:node:click={(event) => console.log('on node click', event)}
+  on:node:mouseenter={(event) => console.log('on node enter', event)} 
+  on:node:mouseleave={(event) => console.log('on node leave', event)}
+  on:edge:click={(event) => console.log('edge click', event)}
+  on:connect:start={(event) => console.log('on connect start', event)}
+  on:connect={(event) => console.log('on connect', event)}
+  on:connect:end={(event) => console.log('on connect end', event)}
+  on:pane:click={(event) => console.log('on pane click', event)}
+  on:pane:contextmenu={(event) => { console.log('on pane contextmenu', event); }}
+>
   <Controls />
   <Background variant={BackgroundVariant.Dots} />
   <Minimap />
@@ -134,7 +151,7 @@
     --node-width: 50;
   }
 
-  :global(.react-flow .custom-style) {
+  :global(.svelte-flow .custom-style) {
     background: #ff5050;
     color: white;
   }
diff --git a/packages/svelte/tsconfig.json b/packages/svelte/tsconfig.json
index 794b95b64..8fbe9e822 100644
--- a/packages/svelte/tsconfig.json
+++ b/packages/svelte/tsconfig.json
@@ -10,6 +10,7 @@
     "sourceMap": true,
     "strict": true
   }
+
   // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
   //
   // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes

From 3b83e029e6d3e47dbb55184bf1a8da2912f43b92 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 2 Mar 2023 13:19:21 +0100
Subject: [PATCH 0031/1093] refactor(utils): add getElementsToRemove and use in
 react and svelte packages

---
 packages/core/src/hooks/useReactFlow.ts       | 51 ++++++----------
 .../src/lib/components/Handle/Handle.svelte   |  3 -
 .../svelte/src/lib/container/Pane/Pane.svelte |  4 +-
 .../container/SvelteFlow/SvelteFlow.svelte    | 17 +++---
 .../src/lib/container/SvelteFlow/types.ts     | 15 +++--
 packages/svelte/src/lib/store/index.ts        | 59 ++++++++-----------
 .../svelte/src/lib/store/initial-store.ts     | 11 +++-
 packages/svelte/src/routes/+page.svelte       |  3 +-
 packages/utils/src/utils.ts                   | 43 +++++++++++++-
 9 files changed, 117 insertions(+), 89 deletions(-)

diff --git a/packages/core/src/hooks/useReactFlow.ts b/packages/core/src/hooks/useReactFlow.ts
index 500fa15b6..6f8a72f9f 100644
--- a/packages/core/src/hooks/useReactFlow.ts
+++ b/packages/core/src/hooks/useReactFlow.ts
@@ -1,10 +1,9 @@
 import { useCallback, useMemo } from 'react';
-import { getOverlappingArea, isRectObject, nodeToRect } from '@reactflow/utils';
+import { getElementsToRemove, getOverlappingArea, isRectObject, nodeToRect } from '@reactflow/utils';
 import type { Rect } from '@reactflow/system';
 
 import useViewportHelper from './useViewportHelper';
 import { useStoreApi } from '../hooks/useStore';
-import { getConnectedEdges } from '../utils';
 import type {
   ReactFlowInstance,
   Instance,
@@ -16,6 +15,7 @@ import type {
   EdgeRemoveChange,
   NodeChange,
   Node,
+  Edge,
 } from '../types';
 
 /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
@@ -127,38 +127,23 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
       onNodesChange,
       onEdgesChange,
     } = store.getState();
-    const nodeIds = (nodesDeleted || []).map((node) => node.id);
-    const edgeIds = (edgesDeleted || []).map((edge) => edge.id);
-    const nodesToRemove = getNodes().reduce<Node[]>((res, node) => {
-      const parentHit = !nodeIds.includes(node.id) && node.parentNode && res.find((n) => n.id === node.parentNode);
-      const deletable = typeof node.deletable === 'boolean' ? node.deletable : true;
-      if (deletable && (nodeIds.includes(node.id) || parentHit)) {
-        res.push(node);
-      }
-
-      return res;
-    }, []);
-    const deletableEdges = edges.filter((e) => (typeof e.deletable === 'boolean' ? e.deletable : true));
-    const initialHitEdges = deletableEdges.filter((e) => edgeIds.includes(e.id));
-    if (nodesToRemove || initialHitEdges) {
-      const connectedEdges = getConnectedEdges(nodesToRemove, deletableEdges);
-      const edgesToRemove = [...initialHitEdges, ...connectedEdges];
-      const edgeIdsToRemove = edgesToRemove.reduce<string[]>((res, edge) => {
-        if (!res.includes(edge.id)) {
-          res.push(edge.id);
-        }
-        return res;
-      }, []);
+    const { matchingNodes, matchingEdges } = getElementsToRemove<Node, Edge>({
+      nodesToRemove: nodesDeleted || [],
+      edgesToRemove: edgesDeleted || [],
+      nodes: getNodes(),
+      edges,
+    });
 
+    if (matchingNodes.length || matchingEdges.length) {
       if (hasDefaultEdges || hasDefaultNodes) {
         if (hasDefaultEdges) {
           store.setState({
-            edges: edges.filter((e) => !edgeIdsToRemove.includes(e.id)),
+            edges: edges.filter((e) => !matchingEdges.some((mE) => mE.id === e.id)),
           });
         }
 
         if (hasDefaultNodes) {
-          nodesToRemove.forEach((node) => {
+          matchingNodes.forEach((node) => {
             nodeInternals.delete(node.id);
           });
 
@@ -168,24 +153,24 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
         }
       }
 
-      if (edgeIdsToRemove.length > 0) {
-        onEdgesDelete?.(edgesToRemove);
+      if (matchingEdges.length > 0) {
+        onEdgesDelete?.(matchingEdges);
 
         if (onEdgesChange) {
           onEdgesChange(
-            edgeIdsToRemove.map((id) => ({
-              id,
+            matchingEdges.map((edge) => ({
+              id: edge.id,
               type: 'remove',
             }))
           );
         }
       }
 
-      if (nodesToRemove.length > 0) {
-        onNodesDelete?.(nodesToRemove);
+      if (matchingNodes.length > 0) {
+        onNodesDelete?.(matchingNodes as Node[]);
 
         if (onNodesChange) {
-          const nodeChanges: NodeChange[] = nodesToRemove.map((n) => ({ id: n.id, type: 'remove' }));
+          const nodeChanges: NodeChange[] = matchingNodes.map((node) => ({ id: node.id, type: 'remove' }));
           onNodesChange(nodeChanges);
         }
       }
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 38502a92e..898347046 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -40,9 +40,6 @@
 
   function onConnectExtended(params: Connection) {
     addEdge(params);
-    // @todo add props
-    // onConnectAction?.(edgeParams);
-    // onConnect?.(edgeParams);
     dispatchEvent('connect')
   }
 
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 138aadfab..bd8d9f743 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -62,7 +62,7 @@
   $: hasActiveSelection = elementsSelectable && (isSelecting || $selectionRectMode === 'user');
 
   function onClick(event: MouseEvent) {
-    dispatch('pane:click');
+    dispatch('pane:click', event);
 
     resetSelectedElements();
     selectionRectMode.set(null);
@@ -164,7 +164,7 @@
     //   return;
     // }
 
-    dispatch('pane:contextmenu');
+    dispatch('pane:contextmenu', event);
   };
 
 </script>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 2a07ad324..cd385eb9f 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -28,11 +28,12 @@
   export let edgeTypes: $$Props['edgeTypes'] = undefined;
   export let selectionKey: $$Props['selectionKey'] = undefined;
   export let deleteKey: $$Props['deleteKey'] = undefined;
+  export let defaultEdgeOptions: $$Props['defaultEdgeOptions'] = undefined;
+  export let connectionRadius: $$Props['connectionRadius'] = undefined;
   export let connectionLineType: $$Props['connectionLineType'] = undefined
+  export let style: $$Props['style'] = undefined;
   let className: $$Props['class'] = undefined;
   export { className as class };
-  const dispatch = createEventDispatcher<{ 'on:nodeclick': number }>();
-
 
   let domNode: HTMLDivElement;
 
@@ -41,7 +42,6 @@
     nodeTypes
   });
 
-
   setContext(key, {
     getStore: () => store
   });
@@ -66,19 +66,15 @@
     const updatableProps = {
       id,
       connectionLineType,
+      connectionRadius,
+      defaultEdgeOptions
     };
 
     Object.keys(updatableProps).forEach(prop => {
       // @ts-ignore
       if (updatableProps[prop] !== undefined) {
-        // @ts-ignore
-        if (!store[prop]) {
-          // @ts-ignore
-          console.warn(store[prop], prop, 'ups')
-        } else {
         // @ts-ignore
         store[prop].set(updatableProps[prop]);
-        }
       }
     })
   }
@@ -111,9 +107,10 @@
 </script>
 
 <div
+  bind:this={domNode}
+  style={style}
   class={cc(['svelte-flow', className])}
   data-testid="rf__wrapper"
-  bind:this={domNode}
 >
   <KeyHandler {selectionKey} {deleteKey} />
   <Zoom {initialViewport}>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 4cefa634b..2403b67a7 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -1,4 +1,10 @@
-import type { ConnectionLineType, NodeOrigin, Viewport } from '@reactflow/system';
+import type {
+  Connection,
+  ConnectionLineType,
+  NodeOrigin,
+  OnConnectStartParams,
+  Viewport
+} from '@reactflow/system';
 
 import type {
   Edge,
@@ -24,6 +30,7 @@ export type SvelteFlowProps = {
   maxZoom?: number;
   initialViewport?: Viewport;
   defaultEdgeOptions?: DefaultEdgeOptions;
+  connectionRadius?: number;
 
   class?: string;
   style?: string;
@@ -37,9 +44,9 @@ export type SvelteFlowEvents = {
   'node:mousemove': CustomEvent<Node>;
   'node:mouseleave': CustomEvent<Node>;
   'edge:click': CustomEvent<Edge>;
-  'connect:start': CustomEvent<number>;
-  connect: CustomEvent<number>;
-  'connect:end': CustomEvent<number>;
+  'connect:start': CustomEvent<OnConnectStartParams>;
+  connect: CustomEvent<Connection>;
+  'connect:end': CustomEvent<OnConnectStartParams>;
   'pane:click': CustomEvent;
   'pane:contextmenu': CustomEvent;
 };
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 90cfba3b1..2486d8520 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -12,7 +12,12 @@ import {
   type XYPosition,
   type CoordinateExtent
 } from '@reactflow/system';
-import { fitView as fitViewUtil, getD3Transition, getDimensions } from '@reactflow/utils';
+import {
+  fitView as fitViewUtil,
+  getD3Transition,
+  getDimensions,
+  getElementsToRemove
+} from '@reactflow/utils';
 
 import { getHandleBounds, getConnectedEdges, addEdge as addEdgeUtil } from '$lib/utils';
 import type { EdgeTypes, NodeTypes, Node, Edge, ConnectionData } from '$lib/types';
@@ -59,12 +64,16 @@ export function createStore({ fitView: fitViewOnInit = false }: CreateStoreProps
   }
 
   function setEdges(edges: Edge[]) {
-    store.edges.set(edges);
+    const defaultEdgeOptions = get(store.defaultEdgeOptions);
+    const nextEdges = defaultEdgeOptions
+      ? edges.map((e) => ({ ...defaultEdgeOptions, ...e }))
+      : edges;
+    store.edges.set(nextEdges);
   }
 
   function addEdge(edgeParams: Edge | Connection) {
     const edges = get(store.edges);
-    store.edges.set(addEdgeUtil(edgeParams, edges));
+    setEdges(addEdgeUtil(edgeParams, edges));
   }
 
   function setNodes(nodes: Node[]) {
@@ -229,38 +238,20 @@ export function createStore({ fitView: fitViewOnInit = false }: CreateStoreProps
       const selectedNodes = nodes.filter((node) => node.selected);
       const selectedEdges = edges.filter((edge) => edge.selected);
 
-      // @todo can we put this stuff into @reactflow/utils?
-      const nodeIds = selectedNodes.map((node) => node.id);
-      const edgeIds = selectedEdges.map((edge) => edge.id);
-      const nodesToRemove = nodes.reduce<Node[]>((res, node) => {
-        const parentHit =
-          !nodeIds.includes(node.id) &&
-          node.parentNode &&
-          res.find((n) => n.id === node.parentNode);
-        const deletable = typeof node.deletable === 'boolean' ? node.deletable : true;
-        if (deletable && (nodeIds.includes(node.id) || parentHit)) {
-          res.push(node);
-        }
+      const { matchingNodes, matchingEdges } = getElementsToRemove<Node, Edge>({
+        nodesToRemove: selectedNodes,
+        edgesToRemove: selectedEdges,
+        nodes,
+        edges
+      });
 
-        return res;
-      }, []);
-      const deletableEdges = edges.filter((e) =>
-        typeof e.deletable === 'boolean' ? e.deletable : true
-      );
-      const initialHitEdges = deletableEdges.filter((e) => edgeIds.includes(e.id));
-
-      if (nodesToRemove || initialHitEdges) {
-        const connectedEdges = getConnectedEdges(nodesToRemove, deletableEdges);
-        const edgesToRemove = [...initialHitEdges, ...connectedEdges];
-        const edgeIdsToRemove = edgesToRemove.reduce<string[]>((res, edge) => {
-          if (!res.includes(edge.id)) {
-            res.push(edge.id);
-          }
-          return res;
-        }, []);
-
-        store.nodes.update((nds) => nds.filter((node) => !nodeIds.includes(node.id)));
-        store.edges.update((eds) => eds.filter((edge) => !edgeIdsToRemove.includes(edge.id)));
+      if (matchingNodes.length || matchingEdges.length) {
+        store.nodes.update((nds) =>
+          nds.filter((node) => !matchingNodes.some((mN) => mN.id === node.id))
+        );
+        store.edges.update((eds) =>
+          eds.filter((edge) => !matchingEdges.some((mE) => mE.id === edge.id))
+        );
       }
     }
   });
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 6258c0c1a..289d07104 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -16,7 +16,15 @@ import OutputNode from '$lib/components/nodes/OutputNode.svelte';
 import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
-import type { Node, Edge, ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted } from '$lib/types';
+import type {
+  Node,
+  Edge,
+  ConnectionData,
+  NodeTypes,
+  EdgeTypes,
+  EdgeLayouted,
+  DefaultEdgeOptions
+} from '$lib/types';
 
 export const initConnectionData = {
   nodeId: null,
@@ -52,6 +60,7 @@ export const initialStoreState = {
     zoom: null,
     selection: null
   }),
+  defaultEdgeOptions: writable<DefaultEdgeOptions | null>(null),
   dragging: writable<boolean>(false),
   selectionRect: writable<SelectionRect | null>(null),
   selectionKeyPressed: writable<boolean>(false),
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index 2b3a95c13..c21e7221d 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -128,6 +128,7 @@
   minZoom={0.1}
   maxZoom={2.5}
   initialViewport={{ x: 100, y: 100, zoom: 2 }}
+  defaultEdgeOptions={{ animated: true }}
   on:node:click={(event) => console.log('on node click', event)}
   on:node:mouseenter={(event) => console.log('on node enter', event)} 
   on:node:mouseleave={(event) => console.log('on node leave', event)}
@@ -136,7 +137,7 @@
   on:connect={(event) => console.log('on connect', event)}
   on:connect:end={(event) => console.log('on connect end', event)}
   on:pane:click={(event) => console.log('on pane click', event)}
-  on:pane:contextmenu={(event) => { console.log('on pane contextmenu', event); }}
+  on:pane:contextmenu={(event) => { event.preventDefault(); console.log('on pane contextmenu', event); }}
 >
   <Controls />
   <Background variant={BackgroundVariant.Dots} />
diff --git a/packages/utils/src/utils.ts b/packages/utils/src/utils.ts
index 48146da8c..e27a30eac 100644
--- a/packages/utils/src/utils.ts
+++ b/packages/utils/src/utils.ts
@@ -3,7 +3,8 @@ import type {
   MouseEvent as ReactMouseEvent,
   TouchEvent as ReactTouchEvent,
 } from 'react';
-import type { Dimensions, XYPosition, CoordinateExtent, Box, Rect, BaseNode } from '@reactflow/system';
+import type { Dimensions, XYPosition, CoordinateExtent, Box, Rect, BaseNode, BaseEdge } from '@reactflow/system';
+import { getConnectedEdgesBase } from './graph';
 
 export const getDimensions = (node: HTMLDivElement): Dimensions => ({
   width: node.offsetWidth,
@@ -130,3 +131,43 @@ export const infiniteExtent: CoordinateExtent = [
   [Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
   [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY],
 ];
+
+// helper function to get arrays of nodes and edges that can be deleted
+// you can pass in a list of nodes and edges that should be deleted
+// and the function only returns elements that are deletable and also handles connected nodes and child nodes
+export function getElementsToRemove<NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>({
+  nodesToRemove,
+  edgesToRemove,
+  nodes,
+  edges,
+}: {
+  nodesToRemove: Partial<NodeType>[];
+  edgesToRemove: Partial<EdgeType>[];
+  nodes: NodeType[];
+  edges: EdgeType[];
+}): {
+  matchingNodes: NodeType[];
+  matchingEdges: EdgeType[];
+} {
+  const nodeIds = nodesToRemove.map((node) => node.id);
+  const edgeIds = edgesToRemove.map((edge) => edge.id);
+
+  const matchingNodes = nodes.reduce<NodeType[]>((res, node) => {
+    const parentHit = !nodeIds.includes(node.id) && node.parentNode && res.find((n) => n.id === node.parentNode);
+    const deletable = typeof node.deletable === 'boolean' ? node.deletable : true;
+    if (deletable && (nodeIds.includes(node.id) || parentHit)) {
+      res.push(node);
+    }
+
+    return res;
+  }, []);
+  const deletableEdges = edges.filter((e) => (typeof e.deletable === 'boolean' ? e.deletable : true));
+  const initialHitEdges = deletableEdges.filter((e) => edgeIds.includes(e.id));
+  const connectedEdges = getConnectedEdgesBase<NodeType, EdgeType>(matchingNodes, deletableEdges);
+  const matchingEdges = [...initialHitEdges, ...connectedEdges];
+
+  return {
+    matchingEdges,
+    matchingNodes,
+  };
+}

From df6c3381b1284c4bd1bf3de3922e2e68ff97a8c0 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 2 Mar 2023 14:32:39 +0100
Subject: [PATCH 0032/1093] refactor(utils): remove react dependencies

---
 .../core/src/components/Handle/handler.ts     |  4 ++--
 packages/core/src/components/Handle/index.tsx | 10 ++++-----
 packages/core/src/components/Handle/utils.ts  |  2 +-
 .../src/lib/components/Handle/Handle.svelte   | 13 +++--------
 packages/system/package.json                  |  6 ++---
 packages/utils/package.json                   | 11 ++--------
 packages/utils/src/utils.ts                   | 22 ++++---------------
 7 files changed, 19 insertions(+), 49 deletions(-)

diff --git a/packages/core/src/components/Handle/handler.ts b/packages/core/src/components/Handle/handler.ts
index 5e1daeb76..6bc05d477 100644
--- a/packages/core/src/components/Handle/handler.ts
+++ b/packages/core/src/components/Handle/handler.ts
@@ -59,7 +59,7 @@ export function handlePointerDown({
   let autoPanId = 0;
   let prevClosestHandle: ConnectionHandle | null;
 
-  const { x, y } = getEventPosition(event);
+  const { x, y } = getEventPosition(event.nativeEvent);
   const clickedHandle = doc?.elementFromPoint(x, y);
   const handleType = getHandleType(edgeUpdaterType, clickedHandle);
   const containerBounds = domNode?.getBoundingClientRect();
@@ -69,7 +69,7 @@ export function handlePointerDown({
   }
 
   let prevActiveHandle: Element;
-  let connectionPosition = getEventPosition(event, containerBounds);
+  let connectionPosition = getEventPosition(event.nativeEvent, containerBounds);
   let autoPanStarted = false;
   let connection: Connection | null = null;
   let isValid = false;
diff --git a/packages/core/src/components/Handle/index.tsx b/packages/core/src/components/Handle/index.tsx
index 2d0d5d91b..89d1290b6 100644
--- a/packages/core/src/components/Handle/index.tsx
+++ b/packages/core/src/components/Handle/index.tsx
@@ -69,9 +69,9 @@ const Handle = forwardRef<HTMLDivElement, HandleComponentProps>(
     };
 
     const onPointerDown = (event: ReactMouseEvent<HTMLDivElement> | ReactTouchEvent<HTMLDivElement>) => {
-      const isMouseTriggered = isMouseEvent(event);
+      const isMouseTriggered = isMouseEvent(event.nativeEvent);
 
-      if ((isMouseTriggered && event.button === 0) || !isMouseTriggered) {
+      if ((isMouseTriggered && (event as ReactMouseEvent<HTMLDivElement>).button === 0) || !isMouseTriggered) {
         handlePointerDown({
           event,
           handleId,
@@ -85,9 +85,9 @@ const Handle = forwardRef<HTMLDivElement, HandleComponentProps>(
       }
 
       if (isMouseTriggered) {
-        onMouseDown?.(event);
+        onMouseDown?.(event as ReactMouseEvent<HTMLDivElement>);
       } else {
-        onTouchStart?.(event);
+        onTouchStart?.(event as ReactTouchEvent<HTMLDivElement>);
       }
     };
 
@@ -101,7 +101,7 @@ const Handle = forwardRef<HTMLDivElement, HandleComponentProps>(
 
       const doc = getHostForElement(event.target as HTMLElement);
       const { connection, isValid } = isValidHandle(
-        event,
+        event.nativeEvent,
         {
           nodeId,
           id: handleId,
diff --git a/packages/core/src/components/Handle/utils.ts b/packages/core/src/components/Handle/utils.ts
index 8e03a4aec..a9cd94eb1 100644
--- a/packages/core/src/components/Handle/utils.ts
+++ b/packages/core/src/components/Handle/utils.ts
@@ -73,7 +73,7 @@ const nullConnection: Connection = { source: null, target: null, sourceHandle: n
 
 // checks if  and returns connection in fom of an object { source: 123, target: 312 }
 export function isValidHandle(
-  event: MouseEvent | TouchEvent | ReactMouseEvent | ReactTouchEvent,
+  event: MouseEvent | TouchEvent,
   handle: Pick<ConnectionHandle, 'nodeId' | 'id' | 'type'> | null,
   connectionMode: ConnectionMode,
   fromNodeId: string,
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 898347046..6dd1327a7 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -21,7 +21,6 @@
   const handleId = id || null;
   const dispatch = createEventDispatcher();
 
-
   const {
     connectionMode,
     domNode,
@@ -34,13 +33,13 @@
     updateConnection
   } = useStore();
 
-  function dispatchEvent(eventName: string) {
-    dispatch(eventName, { nodeId, handleId, type });
+  function dispatchEvent(eventName: string, params?: Connection) {
+    dispatch(eventName, params || { nodeId, handleId, type });
   }
 
   function onConnectExtended(params: Connection) {
     addEdge(params);
-    dispatchEvent('connect')
+    dispatchEvent('connect', params)
   }
 
   function onPointerDown(event: MouseEvent | TouchEvent) {
@@ -66,12 +65,6 @@
         onConnectEnd: () => dispatchEvent('connect:end')
       });
     }
-
-    // if (isMouseTriggered) {
-    //   onMouseDown?.(event);
-    // } else {
-    //   onTouchStart?.(event);
-    // }
   }
 </script>
 
diff --git a/packages/system/package.json b/packages/system/package.json
index e15eed345..849027aff 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -3,14 +3,12 @@
   "version": "11.5.5",
   "description": "Core system of React Flow.",
   "keywords": [
-    "react",
-    "svelte",
     "node-based UI",
     "graph",
     "diagram",
     "workflow",
-    "react-flow",
-    "svelte-flow"
+    "reactflow",
+    "svelteflow"
   ],
   "files": [
     "dist"
diff --git a/packages/utils/package.json b/packages/utils/package.json
index 33b95963b..684ef096c 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -3,12 +3,12 @@
   "version": "11.5.5",
   "description": "Core utils of React Flow.",
   "keywords": [
-    "react",
     "node-based UI",
     "graph",
     "diagram",
     "workflow",
-    "react-flow"
+    "reactflow",
+    "svelteflow"
   ],
   "files": [
     "dist"
@@ -43,18 +43,11 @@
     "@types/d3-zoom": "^3.0.1",
     "d3-zoom": "^3.0.0"
   },
-  "peerDependencies": {
-    "react": ">=17",
-    "react-dom": ">=17"
-  },
   "devDependencies": {
     "@reactflow/eslint-config": "workspace:*",
     "@reactflow/rollup-config": "workspace:*",
     "@reactflow/tsconfig": "workspace:*",
     "@types/node": "^18.7.16",
-    "@types/react": ">=17",
-    "@types/react-dom": ">=17",
-    "react": "^18.2.0",
     "typescript": "^4.9.4"
   },
   "rollup": {
diff --git a/packages/utils/src/utils.ts b/packages/utils/src/utils.ts
index e27a30eac..a5ca09c39 100644
--- a/packages/utils/src/utils.ts
+++ b/packages/utils/src/utils.ts
@@ -1,8 +1,3 @@
-import type {
-  KeyboardEvent as ReactKeyboardEvent,
-  MouseEvent as ReactMouseEvent,
-  TouchEvent as ReactTouchEvent,
-} from 'react';
 import type { Dimensions, XYPosition, CoordinateExtent, Box, Rect, BaseNode, BaseEdge } from '@reactflow/system';
 import { getConnectedEdgesBase } from './graph';
 
@@ -93,13 +88,9 @@ export const devWarn = (id: string, message: string) => {
   }
 };
 
-const isReactKeyboardEvent = (event: KeyboardEvent | ReactKeyboardEvent): event is ReactKeyboardEvent =>
-  'nativeEvent' in event;
-
-export function isInputDOMNode(event: KeyboardEvent | ReactKeyboardEvent): boolean {
-  const kbEvent = isReactKeyboardEvent(event) ? event.nativeEvent : event;
+export function isInputDOMNode(event: KeyboardEvent): boolean {
   // using composed path for handling shadow dom
-  const target = (kbEvent.composedPath?.()?.[0] || event.target) as HTMLElement;
+  const target = (event.composedPath?.()?.[0] || event.target) as HTMLElement;
 
   const isInput = ['INPUT', 'SELECT', 'TEXTAREA'].includes(target?.nodeName) || target?.hasAttribute('contenteditable');
   // we want to be able to do a multi selection event if we are in an input field
@@ -109,14 +100,9 @@ export function isInputDOMNode(event: KeyboardEvent | ReactKeyboardEvent): boole
   return (isInput && !isModifierKey) || !!target?.closest('.nokey');
 }
 
-export const isMouseEvent = (
-  event: MouseEvent | ReactMouseEvent | TouchEvent | ReactTouchEvent
-): event is MouseEvent | ReactMouseEvent => 'clientX' in event;
+export const isMouseEvent = (event: MouseEvent | TouchEvent): event is MouseEvent => 'clientX' in event;
 
-export const getEventPosition = (
-  event: MouseEvent | ReactMouseEvent | TouchEvent | ReactTouchEvent,
-  bounds?: DOMRect
-) => {
+export const getEventPosition = (event: MouseEvent | TouchEvent, bounds?: DOMRect) => {
   const isMouseTriggered = isMouseEvent(event);
   const evtX = isMouseTriggered ? event.clientX : event.touches?.[0].clientX;
   const evtY = isMouseTriggered ? event.clientY : event.touches?.[0].clientY;

From 33b9a801fe0fa888acd8bde0774a01d80e79ff0f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 2 Mar 2023 15:31:37 +0100
Subject: [PATCH 0033/1093] refactor(svelte): cleanup node options and props

---
 .../core/src/components/Nodes/wrapNode.tsx    |  2 +-
 .../core/src/container/NodeRenderer/index.tsx |  3 +-
 .../core/src/container/NodeRenderer/utils.ts  | 29 +-------------
 packages/svelte/src/customnodes/Custom.svelte |  6 ++-
 packages/svelte/src/lib/actions/drag/utils.ts |  5 ++-
 .../src/lib/components/Handle/Handle.svelte   | 15 +++++---
 .../components/NodeWrapper/NodeWrapper.svelte | 29 ++++++++------
 .../src/lib/components/NodeWrapper/types.ts   | 19 +++++++++-
 .../NodeRenderer/NodeRenderer.svelte          | 27 +++++++++++--
 packages/svelte/src/lib/store/index.ts        |  5 ++-
 .../svelte/src/lib/store/initial-store.ts     |  4 +-
 packages/svelte/src/lib/types/general.ts      |  7 +++-
 packages/svelte/src/lib/types/nodes.ts        |  2 +
 packages/svelte/src/routes/+page.svelte       |  9 ++++-
 packages/utils/src/utils.ts                   | 38 ++++++++++++++++++-
 15 files changed, 141 insertions(+), 59 deletions(-)

diff --git a/packages/core/src/components/Nodes/wrapNode.tsx b/packages/core/src/components/Nodes/wrapNode.tsx
index 8f23eb0bc..cab628ce9 100644
--- a/packages/core/src/components/Nodes/wrapNode.tsx
+++ b/packages/core/src/components/Nodes/wrapNode.tsx
@@ -84,7 +84,7 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
     };
 
     const onKeyDown = (event: KeyboardEvent) => {
-      if (isInputDOMNode(event)) {
+      if (isInputDOMNode(event.nativeEvent)) {
         return;
       }
 
diff --git a/packages/core/src/container/NodeRenderer/index.tsx b/packages/core/src/container/NodeRenderer/index.tsx
index 3f1d71d65..3c695737c 100644
--- a/packages/core/src/container/NodeRenderer/index.tsx
+++ b/packages/core/src/container/NodeRenderer/index.tsx
@@ -1,13 +1,12 @@
 import { memo, useMemo, useEffect, useRef, type ComponentType } from 'react';
 import { shallow } from 'zustand/shallow';
 import { internalsSymbol, errorMessages, Position } from '@reactflow/system';
-import { clampPosition } from '@reactflow/utils';
+import { clampPosition, getPositionWithOrigin } from '@reactflow/utils';
 
 import useVisibleNodes from '../../hooks/useVisibleNodes';
 import { useStore } from '../../hooks/useStore';
 import { containerStyle } from '../../styles';
 import { GraphViewProps } from '../GraphView';
-import { getPositionWithOrigin } from './utils';
 import type { ReactFlowState, WrapNodeProps } from '../../types';
 
 type NodeRendererProps = Pick<
diff --git a/packages/core/src/container/NodeRenderer/utils.ts b/packages/core/src/container/NodeRenderer/utils.ts
index 23fd5532b..5d3911e8f 100644
--- a/packages/core/src/container/NodeRenderer/utils.ts
+++ b/packages/core/src/container/NodeRenderer/utils.ts
@@ -1,5 +1,5 @@
 import type { ComponentType } from 'react';
-import type { NodeProps, NodeOrigin, XYPosition } from '@reactflow/system';
+import type { NodeProps } from '@reactflow/system';
 
 import DefaultNode from '../../components/Nodes/DefaultNode';
 import InputNode from '../../components/Nodes/InputNode';
@@ -32,30 +32,3 @@ export function createNodeTypes(nodeTypes: NodeTypes): NodeTypesWrapped {
     ...specialTypes,
   };
 }
-
-export const getPositionWithOrigin = ({
-  x,
-  y,
-  width,
-  height,
-  origin,
-}: {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-  origin: NodeOrigin;
-}): XYPosition => {
-  if (!width || !height) {
-    return { x, y };
-  }
-
-  if (origin[0] < 0 || origin[1] < 0 || origin[0] > 1 || origin[1] > 1) {
-    return { x, y };
-  }
-
-  return {
-    x: x - width * origin[0],
-    y: y - height * origin[1],
-  };
-};
diff --git a/packages/svelte/src/customnodes/Custom.svelte b/packages/svelte/src/customnodes/Custom.svelte
index 1a64be22d..f892a2a3c 100644
--- a/packages/svelte/src/customnodes/Custom.svelte
+++ b/packages/svelte/src/customnodes/Custom.svelte
@@ -10,8 +10,12 @@
 <div class="custom">
   <div>{data.label}</div>
   <div>{~~xPos}, {~~yPos}</div>
+
   <Handle type="target" position={Position.Top} />
-  <Handle type="source" position={Position.Bottom} />
+
+  <Handle type="source" position={Position.Bottom} style="left: 10%;" id="a" />
+  <Handle type="source" position={Position.Bottom} id="b" />
+  <Handle type="source" position={Position.Bottom} style="left: 90%;" id="c" />
 </div>
 
 <style>
diff --git a/packages/svelte/src/lib/actions/drag/utils.ts b/packages/svelte/src/lib/actions/drag/utils.ts
index da2e436fe..cd3a1d33c 100644
--- a/packages/svelte/src/lib/actions/drag/utils.ts
+++ b/packages/svelte/src/lib/actions/drag/utils.ts
@@ -37,7 +37,10 @@ export function hasSelector(target: Element, selector: string, domNode: Element)
 export function getDragItems(nodes: Node[], mousePos: XYPosition, nodeId?: string): NodeDragItem[] {
   return nodes
     .filter(
-      (n) => (n.selected || n.id === nodeId) && (!n.parentNode || !isParentSelected(n, nodes))
+      (n) =>
+        (n.selected || n.id === nodeId) &&
+        (n.draggable || n.draggable === undefined) &&
+        (!n.parentNode || !isParentSelected(n, nodes))
     )
     .map((n) => ({
       id: n.id,
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 6dd1327a7..dd5a3cc32 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -1,20 +1,23 @@
 <script lang="ts">
-  import { getContext } from 'svelte';
-  import { createEventDispatcher } from 'svelte';
+  import { getContext, createEventDispatcher } from 'svelte';
   import cc from 'classcat';
-  import { Position, type Connection, type HandleProps } from '@reactflow/system';
+  import { Position, type Connection } from '@reactflow/system';
   import { isMouseEvent } from '@reactflow/utils';
 
   import { handlePointerDown } from './handler';
   import { useStore } from '$lib/store';
+  import type { HandleComponentProps } from '$lib/types';
 
-  type $$Props = HandleProps;
+  type $$Props = HandleComponentProps;
 
   export let id: $$Props['id'] = undefined;
   export let type: $$Props['type'] = 'source';
   export let position: $$Props['position'] = Position.Top;
   export let isConnectable: $$Props['isConnectable'] = true;
+  export let style: $$Props['style'] = undefined;
   export let isValidConnection: $$Props['isValidConnection'] = (_: Connection) => true;
+  let className: $$Props['class'] = undefined;
+  export { className as class };
 
   const isTarget = type === 'target';
   const nodeId = getContext<string>('rf_nodeid');
@@ -78,13 +81,15 @@
     `svelte-flow__handle-${position}`,
     'nodrag',
     'nopan',
-    position
+    position,
+    className
   ])}
   class:source={!isTarget}
   class:target={isTarget}
   class:connectable={isConnectable}
   on:mousedown={onPointerDown}
   on:touchstart={onPointerDown}
+  {style}
 >
   <slot />
 </div>
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 60b831d8a..ec79f3aa2 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { createEventDispatcher, onMount, setContext, SvelteComponentTyped } from 'svelte';
   import cc from 'classcat';
-  import { type XYPosition, Position, errorMessages } from '@reactflow/system';
+  import { errorMessages } from '@reactflow/system';
 
   import drag from '$lib/actions/drag';
   import { useStore } from '$lib/store';
@@ -14,16 +14,17 @@
   export let id: NodeWrapperProps['id'];
   export let data: NodeWrapperProps['data'] = {};
   export let selected: NodeWrapperProps['selected'] = false;
-  export let positionAbsolute: XYPosition = { x: 0, y: 0 };
-  export let position: XYPosition = { x: 0, y: 0 };
+  export let draggable: NodeWrapperProps['draggable'] = undefined;
   export let dragging: boolean = false;
   export let resizeObserver: NodeWrapperProps['resizeObserver'] = null;
   export let style: NodeWrapperProps['style'] = undefined;
   export let width: NodeWrapperProps['width'] = undefined;
   export let height: NodeWrapperProps['height'] = undefined;
   export let type: NodeWrapperProps['type'] = 'default';
-  export let sourcePosition: NodeWrapperProps['sourcePosition'] = Position.Bottom
-  export let targetPosition: NodeWrapperProps['targetPosition'] = Position.Top;
+  export let positionAbsolute: NodeWrapperProps['positionAbsolute'] = undefined;
+  export let positionOrigin: NodeWrapperProps['positionOrigin'] = undefined;
+  export let sourcePosition: NodeWrapperProps['sourcePosition'] = undefined;
+  export let targetPosition: NodeWrapperProps['targetPosition'] = undefined;
 
   let className: string = '';
   export { className as class };
@@ -42,7 +43,6 @@
     $nodeTypes[type!] || DefaultNode;
   const isSelectable = true;
   const selectNodesOnDrag = false;
-  const isDraggable = true;
   const dispatch = createEventDispatcher();
 
   setContext('rf_nodeid', id);
@@ -61,7 +61,7 @@
   }
 
   function onSelectNodeHandler(event: MouseEvent) {
-    if (isSelectable && (!selectNodesOnDrag || !isDraggable)) {
+    if (isSelectable && (!selectNodesOnDrag || !draggable)) {
       // this handler gets called within the drag start event when selectNodesOnDrag=true
       addSelectedNodes([id]);
     }
@@ -72,13 +72,14 @@
 
 <div
   use:drag={{ nodeId: id, nodes, transform, updateNodePositions }}
+  bind:this={nodeRef}
   data-id={id}
   class={cc(['svelte-flow__node', `svelte-flow__node-${type}`, className])}
   class:initializing={!width && !height}
   class:dragging
   class:selected
-  bind:this={nodeRef}
-  style:transform={`translate(${positionAbsolute.x}px, ${positionAbsolute.y}px)`}
+  class:draggable
+  style:transform={`translate(${positionOrigin?.x ?? 0}px, ${positionOrigin?.y ?? 0}px)`}
   {style}
   on:click={onSelectNodeHandler}
   on:mouseenter={() => dispatchEvent('node:mouseenter')}
@@ -93,8 +94,8 @@
     {sourcePosition}
     {targetPosition}
     isConnectable={true}
-    xPos={positionAbsolute.x}
-    yPos={positionAbsolute.y}
+    xPos={positionAbsolute?.x ?? 0}
+    yPos={positionAbsolute?.y ?? 0}
     on:connect:start
     on:connect
     on:connect:end
@@ -111,9 +112,13 @@
     border-color: #1a192b;
     background-color: white;
     position: absolute;
+    pointer-events: none;
+    user-select: none;
+  }
+
+  .draggable {
     cursor: grab;
     pointer-events: all;
-    user-select: none;
   }
 
   .selected {
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index eb60da0c9..1dd04945b 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -1,6 +1,23 @@
+import type { XYPosition } from '@reactflow/system';
 import type { Node } from '$lib/types';
 
-export type NodeWrapperProps = Node & {
+export type NodeWrapperProps = Pick<
+  Node,
+  | 'id'
+  | 'class'
+  | 'data'
+  | 'draggable'
+  | 'dragging'
+  | 'positionAbsolute'
+  | 'selected'
+  | 'style'
+  | 'type'
+  | 'width'
+  | 'height'
+  | 'sourcePosition'
+  | 'targetPosition'
+> & {
+  positionOrigin?: XYPosition;
   'on:nodeclick'?: (event: MouseEvent) => void;
   resizeObserver?: ResizeObserver | null;
 };
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index eb13512eb..c6b740150 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -3,8 +3,10 @@
 
   import { NodeWrapper } from '$lib/components/NodeWrapper';
   import { useStore } from '$lib/store';
+    import { getPositionWithOrigin } from '@reactflow/utils';
+    import { Position } from '@reactflow/system';
 
-  const { nodes, updateNodeDimensions } = useStore();
+  const { nodes, nodeOrigin, updateNodeDimensions } = useStore();
   const resizeObserver: ResizeObserver | null =
     typeof ResizeObserver === 'undefined'
       ? null
@@ -21,13 +23,32 @@
   onDestroy(() => {
     resizeObserver?.disconnect();
   });
-
 </script>
 
 <div class="svelte-flow__nodes">
   {#each $nodes as node (node.id)}
+    {@const posOrigin = getPositionWithOrigin({
+      x: node.positionAbsolute?.x ?? 0,
+      y: node.positionAbsolute?.y ?? 0,
+      width: node.width ?? 0,
+      height: node.height ?? 0,
+      origin: $nodeOrigin
+    })}
     <NodeWrapper
-      {...node}
+      id={node.id}
+      data={node.data}
+      selected={node.selected}
+      draggable={node.draggable || node.draggable === undefined}
+      positionAbsolute={node.positionAbsolute}
+      positionOrigin={posOrigin}
+      width={node.width}
+      height={node.height}
+      style={node.style}
+      class={node.class}
+      type={node.type}
+      sourcePosition={node.sourcePosition}
+      targetPosition={node.targetPosition}
+      dragging={node.dragging}
       {resizeObserver}
       on:node:click
       on:node:mouseenter
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 2486d8520..399238852 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -19,7 +19,7 @@ import {
   getElementsToRemove
 } from '@reactflow/utils';
 
-import { getHandleBounds, getConnectedEdges, addEdge as addEdgeUtil } from '$lib/utils';
+import { getHandleBounds, addEdge as addEdgeUtil } from '$lib/utils';
 import type { EdgeTypes, NodeTypes, Node, Edge, ConnectionData } from '$lib/types';
 import { getEdgesLayouted } from './edges-layouted';
 import { getConnectionPath } from './connection-path';
@@ -77,11 +77,14 @@ export function createStore({ fitView: fitViewOnInit = false }: CreateStoreProps
   }
 
   function setNodes(nodes: Node[]) {
+    const defaultNodeOptions = get(store.defaultNodeOptions) || {};
+
     store.nodes.update((currentNodes) => {
       const nextNodes = nodes.map((n) => {
         const currentNode = currentNodes.find((cn) => cn.id === n.id) || {};
 
         return {
+          ...defaultNodeOptions,
           ...currentNode,
           ...n,
           positionAbsolute: n.position
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 289d07104..e8d66c84f 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -23,7 +23,8 @@ import type {
   NodeTypes,
   EdgeTypes,
   EdgeLayouted,
-  DefaultEdgeOptions
+  DefaultEdgeOptions,
+  DefaultNodeOptions
 } from '$lib/types';
 
 export const initConnectionData = {
@@ -60,6 +61,7 @@ export const initialStoreState = {
     zoom: null,
     selection: null
   }),
+  defaultNodeOptions: writable<DefaultNodeOptions | null>(null),
   defaultEdgeOptions: writable<DefaultEdgeOptions | null>(null),
   dragging: writable<boolean>(false),
   selectionRect: writable<SelectionRect | null>(null),
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index b5bd9ee1c..7dccd4f28 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -1,5 +1,5 @@
 import type { ShortcutModifierDefinition } from '@svelte-put/shortcut';
-import type { HandleType, XYPosition } from '@reactflow/system';
+import type { HandleProps, HandleType, XYPosition } from '@reactflow/system';
 
 export type KeyModifier = ShortcutModifierDefinition;
 export type KeyDefinitionObject = { key: string; modifier?: KeyModifier };
@@ -12,3 +12,8 @@ export type ConnectionData = {
   handleType: HandleType | null;
   status: string | null;
 };
+
+export type HandleComponentProps = HandleProps & {
+  class?: string;
+  style?: string;
+};
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index 98967f57e..1cb4bebcb 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -25,3 +25,5 @@ export type NodeProps<NodeData = any> = Pick<
 };
 
 export type NodeTypes = Record<string, typeof SvelteComponentTyped<Partial<NodeProps>>>;
+
+export type DefaultNodeOptions = Omit<Node, 'id'>;
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index c21e7221d..0a59fef26 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -65,7 +65,14 @@
       type: 'default',
       data: { label: 'Styled with class' },
       class: 'custom-style',
-      position: { x: 150, y: 150 }
+      position: { x: 150, y: 150 },
+    },
+    {
+      id: 'D',
+      type: 'default',
+      data: { label: 'Not draggable' },
+      position: { x: 150, y: 200 },
+      draggable: false
     },
     {
       id: '3',
diff --git a/packages/utils/src/utils.ts b/packages/utils/src/utils.ts
index a5ca09c39..43c96dc9c 100644
--- a/packages/utils/src/utils.ts
+++ b/packages/utils/src/utils.ts
@@ -1,4 +1,13 @@
-import type { Dimensions, XYPosition, CoordinateExtent, Box, Rect, BaseNode, BaseEdge } from '@reactflow/system';
+import type {
+  Dimensions,
+  XYPosition,
+  CoordinateExtent,
+  Box,
+  Rect,
+  BaseNode,
+  BaseEdge,
+  NodeOrigin,
+} from '@reactflow/system';
 import { getConnectedEdgesBase } from './graph';
 
 export const getDimensions = (node: HTMLDivElement): Dimensions => ({
@@ -157,3 +166,30 @@ export function getElementsToRemove<NodeType extends BaseNode = BaseNode, EdgeTy
     matchingNodes,
   };
 }
+
+export const getPositionWithOrigin = ({
+  x,
+  y,
+  width,
+  height,
+  origin,
+}: {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+  origin: NodeOrigin;
+}): XYPosition => {
+  if (!width || !height) {
+    return { x, y };
+  }
+
+  if (origin[0] < 0 || origin[1] < 0 || origin[0] > 1 || origin[1] > 1) {
+    return { x, y };
+  }
+
+  return {
+    x: x - width * origin[0],
+    y: y - height * origin[1],
+  };
+};

From 1153486ae23a565626e69539b39c501cb6fbaafe Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 7 Mar 2023 17:16:33 +0100
Subject: [PATCH 0034/1093] refactor(svelte): use custom stores for nodes and
 edges

---
 packages/svelte/src/lib/actions/drag/index.ts |   1 -
 .../container/SvelteFlow/SvelteFlow.svelte    |  27 +----
 .../src/lib/container/SvelteFlow/types.ts     |   6 +-
 packages/svelte/src/lib/store/index.ts        |  44 +++-----
 .../svelte/src/lib/store/initial-store.ts     |  15 +--
 packages/svelte/src/lib/store/types.ts        |   8 +-
 packages/svelte/src/lib/utils/index.ts        |  67 +++++++++++-
 packages/svelte/src/routes/+page.svelte       |  35 +++---
 pnpm-lock.yaml                                | 102 +++++++++---------
 9 files changed, 163 insertions(+), 142 deletions(-)

diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index 777d1f11a..d7b5ca97c 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -87,7 +87,6 @@ export default function drag(
   const dragHandler = d3Drag()
     .on('start', (event: UseDragEvent) => {
       const pointerPos = getPointerPosition(event);
-      console.log(pointerPos);
       lastPos = pointerPos;
       dragItems = getDragItems(get(nodes), pointerPos, nodeId);
     })
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index cd385eb9f..73784dec6 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { setContext, onMount, createEventDispatcher } from 'svelte';
+  import { setContext, onMount } from 'svelte';
   import cc from 'classcat';
 
   import { key, createStore } from '$lib/store';
@@ -18,8 +18,8 @@
   type $$Events = SvelteFlowEvents;
 
   export let id: $$Props['id'] = '1';
-  export let nodes: $$Props['nodes'] = [];
-  export let edges: $$Props['edges'] = [];
+  export let nodes: $$Props['nodes'];
+  export let edges: $$Props['edges'];
   export let fitView: $$Props['fitView'] = undefined;
   export let minZoom: $$Props['minZoom'] = undefined;
   export let maxZoom: $$Props['maxZoom'] = undefined;
@@ -28,7 +28,6 @@
   export let edgeTypes: $$Props['edgeTypes'] = undefined;
   export let selectionKey: $$Props['selectionKey'] = undefined;
   export let deleteKey: $$Props['deleteKey'] = undefined;
-  export let defaultEdgeOptions: $$Props['defaultEdgeOptions'] = undefined;
   export let connectionRadius: $$Props['connectionRadius'] = undefined;
   export let connectionLineType: $$Props['connectionLineType'] = undefined
   export let style: $$Props['style'] = undefined;
@@ -38,6 +37,8 @@
   let domNode: HTMLDivElement;
 
   const store = createStore({
+    nodes,
+    edges,
     fitView,
     nodeTypes
   });
@@ -51,15 +52,6 @@
     store.width.set(width);
     store.height.set(height);
     store.domNode.set(domNode);
-
-    // @todo: is this a svelte way for two way binding?
-    store.nodes.subscribe((ns) => {
-      nodes = ns;
-    });
-
-    store.edges.subscribe((es) => {
-      edges = es;
-    });
   });
 
   $: {
@@ -67,7 +59,6 @@
       id,
       connectionLineType,
       connectionRadius,
-      defaultEdgeOptions
     };
 
     Object.keys(updatableProps).forEach(prop => {
@@ -79,14 +70,6 @@
     })
   }
 
-  $: {
-    store.setNodes(nodes);
-  }
-
-  $: {
-    store.setEdges(edges);
-  }
-
   $: {
     if (nodeTypes !== undefined) {
       store.setNodeTypes(nodeTypes);
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 2403b67a7..69db093cc 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -14,10 +14,12 @@ import type {
   EdgeTypes,
   DefaultEdgeOptions
 } from '$lib/types';
+import type { Writable } from 'svelte/store';
+import type { createNodes } from '$lib/utils';
 
 export type SvelteFlowProps = {
-  nodes: Node[];
-  edges: Edge[];
+  nodes: ReturnType<typeof createNodes>;
+  edges: Writable<Edge[]>;
 
   id?: string;
   nodeTypes?: NodeTypes;
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 399238852..ee39094ce 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -30,10 +30,13 @@ import {
   initialStoreState
 } from './initial-store';
 import type { SvelteFlowStore } from './types';
+import type { SvelteFlowProps } from '$lib/container/SvelteFlow/types';
 
 export const key = Symbol();
 
 type CreateStoreProps = {
+  nodes: SvelteFlowProps['nodes'];
+  edges: SvelteFlowProps['edges'];
   fitView?: boolean;
   nodeOrigin?: NodeOrigin;
   transform?: Transform;
@@ -42,9 +45,15 @@ type CreateStoreProps = {
   id?: string;
 };
 
-export function createStore({ fitView: fitViewOnInit = false }: CreateStoreProps): SvelteFlowStore {
+export function createStore({
+  fitView: fitViewOnInit = false,
+  nodes,
+  edges
+}: CreateStoreProps): SvelteFlowStore {
   const store = {
-    ...initialStoreState
+    ...initialStoreState,
+    nodes,
+    edges
   };
 
   let fitViewOnInitDone = false;
@@ -63,36 +72,9 @@ export function createStore({ fitView: fitViewOnInit = false }: CreateStoreProps
     });
   }
 
-  function setEdges(edges: Edge[]) {
-    const defaultEdgeOptions = get(store.defaultEdgeOptions);
-    const nextEdges = defaultEdgeOptions
-      ? edges.map((e) => ({ ...defaultEdgeOptions, ...e }))
-      : edges;
-    store.edges.set(nextEdges);
-  }
-
   function addEdge(edgeParams: Edge | Connection) {
     const edges = get(store.edges);
-    setEdges(addEdgeUtil(edgeParams, edges));
-  }
-
-  function setNodes(nodes: Node[]) {
-    const defaultNodeOptions = get(store.defaultNodeOptions) || {};
-
-    store.nodes.update((currentNodes) => {
-      const nextNodes = nodes.map((n) => {
-        const currentNode = currentNodes.find((cn) => cn.id === n.id) || {};
-
-        return {
-          ...defaultNodeOptions,
-          ...currentNode,
-          ...n,
-          positionAbsolute: n.position
-        };
-      });
-
-      return nextNodes;
-    });
+    store.edges.set(addEdgeUtil(edgeParams, edges));
   }
 
   function updateNodePositions(nodeDragItems: NodeDragItem[], dragging = false) {
@@ -332,8 +314,6 @@ export function createStore({ fitView: fitViewOnInit = false }: CreateStoreProps
     connectionPath: getConnectionPath(store),
 
     // actions
-    setNodes,
-    setEdges,
     setNodeTypes,
     setEdgeTypes,
     addEdge,
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index e8d66c84f..13b407db4 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -16,16 +16,7 @@ import OutputNode from '$lib/components/nodes/OutputNode.svelte';
 import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
-import type {
-  Node,
-  Edge,
-  ConnectionData,
-  NodeTypes,
-  EdgeTypes,
-  EdgeLayouted,
-  DefaultEdgeOptions,
-  DefaultNodeOptions
-} from '$lib/types';
+import type { ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted } from '$lib/types';
 
 export const initConnectionData = {
   nodeId: null,
@@ -49,8 +40,6 @@ export const initialEdgeTypes = {
 
 export const initialStoreState = {
   id: writable<string | null>(null),
-  nodes: writable<Node[]>([]),
-  edges: writable<Edge[]>([]),
   edgesLayouted: readable<EdgeLayouted[]>([]),
   height: writable<number>(500),
   width: writable<number>(500),
@@ -61,8 +50,6 @@ export const initialStoreState = {
     zoom: null,
     selection: null
   }),
-  defaultNodeOptions: writable<DefaultNodeOptions | null>(null),
-  defaultEdgeOptions: writable<DefaultEdgeOptions | null>(null),
   dragging: writable<boolean>(false),
   selectionRect: writable<SelectionRect | null>(null),
   selectionKeyPressed: writable<boolean>(false),
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index b35c0b5ca..c4775b10e 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -8,10 +8,9 @@ import type {
 
 import type { initialStoreState } from './initial-store';
 import type { Node, Edge, ConnectionData, NodeTypes, EdgeTypes } from '$lib/types';
+import type { Writable } from 'svelte/store';
 
 export type SvelteFlowStoreActions = {
-  setNodes: (nodes: Node[]) => void;
-  setEdges: (edges: Edge[]) => void;
   setNodeTypes: (nodeTypes: NodeTypes) => void;
   setEdgeTypes: (edgeTypes: EdgeTypes) => void;
   addEdge: (edge: Edge | Connection) => void;
@@ -33,6 +32,9 @@ export type SvelteFlowStoreActions = {
   cancelConnection: () => void;
 };
 
-export type SvelteFlowStoreState = typeof initialStoreState;
+export type SvelteFlowStoreState = typeof initialStoreState & {
+  nodes: Writable<Node[]>;
+  edges: Writable<Edge[]>;
+};
 
 export type SvelteFlowStore = SvelteFlowStoreState & SvelteFlowStoreActions;
diff --git a/packages/svelte/src/lib/utils/index.ts b/packages/svelte/src/lib/utils/index.ts
index e8b31ce77..fde56e010 100644
--- a/packages/svelte/src/lib/utils/index.ts
+++ b/packages/svelte/src/lib/utils/index.ts
@@ -9,7 +9,8 @@ import {
   getConnectedEdgesBase,
   getDimensions
 } from '@reactflow/utils';
-import type { Edge, Node } from '$lib/types';
+import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, Node } from '$lib/types';
+import { writable, type Writable } from 'svelte/store';
 
 export const isNode = isNodeBase<Node, Edge>;
 export const isEdge = isEdgeBase<Node, Edge>;
@@ -45,3 +46,67 @@ export const getHandleBounds = (
     };
   });
 };
+
+export const createNodes = (
+  nodes: Node[],
+  defaultOptions?: DefaultNodeOptions
+): Writable<Node[]> & { setDefaultOptions: (opts: DefaultNodeOptions) => void } => {
+  const { subscribe, set, update } = writable<Node[]>([]);
+  let value = nodes;
+  let defaults = defaultOptions || {};
+
+  const _set: typeof set = (nds: Node[]) => {
+    const nextNodes = defaults ? nds.map((node) => ({ ...defaults, ...node })) : nds;
+    // @todo calculate absolute position based on parent / child relation
+    const nextNodesLayouted = nextNodes.map((n) => ({ ...n, positionAbsolute: n.position }));
+
+    value = nextNodesLayouted;
+
+    set(value);
+  };
+
+  const _update: typeof update = (fn: (nds: Node[]) => Node[]) => _set(fn(value));
+
+  const setDefaultOptions = (options: DefaultNodeOptions) => {
+    defaults = options;
+  };
+
+  _set(value);
+
+  return {
+    subscribe,
+    set: _set,
+    update: _update,
+    setDefaultOptions
+  };
+};
+
+export const createEdges = (
+  edges: Edge[],
+  defaultOptions?: DefaultEdgeOptions
+): Writable<Edge[]> & { setDefaultOptions: (opts: DefaultEdgeOptions) => void } => {
+  const { subscribe, set, update } = writable<Edge[]>([]);
+  let value = edges;
+  let defaults = defaultOptions || {};
+
+  const _set: typeof set = (eds: Edge[]) => {
+    const nextEdges = defaults ? eds.map((edge) => ({ ...defaults, ...edge })) : eds;
+    value = nextEdges;
+    set(value);
+  };
+
+  const _update: typeof update = (fn: (eds: Edge[]) => Edge[]) => _set(fn(value));
+
+  const setDefaultOptions = (options: DefaultEdgeOptions) => {
+    defaults = options;
+  };
+
+  _set(value);
+
+  return {
+    subscribe,
+    set: _set,
+    update: _update,
+    setDefaultOptions
+  };
+};
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index 0a59fef26..7cf6b0c7b 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -5,7 +5,9 @@
     BackgroundVariant,
     Minimap,
     Panel,
-    type Node, type Edge, type NodeTypes
+    createNodes,
+    createEdges,
+    type NodeTypes
   } from '../lib/index';
   import CustomNode from '../customnodes/Custom.svelte';
 
@@ -47,7 +49,7 @@
   //   }
   // }
 
-  let nodes: Node<{ label: string }>[] = [
+  let nodes = createNodes([
     {
       id: '1',
       type: 'input',
@@ -93,9 +95,9 @@
       data: { label: 'Custom Node' },
       position: { x: 150, y: 300 }
     }
-  ];
+  ]);
 
-  let edges: Edge[] = [
+  let edges = createEdges([
     {
       id: '1-2',
       type: 'default',
@@ -114,28 +116,35 @@
       type: 'default',
       source: '2',
       target: '4',
-      animated: true
     }
-  ];
+  ], { animated: true });
 
   function updateNode() {
-    nodes[0].position = { x: nodes[0].position.x + 20, y: nodes[0].position.y };
+    nodes.update(nds => nds.map(n => {
+      if (n.id === '1') {
+        return {
+          ...n,
+          position: { x: n.position.x + 20, y: n.position.y }
+        }
+      }
+
+      return n;
+    }));
   }
 
-  // $: {
-  //   console.log('nodes changed', nodes)
-  // }
+  $: {
+    console.log('nodes changed', $nodes)
+  }
 </script>
 
 <SvelteFlow
-  bind:nodes
-  bind:edges
+  {nodes}
+  {edges}
   {nodeTypes}
   fitView
   minZoom={0.1}
   maxZoom={2.5}
   initialViewport={{ x: 100, y: 100, zoom: 2 }}
-  defaultEdgeOptions={{ animated: true }}
   on:node:click={(event) => console.log('on node click', event)}
   on:node:mouseenter={(event) => console.log('on node enter', event)} 
   on:node:mouseleave={(event) => console.log('on node leave', event)}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e508a99f3..4f0464fe7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -32,8 +32,8 @@ importers:
       '@changesets/changelog-github': registry.npmjs.org/@changesets/changelog-github/0.4.7
       '@changesets/cli': registry.npmjs.org/@changesets/cli/2.25.0
       '@preconstruct/cli': registry.npmjs.org/@preconstruct/cli/2.2.1
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.54.0_lldphppbh67ylraps6qcolshhy
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.54.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.54.1_icdgnfqbkli2ydghsaevjiv5ae
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.54.1_id2eilsndvzhjjktb64trvy3gu
       autoprefixer: registry.npmjs.org/autoprefixer/10.4.9_postcss@8.4.21
       concurrently: registry.npmjs.org/concurrently/7.6.0
       cypress: registry.npmjs.org/cypress/10.7.0
@@ -422,10 +422,7 @@ importers:
       '@types/d3-selection': ^3.0.3
       '@types/d3-zoom': ^3.0.1
       '@types/node': ^18.7.16
-      '@types/react': '>=17'
-      '@types/react-dom': '>=17'
       d3-zoom: ^3.0.0
-      react: ^18.2.0
       typescript: ^4.9.4
     dependencies:
       '@reactflow/system': link:../system
@@ -439,9 +436,6 @@ importers:
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
       '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.6
-      react: registry.npmjs.org/react/18.2.0
       typescript: registry.npmjs.org/typescript/4.9.4
 
   tooling/eslint-config:
@@ -2760,11 +2754,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.54.0_lldphppbh67ylraps6qcolshhy:
-    resolution: {integrity: sha512-+hSN9BdSr629RF02d7mMtXhAJvDTyCbprNYJKrXETlul/Aml6YZwd90XioVbjejQeHbb3R8Dg0CkRgoJDxo8aw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.54.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.54.0
+  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.54.1_icdgnfqbkli2ydghsaevjiv5ae:
+    resolution: {integrity: sha512-a2RQAkosH3d3ZIV08s3DcL/mcGc2M/UC528VkPULFxR9VnVPT8pBu0IyBAJJmVsCmhVfwQX1v6q+QGnmSe1bew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.54.1.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.54.1
     name: '@typescript-eslint/eslint-plugin'
-    version: 5.54.0
+    version: 5.54.1
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -2774,10 +2768,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.54.0_id2eilsndvzhjjktb64trvy3gu
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.54.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.54.0_id2eilsndvzhjjktb64trvy3gu
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.54.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.54.1_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.54.1
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.54.1_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.54.1_id2eilsndvzhjjktb64trvy3gu
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.23.1
       grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
@@ -2814,11 +2808,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser/5.54.0_id2eilsndvzhjjktb64trvy3gu:
-    resolution: {integrity: sha512-aAVL3Mu2qTi+h/r04WI/5PfNWvO6pdhpeMRWk9R7rEV4mwJNzoWf5CCU5vDKBsPIFQFjEq1xg7XBI2rjiMXQbQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.54.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/5.54.0
+  registry.npmjs.org/@typescript-eslint/parser/5.54.1_id2eilsndvzhjjktb64trvy3gu:
+    resolution: {integrity: sha512-8zaIXJp/nG9Ff9vQNh7TI+C3nA6q6iIsGJ4B4L6MhZ7mHnTMR4YP5vp2xydmFXIy8rpyIVbNAG44871LMt6ujg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.54.1.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/5.54.1
     name: '@typescript-eslint/parser'
-    version: 5.54.0
+    version: 5.54.1
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -2827,9 +2821,9 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.54.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.54.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.54.0_typescript@4.9.4
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.54.1
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.54.1
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.54.1_typescript@4.9.4
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.23.1
       typescript: registry.npmjs.org/typescript/4.9.4
@@ -2847,14 +2841,14 @@ packages:
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.49.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager/5.54.0:
-    resolution: {integrity: sha512-VTPYNZ7vaWtYna9M4oD42zENOBrb+ZYyCNdFs949GcN8Miwn37b8b7eMj+EZaq7VK9fx0Jd+JhmkhjFhvnovhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.54.0.tgz}
+  registry.npmjs.org/@typescript-eslint/scope-manager/5.54.1:
+    resolution: {integrity: sha512-zWKuGliXxvuxyM71UA/EcPxaviw39dB2504LqAmFDjmkpO8qNLHcmzlh6pbHs1h/7YQ9bnsO8CCcYCSA8sykUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.54.1.tgz}
     name: '@typescript-eslint/scope-manager'
-    version: 5.54.0
+    version: 5.54.1
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.54.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.54.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.54.1
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.54.1
     dev: true
 
   registry.npmjs.org/@typescript-eslint/type-utils/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u:
@@ -2880,11 +2874,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils/5.54.0_id2eilsndvzhjjktb64trvy3gu:
-    resolution: {integrity: sha512-WI+WMJ8+oS+LyflqsD4nlXMsVdzTMYTxl16myXPaCXnSgc7LWwMsjxQFZCK/rVmTZ3FN71Ct78ehO9bRC7erYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.54.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/5.54.0
+  registry.npmjs.org/@typescript-eslint/type-utils/5.54.1_id2eilsndvzhjjktb64trvy3gu:
+    resolution: {integrity: sha512-WREHsTz0GqVYLIbzIZYbmUUr95DKEKIXZNH57W3s+4bVnuF1TKe2jH8ZNH8rO1CeMY3U4j4UQeqPNkHMiGem3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.54.1.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/5.54.1
     name: '@typescript-eslint/type-utils'
-    version: 5.54.0
+    version: 5.54.1
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -2893,8 +2887,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.54.0_typescript@4.9.4
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.54.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.54.1_typescript@4.9.4
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.54.1_id2eilsndvzhjjktb64trvy3gu
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.23.1
       tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
@@ -2910,10 +2904,10 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types/5.54.0:
-    resolution: {integrity: sha512-nExy+fDCBEgqblasfeE3aQ3NuafBUxZxgxXcYfzYRZFHdVvk5q60KhCSkG0noHgHRo/xQ/BOzURLZAafFpTkmQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.54.0.tgz}
+  registry.npmjs.org/@typescript-eslint/types/5.54.1:
+    resolution: {integrity: sha512-G9+1vVazrfAfbtmCapJX8jRo2E4MDXxgm/IMOF4oGh3kq7XuK3JRkOg6y2Qu1VsTRmWETyTkWt1wxy7X7/yLkw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.54.1.tgz}
     name: '@typescript-eslint/types'
-    version: 5.54.0
+    version: 5.54.1
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
@@ -2941,11 +2935,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree/5.54.0_typescript@4.9.4:
-    resolution: {integrity: sha512-X2rJG97Wj/VRo5YxJ8Qx26Zqf0RRKsVHd4sav8NElhbZzhpBI8jU54i6hfo9eheumj4oO4dcRN1B/zIVEqR/MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.54.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.54.0
+  registry.npmjs.org/@typescript-eslint/typescript-estree/5.54.1_typescript@4.9.4:
+    resolution: {integrity: sha512-bjK5t+S6ffHnVwA0qRPTZrxKSaFYocwFIkZx5k7pvWfsB1I57pO/0M0Skatzzw1sCkjJ83AfGTL0oFIFiDX3bg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.54.1.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.54.1
     name: '@typescript-eslint/typescript-estree'
-    version: 5.54.0
+    version: 5.54.1
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -2953,8 +2947,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.54.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.54.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.54.1
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.54.1
       debug: registry.npmjs.org/debug/4.3.4
       globby: registry.npmjs.org/globby/11.1.0
       is-glob: registry.npmjs.org/is-glob/4.0.3
@@ -2988,20 +2982,20 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils/5.54.0_id2eilsndvzhjjktb64trvy3gu:
-    resolution: {integrity: sha512-cuwm8D/Z/7AuyAeJ+T0r4WZmlnlxQ8wt7C7fLpFlKMR+dY6QO79Cq1WpJhvZbMA4ZeZGHiRWnht7ZJ8qkdAunw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.54.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/5.54.0
+  registry.npmjs.org/@typescript-eslint/utils/5.54.1_id2eilsndvzhjjktb64trvy3gu:
+    resolution: {integrity: sha512-IY5dyQM8XD1zfDe5X8jegX6r2EVU5o/WJnLu/znLPWCBF7KNGC+adacXnt5jEYS9JixDcoccI6CvE4RCjHMzCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.54.1.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/5.54.1
     name: '@typescript-eslint/utils'
-    version: 5.54.0
+    version: 5.54.1
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.11
       '@types/semver': registry.npmjs.org/@types/semver/7.3.13
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.54.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.54.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.54.0_typescript@4.9.4
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.54.1
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.54.1
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.54.1_typescript@4.9.4
       eslint: registry.npmjs.org/eslint/8.23.1
       eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
       eslint-utils: registry.npmjs.org/eslint-utils/3.0.0_eslint@8.23.1
@@ -3021,13 +3015,13 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys/5.54.0:
-    resolution: {integrity: sha512-xu4wT7aRCakGINTLGeyGqDn+78BwFlggwBjnHa1ar/KaGagnmwLYmlrXIrgAaQ3AE1Vd6nLfKASm7LrFHNbKGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.54.0.tgz}
+  registry.npmjs.org/@typescript-eslint/visitor-keys/5.54.1:
+    resolution: {integrity: sha512-q8iSoHTgwCfgcRJ2l2x+xCbu8nBlRAlsQ33k24Adj8eoVBE0f8dUeI+bAa8F84Mv05UGbAx57g2zrRsYIooqQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.54.1.tgz}
     name: '@typescript-eslint/visitor-keys'
-    version: 5.54.0
+    version: 5.54.1
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.54.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.54.1
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
     dev: true
 

From 71cdc0ff0285bfe53b0f8504161934634a401c8d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 8 Mar 2023 17:44:54 +0100
Subject: [PATCH 0035/1093] chore(examples): cleanup + routing

---
 packages/svelte/src/app.html                  |   1 -
 .../CustomNode}/Custom.svelte                 |   0
 .../example-components/CustomNode/index.ts    |   1 +
 .../example-components/Header/Header.svelte   |  37 ++++
 .../src/example-components/Header/index.ts    |   1 +
 .../src/lib/container/SvelteFlow/types.ts     |  10 +-
 packages/svelte/src/routes/+layout.server.ts  |   8 +
 packages/svelte/src/routes/+layout.svelte     |   6 +
 packages/svelte/src/routes/+page.svelte       | 176 +-----------------
 .../svelte/src/routes/overview/+page.svelte   | 141 ++++++++++++++
 .../svelte/src/routes/stress/+page.svelte     |  60 ++++++
 packages/svelte/static/favicon.png            | Bin 1571 -> 0 bytes
 12 files changed, 256 insertions(+), 185 deletions(-)
 rename packages/svelte/src/{customnodes => example-components/CustomNode}/Custom.svelte (100%)
 create mode 100644 packages/svelte/src/example-components/CustomNode/index.ts
 create mode 100644 packages/svelte/src/example-components/Header/Header.svelte
 create mode 100644 packages/svelte/src/example-components/Header/index.ts
 create mode 100644 packages/svelte/src/routes/+layout.server.ts
 create mode 100644 packages/svelte/src/routes/+layout.svelte
 create mode 100644 packages/svelte/src/routes/overview/+page.svelte
 create mode 100644 packages/svelte/src/routes/stress/+page.svelte
 delete mode 100644 packages/svelte/static/favicon.png

diff --git a/packages/svelte/src/app.html b/packages/svelte/src/app.html
index 442bc2200..0bd925946 100644
--- a/packages/svelte/src/app.html
+++ b/packages/svelte/src/app.html
@@ -2,7 +2,6 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%sveltekit.assets%/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <style>
       html,
diff --git a/packages/svelte/src/customnodes/Custom.svelte b/packages/svelte/src/example-components/CustomNode/Custom.svelte
similarity index 100%
rename from packages/svelte/src/customnodes/Custom.svelte
rename to packages/svelte/src/example-components/CustomNode/Custom.svelte
diff --git a/packages/svelte/src/example-components/CustomNode/index.ts b/packages/svelte/src/example-components/CustomNode/index.ts
new file mode 100644
index 000000000..c22c77aaf
--- /dev/null
+++ b/packages/svelte/src/example-components/CustomNode/index.ts
@@ -0,0 +1 @@
+export { default as CustomNode } from './Custom.svelte';
diff --git a/packages/svelte/src/example-components/Header/Header.svelte b/packages/svelte/src/example-components/Header/Header.svelte
new file mode 100644
index 000000000..75ec5053f
--- /dev/null
+++ b/packages/svelte/src/example-components/Header/Header.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+  import { goto } from '$app/navigation';
+
+  const routes = [
+    'overview',
+    'stress'
+  ];
+
+  const onChange = (event: Event) => {
+    const route = (event.target as HTMLSelectElement).value;
+    goto(`/${route}`);
+  };
+</script>
+
+<header>
+  <div class="logo">SvelteFlow</div>
+  <select on:change={onChange}>
+    {#each routes as route}
+      <option value={route}>{route}</option>
+    {/each}
+  </select>
+</header>
+
+<style>
+  header {
+    padding: 10px;
+    border-bottom: 1px solid #eee;
+    display: flex;
+    font-weight: 700;
+    align-items: center;
+    color: #111;
+  }
+
+  .logo {
+    margin-right: 1rem;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/example-components/Header/index.ts b/packages/svelte/src/example-components/Header/index.ts
new file mode 100644
index 000000000..3d0d3e764
--- /dev/null
+++ b/packages/svelte/src/example-components/Header/index.ts
@@ -0,0 +1 @@
+export { default as Header } from './Header.svelte';
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 69db093cc..f9cfab2d2 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -6,14 +6,7 @@ import type {
   Viewport
 } from '@reactflow/system';
 
-import type {
-  Edge,
-  Node,
-  NodeTypes,
-  KeyDefinition,
-  EdgeTypes,
-  DefaultEdgeOptions
-} from '$lib/types';
+import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types';
 import type { Writable } from 'svelte/store';
 import type { createNodes } from '$lib/utils';
 
@@ -31,7 +24,6 @@ export type SvelteFlowProps = {
   minZoom?: number;
   maxZoom?: number;
   initialViewport?: Viewport;
-  defaultEdgeOptions?: DefaultEdgeOptions;
   connectionRadius?: number;
 
   class?: string;
diff --git a/packages/svelte/src/routes/+layout.server.ts b/packages/svelte/src/routes/+layout.server.ts
new file mode 100644
index 000000000..b64f11707
--- /dev/null
+++ b/packages/svelte/src/routes/+layout.server.ts
@@ -0,0 +1,8 @@
+import { redirect } from '@sveltejs/kit';
+
+/** @type {import('./$types').LayoutServerLoad} */
+export function load({ route }) {
+  if (route.id === '/') {
+    throw redirect(307, '/overview');
+  }
+}
diff --git a/packages/svelte/src/routes/+layout.svelte b/packages/svelte/src/routes/+layout.svelte
new file mode 100644
index 000000000..44117affb
--- /dev/null
+++ b/packages/svelte/src/routes/+layout.svelte
@@ -0,0 +1,6 @@
+<script lang="ts">
+  import { Header } from '../example-components/Header'
+</script>
+
+<Header />
+<slot />
\ No newline at end of file
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index 7cf6b0c7b..cd4105376 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -1,175 +1 @@
-<script lang="ts">
-  import SvelteFlow, {
-    Controls,
-    Background,
-    BackgroundVariant,
-    Minimap,
-    Panel,
-    createNodes,
-    createEdges,
-    type NodeTypes
-  } from '../lib/index';
-  import CustomNode from '../customnodes/Custom.svelte';
-
-  const nodeTypes: NodeTypes = {
-    custom: CustomNode
-  };
-
-  // const yNodes = 10;
-  // const xNodes = 10;
-
-  // const nodes: Node[] = [];
-  // const edges: Edge[] = [];
-
-  // let source = null;
-
-  // for (let y = 0; y < yNodes; y++) {
-  //   for (let x = 0; x < xNodes; x++) {
-  //     const position = { x: x * 100, y: y * 50 };
-  //     const id = `${x}-${y}`;
-  //     const data = { label: `Node ${id}` };
-  //     const node = {
-  //       id,
-  //       data,
-  //       position,
-  //       type: x === 0 ? 'custom' : 'default',
-  //     };
-  //     nodes.push(node);
-
-  //     if (source) {
-  //       const edge = {
-  //         id: `${source.id}-${id}`,
-  //         source: source.id,
-  //         target: id,
-  //       };
-  //       edges.push(edge);
-  //     }
-
-  //     source = node;
-  //   }
-  // }
-
-  let nodes = createNodes([
-    {
-      id: '1',
-      type: 'input',
-      data: { label: 'Input Node' },
-      position: { x: 150, y: 5 }
-    },
-    {
-      id: '2',
-      type: 'default',
-      data: { label: 'Node' },
-      position: { x: 0, y: 150 }
-    },
-    {
-      id: 'A',
-      type: 'default',
-      data: { label: 'Styled with class' },
-      class: 'custom-style',
-      position: { x: 150, y: 150 },
-    },
-    {
-      id: 'D',
-      type: 'default',
-      data: { label: 'Not draggable' },
-      position: { x: 150, y: 200 },
-      draggable: false
-    },
-    {
-      id: '3',
-      type: 'output',
-      data: { label: 'Output Node' },
-      position: { x: 300, y: 150 }
-    },
-    {
-      id: 'B',
-      type: 'default',
-      data: { label: 'Styled with style' },
-      style: 'border: 2px solid #ff5050;',
-      position: { x: 450, y: 150 }
-    },
-    {
-      id: '4',
-      type: 'custom',
-      data: { label: 'Custom Node' },
-      position: { x: 150, y: 300 }
-    }
-  ]);
-
-  let edges = createEdges([
-    {
-      id: '1-2',
-      type: 'default',
-      source: '1',
-      target: '2',
-      label: 'Edge Text'
-    },
-    {
-      id: '1-3',
-      type: 'smoothstep',
-      source: '1',
-      target: '3'
-    },
-    {
-      id: '2-4',
-      type: 'default',
-      source: '2',
-      target: '4',
-    }
-  ], { animated: true });
-
-  function updateNode() {
-    nodes.update(nds => nds.map(n => {
-      if (n.id === '1') {
-        return {
-          ...n,
-          position: { x: n.position.x + 20, y: n.position.y }
-        }
-      }
-
-      return n;
-    }));
-  }
-
-  $: {
-    console.log('nodes changed', $nodes)
-  }
-</script>
-
-<SvelteFlow
-  {nodes}
-  {edges}
-  {nodeTypes}
-  fitView
-  minZoom={0.1}
-  maxZoom={2.5}
-  initialViewport={{ x: 100, y: 100, zoom: 2 }}
-  on:node:click={(event) => console.log('on node click', event)}
-  on:node:mouseenter={(event) => console.log('on node enter', event)} 
-  on:node:mouseleave={(event) => console.log('on node leave', event)}
-  on:edge:click={(event) => console.log('edge click', event)}
-  on:connect:start={(event) => console.log('on connect start', event)}
-  on:connect={(event) => console.log('on connect', event)}
-  on:connect:end={(event) => console.log('on connect end', event)}
-  on:pane:click={(event) => console.log('on pane click', event)}
-  on:pane:contextmenu={(event) => { event.preventDefault(); console.log('on pane contextmenu', event); }}
->
-  <Controls />
-  <Background variant={BackgroundVariant.Dots} />
-  <Minimap />
-  <Panel position="top-right">
-    <button on:click={updateNode}>update node pos</button>
-  </Panel>
-</SvelteFlow>
-
-<style>
-  :root {
-    --node-width: 50;
-  }
-
-  :global(.svelte-flow .custom-style) {
-    background: #ff5050;
-    color: white;
-  }
-</style>
+<div>this redirects to /overview</div>
\ No newline at end of file
diff --git a/packages/svelte/src/routes/overview/+page.svelte b/packages/svelte/src/routes/overview/+page.svelte
new file mode 100644
index 000000000..412a7423e
--- /dev/null
+++ b/packages/svelte/src/routes/overview/+page.svelte
@@ -0,0 +1,141 @@
+<script lang="ts">
+  import SvelteFlow, {
+    Controls,
+    Background,
+    BackgroundVariant,
+    Minimap,
+    Panel,
+    createNodes,
+    createEdges,
+    type NodeTypes
+  } from '../../lib/index';
+  import { CustomNode } from '../../example-components/CustomNode';
+
+  const nodeTypes: NodeTypes = {
+    custom: CustomNode
+  };
+
+  const nodes = createNodes([
+    {
+      id: '1',
+      type: 'input',
+      data: { label: 'Input Node' },
+      position: { x: 150, y: 5 }
+    },
+    {
+      id: '2',
+      type: 'default',
+      data: { label: 'Node' },
+      position: { x: 0, y: 150 }
+    },
+    {
+      id: 'A',
+      type: 'default',
+      data: { label: 'Styled with class' },
+      class: 'custom-style',
+      position: { x: 150, y: 150 },
+    },
+    {
+      id: 'D',
+      type: 'default',
+      data: { label: 'Not draggable' },
+      position: { x: 150, y: 200 },
+      draggable: false
+    },
+    {
+      id: '3',
+      type: 'output',
+      data: { label: 'Output Node' },
+      position: { x: 300, y: 150 }
+    },
+    {
+      id: 'B',
+      type: 'default',
+      data: { label: 'Styled with style' },
+      style: 'border: 2px solid #ff5050;',
+      position: { x: 450, y: 150 }
+    },
+    {
+      id: '4',
+      type: 'custom',
+      data: { label: 'Custom Node' },
+      position: { x: 150, y: 300 }
+    }
+  ]);
+
+  const edges = createEdges([
+    {
+      id: '1-2',
+      type: 'default',
+      source: '1',
+      target: '2',
+      label: 'Edge Text'
+    },
+    {
+      id: '1-3',
+      type: 'smoothstep',
+      source: '1',
+      target: '3'
+    },
+    {
+      id: '2-4',
+      type: 'default',
+      source: '2',
+      target: '4',
+    }
+  ], { animated: true });
+
+  function updateNode() {
+    nodes.update(nds => nds.map(n => {
+      if (n.id === '1') {
+        return {
+          ...n,
+          position: { x: n.position.x + 20, y: n.position.y }
+        }
+      }
+
+      return n;
+    }));
+  }
+
+  $: {
+    console.log('nodes changed', $nodes)
+  }
+</script>
+
+<SvelteFlow
+  {nodes}
+  {edges}
+  {nodeTypes}
+  fitView
+  minZoom={0.1}
+  maxZoom={2.5}
+  initialViewport={{ x: 100, y: 100, zoom: 2 }}
+  on:node:click={(event) => console.log('on node click', event)}
+  on:node:mouseenter={(event) => console.log('on node enter', event)} 
+  on:node:mouseleave={(event) => console.log('on node leave', event)}
+  on:edge:click={(event) => console.log('edge click', event)}
+  on:connect:start={(event) => console.log('on connect start', event)}
+  on:connect={(event) => console.log('on connect', event)}
+  on:connect:end={(event) => console.log('on connect end', event)}
+  on:pane:click={(event) => console.log('on pane click', event)}
+  on:pane:contextmenu={(event) => { event.preventDefault(); console.log('on pane contextmenu', event); }}
+>
+  <Controls />
+  <Background variant={BackgroundVariant.Dots} />
+  <Minimap />
+  <Panel position="top-right">
+    <button on:click={updateNode}>update node pos</button>
+  </Panel>
+</SvelteFlow>
+
+<style>
+  :root {
+    --node-width: 50;
+  }
+
+  :global(.svelte-flow .custom-style) {
+    background: #ff5050;
+    color: white;
+  }
+</style>
diff --git a/packages/svelte/src/routes/stress/+page.svelte b/packages/svelte/src/routes/stress/+page.svelte
new file mode 100644
index 000000000..b071bb298
--- /dev/null
+++ b/packages/svelte/src/routes/stress/+page.svelte
@@ -0,0 +1,60 @@
+<script lang="ts">
+  import SvelteFlow, {
+    Controls,
+    Background,
+    BackgroundVariant,
+    Minimap,
+    createNodes,
+    createEdges,
+    type Node,
+    type Edge
+  } from '../../lib/index';
+
+  const yNodes = 10;
+  const xNodes = 10;
+
+  const nodeItems: Node[] = [];
+  const edgeItems: Edge[] = [];
+
+  let source = null;
+
+  for (let y = 0; y < yNodes; y++) {
+    for (let x = 0; x < xNodes; x++) {
+      const position = { x: x * 100, y: y * 50 };
+      const id = `${x}-${y}`;
+      const data = { label: `Node ${id}` };
+      const node = {
+        id,
+        data,
+        position,
+        type: 'default',
+      };
+      nodeItems.push(node);
+
+      if (source) {
+        const edge = {
+          id: `${source.id}-${id}`,
+          source: source.id,
+          target: id,
+        };
+        edgeItems.push(edge);
+      }
+
+      source = node;
+    }
+  }
+
+  const nodes = createNodes(nodeItems);
+  const edges = createEdges(edgeItems, { animated: true });
+</script>
+
+<SvelteFlow
+  {nodes}
+  {edges}
+  fitView
+>
+  <Controls />
+  <Background variant={BackgroundVariant.Dots} />
+  <Minimap />
+</SvelteFlow>
+
diff --git a/packages/svelte/static/favicon.png b/packages/svelte/static/favicon.png
deleted file mode 100644
index 825b9e65af7c104cfb07089bb28659393b4f2097..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1571
zcmV+;2Hg3HP)<h;3K|Lk000e1NJLTq004jh004jp1ONa4X*a1r00001b5ch_0Itp)
z=>Px)-AP12RCwC$UE6KzI1p6{F2N<Fgp}YCTtZ542`(WexCEDw|A=A)1A-t30wEX>
z1VK2vi|pOpn{~#djwYcWXTI_im_u^TJgMZ4JMOsSj!0ma>B?-(Hr@X&W@|R-$}W@Z
zg<YDbY-gN-C@$NXr>j#$x=!~7LGqHW?IO8+*oE1MyDp!G=L<gz=E*n%PA*mnuaD-%
zU>0#^lUx?;!fXv@l^6SvTnf^ac{5OurzC#ZMYc20lI%HhX816AYVs1T3heS1*WaWH
z%;x>)-J}YB5#CLzU@GBR6sXYrD>Vw(Fmt#|JP;+}<#6b63Ike{Fuo!?M{yEffez;|
zp!PfsuaC)>h>-AdbnwN13g*1LowNjT5?+lFVd#9$!8Z9HA|$*6dQ8EHLu}U|obW6f
z2%uGv?vr=KNq7YYa2Roj;|zooo<)lf=&2yxM@e`kM$CmCR#x>gI>I|*Ubr({5Y^rb
zghxQU22N}F51}^yfDSt7<V*0Nvi!iKPY@n`1~$se=LwHTOE7`*@+};uU_gT$1{Nib
z9&~5~nc4J(EWez%_f0Ty7T;wB{7s*oNO=9p8(o}N*_V>86oMTc!W&V;d?76)9KXX1
z+6Okem(d}YXmmOiZq$!IPk5t8nnS{%?+vDFz3BevmFN<oPlV?qzG@=jl`t@|E8zV8
zJ4}It4e%+dFPWw16u{sAX42jlFu{_e!AKZE75iV2&Q7>gpIod~R{>@#@5x9zJK<vg
zI0+@80NMa{gtNoRhsR-w%piFI3d-5xrN)R}H!WtK=Gp%dC5(a`Q0V4_vS-mj<((Z~
zbV*PucDY#zFVglY>EHLHv!gHeK~n)Ld!M8DB|Kfe%~123&Hz1Z(86nU7*G5chmyDe
ziV7$pB7pJ=96hpxHv9rCR29%bLOXlKU<_13_M8x)6;P8E1Kz6G<&P?$P^%c!M5`2`
zfY2zg;VK5~^>TJGQzc+33-n~gKt{{of8GzUkWmU110IgI0DLxRIM>0US|TsM=L|@F
z0Bun8U!cRB7-2apz=y-7*UxOxz@Z0)@QM)9wSGki1AZ38ceG7Q72z5`i;i=J`ILzL
z@iUO?SBBG-0cQuo+an4TsL<j(YStU%^TNkjEqg808>y-g-x;8P4UVwk|D8{W@U1Zi
z!M)+jqy@nQ$p?5tsHp-6J304Q={v-B>66$P0IDx&YT(`IcZ~bZfmn11#rXd7<5s}y
zBi9eim&zQc0Dk|2>$bs0PnLmDfMP5lcXRY&cvJ=zKxI^f0%-d$tD!`LBf9^jMSYUA
zI8U?CWdY@}cRq6{5~y+<zzg4N+!Mudx;=&$zSp?cjRmyF-+404b-P66DA17$<$H}=
z7$P4)QXt>)#h1!*-HcGW@+gZ4B};0OnC~`xQOyH19z*TA!!<qA9l$G~6DRxiCy7Vo
zOl^oK!S3XbayWz&p33NSw$lxR1fm)O*rCE0^ZNmk0wnax!!?%g599+O37!666~F(y
z5fq?5T*Fm{^%YR^PiM%z#%x`fAC+;C&`X5JXN_40SieIEXoaUU=*}=c0OC7@a*rFE
z3xr3yyFB~zRl(lNY&B@$Fia%81M!xeIuTYNz!Dz6eBKONjL<@dJdT$H?ShKl6$p=F
ze!fdgzelJI&n`Hk9f}>BJ%9s0V3F?CAJ{hTd#*tf+ur-W9MOURF-@B77_-OshsY}6
zOXRY=5%C^*26z?l)1=$bz30!so5tfABdSYzO+H=CpV~aaUefmjvfZ3Ttu9W&W3Iu6
zROlh0MFA5h;my}8lB0tAV-Rvc2Zs_CCSJnx@d`<ao$!3dCkTn3@aF0ny6VrToO6qA
z-~&2=w&2nT&o5u>**$idgy-iMob4dJWWw|21b4NB=LfsYp0Aeh{Ov)yztQi;eL4y5
zMi>8^SzKqk8~k?UiQK^^-5d8c%bV?$F8%X~czyiaKCI2=UH<v&YL5FIcieFm_zQ2O
VHuiSbmk|H}002ovPDHLkV1f%e^4kCa


From 7bd8032ea4e1039fb9afd859db433e71509d0c92 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 8 Mar 2023 20:17:33 +0100
Subject: [PATCH 0036/1093] feat(svelte): add SvelteFlowProvider and
 useSvelteFlow hook

---
 .../example-components/Header/Header.svelte   |  3 +-
 .../components/EdgeWrapper/EdgeWrapper.svelte |  2 +-
 .../components/KeyHandler/KeyHandler.svelte   |  4 +-
 .../SvelteFlowProvider.svelte                 | 13 ++++
 .../components/SvelteFlowProvider/index.ts    |  2 +
 .../components/SvelteFlowProvider/types.ts    |  6 ++
 .../NodeRenderer/NodeRenderer.svelte          |  5 +-
 .../container/SvelteFlow/SvelteFlow.svelte    |  8 +--
 .../lib/container/SvelteFlow/Wrapper.svelte   | 25 +++++++
 .../src/lib/container/SvelteFlow/index.ts     |  2 +-
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 19 ++++++
 packages/svelte/src/lib/index.ts              |  4 ++
 packages/svelte/src/lib/store/index.ts        | 38 ++++-------
 .../svelte/src/lib/store/initial-store.ts     |  5 +-
 packages/svelte/src/lib/types/general.ts      |  6 +-
 packages/svelte/src/routes/+layout.svelte     | 20 +++++-
 .../src/routes/usesvelteflow/+page.svelte     | 11 ++++
 .../src/routes/usesvelteflow/Flow.svelte      | 65 +++++++++++++++++++
 packages/utils/src/graph.ts                   | 12 ++--
 19 files changed, 203 insertions(+), 47 deletions(-)
 create mode 100644 packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
 create mode 100644 packages/svelte/src/lib/components/SvelteFlowProvider/index.ts
 create mode 100644 packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
 create mode 100644 packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte
 create mode 100644 packages/svelte/src/lib/hooks/useSvelteFlow.ts
 create mode 100644 packages/svelte/src/routes/usesvelteflow/+page.svelte
 create mode 100644 packages/svelte/src/routes/usesvelteflow/Flow.svelte

diff --git a/packages/svelte/src/example-components/Header/Header.svelte b/packages/svelte/src/example-components/Header/Header.svelte
index 75ec5053f..edf34a58c 100644
--- a/packages/svelte/src/example-components/Header/Header.svelte
+++ b/packages/svelte/src/example-components/Header/Header.svelte
@@ -3,7 +3,8 @@
 
   const routes = [
     'overview',
-    'stress'
+    'stress',
+    'usesvelteflow'
   ];
 
   const onChange = (event: Event) => {
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index c4944a026..3de2050c4 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -24,7 +24,7 @@
   export let selected: $$Props['selected'] = false;
   export let label: $$Props['label'] = undefined;
 
-  const { edgeTypes, edges } = useStore();
+  const { edges, edgeTypes } = useStore();
   const dispatch = createEventDispatcher();
 
   const edgeComponent: typeof SvelteComponentTyped<EdgeProps> = $edgeTypes[type!] || BezierEdge;
diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index 8f800add5..9b2747db4 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -5,13 +5,13 @@
   import type { KeyHandlerProps } from './types';
   import type { KeyDefinition, KeyDefinitionObject } from '$lib/types';
 
-  const { selectionKeyPressed, deleteKeyPressed } = useStore();
-
   type $$Props = KeyHandlerProps;
 
   export let selectionKey: $$Props['selectionKey'] = 'Shift';
   export let deleteKey: $$Props['deleteKey'] = 'Backspace';
 
+  const { selectionKeyPressed, deleteKeyPressed } = useStore();
+
   function isKeyObject(key?: KeyDefinition): key is KeyDefinitionObject {
     return typeof key === 'object';
   }
diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
new file mode 100644
index 000000000..ee448ab7d
--- /dev/null
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  import { setContext } from 'svelte';
+  
+  import { createStore, key } from '$lib/store';
+
+  const store = createStore();
+
+  setContext(key, {
+    getStore: () => store
+  });
+</script>
+
+<slot />
diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/index.ts b/packages/svelte/src/lib/components/SvelteFlowProvider/index.ts
new file mode 100644
index 000000000..38389c7bc
--- /dev/null
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/index.ts
@@ -0,0 +1,2 @@
+export { default as SvelteFlowProvider } from './SvelteFlowProvider.svelte';
+export type { SvelteFlowProviderProps } from './types';
diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts b/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
new file mode 100644
index 000000000..2b102f3f7
--- /dev/null
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
@@ -0,0 +1,6 @@
+import type { SvelteFlowProps } from '$lib/container/SvelteFlow/types';
+
+export type SvelteFlowProviderProps = Pick<
+  SvelteFlowProps,
+  'nodes' | 'edges' | 'fitView' | 'nodeTypes'
+>;
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index c6b740150..4d6432fd0 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
   import { onDestroy } from 'svelte';
+  import { getPositionWithOrigin } from '@reactflow/utils';
 
   import { NodeWrapper } from '$lib/components/NodeWrapper';
   import { useStore } from '$lib/store';
-    import { getPositionWithOrigin } from '@reactflow/utils';
-    import { Position } from '@reactflow/system';
 
   const { nodes, nodeOrigin, updateNodeDimensions } = useStore();
+
   const resizeObserver: ResizeObserver | null =
     typeof ResizeObserver === 'undefined'
       ? null
@@ -16,7 +16,6 @@
             nodeElement: entry.target as HTMLDivElement,
             forceUpdate: true
           }));
-
           updateNodeDimensions(updates);
         });
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 73784dec6..f200b5e6a 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
-  import { setContext, onMount } from 'svelte';
+  import { onMount, setContext } from 'svelte';
   import cc from 'classcat';
 
-  import { key, createStore } from '$lib/store';
   import { Zoom } from '$lib/container/Zoom';
   import { Pane } from '$lib/container/Pane';
   import { Viewport } from '$lib/container/Viewport';
@@ -12,6 +11,7 @@
   import { NodeSelection } from '$lib/components/NodeSelection';
   import { KeyHandler } from '$lib/components/KeyHandler';
   import { ConnectionLine } from '$lib/components/ConnectionLine';
+  import { createStore, key, useStore } from '$lib/store';
   import type { SvelteFlowProps, SvelteFlowEvents } from './types';
 
   type $$Props = SvelteFlowProps;
@@ -40,9 +40,9 @@
     nodes,
     edges,
     fitView,
-    nodeTypes
   });
 
+  // we overwrite the context to be able to use the nodes and edges stores passed by the user 
   setContext(key, {
     getStore: () => store
   });
@@ -72,7 +72,7 @@
 
   $: {
     if (nodeTypes !== undefined) {
-      store.setNodeTypes(nodeTypes);
+     store.setNodeTypes(nodeTypes);
     }
 
     if (edgeTypes !== undefined) {
diff --git a/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte b/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte
new file mode 100644
index 000000000..eb703fda0
--- /dev/null
+++ b/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { hasContext } from 'svelte';
+  import { key } from '$lib/store';
+
+  import SvelteFlow from './SvelteFlow.svelte';
+  import { SvelteFlowProvider } from '$lib/components/SvelteFlowProvider';
+  import type { SvelteFlowProps } from './types';
+  
+  type $$Props = SvelteFlowProps;
+
+  // @todo how to do this typing right?
+  const props = $$props as SvelteFlowProps;
+</script>
+
+{#if hasContext(key)}
+  <SvelteFlow {...props}>
+    <slot />
+  </SvelteFlow>
+{:else}
+  <SvelteFlowProvider>
+    <SvelteFlow {...props}>
+      <slot />
+    </SvelteFlow>
+  </SvelteFlowProvider>
+{/if}
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/SvelteFlow/index.ts b/packages/svelte/src/lib/container/SvelteFlow/index.ts
index eaec432bf..e0b8153e8 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/index.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/index.ts
@@ -1,2 +1,2 @@
-export { default as SvelteFlow } from './SvelteFlow.svelte';
+export { default as SvelteFlow } from './Wrapper.svelte';
 export * from './types';
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
new file mode 100644
index 000000000..60fdd3efe
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -0,0 +1,19 @@
+import type { ZoomInOut } from '@reactflow/system';
+
+import { useStore } from '$lib/store';
+import type { FitViewOptions } from '$lib/types';
+
+export function useSvelteFlow(): {
+  zoomIn: ZoomInOut;
+  zoomOut: ZoomInOut;
+  fitView: (options?: FitViewOptions) => void;
+} {
+  // how to get the new context here? fit view doesn't work, because the store is not updated (uses old nodes store)
+  const { zoomIn, zoomOut, fitView } = useStore();
+
+  return {
+    zoomIn,
+    zoomOut,
+    fitView
+  };
+}
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 7cbf7b236..6b1dad92c 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -3,6 +3,8 @@ import { SvelteFlow } from '$lib/container/SvelteFlow';
 export * from '$lib/container/SvelteFlow';
 export * from '$lib/container/Panel';
 
+export * from '$lib/components/SvelteFlowProvider';
+
 export * from '$lib/plugins/Controls';
 export * from '$lib/plugins/Background';
 export * from '$lib/plugins/Minimap';
@@ -10,4 +12,6 @@ export * from '$lib/plugins/Minimap';
 export * from '$lib/types';
 export * from '$lib/utils';
 
+export * from '$lib/hooks/useSvelteFlow';
+
 export default SvelteFlow;
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index ee39094ce..1c1f1a43c 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -2,11 +2,9 @@ import { getContext } from 'svelte';
 import { get } from 'svelte/store';
 import { zoomIdentity } from 'd3-zoom';
 import {
-  type Transform,
   type NodeDragItem,
   type NodeDimensionUpdate,
   internalsSymbol,
-  type NodeOrigin,
   type ViewportHelperFunctionOptions,
   type Connection,
   type XYPosition,
@@ -30,30 +28,15 @@ import {
   initialStoreState
 } from './initial-store';
 import type { SvelteFlowStore } from './types';
-import type { SvelteFlowProps } from '$lib/container/SvelteFlow/types';
 
 export const key = Symbol();
 
-type CreateStoreProps = {
-  nodes: SvelteFlowProps['nodes'];
-  edges: SvelteFlowProps['edges'];
-  fitView?: boolean;
-  nodeOrigin?: NodeOrigin;
-  transform?: Transform;
-  nodeTypes?: NodeTypes;
-  edgeTypes?: EdgeTypes;
-  id?: string;
-};
-
-export function createStore({
-  fitView: fitViewOnInit = false,
-  nodes,
-  edges
-}: CreateStoreProps): SvelteFlowStore {
+type CreateStoreParams = Pick<SvelteFlowStore, 'nodes' | 'edges'> & { fitView?: boolean };
+
+export function createStore(params?: CreateStoreParams): SvelteFlowStore {
   const store = {
     ...initialStoreState,
-    nodes,
-    edges
+    ...(params !== undefined ? params : {})
   };
 
   let fitViewOnInitDone = false;
@@ -105,7 +88,6 @@ export function createStore({
 
     const style = window.getComputedStyle(viewportNode);
     const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
-
     const nextNodes = get(store.nodes).map((node) => {
       const update = updates.find((u) => u.id === node.id);
 
@@ -139,7 +121,7 @@ export function createStore({
     const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
 
     fitViewOnInitDone =
-      fitViewOnInitDone || (fitViewOnInit && !!d3Zoom && !!d3Selection && fitView());
+      fitViewOnInitDone || (!!params?.fitView && !!d3Zoom && !!d3Selection && fitView());
 
     store.nodes.set(nextNodes);
   }
@@ -333,7 +315,13 @@ export function createStore({
 }
 
 export function useStore(): SvelteFlowStore {
-  const { getStore } = getContext<{ getStore: () => SvelteFlowStore }>(key);
+  const store = getContext<{ getStore: () => SvelteFlowStore }>(key);
+
+  if (!store) {
+    throw new Error(
+      'In order to use useStore you need to wrap your component in a <SvelteFlowProvider />'
+    );
+  }
 
-  return getStore();
+  return store.getStore();
 }
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 13b407db4..ee22e0cfb 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -16,7 +16,7 @@ import OutputNode from '$lib/components/nodes/OutputNode.svelte';
 import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
-import type { ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted } from '$lib/types';
+import type { ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted, Edge, Node } from '$lib/types';
 
 export const initConnectionData = {
   nodeId: null,
@@ -40,11 +40,14 @@ export const initialEdgeTypes = {
 
 export const initialStoreState = {
   id: writable<string | null>(null),
+  nodes: writable<Node[]>([]),
+  edges: writable<Edge[]>([]),
   edgesLayouted: readable<EdgeLayouted[]>([]),
   height: writable<number>(500),
   width: writable<number>(500),
   minZoom: writable<number>(0.5),
   maxZoom: writable<number>(2),
+  fitViewOnInit: false,
   nodeOrigin: writable<NodeOrigin>([0, 0]),
   d3: writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>({
     zoom: null,
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index 7dccd4f28..a329c840f 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -1,5 +1,7 @@
 import type { ShortcutModifierDefinition } from '@svelte-put/shortcut';
-import type { HandleProps, HandleType, XYPosition } from '@reactflow/system';
+import type { FitViewOptionsBase, HandleProps, HandleType, XYPosition } from '@reactflow/system';
+
+import type { Node } from './nodes';
 
 export type KeyModifier = ShortcutModifierDefinition;
 export type KeyDefinitionObject = { key: string; modifier?: KeyModifier };
@@ -17,3 +19,5 @@ export type HandleComponentProps = HandleProps & {
   class?: string;
   style?: string;
 };
+
+export type FitViewOptions = FitViewOptionsBase<Node>;
diff --git a/packages/svelte/src/routes/+layout.svelte b/packages/svelte/src/routes/+layout.svelte
index 44117affb..bc95f151b 100644
--- a/packages/svelte/src/routes/+layout.svelte
+++ b/packages/svelte/src/routes/+layout.svelte
@@ -2,5 +2,21 @@
   import { Header } from '../example-components/Header'
 </script>
 
-<Header />
-<slot />
\ No newline at end of file
+<div class="app">
+  <Header />
+  <div class="flow">
+    <slot />
+  </div>
+</div>
+
+<style>
+  .app {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+
+  .flow {
+    flex: 1;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/routes/usesvelteflow/+page.svelte b/packages/svelte/src/routes/usesvelteflow/+page.svelte
new file mode 100644
index 000000000..c80a3eae1
--- /dev/null
+++ b/packages/svelte/src/routes/usesvelteflow/+page.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+  import {
+    SvelteFlowProvider,
+  } from '../../lib/index';
+
+  import Flow from './Flow.svelte';
+</script>
+
+<SvelteFlowProvider>
+  <Flow />
+</SvelteFlowProvider>
diff --git a/packages/svelte/src/routes/usesvelteflow/Flow.svelte b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
new file mode 100644
index 000000000..58bec508e
--- /dev/null
+++ b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
@@ -0,0 +1,65 @@
+<script lang="ts">
+  import SvelteFlow, {
+    Controls,
+    Background,
+    BackgroundVariant,
+    Minimap,
+    Panel,
+    createNodes,
+    createEdges,
+    useSvelteFlow
+  } from '../../lib/index';
+ 
+  const nodes = createNodes([
+    {
+      id: '1',
+      type: 'input',
+      data: { label: 'Input Node' },
+      position: { x: 150, y: 5 }
+    },
+    {
+      id: '2',
+      type: 'default',
+      data: { label: 'Node' },
+      position: { x: 0, y: 150 }
+    },
+    {
+      id: '3',
+      type: 'output',
+      data: { label: 'Output Node' },
+      position: { x: 300, y: 150 }
+    }
+  ]);
+
+  const edges = createEdges([
+    {
+      id: '1-2',
+      type: 'default',
+      source: '1',
+      target: '2',
+      label: 'Edge Text'
+    },
+    {
+      id: '1-3',
+      type: 'smoothstep',
+      source: '1',
+      target: '3'
+    }
+  ]);
+
+  const svelteFlow = useSvelteFlow();
+</script>
+
+<SvelteFlow
+  {nodes}
+  {edges}
+>
+  <Controls />
+  <Background variant={BackgroundVariant.Dots} />
+  <Minimap />
+  <Panel position="top-right">
+    <button on:click={() => svelteFlow.zoomIn()}>zoom in</button>
+    <button on:click={() => svelteFlow.zoomOut({ duration: 1000 })}>zoom out transition</button>
+    <button on:click={() => svelteFlow.fitView()}>fitView</button>
+  </Panel>
+</SvelteFlow>
diff --git a/packages/utils/src/graph.ts b/packages/utils/src/graph.ts
index 165bba31e..404c3e759 100644
--- a/packages/utils/src/graph.ts
+++ b/packages/utils/src/graph.ts
@@ -1,5 +1,4 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type { Selection as D3Selection } from 'd3';
 import { zoomIdentity } from 'd3-zoom';
 
 import { boxToRect, clamp, devWarn, getBoundsOfBoxes, getOverlappingArea, rectToBox } from './utils';
@@ -11,10 +10,11 @@ import {
   type XYPosition,
   type Rect,
   type NodeOrigin,
-  BaseNode,
-  BaseEdge,
-  FitViewParamsBase,
-  FitViewOptionsBase,
+  type BaseNode,
+  type BaseEdge,
+  type FitViewParamsBase,
+  type FitViewOptionsBase,
+  type D3SelectionInstance,
 } from '@reactflow/system';
 
 export const isEdgeBase = <NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>(
@@ -304,7 +304,7 @@ export const getTransformForBounds = (
   return [x, y, clampedZoom];
 };
 
-export const getD3Transition = (selection: D3Selection<Element, unknown, null, undefined>, duration = 0) => {
+export const getD3Transition = (selection: D3SelectionInstance, duration = 0) => {
   return selection.transition().duration(duration);
 };
 

From 3a3987638334699ee89e13ea39856c9332a781d9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 9 Mar 2023 13:10:19 +0100
Subject: [PATCH 0037/1093] feat(svelte): add Provider

---
 .../SvelteFlowProvider.svelte                 | 11 ++++-
 .../components/SvelteFlowProvider/types.ts    | 13 +++--
 .../container/SvelteFlow/SvelteFlow.svelte    | 21 +++-----
 .../lib/container/SvelteFlow/Wrapper.svelte   | 25 ----------
 .../src/lib/container/SvelteFlow/index.ts     |  2 +-
 .../src/lib/container/SvelteFlow/types.ts     |  3 --
 packages/svelte/src/lib/store/index.ts        | 14 +++---
 .../svelte/src/lib/store/initial-store.ts     |  3 +-
 .../svelte/src/routes/overview/+page.svelte   | 48 ++++++++++---------
 .../svelte/src/routes/stress/+page.svelte     | 17 ++++---
 .../src/routes/usesvelteflow/+page.svelte     | 44 ++++++++++++++++-
 .../src/routes/usesvelteflow/Flow.svelte      | 44 +----------------
 12 files changed, 115 insertions(+), 130 deletions(-)
 delete mode 100644 packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte

diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
index ee448ab7d..44ecb77f0 100644
--- a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
@@ -2,8 +2,17 @@
   import { setContext } from 'svelte';
   
   import { createStore, key } from '$lib/store';
+  import type { SvelteFlowProviderProps } from './types';
 
-  const store = createStore();
+  type $$Props = SvelteFlowProviderProps;
+
+  export let nodes: $$Props['nodes'];
+  export let edges: $$Props['edges'];
+
+  const store = createStore({
+    nodes,
+    edges,
+  });
 
   setContext(key, {
     getStore: () => store
diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts b/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
index 2b102f3f7..151bef8a4 100644
--- a/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
@@ -1,6 +1,9 @@
-import type { SvelteFlowProps } from '$lib/container/SvelteFlow/types';
+import type { Writable } from 'svelte/store';
 
-export type SvelteFlowProviderProps = Pick<
-  SvelteFlowProps,
-  'nodes' | 'edges' | 'fitView' | 'nodeTypes'
->;
+import type { Edge } from '$lib/types';
+import type { createNodes } from '$lib/utils';
+
+export type SvelteFlowProviderProps = {
+  nodes: ReturnType<typeof createNodes>;
+  edges: Writable<Edge[]>;
+};
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index f200b5e6a..e47c4da2a 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { onMount, setContext } from 'svelte';
+  import { onMount } from 'svelte';
   import cc from 'classcat';
 
   import { Zoom } from '$lib/container/Zoom';
@@ -11,15 +11,13 @@
   import { NodeSelection } from '$lib/components/NodeSelection';
   import { KeyHandler } from '$lib/components/KeyHandler';
   import { ConnectionLine } from '$lib/components/ConnectionLine';
-  import { createStore, key, useStore } from '$lib/store';
+  import { useStore } from '$lib/store';
   import type { SvelteFlowProps, SvelteFlowEvents } from './types';
 
   type $$Props = SvelteFlowProps;
   type $$Events = SvelteFlowEvents;
 
   export let id: $$Props['id'] = '1';
-  export let nodes: $$Props['nodes'];
-  export let edges: $$Props['edges'];
   export let fitView: $$Props['fitView'] = undefined;
   export let minZoom: $$Props['minZoom'] = undefined;
   export let maxZoom: $$Props['maxZoom'] = undefined;
@@ -36,16 +34,7 @@
 
   let domNode: HTMLDivElement;
 
-  const store = createStore({
-    nodes,
-    edges,
-    fitView,
-  });
-
-  // we overwrite the context to be able to use the nodes and edges stores passed by the user 
-  setContext(key, {
-    getStore: () => store
-  });
+  const store = useStore();
 
   onMount(() => {
     const { width, height } = domNode.getBoundingClientRect();
@@ -86,6 +75,10 @@
     if (maxZoom !== undefined) {
       store.setMaxZoom(maxZoom);
     }
+
+    if (fitView !== undefined) {
+      store.fitViewOnInit.set(fitView);
+    }
   }
 </script>
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte b/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte
deleted file mode 100644
index eb703fda0..000000000
--- a/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-<script lang="ts">
-  import { hasContext } from 'svelte';
-  import { key } from '$lib/store';
-
-  import SvelteFlow from './SvelteFlow.svelte';
-  import { SvelteFlowProvider } from '$lib/components/SvelteFlowProvider';
-  import type { SvelteFlowProps } from './types';
-  
-  type $$Props = SvelteFlowProps;
-
-  // @todo how to do this typing right?
-  const props = $$props as SvelteFlowProps;
-</script>
-
-{#if hasContext(key)}
-  <SvelteFlow {...props}>
-    <slot />
-  </SvelteFlow>
-{:else}
-  <SvelteFlowProvider>
-    <SvelteFlow {...props}>
-      <slot />
-    </SvelteFlow>
-  </SvelteFlowProvider>
-{/if}
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/SvelteFlow/index.ts b/packages/svelte/src/lib/container/SvelteFlow/index.ts
index e0b8153e8..eaec432bf 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/index.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/index.ts
@@ -1,2 +1,2 @@
-export { default as SvelteFlow } from './Wrapper.svelte';
+export { default as SvelteFlow } from './SvelteFlow.svelte';
 export * from './types';
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index f9cfab2d2..352604c0b 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -11,9 +11,6 @@ import type { Writable } from 'svelte/store';
 import type { createNodes } from '$lib/utils';
 
 export type SvelteFlowProps = {
-  nodes: ReturnType<typeof createNodes>;
-  edges: Writable<Edge[]>;
-
   id?: string;
   nodeTypes?: NodeTypes;
   edgeTypes?: EdgeTypes;
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 1c1f1a43c..c94c44a62 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -31,16 +31,14 @@ import type { SvelteFlowStore } from './types';
 
 export const key = Symbol();
 
-type CreateStoreParams = Pick<SvelteFlowStore, 'nodes' | 'edges'> & { fitView?: boolean };
+type CreateStoreParams = Pick<SvelteFlowStore, 'nodes' | 'edges'>;
 
-export function createStore(params?: CreateStoreParams): SvelteFlowStore {
+export function createStore(params: CreateStoreParams): SvelteFlowStore {
   const store = {
     ...initialStoreState,
-    ...(params !== undefined ? params : {})
+    ...params
   };
 
-  let fitViewOnInitDone = false;
-
   function setNodeTypes(nodeTypes: NodeTypes) {
     store.nodeTypes.set({
       ...initialNodeTypes,
@@ -120,9 +118,11 @@ export function createStore(params?: CreateStoreParams): SvelteFlowStore {
 
     const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
 
-    fitViewOnInitDone =
-      fitViewOnInitDone || (!!params?.fitView && !!d3Zoom && !!d3Selection && fitView());
+    const fitViewOnInitDone =
+      get(store.fitViewOnInitDone) ||
+      (get(store.fitViewOnInit) && !!d3Zoom && !!d3Selection && fitView());
 
+    store.fitViewOnInitDone.set(fitViewOnInitDone);
     store.nodes.set(nextNodes);
   }
 
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index ee22e0cfb..f0e6f10c6 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -47,7 +47,8 @@ export const initialStoreState = {
   width: writable<number>(500),
   minZoom: writable<number>(0.5),
   maxZoom: writable<number>(2),
-  fitViewOnInit: false,
+  fitViewOnInit: writable<boolean>(false),
+  fitViewOnInitDone: writable<boolean>(false),
   nodeOrigin: writable<NodeOrigin>([0, 0]),
   d3: writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>({
     zoom: null,
diff --git a/packages/svelte/src/routes/overview/+page.svelte b/packages/svelte/src/routes/overview/+page.svelte
index 412a7423e..d7c1ba766 100644
--- a/packages/svelte/src/routes/overview/+page.svelte
+++ b/packages/svelte/src/routes/overview/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import SvelteFlow, {
+    SvelteFlowProvider,
     Controls,
     Background,
     BackgroundVariant,
@@ -103,31 +104,34 @@
   }
 </script>
 
-<SvelteFlow
+<SvelteFlowProvider
   {nodes}
   {edges}
-  {nodeTypes}
-  fitView
-  minZoom={0.1}
-  maxZoom={2.5}
-  initialViewport={{ x: 100, y: 100, zoom: 2 }}
-  on:node:click={(event) => console.log('on node click', event)}
-  on:node:mouseenter={(event) => console.log('on node enter', event)} 
-  on:node:mouseleave={(event) => console.log('on node leave', event)}
-  on:edge:click={(event) => console.log('edge click', event)}
-  on:connect:start={(event) => console.log('on connect start', event)}
-  on:connect={(event) => console.log('on connect', event)}
-  on:connect:end={(event) => console.log('on connect end', event)}
-  on:pane:click={(event) => console.log('on pane click', event)}
-  on:pane:contextmenu={(event) => { event.preventDefault(); console.log('on pane contextmenu', event); }}
 >
-  <Controls />
-  <Background variant={BackgroundVariant.Dots} />
-  <Minimap />
-  <Panel position="top-right">
-    <button on:click={updateNode}>update node pos</button>
-  </Panel>
-</SvelteFlow>
+  <SvelteFlow
+    {nodeTypes}
+    fitView
+    minZoom={0.1}
+    maxZoom={2.5}
+    initialViewport={{ x: 100, y: 100, zoom: 2 }}
+    on:node:click={(event) => console.log('on node click', event)}
+    on:node:mouseenter={(event) => console.log('on node enter', event)} 
+    on:node:mouseleave={(event) => console.log('on node leave', event)}
+    on:edge:click={(event) => console.log('edge click', event)}
+    on:connect:start={(event) => console.log('on connect start', event)}
+    on:connect={(event) => console.log('on connect', event)}
+    on:connect:end={(event) => console.log('on connect end', event)}
+    on:pane:click={(event) => console.log('on pane click', event)}
+    on:pane:contextmenu={(event) => { event.preventDefault(); console.log('on pane contextmenu', event); }}
+  >
+    <Controls />
+    <Background variant={BackgroundVariant.Dots} />
+    <Minimap />
+    <Panel position="top-right">
+      <button on:click={updateNode}>update node pos</button>
+    </Panel>
+  </SvelteFlow>
+</SvelteFlowProvider>
 
 <style>
   :root {
diff --git a/packages/svelte/src/routes/stress/+page.svelte b/packages/svelte/src/routes/stress/+page.svelte
index b071bb298..ea5dd931b 100644
--- a/packages/svelte/src/routes/stress/+page.svelte
+++ b/packages/svelte/src/routes/stress/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import SvelteFlow, {
+    SvelteFlowProvider,
     Controls,
     Background,
     BackgroundVariant,
@@ -48,13 +49,15 @@
   const edges = createEdges(edgeItems, { animated: true });
 </script>
 
-<SvelteFlow
+<SvelteFlowProvider
   {nodes}
   {edges}
-  fitView
 >
-  <Controls />
-  <Background variant={BackgroundVariant.Dots} />
-  <Minimap />
-</SvelteFlow>
-
+  <SvelteFlow
+    fitView
+  >
+    <Controls />
+    <Background variant={BackgroundVariant.Dots} />
+    <Minimap />
+  </SvelteFlow>
+</SvelteFlowProvider>
\ No newline at end of file
diff --git a/packages/svelte/src/routes/usesvelteflow/+page.svelte b/packages/svelte/src/routes/usesvelteflow/+page.svelte
index c80a3eae1..755237287 100644
--- a/packages/svelte/src/routes/usesvelteflow/+page.svelte
+++ b/packages/svelte/src/routes/usesvelteflow/+page.svelte
@@ -1,11 +1,53 @@
 <script lang="ts">
   import {
+    createEdges,
+    createNodes,
     SvelteFlowProvider,
   } from '../../lib/index';
 
   import Flow from './Flow.svelte';
+
+  const nodes = createNodes([
+    {
+      id: '1',
+      type: 'input',
+      data: { label: 'Input Node' },
+      position: { x: 150, y: 5 }
+    },
+    {
+      id: '2',
+      type: 'default',
+      data: { label: 'Node' },
+      position: { x: 0, y: 150 }
+    },
+    {
+      id: '3',
+      type: 'output',
+      data: { label: 'Output Node' },
+      position: { x: 300, y: 150 }
+    }
+  ]);
+
+  const edges = createEdges([
+    {
+      id: '1-2',
+      type: 'default',
+      source: '1',
+      target: '2',
+      label: 'Edge Text'
+    },
+    {
+      id: '1-3',
+      type: 'smoothstep',
+      source: '1',
+      target: '3'
+    }
+  ]);
 </script>
 
-<SvelteFlowProvider>
+<SvelteFlowProvider
+  {nodes}
+  {edges}
+>
   <Flow />
 </SvelteFlowProvider>
diff --git a/packages/svelte/src/routes/usesvelteflow/Flow.svelte b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
index 58bec508e..1bf3f0a17 100644
--- a/packages/svelte/src/routes/usesvelteflow/Flow.svelte
+++ b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
@@ -5,55 +5,13 @@
     BackgroundVariant,
     Minimap,
     Panel,
-    createNodes,
-    createEdges,
     useSvelteFlow
   } from '../../lib/index';
  
-  const nodes = createNodes([
-    {
-      id: '1',
-      type: 'input',
-      data: { label: 'Input Node' },
-      position: { x: 150, y: 5 }
-    },
-    {
-      id: '2',
-      type: 'default',
-      data: { label: 'Node' },
-      position: { x: 0, y: 150 }
-    },
-    {
-      id: '3',
-      type: 'output',
-      data: { label: 'Output Node' },
-      position: { x: 300, y: 150 }
-    }
-  ]);
-
-  const edges = createEdges([
-    {
-      id: '1-2',
-      type: 'default',
-      source: '1',
-      target: '2',
-      label: 'Edge Text'
-    },
-    {
-      id: '1-3',
-      type: 'smoothstep',
-      source: '1',
-      target: '3'
-    }
-  ]);
-
   const svelteFlow = useSvelteFlow();
 </script>
 
-<SvelteFlow
-  {nodes}
-  {edges}
->
+<SvelteFlow>
   <Controls />
   <Background variant={BackgroundVariant.Dots} />
   <Minimap />

From cca25a792b1b985e1065a662e425b16cd1398a7f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 12:05:36 +0100
Subject: [PATCH 0038/1093] feat(svelte): reset store when component unmounts

---
 .../SvelteFlowProvider/SvelteFlowProvider.svelte     |  6 +++++-
 .../src/lib/container/SvelteFlow/SvelteFlow.svelte   |  4 ++++
 packages/svelte/src/lib/store/index.ts               | 12 +++++++++++-
 packages/svelte/src/lib/store/types.ts               |  1 +
 4 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
index 44ecb77f0..bc0ae5c4f 100644
--- a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { setContext } from 'svelte';
+  import { onDestroy, setContext } from 'svelte';
   
   import { createStore, key } from '$lib/store';
   import type { SvelteFlowProviderProps } from './types';
@@ -17,6 +17,10 @@
   setContext(key, {
     getStore: () => store
   });
+
+  onDestroy(() => {
+    store.reset();
+  });
 </script>
 
 <slot />
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index e47c4da2a..5c55c0731 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -41,6 +41,10 @@
     store.width.set(width);
     store.height.set(height);
     store.domNode.set(domNode);
+
+    return () => {
+      store.reset();
+    }
   });
 
   $: {
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index c94c44a62..d7a656afe 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -287,6 +287,15 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
     updateConnection(initConnectionData);
   }
 
+  function reset() {
+    store.fitViewOnInitDone.set(false);
+    store.selectionRect.set(null);
+    store.selectionRectMode.set(null);
+
+    resetSelectedElements();
+    cancelConnection();
+  }
+
   return {
     // state
     ...store,
@@ -310,7 +319,8 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
     addSelectedNodes,
     panBy,
     updateConnection,
-    cancelConnection
+    cancelConnection,
+    reset
   };
 }
 
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index c4775b10e..f9dde08aa 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -30,6 +30,7 @@ export type SvelteFlowStoreActions = {
   panBy: (delta: XYPosition) => void;
   updateConnection: (connection: Partial<ConnectionData>) => void;
   cancelConnection: () => void;
+  reset(): void;
 };
 
 export type SvelteFlowStoreState = typeof initialStoreState & {

From 13e7cc340cf3761a03b663c63cee77c8224dd8b7 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 12:42:06 +0100
Subject: [PATCH 0039/1093] feat(core): support origin on node level closes
 #2874

---
 examples/vite-app/src/examples/Subflow/index.tsx   |  4 ++++
 packages/core/src/container/NodeRenderer/index.tsx |  2 +-
 packages/core/src/hooks/useDrag/utils.ts           | 14 ++++++++------
 packages/core/src/store/index.ts                   |  4 ++--
 packages/core/src/store/utils.ts                   |  7 ++++---
 packages/minimap/src/MiniMap.tsx                   |  4 ++--
 packages/utils/src/graph.ts                        |  6 +++---
 packages/utils/src/utils.ts                        |  4 ++--
 8 files changed, 26 insertions(+), 19 deletions(-)

diff --git a/examples/vite-app/src/examples/Subflow/index.tsx b/examples/vite-app/src/examples/Subflow/index.tsx
index 057e6b7b0..397e4376c 100644
--- a/examples/vite-app/src/examples/Subflow/index.tsx
+++ b/examples/vite-app/src/examples/Subflow/index.tsx
@@ -29,12 +29,14 @@ const initialNodes: Node[] = [
     data: { label: 'Node 1' },
     position: { x: 250, y: 5 },
     className: 'light',
+    origin: [0.5, 0.5],
   },
   {
     id: '4',
     data: { label: 'Node 4' },
     position: { x: 100, y: 200 },
     className: 'light',
+    origin: [0.5, 0.5],
     style: {
       backgroundColor: 'rgba(255,50, 50, 0.5)',
       width: 500,
@@ -47,6 +49,8 @@ const initialNodes: Node[] = [
     position: { x: 15, y: 15 },
     className: 'light',
     parentNode: '4',
+    origin: [0.5, 0.5],
+
     extent: [
       [0, 0],
       [100, 100],
diff --git a/packages/core/src/container/NodeRenderer/index.tsx b/packages/core/src/container/NodeRenderer/index.tsx
index 3c695737c..aa8252de9 100644
--- a/packages/core/src/container/NodeRenderer/index.tsx
+++ b/packages/core/src/container/NodeRenderer/index.tsx
@@ -97,7 +97,7 @@ const NodeRenderer = (props: NodeRendererProps) => {
           y: posY,
           width: node.width ?? 0,
           height: node.height ?? 0,
-          origin: props.nodeOrigin,
+          origin: node.origin || props.nodeOrigin,
         });
 
         return (
diff --git a/packages/core/src/hooks/useDrag/utils.ts b/packages/core/src/hooks/useDrag/utils.ts
index f2c297a4e..1e6d7693a 100644
--- a/packages/core/src/hooks/useDrag/utils.ts
+++ b/packages/core/src/hooks/useDrag/utils.ts
@@ -71,6 +71,7 @@ export function getDragItems(
       parentNode: n.parentNode,
       width: n.width,
       height: n.height,
+      origin: n.origin,
     }));
 }
 
@@ -87,14 +88,15 @@ export function calcNextPosition(
   if (node.extent === 'parent') {
     if (node.parentNode && node.width && node.height) {
       const parent = nodeInternals.get(node.parentNode);
-      const { x: parentX, y: parentY } = getNodePositionWithOrigin(parent, nodeOrigin).positionAbsolute;
+      const parentOrigin = parent?.origin || nodeOrigin;
+      const { x: parentX, y: parentY } = getNodePositionWithOrigin(parent, parentOrigin).positionAbsolute;
       currentExtent =
         parent && isNumeric(parentX) && isNumeric(parentY) && isNumeric(parent.width) && isNumeric(parent.height)
           ? [
-              [parentX + node.width * nodeOrigin[0], parentY + node.height * nodeOrigin[1]],
+              [parentX + node.width * parentOrigin[0], parentY + node.height * parentOrigin[1]],
               [
-                parentX + parent.width - node.width + node.width * nodeOrigin[0],
-                parentY + parent.height - node.height + node.height * nodeOrigin[1],
+                parentX + parent.width - node.width + node.width * parentOrigin[0],
+                parentY + parent.height - node.height + node.height * parentOrigin[1],
               ],
             ]
           : currentExtent;
@@ -105,7 +107,7 @@ export function calcNextPosition(
     }
   } else if (node.extent && node.parentNode) {
     const parent = nodeInternals.get(node.parentNode);
-    const { x: parentX, y: parentY } = getNodePositionWithOrigin(parent, nodeOrigin).positionAbsolute;
+    const { x: parentX, y: parentY } = getNodePositionWithOrigin(parent, parent?.origin || nodeOrigin).positionAbsolute;
     currentExtent = [
       [node.extent[0][0] + parentX, node.extent[0][1] + parentY],
       [node.extent[1][0] + parentX, node.extent[1][1] + parentY],
@@ -116,7 +118,7 @@ export function calcNextPosition(
 
   if (node.parentNode) {
     const parentNode = nodeInternals.get(node.parentNode);
-    parentPosition = getNodePositionWithOrigin(parentNode, nodeOrigin).positionAbsolute;
+    parentPosition = getNodePositionWithOrigin(parentNode, parentNode?.origin || nodeOrigin).positionAbsolute;
   }
 
   const positionAbsolute = currentExtent
diff --git a/packages/core/src/store/index.ts b/packages/core/src/store/index.ts
index c4e408c73..a886b2529 100644
--- a/packages/core/src/store/index.ts
+++ b/packages/core/src/store/index.ts
@@ -92,8 +92,8 @@ const createRFStore = () =>
               [internalsSymbol]: {
                 ...node[internalsSymbol],
                 handleBounds: {
-                  source: getHandleBounds('.source', update.nodeElement, zoom, nodeOrigin),
-                  target: getHandleBounds('.target', update.nodeElement, zoom, nodeOrigin),
+                  source: getHandleBounds('.source', update.nodeElement, zoom, node.origin || nodeOrigin),
+                  target: getHandleBounds('.target', update.nodeElement, zoom, node.origin || nodeOrigin),
                 },
               },
               ...dimensions,
diff --git a/packages/core/src/store/utils.ts b/packages/core/src/store/utils.ts
index 154382121..d6d69825e 100644
--- a/packages/core/src/store/utils.ts
+++ b/packages/core/src/store/utils.ts
@@ -16,7 +16,7 @@ function calculateXYZPosition(
     return result;
   }
   const parentNode = nodeInternals.get(node.parentNode)!;
-  const parentNodePosition = getNodePositionWithOrigin(parentNode, nodeOrigin);
+  const parentNodePosition = getNodePositionWithOrigin(parentNode, parentNode?.origin || nodeOrigin);
 
   return calculateXYZPosition(
     parentNode,
@@ -26,7 +26,7 @@ function calculateXYZPosition(
       y: (result.y ?? 0) + parentNodePosition.y,
       z: (parentNode[internalsSymbol]?.z ?? 0) > (result.z ?? 0) ? parentNode[internalsSymbol]?.z ?? 0 : result.z ?? 0,
     },
-    nodeOrigin
+    parentNode.origin || nodeOrigin
   );
 }
 
@@ -41,6 +41,7 @@ export function updateAbsoluteNodePositions(
     }
 
     if (node.parentNode || parentNodes?.[node.id]) {
+      const parentNode = node.parentNode ? nodeInternals.get(node.parentNode) : null;
       const { x, y, z } = calculateXYZPosition(
         node,
         nodeInternals,
@@ -48,7 +49,7 @@ export function updateAbsoluteNodePositions(
           ...node.position,
           z: node[internalsSymbol]?.z ?? 0,
         },
-        nodeOrigin
+        parentNode?.origin || nodeOrigin
       );
 
       node.positionAbsolute = {
diff --git a/packages/minimap/src/MiniMap.tsx b/packages/minimap/src/MiniMap.tsx
index 59b3f34d4..faf0b9bb8 100644
--- a/packages/minimap/src/MiniMap.tsx
+++ b/packages/minimap/src/MiniMap.tsx
@@ -56,7 +56,7 @@ function MiniMap({
   nodeBorderRadius = 5,
   nodeStrokeWidth = 2,
   // We need to rename the prop to be `CapitalCase` so that JSX will render it as
-  // a component properly. 
+  // a component properly.
   nodeComponent: NodeComponent = MiniMapNode,
   maskColor = 'rgb(240, 240, 240, 0.6)',
   maskStrokeColor = 'none',
@@ -181,7 +181,7 @@ function MiniMap({
       >
         {ariaLabel && <title id={labelledBy}>{ariaLabel}</title>}
         {nodes.map((node) => {
-          const { x, y } = getNodePositionWithOrigin(node, nodeOrigin).positionAbsolute;
+          const { x, y } = getNodePositionWithOrigin(node, node.origin || nodeOrigin).positionAbsolute;
 
           return (
             <NodeComponent
diff --git a/packages/utils/src/graph.ts b/packages/utils/src/graph.ts
index 60e7e356d..fa7689914 100644
--- a/packages/utils/src/graph.ts
+++ b/packages/utils/src/graph.ts
@@ -216,7 +216,7 @@ export const getRectOfNodes = (nodes: BaseNode[], nodeOrigin: NodeOrigin = [0, 0
 
   const box = nodes.reduce(
     (currBox, node) => {
-      const { x, y } = getNodePositionWithOrigin(node, nodeOrigin).positionAbsolute;
+      const { x, y } = getNodePositionWithOrigin(node, node.origin || nodeOrigin).positionAbsolute;
       return getBoundsOfBoxes(
         currBox,
         rectToBox({
@@ -256,7 +256,7 @@ export const getNodesInside = <NodeType extends BaseNode>(
       return res;
     }
 
-    const { positionAbsolute } = getNodePositionWithOrigin(node, nodeOrigin);
+    const { positionAbsolute } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
 
     const nodeRect = {
       x: positionAbsolute.x,
@@ -316,7 +316,7 @@ export const getD3Transition = (selection: D3SelectionInstance, duration = 0) =>
 };
 
 export function fitView<Params extends FitViewParamsBase<BaseNode>, Options extends FitViewOptionsBase<BaseNode>>(
-  { nodes, width, height, d3Zoom, d3Selection, nodeOrigin, minZoom, maxZoom }: Params,
+  { nodes, width, height, d3Zoom, d3Selection, minZoom, maxZoom, nodeOrigin = [0, 0] }: Params,
   options?: Options
 ) {
   const filteredNodes = nodes.filter((n) => {
diff --git a/packages/utils/src/utils.ts b/packages/utils/src/utils.ts
index 43c96dc9c..b2d6d802d 100644
--- a/packages/utils/src/utils.ts
+++ b/packages/utils/src/utils.ts
@@ -172,13 +172,13 @@ export const getPositionWithOrigin = ({
   y,
   width,
   height,
-  origin,
+  origin = [0, 0],
 }: {
   x: number;
   y: number;
   width: number;
   height: number;
-  origin: NodeOrigin;
+  origin?: NodeOrigin;
 }): XYPosition => {
   if (!width || !height) {
     return { x, y };

From 03fd2b956849565e39e3d3ad32c36e831af1e3e8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 13:15:36 +0100
Subject: [PATCH 0040/1093] feat(utils): add getHandleBounds

---
 packages/utils/src/utils.ts | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/packages/utils/src/utils.ts b/packages/utils/src/utils.ts
index b2d6d802d..47f568ed1 100644
--- a/packages/utils/src/utils.ts
+++ b/packages/utils/src/utils.ts
@@ -7,6 +7,8 @@ import type {
   BaseNode,
   BaseEdge,
   NodeOrigin,
+  HandleElement,
+  Position,
 } from '@reactflow/system';
 import { getConnectedEdgesBase } from './graph';
 
@@ -193,3 +195,35 @@ export const getPositionWithOrigin = ({
     y: y - height * origin[1],
   };
 };
+
+export const getHandleBounds = (
+  selector: string,
+  nodeElement: HTMLDivElement,
+  zoom: number,
+  nodeOrigin: NodeOrigin = [0, 0]
+): HandleElement[] | null => {
+  const handles = nodeElement.querySelectorAll(selector);
+
+  if (!handles || !handles.length) {
+    return null;
+  }
+
+  const handlesArray = Array.from(handles) as HTMLDivElement[];
+  const nodeBounds = nodeElement.getBoundingClientRect();
+  const nodeOffset = {
+    x: nodeBounds.width * nodeOrigin[0],
+    y: nodeBounds.height * nodeOrigin[1],
+  };
+
+  return handlesArray.map((handle): HandleElement => {
+    const handleBounds = handle.getBoundingClientRect();
+
+    return {
+      id: handle.getAttribute('data-handleid'),
+      position: handle.getAttribute('data-handlepos') as unknown as Position,
+      x: (handleBounds.left - nodeBounds.left - nodeOffset.x) / zoom,
+      y: (handleBounds.top - nodeBounds.top - nodeOffset.y) / zoom,
+      ...getDimensions(handle),
+    };
+  });
+};

From 6ee3c663713ee1ec69775d5ee60d1b5f84a8d76a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 13:17:20 +0100
Subject: [PATCH 0041/1093] refactor(svelte,react): use getHandleBounds from
 utils package

---
 packages/core/src/components/Nodes/utils.ts | 34 ---------------------
 packages/svelte/src/lib/utils/index.ts      | 27 ----------------
 2 files changed, 61 deletions(-)

diff --git a/packages/core/src/components/Nodes/utils.ts b/packages/core/src/components/Nodes/utils.ts
index d015916c1..1d83c071d 100644
--- a/packages/core/src/components/Nodes/utils.ts
+++ b/packages/core/src/components/Nodes/utils.ts
@@ -1,42 +1,8 @@
 import { MouseEvent, RefObject } from 'react';
 import { StoreApi } from 'zustand';
-import { getDimensions } from '@reactflow/utils';
-import { Position, type HandleElement, type NodeOrigin } from '@reactflow/system';
 
 import type { Node, ReactFlowState } from '../../types';
 
-export const getHandleBounds = (
-  selector: string,
-  nodeElement: HTMLDivElement,
-  zoom: number,
-  nodeOrigin: NodeOrigin
-): HandleElement[] | null => {
-  const handles = nodeElement.querySelectorAll(selector);
-
-  if (!handles || !handles.length) {
-    return null;
-  }
-
-  const handlesArray = Array.from(handles) as HTMLDivElement[];
-  const nodeBounds = nodeElement.getBoundingClientRect();
-  const nodeOffset = {
-    x: nodeBounds.width * nodeOrigin[0],
-    y: nodeBounds.height * nodeOrigin[1],
-  };
-
-  return handlesArray.map((handle): HandleElement => {
-    const handleBounds = handle.getBoundingClientRect();
-
-    return {
-      id: handle.getAttribute('data-handleid'),
-      position: handle.getAttribute('data-handlepos') as unknown as Position,
-      x: (handleBounds.left - nodeBounds.left - nodeOffset.x) / zoom,
-      y: (handleBounds.top - nodeBounds.top - nodeOffset.y) / zoom,
-      ...getDimensions(handle),
-    };
-  });
-};
-
 export function getMouseHandler(
   id: string,
   getState: StoreApi<ReactFlowState>['getState'],
diff --git a/packages/svelte/src/lib/utils/index.ts b/packages/svelte/src/lib/utils/index.ts
index fde56e010..d923d9d00 100644
--- a/packages/svelte/src/lib/utils/index.ts
+++ b/packages/svelte/src/lib/utils/index.ts
@@ -20,33 +20,6 @@ export const addEdge = addEdgeBase<Edge>;
 export const updateEdge = updateEdgeBase<Edge>;
 export const getConnectedEdges = getConnectedEdgesBase<Node, Edge>;
 
-export const getHandleBounds = (
-  selector: string,
-  nodeElement: HTMLDivElement,
-  zoom: number
-): HandleElement[] | null => {
-  const handles = nodeElement.querySelectorAll(selector);
-
-  if (!handles || !handles.length) {
-    return null;
-  }
-
-  const handlesArray = Array.from(handles) as HTMLDivElement[];
-  const nodeBounds = nodeElement.getBoundingClientRect();
-
-  return handlesArray.map((handle): HandleElement => {
-    const handleBounds = handle.getBoundingClientRect();
-
-    return {
-      id: handle.getAttribute('data-handleid'),
-      position: handle.getAttribute('data-handlepos') as unknown as Position,
-      x: (handleBounds.left - nodeBounds.left) / zoom,
-      y: (handleBounds.top - nodeBounds.top) / zoom,
-      ...getDimensions(handle)
-    };
-  });
-};
-
 export const createNodes = (
   nodes: Node[],
   defaultOptions?: DefaultNodeOptions

From 97e2863c4903f9561408356d645736b833323321 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 13:18:59 +0100
Subject: [PATCH 0042/1093] feat(edge-utils): add getHandlePosition and
 getHandle

---
 .../core/src/container/EdgeRenderer/index.tsx |  3 +-
 .../core/src/container/EdgeRenderer/utils.ts  | 45 +---------------
 packages/edge-utils/src/general.ts            | 46 +++++++++++++++-
 .../src/lib/container/EdgeRenderer/utils.ts   | 53 ++-----------------
 4 files changed, 51 insertions(+), 96 deletions(-)

diff --git a/packages/core/src/container/EdgeRenderer/index.tsx b/packages/core/src/container/EdgeRenderer/index.tsx
index 043cb9368..47e6d1851 100644
--- a/packages/core/src/container/EdgeRenderer/index.tsx
+++ b/packages/core/src/container/EdgeRenderer/index.tsx
@@ -6,9 +6,10 @@ import { errorMessages, ConnectionMode, Position } from '@reactflow/system';
 import { useStore } from '../../hooks/useStore';
 import useVisibleEdges from '../../hooks/useVisibleEdges';
 import MarkerDefinitions from './MarkerDefinitions';
-import { getEdgePositions, getHandle, getNodeData } from './utils';
+import { getEdgePositions, getNodeData } from './utils';
 import { GraphViewProps } from '../GraphView';
 import type { Edge, ReactFlowState } from '../../types';
+import { getHandle } from '@reactflow/edge-utils';
 
 type EdgeRendererProps = Pick<
   GraphViewProps,
diff --git a/packages/core/src/container/EdgeRenderer/utils.ts b/packages/core/src/container/EdgeRenderer/utils.ts
index 506a71967..1f87ec535 100644
--- a/packages/core/src/container/EdgeRenderer/utils.ts
+++ b/packages/core/src/container/EdgeRenderer/utils.ts
@@ -13,6 +13,7 @@ import { rectToBox } from '@reactflow/utils';
 import { BezierEdge, SmoothStepEdge, StepEdge, StraightEdge, SimpleBezierEdge } from '../../components/Edges';
 import wrapEdge from '../../components/Edges/wrapEdge';
 import type { EdgeProps, EdgeTypes, EdgeTypesWrapped, Node } from '../../types';
+import { getHandlePosition } from '@reactflow/edge-utils';
 
 export type CreateEdgeTypes = (edgeTypes: EdgeTypes) => EdgeTypesWrapped;
 
@@ -40,50 +41,6 @@ export function createEdgeTypes(edgeTypes: EdgeTypes): EdgeTypesWrapped {
   };
 }
 
-export function getHandlePosition(position: Position, nodeRect: Rect, handle: HandleElement | null = null): XYPosition {
-  const x = (handle?.x || 0) + nodeRect.x;
-  const y = (handle?.y || 0) + nodeRect.y;
-  const width = handle?.width || nodeRect.width;
-  const height = handle?.height || nodeRect.height;
-
-  switch (position) {
-    case Position.Top:
-      return {
-        x: x + width / 2,
-        y,
-      };
-    case Position.Right:
-      return {
-        x: x + width,
-        y: y + height / 2,
-      };
-    case Position.Bottom:
-      return {
-        x: x + width / 2,
-        y: y + height,
-      };
-    case Position.Left:
-      return {
-        x,
-        y: y + height / 2,
-      };
-  }
-}
-
-export function getHandle(bounds: HandleElement[], handleId?: string | null): HandleElement | null {
-  if (!bounds) {
-    return null;
-  }
-
-  if (bounds.length === 1 || !handleId) {
-    return bounds[0];
-  } else if (handleId) {
-    return bounds.find((d) => d.id === handleId) || null;
-  }
-
-  return null;
-}
-
 interface EdgePositions {
   sourceX: number;
   sourceY: number;
diff --git a/packages/edge-utils/src/general.ts b/packages/edge-utils/src/general.ts
index 16fcf90bd..dd226c2bb 100644
--- a/packages/edge-utils/src/general.ts
+++ b/packages/edge-utils/src/general.ts
@@ -1,4 +1,4 @@
-import { MarkerType } from '@reactflow/system';
+import { HandleElement, MarkerType, Position, Rect, XYPosition } from '@reactflow/system';
 
 // this is used for straight edges and simple smoothstep edges (LTR, RTL, BTT, TTB)
 export function getEdgeCenter({
@@ -28,3 +28,47 @@ export const getMarkerEnd = (markerType?: MarkerType, markerEndId?: string): str
 
   return typeof markerType !== 'undefined' ? `url(#react-flow__${markerType})` : 'none';
 };
+
+export function getHandlePosition(position: Position, nodeRect: Rect, handle: HandleElement | null = null): XYPosition {
+  const x = (handle?.x || 0) + nodeRect.x;
+  const y = (handle?.y || 0) + nodeRect.y;
+  const width = handle?.width || nodeRect.width;
+  const height = handle?.height || nodeRect.height;
+
+  switch (position) {
+    case Position.Top:
+      return {
+        x: x + width / 2,
+        y,
+      };
+    case Position.Right:
+      return {
+        x: x + width,
+        y: y + height / 2,
+      };
+    case Position.Bottom:
+      return {
+        x: x + width / 2,
+        y: y + height,
+      };
+    case Position.Left:
+      return {
+        x,
+        y: y + height / 2,
+      };
+  }
+}
+
+export function getHandle(bounds: HandleElement[], handleId?: string | null): HandleElement | null {
+  if (!bounds) {
+    return null;
+  }
+
+  if (bounds.length === 1 || !handleId) {
+    return bounds[0];
+  } else if (handleId) {
+    return bounds.find((d) => d.id === handleId) || null;
+  }
+
+  return null;
+}
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/utils.ts b/packages/svelte/src/lib/container/EdgeRenderer/utils.ts
index c593abf93..f70242ac5 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/utils.ts
+++ b/packages/svelte/src/lib/container/EdgeRenderer/utils.ts
@@ -1,13 +1,14 @@
+import { getHandlePosition } from '@reactflow/edge-utils';
 import {
   type NodeHandleBounds,
   type Rect,
-  type Node,
   type HandleElement,
-  type XYPosition,
   Position,
   internalsSymbol
 } from '@reactflow/system';
 
+import type { Node } from '$lib/types';
+
 export function getNodeData(node?: Node): [Rect, NodeHandleBounds | null, boolean] {
   const handleBounds = node?.[internalsSymbol]?.handleBounds || null;
 
@@ -30,54 +31,6 @@ export function getNodeData(node?: Node): [Rect, NodeHandleBounds | null, boolea
   ];
 }
 
-export function getHandlePosition(
-  position: Position,
-  nodeRect: Rect,
-  handle: HandleElement | null = null
-): XYPosition {
-  const x = (handle?.x || 0) + nodeRect.x;
-  const y = (handle?.y || 0) + nodeRect.y;
-  const width = handle?.width || nodeRect.width;
-  const height = handle?.height || nodeRect.height;
-
-  switch (position) {
-    case Position.Top:
-      return {
-        x: x + width / 2,
-        y
-      };
-    case Position.Right:
-      return {
-        x: x + width,
-        y: y + height / 2
-      };
-    case Position.Bottom:
-      return {
-        x: x + width / 2,
-        y: y + height
-      };
-    case Position.Left:
-      return {
-        x,
-        y: y + height / 2
-      };
-  }
-}
-
-export function getHandle(bounds: HandleElement[], handleId?: string | null): HandleElement | null {
-  if (!bounds) {
-    return null;
-  }
-
-  if (handleId) {
-    return bounds.find((d) => d.id === handleId)!;
-  } else if (bounds.length === 1) {
-    return bounds[0];
-  }
-
-  return null;
-}
-
 export type EdgePosition = {
   sourceX: number;
   sourceY: number;

From e7826faedec68adc27a1160d536466f45f44a15e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 13:19:59 +0100
Subject: [PATCH 0043/1093] refactor(core): use getHandleBounds from utils
 package

---
 packages/core/src/store/index.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/core/src/store/index.ts b/packages/core/src/store/index.ts
index a886b2529..2a2bae2eb 100644
--- a/packages/core/src/store/index.ts
+++ b/packages/core/src/store/index.ts
@@ -1,6 +1,6 @@
 import { createStore } from 'zustand';
 import { zoomIdentity } from 'd3-zoom';
-import { clampPosition, getDimensions, fitView } from '@reactflow/utils';
+import { clampPosition, getDimensions, fitView, getHandleBounds } from '@reactflow/utils';
 import {
   internalsSymbol,
   type NodeDimensionUpdate,
@@ -10,7 +10,6 @@ import {
 } from '@reactflow/system';
 
 import { applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
-import { getHandleBounds } from '../components/Nodes/utils';
 import { createNodeInternals, updateAbsoluteNodePositions, updateNodesAndEdgesSelections } from './utils';
 import initialState from './initialState';
 import type {

From 653db49ea40efd0752083e59cb30f5f6d075ba51 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 13:20:31 +0100
Subject: [PATCH 0044/1093] chore(types): add origin to base node type

---
 packages/system/src/types/general.ts | 2 +-
 packages/system/src/types/nodes.ts   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 521cd94eb..cebfbe768 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -39,11 +39,11 @@ export type FitViewParamsBase<NodeType extends BaseNode> = {
   nodes: NodeType[];
   width: number;
   height: number;
-  nodeOrigin: NodeOrigin;
   d3Zoom: D3ZoomInstance;
   d3Selection: D3SelectionInstance;
   minZoom: number;
   maxZoom: number;
+  nodeOrigin?: NodeOrigin;
 };
 
 export type FitViewOptionsBase<NodeType extends BaseNode> = {
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 7a677af1d..8cb6d803d 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -27,6 +27,7 @@ export type BaseNode<T = any, U extends string | undefined = string | undefined>
   positionAbsolute?: XYPosition;
   ariaLabel?: string;
   focusable?: boolean;
+  origin?: NodeOrigin;
 
   // only used internally
   [internalsSymbol]?: {

From 154be3f9007a5f4afd1f004cea1ee94fd7b60f63 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 13:20:52 +0100
Subject: [PATCH 0045/1093] feat(svelte): add node option 'origin'

---
 packages/svelte/src/lib/actions/drag/utils.ts         |  7 ++++---
 .../lib/components/NodeSelection/NodeSelection.svelte |  4 ++--
 .../lib/container/NodeRenderer/NodeRenderer.svelte    |  4 ++--
 packages/svelte/src/lib/store/edges-layouted.ts       |  5 ++++-
 packages/svelte/src/lib/store/index.ts                | 11 ++++++-----
 packages/svelte/src/lib/store/initial-store.ts        |  4 +---
 packages/svelte/src/routes/usesvelteflow/+page.svelte |  2 +-
 7 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/packages/svelte/src/lib/actions/drag/utils.ts b/packages/svelte/src/lib/actions/drag/utils.ts
index cd3a1d33c..c7a788486 100644
--- a/packages/svelte/src/lib/actions/drag/utils.ts
+++ b/packages/svelte/src/lib/actions/drag/utils.ts
@@ -73,6 +73,7 @@ export function calcNextPosition(
   if (node.extent === 'parent') {
     if (node.parentNode && node.width && node.height) {
       const parent = nodes.find((n) => n.id === node.parentNode)!;
+      const parentOrigin = parent.origin || nodeOrigin;
       const { x: parentX, y: parentY } = parent.positionAbsolute!;
       currentExtent =
         parent &&
@@ -81,10 +82,10 @@ export function calcNextPosition(
         isNumeric(parent.width) &&
         isNumeric(parent.height)
           ? [
-              [parentX + node.width * nodeOrigin[0], parentY + node.height * nodeOrigin[1]],
+              [parentX + node.width * parentOrigin[0], parentY + node.height * parentOrigin[1]],
               [
-                parentX + parent.width! - node.width + node.width * nodeOrigin[0],
-                parentY + parent.height! - node.height + node.height * nodeOrigin[1]
+                parentX + parent.width! - node.width + node.width * parentOrigin[0],
+                parentY + parent.height! - node.height + node.height * parentOrigin[1]
               ]
             ]
           : currentExtent;
diff --git a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index 27c611955..c6e79d82f 100644
--- a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -5,10 +5,10 @@
   import { Selection } from '$lib/components/Selection';
   import drag from '$lib/actions/drag';
 
-  const { selectionRectMode, nodes, nodeOrigin, transform, updateNodePositions } = useStore();
+  const { selectionRectMode, nodes, transform, updateNodePositions } = useStore();
 
   $: selectedNodes = $nodes.filter((n) => n.selected);
-  $: rect = getRectOfNodes(selectedNodes, $nodeOrigin);
+  $: rect = getRectOfNodes(selectedNodes);
 </script>
 
 {#if selectedNodes && $selectionRectMode === 'nodes'}
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 4d6432fd0..473e2ec9b 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -5,7 +5,7 @@
   import { NodeWrapper } from '$lib/components/NodeWrapper';
   import { useStore } from '$lib/store';
 
-  const { nodes, nodeOrigin, updateNodeDimensions } = useStore();
+  const { nodes, updateNodeDimensions } = useStore();
 
   const resizeObserver: ResizeObserver | null =
     typeof ResizeObserver === 'undefined'
@@ -31,7 +31,7 @@
       y: node.positionAbsolute?.y ?? 0,
       width: node.width ?? 0,
       height: node.height ?? 0,
-      origin: $nodeOrigin
+      origin: node.origin
     })}
     <NodeWrapper
       id={node.id}
diff --git a/packages/svelte/src/lib/store/edges-layouted.ts b/packages/svelte/src/lib/store/edges-layouted.ts
index b5005a000..48e2beb78 100644
--- a/packages/svelte/src/lib/store/edges-layouted.ts
+++ b/packages/svelte/src/lib/store/edges-layouted.ts
@@ -1,7 +1,8 @@
 import { derived } from 'svelte/store';
 import { Position } from '@reactflow/system';
+import { getHandle } from '@reactflow/edge-utils';
 
-import { getEdgePositions, getHandle, getNodeData } from '$lib/container/EdgeRenderer/utils';
+import { getEdgePositions, getNodeData } from '$lib/container/EdgeRenderer/utils';
 import type { EdgeLayouted } from '$lib/types';
 import type { SvelteFlowStoreState } from './types';
 
@@ -26,6 +27,8 @@ export function getEdgesLayouted(store: SvelteFlowStoreState) {
         const sourcePosition = sourceHandle?.position || Position.Bottom;
         const targetPosition = targetHandle?.position || Position.Top;
 
+        console.log(sourceNodeRect);
+
         if (!sourceHandle || !targetHandle) {
           return null;
         }
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index d7a656afe..660b4b266 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -14,10 +14,11 @@ import {
   fitView as fitViewUtil,
   getD3Transition,
   getDimensions,
-  getElementsToRemove
+  getElementsToRemove,
+  getHandleBounds
 } from '@reactflow/utils';
 
-import { getHandleBounds, addEdge as addEdgeUtil } from '$lib/utils';
+import { addEdge as addEdgeUtil } from '$lib/utils';
 import type { EdgeTypes, NodeTypes, Node, Edge, ConnectionData } from '$lib/types';
 import { getEdgesLayouted } from './edges-layouted';
 import { getConnectionPath } from './connection-path';
@@ -104,8 +105,8 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
           node[internalsSymbol] = {
             ...node[internalsSymbol],
             handleBounds: {
-              source: getHandleBounds('.source', update.nodeElement, zoom),
-              target: getHandleBounds('.target', update.nodeElement, zoom)
+              source: getHandleBounds('.source', update.nodeElement, zoom, node.origin),
+              target: getHandleBounds('.target', update.nodeElement, zoom, node.origin)
             }
           };
           node.width = dimensions.width;
@@ -176,7 +177,7 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
         maxZoom: 2,
         d3Selection,
         d3Zoom,
-        nodeOrigin: get(store.nodeOrigin)
+        nodeOrigin: [0, 0]
       },
       {}
     );
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index f0e6f10c6..9f29aa1b1 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -6,8 +6,7 @@ import {
   ConnectionMode,
   ConnectionLineType,
   type SelectionRect,
-  type Transform,
-  type NodeOrigin
+  type Transform
 } from '@reactflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -49,7 +48,6 @@ export const initialStoreState = {
   maxZoom: writable<number>(2),
   fitViewOnInit: writable<boolean>(false),
   fitViewOnInitDone: writable<boolean>(false),
-  nodeOrigin: writable<NodeOrigin>([0, 0]),
   d3: writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>({
     zoom: null,
     selection: null
diff --git a/packages/svelte/src/routes/usesvelteflow/+page.svelte b/packages/svelte/src/routes/usesvelteflow/+page.svelte
index 755237287..d536801f1 100644
--- a/packages/svelte/src/routes/usesvelteflow/+page.svelte
+++ b/packages/svelte/src/routes/usesvelteflow/+page.svelte
@@ -26,7 +26,7 @@
       data: { label: 'Output Node' },
       position: { x: 300, y: 150 }
     }
-  ]);
+  ], { origin: [0.5, 0.5] });
 
   const edges = createEdges([
     {

From 1df4736203c02356ff3871ea618896b77260fedb Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 14:11:59 +0100
Subject: [PATCH 0046/1093] chore(svelte): revise useSvelteFlow example

---
 .../svelte/src/lib/container/Pane/Pane.svelte |  4 +-
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 29 +++++++++--
 .../svelte/src/lib/store/edges-layouted.ts    |  2 -
 packages/svelte/src/lib/utils/index.ts        |  4 +-
 .../src/routes/usesvelteflow/+page.svelte     | 51 +++++++++----------
 .../src/routes/usesvelteflow/Flow.svelte      | 32 +++++++-----
 .../src/routes/usesvelteflow/Sidebar.svelte   | 42 +++++++++++++++
 7 files changed, 113 insertions(+), 51 deletions(-)
 create mode 100644 packages/svelte/src/routes/usesvelteflow/Sidebar.svelte

diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index bd8d9f743..1159d6f27 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -42,7 +42,6 @@
     nodes,
     edges,
     transform,
-    nodeOrigin,
     dragging,
     selectionRect,
     selectionRectMode,
@@ -117,8 +116,7 @@
       nextUserSelectRect,
       $transform,
       selectionMode === SelectionMode.Partial,
-      true,
-      $nodeOrigin
+      true
     );
     const selectedEdgeIds = getConnectedEdges(selectedNodes, $edges).map((e) => e.id);
     const selectedNodeIds = selectedNodes.map((n) => n.id);
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 60fdd3efe..9cd685f9a 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -1,19 +1,42 @@
-import type { ZoomInOut } from '@reactflow/system';
+import type { Viewport, ZoomInOut } from '@reactflow/system';
 
 import { useStore } from '$lib/store';
 import type { FitViewOptions } from '$lib/types';
+import { get, writable, type Writable } from 'svelte/store';
+import type { SvelteFlowStore } from '$lib/store/types';
 
 export function useSvelteFlow(): {
   zoomIn: ZoomInOut;
   zoomOut: ZoomInOut;
   fitView: (options?: FitViewOptions) => void;
+  viewport: Writable<Viewport>;
+  nodes: SvelteFlowStore['nodes'];
+  edges: SvelteFlowStore['edges'];
 } {
   // how to get the new context here? fit view doesn't work, because the store is not updated (uses old nodes store)
-  const { zoomIn, zoomOut, fitView } = useStore();
+  const { zoomIn, zoomOut, fitView, transform, nodes, edges } = useStore();
+
+  const transformValues = get(transform);
+  const viewportWritable = writable({
+    x: transformValues[0],
+    y: transformValues[1],
+    zoom: transformValues[2]
+  });
+
+  transform.subscribe((ts) =>
+    viewportWritable.set({
+      x: ts[0],
+      y: ts[1],
+      zoom: ts[2]
+    })
+  );
 
   return {
     zoomIn,
     zoomOut,
-    fitView
+    fitView,
+    nodes,
+    edges,
+    viewport: viewportWritable
   };
 }
diff --git a/packages/svelte/src/lib/store/edges-layouted.ts b/packages/svelte/src/lib/store/edges-layouted.ts
index 48e2beb78..0433b6a83 100644
--- a/packages/svelte/src/lib/store/edges-layouted.ts
+++ b/packages/svelte/src/lib/store/edges-layouted.ts
@@ -27,8 +27,6 @@ export function getEdgesLayouted(store: SvelteFlowStoreState) {
         const sourcePosition = sourceHandle?.position || Position.Bottom;
         const targetPosition = targetHandle?.position || Position.Top;
 
-        console.log(sourceNodeRect);
-
         if (!sourceHandle || !targetHandle) {
           return null;
         }
diff --git a/packages/svelte/src/lib/utils/index.ts b/packages/svelte/src/lib/utils/index.ts
index d923d9d00..cfb0d3f43 100644
--- a/packages/svelte/src/lib/utils/index.ts
+++ b/packages/svelte/src/lib/utils/index.ts
@@ -1,4 +1,3 @@
-import type { HandleElement, Position } from '@reactflow/system';
 import {
   isNodeBase,
   isEdgeBase,
@@ -6,8 +5,7 @@ import {
   getOutgoersBase,
   getIncomersBase,
   updateEdgeBase,
-  getConnectedEdgesBase,
-  getDimensions
+  getConnectedEdgesBase
 } from '@reactflow/utils';
 import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, Node } from '$lib/types';
 import { writable, type Writable } from 'svelte/store';
diff --git a/packages/svelte/src/routes/usesvelteflow/+page.svelte b/packages/svelte/src/routes/usesvelteflow/+page.svelte
index d536801f1..82d960f3c 100644
--- a/packages/svelte/src/routes/usesvelteflow/+page.svelte
+++ b/packages/svelte/src/routes/usesvelteflow/+page.svelte
@@ -1,32 +1,31 @@
 <script lang="ts">
-  import {
-    createEdges,
-    createNodes,
-    SvelteFlowProvider,
-  } from '../../lib/index';
+  import { createNodes, createEdges, SvelteFlowProvider } from '../../lib/index';
 
   import Flow from './Flow.svelte';
-
-  const nodes = createNodes([
-    {
-      id: '1',
-      type: 'input',
-      data: { label: 'Input Node' },
-      position: { x: 150, y: 5 }
-    },
-    {
-      id: '2',
-      type: 'default',
-      data: { label: 'Node' },
-      position: { x: 0, y: 150 }
-    },
-    {
-      id: '3',
-      type: 'output',
-      data: { label: 'Output Node' },
-      position: { x: 300, y: 150 }
-    }
-  ], { origin: [0.5, 0.5] });
+  
+  const nodes = createNodes(
+    [
+      {
+        id: '1',
+        type: 'input',
+        data: { label: 'Input Node' },
+        position: { x: 150, y: 5 }
+      },
+      {
+        id: '2',
+        type: 'default',
+        data: { label: 'Node' },
+        position: { x: 0, y: 150 }
+      },
+      {
+        id: '3',
+        type: 'output',
+        data: { label: 'Output Node' },
+        position: { x: 300, y: 150 }
+      }
+    ],
+    { origin: [0.5, 0.5] }
+  );
 
   const edges = createEdges([
     {
diff --git a/packages/svelte/src/routes/usesvelteflow/Flow.svelte b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
index 1bf3f0a17..5effcafcc 100644
--- a/packages/svelte/src/routes/usesvelteflow/Flow.svelte
+++ b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
@@ -4,20 +4,24 @@
     Background,
     BackgroundVariant,
     Minimap,
-    Panel,
-    useSvelteFlow
   } from '../../lib/index';
- 
-  const svelteFlow = useSvelteFlow();
+  import Sidebar from './Sidebar.svelte';
 </script>
 
-<SvelteFlow>
-  <Controls />
-  <Background variant={BackgroundVariant.Dots} />
-  <Minimap />
-  <Panel position="top-right">
-    <button on:click={() => svelteFlow.zoomIn()}>zoom in</button>
-    <button on:click={() => svelteFlow.zoomOut({ duration: 1000 })}>zoom out transition</button>
-    <button on:click={() => svelteFlow.fitView()}>fitView</button>
-  </Panel>
-</SvelteFlow>
+<main>
+  <SvelteFlow
+    fitView
+  >
+    <Controls />
+    <Background variant={BackgroundVariant.Dots} />
+    <Minimap />
+  </SvelteFlow>
+  <Sidebar />
+</main>
+
+<style>
+  main {
+    height: 100%;
+    display: flex;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/routes/usesvelteflow/Sidebar.svelte b/packages/svelte/src/routes/usesvelteflow/Sidebar.svelte
new file mode 100644
index 000000000..c18a8b832
--- /dev/null
+++ b/packages/svelte/src/routes/usesvelteflow/Sidebar.svelte
@@ -0,0 +1,42 @@
+<script lang="ts">
+  import {
+    useSvelteFlow
+  } from '../../lib/index';
+
+  const { zoomIn, zoomOut, fitView, viewport, nodes } = useSvelteFlow();
+</script>
+
+<aside>
+  <div class="label">Functions:</div>
+  <button on:click={() => zoomIn()}>zoom in</button>
+  <button on:click={() => zoomOut({ duration: 1000 })}>zoom out transition</button>
+  <button on:click={() => fitView()}>fitView</button>
+
+  <div class="label">Nodes:</div>
+  {#each $nodes as node (node.id)}
+    <div>id: {node.id} | x: {node.position.x.toFixed(1)} y: {node.position.y.toFixed(1)}</div>
+  {/each}
+
+  <div class="label">Viewport:</div>
+  <div>x: {$viewport.x.toFixed(1)} y: {$viewport.y.toFixed(1)} zoom: {$viewport.zoom.toFixed(1)}</div>
+</aside>
+
+<style>
+  .label {
+    font-weight: 700;
+    margin: 0.5rem 0 .25rem 0;
+  }
+
+  aside {
+    width: 20vw;
+    background: #f4f4f4;
+    padding: 0.4rem 0.8rem;
+    font-size: 12px;
+  }
+
+  button {
+    display: block;
+    margin-bottom: 0.5rem;
+    font-size: 12px;
+  }
+</style>
\ No newline at end of file

From 233e6aedca92218f3407aaa4739b4424b9910449 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 14:55:49 +0100
Subject: [PATCH 0047/1093] feat(svelte): add isValidConnection prop, cleanup
 handle classes

---
 .../example-components/Header/Header.svelte   |  3 +-
 .../src/lib/components/Handle/Handle.svelte   | 15 +++---
 .../src/lib/components/Handle/handler.ts      | 16 +++---
 .../svelte/src/lib/components/Handle/utils.ts | 12 +++--
 .../components/NodeWrapper/NodeWrapper.svelte |  6 ++-
 .../src/lib/components/NodeWrapper/types.ts   |  1 +
 .../NodeRenderer/NodeRenderer.svelte          |  1 +
 .../container/SvelteFlow/SvelteFlow.svelte    |  5 +-
 .../src/lib/container/SvelteFlow/types.ts     | 12 +++--
 .../svelte/src/lib/store/initial-store.ts     | 13 ++++-
 packages/svelte/src/lib/types/general.ts      | 15 +++++-
 packages/svelte/src/lib/types/nodes.ts        |  2 +-
 .../svelte/src/routes/validation/+page.svelte | 51 +++++++++++++++++++
 13 files changed, 120 insertions(+), 32 deletions(-)
 create mode 100644 packages/svelte/src/routes/validation/+page.svelte

diff --git a/packages/svelte/src/example-components/Header/Header.svelte b/packages/svelte/src/example-components/Header/Header.svelte
index edf34a58c..078f8ed9e 100644
--- a/packages/svelte/src/example-components/Header/Header.svelte
+++ b/packages/svelte/src/example-components/Header/Header.svelte
@@ -4,7 +4,8 @@
   const routes = [
     'overview',
     'stress',
-    'usesvelteflow'
+    'usesvelteflow',
+    'validation'
   ];
 
   const onChange = (event: Event) => {
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index dd5a3cc32..d26e98df0 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -13,14 +13,14 @@
   export let id: $$Props['id'] = undefined;
   export let type: $$Props['type'] = 'source';
   export let position: $$Props['position'] = Position.Top;
-  export let isConnectable: $$Props['isConnectable'] = true;
   export let style: $$Props['style'] = undefined;
-  export let isValidConnection: $$Props['isValidConnection'] = (_: Connection) => true;
   let className: $$Props['class'] = undefined;
   export { className as class };
 
   const isTarget = type === 'target';
-  const nodeId = getContext<string>('rf_nodeid');
+  const nodeId = getContext<string>('svelteflow__node_id');
+  const connectable = getContext<string>('svelteflow__node_connectable');
+
   const handleId = id || null;
   const dispatch = createEventDispatcher();
 
@@ -30,10 +30,11 @@
     nodes,
     connectionRadius,
     transform,
+    isValidConnection,
     addEdge,
     panBy,
     cancelConnection,
-    updateConnection
+    updateConnection,
   } = useStore();
 
   function dispatchEvent(eventName: string, params?: Connection) {
@@ -56,10 +57,10 @@
         isTarget,
         connectionRadius: $connectionRadius,
         domNode: $domNode,
-        nodes: $nodes,
+        nodes,
         connectionMode: $connectionMode,
         transform,
-        isValidConnection: isValidConnection!,
+        isValidConnection: $isValidConnection,
         onConnect: onConnectExtended,
         updateConnection,
         cancelConnection,
@@ -86,7 +87,7 @@
   ])}
   class:source={!isTarget}
   class:target={isTarget}
-  class:connectable={isConnectable}
+  class:connectable
   on:mousedown={onPointerDown}
   on:touchstart={onPointerDown}
   {style}
diff --git a/packages/svelte/src/lib/components/Handle/handler.ts b/packages/svelte/src/lib/components/Handle/handler.ts
index 972fd3033..0275f3334 100644
--- a/packages/svelte/src/lib/components/Handle/handler.ts
+++ b/packages/svelte/src/lib/components/Handle/handler.ts
@@ -22,10 +22,9 @@ import {
   getHandleType,
   isValidHandle,
   resetRecentHandle,
-  type ConnectionHandle,
-  type ValidConnectionFunc
+  type ConnectionHandle
 } from './utils';
-import type { ConnectionData, Node } from '$lib/types';
+import type { ConnectionData, IsValidConnection, Node } from '$lib/types';
 
 export function handlePointerDown({
   event,
@@ -54,9 +53,9 @@ export function handlePointerDown({
   isTarget: boolean;
   connectionMode: ConnectionMode;
   domNode: HTMLDivElement | null;
-  nodes: Node[];
+  nodes: Writable<Node[]>;
   connectionRadius: number;
-  isValidConnection: ValidConnectionFunc;
+  isValidConnection: IsValidConnection;
   transform: Writable<Transform>;
   updateConnection: (connection: Partial<ConnectionData>) => void;
   cancelConnection: () => void;
@@ -90,7 +89,7 @@ export function handlePointerDown({
   const autoPanOnConnect = true;
 
   const handleLookup = getHandleLookup({
-    nodes,
+    nodes: get(nodes),
     nodeId,
     handleId,
     handleType
@@ -116,8 +115,6 @@ export function handlePointerDown({
     status: null
   });
 
-  // @todo add prop
-
   // onConnectStart?.(event, { nodeId, handleId, handleType });
   onConnectStart();
 
@@ -144,7 +141,8 @@ export function handlePointerDown({
       handleId,
       isTarget ? 'target' : 'source',
       isValidConnection,
-      doc
+      doc,
+      get(nodes)
     );
 
     handleDomNode = result.handleDomNode;
diff --git a/packages/svelte/src/lib/components/Handle/utils.ts b/packages/svelte/src/lib/components/Handle/utils.ts
index 673831ad9..183227182 100644
--- a/packages/svelte/src/lib/components/Handle/utils.ts
+++ b/packages/svelte/src/lib/components/Handle/utils.ts
@@ -2,7 +2,7 @@ import { internalsSymbol, ConnectionMode, type ConnectionStatus } from '@reactfl
 import type { Connection, HandleType, XYPosition, NodeHandleBounds } from '@reactflow/system';
 import { getEventPosition } from '@reactflow/utils';
 
-import type { Node } from '$lib/types';
+import type { IsValidConnection, Node } from '$lib/types';
 
 export type ConnectionHandle = {
   id: string | null;
@@ -76,8 +76,9 @@ export function isValidHandle(
   fromNodeId: string,
   fromHandleId: string | null,
   fromType: string,
-  isValidConnection: ValidConnectionFunc,
-  doc: Document | ShadowRoot
+  isValidConnection: IsValidConnection,
+  doc: Document | ShadowRoot,
+  nodes: Node[]
 ) {
   const isTarget = fromType === 'target';
   const handleDomNode = doc.querySelector(
@@ -116,7 +117,10 @@ export function isValidHandle(
         : handleNodeId !== fromNodeId || handleId !== fromHandleId;
 
     if (isValid) {
-      result.isValid = isValidConnection(connection);
+      const fromNode: Node | undefined = nodes.find((n) => n.id === connection.source);
+      const toNode: Node | undefined = nodes.find((n) => n.id === connection.target);
+
+      if (fromNode && toNode) result.isValid = isValidConnection(connection, { fromNode, toNode });
     }
   }
 
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index ec79f3aa2..bbbe42e5a 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -15,6 +15,7 @@
   export let data: NodeWrapperProps['data'] = {};
   export let selected: NodeWrapperProps['selected'] = false;
   export let draggable: NodeWrapperProps['draggable'] = undefined;
+  export let connectable: NodeWrapperProps['connectable'] = true;
   export let dragging: boolean = false;
   export let resizeObserver: NodeWrapperProps['resizeObserver'] = null;
   export let style: NodeWrapperProps['style'] = undefined;
@@ -45,7 +46,8 @@
   const selectNodesOnDrag = false;
   const dispatch = createEventDispatcher();
 
-  setContext('rf_nodeid', id);
+  setContext('svelteflow__node_id', id);
+  setContext('svelteflow__node_connectable', connectable);
 
   onMount(() => {
     resizeObserver?.observe(nodeRef);
@@ -79,6 +81,7 @@
   class:dragging
   class:selected
   class:draggable
+  class:connectable
   style:transform={`translate(${positionOrigin?.x ?? 0}px, ${positionOrigin?.y ?? 0}px)`}
   {style}
   on:click={onSelectNodeHandler}
@@ -93,7 +96,6 @@
     {selected}
     {sourcePosition}
     {targetPosition}
-    isConnectable={true}
     xPos={positionAbsolute?.x ?? 0}
     yPos={positionAbsolute?.y ?? 0}
     on:connect:start
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index 1dd04945b..564aaa41c 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -5,6 +5,7 @@ export type NodeWrapperProps = Pick<
   Node,
   | 'id'
   | 'class'
+  | 'connectable'
   | 'data'
   | 'draggable'
   | 'dragging'
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 473e2ec9b..6b99962ab 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -38,6 +38,7 @@
       data={node.data}
       selected={node.selected}
       draggable={node.draggable || node.draggable === undefined}
+      connectable={node.connectable || node.connectable === undefined}
       positionAbsolute={node.positionAbsolute}
       positionOrigin={posOrigin}
       width={node.width}
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 5c55c0731..dbbb2a2bb 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -27,7 +27,9 @@
   export let selectionKey: $$Props['selectionKey'] = undefined;
   export let deleteKey: $$Props['deleteKey'] = undefined;
   export let connectionRadius: $$Props['connectionRadius'] = undefined;
-  export let connectionLineType: $$Props['connectionLineType'] = undefined
+  export let connectionLineType: $$Props['connectionLineType'] = undefined;
+  export let isValidConnection: $$Props['isValidConnection'] = undefined;
+
   export let style: $$Props['style'] = undefined;
   let className: $$Props['class'] = undefined;
   export { className as class };
@@ -52,6 +54,7 @@
       id,
       connectionLineType,
       connectionRadius,
+      isValidConnection
     };
 
     Object.keys(updatableProps).forEach(prop => {
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 352604c0b..52552a514 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -6,9 +6,14 @@ import type {
   Viewport
 } from '@reactflow/system';
 
-import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types';
-import type { Writable } from 'svelte/store';
-import type { createNodes } from '$lib/utils';
+import type {
+  Edge,
+  Node,
+  NodeTypes,
+  KeyDefinition,
+  EdgeTypes,
+  IsValidConnection
+} from '$lib/types';
 
 export type SvelteFlowProps = {
   id?: string;
@@ -27,6 +32,7 @@ export type SvelteFlowProps = {
   style?: string;
 
   connectionLineType?: ConnectionLineType;
+  isValidConnection?: IsValidConnection;
 };
 
 export type SvelteFlowEvents = {
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 9f29aa1b1..943e26844 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -15,7 +15,15 @@ import OutputNode from '$lib/components/nodes/OutputNode.svelte';
 import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
-import type { ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted, Edge, Node } from '$lib/types';
+import type {
+  ConnectionData,
+  NodeTypes,
+  EdgeTypes,
+  EdgeLayouted,
+  Edge,
+  Node,
+  IsValidConnection
+} from '$lib/types';
 
 export const initConnectionData = {
   nodeId: null,
@@ -67,5 +75,6 @@ export const initialStoreState = {
   connectionPath: readable<string | null>(null),
   connection: writable<ConnectionData>(initConnectionData),
   connectionRadius: writable<number>(25),
-  connectionLineType: writable<ConnectionLineType>(ConnectionLineType.Bezier)
+  connectionLineType: writable<ConnectionLineType>(ConnectionLineType.Bezier),
+  isValidConnection: writable<IsValidConnection>(() => true)
 };
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index a329c840f..09530b3a2 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -1,5 +1,11 @@
 import type { ShortcutModifierDefinition } from '@svelte-put/shortcut';
-import type { FitViewOptionsBase, HandleProps, HandleType, XYPosition } from '@reactflow/system';
+import type {
+  Connection,
+  FitViewOptionsBase,
+  HandleProps,
+  HandleType,
+  XYPosition
+} from '@reactflow/system';
 
 import type { Node } from './nodes';
 
@@ -15,9 +21,14 @@ export type ConnectionData = {
   status: string | null;
 };
 
-export type HandleComponentProps = HandleProps & {
+export type HandleComponentProps = Omit<HandleProps, 'isConnectable'> & {
   class?: string;
   style?: string;
 };
 
 export type FitViewOptions = FitViewOptionsBase<Node>;
+
+export type IsValidConnection = (
+  connection: Connection,
+  { fromNode, toNode }: { fromNode: Node; toNode: Node }
+) => boolean;
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index 1cb4bebcb..35fe7e1a1 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -26,4 +26,4 @@ export type NodeProps<NodeData = any> = Pick<
 
 export type NodeTypes = Record<string, typeof SvelteComponentTyped<Partial<NodeProps>>>;
 
-export type DefaultNodeOptions = Omit<Node, 'id'>;
+export type DefaultNodeOptions = Partial<Omit<Node, 'id'>>;
diff --git a/packages/svelte/src/routes/validation/+page.svelte b/packages/svelte/src/routes/validation/+page.svelte
new file mode 100644
index 000000000..7b08fb5f6
--- /dev/null
+++ b/packages/svelte/src/routes/validation/+page.svelte
@@ -0,0 +1,51 @@
+<script lang="ts">
+  import SvelteFlow, {
+    SvelteFlowProvider,
+    Controls,
+    Background,
+    BackgroundVariant,
+    createNodes,
+    createEdges,
+    type IsValidConnection
+  } from '../../lib/index';
+  import { Position } from '@reactflow/system';
+
+  const nodes = createNodes([
+    { id: '0', type: 'default', position: { x: 0, y: 150 }, data: { label: 'only connecatbale with B' } },
+    { id: 'A', type: 'default', position: { x: 250, y: 0 }, data: { label: 'A' } },
+    { id: 'B', type: 'default', position: { x: 250, y: 150 }, data: { label: 'B' } },
+    { id: 'C', type: 'default', position: { x: 250, y: 300 }, data: { label: 'C' } }
+  ], {
+    sourcePosition: Position.Right,
+    targetPosition: Position.Left
+  });
+
+  const edges = createEdges([]);
+
+  const isValidConnection: IsValidConnection = (connection) => connection.target === 'B'
+</script>
+
+<SvelteFlowProvider
+  {nodes}
+  {edges}
+>
+  <SvelteFlow
+    fitView
+    minZoom={0.1}
+    maxZoom={2.5}
+    isValidConnection={isValidConnection}
+  >
+    <Controls />
+    <Background variant={BackgroundVariant.Dots} />
+  </SvelteFlow>
+</SvelteFlowProvider>
+
+<style>
+  :global(.svelte-flow__handle.connecting) {
+    background: #ff6060;
+  }
+
+  :global(.svelte-flow__handle.valid) {
+    background: #55dd99;
+  }
+</style>

From ae244526bd60ba9aa868bc789e481c122b5ebf8b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 15:25:46 +0100
Subject: [PATCH 0048/1093] feat(svelte): add selectionMode prop

---
 .../lib/components/NodeWrapper/NodeWrapper.svelte    |  5 +++--
 packages/svelte/src/lib/container/Pane/Pane.svelte   |  6 +++---
 .../src/lib/container/SvelteFlow/SvelteFlow.svelte   |  2 ++
 .../svelte/src/lib/container/SvelteFlow/types.ts     |  4 +++-
 packages/svelte/src/lib/index.ts                     |  4 ++++
 packages/svelte/src/lib/types/nodes.ts               | 12 +-----------
 packages/svelte/src/routes/overview/+page.svelte     |  4 +++-
 7 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index bbbe42e5a..030c14338 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
+  
   import { createEventDispatcher, onMount, setContext, SvelteComponentTyped } from 'svelte';
   import cc from 'classcat';
-  import { errorMessages } from '@reactflow/system';
+  import { errorMessages, type NodeProps } from '@reactflow/system';
 
   import drag from '$lib/actions/drag';
   import { useStore } from '$lib/store';
   import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
-  import type { NodeProps } from '$lib/types';
   import type { NodeWrapperProps } from './types';
 
   interface $$Props extends NodeWrapperProps {}
@@ -72,6 +72,7 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   use:drag={{ nodeId: id, nodes, transform, updateNodePositions }}
   bind:this={nodeRef}
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 1159d6f27..e45247601 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -46,12 +46,12 @@
     selectionRect,
     selectionRectMode,
     selectionKeyPressed,
-    resetSelectedElements
+    resetSelectedElements,
+    selectionMode
   } = useStore();
 
   // @todo take from props
   const elementsSelectable = true;
-  const selectionMode = SelectionMode.Partial;
 
   let container: HTMLDivElement;
   let containerBounds: DOMRect | null = null;
@@ -115,7 +115,7 @@
       $nodes,
       nextUserSelectRect,
       $transform,
-      selectionMode === SelectionMode.Partial,
+      $selectionMode === SelectionMode.Partial,
       true
     );
     const selectedEdgeIds = getConnectedEdges(selectedNodes, $edges).map((e) => e.id);
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index dbbb2a2bb..3fb9b4b08 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -25,6 +25,7 @@
   export let nodeTypes: $$Props['nodeTypes'] = undefined;
   export let edgeTypes: $$Props['edgeTypes'] = undefined;
   export let selectionKey: $$Props['selectionKey'] = undefined;
+  export let selectionMode: $$Props['selectionMode'] = undefined;
   export let deleteKey: $$Props['deleteKey'] = undefined;
   export let connectionRadius: $$Props['connectionRadius'] = undefined;
   export let connectionLineType: $$Props['connectionLineType'] = undefined;
@@ -54,6 +55,7 @@
       id,
       connectionLineType,
       connectionRadius,
+      selectionMode,
       isValidConnection
     };
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 52552a514..70327e45f 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -3,7 +3,8 @@ import type {
   ConnectionLineType,
   NodeOrigin,
   OnConnectStartParams,
-  Viewport
+  Viewport,
+  SelectionMode
 } from '@reactflow/system';
 
 import type {
@@ -27,6 +28,7 @@ export type SvelteFlowProps = {
   maxZoom?: number;
   initialViewport?: Viewport;
   connectionRadius?: number;
+  selectionMode?: SelectionMode;
 
   class?: string;
   style?: string;
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 6b1dad92c..a5af2d974 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -14,4 +14,8 @@ export * from '$lib/utils';
 
 export * from '$lib/hooks/useSvelteFlow';
 
+export * from '@reactflow/utils';
+export * from '@reactflow/system';
+export * from '@reactflow/edge-utils';
+
 export default SvelteFlow;
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index 35fe7e1a1..9eb55ac68 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 import type { SvelteComponentTyped } from 'svelte';
-import type { BaseNode } from '@reactflow/system';
+import type { BaseNode, NodeProps } from '@reactflow/system';
 
 // @todo: currently the helper function only like Node from '@reactflow/core'
 // we need a base node type or helpes that accept Node like types
@@ -14,16 +14,6 @@ export type Node<
   style?: string;
 };
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type NodeProps<NodeData = any> = Pick<
-  Node<NodeData>,
-  'id' | 'data' | 'selected' | 'sourcePosition' | 'targetPosition'
-> & {
-  xPos: number;
-  yPos: number;
-  isConnectable?: boolean;
-};
-
 export type NodeTypes = Record<string, typeof SvelteComponentTyped<Partial<NodeProps>>>;
 
 export type DefaultNodeOptions = Partial<Omit<Node, 'id'>>;
diff --git a/packages/svelte/src/routes/overview/+page.svelte b/packages/svelte/src/routes/overview/+page.svelte
index d7c1ba766..94d811857 100644
--- a/packages/svelte/src/routes/overview/+page.svelte
+++ b/packages/svelte/src/routes/overview/+page.svelte
@@ -8,7 +8,8 @@
     Panel,
     createNodes,
     createEdges,
-    type NodeTypes
+    type NodeTypes,
+    SelectionMode
   } from '../../lib/index';
   import { CustomNode } from '../../example-components/CustomNode';
 
@@ -113,6 +114,7 @@
     fitView
     minZoom={0.1}
     maxZoom={2.5}
+    selectionMode={SelectionMode.Full}
     initialViewport={{ x: 100, y: 100, zoom: 2 }}
     on:node:click={(event) => console.log('on node click', event)}
     on:node:mouseenter={(event) => console.log('on node enter', event)} 

From 9c7bd6dc6864a3381942ff13c304080d6cdec224 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 15:43:14 +0100
Subject: [PATCH 0049/1093] feat(svelte): add snapGrid

---
 packages/svelte/src/lib/actions/drag/index.ts | 27 +++++++++++++++----
 .../NodeSelection/NodeSelection.svelte        |  4 +--
 .../components/NodeWrapper/NodeWrapper.svelte |  4 +--
 .../container/SvelteFlow/SvelteFlow.svelte    |  2 ++
 .../src/lib/container/SvelteFlow/types.ts     |  4 ++-
 .../svelte/src/lib/store/initial-store.ts     |  4 ++-
 .../svelte/src/routes/overview/+page.svelte   |  7 ++---
 7 files changed, 36 insertions(+), 16 deletions(-)

diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index d7b5ca97c..c96777c2e 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -5,6 +5,7 @@ import type { XYPosition, CoordinateExtent, Transform } from '@reactflow/system'
 
 import { getDragItems, hasSelector, calcNextPosition } from './utils';
 import type { Node } from '$lib/types';
+import type { SvelteFlowStore } from '$lib/store/types';
 
 export type UseDragData = { dx: number; dy: number };
 export type UseDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
@@ -25,13 +26,21 @@ type UseDragParams = {
   handleSelector?: string;
   nodeId?: string;
   updateNodePositions: (dragItems: NodeDragItem[], d: boolean, p: boolean) => void;
-  nodes: Writable<Node[]>;
-  transform: Writable<Transform>;
+  nodes: SvelteFlowStore['nodes'];
+  transform: SvelteFlowStore['transform'];
+  snapGrid: SvelteFlowStore['snapGrid'];
 };
 
 export default function drag(
   nodeRef: Element,
-  { handleSelector, nodeId, updateNodePositions, nodes, transform: transformStore }: UseDragParams
+  {
+    handleSelector,
+    nodeId,
+    updateNodePositions,
+    nodes,
+    transform: transformStore,
+    snapGrid: snapGridStore
+  }: UseDragParams
 ) {
   let dragging = false;
   let dragItems: NodeDragItem[] = [];
@@ -43,6 +52,7 @@ export default function drag(
     const x = sourceEvent.touches ? sourceEvent.touches[0].clientX : sourceEvent.clientX;
     const y = sourceEvent.touches ? sourceEvent.touches[0].clientY : sourceEvent.clientY;
     const transform = get(transformStore);
+    const snapGrid = get(snapGridStore);
 
     const pointerPos = {
       x: (x - transform[0]) / transform[2],
@@ -51,17 +61,24 @@ export default function drag(
 
     // we need the snapped position in order to be able to skip unnecessary drag events
     return {
-      xSnapped: pointerPos.x,
-      ySnapped: pointerPos.y,
+      xSnapped: snapGrid ? snapGrid[0] * Math.round(pointerPos.x / snapGrid[0]) : pointerPos.x,
+      ySnapped: snapGrid ? snapGrid[1] * Math.round(pointerPos.y / snapGrid[1]) : pointerPos.y,
       ...pointerPos
     };
   };
 
   const updateNodes = ({ x, y }: XYPosition) => {
     let hasChange = false;
+    const snapGrid = get(snapGridStore);
 
     dragItems = dragItems.map((n) => {
       const nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
+
+      if (snapGrid) {
+        nextPosition.x = snapGrid[0] * Math.round(nextPosition.x / snapGrid[0]);
+        nextPosition.y = snapGrid[1] * Math.round(nextPosition.y / snapGrid[1]);
+      }
+
       const updatedPos = calcNextPosition(n, nextPosition, get(nodes));
 
       // we want to make sure that we only fire a change event when there is a changes
diff --git a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index c6e79d82f..6c7396d36 100644
--- a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -5,7 +5,7 @@
   import { Selection } from '$lib/components/Selection';
   import drag from '$lib/actions/drag';
 
-  const { selectionRectMode, nodes, transform, updateNodePositions } = useStore();
+  const { selectionRectMode, nodes, transform, snapGrid, updateNodePositions } = useStore();
 
   $: selectedNodes = $nodes.filter((n) => n.selected);
   $: rect = getRectOfNodes(selectedNodes);
@@ -15,7 +15,7 @@
   <div
     class="selection-wrapper nopan"
     style={`width: ${rect.width}px; height: ${rect.height}px; transform: translate(${rect.x}px, ${rect.y}px)`}
-    use:drag={{ nodes, transform, updateNodePositions }}
+    use:drag={{ nodes, snapGrid, transform, updateNodePositions }}
   />
   <Selection
     isVisible={$selectionRectMode === 'nodes'}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 030c14338..b9671cb08 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -30,7 +30,7 @@
   let className: string = '';
   export { className as class };
 
-  const { nodes, transform, nodeTypes, updateNodePositions, addSelectedNodes } = useStore();
+  const { nodes, transform, nodeTypes, snapGrid, updateNodePositions, addSelectedNodes } = useStore();
 
   let nodeRef: HTMLDivElement;
   const nodeTypeValid = !!$nodeTypes[type!];
@@ -74,7 +74,7 @@
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
-  use:drag={{ nodeId: id, nodes, transform, updateNodePositions }}
+  use:drag={{ nodeId: id, nodes, snapGrid, transform, updateNodePositions }}
   bind:this={nodeRef}
   data-id={id}
   class={cc(['svelte-flow__node', `svelte-flow__node-${type}`, className])}
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 3fb9b4b08..469954ebd 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -26,6 +26,7 @@
   export let edgeTypes: $$Props['edgeTypes'] = undefined;
   export let selectionKey: $$Props['selectionKey'] = undefined;
   export let selectionMode: $$Props['selectionMode'] = undefined;
+  export let snapGrid: $$Props['snapGrid'] = undefined;
   export let deleteKey: $$Props['deleteKey'] = undefined;
   export let connectionRadius: $$Props['connectionRadius'] = undefined;
   export let connectionLineType: $$Props['connectionLineType'] = undefined;
@@ -56,6 +57,7 @@
       connectionLineType,
       connectionRadius,
       selectionMode,
+      snapGrid,
       isValidConnection
     };
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 70327e45f..5876d1995 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -4,7 +4,8 @@ import type {
   NodeOrigin,
   OnConnectStartParams,
   Viewport,
-  SelectionMode
+  SelectionMode,
+  SnapGrid
 } from '@reactflow/system';
 
 import type {
@@ -29,6 +30,7 @@ export type SvelteFlowProps = {
   initialViewport?: Viewport;
   connectionRadius?: number;
   selectionMode?: SelectionMode;
+  snapGrid?: SnapGrid;
 
   class?: string;
   style?: string;
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 943e26844..4d3cfdbfa 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -6,7 +6,8 @@ import {
   ConnectionMode,
   ConnectionLineType,
   type SelectionRect,
-  type Transform
+  type Transform,
+  type SnapGrid
 } from '@reactflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -60,6 +61,7 @@ export const initialStoreState = {
     zoom: null,
     selection: null
   }),
+  snapGrid: writable<SnapGrid | null>(null),
   dragging: writable<boolean>(false),
   selectionRect: writable<SelectionRect | null>(null),
   selectionKeyPressed: writable<boolean>(false),
diff --git a/packages/svelte/src/routes/overview/+page.svelte b/packages/svelte/src/routes/overview/+page.svelte
index 94d811857..fe15840f5 100644
--- a/packages/svelte/src/routes/overview/+page.svelte
+++ b/packages/svelte/src/routes/overview/+page.svelte
@@ -63,7 +63,7 @@
       data: { label: 'Custom Node' },
       position: { x: 150, y: 300 }
     }
-  ]);
+  ], { style: 'width: 125px;' });
 
   const edges = createEdges([
     {
@@ -116,6 +116,7 @@
     maxZoom={2.5}
     selectionMode={SelectionMode.Full}
     initialViewport={{ x: 100, y: 100, zoom: 2 }}
+    snapGrid={[25, 25]}
     on:node:click={(event) => console.log('on node click', event)}
     on:node:mouseenter={(event) => console.log('on node enter', event)} 
     on:node:mouseleave={(event) => console.log('on node leave', event)}
@@ -136,10 +137,6 @@
 </SvelteFlowProvider>
 
 <style>
-  :root {
-    --node-width: 50;
-  }
-
   :global(.svelte-flow .custom-style) {
     background: #ff5050;
     color: white;

From 2e486384a89292a6c9c02550b50fea158ebe97f6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 16:48:47 +0100
Subject: [PATCH 0050/1093] feat(svelte): add drag n drop example

---
 .../example-components/Header/Header.svelte   |  1 +
 .../container/SvelteFlow/SvelteFlow.svelte    |  6 +-
 .../src/lib/container/SvelteFlow/types.ts     | 25 ++++---
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 10 ++-
 packages/svelte/src/lib/store/index.ts        |  1 +
 .../src/routes/drag-n-drop/+page.svelte       | 52 +++++++++++++++
 .../svelte/src/routes/drag-n-drop/Flow.svelte | 65 +++++++++++++++++++
 .../src/routes/drag-n-drop/Sidebar.svelte     | 59 +++++++++++++++++
 8 files changed, 202 insertions(+), 17 deletions(-)
 create mode 100644 packages/svelte/src/routes/drag-n-drop/+page.svelte
 create mode 100644 packages/svelte/src/routes/drag-n-drop/Flow.svelte
 create mode 100644 packages/svelte/src/routes/drag-n-drop/Sidebar.svelte

diff --git a/packages/svelte/src/example-components/Header/Header.svelte b/packages/svelte/src/example-components/Header/Header.svelte
index 078f8ed9e..0d937de5b 100644
--- a/packages/svelte/src/example-components/Header/Header.svelte
+++ b/packages/svelte/src/example-components/Header/Header.svelte
@@ -2,6 +2,7 @@
   import { goto } from '$app/navigation';
 
   const routes = [
+    'drag-n-drop',
     'overview',
     'stress',
     'usesvelteflow',
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 469954ebd..a12fd9248 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -12,10 +12,9 @@
   import { KeyHandler } from '$lib/components/KeyHandler';
   import { ConnectionLine } from '$lib/components/ConnectionLine';
   import { useStore } from '$lib/store';
-  import type { SvelteFlowProps, SvelteFlowEvents } from './types';
+  import type { SvelteFlowProps } from './types';
 
   type $$Props = SvelteFlowProps;
-  type $$Events = SvelteFlowEvents;
 
   export let id: $$Props['id'] = '1';
   export let fitView: $$Props['fitView'] = undefined;
@@ -98,6 +97,9 @@
   style={style}
   class={cc(['svelte-flow', className])}
   data-testid="rf__wrapper"
+  on:dragover
+  on:drop
+  {...$$restProps}
 >
   <KeyHandler {selectionKey} {deleteKey} />
   <Zoom {initialViewport}>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 5876d1995..6526bd5d1 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -1,3 +1,4 @@
+import type { DOMAttributes } from 'svelte/elements';
 import type {
   Connection,
   ConnectionLineType,
@@ -17,7 +18,7 @@ import type {
   IsValidConnection
 } from '$lib/types';
 
-export type SvelteFlowProps = {
+export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   id?: string;
   nodeTypes?: NodeTypes;
   edgeTypes?: EdgeTypes;
@@ -37,19 +38,17 @@ export type SvelteFlowProps = {
 
   connectionLineType?: ConnectionLineType;
   isValidConnection?: IsValidConnection;
-};
 
-export type SvelteFlowEvents = {
-  'node:click': CustomEvent<Node>;
-  'node:mouseenter': CustomEvent<Node>;
-  'node:mousemove': CustomEvent<Node>;
-  'node:mouseleave': CustomEvent<Node>;
-  'edge:click': CustomEvent<Edge>;
-  'connect:start': CustomEvent<OnConnectStartParams>;
-  connect: CustomEvent<Connection>;
-  'connect:end': CustomEvent<OnConnectStartParams>;
-  'pane:click': CustomEvent;
-  'pane:contextmenu': CustomEvent;
+  'on:node:click'?: CustomEvent<Node>;
+  'on:node:mouseenter'?: CustomEvent<Node>;
+  'on:node:mousemove'?: CustomEvent<Node>;
+  'on:node:mouseleave'?: CustomEvent<Node>;
+  'on:edge:click'?: CustomEvent<Edge>;
+  'on:connect:start'?: CustomEvent<OnConnectStartParams>;
+  'on:connect'?: CustomEvent<Connection>;
+  'on:connect:end'?: CustomEvent<OnConnectStartParams>;
+  'on:pane:click'?: CustomEvent;
+  'on:pane:contextmenu'?: CustomEvent;
 };
 
 export type SvelteFlowSlots = {
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 9cd685f9a..cd246eea4 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -1,9 +1,10 @@
-import type { Viewport, ZoomInOut } from '@reactflow/system';
+import type { Project, Viewport, XYPosition, ZoomInOut } from '@reactflow/system';
 
 import { useStore } from '$lib/store';
 import type { FitViewOptions } from '$lib/types';
 import { get, writable, type Writable } from 'svelte/store';
 import type { SvelteFlowStore } from '$lib/store/types';
+import { pointToRendererPoint } from '@reactflow/utils';
 
 export function useSvelteFlow(): {
   zoomIn: ZoomInOut;
@@ -12,9 +13,10 @@ export function useSvelteFlow(): {
   viewport: Writable<Viewport>;
   nodes: SvelteFlowStore['nodes'];
   edges: SvelteFlowStore['edges'];
+  project: Project;
 } {
   // how to get the new context here? fit view doesn't work, because the store is not updated (uses old nodes store)
-  const { zoomIn, zoomOut, fitView, transform, nodes, edges } = useStore();
+  const { zoomIn, zoomOut, fitView, snapGrid: snapGridStore, transform, nodes, edges } = useStore();
 
   const transformValues = get(transform);
   const viewportWritable = writable({
@@ -35,6 +37,10 @@ export function useSvelteFlow(): {
     zoomIn,
     zoomOut,
     fitView,
+    project: (position: XYPosition) => {
+      const snapGrid = get(snapGridStore);
+      return pointToRendererPoint(position, get(transform), snapGrid !== null, snapGrid || [1, 1]);
+    },
     nodes,
     edges,
     viewport: viewportWritable
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 660b4b266..bfbd94c92 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -292,6 +292,7 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
     store.fitViewOnInitDone.set(false);
     store.selectionRect.set(null);
     store.selectionRectMode.set(null);
+    store.snapGrid.set(null);
 
     resetSelectedElements();
     cancelConnection();
diff --git a/packages/svelte/src/routes/drag-n-drop/+page.svelte b/packages/svelte/src/routes/drag-n-drop/+page.svelte
new file mode 100644
index 000000000..82d960f3c
--- /dev/null
+++ b/packages/svelte/src/routes/drag-n-drop/+page.svelte
@@ -0,0 +1,52 @@
+<script lang="ts">
+  import { createNodes, createEdges, SvelteFlowProvider } from '../../lib/index';
+
+  import Flow from './Flow.svelte';
+  
+  const nodes = createNodes(
+    [
+      {
+        id: '1',
+        type: 'input',
+        data: { label: 'Input Node' },
+        position: { x: 150, y: 5 }
+      },
+      {
+        id: '2',
+        type: 'default',
+        data: { label: 'Node' },
+        position: { x: 0, y: 150 }
+      },
+      {
+        id: '3',
+        type: 'output',
+        data: { label: 'Output Node' },
+        position: { x: 300, y: 150 }
+      }
+    ],
+    { origin: [0.5, 0.5] }
+  );
+
+  const edges = createEdges([
+    {
+      id: '1-2',
+      type: 'default',
+      source: '1',
+      target: '2',
+      label: 'Edge Text'
+    },
+    {
+      id: '1-3',
+      type: 'smoothstep',
+      source: '1',
+      target: '3'
+    }
+  ]);
+</script>
+
+<SvelteFlowProvider
+  {nodes}
+  {edges}
+>
+  <Flow />
+</SvelteFlowProvider>
diff --git a/packages/svelte/src/routes/drag-n-drop/Flow.svelte b/packages/svelte/src/routes/drag-n-drop/Flow.svelte
new file mode 100644
index 000000000..3d3c16c9d
--- /dev/null
+++ b/packages/svelte/src/routes/drag-n-drop/Flow.svelte
@@ -0,0 +1,65 @@
+<script lang="ts">
+  import SvelteFlow, {
+    Controls,
+    Background,
+    BackgroundVariant,
+    Minimap,
+    useSvelteFlow,
+    type Node
+  } from '../../lib/index';
+  import Sidebar from './Sidebar.svelte';
+
+  const svelteFlow = useSvelteFlow();
+
+  const onDragOver = (event: DragEvent) => {
+    event.preventDefault();
+
+    console.log(event)
+
+    if (event.dataTransfer) {
+      event.dataTransfer.dropEffect = 'move';
+    }
+  };
+
+  const onDrop = (event: DragEvent) => {
+    event.preventDefault();
+
+    if (!event.dataTransfer) {
+      return null;
+    }
+
+    const type = event.dataTransfer.getData('application/svelteflow');
+    const position = svelteFlow.project({
+      x: event.clientX,
+      y: event.clientY - 40,
+    });
+    const newNode: Node = {
+      id: `${Math.random()}`,
+      type,
+      position,
+      data: { label: `${type} node` },
+    };
+
+    svelteFlow.nodes.update(nds => nds.concat(newNode));
+  };
+</script>
+
+<main>
+  <SvelteFlow
+    fitView
+    on:dragover={onDragOver}
+    on:drop={onDrop}
+  >
+    <Controls />
+    <Background variant={BackgroundVariant.Dots} />
+    <Minimap />
+  </SvelteFlow>
+  <Sidebar />
+</main>
+
+<style>
+  main {
+    height: 100%;
+    display: flex;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/routes/drag-n-drop/Sidebar.svelte b/packages/svelte/src/routes/drag-n-drop/Sidebar.svelte
new file mode 100644
index 000000000..532cfbed0
--- /dev/null
+++ b/packages/svelte/src/routes/drag-n-drop/Sidebar.svelte
@@ -0,0 +1,59 @@
+<script lang="ts">
+  import {
+    useSvelteFlow
+  } from '../../lib/index';
+
+  const onDragStart = (event: DragEvent, nodeType: string) => {
+    if (!event.dataTransfer) {
+      return null;
+    }
+
+    event.dataTransfer.setData('application/svelteflow', nodeType);
+    event.dataTransfer.effectAllowed = 'move';
+  };
+
+  const { zoomIn, zoomOut, fitView, viewport, nodes } = useSvelteFlow();
+</script>
+
+<aside>
+  <div class="label">You can drag these nodes to the pane on the left.</div>
+  <div class="input-node node" on:dragstart={(event) => onDragStart(event, 'input')} draggable={true}>
+    Input Node
+  </div>
+  <div
+    class="default-node node"
+    on:dragstart={(event) => onDragStart(event, 'default')}
+    draggable={true}
+  >
+    Default Node
+  </div>
+  <div
+    class="output-node node"
+    on:dragstart={(event) => onDragStart(event, 'output')}
+    draggable={true}
+  >
+    Output Node
+  </div>
+</aside>
+
+<style>
+  .label {
+    margin: 0.5rem 0 .25rem 0;
+  }
+
+  aside {
+    width: 20vw;
+    background: #f4f4f4;
+    padding: 0.4rem 0.8rem;
+    font-size: 12px;
+  }
+
+  .node {
+    margin-bottom: 0.5rem;
+    border: 1px solid #111;
+    padding: .5rem 1rem;
+    font-weight: 700;
+    border-radius: 3px;
+    cursor: grab;
+  }
+</style>
\ No newline at end of file

From 5b3c260e452bc355506c30b8714a6b4f872f21c5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 17:24:01 +0100
Subject: [PATCH 0051/1093] feat(svelte): add functions to useSvelteFlow

---
 .../src/lib/container/Panel/Panel.svelte      |  7 +-
 .../svelte/src/lib/container/Panel/types.ts   |  4 +-
 .../container/SvelteFlow/SvelteFlow.svelte    |  2 +-
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 82 +++++++++++++++++--
 .../lib/plugins/Background/Background.svelte  |  2 +-
 .../src/lib/plugins/Controls/Controls.svelte  |  4 +-
 .../src/lib/plugins/Minimap/Minimap.svelte    |  7 +-
 packages/svelte/src/lib/store/index.ts        | 13 +--
 .../src/routes/usesvelteflow/Sidebar.svelte   |  6 +-
 9 files changed, 102 insertions(+), 25 deletions(-)

diff --git a/packages/svelte/src/lib/container/Panel/Panel.svelte b/packages/svelte/src/lib/container/Panel/Panel.svelte
index 23d3f79e6..86b8aa358 100644
--- a/packages/svelte/src/lib/container/Panel/Panel.svelte
+++ b/packages/svelte/src/lib/container/Panel/Panel.svelte
@@ -2,17 +2,18 @@
   import cc from 'classcat';
   import type { PanelProps } from './types';
 
-  interface $$Props extends PanelProps {}
+  type $$Props = PanelProps;
 
   export let position: $$Props['position'] = 'top-right';
-  export let style: $$Props['style'] = '';
+  export let style: $$Props['style'] = undefined;
+
   let className: $$Props['class'] = undefined;
   export { className as class };
 
   $: positionClasses = `${position}`.split('-');
 </script>
 
-<div class={cc(['svelte-flow__panel', className, ...positionClasses])} {style}>
+<div class={cc(['svelte-flow__panel', className, ...positionClasses])} {style} {...$$restProps}>
   <slot />
 </div>
 
diff --git a/packages/svelte/src/lib/container/Panel/types.ts b/packages/svelte/src/lib/container/Panel/types.ts
index 01f071da2..32bbea01f 100644
--- a/packages/svelte/src/lib/container/Panel/types.ts
+++ b/packages/svelte/src/lib/container/Panel/types.ts
@@ -1,6 +1,8 @@
 import type { PanelPosition } from '@reactflow/system';
+import type { HTMLAttributes } from 'svelte/elements';
 
-export type PanelProps = {
+export type PanelProps = HTMLAttributes<HTMLDivElement> & {
+  'data-testid'?: string;
   position?: PanelPosition;
   style?: string;
   class?: string;
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index a12fd9248..7b7153b35 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -96,7 +96,7 @@
   bind:this={domNode}
   style={style}
   class={cc(['svelte-flow', className])}
-  data-testid="rf__wrapper"
+  data-testid="svelte-flow__wrapper"
   on:dragover
   on:drop
   {...$$restProps}
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index cd246eea4..d24c299f6 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -1,22 +1,47 @@
-import type { Project, Viewport, XYPosition, ZoomInOut } from '@reactflow/system';
+import { get, writable, type Writable } from 'svelte/store';
+import type {
+  Project,
+  SetCenterOptions,
+  Viewport,
+  ViewportHelperFunctionOptions,
+  XYPosition,
+  ZoomInOut
+} from '@reactflow/system';
+import { zoomIdentity } from 'd3-zoom';
 
 import { useStore } from '$lib/store';
 import type { FitViewOptions } from '$lib/types';
-import { get, writable, type Writable } from 'svelte/store';
 import type { SvelteFlowStore } from '$lib/store/types';
-import { pointToRendererPoint } from '@reactflow/utils';
+import { getD3Transition, pointToRendererPoint } from '@reactflow/utils';
 
 export function useSvelteFlow(): {
   zoomIn: ZoomInOut;
   zoomOut: ZoomInOut;
+  setZoom: (zoomLevel: number, options?: ViewportHelperFunctionOptions) => void;
+  getZoom: () => number;
+  setCenter: (x: number, y: number, options?: SetCenterOptions) => void;
+  setViewport: (viewport: Viewport, options?: ViewportHelperFunctionOptions) => void;
+  getViewport: () => Viewport;
   fitView: (options?: FitViewOptions) => void;
+  project: Project;
   viewport: Writable<Viewport>;
   nodes: SvelteFlowStore['nodes'];
   edges: SvelteFlowStore['edges'];
-  project: Project;
 } {
   // how to get the new context here? fit view doesn't work, because the store is not updated (uses old nodes store)
-  const { zoomIn, zoomOut, fitView, snapGrid: snapGridStore, transform, nodes, edges } = useStore();
+  const {
+    zoomIn,
+    zoomOut,
+    fitView,
+    snapGrid,
+    transform,
+    width,
+    height,
+    maxZoom,
+    d3,
+    nodes,
+    edges
+  } = useStore();
 
   const transformValues = get(transform);
   const viewportWritable = writable({
@@ -36,10 +61,53 @@ export function useSvelteFlow(): {
   return {
     zoomIn,
     zoomOut,
+    setZoom: (zoomLevel, options) => {
+      const { zoom, selection } = get(d3);
+
+      if (zoom && selection) {
+        zoom.scaleTo(getD3Transition(selection, options?.duration), zoomLevel);
+      }
+    },
+    getZoom: () => get(transform)[2],
+    setViewport: (viewport, options) => {
+      const [x, y, zoom] = get(transform);
+      const { zoom: d3Zoom, selection } = get(d3);
+
+      if (d3Zoom && selection) {
+        const nextTransform = zoomIdentity
+          .translate(viewport.x ?? x, viewport.y ?? y)
+          .scale(viewport.zoom ?? zoom);
+        d3Zoom.transform(getD3Transition(selection, options?.duration), nextTransform);
+      }
+    },
+    getViewport: () => {
+      const [x, y, zoom] = get(transform);
+      return { x, y, zoom };
+    },
+    setCenter: (x, y, options) => {
+      const _width = get(width);
+      const _height = get(height);
+      const _maxZoom = get(maxZoom);
+      const { zoom, selection } = get(d3);
+
+      if (zoom && selection) {
+        const nextZoom = typeof options?.zoom !== 'undefined' ? options.zoom : _maxZoom;
+        const centerX = _width / 2 - x * nextZoom;
+        const centerY = _height / 2 - y * nextZoom;
+        const transform = zoomIdentity.translate(centerX, centerY).scale(nextZoom);
+
+        zoom.transform(getD3Transition(selection, options?.duration), transform);
+      }
+    },
     fitView,
     project: (position: XYPosition) => {
-      const snapGrid = get(snapGridStore);
-      return pointToRendererPoint(position, get(transform), snapGrid !== null, snapGrid || [1, 1]);
+      const _snapGrid = get(snapGrid);
+      return pointToRendererPoint(
+        position,
+        get(transform),
+        _snapGrid !== null,
+        _snapGrid || [1, 1]
+      );
     },
     nodes,
     edges,
diff --git a/packages/svelte/src/lib/plugins/Background/Background.svelte b/packages/svelte/src/lib/plugins/Background/Background.svelte
index c8e74f720..908d3f6de 100644
--- a/packages/svelte/src/lib/plugins/Background/Background.svelte
+++ b/packages/svelte/src/lib/plugins/Background/Background.svelte
@@ -47,7 +47,7 @@
     : [patternDimensions[0] / 2, patternDimensions[1] / 2];
 </script>
 
-<svg class={cc(['svelte-flow__background', className])} style={style}>
+<svg class={cc(['svelte-flow__background', className])} {style} data-testid="svelte-flow__background">
   <pattern
     id={patternId}
     x={$transform[0] % scaledGap[0]}
diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index 88284f0c1..264649751 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -42,8 +42,8 @@
     // onInteractiveChange?.(!isInteractive);
   };
 </script>
-
-<Panel class="svelte-flow__controls" {position}>
+ 
+<Panel class="svelte-flow__controls" {position} data-testid="svelte-flow__controls">
   {#if showZoom}
     <ControlButton
       on:click={onZoomInHandler}
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 9c96f68c5..060b2de98 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -35,7 +35,7 @@
 
   const defaultWidth = 200;
   const defaultHeight = 150;
-  const { nodes, transform, width: containerWidth, height: containerHeight, nodeOrigin, id } = useStore();
+  const { nodes, transform, width: containerWidth, height: containerHeight, id } = useStore();
 
   
   const nodeColorFunc = getAttrFunction(nodeColor);
@@ -52,7 +52,7 @@
     height: $containerHeight / $transform[2]
   };
   $: boundingRect =
-    $nodes.length > 0 ? getBoundsOfRects(getRectOfNodes($nodes, $nodeOrigin), viewBB) : viewBB;
+    $nodes.length > 0 ? getBoundsOfRects(getRectOfNodes($nodes), viewBB) : viewBB;
   $: elementWidth = width ?? defaultWidth;
   $: elementHeight = height ?? defaultHeight;
   $: scaledWidth = boundingRect.width / elementWidth;
@@ -71,6 +71,7 @@
   {position}
   class={cc(['svelte-flow__minimap', className])}
   style={`background-color: ${bgColor}; ${style}`}
+  data-testid="svelte-flow__minimap"
 >
   <svg
     width={elementWidth}
@@ -83,7 +84,7 @@
 
     {#each $nodes as node (node.id)}
       {#if node.width && node.height}
-        {@const pos = getNodePositionWithOrigin(node, $nodeOrigin).positionAbsolute}
+        {@const pos = getNodePositionWithOrigin(node).positionAbsolute}
         <MinimapNode
           x={pos.x}
           y={pos.y}
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index bfbd94c92..7f2f996b9 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -127,19 +127,20 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
     store.nodes.set(nextNodes);
   }
 
-  function zoomIn(options?: ViewportHelperFunctionOptions) {
+  function zoomBy(factor: number, options?: ViewportHelperFunctionOptions) {
     const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
 
     if (d3Zoom && d3Selection) {
-      d3Zoom.scaleBy(getD3Transition(d3Selection, options?.duration), 1.2);
+      d3Zoom.scaleBy(getD3Transition(d3Selection, options?.duration), factor);
     }
   }
 
+  function zoomIn(options?: ViewportHelperFunctionOptions) {
+    zoomBy(1.2, options);
+  }
+
   function zoomOut(options?: ViewportHelperFunctionOptions) {
-    const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
-    if (d3Zoom && d3Selection) {
-      d3Zoom.scaleBy(getD3Transition(d3Selection, options?.duration), 1 / 1.2);
-    }
+    zoomBy(1 / 1.2, options);
   }
 
   function setMinZoom(minZoom: number) {
diff --git a/packages/svelte/src/routes/usesvelteflow/Sidebar.svelte b/packages/svelte/src/routes/usesvelteflow/Sidebar.svelte
index c18a8b832..de82de39f 100644
--- a/packages/svelte/src/routes/usesvelteflow/Sidebar.svelte
+++ b/packages/svelte/src/routes/usesvelteflow/Sidebar.svelte
@@ -3,14 +3,18 @@
     useSvelteFlow
   } from '../../lib/index';
 
-  const { zoomIn, zoomOut, fitView, viewport, nodes } = useSvelteFlow();
+  const { zoomIn, zoomOut, setZoom, fitView, setCenter, setViewport, getViewport, viewport, nodes } = useSvelteFlow();
 </script>
 
 <aside>
   <div class="label">Functions:</div>
   <button on:click={() => zoomIn()}>zoom in</button>
   <button on:click={() => zoomOut({ duration: 1000 })}>zoom out transition</button>
+  <button on:click={() => setZoom(2)}>set zoom</button>
   <button on:click={() => fitView()}>fitView</button>
+  <button on:click={() => setCenter(0, 0)}>setCenter 0, 0</button>
+  <button on:click={() => setViewport({ x: 100, y: 100, zoom: 2 })}>setViewport</button>
+  <button on:click={() => console.log(getViewport())}>getViewport</button>
 
   <div class="label">Nodes:</div>
   {#each $nodes as node (node.id)}

From 564302147d0174963ce5637ab01054b0dda7472a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 23:36:36 +0100
Subject: [PATCH 0052/1093] feat(svelte): add attribution

---
 .../example-components/Header/Header.svelte   |  2 +-
 .../components/Attribution/Attribution.svelte | 36 +++++++++++++++++++
 .../src/lib/components/Attribution/index.ts   |  1 +
 .../src/lib/components/Attribution/types.ts   |  6 ++++
 .../svelte/src/lib/container/Panel/types.ts   |  1 +
 .../container/SvelteFlow/SvelteFlow.svelte    |  2 ++
 .../svelte/src/routes/validation/+page.svelte |  2 +-
 7 files changed, 48 insertions(+), 2 deletions(-)
 create mode 100644 packages/svelte/src/lib/components/Attribution/Attribution.svelte
 create mode 100644 packages/svelte/src/lib/components/Attribution/index.ts
 create mode 100644 packages/svelte/src/lib/components/Attribution/types.ts

diff --git a/packages/svelte/src/example-components/Header/Header.svelte b/packages/svelte/src/example-components/Header/Header.svelte
index 0d937de5b..e6ada6674 100644
--- a/packages/svelte/src/example-components/Header/Header.svelte
+++ b/packages/svelte/src/example-components/Header/Header.svelte
@@ -16,7 +16,7 @@
 </script>
 
 <header>
-  <div class="logo">SvelteFlow</div>
+  <div class="logo">Svelte Flow</div>
   <select on:change={onChange}>
     {#each routes as route}
       <option value={route}>{route}</option>
diff --git a/packages/svelte/src/lib/components/Attribution/Attribution.svelte b/packages/svelte/src/lib/components/Attribution/Attribution.svelte
new file mode 100644
index 000000000..a984cdd1d
--- /dev/null
+++ b/packages/svelte/src/lib/components/Attribution/Attribution.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+  import { Panel } from '$lib/container/Panel';
+  import type { AttributionProps } from './types';
+
+  type $$Props = AttributionProps;
+
+  export let proOptions: AttributionProps['proOptions'] = undefined;
+  export let position: AttributionProps['position'] = 'bottom-right';
+</script>
+
+
+{#if !proOptions?.hideAttribution}
+  <Panel
+    position={position}
+    class="svelte-flow__attribution"
+    data-message="Please only hide this attribution when you are subscribed to Svelte Flow Pro: https://pro.reactflow.dev"
+  >
+    <a href="https://reactflow.dev/svelte" target="_blank" rel="noopener noreferrer" aria-label="Svelte Flow attribution">
+      Svelte Flow
+    </a>
+  </Panel>
+{/if}
+
+<style>
+  :global(.svelte-flow__panel.svelte-flow__attribution) {
+    font-size: 10px;
+    background: rgba(255, 255, 255, 0.5);
+    padding: 2px 3px;
+    margin: 0;
+  }
+
+  :global(.svelte-flow__attribution) a {
+    text-decoration: none;
+    color: #999;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/components/Attribution/index.ts b/packages/svelte/src/lib/components/Attribution/index.ts
new file mode 100644
index 000000000..d77f9e59c
--- /dev/null
+++ b/packages/svelte/src/lib/components/Attribution/index.ts
@@ -0,0 +1 @@
+export { default as Attribution } from './Attribution.svelte';
diff --git a/packages/svelte/src/lib/components/Attribution/types.ts b/packages/svelte/src/lib/components/Attribution/types.ts
new file mode 100644
index 000000000..4a6052b4b
--- /dev/null
+++ b/packages/svelte/src/lib/components/Attribution/types.ts
@@ -0,0 +1,6 @@
+import type { PanelPosition, ProOptions } from '@reactflow/system';
+
+export type AttributionProps = {
+  proOptions?: ProOptions;
+  position?: PanelPosition;
+};
diff --git a/packages/svelte/src/lib/container/Panel/types.ts b/packages/svelte/src/lib/container/Panel/types.ts
index 32bbea01f..13fa2b330 100644
--- a/packages/svelte/src/lib/container/Panel/types.ts
+++ b/packages/svelte/src/lib/container/Panel/types.ts
@@ -3,6 +3,7 @@ import type { HTMLAttributes } from 'svelte/elements';
 
 export type PanelProps = HTMLAttributes<HTMLDivElement> & {
   'data-testid'?: string;
+  'data-message'?: string;
   position?: PanelPosition;
   style?: string;
   class?: string;
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 7b7153b35..acb8b2c75 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -11,6 +11,7 @@
   import { NodeSelection } from '$lib/components/NodeSelection';
   import { KeyHandler } from '$lib/components/KeyHandler';
   import { ConnectionLine } from '$lib/components/ConnectionLine';
+  import { Attribution } from '$lib/components/Attribution';
   import { useStore } from '$lib/store';
   import type { SvelteFlowProps } from './types';
 
@@ -122,6 +123,7 @@
       <UserSelection />
     </Pane>
   </Zoom>
+  <Attribution />
   <slot />
 </div>
 
diff --git a/packages/svelte/src/routes/validation/+page.svelte b/packages/svelte/src/routes/validation/+page.svelte
index 7b08fb5f6..83ffd3429 100644
--- a/packages/svelte/src/routes/validation/+page.svelte
+++ b/packages/svelte/src/routes/validation/+page.svelte
@@ -11,7 +11,7 @@
   import { Position } from '@reactflow/system';
 
   const nodes = createNodes([
-    { id: '0', type: 'default', position: { x: 0, y: 150 }, data: { label: 'only connecatbale with B' } },
+    { id: '0', type: 'default', position: { x: 0, y: 150 }, data: { label: 'only connectable with B' } },
     { id: 'A', type: 'default', position: { x: 250, y: 0 }, data: { label: 'A' } },
     { id: 'B', type: 'default', position: { x: 250, y: 150 }, data: { label: 'B' } },
     { id: 'C', type: 'default', position: { x: 250, y: 300 }, data: { label: 'C' } }

From e9aa833fbf60b9af10c6f9b968fcca69fe04d1dc Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 23:38:58 +0100
Subject: [PATCH 0053/1093] chore(svelte): reset isValidConnection

---
 packages/svelte/src/lib/store/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 7f2f996b9..05b8423cc 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -294,6 +294,7 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
     store.selectionRect.set(null);
     store.selectionRectMode.set(null);
     store.snapGrid.set(null);
+    store.isValidConnection.set(() => true);
 
     resetSelectedElements();
     cancelConnection();

From e317e7dbbb8e8a309d29ca2125a0044017502012 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Mar 2023 23:51:50 +0100
Subject: [PATCH 0054/1093] chore(svelte): cleanup handle types

---
 packages/svelte/src/lib/types/general.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index 09530b3a2..65848b868 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -2,8 +2,8 @@ import type { ShortcutModifierDefinition } from '@svelte-put/shortcut';
 import type {
   Connection,
   FitViewOptionsBase,
-  HandleProps,
   HandleType,
+  Position,
   XYPosition
 } from '@reactflow/system';
 
@@ -21,7 +21,10 @@ export type ConnectionData = {
   status: string | null;
 };
 
-export type HandleComponentProps = Omit<HandleProps, 'isConnectable'> & {
+export type HandleComponentProps = {
+  type: HandleType;
+  position: Position;
+  id?: string;
   class?: string;
   style?: string;
 };

From 2381ad2a84a7c6092651ffa2f6587be534ad9852 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 15 Mar 2023 12:56:01 +0100
Subject: [PATCH 0055/1093] feat(svelte): add custom edge example

---
 .../components/EdgeWrapper/EdgeWrapper.svelte |  6 +-
 packages/svelte/src/lib/index.ts              |  3 +
 .../svelte/src/routes/overview/+page.svelte   | 13 ++++-
 .../routes/overview/CustomEdge/Custom.svelte  | 56 +++++++++++++++++++
 .../src/routes/overview/CustomEdge/index.ts   |  1 +
 .../overview}/CustomNode/Custom.svelte        |  2 +-
 .../overview}/CustomNode/index.ts             |  0
 7 files changed, 75 insertions(+), 6 deletions(-)
 create mode 100644 packages/svelte/src/routes/overview/CustomEdge/Custom.svelte
 create mode 100644 packages/svelte/src/routes/overview/CustomEdge/index.ts
 rename packages/svelte/src/{example-components => routes/overview}/CustomNode/Custom.svelte (92%)
 rename packages/svelte/src/{example-components => routes/overview}/CustomNode/index.ts (100%)

diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 3de2050c4..dae654ca9 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -16,8 +16,9 @@
   export let sourceY: $$Props['sourceY'] = 0;
   export let targetX: $$Props['targetX'] = 0;
   export let targetY: $$Props['targetY'] = 0;
-  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
-  export let targetHandleId: $$Props['targetHandleId'] = undefined;
+  // @ todo: support edge updates
+  // export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
+  // export let targetHandleId: $$Props['targetHandleId'] = undefined;
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
   export let animated: $$Props['animated'] = false;
@@ -35,6 +36,7 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <g
   class="svelte-flow__edge"
   class:animated
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index a5af2d974..32f414210 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -4,6 +4,9 @@ export * from '$lib/container/SvelteFlow';
 export * from '$lib/container/Panel';
 
 export * from '$lib/components/SvelteFlowProvider';
+export * from '$lib/components/EdgeLabelRenderer';
+export * from '$lib/components/BaseEdge';
+export * from '$lib/components/Handle';
 
 export * from '$lib/plugins/Controls';
 export * from '$lib/plugins/Background';
diff --git a/packages/svelte/src/routes/overview/+page.svelte b/packages/svelte/src/routes/overview/+page.svelte
index fe15840f5..9095ef3dc 100644
--- a/packages/svelte/src/routes/overview/+page.svelte
+++ b/packages/svelte/src/routes/overview/+page.svelte
@@ -9,14 +9,20 @@
     createNodes,
     createEdges,
     type NodeTypes,
-    SelectionMode
+    SelectionMode,
+    type EdgeTypes
   } from '../../lib/index';
-  import { CustomNode } from '../../example-components/CustomNode';
+  import { CustomNode } from './CustomNode';
+  import { CustomEdge } from './CustomEdge';
 
   const nodeTypes: NodeTypes = {
     custom: CustomNode
   };
 
+  const edgeTypes: EdgeTypes = {
+    custom: CustomEdge
+  };
+
   const nodes = createNodes([
     {
       id: '1',
@@ -81,7 +87,7 @@
     },
     {
       id: '2-4',
-      type: 'default',
+      type: 'custom',
       source: '2',
       target: '4',
     }
@@ -111,6 +117,7 @@
 >
   <SvelteFlow
     {nodeTypes}
+    {edgeTypes}
     fitView
     minZoom={0.1}
     maxZoom={2.5}
diff --git a/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte b/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte
new file mode 100644
index 000000000..e19a67a02
--- /dev/null
+++ b/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte
@@ -0,0 +1,56 @@
+<script lang="ts">
+  import { getBezierPath } from '@reactflow/edge-utils';
+
+  import { BaseEdge, EdgeLabelRenderer, useSvelteFlow, type EdgeProps } from '../../../lib/index';
+
+  type $$Props = EdgeProps;
+
+  $: [path, labelX, labelY] = getBezierPath({
+    sourceX: $$props.sourceX,
+    sourceY: $$props.sourceY,
+    targetX: $$props.targetX,
+    targetY: $$props.targetY,
+    sourcePosition: $$props.sourcePosition,
+    targetPosition: $$props.targetPosition
+  });
+
+  const svelteFlow = useSvelteFlow();
+
+  function onClick() {
+    svelteFlow.edges.update(eds => eds.filter(e => e.id !== $$props.id));
+  }
+</script>
+
+<BaseEdge {path} {labelX} {labelY} {...$$props} />
+
+<EdgeLabelRenderer>
+  <button
+    style:transform={`translate(-50%,-50%) translate(${labelX}px,${labelY}px)`}
+    class="edge-button"
+    on:click={onClick}
+  >
+  ✕
+  </button>
+</EdgeLabelRenderer>
+
+
+<style>
+  .edge-button {
+    border-radius: 50%;
+    position: absolute;
+    border: none;
+    width: 1rem;
+    height: 1rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 8px;
+    pointer-events: all;
+    cursor: pointer;
+    background-color: #eee;
+  }
+  
+  .edge-button:hover {
+    box-shadow: 0 0 2px 1px rgba(0,0,0,0.12);
+  }
+</style>
\ No newline at end of file
diff --git a/packages/svelte/src/routes/overview/CustomEdge/index.ts b/packages/svelte/src/routes/overview/CustomEdge/index.ts
new file mode 100644
index 000000000..6e7bab0ad
--- /dev/null
+++ b/packages/svelte/src/routes/overview/CustomEdge/index.ts
@@ -0,0 +1 @@
+export { default as CustomEdge } from './Custom.svelte';
diff --git a/packages/svelte/src/example-components/CustomNode/Custom.svelte b/packages/svelte/src/routes/overview/CustomNode/Custom.svelte
similarity index 92%
rename from packages/svelte/src/example-components/CustomNode/Custom.svelte
rename to packages/svelte/src/routes/overview/CustomNode/Custom.svelte
index f892a2a3c..29c0031ed 100644
--- a/packages/svelte/src/example-components/CustomNode/Custom.svelte
+++ b/packages/svelte/src/routes/overview/CustomNode/Custom.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { Handle } from '$lib/components/Handle';
   import { Position } from '@reactflow/system';
+  import { Handle } from '../../../lib/index';
 
   export let data: { label: string } = { label: 'Node' };
   export let xPos: number = 0;
diff --git a/packages/svelte/src/example-components/CustomNode/index.ts b/packages/svelte/src/routes/overview/CustomNode/index.ts
similarity index 100%
rename from packages/svelte/src/example-components/CustomNode/index.ts
rename to packages/svelte/src/routes/overview/CustomNode/index.ts

From 9e961809ee6ba2c8275d419f7c8a45f72786648e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 15 Mar 2023 13:53:34 +0100
Subject: [PATCH 0056/1093] chore(packages): bump deps, migrate to
 svelte-package v2

---
 package.json                                  |    4 +-
 packages/svelte/package.json                  |  290 +-
 .../lib/components/nodes/DefaultNode.svelte   |    4 +-
 .../src/lib/components/nodes/InputNode.svelte |    4 +-
 .../lib/components/nodes/OutputNode.svelte    |    4 +-
 packages/svelte/src/lib/types/general.ts      |    2 +-
 pnpm-lock.yaml                                | 2773 ++++++-----------
 tooling/rollup-config/package.json            |    6 +-
 8 files changed, 1202 insertions(+), 1885 deletions(-)

diff --git a/package.json b/package.json
index 36a8d6ef6..41934922b 100644
--- a/package.json
+++ b/package.json
@@ -37,8 +37,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
-    "rollup": "^3.9.1",
-    "turbo": "^1.7.0",
+    "rollup": "^3.19.1",
+    "turbo": "^1.8.3",
     "typescript": "^4.9.4"
   }
 }
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 318b2125e..9ab1fbbf0 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,9 +1,9 @@
 {
-  "name": "svelte",
+  "name": "svelteflow",
   "version": "0.0.1",
   "scripts": {
     "dev": "vite dev",
-    "build": "svelte-kit sync && svelte-package",
+    "build": "svelte-kit sync && svelte-package -o package",
     "prepublishOnly": "echo 'Did you mean to publish `./package/`, instead of `./`?' && exit 1",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
@@ -13,7 +13,8 @@
   "type": "module",
   "module": "index.ts",
   "exports": {
-    ".": "./index.js"
+    "./package.json": "./package.json",
+    ".": "./package/index.js"
   },
   "dependencies": {
     "@reactflow/edge-utils": "workspace:*",
@@ -29,8 +30,8 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^2.0.0",
-    "@sveltejs/kit": "^1.9.1",
-    "@sveltejs/package": "^1.0.2",
+    "@sveltejs/kit": "^1.11.0",
+    "@sveltejs/package": "^2.0.2",
     "@typescript-eslint/eslint-plugin": "^5.45.0",
     "@typescript-eslint/parser": "^5.45.0",
     "eslint": "^8.28.0",
@@ -38,10 +39,285 @@
     "eslint-plugin-svelte3": "^4.0.0",
     "prettier": "^2.8.0",
     "prettier-plugin-svelte": "^2.9.0",
-    "svelte": "^3.55.1",
-    "svelte-check": "^3.0.4",
+    "svelte": "^3.56.0",
+    "svelte-check": "^3.1.4",
     "tslib": "^2.4.1",
     "typescript": "^4.9.3",
     "vite": "^4.1.4"
+  },
+  "peerDependencies": {
+    "svelte": "^3.56.0"
+  },
+  "files": [
+    "package"
+  ],
+  "svelte": "./package/index.js",
+  "typesVersions": {
+    ">4.0": {
+      "actions/drag": [
+        "./package/actions/drag/index.d.ts"
+      ],
+      "actions/drag/utils": [
+        "./package/actions/drag/utils.d.ts"
+      ],
+      "actions/portal": [
+        "./package/actions/portal/index.d.ts"
+      ],
+      "actions/zoom": [
+        "./package/actions/zoom/index.d.ts"
+      ],
+      "components/Attribution/Attribution.svelte": [
+        "./package/components/Attribution/Attribution.svelte.d.ts"
+      ],
+      "components/Attribution": [
+        "./package/components/Attribution/index.d.ts"
+      ],
+      "components/Attribution/types": [
+        "./package/components/Attribution/types.d.ts"
+      ],
+      "components/BaseEdge/BaseEdge.svelte": [
+        "./package/components/BaseEdge/BaseEdge.svelte.d.ts"
+      ],
+      "components/BaseEdge": [
+        "./package/components/BaseEdge/index.d.ts"
+      ],
+      "components/BaseEdge/types": [
+        "./package/components/BaseEdge/types.d.ts"
+      ],
+      "components/ConnectionLine/ConnectionLine.svelte": [
+        "./package/components/ConnectionLine/ConnectionLine.svelte.d.ts"
+      ],
+      "components/ConnectionLine": [
+        "./package/components/ConnectionLine/index.d.ts"
+      ],
+      "components/EdgeLabelRenderer/EdgeLabelRenderer.svelte": [
+        "./package/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte.d.ts"
+      ],
+      "components/EdgeLabelRenderer": [
+        "./package/components/EdgeLabelRenderer/index.d.ts"
+      ],
+      "components/EdgeWrapper/EdgeWrapper.svelte": [
+        "./package/components/EdgeWrapper/EdgeWrapper.svelte.d.ts"
+      ],
+      "components/EdgeWrapper": [
+        "./package/components/EdgeWrapper/index.d.ts"
+      ],
+      "components/Handle/Handle.svelte": [
+        "./package/components/Handle/Handle.svelte.d.ts"
+      ],
+      "components/Handle/handler": [
+        "./package/components/Handle/handler.d.ts"
+      ],
+      "components/Handle": [
+        "./package/components/Handle/index.d.ts"
+      ],
+      "components/Handle/utils": [
+        "./package/components/Handle/utils.d.ts"
+      ],
+      "components/KeyHandler/KeyHandler.svelte": [
+        "./package/components/KeyHandler/KeyHandler.svelte.d.ts"
+      ],
+      "components/KeyHandler": [
+        "./package/components/KeyHandler/index.d.ts"
+      ],
+      "components/KeyHandler/types": [
+        "./package/components/KeyHandler/types.d.ts"
+      ],
+      "components/NodeSelection/NodeSelection.svelte": [
+        "./package/components/NodeSelection/NodeSelection.svelte.d.ts"
+      ],
+      "components/NodeSelection": [
+        "./package/components/NodeSelection/index.d.ts"
+      ],
+      "components/NodeWrapper/NodeWrapper.svelte": [
+        "./package/components/NodeWrapper/NodeWrapper.svelte.d.ts"
+      ],
+      "components/NodeWrapper": [
+        "./package/components/NodeWrapper/index.d.ts"
+      ],
+      "components/NodeWrapper/types": [
+        "./package/components/NodeWrapper/types.d.ts"
+      ],
+      "components/Selection/Selection.svelte": [
+        "./package/components/Selection/Selection.svelte.d.ts"
+      ],
+      "components/Selection": [
+        "./package/components/Selection/index.d.ts"
+      ],
+      "components/SvelteFlowProvider/SvelteFlowProvider.svelte": [
+        "./package/components/SvelteFlowProvider/SvelteFlowProvider.svelte.d.ts"
+      ],
+      "components/SvelteFlowProvider": [
+        "./package/components/SvelteFlowProvider/index.d.ts"
+      ],
+      "components/SvelteFlowProvider/types": [
+        "./package/components/SvelteFlowProvider/types.d.ts"
+      ],
+      "components/UserSelection/UserSelection.svelte": [
+        "./package/components/UserSelection/UserSelection.svelte.d.ts"
+      ],
+      "components/UserSelection": [
+        "./package/components/UserSelection/index.d.ts"
+      ],
+      "components/edges/BezierEdge.svelte": [
+        "./package/components/edges/BezierEdge.svelte.d.ts"
+      ],
+      "components/edges/SmoothStepEdge.svelte": [
+        "./package/components/edges/SmoothStepEdge.svelte.d.ts"
+      ],
+      "components/edges/StraightEdge.svelte": [
+        "./package/components/edges/StraightEdge.svelte.d.ts"
+      ],
+      "components/nodes/DefaultNode.svelte": [
+        "./package/components/nodes/DefaultNode.svelte.d.ts"
+      ],
+      "components/nodes/InputNode.svelte": [
+        "./package/components/nodes/InputNode.svelte.d.ts"
+      ],
+      "components/nodes/OutputNode.svelte": [
+        "./package/components/nodes/OutputNode.svelte.d.ts"
+      ],
+      "container/EdgeRenderer/EdgeRenderer.svelte": [
+        "./package/container/EdgeRenderer/EdgeRenderer.svelte.d.ts"
+      ],
+      "container/EdgeRenderer": [
+        "./package/container/EdgeRenderer/index.d.ts"
+      ],
+      "container/EdgeRenderer/utils": [
+        "./package/container/EdgeRenderer/utils.d.ts"
+      ],
+      "container/NodeRenderer/NodeRenderer.svelte": [
+        "./package/container/NodeRenderer/NodeRenderer.svelte.d.ts"
+      ],
+      "container/NodeRenderer": [
+        "./package/container/NodeRenderer/index.d.ts"
+      ],
+      "container/Pane/Pane.svelte": [
+        "./package/container/Pane/Pane.svelte.d.ts"
+      ],
+      "container/Pane": [
+        "./package/container/Pane/index.d.ts"
+      ],
+      "container/Panel/Panel.svelte": [
+        "./package/container/Panel/Panel.svelte.d.ts"
+      ],
+      "container/Panel": [
+        "./package/container/Panel/index.d.ts"
+      ],
+      "container/Panel/types": [
+        "./package/container/Panel/types.d.ts"
+      ],
+      "container/SvelteFlow/SvelteFlow.svelte": [
+        "./package/container/SvelteFlow/SvelteFlow.svelte.d.ts"
+      ],
+      "container/SvelteFlow": [
+        "./package/container/SvelteFlow/index.d.ts"
+      ],
+      "container/SvelteFlow/types": [
+        "./package/container/SvelteFlow/types.d.ts"
+      ],
+      "container/Viewport/Viewport.svelte": [
+        "./package/container/Viewport/Viewport.svelte.d.ts"
+      ],
+      "container/Viewport": [
+        "./package/container/Viewport/index.d.ts"
+      ],
+      "container/Zoom/Zoom.svelte": [
+        "./package/container/Zoom/Zoom.svelte.d.ts"
+      ],
+      "container/Zoom": [
+        "./package/container/Zoom/index.d.ts"
+      ],
+      "hooks/useSvelteFlow": [
+        "./package/hooks/useSvelteFlow.d.ts"
+      ],
+      "index": [
+        "./package/index.d.ts"
+      ],
+      "plugins/Background/Background.svelte": [
+        "./package/plugins/Background/Background.svelte.d.ts"
+      ],
+      "plugins/Background/DotPattern.svelte": [
+        "./package/plugins/Background/DotPattern.svelte.d.ts"
+      ],
+      "plugins/Background/LinePattern.svelte": [
+        "./package/plugins/Background/LinePattern.svelte.d.ts"
+      ],
+      "plugins/Background": [
+        "./package/plugins/Background/index.d.ts"
+      ],
+      "plugins/Background/types": [
+        "./package/plugins/Background/types.d.ts"
+      ],
+      "plugins/Controls/ControlButton.svelte": [
+        "./package/plugins/Controls/ControlButton.svelte.d.ts"
+      ],
+      "plugins/Controls/Controls.svelte": [
+        "./package/plugins/Controls/Controls.svelte.d.ts"
+      ],
+      "plugins/Controls/Icons/Fit.svelte": [
+        "./package/plugins/Controls/Icons/Fit.svelte.d.ts"
+      ],
+      "plugins/Controls/Icons/Lock.svelte": [
+        "./package/plugins/Controls/Icons/Lock.svelte.d.ts"
+      ],
+      "plugins/Controls/Icons/Minus.svelte": [
+        "./package/plugins/Controls/Icons/Minus.svelte.d.ts"
+      ],
+      "plugins/Controls/Icons/Plus.svelte": [
+        "./package/plugins/Controls/Icons/Plus.svelte.d.ts"
+      ],
+      "plugins/Controls/Icons/Unlock.svelte": [
+        "./package/plugins/Controls/Icons/Unlock.svelte.d.ts"
+      ],
+      "plugins/Controls": [
+        "./package/plugins/Controls/index.d.ts"
+      ],
+      "plugins/Controls/types": [
+        "./package/plugins/Controls/types.d.ts"
+      ],
+      "plugins/Minimap/Minimap.svelte": [
+        "./package/plugins/Minimap/Minimap.svelte.d.ts"
+      ],
+      "plugins/Minimap/MinimapNode.svelte": [
+        "./package/plugins/Minimap/MinimapNode.svelte.d.ts"
+      ],
+      "plugins/Minimap": [
+        "./package/plugins/Minimap/index.d.ts"
+      ],
+      "plugins/Minimap/types": [
+        "./package/plugins/Minimap/types.d.ts"
+      ],
+      "store/connection-path": [
+        "./package/store/connection-path.d.ts"
+      ],
+      "store/edges-layouted": [
+        "./package/store/edges-layouted.d.ts"
+      ],
+      "store": [
+        "./package/store/index.d.ts"
+      ],
+      "store/initial-store": [
+        "./package/store/initial-store.d.ts"
+      ],
+      "store/types": [
+        "./package/store/types.d.ts"
+      ],
+      "types/edges": [
+        "./package/types/edges.d.ts"
+      ],
+      "types/general": [
+        "./package/types/general.d.ts"
+      ],
+      "types": [
+        "./package/types/index.d.ts"
+      ],
+      "types/nodes": [
+        "./package/types/nodes.d.ts"
+      ],
+      "utils": [
+        "./package/utils/index.d.ts"
+      ]
+    }
   }
 }
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index b5b10297f..6258fa969 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -1,14 +1,12 @@
 <script lang="ts">
-  import { Position } from '@reactflow/system';
+  import { Position, type NodeProps } from '@reactflow/system';
 
   import { Handle } from '$lib/components/Handle';
-  import type { NodeProps } from '$lib/types';
 
   interface $$Props extends NodeProps<{ label: string }> {}
 
   export let id: $$Props['id'];
   export let data: $$Props['data'] = { label: 'Node' };
-  export let isConnectable: $$Props['isConnectable'] = true;
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
   export let xPos: $$Props['xPos'];
diff --git a/packages/svelte/src/lib/components/nodes/InputNode.svelte b/packages/svelte/src/lib/components/nodes/InputNode.svelte
index fd8f09b4a..7352cbdda 100644
--- a/packages/svelte/src/lib/components/nodes/InputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/InputNode.svelte
@@ -1,14 +1,12 @@
 <script lang="ts">
-  import { Position } from '@reactflow/system';
+  import { Position, type NodeProps } from '@reactflow/system';
 
-  import type { NodeProps } from '$lib/types';
   import { Handle } from '$lib/components/Handle';
 
   interface $$Props extends NodeProps<{ label: string }> {}
 
   export let id: $$Props['id'];
   export let data: $$Props['data'] = { label: 'Node' };
-  export let isConnectable: $$Props['isConnectable'] = true;
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
   export let xPos: $$Props['xPos'];
diff --git a/packages/svelte/src/lib/components/nodes/OutputNode.svelte b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
index 73a42f981..9ff86c4b2 100644
--- a/packages/svelte/src/lib/components/nodes/OutputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
@@ -1,14 +1,12 @@
 <script lang="ts">
-  import { Position } from '@reactflow/system';
+  import { Position, type NodeProps } from '@reactflow/system';
 
-  import type { NodeProps } from '$lib/types';
   import { Handle } from '$lib/components/Handle';
 
   interface $$Props extends NodeProps<{ label: string }> {}
 
   export let id: $$Props['id'];
   export let data: $$Props['data'] = { label: 'Node' };
-  export let isConnectable: $$Props['isConnectable'] = true;
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
   export let xPos: $$Props['xPos'];
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index 65848b868..0ac194244 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -23,7 +23,7 @@ export type ConnectionData = {
 
 export type HandleComponentProps = {
   type: HandleType;
-  position: Position;
+  position?: Position;
   id?: string;
   class?: string;
   style?: string;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b2c91a273..a9613a990 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -25,34 +25,34 @@ importers:
       react: ^18.2.0
       react-dom: ^18.2.0
       rimraf: ^3.0.2
-      rollup: ^3.9.1
-      turbo: ^1.7.0
+      rollup: ^3.19.1
+      turbo: ^1.8.3
       typescript: ^4.9.4
     devDependencies:
-      '@changesets/changelog-github': registry.npmjs.org/@changesets/changelog-github/0.4.7
-      '@changesets/cli': registry.npmjs.org/@changesets/cli/2.25.0
-      '@preconstruct/cli': registry.npmjs.org/@preconstruct/cli/2.2.1
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.55.0_yarhzymb3lojuq6uyipzo3xllu
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.55.0_id2eilsndvzhjjktb64trvy3gu
-      autoprefixer: registry.npmjs.org/autoprefixer/10.4.9_postcss@8.4.21
+      '@changesets/changelog-github': registry.npmjs.org/@changesets/changelog-github/0.4.8
+      '@changesets/cli': registry.npmjs.org/@changesets/cli/2.26.0
+      '@preconstruct/cli': registry.npmjs.org/@preconstruct/cli/2.3.0
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.55.0_342y7v4tc7ytrrysmit6jo4wri
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.55.0_vgl77cfdswitgr47lm5swmv43m
+      autoprefixer: registry.npmjs.org/autoprefixer/10.4.14_postcss@8.4.21
       concurrently: registry.npmjs.org/concurrently/7.6.0
-      cypress: registry.npmjs.org/cypress/10.7.0
-      eslint: registry.npmjs.org/eslint/8.23.1
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.5.0_eslint@8.23.1
-      eslint-plugin-prettier: registry.npmjs.org/eslint-plugin-prettier/4.2.1_cabrci5exjdaojcvd6xoxgeowu
-      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.23.1
+      cypress: registry.npmjs.org/cypress/10.11.0
+      eslint: registry.npmjs.org/eslint/8.36.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.7.0_eslint@8.36.0
+      eslint-plugin-prettier: registry.npmjs.org/eslint-plugin-prettier/4.2.1_eqzx3hpkgx5nnvxls3azrcc7dm
+      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.36.0
       postcss: registry.npmjs.org/postcss/8.4.21
       postcss-cli: registry.npmjs.org/postcss-cli/10.1.0_postcss@8.4.21
       postcss-combine-duplicated-selectors: registry.npmjs.org/postcss-combine-duplicated-selectors/10.0.3_postcss@8.4.21
       postcss-import: registry.npmjs.org/postcss-import/15.1.0_postcss@8.4.21
-      postcss-nested: registry.npmjs.org/postcss-nested/6.0.0_postcss@8.4.21
-      prettier: registry.npmjs.org/prettier/2.7.1
+      postcss-nested: registry.npmjs.org/postcss-nested/6.0.1_postcss@8.4.21
+      prettier: registry.npmjs.org/prettier/2.8.4
       react: registry.npmjs.org/react/18.2.0
       react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
       rimraf: registry.npmjs.org/rimraf/3.0.2
-      rollup: registry.npmjs.org/rollup/3.9.1
-      turbo: registry.npmjs.org/turbo/1.7.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      rollup: registry.npmjs.org/rollup/3.19.1
+      turbo: registry.npmjs.org/turbo/1.8.3
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   examples/vite-app:
     specifiers:
@@ -81,19 +81,19 @@ importers:
       localforage: registry.npmjs.org/localforage/1.10.0
       react: registry.npmjs.org/react/18.2.0
       react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
-      react-router-dom: registry.npmjs.org/react-router-dom/6.3.0_biqbaboplfbrettd7655fr4n2y
+      react-router-dom: registry.npmjs.org/react-router-dom/6.9.0_biqbaboplfbrettd7655fr4n2y
       reactflow: link:../../packages/reactflow
     devDependencies:
       '@cypress/skip-test': registry.npmjs.org/@cypress/skip-test/2.6.1
       '@types/dagre': registry.npmjs.org/@types/dagre/0.7.48
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.6
-      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react/3.0.1_vite@4.0.4
-      cypress: registry.npmjs.org/cypress/10.7.0
-      cypress-real-events: registry.npmjs.org/cypress-real-events/1.7.1_cypress@10.7.0
-      start-server-and-test: registry.npmjs.org/start-server-and-test/1.14.0
-      typescript: registry.npmjs.org/typescript/4.9.4
-      vite: registry.npmjs.org/vite/4.0.4
+      '@types/react': registry.npmjs.org/@types/react/18.0.28
+      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.11
+      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react/3.1.0_vite@4.1.4
+      cypress: registry.npmjs.org/cypress/10.11.0
+      cypress-real-events: registry.npmjs.org/cypress-real-events/1.7.6_cypress@10.11.0
+      start-server-and-test: registry.npmjs.org/start-server-and-test/1.15.4
+      typescript: registry.npmjs.org/typescript/4.9.5
+      vite: registry.npmjs.org/vite/4.1.4
 
   packages/background:
     specifiers:
@@ -110,15 +110,15 @@ importers:
     dependencies:
       '@reactflow/core': link:../core
       classcat: registry.npmjs.org/classcat/5.0.4
-      zustand: registry.npmjs.org/zustand/4.3.1_react@18.2.0
+      zustand: registry.npmjs.org/zustand/4.3.6_react@18.2.0
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
+      '@types/node': registry.npmjs.org/@types/node/18.15.3
+      '@types/react': registry.npmjs.org/@types/react/18.0.28
       react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/controls:
     specifiers:
@@ -137,9 +137,9 @@ importers:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
-      typescript: registry.npmjs.org/typescript/4.9.4
+      '@types/node': registry.npmjs.org/@types/node/18.15.3
+      '@types/react': registry.npmjs.org/@types/react/18.0.28
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/core:
     specifiers:
@@ -168,23 +168,23 @@ importers:
       '@reactflow/system': link:../system
       '@reactflow/utils': link:../utils
       '@types/d3': registry.npmjs.org/@types/d3/7.4.0
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.1
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.4
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.2
       classcat: registry.npmjs.org/classcat/5.0.4
       d3-drag: registry.npmjs.org/d3-drag/3.0.0
       d3-selection: registry.npmjs.org/d3-selection/3.0.0
       d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
-      zustand: registry.npmjs.org/zustand/4.3.3_react@18.2.0
+      zustand: registry.npmjs.org/zustand/4.3.6_react@18.2.0
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.6
+      '@types/node': registry.npmjs.org/@types/node/18.15.3
+      '@types/react': registry.npmjs.org/@types/react/18.0.28
+      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.11
       react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/edge-utils:
     specifiers:
@@ -203,11 +203,11 @@ importers:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.6
+      '@types/node': registry.npmjs.org/@types/node/18.15.3
+      '@types/react': registry.npmjs.org/@types/react/18.0.28
+      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.11
       react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/minimap:
     specifiers:
@@ -227,20 +227,20 @@ importers:
       zustand: ^4.3.1
     dependencies:
       '@reactflow/core': link:../core
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.1
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.4
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.2
       classcat: registry.npmjs.org/classcat/5.0.4
       d3-selection: registry.npmjs.org/d3-selection/3.0.0
       d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
-      zustand: registry.npmjs.org/zustand/4.3.1_react@18.2.0
+      zustand: registry.npmjs.org/zustand/4.3.6_react@18.2.0
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
+      '@types/node': registry.npmjs.org/@types/node/18.15.3
+      '@types/react': registry.npmjs.org/@types/react/18.0.28
       react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/node-resizer:
     specifiers:
@@ -264,18 +264,18 @@ importers:
       classcat: registry.npmjs.org/classcat/5.0.4
       d3-drag: registry.npmjs.org/d3-drag/3.0.0
       d3-selection: registry.npmjs.org/d3-selection/3.0.0
-      zustand: registry.npmjs.org/zustand/4.3.1_react@18.2.0
+      zustand: registry.npmjs.org/zustand/4.3.6_react@18.2.0
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.6
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.4
+      '@types/node': registry.npmjs.org/@types/node/18.15.3
+      '@types/react': registry.npmjs.org/@types/react/18.0.28
+      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.11
       react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/node-toolbar:
     specifiers:
@@ -293,16 +293,16 @@ importers:
     dependencies:
       '@reactflow/core': link:../core
       classcat: registry.npmjs.org/classcat/5.0.4
-      zustand: registry.npmjs.org/zustand/4.3.1_react@18.2.0
+      zustand: registry.npmjs.org/zustand/4.3.6_react@18.2.0
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.6
+      '@types/node': registry.npmjs.org/@types/node/18.15.3
+      '@types/react': registry.npmjs.org/@types/react/18.0.28
+      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.11
       react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/reactflow:
     specifiers:
@@ -328,10 +328,10 @@ importers:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
+      '@types/node': registry.npmjs.org/@types/node/18.15.3
+      '@types/react': registry.npmjs.org/@types/react/18.0.28
       react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/svelte:
     specifiers:
@@ -340,8 +340,8 @@ importers:
       '@reactflow/utils': workspace:*
       '@svelte-put/shortcut': ^2.0.0
       '@sveltejs/adapter-auto': ^2.0.0
-      '@sveltejs/kit': ^1.9.1
-      '@sveltejs/package': ^1.0.2
+      '@sveltejs/kit': ^1.11.0
+      '@sveltejs/package': ^2.0.2
       '@typescript-eslint/eslint-plugin': ^5.45.0
       '@typescript-eslint/parser': ^5.45.0
       classcat: ^5.0.4
@@ -355,8 +355,8 @@ importers:
       prettier-plugin-svelte: ^2.9.0
       react: ^18.2.0
       react-dom: ^18.2.0
-      svelte: ^3.55.1
-      svelte-check: ^3.0.4
+      svelte: ^3.56.0
+      svelte-check: ^3.1.4
       tslib: ^2.4.1
       typescript: ^4.9.3
       vite: ^4.1.4
@@ -372,20 +372,20 @@ importers:
       react: registry.npmjs.org/react/18.2.0
       react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
     devDependencies:
-      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.0.0_@sveltejs+kit@1.9.1
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.9.1_svelte@3.55.1+vite@4.1.4
-      '@sveltejs/package': registry.npmjs.org/@sveltejs/package/1.0.2_atrrhq7vg4ekua4nnyrpuardle
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.49.0_rsaczafy73x3xqauzesvzbsgzy
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u
-      eslint: registry.npmjs.org/eslint/8.33.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.5.0_eslint@8.33.0
-      eslint-plugin-svelte3: registry.npmjs.org/eslint-plugin-svelte3/4.0.0_4omm2ewoudhgnmf7aocafatnc4
-      prettier: registry.npmjs.org/prettier/2.8.3
-      prettier-plugin-svelte: registry.npmjs.org/prettier-plugin-svelte/2.9.0_kdmmghgdi3ngrsq6otxkjilbry
-      svelte: registry.npmjs.org/svelte/3.55.1
-      svelte-check: registry.npmjs.org/svelte-check/3.0.4_svelte@3.55.1
-      tslib: registry.npmjs.org/tslib/2.4.1
-      typescript: registry.npmjs.org/typescript/4.9.4
+      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.0.0_@sveltejs+kit@1.11.0
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.11.0_svelte@3.56.0+vite@4.1.4
+      '@sveltejs/package': registry.npmjs.org/@sveltejs/package/2.0.2_rx3ssngbibhj4vpczagsdyy47u
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.55.0_342y7v4tc7ytrrysmit6jo4wri
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.55.0_vgl77cfdswitgr47lm5swmv43m
+      eslint: registry.npmjs.org/eslint/8.36.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.7.0_eslint@8.36.0
+      eslint-plugin-svelte3: registry.npmjs.org/eslint-plugin-svelte3/4.0.0_pdvxdpbnzjwxjm7tkjwumh3vqi
+      prettier: registry.npmjs.org/prettier/2.8.4
+      prettier-plugin-svelte: registry.npmjs.org/prettier-plugin-svelte/2.9.0_gan2xfhhcbz3kbkivttwsjndea
+      svelte: registry.npmjs.org/svelte/3.56.0
+      svelte-check: registry.npmjs.org/svelte-check/3.1.4_svelte@3.56.0
+      tslib: registry.npmjs.org/tslib/2.5.0
+      typescript: registry.npmjs.org/typescript/4.9.5
       vite: registry.npmjs.org/vite/4.1.4
 
   packages/system:
@@ -401,15 +401,15 @@ importers:
       typescript: ^4.9.4
     dependencies:
       '@types/d3': registry.npmjs.org/@types/d3/7.4.0
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.1
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.4
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.2
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      typescript: registry.npmjs.org/typescript/4.9.4
+      '@types/node': registry.npmjs.org/@types/node/18.15.3
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/utils:
     specifiers:
@@ -427,16 +427,16 @@ importers:
     dependencies:
       '@reactflow/system': link:../system
       '@types/d3': registry.npmjs.org/@types/d3/7.4.0
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.1
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.4
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.2
       d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      typescript: registry.npmjs.org/typescript/4.9.4
+      '@types/node': registry.npmjs.org/@types/node/18.15.3
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   tooling/eslint-config:
     specifiers:
@@ -445,30 +445,30 @@ importers:
       eslint-config-turbo: latest
       eslint-plugin-react: latest
     devDependencies:
-      eslint: registry.npmjs.org/eslint/8.23.1
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.5.0_eslint@8.23.1
-      eslint-config-turbo: registry.npmjs.org/eslint-config-turbo/0.0.9_eslint@8.23.1
-      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.23.1
+      eslint: registry.npmjs.org/eslint/8.36.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.7.0_eslint@8.36.0
+      eslint-config-turbo: registry.npmjs.org/eslint-config-turbo/0.0.9_eslint@8.36.0
+      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.36.0
 
   tooling/rollup-config:
     specifiers:
-      '@rollup/plugin-commonjs': ^24.0.0
+      '@rollup/plugin-commonjs': ^24.0.1
       '@rollup/plugin-node-resolve': ^15.0.1
       '@rollup/plugin-replace': ^5.0.2
-      '@rollup/plugin-terser': ^0.3.0
+      '@rollup/plugin-terser': ^0.4.0
       '@rollup/plugin-typescript': ^11.0.0
-      rollup: ^3.9.1
+      rollup: ^3.19.1
       rollup-plugin-peer-deps-external: ^2.2.4
       typescript: ^4.9.4
     devDependencies:
-      '@rollup/plugin-commonjs': registry.npmjs.org/@rollup/plugin-commonjs/24.0.0_rollup@3.9.1
-      '@rollup/plugin-node-resolve': registry.npmjs.org/@rollup/plugin-node-resolve/15.0.1_rollup@3.9.1
-      '@rollup/plugin-replace': registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.9.1
-      '@rollup/plugin-terser': registry.npmjs.org/@rollup/plugin-terser/0.3.0_rollup@3.9.1
-      '@rollup/plugin-typescript': registry.npmjs.org/@rollup/plugin-typescript/11.0.0_esmavzhadgk2idmxtiodxm33ma
-      rollup: registry.npmjs.org/rollup/3.9.1
-      rollup-plugin-peer-deps-external: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.9.1
-      typescript: registry.npmjs.org/typescript/4.9.4
+      '@rollup/plugin-commonjs': registry.npmjs.org/@rollup/plugin-commonjs/24.0.1_rollup@3.19.1
+      '@rollup/plugin-node-resolve': registry.npmjs.org/@rollup/plugin-node-resolve/15.0.1_rollup@3.19.1
+      '@rollup/plugin-replace': registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.19.1
+      '@rollup/plugin-terser': registry.npmjs.org/@rollup/plugin-terser/0.4.0_rollup@3.19.1
+      '@rollup/plugin-typescript': registry.npmjs.org/@rollup/plugin-typescript/11.0.0_h4kaxwm6ctjivrsm4cpxaz7nqu
+      rollup: registry.npmjs.org/rollup/3.19.1
+      rollup-plugin-peer-deps-external: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.19.1
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   tooling/tsconfig:
     specifiers: {}
@@ -494,61 +494,29 @@ packages:
       '@babel/highlight': registry.npmjs.org/@babel/highlight/7.18.6
     dev: true
 
-  registry.npmjs.org/@babel/compat-data/7.19.0:
-    resolution: {integrity: sha512-y5rqgTTPTmaF5e2nVhOxw+Ur9HDJLsWb6U/KpgUzRZEdPfE6VOubXBKLdbcUTijzRptednSBDQbYZBOSqJxpJw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.19.0.tgz}
-    name: '@babel/compat-data'
-    version: 7.19.0
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  registry.npmjs.org/@babel/compat-data/7.20.10:
-    resolution: {integrity: sha512-sEnuDPpOJR/fcafHMjpcpGN5M2jbUGUHwmuWKM/YdPzeEDJg8bgmbcWQFUfE32MQjti1koACvoPVsDe8Uq+idg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.20.10.tgz}
+  registry.npmjs.org/@babel/compat-data/7.21.0:
+    resolution: {integrity: sha512-gMuZsmsgxk/ENC3O/fRw5QY8A9/uxQbbCEypnLIiYYc/qVJtEV7ouxC3EllIIwNzMqAQee5tanFabWsUOutS7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.0.tgz}
     name: '@babel/compat-data'
-    version: 7.20.10
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  registry.npmjs.org/@babel/core/7.19.0:
-    resolution: {integrity: sha512-reM4+U7B9ss148rh2n1Qs9ASS+w94irYXga7c2jaQv9RVzpS7Mv1a9rnYYwuDa45G+DkORt9g6An2k/V4d9LbQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.19.0.tgz}
-    name: '@babel/core'
-    version: 7.19.0
+    version: 7.21.0
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping/2.2.0
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.18.6
-      '@babel/generator': registry.npmjs.org/@babel/generator/7.19.0
-      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets/7.19.0_@babel+core@7.19.0
-      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms/7.19.0
-      '@babel/helpers': registry.npmjs.org/@babel/helpers/7.19.0
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.19.0
-      '@babel/template': registry.npmjs.org/@babel/template/7.18.10
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.19.0
-      '@babel/types': registry.npmjs.org/@babel/types/7.19.0
-      convert-source-map: registry.npmjs.org/convert-source-map/1.8.0
-      debug: registry.npmjs.org/debug/4.3.4
-      gensync: registry.npmjs.org/gensync/1.0.0-beta.2
-      json5: registry.npmjs.org/json5/2.2.1
-      semver: registry.npmjs.org/semver/6.3.0
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/core/7.20.12:
-    resolution: {integrity: sha512-XsMfHovsUYHFMdrIHkZphTN/2Hzzi78R08NuHfDBehym2VsPDL6Zn/JAD/JQdnRvbSsbQc4mVaU1m6JgtTEElg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.20.12.tgz}
+  registry.npmjs.org/@babel/core/7.21.3:
+    resolution: {integrity: sha512-qIJONzoa/qiHghnm0l1n4i/6IIziDpzqc36FBs4pzMhDUraHqponwJLiAKm1hGLP3OSB/TVNz6rMwVGpwxxySw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.21.3.tgz}
     name: '@babel/core'
-    version: 7.20.12
+    version: 7.21.3
     engines: {node: '>=6.9.0'}
     dependencies:
       '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping/2.2.0
       '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.18.6
-      '@babel/generator': registry.npmjs.org/@babel/generator/7.20.7
-      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets/7.20.7_@babel+core@7.20.12
-      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms/7.20.11
-      '@babel/helpers': registry.npmjs.org/@babel/helpers/7.20.7
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.20.7
+      '@babel/generator': registry.npmjs.org/@babel/generator/7.21.3
+      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets/7.20.7_@babel+core@7.21.3
+      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms/7.21.2
+      '@babel/helpers': registry.npmjs.org/@babel/helpers/7.21.0
+      '@babel/parser': registry.npmjs.org/@babel/parser/7.21.3
       '@babel/template': registry.npmjs.org/@babel/template/7.20.7
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.20.12
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.21.3
+      '@babel/types': registry.npmjs.org/@babel/types/7.21.3
       convert-source-map: registry.npmjs.org/convert-source-map/1.9.0
       debug: registry.npmjs.org/debug/4.3.4
       gensync: registry.npmjs.org/gensync/1.0.0-beta.2
@@ -558,45 +526,19 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/generator/7.19.0:
-    resolution: {integrity: sha512-S1ahxf1gZ2dpoiFgA+ohK9DIpz50bJ0CWs7Zlzb54Z4sG8qmdIrGrVqmy1sAtTVRb+9CU6U8VqT9L0Zj7hxHVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.19.0.tgz}
+  registry.npmjs.org/@babel/generator/7.21.3:
+    resolution: {integrity: sha512-QS3iR1GYC/YGUnW7IdggFeN5c1poPUurnGttOV/bZgPGV+izC/D8HnD6DLwod0fsatNyVn1G3EVWMYIF0nHbeA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.21.3.tgz}
     name: '@babel/generator'
-    version: 7.19.0
+    version: 7.21.3
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.19.0
-      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping/0.3.2
-      jsesc: registry.npmjs.org/jsesc/2.5.2
-    dev: true
-
-  registry.npmjs.org/@babel/generator/7.20.7:
-    resolution: {integrity: sha512-7wqMOJq8doJMZmP4ApXTzLxSr7+oO2jroJURrVEp6XShrQUObV8Tq/D0NCcoYg2uHqUrjzO0zwBjoYzelxK+sw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.20.7.tgz}
-    name: '@babel/generator'
-    version: 7.20.7
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@babel/types': registry.npmjs.org/@babel/types/7.21.3
       '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping/0.3.2
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.17
       jsesc: registry.npmjs.org/jsesc/2.5.2
     dev: true
 
-  registry.npmjs.org/@babel/helper-compilation-targets/7.19.0_@babel+core@7.19.0:
-    resolution: {integrity: sha512-Ai5bNWXIvwDvWM7njqsG3feMlL9hCVQsPYXodsZyLwshYkZVJt59Gftau4VrE8S9IT9asd2uSP1hG6wCNw+sXA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.19.0.tgz}
-    id: registry.npmjs.org/@babel/helper-compilation-targets/7.19.0
-    name: '@babel/helper-compilation-targets'
-    version: 7.19.0
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/compat-data': registry.npmjs.org/@babel/compat-data/7.19.0
-      '@babel/core': registry.npmjs.org/@babel/core/7.19.0
-      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option/7.18.6
-      browserslist: registry.npmjs.org/browserslist/4.21.3
-      semver: registry.npmjs.org/semver/6.3.0
-    dev: true
-
-  registry.npmjs.org/@babel/helper-compilation-targets/7.20.7_@babel+core@7.20.12:
+  registry.npmjs.org/@babel/helper-compilation-targets/7.20.7_@babel+core@7.21.3:
     resolution: {integrity: sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz}
     id: registry.npmjs.org/@babel/helper-compilation-targets/7.20.7
     name: '@babel/helper-compilation-targets'
@@ -605,10 +547,10 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/compat-data': registry.npmjs.org/@babel/compat-data/7.20.10
-      '@babel/core': registry.npmjs.org/@babel/core/7.20.12
-      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option/7.18.6
-      browserslist: registry.npmjs.org/browserslist/4.21.4
+      '@babel/compat-data': registry.npmjs.org/@babel/compat-data/7.21.0
+      '@babel/core': registry.npmjs.org/@babel/core/7.21.3
+      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option/7.21.0
+      browserslist: registry.npmjs.org/browserslist/4.21.5
       lru-cache: registry.npmjs.org/lru-cache/5.1.1
       semver: registry.npmjs.org/semver/6.3.0
     dev: true
@@ -620,14 +562,14 @@ packages:
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-function-name/7.19.0:
-    resolution: {integrity: sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz}
+  registry.npmjs.org/@babel/helper-function-name/7.21.0:
+    resolution: {integrity: sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz}
     name: '@babel/helper-function-name'
-    version: 7.19.0
+    version: 7.21.0
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': registry.npmjs.org/@babel/template/7.20.7
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@babel/types': registry.npmjs.org/@babel/types/7.21.3
     dev: true
 
   registry.npmjs.org/@babel/helper-hoist-variables/7.18.6:
@@ -636,7 +578,7 @@ packages:
     version: 7.18.6
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@babel/types': registry.npmjs.org/@babel/types/7.21.3
     dev: true
 
   registry.npmjs.org/@babel/helper-module-imports/7.18.6:
@@ -645,31 +587,13 @@ packages:
     version: 7.18.6
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@babel/types': registry.npmjs.org/@babel/types/7.21.3
     dev: true
 
-  registry.npmjs.org/@babel/helper-module-transforms/7.19.0:
-    resolution: {integrity: sha512-3HBZ377Fe14RbLIA+ac3sY4PTgpxHVkFrESaWhoI5PuyXPBBX8+C34qblV9G89ZtycGJCmCI/Ut+VUDK4bltNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.19.0.tgz}
+  registry.npmjs.org/@babel/helper-module-transforms/7.21.2:
+    resolution: {integrity: sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz}
     name: '@babel/helper-module-transforms'
-    version: 7.19.0
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.18.9
-      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports/7.18.6
-      '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access/7.18.6
-      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration/7.18.6
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.19.1
-      '@babel/template': registry.npmjs.org/@babel/template/7.18.10
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.19.0
-      '@babel/types': registry.npmjs.org/@babel/types/7.19.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@babel/helper-module-transforms/7.20.11:
-    resolution: {integrity: sha512-uRy78kN4psmji1s2QtbtcCSaj/LILFDp0f/ymhpQH5QY3nljUZCaNWz9X1dEj/8MBdBEFECs7yRhKn8i7NjZgg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.20.11.tgz}
-    name: '@babel/helper-module-transforms'
-    version: 7.20.11
+    version: 7.21.2
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.18.9
@@ -678,19 +602,12 @@ packages:
       '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration/7.18.6
       '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.19.1
       '@babel/template': registry.npmjs.org/@babel/template/7.20.7
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.20.12
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.21.3
+      '@babel/types': registry.npmjs.org/@babel/types/7.21.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/helper-plugin-utils/7.19.0:
-    resolution: {integrity: sha512-40Ryx7I8mT+0gaNxm8JGTZFUITNqdLAgdg0hXzeVZxVD6nFsdhQvip6v8dqkRHzsz1VFpFAaOCHNn0vKBL7Czw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.19.0.tgz}
-    name: '@babel/helper-plugin-utils'
-    version: 7.19.0
-    engines: {node: '>=6.9.0'}
-    dev: true
-
   registry.npmjs.org/@babel/helper-plugin-utils/7.20.2:
     resolution: {integrity: sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz}
     name: '@babel/helper-plugin-utils'
@@ -698,22 +615,13 @@ packages:
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-simple-access/7.18.6:
-    resolution: {integrity: sha512-iNpIgTgyAvDQpDj76POqg+YEt8fPxx3yaNBg3S30dxNKm2SWfYhD0TGrK/Eu9wHpUW63VQU894TsTg+GLbUa1g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.18.6.tgz}
-    name: '@babel/helper-simple-access'
-    version: 7.18.6
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.19.0
-    dev: true
-
   registry.npmjs.org/@babel/helper-simple-access/7.20.2:
     resolution: {integrity: sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz}
     name: '@babel/helper-simple-access'
     version: 7.20.2
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@babel/types': registry.npmjs.org/@babel/types/7.21.3
     dev: true
 
   registry.npmjs.org/@babel/helper-split-export-declaration/7.18.6:
@@ -722,14 +630,7 @@ packages:
     version: 7.18.6
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
-    dev: true
-
-  registry.npmjs.org/@babel/helper-string-parser/7.18.10:
-    resolution: {integrity: sha512-XtIfWmeNY3i4t7t4D2t02q50HvqHybPqW2ki1kosnvWCwuCMeo81Jf0gwr85jy/neUdg5XDdeFE/80DXiO+njw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.18.10.tgz}
-    name: '@babel/helper-string-parser'
-    version: 7.18.10
-    engines: {node: '>=6.9.0'}
+      '@babel/types': registry.npmjs.org/@babel/types/7.21.3
     dev: true
 
   registry.npmjs.org/@babel/helper-string-parser/7.19.4:
@@ -746,35 +647,22 @@ packages:
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-validator-option/7.18.6:
-    resolution: {integrity: sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz}
+  registry.npmjs.org/@babel/helper-validator-option/7.21.0:
+    resolution: {integrity: sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz}
     name: '@babel/helper-validator-option'
-    version: 7.18.6
+    version: 7.21.0
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helpers/7.19.0:
-    resolution: {integrity: sha512-DRBCKGwIEdqY3+rPJgG/dKfQy9+08rHIAJx8q2p+HSWP87s2HCrQmaAMMyMll2kIXKCW0cO1RdQskx15Xakftg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.19.0.tgz}
+  registry.npmjs.org/@babel/helpers/7.21.0:
+    resolution: {integrity: sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.21.0.tgz}
     name: '@babel/helpers'
-    version: 7.19.0
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/template': registry.npmjs.org/@babel/template/7.18.10
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.19.0
-      '@babel/types': registry.npmjs.org/@babel/types/7.19.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@babel/helpers/7.20.7:
-    resolution: {integrity: sha512-PBPjs5BppzsGaxHQCDKnZ6Gd9s6xl8bBCluz3vEInLGRJmnZan4F6BYCeqtyXqkk4W5IlPmjK4JlOuZkpJ3xZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.20.7.tgz}
-    name: '@babel/helpers'
-    version: 7.20.7
+    version: 7.21.0
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': registry.npmjs.org/@babel/template/7.20.7
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.20.12
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.21.3
+      '@babel/types': registry.npmjs.org/@babel/types/7.21.3
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -790,58 +678,47 @@ packages:
       js-tokens: registry.npmjs.org/js-tokens/4.0.0
     dev: true
 
-  registry.npmjs.org/@babel/parser/7.19.0:
-    resolution: {integrity: sha512-74bEXKX2h+8rrfQUfsBfuZZHzsEs6Eql4pqy/T4Nn6Y9wNPggQOqD6z6pn5Bl8ZfysKouFZT/UXEH94ummEeQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.19.0.tgz}
-    name: '@babel/parser'
-    version: 7.19.0
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.19.0
-    dev: true
-
-  registry.npmjs.org/@babel/parser/7.20.7:
-    resolution: {integrity: sha512-T3Z9oHybU+0vZlY9CiDSJQTD5ZapcW18ZctFMi0MOAl/4BjFF4ul7NVSARLdbGO5vDqy9eQiGTV0LtKfvCYvcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.20.7.tgz}
+  registry.npmjs.org/@babel/parser/7.21.3:
+    resolution: {integrity: sha512-lobG0d7aOfQRXh8AyklEAgZGvA4FShxo6xQbUrrT/cNBPUdIDojlokwJsQyCC/eKia7ifqM0yP+2DRZ4WKw2RQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.21.3.tgz}
     name: '@babel/parser'
-    version: 7.20.7
+    version: 7.21.3
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@babel/types': registry.npmjs.org/@babel/types/7.21.3
     dev: true
 
-  registry.npmjs.org/@babel/plugin-transform-modules-commonjs/7.18.6_@babel+core@7.19.0:
-    resolution: {integrity: sha512-Qfv2ZOWikpvmedXQJDSbxNqy7Xr/j2Y8/KfijM0iJyKkBTmWuvCA1yeH1yDM7NJhBW/2aXxeucLj6i80/LAJ/Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.18.6.tgz}
-    id: registry.npmjs.org/@babel/plugin-transform-modules-commonjs/7.18.6
+  registry.npmjs.org/@babel/plugin-transform-modules-commonjs/7.21.2_@babel+core@7.21.3:
+    resolution: {integrity: sha512-Cln+Yy04Gxua7iPdj6nOV96smLGjpElir5YwzF0LBPKoPlLDNJePNlrGGaybAJkd0zKRnOVXOgizSqPYMNYkzA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.21.2.tgz}
+    id: registry.npmjs.org/@babel/plugin-transform-modules-commonjs/7.21.2
     name: '@babel/plugin-transform-modules-commonjs'
-    version: 7.18.6
+    version: 7.21.2
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.19.0
-      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms/7.19.0
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.19.0
-      '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access/7.18.6
-      babel-plugin-dynamic-import-node: registry.npmjs.org/babel-plugin-dynamic-import-node/2.3.3
+      '@babel/core': registry.npmjs.org/@babel/core/7.21.3
+      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms/7.21.2
+      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.20.2
+      '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access/7.20.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-A0LQGx4+4Jv7u/tWzoJF7alZwnBDQd6cGLh9P+Ttk4dpiL+J5p7NSNv/9tlEFFJDq3kjxOavWmbm6t0Gk+A3Ig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.18.6.tgz}
-    id: registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.18.6
+  registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.21.0_@babel+core@7.21.3:
+    resolution: {integrity: sha512-f/Eq+79JEu+KUANFks9UZCcvydOOGMgF7jBrcwjHa5jTZD8JivnhCJYvmlhR/WTXBWonDExPoW0eO/CR4QJirA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.21.0.tgz}
+    id: registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.21.0
     name: '@babel/plugin-transform-react-jsx-self'
-    version: 7.18.6
+    version: 7.21.0
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.20.12
+      '@babel/core': registry.npmjs.org/@babel/core/7.21.3
       '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.20.2
     dev: true
 
-  registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.19.6_@babel+core@7.20.12:
+  registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.19.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-RpAi004QyMNisst/pvSanoRdJ4q+jMCWyk9zdw/CyLB9j8RXEahodR6l2GyttDRyEVWZtbN+TpLiHJ3t34LbsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.19.6.tgz}
     id: registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.19.6
     name: '@babel/plugin-transform-react-jsx-source'
@@ -850,27 +727,17 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.20.12
+      '@babel/core': registry.npmjs.org/@babel/core/7.21.3
       '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.20.2
     dev: true
 
-  registry.npmjs.org/@babel/runtime/7.19.0:
-    resolution: {integrity: sha512-eR8Lo9hnDS7tqkO7NsV+mKvCmv5boaXFSZ70DnfhcgiEne8hv9oCEd36Klw74EtizEqLsy4YnW8UWwpBVolHZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/runtime/-/runtime-7.19.0.tgz}
+  registry.npmjs.org/@babel/runtime/7.21.0:
+    resolution: {integrity: sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/runtime/-/runtime-7.21.0.tgz}
     name: '@babel/runtime'
-    version: 7.19.0
+    version: 7.21.0
     engines: {node: '>=6.9.0'}
     dependencies:
-      regenerator-runtime: registry.npmjs.org/regenerator-runtime/0.13.9
-
-  registry.npmjs.org/@babel/template/7.18.10:
-    resolution: {integrity: sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/template/-/template-7.18.10.tgz}
-    name: '@babel/template'
-    version: 7.18.10
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.18.6
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.19.0
-      '@babel/types': registry.npmjs.org/@babel/types/7.19.0
+      regenerator-runtime: registry.npmjs.org/regenerator-runtime/0.13.11
     dev: true
 
   registry.npmjs.org/@babel/template/7.20.7:
@@ -880,65 +747,34 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.18.6
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.20.7
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
-    dev: true
-
-  registry.npmjs.org/@babel/traverse/7.19.0:
-    resolution: {integrity: sha512-4pKpFRDh+utd2mbRC8JLnlsMUii3PMHjpL6a0SZ4NMZy7YFP9aXORxEhdMVOc9CpWtDF09IkciQLEhK7Ml7gRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.19.0.tgz}
-    name: '@babel/traverse'
-    version: 7.19.0
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.18.6
-      '@babel/generator': registry.npmjs.org/@babel/generator/7.19.0
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.18.9
-      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name/7.19.0
-      '@babel/helper-hoist-variables': registry.npmjs.org/@babel/helper-hoist-variables/7.18.6
-      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration/7.18.6
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.19.0
-      '@babel/types': registry.npmjs.org/@babel/types/7.19.0
-      debug: registry.npmjs.org/debug/4.3.4
-      globals: registry.npmjs.org/globals/11.12.0
-    transitivePeerDependencies:
-      - supports-color
+      '@babel/parser': registry.npmjs.org/@babel/parser/7.21.3
+      '@babel/types': registry.npmjs.org/@babel/types/7.21.3
     dev: true
 
-  registry.npmjs.org/@babel/traverse/7.20.12:
-    resolution: {integrity: sha512-MsIbFN0u+raeja38qboyF8TIT7K0BFzz/Yd/77ta4MsUsmP2RAnidIlwq7d5HFQrH/OZJecGV6B71C4zAgpoSQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.20.12.tgz}
+  registry.npmjs.org/@babel/traverse/7.21.3:
+    resolution: {integrity: sha512-XLyopNeaTancVitYZe2MlUEvgKb6YVVPXzofHgqHijCImG33b/uTurMS488ht/Hbsb2XK3U2BnSTxKVNGV3nGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.21.3.tgz}
     name: '@babel/traverse'
-    version: 7.20.12
+    version: 7.21.3
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.18.6
-      '@babel/generator': registry.npmjs.org/@babel/generator/7.20.7
+      '@babel/generator': registry.npmjs.org/@babel/generator/7.21.3
       '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.18.9
-      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name/7.19.0
+      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name/7.21.0
       '@babel/helper-hoist-variables': registry.npmjs.org/@babel/helper-hoist-variables/7.18.6
       '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration/7.18.6
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.20.7
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@babel/parser': registry.npmjs.org/@babel/parser/7.21.3
+      '@babel/types': registry.npmjs.org/@babel/types/7.21.3
       debug: registry.npmjs.org/debug/4.3.4
       globals: registry.npmjs.org/globals/11.12.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/types/7.19.0:
-    resolution: {integrity: sha512-YuGopBq3ke25BVSiS6fgF49Ul9gH1x70Bcr6bqRLjWCkcX8Hre1/5+z+IiWOIerRMSSEfGZVB9z9kyq7wVs9YA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.19.0.tgz}
+  registry.npmjs.org/@babel/types/7.21.3:
+    resolution: {integrity: sha512-sBGdETxC+/M4o/zKC0sl6sjWv62WFR/uzxrJ6uYyMLZOUlPnwzw0tKgVHOXxaAd5l2g8pEDM5RZ495GPQI77kg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.21.3.tgz}
     name: '@babel/types'
-    version: 7.19.0
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser/7.18.10
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.19.1
-      to-fast-properties: registry.npmjs.org/to-fast-properties/2.0.0
-    dev: true
-
-  registry.npmjs.org/@babel/types/7.20.7:
-    resolution: {integrity: sha512-69OnhBxSSgK0OzTJai4kyPDiKTIe3j+ctaHdIGVbRahTLAT7L3R9oeXHC2aVSuGYt3cVnoAMDmOCgJ2yaiLMvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.20.7.tgz}
-    name: '@babel/types'
-    version: 7.20.7
+    version: 7.21.3
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser/7.19.4
@@ -946,79 +782,79 @@ packages:
       to-fast-properties: registry.npmjs.org/to-fast-properties/2.0.0
     dev: true
 
-  registry.npmjs.org/@changesets/apply-release-plan/6.1.1:
-    resolution: {integrity: sha512-LaQiP/Wf0zMVR0HNrLQAjz3rsNsr0d/RlnP6Ef4oi8VafOwnY1EoWdK4kssuUJGgNgDyHpomS50dm8CU3D7k7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-6.1.1.tgz}
+  registry.npmjs.org/@changesets/apply-release-plan/6.1.3:
+    resolution: {integrity: sha512-ECDNeoc3nfeAe1jqJb5aFQX7CqzQhD2klXRez2JDb/aVpGUbX673HgKrnrgJRuQR/9f2TtLoYIzrGB9qwD77mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-6.1.3.tgz}
     name: '@changesets/apply-release-plan'
-    version: 6.1.1
+    version: 6.1.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
-      '@changesets/config': registry.npmjs.org/@changesets/config/2.2.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.21.0
+      '@changesets/config': registry.npmjs.org/@changesets/config/2.3.0
       '@changesets/get-version-range-type': registry.npmjs.org/@changesets/get-version-range-type/0.3.2
-      '@changesets/git': registry.npmjs.org/@changesets/git/1.5.0
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/git': registry.npmjs.org/@changesets/git/2.0.0
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
       detect-indent: registry.npmjs.org/detect-indent/6.1.0
       fs-extra: registry.npmjs.org/fs-extra/7.0.1
       lodash.startcase: registry.npmjs.org/lodash.startcase/4.4.0
       outdent: registry.npmjs.org/outdent/0.5.0
-      prettier: registry.npmjs.org/prettier/2.7.1
+      prettier: registry.npmjs.org/prettier/2.8.4
       resolve-from: registry.npmjs.org/resolve-from/5.0.0
       semver: registry.npmjs.org/semver/5.7.1
     dev: true
 
-  registry.npmjs.org/@changesets/assemble-release-plan/5.2.2:
-    resolution: {integrity: sha512-B1qxErQd85AeZgZFZw2bDKyOfdXHhG+X5S+W3Da2yCem8l/pRy4G/S7iOpEcMwg6lH8q2ZhgbZZwZ817D+aLuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/assemble-release-plan/-/assemble-release-plan-5.2.2.tgz}
+  registry.npmjs.org/@changesets/assemble-release-plan/5.2.3:
+    resolution: {integrity: sha512-g7EVZCmnWz3zMBAdrcKhid4hkHT+Ft1n0mLussFMcB1dE2zCuwcvGoy9ec3yOgPGF4hoMtgHaMIk3T3TBdvU9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/assemble-release-plan/-/assemble-release-plan-5.2.3.tgz}
     name: '@changesets/assemble-release-plan'
-    version: 5.2.2
+    version: 5.2.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.21.0
       '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.4
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.5
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
       semver: registry.npmjs.org/semver/5.7.1
     dev: true
 
-  registry.npmjs.org/@changesets/changelog-git/0.1.13:
-    resolution: {integrity: sha512-zvJ50Q+EUALzeawAxax6nF2WIcSsC5PwbuLeWkckS8ulWnuPYx8Fn/Sjd3rF46OzeKA8t30loYYV6TIzp4DIdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-git/-/changelog-git-0.1.13.tgz}
+  registry.npmjs.org/@changesets/changelog-git/0.1.14:
+    resolution: {integrity: sha512-+vRfnKtXVWsDDxGctOfzJsPhaCdXRYoe+KyWYoq5X/GqoISREiat0l3L8B0a453B2B4dfHGcZaGyowHbp9BSaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-git/-/changelog-git-0.1.14.tgz}
     name: '@changesets/changelog-git'
-    version: 0.1.13
+    version: 0.1.14
     dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
     dev: true
 
-  registry.npmjs.org/@changesets/changelog-github/0.4.7:
-    resolution: {integrity: sha512-UUG5sKwShs5ha1GFnayUpZNcDGWoY7F5XxhOEHS62sDPOtoHQZsG3j1nC5RxZ3M1URHA321cwVZHeXgu99Y3ew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-github/-/changelog-github-0.4.7.tgz}
+  registry.npmjs.org/@changesets/changelog-github/0.4.8:
+    resolution: {integrity: sha512-jR1DHibkMAb5v/8ym77E4AMNWZKB5NPzw5a5Wtqm1JepAuIF+hrKp2u04NKM14oBZhHglkCfrla9uq8ORnK/dw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-github/-/changelog-github-0.4.8.tgz}
     name: '@changesets/changelog-github'
-    version: 0.4.7
+    version: 0.4.8
     dependencies:
-      '@changesets/get-github-info': registry.npmjs.org/@changesets/get-github-info/0.5.1
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/get-github-info': registry.npmjs.org/@changesets/get-github-info/0.5.2
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       dotenv: registry.npmjs.org/dotenv/8.6.0
     transitivePeerDependencies:
       - encoding
     dev: true
 
-  registry.npmjs.org/@changesets/cli/2.25.0:
-    resolution: {integrity: sha512-Svu5KD2enurVHGEEzCRlaojrHjVYgF9srmMP9VQSy9c1TspX6C9lDPpulsSNIjYY9BuU/oiWpjBgR7RI9eQiAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/cli/-/cli-2.25.0.tgz}
+  registry.npmjs.org/@changesets/cli/2.26.0:
+    resolution: {integrity: sha512-0cbTiDms+ICTVtEwAFLNW0jBNex9f5+fFv3I771nBvdnV/mOjd1QJ4+f8KtVSOrwD9SJkk9xbDkWFb0oXd8d1Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/cli/-/cli-2.26.0.tgz}
     name: '@changesets/cli'
-    version: 2.25.0
+    version: 2.26.0
     hasBin: true
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
-      '@changesets/apply-release-plan': registry.npmjs.org/@changesets/apply-release-plan/6.1.1
-      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan/5.2.2
-      '@changesets/changelog-git': registry.npmjs.org/@changesets/changelog-git/0.1.13
-      '@changesets/config': registry.npmjs.org/@changesets/config/2.2.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.21.0
+      '@changesets/apply-release-plan': registry.npmjs.org/@changesets/apply-release-plan/6.1.3
+      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan/5.2.3
+      '@changesets/changelog-git': registry.npmjs.org/@changesets/changelog-git/0.1.14
+      '@changesets/config': registry.npmjs.org/@changesets/config/2.3.0
       '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.4
-      '@changesets/get-release-plan': registry.npmjs.org/@changesets/get-release-plan/3.0.15
-      '@changesets/git': registry.npmjs.org/@changesets/git/1.5.0
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.5
+      '@changesets/get-release-plan': registry.npmjs.org/@changesets/get-release-plan/3.0.16
+      '@changesets/git': registry.npmjs.org/@changesets/git/2.0.0
       '@changesets/logger': registry.npmjs.org/@changesets/logger/0.0.5
-      '@changesets/pre': registry.npmjs.org/@changesets/pre/1.0.13
-      '@changesets/read': registry.npmjs.org/@changesets/read/0.5.8
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
-      '@changesets/write': registry.npmjs.org/@changesets/write/0.2.1
+      '@changesets/pre': registry.npmjs.org/@changesets/pre/1.0.14
+      '@changesets/read': registry.npmjs.org/@changesets/read/0.5.9
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
+      '@changesets/write': registry.npmjs.org/@changesets/write/0.2.3
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
       '@types/is-ci': registry.npmjs.org/@types/is-ci/3.0.0
       '@types/semver': registry.npmjs.org/@types/semver/6.2.3
@@ -1040,15 +876,15 @@ packages:
       tty-table: registry.npmjs.org/tty-table/4.1.6
     dev: true
 
-  registry.npmjs.org/@changesets/config/2.2.0:
-    resolution: {integrity: sha512-GGaokp3nm5FEDk/Fv2PCRcQCOxGKKPRZ7prcMqxEr7VSsG75MnChQE8plaW1k6V8L2bJE+jZWiRm19LbnproOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/config/-/config-2.2.0.tgz}
+  registry.npmjs.org/@changesets/config/2.3.0:
+    resolution: {integrity: sha512-EgP/px6mhCx8QeaMAvWtRrgyxW08k/Bx2tpGT+M84jEdX37v3VKfh4Cz1BkwrYKuMV2HZKeHOh8sHvja/HcXfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/config/-/config-2.3.0.tgz}
     name: '@changesets/config'
-    version: 2.2.0
+    version: 2.3.0
     dependencies:
       '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.4
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.5
       '@changesets/logger': registry.npmjs.org/@changesets/logger/0.0.5
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
       fs-extra: registry.npmjs.org/fs-extra/7.0.1
       micromatch: registry.npmjs.org/micromatch/4.0.5
@@ -1062,40 +898,40 @@ packages:
       extendable-error: registry.npmjs.org/extendable-error/0.1.7
     dev: true
 
-  registry.npmjs.org/@changesets/get-dependents-graph/1.3.4:
-    resolution: {integrity: sha512-+C4AOrrFY146ydrgKOo5vTZfj7vetNu1tWshOID+UjPUU9afYGDXI8yLnAeib1ffeBXV3TuGVcyphKpJ3cKe+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-dependents-graph/-/get-dependents-graph-1.3.4.tgz}
+  registry.npmjs.org/@changesets/get-dependents-graph/1.3.5:
+    resolution: {integrity: sha512-w1eEvnWlbVDIY8mWXqWuYE9oKhvIaBhzqzo4ITSJY9hgoqQ3RoBqwlcAzg11qHxv/b8ReDWnMrpjpKrW6m1ZTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-dependents-graph/-/get-dependents-graph-1.3.5.tgz}
     name: '@changesets/get-dependents-graph'
-    version: 1.3.4
+    version: 1.3.5
     dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
       chalk: registry.npmjs.org/chalk/2.4.2
       fs-extra: registry.npmjs.org/fs-extra/7.0.1
       semver: registry.npmjs.org/semver/5.7.1
     dev: true
 
-  registry.npmjs.org/@changesets/get-github-info/0.5.1:
-    resolution: {integrity: sha512-w2yl3AuG+hFuEEmT6j1zDlg7GQLM/J2UxTmk0uJBMdRqHni4zXGe/vUlPfLom5KfX3cRfHc0hzGvloDPjWFNZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-github-info/-/get-github-info-0.5.1.tgz}
+  registry.npmjs.org/@changesets/get-github-info/0.5.2:
+    resolution: {integrity: sha512-JppheLu7S114aEs157fOZDjFqUDpm7eHdq5E8SSR0gUBTEK0cNSHsrSR5a66xs0z3RWuo46QvA3vawp8BxDHvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-github-info/-/get-github-info-0.5.2.tgz}
     name: '@changesets/get-github-info'
-    version: 0.5.1
+    version: 0.5.2
     dependencies:
       dataloader: registry.npmjs.org/dataloader/1.4.0
-      node-fetch: registry.npmjs.org/node-fetch/2.6.7
+      node-fetch: registry.npmjs.org/node-fetch/2.6.9
     transitivePeerDependencies:
       - encoding
     dev: true
 
-  registry.npmjs.org/@changesets/get-release-plan/3.0.15:
-    resolution: {integrity: sha512-W1tFwxE178/en+zSj/Nqbc3mvz88mcdqUMJhRzN1jDYqN3QI4ifVaRF9mcWUU+KI0gyYEtYR65tour690PqTcA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-release-plan/-/get-release-plan-3.0.15.tgz}
+  registry.npmjs.org/@changesets/get-release-plan/3.0.16:
+    resolution: {integrity: sha512-OpP9QILpBp1bY2YNIKFzwigKh7Qe9KizRsZomzLe6pK8IUo8onkAAVUD8+JRKSr8R7d4+JRuQrfSSNlEwKyPYg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-release-plan/-/get-release-plan-3.0.16.tgz}
     name: '@changesets/get-release-plan'
-    version: 3.0.15
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
-      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan/5.2.2
-      '@changesets/config': registry.npmjs.org/@changesets/config/2.2.0
-      '@changesets/pre': registry.npmjs.org/@changesets/pre/1.0.13
-      '@changesets/read': registry.npmjs.org/@changesets/read/0.5.8
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+    version: 3.0.16
+    dependencies:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.21.0
+      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan/5.2.3
+      '@changesets/config': registry.npmjs.org/@changesets/config/2.3.0
+      '@changesets/pre': registry.npmjs.org/@changesets/pre/1.0.14
+      '@changesets/read': registry.npmjs.org/@changesets/read/0.5.9
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
     dev: true
 
@@ -1105,16 +941,17 @@ packages:
     version: 0.3.2
     dev: true
 
-  registry.npmjs.org/@changesets/git/1.5.0:
-    resolution: {integrity: sha512-Xo8AT2G7rQJSwV87c8PwMm6BAc98BnufRMsML7m7Iw8Or18WFvFmxqG5aOL5PBvhgq9KrKvaeIBNIymracSuHg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/git/-/git-1.5.0.tgz}
+  registry.npmjs.org/@changesets/git/2.0.0:
+    resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/git/-/git-2.0.0.tgz}
     name: '@changesets/git'
-    version: 1.5.0
+    version: 2.0.0
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.21.0
       '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
       is-subdir: registry.npmjs.org/is-subdir/1.2.0
+      micromatch: registry.npmjs.org/micromatch/4.0.5
       spawndamnit: registry.npmjs.org/spawndamnit/2.0.0
     dev: true
 
@@ -1126,37 +963,37 @@ packages:
       chalk: registry.npmjs.org/chalk/2.4.2
     dev: true
 
-  registry.npmjs.org/@changesets/parse/0.3.15:
-    resolution: {integrity: sha512-3eDVqVuBtp63i+BxEWHPFj2P1s3syk0PTrk2d94W9JD30iG+OER0Y6n65TeLlY8T2yB9Fvj6Ev5Gg0+cKe/ZUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/parse/-/parse-0.3.15.tgz}
+  registry.npmjs.org/@changesets/parse/0.3.16:
+    resolution: {integrity: sha512-127JKNd167ayAuBjUggZBkmDS5fIKsthnr9jr6bdnuUljroiERW7FBTDNnNVyJ4l69PzR57pk6mXQdtJyBCJKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/parse/-/parse-0.3.16.tgz}
     name: '@changesets/parse'
-    version: 0.3.15
+    version: 0.3.16
     dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       js-yaml: registry.npmjs.org/js-yaml/3.14.1
     dev: true
 
-  registry.npmjs.org/@changesets/pre/1.0.13:
-    resolution: {integrity: sha512-jrZc766+kGZHDukjKhpBXhBJjVQMied4Fu076y9guY1D3H622NOw8AQaLV3oQsDtKBTrT2AUFjt9Z2Y9Qx+GfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/pre/-/pre-1.0.13.tgz}
+  registry.npmjs.org/@changesets/pre/1.0.14:
+    resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/pre/-/pre-1.0.14.tgz}
     name: '@changesets/pre'
-    version: 1.0.13
+    version: 1.0.14
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.21.0
       '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
       fs-extra: registry.npmjs.org/fs-extra/7.0.1
     dev: true
 
-  registry.npmjs.org/@changesets/read/0.5.8:
-    resolution: {integrity: sha512-eYaNfxemgX7f7ELC58e7yqQICW5FB7V+bd1lKt7g57mxUrTveYME+JPaBPpYx02nP53XI6CQp6YxnR9NfmFPKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/read/-/read-0.5.8.tgz}
+  registry.npmjs.org/@changesets/read/0.5.9:
+    resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/read/-/read-0.5.9.tgz}
     name: '@changesets/read'
-    version: 0.5.8
+    version: 0.5.9
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
-      '@changesets/git': registry.npmjs.org/@changesets/git/1.5.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.21.0
+      '@changesets/git': registry.npmjs.org/@changesets/git/2.0.0
       '@changesets/logger': registry.npmjs.org/@changesets/logger/0.0.5
-      '@changesets/parse': registry.npmjs.org/@changesets/parse/0.3.15
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/parse': registry.npmjs.org/@changesets/parse/0.3.16
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       chalk: registry.npmjs.org/chalk/2.4.2
       fs-extra: registry.npmjs.org/fs-extra/7.0.1
       p-filter: registry.npmjs.org/p-filter/2.1.0
@@ -1168,22 +1005,22 @@ packages:
     version: 4.1.0
     dev: true
 
-  registry.npmjs.org/@changesets/types/5.2.0:
-    resolution: {integrity: sha512-km/66KOqJC+eicZXsm2oq8A8bVTSpkZJ60iPV/Nl5Z5c7p9kk8xxh6XGRTlnludHldxOOfudhnDN2qPxtHmXzA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/types/-/types-5.2.0.tgz}
+  registry.npmjs.org/@changesets/types/5.2.1:
+    resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/types/-/types-5.2.1.tgz}
     name: '@changesets/types'
-    version: 5.2.0
+    version: 5.2.1
     dev: true
 
-  registry.npmjs.org/@changesets/write/0.2.1:
-    resolution: {integrity: sha512-KUd49nt2fnYdGixIqTi1yVE1nAoZYUMdtB3jBfp77IMqjZ65hrmZE5HdccDlTeClZN0420ffpnfET3zzeY8pdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/write/-/write-0.2.1.tgz}
+  registry.npmjs.org/@changesets/write/0.2.3:
+    resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/write/-/write-0.2.3.tgz}
     name: '@changesets/write'
-    version: 0.2.1
+    version: 0.2.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.21.0
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       fs-extra: registry.npmjs.org/fs-extra/7.0.1
       human-id: registry.npmjs.org/human-id/1.0.2
-      prettier: registry.npmjs.org/prettier/2.7.1
+      prettier: registry.npmjs.org/prettier/2.8.4
     dev: true
 
   registry.npmjs.org/@colors/colors/1.5.0:
@@ -1195,14 +1032,14 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@cypress/request/2.88.10:
-    resolution: {integrity: sha512-Zp7F+R93N0yZyG34GutyTNr+okam7s/Fzc1+i3kcqOP8vk6OuajuE9qZJ6Rs+10/1JFtXFYMdyarnU1rZuJesg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/request/-/request-2.88.10.tgz}
+  registry.npmjs.org/@cypress/request/2.88.11:
+    resolution: {integrity: sha512-M83/wfQ1EkspjkE2lNWNV5ui2Cv7UCv1swW1DqljahbzLVWltcsexQh8jYtuS/vzFXP+HySntGM83ZXA9fn17w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/request/-/request-2.88.11.tgz}
     name: '@cypress/request'
-    version: 2.88.10
+    version: 2.88.11
     engines: {node: '>= 6'}
     dependencies:
       aws-sign2: registry.npmjs.org/aws-sign2/0.7.0
-      aws4: registry.npmjs.org/aws4/1.11.0
+      aws4: registry.npmjs.org/aws4/1.12.0
       caseless: registry.npmjs.org/caseless/0.12.0
       combined-stream: registry.npmjs.org/combined-stream/1.0.8
       extend: registry.npmjs.org/extend/3.0.2
@@ -1214,7 +1051,7 @@ packages:
       json-stringify-safe: registry.npmjs.org/json-stringify-safe/5.0.1
       mime-types: registry.npmjs.org/mime-types/2.1.35
       performance-now: registry.npmjs.org/performance-now/2.1.0
-      qs: registry.npmjs.org/qs/6.5.3
+      qs: registry.npmjs.org/qs/6.10.4
       safe-buffer: registry.npmjs.org/safe-buffer/5.2.1
       tough-cookie: registry.npmjs.org/tough-cookie/2.5.0
       tunnel-agent: registry.npmjs.org/tunnel-agent/0.6.0
@@ -1239,17 +1076,6 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@esbuild/android-arm/0.16.16:
-    resolution: {integrity: sha512-BUuWMlt4WSXod1HSl7aGK8fJOsi+Tab/M0IDK1V1/GstzoOpqc/v3DqmN8MkuapPKQ9Br1WtLAN4uEgWR8x64A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.16.16.tgz}
-    name: '@esbuild/android-arm'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/android-arm/0.16.17:
     resolution: {integrity: sha512-N9x1CMXVhtWEAMS7pNNONyA14f71VPQN9Cnavj1XQh6T7bskqiLLrSca4O0Vr8Wdcga943eThxnVp3JLnBMYtw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.16.17.tgz}
     name: '@esbuild/android-arm'
@@ -1261,17 +1087,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/android-arm64/0.16.16:
-    resolution: {integrity: sha512-hFHVAzUKp9Tf8psGq+bDVv+6hTy1bAOoV/jJMUWwhUnIHsh6WbFMhw0ZTkqDuh7TdpffFoHOiIOIxmHc7oYRBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.16.16.tgz}
-    name: '@esbuild/android-arm64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/android-arm64/0.16.17:
     resolution: {integrity: sha512-MIGl6p5sc3RDTLLkYL1MyL8BMRN4tLMRCn+yRJJmEDvYZ2M7tmAf80hx1kbNEUX2KJ50RRtxZ4JHLvCfuB6kBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.16.17.tgz}
     name: '@esbuild/android-arm64'
@@ -1283,17 +1098,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/android-x64/0.16.16:
-    resolution: {integrity: sha512-9WhxJpeb6XumlfivldxqmkJepEcELekmSw3NkGrs+Edq6sS5KRxtUBQuKYDD7KqP59dDkxVbaoPIQFKWQG0KLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.16.16.tgz}
-    name: '@esbuild/android-x64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/android-x64/0.16.17:
     resolution: {integrity: sha512-a3kTv3m0Ghh4z1DaFEuEDfz3OLONKuFvI4Xqczqx4BqLyuFaFkuaG4j2MtA6fuWEFeC5x9IvqnX7drmRq/fyAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.16.17.tgz}
     name: '@esbuild/android-x64'
@@ -1305,17 +1109,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/darwin-arm64/0.16.16:
-    resolution: {integrity: sha512-8Z+wld+vr/prHPi2O0X7o1zQOfMbXWGAw9hT0jEyU/l/Yrg+0Z3FO9pjPho72dVkZs4ewZk0bDOFLdZHm8jEfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.16.16.tgz}
-    name: '@esbuild/darwin-arm64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/darwin-arm64/0.16.17:
     resolution: {integrity: sha512-/2agbUEfmxWHi9ARTX6OQ/KgXnOWfsNlTeLcoV7HSuSTv63E4DqtAc+2XqGw1KHxKMHGZgbVCZge7HXWX9Vn+w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.16.17.tgz}
     name: '@esbuild/darwin-arm64'
@@ -1327,17 +1120,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/darwin-x64/0.16.16:
-    resolution: {integrity: sha512-CYkxVvkZzGCqFrt7EgjFxQKhlUPyDkuR9P0Y5wEcmJqVI8ncerOIY5Kej52MhZyzOBXkYrJgZeVZC9xXXoEg9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.16.16.tgz}
-    name: '@esbuild/darwin-x64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/darwin-x64/0.16.17:
     resolution: {integrity: sha512-2By45OBHulkd9Svy5IOCZt376Aa2oOkiE9QWUK9fe6Tb+WDr8hXL3dpqi+DeLiMed8tVXspzsTAvd0jUl96wmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.16.17.tgz}
     name: '@esbuild/darwin-x64'
@@ -1349,17 +1131,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/freebsd-arm64/0.16.16:
-    resolution: {integrity: sha512-fxrw4BYqQ39z/3Ja9xj/a1gMsVq0xEjhSyI4a9MjfvDDD8fUV8IYliac96i7tzZc3+VytyXX+XNsnpEk5sw5Wg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.16.16.tgz}
-    name: '@esbuild/freebsd-arm64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/freebsd-arm64/0.16.17:
     resolution: {integrity: sha512-mt+cxZe1tVx489VTb4mBAOo2aKSnJ33L9fr25JXpqQqzbUIw/yzIzi+NHwAXK2qYV1lEFp4OoVeThGjUbmWmdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.16.17.tgz}
     name: '@esbuild/freebsd-arm64'
@@ -1371,17 +1142,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/freebsd-x64/0.16.16:
-    resolution: {integrity: sha512-8p3v1D+du2jiDvSoNVimHhj7leSfST9YlKsAEO7etBfuqjaBMndo0fmjNLp0JCMld+XIx9L80tooOkyUv1a1PQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.16.16.tgz}
-    name: '@esbuild/freebsd-x64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/freebsd-x64/0.16.17:
     resolution: {integrity: sha512-8ScTdNJl5idAKjH8zGAsN7RuWcyHG3BAvMNpKOBaqqR7EbUhhVHOqXRdL7oZvz8WNHL2pr5+eIT5c65kA6NHug==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.16.17.tgz}
     name: '@esbuild/freebsd-x64'
@@ -1393,17 +1153,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-arm/0.16.16:
-    resolution: {integrity: sha512-bYaocE1/PTMRmkgSckZ0D0Xn2nox8v2qlk+MVVqm+VECNKDdZvghVZtH41dNtBbwADSvA6qkCHGYeWm9LrNCBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.16.16.tgz}
-    name: '@esbuild/linux-arm'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-arm/0.16.17:
     resolution: {integrity: sha512-iihzrWbD4gIT7j3caMzKb/RsFFHCwqqbrbH9SqUSRrdXkXaygSZCZg1FybsZz57Ju7N/SHEgPyaR0LZ8Zbe9gQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.16.17.tgz}
     name: '@esbuild/linux-arm'
@@ -1415,17 +1164,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-arm64/0.16.16:
-    resolution: {integrity: sha512-N3u6BBbCVY3xeP2D8Db7QY8I+nZ+2AgOopUIqk+5yCoLnsWkcVxD2ay5E9iIdvApFi1Vg1lZiiwaVp8bOpAc4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.16.16.tgz}
-    name: '@esbuild/linux-arm64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-arm64/0.16.17:
     resolution: {integrity: sha512-7S8gJnSlqKGVJunnMCrXHU9Q8Q/tQIxk/xL8BqAP64wchPCTzuM6W3Ra8cIa1HIflAvDnNOt2jaL17vaW+1V0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.16.17.tgz}
     name: '@esbuild/linux-arm64'
@@ -1437,17 +1175,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-ia32/0.16.16:
-    resolution: {integrity: sha512-dxjqLKUW8GqGemoRT9v8IgHk+T4tRm1rn1gUcArsp26W9EkK/27VSjBVUXhEG5NInHZ92JaQ3SSMdTwv/r9a2A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.16.16.tgz}
-    name: '@esbuild/linux-ia32'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-ia32/0.16.17:
     resolution: {integrity: sha512-kiX69+wcPAdgl3Lonh1VI7MBr16nktEvOfViszBSxygRQqSpzv7BffMKRPMFwzeJGPxcio0pdD3kYQGpqQ2SSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.16.17.tgz}
     name: '@esbuild/linux-ia32'
@@ -1459,17 +1186,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-loong64/0.16.16:
-    resolution: {integrity: sha512-MdUFggHjRiCCwNE9+1AibewoNq6wf94GLB9Q9aXwl+a75UlRmbRK3h6WJyrSGA6ZstDJgaD2wiTSP7tQNUYxwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.16.16.tgz}
-    name: '@esbuild/linux-loong64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-loong64/0.16.17:
     resolution: {integrity: sha512-dTzNnQwembNDhd654cA4QhbS9uDdXC3TKqMJjgOWsC0yNCbpzfWoXdZvp0mY7HU6nzk5E0zpRGGx3qoQg8T2DQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.16.17.tgz}
     name: '@esbuild/linux-loong64'
@@ -1481,17 +1197,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-mips64el/0.16.16:
-    resolution: {integrity: sha512-CO3YmO7jYMlGqGoeFeKzdwx/bx8Vtq/SZaMAi+ZLDUnDUdfC7GmGwXzIwDJ70Sg+P9pAemjJyJ1icKJ9R3q/Fg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.16.16.tgz}
-    name: '@esbuild/linux-mips64el'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-mips64el/0.16.17:
     resolution: {integrity: sha512-ezbDkp2nDl0PfIUn0CsQ30kxfcLTlcx4Foz2kYv8qdC6ia2oX5Q3E/8m6lq84Dj/6b0FrkgD582fJMIfHhJfSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.16.17.tgz}
     name: '@esbuild/linux-mips64el'
@@ -1503,17 +1208,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-ppc64/0.16.16:
-    resolution: {integrity: sha512-DSl5Czh5hCy/7azX0Wl9IdzPHX2H8clC6G87tBnZnzUpNgRxPFhfmArbaHoAysu4JfqCqbB/33u/GL9dUgCBAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.16.16.tgz}
-    name: '@esbuild/linux-ppc64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-ppc64/0.16.17:
     resolution: {integrity: sha512-dzS678gYD1lJsW73zrFhDApLVdM3cUF2MvAa1D8K8KtcSKdLBPP4zZSLy6LFZ0jYqQdQ29bjAHJDgz0rVbLB3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.16.17.tgz}
     name: '@esbuild/linux-ppc64'
@@ -1525,17 +1219,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-riscv64/0.16.16:
-    resolution: {integrity: sha512-sSVVMEXsqf1fQu0j7kkhXMViroixU5XoaJXl1u/u+jbXvvhhCt9YvA/B6VM3aM/77HuRQ94neS5bcisijGnKFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.16.16.tgz}
-    name: '@esbuild/linux-riscv64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-riscv64/0.16.17:
     resolution: {integrity: sha512-ylNlVsxuFjZK8DQtNUwiMskh6nT0vI7kYl/4fZgV1llP5d6+HIeL/vmmm3jpuoo8+NuXjQVZxmKuhDApK0/cKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.16.17.tgz}
     name: '@esbuild/linux-riscv64'
@@ -1547,17 +1230,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-s390x/0.16.16:
-    resolution: {integrity: sha512-jRqBCre9gZGoCdCN/UWCCMwCMsOg65IpY9Pyj56mKCF5zXy9d60kkNRdDN6YXGjr3rzcC4DXnS/kQVCGcC4yPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.16.16.tgz}
-    name: '@esbuild/linux-s390x'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-s390x/0.16.17:
     resolution: {integrity: sha512-gzy7nUTO4UA4oZ2wAMXPNBGTzZFP7mss3aKR2hH+/4UUkCOyqmjXiKpzGrY2TlEUhbbejzXVKKGazYcQTZWA/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.16.17.tgz}
     name: '@esbuild/linux-s390x'
@@ -1569,17 +1241,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-x64/0.16.16:
-    resolution: {integrity: sha512-G1+09TopOzo59/55lk5Q0UokghYLyHTKKzD5lXsAOOlGDbieGEFJpJBr3BLDbf7cz89KX04sBeExAR/pL/26sA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.16.16.tgz}
-    name: '@esbuild/linux-x64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-x64/0.16.17:
     resolution: {integrity: sha512-mdPjPxfnmoqhgpiEArqi4egmBAMYvaObgn4poorpUaqmvzzbvqbowRllQ+ZgzGVMGKaPkqUmPDOOFQRUFDmeUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.16.17.tgz}
     name: '@esbuild/linux-x64'
@@ -1591,17 +1252,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/netbsd-x64/0.16.16:
-    resolution: {integrity: sha512-xwjGJB5wwDEujLaJIrSMRqWkbigALpBNcsF9SqszoNKc+wY4kPTdKrSxiY5ik3IatojePP+WV108MvF6q6np4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.16.16.tgz}
-    name: '@esbuild/netbsd-x64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/netbsd-x64/0.16.17:
     resolution: {integrity: sha512-/PzmzD/zyAeTUsduZa32bn0ORug+Jd1EGGAUJvqfeixoEISYpGnAezN6lnJoskauoai0Jrs+XSyvDhppCPoKOA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.16.17.tgz}
     name: '@esbuild/netbsd-x64'
@@ -1613,17 +1263,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/openbsd-x64/0.16.16:
-    resolution: {integrity: sha512-yeERkoxG2nR2oxO5n+Ms7MsCeNk23zrby2GXCqnfCpPp7KNc0vxaaacIxb21wPMfXXRhGBrNP4YLIupUBrWdlg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.16.16.tgz}
-    name: '@esbuild/openbsd-x64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/openbsd-x64/0.16.17:
     resolution: {integrity: sha512-2yaWJhvxGEz2RiftSk0UObqJa/b+rIAjnODJgv2GbGGpRwAfpgzyrg1WLK8rqA24mfZa9GvpjLcBBg8JHkoodg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.16.17.tgz}
     name: '@esbuild/openbsd-x64'
@@ -1635,17 +1274,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/sunos-x64/0.16.16:
-    resolution: {integrity: sha512-nHfbEym0IObXPhtX6Va3H5GaKBty2kdhlAhKmyCj9u255ktAj0b1YACUs9j5H88NRn9cJCthD1Ik/k9wn8YKVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.16.16.tgz}
-    name: '@esbuild/sunos-x64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/sunos-x64/0.16.17:
     resolution: {integrity: sha512-xtVUiev38tN0R3g8VhRfN7Zl42YCJvyBhRKw1RJjwE1d2emWTVToPLNEQj/5Qxc6lVFATDiy6LjVHYhIPrLxzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.16.17.tgz}
     name: '@esbuild/sunos-x64'
@@ -1657,17 +1285,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-arm64/0.16.16:
-    resolution: {integrity: sha512-pdD+M1ZOFy4hE15ZyPX09fd5g4DqbbL1wXGY90YmleVS6Y5YlraW4BvHjim/X/4yuCpTsAFvsT4Nca2lbyDH/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.16.16.tgz}
-    name: '@esbuild/win32-arm64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/win32-arm64/0.16.17:
     resolution: {integrity: sha512-ga8+JqBDHY4b6fQAmOgtJJue36scANy4l/rL97W+0wYmijhxKetzZdKOJI7olaBaMhWt8Pac2McJdZLxXWUEQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.16.17.tgz}
     name: '@esbuild/win32-arm64'
@@ -1679,17 +1296,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-ia32/0.16.16:
-    resolution: {integrity: sha512-IPEMfU9p0c3Vb8PqxaPX6BM9rYwlTZGYOf9u+kMdhoILZkVKEjq6PKZO0lB+isojWwAnAqh4ZxshD96njTXajg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.16.16.tgz}
-    name: '@esbuild/win32-ia32'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/win32-ia32/0.16.17:
     resolution: {integrity: sha512-WnsKaf46uSSF/sZhwnqE4L/F89AYNMiD4YtEcYekBt9Q7nj0DiId2XH2Ng2PHM54qi5oPrQ8luuzGszqi/veig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.16.17.tgz}
     name: '@esbuild/win32-ia32'
@@ -1701,17 +1307,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-x64/0.16.16:
-    resolution: {integrity: sha512-1YYpoJ39WV/2bnShPwgdzJklc+XS0bysN6Tpnt1cWPdeoKOG4RMEY1g7i534QxXX/rPvNx/NLJQTTCeORYzipg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.16.16.tgz}
-    name: '@esbuild/win32-x64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/win32-x64/0.16.17:
     resolution: {integrity: sha512-y+EHuSchhL7FjHgvQL/0fnnFmO4T1bhvWANX6gcnqTjtnKWbTvUMCpGnv2+t+31d7RzyEAYAd4u2fnIhHL6N/Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.16.17.tgz}
     name: '@esbuild/win32-x64'
@@ -1723,7 +1318,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@eslint-community/eslint-utils/4.2.0_eslint@8.23.1:
+  registry.npmjs.org/@eslint-community/eslint-utils/4.2.0_eslint@8.36.0:
     resolution: {integrity: sha512-gB8T4H4DEfX2IV9zGDJPOBgP1e/DbfCPDTtEqUMckpvzS1OYtva8JdFYBqMwYk7xAQ429WGF/UPqn8uQ//h2vQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.2.0.tgz}
     id: registry.npmjs.org/@eslint-community/eslint-utils/4.2.0
     name: '@eslint-community/eslint-utils'
@@ -1732,7 +1327,7 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.23.1
+      eslint: registry.npmjs.org/eslint/8.36.0
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
     dev: true
 
@@ -1743,17 +1338,17 @@ packages:
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@eslint/eslintrc/1.3.2:
-    resolution: {integrity: sha512-AXYd23w1S/bv3fTs3Lz0vjiYemS08jWkI3hYyS9I1ry+0f+Yjs1wm+sU0BS8qDOPrBIkp4qHYC16I8uVtpLajQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.2.tgz}
+  registry.npmjs.org/@eslint/eslintrc/2.0.1:
+    resolution: {integrity: sha512-eFRmABvW2E5Ho6f5fHLqgena46rOj7r7OKHYfLElqcBfGFHHpjBhivyi5+jOEQuSpdc/1phIZJlbC2te+tZNIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.1.tgz}
     name: '@eslint/eslintrc'
-    version: 1.3.2
+    version: 2.0.1
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: registry.npmjs.org/ajv/6.12.6
       debug: registry.npmjs.org/debug/4.3.4
-      espree: registry.npmjs.org/espree/9.4.0
-      globals: registry.npmjs.org/globals/13.17.0
-      ignore: registry.npmjs.org/ignore/5.2.0
+      espree: registry.npmjs.org/espree/9.5.0
+      globals: registry.npmjs.org/globals/13.20.0
+      ignore: registry.npmjs.org/ignore/5.2.4
       import-fresh: registry.npmjs.org/import-fresh/3.3.0
       js-yaml: registry.npmjs.org/js-yaml/4.1.0
       minimatch: registry.npmjs.org/minimatch/3.1.2
@@ -1762,23 +1357,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@eslint/eslintrc/1.4.1:
-    resolution: {integrity: sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.1.tgz}
-    name: '@eslint/eslintrc'
-    version: 1.4.1
+  registry.npmjs.org/@eslint/js/8.36.0:
+    resolution: {integrity: sha512-lxJ9R5ygVm8ZWgYdUweoq5ownDlJ4upvoWmO4eLxBYHdMo+vZ/Rx0EN6MbKWDJOSUGrqJy2Gt+Dyv/VKml0fjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/js/-/js-8.36.0.tgz}
+    name: '@eslint/js'
+    version: 8.36.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      ajv: registry.npmjs.org/ajv/6.12.6
-      debug: registry.npmjs.org/debug/4.3.4
-      espree: registry.npmjs.org/espree/9.4.0
-      globals: registry.npmjs.org/globals/13.20.0
-      ignore: registry.npmjs.org/ignore/5.2.4
-      import-fresh: registry.npmjs.org/import-fresh/3.3.0
-      js-yaml: registry.npmjs.org/js-yaml/4.1.0
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-      strip-json-comments: registry.npmjs.org/strip-json-comments/3.1.1
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   registry.npmjs.org/@hapi/hoek/9.3.0:
@@ -1795,19 +1378,6 @@ packages:
       '@hapi/hoek': registry.npmjs.org/@hapi/hoek/9.3.0
     dev: true
 
-  registry.npmjs.org/@humanwhocodes/config-array/0.10.4:
-    resolution: {integrity: sha512-mXAIHxZT3Vcpg83opl1wGlVZ9xydbfZO3r5YfRSH6Gpp2J/PfdBP0wbDa2sO6/qRbcalpoevVyW6A/fI6LfeMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.10.4.tgz}
-    name: '@humanwhocodes/config-array'
-    version: 0.10.4
-    engines: {node: '>=10.10.0'}
-    dependencies:
-      '@humanwhocodes/object-schema': registry.npmjs.org/@humanwhocodes/object-schema/1.2.1
-      debug: registry.npmjs.org/debug/4.3.4
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   registry.npmjs.org/@humanwhocodes/config-array/0.11.8:
     resolution: {integrity: sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz}
     name: '@humanwhocodes/config-array'
@@ -1821,12 +1391,6 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@humanwhocodes/gitignore-to-minimatch/1.0.2:
-    resolution: {integrity: sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/gitignore-to-minimatch/-/gitignore-to-minimatch-1.0.2.tgz}
-    name: '@humanwhocodes/gitignore-to-minimatch'
-    version: 1.0.2
-    dev: true
-
   registry.npmjs.org/@humanwhocodes/module-importer/1.0.1:
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz}
     name: '@humanwhocodes/module-importer'
@@ -1904,7 +1468,7 @@ packages:
     name: '@manypkg/find-root'
     version: 1.1.0
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.21.0
       '@types/node': registry.npmjs.org/@types/node/12.20.55
       find-up: registry.npmjs.org/find-up/4.1.0
       fs-extra: registry.npmjs.org/fs-extra/8.1.0
@@ -1915,7 +1479,7 @@ packages:
     name: '@manypkg/get-packages'
     version: 1.1.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.21.0
       '@changesets/types': registry.npmjs.org/@changesets/types/4.1.0
       '@manypkg/find-root': registry.npmjs.org/@manypkg/find-root/1.1.0
       fs-extra: registry.npmjs.org/fs-extra/8.1.0
@@ -1956,16 +1520,16 @@ packages:
     version: 1.0.0-next.21
     dev: true
 
-  registry.npmjs.org/@preconstruct/cli/2.2.1:
-    resolution: {integrity: sha512-G+sUV9o8l6Ds/82qJZYTXkCsVqPXLuD+bv+nVQeo3OL+eqzO/uAiBBFVp0DMcBJiyQYeU9nb+V8q22/PPaepDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@preconstruct/cli/-/cli-2.2.1.tgz}
+  registry.npmjs.org/@preconstruct/cli/2.3.0:
+    resolution: {integrity: sha512-us4qOb1ocxGyvCj9vIg4Nc9Ylz2EKetFuxWyuFmuW+jg9NSdr3j9tUKQcNbPAW53jtslYdEKrRepDUoGK5oGFA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@preconstruct/cli/-/cli-2.3.0.tgz}
     name: '@preconstruct/cli'
-    version: 2.2.1
+    version: 2.3.0
     hasBin: true
     dependencies:
       '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.18.6
-      '@babel/core': registry.npmjs.org/@babel/core/7.19.0
+      '@babel/core': registry.npmjs.org/@babel/core/7.21.3
       '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports/7.18.6
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.21.0
       '@preconstruct/hook': registry.npmjs.org/@preconstruct/hook/0.4.0
       '@rollup/plugin-alias': registry.npmjs.org/@rollup/plugin-alias/3.1.9_rollup@2.79.1
       '@rollup/plugin-commonjs': registry.npmjs.org/@rollup/plugin-commonjs/15.1.0_rollup@2.79.1
@@ -1974,7 +1538,7 @@ packages:
       '@rollup/plugin-replace': registry.npmjs.org/@rollup/plugin-replace/2.4.2_rollup@2.79.1
       builtin-modules: registry.npmjs.org/builtin-modules/3.3.0
       chalk: registry.npmjs.org/chalk/4.1.2
-      dataloader: registry.npmjs.org/dataloader/2.1.0
+      dataloader: registry.npmjs.org/dataloader/2.2.2
       detect-indent: registry.npmjs.org/detect-indent/6.1.0
       enquirer: registry.npmjs.org/enquirer/2.3.6
       estree-walker: registry.npmjs.org/estree-walker/2.0.2
@@ -1996,8 +1560,8 @@ packages:
       resolve: registry.npmjs.org/resolve/1.22.1
       resolve-from: registry.npmjs.org/resolve-from/5.0.0
       rollup: registry.npmjs.org/rollup/2.79.1
-      semver: registry.npmjs.org/semver/7.3.7
-      terser: registry.npmjs.org/terser/5.15.0
+      semver: registry.npmjs.org/semver/7.3.8
+      terser: registry.npmjs.org/terser/5.16.6
       v8-compile-cache: registry.npmjs.org/v8-compile-cache/2.3.0
     transitivePeerDependencies:
       - supports-color
@@ -2008,14 +1572,21 @@ packages:
     name: '@preconstruct/hook'
     version: 0.4.0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.19.0
-      '@babel/plugin-transform-modules-commonjs': registry.npmjs.org/@babel/plugin-transform-modules-commonjs/7.18.6_@babel+core@7.19.0
+      '@babel/core': registry.npmjs.org/@babel/core/7.21.3
+      '@babel/plugin-transform-modules-commonjs': registry.npmjs.org/@babel/plugin-transform-modules-commonjs/7.21.2_@babel+core@7.21.3
       pirates: registry.npmjs.org/pirates/4.0.5
       source-map-support: registry.npmjs.org/source-map-support/0.5.21
     transitivePeerDependencies:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@remix-run/router/1.4.0:
+    resolution: {integrity: sha512-BJ9SxXux8zAg991UmT8slpwpsd31K1dHHbD3Ba4VzD+liLQ4WAMSxQp2d2ZPRPfN0jN2NPRowcSSoM7lCaF08Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@remix-run/router/-/router-1.4.0.tgz}
+    name: '@remix-run/router'
+    version: 1.4.0
+    engines: {node: '>=14'}
+    dev: false
+
   registry.npmjs.org/@rollup/plugin-alias/3.1.9_rollup@2.79.1:
     resolution: {integrity: sha512-QI5fsEvm9bDzt32k39wpOwZhVzRcL5ydcffUHMyLVaVaLeC70I8TJZ17F1z1eMoLu4E/UOcH9BWVkKpIKdrfiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-alias/-/plugin-alias-3.1.9.tgz}
     id: registry.npmjs.org/@rollup/plugin-alias/3.1.9
@@ -2048,11 +1619,11 @@ packages:
       rollup: registry.npmjs.org/rollup/2.79.1
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-commonjs/24.0.0_rollup@3.9.1:
-    resolution: {integrity: sha512-0w0wyykzdyRRPHOb0cQt14mIBLujfAv6GgP6g8nvg/iBxEm112t3YPPq+Buqe2+imvElTka+bjNlJ/gB56TD8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-24.0.0.tgz}
-    id: registry.npmjs.org/@rollup/plugin-commonjs/24.0.0
+  registry.npmjs.org/@rollup/plugin-commonjs/24.0.1_rollup@3.19.1:
+    resolution: {integrity: sha512-15LsiWRZk4eOGqvrJyu3z3DaBu5BhXIMeWnijSRvd8irrrg9SHpQ1pH+BUK4H6Z9wL9yOxZJMTLU+Au86XHxow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-24.0.1.tgz}
+    id: registry.npmjs.org/@rollup/plugin-commonjs/24.0.1
     name: '@rollup/plugin-commonjs'
-    version: 24.0.0
+    version: 24.0.1
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^2.68.0||^3.0.0
@@ -2060,13 +1631,13 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.9.1
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.19.1
       commondir: registry.npmjs.org/commondir/1.0.1
       estree-walker: registry.npmjs.org/estree-walker/2.0.2
-      glob: registry.npmjs.org/glob/8.0.3
+      glob: registry.npmjs.org/glob/8.1.0
       is-reference: registry.npmjs.org/is-reference/1.2.1
       magic-string: registry.npmjs.org/magic-string/0.27.0
-      rollup: registry.npmjs.org/rollup/3.9.1
+      rollup: registry.npmjs.org/rollup/3.19.1
     dev: true
 
   registry.npmjs.org/@rollup/plugin-json/4.1.0_rollup@2.79.1:
@@ -2093,13 +1664,13 @@ packages:
       '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/3.1.0_rollup@2.79.1
       '@types/resolve': registry.npmjs.org/@types/resolve/1.17.1
       builtin-modules: registry.npmjs.org/builtin-modules/3.3.0
-      deepmerge: registry.npmjs.org/deepmerge/4.2.2
+      deepmerge: registry.npmjs.org/deepmerge/4.3.0
       is-module: registry.npmjs.org/is-module/1.0.0
       resolve: registry.npmjs.org/resolve/1.22.1
       rollup: registry.npmjs.org/rollup/2.79.1
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-node-resolve/15.0.1_rollup@3.9.1:
+  registry.npmjs.org/@rollup/plugin-node-resolve/15.0.1_rollup@3.19.1:
     resolution: {integrity: sha512-ReY88T7JhJjeRVbfCyNj+NXAG3IIsVMsX9b5/9jC98dRP8/yxlZdz7mHZbHk5zHr24wZZICS5AcXsFZAXYUQEg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.0.1.tgz}
     id: registry.npmjs.org/@rollup/plugin-node-resolve/15.0.1
     name: '@rollup/plugin-node-resolve'
@@ -2111,13 +1682,13 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.9.1
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.19.1
       '@types/resolve': registry.npmjs.org/@types/resolve/1.20.2
-      deepmerge: registry.npmjs.org/deepmerge/4.2.2
-      is-builtin-module: registry.npmjs.org/is-builtin-module/3.2.0
+      deepmerge: registry.npmjs.org/deepmerge/4.3.0
+      is-builtin-module: registry.npmjs.org/is-builtin-module/3.2.1
       is-module: registry.npmjs.org/is-module/1.0.0
       resolve: registry.npmjs.org/resolve/1.22.1
-      rollup: registry.npmjs.org/rollup/3.9.1
+      rollup: registry.npmjs.org/rollup/3.19.1
     dev: true
 
   registry.npmjs.org/@rollup/plugin-replace/2.4.2_rollup@2.79.1:
@@ -2133,7 +1704,7 @@ packages:
       rollup: registry.npmjs.org/rollup/2.79.1
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.9.1:
+  registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.19.1:
     resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-5.0.2.tgz}
     id: registry.npmjs.org/@rollup/plugin-replace/5.0.2
     name: '@rollup/plugin-replace'
@@ -2145,16 +1716,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.9.1
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.19.1
       magic-string: registry.npmjs.org/magic-string/0.27.0
-      rollup: registry.npmjs.org/rollup/3.9.1
+      rollup: registry.npmjs.org/rollup/3.19.1
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-terser/0.3.0_rollup@3.9.1:
-    resolution: {integrity: sha512-mYTkNW9KjOscS/3QWU5LfOKsR3/fAAVDaqcAe2TZ7ng6pN46f+C7FOZbITuIW/neA+PhcjoKl7yMyB3XcmA4gw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.3.0.tgz}
-    id: registry.npmjs.org/@rollup/plugin-terser/0.3.0
+  registry.npmjs.org/@rollup/plugin-terser/0.4.0_rollup@3.19.1:
+    resolution: {integrity: sha512-Ipcf3LPNerey1q9ZMjiaWHlNPEHNU/B5/uh9zXLltfEQ1lVSLLeZSgAtTPWGyw8Ip1guOeq+mDtdOlEj/wNxQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.0.tgz}
+    id: registry.npmjs.org/@rollup/plugin-terser/0.4.0
     name: '@rollup/plugin-terser'
-    version: 0.3.0
+    version: 0.4.0
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^2.x || ^3.x
@@ -2162,13 +1733,13 @@ packages:
       rollup:
         optional: true
     dependencies:
-      rollup: registry.npmjs.org/rollup/3.9.1
-      serialize-javascript: registry.npmjs.org/serialize-javascript/6.0.0
+      rollup: registry.npmjs.org/rollup/3.19.1
+      serialize-javascript: registry.npmjs.org/serialize-javascript/6.0.1
       smob: registry.npmjs.org/smob/0.0.6
-      terser: registry.npmjs.org/terser/5.16.1
+      terser: registry.npmjs.org/terser/5.16.6
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-typescript/11.0.0_esmavzhadgk2idmxtiodxm33ma:
+  registry.npmjs.org/@rollup/plugin-typescript/11.0.0_h4kaxwm6ctjivrsm4cpxaz7nqu:
     resolution: {integrity: sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-11.0.0.tgz}
     id: registry.npmjs.org/@rollup/plugin-typescript/11.0.0
     name: '@rollup/plugin-typescript'
@@ -2184,10 +1755,10 @@ packages:
       tslib:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.9.1
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.19.1
       resolve: registry.npmjs.org/resolve/1.22.1
-      rollup: registry.npmjs.org/rollup/3.9.1
-      typescript: registry.npmjs.org/typescript/4.9.4
+      rollup: registry.npmjs.org/rollup/3.19.1
+      typescript: registry.npmjs.org/typescript/4.9.5
     dev: true
 
   registry.npmjs.org/@rollup/pluginutils/3.1.0_rollup@2.79.1:
@@ -2205,7 +1776,7 @@ packages:
       rollup: registry.npmjs.org/rollup/2.79.1
     dev: true
 
-  registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.9.1:
+  registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.19.1:
     resolution: {integrity: sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz}
     id: registry.npmjs.org/@rollup/pluginutils/5.0.2
     name: '@rollup/pluginutils'
@@ -2220,7 +1791,7 @@ packages:
       '@types/estree': registry.npmjs.org/@types/estree/1.0.0
       estree-walker: registry.npmjs.org/estree-walker/2.0.2
       picomatch: registry.npmjs.org/picomatch/2.3.1
-      rollup: registry.npmjs.org/rollup/3.9.1
+      rollup: registry.npmjs.org/rollup/3.19.1
     dev: true
 
   registry.npmjs.org/@sideway/address/4.1.4:
@@ -2231,10 +1802,10 @@ packages:
       '@hapi/hoek': registry.npmjs.org/@hapi/hoek/9.3.0
     dev: true
 
-  registry.npmjs.org/@sideway/formula/3.0.0:
-    resolution: {integrity: sha512-vHe7wZ4NOXVfkoRb8T5otiENVlT7a3IAiw7H5M2+GO+9CDgcVUUsX1zalAztCmwyOr2RUTGJdgB+ZvSVqmdHmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sideway/formula/-/formula-3.0.0.tgz}
+  registry.npmjs.org/@sideway/formula/3.0.1:
+    resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz}
     name: '@sideway/formula'
-    version: 3.0.0
+    version: 3.0.1
     dev: true
 
   registry.npmjs.org/@sideway/pinpoint/2.0.0:
@@ -2249,7 +1820,7 @@ packages:
     version: 2.0.0
     dev: false
 
-  registry.npmjs.org/@sveltejs/adapter-auto/2.0.0_@sveltejs+kit@1.9.1:
+  registry.npmjs.org/@sveltejs/adapter-auto/2.0.0_@sveltejs+kit@1.11.0:
     resolution: {integrity: sha512-b+gkHFZgD771kgV3aO4avHFd7y1zhmMYy9i6xOK7m/rwmwaRO8gnF5zBc0Rgca80B2PMU1bKNxyBTHA14OzUAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-2.0.0.tgz}
     id: registry.npmjs.org/@sveltejs/adapter-auto/2.0.0
     name: '@sveltejs/adapter-auto'
@@ -2257,15 +1828,15 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.9.1_svelte@3.55.1+vite@4.1.4
-      import-meta-resolve: registry.npmjs.org/import-meta-resolve/2.2.1
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.11.0_svelte@3.56.0+vite@4.1.4
+      import-meta-resolve: registry.npmjs.org/import-meta-resolve/2.2.2
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit/1.9.1_svelte@3.55.1+vite@4.1.4:
-    resolution: {integrity: sha512-SC2pTnaloAL+6744tWl1/b1zGAhZX2zmgmUmKV4Y6nx/y5gP6+MTzY6SC74PYUWSlOPumi8wZ40hQ2RExCFuhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.9.1.tgz}
-    id: registry.npmjs.org/@sveltejs/kit/1.9.1
+  registry.npmjs.org/@sveltejs/kit/1.11.0_svelte@3.56.0+vite@4.1.4:
+    resolution: {integrity: sha512-PwViZcMoLgEU/jhLoSyjf5hSrHS67wvSm0ifBo4prP9irpGa5HuPOZeVDTL5tPDSBoKxtdYi1zlGdoiJfO86jA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.11.0.tgz}
+    id: registry.npmjs.org/@sveltejs/kit/1.11.0
     name: '@sveltejs/kit'
-    version: 1.9.1
+    version: 1.11.0
     engines: {node: ^16.14 || >=18}
     hasBin: true
     requiresBuild: true
@@ -2273,7 +1844,7 @@ packages:
       svelte: ^3.54.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.3_svelte@3.55.1+vite@4.1.4
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.3_svelte@3.56.0+vite@4.1.4
       '@types/cookie': registry.npmjs.org/@types/cookie/0.5.1
       cookie: registry.npmjs.org/cookie/0.5.0
       devalue: registry.npmjs.org/devalue/4.3.0
@@ -2284,7 +1855,7 @@ packages:
       sade: registry.npmjs.org/sade/1.8.1
       set-cookie-parser: registry.npmjs.org/set-cookie-parser/2.5.1
       sirv: registry.npmjs.org/sirv/2.0.2
-      svelte: registry.npmjs.org/svelte/3.55.1
+      svelte: registry.npmjs.org/svelte/3.56.0
       tiny-glob: registry.npmjs.org/tiny-glob/0.2.9
       undici: registry.npmjs.org/undici/5.20.0
       vite: registry.npmjs.org/vite/4.1.4
@@ -2292,11 +1863,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/package/1.0.2_atrrhq7vg4ekua4nnyrpuardle:
-    resolution: {integrity: sha512-VY9U+05d9uNFDj7ScKRlHORYlfPSHwJewBjV+V2RsnViexpLFPUrboC9SiPYDCpLnbeqwXerxhO6twGHUBGeIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/package/-/package-1.0.2.tgz}
-    id: registry.npmjs.org/@sveltejs/package/1.0.2
+  registry.npmjs.org/@sveltejs/package/2.0.2_rx3ssngbibhj4vpczagsdyy47u:
+    resolution: {integrity: sha512-cCOCcO8yMHnhHyaR51nQtvKZ3o/vSU9UYI1EXLT1j2CKNPMuH1/g6JNwKcNNrtQGwwquudc69ZeYy8D/TDNwEw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/package/-/package-2.0.2.tgz}
+    id: registry.npmjs.org/@sveltejs/package/2.0.2
     name: '@sveltejs/package'
-    version: 1.0.2
+    version: 2.0.2
     engines: {node: ^16.14 || >=18}
     hasBin: true
     peerDependencies:
@@ -2305,13 +1876,13 @@ packages:
       chokidar: registry.npmjs.org/chokidar/3.5.3
       kleur: registry.npmjs.org/kleur/4.1.5
       sade: registry.npmjs.org/sade/1.8.1
-      svelte: registry.npmjs.org/svelte/3.55.1
-      svelte2tsx: registry.npmjs.org/svelte2tsx/0.6.0_atrrhq7vg4ekua4nnyrpuardle
+      svelte: registry.npmjs.org/svelte/3.56.0
+      svelte2tsx: registry.npmjs.org/svelte2tsx/0.6.10_rx3ssngbibhj4vpczagsdyy47u
     transitivePeerDependencies:
       - typescript
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.3_svelte@3.55.1+vite@4.1.4:
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.3_svelte@3.56.0+vite@4.1.4:
     resolution: {integrity: sha512-o+cguBFdwIGtRbNkYOyqTM7KvRUffxh5bfK4oJsWKG2obu+v/cbpT03tJrGl58C7tRXo/aEC0/axN5FVHBj0nA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.0.3.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.3
     name: '@sveltejs/vite-plugin-svelte'
@@ -2325,8 +1896,8 @@ packages:
       deepmerge: registry.npmjs.org/deepmerge/4.3.0
       kleur: registry.npmjs.org/kleur/4.1.5
       magic-string: registry.npmjs.org/magic-string/0.29.0
-      svelte: registry.npmjs.org/svelte/3.55.1
-      svelte-hmr: registry.npmjs.org/svelte-hmr/0.15.1_svelte@3.55.1
+      svelte: registry.npmjs.org/svelte/3.56.0
+      svelte-hmr: registry.npmjs.org/svelte-hmr/0.15.1_svelte@3.56.0
       vite: registry.npmjs.org/vite/4.1.4
       vitefu: registry.npmjs.org/vitefu/0.2.4_vite@4.1.4
     transitivePeerDependencies:
@@ -2339,32 +1910,32 @@ packages:
     version: 0.5.1
     dev: true
 
-  registry.npmjs.org/@types/d3-array/3.0.3:
-    resolution: {integrity: sha512-Reoy+pKnvsksN0lQUlcH6dOGjRZ/3WRwXR//m+/8lt1BXeI4xyaUZoqULNjyXXRuh0Mj4LNpkCvhUpQlY3X5xQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-array/-/d3-array-3.0.3.tgz}
+  registry.npmjs.org/@types/d3-array/3.0.4:
+    resolution: {integrity: sha512-nwvEkG9vYOc0Ic7G7kwgviY4AQlTfYGIZ0fqB7CQHXGyYM6nO7kJh5EguSNA3jfh4rq7Sb7eMVq8isuvg2/miQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-array/-/d3-array-3.0.4.tgz}
     name: '@types/d3-array'
-    version: 3.0.3
+    version: 3.0.4
     dev: false
 
-  registry.npmjs.org/@types/d3-axis/3.0.1:
-    resolution: {integrity: sha512-zji/iIbdd49g9WN0aIsGcwcTBUkgLsCSwB+uH+LPVDAiKWENMtI3cJEWt+7/YYwelMoZmbBfzA3qCdrZ2XFNnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-axis/3.0.2:
+    resolution: {integrity: sha512-uGC7DBh0TZrU/LY43Fd8Qr+2ja1FKmH07q2FoZFHo1eYl8aj87GhfVoY1saJVJiq24rp1+wpI6BvQJMKgQm8oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.2.tgz}
     name: '@types/d3-axis'
-    version: 3.0.1
+    version: 3.0.2
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.4
     dev: false
 
-  registry.npmjs.org/@types/d3-brush/3.0.1:
-    resolution: {integrity: sha512-B532DozsiTuQMHu2YChdZU0qsFJSio3Q6jmBYGYNp3gMDzBmuFFgPt9qKA4VYuLZMp4qc6eX7IUFUEsvHiXZAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-brush/3.0.2:
+    resolution: {integrity: sha512-2TEm8KzUG3N7z0TrSKPmbxByBx54M+S9lHoP2J55QuLU0VSQ9mE96EJSAOVNEqd1bbynMjeTS9VHmz8/bSw8rA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.2.tgz}
     name: '@types/d3-brush'
-    version: 3.0.1
+    version: 3.0.2
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.4
     dev: false
 
-  registry.npmjs.org/@types/d3-chord/3.0.1:
-    resolution: {integrity: sha512-eQfcxIHrg7V++W8Qxn6QkqBNBokyhdWSAS73AbkbMzvLQmVVBviknoz2SRS/ZJdIOmhcmmdCRE/NFOm28Z1AMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-chord/3.0.2:
+    resolution: {integrity: sha512-abT/iLHD3sGZwqMTX1TYCMEulr+wBd0SzyOQnjYNLp7sngdOHYtNkMRI5v3w5thoN+BWtlHVDx2Osvq6fxhZWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.2.tgz}
     name: '@types/d3-chord'
-    version: 3.0.1
+    version: 3.0.2
     dev: false
 
   registry.npmjs.org/@types/d3-color/3.1.0:
@@ -2373,12 +1944,12 @@ packages:
     version: 3.1.0
     dev: false
 
-  registry.npmjs.org/@types/d3-contour/3.0.1:
-    resolution: {integrity: sha512-C3zfBrhHZvrpAAK3YXqLWVAGo87A4SvJ83Q/zVJ8rFWJdKejUnDYaWZPkA8K84kb2vDA/g90LTQAz7etXcgoQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-contour/3.0.2:
+    resolution: {integrity: sha512-k6/bGDoAGJZnZWaKzeB+9glgXCYGvh6YlluxzBREiVo8f/X2vpTEdgPy9DN7Z2i42PZOZ4JDhVdlTSTSkLDPlQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.2.tgz}
     name: '@types/d3-contour'
-    version: 3.0.1
+    version: 3.0.2
     dependencies:
-      '@types/d3-array': registry.npmjs.org/@types/d3-array/3.0.3
+      '@types/d3-array': registry.npmjs.org/@types/d3-array/3.0.4
       '@types/geojson': registry.npmjs.org/@types/geojson/7946.0.10
     dev: false
 
@@ -2388,23 +1959,23 @@ packages:
     version: 6.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-dispatch/3.0.1:
-    resolution: {integrity: sha512-NhxMn3bAkqhjoxabVJWKryhnZXXYYVQxaBnbANu0O94+O/nX9qSjrA1P1jbAQJxJf+VC72TxDX/YJcKue5bRqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-dispatch/3.0.2:
+    resolution: {integrity: sha512-rxN6sHUXEZYCKV05MEh4z4WpPSqIw+aP7n9ZN6WYAAvZoEAghEK1WeVZMZcHRBwyaKflU43PCUAJNjFxCzPDjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.2.tgz}
     name: '@types/d3-dispatch'
-    version: 3.0.1
+    version: 3.0.2
     dev: false
 
-  registry.npmjs.org/@types/d3-drag/3.0.1:
-    resolution: {integrity: sha512-o1Va7bLwwk6h03+nSM8dpaGEYnoIG19P0lKqlic8Un36ymh9NSkNFX1yiXMKNMx8rJ0Kfnn2eovuFaL6Jvj0zA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-drag/3.0.2:
+    resolution: {integrity: sha512-qmODKEDvyKWVHcWWCOVcuVcOwikLVsyc4q4EBJMREsoQnR2Qoc2cZQUyFUPgO9q4S3qdSqJKBsuefv+h0Qy+tw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.2.tgz}
     name: '@types/d3-drag'
-    version: 3.0.1
+    version: 3.0.2
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.4
 
-  registry.npmjs.org/@types/d3-dsv/3.0.0:
-    resolution: {integrity: sha512-o0/7RlMl9p5n6FQDptuJVMxDf/7EDEv2SYEO/CwdG2tr1hTfUVi0Iavkk2ax+VpaQ/1jVhpnj5rq1nj8vwhn2A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.0.tgz}
+  registry.npmjs.org/@types/d3-dsv/3.0.1:
+    resolution: {integrity: sha512-76pBHCMTvPLt44wFOieouXcGXWOF0AJCceUvaFkxSZEu4VDUdv93JfpMa6VGNFs01FHfuP4a5Ou68eRG1KBfTw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.1.tgz}
     name: '@types/d3-dsv'
-    version: 3.0.0
+    version: 3.0.1
     dev: false
 
   registry.npmjs.org/@types/d3-ease/3.0.0:
@@ -2413,18 +1984,18 @@ packages:
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-fetch/3.0.1:
-    resolution: {integrity: sha512-toZJNOwrOIqz7Oh6Q7l2zkaNfXkfR7mFSJvGvlD/Ciq/+SQ39d5gynHJZ/0fjt83ec3WL7+u3ssqIijQtBISsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-fetch/3.0.2:
+    resolution: {integrity: sha512-gllwYWozWfbep16N9fByNBDTkJW/SyhH6SGRlXloR7WdtAaBui4plTP+gbUgiEot7vGw/ZZop1yDZlgXXSuzjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.2.tgz}
     name: '@types/d3-fetch'
-    version: 3.0.1
+    version: 3.0.2
     dependencies:
-      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv/3.0.0
+      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv/3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-force/3.0.3:
-    resolution: {integrity: sha512-z8GteGVfkWJMKsx6hwC3SiTSLspL98VNpmvLpEFJQpZPq6xpA1I8HNBDNSpukfK0Vb0l64zGFhzunLgEAcBWSA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.3.tgz}
+  registry.npmjs.org/@types/d3-force/3.0.4:
+    resolution: {integrity: sha512-q7xbVLrWcXvSBBEoadowIUJ7sRpS1yvgMWnzHJggFy5cUZBq2HZL5k/pBSm0GdYWS1vs5/EDwMjSKF55PDY4Aw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.4.tgz}
     name: '@types/d3-force'
-    version: 3.0.3
+    version: 3.0.4
     dev: false
 
   registry.npmjs.org/@types/d3-format/3.0.1:
@@ -2433,18 +2004,18 @@ packages:
     version: 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-geo/3.0.2:
-    resolution: {integrity: sha512-DbqK7MLYA8LpyHQfv6Klz0426bQEf7bRTvhMy44sNGVyZoWn//B0c+Qbeg8Osi2Obdc9BLLXYAKpyWege2/7LQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.0.2.tgz}
+  registry.npmjs.org/@types/d3-geo/3.0.3:
+    resolution: {integrity: sha512-bK9uZJS3vuDCNeeXQ4z3u0E7OeJZXjUgzFdSOtNtMCJCLvDtWDwfpRVWlyt3y8EvRzI0ccOu9xlMVirawolSCw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.0.3.tgz}
     name: '@types/d3-geo'
-    version: 3.0.2
+    version: 3.0.3
     dependencies:
       '@types/geojson': registry.npmjs.org/@types/geojson/7946.0.10
     dev: false
 
-  registry.npmjs.org/@types/d3-hierarchy/3.1.0:
-    resolution: {integrity: sha512-g+sey7qrCa3UbsQlMZZBOHROkFqx7KZKvUpRzI/tAp/8erZWpYq7FgNKvYwebi2LaEiVs1klhUfd3WCThxmmWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.0.tgz}
+  registry.npmjs.org/@types/d3-hierarchy/3.1.2:
+    resolution: {integrity: sha512-9hjRTVoZjRFR6xo8igAJyNXQyPX6Aq++Nhb5ebrUF414dv4jr2MitM2fWiOY475wa3Za7TOS2Gh9fmqEhLTt0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz}
     name: '@types/d3-hierarchy'
-    version: 3.1.0
+    version: 3.1.2
     dev: false
 
   registry.npmjs.org/@types/d3-interpolate/3.0.1:
@@ -2485,23 +2056,23 @@ packages:
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-scale/4.0.2:
-    resolution: {integrity: sha512-Yk4htunhPAwN0XGlIwArRomOjdoBFXC3+kCxK2Ubg7I9shQlVSJy/pG/Ht5ASN+gdMIalpk8TJ5xV74jFsetLA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.2.tgz}
+  registry.npmjs.org/@types/d3-scale/4.0.3:
+    resolution: {integrity: sha512-PATBiMCpvHJSMtZAMEhc2WyL+hnzarKzI6wAHYjhsonjWJYGq5BXTzQjv4l8m2jO183/4wZ90rKvSeT7o72xNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.3.tgz}
     name: '@types/d3-scale'
-    version: 4.0.2
+    version: 4.0.3
     dependencies:
       '@types/d3-time': registry.npmjs.org/@types/d3-time/3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-selection/3.0.3:
-    resolution: {integrity: sha512-Mw5cf6nlW1MlefpD9zrshZ+DAWL4IQ5LnWfRheW6xwsdaWOb6IRRu2H7XPAQcyXEx1D7XQWgdoKR83ui1/HlEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.3.tgz}
+  registry.npmjs.org/@types/d3-selection/3.0.4:
+    resolution: {integrity: sha512-ZeykX7286BCyMg9sH5fIAORyCB6hcATPSRQpN47jwBA2bMbAT0s+EvtDP5r1FZYJ95R8QoEE1CKJX+n0/M5Vhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.4.tgz}
     name: '@types/d3-selection'
-    version: 3.0.3
+    version: 3.0.4
 
-  registry.npmjs.org/@types/d3-shape/3.1.0:
-    resolution: {integrity: sha512-jYIYxFFA9vrJ8Hd4Se83YI6XF+gzDL1aC5DCsldai4XYYiVNdhtpGbA/GM6iyQ8ayhSp3a148LY34hy7A4TxZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.0.tgz}
+  registry.npmjs.org/@types/d3-shape/3.1.1:
+    resolution: {integrity: sha512-6Uh86YFF7LGg4PQkuO2oG6EMBRLuW9cbavUW46zkIO5kuS2PfTqo2o9SkgtQzguBHbLgNnU90UNsITpsX1My+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.1.tgz}
     name: '@types/d3-shape'
-    version: 3.1.0
+    version: 3.1.1
     dependencies:
       '@types/d3-path': registry.npmjs.org/@types/d3-path/3.0.0
     dev: false
@@ -2524,21 +2095,21 @@ packages:
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-transition/3.0.2:
-    resolution: {integrity: sha512-jo5o/Rf+/u6uerJ/963Dc39NI16FQzqwOc54bwvksGAdVfvDrqDpVeq95bEvPtBwLCVZutAEyAtmSyEMxN7vxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.2.tgz}
+  registry.npmjs.org/@types/d3-transition/3.0.3:
+    resolution: {integrity: sha512-/S90Od8Id1wgQNvIA8iFv9jRhCiZcGhPd2qX0bKF/PS+y0W5CrXKgIiELd2CvG1mlQrWK/qlYh3VxicqG1ZvgA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.3.tgz}
     name: '@types/d3-transition'
-    version: 3.0.2
+    version: 3.0.3
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.4
     dev: false
 
-  registry.npmjs.org/@types/d3-zoom/3.0.1:
-    resolution: {integrity: sha512-7s5L9TjfqIYQmQQEUcpMAcBOahem7TRoSO/+Gkz02GbMVuULiZzjF2BOdw291dbO2aNon4m2OdFsRGaCq2caLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-zoom/3.0.2:
+    resolution: {integrity: sha512-t09DDJVBI6AkM7N8kuPsnq/3d/ehtRKBN1xSiYjjMCgbiw6HM6Ged5VhvswmhprfKyGvzeTEL/4WBaK9llWvlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.2.tgz}
     name: '@types/d3-zoom'
-    version: 3.0.1
+    version: 3.0.2
     dependencies:
       '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate/3.0.1
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.4
     dev: false
 
   registry.npmjs.org/@types/d3/7.4.0:
@@ -2546,36 +2117,36 @@ packages:
     name: '@types/d3'
     version: 7.4.0
     dependencies:
-      '@types/d3-array': registry.npmjs.org/@types/d3-array/3.0.3
-      '@types/d3-axis': registry.npmjs.org/@types/d3-axis/3.0.1
-      '@types/d3-brush': registry.npmjs.org/@types/d3-brush/3.0.1
-      '@types/d3-chord': registry.npmjs.org/@types/d3-chord/3.0.1
+      '@types/d3-array': registry.npmjs.org/@types/d3-array/3.0.4
+      '@types/d3-axis': registry.npmjs.org/@types/d3-axis/3.0.2
+      '@types/d3-brush': registry.npmjs.org/@types/d3-brush/3.0.2
+      '@types/d3-chord': registry.npmjs.org/@types/d3-chord/3.0.2
       '@types/d3-color': registry.npmjs.org/@types/d3-color/3.1.0
-      '@types/d3-contour': registry.npmjs.org/@types/d3-contour/3.0.1
+      '@types/d3-contour': registry.npmjs.org/@types/d3-contour/3.0.2
       '@types/d3-delaunay': registry.npmjs.org/@types/d3-delaunay/6.0.1
-      '@types/d3-dispatch': registry.npmjs.org/@types/d3-dispatch/3.0.1
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
-      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv/3.0.0
+      '@types/d3-dispatch': registry.npmjs.org/@types/d3-dispatch/3.0.2
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
+      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv/3.0.1
       '@types/d3-ease': registry.npmjs.org/@types/d3-ease/3.0.0
-      '@types/d3-fetch': registry.npmjs.org/@types/d3-fetch/3.0.1
-      '@types/d3-force': registry.npmjs.org/@types/d3-force/3.0.3
+      '@types/d3-fetch': registry.npmjs.org/@types/d3-fetch/3.0.2
+      '@types/d3-force': registry.npmjs.org/@types/d3-force/3.0.4
       '@types/d3-format': registry.npmjs.org/@types/d3-format/3.0.1
-      '@types/d3-geo': registry.npmjs.org/@types/d3-geo/3.0.2
-      '@types/d3-hierarchy': registry.npmjs.org/@types/d3-hierarchy/3.1.0
+      '@types/d3-geo': registry.npmjs.org/@types/d3-geo/3.0.3
+      '@types/d3-hierarchy': registry.npmjs.org/@types/d3-hierarchy/3.1.2
       '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate/3.0.1
       '@types/d3-path': registry.npmjs.org/@types/d3-path/3.0.0
       '@types/d3-polygon': registry.npmjs.org/@types/d3-polygon/3.0.0
       '@types/d3-quadtree': registry.npmjs.org/@types/d3-quadtree/3.0.2
       '@types/d3-random': registry.npmjs.org/@types/d3-random/3.0.1
-      '@types/d3-scale': registry.npmjs.org/@types/d3-scale/4.0.2
+      '@types/d3-scale': registry.npmjs.org/@types/d3-scale/4.0.3
       '@types/d3-scale-chromatic': registry.npmjs.org/@types/d3-scale-chromatic/3.0.0
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
-      '@types/d3-shape': registry.npmjs.org/@types/d3-shape/3.1.0
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.4
+      '@types/d3-shape': registry.npmjs.org/@types/d3-shape/3.1.1
       '@types/d3-time': registry.npmjs.org/@types/d3-time/3.0.0
       '@types/d3-time-format': registry.npmjs.org/@types/d3-time-format/4.0.0
       '@types/d3-timer': registry.npmjs.org/@types/d3-timer/3.0.0
-      '@types/d3-transition': registry.npmjs.org/@types/d3-transition/3.0.2
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.1
+      '@types/d3-transition': registry.npmjs.org/@types/d3-transition/3.0.3
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.2
     dev: false
 
   registry.npmjs.org/@types/dagre/0.7.48:
@@ -2607,7 +2178,7 @@ packages:
     name: '@types/is-ci'
     version: 3.0.0
     dependencies:
-      ci-info: registry.npmjs.org/ci-info/3.4.0
+      ci-info: registry.npmjs.org/ci-info/3.8.0
     dev: true
 
   registry.npmjs.org/@types/json-schema/7.0.11:
@@ -2628,22 +2199,16 @@ packages:
     version: 12.20.55
     dev: true
 
-  registry.npmjs.org/@types/node/14.18.28:
-    resolution: {integrity: sha512-CK2fnrQlIgKlCV3N2kM+Gznb5USlwA1KFX3rJVHmgVk6NJxFPuQ86pAcvKnu37IA4BGlSRz7sEE1lHL1aLZ/eQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-14.18.28.tgz}
-    name: '@types/node'
-    version: 14.18.28
-    dev: true
-
-  registry.npmjs.org/@types/node/18.14.2:
-    resolution: {integrity: sha512-1uEQxww3DaghA0RxqHx0O0ppVlo43pJhepY51OxuQIKHpjbnYLA7vcdwioNPzIqmC2u3I/dmylcqjlh0e7AyUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-18.14.2.tgz}
+  registry.npmjs.org/@types/node/14.18.38:
+    resolution: {integrity: sha512-zMRIidN2Huikv/+/U7gRPFYsXDR/7IGqFZzTLnCEj5+gkrQjsowfamaxEnyvArct5hxGA3bTxMXlYhH78V6Cew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-14.18.38.tgz}
     name: '@types/node'
-    version: 18.14.2
+    version: 14.18.38
     dev: true
 
-  registry.npmjs.org/@types/node/18.7.16:
-    resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-18.7.16.tgz}
+  registry.npmjs.org/@types/node/18.15.3:
+    resolution: {integrity: sha512-p6ua9zBxz5otCmbpb5D3U4B5Nanw6Pk3PPyX05xnxbB/fRv71N7CPmORg7uAD5P70T0xmx1pzAx/FUfa5X+3cw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-18.15.3.tgz}
     name: '@types/node'
-    version: 18.7.16
+    version: 18.15.3
     dev: true
 
   registry.npmjs.org/@types/normalize-package-data/2.4.1:
@@ -2664,22 +2229,22 @@ packages:
     version: 2.0.6
     dev: true
 
-  registry.npmjs.org/@types/react-dom/18.0.6:
-    resolution: {integrity: sha512-/5OFZgfIPSwy+YuIBP/FgJnQnsxhZhjjrnxudMddeblOouIodEQ75X14Rr4wGSG/bknL+Omy9iWlLo1u/9GzAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.6.tgz}
+  registry.npmjs.org/@types/react-dom/18.0.11:
+    resolution: {integrity: sha512-O38bPbI2CWtgw/OoQoY+BRelw7uysmXbWvw3nLWO21H1HSh+GOlqPuXshJfjmpNlKiiSDG9cc1JZAaMmVdcTlw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.11.tgz}
     name: '@types/react-dom'
-    version: 18.0.6
+    version: 18.0.11
     dependencies:
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
+      '@types/react': registry.npmjs.org/@types/react/18.0.28
     dev: true
 
-  registry.npmjs.org/@types/react/18.0.19:
-    resolution: {integrity: sha512-BDc3Q+4Q3zsn7k9xZrKfjWyJsSlEDMs38gD1qp2eDazLCdcPqAT+vq1ND+Z8AGel/UiwzNUk8ptpywgNQcJ1MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.0.19.tgz}
+  registry.npmjs.org/@types/react/18.0.28:
+    resolution: {integrity: sha512-RD0ivG1kEztNBdoAK7lekI9M+azSnitIn85h4iOiaLjaTrMjzslhaqCGaI4IyCJ1RljWiLCEu4jyrLLgqxBTew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.0.28.tgz}
     name: '@types/react'
-    version: 18.0.19
+    version: 18.0.28
     dependencies:
       '@types/prop-types': registry.npmjs.org/@types/prop-types/15.7.5
       '@types/scheduler': registry.npmjs.org/@types/scheduler/0.16.2
-      csstype: registry.npmjs.org/csstype/3.1.0
+      csstype: registry.npmjs.org/csstype/3.1.1
     dev: true
 
   registry.npmjs.org/@types/resolve/1.17.1:
@@ -2687,7 +2252,7 @@ packages:
     name: '@types/resolve'
     version: 1.17.1
     dependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
+      '@types/node': registry.npmjs.org/@types/node/18.15.3
     dev: true
 
   registry.npmjs.org/@types/resolve/1.20.2:
@@ -2696,14 +2261,6 @@ packages:
     version: 1.20.2
     dev: true
 
-  registry.npmjs.org/@types/sass/1.43.1:
-    resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/sass/-/sass-1.43.1.tgz}
-    name: '@types/sass'
-    version: 1.43.1
-    dependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.14.2
-    dev: true
-
   registry.npmjs.org/@types/scheduler/0.16.2:
     resolution: {integrity: sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz}
     name: '@types/scheduler'
@@ -2740,41 +2297,11 @@ packages:
     version: 2.10.0
     requiresBuild: true
     dependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
+      '@types/node': registry.npmjs.org/@types/node/14.18.38
     dev: true
     optional: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.49.0_rsaczafy73x3xqauzesvzbsgzy:
-    resolution: {integrity: sha512-IhxabIpcf++TBaBa1h7jtOWyon80SXPRLDq0dVz5SLFC/eW6tofkw/O7Ar3lkx5z5U6wzbKDrl2larprp5kk5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.49.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.49.0
-    name: '@typescript-eslint/eslint-plugin'
-    version: 5.49.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^5.0.0
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.49.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.33.0
-      ignore: registry.npmjs.org/ignore/5.2.4
-      natural-compare-lite: registry.npmjs.org/natural-compare-lite/1.4.0
-      regexpp: registry.npmjs.org/regexpp/3.2.0
-      semver: registry.npmjs.org/semver/7.3.8
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
-      typescript: registry.npmjs.org/typescript/4.9.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.55.0_yarhzymb3lojuq6uyipzo3xllu:
+  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.55.0_342y7v4tc7ytrrysmit6jo4wri:
     resolution: {integrity: sha512-IZGc50rtbjk+xp5YQoJvmMPmJEYoC53SiKPXyqWfv15XoD2Y5Kju6zN0DwlmaGJp1Iw33JsWJcQ7nw0lGCGjVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.55.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.55.0
     name: '@typescript-eslint/eslint-plugin'
@@ -2789,46 +2316,23 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.4.0
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.55.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.55.0_vgl77cfdswitgr47lm5swmv43m
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.55.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.55.0_id2eilsndvzhjjktb64trvy3gu
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.55.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.55.0_vgl77cfdswitgr47lm5swmv43m
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.55.0_vgl77cfdswitgr47lm5swmv43m
       debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.23.1
+      eslint: registry.npmjs.org/eslint/8.36.0
       grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
       ignore: registry.npmjs.org/ignore/5.2.4
       natural-compare-lite: registry.npmjs.org/natural-compare-lite/1.4.0
       semver: registry.npmjs.org/semver/7.3.8
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
-      typescript: registry.npmjs.org/typescript/4.9.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@typescript-eslint/parser/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u:
-    resolution: {integrity: sha512-veDlZN9mUhGqU31Qiv2qEp+XrJj5fgZpJ8PW30sHU+j/8/e5ruAhLaVDAeznS7A7i4ucb/s8IozpDtt9NqCkZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.49.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/5.49.0
-    name: '@typescript-eslint/parser'
-    version: 5.49.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.49.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.49.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.49.0_typescript@4.9.4
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.33.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5
+      typescript: registry.npmjs.org/typescript/4.9.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser/5.55.0_id2eilsndvzhjjktb64trvy3gu:
+  registry.npmjs.org/@typescript-eslint/parser/5.55.0_vgl77cfdswitgr47lm5swmv43m:
     resolution: {integrity: sha512-ppvmeF7hvdhUUZWSd2EEWfzcFkjJzgNQzVST22nzg958CR+sphy8A6K7LXQZd6V75m1VKjp+J4g/PCEfSCmzhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.55.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/parser/5.55.0
     name: '@typescript-eslint/parser'
@@ -2843,24 +2347,14 @@ packages:
     dependencies:
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.55.0
       '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.55.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.55.0_typescript@4.9.4
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.55.0_typescript@4.9.5
       debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.23.1
-      typescript: registry.npmjs.org/typescript/4.9.4
+      eslint: registry.npmjs.org/eslint/8.36.0
+      typescript: registry.npmjs.org/typescript/4.9.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager/5.49.0:
-    resolution: {integrity: sha512-clpROBOiMIzpbWNxCe1xDK14uPZh35u4QaZO1GddilEzoCLAEz4szb51rBpdgurs5k2YzPtJeTEN3qVbG+LRUQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.49.0.tgz}
-    name: '@typescript-eslint/scope-manager'
-    version: 5.49.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.49.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.49.0
-    dev: true
-
   registry.npmjs.org/@typescript-eslint/scope-manager/5.55.0:
     resolution: {integrity: sha512-OK+cIO1ZGhJYNCL//a3ROpsd83psf4dUJ4j7pdNVzd5DmIk+ffkuUIX2vcZQbEW/IR41DYsfJTB19tpCboxQuw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.55.0.tgz}
     name: '@typescript-eslint/scope-manager'
@@ -2871,30 +2365,7 @@ packages:
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.55.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u:
-    resolution: {integrity: sha512-eUgLTYq0tR0FGU5g1YHm4rt5H/+V2IPVkP0cBmbhRyEmyGe4XvJ2YJ6sYTmONfjmdMqyMLad7SB8GvblbeESZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.49.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/5.49.0
-    name: '@typescript-eslint/type-utils'
-    version: 5.49.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '*'
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.49.0_typescript@4.9.4
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.33.0
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
-      typescript: registry.npmjs.org/typescript/4.9.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@typescript-eslint/type-utils/5.55.0_id2eilsndvzhjjktb64trvy3gu:
+  registry.npmjs.org/@typescript-eslint/type-utils/5.55.0_vgl77cfdswitgr47lm5swmv43m:
     resolution: {integrity: sha512-ObqxBgHIXj8rBNm0yh8oORFrICcJuZPZTqtAFh0oZQyr5DnAHZWfyw54RwpEEH+fD8suZaI0YxvWu5tYE/WswA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.55.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/type-utils/5.55.0
     name: '@typescript-eslint/type-utils'
@@ -2907,23 +2378,16 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.55.0_typescript@4.9.4
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.55.0_id2eilsndvzhjjktb64trvy3gu
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.55.0_typescript@4.9.5
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.55.0_vgl77cfdswitgr47lm5swmv43m
       debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.23.1
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
-      typescript: registry.npmjs.org/typescript/4.9.4
+      eslint: registry.npmjs.org/eslint/8.36.0
+      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5
+      typescript: registry.npmjs.org/typescript/4.9.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types/5.49.0:
-    resolution: {integrity: sha512-7If46kusG+sSnEpu0yOz2xFv5nRz158nzEXnJFCGVEHWnuzolXKwrH5Bsf9zsNlOQkyZuk0BZKKoJQI+1JPBBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.49.0.tgz}
-    name: '@typescript-eslint/types'
-    version: 5.49.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
-
   registry.npmjs.org/@typescript-eslint/types/5.55.0:
     resolution: {integrity: sha512-M4iRh4AG1ChrOL6Y+mETEKGeDnT7Sparn6fhZ5LtVJF1909D5O4uqK+C5NPbLmpfZ0XIIxCdwzKiijpZUOvOug==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.55.0.tgz}
     name: '@typescript-eslint/types'
@@ -2931,31 +2395,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree/5.49.0_typescript@4.9.4:
-    resolution: {integrity: sha512-PBdx+V7deZT/3GjNYPVQv1Nc0U46dAHbIuOG8AZ3on3vuEKiPDwFE/lG1snN2eUB9IhF7EyF7K1hmTcLztNIsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.49.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.49.0
-    name: '@typescript-eslint/typescript-estree'
-    version: 5.49.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.49.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.49.0
-      debug: registry.npmjs.org/debug/4.3.4
-      globby: registry.npmjs.org/globby/11.1.0
-      is-glob: registry.npmjs.org/is-glob/4.0.3
-      semver: registry.npmjs.org/semver/7.3.8
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
-      typescript: registry.npmjs.org/typescript/4.9.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@typescript-eslint/typescript-estree/5.55.0_typescript@4.9.4:
+  registry.npmjs.org/@typescript-eslint/typescript-estree/5.55.0_typescript@4.9.5:
     resolution: {integrity: sha512-I7X4A9ovA8gdpWMpr7b1BN9eEbvlEtWhQvpxp/yogt48fy9Lj3iE3ild/1H3jKBBIYj5YYJmS2+9ystVhC7eaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.55.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.55.0
     name: '@typescript-eslint/typescript-estree'
@@ -2973,36 +2413,13 @@ packages:
       globby: registry.npmjs.org/globby/11.1.0
       is-glob: registry.npmjs.org/is-glob/4.0.3
       semver: registry.npmjs.org/semver/7.3.8
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
-      typescript: registry.npmjs.org/typescript/4.9.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@typescript-eslint/utils/5.49.0_zkdaqh7it7uc4cvz2haft7rc6u:
-    resolution: {integrity: sha512-cPJue/4Si25FViIb74sHCLtM4nTSBXtLx1d3/QT6mirQ/c65bV8arBEebBJJizfq8W2YyMoPI/WWPFWitmNqnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.49.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/5.49.0
-    name: '@typescript-eslint/utils'
-    version: 5.49.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-    dependencies:
-      '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.11
-      '@types/semver': registry.npmjs.org/@types/semver/7.3.13
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.49.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.49.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.49.0_typescript@4.9.4
-      eslint: registry.npmjs.org/eslint/8.33.0
-      eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
-      eslint-utils: registry.npmjs.org/eslint-utils/3.0.0_eslint@8.33.0
-      semver: registry.npmjs.org/semver/7.3.8
+      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5
+      typescript: registry.npmjs.org/typescript/4.9.5
     transitivePeerDependencies:
       - supports-color
-      - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils/5.55.0_id2eilsndvzhjjktb64trvy3gu:
+  registry.npmjs.org/@typescript-eslint/utils/5.55.0_vgl77cfdswitgr47lm5swmv43m:
     resolution: {integrity: sha512-FkW+i2pQKcpDC3AY6DU54yl8Lfl14FVGYDgBTyGKB75cCwV3KpkpTMFi9d9j2WAJ4271LR2HeC5SEWF/CZmmfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.55.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/utils/5.55.0
     name: '@typescript-eslint/utils'
@@ -3011,13 +2428,13 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.2.0_eslint@8.23.1
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.2.0_eslint@8.36.0
       '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.11
       '@types/semver': registry.npmjs.org/@types/semver/7.3.13
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.55.0
       '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.55.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.55.0_typescript@4.9.4
-      eslint: registry.npmjs.org/eslint/8.23.1
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.55.0_typescript@4.9.5
+      eslint: registry.npmjs.org/eslint/8.36.0
       eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
       semver: registry.npmjs.org/semver/7.3.8
     transitivePeerDependencies:
@@ -3025,16 +2442,6 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys/5.49.0:
-    resolution: {integrity: sha512-v9jBMjpNWyn8B6k/Mjt6VbUS4J1GvUlR4x3Y+ibnP1z7y7V4n0WRz+50DY6+Myj0UaXVSuUlHohO+eZ8IJEnkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.49.0.tgz}
-    name: '@typescript-eslint/visitor-keys'
-    version: 5.49.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.49.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
-    dev: true
-
   registry.npmjs.org/@typescript-eslint/visitor-keys/5.55.0:
     resolution: {integrity: sha512-q2dlHHwWgirKh1D3acnuApXG+VNXpEY5/AwRxDVuEQpxWaB0jCDe0jFMVMALJ3ebSfuOVE8/rMS+9ZOYGg1GWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.55.0.tgz}
     name: '@typescript-eslint/visitor-keys'
@@ -3045,26 +2452,26 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
     dev: true
 
-  registry.npmjs.org/@vitejs/plugin-react/3.0.1_vite@4.0.4:
-    resolution: {integrity: sha512-mx+QvYwIbbpOIJw+hypjnW1lAbKDHtWK5ibkF/V1/oMBu8HU/chb+SnqJDAsLq1+7rGqjktCEomMTM5KShzUKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-3.0.1.tgz}
-    id: registry.npmjs.org/@vitejs/plugin-react/3.0.1
+  registry.npmjs.org/@vitejs/plugin-react/3.1.0_vite@4.1.4:
+    resolution: {integrity: sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-3.1.0.tgz}
+    id: registry.npmjs.org/@vitejs/plugin-react/3.1.0
     name: '@vitejs/plugin-react'
-    version: 3.0.1
+    version: 3.1.0
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
-      vite: ^4.0.0
+      vite: ^4.1.0-beta.0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.20.12
-      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.18.6_@babel+core@7.20.12
-      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.19.6_@babel+core@7.20.12
+      '@babel/core': registry.npmjs.org/@babel/core/7.21.3
+      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.21.0_@babel+core@7.21.3
+      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.19.6_@babel+core@7.21.3
       magic-string: registry.npmjs.org/magic-string/0.27.0
       react-refresh: registry.npmjs.org/react-refresh/0.14.0
-      vite: registry.npmjs.org/vite/4.0.4
+      vite: registry.npmjs.org/vite/4.1.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/acorn-jsx/5.3.2_acorn@8.8.0:
+  registry.npmjs.org/acorn-jsx/5.3.2_acorn@8.8.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz}
     id: registry.npmjs.org/acorn-jsx/5.3.2
     name: acorn-jsx
@@ -3072,13 +2479,13 @@ packages:
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      acorn: registry.npmjs.org/acorn/8.8.0
+      acorn: registry.npmjs.org/acorn/8.8.2
     dev: true
 
-  registry.npmjs.org/acorn/8.8.0:
-    resolution: {integrity: sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz}
+  registry.npmjs.org/acorn/8.8.2:
+    resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz}
     name: acorn
-    version: 8.8.0
+    version: 8.8.2
     engines: {node: '>=0.4.0'}
     hasBin: true
     dev: true
@@ -3161,6 +2568,12 @@ packages:
     version: 2.2.0
     dev: true
 
+  registry.npmjs.org/arg/5.0.2:
+    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arg/-/arg-5.0.2.tgz}
+    name: arg
+    version: 5.0.2
+    dev: true
+
   registry.npmjs.org/argparse/1.0.10:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz}
     name: argparse
@@ -3175,6 +2588,15 @@ packages:
     version: 2.0.1
     dev: true
 
+  registry.npmjs.org/array-buffer-byte-length/1.0.0:
+    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz}
+    name: array-buffer-byte-length
+    version: 1.0.0
+    dependencies:
+      call-bind: registry.npmjs.org/call-bind/1.0.2
+      is-array-buffer: registry.npmjs.org/is-array-buffer/3.0.2
+    dev: true
+
   registry.npmjs.org/array-includes/3.1.6:
     resolution: {integrity: sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz}
     name: array-includes
@@ -3182,9 +2604,9 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.0
       is-string: registry.npmjs.org/is-string/1.0.7
     dev: true
 
@@ -3195,15 +2617,15 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/array.prototype.flat/1.3.0:
-    resolution: {integrity: sha512-12IUEkHsAhA4DY5s0FPgNXIdc8VRSqD9Zp78a5au9abH/SOBrsp082JOWFNTjkMozh8mqcdiKuaLGhPeYztxSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.0.tgz}
+  registry.npmjs.org/array.prototype.flat/1.3.1:
+    resolution: {integrity: sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz}
     name: array.prototype.flat
-    version: 1.3.0
+    version: 1.3.1
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
       es-shim-unscopables: registry.npmjs.org/es-shim-unscopables/1.0.0
     dev: true
 
@@ -3214,8 +2636,8 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
       es-shim-unscopables: registry.npmjs.org/es-shim-unscopables/1.0.0
     dev: true
 
@@ -3225,10 +2647,10 @@ packages:
     version: 1.1.1
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
       es-shim-unscopables: registry.npmjs.org/es-shim-unscopables/1.0.0
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.0
     dev: true
 
   registry.npmjs.org/arrify/1.0.1:
@@ -3279,18 +2701,18 @@ packages:
     engines: {node: '>= 4.0.0'}
     dev: true
 
-  registry.npmjs.org/autoprefixer/10.4.9_postcss@8.4.21:
-    resolution: {integrity: sha512-Uu67eduPEmOeA0vyJby5ghu1AAELCCNSsLAjK+lz6kYzNM5sqnBO36MqfsjhPjQF/BaJM5U/UuFYyl7PavY/wQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.9.tgz}
-    id: registry.npmjs.org/autoprefixer/10.4.9
+  registry.npmjs.org/autoprefixer/10.4.14_postcss@8.4.21:
+    resolution: {integrity: sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz}
+    id: registry.npmjs.org/autoprefixer/10.4.14
     name: autoprefixer
-    version: 10.4.9
+    version: 10.4.14
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      browserslist: registry.npmjs.org/browserslist/4.21.3
-      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001397
+      browserslist: registry.npmjs.org/browserslist/4.21.5
+      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001466
       fraction.js: registry.npmjs.org/fraction.js/4.2.0
       normalize-range: registry.npmjs.org/normalize-range/0.1.2
       picocolors: registry.npmjs.org/picocolors/1.0.0
@@ -3311,31 +2733,24 @@ packages:
     version: 0.7.0
     dev: true
 
-  registry.npmjs.org/aws4/1.11.0:
-    resolution: {integrity: sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz}
+  registry.npmjs.org/aws4/1.12.0:
+    resolution: {integrity: sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz}
     name: aws4
-    version: 1.11.0
+    version: 1.12.0
     dev: true
 
-  registry.npmjs.org/axios/0.21.4_debug@4.3.2:
-    resolution: {integrity: sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axios/-/axios-0.21.4.tgz}
-    id: registry.npmjs.org/axios/0.21.4
+  registry.npmjs.org/axios/0.27.2_debug@4.3.4:
+    resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axios/-/axios-0.27.2.tgz}
+    id: registry.npmjs.org/axios/0.27.2
     name: axios
-    version: 0.21.4
+    version: 0.27.2
     dependencies:
-      follow-redirects: registry.npmjs.org/follow-redirects/1.15.1_debug@4.3.2
+      follow-redirects: registry.npmjs.org/follow-redirects/1.15.2_debug@4.3.4
+      form-data: registry.npmjs.org/form-data/4.0.0
     transitivePeerDependencies:
       - debug
     dev: true
 
-  registry.npmjs.org/babel-plugin-dynamic-import-node/2.3.3:
-    resolution: {integrity: sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz}
-    name: babel-plugin-dynamic-import-node
-    version: 2.3.3
-    dependencies:
-      object.assign: registry.npmjs.org/object.assign/4.1.4
-    dev: true
-
   registry.npmjs.org/balanced-match/1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz}
     name: balanced-match
@@ -3418,30 +2833,17 @@ packages:
       wcwidth: registry.npmjs.org/wcwidth/1.0.1
     dev: true
 
-  registry.npmjs.org/browserslist/4.21.3:
-    resolution: {integrity: sha512-898rgRXLAyRkM1GryrrBHGkqA5hlpkV5MhtZwg9QXeiyLUYs2k00Un05aX5l2/yJIOObYKOpS2JNo8nJDE7fWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.21.3.tgz}
-    name: browserslist
-    version: 4.21.3
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-    dependencies:
-      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001397
-      electron-to-chromium: registry.npmjs.org/electron-to-chromium/1.4.247
-      node-releases: registry.npmjs.org/node-releases/2.0.6
-      update-browserslist-db: registry.npmjs.org/update-browserslist-db/1.0.7_browserslist@4.21.3
-    dev: true
-
-  registry.npmjs.org/browserslist/4.21.4:
-    resolution: {integrity: sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz}
+  registry.npmjs.org/browserslist/4.21.5:
+    resolution: {integrity: sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.21.5.tgz}
     name: browserslist
-    version: 4.21.4
+    version: 4.21.5
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001442
-      electron-to-chromium: registry.npmjs.org/electron-to-chromium/1.4.284
-      node-releases: registry.npmjs.org/node-releases/2.0.8
-      update-browserslist-db: registry.npmjs.org/update-browserslist-db/1.0.10_browserslist@4.21.4
+      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001466
+      electron-to-chromium: registry.npmjs.org/electron-to-chromium/1.4.330
+      node-releases: registry.npmjs.org/node-releases/2.0.10
+      update-browserslist-db: registry.npmjs.org/update-browserslist-db/1.0.10_browserslist@4.21.5
     dev: true
 
   registry.npmjs.org/buffer-crc32/0.2.13:
@@ -3494,7 +2896,7 @@ packages:
     version: 1.0.2
     dependencies:
       function-bind: registry.npmjs.org/function-bind/1.1.1
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.0
     dev: true
 
   registry.npmjs.org/callsites/3.1.0:
@@ -3522,16 +2924,10 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/caniuse-lite/1.0.30001397:
-    resolution: {integrity: sha512-SW9N2TbCdLf0eiNDRrrQXx2sOkaakNZbCjgNpPyMJJbiOrU5QzMIrXOVMRM1myBXTD5iTkdrtU/EguCrBocHlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001397.tgz}
-    name: caniuse-lite
-    version: 1.0.30001397
-    dev: true
-
-  registry.npmjs.org/caniuse-lite/1.0.30001442:
-    resolution: {integrity: sha512-239m03Pqy0hwxYPYR5JwOIxRJfLTWtle9FV8zosfV5pHg+/51uD4nxcUlM8+mWWGfwKtt8lJNHnD3cWw9VZ6ow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001442.tgz}
+  registry.npmjs.org/caniuse-lite/1.0.30001466:
+    resolution: {integrity: sha512-ewtFBSfWjEmxUgNBSZItFSmVtvk9zkwkl1OfRZlKA8slltRN+/C/tuGVrF9styXkN36Yu3+SeJ1qkXxDEyNZ5w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001466.tgz}
     name: caniuse-lite
-    version: 1.0.30001442
+    version: 1.0.30001466
     dev: true
 
   registry.npmjs.org/caseless/0.12.0:
@@ -3597,10 +2993,11 @@ packages:
     version: 2.0.0
     dev: true
 
-  registry.npmjs.org/ci-info/3.4.0:
-    resolution: {integrity: sha512-t5QdPT5jq3o262DOQ8zA6E1tlH2upmUc4Hlvrbx1pGYJuiiHl7O7rvVNI+l8HTVhd/q3Qc9vqimkNk5yiXsAug==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ci-info/-/ci-info-3.4.0.tgz}
+  registry.npmjs.org/ci-info/3.8.0:
+    resolution: {integrity: sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz}
     name: ci-info
-    version: 3.4.0
+    version: 3.8.0
+    engines: {node: '>=8'}
     dev: true
 
   registry.npmjs.org/classcat/5.0.4:
@@ -3625,10 +3022,10 @@ packages:
       restore-cursor: registry.npmjs.org/restore-cursor/3.1.0
     dev: true
 
-  registry.npmjs.org/cli-table3/0.6.2:
-    resolution: {integrity: sha512-QyavHCaIC80cMivimWu4aWHilIpiDpfm3hGmqAmXVL1UsnbLuBSMd21hTX6VY4ZSDSM73ESLeF8TOYId3rBTbw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.2.tgz}
+  registry.npmjs.org/cli-table3/0.6.3:
+    resolution: {integrity: sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.3.tgz}
     name: cli-table3
-    version: 0.6.2
+    version: 0.6.3
     engines: {node: 10.* || >= 12.*}
     dependencies:
       string-width: registry.npmjs.org/string-width/4.2.3
@@ -3656,16 +3053,6 @@ packages:
       wrap-ansi: registry.npmjs.org/wrap-ansi/6.2.0
     dev: true
 
-  registry.npmjs.org/cliui/7.0.4:
-    resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz}
-    name: cliui
-    version: 7.0.4
-    dependencies:
-      string-width: registry.npmjs.org/string-width/4.2.3
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
-      wrap-ansi: registry.npmjs.org/wrap-ansi/7.0.0
-    dev: true
-
   registry.npmjs.org/cliui/8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz}
     name: cliui
@@ -3771,19 +3158,11 @@ packages:
       date-fns: registry.npmjs.org/date-fns/2.29.3
       lodash: registry.npmjs.org/lodash/4.17.21
       rxjs: registry.npmjs.org/rxjs/7.8.0
-      shell-quote: registry.npmjs.org/shell-quote/1.7.4
+      shell-quote: registry.npmjs.org/shell-quote/1.8.0
       spawn-command: registry.npmjs.org/spawn-command/0.0.2-1
       supports-color: registry.npmjs.org/supports-color/8.1.1
       tree-kill: registry.npmjs.org/tree-kill/1.2.2
-      yargs: registry.npmjs.org/yargs/17.6.2
-    dev: true
-
-  registry.npmjs.org/convert-source-map/1.8.0:
-    resolution: {integrity: sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz}
-    name: convert-source-map
-    version: 1.8.0
-    dependencies:
-      safe-buffer: registry.npmjs.org/safe-buffer/5.1.2
+      yargs: registry.npmjs.org/yargs/17.7.1
     dev: true
 
   registry.npmjs.org/convert-source-map/1.9.0:
@@ -3834,10 +3213,10 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/csstype/3.1.0:
-    resolution: {integrity: sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz}
+  registry.npmjs.org/csstype/3.1.1:
+    resolution: {integrity: sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz}
     name: csstype
-    version: 3.1.0
+    version: 3.1.1
     dev: true
 
   registry.npmjs.org/csv-generate/3.4.3:
@@ -3870,28 +3249,28 @@ packages:
       stream-transform: registry.npmjs.org/stream-transform/2.1.3
     dev: true
 
-  registry.npmjs.org/cypress-real-events/1.7.1_cypress@10.7.0:
-    resolution: {integrity: sha512-/Bg15RgJ0SYsuXc6lPqH08x19z6j2vmhWN4wXfJqm3z8BTAFiK2MvipZPzxT8Z0jJP0q7kuniWrLIvz/i/8lCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress-real-events/-/cypress-real-events-1.7.1.tgz}
-    id: registry.npmjs.org/cypress-real-events/1.7.1
+  registry.npmjs.org/cypress-real-events/1.7.6_cypress@10.11.0:
+    resolution: {integrity: sha512-yP6GnRrbm6HK5q4DH6Nnupz37nOfZu/xn1xFYqsE2o4G73giPWQOdu6375QYpwfU1cvHNCgyD2bQ2hPH9D7NMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress-real-events/-/cypress-real-events-1.7.6.tgz}
+    id: registry.npmjs.org/cypress-real-events/1.7.6
     name: cypress-real-events
-    version: 1.7.1
+    version: 1.7.6
     peerDependencies:
-      cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x
+      cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x
     dependencies:
-      cypress: registry.npmjs.org/cypress/10.7.0
+      cypress: registry.npmjs.org/cypress/10.11.0
     dev: true
 
-  registry.npmjs.org/cypress/10.7.0:
-    resolution: {integrity: sha512-gTFvjrUoBnqPPOu9Vl5SBHuFlzx/Wxg/ZXIz2H4lzoOLFelKeF7mbwYUOzgzgF0oieU2WhJAestQdkgwJMMTvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress/-/cypress-10.7.0.tgz}
+  registry.npmjs.org/cypress/10.11.0:
+    resolution: {integrity: sha512-lsaE7dprw5DoXM00skni6W5ElVVLGAdRUUdZjX2dYsGjbY/QnpzWZ95Zom1mkGg0hAaO/QVTZoFVS7Jgr/GUPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress/-/cypress-10.11.0.tgz}
     name: cypress
-    version: 10.7.0
+    version: 10.11.0
     engines: {node: '>=12.0.0'}
     hasBin: true
     requiresBuild: true
     dependencies:
-      '@cypress/request': registry.npmjs.org/@cypress/request/2.88.10
+      '@cypress/request': registry.npmjs.org/@cypress/request/2.88.11
       '@cypress/xvfb': registry.npmjs.org/@cypress/xvfb/1.2.4_supports-color@8.1.1
-      '@types/node': registry.npmjs.org/@types/node/14.18.28
+      '@types/node': registry.npmjs.org/@types/node/14.18.38
       '@types/sinonjs__fake-timers': registry.npmjs.org/@types/sinonjs__fake-timers/8.1.1
       '@types/sizzle': registry.npmjs.org/@types/sizzle/2.3.3
       arch: registry.npmjs.org/arch/2.2.0
@@ -3902,13 +3281,13 @@ packages:
       chalk: registry.npmjs.org/chalk/4.1.2
       check-more-types: registry.npmjs.org/check-more-types/2.24.0
       cli-cursor: registry.npmjs.org/cli-cursor/3.1.0
-      cli-table3: registry.npmjs.org/cli-table3/0.6.2
+      cli-table3: registry.npmjs.org/cli-table3/0.6.3
       commander: registry.npmjs.org/commander/5.1.0
       common-tags: registry.npmjs.org/common-tags/1.8.2
-      dayjs: registry.npmjs.org/dayjs/1.11.5
+      dayjs: registry.npmjs.org/dayjs/1.11.7
       debug: registry.npmjs.org/debug/4.3.4_supports-color@8.1.1
       enquirer: registry.npmjs.org/enquirer/2.3.6
-      eventemitter2: registry.npmjs.org/eventemitter2/6.4.8
+      eventemitter2: registry.npmjs.org/eventemitter2/6.4.7
       execa: registry.npmjs.org/execa/4.1.0
       executable: registry.npmjs.org/executable/4.1.1
       extract-zip: registry.npmjs.org/extract-zip/2.0.1_supports-color@8.1.1
@@ -3921,12 +3300,12 @@ packages:
       listr2: registry.npmjs.org/listr2/3.14.0_enquirer@2.3.6
       lodash: registry.npmjs.org/lodash/4.17.21
       log-symbols: registry.npmjs.org/log-symbols/4.1.0
-      minimist: registry.npmjs.org/minimist/1.2.6
+      minimist: registry.npmjs.org/minimist/1.2.8
       ospath: registry.npmjs.org/ospath/1.2.2
       pretty-bytes: registry.npmjs.org/pretty-bytes/5.6.0
       proxy-from-env: registry.npmjs.org/proxy-from-env/1.0.0
       request-progress: registry.npmjs.org/request-progress/3.0.0
-      semver: registry.npmjs.org/semver/7.3.7
+      semver: registry.npmjs.org/semver/7.3.8
       supports-color: registry.npmjs.org/supports-color/8.1.1
       tmp: registry.npmjs.org/tmp/0.2.1
       untildify: registry.npmjs.org/untildify/4.0.0
@@ -4041,10 +3420,10 @@ packages:
     version: 1.4.0
     dev: true
 
-  registry.npmjs.org/dataloader/2.1.0:
-    resolution: {integrity: sha512-qTcEYLen3r7ojZNgVUaRggOI+KM7jrKxXeSHhogh/TWxYMeONEMqY+hmkobiYQozsGIyg9OYVzO4ZIfoB4I0pQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dataloader/-/dataloader-2.1.0.tgz}
+  registry.npmjs.org/dataloader/2.2.2:
+    resolution: {integrity: sha512-8YnDaaf7N3k/q5HnTJVuzSyLETjoZjVmHc4AeKAzOvKHEFQKcn64OKBfzHYtE9zGjctNM7V9I0MfnUVLpi7M5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dataloader/-/dataloader-2.2.2.tgz}
     name: dataloader
-    version: 2.1.0
+    version: 2.2.2
     dev: true
 
   registry.npmjs.org/date-fns/2.29.3:
@@ -4054,10 +3433,10 @@ packages:
     engines: {node: '>=0.11'}
     dev: true
 
-  registry.npmjs.org/dayjs/1.11.5:
-    resolution: {integrity: sha512-CAdX5Q3YW3Gclyo5Vpqkgpj8fSdLQcRuzfX6mC6Phy0nfJ0eGYOeS7m4mt2plDWLAtA4TqTakvbboHvUxfe4iA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dayjs/-/dayjs-1.11.5.tgz}
+  registry.npmjs.org/dayjs/1.11.7:
+    resolution: {integrity: sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dayjs/-/dayjs-1.11.7.tgz}
     name: dayjs
-    version: 1.11.5
+    version: 1.11.7
     dev: true
 
   registry.npmjs.org/debug/3.2.7_supports-color@8.1.1:
@@ -4075,20 +3454,6 @@ packages:
       supports-color: registry.npmjs.org/supports-color/8.1.1
     dev: true
 
-  registry.npmjs.org/debug/4.3.2:
-    resolution: {integrity: sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-4.3.2.tgz}
-    name: debug
-    version: 4.3.2
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-    dependencies:
-      ms: registry.npmjs.org/ms/2.1.2
-    dev: true
-
   registry.npmjs.org/debug/4.3.4:
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-4.3.4.tgz}
     name: debug
@@ -4119,10 +3484,10 @@ packages:
       supports-color: registry.npmjs.org/supports-color/8.1.1
     dev: true
 
-  registry.npmjs.org/decamelize-keys/1.1.0:
-    resolution: {integrity: sha512-ocLWuYzRPoS9bfiSdDd3cxvrzovVMZnRDVEzAs+hWIVXGDbHxWMECij2OBuyB/An0FFW/nLuq6Kv1i/YC5Qfzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz}
+  registry.npmjs.org/decamelize-keys/1.1.1:
+    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.1.tgz}
     name: decamelize-keys
-    version: 1.1.0
+    version: 1.1.1
     engines: {node: '>=0.10.0'}
     dependencies:
       decamelize: registry.npmjs.org/decamelize/1.2.0
@@ -4148,13 +3513,6 @@ packages:
     version: 0.1.4
     dev: true
 
-  registry.npmjs.org/deepmerge/4.2.2:
-    resolution: {integrity: sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz}
-    name: deepmerge
-    version: 4.2.2
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   registry.npmjs.org/deepmerge/4.3.0:
     resolution: {integrity: sha512-z2wJZXrmeHdvYJp/Ux55wIjqo81G5Bp4c+oELTW+7ar6SogWHajt5a9gO3s3IDaGSAXjDk0vlQKN3rms8ab3og==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.0.tgz}
     name: deepmerge
@@ -4162,18 +3520,18 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/defaults/1.0.3:
-    resolution: {integrity: sha512-s82itHOnYrN0Ib8r+z7laQz3sdE+4FP3d9Q7VLO7U+KRT+CR0GsWuyHxzdAY82I7cXv0G/twrqomTJLOssO5HA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/defaults/-/defaults-1.0.3.tgz}
+  registry.npmjs.org/defaults/1.0.4:
+    resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz}
     name: defaults
-    version: 1.0.3
+    version: 1.0.4
     dependencies:
       clone: registry.npmjs.org/clone/1.0.4
     dev: true
 
-  registry.npmjs.org/define-properties/1.1.4:
-    resolution: {integrity: sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz}
+  registry.npmjs.org/define-properties/1.2.0:
+    resolution: {integrity: sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz}
     name: define-properties
-    version: 1.1.4
+    version: 1.2.0
     engines: {node: '>= 0.4'}
     dependencies:
       has-property-descriptors: registry.npmjs.org/has-property-descriptors/1.0.0
@@ -4256,16 +3614,10 @@ packages:
       safer-buffer: registry.npmjs.org/safer-buffer/2.1.2
     dev: true
 
-  registry.npmjs.org/electron-to-chromium/1.4.247:
-    resolution: {integrity: sha512-FLs6R4FQE+1JHM0hh3sfdxnYjKvJpHZyhQDjc2qFq/xFvmmRt/TATNToZhrcGUFzpF2XjeiuozrA8lI0PZmYYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.247.tgz}
-    name: electron-to-chromium
-    version: 1.4.247
-    dev: true
-
-  registry.npmjs.org/electron-to-chromium/1.4.284:
-    resolution: {integrity: sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz}
+  registry.npmjs.org/electron-to-chromium/1.4.330:
+    resolution: {integrity: sha512-PqyefhybrVdjAJ45HaPLtuVaehiSw7C3ya0aad+rvmV53IVyXmYRk3pwIOb2TxTDTnmgQdn46NjMMaysx79/6Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.330.tgz}
     name: electron-to-chromium
-    version: 1.4.284
+    version: 1.4.330
     dev: true
 
   registry.npmjs.org/emoji-regex/8.0.0:
@@ -4299,19 +3651,19 @@ packages:
       is-arrayish: registry.npmjs.org/is-arrayish/0.2.1
     dev: true
 
-  registry.npmjs.org/es-abstract/1.21.1:
-    resolution: {integrity: sha512-QudMsPOz86xYz/1dG1OuGBKOELjCh99IIWHLzy5znUB6j8xG2yMA7bfTV86VSqKF+Y/H08vQPR+9jyXpuC6hfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-abstract/-/es-abstract-1.21.1.tgz}
+  registry.npmjs.org/es-abstract/1.21.2:
+    resolution: {integrity: sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-abstract/-/es-abstract-1.21.2.tgz}
     name: es-abstract
-    version: 1.21.1
+    version: 1.21.2
     engines: {node: '>= 0.4'}
     dependencies:
+      array-buffer-byte-length: registry.npmjs.org/array-buffer-byte-length/1.0.0
       available-typed-arrays: registry.npmjs.org/available-typed-arrays/1.0.5
       call-bind: registry.npmjs.org/call-bind/1.0.2
       es-set-tostringtag: registry.npmjs.org/es-set-tostringtag/2.0.1
       es-to-primitive: registry.npmjs.org/es-to-primitive/1.2.1
-      function-bind: registry.npmjs.org/function-bind/1.1.1
       function.prototype.name: registry.npmjs.org/function.prototype.name/1.1.5
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.0
       get-symbol-description: registry.npmjs.org/get-symbol-description/1.0.0
       globalthis: registry.npmjs.org/globalthis/1.0.3
       gopd: registry.npmjs.org/gopd/1.0.1
@@ -4319,8 +3671,8 @@ packages:
       has-property-descriptors: registry.npmjs.org/has-property-descriptors/1.0.0
       has-proto: registry.npmjs.org/has-proto/1.0.1
       has-symbols: registry.npmjs.org/has-symbols/1.0.3
-      internal-slot: registry.npmjs.org/internal-slot/1.0.4
-      is-array-buffer: registry.npmjs.org/is-array-buffer/3.0.1
+      internal-slot: registry.npmjs.org/internal-slot/1.0.5
+      is-array-buffer: registry.npmjs.org/is-array-buffer/3.0.2
       is-callable: registry.npmjs.org/is-callable/1.2.7
       is-negative-zero: registry.npmjs.org/is-negative-zero/2.0.2
       is-regex: registry.npmjs.org/is-regex/1.1.4
@@ -4328,11 +3680,12 @@ packages:
       is-string: registry.npmjs.org/is-string/1.0.7
       is-typed-array: registry.npmjs.org/is-typed-array/1.1.10
       is-weakref: registry.npmjs.org/is-weakref/1.0.2
-      object-inspect: registry.npmjs.org/object-inspect/1.12.2
+      object-inspect: registry.npmjs.org/object-inspect/1.12.3
       object-keys: registry.npmjs.org/object-keys/1.1.1
       object.assign: registry.npmjs.org/object.assign/4.1.4
       regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags/1.4.3
       safe-regex-test: registry.npmjs.org/safe-regex-test/1.0.0
+      string.prototype.trim: registry.npmjs.org/string.prototype.trim/1.2.7
       string.prototype.trimend: registry.npmjs.org/string.prototype.trimend/1.0.6
       string.prototype.trimstart: registry.npmjs.org/string.prototype.trimstart/1.0.6
       typed-array-length: registry.npmjs.org/typed-array-length/1.0.4
@@ -4346,7 +3699,7 @@ packages:
     version: 2.0.1
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.0
       has: registry.npmjs.org/has/1.0.3
       has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
     dev: true
@@ -4376,38 +3729,6 @@ packages:
     version: 3.3.1
     dev: true
 
-  registry.npmjs.org/esbuild/0.16.16:
-    resolution: {integrity: sha512-24JyKq10KXM5EBIgPotYIJ2fInNWVVqflv3gicIyQqfmUqi4HvDW1VR790cBgLJHCl96Syy7lhoz7tLFcmuRmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.16.16.tgz}
-    name: esbuild
-    version: 0.16.16
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm/0.16.16
-      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64/0.16.16
-      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64/0.16.16
-      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64/0.16.16
-      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64/0.16.16
-      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64/0.16.16
-      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64/0.16.16
-      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm/0.16.16
-      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64/0.16.16
-      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32/0.16.16
-      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64/0.16.16
-      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el/0.16.16
-      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64/0.16.16
-      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64/0.16.16
-      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x/0.16.16
-      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64/0.16.16
-      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64/0.16.16
-      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64/0.16.16
-      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64/0.16.16
-      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64/0.16.16
-      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32/0.16.16
-      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64/0.16.16
-    dev: true
-
   registry.npmjs.org/esbuild/0.16.17:
     resolution: {integrity: sha512-G8LEkV0XzDMNwXKgM0Jwu3nY3lSTwSGY6XbxM9cr9+s0T/qSV1q1JVPBGzm3dcjhCic9+emZDmMffkwgPeOeLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.16.17.tgz}
     name: esbuild
@@ -4461,31 +3782,19 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/eslint-config-prettier/8.5.0_eslint@8.23.1:
-    resolution: {integrity: sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz}
-    id: registry.npmjs.org/eslint-config-prettier/8.5.0
+  registry.npmjs.org/eslint-config-prettier/8.7.0_eslint@8.36.0:
+    resolution: {integrity: sha512-HHVXLSlVUhMSmyW4ZzEuvjpwqamgmlfkutD53cYXLikh4pt/modINRcCIApJ84czDxM4GZInwUrromsDdTImTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.7.0.tgz}
+    id: registry.npmjs.org/eslint-config-prettier/8.7.0
     name: eslint-config-prettier
-    version: 8.5.0
+    version: 8.7.0
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.23.1
+      eslint: registry.npmjs.org/eslint/8.36.0
     dev: true
 
-  registry.npmjs.org/eslint-config-prettier/8.5.0_eslint@8.33.0:
-    resolution: {integrity: sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz}
-    id: registry.npmjs.org/eslint-config-prettier/8.5.0
-    name: eslint-config-prettier
-    version: 8.5.0
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
-    dependencies:
-      eslint: registry.npmjs.org/eslint/8.33.0
-    dev: true
-
-  registry.npmjs.org/eslint-config-turbo/0.0.9_eslint@8.23.1:
+  registry.npmjs.org/eslint-config-turbo/0.0.9_eslint@8.36.0:
     resolution: {integrity: sha512-j1cTdx3tRmKo0csyfQKhpuT8dynK9oddbK5nmrShoMpXI2qMbxHLYH7MWAid4FmJN8rYympy3VKw5U63Yazycg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-0.0.9.tgz}
     id: registry.npmjs.org/eslint-config-turbo/0.0.9
     name: eslint-config-turbo
@@ -4493,11 +3802,11 @@ packages:
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.23.1
-      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo/0.0.9_eslint@8.23.1
+      eslint: registry.npmjs.org/eslint/8.36.0
+      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo/0.0.9_eslint@8.36.0
     dev: true
 
-  registry.npmjs.org/eslint-plugin-prettier/4.2.1_cabrci5exjdaojcvd6xoxgeowu:
+  registry.npmjs.org/eslint-plugin-prettier/4.2.1_eqzx3hpkgx5nnvxls3azrcc7dm:
     resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz}
     id: registry.npmjs.org/eslint-plugin-prettier/4.2.1
     name: eslint-plugin-prettier
@@ -4511,13 +3820,13 @@ packages:
       eslint-config-prettier:
         optional: true
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.23.1
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.5.0_eslint@8.23.1
-      prettier: registry.npmjs.org/prettier/2.7.1
+      eslint: registry.npmjs.org/eslint/8.36.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.7.0_eslint@8.36.0
+      prettier: registry.npmjs.org/prettier/2.8.4
       prettier-linter-helpers: registry.npmjs.org/prettier-linter-helpers/1.0.0
     dev: true
 
-  registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.23.1:
+  registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.36.0:
     resolution: {integrity: sha512-t2fBMa+XzonrrNkyVirzKlvn5RXzzPwRHtMvLAtVZrt8oxgnTQaYbU6SXTOO1mwQgp1y5+toMSKInnzGr0Knqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.32.2.tgz}
     id: registry.npmjs.org/eslint-plugin-react/7.32.2
     name: eslint-plugin-react
@@ -4530,7 +3839,7 @@ packages:
       array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap/1.3.1
       array.prototype.tosorted: registry.npmjs.org/array.prototype.tosorted/1.1.1
       doctrine: registry.npmjs.org/doctrine/2.1.0
-      eslint: registry.npmjs.org/eslint/8.23.1
+      eslint: registry.npmjs.org/eslint/8.36.0
       estraverse: registry.npmjs.org/estraverse/5.3.0
       jsx-ast-utils: registry.npmjs.org/jsx-ast-utils/3.3.3
       minimatch: registry.npmjs.org/minimatch/3.1.2
@@ -4544,7 +3853,7 @@ packages:
       string.prototype.matchall: registry.npmjs.org/string.prototype.matchall/4.0.8
     dev: true
 
-  registry.npmjs.org/eslint-plugin-svelte3/4.0.0_4omm2ewoudhgnmf7aocafatnc4:
+  registry.npmjs.org/eslint-plugin-svelte3/4.0.0_pdvxdpbnzjwxjm7tkjwumh3vqi:
     resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-svelte3/-/eslint-plugin-svelte3-4.0.0.tgz}
     id: registry.npmjs.org/eslint-plugin-svelte3/4.0.0
     name: eslint-plugin-svelte3
@@ -4553,11 +3862,11 @@ packages:
       eslint: '>=8.0.0'
       svelte: ^3.2.0
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.33.0
-      svelte: registry.npmjs.org/svelte/3.55.1
+      eslint: registry.npmjs.org/eslint/8.36.0
+      svelte: registry.npmjs.org/svelte/3.56.0
     dev: true
 
-  registry.npmjs.org/eslint-plugin-turbo/0.0.9_eslint@8.23.1:
+  registry.npmjs.org/eslint-plugin-turbo/0.0.9_eslint@8.36.0:
     resolution: {integrity: sha512-fEsuSnYU3GLtT+s66mUuzDL1LaSieIx5uk3tPO0ToGv7hI2XzOfP24aPkQItTBGl7kq2JaVkRzPwcnfz8hkp0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-0.0.9.tgz}
     id: registry.npmjs.org/eslint-plugin-turbo/0.0.9
     name: eslint-plugin-turbo
@@ -4565,7 +3874,7 @@ packages:
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.23.1
+      eslint: registry.npmjs.org/eslint/8.36.0
     dev: true
 
   registry.npmjs.org/eslint-scope/5.1.1:
@@ -4584,41 +3893,8 @@ packages:
     version: 7.1.1
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      esrecurse: registry.npmjs.org/esrecurse/4.3.0
-      estraverse: registry.npmjs.org/estraverse/5.3.0
-    dev: true
-
-  registry.npmjs.org/eslint-utils/3.0.0_eslint@8.23.1:
-    resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz}
-    id: registry.npmjs.org/eslint-utils/3.0.0
-    name: eslint-utils
-    version: 3.0.0
-    engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
-    peerDependencies:
-      eslint: '>=5'
-    dependencies:
-      eslint: registry.npmjs.org/eslint/8.23.1
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/2.1.0
-    dev: true
-
-  registry.npmjs.org/eslint-utils/3.0.0_eslint@8.33.0:
-    resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz}
-    id: registry.npmjs.org/eslint-utils/3.0.0
-    name: eslint-utils
-    version: 3.0.0
-    engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
-    peerDependencies:
-      eslint: '>=5'
-    dependencies:
-      eslint: registry.npmjs.org/eslint/8.33.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/2.1.0
-    dev: true
-
-  registry.npmjs.org/eslint-visitor-keys/2.1.0:
-    resolution: {integrity: sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz}
-    name: eslint-visitor-keys
-    version: 2.1.0
-    engines: {node: '>=10'}
+      esrecurse: registry.npmjs.org/esrecurse/4.3.0
+      estraverse: registry.npmjs.org/estraverse/5.3.0
     dev: true
 
   registry.npmjs.org/eslint-visitor-keys/3.3.0:
@@ -4628,64 +3904,17 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/eslint/8.23.1:
-    resolution: {integrity: sha512-w7C1IXCc6fNqjpuYd0yPlcTKKmHlHHktRkzmBPZ+7cvNBQuiNjx0xaMTjAJGCafJhQkrFJooREv0CtrVzmHwqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.23.1.tgz}
-    name: eslint
-    version: 8.23.1
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
-    dependencies:
-      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc/1.3.2
-      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array/0.10.4
-      '@humanwhocodes/gitignore-to-minimatch': registry.npmjs.org/@humanwhocodes/gitignore-to-minimatch/1.0.2
-      '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer/1.0.1
-      ajv: registry.npmjs.org/ajv/6.12.6
-      chalk: registry.npmjs.org/chalk/4.1.2
-      cross-spawn: registry.npmjs.org/cross-spawn/7.0.3
-      debug: registry.npmjs.org/debug/4.3.4
-      doctrine: registry.npmjs.org/doctrine/3.0.0
-      escape-string-regexp: registry.npmjs.org/escape-string-regexp/4.0.0
-      eslint-scope: registry.npmjs.org/eslint-scope/7.1.1
-      eslint-utils: registry.npmjs.org/eslint-utils/3.0.0_eslint@8.23.1
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
-      espree: registry.npmjs.org/espree/9.4.0
-      esquery: registry.npmjs.org/esquery/1.4.0
-      esutils: registry.npmjs.org/esutils/2.0.3
-      fast-deep-equal: registry.npmjs.org/fast-deep-equal/3.1.3
-      file-entry-cache: registry.npmjs.org/file-entry-cache/6.0.1
-      find-up: registry.npmjs.org/find-up/5.0.0
-      glob-parent: registry.npmjs.org/glob-parent/6.0.2
-      globals: registry.npmjs.org/globals/13.17.0
-      globby: registry.npmjs.org/globby/11.1.0
-      grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
-      ignore: registry.npmjs.org/ignore/5.2.0
-      import-fresh: registry.npmjs.org/import-fresh/3.3.0
-      imurmurhash: registry.npmjs.org/imurmurhash/0.1.4
-      is-glob: registry.npmjs.org/is-glob/4.0.3
-      js-sdsl: registry.npmjs.org/js-sdsl/4.1.4
-      js-yaml: registry.npmjs.org/js-yaml/4.1.0
-      json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify/1.0.1
-      levn: registry.npmjs.org/levn/0.4.1
-      lodash.merge: registry.npmjs.org/lodash.merge/4.6.2
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-      natural-compare: registry.npmjs.org/natural-compare/1.4.0
-      optionator: registry.npmjs.org/optionator/0.9.1
-      regexpp: registry.npmjs.org/regexpp/3.2.0
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
-      strip-json-comments: registry.npmjs.org/strip-json-comments/3.1.1
-      text-table: registry.npmjs.org/text-table/0.2.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/eslint/8.33.0:
-    resolution: {integrity: sha512-WjOpFQgKK8VrCnAtl8We0SUOy/oVZ5NHykyMiagV1M9r8IFpIJX7DduK6n1mpfhlG7T1NLWm2SuD8QB7KFySaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.33.0.tgz}
+  registry.npmjs.org/eslint/8.36.0:
+    resolution: {integrity: sha512-Y956lmS7vDqomxlaaQAHVmeb4tNMp2FWIvU/RnU5BD3IKMD/MJPr76xdyr68P8tV1iNMvN2mRK0yy3c+UjL+bw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.36.0.tgz}
     name: eslint
-    version: 8.33.0
+    version: 8.36.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc/1.4.1
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.2.0_eslint@8.36.0
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.4.0
+      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc/2.0.1
+      '@eslint/js': registry.npmjs.org/@eslint/js/8.36.0
       '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array/0.11.8
       '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer/1.0.1
       '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk/1.2.8
@@ -4696,10 +3925,9 @@ packages:
       doctrine: registry.npmjs.org/doctrine/3.0.0
       escape-string-regexp: registry.npmjs.org/escape-string-regexp/4.0.0
       eslint-scope: registry.npmjs.org/eslint-scope/7.1.1
-      eslint-utils: registry.npmjs.org/eslint-utils/3.0.0_eslint@8.33.0
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
-      espree: registry.npmjs.org/espree/9.4.0
-      esquery: registry.npmjs.org/esquery/1.4.0
+      espree: registry.npmjs.org/espree/9.5.0
+      esquery: registry.npmjs.org/esquery/1.5.0
       esutils: registry.npmjs.org/esutils/2.0.3
       fast-deep-equal: registry.npmjs.org/fast-deep-equal/3.1.3
       file-entry-cache: registry.npmjs.org/file-entry-cache/6.0.1
@@ -4712,7 +3940,7 @@ packages:
       imurmurhash: registry.npmjs.org/imurmurhash/0.1.4
       is-glob: registry.npmjs.org/is-glob/4.0.3
       is-path-inside: registry.npmjs.org/is-path-inside/3.0.3
-      js-sdsl: registry.npmjs.org/js-sdsl/4.1.4
+      js-sdsl: registry.npmjs.org/js-sdsl/4.3.0
       js-yaml: registry.npmjs.org/js-yaml/4.1.0
       json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify/1.0.1
       levn: registry.npmjs.org/levn/0.4.1
@@ -4720,7 +3948,6 @@ packages:
       minimatch: registry.npmjs.org/minimatch/3.1.2
       natural-compare: registry.npmjs.org/natural-compare/1.4.0
       optionator: registry.npmjs.org/optionator/0.9.1
-      regexpp: registry.npmjs.org/regexpp/3.2.0
       strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
       strip-json-comments: registry.npmjs.org/strip-json-comments/3.1.1
       text-table: registry.npmjs.org/text-table/0.2.0
@@ -4734,14 +3961,14 @@ packages:
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/espree/9.4.0:
-    resolution: {integrity: sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/espree/-/espree-9.4.0.tgz}
+  registry.npmjs.org/espree/9.5.0:
+    resolution: {integrity: sha512-JPbJGhKc47++oo4JkEoTe2wjy4fmMwvFpgJT9cQzmfXKp22Dr6Hf1tdCteLz1h0P3t+mGvWZ+4Uankvh8+c6zw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/espree/-/espree-9.5.0.tgz}
     name: espree
-    version: 9.4.0
+    version: 9.5.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      acorn: registry.npmjs.org/acorn/8.8.0
-      acorn-jsx: registry.npmjs.org/acorn-jsx/5.3.2_acorn@8.8.0
+      acorn: registry.npmjs.org/acorn/8.8.2
+      acorn-jsx: registry.npmjs.org/acorn-jsx/5.3.2_acorn@8.8.2
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
     dev: true
 
@@ -4753,10 +3980,10 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/esquery/1.4.0:
-    resolution: {integrity: sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz}
+  registry.npmjs.org/esquery/1.5.0:
+    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz}
     name: esquery
-    version: 1.4.0
+    version: 1.5.0
     engines: {node: '>=0.10'}
     dependencies:
       estraverse: registry.npmjs.org/estraverse/5.3.0
@@ -4818,10 +4045,10 @@ packages:
       through: registry.npmjs.org/through/2.3.8
     dev: true
 
-  registry.npmjs.org/eventemitter2/6.4.8:
-    resolution: {integrity: sha512-pAJurPyD+Nj/pfz8m0usKF1RW0E9gfY4Dfdem2l6jZbqcZlK8SP93qUMCv9V9FgOn+GSZEW6qeaglpf/vQ9D5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.8.tgz}
+  registry.npmjs.org/eventemitter2/6.4.7:
+    resolution: {integrity: sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.7.tgz}
     name: eventemitter2
-    version: 6.4.8
+    version: 6.4.7
     dev: true
 
   registry.npmjs.org/execa/4.1.0:
@@ -5045,11 +4272,11 @@ packages:
     version: 3.2.7
     dev: true
 
-  registry.npmjs.org/follow-redirects/1.15.1_debug@4.3.2:
-    resolution: {integrity: sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.1.tgz}
-    id: registry.npmjs.org/follow-redirects/1.15.1
+  registry.npmjs.org/follow-redirects/1.15.2_debug@4.3.4:
+    resolution: {integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz}
+    id: registry.npmjs.org/follow-redirects/1.15.2
     name: follow-redirects
-    version: 1.15.1
+    version: 1.15.2
     engines: {node: '>=4.0'}
     peerDependencies:
       debug: '*'
@@ -5057,7 +4284,7 @@ packages:
       debug:
         optional: true
     dependencies:
-      debug: registry.npmjs.org/debug/4.3.2
+      debug: registry.npmjs.org/debug/4.3.4
     dev: true
 
   registry.npmjs.org/for-each/0.3.3:
@@ -5085,6 +4312,17 @@ packages:
       mime-types: registry.npmjs.org/mime-types/2.1.35
     dev: true
 
+  registry.npmjs.org/form-data/4.0.0:
+    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz}
+    name: form-data
+    version: 4.0.0
+    engines: {node: '>= 6'}
+    dependencies:
+      asynckit: registry.npmjs.org/asynckit/0.4.0
+      combined-stream: registry.npmjs.org/combined-stream/1.0.8
+      mime-types: registry.npmjs.org/mime-types/2.1.35
+    dev: true
+
   registry.npmjs.org/fraction.js/4.2.0:
     resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz}
     name: fraction.js
@@ -5171,8 +4409,8 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
       functions-have-names: registry.npmjs.org/functions-have-names/1.2.3
     dev: true
 
@@ -5196,10 +4434,10 @@ packages:
     engines: {node: 6.* || 8.* || >= 10.*}
     dev: true
 
-  registry.npmjs.org/get-intrinsic/1.1.3:
-    resolution: {integrity: sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.3.tgz}
+  registry.npmjs.org/get-intrinsic/1.2.0:
+    resolution: {integrity: sha512-L049y6nFOuom5wGyRc3/gdTLO94dySVKRACj1RmJZBQXlbTMhtNIgkWkUHq+jYmZvKf14EW1EoJnnjbmoHij0Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.0.tgz}
     name: get-intrinsic
-    version: 1.1.3
+    version: 1.2.0
     dependencies:
       function-bind: registry.npmjs.org/function-bind/1.1.1
       has: registry.npmjs.org/has/1.0.3
@@ -5236,7 +4474,7 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.0
     dev: true
 
   registry.npmjs.org/getos/3.2.1:
@@ -5304,23 +4542,23 @@ packages:
       path-is-absolute: registry.npmjs.org/path-is-absolute/1.0.1
     dev: true
 
-  registry.npmjs.org/glob/8.0.3:
-    resolution: {integrity: sha512-ull455NHSHI/Y1FqGaaYFaLGkNMMJbavMrEGFXG/PGrg6y7sutWHUHrz6gy6WEBH6akM1M414dWKCNs+IhKdiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-8.0.3.tgz}
+  registry.npmjs.org/glob/8.1.0:
+    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-8.1.0.tgz}
     name: glob
-    version: 8.0.3
+    version: 8.1.0
     engines: {node: '>=12'}
     dependencies:
       fs.realpath: registry.npmjs.org/fs.realpath/1.0.0
       inflight: registry.npmjs.org/inflight/1.0.6
       inherits: registry.npmjs.org/inherits/2.0.4
-      minimatch: registry.npmjs.org/minimatch/5.1.2
+      minimatch: registry.npmjs.org/minimatch/5.1.6
       once: registry.npmjs.org/once/1.4.0
     dev: true
 
-  registry.npmjs.org/global-dirs/3.0.0:
-    resolution: {integrity: sha512-v8ho2DS5RiCjftj1nD9NmnfaOzTdud7RRnVd9kFNOjqZbISlx5DQ+OrTkywgd0dIt7oFCvKetZSHoHcP3sDdiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.0.tgz}
+  registry.npmjs.org/global-dirs/3.0.1:
+    resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.1.tgz}
     name: global-dirs
-    version: 3.0.0
+    version: 3.0.1
     engines: {node: '>=10'}
     dependencies:
       ini: registry.npmjs.org/ini/2.0.0
@@ -5333,15 +4571,6 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/globals/13.17.0:
-    resolution: {integrity: sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globals/-/globals-13.17.0.tgz}
-    name: globals
-    version: 13.17.0
-    engines: {node: '>=8'}
-    dependencies:
-      type-fest: registry.npmjs.org/type-fest/0.20.2
-    dev: true
-
   registry.npmjs.org/globals/13.20.0:
     resolution: {integrity: sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globals/-/globals-13.20.0.tgz}
     name: globals
@@ -5357,7 +4586,7 @@ packages:
     version: 1.0.3
     engines: {node: '>= 0.4'}
     dependencies:
-      define-properties: registry.npmjs.org/define-properties/1.1.4
+      define-properties: registry.npmjs.org/define-properties/1.2.0
     dev: true
 
   registry.npmjs.org/globalyzer/0.1.0:
@@ -5404,7 +4633,7 @@ packages:
     name: gopd
     version: 1.0.1
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.0
     dev: true
 
   registry.npmjs.org/graceful-fs/4.2.10:
@@ -5459,7 +4688,7 @@ packages:
     name: has-property-descriptors
     version: 1.0.0
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.0
     dev: true
 
   registry.npmjs.org/has-proto/1.0.1:
@@ -5494,14 +4723,6 @@ packages:
       function-bind: registry.npmjs.org/function-bind/1.1.1
     dev: true
 
-  registry.npmjs.org/history/5.3.0:
-    resolution: {integrity: sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/history/-/history-5.3.0.tgz}
-    name: history
-    version: 5.3.0
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
-    dev: false
-
   registry.npmjs.org/hosted-git-info/2.8.9:
     resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz}
     name: hosted-git-info
@@ -5562,13 +4783,6 @@ packages:
       minimatch: registry.npmjs.org/minimatch/3.1.2
     dev: true
 
-  registry.npmjs.org/ignore/5.2.0:
-    resolution: {integrity: sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz}
-    name: ignore
-    version: 5.2.0
-    engines: {node: '>= 4'}
-    dev: true
-
   registry.npmjs.org/ignore/5.2.4:
     resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz}
     name: ignore
@@ -5592,10 +4806,10 @@ packages:
       resolve-from: registry.npmjs.org/resolve-from/4.0.0
     dev: true
 
-  registry.npmjs.org/import-meta-resolve/2.2.1:
-    resolution: {integrity: sha512-C6lLL7EJPY44kBvA80gq4uMsVFw5x3oSKfuMl1cuZ2RkI5+UJqQXgn+6hlUew0y4ig7Ypt4CObAAIzU53Nfpuw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-2.2.1.tgz}
+  registry.npmjs.org/import-meta-resolve/2.2.2:
+    resolution: {integrity: sha512-f8KcQ1D80V7RnqVm+/lirO9zkOxjGxhaTC1IPrBGd3MEfNgmNG67tSUO9gTi2F3Blr2Az6g1vocaxzkVnWl9MA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-2.2.2.tgz}
     name: import-meta-resolve
-    version: 2.2.1
+    version: 2.2.2
     dev: true
 
   registry.npmjs.org/imurmurhash/0.1.4:
@@ -5634,24 +4848,24 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/internal-slot/1.0.4:
-    resolution: {integrity: sha512-tA8URYccNzMo94s5MQZgH8NB/XTa6HsOo0MLfXTKKEnHVVdegzaQoFZ7Jp44bdvLvY2waT5dc+j5ICEswhi7UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.4.tgz}
+  registry.npmjs.org/internal-slot/1.0.5:
+    resolution: {integrity: sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz}
     name: internal-slot
-    version: 1.0.4
+    version: 1.0.5
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.0
       has: registry.npmjs.org/has/1.0.3
       side-channel: registry.npmjs.org/side-channel/1.0.4
     dev: true
 
-  registry.npmjs.org/is-array-buffer/3.0.1:
-    resolution: {integrity: sha512-ASfLknmY8Xa2XtB4wmbz13Wu202baeA18cJBCeCy0wXUHZF0IPyVEXqKEcd+t2fNSLLL1vC6k7lxZEojNbISXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.1.tgz}
+  registry.npmjs.org/is-array-buffer/3.0.2:
+    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz}
     name: is-array-buffer
-    version: 3.0.1
+    version: 3.0.2
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.0
       is-typed-array: registry.npmjs.org/is-typed-array/1.1.10
     dev: true
 
@@ -5688,10 +4902,10 @@ packages:
       has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
     dev: true
 
-  registry.npmjs.org/is-builtin-module/3.2.0:
-    resolution: {integrity: sha512-phDA4oSGt7vl1n5tJvTWooWWAsXLY+2xCnxNqvKhGEzujg+A43wPlPOyDg3C8XQHN+6k/JTQWJ/j0dQh/qr+Hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.0.tgz}
+  registry.npmjs.org/is-builtin-module/3.2.1:
+    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz}
     name: is-builtin-module
-    version: 3.2.0
+    version: 3.2.1
     engines: {node: '>=6'}
     dependencies:
       builtin-modules: registry.npmjs.org/builtin-modules/3.3.0
@@ -5719,7 +4933,7 @@ packages:
     version: 3.0.1
     hasBin: true
     dependencies:
-      ci-info: registry.npmjs.org/ci-info/3.4.0
+      ci-info: registry.npmjs.org/ci-info/3.8.0
     dev: true
 
   registry.npmjs.org/is-core-module/2.11.0:
@@ -5791,7 +5005,7 @@ packages:
     version: 0.4.0
     engines: {node: '>=10'}
     dependencies:
-      global-dirs: registry.npmjs.org/global-dirs/3.0.0
+      global-dirs: registry.npmjs.org/global-dirs/3.0.1
       is-path-inside: registry.npmjs.org/is-path-inside/3.0.3
     dev: true
 
@@ -5957,27 +5171,27 @@ packages:
     version: 26.6.2
     engines: {node: '>= 10.13.0'}
     dependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
+      '@types/node': registry.npmjs.org/@types/node/18.15.3
       merge-stream: registry.npmjs.org/merge-stream/2.0.0
       supports-color: registry.npmjs.org/supports-color/7.2.0
     dev: true
 
-  registry.npmjs.org/joi/17.6.0:
-    resolution: {integrity: sha512-OX5dG6DTbcr/kbMFj0KGYxuew69HPcAE3K/sZpEV2nP6e/j/C0HV+HNiBPCASxdx5T7DMoa0s8UeHWMnb6n2zw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/joi/-/joi-17.6.0.tgz}
+  registry.npmjs.org/joi/17.8.4:
+    resolution: {integrity: sha512-jjdRHb5WtL+KgSHvOULQEPPv4kcl+ixd1ybOFQq3rWLgEEqc03QMmilodL0GVJE14U/SQDXkUhQUSZANGDH/AA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/joi/-/joi-17.8.4.tgz}
     name: joi
-    version: 17.6.0
+    version: 17.8.4
     dependencies:
       '@hapi/hoek': registry.npmjs.org/@hapi/hoek/9.3.0
       '@hapi/topo': registry.npmjs.org/@hapi/topo/5.1.0
       '@sideway/address': registry.npmjs.org/@sideway/address/4.1.4
-      '@sideway/formula': registry.npmjs.org/@sideway/formula/3.0.0
+      '@sideway/formula': registry.npmjs.org/@sideway/formula/3.0.1
       '@sideway/pinpoint': registry.npmjs.org/@sideway/pinpoint/2.0.0
     dev: true
 
-  registry.npmjs.org/js-sdsl/4.1.4:
-    resolution: {integrity: sha512-Y2/yD55y5jteOAmY50JbUZYwk3CP3wnLPEZnlR1w9oKhITrBEtAxwuWKebFf8hMrPMgbYwFoWK/lH2sBkErELw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.1.4.tgz}
+  registry.npmjs.org/js-sdsl/4.3.0:
+    resolution: {integrity: sha512-mifzlm2+5nZ+lEcLJMoBK0/IH/bDg8XnJfd/Wq6IP+xoCjLZsTOnV2QpxlVbX9bMnkl5PdEjNtBJ9Cj1NjifhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.3.0.tgz}
     name: js-sdsl
-    version: 4.1.4
+    version: 4.3.0
     dev: true
 
   registry.npmjs.org/js-tokens/4.0.0:
@@ -6048,14 +5262,6 @@ packages:
     version: 5.0.1
     dev: true
 
-  registry.npmjs.org/json5/2.2.1:
-    resolution: {integrity: sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json5/-/json5-2.2.1.tgz}
-    name: json5
-    version: 2.2.1
-    engines: {node: '>=6'}
-    hasBin: true
-    dev: true
-
   registry.npmjs.org/json5/2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json5/-/json5-2.2.3.tgz}
     name: json5
@@ -6143,10 +5349,10 @@ packages:
       immediate: registry.npmjs.org/immediate/3.0.6
     dev: false
 
-  registry.npmjs.org/lilconfig/2.0.6:
-    resolution: {integrity: sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.6.tgz}
+  registry.npmjs.org/lilconfig/2.1.0:
+    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz}
     name: lilconfig
-    version: 2.0.6
+    version: 2.1.0
     engines: {node: '>=10'}
     dev: true
 
@@ -6275,7 +5481,7 @@ packages:
     name: lower-case
     version: 2.0.2
     dependencies:
-      tslib: registry.npmjs.org/tslib/2.4.1
+      tslib: registry.npmjs.org/tslib/2.5.0
     dev: true
 
   registry.npmjs.org/lru-cache/4.1.5:
@@ -6367,7 +5573,7 @@ packages:
     dependencies:
       '@types/minimist': registry.npmjs.org/@types/minimist/1.2.2
       camelcase-keys: registry.npmjs.org/camelcase-keys/6.2.2
-      decamelize-keys: registry.npmjs.org/decamelize-keys/1.1.0
+      decamelize-keys: registry.npmjs.org/decamelize-keys/1.1.1
       hard-rejection: registry.npmjs.org/hard-rejection/2.1.0
       minimist-options: registry.npmjs.org/minimist-options/4.1.0
       normalize-package-data: registry.npmjs.org/normalize-package-data/2.5.0
@@ -6386,7 +5592,7 @@ packages:
     dependencies:
       '@types/minimist': registry.npmjs.org/@types/minimist/1.2.2
       camelcase-keys: registry.npmjs.org/camelcase-keys/6.2.2
-      decamelize-keys: registry.npmjs.org/decamelize-keys/1.1.0
+      decamelize-keys: registry.npmjs.org/decamelize-keys/1.1.1
       hard-rejection: registry.npmjs.org/hard-rejection/2.1.0
       minimist-options: registry.npmjs.org/minimist-options/4.1.0
       normalize-package-data: registry.npmjs.org/normalize-package-data/2.5.0
@@ -6466,10 +5672,10 @@ packages:
       brace-expansion: registry.npmjs.org/brace-expansion/1.1.11
     dev: true
 
-  registry.npmjs.org/minimatch/5.1.2:
-    resolution: {integrity: sha512-bNH9mmM9qsJ2X4r2Nat1B//1dJVcn3+iBLa3IgqJ7EbGaDNepL9QSHOxN4ng33s52VMMhhIfgCYDk3C4ZmlDAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimatch/-/minimatch-5.1.2.tgz}
+  registry.npmjs.org/minimatch/5.1.6:
+    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz}
     name: minimatch
-    version: 5.1.2
+    version: 5.1.6
     engines: {node: '>=10'}
     dependencies:
       brace-expansion: registry.npmjs.org/brace-expansion/2.0.1
@@ -6486,22 +5692,16 @@ packages:
       kind-of: registry.npmjs.org/kind-of/6.0.3
     dev: true
 
-  registry.npmjs.org/minimist/1.2.6:
-    resolution: {integrity: sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz}
-    name: minimist
-    version: 1.2.6
-    dev: true
-
   registry.npmjs.org/minimist/1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz}
     name: minimist
     version: 1.2.8
     dev: true
 
-  registry.npmjs.org/mixme/0.5.4:
-    resolution: {integrity: sha512-3KYa4m4Vlqx98GPdOHghxSdNtTvcP8E0kkaJ5Dlh+h2DRzF7zpuVVcA8B0QpKd11YJeP9QQ7ASkKzOeu195Wzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mixme/-/mixme-0.5.4.tgz}
+  registry.npmjs.org/mixme/0.5.5:
+    resolution: {integrity: sha512-/6IupbRx32s7jjEwHcycXikJwFD5UujbVNuJFkeKLYje+92OvtuPniF6JhnFm5JCTDUhS+kYK3W/4BWYQYXz7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mixme/-/mixme-0.5.5.tgz}
     name: mixme
-    version: 0.5.4
+    version: 0.5.5
     engines: {node: '>= 8.0.0'}
     dev: true
 
@@ -6566,13 +5766,13 @@ packages:
     version: 3.0.4
     dependencies:
       lower-case: registry.npmjs.org/lower-case/2.0.2
-      tslib: registry.npmjs.org/tslib/2.4.1
+      tslib: registry.npmjs.org/tslib/2.5.0
     dev: true
 
-  registry.npmjs.org/node-fetch/2.6.7:
-    resolution: {integrity: sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz}
+  registry.npmjs.org/node-fetch/2.6.9:
+    resolution: {integrity: sha512-DJm/CJkZkRjKKj4Zi4BsKVZh3ValV5IR5s7LVZnW+6YMh0W1BfNA8XSs6DLMGYlId5F3KnA70uu2qepcR08Qqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.9.tgz}
     name: node-fetch
-    version: 2.6.7
+    version: 2.6.9
     engines: {node: 4.x || >=6.0.0}
     peerDependencies:
       encoding: ^0.1.0
@@ -6583,16 +5783,10 @@ packages:
       whatwg-url: registry.npmjs.org/whatwg-url/5.0.0
     dev: true
 
-  registry.npmjs.org/node-releases/2.0.6:
-    resolution: {integrity: sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz}
-    name: node-releases
-    version: 2.0.6
-    dev: true
-
-  registry.npmjs.org/node-releases/2.0.8:
-    resolution: {integrity: sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-releases/-/node-releases-2.0.8.tgz}
+  registry.npmjs.org/node-releases/2.0.10:
+    resolution: {integrity: sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz}
     name: node-releases
-    version: 2.0.8
+    version: 2.0.10
     dev: true
 
   registry.npmjs.org/normalize-package-data/2.5.0:
@@ -6663,10 +5857,10 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/object-inspect/1.12.2:
-    resolution: {integrity: sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.2.tgz}
+  registry.npmjs.org/object-inspect/1.12.3:
+    resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz}
     name: object-inspect
-    version: 1.12.2
+    version: 1.12.3
     dev: true
 
   registry.npmjs.org/object-keys/1.1.1:
@@ -6683,7 +5877,7 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
+      define-properties: registry.npmjs.org/define-properties/1.2.0
       has-symbols: registry.npmjs.org/has-symbols/1.0.3
       object-keys: registry.npmjs.org/object-keys/1.1.1
     dev: true
@@ -6695,8 +5889,8 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
     dev: true
 
   registry.npmjs.org/object.fromentries/2.0.6:
@@ -6706,8 +5900,8 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
     dev: true
 
   registry.npmjs.org/object.hasown/1.1.2:
@@ -6715,8 +5909,8 @@ packages:
     name: object.hasown
     version: 1.1.2
     dependencies:
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
     dev: true
 
   registry.npmjs.org/object.values/1.1.6:
@@ -6726,8 +5920,8 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
     dev: true
 
   registry.npmjs.org/once/1.4.0:
@@ -6887,7 +6081,7 @@ packages:
     version: 3.1.2
     dependencies:
       no-case: registry.npmjs.org/no-case/3.0.4
-      tslib: registry.npmjs.org/tslib/2.4.1
+      tslib: registry.npmjs.org/tslib/2.5.0
     dev: true
 
   registry.npmjs.org/path-exists/4.0.0:
@@ -7009,7 +6203,7 @@ packages:
       pretty-hrtime: registry.npmjs.org/pretty-hrtime/1.0.3
       read-cache: registry.npmjs.org/read-cache/1.0.0
       slash: registry.npmjs.org/slash/5.0.0
-      yargs: registry.npmjs.org/yargs/17.6.2
+      yargs: registry.npmjs.org/yargs/17.7.1
     transitivePeerDependencies:
       - ts-node
     dev: true
@@ -7024,7 +6218,7 @@ packages:
       postcss: ^8.1.0
     dependencies:
       postcss: registry.npmjs.org/postcss/8.4.21
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser/6.0.10
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser/6.0.11
     dev: true
 
   registry.npmjs.org/postcss-import/15.1.0_postcss@8.4.21:
@@ -7057,16 +6251,16 @@ packages:
       ts-node:
         optional: true
     dependencies:
-      lilconfig: registry.npmjs.org/lilconfig/2.0.6
+      lilconfig: registry.npmjs.org/lilconfig/2.1.0
       postcss: registry.npmjs.org/postcss/8.4.21
       yaml: registry.npmjs.org/yaml/2.2.1
     dev: true
 
-  registry.npmjs.org/postcss-nested/6.0.0_postcss@8.4.21:
-    resolution: {integrity: sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-nested/6.0.0
+  registry.npmjs.org/postcss-nested/6.0.1_postcss@8.4.21:
+    resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz}
+    id: registry.npmjs.org/postcss-nested/6.0.1
     name: postcss-nested
-    version: 6.0.0
+    version: 6.0.1
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.2.14
@@ -7089,16 +6283,6 @@ packages:
       thenby: registry.npmjs.org/thenby/1.3.4
     dev: true
 
-  registry.npmjs.org/postcss-selector-parser/6.0.10:
-    resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz}
-    name: postcss-selector-parser
-    version: 6.0.10
-    engines: {node: '>=4'}
-    dependencies:
-      cssesc: registry.npmjs.org/cssesc/3.0.0
-      util-deprecate: registry.npmjs.org/util-deprecate/1.0.2
-    dev: true
-
   registry.npmjs.org/postcss-selector-parser/6.0.11:
     resolution: {integrity: sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz}
     name: postcss-selector-parser
@@ -7154,7 +6338,7 @@ packages:
       fast-diff: registry.npmjs.org/fast-diff/1.2.0
     dev: true
 
-  registry.npmjs.org/prettier-plugin-svelte/2.9.0_kdmmghgdi3ngrsq6otxkjilbry:
+  registry.npmjs.org/prettier-plugin-svelte/2.9.0_gan2xfhhcbz3kbkivttwsjndea:
     resolution: {integrity: sha512-3doBi5NO4IVgaNPtwewvrgPpqAcvNv0NwJNflr76PIGgi9nf1oguQV1Hpdm9TI2ALIQVn/9iIwLpBO5UcD2Jiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.9.0.tgz}
     id: registry.npmjs.org/prettier-plugin-svelte/2.9.0
     name: prettier-plugin-svelte
@@ -7163,22 +6347,14 @@ packages:
       prettier: ^1.16.4 || ^2.0.0
       svelte: ^3.2.0
     dependencies:
-      prettier: registry.npmjs.org/prettier/2.8.3
-      svelte: registry.npmjs.org/svelte/3.55.1
-    dev: true
-
-  registry.npmjs.org/prettier/2.7.1:
-    resolution: {integrity: sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz}
-    name: prettier
-    version: 2.7.1
-    engines: {node: '>=10.13.0'}
-    hasBin: true
+      prettier: registry.npmjs.org/prettier/2.8.4
+      svelte: registry.npmjs.org/svelte/3.56.0
     dev: true
 
-  registry.npmjs.org/prettier/2.8.3:
-    resolution: {integrity: sha512-tJ/oJ4amDihPoufT5sM0Z1SKEuKay8LfVAMlbbhnnkvt6BUserZylqo2PN+p9KeljLr0OHa2rXHU1T8reeoTrw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-2.8.3.tgz}
+  registry.npmjs.org/prettier/2.8.4:
+    resolution: {integrity: sha512-vIS4Rlc2FNh0BySk3Wkd6xmwxB0FpOndW5fisM5H8hsZSxU2VWVB5CWIkIjWvrHjIhxk2g3bfMKM87zNTrZddw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-2.8.4.tgz}
     name: prettier
-    version: 2.8.3
+    version: 2.8.4
     engines: {node: '>=10.13.0'}
     hasBin: true
     dev: true
@@ -7244,18 +6420,20 @@ packages:
       once: registry.npmjs.org/once/1.4.0
     dev: true
 
-  registry.npmjs.org/punycode/2.1.1:
-    resolution: {integrity: sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz}
+  registry.npmjs.org/punycode/2.3.0:
+    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz}
     name: punycode
-    version: 2.1.1
+    version: 2.3.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/qs/6.5.3:
-    resolution: {integrity: sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/qs/-/qs-6.5.3.tgz}
+  registry.npmjs.org/qs/6.10.4:
+    resolution: {integrity: sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/qs/-/qs-6.10.4.tgz}
     name: qs
-    version: 6.5.3
+    version: 6.10.4
     engines: {node: '>=0.6'}
+    dependencies:
+      side-channel: registry.npmjs.org/side-channel/1.0.4
     dev: true
 
   registry.npmjs.org/queue-microtask/1.2.3:
@@ -7311,30 +6489,32 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/react-router-dom/6.3.0_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-uaJj7LKytRxZNQV8+RbzJWnJ8K2nPsOOEuX7aQstlMZKQT0164C+X2w6bnkqU3sjtLvpd5ojrezAyfZ1+0sStw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.3.0.tgz}
-    id: registry.npmjs.org/react-router-dom/6.3.0
+  registry.npmjs.org/react-router-dom/6.9.0_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-/seUAPY01VAuwkGyVBPCn1OXfVbaWGGu4QN9uj0kCPcTyNYgL1ldZpxZUpRU7BLheKQI4Twtl/OW2nHRF1u26Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.9.0.tgz}
+    id: registry.npmjs.org/react-router-dom/6.9.0
     name: react-router-dom
-    version: 6.3.0
+    version: 6.9.0
+    engines: {node: '>=14'}
     peerDependencies:
       react: '>=16.8'
       react-dom: '>=16.8'
     dependencies:
-      history: registry.npmjs.org/history/5.3.0
+      '@remix-run/router': registry.npmjs.org/@remix-run/router/1.4.0
       react: registry.npmjs.org/react/18.2.0
       react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
-      react-router: registry.npmjs.org/react-router/6.3.0_react@18.2.0
+      react-router: registry.npmjs.org/react-router/6.9.0_react@18.2.0
     dev: false
 
-  registry.npmjs.org/react-router/6.3.0_react@18.2.0:
-    resolution: {integrity: sha512-7Wh1DzVQ+tlFjkeo+ujvjSqSJmkt1+8JO+T5xklPlgrh70y7ogx75ODRW0ThWhY7S+6yEDks8TYrtQe/aoboBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router/-/react-router-6.3.0.tgz}
-    id: registry.npmjs.org/react-router/6.3.0
+  registry.npmjs.org/react-router/6.9.0_react@18.2.0:
+    resolution: {integrity: sha512-51lKevGNUHrt6kLuX3e/ihrXoXCa9ixY/nVWRLlob4r/l0f45x3SzBvYJe3ctleLUQQ5fVa4RGgJOTH7D9Umhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router/-/react-router-6.9.0.tgz}
+    id: registry.npmjs.org/react-router/6.9.0
     name: react-router
-    version: 6.3.0
+    version: 6.9.0
+    engines: {node: '>=14'}
     peerDependencies:
       react: '>=16.8'
     dependencies:
-      history: registry.npmjs.org/history/5.3.0
+      '@remix-run/router': registry.npmjs.org/@remix-run/router/1.4.0
       react: registry.npmjs.org/react/18.2.0
     dev: false
 
@@ -7408,10 +6588,11 @@ packages:
       strip-indent: registry.npmjs.org/strip-indent/3.0.0
     dev: true
 
-  registry.npmjs.org/regenerator-runtime/0.13.9:
-    resolution: {integrity: sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz}
+  registry.npmjs.org/regenerator-runtime/0.13.11:
+    resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz}
     name: regenerator-runtime
-    version: 0.13.9
+    version: 0.13.11
+    dev: true
 
   registry.npmjs.org/regexp.prototype.flags/1.4.3:
     resolution: {integrity: sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz}
@@ -7420,17 +6601,10 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
+      define-properties: registry.npmjs.org/define-properties/1.2.0
       functions-have-names: registry.npmjs.org/functions-have-names/1.2.3
     dev: true
 
-  registry.npmjs.org/regexpp/3.2.0:
-    resolution: {integrity: sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz}
-    name: regexpp
-    version: 3.2.0
-    engines: {node: '>=8'}
-    dev: true
-
   registry.npmjs.org/request-progress/3.0.0:
     resolution: {integrity: sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/request-progress/-/request-progress-3.0.0.tgz}
     name: request-progress
@@ -7529,7 +6703,7 @@ packages:
       glob: registry.npmjs.org/glob/7.2.3
     dev: true
 
-  registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.9.1:
+  registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.19.1:
     resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup-plugin-peer-deps-external/-/rollup-plugin-peer-deps-external-2.2.4.tgz}
     id: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4
     name: rollup-plugin-peer-deps-external
@@ -7537,7 +6711,7 @@ packages:
     peerDependencies:
       rollup: '*'
     dependencies:
-      rollup: registry.npmjs.org/rollup/3.9.1
+      rollup: registry.npmjs.org/rollup/3.19.1
     dev: true
 
   registry.npmjs.org/rollup/2.79.1:
@@ -7550,20 +6724,10 @@ packages:
       fsevents: registry.npmjs.org/fsevents/2.3.2
     dev: true
 
-  registry.npmjs.org/rollup/3.17.3:
-    resolution: {integrity: sha512-p5LaCXiiOL/wrOkj8djsIDFmyU9ysUxcyW+EKRLHb6TKldJzXpImjcRSR+vgo09DBdofGcOoLOsRyxxG2n5/qQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.17.3.tgz}
-    name: rollup
-    version: 3.17.3
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
-    hasBin: true
-    optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents/2.3.2
-    dev: true
-
-  registry.npmjs.org/rollup/3.9.1:
-    resolution: {integrity: sha512-GswCYHXftN8ZKGVgQhTFUJB/NBXxrRGgO2NCy6E8s1rwEJ4Q9/VttNqcYfEvx4dTo4j58YqdC3OVztPzlKSX8w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.9.1.tgz}
+  registry.npmjs.org/rollup/3.19.1:
+    resolution: {integrity: sha512-lAbrdN7neYCg/8WaoWn/ckzCtz+jr70GFfYdlf50OF7387HTg+wiuiqJRFYawwSPpqfqDNYqK7smY/ks2iAudg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.19.1.tgz}
     name: rollup
-    version: 3.9.1
+    version: 3.19.1
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
@@ -7578,20 +6742,12 @@ packages:
       queue-microtask: registry.npmjs.org/queue-microtask/1.2.3
     dev: true
 
-  registry.npmjs.org/rxjs/7.5.6:
-    resolution: {integrity: sha512-dnyv2/YsXhnm461G+R/Pe5bWP41Nm6LBXEYWI6eiFP4fiwx6WRI/CD0zbdVAudd9xwLEF2IDcKXLHit0FYjUzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rxjs/-/rxjs-7.5.6.tgz}
-    name: rxjs
-    version: 7.5.6
-    dependencies:
-      tslib: registry.npmjs.org/tslib/2.4.1
-    dev: true
-
   registry.npmjs.org/rxjs/7.8.0:
     resolution: {integrity: sha512-F2+gxDshqmIub1KdvZkaEfGDwLNpPvk9Fs6LD/MyQxNgMds/WH9OdDDXOmxUZpME+iSK3rQCctkL0DYyytUqMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rxjs/-/rxjs-7.8.0.tgz}
     name: rxjs
     version: 7.8.0
     dependencies:
-      tslib: registry.npmjs.org/tslib/2.4.1
+      tslib: registry.npmjs.org/tslib/2.5.0
     dev: true
 
   registry.npmjs.org/sade/1.8.1:
@@ -7603,12 +6759,6 @@ packages:
       mri: registry.npmjs.org/mri/1.2.0
     dev: true
 
-  registry.npmjs.org/safe-buffer/5.1.2:
-    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz}
-    name: safe-buffer
-    version: 5.1.2
-    dev: true
-
   registry.npmjs.org/safe-buffer/5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz}
     name: safe-buffer
@@ -7621,7 +6771,7 @@ packages:
     version: 1.0.0
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.0
       is-regex: registry.npmjs.org/is-regex/1.1.4
     dev: true
 
@@ -7663,16 +6813,6 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/semver/7.3.7:
-    resolution: {integrity: sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.3.7.tgz}
-    name: semver
-    version: 7.3.7
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      lru-cache: registry.npmjs.org/lru-cache/6.0.0
-    dev: true
-
   registry.npmjs.org/semver/7.3.8:
     resolution: {integrity: sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.3.8.tgz}
     name: semver
@@ -7683,10 +6823,10 @@ packages:
       lru-cache: registry.npmjs.org/lru-cache/6.0.0
     dev: true
 
-  registry.npmjs.org/serialize-javascript/6.0.0:
-    resolution: {integrity: sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz}
+  registry.npmjs.org/serialize-javascript/6.0.1:
+    resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz}
     name: serialize-javascript
-    version: 6.0.0
+    version: 6.0.1
     dependencies:
       randombytes: registry.npmjs.org/randombytes/2.1.0
     dev: true
@@ -7735,10 +6875,10 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/shell-quote/1.7.4:
-    resolution: {integrity: sha512-8o/QEhSSRb1a5i7TFR0iM4G16Z0vYB2OQVs4G3aAFXjn3T6yEx8AZxy1PgDF7I00LZHYA3WxaSYIf5e5sAX8Rw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.4.tgz}
+  registry.npmjs.org/shell-quote/1.8.0:
+    resolution: {integrity: sha512-QHsz8GgQIGKlRi24yFc6a6lN69Idnx634w49ay6+jA5yFh7a1UY+4Rp6HPx/L/1zcEDPEij8cIsiqR6bQsE5VQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.0.tgz}
     name: shell-quote
-    version: 1.7.4
+    version: 1.8.0
     dev: true
 
   registry.npmjs.org/side-channel/1.0.4:
@@ -7747,8 +6887,8 @@ packages:
     version: 1.0.4
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
-      object-inspect: registry.npmjs.org/object-inspect/1.12.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.0
+      object-inspect: registry.npmjs.org/object-inspect/1.12.3
     dev: true
 
   registry.npmjs.org/signal-exit/3.0.7:
@@ -7818,7 +6958,7 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
     dependencies:
-      array.prototype.flat: registry.npmjs.org/array.prototype.flat/1.3.0
+      array.prototype.flat: registry.npmjs.org/array.prototype.flat/1.3.1
       breakword: registry.npmjs.org/breakword/1.0.5
       grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
       strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
@@ -7889,13 +7029,13 @@ packages:
       signal-exit: registry.npmjs.org/signal-exit/3.0.7
     dev: true
 
-  registry.npmjs.org/spdx-correct/3.1.1:
-    resolution: {integrity: sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz}
+  registry.npmjs.org/spdx-correct/3.2.0:
+    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz}
     name: spdx-correct
-    version: 3.1.1
+    version: 3.2.0
     dependencies:
       spdx-expression-parse: registry.npmjs.org/spdx-expression-parse/3.0.1
-      spdx-license-ids: registry.npmjs.org/spdx-license-ids/3.0.12
+      spdx-license-ids: registry.npmjs.org/spdx-license-ids/3.0.13
     dev: true
 
   registry.npmjs.org/spdx-exceptions/2.3.0:
@@ -7910,13 +7050,13 @@ packages:
     version: 3.0.1
     dependencies:
       spdx-exceptions: registry.npmjs.org/spdx-exceptions/2.3.0
-      spdx-license-ids: registry.npmjs.org/spdx-license-ids/3.0.12
+      spdx-license-ids: registry.npmjs.org/spdx-license-ids/3.0.13
     dev: true
 
-  registry.npmjs.org/spdx-license-ids/3.0.12:
-    resolution: {integrity: sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.12.tgz}
+  registry.npmjs.org/spdx-license-ids/3.0.13:
+    resolution: {integrity: sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz}
     name: spdx-license-ids
-    version: 3.0.12
+    version: 3.0.13
     dev: true
 
   registry.npmjs.org/split/0.3.3:
@@ -7951,20 +7091,21 @@ packages:
       tweetnacl: registry.npmjs.org/tweetnacl/0.14.5
     dev: true
 
-  registry.npmjs.org/start-server-and-test/1.14.0:
-    resolution: {integrity: sha512-on5ELuxO2K0t8EmNj9MtVlFqwBMxfWOhu4U7uZD1xccVpFlOQKR93CSe0u98iQzfNxRyaNTb/CdadbNllplTsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-1.14.0.tgz}
+  registry.npmjs.org/start-server-and-test/1.15.4:
+    resolution: {integrity: sha512-ucQtp5+UCr0m4aHlY+aEV2JSYNTiMZKdSKK/bsIr6AlmwAWDYDnV7uGlWWEtWa7T4XvRI5cPYcPcQgeLqpz+Tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-1.15.4.tgz}
     name: start-server-and-test
-    version: 1.14.0
+    version: 1.15.4
     engines: {node: '>=6'}
     hasBin: true
     dependencies:
+      arg: registry.npmjs.org/arg/5.0.2
       bluebird: registry.npmjs.org/bluebird/3.7.2
       check-more-types: registry.npmjs.org/check-more-types/2.24.0
-      debug: registry.npmjs.org/debug/4.3.2
+      debug: registry.npmjs.org/debug/4.3.4
       execa: registry.npmjs.org/execa/5.1.1
       lazy-ass: registry.npmjs.org/lazy-ass/1.6.0
       ps-tree: registry.npmjs.org/ps-tree/1.2.0
-      wait-on: registry.npmjs.org/wait-on/6.0.0_debug@4.3.2
+      wait-on: registry.npmjs.org/wait-on/7.0.1_debug@4.3.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -7982,7 +7123,7 @@ packages:
     name: stream-transform
     version: 2.1.3
     dependencies:
-      mixme: registry.npmjs.org/mixme/0.5.4
+      mixme: registry.npmjs.org/mixme/0.5.5
     dev: true
 
   registry.npmjs.org/streamsearch/1.1.0:
@@ -8009,23 +7150,34 @@ packages:
     version: 4.0.8
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.0
       has-symbols: registry.npmjs.org/has-symbols/1.0.3
-      internal-slot: registry.npmjs.org/internal-slot/1.0.4
+      internal-slot: registry.npmjs.org/internal-slot/1.0.5
       regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags/1.4.3
       side-channel: registry.npmjs.org/side-channel/1.0.4
     dev: true
 
+  registry.npmjs.org/string.prototype.trim/1.2.7:
+    resolution: {integrity: sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz}
+    name: string.prototype.trim
+    version: 1.2.7
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: registry.npmjs.org/call-bind/1.0.2
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+    dev: true
+
   registry.npmjs.org/string.prototype.trimend/1.0.6:
     resolution: {integrity: sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz}
     name: string.prototype.trimend
     version: 1.0.6
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
     dev: true
 
   registry.npmjs.org/string.prototype.trimstart/1.0.6:
@@ -8034,8 +7186,8 @@ packages:
     version: 1.0.6
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
     dev: true
 
   registry.npmjs.org/strip-ansi/6.0.1:
@@ -8111,11 +7263,11 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/svelte-check/3.0.4_svelte@3.55.1:
-    resolution: {integrity: sha512-feIyBAA5cSIxq4vq6mwGvGQTHy/wBVQbs5b+/VvE21WN8X7nonAuSqwvZv0UDBowzRka3Rh4gmLPH8rPePz3/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.0.4.tgz}
-    id: registry.npmjs.org/svelte-check/3.0.4
+  registry.npmjs.org/svelte-check/3.1.4_svelte@3.56.0:
+    resolution: {integrity: sha512-25Lb46ZS4IK/XpBMe4IBMrtYf23V8alqBX+szXoccb7uM0D2Wqq5rMRzYBONZnFVuU1bQG3R50lyIT5eRewv2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.1.4.tgz}
+    id: registry.npmjs.org/svelte-check/3.1.4
     name: svelte-check
-    version: 3.0.4
+    version: 3.1.4
     hasBin: true
     peerDependencies:
       svelte: ^3.55.0
@@ -8126,8 +7278,8 @@ packages:
       import-fresh: registry.npmjs.org/import-fresh/3.3.0
       picocolors: registry.npmjs.org/picocolors/1.0.0
       sade: registry.npmjs.org/sade/1.8.1
-      svelte: registry.npmjs.org/svelte/3.55.1
-      svelte-preprocess: registry.npmjs.org/svelte-preprocess/5.0.1_4x7phaipmicbaooxtnresslofa
+      svelte: registry.npmjs.org/svelte/3.56.0
+      svelte-preprocess: registry.npmjs.org/svelte-preprocess/5.0.2_rx3ssngbibhj4vpczagsdyy47u
       typescript: registry.npmjs.org/typescript/4.9.5
     transitivePeerDependencies:
       - '@babel/core'
@@ -8141,7 +7293,7 @@ packages:
       - sugarss
     dev: true
 
-  registry.npmjs.org/svelte-hmr/0.15.1_svelte@3.55.1:
+  registry.npmjs.org/svelte-hmr/0.15.1_svelte@3.56.0:
     resolution: {integrity: sha512-BiKB4RZ8YSwRKCNVdNxK/GfY+r4Kjgp9jCLEy0DuqAKfmQtpL38cQK3afdpjw4sqSs4PLi3jIPJIFp259NkZtA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.1.tgz}
     id: registry.npmjs.org/svelte-hmr/0.15.1
     name: svelte-hmr
@@ -8150,14 +7302,14 @@ packages:
     peerDependencies:
       svelte: '>=3.19.0'
     dependencies:
-      svelte: registry.npmjs.org/svelte/3.55.1
+      svelte: registry.npmjs.org/svelte/3.56.0
     dev: true
 
-  registry.npmjs.org/svelte-preprocess/5.0.1_4x7phaipmicbaooxtnresslofa:
-    resolution: {integrity: sha512-0HXyhCoc9rsW4zGOgtInylC6qj259E1hpFnJMJWTf+aIfeqh4O/QHT31KT2hvPEqQfdjmqBR/kO2JDkkciBLrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.1.tgz}
-    id: registry.npmjs.org/svelte-preprocess/5.0.1
+  registry.npmjs.org/svelte-preprocess/5.0.2_rx3ssngbibhj4vpczagsdyy47u:
+    resolution: {integrity: sha512-iXpIoa43VdF7fPkBdoodztZd4H+3EP/GYA66tbuLVtQnM3sWCpsOtc7HjfA7BDR+6VTpqlEnpDmPoXk0dgUa0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.2.tgz}
+    id: registry.npmjs.org/svelte-preprocess/5.0.2
     name: svelte-preprocess
-    version: 5.0.1
+    version: 5.0.2
     engines: {node: '>= 14.10.0'}
     requiresBuild: true
     peerDependencies:
@@ -8171,7 +7323,7 @@ packages:
       stylus: ^0.55.0
       sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
       svelte: ^3.23.0
-      typescript: ^3.9.5 || ^4.0.0
+      typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
     peerDependenciesMeta:
       '@babel/core':
         optional: true
@@ -8195,35 +7347,34 @@ packages:
         optional: true
     dependencies:
       '@types/pug': registry.npmjs.org/@types/pug/2.0.6
-      '@types/sass': registry.npmjs.org/@types/sass/1.43.1
       detect-indent: registry.npmjs.org/detect-indent/6.1.0
       magic-string: registry.npmjs.org/magic-string/0.27.0
       sorcery: registry.npmjs.org/sorcery/0.11.0
       strip-indent: registry.npmjs.org/strip-indent/3.0.0
-      svelte: registry.npmjs.org/svelte/3.55.1
+      svelte: registry.npmjs.org/svelte/3.56.0
       typescript: registry.npmjs.org/typescript/4.9.5
     dev: true
 
-  registry.npmjs.org/svelte/3.55.1:
-    resolution: {integrity: sha512-S+87/P0Ve67HxKkEV23iCdAh/SX1xiSfjF1HOglno/YTbSTW7RniICMCofWGdJJbdjw3S+0PfFb1JtGfTXE0oQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-3.55.1.tgz}
+  registry.npmjs.org/svelte/3.56.0:
+    resolution: {integrity: sha512-LvXiJbjdvJKwB/0CQyYpDX0q+hFqCyWmybzC2G6eK1tJJA/RSRCytTfNmjHv+RHlLuA70vWG7nXp6gbeErYvRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-3.56.0.tgz}
     name: svelte
-    version: 3.55.1
+    version: 3.56.0
     engines: {node: '>= 8'}
     dev: true
 
-  registry.npmjs.org/svelte2tsx/0.6.0_atrrhq7vg4ekua4nnyrpuardle:
-    resolution: {integrity: sha512-TrxfQkO7CKi8Pu2eC/FyteDCdk3OOeQV5u6z7OjYAsOhsd0ClzAKqxJdvp6xxNQLrbFzf/XvCi9Fy8MQ1MleFA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.0.tgz}
-    id: registry.npmjs.org/svelte2tsx/0.6.0
+  registry.npmjs.org/svelte2tsx/0.6.10_rx3ssngbibhj4vpczagsdyy47u:
+    resolution: {integrity: sha512-7CtUexhSHppSpLwVX7yI9OxJp7+esCNTuOF/CaVxWTgWp88QF/2/dCbpND/cTZmBxht5cFFQBwoLXXqFLdYe3Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.10.tgz}
+    id: registry.npmjs.org/svelte2tsx/0.6.10
     name: svelte2tsx
-    version: 0.6.0
+    version: 0.6.10
     peerDependencies:
       svelte: ^3.55
-      typescript: ^4.9.4
+      typescript: ^4.9.4 || ^5.0.0
     dependencies:
       dedent-js: registry.npmjs.org/dedent-js/1.0.1
       pascal-case: registry.npmjs.org/pascal-case/3.1.2
-      svelte: registry.npmjs.org/svelte/3.55.1
-      typescript: registry.npmjs.org/typescript/4.9.4
+      svelte: registry.npmjs.org/svelte/3.56.0
+      typescript: registry.npmjs.org/typescript/4.9.5
     dev: true
 
   registry.npmjs.org/term-size/2.2.1:
@@ -8233,28 +7384,15 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/terser/5.15.0:
-    resolution: {integrity: sha512-L1BJiXVmheAQQy+as0oF3Pwtlo4s3Wi1X2zNZ2NxOB4wx9bdS9Vk67XQENLFdLYGCK/Z2di53mTj/hBafR+dTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/terser/-/terser-5.15.0.tgz}
-    name: terser
-    version: 5.15.0
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      '@jridgewell/source-map': registry.npmjs.org/@jridgewell/source-map/0.3.2
-      acorn: registry.npmjs.org/acorn/8.8.0
-      commander: registry.npmjs.org/commander/2.20.3
-      source-map-support: registry.npmjs.org/source-map-support/0.5.21
-    dev: true
-
-  registry.npmjs.org/terser/5.16.1:
-    resolution: {integrity: sha512-xvQfyfA1ayT0qdK47zskQgRZeWLoOQ8JQ6mIgRGVNwZKdQMU+5FkCBjmv4QjcrTzyZquRw2FVtlJSRUmMKQslw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/terser/-/terser-5.16.1.tgz}
+  registry.npmjs.org/terser/5.16.6:
+    resolution: {integrity: sha512-IBZ+ZQIA9sMaXmRZCUMDjNH0D5AQQfdn4WUjHL0+1lF4TP1IHRJbrhb6fNaXWikrYQTSkb7SLxkeXAiy1p7mbg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/terser/-/terser-5.16.6.tgz}
     name: terser
-    version: 5.16.1
+    version: 5.16.6
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
       '@jridgewell/source-map': registry.npmjs.org/@jridgewell/source-map/0.3.2
-      acorn: registry.npmjs.org/acorn/8.8.0
+      acorn: registry.npmjs.org/acorn/8.8.2
       commander: registry.npmjs.org/commander/2.20.3
       source-map-support: registry.npmjs.org/source-map-support/0.5.21
     dev: true
@@ -8340,7 +7478,7 @@ packages:
     engines: {node: '>=0.8'}
     dependencies:
       psl: registry.npmjs.org/psl/1.9.0
-      punycode: registry.npmjs.org/punycode/2.1.1
+      punycode: registry.npmjs.org/punycode/2.3.0
     dev: true
 
   registry.npmjs.org/tr46/0.0.3:
@@ -8369,13 +7507,13 @@ packages:
     version: 1.14.1
     dev: true
 
-  registry.npmjs.org/tslib/2.4.1:
-    resolution: {integrity: sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-2.4.1.tgz}
+  registry.npmjs.org/tslib/2.5.0:
+    resolution: {integrity: sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz}
     name: tslib
-    version: 2.4.1
+    version: 2.5.0
     dev: true
 
-  registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4:
+  registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5:
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz}
     id: registry.npmjs.org/tsutils/3.21.0
     name: tsutils
@@ -8385,7 +7523,7 @@ packages:
       typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
     dependencies:
       tslib: registry.npmjs.org/tslib/1.14.1
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
     dev: true
 
   registry.npmjs.org/tty-table/4.1.6:
@@ -8401,7 +7539,7 @@ packages:
       smartwrap: registry.npmjs.org/smartwrap/2.0.2
       strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
       wcwidth: registry.npmjs.org/wcwidth/1.0.1
-      yargs: registry.npmjs.org/yargs/17.5.1
+      yargs: registry.npmjs.org/yargs/17.7.1
     dev: true
 
   registry.npmjs.org/tunnel-agent/0.6.0:
@@ -8412,79 +7550,79 @@ packages:
       safe-buffer: registry.npmjs.org/safe-buffer/5.2.1
     dev: true
 
-  registry.npmjs.org/turbo-darwin-64/1.7.0:
-    resolution: {integrity: sha512-hSGAueSf5Ko8J67mpqjpt9FsP6ePn1nMcl7IVPoJq5dHsgX3anCP/BPlexJ502bNK+87DDyhQhJ/LPSJXKrSYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.7.0.tgz}
+  registry.npmjs.org/turbo-darwin-64/1.8.3:
+    resolution: {integrity: sha512-bLM084Wr17VAAY/EvCWj7+OwYHvI9s/NdsvlqGp8iT5HEYVimcornCHespgJS/yvZDfC+mX9EQkn3V2JmYgGGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.8.3.tgz}
     name: turbo-darwin-64
-    version: 1.7.0
+    version: 1.8.3
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-darwin-arm64/1.7.0:
-    resolution: {integrity: sha512-BLLOW5W6VZxk5+0ZOj5AO1qjM0P5isIgjbEuyAl8lHZ4s9antUbY4CtFrspT32XxPTYoDl4UjviPMcSsbcl3WQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.7.0.tgz}
+  registry.npmjs.org/turbo-darwin-arm64/1.8.3:
+    resolution: {integrity: sha512-4oZjXtzakopMK110kue3z/hqu3WLv+eDLZOX1NGdo49gqca9BeD8GbH+sXpAp6tqyeuzpss+PIliVYuyt7LgbA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.8.3.tgz}
     name: turbo-darwin-arm64
-    version: 1.7.0
+    version: 1.8.3
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-linux-64/1.7.0:
-    resolution: {integrity: sha512-aw2qxmfZa+kT87SB3GNUoFimqEPzTlzlRqhPgHuAAT6Uf0JHnmebPt4K+ZPtDNl5yfVmtB05bhHPqw+5QV97Yg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.7.0.tgz}
+  registry.npmjs.org/turbo-linux-64/1.8.3:
+    resolution: {integrity: sha512-uvX2VKotf5PU14FCxJA5iHItPQno2JWzerMd+g3/h/Asay6dvxvtVjc39MQeGT0H5njSvzVKFkT+3/5q8lgOEg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.8.3.tgz}
     name: turbo-linux-64
-    version: 1.7.0
+    version: 1.8.3
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-linux-arm64/1.7.0:
-    resolution: {integrity: sha512-AJEx2jX+zO5fQtJpO3r6uhTabj4oSA5ZhB7zTs/rwu/XqoydsvStA4X8NDW4poTbOjF7DcSHizqwi04tSMzpJw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.7.0.tgz}
+  registry.npmjs.org/turbo-linux-arm64/1.8.3:
+    resolution: {integrity: sha512-E1p+oH3XKMaPS4rqWhYsL4j2Pzc0d/9P5KU7Kn1kqVLo2T3iRA7n2KVULEieUNE0nTH+aIJPXYXOpqCI5wFJaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.8.3.tgz}
     name: turbo-linux-arm64
-    version: 1.7.0
+    version: 1.8.3
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-windows-64/1.7.0:
-    resolution: {integrity: sha512-ewj7PPv2uxqv0r31hgnBa3E5qwUu7eyVRP5M1gB/TJXfSHduU79gbxpKCyxIZv2fL/N2/3U7EPOQPSZxBAoljA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.7.0.tgz}
+  registry.npmjs.org/turbo-windows-64/1.8.3:
+    resolution: {integrity: sha512-cnzAytHtoLXd0J7aNzRpZFpL/GTjcBmkvAPlbOdf/Pl1iwS4qzGrudZQ+OM1lmLgLIfBPIavsGHBknTwTNib4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.8.3.tgz}
     name: turbo-windows-64
-    version: 1.7.0
+    version: 1.8.3
     cpu: [x64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-windows-arm64/1.7.0:
-    resolution: {integrity: sha512-LzjOUzveWkvTD0jP8DBMYiAnYemmydsvqxdSmsUapHHJkl6wKZIOQNSO7pxsy+9XM/1/+0f9Y9F9ZNl5lePTEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.7.0.tgz}
+  registry.npmjs.org/turbo-windows-arm64/1.8.3:
+    resolution: {integrity: sha512-ulIiItNm2w/zYJdD5/oAzjzNns1IjbpweRzpsE8tLXaWwo6+fnXXkyloUug0IUhcd2k6fJXfoiDZfygqpOVuXg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.8.3.tgz}
     name: turbo-windows-arm64
-    version: 1.7.0
+    version: 1.8.3
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo/1.7.0:
-    resolution: {integrity: sha512-cwympNwQNnQZ/TffBd8yT0i0O10Cf/hlxccCYgUcwhcGEb9rDjE5thDbHoHw1hlJQUF/5ua7ERJe7Zr0lNE/ww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo/-/turbo-1.7.0.tgz}
+  registry.npmjs.org/turbo/1.8.3:
+    resolution: {integrity: sha512-zGrkU1EuNFmkq6iky6LcMqD4h0OLE8XysVFxQWRIZbcTNnf0XAycbsbeEyiJpiWeqb7qtg2bVuY9EYcNoNhVuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo/-/turbo-1.8.3.tgz}
     name: turbo
-    version: 1.7.0
+    version: 1.8.3
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      turbo-darwin-64: registry.npmjs.org/turbo-darwin-64/1.7.0
-      turbo-darwin-arm64: registry.npmjs.org/turbo-darwin-arm64/1.7.0
-      turbo-linux-64: registry.npmjs.org/turbo-linux-64/1.7.0
-      turbo-linux-arm64: registry.npmjs.org/turbo-linux-arm64/1.7.0
-      turbo-windows-64: registry.npmjs.org/turbo-windows-64/1.7.0
-      turbo-windows-arm64: registry.npmjs.org/turbo-windows-arm64/1.7.0
+      turbo-darwin-64: registry.npmjs.org/turbo-darwin-64/1.8.3
+      turbo-darwin-arm64: registry.npmjs.org/turbo-darwin-arm64/1.8.3
+      turbo-linux-64: registry.npmjs.org/turbo-linux-64/1.8.3
+      turbo-linux-arm64: registry.npmjs.org/turbo-linux-arm64/1.8.3
+      turbo-windows-64: registry.npmjs.org/turbo-windows-64/1.8.3
+      turbo-windows-arm64: registry.npmjs.org/turbo-windows-arm64/1.8.3
     dev: true
 
   registry.npmjs.org/tweetnacl/0.14.5:
@@ -8547,14 +7685,6 @@ packages:
       is-typed-array: registry.npmjs.org/is-typed-array/1.1.10
     dev: true
 
-  registry.npmjs.org/typescript/4.9.4:
-    resolution: {integrity: sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-4.9.4.tgz}
-    name: typescript
-    version: 4.9.4
-    engines: {node: '>=4.2.0'}
-    hasBin: true
-    dev: true
-
   registry.npmjs.org/typescript/4.9.5:
     resolution: {integrity: sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz}
     name: typescript
@@ -8604,7 +7734,7 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/update-browserslist-db/1.0.10_browserslist@4.21.4:
+  registry.npmjs.org/update-browserslist-db/1.0.10_browserslist@4.21.5:
     resolution: {integrity: sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz}
     id: registry.npmjs.org/update-browserslist-db/1.0.10
     name: update-browserslist-db
@@ -8613,21 +7743,7 @@ packages:
     peerDependencies:
       browserslist: '>= 4.21.0'
     dependencies:
-      browserslist: registry.npmjs.org/browserslist/4.21.4
-      escalade: registry.npmjs.org/escalade/3.1.1
-      picocolors: registry.npmjs.org/picocolors/1.0.0
-    dev: true
-
-  registry.npmjs.org/update-browserslist-db/1.0.7_browserslist@4.21.3:
-    resolution: {integrity: sha512-iN/XYesmZ2RmmWAiI4Z5rq0YqSiv0brj9Ce9CfhNE4xIW2h+MFxcgkxIzZ+ShkFPUkjU3gQ+3oypadD3RAMtrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.7.tgz}
-    id: registry.npmjs.org/update-browserslist-db/1.0.7
-    name: update-browserslist-db
-    version: 1.0.7
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
-    dependencies:
-      browserslist: registry.npmjs.org/browserslist/4.21.3
+      browserslist: registry.npmjs.org/browserslist/4.21.5
       escalade: registry.npmjs.org/escalade/3.1.1
       picocolors: registry.npmjs.org/picocolors/1.0.0
     dev: true
@@ -8637,7 +7753,7 @@ packages:
     name: uri-js
     version: 4.4.1
     dependencies:
-      punycode: registry.npmjs.org/punycode/2.1.1
+      punycode: registry.npmjs.org/punycode/2.3.0
     dev: true
 
   registry.npmjs.org/use-sync-external-store/1.2.0_react@18.2.0:
@@ -8675,7 +7791,7 @@ packages:
     name: validate-npm-package-license
     version: 3.0.4
     dependencies:
-      spdx-correct: registry.npmjs.org/spdx-correct/3.1.1
+      spdx-correct: registry.npmjs.org/spdx-correct/3.2.0
       spdx-expression-parse: registry.npmjs.org/spdx-expression-parse/3.0.1
     dev: true
 
@@ -8690,41 +7806,6 @@ packages:
       extsprintf: registry.npmjs.org/extsprintf/1.3.0
     dev: true
 
-  registry.npmjs.org/vite/4.0.4:
-    resolution: {integrity: sha512-xevPU7M8FU0i/80DMR+YhgrzR5KS2ORy1B4xcX/cXLsvnUWvfHuqMmVU6N0YiJ4JWGRJJsLCgjEzKjG9/GKoSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.0.4.tgz}
-    name: vite
-    version: 4.0.4
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      esbuild: registry.npmjs.org/esbuild/0.16.16
-      postcss: registry.npmjs.org/postcss/8.4.21
-      resolve: registry.npmjs.org/resolve/1.22.1
-      rollup: registry.npmjs.org/rollup/3.9.1
-    optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents/2.3.2
-    dev: true
-
   registry.npmjs.org/vite/4.1.4:
     resolution: {integrity: sha512-3knk/HsbSTKEin43zHu7jTwYWv81f8kgAL99G5NWBcA1LKvtvcVAC4JjBH1arBunO9kQka+1oGbrMKOjk4ZrBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.1.4.tgz}
     name: vite
@@ -8755,7 +7836,7 @@ packages:
       esbuild: registry.npmjs.org/esbuild/0.16.17
       postcss: registry.npmjs.org/postcss/8.4.21
       resolve: registry.npmjs.org/resolve/1.22.1
-      rollup: registry.npmjs.org/rollup/3.17.3
+      rollup: registry.npmjs.org/rollup/3.19.1
     optionalDependencies:
       fsevents: registry.npmjs.org/fsevents/2.3.2
     dev: true
@@ -8774,19 +7855,19 @@ packages:
       vite: registry.npmjs.org/vite/4.1.4
     dev: true
 
-  registry.npmjs.org/wait-on/6.0.0_debug@4.3.2:
-    resolution: {integrity: sha512-tnUJr9p5r+bEYXPUdRseolmz5XqJTTj98JgOsfBn7Oz2dxfE2g3zw1jE+Mo8lopM3j3et/Mq1yW7kKX6qw7RVw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wait-on/-/wait-on-6.0.0.tgz}
-    id: registry.npmjs.org/wait-on/6.0.0
+  registry.npmjs.org/wait-on/7.0.1_debug@4.3.4:
+    resolution: {integrity: sha512-9AnJE9qTjRQOlTZIldAaf/da2eW0eSRSgcqq85mXQja/DW3MriHxkpODDSUEg+Gri/rKEcXUZHe+cevvYItaog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wait-on/-/wait-on-7.0.1.tgz}
+    id: registry.npmjs.org/wait-on/7.0.1
     name: wait-on
-    version: 6.0.0
-    engines: {node: '>=10.0.0'}
+    version: 7.0.1
+    engines: {node: '>=12.0.0'}
     hasBin: true
     dependencies:
-      axios: registry.npmjs.org/axios/0.21.4_debug@4.3.2
-      joi: registry.npmjs.org/joi/17.6.0
+      axios: registry.npmjs.org/axios/0.27.2_debug@4.3.4
+      joi: registry.npmjs.org/joi/17.8.4
       lodash: registry.npmjs.org/lodash/4.17.21
-      minimist: registry.npmjs.org/minimist/1.2.6
-      rxjs: registry.npmjs.org/rxjs/7.5.6
+      minimist: registry.npmjs.org/minimist/1.2.8
+      rxjs: registry.npmjs.org/rxjs/7.8.0
     transitivePeerDependencies:
       - debug
     dev: true
@@ -8796,7 +7877,7 @@ packages:
     name: wcwidth
     version: 1.0.1
     dependencies:
-      defaults: registry.npmjs.org/defaults/1.0.3
+      defaults: registry.npmjs.org/defaults/1.0.4
     dev: true
 
   registry.npmjs.org/webidl-conversions/3.0.1:
@@ -8984,25 +8065,10 @@ packages:
       yargs-parser: registry.npmjs.org/yargs-parser/18.1.3
     dev: true
 
-  registry.npmjs.org/yargs/17.5.1:
-    resolution: {integrity: sha512-t6YAJcxDkNX7NFYiVtKvWUz8l+PaKTLiL63mJYWR2GnHq2gjEWISzsLp9wg3aY36dY1j+gfIEL3pIF+XlJJfbA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs/-/yargs-17.5.1.tgz}
-    name: yargs
-    version: 17.5.1
-    engines: {node: '>=12'}
-    dependencies:
-      cliui: registry.npmjs.org/cliui/7.0.4
-      escalade: registry.npmjs.org/escalade/3.1.1
-      get-caller-file: registry.npmjs.org/get-caller-file/2.0.5
-      require-directory: registry.npmjs.org/require-directory/2.1.1
-      string-width: registry.npmjs.org/string-width/4.2.3
-      y18n: registry.npmjs.org/y18n/5.0.8
-      yargs-parser: registry.npmjs.org/yargs-parser/21.1.1
-    dev: true
-
-  registry.npmjs.org/yargs/17.6.2:
-    resolution: {integrity: sha512-1/9UrdHjDZc0eOU0HxOHoS78C69UD3JRMvzlJ7S79S2nTaWRA/whGCTV8o9e/N/1Va9YIV7Q4sOxD8VV4pCWOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs/-/yargs-17.6.2.tgz}
+  registry.npmjs.org/yargs/17.7.1:
+    resolution: {integrity: sha512-cwiTb08Xuv5fqF4AovYacTFNxk62th7LKJ6BL9IGUpTJrWoU7/7WdQGTP2SjKf1dUNBGzDd28p/Yfs/GI6JrLw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs/-/yargs-17.7.1.tgz}
     name: yargs
-    version: 17.6.2
+    version: 17.7.1
     engines: {node: '>=12'}
     dependencies:
       cliui: registry.npmjs.org/cliui/8.0.1
@@ -9030,30 +8096,11 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/zustand/4.3.1_react@18.2.0:
-    resolution: {integrity: sha512-EVyo/eLlOTcJm/X5M00rwtbYFXwRVTaRteSvhtbTZUCQFJkNfIyHPiJ6Ke68MSWzcKHpPzvqNH4gC2ZS/sbNqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.3.1.tgz}
-    id: registry.npmjs.org/zustand/4.3.1
-    name: zustand
-    version: 4.3.1
-    engines: {node: '>=12.7.0'}
-    peerDependencies:
-      immer: '>=9.0'
-      react: '>=16.8'
-    peerDependenciesMeta:
-      immer:
-        optional: true
-      react:
-        optional: true
-    dependencies:
-      react: registry.npmjs.org/react/18.2.0
-      use-sync-external-store: registry.npmjs.org/use-sync-external-store/1.2.0_react@18.2.0
-    dev: false
-
-  registry.npmjs.org/zustand/4.3.3_react@18.2.0:
-    resolution: {integrity: sha512-x2jXq8S0kfLGNwGh87nhRfEc2eZy37tSatpSoSIN+O6HIaBhgQHSONV/F9VNrNcBcKQu/E80K1DeHDYQC/zCrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.3.3.tgz}
-    id: registry.npmjs.org/zustand/4.3.3
+  registry.npmjs.org/zustand/4.3.6_react@18.2.0:
+    resolution: {integrity: sha512-6J5zDxjxLE+yukC2XZWf/IyWVKnXT9b9HUv09VJ/bwGCpKNcaTqp7Ws28Xr8jnbvnZcdRaidztAPsXFBIqufiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.3.6.tgz}
+    id: registry.npmjs.org/zustand/4.3.6
     name: zustand
-    version: 4.3.3
+    version: 4.3.6
     engines: {node: '>=12.7.0'}
     peerDependencies:
       immer: '>=9.0'
diff --git a/tooling/rollup-config/package.json b/tooling/rollup-config/package.json
index 3389bddaa..99948d2ca 100644
--- a/tooling/rollup-config/package.json
+++ b/tooling/rollup-config/package.json
@@ -7,12 +7,12 @@
   "main": "src/index.js",
   "module": "src/index.js",
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^24.0.0",
+    "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^5.0.2",
-    "@rollup/plugin-terser": "^0.3.0",
+    "@rollup/plugin-terser": "^0.4.0",
     "@rollup/plugin-typescript": "^11.0.0",
-    "rollup": "^3.9.1",
+    "rollup": "^3.19.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "typescript": "^4.9.4"
   }

From 77d14f9ad05cef83e2506e62732b85b8d5376c7f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 15 Mar 2023 18:34:07 +0100
Subject: [PATCH 0057/1093] feat(svelte): add subflows

---
 packages/core/src/hooks/useDrag/utils.ts      |   8 +-
 .../example-components/Header/Header.svelte   |   1 +
 packages/svelte/src/lib/actions/drag/index.ts |   5 +-
 packages/svelte/src/lib/actions/drag/utils.ts |  50 +++++--
 .../components/NodeWrapper/NodeWrapper.svelte |   5 +-
 .../src/lib/components/NodeWrapper/types.ts   |   1 +
 .../NodeRenderer/NodeRenderer.svelte          |   2 +
 .../svelte/src/lib/store/edges-layouted.ts    | 100 ++++++-------
 packages/svelte/src/lib/store/index.ts        |  29 ++--
 packages/svelte/src/lib/store/types.ts        |   4 +-
 packages/svelte/src/lib/utils/index.ts        |  74 ++++++++-
 .../svelte/src/routes/subflows/+page.svelte   | 141 ++++++++++++++++++
 .../subflows/DebugNode/DebugNode.svelte       |  23 +++
 .../src/routes/subflows/DebugNode/index.ts    |   1 +
 packages/system/src/types/nodes.ts            |   1 +
 15 files changed, 354 insertions(+), 91 deletions(-)
 create mode 100644 packages/svelte/src/routes/subflows/+page.svelte
 create mode 100644 packages/svelte/src/routes/subflows/DebugNode/DebugNode.svelte
 create mode 100644 packages/svelte/src/routes/subflows/DebugNode/index.ts

diff --git a/packages/core/src/hooks/useDrag/utils.ts b/packages/core/src/hooks/useDrag/utils.ts
index 1e6d7693a..6dcbe8338 100644
--- a/packages/core/src/hooks/useDrag/utils.ts
+++ b/packages/core/src/hooks/useDrag/utils.ts
@@ -89,14 +89,16 @@ export function calcNextPosition(
     if (node.parentNode && node.width && node.height) {
       const parent = nodeInternals.get(node.parentNode);
       const parentOrigin = parent?.origin || nodeOrigin;
+      const currNodeOrigin = node.origin || nodeOrigin;
+
       const { x: parentX, y: parentY } = getNodePositionWithOrigin(parent, parentOrigin).positionAbsolute;
       currentExtent =
         parent && isNumeric(parentX) && isNumeric(parentY) && isNumeric(parent.width) && isNumeric(parent.height)
           ? [
-              [parentX + node.width * parentOrigin[0], parentY + node.height * parentOrigin[1]],
+              [parentX + node.width * currNodeOrigin[0], parentY + node.height * currNodeOrigin[1]],
               [
-                parentX + parent.width - node.width + node.width * parentOrigin[0],
-                parentY + parent.height - node.height + node.height * parentOrigin[1],
+                parentX + parent.width - node.width + node.width * currNodeOrigin[0],
+                parentY + parent.height - node.height + node.height * currNodeOrigin[1],
               ],
             ]
           : currentExtent;
diff --git a/packages/svelte/src/example-components/Header/Header.svelte b/packages/svelte/src/example-components/Header/Header.svelte
index e6ada6674..901aa1edc 100644
--- a/packages/svelte/src/example-components/Header/Header.svelte
+++ b/packages/svelte/src/example-components/Header/Header.svelte
@@ -5,6 +5,7 @@
     'drag-n-drop',
     'overview',
     'stress',
+    'subflows',
     'usesvelteflow',
     'validation'
   ];
diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index c96777c2e..851557530 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -1,10 +1,9 @@
-import { get, type Writable } from 'svelte/store';
+import { get } from 'svelte/store';
 import { drag as d3Drag, type D3DragEvent, type SubjectPosition } from 'd3-drag';
 import { select } from 'd3-selection';
-import type { XYPosition, CoordinateExtent, Transform } from '@reactflow/system';
+import type { XYPosition, CoordinateExtent } from '@reactflow/system';
 
 import { getDragItems, hasSelector, calcNextPosition } from './utils';
-import type { Node } from '$lib/types';
 import type { SvelteFlowStore } from '$lib/store/types';
 
 export type UseDragData = { dx: number; dy: number };
diff --git a/packages/svelte/src/lib/actions/drag/utils.ts b/packages/svelte/src/lib/actions/drag/utils.ts
index c7a788486..c470fb715 100644
--- a/packages/svelte/src/lib/actions/drag/utils.ts
+++ b/packages/svelte/src/lib/actions/drag/utils.ts
@@ -1,5 +1,11 @@
-import type { CoordinateExtent, NodeDragItem, NodeOrigin, XYPosition } from '@reactflow/system';
-import { clampPosition, isNumeric } from '@reactflow/utils';
+import {
+  errorMessages,
+  type CoordinateExtent,
+  type NodeDragItem,
+  type NodeOrigin,
+  type XYPosition
+} from '@reactflow/system';
+import { clampPosition, devWarn, getNodePositionWithOrigin, isNumeric } from '@reactflow/utils';
 
 import type { Node } from '$lib/types';
 
@@ -65,16 +71,28 @@ export function calcNextPosition(
   node: NodeDragItem | Node,
   nextPosition: XYPosition,
   nodes: Node[],
-  nodeExtent?: CoordinateExtent,
-  nodeOrigin: NodeOrigin = [0, 0]
+  nodeExtent?: CoordinateExtent
 ): { position: XYPosition; positionAbsolute: XYPosition } {
   let currentExtent = node.extent || nodeExtent;
 
   if (node.extent === 'parent') {
     if (node.parentNode && node.width && node.height) {
-      const parent = nodes.find((n) => n.id === node.parentNode)!;
-      const parentOrigin = parent.origin || nodeOrigin;
-      const { x: parentX, y: parentY } = parent.positionAbsolute!;
+      const parent = nodes.find((n) => n.id === node.parentNode);
+      const parentOrigin = parent?.origin || [0, 0];
+      const nodeOrigin = node.origin || [0, 0];
+      const { x: parentX, y: parentY } = getNodePositionWithOrigin(
+        parent,
+        parentOrigin
+      ).positionAbsolute;
+      console.log({
+        parentX,
+        parentY,
+        parentW: parent?.width,
+        parentH: parent?.height,
+        nodeW: node.width,
+        nodeH: node.height,
+        parentOrigin: parentOrigin[0]
+      });
       currentExtent =
         parent &&
         isNumeric(parentX) &&
@@ -82,19 +100,23 @@ export function calcNextPosition(
         isNumeric(parent.width) &&
         isNumeric(parent.height)
           ? [
-              [parentX + node.width * parentOrigin[0], parentY + node.height * parentOrigin[1]],
+              [parentX + node.width * nodeOrigin[0], parentY + node.height * nodeOrigin[1]],
               [
-                parentX + parent.width! - node.width + node.width * parentOrigin[0],
-                parentY + parent.height! - node.height + node.height * parentOrigin[1]
+                parentX + parent.width - node.width + node.width * nodeOrigin[0],
+                parentY + parent.height - node.height + node.height * nodeOrigin[1]
               ]
             ]
           : currentExtent;
     } else {
+      devWarn('005', errorMessages['005']());
       currentExtent = nodeExtent;
     }
   } else if (node.extent && node.parentNode) {
-    const parent = nodes.find((n) => n.id === node.parentNode)!;
-    const { x: parentX, y: parentY } = parent.positionAbsolute!;
+    const parent = nodes.find((n) => n.id === node.parentNode);
+    const { x: parentX, y: parentY } = getNodePositionWithOrigin(
+      parent,
+      parent?.origin || [0, 0]
+    ).positionAbsolute;
     currentExtent = [
       [node.extent[0][0] + parentX, node.extent[0][1] + parentY],
       [node.extent[1][0] + parentX, node.extent[1][1] + parentY]
@@ -104,8 +126,8 @@ export function calcNextPosition(
   let parentPosition = { x: 0, y: 0 };
 
   if (node.parentNode) {
-    const parent = nodes.find((n) => n.id === node.parentNode)!;
-    parentPosition = parent.positionAbsolute!;
+    const parent = nodes.find((n) => n.id === node.parentNode);
+    parentPosition = getNodePositionWithOrigin(parent, parent?.origin || [0, 0]).positionAbsolute;
   }
 
   const positionAbsolute = currentExtent
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index b9671cb08..d05be8245 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -22,11 +22,11 @@
   export let width: NodeWrapperProps['width'] = undefined;
   export let height: NodeWrapperProps['height'] = undefined;
   export let type: NodeWrapperProps['type'] = 'default';
+  export let isParent: NodeWrapperProps['isParent'] = false;
   export let positionAbsolute: NodeWrapperProps['positionAbsolute'] = undefined;
   export let positionOrigin: NodeWrapperProps['positionOrigin'] = undefined;
   export let sourcePosition: NodeWrapperProps['sourcePosition'] = undefined;
   export let targetPosition: NodeWrapperProps['targetPosition'] = undefined;
-
   let className: string = '';
   export { className as class };
 
@@ -77,12 +77,13 @@
   use:drag={{ nodeId: id, nodes, snapGrid, transform, updateNodePositions }}
   bind:this={nodeRef}
   data-id={id}
-  class={cc(['svelte-flow__node', `svelte-flow__node-${type}`, className])}
+  class={cc(['svelte-flow__node', `svelte-flow__node-${type || 'default'}`, className])}
   class:initializing={!width && !height}
   class:dragging
   class:selected
   class:draggable
   class:connectable
+  class:parent={isParent}
   style:transform={`translate(${positionOrigin?.x ?? 0}px, ${positionOrigin?.y ?? 0}px)`}
   {style}
   on:click={onSelectNodeHandler}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index 564aaa41c..acd26836f 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -21,4 +21,5 @@ export type NodeWrapperProps = Pick<
   positionOrigin?: XYPosition;
   'on:nodeclick'?: (event: MouseEvent) => void;
   resizeObserver?: ResizeObserver | null;
+  isParent?: boolean;
 };
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 6b99962ab..270247b88 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { onDestroy } from 'svelte';
+  import { internalsSymbol } from '@reactflow/system';
   import { getPositionWithOrigin } from '@reactflow/utils';
 
   import { NodeWrapper } from '$lib/components/NodeWrapper';
@@ -41,6 +42,7 @@
       connectable={node.connectable || node.connectable === undefined}
       positionAbsolute={node.positionAbsolute}
       positionOrigin={posOrigin}
+      isParent={!!node[internalsSymbol]?.isParent}
       width={node.width}
       height={node.height}
       style={node.style}
diff --git a/packages/svelte/src/lib/store/edges-layouted.ts b/packages/svelte/src/lib/store/edges-layouted.ts
index 0433b6a83..f303b9467 100644
--- a/packages/svelte/src/lib/store/edges-layouted.ts
+++ b/packages/svelte/src/lib/store/edges-layouted.ts
@@ -8,55 +8,55 @@ import type { SvelteFlowStoreState } from './types';
 
 export function getEdgesLayouted(store: SvelteFlowStoreState) {
   return derived([store.edges, store.nodes], ([edges, nodes]) => {
-    return edges
-      .map((edge) => {
-        const sourceNode = nodes.find((node) => node.id === edge.source);
-        const targetNode = nodes.find((node) => node.id === edge.target);
-        const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(sourceNode);
-        const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(targetNode);
-
-        if (!sourceIsValid || !targetIsValid) {
-          return null;
-        }
-
-        const edgeType = edge.type || 'default';
-
-        const targetNodeHandles = targetHandleBounds!.target;
-        const sourceHandle = getHandle(sourceHandleBounds!.source!, edge.sourceHandle);
-        const targetHandle = getHandle(targetNodeHandles!, edge.targetHandle);
-        const sourcePosition = sourceHandle?.position || Position.Bottom;
-        const targetPosition = targetHandle?.position || Position.Top;
-
-        if (!sourceHandle || !targetHandle) {
-          return null;
-        }
-
-        const { sourceX, sourceY, targetX, targetY } = getEdgePositions(
-          sourceNodeRect,
-          sourceHandle,
-          sourcePosition,
-          targetNodeRect,
-          targetHandle,
-          targetPosition
-        );
-
-        // we nee to do this to match the types
-        const sourceHandleId = edge.sourceHandle;
-        const targetHandleId = edge.targetHandle;
-
-        return {
-          ...edge,
-          type: edgeType,
-          sourceX,
-          sourceY,
-          targetX,
-          targetY,
-          sourcePosition,
-          targetPosition,
-          sourceHandleId,
-          targetHandleId
-        };
-      })
-      .filter((e) => e !== null) as EdgeLayouted[];
+    return edges.reduce<EdgeLayouted[]>((res, edge) => {
+      const sourceNode = nodes.find((node) => node.id === edge.source);
+      const targetNode = nodes.find((node) => node.id === edge.target);
+      const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(sourceNode);
+      const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(targetNode);
+
+      if (!sourceIsValid || !targetIsValid) {
+        return res;
+      }
+
+      const edgeType = edge.type || 'default';
+
+      const targetNodeHandles = targetHandleBounds!.target;
+      const sourceHandle = getHandle(sourceHandleBounds!.source!, edge.sourceHandle);
+      const targetHandle = getHandle(targetNodeHandles!, edge.targetHandle);
+      const sourcePosition = sourceHandle?.position || Position.Bottom;
+      const targetPosition = targetHandle?.position || Position.Top;
+
+      if (!sourceHandle || !targetHandle) {
+        return res;
+      }
+
+      const { sourceX, sourceY, targetX, targetY } = getEdgePositions(
+        sourceNodeRect,
+        sourceHandle,
+        sourcePosition,
+        targetNodeRect,
+        targetHandle,
+        targetPosition
+      );
+
+      // we nee to do this to match the types
+      const sourceHandleId = edge.sourceHandle;
+      const targetHandleId = edge.targetHandle;
+
+      res.push({
+        ...edge,
+        type: edgeType,
+        sourceX,
+        sourceY,
+        targetX,
+        targetY,
+        sourcePosition,
+        targetPosition,
+        sourceHandleId,
+        targetHandleId
+      } as EdgeLayouted);
+
+      return res;
+    }, []);
   });
 }
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 05b8423cc..273b6ffcd 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -19,7 +19,7 @@ import {
 } from '@reactflow/utils';
 
 import { addEdge as addEdgeUtil } from '$lib/utils';
-import type { EdgeTypes, NodeTypes, Node, Edge, ConnectionData } from '$lib/types';
+import type { EdgeTypes, NodeTypes, Node, Edge, ConnectionData, FitViewOptions } from '$lib/types';
 import { getEdgesLayouted } from './edges-layouted';
 import { getConnectionPath } from './connection-path';
 import {
@@ -102,15 +102,20 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
         );
 
         if (doUpdate) {
-          node[internalsSymbol] = {
-            ...node[internalsSymbol],
-            handleBounds: {
-              source: getHandleBounds('.source', update.nodeElement, zoom, node.origin),
-              target: getHandleBounds('.target', update.nodeElement, zoom, node.origin)
+          const newNode = {
+            ...node,
+            width: dimensions.width,
+            height: dimensions.height,
+            [internalsSymbol]: {
+              ...node[internalsSymbol],
+              handleBounds: {
+                source: getHandleBounds('.source', update.nodeElement, zoom, node.origin),
+                target: getHandleBounds('.target', update.nodeElement, zoom, node.origin)
+              }
             }
           };
-          node.width = dimensions.width;
-          node.height = dimensions.height;
+
+          return newNode;
         }
       }
 
@@ -121,7 +126,7 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
 
     const fitViewOnInitDone =
       get(store.fitViewOnInitDone) ||
-      (get(store.fitViewOnInit) && !!d3Zoom && !!d3Selection && fitView());
+      (get(store.fitViewOnInit) && !!d3Zoom && !!d3Selection && fitView({ nodes: nextNodes }));
 
     store.fitViewOnInitDone.set(fitViewOnInitDone);
     store.nodes.set(nextNodes);
@@ -162,16 +167,18 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
     }
   }
 
-  function fitView() {
+  function fitView(options?: FitViewOptions) {
     const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
 
     if (!d3Zoom || !d3Selection) {
       return false;
     }
 
+    const fitViewNodes = options?.nodes || get(store.nodes);
+
     return fitViewUtil(
       {
-        nodes: get(store.nodes),
+        nodes: fitViewNodes as Node[],
         width: get(store.width),
         height: get(store.height),
         minZoom: 0.2,
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index f9dde08aa..48d4edbb2 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -7,7 +7,7 @@ import type {
 } from '@reactflow/system';
 
 import type { initialStoreState } from './initial-store';
-import type { Node, Edge, ConnectionData, NodeTypes, EdgeTypes } from '$lib/types';
+import type { Node, Edge, ConnectionData, NodeTypes, EdgeTypes, FitViewOptions } from '$lib/types';
 import type { Writable } from 'svelte/store';
 
 export type SvelteFlowStoreActions = {
@@ -18,7 +18,7 @@ export type SvelteFlowStoreActions = {
   zoomOut: (options?: ViewportHelperFunctionOptions) => void;
   setMinZoom: (minZoom: number) => void;
   setMaxZoom: (maxZoom: number) => void;
-  fitView: (options?: ViewportHelperFunctionOptions) => boolean;
+  fitView: (options?: FitViewOptions) => boolean;
   updateNodePositions: (
     nodeDragItems: NodeDragItem[],
     positionChanged?: boolean,
diff --git a/packages/svelte/src/lib/utils/index.ts b/packages/svelte/src/lib/utils/index.ts
index cfb0d3f43..86c65af11 100644
--- a/packages/svelte/src/lib/utils/index.ts
+++ b/packages/svelte/src/lib/utils/index.ts
@@ -1,3 +1,4 @@
+import { writable, type Writable } from 'svelte/store';
 import {
   isNodeBase,
   isEdgeBase,
@@ -5,10 +6,12 @@ import {
   getOutgoersBase,
   getIncomersBase,
   updateEdgeBase,
-  getConnectedEdgesBase
+  getConnectedEdgesBase,
+  isNumeric,
+  getNodePositionWithOrigin
 } from '@reactflow/utils';
+import { internalsSymbol, type XYZPosition } from '@reactflow/system';
 import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, Node } from '$lib/types';
-import { writable, type Writable } from 'svelte/store';
 
 export const isNode = isNodeBase<Node, Edge>;
 export const isEdge = isEdgeBase<Node, Edge>;
@@ -27,11 +30,53 @@ export const createNodes = (
   let defaults = defaultOptions || {};
 
   const _set: typeof set = (nds: Node[]) => {
-    const nextNodes = defaults ? nds.map((node) => ({ ...defaults, ...node })) : nds;
-    // @todo calculate absolute position based on parent / child relation
-    const nextNodesLayouted = nextNodes.map((n) => ({ ...n, positionAbsolute: n.position }));
+    const parentNodes: Record<string, boolean> = {};
+
+    const nextNodes = nds.map((n) => {
+      const node: Node = { ...defaults, ...n, positionAbsolute: n.position };
+      const z = (isNumeric(node.zIndex) ? node.zIndex : 0) + (node.selected ? 1 : 0);
+
+      if (node.parentNode) {
+        parentNodes[node.parentNode] = true;
+      }
+
+      Object.defineProperty(node, internalsSymbol, {
+        value: {
+          handleBounds: node?.[internalsSymbol]?.handleBounds,
+          z
+        }
+      });
+
+      return node;
+    });
+
+    const nodesWithPositions = nextNodes.map((node) => {
+      if (node.parentNode && !parentNodes[node.parentNode]) {
+        throw new Error(`Parent node ${node.parentNode} not found`);
+      }
 
-    value = nextNodesLayouted;
+      if (node.parentNode || parentNodes?.[node.id]) {
+        const { x, y, z } = calculateXYZPosition(node, nextNodes, {
+          ...node.position,
+          z: node[internalsSymbol]?.z ?? 0
+        });
+
+        node.positionAbsolute = {
+          x,
+          y
+        };
+
+        node[internalsSymbol]!.z = z;
+
+        if (parentNodes?.[node.id]) {
+          node[internalsSymbol]!.isParent = true;
+        }
+      }
+
+      return node;
+    });
+
+    value = nodesWithPositions;
 
     set(value);
   };
@@ -81,3 +126,20 @@ export const createEdges = (
     setDefaultOptions
   };
 };
+
+function calculateXYZPosition(node: Node, nodes: Node[], result: XYZPosition): XYZPosition {
+  if (!node.parentNode) {
+    return result;
+  }
+  const parentNode = nodes.find((n) => n.id === node.parentNode)!;
+  const parentNodePosition = getNodePositionWithOrigin(parentNode, parentNode?.origin);
+
+  return calculateXYZPosition(parentNode, nodes, {
+    x: (result.x ?? 0) + parentNodePosition.x,
+    y: (result.y ?? 0) + parentNodePosition.y,
+    z:
+      (parentNode[internalsSymbol]?.z ?? 0) > (result.z ?? 0)
+        ? parentNode[internalsSymbol]?.z ?? 0
+        : result.z ?? 0
+  });
+}
diff --git a/packages/svelte/src/routes/subflows/+page.svelte b/packages/svelte/src/routes/subflows/+page.svelte
new file mode 100644
index 000000000..9743360a8
--- /dev/null
+++ b/packages/svelte/src/routes/subflows/+page.svelte
@@ -0,0 +1,141 @@
+<script lang="ts">
+  import SvelteFlow, {
+    SvelteFlowProvider,
+    Controls,
+    Background,
+    BackgroundVariant,
+    Minimap,
+    createNodes,
+    createEdges,
+    type NodeTypes,
+  } from '../../lib/index';
+  import { DebugNode } from './DebugNode';
+  
+  const nodeTypes: NodeTypes = {
+    default: DebugNode,
+  };
+
+  const nodes = createNodes([
+    {
+      id: '1',
+      type: 'input',
+      data: { label: 'Node 1' },
+      position: { x: 250, y: 5 },
+      origin: [0.5, 0.5],
+    },
+    {
+      id: '4',
+      data: { label: 'Node 4' },
+      position: { x: 100, y: 200 },
+      style: "width:500px; height:300px;"
+    },
+    {
+      id: '4a',
+      data: { label: 'Node 4a' },
+      position: { x: 15, y: 15 },
+      parentNode: '4',
+      extent: [
+        [0, 0],
+        [100, 100],
+      ],
+    },
+    {
+      id: '4b',
+      data: { label: 'Node 4b' },
+      position: { x: 100, y: 60 },
+      style: "width: 300px; height: 200px;",
+      parentNode: '4',
+    },
+    {
+      id: '4b1',
+      data: { label: 'Node 4b1' },
+      position: { x: 40, y: 20 },
+      parentNode: '4b',
+    },
+    {
+      id: '4b2',
+      data: { label: 'Node 4b2' },
+      position: { x: 20, y: 100 },
+      parentNode: '4b',
+    },
+    {
+      id: '5',
+      type: 'group',
+      data: { label: 'Node 5' },
+      position: { x: 650, y: 250 },
+      style: "width: 400px; height: 150px",
+      zIndex: 1000,
+    },
+    {
+      id: '5a',
+      data: { label: 'Node 5a' },
+      position: { x: 0, y: 0 },
+      parentNode: '5',
+      extent: 'parent',
+    },
+    {
+      id: '5b',
+      data: { label: 'Node 5b' },
+      position: { x: 225, y: 50 },
+      parentNode: '5',
+      expandParent: true,
+    },
+    {
+      id: '2',
+      data: { label: 'Node 2' },
+      position: { x: 100, y: 100 },
+    },
+    {
+      id: '3',
+      data: { label: 'Node 3' },
+      position: { x: 400, y: 100 },
+    }
+  ]);
+
+  const edges = createEdges([
+    {
+    id: 'e1-2',
+    source: '1',
+    target: '2',
+    // markerEnd: {
+    //   type: MarkerType.Arrow,
+    //   strokeWidth: 2,
+    //   width: 15,
+    //   height: 15,
+    //   color: '#f00',
+    // },
+  },
+  { id: 'e1-3', source: '1', target: '3' },
+  { id: 'e3-4', source: '3', target: '4', zIndex: 100 },
+  { id: 'e3-4b', source: '3', target: '4b' },
+  { id: 'e4a-4b1', source: '4a', target: '4b1' },
+  { id: 'e4a-4b2', source: '4a', target: '4b2', zIndex: 100 },
+  { id: 'e4b1-4b2', source: '4b1', target: '4b2' },
+  ], { animated: true });
+
+  $: {
+    console.log($nodes)
+  }
+</script>
+
+<SvelteFlowProvider
+  {nodes}
+  {edges}
+>
+  <SvelteFlow
+    {nodeTypes}
+    fitView
+    minZoom={0.1}
+    maxZoom={2.5}
+  >
+    <Controls />
+    <Background variant={BackgroundVariant.Dots} />
+    <Minimap />
+  </SvelteFlow>
+</SvelteFlowProvider>
+
+<style>
+  :global(.svelte-flow .svelte-flow__node.parent) {
+    background-color: rgba(220,220,255,0.4)
+  }
+</style>
diff --git a/packages/svelte/src/routes/subflows/DebugNode/DebugNode.svelte b/packages/svelte/src/routes/subflows/DebugNode/DebugNode.svelte
new file mode 100644
index 000000000..1f2082196
--- /dev/null
+++ b/packages/svelte/src/routes/subflows/DebugNode/DebugNode.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { Handle, Position } from '../../../lib/index';
+
+  export let id: string;
+  export let xPos: number = 0;
+  export let yPos: number = 0;
+  export let zIndex: number = 0;
+</script>
+
+<Handle type="target" position={Position.Top} />
+<div>{id}</div>
+<div>
+  x:{Math.round(xPos || 0)} y:{Math.round(yPos || 0)} z:{zIndex}
+</div>
+<Handle type="source" position={Position.Bottom} />
+
+
+<style>
+  .custom {
+    background: #ffcc00;
+    padding: 10px;
+  }
+</style>
diff --git a/packages/svelte/src/routes/subflows/DebugNode/index.ts b/packages/svelte/src/routes/subflows/DebugNode/index.ts
new file mode 100644
index 000000000..124af6caf
--- /dev/null
+++ b/packages/svelte/src/routes/subflows/DebugNode/index.ts
@@ -0,0 +1 @@
+export { default as DebugNode } from './DebugNode.svelte';
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 8cb6d803d..ce096014f 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -80,6 +80,7 @@ export type NodeDragItem = {
   extent?: 'parent' | CoordinateExtent;
   parentNode?: string;
   dragging?: boolean;
+  origin?: NodeOrigin;
 };
 
 export type NodeOrigin = [number, number];

From ca94d18a30a2832b586ffd72cba9e2c2b91f8a68 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 20 Mar 2023 18:12:08 +0100
Subject: [PATCH 0058/1093] feat(svelte): add color selector bg example

---
 .../example-components/Header/Header.svelte   |   1 +
 .../container/SvelteFlow/SvelteFlow.svelte    |   2 +-
 .../svelte/src/routes/customnode/+page.svelte | 119 ++++++++++++++++++
 .../customnode/CustomNode/Custom.svelte       |  21 ++++
 .../src/routes/customnode/CustomNode/index.ts |   1 +
 5 files changed, 143 insertions(+), 1 deletion(-)
 create mode 100644 packages/svelte/src/routes/customnode/+page.svelte
 create mode 100644 packages/svelte/src/routes/customnode/CustomNode/Custom.svelte
 create mode 100644 packages/svelte/src/routes/customnode/CustomNode/index.ts

diff --git a/packages/svelte/src/example-components/Header/Header.svelte b/packages/svelte/src/example-components/Header/Header.svelte
index 901aa1edc..0894fc078 100644
--- a/packages/svelte/src/example-components/Header/Header.svelte
+++ b/packages/svelte/src/example-components/Header/Header.svelte
@@ -2,6 +2,7 @@
   import { goto } from '$app/navigation';
 
   const routes = [
+    'customnode',
     'drag-n-drop',
     'overview',
     'stress',
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index acb8b2c75..e1cc77a91 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -95,7 +95,7 @@
 
 <div
   bind:this={domNode}
-  style={style}
+  {style}
   class={cc(['svelte-flow', className])}
   data-testid="svelte-flow__wrapper"
   on:dragover
diff --git a/packages/svelte/src/routes/customnode/+page.svelte b/packages/svelte/src/routes/customnode/+page.svelte
new file mode 100644
index 000000000..5224a8096
--- /dev/null
+++ b/packages/svelte/src/routes/customnode/+page.svelte
@@ -0,0 +1,119 @@
+<script lang="ts">
+    import type { ChangeEventHandler } from 'svelte/elements';
+    import { writable } from 'svelte/store';
+  import SvelteFlow, {
+    SvelteFlowProvider,
+    Controls,
+    Background,
+    BackgroundVariant,
+    Minimap,
+    createNodes,
+    createEdges,
+    type NodeTypes,
+    Position
+  } from '../../lib/index';
+  import { CustomNode } from './CustomNode';
+
+  const nodeTypes: NodeTypes = {
+    colorNode: CustomNode
+  };
+
+  const bgColor = writable('#1A192B')
+  
+  const onChange: ChangeEventHandler<HTMLInputElement> = (event) => {
+    nodes.update((nds) =>
+      nds.map((node) => {
+        if (node.id !== '2') {
+          return node;
+        }
+
+        const color = (event.target as HTMLInputElement)?.value;
+
+        bgColor.set(color);
+
+        return {
+          ...node,
+          data: {
+            ...node.data,
+            color,
+          },
+        };
+      })
+    );
+    }
+
+  const nodes = createNodes([
+  {
+    id: '1',
+    type: 'input',
+    data: { label: 'An input node' },
+    position: { x: 0, y: 50 },
+    sourcePosition: Position.Right,
+  },
+  {
+    id: '2',
+    type: 'colorNode',
+    data: { onChange: onChange, color: $bgColor },
+    style: 'border: 1px solid #777; padding: 10px',
+    position: { x: 250, y: 50 },
+  },
+  {
+    id: '3',
+    type: 'output',
+    data: { label: 'Output A' },
+    position: { x: 650, y: 25 },
+    targetPosition: Position.Left,
+  },
+  {
+    id: '4',
+    type: 'output',
+    data: { label: 'Output B' },
+    position: { x: 650, y: 120 },
+    targetPosition: Position.Left,
+  },
+  ]);
+
+  const edges = createEdges([
+    {
+      id: 'e1-2',
+      source: '1',
+      target: '2',
+      animated: true,
+    },
+    {
+      id: 'e2a-3',
+      source: '2',
+      sourceHandle: 'a',
+      target: '3',
+      animated: true,
+    },
+    {
+      id: 'e2b-4',
+      source: '2',
+      sourceHandle: 'b',
+      target: '4',
+      animated: true,
+    },
+  ], { animated: true });
+</script>
+
+<SvelteFlowProvider
+  {nodes}
+  {edges}
+>
+  <SvelteFlow
+    {nodeTypes}
+    style="--bgcolor: {$bgColor}"
+    fitView
+  >
+    <Controls />
+    <Background variant={BackgroundVariant.Dots} />
+    <Minimap />
+  </SvelteFlow>
+</SvelteFlowProvider>
+
+<style>
+  :global(.svelte-flow) {
+    background: var(--bgcolor);
+  }
+</style>
diff --git a/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte b/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte
new file mode 100644
index 000000000..84cfccb90
--- /dev/null
+++ b/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { Position } from '@reactflow/system';
+  import { Handle } from '../../../lib/index';
+
+  export let data: { color: string, onChange: () => void } = { color: '#111', onChange: () => {} };
+  export let xPos: number = 0;
+  export let yPos: number = 0;
+</script>
+
+<Handle type="target" position={Position.Left} />
+<div>
+  Custom Color Picker Node: <strong>{data.color}</strong>
+</div>
+<input class="nodrag" type="color" on:input={data.onChange} value={data.color} />
+<Handle
+  type="source"
+  position={Position.Right}
+  id="a"
+  style="top: 10px;"
+/>
+<Handle type="source" position={Position.Right} id="b" style="top: auto; bottom: 10px;"  />
diff --git a/packages/svelte/src/routes/customnode/CustomNode/index.ts b/packages/svelte/src/routes/customnode/CustomNode/index.ts
new file mode 100644
index 000000000..c22c77aaf
--- /dev/null
+++ b/packages/svelte/src/routes/customnode/CustomNode/index.ts
@@ -0,0 +1 @@
+export { default as CustomNode } from './Custom.svelte';

From 6d248a7ca52bc02bbc588b92f76d2290e58fdb70 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Mon, 20 Mar 2023 18:20:32 +0100
Subject: [PATCH 0059/1093] chore(svelte): update readme

---
 packages/svelte/README.md | 83 ++++++++++++++++++++++++++++++++-------
 1 file changed, 68 insertions(+), 15 deletions(-)

diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index 55fa00096..bb200bfd1 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -1,26 +1,79 @@
 # SvelteFlow
 
-A highly customizable Svelte component for building interactive graphs and node-based editors.
+A highly customizable Svelte component for building interactive graphs and node-based editors. **This package is currently under heavy development and the API is very likely to change.**
 
-## Developing
+## Getting started
 
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+If you want to check out the current version you need to run the following command from the root directory:
 
-```bash
-npm run dev
+1. `pnpm install` - installs dependencies
+2. `pnpm build` - needs to be done once
+3. `pnpm dev` - starts dev server
 
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
+You can now access the examples under http://127.0.0.1:5173
 
-## Building
+## A basic flow 
 
-To create a production version of your app:
+A basic flow looks like this:
 
-```bash
-npm run build
-```
+```svelte
+<script lang="ts">
+  import SvelteFlow, {
+    SvelteFlowProvider,
+    Controls,
+    Background,
+    BackgroundVariant,
+    Minimap,
+    Panel,
+    createNodes,
+    createEdges,
+    type NodeTypes
+  } from '../../lib/index';
+  import { CustomNode } from './CustomNode';
 
-You can preview the production build with `npm run preview`.
+  const nodeTypes: NodeTypes = {
+    custom: CustomNode
+  };
+  
+  const nodes = createNodes([
+    {
+      id: '1',
+      type: 'input',
+      data: { label: 'Input Node' },
+      position: { x: 0, y: 0 }
+    },
+    {
+      id: '2',
+      type: 'custom',
+      data: { label: 'Node' },
+      position: { x: 0, y: 150 }
+    }
+  ], { style: 'width: 125px;' });
 
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
+  const edges = createEdges([
+    {
+      id: '1-2',
+      type: 'default',
+      source: '1',
+      target: '2',
+      label: 'Edge Text'
+    }
+  ], { animated: true });
+</script>
+
+<SvelteFlowProvider
+  {nodes}
+  {edges}
+>
+  <SvelteFlow
+    {nodeTypes}
+    fitView
+    snapGrid={[25, 25]}
+    on:node:click={(event) => console.log('on node click', event)}
+  >
+    <Controls />
+    <Background variant={BackgroundVariant.Dots} />
+    <Minimap />
+  </SvelteFlow>
+</SvelteFlowProvider>
+```

From edf4e3c4c6e8d2cbeaa56baf760c50d4efb4c253 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 May 2023 13:56:55 +0200
Subject: [PATCH 0060/1093] chore(examples): add edges

---
 .../example-components/Header/Header.svelte   |   1 +
 .../svelte/src/routes/customnode/+page.svelte |   6 +-
 packages/svelte/src/routes/edges/+page.svelte | 165 ++++++++++++++++++
 3 files changed, 169 insertions(+), 3 deletions(-)
 create mode 100644 packages/svelte/src/routes/edges/+page.svelte

diff --git a/packages/svelte/src/example-components/Header/Header.svelte b/packages/svelte/src/example-components/Header/Header.svelte
index 0894fc078..39f8a8785 100644
--- a/packages/svelte/src/example-components/Header/Header.svelte
+++ b/packages/svelte/src/example-components/Header/Header.svelte
@@ -4,6 +4,7 @@
   const routes = [
     'customnode',
     'drag-n-drop',
+    'edges',
     'overview',
     'stress',
     'subflows',
diff --git a/packages/svelte/src/routes/customnode/+page.svelte b/packages/svelte/src/routes/customnode/+page.svelte
index 5224a8096..6cad68154 100644
--- a/packages/svelte/src/routes/customnode/+page.svelte
+++ b/packages/svelte/src/routes/customnode/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-    import type { ChangeEventHandler } from 'svelte/elements';
-    import { writable } from 'svelte/store';
+  import type { ChangeEventHandler } from 'svelte/elements';
+  import { writable } from 'svelte/store';
   import SvelteFlow, {
     SvelteFlowProvider,
     Controls,
@@ -40,7 +40,7 @@
         };
       })
     );
-    }
+  };
 
   const nodes = createNodes([
   {
diff --git a/packages/svelte/src/routes/edges/+page.svelte b/packages/svelte/src/routes/edges/+page.svelte
new file mode 100644
index 000000000..e6eddc2b7
--- /dev/null
+++ b/packages/svelte/src/routes/edges/+page.svelte
@@ -0,0 +1,165 @@
+<script lang="ts">
+  import SvelteFlow, {
+    SvelteFlowProvider,
+    Controls,
+    Background,
+    BackgroundVariant,
+    Minimap,
+    createNodes,
+    createEdges,
+    type NodeTypes,
+    MarkerType
+  } from '../../lib/index';
+
+  const nodes = createNodes([
+  {
+    id: '1',
+    type: 'input',
+    data: { label: 'Input 1' },
+    position: { x: 250, y: 0 },
+  },
+  { id: '2', data: { label: 'Node 2' }, position: { x: 150, y: 100 } },
+  { id: '2a', data: { label: 'Node 2a' }, position: { x: 0, y: 180 } },
+  { id: '2b', data: { label: 'Node 2b' }, position: { x: -40, y: 300 } },
+  { id: '3', data: { label: 'Node 3' }, position: { x: 250, y: 200 } },
+  { id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 300 } },
+  { id: '3a', data: { label: 'Node 3a' }, position: { x: 150, y: 300 } },
+  { id: '5', data: { label: 'Node 5' }, position: { x: 250, y: 400 } },
+  {
+    id: '6',
+    type: 'output',
+    data: { label: 'Output 6' },
+    position: { x: 50, y: 550 },
+  },
+  {
+    id: '7',
+    type: 'output',
+    data: { label: 'Output 7' },
+    position: { x: 250, y: 550 },
+  },
+  {
+    id: '8',
+    type: 'output',
+    data: { label: 'Output 8' },
+    position: { x: 525, y: 600 },
+  },
+  {
+    id: '9',
+    type: 'output',
+    data: { label: 'Output 9' },
+    position: { x: 675, y: 500 },
+  },
+]);
+
+  const edges = createEdges([
+  {
+    id: 'e1-2',
+    source: '1',
+    target: '2',
+    label: 'bezier edge (default)',
+  },
+  {
+    id: 'e2-2a',
+    source: '2',
+    target: '2a',
+    type: 'smoothstep',
+    label: 'smoothstep edge',
+  },
+  {
+    id: 'e2a-2b',
+    source: '2a',
+    target: '2b',
+    type: 'simplebezier',
+    label: 'simple bezier edge',
+  },
+  { id: 'e2-3', source: '2', target: '3', type: 'step', label: 'step edge' },
+  {
+    id: 'e3-4',
+    source: '3',
+    target: '4',
+    type: 'straight',
+    label: 'straight edge',
+  },
+  {
+    id: 'e3-3a',
+    source: '3',
+    target: '3a',
+    type: 'straight',
+    label: 'label only edge',
+    style: 'stroke: none',
+  },
+  {
+    id: 'e3-5',
+    source: '4',
+    target: '5',
+    animated: true,
+    label: 'animated styled edge',
+    style: 'stroke: red',
+  },
+  {
+    id: 'e5-7',
+    source: '5',
+    target: '7',
+    label: 'label with styled bg',
+    //labelBgPadding: [8, 4],
+    // labelBgBorderRadius: 4,
+    // labelBgStyle: { fill: '#FFCC00', color: '#fff', fillOpacity: 0.7 },
+    markerEnd: {
+      type: MarkerType.ArrowClosed,
+    },
+  },
+  {
+    id: 'e5-8',
+    source: '5',
+    target: '8',
+    data: { text: 'custom edge' },
+  },
+  {
+    id: 'e5-9',
+    source: '5',
+    target: '9',
+    data: { text: 'custom edge 2' },
+  },
+  {
+    id: 'e5-6',
+    source: '5',
+    target: '6',
+    label: 'hi',
+    // labelStyle: 'fill: red; font-weight: 700',
+    style: 'stroke: #ffcc0',
+    markerEnd: {
+      type: MarkerType.Arrow,
+      color: '#FFCC00',
+      markerUnits: 'userSpaceOnUse',
+      width: 20,
+      height: 20,
+      strokeWidth: 2,
+    },
+    markerStart: {
+      type: MarkerType.ArrowClosed,
+      color: '#FFCC00',
+      orient: 'auto-start-reverse',
+      markerUnits: 'userSpaceOnUse',
+      width: 20,
+      height: 20,
+    },
+  },
+]);
+</script>
+
+<SvelteFlowProvider
+  {nodes}
+  {edges}
+>
+  <SvelteFlow
+    fitView
+  >
+    <Controls />
+    <Background variant={BackgroundVariant.Dots} />
+    <Minimap />
+  </SvelteFlow>
+</SvelteFlowProvider>
+
+<style>
+
+</style>

From 24400d259bb312e097f4e9345b2aecbad5829e2a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 May 2023 13:59:09 +0200
Subject: [PATCH 0061/1093] feat(svelte): add step edge

---
 .../src/lib/components/edges/StepEdge.svelte  | 20 +++++++++++++++++++
 .../svelte/src/lib/store/initial-store.ts     |  4 +++-
 packages/svelte/src/lib/types/edges.ts        | 10 +++++++++-
 3 files changed, 32 insertions(+), 2 deletions(-)
 create mode 100644 packages/svelte/src/lib/components/edges/StepEdge.svelte

diff --git a/packages/svelte/src/lib/components/edges/StepEdge.svelte b/packages/svelte/src/lib/components/edges/StepEdge.svelte
new file mode 100644
index 000000000..b765adcc7
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/StepEdge.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { getSmoothStepPath } from '@reactflow/edge-utils';
+
+  import type { EdgeProps } from '$lib/types';
+  import { BaseEdge } from '$lib/components/BaseEdge';
+
+  type $$Props = EdgeProps;
+
+  $: [path, labelX, labelY] = getSmoothStepPath({
+    sourceX: $$props.sourceX,
+    sourceY: $$props.sourceY,
+    targetX: $$props.targetX,
+    targetY: $$props.targetY,
+    sourcePosition: $$props.sourcePosition,
+    targetPosition: $$props.targetPosition,
+    borderRadius: 0
+  });
+</script>
+
+<BaseEdge {path} {labelX} {labelY} {...$$props} />
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 4d3cfdbfa..31e37833b 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -16,6 +16,7 @@ import OutputNode from '$lib/components/nodes/OutputNode.svelte';
 import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
+import StepEdge from '$lib/components/edges/StepEdge.svelte';
 import type {
   ConnectionData,
   NodeTypes,
@@ -43,7 +44,8 @@ export const initialNodeTypes = {
 export const initialEdgeTypes = {
   straight: StraightEdge,
   smoothstep: SmoothStepEdge,
-  default: BezierEdge
+  default: BezierEdge,
+  step: StepEdge
 };
 
 export const initialStoreState = {
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index a6b961e49..a60f5f769 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -28,7 +28,15 @@ type BezierEdgeType<T> = DefaultEdge<T> & {
   pathOptions?: BezierPathOptions;
 };
 
-export type Edge<T = any> = DefaultEdge<T> | SmoothStepEdgeType<T> | BezierEdgeType<T>;
+type StepEdgeType<T> = DefaultEdge<T> & {
+  type: 'step';
+};
+
+export type Edge<T = any> =
+  | DefaultEdge<T>
+  | SmoothStepEdgeType<T>
+  | BezierEdgeType<T>
+  | StepEdgeType<T>;
 
 export type EdgeLayouted = Omit<Edge, 'sourceHandle' | 'targetHandle'> & {
   sourceX: number;

From 425f6250205cc2f76ad5b557307d0868903763e5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 May 2023 16:15:42 +0200
Subject: [PATCH 0062/1093] feat(svelte): edge marker support

---
 .../EdgeRenderer/MarkerDefinitions.tsx        | 25 ++--------
 .../lib/components/BaseEdge/BaseEdge.svelte   | 14 +++++-
 .../src/lib/components/BaseEdge/types.ts      |  5 +-
 .../components/EdgeWrapper/EdgeWrapper.svelte | 23 ++++++++--
 .../lib/components/edges/BezierEdge.svelte    | 13 +++++-
 .../components/edges/SmoothStepEdge.svelte    | 12 ++++-
 .../src/lib/components/edges/StepEdge.svelte  | 12 ++++-
 .../lib/components/edges/StraightEdge.svelte  | 13 +++++-
 .../EdgeRenderer/EdgeRenderer.svelte          |  4 ++
 .../MarkerDefinition/Marker.svelte            | 46 +++++++++++++++++++
 .../MarkerDefinition/MarkerDefinition.svelte  | 21 +++++++++
 .../EdgeRenderer/MarkerDefinition/index.ts    |  2 +
 .../container/SvelteFlow/SvelteFlow.svelte    | 12 +++--
 .../src/lib/container/SvelteFlow/types.ts     |  1 +
 .../lib/plugins/Background/Background.svelte  |  4 +-
 packages/svelte/src/lib/store/index.ts        |  9 +++-
 .../svelte/src/lib/store/initial-store.ts     |  9 ++--
 packages/svelte/src/lib/types/edges.ts        |  8 ++++
 packages/system/src/types/edges.ts            |  4 ++
 packages/utils/src/graph.ts                   | 18 --------
 packages/utils/src/index.ts                   |  1 +
 packages/utils/src/marker.ts                  | 40 ++++++++++++++++
 22 files changed, 236 insertions(+), 60 deletions(-)
 create mode 100644 packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/Marker.svelte
 create mode 100644 packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/MarkerDefinition.svelte
 create mode 100644 packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/index.ts
 create mode 100644 packages/utils/src/marker.ts

diff --git a/packages/core/src/container/EdgeRenderer/MarkerDefinitions.tsx b/packages/core/src/container/EdgeRenderer/MarkerDefinitions.tsx
index 1ea6296c5..2bfdd15d0 100644
--- a/packages/core/src/container/EdgeRenderer/MarkerDefinitions.tsx
+++ b/packages/core/src/container/EdgeRenderer/MarkerDefinitions.tsx
@@ -1,15 +1,11 @@
 import { memo, useCallback } from 'react';
-import type { EdgeMarker } from '@reactflow/system';
-import { getMarkerId } from '@reactflow/utils';
+import type { MarkerProps } from '@reactflow/system';
+import { createMarkerIds } from '@reactflow/utils';
 
 import { useStore } from '../../hooks/useStore';
 import { useMarkerSymbol } from './MarkerSymbols';
 import type { ReactFlowState } from '../../types';
 
-type MarkerProps = EdgeMarker & {
-  id: string;
-};
-
 type MarkerDefinitionsProps = {
   defaultColor: string;
   rfId?: string;
@@ -51,22 +47,9 @@ const Marker = ({
 const markerSelector =
   ({ defaultColor, rfId }: { defaultColor: string; rfId?: string }) =>
   (s: ReactFlowState) => {
-    const ids: string[] = [];
+    const markers = createMarkerIds(s.edges, { id: rfId, defaultColor });
 
-    return s.edges
-      .reduce<MarkerProps[]>((markers, edge) => {
-        [edge.markerStart, edge.markerEnd].forEach((marker) => {
-          if (marker && typeof marker === 'object') {
-            const markerId = getMarkerId(marker, rfId);
-            if (!ids.includes(markerId)) {
-              markers.push({ id: markerId, color: marker.color || defaultColor, ...marker });
-              ids.push(markerId);
-            }
-          }
-        });
-        return markers;
-      }, [])
-      .sort((a, b) => a.id.localeCompare(b.id));
+    return markers;
   };
 
 // when you have multiple flows on a page and you hide the first one, the other ones have no markers anymore
diff --git a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
index 2bf450d1d..c684cfc56 100644
--- a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
@@ -4,14 +4,26 @@
 
   type $$Props = BaseEdgeProps;
 
+  export let id: $$Props['id'] = undefined;
   export let path: $$Props['path'] = '';
   export let label: $$Props['label'] = undefined;
   export let labelX: $$Props['labelX'] = undefined;
   export let labelY: $$Props['labelY'] = undefined;
+  export let markerStart: $$Props['markerStart'] = undefined;
+  export let markerEnd: $$Props['markerEnd'] = undefined;
+  export let style: $$Props['style'] = undefined;
   export let interactionWidth: $$Props['interactionWidth'] = 20;
 </script>
 
-<path d={path} fill="none" class="svelte-flow__edge-path" />
+<path
+  d={path}
+  id={id}
+  fill="none"
+  class="svelte-flow__edge-path"
+  marker-start={markerStart}
+  marker-end={markerEnd}
+  style={style}
+/>
 
 {#if interactionWidth}
   <path
diff --git a/packages/svelte/src/lib/components/BaseEdge/types.ts b/packages/svelte/src/lib/components/BaseEdge/types.ts
index 199d1edda..0941ccade 100644
--- a/packages/svelte/src/lib/components/BaseEdge/types.ts
+++ b/packages/svelte/src/lib/components/BaseEdge/types.ts
@@ -1,7 +1,10 @@
 import type { EdgeProps } from '$lib/types';
 
-export type BaseEdgeProps = Pick<EdgeProps, 'interactionWidth' | 'label'> & {
+export type BaseEdgeProps = Pick<EdgeProps, 'interactionWidth' | 'label' | 'style'> & {
+  id?: string;
   path: string;
   labelX?: number;
   labelY?: number;
+  markerStart?: string;
+  markerEnd?: string;
 };
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index dae654ca9..ba8a0d1b9 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { createEventDispatcher, type SvelteComponentTyped } from 'svelte';
   import { Position } from '@reactflow/system';
+  import { getMarkerId } from '@reactflow/utils';
 
   import { useStore } from '$lib/store';
   import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
@@ -16,20 +17,28 @@
   export let sourceY: $$Props['sourceY'] = 0;
   export let targetX: $$Props['targetX'] = 0;
   export let targetY: $$Props['targetY'] = 0;
-  // @ todo: support edge updates
-  // export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
-  // export let targetHandleId: $$Props['targetHandleId'] = undefined;
+  export let data: $$Props['data'] = {};
+  export let style: $$Props['style'] = undefined;
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
   export let animated: $$Props['animated'] = false;
   export let selected: $$Props['selected'] = false;
   export let label: $$Props['label'] = undefined;
+  export let markerStart: $$Props['markerStart'] = undefined;
+  export let markerEnd: $$Props['markerEnd'] = undefined;
+  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
+  export let targetHandleId: $$Props['targetHandleId'] = undefined;
 
-  const { edges, edgeTypes } = useStore();
+   // @ todo: support edge updates
+
+  const { edges, edgeTypes, flowId } = useStore();
   const dispatch = createEventDispatcher();
 
   const edgeComponent: typeof SvelteComponentTyped<EdgeProps> = $edgeTypes[type!] || BezierEdge;
 
+  $: markerStartUrl = markerStart ? `url(#${getMarkerId(markerStart, $flowId)})` : undefined;
+  $: markerEndUrl = markerEnd ? `url(#${getMarkerId(markerEnd, $flowId)})` : undefined;
+
   function onClick() {
     const edge = $edges.find(e => e.id === id);
     dispatch('edge:click', edge);
@@ -57,6 +66,12 @@
     {animated}
     {selected}
     {label}
+    {data}
+    {style}
+    {sourceHandleId}
+    {targetHandleId}
+    markerStart={markerStartUrl}
+    markerEnd={markerEndUrl}
   />
 </g>
 
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
index 622c3240b..780168b10 100644
--- a/packages/svelte/src/lib/components/edges/BezierEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
@@ -16,4 +16,15 @@
   });
 </script>
 
-<BaseEdge {path} {labelX} {labelY} {...$$props} />
+<BaseEdge
+  {path}
+  {labelX}
+  {labelY}
+  id={$$props.id}
+  label={$$props.label}
+  markerStart={$$props.markerStart}
+  markerEnd={$$props.markerEnd}
+  interactionWidth={$$props.interactionWidth}
+  style={$$props.style}
+/>
+
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
index b43dd7895..f5093c54a 100644
--- a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
@@ -16,4 +16,14 @@
   });
 </script>
 
-<BaseEdge {path} {labelX} {labelY} {...$$props} />
+<BaseEdge
+  {path}
+  {labelX}
+  {labelY}
+  id={$$props.id}
+  label={$$props.label}
+  markerStart={$$props.markerStart}
+  markerEnd={$$props.markerEnd}
+  interactionWidth={$$props.interactionWidth}
+  style={$$props.style}
+/>
diff --git a/packages/svelte/src/lib/components/edges/StepEdge.svelte b/packages/svelte/src/lib/components/edges/StepEdge.svelte
index b765adcc7..c51d6bcbd 100644
--- a/packages/svelte/src/lib/components/edges/StepEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/StepEdge.svelte
@@ -17,4 +17,14 @@
   });
 </script>
 
-<BaseEdge {path} {labelX} {labelY} {...$$props} />
+<BaseEdge
+  {path}
+  {labelX}
+  {labelY}
+  id={$$props.id}
+  label={$$props.label}
+  markerStart={$$props.markerStart}
+  markerEnd={$$props.markerEnd}
+  interactionWidth={$$props.interactionWidth}
+  style={$$props.style}
+/>
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
index a0123b678..8b095be93 100644
--- a/packages/svelte/src/lib/components/edges/StraightEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
@@ -14,4 +14,15 @@
   });
 </script>
 
-<BaseEdge {path} {labelX} {labelY} {...$$props} />
+<BaseEdge
+  {path}
+  {labelX}
+  {labelY}
+  id={$$props.id}
+  label={$$props.label}
+  markerStart={$$props.markerStart}
+  markerEnd={$$props.markerEnd}
+  interactionWidth={$$props.interactionWidth}
+  style={$$props.style}
+/>
+
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index a60efbb8b..6c495dd9c 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { EdgeWrapper } from '$lib/components/EdgeWrapper';
+  import { MarkerDefinition } from '$lib/container/EdgeRenderer/MarkerDefinition';
   import { useStore } from '$lib/store';
 
   const { edgesLayouted, width, height } = useStore();
@@ -9,8 +10,11 @@
   {#each $edgesLayouted as edge (edge.id)}
     <EdgeWrapper {...edge} on:edge:click />
   {/each}
+
+  <MarkerDefinition />
 </svg>
 
+
 <style>
   .svelte-flow__edges {
     width: 100%;
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/Marker.svelte b/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/Marker.svelte
new file mode 100644
index 000000000..82c9a787c
--- /dev/null
+++ b/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/Marker.svelte
@@ -0,0 +1,46 @@
+<script lang="ts">
+  import { type MarkerProps, MarkerType } from '@reactflow/system';
+
+  type $$Props = MarkerProps;
+
+  export let id: $$Props['id'];
+  export let type: $$Props['type'];
+  export let width: $$Props['width'] = 12.5;
+  export let height: $$Props['height'] = 12.5;
+  export let markerUnits: $$Props['markerUnits'] = 'strokeWidth';
+  export let orient: $$Props['orient']= 'auto-start-reverse';
+  export let color: $$Props['color'] = undefined;
+  export let strokeWidth: $$Props['strokeWidth'] = undefined;
+</script>
+
+<marker
+  class="svelte-flow__arrowhead"
+  id={id}
+  markerWidth={`${width}`}
+  markerHeight={`${height}`}
+  viewBox="-10 -10 20 20"
+  markerUnits={markerUnits}
+  orient={orient}
+  refX="0"
+  refY="0"
+>
+  {#if type === MarkerType.Arrow}
+    <polyline
+      stroke={color}
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width={strokeWidth}
+      fill="none"
+      points="-5,-4 0,0 -5,4"
+    />
+  {:else if type === MarkerType.ArrowClosed}
+    <polyline
+      stroke={color}
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width={strokeWidth}
+      fill={color}
+      points="-5,-4 0,0 -5,4 -5,-4"
+    />
+  {/if}
+</marker>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/MarkerDefinition.svelte b/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/MarkerDefinition.svelte
new file mode 100644
index 000000000..602d6b57c
--- /dev/null
+++ b/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/MarkerDefinition.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { useStore } from '$lib/store';
+  import { Marker } from '$lib/container/EdgeRenderer/MarkerDefinition';
+
+  const { markers } = useStore();
+</script>
+
+<defs>
+  {#each $markers as marker(marker.id)}
+    <Marker
+      id={marker.id}
+      type={marker.type}
+      color={marker.color}
+      width={marker.width}
+      height={marker.height}
+      markerUnits={marker.markerUnits}
+      strokeWidth={marker.strokeWidth}
+      orient={marker.orient}
+    />
+  {/each}
+</defs>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/index.ts b/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/index.ts
new file mode 100644
index 000000000..9e2cc390c
--- /dev/null
+++ b/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/index.ts
@@ -0,0 +1,2 @@
+export { default as MarkerDefinition } from './MarkerDefinition.svelte';
+export { default as Marker } from './Marker.svelte';
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index e1cc77a91..35eb0247e 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -17,7 +17,7 @@
 
   type $$Props = SvelteFlowProps;
 
-  export let id: $$Props['id'] = '1';
+  export let id = '1';
   export let fitView: $$Props['fitView'] = undefined;
   export let minZoom: $$Props['minZoom'] = undefined;
   export let maxZoom: $$Props['maxZoom'] = undefined;
@@ -31,13 +31,14 @@
   export let connectionRadius: $$Props['connectionRadius'] = undefined;
   export let connectionLineType: $$Props['connectionLineType'] = undefined;
   export let isValidConnection: $$Props['isValidConnection'] = undefined;
+  export let defaultMarkerColor = '#b1b1b7';
 
   export let style: $$Props['style'] = undefined;
   let className: $$Props['class'] = undefined;
   export { className as class };
-
   let domNode: HTMLDivElement;
-
+  
+  $: flowId = id;
   const store = useStore();
 
   onMount(() => {
@@ -53,12 +54,13 @@
 
   $: {
     const updatableProps = {
-      id,
+      flowId,
       connectionLineType,
       connectionRadius,
       selectionMode,
       snapGrid,
-      isValidConnection
+      isValidConnection,
+      defaultMarkerColor
     };
 
     Object.keys(updatableProps).forEach(prop => {
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 6526bd5d1..539de845b 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -32,6 +32,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   connectionRadius?: number;
   selectionMode?: SelectionMode;
   snapGrid?: SnapGrid;
+  defaultMarkerColor?: string;
 
   class?: string;
   style?: string;
diff --git a/packages/svelte/src/lib/plugins/Background/Background.svelte b/packages/svelte/src/lib/plugins/Background/Background.svelte
index 908d3f6de..4ef0c66b4 100644
--- a/packages/svelte/src/lib/plugins/Background/Background.svelte
+++ b/packages/svelte/src/lib/plugins/Background/Background.svelte
@@ -31,14 +31,14 @@
   let className: $$Props['class'] = '';
   export { className as class };
 
-  const { transform, id } = useStore();
+  const { transform, flowId } = useStore();
   const patternColor = color || defaultColor[variant!];
   const patternSize = size || defaultSize[variant!];
   const isDots = variant === BackgroundVariant.Dots;
   const isCross = variant === BackgroundVariant.Cross;
   const gapXY: number[] = Array.isArray(gap!) ? gap! : [gap!, gap!];
 
-  $: patternId = `background-pattern-${$id}`;
+  $: patternId = `background-pattern-${$flowId}`;
   $: scaledGap = [gapXY[0] * $transform[2] || 1, gapXY[1] * $transform[2] || 1];
   $: scaledSize = patternSize * $transform[2];
   $: patternDimensions = (isCross ? [scaledSize, scaledSize] : scaledGap) as [number, number];
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 273b6ffcd..3693a5180 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -1,5 +1,5 @@
 import { getContext } from 'svelte';
-import { get } from 'svelte/store';
+import { derived, get } from 'svelte/store';
 import { zoomIdentity } from 'd3-zoom';
 import {
   type NodeDragItem,
@@ -11,6 +11,7 @@ import {
   type CoordinateExtent
 } from '@reactflow/system';
 import {
+  createMarkerIds,
   fitView as fitViewUtil,
   getD3Transition,
   getDimensions,
@@ -314,6 +315,12 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
     // derived state
     edgesLayouted: getEdgesLayouted(store),
     connectionPath: getConnectionPath(store),
+    markers: derived(
+      [store.edges, store.defaultMarkerColor, store.flowId],
+      ([edges, defaultColor, id]) => {
+        return createMarkerIds(edges, { defaultColor, id });
+      }
+    ),
 
     // actions
     setNodeTypes,
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 31e37833b..a11d2a29c 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -7,7 +7,8 @@ import {
   ConnectionLineType,
   type SelectionRect,
   type Transform,
-  type SnapGrid
+  type SnapGrid,
+  type MarkerProps
 } from '@reactflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -49,7 +50,7 @@ export const initialEdgeTypes = {
 };
 
 export const initialStoreState = {
-  id: writable<string | null>(null),
+  flowId: writable<string | null>(null),
   nodes: writable<Node[]>([]),
   edges: writable<Edge[]>([]),
   edgesLayouted: readable<EdgeLayouted[]>([]),
@@ -80,5 +81,7 @@ export const initialStoreState = {
   connection: writable<ConnectionData>(initConnectionData),
   connectionRadius: writable<number>(25),
   connectionLineType: writable<ConnectionLineType>(ConnectionLineType.Bezier),
-  isValidConnection: writable<IsValidConnection>(() => true)
+  isValidConnection: writable<IsValidConnection>(() => true),
+  markers: readable<MarkerProps[]>([]),
+  defaultMarkerColor: writable<string>('#b1b1b7')
 };
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index a60f5f769..24f8af72c 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -47,11 +47,15 @@ export type EdgeLayouted = Omit<Edge, 'sourceHandle' | 'targetHandle'> & {
   targetPosition: Position;
   sourceHandleId?: string;
   targetHandleId?: string;
+  markerStart?: string;
+  markerEnd?: string;
 };
 
 export type EdgeProps = Pick<
   EdgeLayouted,
   | 'id'
+  | 'data'
+  | 'style'
   | 'source'
   | 'target'
   | 'sourceX'
@@ -64,6 +68,10 @@ export type EdgeProps = Pick<
   | 'selected'
   | 'label'
   | 'interactionWidth'
+  | 'markerStart'
+  | 'markerEnd'
+  | 'sourceHandleId'
+  | 'targetHandleId'
 >;
 
 export type EdgeTypes = Record<string, typeof SvelteComponentTyped<EdgeProps>>;
diff --git a/packages/system/src/types/edges.ts b/packages/system/src/types/edges.ts
index 6698ca528..3b9e4e294 100644
--- a/packages/system/src/types/edges.ts
+++ b/packages/system/src/types/edges.ts
@@ -57,3 +57,7 @@ export enum MarkerType {
   Arrow = 'arrow',
   ArrowClosed = 'arrowclosed',
 }
+
+export type MarkerProps = EdgeMarker & {
+  id: string;
+};
diff --git a/packages/utils/src/graph.ts b/packages/utils/src/graph.ts
index c8f608e6f..9f2bc2c74 100644
--- a/packages/utils/src/graph.ts
+++ b/packages/utils/src/graph.ts
@@ -5,7 +5,6 @@ import { boxToRect, clamp, devWarn, getBoundsOfBoxes, getOverlappingArea, rectTo
 import {
   errorMessages,
   type Connection,
-  type EdgeMarkerType,
   type Transform,
   type XYPosition,
   type Rect,
@@ -54,23 +53,6 @@ export const getIncomersBase = <NodeType extends BaseNode = BaseNode, EdgeType e
 const getEdgeId = ({ source, sourceHandle, target, targetHandle }: Connection | BaseEdge): string =>
   `reactflow__edge-${source}${sourceHandle || ''}-${target}${targetHandle || ''}`;
 
-export const getMarkerId = (marker: EdgeMarkerType | undefined, rfId?: string): string => {
-  if (typeof marker === 'undefined') {
-    return '';
-  }
-
-  if (typeof marker === 'string') {
-    return marker;
-  }
-
-  const idPrefix = rfId ? `${rfId}__` : '';
-
-  return `${idPrefix}${Object.keys(marker)
-    .sort()
-    .map((key: string) => `${key}=${(marker as any)[key]}`)
-    .join('&')}`;
-};
-
 const connectionExists = (edge: BaseEdge, edges: BaseEdge[]) => {
   return edges.some(
     (el) =>
diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
index 60a93bf61..d4a84150c 100644
--- a/packages/utils/src/index.ts
+++ b/packages/utils/src/index.ts
@@ -1,2 +1,3 @@
 export * from './graph';
 export * from './utils';
+export * from './marker';
diff --git a/packages/utils/src/marker.ts b/packages/utils/src/marker.ts
new file mode 100644
index 000000000..cc13bf48f
--- /dev/null
+++ b/packages/utils/src/marker.ts
@@ -0,0 +1,40 @@
+import type { BaseEdge, EdgeMarker, EdgeMarkerType, MarkerProps } from '@reactflow/system';
+
+export function getMarkerId(marker: EdgeMarkerType | undefined, id?: string | null): string {
+  if (!marker) {
+    return '';
+  }
+
+  if (typeof marker === 'string') {
+    return marker;
+  }
+
+  const idPrefix = id ? `${id}__` : '';
+
+  return `${idPrefix}${Object.keys(marker)
+    .sort()
+    .map((key) => `${key}=${marker[key as keyof EdgeMarker]}`)
+    .join('&')}`;
+}
+
+export function createMarkerIds(
+  edges: BaseEdge[],
+  { id, defaultColor }: { id?: string | null; defaultColor?: string }
+) {
+  const ids: string[] = [];
+
+  return edges
+    .reduce<MarkerProps[]>((markers, edge) => {
+      [edge.markerStart, edge.markerEnd].forEach((marker) => {
+        if (marker && typeof marker === 'object') {
+          const markerId = getMarkerId(marker, id);
+          if (!ids.includes(markerId)) {
+            markers.push({ id: markerId, color: marker.color || defaultColor, ...marker });
+            ids.push(markerId);
+          }
+        }
+      });
+      return markers;
+    }, [])
+    .sort((a, b) => a.id.localeCompare(b.id));
+}

From ba042fbcbb0e11dd08552427840856d75c8d13d9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 May 2023 16:17:25 +0200
Subject: [PATCH 0063/1093] chore(svelte): adjust nodetypes type

---
 packages/svelte/src/lib/types/nodes.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index 9eb55ac68..6c415b0cc 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -14,6 +14,6 @@ export type Node<
   style?: string;
 };
 
-export type NodeTypes = Record<string, typeof SvelteComponentTyped<Partial<NodeProps>>>;
+export type NodeTypes = Record<string, typeof SvelteComponentTyped<NodeProps>>;
 
 export type DefaultNodeOptions = Partial<Omit<Node, 'id'>>;

From 5c7c586c79c0a3062b60849fe51f37c2618b964e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 May 2023 16:19:50 +0200
Subject: [PATCH 0064/1093] chore(svelte): install d3 type packages

---
 packages/svelte/package.json | 3 +++
 pnpm-lock.yaml               | 6 ++++++
 2 files changed, 9 insertions(+)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 9ab1fbbf0..aa9f3d45b 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -21,6 +21,9 @@
     "@reactflow/system": "workspace:*",
     "@reactflow/utils": "workspace:*",
     "@svelte-put/shortcut": "^2.0.0",
+    "@types/d3-drag": "^3.0.1",
+    "@types/d3-selection": "^3.0.3",
+    "@types/d3-zoom": "^3.0.1",
     "classcat": "^5.0.4",
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 43d46e7c8..77e59a1f4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -346,6 +346,9 @@ importers:
       '@sveltejs/adapter-auto': ^2.0.0
       '@sveltejs/kit': ^1.11.0
       '@sveltejs/package': ^2.0.2
+      '@types/d3-drag': ^3.0.1
+      '@types/d3-selection': ^3.0.3
+      '@types/d3-zoom': ^3.0.1
       '@typescript-eslint/eslint-plugin': ^5.45.0
       '@typescript-eslint/parser': ^5.45.0
       classcat: ^5.0.4
@@ -369,6 +372,9 @@ importers:
       '@reactflow/system': link:../system
       '@reactflow/utils': link:../utils
       '@svelte-put/shortcut': registry.npmjs.org/@svelte-put/shortcut/2.0.0
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.1
       classcat: registry.npmjs.org/classcat/5.0.4
       d3-drag: registry.npmjs.org/d3-drag/3.0.0
       d3-selection: registry.npmjs.org/d3-selection/3.0.0

From 56bcf2f6522d1965fa910aeeb5462b4b039773ff Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 16 May 2023 12:33:09 +0200
Subject: [PATCH 0065/1093] feat(svelte): add labelStyle prop for edges

---
 packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte | 5 ++++-
 packages/svelte/src/lib/components/BaseEdge/types.ts        | 5 ++++-
 .../src/lib/components/EdgeWrapper/EdgeWrapper.svelte       | 2 ++
 packages/svelte/src/lib/components/edges/BezierEdge.svelte  | 1 +
 .../svelte/src/lib/components/edges/SmoothStepEdge.svelte   | 1 +
 packages/svelte/src/lib/components/edges/StepEdge.svelte    | 1 +
 .../svelte/src/lib/components/edges/StraightEdge.svelte     | 1 +
 packages/svelte/src/lib/types/edges.ts                      | 2 ++
 packages/svelte/src/routes/edges/+page.svelte               | 6 ++----
 9 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
index c684cfc56..0ea8a77dc 100644
--- a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import EdgeLabelRenderer from '$lib/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte';
+  import { EdgeLabelRenderer } from '$lib/components/EdgeLabelRenderer';
   import type { BaseEdgeProps } from './types';
 
   type $$Props = BaseEdgeProps;
@@ -9,10 +9,12 @@
   export let label: $$Props['label'] = undefined;
   export let labelX: $$Props['labelX'] = undefined;
   export let labelY: $$Props['labelY'] = undefined;
+  export let labelStyle: $$Props['labelStyle'] = undefined;
   export let markerStart: $$Props['markerStart'] = undefined;
   export let markerEnd: $$Props['markerEnd'] = undefined;
   export let style: $$Props['style'] = undefined;
   export let interactionWidth: $$Props['interactionWidth'] = 20;
+
 </script>
 
 <path
@@ -40,6 +42,7 @@
     <div
       class="svelte-flow__edge-label"
       style:transform={`translate(-50%, -50%) translate(${labelX}px,${labelY}px)`}
+      style={labelStyle}
     >
       {label}
     </div>
diff --git a/packages/svelte/src/lib/components/BaseEdge/types.ts b/packages/svelte/src/lib/components/BaseEdge/types.ts
index 0941ccade..32ed066ba 100644
--- a/packages/svelte/src/lib/components/BaseEdge/types.ts
+++ b/packages/svelte/src/lib/components/BaseEdge/types.ts
@@ -1,6 +1,9 @@
 import type { EdgeProps } from '$lib/types';
 
-export type BaseEdgeProps = Pick<EdgeProps, 'interactionWidth' | 'label' | 'style'> & {
+export type BaseEdgeProps = Pick<
+  EdgeProps,
+  'interactionWidth' | 'label' | 'labelStyle' | 'style'
+> & {
   id?: string;
   path: string;
   labelX?: number;
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index ba8a0d1b9..2753c4aef 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -24,6 +24,7 @@
   export let animated: $$Props['animated'] = false;
   export let selected: $$Props['selected'] = false;
   export let label: $$Props['label'] = undefined;
+  export let labelStyle: $$Props['labelStyle'] = undefined;
   export let markerStart: $$Props['markerStart'] = undefined;
   export let markerEnd: $$Props['markerEnd'] = undefined;
   export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
@@ -66,6 +67,7 @@
     {animated}
     {selected}
     {label}
+    {labelStyle}
     {data}
     {style}
     {sourceHandleId}
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
index 780168b10..8bbd14648 100644
--- a/packages/svelte/src/lib/components/edges/BezierEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
@@ -22,6 +22,7 @@
   {labelY}
   id={$$props.id}
   label={$$props.label}
+  labelStyle={$$props.labelStyle}
   markerStart={$$props.markerStart}
   markerEnd={$$props.markerEnd}
   interactionWidth={$$props.interactionWidth}
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
index f5093c54a..333c8a3cd 100644
--- a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
@@ -22,6 +22,7 @@
   {labelY}
   id={$$props.id}
   label={$$props.label}
+  labelStyle={$$props.labelStyle}
   markerStart={$$props.markerStart}
   markerEnd={$$props.markerEnd}
   interactionWidth={$$props.interactionWidth}
diff --git a/packages/svelte/src/lib/components/edges/StepEdge.svelte b/packages/svelte/src/lib/components/edges/StepEdge.svelte
index c51d6bcbd..3056d7d6f 100644
--- a/packages/svelte/src/lib/components/edges/StepEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/StepEdge.svelte
@@ -23,6 +23,7 @@
   {labelY}
   id={$$props.id}
   label={$$props.label}
+  labelStyle={$$props.labelStyle}
   markerStart={$$props.markerStart}
   markerEnd={$$props.markerEnd}
   interactionWidth={$$props.interactionWidth}
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
index 8b095be93..bf8494189 100644
--- a/packages/svelte/src/lib/components/edges/StraightEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
@@ -20,6 +20,7 @@
   {labelY}
   id={$$props.id}
   label={$$props.label}
+  labelStyle={$$props.labelStyle}
   markerStart={$$props.markerStart}
   markerEnd={$$props.markerEnd}
   interactionWidth={$$props.interactionWidth}
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 24f8af72c..6a5ced4f5 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -12,6 +12,7 @@ import type { Node } from '$lib/types';
 
 export type DefaultEdge<EdgeData = any> = BaseEdge<EdgeData> & {
   label?: string;
+  labelStyle?: string;
   style?: string;
   class?: string;
   sourceNode?: Node;
@@ -67,6 +68,7 @@ export type EdgeProps = Pick<
   | 'animated'
   | 'selected'
   | 'label'
+  | 'labelStyle'
   | 'interactionWidth'
   | 'markerStart'
   | 'markerEnd'
diff --git a/packages/svelte/src/routes/edges/+page.svelte b/packages/svelte/src/routes/edges/+page.svelte
index e6eddc2b7..abd48eeca 100644
--- a/packages/svelte/src/routes/edges/+page.svelte
+++ b/packages/svelte/src/routes/edges/+page.svelte
@@ -101,9 +101,7 @@
     source: '5',
     target: '7',
     label: 'label with styled bg',
-    //labelBgPadding: [8, 4],
-    // labelBgBorderRadius: 4,
-    // labelBgStyle: { fill: '#FFCC00', color: '#fff', fillOpacity: 0.7 },
+    labelStyle: 'background: #FFCC00; color: #fff; opacity: 0.7',
     markerEnd: {
       type: MarkerType.ArrowClosed,
     },
@@ -125,7 +123,7 @@
     source: '5',
     target: '6',
     label: 'hi',
-    // labelStyle: 'fill: red; font-weight: 700',
+    labelStyle: 'background: red; font-weight: 700; padding: 5px;',
     style: 'stroke: #ffcc0',
     markerEnd: {
       type: MarkerType.Arrow,

From bb847b7a77fec6c635f9dc31c26d299cc0b772fe Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 17 May 2023 11:55:35 +0200
Subject: [PATCH 0066/1093] refactor(svelte): disable zoom buttons when min/max
 is reached

---
 .../src/lib/plugins/Controls/ControlButton.svelte    | 12 ++++++++++++
 .../svelte/src/lib/plugins/Controls/Controls.svelte  |  6 +++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
index b761a1f8f..d8260902c 100644
--- a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
@@ -31,9 +31,21 @@
     padding: 5px;
   }
 
+  .svelte-flow__controls-button:hover {
+    background: #f4f4f4;
+  }
+
   .svelte-flow__controls-button :global(svg) {
     width: 100%;
     max-width: 12px;
     max-height: 12px;
   }
+
+  .svelte-flow__controls-button:disabled {
+    pointer-events: none;
+  }
+
+  .svelte-flow__controls-button:disabled :global(svg) {
+    fill-opacity: 0.4;
+  }
 </style>
diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index 264649751..3501b156d 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -17,9 +17,11 @@
   export let showFitView: $$Props['showFitView'] = true;
   export let showInteractive: $$Props['showInteractive'] = true;
 
-  const { zoomIn, zoomOut, fitView } = useStore();
+  const { zoomIn, zoomOut, fitView, transform, minZoom, maxZoom } = useStore();
 
   const isInteractive = true;
+  $: minZoomReached = $transform[2] <= $minZoom;
+  $: maxZoomReached = $transform[2] >= $maxZoom;
 
   const onZoomInHandler = () => {
     zoomIn();
@@ -50,6 +52,7 @@
       class="svelte-flow__controls-zoomin"
       title="zoom in"
       aria-label="zoom in"
+      disabled={maxZoomReached}
     >
       <PlusIcon />
     </ControlButton>
@@ -59,6 +62,7 @@
       class="svelte-flow__controls-zoomout"
       title="zoom out"
       aria-label="zoom out"
+      disabled={minZoomReached}
     >
       <MinusIcon />
     </svelte:component>

From dd8292ce57010e23cd3175abfcee3749f423615b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 17 May 2023 13:04:28 +0200
Subject: [PATCH 0067/1093] feat(svelte): make edges selectable

---
 packages/svelte/src/lib/actions/drag/utils.ts  |  2 +-
 .../lib/components/BaseEdge/BaseEdge.svelte    |  1 -
 .../components/EdgeWrapper/EdgeWrapper.svelte  | 18 ++++++++++++++----
 .../components/NodeWrapper/NodeWrapper.svelte  |  6 +++---
 .../src/lib/components/NodeWrapper/types.ts    |  1 +
 .../container/NodeRenderer/NodeRenderer.svelte |  1 +
 .../svelte/src/lib/store/edges-layouted.ts     |  1 +
 packages/svelte/src/lib/store/index.ts         | 16 ++++++++++++++++
 packages/svelte/src/lib/store/types.ts         |  1 +
 .../svelte/src/routes/overview/+page.svelte    |  6 ++++--
 10 files changed, 42 insertions(+), 11 deletions(-)

diff --git a/packages/svelte/src/lib/actions/drag/utils.ts b/packages/svelte/src/lib/actions/drag/utils.ts
index c470fb715..476da9d6e 100644
--- a/packages/svelte/src/lib/actions/drag/utils.ts
+++ b/packages/svelte/src/lib/actions/drag/utils.ts
@@ -108,7 +108,7 @@ export function calcNextPosition(
             ]
           : currentExtent;
     } else {
-      devWarn('005', errorMessages['005']());
+      devWarn('005', errorMessages['error005']());
       currentExtent = nodeExtent;
     }
   } else if (node.extent && node.parentNode) {
diff --git a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
index 0ea8a77dc..0438ba050 100644
--- a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
@@ -14,7 +14,6 @@
   export let markerEnd: $$Props['markerEnd'] = undefined;
   export let style: $$Props['style'] = undefined;
   export let interactionWidth: $$Props['interactionWidth'] = 20;
-
 </script>
 
 <path
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 2753c4aef..957910b58 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -23,16 +23,17 @@
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
   export let animated: $$Props['animated'] = false;
   export let selected: $$Props['selected'] = false;
+  export let selectable: $$Props['selectable'] = true;
   export let label: $$Props['label'] = undefined;
   export let labelStyle: $$Props['labelStyle'] = undefined;
   export let markerStart: $$Props['markerStart'] = undefined;
   export let markerEnd: $$Props['markerEnd'] = undefined;
   export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
   export let targetHandleId: $$Props['targetHandleId'] = undefined;
-
+  
    // @ todo: support edge updates
 
-  const { edges, edgeTypes, flowId } = useStore();
+  const { edges, edgeTypes, flowId, addSelectedEdges } = useStore();
   const dispatch = createEventDispatcher();
 
   const edgeComponent: typeof SvelteComponentTyped<EdgeProps> = $edgeTypes[type!] || BezierEdge;
@@ -41,6 +42,10 @@
   $: markerEndUrl = markerEnd ? `url(#${getMarkerId(markerEnd, $flowId)})` : undefined;
 
   function onClick() {
+    if (selectable) {
+      addSelectedEdges([id]);
+    }
+
     const edge = $edges.find(e => e.id === id);
     dispatch('edge:click', edge);
   }
@@ -50,6 +55,7 @@
 <g
   class="svelte-flow__edge"
   class:animated
+  class:selected
   data-id={id}
   on:click={onClick}
 >
@@ -83,13 +89,17 @@
     cursor: pointer;
   }
 
-  .svelte-flow__edge :global(path) {
+  .svelte-flow__edge :global(.svelte-flow__edge-path) {
     stroke: #ccc;
     stroke-width: 1;
     fill: none;
   }
 
-  .animated :global(path) {
+  .selected :global(.svelte-flow__edge-path) {
+    stroke: #555;
+  }
+
+  .animated :global(.svelte-flow__edge-path) {
     stroke-dasharray: 5;
     animation: dashdraw 0.5s linear infinite;
   }
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index d05be8245..96e48e3fa 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -15,6 +15,7 @@
   export let data: NodeWrapperProps['data'] = {};
   export let selected: NodeWrapperProps['selected'] = false;
   export let draggable: NodeWrapperProps['draggable'] = undefined;
+  export let selectable: NodeWrapperProps['selectable'] = undefined;
   export let connectable: NodeWrapperProps['connectable'] = true;
   export let dragging: boolean = false;
   export let resizeObserver: NodeWrapperProps['resizeObserver'] = null;
@@ -36,13 +37,12 @@
   const nodeTypeValid = !!$nodeTypes[type!];
 
   if (!nodeTypeValid) {
-    console.warn('003', errorMessages['003'](type!));
+    console.warn('003', errorMessages['error003'](type!));
     type = 'default';
   }
 
   const nodeComponent: typeof SvelteComponentTyped<Partial<NodeProps>> =
     $nodeTypes[type!] || DefaultNode;
-  const isSelectable = true;
   const selectNodesOnDrag = false;
   const dispatch = createEventDispatcher();
 
@@ -63,7 +63,7 @@
   }
 
   function onSelectNodeHandler(event: MouseEvent) {
-    if (isSelectable && (!selectNodesOnDrag || !draggable)) {
+    if (selectable && (!selectNodesOnDrag || !draggable)) {
       // this handler gets called within the drag start event when selectNodesOnDrag=true
       addSelectedNodes([id]);
     }
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index acd26836f..d65934270 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -11,6 +11,7 @@ export type NodeWrapperProps = Pick<
   | 'dragging'
   | 'positionAbsolute'
   | 'selected'
+  | 'selectable'
   | 'style'
   | 'type'
   | 'width'
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 270247b88..1f940958d 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -39,6 +39,7 @@
       data={node.data}
       selected={node.selected}
       draggable={node.draggable || node.draggable === undefined}
+      selectable={node.selectable || node.selectable === undefined}
       connectable={node.connectable || node.connectable === undefined}
       positionAbsolute={node.positionAbsolute}
       positionOrigin={posOrigin}
diff --git a/packages/svelte/src/lib/store/edges-layouted.ts b/packages/svelte/src/lib/store/edges-layouted.ts
index f303b9467..f26a34493 100644
--- a/packages/svelte/src/lib/store/edges-layouted.ts
+++ b/packages/svelte/src/lib/store/edges-layouted.ts
@@ -45,6 +45,7 @@ export function getEdgesLayouted(store: SvelteFlowStoreState) {
 
       res.push({
         ...edge,
+        selectable: edge.selectable || typeof edge.selectable === 'undefined',
         type: edgeType,
         sourceX,
         sourceY,
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 3693a5180..96b8dfe7f 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -251,6 +251,21 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
     );
   }
 
+  function addSelectedEdges(ids: string[]) {
+    if (get(store.multiselectionKeyPressed)) {
+      // @todo handle multiselection key
+    }
+
+    store.edges.update((edges) =>
+      edges.map((edge) => {
+        return {
+          ...edge,
+          selected: ids.includes(edge.id)
+        };
+      })
+    );
+  }
+
   function panBy(delta: XYPosition) {
     const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
     const transform = get(store.transform);
@@ -335,6 +350,7 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
     setMaxZoom,
     resetSelectedElements,
     addSelectedNodes,
+    addSelectedEdges,
     panBy,
     updateConnection,
     cancelConnection,
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index 48d4edbb2..eff7e87bc 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -27,6 +27,7 @@ export type SvelteFlowStoreActions = {
   updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
   resetSelectedElements: () => void;
   addSelectedNodes: (ids: string[]) => void;
+  addSelectedEdges: (ids: string[]) => void;
   panBy: (delta: XYPosition) => void;
   updateConnection: (connection: Partial<ConnectionData>) => void;
   cancelConnection: () => void;
diff --git a/packages/svelte/src/routes/overview/+page.svelte b/packages/svelte/src/routes/overview/+page.svelte
index 9095ef3dc..3207b2323 100644
--- a/packages/svelte/src/routes/overview/+page.svelte
+++ b/packages/svelte/src/routes/overview/+page.svelte
@@ -34,7 +34,8 @@
       id: '2',
       type: 'default',
       data: { label: 'Node' },
-      position: { x: 0, y: 150 }
+      position: { x: 0, y: 150 },
+      selectable: false,
     },
     {
       id: 'A',
@@ -83,7 +84,8 @@
       id: '1-3',
       type: 'smoothstep',
       source: '1',
-      target: '3'
+      target: '3',
+      selectable: false
     },
     {
       id: '2-4',

From fb712a513fe21707b28aaaee02b43aa0681771f7 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 17 May 2023 13:26:52 +0200
Subject: [PATCH 0068/1093] feat(react): add selectable option to edges

---
 packages/core/src/components/Edges/wrapEdge.tsx    | 8 ++++----
 packages/core/src/container/EdgeRenderer/index.tsx | 6 +++++-
 packages/core/src/types/edges.ts                   | 2 +-
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/core/src/components/Edges/wrapEdge.tsx b/packages/core/src/components/Edges/wrapEdge.tsx
index 8424d10e0..e14af22a1 100644
--- a/packages/core/src/components/Edges/wrapEdge.tsx
+++ b/packages/core/src/components/Edges/wrapEdge.tsx
@@ -37,7 +37,7 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
     targetY,
     sourcePosition,
     targetPosition,
-    elementsSelectable,
+    isSelectable,
     hidden,
     sourceHandleId,
     targetHandleId,
@@ -73,7 +73,7 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
     const onEdgeClick = (event: React.MouseEvent<SVGGElement, MouseEvent>): void => {
       const { edges, addSelectedEdges } = store.getState();
 
-      if (elementsSelectable) {
+      if (isSelectable) {
         store.setState({ nodesSelectionActive: false });
         addSelectedEdges([id]);
       }
@@ -137,10 +137,10 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
     const onEdgeUpdaterMouseEnter = () => setUpdateHover(true);
     const onEdgeUpdaterMouseOut = () => setUpdateHover(false);
 
-    const inactive = !elementsSelectable && !onClick;
+    const inactive = !isSelectable && !onClick;
 
     const onKeyDown = (event: KeyboardEvent) => {
-      if (elementSelectionKeys.includes(event.key) && elementsSelectable) {
+      if (elementSelectionKeys.includes(event.key) && isSelectable) {
         const { unselectNodesAndEdges, addSelectedEdges, edges } = store.getState();
         const unselect = event.key === 'Escape';
 
diff --git a/packages/core/src/container/EdgeRenderer/index.tsx b/packages/core/src/container/EdgeRenderer/index.tsx
index 7febb5dae..37aba2d00 100644
--- a/packages/core/src/container/EdgeRenderer/index.tsx
+++ b/packages/core/src/container/EdgeRenderer/index.tsx
@@ -115,6 +115,10 @@ const EdgeRenderer = ({
               const isUpdatable =
                 typeof onEdgeUpdate !== 'undefined' &&
                 (edge.updatable || (edgesUpdatable && typeof edge.updatable === 'undefined'));
+              const isSelectable = !!(
+                edge.selectable ||
+                (elementsSelectable && typeof edge.selectable === 'undefined')
+              );
 
               if (!sourceHandle || !targetHandle) {
                 onError?.('008', errorMessages['error008'](sourceHandle, edge));
@@ -160,7 +164,7 @@ const EdgeRenderer = ({
                   targetY={targetY}
                   sourcePosition={sourcePosition}
                   targetPosition={targetPosition}
-                  elementsSelectable={elementsSelectable}
+                  isSelectable={isSelectable}
                   onEdgeUpdate={onEdgeUpdate}
                   onContextMenu={onEdgeContextMenu}
                   onMouseEnter={onEdgeMouseEnter}
diff --git a/packages/core/src/types/edges.ts b/packages/core/src/types/edges.ts
index e9bc25f5c..4e524f4ea 100644
--- a/packages/core/src/types/edges.ts
+++ b/packages/core/src/types/edges.ts
@@ -60,7 +60,6 @@ export type WrapEdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandl
   targetY: number;
   sourcePosition: Position;
   targetPosition: Position;
-  elementsSelectable?: boolean;
   onEdgeUpdate?: OnEdgeUpdateFunc;
   onContextMenu?: EdgeMouseHandler;
   onMouseEnter?: EdgeMouseHandler;
@@ -72,6 +71,7 @@ export type WrapEdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandl
   rfId?: string;
   isFocusable: boolean;
   isUpdatable: EdgeUpdatable;
+  isSelectable: boolean;
   pathOptions?: BezierPathOptions | SmoothStepPathOptions;
 };
 

From ca4a6c20f9e5a2520414fe7e8b6f10748b842e6a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 22 May 2023 12:24:35 +0200
Subject: [PATCH 0069/1093] feat(svelte): add nodesConnectable, nodesDraggable
 and elementsSelectable

---
 .../MarkerDefinition/MarkerDefinition.svelte  |  11 +-
 .../NodeRenderer/NodeRenderer.svelte          |   8 +-
 .../container/SvelteFlow/SvelteFlow.svelte    |   8 +-
 .../src/lib/container/SvelteFlow/types.ts     |   3 +
 .../src/lib/plugins/Controls/Controls.svelte  |  13 +--
 .../svelte/src/lib/store/edges-layouted.ts    | 105 ++++++++++--------
 packages/svelte/src/lib/store/index.ts        |   4 +-
 .../svelte/src/lib/store/initial-store.ts     |   3 +
 packages/svelte/src/lib/types/edges.ts        |   1 +
 packages/system/src/types/edges.ts            |   1 +
 10 files changed, 83 insertions(+), 74 deletions(-)

diff --git a/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/MarkerDefinition.svelte b/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/MarkerDefinition.svelte
index 602d6b57c..26c539263 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/MarkerDefinition.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/MarkerDefinition.svelte
@@ -7,15 +7,6 @@
 
 <defs>
   {#each $markers as marker(marker.id)}
-    <Marker
-      id={marker.id}
-      type={marker.type}
-      color={marker.color}
-      width={marker.width}
-      height={marker.height}
-      markerUnits={marker.markerUnits}
-      strokeWidth={marker.strokeWidth}
-      orient={marker.orient}
-    />
+    <Marker {...marker} />
   {/each}
 </defs>
\ No newline at end of file
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 1f940958d..99694d655 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -6,7 +6,7 @@
   import { NodeWrapper } from '$lib/components/NodeWrapper';
   import { useStore } from '$lib/store';
 
-  const { nodes, updateNodeDimensions } = useStore();
+  const { nodes, nodesDraggable, nodesConnectable, elementsSelectable, updateNodeDimensions } = useStore();
 
   const resizeObserver: ResizeObserver | null =
     typeof ResizeObserver === 'undefined'
@@ -38,9 +38,9 @@
       id={node.id}
       data={node.data}
       selected={node.selected}
-      draggable={node.draggable || node.draggable === undefined}
-      selectable={node.selectable || node.selectable === undefined}
-      connectable={node.connectable || node.connectable === undefined}
+      draggable={!!(node.draggable || ($nodesDraggable && typeof node.draggable === 'undefined'))}
+      selectable={!!(node.selectable || ($elementsSelectable && typeof node.selectable === 'undefined'))}
+      connectable={!!(node.connectable || ($nodesConnectable && typeof node.connectable === 'undefined'))}
       positionAbsolute={node.positionAbsolute}
       positionOrigin={posOrigin}
       isParent={!!node[internalsSymbol]?.isParent}
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 35eb0247e..c1a3131e7 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -26,6 +26,9 @@
   export let edgeTypes: $$Props['edgeTypes'] = undefined;
   export let selectionKey: $$Props['selectionKey'] = undefined;
   export let selectionMode: $$Props['selectionMode'] = undefined;
+  export let nodesDraggable: $$Props['nodesDraggable'] = undefined;
+  export let nodesConnectable: $$Props['nodesConnectable'] = undefined;
+  export let elementsSelectable: $$Props['elementsSelectable'] = undefined;
   export let snapGrid: $$Props['snapGrid'] = undefined;
   export let deleteKey: $$Props['deleteKey'] = undefined;
   export let connectionRadius: $$Props['connectionRadius'] = undefined;
@@ -60,7 +63,10 @@
       selectionMode,
       snapGrid,
       isValidConnection,
-      defaultMarkerColor
+      defaultMarkerColor,
+      nodesDraggable,
+      nodesConnectable,
+      elementsSelectable,
     };
 
     Object.keys(updatableProps).forEach(prop => {
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 539de845b..653faf486 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -33,6 +33,9 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   selectionMode?: SelectionMode;
   snapGrid?: SnapGrid;
   defaultMarkerColor?: string;
+  nodesDraggable?: boolean;
+  nodesConnectable?: boolean;
+  elementsSelectable?: boolean;
 
   class?: string;
   style?: string;
diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index 3501b156d..c3d734501 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -17,7 +17,9 @@
   export let showFitView: $$Props['showFitView'] = true;
   export let showInteractive: $$Props['showInteractive'] = true;
 
-  const { zoomIn, zoomOut, fitView, transform, minZoom, maxZoom } = useStore();
+  const {
+    zoomIn, zoomOut, fitView, transform, minZoom, maxZoom, nodesDraggable, nodesConnectable, elementsSelectable
+  } = useStore();
 
   const isInteractive = true;
   $: minZoomReached = $transform[2] <= $minZoom;
@@ -36,12 +38,9 @@
   };
 
   const onToggleInteractivity = () => {
-    // store.setState({
-    //   nodesDraggable: !isInteractive,
-    //   nodesConnectable: !isInteractive,
-    //   elementsSelectable: !isInteractive,
-    // });
-    // onInteractiveChange?.(!isInteractive);
+    nodesDraggable.set(!isInteractive);
+    nodesConnectable.set(!isInteractive);
+    elementsSelectable.set(!isInteractive);
   };
 </script>
  
diff --git a/packages/svelte/src/lib/store/edges-layouted.ts b/packages/svelte/src/lib/store/edges-layouted.ts
index f26a34493..36db500d8 100644
--- a/packages/svelte/src/lib/store/edges-layouted.ts
+++ b/packages/svelte/src/lib/store/edges-layouted.ts
@@ -7,57 +7,64 @@ import type { EdgeLayouted } from '$lib/types';
 import type { SvelteFlowStoreState } from './types';
 
 export function getEdgesLayouted(store: SvelteFlowStoreState) {
-  return derived([store.edges, store.nodes], ([edges, nodes]) => {
-    return edges.reduce<EdgeLayouted[]>((res, edge) => {
-      const sourceNode = nodes.find((node) => node.id === edge.source);
-      const targetNode = nodes.find((node) => node.id === edge.target);
-      const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(sourceNode);
-      const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(targetNode);
-
-      if (!sourceIsValid || !targetIsValid) {
-        return res;
-      }
+  return derived(
+    [store.edges, store.nodes, store.elementsSelectable],
+    ([edges, nodes, elementsSelectable]) => {
+      return edges.reduce<EdgeLayouted[]>((res, edge) => {
+        const sourceNode = nodes.find((node) => node.id === edge.source);
+        const targetNode = nodes.find((node) => node.id === edge.target);
+        const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(sourceNode);
+        const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(targetNode);
+
+        if (!sourceIsValid || !targetIsValid) {
+          return res;
+        }
+
+        const edgeType = edge.type || 'default';
+
+        const targetNodeHandles = targetHandleBounds!.target;
+        const sourceHandle = getHandle(sourceHandleBounds!.source!, edge.sourceHandle);
+        const targetHandle = getHandle(targetNodeHandles!, edge.targetHandle);
+        const sourcePosition = sourceHandle?.position || Position.Bottom;
+        const targetPosition = targetHandle?.position || Position.Top;
+
+        if (!sourceHandle || !targetHandle) {
+          return res;
+        }
+
+        const { sourceX, sourceY, targetX, targetY } = getEdgePositions(
+          sourceNodeRect,
+          sourceHandle,
+          sourcePosition,
+          targetNodeRect,
+          targetHandle,
+          targetPosition
+        );
 
-      const edgeType = edge.type || 'default';
+        // we nee to do this to match the types
+        const sourceHandleId = edge.sourceHandle;
+        const targetHandleId = edge.targetHandle;
+        const selectable = !!(
+          edge.selectable ||
+          (elementsSelectable && typeof edge.selectable === 'undefined')
+        );
 
-      const targetNodeHandles = targetHandleBounds!.target;
-      const sourceHandle = getHandle(sourceHandleBounds!.source!, edge.sourceHandle);
-      const targetHandle = getHandle(targetNodeHandles!, edge.targetHandle);
-      const sourcePosition = sourceHandle?.position || Position.Bottom;
-      const targetPosition = targetHandle?.position || Position.Top;
+        res.push({
+          ...edge,
+          selectable,
+          type: edgeType,
+          sourceX,
+          sourceY,
+          targetX,
+          targetY,
+          sourcePosition,
+          targetPosition,
+          sourceHandleId,
+          targetHandleId
+        } as EdgeLayouted);
 
-      if (!sourceHandle || !targetHandle) {
         return res;
-      }
-
-      const { sourceX, sourceY, targetX, targetY } = getEdgePositions(
-        sourceNodeRect,
-        sourceHandle,
-        sourcePosition,
-        targetNodeRect,
-        targetHandle,
-        targetPosition
-      );
-
-      // we nee to do this to match the types
-      const sourceHandleId = edge.sourceHandle;
-      const targetHandleId = edge.targetHandle;
-
-      res.push({
-        ...edge,
-        selectable: edge.selectable || typeof edge.selectable === 'undefined',
-        type: edgeType,
-        sourceX,
-        sourceY,
-        targetX,
-        targetY,
-        sourcePosition,
-        targetPosition,
-        sourceHandleId,
-        targetHandleId
-      } as EdgeLayouted);
-
-      return res;
-    }, []);
-  });
+      }, []);
+    }
+  );
 }
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 96b8dfe7f..c8cbdc3f7 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -332,9 +332,7 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
     connectionPath: getConnectionPath(store),
     markers: derived(
       [store.edges, store.defaultMarkerColor, store.flowId],
-      ([edges, defaultColor, id]) => {
-        return createMarkerIds(edges, { defaultColor, id });
-      }
+      ([edges, defaultColor, id]) => createMarkerIds(edges, { defaultColor, id })
     ),
 
     // actions
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index a11d2a29c..79890fe3d 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -82,6 +82,9 @@ export const initialStoreState = {
   connectionRadius: writable<number>(25),
   connectionLineType: writable<ConnectionLineType>(ConnectionLineType.Bezier),
   isValidConnection: writable<IsValidConnection>(() => true),
+  nodesDraggable: writable<boolean>(true),
+  nodesConnectable: writable<boolean>(true),
+  elementsSelectable: writable<boolean>(true),
   markers: readable<MarkerProps[]>([]),
   defaultMarkerColor: writable<string>('#b1b1b7')
 };
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 6a5ced4f5..411b5929e 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -67,6 +67,7 @@ export type EdgeProps = Pick<
   | 'targetPosition'
   | 'animated'
   | 'selected'
+  | 'selectable'
   | 'label'
   | 'labelStyle'
   | 'interactionWidth'
diff --git a/packages/system/src/types/edges.ts b/packages/system/src/types/edges.ts
index 3b9e4e294..b4e95a35c 100644
--- a/packages/system/src/types/edges.ts
+++ b/packages/system/src/types/edges.ts
@@ -9,6 +9,7 @@ export type BaseEdge<EdgeData = any> = {
   animated?: boolean;
   hidden?: boolean;
   deletable?: boolean;
+  selectable?: boolean;
   data?: EdgeData;
   selected?: boolean;
   markerStart?: EdgeMarkerType;

From d8ef041737781cc92997746d35ebfb9c2fc78c92 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 22 May 2023 15:54:19 +0200
Subject: [PATCH 0070/1093] refactor(react): use vanilla helpers for zoom and
 pan

---
 .../core/src/container/ZoomPane/index.tsx     | 294 ++++-----------
 packages/core/src/store/initialState.ts       |   2 +-
 packages/core/src/types/store.ts              |   3 +-
 packages/svelte/src/lib/actions/zoom/index.ts | 121 +++++-
 .../svelte/src/lib/container/Pane/Pane.svelte |   8 +-
 .../container/SvelteFlow/SvelteFlow.svelte    |   5 +-
 .../src/lib/container/SvelteFlow/types.ts     |   9 +-
 .../svelte/src/lib/container/Zoom/Zoom.svelte |  29 +-
 .../svelte/src/lib/container/Zoom/types.ts    |   8 +
 .../src/lib/plugins/Controls/Controls.svelte  |  10 +-
 packages/system/src/types/general.ts          |   3 +-
 packages/utils/src/index.ts                   |   1 +
 packages/utils/src/panzoom.ts                 | 352 ++++++++++++++++++
 13 files changed, 594 insertions(+), 251 deletions(-)
 create mode 100644 packages/svelte/src/lib/container/Zoom/types.ts
 create mode 100644 packages/utils/src/panzoom.ts

diff --git a/packages/core/src/container/ZoomPane/index.tsx b/packages/core/src/container/ZoomPane/index.tsx
index cfe79418b..4d8025a69 100644
--- a/packages/core/src/container/ZoomPane/index.tsx
+++ b/packages/core/src/container/ZoomPane/index.tsx
@@ -1,10 +1,17 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { useEffect, useRef } from 'react';
-import { zoom, zoomIdentity, type D3ZoomEvent } from 'd3-zoom';
-import { select, pointer } from 'd3-selection';
 import { shallow } from 'zustand/shallow';
-import { clamp } from '@reactflow/utils';
-import { CoordinateExtent, PanOnScrollMode, type Viewport } from '@reactflow/system';
+import {
+  initPanZoom,
+  createPanOnScrollHandler,
+  createZoomOnScrollHandler,
+  createFilter,
+  createPanZoomStartHandler,
+  ZoomPanValues,
+  createPanZoomHandler,
+  createPanZoomEndHandler,
+} from '@reactflow/utils';
+import { PanOnScrollMode, Transform } from '@reactflow/system';
 
 import useKeyPress from '../../hooks/useKeyPress';
 import useResizeHandler from '../../hooks/useResizeHandler';
@@ -23,20 +30,6 @@ type ZoomPaneProps = Omit<
   | 'selectionOnDrag'
 >;
 
-const viewChanged = (prevViewport: Viewport, eventViewport: any): boolean =>
-  prevViewport.x !== eventViewport.x || prevViewport.y !== eventViewport.y || prevViewport.zoom !== eventViewport.k;
-
-const eventToFlowTransform = (eventViewport: any): Viewport => ({
-  x: eventViewport.x,
-  y: eventViewport.y,
-  zoom: eventViewport.k,
-});
-
-const isWrappedWithClass = (event: any, className: string | undefined) => event.target.closest(`.${className}`);
-
-const isRightClickPan = (panOnDrag: FlowRendererProps['panOnDrag'], usedButton: number) =>
-  usedButton === 2 && Array.isArray(panOnDrag) && panOnDrag.includes(2);
-
 const selector = (s: ReactFlowState) => ({
   d3Zoom: s.d3Zoom,
   d3Selection: s.d3Selection,
@@ -67,40 +60,36 @@ const ZoomPane = ({
   noWheelClassName,
   noPanClassName,
 }: ZoomPaneProps) => {
-  const timerId = useRef<ReturnType<typeof setTimeout>>();
   const store = useStoreApi();
-  const isZoomingOrPanning = useRef(false);
-  const zoomedWithRightMouseButton = useRef(false);
   const zoomPane = useRef<HTMLDivElement>(null);
-  const prevTransform = useRef<Viewport>({ x: 0, y: 0, zoom: 0 });
   const { d3Zoom, d3Selection, d3ZoomHandler, userSelectionActive } = useStore(selector, shallow);
   const zoomActivationKeyPressed = useKeyPress(zoomActivationKeyCode);
-  const mouseButton = useRef<number>(0);
+
+  const zoomPanValues = useRef<ZoomPanValues>({
+    isZoomingOrPanning: false,
+    zoomedWithRightMouseButton: false,
+    prevTransform: { x: 0, y: 0, zoom: 0 },
+    mouseButton: 0,
+    timerId: undefined,
+  });
 
   useResizeHandler(zoomPane);
 
   useEffect(() => {
     if (zoomPane.current) {
-      const bbox = zoomPane.current.getBoundingClientRect();
-      const d3ZoomInstance = zoom().scaleExtent([minZoom, maxZoom]).translateExtent(translateExtent);
-      const selection = select(zoomPane.current as Element).call(d3ZoomInstance);
-      const updatedTransform = zoomIdentity
-        .translate(defaultViewport.x, defaultViewport.y)
-        .scale(clamp(defaultViewport.zoom, minZoom, maxZoom));
-      const extent: CoordinateExtent = [
-        [0, 0],
-        [bbox.width, bbox.height],
-      ];
-
-      const constrainedTransform = d3ZoomInstance.constrain()(updatedTransform, extent, translateExtent);
-      d3ZoomInstance.transform(selection, constrainedTransform);
+      const { d3ZoomInstance, d3Selection, d3ZoomHandler, transform } = initPanZoom({
+        domNode: zoomPane.current,
+        minZoom,
+        maxZoom,
+        translateExtent,
+        defaultViewport,
+      });
 
       store.setState({
         d3Zoom: d3ZoomInstance,
-        d3Selection: selection,
-        d3ZoomHandler: selection.on('wheel.zoom'),
-        // we need to pass transform because zoom handler is not registered when we set the initial transform
-        transform: [constrainedTransform.x, constrainedTransform.y, constrainedTransform.k],
+        d3Selection,
+        d3ZoomHandler,
+        transform,
         domNode: zoomPane.current.closest('.react-flow') as HTMLDivElement,
       });
     }
@@ -109,46 +98,22 @@ const ZoomPane = ({
   useEffect(() => {
     if (d3Selection && d3Zoom) {
       if (panOnScroll && !zoomActivationKeyPressed && !userSelectionActive) {
-        d3Selection.on('wheel.zoom', (event: any) => {
-          if (isWrappedWithClass(event, noWheelClassName)) {
-            return false;
-          }
-          event.preventDefault();
-          event.stopImmediatePropagation();
-
-          const currentZoom = d3Selection.property('__zoom').k || 1;
-
-          if (event.ctrlKey && zoomOnPinch) {
-            const point = pointer(event);
-            // taken from https://github.com/d3/d3-zoom/blob/master/src/zoom.js
-            const pinchDelta = -event.deltaY * (event.deltaMode === 1 ? 0.05 : event.deltaMode ? 1 : 0.002) * 10;
-            const zoom = currentZoom * Math.pow(2, pinchDelta);
-            d3Zoom.scaleTo(d3Selection, zoom, point);
-
-            return;
-          }
-
-          // increase scroll speed in firefox
-          // firefox: deltaMode === 1; chrome: deltaMode === 0
-          const deltaNormalize = event.deltaMode === 1 ? 20 : 1;
-          const deltaX = panOnScrollMode === PanOnScrollMode.Vertical ? 0 : event.deltaX * deltaNormalize;
-          const deltaY = panOnScrollMode === PanOnScrollMode.Horizontal ? 0 : event.deltaY * deltaNormalize;
-
-          d3Zoom.translateBy(
-            d3Selection,
-            -(deltaX / currentZoom) * panOnScrollSpeed,
-            -(deltaY / currentZoom) * panOnScrollSpeed
-          );
-        }, { passive: false });
-      } else if (typeof d3ZoomHandler !== 'undefined') {
-        d3Selection.on('wheel.zoom', function (event: any, d: any) {
-          if (!preventScrolling || isWrappedWithClass(event, noWheelClassName)) {
-            return null;
-          }
-
-          event.preventDefault();
-          d3ZoomHandler.call(this, event, d);
-        }, { passive: false });
+        const panOnScrollHandler = createPanOnScrollHandler({
+          noWheelClassName,
+          d3Selection,
+          d3Zoom,
+          panOnScrollMode,
+          panOnScrollSpeed,
+          zoomOnPinch,
+        });
+        d3Selection.on('wheel.zoom', panOnScrollHandler, { passive: false });
+      } else if (d3ZoomHandler !== null) {
+        const zoomOnScrollHandler = createZoomOnScrollHandler({
+          noWheelClassName,
+          preventScrolling,
+          d3ZoomHandler,
+        });
+        d3Selection.on('wheel.zoom', zoomOnScrollHandler, { passive: false });
       }
     }
   }, [
@@ -166,162 +131,63 @@ const ZoomPane = ({
 
   useEffect(() => {
     if (d3Zoom) {
-      d3Zoom.on('start', (event: D3ZoomEvent<HTMLDivElement, any>) => {
-        if (!event.sourceEvent) {
-          return null;
-        }
-
-        // we need to remember it here, because it's always 0 in the "zoom" event
-        mouseButton.current = event.sourceEvent.button;
-
-        const { onViewportChangeStart } = store.getState();
-        isZoomingOrPanning.current = true;
-
-        if (event.sourceEvent?.type === 'mousedown') {
-          store.setState({ paneDragging: true });
-        }
-
-        if (onMoveStart || onViewportChangeStart) {
-          const flowTransform = eventToFlowTransform(event.transform);
-          prevTransform.current = flowTransform;
-
-          onViewportChangeStart?.(flowTransform);
-          onMoveStart?.(event.sourceEvent as MouseEvent | TouchEvent, flowTransform);
-        }
+      const startHandler = createPanZoomStartHandler({
+        zoomPanValues: zoomPanValues.current,
+        setDragging: (paneDragging: boolean) => store.setState({ paneDragging }),
+        onMoveStart,
+        onViewportChangeStart: store.getState().onViewportChangeStart,
       });
+      d3Zoom.on('start', startHandler);
     }
   }, [d3Zoom, onMoveStart]);
 
   useEffect(() => {
     if (d3Zoom) {
-      if (userSelectionActive && !isZoomingOrPanning.current) {
+      if (userSelectionActive && !zoomPanValues.current.isZoomingOrPanning) {
         d3Zoom.on('zoom', null);
       } else if (!userSelectionActive) {
-        d3Zoom.on('zoom', (event: D3ZoomEvent<HTMLDivElement, any>) => {
-          const { onViewportChange } = store.getState();
-          store.setState({ transform: [event.transform.x, event.transform.y, event.transform.k] });
-
-          zoomedWithRightMouseButton.current = !!(
-            onPaneContextMenu && isRightClickPan(panOnDrag, mouseButton.current ?? 0)
-          );
-
-          if (onMove || onViewportChange) {
-            const flowTransform = eventToFlowTransform(event.transform);
-
-            onViewportChange?.(flowTransform);
-            onMove?.(event.sourceEvent as MouseEvent | TouchEvent, flowTransform);
-          }
+        const panZoomHandler = createPanZoomHandler({
+          zoomPanValues: zoomPanValues.current,
+          panOnDrag,
+          onPaneContextMenu: !!onPaneContextMenu,
+          onMove,
+          onViewportChange: store.getState().onViewportChange,
+          setTransform: (transform: Transform) => store.setState({ transform }),
         });
+        d3Zoom.on('zoom', panZoomHandler);
       }
     }
   }, [userSelectionActive, d3Zoom, onMove, panOnDrag, onPaneContextMenu]);
 
   useEffect(() => {
     if (d3Zoom) {
-      d3Zoom.on('end', (event: D3ZoomEvent<HTMLDivElement, any>) => {
-        if (!event.sourceEvent) {
-          return null;
-        }
-        const { onViewportChangeEnd } = store.getState();
-
-        isZoomingOrPanning.current = false;
-        store.setState({ paneDragging: false });
-
-        if (
-          onPaneContextMenu &&
-          isRightClickPan(panOnDrag, mouseButton.current ?? 0) &&
-          !zoomedWithRightMouseButton.current
-        ) {
-          onPaneContextMenu(event.sourceEvent);
-        }
-        zoomedWithRightMouseButton.current = false;
-
-        if ((onMoveEnd || onViewportChangeEnd) && viewChanged(prevTransform.current, event.transform)) {
-          const flowTransform = eventToFlowTransform(event.transform);
-          prevTransform.current = flowTransform;
-
-          clearTimeout(timerId.current);
-          timerId.current = setTimeout(
-            () => {
-              onViewportChangeEnd?.(flowTransform);
-              onMoveEnd?.(event.sourceEvent as MouseEvent | TouchEvent, flowTransform);
-            },
-            panOnScroll ? 150 : 0
-          );
-        }
+      const panZoomEndHandler = createPanZoomEndHandler({
+        zoomPanValues: zoomPanValues.current,
+        panOnDrag,
+        panOnScroll,
+        onPaneContextMenu,
+        onMoveEnd,
+        onViewportChangeEnd: store.getState().onViewportChangeEnd,
+        setDragging: (paneDragging: boolean) => store.setState({ paneDragging }),
       });
+      d3Zoom.on('end', panZoomEndHandler);
     }
   }, [d3Zoom, panOnScroll, panOnDrag, onMoveEnd, onPaneContextMenu]);
 
   useEffect(() => {
     if (d3Zoom) {
-      d3Zoom.filter((event: any) => {
-        const zoomScroll = zoomActivationKeyPressed || zoomOnScroll;
-        const pinchZoom = zoomOnPinch && event.ctrlKey;
-
-        if (
-          event.button === 1 &&
-          event.type === 'mousedown' &&
-          (isWrappedWithClass(event, 'react-flow__node') || isWrappedWithClass(event, 'react-flow__edge'))
-        ) {
-          return true;
-        }
-
-        // if all interactions are disabled, we prevent all zoom events
-        if (!panOnDrag && !zoomScroll && !panOnScroll && !zoomOnDoubleClick && !zoomOnPinch) {
-          return false;
-        }
-
-        // during a selection we prevent all other interactions
-        if (userSelectionActive) {
-          return false;
-        }
-
-        // if zoom on double click is disabled, we prevent the double click event
-        if (!zoomOnDoubleClick && event.type === 'dblclick') {
-          return false;
-        }
-
-        // if the target element is inside an element with the nowheel class, we prevent zooming
-        if (isWrappedWithClass(event, noWheelClassName) && event.type === 'wheel') {
-          return false;
-        }
-
-        // if the target element is inside an element with the nopan class, we prevent panning
-        if (isWrappedWithClass(event, noPanClassName) && event.type !== 'wheel') {
-          return false;
-        }
-
-        if (!zoomOnPinch && event.ctrlKey && event.type === 'wheel') {
-          return false;
-        }
-
-        // when there is no scroll handling enabled, we prevent all wheel events
-        if (!zoomScroll && !panOnScroll && !pinchZoom && event.type === 'wheel') {
-          return false;
-        }
-
-        // if the pane is not movable, we prevent dragging it with mousestart or touchstart
-        if (!panOnDrag && (event.type === 'mousedown' || event.type === 'touchstart')) {
-          return false;
-        }
-
-        // if the pane is only movable using allowed clicks
-        if (
-          Array.isArray(panOnDrag) &&
-          !panOnDrag.includes(event.button) &&
-          (event.type === 'mousedown' || event.type === 'touchstart')
-        ) {
-          return false;
-        }
-
-        // We only allow right clicks if pan on drag is set to right click
-        const buttonAllowed =
-          (Array.isArray(panOnDrag) && panOnDrag.includes(event.button)) || !event.button || event.button <= 1;
-
-        // default filter for d3-zoom
-        return (!event.ctrlKey || event.type === 'wheel') && buttonAllowed;
+      const filter = createFilter({
+        zoomActivationKeyPressed,
+        panOnDrag,
+        zoomOnScroll,
+        panOnScroll,
+        zoomOnDoubleClick,
+        zoomOnPinch,
+        userSelectionActive,
+        noPanClassName,
+        noWheelClassName,
       });
+      d3Zoom.filter(filter);
     }
   }, [
     userSelectionActive,
diff --git a/packages/core/src/store/initialState.ts b/packages/core/src/store/initialState.ts
index 87d9874c9..fb67730df 100644
--- a/packages/core/src/store/initialState.ts
+++ b/packages/core/src/store/initialState.ts
@@ -16,7 +16,7 @@ const initialState: ReactFlowStore = {
   hasDefaultEdges: false,
   d3Zoom: null,
   d3Selection: null,
-  d3ZoomHandler: undefined,
+  d3ZoomHandler: null,
   minZoom: 0.5,
   maxZoom: 2,
   translateExtent: infiniteExtent,
diff --git a/packages/core/src/types/store.ts b/packages/core/src/types/store.ts
index 500800842..712ca731c 100644
--- a/packages/core/src/types/store.ts
+++ b/packages/core/src/types/store.ts
@@ -16,6 +16,7 @@ import {
   ConnectingHandle,
   Transform,
   XYPosition,
+  D3ZoomHandler,
 } from '@reactflow/system';
 
 import type {
@@ -55,7 +56,7 @@ export type ReactFlowStore = {
 
   d3Zoom: D3ZoomInstance | null;
   d3Selection: D3SelectionInstance | null;
-  d3ZoomHandler: ((this: Element, event: any, d: unknown) => void) | undefined;
+  d3ZoomHandler: D3ZoomHandler | null;
   minZoom: number;
   maxZoom: number;
   translateExtent: CoordinateExtent;
diff --git a/packages/svelte/src/lib/actions/zoom/index.ts b/packages/svelte/src/lib/actions/zoom/index.ts
index ddfcc3cd9..828ffe4bf 100644
--- a/packages/svelte/src/lib/actions/zoom/index.ts
+++ b/packages/svelte/src/lib/actions/zoom/index.ts
@@ -2,12 +2,34 @@
 import type { Writable } from 'svelte/store';
 import { select } from 'd3-selection';
 import { zoom as d3Zoom, zoomIdentity, type D3ZoomEvent } from 'd3-zoom';
-import type { D3SelectionInstance, D3ZoomInstance, Transform, Viewport } from '@reactflow/system';
+import type {
+  D3SelectionInstance,
+  D3ZoomInstance,
+  OnMove,
+  OnMoveEnd,
+  OnMoveStart,
+  Transform,
+  Viewport
+} from '@reactflow/system';
 import { clamp } from '@reactflow/utils';
 
 const isWrappedWithClass = (event: any, className: string | undefined) =>
   event.target.closest(`.${className}`);
 
+const eventToFlowTransform = (eventViewport: any): Viewport => ({
+  x: eventViewport.x,
+  y: eventViewport.y,
+  zoom: eventViewport.k
+});
+
+const isRightClickPan = (panOnDrag: FlowRendererProps['panOnDrag'], usedButton: number) =>
+  usedButton === 2 && Array.isArray(panOnDrag) && panOnDrag.includes(2);
+
+const viewChanged = (prevViewport: Viewport, eventViewport: any): boolean =>
+  prevViewport.x !== eventViewport.x ||
+  prevViewport.y !== eventViewport.y ||
+  prevViewport.zoom !== eventViewport.k;
+
 function filter(event: any, params: ZoomParams): boolean {
   const zoomScroll = true;
   const pinchZoom = true;
@@ -85,10 +107,15 @@ type ZoomParams = {
   minZoom: number;
   maxZoom: number;
   initialViewport: Viewport;
+  dragging: Writable<boolean>;
+  onMoveStart?: OnMoveStart;
+  onMove?: OnMove;
+  onMoveEnd?: OnMoveEnd;
 };
 
 export default function zoom(domNode: Element, params: ZoomParams) {
-  const { transform, d3, minZoom, maxZoom, initialViewport } = params;
+  const { d3, minZoom, maxZoom, initialViewport } = params;
+
   const d3ZoomInstance = d3Zoom().scaleExtent([minZoom, maxZoom]);
   const selection = select(domNode).call(d3ZoomInstance);
 
@@ -98,31 +125,93 @@ export default function zoom(domNode: Element, params: ZoomParams) {
 
   const d3ZoomHandler = selection.on('wheel.zoom');
 
-  d3ZoomInstance.on('zoom', (event: D3ZoomEvent<HTMLDivElement, any>) => {
-    transform.set([event.transform.x, event.transform.y, event.transform.k]);
-  });
+  let mouseButton = 0;
+  let isZoomingOrPanning = false;
+  let prevTransform: Viewport = { x: 0, y: 0, zoom: 0 };
+  let zoomedWithRightMouseButton = false;
+  let timerId: any;
+
+  function updateZoomHandling(_params: ZoomParams) {
+    const { transform, dragging, onMoveStart, onMove, onMoveEnd } = _params;
+    d3ZoomInstance.on('start', (event: D3ZoomEvent<HTMLDivElement, any>) => {
+      // we need to remember it here, because it's always 0 in the "zoom" event
+      mouseButton = event.sourceEvent?.button || 0;
+
+      isZoomingOrPanning = true;
+
+      if (event.sourceEvent?.type === 'mousedown') {
+        dragging.set(true);
+      }
+
+      if (onMoveStart) {
+        const flowTransform = eventToFlowTransform(event.transform);
+        prevTransform = flowTransform;
+
+        onMoveStart?.((event.sourceEvent as MouseEvent | TouchEvent) || null, flowTransform);
+      }
+    });
+
+    d3ZoomInstance.on('zoom', (event: D3ZoomEvent<HTMLDivElement, any>) => {
+      transform.set([event.transform.x, event.transform.y, event.transform.k]);
+
+      if (onMove) {
+        const flowTransform = eventToFlowTransform(event.transform);
+
+        onMove?.((event.sourceEvent as MouseEvent | TouchEvent) || null, flowTransform);
+      }
+    });
+
+    d3ZoomInstance.on('end', (event: D3ZoomEvent<HTMLDivElement, any>) => {
+      isZoomingOrPanning = false;
+      dragging.set(false);
+
+      if (
+        //onPaneContextMenu &&
+        isRightClickPan(panOnDrag, mouseButton ?? 0) &&
+        !zoomedWithRightMouseButton
+      ) {
+        // onPaneContextMenu(event.sourceEvent);
+      }
+      zoomedWithRightMouseButton = false;
+
+      if (onMoveEnd && viewChanged(prevTransform, event.transform)) {
+        const flowTransform = eventToFlowTransform(event.transform);
+        prevTransform = flowTransform;
+
+        clearTimeout(timerId);
+        timerId = setTimeout(
+          () => {
+            onMoveEnd?.(event.sourceEvent as MouseEvent | TouchEvent, flowTransform);
+          },
+          panOnScroll ? 150 : 0
+        );
+      }
+    });
+
+    selection.on('wheel.zoom', function (event: any, d: any) {
+      if (isWrappedWithClass(event, 'nowheel')) {
+        return null;
+      }
+
+      event.preventDefault();
+      d3ZoomHandler!.call(this, event, d);
+    });
+
+    d3ZoomInstance.filter((event: any) => filter(event, params));
+  }
 
   d3ZoomInstance.transform(selection, updatedTransform);
 
-  selection.on('wheel.zoom', function (event: any, d: any) {
-    if (isWrappedWithClass(event, 'nowheel')) {
-      return null;
-    }
-
-    event.preventDefault();
-    d3ZoomHandler!.call(this, event, d);
-  });
+  updateZoomHandling(params);
 
   d3.set({
     zoom: d3ZoomInstance,
     selection
   });
 
-  d3ZoomInstance.filter((event: any) => filter(event, params));
-
   return {
     update(params: ZoomParams) {
-      d3ZoomInstance.filter((event: any) => filter(event, params));
+      updateZoomHandling(params);
     }
   };
 }
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index e45247601..4c962d6a6 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -43,22 +43,20 @@
     edges,
     transform,
     dragging,
+    elementsSelectable,
     selectionRect,
     selectionRectMode,
     selectionKeyPressed,
+    selectionMode,
     resetSelectedElements,
-    selectionMode
   } = useStore();
 
-  // @todo take from props
-  const elementsSelectable = true;
-
   let container: HTMLDivElement;
   let containerBounds: DOMRect | null = null;
   let selectedNodes: Node[] = [];
 
   $: isSelecting = $selectionKeyPressed;
-  $: hasActiveSelection = elementsSelectable && (isSelecting || $selectionRectMode === 'user');
+  $: hasActiveSelection = $elementsSelectable && (isSelecting || $selectionRectMode === 'user');
 
   function onClick(event: MouseEvent) {
     dispatch('pane:click', event);
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index c1a3131e7..fe52a9558 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -33,6 +33,9 @@
   export let deleteKey: $$Props['deleteKey'] = undefined;
   export let connectionRadius: $$Props['connectionRadius'] = undefined;
   export let connectionLineType: $$Props['connectionLineType'] = undefined;
+  export let onMoveStart: $$Props['onMoveStart'] = undefined;
+  export let onMove: $$Props['onMove'] = undefined;
+  export let onMoveEnd: $$Props['onMoveEnd'] = undefined;
   export let isValidConnection: $$Props['isValidConnection'] = undefined;
   export let defaultMarkerColor = '#b1b1b7';
 
@@ -111,7 +114,7 @@
   {...$$restProps}
 >
   <KeyHandler {selectionKey} {deleteKey} />
-  <Zoom {initialViewport}>
+  <Zoom {initialViewport} {onMoveStart} {onMove} {onMoveEnd}>
     <Pane on:pane:click>
       <Viewport>
         <EdgeRenderer on:edge:click />
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 653faf486..30ab25661 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -6,7 +6,10 @@ import type {
   OnConnectStartParams,
   Viewport,
   SelectionMode,
-  SnapGrid
+  SnapGrid,
+  OnMoveStart,
+  OnMove,
+  OnMoveEnd
 } from '@reactflow/system';
 
 import type {
@@ -43,6 +46,10 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   connectionLineType?: ConnectionLineType;
   isValidConnection?: IsValidConnection;
 
+  onMoveStart?: OnMoveStart;
+  onMove?: OnMove;
+  onMoveEnd?: OnMoveEnd;
+
   'on:node:click'?: CustomEvent<Node>;
   'on:node:mouseenter'?: CustomEvent<Node>;
   'on:node:mousemove'?: CustomEvent<Node>;
diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index 26fa014b3..9b6bd1019 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -1,18 +1,33 @@
-<script lang="ts">
-  import { get } from 'svelte/store';
-  import type { Viewport } from '@reactflow/system';
-  
+<script lang="ts"> 
   import { useStore } from '$lib/store';
   import zoom from '$lib/actions/zoom';
+  import type { ZoomProps } from './types';
 
-  export let initialViewport: Viewport = { x: 0, y: 0, zoom: 1 };
+  type $$Props = ZoomProps; 
 
-  const { transform, d3, selectionKeyPressed, selectionRectMode, minZoom, maxZoom } = useStore();
+  export let initialViewport: $$Props['initialViewport'] = undefined;
+  export let onMoveStart: $$Props['onMoveStart'] = undefined;
+  export let onMove: $$Props['onMove'] = undefined;
+  export let onMoveEnd: $$Props['onMoveEnd'] = undefined;
 
+  const { transform, d3, selectionKeyPressed, selectionRectMode, minZoom, maxZoom, dragging } = useStore();
+  
+  $: viewPort = initialViewport || { x: 0, y: 0, zoom: 1 };
   $: selecting = $selectionKeyPressed || $selectionRectMode === 'user';
 </script>
 
-<div class="svelte-flow__zoom" use:zoom={{ transform, d3, selecting, minZoom: get(minZoom), maxZoom: get(maxZoom), initialViewport }}>
+<div class="svelte-flow__zoom" use:zoom={{
+  transform,
+  d3,
+  selecting,
+  minZoom: $minZoom,
+  maxZoom: $maxZoom,
+  initialViewport: viewPort,
+  dragging,
+  onMoveStart,
+  onMove,
+  onMoveEnd
+}}>
   <slot />
 </div>
 
diff --git a/packages/svelte/src/lib/container/Zoom/types.ts b/packages/svelte/src/lib/container/Zoom/types.ts
new file mode 100644
index 000000000..20c66483a
--- /dev/null
+++ b/packages/svelte/src/lib/container/Zoom/types.ts
@@ -0,0 +1,8 @@
+import type { OnMove, OnMoveStart, OnMoveEnd, Viewport } from '@reactflow/system';
+
+export type ZoomProps = {
+  initialViewport?: Viewport;
+  onMove?: OnMove;
+  onMoveStart?: OnMoveStart;
+  onMoveEnd?: OnMoveEnd;
+};
diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index c3d734501..e9e7b79ca 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -21,7 +21,7 @@
     zoomIn, zoomOut, fitView, transform, minZoom, maxZoom, nodesDraggable, nodesConnectable, elementsSelectable
   } = useStore();
 
-  const isInteractive = true;
+  $: isInteractive = $nodesDraggable || $nodesConnectable || $elementsSelectable;
   $: minZoomReached = $transform[2] <= $minZoom;
   $: maxZoomReached = $transform[2] >= $maxZoom;
 
@@ -38,9 +38,11 @@
   };
 
   const onToggleInteractivity = () => {
-    nodesDraggable.set(!isInteractive);
-    nodesConnectable.set(!isInteractive);
-    elementsSelectable.set(!isInteractive);
+    isInteractive = !isInteractive;
+
+    nodesDraggable.set(isInteractive);
+    nodesConnectable.set(isInteractive);
+    elementsSelectable.set(isInteractive);
   };
 </script>
  
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index cebfbe768..7c5473dfa 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -7,7 +7,7 @@ import type { HandleType } from './handles';
 
 export type Project = (position: XYPosition) => XYPosition;
 
-export type OnMove = (event: MouseEvent | TouchEvent, viewport: Viewport) => void;
+export type OnMove = (event: MouseEvent | TouchEvent | null, viewport: Viewport) => void;
 export type OnMoveStart = OnMove;
 export type OnMoveEnd = OnMove;
 
@@ -93,6 +93,7 @@ export type OnViewportChange = (viewport: Viewport) => void;
 
 export type D3ZoomInstance = ZoomBehavior<Element, unknown>;
 export type D3SelectionInstance = D3Selection<Element, unknown, null, undefined>;
+export type D3ZoomHandler = (this: Element, event: any, d: unknown) => void;
 
 export type UpdateNodeInternals = (nodeId: string) => void;
 
diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
index d4a84150c..4f66d9a4f 100644
--- a/packages/utils/src/index.ts
+++ b/packages/utils/src/index.ts
@@ -1,3 +1,4 @@
 export * from './graph';
 export * from './utils';
 export * from './marker';
+export * from './panzoom';
diff --git a/packages/utils/src/panzoom.ts b/packages/utils/src/panzoom.ts
new file mode 100644
index 000000000..3e3088388
--- /dev/null
+++ b/packages/utils/src/panzoom.ts
@@ -0,0 +1,352 @@
+import { D3ZoomEvent, zoom, zoomIdentity } from 'd3-zoom';
+import { select, pointer } from 'd3-selection';
+import {
+  PanOnScrollMode,
+  type CoordinateExtent,
+  type Transform,
+  type Viewport,
+  D3ZoomInstance,
+  D3SelectionInstance,
+  D3ZoomHandler,
+  OnMoveStart,
+  OnMove,
+  OnMoveEnd,
+} from '@reactflow/system';
+
+import { clamp } from './utils';
+
+const viewChanged = (prevViewport: Viewport, eventViewport: any): boolean =>
+  prevViewport.x !== eventViewport.x || prevViewport.y !== eventViewport.y || prevViewport.zoom !== eventViewport.k;
+
+const eventToFlowTransform = (eventViewport: any): Viewport => ({
+  x: eventViewport.x,
+  y: eventViewport.y,
+  zoom: eventViewport.k,
+});
+
+const isWrappedWithClass = (event: any, className: string | undefined) => event.target.closest(`.${className}`);
+
+const isRightClickPan = (panOnDrag: boolean | number[], usedButton: number) =>
+  usedButton === 2 && Array.isArray(panOnDrag) && panOnDrag.includes(2);
+
+export type InitPanZoomParams = {
+  domNode: Element;
+  minZoom: number;
+  maxZoom: number;
+  defaultViewport: Viewport;
+  translateExtent: CoordinateExtent;
+};
+
+export function initPanZoom({ domNode, minZoom, maxZoom, translateExtent, defaultViewport }: InitPanZoomParams): {
+  d3ZoomInstance: D3ZoomInstance;
+  d3Selection: D3SelectionInstance;
+  d3ZoomHandler: D3ZoomHandler | null;
+  transform: Transform;
+} {
+  const bbox = domNode.getBoundingClientRect();
+  const d3ZoomInstance = zoom().scaleExtent([minZoom, maxZoom]).translateExtent(translateExtent);
+  const d3Selection = select(domNode).call(d3ZoomInstance);
+  const updatedTransform = zoomIdentity
+    .translate(defaultViewport.x, defaultViewport.y)
+    .scale(clamp(defaultViewport.zoom, minZoom, maxZoom));
+  const extent: CoordinateExtent = [
+    [0, 0],
+    [bbox.width, bbox.height],
+  ];
+
+  const constrainedTransform = d3ZoomInstance.constrain()(updatedTransform, extent, translateExtent);
+  d3ZoomInstance.transform(d3Selection, constrainedTransform);
+  const d3ZoomHandler = d3Selection.on('wheel.zoom') || null;
+
+  return {
+    d3ZoomInstance,
+    d3Selection,
+    d3ZoomHandler,
+    // we need to pass transform because zoom handler is not registered when we set the initial transform
+    transform: [constrainedTransform.x, constrainedTransform.y, constrainedTransform.k],
+  };
+}
+
+type PanOnScrollParams = {
+  noWheelClassName: string;
+  d3Selection: D3SelectionInstance;
+  d3Zoom: D3ZoomInstance;
+  panOnScrollMode: PanOnScrollMode;
+  panOnScrollSpeed: number;
+  zoomOnPinch: boolean;
+};
+
+export function createPanOnScrollHandler({
+  noWheelClassName,
+  d3Selection,
+  d3Zoom,
+  panOnScrollMode,
+  panOnScrollSpeed,
+  zoomOnPinch,
+}: PanOnScrollParams) {
+  return (event: any) => {
+    if (isWrappedWithClass(event, noWheelClassName)) {
+      return false;
+    }
+    event.preventDefault();
+    event.stopImmediatePropagation();
+
+    const currentZoom = d3Selection.property('__zoom').k || 1;
+
+    if (event.ctrlKey && zoomOnPinch) {
+      const point = pointer(event);
+      // taken from https://github.com/d3/d3-zoom/blob/master/src/zoom.js
+      const pinchDelta = -event.deltaY * (event.deltaMode === 1 ? 0.05 : event.deltaMode ? 1 : 0.002) * 10;
+      const zoom = currentZoom * Math.pow(2, pinchDelta);
+      d3Zoom.scaleTo(d3Selection, zoom, point);
+
+      return;
+    }
+
+    // increase scroll speed in firefox
+    // firefox: deltaMode === 1; chrome: deltaMode === 0
+    const deltaNormalize = event.deltaMode === 1 ? 20 : 1;
+    const deltaX = panOnScrollMode === PanOnScrollMode.Vertical ? 0 : event.deltaX * deltaNormalize;
+    const deltaY = panOnScrollMode === PanOnScrollMode.Horizontal ? 0 : event.deltaY * deltaNormalize;
+
+    d3Zoom.translateBy(
+      d3Selection,
+      -(deltaX / currentZoom) * panOnScrollSpeed,
+      -(deltaY / currentZoom) * panOnScrollSpeed
+    );
+  };
+}
+
+type ZoomOnScrollParams = {
+  noWheelClassName: string;
+  preventScrolling: boolean;
+  d3ZoomHandler: D3ZoomHandler;
+};
+
+export function createZoomOnScrollHandler({ noWheelClassName, preventScrolling, d3ZoomHandler }: ZoomOnScrollParams) {
+  return function (this: Element, event: any, d: unknown) {
+    if (!preventScrolling || isWrappedWithClass(event, noWheelClassName)) {
+      return null;
+    }
+
+    event.preventDefault();
+
+    d3ZoomHandler.call(this, event, d);
+  };
+}
+
+export type ZoomPanValues = {
+  isZoomingOrPanning: boolean;
+  zoomedWithRightMouseButton: boolean;
+  prevTransform: Viewport;
+  mouseButton: number;
+  timerId: ReturnType<typeof setTimeout> | undefined;
+};
+
+export type PanZoomStartParams = {
+  zoomPanValues: ZoomPanValues;
+  setDragging: (isDragging: boolean) => void;
+  onMoveStart?: OnMoveStart;
+  onViewportChangeStart?: (viewport: Viewport) => void;
+};
+
+export function createPanZoomStartHandler({
+  zoomPanValues,
+  setDragging,
+  onMoveStart,
+  onViewportChangeStart,
+}: PanZoomStartParams) {
+  return (event: D3ZoomEvent<HTMLDivElement, any>) => {
+    // we need to remember it here, because it's always 0 in the "zoom" event
+    zoomPanValues.mouseButton = event.sourceEvent?.button || 0;
+
+    zoomPanValues.isZoomingOrPanning = true;
+
+    if (event.sourceEvent?.type === 'mousedown') {
+      setDragging(true);
+    }
+
+    if (onMoveStart || onViewportChangeStart) {
+      const flowTransform = eventToFlowTransform(event.transform);
+      zoomPanValues.prevTransform = flowTransform;
+
+      onViewportChangeStart?.(flowTransform);
+      onMoveStart?.(event.sourceEvent as MouseEvent | TouchEvent, flowTransform);
+    }
+  };
+}
+
+export type PanZoomParams = {
+  zoomPanValues: ZoomPanValues;
+  panOnDrag: boolean | number[];
+  onPaneContextMenu: boolean;
+  setTransform: (transform: Transform) => void;
+  onMove?: OnMove;
+  onViewportChange?: (viewport: Viewport) => void;
+};
+
+export function createPanZoomHandler({
+  zoomPanValues,
+  panOnDrag,
+  onPaneContextMenu,
+  setTransform,
+  onMove,
+  onViewportChange,
+}: PanZoomParams) {
+  return (event: D3ZoomEvent<HTMLDivElement, any>) => {
+    zoomPanValues.zoomedWithRightMouseButton = !!(
+      onPaneContextMenu && isRightClickPan(panOnDrag, zoomPanValues.mouseButton ?? 0)
+    );
+
+    setTransform([event.transform.x, event.transform.y, event.transform.k]);
+
+    if (onMove || onViewportChange) {
+      const flowTransform = eventToFlowTransform(event.transform);
+
+      onViewportChange?.(flowTransform);
+      onMove?.(event.sourceEvent as MouseEvent | TouchEvent, flowTransform);
+    }
+  };
+}
+
+export type PanZoomEndParams = {
+  zoomPanValues: ZoomPanValues;
+  panOnDrag: boolean | number[];
+  panOnScroll: boolean;
+  setDragging: (isDragging: boolean) => void;
+  onMoveEnd?: OnMoveEnd;
+  onViewportChangeEnd?: (viewport: Viewport) => void;
+  onPaneContextMenu?: (event: any) => void;
+};
+
+export function createPanZoomEndHandler({
+  zoomPanValues,
+  panOnDrag,
+  panOnScroll,
+  setDragging,
+  onMoveEnd,
+  onViewportChangeEnd,
+  onPaneContextMenu,
+}: PanZoomEndParams) {
+  return (event: D3ZoomEvent<HTMLDivElement, any>) => {
+    zoomPanValues.isZoomingOrPanning = false;
+
+    if (
+      onPaneContextMenu &&
+      isRightClickPan(panOnDrag, zoomPanValues.mouseButton ?? 0) &&
+      !zoomPanValues.zoomedWithRightMouseButton &&
+      event.sourceEvent
+    ) {
+      onPaneContextMenu(event.sourceEvent);
+    }
+    zoomPanValues.zoomedWithRightMouseButton = false;
+
+    setDragging(false);
+
+    if ((onMoveEnd || onViewportChangeEnd) && viewChanged(zoomPanValues.prevTransform, event.transform)) {
+      const flowTransform = eventToFlowTransform(event.transform);
+      zoomPanValues.prevTransform = flowTransform;
+
+      clearTimeout(zoomPanValues.timerId);
+      zoomPanValues.timerId = setTimeout(
+        () => {
+          onViewportChangeEnd?.(flowTransform);
+          onMoveEnd?.(event.sourceEvent as MouseEvent | TouchEvent, flowTransform);
+        },
+        panOnScroll ? 150 : 0
+      );
+    }
+  };
+}
+
+type FilterParams = {
+  zoomActivationKeyPressed: boolean;
+  zoomOnScroll: boolean;
+  zoomOnPinch: boolean;
+  panOnDrag: boolean | number[];
+  panOnScroll: boolean;
+  zoomOnDoubleClick: boolean;
+  userSelectionActive: boolean;
+  noWheelClassName: string;
+  noPanClassName: string;
+};
+
+export function createFilter({
+  zoomActivationKeyPressed,
+  zoomOnScroll,
+  zoomOnPinch,
+  panOnDrag,
+  panOnScroll,
+  zoomOnDoubleClick,
+  userSelectionActive,
+  noWheelClassName,
+  noPanClassName,
+}: FilterParams) {
+  return (event: any): boolean => {
+    const zoomScroll = zoomActivationKeyPressed || zoomOnScroll;
+    const pinchZoom = zoomOnPinch && event.ctrlKey;
+
+    if (
+      event.button === 1 &&
+      event.type === 'mousedown' &&
+      (isWrappedWithClass(event, 'react-flow__node') || isWrappedWithClass(event, 'react-flow__edge'))
+    ) {
+      return true;
+    }
+
+    // if all interactions are disabled, we prevent all zoom events
+    if (!panOnDrag && !zoomScroll && !panOnScroll && !zoomOnDoubleClick && !zoomOnPinch) {
+      return false;
+    }
+
+    // during a selection we prevent all other interactions
+    if (userSelectionActive) {
+      return false;
+    }
+
+    // if zoom on double click is disabled, we prevent the double click event
+    if (!zoomOnDoubleClick && event.type === 'dblclick') {
+      return false;
+    }
+
+    // if the target element is inside an element with the nowheel class, we prevent zooming
+    if (isWrappedWithClass(event, noWheelClassName) && event.type === 'wheel') {
+      return false;
+    }
+
+    // if the target element is inside an element with the nopan class, we prevent panning
+    if (isWrappedWithClass(event, noPanClassName) && event.type !== 'wheel') {
+      return false;
+    }
+
+    if (!zoomOnPinch && event.ctrlKey && event.type === 'wheel') {
+      return false;
+    }
+
+    // when there is no scroll handling enabled, we prevent all wheel events
+    if (!zoomScroll && !panOnScroll && !pinchZoom && event.type === 'wheel') {
+      return false;
+    }
+
+    // if the pane is not movable, we prevent dragging it with mousestart or touchstart
+    if (!panOnDrag && (event.type === 'mousedown' || event.type === 'touchstart')) {
+      return false;
+    }
+
+    // if the pane is only movable using allowed clicks
+    if (
+      Array.isArray(panOnDrag) &&
+      !panOnDrag.includes(event.button) &&
+      (event.type === 'mousedown' || event.type === 'touchstart')
+    ) {
+      return false;
+    }
+
+    // We only allow right clicks if pan on drag is set to right click
+    const buttonAllowed =
+      (Array.isArray(panOnDrag) && panOnDrag.includes(event.button)) || !event.button || event.button <= 1;
+
+    // default filter for d3-zoom
+    return (!event.ctrlKey || event.type === 'wheel') && buttonAllowed;
+  };
+}

From 1dab08f36e9df0e053d6374e94e76ad5012c7c5d Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Wed, 31 May 2023 15:55:36 +0200
Subject: [PATCH 0071/1093] feat(utils): add vanilla drag and panzoom (#3108)

* refactor(panzoom): create vanilla helper

* feat(svelte): add interaction example

* refactor(panzoom): cleanup

* Update function-runner.ts

* refactor(panzoom): cleanup

* refactor(panzoom): rename functions

* feat(utils): add vanilla drag helper (#3107)

* feat(utils): add vanilla drag helper

* refactor(drag): cleanup

* refactor(drag): cleanup

* chore(packages): cleanup

* refactor(panzoom): cleanup and simplify
---
 examples/vite-app/package.json                |    4 +-
 package.json                                  |    5 +-
 .../core/src/components/Nodes/wrapNode.tsx    |    3 +-
 .../src/components/StoreUpdater/index.tsx     |   12 +
 .../core/src/container/FlowRenderer/index.tsx |    6 -
 .../core/src/container/GraphView/index.tsx    |   14 +-
 .../core/src/container/NodeRenderer/index.tsx |    2 -
 .../core/src/container/ReactFlow/index.tsx    |   10 +-
 .../core/src/container/ZoomPane/index.tsx     |  185 +-
 packages/core/src/hooks/useDrag.ts            |   72 +
 packages/core/src/hooks/useDrag/index.ts      |  250 --
 packages/core/src/hooks/useDrag/utils.ts      |  162 -
 .../core/src/hooks/useGetPointerPosition.ts   |   31 -
 .../core/src/hooks/useUpdateNodePositions.ts  |   16 +-
 packages/core/src/hooks/useViewportHelper.ts  |  162 +-
 packages/core/src/index.ts                    |    1 -
 packages/core/src/store/index.ts              |   40 +-
 packages/core/src/store/initialState.ts       |    5 +-
 packages/core/src/types/component-props.ts    |    2 +-
 packages/core/src/types/nodes.ts              |    1 -
 packages/core/src/types/store.ts              |   65 +-
 packages/minimap/src/MiniMap.tsx              |   38 +-
 packages/node-resizer/package.json            |    1 +
 packages/node-resizer/src/ResizeControl.tsx   |   23 +-
 .../example-components/Header/Header.svelte   |    1 +
 packages/svelte/src/lib/actions/drag/index.ts |  174 +-
 packages/svelte/src/lib/actions/drag/utils.ts |  144 -
 packages/svelte/src/lib/actions/zoom/index.ts |  235 +-
 .../NodeSelection/NodeSelection.svelte        |    5 +-
 .../components/NodeWrapper/NodeWrapper.svelte |    5 +-
 .../svelte/src/lib/container/Pane/Pane.svelte |    6 +-
 .../container/SvelteFlow/SvelteFlow.svelte    |   64 +-
 .../src/lib/container/SvelteFlow/types.ts     |   12 +-
 .../svelte/src/lib/container/Zoom/Zoom.svelte |   44 +-
 .../svelte/src/lib/container/Zoom/types.ts    |   11 +-
 .../svelte/src/lib/hooks/useSvelteFlow.ts     |   43 +-
 packages/svelte/src/lib/store/index.ts        |   93 +-
 .../svelte/src/lib/store/initial-store.ts     |   16 +-
 packages/svelte/src/lib/store/types.ts        |   14 +-
 .../src/routes/interaction/+page.svelte       |  215 +
 .../svelte/src/routes/stress/+page.svelte     |    5 +-
 packages/system/src/types/general.ts          |   13 +-
 packages/system/src/types/index.ts            |    1 +
 packages/system/src/types/nodes.ts            |    4 +
 packages/system/src/types/panzoom.ts          |   56 +
 packages/utils/package.json                   |    2 +
 packages/utils/src/graph.ts                   |  117 +-
 packages/utils/src/index.ts                   |    3 +-
 packages/utils/src/panzoom.ts                 |  352 --
 packages/utils/src/xydrag/XYDrag.ts           |  269 ++
 packages/utils/src/xydrag/index.ts            |    1 +
 packages/utils/src/xydrag/utils.ts            |   94 +
 packages/utils/src/xypanzoom/XYPanZoom.ts     |  222 +
 packages/utils/src/xypanzoom/eventhandler.ts  |  192 +
 packages/utils/src/xypanzoom/filter.ts        |   93 +
 packages/utils/src/xypanzoom/index.ts         |    1 +
 packages/utils/src/xypanzoom/utils.ts         |   22 +
 pnpm-lock.yaml                                | 3928 ++++++-----------
 tooling/rollup-config/package.json            |   10 +-
 59 files changed, 3261 insertions(+), 4316 deletions(-)
 create mode 100644 packages/core/src/hooks/useDrag.ts
 delete mode 100644 packages/core/src/hooks/useDrag/index.ts
 delete mode 100644 packages/core/src/hooks/useDrag/utils.ts
 delete mode 100644 packages/core/src/hooks/useGetPointerPosition.ts
 delete mode 100644 packages/svelte/src/lib/actions/drag/utils.ts
 create mode 100644 packages/svelte/src/routes/interaction/+page.svelte
 create mode 100644 packages/system/src/types/panzoom.ts
 delete mode 100644 packages/utils/src/panzoom.ts
 create mode 100644 packages/utils/src/xydrag/XYDrag.ts
 create mode 100644 packages/utils/src/xydrag/index.ts
 create mode 100644 packages/utils/src/xydrag/utils.ts
 create mode 100644 packages/utils/src/xypanzoom/XYPanZoom.ts
 create mode 100644 packages/utils/src/xypanzoom/eventhandler.ts
 create mode 100644 packages/utils/src/xypanzoom/filter.ts
 create mode 100644 packages/utils/src/xypanzoom/index.ts
 create mode 100644 packages/utils/src/xypanzoom/utils.ts

diff --git a/examples/vite-app/package.json b/examples/vite-app/package.json
index 5b5d4762c..ff8d4877d 100644
--- a/examples/vite-app/package.json
+++ b/examples/vite-app/package.json
@@ -29,11 +29,11 @@
     "@types/dagre": "^0.7.48",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
-    "@vitejs/plugin-react": "^3.0.1",
+    "@vitejs/plugin-react": "4.0.0",
     "cypress": "^10.6.0",
     "cypress-real-events": "^1.7.1",
     "start-server-and-test": "^1.14.0",
     "typescript": "^4.9.4",
-    "vite": "^4.0.4"
+    "vite": "4.3.9"
   }
 }
diff --git a/package.json b/package.json
index 41934922b..c462e3cad 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,6 @@
   "devDependencies": {
     "@changesets/changelog-github": "^0.4.7",
     "@changesets/cli": "^2.25.0",
-    "@preconstruct/cli": "^2.2.1",
     "@typescript-eslint/eslint-plugin": "latest",
     "@typescript-eslint/parser": "latest",
     "autoprefixer": "^10.4.8",
@@ -37,8 +36,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
-    "rollup": "^3.19.1",
-    "turbo": "^1.8.3",
+    "rollup": "^3.23.0",
+    "turbo": "^1.10.0",
     "typescript": "^4.9.4"
   }
 }
diff --git a/packages/core/src/components/Nodes/wrapNode.tsx b/packages/core/src/components/Nodes/wrapNode.tsx
index 1b021170b..06abf386a 100644
--- a/packages/core/src/components/Nodes/wrapNode.tsx
+++ b/packages/core/src/components/Nodes/wrapNode.tsx
@@ -40,7 +40,6 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
     isSelectable,
     isConnectable,
     isFocusable,
-    selectNodesOnDrag,
     sourcePosition,
     targetPosition,
     hidden,
@@ -69,6 +68,7 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
     const onContextMenuHandler = getMouseHandler(id, store.getState, onContextMenu);
     const onDoubleClickHandler = getMouseHandler(id, store.getState, onDoubleClick);
     const onSelectNodeHandler = (event: MouseEvent) => {
+      const { selectNodesOnDrag } = store.getState();
       if (isSelectable && (!selectNodesOnDrag || !isDraggable)) {
         // this handler gets called within the drag start event when selectNodesOnDrag=true
         handleNodeClick({
@@ -154,7 +154,6 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
       handleSelector: dragHandle,
       nodeId: id,
       isSelectable,
-      selectNodesOnDrag,
     });
 
     if (hidden) {
diff --git a/packages/core/src/components/StoreUpdater/index.tsx b/packages/core/src/components/StoreUpdater/index.tsx
index b472c3fa9..6833f4c71 100644
--- a/packages/core/src/components/StoreUpdater/index.tsx
+++ b/packages/core/src/components/StoreUpdater/index.tsx
@@ -44,6 +44,9 @@ type StoreUpdaterProps = Pick<
   | 'onSelectionDragStart'
   | 'onSelectionDrag'
   | 'onSelectionDragStop'
+  | 'onMove'
+  | 'onMoveStart'
+  | 'onMoveEnd'
   | 'noPanClassName'
   | 'nodeOrigin'
   | 'elevateNodesOnSelect'
@@ -52,6 +55,7 @@ type StoreUpdaterProps = Pick<
   | 'onError'
   | 'connectionRadius'
   | 'isValidConnection'
+  | 'selectNodesOnDrag'
 > & { rfId: string };
 
 const selector = (s: ReactFlowState) => ({
@@ -124,6 +128,9 @@ const StoreUpdater = ({
   onSelectionDrag,
   onSelectionDragStart,
   onSelectionDragStop,
+  onMoveStart,
+  onMove,
+  onMoveEnd,
   noPanClassName,
   nodeOrigin,
   rfId,
@@ -132,6 +139,7 @@ const StoreUpdater = ({
   onError,
   connectionRadius,
   isValidConnection,
+  selectNodesOnDrag,
 }: StoreUpdaterProps) => {
   const {
     setNodes,
@@ -183,6 +191,9 @@ const StoreUpdater = ({
   useDirectStoreUpdater('onSelectionDrag', onSelectionDrag, store.setState);
   useDirectStoreUpdater('onSelectionDragStart', onSelectionDragStart, store.setState);
   useDirectStoreUpdater('onSelectionDragStop', onSelectionDragStop, store.setState);
+  useDirectStoreUpdater('onMove', onMove, store.setState);
+  useDirectStoreUpdater('onMoveStart', onMoveStart, store.setState);
+  useDirectStoreUpdater('onMoveEnd', onMoveEnd, store.setState);
   useDirectStoreUpdater('noPanClassName', noPanClassName, store.setState);
   useDirectStoreUpdater('nodeOrigin', nodeOrigin, store.setState);
   useDirectStoreUpdater('rfId', rfId, store.setState);
@@ -191,6 +202,7 @@ const StoreUpdater = ({
   useDirectStoreUpdater('onError', onError, store.setState);
   useDirectStoreUpdater('connectionRadius', connectionRadius, store.setState);
   useDirectStoreUpdater('isValidConnection', isValidConnection, store.setState);
+  useDirectStoreUpdater('selectNodesOnDrag', selectNodesOnDrag, store.setState);
 
   useStoreUpdater<Node[]>(nodes, setNodes);
   useStoreUpdater<Edge[]>(edges, setEdges);
diff --git a/packages/core/src/container/FlowRenderer/index.tsx b/packages/core/src/container/FlowRenderer/index.tsx
index 98e89613e..1267eba9e 100644
--- a/packages/core/src/container/FlowRenderer/index.tsx
+++ b/packages/core/src/container/FlowRenderer/index.tsx
@@ -38,9 +38,6 @@ const FlowRenderer = ({
   onPaneContextMenu,
   onPaneScroll,
   deleteKeyCode,
-  onMove,
-  onMoveStart,
-  onMoveEnd,
   selectionKeyCode,
   selectionOnDrag,
   selectionMode,
@@ -78,9 +75,6 @@ const FlowRenderer = ({
 
   return (
     <ZoomPane
-      onMove={onMove}
-      onMoveStart={onMoveStart}
-      onMoveEnd={onMoveEnd}
       onPaneContextMenu={onPaneContextMenu}
       elementsSelectable={elementsSelectable}
       zoomOnScroll={zoomOnScroll}
diff --git a/packages/core/src/container/GraphView/index.tsx b/packages/core/src/container/GraphView/index.tsx
index e489b1e92..47e94b3b8 100644
--- a/packages/core/src/container/GraphView/index.tsx
+++ b/packages/core/src/container/GraphView/index.tsx
@@ -8,7 +8,10 @@ import useOnInitHandler from '../../hooks/useOnInitHandler';
 import ConnectionLine from '../../components/ConnectionLine';
 import type { EdgeTypesWrapped, NodeTypesWrapped, ReactFlowProps } from '../../types';
 
-export type GraphViewProps = Omit<ReactFlowProps, 'onSelectionChange' | 'nodes' | 'edges' | 'nodeTypes' | 'edgeTypes'> &
+export type GraphViewProps = Omit<
+  ReactFlowProps,
+  'onSelectionChange' | 'nodes' | 'edges' | 'nodeTypes' | 'edgeTypes' | 'onMove' | 'onMoveStart' | 'onMoveEnd'
+> &
   Required<
     Pick<
       ReactFlowProps,
@@ -21,7 +24,6 @@ export type GraphViewProps = Omit<ReactFlowProps, 'onSelectionChange' | 'nodes'
       | 'minZoom'
       | 'maxZoom'
       | 'defaultMarkerColor'
-      | 'selectNodesOnDrag'
       | 'noDragClassName'
       | 'noDragClassName'
       | 'noWheelClassName'
@@ -39,9 +41,6 @@ export type GraphViewProps = Omit<ReactFlowProps, 'onSelectionChange' | 'nodes'
 const GraphView = ({
   nodeTypes,
   edgeTypes,
-  onMove,
-  onMoveStart,
-  onMoveEnd,
   onInit,
   onNodeClick,
   onEdgeClick,
@@ -67,7 +66,6 @@ const GraphView = ({
   deleteKeyCode,
   onlyRenderVisibleElements,
   elementsSelectable,
-  selectNodesOnDrag,
   defaultViewport,
   translateExtent,
   minZoom,
@@ -124,9 +122,6 @@ const GraphView = ({
       panActivationKeyCode={panActivationKeyCode}
       zoomActivationKeyCode={zoomActivationKeyCode}
       elementsSelectable={elementsSelectable}
-      onMove={onMove}
-      onMoveStart={onMoveStart}
-      onMoveEnd={onMoveEnd}
       zoomOnScroll={zoomOnScroll}
       zoomOnPinch={zoomOnPinch}
       zoomOnDoubleClick={zoomOnDoubleClick}
@@ -182,7 +177,6 @@ const GraphView = ({
           onNodeMouseMove={onNodeMouseMove}
           onNodeMouseLeave={onNodeMouseLeave}
           onNodeContextMenu={onNodeContextMenu}
-          selectNodesOnDrag={selectNodesOnDrag}
           onlyRenderVisibleElements={onlyRenderVisibleElements}
           noPanClassName={noPanClassName}
           noDragClassName={noDragClassName}
diff --git a/packages/core/src/container/NodeRenderer/index.tsx b/packages/core/src/container/NodeRenderer/index.tsx
index cf31b2df6..85ce766ed 100644
--- a/packages/core/src/container/NodeRenderer/index.tsx
+++ b/packages/core/src/container/NodeRenderer/index.tsx
@@ -12,7 +12,6 @@ import type { ReactFlowState, WrapNodeProps } from '../../types';
 type NodeRendererProps = Pick<
   GraphViewProps,
   | 'nodeTypes'
-  | 'selectNodesOnDrag'
   | 'onNodeClick'
   | 'onNodeDoubleClick'
   | 'onNodeMouseEnter'
@@ -115,7 +114,6 @@ const NodeRenderer = (props: NodeRendererProps) => {
             yPos={posY}
             xPosOrigin={posOrigin.x}
             yPosOrigin={posOrigin.y}
-            selectNodesOnDrag={props.selectNodesOnDrag}
             onClick={props.onNodeClick}
             onMouseEnter={props.onNodeMouseEnter}
             onMouseMove={props.onNodeMouseMove}
diff --git a/packages/core/src/container/ReactFlow/index.tsx b/packages/core/src/container/ReactFlow/index.tsx
index d395b3fb3..dd43c43c7 100644
--- a/packages/core/src/container/ReactFlow/index.tsx
+++ b/packages/core/src/container/ReactFlow/index.tsx
@@ -120,7 +120,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
       nodeOrigin = initNodeOrigin,
       edgesFocusable,
       edgesUpdatable,
-      elementsSelectable,
+      elementsSelectable = true,
       defaultViewport = initDefaultViewport,
       minZoom = 0.5,
       maxZoom = 2,
@@ -192,9 +192,6 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
         <Wrapper>
           <GraphView
             onInit={onInit}
-            onMove={onMove}
-            onMoveStart={onMoveStart}
-            onMoveEnd={onMoveEnd}
             onNodeClick={onNodeClick}
             onEdgeClick={onEdgeClick}
             onNodeMouseEnter={onNodeMouseEnter}
@@ -216,7 +213,6 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
             panActivationKeyCode={panActivationKeyCode}
             zoomActivationKeyCode={zoomActivationKeyCode}
             onlyRenderVisibleElements={onlyRenderVisibleElements}
-            selectNodesOnDrag={selectNodesOnDrag}
             defaultViewport={defaultViewport}
             translateExtent={translateExtent}
             minZoom={minZoom}
@@ -295,6 +291,9 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
             onSelectionDrag={onSelectionDrag}
             onSelectionDragStart={onSelectionDragStart}
             onSelectionDragStop={onSelectionDragStop}
+            onMove={onMove}
+            onMoveStart={onMoveStart}
+            onMoveEnd={onMoveEnd}
             noPanClassName={noPanClassName}
             nodeOrigin={nodeOrigin}
             rfId={rfId}
@@ -303,6 +302,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
             onError={onError}
             connectionRadius={connectionRadius}
             isValidConnection={isValidConnection}
+            selectNodesOnDrag={selectNodesOnDrag}
           />
           <SelectionListener onSelectionChange={onSelectionChange} />
           {children}
diff --git a/packages/core/src/container/ZoomPane/index.tsx b/packages/core/src/container/ZoomPane/index.tsx
index 4d8025a69..27f2888f4 100644
--- a/packages/core/src/container/ZoomPane/index.tsx
+++ b/packages/core/src/container/ZoomPane/index.tsx
@@ -1,17 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { useEffect, useRef } from 'react';
 import { shallow } from 'zustand/shallow';
-import {
-  initPanZoom,
-  createPanOnScrollHandler,
-  createZoomOnScrollHandler,
-  createFilter,
-  createPanZoomStartHandler,
-  ZoomPanValues,
-  createPanZoomHandler,
-  createPanZoomEndHandler,
-} from '@reactflow/utils';
-import { PanOnScrollMode, Transform } from '@reactflow/system';
+import { XYPanZoom } from '@reactflow/utils';
+import { PanOnScrollMode, type Transform, type PanZoomInstance } from '@reactflow/system';
 
 import useKeyPress from '../../hooks/useKeyPress';
 import useResizeHandler from '../../hooks/useResizeHandler';
@@ -31,16 +22,13 @@ type ZoomPaneProps = Omit<
 >;
 
 const selector = (s: ReactFlowState) => ({
-  d3Zoom: s.d3Zoom,
-  d3Selection: s.d3Selection,
-  d3ZoomHandler: s.d3ZoomHandler,
   userSelectionActive: s.userSelectionActive,
+  onViewportChangeStart: s.onViewportChangeStart,
+  onViewportChange: s.onViewportChange,
+  onViewportChangeEnd: s.onViewportChangeEnd,
 });
 
 const ZoomPane = ({
-  onMove,
-  onMoveStart,
-  onMoveEnd,
   onPaneContextMenu,
   zoomOnScroll = true,
   zoomOnPinch = true,
@@ -48,7 +36,6 @@ const ZoomPane = ({
   panOnScrollSpeed = 0.5,
   panOnScrollMode = PanOnScrollMode.Free,
   zoomOnDoubleClick = true,
-  elementsSelectable,
   panOnDrag = true,
   defaultViewport,
   translateExtent,
@@ -62,143 +49,83 @@ const ZoomPane = ({
 }: ZoomPaneProps) => {
   const store = useStoreApi();
   const zoomPane = useRef<HTMLDivElement>(null);
-  const { d3Zoom, d3Selection, d3ZoomHandler, userSelectionActive } = useStore(selector, shallow);
+  const { userSelectionActive } = useStore(selector, shallow);
   const zoomActivationKeyPressed = useKeyPress(zoomActivationKeyCode);
-
-  const zoomPanValues = useRef<ZoomPanValues>({
-    isZoomingOrPanning: false,
-    zoomedWithRightMouseButton: false,
-    prevTransform: { x: 0, y: 0, zoom: 0 },
-    mouseButton: 0,
-    timerId: undefined,
-  });
+  const panZoom = useRef<PanZoomInstance>();
 
   useResizeHandler(zoomPane);
 
   useEffect(() => {
     if (zoomPane.current) {
-      const { d3ZoomInstance, d3Selection, d3ZoomHandler, transform } = initPanZoom({
+      panZoom.current = XYPanZoom({
         domNode: zoomPane.current,
         minZoom,
         maxZoom,
         translateExtent,
-        defaultViewport,
+        viewport: defaultViewport,
+        onTransformChange: (transform: Transform) => store.setState({ transform }),
+        onDraggingChange: (paneDragging: boolean) => store.setState({ paneDragging }),
+        onPanZoomStart: (event, vp) => {
+          const { onViewportChangeStart, onMoveStart } = store.getState();
+          onMoveStart?.(event, vp);
+          onViewportChangeStart?.(vp);
+        },
+        onPanZoom: (event, vp) => {
+          const { onViewportChange, onMove } = store.getState();
+          onMove?.(event, vp);
+          onViewportChange?.(vp);
+        },
+        onPanZoomEnd: (event, vp) => {
+          const { onViewportChangeEnd, onMoveEnd } = store.getState();
+          onMoveEnd?.(event, vp);
+          onViewportChangeEnd?.(vp);
+        },
       });
 
+      const { x, y, zoom } = panZoom.current.getViewport();
+
       store.setState({
-        d3Zoom: d3ZoomInstance,
-        d3Selection,
-        d3ZoomHandler,
-        transform,
+        panZoom: panZoom.current,
+        transform: [x, y, zoom],
         domNode: zoomPane.current.closest('.react-flow') as HTMLDivElement,
       });
-    }
-  }, []);
 
-  useEffect(() => {
-    if (d3Selection && d3Zoom) {
-      if (panOnScroll && !zoomActivationKeyPressed && !userSelectionActive) {
-        const panOnScrollHandler = createPanOnScrollHandler({
-          noWheelClassName,
-          d3Selection,
-          d3Zoom,
-          panOnScrollMode,
-          panOnScrollSpeed,
-          zoomOnPinch,
-        });
-        d3Selection.on('wheel.zoom', panOnScrollHandler, { passive: false });
-      } else if (d3ZoomHandler !== null) {
-        const zoomOnScrollHandler = createZoomOnScrollHandler({
-          noWheelClassName,
-          preventScrolling,
-          d3ZoomHandler,
-        });
-        d3Selection.on('wheel.zoom', zoomOnScrollHandler, { passive: false });
-      }
+      return () => {
+        panZoom.current?.destroy();
+      };
     }
-  }, [
-    userSelectionActive,
-    panOnScroll,
-    panOnScrollMode,
-    d3Selection,
-    d3Zoom,
-    d3ZoomHandler,
-    zoomActivationKeyPressed,
-    zoomOnPinch,
-    preventScrolling,
-    noWheelClassName,
-  ]);
-
-  useEffect(() => {
-    if (d3Zoom) {
-      const startHandler = createPanZoomStartHandler({
-        zoomPanValues: zoomPanValues.current,
-        setDragging: (paneDragging: boolean) => store.setState({ paneDragging }),
-        onMoveStart,
-        onViewportChangeStart: store.getState().onViewportChangeStart,
-      });
-      d3Zoom.on('start', startHandler);
-    }
-  }, [d3Zoom, onMoveStart]);
-
-  useEffect(() => {
-    if (d3Zoom) {
-      if (userSelectionActive && !zoomPanValues.current.isZoomingOrPanning) {
-        d3Zoom.on('zoom', null);
-      } else if (!userSelectionActive) {
-        const panZoomHandler = createPanZoomHandler({
-          zoomPanValues: zoomPanValues.current,
-          panOnDrag,
-          onPaneContextMenu: !!onPaneContextMenu,
-          onMove,
-          onViewportChange: store.getState().onViewportChange,
-          setTransform: (transform: Transform) => store.setState({ transform }),
-        });
-        d3Zoom.on('zoom', panZoomHandler);
-      }
-    }
-  }, [userSelectionActive, d3Zoom, onMove, panOnDrag, onPaneContextMenu]);
-
-  useEffect(() => {
-    if (d3Zoom) {
-      const panZoomEndHandler = createPanZoomEndHandler({
-        zoomPanValues: zoomPanValues.current,
-        panOnDrag,
-        panOnScroll,
-        onPaneContextMenu,
-        onMoveEnd,
-        onViewportChangeEnd: store.getState().onViewportChangeEnd,
-        setDragging: (paneDragging: boolean) => store.setState({ paneDragging }),
-      });
-      d3Zoom.on('end', panZoomEndHandler);
-    }
-  }, [d3Zoom, panOnScroll, panOnDrag, onMoveEnd, onPaneContextMenu]);
+  }, []);
 
   useEffect(() => {
-    if (d3Zoom) {
-      const filter = createFilter({
-        zoomActivationKeyPressed,
-        panOnDrag,
-        zoomOnScroll,
-        panOnScroll,
-        zoomOnDoubleClick,
-        zoomOnPinch,
-        userSelectionActive,
-        noPanClassName,
-        noWheelClassName,
-      });
-      d3Zoom.filter(filter);
-    }
+    panZoom.current?.update({
+      onPaneContextMenu,
+      zoomOnScroll,
+      zoomOnPinch,
+      panOnScroll,
+      panOnScrollSpeed,
+      panOnScrollMode,
+      zoomOnDoubleClick,
+      panOnDrag,
+      zoomActivationKeyPressed,
+      preventScrolling,
+      noPanClassName,
+      userSelectionActive,
+      noWheelClassName,
+    });
   }, [
-    userSelectionActive,
-    d3Zoom,
+    onPaneContextMenu,
     zoomOnScroll,
     zoomOnPinch,
     panOnScroll,
+    panOnScrollSpeed,
+    panOnScrollMode,
     zoomOnDoubleClick,
     panOnDrag,
-    elementsSelectable,
     zoomActivationKeyPressed,
+    preventScrolling,
+    noPanClassName,
+    userSelectionActive,
+    noWheelClassName,
   ]);
 
   return (
diff --git a/packages/core/src/hooks/useDrag.ts b/packages/core/src/hooks/useDrag.ts
new file mode 100644
index 000000000..49da1e2cb
--- /dev/null
+++ b/packages/core/src/hooks/useDrag.ts
@@ -0,0 +1,72 @@
+import { useEffect, useRef, useState, type RefObject } from 'react';
+import { XYDrag, type XYDragInstance } from '@reactflow/utils';
+
+import { handleNodeClick } from '../components/Nodes/utils';
+import { useStoreApi } from './useStore';
+
+type UseDragParams = {
+  nodeRef: RefObject<Element>;
+  disabled?: boolean;
+  noDragClassName?: string;
+  handleSelector?: string;
+  nodeId?: string;
+  isSelectable?: boolean;
+};
+
+function useDrag({ nodeRef, disabled = false, noDragClassName, handleSelector, nodeId, isSelectable }: UseDragParams) {
+  const store = useStoreApi();
+  const [dragging, setDragging] = useState<boolean>(false);
+  const xyDrag = useRef<XYDragInstance>();
+
+  useEffect(() => {
+    if (nodeRef?.current) {
+      xyDrag.current = XYDrag({
+        domNode: nodeRef.current,
+        getStoreItems: () => {
+          const currentStore = store.getState();
+
+          return {
+            nodes: currentStore.getNodes(),
+            ...store.getState(),
+          };
+        },
+        onNodeClick: () => {
+          if (nodeId) {
+            handleNodeClick({
+              id: nodeId,
+              store,
+              nodeRef: nodeRef as RefObject<HTMLDivElement>,
+            });
+          }
+        },
+        onDragStart: () => {
+          setDragging(true);
+        },
+        onDragStop: () => {
+          setDragging(false);
+        },
+      });
+    }
+  }, []);
+
+  useEffect(() => {
+    if (disabled) {
+      xyDrag.current?.destroy();
+    } else {
+      xyDrag.current?.update({
+        noDragClassName,
+        handleSelector,
+        domNode: nodeRef.current as Element,
+        isSelectable,
+        nodeId,
+      });
+      return () => {
+        xyDrag.current?.destroy();
+      };
+    }
+  }, [noDragClassName, handleSelector, disabled, isSelectable, nodeRef, nodeId]);
+
+  return dragging;
+}
+
+export default useDrag;
diff --git a/packages/core/src/hooks/useDrag/index.ts b/packages/core/src/hooks/useDrag/index.ts
deleted file mode 100644
index 308083099..000000000
--- a/packages/core/src/hooks/useDrag/index.ts
+++ /dev/null
@@ -1,250 +0,0 @@
-import { useEffect, useRef, useState, type RefObject, type MouseEvent } from 'react';
-import { drag } from 'd3-drag';
-import { select } from 'd3-selection';
-import { calcAutoPan, getEventPosition } from '@reactflow/utils';
-import type { NodeDragItem, UseDragEvent, XYPosition } from '@reactflow/system';
-
-import { useStoreApi } from '../../hooks/useStore';
-import { getDragItems, getEventHandlerParams, hasSelector, calcNextPosition } from './utils';
-import { handleNodeClick } from '../../components/Nodes/utils';
-import useGetPointerPosition from '../useGetPointerPosition';
-import type { Node, SelectionDragHandler } from '../../types';
-
-export type UseDragData = { dx: number; dy: number };
-
-type UseDragParams = {
-  nodeRef: RefObject<Element>;
-  disabled?: boolean;
-  noDragClassName?: string;
-  handleSelector?: string;
-  nodeId?: string;
-  isSelectable?: boolean;
-  selectNodesOnDrag?: boolean;
-};
-
-function wrapSelectionDragFunc(selectionFunc?: SelectionDragHandler) {
-  return (event: MouseEvent, _: Node, nodes: Node[]) => selectionFunc?.(event, nodes);
-}
-
-function useDrag({
-  nodeRef,
-  disabled = false,
-  noDragClassName,
-  handleSelector,
-  nodeId,
-  isSelectable,
-  selectNodesOnDrag,
-}: UseDragParams) {
-  const store = useStoreApi();
-  const [dragging, setDragging] = useState<boolean>(false);
-  const dragItems = useRef<NodeDragItem[]>([]);
-  const lastPos = useRef<{ x: number | null; y: number | null }>({ x: null, y: null });
-  const autoPanId = useRef(0);
-  const containerBounds = useRef<DOMRect | null>(null);
-  const mousePosition = useRef<{ x: number; y: number }>({ x: 0, y: 0 });
-  const dragEvent = useRef<MouseEvent | null>(null);
-  const autoPanStarted = useRef(false);
-
-  const getPointerPosition = useGetPointerPosition();
-
-  useEffect(() => {
-    if (nodeRef?.current) {
-      const selection = select(nodeRef.current);
-
-      const updateNodes = ({ x, y }: XYPosition) => {
-        const {
-          nodeInternals,
-          onNodeDrag,
-          onSelectionDrag,
-          updateNodePositions,
-          nodeExtent,
-          snapGrid,
-          snapToGrid,
-          nodeOrigin,
-          onError,
-        } = store.getState();
-
-        lastPos.current = { x, y };
-
-        let hasChange = false;
-
-        dragItems.current = dragItems.current.map((n) => {
-          const nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
-
-          if (snapToGrid) {
-            nextPosition.x = snapGrid[0] * Math.round(nextPosition.x / snapGrid[0]);
-            nextPosition.y = snapGrid[1] * Math.round(nextPosition.y / snapGrid[1]);
-          }
-
-          const updatedPos = calcNextPosition(n, nextPosition, nodeInternals, nodeExtent, nodeOrigin, onError);
-
-          // we want to make sure that we only fire a change event when there is a changes
-          hasChange = hasChange || n.position.x !== updatedPos.position.x || n.position.y !== updatedPos.position.y;
-
-          n.position = updatedPos.position;
-          n.positionAbsolute = updatedPos.positionAbsolute;
-
-          return n;
-        });
-
-        if (!hasChange) {
-          return;
-        }
-
-        updateNodePositions(dragItems.current, true, true);
-        setDragging(true);
-
-        const onDrag = nodeId ? onNodeDrag : wrapSelectionDragFunc(onSelectionDrag);
-
-        if (onDrag && dragEvent.current) {
-          const [currentNode, nodes] = getEventHandlerParams({
-            nodeId,
-            dragItems: dragItems.current,
-            nodeInternals,
-          });
-          onDrag(dragEvent.current as MouseEvent, currentNode, nodes);
-        }
-      };
-
-      const autoPan = (): void => {
-        if (!containerBounds.current) {
-          return;
-        }
-
-        const [xMovement, yMovement] = calcAutoPan(mousePosition.current, containerBounds.current);
-
-        if (xMovement !== 0 || yMovement !== 0) {
-          const { transform, panBy } = store.getState();
-
-          lastPos.current.x = (lastPos.current.x ?? 0) - xMovement / transform[2];
-          lastPos.current.y = (lastPos.current.y ?? 0) - yMovement / transform[2];
-
-          if (panBy({ x: xMovement, y: yMovement })) {
-            updateNodes(lastPos.current as XYPosition);
-          }
-        }
-        autoPanId.current = requestAnimationFrame(autoPan);
-      };
-
-      if (disabled) {
-        selection.on('.drag', null);
-      } else {
-        const dragHandler = drag()
-          .on('start', (event: UseDragEvent) => {
-            const {
-              nodeInternals,
-              multiSelectionActive,
-              domNode,
-              nodesDraggable,
-              unselectNodesAndEdges,
-              onNodeDragStart,
-              onSelectionDragStart,
-            } = store.getState();
-
-            const onStart = nodeId ? onNodeDragStart : wrapSelectionDragFunc(onSelectionDragStart);
-
-            if (!selectNodesOnDrag && !multiSelectionActive && nodeId) {
-              if (!nodeInternals.get(nodeId)?.selected) {
-                // we need to reset selected nodes when selectNodesOnDrag=false
-                unselectNodesAndEdges();
-              }
-            }
-
-            if (nodeId && isSelectable && selectNodesOnDrag) {
-              handleNodeClick({
-                id: nodeId,
-                store,
-                nodeRef: nodeRef as RefObject<HTMLDivElement>,
-              });
-            }
-
-            const pointerPos = getPointerPosition(event);
-            lastPos.current = pointerPos;
-            dragItems.current = getDragItems(nodeInternals, nodesDraggable, pointerPos, nodeId);
-
-            if (onStart && dragItems.current) {
-              const [currentNode, nodes] = getEventHandlerParams({
-                nodeId,
-                dragItems: dragItems.current,
-                nodeInternals,
-              });
-              onStart(event.sourceEvent as MouseEvent, currentNode, nodes);
-            }
-
-            containerBounds.current = domNode?.getBoundingClientRect() || null;
-            mousePosition.current = getEventPosition(event.sourceEvent, containerBounds.current!);
-          })
-          .on('drag', (event: UseDragEvent) => {
-            const pointerPos = getPointerPosition(event);
-            const { autoPanOnNodeDrag } = store.getState();
-
-            if (!autoPanStarted.current && autoPanOnNodeDrag) {
-              autoPanStarted.current = true;
-              autoPan();
-            }
-
-            // skip events without movement
-            if (
-              (lastPos.current.x !== pointerPos.xSnapped || lastPos.current.y !== pointerPos.ySnapped) &&
-              dragItems.current
-            ) {
-              dragEvent.current = event.sourceEvent as MouseEvent;
-              mousePosition.current = getEventPosition(event.sourceEvent, containerBounds.current!);
-
-              updateNodes(pointerPos);
-            }
-          })
-          .on('end', (event: UseDragEvent) => {
-            setDragging(false);
-            autoPanStarted.current = false;
-            cancelAnimationFrame(autoPanId.current);
-
-            if (dragItems.current) {
-              const { updateNodePositions, nodeInternals, onNodeDragStop, onSelectionDragStop } = store.getState();
-              const onStop = nodeId ? onNodeDragStop : wrapSelectionDragFunc(onSelectionDragStop);
-
-              updateNodePositions(dragItems.current, false, false);
-
-              if (onStop) {
-                const [currentNode, nodes] = getEventHandlerParams({
-                  nodeId,
-                  dragItems: dragItems.current,
-                  nodeInternals,
-                });
-                onStop(event.sourceEvent as MouseEvent, currentNode, nodes);
-              }
-            }
-          })
-          .filter((event: MouseEvent) => {
-            const target = event.target as HTMLDivElement;
-            const isDraggable =
-              !event.button &&
-              (!noDragClassName || !hasSelector(target, `.${noDragClassName}`, nodeRef)) &&
-              (!handleSelector || hasSelector(target, handleSelector, nodeRef));
-
-            return isDraggable;
-          });
-
-        selection.call(dragHandler);
-
-        return () => {
-          selection.on('.drag', null);
-        };
-      }
-    }
-  }, [
-    nodeRef,
-    disabled,
-    noDragClassName,
-    handleSelector,
-    isSelectable,
-    store,
-    nodeId,
-    selectNodesOnDrag,
-    getPointerPosition,
-  ]);
-
-  return dragging;
-}
-
-export default useDrag;
diff --git a/packages/core/src/hooks/useDrag/utils.ts b/packages/core/src/hooks/useDrag/utils.ts
deleted file mode 100644
index 2e3e900e8..000000000
--- a/packages/core/src/hooks/useDrag/utils.ts
+++ /dev/null
@@ -1,162 +0,0 @@
-import type { RefObject } from 'react';
-import {
-  errorMessages,
-  type CoordinateExtent,
-  type NodeDragItem,
-  type NodeOrigin,
-  type OnError,
-  type XYPosition,
-} from '@reactflow/system';
-import { clampPosition, isNumeric, getNodePositionWithOrigin } from '@reactflow/utils';
-
-import type { Node, NodeInternals } from '../../types';
-
-export function isParentSelected(node: Node, nodeInternals: NodeInternals): boolean {
-  if (!node.parentNode) {
-    return false;
-  }
-
-  const parentNode = nodeInternals.get(node.parentNode);
-
-  if (!parentNode) {
-    return false;
-  }
-
-  if (parentNode.selected) {
-    return true;
-  }
-
-  return isParentSelected(parentNode, nodeInternals);
-}
-
-export function hasSelector(target: Element, selector: string, nodeRef: RefObject<Element>): boolean {
-  let current = target;
-
-  do {
-    if (current?.matches(selector)) return true;
-    if (current === nodeRef.current) return false;
-    current = current.parentElement as Element;
-  } while (current);
-
-  return false;
-}
-
-// looks for all selected nodes and created a NodeDragItem for each of them
-export function getDragItems(
-  nodeInternals: NodeInternals,
-  nodesDraggable: boolean,
-  mousePos: XYPosition,
-  nodeId?: string
-): NodeDragItem[] {
-  return Array.from(nodeInternals.values())
-    .filter(
-      (n) =>
-        (n.selected || n.id === nodeId) &&
-        (!n.parentNode || !isParentSelected(n, nodeInternals)) &&
-        (n.draggable || (nodesDraggable && typeof n.draggable === 'undefined'))
-    )
-    .map((n) => ({
-      id: n.id,
-      position: n.position || { x: 0, y: 0 },
-      positionAbsolute: n.positionAbsolute || { x: 0, y: 0 },
-      distance: {
-        x: mousePos.x - (n.positionAbsolute?.x ?? 0),
-        y: mousePos.y - (n.positionAbsolute?.y ?? 0),
-      },
-      delta: {
-        x: 0,
-        y: 0,
-      },
-      extent: n.extent,
-      parentNode: n.parentNode,
-      width: n.width,
-      height: n.height,
-      origin: n.origin,
-    }));
-}
-
-export function calcNextPosition(
-  node: NodeDragItem | Node,
-  nextPosition: XYPosition,
-  nodeInternals: NodeInternals,
-  nodeExtent?: CoordinateExtent,
-  nodeOrigin: NodeOrigin = [0, 0],
-  onError?: OnError
-): { position: XYPosition; positionAbsolute: XYPosition } {
-  let currentExtent = node.extent || nodeExtent;
-
-  if (node.extent === 'parent') {
-    if (node.parentNode && node.width && node.height) {
-      const parent = nodeInternals.get(node.parentNode);
-      const parentOrigin = parent?.origin || nodeOrigin;
-      const currNodeOrigin = node.origin || nodeOrigin;
-
-      const { x: parentX, y: parentY } = getNodePositionWithOrigin(parent, parentOrigin).positionAbsolute;
-      currentExtent =
-        parent && isNumeric(parentX) && isNumeric(parentY) && isNumeric(parent.width) && isNumeric(parent.height)
-          ? [
-              [parentX + node.width * currNodeOrigin[0], parentY + node.height * currNodeOrigin[1]],
-              [
-                parentX + parent.width - node.width + node.width * currNodeOrigin[0],
-                parentY + parent.height - node.height + node.height * currNodeOrigin[1],
-              ],
-            ]
-          : currentExtent;
-    } else {
-      onError?.('005', errorMessages['error005']());
-
-      currentExtent = nodeExtent;
-    }
-  } else if (node.extent && node.parentNode) {
-    const parent = nodeInternals.get(node.parentNode);
-    const { x: parentX, y: parentY } = getNodePositionWithOrigin(parent, parent?.origin || nodeOrigin).positionAbsolute;
-    currentExtent = [
-      [node.extent[0][0] + parentX, node.extent[0][1] + parentY],
-      [node.extent[1][0] + parentX, node.extent[1][1] + parentY],
-    ];
-  }
-
-  let parentPosition = { x: 0, y: 0 };
-
-  if (node.parentNode) {
-    const parentNode = nodeInternals.get(node.parentNode);
-    parentPosition = getNodePositionWithOrigin(parentNode, parentNode?.origin || nodeOrigin).positionAbsolute;
-  }
-
-  const positionAbsolute = currentExtent
-    ? clampPosition(nextPosition, currentExtent as CoordinateExtent)
-    : nextPosition;
-
-  return {
-    position: {
-      x: positionAbsolute.x - parentPosition.x,
-      y: positionAbsolute.y - parentPosition.y,
-    },
-    positionAbsolute,
-  };
-}
-
-// returns two params:
-// 1. the dragged node (or the first of the list, if we are dragging a node selection)
-// 2. array of selected nodes (for multi selections)
-export function getEventHandlerParams({
-  nodeId,
-  dragItems,
-  nodeInternals,
-}: {
-  nodeId?: string;
-  dragItems: NodeDragItem[];
-  nodeInternals: NodeInternals;
-}): [Node, Node[]] {
-  const extentedDragItems: Node[] = dragItems.map((n) => {
-    const node = nodeInternals.get(n.id)!;
-
-    return {
-      ...node,
-      position: n.position,
-      positionAbsolute: n.positionAbsolute,
-    };
-  });
-
-  return [nodeId ? extentedDragItems.find((n) => n.id === nodeId)! : extentedDragItems[0], extentedDragItems];
-}
diff --git a/packages/core/src/hooks/useGetPointerPosition.ts b/packages/core/src/hooks/useGetPointerPosition.ts
deleted file mode 100644
index 67fdab5b2..000000000
--- a/packages/core/src/hooks/useGetPointerPosition.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { useCallback } from 'react';
-import type { UseDragEvent } from '@reactflow/system';
-
-import { useStoreApi } from './useStore';
-
-function useGetPointerPosition() {
-  const store = useStoreApi();
-
-  // returns the pointer position projected to the RF coordinate system
-  const getPointerPosition = useCallback(({ sourceEvent }: UseDragEvent) => {
-    const { transform, snapGrid, snapToGrid } = store.getState();
-    const x = sourceEvent.touches ? sourceEvent.touches[0].clientX : sourceEvent.clientX;
-    const y = sourceEvent.touches ? sourceEvent.touches[0].clientY : sourceEvent.clientY;
-
-    const pointerPos = {
-      x: (x - transform[0]) / transform[2],
-      y: (y - transform[1]) / transform[2],
-    };
-
-    // we need the snapped position in order to be able to skip unnecessary drag events
-    return {
-      xSnapped: snapToGrid ? snapGrid[0] * Math.round(pointerPos.x / snapGrid[0]) : pointerPos.x,
-      ySnapped: snapToGrid ? snapGrid[1] * Math.round(pointerPos.y / snapGrid[1]) : pointerPos.y,
-      ...pointerPos,
-    };
-  }, []);
-
-  return getPointerPosition;
-}
-
-export default useGetPointerPosition;
diff --git a/packages/core/src/hooks/useUpdateNodePositions.ts b/packages/core/src/hooks/useUpdateNodePositions.ts
index 0ab891573..70e1a523e 100644
--- a/packages/core/src/hooks/useUpdateNodePositions.ts
+++ b/packages/core/src/hooks/useUpdateNodePositions.ts
@@ -1,15 +1,16 @@
 import { useCallback } from 'react';
+import { calcNextPosition } from '@reactflow/utils';
 
 import { useStoreApi } from '../hooks/useStore';
-import { calcNextPosition } from './useDrag/utils';
 
 function useUpdateNodePositions() {
   const store = useStoreApi();
 
   const updatePositions = useCallback((params: { x: number; y: number; isShiftPressed: boolean }) => {
-    const { nodeInternals, nodeExtent, updateNodePositions, getNodes, snapToGrid, snapGrid, onError, nodesDraggable } =
+    const { nodeExtent, updateNodePositions, getNodes, snapToGrid, snapGrid, onError, nodesDraggable } =
       store.getState();
-    const selectedNodes = getNodes().filter(
+    const nodes = getNodes();
+    const selectedNodes = nodes.filter(
       (n) => n.selected && (n.draggable || (nodesDraggable && typeof n.draggable === 'undefined'))
     );
     // by default a node moves 5px on each key press, or 20px if shift is pressed
@@ -30,14 +31,7 @@ function useUpdateNodePositions() {
           nextPosition.y = snapGrid[1] * Math.round(nextPosition.y / snapGrid[1]);
         }
 
-        const { positionAbsolute, position } = calcNextPosition(
-          n,
-          nextPosition,
-          nodeInternals,
-          nodeExtent,
-          undefined,
-          onError
-        );
+        const { positionAbsolute, position } = calcNextPosition(n, nextPosition, nodes, nodeExtent, undefined, onError);
 
         n.position = position;
         n.positionAbsolute = positionAbsolute;
diff --git a/packages/core/src/hooks/useViewportHelper.ts b/packages/core/src/hooks/useViewportHelper.ts
index 07a5a2ba2..96d47471a 100644
--- a/packages/core/src/hooks/useViewportHelper.ts
+++ b/packages/core/src/hooks/useViewportHelper.ts
@@ -1,104 +1,94 @@
 import { useMemo } from 'react';
-import { zoomIdentity } from 'd3-zoom';
-import { shallow } from 'zustand/shallow';
-import { pointToRendererPoint, getTransformForBounds, getD3Transition, fitView } from '@reactflow/utils';
+import { pointToRendererPoint, getTransformForBounds, fitView } from '@reactflow/utils';
 import type { XYPosition } from '@reactflow/system';
 
 import { useStoreApi, useStore } from '../hooks/useStore';
 import type { ViewportHelperFunctions, ReactFlowState } from '../types';
 
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => {};
-
-const initialViewportHelper: ViewportHelperFunctions = {
-  zoomIn: noop,
-  zoomOut: noop,
-  zoomTo: noop,
-  getZoom: () => 1,
-  setViewport: noop,
-  getViewport: () => ({ x: 0, y: 0, zoom: 1 }),
-  fitView: () => false,
-  setCenter: noop,
-  fitBounds: noop,
-  project: (position: XYPosition) => position,
-  viewportInitialized: false,
-};
-
-const selector = (s: ReactFlowState) => ({
-  d3Zoom: s.d3Zoom,
-  d3Selection: s.d3Selection,
-});
+const selector = (s: ReactFlowState) => !!s.panZoom;
 
 const useViewportHelper = (): ViewportHelperFunctions => {
   const store = useStoreApi();
-  const { d3Zoom, d3Selection } = useStore(selector, shallow);
+  const panZoomInitialized = useStore(selector);
 
   const viewportHelperFunctions = useMemo<ViewportHelperFunctions>(() => {
-    if (d3Selection && d3Zoom) {
-      return {
-        zoomIn: (options) => d3Zoom.scaleBy(getD3Transition(d3Selection, options?.duration), 1.2),
-        zoomOut: (options) => d3Zoom.scaleBy(getD3Transition(d3Selection, options?.duration), 1 / 1.2),
-        zoomTo: (zoomLevel, options) => d3Zoom.scaleTo(getD3Transition(d3Selection, options?.duration), zoomLevel),
-        getZoom: () => store.getState().transform[2],
-        setViewport: (transform, options) => {
-          const [x, y, zoom] = store.getState().transform;
-          const nextTransform = zoomIdentity
-            .translate(transform.x ?? x, transform.y ?? y)
-            .scale(transform.zoom ?? zoom);
-          d3Zoom.transform(getD3Transition(d3Selection, options?.duration), nextTransform);
-        },
-        getViewport: () => {
-          const [x, y, zoom] = store.getState().transform;
-          return { x, y, zoom };
-        },
-        fitView: (options) => {
-          const { getNodes, width, height, nodeOrigin, minZoom, maxZoom, d3Selection, d3Zoom } = store.getState();
-          const d3Initialized = d3Selection && d3Zoom;
-
-          if (!d3Initialized) {
-            return false;
-          }
+    return {
+      zoomIn: (options) => store.getState().panZoom?.scaleBy(1.2, { duration: options?.duration }),
+      zoomOut: (options) => store.getState().panZoom?.scaleBy(1 / 1.2, { duration: options?.duration }),
+      zoomTo: (zoomLevel, options) => store.getState().panZoom?.scaleTo(zoomLevel, { duration: options?.duration }),
+      getZoom: () => store.getState().transform[2],
+      setViewport: (viewport, options) => {
+        const {
+          transform: [tX, tY, tZoom],
+          panZoom,
+        } = store.getState();
 
-          return fitView(
-            {
-              nodes: getNodes(),
-              width,
-              height,
-              nodeOrigin,
-              minZoom,
-              maxZoom,
-              d3Selection,
-              d3Zoom,
-            },
-            options
-          );
-        },
-        setCenter: (x, y, options) => {
-          const { width, height, maxZoom } = store.getState();
-          const nextZoom = typeof options?.zoom !== 'undefined' ? options.zoom : maxZoom;
-          const centerX = width / 2 - x * nextZoom;
-          const centerY = height / 2 - y * nextZoom;
-          const transform = zoomIdentity.translate(centerX, centerY).scale(nextZoom);
+        panZoom?.setViewport(
+          {
+            x: viewport.x ?? tX,
+            y: viewport.y ?? tY,
+            zoom: viewport.zoom ?? tZoom,
+          },
+          { duration: options?.duration }
+        );
+      },
+      getViewport: () => {
+        const [x, y, zoom] = store.getState().transform;
+        return { x, y, zoom };
+      },
+      fitView: (options) => {
+        const { getNodes, width, height, nodeOrigin, minZoom, maxZoom, panZoom } = store.getState();
 
-          d3Zoom.transform(getD3Transition(d3Selection, options?.duration), transform);
-        },
-        fitBounds: (bounds, options) => {
-          const { width, height, minZoom, maxZoom } = store.getState();
-          const [x, y, zoom] = getTransformForBounds(bounds, width, height, minZoom, maxZoom, options?.padding ?? 0.1);
-          const transform = zoomIdentity.translate(x, y).scale(zoom);
+        return panZoom
+          ? fitView(
+              {
+                nodes: getNodes(),
+                width,
+                height,
+                nodeOrigin,
+                minZoom,
+                maxZoom,
+                panZoom,
+              },
+              options
+            )
+          : false;
+      },
+      setCenter: (x, y, options) => {
+        const { width, height, maxZoom, panZoom } = store.getState();
+        const nextZoom = typeof options?.zoom !== 'undefined' ? options.zoom : maxZoom;
+        const centerX = width / 2 - x * nextZoom;
+        const centerY = height / 2 - y * nextZoom;
 
-          d3Zoom.transform(getD3Transition(d3Selection, options?.duration), transform);
-        },
-        project: (position: XYPosition) => {
-          const { transform, snapToGrid, snapGrid } = store.getState();
-          return pointToRendererPoint(position, transform, snapToGrid, snapGrid);
-        },
-        viewportInitialized: true,
-      };
-    }
+        panZoom?.setViewport(
+          {
+            x: centerX,
+            y: centerY,
+            zoom: nextZoom,
+          },
+          { duration: options?.duration }
+        );
+      },
+      fitBounds: (bounds, options) => {
+        const { width, height, minZoom, maxZoom, panZoom } = store.getState();
+        const [x, y, zoom] = getTransformForBounds(bounds, width, height, minZoom, maxZoom, options?.padding ?? 0.1);
 
-    return initialViewportHelper;
-  }, [d3Zoom, d3Selection]);
+        panZoom?.setViewport(
+          {
+            x,
+            y,
+            zoom,
+          },
+          { duration: options?.duration }
+        );
+      },
+      project: (position: XYPosition) => {
+        const { transform, snapToGrid, snapGrid } = store.getState();
+        return pointToRendererPoint(position, transform, snapToGrid, snapGrid);
+      },
+      viewportInitialized: panZoomInitialized,
+    };
+  }, [panZoomInitialized]);
 
   return viewportHelperFunctions;
 };
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index a30ca2906..a48b55e86 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -22,7 +22,6 @@ export { useStore, useStoreApi } from './hooks/useStore';
 export { default as useOnViewportChange, type UseOnViewportChangeOptions } from './hooks/useOnViewportChange';
 export { default as useOnSelectionChange, type UseOnSelectionChangeOptions } from './hooks/useOnSelectionChange';
 export { default as useNodesInitialized, type UseNodesInitializedOptions } from './hooks/useNodesInitialized';
-export { default as useGetPointerPosition } from './hooks/useGetPointerPosition';
 export { useNodeId } from './contexts/NodeIdContext';
 export * from '@reactflow/edge-utils';
 export * from '@reactflow/system';
diff --git a/packages/core/src/store/index.ts b/packages/core/src/store/index.ts
index 7942287fd..2c31ad3d3 100644
--- a/packages/core/src/store/index.ts
+++ b/packages/core/src/store/index.ts
@@ -1,5 +1,4 @@
 import { createStore } from 'zustand';
-import { zoomIdentity } from 'd3-zoom';
 import { clampPosition, getDimensions, fitView, getHandleBounds } from '@reactflow/utils';
 import {
   internalsSymbol,
@@ -62,8 +61,7 @@ const createRFStore = () =>
         height,
         minZoom,
         maxZoom,
-        d3Selection,
-        d3Zoom,
+        panZoom,
       } = get();
       const viewportNode = domNode?.querySelector('.react-flow__viewport');
 
@@ -115,15 +113,13 @@ const createRFStore = () =>
         fitViewOnInitDone ||
         (fitViewOnInit &&
           !fitViewOnInitDone &&
-          !!d3Zoom &&
-          !!d3Selection &&
+          !!panZoom &&
           fitView(
             {
               nodes: Array.from(nodeInternals.values()),
               width,
               height,
-              d3Zoom,
-              d3Selection,
+              panZoom,
               minZoom,
               maxZoom,
               nodeOrigin,
@@ -230,19 +226,19 @@ const createRFStore = () =>
       });
     },
     setMinZoom: (minZoom: number) => {
-      const { d3Zoom, maxZoom } = get();
-      d3Zoom?.scaleExtent([minZoom, maxZoom]);
+      const { panZoom, maxZoom } = get();
+      panZoom?.setScaleExtent([minZoom, maxZoom]);
 
       set({ minZoom });
     },
     setMaxZoom: (maxZoom: number) => {
-      const { d3Zoom, minZoom } = get();
-      d3Zoom?.scaleExtent([minZoom, maxZoom]);
+      const { panZoom, minZoom } = get();
+      panZoom?.setScaleExtent([minZoom, maxZoom]);
 
       set({ maxZoom });
     },
     setTranslateExtent: (translateExtent: CoordinateExtent) => {
-      get().d3Zoom?.translateExtent(translateExtent);
+      get().panZoom?.setTranslateExtent(translateExtent);
 
       set({ translateExtent });
     },
@@ -277,26 +273,28 @@ const createRFStore = () =>
       });
     },
     panBy: (delta: XYPosition): boolean => {
-      const { transform, width, height, d3Zoom, d3Selection, translateExtent } = get();
+      const { transform, width, height, panZoom, translateExtent } = get();
 
-      if (!d3Zoom || !d3Selection || (!delta.x && !delta.y)) {
+      if (!panZoom || (!delta.x && !delta.y)) {
         return false;
       }
 
-      const nextTransform = zoomIdentity.translate(transform[0] + delta.x, transform[1] + delta.y).scale(transform[2]);
-
       const extent: CoordinateExtent = [
         [0, 0],
         [width, height],
       ];
 
-      const constrainedTransform = d3Zoom?.constrain()(nextTransform, extent, translateExtent);
-      d3Zoom.transform(d3Selection, constrainedTransform);
+      const constrainedTransform = panZoom.setViewportConstrained(
+        { x: transform[0] + delta.x, y: transform[1] + delta.y, zoom: transform[2] },
+        extent,
+        translateExtent
+      );
 
       const transformChanged =
-        transform[0] !== constrainedTransform.x ||
-        transform[1] !== constrainedTransform.y ||
-        transform[2] !== constrainedTransform.k;
+        !!constrainedTransform &&
+        (transform[0] !== constrainedTransform.x ||
+          transform[1] !== constrainedTransform.y ||
+          transform[2] !== constrainedTransform.k);
 
       return transformChanged;
     },
diff --git a/packages/core/src/store/initialState.ts b/packages/core/src/store/initialState.ts
index fb67730df..28e0d4654 100644
--- a/packages/core/src/store/initialState.ts
+++ b/packages/core/src/store/initialState.ts
@@ -14,9 +14,7 @@ const initialState: ReactFlowStore = {
   onEdgesChange: null,
   hasDefaultNodes: false,
   hasDefaultEdges: false,
-  d3Zoom: null,
-  d3Selection: null,
-  d3ZoomHandler: null,
+  panZoom: null,
   minZoom: 0.5,
   maxZoom: 2,
   translateExtent: infiniteExtent,
@@ -48,6 +46,7 @@ const initialState: ReactFlowStore = {
   fitViewOnInit: false,
   fitViewOnInitDone: false,
   fitViewOnInitOptions: undefined,
+  selectNodesOnDrag: true,
 
   multiSelectionActive: false,
 
diff --git a/packages/core/src/types/component-props.ts b/packages/core/src/types/component-props.ts
index a66cf966e..f8d05a208 100644
--- a/packages/core/src/types/component-props.ts
+++ b/packages/core/src/types/component-props.ts
@@ -88,7 +88,7 @@ export type ReactFlowProps = HTMLAttributes<HTMLDivElement> & {
   onSelectionChange?: OnSelectionChangeFunc;
   onPaneScroll?: (event?: WheelEvent) => void;
   onPaneClick?: (event: ReactMouseEvent) => void;
-  onPaneContextMenu?: (event: ReactMouseEvent) => void;
+  onPaneContextMenu?: (event: ReactMouseEvent | MouseEvent) => void;
   onPaneMouseEnter?: (event: ReactMouseEvent) => void;
   onPaneMouseMove?: (event: ReactMouseEvent) => void;
   onPaneMouseLeave?: (event: ReactMouseEvent) => void;
diff --git a/packages/core/src/types/nodes.ts b/packages/core/src/types/nodes.ts
index 9ecf93ab4..4f19ac31e 100644
--- a/packages/core/src/types/nodes.ts
+++ b/packages/core/src/types/nodes.ts
@@ -28,7 +28,6 @@ export type WrapNodeProps<NodeData = any> = Pick<
     isSelectable: boolean;
     isDraggable: boolean;
     isFocusable: boolean;
-    selectNodesOnDrag: boolean;
     onClick?: NodeMouseHandler;
     onDoubleClick?: NodeMouseHandler;
     onMouseEnter?: NodeMouseHandler;
diff --git a/packages/core/src/types/store.ts b/packages/core/src/types/store.ts
index 712ca731c..dbd7741d3 100644
--- a/packages/core/src/types/store.ts
+++ b/packages/core/src/types/store.ts
@@ -1,26 +1,29 @@
 import {
   ConnectionMode,
-  ConnectionStatus,
-  CoordinateExtent,
-  D3SelectionInstance,
-  D3ZoomInstance,
-  HandleType,
-  NodeDimensionUpdate,
-  NodeDragItem,
-  NodeOrigin,
-  OnConnect,
-  OnError,
-  OnViewportChange,
-  SelectionRect,
-  SnapGrid,
-  ConnectingHandle,
-  Transform,
-  XYPosition,
-  D3ZoomHandler,
+  type ConnectionStatus,
+  type CoordinateExtent,
+  type HandleType,
+  type NodeDimensionUpdate,
+  type UpdateNodePositions,
+  type NodeOrigin,
+  type OnConnect,
+  type OnError,
+  type OnViewportChange,
+  type SelectionRect,
+  type SnapGrid,
+  type ConnectingHandle,
+  type Transform,
+  type XYPosition,
+  type PanZoomInstance,
+  type PanBy,
+  OnNodeDrag,
+  OnSelectionDrag,
+  OnMoveStart,
+  OnMove,
+  OnMoveEnd,
 } from '@reactflow/system';
 
 import type {
-  NodeDragHandler,
   Edge,
   Node,
   NodeChange,
@@ -29,7 +32,6 @@ import type {
   NodeInternals,
   OnConnectStart,
   OnConnectEnd,
-  SelectionDragHandler,
   DefaultEdgeOptions,
   FitViewOptions,
   OnNodesDelete,
@@ -54,9 +56,7 @@ export type ReactFlowStore = {
   paneDragging: boolean;
   noPanClassName: string;
 
-  d3Zoom: D3ZoomInstance | null;
-  d3Selection: D3SelectionInstance | null;
-  d3ZoomHandler: D3ZoomHandler | null;
+  panZoom: PanZoomInstance | null;
   minZoom: number;
   maxZoom: number;
   translateExtent: CoordinateExtent;
@@ -84,6 +84,7 @@ export type ReactFlowStore = {
   edgesUpdatable: boolean;
   elementsSelectable: boolean;
   elevateNodesOnSelect: boolean;
+  selectNodesOnDrag: boolean;
 
   multiSelectionActive: boolean;
 
@@ -91,13 +92,17 @@ export type ReactFlowStore = {
   connectionEndHandle: ConnectingHandle | null;
   connectionClickStartHandle: ConnectingHandle | null;
 
-  onNodeDragStart?: NodeDragHandler;
-  onNodeDrag?: NodeDragHandler;
-  onNodeDragStop?: NodeDragHandler;
+  onNodeDragStart?: OnNodeDrag;
+  onNodeDrag?: OnNodeDrag;
+  onNodeDragStop?: OnNodeDrag;
 
-  onSelectionDragStart?: SelectionDragHandler;
-  onSelectionDrag?: SelectionDragHandler;
-  onSelectionDragStop?: SelectionDragHandler;
+  onSelectionDragStart?: OnSelectionDrag;
+  onSelectionDrag?: OnSelectionDrag;
+  onSelectionDragStop?: OnSelectionDrag;
+
+  onMoveStart?: OnMoveStart;
+  onMove?: OnMove;
+  onMoveEnd?: OnMoveEnd;
 
   onConnect?: OnConnect;
   onConnectStart?: OnConnectStart;
@@ -138,7 +143,7 @@ export type ReactFlowActions = {
   setEdges: (edges: Edge[]) => void;
   setDefaultNodesAndEdges: (nodes?: Node[], edges?: Edge[]) => void;
   updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
-  updateNodePositions: (nodeDragItems: NodeDragItem[] | Node[], positionChanged: boolean, dragging: boolean) => void;
+  updateNodePositions: UpdateNodePositions;
   resetSelectedElements: () => void;
   unselectNodesAndEdges: (params?: UnselectNodesAndEdgesParams) => void;
   addSelectedNodes: (nodeIds: string[]) => void;
@@ -150,7 +155,7 @@ export type ReactFlowActions = {
   cancelConnection: () => void;
   reset: () => void;
   triggerNodeChanges: (changes: NodeChange[]) => void;
-  panBy: (delta: XYPosition) => boolean;
+  panBy: PanBy;
 };
 
 export type ReactFlowState = ReactFlowStore & ReactFlowActions;
diff --git a/packages/minimap/src/MiniMap.tsx b/packages/minimap/src/MiniMap.tsx
index 818777eef..dcefec439 100644
--- a/packages/minimap/src/MiniMap.tsx
+++ b/packages/minimap/src/MiniMap.tsx
@@ -1,11 +1,9 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { memo, useEffect, useRef } from 'react';
-import type { MouseEvent } from 'react';
+import { memo, useEffect, useRef, type MouseEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import { zoom, zoomIdentity } from 'd3-zoom';
-import type { D3ZoomEvent } from 'd3-zoom';
+import { type D3ZoomEvent, zoom } from 'd3-zoom';
 import { select, pointer } from 'd3-selection';
 import {
   useStore,
@@ -15,8 +13,9 @@ import {
   useStoreApi,
   getNodePositionWithOrigin,
   CoordinateExtent,
+  type ReactFlowState,
+  type Rect,
 } from '@reactflow/core';
-import type { ReactFlowState, Rect } from '@reactflow/core';
 
 import MiniMapNode from './MiniMapNode';
 import type { MiniMapProps, GetMiniMapNodeAttribute } from './types';
@@ -68,7 +67,7 @@ function MiniMap({
   zoomable = false,
   ariaLabel = 'React Flow mini map',
   inversePan = false,
-  zoomStep = 10
+  zoomStep = 10,
 }: MiniMapProps) {
   const store = useStoreApi();
   const svg = useRef<SVGSVGElement>(null);
@@ -99,9 +98,9 @@ function MiniMap({
       const selection = select(svg.current as Element);
 
       const zoomHandler = (event: D3ZoomEvent<SVGSVGElement, any>) => {
-        const { transform, d3Selection, d3Zoom } = store.getState();
+        const { transform, panZoom } = store.getState();
 
-        if (event.sourceEvent.type !== 'wheel' || !d3Selection || !d3Zoom) {
+        if (event.sourceEvent.type !== 'wheel' || !panZoom) {
           return;
         }
 
@@ -109,15 +108,15 @@ function MiniMap({
           -event.sourceEvent.deltaY *
           (event.sourceEvent.deltaMode === 1 ? 0.05 : event.sourceEvent.deltaMode ? 1 : 0.002) *
           zoomStep;
-        const zoom = transform[2] * Math.pow(2, pinchDelta);
+        const nextZoom = transform[2] * Math.pow(2, pinchDelta);
 
-        d3Zoom.scaleTo(d3Selection, zoom);
+        panZoom.scaleTo(nextZoom);
       };
 
       const panHandler = (event: D3ZoomEvent<HTMLDivElement, any>) => {
-        const { transform, d3Selection, d3Zoom, translateExtent, width, height } = store.getState();
+        const { transform, panZoom, translateExtent, width, height } = store.getState();
 
-        if (event.sourceEvent.type !== 'mousemove' || !d3Selection || !d3Zoom) {
+        if (event.sourceEvent.type !== 'mousemove' || !panZoom) {
           return;
         }
 
@@ -132,10 +131,15 @@ function MiniMap({
           [width, height],
         ];
 
-        const nextTransform = zoomIdentity.translate(position.x, position.y).scale(transform[2]);
-        const constrainedTransform = d3Zoom.constrain()(nextTransform, extent, translateExtent);
-
-        d3Zoom.transform(d3Selection, constrainedTransform);
+        panZoom.setViewportConstrained(
+          {
+            x: position.x,
+            y: position.y,
+            zoom: transform[2],
+          },
+          extent,
+          translateExtent
+        );
       };
 
       const zoomAndPanHandler = zoom()
@@ -144,7 +148,7 @@ function MiniMap({
         // @ts-ignore
         .on('zoom.wheel', zoomable ? zoomHandler : null);
 
-      selection.call(zoomAndPanHandler);
+      selection.call(zoomAndPanHandler, {});
 
       return () => {
         selection.on('zoom', null);
diff --git a/packages/node-resizer/package.json b/packages/node-resizer/package.json
index b40e0ead1..9c6d779e4 100644
--- a/packages/node-resizer/package.json
+++ b/packages/node-resizer/package.json
@@ -39,6 +39,7 @@
   },
   "dependencies": {
     "@reactflow/core": "workspace:^11.6.0",
+    "@reactflow/utils": "workspace:*",
     "classcat": "^5.0.4",
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
diff --git a/packages/node-resizer/src/ResizeControl.tsx b/packages/node-resizer/src/ResizeControl.tsx
index 6757b2a31..715186058 100644
--- a/packages/node-resizer/src/ResizeControl.tsx
+++ b/packages/node-resizer/src/ResizeControl.tsx
@@ -2,15 +2,8 @@ import { useRef, useEffect, memo } from 'react';
 import cc from 'classcat';
 import { drag } from 'd3-drag';
 import { select } from 'd3-selection';
-import {
-  useStoreApi,
-  useGetPointerPosition,
-  NodeChange,
-  NodeDimensionChange,
-  useNodeId,
-  NodePositionChange,
-  clamp,
-} from '@reactflow/core';
+import { getPointerPosition } from '@reactflow/utils';
+import { useStoreApi, NodeChange, NodeDimensionChange, useNodeId, NodePositionChange, clamp } from '@reactflow/core';
 
 import { ResizeDragEvent, ResizeControlProps, ResizeControlLineProps, ResizeControlVariant } from './types';
 import { getDirection } from './utils';
@@ -48,7 +41,6 @@ function ResizeControl({
   const resizeControlRef = useRef<HTMLDivElement>(null);
   const startValues = useRef<typeof initStartValues>(initStartValues);
   const prevValues = useRef<typeof initPrevValues>(initPrevValues);
-  const getPointerPosition = useGetPointerPosition();
   const defaultPosition = variant === ResizeControlVariant.Line ? 'right' : 'bottom-right';
   const controlPosition = position ?? defaultPosition;
 
@@ -66,8 +58,9 @@ function ResizeControl({
 
     const dragHandler = drag<HTMLDivElement, unknown>()
       .on('start', (event: ResizeDragEvent) => {
-        const node = store.getState().nodeInternals.get(id);
-        const { xSnapped, ySnapped } = getPointerPosition(event);
+        const { nodeInternals, transform, snapGrid, snapToGrid } = store.getState();
+        const node = nodeInternals.get(id);
+        const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
 
         prevValues.current = {
           width: node?.width ?? 0,
@@ -86,8 +79,8 @@ function ResizeControl({
         onResizeStart?.(event, { ...prevValues.current });
       })
       .on('drag', (event: ResizeDragEvent) => {
-        const { nodeInternals, triggerNodeChanges } = store.getState();
-        const { xSnapped, ySnapped } = getPointerPosition(event);
+        const { nodeInternals, transform, snapGrid, snapToGrid, triggerNodeChanges } = store.getState();
+        const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
         const node = nodeInternals.get(id);
 
         if (node) {
@@ -221,7 +214,7 @@ function ResizeControl({
     return () => {
       selection.on('.drag', null);
     };
-  }, [id, controlPosition, minWidth, minHeight, maxWidth, maxHeight, keepAspectRatio, getPointerPosition]);
+  }, [id, controlPosition, minWidth, minHeight, maxWidth, maxHeight, keepAspectRatio]);
 
   const positionClassNames = controlPosition.split('-');
   const colorStyleProp = variant === ResizeControlVariant.Line ? 'borderColor' : 'backgroundColor';
diff --git a/packages/svelte/src/example-components/Header/Header.svelte b/packages/svelte/src/example-components/Header/Header.svelte
index 39f8a8785..f8a65431f 100644
--- a/packages/svelte/src/example-components/Header/Header.svelte
+++ b/packages/svelte/src/example-components/Header/Header.svelte
@@ -5,6 +5,7 @@
     'customnode',
     'drag-n-drop',
     'edges',
+    'interaction',
     'overview',
     'stress',
     'subflows',
diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index 851557530..0dd06d256 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -1,136 +1,70 @@
 import { get } from 'svelte/store';
-import { drag as d3Drag, type D3DragEvent, type SubjectPosition } from 'd3-drag';
-import { select } from 'd3-selection';
-import type { XYPosition, CoordinateExtent } from '@reactflow/system';
+import { XYDrag } from '@reactflow/utils';
 
-import { getDragItems, hasSelector, calcNextPosition } from './utils';
 import type { SvelteFlowStore } from '$lib/store/types';
 
-export type UseDragData = { dx: number; dy: number };
-export type UseDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
-export type NodeDragItem = {
-  id: string;
-  position: XYPosition;
-  positionAbsolute: XYPosition;
-  // distance from the mouse cursor to the node when start dragging
-  distance: XYPosition;
-  width?: number | null;
-  height?: number | null;
-  extent?: 'parent' | CoordinateExtent;
-  parentNode?: string;
-  dragging?: boolean;
-};
-
 type UseDragParams = {
+  store: SvelteFlowStore;
+  disabled?: boolean;
+  noDragClassName?: string;
   handleSelector?: string;
   nodeId?: string;
-  updateNodePositions: (dragItems: NodeDragItem[], d: boolean, p: boolean) => void;
-  nodes: SvelteFlowStore['nodes'];
-  transform: SvelteFlowStore['transform'];
-  snapGrid: SvelteFlowStore['snapGrid'];
+  isSelectable?: boolean;
 };
 
-export default function drag(
-  nodeRef: Element,
-  {
-    handleSelector,
-    nodeId,
-    updateNodePositions,
-    nodes,
-    transform: transformStore,
-    snapGrid: snapGridStore
-  }: UseDragParams
-) {
-  let dragging = false;
-  let dragItems: NodeDragItem[] = [];
-  let lastPos: { x: number | null; y: number | null } = { x: null, y: null };
-
-  const selection = select(nodeRef);
-
-  const getPointerPosition = ({ sourceEvent }: UseDragEvent) => {
-    const x = sourceEvent.touches ? sourceEvent.touches[0].clientX : sourceEvent.clientX;
-    const y = sourceEvent.touches ? sourceEvent.touches[0].clientY : sourceEvent.clientY;
-    const transform = get(transformStore);
-    const snapGrid = get(snapGridStore);
-
-    const pointerPos = {
-      x: (x - transform[0]) / transform[2],
-      y: (y - transform[1]) / transform[2]
-    };
-
-    // we need the snapped position in order to be able to skip unnecessary drag events
-    return {
-      xSnapped: snapGrid ? snapGrid[0] * Math.round(pointerPos.x / snapGrid[0]) : pointerPos.x,
-      ySnapped: snapGrid ? snapGrid[1] * Math.round(pointerPos.y / snapGrid[1]) : pointerPos.y,
-      ...pointerPos
-    };
-  };
-
-  const updateNodes = ({ x, y }: XYPosition) => {
-    let hasChange = false;
-    const snapGrid = get(snapGridStore);
-
-    dragItems = dragItems.map((n) => {
-      const nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
-
-      if (snapGrid) {
-        nextPosition.x = snapGrid[0] * Math.round(nextPosition.x / snapGrid[0]);
-        nextPosition.y = snapGrid[1] * Math.round(nextPosition.y / snapGrid[1]);
-      }
-
-      const updatedPos = calcNextPosition(n, nextPosition, get(nodes));
-
-      // we want to make sure that we only fire a change event when there is a changes
-      hasChange =
-        hasChange ||
-        n.position.x !== updatedPos.position.x ||
-        n.position.y !== updatedPos.position.y;
-
-      n.position = updatedPos.position;
-      n.positionAbsolute = updatedPos.positionAbsolute;
-
-      return n;
-    });
+export default function drag(domNode: Element, params: UseDragParams) {
+  const dragInstance = XYDrag({
+    domNode,
+    getStoreItems: () => {
+      const { store } = params;
+      const snapGrid = get(store.snapGrid);
+
+      return {
+        nodes: get(store.nodes),
+        edges: get(store.edges),
+        nodeExtent: get(store.nodeExtent),
+        snapGrid: snapGrid ? snapGrid : [0, 0],
+        snapToGrid: !!snapGrid,
+        nodeOrigin: [0, 0],
+        multiSelectionActive: false,
+        domNode: get(store.domNode),
+        transform: get(store.transform),
+        autoPanOnNodeDrag: get(store.autoPanOnNodeDrag),
+        nodesDraggable: get(store.nodesDraggable),
+        selectNodesOnDrag: get(store.selectNodesOnDrag),
+        unselectNodesAndEdges: store.unselectNodesAndEdges,
+        updateNodePositions: store.updateNodePositions,
+        panBy: store.panBy
+      };
+    },
+    onNodeClick: () => {
+      console.log('node click');
+    }
+  });
 
-    if (!hasChange) {
+  function updateDrag(domNode: Element, params: UseDragParams) {
+    if (params.disabled) {
+      dragInstance.destroy();
       return;
     }
 
-    updateNodePositions(dragItems, true, true);
-    dragging = true;
-  };
-
-  const dragHandler = d3Drag()
-    .on('start', (event: UseDragEvent) => {
-      const pointerPos = getPointerPosition(event);
-      lastPos = pointerPos;
-      dragItems = getDragItems(get(nodes), pointerPos, nodeId);
-    })
-    .on('drag', (event: UseDragEvent) => {
-      const pointerPos = getPointerPosition(event);
-
-      // skip events without movement
-      if ((lastPos.x !== pointerPos.xSnapped || lastPos.y !== pointerPos.ySnapped) && dragItems) {
-        lastPos = pointerPos;
-        updateNodes(pointerPos);
-      }
-    })
-    .on('end', (event: UseDragEvent) => {
-      dragging = false;
-
-      if (dragItems) {
-        updateNodePositions(dragItems, false, false);
-      }
-    })
-    .filter((event: MouseEvent) => {
-      const target = event.target as HTMLDivElement;
-      const isDraggable =
-        !event.button &&
-        !hasSelector(target, '.nodrag', nodeRef) &&
-        (!handleSelector || hasSelector(target, handleSelector, nodeRef));
-
-      return isDraggable;
+    dragInstance.update({
+      domNode,
+      noDragClassName: params.noDragClassName,
+      handleSelector: params.handleSelector,
+      nodeId: params.nodeId,
+      isSelectable: params.isSelectable
     });
+  }
 
-  selection.call(dragHandler);
+  updateDrag(domNode, params);
+
+  return {
+    update(params: UseDragParams) {
+      updateDrag(domNode, params);
+    },
+    destroy() {
+      dragInstance.destroy();
+    }
+  };
 }
diff --git a/packages/svelte/src/lib/actions/drag/utils.ts b/packages/svelte/src/lib/actions/drag/utils.ts
deleted file mode 100644
index 476da9d6e..000000000
--- a/packages/svelte/src/lib/actions/drag/utils.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-import {
-  errorMessages,
-  type CoordinateExtent,
-  type NodeDragItem,
-  type NodeOrigin,
-  type XYPosition
-} from '@reactflow/system';
-import { clampPosition, devWarn, getNodePositionWithOrigin, isNumeric } from '@reactflow/utils';
-
-import type { Node } from '$lib/types';
-
-export function isParentSelected(node: Node, nodes: Node[]): boolean {
-  if (!node.parentNode) {
-    return false;
-  }
-
-  const parentNode = nodes.find((n) => n.id === node.parentNode);
-
-  if (!parentNode) {
-    return false;
-  }
-
-  if (parentNode.selected) {
-    return true;
-  }
-
-  return isParentSelected(parentNode, nodes);
-}
-
-export function hasSelector(target: Element, selector: string, domNode: Element): boolean {
-  let current = target;
-
-  do {
-    if (current?.matches(selector)) return true;
-    if (current === domNode) return false;
-    current = current.parentElement as Element;
-  } while (current);
-
-  return false;
-}
-
-// looks for all selected nodes and created a NodeDragItem for each of them
-export function getDragItems(nodes: Node[], mousePos: XYPosition, nodeId?: string): NodeDragItem[] {
-  return nodes
-    .filter(
-      (n) =>
-        (n.selected || n.id === nodeId) &&
-        (n.draggable || n.draggable === undefined) &&
-        (!n.parentNode || !isParentSelected(n, nodes))
-    )
-    .map((n) => ({
-      id: n.id,
-      position: n.position ? { ...n.position } : { x: 0, y: 0 },
-      positionAbsolute: n.positionAbsolute ? { ...n.positionAbsolute } : { x: 0, y: 0 },
-      distance: {
-        x: mousePos.x - (n.positionAbsolute?.x ?? 0),
-        y: mousePos.y - (n.positionAbsolute?.y ?? 0)
-      },
-      delta: {
-        x: 0,
-        y: 0
-      },
-      extent: n.extent,
-      parentNode: n.parentNode,
-      width: n.width,
-      height: n.height
-    }));
-}
-
-export function calcNextPosition(
-  node: NodeDragItem | Node,
-  nextPosition: XYPosition,
-  nodes: Node[],
-  nodeExtent?: CoordinateExtent
-): { position: XYPosition; positionAbsolute: XYPosition } {
-  let currentExtent = node.extent || nodeExtent;
-
-  if (node.extent === 'parent') {
-    if (node.parentNode && node.width && node.height) {
-      const parent = nodes.find((n) => n.id === node.parentNode);
-      const parentOrigin = parent?.origin || [0, 0];
-      const nodeOrigin = node.origin || [0, 0];
-      const { x: parentX, y: parentY } = getNodePositionWithOrigin(
-        parent,
-        parentOrigin
-      ).positionAbsolute;
-      console.log({
-        parentX,
-        parentY,
-        parentW: parent?.width,
-        parentH: parent?.height,
-        nodeW: node.width,
-        nodeH: node.height,
-        parentOrigin: parentOrigin[0]
-      });
-      currentExtent =
-        parent &&
-        isNumeric(parentX) &&
-        isNumeric(parentY) &&
-        isNumeric(parent.width) &&
-        isNumeric(parent.height)
-          ? [
-              [parentX + node.width * nodeOrigin[0], parentY + node.height * nodeOrigin[1]],
-              [
-                parentX + parent.width - node.width + node.width * nodeOrigin[0],
-                parentY + parent.height - node.height + node.height * nodeOrigin[1]
-              ]
-            ]
-          : currentExtent;
-    } else {
-      devWarn('005', errorMessages['error005']());
-      currentExtent = nodeExtent;
-    }
-  } else if (node.extent && node.parentNode) {
-    const parent = nodes.find((n) => n.id === node.parentNode);
-    const { x: parentX, y: parentY } = getNodePositionWithOrigin(
-      parent,
-      parent?.origin || [0, 0]
-    ).positionAbsolute;
-    currentExtent = [
-      [node.extent[0][0] + parentX, node.extent[0][1] + parentY],
-      [node.extent[1][0] + parentX, node.extent[1][1] + parentY]
-    ];
-  }
-
-  let parentPosition = { x: 0, y: 0 };
-
-  if (node.parentNode) {
-    const parent = nodes.find((n) => n.id === node.parentNode);
-    parentPosition = getNodePositionWithOrigin(parent, parent?.origin || [0, 0]).positionAbsolute;
-  }
-
-  const positionAbsolute = currentExtent
-    ? clampPosition(nextPosition, currentExtent as CoordinateExtent)
-    : nextPosition;
-
-  return {
-    position: {
-      x: positionAbsolute.x - parentPosition.x,
-      y: positionAbsolute.y - parentPosition.y
-    },
-    positionAbsolute
-  };
-}
diff --git a/packages/svelte/src/lib/actions/zoom/index.ts b/packages/svelte/src/lib/actions/zoom/index.ts
index 828ffe4bf..ebd1f9bb6 100644
--- a/packages/svelte/src/lib/actions/zoom/index.ts
+++ b/packages/svelte/src/lib/actions/zoom/index.ts
@@ -1,217 +1,62 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import type { Writable } from 'svelte/store';
-import { select } from 'd3-selection';
-import { zoom as d3Zoom, zoomIdentity, type D3ZoomEvent } from 'd3-zoom';
 import type {
-  D3SelectionInstance,
-  D3ZoomInstance,
-  OnMove,
-  OnMoveEnd,
-  OnMoveStart,
+  CoordinateExtent,
+  OnPanZoom,
+  PanOnScrollMode,
+  PanZoomInstance,
   Transform,
   Viewport
 } from '@reactflow/system';
-import { clamp } from '@reactflow/utils';
-
-const isWrappedWithClass = (event: any, className: string | undefined) =>
-  event.target.closest(`.${className}`);
-
-const eventToFlowTransform = (eventViewport: any): Viewport => ({
-  x: eventViewport.x,
-  y: eventViewport.y,
-  zoom: eventViewport.k
-});
-
-const isRightClickPan = (panOnDrag: FlowRendererProps['panOnDrag'], usedButton: number) =>
-  usedButton === 2 && Array.isArray(panOnDrag) && panOnDrag.includes(2);
-
-const viewChanged = (prevViewport: Viewport, eventViewport: any): boolean =>
-  prevViewport.x !== eventViewport.x ||
-  prevViewport.y !== eventViewport.y ||
-  prevViewport.zoom !== eventViewport.k;
-
-function filter(event: any, params: ZoomParams): boolean {
-  const zoomScroll = true;
-  const pinchZoom = true;
-
-  if (
-    event.button === 1 &&
-    event.type === 'mousedown' &&
-    (isWrappedWithClass(event, 'svelte-flow__node') ||
-      isWrappedWithClass(event, 'svelte-flow__edge'))
-  ) {
-    return true;
-  }
-
-  // if all interactions are disabled, we prevent all zoom events
-  // if (!panOnDrag && !zoomScroll && !panOnScroll && !zoomOnDoubleClick && !zoomOnPinch) {
-  // 	return false;
-  // }
-  // // during a selection we prevent all other interactions
-  if (params.selecting) {
-    return false;
-  }
-
-  // // if zoom on double click is disabled, we prevent the double click event
-  // if (!zoomOnDoubleClick && event.type === 'dblclick') {
-  // 	return false;
-  // }
-
-  // // if the target element is inside an element with the nowheel class, we prevent zooming
-  // if (isWrappedWithClass(event, noWheelClassName) && event.type === 'wheel') {
-  // 	return false;
-  // }
-
-  // // if the target element is inside an element with the nopan class, we prevent panning
-  if (isWrappedWithClass(event, 'nopan') && event.type !== 'wheel') {
-    return false;
-  }
-
-  // if (!zoomOnPinch && event.ctrlKey && event.type === 'wheel') {
-  // 	return false;
-  // }
-
-  // // when there is no scroll handling enabled, we prevent all wheel events
-  // if (!zoomScroll && !panOnScroll && !pinchZoom && event.type === 'wheel') {
-  // 	return false;
-  // }
-
-  // // if the pane is not movable, we prevent dragging it with mousestart or touchstart
-  // if (!panOnDrag && (event.type === 'mousedown' || event.type === 'touchstart')) {
-  // 	return false;
-  // }
-
-  // // if the pane is only movable using allowed clicks
-  // if (
-  // 	Array.isArray(panOnDrag) &&
-  // 	!panOnDrag.includes(event.button) &&
-  // 	(event.type === 'mousedown' || event.type === 'touchstart')
-  // ) {
-  // 	return false;
-  // }
-
-  // // We only allow right clicks if pan on drag is set to right click
-  // const buttonAllowed =
-  // 	(Array.isArray(panOnDrag) && panOnDrag.includes(event.button)) ||
-  // 	!event.button ||
-  // 	event.button <= 1;
-
-  // default filter for d3-zoom
-  return ((!event.ctrlKey || event.type === 'wheel') && !event.button) || event.button <= 1;
-}
+import { XYPanZoom } from '@reactflow/utils';
 
 type ZoomParams = {
   transform: Writable<Transform>;
-  selecting: boolean;
-  d3: Writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>;
   minZoom: number;
   maxZoom: number;
   initialViewport: Viewport;
   dragging: Writable<boolean>;
-  onMoveStart?: OnMoveStart;
-  onMove?: OnMove;
-  onMoveEnd?: OnMoveEnd;
+  onPanZoomStart?: OnPanZoom;
+  onPanZoom?: OnPanZoom;
+  onPanZoomEnd?: OnPanZoom;
+  onPaneContextMenu?: (event: MouseEvent) => void;
+  translateExtent: CoordinateExtent;
+  panZoom: Writable<PanZoomInstance | null>;
+  zoomOnScroll: boolean;
+  zoomOnPinch: boolean;
+  zoomOnDoubleClick: boolean;
+  panOnScroll: boolean;
+  panOnDrag: boolean | number[];
+  panOnScrollSpeed: number;
+  panOnScrollMode: PanOnScrollMode;
+  zoomActivationKeyPressed: boolean;
+  preventScrolling: boolean;
+  noPanClassName: string;
+  noWheelClassName: string;
+  userSelectionActive: boolean;
 };
 
 export default function zoom(domNode: Element, params: ZoomParams) {
-  const { d3, minZoom, maxZoom, initialViewport } = params;
-
-  const d3ZoomInstance = d3Zoom().scaleExtent([minZoom, maxZoom]);
-  const selection = select(domNode).call(d3ZoomInstance);
-
-  const updatedTransform = zoomIdentity
-    .translate(initialViewport.x, initialViewport.y)
-    .scale(clamp(initialViewport.zoom, minZoom, maxZoom));
-
-  const d3ZoomHandler = selection.on('wheel.zoom');
-
-  let mouseButton = 0;
-  let isZoomingOrPanning = false;
-  let prevTransform: Viewport = { x: 0, y: 0, zoom: 0 };
-  let zoomedWithRightMouseButton = false;
-  let timerId: any;
-
-  function updateZoomHandling(_params: ZoomParams) {
-    const { transform, dragging, onMoveStart, onMove, onMoveEnd } = _params;
-    d3ZoomInstance.on('start', (event: D3ZoomEvent<HTMLDivElement, any>) => {
-      // we need to remember it here, because it's always 0 in the "zoom" event
-      mouseButton = event.sourceEvent?.button || 0;
-
-      isZoomingOrPanning = true;
-
-      if (event.sourceEvent?.type === 'mousedown') {
-        dragging.set(true);
-      }
-
-      if (onMoveStart) {
-        const flowTransform = eventToFlowTransform(event.transform);
-        prevTransform = flowTransform;
-
-        onMoveStart?.((event.sourceEvent as MouseEvent | TouchEvent) || null, flowTransform);
-      }
-    });
-
-    d3ZoomInstance.on('zoom', (event: D3ZoomEvent<HTMLDivElement, any>) => {
-      transform.set([event.transform.x, event.transform.y, event.transform.k]);
-
-      if (onMove) {
-        const flowTransform = eventToFlowTransform(event.transform);
-
-        onMove?.((event.sourceEvent as MouseEvent | TouchEvent) || null, flowTransform);
-      }
-    });
-
-    d3ZoomInstance.on('end', (event: D3ZoomEvent<HTMLDivElement, any>) => {
-      isZoomingOrPanning = false;
-      dragging.set(false);
-
-      if (
-        //onPaneContextMenu &&
-        isRightClickPan(panOnDrag, mouseButton ?? 0) &&
-        !zoomedWithRightMouseButton
-      ) {
-        // onPaneContextMenu(event.sourceEvent);
-      }
-      zoomedWithRightMouseButton = false;
-
-      if (onMoveEnd && viewChanged(prevTransform, event.transform)) {
-        const flowTransform = eventToFlowTransform(event.transform);
-        prevTransform = flowTransform;
-
-        clearTimeout(timerId);
-        timerId = setTimeout(
-          () => {
-            onMoveEnd?.(event.sourceEvent as MouseEvent | TouchEvent, flowTransform);
-          },
-          panOnScroll ? 150 : 0
-        );
-      }
-    });
-
-    selection.on('wheel.zoom', function (event: any, d: any) {
-      if (isWrappedWithClass(event, 'nowheel')) {
-        return null;
-      }
-
-      event.preventDefault();
-      d3ZoomHandler!.call(this, event, d);
-    });
-
-    d3ZoomInstance.filter((event: any) => filter(event, params));
-  }
-
-  d3ZoomInstance.transform(selection, updatedTransform);
-
-  updateZoomHandling(params);
-
-  d3.set({
-    zoom: d3ZoomInstance,
-    selection
+  const { panZoom, minZoom, maxZoom, initialViewport, transform, dragging, translateExtent } =
+    params;
+
+  const panZoomInstance = XYPanZoom({
+    domNode,
+    minZoom,
+    maxZoom,
+    translateExtent,
+    viewport: initialViewport,
+    onTransformChange: transform.set,
+    onDraggingChange: dragging.set
   });
+  const { x, y, zoom } = panZoomInstance.getViewport();
+  transform.set([x, y, zoom]);
+  panZoom.set(panZoomInstance);
+
+  panZoomInstance.update(params);
 
   return {
     update(params: ZoomParams) {
-      updateZoomHandling(params);
+      panZoomInstance.update(params);
     }
   };
 }
diff --git a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index 6c7396d36..bdb88bf8e 100644
--- a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -5,7 +5,8 @@
   import { Selection } from '$lib/components/Selection';
   import drag from '$lib/actions/drag';
 
-  const { selectionRectMode, nodes, transform, snapGrid, updateNodePositions } = useStore();
+  const store = useStore();
+  const { selectionRectMode, nodes } = store;
 
   $: selectedNodes = $nodes.filter((n) => n.selected);
   $: rect = getRectOfNodes(selectedNodes);
@@ -15,7 +16,7 @@
   <div
     class="selection-wrapper nopan"
     style={`width: ${rect.width}px; height: ${rect.height}px; transform: translate(${rect.x}px, ${rect.y}px)`}
-    use:drag={{ nodes, snapGrid, transform, updateNodePositions }}
+    use:drag={{ disabled: false, store }}
   />
   <Selection
     isVisible={$selectionRectMode === 'nodes'}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 96e48e3fa..ecb23c63e 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -31,7 +31,8 @@
   let className: string = '';
   export { className as class };
 
-  const { nodes, transform, nodeTypes, snapGrid, updateNodePositions, addSelectedNodes } = useStore();
+  const store = useStore();
+  const { nodes, nodeTypes, addSelectedNodes } = store;
 
   let nodeRef: HTMLDivElement;
   const nodeTypeValid = !!$nodeTypes[type!];
@@ -74,7 +75,7 @@
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
-  use:drag={{ nodeId: id, nodes, snapGrid, transform, updateNodePositions }}
+  use:drag={{ nodeId: id, isSelectable: selectable, disabled: false, handleSelector: undefined, noDragClassName: 'nodrag', store }}
   bind:this={nodeRef}
   data-id={id}
   class={cc(['svelte-flow__node', `svelte-flow__node-${type || 'default'}`, className])}
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 4c962d6a6..c915987a2 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -48,7 +48,7 @@
     selectionRectMode,
     selectionKeyPressed,
     selectionMode,
-    resetSelectedElements,
+    unselectNodesAndEdges,
   } = useStore();
 
   let container: HTMLDivElement;
@@ -61,7 +61,7 @@
   function onClick(event: MouseEvent) {
     dispatch('pane:click', event);
 
-    resetSelectedElements();
+    unselectNodesAndEdges();
     selectionRectMode.set(null);
   }
 
@@ -80,7 +80,7 @@
 
     const { x, y } = getEventPosition(event, containerBounds);
 
-    resetSelectedElements();
+    unselectNodesAndEdges();
 
     selectionRect.set({
       width: 0,
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index fe52a9558..bd8ba901e 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -1,10 +1,11 @@
 <script lang="ts">
   import { onMount } from 'svelte';
   import cc from 'classcat';
+  import { PanOnScrollMode, type CoordinateExtent, type Viewport } from '@reactflow/system';
 
   import { Zoom } from '$lib/container/Zoom';
   import { Pane } from '$lib/container/Pane';
-  import { Viewport } from '$lib/container/Viewport';
+  import { Viewport as ViewportComponent } from '$lib/container/Viewport';
   import { NodeRenderer } from '$lib/container/NodeRenderer';
   import { EdgeRenderer } from '$lib/container/EdgeRenderer';
   import { UserSelection } from '$lib/components/UserSelection';
@@ -14,6 +15,7 @@
   import { Attribution } from '$lib/components/Attribution';
   import { useStore } from '$lib/store';
   import type { SvelteFlowProps } from './types';
+    import type { EdgeTypes, NodeTypes } from '$lib/types';
 
   type $$Props = SvelteFlowProps;
 
@@ -21,7 +23,7 @@
   export let fitView: $$Props['fitView'] = undefined;
   export let minZoom: $$Props['minZoom'] = undefined;
   export let maxZoom: $$Props['maxZoom'] = undefined;
-  export let initialViewport: $$Props['initialViewport'] = undefined;
+  export let initialViewport: Viewport = { x:0, y: 0, zoom: 1 };
   export let nodeTypes: $$Props['nodeTypes'] = undefined;
   export let edgeTypes: $$Props['edgeTypes'] = undefined;
   export let selectionKey: $$Props['selectionKey'] = undefined;
@@ -37,6 +39,15 @@
   export let onMove: $$Props['onMove'] = undefined;
   export let onMoveEnd: $$Props['onMoveEnd'] = undefined;
   export let isValidConnection: $$Props['isValidConnection'] = undefined;
+  export let translateExtent: $$Props['translateExtent'] = undefined;
+  export let panOnScrollMode: PanOnScrollMode = PanOnScrollMode.Free;
+  export let preventScrolling: boolean = true;
+  export let zoomOnScroll: boolean = true;
+  export let zoomOnDoubleClick: boolean = true;
+  export let zoomOnPinch: boolean = true;
+  export let panOnScroll: boolean = false;
+  export let panOnDrag: boolean | number[] = true;
+
   export let defaultMarkerColor = '#b1b1b7';
 
   export let style: $$Props['style'] = undefined;
@@ -53,6 +64,15 @@
     store.height.set(height);
     store.domNode.set(domNode);
 
+    updateStore({
+      nodeTypes,
+      edgeTypes,
+      minZoom,
+      maxZoom,
+      translateExtent,
+      fitView
+    });
+
     return () => {
       store.reset();
     }
@@ -81,7 +101,14 @@
     })
   }
 
-  $: {
+  function updateStore({ nodeTypes, edgeTypes, minZoom, maxZoom, translateExtent, fitView }: {
+    nodeTypes?: NodeTypes,
+    edgeTypes?: EdgeTypes,
+    minZoom?: number,
+    maxZoom?: number,
+    translateExtent?: CoordinateExtent,
+    fitView?: boolean
+  }) {
     if (nodeTypes !== undefined) {
      store.setNodeTypes(nodeTypes);
     }
@@ -98,10 +125,23 @@
       store.setMaxZoom(maxZoom);
     }
 
+    if (translateExtent !== undefined) {
+      store.setTranslateExtent(translateExtent)
+    }
+
     if (fitView !== undefined) {
       store.fitViewOnInit.set(fitView);
     }
   }
+
+  $: updateStore({
+    nodeTypes,
+    edgeTypes,
+    minZoom,
+    maxZoom,
+    translateExtent,
+    fitView
+  })
 </script>
 
 <div
@@ -114,9 +154,21 @@
   {...$$restProps}
 >
   <KeyHandler {selectionKey} {deleteKey} />
-  <Zoom {initialViewport} {onMoveStart} {onMove} {onMoveEnd}>
+  <Zoom
+    {initialViewport}
+    {onMoveStart}
+    {onMove}
+    {onMoveEnd}
+    {panOnScrollMode}
+    {preventScrolling}
+    {zoomOnScroll}
+    {zoomOnDoubleClick}
+    {zoomOnPinch}
+    {panOnScroll}
+    {panOnDrag}
+  >
     <Pane on:pane:click>
-      <Viewport>
+      <ViewportComponent>
         <EdgeRenderer on:edge:click />
         <ConnectionLine />
         <div class="svelte-flow__edgelabel-renderer" />
@@ -130,7 +182,7 @@
           on:connect:end
         />
         <NodeSelection />
-      </Viewport>
+      </ViewportComponent>
       <UserSelection />
     </Pane>
   </Zoom>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 30ab25661..ed078da9b 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -9,7 +9,9 @@ import type {
   SnapGrid,
   OnMoveStart,
   OnMove,
-  OnMoveEnd
+  OnMoveEnd,
+  CoordinateExtent,
+  PanOnScrollMode
 } from '@reactflow/system';
 
 import type {
@@ -39,6 +41,14 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   nodesDraggable?: boolean;
   nodesConnectable?: boolean;
   elementsSelectable?: boolean;
+  translateExtent?: CoordinateExtent;
+  panOnScrollMode?: PanOnScrollMode;
+  preventScrolling?: boolean;
+  zoomOnScroll?: boolean;
+  zoomOnDoubleClick?: boolean;
+  zoomOnPinch?: boolean;
+  panOnScroll?: boolean;
+  panOnDrag?: boolean | number[];
 
   class?: string;
   style?: string;
diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index 9b6bd1019..e8d9893ce 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -1,32 +1,60 @@
 <script lang="ts"> 
+  import { PanOnScrollMode } from '@reactflow/system';
+
   import { useStore } from '$lib/store';
   import zoom from '$lib/actions/zoom';
   import type { ZoomProps } from './types';
 
   type $$Props = ZoomProps; 
 
-  export let initialViewport: $$Props['initialViewport'] = undefined;
+  export let initialViewport: $$Props['initialViewport'];
   export let onMoveStart: $$Props['onMoveStart'] = undefined;
   export let onMove: $$Props['onMove'] = undefined;
   export let onMoveEnd: $$Props['onMoveEnd'] = undefined;
+  export let panOnScrollMode: $$Props['panOnScrollMode'];
+  export let preventScrolling: $$Props['preventScrolling'];;
+  export let zoomOnScroll: $$Props['zoomOnScroll'];;
+  export let zoomOnDoubleClick: $$Props['zoomOnDoubleClick'];;
+  export let zoomOnPinch: $$Props['zoomOnPinch'];;
+  export let panOnDrag: $$Props['panOnDrag'];
+  export let panOnScroll: $$Props['panOnScroll'];;
 
-  const { transform, d3, selectionKeyPressed, selectionRectMode, minZoom, maxZoom, dragging } = useStore();
+  const {
+    transform,
+    panZoom,
+    selectionKeyPressed,
+    minZoom,
+    maxZoom,
+    dragging,
+    translateExtent
+  } = useStore();
   
   $: viewPort = initialViewport || { x: 0, y: 0, zoom: 1 };
-  $: selecting = $selectionKeyPressed || $selectionRectMode === 'user';
 </script>
 
 <div class="svelte-flow__zoom" use:zoom={{
   transform,
-  d3,
-  selecting,
   minZoom: $minZoom,
   maxZoom: $maxZoom,
   initialViewport: viewPort,
   dragging,
-  onMoveStart,
-  onMove,
-  onMoveEnd
+  panZoom,
+  onPanZoomStart: onMoveStart,
+  onPanZoom: onMove,
+  onPanZoomEnd: onMoveEnd,
+  zoomOnScroll,
+  zoomOnDoubleClick,
+  zoomOnPinch,
+  panOnScroll,
+  panOnDrag,
+  panOnScrollSpeed: 0.5,
+  panOnScrollMode: panOnScrollMode || PanOnScrollMode.Free,
+  zoomActivationKeyPressed: false,
+  preventScrolling: typeof preventScrolling === 'boolean' ? preventScrolling : true,
+  noPanClassName: 'nopan',
+  noWheelClassName: 'nowheel',
+  userSelectionActive: $selectionKeyPressed,
+  translateExtent: $translateExtent
 }}>
   <slot />
 </div>
diff --git a/packages/svelte/src/lib/container/Zoom/types.ts b/packages/svelte/src/lib/container/Zoom/types.ts
index 20c66483a..f4cc524c9 100644
--- a/packages/svelte/src/lib/container/Zoom/types.ts
+++ b/packages/svelte/src/lib/container/Zoom/types.ts
@@ -1,8 +1,15 @@
-import type { OnMove, OnMoveStart, OnMoveEnd, Viewport } from '@reactflow/system';
+import type { OnMoveStart, OnMove, OnMoveEnd, PanOnScrollMode, Viewport } from '@reactflow/system';
 
 export type ZoomProps = {
-  initialViewport?: Viewport;
+  initialViewport: Viewport;
+  panOnScrollMode: PanOnScrollMode;
   onMove?: OnMove;
   onMoveStart?: OnMoveStart;
   onMoveEnd?: OnMoveEnd;
+  preventScrolling: boolean;
+  zoomOnScroll: boolean;
+  zoomOnDoubleClick: boolean;
+  zoomOnPinch: boolean;
+  panOnScroll: boolean;
+  panOnDrag: boolean | number[];
 };
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index d24c299f6..ed4e9f1cf 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -7,12 +7,11 @@ import type {
   XYPosition,
   ZoomInOut
 } from '@reactflow/system';
-import { zoomIdentity } from 'd3-zoom';
+import { pointToRendererPoint } from '@reactflow/utils';
 
 import { useStore } from '$lib/store';
 import type { FitViewOptions } from '$lib/types';
 import type { SvelteFlowStore } from '$lib/store/types';
-import { getD3Transition, pointToRendererPoint } from '@reactflow/utils';
 
 export function useSvelteFlow(): {
   zoomIn: ZoomInOut;
@@ -38,7 +37,7 @@ export function useSvelteFlow(): {
     width,
     height,
     maxZoom,
-    d3,
+    panZoom,
     nodes,
     edges
   } = useStore();
@@ -62,23 +61,20 @@ export function useSvelteFlow(): {
     zoomIn,
     zoomOut,
     setZoom: (zoomLevel, options) => {
-      const { zoom, selection } = get(d3);
-
-      if (zoom && selection) {
-        zoom.scaleTo(getD3Transition(selection, options?.duration), zoomLevel);
-      }
+      get(panZoom)?.scaleTo(zoomLevel, { duration: options?.duration });
     },
     getZoom: () => get(transform)[2],
     setViewport: (viewport, options) => {
       const [x, y, zoom] = get(transform);
-      const { zoom: d3Zoom, selection } = get(d3);
 
-      if (d3Zoom && selection) {
-        const nextTransform = zoomIdentity
-          .translate(viewport.x ?? x, viewport.y ?? y)
-          .scale(viewport.zoom ?? zoom);
-        d3Zoom.transform(getD3Transition(selection, options?.duration), nextTransform);
-      }
+      get(panZoom)?.setViewport(
+        {
+          x: viewport.x ?? x,
+          y: viewport.y ?? y,
+          zoom: viewport.zoom ?? zoom
+        },
+        { duration: options?.duration }
+      );
     },
     getViewport: () => {
       const [x, y, zoom] = get(transform);
@@ -88,16 +84,17 @@ export function useSvelteFlow(): {
       const _width = get(width);
       const _height = get(height);
       const _maxZoom = get(maxZoom);
-      const { zoom, selection } = get(d3);
 
-      if (zoom && selection) {
-        const nextZoom = typeof options?.zoom !== 'undefined' ? options.zoom : _maxZoom;
-        const centerX = _width / 2 - x * nextZoom;
-        const centerY = _height / 2 - y * nextZoom;
-        const transform = zoomIdentity.translate(centerX, centerY).scale(nextZoom);
+      const nextZoom = typeof options?.zoom !== 'undefined' ? options.zoom : _maxZoom;
 
-        zoom.transform(getD3Transition(selection, options?.duration), transform);
-      }
+      get(panZoom)?.setViewport(
+        {
+          x: _width / 2 - x * nextZoom,
+          y: _height / 2 - y * nextZoom,
+          zoom: nextZoom
+        },
+        { duration: options?.duration }
+      );
     },
     fitView,
     project: (position: XYPosition) => {
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index c8cbdc3f7..838deab32 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -1,8 +1,7 @@
 import { getContext } from 'svelte';
 import { derived, get } from 'svelte/store';
-import { zoomIdentity } from 'd3-zoom';
 import {
-  type NodeDragItem,
+  type UpdateNodePositions,
   type NodeDimensionUpdate,
   internalsSymbol,
   type ViewportHelperFunctionOptions,
@@ -13,10 +12,10 @@ import {
 import {
   createMarkerIds,
   fitView as fitViewUtil,
-  getD3Transition,
   getDimensions,
   getElementsToRemove,
-  getHandleBounds
+  getHandleBounds,
+  infiniteExtent
 } from '@reactflow/utils';
 
 import { addEdge as addEdgeUtil } from '$lib/utils';
@@ -60,7 +59,7 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
     store.edges.set(addEdgeUtil(edgeParams, edges));
   }
 
-  function updateNodePositions(nodeDragItems: NodeDragItem[], dragging = false) {
+  const updateNodePositions: UpdateNodePositions = (nodeDragItems, dragging = false) => {
     store.nodes.update((nds) => {
       return nds.map((n) => {
         const nodeDragItem = nodeDragItems.find((ndi) => ndi.id === n.id);
@@ -77,7 +76,7 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
         return n;
       });
     });
-  }
+  };
 
   function updateNodeDimensions(updates: NodeDimensionUpdate[]) {
     const viewportNode = document?.querySelector('.svelte-flow__viewport');
@@ -123,21 +122,21 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
       return node;
     });
 
-    const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
+    const panZoom = get(store.panZoom);
 
     const fitViewOnInitDone =
       get(store.fitViewOnInitDone) ||
-      (get(store.fitViewOnInit) && !!d3Zoom && !!d3Selection && fitView({ nodes: nextNodes }));
+      (get(store.fitViewOnInit) && !!panZoom && fitView({ nodes: nextNodes }));
 
     store.fitViewOnInitDone.set(fitViewOnInitDone);
     store.nodes.set(nextNodes);
   }
 
   function zoomBy(factor: number, options?: ViewportHelperFunctionOptions) {
-    const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
+    const panZoom = get(store.panZoom);
 
-    if (d3Zoom && d3Selection) {
-      d3Zoom.scaleBy(getD3Transition(d3Selection, options?.duration), factor);
+    if (panZoom) {
+      panZoom.scaleBy(factor, options);
     }
   }
 
@@ -150,28 +149,36 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
   }
 
   function setMinZoom(minZoom: number) {
-    const d3Zoom = get(store.d3).zoom;
-
-    if (d3Zoom) {
-      d3Zoom?.scaleExtent([minZoom, get(store.maxZoom)]);
+    const panZoom = get(store.panZoom);
 
+    if (panZoom) {
+      panZoom.setScaleExtent([minZoom, get(store.maxZoom)]);
       store.minZoom.set(minZoom);
     }
   }
 
   function setMaxZoom(maxZoom: number) {
-    const d3Zoom = get(store.d3).zoom;
-    if (d3Zoom) {
-      d3Zoom?.scaleExtent([get(store.minZoom), maxZoom]);
+    const panZoom = get(store.panZoom);
 
+    if (panZoom) {
+      panZoom.setScaleExtent([get(store.minZoom), maxZoom]);
       store.maxZoom.set(maxZoom);
     }
   }
 
+  function setTranslateExtent(extent: CoordinateExtent) {
+    const panZoom = get(store.panZoom);
+
+    if (panZoom) {
+      panZoom.setTranslateExtent(extent);
+      store.translateExtent.set(extent);
+    }
+  }
+
   function fitView(options?: FitViewOptions) {
-    const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
+    const panZoom = get(store.panZoom);
 
-    if (!d3Zoom || !d3Selection) {
+    if (!panZoom) {
       return false;
     }
 
@@ -184,8 +191,7 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
         height: get(store.height),
         minZoom: 0.2,
         maxZoom: 2,
-        d3Selection,
-        d3Zoom,
+        panZoom,
         nodeOrigin: [0, 0]
       },
       {}
@@ -203,7 +209,7 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
     return item;
   }
 
-  function resetSelectedElements() {
+  function unselectNodesAndEdges() {
     store.nodes.update((ns) => ns.map(resetSelectedItem));
     store.edges.update((es) => es.map(resetSelectedItem));
   }
@@ -267,29 +273,35 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
   }
 
   function panBy(delta: XYPosition) {
-    const { zoom: d3Zoom, selection: d3Selection } = get(store.d3);
+    const panZoom = get(store.panZoom);
     const transform = get(store.transform);
     const width = get(store.width);
     const height = get(store.height);
 
-    if (!d3Zoom || !d3Selection || (!delta.x && !delta.y)) {
-      return;
+    if (!panZoom || (!delta.x && !delta.y)) {
+      return false;
     }
 
-    const nextTransform = zoomIdentity
-      .translate(transform[0] + delta.x, transform[1] + delta.y)
-      .scale(transform[2]);
+    const nextViewport = panZoom.setViewportConstrained(
+      {
+        x: transform[0] + delta.x,
+        y: transform[1] + delta.y,
+        zoom: transform[2]
+      },
+      [
+        [0, 0],
+        [width, height]
+      ],
+      infiniteExtent
+    );
 
-    const extent: CoordinateExtent = [
-      [0, 0],
-      [width, height]
-    ];
+    const transformChanged =
+      !!nextViewport &&
+      (nextViewport.x !== transform[0] ||
+        nextViewport.y !== transform[1] ||
+        nextViewport.k !== transform[2]);
 
-    const constrainedTransform = d3Zoom?.constrain()(nextTransform, extent, [
-      [Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
-      [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY]
-    ]);
-    d3Zoom.transform(d3Selection, constrainedTransform);
+    return transformChanged;
   }
 
   function updateConnection(connectionUpdate: Partial<ConnectionData> | null) {
@@ -319,7 +331,7 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
     store.snapGrid.set(null);
     store.isValidConnection.set(() => true);
 
-    resetSelectedElements();
+    unselectNodesAndEdges();
     cancelConnection();
   }
 
@@ -346,7 +358,8 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
     fitView,
     setMinZoom,
     setMaxZoom,
-    resetSelectedElements,
+    setTranslateExtent,
+    unselectNodesAndEdges,
     addSelectedNodes,
     addSelectedEdges,
     panBy,
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 79890fe3d..9dd586e57 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -1,14 +1,14 @@
 import { readable, writable } from 'svelte/store';
 import {
   SelectionMode,
-  type D3ZoomInstance,
-  type D3SelectionInstance,
   ConnectionMode,
   ConnectionLineType,
   type SelectionRect,
   type Transform,
   type SnapGrid,
-  type MarkerProps
+  type MarkerProps,
+  type PanZoomInstance,
+  type CoordinateExtent
 } from '@reactflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -27,6 +27,7 @@ import type {
   Node,
   IsValidConnection
 } from '$lib/types';
+import { infiniteExtent } from '@reactflow/utils';
 
 export const initConnectionData = {
   nodeId: null,
@@ -58,12 +59,12 @@ export const initialStoreState = {
   width: writable<number>(500),
   minZoom: writable<number>(0.5),
   maxZoom: writable<number>(2),
+  nodeExtent: writable<CoordinateExtent>(infiniteExtent),
+  translateExtent: writable<CoordinateExtent>(infiniteExtent),
+  autoPanOnNodeDrag: writable<boolean>(true),
   fitViewOnInit: writable<boolean>(false),
   fitViewOnInitDone: writable<boolean>(false),
-  d3: writable<{ zoom: D3ZoomInstance | null; selection: D3SelectionInstance | null }>({
-    zoom: null,
-    selection: null
-  }),
+  panZoom: writable<PanZoomInstance | null>(null),
   snapGrid: writable<SnapGrid | null>(null),
   dragging: writable<boolean>(false),
   selectionRect: writable<SelectionRect | null>(null),
@@ -85,6 +86,7 @@ export const initialStoreState = {
   nodesDraggable: writable<boolean>(true),
   nodesConnectable: writable<boolean>(true),
   elementsSelectable: writable<boolean>(true),
+  selectNodesOnDrag: writable<boolean>(true),
   markers: readable<MarkerProps[]>([]),
   defaultMarkerColor: writable<string>('#b1b1b7')
 };
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index eff7e87bc..76bfb6db2 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -3,7 +3,8 @@ import type {
   XYPosition,
   ViewportHelperFunctionOptions,
   Connection,
-  NodeDragItem
+  UpdateNodePositions,
+  CoordinateExtent
 } from '@reactflow/system';
 
 import type { initialStoreState } from './initial-store';
@@ -18,17 +19,14 @@ export type SvelteFlowStoreActions = {
   zoomOut: (options?: ViewportHelperFunctionOptions) => void;
   setMinZoom: (minZoom: number) => void;
   setMaxZoom: (maxZoom: number) => void;
+  setTranslateExtent: (extent: CoordinateExtent) => void;
   fitView: (options?: FitViewOptions) => boolean;
-  updateNodePositions: (
-    nodeDragItems: NodeDragItem[],
-    positionChanged?: boolean,
-    dragging?: boolean
-  ) => void;
+  updateNodePositions: UpdateNodePositions;
   updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
-  resetSelectedElements: () => void;
+  unselectNodesAndEdges: () => void;
   addSelectedNodes: (ids: string[]) => void;
   addSelectedEdges: (ids: string[]) => void;
-  panBy: (delta: XYPosition) => void;
+  panBy: (delta: XYPosition) => boolean;
   updateConnection: (connection: Partial<ConnectionData>) => void;
   cancelConnection: () => void;
   reset(): void;
diff --git a/packages/svelte/src/routes/interaction/+page.svelte b/packages/svelte/src/routes/interaction/+page.svelte
new file mode 100644
index 000000000..34f0be844
--- /dev/null
+++ b/packages/svelte/src/routes/interaction/+page.svelte
@@ -0,0 +1,215 @@
+<script lang="ts">
+  import SvelteFlow, {
+    SvelteFlowProvider,
+    Controls,
+    Panel,
+    createNodes,
+    createEdges,
+    PanOnScrollMode,
+    Minimap,
+    type OnMoveEnd,
+    type Node,
+    type Edge,
+  } from '../../lib/index';
+
+  const nodes = createNodes([
+    {
+      id: '1',
+      type: 'input',
+      data: { label: 'Node 1' },
+      position: { x: 250, y: 5 },
+    },
+    { id: '2', data: { label: 'Node 2' }, position: { x: 100, y: 100 } },
+    { id: '3', data: { label: 'Node 3' }, position: { x: 400, y: 100 } },
+    { id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 200 } },
+  ]);
+
+  const edges = createEdges([
+    { id: 'e1-2', source: '1', target: '2', animated: true },
+    { id: 'e1-3', source: '1', target: '3' },
+  ]);
+
+  const onNodeDragStart = (_: MouseEvent, node: Node) => console.log('drag start', node);
+  const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node);
+  const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);
+  const onEdgeClick = (_: MouseEvent, edge: Edge) => console.log('click', edge);
+  const onPaneClick = (event: MouseEvent) => console.log('onPaneClick', event);
+  const onPaneScroll = (event?: WheelEvent) => console.log('onPaneScroll', event);
+  const onPaneContextMenu = (event: MouseEvent) => console.log('onPaneContextMenu', event);
+  const onMoveEnd: OnMoveEnd = (_, viewport) => console.log('onMoveEnd', viewport);
+
+
+  let isSelectable = false;
+  let isDraggable = false;
+  let isConnectable = false;
+  let zoomOnScroll = false;
+  let zoomOnPinch = false;
+  let panOnScroll = false;
+  let panOnScrollMode = PanOnScrollMode.Free;
+  let zoomOnDoubleClick = false;
+  let panOnDrag = true;
+  let captureZoomClick = false;
+  let captureZoomScroll = false;
+  let captureElementClick = false;
+</script>
+
+
+<SvelteFlowProvider
+  {nodes}
+  {edges}
+>
+  <SvelteFlow
+    elementsSelectable={isSelectable}
+    nodesConnectable={isConnectable}
+    nodesDraggable={isDraggable}
+    zoomOnScroll={zoomOnScroll}
+    zoomOnPinch={zoomOnPinch}
+    panOnScroll={panOnScroll}
+    panOnScrollMode={panOnScrollMode}
+    zoomOnDoubleClick={zoomOnDoubleClick}
+    panOnDrag={panOnDrag}
+    onMoveEnd={onMoveEnd}
+  >
+    <Minimap />
+    <Controls />
+
+    <Panel position="top-right">
+      <div>
+        <label for="draggable">
+          nodesDraggable
+          <input
+            id="draggable"
+            type="checkbox"
+            bind:checked={isDraggable}
+            class="react-flow__draggable"
+          />
+        </label>
+      </div>
+      <div>
+        <label for="connectable">
+          nodesConnectable
+          <input
+            id="connectable"
+            type="checkbox"
+            bind:checked={isConnectable}
+            class="react-flow__connectable"
+          />
+        </label>
+      </div>
+      <div>
+        <label for="selectable">
+          elementsSelectable
+          <input
+            id="selectable"
+            type="checkbox"
+            bind:checked={isSelectable}
+            class="react-flow__selectable"
+          />
+        </label>
+      </div>
+      <div>
+        <label for="zoomonscroll">
+          zoomOnScroll
+          <input
+            id="zoomonscroll"
+            type="checkbox"
+            bind:checked={zoomOnScroll}
+            class="react-flow__zoomonscroll"
+          />
+        </label>
+      </div>
+      <div>
+        <label for="zoomonpinch">
+          zoomOnPinch
+          <input
+            id="zoomonpinch"
+            type="checkbox"
+            bind:checked={zoomOnPinch}
+            class="react-flow__zoomonpinch"
+          />
+        </label>
+      </div>
+      <div>
+        <label for="panonscroll">
+          panOnScroll
+          <input
+            id="panonscroll"
+            type="checkbox"
+            bind:checked={panOnScroll}
+            class="react-flow__panonscroll"
+          />
+        </label>
+      </div>
+      <div>
+        <label for="panonscrollmode">
+          panOnScrollMode
+          <select
+            id="panonscrollmode"
+            bind:value={panOnScrollMode}
+            on:change={(event) => { panOnScrollMode = PanOnScrollMode.Free }}
+            class="react-flow__panonscrollmode"
+          >
+            <option value="free">free</option>
+            <option value="horizontal">horizontal</option>
+            <option value="vertical">vertical</option>
+          </select>
+        </label>
+      </div>
+      <div>
+        <label for="zoomondbl">
+          zoomOnDoubleClick
+          <input
+            id="zoomondbl"
+            type="checkbox"
+            bind:checked={zoomOnDoubleClick}
+            class="react-flow__zoomondbl"
+          />
+        </label>
+      </div>
+      <div>
+        <label for="panondrag">
+          panOnDrag
+          <input
+            id="panondrag"
+            type="checkbox"
+            bind:checked={panOnDrag}
+            class="react-flow__panondrag"
+          />
+        </label>
+      </div>
+      <div>
+        <label for="capturezoompaneclick">
+          capture onPaneClick
+          <input
+            id="capturezoompaneclick"
+            type="checkbox"
+            bind:checked={captureZoomClick}
+            class="react-flow__capturezoompaneclick"
+          />
+        </label>
+      </div>
+      <div>
+        <label for="capturezoompanescroll">
+          capture onPaneScroll
+          <input
+            id="capturezoompanescroll"
+            type="checkbox"
+            bind:checked={captureZoomScroll}
+            class="react-flow__capturezoompanescroll"
+          />
+        </label>
+      </div>
+      <div>
+        <label for="captureelementclick">
+          capture onElementClick
+          <input
+            id="captureelementclick"
+            type="checkbox"
+            bind:checked={captureElementClick}
+            class="react-flow__captureelementclick"
+          />
+        </label>
+      </div>
+    </Panel>
+  </SvelteFlow>
+</SvelteFlowProvider>
\ No newline at end of file
diff --git a/packages/svelte/src/routes/stress/+page.svelte b/packages/svelte/src/routes/stress/+page.svelte
index ea5dd931b..68585a832 100644
--- a/packages/svelte/src/routes/stress/+page.svelte
+++ b/packages/svelte/src/routes/stress/+page.svelte
@@ -11,8 +11,8 @@
     type Edge
   } from '../../lib/index';
 
-  const yNodes = 10;
-  const xNodes = 10;
+  const yNodes = 20;
+  const xNodes = 20;
 
   const nodeItems: Node[] = [];
   const edgeItems: Edge[] = [];
@@ -55,6 +55,7 @@
 >
   <SvelteFlow
     fitView
+    minZoom={0.2}
   >
     <Controls />
     <Background variant={BackgroundVariant.Dots} />
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 7c5473dfa..0b1412c94 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -2,8 +2,9 @@
 import type { D3DragEvent, Selection as D3Selection, SubjectPosition, ZoomBehavior } from 'd3';
 
 import type { XYPosition, Rect } from './utils';
-import type { BaseNode, NodeOrigin } from './nodes';
+import type { BaseNode, NodeDragItem, NodeOrigin } from './nodes';
 import type { HandleType } from './handles';
+import { PanZoomInstance } from './panzoom';
 
 export type Project = (position: XYPosition) => XYPosition;
 
@@ -39,8 +40,7 @@ export type FitViewParamsBase<NodeType extends BaseNode> = {
   nodes: NodeType[];
   width: number;
   height: number;
-  d3Zoom: D3ZoomInstance;
-  d3Selection: D3SelectionInstance;
+  panZoom: PanZoomInstance;
   minZoom: number;
   maxZoom: number;
   nodeOrigin?: NodeOrigin;
@@ -117,3 +117,10 @@ export type SelectionRect = Rect & {
 };
 
 export type OnError = (id: string, message: string) => void;
+
+export type UpdateNodePositions = (
+  dragItems: NodeDragItem[] | BaseNode[],
+  positionChanged?: boolean,
+  dragging?: boolean
+) => void;
+export type PanBy = (delta: XYPosition) => boolean;
diff --git a/packages/system/src/types/index.ts b/packages/system/src/types/index.ts
index 0ab95b33e..421a8531a 100644
--- a/packages/system/src/types/index.ts
+++ b/packages/system/src/types/index.ts
@@ -3,3 +3,4 @@ export * from './nodes';
 export * from './edges';
 export * from './handles';
 export * from './utils';
+export * from './panzoom';
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index ce096014f..5dc6d4fee 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -84,3 +84,7 @@ export type NodeDragItem = {
 };
 
 export type NodeOrigin = [number, number];
+
+export type OnNodeDrag = (event: MouseEvent, node: BaseNode, nodes: BaseNode[]) => void;
+
+export type OnSelectionDrag = (event: MouseEvent, nodes: BaseNode[]) => void;
diff --git a/packages/system/src/types/panzoom.ts b/packages/system/src/types/panzoom.ts
new file mode 100644
index 000000000..77df4d76d
--- /dev/null
+++ b/packages/system/src/types/panzoom.ts
@@ -0,0 +1,56 @@
+import { ZoomTransform } from 'd3-zoom';
+import { CoordinateExtent, PanOnScrollMode, Transform, Viewport } from './';
+
+export type OnDraggingChange = (dragging: boolean) => void;
+export type OnTransformChange = (transform: Transform) => void;
+
+export type PanZoomParams = {
+  domNode: Element;
+  minZoom: number;
+  maxZoom: number;
+  viewport: Viewport;
+  translateExtent: CoordinateExtent;
+  onTransformChange: OnTransformChange;
+  onDraggingChange: OnDraggingChange;
+  onPanZoomStart?: OnPanZoom;
+  onPanZoom?: OnPanZoom;
+  onPanZoomEnd?: OnPanZoom;
+};
+
+export type PanZoomTransformOptions = {
+  duration?: number;
+};
+
+export type OnPanZoom = (event: MouseEvent | TouchEvent | null, viewport: Viewport) => void;
+
+export type PanZoomUpdateOptions = {
+  noWheelClassName: string;
+  noPanClassName: string;
+  onPaneContextMenu?: (event: MouseEvent) => void;
+  preventScrolling: boolean;
+  panOnScroll: boolean;
+  panOnDrag: boolean | number[];
+  panOnScrollMode: PanOnScrollMode;
+  panOnScrollSpeed: number;
+  userSelectionActive: boolean;
+  zoomOnPinch: boolean;
+  zoomOnScroll: boolean;
+  zoomOnDoubleClick: boolean;
+  zoomActivationKeyPressed: boolean;
+};
+
+export type PanZoomInstance = {
+  update: (params: PanZoomUpdateOptions) => void;
+  destroy: () => void;
+  getViewport: () => Viewport;
+  setViewport: (viewport: Viewport, options?: PanZoomTransformOptions) => ZoomTransform | undefined;
+  setViewportConstrained: (
+    viewport: Viewport,
+    extent: CoordinateExtent,
+    translateExtent: CoordinateExtent
+  ) => ZoomTransform | undefined;
+  setScaleExtent: (scaleExtent: [number, number]) => void;
+  setTranslateExtent: (translateExtent: CoordinateExtent) => void;
+  scaleTo: (scale: number, options?: PanZoomTransformOptions) => void;
+  scaleBy: (factor: number, options?: PanZoomTransformOptions) => void;
+};
diff --git a/packages/utils/package.json b/packages/utils/package.json
index 684ef096c..93c703280 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -41,6 +41,8 @@
     "@types/d3-drag": "^3.0.1",
     "@types/d3-selection": "^3.0.3",
     "@types/d3-zoom": "^3.0.1",
+    "d3-drag": "^3.0.0",
+    "d3-selection": "^3.0.0",
     "d3-zoom": "^3.0.0"
   },
   "devDependencies": {
diff --git a/packages/utils/src/graph.ts b/packages/utils/src/graph.ts
index 9f2bc2c74..5d279bdc2 100644
--- a/packages/utils/src/graph.ts
+++ b/packages/utils/src/graph.ts
@@ -1,7 +1,14 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { zoomIdentity } from 'd3-zoom';
-
-import { boxToRect, clamp, devWarn, getBoundsOfBoxes, getOverlappingArea, rectToBox } from './utils';
+import {
+  boxToRect,
+  clamp,
+  clampPosition,
+  devWarn,
+  getBoundsOfBoxes,
+  getOverlappingArea,
+  isNumeric,
+  rectToBox,
+} from './utils';
 import {
   errorMessages,
   type Connection,
@@ -13,7 +20,10 @@ import {
   type BaseEdge,
   type FitViewParamsBase,
   type FitViewOptionsBase,
-  type D3SelectionInstance,
+  SnapGrid,
+  NodeDragItem,
+  CoordinateExtent,
+  OnError,
 } from '@reactflow/system';
 
 export const isEdgeBase = <NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>(
@@ -293,12 +303,8 @@ export const getTransformForBounds = (
   return [x, y, clampedZoom];
 };
 
-export const getD3Transition = (selection: D3SelectionInstance, duration = 0) => {
-  return selection.transition().duration(duration);
-};
-
 export function fitView<Params extends FitViewParamsBase<BaseNode>, Options extends FitViewOptionsBase<BaseNode>>(
-  { nodes, width, height, d3Zoom, d3Selection, minZoom, maxZoom, nodeOrigin = [0, 0] }: Params,
+  { nodes, width, height, panZoom, minZoom, maxZoom, nodeOrigin = [0, 0] }: Params,
   options?: Options
 ) {
   const filteredNodes = nodes.filter((n) => {
@@ -325,16 +331,97 @@ export function fitView<Params extends FitViewParamsBase<BaseNode>, Options exte
       options?.padding ?? 0.1
     );
 
-    const nextTransform = zoomIdentity.translate(x, y).scale(zoom);
+    panZoom.setViewport({ x, y, zoom }, { duration: options?.duration });
+
+    return true;
+  }
+
+  return false;
+}
+
+export type GetPointerPositionParams = {
+  transform: Transform;
+  snapGrid?: SnapGrid;
+  snapToGrid?: boolean;
+};
+
+export function getPointerPosition(
+  event: MouseEvent | TouchEvent,
+  { snapGrid = [0, 0], snapToGrid = false, transform }: GetPointerPositionParams
+): XYPosition & { xSnapped: number; ySnapped: number } {
+  const x = 'touches' in event ? event.touches[0].clientX : event.clientX;
+  const y = 'touches' in event ? event.touches[0].clientY : event.clientY;
+
+  const pointerPos = {
+    x: (x - transform[0]) / transform[2],
+    y: (y - transform[1]) / transform[2],
+  };
 
-    if (typeof options?.duration === 'number' && options.duration > 0) {
-      d3Zoom.transform(getD3Transition(d3Selection, options.duration), nextTransform);
+  // we need the snapped position in order to be able to skip unnecessary drag events
+  return {
+    xSnapped: snapToGrid ? snapGrid[0] * Math.round(pointerPos.x / snapGrid[0]) : pointerPos.x,
+    ySnapped: snapToGrid ? snapGrid[1] * Math.round(pointerPos.y / snapGrid[1]) : pointerPos.y,
+    ...pointerPos,
+  };
+}
+
+export function calcNextPosition<NodeType extends BaseNode>(
+  node: NodeDragItem | NodeType,
+  nextPosition: XYPosition,
+  nodes: NodeType[],
+  nodeExtent?: CoordinateExtent,
+  nodeOrigin: NodeOrigin = [0, 0],
+  onError?: OnError
+): { position: XYPosition; positionAbsolute: XYPosition } {
+  let currentExtent = node.extent || nodeExtent;
+
+  if (node.extent === 'parent') {
+    if (node.parentNode && node.width && node.height) {
+      const parent = nodes.find((n) => n.id === node.parentNode);
+      const parentOrigin = parent?.origin || nodeOrigin;
+      const currNodeOrigin = node.origin || nodeOrigin;
+
+      const { x: parentX, y: parentY } = getNodePositionWithOrigin(parent, parentOrigin).positionAbsolute;
+      currentExtent =
+        parent && isNumeric(parentX) && isNumeric(parentY) && isNumeric(parent.width) && isNumeric(parent.height)
+          ? [
+              [parentX + node.width * currNodeOrigin[0], parentY + node.height * currNodeOrigin[1]],
+              [
+                parentX + parent.width - node.width + node.width * currNodeOrigin[0],
+                parentY + parent.height - node.height + node.height * currNodeOrigin[1],
+              ],
+            ]
+          : currentExtent;
     } else {
-      d3Zoom.transform(d3Selection, nextTransform);
+      onError?.('005', errorMessages['error005']());
+
+      currentExtent = nodeExtent;
     }
+  } else if (node.extent && node.parentNode) {
+    const parent = nodes.find((n) => n.id === node.parentNode);
+    const { x: parentX, y: parentY } = getNodePositionWithOrigin(parent, parent?.origin || nodeOrigin).positionAbsolute;
+    currentExtent = [
+      [node.extent[0][0] + parentX, node.extent[0][1] + parentY],
+      [node.extent[1][0] + parentX, node.extent[1][1] + parentY],
+    ];
+  }
 
-    return true;
+  let parentPosition = { x: 0, y: 0 };
+
+  if (node.parentNode) {
+    const parentNode = nodes.find((n) => n.id === node.parentNode);
+    parentPosition = getNodePositionWithOrigin(parentNode, parentNode?.origin || nodeOrigin).positionAbsolute;
   }
 
-  return false;
+  const positionAbsolute = currentExtent
+    ? clampPosition(nextPosition, currentExtent as CoordinateExtent)
+    : nextPosition;
+
+  return {
+    position: {
+      x: positionAbsolute.x - parentPosition.x,
+      y: positionAbsolute.y - parentPosition.y,
+    },
+    positionAbsolute,
+  };
 }
diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
index 4f66d9a4f..6cccc3ded 100644
--- a/packages/utils/src/index.ts
+++ b/packages/utils/src/index.ts
@@ -1,4 +1,5 @@
 export * from './graph';
 export * from './utils';
 export * from './marker';
-export * from './panzoom';
+export * from './xypanzoom';
+export * from './xydrag';
diff --git a/packages/utils/src/panzoom.ts b/packages/utils/src/panzoom.ts
deleted file mode 100644
index 3e3088388..000000000
--- a/packages/utils/src/panzoom.ts
+++ /dev/null
@@ -1,352 +0,0 @@
-import { D3ZoomEvent, zoom, zoomIdentity } from 'd3-zoom';
-import { select, pointer } from 'd3-selection';
-import {
-  PanOnScrollMode,
-  type CoordinateExtent,
-  type Transform,
-  type Viewport,
-  D3ZoomInstance,
-  D3SelectionInstance,
-  D3ZoomHandler,
-  OnMoveStart,
-  OnMove,
-  OnMoveEnd,
-} from '@reactflow/system';
-
-import { clamp } from './utils';
-
-const viewChanged = (prevViewport: Viewport, eventViewport: any): boolean =>
-  prevViewport.x !== eventViewport.x || prevViewport.y !== eventViewport.y || prevViewport.zoom !== eventViewport.k;
-
-const eventToFlowTransform = (eventViewport: any): Viewport => ({
-  x: eventViewport.x,
-  y: eventViewport.y,
-  zoom: eventViewport.k,
-});
-
-const isWrappedWithClass = (event: any, className: string | undefined) => event.target.closest(`.${className}`);
-
-const isRightClickPan = (panOnDrag: boolean | number[], usedButton: number) =>
-  usedButton === 2 && Array.isArray(panOnDrag) && panOnDrag.includes(2);
-
-export type InitPanZoomParams = {
-  domNode: Element;
-  minZoom: number;
-  maxZoom: number;
-  defaultViewport: Viewport;
-  translateExtent: CoordinateExtent;
-};
-
-export function initPanZoom({ domNode, minZoom, maxZoom, translateExtent, defaultViewport }: InitPanZoomParams): {
-  d3ZoomInstance: D3ZoomInstance;
-  d3Selection: D3SelectionInstance;
-  d3ZoomHandler: D3ZoomHandler | null;
-  transform: Transform;
-} {
-  const bbox = domNode.getBoundingClientRect();
-  const d3ZoomInstance = zoom().scaleExtent([minZoom, maxZoom]).translateExtent(translateExtent);
-  const d3Selection = select(domNode).call(d3ZoomInstance);
-  const updatedTransform = zoomIdentity
-    .translate(defaultViewport.x, defaultViewport.y)
-    .scale(clamp(defaultViewport.zoom, minZoom, maxZoom));
-  const extent: CoordinateExtent = [
-    [0, 0],
-    [bbox.width, bbox.height],
-  ];
-
-  const constrainedTransform = d3ZoomInstance.constrain()(updatedTransform, extent, translateExtent);
-  d3ZoomInstance.transform(d3Selection, constrainedTransform);
-  const d3ZoomHandler = d3Selection.on('wheel.zoom') || null;
-
-  return {
-    d3ZoomInstance,
-    d3Selection,
-    d3ZoomHandler,
-    // we need to pass transform because zoom handler is not registered when we set the initial transform
-    transform: [constrainedTransform.x, constrainedTransform.y, constrainedTransform.k],
-  };
-}
-
-type PanOnScrollParams = {
-  noWheelClassName: string;
-  d3Selection: D3SelectionInstance;
-  d3Zoom: D3ZoomInstance;
-  panOnScrollMode: PanOnScrollMode;
-  panOnScrollSpeed: number;
-  zoomOnPinch: boolean;
-};
-
-export function createPanOnScrollHandler({
-  noWheelClassName,
-  d3Selection,
-  d3Zoom,
-  panOnScrollMode,
-  panOnScrollSpeed,
-  zoomOnPinch,
-}: PanOnScrollParams) {
-  return (event: any) => {
-    if (isWrappedWithClass(event, noWheelClassName)) {
-      return false;
-    }
-    event.preventDefault();
-    event.stopImmediatePropagation();
-
-    const currentZoom = d3Selection.property('__zoom').k || 1;
-
-    if (event.ctrlKey && zoomOnPinch) {
-      const point = pointer(event);
-      // taken from https://github.com/d3/d3-zoom/blob/master/src/zoom.js
-      const pinchDelta = -event.deltaY * (event.deltaMode === 1 ? 0.05 : event.deltaMode ? 1 : 0.002) * 10;
-      const zoom = currentZoom * Math.pow(2, pinchDelta);
-      d3Zoom.scaleTo(d3Selection, zoom, point);
-
-      return;
-    }
-
-    // increase scroll speed in firefox
-    // firefox: deltaMode === 1; chrome: deltaMode === 0
-    const deltaNormalize = event.deltaMode === 1 ? 20 : 1;
-    const deltaX = panOnScrollMode === PanOnScrollMode.Vertical ? 0 : event.deltaX * deltaNormalize;
-    const deltaY = panOnScrollMode === PanOnScrollMode.Horizontal ? 0 : event.deltaY * deltaNormalize;
-
-    d3Zoom.translateBy(
-      d3Selection,
-      -(deltaX / currentZoom) * panOnScrollSpeed,
-      -(deltaY / currentZoom) * panOnScrollSpeed
-    );
-  };
-}
-
-type ZoomOnScrollParams = {
-  noWheelClassName: string;
-  preventScrolling: boolean;
-  d3ZoomHandler: D3ZoomHandler;
-};
-
-export function createZoomOnScrollHandler({ noWheelClassName, preventScrolling, d3ZoomHandler }: ZoomOnScrollParams) {
-  return function (this: Element, event: any, d: unknown) {
-    if (!preventScrolling || isWrappedWithClass(event, noWheelClassName)) {
-      return null;
-    }
-
-    event.preventDefault();
-
-    d3ZoomHandler.call(this, event, d);
-  };
-}
-
-export type ZoomPanValues = {
-  isZoomingOrPanning: boolean;
-  zoomedWithRightMouseButton: boolean;
-  prevTransform: Viewport;
-  mouseButton: number;
-  timerId: ReturnType<typeof setTimeout> | undefined;
-};
-
-export type PanZoomStartParams = {
-  zoomPanValues: ZoomPanValues;
-  setDragging: (isDragging: boolean) => void;
-  onMoveStart?: OnMoveStart;
-  onViewportChangeStart?: (viewport: Viewport) => void;
-};
-
-export function createPanZoomStartHandler({
-  zoomPanValues,
-  setDragging,
-  onMoveStart,
-  onViewportChangeStart,
-}: PanZoomStartParams) {
-  return (event: D3ZoomEvent<HTMLDivElement, any>) => {
-    // we need to remember it here, because it's always 0 in the "zoom" event
-    zoomPanValues.mouseButton = event.sourceEvent?.button || 0;
-
-    zoomPanValues.isZoomingOrPanning = true;
-
-    if (event.sourceEvent?.type === 'mousedown') {
-      setDragging(true);
-    }
-
-    if (onMoveStart || onViewportChangeStart) {
-      const flowTransform = eventToFlowTransform(event.transform);
-      zoomPanValues.prevTransform = flowTransform;
-
-      onViewportChangeStart?.(flowTransform);
-      onMoveStart?.(event.sourceEvent as MouseEvent | TouchEvent, flowTransform);
-    }
-  };
-}
-
-export type PanZoomParams = {
-  zoomPanValues: ZoomPanValues;
-  panOnDrag: boolean | number[];
-  onPaneContextMenu: boolean;
-  setTransform: (transform: Transform) => void;
-  onMove?: OnMove;
-  onViewportChange?: (viewport: Viewport) => void;
-};
-
-export function createPanZoomHandler({
-  zoomPanValues,
-  panOnDrag,
-  onPaneContextMenu,
-  setTransform,
-  onMove,
-  onViewportChange,
-}: PanZoomParams) {
-  return (event: D3ZoomEvent<HTMLDivElement, any>) => {
-    zoomPanValues.zoomedWithRightMouseButton = !!(
-      onPaneContextMenu && isRightClickPan(panOnDrag, zoomPanValues.mouseButton ?? 0)
-    );
-
-    setTransform([event.transform.x, event.transform.y, event.transform.k]);
-
-    if (onMove || onViewportChange) {
-      const flowTransform = eventToFlowTransform(event.transform);
-
-      onViewportChange?.(flowTransform);
-      onMove?.(event.sourceEvent as MouseEvent | TouchEvent, flowTransform);
-    }
-  };
-}
-
-export type PanZoomEndParams = {
-  zoomPanValues: ZoomPanValues;
-  panOnDrag: boolean | number[];
-  panOnScroll: boolean;
-  setDragging: (isDragging: boolean) => void;
-  onMoveEnd?: OnMoveEnd;
-  onViewportChangeEnd?: (viewport: Viewport) => void;
-  onPaneContextMenu?: (event: any) => void;
-};
-
-export function createPanZoomEndHandler({
-  zoomPanValues,
-  panOnDrag,
-  panOnScroll,
-  setDragging,
-  onMoveEnd,
-  onViewportChangeEnd,
-  onPaneContextMenu,
-}: PanZoomEndParams) {
-  return (event: D3ZoomEvent<HTMLDivElement, any>) => {
-    zoomPanValues.isZoomingOrPanning = false;
-
-    if (
-      onPaneContextMenu &&
-      isRightClickPan(panOnDrag, zoomPanValues.mouseButton ?? 0) &&
-      !zoomPanValues.zoomedWithRightMouseButton &&
-      event.sourceEvent
-    ) {
-      onPaneContextMenu(event.sourceEvent);
-    }
-    zoomPanValues.zoomedWithRightMouseButton = false;
-
-    setDragging(false);
-
-    if ((onMoveEnd || onViewportChangeEnd) && viewChanged(zoomPanValues.prevTransform, event.transform)) {
-      const flowTransform = eventToFlowTransform(event.transform);
-      zoomPanValues.prevTransform = flowTransform;
-
-      clearTimeout(zoomPanValues.timerId);
-      zoomPanValues.timerId = setTimeout(
-        () => {
-          onViewportChangeEnd?.(flowTransform);
-          onMoveEnd?.(event.sourceEvent as MouseEvent | TouchEvent, flowTransform);
-        },
-        panOnScroll ? 150 : 0
-      );
-    }
-  };
-}
-
-type FilterParams = {
-  zoomActivationKeyPressed: boolean;
-  zoomOnScroll: boolean;
-  zoomOnPinch: boolean;
-  panOnDrag: boolean | number[];
-  panOnScroll: boolean;
-  zoomOnDoubleClick: boolean;
-  userSelectionActive: boolean;
-  noWheelClassName: string;
-  noPanClassName: string;
-};
-
-export function createFilter({
-  zoomActivationKeyPressed,
-  zoomOnScroll,
-  zoomOnPinch,
-  panOnDrag,
-  panOnScroll,
-  zoomOnDoubleClick,
-  userSelectionActive,
-  noWheelClassName,
-  noPanClassName,
-}: FilterParams) {
-  return (event: any): boolean => {
-    const zoomScroll = zoomActivationKeyPressed || zoomOnScroll;
-    const pinchZoom = zoomOnPinch && event.ctrlKey;
-
-    if (
-      event.button === 1 &&
-      event.type === 'mousedown' &&
-      (isWrappedWithClass(event, 'react-flow__node') || isWrappedWithClass(event, 'react-flow__edge'))
-    ) {
-      return true;
-    }
-
-    // if all interactions are disabled, we prevent all zoom events
-    if (!panOnDrag && !zoomScroll && !panOnScroll && !zoomOnDoubleClick && !zoomOnPinch) {
-      return false;
-    }
-
-    // during a selection we prevent all other interactions
-    if (userSelectionActive) {
-      return false;
-    }
-
-    // if zoom on double click is disabled, we prevent the double click event
-    if (!zoomOnDoubleClick && event.type === 'dblclick') {
-      return false;
-    }
-
-    // if the target element is inside an element with the nowheel class, we prevent zooming
-    if (isWrappedWithClass(event, noWheelClassName) && event.type === 'wheel') {
-      return false;
-    }
-
-    // if the target element is inside an element with the nopan class, we prevent panning
-    if (isWrappedWithClass(event, noPanClassName) && event.type !== 'wheel') {
-      return false;
-    }
-
-    if (!zoomOnPinch && event.ctrlKey && event.type === 'wheel') {
-      return false;
-    }
-
-    // when there is no scroll handling enabled, we prevent all wheel events
-    if (!zoomScroll && !panOnScroll && !pinchZoom && event.type === 'wheel') {
-      return false;
-    }
-
-    // if the pane is not movable, we prevent dragging it with mousestart or touchstart
-    if (!panOnDrag && (event.type === 'mousedown' || event.type === 'touchstart')) {
-      return false;
-    }
-
-    // if the pane is only movable using allowed clicks
-    if (
-      Array.isArray(panOnDrag) &&
-      !panOnDrag.includes(event.button) &&
-      (event.type === 'mousedown' || event.type === 'touchstart')
-    ) {
-      return false;
-    }
-
-    // We only allow right clicks if pan on drag is set to right click
-    const buttonAllowed =
-      (Array.isArray(panOnDrag) && panOnDrag.includes(event.button)) || !event.button || event.button <= 1;
-
-    // default filter for d3-zoom
-    return (!event.ctrlKey || event.type === 'wheel') && buttonAllowed;
-  };
-}
diff --git a/packages/utils/src/xydrag/XYDrag.ts b/packages/utils/src/xydrag/XYDrag.ts
new file mode 100644
index 000000000..3a4bccb0e
--- /dev/null
+++ b/packages/utils/src/xydrag/XYDrag.ts
@@ -0,0 +1,269 @@
+import { drag } from 'd3-drag';
+import { select } from 'd3-selection';
+import type {
+  BaseNode,
+  NodeDragItem,
+  UseDragEvent,
+  XYPosition,
+  BaseEdge,
+  CoordinateExtent,
+  NodeOrigin,
+  OnError,
+  SnapGrid,
+  Transform,
+  PanBy,
+  OnNodeDrag,
+  OnSelectionDrag,
+  UpdateNodePositions,
+} from '@reactflow/system';
+
+import { calcAutoPan, getEventPosition, getPointerPosition, calcNextPosition } from '../';
+import { getDragItems, getEventHandlerParams, hasSelector, wrapSelectionDragFunc } from './utils';
+
+export type OnDrag = (event: MouseEvent, dragItems: NodeDragItem[], node: BaseNode, nodes: BaseNode[]) => void;
+
+type StoreItems = {
+  nodes: BaseNode[];
+  edges: BaseEdge[];
+  nodeExtent: CoordinateExtent;
+  snapGrid: SnapGrid;
+  snapToGrid: boolean;
+  nodeOrigin: NodeOrigin;
+  multiSelectionActive: boolean;
+  domNode?: Element | null;
+  transform: Transform;
+  autoPanOnNodeDrag: boolean;
+  nodesDraggable: boolean;
+  selectNodesOnDrag: boolean;
+  panBy: PanBy;
+  unselectNodesAndEdges: () => void;
+  onError?: OnError;
+  onNodeDragStart?: OnNodeDrag;
+  onNodeDrag?: OnNodeDrag;
+  onNodeDragStop?: OnNodeDrag;
+  onSelectionDragStart?: OnSelectionDrag;
+  onSelectionDrag?: OnSelectionDrag;
+  onSelectionDragStop?: OnSelectionDrag;
+  updateNodePositions: UpdateNodePositions;
+};
+
+export type XYDragParams = {
+  domNode: Element;
+  getStoreItems: () => StoreItems;
+  onDragStart?: OnDrag;
+  onDrag?: OnDrag;
+  onDragStop?: OnDrag;
+  onNodeClick?: () => void;
+};
+
+export type XYDragInstance = {
+  update: (params: DragUpdateParams) => void;
+  destroy: () => void;
+};
+
+export type DragUpdateParams = {
+  noDragClassName?: string;
+  handleSelector?: string;
+  isSelectable?: boolean;
+  nodeId?: string;
+  domNode: Element;
+};
+
+export function XYDrag({
+  domNode,
+  onNodeClick,
+  getStoreItems,
+  onDragStart,
+  onDrag,
+  onDragStop,
+}: XYDragParams): XYDragInstance {
+  let lastPos: { x: number | null; y: number | null } = { x: null, y: null };
+  let autoPanId = 0;
+  let dragItems: NodeDragItem[] = [];
+  let autoPanStarted = false;
+  let mousePosition: XYPosition = { x: 0, y: 0 };
+  let dragEvent: MouseEvent | null = null;
+  let containerBounds: DOMRect | null = null;
+
+  const d3Selection = select(domNode);
+
+  // public functions
+  function update({ noDragClassName, handleSelector, domNode, isSelectable, nodeId }: DragUpdateParams) {
+    function updateNodes({ x, y }: XYPosition) {
+      const {
+        nodes,
+        nodeExtent,
+        snapGrid,
+        snapToGrid,
+        nodeOrigin,
+        onNodeDrag,
+        onSelectionDrag,
+        onError,
+        updateNodePositions,
+      } = getStoreItems();
+
+      lastPos = { x, y };
+
+      let hasChange = false;
+
+      dragItems = dragItems.map((n) => {
+        const nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
+
+        if (snapToGrid) {
+          nextPosition.x = snapGrid[0] * Math.round(nextPosition.x / snapGrid[0]);
+          nextPosition.y = snapGrid[1] * Math.round(nextPosition.y / snapGrid[1]);
+        }
+
+        const updatedPos = calcNextPosition(n, nextPosition, nodes, nodeExtent, nodeOrigin, onError);
+
+        // we want to make sure that we only fire a change event when there is a changes
+        hasChange = hasChange || n.position.x !== updatedPos.position.x || n.position.y !== updatedPos.position.y;
+
+        n.position = updatedPos.position;
+        n.positionAbsolute = updatedPos.positionAbsolute;
+
+        return n;
+      });
+
+      if (!hasChange) {
+        return;
+      }
+
+      updateNodePositions(dragItems, true, true);
+      const onNodeOrSelectionDrag = nodeId ? onNodeDrag : wrapSelectionDragFunc(onSelectionDrag);
+
+      if (dragEvent) {
+        const [currentNode, currentNodes] = getEventHandlerParams({
+          nodeId,
+          dragItems,
+          nodes,
+        });
+        onDrag?.(dragEvent as MouseEvent, dragItems, currentNode, currentNodes);
+        onNodeOrSelectionDrag?.(dragEvent as MouseEvent, currentNode, currentNodes);
+      }
+    }
+
+    function autoPan() {
+      if (!containerBounds) {
+        return;
+      }
+
+      const [xMovement, yMovement] = calcAutoPan(mousePosition, containerBounds);
+
+      if (xMovement !== 0 || yMovement !== 0) {
+        const { transform, panBy } = getStoreItems();
+
+        lastPos.x = (lastPos.x ?? 0) - xMovement / transform[2];
+        lastPos.y = (lastPos.y ?? 0) - yMovement / transform[2];
+
+        if (panBy({ x: xMovement, y: yMovement })) {
+          updateNodes(lastPos as XYPosition);
+        }
+      }
+      autoPanId = requestAnimationFrame(autoPan);
+    }
+
+    const d3DragInstance = drag()
+      .on('start', (event: UseDragEvent) => {
+        const {
+          nodes,
+          multiSelectionActive,
+          domNode,
+          nodesDraggable,
+          transform,
+          snapGrid,
+          snapToGrid,
+          onNodeDragStart,
+          onSelectionDragStart,
+          unselectNodesAndEdges,
+          selectNodesOnDrag,
+        } = getStoreItems();
+
+        if (!selectNodesOnDrag && !multiSelectionActive && nodeId) {
+          if (!nodes.find((n) => n.id === nodeId)?.selected) {
+            // we need to reset selected nodes when selectNodesOnDrag=false
+            unselectNodesAndEdges();
+          }
+        }
+
+        if (isSelectable && selectNodesOnDrag) {
+          onNodeClick?.();
+        }
+
+        const pointerPos = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
+        lastPos = pointerPos;
+        dragItems = getDragItems(nodes, nodesDraggable, pointerPos, nodeId);
+
+        const onNodeOrSelectionDragStart = nodeId ? onNodeDragStart : wrapSelectionDragFunc(onSelectionDragStart);
+
+        if (dragItems) {
+          const [currentNode, currentNodes] = getEventHandlerParams({
+            nodeId,
+            dragItems,
+            nodes,
+          });
+          onDragStart?.(event.sourceEvent as MouseEvent, dragItems, currentNode, currentNodes);
+          onNodeOrSelectionDragStart?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+        }
+
+        containerBounds = domNode?.getBoundingClientRect() || null;
+        mousePosition = getEventPosition(event.sourceEvent, containerBounds!);
+      })
+      .on('drag', (event: UseDragEvent) => {
+        const { autoPanOnNodeDrag, transform, snapGrid, snapToGrid } = getStoreItems();
+        const pointerPos = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
+
+        if (!autoPanStarted && autoPanOnNodeDrag) {
+          autoPanStarted = true;
+          autoPan();
+        }
+
+        // skip events without movement
+        if ((lastPos.x !== pointerPos.xSnapped || lastPos.y !== pointerPos.ySnapped) && dragItems) {
+          dragEvent = event.sourceEvent as MouseEvent;
+          mousePosition = getEventPosition(event.sourceEvent, containerBounds!);
+
+          updateNodes(pointerPos);
+        }
+      })
+      .on('end', (event: UseDragEvent) => {
+        autoPanStarted = false;
+        cancelAnimationFrame(autoPanId);
+
+        if (dragItems) {
+          const { nodes, updateNodePositions, onNodeDragStop, onSelectionDragStop } = getStoreItems();
+          const onNodeOrSelectionDragStop = nodeId ? onNodeDragStop : wrapSelectionDragFunc(onSelectionDragStop);
+
+          updateNodePositions(dragItems, false, false);
+
+          const [currentNode, currentNodes] = getEventHandlerParams({
+            nodeId,
+            dragItems,
+            nodes,
+          });
+          onDragStop?.(event.sourceEvent as MouseEvent, dragItems, currentNode, currentNodes);
+          onNodeOrSelectionDragStop?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+        }
+      })
+      .filter((event: MouseEvent) => {
+        const target = event.target as HTMLDivElement;
+        const isDraggable =
+          !event.button &&
+          (!noDragClassName || !hasSelector(target, `.${noDragClassName}`, domNode)) &&
+          (!handleSelector || hasSelector(target, handleSelector, domNode));
+
+        return isDraggable;
+      });
+
+    d3Selection.call(d3DragInstance);
+  }
+
+  function destroy() {
+    d3Selection.on('.drag', null);
+  }
+
+  return {
+    update,
+    destroy,
+  };
+}
diff --git a/packages/utils/src/xydrag/index.ts b/packages/utils/src/xydrag/index.ts
new file mode 100644
index 000000000..ff19dcd00
--- /dev/null
+++ b/packages/utils/src/xydrag/index.ts
@@ -0,0 +1 @@
+export * from './XYDrag';
diff --git a/packages/utils/src/xydrag/utils.ts b/packages/utils/src/xydrag/utils.ts
new file mode 100644
index 000000000..e1be15d7b
--- /dev/null
+++ b/packages/utils/src/xydrag/utils.ts
@@ -0,0 +1,94 @@
+import { type NodeDragItem, type XYPosition, BaseNode } from '@reactflow/system';
+
+export function wrapSelectionDragFunc(selectionFunc?: (event: MouseEvent, nodes: BaseNode[]) => void) {
+  return (event: MouseEvent, _: BaseNode, nodes: BaseNode[]) => selectionFunc?.(event, nodes);
+}
+
+export function isParentSelected<NodeType extends BaseNode>(node: NodeType, nodes: NodeType[]): boolean {
+  if (!node.parentNode) {
+    return false;
+  }
+
+  const parentNode = nodes.find((node) => node.id === node.parentNode);
+
+  if (!parentNode) {
+    return false;
+  }
+
+  if (parentNode.selected) {
+    return true;
+  }
+
+  return isParentSelected(parentNode, nodes);
+}
+
+export function hasSelector(target: Element, selector: string, domNode: Element): boolean {
+  let current = target;
+
+  do {
+    if (current?.matches(selector)) return true;
+    if (current === domNode) return false;
+    current = current.parentElement as Element;
+  } while (current);
+
+  return false;
+}
+
+// looks for all selected nodes and created a NodeDragItem for each of them
+export function getDragItems<NodeType extends BaseNode>(
+  nodes: NodeType[],
+  nodesDraggable: boolean,
+  mousePos: XYPosition,
+  nodeId?: string
+): NodeDragItem[] {
+  return nodes
+    .filter(
+      (n) =>
+        (n.selected || n.id === nodeId) &&
+        (!n.parentNode || !isParentSelected(n, nodes)) &&
+        (n.draggable || (nodesDraggable && typeof n.draggable === 'undefined'))
+    )
+    .map((n) => ({
+      id: n.id,
+      position: n.position || { x: 0, y: 0 },
+      positionAbsolute: n.positionAbsolute || { x: 0, y: 0 },
+      distance: {
+        x: mousePos.x - (n.positionAbsolute?.x ?? 0),
+        y: mousePos.y - (n.positionAbsolute?.y ?? 0),
+      },
+      delta: {
+        x: 0,
+        y: 0,
+      },
+      extent: n.extent,
+      parentNode: n.parentNode,
+      width: n.width,
+      height: n.height,
+      origin: n.origin,
+    }));
+}
+
+// returns two params:
+// 1. the dragged node (or the first of the list, if we are dragging a node selection)
+// 2. array of selected nodes (for multi selections)
+export function getEventHandlerParams<NodeType extends BaseNode>({
+  nodeId,
+  dragItems,
+  nodes,
+}: {
+  nodeId?: string;
+  dragItems: NodeDragItem[];
+  nodes: NodeType[];
+}): [NodeType, NodeType[]] {
+  const extentedDragItems: NodeType[] = dragItems.map((n) => {
+    const node = nodes.find((node) => node.id === n.id)!;
+
+    return {
+      ...node,
+      position: n.position,
+      positionAbsolute: n.positionAbsolute,
+    };
+  });
+
+  return [nodeId ? extentedDragItems.find((n) => n.id === nodeId)! : extentedDragItems[0], extentedDragItems];
+}
diff --git a/packages/utils/src/xypanzoom/XYPanZoom.ts b/packages/utils/src/xypanzoom/XYPanZoom.ts
new file mode 100644
index 000000000..73e01ae41
--- /dev/null
+++ b/packages/utils/src/xypanzoom/XYPanZoom.ts
@@ -0,0 +1,222 @@
+import { type ZoomTransform, zoom, zoomTransform } from 'd3-zoom';
+import { select } from 'd3-selection';
+import {
+  type CoordinateExtent,
+  type Viewport,
+  PanZoomTransformOptions,
+  PanZoomUpdateOptions,
+  PanZoomParams,
+  PanZoomInstance,
+} from '@reactflow/system';
+
+import { clamp } from '../utils';
+import { getD3Transition, viewportToTransform } from './utils';
+import {
+  createPanOnScrollHandler,
+  createPanZoomEndHandler,
+  createPanZoomHandler,
+  createPanZoomStartHandler,
+  createZoomOnScrollHandler,
+} from './eventhandler';
+import { createFilter } from './filter';
+
+export type ZoomPanValues = {
+  isZoomingOrPanning: boolean;
+  usedRightMouseButton: boolean;
+  prevViewport: Viewport;
+  mouseButton: number;
+  timerId: ReturnType<typeof setTimeout> | undefined;
+};
+
+export function XYPanZoom({
+  domNode,
+  minZoom,
+  maxZoom,
+  translateExtent,
+  viewport,
+  onPanZoom,
+  onPanZoomStart,
+  onPanZoomEnd,
+  onTransformChange,
+  onDraggingChange,
+}: PanZoomParams): PanZoomInstance {
+  const zoomPanValues: ZoomPanValues = {
+    isZoomingOrPanning: false,
+    usedRightMouseButton: false,
+    prevViewport: { x: 0, y: 0, zoom: 0 },
+    mouseButton: 0,
+    timerId: undefined,
+  };
+  const bbox = domNode.getBoundingClientRect();
+  const d3ZoomInstance = zoom().scaleExtent([minZoom, maxZoom]).translateExtent(translateExtent);
+  const d3Selection = select(domNode).call(d3ZoomInstance);
+
+  setViewportConstrained(
+    {
+      x: viewport.x,
+      y: viewport.y,
+      zoom: clamp(viewport.zoom, minZoom, maxZoom),
+    },
+    [
+      [0, 0],
+      [bbox.width, bbox.height],
+    ],
+    translateExtent
+  );
+
+  const d3ZoomHandler = d3Selection.on('wheel.zoom')!;
+
+  function setTransform(transform: ZoomTransform, options?: PanZoomTransformOptions) {
+    if (d3Selection) {
+      d3ZoomInstance?.transform(getD3Transition(d3Selection, options?.duration), transform);
+    }
+  }
+
+  // public functions
+  function update({
+    noWheelClassName,
+    noPanClassName,
+    onPaneContextMenu,
+    userSelectionActive,
+    panOnScroll,
+    panOnDrag,
+    panOnScrollMode,
+    panOnScrollSpeed,
+    preventScrolling,
+    zoomOnPinch,
+    zoomOnScroll,
+    zoomOnDoubleClick,
+    zoomActivationKeyPressed,
+  }: PanZoomUpdateOptions) {
+    if (userSelectionActive && !zoomPanValues.isZoomingOrPanning) {
+      destroy();
+    }
+
+    const isPanOnScroll = panOnScroll && !zoomActivationKeyPressed && !userSelectionActive;
+
+    const wheelHandler = isPanOnScroll
+      ? createPanOnScrollHandler({
+          noWheelClassName,
+          d3Selection,
+          d3Zoom: d3ZoomInstance,
+          panOnScrollMode,
+          panOnScrollSpeed,
+          zoomOnPinch,
+        })
+      : createZoomOnScrollHandler({
+          noWheelClassName,
+          preventScrolling,
+          d3ZoomHandler,
+        });
+
+    d3Selection.on('wheel.zoom', wheelHandler, { passive: false });
+
+    if (!userSelectionActive) {
+      // pan zoom start
+      const startHandler = createPanZoomStartHandler({
+        zoomPanValues,
+        onDraggingChange,
+        onPanZoomStart,
+      });
+      d3ZoomInstance.on('start', startHandler);
+
+      // pan zoom
+      const panZoomHandler = createPanZoomHandler({
+        zoomPanValues,
+        panOnDrag,
+        onPaneContextMenu: !!onPaneContextMenu,
+        onPanZoom,
+        onTransformChange,
+      });
+      d3ZoomInstance.on('zoom', panZoomHandler);
+
+      // pan zoom end
+      const panZoomEndHandler = createPanZoomEndHandler({
+        zoomPanValues,
+        panOnDrag,
+        panOnScroll,
+        onPaneContextMenu,
+        onPanZoomEnd,
+        onDraggingChange,
+      });
+      d3ZoomInstance.on('end', panZoomEndHandler);
+    }
+
+    const filter = createFilter({
+      zoomActivationKeyPressed,
+      panOnDrag,
+      zoomOnScroll,
+      panOnScroll,
+      zoomOnDoubleClick,
+      zoomOnPinch,
+      userSelectionActive,
+      noPanClassName,
+      noWheelClassName,
+    });
+    d3ZoomInstance.filter(filter);
+  }
+
+  function destroy() {
+    d3ZoomInstance.on('zoom', null);
+  }
+
+  function setViewportConstrained(
+    viewport: Viewport,
+    extent: CoordinateExtent,
+    translateExtent: CoordinateExtent
+  ): ZoomTransform | undefined {
+    const nextTransform = viewportToTransform(viewport);
+    const contrainedTransform = d3ZoomInstance?.constrain()(nextTransform, extent, translateExtent);
+
+    if (contrainedTransform) {
+      setTransform(contrainedTransform);
+    }
+
+    return contrainedTransform;
+  }
+
+  function setViewport(viewport: Viewport, options?: PanZoomTransformOptions) {
+    const nextTransform = viewportToTransform(viewport);
+
+    setTransform(nextTransform, options);
+
+    return nextTransform;
+  }
+
+  function getViewport(): Viewport {
+    const transform = d3Selection ? zoomTransform(d3Selection.node() as Element) : { x: 0, y: 0, k: 1 };
+    return { x: transform.x, y: transform.y, zoom: transform.k };
+  }
+
+  function scaleTo(zoom: number, options?: PanZoomTransformOptions) {
+    if (d3Selection) {
+      d3ZoomInstance?.scaleTo(getD3Transition(d3Selection, options?.duration), zoom);
+    }
+  }
+
+  function scaleBy(factor: number, options?: PanZoomTransformOptions) {
+    if (d3Selection) {
+      d3ZoomInstance?.scaleBy(getD3Transition(d3Selection, options?.duration), factor);
+    }
+  }
+
+  function setScaleExtent(scaleExtent: [number, number]) {
+    d3ZoomInstance?.scaleExtent(scaleExtent);
+  }
+
+  function setTranslateExtent(translateExtent: CoordinateExtent) {
+    d3ZoomInstance?.translateExtent(translateExtent);
+  }
+
+  return {
+    update,
+    destroy,
+    setViewport,
+    setViewportConstrained,
+    getViewport,
+    scaleTo,
+    scaleBy,
+    setScaleExtent,
+    setTranslateExtent,
+  };
+}
diff --git a/packages/utils/src/xypanzoom/eventhandler.ts b/packages/utils/src/xypanzoom/eventhandler.ts
new file mode 100644
index 000000000..972526cce
--- /dev/null
+++ b/packages/utils/src/xypanzoom/eventhandler.ts
@@ -0,0 +1,192 @@
+import type { D3ZoomEvent } from 'd3-zoom';
+import { pointer } from 'd3-selection';
+import {
+  PanOnScrollMode,
+  D3SelectionInstance,
+  D3ZoomHandler,
+  D3ZoomInstance,
+  OnPanZoom,
+  Viewport,
+  OnDraggingChange,
+  OnTransformChange,
+} from '@reactflow/system';
+
+import { isRightClickPan, isWrappedWithClass, transformToViewport, viewChanged } from './utils';
+
+export type ZoomPanValues = {
+  isZoomingOrPanning: boolean;
+  usedRightMouseButton: boolean;
+  prevViewport: Viewport;
+  mouseButton: number;
+  timerId: ReturnType<typeof setTimeout> | undefined;
+};
+
+export type PanOnScrollParams = {
+  noWheelClassName: string;
+  d3Selection: D3SelectionInstance;
+  d3Zoom: D3ZoomInstance;
+  panOnScrollMode: PanOnScrollMode;
+  panOnScrollSpeed: number;
+  zoomOnPinch: boolean;
+};
+
+export type ZoomOnScrollParams = {
+  noWheelClassName: string;
+  preventScrolling: boolean;
+  d3ZoomHandler: D3ZoomHandler;
+};
+
+export type PanZoomStartParams = {
+  zoomPanValues: ZoomPanValues;
+  onDraggingChange: OnDraggingChange;
+  onPanZoomStart?: OnPanZoom;
+};
+
+export type PanZoomParams = {
+  zoomPanValues: ZoomPanValues;
+  panOnDrag: boolean | number[];
+  onPaneContextMenu: boolean;
+  onTransformChange: OnTransformChange;
+  onPanZoom?: OnPanZoom;
+};
+
+export type PanZoomEndParams = {
+  zoomPanValues: ZoomPanValues;
+  panOnDrag: boolean | number[];
+  panOnScroll: boolean;
+  onDraggingChange: (isDragging: boolean) => void;
+  onPanZoomEnd?: OnPanZoom;
+  onPaneContextMenu?: (event: any) => void;
+};
+
+export function createPanOnScrollHandler({
+  noWheelClassName,
+  d3Selection,
+  d3Zoom,
+  panOnScrollMode,
+  panOnScrollSpeed,
+  zoomOnPinch,
+}: PanOnScrollParams) {
+  return (event: any) => {
+    if (isWrappedWithClass(event, noWheelClassName)) {
+      return false;
+    }
+    event.preventDefault();
+    event.stopImmediatePropagation();
+
+    const currentZoom = d3Selection.property('__zoom').k || 1;
+
+    if (event.ctrlKey && zoomOnPinch) {
+      const point = pointer(event);
+      // taken from https://github.com/d3/d3-zoom/blob/master/src/zoom.js
+      const pinchDelta = -event.deltaY * (event.deltaMode === 1 ? 0.05 : event.deltaMode ? 1 : 0.002) * 10;
+      const zoom = currentZoom * Math.pow(2, pinchDelta);
+      d3Zoom.scaleTo(d3Selection, zoom, point);
+
+      return;
+    }
+
+    // increase scroll speed in firefox
+    // firefox: deltaMode === 1; chrome: deltaMode === 0
+    const deltaNormalize = event.deltaMode === 1 ? 20 : 1;
+    const deltaX = panOnScrollMode === PanOnScrollMode.Vertical ? 0 : event.deltaX * deltaNormalize;
+    const deltaY = panOnScrollMode === PanOnScrollMode.Horizontal ? 0 : event.deltaY * deltaNormalize;
+
+    d3Zoom.translateBy(
+      d3Selection,
+      -(deltaX / currentZoom) * panOnScrollSpeed,
+      -(deltaY / currentZoom) * panOnScrollSpeed
+    );
+  };
+}
+
+export function createZoomOnScrollHandler({ noWheelClassName, preventScrolling, d3ZoomHandler }: ZoomOnScrollParams) {
+  return function (this: Element, event: any, d: unknown) {
+    if (!preventScrolling || isWrappedWithClass(event, noWheelClassName)) {
+      return null;
+    }
+
+    event.preventDefault();
+
+    d3ZoomHandler.call(this, event, d);
+  };
+}
+
+export function createPanZoomStartHandler({ zoomPanValues, onDraggingChange, onPanZoomStart }: PanZoomStartParams) {
+  return (event: D3ZoomEvent<HTMLDivElement, any>) => {
+    // we need to remember it here, because it's always 0 in the "zoom" event
+    zoomPanValues.mouseButton = event.sourceEvent?.button || 0;
+
+    zoomPanValues.isZoomingOrPanning = true;
+
+    if (event.sourceEvent?.type === 'mousedown') {
+      onDraggingChange(true);
+    }
+
+    if (onPanZoomStart) {
+      const viewport = transformToViewport(event.transform);
+      zoomPanValues.prevViewport = viewport;
+
+      onPanZoomStart?.(event.sourceEvent as MouseEvent | TouchEvent, viewport);
+    }
+  };
+}
+
+export function createPanZoomHandler({
+  zoomPanValues,
+  panOnDrag,
+  onPaneContextMenu,
+  onTransformChange,
+  onPanZoom,
+}: PanZoomParams) {
+  return (event: D3ZoomEvent<HTMLDivElement, any>) => {
+    zoomPanValues.usedRightMouseButton = !!(
+      onPaneContextMenu && isRightClickPan(panOnDrag, zoomPanValues.mouseButton ?? 0)
+    );
+
+    onTransformChange([event.transform.x, event.transform.y, event.transform.k]);
+
+    if (onPanZoom) {
+      onPanZoom?.(event.sourceEvent as MouseEvent | TouchEvent, transformToViewport(event.transform));
+    }
+  };
+}
+
+export function createPanZoomEndHandler({
+  zoomPanValues,
+  panOnDrag,
+  panOnScroll,
+  onDraggingChange,
+  onPanZoomEnd,
+  onPaneContextMenu,
+}: PanZoomEndParams) {
+  return (event: D3ZoomEvent<HTMLDivElement, any>) => {
+    zoomPanValues.isZoomingOrPanning = false;
+
+    if (
+      onPaneContextMenu &&
+      isRightClickPan(panOnDrag, zoomPanValues.mouseButton ?? 0) &&
+      !zoomPanValues.usedRightMouseButton &&
+      event.sourceEvent
+    ) {
+      onPaneContextMenu(event.sourceEvent);
+    }
+    zoomPanValues.usedRightMouseButton = false;
+
+    onDraggingChange(false);
+
+    if (onPanZoomEnd && viewChanged(zoomPanValues.prevViewport, event.transform)) {
+      const viewport = transformToViewport(event.transform);
+      zoomPanValues.prevViewport = viewport;
+
+      clearTimeout(zoomPanValues.timerId);
+      zoomPanValues.timerId = setTimeout(
+        () => {
+          onPanZoomEnd?.(event.sourceEvent as MouseEvent | TouchEvent, viewport);
+        },
+        // we need a setTimeout for panOnScroll to supress multiple end events fired during scroll
+        panOnScroll ? 150 : 0
+      );
+    }
+  };
+}
diff --git a/packages/utils/src/xypanzoom/filter.ts b/packages/utils/src/xypanzoom/filter.ts
new file mode 100644
index 000000000..e4ed190a8
--- /dev/null
+++ b/packages/utils/src/xypanzoom/filter.ts
@@ -0,0 +1,93 @@
+import { isWrappedWithClass } from './utils';
+
+export type FilterParams = {
+  zoomActivationKeyPressed: boolean;
+  zoomOnScroll: boolean;
+  zoomOnPinch: boolean;
+  panOnDrag: boolean | number[];
+  panOnScroll: boolean;
+  zoomOnDoubleClick: boolean;
+  userSelectionActive: boolean;
+  noWheelClassName: string;
+  noPanClassName: string;
+};
+
+export function createFilter({
+  zoomActivationKeyPressed,
+  zoomOnScroll,
+  zoomOnPinch,
+  panOnDrag,
+  panOnScroll,
+  zoomOnDoubleClick,
+  userSelectionActive,
+  noWheelClassName,
+  noPanClassName,
+}: FilterParams) {
+  return (event: any): boolean => {
+    const zoomScroll = zoomActivationKeyPressed || zoomOnScroll;
+    const pinchZoom = zoomOnPinch && event.ctrlKey;
+
+    if (
+      event.button === 1 &&
+      event.type === 'mousedown' &&
+      (isWrappedWithClass(event, 'react-flow__node') || isWrappedWithClass(event, 'react-flow__edge'))
+    ) {
+      return true;
+    }
+
+    // if all interactions are disabled, we prevent all zoom events
+    if (!panOnDrag && !zoomScroll && !panOnScroll && !zoomOnDoubleClick && !zoomOnPinch) {
+      return false;
+    }
+
+    // during a selection we prevent all other interactions
+    if (userSelectionActive) {
+      return false;
+    }
+
+    // if zoom on double click is disabled, we prevent the double click event
+    if (!zoomOnDoubleClick && event.type === 'dblclick') {
+      return false;
+    }
+
+    // if the target element is inside an element with the nowheel class, we prevent zooming
+    if (isWrappedWithClass(event, noWheelClassName) && event.type === 'wheel') {
+      return false;
+    }
+
+    // if the target element is inside an element with the nopan class, we prevent panning
+    if (isWrappedWithClass(event, noPanClassName) && event.type !== 'wheel') {
+      return false;
+    }
+
+    if (!zoomOnPinch && event.ctrlKey && event.type === 'wheel') {
+      return false;
+    }
+
+    // when there is no scroll handling enabled, we prevent all wheel events
+    if (!zoomScroll && !panOnScroll && !pinchZoom && event.type === 'wheel') {
+      return false;
+    }
+
+    // if the pane is not movable, we prevent dragging it with mousestart or touchstart
+    if (!panOnDrag && (event.type === 'mousedown' || event.type === 'touchstart')) {
+      return false;
+    }
+
+    // if the pane is only movable using allowed clicks
+    if (
+      Array.isArray(panOnDrag) &&
+      !panOnDrag.includes(event.button) &&
+      (event.type === 'mousedown' || event.type === 'touchstart')
+    ) {
+      return false;
+    }
+
+    // We only allow right clicks if pan on drag is set to right click
+    const buttonAllowed =
+      (Array.isArray(panOnDrag) && panOnDrag.includes(event.button)) || !event.button || event.button <= 1;
+
+    // default filter for d3-zoom
+    return (!event.ctrlKey || event.type === 'wheel') && buttonAllowed;
+  };
+}
diff --git a/packages/utils/src/xypanzoom/index.ts b/packages/utils/src/xypanzoom/index.ts
new file mode 100644
index 000000000..b31c62252
--- /dev/null
+++ b/packages/utils/src/xypanzoom/index.ts
@@ -0,0 +1 @@
+export * from './XYPanZoom';
diff --git a/packages/utils/src/xypanzoom/utils.ts b/packages/utils/src/xypanzoom/utils.ts
new file mode 100644
index 000000000..b5f6e1a9a
--- /dev/null
+++ b/packages/utils/src/xypanzoom/utils.ts
@@ -0,0 +1,22 @@
+import { type D3SelectionInstance, type Viewport } from '@reactflow/system';
+import { type ZoomTransform, zoomIdentity } from 'd3-zoom';
+
+export const viewChanged = (prevViewport: Viewport, eventViewport: any): boolean =>
+  prevViewport.x !== eventViewport.x || prevViewport.y !== eventViewport.y || prevViewport.zoom !== eventViewport.k;
+
+export const transformToViewport = (transform: ZoomTransform): Viewport => ({
+  x: transform.x,
+  y: transform.y,
+  zoom: transform.k,
+});
+
+export const viewportToTransform = ({ x, y, zoom }: Viewport): ZoomTransform =>
+  zoomIdentity.translate(x, y).scale(zoom);
+
+export const isWrappedWithClass = (event: any, className: string | undefined) => event.target.closest(`.${className}`);
+
+export const isRightClickPan = (panOnDrag: boolean | number[], usedButton: number) =>
+  usedButton === 2 && Array.isArray(panOnDrag) && panOnDrag.includes(2);
+
+export const getD3Transition = (selection: D3SelectionInstance, duration = 0) =>
+  typeof duration === 'number' && duration > 0 ? selection.transition().duration(duration) : selection;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7fc11999b..dd7531eb6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6,7 +6,6 @@ importers:
     specifiers:
       '@changesets/changelog-github': ^0.4.7
       '@changesets/cli': ^2.25.0
-      '@preconstruct/cli': ^2.2.1
       '@typescript-eslint/eslint-plugin': latest
       '@typescript-eslint/parser': latest
       autoprefixer: ^10.4.8
@@ -25,34 +24,33 @@ importers:
       react: ^18.2.0
       react-dom: ^18.2.0
       rimraf: ^3.0.2
-      rollup: ^3.19.1
-      turbo: ^1.8.3
+      rollup: ^3.23.0
+      turbo: ^1.10.0
       typescript: ^4.9.4
     devDependencies:
-      '@changesets/changelog-github': registry.npmjs.org/@changesets/changelog-github/0.4.7
-      '@changesets/cli': registry.npmjs.org/@changesets/cli/2.25.0
-      '@preconstruct/cli': registry.npmjs.org/@preconstruct/cli/2.2.1
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.57.0_mc6km5pjrfw7q236yimvgyb62m
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.57.0_id2eilsndvzhjjktb64trvy3gu
-      autoprefixer: registry.npmjs.org/autoprefixer/10.4.9_postcss@8.4.21
+      '@changesets/changelog-github': registry.npmjs.org/@changesets/changelog-github/0.4.8
+      '@changesets/cli': registry.npmjs.org/@changesets/cli/2.26.1
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.8_rq7lqmsq2hhtq366qgvop5zziy
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.8_5ujgynla27k2qkzlnkldjwsutm
+      autoprefixer: registry.npmjs.org/autoprefixer/10.4.14_postcss@8.4.24
       concurrently: registry.npmjs.org/concurrently/7.6.0
-      cypress: registry.npmjs.org/cypress/10.7.0
-      eslint: registry.npmjs.org/eslint/8.23.1
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.5.0_eslint@8.23.1
-      eslint-plugin-prettier: registry.npmjs.org/eslint-plugin-prettier/4.2.1_cabrci5exjdaojcvd6xoxgeowu
-      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.23.1
-      postcss: registry.npmjs.org/postcss/8.4.21
-      postcss-cli: registry.npmjs.org/postcss-cli/10.1.0_postcss@8.4.21
-      postcss-combine-duplicated-selectors: registry.npmjs.org/postcss-combine-duplicated-selectors/10.0.3_postcss@8.4.21
-      postcss-import: registry.npmjs.org/postcss-import/15.1.0_postcss@8.4.21
-      postcss-nested: registry.npmjs.org/postcss-nested/6.0.0_postcss@8.4.21
-      prettier: registry.npmjs.org/prettier/2.7.1
+      cypress: registry.npmjs.org/cypress/10.11.0
+      eslint: registry.npmjs.org/eslint/8.41.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.41.0
+      eslint-plugin-prettier: registry.npmjs.org/eslint-plugin-prettier/4.2.1_xcqkel4mpum3npntysob2xmn54
+      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.41.0
+      postcss: registry.npmjs.org/postcss/8.4.24
+      postcss-cli: registry.npmjs.org/postcss-cli/10.1.0_postcss@8.4.24
+      postcss-combine-duplicated-selectors: registry.npmjs.org/postcss-combine-duplicated-selectors/10.0.3_postcss@8.4.24
+      postcss-import: registry.npmjs.org/postcss-import/15.1.0_postcss@8.4.24
+      postcss-nested: registry.npmjs.org/postcss-nested/6.0.1_postcss@8.4.24
+      prettier: registry.npmjs.org/prettier/2.8.8
       react: registry.npmjs.org/react/18.2.0
       react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
       rimraf: registry.npmjs.org/rimraf/3.0.2
-      rollup: registry.npmjs.org/rollup/3.20.2
-      turbo: registry.npmjs.org/turbo/1.8.6
-      typescript: registry.npmjs.org/typescript/4.9.4
+      rollup: registry.npmjs.org/rollup/3.23.0
+      turbo: registry.npmjs.org/turbo/1.10.0
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   examples/vite-app:
     specifiers:
@@ -61,7 +59,7 @@ importers:
       '@types/dagre': ^0.7.48
       '@types/react': ^18.0.17
       '@types/react-dom': ^18.0.6
-      '@vitejs/plugin-react': ^3.0.1
+      '@vitejs/plugin-react': 4.0.0
       classcat: ^5.0.3
       cypress: ^10.6.0
       cypress-real-events: ^1.7.1
@@ -73,7 +71,7 @@ importers:
       reactflow: workspace:*
       start-server-and-test: ^1.14.0
       typescript: ^4.9.4
-      vite: ^4.0.4
+      vite: 4.3.9
       zustand: ^4.3.1
     dependencies:
       '@reactflow/node-resizer': link:../../packages/node-resizer
@@ -82,20 +80,20 @@ importers:
       localforage: registry.npmjs.org/localforage/1.10.0
       react: registry.npmjs.org/react/18.2.0
       react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
-      react-router-dom: registry.npmjs.org/react-router-dom/6.3.0_biqbaboplfbrettd7655fr4n2y
+      react-router-dom: registry.npmjs.org/react-router-dom/6.11.2_biqbaboplfbrettd7655fr4n2y
       reactflow: link:../../packages/reactflow
-      zustand: registry.npmjs.org/zustand/4.3.1_react@18.2.0
+      zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
     devDependencies:
       '@cypress/skip-test': registry.npmjs.org/@cypress/skip-test/2.6.1
       '@types/dagre': registry.npmjs.org/@types/dagre/0.7.48
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.6
-      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react/3.0.1_vite@4.0.4
-      cypress: registry.npmjs.org/cypress/10.7.0
-      cypress-real-events: registry.npmjs.org/cypress-real-events/1.7.1_cypress@10.7.0
-      start-server-and-test: registry.npmjs.org/start-server-and-test/1.14.0
-      typescript: registry.npmjs.org/typescript/4.9.4
-      vite: registry.npmjs.org/vite/4.0.4
+      '@types/react': registry.npmjs.org/@types/react/18.2.7
+      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.4
+      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react/4.0.0_vite@4.3.9
+      cypress: registry.npmjs.org/cypress/10.11.0
+      cypress-real-events: registry.npmjs.org/cypress-real-events/1.8.1_cypress@10.11.0
+      start-server-and-test: registry.npmjs.org/start-server-and-test/1.15.4
+      typescript: registry.npmjs.org/typescript/4.9.5
+      vite: registry.npmjs.org/vite/4.3.9
 
   packages/background:
     specifiers:
@@ -112,15 +110,15 @@ importers:
     dependencies:
       '@reactflow/core': link:../core
       classcat: registry.npmjs.org/classcat/5.0.4
-      zustand: registry.npmjs.org/zustand/4.3.1_react@18.2.0
+      zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
+      '@types/node': registry.npmjs.org/@types/node/18.16.16
+      '@types/react': registry.npmjs.org/@types/react/18.2.7
       react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/controls:
     specifiers:
@@ -136,14 +134,14 @@ importers:
     dependencies:
       '@reactflow/core': link:../core
       classcat: registry.npmjs.org/classcat/5.0.4
-      zustand: registry.npmjs.org/zustand/4.3.1
+      zustand: registry.npmjs.org/zustand/4.3.8
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
-      typescript: registry.npmjs.org/typescript/4.9.4
+      '@types/node': registry.npmjs.org/@types/node/18.16.16
+      '@types/react': registry.npmjs.org/@types/react/18.2.7
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/core:
     specifiers:
@@ -172,23 +170,23 @@ importers:
       '@reactflow/system': link:../system
       '@reactflow/utils': link:../utils
       '@types/d3': registry.npmjs.org/@types/d3/7.4.0
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.1
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
       classcat: registry.npmjs.org/classcat/5.0.4
       d3-drag: registry.npmjs.org/d3-drag/3.0.0
       d3-selection: registry.npmjs.org/d3-selection/3.0.0
       d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
-      zustand: registry.npmjs.org/zustand/4.3.6_react@18.2.0
+      zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.6
+      '@types/node': registry.npmjs.org/@types/node/18.16.16
+      '@types/react': registry.npmjs.org/@types/react/18.2.7
+      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.4
       react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/edge-utils:
     specifiers:
@@ -207,11 +205,11 @@ importers:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.6
+      '@types/node': registry.npmjs.org/@types/node/18.16.16
+      '@types/react': registry.npmjs.org/@types/react/18.2.7
+      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.4
       react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/minimap:
     specifiers:
@@ -231,20 +229,20 @@ importers:
       zustand: ^4.3.1
     dependencies:
       '@reactflow/core': link:../core
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.1
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
       classcat: registry.npmjs.org/classcat/5.0.4
       d3-selection: registry.npmjs.org/d3-selection/3.0.0
       d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
-      zustand: registry.npmjs.org/zustand/4.3.1_react@18.2.0
+      zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
+      '@types/node': registry.npmjs.org/@types/node/18.16.16
+      '@types/react': registry.npmjs.org/@types/react/18.2.7
       react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/node-resizer:
     specifiers:
@@ -252,6 +250,7 @@ importers:
       '@reactflow/eslint-config': workspace:*
       '@reactflow/rollup-config': workspace:*
       '@reactflow/tsconfig': workspace:*
+      '@reactflow/utils': workspace:*
       '@types/d3-drag': ^3.0.1
       '@types/d3-selection': ^3.0.3
       '@types/node': ^18.7.16
@@ -265,21 +264,22 @@ importers:
       zustand: ^4.3.1
     dependencies:
       '@reactflow/core': link:../core
+      '@reactflow/utils': link:../utils
       classcat: registry.npmjs.org/classcat/5.0.4
       d3-drag: registry.npmjs.org/d3-drag/3.0.0
       d3-selection: registry.npmjs.org/d3-selection/3.0.0
-      zustand: registry.npmjs.org/zustand/4.3.1_react@18.2.0
+      zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.6
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/node': registry.npmjs.org/@types/node/18.16.16
+      '@types/react': registry.npmjs.org/@types/react/18.2.7
+      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.4
       react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/node-toolbar:
     specifiers:
@@ -297,16 +297,16 @@ importers:
     dependencies:
       '@reactflow/core': link:../core
       classcat: registry.npmjs.org/classcat/5.0.4
-      zustand: registry.npmjs.org/zustand/4.3.1_react@18.2.0
+      zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.0.6
+      '@types/node': registry.npmjs.org/@types/node/18.16.16
+      '@types/react': registry.npmjs.org/@types/react/18.2.7
+      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.4
       react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/reactflow:
     specifiers:
@@ -334,10 +334,10 @@ importers:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
+      '@types/node': registry.npmjs.org/@types/node/18.16.16
+      '@types/react': registry.npmjs.org/@types/react/18.2.7
       react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/svelte:
     specifiers:
@@ -374,9 +374,9 @@ importers:
       '@reactflow/system': link:../system
       '@reactflow/utils': link:../utils
       '@svelte-put/shortcut': registry.npmjs.org/@svelte-put/shortcut/2.0.0
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.1
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
       classcat: registry.npmjs.org/classcat/5.0.4
       d3-drag: registry.npmjs.org/d3-drag/3.0.0
       d3-selection: registry.npmjs.org/d3-selection/3.0.0
@@ -384,21 +384,21 @@ importers:
       react: registry.npmjs.org/react/18.2.0
       react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
     devDependencies:
-      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.0.0_@sveltejs+kit@1.14.0
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.14.0_svelte@3.57.0+vite@4.2.1
-      '@sveltejs/package': registry.npmjs.org/@sveltejs/package/2.0.2_44zspxpepvug6mo2qrfwkj3taq
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.57.0_6qulbt3drjdrf5p7ia5xubmhay
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.57.0_zjoiagdsdpivymr5idw66lxttq
-      eslint: registry.npmjs.org/eslint/8.36.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.5.0_eslint@8.36.0
-      eslint-plugin-svelte3: registry.npmjs.org/eslint-plugin-svelte3/4.0.0_wzem237sbvnwe7n34ytc5phasy
-      prettier: registry.npmjs.org/prettier/2.8.7
-      prettier-plugin-svelte: registry.npmjs.org/prettier-plugin-svelte/2.10.0_5ir2xprf4ygk6mygilwnltaw3a
-      svelte: registry.npmjs.org/svelte/3.57.0
-      svelte-check: registry.npmjs.org/svelte-check/3.1.4_svelte@3.57.0
-      tslib: registry.npmjs.org/tslib/2.4.1
-      typescript: registry.npmjs.org/typescript/4.9.4
-      vite: registry.npmjs.org/vite/4.2.1
+      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.0
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.0_svelte@3.59.1+vite@4.3.9
+      '@sveltejs/package': registry.npmjs.org/@sveltejs/package/2.0.2_cnumnonbjyr4j6qimrlvyofpny
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.8_rq7lqmsq2hhtq366qgvop5zziy
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.8_5ujgynla27k2qkzlnkldjwsutm
+      eslint: registry.npmjs.org/eslint/8.41.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.41.0
+      eslint-plugin-svelte3: registry.npmjs.org/eslint-plugin-svelte3/4.0.0_2rgspgo736k3nkqykgvv2sinmy
+      prettier: registry.npmjs.org/prettier/2.8.8
+      prettier-plugin-svelte: registry.npmjs.org/prettier-plugin-svelte/2.10.1_blbg2s7pis747igzn3ilcyh5ou
+      svelte: registry.npmjs.org/svelte/3.59.1
+      svelte-check: registry.npmjs.org/svelte-check/3.4.3_svelte@3.59.1
+      tslib: registry.npmjs.org/tslib/2.5.2
+      typescript: registry.npmjs.org/typescript/4.9.5
+      vite: registry.npmjs.org/vite/4.3.9
 
   packages/system:
     specifiers:
@@ -413,15 +413,15 @@ importers:
       typescript: ^4.9.4
     dependencies:
       '@types/d3': registry.npmjs.org/@types/d3/7.4.0
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.1
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      typescript: registry.npmjs.org/typescript/4.9.4
+      '@types/node': registry.npmjs.org/@types/node/18.16.16
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/utils:
     specifiers:
@@ -434,21 +434,25 @@ importers:
       '@types/d3-selection': ^3.0.3
       '@types/d3-zoom': ^3.0.1
       '@types/node': ^18.7.16
+      d3-drag: ^3.0.0
+      d3-selection: ^3.0.0
       d3-zoom: ^3.0.0
       typescript: ^4.9.4
     dependencies:
       '@reactflow/system': link:../system
       '@types/d3': registry.npmjs.org/@types/d3/7.4.0
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.1
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
+      d3-drag: registry.npmjs.org/d3-drag/3.0.0
+      d3-selection: registry.npmjs.org/d3-selection/3.0.0
       d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
     devDependencies:
       '@reactflow/eslint-config': link:../../tooling/eslint-config
       '@reactflow/rollup-config': link:../../tooling/rollup-config
       '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      typescript: registry.npmjs.org/typescript/4.9.4
+      '@types/node': registry.npmjs.org/@types/node/18.16.16
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   tooling/eslint-config:
     specifiers:
@@ -457,110 +461,78 @@ importers:
       eslint-config-turbo: latest
       eslint-plugin-react: latest
     devDependencies:
-      eslint: registry.npmjs.org/eslint/8.23.1
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.5.0_eslint@8.23.1
-      eslint-config-turbo: registry.npmjs.org/eslint-config-turbo/1.8.6_eslint@8.23.1
-      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.23.1
+      eslint: registry.npmjs.org/eslint/8.41.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.41.0
+      eslint-config-turbo: registry.npmjs.org/eslint-config-turbo/1.10.0_eslint@8.41.0
+      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.41.0
 
   tooling/rollup-config:
     specifiers:
-      '@rollup/plugin-commonjs': ^24.0.1
-      '@rollup/plugin-node-resolve': ^15.0.1
+      '@rollup/plugin-commonjs': ^25.0.0
+      '@rollup/plugin-node-resolve': ^15.1.0
       '@rollup/plugin-replace': ^5.0.2
-      '@rollup/plugin-terser': ^0.4.0
-      '@rollup/plugin-typescript': ^11.0.0
-      rollup: ^3.19.1
+      '@rollup/plugin-terser': ^0.4.3
+      '@rollup/plugin-typescript': 11.0.0
+      rollup: ^3.23.0
       rollup-plugin-peer-deps-external: ^2.2.4
       typescript: ^4.9.4
     devDependencies:
-      '@rollup/plugin-commonjs': registry.npmjs.org/@rollup/plugin-commonjs/24.0.1_rollup@3.20.2
-      '@rollup/plugin-node-resolve': registry.npmjs.org/@rollup/plugin-node-resolve/15.0.1_rollup@3.20.2
-      '@rollup/plugin-replace': registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.20.2
-      '@rollup/plugin-terser': registry.npmjs.org/@rollup/plugin-terser/0.4.0_rollup@3.20.2
-      '@rollup/plugin-typescript': registry.npmjs.org/@rollup/plugin-typescript/11.0.0_63smgertf5ywa7mevokngp24n4
-      rollup: registry.npmjs.org/rollup/3.20.2
-      rollup-plugin-peer-deps-external: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.20.2
-      typescript: registry.npmjs.org/typescript/4.9.4
+      '@rollup/plugin-commonjs': registry.npmjs.org/@rollup/plugin-commonjs/25.0.0_rollup@3.23.0
+      '@rollup/plugin-node-resolve': registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0_rollup@3.23.0
+      '@rollup/plugin-replace': registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.23.0
+      '@rollup/plugin-terser': registry.npmjs.org/@rollup/plugin-terser/0.4.3_rollup@3.23.0
+      '@rollup/plugin-typescript': registry.npmjs.org/@rollup/plugin-typescript/11.0.0_aleiognpck4hfurcdcjnvgqbb4
+      rollup: registry.npmjs.org/rollup/3.23.0
+      rollup-plugin-peer-deps-external: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.23.0
+      typescript: registry.npmjs.org/typescript/4.9.5
 
   tooling/tsconfig:
     specifiers: {}
 
 packages:
 
-  registry.npmjs.org/@ampproject/remapping/2.2.0:
-    resolution: {integrity: sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz}
+  registry.npmjs.org/@ampproject/remapping/2.2.1:
+    resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz}
     name: '@ampproject/remapping'
-    version: 2.2.0
+    version: 2.2.1
     engines: {node: '>=6.0.0'}
     dependencies:
-      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping/0.1.1
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.17
+      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping/0.3.3
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
     dev: true
 
-  registry.npmjs.org/@babel/code-frame/7.18.6:
-    resolution: {integrity: sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz}
+  registry.npmjs.org/@babel/code-frame/7.21.4:
+    resolution: {integrity: sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.21.4.tgz}
     name: '@babel/code-frame'
-    version: 7.18.6
+    version: 7.21.4
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/highlight': registry.npmjs.org/@babel/highlight/7.18.6
     dev: true
 
-  registry.npmjs.org/@babel/compat-data/7.19.0:
-    resolution: {integrity: sha512-y5rqgTTPTmaF5e2nVhOxw+Ur9HDJLsWb6U/KpgUzRZEdPfE6VOubXBKLdbcUTijzRptednSBDQbYZBOSqJxpJw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.19.0.tgz}
-    name: '@babel/compat-data'
-    version: 7.19.0
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  registry.npmjs.org/@babel/compat-data/7.20.10:
-    resolution: {integrity: sha512-sEnuDPpOJR/fcafHMjpcpGN5M2jbUGUHwmuWKM/YdPzeEDJg8bgmbcWQFUfE32MQjti1koACvoPVsDe8Uq+idg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.20.10.tgz}
+  registry.npmjs.org/@babel/compat-data/7.22.3:
+    resolution: {integrity: sha512-aNtko9OPOwVESUFp3MZfD8Uzxl7JzSeJpd7npIoxCasU37PFbAQRpKglkaKwlHOyeJdrREpo8TW8ldrkYWwvIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.3.tgz}
     name: '@babel/compat-data'
-    version: 7.20.10
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  registry.npmjs.org/@babel/core/7.19.0:
-    resolution: {integrity: sha512-reM4+U7B9ss148rh2n1Qs9ASS+w94irYXga7c2jaQv9RVzpS7Mv1a9rnYYwuDa45G+DkORt9g6An2k/V4d9LbQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.19.0.tgz}
-    name: '@babel/core'
-    version: 7.19.0
+    version: 7.22.3
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping/2.2.0
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.18.6
-      '@babel/generator': registry.npmjs.org/@babel/generator/7.19.0
-      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets/7.19.0_@babel+core@7.19.0
-      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms/7.19.0
-      '@babel/helpers': registry.npmjs.org/@babel/helpers/7.19.0
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.19.0
-      '@babel/template': registry.npmjs.org/@babel/template/7.18.10
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.19.0
-      '@babel/types': registry.npmjs.org/@babel/types/7.19.0
-      convert-source-map: registry.npmjs.org/convert-source-map/1.8.0
-      debug: registry.npmjs.org/debug/4.3.4
-      gensync: registry.npmjs.org/gensync/1.0.0-beta.2
-      json5: registry.npmjs.org/json5/2.2.1
-      semver: registry.npmjs.org/semver/6.3.0
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/core/7.20.12:
-    resolution: {integrity: sha512-XsMfHovsUYHFMdrIHkZphTN/2Hzzi78R08NuHfDBehym2VsPDL6Zn/JAD/JQdnRvbSsbQc4mVaU1m6JgtTEElg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.20.12.tgz}
+  registry.npmjs.org/@babel/core/7.22.1:
+    resolution: {integrity: sha512-Hkqu7J4ynysSXxmAahpN1jjRwVJ+NdpraFLIWflgjpVob3KNyK3/tIUc7Q7szed8WMp0JNa7Qtd1E9Oo22F9gA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.22.1.tgz}
     name: '@babel/core'
-    version: 7.20.12
+    version: 7.22.1
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping/2.2.0
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.18.6
-      '@babel/generator': registry.npmjs.org/@babel/generator/7.20.7
-      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets/7.20.7_@babel+core@7.20.12
-      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms/7.20.11
-      '@babel/helpers': registry.npmjs.org/@babel/helpers/7.20.7
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.20.7
-      '@babel/template': registry.npmjs.org/@babel/template/7.20.7
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.20.12
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping/2.2.1
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.21.4
+      '@babel/generator': registry.npmjs.org/@babel/generator/7.22.3
+      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets/7.22.1_@babel+core@7.22.1
+      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms/7.22.1
+      '@babel/helpers': registry.npmjs.org/@babel/helpers/7.22.3
+      '@babel/parser': registry.npmjs.org/@babel/parser/7.22.4
+      '@babel/template': registry.npmjs.org/@babel/template/7.21.9
+      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.22.4
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
       convert-source-map: registry.npmjs.org/convert-source-map/1.9.0
       debug: registry.npmjs.org/debug/4.3.4
       gensync: registry.npmjs.org/gensync/1.0.0-beta.2
@@ -570,76 +542,50 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/generator/7.19.0:
-    resolution: {integrity: sha512-S1ahxf1gZ2dpoiFgA+ohK9DIpz50bJ0CWs7Zlzb54Z4sG8qmdIrGrVqmy1sAtTVRb+9CU6U8VqT9L0Zj7hxHVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.19.0.tgz}
-    name: '@babel/generator'
-    version: 7.19.0
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.19.0
-      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping/0.3.2
-      jsesc: registry.npmjs.org/jsesc/2.5.2
-    dev: true
-
-  registry.npmjs.org/@babel/generator/7.20.7:
-    resolution: {integrity: sha512-7wqMOJq8doJMZmP4ApXTzLxSr7+oO2jroJURrVEp6XShrQUObV8Tq/D0NCcoYg2uHqUrjzO0zwBjoYzelxK+sw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.20.7.tgz}
+  registry.npmjs.org/@babel/generator/7.22.3:
+    resolution: {integrity: sha512-C17MW4wlk//ES/CJDL51kPNwl+qiBQyN7b9SKyVp11BLGFeSPoVaHrv+MNt8jwQFhQWowW88z1eeBx3pFz9v8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.22.3.tgz}
     name: '@babel/generator'
-    version: 7.20.7
+    version: 7.22.3
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
-      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping/0.3.2
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
+      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping/0.3.3
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
       jsesc: registry.npmjs.org/jsesc/2.5.2
     dev: true
 
-  registry.npmjs.org/@babel/helper-compilation-targets/7.19.0_@babel+core@7.19.0:
-    resolution: {integrity: sha512-Ai5bNWXIvwDvWM7njqsG3feMlL9hCVQsPYXodsZyLwshYkZVJt59Gftau4VrE8S9IT9asd2uSP1hG6wCNw+sXA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.19.0.tgz}
-    id: registry.npmjs.org/@babel/helper-compilation-targets/7.19.0
-    name: '@babel/helper-compilation-targets'
-    version: 7.19.0
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/compat-data': registry.npmjs.org/@babel/compat-data/7.19.0
-      '@babel/core': registry.npmjs.org/@babel/core/7.19.0
-      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option/7.18.6
-      browserslist: registry.npmjs.org/browserslist/4.21.3
-      semver: registry.npmjs.org/semver/6.3.0
-    dev: true
-
-  registry.npmjs.org/@babel/helper-compilation-targets/7.20.7_@babel+core@7.20.12:
-    resolution: {integrity: sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz}
-    id: registry.npmjs.org/@babel/helper-compilation-targets/7.20.7
+  registry.npmjs.org/@babel/helper-compilation-targets/7.22.1_@babel+core@7.22.1:
+    resolution: {integrity: sha512-Rqx13UM3yVB5q0D/KwQ8+SPfX/+Rnsy1Lw1k/UwOC4KC6qrzIQoY3lYnBu5EHKBlEHHcj0M0W8ltPSkD8rqfsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.1.tgz}
+    id: registry.npmjs.org/@babel/helper-compilation-targets/7.22.1
     name: '@babel/helper-compilation-targets'
-    version: 7.20.7
+    version: 7.22.1
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/compat-data': registry.npmjs.org/@babel/compat-data/7.20.10
-      '@babel/core': registry.npmjs.org/@babel/core/7.20.12
-      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option/7.18.6
-      browserslist: registry.npmjs.org/browserslist/4.21.4
+      '@babel/compat-data': registry.npmjs.org/@babel/compat-data/7.22.3
+      '@babel/core': registry.npmjs.org/@babel/core/7.22.1
+      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option/7.21.0
+      browserslist: registry.npmjs.org/browserslist/4.21.7
       lru-cache: registry.npmjs.org/lru-cache/5.1.1
       semver: registry.npmjs.org/semver/6.3.0
     dev: true
 
-  registry.npmjs.org/@babel/helper-environment-visitor/7.18.9:
-    resolution: {integrity: sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz}
+  registry.npmjs.org/@babel/helper-environment-visitor/7.22.1:
+    resolution: {integrity: sha512-Z2tgopurB/kTbidvzeBrc2To3PUP/9i5MUe+fU6QJCQDyPwSH2oRapkLw3KGECDYSjhQZCNxEvNvZlLw8JjGwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.1.tgz}
     name: '@babel/helper-environment-visitor'
-    version: 7.18.9
+    version: 7.22.1
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-function-name/7.19.0:
-    resolution: {integrity: sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz}
+  registry.npmjs.org/@babel/helper-function-name/7.21.0:
+    resolution: {integrity: sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz}
     name: '@babel/helper-function-name'
-    version: 7.19.0
+    version: 7.21.0
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/template': registry.npmjs.org/@babel/template/7.20.7
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@babel/template': registry.npmjs.org/@babel/template/7.21.9
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
     dev: true
 
   registry.npmjs.org/@babel/helper-hoist-variables/7.18.6:
@@ -648,84 +594,50 @@ packages:
     version: 7.18.6
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
     dev: true
 
-  registry.npmjs.org/@babel/helper-module-imports/7.18.6:
-    resolution: {integrity: sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz}
+  registry.npmjs.org/@babel/helper-module-imports/7.21.4:
+    resolution: {integrity: sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz}
     name: '@babel/helper-module-imports'
-    version: 7.18.6
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
-    dev: true
-
-  registry.npmjs.org/@babel/helper-module-transforms/7.19.0:
-    resolution: {integrity: sha512-3HBZ377Fe14RbLIA+ac3sY4PTgpxHVkFrESaWhoI5PuyXPBBX8+C34qblV9G89ZtycGJCmCI/Ut+VUDK4bltNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.19.0.tgz}
-    name: '@babel/helper-module-transforms'
-    version: 7.19.0
+    version: 7.21.4
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.18.9
-      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports/7.18.6
-      '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access/7.18.6
-      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration/7.18.6
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.19.1
-      '@babel/template': registry.npmjs.org/@babel/template/7.18.10
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.19.0
-      '@babel/types': registry.npmjs.org/@babel/types/7.19.0
-    transitivePeerDependencies:
-      - supports-color
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
     dev: true
 
-  registry.npmjs.org/@babel/helper-module-transforms/7.20.11:
-    resolution: {integrity: sha512-uRy78kN4psmji1s2QtbtcCSaj/LILFDp0f/ymhpQH5QY3nljUZCaNWz9X1dEj/8MBdBEFECs7yRhKn8i7NjZgg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.20.11.tgz}
+  registry.npmjs.org/@babel/helper-module-transforms/7.22.1:
+    resolution: {integrity: sha512-dxAe9E7ySDGbQdCVOY/4+UcD8M9ZFqZcZhSPsPacvCG4M+9lwtDDQfI2EoaSvmf7W/8yCBkGU0m7Pvt1ru3UZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.1.tgz}
     name: '@babel/helper-module-transforms'
-    version: 7.20.11
+    version: 7.22.1
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.18.9
-      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports/7.18.6
-      '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access/7.20.2
+      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.22.1
+      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports/7.21.4
+      '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access/7.21.5
       '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration/7.18.6
       '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.19.1
-      '@babel/template': registry.npmjs.org/@babel/template/7.20.7
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.20.12
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@babel/template': registry.npmjs.org/@babel/template/7.21.9
+      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.22.4
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/helper-plugin-utils/7.19.0:
-    resolution: {integrity: sha512-40Ryx7I8mT+0gaNxm8JGTZFUITNqdLAgdg0hXzeVZxVD6nFsdhQvip6v8dqkRHzsz1VFpFAaOCHNn0vKBL7Czw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.19.0.tgz}
-    name: '@babel/helper-plugin-utils'
-    version: 7.19.0
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  registry.npmjs.org/@babel/helper-plugin-utils/7.20.2:
-    resolution: {integrity: sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz}
+  registry.npmjs.org/@babel/helper-plugin-utils/7.21.5:
+    resolution: {integrity: sha512-0WDaIlXKOX/3KfBK/dwP1oQGiPh6rjMkT7HIRv7i5RR2VUMwrx5ZL0dwBkKx7+SW1zwNdgjHd34IMk5ZjTeHVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.21.5.tgz}
     name: '@babel/helper-plugin-utils'
-    version: 7.20.2
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  registry.npmjs.org/@babel/helper-simple-access/7.18.6:
-    resolution: {integrity: sha512-iNpIgTgyAvDQpDj76POqg+YEt8fPxx3yaNBg3S30dxNKm2SWfYhD0TGrK/Eu9wHpUW63VQU894TsTg+GLbUa1g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.18.6.tgz}
-    name: '@babel/helper-simple-access'
-    version: 7.18.6
+    version: 7.21.5
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.19.0
     dev: true
 
-  registry.npmjs.org/@babel/helper-simple-access/7.20.2:
-    resolution: {integrity: sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz}
+  registry.npmjs.org/@babel/helper-simple-access/7.21.5:
+    resolution: {integrity: sha512-ENPDAMC1wAjR0uaCUwliBdiSl1KBJAVnMTzXqi64c2MG8MPR6ii4qf7bSXDqSFbr4W6W028/rf5ivoHop5/mkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.21.5.tgz}
     name: '@babel/helper-simple-access'
-    version: 7.20.2
+    version: 7.21.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
     dev: true
 
   registry.npmjs.org/@babel/helper-split-export-declaration/7.18.6:
@@ -734,20 +646,13 @@ packages:
     version: 7.18.6
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
-    dev: true
-
-  registry.npmjs.org/@babel/helper-string-parser/7.18.10:
-    resolution: {integrity: sha512-XtIfWmeNY3i4t7t4D2t02q50HvqHybPqW2ki1kosnvWCwuCMeo81Jf0gwr85jy/neUdg5XDdeFE/80DXiO+njw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.18.10.tgz}
-    name: '@babel/helper-string-parser'
-    version: 7.18.10
-    engines: {node: '>=6.9.0'}
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
     dev: true
 
-  registry.npmjs.org/@babel/helper-string-parser/7.19.4:
-    resolution: {integrity: sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz}
+  registry.npmjs.org/@babel/helper-string-parser/7.21.5:
+    resolution: {integrity: sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.21.5.tgz}
     name: '@babel/helper-string-parser'
-    version: 7.19.4
+    version: 7.21.5
     engines: {node: '>=6.9.0'}
     dev: true
 
@@ -758,35 +663,22 @@ packages:
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-validator-option/7.18.6:
-    resolution: {integrity: sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz}
+  registry.npmjs.org/@babel/helper-validator-option/7.21.0:
+    resolution: {integrity: sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz}
     name: '@babel/helper-validator-option'
-    version: 7.18.6
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  registry.npmjs.org/@babel/helpers/7.19.0:
-    resolution: {integrity: sha512-DRBCKGwIEdqY3+rPJgG/dKfQy9+08rHIAJx8q2p+HSWP87s2HCrQmaAMMyMll2kIXKCW0cO1RdQskx15Xakftg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.19.0.tgz}
-    name: '@babel/helpers'
-    version: 7.19.0
+    version: 7.21.0
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/template': registry.npmjs.org/@babel/template/7.18.10
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.19.0
-      '@babel/types': registry.npmjs.org/@babel/types/7.19.0
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/helpers/7.20.7:
-    resolution: {integrity: sha512-PBPjs5BppzsGaxHQCDKnZ6Gd9s6xl8bBCluz3vEInLGRJmnZan4F6BYCeqtyXqkk4W5IlPmjK4JlOuZkpJ3xZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.20.7.tgz}
+  registry.npmjs.org/@babel/helpers/7.22.3:
+    resolution: {integrity: sha512-jBJ7jWblbgr7r6wYZHMdIqKc73ycaTcCaWRq4/2LpuPHcx7xMlZvpGQkOYc9HeSjn6rcx15CPlgVcBtZ4WZJ2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.3.tgz}
     name: '@babel/helpers'
-    version: 7.20.7
+    version: 7.22.3
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/template': registry.npmjs.org/@babel/template/7.20.7
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.20.12
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@babel/template': registry.npmjs.org/@babel/template/7.21.9
+      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.22.4
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -802,58 +694,30 @@ packages:
       js-tokens: registry.npmjs.org/js-tokens/4.0.0
     dev: true
 
-  registry.npmjs.org/@babel/parser/7.19.0:
-    resolution: {integrity: sha512-74bEXKX2h+8rrfQUfsBfuZZHzsEs6Eql4pqy/T4Nn6Y9wNPggQOqD6z6pn5Bl8ZfysKouFZT/UXEH94ummEeQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.19.0.tgz}
-    name: '@babel/parser'
-    version: 7.19.0
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.19.0
-    dev: true
-
-  registry.npmjs.org/@babel/parser/7.20.7:
-    resolution: {integrity: sha512-T3Z9oHybU+0vZlY9CiDSJQTD5ZapcW18ZctFMi0MOAl/4BjFF4ul7NVSARLdbGO5vDqy9eQiGTV0LtKfvCYvcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.20.7.tgz}
+  registry.npmjs.org/@babel/parser/7.22.4:
+    resolution: {integrity: sha512-VLLsx06XkEYqBtE5YGPwfSGwfrjnyPP5oiGty3S8pQLFDFLaS8VwWSIxkTXpcvr5zeYLE6+MBNl2npl/YnfofA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.22.4.tgz}
     name: '@babel/parser'
-    version: 7.20.7
+    version: 7.22.4
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
-    dev: true
-
-  registry.npmjs.org/@babel/plugin-transform-modules-commonjs/7.18.6_@babel+core@7.19.0:
-    resolution: {integrity: sha512-Qfv2ZOWikpvmedXQJDSbxNqy7Xr/j2Y8/KfijM0iJyKkBTmWuvCA1yeH1yDM7NJhBW/2aXxeucLj6i80/LAJ/Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.18.6.tgz}
-    id: registry.npmjs.org/@babel/plugin-transform-modules-commonjs/7.18.6
-    name: '@babel/plugin-transform-modules-commonjs'
-    version: 7.18.6
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.19.0
-      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms/7.19.0
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.19.0
-      '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access/7.18.6
-      babel-plugin-dynamic-import-node: registry.npmjs.org/babel-plugin-dynamic-import-node/2.3.3
-    transitivePeerDependencies:
-      - supports-color
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
     dev: true
 
-  registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-A0LQGx4+4Jv7u/tWzoJF7alZwnBDQd6cGLh9P+Ttk4dpiL+J5p7NSNv/9tlEFFJDq3kjxOavWmbm6t0Gk+A3Ig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.18.6.tgz}
-    id: registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.18.6
+  registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.21.0_@babel+core@7.22.1:
+    resolution: {integrity: sha512-f/Eq+79JEu+KUANFks9UZCcvydOOGMgF7jBrcwjHa5jTZD8JivnhCJYvmlhR/WTXBWonDExPoW0eO/CR4QJirA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.21.0.tgz}
+    id: registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.21.0
     name: '@babel/plugin-transform-react-jsx-self'
-    version: 7.18.6
+    version: 7.21.0
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.20.12
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.20.2
+      '@babel/core': registry.npmjs.org/@babel/core/7.22.1
+      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.21.5
     dev: true
 
-  registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.19.6_@babel+core@7.20.12:
+  registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.19.6_@babel+core@7.22.1:
     resolution: {integrity: sha512-RpAi004QyMNisst/pvSanoRdJ4q+jMCWyk9zdw/CyLB9j8RXEahodR6l2GyttDRyEVWZtbN+TpLiHJ3t34LbsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.19.6.tgz}
     id: registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.19.6
     name: '@babel/plugin-transform-react-jsx-source'
@@ -862,175 +726,134 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.20.12
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.20.2
+      '@babel/core': registry.npmjs.org/@babel/core/7.22.1
+      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.21.5
     dev: true
 
-  registry.npmjs.org/@babel/runtime/7.19.0:
-    resolution: {integrity: sha512-eR8Lo9hnDS7tqkO7NsV+mKvCmv5boaXFSZ70DnfhcgiEne8hv9oCEd36Klw74EtizEqLsy4YnW8UWwpBVolHZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/runtime/-/runtime-7.19.0.tgz}
+  registry.npmjs.org/@babel/runtime/7.22.3:
+    resolution: {integrity: sha512-XsDuspWKLUsxwCp6r7EhsExHtYfbe5oAGQ19kqngTdCPUoPQzOPdUbD/pB9PJiwb2ptYKQDjSJT3R6dC+EPqfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.3.tgz}
     name: '@babel/runtime'
-    version: 7.19.0
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      regenerator-runtime: registry.npmjs.org/regenerator-runtime/0.13.9
-
-  registry.npmjs.org/@babel/template/7.18.10:
-    resolution: {integrity: sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/template/-/template-7.18.10.tgz}
-    name: '@babel/template'
-    version: 7.18.10
+    version: 7.22.3
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.18.6
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.19.0
-      '@babel/types': registry.npmjs.org/@babel/types/7.19.0
+      regenerator-runtime: registry.npmjs.org/regenerator-runtime/0.13.11
     dev: true
 
-  registry.npmjs.org/@babel/template/7.20.7:
-    resolution: {integrity: sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz}
+  registry.npmjs.org/@babel/template/7.21.9:
+    resolution: {integrity: sha512-MK0X5k8NKOuWRamiEfc3KEJiHMTkGZNUjzMipqCGDDc6ijRl/B7RGSKVGncu4Ro/HdyzzY6cmoXuKI2Gffk7vQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/template/-/template-7.21.9.tgz}
     name: '@babel/template'
-    version: 7.20.7
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.18.6
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.20.7
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
-    dev: true
-
-  registry.npmjs.org/@babel/traverse/7.19.0:
-    resolution: {integrity: sha512-4pKpFRDh+utd2mbRC8JLnlsMUii3PMHjpL6a0SZ4NMZy7YFP9aXORxEhdMVOc9CpWtDF09IkciQLEhK7Ml7gRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.19.0.tgz}
-    name: '@babel/traverse'
-    version: 7.19.0
+    version: 7.21.9
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.18.6
-      '@babel/generator': registry.npmjs.org/@babel/generator/7.19.0
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.18.9
-      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name/7.19.0
-      '@babel/helper-hoist-variables': registry.npmjs.org/@babel/helper-hoist-variables/7.18.6
-      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration/7.18.6
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.19.0
-      '@babel/types': registry.npmjs.org/@babel/types/7.19.0
-      debug: registry.npmjs.org/debug/4.3.4
-      globals: registry.npmjs.org/globals/11.12.0
-    transitivePeerDependencies:
-      - supports-color
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.21.4
+      '@babel/parser': registry.npmjs.org/@babel/parser/7.22.4
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
     dev: true
 
-  registry.npmjs.org/@babel/traverse/7.20.12:
-    resolution: {integrity: sha512-MsIbFN0u+raeja38qboyF8TIT7K0BFzz/Yd/77ta4MsUsmP2RAnidIlwq7d5HFQrH/OZJecGV6B71C4zAgpoSQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.20.12.tgz}
+  registry.npmjs.org/@babel/traverse/7.22.4:
+    resolution: {integrity: sha512-Tn1pDsjIcI+JcLKq1AVlZEr4226gpuAQTsLMorsYg9tuS/kG7nuwwJ4AB8jfQuEgb/COBwR/DqJxmoiYFu5/rQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.4.tgz}
     name: '@babel/traverse'
-    version: 7.20.12
+    version: 7.22.4
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.18.6
-      '@babel/generator': registry.npmjs.org/@babel/generator/7.20.7
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.18.9
-      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name/7.19.0
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.21.4
+      '@babel/generator': registry.npmjs.org/@babel/generator/7.22.3
+      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.22.1
+      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name/7.21.0
       '@babel/helper-hoist-variables': registry.npmjs.org/@babel/helper-hoist-variables/7.18.6
       '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration/7.18.6
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.20.7
-      '@babel/types': registry.npmjs.org/@babel/types/7.20.7
+      '@babel/parser': registry.npmjs.org/@babel/parser/7.22.4
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
       debug: registry.npmjs.org/debug/4.3.4
       globals: registry.npmjs.org/globals/11.12.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/types/7.19.0:
-    resolution: {integrity: sha512-YuGopBq3ke25BVSiS6fgF49Ul9gH1x70Bcr6bqRLjWCkcX8Hre1/5+z+IiWOIerRMSSEfGZVB9z9kyq7wVs9YA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.19.0.tgz}
-    name: '@babel/types'
-    version: 7.19.0
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser/7.18.10
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.19.1
-      to-fast-properties: registry.npmjs.org/to-fast-properties/2.0.0
-    dev: true
-
-  registry.npmjs.org/@babel/types/7.20.7:
-    resolution: {integrity: sha512-69OnhBxSSgK0OzTJai4kyPDiKTIe3j+ctaHdIGVbRahTLAT7L3R9oeXHC2aVSuGYt3cVnoAMDmOCgJ2yaiLMvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.20.7.tgz}
+  registry.npmjs.org/@babel/types/7.22.4:
+    resolution: {integrity: sha512-Tx9x3UBHTTsMSW85WB2kphxYQVvrZ/t1FxD88IpSgIjiUJlCm9z+xWIDwyo1vffTwSqteqyznB8ZE9vYYk16zA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.22.4.tgz}
     name: '@babel/types'
-    version: 7.20.7
+    version: 7.22.4
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser/7.19.4
+      '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser/7.21.5
       '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.19.1
       to-fast-properties: registry.npmjs.org/to-fast-properties/2.0.0
     dev: true
 
-  registry.npmjs.org/@changesets/apply-release-plan/6.1.1:
-    resolution: {integrity: sha512-LaQiP/Wf0zMVR0HNrLQAjz3rsNsr0d/RlnP6Ef4oi8VafOwnY1EoWdK4kssuUJGgNgDyHpomS50dm8CU3D7k7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-6.1.1.tgz}
+  registry.npmjs.org/@changesets/apply-release-plan/6.1.3:
+    resolution: {integrity: sha512-ECDNeoc3nfeAe1jqJb5aFQX7CqzQhD2klXRez2JDb/aVpGUbX673HgKrnrgJRuQR/9f2TtLoYIzrGB9qwD77mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-6.1.3.tgz}
     name: '@changesets/apply-release-plan'
-    version: 6.1.1
+    version: 6.1.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
-      '@changesets/config': registry.npmjs.org/@changesets/config/2.2.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
+      '@changesets/config': registry.npmjs.org/@changesets/config/2.3.0
       '@changesets/get-version-range-type': registry.npmjs.org/@changesets/get-version-range-type/0.3.2
-      '@changesets/git': registry.npmjs.org/@changesets/git/1.5.0
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/git': registry.npmjs.org/@changesets/git/2.0.0
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
       detect-indent: registry.npmjs.org/detect-indent/6.1.0
       fs-extra: registry.npmjs.org/fs-extra/7.0.1
       lodash.startcase: registry.npmjs.org/lodash.startcase/4.4.0
       outdent: registry.npmjs.org/outdent/0.5.0
-      prettier: registry.npmjs.org/prettier/2.8.7
+      prettier: registry.npmjs.org/prettier/2.8.8
       resolve-from: registry.npmjs.org/resolve-from/5.0.0
       semver: registry.npmjs.org/semver/5.7.1
     dev: true
 
-  registry.npmjs.org/@changesets/assemble-release-plan/5.2.2:
-    resolution: {integrity: sha512-B1qxErQd85AeZgZFZw2bDKyOfdXHhG+X5S+W3Da2yCem8l/pRy4G/S7iOpEcMwg6lH8q2ZhgbZZwZ817D+aLuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/assemble-release-plan/-/assemble-release-plan-5.2.2.tgz}
+  registry.npmjs.org/@changesets/assemble-release-plan/5.2.3:
+    resolution: {integrity: sha512-g7EVZCmnWz3zMBAdrcKhid4hkHT+Ft1n0mLussFMcB1dE2zCuwcvGoy9ec3yOgPGF4hoMtgHaMIk3T3TBdvU9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/assemble-release-plan/-/assemble-release-plan-5.2.3.tgz}
     name: '@changesets/assemble-release-plan'
-    version: 5.2.2
+    version: 5.2.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
       '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.4
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.5
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
       semver: registry.npmjs.org/semver/5.7.1
     dev: true
 
-  registry.npmjs.org/@changesets/changelog-git/0.1.13:
-    resolution: {integrity: sha512-zvJ50Q+EUALzeawAxax6nF2WIcSsC5PwbuLeWkckS8ulWnuPYx8Fn/Sjd3rF46OzeKA8t30loYYV6TIzp4DIdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-git/-/changelog-git-0.1.13.tgz}
+  registry.npmjs.org/@changesets/changelog-git/0.1.14:
+    resolution: {integrity: sha512-+vRfnKtXVWsDDxGctOfzJsPhaCdXRYoe+KyWYoq5X/GqoISREiat0l3L8B0a453B2B4dfHGcZaGyowHbp9BSaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-git/-/changelog-git-0.1.14.tgz}
     name: '@changesets/changelog-git'
-    version: 0.1.13
+    version: 0.1.14
     dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
     dev: true
 
-  registry.npmjs.org/@changesets/changelog-github/0.4.7:
-    resolution: {integrity: sha512-UUG5sKwShs5ha1GFnayUpZNcDGWoY7F5XxhOEHS62sDPOtoHQZsG3j1nC5RxZ3M1URHA321cwVZHeXgu99Y3ew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-github/-/changelog-github-0.4.7.tgz}
+  registry.npmjs.org/@changesets/changelog-github/0.4.8:
+    resolution: {integrity: sha512-jR1DHibkMAb5v/8ym77E4AMNWZKB5NPzw5a5Wtqm1JepAuIF+hrKp2u04NKM14oBZhHglkCfrla9uq8ORnK/dw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-github/-/changelog-github-0.4.8.tgz}
     name: '@changesets/changelog-github'
-    version: 0.4.7
+    version: 0.4.8
     dependencies:
-      '@changesets/get-github-info': registry.npmjs.org/@changesets/get-github-info/0.5.1
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/get-github-info': registry.npmjs.org/@changesets/get-github-info/0.5.2
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       dotenv: registry.npmjs.org/dotenv/8.6.0
     transitivePeerDependencies:
       - encoding
     dev: true
 
-  registry.npmjs.org/@changesets/cli/2.25.0:
-    resolution: {integrity: sha512-Svu5KD2enurVHGEEzCRlaojrHjVYgF9srmMP9VQSy9c1TspX6C9lDPpulsSNIjYY9BuU/oiWpjBgR7RI9eQiAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/cli/-/cli-2.25.0.tgz}
+  registry.npmjs.org/@changesets/cli/2.26.1:
+    resolution: {integrity: sha512-XnTa+b51vt057fyAudvDKGB0Sh72xutQZNAdXkCqPBKO2zvs2yYZx5hFZj1u9cbtpwM6Sxtcr02/FQJfZOzemQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/cli/-/cli-2.26.1.tgz}
     name: '@changesets/cli'
-    version: 2.25.0
+    version: 2.26.1
     hasBin: true
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
-      '@changesets/apply-release-plan': registry.npmjs.org/@changesets/apply-release-plan/6.1.1
-      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan/5.2.2
-      '@changesets/changelog-git': registry.npmjs.org/@changesets/changelog-git/0.1.13
-      '@changesets/config': registry.npmjs.org/@changesets/config/2.2.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
+      '@changesets/apply-release-plan': registry.npmjs.org/@changesets/apply-release-plan/6.1.3
+      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan/5.2.3
+      '@changesets/changelog-git': registry.npmjs.org/@changesets/changelog-git/0.1.14
+      '@changesets/config': registry.npmjs.org/@changesets/config/2.3.0
       '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.4
-      '@changesets/get-release-plan': registry.npmjs.org/@changesets/get-release-plan/3.0.15
-      '@changesets/git': registry.npmjs.org/@changesets/git/1.5.0
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.5
+      '@changesets/get-release-plan': registry.npmjs.org/@changesets/get-release-plan/3.0.16
+      '@changesets/git': registry.npmjs.org/@changesets/git/2.0.0
       '@changesets/logger': registry.npmjs.org/@changesets/logger/0.0.5
-      '@changesets/pre': registry.npmjs.org/@changesets/pre/1.0.13
-      '@changesets/read': registry.npmjs.org/@changesets/read/0.5.8
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
-      '@changesets/write': registry.npmjs.org/@changesets/write/0.2.1
+      '@changesets/pre': registry.npmjs.org/@changesets/pre/1.0.14
+      '@changesets/read': registry.npmjs.org/@changesets/read/0.5.9
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
+      '@changesets/write': registry.npmjs.org/@changesets/write/0.2.3
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
       '@types/is-ci': registry.npmjs.org/@types/is-ci/3.0.0
       '@types/semver': registry.npmjs.org/@types/semver/6.2.3
@@ -1049,18 +872,18 @@ packages:
       semver: registry.npmjs.org/semver/5.7.1
       spawndamnit: registry.npmjs.org/spawndamnit/2.0.0
       term-size: registry.npmjs.org/term-size/2.2.1
-      tty-table: registry.npmjs.org/tty-table/4.1.6
+      tty-table: registry.npmjs.org/tty-table/4.2.1
     dev: true
 
-  registry.npmjs.org/@changesets/config/2.2.0:
-    resolution: {integrity: sha512-GGaokp3nm5FEDk/Fv2PCRcQCOxGKKPRZ7prcMqxEr7VSsG75MnChQE8plaW1k6V8L2bJE+jZWiRm19LbnproOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/config/-/config-2.2.0.tgz}
+  registry.npmjs.org/@changesets/config/2.3.0:
+    resolution: {integrity: sha512-EgP/px6mhCx8QeaMAvWtRrgyxW08k/Bx2tpGT+M84jEdX37v3VKfh4Cz1BkwrYKuMV2HZKeHOh8sHvja/HcXfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/config/-/config-2.3.0.tgz}
     name: '@changesets/config'
-    version: 2.2.0
+    version: 2.3.0
     dependencies:
       '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.4
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.5
       '@changesets/logger': registry.npmjs.org/@changesets/logger/0.0.5
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
       fs-extra: registry.npmjs.org/fs-extra/7.0.1
       micromatch: registry.npmjs.org/micromatch/4.0.5
@@ -1074,40 +897,40 @@ packages:
       extendable-error: registry.npmjs.org/extendable-error/0.1.7
     dev: true
 
-  registry.npmjs.org/@changesets/get-dependents-graph/1.3.4:
-    resolution: {integrity: sha512-+C4AOrrFY146ydrgKOo5vTZfj7vetNu1tWshOID+UjPUU9afYGDXI8yLnAeib1ffeBXV3TuGVcyphKpJ3cKe+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-dependents-graph/-/get-dependents-graph-1.3.4.tgz}
+  registry.npmjs.org/@changesets/get-dependents-graph/1.3.5:
+    resolution: {integrity: sha512-w1eEvnWlbVDIY8mWXqWuYE9oKhvIaBhzqzo4ITSJY9hgoqQ3RoBqwlcAzg11qHxv/b8ReDWnMrpjpKrW6m1ZTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-dependents-graph/-/get-dependents-graph-1.3.5.tgz}
     name: '@changesets/get-dependents-graph'
-    version: 1.3.4
+    version: 1.3.5
     dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
       chalk: registry.npmjs.org/chalk/2.4.2
       fs-extra: registry.npmjs.org/fs-extra/7.0.1
       semver: registry.npmjs.org/semver/5.7.1
     dev: true
 
-  registry.npmjs.org/@changesets/get-github-info/0.5.1:
-    resolution: {integrity: sha512-w2yl3AuG+hFuEEmT6j1zDlg7GQLM/J2UxTmk0uJBMdRqHni4zXGe/vUlPfLom5KfX3cRfHc0hzGvloDPjWFNZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-github-info/-/get-github-info-0.5.1.tgz}
+  registry.npmjs.org/@changesets/get-github-info/0.5.2:
+    resolution: {integrity: sha512-JppheLu7S114aEs157fOZDjFqUDpm7eHdq5E8SSR0gUBTEK0cNSHsrSR5a66xs0z3RWuo46QvA3vawp8BxDHvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-github-info/-/get-github-info-0.5.2.tgz}
     name: '@changesets/get-github-info'
-    version: 0.5.1
+    version: 0.5.2
     dependencies:
       dataloader: registry.npmjs.org/dataloader/1.4.0
-      node-fetch: registry.npmjs.org/node-fetch/2.6.7
+      node-fetch: registry.npmjs.org/node-fetch/2.6.11
     transitivePeerDependencies:
       - encoding
     dev: true
 
-  registry.npmjs.org/@changesets/get-release-plan/3.0.15:
-    resolution: {integrity: sha512-W1tFwxE178/en+zSj/Nqbc3mvz88mcdqUMJhRzN1jDYqN3QI4ifVaRF9mcWUU+KI0gyYEtYR65tour690PqTcA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-release-plan/-/get-release-plan-3.0.15.tgz}
+  registry.npmjs.org/@changesets/get-release-plan/3.0.16:
+    resolution: {integrity: sha512-OpP9QILpBp1bY2YNIKFzwigKh7Qe9KizRsZomzLe6pK8IUo8onkAAVUD8+JRKSr8R7d4+JRuQrfSSNlEwKyPYg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-release-plan/-/get-release-plan-3.0.16.tgz}
     name: '@changesets/get-release-plan'
-    version: 3.0.15
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
-      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan/5.2.2
-      '@changesets/config': registry.npmjs.org/@changesets/config/2.2.0
-      '@changesets/pre': registry.npmjs.org/@changesets/pre/1.0.13
-      '@changesets/read': registry.npmjs.org/@changesets/read/0.5.8
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+    version: 3.0.16
+    dependencies:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
+      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan/5.2.3
+      '@changesets/config': registry.npmjs.org/@changesets/config/2.3.0
+      '@changesets/pre': registry.npmjs.org/@changesets/pre/1.0.14
+      '@changesets/read': registry.npmjs.org/@changesets/read/0.5.9
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
     dev: true
 
@@ -1117,16 +940,17 @@ packages:
     version: 0.3.2
     dev: true
 
-  registry.npmjs.org/@changesets/git/1.5.0:
-    resolution: {integrity: sha512-Xo8AT2G7rQJSwV87c8PwMm6BAc98BnufRMsML7m7Iw8Or18WFvFmxqG5aOL5PBvhgq9KrKvaeIBNIymracSuHg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/git/-/git-1.5.0.tgz}
+  registry.npmjs.org/@changesets/git/2.0.0:
+    resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/git/-/git-2.0.0.tgz}
     name: '@changesets/git'
-    version: 1.5.0
+    version: 2.0.0
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
       '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
       is-subdir: registry.npmjs.org/is-subdir/1.2.0
+      micromatch: registry.npmjs.org/micromatch/4.0.5
       spawndamnit: registry.npmjs.org/spawndamnit/2.0.0
     dev: true
 
@@ -1138,37 +962,37 @@ packages:
       chalk: registry.npmjs.org/chalk/2.4.2
     dev: true
 
-  registry.npmjs.org/@changesets/parse/0.3.15:
-    resolution: {integrity: sha512-3eDVqVuBtp63i+BxEWHPFj2P1s3syk0PTrk2d94W9JD30iG+OER0Y6n65TeLlY8T2yB9Fvj6Ev5Gg0+cKe/ZUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/parse/-/parse-0.3.15.tgz}
+  registry.npmjs.org/@changesets/parse/0.3.16:
+    resolution: {integrity: sha512-127JKNd167ayAuBjUggZBkmDS5fIKsthnr9jr6bdnuUljroiERW7FBTDNnNVyJ4l69PzR57pk6mXQdtJyBCJKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/parse/-/parse-0.3.16.tgz}
     name: '@changesets/parse'
-    version: 0.3.15
+    version: 0.3.16
     dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       js-yaml: registry.npmjs.org/js-yaml/3.14.1
     dev: true
 
-  registry.npmjs.org/@changesets/pre/1.0.13:
-    resolution: {integrity: sha512-jrZc766+kGZHDukjKhpBXhBJjVQMied4Fu076y9guY1D3H622NOw8AQaLV3oQsDtKBTrT2AUFjt9Z2Y9Qx+GfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/pre/-/pre-1.0.13.tgz}
+  registry.npmjs.org/@changesets/pre/1.0.14:
+    resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/pre/-/pre-1.0.14.tgz}
     name: '@changesets/pre'
-    version: 1.0.13
+    version: 1.0.14
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
       '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
       fs-extra: registry.npmjs.org/fs-extra/7.0.1
     dev: true
 
-  registry.npmjs.org/@changesets/read/0.5.8:
-    resolution: {integrity: sha512-eYaNfxemgX7f7ELC58e7yqQICW5FB7V+bd1lKt7g57mxUrTveYME+JPaBPpYx02nP53XI6CQp6YxnR9NfmFPKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/read/-/read-0.5.8.tgz}
+  registry.npmjs.org/@changesets/read/0.5.9:
+    resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/read/-/read-0.5.9.tgz}
     name: '@changesets/read'
-    version: 0.5.8
+    version: 0.5.9
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
-      '@changesets/git': registry.npmjs.org/@changesets/git/1.5.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
+      '@changesets/git': registry.npmjs.org/@changesets/git/2.0.0
       '@changesets/logger': registry.npmjs.org/@changesets/logger/0.0.5
-      '@changesets/parse': registry.npmjs.org/@changesets/parse/0.3.15
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@changesets/parse': registry.npmjs.org/@changesets/parse/0.3.16
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       chalk: registry.npmjs.org/chalk/2.4.2
       fs-extra: registry.npmjs.org/fs-extra/7.0.1
       p-filter: registry.npmjs.org/p-filter/2.1.0
@@ -1180,22 +1004,22 @@ packages:
     version: 4.1.0
     dev: true
 
-  registry.npmjs.org/@changesets/types/5.2.0:
-    resolution: {integrity: sha512-km/66KOqJC+eicZXsm2oq8A8bVTSpkZJ60iPV/Nl5Z5c7p9kk8xxh6XGRTlnludHldxOOfudhnDN2qPxtHmXzA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/types/-/types-5.2.0.tgz}
+  registry.npmjs.org/@changesets/types/5.2.1:
+    resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/types/-/types-5.2.1.tgz}
     name: '@changesets/types'
-    version: 5.2.0
+    version: 5.2.1
     dev: true
 
-  registry.npmjs.org/@changesets/write/0.2.1:
-    resolution: {integrity: sha512-KUd49nt2fnYdGixIqTi1yVE1nAoZYUMdtB3jBfp77IMqjZ65hrmZE5HdccDlTeClZN0420ffpnfET3zzeY8pdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/write/-/write-0.2.1.tgz}
+  registry.npmjs.org/@changesets/write/0.2.3:
+    resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/write/-/write-0.2.3.tgz}
     name: '@changesets/write'
-    version: 0.2.1
+    version: 0.2.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
+      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       fs-extra: registry.npmjs.org/fs-extra/7.0.1
       human-id: registry.npmjs.org/human-id/1.0.2
-      prettier: registry.npmjs.org/prettier/2.8.7
+      prettier: registry.npmjs.org/prettier/2.8.8
     dev: true
 
   registry.npmjs.org/@colors/colors/1.5.0:
@@ -1207,14 +1031,14 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@cypress/request/2.88.10:
-    resolution: {integrity: sha512-Zp7F+R93N0yZyG34GutyTNr+okam7s/Fzc1+i3kcqOP8vk6OuajuE9qZJ6Rs+10/1JFtXFYMdyarnU1rZuJesg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/request/-/request-2.88.10.tgz}
+  registry.npmjs.org/@cypress/request/2.88.11:
+    resolution: {integrity: sha512-M83/wfQ1EkspjkE2lNWNV5ui2Cv7UCv1swW1DqljahbzLVWltcsexQh8jYtuS/vzFXP+HySntGM83ZXA9fn17w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/request/-/request-2.88.11.tgz}
     name: '@cypress/request'
-    version: 2.88.10
+    version: 2.88.11
     engines: {node: '>= 6'}
     dependencies:
       aws-sign2: registry.npmjs.org/aws-sign2/0.7.0
-      aws4: registry.npmjs.org/aws4/1.11.0
+      aws4: registry.npmjs.org/aws4/1.12.0
       caseless: registry.npmjs.org/caseless/0.12.0
       combined-stream: registry.npmjs.org/combined-stream/1.0.8
       extend: registry.npmjs.org/extend/3.0.2
@@ -1226,7 +1050,7 @@ packages:
       json-stringify-safe: registry.npmjs.org/json-stringify-safe/5.0.1
       mime-types: registry.npmjs.org/mime-types/2.1.35
       performance-now: registry.npmjs.org/performance-now/2.1.0
-      qs: registry.npmjs.org/qs/6.5.3
+      qs: registry.npmjs.org/qs/6.10.4
       safe-buffer: registry.npmjs.org/safe-buffer/5.2.1
       tough-cookie: registry.npmjs.org/tough-cookie/2.5.0
       tunnel-agent: registry.npmjs.org/tunnel-agent/0.6.0
@@ -1251,21 +1075,10 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@esbuild/android-arm/0.16.16:
-    resolution: {integrity: sha512-BUuWMlt4WSXod1HSl7aGK8fJOsi+Tab/M0IDK1V1/GstzoOpqc/v3DqmN8MkuapPKQ9Br1WtLAN4uEgWR8x64A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.16.16.tgz}
-    name: '@esbuild/android-arm'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/android-arm/0.17.14:
-    resolution: {integrity: sha512-0CnlwnjDU8cks0yJLXfkaU/uoLyRf9VZJs4p1PskBr2AlAHeEsFEwJEo0of/Z3g+ilw5mpyDwThlxzNEIxOE4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/android-arm/0.17.19:
+    resolution: {integrity: sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz}
     name: '@esbuild/android-arm'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
@@ -1273,21 +1086,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/android-arm64/0.16.16:
-    resolution: {integrity: sha512-hFHVAzUKp9Tf8psGq+bDVv+6hTy1bAOoV/jJMUWwhUnIHsh6WbFMhw0ZTkqDuh7TdpffFoHOiIOIxmHc7oYRBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.16.16.tgz}
-    name: '@esbuild/android-arm64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/android-arm64/0.17.14:
-    resolution: {integrity: sha512-eLOpPO1RvtsP71afiFTvS7tVFShJBCT0txiv/xjFBo5a7R7Gjw7X0IgIaFoLKhqXYAXhahoXm7qAmRXhY4guJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/android-arm64/0.17.19:
+    resolution: {integrity: sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz}
     name: '@esbuild/android-arm64'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
@@ -1295,21 +1097,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/android-x64/0.16.16:
-    resolution: {integrity: sha512-9WhxJpeb6XumlfivldxqmkJepEcELekmSw3NkGrs+Edq6sS5KRxtUBQuKYDD7KqP59dDkxVbaoPIQFKWQG0KLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.16.16.tgz}
-    name: '@esbuild/android-x64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/android-x64/0.17.14:
-    resolution: {integrity: sha512-nrfQYWBfLGfSGLvRVlt6xi63B5IbfHm3tZCdu/82zuFPQ7zez4XjmRtF/wIRYbJQ/DsZrxJdEvYFE67avYXyng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/android-x64/0.17.19:
+    resolution: {integrity: sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz}
     name: '@esbuild/android-x64'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
@@ -1317,21 +1108,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/darwin-arm64/0.16.16:
-    resolution: {integrity: sha512-8Z+wld+vr/prHPi2O0X7o1zQOfMbXWGAw9hT0jEyU/l/Yrg+0Z3FO9pjPho72dVkZs4ewZk0bDOFLdZHm8jEfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.16.16.tgz}
-    name: '@esbuild/darwin-arm64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/darwin-arm64/0.17.14:
-    resolution: {integrity: sha512-eoSjEuDsU1ROwgBH/c+fZzuSyJUVXQTOIN9xuLs9dE/9HbV/A5IqdXHU1p2OfIMwBwOYJ9SFVGGldxeRCUJFyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/darwin-arm64/0.17.19:
+    resolution: {integrity: sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz}
     name: '@esbuild/darwin-arm64'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
@@ -1339,21 +1119,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/darwin-x64/0.16.16:
-    resolution: {integrity: sha512-CYkxVvkZzGCqFrt7EgjFxQKhlUPyDkuR9P0Y5wEcmJqVI8ncerOIY5Kej52MhZyzOBXkYrJgZeVZC9xXXoEg9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.16.16.tgz}
-    name: '@esbuild/darwin-x64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/darwin-x64/0.17.14:
-    resolution: {integrity: sha512-zN0U8RWfrDttdFNkHqFYZtOH8hdi22z0pFm0aIJPsNC4QQZv7je8DWCX5iA4Zx6tRhS0CCc0XC2m7wKsbWEo5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/darwin-x64/0.17.19:
+    resolution: {integrity: sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz}
     name: '@esbuild/darwin-x64'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
@@ -1361,21 +1130,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/freebsd-arm64/0.16.16:
-    resolution: {integrity: sha512-fxrw4BYqQ39z/3Ja9xj/a1gMsVq0xEjhSyI4a9MjfvDDD8fUV8IYliac96i7tzZc3+VytyXX+XNsnpEk5sw5Wg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.16.16.tgz}
-    name: '@esbuild/freebsd-arm64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/freebsd-arm64/0.17.14:
-    resolution: {integrity: sha512-z0VcD4ibeZWVQCW1O7szaLxGsx54gcCnajEJMdYoYjLiq4g1jrP2lMq6pk71dbS5+7op/L2Aod+erw+EUr28/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/freebsd-arm64/0.17.19:
+    resolution: {integrity: sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz}
     name: '@esbuild/freebsd-arm64'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
@@ -1383,21 +1141,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/freebsd-x64/0.16.16:
-    resolution: {integrity: sha512-8p3v1D+du2jiDvSoNVimHhj7leSfST9YlKsAEO7etBfuqjaBMndo0fmjNLp0JCMld+XIx9L80tooOkyUv1a1PQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.16.16.tgz}
-    name: '@esbuild/freebsd-x64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/freebsd-x64/0.17.14:
-    resolution: {integrity: sha512-hd9mPcxfTgJlolrPlcXkQk9BMwNBvNBsVaUe5eNUqXut6weDQH8whcNaKNF2RO8NbpT6GY8rHOK2A9y++s+ehw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/freebsd-x64/0.17.19:
+    resolution: {integrity: sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz}
     name: '@esbuild/freebsd-x64'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
@@ -1405,21 +1152,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-arm/0.16.16:
-    resolution: {integrity: sha512-bYaocE1/PTMRmkgSckZ0D0Xn2nox8v2qlk+MVVqm+VECNKDdZvghVZtH41dNtBbwADSvA6qkCHGYeWm9LrNCBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.16.16.tgz}
-    name: '@esbuild/linux-arm'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/linux-arm/0.17.14:
-    resolution: {integrity: sha512-BNTl+wSJ1omsH8s3TkQmIIIQHwvwJrU9u1ggb9XU2KTVM4TmthRIVyxSp2qxROJHhZuW/r8fht46/QE8hU8Qvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/linux-arm/0.17.19:
+    resolution: {integrity: sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz}
     name: '@esbuild/linux-arm'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
@@ -1427,21 +1163,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-arm64/0.16.16:
-    resolution: {integrity: sha512-N3u6BBbCVY3xeP2D8Db7QY8I+nZ+2AgOopUIqk+5yCoLnsWkcVxD2ay5E9iIdvApFi1Vg1lZiiwaVp8bOpAc4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.16.16.tgz}
-    name: '@esbuild/linux-arm64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/linux-arm64/0.17.14:
-    resolution: {integrity: sha512-FhAMNYOq3Iblcj9i+K0l1Fp/MHt+zBeRu/Qkf0LtrcFu3T45jcwB6A1iMsemQ42vR3GBhjNZJZTaCe3VFPbn9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/linux-arm64/0.17.19:
+    resolution: {integrity: sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz}
     name: '@esbuild/linux-arm64'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
@@ -1449,21 +1174,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-ia32/0.16.16:
-    resolution: {integrity: sha512-dxjqLKUW8GqGemoRT9v8IgHk+T4tRm1rn1gUcArsp26W9EkK/27VSjBVUXhEG5NInHZ92JaQ3SSMdTwv/r9a2A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.16.16.tgz}
-    name: '@esbuild/linux-ia32'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/linux-ia32/0.17.14:
-    resolution: {integrity: sha512-91OK/lQ5y2v7AsmnFT+0EyxdPTNhov3y2CWMdizyMfxSxRqHazXdzgBKtlmkU2KYIc+9ZK3Vwp2KyXogEATYxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/linux-ia32/0.17.19:
+    resolution: {integrity: sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz}
     name: '@esbuild/linux-ia32'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
@@ -1471,21 +1185,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-loong64/0.16.16:
-    resolution: {integrity: sha512-MdUFggHjRiCCwNE9+1AibewoNq6wf94GLB9Q9aXwl+a75UlRmbRK3h6WJyrSGA6ZstDJgaD2wiTSP7tQNUYxwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.16.16.tgz}
-    name: '@esbuild/linux-loong64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/linux-loong64/0.17.14:
-    resolution: {integrity: sha512-vp15H+5NR6hubNgMluqqKza85HcGJgq7t6rMH7O3Y6ApiOWPkvW2AJfNojUQimfTp6OUrACUXfR4hmpcENXoMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/linux-loong64/0.17.19:
+    resolution: {integrity: sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz}
     name: '@esbuild/linux-loong64'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
@@ -1493,21 +1196,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-mips64el/0.16.16:
-    resolution: {integrity: sha512-CO3YmO7jYMlGqGoeFeKzdwx/bx8Vtq/SZaMAi+ZLDUnDUdfC7GmGwXzIwDJ70Sg+P9pAemjJyJ1icKJ9R3q/Fg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.16.16.tgz}
-    name: '@esbuild/linux-mips64el'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/linux-mips64el/0.17.14:
-    resolution: {integrity: sha512-90TOdFV7N+fgi6c2+GO9ochEkmm9kBAKnuD5e08GQMgMINOdOFHuYLPQ91RYVrnWwQ5683sJKuLi9l4SsbJ7Hg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/linux-mips64el/0.17.19:
+    resolution: {integrity: sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz}
     name: '@esbuild/linux-mips64el'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
@@ -1515,21 +1207,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-ppc64/0.16.16:
-    resolution: {integrity: sha512-DSl5Czh5hCy/7azX0Wl9IdzPHX2H8clC6G87tBnZnzUpNgRxPFhfmArbaHoAysu4JfqCqbB/33u/GL9dUgCBAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.16.16.tgz}
-    name: '@esbuild/linux-ppc64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/linux-ppc64/0.17.14:
-    resolution: {integrity: sha512-NnBGeoqKkTugpBOBZZoktQQ1Yqb7aHKmHxsw43NddPB2YWLAlpb7THZIzsRsTr0Xw3nqiPxbA1H31ZMOG+VVPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/linux-ppc64/0.17.19:
+    resolution: {integrity: sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz}
     name: '@esbuild/linux-ppc64'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
@@ -1537,21 +1218,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-riscv64/0.16.16:
-    resolution: {integrity: sha512-sSVVMEXsqf1fQu0j7kkhXMViroixU5XoaJXl1u/u+jbXvvhhCt9YvA/B6VM3aM/77HuRQ94neS5bcisijGnKFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.16.16.tgz}
-    name: '@esbuild/linux-riscv64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/linux-riscv64/0.17.14:
-    resolution: {integrity: sha512-0qdlKScLXA8MGVy21JUKvMzCYWovctuP8KKqhtE5A6IVPq4onxXhSuhwDd2g5sRCzNDlDjitc5sX31BzDoL5Fw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/linux-riscv64/0.17.19:
+    resolution: {integrity: sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz}
     name: '@esbuild/linux-riscv64'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
@@ -1559,21 +1229,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-s390x/0.16.16:
-    resolution: {integrity: sha512-jRqBCre9gZGoCdCN/UWCCMwCMsOg65IpY9Pyj56mKCF5zXy9d60kkNRdDN6YXGjr3rzcC4DXnS/kQVCGcC4yPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.16.16.tgz}
-    name: '@esbuild/linux-s390x'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/linux-s390x/0.17.14:
-    resolution: {integrity: sha512-Hdm2Jo1yaaOro4v3+6/zJk6ygCqIZuSDJHdHaf8nVH/tfOuoEX5Riv03Ka15LmQBYJObUTNS1UdyoMk0WUn9Ww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/linux-s390x/0.17.19:
+    resolution: {integrity: sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz}
     name: '@esbuild/linux-s390x'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
@@ -1581,10 +1240,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-x64/0.16.16:
-    resolution: {integrity: sha512-G1+09TopOzo59/55lk5Q0UokghYLyHTKKzD5lXsAOOlGDbieGEFJpJBr3BLDbf7cz89KX04sBeExAR/pL/26sA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.16.16.tgz}
+  registry.npmjs.org/@esbuild/linux-x64/0.17.19:
+    resolution: {integrity: sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz}
     name: '@esbuild/linux-x64'
-    version: 0.16.16
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
@@ -1592,120 +1251,54 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-x64/0.17.14:
-    resolution: {integrity: sha512-8KHF17OstlK4DuzeF/KmSgzrTWQrkWj5boluiiq7kvJCiQVzUrmSkaBvcLB2UgHpKENO2i6BthPkmUhNDaJsVw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.14.tgz}
-    name: '@esbuild/linux-x64'
-    version: 0.17.14
+  registry.npmjs.org/@esbuild/netbsd-x64/0.17.19:
+    resolution: {integrity: sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz}
+    name: '@esbuild/netbsd-x64'
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [x64]
-    os: [linux]
+    os: [netbsd]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/netbsd-x64/0.16.16:
-    resolution: {integrity: sha512-xwjGJB5wwDEujLaJIrSMRqWkbigALpBNcsF9SqszoNKc+wY4kPTdKrSxiY5ik3IatojePP+WV108MvF6q6np4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.16.16.tgz}
-    name: '@esbuild/netbsd-x64'
-    version: 0.16.16
+  registry.npmjs.org/@esbuild/openbsd-x64/0.17.19:
+    resolution: {integrity: sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz}
+    name: '@esbuild/openbsd-x64'
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [x64]
-    os: [netbsd]
+    os: [openbsd]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/netbsd-x64/0.17.14:
-    resolution: {integrity: sha512-nVwpqvb3yyXztxIT2+VsxJhB5GCgzPdk1n0HHSnchRAcxqKO6ghXwHhJnr0j/B+5FSyEqSxF4q03rbA2fKXtUQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.14.tgz}
-    name: '@esbuild/netbsd-x64'
-    version: 0.17.14
+  registry.npmjs.org/@esbuild/sunos-x64/0.17.19:
+    resolution: {integrity: sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz}
+    name: '@esbuild/sunos-x64'
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [x64]
-    os: [netbsd]
+    os: [sunos]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/openbsd-x64/0.16.16:
-    resolution: {integrity: sha512-yeERkoxG2nR2oxO5n+Ms7MsCeNk23zrby2GXCqnfCpPp7KNc0vxaaacIxb21wPMfXXRhGBrNP4YLIupUBrWdlg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.16.16.tgz}
-    name: '@esbuild/openbsd-x64'
-    version: 0.16.16
+  registry.npmjs.org/@esbuild/win32-arm64/0.17.19:
+    resolution: {integrity: sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz}
+    name: '@esbuild/win32-arm64'
+    version: 0.17.19
     engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
+    cpu: [arm64]
+    os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/openbsd-x64/0.17.14:
-    resolution: {integrity: sha512-1RZ7uQQ9zcy/GSAJL1xPdN7NDdOOtNEGiJalg/MOzeakZeTrgH/DoCkbq7TaPDiPhWqnDF+4bnydxRqQD7il6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.14.tgz}
-    name: '@esbuild/openbsd-x64'
-    version: 0.17.14
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/sunos-x64/0.16.16:
-    resolution: {integrity: sha512-nHfbEym0IObXPhtX6Va3H5GaKBty2kdhlAhKmyCj9u255ktAj0b1YACUs9j5H88NRn9cJCthD1Ik/k9wn8YKVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.16.16.tgz}
-    name: '@esbuild/sunos-x64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/sunos-x64/0.17.14:
-    resolution: {integrity: sha512-nqMjDsFwv7vp7msrwWRysnM38Sd44PKmW8EzV01YzDBTcTWUpczQg6mGao9VLicXSgW/iookNK6AxeogNVNDZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.14.tgz}
-    name: '@esbuild/sunos-x64'
-    version: 0.17.14
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/win32-arm64/0.16.16:
-    resolution: {integrity: sha512-pdD+M1ZOFy4hE15ZyPX09fd5g4DqbbL1wXGY90YmleVS6Y5YlraW4BvHjim/X/4yuCpTsAFvsT4Nca2lbyDH/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.16.16.tgz}
-    name: '@esbuild/win32-arm64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/win32-arm64/0.17.14:
-    resolution: {integrity: sha512-xrD0mccTKRBBIotrITV7WVQAwNJ5+1va6L0H9zN92v2yEdjfAN7864cUaZwJS7JPEs53bDTzKFbfqVlG2HhyKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.14.tgz}
-    name: '@esbuild/win32-arm64'
-    version: 0.17.14
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/win32-ia32/0.16.16:
-    resolution: {integrity: sha512-IPEMfU9p0c3Vb8PqxaPX6BM9rYwlTZGYOf9u+kMdhoILZkVKEjq6PKZO0lB+isojWwAnAqh4ZxshD96njTXajg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.16.16.tgz}
-    name: '@esbuild/win32-ia32'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/win32-ia32/0.17.14:
-    resolution: {integrity: sha512-nXpkz9bbJrLLyUTYtRotSS3t5b+FOuljg8LgLdINWFs3FfqZMtbnBCZFUmBzQPyxqU87F8Av+3Nco/M3hEcu1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/win32-ia32/0.17.19:
+    resolution: {integrity: sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz}
     name: '@esbuild/win32-ia32'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
@@ -1713,21 +1306,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-x64/0.16.16:
-    resolution: {integrity: sha512-1YYpoJ39WV/2bnShPwgdzJklc+XS0bysN6Tpnt1cWPdeoKOG4RMEY1g7i534QxXX/rPvNx/NLJQTTCeORYzipg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.16.16.tgz}
-    name: '@esbuild/win32-x64'
-    version: 0.16.16
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@esbuild/win32-x64/0.17.14:
-    resolution: {integrity: sha512-gPQmsi2DKTaEgG14hc3CHXHp62k8g6qr0Pas+I4lUxRMugGSATh/Bi8Dgusoz9IQ0IfdrvLpco6kujEIBoaogA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.14.tgz}
+  registry.npmjs.org/@esbuild/win32-x64/0.17.19:
+    resolution: {integrity: sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz}
     name: '@esbuild/win32-x64'
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
@@ -1735,67 +1317,35 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@eslint-community/eslint-utils/4.2.0_eslint@8.23.1:
-    resolution: {integrity: sha512-gB8T4H4DEfX2IV9zGDJPOBgP1e/DbfCPDTtEqUMckpvzS1OYtva8JdFYBqMwYk7xAQ429WGF/UPqn8uQ//h2vQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.2.0.tgz}
-    id: registry.npmjs.org/@eslint-community/eslint-utils/4.2.0
-    name: '@eslint-community/eslint-utils'
-    version: 4.2.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
-    dependencies:
-      eslint: registry.npmjs.org/eslint/8.23.1
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
-    dev: true
-
-  registry.npmjs.org/@eslint-community/eslint-utils/4.2.0_eslint@8.36.0:
-    resolution: {integrity: sha512-gB8T4H4DEfX2IV9zGDJPOBgP1e/DbfCPDTtEqUMckpvzS1OYtva8JdFYBqMwYk7xAQ429WGF/UPqn8uQ//h2vQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.2.0.tgz}
-    id: registry.npmjs.org/@eslint-community/eslint-utils/4.2.0
+  registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.41.0:
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz}
+    id: registry.npmjs.org/@eslint-community/eslint-utils/4.4.0
     name: '@eslint-community/eslint-utils'
-    version: 4.2.0
+    version: 4.4.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.36.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
+      eslint: registry.npmjs.org/eslint/8.41.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
     dev: true
 
-  registry.npmjs.org/@eslint-community/regexpp/4.4.0:
-    resolution: {integrity: sha512-A9983Q0LnDGdLPjxyXQ00sbV+K+O+ko2Dr+CZigbHWtX9pNfxlaBkMR8X1CztI73zuEyEBXTVjx7CE+/VSwDiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.4.0.tgz}
+  registry.npmjs.org/@eslint-community/regexpp/4.5.1:
+    resolution: {integrity: sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.5.1.tgz}
     name: '@eslint-community/regexpp'
-    version: 4.4.0
+    version: 4.5.1
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@eslint/eslintrc/1.3.2:
-    resolution: {integrity: sha512-AXYd23w1S/bv3fTs3Lz0vjiYemS08jWkI3hYyS9I1ry+0f+Yjs1wm+sU0BS8qDOPrBIkp4qHYC16I8uVtpLajQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.2.tgz}
-    name: '@eslint/eslintrc'
-    version: 1.3.2
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      ajv: registry.npmjs.org/ajv/6.12.6
-      debug: registry.npmjs.org/debug/4.3.4
-      espree: registry.npmjs.org/espree/9.4.0
-      globals: registry.npmjs.org/globals/13.17.0
-      ignore: registry.npmjs.org/ignore/5.2.4
-      import-fresh: registry.npmjs.org/import-fresh/3.3.0
-      js-yaml: registry.npmjs.org/js-yaml/4.1.0
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-      strip-json-comments: registry.npmjs.org/strip-json-comments/3.1.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@eslint/eslintrc/2.0.1:
-    resolution: {integrity: sha512-eFRmABvW2E5Ho6f5fHLqgena46rOj7r7OKHYfLElqcBfGFHHpjBhivyi5+jOEQuSpdc/1phIZJlbC2te+tZNIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.1.tgz}
+  registry.npmjs.org/@eslint/eslintrc/2.0.3:
+    resolution: {integrity: sha512-+5gy6OQfk+xx3q0d6jGZZC3f3KzAkXc/IanVxd1is/VIIziRqqt3ongQz0FiTUXqTk0c7aDB3OaFuKnuSoJicQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.3.tgz}
     name: '@eslint/eslintrc'
-    version: 2.0.1
+    version: 2.0.3
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: registry.npmjs.org/ajv/6.12.6
       debug: registry.npmjs.org/debug/4.3.4
-      espree: registry.npmjs.org/espree/9.5.0
+      espree: registry.npmjs.org/espree/9.5.2
       globals: registry.npmjs.org/globals/13.20.0
       ignore: registry.npmjs.org/ignore/5.2.4
       import-fresh: registry.npmjs.org/import-fresh/3.3.0
@@ -1806,10 +1356,10 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@eslint/js/8.36.0:
-    resolution: {integrity: sha512-lxJ9R5ygVm8ZWgYdUweoq5ownDlJ4upvoWmO4eLxBYHdMo+vZ/Rx0EN6MbKWDJOSUGrqJy2Gt+Dyv/VKml0fjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/js/-/js-8.36.0.tgz}
+  registry.npmjs.org/@eslint/js/8.41.0:
+    resolution: {integrity: sha512-LxcyMGxwmTh2lY9FwHPGWOHmYFCZvbrFCBZL4FzSSsxsRPuhrYUg/49/0KDfW8tnIEaEHtfmn6+NPN+1DqaNmA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/js/-/js-8.41.0.tgz}
     name: '@eslint/js'
-    version: 8.36.0
+    version: 8.41.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
@@ -1827,19 +1377,6 @@ packages:
       '@hapi/hoek': registry.npmjs.org/@hapi/hoek/9.3.0
     dev: true
 
-  registry.npmjs.org/@humanwhocodes/config-array/0.10.4:
-    resolution: {integrity: sha512-mXAIHxZT3Vcpg83opl1wGlVZ9xydbfZO3r5YfRSH6Gpp2J/PfdBP0wbDa2sO6/qRbcalpoevVyW6A/fI6LfeMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.10.4.tgz}
-    name: '@humanwhocodes/config-array'
-    version: 0.10.4
-    engines: {node: '>=10.10.0'}
-    dependencies:
-      '@humanwhocodes/object-schema': registry.npmjs.org/@humanwhocodes/object-schema/1.2.1
-      debug: registry.npmjs.org/debug/4.3.4
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   registry.npmjs.org/@humanwhocodes/config-array/0.11.8:
     resolution: {integrity: sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz}
     name: '@humanwhocodes/config-array'
@@ -1853,12 +1390,6 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@humanwhocodes/gitignore-to-minimatch/1.0.2:
-    resolution: {integrity: sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/gitignore-to-minimatch/-/gitignore-to-minimatch-1.0.2.tgz}
-    name: '@humanwhocodes/gitignore-to-minimatch'
-    version: 1.0.2
-    dev: true
-
   registry.npmjs.org/@humanwhocodes/module-importer/1.0.1:
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz}
     name: '@humanwhocodes/module-importer'
@@ -1872,25 +1403,15 @@ packages:
     version: 1.2.1
     dev: true
 
-  registry.npmjs.org/@jridgewell/gen-mapping/0.1.1:
-    resolution: {integrity: sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz}
-    name: '@jridgewell/gen-mapping'
-    version: 0.1.1
-    engines: {node: '>=6.0.0'}
-    dependencies:
-      '@jridgewell/set-array': registry.npmjs.org/@jridgewell/set-array/1.1.2
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14
-    dev: true
-
-  registry.npmjs.org/@jridgewell/gen-mapping/0.3.2:
-    resolution: {integrity: sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz}
+  registry.npmjs.org/@jridgewell/gen-mapping/0.3.3:
+    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz}
     name: '@jridgewell/gen-mapping'
-    version: 0.3.2
+    version: 0.3.3
     engines: {node: '>=6.0.0'}
     dependencies:
       '@jridgewell/set-array': registry.npmjs.org/@jridgewell/set-array/1.1.2
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.17
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
     dev: true
 
   registry.npmjs.org/@jridgewell/resolve-uri/3.1.0:
@@ -1907,13 +1428,13 @@ packages:
     engines: {node: '>=6.0.0'}
     dev: true
 
-  registry.npmjs.org/@jridgewell/source-map/0.3.2:
-    resolution: {integrity: sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.2.tgz}
+  registry.npmjs.org/@jridgewell/source-map/0.3.3:
+    resolution: {integrity: sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.3.tgz}
     name: '@jridgewell/source-map'
-    version: 0.3.2
+    version: 0.3.3
     dependencies:
-      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping/0.3.2
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.17
+      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping/0.3.3
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
     dev: true
 
   registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14:
@@ -1922,10 +1443,16 @@ packages:
     version: 1.4.14
     dev: true
 
-  registry.npmjs.org/@jridgewell/trace-mapping/0.3.17:
-    resolution: {integrity: sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz}
+  registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15:
+    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz}
+    name: '@jridgewell/sourcemap-codec'
+    version: 1.4.15
+    dev: true
+
+  registry.npmjs.org/@jridgewell/trace-mapping/0.3.18:
+    resolution: {integrity: sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz}
     name: '@jridgewell/trace-mapping'
-    version: 0.3.17
+    version: 0.3.18
     dependencies:
       '@jridgewell/resolve-uri': registry.npmjs.org/@jridgewell/resolve-uri/3.1.0
       '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14
@@ -1936,7 +1463,7 @@ packages:
     name: '@manypkg/find-root'
     version: 1.1.0
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
       '@types/node': registry.npmjs.org/@types/node/12.20.55
       find-up: registry.npmjs.org/find-up/4.1.0
       fs-extra: registry.npmjs.org/fs-extra/8.1.0
@@ -1947,7 +1474,7 @@ packages:
     name: '@manypkg/get-packages'
     version: 1.1.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
       '@changesets/types': registry.npmjs.org/@changesets/types/4.1.0
       '@manypkg/find-root': registry.npmjs.org/@manypkg/find-root/1.1.0
       fs-extra: registry.npmjs.org/fs-extra/8.1.0
@@ -1988,103 +1515,18 @@ packages:
     version: 1.0.0-next.21
     dev: true
 
-  registry.npmjs.org/@preconstruct/cli/2.2.1:
-    resolution: {integrity: sha512-G+sUV9o8l6Ds/82qJZYTXkCsVqPXLuD+bv+nVQeo3OL+eqzO/uAiBBFVp0DMcBJiyQYeU9nb+V8q22/PPaepDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@preconstruct/cli/-/cli-2.2.1.tgz}
-    name: '@preconstruct/cli'
-    version: 2.2.1
-    hasBin: true
-    dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.18.6
-      '@babel/core': registry.npmjs.org/@babel/core/7.19.0
-      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports/7.18.6
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
-      '@preconstruct/hook': registry.npmjs.org/@preconstruct/hook/0.4.0
-      '@rollup/plugin-alias': registry.npmjs.org/@rollup/plugin-alias/3.1.9_rollup@2.79.1
-      '@rollup/plugin-commonjs': registry.npmjs.org/@rollup/plugin-commonjs/15.1.0_rollup@2.79.1
-      '@rollup/plugin-json': registry.npmjs.org/@rollup/plugin-json/4.1.0_rollup@2.79.1
-      '@rollup/plugin-node-resolve': registry.npmjs.org/@rollup/plugin-node-resolve/11.2.1_rollup@2.79.1
-      '@rollup/plugin-replace': registry.npmjs.org/@rollup/plugin-replace/2.4.2_rollup@2.79.1
-      builtin-modules: registry.npmjs.org/builtin-modules/3.3.0
-      chalk: registry.npmjs.org/chalk/4.1.2
-      dataloader: registry.npmjs.org/dataloader/2.1.0
-      detect-indent: registry.npmjs.org/detect-indent/6.1.0
-      enquirer: registry.npmjs.org/enquirer/2.3.6
-      estree-walker: registry.npmjs.org/estree-walker/2.0.2
-      fast-deep-equal: registry.npmjs.org/fast-deep-equal/2.0.1
-      fast-glob: registry.npmjs.org/fast-glob/3.2.12
-      fs-extra: registry.npmjs.org/fs-extra/9.1.0
-      is-ci: registry.npmjs.org/is-ci/2.0.0
-      is-reference: registry.npmjs.org/is-reference/1.2.1
-      jest-worker: registry.npmjs.org/jest-worker/26.6.2
-      magic-string: registry.npmjs.org/magic-string/0.25.9
-      meow: registry.npmjs.org/meow/7.1.1
-      ms: registry.npmjs.org/ms/2.1.3
-      normalize-path: registry.npmjs.org/normalize-path/3.0.0
-      npm-packlist: registry.npmjs.org/npm-packlist/2.2.2
-      p-limit: registry.npmjs.org/p-limit/3.1.0
-      parse-glob: registry.npmjs.org/parse-glob/3.0.4
-      parse-json: registry.npmjs.org/parse-json/5.2.0
-      quick-lru: registry.npmjs.org/quick-lru/5.1.1
-      resolve: registry.npmjs.org/resolve/1.22.1
-      resolve-from: registry.npmjs.org/resolve-from/5.0.0
-      rollup: registry.npmjs.org/rollup/2.79.1
-      semver: registry.npmjs.org/semver/7.3.7
-      terser: registry.npmjs.org/terser/5.15.0
-      v8-compile-cache: registry.npmjs.org/v8-compile-cache/2.3.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@preconstruct/hook/0.4.0:
-    resolution: {integrity: sha512-a7mrlPTM3tAFJyz43qb4pPVpUx8j8TzZBFsNFqcKcE/sEakNXRlQAuCT4RGZRf9dQiiUnBahzSIWawU4rENl+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@preconstruct/hook/-/hook-0.4.0.tgz}
-    name: '@preconstruct/hook'
-    version: 0.4.0
-    dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.19.0
-      '@babel/plugin-transform-modules-commonjs': registry.npmjs.org/@babel/plugin-transform-modules-commonjs/7.18.6_@babel+core@7.19.0
-      pirates: registry.npmjs.org/pirates/4.0.5
-      source-map-support: registry.npmjs.org/source-map-support/0.5.21
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@rollup/plugin-alias/3.1.9_rollup@2.79.1:
-    resolution: {integrity: sha512-QI5fsEvm9bDzt32k39wpOwZhVzRcL5ydcffUHMyLVaVaLeC70I8TJZ17F1z1eMoLu4E/UOcH9BWVkKpIKdrfiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-alias/-/plugin-alias-3.1.9.tgz}
-    id: registry.npmjs.org/@rollup/plugin-alias/3.1.9
-    name: '@rollup/plugin-alias'
-    version: 3.1.9
-    engines: {node: '>=8.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0
-    dependencies:
-      rollup: registry.npmjs.org/rollup/2.79.1
-      slash: registry.npmjs.org/slash/3.0.0
-    dev: true
-
-  registry.npmjs.org/@rollup/plugin-commonjs/15.1.0_rollup@2.79.1:
-    resolution: {integrity: sha512-xCQqz4z/o0h2syQ7d9LskIMvBSH4PX5PjYdpSSvgS+pQik3WahkQVNWg3D8XJeYjZoVWnIUQYDghuEMRGrmQYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-15.1.0.tgz}
-    id: registry.npmjs.org/@rollup/plugin-commonjs/15.1.0
-    name: '@rollup/plugin-commonjs'
-    version: 15.1.0
-    engines: {node: '>= 8.0.0'}
-    peerDependencies:
-      rollup: ^2.22.0
-    dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/3.1.0_rollup@2.79.1
-      commondir: registry.npmjs.org/commondir/1.0.1
-      estree-walker: registry.npmjs.org/estree-walker/2.0.2
-      glob: registry.npmjs.org/glob/7.2.3
-      is-reference: registry.npmjs.org/is-reference/1.2.1
-      magic-string: registry.npmjs.org/magic-string/0.25.9
-      resolve: registry.npmjs.org/resolve/1.22.1
-      rollup: registry.npmjs.org/rollup/2.79.1
-    dev: true
+  registry.npmjs.org/@remix-run/router/1.6.2:
+    resolution: {integrity: sha512-LzqpSrMK/3JBAVBI9u3NWtOhWNw5AMQfrUFYB0+bDHTSw17z++WJLsPsxAuK+oSddsxk4d7F/JcdDPM1M5YAhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@remix-run/router/-/router-1.6.2.tgz}
+    name: '@remix-run/router'
+    version: 1.6.2
+    engines: {node: '>=14'}
+    dev: false
 
-  registry.npmjs.org/@rollup/plugin-commonjs/24.0.1_rollup@3.20.2:
-    resolution: {integrity: sha512-15LsiWRZk4eOGqvrJyu3z3DaBu5BhXIMeWnijSRvd8irrrg9SHpQ1pH+BUK4H6Z9wL9yOxZJMTLU+Au86XHxow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-24.0.1.tgz}
-    id: registry.npmjs.org/@rollup/plugin-commonjs/24.0.1
+  registry.npmjs.org/@rollup/plugin-commonjs/25.0.0_rollup@3.23.0:
+    resolution: {integrity: sha512-hoho2Kay9TZrLu0bnDsTTCaj4Npa+THk9snajP/XDNb9a9mmjTjh52EQM9sKl3HD1LsnihX7js+eA2sd2uKAhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.0.tgz}
+    id: registry.npmjs.org/@rollup/plugin-commonjs/25.0.0
     name: '@rollup/plugin-commonjs'
-    version: 24.0.1
+    version: 25.0.0
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^2.68.0||^3.0.0
@@ -2092,50 +1534,20 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.20.2
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.0
       commondir: registry.npmjs.org/commondir/1.0.1
       estree-walker: registry.npmjs.org/estree-walker/2.0.2
-      glob: registry.npmjs.org/glob/8.0.3
+      glob: registry.npmjs.org/glob/8.1.0
       is-reference: registry.npmjs.org/is-reference/1.2.1
       magic-string: registry.npmjs.org/magic-string/0.27.0
-      rollup: registry.npmjs.org/rollup/3.20.2
+      rollup: registry.npmjs.org/rollup/3.23.0
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-json/4.1.0_rollup@2.79.1:
-    resolution: {integrity: sha512-yfLbTdNS6amI/2OpmbiBoW12vngr5NW2jCJVZSBEz+H5KfUJZ2M7sDjk0U6GOOdCWFVScShte29o9NezJ53TPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-4.1.0.tgz}
-    id: registry.npmjs.org/@rollup/plugin-json/4.1.0
-    name: '@rollup/plugin-json'
-    version: 4.1.0
-    peerDependencies:
-      rollup: ^1.20.0 || ^2.0.0
-    dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/3.1.0_rollup@2.79.1
-      rollup: registry.npmjs.org/rollup/2.79.1
-    dev: true
-
-  registry.npmjs.org/@rollup/plugin-node-resolve/11.2.1_rollup@2.79.1:
-    resolution: {integrity: sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-11.2.1.tgz}
-    id: registry.npmjs.org/@rollup/plugin-node-resolve/11.2.1
+  registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0_rollup@3.23.0:
+    resolution: {integrity: sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.1.0.tgz}
+    id: registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0
     name: '@rollup/plugin-node-resolve'
-    version: 11.2.1
-    engines: {node: '>= 10.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0
-    dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/3.1.0_rollup@2.79.1
-      '@types/resolve': registry.npmjs.org/@types/resolve/1.17.1
-      builtin-modules: registry.npmjs.org/builtin-modules/3.3.0
-      deepmerge: registry.npmjs.org/deepmerge/4.2.2
-      is-module: registry.npmjs.org/is-module/1.0.0
-      resolve: registry.npmjs.org/resolve/1.22.1
-      rollup: registry.npmjs.org/rollup/2.79.1
-    dev: true
-
-  registry.npmjs.org/@rollup/plugin-node-resolve/15.0.1_rollup@3.20.2:
-    resolution: {integrity: sha512-ReY88T7JhJjeRVbfCyNj+NXAG3IIsVMsX9b5/9jC98dRP8/yxlZdz7mHZbHk5zHr24wZZICS5AcXsFZAXYUQEg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.0.1.tgz}
-    id: registry.npmjs.org/@rollup/plugin-node-resolve/15.0.1
-    name: '@rollup/plugin-node-resolve'
-    version: 15.0.1
+    version: 15.1.0
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^2.78.0||^3.0.0
@@ -2143,29 +1555,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.20.2
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.0
       '@types/resolve': registry.npmjs.org/@types/resolve/1.20.2
-      deepmerge: registry.npmjs.org/deepmerge/4.2.2
-      is-builtin-module: registry.npmjs.org/is-builtin-module/3.2.0
+      deepmerge: registry.npmjs.org/deepmerge/4.3.1
+      is-builtin-module: registry.npmjs.org/is-builtin-module/3.2.1
       is-module: registry.npmjs.org/is-module/1.0.0
-      resolve: registry.npmjs.org/resolve/1.22.1
-      rollup: registry.npmjs.org/rollup/3.20.2
-    dev: true
-
-  registry.npmjs.org/@rollup/plugin-replace/2.4.2_rollup@2.79.1:
-    resolution: {integrity: sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-2.4.2.tgz}
-    id: registry.npmjs.org/@rollup/plugin-replace/2.4.2
-    name: '@rollup/plugin-replace'
-    version: 2.4.2
-    peerDependencies:
-      rollup: ^1.20.0 || ^2.0.0
-    dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/3.1.0_rollup@2.79.1
-      magic-string: registry.npmjs.org/magic-string/0.25.9
-      rollup: registry.npmjs.org/rollup/2.79.1
+      resolve: registry.npmjs.org/resolve/1.22.2
+      rollup: registry.npmjs.org/rollup/3.23.0
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.20.2:
+  registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.23.0:
     resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-5.0.2.tgz}
     id: registry.npmjs.org/@rollup/plugin-replace/5.0.2
     name: '@rollup/plugin-replace'
@@ -2177,16 +1576,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.20.2
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.0
       magic-string: registry.npmjs.org/magic-string/0.27.0
-      rollup: registry.npmjs.org/rollup/3.20.2
+      rollup: registry.npmjs.org/rollup/3.23.0
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-terser/0.4.0_rollup@3.20.2:
-    resolution: {integrity: sha512-Ipcf3LPNerey1q9ZMjiaWHlNPEHNU/B5/uh9zXLltfEQ1lVSLLeZSgAtTPWGyw8Ip1guOeq+mDtdOlEj/wNxQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.0.tgz}
-    id: registry.npmjs.org/@rollup/plugin-terser/0.4.0
+  registry.npmjs.org/@rollup/plugin-terser/0.4.3_rollup@3.23.0:
+    resolution: {integrity: sha512-EF0oejTMtkyhrkwCdg0HJ0IpkcaVg1MMSf2olHb2Jp+1mnLM04OhjpJWGma4HobiDTF0WCyViWuvadyE9ch2XA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.3.tgz}
+    id: registry.npmjs.org/@rollup/plugin-terser/0.4.3
     name: '@rollup/plugin-terser'
-    version: 0.4.0
+    version: 0.4.3
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^2.x || ^3.x
@@ -2194,13 +1593,13 @@ packages:
       rollup:
         optional: true
     dependencies:
-      rollup: registry.npmjs.org/rollup/3.20.2
-      serialize-javascript: registry.npmjs.org/serialize-javascript/6.0.0
-      smob: registry.npmjs.org/smob/0.0.6
-      terser: registry.npmjs.org/terser/5.16.1
+      rollup: registry.npmjs.org/rollup/3.23.0
+      serialize-javascript: registry.npmjs.org/serialize-javascript/6.0.1
+      smob: registry.npmjs.org/smob/1.4.0
+      terser: registry.npmjs.org/terser/5.17.6
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-typescript/11.0.0_63smgertf5ywa7mevokngp24n4:
+  registry.npmjs.org/@rollup/plugin-typescript/11.0.0_aleiognpck4hfurcdcjnvgqbb4:
     resolution: {integrity: sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-11.0.0.tgz}
     id: registry.npmjs.org/@rollup/plugin-typescript/11.0.0
     name: '@rollup/plugin-typescript'
@@ -2216,28 +1615,13 @@ packages:
       tslib:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.20.2
-      resolve: registry.npmjs.org/resolve/1.22.1
-      rollup: registry.npmjs.org/rollup/3.20.2
-      typescript: registry.npmjs.org/typescript/4.9.4
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.0
+      resolve: registry.npmjs.org/resolve/1.22.2
+      rollup: registry.npmjs.org/rollup/3.23.0
+      typescript: registry.npmjs.org/typescript/4.9.5
     dev: true
 
-  registry.npmjs.org/@rollup/pluginutils/3.1.0_rollup@2.79.1:
-    resolution: {integrity: sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz}
-    id: registry.npmjs.org/@rollup/pluginutils/3.1.0
-    name: '@rollup/pluginutils'
-    version: 3.1.0
-    engines: {node: '>= 8.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0
-    dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree/0.0.39
-      estree-walker: registry.npmjs.org/estree-walker/1.0.1
-      picomatch: registry.npmjs.org/picomatch/2.3.1
-      rollup: registry.npmjs.org/rollup/2.79.1
-    dev: true
-
-  registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.20.2:
+  registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.0:
     resolution: {integrity: sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz}
     id: registry.npmjs.org/@rollup/pluginutils/5.0.2
     name: '@rollup/pluginutils'
@@ -2249,10 +1633,10 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree/1.0.0
+      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
       estree-walker: registry.npmjs.org/estree-walker/2.0.2
       picomatch: registry.npmjs.org/picomatch/2.3.1
-      rollup: registry.npmjs.org/rollup/3.20.2
+      rollup: registry.npmjs.org/rollup/3.23.0
     dev: true
 
   registry.npmjs.org/@sideway/address/4.1.4:
@@ -2263,10 +1647,10 @@ packages:
       '@hapi/hoek': registry.npmjs.org/@hapi/hoek/9.3.0
     dev: true
 
-  registry.npmjs.org/@sideway/formula/3.0.0:
-    resolution: {integrity: sha512-vHe7wZ4NOXVfkoRb8T5otiENVlT7a3IAiw7H5M2+GO+9CDgcVUUsX1zalAztCmwyOr2RUTGJdgB+ZvSVqmdHmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sideway/formula/-/formula-3.0.0.tgz}
+  registry.npmjs.org/@sideway/formula/3.0.1:
+    resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz}
     name: '@sideway/formula'
-    version: 3.0.0
+    version: 3.0.1
     dev: true
 
   registry.npmjs.org/@sideway/pinpoint/2.0.0:
@@ -2281,50 +1665,50 @@ packages:
     version: 2.0.0
     dev: false
 
-  registry.npmjs.org/@sveltejs/adapter-auto/2.0.0_@sveltejs+kit@1.14.0:
-    resolution: {integrity: sha512-b+gkHFZgD771kgV3aO4avHFd7y1zhmMYy9i6xOK7m/rwmwaRO8gnF5zBc0Rgca80B2PMU1bKNxyBTHA14OzUAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-2.0.0.tgz}
-    id: registry.npmjs.org/@sveltejs/adapter-auto/2.0.0
+  registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.0:
+    resolution: {integrity: sha512-o2pZCfATFtA/Gw/BB0Xm7k4EYaekXxaPGER3xGSY3FvzFJGTlJlZjBseaXwYSM94lZ0HniOjTokN3cWaLX6fow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-2.1.0.tgz}
+    id: registry.npmjs.org/@sveltejs/adapter-auto/2.1.0
     name: '@sveltejs/adapter-auto'
-    version: 2.0.0
+    version: 2.1.0
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.14.0_svelte@3.57.0+vite@4.2.1
-      import-meta-resolve: registry.npmjs.org/import-meta-resolve/2.2.2
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.0_svelte@3.59.1+vite@4.3.9
+      import-meta-resolve: registry.npmjs.org/import-meta-resolve/3.0.0
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit/1.14.0_svelte@3.57.0+vite@4.2.1:
-    resolution: {integrity: sha512-4e/cZT0z4IppEkqNvMrurGz6VE1gScukFU7XqwTL/yrGJGXHqS9D7RvsOcE1hASsgrMu6w/fKTIhxT5oN0K1Jw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.14.0.tgz}
-    id: registry.npmjs.org/@sveltejs/kit/1.14.0
+  registry.npmjs.org/@sveltejs/kit/1.20.0_svelte@3.59.1+vite@4.3.9:
+    resolution: {integrity: sha512-2ZW14afgcCQBk3BN8+FWUUCIZg+TKeDFuOMUpDNllTa6sKZ+YQNpxhsrt9abaZohPGsGGOYmk5fzy8D8MHVNBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.20.0.tgz}
+    id: registry.npmjs.org/@sveltejs/kit/1.20.0
     name: '@sveltejs/kit'
-    version: 1.14.0
+    version: 1.20.0
     engines: {node: ^16.14 || >=18}
     hasBin: true
     requiresBuild: true
     peerDependencies:
-      svelte: ^3.54.0
+      svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.3_svelte@3.57.0+vite@4.2.1
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1_svelte@3.59.1+vite@4.3.9
       '@types/cookie': registry.npmjs.org/@types/cookie/0.5.1
       cookie: registry.npmjs.org/cookie/0.5.0
-      devalue: registry.npmjs.org/devalue/4.3.0
+      devalue: registry.npmjs.org/devalue/4.3.2
       esm-env: registry.npmjs.org/esm-env/1.0.0
       kleur: registry.npmjs.org/kleur/4.1.5
       magic-string: registry.npmjs.org/magic-string/0.30.0
       mime: registry.npmjs.org/mime/3.0.0
       sade: registry.npmjs.org/sade/1.8.1
       set-cookie-parser: registry.npmjs.org/set-cookie-parser/2.6.0
-      sirv: registry.npmjs.org/sirv/2.0.2
-      svelte: registry.npmjs.org/svelte/3.57.0
+      sirv: registry.npmjs.org/sirv/2.0.3
+      svelte: registry.npmjs.org/svelte/3.59.1
       tiny-glob: registry.npmjs.org/tiny-glob/0.2.9
-      undici: registry.npmjs.org/undici/5.21.0
-      vite: registry.npmjs.org/vite/4.2.1
+      undici: registry.npmjs.org/undici/5.22.1
+      vite: registry.npmjs.org/vite/4.3.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/package/2.0.2_44zspxpepvug6mo2qrfwkj3taq:
+  registry.npmjs.org/@sveltejs/package/2.0.2_cnumnonbjyr4j6qimrlvyofpny:
     resolution: {integrity: sha512-cCOCcO8yMHnhHyaR51nQtvKZ3o/vSU9UYI1EXLT1j2CKNPMuH1/g6JNwKcNNrtQGwwquudc69ZeYy8D/TDNwEw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/package/-/package-2.0.2.tgz}
     id: registry.npmjs.org/@sveltejs/package/2.0.2
     name: '@sveltejs/package'
@@ -2337,30 +1721,50 @@ packages:
       chokidar: registry.npmjs.org/chokidar/3.5.3
       kleur: registry.npmjs.org/kleur/4.1.5
       sade: registry.npmjs.org/sade/1.8.1
-      svelte: registry.npmjs.org/svelte/3.57.0
-      svelte2tsx: registry.npmjs.org/svelte2tsx/0.6.10_44zspxpepvug6mo2qrfwkj3taq
+      svelte: registry.npmjs.org/svelte/3.59.1
+      svelte2tsx: registry.npmjs.org/svelte2tsx/0.6.15_cnumnonbjyr4j6qimrlvyofpny
     transitivePeerDependencies:
       - typescript
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.3_svelte@3.57.0+vite@4.2.1:
-    resolution: {integrity: sha512-o+cguBFdwIGtRbNkYOyqTM7KvRUffxh5bfK4oJsWKG2obu+v/cbpT03tJrGl58C7tRXo/aEC0/axN5FVHBj0nA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.0.3.tgz}
-    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.0.3
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2_qiij5gx4uovhfqjpd2vh63pzyq:
+    resolution: {integrity: sha512-Cy1dUMcYCnDVV/hPLXa43YZJ2jGKVW5rA0xuNL9dlmYhT0yoS1g7+FOFSRlgk0BXKk/Oc7grs+8BVA5Iz2fr8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.2.tgz}
+    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2
+    name: '@sveltejs/vite-plugin-svelte-inspector'
+    version: 1.0.2
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^2.2.0
+      svelte: ^3.54.0 || ^4.0.0-next.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1_svelte@3.59.1+vite@4.3.9
+      debug: registry.npmjs.org/debug/4.3.4
+      svelte: registry.npmjs.org/svelte/3.59.1
+      vite: registry.npmjs.org/vite/4.3.9
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1_svelte@3.59.1+vite@4.3.9:
+    resolution: {integrity: sha512-bNNKvoRY89ptY7udeBSCmTdCVwkjmMcZ0j/z9J5MuedT8jPjq0zrknAo/jF1sToAza4NVaAgR9AkZoD9oJJmnA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.1.tgz}
+    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1
     name: '@sveltejs/vite-plugin-svelte'
-    version: 2.0.3
+    version: 2.4.1
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
-      svelte: ^3.54.0
+      svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
+      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2_qiij5gx4uovhfqjpd2vh63pzyq
       debug: registry.npmjs.org/debug/4.3.4
       deepmerge: registry.npmjs.org/deepmerge/4.3.1
       kleur: registry.npmjs.org/kleur/4.1.5
-      magic-string: registry.npmjs.org/magic-string/0.29.0
-      svelte: registry.npmjs.org/svelte/3.57.0
-      svelte-hmr: registry.npmjs.org/svelte-hmr/0.15.1_svelte@3.57.0
-      vite: registry.npmjs.org/vite/4.2.1
-      vitefu: registry.npmjs.org/vitefu/0.2.4_vite@4.2.1
+      magic-string: registry.npmjs.org/magic-string/0.30.0
+      svelte: registry.npmjs.org/svelte/3.59.1
+      svelte-hmr: registry.npmjs.org/svelte-hmr/0.15.2_svelte@3.59.1
+      vite: registry.npmjs.org/vite/4.3.9
+      vitefu: registry.npmjs.org/vitefu/0.2.4_vite@4.3.9
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2371,32 +1775,32 @@ packages:
     version: 0.5.1
     dev: true
 
-  registry.npmjs.org/@types/d3-array/3.0.3:
-    resolution: {integrity: sha512-Reoy+pKnvsksN0lQUlcH6dOGjRZ/3WRwXR//m+/8lt1BXeI4xyaUZoqULNjyXXRuh0Mj4LNpkCvhUpQlY3X5xQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-array/-/d3-array-3.0.3.tgz}
+  registry.npmjs.org/@types/d3-array/3.0.5:
+    resolution: {integrity: sha512-Qk7fpJ6qFp+26VeQ47WY0mkwXaiq8+76RJcncDEfMc2ocRzXLO67bLFRNI4OX1aGBoPzsM5Y2T+/m1pldOgD+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-array/-/d3-array-3.0.5.tgz}
     name: '@types/d3-array'
-    version: 3.0.3
+    version: 3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-axis/3.0.1:
-    resolution: {integrity: sha512-zji/iIbdd49g9WN0aIsGcwcTBUkgLsCSwB+uH+LPVDAiKWENMtI3cJEWt+7/YYwelMoZmbBfzA3qCdrZ2XFNnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-axis/3.0.2:
+    resolution: {integrity: sha512-uGC7DBh0TZrU/LY43Fd8Qr+2ja1FKmH07q2FoZFHo1eYl8aj87GhfVoY1saJVJiq24rp1+wpI6BvQJMKgQm8oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.2.tgz}
     name: '@types/d3-axis'
-    version: 3.0.1
+    version: 3.0.2
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-brush/3.0.1:
-    resolution: {integrity: sha512-B532DozsiTuQMHu2YChdZU0qsFJSio3Q6jmBYGYNp3gMDzBmuFFgPt9qKA4VYuLZMp4qc6eX7IUFUEsvHiXZAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-brush/3.0.2:
+    resolution: {integrity: sha512-2TEm8KzUG3N7z0TrSKPmbxByBx54M+S9lHoP2J55QuLU0VSQ9mE96EJSAOVNEqd1bbynMjeTS9VHmz8/bSw8rA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.2.tgz}
     name: '@types/d3-brush'
-    version: 3.0.1
+    version: 3.0.2
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-chord/3.0.1:
-    resolution: {integrity: sha512-eQfcxIHrg7V++W8Qxn6QkqBNBokyhdWSAS73AbkbMzvLQmVVBviknoz2SRS/ZJdIOmhcmmdCRE/NFOm28Z1AMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-chord/3.0.2:
+    resolution: {integrity: sha512-abT/iLHD3sGZwqMTX1TYCMEulr+wBd0SzyOQnjYNLp7sngdOHYtNkMRI5v3w5thoN+BWtlHVDx2Osvq6fxhZWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.2.tgz}
     name: '@types/d3-chord'
-    version: 3.0.1
+    version: 3.0.2
     dev: false
 
   registry.npmjs.org/@types/d3-color/3.1.0:
@@ -2405,12 +1809,12 @@ packages:
     version: 3.1.0
     dev: false
 
-  registry.npmjs.org/@types/d3-contour/3.0.1:
-    resolution: {integrity: sha512-C3zfBrhHZvrpAAK3YXqLWVAGo87A4SvJ83Q/zVJ8rFWJdKejUnDYaWZPkA8K84kb2vDA/g90LTQAz7etXcgoQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-contour/3.0.2:
+    resolution: {integrity: sha512-k6/bGDoAGJZnZWaKzeB+9glgXCYGvh6YlluxzBREiVo8f/X2vpTEdgPy9DN7Z2i42PZOZ4JDhVdlTSTSkLDPlQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.2.tgz}
     name: '@types/d3-contour'
-    version: 3.0.1
+    version: 3.0.2
     dependencies:
-      '@types/d3-array': registry.npmjs.org/@types/d3-array/3.0.3
+      '@types/d3-array': registry.npmjs.org/@types/d3-array/3.0.5
       '@types/geojson': registry.npmjs.org/@types/geojson/7946.0.10
     dev: false
 
@@ -2420,23 +1824,23 @@ packages:
     version: 6.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-dispatch/3.0.1:
-    resolution: {integrity: sha512-NhxMn3bAkqhjoxabVJWKryhnZXXYYVQxaBnbANu0O94+O/nX9qSjrA1P1jbAQJxJf+VC72TxDX/YJcKue5bRqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-dispatch/3.0.2:
+    resolution: {integrity: sha512-rxN6sHUXEZYCKV05MEh4z4WpPSqIw+aP7n9ZN6WYAAvZoEAghEK1WeVZMZcHRBwyaKflU43PCUAJNjFxCzPDjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.2.tgz}
     name: '@types/d3-dispatch'
-    version: 3.0.1
+    version: 3.0.2
     dev: false
 
-  registry.npmjs.org/@types/d3-drag/3.0.1:
-    resolution: {integrity: sha512-o1Va7bLwwk6h03+nSM8dpaGEYnoIG19P0lKqlic8Un36ymh9NSkNFX1yiXMKNMx8rJ0Kfnn2eovuFaL6Jvj0zA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-drag/3.0.2:
+    resolution: {integrity: sha512-qmODKEDvyKWVHcWWCOVcuVcOwikLVsyc4q4EBJMREsoQnR2Qoc2cZQUyFUPgO9q4S3qdSqJKBsuefv+h0Qy+tw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.2.tgz}
     name: '@types/d3-drag'
-    version: 3.0.1
+    version: 3.0.2
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
 
-  registry.npmjs.org/@types/d3-dsv/3.0.0:
-    resolution: {integrity: sha512-o0/7RlMl9p5n6FQDptuJVMxDf/7EDEv2SYEO/CwdG2tr1hTfUVi0Iavkk2ax+VpaQ/1jVhpnj5rq1nj8vwhn2A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.0.tgz}
+  registry.npmjs.org/@types/d3-dsv/3.0.1:
+    resolution: {integrity: sha512-76pBHCMTvPLt44wFOieouXcGXWOF0AJCceUvaFkxSZEu4VDUdv93JfpMa6VGNFs01FHfuP4a5Ou68eRG1KBfTw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.1.tgz}
     name: '@types/d3-dsv'
-    version: 3.0.0
+    version: 3.0.1
     dev: false
 
   registry.npmjs.org/@types/d3-ease/3.0.0:
@@ -2445,18 +1849,18 @@ packages:
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-fetch/3.0.1:
-    resolution: {integrity: sha512-toZJNOwrOIqz7Oh6Q7l2zkaNfXkfR7mFSJvGvlD/Ciq/+SQ39d5gynHJZ/0fjt83ec3WL7+u3ssqIijQtBISsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-fetch/3.0.2:
+    resolution: {integrity: sha512-gllwYWozWfbep16N9fByNBDTkJW/SyhH6SGRlXloR7WdtAaBui4plTP+gbUgiEot7vGw/ZZop1yDZlgXXSuzjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.2.tgz}
     name: '@types/d3-fetch'
-    version: 3.0.1
+    version: 3.0.2
     dependencies:
-      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv/3.0.0
+      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv/3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-force/3.0.3:
-    resolution: {integrity: sha512-z8GteGVfkWJMKsx6hwC3SiTSLspL98VNpmvLpEFJQpZPq6xpA1I8HNBDNSpukfK0Vb0l64zGFhzunLgEAcBWSA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.3.tgz}
+  registry.npmjs.org/@types/d3-force/3.0.4:
+    resolution: {integrity: sha512-q7xbVLrWcXvSBBEoadowIUJ7sRpS1yvgMWnzHJggFy5cUZBq2HZL5k/pBSm0GdYWS1vs5/EDwMjSKF55PDY4Aw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.4.tgz}
     name: '@types/d3-force'
-    version: 3.0.3
+    version: 3.0.4
     dev: false
 
   registry.npmjs.org/@types/d3-format/3.0.1:
@@ -2465,18 +1869,18 @@ packages:
     version: 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-geo/3.0.2:
-    resolution: {integrity: sha512-DbqK7MLYA8LpyHQfv6Klz0426bQEf7bRTvhMy44sNGVyZoWn//B0c+Qbeg8Osi2Obdc9BLLXYAKpyWege2/7LQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.0.2.tgz}
+  registry.npmjs.org/@types/d3-geo/3.0.3:
+    resolution: {integrity: sha512-bK9uZJS3vuDCNeeXQ4z3u0E7OeJZXjUgzFdSOtNtMCJCLvDtWDwfpRVWlyt3y8EvRzI0ccOu9xlMVirawolSCw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.0.3.tgz}
     name: '@types/d3-geo'
-    version: 3.0.2
+    version: 3.0.3
     dependencies:
       '@types/geojson': registry.npmjs.org/@types/geojson/7946.0.10
     dev: false
 
-  registry.npmjs.org/@types/d3-hierarchy/3.1.0:
-    resolution: {integrity: sha512-g+sey7qrCa3UbsQlMZZBOHROkFqx7KZKvUpRzI/tAp/8erZWpYq7FgNKvYwebi2LaEiVs1klhUfd3WCThxmmWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.0.tgz}
+  registry.npmjs.org/@types/d3-hierarchy/3.1.2:
+    resolution: {integrity: sha512-9hjRTVoZjRFR6xo8igAJyNXQyPX6Aq++Nhb5ebrUF414dv4jr2MitM2fWiOY475wa3Za7TOS2Gh9fmqEhLTt0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz}
     name: '@types/d3-hierarchy'
-    version: 3.1.0
+    version: 3.1.2
     dev: false
 
   registry.npmjs.org/@types/d3-interpolate/3.0.1:
@@ -2517,23 +1921,23 @@ packages:
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-scale/4.0.2:
-    resolution: {integrity: sha512-Yk4htunhPAwN0XGlIwArRomOjdoBFXC3+kCxK2Ubg7I9shQlVSJy/pG/Ht5ASN+gdMIalpk8TJ5xV74jFsetLA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.2.tgz}
+  registry.npmjs.org/@types/d3-scale/4.0.3:
+    resolution: {integrity: sha512-PATBiMCpvHJSMtZAMEhc2WyL+hnzarKzI6wAHYjhsonjWJYGq5BXTzQjv4l8m2jO183/4wZ90rKvSeT7o72xNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.3.tgz}
     name: '@types/d3-scale'
-    version: 4.0.2
+    version: 4.0.3
     dependencies:
       '@types/d3-time': registry.npmjs.org/@types/d3-time/3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-selection/3.0.3:
-    resolution: {integrity: sha512-Mw5cf6nlW1MlefpD9zrshZ+DAWL4IQ5LnWfRheW6xwsdaWOb6IRRu2H7XPAQcyXEx1D7XQWgdoKR83ui1/HlEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.3.tgz}
+  registry.npmjs.org/@types/d3-selection/3.0.5:
+    resolution: {integrity: sha512-xCB0z3Hi8eFIqyja3vW8iV01+OHGYR2di/+e+AiOcXIOrY82lcvWW8Ke1DYE/EUVMsBl4Db9RppSBS3X1U6J0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.5.tgz}
     name: '@types/d3-selection'
-    version: 3.0.3
+    version: 3.0.5
 
-  registry.npmjs.org/@types/d3-shape/3.1.0:
-    resolution: {integrity: sha512-jYIYxFFA9vrJ8Hd4Se83YI6XF+gzDL1aC5DCsldai4XYYiVNdhtpGbA/GM6iyQ8ayhSp3a148LY34hy7A4TxZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.0.tgz}
+  registry.npmjs.org/@types/d3-shape/3.1.1:
+    resolution: {integrity: sha512-6Uh86YFF7LGg4PQkuO2oG6EMBRLuW9cbavUW46zkIO5kuS2PfTqo2o9SkgtQzguBHbLgNnU90UNsITpsX1My+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.1.tgz}
     name: '@types/d3-shape'
-    version: 3.1.0
+    version: 3.1.1
     dependencies:
       '@types/d3-path': registry.npmjs.org/@types/d3-path/3.0.0
     dev: false
@@ -2556,21 +1960,21 @@ packages:
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-transition/3.0.2:
-    resolution: {integrity: sha512-jo5o/Rf+/u6uerJ/963Dc39NI16FQzqwOc54bwvksGAdVfvDrqDpVeq95bEvPtBwLCVZutAEyAtmSyEMxN7vxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.2.tgz}
+  registry.npmjs.org/@types/d3-transition/3.0.3:
+    resolution: {integrity: sha512-/S90Od8Id1wgQNvIA8iFv9jRhCiZcGhPd2qX0bKF/PS+y0W5CrXKgIiELd2CvG1mlQrWK/qlYh3VxicqG1ZvgA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.3.tgz}
     name: '@types/d3-transition'
-    version: 3.0.2
+    version: 3.0.3
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-zoom/3.0.1:
-    resolution: {integrity: sha512-7s5L9TjfqIYQmQQEUcpMAcBOahem7TRoSO/+Gkz02GbMVuULiZzjF2BOdw291dbO2aNon4m2OdFsRGaCq2caLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-zoom/3.0.3:
+    resolution: {integrity: sha512-OWk1yYIIWcZ07+igN6BeoG6rqhnJ/pYe+R1qWFM2DtW49zsoSjgb9G5xB0ZXA8hh2jAzey1XuRmMSoXdKw8MDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.3.tgz}
     name: '@types/d3-zoom'
-    version: 3.0.1
+    version: 3.0.3
     dependencies:
       '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate/3.0.1
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
     dev: false
 
   registry.npmjs.org/@types/d3/7.4.0:
@@ -2578,36 +1982,36 @@ packages:
     name: '@types/d3'
     version: 7.4.0
     dependencies:
-      '@types/d3-array': registry.npmjs.org/@types/d3-array/3.0.3
-      '@types/d3-axis': registry.npmjs.org/@types/d3-axis/3.0.1
-      '@types/d3-brush': registry.npmjs.org/@types/d3-brush/3.0.1
-      '@types/d3-chord': registry.npmjs.org/@types/d3-chord/3.0.1
+      '@types/d3-array': registry.npmjs.org/@types/d3-array/3.0.5
+      '@types/d3-axis': registry.npmjs.org/@types/d3-axis/3.0.2
+      '@types/d3-brush': registry.npmjs.org/@types/d3-brush/3.0.2
+      '@types/d3-chord': registry.npmjs.org/@types/d3-chord/3.0.2
       '@types/d3-color': registry.npmjs.org/@types/d3-color/3.1.0
-      '@types/d3-contour': registry.npmjs.org/@types/d3-contour/3.0.1
+      '@types/d3-contour': registry.npmjs.org/@types/d3-contour/3.0.2
       '@types/d3-delaunay': registry.npmjs.org/@types/d3-delaunay/6.0.1
-      '@types/d3-dispatch': registry.npmjs.org/@types/d3-dispatch/3.0.1
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.1
-      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv/3.0.0
+      '@types/d3-dispatch': registry.npmjs.org/@types/d3-dispatch/3.0.2
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
+      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv/3.0.1
       '@types/d3-ease': registry.npmjs.org/@types/d3-ease/3.0.0
-      '@types/d3-fetch': registry.npmjs.org/@types/d3-fetch/3.0.1
-      '@types/d3-force': registry.npmjs.org/@types/d3-force/3.0.3
+      '@types/d3-fetch': registry.npmjs.org/@types/d3-fetch/3.0.2
+      '@types/d3-force': registry.npmjs.org/@types/d3-force/3.0.4
       '@types/d3-format': registry.npmjs.org/@types/d3-format/3.0.1
-      '@types/d3-geo': registry.npmjs.org/@types/d3-geo/3.0.2
-      '@types/d3-hierarchy': registry.npmjs.org/@types/d3-hierarchy/3.1.0
+      '@types/d3-geo': registry.npmjs.org/@types/d3-geo/3.0.3
+      '@types/d3-hierarchy': registry.npmjs.org/@types/d3-hierarchy/3.1.2
       '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate/3.0.1
       '@types/d3-path': registry.npmjs.org/@types/d3-path/3.0.0
       '@types/d3-polygon': registry.npmjs.org/@types/d3-polygon/3.0.0
       '@types/d3-quadtree': registry.npmjs.org/@types/d3-quadtree/3.0.2
       '@types/d3-random': registry.npmjs.org/@types/d3-random/3.0.1
-      '@types/d3-scale': registry.npmjs.org/@types/d3-scale/4.0.2
+      '@types/d3-scale': registry.npmjs.org/@types/d3-scale/4.0.3
       '@types/d3-scale-chromatic': registry.npmjs.org/@types/d3-scale-chromatic/3.0.0
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.3
-      '@types/d3-shape': registry.npmjs.org/@types/d3-shape/3.1.0
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/d3-shape': registry.npmjs.org/@types/d3-shape/3.1.1
       '@types/d3-time': registry.npmjs.org/@types/d3-time/3.0.0
       '@types/d3-time-format': registry.npmjs.org/@types/d3-time-format/4.0.0
       '@types/d3-timer': registry.npmjs.org/@types/d3-timer/3.0.0
-      '@types/d3-transition': registry.npmjs.org/@types/d3-transition/3.0.2
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.1
+      '@types/d3-transition': registry.npmjs.org/@types/d3-transition/3.0.3
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
     dev: false
 
   registry.npmjs.org/@types/dagre/0.7.48:
@@ -2616,16 +2020,10 @@ packages:
     version: 0.7.48
     dev: true
 
-  registry.npmjs.org/@types/estree/0.0.39:
-    resolution: {integrity: sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz}
-    name: '@types/estree'
-    version: 0.0.39
-    dev: true
-
-  registry.npmjs.org/@types/estree/1.0.0:
-    resolution: {integrity: sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz}
+  registry.npmjs.org/@types/estree/1.0.1:
+    resolution: {integrity: sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz}
     name: '@types/estree'
-    version: 1.0.0
+    version: 1.0.1
     dev: true
 
   registry.npmjs.org/@types/geojson/7946.0.10:
@@ -2639,13 +2037,13 @@ packages:
     name: '@types/is-ci'
     version: 3.0.0
     dependencies:
-      ci-info: registry.npmjs.org/ci-info/3.4.0
+      ci-info: registry.npmjs.org/ci-info/3.8.0
     dev: true
 
-  registry.npmjs.org/@types/json-schema/7.0.11:
-    resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz}
+  registry.npmjs.org/@types/json-schema/7.0.12:
+    resolution: {integrity: sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz}
     name: '@types/json-schema'
-    version: 7.0.11
+    version: 7.0.12
     dev: true
 
   registry.npmjs.org/@types/minimist/1.2.2:
@@ -2660,16 +2058,16 @@ packages:
     version: 12.20.55
     dev: true
 
-  registry.npmjs.org/@types/node/14.18.28:
-    resolution: {integrity: sha512-CK2fnrQlIgKlCV3N2kM+Gznb5USlwA1KFX3rJVHmgVk6NJxFPuQ86pAcvKnu37IA4BGlSRz7sEE1lHL1aLZ/eQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-14.18.28.tgz}
+  registry.npmjs.org/@types/node/14.18.48:
+    resolution: {integrity: sha512-iL0PIMwejpmuVHgfibHpfDwOdsbmB50wr21X71VnF5d7SsBF7WK+ZvP/SCcFm7Iwb9iiYSap9rlrdhToNAWdxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-14.18.48.tgz}
     name: '@types/node'
-    version: 14.18.28
+    version: 14.18.48
     dev: true
 
-  registry.npmjs.org/@types/node/18.7.16:
-    resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-18.7.16.tgz}
+  registry.npmjs.org/@types/node/18.16.16:
+    resolution: {integrity: sha512-NpaM49IGQQAUlBhHMF82QH80J08os4ZmyF9MkpCzWAGuOHqE4gTEbhzd7L3l5LmWuZ6E0OiC1FweQ4tsiW35+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-18.16.16.tgz}
     name: '@types/node'
-    version: 18.7.16
+    version: 18.16.16
     dev: true
 
   registry.npmjs.org/@types/normalize-package-data/2.4.1:
@@ -2690,30 +2088,22 @@ packages:
     version: 2.0.6
     dev: true
 
-  registry.npmjs.org/@types/react-dom/18.0.6:
-    resolution: {integrity: sha512-/5OFZgfIPSwy+YuIBP/FgJnQnsxhZhjjrnxudMddeblOouIodEQ75X14Rr4wGSG/bknL+Omy9iWlLo1u/9GzAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.6.tgz}
+  registry.npmjs.org/@types/react-dom/18.2.4:
+    resolution: {integrity: sha512-G2mHoTMTL4yoydITgOGwWdWMVd8sNgyEP85xVmMKAPUBwQWm9wBPQUmvbeF4V3WBY1P7mmL4BkjQ0SqUpf1snw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.4.tgz}
     name: '@types/react-dom'
-    version: 18.0.6
+    version: 18.2.4
     dependencies:
-      '@types/react': registry.npmjs.org/@types/react/18.0.19
+      '@types/react': registry.npmjs.org/@types/react/18.2.7
     dev: true
 
-  registry.npmjs.org/@types/react/18.0.19:
-    resolution: {integrity: sha512-BDc3Q+4Q3zsn7k9xZrKfjWyJsSlEDMs38gD1qp2eDazLCdcPqAT+vq1ND+Z8AGel/UiwzNUk8ptpywgNQcJ1MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.0.19.tgz}
+  registry.npmjs.org/@types/react/18.2.7:
+    resolution: {integrity: sha512-ojrXpSH2XFCmHm7Jy3q44nXDyN54+EYKP2lBhJ2bqfyPj6cIUW/FZW/Csdia34NQgq7KYcAlHi5184m4X88+yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.7.tgz}
     name: '@types/react'
-    version: 18.0.19
+    version: 18.2.7
     dependencies:
       '@types/prop-types': registry.npmjs.org/@types/prop-types/15.7.5
-      '@types/scheduler': registry.npmjs.org/@types/scheduler/0.16.2
-      csstype: registry.npmjs.org/csstype/3.1.0
-    dev: true
-
-  registry.npmjs.org/@types/resolve/1.17.1:
-    resolution: {integrity: sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz}
-    name: '@types/resolve'
-    version: 1.17.1
-    dependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
+      '@types/scheduler': registry.npmjs.org/@types/scheduler/0.16.3
+      csstype: registry.npmjs.org/csstype/3.1.2
     dev: true
 
   registry.npmjs.org/@types/resolve/1.20.2:
@@ -2722,10 +2112,10 @@ packages:
     version: 1.20.2
     dev: true
 
-  registry.npmjs.org/@types/scheduler/0.16.2:
-    resolution: {integrity: sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz}
+  registry.npmjs.org/@types/scheduler/0.16.3:
+    resolution: {integrity: sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz}
     name: '@types/scheduler'
-    version: 0.16.2
+    version: 0.16.3
     dev: true
 
   registry.npmjs.org/@types/semver/6.2.3:
@@ -2734,10 +2124,10 @@ packages:
     version: 6.2.3
     dev: true
 
-  registry.npmjs.org/@types/semver/7.3.13:
-    resolution: {integrity: sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/semver/-/semver-7.3.13.tgz}
+  registry.npmjs.org/@types/semver/7.5.0:
+    resolution: {integrity: sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz}
     name: '@types/semver'
-    version: 7.3.13
+    version: 7.5.0
     dev: true
 
   registry.npmjs.org/@types/sinonjs__fake-timers/8.1.1:
@@ -2758,46 +2148,15 @@ packages:
     version: 2.10.0
     requiresBuild: true
     dependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
+      '@types/node': registry.npmjs.org/@types/node/14.18.48
     dev: true
     optional: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.57.0_6qulbt3drjdrf5p7ia5xubmhay:
-    resolution: {integrity: sha512-itag0qpN6q2UMM6Xgk6xoHa0D0/P+M17THnr4SVgqn9Rgam5k/He33MA7/D7QoJcdMxHFyX7U9imaBonAX/6qA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.57.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.57.0
-    name: '@typescript-eslint/eslint-plugin'
-    version: 5.57.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^5.0.0
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.4.0
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.57.0_zjoiagdsdpivymr5idw66lxttq
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.57.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.57.0_zjoiagdsdpivymr5idw66lxttq
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.57.0_zjoiagdsdpivymr5idw66lxttq
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.36.0
-      grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
-      ignore: registry.npmjs.org/ignore/5.2.4
-      natural-compare-lite: registry.npmjs.org/natural-compare-lite/1.4.0
-      semver: registry.npmjs.org/semver/7.3.8
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
-      typescript: registry.npmjs.org/typescript/4.9.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.57.0_mc6km5pjrfw7q236yimvgyb62m:
-    resolution: {integrity: sha512-itag0qpN6q2UMM6Xgk6xoHa0D0/P+M17THnr4SVgqn9Rgam5k/He33MA7/D7QoJcdMxHFyX7U9imaBonAX/6qA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.57.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.57.0
+  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.8_rq7lqmsq2hhtq366qgvop5zziy:
+    resolution: {integrity: sha512-JDMOmhXteJ4WVKOiHXGCoB96ADWg9q7efPWHRViT/f09bA8XOMLAVHHju3l0MkZnG1izaWXYmgvQcUjTRcpShQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.8.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.8
     name: '@typescript-eslint/eslint-plugin'
-    version: 5.57.0
+    version: 5.59.8
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -2807,51 +2166,28 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.4.0
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.57.0_id2eilsndvzhjjktb64trvy3gu
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.57.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.57.0_id2eilsndvzhjjktb64trvy3gu
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.57.0_id2eilsndvzhjjktb64trvy3gu
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.8_5ujgynla27k2qkzlnkldjwsutm
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.8
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.59.8_5ujgynla27k2qkzlnkldjwsutm
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.59.8_5ujgynla27k2qkzlnkldjwsutm
       debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.23.1
+      eslint: registry.npmjs.org/eslint/8.41.0
       grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
       ignore: registry.npmjs.org/ignore/5.2.4
       natural-compare-lite: registry.npmjs.org/natural-compare-lite/1.4.0
-      semver: registry.npmjs.org/semver/7.3.8
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
-      typescript: registry.npmjs.org/typescript/4.9.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@typescript-eslint/parser/5.57.0_id2eilsndvzhjjktb64trvy3gu:
-    resolution: {integrity: sha512-orrduvpWYkgLCyAdNtR1QIWovcNZlEm6yL8nwH/eTxWLd8gsP+25pdLHYzL2QdkqrieaDwLpytHqycncv0woUQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.57.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/5.57.0
-    name: '@typescript-eslint/parser'
-    version: 5.57.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.57.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.57.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.57.0_typescript@4.9.4
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.23.1
-      typescript: registry.npmjs.org/typescript/4.9.4
+      semver: registry.npmjs.org/semver/7.5.1
+      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5
+      typescript: registry.npmjs.org/typescript/4.9.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser/5.57.0_zjoiagdsdpivymr5idw66lxttq:
-    resolution: {integrity: sha512-orrduvpWYkgLCyAdNtR1QIWovcNZlEm6yL8nwH/eTxWLd8gsP+25pdLHYzL2QdkqrieaDwLpytHqycncv0woUQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.57.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/5.57.0
+  registry.npmjs.org/@typescript-eslint/parser/5.59.8_5ujgynla27k2qkzlnkldjwsutm:
+    resolution: {integrity: sha512-AnR19RjJcpjoeGojmwZtCwBX/RidqDZtzcbG3xHrmz0aHHoOcbWnpDllenRDmDvsV0RQ6+tbb09/kyc+UT9Orw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.59.8.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/5.59.8
     name: '@typescript-eslint/parser'
-    version: 5.57.0
+    version: 5.59.8
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -2860,54 +2196,31 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.57.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.57.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.57.0_typescript@4.9.4
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.8
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.8
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.8_typescript@4.9.5
       debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.36.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      eslint: registry.npmjs.org/eslint/8.41.0
+      typescript: registry.npmjs.org/typescript/4.9.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager/5.57.0:
-    resolution: {integrity: sha512-NANBNOQvllPlizl9LatX8+MHi7bx7WGIWYjPHDmQe5Si/0YEYfxSljJpoTyTWFTgRy3X8gLYSE4xQ2U+aCozSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.57.0.tgz}
+  registry.npmjs.org/@typescript-eslint/scope-manager/5.59.8:
+    resolution: {integrity: sha512-/w08ndCYI8gxGf+9zKf1vtx/16y8MHrZs5/tnjHhMLNSixuNcJavSX4wAiPf4aS5x41Es9YPCn44MIe4cxIlig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.59.8.tgz}
     name: '@typescript-eslint/scope-manager'
-    version: 5.57.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.57.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.57.0
-    dev: true
-
-  registry.npmjs.org/@typescript-eslint/type-utils/5.57.0_id2eilsndvzhjjktb64trvy3gu:
-    resolution: {integrity: sha512-kxXoq9zOTbvqzLbdNKy1yFrxLC6GDJFE2Yuo3KqSwTmDOFjUGeWSakgoXT864WcK5/NAJkkONCiKb1ddsqhLXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.57.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/5.57.0
-    name: '@typescript-eslint/type-utils'
-    version: 5.57.0
+    version: 5.59.8
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '*'
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.57.0_typescript@4.9.4
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.57.0_id2eilsndvzhjjktb64trvy3gu
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.23.1
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
-      typescript: registry.npmjs.org/typescript/4.9.4
-    transitivePeerDependencies:
-      - supports-color
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.8
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.8
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils/5.57.0_zjoiagdsdpivymr5idw66lxttq:
-    resolution: {integrity: sha512-kxXoq9zOTbvqzLbdNKy1yFrxLC6GDJFE2Yuo3KqSwTmDOFjUGeWSakgoXT864WcK5/NAJkkONCiKb1ddsqhLXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.57.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/5.57.0
+  registry.npmjs.org/@typescript-eslint/type-utils/5.59.8_5ujgynla27k2qkzlnkldjwsutm:
+    resolution: {integrity: sha512-+5M518uEIHFBy3FnyqZUF3BMP+AXnYn4oyH8RF012+e7/msMY98FhGL5SrN29NQ9xDgvqCgYnsOiKp1VjZ/fpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.59.8.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/5.59.8
     name: '@typescript-eslint/type-utils'
-    version: 5.57.0
+    version: 5.59.8
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -2916,28 +2229,28 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.57.0_typescript@4.9.4
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.57.0_zjoiagdsdpivymr5idw66lxttq
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.8_typescript@4.9.5
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.59.8_5ujgynla27k2qkzlnkldjwsutm
       debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.36.0
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
-      typescript: registry.npmjs.org/typescript/4.9.4
+      eslint: registry.npmjs.org/eslint/8.41.0
+      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5
+      typescript: registry.npmjs.org/typescript/4.9.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types/5.57.0:
-    resolution: {integrity: sha512-mxsod+aZRSyLT+jiqHw1KK6xrANm19/+VFALVFP5qa/aiJnlP38qpyaTd0fEKhWvQk6YeNZ5LGwI1pDpBRBhtQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.57.0.tgz}
+  registry.npmjs.org/@typescript-eslint/types/5.59.8:
+    resolution: {integrity: sha512-+uWuOhBTj/L6awoWIg0BlWy0u9TyFpCHrAuQ5bNfxDaZ1Ppb3mx6tUigc74LHcbHpOHuOTOJrBoAnhdHdaea1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.59.8.tgz}
     name: '@typescript-eslint/types'
-    version: 5.57.0
+    version: 5.59.8
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree/5.57.0_typescript@4.9.4:
-    resolution: {integrity: sha512-LTzQ23TV82KpO8HPnWuxM2V7ieXW8O142I7hQTxWIHDcCEIjtkat6H96PFkYBQqGFLW/G/eVVOB9Z8rcvdY/Vw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.57.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.57.0
+  registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.8_typescript@4.9.5:
+    resolution: {integrity: sha512-Jy/lPSDJGNow14vYu6IrW790p7HIf/SOV1Bb6lZ7NUkLc2iB2Z9elESmsaUtLw8kVqogSbtLH9tut5GCX1RLDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.8.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.8
     name: '@typescript-eslint/typescript-estree'
-    version: 5.57.0
+    version: 5.59.8
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -2945,94 +2258,70 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.57.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.57.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.8
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.8
       debug: registry.npmjs.org/debug/4.3.4
       globby: registry.npmjs.org/globby/11.1.0
       is-glob: registry.npmjs.org/is-glob/4.0.3
-      semver: registry.npmjs.org/semver/7.3.8
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4
-      typescript: registry.npmjs.org/typescript/4.9.4
+      semver: registry.npmjs.org/semver/7.5.1
+      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5
+      typescript: registry.npmjs.org/typescript/4.9.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils/5.57.0_id2eilsndvzhjjktb64trvy3gu:
-    resolution: {integrity: sha512-ps/4WohXV7C+LTSgAL5CApxvxbMkl9B9AUZRtnEFonpIxZDIT7wC1xfvuJONMidrkB9scs4zhtRyIwHh4+18kw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.57.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/5.57.0
+  registry.npmjs.org/@typescript-eslint/utils/5.59.8_5ujgynla27k2qkzlnkldjwsutm:
+    resolution: {integrity: sha512-Tr65630KysnNn9f9G7ROF3w1b5/7f6QVCJ+WK9nhIocWmx9F+TmCAcglF26Vm7z8KCTwoKcNEBZrhlklla3CKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.59.8.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/5.59.8
     name: '@typescript-eslint/utils'
-    version: 5.57.0
+    version: 5.59.8
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.2.0_eslint@8.23.1
-      '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.11
-      '@types/semver': registry.npmjs.org/@types/semver/7.3.13
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.57.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.57.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.57.0_typescript@4.9.4
-      eslint: registry.npmjs.org/eslint/8.23.1
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.41.0
+      '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.12
+      '@types/semver': registry.npmjs.org/@types/semver/7.5.0
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.8
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.8
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.8_typescript@4.9.5
+      eslint: registry.npmjs.org/eslint/8.41.0
       eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
-      semver: registry.npmjs.org/semver/7.3.8
+      semver: registry.npmjs.org/semver/7.5.1
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils/5.57.0_zjoiagdsdpivymr5idw66lxttq:
-    resolution: {integrity: sha512-ps/4WohXV7C+LTSgAL5CApxvxbMkl9B9AUZRtnEFonpIxZDIT7wC1xfvuJONMidrkB9scs4zhtRyIwHh4+18kw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.57.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/5.57.0
-    name: '@typescript-eslint/utils'
-    version: 5.57.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-    dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.2.0_eslint@8.36.0
-      '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.11
-      '@types/semver': registry.npmjs.org/@types/semver/7.3.13
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.57.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.57.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.57.0_typescript@4.9.4
-      eslint: registry.npmjs.org/eslint/8.36.0
-      eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
-      semver: registry.npmjs.org/semver/7.3.8
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: true
-
-  registry.npmjs.org/@typescript-eslint/visitor-keys/5.57.0:
-    resolution: {integrity: sha512-ery2g3k0hv5BLiKpPuwYt9KBkAp2ugT6VvyShXdLOkax895EC55sP0Tx5L0fZaQueiK3fBLvHVvEl3jFS5ia+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.57.0.tgz}
+  registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.8:
+    resolution: {integrity: sha512-pJhi2ms0x0xgloT7xYabil3SGGlojNNKjK/q6dB3Ey0uJLMjK2UDGJvHieiyJVW/7C3KI+Z4Q3pEHkm4ejA+xQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.8.tgz}
     name: '@typescript-eslint/visitor-keys'
-    version: 5.57.0
+    version: 5.59.8
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.57.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.8
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
     dev: true
 
-  registry.npmjs.org/@vitejs/plugin-react/3.0.1_vite@4.0.4:
-    resolution: {integrity: sha512-mx+QvYwIbbpOIJw+hypjnW1lAbKDHtWK5ibkF/V1/oMBu8HU/chb+SnqJDAsLq1+7rGqjktCEomMTM5KShzUKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-3.0.1.tgz}
-    id: registry.npmjs.org/@vitejs/plugin-react/3.0.1
+  registry.npmjs.org/@vitejs/plugin-react/4.0.0_vite@4.3.9:
+    resolution: {integrity: sha512-HX0XzMjL3hhOYm+0s95pb0Z7F8O81G7joUHgfDd/9J/ZZf5k4xX6QAMFkKsHFxaHlf6X7GD7+XuaZ66ULiJuhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.0.0.tgz}
+    id: registry.npmjs.org/@vitejs/plugin-react/4.0.0
     name: '@vitejs/plugin-react'
-    version: 3.0.1
+    version: 4.0.0
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
-      vite: ^4.0.0
+      vite: ^4.2.0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.20.12
-      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.18.6_@babel+core@7.20.12
-      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.19.6_@babel+core@7.20.12
-      magic-string: registry.npmjs.org/magic-string/0.27.0
+      '@babel/core': registry.npmjs.org/@babel/core/7.22.1
+      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.21.0_@babel+core@7.22.1
+      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.19.6_@babel+core@7.22.1
       react-refresh: registry.npmjs.org/react-refresh/0.14.0
-      vite: registry.npmjs.org/vite/4.0.4
+      vite: registry.npmjs.org/vite/4.3.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/acorn-jsx/5.3.2_acorn@8.8.0:
+  registry.npmjs.org/acorn-jsx/5.3.2_acorn@8.8.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz}
     id: registry.npmjs.org/acorn-jsx/5.3.2
     name: acorn-jsx
@@ -3040,13 +2329,13 @@ packages:
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      acorn: registry.npmjs.org/acorn/8.8.0
+      acorn: registry.npmjs.org/acorn/8.8.2
     dev: true
 
-  registry.npmjs.org/acorn/8.8.0:
-    resolution: {integrity: sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz}
+  registry.npmjs.org/acorn/8.8.2:
+    resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz}
     name: acorn
-    version: 8.8.0
+    version: 8.8.2
     engines: {node: '>=0.4.0'}
     hasBin: true
     dev: true
@@ -3129,6 +2418,12 @@ packages:
     version: 2.2.0
     dev: true
 
+  registry.npmjs.org/arg/5.0.2:
+    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arg/-/arg-5.0.2.tgz}
+    name: arg
+    version: 5.0.2
+    dev: true
+
   registry.npmjs.org/argparse/1.0.10:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz}
     name: argparse
@@ -3143,6 +2438,15 @@ packages:
     version: 2.0.1
     dev: true
 
+  registry.npmjs.org/array-buffer-byte-length/1.0.0:
+    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz}
+    name: array-buffer-byte-length
+    version: 1.0.0
+    dependencies:
+      call-bind: registry.npmjs.org/call-bind/1.0.2
+      is-array-buffer: registry.npmjs.org/is-array-buffer/3.0.2
+    dev: true
+
   registry.npmjs.org/array-includes/3.1.6:
     resolution: {integrity: sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz}
     name: array-includes
@@ -3150,9 +2454,9 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
       is-string: registry.npmjs.org/is-string/1.0.7
     dev: true
 
@@ -3163,15 +2467,15 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/array.prototype.flat/1.3.0:
-    resolution: {integrity: sha512-12IUEkHsAhA4DY5s0FPgNXIdc8VRSqD9Zp78a5au9abH/SOBrsp082JOWFNTjkMozh8mqcdiKuaLGhPeYztxSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.0.tgz}
+  registry.npmjs.org/array.prototype.flat/1.3.1:
+    resolution: {integrity: sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz}
     name: array.prototype.flat
-    version: 1.3.0
+    version: 1.3.1
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
       es-shim-unscopables: registry.npmjs.org/es-shim-unscopables/1.0.0
     dev: true
 
@@ -3182,8 +2486,8 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
       es-shim-unscopables: registry.npmjs.org/es-shim-unscopables/1.0.0
     dev: true
 
@@ -3193,10 +2497,10 @@ packages:
     version: 1.1.1
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
       es-shim-unscopables: registry.npmjs.org/es-shim-unscopables/1.0.0
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
     dev: true
 
   registry.npmjs.org/arrify/1.0.1:
@@ -3247,22 +2551,22 @@ packages:
     engines: {node: '>= 4.0.0'}
     dev: true
 
-  registry.npmjs.org/autoprefixer/10.4.9_postcss@8.4.21:
-    resolution: {integrity: sha512-Uu67eduPEmOeA0vyJby5ghu1AAELCCNSsLAjK+lz6kYzNM5sqnBO36MqfsjhPjQF/BaJM5U/UuFYyl7PavY/wQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.9.tgz}
-    id: registry.npmjs.org/autoprefixer/10.4.9
+  registry.npmjs.org/autoprefixer/10.4.14_postcss@8.4.24:
+    resolution: {integrity: sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz}
+    id: registry.npmjs.org/autoprefixer/10.4.14
     name: autoprefixer
-    version: 10.4.9
+    version: 10.4.14
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      browserslist: registry.npmjs.org/browserslist/4.21.3
-      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001397
+      browserslist: registry.npmjs.org/browserslist/4.21.7
+      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001492
       fraction.js: registry.npmjs.org/fraction.js/4.2.0
       normalize-range: registry.npmjs.org/normalize-range/0.1.2
       picocolors: registry.npmjs.org/picocolors/1.0.0
-      postcss: registry.npmjs.org/postcss/8.4.21
+      postcss: registry.npmjs.org/postcss/8.4.24
       postcss-value-parser: registry.npmjs.org/postcss-value-parser/4.2.0
     dev: true
 
@@ -3279,31 +2583,24 @@ packages:
     version: 0.7.0
     dev: true
 
-  registry.npmjs.org/aws4/1.11.0:
-    resolution: {integrity: sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz}
+  registry.npmjs.org/aws4/1.12.0:
+    resolution: {integrity: sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz}
     name: aws4
-    version: 1.11.0
+    version: 1.12.0
     dev: true
 
-  registry.npmjs.org/axios/0.21.4_debug@4.3.2:
-    resolution: {integrity: sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axios/-/axios-0.21.4.tgz}
-    id: registry.npmjs.org/axios/0.21.4
+  registry.npmjs.org/axios/0.27.2_debug@4.3.4:
+    resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axios/-/axios-0.27.2.tgz}
+    id: registry.npmjs.org/axios/0.27.2
     name: axios
-    version: 0.21.4
+    version: 0.27.2
     dependencies:
-      follow-redirects: registry.npmjs.org/follow-redirects/1.15.1_debug@4.3.2
+      follow-redirects: registry.npmjs.org/follow-redirects/1.15.2_debug@4.3.4
+      form-data: registry.npmjs.org/form-data/4.0.0
     transitivePeerDependencies:
       - debug
     dev: true
 
-  registry.npmjs.org/babel-plugin-dynamic-import-node/2.3.3:
-    resolution: {integrity: sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz}
-    name: babel-plugin-dynamic-import-node
-    version: 2.3.3
-    dependencies:
-      object.assign: registry.npmjs.org/object.assign/4.1.4
-    dev: true
-
   registry.npmjs.org/balanced-match/1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz}
     name: balanced-match
@@ -3378,38 +2675,25 @@ packages:
       fill-range: registry.npmjs.org/fill-range/7.0.1
     dev: true
 
-  registry.npmjs.org/breakword/1.0.5:
-    resolution: {integrity: sha512-ex5W9DoOQ/LUEU3PMdLs9ua/CYZl1678NUkKOdUSi8Aw5F1idieaiRURCBFJCwVcrD1J8Iy3vfWSloaMwO2qFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/breakword/-/breakword-1.0.5.tgz}
+  registry.npmjs.org/breakword/1.0.6:
+    resolution: {integrity: sha512-yjxDAYyK/pBvws9H4xKYpLDpYKEH6CzrBPAuXq3x18I+c/2MkVtT3qAr7Oloi6Dss9qNhPVueAAVU1CSeNDIXw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/breakword/-/breakword-1.0.6.tgz}
     name: breakword
-    version: 1.0.5
+    version: 1.0.6
     dependencies:
       wcwidth: registry.npmjs.org/wcwidth/1.0.1
     dev: true
 
-  registry.npmjs.org/browserslist/4.21.3:
-    resolution: {integrity: sha512-898rgRXLAyRkM1GryrrBHGkqA5hlpkV5MhtZwg9QXeiyLUYs2k00Un05aX5l2/yJIOObYKOpS2JNo8nJDE7fWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.21.3.tgz}
-    name: browserslist
-    version: 4.21.3
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-    dependencies:
-      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001397
-      electron-to-chromium: registry.npmjs.org/electron-to-chromium/1.4.247
-      node-releases: registry.npmjs.org/node-releases/2.0.6
-      update-browserslist-db: registry.npmjs.org/update-browserslist-db/1.0.7_browserslist@4.21.3
-    dev: true
-
-  registry.npmjs.org/browserslist/4.21.4:
-    resolution: {integrity: sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz}
+  registry.npmjs.org/browserslist/4.21.7:
+    resolution: {integrity: sha512-BauCXrQ7I2ftSqd2mvKHGo85XR0u7Ru3C/Hxsy/0TkfCtjrmAbPdzLGasmoiBxplpDXlPvdjX9u7srIMfgasNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.21.7.tgz}
     name: browserslist
-    version: 4.21.4
+    version: 4.21.7
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001442
-      electron-to-chromium: registry.npmjs.org/electron-to-chromium/1.4.284
-      node-releases: registry.npmjs.org/node-releases/2.0.8
-      update-browserslist-db: registry.npmjs.org/update-browserslist-db/1.0.10_browserslist@4.21.4
+      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001492
+      electron-to-chromium: registry.npmjs.org/electron-to-chromium/1.4.414
+      node-releases: registry.npmjs.org/node-releases/2.0.12
+      update-browserslist-db: registry.npmjs.org/update-browserslist-db/1.0.11_browserslist@4.21.7
     dev: true
 
   registry.npmjs.org/buffer-crc32/0.2.13:
@@ -3462,7 +2746,7 @@ packages:
     version: 1.0.2
     dependencies:
       function-bind: registry.npmjs.org/function-bind/1.1.1
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
     dev: true
 
   registry.npmjs.org/callsites/3.1.0:
@@ -3490,16 +2774,10 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/caniuse-lite/1.0.30001397:
-    resolution: {integrity: sha512-SW9N2TbCdLf0eiNDRrrQXx2sOkaakNZbCjgNpPyMJJbiOrU5QzMIrXOVMRM1myBXTD5iTkdrtU/EguCrBocHlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001397.tgz}
-    name: caniuse-lite
-    version: 1.0.30001397
-    dev: true
-
-  registry.npmjs.org/caniuse-lite/1.0.30001442:
-    resolution: {integrity: sha512-239m03Pqy0hwxYPYR5JwOIxRJfLTWtle9FV8zosfV5pHg+/51uD4nxcUlM8+mWWGfwKtt8lJNHnD3cWw9VZ6ow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001442.tgz}
+  registry.npmjs.org/caniuse-lite/1.0.30001492:
+    resolution: {integrity: sha512-2efF8SAZwgAX1FJr87KWhvuJxnGJKOnctQa8xLOskAXNXq8oiuqgl6u1kk3fFpsp3GgvzlRjiK1sl63hNtFADw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001492.tgz}
     name: caniuse-lite
-    version: 1.0.30001442
+    version: 1.0.30001492
     dev: true
 
   registry.npmjs.org/caseless/0.12.0:
@@ -3559,16 +2837,11 @@ packages:
       fsevents: registry.npmjs.org/fsevents/2.3.2
     dev: true
 
-  registry.npmjs.org/ci-info/2.0.0:
-    resolution: {integrity: sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz}
-    name: ci-info
-    version: 2.0.0
-    dev: true
-
-  registry.npmjs.org/ci-info/3.4.0:
-    resolution: {integrity: sha512-t5QdPT5jq3o262DOQ8zA6E1tlH2upmUc4Hlvrbx1pGYJuiiHl7O7rvVNI+l8HTVhd/q3Qc9vqimkNk5yiXsAug==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ci-info/-/ci-info-3.4.0.tgz}
+  registry.npmjs.org/ci-info/3.8.0:
+    resolution: {integrity: sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz}
     name: ci-info
-    version: 3.4.0
+    version: 3.8.0
+    engines: {node: '>=8'}
     dev: true
 
   registry.npmjs.org/classcat/5.0.4:
@@ -3593,10 +2866,10 @@ packages:
       restore-cursor: registry.npmjs.org/restore-cursor/3.1.0
     dev: true
 
-  registry.npmjs.org/cli-table3/0.6.2:
-    resolution: {integrity: sha512-QyavHCaIC80cMivimWu4aWHilIpiDpfm3hGmqAmXVL1UsnbLuBSMd21hTX6VY4ZSDSM73ESLeF8TOYId3rBTbw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.2.tgz}
+  registry.npmjs.org/cli-table3/0.6.3:
+    resolution: {integrity: sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.3.tgz}
     name: cli-table3
-    version: 0.6.2
+    version: 0.6.3
     engines: {node: 10.* || >= 12.*}
     dependencies:
       string-width: registry.npmjs.org/string-width/4.2.3
@@ -3624,16 +2897,6 @@ packages:
       wrap-ansi: registry.npmjs.org/wrap-ansi/6.2.0
     dev: true
 
-  registry.npmjs.org/cliui/7.0.4:
-    resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz}
-    name: cliui
-    version: 7.0.4
-    dependencies:
-      string-width: registry.npmjs.org/string-width/4.2.3
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
-      wrap-ansi: registry.npmjs.org/wrap-ansi/7.0.0
-    dev: true
-
   registry.npmjs.org/cliui/8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz}
     name: cliui
@@ -3681,10 +2944,10 @@ packages:
     version: 1.1.4
     dev: true
 
-  registry.npmjs.org/colorette/2.0.19:
-    resolution: {integrity: sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/colorette/-/colorette-2.0.19.tgz}
+  registry.npmjs.org/colorette/2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz}
     name: colorette
-    version: 2.0.19
+    version: 2.0.20
     dev: true
 
   registry.npmjs.org/combined-stream/1.0.8:
@@ -3736,22 +2999,14 @@ packages:
     hasBin: true
     dependencies:
       chalk: registry.npmjs.org/chalk/4.1.2
-      date-fns: registry.npmjs.org/date-fns/2.29.3
+      date-fns: registry.npmjs.org/date-fns/2.30.0
       lodash: registry.npmjs.org/lodash/4.17.21
-      rxjs: registry.npmjs.org/rxjs/7.8.0
-      shell-quote: registry.npmjs.org/shell-quote/1.7.4
+      rxjs: registry.npmjs.org/rxjs/7.8.1
+      shell-quote: registry.npmjs.org/shell-quote/1.8.1
       spawn-command: registry.npmjs.org/spawn-command/0.0.2-1
       supports-color: registry.npmjs.org/supports-color/8.1.1
       tree-kill: registry.npmjs.org/tree-kill/1.2.2
-      yargs: registry.npmjs.org/yargs/17.6.2
-    dev: true
-
-  registry.npmjs.org/convert-source-map/1.8.0:
-    resolution: {integrity: sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz}
-    name: convert-source-map
-    version: 1.8.0
-    dependencies:
-      safe-buffer: registry.npmjs.org/safe-buffer/5.1.2
+      yargs: registry.npmjs.org/yargs/17.7.2
     dev: true
 
   registry.npmjs.org/convert-source-map/1.9.0:
@@ -3802,10 +3057,10 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/csstype/3.1.0:
-    resolution: {integrity: sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz}
+  registry.npmjs.org/csstype/3.1.2:
+    resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz}
     name: csstype
-    version: 3.1.0
+    version: 3.1.2
     dev: true
 
   registry.npmjs.org/csv-generate/3.4.3:
@@ -3838,28 +3093,28 @@ packages:
       stream-transform: registry.npmjs.org/stream-transform/2.1.3
     dev: true
 
-  registry.npmjs.org/cypress-real-events/1.7.1_cypress@10.7.0:
-    resolution: {integrity: sha512-/Bg15RgJ0SYsuXc6lPqH08x19z6j2vmhWN4wXfJqm3z8BTAFiK2MvipZPzxT8Z0jJP0q7kuniWrLIvz/i/8lCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress-real-events/-/cypress-real-events-1.7.1.tgz}
-    id: registry.npmjs.org/cypress-real-events/1.7.1
+  registry.npmjs.org/cypress-real-events/1.8.1_cypress@10.11.0:
+    resolution: {integrity: sha512-8fFnA8EzS3EVbAmpSEUf3A8yZCmfU3IPOSGUDVFCdE1ke1gYL1A+gvXXV6HKUbTPRuvKKt2vpaMbUwYLpDRswQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress-real-events/-/cypress-real-events-1.8.1.tgz}
+    id: registry.npmjs.org/cypress-real-events/1.8.1
     name: cypress-real-events
-    version: 1.7.1
+    version: 1.8.1
     peerDependencies:
-      cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x
+      cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x
     dependencies:
-      cypress: registry.npmjs.org/cypress/10.7.0
+      cypress: registry.npmjs.org/cypress/10.11.0
     dev: true
 
-  registry.npmjs.org/cypress/10.7.0:
-    resolution: {integrity: sha512-gTFvjrUoBnqPPOu9Vl5SBHuFlzx/Wxg/ZXIz2H4lzoOLFelKeF7mbwYUOzgzgF0oieU2WhJAestQdkgwJMMTvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress/-/cypress-10.7.0.tgz}
+  registry.npmjs.org/cypress/10.11.0:
+    resolution: {integrity: sha512-lsaE7dprw5DoXM00skni6W5ElVVLGAdRUUdZjX2dYsGjbY/QnpzWZ95Zom1mkGg0hAaO/QVTZoFVS7Jgr/GUPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress/-/cypress-10.11.0.tgz}
     name: cypress
-    version: 10.7.0
+    version: 10.11.0
     engines: {node: '>=12.0.0'}
     hasBin: true
     requiresBuild: true
     dependencies:
-      '@cypress/request': registry.npmjs.org/@cypress/request/2.88.10
+      '@cypress/request': registry.npmjs.org/@cypress/request/2.88.11
       '@cypress/xvfb': registry.npmjs.org/@cypress/xvfb/1.2.4_supports-color@8.1.1
-      '@types/node': registry.npmjs.org/@types/node/14.18.28
+      '@types/node': registry.npmjs.org/@types/node/14.18.48
       '@types/sinonjs__fake-timers': registry.npmjs.org/@types/sinonjs__fake-timers/8.1.1
       '@types/sizzle': registry.npmjs.org/@types/sizzle/2.3.3
       arch: registry.npmjs.org/arch/2.2.0
@@ -3870,13 +3125,13 @@ packages:
       chalk: registry.npmjs.org/chalk/4.1.2
       check-more-types: registry.npmjs.org/check-more-types/2.24.0
       cli-cursor: registry.npmjs.org/cli-cursor/3.1.0
-      cli-table3: registry.npmjs.org/cli-table3/0.6.2
+      cli-table3: registry.npmjs.org/cli-table3/0.6.3
       commander: registry.npmjs.org/commander/5.1.0
       common-tags: registry.npmjs.org/common-tags/1.8.2
-      dayjs: registry.npmjs.org/dayjs/1.11.5
+      dayjs: registry.npmjs.org/dayjs/1.11.7
       debug: registry.npmjs.org/debug/4.3.4_supports-color@8.1.1
       enquirer: registry.npmjs.org/enquirer/2.3.6
-      eventemitter2: registry.npmjs.org/eventemitter2/6.4.8
+      eventemitter2: registry.npmjs.org/eventemitter2/6.4.7
       execa: registry.npmjs.org/execa/4.1.0
       executable: registry.npmjs.org/executable/4.1.1
       extract-zip: registry.npmjs.org/extract-zip/2.0.1_supports-color@8.1.1
@@ -3889,12 +3144,12 @@ packages:
       listr2: registry.npmjs.org/listr2/3.14.0_enquirer@2.3.6
       lodash: registry.npmjs.org/lodash/4.17.21
       log-symbols: registry.npmjs.org/log-symbols/4.1.0
-      minimist: registry.npmjs.org/minimist/1.2.6
+      minimist: registry.npmjs.org/minimist/1.2.8
       ospath: registry.npmjs.org/ospath/1.2.2
       pretty-bytes: registry.npmjs.org/pretty-bytes/5.6.0
       proxy-from-env: registry.npmjs.org/proxy-from-env/1.0.0
       request-progress: registry.npmjs.org/request-progress/3.0.0
-      semver: registry.npmjs.org/semver/7.3.7
+      semver: registry.npmjs.org/semver/7.5.1
       supports-color: registry.npmjs.org/supports-color/8.1.1
       tmp: registry.npmjs.org/tmp/0.2.1
       untildify: registry.npmjs.org/untildify/4.0.0
@@ -4009,23 +3264,19 @@ packages:
     version: 1.4.0
     dev: true
 
-  registry.npmjs.org/dataloader/2.1.0:
-    resolution: {integrity: sha512-qTcEYLen3r7ojZNgVUaRggOI+KM7jrKxXeSHhogh/TWxYMeONEMqY+hmkobiYQozsGIyg9OYVzO4ZIfoB4I0pQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dataloader/-/dataloader-2.1.0.tgz}
-    name: dataloader
-    version: 2.1.0
-    dev: true
-
-  registry.npmjs.org/date-fns/2.29.3:
-    resolution: {integrity: sha512-dDCnyH2WnnKusqvZZ6+jA1O51Ibt8ZMRNkDZdyAyK4YfbDwa/cEmuztzG5pk6hqlp9aSBPYcjOlktquahGwGeA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/date-fns/-/date-fns-2.29.3.tgz}
+  registry.npmjs.org/date-fns/2.30.0:
+    resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz}
     name: date-fns
-    version: 2.29.3
+    version: 2.30.0
     engines: {node: '>=0.11'}
+    dependencies:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
     dev: true
 
-  registry.npmjs.org/dayjs/1.11.5:
-    resolution: {integrity: sha512-CAdX5Q3YW3Gclyo5Vpqkgpj8fSdLQcRuzfX6mC6Phy0nfJ0eGYOeS7m4mt2plDWLAtA4TqTakvbboHvUxfe4iA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dayjs/-/dayjs-1.11.5.tgz}
+  registry.npmjs.org/dayjs/1.11.7:
+    resolution: {integrity: sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dayjs/-/dayjs-1.11.7.tgz}
     name: dayjs
-    version: 1.11.5
+    version: 1.11.7
     dev: true
 
   registry.npmjs.org/debug/3.2.7_supports-color@8.1.1:
@@ -4043,20 +3294,6 @@ packages:
       supports-color: registry.npmjs.org/supports-color/8.1.1
     dev: true
 
-  registry.npmjs.org/debug/4.3.2:
-    resolution: {integrity: sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-4.3.2.tgz}
-    name: debug
-    version: 4.3.2
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-    dependencies:
-      ms: registry.npmjs.org/ms/2.1.2
-    dev: true
-
   registry.npmjs.org/debug/4.3.4:
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-4.3.4.tgz}
     name: debug
@@ -4087,10 +3324,10 @@ packages:
       supports-color: registry.npmjs.org/supports-color/8.1.1
     dev: true
 
-  registry.npmjs.org/decamelize-keys/1.1.0:
-    resolution: {integrity: sha512-ocLWuYzRPoS9bfiSdDd3cxvrzovVMZnRDVEzAs+hWIVXGDbHxWMECij2OBuyB/An0FFW/nLuq6Kv1i/YC5Qfzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz}
+  registry.npmjs.org/decamelize-keys/1.1.1:
+    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.1.tgz}
     name: decamelize-keys
-    version: 1.1.0
+    version: 1.1.1
     engines: {node: '>=0.10.0'}
     dependencies:
       decamelize: registry.npmjs.org/decamelize/1.2.0
@@ -4116,13 +3353,6 @@ packages:
     version: 0.1.4
     dev: true
 
-  registry.npmjs.org/deepmerge/4.2.2:
-    resolution: {integrity: sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz}
-    name: deepmerge
-    version: 4.2.2
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   registry.npmjs.org/deepmerge/4.3.1:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz}
     name: deepmerge
@@ -4130,18 +3360,18 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/defaults/1.0.3:
-    resolution: {integrity: sha512-s82itHOnYrN0Ib8r+z7laQz3sdE+4FP3d9Q7VLO7U+KRT+CR0GsWuyHxzdAY82I7cXv0G/twrqomTJLOssO5HA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/defaults/-/defaults-1.0.3.tgz}
+  registry.npmjs.org/defaults/1.0.4:
+    resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz}
     name: defaults
-    version: 1.0.3
+    version: 1.0.4
     dependencies:
       clone: registry.npmjs.org/clone/1.0.4
     dev: true
 
-  registry.npmjs.org/define-properties/1.1.4:
-    resolution: {integrity: sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz}
+  registry.npmjs.org/define-properties/1.2.0:
+    resolution: {integrity: sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz}
     name: define-properties
-    version: 1.1.4
+    version: 1.2.0
     engines: {node: '>= 0.4'}
     dependencies:
       has-property-descriptors: registry.npmjs.org/has-property-descriptors/1.0.0
@@ -4169,10 +3399,10 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/devalue/4.3.0:
-    resolution: {integrity: sha512-n94yQo4LI3w7erwf84mhRUkUJfhLoCZiLyoOZ/QFsDbcWNZePrLwbQpvZBUG2TNxwV3VjCKPxkiiQA6pe3TrTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/devalue/-/devalue-4.3.0.tgz}
+  registry.npmjs.org/devalue/4.3.2:
+    resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/devalue/-/devalue-4.3.2.tgz}
     name: devalue
-    version: 4.3.0
+    version: 4.3.2
     dev: true
 
   registry.npmjs.org/dir-glob/3.0.1:
@@ -4224,16 +3454,10 @@ packages:
       safer-buffer: registry.npmjs.org/safer-buffer/2.1.2
     dev: true
 
-  registry.npmjs.org/electron-to-chromium/1.4.247:
-    resolution: {integrity: sha512-FLs6R4FQE+1JHM0hh3sfdxnYjKvJpHZyhQDjc2qFq/xFvmmRt/TATNToZhrcGUFzpF2XjeiuozrA8lI0PZmYYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.247.tgz}
-    name: electron-to-chromium
-    version: 1.4.247
-    dev: true
-
-  registry.npmjs.org/electron-to-chromium/1.4.284:
-    resolution: {integrity: sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz}
+  registry.npmjs.org/electron-to-chromium/1.4.414:
+    resolution: {integrity: sha512-RRuCvP6ekngVh2SAJaOKT/hxqc9JAsK+Pe0hP5tGQIfonU2Zy9gMGdJ+mBdyl/vNucMG6gkXYtuM4H/1giws5w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.414.tgz}
     name: electron-to-chromium
-    version: 1.4.284
+    version: 1.4.414
     dev: true
 
   registry.npmjs.org/emoji-regex/8.0.0:
@@ -4267,19 +3491,19 @@ packages:
       is-arrayish: registry.npmjs.org/is-arrayish/0.2.1
     dev: true
 
-  registry.npmjs.org/es-abstract/1.21.1:
-    resolution: {integrity: sha512-QudMsPOz86xYz/1dG1OuGBKOELjCh99IIWHLzy5znUB6j8xG2yMA7bfTV86VSqKF+Y/H08vQPR+9jyXpuC6hfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-abstract/-/es-abstract-1.21.1.tgz}
+  registry.npmjs.org/es-abstract/1.21.2:
+    resolution: {integrity: sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-abstract/-/es-abstract-1.21.2.tgz}
     name: es-abstract
-    version: 1.21.1
+    version: 1.21.2
     engines: {node: '>= 0.4'}
     dependencies:
+      array-buffer-byte-length: registry.npmjs.org/array-buffer-byte-length/1.0.0
       available-typed-arrays: registry.npmjs.org/available-typed-arrays/1.0.5
       call-bind: registry.npmjs.org/call-bind/1.0.2
       es-set-tostringtag: registry.npmjs.org/es-set-tostringtag/2.0.1
       es-to-primitive: registry.npmjs.org/es-to-primitive/1.2.1
-      function-bind: registry.npmjs.org/function-bind/1.1.1
       function.prototype.name: registry.npmjs.org/function.prototype.name/1.1.5
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
       get-symbol-description: registry.npmjs.org/get-symbol-description/1.0.0
       globalthis: registry.npmjs.org/globalthis/1.0.3
       gopd: registry.npmjs.org/gopd/1.0.1
@@ -4287,8 +3511,8 @@ packages:
       has-property-descriptors: registry.npmjs.org/has-property-descriptors/1.0.0
       has-proto: registry.npmjs.org/has-proto/1.0.1
       has-symbols: registry.npmjs.org/has-symbols/1.0.3
-      internal-slot: registry.npmjs.org/internal-slot/1.0.4
-      is-array-buffer: registry.npmjs.org/is-array-buffer/3.0.1
+      internal-slot: registry.npmjs.org/internal-slot/1.0.5
+      is-array-buffer: registry.npmjs.org/is-array-buffer/3.0.2
       is-callable: registry.npmjs.org/is-callable/1.2.7
       is-negative-zero: registry.npmjs.org/is-negative-zero/2.0.2
       is-regex: registry.npmjs.org/is-regex/1.1.4
@@ -4296,11 +3520,12 @@ packages:
       is-string: registry.npmjs.org/is-string/1.0.7
       is-typed-array: registry.npmjs.org/is-typed-array/1.1.10
       is-weakref: registry.npmjs.org/is-weakref/1.0.2
-      object-inspect: registry.npmjs.org/object-inspect/1.12.2
+      object-inspect: registry.npmjs.org/object-inspect/1.12.3
       object-keys: registry.npmjs.org/object-keys/1.1.1
       object.assign: registry.npmjs.org/object.assign/4.1.4
-      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags/1.4.3
+      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags/1.5.0
       safe-regex-test: registry.npmjs.org/safe-regex-test/1.0.0
+      string.prototype.trim: registry.npmjs.org/string.prototype.trim/1.2.7
       string.prototype.trimend: registry.npmjs.org/string.prototype.trimend/1.0.6
       string.prototype.trimstart: registry.npmjs.org/string.prototype.trimstart/1.0.6
       typed-array-length: registry.npmjs.org/typed-array-length/1.0.4
@@ -4314,7 +3539,7 @@ packages:
     version: 2.0.1
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
       has: registry.npmjs.org/has/1.0.3
       has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
     dev: true
@@ -4344,68 +3569,36 @@ packages:
     version: 3.3.1
     dev: true
 
-  registry.npmjs.org/esbuild/0.16.16:
-    resolution: {integrity: sha512-24JyKq10KXM5EBIgPotYIJ2fInNWVVqflv3gicIyQqfmUqi4HvDW1VR790cBgLJHCl96Syy7lhoz7tLFcmuRmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.16.16.tgz}
-    name: esbuild
-    version: 0.16.16
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm/0.16.16
-      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64/0.16.16
-      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64/0.16.16
-      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64/0.16.16
-      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64/0.16.16
-      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64/0.16.16
-      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64/0.16.16
-      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm/0.16.16
-      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64/0.16.16
-      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32/0.16.16
-      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64/0.16.16
-      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el/0.16.16
-      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64/0.16.16
-      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64/0.16.16
-      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x/0.16.16
-      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64/0.16.16
-      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64/0.16.16
-      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64/0.16.16
-      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64/0.16.16
-      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64/0.16.16
-      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32/0.16.16
-      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64/0.16.16
-    dev: true
-
-  registry.npmjs.org/esbuild/0.17.14:
-    resolution: {integrity: sha512-vOO5XhmVj/1XQR9NQ1UPq6qvMYL7QFJU57J5fKBKBKxp17uDt5PgxFDb4A2nEiXhr1qQs4x0F5+66hVVw4ruNw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.17.14.tgz}
+  registry.npmjs.org/esbuild/0.17.19:
+    resolution: {integrity: sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz}
     name: esbuild
-    version: 0.17.14
+    version: 0.17.19
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm/0.17.14
-      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64/0.17.14
-      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64/0.17.14
-      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64/0.17.14
-      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64/0.17.14
-      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64/0.17.14
-      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64/0.17.14
-      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm/0.17.14
-      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64/0.17.14
-      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32/0.17.14
-      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64/0.17.14
-      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el/0.17.14
-      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64/0.17.14
-      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64/0.17.14
-      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x/0.17.14
-      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64/0.17.14
-      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64/0.17.14
-      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64/0.17.14
-      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64/0.17.14
-      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64/0.17.14
-      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32/0.17.14
-      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64/0.17.14
+      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm/0.17.19
+      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64/0.17.19
+      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64/0.17.19
+      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64/0.17.19
+      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64/0.17.19
+      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64/0.17.19
+      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64/0.17.19
+      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm/0.17.19
+      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64/0.17.19
+      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32/0.17.19
+      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64/0.17.19
+      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el/0.17.19
+      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64/0.17.19
+      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64/0.17.19
+      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x/0.17.19
+      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64/0.17.19
+      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64/0.17.19
+      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64/0.17.19
+      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64/0.17.19
+      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64/0.17.19
+      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32/0.17.19
+      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64/0.17.19
     dev: true
 
   registry.npmjs.org/escalade/3.1.1:
@@ -4429,43 +3622,31 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/eslint-config-prettier/8.5.0_eslint@8.23.1:
-    resolution: {integrity: sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz}
-    id: registry.npmjs.org/eslint-config-prettier/8.5.0
-    name: eslint-config-prettier
-    version: 8.5.0
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
-    dependencies:
-      eslint: registry.npmjs.org/eslint/8.23.1
-    dev: true
-
-  registry.npmjs.org/eslint-config-prettier/8.5.0_eslint@8.36.0:
-    resolution: {integrity: sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz}
-    id: registry.npmjs.org/eslint-config-prettier/8.5.0
+  registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.41.0:
+    resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz}
+    id: registry.npmjs.org/eslint-config-prettier/8.8.0
     name: eslint-config-prettier
-    version: 8.5.0
+    version: 8.8.0
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.36.0
+      eslint: registry.npmjs.org/eslint/8.41.0
     dev: true
 
-  registry.npmjs.org/eslint-config-turbo/1.8.6_eslint@8.23.1:
-    resolution: {integrity: sha512-LSMqrHmFeQcYRuBnzrzw+B2bJ3+o8wxPkRwfK0Y+SSLsq2F/niRJ2kqB8j4uOSCfxybHHpFEB2CgUpQiiyfeoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.8.6.tgz}
-    id: registry.npmjs.org/eslint-config-turbo/1.8.6
+  registry.npmjs.org/eslint-config-turbo/1.10.0_eslint@8.41.0:
+    resolution: {integrity: sha512-iJsjoOb0vjnpV65rL+SAOIgbOluEibFqo/ke4UzXA9bi13cNJOT9k6FCQA7RXBHwChz+6BzYq5ZyoE3WcUg+0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.0.tgz}
+    id: registry.npmjs.org/eslint-config-turbo/1.10.0
     name: eslint-config-turbo
-    version: 1.8.6
+    version: 1.10.0
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.23.1
-      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo/1.8.6_eslint@8.23.1
+      eslint: registry.npmjs.org/eslint/8.41.0
+      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo/1.10.0_eslint@8.41.0
     dev: true
 
-  registry.npmjs.org/eslint-plugin-prettier/4.2.1_cabrci5exjdaojcvd6xoxgeowu:
+  registry.npmjs.org/eslint-plugin-prettier/4.2.1_xcqkel4mpum3npntysob2xmn54:
     resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz}
     id: registry.npmjs.org/eslint-plugin-prettier/4.2.1
     name: eslint-plugin-prettier
@@ -4479,13 +3660,13 @@ packages:
       eslint-config-prettier:
         optional: true
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.23.1
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.5.0_eslint@8.23.1
-      prettier: registry.npmjs.org/prettier/2.7.1
+      eslint: registry.npmjs.org/eslint/8.41.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.41.0
+      prettier: registry.npmjs.org/prettier/2.8.8
       prettier-linter-helpers: registry.npmjs.org/prettier-linter-helpers/1.0.0
     dev: true
 
-  registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.23.1:
+  registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.41.0:
     resolution: {integrity: sha512-t2fBMa+XzonrrNkyVirzKlvn5RXzzPwRHtMvLAtVZrt8oxgnTQaYbU6SXTOO1mwQgp1y5+toMSKInnzGr0Knqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.32.2.tgz}
     id: registry.npmjs.org/eslint-plugin-react/7.32.2
     name: eslint-plugin-react
@@ -4498,7 +3679,7 @@ packages:
       array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap/1.3.1
       array.prototype.tosorted: registry.npmjs.org/array.prototype.tosorted/1.1.1
       doctrine: registry.npmjs.org/doctrine/2.1.0
-      eslint: registry.npmjs.org/eslint/8.23.1
+      eslint: registry.npmjs.org/eslint/8.41.0
       estraverse: registry.npmjs.org/estraverse/5.3.0
       jsx-ast-utils: registry.npmjs.org/jsx-ast-utils/3.3.3
       minimatch: registry.npmjs.org/minimatch/3.1.2
@@ -4512,7 +3693,7 @@ packages:
       string.prototype.matchall: registry.npmjs.org/string.prototype.matchall/4.0.8
     dev: true
 
-  registry.npmjs.org/eslint-plugin-svelte3/4.0.0_wzem237sbvnwe7n34ytc5phasy:
+  registry.npmjs.org/eslint-plugin-svelte3/4.0.0_2rgspgo736k3nkqykgvv2sinmy:
     resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-svelte3/-/eslint-plugin-svelte3-4.0.0.tgz}
     id: registry.npmjs.org/eslint-plugin-svelte3/4.0.0
     name: eslint-plugin-svelte3
@@ -4521,19 +3702,19 @@ packages:
       eslint: '>=8.0.0'
       svelte: ^3.2.0
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.36.0
-      svelte: registry.npmjs.org/svelte/3.57.0
+      eslint: registry.npmjs.org/eslint/8.41.0
+      svelte: registry.npmjs.org/svelte/3.59.1
     dev: true
 
-  registry.npmjs.org/eslint-plugin-turbo/1.8.6_eslint@8.23.1:
-    resolution: {integrity: sha512-LieXzur+4XtIsLst8GdupTMhvGn2ebFetG3AVErh2jHBy1EobPHbatjcdNZQMy5EsdG35axQVB8KFF3jo4u+OQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.8.6.tgz}
-    id: registry.npmjs.org/eslint-plugin-turbo/1.8.6
+  registry.npmjs.org/eslint-plugin-turbo/1.10.0_eslint@8.41.0:
+    resolution: {integrity: sha512-7eDeOjZDx/GcrZj4XYX1puaxsDtm6FE53qlbb4JyJhhkKC8OVYTJHTpu8kSmFTNsVoIgDFo/SEUIMwKHLYRM3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.0.tgz}
+    id: registry.npmjs.org/eslint-plugin-turbo/1.10.0
     name: eslint-plugin-turbo
-    version: 1.8.6
+    version: 1.10.0
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.23.1
+      eslint: registry.npmjs.org/eslint/8.41.0
     dev: true
 
   registry.npmjs.org/eslint-scope/5.1.1:
@@ -4546,104 +3727,34 @@ packages:
       estraverse: registry.npmjs.org/estraverse/4.3.0
     dev: true
 
-  registry.npmjs.org/eslint-scope/7.1.1:
-    resolution: {integrity: sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.1.1.tgz}
+  registry.npmjs.org/eslint-scope/7.2.0:
+    resolution: {integrity: sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.0.tgz}
     name: eslint-scope
-    version: 7.1.1
+    version: 7.2.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       esrecurse: registry.npmjs.org/esrecurse/4.3.0
       estraverse: registry.npmjs.org/estraverse/5.3.0
     dev: true
 
-  registry.npmjs.org/eslint-utils/3.0.0_eslint@8.23.1:
-    resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz}
-    id: registry.npmjs.org/eslint-utils/3.0.0
-    name: eslint-utils
-    version: 3.0.0
-    engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
-    peerDependencies:
-      eslint: '>=5'
-    dependencies:
-      eslint: registry.npmjs.org/eslint/8.23.1
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/2.1.0
-    dev: true
-
-  registry.npmjs.org/eslint-visitor-keys/2.1.0:
-    resolution: {integrity: sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz}
-    name: eslint-visitor-keys
-    version: 2.1.0
-    engines: {node: '>=10'}
-    dev: true
-
-  registry.npmjs.org/eslint-visitor-keys/3.3.0:
-    resolution: {integrity: sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz}
+  registry.npmjs.org/eslint-visitor-keys/3.4.1:
+    resolution: {integrity: sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz}
     name: eslint-visitor-keys
-    version: 3.3.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
-
-  registry.npmjs.org/eslint/8.23.1:
-    resolution: {integrity: sha512-w7C1IXCc6fNqjpuYd0yPlcTKKmHlHHktRkzmBPZ+7cvNBQuiNjx0xaMTjAJGCafJhQkrFJooREv0CtrVzmHwqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.23.1.tgz}
-    name: eslint
-    version: 8.23.1
+    version: 3.4.1
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
-    dependencies:
-      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc/1.3.2
-      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array/0.10.4
-      '@humanwhocodes/gitignore-to-minimatch': registry.npmjs.org/@humanwhocodes/gitignore-to-minimatch/1.0.2
-      '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer/1.0.1
-      ajv: registry.npmjs.org/ajv/6.12.6
-      chalk: registry.npmjs.org/chalk/4.1.2
-      cross-spawn: registry.npmjs.org/cross-spawn/7.0.3
-      debug: registry.npmjs.org/debug/4.3.4
-      doctrine: registry.npmjs.org/doctrine/3.0.0
-      escape-string-regexp: registry.npmjs.org/escape-string-regexp/4.0.0
-      eslint-scope: registry.npmjs.org/eslint-scope/7.1.1
-      eslint-utils: registry.npmjs.org/eslint-utils/3.0.0_eslint@8.23.1
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
-      espree: registry.npmjs.org/espree/9.4.0
-      esquery: registry.npmjs.org/esquery/1.4.0
-      esutils: registry.npmjs.org/esutils/2.0.3
-      fast-deep-equal: registry.npmjs.org/fast-deep-equal/3.1.3
-      file-entry-cache: registry.npmjs.org/file-entry-cache/6.0.1
-      find-up: registry.npmjs.org/find-up/5.0.0
-      glob-parent: registry.npmjs.org/glob-parent/6.0.2
-      globals: registry.npmjs.org/globals/13.17.0
-      globby: registry.npmjs.org/globby/11.1.0
-      grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
-      ignore: registry.npmjs.org/ignore/5.2.0
-      import-fresh: registry.npmjs.org/import-fresh/3.3.0
-      imurmurhash: registry.npmjs.org/imurmurhash/0.1.4
-      is-glob: registry.npmjs.org/is-glob/4.0.3
-      js-sdsl: registry.npmjs.org/js-sdsl/4.1.4
-      js-yaml: registry.npmjs.org/js-yaml/4.1.0
-      json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify/1.0.1
-      levn: registry.npmjs.org/levn/0.4.1
-      lodash.merge: registry.npmjs.org/lodash.merge/4.6.2
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-      natural-compare: registry.npmjs.org/natural-compare/1.4.0
-      optionator: registry.npmjs.org/optionator/0.9.1
-      regexpp: registry.npmjs.org/regexpp/3.2.0
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
-      strip-json-comments: registry.npmjs.org/strip-json-comments/3.1.1
-      text-table: registry.npmjs.org/text-table/0.2.0
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
-  registry.npmjs.org/eslint/8.36.0:
-    resolution: {integrity: sha512-Y956lmS7vDqomxlaaQAHVmeb4tNMp2FWIvU/RnU5BD3IKMD/MJPr76xdyr68P8tV1iNMvN2mRK0yy3c+UjL+bw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.36.0.tgz}
+  registry.npmjs.org/eslint/8.41.0:
+    resolution: {integrity: sha512-WQDQpzGBOP5IrXPo4Hc0814r4/v2rrIsB0rhT7jtunIalgg6gYXWhRMOejVO8yH21T/FGaxjmFjBMNqcIlmH1Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.41.0.tgz}
     name: eslint
-    version: 8.36.0
+    version: 8.41.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.2.0_eslint@8.36.0
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.4.0
-      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc/2.0.1
-      '@eslint/js': registry.npmjs.org/@eslint/js/8.36.0
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.41.0
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
+      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc/2.0.3
+      '@eslint/js': registry.npmjs.org/@eslint/js/8.41.0
       '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array/0.11.8
       '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer/1.0.1
       '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk/1.2.8
@@ -4653,9 +3764,9 @@ packages:
       debug: registry.npmjs.org/debug/4.3.4
       doctrine: registry.npmjs.org/doctrine/3.0.0
       escape-string-regexp: registry.npmjs.org/escape-string-regexp/4.0.0
-      eslint-scope: registry.npmjs.org/eslint-scope/7.1.1
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
-      espree: registry.npmjs.org/espree/9.5.0
+      eslint-scope: registry.npmjs.org/eslint-scope/7.2.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
+      espree: registry.npmjs.org/espree/9.5.2
       esquery: registry.npmjs.org/esquery/1.5.0
       esutils: registry.npmjs.org/esutils/2.0.3
       fast-deep-equal: registry.npmjs.org/fast-deep-equal/3.1.3
@@ -4663,13 +3774,12 @@ packages:
       find-up: registry.npmjs.org/find-up/5.0.0
       glob-parent: registry.npmjs.org/glob-parent/6.0.2
       globals: registry.npmjs.org/globals/13.20.0
-      grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
+      graphemer: registry.npmjs.org/graphemer/1.4.0
       ignore: registry.npmjs.org/ignore/5.2.4
       import-fresh: registry.npmjs.org/import-fresh/3.3.0
       imurmurhash: registry.npmjs.org/imurmurhash/0.1.4
       is-glob: registry.npmjs.org/is-glob/4.0.3
       is-path-inside: registry.npmjs.org/is-path-inside/3.0.3
-      js-sdsl: registry.npmjs.org/js-sdsl/4.1.4
       js-yaml: registry.npmjs.org/js-yaml/4.1.0
       json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify/1.0.1
       levn: registry.npmjs.org/levn/0.4.1
@@ -4690,26 +3800,15 @@ packages:
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/espree/9.4.0:
-    resolution: {integrity: sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/espree/-/espree-9.4.0.tgz}
-    name: espree
-    version: 9.4.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      acorn: registry.npmjs.org/acorn/8.8.0
-      acorn-jsx: registry.npmjs.org/acorn-jsx/5.3.2_acorn@8.8.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
-    dev: true
-
-  registry.npmjs.org/espree/9.5.0:
-    resolution: {integrity: sha512-JPbJGhKc47++oo4JkEoTe2wjy4fmMwvFpgJT9cQzmfXKp22Dr6Hf1tdCteLz1h0P3t+mGvWZ+4Uankvh8+c6zw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/espree/-/espree-9.5.0.tgz}
+  registry.npmjs.org/espree/9.5.2:
+    resolution: {integrity: sha512-7OASN1Wma5fum5SrNhFMAMJxOUAbhyfQ8dQ//PJaJbNw0URTPWqIghHWt1MmAANKhHZIYOHruW4Kw4ruUWOdGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/espree/-/espree-9.5.2.tgz}
     name: espree
-    version: 9.5.0
+    version: 9.5.2
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      acorn: registry.npmjs.org/acorn/8.8.0
-      acorn-jsx: registry.npmjs.org/acorn-jsx/5.3.2_acorn@8.8.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.3.0
+      acorn: registry.npmjs.org/acorn/8.8.2
+      acorn-jsx: registry.npmjs.org/acorn-jsx/5.3.2_acorn@8.8.2
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
     dev: true
 
   registry.npmjs.org/esprima/4.0.1:
@@ -4720,15 +3819,6 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/esquery/1.4.0:
-    resolution: {integrity: sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz}
-    name: esquery
-    version: 1.4.0
-    engines: {node: '>=0.10'}
-    dependencies:
-      estraverse: registry.npmjs.org/estraverse/5.3.0
-    dev: true
-
   registry.npmjs.org/esquery/1.5.0:
     resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz}
     name: esquery
@@ -4761,12 +3851,6 @@ packages:
     engines: {node: '>=4.0'}
     dev: true
 
-  registry.npmjs.org/estree-walker/1.0.1:
-    resolution: {integrity: sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz}
-    name: estree-walker
-    version: 1.0.1
-    dev: true
-
   registry.npmjs.org/estree-walker/2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz}
     name: estree-walker
@@ -4794,10 +3878,10 @@ packages:
       through: registry.npmjs.org/through/2.3.8
     dev: true
 
-  registry.npmjs.org/eventemitter2/6.4.8:
-    resolution: {integrity: sha512-pAJurPyD+Nj/pfz8m0usKF1RW0E9gfY4Dfdem2l6jZbqcZlK8SP93qUMCv9V9FgOn+GSZEW6qeaglpf/vQ9D5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.8.tgz}
+  registry.npmjs.org/eventemitter2/6.4.7:
+    resolution: {integrity: sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.7.tgz}
     name: eventemitter2
-    version: 6.4.8
+    version: 6.4.7
     dev: true
 
   registry.npmjs.org/execa/4.1.0:
@@ -4890,22 +3974,16 @@ packages:
     engines: {'0': node >=0.6.0}
     dev: true
 
-  registry.npmjs.org/fast-deep-equal/2.0.1:
-    resolution: {integrity: sha512-bCK/2Z4zLidyB4ReuIsvALH6w31YfAQDmXMqMx6FyfHqvBxtjC0eRumeSu4Bs3XtXwpyIywtSTrVT99BxY1f9w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz}
-    name: fast-deep-equal
-    version: 2.0.1
-    dev: true
-
   registry.npmjs.org/fast-deep-equal/3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz}
     name: fast-deep-equal
     version: 3.1.3
     dev: true
 
-  registry.npmjs.org/fast-diff/1.2.0:
-    resolution: {integrity: sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz}
+  registry.npmjs.org/fast-diff/1.3.0:
+    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz}
     name: fast-diff
-    version: 1.2.0
+    version: 1.3.0
     dev: true
 
   registry.npmjs.org/fast-glob/3.2.12:
@@ -5021,11 +4099,11 @@ packages:
     version: 3.2.7
     dev: true
 
-  registry.npmjs.org/follow-redirects/1.15.1_debug@4.3.2:
-    resolution: {integrity: sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.1.tgz}
-    id: registry.npmjs.org/follow-redirects/1.15.1
+  registry.npmjs.org/follow-redirects/1.15.2_debug@4.3.4:
+    resolution: {integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz}
+    id: registry.npmjs.org/follow-redirects/1.15.2
     name: follow-redirects
-    version: 1.15.1
+    version: 1.15.2
     engines: {node: '>=4.0'}
     peerDependencies:
       debug: '*'
@@ -5033,7 +4111,7 @@ packages:
       debug:
         optional: true
     dependencies:
-      debug: registry.npmjs.org/debug/4.3.2
+      debug: registry.npmjs.org/debug/4.3.4
     dev: true
 
   registry.npmjs.org/for-each/0.3.3:
@@ -5061,6 +4139,17 @@ packages:
       mime-types: registry.npmjs.org/mime-types/2.1.35
     dev: true
 
+  registry.npmjs.org/form-data/4.0.0:
+    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz}
+    name: form-data
+    version: 4.0.0
+    engines: {node: '>= 6'}
+    dependencies:
+      asynckit: registry.npmjs.org/asynckit/0.4.0
+      combined-stream: registry.npmjs.org/combined-stream/1.0.8
+      mime-types: registry.npmjs.org/mime-types/2.1.35
+    dev: true
+
   registry.npmjs.org/fraction.js/4.2.0:
     resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz}
     name: fraction.js
@@ -5073,13 +4162,13 @@ packages:
     version: 0.1.7
     dev: true
 
-  registry.npmjs.org/fs-extra/11.1.0:
-    resolution: {integrity: sha512-0rcTq621PD5jM/e0a3EJoGC/1TC5ZBCERW82LQuwfGnCa1V8w7dpYH1yNu+SLb6E5dkeCBzKEyLGlFrnr+dUyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.0.tgz}
+  registry.npmjs.org/fs-extra/11.1.1:
+    resolution: {integrity: sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz}
     name: fs-extra
-    version: 11.1.0
+    version: 11.1.1
     engines: {node: '>=14.14'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.10
+      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
       jsonfile: registry.npmjs.org/jsonfile/6.1.0
       universalify: registry.npmjs.org/universalify/2.0.0
     dev: true
@@ -5090,7 +4179,7 @@ packages:
     version: 7.0.1
     engines: {node: '>=6 <7 || >=8'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.10
+      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
       jsonfile: registry.npmjs.org/jsonfile/4.0.0
       universalify: registry.npmjs.org/universalify/0.1.2
     dev: true
@@ -5101,7 +4190,7 @@ packages:
     version: 8.1.0
     engines: {node: '>=6 <7 || >=8'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.10
+      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
       jsonfile: registry.npmjs.org/jsonfile/4.0.0
       universalify: registry.npmjs.org/universalify/0.1.2
     dev: true
@@ -5113,7 +4202,7 @@ packages:
     engines: {node: '>=10'}
     dependencies:
       at-least-node: registry.npmjs.org/at-least-node/1.0.0
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.10
+      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
       jsonfile: registry.npmjs.org/jsonfile/6.1.0
       universalify: registry.npmjs.org/universalify/2.0.0
     dev: true
@@ -5147,8 +4236,8 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
       functions-have-names: registry.npmjs.org/functions-have-names/1.2.3
     dev: true
 
@@ -5172,13 +4261,14 @@ packages:
     engines: {node: 6.* || 8.* || >= 10.*}
     dev: true
 
-  registry.npmjs.org/get-intrinsic/1.1.3:
-    resolution: {integrity: sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.3.tgz}
+  registry.npmjs.org/get-intrinsic/1.2.1:
+    resolution: {integrity: sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz}
     name: get-intrinsic
-    version: 1.1.3
+    version: 1.2.1
     dependencies:
       function-bind: registry.npmjs.org/function-bind/1.1.1
       has: registry.npmjs.org/has/1.0.3
+      has-proto: registry.npmjs.org/has-proto/1.0.1
       has-symbols: registry.npmjs.org/has-symbols/1.0.3
     dev: true
 
@@ -5212,7 +4302,7 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
     dev: true
 
   registry.npmjs.org/getos/3.2.1:
@@ -5231,24 +4321,6 @@ packages:
       assert-plus: registry.npmjs.org/assert-plus/1.0.0
     dev: true
 
-  registry.npmjs.org/glob-base/0.3.0:
-    resolution: {integrity: sha512-ab1S1g1EbO7YzauaJLkgLp7DZVAqj9M/dvKlTt8DkXA2tiOIcSMrlVI2J1RZyB5iJVccEscjGn+kpOG9788MHA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob-base/-/glob-base-0.3.0.tgz}
-    name: glob-base
-    version: 0.3.0
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      glob-parent: registry.npmjs.org/glob-parent/2.0.0
-      is-glob: registry.npmjs.org/is-glob/2.0.1
-    dev: true
-
-  registry.npmjs.org/glob-parent/2.0.0:
-    resolution: {integrity: sha512-JDYOvfxio/t42HKdxkAYaCiBN7oYiuxykOxKxdaUW5Qn0zaYN3gRQWolrwdnf0shM9/EP0ebuuTmyoXNr1cC5w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz}
-    name: glob-parent
-    version: 2.0.0
-    dependencies:
-      is-glob: registry.npmjs.org/is-glob/2.0.1
-    dev: true
-
   registry.npmjs.org/glob-parent/5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz}
     name: glob-parent
@@ -5280,23 +4352,23 @@ packages:
       path-is-absolute: registry.npmjs.org/path-is-absolute/1.0.1
     dev: true
 
-  registry.npmjs.org/glob/8.0.3:
-    resolution: {integrity: sha512-ull455NHSHI/Y1FqGaaYFaLGkNMMJbavMrEGFXG/PGrg6y7sutWHUHrz6gy6WEBH6akM1M414dWKCNs+IhKdiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-8.0.3.tgz}
+  registry.npmjs.org/glob/8.1.0:
+    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-8.1.0.tgz}
     name: glob
-    version: 8.0.3
+    version: 8.1.0
     engines: {node: '>=12'}
     dependencies:
       fs.realpath: registry.npmjs.org/fs.realpath/1.0.0
       inflight: registry.npmjs.org/inflight/1.0.6
       inherits: registry.npmjs.org/inherits/2.0.4
-      minimatch: registry.npmjs.org/minimatch/5.1.2
+      minimatch: registry.npmjs.org/minimatch/5.1.6
       once: registry.npmjs.org/once/1.4.0
     dev: true
 
-  registry.npmjs.org/global-dirs/3.0.0:
-    resolution: {integrity: sha512-v8ho2DS5RiCjftj1nD9NmnfaOzTdud7RRnVd9kFNOjqZbISlx5DQ+OrTkywgd0dIt7oFCvKetZSHoHcP3sDdiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.0.tgz}
+  registry.npmjs.org/global-dirs/3.0.1:
+    resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.1.tgz}
     name: global-dirs
-    version: 3.0.0
+    version: 3.0.1
     engines: {node: '>=10'}
     dependencies:
       ini: registry.npmjs.org/ini/2.0.0
@@ -5309,15 +4381,6 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/globals/13.17.0:
-    resolution: {integrity: sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globals/-/globals-13.17.0.tgz}
-    name: globals
-    version: 13.17.0
-    engines: {node: '>=8'}
-    dependencies:
-      type-fest: registry.npmjs.org/type-fest/0.20.2
-    dev: true
-
   registry.npmjs.org/globals/13.20.0:
     resolution: {integrity: sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globals/-/globals-13.20.0.tgz}
     name: globals
@@ -5333,7 +4396,7 @@ packages:
     version: 1.0.3
     engines: {node: '>= 0.4'}
     dependencies:
-      define-properties: registry.npmjs.org/define-properties/1.1.4
+      define-properties: registry.npmjs.org/define-properties/1.2.0
     dev: true
 
   registry.npmjs.org/globalyzer/0.1.0:
@@ -5356,10 +4419,10 @@ packages:
       slash: registry.npmjs.org/slash/3.0.0
     dev: true
 
-  registry.npmjs.org/globby/13.1.3:
-    resolution: {integrity: sha512-8krCNHXvlCgHDpegPzleMq07yMYTO2sXKASmZmquEYWEmCx6J5UTRbp5RwMJkTJGtcQ44YpiUYUiN0b9mzy8Bw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globby/-/globby-13.1.3.tgz}
+  registry.npmjs.org/globby/13.1.4:
+    resolution: {integrity: sha512-iui/IiiW+QrJ1X1hKH5qwlMQyv34wJAYwH1vrf8b9kBA4sNiif3gKsMHa+BrdnOpEudWjpotfa7LrTzB1ERS/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globby/-/globby-13.1.4.tgz}
     name: globby
-    version: 13.1.3
+    version: 13.1.4
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       dir-glob: registry.npmjs.org/dir-glob/3.0.1
@@ -5380,13 +4443,13 @@ packages:
     name: gopd
     version: 1.0.1
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
     dev: true
 
-  registry.npmjs.org/graceful-fs/4.2.10:
-    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz}
+  registry.npmjs.org/graceful-fs/4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz}
     name: graceful-fs
-    version: 4.2.10
+    version: 4.2.11
     dev: true
 
   registry.npmjs.org/grapheme-splitter/1.0.4:
@@ -5395,6 +4458,12 @@ packages:
     version: 1.0.4
     dev: true
 
+  registry.npmjs.org/graphemer/1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz}
+    name: graphemer
+    version: 1.4.0
+    dev: true
+
   registry.npmjs.org/graphlib/2.1.8:
     resolution: {integrity: sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/graphlib/-/graphlib-2.1.8.tgz}
     name: graphlib
@@ -5435,7 +4504,7 @@ packages:
     name: has-property-descriptors
     version: 1.0.0
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
     dev: true
 
   registry.npmjs.org/has-proto/1.0.1:
@@ -5470,14 +4539,6 @@ packages:
       function-bind: registry.npmjs.org/function-bind/1.1.1
     dev: true
 
-  registry.npmjs.org/history/5.3.0:
-    resolution: {integrity: sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/history/-/history-5.3.0.tgz}
-    name: history
-    version: 5.3.0
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.19.0
-    dev: false
-
   registry.npmjs.org/hosted-git-info/2.8.9:
     resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz}
     name: hosted-git-info
@@ -5530,21 +4591,6 @@ packages:
     version: 1.2.1
     dev: true
 
-  registry.npmjs.org/ignore-walk/3.0.4:
-    resolution: {integrity: sha512-PY6Ii8o1jMRA1z4F2hRkH/xN59ox43DavKvD3oDpfurRlOJyAHpifIwpbdv1n4jt4ov0jSpw3kQ4GhJnpBL6WQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ignore-walk/-/ignore-walk-3.0.4.tgz}
-    name: ignore-walk
-    version: 3.0.4
-    dependencies:
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-    dev: true
-
-  registry.npmjs.org/ignore/5.2.0:
-    resolution: {integrity: sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz}
-    name: ignore
-    version: 5.2.0
-    engines: {node: '>= 4'}
-    dev: true
-
   registry.npmjs.org/ignore/5.2.4:
     resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz}
     name: ignore
@@ -5568,10 +4614,10 @@ packages:
       resolve-from: registry.npmjs.org/resolve-from/4.0.0
     dev: true
 
-  registry.npmjs.org/import-meta-resolve/2.2.2:
-    resolution: {integrity: sha512-f8KcQ1D80V7RnqVm+/lirO9zkOxjGxhaTC1IPrBGd3MEfNgmNG67tSUO9gTi2F3Blr2Az6g1vocaxzkVnWl9MA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-2.2.2.tgz}
+  registry.npmjs.org/import-meta-resolve/3.0.0:
+    resolution: {integrity: sha512-4IwhLhNNA8yy445rPjD/lWh++7hMDOml2eHtd58eG7h+qK3EryMuuRbsHGPikCoAgIkkDnckKfWSk2iDla/ejg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-3.0.0.tgz}
     name: import-meta-resolve
-    version: 2.2.2
+    version: 3.0.0
     dev: true
 
   registry.npmjs.org/imurmurhash/0.1.4:
@@ -5610,24 +4656,24 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/internal-slot/1.0.4:
-    resolution: {integrity: sha512-tA8URYccNzMo94s5MQZgH8NB/XTa6HsOo0MLfXTKKEnHVVdegzaQoFZ7Jp44bdvLvY2waT5dc+j5ICEswhi7UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.4.tgz}
+  registry.npmjs.org/internal-slot/1.0.5:
+    resolution: {integrity: sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz}
     name: internal-slot
-    version: 1.0.4
+    version: 1.0.5
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
       has: registry.npmjs.org/has/1.0.3
       side-channel: registry.npmjs.org/side-channel/1.0.4
     dev: true
 
-  registry.npmjs.org/is-array-buffer/3.0.1:
-    resolution: {integrity: sha512-ASfLknmY8Xa2XtB4wmbz13Wu202baeA18cJBCeCy0wXUHZF0IPyVEXqKEcd+t2fNSLLL1vC6k7lxZEojNbISXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.1.tgz}
+  registry.npmjs.org/is-array-buffer/3.0.2:
+    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz}
     name: is-array-buffer
-    version: 3.0.1
+    version: 3.0.2
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
       is-typed-array: registry.npmjs.org/is-typed-array/1.1.10
     dev: true
 
@@ -5664,10 +4710,10 @@ packages:
       has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
     dev: true
 
-  registry.npmjs.org/is-builtin-module/3.2.0:
-    resolution: {integrity: sha512-phDA4oSGt7vl1n5tJvTWooWWAsXLY+2xCnxNqvKhGEzujg+A43wPlPOyDg3C8XQHN+6k/JTQWJ/j0dQh/qr+Hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.0.tgz}
+  registry.npmjs.org/is-builtin-module/3.2.1:
+    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz}
     name: is-builtin-module
-    version: 3.2.0
+    version: 3.2.1
     engines: {node: '>=6'}
     dependencies:
       builtin-modules: registry.npmjs.org/builtin-modules/3.3.0
@@ -5680,28 +4726,19 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/is-ci/2.0.0:
-    resolution: {integrity: sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz}
-    name: is-ci
-    version: 2.0.0
-    hasBin: true
-    dependencies:
-      ci-info: registry.npmjs.org/ci-info/2.0.0
-    dev: true
-
   registry.npmjs.org/is-ci/3.0.1:
     resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-ci/-/is-ci-3.0.1.tgz}
     name: is-ci
     version: 3.0.1
     hasBin: true
     dependencies:
-      ci-info: registry.npmjs.org/ci-info/3.4.0
+      ci-info: registry.npmjs.org/ci-info/3.8.0
     dev: true
 
-  registry.npmjs.org/is-core-module/2.11.0:
-    resolution: {integrity: sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-core-module/-/is-core-module-2.11.0.tgz}
+  registry.npmjs.org/is-core-module/2.12.1:
+    resolution: {integrity: sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz}
     name: is-core-module
-    version: 2.11.0
+    version: 2.12.1
     dependencies:
       has: registry.npmjs.org/has/1.0.3
     dev: true
@@ -5715,20 +4752,6 @@ packages:
       has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
     dev: true
 
-  registry.npmjs.org/is-dotfile/1.0.3:
-    resolution: {integrity: sha512-9YclgOGtN/f8zx0Pr4FQYMdibBiTaH3sn52vjYip4ZSf6C4/6RfTEZ+MR4GvKhCxdPh21Bg42/WL55f6KSnKpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-dotfile/-/is-dotfile-1.0.3.tgz}
-    name: is-dotfile
-    version: 1.0.3
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  registry.npmjs.org/is-extglob/1.0.0:
-    resolution: {integrity: sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz}
-    name: is-extglob
-    version: 1.0.0
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   registry.npmjs.org/is-extglob/2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz}
     name: is-extglob
@@ -5743,15 +4766,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/is-glob/2.0.1:
-    resolution: {integrity: sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz}
-    name: is-glob
-    version: 2.0.1
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-extglob: registry.npmjs.org/is-extglob/1.0.0
-    dev: true
-
   registry.npmjs.org/is-glob/4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz}
     name: is-glob
@@ -5767,7 +4781,7 @@ packages:
     version: 0.4.0
     engines: {node: '>=10'}
     dependencies:
-      global-dirs: registry.npmjs.org/global-dirs/3.0.0
+      global-dirs: registry.npmjs.org/global-dirs/3.0.1
       is-path-inside: registry.npmjs.org/is-path-inside/3.0.3
     dev: true
 
@@ -5819,7 +4833,7 @@ packages:
     name: is-reference
     version: 1.2.1
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree/1.0.0
+      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
     dev: true
 
   registry.npmjs.org/is-regex/1.1.4:
@@ -5927,35 +4941,18 @@ packages:
     version: 0.1.2
     dev: true
 
-  registry.npmjs.org/jest-worker/26.6.2:
-    resolution: {integrity: sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jest-worker/-/jest-worker-26.6.2.tgz}
-    name: jest-worker
-    version: 26.6.2
-    engines: {node: '>= 10.13.0'}
-    dependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.7.16
-      merge-stream: registry.npmjs.org/merge-stream/2.0.0
-      supports-color: registry.npmjs.org/supports-color/7.2.0
-    dev: true
-
-  registry.npmjs.org/joi/17.6.0:
-    resolution: {integrity: sha512-OX5dG6DTbcr/kbMFj0KGYxuew69HPcAE3K/sZpEV2nP6e/j/C0HV+HNiBPCASxdx5T7DMoa0s8UeHWMnb6n2zw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/joi/-/joi-17.6.0.tgz}
+  registry.npmjs.org/joi/17.9.2:
+    resolution: {integrity: sha512-Itk/r+V4Dx0V3c7RLFdRh12IOjySm2/WGPMubBT92cQvRfYZhPM2W0hZlctjj72iES8jsRCwp7S/cRmWBnJ4nw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/joi/-/joi-17.9.2.tgz}
     name: joi
-    version: 17.6.0
+    version: 17.9.2
     dependencies:
       '@hapi/hoek': registry.npmjs.org/@hapi/hoek/9.3.0
       '@hapi/topo': registry.npmjs.org/@hapi/topo/5.1.0
       '@sideway/address': registry.npmjs.org/@sideway/address/4.1.4
-      '@sideway/formula': registry.npmjs.org/@sideway/formula/3.0.0
+      '@sideway/formula': registry.npmjs.org/@sideway/formula/3.0.1
       '@sideway/pinpoint': registry.npmjs.org/@sideway/pinpoint/2.0.0
     dev: true
 
-  registry.npmjs.org/js-sdsl/4.1.4:
-    resolution: {integrity: sha512-Y2/yD55y5jteOAmY50JbUZYwk3CP3wnLPEZnlR1w9oKhITrBEtAxwuWKebFf8hMrPMgbYwFoWK/lH2sBkErELw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.1.4.tgz}
-    name: js-sdsl
-    version: 4.1.4
-    dev: true
-
   registry.npmjs.org/js-tokens/4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz}
     name: js-tokens
@@ -6024,14 +5021,6 @@ packages:
     version: 5.0.1
     dev: true
 
-  registry.npmjs.org/json5/2.2.1:
-    resolution: {integrity: sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json5/-/json5-2.2.1.tgz}
-    name: json5
-    version: 2.2.1
-    engines: {node: '>=6'}
-    hasBin: true
-    dev: true
-
   registry.npmjs.org/json5/2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json5/-/json5-2.2.3.tgz}
     name: json5
@@ -6045,7 +5034,7 @@ packages:
     name: jsonfile
     version: 4.0.0
     optionalDependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.10
+      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
     dev: true
 
   registry.npmjs.org/jsonfile/6.1.0:
@@ -6055,7 +5044,7 @@ packages:
     dependencies:
       universalify: registry.npmjs.org/universalify/2.0.0
     optionalDependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.10
+      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
     dev: true
 
   registry.npmjs.org/jsprim/2.0.2:
@@ -6119,10 +5108,10 @@ packages:
       immediate: registry.npmjs.org/immediate/3.0.6
     dev: false
 
-  registry.npmjs.org/lilconfig/2.0.6:
-    resolution: {integrity: sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.6.tgz}
+  registry.npmjs.org/lilconfig/2.1.0:
+    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz}
     name: lilconfig
-    version: 2.0.6
+    version: 2.1.0
     engines: {node: '>=10'}
     dev: true
 
@@ -6145,12 +5134,12 @@ packages:
         optional: true
     dependencies:
       cli-truncate: registry.npmjs.org/cli-truncate/2.1.0
-      colorette: registry.npmjs.org/colorette/2.0.19
+      colorette: registry.npmjs.org/colorette/2.0.20
       enquirer: registry.npmjs.org/enquirer/2.3.6
       log-update: registry.npmjs.org/log-update/4.0.0
       p-map: registry.npmjs.org/p-map/4.0.0
       rfdc: registry.npmjs.org/rfdc/1.3.0
-      rxjs: registry.npmjs.org/rxjs/7.8.0
+      rxjs: registry.npmjs.org/rxjs/7.8.1
       through: registry.npmjs.org/through/2.3.8
       wrap-ansi: registry.npmjs.org/wrap-ansi/7.0.0
     dev: true
@@ -6161,7 +5150,7 @@ packages:
     version: 0.2.0
     engines: {node: '>=6'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.10
+      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
       js-yaml: registry.npmjs.org/js-yaml/3.14.1
       pify: registry.npmjs.org/pify/4.0.1
       strip-bom: registry.npmjs.org/strip-bom/3.0.0
@@ -6251,7 +5240,7 @@ packages:
     name: lower-case
     version: 2.0.2
     dependencies:
-      tslib: registry.npmjs.org/tslib/2.4.1
+      tslib: registry.npmjs.org/tslib/2.5.2
     dev: true
 
   registry.npmjs.org/lru-cache/4.1.5:
@@ -6280,30 +5269,13 @@ packages:
       yallist: registry.npmjs.org/yallist/4.0.0
     dev: true
 
-  registry.npmjs.org/magic-string/0.25.9:
-    resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz}
-    name: magic-string
-    version: 0.25.9
-    dependencies:
-      sourcemap-codec: registry.npmjs.org/sourcemap-codec/1.4.8
-    dev: true
-
   registry.npmjs.org/magic-string/0.27.0:
     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz}
     name: magic-string
     version: 0.27.0
     engines: {node: '>=12'}
     dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14
-    dev: true
-
-  registry.npmjs.org/magic-string/0.29.0:
-    resolution: {integrity: sha512-WcfidHrDjMY+eLjlU+8OvwREqHwpgCeKVBUpQ3OhYYuvfaYCUgcbuBzappNzZvg/v8onU3oQj+BYpkOJe9Iw4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/magic-string/-/magic-string-0.29.0.tgz}
-    name: magic-string
-    version: 0.29.0
-    engines: {node: '>=12'}
-    dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
     dev: true
 
   registry.npmjs.org/magic-string/0.30.0:
@@ -6312,7 +5284,7 @@ packages:
     version: 0.30.0
     engines: {node: '>=12'}
     dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
     dev: true
 
   registry.npmjs.org/map-obj/1.0.1:
@@ -6343,26 +5315,7 @@ packages:
     dependencies:
       '@types/minimist': registry.npmjs.org/@types/minimist/1.2.2
       camelcase-keys: registry.npmjs.org/camelcase-keys/6.2.2
-      decamelize-keys: registry.npmjs.org/decamelize-keys/1.1.0
-      hard-rejection: registry.npmjs.org/hard-rejection/2.1.0
-      minimist-options: registry.npmjs.org/minimist-options/4.1.0
-      normalize-package-data: registry.npmjs.org/normalize-package-data/2.5.0
-      read-pkg-up: registry.npmjs.org/read-pkg-up/7.0.1
-      redent: registry.npmjs.org/redent/3.0.0
-      trim-newlines: registry.npmjs.org/trim-newlines/3.0.1
-      type-fest: registry.npmjs.org/type-fest/0.13.1
-      yargs-parser: registry.npmjs.org/yargs-parser/18.1.3
-    dev: true
-
-  registry.npmjs.org/meow/7.1.1:
-    resolution: {integrity: sha512-GWHvA5QOcS412WCo8vwKDlTelGLsCGBVevQB5Kva961rmNfun0PCbv5+xta2kUMFJyR8/oWnn7ddeKdosbAPbA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/meow/-/meow-7.1.1.tgz}
-    name: meow
-    version: 7.1.1
-    engines: {node: '>=10'}
-    dependencies:
-      '@types/minimist': registry.npmjs.org/@types/minimist/1.2.2
-      camelcase-keys: registry.npmjs.org/camelcase-keys/6.2.2
-      decamelize-keys: registry.npmjs.org/decamelize-keys/1.1.0
+      decamelize-keys: registry.npmjs.org/decamelize-keys/1.1.1
       hard-rejection: registry.npmjs.org/hard-rejection/2.1.0
       minimist-options: registry.npmjs.org/minimist-options/4.1.0
       normalize-package-data: registry.npmjs.org/normalize-package-data/2.5.0
@@ -6442,10 +5395,10 @@ packages:
       brace-expansion: registry.npmjs.org/brace-expansion/1.1.11
     dev: true
 
-  registry.npmjs.org/minimatch/5.1.2:
-    resolution: {integrity: sha512-bNH9mmM9qsJ2X4r2Nat1B//1dJVcn3+iBLa3IgqJ7EbGaDNepL9QSHOxN4ng33s52VMMhhIfgCYDk3C4ZmlDAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimatch/-/minimatch-5.1.2.tgz}
+  registry.npmjs.org/minimatch/5.1.6:
+    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz}
     name: minimatch
-    version: 5.1.2
+    version: 5.1.6
     engines: {node: '>=10'}
     dependencies:
       brace-expansion: registry.npmjs.org/brace-expansion/2.0.1
@@ -6462,16 +5415,16 @@ packages:
       kind-of: registry.npmjs.org/kind-of/6.0.3
     dev: true
 
-  registry.npmjs.org/minimist/1.2.6:
-    resolution: {integrity: sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz}
+  registry.npmjs.org/minimist/1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz}
     name: minimist
-    version: 1.2.6
+    version: 1.2.8
     dev: true
 
-  registry.npmjs.org/mixme/0.5.4:
-    resolution: {integrity: sha512-3KYa4m4Vlqx98GPdOHghxSdNtTvcP8E0kkaJ5Dlh+h2DRzF7zpuVVcA8B0QpKd11YJeP9QQ7ASkKzOeu195Wzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mixme/-/mixme-0.5.4.tgz}
+  registry.npmjs.org/mixme/0.5.9:
+    resolution: {integrity: sha512-VC5fg6ySUscaWUpI4gxCBTQMH2RdUpNrk+MsbpCYtIvf9SBJdiUey4qE7BXviJsJR4nDQxCZ+3yaYNW3guz/Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mixme/-/mixme-0.5.9.tgz}
     name: mixme
-    version: 0.5.4
+    version: 0.5.9
     engines: {node: '>= 8.0.0'}
     dev: true
 
@@ -6481,7 +5434,7 @@ packages:
     version: 0.5.6
     hasBin: true
     dependencies:
-      minimist: registry.npmjs.org/minimist/1.2.6
+      minimist: registry.npmjs.org/minimist/1.2.8
     dev: true
 
   registry.npmjs.org/mri/1.2.0:
@@ -6510,10 +5463,10 @@ packages:
     version: 2.1.3
     dev: true
 
-  registry.npmjs.org/nanoid/3.3.4:
-    resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz}
+  registry.npmjs.org/nanoid/3.3.6:
+    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz}
     name: nanoid
-    version: 3.3.4
+    version: 3.3.6
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
     dev: true
@@ -6536,13 +5489,13 @@ packages:
     version: 3.0.4
     dependencies:
       lower-case: registry.npmjs.org/lower-case/2.0.2
-      tslib: registry.npmjs.org/tslib/2.4.1
+      tslib: registry.npmjs.org/tslib/2.5.2
     dev: true
 
-  registry.npmjs.org/node-fetch/2.6.7:
-    resolution: {integrity: sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz}
+  registry.npmjs.org/node-fetch/2.6.11:
+    resolution: {integrity: sha512-4I6pdBY1EthSqDmJkiNk3JIT8cswwR9nfeW/cPdUagJYEQG7R95WRH74wpz7ma8Gh/9dI9FP+OU+0E4FvtA55w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.11.tgz}
     name: node-fetch
-    version: 2.6.7
+    version: 2.6.11
     engines: {node: 4.x || >=6.0.0}
     peerDependencies:
       encoding: ^0.1.0
@@ -6553,16 +5506,10 @@ packages:
       whatwg-url: registry.npmjs.org/whatwg-url/5.0.0
     dev: true
 
-  registry.npmjs.org/node-releases/2.0.6:
-    resolution: {integrity: sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz}
-    name: node-releases
-    version: 2.0.6
-    dev: true
-
-  registry.npmjs.org/node-releases/2.0.8:
-    resolution: {integrity: sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-releases/-/node-releases-2.0.8.tgz}
+  registry.npmjs.org/node-releases/2.0.12:
+    resolution: {integrity: sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-releases/-/node-releases-2.0.12.tgz}
     name: node-releases
-    version: 2.0.8
+    version: 2.0.12
     dev: true
 
   registry.npmjs.org/normalize-package-data/2.5.0:
@@ -6571,7 +5518,7 @@ packages:
     version: 2.5.0
     dependencies:
       hosted-git-info: registry.npmjs.org/hosted-git-info/2.8.9
-      resolve: registry.npmjs.org/resolve/1.22.1
+      resolve: registry.npmjs.org/resolve/1.22.2
       semver: registry.npmjs.org/semver/5.7.1
       validate-npm-package-license: registry.npmjs.org/validate-npm-package-license/3.0.4
     dev: true
@@ -6590,33 +5537,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/npm-bundled/1.1.2:
-    resolution: {integrity: sha512-x5DHup0SuyQcmL3s7Rx/YQ8sbw/Hzg0rj48eN0dV7hf5cmQq5PXIeioroH3raV1QC1yh3uTYuMThvEQF3iKgGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.1.2.tgz}
-    name: npm-bundled
-    version: 1.1.2
-    dependencies:
-      npm-normalize-package-bin: registry.npmjs.org/npm-normalize-package-bin/1.0.1
-    dev: true
-
-  registry.npmjs.org/npm-normalize-package-bin/1.0.1:
-    resolution: {integrity: sha512-EPfafl6JL5/rU+ot6P3gRSCpPDW5VmIzX959Ob1+ySFUuuYHWHekXpwdUZcKP5C+DS4GEtdJluwBjnsNDl+fSA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz}
-    name: npm-normalize-package-bin
-    version: 1.0.1
-    dev: true
-
-  registry.npmjs.org/npm-packlist/2.2.2:
-    resolution: {integrity: sha512-Jt01acDvJRhJGthnUJVF/w6gumWOZxO7IkpY/lsX9//zqQgnF7OJaxgQXcerd4uQOLu7W5bkb4mChL9mdfm+Zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/npm-packlist/-/npm-packlist-2.2.2.tgz}
-    name: npm-packlist
-    version: 2.2.2
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      glob: registry.npmjs.org/glob/7.2.3
-      ignore-walk: registry.npmjs.org/ignore-walk/3.0.4
-      npm-bundled: registry.npmjs.org/npm-bundled/1.1.2
-      npm-normalize-package-bin: registry.npmjs.org/npm-normalize-package-bin/1.0.1
-    dev: true
-
   registry.npmjs.org/npm-run-path/4.0.1:
     resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz}
     name: npm-run-path
@@ -6633,10 +5553,10 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/object-inspect/1.12.2:
-    resolution: {integrity: sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.2.tgz}
+  registry.npmjs.org/object-inspect/1.12.3:
+    resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz}
     name: object-inspect
-    version: 1.12.2
+    version: 1.12.3
     dev: true
 
   registry.npmjs.org/object-keys/1.1.1:
@@ -6653,7 +5573,7 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
+      define-properties: registry.npmjs.org/define-properties/1.2.0
       has-symbols: registry.npmjs.org/has-symbols/1.0.3
       object-keys: registry.npmjs.org/object-keys/1.1.1
     dev: true
@@ -6665,8 +5585,8 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
     dev: true
 
   registry.npmjs.org/object.fromentries/2.0.6:
@@ -6676,8 +5596,8 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
     dev: true
 
   registry.npmjs.org/object.hasown/1.1.2:
@@ -6685,8 +5605,8 @@ packages:
     name: object.hasown
     version: 1.1.2
     dependencies:
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
     dev: true
 
   registry.npmjs.org/object.values/1.1.6:
@@ -6696,8 +5616,8 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
     dev: true
 
   registry.npmjs.org/once/1.4.0:
@@ -6827,25 +5747,13 @@ packages:
       callsites: registry.npmjs.org/callsites/3.1.0
     dev: true
 
-  registry.npmjs.org/parse-glob/3.0.4:
-    resolution: {integrity: sha512-FC5TeK0AwXzq3tUBFtH74naWkPQCEWs4K+xMxWZBlKDWu0bVHXGZa+KKqxKidd7xwhdZ19ZNuF2uO1M/r196HA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parse-glob/-/parse-glob-3.0.4.tgz}
-    name: parse-glob
-    version: 3.0.4
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      glob-base: registry.npmjs.org/glob-base/0.3.0
-      is-dotfile: registry.npmjs.org/is-dotfile/1.0.3
-      is-extglob: registry.npmjs.org/is-extglob/1.0.0
-      is-glob: registry.npmjs.org/is-glob/2.0.1
-    dev: true
-
   registry.npmjs.org/parse-json/5.2.0:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz}
     name: parse-json
     version: 5.2.0
     engines: {node: '>=8'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.18.6
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.21.4
       error-ex: registry.npmjs.org/error-ex/1.3.2
       json-parse-even-better-errors: registry.npmjs.org/json-parse-even-better-errors/2.3.1
       lines-and-columns: registry.npmjs.org/lines-and-columns/1.2.4
@@ -6857,7 +5765,7 @@ packages:
     version: 3.1.2
     dependencies:
       no-case: registry.npmjs.org/no-case/3.0.4
-      tslib: registry.npmjs.org/tslib/2.4.1
+      tslib: registry.npmjs.org/tslib/2.5.2
     dev: true
 
   registry.npmjs.org/path-exists/4.0.0:
@@ -6941,13 +5849,6 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/pirates/4.0.5:
-    resolution: {integrity: sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pirates/-/pirates-4.0.5.tgz}
-    name: pirates
-    version: 4.0.5
-    engines: {node: '>= 6'}
-    dev: true
-
   registry.npmjs.org/pkg-dir/4.2.0:
     resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz}
     name: pkg-dir
@@ -6957,7 +5858,7 @@ packages:
       find-up: registry.npmjs.org/find-up/4.1.0
     dev: true
 
-  registry.npmjs.org/postcss-cli/10.1.0_postcss@8.4.21:
+  registry.npmjs.org/postcss-cli/10.1.0_postcss@8.4.24:
     resolution: {integrity: sha512-Zu7PLORkE9YwNdvOeOVKPmWghprOtjFQU3srMUGbdz3pHJiFh7yZ4geiZFMkjMfB0mtTFR3h8RemR62rPkbOPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-cli/-/postcss-cli-10.1.0.tgz}
     id: registry.npmjs.org/postcss-cli/10.1.0
     name: postcss-cli
@@ -6969,22 +5870,22 @@ packages:
     dependencies:
       chokidar: registry.npmjs.org/chokidar/3.5.3
       dependency-graph: registry.npmjs.org/dependency-graph/0.11.0
-      fs-extra: registry.npmjs.org/fs-extra/11.1.0
+      fs-extra: registry.npmjs.org/fs-extra/11.1.1
       get-stdin: registry.npmjs.org/get-stdin/9.0.0
-      globby: registry.npmjs.org/globby/13.1.3
+      globby: registry.npmjs.org/globby/13.1.4
       picocolors: registry.npmjs.org/picocolors/1.0.0
-      postcss: registry.npmjs.org/postcss/8.4.21
-      postcss-load-config: registry.npmjs.org/postcss-load-config/4.0.1_postcss@8.4.21
-      postcss-reporter: registry.npmjs.org/postcss-reporter/7.0.5_postcss@8.4.21
+      postcss: registry.npmjs.org/postcss/8.4.24
+      postcss-load-config: registry.npmjs.org/postcss-load-config/4.0.1_postcss@8.4.24
+      postcss-reporter: registry.npmjs.org/postcss-reporter/7.0.5_postcss@8.4.24
       pretty-hrtime: registry.npmjs.org/pretty-hrtime/1.0.3
       read-cache: registry.npmjs.org/read-cache/1.0.0
-      slash: registry.npmjs.org/slash/5.0.0
-      yargs: registry.npmjs.org/yargs/17.6.2
+      slash: registry.npmjs.org/slash/5.1.0
+      yargs: registry.npmjs.org/yargs/17.7.2
     transitivePeerDependencies:
       - ts-node
     dev: true
 
-  registry.npmjs.org/postcss-combine-duplicated-selectors/10.0.3_postcss@8.4.21:
+  registry.npmjs.org/postcss-combine-duplicated-selectors/10.0.3_postcss@8.4.24:
     resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-combine-duplicated-selectors/-/postcss-combine-duplicated-selectors-10.0.3.tgz}
     id: registry.npmjs.org/postcss-combine-duplicated-selectors/10.0.3
     name: postcss-combine-duplicated-selectors
@@ -6993,11 +5894,11 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      postcss: registry.npmjs.org/postcss/8.4.21
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser/6.0.10
+      postcss: registry.npmjs.org/postcss/8.4.24
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser/6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-import/15.1.0_postcss@8.4.21:
+  registry.npmjs.org/postcss-import/15.1.0_postcss@8.4.24:
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz}
     id: registry.npmjs.org/postcss-import/15.1.0
     name: postcss-import
@@ -7006,13 +5907,13 @@ packages:
     peerDependencies:
       postcss: ^8.0.0
     dependencies:
-      postcss: registry.npmjs.org/postcss/8.4.21
+      postcss: registry.npmjs.org/postcss/8.4.24
       postcss-value-parser: registry.npmjs.org/postcss-value-parser/4.2.0
       read-cache: registry.npmjs.org/read-cache/1.0.0
-      resolve: registry.npmjs.org/resolve/1.22.1
+      resolve: registry.npmjs.org/resolve/1.22.2
     dev: true
 
-  registry.npmjs.org/postcss-load-config/4.0.1_postcss@8.4.21:
+  registry.npmjs.org/postcss-load-config/4.0.1_postcss@8.4.24:
     resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz}
     id: registry.npmjs.org/postcss-load-config/4.0.1
     name: postcss-load-config
@@ -7027,25 +5928,25 @@ packages:
       ts-node:
         optional: true
     dependencies:
-      lilconfig: registry.npmjs.org/lilconfig/2.0.6
-      postcss: registry.npmjs.org/postcss/8.4.21
-      yaml: registry.npmjs.org/yaml/2.2.1
+      lilconfig: registry.npmjs.org/lilconfig/2.1.0
+      postcss: registry.npmjs.org/postcss/8.4.24
+      yaml: registry.npmjs.org/yaml/2.3.1
     dev: true
 
-  registry.npmjs.org/postcss-nested/6.0.0_postcss@8.4.21:
-    resolution: {integrity: sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-nested/6.0.0
+  registry.npmjs.org/postcss-nested/6.0.1_postcss@8.4.24:
+    resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz}
+    id: registry.npmjs.org/postcss-nested/6.0.1
     name: postcss-nested
-    version: 6.0.0
+    version: 6.0.1
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.2.14
     dependencies:
-      postcss: registry.npmjs.org/postcss/8.4.21
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser/6.0.11
+      postcss: registry.npmjs.org/postcss/8.4.24
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser/6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-reporter/7.0.5_postcss@8.4.21:
+  registry.npmjs.org/postcss-reporter/7.0.5_postcss@8.4.24:
     resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-7.0.5.tgz}
     id: registry.npmjs.org/postcss-reporter/7.0.5
     name: postcss-reporter
@@ -7055,24 +5956,14 @@ packages:
       postcss: ^8.1.0
     dependencies:
       picocolors: registry.npmjs.org/picocolors/1.0.0
-      postcss: registry.npmjs.org/postcss/8.4.21
+      postcss: registry.npmjs.org/postcss/8.4.24
       thenby: registry.npmjs.org/thenby/1.3.4
     dev: true
 
-  registry.npmjs.org/postcss-selector-parser/6.0.10:
-    resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz}
-    name: postcss-selector-parser
-    version: 6.0.10
-    engines: {node: '>=4'}
-    dependencies:
-      cssesc: registry.npmjs.org/cssesc/3.0.0
-      util-deprecate: registry.npmjs.org/util-deprecate/1.0.2
-    dev: true
-
-  registry.npmjs.org/postcss-selector-parser/6.0.11:
-    resolution: {integrity: sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz}
+  registry.npmjs.org/postcss-selector-parser/6.0.13:
+    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz}
     name: postcss-selector-parser
-    version: 6.0.11
+    version: 6.0.13
     engines: {node: '>=4'}
     dependencies:
       cssesc: registry.npmjs.org/cssesc/3.0.0
@@ -7085,13 +5976,13 @@ packages:
     version: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss/8.4.21:
-    resolution: {integrity: sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz}
+  registry.npmjs.org/postcss/8.4.24:
+    resolution: {integrity: sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz}
     name: postcss
-    version: 8.4.21
+    version: 8.4.24
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
-      nanoid: registry.npmjs.org/nanoid/3.3.4
+      nanoid: registry.npmjs.org/nanoid/3.3.6
       picocolors: registry.npmjs.org/picocolors/1.0.0
       source-map-js: registry.npmjs.org/source-map-js/1.0.2
     dev: true
@@ -7121,34 +6012,26 @@ packages:
     version: 1.0.0
     engines: {node: '>=6.0.0'}
     dependencies:
-      fast-diff: registry.npmjs.org/fast-diff/1.2.0
+      fast-diff: registry.npmjs.org/fast-diff/1.3.0
     dev: true
 
-  registry.npmjs.org/prettier-plugin-svelte/2.10.0_5ir2xprf4ygk6mygilwnltaw3a:
-    resolution: {integrity: sha512-GXMY6t86thctyCvQq+jqElO+MKdB09BkL3hexyGP3Oi8XLKRFaJP1ud/xlWCZ9ZIa2BxHka32zhHfcuU+XsRQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.10.0.tgz}
-    id: registry.npmjs.org/prettier-plugin-svelte/2.10.0
+  registry.npmjs.org/prettier-plugin-svelte/2.10.1_blbg2s7pis747igzn3ilcyh5ou:
+    resolution: {integrity: sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.10.1.tgz}
+    id: registry.npmjs.org/prettier-plugin-svelte/2.10.1
     name: prettier-plugin-svelte
-    version: 2.10.0
+    version: 2.10.1
     peerDependencies:
       prettier: ^1.16.4 || ^2.0.0
-      svelte: ^3.2.0
+      svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
-      prettier: registry.npmjs.org/prettier/2.8.7
-      svelte: registry.npmjs.org/svelte/3.57.0
-    dev: true
-
-  registry.npmjs.org/prettier/2.7.1:
-    resolution: {integrity: sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz}
-    name: prettier
-    version: 2.7.1
-    engines: {node: '>=10.13.0'}
-    hasBin: true
+      prettier: registry.npmjs.org/prettier/2.8.8
+      svelte: registry.npmjs.org/svelte/3.59.1
     dev: true
 
-  registry.npmjs.org/prettier/2.8.7:
-    resolution: {integrity: sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-2.8.7.tgz}
+  registry.npmjs.org/prettier/2.8.8:
+    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz}
     name: prettier
-    version: 2.8.7
+    version: 2.8.8
     engines: {node: '>=10.13.0'}
     hasBin: true
     dev: true
@@ -7214,18 +6097,20 @@ packages:
       once: registry.npmjs.org/once/1.4.0
     dev: true
 
-  registry.npmjs.org/punycode/2.1.1:
-    resolution: {integrity: sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz}
+  registry.npmjs.org/punycode/2.3.0:
+    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz}
     name: punycode
-    version: 2.1.1
+    version: 2.3.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/qs/6.5.3:
-    resolution: {integrity: sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/qs/-/qs-6.5.3.tgz}
+  registry.npmjs.org/qs/6.10.4:
+    resolution: {integrity: sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/qs/-/qs-6.10.4.tgz}
     name: qs
-    version: 6.5.3
+    version: 6.10.4
     engines: {node: '>=0.6'}
+    dependencies:
+      side-channel: registry.npmjs.org/side-channel/1.0.4
     dev: true
 
   registry.npmjs.org/queue-microtask/1.2.3:
@@ -7241,13 +6126,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/quick-lru/5.1.1:
-    resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz}
-    name: quick-lru
-    version: 5.1.1
-    engines: {node: '>=10'}
-    dev: true
-
   registry.npmjs.org/randombytes/2.1.0:
     resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz}
     name: randombytes
@@ -7281,30 +6159,32 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/react-router-dom/6.3.0_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-uaJj7LKytRxZNQV8+RbzJWnJ8K2nPsOOEuX7aQstlMZKQT0164C+X2w6bnkqU3sjtLvpd5ojrezAyfZ1+0sStw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.3.0.tgz}
-    id: registry.npmjs.org/react-router-dom/6.3.0
+  registry.npmjs.org/react-router-dom/6.11.2_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-JNbKtAeh1VSJQnH6RvBDNhxNwemRj7KxCzc5jb7zvDSKRnPWIFj9pO+eXqjM69gQJ0r46hSz1x4l9y0651DKWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.11.2.tgz}
+    id: registry.npmjs.org/react-router-dom/6.11.2
     name: react-router-dom
-    version: 6.3.0
+    version: 6.11.2
+    engines: {node: '>=14'}
     peerDependencies:
       react: '>=16.8'
       react-dom: '>=16.8'
     dependencies:
-      history: registry.npmjs.org/history/5.3.0
+      '@remix-run/router': registry.npmjs.org/@remix-run/router/1.6.2
       react: registry.npmjs.org/react/18.2.0
       react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
-      react-router: registry.npmjs.org/react-router/6.3.0_react@18.2.0
+      react-router: registry.npmjs.org/react-router/6.11.2_react@18.2.0
     dev: false
 
-  registry.npmjs.org/react-router/6.3.0_react@18.2.0:
-    resolution: {integrity: sha512-7Wh1DzVQ+tlFjkeo+ujvjSqSJmkt1+8JO+T5xklPlgrh70y7ogx75ODRW0ThWhY7S+6yEDks8TYrtQe/aoboBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router/-/react-router-6.3.0.tgz}
-    id: registry.npmjs.org/react-router/6.3.0
+  registry.npmjs.org/react-router/6.11.2_react@18.2.0:
+    resolution: {integrity: sha512-74z9xUSaSX07t3LM+pS6Un0T55ibUE/79CzfZpy5wsPDZaea1F8QkrsiyRnA2YQ7LwE/umaydzXZV80iDCPkMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router/-/react-router-6.11.2.tgz}
+    id: registry.npmjs.org/react-router/6.11.2
     name: react-router
-    version: 6.3.0
+    version: 6.11.2
+    engines: {node: '>=14'}
     peerDependencies:
       react: '>=16.8'
     dependencies:
-      history: registry.npmjs.org/history/5.3.0
+      '@remix-run/router': registry.npmjs.org/@remix-run/router/1.6.2
       react: registry.npmjs.org/react/18.2.0
     dev: false
 
@@ -7353,7 +6233,7 @@ packages:
     version: 1.1.0
     engines: {node: '>=6'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.10
+      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
       js-yaml: registry.npmjs.org/js-yaml/3.14.1
       pify: registry.npmjs.org/pify/4.0.1
       strip-bom: registry.npmjs.org/strip-bom/3.0.0
@@ -7378,29 +6258,23 @@ packages:
       strip-indent: registry.npmjs.org/strip-indent/3.0.0
     dev: true
 
-  registry.npmjs.org/regenerator-runtime/0.13.9:
-    resolution: {integrity: sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz}
+  registry.npmjs.org/regenerator-runtime/0.13.11:
+    resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz}
     name: regenerator-runtime
-    version: 0.13.9
+    version: 0.13.11
+    dev: true
 
-  registry.npmjs.org/regexp.prototype.flags/1.4.3:
-    resolution: {integrity: sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz}
+  registry.npmjs.org/regexp.prototype.flags/1.5.0:
+    resolution: {integrity: sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz}
     name: regexp.prototype.flags
-    version: 1.4.3
+    version: 1.5.0
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
+      define-properties: registry.npmjs.org/define-properties/1.2.0
       functions-have-names: registry.npmjs.org/functions-have-names/1.2.3
     dev: true
 
-  registry.npmjs.org/regexpp/3.2.0:
-    resolution: {integrity: sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz}
-    name: regexpp
-    version: 3.2.0
-    engines: {node: '>=8'}
-    dev: true
-
   registry.npmjs.org/request-progress/3.0.0:
     resolution: {integrity: sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/request-progress/-/request-progress-3.0.0.tgz}
     name: request-progress
@@ -7436,13 +6310,13 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/resolve/1.22.1:
-    resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz}
+  registry.npmjs.org/resolve/1.22.2:
+    resolution: {integrity: sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz}
     name: resolve
-    version: 1.22.1
+    version: 1.22.2
     hasBin: true
     dependencies:
-      is-core-module: registry.npmjs.org/is-core-module/2.11.0
+      is-core-module: registry.npmjs.org/is-core-module/2.12.1
       path-parse: registry.npmjs.org/path-parse/1.0.7
       supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag/1.0.0
     dev: true
@@ -7453,7 +6327,7 @@ packages:
     version: 2.0.0-next.4
     hasBin: true
     dependencies:
-      is-core-module: registry.npmjs.org/is-core-module/2.11.0
+      is-core-module: registry.npmjs.org/is-core-module/2.12.1
       path-parse: registry.npmjs.org/path-parse/1.0.7
       supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag/1.0.0
     dev: true
@@ -7499,7 +6373,7 @@ packages:
       glob: registry.npmjs.org/glob/7.2.3
     dev: true
 
-  registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.20.2:
+  registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.23.0:
     resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup-plugin-peer-deps-external/-/rollup-plugin-peer-deps-external-2.2.4.tgz}
     id: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4
     name: rollup-plugin-peer-deps-external
@@ -7507,23 +6381,13 @@ packages:
     peerDependencies:
       rollup: '*'
     dependencies:
-      rollup: registry.npmjs.org/rollup/3.20.2
-    dev: true
-
-  registry.npmjs.org/rollup/2.79.1:
-    resolution: {integrity: sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz}
-    name: rollup
-    version: 2.79.1
-    engines: {node: '>=10.0.0'}
-    hasBin: true
-    optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents/2.3.2
+      rollup: registry.npmjs.org/rollup/3.23.0
     dev: true
 
-  registry.npmjs.org/rollup/3.20.2:
-    resolution: {integrity: sha512-3zwkBQl7Ai7MFYQE0y1MeQ15+9jsi7XxfrqwTb/9EK8D9C9+//EBR4M+CuA1KODRaNbFez/lWxA5vhEGZp4MUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.20.2.tgz}
+  registry.npmjs.org/rollup/3.23.0:
+    resolution: {integrity: sha512-h31UlwEi7FHihLe1zbk+3Q7z1k/84rb9BSwmBSr/XjOCEaBJ2YyedQDuM0t/kfOS0IxM+vk1/zI9XxYj9V+NJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.23.0.tgz}
     name: rollup
-    version: 3.20.2
+    version: 3.23.0
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
@@ -7538,20 +6402,12 @@ packages:
       queue-microtask: registry.npmjs.org/queue-microtask/1.2.3
     dev: true
 
-  registry.npmjs.org/rxjs/7.5.6:
-    resolution: {integrity: sha512-dnyv2/YsXhnm461G+R/Pe5bWP41Nm6LBXEYWI6eiFP4fiwx6WRI/CD0zbdVAudd9xwLEF2IDcKXLHit0FYjUzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rxjs/-/rxjs-7.5.6.tgz}
-    name: rxjs
-    version: 7.5.6
-    dependencies:
-      tslib: registry.npmjs.org/tslib/2.4.1
-    dev: true
-
-  registry.npmjs.org/rxjs/7.8.0:
-    resolution: {integrity: sha512-F2+gxDshqmIub1KdvZkaEfGDwLNpPvk9Fs6LD/MyQxNgMds/WH9OdDDXOmxUZpME+iSK3rQCctkL0DYyytUqMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rxjs/-/rxjs-7.8.0.tgz}
+  registry.npmjs.org/rxjs/7.8.1:
+    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz}
     name: rxjs
-    version: 7.8.0
+    version: 7.8.1
     dependencies:
-      tslib: registry.npmjs.org/tslib/2.4.1
+      tslib: registry.npmjs.org/tslib/2.5.2
     dev: true
 
   registry.npmjs.org/sade/1.8.1:
@@ -7563,12 +6419,6 @@ packages:
       mri: registry.npmjs.org/mri/1.2.0
     dev: true
 
-  registry.npmjs.org/safe-buffer/5.1.2:
-    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz}
-    name: safe-buffer
-    version: 5.1.2
-    dev: true
-
   registry.npmjs.org/safe-buffer/5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz}
     name: safe-buffer
@@ -7581,7 +6431,7 @@ packages:
     version: 1.0.0
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
       is-regex: registry.npmjs.org/is-regex/1.1.4
     dev: true
 
@@ -7597,7 +6447,7 @@ packages:
     version: 0.5.1
     dependencies:
       es6-promise: registry.npmjs.org/es6-promise/3.3.1
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.10
+      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
       mkdirp: registry.npmjs.org/mkdirp/0.5.6
       rimraf: registry.npmjs.org/rimraf/2.7.1
     dev: true
@@ -7623,30 +6473,20 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/semver/7.3.7:
-    resolution: {integrity: sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.3.7.tgz}
-    name: semver
-    version: 7.3.7
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      lru-cache: registry.npmjs.org/lru-cache/6.0.0
-    dev: true
-
-  registry.npmjs.org/semver/7.3.8:
-    resolution: {integrity: sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.3.8.tgz}
+  registry.npmjs.org/semver/7.5.1:
+    resolution: {integrity: sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.5.1.tgz}
     name: semver
-    version: 7.3.8
+    version: 7.5.1
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
       lru-cache: registry.npmjs.org/lru-cache/6.0.0
     dev: true
 
-  registry.npmjs.org/serialize-javascript/6.0.0:
-    resolution: {integrity: sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz}
+  registry.npmjs.org/serialize-javascript/6.0.1:
+    resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz}
     name: serialize-javascript
-    version: 6.0.0
+    version: 6.0.1
     dependencies:
       randombytes: registry.npmjs.org/randombytes/2.1.0
     dev: true
@@ -7695,10 +6535,10 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/shell-quote/1.7.4:
-    resolution: {integrity: sha512-8o/QEhSSRb1a5i7TFR0iM4G16Z0vYB2OQVs4G3aAFXjn3T6yEx8AZxy1PgDF7I00LZHYA3WxaSYIf5e5sAX8Rw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.4.tgz}
+  registry.npmjs.org/shell-quote/1.8.1:
+    resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz}
     name: shell-quote
-    version: 1.7.4
+    version: 1.8.1
     dev: true
 
   registry.npmjs.org/side-channel/1.0.4:
@@ -7707,8 +6547,8 @@ packages:
     version: 1.0.4
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
-      object-inspect: registry.npmjs.org/object-inspect/1.12.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
+      object-inspect: registry.npmjs.org/object-inspect/1.12.3
     dev: true
 
   registry.npmjs.org/signal-exit/3.0.7:
@@ -7717,15 +6557,15 @@ packages:
     version: 3.0.7
     dev: true
 
-  registry.npmjs.org/sirv/2.0.2:
-    resolution: {integrity: sha512-4Qog6aE29nIjAOKe/wowFTxOdmbEZKb+3tsLljaBRzJwtqto0BChD2zzH0LhgCSXiI+V7X+Y45v14wBZQ1TK3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sirv/-/sirv-2.0.2.tgz}
+  registry.npmjs.org/sirv/2.0.3:
+    resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sirv/-/sirv-2.0.3.tgz}
     name: sirv
-    version: 2.0.2
+    version: 2.0.3
     engines: {node: '>= 10'}
     dependencies:
       '@polka/url': registry.npmjs.org/@polka/url/1.0.0-next.21
       mrmime: registry.npmjs.org/mrmime/1.0.1
-      totalist: registry.npmjs.org/totalist/3.0.0
+      totalist: registry.npmjs.org/totalist/3.0.1
     dev: true
 
   registry.npmjs.org/slash/3.0.0:
@@ -7742,10 +6582,10 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
-  registry.npmjs.org/slash/5.0.0:
-    resolution: {integrity: sha512-n6KkmvKS0623igEVj3FF0OZs1gYYJ0o0Hj939yc1fyxl2xt+xYpLnzJB6xBSqOfV9ZFLEWodBBN/heZJahuIJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slash/-/slash-5.0.0.tgz}
+  registry.npmjs.org/slash/5.1.0:
+    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slash/-/slash-5.1.0.tgz}
     name: slash
-    version: 5.0.0
+    version: 5.1.0
     engines: {node: '>=14.16'}
     dev: true
 
@@ -7778,18 +6618,18 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
     dependencies:
-      array.prototype.flat: registry.npmjs.org/array.prototype.flat/1.3.0
-      breakword: registry.npmjs.org/breakword/1.0.5
+      array.prototype.flat: registry.npmjs.org/array.prototype.flat/1.3.1
+      breakword: registry.npmjs.org/breakword/1.0.6
       grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
       strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
       wcwidth: registry.npmjs.org/wcwidth/1.0.1
       yargs: registry.npmjs.org/yargs/15.4.1
     dev: true
 
-  registry.npmjs.org/smob/0.0.6:
-    resolution: {integrity: sha512-V21+XeNni+tTyiST1MHsa84AQhT1aFZipzPpOFAVB8DkHzwJyjjAmt9bgwnuZiZWnIbMo2duE29wybxv/7HWUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/smob/-/smob-0.0.6.tgz}
+  registry.npmjs.org/smob/1.4.0:
+    resolution: {integrity: sha512-MqR3fVulhjWuRNSMydnTlweu38UhQ0HXM4buStD/S3mc/BzX3CuM9OmhyQpmtYCvoYdl5ris6TI0ZqH355Ymqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/smob/-/smob-1.4.0.tgz}
     name: smob
-    version: 0.0.6
+    version: 1.4.0
     dev: true
 
   registry.npmjs.org/sorcery/0.11.0:
@@ -7798,9 +6638,9 @@ packages:
     version: 0.11.0
     hasBin: true
     dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
       buffer-crc32: registry.npmjs.org/buffer-crc32/0.2.13
-      minimist: registry.npmjs.org/minimist/1.2.6
+      minimist: registry.npmjs.org/minimist/1.2.8
       sander: registry.npmjs.org/sander/0.5.1
     dev: true
 
@@ -7827,13 +6667,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/sourcemap-codec/1.4.8:
-    resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz}
-    name: sourcemap-codec
-    version: 1.4.8
-    deprecated: Please use @jridgewell/sourcemap-codec instead
-    dev: true
-
   registry.npmjs.org/spawn-command/0.0.2-1:
     resolution: {integrity: sha512-n98l9E2RMSJ9ON1AKisHzz7V42VDiBQGY6PB1BwRglz99wpVsSuGzQ+jOi6lFXBGVTCrRpltvjm+/XA+tpeJrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spawn-command/-/spawn-command-0.0.2-1.tgz}
     name: spawn-command
@@ -7849,13 +6682,13 @@ packages:
       signal-exit: registry.npmjs.org/signal-exit/3.0.7
     dev: true
 
-  registry.npmjs.org/spdx-correct/3.1.1:
-    resolution: {integrity: sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz}
+  registry.npmjs.org/spdx-correct/3.2.0:
+    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz}
     name: spdx-correct
-    version: 3.1.1
+    version: 3.2.0
     dependencies:
       spdx-expression-parse: registry.npmjs.org/spdx-expression-parse/3.0.1
-      spdx-license-ids: registry.npmjs.org/spdx-license-ids/3.0.12
+      spdx-license-ids: registry.npmjs.org/spdx-license-ids/3.0.13
     dev: true
 
   registry.npmjs.org/spdx-exceptions/2.3.0:
@@ -7870,13 +6703,13 @@ packages:
     version: 3.0.1
     dependencies:
       spdx-exceptions: registry.npmjs.org/spdx-exceptions/2.3.0
-      spdx-license-ids: registry.npmjs.org/spdx-license-ids/3.0.12
+      spdx-license-ids: registry.npmjs.org/spdx-license-ids/3.0.13
     dev: true
 
-  registry.npmjs.org/spdx-license-ids/3.0.12:
-    resolution: {integrity: sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.12.tgz}
+  registry.npmjs.org/spdx-license-ids/3.0.13:
+    resolution: {integrity: sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz}
     name: spdx-license-ids
-    version: 3.0.12
+    version: 3.0.13
     dev: true
 
   registry.npmjs.org/split/0.3.3:
@@ -7911,20 +6744,21 @@ packages:
       tweetnacl: registry.npmjs.org/tweetnacl/0.14.5
     dev: true
 
-  registry.npmjs.org/start-server-and-test/1.14.0:
-    resolution: {integrity: sha512-on5ELuxO2K0t8EmNj9MtVlFqwBMxfWOhu4U7uZD1xccVpFlOQKR93CSe0u98iQzfNxRyaNTb/CdadbNllplTsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-1.14.0.tgz}
+  registry.npmjs.org/start-server-and-test/1.15.4:
+    resolution: {integrity: sha512-ucQtp5+UCr0m4aHlY+aEV2JSYNTiMZKdSKK/bsIr6AlmwAWDYDnV7uGlWWEtWa7T4XvRI5cPYcPcQgeLqpz+Tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-1.15.4.tgz}
     name: start-server-and-test
-    version: 1.14.0
+    version: 1.15.4
     engines: {node: '>=6'}
     hasBin: true
     dependencies:
+      arg: registry.npmjs.org/arg/5.0.2
       bluebird: registry.npmjs.org/bluebird/3.7.2
       check-more-types: registry.npmjs.org/check-more-types/2.24.0
-      debug: registry.npmjs.org/debug/4.3.2
+      debug: registry.npmjs.org/debug/4.3.4
       execa: registry.npmjs.org/execa/5.1.1
       lazy-ass: registry.npmjs.org/lazy-ass/1.6.0
       ps-tree: registry.npmjs.org/ps-tree/1.2.0
-      wait-on: registry.npmjs.org/wait-on/6.0.0_debug@4.3.2
+      wait-on: registry.npmjs.org/wait-on/7.0.1_debug@4.3.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -7942,7 +6776,7 @@ packages:
     name: stream-transform
     version: 2.1.3
     dependencies:
-      mixme: registry.npmjs.org/mixme/0.5.4
+      mixme: registry.npmjs.org/mixme/0.5.9
     dev: true
 
   registry.npmjs.org/streamsearch/1.1.0:
@@ -7969,23 +6803,34 @@ packages:
     version: 4.0.8
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.1.3
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
       has-symbols: registry.npmjs.org/has-symbols/1.0.3
-      internal-slot: registry.npmjs.org/internal-slot/1.0.4
-      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags/1.4.3
+      internal-slot: registry.npmjs.org/internal-slot/1.0.5
+      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags/1.5.0
       side-channel: registry.npmjs.org/side-channel/1.0.4
     dev: true
 
+  registry.npmjs.org/string.prototype.trim/1.2.7:
+    resolution: {integrity: sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz}
+    name: string.prototype.trim
+    version: 1.2.7
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: registry.npmjs.org/call-bind/1.0.2
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+    dev: true
+
   registry.npmjs.org/string.prototype.trimend/1.0.6:
     resolution: {integrity: sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz}
     name: string.prototype.trimend
     version: 1.0.6
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
     dev: true
 
   registry.npmjs.org/string.prototype.trimstart/1.0.6:
@@ -7994,8 +6839,8 @@ packages:
     version: 1.0.6
     dependencies:
       call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.1.4
-      es-abstract: registry.npmjs.org/es-abstract/1.21.1
+      define-properties: registry.npmjs.org/define-properties/1.2.0
+      es-abstract: registry.npmjs.org/es-abstract/1.21.2
     dev: true
 
   registry.npmjs.org/strip-ansi/6.0.1:
@@ -8071,24 +6916,24 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/svelte-check/3.1.4_svelte@3.57.0:
-    resolution: {integrity: sha512-25Lb46ZS4IK/XpBMe4IBMrtYf23V8alqBX+szXoccb7uM0D2Wqq5rMRzYBONZnFVuU1bQG3R50lyIT5eRewv2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.1.4.tgz}
-    id: registry.npmjs.org/svelte-check/3.1.4
+  registry.npmjs.org/svelte-check/3.4.3_svelte@3.59.1:
+    resolution: {integrity: sha512-O07soQFY3X0VDt+bcGc6D5naz0cLtjwnmNP9JsEBPVyMemFEqUhL2OdLqvkl5H/u8Jwm50EiAU4BPRn5iin/kg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.4.3.tgz}
+    id: registry.npmjs.org/svelte-check/3.4.3
     name: svelte-check
-    version: 3.1.4
+    version: 3.4.3
     hasBin: true
     peerDependencies:
-      svelte: ^3.55.0
+      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0
     dependencies:
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.17
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
       chokidar: registry.npmjs.org/chokidar/3.5.3
       fast-glob: registry.npmjs.org/fast-glob/3.2.12
       import-fresh: registry.npmjs.org/import-fresh/3.3.0
       picocolors: registry.npmjs.org/picocolors/1.0.0
       sade: registry.npmjs.org/sade/1.8.1
-      svelte: registry.npmjs.org/svelte/3.57.0
-      svelte-preprocess: registry.npmjs.org/svelte-preprocess/5.0.3_44zspxpepvug6mo2qrfwkj3taq
-      typescript: registry.npmjs.org/typescript/4.9.4
+      svelte: registry.npmjs.org/svelte/3.59.1
+      svelte-preprocess: registry.npmjs.org/svelte-preprocess/5.0.4_gmmus3lprw664mkdmboocppfke
+      typescript: registry.npmjs.org/typescript/5.0.4
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -8101,23 +6946,23 @@ packages:
       - sugarss
     dev: true
 
-  registry.npmjs.org/svelte-hmr/0.15.1_svelte@3.57.0:
-    resolution: {integrity: sha512-BiKB4RZ8YSwRKCNVdNxK/GfY+r4Kjgp9jCLEy0DuqAKfmQtpL38cQK3afdpjw4sqSs4PLi3jIPJIFp259NkZtA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.1.tgz}
-    id: registry.npmjs.org/svelte-hmr/0.15.1
+  registry.npmjs.org/svelte-hmr/0.15.2_svelte@3.59.1:
+    resolution: {integrity: sha512-q/bAruCvFLwvNbeE1x3n37TYFb3mTBJ6TrCq6p2CoFbSTNhDE9oAtEfpy+wmc9So8AG0Tja+X0/mJzX9tSfvIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.2.tgz}
+    id: registry.npmjs.org/svelte-hmr/0.15.2
     name: svelte-hmr
-    version: 0.15.1
+    version: 0.15.2
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
     peerDependencies:
-      svelte: '>=3.19.0'
+      svelte: ^3.19.0 || ^4.0.0-next.0
     dependencies:
-      svelte: registry.npmjs.org/svelte/3.57.0
+      svelte: registry.npmjs.org/svelte/3.59.1
     dev: true
 
-  registry.npmjs.org/svelte-preprocess/5.0.3_44zspxpepvug6mo2qrfwkj3taq:
-    resolution: {integrity: sha512-GrHF1rusdJVbOZOwgPWtpqmaexkydznKzy5qIC2FabgpFyKN57bjMUUUqPRfbBXK5igiEWn1uO/DXsa2vJ5VHA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.3.tgz}
-    id: registry.npmjs.org/svelte-preprocess/5.0.3
+  registry.npmjs.org/svelte-preprocess/5.0.4_gmmus3lprw664mkdmboocppfke:
+    resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz}
+    id: registry.npmjs.org/svelte-preprocess/5.0.4
     name: svelte-preprocess
-    version: 5.0.3
+    version: 5.0.4
     engines: {node: '>= 14.10.0'}
     requiresBuild: true
     peerDependencies:
@@ -8130,7 +6975,7 @@ packages:
       sass: ^1.26.8
       stylus: ^0.55.0
       sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
-      svelte: ^3.23.0
+      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0
       typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
     peerDependenciesMeta:
       '@babel/core':
@@ -8159,30 +7004,30 @@ packages:
       magic-string: registry.npmjs.org/magic-string/0.27.0
       sorcery: registry.npmjs.org/sorcery/0.11.0
       strip-indent: registry.npmjs.org/strip-indent/3.0.0
-      svelte: registry.npmjs.org/svelte/3.57.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      svelte: registry.npmjs.org/svelte/3.59.1
+      typescript: registry.npmjs.org/typescript/5.0.4
     dev: true
 
-  registry.npmjs.org/svelte/3.57.0:
-    resolution: {integrity: sha512-WMXEvF+RtAaclw0t3bPDTUe19pplMlfyKDsixbHQYgCWi9+O9VN0kXU1OppzrB9gPAvz4NALuoca2LfW2bOjTQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-3.57.0.tgz}
+  registry.npmjs.org/svelte/3.59.1:
+    resolution: {integrity: sha512-pKj8fEBmqf6mq3/NfrB9SLtcJcUvjYSWyePlfCqN9gujLB25RitWK8PvFzlwim6hD/We35KbPlRteuA6rnPGcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-3.59.1.tgz}
     name: svelte
-    version: 3.57.0
+    version: 3.59.1
     engines: {node: '>= 8'}
     dev: true
 
-  registry.npmjs.org/svelte2tsx/0.6.10_44zspxpepvug6mo2qrfwkj3taq:
-    resolution: {integrity: sha512-7CtUexhSHppSpLwVX7yI9OxJp7+esCNTuOF/CaVxWTgWp88QF/2/dCbpND/cTZmBxht5cFFQBwoLXXqFLdYe3Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.10.tgz}
-    id: registry.npmjs.org/svelte2tsx/0.6.10
+  registry.npmjs.org/svelte2tsx/0.6.15_cnumnonbjyr4j6qimrlvyofpny:
+    resolution: {integrity: sha512-+j6RmA3g5pPs1DHa/rdzJjjhZuCfWx0IbNPaR99A2bvOSPPY6BlVkBGU0urI+DGcWHhYEG28Flo942KqlAkpEQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.15.tgz}
+    id: registry.npmjs.org/svelte2tsx/0.6.15
     name: svelte2tsx
-    version: 0.6.10
+    version: 0.6.15
     peerDependencies:
-      svelte: ^3.55
+      svelte: ^3.55 || ^4.0
       typescript: ^4.9.4 || ^5.0.0
     dependencies:
       dedent-js: registry.npmjs.org/dedent-js/1.0.1
       pascal-case: registry.npmjs.org/pascal-case/3.1.2
-      svelte: registry.npmjs.org/svelte/3.57.0
-      typescript: registry.npmjs.org/typescript/4.9.4
+      svelte: registry.npmjs.org/svelte/3.59.1
+      typescript: registry.npmjs.org/typescript/4.9.5
     dev: true
 
   registry.npmjs.org/term-size/2.2.1:
@@ -8192,28 +7037,15 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/terser/5.15.0:
-    resolution: {integrity: sha512-L1BJiXVmheAQQy+as0oF3Pwtlo4s3Wi1X2zNZ2NxOB4wx9bdS9Vk67XQENLFdLYGCK/Z2di53mTj/hBafR+dTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/terser/-/terser-5.15.0.tgz}
-    name: terser
-    version: 5.15.0
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      '@jridgewell/source-map': registry.npmjs.org/@jridgewell/source-map/0.3.2
-      acorn: registry.npmjs.org/acorn/8.8.0
-      commander: registry.npmjs.org/commander/2.20.3
-      source-map-support: registry.npmjs.org/source-map-support/0.5.21
-    dev: true
-
-  registry.npmjs.org/terser/5.16.1:
-    resolution: {integrity: sha512-xvQfyfA1ayT0qdK47zskQgRZeWLoOQ8JQ6mIgRGVNwZKdQMU+5FkCBjmv4QjcrTzyZquRw2FVtlJSRUmMKQslw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/terser/-/terser-5.16.1.tgz}
+  registry.npmjs.org/terser/5.17.6:
+    resolution: {integrity: sha512-V8QHcs8YuyLkLHsJO5ucyff1ykrLVsR4dNnS//L5Y3NiSXpbK1J+WMVUs67eI0KTxs9JtHhgEQpXQVHlHI92DQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/terser/-/terser-5.17.6.tgz}
     name: terser
-    version: 5.16.1
+    version: 5.17.6
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
-      '@jridgewell/source-map': registry.npmjs.org/@jridgewell/source-map/0.3.2
-      acorn: registry.npmjs.org/acorn/8.8.0
+      '@jridgewell/source-map': registry.npmjs.org/@jridgewell/source-map/0.3.3
+      acorn: registry.npmjs.org/acorn/8.8.2
       commander: registry.npmjs.org/commander/2.20.3
       source-map-support: registry.npmjs.org/source-map-support/0.5.21
     dev: true
@@ -8285,10 +7117,10 @@ packages:
       is-number: registry.npmjs.org/is-number/7.0.0
     dev: true
 
-  registry.npmjs.org/totalist/3.0.0:
-    resolution: {integrity: sha512-eM+pCBxXO/njtF7vdFsHuqb+ElbxqtI4r5EAvk6grfAFyJ6IvWlSkfZ5T9ozC6xWw3Fj1fGoSmrl0gUs46JVIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/totalist/-/totalist-3.0.0.tgz}
+  registry.npmjs.org/totalist/3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz}
     name: totalist
-    version: 3.0.0
+    version: 3.0.1
     engines: {node: '>=6'}
     dev: true
 
@@ -8299,7 +7131,7 @@ packages:
     engines: {node: '>=0.8'}
     dependencies:
       psl: registry.npmjs.org/psl/1.9.0
-      punycode: registry.npmjs.org/punycode/2.1.1
+      punycode: registry.npmjs.org/punycode/2.3.0
     dev: true
 
   registry.npmjs.org/tr46/0.0.3:
@@ -8328,13 +7160,13 @@ packages:
     version: 1.14.1
     dev: true
 
-  registry.npmjs.org/tslib/2.4.1:
-    resolution: {integrity: sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-2.4.1.tgz}
+  registry.npmjs.org/tslib/2.5.2:
+    resolution: {integrity: sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz}
     name: tslib
-    version: 2.4.1
+    version: 2.5.2
     dev: true
 
-  registry.npmjs.org/tsutils/3.21.0_typescript@4.9.4:
+  registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5:
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz}
     id: registry.npmjs.org/tsutils/3.21.0
     name: tsutils
@@ -8344,13 +7176,13 @@ packages:
       typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
     dependencies:
       tslib: registry.npmjs.org/tslib/1.14.1
-      typescript: registry.npmjs.org/typescript/4.9.4
+      typescript: registry.npmjs.org/typescript/4.9.5
     dev: true
 
-  registry.npmjs.org/tty-table/4.1.6:
-    resolution: {integrity: sha512-kRj5CBzOrakV4VRRY5kUWbNYvo/FpOsz65DzI5op9P+cHov3+IqPbo1JE1ZnQGkHdZgNFDsrEjrfqqy/Ply9fw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tty-table/-/tty-table-4.1.6.tgz}
+  registry.npmjs.org/tty-table/4.2.1:
+    resolution: {integrity: sha512-xz0uKo+KakCQ+Dxj1D/tKn2FSyreSYWzdkL/BYhgN6oMW808g8QRMuh1atAV9fjTPbWBjfbkKQpI/5rEcnAc7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tty-table/-/tty-table-4.2.1.tgz}
     name: tty-table
-    version: 4.1.6
+    version: 4.2.1
     engines: {node: '>=8.0.0'}
     hasBin: true
     dependencies:
@@ -8360,7 +7192,7 @@ packages:
       smartwrap: registry.npmjs.org/smartwrap/2.0.2
       strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
       wcwidth: registry.npmjs.org/wcwidth/1.0.1
-      yargs: registry.npmjs.org/yargs/17.5.1
+      yargs: registry.npmjs.org/yargs/17.7.2
     dev: true
 
   registry.npmjs.org/tunnel-agent/0.6.0:
@@ -8371,79 +7203,79 @@ packages:
       safe-buffer: registry.npmjs.org/safe-buffer/5.2.1
     dev: true
 
-  registry.npmjs.org/turbo-darwin-64/1.8.6:
-    resolution: {integrity: sha512-VlXkQR0TEBAEyBRsvAXBax+fj1EdPKPliwBaCnRLiDUcA/8wYlKte/Kk6ubmj9E0n7U/B4keCxxHiJZqW/5Rqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.8.6.tgz}
+  registry.npmjs.org/turbo-darwin-64/1.10.0:
+    resolution: {integrity: sha512-N0aVGFtBgOKd7pIdUiKREwnDhNHRIvpMJbmUw04c1AqEoTiKAKT6iuzcCozO5N/gYMVr0hxrXgLal5OLYXtcsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.10.0.tgz}
     name: turbo-darwin-64
-    version: 1.8.6
+    version: 1.10.0
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-darwin-arm64/1.8.6:
-    resolution: {integrity: sha512-w4L2QLj90ex68UXxTPoqtZPl8mWzc6a1RtPjQhoxAWtZf9T2WXi813dCzYEbVUVC09/DOW/VxZRN7sb2r0KP9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.8.6.tgz}
+  registry.npmjs.org/turbo-darwin-arm64/1.10.0:
+    resolution: {integrity: sha512-boXzhaHTS5MsTMv48I/JmYp9/fYplXk5nACUDrqV6nD1hzO5PMn5wNg75ATbpkaMaeuD+hjuobeSxn1p4vpqQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.10.0.tgz}
     name: turbo-darwin-arm64
-    version: 1.8.6
+    version: 1.10.0
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-linux-64/1.8.6:
-    resolution: {integrity: sha512-eV245jefIhMAZskqQKalFwreC5UEdQcuHcBiWcgUk0py76fbwB7+1HfH5cmeJlb3a1sB6f3H0HHmGPmb34feCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.8.6.tgz}
+  registry.npmjs.org/turbo-linux-64/1.10.0:
+    resolution: {integrity: sha512-crKQuS1jrp4vp+Th6EmUqqmAlvYNnzGmwWMLeckmYILrV7zAddu87eJu4hB7V6uV+W1qHZUTw8WXa1w1+8boBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.10.0.tgz}
     name: turbo-linux-64
-    version: 1.8.6
+    version: 1.10.0
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-linux-arm64/1.8.6:
-    resolution: {integrity: sha512-Kiw3nyEvNU6Bpil4zE5FwhasPAOi59R4YdCmjJp0Sen6V9u+/Jij6SWwaoUdATORJLiYQBbhontWBH55B53VDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.8.6.tgz}
+  registry.npmjs.org/turbo-linux-arm64/1.10.0:
+    resolution: {integrity: sha512-Y2fhWe0xepLjl7doIvsJK7mp2h8E+OF6qJsUHRgxFeRWQWi1I6clD2aEQeykHK8Tp+qp8pKFMocj32nFBvuCcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.10.0.tgz}
     name: turbo-linux-arm64
-    version: 1.8.6
+    version: 1.10.0
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-windows-64/1.8.6:
-    resolution: {integrity: sha512-34BkAG9r4nE00xeMeVahaF82h8R6SO+IIOcD60fNr2p+Ch+YcQa+DbEWA/KUj3coUTIiNP5XnRCLRUYADdlxjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.8.6.tgz}
+  registry.npmjs.org/turbo-windows-64/1.10.0:
+    resolution: {integrity: sha512-uh8rEqH6teaHysEMjinwWBqyNwv4IvgSAwbq/OphP8jObstTYHoR+gFPo8RQUSTaBYy4QVszgi5eO5YLvEQqNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.10.0.tgz}
     name: turbo-windows-64
-    version: 1.8.6
+    version: 1.10.0
     cpu: [x64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-windows-arm64/1.8.6:
-    resolution: {integrity: sha512-4jWUaI7Lmonp2I3x81GruiCYd0aQsG/xDOYhuv9+j2yIgB/UHJFz/P8PWp/nziwPtGpRd/AheDlPzzyd9lWoqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.8.6.tgz}
+  registry.npmjs.org/turbo-windows-arm64/1.10.0:
+    resolution: {integrity: sha512-JaVj3iM7qyRD6xYGZLL/Gs4mQKfM1zL0f91AwHZLNkk1CrJ6i5kO4ZjhKkwXSpVOTNKW3sX0Q7dExXj85Vv7UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.10.0.tgz}
     name: turbo-windows-arm64
-    version: 1.8.6
+    version: 1.10.0
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo/1.8.6:
-    resolution: {integrity: sha512-6IOOaa8ytgjnSCTnp3LKAd2uGBZ/Kmx8ZPlI/YMWuKMUqvkXKLbh+w76ApMgMm+faUqti+QujVWovCu2kY6KuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo/-/turbo-1.8.6.tgz}
+  registry.npmjs.org/turbo/1.10.0:
+    resolution: {integrity: sha512-GWxoL2zJduiNaEHz78o74l2jCQEeuUZ3MdpMPz0SpZOvt3nimpvQPNxiyfbqt3U9/V5G375PWKYSbXkVnIbQcA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo/-/turbo-1.10.0.tgz}
     name: turbo
-    version: 1.8.6
+    version: 1.10.0
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      turbo-darwin-64: registry.npmjs.org/turbo-darwin-64/1.8.6
-      turbo-darwin-arm64: registry.npmjs.org/turbo-darwin-arm64/1.8.6
-      turbo-linux-64: registry.npmjs.org/turbo-linux-64/1.8.6
-      turbo-linux-arm64: registry.npmjs.org/turbo-linux-arm64/1.8.6
-      turbo-windows-64: registry.npmjs.org/turbo-windows-64/1.8.6
-      turbo-windows-arm64: registry.npmjs.org/turbo-windows-arm64/1.8.6
+      turbo-darwin-64: registry.npmjs.org/turbo-darwin-64/1.10.0
+      turbo-darwin-arm64: registry.npmjs.org/turbo-darwin-arm64/1.10.0
+      turbo-linux-64: registry.npmjs.org/turbo-linux-64/1.10.0
+      turbo-linux-arm64: registry.npmjs.org/turbo-linux-arm64/1.10.0
+      turbo-windows-64: registry.npmjs.org/turbo-windows-64/1.10.0
+      turbo-windows-arm64: registry.npmjs.org/turbo-windows-arm64/1.10.0
     dev: true
 
   registry.npmjs.org/tweetnacl/0.14.5:
@@ -8506,14 +7338,22 @@ packages:
       is-typed-array: registry.npmjs.org/is-typed-array/1.1.10
     dev: true
 
-  registry.npmjs.org/typescript/4.9.4:
-    resolution: {integrity: sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-4.9.4.tgz}
+  registry.npmjs.org/typescript/4.9.5:
+    resolution: {integrity: sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz}
     name: typescript
-    version: 4.9.4
+    version: 4.9.5
     engines: {node: '>=4.2.0'}
     hasBin: true
     dev: true
 
+  registry.npmjs.org/typescript/5.0.4:
+    resolution: {integrity: sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz}
+    name: typescript
+    version: 5.0.4
+    engines: {node: '>=12.20'}
+    hasBin: true
+    dev: true
+
   registry.npmjs.org/unbox-primitive/1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz}
     name: unbox-primitive
@@ -8525,11 +7365,11 @@ packages:
       which-boxed-primitive: registry.npmjs.org/which-boxed-primitive/1.0.2
     dev: true
 
-  registry.npmjs.org/undici/5.21.0:
-    resolution: {integrity: sha512-HOjK8l6a57b2ZGXOcUsI5NLfoTrfmbOl90ixJDl0AEFG4wgHNDQxtZy15/ZQp7HhjkpaGlp/eneMgtsu1dIlUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici/-/undici-5.21.0.tgz}
+  registry.npmjs.org/undici/5.22.1:
+    resolution: {integrity: sha512-Ji2IJhFXZY0x/0tVBXeQwgPlLWw13GVzpsWPQ3rV50IFMMof2I55PZZxtm4P6iNq+L5znYN9nSTAq0ZyE6lSJw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici/-/undici-5.22.1.tgz}
     name: undici
-    version: 5.21.0
-    engines: {node: '>=12.18'}
+    version: 5.22.1
+    engines: {node: '>=14.0'}
     dependencies:
       busboy: registry.npmjs.org/busboy/1.6.0
     dev: true
@@ -8555,30 +7395,16 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/update-browserslist-db/1.0.10_browserslist@4.21.4:
-    resolution: {integrity: sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz}
-    id: registry.npmjs.org/update-browserslist-db/1.0.10
-    name: update-browserslist-db
-    version: 1.0.10
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
-    dependencies:
-      browserslist: registry.npmjs.org/browserslist/4.21.4
-      escalade: registry.npmjs.org/escalade/3.1.1
-      picocolors: registry.npmjs.org/picocolors/1.0.0
-    dev: true
-
-  registry.npmjs.org/update-browserslist-db/1.0.7_browserslist@4.21.3:
-    resolution: {integrity: sha512-iN/XYesmZ2RmmWAiI4Z5rq0YqSiv0brj9Ce9CfhNE4xIW2h+MFxcgkxIzZ+ShkFPUkjU3gQ+3oypadD3RAMtrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.7.tgz}
-    id: registry.npmjs.org/update-browserslist-db/1.0.7
+  registry.npmjs.org/update-browserslist-db/1.0.11_browserslist@4.21.7:
+    resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz}
+    id: registry.npmjs.org/update-browserslist-db/1.0.11
     name: update-browserslist-db
-    version: 1.0.7
+    version: 1.0.11
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
     dependencies:
-      browserslist: registry.npmjs.org/browserslist/4.21.3
+      browserslist: registry.npmjs.org/browserslist/4.21.7
       escalade: registry.npmjs.org/escalade/3.1.1
       picocolors: registry.npmjs.org/picocolors/1.0.0
     dev: true
@@ -8588,7 +7414,7 @@ packages:
     name: uri-js
     version: 4.4.1
     dependencies:
-      punycode: registry.npmjs.org/punycode/2.1.1
+      punycode: registry.npmjs.org/punycode/2.3.0
     dev: true
 
   registry.npmjs.org/use-sync-external-store/1.2.0:
@@ -8623,18 +7449,12 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/v8-compile-cache/2.3.0:
-    resolution: {integrity: sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz}
-    name: v8-compile-cache
-    version: 2.3.0
-    dev: true
-
   registry.npmjs.org/validate-npm-package-license/3.0.4:
     resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz}
     name: validate-npm-package-license
     version: 3.0.4
     dependencies:
-      spdx-correct: registry.npmjs.org/spdx-correct/3.1.1
+      spdx-correct: registry.npmjs.org/spdx-correct/3.2.0
       spdx-expression-parse: registry.npmjs.org/spdx-expression-parse/3.0.1
     dev: true
 
@@ -8649,45 +7469,10 @@ packages:
       extsprintf: registry.npmjs.org/extsprintf/1.3.0
     dev: true
 
-  registry.npmjs.org/vite/4.0.4:
-    resolution: {integrity: sha512-xevPU7M8FU0i/80DMR+YhgrzR5KS2ORy1B4xcX/cXLsvnUWvfHuqMmVU6N0YiJ4JWGRJJsLCgjEzKjG9/GKoSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.0.4.tgz}
-    name: vite
-    version: 4.0.4
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      esbuild: registry.npmjs.org/esbuild/0.16.16
-      postcss: registry.npmjs.org/postcss/8.4.21
-      resolve: registry.npmjs.org/resolve/1.22.1
-      rollup: registry.npmjs.org/rollup/3.20.2
-    optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents/2.3.2
-    dev: true
-
-  registry.npmjs.org/vite/4.2.1:
-    resolution: {integrity: sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.2.1.tgz}
+  registry.npmjs.org/vite/4.3.9:
+    resolution: {integrity: sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.3.9.tgz}
     name: vite
-    version: 4.2.1
+    version: 4.3.9
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -8711,15 +7496,14 @@ packages:
       terser:
         optional: true
     dependencies:
-      esbuild: registry.npmjs.org/esbuild/0.17.14
-      postcss: registry.npmjs.org/postcss/8.4.21
-      resolve: registry.npmjs.org/resolve/1.22.1
-      rollup: registry.npmjs.org/rollup/3.20.2
+      esbuild: registry.npmjs.org/esbuild/0.17.19
+      postcss: registry.npmjs.org/postcss/8.4.24
+      rollup: registry.npmjs.org/rollup/3.23.0
     optionalDependencies:
       fsevents: registry.npmjs.org/fsevents/2.3.2
     dev: true
 
-  registry.npmjs.org/vitefu/0.2.4_vite@4.2.1:
+  registry.npmjs.org/vitefu/0.2.4_vite@4.3.9:
     resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz}
     id: registry.npmjs.org/vitefu/0.2.4
     name: vitefu
@@ -8730,22 +7514,22 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: registry.npmjs.org/vite/4.2.1
+      vite: registry.npmjs.org/vite/4.3.9
     dev: true
 
-  registry.npmjs.org/wait-on/6.0.0_debug@4.3.2:
-    resolution: {integrity: sha512-tnUJr9p5r+bEYXPUdRseolmz5XqJTTj98JgOsfBn7Oz2dxfE2g3zw1jE+Mo8lopM3j3et/Mq1yW7kKX6qw7RVw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wait-on/-/wait-on-6.0.0.tgz}
-    id: registry.npmjs.org/wait-on/6.0.0
+  registry.npmjs.org/wait-on/7.0.1_debug@4.3.4:
+    resolution: {integrity: sha512-9AnJE9qTjRQOlTZIldAaf/da2eW0eSRSgcqq85mXQja/DW3MriHxkpODDSUEg+Gri/rKEcXUZHe+cevvYItaog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wait-on/-/wait-on-7.0.1.tgz}
+    id: registry.npmjs.org/wait-on/7.0.1
     name: wait-on
-    version: 6.0.0
-    engines: {node: '>=10.0.0'}
+    version: 7.0.1
+    engines: {node: '>=12.0.0'}
     hasBin: true
     dependencies:
-      axios: registry.npmjs.org/axios/0.21.4_debug@4.3.2
-      joi: registry.npmjs.org/joi/17.6.0
+      axios: registry.npmjs.org/axios/0.27.2_debug@4.3.4
+      joi: registry.npmjs.org/joi/17.9.2
       lodash: registry.npmjs.org/lodash/4.17.21
-      minimist: registry.npmjs.org/minimist/1.2.6
-      rxjs: registry.npmjs.org/rxjs/7.5.6
+      minimist: registry.npmjs.org/minimist/1.2.8
+      rxjs: registry.npmjs.org/rxjs/7.8.1
     transitivePeerDependencies:
       - debug
     dev: true
@@ -8755,7 +7539,7 @@ packages:
     name: wcwidth
     version: 1.0.1
     dependencies:
-      defaults: registry.npmjs.org/defaults/1.0.3
+      defaults: registry.npmjs.org/defaults/1.0.4
     dev: true
 
   registry.npmjs.org/webidl-conversions/3.0.1:
@@ -8785,10 +7569,10 @@ packages:
       is-symbol: registry.npmjs.org/is-symbol/1.0.4
     dev: true
 
-  registry.npmjs.org/which-module/2.0.0:
-    resolution: {integrity: sha512-B+enWhmw6cjfVC7kS8Pj9pCrKSc5txArRyaYGe088shv/FGWH+0Rjx/xPgtsWfsUtS27FkP697E4DDhgrgoc0Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz}
+  registry.npmjs.org/which-module/2.0.1:
+    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz}
     name: which-module
-    version: 2.0.0
+    version: 2.0.1
     dev: true
 
   registry.npmjs.org/which-pm/2.0.0:
@@ -8900,10 +7684,10 @@ packages:
     version: 4.0.0
     dev: true
 
-  registry.npmjs.org/yaml/2.2.1:
-    resolution: {integrity: sha512-e0WHiYql7+9wr4cWMx3TVQrNwejKaEe7/rHNmQmqRjazfOP5W8PB6Jpebb5o6fIapbz9o9+2ipcaTM2ZwDI6lw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yaml/-/yaml-2.2.1.tgz}
+  registry.npmjs.org/yaml/2.3.1:
+    resolution: {integrity: sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz}
     name: yaml
-    version: 2.2.1
+    version: 2.3.1
     engines: {node: '>= 14'}
     dev: true
 
@@ -8938,30 +7722,15 @@ packages:
       require-main-filename: registry.npmjs.org/require-main-filename/2.0.0
       set-blocking: registry.npmjs.org/set-blocking/2.0.0
       string-width: registry.npmjs.org/string-width/4.2.3
-      which-module: registry.npmjs.org/which-module/2.0.0
+      which-module: registry.npmjs.org/which-module/2.0.1
       y18n: registry.npmjs.org/y18n/4.0.3
       yargs-parser: registry.npmjs.org/yargs-parser/18.1.3
     dev: true
 
-  registry.npmjs.org/yargs/17.5.1:
-    resolution: {integrity: sha512-t6YAJcxDkNX7NFYiVtKvWUz8l+PaKTLiL63mJYWR2GnHq2gjEWISzsLp9wg3aY36dY1j+gfIEL3pIF+XlJJfbA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs/-/yargs-17.5.1.tgz}
-    name: yargs
-    version: 17.5.1
-    engines: {node: '>=12'}
-    dependencies:
-      cliui: registry.npmjs.org/cliui/7.0.4
-      escalade: registry.npmjs.org/escalade/3.1.1
-      get-caller-file: registry.npmjs.org/get-caller-file/2.0.5
-      require-directory: registry.npmjs.org/require-directory/2.1.1
-      string-width: registry.npmjs.org/string-width/4.2.3
-      y18n: registry.npmjs.org/y18n/5.0.8
-      yargs-parser: registry.npmjs.org/yargs-parser/21.1.1
-    dev: true
-
-  registry.npmjs.org/yargs/17.6.2:
-    resolution: {integrity: sha512-1/9UrdHjDZc0eOU0HxOHoS78C69UD3JRMvzlJ7S79S2nTaWRA/whGCTV8o9e/N/1Va9YIV7Q4sOxD8VV4pCWOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs/-/yargs-17.6.2.tgz}
+  registry.npmjs.org/yargs/17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz}
     name: yargs
-    version: 17.6.2
+    version: 17.7.2
     engines: {node: '>=12'}
     dependencies:
       cliui: registry.npmjs.org/cliui/8.0.1
@@ -8989,10 +7758,10 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/zustand/4.3.1:
-    resolution: {integrity: sha512-EVyo/eLlOTcJm/X5M00rwtbYFXwRVTaRteSvhtbTZUCQFJkNfIyHPiJ6Ke68MSWzcKHpPzvqNH4gC2ZS/sbNqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.3.1.tgz}
+  registry.npmjs.org/zustand/4.3.8:
+    resolution: {integrity: sha512-4h28KCkHg5ii/wcFFJ5Fp+k1J3gJoasaIbppdgZFO4BPJnsNxL0mQXBSFgOgAdCdBj35aDTPvdAJReTMntFPGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.3.8.tgz}
     name: zustand
-    version: 4.3.1
+    version: 4.3.8
     engines: {node: '>=12.7.0'}
     peerDependencies:
       immer: '>=9.0'
@@ -9006,30 +7775,11 @@ packages:
       use-sync-external-store: registry.npmjs.org/use-sync-external-store/1.2.0
     dev: false
 
-  registry.npmjs.org/zustand/4.3.1_react@18.2.0:
-    resolution: {integrity: sha512-EVyo/eLlOTcJm/X5M00rwtbYFXwRVTaRteSvhtbTZUCQFJkNfIyHPiJ6Ke68MSWzcKHpPzvqNH4gC2ZS/sbNqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.3.1.tgz}
-    id: registry.npmjs.org/zustand/4.3.1
-    name: zustand
-    version: 4.3.1
-    engines: {node: '>=12.7.0'}
-    peerDependencies:
-      immer: '>=9.0'
-      react: '>=16.8'
-    peerDependenciesMeta:
-      immer:
-        optional: true
-      react:
-        optional: true
-    dependencies:
-      react: registry.npmjs.org/react/18.2.0
-      use-sync-external-store: registry.npmjs.org/use-sync-external-store/1.2.0_react@18.2.0
-    dev: false
-
-  registry.npmjs.org/zustand/4.3.6_react@18.2.0:
-    resolution: {integrity: sha512-6J5zDxjxLE+yukC2XZWf/IyWVKnXT9b9HUv09VJ/bwGCpKNcaTqp7Ws28Xr8jnbvnZcdRaidztAPsXFBIqufiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.3.6.tgz}
-    id: registry.npmjs.org/zustand/4.3.6
+  registry.npmjs.org/zustand/4.3.8_react@18.2.0:
+    resolution: {integrity: sha512-4h28KCkHg5ii/wcFFJ5Fp+k1J3gJoasaIbppdgZFO4BPJnsNxL0mQXBSFgOgAdCdBj35aDTPvdAJReTMntFPGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.3.8.tgz}
+    id: registry.npmjs.org/zustand/4.3.8
     name: zustand
-    version: 4.3.6
+    version: 4.3.8
     engines: {node: '>=12.7.0'}
     peerDependencies:
       immer: '>=9.0'
diff --git a/tooling/rollup-config/package.json b/tooling/rollup-config/package.json
index 99948d2ca..c24f49bd7 100644
--- a/tooling/rollup-config/package.json
+++ b/tooling/rollup-config/package.json
@@ -7,12 +7,12 @@
   "main": "src/index.js",
   "module": "src/index.js",
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-node-resolve": "^15.1.0",
     "@rollup/plugin-replace": "^5.0.2",
-    "@rollup/plugin-terser": "^0.4.0",
-    "@rollup/plugin-typescript": "^11.0.0",
-    "rollup": "^3.19.1",
+    "@rollup/plugin-terser": "^0.4.3",
+    "@rollup/plugin-typescript": "11.0.0",
+    "rollup": "^3.23.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "typescript": "^4.9.4"
   }

From 45f51e96b119724371b29f1b920b6a8f52c92699 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 5 Jun 2023 00:02:07 +0200
Subject: [PATCH 0072/1093] refactor(store): connection data

---
 examples/vite-app/package.json                |   3 +-
 .../src/examples/EasyConnect/CustomNode.tsx   |   2 +-
 .../src/components/ConnectionLine/index.tsx   |   6 +-
 .../core/src/components/Edges/wrapEdge.tsx    |  42 ++-
 .../core/src/components/Handle/handler.ts     | 205 ------------
 packages/core/src/components/Handle/index.tsx |  52 +--
 packages/core/src/store/index.ts              |  44 +--
 packages/core/src/store/initialState.ts       |   5 +-
 packages/core/src/types/component-props.ts    |   8 +-
 packages/core/src/types/general.ts            |  14 +-
 packages/core/src/types/store.ts              |  25 +-
 .../ConnectionLine/ConnectionLine.svelte      |   2 +-
 .../src/lib/components/Handle/Handle.svelte   |  22 +-
 .../src/lib/components/Handle/handler.ts      | 213 ------------
 .../svelte/src/lib/components/Handle/utils.ts | 194 -----------
 .../svelte/src/lib/container/Pane/Pane.svelte |  19 +-
 .../svelte/src/lib/container/Pane/types.ts    |   3 +
 .../container/SvelteFlow/SvelteFlow.svelte    |   2 +-
 .../src/lib/container/SvelteFlow/types.ts     |  12 +-
 .../svelte/src/lib/store/connection-path.ts   |  19 +-
 packages/svelte/src/lib/store/index.ts        |  12 +-
 .../svelte/src/lib/store/initial-store.ts     |  25 +-
 packages/svelte/src/lib/store/types.ts        |   7 +-
 packages/svelte/src/lib/types/general.ts      |  18 +-
 packages/system/src/types/general.ts          |  26 +-
 packages/system/src/types/handles.ts          |  12 +-
 packages/utils/src/index.ts                   |   1 +
 packages/utils/src/xyhandle/index.ts          | 312 ++++++++++++++++++
 .../Handle => utils/src/xyhandle}/utils.ts    | 101 +-----
 29 files changed, 527 insertions(+), 879 deletions(-)
 delete mode 100644 packages/core/src/components/Handle/handler.ts
 delete mode 100644 packages/svelte/src/lib/components/Handle/handler.ts
 delete mode 100644 packages/svelte/src/lib/components/Handle/utils.ts
 create mode 100644 packages/svelte/src/lib/container/Pane/types.ts
 create mode 100644 packages/utils/src/xyhandle/index.ts
 rename packages/{core/src/components/Handle => utils/src/xyhandle}/utils.ts (50%)

diff --git a/examples/vite-app/package.json b/examples/vite-app/package.json
index ff8d4877d..6226fda01 100644
--- a/examples/vite-app/package.json
+++ b/examples/vite-app/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite --port 3000 --open --host",
+    "dev": "vite --port 3000 --open --host --force",
     "serve": "vite serve --port 3000",
     "build": "vite build",
     "test:dev": "cypress open",
@@ -14,7 +14,6 @@
     "test-e2e": "start-server-and-test 'pnpm serve' http-get://localhost:3000 'pnpm test-e2e-cypress'"
   },
   "dependencies": {
-    "@reactflow/node-resizer": "workspace:*",
     "classcat": "^5.0.3",
     "dagre": "^0.8.5",
     "localforage": "^1.10.0",
diff --git a/examples/vite-app/src/examples/EasyConnect/CustomNode.tsx b/examples/vite-app/src/examples/EasyConnect/CustomNode.tsx
index bd107c93f..3e4893623 100644
--- a/examples/vite-app/src/examples/EasyConnect/CustomNode.tsx
+++ b/examples/vite-app/src/examples/EasyConnect/CustomNode.tsx
@@ -1,6 +1,6 @@
 import { Handle, NodeProps, Position, ReactFlowState, useStore } from 'reactflow';
 
-const connectionNodeIdSelector = (state: ReactFlowState) => state.connectionNodeId;
+const connectionNodeIdSelector = (state: ReactFlowState) => state.connectionStartHandle?.nodeId;
 
 export default function CustomNode({ id }: NodeProps) {
   const connectionNodeId = useStore(connectionNodeIdSelector);
diff --git a/packages/core/src/components/ConnectionLine/index.tsx b/packages/core/src/components/ConnectionLine/index.tsx
index ee3202166..0d083762a 100644
--- a/packages/core/src/components/ConnectionLine/index.tsx
+++ b/packages/core/src/components/ConnectionLine/index.tsx
@@ -43,7 +43,7 @@ const ConnectionLine = ({
     useCallback(
       (s: ReactFlowStore) => ({
         fromNode: s.nodeInternals.get(nodeId),
-        handleId: s.connectionHandleId,
+        handleId: s.connectionStartHandle?.handleId,
         toX: (s.connectionPosition.x - s.transform[0]) / s.transform[2],
         toY: (s.connectionPosition.y - s.transform[1]) / s.transform[2],
         connectionMode: s.connectionMode,
@@ -133,8 +133,8 @@ type ConnectionLineWrapperProps = {
 };
 
 const selector = (s: ReactFlowState) => ({
-  nodeId: s.connectionNodeId,
-  handleType: s.connectionHandleType,
+  nodeId: s.connectionStartHandle?.nodeId,
+  handleType: s.connectionStartHandle?.type,
   nodesConnectable: s.nodesConnectable,
   connectionStatus: s.connectionStatus,
   width: s.width,
diff --git a/packages/core/src/components/Edges/wrapEdge.tsx b/packages/core/src/components/Edges/wrapEdge.tsx
index e14af22a1..1c780a9bd 100644
--- a/packages/core/src/components/Edges/wrapEdge.tsx
+++ b/packages/core/src/components/Edges/wrapEdge.tsx
@@ -1,11 +1,10 @@
 import { memo, useState, useMemo, useRef, type ComponentType, type KeyboardEvent } from 'react';
 import cc from 'classcat';
-import { getMarkerId, elementSelectionKeys } from '@reactflow/utils';
+import { getMarkerId, elementSelectionKeys, XYHandle } from '@reactflow/utils';
 import type { Connection } from '@reactflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
 import { ARIA_EDGE_DESC_KEY } from '../A11yDescriptions';
-import { handlePointerDown } from '../Handle/handler';
 import { EdgeAnchor } from './EdgeAnchor';
 import { getMouseHandler } from './utils';
 import type { EdgeProps, WrapEdgeProps } from '../../types';
@@ -96,7 +95,22 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
         return;
       }
 
-      const { edges, isValidConnection: isValidConnectionStore } = store.getState();
+      const {
+        autoPanOnConnect,
+        domNode,
+        edges,
+        isValidConnection: isValidConnectionStore,
+        connectionMode,
+        connectionRadius,
+        transform,
+        lib,
+        onConnectStart,
+        onConnectEnd,
+        cancelConnection,
+        getNodes,
+        panBy,
+        updateConnection,
+      } = store.getState();
       const nodeId = isSourceHandle ? target : source;
       const handleId = (isSourceHandle ? targetHandleId : sourceHandleId) || null;
       const handleType = isSourceHandle ? 'target' : 'source';
@@ -104,6 +118,7 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
 
       const isTarget = isSourceHandle;
       const edge = edges.find((e) => e.id === id)!;
+      const nodes = getNodes();
 
       setUpdating(true);
       onEdgeUpdateStart?.(event, edge, handleType);
@@ -115,17 +130,26 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
 
       const onConnectEdge = (connection: Connection) => onEdgeUpdate?.(edge, connection);
 
-      handlePointerDown({
-        event,
+      XYHandle.onPointerDown(event.nativeEvent, {
+        autoPanOnConnect,
+        connectionMode,
+        connectionRadius,
+        domNode,
         handleId,
         nodeId,
-        onConnect: onConnectEdge,
+        nodes,
         isTarget,
-        getState: store.getState,
-        setState: store.setState,
-        isValidConnection,
         edgeUpdaterType: handleType,
+        transform,
+        lib,
+        cancelConnection,
+        panBy,
+        isValidConnection,
+        onConnect: onConnectEdge,
+        onConnectStart,
+        onConnectEnd,
         onEdgeUpdateEnd: _onEdgeUpdateEnd,
+        updateConnection,
       });
     };
 
diff --git a/packages/core/src/components/Handle/handler.ts b/packages/core/src/components/Handle/handler.ts
deleted file mode 100644
index 4a5339688..000000000
--- a/packages/core/src/components/Handle/handler.ts
+++ /dev/null
@@ -1,205 +0,0 @@
-import type { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
-import { StoreApi } from 'zustand';
-import {
-  getHostForElement,
-  calcAutoPan,
-  getEventPosition,
-  pointToRendererPoint,
-  rendererPointToPoint,
-} from '@reactflow/utils';
-import type { OnConnect, HandleType, Connection } from '@reactflow/system';
-
-import {
-  ConnectionHandle,
-  getClosestHandle,
-  getConnectionStatus,
-  getHandleLookup,
-  getHandleType,
-  isValidHandle,
-  resetRecentHandle,
-  ValidConnectionFunc,
-} from './utils';
-import type { ReactFlowState } from '../../types';
-
-export function handlePointerDown({
-  event,
-  handleId,
-  nodeId,
-  onConnect,
-  isTarget,
-  getState,
-  setState,
-  isValidConnection,
-  edgeUpdaterType,
-  onEdgeUpdateEnd,
-}: {
-  event: ReactMouseEvent | ReactTouchEvent;
-  handleId: string | null;
-  nodeId: string;
-  onConnect: OnConnect;
-  isTarget: boolean;
-  getState: StoreApi<ReactFlowState>['getState'];
-  setState: StoreApi<ReactFlowState>['setState'];
-  isValidConnection: ValidConnectionFunc;
-  edgeUpdaterType?: HandleType;
-  onEdgeUpdateEnd?: (evt: MouseEvent | TouchEvent) => void;
-}): void {
-  // when react-flow is used inside a shadow root we can't use document
-  const doc = getHostForElement(event.target as HTMLElement);
-  const {
-    connectionMode,
-    domNode,
-    autoPanOnConnect,
-    connectionRadius,
-    onConnectStart,
-    panBy,
-    getNodes,
-    cancelConnection,
-  } = getState();
-  let autoPanId = 0;
-  let closestHandle: ConnectionHandle | null;
-
-  const { x, y } = getEventPosition(event.nativeEvent);
-  const clickedHandle = doc?.elementFromPoint(x, y);
-  const handleType = getHandleType(edgeUpdaterType, clickedHandle);
-  const containerBounds = domNode?.getBoundingClientRect();
-
-  if (!containerBounds || !handleType) {
-    return;
-  }
-
-  let prevActiveHandle: Element;
-  let connectionPosition = getEventPosition(event.nativeEvent, containerBounds);
-  let autoPanStarted = false;
-  let connection: Connection | null = null;
-  let isValid = false;
-  let handleDomNode: Element | null = null;
-
-  const handleLookup = getHandleLookup({
-    nodes: getNodes(),
-    nodeId,
-    handleId,
-    handleType,
-  });
-
-  // when the user is moving the mouse close to the edge of the canvas while connecting we move the canvas
-  const autoPan = (): void => {
-    if (!autoPanOnConnect) {
-      return;
-    }
-    const [xMovement, yMovement] = calcAutoPan(connectionPosition, containerBounds);
-
-    panBy({ x: xMovement, y: yMovement });
-    autoPanId = requestAnimationFrame(autoPan);
-  };
-
-  setState({
-    connectionPosition,
-    connectionStatus: null,
-    // connectionNodeId etc will be removed in the next major in favor of connectionStartHandle
-    connectionNodeId: nodeId,
-    connectionHandleId: handleId,
-    connectionHandleType: handleType,
-    connectionStartHandle: {
-      nodeId,
-      handleId,
-      type: handleType,
-    },
-    connectionEndHandle: null,
-  });
-
-  onConnectStart?.(event, { nodeId, handleId, handleType });
-
-  function onPointerMove(event: MouseEvent | TouchEvent) {
-    const { transform } = getState();
-
-    connectionPosition = getEventPosition(event, containerBounds);
-    closestHandle = getClosestHandle(
-      pointToRendererPoint(connectionPosition, transform, false, [1, 1]),
-      connectionRadius,
-      handleLookup
-    );
-
-    if (!autoPanStarted) {
-      autoPan();
-      autoPanStarted = true;
-    }
-
-    const result = isValidHandle(
-      event,
-      closestHandle,
-      connectionMode,
-      nodeId,
-      handleId,
-      isTarget ? 'target' : 'source',
-      isValidConnection,
-      doc
-    );
-
-    handleDomNode = result.handleDomNode;
-    connection = result.connection;
-    isValid = result.isValid;
-
-    setState({
-      connectionPosition:
-        closestHandle && isValid
-          ? rendererPointToPoint(
-              {
-                x: closestHandle.x,
-                y: closestHandle.y,
-              },
-              transform
-            )
-          : connectionPosition,
-      connectionStatus: getConnectionStatus(!!closestHandle, isValid),
-      connectionEndHandle: result.endHandle,
-    });
-
-    if (!closestHandle && !isValid && !handleDomNode) {
-      return resetRecentHandle(prevActiveHandle);
-    }
-
-    if (connection.source !== connection.target && handleDomNode) {
-      resetRecentHandle(prevActiveHandle);
-      prevActiveHandle = handleDomNode;
-      // @todo: remove the old class names "react-flow__handle-" in the next major version
-      handleDomNode.classList.add('connecting', 'react-flow__handle-connecting');
-      handleDomNode.classList.toggle('valid', isValid);
-      handleDomNode.classList.toggle('react-flow__handle-valid', isValid);
-    }
-  }
-
-  function onPointerUp(event: MouseEvent | TouchEvent) {
-    if ((closestHandle || handleDomNode) && connection && isValid) {
-      onConnect?.(connection);
-    }
-
-    // it's important to get a fresh reference from the store here
-    // in order to get the latest state of onConnectEnd
-    getState().onConnectEnd?.(event);
-
-    if (edgeUpdaterType) {
-      onEdgeUpdateEnd?.(event);
-    }
-
-    resetRecentHandle(prevActiveHandle);
-    cancelConnection();
-    cancelAnimationFrame(autoPanId);
-    autoPanStarted = false;
-    isValid = false;
-    connection = null;
-    handleDomNode = null;
-
-    doc.removeEventListener('mousemove', onPointerMove as EventListener);
-    doc.removeEventListener('mouseup', onPointerUp as EventListener);
-
-    doc.removeEventListener('touchmove', onPointerMove as EventListener);
-    doc.removeEventListener('touchend', onPointerUp as EventListener);
-  }
-
-  doc.addEventListener('mousemove', onPointerMove as EventListener);
-  doc.addEventListener('mouseup', onPointerUp as EventListener);
-
-  doc.addEventListener('touchmove', onPointerMove as EventListener);
-  doc.addEventListener('touchend', onPointerUp as EventListener);
-}
diff --git a/packages/core/src/components/Handle/index.tsx b/packages/core/src/components/Handle/index.tsx
index 0ba6c400a..2c7fe7d84 100644
--- a/packages/core/src/components/Handle/index.tsx
+++ b/packages/core/src/components/Handle/index.tsx
@@ -2,16 +2,12 @@ import { memo, HTMLAttributes, forwardRef, MouseEvent as ReactMouseEvent, TouchE
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
 import { errorMessages, Position, type HandleProps, type Connection, type HandleType } from '@reactflow/system';
-import { getHostForElement, isMouseEvent } from '@reactflow/utils';
+import { XYHandle, getHostForElement, isMouseEvent } from '@reactflow/utils';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
-import { handlePointerDown } from './handler';
 import { addEdge } from '../../utils/';
 import { type ReactFlowState } from '../../types';
-import { isValidHandle } from './utils';
-
-const alwaysValid = () => true;
 
 export type HandleComponentProps = HandleProps & Omit<HTMLAttributes<HTMLDivElement>, 'id'>;
 
@@ -95,15 +91,26 @@ const Handle = forwardRef<HTMLDivElement, HandleComponentProps>(
         isConnectableStart &&
         ((isMouseTriggered && (event as ReactMouseEvent<HTMLDivElement>).button === 0) || !isMouseTriggered)
       ) {
-        handlePointerDown({
-          event,
+        const currentStore = store.getState();
+
+        XYHandle.onPointerDown(event.nativeEvent, {
+          autoPanOnConnect: currentStore.autoPanOnConnect,
+          connectionMode: currentStore.connectionMode,
+          connectionRadius: currentStore.connectionRadius,
+          domNode: currentStore.domNode,
+          nodes: currentStore.getNodes(),
+          transform: currentStore.transform,
+          lib: currentStore.lib,
+          isTarget,
           handleId,
           nodeId,
+          panBy: currentStore.panBy,
+          cancelConnection: currentStore.cancelConnection,
+          onConnectStart: currentStore.onConnectStart,
+          onConnectEnd: currentStore.onConnectEnd,
+          updateConnection: currentStore.updateConnection,
           onConnect: onConnectExtended,
-          isTarget,
-          getState: store.getState,
-          setState: store.setState,
-          isValidConnection: isValidConnection || store.getState().isValidConnection || alwaysValid,
+          isValidConnection: isValidConnection || currentStore.isValidConnection,
         });
       }
 
@@ -121,6 +128,7 @@ const Handle = forwardRef<HTMLDivElement, HandleComponentProps>(
         connectionClickStartHandle,
         connectionMode,
         isValidConnection: isValidConnectionStore,
+        lib,
       } = store.getState();
 
       if (!nodeId || (!connectionClickStartHandle && !isConnectableStart)) {
@@ -128,27 +136,27 @@ const Handle = forwardRef<HTMLDivElement, HandleComponentProps>(
       }
 
       if (!connectionClickStartHandle) {
-        onClickConnectStart?.(event, { nodeId, handleId, handleType: type });
+        onClickConnectStart?.(event.nativeEvent, { nodeId, handleId, handleType: type });
         store.setState({ connectionClickStartHandle: { nodeId, type, handleId } });
         return;
       }
 
       const doc = getHostForElement(event.target as HTMLElement);
-      const isValidConnectionHandler = isValidConnection || isValidConnectionStore || alwaysValid;
-      const { connection, isValid } = isValidHandle(
-        event.nativeEvent,
-        {
+      const isValidConnectionHandler = isValidConnection || isValidConnectionStore;
+      const { connection, isValid } = XYHandle.isValid(event.nativeEvent, {
+        handle: {
           nodeId,
           id: handleId,
           type,
         },
         connectionMode,
-        connectionClickStartHandle.nodeId,
-        connectionClickStartHandle.handleId || null,
-        connectionClickStartHandle.type,
-        isValidConnectionHandler,
-        doc
-      );
+        fromNodeId: connectionClickStartHandle.nodeId,
+        fromHandleId: connectionClickStartHandle.handleId || null,
+        fromType: connectionClickStartHandle.type,
+        isValidConnection: isValidConnectionHandler,
+        doc,
+        lib,
+      });
 
       if (isValid) {
         onConnectExtended(connection);
diff --git a/packages/core/src/store/index.ts b/packages/core/src/store/index.ts
index 2c31ad3d3..6aae84b02 100644
--- a/packages/core/src/store/index.ts
+++ b/packages/core/src/store/index.ts
@@ -1,12 +1,6 @@
 import { createStore } from 'zustand';
 import { clampPosition, getDimensions, fitView, getHandleBounds } from '@reactflow/utils';
-import {
-  internalsSymbol,
-  type NodeDimensionUpdate,
-  type CoordinateExtent,
-  type NodeDragItem,
-  type XYPosition,
-} from '@reactflow/system';
+import { internalsSymbol, type CoordinateExtent } from '@reactflow/system';
 
 import { applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
 import { createNodeInternals, updateAbsoluteNodePositions, updateNodesAndEdgesSelections } from './utils';
@@ -20,7 +14,6 @@ import type {
   NodeSelectionChange,
   NodePositionChange,
   UnselectNodesAndEdgesParams,
-  NodeChange,
 } from '../types';
 
 const createRFStore = () =>
@@ -48,7 +41,7 @@ const createRFStore = () =>
 
       set({ nodeInternals, edges: nextEdges, hasDefaultNodes, hasDefaultEdges });
     },
-    updateNodeDimensions: (updates: NodeDimensionUpdate[]) => {
+    updateNodeDimensions: (updates) => {
       const {
         onNodesChange,
         nodeInternals,
@@ -132,7 +125,7 @@ const createRFStore = () =>
         onNodesChange?.(changes);
       }
     },
-    updateNodePositions: (nodeDragItems: NodeDragItem[] | Node[], positionChanged = true, dragging = false) => {
+    updateNodePositions: (nodeDragItems, positionChanged = true, dragging = false) => {
       const { triggerNodeChanges } = get();
 
       const changes = nodeDragItems.map((node) => {
@@ -153,7 +146,7 @@ const createRFStore = () =>
       triggerNodeChanges(changes);
     },
 
-    triggerNodeChanges: (changes: NodeChange[]) => {
+    triggerNodeChanges: (changes) => {
       const { onNodesChange, nodeInternals, hasDefaultNodes, nodeOrigin, getNodes, elevateNodesOnSelect } = get();
 
       if (changes?.length) {
@@ -167,7 +160,7 @@ const createRFStore = () =>
       }
     },
 
-    addSelectedNodes: (selectedNodeIds: string[]) => {
+    addSelectedNodes: (selectedNodeIds) => {
       const { multiSelectionActive, edges, getNodes } = get();
       let changedNodes: NodeSelectionChange[];
       let changedEdges: EdgeSelectionChange[] | null = null;
@@ -186,7 +179,7 @@ const createRFStore = () =>
         set,
       });
     },
-    addSelectedEdges: (selectedEdgeIds: string[]) => {
+    addSelectedEdges: (selectedEdgeIds) => {
       const { multiSelectionActive, edges, getNodes } = get();
       let changedEdges: EdgeSelectionChange[];
       let changedNodes: NodeSelectionChange[] | null = null;
@@ -225,19 +218,19 @@ const createRFStore = () =>
         set,
       });
     },
-    setMinZoom: (minZoom: number) => {
+    setMinZoom: (minZoom) => {
       const { panZoom, maxZoom } = get();
       panZoom?.setScaleExtent([minZoom, maxZoom]);
 
       set({ minZoom });
     },
-    setMaxZoom: (maxZoom: number) => {
+    setMaxZoom: (maxZoom) => {
       const { panZoom, minZoom } = get();
       panZoom?.setScaleExtent([minZoom, maxZoom]);
 
       set({ maxZoom });
     },
-    setTranslateExtent: (translateExtent: CoordinateExtent) => {
+    setTranslateExtent: (translateExtent) => {
       get().panZoom?.setTranslateExtent(translateExtent);
 
       set({ translateExtent });
@@ -260,7 +253,7 @@ const createRFStore = () =>
         set,
       });
     },
-    setNodeExtent: (nodeExtent: CoordinateExtent) => {
+    setNodeExtent: (nodeExtent) => {
       const { nodeInternals } = get();
 
       nodeInternals.forEach((node) => {
@@ -272,7 +265,7 @@ const createRFStore = () =>
         nodeInternals: new Map(nodeInternals),
       });
     },
-    panBy: (delta: XYPosition): boolean => {
+    panBy: (delta): boolean => {
       const { transform, width, height, panZoom, translateExtent } = get();
 
       if (!panZoom || (!delta.x && !delta.y)) {
@@ -300,13 +293,22 @@ const createRFStore = () =>
     },
     cancelConnection: () =>
       set({
-        connectionNodeId: initialState.connectionNodeId,
-        connectionHandleId: initialState.connectionHandleId,
-        connectionHandleType: initialState.connectionHandleType,
         connectionStatus: initialState.connectionStatus,
         connectionStartHandle: initialState.connectionStartHandle,
         connectionEndHandle: initialState.connectionEndHandle,
       }),
+    updateConnection: (params) => {
+      const { connectionStatus, connectionStartHandle, connectionEndHandle, connectionPosition } = get();
+
+      const currentConnection = {
+        connectionPosition: params.connectionPosition ?? connectionPosition,
+        connectionStatus: params.connectionStatus ?? connectionStatus,
+        connectionStartHandle: params.connectionStartHandle ?? connectionStartHandle,
+        connectionEndHandle: params.connectionEndHandle ?? connectionEndHandle,
+      };
+
+      set(currentConnection);
+    },
     reset: () => set({ ...initialState }),
   }));
 
diff --git a/packages/core/src/store/initialState.ts b/packages/core/src/store/initialState.ts
index 28e0d4654..4a34de55d 100644
--- a/packages/core/src/store/initialState.ts
+++ b/packages/core/src/store/initialState.ts
@@ -22,9 +22,6 @@ const initialState: ReactFlowStore = {
   nodesSelectionActive: false,
   userSelectionActive: false,
   userSelectionRect: null,
-  connectionNodeId: null,
-  connectionHandleId: null,
-  connectionHandleType: 'source',
   connectionPosition: { x: 0, y: 0 },
   connectionStatus: null,
   connectionMode: ConnectionMode.Strict,
@@ -61,6 +58,8 @@ const initialState: ReactFlowStore = {
   connectionRadius: 20,
   onError: devWarn,
   isValidConnection: undefined,
+
+  lib: 'react',
 };
 
 export default initialState;
diff --git a/packages/core/src/types/component-props.ts b/packages/core/src/types/component-props.ts
index f8d05a208..760f13383 100644
--- a/packages/core/src/types/component-props.ts
+++ b/packages/core/src/types/component-props.ts
@@ -3,6 +3,8 @@ import type {
   ConnectionMode,
   ConnectionLineType,
   OnConnect,
+  OnConnectStart,
+  OnConnectEnd,
   CoordinateExtent,
   KeyCode,
   PanOnScrollMode,
@@ -16,6 +18,7 @@ import type {
   HandleType,
   SelectionMode,
   OnError,
+  IsValidConnection,
 } from '@reactflow/system';
 
 import type {
@@ -25,8 +28,6 @@ import type {
   Node,
   Edge,
   ConnectionLineComponent,
-  OnConnectStart,
-  OnConnectEnd,
   OnEdgeUpdateFunc,
   OnInit,
   DefaultEdgeOptions,
@@ -40,7 +41,6 @@ import type {
   SelectionDragHandler,
   EdgeMouseHandler,
 } from '.';
-import { ValidConnectionFunc } from '../components/Handle/utils';
 
 export type ReactFlowProps = HTMLAttributes<HTMLDivElement> & {
   nodes?: Node[];
@@ -148,7 +148,7 @@ export type ReactFlowProps = HTMLAttributes<HTMLDivElement> & {
   autoPanOnConnect?: boolean;
   connectionRadius?: number;
   onError?: OnError;
-  isValidConnection?: ValidConnectionFunc;
+  isValidConnection?: IsValidConnection;
 };
 
 export type ReactFlowRefType = HTMLDivElement;
diff --git a/packages/core/src/types/general.ts b/packages/core/src/types/general.ts
index ec86e7e8a..b8bb015c4 100644
--- a/packages/core/src/types/general.ts
+++ b/packages/core/src/types/general.ts
@@ -1,15 +1,9 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type {
-  MouseEvent as ReactMouseEvent,
-  TouchEvent as ReactTouchEvent,
-  ComponentType,
-  MemoExoticComponent,
-} from 'react';
+import type { ComponentType, MemoExoticComponent } from 'react';
 import {
   FitViewParamsBase,
   FitViewOptionsBase,
   NodeProps,
-  OnConnectStartParams,
   ZoomInOut,
   ZoomTo,
   SetViewport,
@@ -18,7 +12,6 @@ import {
   SetCenter,
   FitBounds,
   Project,
-  Connection,
 } from '@reactflow/system';
 
 import type { NodeChange, EdgeChange, Node, WrapNodeProps, Edge, EdgeProps, WrapEdgeProps, ReactFlowInstance } from '.';
@@ -46,16 +39,11 @@ export type OnSelectionChangeParams = {
 
 export type OnSelectionChangeFunc = (params: OnSelectionChangeParams) => void;
 
-export type OnConnectStart = (event: ReactMouseEvent | ReactTouchEvent, params: OnConnectStartParams) => void;
-export type OnConnectEnd = (event: MouseEvent | TouchEvent) => void;
-
 export type FitViewParams = FitViewParamsBase<Node>;
 export type FitViewOptions = FitViewOptionsBase<Node>;
 export type FitView = (fitViewOptions?: FitViewOptions) => boolean;
 export type OnInit<NodeData = any, EdgeData = any> = (reactFlowInstance: ReactFlowInstance<NodeData, EdgeData>) => void;
 
-export type IsValidConnection = (edge: Edge | Connection) => boolean;
-
 export type ViewportHelperFunctions = {
   zoomIn: ZoomInOut;
   zoomOut: ZoomInOut;
diff --git a/packages/core/src/types/store.ts b/packages/core/src/types/store.ts
index dbd7741d3..a07603293 100644
--- a/packages/core/src/types/store.ts
+++ b/packages/core/src/types/store.ts
@@ -2,7 +2,6 @@ import {
   ConnectionMode,
   type ConnectionStatus,
   type CoordinateExtent,
-  type HandleType,
   type NodeDimensionUpdate,
   type UpdateNodePositions,
   type NodeOrigin,
@@ -16,11 +15,15 @@ import {
   type XYPosition,
   type PanZoomInstance,
   type PanBy,
-  OnNodeDrag,
-  OnSelectionDrag,
-  OnMoveStart,
-  OnMove,
-  OnMoveEnd,
+  type OnConnectStart,
+  type OnConnectEnd,
+  type OnNodeDrag,
+  type OnSelectionDrag,
+  type OnMoveStart,
+  type OnMove,
+  type OnMoveEnd,
+  type IsValidConnection,
+  type UpdateConnection,
 } from '@reactflow/system';
 
 import type {
@@ -30,15 +33,12 @@ import type {
   OnNodesChange,
   OnEdgesChange,
   NodeInternals,
-  OnConnectStart,
-  OnConnectEnd,
   DefaultEdgeOptions,
   FitViewOptions,
   OnNodesDelete,
   OnEdgesDelete,
   OnSelectionChangeFunc,
   UnselectNodesAndEdgesParams,
-  IsValidConnection,
 } from '.';
 
 export type ReactFlowStore = {
@@ -67,9 +67,6 @@ export type ReactFlowStore = {
   userSelectionActive: boolean;
   userSelectionRect: SelectionRect | null;
 
-  connectionNodeId: string | null;
-  connectionHandleId: string | null;
-  connectionHandleType: HandleType | null;
   connectionPosition: XYPosition;
   connectionStatus: ConnectionStatus | null;
   connectionMode: ConnectionMode;
@@ -135,6 +132,8 @@ export type ReactFlowStore = {
   connectionRadius: number;
 
   isValidConnection?: IsValidConnection;
+
+  lib: string;
 };
 
 export type ReactFlowActions = {
@@ -153,6 +152,8 @@ export type ReactFlowActions = {
   setTranslateExtent: (translateExtent: CoordinateExtent) => void;
   setNodeExtent: (nodeExtent: CoordinateExtent) => void;
   cancelConnection: () => void;
+  // @todo can this be reused by system?
+  updateConnection: UpdateConnection;
   reset: () => void;
   triggerNodeChanges: (changes: NodeChange[]) => void;
   panBy: PanBy;
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index d49d24127..770b72415 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -8,7 +8,7 @@
 
 {#if $connectionPath}
   <svg width={$width} height={$height} class="svelte-flow__connectionline">
-    <g class={cc(['svelte-flow__connection', $connection.status])}>
+    <g class={cc(['svelte-flow__connection', $connection.connectionStatus])}>
       <path d={$connectionPath} fill="none" class="svelte-flow__connection-path" />
     </g>
   </svg>
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index d26e98df0..044b387a9 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -2,9 +2,8 @@
   import { getContext, createEventDispatcher } from 'svelte';
   import cc from 'classcat';
   import { Position, type Connection } from '@reactflow/system';
-  import { isMouseEvent } from '@reactflow/utils';
+  import { XYHandle, isMouseEvent } from '@reactflow/utils';
 
-  import { handlePointerDown } from './handler';
   import { useStore } from '$lib/store';
   import type { HandleComponentProps } from '$lib/types';
 
@@ -23,7 +22,8 @@
 
   const handleId = id || null;
   const dispatch = createEventDispatcher();
-
+  
+  const store = useStore();
   const {
     connectionMode,
     domNode,
@@ -31,11 +31,12 @@
     connectionRadius,
     transform,
     isValidConnection,
+    lib,
     addEdge,
     panBy,
     cancelConnection,
     updateConnection,
-  } = useStore();
+  } = store;
 
   function dispatchEvent(eventName: string, params?: Connection) {
     dispatch(eventName, params || { nodeId, handleId, type });
@@ -50,23 +51,22 @@
     const isMouseTriggered = isMouseEvent(event);
 
     if ((isMouseTriggered && event.button === 0) || !isMouseTriggered) {
-      handlePointerDown({
-        event,
+      XYHandle.onPointerDown(event, {
         handleId,
         nodeId,
         isTarget,
         connectionRadius: $connectionRadius,
         domNode: $domNode,
-        nodes,
+        nodes: $nodes,
         connectionMode: $connectionMode,
-        transform,
+        transform: $transform,
+        lib: $lib,
+        autoPanOnConnect: true,
         isValidConnection: $isValidConnection,
-        onConnect: onConnectExtended,
         updateConnection,
         cancelConnection,
         panBy,
-        onConnectStart: () => dispatchEvent('connect:start'),
-        onConnectEnd: () => dispatchEvent('connect:end')
+        onConnect: onConnectExtended,
       });
     }
   }
diff --git a/packages/svelte/src/lib/components/Handle/handler.ts b/packages/svelte/src/lib/components/Handle/handler.ts
deleted file mode 100644
index 0275f3334..000000000
--- a/packages/svelte/src/lib/components/Handle/handler.ts
+++ /dev/null
@@ -1,213 +0,0 @@
-import { get, type Writable } from 'svelte/store';
-import {
-  getHostForElement,
-  calcAutoPan,
-  getEventPosition,
-  pointToRendererPoint,
-  rendererPointToPoint
-} from '@reactflow/utils';
-import type {
-  OnConnect,
-  HandleType,
-  Connection,
-  ConnectionMode,
-  XYPosition,
-  Transform
-} from '@reactflow/system';
-
-import {
-  getClosestHandle,
-  getConnectionStatus,
-  getHandleLookup,
-  getHandleType,
-  isValidHandle,
-  resetRecentHandle,
-  type ConnectionHandle
-} from './utils';
-import type { ConnectionData, IsValidConnection, Node } from '$lib/types';
-
-export function handlePointerDown({
-  event,
-  handleId,
-  nodeId,
-  onConnect,
-  domNode,
-  nodes,
-  connectionMode,
-  connectionRadius,
-  isTarget,
-  transform: transformStore,
-  panBy,
-  updateConnection,
-  cancelConnection,
-  isValidConnection,
-  edgeUpdaterType,
-  onEdgeUpdateEnd,
-  onConnectStart,
-  onConnectEnd
-}: {
-  event: MouseEvent | TouchEvent;
-  handleId: string | null;
-  nodeId: string;
-  onConnect: OnConnect;
-  isTarget: boolean;
-  connectionMode: ConnectionMode;
-  domNode: HTMLDivElement | null;
-  nodes: Writable<Node[]>;
-  connectionRadius: number;
-  isValidConnection: IsValidConnection;
-  transform: Writable<Transform>;
-  updateConnection: (connection: Partial<ConnectionData>) => void;
-  cancelConnection: () => void;
-  panBy: (delta: XYPosition) => void;
-  edgeUpdaterType?: HandleType;
-  onEdgeUpdateEnd?: (evt: MouseEvent | TouchEvent) => void;
-  onConnectStart: () => void;
-  onConnectEnd: () => void;
-}): void {
-  // when svelte-flow is used inside a shadow root we can't use document
-  const doc = getHostForElement(event.target as HTMLElement);
-  let autoPanId = 0;
-  let prevClosestHandle: ConnectionHandle | null;
-
-  const { x, y } = getEventPosition(event);
-  const clickedHandle = doc?.elementFromPoint(x, y);
-  const handleType = getHandleType(edgeUpdaterType, clickedHandle);
-  const containerBounds = domNode?.getBoundingClientRect();
-
-  if (!containerBounds || !handleType) {
-    return;
-  }
-
-  let prevActiveHandle: Element;
-  let connectionPosition = getEventPosition(event, containerBounds);
-  let autoPanStarted = false;
-  let connection: Connection | null = null;
-  let isValid = false;
-  let handleDomNode: Element | null = null;
-
-  const autoPanOnConnect = true;
-
-  const handleLookup = getHandleLookup({
-    nodes: get(nodes),
-    nodeId,
-    handleId,
-    handleType
-  });
-
-  // when the user is moving the mouse close to the edge of the canvas while connecting we move the canvas
-  const autoPan = (): void => {
-    // @todd add prop
-    if (!autoPanOnConnect) {
-      return;
-    }
-    const [xMovement, yMovement] = calcAutoPan(connectionPosition, containerBounds);
-
-    panBy({ x: xMovement, y: yMovement });
-    autoPanId = requestAnimationFrame(autoPan);
-  };
-
-  updateConnection({
-    position: connectionPosition,
-    nodeId,
-    handleId,
-    handleType,
-    status: null
-  });
-
-  // onConnectStart?.(event, { nodeId, handleId, handleType });
-  onConnectStart();
-
-  function onPointerMove(event: MouseEvent | TouchEvent) {
-    const transform = get(transformStore);
-    connectionPosition = getEventPosition(event, containerBounds);
-
-    prevClosestHandle = getClosestHandle(
-      pointToRendererPoint(connectionPosition, transform, false, [1, 1]),
-      connectionRadius,
-      handleLookup
-    );
-
-    if (!autoPanStarted) {
-      autoPan();
-      autoPanStarted = true;
-    }
-
-    const result = isValidHandle(
-      event,
-      prevClosestHandle,
-      connectionMode,
-      nodeId,
-      handleId,
-      isTarget ? 'target' : 'source',
-      isValidConnection,
-      doc,
-      get(nodes)
-    );
-
-    handleDomNode = result.handleDomNode;
-    connection = result.connection;
-    isValid = result.isValid;
-
-    updateConnection({
-      position:
-        prevClosestHandle && isValid
-          ? rendererPointToPoint(
-              {
-                x: prevClosestHandle.x,
-                y: prevClosestHandle.y
-              },
-              transform
-            )
-          : connectionPosition,
-      status: getConnectionStatus(!!prevClosestHandle, isValid)
-    });
-
-    if (!prevClosestHandle && !isValid && !handleDomNode) {
-      return resetRecentHandle(prevActiveHandle);
-    }
-
-    if (connection.source !== connection.target && handleDomNode) {
-      resetRecentHandle(prevActiveHandle);
-      prevActiveHandle = handleDomNode;
-      // @todo: remove the old class names "svelte-flow__handle-" in the next major version
-      handleDomNode.classList.add('connecting');
-      handleDomNode.classList.toggle('valid', isValid);
-    }
-  }
-
-  function onPointerUp(event: MouseEvent | TouchEvent) {
-    if ((prevClosestHandle || handleDomNode) && connection && isValid) {
-      onConnect?.(connection);
-    }
-
-    // it's important to get a fresh reference from the store here
-    // in order to get the latest state of onConnectEnd
-
-    onConnectEnd();
-
-    if (edgeUpdaterType) {
-      onEdgeUpdateEnd?.(event);
-    }
-
-    resetRecentHandle(prevActiveHandle);
-    cancelConnection();
-    cancelAnimationFrame(autoPanId);
-    autoPanStarted = false;
-    isValid = false;
-    connection = null;
-    handleDomNode = null;
-
-    doc.removeEventListener('mousemove', onPointerMove as EventListener);
-    doc.removeEventListener('mouseup', onPointerUp as EventListener);
-
-    doc.removeEventListener('touchmove', onPointerMove as EventListener);
-    doc.removeEventListener('touchend', onPointerUp as EventListener);
-  }
-
-  doc.addEventListener('mousemove', onPointerMove as EventListener);
-  doc.addEventListener('mouseup', onPointerUp as EventListener);
-
-  doc.addEventListener('touchmove', onPointerMove as EventListener);
-  doc.addEventListener('touchend', onPointerUp as EventListener);
-}
diff --git a/packages/svelte/src/lib/components/Handle/utils.ts b/packages/svelte/src/lib/components/Handle/utils.ts
deleted file mode 100644
index 183227182..000000000
--- a/packages/svelte/src/lib/components/Handle/utils.ts
+++ /dev/null
@@ -1,194 +0,0 @@
-import { internalsSymbol, ConnectionMode, type ConnectionStatus } from '@reactflow/system';
-import type { Connection, HandleType, XYPosition, NodeHandleBounds } from '@reactflow/system';
-import { getEventPosition } from '@reactflow/utils';
-
-import type { IsValidConnection, Node } from '$lib/types';
-
-export type ConnectionHandle = {
-  id: string | null;
-  type: HandleType;
-  nodeId: string;
-  x: number;
-  y: number;
-};
-
-export type ValidConnectionFunc = (connection: Connection) => boolean;
-
-// this functions collects all handles and adds an absolute position
-// so that we can later find the closest handle to the mouse position
-export function getHandles(
-  node: Node,
-  handleBounds: NodeHandleBounds,
-  type: HandleType,
-  currentHandle: string
-): ConnectionHandle[] {
-  return (handleBounds[type] || []).reduce<ConnectionHandle[]>((res, h) => {
-    if (`${node.id}-${h.id}-${type}` !== currentHandle) {
-      res.push({
-        id: h.id || null,
-        type,
-        nodeId: node.id,
-        x: (node.positionAbsolute?.x ?? 0) + h.x + h.width / 2,
-        y: (node.positionAbsolute?.y ?? 0) + h.y + h.height / 2
-      });
-    }
-    return res;
-  }, []);
-}
-
-export function getClosestHandle(
-  pos: XYPosition,
-  connectionRadius: number,
-  handles: ConnectionHandle[]
-): ConnectionHandle | null {
-  let closestHandle: ConnectionHandle | null = null;
-  let minDistance = Infinity;
-
-  handles.forEach((handle) => {
-    const distance = Math.sqrt(Math.pow(handle.x - pos.x, 2) + Math.pow(handle.y - pos.y, 2));
-    if (distance <= connectionRadius && distance < minDistance) {
-      minDistance = distance;
-      closestHandle = handle;
-    }
-  });
-
-  return closestHandle;
-}
-
-type Result = {
-  handleDomNode: Element | null;
-  isValid: boolean;
-  connection: Connection;
-};
-
-const nullConnection: Connection = {
-  source: null,
-  target: null,
-  sourceHandle: null,
-  targetHandle: null
-};
-
-// checks if  and returns connection in fom of an object { source: 123, target: 312 }
-export function isValidHandle(
-  event: MouseEvent | TouchEvent,
-  handle: Pick<ConnectionHandle, 'nodeId' | 'id' | 'type'> | null,
-  connectionMode: ConnectionMode,
-  fromNodeId: string,
-  fromHandleId: string | null,
-  fromType: string,
-  isValidConnection: IsValidConnection,
-  doc: Document | ShadowRoot,
-  nodes: Node[]
-) {
-  const isTarget = fromType === 'target';
-  const handleDomNode = doc.querySelector(
-    `.svelte-flow__handle[data-id="${handle?.nodeId}-${handle?.id}-${handle?.type}"]`
-  );
-  const { x, y } = getEventPosition(event);
-  const handleBelow = doc.elementFromPoint(x, y);
-  const handleToCheck = handleBelow?.classList.contains('svelte-flow__handle')
-    ? handleBelow
-    : handleDomNode;
-
-  const result: Result = {
-    handleDomNode: handleToCheck,
-    isValid: false,
-    connection: nullConnection
-  };
-
-  if (handleToCheck) {
-    const handleType = getHandleType(undefined, handleToCheck);
-    const handleNodeId = handleToCheck.getAttribute('data-nodeid');
-    const handleId = handleToCheck.getAttribute('data-handleid');
-
-    const connection: Connection = {
-      source: isTarget ? handleNodeId : fromNodeId,
-      sourceHandle: isTarget ? handleId : fromHandleId,
-      target: isTarget ? fromNodeId : handleNodeId,
-      targetHandle: isTarget ? fromHandleId : handleId
-    };
-
-    result.connection = connection;
-
-    // in strict mode we don't allow target to target or source to source connections
-    const isValid =
-      connectionMode === ConnectionMode.Strict
-        ? (isTarget && handleType === 'source') || (!isTarget && handleType === 'target')
-        : handleNodeId !== fromNodeId || handleId !== fromHandleId;
-
-    if (isValid) {
-      const fromNode: Node | undefined = nodes.find((n) => n.id === connection.source);
-      const toNode: Node | undefined = nodes.find((n) => n.id === connection.target);
-
-      if (fromNode && toNode) result.isValid = isValidConnection(connection, { fromNode, toNode });
-    }
-  }
-
-  return result;
-}
-
-type GetHandleLookupParams = {
-  nodes: Node[];
-  nodeId: string;
-  handleId: string | null;
-  handleType: string;
-};
-
-export function getHandleLookup({ nodes, nodeId, handleId, handleType }: GetHandleLookupParams) {
-  return nodes.reduce<ConnectionHandle[]>((res, node) => {
-    if (node[internalsSymbol]) {
-      const { handleBounds } = node[internalsSymbol];
-      let sourceHandles: ConnectionHandle[] = [];
-      let targetHandles: ConnectionHandle[] = [];
-
-      if (handleBounds) {
-        sourceHandles = getHandles(
-          node,
-          handleBounds,
-          'source',
-          `${nodeId}-${handleId}-${handleType}`
-        );
-        targetHandles = getHandles(
-          node,
-          handleBounds,
-          'target',
-          `${nodeId}-${handleId}-${handleType}`
-        );
-      }
-
-      res.push(...sourceHandles, ...targetHandles);
-    }
-    return res;
-  }, []);
-}
-
-export function getHandleType(
-  edgeUpdaterType: HandleType | undefined,
-  handleDomNode: Element | null
-): HandleType | null {
-  if (edgeUpdaterType) {
-    return edgeUpdaterType;
-  } else if (handleDomNode?.classList.contains('target')) {
-    return 'target';
-  } else if (handleDomNode?.classList.contains('source')) {
-    return 'source';
-  }
-
-  return null;
-}
-
-export function resetRecentHandle(handleDomNode: Element): void {
-  handleDomNode?.classList.remove('valid', 'connecting');
-}
-
-export function getConnectionStatus(isInsideConnectionRadius: boolean, isHandleValid: boolean) {
-  let connectionStatus = null;
-
-  if (isHandleValid) {
-    connectionStatus = 'valid';
-  } else if (isInsideConnectionRadius && !isHandleValid) {
-    connectionStatus = 'invalid';
-  }
-
-  return connectionStatus as ConnectionStatus;
-}
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index c915987a2..2ea2696f8 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -36,6 +36,11 @@
   import { useStore } from '$lib/store';
   import { getConnectedEdges } from '$lib/utils';
   import type { Node, Edge } from '$lib/types';
+  import type { PaneProps } from './types';
+
+  type $$Props = PaneProps;
+
+  export let panOnDrag: $$Props['panOnDrag'] = undefined;
 
   const dispatch = createEventDispatcher();
   const {
@@ -133,9 +138,9 @@
 
     // We only want to trigger click functions when in selection mode if
     // the user did not move the mouse.
-    // if (!userSelectionActive && userSelectionRect && event.target === container.current) {
-    //   onClick?.(event);
-    // }
+    if (!isSelecting && $selectionRectMode === 'user' && event.target === container) {
+      onClick?.(event);
+    }
     selectionRect.set(null);
 
     if (selectedNodes.length > 0) {
@@ -155,10 +160,10 @@
   };
 
   const onContextMenu = (event: MouseEvent) => {
-    // if (Array.isArray(panOnDrag) && panOnDrag?.includes(2)) {
-    //   event.preventDefault();
-    //   return;
-    // }
+    if (Array.isArray(panOnDrag) && panOnDrag?.includes(2)) {
+      event.preventDefault();
+      return;
+    }
 
     dispatch('pane:contextmenu', event);
   };
diff --git a/packages/svelte/src/lib/container/Pane/types.ts b/packages/svelte/src/lib/container/Pane/types.ts
new file mode 100644
index 000000000..9495397b7
--- /dev/null
+++ b/packages/svelte/src/lib/container/Pane/types.ts
@@ -0,0 +1,3 @@
+export type PaneProps = {
+  panOnDrag?: boolean | number[];
+};
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index bd8ba901e..ac9df3f77 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -167,7 +167,7 @@
     {panOnScroll}
     {panOnDrag}
   >
-    <Pane on:pane:click>
+    <Pane on:pane:click {panOnDrag}>
       <ViewportComponent>
         <EdgeRenderer on:edge:click />
         <ConnectionLine />
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index ed078da9b..baf45f58d 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -11,17 +11,11 @@ import type {
   OnMove,
   OnMoveEnd,
   CoordinateExtent,
-  PanOnScrollMode
+  PanOnScrollMode,
+  IsValidConnection
 } from '@reactflow/system';
 
-import type {
-  Edge,
-  Node,
-  NodeTypes,
-  KeyDefinition,
-  EdgeTypes,
-  IsValidConnection
-} from '$lib/types';
+import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types';
 
 export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   id?: string;
diff --git a/packages/svelte/src/lib/store/connection-path.ts b/packages/svelte/src/lib/store/connection-path.ts
index 317d260e0..a707f5334 100644
--- a/packages/svelte/src/lib/store/connection-path.ts
+++ b/packages/svelte/src/lib/store/connection-path.ts
@@ -21,20 +21,23 @@ export function getConnectionPath(store: SvelteFlowStoreState) {
       store.transform
     ],
     ([connection, connectionLineType, connectionMode, nodes, transform]) => {
-      if (!connection.nodeId) {
+      if (!connection.connectionStartHandle?.nodeId) {
         return null;
       }
 
-      const fromNode = nodes.find((n) => n.id === connection.nodeId);
+      const fromNode = nodes.find((n) => n.id === connection.connectionStartHandle?.nodeId);
       const fromHandleBounds = fromNode?.[internalsSymbol]?.handleBounds;
-      const handleBoundsStrict = fromHandleBounds?.[connection.handleType || 'source'] || [];
+      const handleBoundsStrict =
+        fromHandleBounds?.[connection.connectionStartHandle.type || 'source'] || [];
       const handleBoundsLoose = handleBoundsStrict
         ? handleBoundsStrict
-        : fromHandleBounds?.[connection.handleType === 'source' ? 'target' : 'source']!;
+        : fromHandleBounds?.[
+            connection?.connectionStartHandle?.type === 'source' ? 'target' : 'source'
+          ]!;
       const handleBounds =
         connectionMode === ConnectionMode.Strict ? handleBoundsStrict : handleBoundsLoose;
-      const fromHandle = connection.handleId
-        ? handleBounds.find((d) => d.id === connection.handleId)
+      const fromHandle = connection.connectionStartHandle?.handleId
+        ? handleBounds.find((d) => d.id === connection.connectionStartHandle?.handleId)
         : handleBounds[0];
       const fromHandleX = fromHandle
         ? fromHandle.x + fromHandle.width / 2
@@ -49,8 +52,8 @@ export function getConnectionPath(store: SvelteFlowStoreState) {
         sourceX: fromX,
         sourceY: fromY,
         sourcePosition: fromPosition,
-        targetX: ((connection.position?.x ?? 0) - transform[0]) / transform[2],
-        targetY: ((connection.position?.y ?? 0) - transform[1]) / transform[2],
+        targetX: ((connection.connectionPosition?.x ?? 0) - transform[0]) / transform[2],
+        targetY: ((connection.connectionPosition?.y ?? 0) - transform[1]) / transform[2],
         targetPosition: toPosition
       };
 
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 838deab32..fe8262f0e 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -7,7 +7,8 @@ import {
   type ViewportHelperFunctionOptions,
   type Connection,
   type XYPosition,
-  type CoordinateExtent
+  type CoordinateExtent,
+  type UpdateConnection
 } from '@reactflow/system';
 import {
   createMarkerIds,
@@ -304,21 +305,22 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
     return transformChanged;
   }
 
-  function updateConnection(connectionUpdate: Partial<ConnectionData> | null) {
+  const updateConnection: UpdateConnection = (update) => {
     const currentConnectionData = get(store.connection);
+
     const nextConnectionData = currentConnectionData
       ? {
           ...initConnectionData,
           ...currentConnectionData,
-          ...connectionUpdate
+          ...update
         }
       : {
           ...initConnectionData,
-          ...connectionUpdate
+          ...update
         };
 
     store.connection.set(nextConnectionData);
-  }
+  };
 
   function cancelConnection() {
     updateConnection(initConnectionData);
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 9dd586e57..d65a79f22 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -8,7 +8,8 @@ import {
   type SnapGrid,
   type MarkerProps,
   type PanZoomInstance,
-  type CoordinateExtent
+  type CoordinateExtent,
+  type IsValidConnection
 } from '@reactflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -18,23 +19,14 @@ import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
 import StepEdge from '$lib/components/edges/StepEdge.svelte';
-import type {
-  ConnectionData,
-  NodeTypes,
-  EdgeTypes,
-  EdgeLayouted,
-  Edge,
-  Node,
-  IsValidConnection
-} from '$lib/types';
+import type { ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted, Edge, Node } from '$lib/types';
 import { infiniteExtent } from '@reactflow/utils';
 
 export const initConnectionData = {
-  nodeId: null,
-  handleId: null,
-  handleType: null,
-  position: null,
-  status: null
+  connectionStartHandle: null,
+  connectionEndHandle: null,
+  connectionPosition: null,
+  connectionStatus: null
 };
 
 export const initialNodeTypes = {
@@ -88,5 +80,6 @@ export const initialStoreState = {
   elementsSelectable: writable<boolean>(true),
   selectNodesOnDrag: writable<boolean>(true),
   markers: readable<MarkerProps[]>([]),
-  defaultMarkerColor: writable<string>('#b1b1b7')
+  defaultMarkerColor: writable<string>('#b1b1b7'),
+  lib: readable<string>('svelte')
 };
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index 76bfb6db2..00dca1425 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -4,11 +4,12 @@ import type {
   ViewportHelperFunctionOptions,
   Connection,
   UpdateNodePositions,
-  CoordinateExtent
+  CoordinateExtent,
+  UpdateConnection
 } from '@reactflow/system';
 
 import type { initialStoreState } from './initial-store';
-import type { Node, Edge, ConnectionData, NodeTypes, EdgeTypes, FitViewOptions } from '$lib/types';
+import type { Node, Edge, NodeTypes, EdgeTypes, FitViewOptions } from '$lib/types';
 import type { Writable } from 'svelte/store';
 
 export type SvelteFlowStoreActions = {
@@ -27,7 +28,7 @@ export type SvelteFlowStoreActions = {
   addSelectedNodes: (ids: string[]) => void;
   addSelectedEdges: (ids: string[]) => void;
   panBy: (delta: XYPosition) => boolean;
-  updateConnection: (connection: Partial<ConnectionData>) => void;
+  updateConnection: UpdateConnection;
   cancelConnection: () => void;
   reset(): void;
 };
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index 0ac194244..918547e6f 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -1,10 +1,10 @@
 import type { ShortcutModifierDefinition } from '@svelte-put/shortcut';
 import type {
-  Connection,
   FitViewOptionsBase,
   HandleType,
   Position,
-  XYPosition
+  XYPosition,
+  ConnectingHandle
 } from '@reactflow/system';
 
 import type { Node } from './nodes';
@@ -14,11 +14,10 @@ export type KeyDefinitionObject = { key: string; modifier?: KeyModifier };
 export type KeyDefinition = string | KeyDefinitionObject;
 
 export type ConnectionData = {
-  position: XYPosition | null;
-  nodeId: string | null;
-  handleId: string | null;
-  handleType: HandleType | null;
-  status: string | null;
+  connectionPosition: XYPosition | null;
+  connectionStartHandle: ConnectingHandle | null;
+  connectionEndHandle: ConnectingHandle | null;
+  connectionStatus: string | null;
 };
 
 export type HandleComponentProps = {
@@ -30,8 +29,3 @@ export type HandleComponentProps = {
 };
 
 export type FitViewOptions = FitViewOptionsBase<Node>;
-
-export type IsValidConnection = (
-  connection: Connection,
-  { fromNode, toNode }: { fromNode: Node; toNode: Node }
-) => boolean;
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 0b1412c94..0190f7df3 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -3,8 +3,9 @@ import type { D3DragEvent, Selection as D3Selection, SubjectPosition, ZoomBehavi
 
 import type { XYPosition, Rect } from './utils';
 import type { BaseNode, NodeDragItem, NodeOrigin } from './nodes';
-import type { HandleType } from './handles';
+import type { ConnectingHandle, HandleType } from './handles';
 import { PanZoomInstance } from './panzoom';
+import { BaseEdge } from '..';
 
 export type Project = (position: XYPosition) => XYPosition;
 
@@ -34,7 +35,17 @@ export enum ConnectionMode {
   Loose = 'loose',
 }
 
+export type OnConnectStartParams = {
+  nodeId: string | null;
+  handleId: string | null;
+  handleType: HandleType | null;
+};
+
+export type OnConnectStart = (event: MouseEvent | TouchEvent, params: OnConnectStartParams) => void;
 export type OnConnect = (connection: Connection) => void;
+export type OnConnectEnd = (event: MouseEvent | TouchEvent) => void;
+
+export type IsValidConnection = (edge: BaseEdge | Connection) => boolean;
 
 export type FitViewParamsBase<NodeType extends BaseNode> = {
   nodes: NodeType[];
@@ -55,12 +66,6 @@ export type FitViewOptionsBase<NodeType extends BaseNode> = {
   nodes?: (Partial<NodeType> & { id: NodeType['id'] })[];
 };
 
-export type OnConnectStartParams = {
-  nodeId: string | null;
-  handleId: string | null;
-  handleType: HandleType | null;
-};
-
 export type Viewport = {
   x: number;
   y: number;
@@ -124,3 +129,10 @@ export type UpdateNodePositions = (
   dragging?: boolean
 ) => void;
 export type PanBy = (delta: XYPosition) => boolean;
+
+export type UpdateConnection = (params: {
+  connectionPosition?: XYPosition | null;
+  connectionStatus?: ConnectionStatus | null;
+  connectionStartHandle?: ConnectingHandle | null;
+  connectionEndHandle?: ConnectingHandle | null;
+}) => void;
diff --git a/packages/system/src/types/handles.ts b/packages/system/src/types/handles.ts
index 7e40d1e5d..be0ee6084 100644
--- a/packages/system/src/types/handles.ts
+++ b/packages/system/src/types/handles.ts
@@ -1,4 +1,4 @@
-import type { XYPosition, Position, Dimensions, OnConnect, Connection } from '.';
+import type { XYPosition, Position, Dimensions, OnConnect, IsValidConnection } from '.';
 
 export type HandleType = 'source' | 'target';
 
@@ -14,6 +14,14 @@ export type ConnectingHandle = {
   handleId?: string | null;
 };
 
+export type ConnectionHandle = {
+  id: string | null;
+  type: HandleType;
+  nodeId: string;
+  x: number;
+  y: number;
+};
+
 export type HandleProps = {
   type: HandleType;
   position: Position;
@@ -21,6 +29,6 @@ export type HandleProps = {
   isConnectableStart?: boolean;
   isConnectableEnd?: boolean;
   onConnect?: OnConnect;
-  isValidConnection?: (connection: Connection) => boolean;
+  isValidConnection?: IsValidConnection;
   id?: string;
 };
diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
index 6cccc3ded..813e54d88 100644
--- a/packages/utils/src/index.ts
+++ b/packages/utils/src/index.ts
@@ -1,5 +1,6 @@
 export * from './graph';
 export * from './utils';
 export * from './marker';
+export * from './xyhandle';
 export * from './xypanzoom';
 export * from './xydrag';
diff --git a/packages/utils/src/xyhandle/index.ts b/packages/utils/src/xyhandle/index.ts
new file mode 100644
index 000000000..69e35938e
--- /dev/null
+++ b/packages/utils/src/xyhandle/index.ts
@@ -0,0 +1,312 @@
+import { getHostForElement, calcAutoPan, getEventPosition, pointToRendererPoint, rendererPointToPoint } from '..';
+import {
+  OnConnect,
+  OnConnectStart,
+  HandleType,
+  Connection,
+  ConnectionMode,
+  PanBy,
+  BaseNode,
+  Transform,
+  ConnectingHandle,
+  OnConnectEnd,
+  UpdateConnection,
+  IsValidConnection,
+  ConnectionHandle,
+} from '@reactflow/system';
+
+import { getClosestHandle, getConnectionStatus, getHandleLookup, getHandleType, resetRecentHandle } from './utils';
+
+export type OnPointerDownParams = {
+  autoPanOnConnect: boolean;
+  connectionMode: ConnectionMode;
+  connectionRadius: number;
+  domNode: HTMLDivElement | null;
+  handleId: string | null;
+  nodeId: string;
+  isTarget: boolean;
+  nodes: BaseNode[];
+  transform: Transform;
+  lib: string;
+  edgeUpdaterType?: HandleType;
+  updateConnection: UpdateConnection;
+  panBy: PanBy;
+  cancelConnection: () => void;
+  onConnectStart?: OnConnectStart;
+  onConnect?: OnConnect;
+  onConnectEnd?: OnConnectEnd;
+  isValidConnection?: IsValidConnection;
+  onEdgeUpdateEnd?: (evt: MouseEvent | TouchEvent) => void;
+};
+
+export type IsValidParams = {
+  handle: Pick<ConnectionHandle, 'nodeId' | 'id' | 'type'> | null;
+  connectionMode: ConnectionMode;
+  fromNodeId: string;
+  fromHandleId: string | null;
+  fromType: HandleType;
+  isValidConnection?: IsValidConnection;
+  doc: Document | ShadowRoot;
+  lib: string;
+};
+
+export type XYHandleInstance = {
+  onPointerDown: (event: MouseEvent | TouchEvent, params: OnPointerDownParams) => void;
+  isValid: (event: MouseEvent | TouchEvent, params: IsValidParams) => Result;
+};
+
+type Result = {
+  handleDomNode: Element | null;
+  isValid: boolean;
+  connection: Connection;
+  endHandle: ConnectingHandle | null;
+};
+
+const nullConnection: Connection = { source: null, target: null, sourceHandle: null, targetHandle: null };
+
+const alwaysValid = () => true;
+
+function onPointerDown(
+  event: MouseEvent | TouchEvent,
+  {
+    connectionMode,
+    connectionRadius,
+    handleId,
+    nodeId,
+    edgeUpdaterType,
+    isTarget,
+    domNode,
+    nodes,
+    transform,
+    lib,
+    autoPanOnConnect,
+    panBy,
+    cancelConnection,
+    onConnectStart,
+    onConnect,
+    onConnectEnd,
+    isValidConnection = alwaysValid,
+    onEdgeUpdateEnd,
+    updateConnection,
+  }: OnPointerDownParams
+) {
+  // when react-flow is used inside a shadow root we can't use document
+  const doc = getHostForElement(event.target as HTMLElement);
+  let autoPanId = 0;
+  let closestHandle: ConnectionHandle | null;
+
+  const { x, y } = getEventPosition(event);
+  const clickedHandle = doc?.elementFromPoint(x, y);
+  const handleType = getHandleType(edgeUpdaterType, clickedHandle);
+  const containerBounds = domNode?.getBoundingClientRect();
+
+  if (!containerBounds || !handleType) {
+    return;
+  }
+
+  let prevActiveHandle: Element;
+  let connectionPosition = getEventPosition(event, containerBounds);
+  let autoPanStarted = false;
+  let connection: Connection | null = null;
+  let isValid = false;
+  let handleDomNode: Element | null = null;
+
+  const handleLookup = getHandleLookup({
+    nodes,
+    nodeId,
+    handleId,
+    handleType,
+  });
+
+  // when the user is moving the mouse close to the edge of the canvas while connecting we move the canvas
+  function autoPan(): void {
+    if (!autoPanOnConnect || !containerBounds) {
+      return;
+    }
+    const [x, y] = calcAutoPan(connectionPosition, containerBounds);
+
+    panBy({ x, y });
+    autoPanId = requestAnimationFrame(autoPan);
+  }
+
+  updateConnection({
+    connectionPosition,
+    connectionStatus: null,
+    // connectionNodeId etc will be removed in the next major in favor of connectionStartHandle
+    connectionStartHandle: {
+      nodeId,
+      handleId,
+      type: handleType,
+    },
+    connectionEndHandle: null,
+  });
+
+  onConnectStart?.(event, { nodeId, handleId, handleType });
+
+  function onPointerMove(event: MouseEvent | TouchEvent) {
+    connectionPosition = getEventPosition(event, containerBounds);
+    closestHandle = getClosestHandle(
+      pointToRendererPoint(connectionPosition, transform, false, [1, 1]),
+      connectionRadius,
+      handleLookup
+    );
+
+    if (!autoPanStarted) {
+      autoPan();
+      autoPanStarted = true;
+    }
+
+    const result = isValidHandle(event, {
+      handle: closestHandle,
+      connectionMode,
+      fromNodeId: nodeId,
+      fromHandleId: handleId,
+      fromType: isTarget ? 'target' : 'source',
+      isValidConnection,
+      doc,
+      lib,
+    });
+
+    handleDomNode = result.handleDomNode;
+    connection = result.connection;
+    isValid = result.isValid;
+
+    updateConnection({
+      connectionPosition:
+        closestHandle && isValid
+          ? rendererPointToPoint(
+              {
+                x: closestHandle.x,
+                y: closestHandle.y,
+              },
+              transform
+            )
+          : connectionPosition,
+      connectionStatus: getConnectionStatus(!!closestHandle, isValid),
+      connectionEndHandle: result.endHandle,
+    });
+
+    if (!closestHandle && !isValid && !handleDomNode) {
+      return resetRecentHandle(prevActiveHandle, lib);
+    }
+
+    if (connection.source !== connection.target && handleDomNode) {
+      resetRecentHandle(prevActiveHandle, lib);
+      prevActiveHandle = handleDomNode;
+      // @todo: remove the old class names "react-flow__handle-" in the next major version
+      handleDomNode.classList.add('connecting', `${lib}-flow__handle-connecting`);
+      handleDomNode.classList.toggle('valid', isValid);
+      handleDomNode.classList.toggle(`${lib}-flow__handle-valid`, isValid);
+    }
+  }
+
+  function onPointerUp(event: MouseEvent | TouchEvent) {
+    if ((closestHandle || handleDomNode) && connection && isValid) {
+      onConnect?.(connection);
+    }
+
+    // it's important to get a fresh reference from the store here
+    // in order to get the latest state of onConnectEnd
+    onConnectEnd?.(event);
+
+    if (edgeUpdaterType) {
+      onEdgeUpdateEnd?.(event);
+    }
+
+    resetRecentHandle(prevActiveHandle, lib);
+    cancelConnection();
+    cancelAnimationFrame(autoPanId);
+    autoPanStarted = false;
+    isValid = false;
+    connection = null;
+    handleDomNode = null;
+
+    doc.removeEventListener('mousemove', onPointerMove as EventListener);
+    doc.removeEventListener('mouseup', onPointerUp as EventListener);
+
+    doc.removeEventListener('touchmove', onPointerMove as EventListener);
+    doc.removeEventListener('touchend', onPointerUp as EventListener);
+  }
+
+  doc.addEventListener('mousemove', onPointerMove as EventListener);
+  doc.addEventListener('mouseup', onPointerUp as EventListener);
+
+  doc.addEventListener('touchmove', onPointerMove as EventListener);
+  doc.addEventListener('touchend', onPointerUp as EventListener);
+}
+
+// checks if  and returns connection in fom of an object { source: 123, target: 312 }
+function isValidHandle(
+  event: MouseEvent | TouchEvent,
+  {
+    handle,
+    connectionMode,
+    fromNodeId,
+    fromHandleId,
+    fromType,
+    doc,
+    lib,
+    isValidConnection = alwaysValid,
+  }: IsValidParams
+) {
+  const isTarget = fromType === 'target';
+  const handleDomNode = doc.querySelector(
+    `.${lib}-flow__handle[data-id="${handle?.nodeId}-${handle?.id}-${handle?.type}"]`
+  );
+  const { x, y } = getEventPosition(event);
+  const handleBelow = doc.elementFromPoint(x, y);
+  // we always want to prioritize the handle below the mouse cursor over the closest distance handle,
+  // because it could be that the center of another handle is closer to the mouse pointer than the handle below the cursor
+  const handleToCheck = handleBelow?.classList.contains(`${lib}-flow__handle`) ? handleBelow : handleDomNode;
+
+  const result: Result = {
+    handleDomNode: handleToCheck,
+    isValid: false,
+    connection: nullConnection,
+    endHandle: null,
+  };
+
+  console.log(1, result);
+
+  if (handleToCheck) {
+    const handleType = getHandleType(undefined, handleToCheck);
+    const handleNodeId = handleToCheck.getAttribute('data-nodeid');
+    const handleId = handleToCheck.getAttribute('data-handleid');
+    const connectable = handleToCheck.classList.contains('connectable');
+    const connectableEnd = handleToCheck.classList.contains('connectableend');
+
+    const connection: Connection = {
+      source: isTarget ? handleNodeId : fromNodeId,
+      sourceHandle: isTarget ? handleId : fromHandleId,
+      target: isTarget ? fromNodeId : handleNodeId,
+      targetHandle: isTarget ? fromHandleId : handleId,
+    };
+
+    result.connection = connection;
+
+    const isConnectable = connectable && connectableEnd;
+    // in strict mode we don't allow target to target or source to source connections
+    const isValid =
+      isConnectable &&
+      (connectionMode === ConnectionMode.Strict
+        ? (isTarget && handleType === 'source') || (!isTarget && handleType === 'target')
+        : handleNodeId !== fromNodeId || handleId !== fromHandleId);
+
+    if (isValid) {
+      result.endHandle = {
+        nodeId: handleNodeId as string,
+        handleId,
+        type: handleType as HandleType,
+      };
+
+      result.isValid = isValidConnection(connection);
+    }
+  }
+
+  return result;
+}
+
+export const XYHandle: XYHandleInstance = {
+  onPointerDown,
+  isValid: isValidHandle,
+};
diff --git a/packages/core/src/components/Handle/utils.ts b/packages/utils/src/xyhandle/utils.ts
similarity index 50%
rename from packages/core/src/components/Handle/utils.ts
rename to packages/utils/src/xyhandle/utils.ts
index 1ec471a84..3677c626b 100644
--- a/packages/core/src/components/Handle/utils.ts
+++ b/packages/utils/src/xyhandle/utils.ts
@@ -1,31 +1,17 @@
 import {
   internalsSymbol,
-  ConnectionMode,
   ConnectionStatus,
-  type ConnectingHandle,
-  type Connection,
   type HandleType,
   type NodeHandleBounds,
   type XYPosition,
+  type BaseNode,
+  type ConnectionHandle,
 } from '@reactflow/system';
-import { getEventPosition } from '@reactflow/utils';
-
-import type { Node } from '../../types';
-
-export type ConnectionHandle = {
-  id: string | null;
-  type: HandleType;
-  nodeId: string;
-  x: number;
-  y: number;
-};
-
-export type ValidConnectionFunc = (connection: Connection) => boolean;
 
 // this functions collects all handles and adds an absolute position
 // so that we can later find the closest handle to the mouse position
 export function getHandles(
-  node: Node,
+  node: BaseNode,
   handleBounds: NodeHandleBounds,
   type: HandleType,
   currentHandle: string
@@ -75,83 +61,8 @@ export function getClosestHandle(
       closestHandles.find((handle) => handle.type === 'target') || closestHandles[0];
 }
 
-type Result = {
-  handleDomNode: Element | null;
-  isValid: boolean;
-  connection: Connection;
-  endHandle: ConnectingHandle | null;
-};
-
-const nullConnection: Connection = { source: null, target: null, sourceHandle: null, targetHandle: null };
-
-// checks if  and returns connection in fom of an object { source: 123, target: 312 }
-export function isValidHandle(
-  event: MouseEvent | TouchEvent,
-  handle: Pick<ConnectionHandle, 'nodeId' | 'id' | 'type'> | null,
-  connectionMode: ConnectionMode,
-  fromNodeId: string,
-  fromHandleId: string | null,
-  fromType: HandleType,
-  isValidConnection: ValidConnectionFunc,
-  doc: Document | ShadowRoot
-) {
-  const isTarget = fromType === 'target';
-  const handleDomNode = doc.querySelector(
-    `.react-flow__handle[data-id="${handle?.nodeId}-${handle?.id}-${handle?.type}"]`
-  );
-  const { x, y } = getEventPosition(event);
-  const handleBelow = doc.elementFromPoint(x, y);
-  // we always want to prioritize the handle below the mouse cursor over the closest distance handle,
-  // because it could be that the center of another handle is closer to the mouse pointer than the handle below the cursor
-  const handleToCheck = handleBelow?.classList.contains('react-flow__handle') ? handleBelow : handleDomNode;
-
-  const result: Result = {
-    handleDomNode: handleToCheck,
-    isValid: false,
-    connection: nullConnection,
-    endHandle: null,
-  };
-
-  if (handleToCheck) {
-    const handleType = getHandleType(undefined, handleToCheck);
-    const handleNodeId = handleToCheck.getAttribute('data-nodeid');
-    const handleId = handleToCheck.getAttribute('data-handleid');
-    const connectable = handleToCheck.classList.contains('connectable');
-    const connectableEnd = handleToCheck.classList.contains('connectableend');
-
-    const connection: Connection = {
-      source: isTarget ? handleNodeId : fromNodeId,
-      sourceHandle: isTarget ? handleId : fromHandleId,
-      target: isTarget ? fromNodeId : handleNodeId,
-      targetHandle: isTarget ? fromHandleId : handleId,
-    };
-
-    result.connection = connection;
-
-    const isConnectable = connectable && connectableEnd;
-    // in strict mode we don't allow target to target or source to source connections
-    const isValid =
-      isConnectable &&
-      (connectionMode === ConnectionMode.Strict
-        ? (isTarget && handleType === 'source') || (!isTarget && handleType === 'target')
-        : handleNodeId !== fromNodeId || handleId !== fromHandleId);
-
-    if (isValid) {
-      result.endHandle = {
-        nodeId: handleNodeId as string,
-        handleId,
-        type: handleType as HandleType,
-      };
-
-      result.isValid = isValidConnection(connection);
-    }
-  }
-
-  return result;
-}
-
 type GetHandleLookupParams = {
-  nodes: Node[];
+  nodes: BaseNode[];
   nodeId: string;
   handleId: string | null;
   handleType: string;
@@ -190,8 +101,8 @@ export function getHandleType(
   return null;
 }
 
-export function resetRecentHandle(handleDomNode: Element): void {
-  handleDomNode?.classList.remove('valid', 'connecting', 'react-flow__handle-valid', 'react-flow__handle-connecting');
+export function resetRecentHandle(handleDomNode: Element, lib: string): void {
+  handleDomNode?.classList.remove('valid', 'connecting', `${lib}-flow__handle-valid`, `${lib}-flow__handle-connecting`);
 }
 
 export function getConnectionStatus(isInsideConnectionRadius: boolean, isHandleValid: boolean) {

From b2e296901e8e1498f9098eefb35f71cf08716596 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 5 Jun 2023 11:28:19 +0200
Subject: [PATCH 0073/1093] chore(svelte): use xyhandle

---
 .../svelte/src/lib/components/Handle/Handle.svelte    | 11 +++++++++--
 packages/svelte/src/lib/types/general.ts              |  3 +++
 packages/utils/src/xyhandle/index.ts                  |  2 --
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 044b387a9..a275e81b7 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -13,12 +13,17 @@
   export let type: $$Props['type'] = 'source';
   export let position: $$Props['position'] = Position.Top;
   export let style: $$Props['style'] = undefined;
+  export let isConnectable: $$Props['isConnectable'] = true;
+  export let isConnectableStart: $$Props['isConnectableStart'] = true;
+  export let isConnectableEnd: $$Props['isConnectableEnd'] = true;
+
+
   let className: $$Props['class'] = undefined;
   export { className as class };
 
   const isTarget = type === 'target';
   const nodeId = getContext<string>('svelteflow__node_id');
-  const connectable = getContext<string>('svelteflow__node_connectable');
+  // const connectable = getContext<string>('svelteflow__node_connectable');
 
   const handleId = id || null;
   const dispatch = createEventDispatcher();
@@ -87,7 +92,9 @@
   ])}
   class:source={!isTarget}
   class:target={isTarget}
-  class:connectable
+  class:connectableStart={isConnectableStart}
+  class:isConnectableEnd={isConnectableEnd}
+  class:connectable={isConnectable}
   on:mousedown={onPointerDown}
   on:touchstart={onPointerDown}
   {style}
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index 918547e6f..c7a9bb92f 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -26,6 +26,9 @@ export type HandleComponentProps = {
   id?: string;
   class?: string;
   style?: string;
+  isConnectable?: boolean;,
+  isConnectableStart?: boolean;,
+  isConnectableEnd?: boolean;,
 };
 
 export type FitViewOptions = FitViewOptionsBase<Node>;
diff --git a/packages/utils/src/xyhandle/index.ts b/packages/utils/src/xyhandle/index.ts
index 69e35938e..f5360180b 100644
--- a/packages/utils/src/xyhandle/index.ts
+++ b/packages/utils/src/xyhandle/index.ts
@@ -266,8 +266,6 @@ function isValidHandle(
     endHandle: null,
   };
 
-  console.log(1, result);
-
   if (handleToCheck) {
     const handleType = getHandleType(undefined, handleToCheck);
     const handleNodeId = handleToCheck.getAttribute('data-nodeid');

From 8354759f57bec8bc17129feb9fa234956fad1aed Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 5 Jun 2023 15:40:18 +0200
Subject: [PATCH 0074/1093] refactor(packages): change package structure

---
 README.md                                     |   2 +-
 .../cypress/components/hooks/useEdges.cy.tsx  |   2 +-
 .../cypress/components/hooks/useNodes.cy.tsx  |   2 +-
 .../hooks/useNodesInitialized.cy.tsx          |   2 +-
 .../hooks/useOnViewportChange.cy.tsx          |   2 +-
 .../components/hooks/useViewport.cy.tsx       |   2 +-
 .../components/reactflow/basic-props.cy.tsx   |   2 +-
 .../reactflow/multiple-instance.cy.tsx        |   2 +-
 .../components/reactflow/uncontrolled.cy.tsx  |   2 +-
 .../components/reactflow/view-props.cy.tsx    |   2 +-
 .../components/utils/graph-utils.cy.ts        |   2 +-
 .../vite-app/cypress/fixtures/simpleflow.ts   |   2 +-
 .../cypress/support/ControlledFlow.tsx        |   2 +-
 .../vite-app/cypress/support/component.ts     |   4 +-
 examples/vite-app/package.json                |   7 +-
 .../src/examples/Backgrounds/index.tsx        |   5 +-
 .../vite-app/src/examples/Basic/index.tsx     |   5 +-
 .../src/examples/CancelConnection/data.ts     |   2 +-
 .../src/examples/CancelConnection/index.tsx   |  15 +-
 .../examples/ControlledUncontrolled/index.tsx |   5 +-
 .../CustomConnectionLine/ConnectionLine.tsx   |   2 +-
 .../examples/CustomConnectionLine/index.tsx   |   5 +-
 .../src/examples/CustomMiniMapNode/index.tsx  |   5 +-
 .../examples/CustomNode/ColorSelectorNode.tsx |   2 +-
 .../src/examples/CustomNode/index.tsx         |   5 +-
 .../src/examples/DefaultNodes/index.tsx       |   5 +-
 .../examples/DragHandle/DragHandleNode.tsx    |   5 +-
 .../src/examples/DragHandle/index.tsx         |   2 +-
 .../vite-app/src/examples/DragNDrop/index.tsx |   5 +-
 .../EasyConnect/CustomConnectionLine.tsx      |   2 +-
 .../src/examples/EasyConnect/CustomNode.tsx   |   2 +-
 .../src/examples/EasyConnect/FloatingEdge.tsx |   2 +-
 .../src/examples/EasyConnect/index.tsx        |   4 +-
 .../src/examples/EasyConnect/utils.tsx        |   2 +-
 .../src/examples/EdgeRenderer/CustomEdge.tsx  |   2 +-
 .../src/examples/EdgeRenderer/CustomEdge2.tsx |   2 +-
 .../src/examples/EdgeRenderer/index.tsx       |   5 +-
 .../src/examples/EdgeRouting/index.tsx        |   2 +-
 .../vite-app/src/examples/EdgeTypes/index.tsx |   5 +-
 .../vite-app/src/examples/EdgeTypes/utils.ts  |   2 +-
 .../src/examples/Edges/CustomEdge.tsx         |   2 +-
 .../src/examples/Edges/CustomEdge2.tsx        |   2 +-
 .../vite-app/src/examples/Edges/index.tsx     |   5 +-
 .../vite-app/src/examples/Empty/index.tsx     |   5 +-
 .../vite-app/src/examples/Figma/index.tsx     |   2 +-
 .../FloatingEdges/FloatingConnectionLine.tsx  |  33 +-
 .../examples/FloatingEdges/FloatingEdge.tsx   |   2 +-
 .../src/examples/FloatingEdges/index.tsx      |   5 +-
 .../src/examples/FloatingEdges/utils.ts       |   2 +-
 .../vite-app/src/examples/Hidden/index.tsx    |  12 +-
 .../src/examples/Interaction/index.tsx        |   7 +-
 .../src/examples/InteractiveMinimap/index.tsx |   8 +-
 .../src/examples/Intersection/index.tsx       |   5 +-
 .../vite-app/src/examples/Layouting/index.tsx |   5 +-
 .../examples/Layouting/initial-elements.ts    |   2 +-
 .../src/examples/MultiFlows/index.tsx         |   6 +-
 .../src/examples/NestedNodes/index.tsx        |   5 +-
 .../examples/NodeResizer/CustomResizer.tsx    |   2 +-
 .../examples/NodeResizer/DefaultResizer.tsx   |   2 +-
 .../NodeResizer/HorizontalResizer.tsx         |   2 +-
 .../examples/NodeResizer/VerticalResizer.tsx  |   2 +-
 .../src/examples/NodeResizer/index.tsx        |  14 +-
 .../src/examples/NodeToolbar/CustomNode.tsx   |   2 +-
 .../NodeToolbar/SelectedNodesToolbar.tsx      |   2 +-
 .../src/examples/NodeToolbar/index.tsx        |   5 +-
 .../src/examples/NodeTypeChange/index.tsx     |   2 +-
 .../examples/NodeTypesObjectChange/index.tsx  |   5 +-
 .../vite-app/src/examples/Overview/index.tsx  |   9 +-
 .../src/examples/Provider/Sidebar.tsx         |   2 +-
 .../vite-app/src/examples/Provider/index.tsx  |   5 +-
 .../src/examples/SaveRestore/Controls.tsx     |   2 +-
 .../src/examples/SaveRestore/index.tsx        |  11 +-
 .../vite-app/src/examples/Stress/index.tsx    |   5 +-
 .../vite-app/src/examples/Stress/utils.ts     |   2 +-
 .../src/examples/Subflow/DebugNode.tsx        |   2 +-
 .../vite-app/src/examples/Subflow/index.tsx   |   5 +-
 .../vite-app/src/examples/Switch/index.tsx    |   2 +-
 .../src/examples/TouchDevice/index.tsx        |   2 +-
 .../src/examples/Undirectional/CustomNode.tsx |   5 +-
 .../src/examples/Undirectional/index.tsx      |   5 +-
 .../src/examples/UpdatableEdge/index.tsx      |   5 +-
 .../src/examples/UpdateNode/index.tsx         |   2 +-
 .../src/examples/UseKeyPress/index.tsx        |   2 +-
 .../src/examples/UseNodesInit/index.tsx       |   5 +-
 .../UseOnSelectionChange/CustomNode.tsx       |   4 +-
 .../examples/UseOnSelectionChange/index.tsx   |   9 +-
 .../src/examples/UseReactFlow/index.tsx       |   5 +-
 .../UseUpdateNodeInternals/CustomNode.tsx     |   2 +-
 .../examples/UseUpdateNodeInternals/index.tsx |   5 +-
 .../examples/Validation/ConnectionStatus.tsx  |   2 +-
 .../src/examples/Validation/index.tsx         |   8 +-
 examples/vite-app/src/main.tsx                |   2 +-
 examples/vite-app/vite.config.ts              |   2 +-
 package.json                                  |   2 +-
 packages/background/.eslintrc.js              |   4 -
 packages/background/CHANGELOG.md              | 216 -----
 packages/background/README.md                 |  10 -
 packages/background/package.json              |  65 --
 packages/background/tsconfig.json             |   6 -
 packages/controls/.eslintrc.js                |   4 -
 packages/controls/CHANGELOG.md                | 212 -----
 packages/controls/README.md                   |  10 -
 packages/controls/package.json                |  65 --
 packages/controls/src/style.css               |  36 -
 packages/controls/tsconfig.json               |   6 -
 packages/core/.eslintrc.js                    |   4 -
 packages/core/tsconfig.json                   |   6 -
 packages/edge-utils/.eslintrc.js              |   4 -
 packages/edge-utils/README.md                 |  10 -
 packages/edge-utils/package.json              |  59 --
 packages/edge-utils/tsconfig.json             |   6 -
 packages/minimap/.eslintrc.js                 |   4 -
 packages/minimap/CHANGELOG.md                 | 255 ------
 packages/minimap/README.md                    |  10 -
 packages/minimap/package.json                 |  70 --
 packages/minimap/src/style.css                |   3 -
 packages/minimap/tsconfig.json                |   6 -
 packages/node-resizer/.eslintrc.js            |   4 -
 packages/node-resizer/CHANGELOG.md            | 123 ---
 packages/node-resizer/README.md               |   9 -
 packages/node-resizer/package.json            |  72 --
 packages/node-resizer/tsconfig.json           |   6 -
 packages/node-toolbar/.eslintrc.js            |   4 -
 packages/node-toolbar/CHANGELOG.md            | 167 ----
 packages/node-toolbar/README.md               |  10 -
 packages/node-toolbar/package.json            |  65 --
 packages/node-toolbar/tsconfig.json           |   6 -
 packages/react/.eslintrc.js                   |   4 +
 packages/{core => react}/CHANGELOG.md         |   0
 packages/{core => react}/README.md            |   0
 packages/{core => react}/package.json         |  19 +-
 .../Background}/Background.tsx                |   7 +-
 .../Background}/Patterns.tsx                  |   0
 .../Background}/index.tsx                     |   0
 .../Background}/types.ts                      |   0
 .../Controls}/ControlButton.tsx               |   0
 .../Controls}/Controls.tsx                    |   6 +-
 .../Controls}/Icons/FitView.tsx               |   0
 .../Controls}/Icons/Lock.tsx                  |   0
 .../Controls}/Icons/Minus.tsx                 |   0
 .../Controls}/Icons/Plus.tsx                  |   0
 .../Controls}/Icons/Unlock.tsx                |   0
 .../additional-components/Controls}/index.tsx |   0
 .../additional-components/Controls/style.css  |   0
 .../additional-components/Controls}/types.ts  |   4 +-
 .../MiniMap}/MiniMap.tsx                      |  10 +-
 .../MiniMap}/MiniMapNode.tsx                  |   0
 .../additional-components/MiniMap}/index.tsx  |   0
 .../additional-components/MiniMap}/types.ts   |   4 +-
 .../NodeResizer}/NodeResizer.tsx              |   0
 .../NodeResizer}/ResizeControl.tsx            |  15 +-
 .../NodeResizer}/index.tsx                    |   0
 .../NodeResizer}/types.ts                     |   0
 .../NodeResizer}/utils.ts                     |   0
 .../NodeToolbar}/NodeToolbar.tsx              |  15 +-
 .../NodeToolbar}/NodeToolbarPortal.tsx        |   4 +-
 .../NodeToolbar}/index.tsx                    |   0
 .../NodeToolbar}/types.ts                     |   2 +-
 .../react/src/additional-components/index.ts  |   5 +
 .../src/components/A11yDescriptions/index.tsx |   0
 .../src/components/Attribution/index.tsx      |   2 +-
 .../src/components/ConnectionLine/index.tsx   |   5 +-
 .../components/EdgeLabelRenderer/index.tsx    |   0
 .../src/components/Edges/BaseEdge.tsx         |   2 +-
 .../src/components/Edges/BezierEdge.tsx       |   3 +-
 .../src/components/Edges/EdgeAnchor.tsx       |   2 +-
 .../src/components/Edges/EdgeText.tsx         |   2 +-
 .../src/components/Edges/SimpleBezierEdge.tsx |   3 +-
 .../src/components/Edges/SmoothStepEdge.tsx   |   3 +-
 .../src/components/Edges/StepEdge.tsx         |   0
 .../src/components/Edges/StraightEdge.tsx     |   2 +-
 .../src/components/Edges/index.ts             |   0
 .../src/components/Edges/utils.ts             |   4 +-
 .../src/components/Edges/wrapEdge.tsx         |   3 +-
 .../src/components/Handle/index.tsx           |  14 +-
 .../src/components/Nodes/DefaultNode.tsx      |   2 +-
 .../src/components/Nodes/GroupNode.tsx        |   0
 .../src/components/Nodes/InputNode.tsx        |   2 +-
 .../src/components/Nodes/OutputNode.tsx       |   2 +-
 .../src/components/Nodes/utils.ts             |   4 +-
 .../src/components/Nodes/wrapNode.tsx         |   3 +-
 .../src/components/NodesSelection/index.tsx   |   5 +-
 .../src/components/Panel/index.tsx            |   2 +-
 .../components/ReactFlowProvider/index.tsx    |   2 +-
 .../components/SelectionListener/index.tsx    |   0
 .../src/components/StoreUpdater/index.tsx     |   2 +-
 .../src/components/UserSelection/index.tsx    |   0
 .../EdgeRenderer/MarkerDefinitions.tsx        |   3 +-
 .../container/EdgeRenderer/MarkerSymbols.tsx  |   2 +-
 .../src/container/EdgeRenderer/index.tsx      |   3 +-
 .../src/container/EdgeRenderer/utils.ts       |   6 +-
 .../src/container/FlowRenderer/index.tsx      |   0
 .../src/container/GraphView/index.tsx         |   0
 .../src/container/NodeRenderer/index.tsx      |   3 +-
 .../src/container/NodeRenderer/utils.ts       |   2 +-
 .../src/container/Pane/index.tsx              |   3 +-
 .../src/container/ReactFlow/Wrapper.tsx       |   0
 .../src/container/ReactFlow/index.tsx         |   4 +-
 .../src/container/ReactFlow/utils.ts          |   3 +-
 .../src/container/Viewport/index.tsx          |   0
 .../src/container/ZoomPane/index.tsx          |  13 +-
 .../src/contexts/NodeIdContext.ts             |   0
 .../src/contexts/RFStoreContext.ts            |   0
 packages/{core => react}/src/custom.d.ts      |   0
 packages/{core => react}/src/hooks/useDrag.ts |   2 +-
 .../{core => react}/src/hooks/useEdges.ts     |   0
 .../src/hooks/useGlobalKeyHandler.ts          |  12 +-
 .../{core => react}/src/hooks/useKeyPress.ts  |   9 +-
 .../{core => react}/src/hooks/useNodes.ts     |   1 -
 .../src/hooks/useNodesEdgesState.ts           |   0
 .../src/hooks/useNodesInitialized.ts          |   2 +-
 .../src/hooks/useOnInitHandler.ts             |   0
 .../src/hooks/useOnSelectionChange.ts         |   0
 .../src/hooks/useOnViewportChange.ts          |   2 +-
 .../{core => react}/src/hooks/useReactFlow.ts |   3 +-
 .../src/hooks/useResizeHandler.ts             |   3 +-
 .../{core => react}/src/hooks/useStore.ts     |   2 +-
 .../src/hooks/useUpdateNodeInternals.ts       |   2 +-
 .../src/hooks/useUpdateNodePositions.ts       |   2 +-
 .../{core => react}/src/hooks/useViewport.ts  |   2 +-
 .../src/hooks/useViewportHelper.ts            |   3 +-
 .../src/hooks/useVisibleEdges.ts              |   3 +-
 .../src/hooks/useVisibleNodes.ts              |   2 +-
 packages/{core => react}/src/index.ts         |  23 +-
 packages/{core => react}/src/store/index.ts   |  10 +-
 .../{core => react}/src/store/initialState.ts |   3 +-
 packages/{core => react}/src/store/utils.ts   |   9 +-
 packages/{core => react}/src/styles/base.css  |   0
 packages/{core => react}/src/styles/index.ts  |   0
 packages/{core => react}/src/styles/init.css  |   4 +
 .../src/styles/node-resizer.css}              |   2 +
 packages/{core => react}/src/styles/style.css |  38 +
 packages/{core => react}/src/types/changes.ts |   3 +-
 .../src/types/component-props.ts              |   2 +-
 packages/{core => react}/src/types/edges.ts   |   2 +-
 packages/{core => react}/src/types/general.ts |   2 +-
 packages/{core => react}/src/types/index.ts   |   0
 .../{core => react}/src/types/instance.ts     |   2 +-
 packages/{core => react}/src/types/nodes.ts   |   2 +-
 packages/{core => react}/src/types/store.ts   |   2 +-
 packages/{core => react}/src/utils/changes.ts |   0
 packages/{core => react}/src/utils/general.ts |   3 +-
 packages/{core => react}/src/utils/index.ts   |   0
 packages/{reactflow => react}/tsconfig.json   |   4 +-
 packages/reactflow/.eslintrc.js               |   4 -
 packages/reactflow/CHANGELOG.md               | 496 -----------
 packages/reactflow/README.md                  | 128 ---
 packages/reactflow/package.json               |  68 --
 packages/reactflow/src/base.css               |   4 -
 packages/reactflow/src/index.ts               |   8 -
 packages/reactflow/src/style.css              |   4 -
 packages/svelte/package.json                  |   6 +-
 packages/svelte/src/lib/actions/drag/index.ts |   2 +-
 packages/svelte/src/lib/actions/zoom/index.ts |   5 +-
 .../src/lib/components/Attribution/types.ts   |   2 +-
 .../components/EdgeWrapper/EdgeWrapper.svelte |   4 +-
 .../src/lib/components/Handle/Handle.svelte   |  11 +-
 .../NodeSelection/NodeSelection.svelte        |   2 +-
 .../components/NodeWrapper/NodeWrapper.svelte |   2 +-
 .../src/lib/components/NodeWrapper/types.ts   |   2 +-
 .../lib/components/edges/BezierEdge.svelte    |   2 +-
 .../components/edges/SmoothStepEdge.svelte    |   2 +-
 .../src/lib/components/edges/StepEdge.svelte  |   2 +-
 .../lib/components/edges/StraightEdge.svelte  |   2 +-
 .../lib/components/nodes/DefaultNode.svelte   |   2 +-
 .../src/lib/components/nodes/InputNode.svelte |   2 +-
 .../lib/components/nodes/OutputNode.svelte    |   2 +-
 .../MarkerDefinition/Marker.svelte            |   2 +-
 .../src/lib/container/EdgeRenderer/utils.ts   |   4 +-
 .../NodeRenderer/NodeRenderer.svelte          |   4 +-
 .../svelte/src/lib/container/Pane/Pane.svelte |   4 +-
 .../svelte/src/lib/container/Panel/types.ts   |   2 +-
 .../container/SvelteFlow/SvelteFlow.svelte    |   2 +-
 .../src/lib/container/SvelteFlow/types.ts     |   2 +-
 .../svelte/src/lib/container/Zoom/Zoom.svelte |   8 +-
 .../svelte/src/lib/container/Zoom/types.ts    |   2 +-
 .../svelte/src/lib/hooks/useSvelteFlow.ts     |   4 +-
 packages/svelte/src/lib/index.ts              |   6 +-
 .../svelte/src/lib/plugins/Controls/types.ts  |   2 +-
 .../src/lib/plugins/Minimap/Minimap.svelte    |   6 +-
 .../svelte/src/lib/plugins/Minimap/types.ts   |   2 +-
 .../svelte/src/lib/store/connection-path.ts   |   4 +-
 .../svelte/src/lib/store/edges-layouted.ts    |   4 +-
 packages/svelte/src/lib/store/index.ts        |   4 +-
 .../svelte/src/lib/store/initial-store.ts     |   4 +-
 packages/svelte/src/lib/store/types.ts        |   2 +-
 packages/svelte/src/lib/types/edges.ts        |   2 +-
 packages/svelte/src/lib/types/general.ts      |   8 +-
 packages/svelte/src/lib/types/nodes.ts        |   2 +-
 packages/svelte/src/lib/utils/index.ts        |   4 +-
 .../customnode/CustomNode/Custom.svelte       |   2 +-
 .../routes/overview/CustomEdge/Custom.svelte  |   2 +-
 .../routes/overview/CustomNode/Custom.svelte  |   2 +-
 .../svelte/src/routes/validation/+page.svelte |   2 +-
 packages/system/.eslintrc.js                  |   2 +-
 packages/system/README.md                     |   4 +-
 packages/system/package.json                  |  39 +-
 packages/system/src/constants.ts              |   2 +
 packages/system/src/index.ts                  |   8 +-
 packages/system/src/types/nodes.ts            |   2 +-
 packages/system/src/types/panzoom.ts          |   2 +
 .../src/utils/edges}/bezier-edge.ts           |   2 +-
 .../src => system/src/utils/edges}/general.ts |   2 +-
 .../src => system/src/utils/edges}/index.ts   |   0
 .../src/utils/edges}/smoothstep-edge.ts       |   2 +-
 .../src/utils/edges}/straight-edge.ts         |   0
 .../{utils/src => system/src/utils}/graph.ts  |   4 +-
 packages/system/src/utils/index.ts            |   4 +
 .../{utils/src => system/src/utils}/marker.ts |   2 +-
 .../{utils/src => system/src/utils}/utils.ts  |   2 +-
 .../{utils => system}/src/xydrag/XYDrag.ts    |   8 +-
 .../{utils => system}/src/xydrag/index.ts     |   0
 .../{utils => system}/src/xydrag/utils.ts     |   2 +-
 .../{utils => system}/src/xyhandle/index.ts   |  33 +-
 .../{utils => system}/src/xyhandle/utils.ts   |   4 +-
 .../src/xypanzoom/XYPanZoom.ts                |   6 +-
 .../src/xypanzoom/eventhandler.ts             |  18 +-
 .../{utils => system}/src/xypanzoom/filter.ts |   4 +-
 .../{utils => system}/src/xypanzoom/index.ts  |   0
 .../{utils => system}/src/xypanzoom/utils.ts  |   3 +-
 packages/system/tsconfig.json                 |   4 +-
 packages/utils/.eslintrc.js                   |   4 -
 packages/utils/README.md                      |  10 -
 packages/utils/package.json                   |  59 --
 packages/utils/src/index.ts                   |   6 -
 packages/utils/tsconfig.json                  |   6 -
 pnpm-lock.yaml                                | 784 ++++++++----------
 tooling/eslint-config/package.json            |   2 +-
 tooling/rollup-config/package.json            |   2 +-
 tooling/rollup-config/src/index.js            |   6 +-
 tooling/tsconfig/package.json                 |   2 +-
 turbo.json                                    |   3 +-
 332 files changed, 965 insertions(+), 3229 deletions(-)
 delete mode 100644 packages/background/.eslintrc.js
 delete mode 100644 packages/background/CHANGELOG.md
 delete mode 100644 packages/background/README.md
 delete mode 100644 packages/background/package.json
 delete mode 100644 packages/background/tsconfig.json
 delete mode 100644 packages/controls/.eslintrc.js
 delete mode 100644 packages/controls/CHANGELOG.md
 delete mode 100644 packages/controls/README.md
 delete mode 100644 packages/controls/package.json
 delete mode 100644 packages/controls/src/style.css
 delete mode 100644 packages/controls/tsconfig.json
 delete mode 100644 packages/core/.eslintrc.js
 delete mode 100644 packages/core/tsconfig.json
 delete mode 100644 packages/edge-utils/.eslintrc.js
 delete mode 100644 packages/edge-utils/README.md
 delete mode 100644 packages/edge-utils/package.json
 delete mode 100644 packages/edge-utils/tsconfig.json
 delete mode 100644 packages/minimap/.eslintrc.js
 delete mode 100644 packages/minimap/CHANGELOG.md
 delete mode 100644 packages/minimap/README.md
 delete mode 100644 packages/minimap/package.json
 delete mode 100644 packages/minimap/src/style.css
 delete mode 100644 packages/minimap/tsconfig.json
 delete mode 100644 packages/node-resizer/.eslintrc.js
 delete mode 100644 packages/node-resizer/CHANGELOG.md
 delete mode 100644 packages/node-resizer/README.md
 delete mode 100644 packages/node-resizer/package.json
 delete mode 100644 packages/node-resizer/tsconfig.json
 delete mode 100644 packages/node-toolbar/.eslintrc.js
 delete mode 100644 packages/node-toolbar/CHANGELOG.md
 delete mode 100644 packages/node-toolbar/README.md
 delete mode 100644 packages/node-toolbar/package.json
 delete mode 100644 packages/node-toolbar/tsconfig.json
 create mode 100644 packages/react/.eslintrc.js
 rename packages/{core => react}/CHANGELOG.md (100%)
 rename packages/{core => react}/README.md (100%)
 rename packages/{core => react}/package.json (75%)
 rename packages/{background/src => react/src/additional-components/Background}/Background.tsx (94%)
 rename packages/{background/src => react/src/additional-components/Background}/Patterns.tsx (100%)
 rename packages/{background/src => react/src/additional-components/Background}/index.tsx (100%)
 rename packages/{background/src => react/src/additional-components/Background}/types.ts (100%)
 rename packages/{controls/src => react/src/additional-components/Controls}/ControlButton.tsx (100%)
 rename packages/{controls/src => react/src/additional-components/Controls}/Controls.tsx (93%)
 rename packages/{controls/src => react/src/additional-components/Controls}/Icons/FitView.tsx (100%)
 rename packages/{controls/src => react/src/additional-components/Controls}/Icons/Lock.tsx (100%)
 rename packages/{controls/src => react/src/additional-components/Controls}/Icons/Minus.tsx (100%)
 rename packages/{controls/src => react/src/additional-components/Controls}/Icons/Plus.tsx (100%)
 rename packages/{controls/src => react/src/additional-components/Controls}/Icons/Unlock.tsx (100%)
 rename packages/{controls/src => react/src/additional-components/Controls}/index.tsx (100%)
 create mode 100644 packages/react/src/additional-components/Controls/style.css
 rename packages/{controls/src => react/src/additional-components/Controls}/types.ts (82%)
 rename packages/{minimap/src => react/src/additional-components/MiniMap}/MiniMap.tsx (97%)
 rename packages/{minimap/src => react/src/additional-components/MiniMap}/MiniMapNode.tsx (100%)
 rename packages/{minimap/src => react/src/additional-components/MiniMap}/index.tsx (100%)
 rename packages/{minimap/src => react/src/additional-components/MiniMap}/types.ts (92%)
 rename packages/{node-resizer/src => react/src/additional-components/NodeResizer}/NodeResizer.tsx (100%)
 rename packages/{node-resizer/src => react/src/additional-components/NodeResizer}/ResizeControl.tsx (95%)
 rename packages/{node-resizer/src => react/src/additional-components/NodeResizer}/index.tsx (100%)
 rename packages/{node-resizer/src => react/src/additional-components/NodeResizer}/types.ts (100%)
 rename packages/{node-resizer/src => react/src/additional-components/NodeResizer}/utils.ts (100%)
 rename packages/{node-toolbar/src => react/src/additional-components/NodeToolbar}/NodeToolbar.tsx (93%)
 rename packages/{node-toolbar/src => react/src/additional-components/NodeToolbar}/NodeToolbarPortal.tsx (80%)
 rename packages/{node-toolbar/src => react/src/additional-components/NodeToolbar}/index.tsx (100%)
 rename packages/{node-toolbar/src => react/src/additional-components/NodeToolbar}/types.ts (85%)
 create mode 100644 packages/react/src/additional-components/index.ts
 rename packages/{core => react}/src/components/A11yDescriptions/index.tsx (100%)
 rename packages/{core => react}/src/components/Attribution/index.tsx (90%)
 rename packages/{core => react}/src/components/ConnectionLine/index.tsx (98%)
 rename packages/{core => react}/src/components/EdgeLabelRenderer/index.tsx (100%)
 rename packages/{core => react}/src/components/Edges/BaseEdge.tsx (96%)
 rename packages/{core => react}/src/components/Edges/BezierEdge.tsx (88%)
 rename packages/{core => react}/src/components/Edges/EdgeAnchor.tsx (96%)
 rename packages/{core => react}/src/components/Edges/EdgeText.tsx (97%)
 rename packages/{core => react}/src/components/Edges/SimpleBezierEdge.tsx (96%)
 rename packages/{core => react}/src/components/Edges/SmoothStepEdge.tsx (92%)
 rename packages/{core => react}/src/components/Edges/StepEdge.tsx (100%)
 rename packages/{core => react}/src/components/Edges/StraightEdge.tsx (94%)
 rename packages/{core => react}/src/components/Edges/index.ts (100%)
 rename packages/{core => react}/src/components/Edges/utils.ts (82%)
 rename packages/{core => react}/src/components/Edges/wrapEdge.tsx (98%)
 rename packages/{core => react}/src/components/Handle/index.tsx (96%)
 rename packages/{core => react}/src/components/Nodes/DefaultNode.tsx (89%)
 rename packages/{core => react}/src/components/Nodes/GroupNode.tsx (100%)
 rename packages/{core => react}/src/components/Nodes/InputNode.tsx (85%)
 rename packages/{core => react}/src/components/Nodes/OutputNode.tsx (85%)
 rename packages/{core => react}/src/components/Nodes/utils.ts (93%)
 rename packages/{core => react}/src/components/Nodes/wrapNode.tsx (98%)
 rename packages/{core => react}/src/components/NodesSelection/index.tsx (94%)
 rename packages/{core => react}/src/components/Panel/index.tsx (93%)
 rename packages/{core => react}/src/components/ReactFlowProvider/index.tsx (93%)
 rename packages/{core => react}/src/components/SelectionListener/index.tsx (100%)
 rename packages/{core => react}/src/components/StoreUpdater/index.tsx (99%)
 rename packages/{core => react}/src/components/UserSelection/index.tsx (100%)
 rename packages/{core => react}/src/container/EdgeRenderer/MarkerDefinitions.tsx (95%)
 rename packages/{core => react}/src/container/EdgeRenderer/MarkerSymbols.tsx (93%)
 rename packages/{core => react}/src/container/EdgeRenderer/index.tsx (98%)
 rename packages/{core => react}/src/container/EdgeRenderer/utils.ts (96%)
 rename packages/{core => react}/src/container/FlowRenderer/index.tsx (100%)
 rename packages/{core => react}/src/container/GraphView/index.tsx (100%)
 rename packages/{core => react}/src/container/NodeRenderer/index.tsx (97%)
 rename packages/{core => react}/src/container/NodeRenderer/utils.ts (96%)
 rename packages/{core => react}/src/container/Pane/index.tsx (98%)
 rename packages/{core => react}/src/container/ReactFlow/Wrapper.tsx (100%)
 rename packages/{core => react}/src/container/ReactFlow/index.tsx (99%)
 rename packages/{core => react}/src/container/ReactFlow/utils.ts (92%)
 rename packages/{core => react}/src/container/Viewport/index.tsx (100%)
 rename packages/{core => react}/src/container/ZoomPane/index.tsx (89%)
 rename packages/{core => react}/src/contexts/NodeIdContext.ts (100%)
 rename packages/{core => react}/src/contexts/RFStoreContext.ts (100%)
 rename packages/{core => react}/src/custom.d.ts (100%)
 rename packages/{core => react}/src/hooks/useDrag.ts (96%)
 rename packages/{core => react}/src/hooks/useEdges.ts (100%)
 rename packages/{core => react}/src/hooks/useGlobalKeyHandler.ts (86%)
 rename packages/{core => react}/src/hooks/useKeyPress.ts (96%)
 rename packages/{core => react}/src/hooks/useNodes.ts (99%)
 rename packages/{core => react}/src/hooks/useNodesEdgesState.ts (100%)
 rename packages/{core => react}/src/hooks/useNodesInitialized.ts (93%)
 rename packages/{core => react}/src/hooks/useOnInitHandler.ts (100%)
 rename packages/{core => react}/src/hooks/useOnSelectionChange.ts (100%)
 rename packages/{core => react}/src/hooks/useOnViewportChange.ts (91%)
 rename packages/{core => react}/src/hooks/useReactFlow.ts (98%)
 rename packages/{core => react}/src/hooks/useResizeHandler.ts (91%)
 rename packages/{core => react}/src/hooks/useStore.ts (95%)
 rename packages/{core => react}/src/hooks/useUpdateNodeInternals.ts (97%)
 rename packages/{core => react}/src/hooks/useUpdateNodePositions.ts (97%)
 rename packages/{core => react}/src/hooks/useViewport.ts (89%)
 rename packages/{core => react}/src/hooks/useViewportHelper.ts (95%)
 rename packages/{core => react}/src/hooks/useVisibleEdges.ts (96%)
 rename packages/{core => react}/src/hooks/useVisibleNodes.ts (91%)
 rename packages/{core => react}/src/index.ts (88%)
 rename packages/{core => react}/src/store/index.ts (98%)
 rename packages/{core => react}/src/store/initialState.ts (92%)
 rename packages/{core => react}/src/store/utils.ts (96%)
 rename packages/{core => react}/src/styles/base.css (100%)
 rename packages/{core => react}/src/styles/index.ts (100%)
 rename packages/{core => react}/src/styles/init.css (98%)
 rename packages/{node-resizer/src/style.css => react/src/styles/node-resizer.css} (99%)
 rename packages/{core => react}/src/styles/style.css (66%)
 rename packages/{core => react}/src/types/changes.ts (95%)
 rename packages/{core => react}/src/types/component-props.ts (99%)
 rename packages/{core => react}/src/types/edges.ts (99%)
 rename packages/{core => react}/src/types/general.ts (98%)
 rename packages/{core => react}/src/types/index.ts (100%)
 rename packages/{core => react}/src/types/instance.ts (97%)
 rename packages/{core => react}/src/types/nodes.ts (96%)
 rename packages/{core => react}/src/types/store.ts (99%)
 rename packages/{core => react}/src/utils/changes.ts (100%)
 rename packages/{core => react}/src/utils/general.ts (95%)
 rename packages/{core => react}/src/utils/index.ts (100%)
 rename packages/{reactflow => react}/tsconfig.json (51%)
 delete mode 100644 packages/reactflow/.eslintrc.js
 delete mode 100644 packages/reactflow/CHANGELOG.md
 delete mode 100644 packages/reactflow/README.md
 delete mode 100644 packages/reactflow/package.json
 delete mode 100644 packages/reactflow/src/base.css
 delete mode 100644 packages/reactflow/src/index.ts
 delete mode 100644 packages/reactflow/src/style.css
 rename packages/{edge-utils/src => system/src/utils/edges}/bezier-edge.ts (98%)
 rename packages/{edge-utils/src => system/src/utils/edges}/general.ts (94%)
 rename packages/{edge-utils/src => system/src/utils/edges}/index.ts (100%)
 rename packages/{edge-utils/src => system/src/utils/edges}/smoothstep-edge.ts (99%)
 rename packages/{edge-utils/src => system/src/utils/edges}/straight-edge.ts (100%)
 rename packages/{utils/src => system/src/utils}/graph.ts (99%)
 create mode 100644 packages/system/src/utils/index.ts
 rename packages/{utils/src => system/src/utils}/marker.ts (97%)
 rename packages/{utils/src => system/src/utils}/utils.ts (99%)
 rename packages/{utils => system}/src/xydrag/XYDrag.ts (99%)
 rename packages/{utils => system}/src/xydrag/index.ts (100%)
 rename packages/{utils => system}/src/xydrag/utils.ts (96%)
 rename packages/{utils => system}/src/xyhandle/index.ts (94%)
 rename packages/{utils => system}/src/xyhandle/utils.ts (98%)
 rename packages/{utils => system}/src/xypanzoom/XYPanZoom.ts (99%)
 rename packages/{utils => system}/src/xypanzoom/eventhandler.ts (96%)
 rename packages/{utils => system}/src/xypanzoom/filter.ts (95%)
 rename packages/{utils => system}/src/xypanzoom/index.ts (100%)
 rename packages/{utils => system}/src/xypanzoom/utils.ts (92%)
 delete mode 100644 packages/utils/.eslintrc.js
 delete mode 100644 packages/utils/README.md
 delete mode 100644 packages/utils/package.json
 delete mode 100644 packages/utils/src/index.ts
 delete mode 100644 packages/utils/tsconfig.json

diff --git a/README.md b/README.md
index 6962878c7..bd25d0f91 100644
--- a/README.md
+++ b/README.md
@@ -54,7 +54,7 @@ import ReactFlow, {
   useNodesState,
   useEdgesState,
   addEdge,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import 'reactflow/dist/style.css';
 
diff --git a/examples/vite-app/cypress/components/hooks/useEdges.cy.tsx b/examples/vite-app/cypress/components/hooks/useEdges.cy.tsx
index 021dc4207..d64d9dfd0 100644
--- a/examples/vite-app/cypress/components/hooks/useEdges.cy.tsx
+++ b/examples/vite-app/cypress/components/hooks/useEdges.cy.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import ReactFlow, { Edge, useEdges } from 'reactflow';
+import ReactFlow, { Edge, useEdges } from '@xyflow/react';
 
 import { nodes as initialNodes, edges as initialEdges } from '../../fixtures/simpleflow';
 
diff --git a/examples/vite-app/cypress/components/hooks/useNodes.cy.tsx b/examples/vite-app/cypress/components/hooks/useNodes.cy.tsx
index e80947dc1..43b7c0714 100644
--- a/examples/vite-app/cypress/components/hooks/useNodes.cy.tsx
+++ b/examples/vite-app/cypress/components/hooks/useNodes.cy.tsx
@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import ReactFlow, { Node, useNodes } from 'reactflow';
+import ReactFlow, { Node, useNodes } from '@xyflow/react';
 
 import { nodes } from '../../fixtures/simpleflow';
 
diff --git a/examples/vite-app/cypress/components/hooks/useNodesInitialized.cy.tsx b/examples/vite-app/cypress/components/hooks/useNodesInitialized.cy.tsx
index d7082b1f8..e70a68c8a 100644
--- a/examples/vite-app/cypress/components/hooks/useNodesInitialized.cy.tsx
+++ b/examples/vite-app/cypress/components/hooks/useNodesInitialized.cy.tsx
@@ -1,4 +1,4 @@
-import ReactFlow, { useNodesInitialized } from 'reactflow';
+import ReactFlow, { useNodesInitialized } from '@xyflow/react';
 
 import { nodes } from '../../fixtures/simpleflow';
 import ControlledFlow from '../../support/ControlledFlow';
diff --git a/examples/vite-app/cypress/components/hooks/useOnViewportChange.cy.tsx b/examples/vite-app/cypress/components/hooks/useOnViewportChange.cy.tsx
index 2f6edd8e7..22da0e8ec 100644
--- a/examples/vite-app/cypress/components/hooks/useOnViewportChange.cy.tsx
+++ b/examples/vite-app/cypress/components/hooks/useOnViewportChange.cy.tsx
@@ -1,4 +1,4 @@
-import ReactFlow, { useOnViewportChange, Viewport } from 'reactflow';
+import ReactFlow, { useOnViewportChange, Viewport } from '@xyflow/react';
 
 describe('useOnViewportChange.cy.tsx', () => {
   it('listen to viewport drag', () => {
diff --git a/examples/vite-app/cypress/components/hooks/useViewport.cy.tsx b/examples/vite-app/cypress/components/hooks/useViewport.cy.tsx
index cf57f7c5a..7e2c8b6b3 100644
--- a/examples/vite-app/cypress/components/hooks/useViewport.cy.tsx
+++ b/examples/vite-app/cypress/components/hooks/useViewport.cy.tsx
@@ -1,4 +1,4 @@
-import ReactFlow, { useViewport, Viewport } from 'reactflow';
+import ReactFlow, { useViewport, Viewport } from '@xyflow/react';
 
 describe('useViewport.cy.tsx', () => {
   it('handles drag', () => {
diff --git a/examples/vite-app/cypress/components/reactflow/basic-props.cy.tsx b/examples/vite-app/cypress/components/reactflow/basic-props.cy.tsx
index d777531ec..30bf86b93 100644
--- a/examples/vite-app/cypress/components/reactflow/basic-props.cy.tsx
+++ b/examples/vite-app/cypress/components/reactflow/basic-props.cy.tsx
@@ -1,4 +1,4 @@
-import ReactFlow, { EdgeProps } from 'reactflow';
+import ReactFlow, { EdgeProps } from '@xyflow/react';
 
 import ControlledFlow from '../../support/ControlledFlow';
 import * as simpleflow from '../../fixtures/simpleflow';
diff --git a/examples/vite-app/cypress/components/reactflow/multiple-instance.cy.tsx b/examples/vite-app/cypress/components/reactflow/multiple-instance.cy.tsx
index b1b354a0c..a2fbef352 100644
--- a/examples/vite-app/cypress/components/reactflow/multiple-instance.cy.tsx
+++ b/examples/vite-app/cypress/components/reactflow/multiple-instance.cy.tsx
@@ -1,4 +1,4 @@
-import ReactFlow, { BaseEdge, EdgeLabelRenderer, EdgeProps, getSmoothStepPath, ReactFlowProvider } from 'reactflow';
+import ReactFlow, { BaseEdge, EdgeLabelRenderer, EdgeProps, getSmoothStepPath, ReactFlowProvider } from '@xyflow/react';
 import * as simpleflow from '../../fixtures/simpleflow';
 
 function CustomEdge(props: EdgeProps) {
diff --git a/examples/vite-app/cypress/components/reactflow/uncontrolled.cy.tsx b/examples/vite-app/cypress/components/reactflow/uncontrolled.cy.tsx
index 5a5a264ad..4b1eb0cf1 100644
--- a/examples/vite-app/cypress/components/reactflow/uncontrolled.cy.tsx
+++ b/examples/vite-app/cypress/components/reactflow/uncontrolled.cy.tsx
@@ -1,4 +1,4 @@
-import ReactFlow from 'reactflow';
+import ReactFlow from '@xyflow/react';
 
 import { nodes, edges } from '../../fixtures/simpleflow';
 
diff --git a/examples/vite-app/cypress/components/reactflow/view-props.cy.tsx b/examples/vite-app/cypress/components/reactflow/view-props.cy.tsx
index c73c94d15..dd1377baf 100644
--- a/examples/vite-app/cypress/components/reactflow/view-props.cy.tsx
+++ b/examples/vite-app/cypress/components/reactflow/view-props.cy.tsx
@@ -1,4 +1,4 @@
-import ReactFlow, { ReactFlowProps, Viewport, useViewport, SnapGrid, CoordinateExtent, Node } from 'reactflow';
+import ReactFlow, { ReactFlowProps, Viewport, useViewport, SnapGrid, CoordinateExtent, Node } from '@xyflow/react';
 
 import ControlledFlow from '../../support/ControlledFlow';
 import * as simpleflow from '../../fixtures/simpleflow';
diff --git a/examples/vite-app/cypress/components/utils/graph-utils.cy.ts b/examples/vite-app/cypress/components/utils/graph-utils.cy.ts
index 74119444e..7457f5ab7 100644
--- a/examples/vite-app/cypress/components/utils/graph-utils.cy.ts
+++ b/examples/vite-app/cypress/components/utils/graph-utils.cy.ts
@@ -1,4 +1,4 @@
-import { Node, Edge, isNode, isEdge, getOutgoers, getIncomers, addEdge } from 'reactflow';
+import { Node, Edge, isNode, isEdge, getOutgoers, getIncomers, addEdge } from '@xyflow/react';
 
 const nodes: Node[] = [
   {
diff --git a/examples/vite-app/cypress/fixtures/simpleflow.ts b/examples/vite-app/cypress/fixtures/simpleflow.ts
index ede9ac5cb..350688ad8 100644
--- a/examples/vite-app/cypress/fixtures/simpleflow.ts
+++ b/examples/vite-app/cypress/fixtures/simpleflow.ts
@@ -1,4 +1,4 @@
-import { Node, Edge } from 'reactflow';
+import { Node, Edge } from '@xyflow/react';
 
 export const nodes: Node[] = [
   {
diff --git a/examples/vite-app/cypress/support/ControlledFlow.tsx b/examples/vite-app/cypress/support/ControlledFlow.tsx
index 6181f1136..eaa560bfa 100644
--- a/examples/vite-app/cypress/support/ControlledFlow.tsx
+++ b/examples/vite-app/cypress/support/ControlledFlow.tsx
@@ -10,7 +10,7 @@ import {
   Connection,
   addEdge,
   ReactFlowProps,
-} from 'reactflow';
+} from '@xyflow/react';
 
 function ControlledFlow({
   addOnNodeChangeHandler = true,
diff --git a/examples/vite-app/cypress/support/component.ts b/examples/vite-app/cypress/support/component.ts
index f065b0364..94d859fe7 100644
--- a/examples/vite-app/cypress/support/component.ts
+++ b/examples/vite-app/cypress/support/component.ts
@@ -6,9 +6,9 @@ import './commands';
 import 'cypress-real-events/support';
 
 import { mount } from 'cypress/react18';
-import { XYPosition } from 'reactflow';
+import { XYPosition } from '@xyflow/react';
 
-import 'reactflow/dist/style.css';
+import '@xyflow/react/dist/style.css';
 
 declare global {
   // eslint-disable-next-line @typescript-eslint/no-namespace
diff --git a/examples/vite-app/package.json b/examples/vite-app/package.json
index 6226fda01..16a01a02a 100644
--- a/examples/vite-app/package.json
+++ b/examples/vite-app/package.json
@@ -1,10 +1,10 @@
 {
-  "name": "@reactflow/examples",
+  "name": "@xyflow/react-examples",
   "private": true,
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite --port 3000 --open --host --force",
+    "dev": "vite --port 3000 --open --host",
     "serve": "vite serve --port 3000",
     "build": "vite build",
     "test:dev": "cypress open",
@@ -14,13 +14,13 @@
     "test-e2e": "start-server-and-test 'pnpm serve' http-get://localhost:3000 'pnpm test-e2e-cypress'"
   },
   "dependencies": {
+    "@xyflow/react": "workspace:*",
     "classcat": "^5.0.3",
     "dagre": "^0.8.5",
     "localforage": "^1.10.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.3.0",
-    "reactflow": "workspace:*",
     "zustand": "^4.3.1"
   },
   "devDependencies": {
@@ -29,6 +29,7 @@
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
     "@vitejs/plugin-react": "4.0.0",
+    "@vitejs/plugin-react-swc": "^3.3.2",
     "cypress": "^10.6.0",
     "cypress-real-events": "^1.7.1",
     "start-server-and-test": "^1.14.0",
diff --git a/examples/vite-app/src/examples/Backgrounds/index.tsx b/examples/vite-app/src/examples/Backgrounds/index.tsx
index 0cbabf0ad..d9486ffe3 100644
--- a/examples/vite-app/src/examples/Backgrounds/index.tsx
+++ b/examples/vite-app/src/examples/Backgrounds/index.tsx
@@ -1,13 +1,14 @@
 import { FC } from 'react';
 
-import ReactFlow, {
+import {
+  ReactFlow,
   Node,
   ReactFlowProvider,
   useNodesState,
   Background,
   BackgroundProps,
   BackgroundVariant,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import styles from './style.module.css';
 
diff --git a/examples/vite-app/src/examples/Basic/index.tsx b/examples/vite-app/src/examples/Basic/index.tsx
index 76ce801be..21f48ec57 100644
--- a/examples/vite-app/src/examples/Basic/index.tsx
+++ b/examples/vite-app/src/examples/Basic/index.tsx
@@ -1,5 +1,6 @@
 import { MouseEvent } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   MiniMap,
   Background,
   BackgroundVariant,
@@ -9,7 +10,7 @@ import ReactFlow, {
   Edge,
   useReactFlow,
   Panel,
-} from 'reactflow';
+} from '@xyflow/react';
 
 const onNodeDrag = (_: MouseEvent, node: Node) => console.log('drag', node);
 const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node);
diff --git a/examples/vite-app/src/examples/CancelConnection/data.ts b/examples/vite-app/src/examples/CancelConnection/data.ts
index 821b79fe5..b8a436f9f 100644
--- a/examples/vite-app/src/examples/CancelConnection/data.ts
+++ b/examples/vite-app/src/examples/CancelConnection/data.ts
@@ -1,4 +1,4 @@
-import { Edge, Node } from 'reactflow';
+import { Edge, Node } from '@xyflow/react';
 
 export const initialNodes: Node[] = [
   {
diff --git a/examples/vite-app/src/examples/CancelConnection/index.tsx b/examples/vite-app/src/examples/CancelConnection/index.tsx
index 689ededf7..56c8b4120 100644
--- a/examples/vite-app/src/examples/CancelConnection/index.tsx
+++ b/examples/vite-app/src/examples/CancelConnection/index.tsx
@@ -1,4 +1,5 @@
-import ReactFlow, {
+import {
+  ReactFlow,
   Background,
   MiniMap,
   addEdge,
@@ -10,7 +11,7 @@ import ReactFlow, {
   OnConnectStart,
   OnConnectEnd,
   useStore,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import useCountdown from './hooks/useCountdown';
 import { initialEdges, initialNodes } from './data';
@@ -21,7 +22,7 @@ const CANCEL_AFTER = 5; // seconds
 const CancelConnection = () => {
   const [nodes, _, onNodesChange] = useNodesState(initialNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
-  const cancelConnection = useStore(state => state.cancelConnection)
+  const cancelConnection = useStore((state) => state.cancelConnection);
 
   // Cancels connection after 5 seconds
   const countdown = useCountdown(() => cancelConnection());
@@ -32,11 +33,7 @@ const CancelConnection = () => {
 
   return (
     <>
-      <Timer
-        duration={CANCEL_AFTER}
-        show={countdown.counting}
-        remaining={countdown.remaining}
-      />
+      <Timer duration={CANCEL_AFTER} show={countdown.counting} remaining={countdown.remaining} />
       <ReactFlow
         nodes={nodes}
         edges={edges}
@@ -53,7 +50,7 @@ const CancelConnection = () => {
       </ReactFlow>
     </>
   );
-}
+};
 
 export default () => (
   <ReactFlowProvider>
diff --git a/examples/vite-app/src/examples/ControlledUncontrolled/index.tsx b/examples/vite-app/src/examples/ControlledUncontrolled/index.tsx
index 1d6ed2992..170df3a48 100644
--- a/examples/vite-app/src/examples/ControlledUncontrolled/index.tsx
+++ b/examples/vite-app/src/examples/ControlledUncontrolled/index.tsx
@@ -1,4 +1,5 @@
-import ReactFlow, {
+import {
+  ReactFlow,
   useReactFlow,
   Node,
   Edge,
@@ -7,7 +8,7 @@ import ReactFlow, {
   useEdgesState,
   Background,
   BackgroundVariant,
-} from 'reactflow';
+} from '@xyflow/react';
 
 const defaultNodes: Node[] = [
   {
diff --git a/examples/vite-app/src/examples/CustomConnectionLine/ConnectionLine.tsx b/examples/vite-app/src/examples/CustomConnectionLine/ConnectionLine.tsx
index b27306ddb..ddba960b9 100644
--- a/examples/vite-app/src/examples/CustomConnectionLine/ConnectionLine.tsx
+++ b/examples/vite-app/src/examples/CustomConnectionLine/ConnectionLine.tsx
@@ -1,4 +1,4 @@
-import { ConnectionLineComponentProps } from 'reactflow';
+import { ConnectionLineComponentProps } from '@xyflow/react';
 
 function ConnectionLine({ fromX, fromY, toX, toY }: ConnectionLineComponentProps) {
   return (
diff --git a/examples/vite-app/src/examples/CustomConnectionLine/index.tsx b/examples/vite-app/src/examples/CustomConnectionLine/index.tsx
index 669ec17b8..2e5e29693 100644
--- a/examples/vite-app/src/examples/CustomConnectionLine/index.tsx
+++ b/examples/vite-app/src/examples/CustomConnectionLine/index.tsx
@@ -1,5 +1,6 @@
 import { useCallback } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   Node,
   addEdge,
   Connection,
@@ -8,7 +9,7 @@ import ReactFlow, {
   useEdgesState,
   Background,
   BackgroundVariant,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import ConnectionLine from './ConnectionLine';
 
diff --git a/examples/vite-app/src/examples/CustomMiniMapNode/index.tsx b/examples/vite-app/src/examples/CustomMiniMapNode/index.tsx
index 6a8e58079..d8f584b62 100644
--- a/examples/vite-app/src/examples/CustomMiniMapNode/index.tsx
+++ b/examples/vite-app/src/examples/CustomMiniMapNode/index.tsx
@@ -1,6 +1,7 @@
 import { MouseEvent, CSSProperties, useCallback } from 'react';
 
-import ReactFlow, {
+import {
+  ReactFlow,
   addEdge,
   Background,
   BackgroundVariant,
@@ -13,7 +14,7 @@ import ReactFlow, {
   ReactFlowInstance,
   useEdgesState,
   useNodesState,
-} from 'reactflow';
+} from '@xyflow/react';
 
 const onInit = (reactFlowInstance: ReactFlowInstance) => console.log('flow loaded:', reactFlowInstance);
 const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);
diff --git a/examples/vite-app/src/examples/CustomNode/ColorSelectorNode.tsx b/examples/vite-app/src/examples/CustomNode/ColorSelectorNode.tsx
index 2387e0e44..aebc8e0e7 100644
--- a/examples/vite-app/src/examples/CustomNode/ColorSelectorNode.tsx
+++ b/examples/vite-app/src/examples/CustomNode/ColorSelectorNode.tsx
@@ -1,5 +1,5 @@
 import React, { memo, FC, CSSProperties, useCallback } from 'react';
-import { Handle, Position, NodeProps, Connection, Edge, useOnViewportChange, Viewport } from 'reactflow';
+import { Handle, Position, NodeProps, Connection, Edge, useOnViewportChange, Viewport } from '@xyflow/react';
 
 const targetHandleStyle: CSSProperties = { background: '#555' };
 const sourceHandleStyleA: CSSProperties = { ...targetHandleStyle, top: 10 };
diff --git a/examples/vite-app/src/examples/CustomNode/index.tsx b/examples/vite-app/src/examples/CustomNode/index.tsx
index 27fab297b..72c581262 100644
--- a/examples/vite-app/src/examples/CustomNode/index.tsx
+++ b/examples/vite-app/src/examples/CustomNode/index.tsx
@@ -1,5 +1,6 @@
 import { useState, useEffect, MouseEvent, ChangeEvent, useCallback } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   MiniMap,
   Controls,
   addEdge,
@@ -10,7 +11,7 @@ import ReactFlow, {
   Connection,
   useNodesState,
   useEdgesState,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import ColorSelectorNode from './ColorSelectorNode';
 
diff --git a/examples/vite-app/src/examples/DefaultNodes/index.tsx b/examples/vite-app/src/examples/DefaultNodes/index.tsx
index affd4ce72..46ef8e0c1 100644
--- a/examples/vite-app/src/examples/DefaultNodes/index.tsx
+++ b/examples/vite-app/src/examples/DefaultNodes/index.tsx
@@ -1,4 +1,5 @@
-import ReactFlow, {
+import {
+  ReactFlow,
   useReactFlow,
   Node,
   Edge,
@@ -6,7 +7,7 @@ import ReactFlow, {
   Background,
   BackgroundVariant,
   Panel,
-} from 'reactflow';
+} from '@xyflow/react';
 
 const defaultNodes: Node[] = [
   {
diff --git a/examples/vite-app/src/examples/DragHandle/DragHandleNode.tsx b/examples/vite-app/src/examples/DragHandle/DragHandleNode.tsx
index 91ae44e89..56de576b6 100644
--- a/examples/vite-app/src/examples/DragHandle/DragHandleNode.tsx
+++ b/examples/vite-app/src/examples/DragHandle/DragHandleNode.tsx
@@ -1,6 +1,5 @@
-import React, { memo, FC } from 'react';
-
-import { Handle, Position, NodeProps, Connection, Edge } from 'reactflow';
+import { memo, FC } from 'react';
+import { Handle, Position, NodeProps, Connection, Edge } from '@xyflow/react';
 
 const onConnect = (params: Connection | Edge) => console.log('handle onConnect', params);
 
diff --git a/examples/vite-app/src/examples/DragHandle/index.tsx b/examples/vite-app/src/examples/DragHandle/index.tsx
index 8e6bbf982..b76d8ae76 100644
--- a/examples/vite-app/src/examples/DragHandle/index.tsx
+++ b/examples/vite-app/src/examples/DragHandle/index.tsx
@@ -1,5 +1,5 @@
 import { MouseEvent } from 'react';
-import ReactFlow, { Node, Edge, useNodesState, useEdgesState } from 'reactflow';
+import { ReactFlow, Node, Edge, useNodesState, useEdgesState } from '@xyflow/react';
 
 import DragHandleNode from './DragHandleNode';
 
diff --git a/examples/vite-app/src/examples/DragNDrop/index.tsx b/examples/vite-app/src/examples/DragNDrop/index.tsx
index d59ee6876..16e9737e9 100644
--- a/examples/vite-app/src/examples/DragNDrop/index.tsx
+++ b/examples/vite-app/src/examples/DragNDrop/index.tsx
@@ -1,5 +1,6 @@
 import { useState, DragEvent } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   ReactFlowProvider,
   addEdge,
   ReactFlowInstance,
@@ -10,7 +11,7 @@ import ReactFlow, {
   useEdgesState,
   Controls,
   NodeOrigin,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import Sidebar from './Sidebar';
 
diff --git a/examples/vite-app/src/examples/EasyConnect/CustomConnectionLine.tsx b/examples/vite-app/src/examples/EasyConnect/CustomConnectionLine.tsx
index ea671570f..8342d730b 100644
--- a/examples/vite-app/src/examples/EasyConnect/CustomConnectionLine.tsx
+++ b/examples/vite-app/src/examples/EasyConnect/CustomConnectionLine.tsx
@@ -1,4 +1,4 @@
-import { ConnectionLineComponentProps, getStraightPath } from 'reactflow';
+import { ConnectionLineComponentProps, getStraightPath } from '@xyflow/react';
 
 function CustomConnectionLine({ fromX, fromY, toX, toY, connectionLineStyle }: ConnectionLineComponentProps) {
   const [edgePath] = getStraightPath({
diff --git a/examples/vite-app/src/examples/EasyConnect/CustomNode.tsx b/examples/vite-app/src/examples/EasyConnect/CustomNode.tsx
index 3e4893623..7d3d6d672 100644
--- a/examples/vite-app/src/examples/EasyConnect/CustomNode.tsx
+++ b/examples/vite-app/src/examples/EasyConnect/CustomNode.tsx
@@ -1,4 +1,4 @@
-import { Handle, NodeProps, Position, ReactFlowState, useStore } from 'reactflow';
+import { Handle, NodeProps, Position, ReactFlowState, useStore } from '@xyflow/react';
 
 const connectionNodeIdSelector = (state: ReactFlowState) => state.connectionStartHandle?.nodeId;
 
diff --git a/examples/vite-app/src/examples/EasyConnect/FloatingEdge.tsx b/examples/vite-app/src/examples/EasyConnect/FloatingEdge.tsx
index 4b1038f07..55ed472b7 100644
--- a/examples/vite-app/src/examples/EasyConnect/FloatingEdge.tsx
+++ b/examples/vite-app/src/examples/EasyConnect/FloatingEdge.tsx
@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import { useStore, getStraightPath, EdgeProps } from 'reactflow';
+import { useStore, getStraightPath, EdgeProps } from '@xyflow/react';
 
 import { getEdgeParams } from './utils.js';
 
diff --git a/examples/vite-app/src/examples/EasyConnect/index.tsx b/examples/vite-app/src/examples/EasyConnect/index.tsx
index 1e26ae3dd..7e6008480 100644
--- a/examples/vite-app/src/examples/EasyConnect/index.tsx
+++ b/examples/vite-app/src/examples/EasyConnect/index.tsx
@@ -1,11 +1,11 @@
 import { useCallback } from 'react';
-import ReactFlow, { Node, Edge, addEdge, useNodesState, useEdgesState, MarkerType, OnConnect } from 'reactflow';
+import { ReactFlow, Node, Edge, addEdge, useNodesState, useEdgesState, MarkerType, OnConnect } from '@xyflow/react';
 
 import CustomNode from './CustomNode';
 import FloatingEdge from './FloatingEdge';
 import CustomConnectionLine from './CustomConnectionLine';
 
-import 'reactflow/dist/style.css';
+import '@xyflow/react/dist/style.css';
 import './style.css';
 
 const initialNodes: Node[] = [
diff --git a/examples/vite-app/src/examples/EasyConnect/utils.tsx b/examples/vite-app/src/examples/EasyConnect/utils.tsx
index 02bf2eafb..cef818f5f 100644
--- a/examples/vite-app/src/examples/EasyConnect/utils.tsx
+++ b/examples/vite-app/src/examples/EasyConnect/utils.tsx
@@ -1,4 +1,4 @@
-import { Node, Position, MarkerType, XYPosition } from 'reactflow';
+import { Node, Position, MarkerType, XYPosition } from '@xyflow/react';
 
 // this helper function returns the intersection point
 // of the line between the center of the intersectionNode and the target node
diff --git a/examples/vite-app/src/examples/EdgeRenderer/CustomEdge.tsx b/examples/vite-app/src/examples/EdgeRenderer/CustomEdge.tsx
index 05d893caf..ca9bb5f08 100644
--- a/examples/vite-app/src/examples/EdgeRenderer/CustomEdge.tsx
+++ b/examples/vite-app/src/examples/EdgeRenderer/CustomEdge.tsx
@@ -1,5 +1,5 @@
 import { FC, MouseEvent } from 'react';
-import { EdgeProps, getBezierPath, EdgeLabelRenderer, useStore } from 'reactflow';
+import { EdgeProps, getBezierPath, EdgeLabelRenderer, useStore } from '@xyflow/react';
 
 const CustomEdge: FC<EdgeProps> = ({
   id,
diff --git a/examples/vite-app/src/examples/EdgeRenderer/CustomEdge2.tsx b/examples/vite-app/src/examples/EdgeRenderer/CustomEdge2.tsx
index ebdb1641b..d060a19d0 100644
--- a/examples/vite-app/src/examples/EdgeRenderer/CustomEdge2.tsx
+++ b/examples/vite-app/src/examples/EdgeRenderer/CustomEdge2.tsx
@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { EdgeProps, getBezierPath, EdgeLabelRenderer, useStore } from 'reactflow';
+import { EdgeProps, getBezierPath, EdgeLabelRenderer, useStore } from '@xyflow/react';
 
 const CustomEdge: FC<EdgeProps> = ({
   id,
diff --git a/examples/vite-app/src/examples/EdgeRenderer/index.tsx b/examples/vite-app/src/examples/EdgeRenderer/index.tsx
index d80cea8b6..b5b84fc6e 100644
--- a/examples/vite-app/src/examples/EdgeRenderer/index.tsx
+++ b/examples/vite-app/src/examples/EdgeRenderer/index.tsx
@@ -1,5 +1,6 @@
 import { MouseEvent, useCallback } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   Controls,
   Background,
   MiniMap,
@@ -11,7 +12,7 @@ import ReactFlow, {
   Node,
   useEdgesState,
   useNodesState,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import CustomEdge from './CustomEdge';
 import CustomEdge2 from './CustomEdge2';
diff --git a/examples/vite-app/src/examples/EdgeRouting/index.tsx b/examples/vite-app/src/examples/EdgeRouting/index.tsx
index 37bdb5cbf..4e78212b5 100644
--- a/examples/vite-app/src/examples/EdgeRouting/index.tsx
+++ b/examples/vite-app/src/examples/EdgeRouting/index.tsx
@@ -1,4 +1,4 @@
-import ReactFlow, { Node, Edge, Position, MarkerType } from 'reactflow';
+import { ReactFlow, Node, Edge, Position, MarkerType } from '@xyflow/react';
 
 const nodes: Node[] = [
   // LTR
diff --git a/examples/vite-app/src/examples/EdgeTypes/index.tsx b/examples/vite-app/src/examples/EdgeTypes/index.tsx
index 9c1eb39a1..691eb36aa 100644
--- a/examples/vite-app/src/examples/EdgeTypes/index.tsx
+++ b/examples/vite-app/src/examples/EdgeTypes/index.tsx
@@ -1,6 +1,7 @@
 import { useCallback } from 'react';
 
-import ReactFlow, {
+import {
+  ReactFlow,
   Background,
   Controls,
   MiniMap,
@@ -10,7 +11,7 @@ import ReactFlow, {
   Edge,
   useNodesState,
   useEdgesState,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import { getElements } from './utils';
 
diff --git a/examples/vite-app/src/examples/EdgeTypes/utils.ts b/examples/vite-app/src/examples/EdgeTypes/utils.ts
index 4992bd6f7..2a55d8898 100644
--- a/examples/vite-app/src/examples/EdgeTypes/utils.ts
+++ b/examples/vite-app/src/examples/EdgeTypes/utils.ts
@@ -1,4 +1,4 @@
-import { Edge, Node, Position } from 'reactflow';
+import { Edge, Node, Position } from '@xyflow/react';
 
 const nodeWidth = 80;
 const nodeGapWidth = nodeWidth * 2;
diff --git a/examples/vite-app/src/examples/Edges/CustomEdge.tsx b/examples/vite-app/src/examples/Edges/CustomEdge.tsx
index ff7004136..f2fdc34c6 100644
--- a/examples/vite-app/src/examples/Edges/CustomEdge.tsx
+++ b/examples/vite-app/src/examples/Edges/CustomEdge.tsx
@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { BaseEdge, EdgeProps, getBezierPath } from 'reactflow';
+import { BaseEdge, EdgeProps, getBezierPath } from '@xyflow/react';
 
 const CustomEdge: FC<EdgeProps> = ({
   id,
diff --git a/examples/vite-app/src/examples/Edges/CustomEdge2.tsx b/examples/vite-app/src/examples/Edges/CustomEdge2.tsx
index b40f12cbe..02cfd7917 100644
--- a/examples/vite-app/src/examples/Edges/CustomEdge2.tsx
+++ b/examples/vite-app/src/examples/Edges/CustomEdge2.tsx
@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { EdgeProps, getBezierPath, EdgeText, BaseEdge } from 'reactflow';
+import { EdgeProps, getBezierPath, EdgeText, BaseEdge } from '@xyflow/react';
 
 const CustomEdge: FC<EdgeProps> = ({
   id,
diff --git a/examples/vite-app/src/examples/Edges/index.tsx b/examples/vite-app/src/examples/Edges/index.tsx
index d80cea8b6..b5b84fc6e 100644
--- a/examples/vite-app/src/examples/Edges/index.tsx
+++ b/examples/vite-app/src/examples/Edges/index.tsx
@@ -1,5 +1,6 @@
 import { MouseEvent, useCallback } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   Controls,
   Background,
   MiniMap,
@@ -11,7 +12,7 @@ import ReactFlow, {
   Node,
   useEdgesState,
   useNodesState,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import CustomEdge from './CustomEdge';
 import CustomEdge2 from './CustomEdge2';
diff --git a/examples/vite-app/src/examples/Empty/index.tsx b/examples/vite-app/src/examples/Empty/index.tsx
index c7efeb140..e162daad6 100644
--- a/examples/vite-app/src/examples/Empty/index.tsx
+++ b/examples/vite-app/src/examples/Empty/index.tsx
@@ -1,6 +1,7 @@
 import { MouseEvent, CSSProperties, useCallback } from 'react';
 
-import ReactFlow, {
+import {
+  ReactFlow,
   Background,
   BackgroundVariant,
   Controls,
@@ -11,7 +12,7 @@ import ReactFlow, {
   useNodesState,
   useEdgesState,
   ReactFlowInstance,
-} from 'reactflow';
+} from '@xyflow/react';
 
 const onInit = (reactFlowInstance: ReactFlowInstance) => console.log('flow loaded:', reactFlowInstance);
 const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);
diff --git a/examples/vite-app/src/examples/Figma/index.tsx b/examples/vite-app/src/examples/Figma/index.tsx
index 64cfb4bbf..bccafa967 100644
--- a/examples/vite-app/src/examples/Figma/index.tsx
+++ b/examples/vite-app/src/examples/Figma/index.tsx
@@ -1,4 +1,4 @@
-import ReactFlow, { Background, BackgroundVariant, Node, Edge, SelectionMode } from 'reactflow';
+import { ReactFlow, Background, BackgroundVariant, Node, Edge, SelectionMode } from '@xyflow/react';
 
 const MULTI_SELECT_KEY = ['Meta', 'Shift'];
 
diff --git a/examples/vite-app/src/examples/FloatingEdges/FloatingConnectionLine.tsx b/examples/vite-app/src/examples/FloatingEdges/FloatingConnectionLine.tsx
index 19fb70a7e..3bac9d41b 100644
--- a/examples/vite-app/src/examples/FloatingEdges/FloatingConnectionLine.tsx
+++ b/examples/vite-app/src/examples/FloatingEdges/FloatingConnectionLine.tsx
@@ -1,16 +1,10 @@
-import React, { FC } from 'react';
-import { getBezierPath, ConnectionLineComponentProps, Node } from 'reactflow';
+import { FC } from 'react';
+import { getBezierPath, ConnectionLineComponentProps, Node } from '@xyflow/react';
 
 import { getEdgeParams } from './utils';
 
-const FloatingConnectionLine: FC<ConnectionLineComponentProps> = ({
-  targetX,
-  targetY,
-  sourcePosition,
-  targetPosition,
-  sourceNode,
-}) => {
-  if (!sourceNode) {
+const FloatingConnectionLine: FC<ConnectionLineComponentProps> = ({ toX, toY, fromPosition, toPosition, fromNode }) => {
+  if (!fromNode) {
     return null;
   }
 
@@ -18,23 +12,24 @@ const FloatingConnectionLine: FC<ConnectionLineComponentProps> = ({
     id: 'connection-target',
     width: 1,
     height: 1,
-    position: { x: targetX, y: targetY },
+    position: { x: toX, y: toY },
   } as Node;
 
-  const { sx, sy } = getEdgeParams(sourceNode, targetNode);
-  const d = getBezierPath({
+  const { sx, sy } = getEdgeParams(fromNode, targetNode);
+
+  const [path] = getBezierPath({
     sourceX: sx,
     sourceY: sy,
-    sourcePosition,
-    targetPosition,
-    targetX,
-    targetY,
+    sourcePosition: fromPosition,
+    targetPosition: toPosition,
+    targetX: toX,
+    targetY: toY,
   });
 
   return (
     <g>
-      <path fill="none" stroke="#222" strokeWidth={1.5} className="animated" d={d} />
-      <circle cx={targetX} cy={targetY} fill="#fff" r={3} stroke="#222" strokeWidth={1.5} />
+      <path fill="none" stroke="#222" strokeWidth={1.5} className="animated" d={path} />
+      <circle cx={toX} cy={toY} fill="#fff" r={3} stroke="#222" strokeWidth={1.5} />
     </g>
   );
 };
diff --git a/examples/vite-app/src/examples/FloatingEdges/FloatingEdge.tsx b/examples/vite-app/src/examples/FloatingEdges/FloatingEdge.tsx
index 5e50f35fe..2dbd1050c 100644
--- a/examples/vite-app/src/examples/FloatingEdges/FloatingEdge.tsx
+++ b/examples/vite-app/src/examples/FloatingEdges/FloatingEdge.tsx
@@ -1,5 +1,5 @@
 import { FC, useMemo, CSSProperties } from 'react';
-import { EdgeProps, useStore, getBezierPath, ReactFlowState } from 'reactflow';
+import { EdgeProps, useStore, getBezierPath, ReactFlowState } from '@xyflow/react';
 
 import { getEdgeParams } from './utils';
 
diff --git a/examples/vite-app/src/examples/FloatingEdges/index.tsx b/examples/vite-app/src/examples/FloatingEdges/index.tsx
index 94913c0c2..032f25f60 100644
--- a/examples/vite-app/src/examples/FloatingEdges/index.tsx
+++ b/examples/vite-app/src/examples/FloatingEdges/index.tsx
@@ -1,6 +1,7 @@
 import { useCallback } from 'react';
 
-import ReactFlow, {
+import {
+  ReactFlow,
   Background,
   addEdge,
   ReactFlowInstance,
@@ -8,7 +9,7 @@ import ReactFlow, {
   Connection,
   useNodesState,
   useEdgesState,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import styles from './style.module.css';
 
diff --git a/examples/vite-app/src/examples/FloatingEdges/utils.ts b/examples/vite-app/src/examples/FloatingEdges/utils.ts
index 5c9b00683..543b0945b 100644
--- a/examples/vite-app/src/examples/FloatingEdges/utils.ts
+++ b/examples/vite-app/src/examples/FloatingEdges/utils.ts
@@ -1,4 +1,4 @@
-import { Position, XYPosition, Node, Edge } from 'reactflow';
+import { Position, XYPosition, Node, Edge } from '@xyflow/react';
 
 // this helper function returns the intersection point
 // of the line between the center of the intersectionNode and the target node
diff --git a/examples/vite-app/src/examples/Hidden/index.tsx b/examples/vite-app/src/examples/Hidden/index.tsx
index 65a075818..586f300f1 100644
--- a/examples/vite-app/src/examples/Hidden/index.tsx
+++ b/examples/vite-app/src/examples/Hidden/index.tsx
@@ -1,6 +1,16 @@
 import { useState, useEffect, useCallback } from 'react';
 
-import ReactFlow, { addEdge, Connection, Edge, Node, useNodesState, useEdgesState, MiniMap, Controls } from 'reactflow';
+import {
+  ReactFlow,
+  addEdge,
+  Connection,
+  Edge,
+  Node,
+  useNodesState,
+  useEdgesState,
+  MiniMap,
+  Controls,
+} from '@xyflow/react';
 
 const initialNodes: Node[] = [
   {
diff --git a/examples/vite-app/src/examples/Interaction/index.tsx b/examples/vite-app/src/examples/Interaction/index.tsx
index ced5d6865..0dcee27bc 100644
--- a/examples/vite-app/src/examples/Interaction/index.tsx
+++ b/examples/vite-app/src/examples/Interaction/index.tsx
@@ -1,5 +1,6 @@
 import { useState, MouseEvent as ReactMouseEvent, WheelEvent } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   addEdge,
   Node,
   Connection,
@@ -10,7 +11,7 @@ import ReactFlow, {
   useEdgesState,
   Controls,
   MiniMap,
-} from 'reactflow';
+} from '@xyflow/react';
 
 const initialNodes: Node[] = [
   {
@@ -36,7 +37,7 @@ const onEdgeClick = (_: ReactMouseEvent, edge: Edge) => console.log('click', edg
 const onPaneClick = (event: ReactMouseEvent) => console.log('onPaneClick', event);
 const onPaneScroll = (event?: WheelEvent) => console.log('onPaneScroll', event);
 const onPaneContextMenu = (event: ReactMouseEvent) => console.log('onPaneContextMenu', event);
-const onMoveEnd = (_: TouchEvent | MouseEvent, viewport: Viewport) => console.log('onMoveEnd', viewport);
+const onMoveEnd = (_: TouchEvent | MouseEvent | null, viewport: Viewport) => console.log('onMoveEnd', viewport);
 
 const InteractionFlow = () => {
   const [nodes, , onNodesChange] = useNodesState(initialNodes);
diff --git a/examples/vite-app/src/examples/InteractiveMinimap/index.tsx b/examples/vite-app/src/examples/InteractiveMinimap/index.tsx
index 450758d55..676f8dd04 100644
--- a/examples/vite-app/src/examples/InteractiveMinimap/index.tsx
+++ b/examples/vite-app/src/examples/InteractiveMinimap/index.tsx
@@ -1,5 +1,6 @@
 import { MouseEvent, useCallback, useState } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   MiniMap,
   Background,
   BackgroundVariant,
@@ -9,7 +10,7 @@ import ReactFlow, {
   Edge,
   useReactFlow,
   XYPosition,
-} from 'reactflow';
+} from '@xyflow/react';
 
 const onNodeDrag = (_: MouseEvent, node: Node) => console.log('drag', node);
 const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node);
@@ -139,8 +140,7 @@ const BasicFlow = () => {
       fitView
     >
       <Background variant={BackgroundVariant.Dots} />
-      <MiniMap onClick={onMiniMapClick} onNodeClick={onMiniMapNodeClick} pannable zoomable
-               inversePan={inverse}/>
+      <MiniMap onClick={onMiniMapClick} onNodeClick={onMiniMapNodeClick} pannable zoomable inversePan={inverse} />
       <Controls />
 
       <div style={{ position: 'absolute', right: 10, top: 10, zIndex: 4 }}>
diff --git a/examples/vite-app/src/examples/Intersection/index.tsx b/examples/vite-app/src/examples/Intersection/index.tsx
index 1f82b3086..006ddc770 100644
--- a/examples/vite-app/src/examples/Intersection/index.tsx
+++ b/examples/vite-app/src/examples/Intersection/index.tsx
@@ -1,5 +1,6 @@
 import { useCallback, MouseEvent } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   MiniMap,
   Background,
   Controls,
@@ -8,7 +9,7 @@ import ReactFlow, {
   Edge,
   useReactFlow,
   useNodesState,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import './style.css';
 
diff --git a/examples/vite-app/src/examples/Layouting/index.tsx b/examples/vite-app/src/examples/Layouting/index.tsx
index 2c031491d..4ec3e14c8 100644
--- a/examples/vite-app/src/examples/Layouting/index.tsx
+++ b/examples/vite-app/src/examples/Layouting/index.tsx
@@ -1,6 +1,7 @@
 import { useCallback } from 'react';
 import dagre from 'dagre';
-import ReactFlow, {
+import {
+  ReactFlow,
   Controls,
   ReactFlowProvider,
   addEdge,
@@ -13,7 +14,7 @@ import ReactFlow, {
   EdgeMarker,
   Panel,
   useReactFlow,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import initialItems from './initial-elements';
 
diff --git a/examples/vite-app/src/examples/Layouting/initial-elements.ts b/examples/vite-app/src/examples/Layouting/initial-elements.ts
index 8c88519e9..aef030056 100644
--- a/examples/vite-app/src/examples/Layouting/initial-elements.ts
+++ b/examples/vite-app/src/examples/Layouting/initial-elements.ts
@@ -1,4 +1,4 @@
-import { Node, Edge, XYPosition, MarkerType } from 'reactflow';
+import { Node, Edge, XYPosition, MarkerType } from '@xyflow/react';
 
 const position: XYPosition = { x: 0, y: 0 };
 
diff --git a/examples/vite-app/src/examples/MultiFlows/index.tsx b/examples/vite-app/src/examples/MultiFlows/index.tsx
index 1f8339006..901fd8272 100644
--- a/examples/vite-app/src/examples/MultiFlows/index.tsx
+++ b/examples/vite-app/src/examples/MultiFlows/index.tsx
@@ -1,6 +1,6 @@
 import { FC } from 'react';
-
-import ReactFlow, {
+import {
+  ReactFlow,
   Background,
   addEdge,
   Node,
@@ -11,7 +11,7 @@ import ReactFlow, {
   useEdgesState,
   MarkerType,
   MiniMap,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import styles from './multiflows.module.css';
 
diff --git a/examples/vite-app/src/examples/NestedNodes/index.tsx b/examples/vite-app/src/examples/NestedNodes/index.tsx
index e699337e0..56bc3ca8d 100644
--- a/examples/vite-app/src/examples/NestedNodes/index.tsx
+++ b/examples/vite-app/src/examples/NestedNodes/index.tsx
@@ -1,5 +1,6 @@
 import { useState, MouseEvent, useCallback } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   Controls,
   MiniMap,
   Background,
@@ -10,7 +11,7 @@ import ReactFlow, {
   Edge,
   ReactFlowInstance,
   Connection,
-} from 'reactflow';
+} from '@xyflow/react';
 
 const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node);
 const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);
diff --git a/examples/vite-app/src/examples/NodeResizer/CustomResizer.tsx b/examples/vite-app/src/examples/NodeResizer/CustomResizer.tsx
index a61b3c3cf..374dc754f 100644
--- a/examples/vite-app/src/examples/NodeResizer/CustomResizer.tsx
+++ b/examples/vite-app/src/examples/NodeResizer/CustomResizer.tsx
@@ -1,5 +1,5 @@
 import { memo, FC } from 'react';
-import { Handle, Position, NodeProps, NodeResizeControl } from 'reactflow';
+import { Handle, Position, NodeProps, NodeResizeControl } from '@xyflow/react';
 
 import ResizeIcon from './ResizeIcon';
 
diff --git a/examples/vite-app/src/examples/NodeResizer/DefaultResizer.tsx b/examples/vite-app/src/examples/NodeResizer/DefaultResizer.tsx
index 6ccd655ae..702b5c0fb 100644
--- a/examples/vite-app/src/examples/NodeResizer/DefaultResizer.tsx
+++ b/examples/vite-app/src/examples/NodeResizer/DefaultResizer.tsx
@@ -1,5 +1,5 @@
 import { memo, FC } from 'react';
-import { Handle, Position, NodeProps, NodeResizer } from 'reactflow';
+import { Handle, Position, NodeProps, NodeResizer } from '@xyflow/react';
 
 const DefaultResizerNode: FC<NodeProps> = ({ data, selected }) => {
   return (
diff --git a/examples/vite-app/src/examples/NodeResizer/HorizontalResizer.tsx b/examples/vite-app/src/examples/NodeResizer/HorizontalResizer.tsx
index 9e89d8c60..5d1574c5e 100644
--- a/examples/vite-app/src/examples/NodeResizer/HorizontalResizer.tsx
+++ b/examples/vite-app/src/examples/NodeResizer/HorizontalResizer.tsx
@@ -1,5 +1,5 @@
 import { memo, FC } from 'react';
-import { Handle, Position, NodeProps, NodeResizeControl } from 'reactflow';
+import { Handle, Position, NodeProps, NodeResizeControl } from '@xyflow/react';
 
 const HorizontalResizerNode: FC<NodeProps> = ({ data }) => {
   return (
diff --git a/examples/vite-app/src/examples/NodeResizer/VerticalResizer.tsx b/examples/vite-app/src/examples/NodeResizer/VerticalResizer.tsx
index f1230ce1c..7b2e02119 100644
--- a/examples/vite-app/src/examples/NodeResizer/VerticalResizer.tsx
+++ b/examples/vite-app/src/examples/NodeResizer/VerticalResizer.tsx
@@ -1,5 +1,5 @@
 import { memo, FC } from 'react';
-import { Handle, Position, NodeProps, NodeResizeControl } from 'reactflow';
+import { Handle, Position, NodeProps, NodeResizeControl } from '@xyflow/react';
 
 const CustomNode: FC<NodeProps> = ({ id, data }) => {
   return (
diff --git a/examples/vite-app/src/examples/NodeResizer/index.tsx b/examples/vite-app/src/examples/NodeResizer/index.tsx
index 6eb61b3a8..e276996c1 100644
--- a/examples/vite-app/src/examples/NodeResizer/index.tsx
+++ b/examples/vite-app/src/examples/NodeResizer/index.tsx
@@ -1,12 +1,22 @@
 import { useCallback, useState } from 'react';
-import ReactFlow, { Controls, addEdge, Connection, useNodesState, useEdgesState, Panel, Node, Edge } from 'reactflow';
+import {
+  ReactFlow,
+  Controls,
+  addEdge,
+  Connection,
+  useNodesState,
+  useEdgesState,
+  Panel,
+  Node,
+  Edge,
+} from '@xyflow/react';
 
 import DefaultResizer from './DefaultResizer';
 import CustomResizer from './CustomResizer';
 import VerticalResizer from './VerticalResizer';
 import HorizontalResizer from './HorizontalResizer';
 
-import 'reactflow/dist/style.css';
+import '@xyflow/react/dist/style.css';
 
 const nodeTypes = {
   defaultResizer: DefaultResizer,
diff --git a/examples/vite-app/src/examples/NodeToolbar/CustomNode.tsx b/examples/vite-app/src/examples/NodeToolbar/CustomNode.tsx
index 7d179b7ea..303844454 100644
--- a/examples/vite-app/src/examples/NodeToolbar/CustomNode.tsx
+++ b/examples/vite-app/src/examples/NodeToolbar/CustomNode.tsx
@@ -1,5 +1,5 @@
 import { memo, FC } from 'react';
-import { Handle, Position, NodeProps, NodeToolbar } from 'reactflow';
+import { Handle, Position, NodeProps, NodeToolbar } from '@xyflow/react';
 
 const CustomNode: FC<NodeProps> = ({ id, data }) => {
   return (
diff --git a/examples/vite-app/src/examples/NodeToolbar/SelectedNodesToolbar.tsx b/examples/vite-app/src/examples/NodeToolbar/SelectedNodesToolbar.tsx
index fa1697aeb..d5ccded68 100644
--- a/examples/vite-app/src/examples/NodeToolbar/SelectedNodesToolbar.tsx
+++ b/examples/vite-app/src/examples/NodeToolbar/SelectedNodesToolbar.tsx
@@ -1,4 +1,4 @@
-import { NodeToolbar, ReactFlowState, useStore } from 'reactflow';
+import { NodeToolbar, ReactFlowState, useStore } from '@xyflow/react';
 
 const selectedNodesSelector = (state: ReactFlowState) =>
   state
diff --git a/examples/vite-app/src/examples/NodeToolbar/index.tsx b/examples/vite-app/src/examples/NodeToolbar/index.tsx
index b4d3d1c5b..0b148baf0 100644
--- a/examples/vite-app/src/examples/NodeToolbar/index.tsx
+++ b/examples/vite-app/src/examples/NodeToolbar/index.tsx
@@ -1,4 +1,5 @@
-import ReactFlow, {
+import {
+  ReactFlow,
   MiniMap,
   Background,
   BackgroundVariant,
@@ -8,7 +9,7 @@ import ReactFlow, {
   NodeTypes,
   Position,
   NodeOrigin,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import CustomNode from './CustomNode';
 import SelectedNodesToolbar from './SelectedNodesToolbar';
diff --git a/examples/vite-app/src/examples/NodeTypeChange/index.tsx b/examples/vite-app/src/examples/NodeTypeChange/index.tsx
index 561ba66e6..d1119010b 100644
--- a/examples/vite-app/src/examples/NodeTypeChange/index.tsx
+++ b/examples/vite-app/src/examples/NodeTypeChange/index.tsx
@@ -1,5 +1,5 @@
 import { CSSProperties, useCallback } from 'react';
-import ReactFlow, { addEdge, Node, Position, Connection, Edge, useNodesState, useEdgesState } from 'reactflow';
+import { ReactFlow, addEdge, Node, Position, Connection, Edge, useNodesState, useEdgesState } from '@xyflow/react';
 
 const initialNodes: Node[] = [
   {
diff --git a/examples/vite-app/src/examples/NodeTypesObjectChange/index.tsx b/examples/vite-app/src/examples/NodeTypesObjectChange/index.tsx
index 66521aab6..01a0d993a 100644
--- a/examples/vite-app/src/examples/NodeTypesObjectChange/index.tsx
+++ b/examples/vite-app/src/examples/NodeTypesObjectChange/index.tsx
@@ -1,5 +1,6 @@
 import { useState, CSSProperties, FC, useCallback } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   addEdge,
   Node,
   Position,
@@ -9,7 +10,7 @@ import ReactFlow, {
   NodeTypes,
   useNodesState,
   useEdgesState,
-} from 'reactflow';
+} from '@xyflow/react';
 
 const initialNodes: Node[] = [
   {
diff --git a/examples/vite-app/src/examples/Overview/index.tsx b/examples/vite-app/src/examples/Overview/index.tsx
index 640e25f21..233aa76c7 100644
--- a/examples/vite-app/src/examples/Overview/index.tsx
+++ b/examples/vite-app/src/examples/Overview/index.tsx
@@ -1,5 +1,6 @@
 import { MouseEvent as ReactMouseEvent, CSSProperties, useCallback } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   addEdge,
   Node,
   Viewport,
@@ -13,7 +14,7 @@ import ReactFlow, {
   Controls,
   Background,
   MiniMap,
-} from 'reactflow';
+} from '@xyflow/react';
 
 const onNodeDragStart = (_: ReactMouseEvent, node: Node, nodes: Node[]) => console.log('drag start', node, nodes);
 const onNodeDrag = (_: ReactMouseEvent, node: Node, nodes: Node[]) => console.log('drag', node, nodes);
@@ -36,8 +37,8 @@ const onInit = (reactFlowInstance: ReactFlowInstance) => {
   console.log('pane ready:', reactFlowInstance);
 };
 
-const onMoveStart = (_: MouseEvent | TouchEvent, viewport: Viewport) => console.log('zoom/move start', viewport);
-const onMoveEnd = (_: MouseEvent | TouchEvent, viewport: Viewport) => console.log('zoom/move end', viewport);
+const onMoveStart = (_: MouseEvent | TouchEvent | null, viewport: Viewport) => console.log('zoom/move start', viewport);
+const onMoveEnd = (_: MouseEvent | TouchEvent | null, viewport: Viewport) => console.log('zoom/move end', viewport);
 const onEdgeContextMenu = (_: ReactMouseEvent, edge: Edge) => console.log('edge context menu', edge);
 const onEdgeMouseEnter = (_: ReactMouseEvent, edge: Edge) => console.log('edge mouse enter', edge);
 const onEdgeMouseMove = (_: ReactMouseEvent, edge: Edge) => console.log('edge mouse move', edge);
diff --git a/examples/vite-app/src/examples/Provider/Sidebar.tsx b/examples/vite-app/src/examples/Provider/Sidebar.tsx
index a52056425..67c2c8b9a 100644
--- a/examples/vite-app/src/examples/Provider/Sidebar.tsx
+++ b/examples/vite-app/src/examples/Provider/Sidebar.tsx
@@ -1,4 +1,4 @@
-import { useReactFlow, useStore } from 'reactflow';
+import { useReactFlow, useStore } from '@xyflow/react';
 
 import styles from './provider.module.css';
 
diff --git a/examples/vite-app/src/examples/Provider/index.tsx b/examples/vite-app/src/examples/Provider/index.tsx
index 1e378ba3c..320d85de3 100644
--- a/examples/vite-app/src/examples/Provider/index.tsx
+++ b/examples/vite-app/src/examples/Provider/index.tsx
@@ -1,5 +1,6 @@
 import { MouseEvent, useCallback } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   Controls,
   ReactFlowProvider,
   addEdge,
@@ -10,7 +11,7 @@ import ReactFlow, {
   useNodesState,
   useEdgesState,
   ReactFlowInstance,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import Sidebar from './Sidebar';
 
diff --git a/examples/vite-app/src/examples/SaveRestore/Controls.tsx b/examples/vite-app/src/examples/SaveRestore/Controls.tsx
index 61ca1a647..53aa209fa 100644
--- a/examples/vite-app/src/examples/SaveRestore/Controls.tsx
+++ b/examples/vite-app/src/examples/SaveRestore/Controls.tsx
@@ -1,5 +1,5 @@
 import React, { memo, useCallback, Dispatch, FC } from 'react';
-import { useReactFlow, Edge, Node, ReactFlowJsonObject } from 'reactflow';
+import { useReactFlow, Edge, Node, ReactFlowJsonObject } from '@xyflow/react';
 import localforage from 'localforage';
 
 import styles from './save.module.css';
diff --git a/examples/vite-app/src/examples/SaveRestore/index.tsx b/examples/vite-app/src/examples/SaveRestore/index.tsx
index e84eaf341..fc2e1a38d 100644
--- a/examples/vite-app/src/examples/SaveRestore/index.tsx
+++ b/examples/vite-app/src/examples/SaveRestore/index.tsx
@@ -1,5 +1,14 @@
 import { useCallback } from 'react';
-import ReactFlow, { ReactFlowProvider, Node, addEdge, Connection, Edge, useNodesState, useEdgesState } from 'reactflow';
+import {
+  ReactFlow,
+  ReactFlowProvider,
+  Node,
+  addEdge,
+  Connection,
+  Edge,
+  useNodesState,
+  useEdgesState,
+} from '@xyflow/react';
 
 import Controls from './Controls';
 
diff --git a/examples/vite-app/src/examples/Stress/index.tsx b/examples/vite-app/src/examples/Stress/index.tsx
index e8cf9f916..125c27646 100644
--- a/examples/vite-app/src/examples/Stress/index.tsx
+++ b/examples/vite-app/src/examples/Stress/index.tsx
@@ -1,5 +1,6 @@
 import { useState, CSSProperties, useCallback } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   ReactFlowInstance,
   Edge,
   Node,
@@ -12,7 +13,7 @@ import ReactFlow, {
   Controls,
   Background,
   MiniMap,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import { getNodesAndEdges } from './utils';
 
diff --git a/examples/vite-app/src/examples/Stress/utils.ts b/examples/vite-app/src/examples/Stress/utils.ts
index 2c067d990..766b4bb70 100644
--- a/examples/vite-app/src/examples/Stress/utils.ts
+++ b/examples/vite-app/src/examples/Stress/utils.ts
@@ -1,4 +1,4 @@
-import { Node, Edge } from 'reactflow';
+import { Node, Edge } from '@xyflow/react';
 
 type ElementsCollection = {
   nodes: Node[];
diff --git a/examples/vite-app/src/examples/Subflow/DebugNode.tsx b/examples/vite-app/src/examples/Subflow/DebugNode.tsx
index 7b5f6b5b6..9170ef652 100644
--- a/examples/vite-app/src/examples/Subflow/DebugNode.tsx
+++ b/examples/vite-app/src/examples/Subflow/DebugNode.tsx
@@ -1,6 +1,6 @@
 import React, { memo, FC, CSSProperties } from 'react';
 
-import { Handle, NodeProps, Position } from 'reactflow';
+import { Handle, NodeProps, Position } from '@xyflow/react';
 
 const infoStyle: CSSProperties = { fontSize: 11 };
 const idStyle: CSSProperties = {
diff --git a/examples/vite-app/src/examples/Subflow/index.tsx b/examples/vite-app/src/examples/Subflow/index.tsx
index 397e4376c..617b68ea4 100644
--- a/examples/vite-app/src/examples/Subflow/index.tsx
+++ b/examples/vite-app/src/examples/Subflow/index.tsx
@@ -1,5 +1,6 @@
 import { useState, MouseEvent, useCallback } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   addEdge,
   Node,
   Edge,
@@ -12,7 +13,7 @@ import ReactFlow, {
   MiniMap,
   Background,
   Panel,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import DebugNode from './DebugNode';
 
diff --git a/examples/vite-app/src/examples/Switch/index.tsx b/examples/vite-app/src/examples/Switch/index.tsx
index b6ae22783..d2b237c8b 100644
--- a/examples/vite-app/src/examples/Switch/index.tsx
+++ b/examples/vite-app/src/examples/Switch/index.tsx
@@ -1,5 +1,5 @@
 import { MouseEvent, useCallback } from 'react';
-import ReactFlow, { addEdge, Node, Connection, Edge, useNodesState, useEdgesState } from 'reactflow';
+import { ReactFlow, addEdge, Node, Connection, Edge, useNodesState, useEdgesState } from '@xyflow/react';
 
 const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node);
 const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);
diff --git a/examples/vite-app/src/examples/TouchDevice/index.tsx b/examples/vite-app/src/examples/TouchDevice/index.tsx
index 130c15fd9..636a36a46 100644
--- a/examples/vite-app/src/examples/TouchDevice/index.tsx
+++ b/examples/vite-app/src/examples/TouchDevice/index.tsx
@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import ReactFlow, { Node, Edge, useNodesState, useEdgesState, Position, Connection, addEdge } from 'reactflow';
+import { ReactFlow, Node, Edge, useNodesState, useEdgesState, Position, Connection, addEdge } from '@xyflow/react';
 
 import styles from './touch-device.module.css';
 
diff --git a/examples/vite-app/src/examples/Undirectional/CustomNode.tsx b/examples/vite-app/src/examples/Undirectional/CustomNode.tsx
index 0ede3317a..f380b517f 100644
--- a/examples/vite-app/src/examples/Undirectional/CustomNode.tsx
+++ b/examples/vite-app/src/examples/Undirectional/CustomNode.tsx
@@ -1,6 +1,5 @@
-import React, { memo, FC, CSSProperties } from 'react';
-
-import { Handle, Position, NodeProps } from 'reactflow';
+import { memo, FC, CSSProperties } from 'react';
+import { Handle, Position, NodeProps } from '@xyflow/react';
 
 const nodeStyles: CSSProperties = {
   padding: '10px 15px',
diff --git a/examples/vite-app/src/examples/Undirectional/index.tsx b/examples/vite-app/src/examples/Undirectional/index.tsx
index 00feda8e4..d93915411 100644
--- a/examples/vite-app/src/examples/Undirectional/index.tsx
+++ b/examples/vite-app/src/examples/Undirectional/index.tsx
@@ -1,5 +1,6 @@
 import { MouseEvent, useCallback } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   useReactFlow,
   NodeTypes,
   addEdge,
@@ -12,7 +13,7 @@ import ReactFlow, {
   updateEdge,
   useNodesState,
   useEdgesState,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import CustomNode from './CustomNode';
 
diff --git a/examples/vite-app/src/examples/UpdatableEdge/index.tsx b/examples/vite-app/src/examples/UpdatableEdge/index.tsx
index f9a109d1e..754efa569 100644
--- a/examples/vite-app/src/examples/UpdatableEdge/index.tsx
+++ b/examples/vite-app/src/examples/UpdatableEdge/index.tsx
@@ -1,5 +1,6 @@
 import { useState, useCallback, MouseEvent as ReactMouseEvent } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   Controls,
   updateEdge,
   addEdge,
@@ -12,7 +13,7 @@ import ReactFlow, {
   NodeChange,
   EdgeChange,
   HandleType,
-} from 'reactflow';
+} from '@xyflow/react';
 
 const initialNodes: Node[] = [
   {
diff --git a/examples/vite-app/src/examples/UpdateNode/index.tsx b/examples/vite-app/src/examples/UpdateNode/index.tsx
index 23706e017..7c320606e 100644
--- a/examples/vite-app/src/examples/UpdateNode/index.tsx
+++ b/examples/vite-app/src/examples/UpdateNode/index.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import ReactFlow, { Node, Edge, useNodesState, useEdgesState } from 'reactflow';
+import { ReactFlow, Node, Edge, useNodesState, useEdgesState } from '@xyflow/react';
 
 import styles from './updatenode.module.css';
 
diff --git a/examples/vite-app/src/examples/UseKeyPress/index.tsx b/examples/vite-app/src/examples/UseKeyPress/index.tsx
index e95ae9bcd..28a950907 100644
--- a/examples/vite-app/src/examples/UseKeyPress/index.tsx
+++ b/examples/vite-app/src/examples/UseKeyPress/index.tsx
@@ -1,4 +1,4 @@
-import { useKeyPress } from 'reactflow';
+import { useKeyPress } from '@xyflow/react';
 
 const UseKeyPressComponent = () => {
   const metaPressed = useKeyPress(['Meta']);
diff --git a/examples/vite-app/src/examples/UseNodesInit/index.tsx b/examples/vite-app/src/examples/UseNodesInit/index.tsx
index f779738d1..549315cad 100644
--- a/examples/vite-app/src/examples/UseNodesInit/index.tsx
+++ b/examples/vite-app/src/examples/UseNodesInit/index.tsx
@@ -1,5 +1,6 @@
 import { useCallback, useEffect } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   Background,
   MiniMap,
   Node,
@@ -10,7 +11,7 @@ import ReactFlow, {
   useEdgesState,
   OnConnect,
   useNodesInitialized,
-} from 'reactflow';
+} from '@xyflow/react';
 
 const initialNodes: Node[] = [
   {
diff --git a/examples/vite-app/src/examples/UseOnSelectionChange/CustomNode.tsx b/examples/vite-app/src/examples/UseOnSelectionChange/CustomNode.tsx
index 1684656bc..e6e90d3db 100644
--- a/examples/vite-app/src/examples/UseOnSelectionChange/CustomNode.tsx
+++ b/examples/vite-app/src/examples/UseOnSelectionChange/CustomNode.tsx
@@ -1,5 +1,5 @@
-import React, { useState, memo, FC, useMemo, CSSProperties } from 'react';
-import { Handle, Position, NodeProps, useUpdateNodeInternals } from 'reactflow';
+import { useState, memo, FC, useMemo, CSSProperties } from 'react';
+import { Handle, Position, NodeProps, useUpdateNodeInternals } from '@xyflow/react';
 
 const nodeStyles: CSSProperties = { padding: 10, border: '1px solid #ddd' };
 
diff --git a/examples/vite-app/src/examples/UseOnSelectionChange/index.tsx b/examples/vite-app/src/examples/UseOnSelectionChange/index.tsx
index b6f5531f0..a9f91adf0 100644
--- a/examples/vite-app/src/examples/UseOnSelectionChange/index.tsx
+++ b/examples/vite-app/src/examples/UseOnSelectionChange/index.tsx
@@ -1,5 +1,6 @@
 import { useCallback } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   addEdge,
   ReactFlowProvider,
   Node,
@@ -9,7 +10,7 @@ import ReactFlow, {
   useEdgesState,
   useOnSelectionChange,
   OnSelectionChangeParams,
-} from 'reactflow';
+} from '@xyflow/react';
 
 const initialNodes: Node[] = [
   {
@@ -67,8 +68,8 @@ const WrappedFlow = () => (
     <Flow />
     <SelectionLogger />
     <div style={{ position: 'absolute', right: 10, top: 10, zIndex: 4 }}>
-        <input type={'text'} placeholder={'name'} />
-      </div>
+      <input type={'text'} placeholder={'name'} />
+    </div>
   </ReactFlowProvider>
 );
 
diff --git a/examples/vite-app/src/examples/UseReactFlow/index.tsx b/examples/vite-app/src/examples/UseReactFlow/index.tsx
index ae97bc9bd..584e6e7b3 100644
--- a/examples/vite-app/src/examples/UseReactFlow/index.tsx
+++ b/examples/vite-app/src/examples/UseReactFlow/index.tsx
@@ -1,5 +1,6 @@
 import { useCallback, MouseEvent, useEffect } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   Background,
   MiniMap,
   Node,
@@ -11,7 +12,7 @@ import ReactFlow, {
   useNodesState,
   useEdgesState,
   Panel,
-} from 'reactflow';
+} from '@xyflow/react';
 
 const initialNodes: Node[] = [
   {
diff --git a/examples/vite-app/src/examples/UseUpdateNodeInternals/CustomNode.tsx b/examples/vite-app/src/examples/UseUpdateNodeInternals/CustomNode.tsx
index a11c68d08..7b6df002d 100644
--- a/examples/vite-app/src/examples/UseUpdateNodeInternals/CustomNode.tsx
+++ b/examples/vite-app/src/examples/UseUpdateNodeInternals/CustomNode.tsx
@@ -1,5 +1,5 @@
 import { useState, memo, FC, useMemo, CSSProperties } from 'react';
-import { Handle, Position, NodeProps, useUpdateNodeInternals } from 'reactflow';
+import { Handle, Position, NodeProps, useUpdateNodeInternals } from '@xyflow/react';
 
 const nodeStyles: CSSProperties = { padding: 10, border: '1px solid #ddd' };
 
diff --git a/examples/vite-app/src/examples/UseUpdateNodeInternals/index.tsx b/examples/vite-app/src/examples/UseUpdateNodeInternals/index.tsx
index 8a989b597..7de6cb9b7 100644
--- a/examples/vite-app/src/examples/UseUpdateNodeInternals/index.tsx
+++ b/examples/vite-app/src/examples/UseUpdateNodeInternals/index.tsx
@@ -1,5 +1,6 @@
 import { useCallback, MouseEvent } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   NodeTypes,
   addEdge,
   useReactFlow,
@@ -10,7 +11,7 @@ import ReactFlow, {
   Position,
   useNodesState,
   useEdgesState,
-} from 'reactflow';
+} from '@xyflow/react';
 
 import CustomNode from './CustomNode';
 
diff --git a/examples/vite-app/src/examples/Validation/ConnectionStatus.tsx b/examples/vite-app/src/examples/Validation/ConnectionStatus.tsx
index 43cdb5bfe..c97a16d7b 100644
--- a/examples/vite-app/src/examples/Validation/ConnectionStatus.tsx
+++ b/examples/vite-app/src/examples/Validation/ConnectionStatus.tsx
@@ -1,4 +1,4 @@
-import { ReactFlowState, useStore } from 'reactflow';
+import { ReactFlowState, useStore } from '@xyflow/react';
 import { shallow } from 'zustand/shallow';
 
 import styles from './validation.module.css';
diff --git a/examples/vite-app/src/examples/Validation/index.tsx b/examples/vite-app/src/examples/Validation/index.tsx
index f385083b8..864c3c08e 100644
--- a/examples/vite-app/src/examples/Validation/index.tsx
+++ b/examples/vite-app/src/examples/Validation/index.tsx
@@ -1,5 +1,6 @@
 import { FC, useCallback, useState } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   addEdge,
   Handle,
   Connection,
@@ -14,7 +15,8 @@ import ReactFlow, {
   OnConnect,
   updateEdge,
   Edge,
-} from 'reactflow';
+  IsValidConnection,
+} from '@xyflow/react';
 
 import ConnectionStatus from './ConnectionStatus';
 
@@ -27,7 +29,7 @@ const initialNodes: Node[] = [
   { id: 'C', type: 'customnode', position: { x: 250, y: 300 }, data: null },
 ];
 
-const isValidConnection = (connection: Connection) => connection.target === 'B';
+const isValidConnection: IsValidConnection = (connection) => connection.target === 'B';
 
 const CustomInput: FC<NodeProps> = () => (
   <>
diff --git a/examples/vite-app/src/main.tsx b/examples/vite-app/src/main.tsx
index 4a3da3c14..34599efcf 100644
--- a/examples/vite-app/src/main.tsx
+++ b/examples/vite-app/src/main.tsx
@@ -3,7 +3,7 @@ import { createRoot } from 'react-dom/client';
 import App from './App';
 
 import './index.css';
-import 'reactflow/dist/style.css';
+import '@xyflow/react/dist/style.css';
 
 createRoot(document.getElementById('root') as HTMLElement).render(
   <StrictMode>
diff --git a/examples/vite-app/vite.config.ts b/examples/vite-app/vite.config.ts
index 73b3bb61f..442230f7d 100644
--- a/examples/vite-app/vite.config.ts
+++ b/examples/vite-app/vite.config.ts
@@ -1,5 +1,5 @@
 import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
+import react from '@vitejs/plugin-react-swc';
 
 // https://vitejs.dev/config/
 export default defineConfig({
diff --git a/package.json b/package.json
index c462e3cad..b0ee43f8b 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@reactflow/monorepo",
+  "name": "@xyflow/monorepo",
   "version": "0.0.0",
   "description": "A highly customizable React library for building node-based editors and interactive flow charts",
   "repository": "git@github.com:wbkd/react-flow.git",
diff --git a/packages/background/.eslintrc.js b/packages/background/.eslintrc.js
deleted file mode 100644
index 31cfbd113..000000000
--- a/packages/background/.eslintrc.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['@reactflow/eslint-config'],
-};
diff --git a/packages/background/CHANGELOG.md b/packages/background/CHANGELOG.md
deleted file mode 100644
index 61735a342..000000000
--- a/packages/background/CHANGELOG.md
+++ /dev/null
@@ -1,216 +0,0 @@
-# @reactflow/background
-
-## 11.2.2
-
-### Patch Changes
-
-- Updated dependencies [[`70ec97f7`](https://github.com/wbkd/react-flow/commit/70ec97f7daec6d5401215cae3edac04aea88a3ba), [`d2d1aebc`](https://github.com/wbkd/react-flow/commit/d2d1aebc0f7fea4183406e7d1915b7fcd6995f48), [`4374459e`](https://github.com/wbkd/react-flow/commit/4374459ef9fec797bbc0407231f09a1acacd245b)]:
-  - @reactflow/core@11.7.2
-
-## 11.2.1
-
-### Patch Changes
-
-- Updated dependencies [[`cf7a7d3d`](https://github.com/wbkd/react-flow/commit/cf7a7d3dad1e73215a72a5dc72e21fd50208cdbb), [`07b975bb`](https://github.com/wbkd/react-flow/commit/07b975bbee3580249e36a19582213b250f78093c), [`c80d269b`](https://github.com/wbkd/react-flow/commit/c80d269b85a0054221f4639c328fc36a3befbe70), [`a3fa164c`](https://github.com/wbkd/react-flow/commit/a3fa164c34cc820c79bb031c9fd97b72a3546614)]:
-  - @reactflow/core@11.7.1
-
-## 11.2.0
-
-### Minor Changes
-
-- [#2941](https://github.com/wbkd/react-flow/pull/2941) Thanks [@Elringus](https://github.com/Elringus)! - add `id` and `offset` props
-
-### Patch Changes
-
-- Updated dependencies [[`098eee3d`](https://github.com/wbkd/react-flow/commit/098eee3d41dabc870777b081796401ff13b5a776), [`fe8cac0a`](https://github.com/wbkd/react-flow/commit/fe8cac0adb359109e0e9eafe8b9261ba354076bb), [`4a4ca171`](https://github.com/wbkd/react-flow/commit/4a4ca171955f5c8d58b23e3ad48406f1a21dc402), [`923a54c4`](https://github.com/wbkd/react-flow/commit/923a54c481b90954806202817ba844cfa7203a38), [`4d97a0ed`](https://github.com/wbkd/react-flow/commit/4d97a0ed168ce643fc0c99fa6b47cf1296d66065), [`c22e1c28`](https://github.com/wbkd/react-flow/commit/c22e1c28c5555a638c2a8e82c3bfc986b3965d36)]:
-  - @reactflow/core@11.7.0
-
-## 11.1.10
-
-### Patch Changes
-
-- Updated dependencies
-
-## 11.1.9
-
-### Patch Changes
-
-- [#2895](https://github.com/wbkd/react-flow/pull/2895) [`3d5764ca`](https://github.com/wbkd/react-flow/commit/3d5764cac6548984a30cbf85899024e62fd69425) Thanks [@moklick](https://github.com/moklick)! - add data-testid for controls, minimap and background
-
-- Updated dependencies [[`3d5764ca`](https://github.com/wbkd/react-flow/commit/3d5764cac6548984a30cbf85899024e62fd69425), [`83fc4675`](https://github.com/wbkd/react-flow/commit/83fc467545527729633e817dbccfe59d0040da4b), [`b1190837`](https://github.com/wbkd/react-flow/commit/b11908370bc438ca8d4179497cd4eb1f8c656798), [`5fabd272`](https://github.com/wbkd/react-flow/commit/5fabd2720f6367f75f79a45822d8f675a3b8e1cf), [`8f080bd5`](https://github.com/wbkd/react-flow/commit/8f080bd5e0e7e6c71f51eee9c9f2bc4b25182861), [`b8886514`](https://github.com/wbkd/react-flow/commit/b88865140c72fa7e92a883498768000cb2cc96a7), [`16bf89f2`](https://github.com/wbkd/react-flow/commit/16bf89f2b7bbf8449c00d0e2c07c19c3ff6d2533)]:
-  - @reactflow/core@11.6.0
-
-## 11.1.8
-
-### Patch Changes
-
-- Updated dependencies [[`72216ff6`](https://github.com/wbkd/react-flow/commit/72216ff62014acd2d73999053c72bd7aeed351f6), [`959b1114`](https://github.com/wbkd/react-flow/commit/959b111448bba4686040473e46988be9e7befbe6), [`0d259b02`](https://github.com/wbkd/react-flow/commit/0d259b028558aab650546f3371a85f3bce45252f), [`f3de9335`](https://github.com/wbkd/react-flow/commit/f3de9335af6cd96cd77dc77f24a944eef85384e5), [`23424ea6`](https://github.com/wbkd/react-flow/commit/23424ea6750f092210f83df17a00c89adb910d96), [`021f5a92`](https://github.com/wbkd/react-flow/commit/021f5a9210f47a968e50446cd2f9dae1f97880a4)]:
-  - @reactflow/core@11.5.5
-
-## 11.1.7
-
-### Patch Changes
-
-- Updated dependencies [[`383a074a`](https://github.com/wbkd/react-flow/commit/383a074aeae6dbec8437fa08c7c8d8240838a84e)]:
-  - @reactflow/core@11.5.4
-
-## 11.1.6
-
-### Patch Changes
-
-- Updated dependencies [[`be8097ac`](https://github.com/wbkd/react-flow/commit/be8097acadca3054c3b236ce4296fc516010ef8c), [`1527795d`](https://github.com/wbkd/react-flow/commit/1527795d18c3af38c8ec7059436ea0fbf6c27bbd), [`3b6348a8`](https://github.com/wbkd/react-flow/commit/3b6348a8d1573afb39576327318bc172e33393c2)]:
-  - @reactflow/core@11.5.3
-
-## 11.1.5
-
-### Patch Changes
-
-- [#2792](https://github.com/wbkd/react-flow/pull/2792) [`d8c679b4`](https://github.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a) - Accept React 17 types as dev dependency
-
-- Updated dependencies [[`d8c679b4`](https://github.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a)]:
-  - @reactflow/core@11.5.2
-
-## 11.1.4
-
-### Patch Changes
-
-- Updated dependencies [[`71153534`](https://github.com/wbkd/react-flow/commit/7115353418ebc7f7c81ab0e861200972bbf7dbd5)]:
-  - @reactflow/core@11.5.1
-
-## 11.1.3
-
-### Patch Changes
-
-- Updated dependencies [[`e96309b6`](https://github.com/wbkd/react-flow/commit/e96309b6a57b1071faeebf7b0547fef7fd418694), [`85003b01`](https://github.com/wbkd/react-flow/commit/85003b01add71ea852bd5b0d2f1e7496050a6b52), [`4c516882`](https://github.com/wbkd/react-flow/commit/4c516882d2bbf426c1832a53ad40763cc1abef92)]:
-  - @reactflow/core@11.5.0
-
-## 11.1.2
-
-### Patch Changes
-
-- [#2741](https://github.com/wbkd/react-flow/pull/2741) [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39) - chore(dependencies): update and cleanup
-
-- Updated dependencies [[`e34a3072`](https://github.com/wbkd/react-flow/commit/e34a30726dc55184f59adc4f16ca5215a7c42805), [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39)]:
-  - @reactflow/core@11.4.2
-
-## 11.1.1
-
-### Patch Changes
-
-- Updated dependencies [[`82988485`](https://github.com/wbkd/react-flow/commit/82988485b730a9e32acbdae1ddcc81b33ddccaba), [`d91e619a`](https://github.com/wbkd/react-flow/commit/d91e619a70a95db99a621ede59bc05b5a7766086)]:
-  - @reactflow/core@11.4.1
-
-## 11.1.0
-
-### Patch Changes
-
-- Updated dependencies [[`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff), [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]:
-  - @reactflow/core@11.4.0
-
-## 11.1.0-next.1
-
-### Minor Changes
-
-- panOnDrag: Use numbers for prop ([1,2] = drag via middle or right mouse button)
-- selection: do not include hidden nodes
-- minimap: fix onNodeClick for nodes outside the viewport
-- keys: allow multi select when input is focused
-
-### Patch Changes
-
-- Updated dependencies []:
-  - @reactflow/core@11.4.0-next.1
-
-## 11.0.8-next.0
-
-### Patch Changes
-
-- Updated dependencies [[`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]:
-  - @reactflow/core@11.4.0-next.0
-
-## 11.0.7
-
-### Patch Changes
-
-- Updated dependencies [[`e6b5d90f`](https://github.com/wbkd/react-flow/commit/e6b5d90f61c8ee60e817bba232a162cae2ab3e2a), [`6ee44e07`](https://github.com/wbkd/react-flow/commit/6ee44e076eaa6908d07578a757a5187642b732ae), [`aa69c207`](https://github.com/wbkd/react-flow/commit/aa69c20765e6978f4f9c8cc63ed7110dbf6d9d9d), [`d29c401d`](https://github.com/wbkd/react-flow/commit/d29c401d598dbf2dcd5609b7adb8d029906a6f18), [`0df02f35`](https://github.com/wbkd/react-flow/commit/0df02f35f8d6c54dae36af18278feadc77acb2d6)]:
-  - @reactflow/core@11.3.2
-
-## 11.0.6
-
-### Patch Changes
-
-- Updated dependencies [[`c828bfda`](https://github.com/wbkd/react-flow/commit/c828bfda0a8c4774bc43588640c7cca0cfdcb3f4), [`b0302ce4`](https://github.com/wbkd/react-flow/commit/b0302ce4261a992bee841bae84af347d03be690f), [`b2c72813`](https://github.com/wbkd/react-flow/commit/b2c728137d1b53e38883f044fa447585c377a6af)]:
-  - @reactflow/core@11.3.1
-
-## 11.0.5
-
-### Patch Changes
-
-- Updated dependencies [[`92cf497e`](https://github.com/wbkd/react-flow/commit/92cf497eb72f21af592a53f5af9770c9f1e6d940), [`98116d43`](https://github.com/wbkd/react-flow/commit/98116d431f9fcdcc9b23a5b606a94ec0740b64cd), [`a39224b3`](https://github.com/wbkd/react-flow/commit/a39224b3a80afbdb83fc4490dd5f4f2be23cd4dd), [`5e8b67dd`](https://github.com/wbkd/react-flow/commit/5e8b67dd41f9bb60dcd7f5d14cc34b42c970e967), [`2a1c7db6`](https://github.com/wbkd/react-flow/commit/2a1c7db6b27ac0f4f81dcef2d593f4753c4321c7)]:
-  - @reactflow/core@11.3.0
-
-## 11.0.4
-
-### Patch Changes
-
-- Updated dependencies [[`740659c0`](https://github.com/wbkd/react-flow/commit/740659c0e788c7572d4a1e64e1d33d60712233fc), [`7902a3ce`](https://github.com/wbkd/react-flow/commit/7902a3ce3188426d5cd07cf0943a68f679e67948), [`b25d499e`](https://github.com/wbkd/react-flow/commit/b25d499ec05b5c6f21ac552d03650eb37433552e), [`4fc1253e`](https://github.com/wbkd/react-flow/commit/4fc1253eadf9b7dd392d8dc2348f44fa8d08f931), [`8ba4dd5d`](https://github.com/wbkd/react-flow/commit/8ba4dd5d1d4b2e6f107c148de62aec0b688d8b21)]:
-  - @reactflow/core@11.2.0
-
-## 11.0.3
-
-### Patch Changes
-
-- cleanup types
-- cleanup rf id handling
-- Updated dependencies:
-  - @reactflow/core@11.1.2
-
-## 11.0.2
-
-### Patch Changes
-
-- Updated dependencies:
-  - @reactflow/core@11.1.1
-
-## 11.0.1
-
-### Patch Changes
-
-- [`def11008`](https://github.com/wbkd/react-flow/commit/def11008d88749fec40e6fcba8bc41eea2511bab) Thanks [@moklick](https://github.com/moklick)! - default gap = 20
-
-- Updated dependencies [[`def11008`](https://github.com/wbkd/react-flow/commit/def11008d88749fec40e6fcba8bc41eea2511bab), [`d00faa6b`](https://github.com/wbkd/react-flow/commit/d00faa6b3e77388bfd655d4c02e9a5375bc515e4)]:
-  - @reactflow/core@11.1.0
-
-## 11.0.0
-
-### Major Changes
-
-- **Better [Accessibility](/docs/guides/accessibility)**
-  - Nodes and edges are focusable, selectable, moveable and deleteable with the keyboard.
-  - `aria-` default attributes for all elements and controllable via `ariaLabel` options
-  - Keyboard controls can be disabled with the new `disableKeyboardA11y` prop
-- **Better selectable edges** via new edge option: `interactionWidth` - renders invisible edge that makes it easier to interact
-- **Better routing for smoothstep and step edges**: https://twitter.com/reactflowdev/status/1567535405284614145
-- **Nicer edge updating behaviour**: https://twitter.com/reactflowdev/status/1564966917517021184
-- **Node origin**: The new `nodeOrigin` prop lets you control the origin of a node. Useful for layouting.
-- **New background pattern**: `BackgroundVariant.Cross` variant
-- **[`useOnViewportChange`](/docs/api/hooks/use-on-viewport-change) hook** - handle viewport changes within a component
-- **[`useOnSelectionChange`](/docs/api/hooks/use-on-selection-change) hook** - handle selection changes within a component
-- **[`useNodesInitialized`](/docs/api/hooks/use-nodes-initialized) hook** - returns true if all nodes are initialized and if there is more than one node
-- **Deletable option** for Nodes and edges
-- **New Event handlers**: `onPaneMouseEnter`, `onPaneMouseMove` and `onPaneMouseLeave`
-- **Edge `pathOptions`** for `smoothstep` and `default` edges
-- **Nicer cursor defaults**: Cursor is grabbing, while dragging a node or panning
-- **Pane moveable** with middle mouse button
-- **Pan over nodes** when they are not draggable (`draggable=false` or `nodesDraggable` false)
-- **[`<BaseEdge />`](/docs/api/edges/base-edge) component** that makes it easier to build custom edges
-- **[Separately installable packages](/docs/overview/packages/)**
-  - @reactflow/core
-  - @reactflow/background
-  - @reactflow/controls
-  - @reactflow/minimap
-
-### Patch Changes
-
-- Updated dependencies:
-  - @reactflow/core@11.0.0
diff --git a/packages/background/README.md b/packages/background/README.md
deleted file mode 100644
index a55c5bfb0..000000000
--- a/packages/background/README.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# @reactflow/background
-
-Background component for React Flow.
-
-## Installation 
-
-```sh 
-npm install @reactflow/background
-```
-
diff --git a/packages/background/package.json b/packages/background/package.json
deleted file mode 100644
index 9f9bce1ec..000000000
--- a/packages/background/package.json
+++ /dev/null
@@ -1,65 +0,0 @@
-{
-  "name": "@reactflow/background",
-  "version": "11.2.2",
-  "description": "Background component with different variants for React Flow",
-  "keywords": [
-    "react",
-    "node-based UI",
-    "graph",
-    "diagram",
-    "workflow",
-    "react-flow"
-  ],
-  "files": [
-    "dist"
-  ],
-  "source": "src/index.tsx",
-  "main": "dist/umd/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/esm/index.d.ts",
-  "sideEffects": [
-    "*.css"
-  ],
-  "scripts": {
-    "dev": "rollup --config node:@reactflow/rollup-config --watch",
-    "build": "rollup --config node:@reactflow/rollup-config --environment NODE_ENV:production",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
-    "typecheck": "tsc --noEmit",
-    "clean": "rimraf dist .turbo"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/wbkd/react-flow.git",
-    "directory": "packages/background"
-  },
-  "dependencies": {
-    "@reactflow/core": "workspace:*",
-    "classcat": "^5.0.3",
-    "zustand": "^4.3.1"
-  },
-  "devDependencies": {
-    "@reactflow/eslint-config": "workspace:*",
-    "@reactflow/rollup-config": "workspace:*",
-    "@reactflow/tsconfig": "workspace:*",
-    "@types/node": "^18.7.16",
-    "@types/react": ">=17",
-    "react": "^18.2.0",
-    "typescript": "^4.9.4"
-  },
-  "peerDependencies": {
-    "react": ">=17",
-    "react-dom": ">=17"
-  },
-  "rollup": {
-    "globals": {
-      "zustand": "Zustand",
-      "zustand/shallow": "zustandShallow",
-      "classcat": "cc"
-    },
-    "name": "ReactFlowBackground"
-  }
-}
diff --git a/packages/background/tsconfig.json b/packages/background/tsconfig.json
deleted file mode 100644
index d5b6da78c..000000000
--- a/packages/background/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "@reactflow/tsconfig/react.json",
-  "display": "@reactflow/background",
-  "include": ["src"],
-  "exclude": ["node_modules", "dist"]
-}
diff --git a/packages/controls/.eslintrc.js b/packages/controls/.eslintrc.js
deleted file mode 100644
index 31cfbd113..000000000
--- a/packages/controls/.eslintrc.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['@reactflow/eslint-config'],
-};
diff --git a/packages/controls/CHANGELOG.md b/packages/controls/CHANGELOG.md
deleted file mode 100644
index b453b88c1..000000000
--- a/packages/controls/CHANGELOG.md
+++ /dev/null
@@ -1,212 +0,0 @@
-# @reactflow/controls
-
-## 11.1.13
-
-### Patch Changes
-
-- [#3063](https://github.com/wbkd/react-flow/pull/3063) [`33915b88`](https://github.com/wbkd/react-flow/commit/33915b88c2ae701847870346b381f9cfa86c6459) - disable zoom buttons when min/max is reached
-
-- Updated dependencies [[`70ec97f7`](https://github.com/wbkd/react-flow/commit/70ec97f7daec6d5401215cae3edac04aea88a3ba), [`d2d1aebc`](https://github.com/wbkd/react-flow/commit/d2d1aebc0f7fea4183406e7d1915b7fcd6995f48), [`4374459e`](https://github.com/wbkd/react-flow/commit/4374459ef9fec797bbc0407231f09a1acacd245b)]:
-  - @reactflow/core@11.7.2
-
-## 11.1.12
-
-### Patch Changes
-
-- [#3054](https://github.com/wbkd/react-flow/pull/3054) [`46526b4e`](https://github.com/wbkd/react-flow/commit/46526b4e02b83d74726701e3ba73d0be8cf80787) - fix(icons): show correct lock icon
-
-- Updated dependencies [[`cf7a7d3d`](https://github.com/wbkd/react-flow/commit/cf7a7d3dad1e73215a72a5dc72e21fd50208cdbb), [`07b975bb`](https://github.com/wbkd/react-flow/commit/07b975bbee3580249e36a19582213b250f78093c), [`c80d269b`](https://github.com/wbkd/react-flow/commit/c80d269b85a0054221f4639c328fc36a3befbe70), [`a3fa164c`](https://github.com/wbkd/react-flow/commit/a3fa164c34cc820c79bb031c9fd97b72a3546614)]:
-  - @reactflow/core@11.7.1
-
-## 11.1.11
-
-### Patch Changes
-
-- Updated dependencies [[`098eee3d`](https://github.com/wbkd/react-flow/commit/098eee3d41dabc870777b081796401ff13b5a776), [`fe8cac0a`](https://github.com/wbkd/react-flow/commit/fe8cac0adb359109e0e9eafe8b9261ba354076bb), [`4a4ca171`](https://github.com/wbkd/react-flow/commit/4a4ca171955f5c8d58b23e3ad48406f1a21dc402), [`923a54c4`](https://github.com/wbkd/react-flow/commit/923a54c481b90954806202817ba844cfa7203a38), [`4d97a0ed`](https://github.com/wbkd/react-flow/commit/4d97a0ed168ce643fc0c99fa6b47cf1296d66065), [`c22e1c28`](https://github.com/wbkd/react-flow/commit/c22e1c28c5555a638c2a8e82c3bfc986b3965d36)]:
-  - @reactflow/core@11.7.0
-
-## 11.1.10
-
-### Patch Changes
-
-- Updated dependencies
-
-## 11.1.9
-
-### Patch Changes
-
-- [#2895](https://github.com/wbkd/react-flow/pull/2895) [`3d5764ca`](https://github.com/wbkd/react-flow/commit/3d5764cac6548984a30cbf85899024e62fd69425) Thanks [@moklick](https://github.com/moklick)! - add data-testid for controls, minimap and background
-- Updated dependencies [[`3d5764ca`](https://github.com/wbkd/react-flow/commit/3d5764cac6548984a30cbf85899024e62fd69425), [`83fc4675`](https://github.com/wbkd/react-flow/commit/83fc467545527729633e817dbccfe59d0040da4b), [`b1190837`](https://github.com/wbkd/react-flow/commit/b11908370bc438ca8d4179497cd4eb1f8c656798), [`5fabd272`](https://github.com/wbkd/react-flow/commit/5fabd2720f6367f75f79a45822d8f675a3b8e1cf), [`8f080bd5`](https://github.com/wbkd/react-flow/commit/8f080bd5e0e7e6c71f51eee9c9f2bc4b25182861), [`b8886514`](https://github.com/wbkd/react-flow/commit/b88865140c72fa7e92a883498768000cb2cc96a7), [`16bf89f2`](https://github.com/wbkd/react-flow/commit/16bf89f2b7bbf8449c00d0e2c07c19c3ff6d2533)]:
-  - @reactflow/core@11.6.0
-
-## 11.1.8
-
-### Patch Changes
-
-- Updated dependencies [[`72216ff6`](https://github.com/wbkd/react-flow/commit/72216ff62014acd2d73999053c72bd7aeed351f6), [`959b1114`](https://github.com/wbkd/react-flow/commit/959b111448bba4686040473e46988be9e7befbe6), [`0d259b02`](https://github.com/wbkd/react-flow/commit/0d259b028558aab650546f3371a85f3bce45252f), [`f3de9335`](https://github.com/wbkd/react-flow/commit/f3de9335af6cd96cd77dc77f24a944eef85384e5), [`23424ea6`](https://github.com/wbkd/react-flow/commit/23424ea6750f092210f83df17a00c89adb910d96), [`021f5a92`](https://github.com/wbkd/react-flow/commit/021f5a9210f47a968e50446cd2f9dae1f97880a4)]:
-  - @reactflow/core@11.5.5
-
-## 11.1.7
-
-### Patch Changes
-
-- Updated dependencies [[`383a074a`](https://github.com/wbkd/react-flow/commit/383a074aeae6dbec8437fa08c7c8d8240838a84e)]:
-  - @reactflow/core@11.5.4
-
-## 11.1.6
-
-### Patch Changes
-
-- Updated dependencies [[`be8097ac`](https://github.com/wbkd/react-flow/commit/be8097acadca3054c3b236ce4296fc516010ef8c), [`1527795d`](https://github.com/wbkd/react-flow/commit/1527795d18c3af38c8ec7059436ea0fbf6c27bbd), [`3b6348a8`](https://github.com/wbkd/react-flow/commit/3b6348a8d1573afb39576327318bc172e33393c2)]:
-  - @reactflow/core@11.5.3
-
-## 11.1.5
-
-### Patch Changes
-
-- [#2792](https://github.com/wbkd/react-flow/pull/2792) [`d8c679b4`](https://github.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a) - Accept React 17 types as dev dependency
-
-- Updated dependencies [[`d8c679b4`](https://github.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a)]:
-  - @reactflow/core@11.5.2
-
-## 11.1.4
-
-### Patch Changes
-
-- Updated dependencies [[`71153534`](https://github.com/wbkd/react-flow/commit/7115353418ebc7f7c81ab0e861200972bbf7dbd5)]:
-  - @reactflow/core@11.5.1
-
-## 11.1.3
-
-### Patch Changes
-
-- Updated dependencies [[`e96309b6`](https://github.com/wbkd/react-flow/commit/e96309b6a57b1071faeebf7b0547fef7fd418694), [`85003b01`](https://github.com/wbkd/react-flow/commit/85003b01add71ea852bd5b0d2f1e7496050a6b52), [`4c516882`](https://github.com/wbkd/react-flow/commit/4c516882d2bbf426c1832a53ad40763cc1abef92)]:
-  - @reactflow/core@11.5.0
-
-## 11.1.2
-
-### Patch Changes
-
-- [#2741](https://github.com/wbkd/react-flow/pull/2741) [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39) - chore(dependencies): update and cleanup
-
-- Updated dependencies [[`e34a3072`](https://github.com/wbkd/react-flow/commit/e34a30726dc55184f59adc4f16ca5215a7c42805), [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39)]:
-  - @reactflow/core@11.4.2
-
-## 11.1.1
-
-### Patch Changes
-
-- Updated dependencies [[`82988485`](https://github.com/wbkd/react-flow/commit/82988485b730a9e32acbdae1ddcc81b33ddccaba), [`d91e619a`](https://github.com/wbkd/react-flow/commit/d91e619a70a95db99a621ede59bc05b5a7766086)]:
-  - @reactflow/core@11.4.1
-
-## 11.1.0
-
-### Patch Changes
-
-- Updated dependencies [[`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff), [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]:
-  - @reactflow/core@11.4.0
-
-## 11.1.0-next.1
-
-### Minor Changes
-
-- panOnDrag: Use numbers for prop ([1,2] = drag via middle or right mouse button)
-- selection: do not include hidden nodes
-- minimap: fix onNodeClick for nodes outside the viewport
-- keys: allow multi select when input is focused
-
-### Patch Changes
-
-- Updated dependencies []:
-  - @reactflow/core@11.4.0-next.1
-
-## 11.0.8-next.0
-
-### Patch Changes
-
-- Updated dependencies [[`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]:
-  - @reactflow/core@11.4.0-next.0
-
-## 11.0.7
-
-### Patch Changes
-
-- Updated dependencies [[`e6b5d90f`](https://github.com/wbkd/react-flow/commit/e6b5d90f61c8ee60e817bba232a162cae2ab3e2a), [`6ee44e07`](https://github.com/wbkd/react-flow/commit/6ee44e076eaa6908d07578a757a5187642b732ae), [`aa69c207`](https://github.com/wbkd/react-flow/commit/aa69c20765e6978f4f9c8cc63ed7110dbf6d9d9d), [`d29c401d`](https://github.com/wbkd/react-flow/commit/d29c401d598dbf2dcd5609b7adb8d029906a6f18), [`0df02f35`](https://github.com/wbkd/react-flow/commit/0df02f35f8d6c54dae36af18278feadc77acb2d6)]:
-  - @reactflow/core@11.3.2
-
-## 11.0.6
-
-### Patch Changes
-
-- Updated dependencies [[`c828bfda`](https://github.com/wbkd/react-flow/commit/c828bfda0a8c4774bc43588640c7cca0cfdcb3f4), [`b0302ce4`](https://github.com/wbkd/react-flow/commit/b0302ce4261a992bee841bae84af347d03be690f), [`b2c72813`](https://github.com/wbkd/react-flow/commit/b2c728137d1b53e38883f044fa447585c377a6af)]:
-  - @reactflow/core@11.3.1
-
-## 11.0.5
-
-### Patch Changes
-
-- Updated dependencies [[`92cf497e`](https://github.com/wbkd/react-flow/commit/92cf497eb72f21af592a53f5af9770c9f1e6d940), [`98116d43`](https://github.com/wbkd/react-flow/commit/98116d431f9fcdcc9b23a5b606a94ec0740b64cd), [`a39224b3`](https://github.com/wbkd/react-flow/commit/a39224b3a80afbdb83fc4490dd5f4f2be23cd4dd), [`5e8b67dd`](https://github.com/wbkd/react-flow/commit/5e8b67dd41f9bb60dcd7f5d14cc34b42c970e967), [`2a1c7db6`](https://github.com/wbkd/react-flow/commit/2a1c7db6b27ac0f4f81dcef2d593f4753c4321c7)]:
-  - @reactflow/core@11.3.0
-
-## 11.0.4
-
-### Patch Changes
-
-- Updated dependencies [[`740659c0`](https://github.com/wbkd/react-flow/commit/740659c0e788c7572d4a1e64e1d33d60712233fc), [`7902a3ce`](https://github.com/wbkd/react-flow/commit/7902a3ce3188426d5cd07cf0943a68f679e67948), [`b25d499e`](https://github.com/wbkd/react-flow/commit/b25d499ec05b5c6f21ac552d03650eb37433552e), [`4fc1253e`](https://github.com/wbkd/react-flow/commit/4fc1253eadf9b7dd392d8dc2348f44fa8d08f931), [`8ba4dd5d`](https://github.com/wbkd/react-flow/commit/8ba4dd5d1d4b2e6f107c148de62aec0b688d8b21)]:
-  - @reactflow/core@11.2.0
-
-## 11.0.3
-
-### Patch Changes
-
-- cleanup types
-- Updated dependencies:
-  - @reactflow/core@11.1.2
-
-## 11.0.2
-
-### Patch Changes
-
-- Updated dependencies:
-  - @reactflow/core@11.1.1
-
-## 11.0.1
-
-### Patch Changes
-
-- Updated dependencies [[`def11008`](https://github.com/wbkd/react-flow/commit/def11008d88749fec40e6fcba8bc41eea2511bab), [`d00faa6b`](https://github.com/wbkd/react-flow/commit/d00faa6b3e77388bfd655d4c02e9a5375bc515e4)]:
-  - @reactflow/core@11.1.0
-
-## 11.0.0
-
-### Major Changes
-
-- **Better [Accessibility](/docs/guides/accessibility)**
-  - Nodes and edges are focusable, selectable, moveable and deleteable with the keyboard.
-  - `aria-` default attributes for all elements and controllable via `ariaLabel` options
-  - Keyboard controls can be disabled with the new `disableKeyboardA11y` prop
-- **Better selectable edges** via new edge option: `interactionWidth` - renders invisible edge that makes it easier to interact
-- **Better routing for smoothstep and step edges**: https://twitter.com/reactflowdev/status/1567535405284614145
-- **Nicer edge updating behaviour**: https://twitter.com/reactflowdev/status/1564966917517021184
-- **Node origin**: The new `nodeOrigin` prop lets you control the origin of a node. Useful for layouting.
-- **New background pattern**: `BackgroundVariant.Cross` variant
-- **[`useOnViewportChange`](/docs/api/hooks/use-on-viewport-change) hook** - handle viewport changes within a component
-- **[`useOnSelectionChange`](/docs/api/hooks/use-on-selection-change) hook** - handle selection changes within a component
-- **[`useNodesInitialized`](/docs/api/hooks/use-nodes-initialized) hook** - returns true if all nodes are initialized and if there is more than one node
-- **Deletable option** for Nodes and edges
-- **New Event handlers**: `onPaneMouseEnter`, `onPaneMouseMove` and `onPaneMouseLeave`
-- **Edge `pathOptions`** for `smoothstep` and `default` edges
-- **Nicer cursor defaults**: Cursor is grabbing, while dragging a node or panning
-- **Pane moveable** with middle mouse button
-- **Pan over nodes** when they are not draggable (`draggable=false` or `nodesDraggable` false)
-- **[`<BaseEdge />`](/docs/api/edges/base-edge) component** that makes it easier to build custom edges
-- **[Separately installable packages](/docs/overview/packages/)**
-  - @reactflow/core
-  - @reactflow/background
-  - @reactflow/controls
-  - @reactflow/minimap
-
-### Patch Changes
-
-- Updated dependencies:
-  - @reactflow/core@11.0.0
diff --git a/packages/controls/README.md b/packages/controls/README.md
deleted file mode 100644
index 48d07fa87..000000000
--- a/packages/controls/README.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# @reactflow/controls
-
-Controls component for React Flow.
-
-## Installation 
-
-```sh 
-npm install @reactflow/controls
-```
-
diff --git a/packages/controls/package.json b/packages/controls/package.json
deleted file mode 100644
index 4325403ac..000000000
--- a/packages/controls/package.json
+++ /dev/null
@@ -1,65 +0,0 @@
-{
-  "name": "@reactflow/controls",
-  "version": "11.1.13",
-  "description": "Component to control the viewport of a React Flow instance",
-  "keywords": [
-    "react",
-    "node-based UI",
-    "graph",
-    "diagram",
-    "workflow",
-    "react-flow"
-  ],
-  "files": [
-    "dist"
-  ],
-  "source": "src/index.tsx",
-  "main": "dist/umd/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/esm/index.d.ts",
-  "sideEffects": [
-    "*.css"
-  ],
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/wbkd/react-flow.git",
-    "directory": "packages/controls"
-  },
-  "scripts": {
-    "dev": "concurrently \"rollup --config node:@reactflow/rollup-config --watch\" pnpm:css-watch",
-    "build": "rollup --config node:@reactflow/rollup-config --environment NODE_ENV:production && npm run css",
-    "css": "postcss src/*.css --config ../../tooling/postcss-config/postcss.config.js --dir dist",
-    "css-watch": "pnpm css --watch",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
-    "typecheck": "tsc --noEmit"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "@reactflow/core": "workspace:*",
-    "classcat": "^5.0.3",
-    "zustand": "^4.3.1"
-  },
-  "peerDependencies": {
-    "react": ">=17",
-    "react-dom": ">=17"
-  },
-  "devDependencies": {
-    "@reactflow/eslint-config": "workspace:*",
-    "@reactflow/rollup-config": "workspace:*",
-    "@reactflow/tsconfig": "workspace:*",
-    "@types/node": "^18.7.16",
-    "@types/react": ">=17",
-    "typescript": "^4.9.4"
-  },
-  "rollup": {
-    "globals": {
-      "classcat": "cc",
-      "zustand": "Zustand",
-      "zustand/shallow": "zustandShallow"
-    },
-    "name": "ReactFlowControls"
-  }
-}
diff --git a/packages/controls/src/style.css b/packages/controls/src/style.css
deleted file mode 100644
index 92d55b1f8..000000000
--- a/packages/controls/src/style.css
+++ /dev/null
@@ -1,36 +0,0 @@
-.react-flow__controls {
-  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
-
-  &-button {
-    border: none;
-    background: #fefefe;
-    border-bottom: 1px solid #eee;
-    box-sizing: content-box;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 16px;
-    height: 16px;
-    cursor: pointer;
-    user-select: none;
-    padding: 5px;
-
-    &:hover {
-      background: #f4f4f4;
-    }
-
-    svg {
-      width: 100%;
-      max-width: 12px;
-      max-height: 12px;
-    }
-
-    &:disabled {
-      pointer-events: none;
-
-      svg {
-        fill-opacity: 0.4;
-      }
-    }
-  }
-}
diff --git a/packages/controls/tsconfig.json b/packages/controls/tsconfig.json
deleted file mode 100644
index 81fb9c465..000000000
--- a/packages/controls/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "@reactflow/tsconfig/react.json",
-  "display": "@reactflow/background",
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules", "dist"]
-}
diff --git a/packages/core/.eslintrc.js b/packages/core/.eslintrc.js
deleted file mode 100644
index 31cfbd113..000000000
--- a/packages/core/.eslintrc.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['@reactflow/eslint-config'],
-};
diff --git a/packages/core/tsconfig.json b/packages/core/tsconfig.json
deleted file mode 100644
index 5e1c9b9a3..000000000
--- a/packages/core/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "@reactflow/tsconfig/react.json",
-  "display": "@reactflow/core",
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules", "dist"]
-}
diff --git a/packages/edge-utils/.eslintrc.js b/packages/edge-utils/.eslintrc.js
deleted file mode 100644
index 31cfbd113..000000000
--- a/packages/edge-utils/.eslintrc.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['@reactflow/eslint-config'],
-};
diff --git a/packages/edge-utils/README.md b/packages/edge-utils/README.md
deleted file mode 100644
index 941b215bf..000000000
--- a/packages/edge-utils/README.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# @reactflow/edge-utils
-
-Edge util functions of React Flow.
-
-## Installation 
-
-```sh 
-npm install @reactflow/edge-utils
-```
-
diff --git a/packages/edge-utils/package.json b/packages/edge-utils/package.json
deleted file mode 100644
index 108ac79a0..000000000
--- a/packages/edge-utils/package.json
+++ /dev/null
@@ -1,59 +0,0 @@
-{
-  "name": "@reactflow/edge-utils",
-  "version": "11.5.5",
-  "description": "Core edge utils of React Flow for creating edge paths.",
-  "keywords": [
-    "react",
-    "node-based UI",
-    "graph",
-    "diagram",
-    "workflow",
-    "react-flow"
-  ],
-  "files": [
-    "dist"
-  ],
-  "source": "src/index.ts",
-  "main": "dist/umd/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/esm/index.d.ts",
-  "sideEffects": [
-    "*.css"
-  ],
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/wbkd/react-flow.git",
-    "directory": "packages/edge-utils"
-  },
-  "scripts": {
-    "dev": "rollup --config node:@reactflow/rollup-config --watch",
-    "build": "rollup --config node:@reactflow/rollup-config --environment NODE_ENV:production",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
-    "typecheck": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@reactflow/system": "workspace:*"
-  },
-  "peerDependencies": {
-    "react": ">=17",
-    "react-dom": ">=17"
-  },
-  "devDependencies": {
-    "@reactflow/eslint-config": "workspace:*",
-    "@reactflow/rollup-config": "workspace:*",
-    "@reactflow/tsconfig": "workspace:*",
-    "@types/node": "^18.7.16",
-    "@types/react": ">=17",
-    "@types/react-dom": ">=17",
-    "react": "^18.2.0",
-    "typescript": "^4.9.4"
-  },
-  "rollup": {
-    "globals": {},
-    "name": "ReactFlowEdgeUtils"
-  }
-}
diff --git a/packages/edge-utils/tsconfig.json b/packages/edge-utils/tsconfig.json
deleted file mode 100644
index b61349bb5..000000000
--- a/packages/edge-utils/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "@reactflow/tsconfig/react.json",
-  "display": "@reactflow/utils",
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules", "dist"]
-}
diff --git a/packages/minimap/.eslintrc.js b/packages/minimap/.eslintrc.js
deleted file mode 100644
index 31cfbd113..000000000
--- a/packages/minimap/.eslintrc.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['@reactflow/eslint-config'],
-};
diff --git a/packages/minimap/CHANGELOG.md b/packages/minimap/CHANGELOG.md
deleted file mode 100644
index bc41bc944..000000000
--- a/packages/minimap/CHANGELOG.md
+++ /dev/null
@@ -1,255 +0,0 @@
-# @reactflow/minimap
-
-## 11.5.2
-
-### Patch Changes
-
-- Updated dependencies [[`70ec97f7`](https://github.com/wbkd/react-flow/commit/70ec97f7daec6d5401215cae3edac04aea88a3ba), [`d2d1aebc`](https://github.com/wbkd/react-flow/commit/d2d1aebc0f7fea4183406e7d1915b7fcd6995f48), [`4374459e`](https://github.com/wbkd/react-flow/commit/4374459ef9fec797bbc0407231f09a1acacd245b)]:
-  - @reactflow/core@11.7.2
-
-## 11.5.1
-
-### Patch Changes
-
-- Updated dependencies [[`cf7a7d3d`](https://github.com/wbkd/react-flow/commit/cf7a7d3dad1e73215a72a5dc72e21fd50208cdbb), [`07b975bb`](https://github.com/wbkd/react-flow/commit/07b975bbee3580249e36a19582213b250f78093c), [`c80d269b`](https://github.com/wbkd/react-flow/commit/c80d269b85a0054221f4639c328fc36a3befbe70), [`a3fa164c`](https://github.com/wbkd/react-flow/commit/a3fa164c34cc820c79bb031c9fd97b72a3546614)]:
-  - @reactflow/core@11.7.1
-
-## 11.5.0
-
-### Minor Changes
-
-- [#2944](https://github.com/wbkd/react-flow/pull/2944) Thanks [@Elringus](https://github.com/Elringus)! - add `inversePan` and `zoomStep` props
-
-### Patch Changes
-
-- Updated dependencies [[`098eee3d`](https://github.com/wbkd/react-flow/commit/098eee3d41dabc870777b081796401ff13b5a776), [`fe8cac0a`](https://github.com/wbkd/react-flow/commit/fe8cac0adb359109e0e9eafe8b9261ba354076bb), [`4a4ca171`](https://github.com/wbkd/react-flow/commit/4a4ca171955f5c8d58b23e3ad48406f1a21dc402), [`923a54c4`](https://github.com/wbkd/react-flow/commit/923a54c481b90954806202817ba844cfa7203a38), [`4d97a0ed`](https://github.com/wbkd/react-flow/commit/4d97a0ed168ce643fc0c99fa6b47cf1296d66065), [`c22e1c28`](https://github.com/wbkd/react-flow/commit/c22e1c28c5555a638c2a8e82c3bfc986b3965d36)]:
-  - @reactflow/core@11.7.0
-
-## 11.4.1
-
-### Patch Changes
-
-- Updated dependencies
-
-## 11.4.0
-
-### Minor Changes
-
-- [#2906](https://github.com/wbkd/react-flow/pull/2906) [`4a30185a`](https://github.com/wbkd/react-flow/commit/4a30185a12899691ff61259f0db84bc5494cb573) Thanks [@hayleigh-dot-dev](https://github.com/hayleigh-dot-dev)! - Add `nodeComponent` prop for passing custom component for the nodes
-
-### Patch Changes
-
-- [#2895](https://github.com/wbkd/react-flow/pull/2895) [`3d5764ca`](https://github.com/wbkd/react-flow/commit/3d5764cac6548984a30cbf85899024e62fd69425) - add data-testid for controls, minimap and background
-
-- Updated dependencies [[`3d5764ca`](https://github.com/wbkd/react-flow/commit/3d5764cac6548984a30cbf85899024e62fd69425), [`83fc4675`](https://github.com/wbkd/react-flow/commit/83fc467545527729633e817dbccfe59d0040da4b), [`b1190837`](https://github.com/wbkd/react-flow/commit/b11908370bc438ca8d4179497cd4eb1f8c656798), [`5fabd272`](https://github.com/wbkd/react-flow/commit/5fabd2720f6367f75f79a45822d8f675a3b8e1cf), [`8f080bd5`](https://github.com/wbkd/react-flow/commit/8f080bd5e0e7e6c71f51eee9c9f2bc4b25182861), [`b8886514`](https://github.com/wbkd/react-flow/commit/b88865140c72fa7e92a883498768000cb2cc96a7), [`16bf89f2`](https://github.com/wbkd/react-flow/commit/16bf89f2b7bbf8449c00d0e2c07c19c3ff6d2533)]:
-  - @reactflow/core@11.6.0
-
-## 11.3.8
-
-### Patch Changes
-
-- Updated dependencies [[`72216ff6`](https://github.com/wbkd/react-flow/commit/72216ff62014acd2d73999053c72bd7aeed351f6), [`959b1114`](https://github.com/wbkd/react-flow/commit/959b111448bba4686040473e46988be9e7befbe6), [`0d259b02`](https://github.com/wbkd/react-flow/commit/0d259b028558aab650546f3371a85f3bce45252f), [`f3de9335`](https://github.com/wbkd/react-flow/commit/f3de9335af6cd96cd77dc77f24a944eef85384e5), [`23424ea6`](https://github.com/wbkd/react-flow/commit/23424ea6750f092210f83df17a00c89adb910d96), [`021f5a92`](https://github.com/wbkd/react-flow/commit/021f5a9210f47a968e50446cd2f9dae1f97880a4)]:
-  - @reactflow/core@11.5.5
-
-## 11.3.7
-
-### Patch Changes
-
-- Updated dependencies [[`383a074a`](https://github.com/wbkd/react-flow/commit/383a074aeae6dbec8437fa08c7c8d8240838a84e)]:
-  - @reactflow/core@11.5.4
-
-## 11.3.6
-
-### Patch Changes
-
-- Updated dependencies [[`be8097ac`](https://github.com/wbkd/react-flow/commit/be8097acadca3054c3b236ce4296fc516010ef8c), [`1527795d`](https://github.com/wbkd/react-flow/commit/1527795d18c3af38c8ec7059436ea0fbf6c27bbd), [`3b6348a8`](https://github.com/wbkd/react-flow/commit/3b6348a8d1573afb39576327318bc172e33393c2)]:
-  - @reactflow/core@11.5.3
-
-## 11.3.5
-
-### Patch Changes
-
-- [#2792](https://github.com/wbkd/react-flow/pull/2792) [`d8c679b4`](https://github.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a) - Accept React 17 types as dev dependency
-
-- Updated dependencies [[`d8c679b4`](https://github.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a)]:
-  - @reactflow/core@11.5.2
-
-## 11.3.4
-
-### Patch Changes
-
-- Updated dependencies [[`71153534`](https://github.com/wbkd/react-flow/commit/7115353418ebc7f7c81ab0e861200972bbf7dbd5)]:
-  - @reactflow/core@11.5.1
-
-## 11.3.3
-
-### Patch Changes
-
-- Updated dependencies [[`e96309b6`](https://github.com/wbkd/react-flow/commit/e96309b6a57b1071faeebf7b0547fef7fd418694), [`85003b01`](https://github.com/wbkd/react-flow/commit/85003b01add71ea852bd5b0d2f1e7496050a6b52), [`4c516882`](https://github.com/wbkd/react-flow/commit/4c516882d2bbf426c1832a53ad40763cc1abef92)]:
-  - @reactflow/core@11.5.0
-
-## 11.3.2
-
-### Patch Changes
-
-- [#2741](https://github.com/wbkd/react-flow/pull/2741) [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39) - chore(dependencies): update and cleanup
-
-- Updated dependencies [[`e34a3072`](https://github.com/wbkd/react-flow/commit/e34a30726dc55184f59adc4f16ca5215a7c42805), [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39)]:
-  - @reactflow/core@11.4.2
-
-## 11.3.1
-
-### Patch Changes
-
-- Updated dependencies [[`82988485`](https://github.com/wbkd/react-flow/commit/82988485b730a9e32acbdae1ddcc81b33ddccaba), [`d91e619a`](https://github.com/wbkd/react-flow/commit/d91e619a70a95db99a621ede59bc05b5a7766086)]:
-  - @reactflow/core@11.4.1
-
-## 11.3.0
-
-### Patch Changes
-
-- [#2660](https://github.com/wbkd/react-flow/pull/2660) [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0) - Add `getNodes` function to the store so that you don't need to do `Array.from(store.getState().nodeInternals.values())` anymore.
-- [#2659](https://github.com/wbkd/react-flow/pull/2659) [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9) - Use translateExtent correctly
-
-- Updated dependencies [[`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff), [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]:
-  - @reactflow/core@11.4.0
-
-## 11.3.0-next.1
-
-### Minor Changes
-
-- panOnDrag: Use numbers for prop ([1,2] = drag via middle or right mouse button)
-- selection: do not include hidden nodes
-- minimap: fix onNodeClick for nodes outside the viewport
-- keys: allow multi select when input is focused
-
-### Patch Changes
-
-- Updated dependencies []:
-  - @reactflow/core@11.4.0-next.1
-
-## 11.3.0-next.0
-
-### Minor Changes
-
-- [#2678](https://github.com/wbkd/react-flow/pull/2678) [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493) Thanks [@moklick](https://github.com/moklick)! - ## New Features
-
-  New props for the ReactFlow component to customize the controls of the viewport and the selection box better:
-
-  1. `selectionOnDrag` prop: Selection box without extra button press (need to set `panOnDrag={false} or `panOnDrag="RightClick"`)
-  2. `panOnDrag="RightClick"` option
-  3. `panActivationKeyCode="Space"` key code for activating dragging (useful when using `selectionOnDrag`)
-  4. `selectionMode={SelectionMode.Full}`: you can chose if the selection box needs to contain a node fully (`SelectionMode.Full`) or partially (`SelectionMode.Partial`) to select it
-  5. `onSelectionStart` and `onSelectionEnd` events
-
-### Patch Changes
-
-- [#2660](https://github.com/wbkd/react-flow/pull/2660) [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0) Thanks [@moklick](https://github.com/moklick)! - Add `getNodes` function to the store so that you don't need to do `Array.from(store.getState().nodeInternals.values())` anymore.
-
-- [#2659](https://github.com/wbkd/react-flow/pull/2659) [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9) Thanks [@moklick](https://github.com/moklick)! - Use translateExtent correctly
-
-- Updated dependencies [[`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]:
-  - @reactflow/core@11.4.0-next.0
-
-## 11.2.3
-
-### Patch Changes
-
-- [#2646](https://github.com/wbkd/react-flow/pull/2646) [`e6b5d90f`](https://github.com/wbkd/react-flow/commit/e6b5d90f61c8ee60e817bba232a162cae2ab3e2a) - Cleanup get node position with origin usage
-
-- Updated dependencies [[`e6b5d90f`](https://github.com/wbkd/react-flow/commit/e6b5d90f61c8ee60e817bba232a162cae2ab3e2a), [`6ee44e07`](https://github.com/wbkd/react-flow/commit/6ee44e076eaa6908d07578a757a5187642b732ae), [`aa69c207`](https://github.com/wbkd/react-flow/commit/aa69c20765e6978f4f9c8cc63ed7110dbf6d9d9d), [`d29c401d`](https://github.com/wbkd/react-flow/commit/d29c401d598dbf2dcd5609b7adb8d029906a6f18), [`0df02f35`](https://github.com/wbkd/react-flow/commit/0df02f35f8d6c54dae36af18278feadc77acb2d6)]:
-  - @reactflow/core@11.3.2
-
-## 11.2.2
-
-### Patch Changes
-
-- [`7ece618d`](https://github.com/wbkd/react-flow/commit/7ece618d94b76183c1ecd45b16f6ab168168351b) Thanks [@lounsbrough](https://github.com/lounsbrough)! - Fix minimap node position
-
-## 11.2.1
-
-### Patch Changes
-
-- [#2595](https://github.com/wbkd/react-flow/pull/2595) [`c828bfda`](https://github.com/wbkd/react-flow/commit/c828bfda0a8c4774bc43588640c7cca0cfdcb3f4) Thanks [@chrtze](https://github.com/chrtze)! - Fix and improve the behaviour when using nodeOrigin in combination with subflows
-
-- Updated dependencies [[`c828bfda`](https://github.com/wbkd/react-flow/commit/c828bfda0a8c4774bc43588640c7cca0cfdcb3f4), [`b0302ce4`](https://github.com/wbkd/react-flow/commit/b0302ce4261a992bee841bae84af347d03be690f), [`b2c72813`](https://github.com/wbkd/react-flow/commit/b2c728137d1b53e38883f044fa447585c377a6af)]:
-  - @reactflow/core@11.3.1
-
-## 11.2.0
-
-### Minor Changes
-
-- [#2562](https://github.com/wbkd/react-flow/pull/2562) [`d745aa33`](https://github.com/wbkd/react-flow/commit/d745aa33fcd1333e12929c862f9a3d6de53f7179) Thanks [@moklick](https://github.com/moklick)! - Add maskStrokeColor and maskStrokeWidth props
-- [#2545](https://github.com/wbkd/react-flow/pull/2545) [`8f63f751`](https://github.com/wbkd/react-flow/commit/8f63f751e302d3c935865760d2134350c31ab93f) Thanks [@chrtze](https://github.com/chrtze)! - add a new property "ariaLabel" to configure or remove the aria-label of the minimap component
-
-### Patch Changes
-
-- Updated dependencies [[`92cf497e`](https://github.com/wbkd/react-flow/commit/92cf497eb72f21af592a53f5af9770c9f1e6d940), [`98116d43`](https://github.com/wbkd/react-flow/commit/98116d431f9fcdcc9b23a5b606a94ec0740b64cd), [`a39224b3`](https://github.com/wbkd/react-flow/commit/a39224b3a80afbdb83fc4490dd5f4f2be23cd4dd), [`5e8b67dd`](https://github.com/wbkd/react-flow/commit/5e8b67dd41f9bb60dcd7f5d14cc34b42c970e967), [`2a1c7db6`](https://github.com/wbkd/react-flow/commit/2a1c7db6b27ac0f4f81dcef2d593f4753c4321c7)]:
-  - @reactflow/core@11.3.0
-
-## 11.1.0
-
-### Minor Changes
-
-- [#2530](https://github.com/wbkd/react-flow/pull/2530) [`8ba4dd5d`](https://github.com/wbkd/react-flow/commit/8ba4dd5d1d4b2e6f107c148de62aec0b688d8b21) Thanks [@moklick](https://github.com/moklick)! - Feat: Add pan and zoom to mini map
-
-### Patch Changes
-
-- Updated dependencies [[`740659c0`](https://github.com/wbkd/react-flow/commit/740659c0e788c7572d4a1e64e1d33d60712233fc), [`7902a3ce`](https://github.com/wbkd/react-flow/commit/7902a3ce3188426d5cd07cf0943a68f679e67948), [`b25d499e`](https://github.com/wbkd/react-flow/commit/b25d499ec05b5c6f21ac552d03650eb37433552e), [`4fc1253e`](https://github.com/wbkd/react-flow/commit/4fc1253eadf9b7dd392d8dc2348f44fa8d08f931), [`8ba4dd5d`](https://github.com/wbkd/react-flow/commit/8ba4dd5d1d4b2e6f107c148de62aec0b688d8b21)]:
-  - @reactflow/core@11.2.0
-
-## 11.0.3
-
-### Patch Changes
-
-- cleanup types
-- Updated dependencies:
-  - @reactflow/core@11.1.2
-
-## 11.0.2
-
-### Patch Changes
-
-- Updated dependencies:
-  - @reactflow/core@11.1.1
-
-## 11.0.1
-
-### Patch Changes
-
-- Updated dependencies [[`def11008`](https://github.com/wbkd/react-flow/commit/def11008d88749fec40e6fcba8bc41eea2511bab), [`d00faa6b`](https://github.com/wbkd/react-flow/commit/d00faa6b3e77388bfd655d4c02e9a5375bc515e4)]:
-  - @reactflow/core@11.1.0
-
-## 11.0.0
-
-### Major Changes
-
-- **Better [Accessibility](/docs/guides/accessibility)**
-  - Nodes and edges are focusable, selectable, moveable and deleteable with the keyboard.
-  - `aria-` default attributes for all elements and controllable via `ariaLabel` options
-  - Keyboard controls can be disabled with the new `disableKeyboardA11y` prop
-- **Better selectable edges** via new edge option: `interactionWidth` - renders invisible edge that makes it easier to interact
-- **Better routing for smoothstep and step edges**: https://twitter.com/reactflowdev/status/1567535405284614145
-- **Nicer edge updating behaviour**: https://twitter.com/reactflowdev/status/1564966917517021184
-- **Node origin**: The new `nodeOrigin` prop lets you control the origin of a node. Useful for layouting.
-- **New background pattern**: `BackgroundVariant.Cross` variant
-- **[`useOnViewportChange`](/docs/api/hooks/use-on-viewport-change) hook** - handle viewport changes within a component
-- **[`useOnSelectionChange`](/docs/api/hooks/use-on-selection-change) hook** - handle selection changes within a component
-- **[`useNodesInitialized`](/docs/api/hooks/use-nodes-initialized) hook** - returns true if all nodes are initialized and if there is more than one node
-- **Deletable option** for Nodes and edges
-- **New Event handlers**: `onPaneMouseEnter`, `onPaneMouseMove` and `onPaneMouseLeave`
-- **Edge `pathOptions`** for `smoothstep` and `default` edges
-- **Nicer cursor defaults**: Cursor is grabbing, while dragging a node or panning
-- **Pane moveable** with middle mouse button
-- **Pan over nodes** when they are not draggable (`draggable=false` or `nodesDraggable` false)
-- **[`<BaseEdge />`](/docs/api/edges/base-edge) component** that makes it easier to build custom edges
-- **[Separately installable packages](/docs/overview/packages/)**
-  - @reactflow/core
-  - @reactflow/background
-  - @reactflow/controls
-  - @reactflow/minimap
-
-### Patch Changes
-
-- Updated dependencies:
-  - @reactflow/core@11.0.0
diff --git a/packages/minimap/README.md b/packages/minimap/README.md
deleted file mode 100644
index 2dba17d90..000000000
--- a/packages/minimap/README.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# @reactflow/minimap
-
-Mini map component for React Flow.
-
-## Installation 
-
-```sh 
-npm install @reactflow/minimap
-```
-
diff --git a/packages/minimap/package.json b/packages/minimap/package.json
deleted file mode 100644
index 3f9904f43..000000000
--- a/packages/minimap/package.json
+++ /dev/null
@@ -1,70 +0,0 @@
-{
-  "name": "@reactflow/minimap",
-  "version": "11.5.2",
-  "description": "Minimap component for React Flow.",
-  "keywords": [
-    "react",
-    "node-based UI",
-    "graph",
-    "diagram",
-    "workflow",
-    "react-flow"
-  ],
-  "files": [
-    "dist"
-  ],
-  "source": "src/index.tsx",
-  "main": "dist/umd/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/esm/index.d.ts",
-  "sideEffects": [
-    "*.css"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/wbkd/react-flow.git",
-    "directory": "packages/minimap"
-  },
-  "scripts": {
-    "dev": "concurrently \"rollup --config node:@reactflow/rollup-config --watch\" pnpm:css-watch",
-    "build": "rollup --config node:@reactflow/rollup-config --environment NODE_ENV:production && npm run css",
-    "css": "postcss src/*.css --config ../../tooling/postcss-config/postcss.config.js --dir dist",
-    "css-watch": "pnpm css --watch",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
-    "typecheck": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@reactflow/core": "workspace:*",
-    "@types/d3-selection": "^3.0.3",
-    "@types/d3-zoom": "^3.0.1",
-    "classcat": "^5.0.3",
-    "d3-selection": "^3.0.0",
-    "d3-zoom": "^3.0.0",
-    "zustand": "^4.3.1"
-  },
-  "peerDependencies": {
-    "react": ">=17",
-    "react-dom": ">=17"
-  },
-  "devDependencies": {
-    "@reactflow/eslint-config": "workspace:*",
-    "@reactflow/rollup-config": "workspace:*",
-    "@reactflow/tsconfig": "workspace:*",
-    "@types/node": "^18.7.16",
-    "@types/react": ">=17",
-    "react": "^18.2.0",
-    "typescript": "^4.9.4"
-  },
-  "rollup": {
-    "globals": {
-      "zustand": "Zustand",
-      "zustand/shallow": "zustandShallow",
-      "classcat": "cc"
-    },
-    "name": "ReactFlowMinimap"
-  }
-}
diff --git a/packages/minimap/src/style.css b/packages/minimap/src/style.css
deleted file mode 100644
index dbb9a9313..000000000
--- a/packages/minimap/src/style.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.react-flow__minimap {
-  background-color: #fff;
-}
diff --git a/packages/minimap/tsconfig.json b/packages/minimap/tsconfig.json
deleted file mode 100644
index 8a8e74cee..000000000
--- a/packages/minimap/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "@reactflow/tsconfig/react.json",
-  "display": "@reactflow/minimap",
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules", "dist"]
-}
diff --git a/packages/node-resizer/.eslintrc.js b/packages/node-resizer/.eslintrc.js
deleted file mode 100644
index 31cfbd113..000000000
--- a/packages/node-resizer/.eslintrc.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['@reactflow/eslint-config'],
-};
diff --git a/packages/node-resizer/CHANGELOG.md b/packages/node-resizer/CHANGELOG.md
deleted file mode 100644
index b8cfb5cb1..000000000
--- a/packages/node-resizer/CHANGELOG.md
+++ /dev/null
@@ -1,123 +0,0 @@
-# @reactflow/node-resizer
-
-## 2.1.0
-
-### Minor Changes
-
-- [#2900](https://github.com/wbkd/react-flow/pull/2900) [`b1190837`](https://github.com/wbkd/react-flow/commit/b11908370bc438ca8d4179497cd4eb1f8c656798) Thanks [@stffabi](https://github.com/stffabi)! - add `maxWidth` and `maxHeight` props
-- [#2900](https://github.com/wbkd/react-flow/pull/2900) [`b1190837`](https://github.com/wbkd/react-flow/commit/b11908370bc438ca8d4179497cd4eb1f8c656798) - add `keepAspectRatio` prop
-
-### Patch Changes
-
-- Updated dependencies [[`3d5764ca`](https://github.com/wbkd/react-flow/commit/3d5764cac6548984a30cbf85899024e62fd69425), [`83fc4675`](https://github.com/wbkd/react-flow/commit/83fc467545527729633e817dbccfe59d0040da4b), [`b1190837`](https://github.com/wbkd/react-flow/commit/b11908370bc438ca8d4179497cd4eb1f8c656798), [`5fabd272`](https://github.com/wbkd/react-flow/commit/5fabd2720f6367f75f79a45822d8f675a3b8e1cf), [`8f080bd5`](https://github.com/wbkd/react-flow/commit/8f080bd5e0e7e6c71f51eee9c9f2bc4b25182861), [`b8886514`](https://github.com/wbkd/react-flow/commit/b88865140c72fa7e92a883498768000cb2cc96a7), [`16bf89f2`](https://github.com/wbkd/react-flow/commit/16bf89f2b7bbf8449c00d0e2c07c19c3ff6d2533)]:
-  - @reactflow/core@11.6.0
-
-## 2.0.1
-
-### Patch Changes
-
-- [#2792](https://github.com/wbkd/react-flow/pull/2792) [`d8c679b4`](https://github.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a) - Accept React 17 types as dev dependency
-
-- Updated dependencies [[`d8c679b4`](https://github.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a)]:
-  - @reactflow/core@11.5.2
-
-## 2.0.0
-
-After this update it should be easier to update the node resizer (no need to update the reactflow package anymore).
-
-New props:
-
-- `shouldResize`: user can pass a function that determines if resize should be executed
-- `direction`: gets passed as an attribute on resize
-
-### Major Changes
-
-- [#2749](https://github.com/wbkd/react-flow/pull/2749) [`e347dd82`](https://github.com/wbkd/react-flow/commit/e347dd82d342bf9c4884ca667afaa5cf639283e5) - Add `shouldResize`, rename and cleanup types - `ResizeEventParams` is now `ResizeParams`
-
-### Patch Changes
-
-- Updated dependencies [[`e96309b6`](https://github.com/wbkd/react-flow/commit/e96309b6a57b1071faeebf7b0547fef7fd418694), [`85003b01`](https://github.com/wbkd/react-flow/commit/85003b01add71ea852bd5b0d2f1e7496050a6b52), [`4c516882`](https://github.com/wbkd/react-flow/commit/4c516882d2bbf426c1832a53ad40763cc1abef92)]:
-  - @reactflow/core@11.5.0
-
-## 1.2.2
-
-### Patch Changes
-
-- [#2741](https://github.com/wbkd/react-flow/pull/2741) [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39) - chore(dependencies): update and cleanup
-
-- Updated dependencies [[`e34a3072`](https://github.com/wbkd/react-flow/commit/e34a30726dc55184f59adc4f16ca5215a7c42805), [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39)]:
-  - @reactflow/core@11.4.2
-
-## 1.2.1
-
-### Patch Changes
-
-- Updated dependencies [[`82988485`](https://github.com/wbkd/react-flow/commit/82988485b730a9e32acbdae1ddcc81b33ddccaba), [`d91e619a`](https://github.com/wbkd/react-flow/commit/d91e619a70a95db99a621ede59bc05b5a7766086)]:
-  - @reactflow/core@11.4.1
-
-## 1.2.0
-
-### Patch Changes
-
-- Updated dependencies [[`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff), [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]:
-  - @reactflow/core@11.4.0
-
-## 1.2.0-next.1
-
-### Minor Changes
-
-- panOnDrag: Use numbers for prop ([1,2] = drag via middle or right mouse button)
-- selection: do not include hidden nodes
-- minimap: fix onNodeClick for nodes outside the viewport
-- keys: allow multi select when input is focused
-
-### Patch Changes
-
-- Updated dependencies []:
-  - @reactflow/core@11.4.0-next.1
-
-## 1.1.1-next.0
-
-### Patch Changes
-
-- Updated dependencies [[`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]:
-  - @reactflow/core@11.4.0-next.0
-
-## 1.1.0
-
-### Minor Changes
-
-- Add `onResizeStart`, `onResize`, `onResizeEnd` handlers
-- Fix resizing flag
-- Cleanup types
-
-## 1.0.3
-
-### Patch Changes
-
-- cleanup
-
-## 1.0.2
-
-### Patch Changes
-
-- fix `minWidth` and `minHeight` so that it can be used dynamically
-
-## 1.0.1
-
-### Patch Changes
-
-- pass `minWidth` and `minHeight` from `NodeResizer` component to `NodeResizeControl`
-
-## 1.0.0
-
-This is a new package that exports components to build a UI for resizing a node 🎉 It exports a [`<NodeResizer />`](https://reactflow.dev/docs/api/nodes/node-resizer/) component and a [`<NodeResizeControl />`](https://reactflow.dev/docs/api/nodes/node-resizer/#noderesizecontrol--component) component.
-
-### Major Changes
-
-- [#2626](https://github.com/wbkd/react-flow/pull/2626) [`d29c401d`](https://github.com/wbkd/react-flow/commit/d29c401d598dbf2dcd5609b7adb8d029906a6f18) - Add a node resizer component that can be used to resize a custom node
-
-### Patch Changes
-
-- Updated dependencies [[`e6b5d90f`](https://github.com/wbkd/react-flow/commit/e6b5d90f61c8ee60e817bba232a162cae2ab3e2a), [`6ee44e07`](https://github.com/wbkd/react-flow/commit/6ee44e076eaa6908d07578a757a5187642b732ae), [`aa69c207`](https://github.com/wbkd/react-flow/commit/aa69c20765e6978f4f9c8cc63ed7110dbf6d9d9d), [`d29c401d`](https://github.com/wbkd/react-flow/commit/d29c401d598dbf2dcd5609b7adb8d029906a6f18), [`0df02f35`](https://github.com/wbkd/react-flow/commit/0df02f35f8d6c54dae36af18278feadc77acb2d6)]:
-  - @reactflow/core@11.3.2
diff --git a/packages/node-resizer/README.md b/packages/node-resizer/README.md
deleted file mode 100644
index d9ec14d46..000000000
--- a/packages/node-resizer/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# @reactflow/node-resizer
-
-A resizer component for React Flow that can be attached to a node.
-
-## Installation 
-
-```sh 
-npm install @reactflow/node-resizer
-```
diff --git a/packages/node-resizer/package.json b/packages/node-resizer/package.json
deleted file mode 100644
index 9c6d779e4..000000000
--- a/packages/node-resizer/package.json
+++ /dev/null
@@ -1,72 +0,0 @@
-{
-  "name": "@reactflow/node-resizer",
-  "version": "2.1.0",
-  "description": "A helper component for resizing nodes.",
-  "keywords": [
-    "react",
-    "node-based UI",
-    "graph",
-    "diagram",
-    "workflow",
-    "react-flow"
-  ],
-  "files": [
-    "dist"
-  ],
-  "source": "src/index.tsx",
-  "main": "dist/umd/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/esm/index.d.ts",
-  "sideEffects": [
-    "*.css"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/wbkd/react-flow.git",
-    "directory": "packages/node-resizer"
-  },
-  "scripts": {
-    "dev": "concurrently \"rollup --config node:@reactflow/rollup-config --watch\" pnpm:css-watch",
-    "build": "rollup --config node:@reactflow/rollup-config --environment NODE_ENV:production && npm run css",
-    "css": "postcss src/*.css --config ../../tooling/postcss-config/postcss.config.js --dir dist",
-    "css-watch": "pnpm css --watch",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
-    "typecheck": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@reactflow/core": "workspace:^11.6.0",
-    "@reactflow/utils": "workspace:*",
-    "classcat": "^5.0.4",
-    "d3-drag": "^3.0.0",
-    "d3-selection": "^3.0.0",
-    "zustand": "^4.3.1"
-  },
-  "peerDependencies": {
-    "react": ">=17",
-    "react-dom": ">=17"
-  },
-  "devDependencies": {
-    "@reactflow/eslint-config": "workspace:*",
-    "@reactflow/rollup-config": "workspace:*",
-    "@reactflow/tsconfig": "workspace:*",
-    "@types/d3-drag": "^3.0.1",
-    "@types/d3-selection": "^3.0.3",
-    "@types/node": "^18.7.16",
-    "@types/react": ">=17",
-    "@types/react-dom": ">=17",
-    "react": "^18.2.0",
-    "typescript": "^4.9.4"
-  },
-  "rollup": {
-    "globals": {
-      "zustand": "Zustand",
-      "zustand/shallow": "zustandShallow",
-      "classcat": "cc"
-    },
-    "name": "ReactFlowNodeResizer"
-  }
-}
diff --git a/packages/node-resizer/tsconfig.json b/packages/node-resizer/tsconfig.json
deleted file mode 100644
index d0e5a1ce5..000000000
--- a/packages/node-resizer/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "@reactflow/tsconfig/react.json",
-  "display": "@reactflow/node-resizer",
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules", "dist"]
-}
diff --git a/packages/node-toolbar/.eslintrc.js b/packages/node-toolbar/.eslintrc.js
deleted file mode 100644
index 31cfbd113..000000000
--- a/packages/node-toolbar/.eslintrc.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['@reactflow/eslint-config'],
-};
diff --git a/packages/node-toolbar/CHANGELOG.md b/packages/node-toolbar/CHANGELOG.md
deleted file mode 100644
index f2f8c21a8..000000000
--- a/packages/node-toolbar/CHANGELOG.md
+++ /dev/null
@@ -1,167 +0,0 @@
-# @reactflow/node-toolbar
-
-## 1.2.1
-
-### Patch Changes
-
-- Updated dependencies [[`70ec97f7`](https://github.com/wbkd/react-flow/commit/70ec97f7daec6d5401215cae3edac04aea88a3ba), [`d2d1aebc`](https://github.com/wbkd/react-flow/commit/d2d1aebc0f7fea4183406e7d1915b7fcd6995f48), [`4374459e`](https://github.com/wbkd/react-flow/commit/4374459ef9fec797bbc0407231f09a1acacd245b)]:
-  - @reactflow/core@11.7.2
-
-## 1.2.0
-
-### Minor Changes
-
-- [#3052](https://github.com/wbkd/react-flow/pull/3052) [`55e05cf7`](https://github.com/wbkd/react-flow/commit/55e05cf76ae21863691153e76dbd51d1eecd2c60) Thanks [@Noam3kCH](https://github.com/Noam3kCH)! - feat(align): add prop to align bar at start, center or end
-
-### Patch Changes
-
-- Updated dependencies [[`cf7a7d3d`](https://github.com/wbkd/react-flow/commit/cf7a7d3dad1e73215a72a5dc72e21fd50208cdbb), [`07b975bb`](https://github.com/wbkd/react-flow/commit/07b975bbee3580249e36a19582213b250f78093c), [`c80d269b`](https://github.com/wbkd/react-flow/commit/c80d269b85a0054221f4639c328fc36a3befbe70), [`a3fa164c`](https://github.com/wbkd/react-flow/commit/a3fa164c34cc820c79bb031c9fd97b72a3546614)]:
-  - @reactflow/core@11.7.1
-
-## 1.1.11
-
-### Patch Changes
-
-- Updated dependencies [[`098eee3d`](https://github.com/wbkd/react-flow/commit/098eee3d41dabc870777b081796401ff13b5a776), [`fe8cac0a`](https://github.com/wbkd/react-flow/commit/fe8cac0adb359109e0e9eafe8b9261ba354076bb), [`4a4ca171`](https://github.com/wbkd/react-flow/commit/4a4ca171955f5c8d58b23e3ad48406f1a21dc402), [`923a54c4`](https://github.com/wbkd/react-flow/commit/923a54c481b90954806202817ba844cfa7203a38), [`4d97a0ed`](https://github.com/wbkd/react-flow/commit/4d97a0ed168ce643fc0c99fa6b47cf1296d66065), [`c22e1c28`](https://github.com/wbkd/react-flow/commit/c22e1c28c5555a638c2a8e82c3bfc986b3965d36)]:
-  - @reactflow/core@11.7.0
-
-## 1.1.10
-
-### Patch Changes
-
-- Updated dependencies
-
-## 1.1.9
-
-### Patch Changes
-
-- Updated dependencies [[`3d5764ca`](https://github.com/wbkd/react-flow/commit/3d5764cac6548984a30cbf85899024e62fd69425), [`83fc4675`](https://github.com/wbkd/react-flow/commit/83fc467545527729633e817dbccfe59d0040da4b), [`b1190837`](https://github.com/wbkd/react-flow/commit/b11908370bc438ca8d4179497cd4eb1f8c656798), [`5fabd272`](https://github.com/wbkd/react-flow/commit/5fabd2720f6367f75f79a45822d8f675a3b8e1cf), [`8f080bd5`](https://github.com/wbkd/react-flow/commit/8f080bd5e0e7e6c71f51eee9c9f2bc4b25182861), [`b8886514`](https://github.com/wbkd/react-flow/commit/b88865140c72fa7e92a883498768000cb2cc96a7), [`16bf89f2`](https://github.com/wbkd/react-flow/commit/16bf89f2b7bbf8449c00d0e2c07c19c3ff6d2533)]:
-  - @reactflow/core@11.6.0
-
-## 1.1.8
-
-### Patch Changes
-
-- Updated dependencies [[`72216ff6`](https://github.com/wbkd/react-flow/commit/72216ff62014acd2d73999053c72bd7aeed351f6), [`959b1114`](https://github.com/wbkd/react-flow/commit/959b111448bba4686040473e46988be9e7befbe6), [`0d259b02`](https://github.com/wbkd/react-flow/commit/0d259b028558aab650546f3371a85f3bce45252f), [`f3de9335`](https://github.com/wbkd/react-flow/commit/f3de9335af6cd96cd77dc77f24a944eef85384e5), [`23424ea6`](https://github.com/wbkd/react-flow/commit/23424ea6750f092210f83df17a00c89adb910d96), [`021f5a92`](https://github.com/wbkd/react-flow/commit/021f5a9210f47a968e50446cd2f9dae1f97880a4)]:
-  - @reactflow/core@11.5.5
-
-## 1.1.7
-
-### Patch Changes
-
-- Updated dependencies [[`383a074a`](https://github.com/wbkd/react-flow/commit/383a074aeae6dbec8437fa08c7c8d8240838a84e)]:
-  - @reactflow/core@11.5.4
-
-## 1.1.6
-
-### Patch Changes
-
-- Updated dependencies [[`be8097ac`](https://github.com/wbkd/react-flow/commit/be8097acadca3054c3b236ce4296fc516010ef8c), [`1527795d`](https://github.com/wbkd/react-flow/commit/1527795d18c3af38c8ec7059436ea0fbf6c27bbd), [`3b6348a8`](https://github.com/wbkd/react-flow/commit/3b6348a8d1573afb39576327318bc172e33393c2)]:
-  - @reactflow/core@11.5.3
-
-## 1.1.5
-
-### Patch Changes
-
-- [#2792](https://github.com/wbkd/react-flow/pull/2792) [`d8c679b4`](https://github.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a) - Accept React 17 types as dev dependency
-
-- Updated dependencies [[`d8c679b4`](https://github.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a)]:
-  - @reactflow/core@11.5.2
-
-## 1.1.4
-
-### Patch Changes
-
-- Updated dependencies [[`71153534`](https://github.com/wbkd/react-flow/commit/7115353418ebc7f7c81ab0e861200972bbf7dbd5)]:
-  - @reactflow/core@11.5.1
-
-## 1.1.3
-
-### Patch Changes
-
-- Updated dependencies [[`e96309b6`](https://github.com/wbkd/react-flow/commit/e96309b6a57b1071faeebf7b0547fef7fd418694), [`85003b01`](https://github.com/wbkd/react-flow/commit/85003b01add71ea852bd5b0d2f1e7496050a6b52), [`4c516882`](https://github.com/wbkd/react-flow/commit/4c516882d2bbf426c1832a53ad40763cc1abef92)]:
-  - @reactflow/core@11.5.0
-
-## 1.1.2
-
-### Patch Changes
-
-- [#2741](https://github.com/wbkd/react-flow/pull/2741) [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39) - chore(dependencies): update and cleanup
-
-- Updated dependencies [[`e34a3072`](https://github.com/wbkd/react-flow/commit/e34a30726dc55184f59adc4f16ca5215a7c42805), [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39)]:
-  - @reactflow/core@11.4.2
-
-## 1.1.1
-
-### Patch Changes
-
-- Updated dependencies [[`82988485`](https://github.com/wbkd/react-flow/commit/82988485b730a9e32acbdae1ddcc81b33ddccaba), [`d91e619a`](https://github.com/wbkd/react-flow/commit/d91e619a70a95db99a621ede59bc05b5a7766086)]:
-  - @reactflow/core@11.4.1
-
-## 1.1.0
-
-### Patch Changes
-
-- [#2660](https://github.com/wbkd/react-flow/pull/2660) [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0) - Add `getNodes` function to the store so that you don't need to do `Array.from(store.getState().nodeInternals.values())` anymore.
-
-- Updated dependencies [[`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff), [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]:
-  - @reactflow/core@11.4.0
-
-## 1.1.0-next.1
-
-### Minor Changes
-
-- panOnDrag: Use numbers for prop ([1,2] = drag via middle or right mouse button)
-  selection: do not include hidden nodes
-  minimap: fix onNodeClick for nodes outside the viewport
-  keys: allow multi select when input is focused
-
-### Patch Changes
-
-- Updated dependencies []:
-  - @reactflow/core@11.4.0-next.1
-
-## 1.1.0-next.0
-
-### Minor Changes
-
-- [#2678](https://github.com/wbkd/react-flow/pull/2678) [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493) Thanks [@moklick](https://github.com/moklick)! - ## New Features
-
-  New props for the ReactFlow component to customize the controls of the viewport and the selection box better:
-
-  1. `selectionOnDrag` prop: Selection box without extra button press (need to set `panOnDrag={false} or `panOnDrag="RightClick"`)
-  2. `panOnDrag="RightClick"` option
-  3. `panActivationKeyCode="Space"` key code for activating dragging (useful when using `selectionOnDrag`)
-  4. `selectionMode={SelectionMode.Full}`: you can chose if the selection box needs to contain a node fully (`SelectionMode.Full`) or partially (`SelectionMode.Partial`) to select it
-  5. `onSelectionStart` and `onSelectionEnd` events
-
-### Patch Changes
-
-- [#2660](https://github.com/wbkd/react-flow/pull/2660) [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0) Thanks [@moklick](https://github.com/moklick)! - Add `getNodes` function to the store so that you don't need to do `Array.from(store.getState().nodeInternals.values())` anymore.
-
-- Updated dependencies [[`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]:
-  - @reactflow/core@11.4.0-next.0
-
-## 1.0.2
-
-### Patch Changes
-
-- [#2626](https://github.com/wbkd/react-flow/pull/2626) [`d29c401d`](https://github.com/wbkd/react-flow/commit/d29c401d598dbf2dcd5609b7adb8d029906a6f18) - Get nodeId from React Flow context if it is not passed explicitly as prop
-
-- Updated dependencies [[`e6b5d90f`](https://github.com/wbkd/react-flow/commit/e6b5d90f61c8ee60e817bba232a162cae2ab3e2a), [`6ee44e07`](https://github.com/wbkd/react-flow/commit/6ee44e076eaa6908d07578a757a5187642b732ae), [`aa69c207`](https://github.com/wbkd/react-flow/commit/aa69c20765e6978f4f9c8cc63ed7110dbf6d9d9d), [`d29c401d`](https://github.com/wbkd/react-flow/commit/d29c401d598dbf2dcd5609b7adb8d029906a6f18), [`0df02f35`](https://github.com/wbkd/react-flow/commit/0df02f35f8d6c54dae36af18278feadc77acb2d6)]:
-  - @reactflow/core@11.3.2
-
-## 1.0.1
-
-### Patch Changes
-
-- [#2594](https://github.com/wbkd/react-flow/pull/2594) [`ec94d9ec`](https://github.com/wbkd/react-flow/commit/ec94d9ecdc964d6d66c04e9242f195614bbfdbbe) Thanks [@chrtze](https://github.com/chrtze)! - Allow multiple node ids to be passed for enabling multi selection toolbars
-
-- Updated dependencies [[`c828bfda`](https://github.com/wbkd/react-flow/commit/c828bfda0a8c4774bc43588640c7cca0cfdcb3f4), [`b0302ce4`](https://github.com/wbkd/react-flow/commit/b0302ce4261a992bee841bae84af347d03be690f), [`b2c72813`](https://github.com/wbkd/react-flow/commit/b2c728137d1b53e38883f044fa447585c377a6af)]:
-  - @reactflow/core@11.3.1
-
-## 1.0.0
-
-### Major Changes
-
-- [#2563](https://github.com/wbkd/react-flow/pull/2563) [`98116d43`](https://github.com/wbkd/react-flow/commit/98116d431f9fcdcc9b23a5b606a94ec0740b64cd) Thanks [@chrtze](https://github.com/chrtze)! - Export a new component "NodeToolbar" that renders a fixed element attached to a node
diff --git a/packages/node-toolbar/README.md b/packages/node-toolbar/README.md
deleted file mode 100644
index 210d62ac0..000000000
--- a/packages/node-toolbar/README.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# @reactflow/node-toolbar
-
-A toolbar component for React Flow that can be attached to a node.
-
-## Installation 
-
-```sh 
-npm install @reactflow/node-toolbar
-```
-
diff --git a/packages/node-toolbar/package.json b/packages/node-toolbar/package.json
deleted file mode 100644
index 53344f04a..000000000
--- a/packages/node-toolbar/package.json
+++ /dev/null
@@ -1,65 +0,0 @@
-{
-  "name": "@reactflow/node-toolbar",
-  "version": "1.2.1",
-  "description": "A toolbar component for React Flow that can be attached to a node.",
-  "keywords": [
-    "react",
-    "node-based UI",
-    "graph",
-    "diagram",
-    "workflow",
-    "react-flow"
-  ],
-  "files": [
-    "dist"
-  ],
-  "source": "src/index.tsx",
-  "main": "dist/umd/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/esm/index.d.ts",
-  "sideEffects": [
-    "*.css"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/wbkd/react-flow.git",
-    "directory": "packages/node-toolbar"
-  },
-  "scripts": {
-    "dev": "concurrently \"rollup --config node:@reactflow/rollup-config --watch\" pnpm:css-watch",
-    "build": "rollup --config node:@reactflow/rollup-config --environment NODE_ENV:production",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
-    "typecheck": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@reactflow/core": "workspace:*",
-    "classcat": "^5.0.3",
-    "zustand": "^4.3.1"
-  },
-  "peerDependencies": {
-    "react": ">=17",
-    "react-dom": ">=17"
-  },
-  "devDependencies": {
-    "@reactflow/eslint-config": "workspace:*",
-    "@reactflow/rollup-config": "workspace:*",
-    "@reactflow/tsconfig": "workspace:*",
-    "@types/node": "^18.7.16",
-    "@types/react": ">=17",
-    "@types/react-dom": ">=17",
-    "react": "^18.2.0",
-    "typescript": "^4.9.4"
-  },
-  "rollup": {
-    "globals": {
-      "zustand": "Zustand",
-      "zustand/shallow": "zustandShallow",
-      "classcat": "cc"
-    },
-    "name": "ReactFlowNodeToolbar"
-  }
-}
diff --git a/packages/node-toolbar/tsconfig.json b/packages/node-toolbar/tsconfig.json
deleted file mode 100644
index 994d3bf0e..000000000
--- a/packages/node-toolbar/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "@reactflow/tsconfig/react.json",
-  "display": "@reactflow/node-toolbar",
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules", "dist"]
-}
diff --git a/packages/react/.eslintrc.js b/packages/react/.eslintrc.js
new file mode 100644
index 000000000..4e7ac3548
--- /dev/null
+++ b/packages/react/.eslintrc.js
@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: ['@xyflow/eslint-config'],
+};
diff --git a/packages/core/CHANGELOG.md b/packages/react/CHANGELOG.md
similarity index 100%
rename from packages/core/CHANGELOG.md
rename to packages/react/CHANGELOG.md
diff --git a/packages/core/README.md b/packages/react/README.md
similarity index 100%
rename from packages/core/README.md
rename to packages/react/README.md
diff --git a/packages/core/package.json b/packages/react/package.json
similarity index 75%
rename from packages/core/package.json
rename to packages/react/package.json
index 5faf08179..b3a0dc322 100644
--- a/packages/core/package.json
+++ b/packages/react/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@reactflow/core",
+  "name": "@xyflow/react",
   "version": "11.7.2",
   "description": "Core components and util functions of React Flow.",
   "keywords": [
@@ -8,7 +8,8 @@
     "graph",
     "diagram",
     "workflow",
-    "react-flow"
+    "react-flow",
+    "xyflow"
   ],
   "files": [
     "dist"
@@ -30,21 +31,19 @@
     "directory": "packages/core"
   },
   "scripts": {
-    "dev": "concurrently \"rollup --config node:@reactflow/rollup-config --watch\" pnpm:css-watch",
-    "build": "rollup --config node:@reactflow/rollup-config --environment NODE_ENV:production && npm run css",
+    "dev": "concurrently \"rollup --config node:@xyflow/rollup-config --watch\" pnpm:css-watch",
+    "build": "rollup --config node:@xyflow/rollup-config --environment NODE_ENV:production && npm run css",
     "css": "postcss src/styles/{base,style}.css --config ./../../tooling/postcss-config/postcss.config.js --dir dist",
     "css-watch": "pnpm css --watch",
     "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@reactflow/edge-utils": "workspace:*",
-    "@reactflow/system": "workspace:*",
-    "@reactflow/utils": "workspace:*",
     "@types/d3": "^7.4.0",
     "@types/d3-drag": "^3.0.1",
     "@types/d3-selection": "^3.0.3",
     "@types/d3-zoom": "^3.0.1",
+    "@xyflow/system": "workspace:*",
     "classcat": "^5.0.3",
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
@@ -56,9 +55,9 @@
     "react-dom": ">=17"
   },
   "devDependencies": {
-    "@reactflow/eslint-config": "workspace:*",
-    "@reactflow/rollup-config": "workspace:*",
-    "@reactflow/tsconfig": "workspace:*",
+    "@xyflow/eslint-config": "workspace:*",
+    "@xyflow/rollup-config": "workspace:*",
+    "@xyflow/tsconfig": "workspace:*",
     "@types/node": "^18.7.16",
     "@types/react": ">=17",
     "@types/react-dom": ">=17",
diff --git a/packages/background/src/Background.tsx b/packages/react/src/additional-components/Background/Background.tsx
similarity index 94%
rename from packages/background/src/Background.tsx
rename to packages/react/src/additional-components/Background/Background.tsx
index e0efd77bb..31a280d08 100644
--- a/packages/background/src/Background.tsx
+++ b/packages/react/src/additional-components/Background/Background.tsx
@@ -1,8 +1,9 @@
 import { memo, useRef } from 'react';
 import cc from 'classcat';
-import { useStore, ReactFlowState } from '@reactflow/core';
 import { shallow } from 'zustand/shallow';
 
+import { useStore } from '../../hooks/useStore';
+import { type ReactFlowState } from '../../types';
 import { BackgroundProps, BackgroundVariant } from './types';
 import { DotPattern, LinePattern } from './Patterns';
 
@@ -64,7 +65,7 @@ function Background({
       data-testid="rf__background"
     >
       <pattern
-        id={patternId+id}
+        id={patternId + id}
         x={transform[0] % scaledGap[0]}
         y={transform[1] % scaledGap[1]}
         width={scaledGap[0]}
@@ -78,7 +79,7 @@ function Background({
           <LinePattern dimensions={patternDimensions} color={patternColor} lineWidth={lineWidth} />
         )}
       </pattern>
-      <rect x="0" y="0" width="100%" height="100%" fill={`url(#${patternId+id})`} />
+      <rect x="0" y="0" width="100%" height="100%" fill={`url(#${patternId + id})`} />
     </svg>
   );
 }
diff --git a/packages/background/src/Patterns.tsx b/packages/react/src/additional-components/Background/Patterns.tsx
similarity index 100%
rename from packages/background/src/Patterns.tsx
rename to packages/react/src/additional-components/Background/Patterns.tsx
diff --git a/packages/background/src/index.tsx b/packages/react/src/additional-components/Background/index.tsx
similarity index 100%
rename from packages/background/src/index.tsx
rename to packages/react/src/additional-components/Background/index.tsx
diff --git a/packages/background/src/types.ts b/packages/react/src/additional-components/Background/types.ts
similarity index 100%
rename from packages/background/src/types.ts
rename to packages/react/src/additional-components/Background/types.ts
diff --git a/packages/controls/src/ControlButton.tsx b/packages/react/src/additional-components/Controls/ControlButton.tsx
similarity index 100%
rename from packages/controls/src/ControlButton.tsx
rename to packages/react/src/additional-components/Controls/ControlButton.tsx
diff --git a/packages/controls/src/Controls.tsx b/packages/react/src/additional-components/Controls/Controls.tsx
similarity index 93%
rename from packages/controls/src/Controls.tsx
rename to packages/react/src/additional-components/Controls/Controls.tsx
index cf8a246f2..99139b81f 100644
--- a/packages/controls/src/Controls.tsx
+++ b/packages/react/src/additional-components/Controls/Controls.tsx
@@ -1,7 +1,11 @@
 import { memo, useEffect, useState, type FC, type PropsWithChildren } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import { useStore, useStoreApi, useReactFlow, Panel, type ReactFlowState } from '@reactflow/core';
+
+import { useStore, useStoreApi } from '../../hooks/useStore';
+import useReactFlow from '../../hooks/useReactFlow';
+import Panel from '../../components/Panel';
+import { type ReactFlowState } from '../../types';
 
 import PlusIcon from './Icons/Plus';
 import MinusIcon from './Icons/Minus';
diff --git a/packages/controls/src/Icons/FitView.tsx b/packages/react/src/additional-components/Controls/Icons/FitView.tsx
similarity index 100%
rename from packages/controls/src/Icons/FitView.tsx
rename to packages/react/src/additional-components/Controls/Icons/FitView.tsx
diff --git a/packages/controls/src/Icons/Lock.tsx b/packages/react/src/additional-components/Controls/Icons/Lock.tsx
similarity index 100%
rename from packages/controls/src/Icons/Lock.tsx
rename to packages/react/src/additional-components/Controls/Icons/Lock.tsx
diff --git a/packages/controls/src/Icons/Minus.tsx b/packages/react/src/additional-components/Controls/Icons/Minus.tsx
similarity index 100%
rename from packages/controls/src/Icons/Minus.tsx
rename to packages/react/src/additional-components/Controls/Icons/Minus.tsx
diff --git a/packages/controls/src/Icons/Plus.tsx b/packages/react/src/additional-components/Controls/Icons/Plus.tsx
similarity index 100%
rename from packages/controls/src/Icons/Plus.tsx
rename to packages/react/src/additional-components/Controls/Icons/Plus.tsx
diff --git a/packages/controls/src/Icons/Unlock.tsx b/packages/react/src/additional-components/Controls/Icons/Unlock.tsx
similarity index 100%
rename from packages/controls/src/Icons/Unlock.tsx
rename to packages/react/src/additional-components/Controls/Icons/Unlock.tsx
diff --git a/packages/controls/src/index.tsx b/packages/react/src/additional-components/Controls/index.tsx
similarity index 100%
rename from packages/controls/src/index.tsx
rename to packages/react/src/additional-components/Controls/index.tsx
diff --git a/packages/react/src/additional-components/Controls/style.css b/packages/react/src/additional-components/Controls/style.css
new file mode 100644
index 000000000..e69de29bb
diff --git a/packages/controls/src/types.ts b/packages/react/src/additional-components/Controls/types.ts
similarity index 82%
rename from packages/controls/src/types.ts
rename to packages/react/src/additional-components/Controls/types.ts
index 3cfcad29e..2d93540ce 100644
--- a/packages/controls/src/types.ts
+++ b/packages/react/src/additional-components/Controls/types.ts
@@ -1,5 +1,7 @@
 import type { ButtonHTMLAttributes, HTMLAttributes } from 'react';
-import type { FitViewOptions, PanelPosition } from '@reactflow/core';
+import type { PanelPosition } from '@xyflow/system';
+
+import type { FitViewOptions } from '../../types';
 
 export type ControlProps = HTMLAttributes<HTMLDivElement> & {
   showZoom?: boolean;
diff --git a/packages/minimap/src/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
similarity index 97%
rename from packages/minimap/src/MiniMap.tsx
rename to packages/react/src/additional-components/MiniMap/MiniMap.tsx
index dcefec439..125f40e9c 100644
--- a/packages/minimap/src/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -6,16 +6,16 @@ import { shallow } from 'zustand/shallow';
 import { type D3ZoomEvent, zoom } from 'd3-zoom';
 import { select, pointer } from 'd3-selection';
 import {
-  useStore,
   getRectOfNodes,
-  Panel,
   getBoundsOfRects,
-  useStoreApi,
   getNodePositionWithOrigin,
   CoordinateExtent,
-  type ReactFlowState,
   type Rect,
-} from '@reactflow/core';
+} from '@xyflow/system';
+
+import { useStore, useStoreApi } from '../../hooks/useStore';
+import Panel from '../../components/Panel';
+import type { ReactFlowState } from '../../types';
 
 import MiniMapNode from './MiniMapNode';
 import type { MiniMapProps, GetMiniMapNodeAttribute } from './types';
diff --git a/packages/minimap/src/MiniMapNode.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx
similarity index 100%
rename from packages/minimap/src/MiniMapNode.tsx
rename to packages/react/src/additional-components/MiniMap/MiniMapNode.tsx
diff --git a/packages/minimap/src/index.tsx b/packages/react/src/additional-components/MiniMap/index.tsx
similarity index 100%
rename from packages/minimap/src/index.tsx
rename to packages/react/src/additional-components/MiniMap/index.tsx
diff --git a/packages/minimap/src/types.ts b/packages/react/src/additional-components/MiniMap/types.ts
similarity index 92%
rename from packages/minimap/src/types.ts
rename to packages/react/src/additional-components/MiniMap/types.ts
index f86722ede..c51ca69ca 100644
--- a/packages/minimap/src/types.ts
+++ b/packages/react/src/additional-components/MiniMap/types.ts
@@ -1,6 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type { ComponentType, CSSProperties, HTMLAttributes, MouseEvent } from 'react';
-import type { Node, PanelPosition, XYPosition } from '@reactflow/core';
+import type { PanelPosition, XYPosition } from '@xyflow/system';
+
+import type { Node } from '../../types';
 
 export type GetMiniMapNodeAttribute<NodeData = any> = (node: Node<NodeData>) => string;
 
diff --git a/packages/node-resizer/src/NodeResizer.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx
similarity index 100%
rename from packages/node-resizer/src/NodeResizer.tsx
rename to packages/react/src/additional-components/NodeResizer/NodeResizer.tsx
diff --git a/packages/node-resizer/src/ResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
similarity index 95%
rename from packages/node-resizer/src/ResizeControl.tsx
rename to packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
index 715186058..cbf75c676 100644
--- a/packages/node-resizer/src/ResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
@@ -2,10 +2,17 @@ import { useRef, useEffect, memo } from 'react';
 import cc from 'classcat';
 import { drag } from 'd3-drag';
 import { select } from 'd3-selection';
-import { getPointerPosition } from '@reactflow/utils';
-import { useStoreApi, NodeChange, NodeDimensionChange, useNodeId, NodePositionChange, clamp } from '@reactflow/core';
-
-import { ResizeDragEvent, ResizeControlProps, ResizeControlLineProps, ResizeControlVariant } from './types';
+import { getPointerPosition, clamp } from '@xyflow/system';
+
+import { useStoreApi } from '../../hooks/useStore';
+import { useNodeId } from '../../contexts/NodeIdContext';
+import type { NodeChange, NodeDimensionChange, NodePositionChange } from '../../types';
+import {
+  type ResizeDragEvent,
+  type ResizeControlProps,
+  type ResizeControlLineProps,
+  ResizeControlVariant,
+} from './types';
 import { getDirection } from './utils';
 
 const initPrevValues = { width: 0, height: 0, x: 0, y: 0 };
diff --git a/packages/node-resizer/src/index.tsx b/packages/react/src/additional-components/NodeResizer/index.tsx
similarity index 100%
rename from packages/node-resizer/src/index.tsx
rename to packages/react/src/additional-components/NodeResizer/index.tsx
diff --git a/packages/node-resizer/src/types.ts b/packages/react/src/additional-components/NodeResizer/types.ts
similarity index 100%
rename from packages/node-resizer/src/types.ts
rename to packages/react/src/additional-components/NodeResizer/types.ts
diff --git a/packages/node-resizer/src/utils.ts b/packages/react/src/additional-components/NodeResizer/utils.ts
similarity index 100%
rename from packages/node-resizer/src/utils.ts
rename to packages/react/src/additional-components/NodeResizer/utils.ts
diff --git a/packages/node-toolbar/src/NodeToolbar.tsx b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
similarity index 93%
rename from packages/node-toolbar/src/NodeToolbar.tsx
rename to packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
index 3b02b8bf5..50d67f12d 100644
--- a/packages/node-toolbar/src/NodeToolbar.tsx
+++ b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
@@ -1,18 +1,11 @@
 import { useCallback, CSSProperties } from 'react';
-import {
-  Node,
-  ReactFlowState,
-  useStore,
-  getRectOfNodes,
-  Transform,
-  Rect,
-  Position,
-  internalsSymbol,
-  useNodeId,
-} from '@reactflow/core';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
+import { getRectOfNodes, Transform, Rect, Position, internalsSymbol } from '@xyflow/system';
 
+import { Node, ReactFlowState } from '../../types';
+import { useStore } from '../../hooks/useStore';
+import { useNodeId } from '../../contexts/NodeIdContext';
 import NodeToolbarPortal from './NodeToolbarPortal';
 import { Align, NodeToolbarProps } from './types';
 
diff --git a/packages/node-toolbar/src/NodeToolbarPortal.tsx b/packages/react/src/additional-components/NodeToolbar/NodeToolbarPortal.tsx
similarity index 80%
rename from packages/node-toolbar/src/NodeToolbarPortal.tsx
rename to packages/react/src/additional-components/NodeToolbar/NodeToolbarPortal.tsx
index 732362e58..4b8d8d025 100644
--- a/packages/node-toolbar/src/NodeToolbarPortal.tsx
+++ b/packages/react/src/additional-components/NodeToolbar/NodeToolbarPortal.tsx
@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
 import { createPortal } from 'react-dom';
-import { ReactFlowState, useStore } from '@reactflow/core';
+
+import type { ReactFlowState } from '../../types';
+import { useStore } from '../../hooks/useStore';
 
 const selector = (state: ReactFlowState) => state.domNode?.querySelector('.react-flow__renderer');
 
diff --git a/packages/node-toolbar/src/index.tsx b/packages/react/src/additional-components/NodeToolbar/index.tsx
similarity index 100%
rename from packages/node-toolbar/src/index.tsx
rename to packages/react/src/additional-components/NodeToolbar/index.tsx
diff --git a/packages/node-toolbar/src/types.ts b/packages/react/src/additional-components/NodeToolbar/types.ts
similarity index 85%
rename from packages/node-toolbar/src/types.ts
rename to packages/react/src/additional-components/NodeToolbar/types.ts
index 7ff2087b5..294785761 100644
--- a/packages/node-toolbar/src/types.ts
+++ b/packages/react/src/additional-components/NodeToolbar/types.ts
@@ -1,5 +1,5 @@
-import { Position } from '@reactflow/core';
 import type { HTMLAttributes } from 'react';
+import type { Position } from '@xyflow/system';
 
 export type NodeToolbarProps = HTMLAttributes<HTMLDivElement> & {
   nodeId?: string | string[];
diff --git a/packages/react/src/additional-components/index.ts b/packages/react/src/additional-components/index.ts
new file mode 100644
index 000000000..94a1595ed
--- /dev/null
+++ b/packages/react/src/additional-components/index.ts
@@ -0,0 +1,5 @@
+export * from './Background';
+export * from './Controls';
+export * from './MiniMap';
+export * from './NodeResizer';
+export * from './NodeToolbar';
diff --git a/packages/core/src/components/A11yDescriptions/index.tsx b/packages/react/src/components/A11yDescriptions/index.tsx
similarity index 100%
rename from packages/core/src/components/A11yDescriptions/index.tsx
rename to packages/react/src/components/A11yDescriptions/index.tsx
diff --git a/packages/core/src/components/Attribution/index.tsx b/packages/react/src/components/Attribution/index.tsx
similarity index 90%
rename from packages/core/src/components/Attribution/index.tsx
rename to packages/react/src/components/Attribution/index.tsx
index 641dc8c7d..8c2aa4843 100644
--- a/packages/core/src/components/Attribution/index.tsx
+++ b/packages/react/src/components/Attribution/index.tsx
@@ -1,4 +1,4 @@
-import type { PanelPosition, ProOptions } from '@reactflow/system';
+import type { PanelPosition, ProOptions } from '@xyflow/system';
 
 import Panel from '../Panel';
 
diff --git a/packages/core/src/components/ConnectionLine/index.tsx b/packages/react/src/components/ConnectionLine/index.tsx
similarity index 98%
rename from packages/core/src/components/ConnectionLine/index.tsx
rename to packages/react/src/components/ConnectionLine/index.tsx
index 0d083762a..757e1fba9 100644
--- a/packages/core/src/components/ConnectionLine/index.tsx
+++ b/packages/react/src/components/ConnectionLine/index.tsx
@@ -6,10 +6,11 @@ import {
   Position,
   ConnectionLineType,
   ConnectionMode,
+  getBezierPath,
+  getSmoothStepPath,
   type ConnectionStatus,
   type HandleType,
-} from '@reactflow/system';
-import { getBezierPath, getSmoothStepPath } from '@reactflow/edge-utils';
+} from '@xyflow/system';
 
 import { useStore } from '../../hooks/useStore';
 import { getSimpleBezierPath } from '../Edges/SimpleBezierEdge';
diff --git a/packages/core/src/components/EdgeLabelRenderer/index.tsx b/packages/react/src/components/EdgeLabelRenderer/index.tsx
similarity index 100%
rename from packages/core/src/components/EdgeLabelRenderer/index.tsx
rename to packages/react/src/components/EdgeLabelRenderer/index.tsx
diff --git a/packages/core/src/components/Edges/BaseEdge.tsx b/packages/react/src/components/Edges/BaseEdge.tsx
similarity index 96%
rename from packages/core/src/components/Edges/BaseEdge.tsx
rename to packages/react/src/components/Edges/BaseEdge.tsx
index d658bb596..dd496f7eb 100644
--- a/packages/core/src/components/Edges/BaseEdge.tsx
+++ b/packages/react/src/components/Edges/BaseEdge.tsx
@@ -1,4 +1,4 @@
-import { isNumeric } from '@reactflow/utils';
+import { isNumeric } from '@xyflow/system';
 
 import type { BaseEdgeProps } from '../../types';
 
diff --git a/packages/core/src/components/Edges/BezierEdge.tsx b/packages/react/src/components/Edges/BezierEdge.tsx
similarity index 88%
rename from packages/core/src/components/Edges/BezierEdge.tsx
rename to packages/react/src/components/Edges/BezierEdge.tsx
index fd04e1bd1..8f446393d 100644
--- a/packages/core/src/components/Edges/BezierEdge.tsx
+++ b/packages/react/src/components/Edges/BezierEdge.tsx
@@ -1,6 +1,5 @@
 import { memo } from 'react';
-import { Position } from '@reactflow/system';
-import { getBezierPath } from '@reactflow/edge-utils';
+import { Position, getBezierPath } from '@xyflow/system';
 
 import BaseEdge from './BaseEdge';
 import type { BezierEdgeProps } from '../../types';
diff --git a/packages/core/src/components/Edges/EdgeAnchor.tsx b/packages/react/src/components/Edges/EdgeAnchor.tsx
similarity index 96%
rename from packages/core/src/components/Edges/EdgeAnchor.tsx
rename to packages/react/src/components/Edges/EdgeAnchor.tsx
index 3ea97546d..575023b31 100644
--- a/packages/core/src/components/Edges/EdgeAnchor.tsx
+++ b/packages/react/src/components/Edges/EdgeAnchor.tsx
@@ -1,6 +1,6 @@
 import type { FC, MouseEvent as ReactMouseEvent, SVGAttributes } from 'react';
 import cc from 'classcat';
-import { Position } from '@reactflow/system';
+import { Position } from '@xyflow/system';
 
 const shiftX = (x: number, shift: number, position: Position): number => {
   if (position === Position.Left) return x - shift;
diff --git a/packages/core/src/components/Edges/EdgeText.tsx b/packages/react/src/components/Edges/EdgeText.tsx
similarity index 97%
rename from packages/core/src/components/Edges/EdgeText.tsx
rename to packages/react/src/components/Edges/EdgeText.tsx
index e1d712497..7926e81df 100644
--- a/packages/core/src/components/Edges/EdgeText.tsx
+++ b/packages/react/src/components/Edges/EdgeText.tsx
@@ -1,6 +1,6 @@
 import { memo, useRef, useState, useEffect, type FC, type PropsWithChildren } from 'react';
 import cc from 'classcat';
-import type { Rect } from '@reactflow/system';
+import type { Rect } from '@xyflow/system';
 
 import type { EdgeTextProps } from '../../types';
 
diff --git a/packages/core/src/components/Edges/SimpleBezierEdge.tsx b/packages/react/src/components/Edges/SimpleBezierEdge.tsx
similarity index 96%
rename from packages/core/src/components/Edges/SimpleBezierEdge.tsx
rename to packages/react/src/components/Edges/SimpleBezierEdge.tsx
index 548ae8da7..d9fa50c42 100644
--- a/packages/core/src/components/Edges/SimpleBezierEdge.tsx
+++ b/packages/react/src/components/Edges/SimpleBezierEdge.tsx
@@ -1,6 +1,5 @@
 import { memo } from 'react';
-import { Position } from '@reactflow/system';
-import { getBezierEdgeCenter } from '@reactflow/edge-utils';
+import { Position, getBezierEdgeCenter } from '@xyflow/system';
 
 import BaseEdge from './BaseEdge';
 import type { EdgeProps } from '../../types';
diff --git a/packages/core/src/components/Edges/SmoothStepEdge.tsx b/packages/react/src/components/Edges/SmoothStepEdge.tsx
similarity index 92%
rename from packages/core/src/components/Edges/SmoothStepEdge.tsx
rename to packages/react/src/components/Edges/SmoothStepEdge.tsx
index 048d8cac0..be635a4ef 100644
--- a/packages/core/src/components/Edges/SmoothStepEdge.tsx
+++ b/packages/react/src/components/Edges/SmoothStepEdge.tsx
@@ -1,6 +1,5 @@
 import { memo } from 'react';
-import { Position } from '@reactflow/system';
-import { getSmoothStepPath } from '@reactflow/edge-utils';
+import { Position, getSmoothStepPath } from '@xyflow/system';
 
 import BaseEdge from './BaseEdge';
 import type { SmoothStepEdgeProps } from '../../types';
diff --git a/packages/core/src/components/Edges/StepEdge.tsx b/packages/react/src/components/Edges/StepEdge.tsx
similarity index 100%
rename from packages/core/src/components/Edges/StepEdge.tsx
rename to packages/react/src/components/Edges/StepEdge.tsx
diff --git a/packages/core/src/components/Edges/StraightEdge.tsx b/packages/react/src/components/Edges/StraightEdge.tsx
similarity index 94%
rename from packages/core/src/components/Edges/StraightEdge.tsx
rename to packages/react/src/components/Edges/StraightEdge.tsx
index f9448d2eb..06f4a1614 100644
--- a/packages/core/src/components/Edges/StraightEdge.tsx
+++ b/packages/react/src/components/Edges/StraightEdge.tsx
@@ -1,5 +1,5 @@
 import { memo } from 'react';
-import { getStraightPath } from '@reactflow/edge-utils';
+import { getStraightPath } from '@xyflow/system';
 
 import BaseEdge from './BaseEdge';
 import type { EdgeProps } from '../../types';
diff --git a/packages/core/src/components/Edges/index.ts b/packages/react/src/components/Edges/index.ts
similarity index 100%
rename from packages/core/src/components/Edges/index.ts
rename to packages/react/src/components/Edges/index.ts
diff --git a/packages/core/src/components/Edges/utils.ts b/packages/react/src/components/Edges/utils.ts
similarity index 82%
rename from packages/core/src/components/Edges/utils.ts
rename to packages/react/src/components/Edges/utils.ts
index 222c975a0..a51b7613b 100644
--- a/packages/core/src/components/Edges/utils.ts
+++ b/packages/react/src/components/Edges/utils.ts
@@ -1,5 +1,5 @@
-import { MouseEvent as ReactMouseEvent } from 'react';
-import { StoreApi } from 'zustand';
+import type { MouseEvent as ReactMouseEvent } from 'react';
+import type { StoreApi } from 'zustand';
 
 import type { Edge, ReactFlowState } from '../../types';
 
diff --git a/packages/core/src/components/Edges/wrapEdge.tsx b/packages/react/src/components/Edges/wrapEdge.tsx
similarity index 98%
rename from packages/core/src/components/Edges/wrapEdge.tsx
rename to packages/react/src/components/Edges/wrapEdge.tsx
index 1c780a9bd..8fd7db222 100644
--- a/packages/core/src/components/Edges/wrapEdge.tsx
+++ b/packages/react/src/components/Edges/wrapEdge.tsx
@@ -1,7 +1,6 @@
 import { memo, useState, useMemo, useRef, type ComponentType, type KeyboardEvent } from 'react';
 import cc from 'classcat';
-import { getMarkerId, elementSelectionKeys, XYHandle } from '@reactflow/utils';
-import type { Connection } from '@reactflow/system';
+import { getMarkerId, elementSelectionKeys, XYHandle, type Connection } from '@xyflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
 import { ARIA_EDGE_DESC_KEY } from '../A11yDescriptions';
diff --git a/packages/core/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
similarity index 96%
rename from packages/core/src/components/Handle/index.tsx
rename to packages/react/src/components/Handle/index.tsx
index 2c7fe7d84..b2accaa82 100644
--- a/packages/core/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -1,8 +1,16 @@
 import { memo, HTMLAttributes, forwardRef, MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import { errorMessages, Position, type HandleProps, type Connection, type HandleType } from '@reactflow/system';
-import { XYHandle, getHostForElement, isMouseEvent } from '@reactflow/utils';
+import {
+  errorMessages,
+  Position,
+  XYHandle,
+  getHostForElement,
+  isMouseEvent,
+  type HandleProps,
+  type Connection,
+  type HandleType,
+} from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
@@ -99,7 +107,6 @@ const Handle = forwardRef<HTMLDivElement, HandleComponentProps>(
           connectionRadius: currentStore.connectionRadius,
           domNode: currentStore.domNode,
           nodes: currentStore.getNodes(),
-          transform: currentStore.transform,
           lib: currentStore.lib,
           isTarget,
           handleId,
@@ -111,6 +118,7 @@ const Handle = forwardRef<HTMLDivElement, HandleComponentProps>(
           updateConnection: currentStore.updateConnection,
           onConnect: onConnectExtended,
           isValidConnection: isValidConnection || currentStore.isValidConnection,
+          getTransform: () => store.getState().transform,
         });
       }
 
diff --git a/packages/core/src/components/Nodes/DefaultNode.tsx b/packages/react/src/components/Nodes/DefaultNode.tsx
similarity index 89%
rename from packages/core/src/components/Nodes/DefaultNode.tsx
rename to packages/react/src/components/Nodes/DefaultNode.tsx
index e82bd112e..611e61656 100644
--- a/packages/core/src/components/Nodes/DefaultNode.tsx
+++ b/packages/react/src/components/Nodes/DefaultNode.tsx
@@ -1,5 +1,5 @@
 import { memo } from 'react';
-import { Position, type NodeProps } from '@reactflow/system';
+import { Position, type NodeProps } from '@xyflow/system';
 
 import Handle from '../../components/Handle';
 
diff --git a/packages/core/src/components/Nodes/GroupNode.tsx b/packages/react/src/components/Nodes/GroupNode.tsx
similarity index 100%
rename from packages/core/src/components/Nodes/GroupNode.tsx
rename to packages/react/src/components/Nodes/GroupNode.tsx
diff --git a/packages/core/src/components/Nodes/InputNode.tsx b/packages/react/src/components/Nodes/InputNode.tsx
similarity index 85%
rename from packages/core/src/components/Nodes/InputNode.tsx
rename to packages/react/src/components/Nodes/InputNode.tsx
index 21e4ba5da..354da2cef 100644
--- a/packages/core/src/components/Nodes/InputNode.tsx
+++ b/packages/react/src/components/Nodes/InputNode.tsx
@@ -1,5 +1,5 @@
 import { memo } from 'react';
-import { Position, type NodeProps } from '@reactflow/system';
+import { Position, type NodeProps } from '@xyflow/system';
 
 import Handle from '../../components/Handle';
 
diff --git a/packages/core/src/components/Nodes/OutputNode.tsx b/packages/react/src/components/Nodes/OutputNode.tsx
similarity index 85%
rename from packages/core/src/components/Nodes/OutputNode.tsx
rename to packages/react/src/components/Nodes/OutputNode.tsx
index 360c11136..8d52ba1ed 100644
--- a/packages/core/src/components/Nodes/OutputNode.tsx
+++ b/packages/react/src/components/Nodes/OutputNode.tsx
@@ -1,5 +1,5 @@
 import { memo } from 'react';
-import { Position, type NodeProps } from '@reactflow/system';
+import { Position, type NodeProps } from '@xyflow/system';
 
 import Handle from '../../components/Handle';
 
diff --git a/packages/core/src/components/Nodes/utils.ts b/packages/react/src/components/Nodes/utils.ts
similarity index 93%
rename from packages/core/src/components/Nodes/utils.ts
rename to packages/react/src/components/Nodes/utils.ts
index 1d83c071d..9fab47ac4 100644
--- a/packages/core/src/components/Nodes/utils.ts
+++ b/packages/react/src/components/Nodes/utils.ts
@@ -1,5 +1,5 @@
-import { MouseEvent, RefObject } from 'react';
-import { StoreApi } from 'zustand';
+import type { MouseEvent, RefObject } from 'react';
+import type { StoreApi } from 'zustand';
 
 import type { Node, ReactFlowState } from '../../types';
 
diff --git a/packages/core/src/components/Nodes/wrapNode.tsx b/packages/react/src/components/Nodes/wrapNode.tsx
similarity index 98%
rename from packages/core/src/components/Nodes/wrapNode.tsx
rename to packages/react/src/components/Nodes/wrapNode.tsx
index 06abf386a..4d8fb8a0d 100644
--- a/packages/core/src/components/Nodes/wrapNode.tsx
+++ b/packages/react/src/components/Nodes/wrapNode.tsx
@@ -1,7 +1,6 @@
 import { useEffect, useRef, memo, type ComponentType, type MouseEvent, type KeyboardEvent } from 'react';
 import cc from 'classcat';
-import { elementSelectionKeys, isInputDOMNode } from '@reactflow/utils';
-import type { NodeProps, XYPosition } from '@reactflow/system';
+import { elementSelectionKeys, isInputDOMNode, type NodeProps, type XYPosition } from '@xyflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
 import { Provider } from '../../contexts/NodeIdContext';
diff --git a/packages/core/src/components/NodesSelection/index.tsx b/packages/react/src/components/NodesSelection/index.tsx
similarity index 94%
rename from packages/core/src/components/NodesSelection/index.tsx
rename to packages/react/src/components/NodesSelection/index.tsx
index d6888fa6e..3765a2cac 100644
--- a/packages/core/src/components/NodesSelection/index.tsx
+++ b/packages/react/src/components/NodesSelection/index.tsx
@@ -3,11 +3,10 @@
  * made a selection with on or several nodes
  */
 
-import { memo, useRef, useEffect } from 'react';
-import type { MouseEvent, KeyboardEvent } from 'react';
+import { memo, useRef, useEffect, type MouseEvent, type KeyboardEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import { getRectOfNodes } from '@reactflow/utils';
+import { getRectOfNodes } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import useDrag from '../../hooks/useDrag';
diff --git a/packages/core/src/components/Panel/index.tsx b/packages/react/src/components/Panel/index.tsx
similarity index 93%
rename from packages/core/src/components/Panel/index.tsx
rename to packages/react/src/components/Panel/index.tsx
index db3063312..7bcf6f97b 100644
--- a/packages/core/src/components/Panel/index.tsx
+++ b/packages/react/src/components/Panel/index.tsx
@@ -1,6 +1,6 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 import cc from 'classcat';
-import type { PanelPosition } from '@reactflow/system';
+import type { PanelPosition } from '@xyflow/system';
 
 import { useStore } from '../../hooks/useStore';
 import type { ReactFlowState } from '../../types';
diff --git a/packages/core/src/components/ReactFlowProvider/index.tsx b/packages/react/src/components/ReactFlowProvider/index.tsx
similarity index 93%
rename from packages/core/src/components/ReactFlowProvider/index.tsx
rename to packages/react/src/components/ReactFlowProvider/index.tsx
index 7f70e7b4b..d3c283c20 100644
--- a/packages/core/src/components/ReactFlowProvider/index.tsx
+++ b/packages/react/src/components/ReactFlowProvider/index.tsx
@@ -1,5 +1,5 @@
 import { useRef, type FC, type PropsWithChildren } from 'react';
-import { StoreApi } from 'zustand';
+import { type StoreApi } from 'zustand';
 
 import { Provider } from '../../contexts/RFStoreContext';
 import { createRFStore } from '../../store';
diff --git a/packages/core/src/components/SelectionListener/index.tsx b/packages/react/src/components/SelectionListener/index.tsx
similarity index 100%
rename from packages/core/src/components/SelectionListener/index.tsx
rename to packages/react/src/components/SelectionListener/index.tsx
diff --git a/packages/core/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
similarity index 99%
rename from packages/core/src/components/StoreUpdater/index.tsx
rename to packages/react/src/components/StoreUpdater/index.tsx
index 6833f4c71..bd6e7e07e 100644
--- a/packages/core/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import { StoreApi } from 'zustand';
 import { shallow } from 'zustand/shallow';
-import type { CoordinateExtent } from '@reactflow/system';
+import type { CoordinateExtent } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import type { Node, Edge, ReactFlowState, ReactFlowProps, ReactFlowStore } from '../../types';
diff --git a/packages/core/src/components/UserSelection/index.tsx b/packages/react/src/components/UserSelection/index.tsx
similarity index 100%
rename from packages/core/src/components/UserSelection/index.tsx
rename to packages/react/src/components/UserSelection/index.tsx
diff --git a/packages/core/src/container/EdgeRenderer/MarkerDefinitions.tsx b/packages/react/src/container/EdgeRenderer/MarkerDefinitions.tsx
similarity index 95%
rename from packages/core/src/container/EdgeRenderer/MarkerDefinitions.tsx
rename to packages/react/src/container/EdgeRenderer/MarkerDefinitions.tsx
index 2bfdd15d0..8a0524acf 100644
--- a/packages/core/src/container/EdgeRenderer/MarkerDefinitions.tsx
+++ b/packages/react/src/container/EdgeRenderer/MarkerDefinitions.tsx
@@ -1,6 +1,5 @@
 import { memo, useCallback } from 'react';
-import type { MarkerProps } from '@reactflow/system';
-import { createMarkerIds } from '@reactflow/utils';
+import { type MarkerProps, createMarkerIds } from '@xyflow/system';
 
 import { useStore } from '../../hooks/useStore';
 import { useMarkerSymbol } from './MarkerSymbols';
diff --git a/packages/core/src/container/EdgeRenderer/MarkerSymbols.tsx b/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
similarity index 93%
rename from packages/core/src/container/EdgeRenderer/MarkerSymbols.tsx
rename to packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
index 4c2f20792..8ae3bb520 100644
--- a/packages/core/src/container/EdgeRenderer/MarkerSymbols.tsx
+++ b/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { errorMessages, MarkerType, type EdgeMarker } from '@reactflow/system';
+import { errorMessages, MarkerType, type EdgeMarker } from '@xyflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
 
diff --git a/packages/core/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
similarity index 98%
rename from packages/core/src/container/EdgeRenderer/index.tsx
rename to packages/react/src/container/EdgeRenderer/index.tsx
index 37aba2d00..c5ba21022 100644
--- a/packages/core/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -1,7 +1,7 @@
 import { memo, ReactNode } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
-import { errorMessages, ConnectionMode, Position } from '@reactflow/system';
+import { errorMessages, ConnectionMode, Position, getHandle } from '@xyflow/system';
 
 import { useStore } from '../../hooks/useStore';
 import useVisibleEdges from '../../hooks/useVisibleEdges';
@@ -9,7 +9,6 @@ import MarkerDefinitions from './MarkerDefinitions';
 import { getEdgePositions, getNodeData } from './utils';
 import { GraphViewProps } from '../GraphView';
 import type { Edge, ReactFlowState } from '../../types';
-import { getHandle } from '@reactflow/edge-utils';
 
 type EdgeRendererProps = Pick<
   GraphViewProps,
diff --git a/packages/core/src/container/EdgeRenderer/utils.ts b/packages/react/src/container/EdgeRenderer/utils.ts
similarity index 96%
rename from packages/core/src/container/EdgeRenderer/utils.ts
rename to packages/react/src/container/EdgeRenderer/utils.ts
index 1f87ec535..403e5f80b 100644
--- a/packages/core/src/container/EdgeRenderer/utils.ts
+++ b/packages/react/src/container/EdgeRenderer/utils.ts
@@ -2,18 +2,18 @@ import type { ComponentType } from 'react';
 import {
   internalsSymbol,
   Position,
+  rectToBox,
+  getHandlePosition,
   type HandleElement,
   type NodeHandleBounds,
   type Rect,
   type Transform,
   type XYPosition,
-} from '@reactflow/system';
-import { rectToBox } from '@reactflow/utils';
+} from '@xyflow/system';
 
 import { BezierEdge, SmoothStepEdge, StepEdge, StraightEdge, SimpleBezierEdge } from '../../components/Edges';
 import wrapEdge from '../../components/Edges/wrapEdge';
 import type { EdgeProps, EdgeTypes, EdgeTypesWrapped, Node } from '../../types';
-import { getHandlePosition } from '@reactflow/edge-utils';
 
 export type CreateEdgeTypes = (edgeTypes: EdgeTypes) => EdgeTypesWrapped;
 
diff --git a/packages/core/src/container/FlowRenderer/index.tsx b/packages/react/src/container/FlowRenderer/index.tsx
similarity index 100%
rename from packages/core/src/container/FlowRenderer/index.tsx
rename to packages/react/src/container/FlowRenderer/index.tsx
diff --git a/packages/core/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
similarity index 100%
rename from packages/core/src/container/GraphView/index.tsx
rename to packages/react/src/container/GraphView/index.tsx
diff --git a/packages/core/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
similarity index 97%
rename from packages/core/src/container/NodeRenderer/index.tsx
rename to packages/react/src/container/NodeRenderer/index.tsx
index 85ce766ed..66b9de29a 100644
--- a/packages/core/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -1,7 +1,6 @@
 import { memo, useMemo, useEffect, useRef, type ComponentType } from 'react';
 import { shallow } from 'zustand/shallow';
-import { internalsSymbol, errorMessages, Position } from '@reactflow/system';
-import { clampPosition, getPositionWithOrigin } from '@reactflow/utils';
+import { internalsSymbol, errorMessages, Position, clampPosition, getPositionWithOrigin } from '@xyflow/system';
 
 import useVisibleNodes from '../../hooks/useVisibleNodes';
 import { useStore } from '../../hooks/useStore';
diff --git a/packages/core/src/container/NodeRenderer/utils.ts b/packages/react/src/container/NodeRenderer/utils.ts
similarity index 96%
rename from packages/core/src/container/NodeRenderer/utils.ts
rename to packages/react/src/container/NodeRenderer/utils.ts
index 5d3911e8f..758d3908a 100644
--- a/packages/core/src/container/NodeRenderer/utils.ts
+++ b/packages/react/src/container/NodeRenderer/utils.ts
@@ -1,5 +1,5 @@
 import type { ComponentType } from 'react';
-import type { NodeProps } from '@reactflow/system';
+import type { NodeProps } from '@xyflow/system';
 
 import DefaultNode from '../../components/Nodes/DefaultNode';
 import InputNode from '../../components/Nodes/InputNode';
diff --git a/packages/core/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
similarity index 98%
rename from packages/core/src/container/Pane/index.tsx
rename to packages/react/src/container/Pane/index.tsx
index c89978d50..981a155b5 100644
--- a/packages/core/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -5,8 +5,7 @@
 import { memo, useRef, type MouseEvent as ReactMouseEvent, type ReactNode } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
-import { getNodesInside, getEventPosition } from '@reactflow/utils';
-import { SelectionMode } from '@reactflow/system';
+import { getNodesInside, getEventPosition, SelectionMode } from '@xyflow/system';
 
 import UserSelection from '../../components/UserSelection';
 import { containerStyle } from '../../styles';
diff --git a/packages/core/src/container/ReactFlow/Wrapper.tsx b/packages/react/src/container/ReactFlow/Wrapper.tsx
similarity index 100%
rename from packages/core/src/container/ReactFlow/Wrapper.tsx
rename to packages/react/src/container/ReactFlow/Wrapper.tsx
diff --git a/packages/core/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
similarity index 99%
rename from packages/core/src/container/ReactFlow/index.tsx
rename to packages/react/src/container/ReactFlow/index.tsx
index dd43c43c7..db7ddbef1 100644
--- a/packages/core/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -5,10 +5,10 @@ import {
   ConnectionMode,
   PanOnScrollMode,
   SelectionMode,
+  infiniteExtent,
   type NodeOrigin,
   type Viewport,
-} from '@reactflow/system';
-import { infiniteExtent } from '@reactflow/utils';
+} from '@xyflow/system';
 
 import Attribution from '../../components/Attribution';
 import { BezierEdge, SmoothStepEdge, StepEdge, StraightEdge, SimpleBezierEdge } from '../../components/Edges';
diff --git a/packages/core/src/container/ReactFlow/utils.ts b/packages/react/src/container/ReactFlow/utils.ts
similarity index 92%
rename from packages/core/src/container/ReactFlow/utils.ts
rename to packages/react/src/container/ReactFlow/utils.ts
index 305b05c23..3f49243f6 100644
--- a/packages/core/src/container/ReactFlow/utils.ts
+++ b/packages/react/src/container/ReactFlow/utils.ts
@@ -1,7 +1,6 @@
 import { useMemo, useRef } from 'react';
 import { shallow } from 'zustand/shallow';
-import { errorMessages } from '@reactflow/system';
-import { devWarn } from '@reactflow/utils';
+import { errorMessages, devWarn } from '@xyflow/system';
 
 import { CreateEdgeTypes } from '../EdgeRenderer/utils';
 import { CreateNodeTypes } from '../NodeRenderer/utils';
diff --git a/packages/core/src/container/Viewport/index.tsx b/packages/react/src/container/Viewport/index.tsx
similarity index 100%
rename from packages/core/src/container/Viewport/index.tsx
rename to packages/react/src/container/Viewport/index.tsx
diff --git a/packages/core/src/container/ZoomPane/index.tsx b/packages/react/src/container/ZoomPane/index.tsx
similarity index 89%
rename from packages/core/src/container/ZoomPane/index.tsx
rename to packages/react/src/container/ZoomPane/index.tsx
index 27f2888f4..f04ed0f47 100644
--- a/packages/core/src/container/ZoomPane/index.tsx
+++ b/packages/react/src/container/ZoomPane/index.tsx
@@ -1,8 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { useEffect, useRef } from 'react';
 import { shallow } from 'zustand/shallow';
-import { XYPanZoom } from '@reactflow/utils';
-import { PanOnScrollMode, type Transform, type PanZoomInstance } from '@reactflow/system';
+import { XYPanZoom, PanOnScrollMode, type Transform, type PanZoomInstance } from '@xyflow/system';
 
 import useKeyPress from '../../hooks/useKeyPress';
 import useResizeHandler from '../../hooks/useResizeHandler';
@@ -23,9 +22,7 @@ type ZoomPaneProps = Omit<
 
 const selector = (s: ReactFlowState) => ({
   userSelectionActive: s.userSelectionActive,
-  onViewportChangeStart: s.onViewportChangeStart,
-  onViewportChange: s.onViewportChange,
-  onViewportChangeEnd: s.onViewportChangeEnd,
+  lib: s.lib,
 });
 
 const ZoomPane = ({
@@ -49,7 +46,7 @@ const ZoomPane = ({
 }: ZoomPaneProps) => {
   const store = useStoreApi();
   const zoomPane = useRef<HTMLDivElement>(null);
-  const { userSelectionActive } = useStore(selector, shallow);
+  const { userSelectionActive, lib } = useStore(selector, shallow);
   const zoomActivationKeyPressed = useKeyPress(zoomActivationKeyCode);
   const panZoom = useRef<PanZoomInstance>();
 
@@ -82,7 +79,7 @@ const ZoomPane = ({
         },
       });
 
-      const { x, y, zoom } = panZoom.current.getViewport();
+      const { x, y, zoom } = panZoom.current!.getViewport();
 
       store.setState({
         panZoom: panZoom.current,
@@ -111,6 +108,7 @@ const ZoomPane = ({
       noPanClassName,
       userSelectionActive,
       noWheelClassName,
+      lib,
     });
   }, [
     onPaneContextMenu,
@@ -126,6 +124,7 @@ const ZoomPane = ({
     noPanClassName,
     userSelectionActive,
     noWheelClassName,
+    lib,
   ]);
 
   return (
diff --git a/packages/core/src/contexts/NodeIdContext.ts b/packages/react/src/contexts/NodeIdContext.ts
similarity index 100%
rename from packages/core/src/contexts/NodeIdContext.ts
rename to packages/react/src/contexts/NodeIdContext.ts
diff --git a/packages/core/src/contexts/RFStoreContext.ts b/packages/react/src/contexts/RFStoreContext.ts
similarity index 100%
rename from packages/core/src/contexts/RFStoreContext.ts
rename to packages/react/src/contexts/RFStoreContext.ts
diff --git a/packages/core/src/custom.d.ts b/packages/react/src/custom.d.ts
similarity index 100%
rename from packages/core/src/custom.d.ts
rename to packages/react/src/custom.d.ts
diff --git a/packages/core/src/hooks/useDrag.ts b/packages/react/src/hooks/useDrag.ts
similarity index 96%
rename from packages/core/src/hooks/useDrag.ts
rename to packages/react/src/hooks/useDrag.ts
index 49da1e2cb..e5f6ebb9a 100644
--- a/packages/core/src/hooks/useDrag.ts
+++ b/packages/react/src/hooks/useDrag.ts
@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState, type RefObject } from 'react';
-import { XYDrag, type XYDragInstance } from '@reactflow/utils';
+import { XYDrag, type XYDragInstance } from '@xyflow/system';
 
 import { handleNodeClick } from '../components/Nodes/utils';
 import { useStoreApi } from './useStore';
diff --git a/packages/core/src/hooks/useEdges.ts b/packages/react/src/hooks/useEdges.ts
similarity index 100%
rename from packages/core/src/hooks/useEdges.ts
rename to packages/react/src/hooks/useEdges.ts
diff --git a/packages/core/src/hooks/useGlobalKeyHandler.ts b/packages/react/src/hooks/useGlobalKeyHandler.ts
similarity index 86%
rename from packages/core/src/hooks/useGlobalKeyHandler.ts
rename to packages/react/src/hooks/useGlobalKeyHandler.ts
index fff9a4f49..c592a34de 100644
--- a/packages/core/src/hooks/useGlobalKeyHandler.ts
+++ b/packages/react/src/hooks/useGlobalKeyHandler.ts
@@ -1,15 +1,17 @@
 import { useEffect } from 'react';
-import type { KeyCode } from '@reactflow/system';
+import type { KeyCode } from '@xyflow/system';
 
 import { useStoreApi } from '../hooks/useStore';
 import useKeyPress from './useKeyPress';
 import useReactFlow from './useReactFlow';
-interface HookParams {
+
+export default ({
+  deleteKeyCode,
+  multiSelectionKeyCode,
+}: {
   deleteKeyCode: KeyCode | null;
   multiSelectionKeyCode: KeyCode | null;
-}
-
-export default ({ deleteKeyCode, multiSelectionKeyCode }: HookParams): void => {
+}): void => {
   const store = useStoreApi();
   const { deleteElements } = useReactFlow();
 
diff --git a/packages/core/src/hooks/useKeyPress.ts b/packages/react/src/hooks/useKeyPress.ts
similarity index 96%
rename from packages/core/src/hooks/useKeyPress.ts
rename to packages/react/src/hooks/useKeyPress.ts
index efddc507c..5259b19cd 100644
--- a/packages/core/src/hooks/useKeyPress.ts
+++ b/packages/react/src/hooks/useKeyPress.ts
@@ -1,13 +1,13 @@
 import { useState, useEffect, useRef, useMemo } from 'react';
-import { isInputDOMNode } from '@reactflow/utils';
-import type { KeyCode } from '@reactflow/system';
+import { isInputDOMNode, type KeyCode } from '@xyflow/system';
 
 type Keys = Array<string>;
 type PressedKeys = Set<string>;
 type KeyOrCode = 'key' | 'code';
-export interface UseKeyPressOptions {
+
+export type UseKeyPressOptions = {
   target: Window | Document | HTMLElement | ShadowRoot | null;
-}
+};
 
 const doc = typeof document !== 'undefined' ? document : null;
 
@@ -45,7 +45,6 @@ export default (keyCode: KeyCode | null = null, options: UseKeyPressOptions = {
   useEffect(() => {
     if (keyCode !== null) {
       const downHandler = (event: KeyboardEvent) => {
-
         modifierPressed.current = event.ctrlKey || event.metaKey || event.shiftKey;
 
         if (!modifierPressed.current && isInputDOMNode(event)) {
diff --git a/packages/core/src/hooks/useNodes.ts b/packages/react/src/hooks/useNodes.ts
similarity index 99%
rename from packages/core/src/hooks/useNodes.ts
rename to packages/react/src/hooks/useNodes.ts
index 6f1087451..8d71b435a 100644
--- a/packages/core/src/hooks/useNodes.ts
+++ b/packages/react/src/hooks/useNodes.ts
@@ -1,7 +1,6 @@
 import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../hooks/useStore';
-
 import type { Node, ReactFlowState } from '../types';
 
 const nodesSelector = (state: ReactFlowState) => state.getNodes();
diff --git a/packages/core/src/hooks/useNodesEdgesState.ts b/packages/react/src/hooks/useNodesEdgesState.ts
similarity index 100%
rename from packages/core/src/hooks/useNodesEdgesState.ts
rename to packages/react/src/hooks/useNodesEdgesState.ts
diff --git a/packages/core/src/hooks/useNodesInitialized.ts b/packages/react/src/hooks/useNodesInitialized.ts
similarity index 93%
rename from packages/core/src/hooks/useNodesInitialized.ts
rename to packages/react/src/hooks/useNodesInitialized.ts
index 16dd14a2e..ea779fb6a 100644
--- a/packages/core/src/hooks/useNodesInitialized.ts
+++ b/packages/react/src/hooks/useNodesInitialized.ts
@@ -1,4 +1,4 @@
-import { internalsSymbol } from '@reactflow/system';
+import { internalsSymbol } from '@xyflow/system';
 
 import { useStore } from './useStore';
 import type { ReactFlowState } from '../types';
diff --git a/packages/core/src/hooks/useOnInitHandler.ts b/packages/react/src/hooks/useOnInitHandler.ts
similarity index 100%
rename from packages/core/src/hooks/useOnInitHandler.ts
rename to packages/react/src/hooks/useOnInitHandler.ts
diff --git a/packages/core/src/hooks/useOnSelectionChange.ts b/packages/react/src/hooks/useOnSelectionChange.ts
similarity index 100%
rename from packages/core/src/hooks/useOnSelectionChange.ts
rename to packages/react/src/hooks/useOnSelectionChange.ts
diff --git a/packages/core/src/hooks/useOnViewportChange.ts b/packages/react/src/hooks/useOnViewportChange.ts
similarity index 91%
rename from packages/core/src/hooks/useOnViewportChange.ts
rename to packages/react/src/hooks/useOnViewportChange.ts
index 46516a314..00ac15a79 100644
--- a/packages/core/src/hooks/useOnViewportChange.ts
+++ b/packages/react/src/hooks/useOnViewportChange.ts
@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import type { OnViewportChange } from '@reactflow/system';
+import type { OnViewportChange } from '@xyflow/system';
 
 import { useStoreApi } from './useStore';
 
diff --git a/packages/core/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
similarity index 98%
rename from packages/core/src/hooks/useReactFlow.ts
rename to packages/react/src/hooks/useReactFlow.ts
index 6f8a72f9f..f5e152318 100644
--- a/packages/core/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -1,6 +1,5 @@
 import { useCallback, useMemo } from 'react';
-import { getElementsToRemove, getOverlappingArea, isRectObject, nodeToRect } from '@reactflow/utils';
-import type { Rect } from '@reactflow/system';
+import { getElementsToRemove, getOverlappingArea, isRectObject, nodeToRect, type Rect } from '@xyflow/system';
 
 import useViewportHelper from './useViewportHelper';
 import { useStoreApi } from '../hooks/useStore';
diff --git a/packages/core/src/hooks/useResizeHandler.ts b/packages/react/src/hooks/useResizeHandler.ts
similarity index 91%
rename from packages/core/src/hooks/useResizeHandler.ts
rename to packages/react/src/hooks/useResizeHandler.ts
index 3857d4f1b..863ee2613 100644
--- a/packages/core/src/hooks/useResizeHandler.ts
+++ b/packages/react/src/hooks/useResizeHandler.ts
@@ -1,6 +1,5 @@
 import { useEffect, type MutableRefObject } from 'react';
-import { errorMessages } from '@reactflow/system';
-import { getDimensions } from '@reactflow/utils';
+import { errorMessages, getDimensions } from '@xyflow/system';
 
 import { useStoreApi } from '../hooks/useStore';
 
diff --git a/packages/core/src/hooks/useStore.ts b/packages/react/src/hooks/useStore.ts
similarity index 95%
rename from packages/core/src/hooks/useStore.ts
rename to packages/react/src/hooks/useStore.ts
index 5159882d3..e7fc934b7 100644
--- a/packages/core/src/hooks/useStore.ts
+++ b/packages/react/src/hooks/useStore.ts
@@ -1,6 +1,6 @@
 import { useContext, useMemo } from 'react';
 import { useStore as useZustandStore, type StoreApi } from 'zustand';
-import { errorMessages } from '@reactflow/system';
+import { errorMessages } from '@xyflow/system';
 
 import StoreContext from '../contexts/RFStoreContext';
 import type { ReactFlowState } from '../types';
diff --git a/packages/core/src/hooks/useUpdateNodeInternals.ts b/packages/react/src/hooks/useUpdateNodeInternals.ts
similarity index 97%
rename from packages/core/src/hooks/useUpdateNodeInternals.ts
rename to packages/react/src/hooks/useUpdateNodeInternals.ts
index c5971934f..9b4bcf61f 100644
--- a/packages/core/src/hooks/useUpdateNodeInternals.ts
+++ b/packages/react/src/hooks/useUpdateNodeInternals.ts
@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import type { UpdateNodeInternals, NodeDimensionUpdate } from '@reactflow/system';
+import type { UpdateNodeInternals, NodeDimensionUpdate } from '@xyflow/system';
 
 import { useStoreApi } from '../hooks/useStore';
 
diff --git a/packages/core/src/hooks/useUpdateNodePositions.ts b/packages/react/src/hooks/useUpdateNodePositions.ts
similarity index 97%
rename from packages/core/src/hooks/useUpdateNodePositions.ts
rename to packages/react/src/hooks/useUpdateNodePositions.ts
index 70e1a523e..a65f14eed 100644
--- a/packages/core/src/hooks/useUpdateNodePositions.ts
+++ b/packages/react/src/hooks/useUpdateNodePositions.ts
@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import { calcNextPosition } from '@reactflow/utils';
+import { calcNextPosition } from '@xyflow/system';
 
 import { useStoreApi } from '../hooks/useStore';
 
diff --git a/packages/core/src/hooks/useViewport.ts b/packages/react/src/hooks/useViewport.ts
similarity index 89%
rename from packages/core/src/hooks/useViewport.ts
rename to packages/react/src/hooks/useViewport.ts
index 13b214c51..c7153fac6 100644
--- a/packages/core/src/hooks/useViewport.ts
+++ b/packages/react/src/hooks/useViewport.ts
@@ -1,5 +1,5 @@
 import { shallow } from 'zustand/shallow';
-import type { Viewport } from '@reactflow/system';
+import type { Viewport } from '@xyflow/system';
 
 import { useStore } from '../hooks/useStore';
 import type { ReactFlowState } from '../types';
diff --git a/packages/core/src/hooks/useViewportHelper.ts b/packages/react/src/hooks/useViewportHelper.ts
similarity index 95%
rename from packages/core/src/hooks/useViewportHelper.ts
rename to packages/react/src/hooks/useViewportHelper.ts
index 96d47471a..67301e04b 100644
--- a/packages/core/src/hooks/useViewportHelper.ts
+++ b/packages/react/src/hooks/useViewportHelper.ts
@@ -1,6 +1,5 @@
 import { useMemo } from 'react';
-import { pointToRendererPoint, getTransformForBounds, fitView } from '@reactflow/utils';
-import type { XYPosition } from '@reactflow/system';
+import { pointToRendererPoint, getTransformForBounds, fitView, type XYPosition } from '@xyflow/system';
 
 import { useStoreApi, useStore } from '../hooks/useStore';
 import type { ViewportHelperFunctions, ReactFlowState } from '../types';
diff --git a/packages/core/src/hooks/useVisibleEdges.ts b/packages/react/src/hooks/useVisibleEdges.ts
similarity index 96%
rename from packages/core/src/hooks/useVisibleEdges.ts
rename to packages/react/src/hooks/useVisibleEdges.ts
index ac888780d..aa57ee2fe 100644
--- a/packages/core/src/hooks/useVisibleEdges.ts
+++ b/packages/react/src/hooks/useVisibleEdges.ts
@@ -1,6 +1,5 @@
 import { useCallback } from 'react';
-import { internalsSymbol } from '@reactflow/system';
-import { isNumeric } from '@reactflow/utils';
+import { internalsSymbol, isNumeric } from '@xyflow/system';
 
 import { useStore } from '../hooks/useStore';
 import { isEdgeVisible } from '../container/EdgeRenderer/utils';
diff --git a/packages/core/src/hooks/useVisibleNodes.ts b/packages/react/src/hooks/useVisibleNodes.ts
similarity index 91%
rename from packages/core/src/hooks/useVisibleNodes.ts
rename to packages/react/src/hooks/useVisibleNodes.ts
index 1a1d6c5d3..c0fdb56a4 100644
--- a/packages/core/src/hooks/useVisibleNodes.ts
+++ b/packages/react/src/hooks/useVisibleNodes.ts
@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import { getNodesInside } from '@reactflow/utils';
+import { getNodesInside } from '@xyflow/system';
 
 import { useStore } from '../hooks/useStore';
 import type { Node, ReactFlowState } from '../types';
diff --git a/packages/core/src/index.ts b/packages/react/src/index.ts
similarity index 88%
rename from packages/core/src/index.ts
rename to packages/react/src/index.ts
index a48b55e86..45f05f119 100644
--- a/packages/core/src/index.ts
+++ b/packages/react/src/index.ts
@@ -23,19 +23,20 @@ export { default as useOnViewportChange, type UseOnViewportChangeOptions } from
 export { default as useOnSelectionChange, type UseOnSelectionChangeOptions } from './hooks/useOnSelectionChange';
 export { default as useNodesInitialized, type UseNodesInitializedOptions } from './hooks/useNodesInitialized';
 export { useNodeId } from './contexts/NodeIdContext';
-export * from '@reactflow/edge-utils';
-export * from '@reactflow/system';
-export {
-  getTransformForBounds,
-  getRectOfNodes,
-  getNodePositionWithOrigin,
-  rectToBox,
-  boxToRect,
-  getBoundsOfRects,
-  clamp,
-} from '@reactflow/utils';
+export * from '@xyflow/system';
+// export {
+//   getTransformForBounds,
+//   getRectOfNodes,
+//   getNodePositionWithOrigin,
+//   rectToBox,
+//   boxToRect,
+//   getBoundsOfRects,
+//   clamp,
+// } from '@xyflow/system';
 
 export { applyNodeChanges, applyEdgeChanges } from './utils/changes';
 export { isNode, isEdge, getIncomers, getOutgoers, addEdge, updateEdge, getConnectedEdges } from './utils/general';
 
+export * from './additional-components';
+
 export * from './types';
diff --git a/packages/core/src/store/index.ts b/packages/react/src/store/index.ts
similarity index 98%
rename from packages/core/src/store/index.ts
rename to packages/react/src/store/index.ts
index 6aae84b02..c5cfbc65e 100644
--- a/packages/core/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -1,6 +1,12 @@
 import { createStore } from 'zustand';
-import { clampPosition, getDimensions, fitView, getHandleBounds } from '@reactflow/utils';
-import { internalsSymbol, type CoordinateExtent } from '@reactflow/system';
+import {
+  clampPosition,
+  getDimensions,
+  fitView,
+  getHandleBounds,
+  internalsSymbol,
+  type CoordinateExtent,
+} from '@xyflow/system';
 
 import { applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
 import { createNodeInternals, updateAbsoluteNodePositions, updateNodesAndEdgesSelections } from './utils';
diff --git a/packages/core/src/store/initialState.ts b/packages/react/src/store/initialState.ts
similarity index 92%
rename from packages/core/src/store/initialState.ts
rename to packages/react/src/store/initialState.ts
index 4a34de55d..9bca96d29 100644
--- a/packages/core/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -1,5 +1,4 @@
-import { devWarn, infiniteExtent } from '@reactflow/utils';
-import { ConnectionMode } from '@reactflow/system';
+import { devWarn, infiniteExtent, ConnectionMode } from '@xyflow/system';
 
 import type { ReactFlowStore } from '../types';
 
diff --git a/packages/core/src/store/utils.ts b/packages/react/src/store/utils.ts
similarity index 96%
rename from packages/core/src/store/utils.ts
rename to packages/react/src/store/utils.ts
index d6d69825e..b78ed2576 100644
--- a/packages/core/src/store/utils.ts
+++ b/packages/react/src/store/utils.ts
@@ -1,6 +1,11 @@
 import type { StoreApi } from 'zustand';
-import { internalsSymbol, type XYZPosition, type NodeOrigin } from '@reactflow/system';
-import { isNumeric, getNodePositionWithOrigin } from '@reactflow/utils';
+import {
+  internalsSymbol,
+  isNumeric,
+  getNodePositionWithOrigin,
+  type XYZPosition,
+  type NodeOrigin,
+} from '@xyflow/system';
 
 import type { Edge, EdgeSelectionChange, Node, NodeInternals, NodeSelectionChange, ReactFlowState } from '../types';
 
diff --git a/packages/core/src/styles/base.css b/packages/react/src/styles/base.css
similarity index 100%
rename from packages/core/src/styles/base.css
rename to packages/react/src/styles/base.css
diff --git a/packages/core/src/styles/index.ts b/packages/react/src/styles/index.ts
similarity index 100%
rename from packages/core/src/styles/index.ts
rename to packages/react/src/styles/index.ts
diff --git a/packages/core/src/styles/init.css b/packages/react/src/styles/init.css
similarity index 98%
rename from packages/core/src/styles/init.css
rename to packages/react/src/styles/init.css
index f676e4453..6b4f5b870 100644
--- a/packages/core/src/styles/init.css
+++ b/packages/react/src/styles/init.css
@@ -232,3 +232,7 @@
   pointer-events: none;
   user-select: none;
 }
+
+.react-flow__minimap {
+  background-color: #fff;
+}
diff --git a/packages/node-resizer/src/style.css b/packages/react/src/styles/node-resizer.css
similarity index 99%
rename from packages/node-resizer/src/style.css
rename to packages/react/src/styles/node-resizer.css
index 0df9c1fbc..f0113a53e 100644
--- a/packages/node-resizer/src/style.css
+++ b/packages/react/src/styles/node-resizer.css
@@ -80,6 +80,7 @@
   left: 0;
   border-left-width: 1px;
 }
+
 .react-flow__resize-control.line.right {
   left: 100%;
   border-right-width: 1px;
@@ -97,6 +98,7 @@
   top: 0;
   border-top-width: 1px;
 }
+
 .react-flow__resize-control.line.bottom {
   border-bottom-width: 1px;
   top: 100%;
diff --git a/packages/core/src/styles/style.css b/packages/react/src/styles/style.css
similarity index 66%
rename from packages/core/src/styles/style.css
rename to packages/react/src/styles/style.css
index 9850564d5..4ac170c49 100644
--- a/packages/core/src/styles/style.css
+++ b/packages/react/src/styles/style.css
@@ -1,5 +1,6 @@
 /* this gets exported as style.css and can be used for the default theming */
 @import './init.css';
+@import './node-resizer.css';
 
 .react-flow__edge {
   &.updating {
@@ -70,3 +71,40 @@
   border: 1px solid white;
   border-radius: 100%;
 }
+
+.react-flow__controls {
+  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
+
+  &-button {
+    border: none;
+    background: #fefefe;
+    border-bottom: 1px solid #eee;
+    box-sizing: content-box;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+    user-select: none;
+    padding: 5px;
+
+    &:hover {
+      background: #f4f4f4;
+    }
+
+    svg {
+      width: 100%;
+      max-width: 12px;
+      max-height: 12px;
+    }
+
+    &:disabled {
+      pointer-events: none;
+
+      svg {
+        fill-opacity: 0.4;
+      }
+    }
+  }
+}
diff --git a/packages/core/src/types/changes.ts b/packages/react/src/types/changes.ts
similarity index 95%
rename from packages/core/src/types/changes.ts
rename to packages/react/src/types/changes.ts
index a486e7cf0..69ee0f1fa 100644
--- a/packages/core/src/types/changes.ts
+++ b/packages/react/src/types/changes.ts
@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-
-import type { XYPosition, Dimensions } from '@reactflow/system';
+import type { XYPosition, Dimensions } from '@xyflow/system';
 
 import type { Node, Edge } from '.';
 
diff --git a/packages/core/src/types/component-props.ts b/packages/react/src/types/component-props.ts
similarity index 99%
rename from packages/core/src/types/component-props.ts
rename to packages/react/src/types/component-props.ts
index 760f13383..f49b5097c 100644
--- a/packages/core/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -19,7 +19,7 @@ import type {
   SelectionMode,
   OnError,
   IsValidConnection,
-} from '@reactflow/system';
+} from '@xyflow/system';
 
 import type {
   OnSelectionChangeFunc,
diff --git a/packages/core/src/types/edges.ts b/packages/react/src/types/edges.ts
similarity index 99%
rename from packages/core/src/types/edges.ts
rename to packages/react/src/types/edges.ts
index 4e524f4ea..b071f42cb 100644
--- a/packages/core/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -12,7 +12,7 @@ import type {
   ConnectionLineType,
   HandleElement,
   ConnectionStatus,
-} from '@reactflow/system';
+} from '@xyflow/system';
 
 import { Node } from '.';
 
diff --git a/packages/core/src/types/general.ts b/packages/react/src/types/general.ts
similarity index 98%
rename from packages/core/src/types/general.ts
rename to packages/react/src/types/general.ts
index b8bb015c4..8108c3ddf 100644
--- a/packages/core/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -12,7 +12,7 @@ import {
   SetCenter,
   FitBounds,
   Project,
-} from '@reactflow/system';
+} from '@xyflow/system';
 
 import type { NodeChange, EdgeChange, Node, WrapNodeProps, Edge, EdgeProps, WrapEdgeProps, ReactFlowInstance } from '.';
 
diff --git a/packages/core/src/types/index.ts b/packages/react/src/types/index.ts
similarity index 100%
rename from packages/core/src/types/index.ts
rename to packages/react/src/types/index.ts
diff --git a/packages/core/src/types/instance.ts b/packages/react/src/types/instance.ts
similarity index 97%
rename from packages/core/src/types/instance.ts
rename to packages/react/src/types/instance.ts
index af83e1e38..239d339f3 100644
--- a/packages/core/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-namespace */
-import type { Rect, Viewport } from '@reactflow/system';
+import type { Rect, Viewport } from '@xyflow/system';
 import type { Node, Edge, ViewportHelperFunctions } from '.';
 
 export type ReactFlowJsonObject<NodeData = any, EdgeData = any> = {
diff --git a/packages/core/src/types/nodes.ts b/packages/react/src/types/nodes.ts
similarity index 96%
rename from packages/core/src/types/nodes.ts
rename to packages/react/src/types/nodes.ts
index 4f19ac31e..ee948e544 100644
--- a/packages/core/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -1,5 +1,5 @@
 import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
-import type { BaseNode } from '@reactflow/system';
+import type { BaseNode } from '@xyflow/system';
 
 export type Node<NodeData = any, NodeType extends string | undefined = string | undefined> = BaseNode<
   NodeData,
diff --git a/packages/core/src/types/store.ts b/packages/react/src/types/store.ts
similarity index 99%
rename from packages/core/src/types/store.ts
rename to packages/react/src/types/store.ts
index a07603293..12240ff9d 100644
--- a/packages/core/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -24,7 +24,7 @@ import {
   type OnMoveEnd,
   type IsValidConnection,
   type UpdateConnection,
-} from '@reactflow/system';
+} from '@xyflow/system';
 
 import type {
   Edge,
diff --git a/packages/core/src/utils/changes.ts b/packages/react/src/utils/changes.ts
similarity index 100%
rename from packages/core/src/utils/changes.ts
rename to packages/react/src/utils/changes.ts
diff --git a/packages/core/src/utils/general.ts b/packages/react/src/utils/general.ts
similarity index 95%
rename from packages/core/src/utils/general.ts
rename to packages/react/src/utils/general.ts
index ff323a444..e13247c19 100644
--- a/packages/core/src/utils/general.ts
+++ b/packages/react/src/utils/general.ts
@@ -6,7 +6,8 @@ import {
   getIncomersBase,
   updateEdgeBase,
   getConnectedEdgesBase,
-} from '@reactflow/utils';
+} from '@xyflow/system';
+
 import type { Edge, Node } from '../types';
 
 export const isNode = isNodeBase<Node, Edge>;
diff --git a/packages/core/src/utils/index.ts b/packages/react/src/utils/index.ts
similarity index 100%
rename from packages/core/src/utils/index.ts
rename to packages/react/src/utils/index.ts
diff --git a/packages/reactflow/tsconfig.json b/packages/react/tsconfig.json
similarity index 51%
rename from packages/reactflow/tsconfig.json
rename to packages/react/tsconfig.json
index d04cdef51..85011689e 100644
--- a/packages/reactflow/tsconfig.json
+++ b/packages/react/tsconfig.json
@@ -1,6 +1,6 @@
 {
-  "extends": "@reactflow/tsconfig/react.json",
-  "display": "reactflow",
+  "extends": "@xyflow/tsconfig/react.json",
+  "display": "@xyflow/react",
   "include": ["**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules", "dist"]
 }
diff --git a/packages/reactflow/.eslintrc.js b/packages/reactflow/.eslintrc.js
deleted file mode 100644
index 31cfbd113..000000000
--- a/packages/reactflow/.eslintrc.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['@reactflow/eslint-config'],
-};
diff --git a/packages/reactflow/CHANGELOG.md b/packages/reactflow/CHANGELOG.md
deleted file mode 100644
index c29273ddd..000000000
--- a/packages/reactflow/CHANGELOG.md
+++ /dev/null
@@ -1,496 +0,0 @@
-# reactflow
-
-## 11.7.2
-
-### Patch Changes
-
-- [#3063](https://github.com/wbkd/react-flow/pull/3063) [`33915b88`](https://github.com/wbkd/react-flow/commit/33915b88c2ae701847870346b381f9cfa86c6459) - controls: disable zoom buttons when min/max is reached
-- [#3060](https://github.com/wbkd/react-flow/pull/3060) [`70ec97f7`](https://github.com/wbkd/react-flow/commit/70ec97f7daec6d5401215cae3edac04aea88a3ba) - fix useNodes and useEdges bug with infinite re-renderings
-- [#3064](https://github.com/wbkd/react-flow/pull/3064) [`d2d1aebc`](https://github.com/wbkd/react-flow/commit/d2d1aebc0f7fea4183406e7d1915b7fcd6995f48) - refactor useUpdateNodeInternals: only call updateNodeDimensions once
-- [#3059](https://github.com/wbkd/react-flow/pull/3059) [`4374459e`](https://github.com/wbkd/react-flow/commit/4374459ef9fec797bbc0407231f09a1acacd245b) - fix useUpdateNodeInternals: update type
-- Updated dependencies [[`70ec97f7`](https://github.com/wbkd/react-flow/commit/70ec97f7daec6d5401215cae3edac04aea88a3ba), [`33915b88`](https://github.com/wbkd/react-flow/commit/33915b88c2ae701847870346b381f9cfa86c6459), [`d2d1aebc`](https://github.com/wbkd/react-flow/commit/d2d1aebc0f7fea4183406e7d1915b7fcd6995f48), [`4374459e`](https://github.com/wbkd/react-flow/commit/4374459ef9fec797bbc0407231f09a1acacd245b)]:
-  - @reactflow/core@11.7.2
-  - @reactflow/controls@11.1.13
-  - @reactflow/background@11.2.2
-  - @reactflow/minimap@11.5.2
-  - @reactflow/node-toolbar@1.2.1
-
-## 11.7.1
-
-### Patch Changes
-
-- [#3043](https://github.com/wbkd/react-flow/pull/3043) [`cf7a7d3d`](https://github.com/wbkd/react-flow/commit/cf7a7d3dad1e73215a72a5dc72e21fd50208cdbb) - handles: handles on top of each other, reduce re-renderings
-- [#3046](https://github.com/wbkd/react-flow/pull/3046) [`07b975bb`](https://github.com/wbkd/react-flow/commit/07b975bbee3580249e36a19582213b250f78093c) - base-edge: pass id to base edge path
-- [#3007](https://github.com/wbkd/react-flow/pull/3007) [`c80d269b`](https://github.com/wbkd/react-flow/commit/c80d269b85a0054221f4639c328fc36a3befbe70) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - allow array of ids as updateNodeInternals arg
-- [#3029](https://github.com/wbkd/react-flow/pull/3029) [`a3fa164c`](https://github.com/wbkd/react-flow/commit/a3fa164c34cc820c79bb031c9fd97b72a3546614) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - autopan: only update nodes when transform change happen
-- [#3052](https://github.com/wbkd/react-flow/pull/3052) [`55e05cf7`](https://github.com/wbkd/react-flow/commit/55e05cf76ae21863691153e76dbd51d1eecd2c60) Thanks [@Noam3kCH](https://github.com/Noam3kCH)! - node-toolbar: add prop to align bar at start, center or end
-
-- Updated dependencies [[`cf7a7d3d`](https://github.com/wbkd/react-flow/commit/cf7a7d3dad1e73215a72a5dc72e21fd50208cdbb), [`07b975bb`](https://github.com/wbkd/react-flow/commit/07b975bbee3580249e36a19582213b250f78093c), [`55e05cf7`](https://github.com/wbkd/react-flow/commit/55e05cf76ae21863691153e76dbd51d1eecd2c60), [`c80d269b`](https://github.com/wbkd/react-flow/commit/c80d269b85a0054221f4639c328fc36a3befbe70), [`46526b4e`](https://github.com/wbkd/react-flow/commit/46526b4e02b83d74726701e3ba73d0be8cf80787), [`a3fa164c`](https://github.com/wbkd/react-flow/commit/a3fa164c34cc820c79bb031c9fd97b72a3546614)]:
-  - @reactflow/core@11.7.1
-  - @reactflow/node-toolbar@1.2.0
-  - @reactflow/controls@11.1.12
-  - @reactflow/background@11.2.1
-  - @reactflow/minimap@11.5.1
-
-## 11.7.0
-
-Most notable updates:
-
-- `@reactflow/node-resizer` is now part of this package. No need to install it separately anymore.
-- Handles: `isConnectableStart` and `isConnectableEnd` props to configure if you can start or end a connection at a certain handle
-- Edges: `updatable` option to enable updates for specific edges
-- MiniMap: `inversePan` and `zoomStep` props
-- Background: `id` and `offset` props - this enables you to combine different patterns (useful if you want a graph paper like background for example)
-- useNodesInitialized: options to configure if hidden nodes should be included (false by default)
-
-Big thanks to [@Elringus](https://github.com/Elringus) and [@bcakmakoglu](https://github.com/bcakmakoglu)!
-
-### Minor Changes
-
-- [#2964](https://github.com/wbkd/react-flow/pull/2964) [`2fb4c2c8`](https://github.com/wbkd/react-flow/commit/2fb4c2c82343751ff536da262de74bd9080321b4) - add @reactflow/node-resizer package
-- [#2960](https://github.com/wbkd/react-flow/pull/2960) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - edges: add `updatable` option
-- [#2958](https://github.com/wbkd/react-flow/pull/2958) [`4d97a0ed`](https://github.com/wbkd/react-flow/commit/4d97a0ed168ce643fc0c99fa6b47cf1296d66065) - handles: add `isConnectableStart` and `isConnectableEnd` props
-- [#2956](https://github.com/wbkd/react-flow/pull/2956) [`923a54c4`](https://github.com/wbkd/react-flow/commit/923a54c481b90954806202817ba844cfa7203a38) - add options for `useNodesInitialized`, ignore hidden nodes by default
-- [#2944](https://github.com/wbkd/react-flow/pull/2944) Thanks [@Elringus](https://github.com/Elringus)! - add `inversePan` and `zoomStep` props
-- [#2941](https://github.com/wbkd/react-flow/pull/2941) Thanks [@Elringus](https://github.com/Elringus)! - background: add `id` and `offset` props
-
-### Patch Changes
-
-- [#2926](https://github.com/wbkd/react-flow/pull/2926) Thanks [@Elringus](https://github.com/Elringus)! - fix non-passive wheel event listener violation
-- [#2933](https://github.com/wbkd/react-flow/pull/2933) [`fe8cac0a`](https://github.com/wbkd/react-flow/commit/fe8cac0adb359109e0e9eafe8b9261ba354076bb) - prefix error keys with "error"
-- [#2939](https://github.com/wbkd/react-flow/pull/2939) [`4a4ca171`](https://github.com/wbkd/react-flow/commit/4a4ca171955f5c8d58b23e3ad48406f1a21dc402) - add connection result to store
-
-### Patch Changes
-
-- Updated dependencies [[`098eee3d`](https://github.com/wbkd/react-flow/commit/098eee3d41dabc870777b081796401ff13b5a776), [`fe8cac0a`](https://github.com/wbkd/react-flow/commit/fe8cac0adb359109e0e9eafe8b9261ba354076bb), [`4a4ca171`](https://github.com/wbkd/react-flow/commit/4a4ca171955f5c8d58b23e3ad48406f1a21dc402), [`c1448c2f`](https://github.com/wbkd/react-flow/commit/c1448c2f7415dd3b4b2c54e05404c5ab24e8978d), [`923a54c4`](https://github.com/wbkd/react-flow/commit/923a54c481b90954806202817ba844cfa7203a38), [`4d97a0ed`](https://github.com/wbkd/react-flow/commit/4d97a0ed168ce643fc0c99fa6b47cf1296d66065), [`771c7a5d`](https://github.com/wbkd/react-flow/commit/771c7a5d133ce96e9f7471394c15189e0657ce01), [`c22e1c28`](https://github.com/wbkd/react-flow/commit/c22e1c28c5555a638c2a8e82c3bfc986b3965d36)]:
-  - @reactflow/core@11.7.0
-  - @reactflow/minimap@11.5.0
-  - @reactflow/background@11.2.0
-  - @reactflow/controls@11.1.11
-  - @reactflow/node-toolbar@1.1.11
-
-## 11.6.1
-
-### Patch Changes
-
-- Always create new edge object (fixes an issue with Redux toolkit and other immutable helper libs)
-
-## 11.6.0
-
-This release introduces a new `isValidConnection` prop for the ReactFlow component. You no longer need to pass it to all your Handle components but can pass it once. We also added a new option for the `updateEdge` function that allows you to specify if you want to replace an id when updating it. More over the `MiniMap` got a new `nodeComponent` prop to pass a custom component for the mini map nodes.
-
-### Minor Changes
-
-- [#2877](https://github.com/wbkd/react-flow/pull/2877) [`b8886514`](https://github.com/wbkd/react-flow/commit/b88865140c72fa7e92a883498768000cb2cc96a7) - add `isValidConnection` prop for ReactFlow component
-- [#2847](https://github.com/wbkd/react-flow/pull/2847) [`16bf89f2`](https://github.com/wbkd/react-flow/commit/16bf89f2b7bbf8449c00d0e2c07c19c3ff6d2533) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Add option to enable/disable replacing edge id when using `updateEdge`
-- [#2906](https://github.com/wbkd/react-flow/pull/2906) [`4a30185a`](https://github.com/wbkd/react-flow/commit/4a30185a12899691ff61259f0db84bc5494cb573) Thanks [@hayleigh-dot-dev](https://github.com/hayleigh-dot-dev)! - Minimap: add nodeComponent prop for passing custom component
-
-### Patch Changes
-
-- [#2895](https://github.com/wbkd/react-flow/pull/2895) [`3d5764ca`](https://github.com/wbkd/react-flow/commit/3d5764cac6548984a30cbf85899024e62fd69425) - add data-testid for controls, minimap and background
-- [#2894](https://github.com/wbkd/react-flow/pull/2894) [`83fc4675`](https://github.com/wbkd/react-flow/commit/83fc467545527729633e817dbccfe59d0040da4b) - fix(nodes): blur when node gets unselected
-- [#2892](https://github.com/wbkd/react-flow/pull/2892) [`5fabd272`](https://github.com/wbkd/react-flow/commit/5fabd2720f6367f75f79a45822d8f675a3b8e1cf) Thanks [@danielgek](https://github.com/danielgek) - track modifier keys on useKeypress
-- [#2893](https://github.com/wbkd/react-flow/pull/2893) [`8f080bd5`](https://github.com/wbkd/react-flow/commit/8f080bd5e0e7e6c71f51eee9c9f2bc4b25182861) - fix: check if handle is connectable
-
-- Updated dependencies [[`3d5764ca`](https://github.com/wbkd/react-flow/commit/3d5764cac6548984a30cbf85899024e62fd69425), [`4a30185a`](https://github.com/wbkd/react-flow/commit/4a30185a12899691ff61259f0db84bc5494cb573), [`83fc4675`](https://github.com/wbkd/react-flow/commit/83fc467545527729633e817dbccfe59d0040da4b), [`b1190837`](https://github.com/wbkd/react-flow/commit/b11908370bc438ca8d4179497cd4eb1f8c656798), [`5fabd272`](https://github.com/wbkd/react-flow/commit/5fabd2720f6367f75f79a45822d8f675a3b8e1cf), [`8f080bd5`](https://github.com/wbkd/react-flow/commit/8f080bd5e0e7e6c71f51eee9c9f2bc4b25182861), [`b8886514`](https://github.com/wbkd/react-flow/commit/b88865140c72fa7e92a883498768000cb2cc96a7), [`16bf89f2`](https://github.com/wbkd/react-flow/commit/16bf89f2b7bbf8449c00d0e2c07c19c3ff6d2533)]:
-  - @reactflow/background@11.1.9
-  - @reactflow/controls@11.1.9
-  - @reactflow/core@11.6.0
-  - @reactflow/minimap@11.4.0
-  - @reactflow/node-toolbar@1.1.9
-
-## 11.5.6
-
-### Patch Changes
-
-- [#2834](https://github.com/wbkd/react-flow/pull/2834) [`23424ea6`](https://github.com/wbkd/react-flow/commit/23424ea6750f092210f83df17a00c89adb910d96) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Add `nodes` to fit view options to allow fitting view only around specified set of nodes
-- [#2836](https://github.com/wbkd/react-flow/pull/2836) [`959b1114`](https://github.com/wbkd/react-flow/commit/959b111448bba4686040473e46988be9e7befbe6) - Fix: connections for handles with bigger handles than connection radius
-- [#2819](https://github.com/wbkd/react-flow/pull/2819) [`0d259b02`](https://github.com/wbkd/react-flow/commit/0d259b028558aab650546f3371a85f3bce45252f) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Avoid triggering edge update if not using left mouse button
-- [#2832](https://github.com/wbkd/react-flow/pull/2832) [`f3de9335`](https://github.com/wbkd/react-flow/commit/f3de9335af6cd96cd77dc77f24a944eef85384e5) - fitView: return type boolean
-- [#2838](https://github.com/wbkd/react-flow/pull/2838) [`021f5a92`](https://github.com/wbkd/react-flow/commit/021f5a9210f47a968e50446cd2f9dae1f97880a4) - refactor: use key press handle modifier keys + input
-- [#2839](https://github.com/wbkd/react-flow/pull/2839) [`72216ff6`](https://github.com/wbkd/react-flow/commit/72216ff62014acd2d73999053c72bd7aeed351f6) - fix PropsWithChildren: pass default generic for v17 types
-
-- Updated dependencies [[`72216ff6`](https://github.com/wbkd/react-flow/commit/72216ff62014acd2d73999053c72bd7aeed351f6), [`959b1114`](https://github.com/wbkd/react-flow/commit/959b111448bba4686040473e46988be9e7befbe6), [`0d259b02`](https://github.com/wbkd/react-flow/commit/0d259b028558aab650546f3371a85f3bce45252f), [`f3de9335`](https://github.com/wbkd/react-flow/commit/f3de9335af6cd96cd77dc77f24a944eef85384e5), [`23424ea6`](https://github.com/wbkd/react-flow/commit/23424ea6750f092210f83df17a00c89adb910d96), [`021f5a92`](https://github.com/wbkd/react-flow/commit/021f5a9210f47a968e50446cd2f9dae1f97880a4)]:
-  - @reactflow/core@11.5.5
-  - @reactflow/background@11.1.8
-  - @reactflow/controls@11.1.8
-  - @reactflow/minimap@11.3.8
-  - @reactflow/node-toolbar@1.1.8
-
-## 11.5.5
-
-### Patch Changes
-
-- [`383a074a`](https://github.com/wbkd/react-flow/commit/383a074aeae6dbec8437fa08c7c8d8240838a84e) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Check if prevClosestHandle exists in onPointerUp. Fixes connections getting stuck on last handle and connecting, even when out of connectionRadius
-
-- Updated dependencies [[`383a074a`](https://github.com/wbkd/react-flow/commit/383a074aeae6dbec8437fa08c7c8d8240838a84e)]:
-  - @reactflow/core@11.5.4
-  - @reactflow/background@11.1.7
-  - @reactflow/controls@11.1.7
-  - @reactflow/minimap@11.3.7
-  - @reactflow/node-toolbar@1.1.7
-
-## 11.5.4
-
-This release fixes some issues with the newly introduced connection radius feature. We are now not only checking the radius but the handle itself too (like in the old version). That means that you can connect to a handle that is bigger than the connection radius. We are also not snapping connections anymore when they are not valid and pass a status class to the connection line that says if the current connection is valid or not. More over we fixed a connection issue with iOS.
-
-### Patch Changes
-
-- [#2800](https://github.com/wbkd/react-flow/pull/2800) [`be8097ac`](https://github.com/wbkd/react-flow/commit/be8097acadca3054c3b236ce4296fc516010ef8c) - When node is not draggable, you can't move it with a selection either
-- [#2803](https://github.com/wbkd/react-flow/pull/2803) [`1527795d`](https://github.com/wbkd/react-flow/commit/1527795d18c3af38c8ec7059436ea0fbf6c27bbd) - connection: add status class (valid or invalid) while in connection radius
-- [#2801](https://github.com/wbkd/react-flow/pull/2801) [`3b6348a8`](https://github.com/wbkd/react-flow/commit/3b6348a8d1573afb39576327318bc172e33393c2) - fix(ios): connection error + dont snap invalid connection lines, check handle and connection radius
-
-- Updated dependencies [[`be8097ac`](https://github.com/wbkd/react-flow/commit/be8097acadca3054c3b236ce4296fc516010ef8c), [`1527795d`](https://github.com/wbkd/react-flow/commit/1527795d18c3af38c8ec7059436ea0fbf6c27bbd), [`3b6348a8`](https://github.com/wbkd/react-flow/commit/3b6348a8d1573afb39576327318bc172e33393c2)]:
-  - @reactflow/core@11.5.3
-  - @reactflow/background@11.1.6
-  - @reactflow/controls@11.1.6
-  - @reactflow/minimap@11.3.6
-  - @reactflow/node-toolbar@1.1.6
-
-## 11.5.3
-
-### Patch Changes
-
-- [#2792](https://github.com/wbkd/react-flow/pull/2792) [`d8c679b4`](https://github.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a) - Accept React 17 types as dev dependency
-
-- Updated dependencies [[`d8c679b4`](https://github.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a)]:
-  - @reactflow/background@11.1.5
-  - @reactflow/controls@11.1.5
-  - @reactflow/core@11.5.2
-  - @reactflow/minimap@11.3.5
-  - @reactflow/node-toolbar@1.1.5
-
-## 11.5.2
-
-### Patch Changes
-
-- [#2783](https://github.com/wbkd/react-flow/pull/2783) [`71153534`](https://github.com/wbkd/react-flow/commit/7115353418ebc7f7c81ab0e861200972bbf7dbd5) - connections: check handle below mouse before using connection radius
-
-- Updated dependencies [[`71153534`](https://github.com/wbkd/react-flow/commit/7115353418ebc7f7c81ab0e861200972bbf7dbd5)]:
-  - @reactflow/core@11.5.1
-  - @reactflow/background@11.1.4
-  - @reactflow/controls@11.1.4
-  - @reactflow/minimap@11.3.4
-  - @reactflow/node-toolbar@1.1.4
-
-## 11.5.1
-
-### Minor Changes
-
-- use latest node-toolbar package to prevent dependency issues
-
-## 11.5.0
-
-Lot's of improvements are coming with this release!
-
-- **Connecting radius**: No need to drop a connection line on top of handle anymore. You only need to be close to the handle. That radius can be configured with the `connectionRadius` prop.
-- **Auto pan**: When you drag a node, a selection or the connection line to the border of the pane, it will pan into that direction. That makes it easier to connect far away nodes for example. If you don't like it you can set `autoPnaOnNodeDrag` and `autoPanOnConnect` to false.
-- **Touch devices**: It's finally possibleto connect nodes with the connection line on touch devices. In combination with the new auto pan and connection radius the overall UX is way better.
-- **Errors**: We added an `onError` prop to get notified when an error like "couldn't find source handle" happens. This is useful if you want to log errors for example.
-- **Node type**: We added a second param to the generic `Node` type. You can not only pass `NodeData` but also the type as a second param:
-
-```ts
-type MyCustomNode = Node<MyCustomNodeData, 'custom-node-type'>;
-```
-
-This makes it easier to work with different custom nodes and data types.
-
-### Minor Changes
-
-- [#2754](https://github.com/wbkd/react-flow/pull/2754) [`e96309b6`](https://github.com/wbkd/react-flow/commit/e96309b6a57b1071faeebf7b0547fef7fd418694) - Add auto pan for connecting and node dragging and `connectionRadius`
-- [#2773](https://github.com/wbkd/react-flow/pull/2773) - Add `onError` prop to get notified when an error happens
-
-### Patch Changes
-
-- [#2763](https://github.com/wbkd/react-flow/pull/2763) [`85003b01`](https://github.com/wbkd/react-flow/commit/85003b01add71ea852bd5b0d2f1e7496050a6b52) - Connecting nodes: Enable connections on touch devices
-- [#2620](https://github.com/wbkd/react-flow/pull/2620) - Thanks [RichSchulz](https://github.com/RichSchulz)! - Types: improve typing for node type
-
-- Updated dependencies [[`e96309b6`](https://github.com/wbkd/react-flow/commit/e96309b6a57b1071faeebf7b0547fef7fd418694), [`85003b01`](https://github.com/wbkd/react-flow/commit/85003b01add71ea852bd5b0d2f1e7496050a6b52), [`4c516882`](https://github.com/wbkd/react-flow/commit/4c516882d2bbf426c1832a53ad40763cc1abef92)]:
-  - @reactflow/core@11.5.0
-  - @reactflow/background@11.1.3
-  - @reactflow/controls@11.1.3
-  - @reactflow/minimap@11.3.3
-
-## 11.4.2
-
-### Patch Changes
-
-- [#2741](https://github.com/wbkd/react-flow/pull/2741) [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39) - chore(dependencies): update and cleanup
-
-- Updated dependencies [[`e34a3072`](https://github.com/wbkd/react-flow/commit/e34a30726dc55184f59adc4f16ca5215a7c42805), [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39)]:
-  - @reactflow/background@11.1.2
-  - @reactflow/core@11.4.2
-  - @reactflow/minimap@11.3.2
-  - @reactflow/node-toolbar@1.1.2
-  - @reactflow/controls@11.1.2
-
-## 11.4.1
-
-### Patch Changes
-
-- [#2738](https://github.com/wbkd/react-flow/pull/2738) [`82988485`](https://github.com/wbkd/react-flow/commit/82988485b730a9e32acbdae1ddcc81b33ddccaba) - fix: fitView for subflows, context menu on right mouse pan
-- [#2740](https://github.com/wbkd/react-flow/pull/2740) [`d91e619a`](https://github.com/wbkd/react-flow/commit/d91e619a70a95db99a621ede59bc05b5a7766086) Thanks [@michaelspiss](https://github.com/michaelspiss)! - EdgeRenderer: check all handles for connection mode loose
-
-- Updated dependencies [[`82988485`](https://github.com/wbkd/react-flow/commit/82988485b730a9e32acbdae1ddcc81b33ddccaba), [`d91e619a`](https://github.com/wbkd/react-flow/commit/d91e619a70a95db99a621ede59bc05b5a7766086)]:
-  - @reactflow/core@11.4.1
-  - @reactflow/background@11.1.1
-  - @reactflow/controls@11.1.1
-  - @reactflow/minimap@11.3.1
-  - @reactflow/node-toolbar@1.1.1
-
-## 11.4.0
-
-## 11.4.0
-
-## New Features
-
-New props for the ReactFlow component to customize the controls of the viewport and the selection box better:
-
-1. `selectionOnDrag` prop: Selection box without extra button press (need to set `panOnDrag={false}` or `panOnDrag={[1, 2]}`)
-2. `panOnDrag={[0, 1, 2]}` option to configure specific mouse buttons for panning
-3. `panActivationKeyCode="Space"` key code for activating dragging (useful when using `selectionOnDrag`)
-4. `selectionMode={SelectionMode.Full}`: you can chose if the selection box needs to contain a node fully (`SelectionMode.Full`) or partially (`SelectionMode.Partial`) to select it
-5. `onSelectionStart` and `onSelectionEnd` events
-6. `elevateNodesOnSelect`: Defines if z-index should be increased when node is selected
-7. New store function `getNodes`. You can now do `store.getState().getNodes()` instead of `Array.from(store.getNodes().nodeInternals.values())`.
-
-Thanks to @jackfishwick who helped a lot with the new panning and selection options.
-
-### Minor Changes
-
-- [#2678](https://github.com/wbkd/react-flow/pull/2678) [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493)
-  - Add new props to configure viewport controls (`selectionOnDrag`, `panActivationKeyCode`, ..)
-- [#2661](https://github.com/wbkd/react-flow/pull/2661) [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654)
-  - panOnDrag: Use numbers for prop ([1,2] = drag via middle or right mouse button)
-  - selection: do not include hidden nodes
-  - minimap: fix onNodeClick for nodes outside the viewport
-  - keys: allow multi select when input is focused
-
-### Patch Changes
-
-- [#2695](https://github.com/wbkd/react-flow/pull/2695) [`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff) - Add elevateNodesOnSelect prop
-- [#2660](https://github.com/wbkd/react-flow/pull/2660) [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0) - Add `getNodes` function to the store so that you don't need to do `Array.from(store.getState().nodeInternals.values())` anymore.
-- [#2659](https://github.com/wbkd/react-flow/pull/2659) [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9) - Use translateExtent correctly
-- [#2657](https://github.com/wbkd/react-flow/pull/2657) [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c) - Only trigger drag event when change happened
-
-- Updated dependencies [[`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff), [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]:
-  - @reactflow/core@11.4.0
-  - @reactflow/minimap@11.3.0
-  - @reactflow/node-toolbar@1.1.0
-  - @reactflow/background@11.1.0
-  - @reactflow/controls@11.1.0
-
-## 11.4.0-next.1
-
-### Minor Changes
-
-- panOnDrag: Use numbers for prop ([1,2] = drag via middle or right mouse button)
-  selection: do not include hidden nodes
-  minimap: fix onNodeClick for nodes outside the viewport
-  keys: allow multi select when input is focused
-
-### Patch Changes
-
-- Updated dependencies []:
-  - @reactflow/background@11.1.0-next.1
-  - @reactflow/controls@11.1.0-next.1
-  - @reactflow/core@11.4.0-next.1
-  - @reactflow/minimap@11.3.0-next.1
-  - @reactflow/node-toolbar@1.1.0-next.1
-
-## 11.4.0-next.0
-
-### Minor Changes
-
-- [#2678](https://github.com/wbkd/react-flow/pull/2678) [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493) Thanks [@moklick](https://github.com/moklick)! - ## New Features
-
-  New props for the ReactFlow component to customize the controls of the viewport and the selection box better:
-
-  1. `selectionOnDrag` prop: Selection box without extra button press (need to set `panOnDrag={false} or `panOnDrag="RightClick"`)
-  2. `panOnDrag="RightClick"` option
-  3. `panActivationKeyCode="Space"` key code for activating dragging (useful when using `selectionOnDrag`)
-  4. `selectionMode={SelectionMode.Full}`: you can chose if the selection box needs to contain a node fully (`SelectionMode.Full`) or partially (`SelectionMode.Partial`) to select it
-  5. `onSelectionStart` and `onSelectionEnd` events
-
-### Patch Changes
-
-- [#2660](https://github.com/wbkd/react-flow/pull/2660) [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0) Thanks [@moklick](https://github.com/moklick)! - Add `getNodes` function to the store so that you don't need to do `Array.from(store.getState().nodeInternals.values())` anymore.
-
-- [#2659](https://github.com/wbkd/react-flow/pull/2659) [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9) Thanks [@moklick](https://github.com/moklick)! - Use translateExtent correctly
-
-- [#2657](https://github.com/wbkd/react-flow/pull/2657) [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c) Thanks [@moklick](https://github.com/moklick)! - Only trigger drag event when change happened
-
-- Updated dependencies [[`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0), [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493), [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9), [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c)]:
-  - @reactflow/core@11.4.0-next.0
-  - @reactflow/minimap@11.3.0-next.0
-  - @reactflow/node-toolbar@1.1.0-next.0
-  - @reactflow/background@11.0.8-next.0
-  - @reactflow/controls@11.0.8-next.0
-
-## 11.3.3
-
-In this update we did some changes so that we could implement the new [`<NodeResizer />`](https://reactflow.dev/docs/api/nodes/node-resizer/) component (not part of the `reactflow` package!) more smoothly.
-
-### Patch Changes
-
-- Updated dependencies [[`e6b5d90f`](https://github.com/wbkd/react-flow/commit/e6b5d90f61c8ee60e817bba232a162cae2ab3e2a), [`6ee44e07`](https://github.com/wbkd/react-flow/commit/6ee44e076eaa6908d07578a757a5187642b732ae), [`d29c401d`](https://github.com/wbkd/react-flow/commit/d29c401d598dbf2dcd5609b7adb8d029906a6f18), [`aa69c207`](https://github.com/wbkd/react-flow/commit/aa69c20765e6978f4f9c8cc63ed7110dbf6d9d9d), [`d29c401d`](https://github.com/wbkd/react-flow/commit/d29c401d598dbf2dcd5609b7adb8d029906a6f18), [`0df02f35`](https://github.com/wbkd/react-flow/commit/0df02f35f8d6c54dae36af18278feadc77acb2d6)]:
-  - @reactflow/core@11.3.2
-  - @reactflow/minimap@11.2.3
-  - @reactflow/node-toolbar@1.0.2
-  - @reactflow/background@11.0.7
-  - @reactflow/controls@11.0.7
-
-## 11.3.2
-
-### Patch Changes
-
-- [`7ece618d`](https://github.com/wbkd/react-flow/commit/7ece618d94b76183c1ecd45b16f6ab168168351b) Thanks [@lounsbrough](https://github.com/lounsbrough)! - Fix minimap node position
-
-- Updated dependencies [[`7ece618d`](https://github.com/wbkd/react-flow/commit/7ece618d94b76183c1ecd45b16f6ab168168351b)]:
-  - @reactflow/minimap@11.2.2
-
-## 11.3.1
-
-### Patch Changes
-
-- [#2595](https://github.com/wbkd/react-flow/pull/2595) [`c828bfda`](https://github.com/wbkd/react-flow/commit/c828bfda0a8c4774bc43588640c7cca0cfdcb3f4) Thanks [@chrtze](https://github.com/chrtze)! - Fix and improve the behaviour when using nodeOrigin in combination with subflows
-- [#2602](https://github.com/wbkd/react-flow/pull/2602) [`b0302ce4`](https://github.com/wbkd/react-flow/commit/b0302ce4261a992bee841bae84af347d03be690f) Thanks [@sdegueldre](https://github.com/sdegueldre)! - Don't use try catch in wrapper for checking if provider is available
-- [#2601](https://github.com/wbkd/react-flow/pull/2601) [`b2c72813`](https://github.com/wbkd/react-flow/commit/b2c728137d1b53e38883f044fa447585c377a6af) Thanks [@hoondeveloper](https://github.com/hoondeveloper)! - fix isRectObject function
-- [#2594](https://github.com/wbkd/react-flow/pull/2594) [`ec94d9ec`](https://github.com/wbkd/react-flow/commit/ec94d9ecdc964d6d66c04e9242f195614bbfdbbe) Thanks [@chrtze](https://github.com/chrtze)! - Allow multiple node ids to be passed for enabling multi selection toolbars
-
-- Updated dependencies [[`c828bfda`](https://github.com/wbkd/react-flow/commit/c828bfda0a8c4774bc43588640c7cca0cfdcb3f4), [`b0302ce4`](https://github.com/wbkd/react-flow/commit/b0302ce4261a992bee841bae84af347d03be690f), [`b2c72813`](https://github.com/wbkd/react-flow/commit/b2c728137d1b53e38883f044fa447585c377a6af), [`ec94d9ec`](https://github.com/wbkd/react-flow/commit/ec94d9ecdc964d6d66c04e9242f195614bbfdbbe)]:
-  - @reactflow/core@11.3.1
-  - @reactflow/minimap@11.2.1
-  - @reactflow/node-toolbar@1.0.1
-  - @reactflow/background@11.0.6
-  - @reactflow/controls@11.0.6
-
-## 11.3.0
-
-### Minor Changes
-
-- [#2562](https://github.com/wbkd/react-flow/pull/2562) [`d745aa33`](https://github.com/wbkd/react-flow/commit/d745aa33fcd1333e12929c862f9a3d6de53f7179) Thanks [@moklick](https://github.com/moklick)! - Minimap: Add `maskStrokeColor` and `maskStrokeWidth` props
-- [#2563](https://github.com/wbkd/react-flow/pull/2563) [`98116d43`](https://github.com/wbkd/react-flow/commit/98116d431f9fcdcc9b23a5b606a94ec0740b64cd) Thanks [@chrtze](https://github.com/chrtze)! - Core: Add `<NodeToolbar />` component that renders a fixed element attached to a node
-- [#2545](https://github.com/wbkd/react-flow/pull/2545) [`8f63f751`](https://github.com/wbkd/react-flow/commit/8f63f751e302d3c935865760d2134350c31ab93f) Thanks [@chrtze](https://github.com/chrtze)! - Minimap: Add `ariaLabel` prop to configure or remove the aria-label
-
-### Patch Changes
-
-- [#2561](https://github.com/wbkd/react-flow/pull/2561) [`92cf497e`](https://github.com/wbkd/react-flow/commit/92cf497eb72f21af592a53f5af9770c9f1e6d940) Thanks [@moklick](https://github.com/moklick)! - Core: Fix multi selection and fitView when nodeOrigin is used
-- [#2560](https://github.com/wbkd/react-flow/pull/2560) [`a39224b3`](https://github.com/wbkd/react-flow/commit/a39224b3a80afbdb83fc4490dd5f4f2be23cd4dd) Thanks [@neo](https://github.com/neo)! - Core: Always elevate zIndex when node is selected
-- [#2573](https://github.com/wbkd/react-flow/pull/2573) [`5e8b67dd`](https://github.com/wbkd/react-flow/commit/5e8b67dd41f9bb60dcd7f5d14cc34b42c970e967) Thanks [@moklick](https://github.com/moklick)! - Core: Fix disappearing connection line for loose flows
-- [#2558](https://github.com/wbkd/react-flow/pull/2558) [`2a1c7db6`](https://github.com/wbkd/react-flow/commit/2a1c7db6b27ac0f4f81dcef2d593f4753c4321c7) Thanks [@moklick](https://github.com/moklick)! - Core: Handle multiple instances on a page for EdgeLabelRenderer
-
-- Updated dependencies [[`d745aa33`](https://github.com/wbkd/react-flow/commit/d745aa33fcd1333e12929c862f9a3d6de53f7179), [`92cf497e`](https://github.com/wbkd/react-flow/commit/92cf497eb72f21af592a53f5af9770c9f1e6d940), [`98116d43`](https://github.com/wbkd/react-flow/commit/98116d431f9fcdcc9b23a5b606a94ec0740b64cd), [`8f63f751`](https://github.com/wbkd/react-flow/commit/8f63f751e302d3c935865760d2134350c31ab93f), [`a39224b3`](https://github.com/wbkd/react-flow/commit/a39224b3a80afbdb83fc4490dd5f4f2be23cd4dd), [`5e8b67dd`](https://github.com/wbkd/react-flow/commit/5e8b67dd41f9bb60dcd7f5d14cc34b42c970e967), [`2a1c7db6`](https://github.com/wbkd/react-flow/commit/2a1c7db6b27ac0f4f81dcef2d593f4753c4321c7), [`c793433c`](https://github.com/wbkd/react-flow/commit/c793433cafc214281ae97c9a32f5ac2fe453c34f)]:
-  - @reactflow/minimap@11.2.0
-  - @reactflow/core@11.3.0
-  - @reactflow/node-toolbar@1.0.0
-  - @reactflow/background@11.0.5
-  - @reactflow/controls@11.0.5
-
-## 11.2.0
-
-### Minor Changes
-
-- [#2535](https://github.com/wbkd/react-flow/pull/2535) [`7902a3ce`](https://github.com/wbkd/react-flow/commit/7902a3ce3188426d5cd07cf0943a68f679e67948) Thanks [@moklick](https://github.com/moklick)! - Feat: Add edge label renderer
-- [#2536](https://github.com/wbkd/react-flow/pull/2536) [`b25d499e`](https://github.com/wbkd/react-flow/commit/b25d499ec05b5c6f21ac552d03650eb37433552e) Thanks [@pengfu](https://github.com/pengfu)! - Feat: add deleteElements helper function
-- [#2539](https://github.com/wbkd/react-flow/pull/2539) [`4fc1253e`](https://github.com/wbkd/react-flow/commit/4fc1253eadf9b7dd392d8dc2348f44fa8d08f931) Thanks [@moklick](https://github.com/moklick)! - Feat: add intersection helpers
-- [#2530](https://github.com/wbkd/react-flow/pull/2530) [`8ba4dd5d`](https://github.com/wbkd/react-flow/commit/8ba4dd5d1d4b2e6f107c148de62aec0b688d8b21) Thanks [@moklick](https://github.com/moklick)! - Feat: Add pan and zoom to mini map
-
-### Patch Changes
-
-- [#2538](https://github.com/wbkd/react-flow/pull/2538) [`740659c0`](https://github.com/wbkd/react-flow/commit/740659c0e788c7572d4a1e64e1d33d60712233fc) Thanks [@neo](https://github.com/neo)! - Refactor: put React Flow in isolated stacking context
-
-- Updated dependencies [[`740659c0`](https://github.com/wbkd/react-flow/commit/740659c0e788c7572d4a1e64e1d33d60712233fc), [`7902a3ce`](https://github.com/wbkd/react-flow/commit/7902a3ce3188426d5cd07cf0943a68f679e67948), [`b25d499e`](https://github.com/wbkd/react-flow/commit/b25d499ec05b5c6f21ac552d03650eb37433552e), [`4fc1253e`](https://github.com/wbkd/react-flow/commit/4fc1253eadf9b7dd392d8dc2348f44fa8d08f931), [`8ba4dd5d`](https://github.com/wbkd/react-flow/commit/8ba4dd5d1d4b2e6f107c148de62aec0b688d8b21)]:
-  - @reactflow/core@11.2.0
-  - @reactflow/minimap@11.1.0
-  - @reactflow/background@11.0.4
-  - @reactflow/controls@11.0.4
-
-## 11.1.2
-
-Housekeeping release with some fixes and some cleanups for the types.
-
-### Patch Changes
-
-- make pro options acc type optional
-- cleanup types
-- fix rf id handling
-- always render nodes when dragging=true
-- don't apply animations to helper edge
-- Updated dependencies:
-  - @reactflow/core@11.1.2
-  - @reactflow/background@11.0.3
-  - @reactflow/controls@11.0.3
-  - @reactflow/minimap@11.0.3
-
-## 11.1.1
-
-### Patch Changes
-
-- [`c44413d`](https://github.com/wbkd/react-flow/commit/c44413d816604ae2d6ad81ed227c3dfde1a7bd8a) Thanks [@moklick](https://github.com/moklick)! - chore(panel): dont break user selection above panel
-- [`48c402c`](https://github.com/wbkd/react-flow/commit/48c402c4d3bd9e16dc91cd4c549324e57b6d5c57) Thanks [@moklick](https://github.com/moklick)! - refactor(aria-descriptions): render when disableKeyboardA11y is true
-- [`3a1a365`](https://github.com/wbkd/react-flow/commit/3a1a365a63fc4564d9a8d96309908986fcc86f95) Thanks [@moklick](https://github.com/moklick)! - fix(useOnSelectionChange): repair hook closes #2484
-- [`5d35094`](https://github.com/wbkd/react-flow/commit/5d350942d33ded626b3387206f0b0dee368efdfb) Thanks [@neo](https://github.com/neo)! - Add css files as sideEffects
-
-- Updated dependencies:
-  - @reactflow/background@11.0.2
-  - @reactflow/core@11.1.1
-  - @reactflow/controls@11.0.2
-  - @reactflow/minimap@11.0.2
-
-## 11.1.0
-
-### Minor Changes
-
-- [`def11008`](https://github.com/wbkd/react-flow/commit/def11008d88749fec40e6fcba8bc41eea2511bab) Thanks [@moklick](https://github.com/moklick)! - New props: nodesFocusable and edgesFocusable
-
-### Patch Changes
-
-- [`d00faa6b`](https://github.com/wbkd/react-flow/commit/d00faa6b3e77388bfd655d4c02e9a5375bc515e4) Thanks [@moklick](https://github.com/moklick)! - Make nopan class name overwritable with class name option
-
-- Updated dependencies [[`def11008`](https://github.com/wbkd/react-flow/commit/def11008d88749fec40e6fcba8bc41eea2511bab), [`def11008`](https://github.com/wbkd/react-flow/commit/def11008d88749fec40e6fcba8bc41eea2511bab), [`d00faa6b`](https://github.com/wbkd/react-flow/commit/d00faa6b3e77388bfd655d4c02e9a5375bc515e4)]:
-  - @reactflow/background@11.0.1
-  - @reactflow/core@11.1.0
-  - @reactflow/controls@11.0.1
-  - @reactflow/minimap@11.0.1
-
-## 11.0.0
-
-Finally it's here! A new version that comes with lots of improvements and the new package name `reactflow`.
-From now on you can install it via `npm install reactflow`.
-
-## Major Changes
-
-- Importing CSS via `reactflow/dist/style.css` is mandatory
-- **Better [Accessibility](/docs/guides/accessibility)**
-  - Nodes and edges are focusable, selectable, moveable and deleteable with the keyboard.
-  - `aria-` default attributes for all elements and controllable via `ariaLabel` options
-  - Keyboard controls can be disabled with the new `disableKeyboardA11y` prop
-- **Better selectable edges** via new edge option: `interactionWidth` - renders invisible edge that makes it easier to interact
-- **Better routing for smoothstep and step edges**: https://twitter.com/reactflowdev/status/1567535405284614145
-- **Nicer edge updating behaviour**: https://twitter.com/reactflowdev/status/1564966917517021184
-- **Node origin**: The new `nodeOrigin` prop lets you control the origin of a node. Useful for layouting.
-- **New background pattern**: `BackgroundVariant.Cross` variant
-- **[`useOnViewportChange`](/docs/api/hooks/use-on-viewport-change) hook** - handle viewport changes within a component
-- **[`useOnSelectionChange`](/docs/api/hooks/use-on-selection-change) hook** - handle selection changes within a component
-- **[`useNodesInitialized`](/docs/api/hooks/use-nodes-initialized) hook** - returns true if all nodes are initialized and if there is more than one node
-- **Deletable option** for Nodes and edges
-- **New Event handlers**: `onPaneMouseEnter`, `onPaneMouseMove` and `onPaneMouseLeave`
-- **Edge `pathOptions`** for `smoothstep` and `default` edges
-- **Nicer cursor defaults**: Cursor is grabbing, while dragging a node or panning
-- **Pane moveable** with middle mouse button
-- **Pan over nodes** when they are not draggable (`draggable=false` or `nodesDraggable` false)
-- **[`<BaseEdge />`](/docs/api/edges/base-edge) component** that makes it easier to build custom edges
-- **[Separately installable packages](/docs/overview/packages/)**
-  - @reactflow/core
-  - @reactflow/background
-  - @reactflow/controls
-  - @reactflow/minimap
-
-### Patch Changes
-
-- Updated dependencies:
-  - @reactflow/background@11.0.0
-  - @reactflow/controls@11.0.0
-  - @reactflow/core@11.0.0
-  - @reactflow/minimap@11.0.0
diff --git a/packages/reactflow/README.md b/packages/reactflow/README.md
deleted file mode 100644
index c41f2e7ed..000000000
--- a/packages/reactflow/README.md
+++ /dev/null
@@ -1,128 +0,0 @@
-![readme-header](https://user-images.githubusercontent.com/3797215/156259138-fb9f59f8-52f2-474a-b78c-6570867e4ead.svg#gh-light-mode-only)
-
-<div align="center">
-
-![GitHub License MIT](https://img.shields.io/github/license/wbkd/react-flow?color=%23ff0072)
-![npm downloads](https://img.shields.io/npm/dt/reactflow?color=%23FF0072&label=downloads)
-![GitHub Repo stars](https://img.shields.io/github/stars/wbkd/react-flow?color=%23FF0072)
-![GitHub release (latest by date)](https://img.shields.io/github/v/release/wbkd/react-flow?color=%23FF0072)
-
-A highly customizable React component for building interactive graphs and node-based editors.
-
-[🚀 Getting Started](https://reactflow.dev/docs/getting-started/installation) | [📖 Documentation](https://reactflow.dev/docs/api/react-flow-props) | [📺 Examples](https://reactflow.dev/docs/examples/overview) | [☎️ Discord](https://discord.gg/RVmnytFmGW) | [💎 React Flow Pro](https://pro.reactflow.dev/pricing)
-
-</div>
-
----
-
-## Key Features
-
-- **Easy to use:** Seamless zooming and panning, single- and multi selection of graph elements and keyboard shortcuts are supported out of the box
-- **Customizable:** Different [node](https://reactflow.dev/docs/api/nodes/node-types) and [edge types](https://reactflow.dev/docs/api/edges/edge-types) and support for custom nodes with multiple handles and custom edges
-- **Fast rendering:** Only nodes that have changed are re-rendered and only those in the viewport are displayed
-- **Hooks and Utils:** [Hooks](https://reactflow.dev/docs/api/hooks/use-react-flow) for handling nodes, edges and the viewport and graph [helper functions](https://reactflow.dev/docs/api/graph-util-functions)
-- **Plugin Components:** [Background](https://reactflow.dev/docs/api/plugin-components/background), [MiniMap](https://reactflow.dev/docs/api/plugin-components/minimap) and [Controls](https://reactflow.dev/docs/api/plugin-components/controls)
-- **Reliable**: Written in [Typescript](https://www.typescriptlang.org/) and tested with [cypress](https://www.cypress.io/)
-
-## Commercial Usage
-
-**Are you using React Flow for a personal project?** Great! No sponsorship needed, you can support us by reporting any bugs you find, sending us screenshots of your projects, and starring us on Github 🌟
-
-**Are you using React Flow at your organization and making money from it?** Awesome! We rely on your support to keep React Flow developed and maintained under an MIT License, just how we like it. You can do that on the [React Flow Pro website](https://pro.reactflow.dev) or through [Github Sponsors](https://github.com/sponsors/wbkd).
-
-You can find more information in our [React Flow Pro FAQs](https://pro.reactflow.dev/info).
-
-## Installation
-
-The easiest way to get the latest version of React Flow is to install it via npm, yarn or pnpm:
-
-```bash
-npm install reactflow
-```
-
-## Quick Start
-
-This is only a very basic usage example of React Flow. To see everything that is possible with the library, please refer to the [website](https://reactflow.dev) for [guides](https://reactflow.dev/docs/guides/custom-nodes), [examples](https://reactflow.dev/docs/examples/overview) and [API reference](https://reactflow.dev/docs/api/react-flow-props).
-
-```jsx
-import { useCallback } from 'react';
-import ReactFlow, {
-  MiniMap,
-  Controls,
-  Background,
-  useNodesState,
-  useEdgesState,
-  addEdge,
-} from 'reactflow';
-
-import 'reactflow/dist/style.css';
-
-const initialNodes = [
-  { id: '1', position: { x: 0, y: 0 }, data: { label: '1' } },
-  { id: '2', position: { x: 0, y: 100 }, data: { label: '2' } },
-];
-
-const initialEdges = [{ id: 'e1-2', source: '1', target: '2' }];
-
-function Flow() {
-  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
-  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
-
-  const onConnect = useCallback((params) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
-
-  return (
-    <ReactFlow
-      nodes={nodes}
-      edges={edges}
-      onNodesChange={onNodesChange}
-      onEdgesChange={onEdgesChange}
-      onConnect={onConnect}
-    >
-      <MiniMap />
-      <Controls />
-      <Background />
-    </ReactFlow>
-  );
-}
-```
-
-## Development
-
-Before you can start developing please make sure that you have [pnpm](https://pnpm.io/) installed (`npm i -g pnpm`). Then install the dependencies using pnpm: `pnpm install`.
-
-For local development, you can use `pnpm dev`.
-
-## Testing
-
-Testing is done with cypress. You can find the tests in the [`examples/cypress`](/examples/cypress/) folder. In order to run the tests do:
-
-```sh
-pnpm test
-```
-
-## Maintainers
-
-React Flow is developed and maintained by [webkid](https://webkid.io), a web development agency with focus on data driven applications from Berlin. If you need help or want to talk to us about a collaboration, feel free to contact us:
-
-- Moritz Klack • [Twitter](https://twitter.com/moklick) • [Github](https://github.com/moklick)
-- Christopher Möller • [Twitter](https://twitter.com/chrtze) • [Github](https://github.com/chrtze)
-
-You can also use our [contact form](https://pro.reactflow.dev/contact) or join the [React Flow Discord Server](https://discord.gg/Bqt6xrs).
-
-## Community Packages
-
-- [useUndoable](https://github.com/Infinium8/useUndoable) - Hook for undo/redo functionality with an explicit React Flow example
-- [react-flow-smart-edge](https://github.com/tisoap/react-flow-smart-edge) - Custom edge that doesn't intersect with nodes
-- [Feliz.ReactFlow](https://github.com/tforkmann/Feliz.ReactFlow) - Feliz React Bindings for React Flow
-
-## Credits
-
-React Flow was initially developed for [datablocks](https://datablocks.pro), a graph-based editor for transforming, analyzing and visualizing data in the browser. Under the hood, React Flow depends on these great libraries:
-
-- [d3-zoom](https://github.com/d3/d3-zoom) - used for zoom, pan and drag interactions with the graph canvas
-- [d3-drag](https://github.com/d3/d3-drag) - used for making the nodes draggable
-- [zustand](https://github.com/pmndrs/zustand) - internal state management
-
-## License
-
-React Flow is [MIT licensed](https://github.com/wbkd/react-flow/blob/main/LICENSE).
diff --git a/packages/reactflow/package.json b/packages/reactflow/package.json
deleted file mode 100644
index 1c3b47eb3..000000000
--- a/packages/reactflow/package.json
+++ /dev/null
@@ -1,68 +0,0 @@
-{
-  "name": "reactflow",
-  "version": "11.7.2",
-  "description": "A highly customizable React library for building node-based editors and interactive flow charts",
-  "keywords": [
-    "react",
-    "node-based UI",
-    "graph",
-    "diagram",
-    "workflow",
-    "react-flow"
-  ],
-  "files": [
-    "dist"
-  ],
-  "source": "src/index.ts",
-  "main": "dist/umd/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/esm/index.d.ts",
-  "sideEffects": [
-    "*.css"
-  ],
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/wbkd/react-flow.git",
-    "directory": "packages/reactflow"
-  },
-  "scripts": {
-    "dev": "concurrently \"rollup --config node:@reactflow/rollup-config --watch\" pnpm:css-watch",
-    "build": "rollup --config node:@reactflow/rollup-config --environment NODE_ENV:production && npm run css",
-    "css": "postcss src/*.css --config ../../tooling/postcss-config/postcss.config.js --dir dist",
-    "css-watch": "pnpm css --watch",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
-    "typecheck": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@reactflow/background": "workspace:*",
-    "@reactflow/controls": "workspace:*",
-    "@reactflow/core": "workspace:*",
-    "@reactflow/minimap": "workspace:*",
-    "@reactflow/node-resizer": "workspace:*",
-    "@reactflow/node-toolbar": "workspace:*"
-  },
-  "peerDependencies": {
-    "react": ">=17",
-    "react-dom": ">=17"
-  },
-  "devDependencies": {
-    "@reactflow/eslint-config": "workspace:*",
-    "@reactflow/rollup-config": "workspace:*",
-    "@reactflow/tsconfig": "workspace:*",
-    "@types/node": "^18.7.16",
-    "@types/react": ">=17",
-    "react": "^18.2.0",
-    "typescript": "^4.9.4"
-  },
-  "rollup": {
-    "globals": {
-      "@reactflow/background": "ReactFlowBackground",
-      "@reactflow/controls": "ReactFlowControls",
-      "@reactflow/core": "ReactFlowCore",
-      "@reactflow/minimap": "ReactFlowMinimap",
-      "@reactflow/node-toolbar": "ReactFlowNodeToolbar"
-    },
-    "name": "ReactFlow"
-  }
-}
diff --git a/packages/reactflow/src/base.css b/packages/reactflow/src/base.css
deleted file mode 100644
index 9c7489c9d..000000000
--- a/packages/reactflow/src/base.css
+++ /dev/null
@@ -1,4 +0,0 @@
-@import '@reactflow/core/dist/base.css';
-@import '@reactflow/controls/dist/style.css';
-@import '@reactflow/minimap/dist/style.css';
-@import '@reactflow/node-resizer/dist/style.css';
diff --git a/packages/reactflow/src/index.ts b/packages/reactflow/src/index.ts
deleted file mode 100644
index 9fefe1d56..000000000
--- a/packages/reactflow/src/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export * from '@reactflow/core';
-export * from '@reactflow/minimap';
-export * from '@reactflow/controls';
-export * from '@reactflow/background';
-export * from '@reactflow/node-toolbar';
-export * from '@reactflow/node-resizer';
-
-export { ReactFlow as default } from '@reactflow/core';
diff --git a/packages/reactflow/src/style.css b/packages/reactflow/src/style.css
deleted file mode 100644
index 38e265b7f..000000000
--- a/packages/reactflow/src/style.css
+++ /dev/null
@@ -1,4 +0,0 @@
-@import '@reactflow/core/dist/style.css';
-@import '@reactflow/controls/dist/style.css';
-@import '@reactflow/minimap/dist/style.css';
-@import '@reactflow/node-resizer/dist/style.css';
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index aa9f3d45b..f1bc97798 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "svelteflow",
+  "name": "@xyflow/svelte",
   "version": "0.0.1",
   "scripts": {
     "dev": "vite dev",
@@ -17,13 +17,11 @@
     ".": "./package/index.js"
   },
   "dependencies": {
-    "@reactflow/edge-utils": "workspace:*",
-    "@reactflow/system": "workspace:*",
-    "@reactflow/utils": "workspace:*",
     "@svelte-put/shortcut": "^2.0.0",
     "@types/d3-drag": "^3.0.1",
     "@types/d3-selection": "^3.0.3",
     "@types/d3-zoom": "^3.0.1",
+    "@xyflow/system": "workspace:*",
     "classcat": "^5.0.4",
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index 0dd06d256..d0db3da7a 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -1,5 +1,5 @@
 import { get } from 'svelte/store';
-import { XYDrag } from '@reactflow/utils';
+import { XYDrag } from '@xyflow/system';
 
 import type { SvelteFlowStore } from '$lib/store/types';
 
diff --git a/packages/svelte/src/lib/actions/zoom/index.ts b/packages/svelte/src/lib/actions/zoom/index.ts
index ebd1f9bb6..e553008ee 100644
--- a/packages/svelte/src/lib/actions/zoom/index.ts
+++ b/packages/svelte/src/lib/actions/zoom/index.ts
@@ -6,8 +6,8 @@ import type {
   PanZoomInstance,
   Transform,
   Viewport
-} from '@reactflow/system';
-import { XYPanZoom } from '@reactflow/utils';
+} from '@xyflow/system';
+import { XYPanZoom } from '@xyflow/system';
 
 type ZoomParams = {
   transform: Writable<Transform>;
@@ -33,6 +33,7 @@ type ZoomParams = {
   noPanClassName: string;
   noWheelClassName: string;
   userSelectionActive: boolean;
+  lib: string;
 };
 
 export default function zoom(domNode: Element, params: ZoomParams) {
diff --git a/packages/svelte/src/lib/components/Attribution/types.ts b/packages/svelte/src/lib/components/Attribution/types.ts
index 4a6052b4b..e3cff681b 100644
--- a/packages/svelte/src/lib/components/Attribution/types.ts
+++ b/packages/svelte/src/lib/components/Attribution/types.ts
@@ -1,4 +1,4 @@
-import type { PanelPosition, ProOptions } from '@reactflow/system';
+import type { PanelPosition, ProOptions } from '@xyflow/system';
 
 export type AttributionProps = {
   proOptions?: ProOptions;
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 957910b58..05835b065 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { createEventDispatcher, type SvelteComponentTyped } from 'svelte';
-  import { Position } from '@reactflow/system';
-  import { getMarkerId } from '@reactflow/utils';
+  import { Position } from '@xyflow/system';
+  import { getMarkerId } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index a275e81b7..19de10c9e 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { getContext, createEventDispatcher } from 'svelte';
   import cc from 'classcat';
-  import { Position, type Connection } from '@reactflow/system';
-  import { XYHandle, isMouseEvent } from '@reactflow/utils';
+  import { Position, type Connection } from '@xyflow/system';
+  import { XYHandle, isMouseEvent } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import type { HandleComponentProps } from '$lib/types';
@@ -17,7 +17,6 @@
   export let isConnectableStart: $$Props['isConnectableStart'] = true;
   export let isConnectableEnd: $$Props['isConnectableEnd'] = true;
 
-
   let className: $$Props['class'] = undefined;
   export { className as class };
 
@@ -64,7 +63,6 @@
         domNode: $domNode,
         nodes: $nodes,
         connectionMode: $connectionMode,
-        transform: $transform,
         lib: $lib,
         autoPanOnConnect: true,
         isValidConnection: $isValidConnection,
@@ -72,6 +70,7 @@
         cancelConnection,
         panBy,
         onConnect: onConnectExtended,
+        getTransform: () => $transform,
       });
     }
   }
@@ -92,8 +91,8 @@
   ])}
   class:source={!isTarget}
   class:target={isTarget}
-  class:connectableStart={isConnectableStart}
-  class:isConnectableEnd={isConnectableEnd}
+  class:connectablestart={isConnectableStart}
+  class:connectableend={isConnectableEnd}
   class:connectable={isConnectable}
   on:mousedown={onPointerDown}
   on:touchstart={onPointerDown}
diff --git a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index bdb88bf8e..eb7671a4b 100644
--- a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getRectOfNodes } from '@reactflow/utils';
+  import { getRectOfNodes } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import { Selection } from '$lib/components/Selection';
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index ecb23c63e..828adfd6b 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -2,7 +2,7 @@
   
   import { createEventDispatcher, onMount, setContext, SvelteComponentTyped } from 'svelte';
   import cc from 'classcat';
-  import { errorMessages, type NodeProps } from '@reactflow/system';
+  import { errorMessages, type NodeProps } from '@xyflow/system';
 
   import drag from '$lib/actions/drag';
   import { useStore } from '$lib/store';
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index d65934270..70281719e 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -1,4 +1,4 @@
-import type { XYPosition } from '@reactflow/system';
+import type { XYPosition } from '@xyflow/system';
 import type { Node } from '$lib/types';
 
 export type NodeWrapperProps = Pick<
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
index 8bbd14648..4a33bcc18 100644
--- a/packages/svelte/src/lib/components/edges/BezierEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getBezierPath } from '@reactflow/edge-utils';
+  import { getBezierPath } from '@xyflow/system';
 
   import type { EdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
index 333c8a3cd..30872b684 100644
--- a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getSmoothStepPath } from '@reactflow/edge-utils';
+  import { getSmoothStepPath } from '@xyflow/system';
 
   import type { EdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
diff --git a/packages/svelte/src/lib/components/edges/StepEdge.svelte b/packages/svelte/src/lib/components/edges/StepEdge.svelte
index 3056d7d6f..65012595d 100644
--- a/packages/svelte/src/lib/components/edges/StepEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/StepEdge.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getSmoothStepPath } from '@reactflow/edge-utils';
+  import { getSmoothStepPath } from '@xyflow/system';
 
   import type { EdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
index bf8494189..247764b67 100644
--- a/packages/svelte/src/lib/components/edges/StraightEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getStraightPath } from '@reactflow/edge-utils';
+  import { getStraightPath } from '@xyflow/system';
 
   import type { EdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index 6258fa969..4ea0cdccc 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Position, type NodeProps } from '@reactflow/system';
+  import { Position, type NodeProps } from '@xyflow/system';
 
   import { Handle } from '$lib/components/Handle';
 
diff --git a/packages/svelte/src/lib/components/nodes/InputNode.svelte b/packages/svelte/src/lib/components/nodes/InputNode.svelte
index 7352cbdda..87ba1d944 100644
--- a/packages/svelte/src/lib/components/nodes/InputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/InputNode.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Position, type NodeProps } from '@reactflow/system';
+  import { Position, type NodeProps } from '@xyflow/system';
 
   import { Handle } from '$lib/components/Handle';
 
diff --git a/packages/svelte/src/lib/components/nodes/OutputNode.svelte b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
index 9ff86c4b2..b5c775f46 100644
--- a/packages/svelte/src/lib/components/nodes/OutputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Position, type NodeProps } from '@reactflow/system';
+  import { Position, type NodeProps } from '@xyflow/system';
 
   import { Handle } from '$lib/components/Handle';
 
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/Marker.svelte b/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/Marker.svelte
index 82c9a787c..3f54f47a0 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/Marker.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/Marker.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type MarkerProps, MarkerType } from '@reactflow/system';
+  import { type MarkerProps, MarkerType } from '@xyflow/system';
 
   type $$Props = MarkerProps;
 
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/utils.ts b/packages/svelte/src/lib/container/EdgeRenderer/utils.ts
index f70242ac5..31f3020ff 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/utils.ts
+++ b/packages/svelte/src/lib/container/EdgeRenderer/utils.ts
@@ -1,11 +1,11 @@
-import { getHandlePosition } from '@reactflow/edge-utils';
+import { getHandlePosition } from '@xyflow/system';
 import {
   type NodeHandleBounds,
   type Rect,
   type HandleElement,
   Position,
   internalsSymbol
-} from '@reactflow/system';
+} from '@xyflow/system';
 
 import type { Node } from '$lib/types';
 
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 99694d655..32094783d 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onDestroy } from 'svelte';
-  import { internalsSymbol } from '@reactflow/system';
-  import { getPositionWithOrigin } from '@reactflow/utils';
+  import { internalsSymbol } from '@xyflow/system';
+  import { getPositionWithOrigin } from '@xyflow/system';
 
   import { NodeWrapper } from '$lib/components/NodeWrapper';
   import { useStore } from '$lib/store';
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 2ea2696f8..1fd1896c5 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -30,8 +30,8 @@
 
 <script lang="ts">
   import { createEventDispatcher } from 'svelte';
-  import { SelectionMode } from '@reactflow/system';
-  import { getEventPosition, getNodesInside } from '@reactflow/utils';
+  import { SelectionMode } from '@xyflow/system';
+  import { getEventPosition, getNodesInside } from '@xyflow/system';
   
   import { useStore } from '$lib/store';
   import { getConnectedEdges } from '$lib/utils';
diff --git a/packages/svelte/src/lib/container/Panel/types.ts b/packages/svelte/src/lib/container/Panel/types.ts
index 13fa2b330..2a1225cbc 100644
--- a/packages/svelte/src/lib/container/Panel/types.ts
+++ b/packages/svelte/src/lib/container/Panel/types.ts
@@ -1,4 +1,4 @@
-import type { PanelPosition } from '@reactflow/system';
+import type { PanelPosition } from '@xyflow/system';
 import type { HTMLAttributes } from 'svelte/elements';
 
 export type PanelProps = HTMLAttributes<HTMLDivElement> & {
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index ac9df3f77..4c56d2f3c 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount } from 'svelte';
   import cc from 'classcat';
-  import { PanOnScrollMode, type CoordinateExtent, type Viewport } from '@reactflow/system';
+  import { PanOnScrollMode, type CoordinateExtent, type Viewport } from '@xyflow/system';
 
   import { Zoom } from '$lib/container/Zoom';
   import { Pane } from '$lib/container/Pane';
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index baf45f58d..f2716682b 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -13,7 +13,7 @@ import type {
   CoordinateExtent,
   PanOnScrollMode,
   IsValidConnection
-} from '@reactflow/system';
+} from '@xyflow/system';
 
 import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types';
 
diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index e8d9893ce..2892cfed4 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -1,5 +1,5 @@
 <script lang="ts"> 
-  import { PanOnScrollMode } from '@reactflow/system';
+  import { PanOnScrollMode } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import zoom from '$lib/actions/zoom';
@@ -26,7 +26,8 @@
     minZoom,
     maxZoom,
     dragging,
-    translateExtent
+    translateExtent,
+    lib
   } = useStore();
   
   $: viewPort = initialViewport || { x: 0, y: 0, zoom: 1 };
@@ -54,7 +55,8 @@
   noPanClassName: 'nopan',
   noWheelClassName: 'nowheel',
   userSelectionActive: $selectionKeyPressed,
-  translateExtent: $translateExtent
+  translateExtent: $translateExtent,
+  lib: $lib
 }}>
   <slot />
 </div>
diff --git a/packages/svelte/src/lib/container/Zoom/types.ts b/packages/svelte/src/lib/container/Zoom/types.ts
index f4cc524c9..7967460a5 100644
--- a/packages/svelte/src/lib/container/Zoom/types.ts
+++ b/packages/svelte/src/lib/container/Zoom/types.ts
@@ -1,4 +1,4 @@
-import type { OnMoveStart, OnMove, OnMoveEnd, PanOnScrollMode, Viewport } from '@reactflow/system';
+import type { OnMoveStart, OnMove, OnMoveEnd, PanOnScrollMode, Viewport } from '@xyflow/system';
 
 export type ZoomProps = {
   initialViewport: Viewport;
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index ed4e9f1cf..cba667eb3 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -6,8 +6,8 @@ import type {
   ViewportHelperFunctionOptions,
   XYPosition,
   ZoomInOut
-} from '@reactflow/system';
-import { pointToRendererPoint } from '@reactflow/utils';
+} from '@xyflow/system';
+import { pointToRendererPoint } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
 import type { FitViewOptions } from '$lib/types';
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 32f414210..d731e42e5 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -17,8 +17,8 @@ export * from '$lib/utils';
 
 export * from '$lib/hooks/useSvelteFlow';
 
-export * from '@reactflow/utils';
-export * from '@reactflow/system';
-export * from '@reactflow/edge-utils';
+export * from '@xyflow/system';
+export * from '@xyflow/system';
+export * from '@xyflow/system';
 
 export default SvelteFlow;
diff --git a/packages/svelte/src/lib/plugins/Controls/types.ts b/packages/svelte/src/lib/plugins/Controls/types.ts
index cc07a8186..83b6478d9 100644
--- a/packages/svelte/src/lib/plugins/Controls/types.ts
+++ b/packages/svelte/src/lib/plugins/Controls/types.ts
@@ -1,4 +1,4 @@
-import type { PanelPosition } from '@reactflow/system';
+import type { PanelPosition } from '@xyflow/system';
 
 export type ControlsProps = {
   position?: PanelPosition;
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 060b2de98..57c022779 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -7,7 +7,7 @@
 
 <script lang="ts">
   import cc from 'classcat';
-  import { getBoundsOfRects, getNodePositionWithOrigin, getRectOfNodes } from '@reactflow/utils';
+  import { getBoundsOfRects, getNodePositionWithOrigin, getRectOfNodes } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import { Panel } from '$lib/container/Panel';
@@ -35,7 +35,7 @@
 
   const defaultWidth = 200;
   const defaultHeight = 150;
-  const { nodes, transform, width: containerWidth, height: containerHeight, id } = useStore();
+  const { nodes, transform, width: containerWidth, height: containerHeight, flowId } = useStore();
 
   
   const nodeColorFunc = getAttrFunction(nodeColor);
@@ -43,7 +43,7 @@
   const nodeClassNameFunc = getAttrFunction(nodeClassName);
   const shapeRendering =
     typeof window === 'undefined' || !!window.chrome ? 'crispEdges' : 'geometricPrecision';
-  const labelledBy = `svelte-flow__minimap-desc-${$id}`;
+  const labelledBy = `svelte-flow__minimap-desc-${$flowId}`;
 
   $: viewBB = {
     x: -$transform[0] / $transform[2],
diff --git a/packages/svelte/src/lib/plugins/Minimap/types.ts b/packages/svelte/src/lib/plugins/Minimap/types.ts
index 4ee7c128b..b4cb00006 100644
--- a/packages/svelte/src/lib/plugins/Minimap/types.ts
+++ b/packages/svelte/src/lib/plugins/Minimap/types.ts
@@ -1,4 +1,4 @@
-import type { PanelPosition } from '@reactflow/system';
+import type { PanelPosition } from '@xyflow/system';
 
 import type { Node } from '$lib/types';
 
diff --git a/packages/svelte/src/lib/store/connection-path.ts b/packages/svelte/src/lib/store/connection-path.ts
index a707f5334..02de63f13 100644
--- a/packages/svelte/src/lib/store/connection-path.ts
+++ b/packages/svelte/src/lib/store/connection-path.ts
@@ -1,6 +1,6 @@
 import { derived } from 'svelte/store';
-import { getBezierPath, getSmoothStepPath, getStraightPath } from '@reactflow/edge-utils';
-import { ConnectionLineType, ConnectionMode, Position, internalsSymbol } from '@reactflow/system';
+import { getBezierPath, getSmoothStepPath, getStraightPath } from '@xyflow/system';
+import { ConnectionLineType, ConnectionMode, Position, internalsSymbol } from '@xyflow/system';
 
 import type { SvelteFlowStoreState } from './types';
 
diff --git a/packages/svelte/src/lib/store/edges-layouted.ts b/packages/svelte/src/lib/store/edges-layouted.ts
index 36db500d8..d477875eb 100644
--- a/packages/svelte/src/lib/store/edges-layouted.ts
+++ b/packages/svelte/src/lib/store/edges-layouted.ts
@@ -1,6 +1,6 @@
 import { derived } from 'svelte/store';
-import { Position } from '@reactflow/system';
-import { getHandle } from '@reactflow/edge-utils';
+import { Position } from '@xyflow/system';
+import { getHandle } from '@xyflow/system';
 
 import { getEdgePositions, getNodeData } from '$lib/container/EdgeRenderer/utils';
 import type { EdgeLayouted } from '$lib/types';
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index fe8262f0e..74dda961f 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -9,7 +9,7 @@ import {
   type XYPosition,
   type CoordinateExtent,
   type UpdateConnection
-} from '@reactflow/system';
+} from '@xyflow/system';
 import {
   createMarkerIds,
   fitView as fitViewUtil,
@@ -17,7 +17,7 @@ import {
   getElementsToRemove,
   getHandleBounds,
   infiniteExtent
-} from '@reactflow/utils';
+} from '@xyflow/system';
 
 import { addEdge as addEdgeUtil } from '$lib/utils';
 import type { EdgeTypes, NodeTypes, Node, Edge, ConnectionData, FitViewOptions } from '$lib/types';
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index d65a79f22..d30167407 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -10,7 +10,7 @@ import {
   type PanZoomInstance,
   type CoordinateExtent,
   type IsValidConnection
-} from '@reactflow/system';
+} from '@xyflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
 import InputNode from '$lib/components/nodes/InputNode.svelte';
@@ -20,7 +20,7 @@ import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
 import StepEdge from '$lib/components/edges/StepEdge.svelte';
 import type { ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted, Edge, Node } from '$lib/types';
-import { infiniteExtent } from '@reactflow/utils';
+import { infiniteExtent } from '@xyflow/system';
 
 export const initConnectionData = {
   connectionStartHandle: null,
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index 00dca1425..2a82300c6 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -6,7 +6,7 @@ import type {
   UpdateNodePositions,
   CoordinateExtent,
   UpdateConnection
-} from '@reactflow/system';
+} from '@xyflow/system';
 
 import type { initialStoreState } from './initial-store';
 import type { Node, Edge, NodeTypes, EdgeTypes, FitViewOptions } from '$lib/types';
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 411b5929e..64a2c3520 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -6,7 +6,7 @@ import type {
   DefaultEdgeOptionsBase,
   Position,
   SmoothStepPathOptions
-} from '@reactflow/system';
+} from '@xyflow/system';
 
 import type { Node } from '$lib/types';
 
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index c7a9bb92f..d73f4a4eb 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -5,7 +5,7 @@ import type {
   Position,
   XYPosition,
   ConnectingHandle
-} from '@reactflow/system';
+} from '@xyflow/system';
 
 import type { Node } from './nodes';
 
@@ -26,9 +26,9 @@ export type HandleComponentProps = {
   id?: string;
   class?: string;
   style?: string;
-  isConnectable?: boolean;,
-  isConnectableStart?: boolean;,
-  isConnectableEnd?: boolean;,
+  isConnectable?: boolean;
+  isConnectableStart?: boolean;
+  isConnectableEnd?: boolean;
 };
 
 export type FitViewOptions = FitViewOptionsBase<Node>;
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index 6c415b0cc..7daea232d 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 import type { SvelteComponentTyped } from 'svelte';
-import type { BaseNode, NodeProps } from '@reactflow/system';
+import type { BaseNode, NodeProps } from '@xyflow/system';
 
 // @todo: currently the helper function only like Node from '@reactflow/core'
 // we need a base node type or helpes that accept Node like types
diff --git a/packages/svelte/src/lib/utils/index.ts b/packages/svelte/src/lib/utils/index.ts
index 86c65af11..4f34ad24c 100644
--- a/packages/svelte/src/lib/utils/index.ts
+++ b/packages/svelte/src/lib/utils/index.ts
@@ -9,8 +9,8 @@ import {
   getConnectedEdgesBase,
   isNumeric,
   getNodePositionWithOrigin
-} from '@reactflow/utils';
-import { internalsSymbol, type XYZPosition } from '@reactflow/system';
+} from '@xyflow/system';
+import { internalsSymbol, type XYZPosition } from '@xyflow/system';
 import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, Node } from '$lib/types';
 
 export const isNode = isNodeBase<Node, Edge>;
diff --git a/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte b/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte
index 84cfccb90..1a7717439 100644
--- a/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte
+++ b/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Position } from '@reactflow/system';
+  import { Position } from '@xyflow/system';
   import { Handle } from '../../../lib/index';
 
   export let data: { color: string, onChange: () => void } = { color: '#111', onChange: () => {} };
diff --git a/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte b/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte
index e19a67a02..1a881428a 100644
--- a/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte
+++ b/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getBezierPath } from '@reactflow/edge-utils';
+  import { getBezierPath } from '@xyflow/system';
 
   import { BaseEdge, EdgeLabelRenderer, useSvelteFlow, type EdgeProps } from '../../../lib/index';
 
diff --git a/packages/svelte/src/routes/overview/CustomNode/Custom.svelte b/packages/svelte/src/routes/overview/CustomNode/Custom.svelte
index 29c0031ed..ed2ee324a 100644
--- a/packages/svelte/src/routes/overview/CustomNode/Custom.svelte
+++ b/packages/svelte/src/routes/overview/CustomNode/Custom.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Position } from '@reactflow/system';
+  import { Position } from '@xyflow/system';
   import { Handle } from '../../../lib/index';
 
   export let data: { label: string } = { label: 'Node' };
diff --git a/packages/svelte/src/routes/validation/+page.svelte b/packages/svelte/src/routes/validation/+page.svelte
index 83ffd3429..280ea7e26 100644
--- a/packages/svelte/src/routes/validation/+page.svelte
+++ b/packages/svelte/src/routes/validation/+page.svelte
@@ -8,7 +8,7 @@
     createEdges,
     type IsValidConnection
   } from '../../lib/index';
-  import { Position } from '@reactflow/system';
+  import { Position } from '@xyflow/system';
 
   const nodes = createNodes([
     { id: '0', type: 'default', position: { x: 0, y: 150 }, data: { label: 'only connectable with B' } },
diff --git a/packages/system/.eslintrc.js b/packages/system/.eslintrc.js
index 31cfbd113..4e7ac3548 100644
--- a/packages/system/.eslintrc.js
+++ b/packages/system/.eslintrc.js
@@ -1,4 +1,4 @@
 module.exports = {
   root: true,
-  extends: ['@reactflow/eslint-config'],
+  extends: ['@xyflow/eslint-config'],
 };
diff --git a/packages/system/README.md b/packages/system/README.md
index 81a9af59d..9189b1b69 100644
--- a/packages/system/README.md
+++ b/packages/system/README.md
@@ -1,10 +1,10 @@
-# @reactflow/system
+# @xyflow/system
 
 Types for React Flow.
 
 ## Installation 
 
 ```sh 
-npm install @reactflow/system
+npm install @xyflow/system
 ```
 
diff --git a/packages/system/package.json b/packages/system/package.json
index 849027aff..ab64f19f1 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,14 +1,15 @@
 {
-  "name": "@reactflow/system",
-  "version": "11.5.5",
-  "description": "Core system of React Flow.",
+  "name": "@xyflow/system",
+  "version": "0.0.1",
+  "description": "Core system of xyflow.",
   "keywords": [
     "node-based UI",
     "graph",
     "diagram",
     "workflow",
     "reactflow",
-    "svelteflow"
+    "svelteflow",
+    "xyflow"
   ],
   "files": [
     "dist"
@@ -17,9 +18,7 @@
   "main": "dist/umd/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
-  "sideEffects": [
-    "*.css"
-  ],
+  "sideEffects": false,
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -30,26 +29,34 @@
     "directory": "packages/system"
   },
   "scripts": {
-    "dev": "rollup --config node:@reactflow/rollup-config --watch",
-    "build": "rollup --config node:@reactflow/rollup-config --environment NODE_ENV:production",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
+    "dev": "concurrently \"rollup --config node:@xyflow/rollup-config --watch\"",
+    "build": "rollup --config node:@xyflow/rollup-config --environment NODE_ENV:production",
+    "lint": "eslint --ext .js,.ts src",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
     "@types/d3": "^7.4.0",
     "@types/d3-drag": "^3.0.1",
     "@types/d3-selection": "^3.0.3",
-    "@types/d3-zoom": "^3.0.1"
+    "@types/d3-zoom": "^3.0.1",
+    "d3-drag": "^3.0.0",
+    "d3-selection": "^3.0.0",
+    "d3-zoom": "^3.0.0"
   },
   "devDependencies": {
-    "@reactflow/eslint-config": "workspace:*",
-    "@reactflow/rollup-config": "workspace:*",
-    "@reactflow/tsconfig": "workspace:*",
     "@types/node": "^18.7.16",
+    "@xyflow/eslint-config": "workspace:*",
+    "@xyflow/rollup-config": "workspace:*",
+    "@xyflow/tsconfig": "workspace:*",
     "typescript": "^4.9.4"
   },
   "rollup": {
-    "globals": {},
-    "name": "ReactFlowSystem"
+    "globals": {
+      "d3-selection": "d3Selection",
+      "d3-zoom": "d3Zoom",
+      "d3-drag": "d3Drag"
+    },
+    "vanilla": true,
+    "name": "XYFlowSystem"
   }
 }
diff --git a/packages/system/src/constants.ts b/packages/system/src/constants.ts
index a3c9ee8d7..03e39737e 100644
--- a/packages/system/src/constants.ts
+++ b/packages/system/src/constants.ts
@@ -18,3 +18,5 @@ export const errorMessages = {
   error010: () => 'Handle: No node id found. Make sure to only use a Handle inside a custom Node.',
   error011: (edgeType: string) => `Edge type "${edgeType}" not found. Using fallback type "default".`,
 };
+
+export const internalsSymbol = Symbol.for('internals');
diff --git a/packages/system/src/index.ts b/packages/system/src/index.ts
index 7537a3630..2099ffb86 100644
--- a/packages/system/src/index.ts
+++ b/packages/system/src/index.ts
@@ -1,4 +1,6 @@
+export * from './constants';
 export * from './types';
-export { errorMessages } from './constants';
-
-export const internalsSymbol = Symbol.for('internals');
+export * from './utils';
+export * from './xydrag';
+export * from './xyhandle';
+export * from './xypanzoom';
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 5dc6d4fee..1a1ebb678 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { internalsSymbol } from '../';
+import { internalsSymbol } from '../constants';
 import type { XYPosition, Position, CoordinateExtent, HandleElement } from '.';
 
 // this is stuff that all nodes share independent of the framework
diff --git a/packages/system/src/types/panzoom.ts b/packages/system/src/types/panzoom.ts
index 77df4d76d..3280ef787 100644
--- a/packages/system/src/types/panzoom.ts
+++ b/packages/system/src/types/panzoom.ts
@@ -1,4 +1,5 @@
 import { ZoomTransform } from 'd3-zoom';
+
 import { CoordinateExtent, PanOnScrollMode, Transform, Viewport } from './';
 
 export type OnDraggingChange = (dragging: boolean) => void;
@@ -37,6 +38,7 @@ export type PanZoomUpdateOptions = {
   zoomOnScroll: boolean;
   zoomOnDoubleClick: boolean;
   zoomActivationKeyPressed: boolean;
+  lib: string;
 };
 
 export type PanZoomInstance = {
diff --git a/packages/edge-utils/src/bezier-edge.ts b/packages/system/src/utils/edges/bezier-edge.ts
similarity index 98%
rename from packages/edge-utils/src/bezier-edge.ts
rename to packages/system/src/utils/edges/bezier-edge.ts
index 50a1af089..810b07d7f 100644
--- a/packages/edge-utils/src/bezier-edge.ts
+++ b/packages/system/src/utils/edges/bezier-edge.ts
@@ -1,4 +1,4 @@
-import { Position } from '@reactflow/system';
+import { Position } from '../../types';
 
 export type GetBezierPathParams = {
   sourceX: number;
diff --git a/packages/edge-utils/src/general.ts b/packages/system/src/utils/edges/general.ts
similarity index 94%
rename from packages/edge-utils/src/general.ts
rename to packages/system/src/utils/edges/general.ts
index dd226c2bb..938992309 100644
--- a/packages/edge-utils/src/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -1,4 +1,4 @@
-import { HandleElement, MarkerType, Position, Rect, XYPosition } from '@reactflow/system';
+import { Position, type HandleElement, type MarkerType, type Rect, type XYPosition } from '../../types';
 
 // this is used for straight edges and simple smoothstep edges (LTR, RTL, BTT, TTB)
 export function getEdgeCenter({
diff --git a/packages/edge-utils/src/index.ts b/packages/system/src/utils/edges/index.ts
similarity index 100%
rename from packages/edge-utils/src/index.ts
rename to packages/system/src/utils/edges/index.ts
diff --git a/packages/edge-utils/src/smoothstep-edge.ts b/packages/system/src/utils/edges/smoothstep-edge.ts
similarity index 99%
rename from packages/edge-utils/src/smoothstep-edge.ts
rename to packages/system/src/utils/edges/smoothstep-edge.ts
index 84912f195..3b6730e7c 100644
--- a/packages/edge-utils/src/smoothstep-edge.ts
+++ b/packages/system/src/utils/edges/smoothstep-edge.ts
@@ -1,5 +1,5 @@
-import { Position, XYPosition } from '@reactflow/system';
 import { getEdgeCenter } from './general';
+import { Position, type XYPosition } from '../../types';
 
 export interface GetSmoothStepPathParams {
   sourceX: number;
diff --git a/packages/edge-utils/src/straight-edge.ts b/packages/system/src/utils/edges/straight-edge.ts
similarity index 100%
rename from packages/edge-utils/src/straight-edge.ts
rename to packages/system/src/utils/edges/straight-edge.ts
diff --git a/packages/utils/src/graph.ts b/packages/system/src/utils/graph.ts
similarity index 99%
rename from packages/utils/src/graph.ts
rename to packages/system/src/utils/graph.ts
index 5d279bdc2..db0445ce4 100644
--- a/packages/utils/src/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -10,7 +10,6 @@ import {
   rectToBox,
 } from './utils';
 import {
-  errorMessages,
   type Connection,
   type Transform,
   type XYPosition,
@@ -24,7 +23,8 @@ import {
   NodeDragItem,
   CoordinateExtent,
   OnError,
-} from '@reactflow/system';
+} from '../types';
+import { errorMessages } from '../constants';
 
 export const isEdgeBase = <NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>(
   element: NodeType | Connection | EdgeType
diff --git a/packages/system/src/utils/index.ts b/packages/system/src/utils/index.ts
new file mode 100644
index 000000000..3a67b3415
--- /dev/null
+++ b/packages/system/src/utils/index.ts
@@ -0,0 +1,4 @@
+export * from './graph';
+export * from './utils';
+export * from './marker';
+export * from './edges';
diff --git a/packages/utils/src/marker.ts b/packages/system/src/utils/marker.ts
similarity index 97%
rename from packages/utils/src/marker.ts
rename to packages/system/src/utils/marker.ts
index cc13bf48f..2239ed731 100644
--- a/packages/utils/src/marker.ts
+++ b/packages/system/src/utils/marker.ts
@@ -1,4 +1,4 @@
-import type { BaseEdge, EdgeMarker, EdgeMarkerType, MarkerProps } from '@reactflow/system';
+import type { BaseEdge, EdgeMarker, EdgeMarkerType, MarkerProps } from '../types';
 
 export function getMarkerId(marker: EdgeMarkerType | undefined, id?: string | null): string {
   if (!marker) {
diff --git a/packages/utils/src/utils.ts b/packages/system/src/utils/utils.ts
similarity index 99%
rename from packages/utils/src/utils.ts
rename to packages/system/src/utils/utils.ts
index 47f568ed1..f02f95aac 100644
--- a/packages/utils/src/utils.ts
+++ b/packages/system/src/utils/utils.ts
@@ -9,7 +9,7 @@ import type {
   NodeOrigin,
   HandleElement,
   Position,
-} from '@reactflow/system';
+} from '../types';
 import { getConnectedEdgesBase } from './graph';
 
 export const getDimensions = (node: HTMLDivElement): Dimensions => ({
diff --git a/packages/utils/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
similarity index 99%
rename from packages/utils/src/xydrag/XYDrag.ts
rename to packages/system/src/xydrag/XYDrag.ts
index 3a4bccb0e..a3caded0b 100644
--- a/packages/utils/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -1,5 +1,8 @@
 import { drag } from 'd3-drag';
 import { select } from 'd3-selection';
+
+import { calcAutoPan, getEventPosition, getPointerPosition, calcNextPosition } from '../utils';
+import { getDragItems, getEventHandlerParams, hasSelector, wrapSelectionDragFunc } from './utils';
 import type {
   BaseNode,
   NodeDragItem,
@@ -15,10 +18,7 @@ import type {
   OnNodeDrag,
   OnSelectionDrag,
   UpdateNodePositions,
-} from '@reactflow/system';
-
-import { calcAutoPan, getEventPosition, getPointerPosition, calcNextPosition } from '../';
-import { getDragItems, getEventHandlerParams, hasSelector, wrapSelectionDragFunc } from './utils';
+} from '../types';
 
 export type OnDrag = (event: MouseEvent, dragItems: NodeDragItem[], node: BaseNode, nodes: BaseNode[]) => void;
 
diff --git a/packages/utils/src/xydrag/index.ts b/packages/system/src/xydrag/index.ts
similarity index 100%
rename from packages/utils/src/xydrag/index.ts
rename to packages/system/src/xydrag/index.ts
diff --git a/packages/utils/src/xydrag/utils.ts b/packages/system/src/xydrag/utils.ts
similarity index 96%
rename from packages/utils/src/xydrag/utils.ts
rename to packages/system/src/xydrag/utils.ts
index e1be15d7b..273d46b84 100644
--- a/packages/utils/src/xydrag/utils.ts
+++ b/packages/system/src/xydrag/utils.ts
@@ -1,4 +1,4 @@
-import { type NodeDragItem, type XYPosition, BaseNode } from '@reactflow/system';
+import { type NodeDragItem, type XYPosition, BaseNode } from '../types';
 
 export function wrapSelectionDragFunc(selectionFunc?: (event: MouseEvent, nodes: BaseNode[]) => void) {
   return (event: MouseEvent, _: BaseNode, nodes: BaseNode[]) => selectionFunc?.(event, nodes);
diff --git a/packages/utils/src/xyhandle/index.ts b/packages/system/src/xyhandle/index.ts
similarity index 94%
rename from packages/utils/src/xyhandle/index.ts
rename to packages/system/src/xyhandle/index.ts
index f5360180b..f459f3f01 100644
--- a/packages/utils/src/xyhandle/index.ts
+++ b/packages/system/src/xyhandle/index.ts
@@ -1,19 +1,19 @@
-import { getHostForElement, calcAutoPan, getEventPosition, pointToRendererPoint, rendererPointToPoint } from '..';
+import { pointToRendererPoint, rendererPointToPoint, getHostForElement, calcAutoPan, getEventPosition } from '../utils';
 import {
-  OnConnect,
-  OnConnectStart,
-  HandleType,
-  Connection,
   ConnectionMode,
-  PanBy,
-  BaseNode,
-  Transform,
-  ConnectingHandle,
-  OnConnectEnd,
-  UpdateConnection,
-  IsValidConnection,
-  ConnectionHandle,
-} from '@reactflow/system';
+  type OnConnect,
+  type OnConnectStart,
+  type HandleType,
+  type Connection,
+  type PanBy,
+  type BaseNode,
+  type Transform,
+  type ConnectingHandle,
+  type OnConnectEnd,
+  type UpdateConnection,
+  type IsValidConnection,
+  type ConnectionHandle,
+} from '../types';
 
 import { getClosestHandle, getConnectionStatus, getHandleLookup, getHandleType, resetRecentHandle } from './utils';
 
@@ -26,7 +26,6 @@ export type OnPointerDownParams = {
   nodeId: string;
   isTarget: boolean;
   nodes: BaseNode[];
-  transform: Transform;
   lib: string;
   edgeUpdaterType?: HandleType;
   updateConnection: UpdateConnection;
@@ -37,6 +36,7 @@ export type OnPointerDownParams = {
   onConnectEnd?: OnConnectEnd;
   isValidConnection?: IsValidConnection;
   onEdgeUpdateEnd?: (evt: MouseEvent | TouchEvent) => void;
+  getTransform: () => Transform;
 };
 
 export type IsValidParams = {
@@ -77,7 +77,6 @@ function onPointerDown(
     isTarget,
     domNode,
     nodes,
-    transform,
     lib,
     autoPanOnConnect,
     panBy,
@@ -88,6 +87,7 @@ function onPointerDown(
     isValidConnection = alwaysValid,
     onEdgeUpdateEnd,
     updateConnection,
+    getTransform,
   }: OnPointerDownParams
 ) {
   // when react-flow is used inside a shadow root we can't use document
@@ -144,6 +144,7 @@ function onPointerDown(
   onConnectStart?.(event, { nodeId, handleId, handleType });
 
   function onPointerMove(event: MouseEvent | TouchEvent) {
+    const transform = getTransform();
     connectionPosition = getEventPosition(event, containerBounds);
     closestHandle = getClosestHandle(
       pointToRendererPoint(connectionPosition, transform, false, [1, 1]),
diff --git a/packages/utils/src/xyhandle/utils.ts b/packages/system/src/xyhandle/utils.ts
similarity index 98%
rename from packages/utils/src/xyhandle/utils.ts
rename to packages/system/src/xyhandle/utils.ts
index 3677c626b..28f601ad3 100644
--- a/packages/utils/src/xyhandle/utils.ts
+++ b/packages/system/src/xyhandle/utils.ts
@@ -1,12 +1,12 @@
 import {
-  internalsSymbol,
   ConnectionStatus,
   type HandleType,
   type NodeHandleBounds,
   type XYPosition,
   type BaseNode,
   type ConnectionHandle,
-} from '@reactflow/system';
+} from '../types';
+import { internalsSymbol } from '../constants';
 
 // this functions collects all handles and adds an absolute position
 // so that we can later find the closest handle to the mouse position
diff --git a/packages/utils/src/xypanzoom/XYPanZoom.ts b/packages/system/src/xypanzoom/XYPanZoom.ts
similarity index 99%
rename from packages/utils/src/xypanzoom/XYPanZoom.ts
rename to packages/system/src/xypanzoom/XYPanZoom.ts
index 73e01ae41..a5b28c66a 100644
--- a/packages/utils/src/xypanzoom/XYPanZoom.ts
+++ b/packages/system/src/xypanzoom/XYPanZoom.ts
@@ -1,5 +1,6 @@
 import { type ZoomTransform, zoom, zoomTransform } from 'd3-zoom';
 import { select } from 'd3-selection';
+
 import {
   type CoordinateExtent,
   type Viewport,
@@ -7,8 +8,7 @@ import {
   PanZoomUpdateOptions,
   PanZoomParams,
   PanZoomInstance,
-} from '@reactflow/system';
-
+} from '../types';
 import { clamp } from '../utils';
 import { getD3Transition, viewportToTransform } from './utils';
 import {
@@ -87,6 +87,7 @@ export function XYPanZoom({
     zoomOnScroll,
     zoomOnDoubleClick,
     zoomActivationKeyPressed,
+    lib,
   }: PanZoomUpdateOptions) {
     if (userSelectionActive && !zoomPanValues.isZoomingOrPanning) {
       destroy();
@@ -152,6 +153,7 @@ export function XYPanZoom({
       userSelectionActive,
       noPanClassName,
       noWheelClassName,
+      lib,
     });
     d3ZoomInstance.filter(filter);
   }
diff --git a/packages/utils/src/xypanzoom/eventhandler.ts b/packages/system/src/xypanzoom/eventhandler.ts
similarity index 96%
rename from packages/utils/src/xypanzoom/eventhandler.ts
rename to packages/system/src/xypanzoom/eventhandler.ts
index 972526cce..1b38bfa23 100644
--- a/packages/utils/src/xypanzoom/eventhandler.ts
+++ b/packages/system/src/xypanzoom/eventhandler.ts
@@ -1,16 +1,16 @@
 import type { D3ZoomEvent } from 'd3-zoom';
 import { pointer } from 'd3-selection';
+
 import {
   PanOnScrollMode,
-  D3SelectionInstance,
-  D3ZoomHandler,
-  D3ZoomInstance,
-  OnPanZoom,
-  Viewport,
-  OnDraggingChange,
-  OnTransformChange,
-} from '@reactflow/system';
-
+  type D3SelectionInstance,
+  type D3ZoomHandler,
+  type D3ZoomInstance,
+  type OnPanZoom,
+  type Viewport,
+  type OnDraggingChange,
+  type OnTransformChange,
+} from '../types';
 import { isRightClickPan, isWrappedWithClass, transformToViewport, viewChanged } from './utils';
 
 export type ZoomPanValues = {
diff --git a/packages/utils/src/xypanzoom/filter.ts b/packages/system/src/xypanzoom/filter.ts
similarity index 95%
rename from packages/utils/src/xypanzoom/filter.ts
rename to packages/system/src/xypanzoom/filter.ts
index e4ed190a8..3404ca67d 100644
--- a/packages/utils/src/xypanzoom/filter.ts
+++ b/packages/system/src/xypanzoom/filter.ts
@@ -10,6 +10,7 @@ export type FilterParams = {
   userSelectionActive: boolean;
   noWheelClassName: string;
   noPanClassName: string;
+  lib: string;
 };
 
 export function createFilter({
@@ -22,6 +23,7 @@ export function createFilter({
   userSelectionActive,
   noWheelClassName,
   noPanClassName,
+  lib,
 }: FilterParams) {
   return (event: any): boolean => {
     const zoomScroll = zoomActivationKeyPressed || zoomOnScroll;
@@ -30,7 +32,7 @@ export function createFilter({
     if (
       event.button === 1 &&
       event.type === 'mousedown' &&
-      (isWrappedWithClass(event, 'react-flow__node') || isWrappedWithClass(event, 'react-flow__edge'))
+      (isWrappedWithClass(event, `${lib}-flow__node`) || isWrappedWithClass(event, `${lib}-flow__edge`))
     ) {
       return true;
     }
diff --git a/packages/utils/src/xypanzoom/index.ts b/packages/system/src/xypanzoom/index.ts
similarity index 100%
rename from packages/utils/src/xypanzoom/index.ts
rename to packages/system/src/xypanzoom/index.ts
diff --git a/packages/utils/src/xypanzoom/utils.ts b/packages/system/src/xypanzoom/utils.ts
similarity index 92%
rename from packages/utils/src/xypanzoom/utils.ts
rename to packages/system/src/xypanzoom/utils.ts
index b5f6e1a9a..bbd7d070a 100644
--- a/packages/utils/src/xypanzoom/utils.ts
+++ b/packages/system/src/xypanzoom/utils.ts
@@ -1,6 +1,7 @@
-import { type D3SelectionInstance, type Viewport } from '@reactflow/system';
 import { type ZoomTransform, zoomIdentity } from 'd3-zoom';
 
+import { type D3SelectionInstance, type Viewport } from '../types';
+
 export const viewChanged = (prevViewport: Viewport, eventViewport: any): boolean =>
   prevViewport.x !== eventViewport.x || prevViewport.y !== eventViewport.y || prevViewport.zoom !== eventViewport.k;
 
diff --git a/packages/system/tsconfig.json b/packages/system/tsconfig.json
index 366694d4e..9c75e9461 100644
--- a/packages/system/tsconfig.json
+++ b/packages/system/tsconfig.json
@@ -1,6 +1,6 @@
 {
-  "extends": "@reactflow/tsconfig/react.json",
-  "display": "@reactflow/system",
+  "extends": "@xyflow/tsconfig/react.json",
+  "display": "@xyflow/system",
   "include": ["**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules", "dist"]
 }
diff --git a/packages/utils/.eslintrc.js b/packages/utils/.eslintrc.js
deleted file mode 100644
index 31cfbd113..000000000
--- a/packages/utils/.eslintrc.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['@reactflow/eslint-config'],
-};
diff --git a/packages/utils/README.md b/packages/utils/README.md
deleted file mode 100644
index ba9e8bdab..000000000
--- a/packages/utils/README.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# @reactflow/utils
-
-Util functions of React Flow.
-
-## Installation 
-
-```sh 
-npm install @reactflow/utils
-```
-
diff --git a/packages/utils/package.json b/packages/utils/package.json
deleted file mode 100644
index 93c703280..000000000
--- a/packages/utils/package.json
+++ /dev/null
@@ -1,59 +0,0 @@
-{
-  "name": "@reactflow/utils",
-  "version": "11.5.5",
-  "description": "Core utils of React Flow.",
-  "keywords": [
-    "node-based UI",
-    "graph",
-    "diagram",
-    "workflow",
-    "reactflow",
-    "svelteflow"
-  ],
-  "files": [
-    "dist"
-  ],
-  "source": "src/index.ts",
-  "main": "dist/umd/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/esm/index.d.ts",
-  "sideEffects": [
-    "*.css"
-  ],
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/wbkd/react-flow.git",
-    "directory": "packages/utils"
-  },
-  "scripts": {
-    "dev": "rollup --config node:@reactflow/rollup-config --watch",
-    "build": "rollup --config node:@reactflow/rollup-config --environment NODE_ENV:production",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
-    "typecheck": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@reactflow/system": "workspace:*",
-    "@types/d3": "^7.4.0",
-    "@types/d3-drag": "^3.0.1",
-    "@types/d3-selection": "^3.0.3",
-    "@types/d3-zoom": "^3.0.1",
-    "d3-drag": "^3.0.0",
-    "d3-selection": "^3.0.0",
-    "d3-zoom": "^3.0.0"
-  },
-  "devDependencies": {
-    "@reactflow/eslint-config": "workspace:*",
-    "@reactflow/rollup-config": "workspace:*",
-    "@reactflow/tsconfig": "workspace:*",
-    "@types/node": "^18.7.16",
-    "typescript": "^4.9.4"
-  },
-  "rollup": {
-    "globals": {},
-    "name": "ReactFlowUtils"
-  }
-}
diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
deleted file mode 100644
index 813e54d88..000000000
--- a/packages/utils/src/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export * from './graph';
-export * from './utils';
-export * from './marker';
-export * from './xyhandle';
-export * from './xypanzoom';
-export * from './xydrag';
diff --git a/packages/utils/tsconfig.json b/packages/utils/tsconfig.json
deleted file mode 100644
index b61349bb5..000000000
--- a/packages/utils/tsconfig.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "extends": "@reactflow/tsconfig/react.json",
-  "display": "@reactflow/utils",
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules", "dist"]
-}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index dd7531eb6..d814f2771 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -30,15 +30,15 @@ importers:
     devDependencies:
       '@changesets/changelog-github': registry.npmjs.org/@changesets/changelog-github/0.4.8
       '@changesets/cli': registry.npmjs.org/@changesets/cli/2.26.1
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.8_rq7lqmsq2hhtq366qgvop5zziy
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.8_5ujgynla27k2qkzlnkldjwsutm
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.8_loqfnwogukjtmydbmg57mzzpb4
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.8_kigkzfftsmftz3xok324pyvzui
       autoprefixer: registry.npmjs.org/autoprefixer/10.4.14_postcss@8.4.24
       concurrently: registry.npmjs.org/concurrently/7.6.0
       cypress: registry.npmjs.org/cypress/10.11.0
-      eslint: registry.npmjs.org/eslint/8.41.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.41.0
-      eslint-plugin-prettier: registry.npmjs.org/eslint-plugin-prettier/4.2.1_xcqkel4mpum3npntysob2xmn54
-      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.41.0
+      eslint: registry.npmjs.org/eslint/8.42.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0
+      eslint-plugin-prettier: registry.npmjs.org/eslint-plugin-prettier/4.2.1_vnriwwub2rhvoyn4ckagrc4lpi
+      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.42.0
       postcss: registry.npmjs.org/postcss/8.4.24
       postcss-cli: registry.npmjs.org/postcss-cli/10.1.0_postcss@8.4.24
       postcss-combine-duplicated-selectors: registry.npmjs.org/postcss-combine-duplicated-selectors/10.0.3_postcss@8.4.24
@@ -48,18 +48,20 @@ importers:
       react: registry.npmjs.org/react/18.2.0
       react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
       rimraf: registry.npmjs.org/rimraf/3.0.2
-      rollup: registry.npmjs.org/rollup/3.23.0
-      turbo: registry.npmjs.org/turbo/1.10.0
+      rollup: registry.npmjs.org/rollup/3.23.1
+      turbo: registry.npmjs.org/turbo/1.10.1
       typescript: registry.npmjs.org/typescript/4.9.5
 
   examples/vite-app:
     specifiers:
       '@cypress/skip-test': ^2.6.1
-      '@reactflow/node-resizer': workspace:*
       '@types/dagre': ^0.7.48
       '@types/react': ^18.0.17
       '@types/react-dom': ^18.0.6
       '@vitejs/plugin-react': 4.0.0
+      '@vitejs/plugin-react-swc': ^3.3.2
+      '@xyflow/react': workspace:*
+      '@xyflow/test': workspace:^0.0.1
       classcat: ^5.0.3
       cypress: ^10.6.0
       cypress-real-events: ^1.7.1
@@ -68,89 +70,35 @@ importers:
       react: ^18.2.0
       react-dom: ^18.2.0
       react-router-dom: ^6.3.0
-      reactflow: workspace:*
       start-server-and-test: ^1.14.0
       typescript: ^4.9.4
       vite: 4.3.9
       zustand: ^4.3.1
     dependencies:
-      '@reactflow/node-resizer': link:../../packages/node-resizer
+      '@xyflow/react': link:../../packages/react
+      '@xyflow/test': link:../../packages/test
       classcat: registry.npmjs.org/classcat/5.0.4
       dagre: registry.npmjs.org/dagre/0.8.5
       localforage: registry.npmjs.org/localforage/1.10.0
       react: registry.npmjs.org/react/18.2.0
       react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
       react-router-dom: registry.npmjs.org/react-router-dom/6.11.2_biqbaboplfbrettd7655fr4n2y
-      reactflow: link:../../packages/reactflow
       zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
     devDependencies:
       '@cypress/skip-test': registry.npmjs.org/@cypress/skip-test/2.6.1
       '@types/dagre': registry.npmjs.org/@types/dagre/0.7.48
-      '@types/react': registry.npmjs.org/@types/react/18.2.7
+      '@types/react': registry.npmjs.org/@types/react/18.2.8
       '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.4
       '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react/4.0.0_vite@4.3.9
+      '@vitejs/plugin-react-swc': registry.npmjs.org/@vitejs/plugin-react-swc/3.3.2_vite@4.3.9
       cypress: registry.npmjs.org/cypress/10.11.0
       cypress-real-events: registry.npmjs.org/cypress-real-events/1.8.1_cypress@10.11.0
       start-server-and-test: registry.npmjs.org/start-server-and-test/1.15.4
       typescript: registry.npmjs.org/typescript/4.9.5
       vite: registry.npmjs.org/vite/4.3.9
 
-  packages/background:
+  packages/react:
     specifiers:
-      '@reactflow/core': workspace:*
-      '@reactflow/eslint-config': workspace:*
-      '@reactflow/rollup-config': workspace:*
-      '@reactflow/tsconfig': workspace:*
-      '@types/node': ^18.7.16
-      '@types/react': '>=17'
-      classcat: ^5.0.3
-      react: ^18.2.0
-      typescript: ^4.9.4
-      zustand: ^4.3.1
-    dependencies:
-      '@reactflow/core': link:../core
-      classcat: registry.npmjs.org/classcat/5.0.4
-      zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
-    devDependencies:
-      '@reactflow/eslint-config': link:../../tooling/eslint-config
-      '@reactflow/rollup-config': link:../../tooling/rollup-config
-      '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.16.16
-      '@types/react': registry.npmjs.org/@types/react/18.2.7
-      react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.5
-
-  packages/controls:
-    specifiers:
-      '@reactflow/core': workspace:*
-      '@reactflow/eslint-config': workspace:*
-      '@reactflow/rollup-config': workspace:*
-      '@reactflow/tsconfig': workspace:*
-      '@types/node': ^18.7.16
-      '@types/react': '>=17'
-      classcat: ^5.0.3
-      typescript: ^4.9.4
-      zustand: ^4.3.1
-    dependencies:
-      '@reactflow/core': link:../core
-      classcat: registry.npmjs.org/classcat/5.0.4
-      zustand: registry.npmjs.org/zustand/4.3.8
-    devDependencies:
-      '@reactflow/eslint-config': link:../../tooling/eslint-config
-      '@reactflow/rollup-config': link:../../tooling/rollup-config
-      '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.16.16
-      '@types/react': registry.npmjs.org/@types/react/18.2.7
-      typescript: registry.npmjs.org/typescript/4.9.5
-
-  packages/core:
-    specifiers:
-      '@reactflow/edge-utils': workspace:*
-      '@reactflow/eslint-config': workspace:*
-      '@reactflow/rollup-config': workspace:*
-      '@reactflow/system': workspace:*
-      '@reactflow/tsconfig': workspace:*
-      '@reactflow/utils': workspace:*
       '@types/d3': ^7.4.0
       '@types/d3-drag': ^3.0.1
       '@types/d3-selection': ^3.0.3
@@ -158,6 +106,10 @@ importers:
       '@types/node': ^18.7.16
       '@types/react': '>=17'
       '@types/react-dom': '>=17'
+      '@xyflow/eslint-config': workspace:*
+      '@xyflow/rollup-config': workspace:*
+      '@xyflow/system': workspace:*
+      '@xyflow/tsconfig': workspace:*
       classcat: ^5.0.3
       d3-drag: ^3.0.0
       d3-selection: ^3.0.0
@@ -166,184 +118,28 @@ importers:
       typescript: ^4.9.4
       zustand: ^4.3.3
     dependencies:
-      '@reactflow/edge-utils': link:../edge-utils
-      '@reactflow/system': link:../system
-      '@reactflow/utils': link:../utils
       '@types/d3': registry.npmjs.org/@types/d3/7.4.0
       '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
       '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
       '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
+      '@xyflow/system': link:../system
       classcat: registry.npmjs.org/classcat/5.0.4
       d3-drag: registry.npmjs.org/d3-drag/3.0.0
       d3-selection: registry.npmjs.org/d3-selection/3.0.0
       d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
       zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
     devDependencies:
-      '@reactflow/eslint-config': link:../../tooling/eslint-config
-      '@reactflow/rollup-config': link:../../tooling/rollup-config
-      '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.16.16
-      '@types/react': registry.npmjs.org/@types/react/18.2.7
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.4
-      react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.5
-
-  packages/edge-utils:
-    specifiers:
-      '@reactflow/eslint-config': workspace:*
-      '@reactflow/rollup-config': workspace:*
-      '@reactflow/system': workspace:*
-      '@reactflow/tsconfig': workspace:*
-      '@types/node': ^18.7.16
-      '@types/react': '>=17'
-      '@types/react-dom': '>=17'
-      react: ^18.2.0
-      typescript: ^4.9.4
-    dependencies:
-      '@reactflow/system': link:../system
-    devDependencies:
-      '@reactflow/eslint-config': link:../../tooling/eslint-config
-      '@reactflow/rollup-config': link:../../tooling/rollup-config
-      '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.16.16
-      '@types/react': registry.npmjs.org/@types/react/18.2.7
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.4
-      react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.5
-
-  packages/minimap:
-    specifiers:
-      '@reactflow/core': workspace:*
-      '@reactflow/eslint-config': workspace:*
-      '@reactflow/rollup-config': workspace:*
-      '@reactflow/tsconfig': workspace:*
-      '@types/d3-selection': ^3.0.3
-      '@types/d3-zoom': ^3.0.1
-      '@types/node': ^18.7.16
-      '@types/react': '>=17'
-      classcat: ^5.0.3
-      d3-selection: ^3.0.0
-      d3-zoom: ^3.0.0
-      react: ^18.2.0
-      typescript: ^4.9.4
-      zustand: ^4.3.1
-    dependencies:
-      '@reactflow/core': link:../core
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
-      classcat: registry.npmjs.org/classcat/5.0.4
-      d3-selection: registry.npmjs.org/d3-selection/3.0.0
-      d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
-      zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
-    devDependencies:
-      '@reactflow/eslint-config': link:../../tooling/eslint-config
-      '@reactflow/rollup-config': link:../../tooling/rollup-config
-      '@reactflow/tsconfig': link:../../tooling/tsconfig
       '@types/node': registry.npmjs.org/@types/node/18.16.16
-      '@types/react': registry.npmjs.org/@types/react/18.2.7
-      react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.5
-
-  packages/node-resizer:
-    specifiers:
-      '@reactflow/core': workspace:^11.6.0
-      '@reactflow/eslint-config': workspace:*
-      '@reactflow/rollup-config': workspace:*
-      '@reactflow/tsconfig': workspace:*
-      '@reactflow/utils': workspace:*
-      '@types/d3-drag': ^3.0.1
-      '@types/d3-selection': ^3.0.3
-      '@types/node': ^18.7.16
-      '@types/react': '>=17'
-      '@types/react-dom': '>=17'
-      classcat: ^5.0.4
-      d3-drag: ^3.0.0
-      d3-selection: ^3.0.0
-      react: ^18.2.0
-      typescript: ^4.9.4
-      zustand: ^4.3.1
-    dependencies:
-      '@reactflow/core': link:../core
-      '@reactflow/utils': link:../utils
-      classcat: registry.npmjs.org/classcat/5.0.4
-      d3-drag: registry.npmjs.org/d3-drag/3.0.0
-      d3-selection: registry.npmjs.org/d3-selection/3.0.0
-      zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
-    devDependencies:
-      '@reactflow/eslint-config': link:../../tooling/eslint-config
-      '@reactflow/rollup-config': link:../../tooling/rollup-config
-      '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
-      '@types/node': registry.npmjs.org/@types/node/18.16.16
-      '@types/react': registry.npmjs.org/@types/react/18.2.7
+      '@types/react': registry.npmjs.org/@types/react/18.2.8
       '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.4
-      react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.5
-
-  packages/node-toolbar:
-    specifiers:
-      '@reactflow/core': workspace:*
-      '@reactflow/eslint-config': workspace:*
-      '@reactflow/rollup-config': workspace:*
-      '@reactflow/tsconfig': workspace:*
-      '@types/node': ^18.7.16
-      '@types/react': '>=17'
-      '@types/react-dom': '>=17'
-      classcat: ^5.0.3
-      react: ^18.2.0
-      typescript: ^4.9.4
-      zustand: ^4.3.1
-    dependencies:
-      '@reactflow/core': link:../core
-      classcat: registry.npmjs.org/classcat/5.0.4
-      zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
-    devDependencies:
-      '@reactflow/eslint-config': link:../../tooling/eslint-config
-      '@reactflow/rollup-config': link:../../tooling/rollup-config
-      '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.16.16
-      '@types/react': registry.npmjs.org/@types/react/18.2.7
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.4
-      react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.5
-
-  packages/reactflow:
-    specifiers:
-      '@reactflow/background': workspace:*
-      '@reactflow/controls': workspace:*
-      '@reactflow/core': workspace:*
-      '@reactflow/eslint-config': workspace:*
-      '@reactflow/minimap': workspace:*
-      '@reactflow/node-resizer': workspace:*
-      '@reactflow/node-toolbar': workspace:*
-      '@reactflow/rollup-config': workspace:*
-      '@reactflow/tsconfig': workspace:*
-      '@types/node': ^18.7.16
-      '@types/react': '>=17'
-      react: ^18.2.0
-      typescript: ^4.9.4
-    dependencies:
-      '@reactflow/background': link:../background
-      '@reactflow/controls': link:../controls
-      '@reactflow/core': link:../core
-      '@reactflow/minimap': link:../minimap
-      '@reactflow/node-resizer': link:../node-resizer
-      '@reactflow/node-toolbar': link:../node-toolbar
-    devDependencies:
-      '@reactflow/eslint-config': link:../../tooling/eslint-config
-      '@reactflow/rollup-config': link:../../tooling/rollup-config
-      '@reactflow/tsconfig': link:../../tooling/tsconfig
-      '@types/node': registry.npmjs.org/@types/node/18.16.16
-      '@types/react': registry.npmjs.org/@types/react/18.2.7
+      '@xyflow/eslint-config': link:../../tooling/eslint-config
+      '@xyflow/rollup-config': link:../../tooling/rollup-config
+      '@xyflow/tsconfig': link:../../tooling/tsconfig
       react: registry.npmjs.org/react/18.2.0
       typescript: registry.npmjs.org/typescript/4.9.5
 
   packages/svelte:
     specifiers:
-      '@reactflow/edge-utils': workspace:*
-      '@reactflow/system': workspace:*
-      '@reactflow/utils': workspace:*
       '@svelte-put/shortcut': ^2.0.0
       '@sveltejs/adapter-auto': ^2.0.0
       '@sveltejs/kit': ^1.11.0
@@ -353,6 +149,7 @@ importers:
       '@types/d3-zoom': ^3.0.1
       '@typescript-eslint/eslint-plugin': ^5.45.0
       '@typescript-eslint/parser': ^5.45.0
+      '@xyflow/system': workspace:*
       classcat: ^5.0.4
       d3-drag: ^3.0.0
       d3-selection: ^3.0.0
@@ -370,13 +167,11 @@ importers:
       typescript: ^4.9.3
       vite: ^4.1.4
     dependencies:
-      '@reactflow/edge-utils': link:../edge-utils
-      '@reactflow/system': link:../system
-      '@reactflow/utils': link:../utils
       '@svelte-put/shortcut': registry.npmjs.org/@svelte-put/shortcut/2.0.0
       '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
       '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
       '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
+      '@xyflow/system': link:../system
       classcat: registry.npmjs.org/classcat/5.0.4
       d3-drag: registry.npmjs.org/d3-drag/3.0.0
       d3-selection: registry.npmjs.org/d3-selection/3.0.0
@@ -384,62 +179,66 @@ importers:
       react: registry.npmjs.org/react/18.2.0
       react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
     devDependencies:
-      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.0
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.0_svelte@3.59.1+vite@4.3.9
+      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.1
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.1_svelte@3.59.1+vite@4.3.9
       '@sveltejs/package': registry.npmjs.org/@sveltejs/package/2.0.2_cnumnonbjyr4j6qimrlvyofpny
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.8_rq7lqmsq2hhtq366qgvop5zziy
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.8_5ujgynla27k2qkzlnkldjwsutm
-      eslint: registry.npmjs.org/eslint/8.41.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.41.0
-      eslint-plugin-svelte3: registry.npmjs.org/eslint-plugin-svelte3/4.0.0_2rgspgo736k3nkqykgvv2sinmy
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.8_loqfnwogukjtmydbmg57mzzpb4
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.8_kigkzfftsmftz3xok324pyvzui
+      eslint: registry.npmjs.org/eslint/8.42.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0
+      eslint-plugin-svelte3: registry.npmjs.org/eslint-plugin-svelte3/4.0.0_3vji2slnup2yzxo42w6sbds3sy
       prettier: registry.npmjs.org/prettier/2.8.8
       prettier-plugin-svelte: registry.npmjs.org/prettier-plugin-svelte/2.10.1_blbg2s7pis747igzn3ilcyh5ou
       svelte: registry.npmjs.org/svelte/3.59.1
       svelte-check: registry.npmjs.org/svelte-check/3.4.3_svelte@3.59.1
-      tslib: registry.npmjs.org/tslib/2.5.2
+      tslib: registry.npmjs.org/tslib/2.5.3
       typescript: registry.npmjs.org/typescript/4.9.5
       vite: registry.npmjs.org/vite/4.3.9
 
   packages/system:
     specifiers:
-      '@reactflow/eslint-config': workspace:*
-      '@reactflow/rollup-config': workspace:*
-      '@reactflow/tsconfig': workspace:*
       '@types/d3': ^7.4.0
       '@types/d3-drag': ^3.0.1
       '@types/d3-selection': ^3.0.3
       '@types/d3-zoom': ^3.0.1
       '@types/node': ^18.7.16
+      '@xyflow/eslint-config': workspace:*
+      '@xyflow/rollup-config': workspace:*
+      '@xyflow/tsconfig': workspace:*
+      d3-drag: ^3.0.0
+      d3-selection: ^3.0.0
+      d3-zoom: ^3.0.0
       typescript: ^4.9.4
     dependencies:
       '@types/d3': registry.npmjs.org/@types/d3/7.4.0
       '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
       '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
       '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
+      d3-drag: registry.npmjs.org/d3-drag/3.0.0
+      d3-selection: registry.npmjs.org/d3-selection/3.0.0
+      d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
     devDependencies:
-      '@reactflow/eslint-config': link:../../tooling/eslint-config
-      '@reactflow/rollup-config': link:../../tooling/rollup-config
-      '@reactflow/tsconfig': link:../../tooling/tsconfig
       '@types/node': registry.npmjs.org/@types/node/18.16.16
+      '@xyflow/eslint-config': link:../../tooling/eslint-config
+      '@xyflow/rollup-config': link:../../tooling/rollup-config
+      '@xyflow/tsconfig': link:../../tooling/tsconfig
       typescript: registry.npmjs.org/typescript/4.9.5
 
-  packages/utils:
+  packages/test:
     specifiers:
-      '@reactflow/eslint-config': workspace:*
-      '@reactflow/rollup-config': workspace:*
-      '@reactflow/system': workspace:*
-      '@reactflow/tsconfig': workspace:*
       '@types/d3': ^7.4.0
       '@types/d3-drag': ^3.0.1
       '@types/d3-selection': ^3.0.3
       '@types/d3-zoom': ^3.0.1
       '@types/node': ^18.7.16
+      '@xyflow/eslint-config': workspace:*
+      '@xyflow/rollup-config': workspace:*
+      '@xyflow/tsconfig': workspace:*
       d3-drag: ^3.0.0
       d3-selection: ^3.0.0
       d3-zoom: ^3.0.0
       typescript: ^4.9.4
     dependencies:
-      '@reactflow/system': link:../system
       '@types/d3': registry.npmjs.org/@types/d3/7.4.0
       '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
       '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
@@ -448,10 +247,10 @@ importers:
       d3-selection: registry.npmjs.org/d3-selection/3.0.0
       d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
     devDependencies:
-      '@reactflow/eslint-config': link:../../tooling/eslint-config
-      '@reactflow/rollup-config': link:../../tooling/rollup-config
-      '@reactflow/tsconfig': link:../../tooling/tsconfig
       '@types/node': registry.npmjs.org/@types/node/18.16.16
+      '@xyflow/eslint-config': link:../../tooling/eslint-config
+      '@xyflow/rollup-config': link:../../tooling/rollup-config
+      '@xyflow/tsconfig': link:../../tooling/tsconfig
       typescript: registry.npmjs.org/typescript/4.9.5
 
   tooling/eslint-config:
@@ -461,10 +260,10 @@ importers:
       eslint-config-turbo: latest
       eslint-plugin-react: latest
     devDependencies:
-      eslint: registry.npmjs.org/eslint/8.41.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.41.0
-      eslint-config-turbo: registry.npmjs.org/eslint-config-turbo/1.10.0_eslint@8.41.0
-      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.41.0
+      eslint: registry.npmjs.org/eslint/8.42.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0
+      eslint-config-turbo: registry.npmjs.org/eslint-config-turbo/1.10.1_eslint@8.42.0
+      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.42.0
 
   tooling/rollup-config:
     specifiers:
@@ -477,13 +276,13 @@ importers:
       rollup-plugin-peer-deps-external: ^2.2.4
       typescript: ^4.9.4
     devDependencies:
-      '@rollup/plugin-commonjs': registry.npmjs.org/@rollup/plugin-commonjs/25.0.0_rollup@3.23.0
-      '@rollup/plugin-node-resolve': registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0_rollup@3.23.0
-      '@rollup/plugin-replace': registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.23.0
-      '@rollup/plugin-terser': registry.npmjs.org/@rollup/plugin-terser/0.4.3_rollup@3.23.0
-      '@rollup/plugin-typescript': registry.npmjs.org/@rollup/plugin-typescript/11.0.0_aleiognpck4hfurcdcjnvgqbb4
-      rollup: registry.npmjs.org/rollup/3.23.0
-      rollup-plugin-peer-deps-external: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.23.0
+      '@rollup/plugin-commonjs': registry.npmjs.org/@rollup/plugin-commonjs/25.0.0_rollup@3.23.1
+      '@rollup/plugin-node-resolve': registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0_rollup@3.23.1
+      '@rollup/plugin-replace': registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.23.1
+      '@rollup/plugin-terser': registry.npmjs.org/@rollup/plugin-terser/0.4.3_rollup@3.23.1
+      '@rollup/plugin-typescript': registry.npmjs.org/@rollup/plugin-typescript/11.0.0_euwgenqmky52fthno7td2lwldq
+      rollup: registry.npmjs.org/rollup/3.23.1
+      rollup-plugin-peer-deps-external: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.23.1
       typescript: registry.npmjs.org/typescript/4.9.5
 
   tooling/tsconfig:
@@ -1317,7 +1116,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.41.0:
+  registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.42.0:
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz}
     id: registry.npmjs.org/@eslint-community/eslint-utils/4.4.0
     name: '@eslint-community/eslint-utils'
@@ -1326,7 +1125,7 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.41.0
+      eslint: registry.npmjs.org/eslint/8.42.0
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
     dev: true
 
@@ -1356,10 +1155,10 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@eslint/js/8.41.0:
-    resolution: {integrity: sha512-LxcyMGxwmTh2lY9FwHPGWOHmYFCZvbrFCBZL4FzSSsxsRPuhrYUg/49/0KDfW8tnIEaEHtfmn6+NPN+1DqaNmA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/js/-/js-8.41.0.tgz}
+  registry.npmjs.org/@eslint/js/8.42.0:
+    resolution: {integrity: sha512-6SWlXpWU5AvId8Ac7zjzmIOqMOba/JWY8XZ4A7q7Gn1Vlfg/SFFIlrtHXt9nPn4op9ZPAkl91Jao+QQv3r/ukw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/js/-/js-8.42.0.tgz}
     name: '@eslint/js'
-    version: 8.41.0
+    version: 8.42.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
@@ -1377,10 +1176,10 @@ packages:
       '@hapi/hoek': registry.npmjs.org/@hapi/hoek/9.3.0
     dev: true
 
-  registry.npmjs.org/@humanwhocodes/config-array/0.11.8:
-    resolution: {integrity: sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz}
+  registry.npmjs.org/@humanwhocodes/config-array/0.11.10:
+    resolution: {integrity: sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz}
     name: '@humanwhocodes/config-array'
-    version: 0.11.8
+    version: 0.11.10
     engines: {node: '>=10.10.0'}
     dependencies:
       '@humanwhocodes/object-schema': registry.npmjs.org/@humanwhocodes/object-schema/1.2.1
@@ -1522,7 +1321,7 @@ packages:
     engines: {node: '>=14'}
     dev: false
 
-  registry.npmjs.org/@rollup/plugin-commonjs/25.0.0_rollup@3.23.0:
+  registry.npmjs.org/@rollup/plugin-commonjs/25.0.0_rollup@3.23.1:
     resolution: {integrity: sha512-hoho2Kay9TZrLu0bnDsTTCaj4Npa+THk9snajP/XDNb9a9mmjTjh52EQM9sKl3HD1LsnihX7js+eA2sd2uKAhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.0.tgz}
     id: registry.npmjs.org/@rollup/plugin-commonjs/25.0.0
     name: '@rollup/plugin-commonjs'
@@ -1534,16 +1333,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.0
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.1
       commondir: registry.npmjs.org/commondir/1.0.1
       estree-walker: registry.npmjs.org/estree-walker/2.0.2
       glob: registry.npmjs.org/glob/8.1.0
       is-reference: registry.npmjs.org/is-reference/1.2.1
       magic-string: registry.npmjs.org/magic-string/0.27.0
-      rollup: registry.npmjs.org/rollup/3.23.0
+      rollup: registry.npmjs.org/rollup/3.23.1
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0_rollup@3.23.0:
+  registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0_rollup@3.23.1:
     resolution: {integrity: sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.1.0.tgz}
     id: registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0
     name: '@rollup/plugin-node-resolve'
@@ -1555,16 +1354,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.0
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.1
       '@types/resolve': registry.npmjs.org/@types/resolve/1.20.2
       deepmerge: registry.npmjs.org/deepmerge/4.3.1
       is-builtin-module: registry.npmjs.org/is-builtin-module/3.2.1
       is-module: registry.npmjs.org/is-module/1.0.0
       resolve: registry.npmjs.org/resolve/1.22.2
-      rollup: registry.npmjs.org/rollup/3.23.0
+      rollup: registry.npmjs.org/rollup/3.23.1
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.23.0:
+  registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.23.1:
     resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-5.0.2.tgz}
     id: registry.npmjs.org/@rollup/plugin-replace/5.0.2
     name: '@rollup/plugin-replace'
@@ -1576,12 +1375,12 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.0
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.1
       magic-string: registry.npmjs.org/magic-string/0.27.0
-      rollup: registry.npmjs.org/rollup/3.23.0
+      rollup: registry.npmjs.org/rollup/3.23.1
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-terser/0.4.3_rollup@3.23.0:
+  registry.npmjs.org/@rollup/plugin-terser/0.4.3_rollup@3.23.1:
     resolution: {integrity: sha512-EF0oejTMtkyhrkwCdg0HJ0IpkcaVg1MMSf2olHb2Jp+1mnLM04OhjpJWGma4HobiDTF0WCyViWuvadyE9ch2XA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.3.tgz}
     id: registry.npmjs.org/@rollup/plugin-terser/0.4.3
     name: '@rollup/plugin-terser'
@@ -1593,13 +1392,13 @@ packages:
       rollup:
         optional: true
     dependencies:
-      rollup: registry.npmjs.org/rollup/3.23.0
+      rollup: registry.npmjs.org/rollup/3.23.1
       serialize-javascript: registry.npmjs.org/serialize-javascript/6.0.1
       smob: registry.npmjs.org/smob/1.4.0
-      terser: registry.npmjs.org/terser/5.17.6
+      terser: registry.npmjs.org/terser/5.17.7
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-typescript/11.0.0_aleiognpck4hfurcdcjnvgqbb4:
+  registry.npmjs.org/@rollup/plugin-typescript/11.0.0_euwgenqmky52fthno7td2lwldq:
     resolution: {integrity: sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-11.0.0.tgz}
     id: registry.npmjs.org/@rollup/plugin-typescript/11.0.0
     name: '@rollup/plugin-typescript'
@@ -1615,13 +1414,13 @@ packages:
       tslib:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.0
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.1
       resolve: registry.npmjs.org/resolve/1.22.2
-      rollup: registry.npmjs.org/rollup/3.23.0
+      rollup: registry.npmjs.org/rollup/3.23.1
       typescript: registry.npmjs.org/typescript/4.9.5
     dev: true
 
-  registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.0:
+  registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.1:
     resolution: {integrity: sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz}
     id: registry.npmjs.org/@rollup/pluginutils/5.0.2
     name: '@rollup/pluginutils'
@@ -1636,7 +1435,7 @@ packages:
       '@types/estree': registry.npmjs.org/@types/estree/1.0.1
       estree-walker: registry.npmjs.org/estree-walker/2.0.2
       picomatch: registry.npmjs.org/picomatch/2.3.1
-      rollup: registry.npmjs.org/rollup/3.23.0
+      rollup: registry.npmjs.org/rollup/3.23.1
     dev: true
 
   registry.npmjs.org/@sideway/address/4.1.4:
@@ -1665,7 +1464,7 @@ packages:
     version: 2.0.0
     dev: false
 
-  registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.0:
+  registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.1:
     resolution: {integrity: sha512-o2pZCfATFtA/Gw/BB0Xm7k4EYaekXxaPGER3xGSY3FvzFJGTlJlZjBseaXwYSM94lZ0HniOjTokN3cWaLX6fow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-2.1.0.tgz}
     id: registry.npmjs.org/@sveltejs/adapter-auto/2.1.0
     name: '@sveltejs/adapter-auto'
@@ -1673,15 +1472,15 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.0_svelte@3.59.1+vite@4.3.9
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.1_svelte@3.59.1+vite@4.3.9
       import-meta-resolve: registry.npmjs.org/import-meta-resolve/3.0.0
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit/1.20.0_svelte@3.59.1+vite@4.3.9:
-    resolution: {integrity: sha512-2ZW14afgcCQBk3BN8+FWUUCIZg+TKeDFuOMUpDNllTa6sKZ+YQNpxhsrt9abaZohPGsGGOYmk5fzy8D8MHVNBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.20.0.tgz}
-    id: registry.npmjs.org/@sveltejs/kit/1.20.0
+  registry.npmjs.org/@sveltejs/kit/1.20.1_svelte@3.59.1+vite@4.3.9:
+    resolution: {integrity: sha512-iZ7PvbM45sdLR3KIXFTbwIwP4PmeO/7JdNdpKRc/T9xMgDabNlPhL1gnJ/Hi1w00g4nc3Zpo/HNrzbRmuOnUjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.20.1.tgz}
+    id: registry.npmjs.org/@sveltejs/kit/1.20.1
     name: '@sveltejs/kit'
-    version: 1.20.0
+    version: 1.20.1
     engines: {node: ^16.14 || >=18}
     hasBin: true
     requiresBuild: true
@@ -1769,6 +1568,140 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@swc/core-darwin-arm64/1.3.62:
+    resolution: {integrity: sha512-MmGilibITz68LEje6vJlKzc2gUUSgzvB3wGLSjEORikTNeM7P8jXVxE4A8fgZqDeudJUm9HVWrxCV+pHDSwXhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.62.tgz}
+    name: '@swc/core-darwin-arm64'
+    version: 1.3.62
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@swc/core-darwin-x64/1.3.62:
+    resolution: {integrity: sha512-Xl93MMB3sCWVlYWuQIB+v6EQgzoiuQYK5tNt9lsHoIEVu2zLdkQjae+5FUHZb1VYqCXIiWcULFfVz0R4Sjb7JQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.62.tgz}
+    name: '@swc/core-darwin-x64'
+    version: 1.3.62
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@swc/core-linux-arm-gnueabihf/1.3.62:
+    resolution: {integrity: sha512-nJsp6O7kCtAjTTMcIjVB0g5y1JNiYAa5q630eiwrnaHUusEFoANDdORI3Z9vXeikMkng+6yIv9/V8Rb093xLjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.62.tgz}
+    name: '@swc/core-linux-arm-gnueabihf'
+    version: 1.3.62
+    engines: {node: '>=10'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@swc/core-linux-arm64-gnu/1.3.62:
+    resolution: {integrity: sha512-XGsV93vpUAopDt5y6vPwbK1Nc/MlL55L77bAZUPIiosWD1cWWPHNtNSpriE6+I+JiMHe0pqtfS/SSTk6ZkFQVw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.62.tgz}
+    name: '@swc/core-linux-arm64-gnu'
+    version: 1.3.62
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@swc/core-linux-arm64-musl/1.3.62:
+    resolution: {integrity: sha512-ESUmJjSlTTkoBy9dMG49opcNn8BmviqStMhwyeD1G8XRnmRVCZZgoBOKdvCXmJhw8bQXDhZumeaTUB+OFUKVXg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.62.tgz}
+    name: '@swc/core-linux-arm64-musl'
+    version: 1.3.62
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@swc/core-linux-x64-gnu/1.3.62:
+    resolution: {integrity: sha512-wnHJkt3ZBrax3SFnUHDcncG6mrSg9ZZjMhQV9Mc3JL1x1s1Gy9rGZCoBNnV/BUZWTemxIBcQbANRSDut/WO+9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.62.tgz}
+    name: '@swc/core-linux-x64-gnu'
+    version: 1.3.62
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@swc/core-linux-x64-musl/1.3.62:
+    resolution: {integrity: sha512-9oRbuTC/VshB66Rgwi3pTq3sPxSTIb8k9L1vJjES+dDMKa29DAjPtWCXG/pyZ00ufpFZgkGEuAHH5uqUcr1JQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.62.tgz}
+    name: '@swc/core-linux-x64-musl'
+    version: 1.3.62
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@swc/core-win32-arm64-msvc/1.3.62:
+    resolution: {integrity: sha512-zv14vlF2VRrxS061XkfzGjCYnOrEo5glKJjLK5PwUKysIoVrx/L8nAbFxjkX5cObdlyoqo+ekelyBPAO+4bS0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.62.tgz}
+    name: '@swc/core-win32-arm64-msvc'
+    version: 1.3.62
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@swc/core-win32-ia32-msvc/1.3.62:
+    resolution: {integrity: sha512-8MC/PZQSsOP2iA/81tAfNRqMWyEqTS/8zKUI67vPuLvpx6NAjRn3E9qBv7iFqH79iqZNzqSMo3awnLrKZyFbcw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.62.tgz}
+    name: '@swc/core-win32-ia32-msvc'
+    version: 1.3.62
+    engines: {node: '>=10'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@swc/core-win32-x64-msvc/1.3.62:
+    resolution: {integrity: sha512-GJSmUJ95HKHZXAxiuPUmrcm/S3ivQvEzXhOZaIqYBIwUsm02vFZkClsV7eIKzWjso1t0+I/8MjrnUNaSWqh1rQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.62.tgz}
+    name: '@swc/core-win32-x64-msvc'
+    version: 1.3.62
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@swc/core/1.3.62:
+    resolution: {integrity: sha512-J58hWY+/G8vOr4J6ZH9hLg0lMSijZtqIIf4HofZezGog/pVX6sJyBJ40dZ1ploFkDIlWTWvJyqtpesBKS73gkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core/-/core-1.3.62.tgz}
+    name: '@swc/core'
+    version: 1.3.62
+    engines: {node: '>=10'}
+    requiresBuild: true
+    peerDependencies:
+      '@swc/helpers': ^0.5.0
+    peerDependenciesMeta:
+      '@swc/helpers':
+        optional: true
+    optionalDependencies:
+      '@swc/core-darwin-arm64': registry.npmjs.org/@swc/core-darwin-arm64/1.3.62
+      '@swc/core-darwin-x64': registry.npmjs.org/@swc/core-darwin-x64/1.3.62
+      '@swc/core-linux-arm-gnueabihf': registry.npmjs.org/@swc/core-linux-arm-gnueabihf/1.3.62
+      '@swc/core-linux-arm64-gnu': registry.npmjs.org/@swc/core-linux-arm64-gnu/1.3.62
+      '@swc/core-linux-arm64-musl': registry.npmjs.org/@swc/core-linux-arm64-musl/1.3.62
+      '@swc/core-linux-x64-gnu': registry.npmjs.org/@swc/core-linux-x64-gnu/1.3.62
+      '@swc/core-linux-x64-musl': registry.npmjs.org/@swc/core-linux-x64-musl/1.3.62
+      '@swc/core-win32-arm64-msvc': registry.npmjs.org/@swc/core-win32-arm64-msvc/1.3.62
+      '@swc/core-win32-ia32-msvc': registry.npmjs.org/@swc/core-win32-ia32-msvc/1.3.62
+      '@swc/core-win32-x64-msvc': registry.npmjs.org/@swc/core-win32-x64-msvc/1.3.62
+    dev: true
+
   registry.npmjs.org/@types/cookie/0.5.1:
     resolution: {integrity: sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/cookie/-/cookie-0.5.1.tgz}
     name: '@types/cookie'
@@ -1836,6 +1769,7 @@ packages:
     version: 3.0.2
     dependencies:
       '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+    dev: false
 
   registry.npmjs.org/@types/d3-dsv/3.0.1:
     resolution: {integrity: sha512-76pBHCMTvPLt44wFOieouXcGXWOF0AJCceUvaFkxSZEu4VDUdv93JfpMa6VGNFs01FHfuP4a5Ou68eRG1KBfTw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.1.tgz}
@@ -1933,6 +1867,7 @@ packages:
     resolution: {integrity: sha512-xCB0z3Hi8eFIqyja3vW8iV01+OHGYR2di/+e+AiOcXIOrY82lcvWW8Ke1DYE/EUVMsBl4Db9RppSBS3X1U6J0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.5.tgz}
     name: '@types/d3-selection'
     version: 3.0.5
+    dev: false
 
   registry.npmjs.org/@types/d3-shape/3.1.1:
     resolution: {integrity: sha512-6Uh86YFF7LGg4PQkuO2oG6EMBRLuW9cbavUW46zkIO5kuS2PfTqo2o9SkgtQzguBHbLgNnU90UNsITpsX1My+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.1.tgz}
@@ -2093,13 +2028,13 @@ packages:
     name: '@types/react-dom'
     version: 18.2.4
     dependencies:
-      '@types/react': registry.npmjs.org/@types/react/18.2.7
+      '@types/react': registry.npmjs.org/@types/react/18.2.8
     dev: true
 
-  registry.npmjs.org/@types/react/18.2.7:
-    resolution: {integrity: sha512-ojrXpSH2XFCmHm7Jy3q44nXDyN54+EYKP2lBhJ2bqfyPj6cIUW/FZW/Csdia34NQgq7KYcAlHi5184m4X88+yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.7.tgz}
+  registry.npmjs.org/@types/react/18.2.8:
+    resolution: {integrity: sha512-lTyWUNrd8ntVkqycEEplasWy2OxNlShj3zqS0LuB1ENUGis5HodmhM7DtCoUGbxj3VW/WsGA0DUhpG6XrM7gPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.8.tgz}
     name: '@types/react'
-    version: 18.2.7
+    version: 18.2.8
     dependencies:
       '@types/prop-types': registry.npmjs.org/@types/prop-types/15.7.5
       '@types/scheduler': registry.npmjs.org/@types/scheduler/0.16.3
@@ -2148,11 +2083,11 @@ packages:
     version: 2.10.0
     requiresBuild: true
     dependencies:
-      '@types/node': registry.npmjs.org/@types/node/14.18.48
+      '@types/node': registry.npmjs.org/@types/node/18.16.16
     dev: true
     optional: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.8_rq7lqmsq2hhtq366qgvop5zziy:
+  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.8_loqfnwogukjtmydbmg57mzzpb4:
     resolution: {integrity: sha512-JDMOmhXteJ4WVKOiHXGCoB96ADWg9q7efPWHRViT/f09bA8XOMLAVHHju3l0MkZnG1izaWXYmgvQcUjTRcpShQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.8.tgz}
     id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.8
     name: '@typescript-eslint/eslint-plugin'
@@ -2167,12 +2102,12 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.8_5ujgynla27k2qkzlnkldjwsutm
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.8_kigkzfftsmftz3xok324pyvzui
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.8
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.59.8_5ujgynla27k2qkzlnkldjwsutm
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.59.8_5ujgynla27k2qkzlnkldjwsutm
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.59.8_kigkzfftsmftz3xok324pyvzui
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.59.8_kigkzfftsmftz3xok324pyvzui
       debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.41.0
+      eslint: registry.npmjs.org/eslint/8.42.0
       grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
       ignore: registry.npmjs.org/ignore/5.2.4
       natural-compare-lite: registry.npmjs.org/natural-compare-lite/1.4.0
@@ -2183,7 +2118,7 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser/5.59.8_5ujgynla27k2qkzlnkldjwsutm:
+  registry.npmjs.org/@typescript-eslint/parser/5.59.8_kigkzfftsmftz3xok324pyvzui:
     resolution: {integrity: sha512-AnR19RjJcpjoeGojmwZtCwBX/RidqDZtzcbG3xHrmz0aHHoOcbWnpDllenRDmDvsV0RQ6+tbb09/kyc+UT9Orw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.59.8.tgz}
     id: registry.npmjs.org/@typescript-eslint/parser/5.59.8
     name: '@typescript-eslint/parser'
@@ -2200,7 +2135,7 @@ packages:
       '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.8
       '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.8_typescript@4.9.5
       debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.41.0
+      eslint: registry.npmjs.org/eslint/8.42.0
       typescript: registry.npmjs.org/typescript/4.9.5
     transitivePeerDependencies:
       - supports-color
@@ -2216,7 +2151,7 @@ packages:
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.8
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils/5.59.8_5ujgynla27k2qkzlnkldjwsutm:
+  registry.npmjs.org/@typescript-eslint/type-utils/5.59.8_kigkzfftsmftz3xok324pyvzui:
     resolution: {integrity: sha512-+5M518uEIHFBy3FnyqZUF3BMP+AXnYn4oyH8RF012+e7/msMY98FhGL5SrN29NQ9xDgvqCgYnsOiKp1VjZ/fpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.59.8.tgz}
     id: registry.npmjs.org/@typescript-eslint/type-utils/5.59.8
     name: '@typescript-eslint/type-utils'
@@ -2230,9 +2165,9 @@ packages:
         optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.8_typescript@4.9.5
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.59.8_5ujgynla27k2qkzlnkldjwsutm
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.59.8_kigkzfftsmftz3xok324pyvzui
       debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.41.0
+      eslint: registry.npmjs.org/eslint/8.42.0
       tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5
       typescript: registry.npmjs.org/typescript/4.9.5
     transitivePeerDependencies:
@@ -2270,7 +2205,7 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils/5.59.8_5ujgynla27k2qkzlnkldjwsutm:
+  registry.npmjs.org/@typescript-eslint/utils/5.59.8_kigkzfftsmftz3xok324pyvzui:
     resolution: {integrity: sha512-Tr65630KysnNn9f9G7ROF3w1b5/7f6QVCJ+WK9nhIocWmx9F+TmCAcglF26Vm7z8KCTwoKcNEBZrhlklla3CKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.59.8.tgz}
     id: registry.npmjs.org/@typescript-eslint/utils/5.59.8
     name: '@typescript-eslint/utils'
@@ -2279,13 +2214,13 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.41.0
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.42.0
       '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.12
       '@types/semver': registry.npmjs.org/@types/semver/7.5.0
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.8
       '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.8
       '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.8_typescript@4.9.5
-      eslint: registry.npmjs.org/eslint/8.41.0
+      eslint: registry.npmjs.org/eslint/8.42.0
       eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
       semver: registry.npmjs.org/semver/7.5.1
     transitivePeerDependencies:
@@ -2303,6 +2238,20 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
     dev: true
 
+  registry.npmjs.org/@vitejs/plugin-react-swc/3.3.2_vite@4.3.9:
+    resolution: {integrity: sha512-VJFWY5sfoZerQRvJrh518h3AcQt6f/yTuWn4/TRB+dqmYU0NX1qz7qM5Wfd+gOQqUzQW4gxKqKN3KpE/P3+zrA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.3.2.tgz}
+    id: registry.npmjs.org/@vitejs/plugin-react-swc/3.3.2
+    name: '@vitejs/plugin-react-swc'
+    version: 3.3.2
+    peerDependencies:
+      vite: ^4
+    dependencies:
+      '@swc/core': registry.npmjs.org/@swc/core/1.3.62
+      vite: registry.npmjs.org/vite/4.3.9
+    transitivePeerDependencies:
+      - '@swc/helpers'
+    dev: true
+
   registry.npmjs.org/@vitejs/plugin-react/4.0.0_vite@4.3.9:
     resolution: {integrity: sha512-HX0XzMjL3hhOYm+0s95pb0Z7F8O81G7joUHgfDd/9J/ZZf5k4xX6QAMFkKsHFxaHlf6X7GD7+XuaZ66ULiJuhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.0.0.tgz}
     id: registry.npmjs.org/@vitejs/plugin-react/4.0.0
@@ -2562,7 +2511,7 @@ packages:
       postcss: ^8.1.0
     dependencies:
       browserslist: registry.npmjs.org/browserslist/4.21.7
-      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001492
+      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001494
       fraction.js: registry.npmjs.org/fraction.js/4.2.0
       normalize-range: registry.npmjs.org/normalize-range/0.1.2
       picocolors: registry.npmjs.org/picocolors/1.0.0
@@ -2690,8 +2639,8 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001492
-      electron-to-chromium: registry.npmjs.org/electron-to-chromium/1.4.414
+      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001494
+      electron-to-chromium: registry.npmjs.org/electron-to-chromium/1.4.419
       node-releases: registry.npmjs.org/node-releases/2.0.12
       update-browserslist-db: registry.npmjs.org/update-browserslist-db/1.0.11_browserslist@4.21.7
     dev: true
@@ -2774,10 +2723,10 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/caniuse-lite/1.0.30001492:
-    resolution: {integrity: sha512-2efF8SAZwgAX1FJr87KWhvuJxnGJKOnctQa8xLOskAXNXq8oiuqgl6u1kk3fFpsp3GgvzlRjiK1sl63hNtFADw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001492.tgz}
+  registry.npmjs.org/caniuse-lite/1.0.30001494:
+    resolution: {integrity: sha512-sY2B5Qyl46ZzfYDegrl8GBCzdawSLT4ThM9b9F+aDYUrAG2zCOyMbd2Tq34mS1g4ZKBfjRlzOohQMxx28x6wJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001494.tgz}
     name: caniuse-lite
-    version: 1.0.30001492
+    version: 1.0.30001494
     dev: true
 
   registry.npmjs.org/caseless/0.12.0:
@@ -3128,7 +3077,7 @@ packages:
       cli-table3: registry.npmjs.org/cli-table3/0.6.3
       commander: registry.npmjs.org/commander/5.1.0
       common-tags: registry.npmjs.org/common-tags/1.8.2
-      dayjs: registry.npmjs.org/dayjs/1.11.7
+      dayjs: registry.npmjs.org/dayjs/1.11.8
       debug: registry.npmjs.org/debug/4.3.4_supports-color@8.1.1
       enquirer: registry.npmjs.org/enquirer/2.3.6
       eventemitter2: registry.npmjs.org/eventemitter2/6.4.7
@@ -3273,10 +3222,10 @@ packages:
       '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
     dev: true
 
-  registry.npmjs.org/dayjs/1.11.7:
-    resolution: {integrity: sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dayjs/-/dayjs-1.11.7.tgz}
+  registry.npmjs.org/dayjs/1.11.8:
+    resolution: {integrity: sha512-LcgxzFoWMEPO7ggRv1Y2N31hUf2R0Vj7fuy/m+Bg1K8rr+KAs1AEy4y9jd5DXe8pbHgX+srkHNS7TH6Q6ZhYeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dayjs/-/dayjs-1.11.8.tgz}
     name: dayjs
-    version: 1.11.7
+    version: 1.11.8
     dev: true
 
   registry.npmjs.org/debug/3.2.7_supports-color@8.1.1:
@@ -3454,10 +3403,10 @@ packages:
       safer-buffer: registry.npmjs.org/safer-buffer/2.1.2
     dev: true
 
-  registry.npmjs.org/electron-to-chromium/1.4.414:
-    resolution: {integrity: sha512-RRuCvP6ekngVh2SAJaOKT/hxqc9JAsK+Pe0hP5tGQIfonU2Zy9gMGdJ+mBdyl/vNucMG6gkXYtuM4H/1giws5w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.414.tgz}
+  registry.npmjs.org/electron-to-chromium/1.4.419:
+    resolution: {integrity: sha512-jdie3RiEgygvDTyS2sgjq71B36q2cDSBfPlwzUyuOrfYTNoYWyBxxjGJV/HAu3A2hB0Y+HesvCVkVAFoCKwCSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.419.tgz}
     name: electron-to-chromium
-    version: 1.4.414
+    version: 1.4.419
     dev: true
 
   registry.npmjs.org/emoji-regex/8.0.0:
@@ -3622,7 +3571,7 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.41.0:
+  registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0:
     resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz}
     id: registry.npmjs.org/eslint-config-prettier/8.8.0
     name: eslint-config-prettier
@@ -3631,22 +3580,22 @@ packages:
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.41.0
+      eslint: registry.npmjs.org/eslint/8.42.0
     dev: true
 
-  registry.npmjs.org/eslint-config-turbo/1.10.0_eslint@8.41.0:
-    resolution: {integrity: sha512-iJsjoOb0vjnpV65rL+SAOIgbOluEibFqo/ke4UzXA9bi13cNJOT9k6FCQA7RXBHwChz+6BzYq5ZyoE3WcUg+0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.0.tgz}
-    id: registry.npmjs.org/eslint-config-turbo/1.10.0
+  registry.npmjs.org/eslint-config-turbo/1.10.1_eslint@8.42.0:
+    resolution: {integrity: sha512-XRF5adpGJIX+IQNRHcGtUCsPZV95vabSvttrxuLOyWufzBctWNkgIo8Mpi5om8ZmYuMqXPUo8IOh3sRR5H1HCw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.1.tgz}
+    id: registry.npmjs.org/eslint-config-turbo/1.10.1
     name: eslint-config-turbo
-    version: 1.10.0
+    version: 1.10.1
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.41.0
-      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo/1.10.0_eslint@8.41.0
+      eslint: registry.npmjs.org/eslint/8.42.0
+      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo/1.10.1_eslint@8.42.0
     dev: true
 
-  registry.npmjs.org/eslint-plugin-prettier/4.2.1_xcqkel4mpum3npntysob2xmn54:
+  registry.npmjs.org/eslint-plugin-prettier/4.2.1_vnriwwub2rhvoyn4ckagrc4lpi:
     resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz}
     id: registry.npmjs.org/eslint-plugin-prettier/4.2.1
     name: eslint-plugin-prettier
@@ -3660,13 +3609,13 @@ packages:
       eslint-config-prettier:
         optional: true
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.41.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.41.0
+      eslint: registry.npmjs.org/eslint/8.42.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0
       prettier: registry.npmjs.org/prettier/2.8.8
       prettier-linter-helpers: registry.npmjs.org/prettier-linter-helpers/1.0.0
     dev: true
 
-  registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.41.0:
+  registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.42.0:
     resolution: {integrity: sha512-t2fBMa+XzonrrNkyVirzKlvn5RXzzPwRHtMvLAtVZrt8oxgnTQaYbU6SXTOO1mwQgp1y5+toMSKInnzGr0Knqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.32.2.tgz}
     id: registry.npmjs.org/eslint-plugin-react/7.32.2
     name: eslint-plugin-react
@@ -3679,7 +3628,7 @@ packages:
       array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap/1.3.1
       array.prototype.tosorted: registry.npmjs.org/array.prototype.tosorted/1.1.1
       doctrine: registry.npmjs.org/doctrine/2.1.0
-      eslint: registry.npmjs.org/eslint/8.41.0
+      eslint: registry.npmjs.org/eslint/8.42.0
       estraverse: registry.npmjs.org/estraverse/5.3.0
       jsx-ast-utils: registry.npmjs.org/jsx-ast-utils/3.3.3
       minimatch: registry.npmjs.org/minimatch/3.1.2
@@ -3693,7 +3642,7 @@ packages:
       string.prototype.matchall: registry.npmjs.org/string.prototype.matchall/4.0.8
     dev: true
 
-  registry.npmjs.org/eslint-plugin-svelte3/4.0.0_2rgspgo736k3nkqykgvv2sinmy:
+  registry.npmjs.org/eslint-plugin-svelte3/4.0.0_3vji2slnup2yzxo42w6sbds3sy:
     resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-svelte3/-/eslint-plugin-svelte3-4.0.0.tgz}
     id: registry.npmjs.org/eslint-plugin-svelte3/4.0.0
     name: eslint-plugin-svelte3
@@ -3702,19 +3651,19 @@ packages:
       eslint: '>=8.0.0'
       svelte: ^3.2.0
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.41.0
+      eslint: registry.npmjs.org/eslint/8.42.0
       svelte: registry.npmjs.org/svelte/3.59.1
     dev: true
 
-  registry.npmjs.org/eslint-plugin-turbo/1.10.0_eslint@8.41.0:
-    resolution: {integrity: sha512-7eDeOjZDx/GcrZj4XYX1puaxsDtm6FE53qlbb4JyJhhkKC8OVYTJHTpu8kSmFTNsVoIgDFo/SEUIMwKHLYRM3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.0.tgz}
-    id: registry.npmjs.org/eslint-plugin-turbo/1.10.0
+  registry.npmjs.org/eslint-plugin-turbo/1.10.1_eslint@8.42.0:
+    resolution: {integrity: sha512-bScQeG42PhVPzSeJgCTk79hRqN8jFYY6Io7fw2qyuOtlff4QkSuBTot+BBooxk4BL11gJglWZUJk2nqumLJGOA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.1.tgz}
+    id: registry.npmjs.org/eslint-plugin-turbo/1.10.1
     name: eslint-plugin-turbo
-    version: 1.10.0
+    version: 1.10.1
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.41.0
+      eslint: registry.npmjs.org/eslint/8.42.0
     dev: true
 
   registry.npmjs.org/eslint-scope/5.1.1:
@@ -3744,18 +3693,18 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/eslint/8.41.0:
-    resolution: {integrity: sha512-WQDQpzGBOP5IrXPo4Hc0814r4/v2rrIsB0rhT7jtunIalgg6gYXWhRMOejVO8yH21T/FGaxjmFjBMNqcIlmH1Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.41.0.tgz}
+  registry.npmjs.org/eslint/8.42.0:
+    resolution: {integrity: sha512-ulg9Ms6E1WPf67PHaEY4/6E2tEn5/f7FXGzr3t9cBMugOmf1INYvuUwwh1aXQN4MfJ6a5K2iNwP3w4AColvI9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.42.0.tgz}
     name: eslint
-    version: 8.41.0
+    version: 8.42.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.41.0
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.42.0
       '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
       '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc/2.0.3
-      '@eslint/js': registry.npmjs.org/@eslint/js/8.41.0
-      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array/0.11.8
+      '@eslint/js': registry.npmjs.org/@eslint/js/8.42.0
+      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array/0.11.10
       '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer/1.0.1
       '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk/1.2.8
       ajv: registry.npmjs.org/ajv/6.12.6
@@ -5240,7 +5189,7 @@ packages:
     name: lower-case
     version: 2.0.2
     dependencies:
-      tslib: registry.npmjs.org/tslib/2.5.2
+      tslib: registry.npmjs.org/tslib/2.5.3
     dev: true
 
   registry.npmjs.org/lru-cache/4.1.5:
@@ -5489,7 +5438,7 @@ packages:
     version: 3.0.4
     dependencies:
       lower-case: registry.npmjs.org/lower-case/2.0.2
-      tslib: registry.npmjs.org/tslib/2.5.2
+      tslib: registry.npmjs.org/tslib/2.5.3
     dev: true
 
   registry.npmjs.org/node-fetch/2.6.11:
@@ -5765,7 +5714,7 @@ packages:
     version: 3.1.2
     dependencies:
       no-case: registry.npmjs.org/no-case/3.0.4
-      tslib: registry.npmjs.org/tslib/2.5.2
+      tslib: registry.npmjs.org/tslib/2.5.3
     dev: true
 
   registry.npmjs.org/path-exists/4.0.0:
@@ -6373,7 +6322,7 @@ packages:
       glob: registry.npmjs.org/glob/7.2.3
     dev: true
 
-  registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.23.0:
+  registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.23.1:
     resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup-plugin-peer-deps-external/-/rollup-plugin-peer-deps-external-2.2.4.tgz}
     id: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4
     name: rollup-plugin-peer-deps-external
@@ -6381,13 +6330,13 @@ packages:
     peerDependencies:
       rollup: '*'
     dependencies:
-      rollup: registry.npmjs.org/rollup/3.23.0
+      rollup: registry.npmjs.org/rollup/3.23.1
     dev: true
 
-  registry.npmjs.org/rollup/3.23.0:
-    resolution: {integrity: sha512-h31UlwEi7FHihLe1zbk+3Q7z1k/84rb9BSwmBSr/XjOCEaBJ2YyedQDuM0t/kfOS0IxM+vk1/zI9XxYj9V+NJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.23.0.tgz}
+  registry.npmjs.org/rollup/3.23.1:
+    resolution: {integrity: sha512-ybRdFVHOoljGEFILHLd2g/qateqUdjE6YS41WXq4p3C/WwD3xtWxV4FYWETA1u9TeXQc5K8L8zHE5d/scOvrOQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.23.1.tgz}
     name: rollup
-    version: 3.23.0
+    version: 3.23.1
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
@@ -6407,7 +6356,7 @@ packages:
     name: rxjs
     version: 7.8.1
     dependencies:
-      tslib: registry.npmjs.org/tslib/2.5.2
+      tslib: registry.npmjs.org/tslib/2.5.3
     dev: true
 
   registry.npmjs.org/sade/1.8.1:
@@ -6932,8 +6881,8 @@ packages:
       picocolors: registry.npmjs.org/picocolors/1.0.0
       sade: registry.npmjs.org/sade/1.8.1
       svelte: registry.npmjs.org/svelte/3.59.1
-      svelte-preprocess: registry.npmjs.org/svelte-preprocess/5.0.4_gmmus3lprw664mkdmboocppfke
-      typescript: registry.npmjs.org/typescript/5.0.4
+      svelte-preprocess: registry.npmjs.org/svelte-preprocess/5.0.4_ew3mtnddoirxihfd3dvwoglzia
+      typescript: registry.npmjs.org/typescript/5.1.3
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -6958,7 +6907,7 @@ packages:
       svelte: registry.npmjs.org/svelte/3.59.1
     dev: true
 
-  registry.npmjs.org/svelte-preprocess/5.0.4_gmmus3lprw664mkdmboocppfke:
+  registry.npmjs.org/svelte-preprocess/5.0.4_ew3mtnddoirxihfd3dvwoglzia:
     resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz}
     id: registry.npmjs.org/svelte-preprocess/5.0.4
     name: svelte-preprocess
@@ -7005,7 +6954,7 @@ packages:
       sorcery: registry.npmjs.org/sorcery/0.11.0
       strip-indent: registry.npmjs.org/strip-indent/3.0.0
       svelte: registry.npmjs.org/svelte/3.59.1
-      typescript: registry.npmjs.org/typescript/5.0.4
+      typescript: registry.npmjs.org/typescript/5.1.3
     dev: true
 
   registry.npmjs.org/svelte/3.59.1:
@@ -7037,10 +6986,10 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/terser/5.17.6:
-    resolution: {integrity: sha512-V8QHcs8YuyLkLHsJO5ucyff1ykrLVsR4dNnS//L5Y3NiSXpbK1J+WMVUs67eI0KTxs9JtHhgEQpXQVHlHI92DQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/terser/-/terser-5.17.6.tgz}
+  registry.npmjs.org/terser/5.17.7:
+    resolution: {integrity: sha512-/bi0Zm2C6VAexlGgLlVxA0P2lru/sdLyfCVaRMfKVo9nWxbmz7f/sD8VPybPeSUJaJcwmCJis9pBIhcVcG1QcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/terser/-/terser-5.17.7.tgz}
     name: terser
-    version: 5.17.6
+    version: 5.17.7
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
@@ -7160,10 +7109,10 @@ packages:
     version: 1.14.1
     dev: true
 
-  registry.npmjs.org/tslib/2.5.2:
-    resolution: {integrity: sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz}
+  registry.npmjs.org/tslib/2.5.3:
+    resolution: {integrity: sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz}
     name: tslib
-    version: 2.5.2
+    version: 2.5.3
     dev: true
 
   registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5:
@@ -7203,79 +7152,79 @@ packages:
       safe-buffer: registry.npmjs.org/safe-buffer/5.2.1
     dev: true
 
-  registry.npmjs.org/turbo-darwin-64/1.10.0:
-    resolution: {integrity: sha512-N0aVGFtBgOKd7pIdUiKREwnDhNHRIvpMJbmUw04c1AqEoTiKAKT6iuzcCozO5N/gYMVr0hxrXgLal5OLYXtcsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.10.0.tgz}
+  registry.npmjs.org/turbo-darwin-64/1.10.1:
+    resolution: {integrity: sha512-isLLoPuAOMNsYovOq9BhuQOZWQuU13zYsW988KkkaA4OJqOn7qwa9V/KBYCJL8uVQqtG+/Y42J37lO8RJjyXuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.10.1.tgz}
     name: turbo-darwin-64
-    version: 1.10.0
+    version: 1.10.1
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-darwin-arm64/1.10.0:
-    resolution: {integrity: sha512-boXzhaHTS5MsTMv48I/JmYp9/fYplXk5nACUDrqV6nD1hzO5PMn5wNg75ATbpkaMaeuD+hjuobeSxn1p4vpqQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.10.0.tgz}
+  registry.npmjs.org/turbo-darwin-arm64/1.10.1:
+    resolution: {integrity: sha512-x1nloPR10fLElNCv17BKr0kCx/O5gse/UXAcVscMZH2tvRUtXrdBmut62uw2YU3J9hli2fszYjUWXkulVpQvFA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.10.1.tgz}
     name: turbo-darwin-arm64
-    version: 1.10.0
+    version: 1.10.1
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-linux-64/1.10.0:
-    resolution: {integrity: sha512-crKQuS1jrp4vp+Th6EmUqqmAlvYNnzGmwWMLeckmYILrV7zAddu87eJu4hB7V6uV+W1qHZUTw8WXa1w1+8boBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.10.0.tgz}
+  registry.npmjs.org/turbo-linux-64/1.10.1:
+    resolution: {integrity: sha512-abV+ODCeOlz0503OZlHhPWdy3VwJZc1jObf1VQj7uQM+JqJ/kXbMyqJIMQVz+m7QJUFdferYPRxGhYT/NbYK7Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.10.1.tgz}
     name: turbo-linux-64
-    version: 1.10.0
+    version: 1.10.1
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-linux-arm64/1.10.0:
-    resolution: {integrity: sha512-Y2fhWe0xepLjl7doIvsJK7mp2h8E+OF6qJsUHRgxFeRWQWi1I6clD2aEQeykHK8Tp+qp8pKFMocj32nFBvuCcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.10.0.tgz}
+  registry.npmjs.org/turbo-linux-arm64/1.10.1:
+    resolution: {integrity: sha512-zRC3nZbHQ63tofOmbuySzEn1ROISWTkemYYr1L98rpmT5aVa0kERlGiYcfDwZh3cBso/Ylg/wxexRAaPzcCJYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.10.1.tgz}
     name: turbo-linux-arm64
-    version: 1.10.0
+    version: 1.10.1
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-windows-64/1.10.0:
-    resolution: {integrity: sha512-uh8rEqH6teaHysEMjinwWBqyNwv4IvgSAwbq/OphP8jObstTYHoR+gFPo8RQUSTaBYy4QVszgi5eO5YLvEQqNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.10.0.tgz}
+  registry.npmjs.org/turbo-windows-64/1.10.1:
+    resolution: {integrity: sha512-Irqz8IU+o7Q/5V44qatZBTunk+FQAOII1hZTsEU54ah62f9Y297K6/LSp+yncmVQOZlFVccXb6MDqcETExIQtA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.10.1.tgz}
     name: turbo-windows-64
-    version: 1.10.0
+    version: 1.10.1
     cpu: [x64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-windows-arm64/1.10.0:
-    resolution: {integrity: sha512-JaVj3iM7qyRD6xYGZLL/Gs4mQKfM1zL0f91AwHZLNkk1CrJ6i5kO4ZjhKkwXSpVOTNKW3sX0Q7dExXj85Vv7UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.10.0.tgz}
+  registry.npmjs.org/turbo-windows-arm64/1.10.1:
+    resolution: {integrity: sha512-124IT15d2gyjC+NEn11pHOaVFvZDRHpxfF+LDUzV7YxfNIfV0mGkR3R/IyVXtQHOgqOdtQTbC4y411sm31+SEw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.10.1.tgz}
     name: turbo-windows-arm64
-    version: 1.10.0
+    version: 1.10.1
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo/1.10.0:
-    resolution: {integrity: sha512-GWxoL2zJduiNaEHz78o74l2jCQEeuUZ3MdpMPz0SpZOvt3nimpvQPNxiyfbqt3U9/V5G375PWKYSbXkVnIbQcA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo/-/turbo-1.10.0.tgz}
+  registry.npmjs.org/turbo/1.10.1:
+    resolution: {integrity: sha512-wq0YeSv6P/eEDXOL42jkMUr+T4z34dM8mdHu5u6C6OOAq8JuLJ72F/v4EVR1JmY8icyTkFz10ICLV0haUUYhbQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo/-/turbo-1.10.1.tgz}
     name: turbo
-    version: 1.10.0
+    version: 1.10.1
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      turbo-darwin-64: registry.npmjs.org/turbo-darwin-64/1.10.0
-      turbo-darwin-arm64: registry.npmjs.org/turbo-darwin-arm64/1.10.0
-      turbo-linux-64: registry.npmjs.org/turbo-linux-64/1.10.0
-      turbo-linux-arm64: registry.npmjs.org/turbo-linux-arm64/1.10.0
-      turbo-windows-64: registry.npmjs.org/turbo-windows-64/1.10.0
-      turbo-windows-arm64: registry.npmjs.org/turbo-windows-arm64/1.10.0
+      turbo-darwin-64: registry.npmjs.org/turbo-darwin-64/1.10.1
+      turbo-darwin-arm64: registry.npmjs.org/turbo-darwin-arm64/1.10.1
+      turbo-linux-64: registry.npmjs.org/turbo-linux-64/1.10.1
+      turbo-linux-arm64: registry.npmjs.org/turbo-linux-arm64/1.10.1
+      turbo-windows-64: registry.npmjs.org/turbo-windows-64/1.10.1
+      turbo-windows-arm64: registry.npmjs.org/turbo-windows-arm64/1.10.1
     dev: true
 
   registry.npmjs.org/tweetnacl/0.14.5:
@@ -7346,11 +7295,11 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/typescript/5.0.4:
-    resolution: {integrity: sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz}
+  registry.npmjs.org/typescript/5.1.3:
+    resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-5.1.3.tgz}
     name: typescript
-    version: 5.0.4
-    engines: {node: '>=12.20'}
+    version: 5.1.3
+    engines: {node: '>=14.17'}
     hasBin: true
     dev: true
 
@@ -7417,14 +7366,6 @@ packages:
       punycode: registry.npmjs.org/punycode/2.3.0
     dev: true
 
-  registry.npmjs.org/use-sync-external-store/1.2.0:
-    resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz}
-    name: use-sync-external-store
-    version: 1.2.0
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    dev: false
-
   registry.npmjs.org/use-sync-external-store/1.2.0_react@18.2.0:
     resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz}
     id: registry.npmjs.org/use-sync-external-store/1.2.0
@@ -7498,7 +7439,7 @@ packages:
     dependencies:
       esbuild: registry.npmjs.org/esbuild/0.17.19
       postcss: registry.npmjs.org/postcss/8.4.24
-      rollup: registry.npmjs.org/rollup/3.23.0
+      rollup: registry.npmjs.org/rollup/3.23.1
     optionalDependencies:
       fsevents: registry.npmjs.org/fsevents/2.3.2
     dev: true
@@ -7758,23 +7699,6 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/zustand/4.3.8:
-    resolution: {integrity: sha512-4h28KCkHg5ii/wcFFJ5Fp+k1J3gJoasaIbppdgZFO4BPJnsNxL0mQXBSFgOgAdCdBj35aDTPvdAJReTMntFPGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.3.8.tgz}
-    name: zustand
-    version: 4.3.8
-    engines: {node: '>=12.7.0'}
-    peerDependencies:
-      immer: '>=9.0'
-      react: '>=16.8'
-    peerDependenciesMeta:
-      immer:
-        optional: true
-      react:
-        optional: true
-    dependencies:
-      use-sync-external-store: registry.npmjs.org/use-sync-external-store/1.2.0
-    dev: false
-
   registry.npmjs.org/zustand/4.3.8_react@18.2.0:
     resolution: {integrity: sha512-4h28KCkHg5ii/wcFFJ5Fp+k1J3gJoasaIbppdgZFO4BPJnsNxL0mQXBSFgOgAdCdBj35aDTPvdAJReTMntFPGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.3.8.tgz}
     id: registry.npmjs.org/zustand/4.3.8
diff --git a/tooling/eslint-config/package.json b/tooling/eslint-config/package.json
index 086901aa4..4f8ee323a 100644
--- a/tooling/eslint-config/package.json
+++ b/tooling/eslint-config/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@reactflow/eslint-config",
+  "name": "@xyflow/eslint-config",
   "version": "0.0.0",
   "private": true,
   "license": "MIT",
diff --git a/tooling/rollup-config/package.json b/tooling/rollup-config/package.json
index c24f49bd7..e74d7c66a 100644
--- a/tooling/rollup-config/package.json
+++ b/tooling/rollup-config/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@reactflow/rollup-config",
+  "name": "@xyflow/rollup-config",
   "version": "0.0.0",
   "private": true,
   "license": "MIT",
diff --git a/tooling/rollup-config/src/index.js b/tooling/rollup-config/src/index.js
index 2a070ee41..a947fdca9 100644
--- a/tooling/rollup-config/src/index.js
+++ b/tooling/rollup-config/src/index.js
@@ -41,10 +41,14 @@ export const esmConfig = defineConfig({
   ],
 });
 
-const globals = {
+const reactGlobals = {
   react: 'React',
   'react-dom': 'ReactDOM',
   'react/jsx-runtime': 'jsxRuntime',
+};
+
+const globals = {
+  ...(pkg.rollup?.vanilla ? {} : reactGlobals),
   ...(pkg.rollup?.globals || {}),
 };
 
diff --git a/tooling/tsconfig/package.json b/tooling/tsconfig/package.json
index cb714f57a..fd04f3f4d 100644
--- a/tooling/tsconfig/package.json
+++ b/tooling/tsconfig/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@reactflow/tsconfig",
+  "name": "@xyflow/tsconfig",
   "version": "0.0.0",
   "private": true,
   "license": "MIT"
diff --git a/turbo.json b/turbo.json
index bc32f9df0..c52212899 100644
--- a/turbo.json
+++ b/turbo.json
@@ -7,7 +7,8 @@
     },
     "dev": {
       "outputs": ["dist/**"],
-      "cache": false
+      "cache": false,
+      "persistent": true
     },
     "lint": {
       "outputs": []

From 1b4f4a034eed28308269f1ca2feb6e2a96478d5e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 5 Jun 2023 16:10:48 +0200
Subject: [PATCH 0075/1093] chore(svelte): cleanup

---
 packages/svelte/src/lib/actions/zoom/index.ts  | 14 +++++++-------
 .../components/EdgeWrapper/EdgeWrapper.svelte  |  3 +--
 .../src/lib/components/Handle/Handle.svelte    |  3 +--
 .../container/NodeRenderer/NodeRenderer.svelte |  3 +--
 .../svelte/src/lib/container/Pane/Pane.svelte  |  3 +--
 .../lib/container/SvelteFlow/SvelteFlow.svelte |  2 +-
 packages/svelte/src/lib/hooks/useSvelteFlow.ts | 16 ++++++++--------
 packages/svelte/src/lib/index.ts               |  2 --
 .../svelte/src/lib/store/connection-path.ts    | 11 +++++++++--
 .../svelte/src/lib/store/edges-layouted.ts     |  3 +--
 packages/svelte/src/lib/store/index.ts         | 18 ++++++++----------
 packages/svelte/src/lib/store/initial-store.ts |  2 +-
 packages/svelte/src/lib/store/types.ts         |  2 +-
 packages/svelte/src/lib/utils/index.ts         |  6 ++++--
 14 files changed, 44 insertions(+), 44 deletions(-)

diff --git a/packages/svelte/src/lib/actions/zoom/index.ts b/packages/svelte/src/lib/actions/zoom/index.ts
index e553008ee..ce5797888 100644
--- a/packages/svelte/src/lib/actions/zoom/index.ts
+++ b/packages/svelte/src/lib/actions/zoom/index.ts
@@ -1,13 +1,13 @@
 import type { Writable } from 'svelte/store';
-import type {
-  CoordinateExtent,
-  OnPanZoom,
+import {
   PanOnScrollMode,
-  PanZoomInstance,
-  Transform,
-  Viewport
+  XYPanZoom,
+  type CoordinateExtent,
+  type OnPanZoom,
+  type PanZoomInstance,
+  type Transform,
+  type Viewport
 } from '@xyflow/system';
-import { XYPanZoom } from '@xyflow/system';
 
 type ZoomParams = {
   transform: Writable<Transform>;
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 05835b065..07b980612 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
   import { createEventDispatcher, type SvelteComponentTyped } from 'svelte';
-  import { Position } from '@xyflow/system';
-  import { getMarkerId } from '@xyflow/system';
+  import { Position, getMarkerId } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 19de10c9e..1eceb8587 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
   import { getContext, createEventDispatcher } from 'svelte';
   import cc from 'classcat';
-  import { Position, type Connection } from '@xyflow/system';
-  import { XYHandle, isMouseEvent } from '@xyflow/system';
+  import { Position, type Connection, XYHandle, isMouseEvent } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import type { HandleComponentProps } from '$lib/types';
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 32094783d..eee0573ea 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
   import { onDestroy } from 'svelte';
-  import { internalsSymbol } from '@xyflow/system';
-  import { getPositionWithOrigin } from '@xyflow/system';
+  import { internalsSymbol, getPositionWithOrigin } from '@xyflow/system';
 
   import { NodeWrapper } from '$lib/components/NodeWrapper';
   import { useStore } from '$lib/store';
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 1fd1896c5..5c33adc70 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -30,8 +30,7 @@
 
 <script lang="ts">
   import { createEventDispatcher } from 'svelte';
-  import { SelectionMode } from '@xyflow/system';
-  import { getEventPosition, getNodesInside } from '@xyflow/system';
+  import { SelectionMode, getEventPosition, getNodesInside  } from '@xyflow/system';
   
   import { useStore } from '$lib/store';
   import { getConnectedEdges } from '$lib/utils';
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 4c56d2f3c..72bd0e2c6 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -15,7 +15,7 @@
   import { Attribution } from '$lib/components/Attribution';
   import { useStore } from '$lib/store';
   import type { SvelteFlowProps } from './types';
-    import type { EdgeTypes, NodeTypes } from '$lib/types';
+  import type { EdgeTypes, NodeTypes } from '$lib/types';
 
   type $$Props = SvelteFlowProps;
 
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index cba667eb3..a0dc8cb80 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -1,13 +1,13 @@
 import { get, writable, type Writable } from 'svelte/store';
-import type {
-  Project,
-  SetCenterOptions,
-  Viewport,
-  ViewportHelperFunctionOptions,
-  XYPosition,
-  ZoomInOut
+import {
+  pointToRendererPoint,
+  type Project,
+  type SetCenterOptions,
+  type Viewport,
+  type ViewportHelperFunctionOptions,
+  type XYPosition,
+  type ZoomInOut
 } from '@xyflow/system';
-import { pointToRendererPoint } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
 import type { FitViewOptions } from '$lib/types';
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index d731e42e5..df6a59e10 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -17,8 +17,6 @@ export * from '$lib/utils';
 
 export * from '$lib/hooks/useSvelteFlow';
 
-export * from '@xyflow/system';
-export * from '@xyflow/system';
 export * from '@xyflow/system';
 
 export default SvelteFlow;
diff --git a/packages/svelte/src/lib/store/connection-path.ts b/packages/svelte/src/lib/store/connection-path.ts
index 02de63f13..aea51c3f0 100644
--- a/packages/svelte/src/lib/store/connection-path.ts
+++ b/packages/svelte/src/lib/store/connection-path.ts
@@ -1,6 +1,13 @@
 import { derived } from 'svelte/store';
-import { getBezierPath, getSmoothStepPath, getStraightPath } from '@xyflow/system';
-import { ConnectionLineType, ConnectionMode, Position, internalsSymbol } from '@xyflow/system';
+import {
+  getBezierPath,
+  getSmoothStepPath,
+  getStraightPath,
+  ConnectionLineType,
+  ConnectionMode,
+  Position,
+  internalsSymbol
+} from '@xyflow/system';
 
 import type { SvelteFlowStoreState } from './types';
 
diff --git a/packages/svelte/src/lib/store/edges-layouted.ts b/packages/svelte/src/lib/store/edges-layouted.ts
index d477875eb..03aa97d7b 100644
--- a/packages/svelte/src/lib/store/edges-layouted.ts
+++ b/packages/svelte/src/lib/store/edges-layouted.ts
@@ -1,6 +1,5 @@
 import { derived } from 'svelte/store';
-import { Position } from '@xyflow/system';
-import { getHandle } from '@xyflow/system';
+import { Position, getHandle } from '@xyflow/system';
 
 import { getEdgePositions, getNodeData } from '$lib/container/EdgeRenderer/utils';
 import type { EdgeLayouted } from '$lib/types';
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 74dda961f..d0b16fd0e 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -1,26 +1,24 @@
 import { getContext } from 'svelte';
 import { derived, get } from 'svelte/store';
 import {
+  internalsSymbol,
+  createMarkerIds,
+  fitView as fitViewUtil,
+  getDimensions,
+  getElementsToRemove,
+  getHandleBounds,
+  infiniteExtent,
   type UpdateNodePositions,
   type NodeDimensionUpdate,
-  internalsSymbol,
   type ViewportHelperFunctionOptions,
   type Connection,
   type XYPosition,
   type CoordinateExtent,
   type UpdateConnection
 } from '@xyflow/system';
-import {
-  createMarkerIds,
-  fitView as fitViewUtil,
-  getDimensions,
-  getElementsToRemove,
-  getHandleBounds,
-  infiniteExtent
-} from '@xyflow/system';
 
 import { addEdge as addEdgeUtil } from '$lib/utils';
-import type { EdgeTypes, NodeTypes, Node, Edge, ConnectionData, FitViewOptions } from '$lib/types';
+import type { EdgeTypes, NodeTypes, Node, Edge, FitViewOptions } from '$lib/types';
 import { getEdgesLayouted } from './edges-layouted';
 import { getConnectionPath } from './connection-path';
 import {
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index d30167407..574de978a 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -1,5 +1,6 @@
 import { readable, writable } from 'svelte/store';
 import {
+  infiniteExtent,
   SelectionMode,
   ConnectionMode,
   ConnectionLineType,
@@ -20,7 +21,6 @@ import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
 import StepEdge from '$lib/components/edges/StepEdge.svelte';
 import type { ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted, Edge, Node } from '$lib/types';
-import { infiniteExtent } from '@xyflow/system';
 
 export const initConnectionData = {
   connectionStartHandle: null,
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index 2a82300c6..667357027 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -1,3 +1,4 @@
+import type { Writable } from 'svelte/store';
 import type {
   NodeDimensionUpdate,
   XYPosition,
@@ -10,7 +11,6 @@ import type {
 
 import type { initialStoreState } from './initial-store';
 import type { Node, Edge, NodeTypes, EdgeTypes, FitViewOptions } from '$lib/types';
-import type { Writable } from 'svelte/store';
 
 export type SvelteFlowStoreActions = {
   setNodeTypes: (nodeTypes: NodeTypes) => void;
diff --git a/packages/svelte/src/lib/utils/index.ts b/packages/svelte/src/lib/utils/index.ts
index 4f34ad24c..4f5d9a8ac 100644
--- a/packages/svelte/src/lib/utils/index.ts
+++ b/packages/svelte/src/lib/utils/index.ts
@@ -8,9 +8,11 @@ import {
   updateEdgeBase,
   getConnectedEdgesBase,
   isNumeric,
-  getNodePositionWithOrigin
+  getNodePositionWithOrigin,
+  internalsSymbol,
+  type XYZPosition
 } from '@xyflow/system';
-import { internalsSymbol, type XYZPosition } from '@xyflow/system';
+
 import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, Node } from '$lib/types';
 
 export const isNode = isNodeBase<Node, Edge>;

From e0ccc0f980f3097564ec8526a8a0599cef2e4da3 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 5 Jun 2023 17:32:40 +0200
Subject: [PATCH 0076/1093] feat(utils): vanilla interactive minimap

---
 package.json                                  |   2 +-
 .../additional-components/Controls/style.css  |   0
 .../additional-components/MiniMap/MiniMap.tsx | 102 +++---
 .../react/src/components/Edges/wrapEdge.tsx   |   6 +-
 packages/svelte/README.md                     |   4 +-
 .../src/lib/plugins/Minimap/Minimap.svelte    | 103 +++---
 .../svelte/src/lib/plugins/Minimap/index.ts   |   2 +-
 .../src/lib/plugins/Minimap/interactive.ts    |  41 +++
 .../svelte/src/lib/plugins/Minimap/types.ts   |   6 +-
 .../svelte/src/routes/customnode/+page.svelte |   4 +-
 .../svelte/src/routes/drag-n-drop/Flow.svelte |   4 +-
 packages/svelte/src/routes/edges/+page.svelte |   4 +-
 .../src/routes/interaction/+page.svelte       |   4 +-
 .../svelte/src/routes/overview/+page.svelte   |   4 +-
 .../svelte/src/routes/stress/+page.svelte     |   4 +-
 .../svelte/src/routes/subflows/+page.svelte   |   4 +-
 .../src/routes/usesvelteflow/Flow.svelte      |   4 +-
 packages/system/src/index.ts                  |   1 +
 packages/system/src/xyhandle/XYHandle.ts      | 311 +++++++++++++++++
 packages/system/src/xyhandle/index.ts         | 312 +-----------------
 packages/system/src/xyminimap/index.ts        | 104 ++++++
 pnpm-lock.yaml                                |  33 +-
 22 files changed, 584 insertions(+), 475 deletions(-)
 delete mode 100644 packages/react/src/additional-components/Controls/style.css
 create mode 100644 packages/svelte/src/lib/plugins/Minimap/interactive.ts
 create mode 100644 packages/system/src/xyhandle/XYHandle.ts
 create mode 100644 packages/system/src/xyminimap/index.ts

diff --git a/package.json b/package.json
index b0ee43f8b..49679c470 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
   "private": true,
   "scripts": {
     "preinstall": "npx only-allow pnpm",
-    "dev": "turbo run dev",
+    "dev": "turbo run dev --parallel",
     "build": "turbo run build",
     "test": "turbo run test",
     "lint": "turbo run lint",
diff --git a/packages/react/src/additional-components/Controls/style.css b/packages/react/src/additional-components/Controls/style.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index 125f40e9c..245f75bf0 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -3,14 +3,13 @@
 import { memo, useEffect, useRef, type MouseEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import { type D3ZoomEvent, zoom } from 'd3-zoom';
-import { select, pointer } from 'd3-selection';
 import {
   getRectOfNodes,
   getBoundsOfRects,
   getNodePositionWithOrigin,
-  CoordinateExtent,
+  XYMinimap,
   type Rect,
+  type XYMinimapInstance,
 } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
@@ -40,12 +39,17 @@ const selector = (s: ReactFlowState) => {
     boundingRect: nodes.length > 0 ? getBoundsOfRects(getRectOfNodes(nodes, s.nodeOrigin), viewBB) : viewBB,
     rfId: s.rfId,
     nodeOrigin: s.nodeOrigin,
+    panZoom: s.panZoom,
+    translateExtent: s.translateExtent,
+    flowWidth: s.width,
+    flowHeight: s.height,
   };
 };
 
 const getAttrFunction = (func: any): GetMiniMapNodeAttribute => (func instanceof Function ? func : () => func);
 
 const ARIA_LABEL_KEY = 'react-flow__minimap-desc';
+
 function MiniMap({
   style,
   className,
@@ -66,12 +70,15 @@ function MiniMap({
   pannable = false,
   zoomable = false,
   ariaLabel = 'React Flow mini map',
-  inversePan = false,
-  zoomStep = 10,
+  inversePan,
+  zoomStep,
 }: MiniMapProps) {
   const store = useStoreApi();
   const svg = useRef<SVGSVGElement>(null);
-  const { boundingRect, viewBB, nodes, rfId, nodeOrigin } = useStore(selector, shallow);
+  const { boundingRect, viewBB, nodes, rfId, nodeOrigin, panZoom, translateExtent, flowWidth, flowHeight } = useStore(
+    selector,
+    shallow
+  );
   const elementWidth = (style?.width as number) ?? defaultWidth;
   const elementHeight = (style?.height as number) ?? defaultHeight;
   const nodeColorFunc = getAttrFunction(nodeColor);
@@ -90,76 +97,41 @@ function MiniMap({
   const shapeRendering = typeof window === 'undefined' || !!window.chrome ? 'crispEdges' : 'geometricPrecision';
   const labelledBy = `${ARIA_LABEL_KEY}-${rfId}`;
   const viewScaleRef = useRef(0);
+  const minimapInstance = useRef<XYMinimapInstance>();
 
   viewScaleRef.current = viewScale;
 
   useEffect(() => {
-    if (svg.current) {
-      const selection = select(svg.current as Element);
-
-      const zoomHandler = (event: D3ZoomEvent<SVGSVGElement, any>) => {
-        const { transform, panZoom } = store.getState();
-
-        if (event.sourceEvent.type !== 'wheel' || !panZoom) {
-          return;
-        }
-
-        const pinchDelta =
-          -event.sourceEvent.deltaY *
-          (event.sourceEvent.deltaMode === 1 ? 0.05 : event.sourceEvent.deltaMode ? 1 : 0.002) *
-          zoomStep;
-        const nextZoom = transform[2] * Math.pow(2, pinchDelta);
-
-        panZoom.scaleTo(nextZoom);
-      };
-
-      const panHandler = (event: D3ZoomEvent<HTMLDivElement, any>) => {
-        const { transform, panZoom, translateExtent, width, height } = store.getState();
-
-        if (event.sourceEvent.type !== 'mousemove' || !panZoom) {
-          return;
-        }
-
-        // @TODO: how to calculate the correct next position? Math.max(1, transform[2]) is a workaround.
-        const moveScale = viewScaleRef.current * Math.max(1, transform[2]) * (inversePan ? -1 : 1);
-        const position = {
-          x: transform[0] - event.sourceEvent.movementX * moveScale,
-          y: transform[1] - event.sourceEvent.movementY * moveScale,
-        };
-        const extent: CoordinateExtent = [
-          [0, 0],
-          [width, height],
-        ];
-
-        panZoom.setViewportConstrained(
-          {
-            x: position.x,
-            y: position.y,
-            zoom: transform[2],
-          },
-          extent,
-          translateExtent
-        );
-      };
-
-      const zoomAndPanHandler = zoom()
-        // @ts-ignore
-        .on('zoom', pannable ? panHandler : null)
-        // @ts-ignore
-        .on('zoom.wheel', zoomable ? zoomHandler : null);
-
-      selection.call(zoomAndPanHandler, {});
+    if (svg.current && panZoom) {
+      minimapInstance.current = XYMinimap({
+        domNode: svg.current,
+        panZoom,
+        getTransform: () => store.getState().transform,
+        getViewScale: () => viewScaleRef.current,
+      });
 
       return () => {
-        selection.on('zoom', null);
+        minimapInstance.current?.destroy();
       };
     }
-  }, [pannable, zoomable, inversePan, zoomStep]);
+  }, [panZoom]);
+
+  useEffect(() => {
+    minimapInstance.current?.update({
+      translateExtent,
+      width: flowWidth,
+      height: flowHeight,
+      inversePan,
+      pannable,
+      zoomStep,
+      zoomable,
+    });
+  }, [pannable, zoomable, inversePan, zoomStep, translateExtent, flowWidth, flowHeight]);
 
   const onSvgClick = onClick
     ? (event: MouseEvent) => {
-        const rfCoord = pointer(event);
-        onClick(event, { x: rfCoord[0], y: rfCoord[1] });
+        const rfCoord = minimapInstance.current?.pointer(event);
+        onClick(event, { x: rfCoord?.[0] ?? 0, y: rfCoord?.[1] ?? 0 });
       }
     : undefined;
 
diff --git a/packages/react/src/components/Edges/wrapEdge.tsx b/packages/react/src/components/Edges/wrapEdge.tsx
index 8fd7db222..8172dfb65 100644
--- a/packages/react/src/components/Edges/wrapEdge.tsx
+++ b/packages/react/src/components/Edges/wrapEdge.tsx
@@ -98,10 +98,9 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
         autoPanOnConnect,
         domNode,
         edges,
-        isValidConnection: isValidConnectionStore,
+        isValidConnection,
         connectionMode,
         connectionRadius,
-        transform,
         lib,
         onConnectStart,
         onConnectEnd,
@@ -113,7 +112,6 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
       const nodeId = isSourceHandle ? target : source;
       const handleId = (isSourceHandle ? targetHandleId : sourceHandleId) || null;
       const handleType = isSourceHandle ? 'target' : 'source';
-      const isValidConnection = isValidConnectionStore || alwaysValidConnection;
 
       const isTarget = isSourceHandle;
       const edge = edges.find((e) => e.id === id)!;
@@ -139,7 +137,6 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
         nodes,
         isTarget,
         edgeUpdaterType: handleType,
-        transform,
         lib,
         cancelConnection,
         panBy,
@@ -149,6 +146,7 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
         onConnectEnd,
         onEdgeUpdateEnd: _onEdgeUpdateEnd,
         updateConnection,
+        getTransform: () => store.getState().transform,
       });
     };
 
diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index bb200bfd1..60152e7a2 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -23,7 +23,7 @@ A basic flow looks like this:
     Controls,
     Background,
     BackgroundVariant,
-    Minimap,
+    MiniMap,
     Panel,
     createNodes,
     createEdges,
@@ -73,7 +73,7 @@ A basic flow looks like this:
   >
     <Controls />
     <Background variant={BackgroundVariant.Dots} />
-    <Minimap />
+    <MiniMap />
   </SvelteFlow>
 </SvelteFlowProvider>
 ```
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 57c022779..b8749ef88 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -12,6 +12,7 @@
   import { useStore } from '$lib/store';
   import { Panel } from '$lib/container/Panel';
   import MinimapNode from './MinimapNode.svelte';
+  import interactive from './interactive'
   import type { GetMiniMapNodeAttribute, MiniMapProps } from './types';
 
   type $$Props = MiniMapProps;
@@ -30,13 +31,17 @@
   let maskStrokeWidth: $$Props['maskStrokeWidth'] = 1;
   let width: $$Props['width'] = undefined;
   let height: $$Props['height'] = undefined;
+  let pannable: $$Props['pannable'] = true;
+  let zoomable: $$Props['zoomable'] = true;  
+  let inversePan: $$Props['inversePan'] = undefined;
+  let zoomStep: $$Props['zoomStep'] = undefined;
+
   let className: $$Props['class'] = '';
   export { className as class };
 
   const defaultWidth = 200;
   const defaultHeight = 150;
-  const { nodes, transform, width: containerWidth, height: containerHeight, flowId } = useStore();
-
+  const { nodes, transform, width: containerWidth, height: containerHeight, flowId, panZoom, translateExtent } = useStore();
   
   const nodeColorFunc = getAttrFunction(nodeColor);
   const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
@@ -65,6 +70,8 @@
   $: y = boundingRect.y - (viewHeight - boundingRect.height) / 2 - offset;
   $: viewboxWidth = viewWidth + offset * 2;
   $: viewboxHeight = viewHeight + offset * 2;
+
+  const getViewScale = () => viewScale;
 </script>
 
 <Panel
@@ -73,44 +80,58 @@
   style={`background-color: ${bgColor}; ${style}`}
   data-testid="svelte-flow__minimap"
 >
-  <svg
-    width={elementWidth}
-    height={elementHeight}
-    viewBox={`${x} ${y} ${viewboxWidth} ${viewboxHeight}`}
-    role="img"
-    aria-labelledby={labelledBy}
-  >
-    {#if ariaLabel}<title id={labelledBy}>{ariaLabel}</title>{/if}
+  {#if $panZoom}
+    <svg
+      width={elementWidth}
+      height={elementHeight}
+      viewBox={`${x} ${y} ${viewboxWidth} ${viewboxHeight}`}
+      role="img"
+      aria-labelledby={labelledBy}
+      use:interactive={{
+        panZoom: $panZoom,
+        transform,
+        getViewScale,
+        translateExtent: $translateExtent,
+        width: $containerWidth,
+        height: $containerHeight,
+        inversePan,
+        zoomStep,
+        pannable,
+        zoomable,
+      }}
+    >
+      {#if ariaLabel}<title id={labelledBy}>{ariaLabel}</title>{/if}
 
-    {#each $nodes as node (node.id)}
-      {#if node.width && node.height}
-        {@const pos = getNodePositionWithOrigin(node).positionAbsolute}
-        <MinimapNode
-          x={pos.x}
-          y={pos.y}
-          width={node.width}
-          height={node.height}
-          color={nodeColorFunc(node)}
-          borderRadius={nodeBorderRadius}
-          strokeColor={nodeStrokeColorFunc(node)}
-          strokeWidth={nodeStrokeWidth}
-          {shapeRendering}
-          class={nodeClassNameFunc(node)}
-          style={{}}
-        />
-      {/if}
-    {/each}
-    <path
-      class="svelte-flow__minimap-mask"
-      d={`M${x - offset},${y - offset}h${viewboxWidth + offset * 2}v${viewboxHeight + offset * 2}h${
-        -viewboxWidth - offset * 2
-      }z
-    M${viewBB.x},${viewBB.y}h${viewBB.width}v${viewBB.height}h${-viewBB.width}z`}
-      fill={maskColor}
-      fill-rule="evenodd"
-      stroke={maskStrokeColor}
-      stroke-width={maskStrokeWidth}
-      pointer-events="none"
-    />
-  </svg>
+      {#each $nodes as node (node.id)}
+        {#if node.width && node.height}
+          {@const pos = getNodePositionWithOrigin(node).positionAbsolute}
+          <MinimapNode
+            x={pos.x}
+            y={pos.y}
+            width={node.width}
+            height={node.height}
+            color={nodeColorFunc(node)}
+            borderRadius={nodeBorderRadius}
+            strokeColor={nodeStrokeColorFunc(node)}
+            strokeWidth={nodeStrokeWidth}
+            {shapeRendering}
+            class={nodeClassNameFunc(node)}
+            style={{}}
+          />
+        {/if}
+      {/each}
+      <path
+        class="svelte-flow__minimap-mask"
+        d={`M${x - offset},${y - offset}h${viewboxWidth + offset * 2}v${viewboxHeight + offset * 2}h${
+          -viewboxWidth - offset * 2
+        }z
+      M${viewBB.x},${viewBB.y}h${viewBB.width}v${viewBB.height}h${-viewBB.width}z`}
+        fill={maskColor}
+        fill-rule="evenodd"
+        stroke={maskStrokeColor}
+        stroke-width={maskStrokeWidth}
+        pointer-events="none"
+      />
+    </svg>
+  {/if}
 </Panel>
diff --git a/packages/svelte/src/lib/plugins/Minimap/index.ts b/packages/svelte/src/lib/plugins/Minimap/index.ts
index b21255c04..192f51cec 100644
--- a/packages/svelte/src/lib/plugins/Minimap/index.ts
+++ b/packages/svelte/src/lib/plugins/Minimap/index.ts
@@ -1 +1 @@
-export { default as Minimap } from './Minimap.svelte';
+export { default as MiniMap } from './Minimap.svelte';
diff --git a/packages/svelte/src/lib/plugins/Minimap/interactive.ts b/packages/svelte/src/lib/plugins/Minimap/interactive.ts
new file mode 100644
index 000000000..9bdbea13f
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/Minimap/interactive.ts
@@ -0,0 +1,41 @@
+import { get, type Writable } from 'svelte/store';
+import {
+  XYMinimap,
+  type PanZoomInstance,
+  type Transform,
+  type XYMinimapUpdate
+} from '@xyflow/system';
+
+export type UseInteractiveParams = {
+  panZoom: PanZoomInstance;
+  transform: Writable<Transform>;
+  getViewScale: () => number;
+} & XYMinimapUpdate;
+
+export default function interactive(domNode: Element, params: UseInteractiveParams) {
+  const minimap = XYMinimap({
+    domNode,
+    panZoom: params.panZoom,
+    getTransform: () => get(params.transform),
+    getViewScale: params.getViewScale
+  });
+
+  function update(params: UseInteractiveParams) {
+    minimap.update({
+      translateExtent: params.translateExtent,
+      width: params.width,
+      height: params.height,
+      inversePan: params.inversePan,
+      zoomStep: params.zoomStep,
+      pannable: params.pannable,
+      zoomable: params.zoomable
+    });
+  }
+
+  return {
+    update,
+    destroy() {
+      minimap.destroy();
+    }
+  };
+}
diff --git a/packages/svelte/src/lib/plugins/Minimap/types.ts b/packages/svelte/src/lib/plugins/Minimap/types.ts
index b4cb00006..c141aac9e 100644
--- a/packages/svelte/src/lib/plugins/Minimap/types.ts
+++ b/packages/svelte/src/lib/plugins/Minimap/types.ts
@@ -22,6 +22,8 @@ export type MiniMapProps = {
   height?: number;
   // onClick?: (event: MouseEvent, position: XYPosition) => void;
   // onNodeClick?: (event: MouseEvent, node: Node) => void;
-  // pannable?: boolean;
-  // zoomable?: boolean;
+  pannable?: boolean;
+  zoomable?: boolean;
+  inversePan?: boolean;
+  zoomStep?: number;
 };
diff --git a/packages/svelte/src/routes/customnode/+page.svelte b/packages/svelte/src/routes/customnode/+page.svelte
index 6cad68154..3a3338fd9 100644
--- a/packages/svelte/src/routes/customnode/+page.svelte
+++ b/packages/svelte/src/routes/customnode/+page.svelte
@@ -6,7 +6,7 @@
     Controls,
     Background,
     BackgroundVariant,
-    Minimap,
+    MiniMap,
     createNodes,
     createEdges,
     type NodeTypes,
@@ -108,7 +108,7 @@
   >
     <Controls />
     <Background variant={BackgroundVariant.Dots} />
-    <Minimap />
+    <MiniMap />
   </SvelteFlow>
 </SvelteFlowProvider>
 
diff --git a/packages/svelte/src/routes/drag-n-drop/Flow.svelte b/packages/svelte/src/routes/drag-n-drop/Flow.svelte
index 3d3c16c9d..7141b5e64 100644
--- a/packages/svelte/src/routes/drag-n-drop/Flow.svelte
+++ b/packages/svelte/src/routes/drag-n-drop/Flow.svelte
@@ -3,7 +3,7 @@
     Controls,
     Background,
     BackgroundVariant,
-    Minimap,
+    MiniMap,
     useSvelteFlow,
     type Node
   } from '../../lib/index';
@@ -52,7 +52,7 @@
   >
     <Controls />
     <Background variant={BackgroundVariant.Dots} />
-    <Minimap />
+    <MiniMap />
   </SvelteFlow>
   <Sidebar />
 </main>
diff --git a/packages/svelte/src/routes/edges/+page.svelte b/packages/svelte/src/routes/edges/+page.svelte
index abd48eeca..b8788b9a1 100644
--- a/packages/svelte/src/routes/edges/+page.svelte
+++ b/packages/svelte/src/routes/edges/+page.svelte
@@ -4,7 +4,7 @@
     Controls,
     Background,
     BackgroundVariant,
-    Minimap,
+    MiniMap,
     createNodes,
     createEdges,
     type NodeTypes,
@@ -154,7 +154,7 @@
   >
     <Controls />
     <Background variant={BackgroundVariant.Dots} />
-    <Minimap />
+    <MiniMap />
   </SvelteFlow>
 </SvelteFlowProvider>
 
diff --git a/packages/svelte/src/routes/interaction/+page.svelte b/packages/svelte/src/routes/interaction/+page.svelte
index 34f0be844..6729d0a42 100644
--- a/packages/svelte/src/routes/interaction/+page.svelte
+++ b/packages/svelte/src/routes/interaction/+page.svelte
@@ -6,7 +6,7 @@
     createNodes,
     createEdges,
     PanOnScrollMode,
-    Minimap,
+    MiniMap,
     type OnMoveEnd,
     type Node,
     type Edge,
@@ -70,7 +70,7 @@
     panOnDrag={panOnDrag}
     onMoveEnd={onMoveEnd}
   >
-    <Minimap />
+    <MiniMap />
     <Controls />
 
     <Panel position="top-right">
diff --git a/packages/svelte/src/routes/overview/+page.svelte b/packages/svelte/src/routes/overview/+page.svelte
index 3207b2323..ce1219171 100644
--- a/packages/svelte/src/routes/overview/+page.svelte
+++ b/packages/svelte/src/routes/overview/+page.svelte
@@ -4,7 +4,7 @@
     Controls,
     Background,
     BackgroundVariant,
-    Minimap,
+    MiniMap,
     Panel,
     createNodes,
     createEdges,
@@ -138,7 +138,7 @@
   >
     <Controls />
     <Background variant={BackgroundVariant.Dots} />
-    <Minimap />
+    <MiniMap />
     <Panel position="top-right">
       <button on:click={updateNode}>update node pos</button>
     </Panel>
diff --git a/packages/svelte/src/routes/stress/+page.svelte b/packages/svelte/src/routes/stress/+page.svelte
index 68585a832..4a5ce390c 100644
--- a/packages/svelte/src/routes/stress/+page.svelte
+++ b/packages/svelte/src/routes/stress/+page.svelte
@@ -4,7 +4,7 @@
     Controls,
     Background,
     BackgroundVariant,
-    Minimap,
+    MiniMap,
     createNodes,
     createEdges,
     type Node,
@@ -59,6 +59,6 @@
   >
     <Controls />
     <Background variant={BackgroundVariant.Dots} />
-    <Minimap />
+    <MiniMap />
   </SvelteFlow>
 </SvelteFlowProvider>
\ No newline at end of file
diff --git a/packages/svelte/src/routes/subflows/+page.svelte b/packages/svelte/src/routes/subflows/+page.svelte
index 9743360a8..de115ba2e 100644
--- a/packages/svelte/src/routes/subflows/+page.svelte
+++ b/packages/svelte/src/routes/subflows/+page.svelte
@@ -4,7 +4,7 @@
     Controls,
     Background,
     BackgroundVariant,
-    Minimap,
+    MiniMap,
     createNodes,
     createEdges,
     type NodeTypes,
@@ -130,7 +130,7 @@
   >
     <Controls />
     <Background variant={BackgroundVariant.Dots} />
-    <Minimap />
+    <MiniMap />
   </SvelteFlow>
 </SvelteFlowProvider>
 
diff --git a/packages/svelte/src/routes/usesvelteflow/Flow.svelte b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
index 5effcafcc..fc98236f8 100644
--- a/packages/svelte/src/routes/usesvelteflow/Flow.svelte
+++ b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
@@ -3,7 +3,7 @@
     Controls,
     Background,
     BackgroundVariant,
-    Minimap,
+    MiniMap,
   } from '../../lib/index';
   import Sidebar from './Sidebar.svelte';
 </script>
@@ -14,7 +14,7 @@
   >
     <Controls />
     <Background variant={BackgroundVariant.Dots} />
-    <Minimap />
+    <MiniMap />
   </SvelteFlow>
   <Sidebar />
 </main>
diff --git a/packages/system/src/index.ts b/packages/system/src/index.ts
index 2099ffb86..78da8d4fc 100644
--- a/packages/system/src/index.ts
+++ b/packages/system/src/index.ts
@@ -3,4 +3,5 @@ export * from './types';
 export * from './utils';
 export * from './xydrag';
 export * from './xyhandle';
+export * from './xyminimap';
 export * from './xypanzoom';
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
new file mode 100644
index 000000000..f459f3f01
--- /dev/null
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -0,0 +1,311 @@
+import { pointToRendererPoint, rendererPointToPoint, getHostForElement, calcAutoPan, getEventPosition } from '../utils';
+import {
+  ConnectionMode,
+  type OnConnect,
+  type OnConnectStart,
+  type HandleType,
+  type Connection,
+  type PanBy,
+  type BaseNode,
+  type Transform,
+  type ConnectingHandle,
+  type OnConnectEnd,
+  type UpdateConnection,
+  type IsValidConnection,
+  type ConnectionHandle,
+} from '../types';
+
+import { getClosestHandle, getConnectionStatus, getHandleLookup, getHandleType, resetRecentHandle } from './utils';
+
+export type OnPointerDownParams = {
+  autoPanOnConnect: boolean;
+  connectionMode: ConnectionMode;
+  connectionRadius: number;
+  domNode: HTMLDivElement | null;
+  handleId: string | null;
+  nodeId: string;
+  isTarget: boolean;
+  nodes: BaseNode[];
+  lib: string;
+  edgeUpdaterType?: HandleType;
+  updateConnection: UpdateConnection;
+  panBy: PanBy;
+  cancelConnection: () => void;
+  onConnectStart?: OnConnectStart;
+  onConnect?: OnConnect;
+  onConnectEnd?: OnConnectEnd;
+  isValidConnection?: IsValidConnection;
+  onEdgeUpdateEnd?: (evt: MouseEvent | TouchEvent) => void;
+  getTransform: () => Transform;
+};
+
+export type IsValidParams = {
+  handle: Pick<ConnectionHandle, 'nodeId' | 'id' | 'type'> | null;
+  connectionMode: ConnectionMode;
+  fromNodeId: string;
+  fromHandleId: string | null;
+  fromType: HandleType;
+  isValidConnection?: IsValidConnection;
+  doc: Document | ShadowRoot;
+  lib: string;
+};
+
+export type XYHandleInstance = {
+  onPointerDown: (event: MouseEvent | TouchEvent, params: OnPointerDownParams) => void;
+  isValid: (event: MouseEvent | TouchEvent, params: IsValidParams) => Result;
+};
+
+type Result = {
+  handleDomNode: Element | null;
+  isValid: boolean;
+  connection: Connection;
+  endHandle: ConnectingHandle | null;
+};
+
+const nullConnection: Connection = { source: null, target: null, sourceHandle: null, targetHandle: null };
+
+const alwaysValid = () => true;
+
+function onPointerDown(
+  event: MouseEvent | TouchEvent,
+  {
+    connectionMode,
+    connectionRadius,
+    handleId,
+    nodeId,
+    edgeUpdaterType,
+    isTarget,
+    domNode,
+    nodes,
+    lib,
+    autoPanOnConnect,
+    panBy,
+    cancelConnection,
+    onConnectStart,
+    onConnect,
+    onConnectEnd,
+    isValidConnection = alwaysValid,
+    onEdgeUpdateEnd,
+    updateConnection,
+    getTransform,
+  }: OnPointerDownParams
+) {
+  // when react-flow is used inside a shadow root we can't use document
+  const doc = getHostForElement(event.target as HTMLElement);
+  let autoPanId = 0;
+  let closestHandle: ConnectionHandle | null;
+
+  const { x, y } = getEventPosition(event);
+  const clickedHandle = doc?.elementFromPoint(x, y);
+  const handleType = getHandleType(edgeUpdaterType, clickedHandle);
+  const containerBounds = domNode?.getBoundingClientRect();
+
+  if (!containerBounds || !handleType) {
+    return;
+  }
+
+  let prevActiveHandle: Element;
+  let connectionPosition = getEventPosition(event, containerBounds);
+  let autoPanStarted = false;
+  let connection: Connection | null = null;
+  let isValid = false;
+  let handleDomNode: Element | null = null;
+
+  const handleLookup = getHandleLookup({
+    nodes,
+    nodeId,
+    handleId,
+    handleType,
+  });
+
+  // when the user is moving the mouse close to the edge of the canvas while connecting we move the canvas
+  function autoPan(): void {
+    if (!autoPanOnConnect || !containerBounds) {
+      return;
+    }
+    const [x, y] = calcAutoPan(connectionPosition, containerBounds);
+
+    panBy({ x, y });
+    autoPanId = requestAnimationFrame(autoPan);
+  }
+
+  updateConnection({
+    connectionPosition,
+    connectionStatus: null,
+    // connectionNodeId etc will be removed in the next major in favor of connectionStartHandle
+    connectionStartHandle: {
+      nodeId,
+      handleId,
+      type: handleType,
+    },
+    connectionEndHandle: null,
+  });
+
+  onConnectStart?.(event, { nodeId, handleId, handleType });
+
+  function onPointerMove(event: MouseEvent | TouchEvent) {
+    const transform = getTransform();
+    connectionPosition = getEventPosition(event, containerBounds);
+    closestHandle = getClosestHandle(
+      pointToRendererPoint(connectionPosition, transform, false, [1, 1]),
+      connectionRadius,
+      handleLookup
+    );
+
+    if (!autoPanStarted) {
+      autoPan();
+      autoPanStarted = true;
+    }
+
+    const result = isValidHandle(event, {
+      handle: closestHandle,
+      connectionMode,
+      fromNodeId: nodeId,
+      fromHandleId: handleId,
+      fromType: isTarget ? 'target' : 'source',
+      isValidConnection,
+      doc,
+      lib,
+    });
+
+    handleDomNode = result.handleDomNode;
+    connection = result.connection;
+    isValid = result.isValid;
+
+    updateConnection({
+      connectionPosition:
+        closestHandle && isValid
+          ? rendererPointToPoint(
+              {
+                x: closestHandle.x,
+                y: closestHandle.y,
+              },
+              transform
+            )
+          : connectionPosition,
+      connectionStatus: getConnectionStatus(!!closestHandle, isValid),
+      connectionEndHandle: result.endHandle,
+    });
+
+    if (!closestHandle && !isValid && !handleDomNode) {
+      return resetRecentHandle(prevActiveHandle, lib);
+    }
+
+    if (connection.source !== connection.target && handleDomNode) {
+      resetRecentHandle(prevActiveHandle, lib);
+      prevActiveHandle = handleDomNode;
+      // @todo: remove the old class names "react-flow__handle-" in the next major version
+      handleDomNode.classList.add('connecting', `${lib}-flow__handle-connecting`);
+      handleDomNode.classList.toggle('valid', isValid);
+      handleDomNode.classList.toggle(`${lib}-flow__handle-valid`, isValid);
+    }
+  }
+
+  function onPointerUp(event: MouseEvent | TouchEvent) {
+    if ((closestHandle || handleDomNode) && connection && isValid) {
+      onConnect?.(connection);
+    }
+
+    // it's important to get a fresh reference from the store here
+    // in order to get the latest state of onConnectEnd
+    onConnectEnd?.(event);
+
+    if (edgeUpdaterType) {
+      onEdgeUpdateEnd?.(event);
+    }
+
+    resetRecentHandle(prevActiveHandle, lib);
+    cancelConnection();
+    cancelAnimationFrame(autoPanId);
+    autoPanStarted = false;
+    isValid = false;
+    connection = null;
+    handleDomNode = null;
+
+    doc.removeEventListener('mousemove', onPointerMove as EventListener);
+    doc.removeEventListener('mouseup', onPointerUp as EventListener);
+
+    doc.removeEventListener('touchmove', onPointerMove as EventListener);
+    doc.removeEventListener('touchend', onPointerUp as EventListener);
+  }
+
+  doc.addEventListener('mousemove', onPointerMove as EventListener);
+  doc.addEventListener('mouseup', onPointerUp as EventListener);
+
+  doc.addEventListener('touchmove', onPointerMove as EventListener);
+  doc.addEventListener('touchend', onPointerUp as EventListener);
+}
+
+// checks if  and returns connection in fom of an object { source: 123, target: 312 }
+function isValidHandle(
+  event: MouseEvent | TouchEvent,
+  {
+    handle,
+    connectionMode,
+    fromNodeId,
+    fromHandleId,
+    fromType,
+    doc,
+    lib,
+    isValidConnection = alwaysValid,
+  }: IsValidParams
+) {
+  const isTarget = fromType === 'target';
+  const handleDomNode = doc.querySelector(
+    `.${lib}-flow__handle[data-id="${handle?.nodeId}-${handle?.id}-${handle?.type}"]`
+  );
+  const { x, y } = getEventPosition(event);
+  const handleBelow = doc.elementFromPoint(x, y);
+  // we always want to prioritize the handle below the mouse cursor over the closest distance handle,
+  // because it could be that the center of another handle is closer to the mouse pointer than the handle below the cursor
+  const handleToCheck = handleBelow?.classList.contains(`${lib}-flow__handle`) ? handleBelow : handleDomNode;
+
+  const result: Result = {
+    handleDomNode: handleToCheck,
+    isValid: false,
+    connection: nullConnection,
+    endHandle: null,
+  };
+
+  if (handleToCheck) {
+    const handleType = getHandleType(undefined, handleToCheck);
+    const handleNodeId = handleToCheck.getAttribute('data-nodeid');
+    const handleId = handleToCheck.getAttribute('data-handleid');
+    const connectable = handleToCheck.classList.contains('connectable');
+    const connectableEnd = handleToCheck.classList.contains('connectableend');
+
+    const connection: Connection = {
+      source: isTarget ? handleNodeId : fromNodeId,
+      sourceHandle: isTarget ? handleId : fromHandleId,
+      target: isTarget ? fromNodeId : handleNodeId,
+      targetHandle: isTarget ? fromHandleId : handleId,
+    };
+
+    result.connection = connection;
+
+    const isConnectable = connectable && connectableEnd;
+    // in strict mode we don't allow target to target or source to source connections
+    const isValid =
+      isConnectable &&
+      (connectionMode === ConnectionMode.Strict
+        ? (isTarget && handleType === 'source') || (!isTarget && handleType === 'target')
+        : handleNodeId !== fromNodeId || handleId !== fromHandleId);
+
+    if (isValid) {
+      result.endHandle = {
+        nodeId: handleNodeId as string,
+        handleId,
+        type: handleType as HandleType,
+      };
+
+      result.isValid = isValidConnection(connection);
+    }
+  }
+
+  return result;
+}
+
+export const XYHandle: XYHandleInstance = {
+  onPointerDown,
+  isValid: isValidHandle,
+};
diff --git a/packages/system/src/xyhandle/index.ts b/packages/system/src/xyhandle/index.ts
index f459f3f01..b57175827 100644
--- a/packages/system/src/xyhandle/index.ts
+++ b/packages/system/src/xyhandle/index.ts
@@ -1,311 +1 @@
-import { pointToRendererPoint, rendererPointToPoint, getHostForElement, calcAutoPan, getEventPosition } from '../utils';
-import {
-  ConnectionMode,
-  type OnConnect,
-  type OnConnectStart,
-  type HandleType,
-  type Connection,
-  type PanBy,
-  type BaseNode,
-  type Transform,
-  type ConnectingHandle,
-  type OnConnectEnd,
-  type UpdateConnection,
-  type IsValidConnection,
-  type ConnectionHandle,
-} from '../types';
-
-import { getClosestHandle, getConnectionStatus, getHandleLookup, getHandleType, resetRecentHandle } from './utils';
-
-export type OnPointerDownParams = {
-  autoPanOnConnect: boolean;
-  connectionMode: ConnectionMode;
-  connectionRadius: number;
-  domNode: HTMLDivElement | null;
-  handleId: string | null;
-  nodeId: string;
-  isTarget: boolean;
-  nodes: BaseNode[];
-  lib: string;
-  edgeUpdaterType?: HandleType;
-  updateConnection: UpdateConnection;
-  panBy: PanBy;
-  cancelConnection: () => void;
-  onConnectStart?: OnConnectStart;
-  onConnect?: OnConnect;
-  onConnectEnd?: OnConnectEnd;
-  isValidConnection?: IsValidConnection;
-  onEdgeUpdateEnd?: (evt: MouseEvent | TouchEvent) => void;
-  getTransform: () => Transform;
-};
-
-export type IsValidParams = {
-  handle: Pick<ConnectionHandle, 'nodeId' | 'id' | 'type'> | null;
-  connectionMode: ConnectionMode;
-  fromNodeId: string;
-  fromHandleId: string | null;
-  fromType: HandleType;
-  isValidConnection?: IsValidConnection;
-  doc: Document | ShadowRoot;
-  lib: string;
-};
-
-export type XYHandleInstance = {
-  onPointerDown: (event: MouseEvent | TouchEvent, params: OnPointerDownParams) => void;
-  isValid: (event: MouseEvent | TouchEvent, params: IsValidParams) => Result;
-};
-
-type Result = {
-  handleDomNode: Element | null;
-  isValid: boolean;
-  connection: Connection;
-  endHandle: ConnectingHandle | null;
-};
-
-const nullConnection: Connection = { source: null, target: null, sourceHandle: null, targetHandle: null };
-
-const alwaysValid = () => true;
-
-function onPointerDown(
-  event: MouseEvent | TouchEvent,
-  {
-    connectionMode,
-    connectionRadius,
-    handleId,
-    nodeId,
-    edgeUpdaterType,
-    isTarget,
-    domNode,
-    nodes,
-    lib,
-    autoPanOnConnect,
-    panBy,
-    cancelConnection,
-    onConnectStart,
-    onConnect,
-    onConnectEnd,
-    isValidConnection = alwaysValid,
-    onEdgeUpdateEnd,
-    updateConnection,
-    getTransform,
-  }: OnPointerDownParams
-) {
-  // when react-flow is used inside a shadow root we can't use document
-  const doc = getHostForElement(event.target as HTMLElement);
-  let autoPanId = 0;
-  let closestHandle: ConnectionHandle | null;
-
-  const { x, y } = getEventPosition(event);
-  const clickedHandle = doc?.elementFromPoint(x, y);
-  const handleType = getHandleType(edgeUpdaterType, clickedHandle);
-  const containerBounds = domNode?.getBoundingClientRect();
-
-  if (!containerBounds || !handleType) {
-    return;
-  }
-
-  let prevActiveHandle: Element;
-  let connectionPosition = getEventPosition(event, containerBounds);
-  let autoPanStarted = false;
-  let connection: Connection | null = null;
-  let isValid = false;
-  let handleDomNode: Element | null = null;
-
-  const handleLookup = getHandleLookup({
-    nodes,
-    nodeId,
-    handleId,
-    handleType,
-  });
-
-  // when the user is moving the mouse close to the edge of the canvas while connecting we move the canvas
-  function autoPan(): void {
-    if (!autoPanOnConnect || !containerBounds) {
-      return;
-    }
-    const [x, y] = calcAutoPan(connectionPosition, containerBounds);
-
-    panBy({ x, y });
-    autoPanId = requestAnimationFrame(autoPan);
-  }
-
-  updateConnection({
-    connectionPosition,
-    connectionStatus: null,
-    // connectionNodeId etc will be removed in the next major in favor of connectionStartHandle
-    connectionStartHandle: {
-      nodeId,
-      handleId,
-      type: handleType,
-    },
-    connectionEndHandle: null,
-  });
-
-  onConnectStart?.(event, { nodeId, handleId, handleType });
-
-  function onPointerMove(event: MouseEvent | TouchEvent) {
-    const transform = getTransform();
-    connectionPosition = getEventPosition(event, containerBounds);
-    closestHandle = getClosestHandle(
-      pointToRendererPoint(connectionPosition, transform, false, [1, 1]),
-      connectionRadius,
-      handleLookup
-    );
-
-    if (!autoPanStarted) {
-      autoPan();
-      autoPanStarted = true;
-    }
-
-    const result = isValidHandle(event, {
-      handle: closestHandle,
-      connectionMode,
-      fromNodeId: nodeId,
-      fromHandleId: handleId,
-      fromType: isTarget ? 'target' : 'source',
-      isValidConnection,
-      doc,
-      lib,
-    });
-
-    handleDomNode = result.handleDomNode;
-    connection = result.connection;
-    isValid = result.isValid;
-
-    updateConnection({
-      connectionPosition:
-        closestHandle && isValid
-          ? rendererPointToPoint(
-              {
-                x: closestHandle.x,
-                y: closestHandle.y,
-              },
-              transform
-            )
-          : connectionPosition,
-      connectionStatus: getConnectionStatus(!!closestHandle, isValid),
-      connectionEndHandle: result.endHandle,
-    });
-
-    if (!closestHandle && !isValid && !handleDomNode) {
-      return resetRecentHandle(prevActiveHandle, lib);
-    }
-
-    if (connection.source !== connection.target && handleDomNode) {
-      resetRecentHandle(prevActiveHandle, lib);
-      prevActiveHandle = handleDomNode;
-      // @todo: remove the old class names "react-flow__handle-" in the next major version
-      handleDomNode.classList.add('connecting', `${lib}-flow__handle-connecting`);
-      handleDomNode.classList.toggle('valid', isValid);
-      handleDomNode.classList.toggle(`${lib}-flow__handle-valid`, isValid);
-    }
-  }
-
-  function onPointerUp(event: MouseEvent | TouchEvent) {
-    if ((closestHandle || handleDomNode) && connection && isValid) {
-      onConnect?.(connection);
-    }
-
-    // it's important to get a fresh reference from the store here
-    // in order to get the latest state of onConnectEnd
-    onConnectEnd?.(event);
-
-    if (edgeUpdaterType) {
-      onEdgeUpdateEnd?.(event);
-    }
-
-    resetRecentHandle(prevActiveHandle, lib);
-    cancelConnection();
-    cancelAnimationFrame(autoPanId);
-    autoPanStarted = false;
-    isValid = false;
-    connection = null;
-    handleDomNode = null;
-
-    doc.removeEventListener('mousemove', onPointerMove as EventListener);
-    doc.removeEventListener('mouseup', onPointerUp as EventListener);
-
-    doc.removeEventListener('touchmove', onPointerMove as EventListener);
-    doc.removeEventListener('touchend', onPointerUp as EventListener);
-  }
-
-  doc.addEventListener('mousemove', onPointerMove as EventListener);
-  doc.addEventListener('mouseup', onPointerUp as EventListener);
-
-  doc.addEventListener('touchmove', onPointerMove as EventListener);
-  doc.addEventListener('touchend', onPointerUp as EventListener);
-}
-
-// checks if  and returns connection in fom of an object { source: 123, target: 312 }
-function isValidHandle(
-  event: MouseEvent | TouchEvent,
-  {
-    handle,
-    connectionMode,
-    fromNodeId,
-    fromHandleId,
-    fromType,
-    doc,
-    lib,
-    isValidConnection = alwaysValid,
-  }: IsValidParams
-) {
-  const isTarget = fromType === 'target';
-  const handleDomNode = doc.querySelector(
-    `.${lib}-flow__handle[data-id="${handle?.nodeId}-${handle?.id}-${handle?.type}"]`
-  );
-  const { x, y } = getEventPosition(event);
-  const handleBelow = doc.elementFromPoint(x, y);
-  // we always want to prioritize the handle below the mouse cursor over the closest distance handle,
-  // because it could be that the center of another handle is closer to the mouse pointer than the handle below the cursor
-  const handleToCheck = handleBelow?.classList.contains(`${lib}-flow__handle`) ? handleBelow : handleDomNode;
-
-  const result: Result = {
-    handleDomNode: handleToCheck,
-    isValid: false,
-    connection: nullConnection,
-    endHandle: null,
-  };
-
-  if (handleToCheck) {
-    const handleType = getHandleType(undefined, handleToCheck);
-    const handleNodeId = handleToCheck.getAttribute('data-nodeid');
-    const handleId = handleToCheck.getAttribute('data-handleid');
-    const connectable = handleToCheck.classList.contains('connectable');
-    const connectableEnd = handleToCheck.classList.contains('connectableend');
-
-    const connection: Connection = {
-      source: isTarget ? handleNodeId : fromNodeId,
-      sourceHandle: isTarget ? handleId : fromHandleId,
-      target: isTarget ? fromNodeId : handleNodeId,
-      targetHandle: isTarget ? fromHandleId : handleId,
-    };
-
-    result.connection = connection;
-
-    const isConnectable = connectable && connectableEnd;
-    // in strict mode we don't allow target to target or source to source connections
-    const isValid =
-      isConnectable &&
-      (connectionMode === ConnectionMode.Strict
-        ? (isTarget && handleType === 'source') || (!isTarget && handleType === 'target')
-        : handleNodeId !== fromNodeId || handleId !== fromHandleId);
-
-    if (isValid) {
-      result.endHandle = {
-        nodeId: handleNodeId as string,
-        handleId,
-        type: handleType as HandleType,
-      };
-
-      result.isValid = isValidConnection(connection);
-    }
-  }
-
-  return result;
-}
-
-export const XYHandle: XYHandleInstance = {
-  onPointerDown,
-  isValid: isValidHandle,
-};
+export * from './XYHandle';
diff --git a/packages/system/src/xyminimap/index.ts b/packages/system/src/xyminimap/index.ts
new file mode 100644
index 000000000..885679b80
--- /dev/null
+++ b/packages/system/src/xyminimap/index.ts
@@ -0,0 +1,104 @@
+import { type D3ZoomEvent, zoom } from 'd3-zoom';
+import { select, pointer } from 'd3-selection';
+
+import type { CoordinateExtent, PanZoomInstance, Transform } from '../types';
+
+export type XYMinimapInstance = {
+  update: (params: XYMinimapUpdate) => void;
+  destroy: () => void;
+  pointer: typeof pointer;
+};
+
+export type XYMinimapParams = {
+  panZoom: PanZoomInstance;
+  domNode: Element;
+  getTransform: () => Transform;
+  getViewScale: () => number;
+};
+
+export type XYMinimapUpdate = {
+  translateExtent: CoordinateExtent;
+  width: number;
+  height: number;
+  inversePan?: boolean;
+  zoomStep?: number;
+  pannable?: boolean;
+  zoomable?: boolean;
+};
+
+export function XYMinimap({ domNode, panZoom, getTransform, getViewScale }: XYMinimapParams) {
+  const selection = select(domNode);
+
+  function update({
+    translateExtent,
+    width,
+    height,
+    zoomStep = 10,
+    pannable = true,
+    zoomable = true,
+    inversePan = false,
+  }: XYMinimapUpdate) {
+    const zoomHandler = (event: D3ZoomEvent<SVGSVGElement, any>) => {
+      const transform = getTransform();
+
+      if (event.sourceEvent.type !== 'wheel' || !panZoom) {
+        return;
+      }
+
+      const pinchDelta =
+        -event.sourceEvent.deltaY *
+        (event.sourceEvent.deltaMode === 1 ? 0.05 : event.sourceEvent.deltaMode ? 1 : 0.002) *
+        zoomStep;
+      const nextZoom = transform[2] * Math.pow(2, pinchDelta);
+
+      panZoom.scaleTo(nextZoom);
+    };
+
+    const panHandler = (event: D3ZoomEvent<HTMLDivElement, any>) => {
+      const transform = getTransform();
+
+      if (event.sourceEvent.type !== 'mousemove' || !panZoom) {
+        return;
+      }
+
+      // @TODO: how to calculate the correct next position? Math.max(1, transform[2]) is a workaround.
+      const moveScale = getViewScale() * Math.max(1, transform[2]) * (inversePan ? -1 : 1);
+      const position = {
+        x: transform[0] - event.sourceEvent.movementX * moveScale,
+        y: transform[1] - event.sourceEvent.movementY * moveScale,
+      };
+      const extent: CoordinateExtent = [
+        [0, 0],
+        [width, height],
+      ];
+
+      panZoom.setViewportConstrained(
+        {
+          x: position.x,
+          y: position.y,
+          zoom: transform[2],
+        },
+        extent,
+        translateExtent
+      );
+    };
+
+    const zoomAndPanHandler = zoom()
+      // @ts-ignore
+      .on('zoom', pannable ? panHandler : null)
+      // @ts-ignore
+      .on('zoom.wheel', zoomable ? zoomHandler : null);
+
+    selection.call(zoomAndPanHandler, {});
+  }
+
+  function destroy() {
+    selection.on('zoom', null);
+  }
+
+  return {
+    update,
+    destroy,
+    pointer,
+  };
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d814f2771..d122b28d2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -61,7 +61,6 @@ importers:
       '@vitejs/plugin-react': 4.0.0
       '@vitejs/plugin-react-swc': ^3.3.2
       '@xyflow/react': workspace:*
-      '@xyflow/test': workspace:^0.0.1
       classcat: ^5.0.3
       cypress: ^10.6.0
       cypress-real-events: ^1.7.1
@@ -76,7 +75,6 @@ importers:
       zustand: ^4.3.1
     dependencies:
       '@xyflow/react': link:../../packages/react
-      '@xyflow/test': link:../../packages/test
       classcat: registry.npmjs.org/classcat/5.0.4
       dagre: registry.npmjs.org/dagre/0.8.5
       localforage: registry.npmjs.org/localforage/1.10.0
@@ -224,35 +222,6 @@ importers:
       '@xyflow/tsconfig': link:../../tooling/tsconfig
       typescript: registry.npmjs.org/typescript/4.9.5
 
-  packages/test:
-    specifiers:
-      '@types/d3': ^7.4.0
-      '@types/d3-drag': ^3.0.1
-      '@types/d3-selection': ^3.0.3
-      '@types/d3-zoom': ^3.0.1
-      '@types/node': ^18.7.16
-      '@xyflow/eslint-config': workspace:*
-      '@xyflow/rollup-config': workspace:*
-      '@xyflow/tsconfig': workspace:*
-      d3-drag: ^3.0.0
-      d3-selection: ^3.0.0
-      d3-zoom: ^3.0.0
-      typescript: ^4.9.4
-    dependencies:
-      '@types/d3': registry.npmjs.org/@types/d3/7.4.0
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
-      d3-drag: registry.npmjs.org/d3-drag/3.0.0
-      d3-selection: registry.npmjs.org/d3-selection/3.0.0
-      d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
-    devDependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.16.16
-      '@xyflow/eslint-config': link:../../tooling/eslint-config
-      '@xyflow/rollup-config': link:../../tooling/rollup-config
-      '@xyflow/tsconfig': link:../../tooling/tsconfig
-      typescript: registry.npmjs.org/typescript/4.9.5
-
   tooling/eslint-config:
     specifiers:
       eslint: ^8.22.0
@@ -2083,7 +2052,7 @@ packages:
     version: 2.10.0
     requiresBuild: true
     dependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.16.16
+      '@types/node': registry.npmjs.org/@types/node/14.18.48
     dev: true
     optional: true
 

From 002156ea331a467edd1d8ec13b364ac829677b45 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 6 Jun 2023 14:27:40 +0200
Subject: [PATCH 0077/1093] refactor(svelte): simplify nodes and edges store
 handling

---
 .../SvelteFlowProvider.svelte                 |  21 +-
 .../components/SvelteFlowProvider/index.ts    |   1 -
 .../components/SvelteFlowProvider/types.ts    |   9 -
 .../container/SvelteFlow/SvelteFlow.svelte    |  82 ++---
 .../src/lib/container/SvelteFlow/types.ts     |   3 +
 .../src/lib/container/SvelteFlow/utils.ts     |  71 ++++
 packages/svelte/src/lib/store/index.ts        |  27 +-
 .../svelte/src/lib/store/initial-store.ts     |  11 +-
 packages/svelte/src/lib/store/types.ts        |   9 +-
 packages/svelte/src/lib/store/utils.ts        | 188 +++++++++++
 packages/svelte/src/lib/utils/index.ts        | 132 +-------
 .../svelte/src/routes/customnode/+page.svelte |  30 +-
 .../src/routes/drag-n-drop/+page.svelte       |  47 +--
 .../svelte/src/routes/drag-n-drop/Flow.svelte |  42 +++
 packages/svelte/src/routes/edges/+page.svelte | 280 ++++++++--------
 .../src/routes/interaction/+page.svelte       | 316 +++++++++---------
 .../svelte/src/routes/overview/+page.svelte   |  68 ++--
 .../svelte/src/routes/stress/+page.svelte     |  25 +-
 .../svelte/src/routes/subflows/+page.svelte   |  31 +-
 .../src/routes/usesvelteflow/+page.svelte     |  47 +--
 .../src/routes/usesvelteflow/Flow.svelte      |  40 +++
 .../svelte/src/routes/validation/+page.svelte |  36 +-
 22 files changed, 779 insertions(+), 737 deletions(-)
 delete mode 100644 packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
 create mode 100644 packages/svelte/src/lib/container/SvelteFlow/utils.ts
 create mode 100644 packages/svelte/src/lib/store/utils.ts

diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
index bc0ae5c4f..4b9388f7e 100644
--- a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
@@ -1,22 +1,9 @@
 <script lang="ts">
-  import { onDestroy, setContext } from 'svelte';
+  import { onDestroy } from 'svelte';
   
-  import { createStore, key } from '$lib/store';
-  import type { SvelteFlowProviderProps } from './types';
-
-  type $$Props = SvelteFlowProviderProps;
-
-  export let nodes: $$Props['nodes'];
-  export let edges: $$Props['edges'];
-
-  const store = createStore({
-    nodes,
-    edges,
-  });
-
-  setContext(key, {
-    getStore: () => store
-  });
+  import { createStoreContext } from '$lib/store';
+  
+  const store = createStoreContext();
 
   onDestroy(() => {
     store.reset();
diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/index.ts b/packages/svelte/src/lib/components/SvelteFlowProvider/index.ts
index 38389c7bc..da50706ab 100644
--- a/packages/svelte/src/lib/components/SvelteFlowProvider/index.ts
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/index.ts
@@ -1,2 +1 @@
 export { default as SvelteFlowProvider } from './SvelteFlowProvider.svelte';
-export type { SvelteFlowProviderProps } from './types';
diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts b/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
deleted file mode 100644
index 151bef8a4..000000000
--- a/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type { Writable } from 'svelte/store';
-
-import type { Edge } from '$lib/types';
-import type { createNodes } from '$lib/utils';
-
-export type SvelteFlowProviderProps = {
-  nodes: ReturnType<typeof createNodes>;
-  edges: Writable<Edge[]>;
-};
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 72bd0e2c6..786b8dc3a 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { onMount } from 'svelte';
+  import { onMount, hasContext } from 'svelte';
   import cc from 'classcat';
-  import { PanOnScrollMode, type CoordinateExtent, type Viewport } from '@xyflow/system';
+  import { PanOnScrollMode, type Viewport } from '@xyflow/system';
 
   import { Zoom } from '$lib/container/Zoom';
   import { Pane } from '$lib/container/Pane';
@@ -13,13 +13,15 @@
   import { KeyHandler } from '$lib/components/KeyHandler';
   import { ConnectionLine } from '$lib/components/ConnectionLine';
   import { Attribution } from '$lib/components/Attribution';
-  import { useStore } from '$lib/store';
+  import { key, useStore, createStoreContext } from '$lib/store';
   import type { SvelteFlowProps } from './types';
-  import type { EdgeTypes, NodeTypes } from '$lib/types';
+  import { updateStore, updateStoreByKeys, type UpdatableStoreProps } from './utils';
 
   type $$Props = SvelteFlowProps;
 
   export let id = '1';
+  export let nodes: $$Props['nodes'];
+  export let edges: $$Props['edges'];
   export let fitView: $$Props['fitView'] = undefined;
   export let minZoom: $$Props['minZoom'] = undefined;
   export let maxZoom: $$Props['maxZoom'] = undefined;
@@ -53,10 +55,10 @@
   export let style: $$Props['style'] = undefined;
   let className: $$Props['class'] = undefined;
   export { className as class };
+
   let domNode: HTMLDivElement;
-  
-  $: flowId = id;
-  const store = useStore();
+
+  const store = hasContext(key) ? useStore() : createStoreContext();
 
   onMount(() => {
     const { width, height } = domNode.getBoundingClientRect();
@@ -64,13 +66,19 @@
     store.height.set(height);
     store.domNode.set(domNode);
 
-    updateStore({
+    store.syncNodeStores(nodes)
+    store.syncEdgeStores(edges)
+
+    if (fitView !== undefined) {
+      store.fitViewOnInit.set(fitView);
+    }
+
+    updateStore(store, {
       nodeTypes,
       edgeTypes,
       minZoom,
       maxZoom,
       translateExtent,
-      fitView
     });
 
     return () => {
@@ -78,70 +86,32 @@
     }
   });
 
+  // this updates the store for simple changes 
+  // where the prop names equals the store name
   $: {
-    const updatableProps = {
-      flowId,
+    const updatableProps: UpdatableStoreProps = {
+      flowId: id,
       connectionLineType,
       connectionRadius,
       selectionMode,
       snapGrid,
-      isValidConnection,
       defaultMarkerColor,
       nodesDraggable,
       nodesConnectable,
       elementsSelectable,
+      isValidConnection,
     };
 
-    Object.keys(updatableProps).forEach(prop => {
-      // @ts-ignore
-      if (updatableProps[prop] !== undefined) {
-        // @ts-ignore
-        store[prop].set(updatableProps[prop]);
-      }
-    })
+   updateStoreByKeys(store, updatableProps);
   }
 
-  function updateStore({ nodeTypes, edgeTypes, minZoom, maxZoom, translateExtent, fitView }: {
-    nodeTypes?: NodeTypes,
-    edgeTypes?: EdgeTypes,
-    minZoom?: number,
-    maxZoom?: number,
-    translateExtent?: CoordinateExtent,
-    fitView?: boolean
-  }) {
-    if (nodeTypes !== undefined) {
-     store.setNodeTypes(nodeTypes);
-    }
-
-    if (edgeTypes !== undefined) {
-      store.setEdgeTypes(edgeTypes);
-    }
-
-    if (minZoom !== undefined) {
-      store.setMinZoom(minZoom);
-    }
-
-    if (maxZoom !== undefined) {
-      store.setMaxZoom(maxZoom);
-    }
-
-    if (translateExtent !== undefined) {
-      store.setTranslateExtent(translateExtent)
-    }
-
-    if (fitView !== undefined) {
-      store.fitViewOnInit.set(fitView);
-    }
-  }
-
-  $: updateStore({
+  $: updateStore(store, {
     nodeTypes,
     edgeTypes,
     minZoom,
     maxZoom,
-    translateExtent,
-    fitView
-  })
+    translateExtent
+  });
 </script>
 
 <div
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index f2716682b..95fc9a0f3 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -16,9 +16,12 @@ import type {
 } from '@xyflow/system';
 
 import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types';
+import type { Writable } from 'svelte/store';
 
 export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   id?: string;
+  nodes: Writable<Node[]>;
+  edges: Writable<Edge[]>;
   nodeTypes?: NodeTypes;
   edgeTypes?: EdgeTypes;
   selectionKey?: KeyDefinition;
diff --git a/packages/svelte/src/lib/container/SvelteFlow/utils.ts b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
new file mode 100644
index 000000000..6ed501813
--- /dev/null
+++ b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
@@ -0,0 +1,71 @@
+import type { SvelteFlowStore } from '$lib/store/types';
+import type { EdgeTypes, NodeTypes } from '$lib/types';
+import type { CoordinateExtent } from '@xyflow/system';
+import type { Writable } from 'svelte/store';
+
+// this is helper function for updating the store
+// for props where we need to call a specific store action
+export function updateStore(
+  store: SvelteFlowStore,
+  {
+    nodeTypes,
+    edgeTypes,
+    minZoom,
+    maxZoom,
+    translateExtent
+  }: {
+    nodeTypes?: NodeTypes;
+    edgeTypes?: EdgeTypes;
+    minZoom?: number;
+    maxZoom?: number;
+    translateExtent?: CoordinateExtent;
+  }
+) {
+  if (nodeTypes !== undefined) {
+    store.setNodeTypes(nodeTypes);
+  }
+
+  if (edgeTypes !== undefined) {
+    store.setEdgeTypes(edgeTypes);
+  }
+
+  if (minZoom !== undefined) {
+    store.setMinZoom(minZoom);
+  }
+
+  if (maxZoom !== undefined) {
+    store.setMaxZoom(maxZoom);
+  }
+
+  if (translateExtent !== undefined) {
+    store.setTranslateExtent(translateExtent);
+  }
+}
+
+const getKeys = <T extends object>(obj: T) => Object.keys(obj) as Array<keyof T>;
+
+type UnwrapWritable<T> = T extends Writable<infer U> ? U : T;
+
+// @todo there must be a better way to define the types here..
+export type UpdatableStoreProps = {
+  flowId?: UnwrapWritable<SvelteFlowStore['flowId']>;
+  connectionLineType?: UnwrapWritable<SvelteFlowStore['connectionLineType']>;
+  connectionRadius?: UnwrapWritable<SvelteFlowStore['connectionRadius']>;
+  selectionMode?: UnwrapWritable<SvelteFlowStore['selectionMode']>;
+  snapGrid?: UnwrapWritable<SvelteFlowStore['snapGrid']>;
+  defaultMarkerColor?: UnwrapWritable<SvelteFlowStore['defaultMarkerColor']>;
+  nodesDraggable?: UnwrapWritable<SvelteFlowStore['nodesDraggable']>;
+  nodesConnectable?: UnwrapWritable<SvelteFlowStore['nodesConnectable']>;
+  elementsSelectable?: UnwrapWritable<SvelteFlowStore['elementsSelectable']>;
+  isValidConnection?: UnwrapWritable<SvelteFlowStore['isValidConnection']>;
+};
+
+export function updateStoreByKeys(store: SvelteFlowStore, keys: UpdatableStoreProps) {
+  getKeys(keys).forEach((prop) => {
+    const update = keys[prop];
+    if (update !== undefined) {
+      // @ts-ignore
+      store[prop].set(update);
+    }
+  });
+}
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index d0b16fd0e..7b4e348a7 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -1,4 +1,4 @@
-import { getContext } from 'svelte';
+import { getContext, setContext } from 'svelte';
 import { derived, get } from 'svelte/store';
 import {
   internalsSymbol,
@@ -25,19 +25,15 @@ import {
   initConnectionData,
   initialEdgeTypes,
   initialNodeTypes,
-  initialStoreState
+  getInitialStore
 } from './initial-store';
 import type { SvelteFlowStore } from './types';
+import { syncNodeStores, syncEdgeStores } from './utils';
 
 export const key = Symbol();
 
-type CreateStoreParams = Pick<SvelteFlowStore, 'nodes' | 'edges'>;
-
-export function createStore(params: CreateStoreParams): SvelteFlowStore {
-  const store = {
-    ...initialStoreState,
-    ...params
-  };
+export function createStore(): SvelteFlowStore {
+  const store = getInitialStore();
 
   function setNodeTypes(nodeTypes: NodeTypes) {
     store.nodeTypes.set({
@@ -55,6 +51,7 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
 
   function addEdge(edgeParams: Edge | Connection) {
     const edges = get(store.edges);
+
     store.edges.set(addEdgeUtil(edgeParams, edges));
   }
 
@@ -348,6 +345,8 @@ export function createStore(params: CreateStoreParams): SvelteFlowStore {
     ),
 
     // actions
+    syncNodeStores: (nodes) => syncNodeStores(store.nodes, nodes),
+    syncEdgeStores: (edges) => syncEdgeStores(store.edges, edges),
     setNodeTypes,
     setEdgeTypes,
     addEdge,
@@ -380,3 +379,13 @@ export function useStore(): SvelteFlowStore {
 
   return store.getStore();
 }
+
+export function createStoreContext() {
+  const store = createStore();
+
+  setContext(key, {
+    getStore: () => store
+  });
+
+  return store;
+}
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 574de978a..1df46821e 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -20,7 +20,8 @@ import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
 import StepEdge from '$lib/components/edges/StepEdge.svelte';
-import type { ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted, Edge, Node } from '$lib/types';
+import type { ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted } from '$lib/types';
+import { createNodes, createEdges } from './utils';
 
 export const initConnectionData = {
   connectionStartHandle: null,
@@ -42,10 +43,10 @@ export const initialEdgeTypes = {
   step: StepEdge
 };
 
-export const initialStoreState = {
+export const getInitialStore = () => ({
   flowId: writable<string | null>(null),
-  nodes: writable<Node[]>([]),
-  edges: writable<Edge[]>([]),
+  nodes: createNodes([]),
+  edges: createEdges([]),
   edgesLayouted: readable<EdgeLayouted[]>([]),
   height: writable<number>(500),
   width: writable<number>(500),
@@ -82,4 +83,4 @@ export const initialStoreState = {
   markers: readable<MarkerProps[]>([]),
   defaultMarkerColor: writable<string>('#b1b1b7'),
   lib: readable<string>('svelte')
-};
+});
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index 667357027..9156f6f03 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -9,10 +9,12 @@ import type {
   UpdateConnection
 } from '@xyflow/system';
 
-import type { initialStoreState } from './initial-store';
+import type { getInitialStore } from './initial-store';
 import type { Node, Edge, NodeTypes, EdgeTypes, FitViewOptions } from '$lib/types';
 
 export type SvelteFlowStoreActions = {
+  syncNodeStores: (nodesStore: Writable<Node[]>) => void;
+  syncEdgeStores: (edgeStore: Writable<Edge[]>) => void;
   setNodeTypes: (nodeTypes: NodeTypes) => void;
   setEdgeTypes: (edgeTypes: EdgeTypes) => void;
   addEdge: (edge: Edge | Connection) => void;
@@ -33,9 +35,6 @@ export type SvelteFlowStoreActions = {
   reset(): void;
 };
 
-export type SvelteFlowStoreState = typeof initialStoreState & {
-  nodes: Writable<Node[]>;
-  edges: Writable<Edge[]>;
-};
+export type SvelteFlowStoreState = ReturnType<typeof getInitialStore>;
 
 export type SvelteFlowStore = SvelteFlowStoreState & SvelteFlowStoreActions;
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
new file mode 100644
index 000000000..5f75947b1
--- /dev/null
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -0,0 +1,188 @@
+import {
+  writable,
+  type Unsubscriber,
+  type Subscriber,
+  type Updater,
+  type Writable,
+  get
+} from 'svelte/store';
+import {
+  isNumeric,
+  getNodePositionWithOrigin,
+  internalsSymbol,
+  type XYZPosition
+} from '@xyflow/system';
+
+import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, Node } from '$lib/types';
+
+export function syncNodeStores(
+  nodesStore: ReturnType<typeof createNodes>,
+  userNodesStore: Writable<Node[]>
+) {
+  const nodesStoreSetter = nodesStore.set;
+  const userNodesStoreSetter = userNodesStore.set;
+
+  let val = get(userNodesStore);
+  nodesStore.set(val);
+
+  const _set = (nds: Node[]) => {
+    const updatedNodes = nodesStoreSetter(nds);
+    val = updatedNodes;
+
+    userNodesStoreSetter(val);
+
+    return updatedNodes;
+  };
+
+  nodesStore.set = userNodesStore.set = _set;
+  nodesStore.update = userNodesStore.update = (fn: (nds: Node[]) => Node[]) => _set(fn(val));
+}
+
+export function syncEdgeStores(
+  edgesStore: ReturnType<typeof createEdges>,
+  userEdgesStore: Writable<Edge[]>
+) {
+  const nodesStoreSetter = edgesStore.set;
+  const userEdgesStoreSetter = userEdgesStore.set;
+
+  let val = get(userEdgesStore);
+  edgesStore.set(val);
+
+  const _set = (eds: Edge[]) => {
+    nodesStoreSetter(eds);
+    userEdgesStoreSetter(eds);
+    val = eds;
+  };
+
+  edgesStore.set = userEdgesStore.set = _set;
+  edgesStore.update = userEdgesStore.update = (fn: (nds: Edge[]) => Edge[]) => _set(fn(val));
+}
+
+export const createNodes = (
+  nodes: Node[]
+): {
+  subscribe: (this: void, run: Subscriber<Node[]>) => Unsubscriber;
+  update: (this: void, updater: Updater<Node[]>) => void;
+  set: (this: void, value: Node[]) => Node[];
+  setDefaultOptions: (opts: DefaultNodeOptions) => void;
+} => {
+  const { subscribe, set, update } = writable<Node[]>([]);
+  let value = nodes;
+  let defaults = {};
+
+  const _set = (nds: Node[]): Node[] => {
+    const parentNodes: Record<string, boolean> = {};
+
+    const nextNodes = nds.map((n) => {
+      const node: Node = { ...defaults, ...n, positionAbsolute: n.position };
+      const z = (isNumeric(node.zIndex) ? node.zIndex : 0) + (node.selected ? 1 : 0);
+
+      if (node.parentNode) {
+        parentNodes[node.parentNode] = true;
+      }
+
+      Object.defineProperty(node, internalsSymbol, {
+        value: {
+          handleBounds: node?.[internalsSymbol]?.handleBounds,
+          z
+        }
+      });
+
+      return node;
+    });
+
+    const nodesWithPositions = nextNodes.map((node) => {
+      if (node.parentNode && !parentNodes[node.parentNode]) {
+        throw new Error(`Parent node ${node.parentNode} not found`);
+      }
+
+      if (node.parentNode || parentNodes?.[node.id]) {
+        const { x, y, z } = calculateXYZPosition(node, nextNodes, {
+          ...node.position,
+          z: node[internalsSymbol]?.z ?? 0
+        });
+
+        node.positionAbsolute = {
+          x,
+          y
+        };
+
+        node[internalsSymbol]!.z = z;
+
+        if (parentNodes?.[node.id]) {
+          node[internalsSymbol]!.isParent = true;
+        }
+      }
+
+      return node;
+    });
+
+    value = nodesWithPositions;
+
+    set(value);
+
+    return value;
+  };
+
+  const _update: typeof update = (fn: (nds: Node[]) => Node[]) => _set(fn(value));
+
+  const setDefaultOptions = (options: DefaultNodeOptions) => {
+    defaults = options;
+  };
+
+  _set(value);
+
+  return {
+    subscribe,
+    set: _set,
+    update: _update,
+    setDefaultOptions
+  };
+};
+
+export const createEdges = (
+  edges: Edge[],
+  defaultOptions?: DefaultEdgeOptions
+): Writable<Edge[]> & { setDefaultOptions: (opts: DefaultEdgeOptions) => void } => {
+  const { subscribe, set, update } = writable<Edge[]>([]);
+  let value = edges;
+  let defaults = defaultOptions || {};
+
+  const _set: typeof set = (eds: Edge[]) => {
+    const nextEdges = defaults ? eds.map((edge) => ({ ...defaults, ...edge })) : eds;
+    value = nextEdges;
+    set(value);
+  };
+
+  const _update: typeof update = (fn: (eds: Edge[]) => Edge[]) => _set(fn(value));
+
+  const setDefaultOptions = (options: DefaultEdgeOptions) => {
+    defaults = options;
+  };
+
+  _set(value);
+
+  return {
+    subscribe,
+    set: _set,
+    update: _update,
+    setDefaultOptions
+  };
+};
+
+function calculateXYZPosition(node: Node, nodes: Node[], result: XYZPosition): XYZPosition {
+  if (!node.parentNode) {
+    return result;
+  }
+  const parentNode = nodes.find((n) => n.id === node.parentNode)!;
+  const parentNodePosition = getNodePositionWithOrigin(parentNode, parentNode?.origin);
+
+  return calculateXYZPosition(parentNode, nodes, {
+    x: (result.x ?? 0) + parentNodePosition.x,
+    y: (result.y ?? 0) + parentNodePosition.y,
+    z:
+      (parentNode[internalsSymbol]?.z ?? 0) > (result.z ?? 0)
+        ? parentNode[internalsSymbol]?.z ?? 0
+        : result.z ?? 0
+  });
+}
diff --git a/packages/svelte/src/lib/utils/index.ts b/packages/svelte/src/lib/utils/index.ts
index 4f5d9a8ac..23b294484 100644
--- a/packages/svelte/src/lib/utils/index.ts
+++ b/packages/svelte/src/lib/utils/index.ts
@@ -1,4 +1,3 @@
-import { writable, type Writable } from 'svelte/store';
 import {
   isNodeBase,
   isEdgeBase,
@@ -6,14 +5,10 @@ import {
   getOutgoersBase,
   getIncomersBase,
   updateEdgeBase,
-  getConnectedEdgesBase,
-  isNumeric,
-  getNodePositionWithOrigin,
-  internalsSymbol,
-  type XYZPosition
+  getConnectedEdgesBase
 } from '@xyflow/system';
 
-import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, Node } from '$lib/types';
+import type { Edge, Node } from '$lib/types';
 
 export const isNode = isNodeBase<Node, Edge>;
 export const isEdge = isEdgeBase<Node, Edge>;
@@ -22,126 +17,3 @@ export const getIncomers = getIncomersBase<Node, Edge>;
 export const addEdge = addEdgeBase<Edge>;
 export const updateEdge = updateEdgeBase<Edge>;
 export const getConnectedEdges = getConnectedEdgesBase<Node, Edge>;
-
-export const createNodes = (
-  nodes: Node[],
-  defaultOptions?: DefaultNodeOptions
-): Writable<Node[]> & { setDefaultOptions: (opts: DefaultNodeOptions) => void } => {
-  const { subscribe, set, update } = writable<Node[]>([]);
-  let value = nodes;
-  let defaults = defaultOptions || {};
-
-  const _set: typeof set = (nds: Node[]) => {
-    const parentNodes: Record<string, boolean> = {};
-
-    const nextNodes = nds.map((n) => {
-      const node: Node = { ...defaults, ...n, positionAbsolute: n.position };
-      const z = (isNumeric(node.zIndex) ? node.zIndex : 0) + (node.selected ? 1 : 0);
-
-      if (node.parentNode) {
-        parentNodes[node.parentNode] = true;
-      }
-
-      Object.defineProperty(node, internalsSymbol, {
-        value: {
-          handleBounds: node?.[internalsSymbol]?.handleBounds,
-          z
-        }
-      });
-
-      return node;
-    });
-
-    const nodesWithPositions = nextNodes.map((node) => {
-      if (node.parentNode && !parentNodes[node.parentNode]) {
-        throw new Error(`Parent node ${node.parentNode} not found`);
-      }
-
-      if (node.parentNode || parentNodes?.[node.id]) {
-        const { x, y, z } = calculateXYZPosition(node, nextNodes, {
-          ...node.position,
-          z: node[internalsSymbol]?.z ?? 0
-        });
-
-        node.positionAbsolute = {
-          x,
-          y
-        };
-
-        node[internalsSymbol]!.z = z;
-
-        if (parentNodes?.[node.id]) {
-          node[internalsSymbol]!.isParent = true;
-        }
-      }
-
-      return node;
-    });
-
-    value = nodesWithPositions;
-
-    set(value);
-  };
-
-  const _update: typeof update = (fn: (nds: Node[]) => Node[]) => _set(fn(value));
-
-  const setDefaultOptions = (options: DefaultNodeOptions) => {
-    defaults = options;
-  };
-
-  _set(value);
-
-  return {
-    subscribe,
-    set: _set,
-    update: _update,
-    setDefaultOptions
-  };
-};
-
-export const createEdges = (
-  edges: Edge[],
-  defaultOptions?: DefaultEdgeOptions
-): Writable<Edge[]> & { setDefaultOptions: (opts: DefaultEdgeOptions) => void } => {
-  const { subscribe, set, update } = writable<Edge[]>([]);
-  let value = edges;
-  let defaults = defaultOptions || {};
-
-  const _set: typeof set = (eds: Edge[]) => {
-    const nextEdges = defaults ? eds.map((edge) => ({ ...defaults, ...edge })) : eds;
-    value = nextEdges;
-    set(value);
-  };
-
-  const _update: typeof update = (fn: (eds: Edge[]) => Edge[]) => _set(fn(value));
-
-  const setDefaultOptions = (options: DefaultEdgeOptions) => {
-    defaults = options;
-  };
-
-  _set(value);
-
-  return {
-    subscribe,
-    set: _set,
-    update: _update,
-    setDefaultOptions
-  };
-};
-
-function calculateXYZPosition(node: Node, nodes: Node[], result: XYZPosition): XYZPosition {
-  if (!node.parentNode) {
-    return result;
-  }
-  const parentNode = nodes.find((n) => n.id === node.parentNode)!;
-  const parentNodePosition = getNodePositionWithOrigin(parentNode, parentNode?.origin);
-
-  return calculateXYZPosition(parentNode, nodes, {
-    x: (result.x ?? 0) + parentNodePosition.x,
-    y: (result.y ?? 0) + parentNodePosition.y,
-    z:
-      (parentNode[internalsSymbol]?.z ?? 0) > (result.z ?? 0)
-        ? parentNode[internalsSymbol]?.z ?? 0
-        : result.z ?? 0
-  });
-}
diff --git a/packages/svelte/src/routes/customnode/+page.svelte b/packages/svelte/src/routes/customnode/+page.svelte
index 3a3338fd9..7c3f5b86c 100644
--- a/packages/svelte/src/routes/customnode/+page.svelte
+++ b/packages/svelte/src/routes/customnode/+page.svelte
@@ -2,13 +2,10 @@
   import type { ChangeEventHandler } from 'svelte/elements';
   import { writable } from 'svelte/store';
   import SvelteFlow, {
-    SvelteFlowProvider,
     Controls,
     Background,
     BackgroundVariant,
     MiniMap,
-    createNodes,
-    createEdges,
     type NodeTypes,
     Position
   } from '../../lib/index';
@@ -23,7 +20,7 @@
   const onChange: ChangeEventHandler<HTMLInputElement> = (event) => {
     nodes.update((nds) =>
       nds.map((node) => {
-        if (node.id !== '2') {
+        if (node.type !== 'colorNode') {
           return node;
         }
 
@@ -42,7 +39,7 @@
     );
   };
 
-  const nodes = createNodes([
+  const nodes = writable([
   {
     id: '1',
     type: 'input',
@@ -73,7 +70,7 @@
   },
   ]);
 
-  const edges = createEdges([
+  const edges = writable([
     {
       id: 'e1-2',
       source: '1',
@@ -94,23 +91,20 @@
       target: '4',
       animated: true,
     },
-  ], { animated: true });
+  ]);
 </script>
 
-<SvelteFlowProvider
+<SvelteFlow
   {nodes}
   {edges}
+  {nodeTypes}
+  style="--bgcolor: {$bgColor}"
+  fitView
 >
-  <SvelteFlow
-    {nodeTypes}
-    style="--bgcolor: {$bgColor}"
-    fitView
-  >
-    <Controls />
-    <Background variant={BackgroundVariant.Dots} />
-    <MiniMap />
-  </SvelteFlow>
-</SvelteFlowProvider>
+  <Controls />
+  <Background variant={BackgroundVariant.Dots} />
+  <MiniMap />
+</SvelteFlow>
 
 <style>
   :global(.svelte-flow) {
diff --git a/packages/svelte/src/routes/drag-n-drop/+page.svelte b/packages/svelte/src/routes/drag-n-drop/+page.svelte
index 82d960f3c..a59b58c9d 100644
--- a/packages/svelte/src/routes/drag-n-drop/+page.svelte
+++ b/packages/svelte/src/routes/drag-n-drop/+page.svelte
@@ -1,52 +1,9 @@
 <script lang="ts">
-  import { createNodes, createEdges, SvelteFlowProvider } from '../../lib/index';
+  import { SvelteFlowProvider } from '../../lib/index';
 
   import Flow from './Flow.svelte';
-  
-  const nodes = createNodes(
-    [
-      {
-        id: '1',
-        type: 'input',
-        data: { label: 'Input Node' },
-        position: { x: 150, y: 5 }
-      },
-      {
-        id: '2',
-        type: 'default',
-        data: { label: 'Node' },
-        position: { x: 0, y: 150 }
-      },
-      {
-        id: '3',
-        type: 'output',
-        data: { label: 'Output Node' },
-        position: { x: 300, y: 150 }
-      }
-    ],
-    { origin: [0.5, 0.5] }
-  );
-
-  const edges = createEdges([
-    {
-      id: '1-2',
-      type: 'default',
-      source: '1',
-      target: '2',
-      label: 'Edge Text'
-    },
-    {
-      id: '1-3',
-      type: 'smoothstep',
-      source: '1',
-      target: '3'
-    }
-  ]);
 </script>
 
-<SvelteFlowProvider
-  {nodes}
-  {edges}
->
+<SvelteFlowProvider>
   <Flow />
 </SvelteFlowProvider>
diff --git a/packages/svelte/src/routes/drag-n-drop/Flow.svelte b/packages/svelte/src/routes/drag-n-drop/Flow.svelte
index 7141b5e64..341f506fb 100644
--- a/packages/svelte/src/routes/drag-n-drop/Flow.svelte
+++ b/packages/svelte/src/routes/drag-n-drop/Flow.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { writable } from 'svelte/store';
   import SvelteFlow, {
     Controls,
     Background,
@@ -9,6 +10,45 @@
   } from '../../lib/index';
   import Sidebar from './Sidebar.svelte';
 
+  const nodes = writable(
+    [
+      {
+        id: '1',
+        type: 'input',
+        data: { label: 'Input Node' },
+        position: { x: 150, y: 5 }
+      },
+      {
+        id: '2',
+        type: 'default',
+        data: { label: 'Node' },
+        position: { x: 0, y: 150 }
+      },
+      {
+        id: '3',
+        type: 'output',
+        data: { label: 'Output Node' },
+        position: { x: 300, y: 150 }
+      }
+    ]
+  );
+
+  const edges = writable([
+    {
+      id: '1-2',
+      type: 'default',
+      source: '1',
+      target: '2',
+      label: 'Edge Text'
+    },
+    {
+      id: '1-3',
+      type: 'smoothstep',
+      source: '1',
+      target: '3'
+    }
+  ]);
+
   const svelteFlow = useSvelteFlow();
 
   const onDragOver = (event: DragEvent) => {
@@ -46,6 +86,8 @@
 
 <main>
   <SvelteFlow
+    {nodes}
+    {edges}
     fitView
     on:dragover={onDragOver}
     on:drop={onDrop}
diff --git a/packages/svelte/src/routes/edges/+page.svelte b/packages/svelte/src/routes/edges/+page.svelte
index b8788b9a1..9879188e6 100644
--- a/packages/svelte/src/routes/edges/+page.svelte
+++ b/packages/svelte/src/routes/edges/+page.svelte
@@ -1,163 +1,153 @@
 <script lang="ts">
+  import { writable } from 'svelte/store';
   import SvelteFlow, {
-    SvelteFlowProvider,
     Controls,
     Background,
     BackgroundVariant,
     MiniMap,
-    createNodes,
-    createEdges,
-    type NodeTypes,
     MarkerType
   } from '../../lib/index';
 
-  const nodes = createNodes([
-  {
-    id: '1',
-    type: 'input',
-    data: { label: 'Input 1' },
-    position: { x: 250, y: 0 },
-  },
-  { id: '2', data: { label: 'Node 2' }, position: { x: 150, y: 100 } },
-  { id: '2a', data: { label: 'Node 2a' }, position: { x: 0, y: 180 } },
-  { id: '2b', data: { label: 'Node 2b' }, position: { x: -40, y: 300 } },
-  { id: '3', data: { label: 'Node 3' }, position: { x: 250, y: 200 } },
-  { id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 300 } },
-  { id: '3a', data: { label: 'Node 3a' }, position: { x: 150, y: 300 } },
-  { id: '5', data: { label: 'Node 5' }, position: { x: 250, y: 400 } },
-  {
-    id: '6',
-    type: 'output',
-    data: { label: 'Output 6' },
-    position: { x: 50, y: 550 },
-  },
-  {
-    id: '7',
-    type: 'output',
-    data: { label: 'Output 7' },
-    position: { x: 250, y: 550 },
-  },
-  {
-    id: '8',
-    type: 'output',
-    data: { label: 'Output 8' },
-    position: { x: 525, y: 600 },
-  },
-  {
-    id: '9',
-    type: 'output',
-    data: { label: 'Output 9' },
-    position: { x: 675, y: 500 },
-  },
-]);
+  const nodes = writable([
+    {
+      id: '1',
+      type: 'input',
+      data: { label: 'Input 1' },
+      position: { x: 250, y: 0 },
+    },
+    { id: '2', data: { label: 'Node 2' }, position: { x: 150, y: 100 } },
+    { id: '2a', data: { label: 'Node 2a' }, position: { x: 0, y: 180 } },
+    { id: '2b', data: { label: 'Node 2b' }, position: { x: -40, y: 300 } },
+    { id: '3', data: { label: 'Node 3' }, position: { x: 250, y: 200 } },
+    { id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 300 } },
+    { id: '3a', data: { label: 'Node 3a' }, position: { x: 150, y: 300 } },
+    { id: '5', data: { label: 'Node 5' }, position: { x: 250, y: 400 } },
+    {
+      id: '6',
+      type: 'output',
+      data: { label: 'Output 6' },
+      position: { x: 50, y: 550 },
+    },
+    {
+      id: '7',
+      type: 'output',
+      data: { label: 'Output 7' },
+      position: { x: 250, y: 550 },
+    },
+    {
+      id: '8',
+      type: 'output',
+      data: { label: 'Output 8' },
+      position: { x: 525, y: 600 },
+    },
+    {
+      id: '9',
+      type: 'output',
+      data: { label: 'Output 9' },
+      position: { x: 675, y: 500 },
+    },
+  ]);
 
-  const edges = createEdges([
-  {
-    id: 'e1-2',
-    source: '1',
-    target: '2',
-    label: 'bezier edge (default)',
-  },
-  {
-    id: 'e2-2a',
-    source: '2',
-    target: '2a',
-    type: 'smoothstep',
-    label: 'smoothstep edge',
-  },
-  {
-    id: 'e2a-2b',
-    source: '2a',
-    target: '2b',
-    type: 'simplebezier',
-    label: 'simple bezier edge',
-  },
-  { id: 'e2-3', source: '2', target: '3', type: 'step', label: 'step edge' },
-  {
-    id: 'e3-4',
-    source: '3',
-    target: '4',
-    type: 'straight',
-    label: 'straight edge',
-  },
-  {
-    id: 'e3-3a',
-    source: '3',
-    target: '3a',
-    type: 'straight',
-    label: 'label only edge',
-    style: 'stroke: none',
-  },
-  {
-    id: 'e3-5',
-    source: '4',
-    target: '5',
-    animated: true,
-    label: 'animated styled edge',
-    style: 'stroke: red',
-  },
-  {
-    id: 'e5-7',
-    source: '5',
-    target: '7',
-    label: 'label with styled bg',
-    labelStyle: 'background: #FFCC00; color: #fff; opacity: 0.7',
-    markerEnd: {
-      type: MarkerType.ArrowClosed,
+  const edges = writable([
+    {
+      id: 'e1-2',
+      source: '1',
+      target: '2',
+      label: 'bezier edge (default)',
+    },
+    {
+      id: 'e2-2a',
+      source: '2',
+      target: '2a',
+      type: 'smoothstep',
+      label: 'smoothstep edge',
+    },
+    {
+      id: 'e2a-2b',
+      source: '2a',
+      target: '2b',
+      type: 'simplebezier',
+      label: 'simple bezier edge',
     },
-  },
-  {
-    id: 'e5-8',
-    source: '5',
-    target: '8',
-    data: { text: 'custom edge' },
-  },
-  {
-    id: 'e5-9',
-    source: '5',
-    target: '9',
-    data: { text: 'custom edge 2' },
-  },
-  {
-    id: 'e5-6',
-    source: '5',
-    target: '6',
-    label: 'hi',
-    labelStyle: 'background: red; font-weight: 700; padding: 5px;',
-    style: 'stroke: #ffcc0',
-    markerEnd: {
-      type: MarkerType.Arrow,
-      color: '#FFCC00',
-      markerUnits: 'userSpaceOnUse',
-      width: 20,
-      height: 20,
-      strokeWidth: 2,
+    { id: 'e2-3', source: '2', target: '3', type: 'step', label: 'step edge' },
+    {
+      id: 'e3-4',
+      source: '3',
+      target: '4',
+      type: 'straight',
+      label: 'straight edge',
     },
-    markerStart: {
-      type: MarkerType.ArrowClosed,
-      color: '#FFCC00',
-      orient: 'auto-start-reverse',
-      markerUnits: 'userSpaceOnUse',
-      width: 20,
-      height: 20,
+    {
+      id: 'e3-3a',
+      source: '3',
+      target: '3a',
+      type: 'straight',
+      label: 'label only edge',
+      style: 'stroke: none',
     },
-  },
-]);
+    {
+      id: 'e3-5',
+      source: '4',
+      target: '5',
+      animated: true,
+      label: 'animated styled edge',
+      style: 'stroke: red',
+    },
+    {
+      id: 'e5-7',
+      source: '5',
+      target: '7',
+      label: 'label with styled bg',
+      labelStyle: 'background: #FFCC00; color: #fff; opacity: 0.7',
+      markerEnd: {
+        type: MarkerType.ArrowClosed,
+      },
+    },
+    {
+      id: 'e5-8',
+      source: '5',
+      target: '8',
+      data: { text: 'custom edge' },
+    },
+    {
+      id: 'e5-9',
+      source: '5',
+      target: '9',
+      data: { text: 'custom edge 2' },
+    },
+    {
+      id: 'e5-6',
+      source: '5',
+      target: '6',
+      label: 'hi',
+      labelStyle: 'background: red; font-weight: 700; padding: 5px;',
+      style: 'stroke: #ffcc0',
+      markerEnd: {
+        type: MarkerType.Arrow,
+        color: '#FFCC00',
+        markerUnits: 'userSpaceOnUse',
+        width: 20,
+        height: 20,
+        strokeWidth: 2,
+      },
+      markerStart: {
+        type: MarkerType.ArrowClosed,
+        color: '#FFCC00',
+        orient: 'auto-start-reverse',
+        markerUnits: 'userSpaceOnUse',
+        width: 20,
+        height: 20,
+      },
+    },
+  ]);
 </script>
 
-<SvelteFlowProvider
+<SvelteFlow
   {nodes}
   {edges}
+  fitView
 >
-  <SvelteFlow
-    fitView
-  >
-    <Controls />
-    <Background variant={BackgroundVariant.Dots} />
-    <MiniMap />
-  </SvelteFlow>
-</SvelteFlowProvider>
-
-<style>
-
-</style>
+  <Controls />
+  <Background variant={BackgroundVariant.Dots} />
+  <MiniMap />
+</SvelteFlow>
diff --git a/packages/svelte/src/routes/interaction/+page.svelte b/packages/svelte/src/routes/interaction/+page.svelte
index 6729d0a42..c5d956e5d 100644
--- a/packages/svelte/src/routes/interaction/+page.svelte
+++ b/packages/svelte/src/routes/interaction/+page.svelte
@@ -1,10 +1,8 @@
 <script lang="ts">
+    import { writable } from 'svelte/store';
   import SvelteFlow, {
-    SvelteFlowProvider,
     Controls,
     Panel,
-    createNodes,
-    createEdges,
     PanOnScrollMode,
     MiniMap,
     type OnMoveEnd,
@@ -12,7 +10,7 @@
     type Edge,
   } from '../../lib/index';
 
-  const nodes = createNodes([
+  const nodes = writable([
     {
       id: '1',
       type: 'input',
@@ -24,7 +22,7 @@
     { id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 200 } },
   ]);
 
-  const edges = createEdges([
+  const edges = writable([
     { id: 'e1-2', source: '1', target: '2', animated: true },
     { id: 'e1-3', source: '1', target: '3' },
   ]);
@@ -53,163 +51,159 @@
   let captureElementClick = false;
 </script>
 
-
-<SvelteFlowProvider
+<SvelteFlow
   {nodes}
   {edges}
+  elementsSelectable={isSelectable}
+  nodesConnectable={isConnectable}
+  nodesDraggable={isDraggable}
+  zoomOnScroll={zoomOnScroll}
+  zoomOnPinch={zoomOnPinch}
+  panOnScroll={panOnScroll}
+  panOnScrollMode={panOnScrollMode}
+  zoomOnDoubleClick={zoomOnDoubleClick}
+  panOnDrag={panOnDrag}
+  onMoveEnd={onMoveEnd}
 >
-  <SvelteFlow
-    elementsSelectable={isSelectable}
-    nodesConnectable={isConnectable}
-    nodesDraggable={isDraggable}
-    zoomOnScroll={zoomOnScroll}
-    zoomOnPinch={zoomOnPinch}
-    panOnScroll={panOnScroll}
-    panOnScrollMode={panOnScrollMode}
-    zoomOnDoubleClick={zoomOnDoubleClick}
-    panOnDrag={panOnDrag}
-    onMoveEnd={onMoveEnd}
-  >
-    <MiniMap />
-    <Controls />
+  <MiniMap />
+  <Controls />
 
-    <Panel position="top-right">
-      <div>
-        <label for="draggable">
-          nodesDraggable
-          <input
-            id="draggable"
-            type="checkbox"
-            bind:checked={isDraggable}
-            class="react-flow__draggable"
-          />
-        </label>
-      </div>
-      <div>
-        <label for="connectable">
-          nodesConnectable
-          <input
-            id="connectable"
-            type="checkbox"
-            bind:checked={isConnectable}
-            class="react-flow__connectable"
-          />
-        </label>
-      </div>
-      <div>
-        <label for="selectable">
-          elementsSelectable
-          <input
-            id="selectable"
-            type="checkbox"
-            bind:checked={isSelectable}
-            class="react-flow__selectable"
-          />
-        </label>
-      </div>
-      <div>
-        <label for="zoomonscroll">
-          zoomOnScroll
-          <input
-            id="zoomonscroll"
-            type="checkbox"
-            bind:checked={zoomOnScroll}
-            class="react-flow__zoomonscroll"
-          />
-        </label>
-      </div>
-      <div>
-        <label for="zoomonpinch">
-          zoomOnPinch
-          <input
-            id="zoomonpinch"
-            type="checkbox"
-            bind:checked={zoomOnPinch}
-            class="react-flow__zoomonpinch"
-          />
-        </label>
-      </div>
-      <div>
-        <label for="panonscroll">
-          panOnScroll
-          <input
-            id="panonscroll"
-            type="checkbox"
-            bind:checked={panOnScroll}
-            class="react-flow__panonscroll"
-          />
-        </label>
-      </div>
-      <div>
-        <label for="panonscrollmode">
-          panOnScrollMode
-          <select
-            id="panonscrollmode"
-            bind:value={panOnScrollMode}
-            on:change={(event) => { panOnScrollMode = PanOnScrollMode.Free }}
-            class="react-flow__panonscrollmode"
-          >
-            <option value="free">free</option>
-            <option value="horizontal">horizontal</option>
-            <option value="vertical">vertical</option>
-          </select>
-        </label>
-      </div>
-      <div>
-        <label for="zoomondbl">
-          zoomOnDoubleClick
-          <input
-            id="zoomondbl"
-            type="checkbox"
-            bind:checked={zoomOnDoubleClick}
-            class="react-flow__zoomondbl"
-          />
-        </label>
-      </div>
-      <div>
-        <label for="panondrag">
-          panOnDrag
-          <input
-            id="panondrag"
-            type="checkbox"
-            bind:checked={panOnDrag}
-            class="react-flow__panondrag"
-          />
-        </label>
-      </div>
-      <div>
-        <label for="capturezoompaneclick">
-          capture onPaneClick
-          <input
-            id="capturezoompaneclick"
-            type="checkbox"
-            bind:checked={captureZoomClick}
-            class="react-flow__capturezoompaneclick"
-          />
-        </label>
-      </div>
-      <div>
-        <label for="capturezoompanescroll">
-          capture onPaneScroll
-          <input
-            id="capturezoompanescroll"
-            type="checkbox"
-            bind:checked={captureZoomScroll}
-            class="react-flow__capturezoompanescroll"
-          />
-        </label>
-      </div>
-      <div>
-        <label for="captureelementclick">
-          capture onElementClick
-          <input
-            id="captureelementclick"
-            type="checkbox"
-            bind:checked={captureElementClick}
-            class="react-flow__captureelementclick"
-          />
-        </label>
-      </div>
-    </Panel>
-  </SvelteFlow>
-</SvelteFlowProvider>
\ No newline at end of file
+  <Panel position="top-right">
+    <div>
+      <label for="draggable">
+        nodesDraggable
+        <input
+          id="draggable"
+          type="checkbox"
+          bind:checked={isDraggable}
+          class="react-flow__draggable"
+        />
+      </label>
+    </div>
+    <div>
+      <label for="connectable">
+        nodesConnectable
+        <input
+          id="connectable"
+          type="checkbox"
+          bind:checked={isConnectable}
+          class="react-flow__connectable"
+        />
+      </label>
+    </div>
+    <div>
+      <label for="selectable">
+        elementsSelectable
+        <input
+          id="selectable"
+          type="checkbox"
+          bind:checked={isSelectable}
+          class="react-flow__selectable"
+        />
+      </label>
+    </div>
+    <div>
+      <label for="zoomonscroll">
+        zoomOnScroll
+        <input
+          id="zoomonscroll"
+          type="checkbox"
+          bind:checked={zoomOnScroll}
+          class="react-flow__zoomonscroll"
+        />
+      </label>
+    </div>
+    <div>
+      <label for="zoomonpinch">
+        zoomOnPinch
+        <input
+          id="zoomonpinch"
+          type="checkbox"
+          bind:checked={zoomOnPinch}
+          class="react-flow__zoomonpinch"
+        />
+      </label>
+    </div>
+    <div>
+      <label for="panonscroll">
+        panOnScroll
+        <input
+          id="panonscroll"
+          type="checkbox"
+          bind:checked={panOnScroll}
+          class="react-flow__panonscroll"
+        />
+      </label>
+    </div>
+    <div>
+      <label for="panonscrollmode">
+        panOnScrollMode
+        <select
+          id="panonscrollmode"
+          bind:value={panOnScrollMode}
+          on:change={(event) => { panOnScrollMode = PanOnScrollMode.Free }}
+          class="react-flow__panonscrollmode"
+        >
+          <option value="free">free</option>
+          <option value="horizontal">horizontal</option>
+          <option value="vertical">vertical</option>
+        </select>
+      </label>
+    </div>
+    <div>
+      <label for="zoomondbl">
+        zoomOnDoubleClick
+        <input
+          id="zoomondbl"
+          type="checkbox"
+          bind:checked={zoomOnDoubleClick}
+          class="react-flow__zoomondbl"
+        />
+      </label>
+    </div>
+    <div>
+      <label for="panondrag">
+        panOnDrag
+        <input
+          id="panondrag"
+          type="checkbox"
+          bind:checked={panOnDrag}
+          class="react-flow__panondrag"
+        />
+      </label>
+    </div>
+    <div>
+      <label for="capturezoompaneclick">
+        capture onPaneClick
+        <input
+          id="capturezoompaneclick"
+          type="checkbox"
+          bind:checked={captureZoomClick}
+          class="react-flow__capturezoompaneclick"
+        />
+      </label>
+    </div>
+    <div>
+      <label for="capturezoompanescroll">
+        capture onPaneScroll
+        <input
+          id="capturezoompanescroll"
+          type="checkbox"
+          bind:checked={captureZoomScroll}
+          class="react-flow__capturezoompanescroll"
+        />
+      </label>
+    </div>
+    <div>
+      <label for="captureelementclick">
+        capture onElementClick
+        <input
+          id="captureelementclick"
+          type="checkbox"
+          bind:checked={captureElementClick}
+          class="react-flow__captureelementclick"
+        />
+      </label>
+    </div>
+  </Panel>
+</SvelteFlow>
diff --git a/packages/svelte/src/routes/overview/+page.svelte b/packages/svelte/src/routes/overview/+page.svelte
index ce1219171..dbaa81ddd 100644
--- a/packages/svelte/src/routes/overview/+page.svelte
+++ b/packages/svelte/src/routes/overview/+page.svelte
@@ -1,15 +1,14 @@
 <script lang="ts">
+  import { writable } from 'svelte/store';
+
   import SvelteFlow, {
-    SvelteFlowProvider,
     Controls,
     Background,
     BackgroundVariant,
     MiniMap,
     Panel,
-    createNodes,
-    createEdges,
-    type NodeTypes,
     SelectionMode,
+    type NodeTypes,
     type EdgeTypes
   } from '../../lib/index';
   import { CustomNode } from './CustomNode';
@@ -23,7 +22,7 @@
     custom: CustomEdge
   };
 
-  const nodes = createNodes([
+  const nodes = writable([
     {
       id: '1',
       type: 'input',
@@ -70,9 +69,9 @@
       data: { label: 'Custom Node' },
       position: { x: 150, y: 300 }
     }
-  ], { style: 'width: 125px;' });
+  ]);
 
-  const edges = createEdges([
+  const edges = writable([
     {
       id: '1-2',
       type: 'default',
@@ -93,7 +92,7 @@
       source: '2',
       target: '4',
     }
-  ], { animated: true });
+  ]);
 
   function updateNode() {
     nodes.update(nds => nds.map(n => {
@@ -113,37 +112,34 @@
   }
 </script>
 
-<SvelteFlowProvider
+<SvelteFlow
   {nodes}
   {edges}
+  {nodeTypes}
+  {edgeTypes}
+  fitView
+  minZoom={0.1}
+  maxZoom={2.5}
+  selectionMode={SelectionMode.Full}
+  initialViewport={{ x: 100, y: 100, zoom: 2 }}
+  snapGrid={[25, 25]}
+  on:node:click={(event) => console.log('on node click', event)}
+  on:node:mouseenter={(event) => console.log('on node enter', event)} 
+  on:node:mouseleave={(event) => console.log('on node leave', event)}
+  on:edge:click={(event) => console.log('edge click', event)}
+  on:connect:start={(event) => console.log('on connect start', event)}
+  on:connect={(event) => console.log('on connect', event)}
+  on:connect:end={(event) => console.log('on connect end', event)}
+  on:pane:click={(event) => console.log('on pane click', event)}
+  on:pane:contextmenu={(event) => { event.preventDefault(); console.log('on pane contextmenu', event); }}
 >
-  <SvelteFlow
-    {nodeTypes}
-    {edgeTypes}
-    fitView
-    minZoom={0.1}
-    maxZoom={2.5}
-    selectionMode={SelectionMode.Full}
-    initialViewport={{ x: 100, y: 100, zoom: 2 }}
-    snapGrid={[25, 25]}
-    on:node:click={(event) => console.log('on node click', event)}
-    on:node:mouseenter={(event) => console.log('on node enter', event)} 
-    on:node:mouseleave={(event) => console.log('on node leave', event)}
-    on:edge:click={(event) => console.log('edge click', event)}
-    on:connect:start={(event) => console.log('on connect start', event)}
-    on:connect={(event) => console.log('on connect', event)}
-    on:connect:end={(event) => console.log('on connect end', event)}
-    on:pane:click={(event) => console.log('on pane click', event)}
-    on:pane:contextmenu={(event) => { event.preventDefault(); console.log('on pane contextmenu', event); }}
-  >
-    <Controls />
-    <Background variant={BackgroundVariant.Dots} />
-    <MiniMap />
-    <Panel position="top-right">
-      <button on:click={updateNode}>update node pos</button>
-    </Panel>
-  </SvelteFlow>
-</SvelteFlowProvider>
+  <Controls />
+  <Background variant={BackgroundVariant.Dots} />
+  <MiniMap />
+  <Panel position="top-right">
+    <button on:click={updateNode}>update node pos</button>
+  </Panel>
+</SvelteFlow>
 
 <style>
   :global(.svelte-flow .custom-style) {
diff --git a/packages/svelte/src/routes/stress/+page.svelte b/packages/svelte/src/routes/stress/+page.svelte
index 4a5ce390c..036540e13 100644
--- a/packages/svelte/src/routes/stress/+page.svelte
+++ b/packages/svelte/src/routes/stress/+page.svelte
@@ -1,12 +1,10 @@
 <script lang="ts">
+    import { writable } from 'svelte/store';
   import SvelteFlow, {
-    SvelteFlowProvider,
     Controls,
     Background,
     BackgroundVariant,
     MiniMap,
-    createNodes,
-    createEdges,
     type Node,
     type Edge
   } from '../../lib/index';
@@ -45,20 +43,17 @@
     }
   }
 
-  const nodes = createNodes(nodeItems);
-  const edges = createEdges(edgeItems, { animated: true });
+  const nodes = writable(nodeItems);
+  const edges = writable(edgeItems);
 </script>
 
-<SvelteFlowProvider
+<SvelteFlow
   {nodes}
   {edges}
+  fitView
+  minZoom={0.2}
 >
-  <SvelteFlow
-    fitView
-    minZoom={0.2}
-  >
-    <Controls />
-    <Background variant={BackgroundVariant.Dots} />
-    <MiniMap />
-  </SvelteFlow>
-</SvelteFlowProvider>
\ No newline at end of file
+  <Controls />
+  <Background variant={BackgroundVariant.Dots} />
+  <MiniMap />
+</SvelteFlow>
diff --git a/packages/svelte/src/routes/subflows/+page.svelte b/packages/svelte/src/routes/subflows/+page.svelte
index de115ba2e..440c6289b 100644
--- a/packages/svelte/src/routes/subflows/+page.svelte
+++ b/packages/svelte/src/routes/subflows/+page.svelte
@@ -1,12 +1,10 @@
 <script lang="ts">
+    import { writable } from 'svelte/store';
   import SvelteFlow, {
-    SvelteFlowProvider,
     Controls,
     Background,
     BackgroundVariant,
     MiniMap,
-    createNodes,
-    createEdges,
     type NodeTypes,
   } from '../../lib/index';
   import { DebugNode } from './DebugNode';
@@ -15,7 +13,7 @@
     default: DebugNode,
   };
 
-  const nodes = createNodes([
+  const nodes = writable([
     {
       id: '1',
       type: 'input',
@@ -92,7 +90,7 @@
     }
   ]);
 
-  const edges = createEdges([
+  const edges = writable([
     {
     id: 'e1-2',
     source: '1',
@@ -111,28 +109,25 @@
   { id: 'e4a-4b1', source: '4a', target: '4b1' },
   { id: 'e4a-4b2', source: '4a', target: '4b2', zIndex: 100 },
   { id: 'e4b1-4b2', source: '4b1', target: '4b2' },
-  ], { animated: true });
+  ]);
 
   $: {
     console.log($nodes)
   }
 </script>
 
-<SvelteFlowProvider
+<SvelteFlow
   {nodes}
   {edges}
+  {nodeTypes}
+  fitView
+  minZoom={0.1}
+  maxZoom={2.5}
 >
-  <SvelteFlow
-    {nodeTypes}
-    fitView
-    minZoom={0.1}
-    maxZoom={2.5}
-  >
-    <Controls />
-    <Background variant={BackgroundVariant.Dots} />
-    <MiniMap />
-  </SvelteFlow>
-</SvelteFlowProvider>
+  <Controls />
+  <Background variant={BackgroundVariant.Dots} />
+  <MiniMap />
+</SvelteFlow>
 
 <style>
   :global(.svelte-flow .svelte-flow__node.parent) {
diff --git a/packages/svelte/src/routes/usesvelteflow/+page.svelte b/packages/svelte/src/routes/usesvelteflow/+page.svelte
index 82d960f3c..a59b58c9d 100644
--- a/packages/svelte/src/routes/usesvelteflow/+page.svelte
+++ b/packages/svelte/src/routes/usesvelteflow/+page.svelte
@@ -1,52 +1,9 @@
 <script lang="ts">
-  import { createNodes, createEdges, SvelteFlowProvider } from '../../lib/index';
+  import { SvelteFlowProvider } from '../../lib/index';
 
   import Flow from './Flow.svelte';
-  
-  const nodes = createNodes(
-    [
-      {
-        id: '1',
-        type: 'input',
-        data: { label: 'Input Node' },
-        position: { x: 150, y: 5 }
-      },
-      {
-        id: '2',
-        type: 'default',
-        data: { label: 'Node' },
-        position: { x: 0, y: 150 }
-      },
-      {
-        id: '3',
-        type: 'output',
-        data: { label: 'Output Node' },
-        position: { x: 300, y: 150 }
-      }
-    ],
-    { origin: [0.5, 0.5] }
-  );
-
-  const edges = createEdges([
-    {
-      id: '1-2',
-      type: 'default',
-      source: '1',
-      target: '2',
-      label: 'Edge Text'
-    },
-    {
-      id: '1-3',
-      type: 'smoothstep',
-      source: '1',
-      target: '3'
-    }
-  ]);
 </script>
 
-<SvelteFlowProvider
-  {nodes}
-  {edges}
->
+<SvelteFlowProvider>
   <Flow />
 </SvelteFlowProvider>
diff --git a/packages/svelte/src/routes/usesvelteflow/Flow.svelte b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
index fc98236f8..c0e70bf2f 100644
--- a/packages/svelte/src/routes/usesvelteflow/Flow.svelte
+++ b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { writable } from 'svelte/store';
   import SvelteFlow, {
     Controls,
     Background,
@@ -6,10 +7,49 @@
     MiniMap,
   } from '../../lib/index';
   import Sidebar from './Sidebar.svelte';
+
+  const nodes = writable([
+    {
+      id: '1',
+      type: 'input',
+      data: { label: 'Input Node' },
+      position: { x: 150, y: 5 }
+    },
+    {
+      id: '2',
+      type: 'default',
+      data: { label: 'Node' },
+      position: { x: 0, y: 150 }
+    },
+    {
+      id: '3',
+      type: 'output',
+      data: { label: 'Output Node' },
+      position: { x: 300, y: 150 }
+    }
+  ]);
+
+  const edges = writable([
+    {
+      id: '1-2',
+      type: 'default',
+      source: '1',
+      target: '2',
+      label: 'Edge Text'
+    },
+    {
+      id: '1-3',
+      type: 'smoothstep',
+      source: '1',
+      target: '3'
+    }
+  ]);
 </script>
 
 <main>
   <SvelteFlow
+    {nodes}
+    {edges}
     fitView
   >
     <Controls />
diff --git a/packages/svelte/src/routes/validation/+page.svelte b/packages/svelte/src/routes/validation/+page.svelte
index 280ea7e26..417972906 100644
--- a/packages/svelte/src/routes/validation/+page.svelte
+++ b/packages/svelte/src/routes/validation/+page.svelte
@@ -1,44 +1,36 @@
 <script lang="ts">
+  import { writable } from 'svelte/store';
+
   import SvelteFlow, {
-    SvelteFlowProvider,
     Controls,
     Background,
     BackgroundVariant,
-    createNodes,
-    createEdges,
     type IsValidConnection
   } from '../../lib/index';
-  import { Position } from '@xyflow/system';
 
-  const nodes = createNodes([
+  const nodes = writable([
     { id: '0', type: 'default', position: { x: 0, y: 150 }, data: { label: 'only connectable with B' } },
     { id: 'A', type: 'default', position: { x: 250, y: 0 }, data: { label: 'A' } },
     { id: 'B', type: 'default', position: { x: 250, y: 150 }, data: { label: 'B' } },
     { id: 'C', type: 'default', position: { x: 250, y: 300 }, data: { label: 'C' } }
-  ], {
-    sourcePosition: Position.Right,
-    targetPosition: Position.Left
-  });
+  ]);
 
-  const edges = createEdges([]);
+  const edges = writable([]);
 
-  const isValidConnection: IsValidConnection = (connection) => connection.target === 'B'
+  const isValidConnection: IsValidConnection = (connection) => connection.target === 'B';
 </script>
 
-<SvelteFlowProvider
+<SvelteFlow
   {nodes}
   {edges}
+  fitView
+  minZoom={0.1}
+  maxZoom={2.5}
+  isValidConnection={isValidConnection}
 >
-  <SvelteFlow
-    fitView
-    minZoom={0.1}
-    maxZoom={2.5}
-    isValidConnection={isValidConnection}
-  >
-    <Controls />
-    <Background variant={BackgroundVariant.Dots} />
-  </SvelteFlow>
-</SvelteFlowProvider>
+  <Controls />
+  <Background variant={BackgroundVariant.Dots} />
+</SvelteFlow>
 
 <style>
   :global(.svelte-flow__handle.connecting) {

From c4e98dd42039aaf5b78ffb61d613291ab2396e73 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 6 Jun 2023 15:46:04 +0200
Subject: [PATCH 0078/1093] chore(svelte): update deps

---
 packages/svelte/package.json |  22 ++---
 pnpm-lock.yaml               | 177 ++++++++++++++++++++++++++++++++---
 2 files changed, 175 insertions(+), 24 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index f1bc97798..bc8d7b6fd 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -30,21 +30,21 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^2.0.0",
-    "@sveltejs/kit": "^1.11.0",
+    "@sveltejs/adapter-auto": "^2.1.0",
+    "@sveltejs/kit": "^1.20.1",
     "@sveltejs/package": "^2.0.2",
-    "@typescript-eslint/eslint-plugin": "^5.45.0",
-    "@typescript-eslint/parser": "^5.45.0",
-    "eslint": "^8.28.0",
-    "eslint-config-prettier": "^8.5.0",
+    "@typescript-eslint/eslint-plugin": "^5.59.9",
+    "@typescript-eslint/parser": "^5.59.9",
+    "eslint": "^8.42.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-svelte3": "^4.0.0",
-    "prettier": "^2.8.0",
-    "prettier-plugin-svelte": "^2.9.0",
-    "svelte": "^3.56.0",
-    "svelte-check": "^3.1.4",
+    "prettier": "^2.8.8",
+    "prettier-plugin-svelte": "^2.10.1",
+    "svelte": "^3.59.1",
+    "svelte-check": "^3.4.3",
     "tslib": "^2.4.1",
     "typescript": "^4.9.3",
-    "vite": "^4.1.4"
+    "vite": "^4.3.9"
   },
   "peerDependencies": {
     "svelte": "^3.56.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d122b28d2..aea5fb54b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -139,31 +139,31 @@ importers:
   packages/svelte:
     specifiers:
       '@svelte-put/shortcut': ^2.0.0
-      '@sveltejs/adapter-auto': ^2.0.0
-      '@sveltejs/kit': ^1.11.0
+      '@sveltejs/adapter-auto': ^2.1.0
+      '@sveltejs/kit': ^1.20.1
       '@sveltejs/package': ^2.0.2
       '@types/d3-drag': ^3.0.1
       '@types/d3-selection': ^3.0.3
       '@types/d3-zoom': ^3.0.1
-      '@typescript-eslint/eslint-plugin': ^5.45.0
-      '@typescript-eslint/parser': ^5.45.0
+      '@typescript-eslint/eslint-plugin': ^5.59.9
+      '@typescript-eslint/parser': ^5.59.9
       '@xyflow/system': workspace:*
       classcat: ^5.0.4
       d3-drag: ^3.0.0
       d3-selection: ^3.0.0
       d3-zoom: ^3.0.0
-      eslint: ^8.28.0
-      eslint-config-prettier: ^8.5.0
+      eslint: ^8.42.0
+      eslint-config-prettier: ^8.8.0
       eslint-plugin-svelte3: ^4.0.0
-      prettier: ^2.8.0
-      prettier-plugin-svelte: ^2.9.0
+      prettier: ^2.8.8
+      prettier-plugin-svelte: ^2.10.1
       react: ^18.2.0
       react-dom: ^18.2.0
-      svelte: ^3.56.0
-      svelte-check: ^3.1.4
+      svelte: ^3.59.1
+      svelte-check: ^3.4.3
       tslib: ^2.4.1
       typescript: ^4.9.3
-      vite: ^4.1.4
+      vite: ^4.3.9
     dependencies:
       '@svelte-put/shortcut': registry.npmjs.org/@svelte-put/shortcut/2.0.0
       '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
@@ -180,8 +180,8 @@ importers:
       '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.1
       '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.1_svelte@3.59.1+vite@4.3.9
       '@sveltejs/package': registry.npmjs.org/@sveltejs/package/2.0.2_cnumnonbjyr4j6qimrlvyofpny
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.8_loqfnwogukjtmydbmg57mzzpb4
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.8_kigkzfftsmftz3xok324pyvzui
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.9_3i5bqcvz3xm47mwpahnwyqmg7m
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.9_kigkzfftsmftz3xok324pyvzui
       eslint: registry.npmjs.org/eslint/8.42.0
       eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0
       eslint-plugin-svelte3: registry.npmjs.org/eslint-plugin-svelte3/4.0.0_3vji2slnup2yzxo42w6sbds3sy
@@ -2087,6 +2087,37 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.9_3i5bqcvz3xm47mwpahnwyqmg7m:
+    resolution: {integrity: sha512-4uQIBq1ffXd2YvF7MAvehWKW3zVv/w+mSfRAu+8cKbfj3nwzyqJLNcZJpQ/WZ1HLbJDiowwmQ6NO+63nCA+fqA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.9.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.9
+    name: '@typescript-eslint/eslint-plugin'
+    version: 5.59.9
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^5.0.0
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.9_kigkzfftsmftz3xok324pyvzui
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.9
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.59.9_kigkzfftsmftz3xok324pyvzui
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.59.9_kigkzfftsmftz3xok324pyvzui
+      debug: registry.npmjs.org/debug/4.3.4
+      eslint: registry.npmjs.org/eslint/8.42.0
+      grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
+      ignore: registry.npmjs.org/ignore/5.2.4
+      natural-compare-lite: registry.npmjs.org/natural-compare-lite/1.4.0
+      semver: registry.npmjs.org/semver/7.5.1
+      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5
+      typescript: registry.npmjs.org/typescript/4.9.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/parser/5.59.8_kigkzfftsmftz3xok324pyvzui:
     resolution: {integrity: sha512-AnR19RjJcpjoeGojmwZtCwBX/RidqDZtzcbG3xHrmz0aHHoOcbWnpDllenRDmDvsV0RQ6+tbb09/kyc+UT9Orw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.59.8.tgz}
     id: registry.npmjs.org/@typescript-eslint/parser/5.59.8
@@ -2110,6 +2141,29 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/parser/5.59.9_kigkzfftsmftz3xok324pyvzui:
+    resolution: {integrity: sha512-FsPkRvBtcLQ/eVK1ivDiNYBjn3TGJdXy2fhXX+rc7czWl4ARwnpArwbihSOHI2Peg9WbtGHrbThfBUkZZGTtvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.59.9.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/5.59.9
+    name: '@typescript-eslint/parser'
+    version: 5.59.9
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.9
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.9
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.9_typescript@4.9.5
+      debug: registry.npmjs.org/debug/4.3.4
+      eslint: registry.npmjs.org/eslint/8.42.0
+      typescript: registry.npmjs.org/typescript/4.9.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/scope-manager/5.59.8:
     resolution: {integrity: sha512-/w08ndCYI8gxGf+9zKf1vtx/16y8MHrZs5/tnjHhMLNSixuNcJavSX4wAiPf4aS5x41Es9YPCn44MIe4cxIlig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.59.8.tgz}
     name: '@typescript-eslint/scope-manager'
@@ -2120,6 +2174,16 @@ packages:
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.8
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/scope-manager/5.59.9:
+    resolution: {integrity: sha512-8RA+E+w78z1+2dzvK/tGZ2cpGigBZ58VMEHDZtpE1v+LLjzrYGc8mMaTONSxKyEkz3IuXFM0IqYiGHlCsmlZxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.59.9.tgz}
+    name: '@typescript-eslint/scope-manager'
+    version: 5.59.9
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.9
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.9
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/type-utils/5.59.8_kigkzfftsmftz3xok324pyvzui:
     resolution: {integrity: sha512-+5M518uEIHFBy3FnyqZUF3BMP+AXnYn4oyH8RF012+e7/msMY98FhGL5SrN29NQ9xDgvqCgYnsOiKp1VjZ/fpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.59.8.tgz}
     id: registry.npmjs.org/@typescript-eslint/type-utils/5.59.8
@@ -2143,6 +2207,29 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/type-utils/5.59.9_kigkzfftsmftz3xok324pyvzui:
+    resolution: {integrity: sha512-ksEsT0/mEHg9e3qZu98AlSrONAQtrSTljL3ow9CGej8eRo7pe+yaC/mvTjptp23Xo/xIf2mLZKC6KPv4Sji26Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.59.9.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/5.59.9
+    name: '@typescript-eslint/type-utils'
+    version: 5.59.9
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.9_typescript@4.9.5
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.59.9_kigkzfftsmftz3xok324pyvzui
+      debug: registry.npmjs.org/debug/4.3.4
+      eslint: registry.npmjs.org/eslint/8.42.0
+      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5
+      typescript: registry.npmjs.org/typescript/4.9.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/types/5.59.8:
     resolution: {integrity: sha512-+uWuOhBTj/L6awoWIg0BlWy0u9TyFpCHrAuQ5bNfxDaZ1Ppb3mx6tUigc74LHcbHpOHuOTOJrBoAnhdHdaea1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.59.8.tgz}
     name: '@typescript-eslint/types'
@@ -2150,6 +2237,13 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/types/5.59.9:
+    resolution: {integrity: sha512-uW8H5NRgTVneSVTfiCVffBb8AbwWSKg7qcA4Ot3JI3MPCJGsB4Db4BhvAODIIYE5mNj7Q+VJkK7JxmRhk2Lyjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.59.9.tgz}
+    name: '@typescript-eslint/types'
+    version: 5.59.9
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.8_typescript@4.9.5:
     resolution: {integrity: sha512-Jy/lPSDJGNow14vYu6IrW790p7HIf/SOV1Bb6lZ7NUkLc2iB2Z9elESmsaUtLw8kVqogSbtLH9tut5GCX1RLDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.8.tgz}
     id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.8
@@ -2174,6 +2268,30 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.9_typescript@4.9.5:
+    resolution: {integrity: sha512-pmM0/VQ7kUhd1QyIxgS+aRvMgw+ZljB3eDb+jYyp6d2bC0mQWLzUDF+DLwCTkQ3tlNyVsvZRXjFyV0LkU/aXjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.9.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.9
+    name: '@typescript-eslint/typescript-estree'
+    version: 5.59.9
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.9
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.9
+      debug: registry.npmjs.org/debug/4.3.4
+      globby: registry.npmjs.org/globby/11.1.0
+      is-glob: registry.npmjs.org/is-glob/4.0.3
+      semver: registry.npmjs.org/semver/7.5.1
+      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5
+      typescript: registry.npmjs.org/typescript/4.9.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/utils/5.59.8_kigkzfftsmftz3xok324pyvzui:
     resolution: {integrity: sha512-Tr65630KysnNn9f9G7ROF3w1b5/7f6QVCJ+WK9nhIocWmx9F+TmCAcglF26Vm7z8KCTwoKcNEBZrhlklla3CKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.59.8.tgz}
     id: registry.npmjs.org/@typescript-eslint/utils/5.59.8
@@ -2197,6 +2315,29 @@ packages:
       - typescript
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/utils/5.59.9_kigkzfftsmftz3xok324pyvzui:
+    resolution: {integrity: sha512-1PuMYsju/38I5Ggblaeb98TOoUvjhRvLpLa1DoTOFaLWqaXl/1iQ1eGurTXgBY58NUdtfTXKP5xBq7q9NDaLKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.59.9.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/5.59.9
+    name: '@typescript-eslint/utils'
+    version: 5.59.9
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.42.0
+      '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.12
+      '@types/semver': registry.npmjs.org/@types/semver/7.5.0
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.9
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.9
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.9_typescript@4.9.5
+      eslint: registry.npmjs.org/eslint/8.42.0
+      eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
+      semver: registry.npmjs.org/semver/7.5.1
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.8:
     resolution: {integrity: sha512-pJhi2ms0x0xgloT7xYabil3SGGlojNNKjK/q6dB3Ey0uJLMjK2UDGJvHieiyJVW/7C3KI+Z4Q3pEHkm4ejA+xQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.8.tgz}
     name: '@typescript-eslint/visitor-keys'
@@ -2207,6 +2348,16 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.9:
+    resolution: {integrity: sha512-bT7s0td97KMaLwpEBckbzj/YohnvXtqbe2XgqNvTl6RJVakY5mvENOTPvw5u66nljfZxthESpDozs86U+oLY8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.9.tgz}
+    name: '@typescript-eslint/visitor-keys'
+    version: 5.59.9
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.9
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
+    dev: true
+
   registry.npmjs.org/@vitejs/plugin-react-swc/3.3.2_vite@4.3.9:
     resolution: {integrity: sha512-VJFWY5sfoZerQRvJrh518h3AcQt6f/yTuWn4/TRB+dqmYU0NX1qz7qM5Wfd+gOQqUzQW4gxKqKN3KpE/P3+zrA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.3.2.tgz}
     id: registry.npmjs.org/@vitejs/plugin-react-swc/3.3.2

From 84603bd966fea2f70e574139a925b68c86dc10e3 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 6 Jun 2023 15:46:19 +0200
Subject: [PATCH 0079/1093] chore(svelte): use prettier

---
 .../components/Attribution/Attribution.svelte | 12 ++-
 .../lib/components/BaseEdge/BaseEdge.svelte   |  4 +-
 .../components/EdgeWrapper/EdgeWrapper.svelte | 14 +--
 .../src/lib/components/Handle/Handle.svelte   |  8 +-
 .../components/NodeWrapper/NodeWrapper.svelte | 14 ++-
 .../SvelteFlowProvider.svelte                 |  4 +-
 .../lib/components/edges/BezierEdge.svelte    |  1 -
 .../lib/components/edges/StraightEdge.svelte  |  1 -
 .../lib/components/nodes/DefaultNode.svelte   |  1 -
 .../EdgeRenderer/EdgeRenderer.svelte          |  1 -
 .../MarkerDefinition/Marker.svelte            | 10 +--
 .../MarkerDefinition/MarkerDefinition.svelte  |  4 +-
 .../NodeRenderer/NodeRenderer.svelte          | 13 ++-
 .../svelte/src/lib/container/Pane/Pane.svelte |  7 +-
 .../container/SvelteFlow/SvelteFlow.svelte    | 16 ++--
 .../src/lib/container/SvelteFlow/utils.ts     |  1 +
 .../svelte/src/lib/container/Zoom/Zoom.svelte | 69 ++++++++-------
 .../lib/plugins/Background/Background.svelte  |  8 +-
 .../src/lib/plugins/Controls/Controls.svelte  | 12 ++-
 .../src/lib/plugins/Minimap/Minimap.svelte    | 29 +++---
 packages/svelte/src/routes/+layout.svelte     |  4 +-
 packages/svelte/src/routes/+page.svelte       |  2 +-
 .../svelte/src/routes/customnode/+page.svelte | 88 +++++++++----------
 .../customnode/CustomNode/Custom.svelte       | 11 +--
 .../svelte/src/routes/drag-n-drop/Flow.svelte | 60 ++++++-------
 .../src/routes/drag-n-drop/Sidebar.svelte     | 16 ++--
 packages/svelte/src/routes/edges/+page.svelte | 46 +++++-----
 .../src/routes/interaction/+page.svelte       | 29 +++---
 .../svelte/src/routes/overview/+page.svelte   | 33 ++++---
 .../routes/overview/CustomEdge/Custom.svelte  | 11 ++-
 .../svelte/src/routes/stress/+page.svelte     | 13 +--
 .../svelte/src/routes/subflows/+page.svelte   | 84 ++++++++----------
 .../src/routes/usesvelteflow/Flow.svelte      | 15 +---
 .../src/routes/usesvelteflow/Sidebar.svelte   | 24 +++--
 34 files changed, 335 insertions(+), 330 deletions(-)

diff --git a/packages/svelte/src/lib/components/Attribution/Attribution.svelte b/packages/svelte/src/lib/components/Attribution/Attribution.svelte
index a984cdd1d..031327238 100644
--- a/packages/svelte/src/lib/components/Attribution/Attribution.svelte
+++ b/packages/svelte/src/lib/components/Attribution/Attribution.svelte
@@ -8,14 +8,18 @@
   export let position: AttributionProps['position'] = 'bottom-right';
 </script>
 
-
 {#if !proOptions?.hideAttribution}
   <Panel
-    position={position}
+    {position}
     class="svelte-flow__attribution"
     data-message="Please only hide this attribution when you are subscribed to Svelte Flow Pro: https://pro.reactflow.dev"
   >
-    <a href="https://reactflow.dev/svelte" target="_blank" rel="noopener noreferrer" aria-label="Svelte Flow attribution">
+    <a
+      href="https://reactflow.dev/svelte"
+      target="_blank"
+      rel="noopener noreferrer"
+      aria-label="Svelte Flow attribution"
+    >
       Svelte Flow
     </a>
   </Panel>
@@ -33,4 +37,4 @@
     text-decoration: none;
     color: #999;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
index 0438ba050..1966d50eb 100644
--- a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
@@ -18,12 +18,12 @@
 
 <path
   d={path}
-  id={id}
+  {id}
   fill="none"
   class="svelte-flow__edge-path"
   marker-start={markerStart}
   marker-end={markerEnd}
-  style={style}
+  {style}
 />
 
 {#if interactionWidth}
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 07b980612..5c3adaa39 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -29,8 +29,8 @@
   export let markerEnd: $$Props['markerEnd'] = undefined;
   export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
   export let targetHandleId: $$Props['targetHandleId'] = undefined;
-  
-   // @ todo: support edge updates
+
+  // @ todo: support edge updates
 
   const { edges, edgeTypes, flowId, addSelectedEdges } = useStore();
   const dispatch = createEventDispatcher();
@@ -45,19 +45,13 @@
       addSelectedEdges([id]);
     }
 
-    const edge = $edges.find(e => e.id === id);
+    const edge = $edges.find((e) => e.id === id);
     dispatch('edge:click', edge);
   }
 </script>
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
-<g
-  class="svelte-flow__edge"
-  class:animated
-  class:selected
-  data-id={id}
-  on:click={onClick}
->
+<g class="svelte-flow__edge" class:animated class:selected data-id={id} on:click={onClick}>
   <svelte:component
     this={edgeComponent}
     {id}
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 1eceb8587..76e90ecdd 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -25,7 +25,7 @@
 
   const handleId = id || null;
   const dispatch = createEventDispatcher();
-  
+
   const store = useStore();
   const {
     connectionMode,
@@ -38,7 +38,7 @@
     addEdge,
     panBy,
     cancelConnection,
-    updateConnection,
+    updateConnection
   } = store;
 
   function dispatchEvent(eventName: string, params?: Connection) {
@@ -47,7 +47,7 @@
 
   function onConnectExtended(params: Connection) {
     addEdge(params);
-    dispatchEvent('connect', params)
+    dispatchEvent('connect', params);
   }
 
   function onPointerDown(event: MouseEvent | TouchEvent) {
@@ -69,7 +69,7 @@
         cancelConnection,
         panBy,
         onConnect: onConnectExtended,
-        getTransform: () => $transform,
+        getTransform: () => $transform
       });
     }
   }
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 828adfd6b..114c09173 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  
   import { createEventDispatcher, onMount, setContext, SvelteComponentTyped } from 'svelte';
   import cc from 'classcat';
   import { errorMessages, type NodeProps } from '@xyflow/system';
@@ -59,7 +58,7 @@
   });
 
   function dispatchEvent(eventName: string) {
-    const node = $nodes.find(n => n.id === id);
+    const node = $nodes.find((n) => n.id === id);
     dispatch(eventName, node);
   }
 
@@ -69,13 +68,20 @@
       addSelectedNodes([id]);
     }
 
-    dispatchEvent('node:click')
+    dispatchEvent('node:click');
   }
 </script>
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
-  use:drag={{ nodeId: id, isSelectable: selectable, disabled: false, handleSelector: undefined, noDragClassName: 'nodrag', store }}
+  use:drag={{
+    nodeId: id,
+    isSelectable: selectable,
+    disabled: false,
+    handleSelector: undefined,
+    noDragClassName: 'nodrag',
+    store
+  }}
   bind:this={nodeRef}
   data-id={id}
   class={cc(['svelte-flow__node', `svelte-flow__node-${type || 'default'}`, className])}
diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
index 4b9388f7e..2fdb25c6d 100644
--- a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { onDestroy } from 'svelte';
-  
+
   import { createStoreContext } from '$lib/store';
-  
+
   const store = createStoreContext();
 
   onDestroy(() => {
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
index 4a33bcc18..60921eb6b 100644
--- a/packages/svelte/src/lib/components/edges/BezierEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
@@ -28,4 +28,3 @@
   interactionWidth={$$props.interactionWidth}
   style={$$props.style}
 />
-
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
index 247764b67..50f282ff6 100644
--- a/packages/svelte/src/lib/components/edges/StraightEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
@@ -26,4 +26,3 @@
   interactionWidth={$$props.interactionWidth}
   style={$$props.style}
 />
-
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index 4ea0cdccc..09421958d 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -17,4 +17,3 @@
 <Handle type="target" position={targetPosition} on:connect:start on:connect on:connect:end />
 {data?.label}
 <Handle type="source" position={sourcePosition} on:connect:start on:connect on:connect:end />
-
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 6c495dd9c..752c9b33d 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -14,7 +14,6 @@
   <MarkerDefinition />
 </svg>
 
-
 <style>
   .svelte-flow__edges {
     width: 100%;
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/Marker.svelte b/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/Marker.svelte
index 3f54f47a0..dd1ec4395 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/Marker.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/Marker.svelte
@@ -8,19 +8,19 @@
   export let width: $$Props['width'] = 12.5;
   export let height: $$Props['height'] = 12.5;
   export let markerUnits: $$Props['markerUnits'] = 'strokeWidth';
-  export let orient: $$Props['orient']= 'auto-start-reverse';
+  export let orient: $$Props['orient'] = 'auto-start-reverse';
   export let color: $$Props['color'] = undefined;
   export let strokeWidth: $$Props['strokeWidth'] = undefined;
 </script>
 
 <marker
   class="svelte-flow__arrowhead"
-  id={id}
+  {id}
   markerWidth={`${width}`}
   markerHeight={`${height}`}
   viewBox="-10 -10 20 20"
-  markerUnits={markerUnits}
-  orient={orient}
+  {markerUnits}
+  {orient}
   refX="0"
   refY="0"
 >
@@ -43,4 +43,4 @@
       points="-5,-4 0,0 -5,4 -5,-4"
     />
   {/if}
-</marker>
\ No newline at end of file
+</marker>
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/MarkerDefinition.svelte b/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/MarkerDefinition.svelte
index 26c539263..3a1509a90 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/MarkerDefinition.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/MarkerDefinition.svelte
@@ -6,7 +6,7 @@
 </script>
 
 <defs>
-  {#each $markers as marker(marker.id)}
+  {#each $markers as marker (marker.id)}
     <Marker {...marker} />
   {/each}
-</defs>
\ No newline at end of file
+</defs>
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index eee0573ea..7bf598c26 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -5,7 +5,8 @@
   import { NodeWrapper } from '$lib/components/NodeWrapper';
   import { useStore } from '$lib/store';
 
-  const { nodes, nodesDraggable, nodesConnectable, elementsSelectable, updateNodeDimensions } = useStore();
+  const { nodes, nodesDraggable, nodesConnectable, elementsSelectable, updateNodeDimensions } =
+    useStore();
 
   const resizeObserver: ResizeObserver | null =
     typeof ResizeObserver === 'undefined'
@@ -38,8 +39,14 @@
       data={node.data}
       selected={node.selected}
       draggable={!!(node.draggable || ($nodesDraggable && typeof node.draggable === 'undefined'))}
-      selectable={!!(node.selectable || ($elementsSelectable && typeof node.selectable === 'undefined'))}
-      connectable={!!(node.connectable || ($nodesConnectable && typeof node.connectable === 'undefined'))}
+      selectable={!!(
+        node.selectable ||
+        ($elementsSelectable && typeof node.selectable === 'undefined')
+      )}
+      connectable={!!(
+        node.connectable ||
+        ($nodesConnectable && typeof node.connectable === 'undefined')
+      )}
       positionAbsolute={node.positionAbsolute}
       positionOrigin={posOrigin}
       isParent={!!node[internalsSymbol]?.isParent}
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 5c33adc70..46baa1824 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -30,8 +30,8 @@
 
 <script lang="ts">
   import { createEventDispatcher } from 'svelte';
-  import { SelectionMode, getEventPosition, getNodesInside  } from '@xyflow/system';
-  
+  import { SelectionMode, getEventPosition, getNodesInside } from '@xyflow/system';
+
   import { useStore } from '$lib/store';
   import { getConnectedEdges } from '$lib/utils';
   import type { Node, Edge } from '$lib/types';
@@ -52,7 +52,7 @@
     selectionRectMode,
     selectionKeyPressed,
     selectionMode,
-    unselectNodesAndEdges,
+    unselectNodesAndEdges
   } = useStore();
 
   let container: HTMLDivElement;
@@ -166,7 +166,6 @@
 
     dispatch('pane:contextmenu', event);
   };
-
 </script>
 
 <div
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 786b8dc3a..8443e408b 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -25,7 +25,7 @@
   export let fitView: $$Props['fitView'] = undefined;
   export let minZoom: $$Props['minZoom'] = undefined;
   export let maxZoom: $$Props['maxZoom'] = undefined;
-  export let initialViewport: Viewport = { x:0, y: 0, zoom: 1 };
+  export let initialViewport: Viewport = { x: 0, y: 0, zoom: 1 };
   export let nodeTypes: $$Props['nodeTypes'] = undefined;
   export let edgeTypes: $$Props['edgeTypes'] = undefined;
   export let selectionKey: $$Props['selectionKey'] = undefined;
@@ -66,8 +66,8 @@
     store.height.set(height);
     store.domNode.set(domNode);
 
-    store.syncNodeStores(nodes)
-    store.syncEdgeStores(edges)
+    store.syncNodeStores(nodes);
+    store.syncEdgeStores(edges);
 
     if (fitView !== undefined) {
       store.fitViewOnInit.set(fitView);
@@ -78,15 +78,15 @@
       edgeTypes,
       minZoom,
       maxZoom,
-      translateExtent,
+      translateExtent
     });
 
     return () => {
       store.reset();
-    }
+    };
   });
 
-  // this updates the store for simple changes 
+  // this updates the store for simple changes
   // where the prop names equals the store name
   $: {
     const updatableProps: UpdatableStoreProps = {
@@ -99,10 +99,10 @@
       nodesDraggable,
       nodesConnectable,
       elementsSelectable,
-      isValidConnection,
+      isValidConnection
     };
 
-   updateStoreByKeys(store, updatableProps);
+    updateStoreByKeys(store, updatableProps);
   }
 
   $: updateStore(store, {
diff --git a/packages/svelte/src/lib/container/SvelteFlow/utils.ts b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
index 6ed501813..a6ae47df9 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/utils.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
@@ -64,6 +64,7 @@ export function updateStoreByKeys(store: SvelteFlowStore, keys: UpdatableStorePr
   getKeys(keys).forEach((prop) => {
     const update = keys[prop];
     if (update !== undefined) {
+      // @todo: how to fix this TS error?
       // @ts-ignore
       store[prop].set(update);
     }
diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index 2892cfed4..01da84190 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -1,23 +1,23 @@
-<script lang="ts"> 
+<script lang="ts">
   import { PanOnScrollMode } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import zoom from '$lib/actions/zoom';
   import type { ZoomProps } from './types';
 
-  type $$Props = ZoomProps; 
+  type $$Props = ZoomProps;
 
   export let initialViewport: $$Props['initialViewport'];
   export let onMoveStart: $$Props['onMoveStart'] = undefined;
   export let onMove: $$Props['onMove'] = undefined;
   export let onMoveEnd: $$Props['onMoveEnd'] = undefined;
   export let panOnScrollMode: $$Props['panOnScrollMode'];
-  export let preventScrolling: $$Props['preventScrolling'];;
-  export let zoomOnScroll: $$Props['zoomOnScroll'];;
-  export let zoomOnDoubleClick: $$Props['zoomOnDoubleClick'];;
-  export let zoomOnPinch: $$Props['zoomOnPinch'];;
+  export let preventScrolling: $$Props['preventScrolling'];
+  export let zoomOnScroll: $$Props['zoomOnScroll'];
+  export let zoomOnDoubleClick: $$Props['zoomOnDoubleClick'];
+  export let zoomOnPinch: $$Props['zoomOnPinch'];
   export let panOnDrag: $$Props['panOnDrag'];
-  export let panOnScroll: $$Props['panOnScroll'];;
+  export let panOnScroll: $$Props['panOnScroll'];
 
   const {
     transform,
@@ -29,35 +29,38 @@
     translateExtent,
     lib
   } = useStore();
-  
+
   $: viewPort = initialViewport || { x: 0, y: 0, zoom: 1 };
 </script>
 
-<div class="svelte-flow__zoom" use:zoom={{
-  transform,
-  minZoom: $minZoom,
-  maxZoom: $maxZoom,
-  initialViewport: viewPort,
-  dragging,
-  panZoom,
-  onPanZoomStart: onMoveStart,
-  onPanZoom: onMove,
-  onPanZoomEnd: onMoveEnd,
-  zoomOnScroll,
-  zoomOnDoubleClick,
-  zoomOnPinch,
-  panOnScroll,
-  panOnDrag,
-  panOnScrollSpeed: 0.5,
-  panOnScrollMode: panOnScrollMode || PanOnScrollMode.Free,
-  zoomActivationKeyPressed: false,
-  preventScrolling: typeof preventScrolling === 'boolean' ? preventScrolling : true,
-  noPanClassName: 'nopan',
-  noWheelClassName: 'nowheel',
-  userSelectionActive: $selectionKeyPressed,
-  translateExtent: $translateExtent,
-  lib: $lib
-}}>
+<div
+  class="svelte-flow__zoom"
+  use:zoom={{
+    transform,
+    minZoom: $minZoom,
+    maxZoom: $maxZoom,
+    initialViewport: viewPort,
+    dragging,
+    panZoom,
+    onPanZoomStart: onMoveStart,
+    onPanZoom: onMove,
+    onPanZoomEnd: onMoveEnd,
+    zoomOnScroll,
+    zoomOnDoubleClick,
+    zoomOnPinch,
+    panOnScroll,
+    panOnDrag,
+    panOnScrollSpeed: 0.5,
+    panOnScrollMode: panOnScrollMode || PanOnScrollMode.Free,
+    zoomActivationKeyPressed: false,
+    preventScrolling: typeof preventScrolling === 'boolean' ? preventScrolling : true,
+    noPanClassName: 'nopan',
+    noWheelClassName: 'nowheel',
+    userSelectionActive: $selectionKeyPressed,
+    translateExtent: $translateExtent,
+    lib: $lib
+  }}
+>
   <slot />
 </div>
 
diff --git a/packages/svelte/src/lib/plugins/Background/Background.svelte b/packages/svelte/src/lib/plugins/Background/Background.svelte
index 4ef0c66b4..7984d2e83 100644
--- a/packages/svelte/src/lib/plugins/Background/Background.svelte
+++ b/packages/svelte/src/lib/plugins/Background/Background.svelte
@@ -20,7 +20,7 @@
   import { useStore } from '$lib/store';
   import { BackgroundVariant, type BackgroundProps } from './types';
 
-  type $$Props = BackgroundProps; 
+  type $$Props = BackgroundProps;
 
   export let variant: $$Props['variant'] = BackgroundVariant.Dots;
   export let gap: $$Props['gap'] = 20;
@@ -47,7 +47,11 @@
     : [patternDimensions[0] / 2, patternDimensions[1] / 2];
 </script>
 
-<svg class={cc(['svelte-flow__background', className])} {style} data-testid="svelte-flow__background">
+<svg
+  class={cc(['svelte-flow__background', className])}
+  {style}
+  data-testid="svelte-flow__background"
+>
   <pattern
     id={patternId}
     x={$transform[0] % scaledGap[0]}
diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index e9e7b79ca..b978fd6fa 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -18,7 +18,15 @@
   export let showInteractive: $$Props['showInteractive'] = true;
 
   const {
-    zoomIn, zoomOut, fitView, transform, minZoom, maxZoom, nodesDraggable, nodesConnectable, elementsSelectable
+    zoomIn,
+    zoomOut,
+    fitView,
+    transform,
+    minZoom,
+    maxZoom,
+    nodesDraggable,
+    nodesConnectable,
+    elementsSelectable
   } = useStore();
 
   $: isInteractive = $nodesDraggable || $nodesConnectable || $elementsSelectable;
@@ -45,7 +53,7 @@
     elementsSelectable.set(isInteractive);
   };
 </script>
- 
+
 <Panel class="svelte-flow__controls" {position} data-testid="svelte-flow__controls">
   {#if showZoom}
     <ControlButton
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index b8749ef88..4dee7680e 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -12,12 +12,12 @@
   import { useStore } from '$lib/store';
   import { Panel } from '$lib/container/Panel';
   import MinimapNode from './MinimapNode.svelte';
-  import interactive from './interactive'
+  import interactive from './interactive';
   import type { GetMiniMapNodeAttribute, MiniMapProps } from './types';
 
   type $$Props = MiniMapProps;
 
-  let position: $$Props['position']  = 'bottom-right';
+  let position: $$Props['position'] = 'bottom-right';
   let ariaLabel: $$Props['ariaLabel'] = 'Mini map';
   let style: $$Props['style'] = '';
   let nodeStrokeColor: $$Props['nodeStrokeColor'] = 'transparent';
@@ -32,7 +32,7 @@
   let width: $$Props['width'] = undefined;
   let height: $$Props['height'] = undefined;
   let pannable: $$Props['pannable'] = true;
-  let zoomable: $$Props['zoomable'] = true;  
+  let zoomable: $$Props['zoomable'] = true;
   let inversePan: $$Props['inversePan'] = undefined;
   let zoomStep: $$Props['zoomStep'] = undefined;
 
@@ -41,8 +41,16 @@
 
   const defaultWidth = 200;
   const defaultHeight = 150;
-  const { nodes, transform, width: containerWidth, height: containerHeight, flowId, panZoom, translateExtent } = useStore();
-  
+  const {
+    nodes,
+    transform,
+    width: containerWidth,
+    height: containerHeight,
+    flowId,
+    panZoom,
+    translateExtent
+  } = useStore();
+
   const nodeColorFunc = getAttrFunction(nodeColor);
   const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
   const nodeClassNameFunc = getAttrFunction(nodeClassName);
@@ -56,8 +64,7 @@
     width: $containerWidth / $transform[2],
     height: $containerHeight / $transform[2]
   };
-  $: boundingRect =
-    $nodes.length > 0 ? getBoundsOfRects(getRectOfNodes($nodes), viewBB) : viewBB;
+  $: boundingRect = $nodes.length > 0 ? getBoundsOfRects(getRectOfNodes($nodes), viewBB) : viewBB;
   $: elementWidth = width ?? defaultWidth;
   $: elementHeight = height ?? defaultHeight;
   $: scaledWidth = boundingRect.width / elementWidth;
@@ -97,7 +104,7 @@
         inversePan,
         zoomStep,
         pannable,
-        zoomable,
+        zoomable
       }}
     >
       {#if ariaLabel}<title id={labelledBy}>{ariaLabel}</title>{/if}
@@ -122,9 +129,9 @@
       {/each}
       <path
         class="svelte-flow__minimap-mask"
-        d={`M${x - offset},${y - offset}h${viewboxWidth + offset * 2}v${viewboxHeight + offset * 2}h${
-          -viewboxWidth - offset * 2
-        }z
+        d={`M${x - offset},${y - offset}h${viewboxWidth + offset * 2}v${
+          viewboxHeight + offset * 2
+        }h${-viewboxWidth - offset * 2}z
       M${viewBB.x},${viewBB.y}h${viewBB.width}v${viewBB.height}h${-viewBB.width}z`}
         fill={maskColor}
         fill-rule="evenodd"
diff --git a/packages/svelte/src/routes/+layout.svelte b/packages/svelte/src/routes/+layout.svelte
index bc95f151b..f319ea274 100644
--- a/packages/svelte/src/routes/+layout.svelte
+++ b/packages/svelte/src/routes/+layout.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Header } from '../example-components/Header'
+  import { Header } from '../example-components/Header';
 </script>
 
 <div class="app">
@@ -19,4 +19,4 @@
   .flow {
     flex: 1;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index cd4105376..45db22288 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -1 +1 @@
-<div>this redirects to /overview</div>
\ No newline at end of file
+<div>this redirects to /overview</div>
diff --git a/packages/svelte/src/routes/customnode/+page.svelte b/packages/svelte/src/routes/customnode/+page.svelte
index 7c3f5b86c..d5f468bc2 100644
--- a/packages/svelte/src/routes/customnode/+page.svelte
+++ b/packages/svelte/src/routes/customnode/+page.svelte
@@ -6,8 +6,10 @@
     Background,
     BackgroundVariant,
     MiniMap,
+    Position,
+    type Node,
     type NodeTypes,
-    Position
+    type Edge
   } from '../../lib/index';
   import { CustomNode } from './CustomNode';
 
@@ -15,8 +17,8 @@
     colorNode: CustomNode
   };
 
-  const bgColor = writable('#1A192B')
-  
+  const bgColor = writable('#1A192B');
+
   const onChange: ChangeEventHandler<HTMLInputElement> = (event) => {
     nodes.update((nds) =>
       nds.map((node) => {
@@ -32,75 +34,69 @@
           ...node,
           data: {
             ...node.data,
-            color,
-          },
+            color
+          }
         };
       })
     );
   };
 
-  const nodes = writable([
-  {
-    id: '1',
-    type: 'input',
-    data: { label: 'An input node' },
-    position: { x: 0, y: 50 },
-    sourcePosition: Position.Right,
-  },
-  {
-    id: '2',
-    type: 'colorNode',
-    data: { onChange: onChange, color: $bgColor },
-    style: 'border: 1px solid #777; padding: 10px',
-    position: { x: 250, y: 50 },
-  },
-  {
-    id: '3',
-    type: 'output',
-    data: { label: 'Output A' },
-    position: { x: 650, y: 25 },
-    targetPosition: Position.Left,
-  },
-  {
-    id: '4',
-    type: 'output',
-    data: { label: 'Output B' },
-    position: { x: 650, y: 120 },
-    targetPosition: Position.Left,
-  },
+  const nodes = writable<Node[]>([
+    {
+      id: '1',
+      type: 'input',
+      data: { label: 'An input node' },
+      position: { x: 0, y: 50 },
+      sourcePosition: Position.Right
+    },
+    {
+      id: '2',
+      type: 'colorNode',
+      data: { onChange: onChange, color: $bgColor },
+      style: 'border: 1px solid #777; padding: 10px',
+      position: { x: 250, y: 50 }
+    },
+    {
+      id: '3',
+      type: 'output',
+      data: { label: 'Output A' },
+      position: { x: 650, y: 25 },
+      targetPosition: Position.Left
+    },
+    {
+      id: '4',
+      type: 'output',
+      data: { label: 'Output B' },
+      position: { x: 650, y: 120 },
+      targetPosition: Position.Left
+    }
   ]);
 
-  const edges = writable([
+  const edges = writable<Edge[]>([
     {
       id: 'e1-2',
       source: '1',
       target: '2',
-      animated: true,
+      animated: true
     },
     {
       id: 'e2a-3',
       source: '2',
       sourceHandle: 'a',
       target: '3',
-      animated: true,
+      animated: true
     },
     {
       id: 'e2b-4',
       source: '2',
       sourceHandle: 'b',
       target: '4',
-      animated: true,
-    },
+      animated: true
+    }
   ]);
 </script>
 
-<SvelteFlow
-  {nodes}
-  {edges}
-  {nodeTypes}
-  style="--bgcolor: {$bgColor}"
-  fitView
->
+<SvelteFlow {nodes} {edges} {nodeTypes} style="--bgcolor: {$bgColor}" fitView>
   <Controls />
   <Background variant={BackgroundVariant.Dots} />
   <MiniMap />
diff --git a/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte b/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte
index 1a7717439..fb835834a 100644
--- a/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte
+++ b/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte
@@ -2,7 +2,7 @@
   import { Position } from '@xyflow/system';
   import { Handle } from '../../../lib/index';
 
-  export let data: { color: string, onChange: () => void } = { color: '#111', onChange: () => {} };
+  export let data: { color: string; onChange: () => void } = { color: '#111', onChange: () => {} };
   export let xPos: number = 0;
   export let yPos: number = 0;
 </script>
@@ -12,10 +12,5 @@
   Custom Color Picker Node: <strong>{data.color}</strong>
 </div>
 <input class="nodrag" type="color" on:input={data.onChange} value={data.color} />
-<Handle
-  type="source"
-  position={Position.Right}
-  id="a"
-  style="top: 10px;"
-/>
-<Handle type="source" position={Position.Right} id="b" style="top: auto; bottom: 10px;"  />
+<Handle type="source" position={Position.Right} id="a" style="top: 10px;" />
+<Handle type="source" position={Position.Right} id="b" style="top: auto; bottom: 10px;" />
diff --git a/packages/svelte/src/routes/drag-n-drop/Flow.svelte b/packages/svelte/src/routes/drag-n-drop/Flow.svelte
index 341f506fb..7545e2542 100644
--- a/packages/svelte/src/routes/drag-n-drop/Flow.svelte
+++ b/packages/svelte/src/routes/drag-n-drop/Flow.svelte
@@ -10,28 +10,26 @@
   } from '../../lib/index';
   import Sidebar from './Sidebar.svelte';
 
-  const nodes = writable(
-    [
-      {
-        id: '1',
-        type: 'input',
-        data: { label: 'Input Node' },
-        position: { x: 150, y: 5 }
-      },
-      {
-        id: '2',
-        type: 'default',
-        data: { label: 'Node' },
-        position: { x: 0, y: 150 }
-      },
-      {
-        id: '3',
-        type: 'output',
-        data: { label: 'Output Node' },
-        position: { x: 300, y: 150 }
-      }
-    ]
-  );
+  const nodes = writable([
+    {
+      id: '1',
+      type: 'input',
+      data: { label: 'Input Node' },
+      position: { x: 150, y: 5 }
+    },
+    {
+      id: '2',
+      type: 'default',
+      data: { label: 'Node' },
+      position: { x: 0, y: 150 }
+    },
+    {
+      id: '3',
+      type: 'output',
+      data: { label: 'Output Node' },
+      position: { x: 300, y: 150 }
+    }
+  ]);
 
   const edges = writable([
     {
@@ -54,7 +52,7 @@
   const onDragOver = (event: DragEvent) => {
     event.preventDefault();
 
-    console.log(event)
+    console.log(event);
 
     if (event.dataTransfer) {
       event.dataTransfer.dropEffect = 'move';
@@ -71,27 +69,21 @@
     const type = event.dataTransfer.getData('application/svelteflow');
     const position = svelteFlow.project({
       x: event.clientX,
-      y: event.clientY - 40,
+      y: event.clientY - 40
     });
     const newNode: Node = {
       id: `${Math.random()}`,
       type,
       position,
-      data: { label: `${type} node` },
+      data: { label: `${type} node` }
     };
 
-    svelteFlow.nodes.update(nds => nds.concat(newNode));
+    svelteFlow.nodes.update((nds) => nds.concat(newNode));
   };
 </script>
 
 <main>
-  <SvelteFlow
-    {nodes}
-    {edges}
-    fitView
-    on:dragover={onDragOver}
-    on:drop={onDrop}
-  >
+  <SvelteFlow {nodes} {edges} fitView on:dragover={onDragOver} on:drop={onDrop}>
     <Controls />
     <Background variant={BackgroundVariant.Dots} />
     <MiniMap />
@@ -104,4 +96,4 @@
     height: 100%;
     display: flex;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/routes/drag-n-drop/Sidebar.svelte b/packages/svelte/src/routes/drag-n-drop/Sidebar.svelte
index 532cfbed0..5e3dabba5 100644
--- a/packages/svelte/src/routes/drag-n-drop/Sidebar.svelte
+++ b/packages/svelte/src/routes/drag-n-drop/Sidebar.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
-  import {
-    useSvelteFlow
-  } from '../../lib/index';
+  import { useSvelteFlow } from '../../lib/index';
 
   const onDragStart = (event: DragEvent, nodeType: string) => {
     if (!event.dataTransfer) {
@@ -17,7 +15,11 @@
 
 <aside>
   <div class="label">You can drag these nodes to the pane on the left.</div>
-  <div class="input-node node" on:dragstart={(event) => onDragStart(event, 'input')} draggable={true}>
+  <div
+    class="input-node node"
+    on:dragstart={(event) => onDragStart(event, 'input')}
+    draggable={true}
+  >
     Input Node
   </div>
   <div
@@ -38,7 +40,7 @@
 
 <style>
   .label {
-    margin: 0.5rem 0 .25rem 0;
+    margin: 0.5rem 0 0.25rem 0;
   }
 
   aside {
@@ -51,9 +53,9 @@
   .node {
     margin-bottom: 0.5rem;
     border: 1px solid #111;
-    padding: .5rem 1rem;
+    padding: 0.5rem 1rem;
     font-weight: 700;
     border-radius: 3px;
     cursor: grab;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/routes/edges/+page.svelte b/packages/svelte/src/routes/edges/+page.svelte
index 9879188e6..004609568 100644
--- a/packages/svelte/src/routes/edges/+page.svelte
+++ b/packages/svelte/src/routes/edges/+page.svelte
@@ -13,7 +13,7 @@
       id: '1',
       type: 'input',
       data: { label: 'Input 1' },
-      position: { x: 250, y: 0 },
+      position: { x: 250, y: 0 }
     },
     { id: '2', data: { label: 'Node 2' }, position: { x: 150, y: 100 } },
     { id: '2a', data: { label: 'Node 2a' }, position: { x: 0, y: 180 } },
@@ -26,26 +26,26 @@
       id: '6',
       type: 'output',
       data: { label: 'Output 6' },
-      position: { x: 50, y: 550 },
+      position: { x: 50, y: 550 }
     },
     {
       id: '7',
       type: 'output',
       data: { label: 'Output 7' },
-      position: { x: 250, y: 550 },
+      position: { x: 250, y: 550 }
     },
     {
       id: '8',
       type: 'output',
       data: { label: 'Output 8' },
-      position: { x: 525, y: 600 },
+      position: { x: 525, y: 600 }
     },
     {
       id: '9',
       type: 'output',
       data: { label: 'Output 9' },
-      position: { x: 675, y: 500 },
-    },
+      position: { x: 675, y: 500 }
+    }
   ]);
 
   const edges = writable([
@@ -53,21 +53,21 @@
       id: 'e1-2',
       source: '1',
       target: '2',
-      label: 'bezier edge (default)',
+      label: 'bezier edge (default)'
     },
     {
       id: 'e2-2a',
       source: '2',
       target: '2a',
       type: 'smoothstep',
-      label: 'smoothstep edge',
+      label: 'smoothstep edge'
     },
     {
       id: 'e2a-2b',
       source: '2a',
       target: '2b',
       type: 'simplebezier',
-      label: 'simple bezier edge',
+      label: 'simple bezier edge'
     },
     { id: 'e2-3', source: '2', target: '3', type: 'step', label: 'step edge' },
     {
@@ -75,7 +75,7 @@
       source: '3',
       target: '4',
       type: 'straight',
-      label: 'straight edge',
+      label: 'straight edge'
     },
     {
       id: 'e3-3a',
@@ -83,7 +83,7 @@
       target: '3a',
       type: 'straight',
       label: 'label only edge',
-      style: 'stroke: none',
+      style: 'stroke: none'
     },
     {
       id: 'e3-5',
@@ -91,7 +91,7 @@
       target: '5',
       animated: true,
       label: 'animated styled edge',
-      style: 'stroke: red',
+      style: 'stroke: red'
     },
     {
       id: 'e5-7',
@@ -100,20 +100,20 @@
       label: 'label with styled bg',
       labelStyle: 'background: #FFCC00; color: #fff; opacity: 0.7',
       markerEnd: {
-        type: MarkerType.ArrowClosed,
-      },
+        type: MarkerType.ArrowClosed
+      }
     },
     {
       id: 'e5-8',
       source: '5',
       target: '8',
-      data: { text: 'custom edge' },
+      data: { text: 'custom edge' }
     },
     {
       id: 'e5-9',
       source: '5',
       target: '9',
-      data: { text: 'custom edge 2' },
+      data: { text: 'custom edge 2' }
     },
     {
       id: 'e5-6',
@@ -128,7 +128,7 @@
         markerUnits: 'userSpaceOnUse',
         width: 20,
         height: 20,
-        strokeWidth: 2,
+        strokeWidth: 2
       },
       markerStart: {
         type: MarkerType.ArrowClosed,
@@ -136,17 +136,13 @@
         orient: 'auto-start-reverse',
         markerUnits: 'userSpaceOnUse',
         width: 20,
-        height: 20,
-      },
-    },
+        height: 20
+      }
+    }
   ]);
 </script>
 
-<SvelteFlow
-  {nodes}
-  {edges}
-  fitView
->
+<SvelteFlow {nodes} {edges} fitView>
   <Controls />
   <Background variant={BackgroundVariant.Dots} />
   <MiniMap />
diff --git a/packages/svelte/src/routes/interaction/+page.svelte b/packages/svelte/src/routes/interaction/+page.svelte
index c5d956e5d..9eb872d74 100644
--- a/packages/svelte/src/routes/interaction/+page.svelte
+++ b/packages/svelte/src/routes/interaction/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { writable } from 'svelte/store';
+  import { writable } from 'svelte/store';
   import SvelteFlow, {
     Controls,
     Panel,
@@ -7,7 +7,7 @@
     MiniMap,
     type OnMoveEnd,
     type Node,
-    type Edge,
+    type Edge
   } from '../../lib/index';
 
   const nodes = writable([
@@ -15,16 +15,16 @@
       id: '1',
       type: 'input',
       data: { label: 'Node 1' },
-      position: { x: 250, y: 5 },
+      position: { x: 250, y: 5 }
     },
     { id: '2', data: { label: 'Node 2' }, position: { x: 100, y: 100 } },
     { id: '3', data: { label: 'Node 3' }, position: { x: 400, y: 100 } },
-    { id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 200 } },
+    { id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 200 } }
   ]);
 
   const edges = writable([
     { id: 'e1-2', source: '1', target: '2', animated: true },
-    { id: 'e1-3', source: '1', target: '3' },
+    { id: 'e1-3', source: '1', target: '3' }
   ]);
 
   const onNodeDragStart = (_: MouseEvent, node: Node) => console.log('drag start', node);
@@ -36,7 +36,6 @@
   const onPaneContextMenu = (event: MouseEvent) => console.log('onPaneContextMenu', event);
   const onMoveEnd: OnMoveEnd = (_, viewport) => console.log('onMoveEnd', viewport);
 
-
   let isSelectable = false;
   let isDraggable = false;
   let isConnectable = false;
@@ -57,13 +56,13 @@
   elementsSelectable={isSelectable}
   nodesConnectable={isConnectable}
   nodesDraggable={isDraggable}
-  zoomOnScroll={zoomOnScroll}
-  zoomOnPinch={zoomOnPinch}
-  panOnScroll={panOnScroll}
-  panOnScrollMode={panOnScrollMode}
-  zoomOnDoubleClick={zoomOnDoubleClick}
-  panOnDrag={panOnDrag}
-  onMoveEnd={onMoveEnd}
+  {zoomOnScroll}
+  {zoomOnPinch}
+  {panOnScroll}
+  {panOnScrollMode}
+  {zoomOnDoubleClick}
+  {panOnDrag}
+  {onMoveEnd}
 >
   <MiniMap />
   <Controls />
@@ -141,7 +140,9 @@
         <select
           id="panonscrollmode"
           bind:value={panOnScrollMode}
-          on:change={(event) => { panOnScrollMode = PanOnScrollMode.Free }}
+          on:change={(event) => {
+            panOnScrollMode = PanOnScrollMode.Free;
+          }}
           class="react-flow__panonscrollmode"
         >
           <option value="free">free</option>
diff --git a/packages/svelte/src/routes/overview/+page.svelte b/packages/svelte/src/routes/overview/+page.svelte
index dbaa81ddd..17a2c9b0a 100644
--- a/packages/svelte/src/routes/overview/+page.svelte
+++ b/packages/svelte/src/routes/overview/+page.svelte
@@ -34,14 +34,14 @@
       type: 'default',
       data: { label: 'Node' },
       position: { x: 0, y: 150 },
-      selectable: false,
+      selectable: false
     },
     {
       id: 'A',
       type: 'default',
       data: { label: 'Styled with class' },
       class: 'custom-style',
-      position: { x: 150, y: 150 },
+      position: { x: 150, y: 150 }
     },
     {
       id: 'D',
@@ -90,25 +90,27 @@
       id: '2-4',
       type: 'custom',
       source: '2',
-      target: '4',
+      target: '4'
     }
   ]);
 
   function updateNode() {
-    nodes.update(nds => nds.map(n => {
-      if (n.id === '1') {
-        return {
-          ...n,
-          position: { x: n.position.x + 20, y: n.position.y }
+    nodes.update((nds) =>
+      nds.map((n) => {
+        if (n.id === '1') {
+          return {
+            ...n,
+            position: { x: n.position.x + 20, y: n.position.y }
+          };
         }
-      }
 
-      return n;
-    }));
+        return n;
+      })
+    );
   }
 
   $: {
-    console.log('nodes changed', $nodes)
+    console.log('nodes changed', $nodes);
   }
 </script>
 
@@ -124,14 +126,17 @@
   initialViewport={{ x: 100, y: 100, zoom: 2 }}
   snapGrid={[25, 25]}
   on:node:click={(event) => console.log('on node click', event)}
-  on:node:mouseenter={(event) => console.log('on node enter', event)} 
+  on:node:mouseenter={(event) => console.log('on node enter', event)}
   on:node:mouseleave={(event) => console.log('on node leave', event)}
   on:edge:click={(event) => console.log('edge click', event)}
   on:connect:start={(event) => console.log('on connect start', event)}
   on:connect={(event) => console.log('on connect', event)}
   on:connect:end={(event) => console.log('on connect end', event)}
   on:pane:click={(event) => console.log('on pane click', event)}
-  on:pane:contextmenu={(event) => { event.preventDefault(); console.log('on pane contextmenu', event); }}
+  on:pane:contextmenu={(event) => {
+    event.preventDefault();
+    console.log('on pane contextmenu', event);
+  }}
 >
   <Controls />
   <Background variant={BackgroundVariant.Dots} />
diff --git a/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte b/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte
index 1a881428a..0c41b8925 100644
--- a/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte
+++ b/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte
@@ -17,7 +17,7 @@
   const svelteFlow = useSvelteFlow();
 
   function onClick() {
-    svelteFlow.edges.update(eds => eds.filter(e => e.id !== $$props.id));
+    svelteFlow.edges.update((eds) => eds.filter((e) => e.id !== $$props.id));
   }
 </script>
 
@@ -29,11 +29,10 @@
     class="edge-button"
     on:click={onClick}
   >
-  ✕
+    ✕
   </button>
 </EdgeLabelRenderer>
 
-
 <style>
   .edge-button {
     border-radius: 50%;
@@ -49,8 +48,8 @@
     cursor: pointer;
     background-color: #eee;
   }
-  
+
   .edge-button:hover {
-    box-shadow: 0 0 2px 1px rgba(0,0,0,0.12);
+    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12);
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/routes/stress/+page.svelte b/packages/svelte/src/routes/stress/+page.svelte
index 036540e13..83f46af13 100644
--- a/packages/svelte/src/routes/stress/+page.svelte
+++ b/packages/svelte/src/routes/stress/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { writable } from 'svelte/store';
+  import { writable } from 'svelte/store';
   import SvelteFlow, {
     Controls,
     Background,
@@ -26,7 +26,7 @@
         id,
         data,
         position,
-        type: 'default',
+        type: 'default'
       };
       nodeItems.push(node);
 
@@ -34,7 +34,7 @@
         const edge = {
           id: `${source.id}-${id}`,
           source: source.id,
-          target: id,
+          target: id
         };
         edgeItems.push(edge);
       }
@@ -47,12 +47,7 @@
   const edges = writable(edgeItems);
 </script>
 
-<SvelteFlow
-  {nodes}
-  {edges}
-  fitView
-  minZoom={0.2}
->
+<SvelteFlow {nodes} {edges} fitView minZoom={0.2}>
   <Controls />
   <Background variant={BackgroundVariant.Dots} />
   <MiniMap />
diff --git a/packages/svelte/src/routes/subflows/+page.svelte b/packages/svelte/src/routes/subflows/+page.svelte
index 440c6289b..1cef9da2b 100644
--- a/packages/svelte/src/routes/subflows/+page.svelte
+++ b/packages/svelte/src/routes/subflows/+page.svelte
@@ -1,31 +1,32 @@
 <script lang="ts">
-    import { writable } from 'svelte/store';
+  import { writable } from 'svelte/store';
   import SvelteFlow, {
     Controls,
     Background,
     BackgroundVariant,
     MiniMap,
     type NodeTypes,
+    type Node
   } from '../../lib/index';
   import { DebugNode } from './DebugNode';
-  
+
   const nodeTypes: NodeTypes = {
-    default: DebugNode,
+    default: DebugNode
   };
 
-  const nodes = writable([
+  const nodes = writable<Node[]>([
     {
       id: '1',
       type: 'input',
       data: { label: 'Node 1' },
       position: { x: 250, y: 5 },
-      origin: [0.5, 0.5],
+      origin: [0.5, 0.5]
     },
     {
       id: '4',
       data: { label: 'Node 4' },
       position: { x: 100, y: 200 },
-      style: "width:500px; height:300px;"
+      style: 'width:500px; height:300px;'
     },
     {
       id: '4a',
@@ -34,96 +35,89 @@
       parentNode: '4',
       extent: [
         [0, 0],
-        [100, 100],
-      ],
+        [100, 100]
+      ]
     },
     {
       id: '4b',
       data: { label: 'Node 4b' },
       position: { x: 100, y: 60 },
-      style: "width: 300px; height: 200px;",
-      parentNode: '4',
+      style: 'width: 300px; height: 200px;',
+      parentNode: '4'
     },
     {
       id: '4b1',
       data: { label: 'Node 4b1' },
       position: { x: 40, y: 20 },
-      parentNode: '4b',
+      parentNode: '4b'
     },
     {
       id: '4b2',
       data: { label: 'Node 4b2' },
       position: { x: 20, y: 100 },
-      parentNode: '4b',
+      parentNode: '4b'
     },
     {
       id: '5',
       type: 'group',
       data: { label: 'Node 5' },
       position: { x: 650, y: 250 },
-      style: "width: 400px; height: 150px",
-      zIndex: 1000,
+      style: 'width: 400px; height: 150px',
+      zIndex: 1000
     },
     {
       id: '5a',
       data: { label: 'Node 5a' },
       position: { x: 0, y: 0 },
       parentNode: '5',
-      extent: 'parent',
+      extent: 'parent'
     },
     {
       id: '5b',
       data: { label: 'Node 5b' },
       position: { x: 225, y: 50 },
       parentNode: '5',
-      expandParent: true,
+      expandParent: true
     },
     {
       id: '2',
       data: { label: 'Node 2' },
-      position: { x: 100, y: 100 },
+      position: { x: 100, y: 100 }
     },
     {
       id: '3',
       data: { label: 'Node 3' },
-      position: { x: 400, y: 100 },
+      position: { x: 400, y: 100 }
     }
   ]);
 
   const edges = writable([
     {
-    id: 'e1-2',
-    source: '1',
-    target: '2',
-    // markerEnd: {
-    //   type: MarkerType.Arrow,
-    //   strokeWidth: 2,
-    //   width: 15,
-    //   height: 15,
-    //   color: '#f00',
-    // },
-  },
-  { id: 'e1-3', source: '1', target: '3' },
-  { id: 'e3-4', source: '3', target: '4', zIndex: 100 },
-  { id: 'e3-4b', source: '3', target: '4b' },
-  { id: 'e4a-4b1', source: '4a', target: '4b1' },
-  { id: 'e4a-4b2', source: '4a', target: '4b2', zIndex: 100 },
-  { id: 'e4b1-4b2', source: '4b1', target: '4b2' },
+      id: 'e1-2',
+      source: '1',
+      target: '2'
+      // markerEnd: {
+      //   type: MarkerType.Arrow,
+      //   strokeWidth: 2,
+      //   width: 15,
+      //   height: 15,
+      //   color: '#f00',
+      // },
+    },
+    { id: 'e1-3', source: '1', target: '3' },
+    { id: 'e3-4', source: '3', target: '4', zIndex: 100 },
+    { id: 'e3-4b', source: '3', target: '4b' },
+    { id: 'e4a-4b1', source: '4a', target: '4b1' },
+    { id: 'e4a-4b2', source: '4a', target: '4b2', zIndex: 100 },
+    { id: 'e4b1-4b2', source: '4b1', target: '4b2' }
   ]);
 
   $: {
-    console.log($nodes)
+    console.log($nodes);
   }
 </script>
 
-<SvelteFlow
-  {nodes}
-  {edges}
-  {nodeTypes}
-  fitView
-  minZoom={0.1}
-  maxZoom={2.5}
->
+<SvelteFlow {nodes} {edges} {nodeTypes} fitView minZoom={0.1} maxZoom={2.5}>
   <Controls />
   <Background variant={BackgroundVariant.Dots} />
   <MiniMap />
@@ -131,6 +125,6 @@
 
 <style>
   :global(.svelte-flow .svelte-flow__node.parent) {
-    background-color: rgba(220,220,255,0.4)
+    background-color: rgba(220, 220, 255, 0.4);
   }
 </style>
diff --git a/packages/svelte/src/routes/usesvelteflow/Flow.svelte b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
index c0e70bf2f..c89d3b2e6 100644
--- a/packages/svelte/src/routes/usesvelteflow/Flow.svelte
+++ b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
@@ -1,11 +1,6 @@
 <script lang="ts">
   import { writable } from 'svelte/store';
-  import SvelteFlow, {
-    Controls,
-    Background,
-    BackgroundVariant,
-    MiniMap,
-  } from '../../lib/index';
+  import SvelteFlow, { Controls, Background, BackgroundVariant, MiniMap } from '../../lib/index';
   import Sidebar from './Sidebar.svelte';
 
   const nodes = writable([
@@ -47,11 +42,7 @@
 </script>
 
 <main>
-  <SvelteFlow
-    {nodes}
-    {edges}
-    fitView
-  >
+  <SvelteFlow {nodes} {edges} fitView>
     <Controls />
     <Background variant={BackgroundVariant.Dots} />
     <MiniMap />
@@ -64,4 +55,4 @@
     height: 100%;
     display: flex;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/routes/usesvelteflow/Sidebar.svelte b/packages/svelte/src/routes/usesvelteflow/Sidebar.svelte
index de82de39f..0ba728aab 100644
--- a/packages/svelte/src/routes/usesvelteflow/Sidebar.svelte
+++ b/packages/svelte/src/routes/usesvelteflow/Sidebar.svelte
@@ -1,9 +1,17 @@
 <script lang="ts">
-  import {
-    useSvelteFlow
-  } from '../../lib/index';
+  import { useSvelteFlow } from '../../lib/index';
 
-  const { zoomIn, zoomOut, setZoom, fitView, setCenter, setViewport, getViewport, viewport, nodes } = useSvelteFlow();
+  const {
+    zoomIn,
+    zoomOut,
+    setZoom,
+    fitView,
+    setCenter,
+    setViewport,
+    getViewport,
+    viewport,
+    nodes
+  } = useSvelteFlow();
 </script>
 
 <aside>
@@ -22,13 +30,15 @@
   {/each}
 
   <div class="label">Viewport:</div>
-  <div>x: {$viewport.x.toFixed(1)} y: {$viewport.y.toFixed(1)} zoom: {$viewport.zoom.toFixed(1)}</div>
+  <div>
+    x: {$viewport.x.toFixed(1)} y: {$viewport.y.toFixed(1)} zoom: {$viewport.zoom.toFixed(1)}
+  </div>
 </aside>
 
 <style>
   .label {
     font-weight: 700;
-    margin: 0.5rem 0 .25rem 0;
+    margin: 0.5rem 0 0.25rem 0;
   }
 
   aside {
@@ -43,4 +53,4 @@
     margin-bottom: 0.5rem;
     font-size: 12px;
   }
-</style>
\ No newline at end of file
+</style>

From 32ddd6fac94f3046e99e1d77cfb2d178d681e9f5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 6 Jun 2023 15:47:50 +0200
Subject: [PATCH 0080/1093] chore(svelte): cleanup deps

---
 packages/svelte/package.json |  10 +-
 pnpm-lock.yaml               | 171 +----------------------------------
 2 files changed, 3 insertions(+), 178 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index bc8d7b6fd..54cfddb87 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -18,16 +18,8 @@
   },
   "dependencies": {
     "@svelte-put/shortcut": "^2.0.0",
-    "@types/d3-drag": "^3.0.1",
-    "@types/d3-selection": "^3.0.3",
-    "@types/d3-zoom": "^3.0.1",
     "@xyflow/system": "workspace:*",
-    "classcat": "^5.0.4",
-    "d3-drag": "^3.0.0",
-    "d3-selection": "^3.0.0",
-    "d3-zoom": "^3.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "classcat": "^5.0.4"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^2.1.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index aea5fb54b..1784c0190 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -30,8 +30,8 @@ importers:
     devDependencies:
       '@changesets/changelog-github': registry.npmjs.org/@changesets/changelog-github/0.4.8
       '@changesets/cli': registry.npmjs.org/@changesets/cli/2.26.1
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.8_loqfnwogukjtmydbmg57mzzpb4
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.8_kigkzfftsmftz3xok324pyvzui
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.9_3i5bqcvz3xm47mwpahnwyqmg7m
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.9_kigkzfftsmftz3xok324pyvzui
       autoprefixer: registry.npmjs.org/autoprefixer/10.4.14_postcss@8.4.24
       concurrently: registry.npmjs.org/concurrently/7.6.0
       cypress: registry.npmjs.org/cypress/10.11.0
@@ -142,23 +142,15 @@ importers:
       '@sveltejs/adapter-auto': ^2.1.0
       '@sveltejs/kit': ^1.20.1
       '@sveltejs/package': ^2.0.2
-      '@types/d3-drag': ^3.0.1
-      '@types/d3-selection': ^3.0.3
-      '@types/d3-zoom': ^3.0.1
       '@typescript-eslint/eslint-plugin': ^5.59.9
       '@typescript-eslint/parser': ^5.59.9
       '@xyflow/system': workspace:*
       classcat: ^5.0.4
-      d3-drag: ^3.0.0
-      d3-selection: ^3.0.0
-      d3-zoom: ^3.0.0
       eslint: ^8.42.0
       eslint-config-prettier: ^8.8.0
       eslint-plugin-svelte3: ^4.0.0
       prettier: ^2.8.8
       prettier-plugin-svelte: ^2.10.1
-      react: ^18.2.0
-      react-dom: ^18.2.0
       svelte: ^3.59.1
       svelte-check: ^3.4.3
       tslib: ^2.4.1
@@ -166,16 +158,8 @@ importers:
       vite: ^4.3.9
     dependencies:
       '@svelte-put/shortcut': registry.npmjs.org/@svelte-put/shortcut/2.0.0
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
       '@xyflow/system': link:../system
       classcat: registry.npmjs.org/classcat/5.0.4
-      d3-drag: registry.npmjs.org/d3-drag/3.0.0
-      d3-selection: registry.npmjs.org/d3-selection/3.0.0
-      d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
-      react: registry.npmjs.org/react/18.2.0
-      react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
     devDependencies:
       '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.1
       '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.1_svelte@3.59.1+vite@4.3.9
@@ -2056,37 +2040,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.8_loqfnwogukjtmydbmg57mzzpb4:
-    resolution: {integrity: sha512-JDMOmhXteJ4WVKOiHXGCoB96ADWg9q7efPWHRViT/f09bA8XOMLAVHHju3l0MkZnG1izaWXYmgvQcUjTRcpShQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.8.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.8
-    name: '@typescript-eslint/eslint-plugin'
-    version: 5.59.8
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^5.0.0
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.8_kigkzfftsmftz3xok324pyvzui
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.8
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.59.8_kigkzfftsmftz3xok324pyvzui
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.59.8_kigkzfftsmftz3xok324pyvzui
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.42.0
-      grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
-      ignore: registry.npmjs.org/ignore/5.2.4
-      natural-compare-lite: registry.npmjs.org/natural-compare-lite/1.4.0
-      semver: registry.npmjs.org/semver/7.5.1
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5
-      typescript: registry.npmjs.org/typescript/4.9.5
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.9_3i5bqcvz3xm47mwpahnwyqmg7m:
     resolution: {integrity: sha512-4uQIBq1ffXd2YvF7MAvehWKW3zVv/w+mSfRAu+8cKbfj3nwzyqJLNcZJpQ/WZ1HLbJDiowwmQ6NO+63nCA+fqA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.9.tgz}
     id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.9
@@ -2118,29 +2071,6 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser/5.59.8_kigkzfftsmftz3xok324pyvzui:
-    resolution: {integrity: sha512-AnR19RjJcpjoeGojmwZtCwBX/RidqDZtzcbG3xHrmz0aHHoOcbWnpDllenRDmDvsV0RQ6+tbb09/kyc+UT9Orw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.59.8.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/5.59.8
-    name: '@typescript-eslint/parser'
-    version: 5.59.8
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.8
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.8
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.8_typescript@4.9.5
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.42.0
-      typescript: registry.npmjs.org/typescript/4.9.5
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   registry.npmjs.org/@typescript-eslint/parser/5.59.9_kigkzfftsmftz3xok324pyvzui:
     resolution: {integrity: sha512-FsPkRvBtcLQ/eVK1ivDiNYBjn3TGJdXy2fhXX+rc7czWl4ARwnpArwbihSOHI2Peg9WbtGHrbThfBUkZZGTtvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.59.9.tgz}
     id: registry.npmjs.org/@typescript-eslint/parser/5.59.9
@@ -2164,16 +2094,6 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager/5.59.8:
-    resolution: {integrity: sha512-/w08ndCYI8gxGf+9zKf1vtx/16y8MHrZs5/tnjHhMLNSixuNcJavSX4wAiPf4aS5x41Es9YPCn44MIe4cxIlig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.59.8.tgz}
-    name: '@typescript-eslint/scope-manager'
-    version: 5.59.8
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.8
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.8
-    dev: true
-
   registry.npmjs.org/@typescript-eslint/scope-manager/5.59.9:
     resolution: {integrity: sha512-8RA+E+w78z1+2dzvK/tGZ2cpGigBZ58VMEHDZtpE1v+LLjzrYGc8mMaTONSxKyEkz3IuXFM0IqYiGHlCsmlZxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.59.9.tgz}
     name: '@typescript-eslint/scope-manager'
@@ -2184,29 +2104,6 @@ packages:
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.9
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils/5.59.8_kigkzfftsmftz3xok324pyvzui:
-    resolution: {integrity: sha512-+5M518uEIHFBy3FnyqZUF3BMP+AXnYn4oyH8RF012+e7/msMY98FhGL5SrN29NQ9xDgvqCgYnsOiKp1VjZ/fpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.59.8.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/5.59.8
-    name: '@typescript-eslint/type-utils'
-    version: 5.59.8
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '*'
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.8_typescript@4.9.5
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.59.8_kigkzfftsmftz3xok324pyvzui
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.42.0
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5
-      typescript: registry.npmjs.org/typescript/4.9.5
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   registry.npmjs.org/@typescript-eslint/type-utils/5.59.9_kigkzfftsmftz3xok324pyvzui:
     resolution: {integrity: sha512-ksEsT0/mEHg9e3qZu98AlSrONAQtrSTljL3ow9CGej8eRo7pe+yaC/mvTjptp23Xo/xIf2mLZKC6KPv4Sji26Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.59.9.tgz}
     id: registry.npmjs.org/@typescript-eslint/type-utils/5.59.9
@@ -2230,13 +2127,6 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types/5.59.8:
-    resolution: {integrity: sha512-+uWuOhBTj/L6awoWIg0BlWy0u9TyFpCHrAuQ5bNfxDaZ1Ppb3mx6tUigc74LHcbHpOHuOTOJrBoAnhdHdaea1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.59.8.tgz}
-    name: '@typescript-eslint/types'
-    version: 5.59.8
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
-
   registry.npmjs.org/@typescript-eslint/types/5.59.9:
     resolution: {integrity: sha512-uW8H5NRgTVneSVTfiCVffBb8AbwWSKg7qcA4Ot3JI3MPCJGsB4Db4BhvAODIIYE5mNj7Q+VJkK7JxmRhk2Lyjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.59.9.tgz}
     name: '@typescript-eslint/types'
@@ -2244,30 +2134,6 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.8_typescript@4.9.5:
-    resolution: {integrity: sha512-Jy/lPSDJGNow14vYu6IrW790p7HIf/SOV1Bb6lZ7NUkLc2iB2Z9elESmsaUtLw8kVqogSbtLH9tut5GCX1RLDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.8.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.8
-    name: '@typescript-eslint/typescript-estree'
-    version: 5.59.8
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.8
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.8
-      debug: registry.npmjs.org/debug/4.3.4
-      globby: registry.npmjs.org/globby/11.1.0
-      is-glob: registry.npmjs.org/is-glob/4.0.3
-      semver: registry.npmjs.org/semver/7.5.1
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5
-      typescript: registry.npmjs.org/typescript/4.9.5
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.9_typescript@4.9.5:
     resolution: {integrity: sha512-pmM0/VQ7kUhd1QyIxgS+aRvMgw+ZljB3eDb+jYyp6d2bC0mQWLzUDF+DLwCTkQ3tlNyVsvZRXjFyV0LkU/aXjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.9.tgz}
     id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.9
@@ -2292,29 +2158,6 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils/5.59.8_kigkzfftsmftz3xok324pyvzui:
-    resolution: {integrity: sha512-Tr65630KysnNn9f9G7ROF3w1b5/7f6QVCJ+WK9nhIocWmx9F+TmCAcglF26Vm7z8KCTwoKcNEBZrhlklla3CKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.59.8.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/5.59.8
-    name: '@typescript-eslint/utils'
-    version: 5.59.8
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-    dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.42.0
-      '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.12
-      '@types/semver': registry.npmjs.org/@types/semver/7.5.0
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.8
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.8
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.8_typescript@4.9.5
-      eslint: registry.npmjs.org/eslint/8.42.0
-      eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
-      semver: registry.npmjs.org/semver/7.5.1
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: true
-
   registry.npmjs.org/@typescript-eslint/utils/5.59.9_kigkzfftsmftz3xok324pyvzui:
     resolution: {integrity: sha512-1PuMYsju/38I5Ggblaeb98TOoUvjhRvLpLa1DoTOFaLWqaXl/1iQ1eGurTXgBY58NUdtfTXKP5xBq7q9NDaLKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.59.9.tgz}
     id: registry.npmjs.org/@typescript-eslint/utils/5.59.9
@@ -2338,16 +2181,6 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.8:
-    resolution: {integrity: sha512-pJhi2ms0x0xgloT7xYabil3SGGlojNNKjK/q6dB3Ey0uJLMjK2UDGJvHieiyJVW/7C3KI+Z4Q3pEHkm4ejA+xQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.8.tgz}
-    name: '@typescript-eslint/visitor-keys'
-    version: 5.59.8
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.8
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
-    dev: true
-
   registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.9:
     resolution: {integrity: sha512-bT7s0td97KMaLwpEBckbzj/YohnvXtqbe2XgqNvTl6RJVakY5mvENOTPvw5u66nljfZxthESpDozs86U+oLY8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.9.tgz}
     name: '@typescript-eslint/visitor-keys'

From 98d9d3e51a23c8e7f724d9bd8de25883cf09e3f9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 6 Jun 2023 19:44:39 +0200
Subject: [PATCH 0081/1093] feat(svelte): cleanup styling, use css variables

---
 .../additional-components/MiniMap/MiniMap.tsx |  4 +-
 .../lib/components/BaseEdge/BaseEdge.svelte   | 28 ++++++--
 .../ConnectionLine/ConnectionLine.svelte      |  2 +-
 .../components/EdgeWrapper/EdgeWrapper.svelte | 21 ------
 .../src/lib/components/Handle/Handle.svelte   |  6 +-
 .../NodeSelection/NodeSelection.svelte        |  2 +-
 .../components/NodeWrapper/NodeWrapper.svelte | 10 +--
 .../lib/components/Selection/Selection.svelte |  2 +-
 .../container/SvelteFlow/SvelteFlow.svelte    | 31 +++++++++
 .../lib/plugins/Background/Background.svelte  | 14 ++--
 .../lib/plugins/Background/DotPattern.svelte  | 10 ++-
 .../lib/plugins/Background/LinePattern.svelte | 10 ++-
 .../src/lib/plugins/Background/types.ts       |  4 +-
 .../lib/plugins/Controls/ControlButton.svelte | 25 ++++++-
 .../src/lib/plugins/Controls/Controls.svelte  | 32 ++++++---
 .../svelte/src/lib/plugins/Controls/types.ts  |  4 ++
 .../src/lib/plugins/Minimap/Minimap.svelte    | 65 +++++++++++--------
 .../lib/plugins/Minimap/MinimapNode.svelte    |  6 +-
 .../svelte/src/lib/plugins/Minimap/types.ts   |  1 -
 .../svelte/src/routes/overview/+page.svelte   | 14 +++-
 20 files changed, 190 insertions(+), 101 deletions(-)

diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index 245f75bf0..464cf5e69 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -130,8 +130,8 @@ function MiniMap({
 
   const onSvgClick = onClick
     ? (event: MouseEvent) => {
-        const rfCoord = minimapInstance.current?.pointer(event);
-        onClick(event, { x: rfCoord?.[0] ?? 0, y: rfCoord?.[1] ?? 0 });
+        const [x, y] = minimapInstance.current?.pointer(event) || [0, 0];
+        onClick(event, { x, y });
       }
     : undefined;
 
diff --git a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
index 1966d50eb..8bd375b71 100644
--- a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
@@ -5,7 +5,7 @@
   type $$Props = BaseEdgeProps;
 
   export let id: $$Props['id'] = undefined;
-  export let path: $$Props['path'] = '';
+  export let path: $$Props['path'];
   export let label: $$Props['label'] = undefined;
   export let labelX: $$Props['labelX'] = undefined;
   export let labelY: $$Props['labelY'] = undefined;
@@ -19,19 +19,19 @@
 <path
   d={path}
   {id}
-  fill="none"
   class="svelte-flow__edge-path"
   marker-start={markerStart}
   marker-end={markerEnd}
+  fill="none"
   {style}
 />
 
 {#if interactionWidth}
   <path
     d={path}
-    fill="none"
     stroke-opacity={0}
     stroke-width={interactionWidth}
+    fill="none"
     class="svelte-flow__edge-interaction"
   />
 {/if}
@@ -40,7 +40,7 @@
   <EdgeLabelRenderer>
     <div
       class="svelte-flow__edge-label"
-      style:transform={`translate(-50%, -50%) translate(${labelX}px,${labelY}px)`}
+      style:transform="translate(-50%, -50%) translate({labelX}px,{labelY}px)"
       style={labelStyle}
     >
       {label}
@@ -53,4 +53,24 @@
     position: absolute;
     background: white;
   }
+
+  .svelte-flow__edge-path {
+    stroke: var(--edge-color);
+    stroke-width: 1;
+  }
+
+  :global(.selected) .svelte-flow__edge-path {
+    stroke: var(--edge-color-selected);
+  }
+
+  :global(.animated) .svelte-flow__edge-path {
+    stroke-dasharray: 5;
+    animation: dashdraw 0.5s linear infinite;
+  }
+
+  @keyframes dashdraw {
+    from {
+      stroke-dashoffset: 10;
+    }
+  }
 </style>
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index 770b72415..29723ca22 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -32,7 +32,7 @@
 
   .svelte-flow__edge-path,
   .svelte-flow__connection-path {
-    stroke: #b1b1b7;
+    stroke: var(--connection-line-color);
     stroke-width: 1;
     fill: none;
   }
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 5c3adaa39..9ee06fca9 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -81,25 +81,4 @@
     pointer-events: visibleStroke;
     cursor: pointer;
   }
-
-  .svelte-flow__edge :global(.svelte-flow__edge-path) {
-    stroke: #ccc;
-    stroke-width: 1;
-    fill: none;
-  }
-
-  .selected :global(.svelte-flow__edge-path) {
-    stroke: #555;
-  }
-
-  .animated :global(.svelte-flow__edge-path) {
-    stroke-dasharray: 5;
-    animation: dashdraw 0.5s linear infinite;
-  }
-
-  @keyframes dashdraw {
-    from {
-      stroke-dashoffset: 10;
-    }
-  }
 </style>
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 76e90ecdd..6238546d2 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -79,7 +79,7 @@
   data-handleid={handleId}
   data-nodeid={nodeId}
   data-handlepos={position}
-  data-id={`${nodeId}-${id}-${type}`}
+  data-id="{nodeId}-{id}-{type}"
   class={cc([
     'svelte-flow__handle',
     `svelte-flow__handle-${position}`,
@@ -108,8 +108,8 @@
     min-height: 5px;
     width: 6px;
     height: 6px;
-    background: #1a192b;
-    border: 1px solid white;
+    background: var(--handle-background-color);
+    border: 1px solid var(--handle-border-color);
     border-radius: 100%;
   }
 
diff --git a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index eb7671a4b..ea9ec2025 100644
--- a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -15,7 +15,7 @@
 {#if selectedNodes && $selectionRectMode === 'nodes'}
   <div
     class="selection-wrapper nopan"
-    style={`width: ${rect.width}px; height: ${rect.height}px; transform: translate(${rect.x}px, ${rect.y}px)`}
+    style="width: {rect.width}px; height: {rect.height}px; transform: translate({rect.x}px, {rect.y}px)"
     use:drag={{ disabled: false, store }}
   />
   <Selection
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 114c09173..3ab141035 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -91,7 +91,7 @@
   class:draggable
   class:connectable
   class:parent={isParent}
-  style:transform={`translate(${positionOrigin?.x ?? 0}px, ${positionOrigin?.y ?? 0}px)`}
+  style:transform="translate({positionOrigin?.x ?? 0}px, {positionOrigin?.y ?? 0}px)"
   {style}
   on:click={onSelectNodeHandler}
   on:mouseenter={() => dispatchEvent('node:mouseenter')}
@@ -116,12 +116,12 @@
 <style>
   .svelte-flow__node {
     border-radius: 3px;
-    color: #222;
+    color: var(--node-color);
     text-align: center;
     border-width: 1px;
     border-style: solid;
-    border-color: #1a192b;
-    background-color: white;
+    border-color: var(--node-border-color);
+    background-color: var(--node-background-color);
     position: absolute;
     pointer-events: none;
     user-select: none;
@@ -134,7 +134,7 @@
 
   .selected {
     outline: none;
-    box-shadow: 0 0 0 0.5px #1a192b;
+    box-shadow: 0 0 0 0.5px var(--node-shadow-color-selected);
   }
 
   .dragging {
diff --git a/packages/svelte/src/lib/components/Selection/Selection.svelte b/packages/svelte/src/lib/components/Selection/Selection.svelte
index 3ec48a361..24755b3ac 100644
--- a/packages/svelte/src/lib/components/Selection/Selection.svelte
+++ b/packages/svelte/src/lib/components/Selection/Selection.svelte
@@ -9,7 +9,7 @@
 {#if isVisible}
   <div
     class="svelte-flow__selection"
-    style={`width: ${width}px; height: ${height}px; transform: translate(${x}px, ${y}px)`}
+    style="width: {width}px; height: {height}px; transform: translate({x}px, {y}px)"
   />
 {/if}
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 8443e408b..2a9c8058c 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -167,6 +167,8 @@
     overflow: hidden;
     position: relative;
     z-index: 0;
+
+    background-color: var(--background-color);
   }
 
   .svelte-flow :global(.svelte-flow__node-default),
@@ -182,4 +184,33 @@
     pointer-events: none;
     user-select: none;
   }
+
+  :root {
+    --background-color: #fff;
+    --background-pattern-color: #eee;
+
+    --minimap-background-color: #fff;
+    --minimap-mask-color: rgb(240, 240, 240, 0.6);
+    --minimap-mask-stroke-color: none;
+    --minimap-mask-stroke-width: 1;
+
+    --controls-button-background-color: #fefefe;
+    --controls-button-background-color-hover: #f4f4f4;
+    --controls-button-color: inherit;
+    --controls-button-color-hover: inherit;
+    --controls-button-border-color: #eee;
+
+    --edge-color: #cfcfcf;
+    --edge-color-selected: #555;
+
+    --node-color: inherit;
+    --node-border-color: #1a192b;
+    --node-background-color: #fff;
+    --node-shadow-color-selected: #1a192b;
+
+    --handle-background-color: #1a192b;
+    --handle-border-color: #fff;
+
+    --connection-line-color: #b1b1b7;
+  }
 </style>
diff --git a/packages/svelte/src/lib/plugins/Background/Background.svelte b/packages/svelte/src/lib/plugins/Background/Background.svelte
index 7984d2e83..c5bfec397 100644
--- a/packages/svelte/src/lib/plugins/Background/Background.svelte
+++ b/packages/svelte/src/lib/plugins/Background/Background.svelte
@@ -1,10 +1,4 @@
 <script labg="ts" context="module">
-  const defaultColor = {
-    [BackgroundVariant.Dots]: '#91919a',
-    [BackgroundVariant.Lines]: '#eee',
-    [BackgroundVariant.Cross]: '#e2e2e2'
-  };
-
   const defaultSize = {
     [BackgroundVariant.Dots]: 1,
     [BackgroundVariant.Lines]: 1,
@@ -26,13 +20,12 @@
   export let gap: $$Props['gap'] = 20;
   export let size: $$Props['size'] = 1;
   export let lineWidth: $$Props['lineWidth'] = 1;
-  export let color: $$Props['color'] = '#ccc';
-  export let style: $$Props['style'] = '';
+  export let bgColor: $$Props['bgColor'] = undefined;
+  export let patternColor: $$Props['patternColor'] = undefined;
   let className: $$Props['class'] = '';
   export { className as class };
 
   const { transform, flowId } = useStore();
-  const patternColor = color || defaultColor[variant!];
   const patternSize = size || defaultSize[variant!];
   const isDots = variant === BackgroundVariant.Dots;
   const isCross = variant === BackgroundVariant.Cross;
@@ -49,8 +42,8 @@
 
 <svg
   class={cc(['svelte-flow__background', className])}
-  {style}
   data-testid="svelte-flow__background"
+  style:--background-color-props={bgColor}
 >
   <pattern
     id={patternId}
@@ -79,5 +72,6 @@
     left: 0;
     pointer-events: none;
     z-index: -1;
+    background-color: var(--background-color-props, 'transparent');
   }
 </style>
diff --git a/packages/svelte/src/lib/plugins/Background/DotPattern.svelte b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
index 365842304..d134f1e29 100644
--- a/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
+++ b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
@@ -1,6 +1,12 @@
 <script lang="ts">
   export let radius = 5;
-  export let color = '#000';
+  export let color: string | undefined = undefined;
 </script>
 
-<circle cx={radius} cy={radius} r={radius} fill={color} />
+<circle cx={radius} cy={radius} r={radius} style:--pattern-color-props={color} />
+
+<style>
+  circle {
+    fill: var(--pattern-color-props, var(--background-pattern-color));
+  }
+</style>
diff --git a/packages/svelte/src/lib/plugins/Background/LinePattern.svelte b/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
index 64c7dad7d..edd4f5173 100644
--- a/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
+++ b/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
@@ -1,11 +1,17 @@
 <script lang="ts">
   export let lineWidth = 1;
-  export let color = '#777';
+  export let color: string | undefined = undefined;
   export let dimensions: [number, number];
 </script>
 
 <path
-  stroke={color}
   stroke-width={lineWidth}
   d={`M${dimensions[0] / 2} 0 V${dimensions[1]} M0 ${dimensions[1] / 2} H${dimensions[0]}`}
+  style:--pattern-color-props={color}
 />
+
+<style>
+  path {
+    stroke: var(--pattern-color-props, var(--background-pattern-color));
+  }
+</style>
diff --git a/packages/svelte/src/lib/plugins/Background/types.ts b/packages/svelte/src/lib/plugins/Background/types.ts
index 6668be91d..6f44057d7 100644
--- a/packages/svelte/src/lib/plugins/Background/types.ts
+++ b/packages/svelte/src/lib/plugins/Background/types.ts
@@ -5,11 +5,11 @@ export enum BackgroundVariant {
 }
 
 export type BackgroundProps = {
-  color?: string;
+  bgColor?: string;
+  patternColor?: string;
   class?: string;
   gap?: number | [number, number];
   size?: number;
   lineWidth?: number;
   variant?: BackgroundVariant;
-  style?: string;
 };
diff --git a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
index d8260902c..9b52c14ee 100644
--- a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
@@ -2,6 +2,11 @@
   import cc from 'classcat';
 
   let className: string;
+  let bgColor: string | undefined = undefined;
+  let bgColorHover: string | undefined = undefined;
+  let color: string | undefined = undefined;
+  let colorHover: string | undefined = undefined;
+  let borderColor: string | undefined = undefined;
 
   export { className as class };
 </script>
@@ -10,6 +15,11 @@
   type="button"
   on:click
   class={cc(['svelte-flow__controls-button', className])}
+  style:--controls-button-background-color-props={bgColor}
+  style:--controls-button-background-color-hover-props={bgColorHover}
+  style:--controls-button-color-props={color}
+  style:--controls-button-color-hover-props={colorHover}
+  style:--controls-button-border-color-props={borderColor}
   {...$$restProps}
 >
   <slot class="button-svg" />
@@ -18,8 +28,13 @@
 <style>
   .svelte-flow__controls-button {
     border: none;
-    background: #fefefe;
-    border-bottom: 1px solid #eee;
+    background: var(
+      --controls-button-background-color-props,
+      var(--controls-button-background-color)
+    );
+    border-bottom: 1px solid
+      var(--controls-button-border-color-props, var(--controls-button-border-color));
+    color: var(--controls-button-color-props, var(--controls-button-color));
     box-sizing: content-box;
     display: flex;
     justify-content: center;
@@ -32,7 +47,11 @@
   }
 
   .svelte-flow__controls-button:hover {
-    background: #f4f4f4;
+    background: var(
+      --controls-button-background-color-hover-props,
+      var(--controls-button-background-color-hover)
+    );
+    color: var(--controls-button-color-hover-props, var(--controls-button-hover-color));
   }
 
   .svelte-flow__controls-button :global(svg) {
diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index b978fd6fa..e08d39c86 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -16,6 +16,11 @@
   export let showZoom: $$Props['showZoom'] = true;
   export let showFitView: $$Props['showFitView'] = true;
   export let showInteractive: $$Props['showInteractive'] = true;
+  export let buttonBgColor: $$Props['buttonBgColor'] = undefined;
+  export let buttonBgColorHover: $$Props['buttonBgColorHover'] = undefined;
+  export let buttonColor: $$Props['buttonColor'] = undefined;
+  export let buttonColorHover: $$Props['buttonColorHover'] = undefined;
+  export let buttonBorderColor: $$Props['buttonColorHover'] = undefined;
 
   const {
     zoomIn,
@@ -29,6 +34,14 @@
     elementsSelectable
   } = useStore();
 
+  const buttonProps = {
+    bgColor: buttonBgColor,
+    bgColorHover: buttonBgColorHover,
+    color: buttonColor,
+    colorHover: buttonColorHover,
+    borderColor: buttonBorderColor
+  };
+
   $: isInteractive = $nodesDraggable || $nodesConnectable || $elementsSelectable;
   $: minZoomReached = $transform[2] <= $minZoom;
   $: maxZoomReached = $transform[2] >= $maxZoom;
@@ -62,40 +75,41 @@
       title="zoom in"
       aria-label="zoom in"
       disabled={maxZoomReached}
+      {...buttonProps}
     >
       <PlusIcon />
     </ControlButton>
-    <svelte:component
-      this={ControlButton}
+    <ControlButton
       on:click={onZoomOutHandler}
       class="svelte-flow__controls-zoomout"
       title="zoom out"
       aria-label="zoom out"
       disabled={minZoomReached}
+      {...buttonProps}
     >
       <MinusIcon />
-    </svelte:component>
+    </ControlButton>
   {/if}
   {#if showFitView}
-    <svelte:component
-      this={ControlButton}
+    <ControlButton
       class="svelte-flow__controls-fitview"
       on:click={onFitViewHandler}
       title="fit view"
       aria-label="fit view"
+      {...buttonProps}
     >
       <FitViewIcon />
-    </svelte:component>
+    </ControlButton>
   {/if}
   {#if showInteractive}
-    <svelte:component
-      this={ControlButton}
+    <ControlButton
       class="svelte-flow__controls-interactive"
       on:click={onToggleInteractivity}
       title="toggle interactivity"
       aria-label="toggle interactivity"
+      {...buttonProps}
     >
       {#if isInteractive}<UnlockIcon />{:else}<LockIcon />{/if}
-    </svelte:component>
+    </ControlButton>
   {/if}
 </Panel>
diff --git a/packages/svelte/src/lib/plugins/Controls/types.ts b/packages/svelte/src/lib/plugins/Controls/types.ts
index 83b6478d9..0f3c05d7f 100644
--- a/packages/svelte/src/lib/plugins/Controls/types.ts
+++ b/packages/svelte/src/lib/plugins/Controls/types.ts
@@ -5,4 +5,8 @@ export type ControlsProps = {
   showZoom?: boolean;
   showFitView?: boolean;
   showInteractive?: boolean;
+  buttonBgColor?: string;
+  buttonBgColorHover?: string;
+  buttonColor?: string;
+  buttonColorHover?: string;
 };
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 4dee7680e..3a661467d 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -17,24 +17,23 @@
 
   type $$Props = MiniMapProps;
 
-  let position: $$Props['position'] = 'bottom-right';
-  let ariaLabel: $$Props['ariaLabel'] = 'Mini map';
-  let style: $$Props['style'] = '';
-  let nodeStrokeColor: $$Props['nodeStrokeColor'] = 'transparent';
-  let nodeColor: $$Props['nodeColor'] = '#e2e2e2';
-  let nodeClassName: $$Props['nodeClassName'] = '';
-  let nodeBorderRadius: $$Props['nodeBorderRadius'] = 5;
-  let nodeStrokeWidth: $$Props['nodeStrokeWidth'] = 2;
-  let bgColor: $$Props['bgColor'] = '#fff';
-  let maskColor: $$Props['maskColor'] = 'rgb(240, 240, 240, 0.6)';
-  let maskStrokeColor: $$Props['maskStrokeColor'] = 'none';
-  let maskStrokeWidth: $$Props['maskStrokeWidth'] = 1;
-  let width: $$Props['width'] = undefined;
-  let height: $$Props['height'] = undefined;
-  let pannable: $$Props['pannable'] = true;
-  let zoomable: $$Props['zoomable'] = true;
-  let inversePan: $$Props['inversePan'] = undefined;
-  let zoomStep: $$Props['zoomStep'] = undefined;
+  export let position: $$Props['position'] = 'bottom-right';
+  export let ariaLabel: $$Props['ariaLabel'] = 'Mini map';
+  export let nodeStrokeColor: $$Props['nodeStrokeColor'] = 'transparent';
+  export let nodeColor: $$Props['nodeColor'] = '#e2e2e2';
+  export let nodeClassName: $$Props['nodeClassName'] = '';
+  export let nodeBorderRadius: $$Props['nodeBorderRadius'] = 5;
+  export let nodeStrokeWidth: $$Props['nodeStrokeWidth'] = 2;
+  export let bgColor: $$Props['bgColor'] = undefined;
+  export let maskColor: $$Props['maskColor'] = undefined;
+  export let maskStrokeColor: $$Props['maskStrokeColor'] = undefined;
+  export let maskStrokeWidth: $$Props['maskStrokeWidth'] = undefined;
+  export let width: $$Props['width'] = undefined;
+  export let height: $$Props['height'] = undefined;
+  export let pannable: $$Props['pannable'] = true;
+  export let zoomable: $$Props['zoomable'] = true;
+  export let inversePan: $$Props['inversePan'] = undefined;
+  export let zoomStep: $$Props['zoomStep'] = undefined;
 
   let className: $$Props['class'] = '';
   export { className as class };
@@ -84,16 +83,19 @@
 <Panel
   {position}
   class={cc(['svelte-flow__minimap', className])}
-  style={`background-color: ${bgColor}; ${style}`}
   data-testid="svelte-flow__minimap"
 >
   {#if $panZoom}
     <svg
       width={elementWidth}
       height={elementHeight}
-      viewBox={`${x} ${y} ${viewboxWidth} ${viewboxHeight}`}
+      viewBox="{x} {y} {viewboxWidth} {viewboxHeight}"
       role="img"
       aria-labelledby={labelledBy}
+      style:--minimap-background-color-props={bgColor}
+      style:--minimap-mask-color-props={maskColor}
+      style:--minimap-mask-stroke-color-props={maskStrokeColor}
+      style:--minimap-mask-stroke-width-props={maskStrokeWidth}
       use:interactive={{
         panZoom: $panZoom,
         transform,
@@ -123,22 +125,29 @@
             strokeWidth={nodeStrokeWidth}
             {shapeRendering}
             class={nodeClassNameFunc(node)}
-            style={{}}
           />
         {/if}
       {/each}
       <path
         class="svelte-flow__minimap-mask"
-        d={`M${x - offset},${y - offset}h${viewboxWidth + offset * 2}v${
-          viewboxHeight + offset * 2
-        }h${-viewboxWidth - offset * 2}z
-      M${viewBB.x},${viewBB.y}h${viewBB.width}v${viewBB.height}h${-viewBB.width}z`}
-        fill={maskColor}
+        d="M{x - offset},{y - offset}h{viewboxWidth + offset * 2}v{viewboxHeight +
+          offset * 2}h{-viewboxWidth - offset * 2}z
+      M{viewBB.x},{viewBB.y}h{viewBB.width}v{viewBB.height}h{-viewBB.width}z"
         fill-rule="evenodd"
-        stroke={maskStrokeColor}
-        stroke-width={maskStrokeWidth}
         pointer-events="none"
       />
     </svg>
   {/if}
 </Panel>
+
+<style>
+  svg {
+    background-color: var(--minimap-background-color-props, var(--minimap-background-color));
+  }
+
+  .svelte-flow__minimap-mask {
+    fill: var(--minimap-mask-color-props, var(--minimap-mask-color));
+    stroke: var(--minimap-mask-stroke-color-props, var(--minimap-mask-stroke-color));
+    stroke-width: var(--minimap-mask-stroke-width-props, var(--minimap-mask-stroke-width));
+  }
+</style>
diff --git a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
index 42909cf7a..c9658f8a6 100644
--- a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
@@ -10,12 +10,8 @@
   export let shapeRendering: string;
   export let strokeColor: string;
   export let strokeWidth: number = 2;
-  export let style: Record<string, string>;
   let className: string = '';
   export { className as class };
-
-  const { background, backgroundColor } = style || {};
-  const fill = (color || background || backgroundColor) as string;
 </script>
 
 <rect
@@ -26,7 +22,7 @@
   ry={borderRadius}
   {width}
   {height}
-  {fill}
+  fill={color}
   stroke={strokeColor}
   stroke-width={strokeWidth}
   shape-rendering={shapeRendering}
diff --git a/packages/svelte/src/lib/plugins/Minimap/types.ts b/packages/svelte/src/lib/plugins/Minimap/types.ts
index c141aac9e..27ac2f465 100644
--- a/packages/svelte/src/lib/plugins/Minimap/types.ts
+++ b/packages/svelte/src/lib/plugins/Minimap/types.ts
@@ -16,7 +16,6 @@ export type MiniMapProps = {
   maskStrokeWidth?: number;
   position?: PanelPosition;
   class?: string;
-  style?: string;
   ariaLabel?: string | null;
   width?: number;
   height?: number;
diff --git a/packages/svelte/src/routes/overview/+page.svelte b/packages/svelte/src/routes/overview/+page.svelte
index 17a2c9b0a..ba7821a31 100644
--- a/packages/svelte/src/routes/overview/+page.svelte
+++ b/packages/svelte/src/routes/overview/+page.svelte
@@ -90,7 +90,8 @@
       id: '2-4',
       type: 'custom',
       source: '2',
-      target: '4'
+      target: '4',
+      animated: true
     }
   ]);
 
@@ -151,4 +152,15 @@
     background: #ff5050;
     color: white;
   }
+
+  :root {
+    --background-color: #ffffdd;
+    --background-pattern-color: #5050ff;
+
+    --minimap-background-color: #f5f6f7;
+    --minimap-mask-color: rgb(255, 255, 240, 0.6);
+
+    --controls-button-background-color: #ddd;
+    --controls-button-background-color-hover: #ccc;
+  }
 </style>

From ddaa719c30245700fa18f305aae48d7c5e34f015 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 7 Jun 2023 15:28:25 +0200
Subject: [PATCH 0082/1093] fix(svelte): connection radius

---
 packages/svelte/src/lib/components/Handle/Handle.svelte | 2 +-
 packages/svelte/src/lib/store/initial-store.ts          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 6238546d2..d1ab49aae 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -79,7 +79,7 @@
   data-handleid={handleId}
   data-nodeid={nodeId}
   data-handlepos={position}
-  data-id="{nodeId}-{id}-{type}"
+  data-id="{nodeId}-{id || null}-{type}"
   class={cc([
     'svelte-flow__handle',
     `svelte-flow__handle-${position}`,
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 1df46821e..e329e2eaa 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -73,7 +73,7 @@ export const getInitialStore = () => ({
   domNode: writable<HTMLDivElement | null>(null),
   connectionPath: readable<string | null>(null),
   connection: writable<ConnectionData>(initConnectionData),
-  connectionRadius: writable<number>(25),
+  connectionRadius: writable<number>(20),
   connectionLineType: writable<ConnectionLineType>(ConnectionLineType.Bezier),
   isValidConnection: writable<IsValidConnection>(() => true),
   nodesDraggable: writable<boolean>(true),

From f73aee9b062bb21ba5ac4de547695c08b4c8578b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 8 Jun 2023 12:24:44 +0200
Subject: [PATCH 0083/1093] chore(svelte): cleanup interaction example

---
 .../src/routes/interaction/+page.svelte       | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/svelte/src/routes/interaction/+page.svelte b/packages/svelte/src/routes/interaction/+page.svelte
index 9eb872d74..8b6a96d1a 100644
--- a/packages/svelte/src/routes/interaction/+page.svelte
+++ b/packages/svelte/src/routes/interaction/+page.svelte
@@ -75,7 +75,7 @@
           id="draggable"
           type="checkbox"
           bind:checked={isDraggable}
-          class="react-flow__draggable"
+          class="svelte-flow__draggable"
         />
       </label>
     </div>
@@ -86,7 +86,7 @@
           id="connectable"
           type="checkbox"
           bind:checked={isConnectable}
-          class="react-flow__connectable"
+          class="svelte-flow__connectable"
         />
       </label>
     </div>
@@ -97,7 +97,7 @@
           id="selectable"
           type="checkbox"
           bind:checked={isSelectable}
-          class="react-flow__selectable"
+          class="svelte-flow__selectable"
         />
       </label>
     </div>
@@ -108,7 +108,7 @@
           id="zoomonscroll"
           type="checkbox"
           bind:checked={zoomOnScroll}
-          class="react-flow__zoomonscroll"
+          class="svelte-flow__zoomonscroll"
         />
       </label>
     </div>
@@ -119,7 +119,7 @@
           id="zoomonpinch"
           type="checkbox"
           bind:checked={zoomOnPinch}
-          class="react-flow__zoomonpinch"
+          class="svelte-flow__zoomonpinch"
         />
       </label>
     </div>
@@ -130,7 +130,7 @@
           id="panonscroll"
           type="checkbox"
           bind:checked={panOnScroll}
-          class="react-flow__panonscroll"
+          class="svelte-flow__panonscroll"
         />
       </label>
     </div>
@@ -143,7 +143,7 @@
           on:change={(event) => {
             panOnScrollMode = PanOnScrollMode.Free;
           }}
-          class="react-flow__panonscrollmode"
+          class="svelte-flow__panonscrollmode"
         >
           <option value="free">free</option>
           <option value="horizontal">horizontal</option>
@@ -158,7 +158,7 @@
           id="zoomondbl"
           type="checkbox"
           bind:checked={zoomOnDoubleClick}
-          class="react-flow__zoomondbl"
+          class="svelte-flow__zoomondbl"
         />
       </label>
     </div>
@@ -169,7 +169,7 @@
           id="panondrag"
           type="checkbox"
           bind:checked={panOnDrag}
-          class="react-flow__panondrag"
+          class="svelte-flow__panondrag"
         />
       </label>
     </div>
@@ -180,7 +180,7 @@
           id="capturezoompaneclick"
           type="checkbox"
           bind:checked={captureZoomClick}
-          class="react-flow__capturezoompaneclick"
+          class="svelte-flow__capturezoompaneclick"
         />
       </label>
     </div>
@@ -191,7 +191,7 @@
           id="capturezoompanescroll"
           type="checkbox"
           bind:checked={captureZoomScroll}
-          class="react-flow__capturezoompanescroll"
+          class="svelte-flow__capturezoompanescroll"
         />
       </label>
     </div>
@@ -202,7 +202,7 @@
           id="captureelementclick"
           type="checkbox"
           bind:checked={captureElementClick}
-          class="react-flow__captureelementclick"
+          class="svelte-flow__captureelementclick"
         />
       </label>
     </div>

From 8b0c8a7ec3fa2451645a2b71807a86229790770d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 8 Jun 2023 12:25:33 +0200
Subject: [PATCH 0084/1093] chore(svelte): cleanup edge types

---
 packages/svelte/src/lib/types/edges.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 64a2c3520..abc524970 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -48,8 +48,6 @@ export type EdgeLayouted = Omit<Edge, 'sourceHandle' | 'targetHandle'> & {
   targetPosition: Position;
   sourceHandleId?: string;
   targetHandleId?: string;
-  markerStart?: string;
-  markerEnd?: string;
 };
 
 export type EdgeProps = Pick<

From 565489758b9b12c69560298e7b57c2a2008cd21b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 8 Jun 2023 12:26:38 +0200
Subject: [PATCH 0085/1093] refactor(react): improve performance by fixing
 minimap

---
 .../additional-components/MiniMap/MiniMap.tsx | 66 +++++--------------
 .../MiniMap/MiniMapNode.tsx                   | 11 ++--
 .../MiniMap/MiniMapNodes.tsx                  | 65 ++++++++++++++++++
 .../additional-components/MiniMap/types.ts    | 11 +++-
 4 files changed, 96 insertions(+), 57 deletions(-)
 create mode 100644 packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx

diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index 464cf5e69..b0fc80ff7 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -1,25 +1,16 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { memo, useEffect, useRef, type MouseEvent } from 'react';
+import { memo, useEffect, useRef, type MouseEvent, useCallback } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import {
-  getRectOfNodes,
-  getBoundsOfRects,
-  getNodePositionWithOrigin,
-  XYMinimap,
-  type Rect,
-  type XYMinimapInstance,
-} from '@xyflow/system';
+import { getRectOfNodes, getBoundsOfRects, XYMinimap, type Rect, type XYMinimapInstance } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import Panel from '../../components/Panel';
 import type { ReactFlowState } from '../../types';
 
-import MiniMapNode from './MiniMapNode';
-import type { MiniMapProps, GetMiniMapNodeAttribute } from './types';
-
-declare const window: any;
+import type { MiniMapProps } from './types';
+import MiniMapNodes from './MiniMapNodes';
 
 const defaultWidth = 200;
 const defaultHeight = 150;
@@ -34,7 +25,6 @@ const selector = (s: ReactFlowState) => {
   };
 
   return {
-    nodes: nodes.filter((node) => !node.hidden && node.width && node.height),
     viewBB,
     boundingRect: nodes.length > 0 ? getBoundsOfRects(getRectOfNodes(nodes, s.nodeOrigin), viewBB) : viewBB,
     rfId: s.rfId,
@@ -46,8 +36,6 @@ const selector = (s: ReactFlowState) => {
   };
 };
 
-const getAttrFunction = (func: any): GetMiniMapNodeAttribute => (func instanceof Function ? func : () => func);
-
 const ARIA_LABEL_KEY = 'react-flow__minimap-desc';
 
 function MiniMap({
@@ -60,7 +48,7 @@ function MiniMap({
   nodeStrokeWidth = 2,
   // We need to rename the prop to be `CapitalCase` so that JSX will render it as
   // a component properly.
-  nodeComponent: NodeComponent = MiniMapNode,
+  nodeComponent,
   maskColor = 'rgb(240, 240, 240, 0.6)',
   maskStrokeColor = 'none',
   maskStrokeWidth = 1,
@@ -75,15 +63,9 @@ function MiniMap({
 }: MiniMapProps) {
   const store = useStoreApi();
   const svg = useRef<SVGSVGElement>(null);
-  const { boundingRect, viewBB, nodes, rfId, nodeOrigin, panZoom, translateExtent, flowWidth, flowHeight } = useStore(
-    selector,
-    shallow
-  );
+  const { boundingRect, viewBB, rfId, panZoom, translateExtent, flowWidth, flowHeight } = useStore(selector, shallow);
   const elementWidth = (style?.width as number) ?? defaultWidth;
   const elementHeight = (style?.height as number) ?? defaultHeight;
-  const nodeColorFunc = getAttrFunction(nodeColor);
-  const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
-  const nodeClassNameFunc = getAttrFunction(nodeClassName);
   const scaledWidth = boundingRect.width / elementWidth;
   const scaledHeight = boundingRect.height / elementHeight;
   const viewScale = Math.max(scaledWidth, scaledHeight);
@@ -94,7 +76,6 @@ function MiniMap({
   const y = boundingRect.y - (viewHeight - boundingRect.height) / 2 - offset;
   const width = viewWidth + offset * 2;
   const height = viewHeight + offset * 2;
-  const shapeRendering = typeof window === 'undefined' || !!window.chrome ? 'crispEdges' : 'geometricPrecision';
   const labelledBy = `${ARIA_LABEL_KEY}-${rfId}`;
   const viewScaleRef = useRef(0);
   const minimapInstance = useRef<XYMinimapInstance>();
@@ -136,10 +117,10 @@ function MiniMap({
     : undefined;
 
   const onSvgNodeClick = onNodeClick
-    ? (event: MouseEvent, nodeId: string) => {
+    ? useCallback((event: MouseEvent, nodeId: string) => {
         const node = store.getState().nodeInternals.get(nodeId)!;
         onNodeClick(event, node);
-      }
+      }, [])
     : undefined;
 
   return (
@@ -159,28 +140,15 @@ function MiniMap({
         onClick={onSvgClick}
       >
         {ariaLabel && <title id={labelledBy}>{ariaLabel}</title>}
-        {nodes.map((node) => {
-          const { x, y } = getNodePositionWithOrigin(node, node.origin || nodeOrigin).positionAbsolute;
-
-          return (
-            <NodeComponent
-              key={node.id}
-              x={x}
-              y={y}
-              width={node.width!}
-              height={node.height!}
-              style={node.style}
-              className={nodeClassNameFunc(node)}
-              color={nodeColorFunc(node)}
-              borderRadius={nodeBorderRadius}
-              strokeColor={nodeStrokeColorFunc(node)}
-              strokeWidth={nodeStrokeWidth}
-              shapeRendering={shapeRendering}
-              onClick={onSvgNodeClick}
-              id={node.id}
-            />
-          );
-        })}
+        <MiniMapNodes
+          onClick={onSvgNodeClick}
+          nodeColor={nodeColor}
+          nodeStrokeColor={nodeStrokeColor}
+          nodeBorderRadius={nodeBorderRadius}
+          nodeClassName={nodeClassName}
+          nodeStrokeWidth={nodeStrokeWidth}
+          nodeComponent={nodeComponent}
+        />
         <path
           className="react-flow__minimap-mask"
           d={`M${x - offset},${y - offset}h${width + offset * 2}v${height + offset * 2}h${-width - offset * 2}z
diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx
index 54072f02b..9cec5d20e 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx
@@ -1,8 +1,9 @@
 import { memo } from 'react';
-import type { MiniMapNodeProps } from './types';
 import cc from 'classcat';
 
-const MiniMapNode = ({
+import type { MiniMapNodeProps } from './types';
+
+function MiniMapNode({
   id,
   x,
   y,
@@ -16,7 +17,7 @@ const MiniMapNode = ({
   borderRadius,
   shapeRendering,
   onClick,
-}: MiniMapNodeProps) => {
+}: MiniMapNodeProps) {
   const { background, backgroundColor } = style || {};
   const fill = (color || background || backgroundColor) as string;
 
@@ -36,8 +37,6 @@ const MiniMapNode = ({
       onClick={onClick ? (event) => onClick(event, id) : undefined}
     />
   );
-};
-
-MiniMapNode.displayName = 'MiniMapNode';
+}
 
 export default memo(MiniMapNode);
diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
new file mode 100644
index 000000000..adbd98108
--- /dev/null
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -0,0 +1,65 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { memo } from 'react';
+import { shallow } from 'zustand/shallow';
+import { getNodePositionWithOrigin } from '@xyflow/system';
+
+import { useStore } from '../../hooks/useStore';
+import type { ReactFlowState } from '../../types';
+import MiniMapNode from './MiniMapNode';
+import type { MiniMapNodes, GetMiniMapNodeAttribute } from './types';
+
+declare const window: any;
+
+const selector = (s: ReactFlowState) => s.nodeOrigin;
+const selectorNodes = (s: ReactFlowState) => s.getNodes().filter((node) => !node.hidden && node.width && node.height);
+const getAttrFunction = (func: any): GetMiniMapNodeAttribute => (func instanceof Function ? func : () => func);
+
+function MiniMapNodes({
+  nodeStrokeColor = 'transparent',
+  nodeColor = '#e2e2e2',
+  nodeClassName = '',
+  nodeBorderRadius = 5,
+  nodeStrokeWidth = 2,
+  // We need to rename the prop to be `CapitalCase` so that JSX will render it as
+  // a component properly.
+  nodeComponent: NodeComponent = MiniMapNode,
+  onClick,
+}: MiniMapNodes) {
+  const nodes = useStore(selectorNodes, shallow);
+  const nodeOrigin = useStore(selector);
+  const nodeColorFunc = getAttrFunction(nodeColor);
+  const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
+  const nodeClassNameFunc = getAttrFunction(nodeClassName);
+
+  const shapeRendering = typeof window === 'undefined' || !!window.chrome ? 'crispEdges' : 'geometricPrecision';
+
+  return (
+    <>
+      {nodes.map((node) => {
+        const { x, y } = getNodePositionWithOrigin(node, node.origin || nodeOrigin).positionAbsolute;
+
+        return (
+          <NodeComponent
+            key={node.id}
+            x={x}
+            y={y}
+            width={node.width!}
+            height={node.height!}
+            style={node.style}
+            className={nodeClassNameFunc(node)}
+            color={nodeColorFunc(node)}
+            borderRadius={nodeBorderRadius}
+            strokeColor={nodeStrokeColorFunc(node)}
+            strokeWidth={nodeStrokeWidth}
+            shapeRendering={shapeRendering}
+            onClick={onClick}
+            id={node.id}
+          />
+        );
+      })}
+    </>
+  );
+}
+
+export default memo(MiniMapNodes);
diff --git a/packages/react/src/additional-components/MiniMap/types.ts b/packages/react/src/additional-components/MiniMap/types.ts
index c51ca69ca..870cbf0bd 100644
--- a/packages/react/src/additional-components/MiniMap/types.ts
+++ b/packages/react/src/additional-components/MiniMap/types.ts
@@ -26,7 +26,14 @@ export type MiniMapProps<NodeData = any> = Omit<HTMLAttributes<SVGSVGElement>, '
   zoomStep?: number;
 };
 
-export interface MiniMapNodeProps {
+export type MiniMapNodes = Pick<
+  MiniMapProps,
+  'nodeColor' | 'nodeStrokeColor' | 'nodeClassName' | 'nodeBorderRadius' | 'nodeStrokeWidth' | 'nodeComponent'
+> & {
+  onClick?: (event: MouseEvent, nodeId: string) => void;
+};
+
+export type MiniMapNodeProps = {
   id: string;
   x: number;
   y: number;
@@ -40,4 +47,4 @@ export interface MiniMapNodeProps {
   strokeWidth: number;
   style?: CSSProperties;
   onClick?: (event: MouseEvent, id: string) => void;
-}
+};

From 864dc262c2d03be0a1f88ca8a738e315d79e340b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 8 Jun 2023 12:27:06 +0200
Subject: [PATCH 0086/1093] refactor(react): simplify nodes selection

---
 .../react/src/components/NodesSelection/index.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/react/src/components/NodesSelection/index.tsx b/packages/react/src/components/NodesSelection/index.tsx
index 3765a2cac..125425c1b 100644
--- a/packages/react/src/components/NodesSelection/index.tsx
+++ b/packages/react/src/components/NodesSelection/index.tsx
@@ -14,24 +14,27 @@ import { arrowKeyDiffs } from '../Nodes/wrapNode';
 import useUpdateNodePositions from '../../hooks/useUpdateNodePositions';
 import type { Node, ReactFlowState } from '../../types';
 
-export interface NodesSelectionProps {
+export type NodesSelectionProps = {
   onSelectionContextMenu?: (event: MouseEvent, nodes: Node[]) => void;
   noPanClassName?: string;
   disableKeyboardA11y: boolean;
-}
+};
 
 const selector = (s: ReactFlowState) => {
   const selectedNodes = s.getNodes().filter((n) => n.selected);
+  const { width, height, x, y } = getRectOfNodes(selectedNodes, s.nodeOrigin);
+
   return {
-    ...getRectOfNodes(selectedNodes, s.nodeOrigin),
-    transformString: `translate(${s.transform[0]}px,${s.transform[1]}px) scale(${s.transform[2]})`,
+    width,
+    height,
     userSelectionActive: s.userSelectionActive,
+    transformString: `translate(${s.transform[0]}px,${s.transform[1]}px) scale(${s.transform[2]}) translate(${x}px,${y}px)`,
   };
 };
 
 function NodesSelection({ onSelectionContextMenu, noPanClassName, disableKeyboardA11y }: NodesSelectionProps) {
   const store = useStoreApi();
-  const { width, height, x: left, y: top, transformString, userSelectionActive } = useStore(selector, shallow);
+  const { width, height, transformString, userSelectionActive } = useStore(selector, shallow);
   const updatePositions = useUpdateNodePositions();
 
   const nodeRef = useRef<HTMLDivElement>(null);
@@ -88,8 +91,6 @@ function NodesSelection({ onSelectionContextMenu, noPanClassName, disableKeyboar
         style={{
           width,
           height,
-          top,
-          left,
         }}
       />
     </div>

From 4707a07c8b441b58ae53df7e3340a179fd23fd02 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 8 Jun 2023 12:27:37 +0200
Subject: [PATCH 0087/1093] refactor(react): improve performance by simplify
 edge renderer

---
 .../react/src/components/Edges/wrapEdge.tsx   |  63 +++++---
 .../src/container/EdgeRenderer/index.tsx      |  59 ++-----
 packages/react/src/hooks/useVisibleEdges.ts   | 144 ++++++++++++++----
 packages/react/src/types/edges.ts             |  29 ++--
 packages/system/src/xyhandle/XYHandle.ts      |   2 +-
 5 files changed, 172 insertions(+), 125 deletions(-)

diff --git a/packages/react/src/components/Edges/wrapEdge.tsx b/packages/react/src/components/Edges/wrapEdge.tsx
index 8172dfb65..3562b0f64 100644
--- a/packages/react/src/components/Edges/wrapEdge.tsx
+++ b/packages/react/src/components/Edges/wrapEdge.tsx
@@ -1,14 +1,14 @@
-import { memo, useState, useMemo, useRef, type ComponentType, type KeyboardEvent } from 'react';
+import { memo, useState, useMemo, useRef, type ComponentType, type KeyboardEvent, useEffect } from 'react';
 import cc from 'classcat';
 import { getMarkerId, elementSelectionKeys, XYHandle, type Connection } from '@xyflow/system';
 
-import { useStoreApi } from '../../hooks/useStore';
+import { useStoreApi, useStore } from '../../hooks/useStore';
 import { ARIA_EDGE_DESC_KEY } from '../A11yDescriptions';
 import { EdgeAnchor } from './EdgeAnchor';
 import { getMouseHandler } from './utils';
 import type { EdgeProps, WrapEdgeProps } from '../../types';
-
-const alwaysValidConnection = () => true;
+import { getEdgePosition } from '../../hooks/useVisibleEdges';
+import { shallow } from 'zustand/shallow';
 
 export default (EdgeComponent: ComponentType<EdgeProps>) => {
   const EdgeWrapper = ({
@@ -29,12 +29,6 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
     style,
     source,
     target,
-    sourceX,
-    sourceY,
-    targetX,
-    targetY,
-    sourcePosition,
-    targetPosition,
     isSelectable,
     hidden,
     sourceHandleId,
@@ -60,11 +54,34 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
     const [updateHover, setUpdateHover] = useState<boolean>(false);
     const [updating, setUpdating] = useState<boolean>(false);
     const store = useStoreApi();
+    const edgePosition = useStore((state) => {
+      const sourceNode = state.nodeInternals.get(source);
+      const targetNode = state.nodeInternals.get(target);
+
+      if (!sourceNode || !targetNode) {
+        return null;
+      }
+
+      const pos = getEdgePosition({
+        sourceNode,
+        targetNode,
+        sourceHandle: sourceHandleId || null,
+        targetHandle: targetHandleId || null,
+        connectionMode: state.connectionMode,
+        onError: state.onError,
+      });
+
+      return pos;
+    }, shallow);
+
+    useEffect(() => {
+      // console.log(edgePosition);
+    }, [edgePosition]);
 
     const markerStartUrl = useMemo(() => `url(#${getMarkerId(markerStart, rfId)})`, [markerStart, rfId]);
     const markerEndUrl = useMemo(() => `url(#${getMarkerId(markerEnd, rfId)})`, [markerEnd, rfId]);
 
-    if (hidden) {
+    if (hidden || !edgePosition) {
       return null;
     }
 
@@ -211,12 +228,12 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
             labelBgBorderRadius={labelBgBorderRadius}
             data={data}
             style={style}
-            sourceX={sourceX}
-            sourceY={sourceY}
-            targetX={targetX}
-            targetY={targetY}
-            sourcePosition={sourcePosition}
-            targetPosition={targetPosition}
+            sourceX={edgePosition.sourceX}
+            sourceY={edgePosition.sourceY}
+            targetX={edgePosition.targetX}
+            targetY={edgePosition.targetY}
+            sourcePosition={edgePosition.sourcePosition}
+            targetPosition={edgePosition.targetPosition}
             sourceHandleId={sourceHandleId}
             targetHandleId={targetHandleId}
             markerStart={markerStartUrl}
@@ -229,9 +246,9 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
           <>
             {(isUpdatable === 'source' || isUpdatable === true) && (
               <EdgeAnchor
-                position={sourcePosition}
-                centerX={sourceX}
-                centerY={sourceY}
+                position={edgePosition.sourcePosition}
+                centerX={edgePosition.sourceX}
+                centerY={edgePosition.sourceY}
                 radius={edgeUpdaterRadius}
                 onMouseDown={onEdgeUpdaterSourceMouseDown}
                 onMouseEnter={onEdgeUpdaterMouseEnter}
@@ -241,9 +258,9 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
             )}
             {(isUpdatable === 'target' || isUpdatable === true) && (
               <EdgeAnchor
-                position={targetPosition}
-                centerX={targetX}
-                centerY={targetY}
+                position={edgePosition.targetPosition}
+                centerX={edgePosition.targetX}
+                centerY={edgePosition.targetY}
                 radius={edgeUpdaterRadius}
                 onMouseDown={onEdgeUpdaterTargetMouseDown}
                 onMouseEnter={onEdgeUpdaterMouseEnter}
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index c5ba21022..f23a1b67c 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -1,14 +1,13 @@
 import { memo, ReactNode } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
-import { errorMessages, ConnectionMode, Position, getHandle } from '@xyflow/system';
+import { errorMessages } from '@xyflow/system';
 
 import { useStore } from '../../hooks/useStore';
 import useVisibleEdges from '../../hooks/useVisibleEdges';
 import MarkerDefinitions from './MarkerDefinitions';
-import { getEdgePositions, getNodeData } from './utils';
 import { GraphViewProps } from '../GraphView';
-import type { Edge, ReactFlowState } from '../../types';
+import type { ReactFlowState } from '../../types';
 
 type EdgeRendererProps = Pick<
   GraphViewProps,
@@ -35,14 +34,12 @@ type EdgeRendererProps = Pick<
 };
 
 const selector = (s: ReactFlowState) => ({
-  nodesConnectable: s.nodesConnectable,
+  width: s.width,
+  height: s.height,
   edgesFocusable: s.edgesFocusable,
   edgesUpdatable: s.edgesUpdatable,
   elementsSelectable: s.elementsSelectable,
-  width: s.width,
-  height: s.height,
   connectionMode: s.connectionMode,
-  nodeInternals: s.nodeInternals,
   onError: s.onError,
 });
 
@@ -65,9 +62,8 @@ const EdgeRenderer = ({
   onEdgeUpdateEnd,
   children,
 }: EdgeRendererProps) => {
-  const { edgesFocusable, edgesUpdatable, elementsSelectable, width, height, connectionMode, nodeInternals, onError } =
-    useStore(selector, shallow);
-  const edgeTree = useVisibleEdges(onlyRenderVisibleElements, nodeInternals, elevateEdgesOnSelect);
+  const { width, height, edgesFocusable, edgesUpdatable, elementsSelectable, onError } = useStore(selector, shallow);
+  const edgeTree = useVisibleEdges(onlyRenderVisibleElements, elevateEdgesOnSelect);
 
   if (!width) {
     return null;
@@ -85,14 +81,7 @@ const EdgeRenderer = ({
         >
           {isMaxLevel && <MarkerDefinitions defaultColor={defaultMarkerColor} rfId={rfId} />}
           <g>
-            {edges.map((edge: Edge) => {
-              const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(nodeInternals.get(edge.source));
-              const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(nodeInternals.get(edge.target));
-
-              if (!sourceIsValid || !targetIsValid) {
-                return null;
-              }
-
+            {edges.map((edge) => {
               let edgeType = edge.type || 'default';
 
               if (!edgeTypes[edgeType]) {
@@ -100,16 +89,7 @@ const EdgeRenderer = ({
                 edgeType = 'default';
               }
 
-              const EdgeComponent = edgeTypes[edgeType] || edgeTypes.default;
-              // when connection type is loose we can define all handles as sources and connect source -> source
-              const targetNodeHandles =
-                connectionMode === ConnectionMode.Strict
-                  ? targetHandleBounds!.target
-                  : (targetHandleBounds!.target ?? []).concat(targetHandleBounds!.source ?? []);
-              const sourceHandle = getHandle(sourceHandleBounds!.source!, edge.sourceHandle);
-              const targetHandle = getHandle(targetNodeHandles!, edge.targetHandle);
-              const sourcePosition = sourceHandle?.position || Position.Bottom;
-              const targetPosition = targetHandle?.position || Position.Top;
+              const EdgeComponent = edgeTypes[edgeType];
               const isFocusable = !!(edge.focusable || (edgesFocusable && typeof edge.focusable === 'undefined'));
               const isUpdatable =
                 typeof onEdgeUpdate !== 'undefined' &&
@@ -119,27 +99,12 @@ const EdgeRenderer = ({
                 (elementsSelectable && typeof edge.selectable === 'undefined')
               );
 
-              if (!sourceHandle || !targetHandle) {
-                onError?.('008', errorMessages['error008'](sourceHandle, edge));
-
-                return null;
-              }
-
-              const { sourceX, sourceY, targetX, targetY } = getEdgePositions(
-                sourceNodeRect,
-                sourceHandle,
-                sourcePosition,
-                targetNodeRect,
-                targetHandle,
-                targetPosition
-              );
-
               return (
                 <EdgeComponent
                   key={edge.id}
                   id={edge.id}
                   className={cc([edge.className, noPanClassName])}
-                  type={edgeType}
+                  type={edge.type}
                   data={edge.data}
                   selected={!!edge.selected}
                   animated={!!edge.animated}
@@ -157,12 +122,6 @@ const EdgeRenderer = ({
                   targetHandleId={edge.targetHandle}
                   markerEnd={edge.markerEnd}
                   markerStart={edge.markerStart}
-                  sourceX={sourceX}
-                  sourceY={sourceY}
-                  targetX={targetX}
-                  targetY={targetY}
-                  sourcePosition={sourcePosition}
-                  targetPosition={targetPosition}
                   isSelectable={isSelectable}
                   onEdgeUpdate={onEdgeUpdate}
                   onContextMenu={onEdgeContextMenu}
diff --git a/packages/react/src/hooks/useVisibleEdges.ts b/packages/react/src/hooks/useVisibleEdges.ts
index aa57ee2fe..e59fd3376 100644
--- a/packages/react/src/hooks/useVisibleEdges.ts
+++ b/packages/react/src/hooks/useVisibleEdges.ts
@@ -1,13 +1,29 @@
 import { useCallback } from 'react';
-import { internalsSymbol, isNumeric } from '@xyflow/system';
+import {
+  BaseNode,
+  internalsSymbol,
+  isNumeric,
+  errorMessages,
+  ConnectionMode,
+  Position,
+  getHandle,
+  OnError,
+} from '@xyflow/system';
 
 import { useStore } from '../hooks/useStore';
-import { isEdgeVisible } from '../container/EdgeRenderer/utils';
-import { type ReactFlowState, type NodeInternals, type Edge } from '../types';
+import { getEdgePositions, getNodeData, isEdgeVisible } from '../container/EdgeRenderer/utils';
+import { type ReactFlowState, type NodeInternals, type Edge, EdgePosition } from '../types';
+import { shallow } from 'zustand/shallow';
 
 const defaultEdgeTree = [{ level: 0, isMaxLevel: true, edges: [] }];
 
-function groupEdgesByZLevel(edges: Edge[], nodeInternals: NodeInternals, elevateEdgesOnSelect = false) {
+type GroupedEdges = {
+  edges: Edge[];
+  level: number;
+  isMaxLevel: boolean;
+};
+
+function groupEdgesByZLevel(edges: Edge[], nodeInternals: NodeInternals, elevateEdgesOnSelect = false): GroupedEdges[] {
   let maxLevel = -1;
 
   const levelLookup = edges.reduce<Record<string, Edge[]>>((tree, edge) => {
@@ -51,42 +67,104 @@ function groupEdgesByZLevel(edges: Edge[], nodeInternals: NodeInternals, elevate
   return edgeTree;
 }
 
-function useVisibleEdges(onlyRenderVisible: boolean, nodeInternals: NodeInternals, elevateEdgesOnSelect: boolean) {
+type LayoutEdgeParams = {
+  sourceNode: BaseNode;
+  sourceHandle: string | null;
+  targetNode: BaseNode;
+  targetHandle: string | null;
+  connectionMode: ConnectionMode;
+  onError?: OnError;
+};
+
+export function getEdgePosition(params: LayoutEdgeParams): EdgePosition | null {
+  const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(params.sourceNode);
+  const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(params.targetNode);
+
+  if (!sourceIsValid || !targetIsValid) {
+    return null;
+  }
+
+  // when connection type is loose we can define all handles as sources and connect source -> source
+  const targetNodeHandles =
+    params.connectionMode === ConnectionMode.Strict
+      ? targetHandleBounds!.target
+      : (targetHandleBounds!.target ?? []).concat(targetHandleBounds!.source ?? []);
+  const sourceHandle = getHandle(sourceHandleBounds!.source!, params.sourceHandle);
+  const targetHandle = getHandle(targetNodeHandles!, params.targetHandle);
+  const sourcePosition = sourceHandle?.position || Position.Bottom;
+  const targetPosition = targetHandle?.position || Position.Top;
+
+  if (!sourceHandle || !targetHandle) {
+    params.onError?.('008', errorMessages['error008'](sourceHandle, {} as Edge));
+
+    return null;
+  }
+
+  const { sourceX, sourceY, targetX, targetY } = getEdgePositions(
+    sourceNodeRect,
+    sourceHandle,
+    sourcePosition,
+    targetNodeRect,
+    targetHandle,
+    targetPosition
+  );
+
+  return {
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition,
+    targetPosition,
+  };
+}
+
+function useVisibleEdges(onlyRenderVisible: boolean, elevateEdgesOnSelect: boolean): GroupedEdges[] {
   const edges = useStore(
     useCallback(
       (s: ReactFlowState) => {
-        if (!onlyRenderVisible) {
-          return s.edges;
-        }
-
-        return s.edges.filter((e) => {
-          const sourceNode = nodeInternals.get(e.source);
-          const targetNode = nodeInternals.get(e.target);
-
-          return (
-            sourceNode?.width &&
-            sourceNode?.height &&
-            targetNode?.width &&
-            targetNode?.height &&
-            isEdgeVisible({
-              sourcePos: sourceNode.positionAbsolute || { x: 0, y: 0 },
-              targetPos: targetNode.positionAbsolute || { x: 0, y: 0 },
-              sourceWidth: sourceNode.width,
-              sourceHeight: sourceNode.height,
-              targetWidth: targetNode.width,
-              targetHeight: targetNode.height,
-              width: s.width,
-              height: s.height,
-              transform: s.transform,
+        const visibleEdges = onlyRenderVisible
+          ? s.edges.filter((e) => {
+              const sourceNode = s.nodeInternals.get(e.source);
+              const targetNode = s.nodeInternals.get(e.target);
+
+              return (
+                sourceNode?.width &&
+                sourceNode?.height &&
+                targetNode?.width &&
+                targetNode?.height &&
+                isEdgeVisible({
+                  sourcePos: sourceNode.positionAbsolute || { x: 0, y: 0 },
+                  targetPos: targetNode.positionAbsolute || { x: 0, y: 0 },
+                  sourceWidth: sourceNode.width,
+                  sourceHeight: sourceNode.height,
+                  targetWidth: targetNode.width,
+                  targetHeight: targetNode.height,
+                  width: s.width,
+                  height: s.height,
+                  transform: s.transform,
+                })
+              );
             })
-          );
-        });
+          : s.edges;
+
+        return groupEdgesByZLevel(visibleEdges, s.nodeInternals, elevateEdgesOnSelect);
       },
-      [onlyRenderVisible, nodeInternals]
-    )
+      [onlyRenderVisible, elevateEdgesOnSelect]
+    ),
+    (groupA, groupB) => {
+      const unEqual = groupA.some(
+        (item, index) =>
+          item.isMaxLevel !== groupB[index].isMaxLevel ||
+          item.level !== groupB[index].level ||
+          !shallow(item.edges, groupB[index].edges)
+      );
+
+      return !unEqual;
+    }
   );
 
-  return groupEdgesByZLevel(edges, nodeInternals, elevateEdgesOnSelect);
+  return edges;
 }
 
 export default useVisibleEdges;
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index b071f42cb..6f13d97c0 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -54,12 +54,6 @@ export type WrapEdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandl
   onEdgeDoubleClick?: EdgeMouseHandler;
   sourceHandleId?: string | null;
   targetHandleId?: string | null;
-  sourceX: number;
-  sourceY: number;
-  targetX: number;
-  targetY: number;
-  sourcePosition: Position;
-  targetPosition: Position;
   onEdgeUpdate?: OnEdgeUpdateFunc;
   onContextMenu?: EdgeMouseHandler;
   onMouseEnter?: EdgeMouseHandler;
@@ -88,18 +82,8 @@ export type EdgeProps<T = any> = Pick<
   Edge<T>,
   'id' | 'animated' | 'data' | 'style' | 'selected' | 'source' | 'target'
 > &
-  Pick<
-    WrapEdgeProps,
-    | 'sourceX'
-    | 'sourceY'
-    | 'targetX'
-    | 'targetY'
-    | 'sourcePosition'
-    | 'targetPosition'
-    | 'sourceHandleId'
-    | 'targetHandleId'
-    | 'interactionWidth'
-  > &
+  Pick<WrapEdgeProps, 'sourceHandleId' | 'targetHandleId' | 'interactionWidth'> &
+  EdgePosition &
   EdgeLabelOptions & {
     markerStart?: string;
     markerEnd?: string;
@@ -140,3 +124,12 @@ export type ConnectionLineComponentProps = {
 };
 
 export type ConnectionLineComponent = ComponentType<ConnectionLineComponentProps>;
+
+export type EdgePosition = {
+  sourceX: number;
+  sourceY: number;
+  targetX: number;
+  targetY: number;
+  sourcePosition: Position;
+  targetPosition: Position;
+};
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index f459f3f01..16d6e99fa 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -90,7 +90,7 @@ function onPointerDown(
     getTransform,
   }: OnPointerDownParams
 ) {
-  // when react-flow is used inside a shadow root we can't use document
+  // when xyflow is used inside a shadow root we can't use document
   const doc = getHostForElement(event.target as HTMLElement);
   let autoPanId = 0;
   let closestHandle: ConnectionHandle | null;

From c1e24990282171c1f9d0193fe4616ac06d99051b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 8 Jun 2023 15:46:35 +0200
Subject: [PATCH 0088/1093] refactor(svelte/react): use edge layouting vanilla
 helpers

---
 .../vite-app/src/examples/Stress/index.tsx    |   1 +
 .../react/src/components/Edges/wrapEdge.tsx   |  12 +-
 .../react/src/container/EdgeRenderer/utils.ts | 113 +---------------
 packages/react/src/hooks/useVisibleEdges.ts   | 120 +----------------
 packages/react/src/types/edges.ts             |  10 +-
 .../components/EdgeWrapper/EdgeWrapper.svelte |  26 ++--
 .../EdgeRenderer/EdgeRenderer.svelte          |  23 +++-
 .../src/lib/container/EdgeRenderer/utils.ts   |  58 --------
 packages/svelte/src/lib/store/edge-tree.ts    |  88 +++++++++++++
 .../svelte/src/lib/store/edges-layouted.ts    |  69 ----------
 packages/svelte/src/lib/store/index.ts        |  11 +-
 .../svelte/src/lib/store/initial-store.ts     |   8 +-
 packages/svelte/src/lib/store/types.ts        |   4 +-
 packages/svelte/src/lib/types/edges.ts        |  46 +++----
 .../svelte/src/routes/stress/+page.svelte     |   4 +-
 .../svelte/src/routes/subflows/+page.svelte   |   4 +-
 packages/system/src/constants.ts              |  13 +-
 packages/system/src/types/edges.ts            |  11 ++
 packages/system/src/utils/edges/general.ts    | 124 +++++++++++++++++-
 packages/system/src/utils/edges/index.ts      |   1 +
 packages/system/src/utils/edges/positions.ts  |  82 ++++++++++++
 21 files changed, 392 insertions(+), 436 deletions(-)
 delete mode 100644 packages/svelte/src/lib/container/EdgeRenderer/utils.ts
 create mode 100644 packages/svelte/src/lib/store/edge-tree.ts
 delete mode 100644 packages/svelte/src/lib/store/edges-layouted.ts
 create mode 100644 packages/system/src/utils/edges/positions.ts

diff --git a/examples/vite-app/src/examples/Stress/index.tsx b/examples/vite-app/src/examples/Stress/index.tsx
index 125c27646..ec1fd2fa0 100644
--- a/examples/vite-app/src/examples/Stress/index.tsx
+++ b/examples/vite-app/src/examples/Stress/index.tsx
@@ -74,6 +74,7 @@ const StressFlow = () => {
       onConnect={onConnect}
       onNodesChange={onNodesChange}
       onEdgesChange={onEdgeChange}
+      minZoom={0.2}
     >
       <MiniMap />
       <Controls />
diff --git a/packages/react/src/components/Edges/wrapEdge.tsx b/packages/react/src/components/Edges/wrapEdge.tsx
index 3562b0f64..ea66d9882 100644
--- a/packages/react/src/components/Edges/wrapEdge.tsx
+++ b/packages/react/src/components/Edges/wrapEdge.tsx
@@ -1,14 +1,13 @@
-import { memo, useState, useMemo, useRef, type ComponentType, type KeyboardEvent, useEffect } from 'react';
+import { memo, useState, useMemo, useRef, type ComponentType, type KeyboardEvent } from 'react';
 import cc from 'classcat';
-import { getMarkerId, elementSelectionKeys, XYHandle, type Connection } from '@xyflow/system';
+import { shallow } from 'zustand/shallow';
+import { getMarkerId, elementSelectionKeys, XYHandle, type Connection, getEdgePosition } from '@xyflow/system';
 
 import { useStoreApi, useStore } from '../../hooks/useStore';
 import { ARIA_EDGE_DESC_KEY } from '../A11yDescriptions';
 import { EdgeAnchor } from './EdgeAnchor';
 import { getMouseHandler } from './utils';
 import type { EdgeProps, WrapEdgeProps } from '../../types';
-import { getEdgePosition } from '../../hooks/useVisibleEdges';
-import { shallow } from 'zustand/shallow';
 
 export default (EdgeComponent: ComponentType<EdgeProps>) => {
   const EdgeWrapper = ({
@@ -63,6 +62,7 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
       }
 
       const pos = getEdgePosition({
+        id,
         sourceNode,
         targetNode,
         sourceHandle: sourceHandleId || null,
@@ -74,10 +74,6 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
       return pos;
     }, shallow);
 
-    useEffect(() => {
-      // console.log(edgePosition);
-    }, [edgePosition]);
-
     const markerStartUrl = useMemo(() => `url(#${getMarkerId(markerStart, rfId)})`, [markerStart, rfId]);
     const markerEndUrl = useMemo(() => `url(#${getMarkerId(markerEnd, rfId)})`, [markerEnd, rfId]);
 
diff --git a/packages/react/src/container/EdgeRenderer/utils.ts b/packages/react/src/container/EdgeRenderer/utils.ts
index 403e5f80b..0e8f39d3b 100644
--- a/packages/react/src/container/EdgeRenderer/utils.ts
+++ b/packages/react/src/container/EdgeRenderer/utils.ts
@@ -1,19 +1,8 @@
 import type { ComponentType } from 'react';
-import {
-  internalsSymbol,
-  Position,
-  rectToBox,
-  getHandlePosition,
-  type HandleElement,
-  type NodeHandleBounds,
-  type Rect,
-  type Transform,
-  type XYPosition,
-} from '@xyflow/system';
 
 import { BezierEdge, SmoothStepEdge, StepEdge, StraightEdge, SimpleBezierEdge } from '../../components/Edges';
 import wrapEdge from '../../components/Edges/wrapEdge';
-import type { EdgeProps, EdgeTypes, EdgeTypesWrapped, Node } from '../../types';
+import type { EdgeProps, EdgeTypes, EdgeTypesWrapped } from '../../types';
 
 export type CreateEdgeTypes = (edgeTypes: EdgeTypes) => EdgeTypesWrapped;
 
@@ -40,103 +29,3 @@ export function createEdgeTypes(edgeTypes: EdgeTypes): EdgeTypesWrapped {
     ...specialTypes,
   };
 }
-
-interface EdgePositions {
-  sourceX: number;
-  sourceY: number;
-  targetX: number;
-  targetY: number;
-}
-
-export const getEdgePositions = (
-  sourceNodeRect: Rect,
-  sourceHandle: HandleElement,
-  sourcePosition: Position,
-  targetNodeRect: Rect,
-  targetHandle: HandleElement,
-  targetPosition: Position
-): EdgePositions => {
-  const sourceHandlePos = getHandlePosition(sourcePosition, sourceNodeRect, sourceHandle);
-  const targetHandlePos = getHandlePosition(targetPosition, targetNodeRect, targetHandle);
-
-  return {
-    sourceX: sourceHandlePos.x,
-    sourceY: sourceHandlePos.y,
-    targetX: targetHandlePos.x,
-    targetY: targetHandlePos.y,
-  };
-};
-
-interface IsEdgeVisibleParams {
-  sourcePos: XYPosition;
-  targetPos: XYPosition;
-  sourceWidth: number;
-  sourceHeight: number;
-  targetWidth: number;
-  targetHeight: number;
-  width: number;
-  height: number;
-  transform: Transform;
-}
-
-export function isEdgeVisible({
-  sourcePos,
-  targetPos,
-  sourceWidth,
-  sourceHeight,
-  targetWidth,
-  targetHeight,
-  width,
-  height,
-  transform,
-}: IsEdgeVisibleParams): boolean {
-  const edgeBox = {
-    x: Math.min(sourcePos.x, targetPos.x),
-    y: Math.min(sourcePos.y, targetPos.y),
-    x2: Math.max(sourcePos.x + sourceWidth, targetPos.x + targetWidth),
-    y2: Math.max(sourcePos.y + sourceHeight, targetPos.y + targetHeight),
-  };
-
-  if (edgeBox.x === edgeBox.x2) {
-    edgeBox.x2 += 1;
-  }
-
-  if (edgeBox.y === edgeBox.y2) {
-    edgeBox.y2 += 1;
-  }
-
-  const viewBox = rectToBox({
-    x: (0 - transform[0]) / transform[2],
-    y: (0 - transform[1]) / transform[2],
-    width: width / transform[2],
-    height: height / transform[2],
-  });
-
-  const xOverlap = Math.max(0, Math.min(viewBox.x2, edgeBox.x2) - Math.max(viewBox.x, edgeBox.x));
-  const yOverlap = Math.max(0, Math.min(viewBox.y2, edgeBox.y2) - Math.max(viewBox.y, edgeBox.y));
-  const overlappingArea = Math.ceil(xOverlap * yOverlap);
-
-  return overlappingArea > 0;
-}
-
-export function getNodeData(node?: Node): [Rect, NodeHandleBounds | null, boolean] {
-  const handleBounds = node?.[internalsSymbol]?.handleBounds || null;
-
-  const isValid =
-    handleBounds &&
-    node?.width &&
-    node?.height &&
-    typeof node?.positionAbsolute?.x !== 'undefined' &&
-    typeof node?.positionAbsolute?.y !== 'undefined';
-
-  return [
-    {
-      x: node?.positionAbsolute?.x || 0,
-      y: node?.positionAbsolute?.y || 0,
-      width: node?.width || 0,
-      height: node?.height || 0,
-    },
-    handleBounds,
-    !!isValid,
-  ];
-}
diff --git a/packages/react/src/hooks/useVisibleEdges.ts b/packages/react/src/hooks/useVisibleEdges.ts
index e59fd3376..10a387fb2 100644
--- a/packages/react/src/hooks/useVisibleEdges.ts
+++ b/packages/react/src/hooks/useVisibleEdges.ts
@@ -1,125 +1,11 @@
 import { useCallback } from 'react';
-import {
-  BaseNode,
-  internalsSymbol,
-  isNumeric,
-  errorMessages,
-  ConnectionMode,
-  Position,
-  getHandle,
-  OnError,
-} from '@xyflow/system';
+import { GroupedEdges, groupEdgesByZLevel, isEdgeVisible } from '@xyflow/system';
 
 import { useStore } from '../hooks/useStore';
-import { getEdgePositions, getNodeData, isEdgeVisible } from '../container/EdgeRenderer/utils';
-import { type ReactFlowState, type NodeInternals, type Edge, EdgePosition } from '../types';
+import { Edge, type ReactFlowState } from '../types';
 import { shallow } from 'zustand/shallow';
 
-const defaultEdgeTree = [{ level: 0, isMaxLevel: true, edges: [] }];
-
-type GroupedEdges = {
-  edges: Edge[];
-  level: number;
-  isMaxLevel: boolean;
-};
-
-function groupEdgesByZLevel(edges: Edge[], nodeInternals: NodeInternals, elevateEdgesOnSelect = false): GroupedEdges[] {
-  let maxLevel = -1;
-
-  const levelLookup = edges.reduce<Record<string, Edge[]>>((tree, edge) => {
-    const hasZIndex = isNumeric(edge.zIndex);
-    let z = hasZIndex ? edge.zIndex! : 0;
-
-    if (elevateEdgesOnSelect) {
-      z = hasZIndex
-        ? edge.zIndex!
-        : Math.max(
-            nodeInternals.get(edge.source)?.[internalsSymbol]?.z || 0,
-            nodeInternals.get(edge.target)?.[internalsSymbol]?.z || 0
-          );
-    }
-
-    if (tree[z]) {
-      tree[z].push(edge);
-    } else {
-      tree[z] = [edge];
-    }
-
-    maxLevel = z > maxLevel ? z : maxLevel;
-
-    return tree;
-  }, {});
-
-  const edgeTree = Object.entries(levelLookup).map(([key, edges]) => {
-    const level = +key;
-
-    return {
-      edges,
-      level,
-      isMaxLevel: level === maxLevel,
-    };
-  });
-
-  if (edgeTree.length === 0) {
-    return defaultEdgeTree;
-  }
-
-  return edgeTree;
-}
-
-type LayoutEdgeParams = {
-  sourceNode: BaseNode;
-  sourceHandle: string | null;
-  targetNode: BaseNode;
-  targetHandle: string | null;
-  connectionMode: ConnectionMode;
-  onError?: OnError;
-};
-
-export function getEdgePosition(params: LayoutEdgeParams): EdgePosition | null {
-  const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(params.sourceNode);
-  const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(params.targetNode);
-
-  if (!sourceIsValid || !targetIsValid) {
-    return null;
-  }
-
-  // when connection type is loose we can define all handles as sources and connect source -> source
-  const targetNodeHandles =
-    params.connectionMode === ConnectionMode.Strict
-      ? targetHandleBounds!.target
-      : (targetHandleBounds!.target ?? []).concat(targetHandleBounds!.source ?? []);
-  const sourceHandle = getHandle(sourceHandleBounds!.source!, params.sourceHandle);
-  const targetHandle = getHandle(targetNodeHandles!, params.targetHandle);
-  const sourcePosition = sourceHandle?.position || Position.Bottom;
-  const targetPosition = targetHandle?.position || Position.Top;
-
-  if (!sourceHandle || !targetHandle) {
-    params.onError?.('008', errorMessages['error008'](sourceHandle, {} as Edge));
-
-    return null;
-  }
-
-  const { sourceX, sourceY, targetX, targetY } = getEdgePositions(
-    sourceNodeRect,
-    sourceHandle,
-    sourcePosition,
-    targetNodeRect,
-    targetHandle,
-    targetPosition
-  );
-
-  return {
-    sourceX,
-    sourceY,
-    targetX,
-    targetY,
-    sourcePosition,
-    targetPosition,
-  };
-}
-
-function useVisibleEdges(onlyRenderVisible: boolean, elevateEdgesOnSelect: boolean): GroupedEdges[] {
+function useVisibleEdges(onlyRenderVisible: boolean, elevateEdgesOnSelect: boolean): GroupedEdges<Edge>[] {
   const edges = useStore(
     useCallback(
       (s: ReactFlowState) => {
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index 6f13d97c0..e470b9189 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -12,6 +12,7 @@ import type {
   ConnectionLineType,
   HandleElement,
   ConnectionStatus,
+  EdgePosition,
 } from '@xyflow/system';
 
 import { Node } from '.';
@@ -124,12 +125,3 @@ export type ConnectionLineComponentProps = {
 };
 
 export type ConnectionLineComponent = ComponentType<ConnectionLineComponentProps>;
-
-export type EdgePosition = {
-  sourceX: number;
-  sourceY: number;
-  targetX: number;
-  targetY: number;
-  sourcePosition: Position;
-  targetPosition: Position;
-};
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 9ee06fca9..d1191a452 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { createEventDispatcher, type SvelteComponentTyped } from 'svelte';
-  import { Position, getMarkerId } from '@xyflow/system';
+  import { getMarkerId } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
-  import type { EdgeProps, EdgeLayouted } from '$lib/types';
+  import type { EdgeLayouted, EdgeProps } from '$lib/types';
 
   type $$Props = EdgeLayouted;
 
@@ -12,14 +12,9 @@
   export let type: $$Props['type'] = 'default';
   export let source: $$Props['source'] = '';
   export let target: $$Props['target'] = '';
-  export let sourceX: $$Props['sourceX'] = 0;
-  export let sourceY: $$Props['sourceY'] = 0;
-  export let targetX: $$Props['targetX'] = 0;
-  export let targetY: $$Props['targetY'] = 0;
   export let data: $$Props['data'] = {};
   export let style: $$Props['style'] = undefined;
-  export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
-  export let targetPosition: $$Props['targetPosition'] = Position.Top;
+
   export let animated: $$Props['animated'] = false;
   export let selected: $$Props['selected'] = false;
   export let selectable: $$Props['selectable'] = true;
@@ -27,9 +22,14 @@
   export let labelStyle: $$Props['labelStyle'] = undefined;
   export let markerStart: $$Props['markerStart'] = undefined;
   export let markerEnd: $$Props['markerEnd'] = undefined;
-  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
-  export let targetHandleId: $$Props['targetHandleId'] = undefined;
-
+  export let sourceHandle: $$Props['sourceHandle'] = undefined;
+  export let targetHandle: $$Props['targetHandle'] = undefined;
+  export let sourceX: $$Props['sourceX'];
+  export let sourceY: $$Props['sourceY'];
+  export let targetX: $$Props['targetX'];
+  export let targetY: $$Props['targetY'];
+  export let sourcePosition: $$Props['sourcePosition'];
+  export let targetPosition: $$Props['targetPosition'];
   // @ todo: support edge updates
 
   const { edges, edgeTypes, flowId, addSelectedEdges } = useStore();
@@ -69,8 +69,8 @@
     {labelStyle}
     {data}
     {style}
-    {sourceHandleId}
-    {targetHandleId}
+    sourceHandleId={sourceHandle}
+    targetHandleId={targetHandle}
     markerStart={markerStartUrl}
     markerEnd={markerEndUrl}
   />
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 752c9b33d..f8a23e18e 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -3,16 +3,25 @@
   import { MarkerDefinition } from '$lib/container/EdgeRenderer/MarkerDefinition';
   import { useStore } from '$lib/store';
 
-  const { edgesLayouted, width, height } = useStore();
+  const { width, height, elementsSelectable, edgeTree } = useStore();
 </script>
 
-<svg width={$width} height={$height} class="svelte-flow__edges">
-  {#each $edgesLayouted as edge (edge.id)}
-    <EdgeWrapper {...edge} on:edge:click />
-  {/each}
+{#each $edgeTree as group (group.level)}
+  <svg width={$width} height={$height} style="z-index: {group.level}" class="svelte-flow__edges">
+    {#if group.isMaxLevel} <MarkerDefinition />{/if}
+    <g>
+      {#each group.edges as edge (edge.id)}
+        {@const edgeType = edge.type || 'default'}
+        {@const selectable = !!(
+          edge.selectable ||
+          ($elementsSelectable && typeof edge.selectable === 'undefined')
+        )}
 
-  <MarkerDefinition />
-</svg>
+        <EdgeWrapper {...edge} type={edgeType} {selectable} on:edge:click />
+      {/each}
+    </g>
+  </svg>
+{/each}
 
 <style>
   .svelte-flow__edges {
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/utils.ts b/packages/svelte/src/lib/container/EdgeRenderer/utils.ts
deleted file mode 100644
index 31f3020ff..000000000
--- a/packages/svelte/src/lib/container/EdgeRenderer/utils.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { getHandlePosition } from '@xyflow/system';
-import {
-  type NodeHandleBounds,
-  type Rect,
-  type HandleElement,
-  Position,
-  internalsSymbol
-} from '@xyflow/system';
-
-import type { Node } from '$lib/types';
-
-export function getNodeData(node?: Node): [Rect, NodeHandleBounds | null, boolean] {
-  const handleBounds = node?.[internalsSymbol]?.handleBounds || null;
-
-  const isValid =
-    handleBounds &&
-    node?.width &&
-    node?.height &&
-    typeof node?.positionAbsolute?.x !== 'undefined' &&
-    typeof node?.positionAbsolute?.y !== 'undefined';
-
-  return [
-    {
-      x: node?.positionAbsolute?.x || 0,
-      y: node?.positionAbsolute?.y || 0,
-      width: node?.width || 0,
-      height: node?.height || 0
-    },
-    handleBounds,
-    !!isValid
-  ];
-}
-
-export type EdgePosition = {
-  sourceX: number;
-  sourceY: number;
-  targetX: number;
-  targetY: number;
-};
-
-export function getEdgePositions(
-  sourceNodeRect: Rect,
-  sourceHandle: HandleElement,
-  sourcePosition: Position,
-  targetNodeRect: Rect,
-  targetHandle: HandleElement,
-  targetPosition: Position
-): EdgePosition {
-  const sourceHandlePos = getHandlePosition(sourcePosition, sourceNodeRect, sourceHandle);
-  const targetHandlePos = getHandlePosition(targetPosition, targetNodeRect, targetHandle);
-
-  return {
-    sourceX: sourceHandlePos.x,
-    sourceY: sourceHandlePos.y,
-    targetX: targetHandlePos.x,
-    targetY: targetHandlePos.y
-  };
-}
diff --git a/packages/svelte/src/lib/store/edge-tree.ts b/packages/svelte/src/lib/store/edge-tree.ts
new file mode 100644
index 000000000..411a233f8
--- /dev/null
+++ b/packages/svelte/src/lib/store/edge-tree.ts
@@ -0,0 +1,88 @@
+import { derived } from 'svelte/store';
+import { groupEdgesByZLevel, isEdgeVisible, getEdgePosition, type OnError } from '@xyflow/system';
+
+import type { EdgeLayouted } from '$lib/types';
+import type { SvelteFlowStoreState } from './types';
+
+export function getEdgeTree(store: SvelteFlowStoreState, onError: OnError) {
+  const visibleEdges = derived(
+    [
+      store.edges,
+      store.nodes,
+      store.onlyRenderVisibleElements,
+      store.transform,
+      store.width,
+      store.height
+    ],
+    ([edges, nodes, onlyRenderVisibleElements, transform, width, height]) => {
+      const visibleEdges = onlyRenderVisibleElements
+        ? edges.filter((edge) => {
+            const sourceNode = nodes.find((node) => node.id === edge.source);
+            const targetNode = nodes.find((node) => node.id === edge.target);
+
+            return (
+              sourceNode?.width &&
+              sourceNode?.height &&
+              targetNode?.width &&
+              targetNode?.height &&
+              isEdgeVisible({
+                sourcePos: sourceNode.positionAbsolute || { x: 0, y: 0 },
+                targetPos: targetNode.positionAbsolute || { x: 0, y: 0 },
+                sourceWidth: sourceNode.width,
+                sourceHeight: sourceNode.height,
+                targetWidth: targetNode.width,
+                targetHeight: targetNode.height,
+                width,
+                height,
+                transform
+              })
+            );
+          })
+        : edges;
+
+      return visibleEdges;
+    }
+  );
+
+  return derived(
+    [visibleEdges, store.nodes, store.connectionMode],
+    ([visibleEdges, nodes, connectionMode]) => {
+      const layoutedEdges = visibleEdges.reduce<EdgeLayouted[]>((res, edge) => {
+        const sourceNode = nodes.find((node) => node.id === edge.source);
+        const targetNode = nodes.find((node) => node.id === edge.target);
+
+        if (!sourceNode || !targetNode) {
+          return res;
+        }
+
+        const edgePosition = getEdgePosition({
+          id: edge.id,
+          sourceNode,
+          targetNode,
+          sourceHandle: edge.sourceHandle || null,
+          targetHandle: edge.targetHandle || null,
+          connectionMode,
+          onError
+        });
+
+        if (edgePosition) {
+          res.push({
+            ...edge,
+            sourceX: edgePosition.sourceX,
+            sourceY: edgePosition.sourceY,
+            targetX: edgePosition.targetX,
+            targetY: edgePosition.targetY,
+            sourcePosition: edgePosition.sourcePosition,
+            targetPosition: edgePosition.targetPosition
+          });
+        }
+
+        return res;
+      }, []);
+
+      const groupedEdges = groupEdgesByZLevel<EdgeLayouted>(layoutedEdges, nodes, false);
+
+      return groupedEdges;
+    }
+  );
+}
diff --git a/packages/svelte/src/lib/store/edges-layouted.ts b/packages/svelte/src/lib/store/edges-layouted.ts
deleted file mode 100644
index 03aa97d7b..000000000
--- a/packages/svelte/src/lib/store/edges-layouted.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { derived } from 'svelte/store';
-import { Position, getHandle } from '@xyflow/system';
-
-import { getEdgePositions, getNodeData } from '$lib/container/EdgeRenderer/utils';
-import type { EdgeLayouted } from '$lib/types';
-import type { SvelteFlowStoreState } from './types';
-
-export function getEdgesLayouted(store: SvelteFlowStoreState) {
-  return derived(
-    [store.edges, store.nodes, store.elementsSelectable],
-    ([edges, nodes, elementsSelectable]) => {
-      return edges.reduce<EdgeLayouted[]>((res, edge) => {
-        const sourceNode = nodes.find((node) => node.id === edge.source);
-        const targetNode = nodes.find((node) => node.id === edge.target);
-        const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getNodeData(sourceNode);
-        const [targetNodeRect, targetHandleBounds, targetIsValid] = getNodeData(targetNode);
-
-        if (!sourceIsValid || !targetIsValid) {
-          return res;
-        }
-
-        const edgeType = edge.type || 'default';
-
-        const targetNodeHandles = targetHandleBounds!.target;
-        const sourceHandle = getHandle(sourceHandleBounds!.source!, edge.sourceHandle);
-        const targetHandle = getHandle(targetNodeHandles!, edge.targetHandle);
-        const sourcePosition = sourceHandle?.position || Position.Bottom;
-        const targetPosition = targetHandle?.position || Position.Top;
-
-        if (!sourceHandle || !targetHandle) {
-          return res;
-        }
-
-        const { sourceX, sourceY, targetX, targetY } = getEdgePositions(
-          sourceNodeRect,
-          sourceHandle,
-          sourcePosition,
-          targetNodeRect,
-          targetHandle,
-          targetPosition
-        );
-
-        // we nee to do this to match the types
-        const sourceHandleId = edge.sourceHandle;
-        const targetHandleId = edge.targetHandle;
-        const selectable = !!(
-          edge.selectable ||
-          (elementsSelectable && typeof edge.selectable === 'undefined')
-        );
-
-        res.push({
-          ...edge,
-          selectable,
-          type: edgeType,
-          sourceX,
-          sourceY,
-          targetX,
-          targetY,
-          sourcePosition,
-          targetPosition,
-          sourceHandleId,
-          targetHandleId
-        } as EdgeLayouted);
-
-        return res;
-      }, []);
-    }
-  );
-}
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 7b4e348a7..d519e3ced 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -19,7 +19,6 @@ import {
 
 import { addEdge as addEdgeUtil } from '$lib/utils';
 import type { EdgeTypes, NodeTypes, Node, Edge, FitViewOptions } from '$lib/types';
-import { getEdgesLayouted } from './edges-layouted';
 import { getConnectionPath } from './connection-path';
 import {
   initConnectionData,
@@ -29,6 +28,7 @@ import {
 } from './initial-store';
 import type { SvelteFlowStore } from './types';
 import { syncNodeStores, syncEdgeStores } from './utils';
+import { getEdgeTree } from './edge-tree';
 
 export const key = Symbol();
 
@@ -332,12 +332,16 @@ export function createStore(): SvelteFlowStore {
     cancelConnection();
   }
 
+  function onError(id: string, msg: string) {
+    console.log(msg);
+  }
+
   return {
     // state
     ...store,
 
     // derived state
-    edgesLayouted: getEdgesLayouted(store),
+    edgeTree: getEdgeTree(store, onError),
     connectionPath: getConnectionPath(store),
     markers: derived(
       [store.edges, store.defaultMarkerColor, store.flowId],
@@ -364,7 +368,8 @@ export function createStore(): SvelteFlowStore {
     panBy,
     updateConnection,
     cancelConnection,
-    reset
+    reset,
+    onError
   };
 }
 
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index e329e2eaa..a58e92379 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -10,7 +10,8 @@ import {
   type MarkerProps,
   type PanZoomInstance,
   type CoordinateExtent,
-  type IsValidConnection
+  type IsValidConnection,
+  type GroupedEdges
 } from '@xyflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -47,7 +48,7 @@ export const getInitialStore = () => ({
   flowId: writable<string | null>(null),
   nodes: createNodes([]),
   edges: createEdges([]),
-  edgesLayouted: readable<EdgeLayouted[]>([]),
+  edgeTree: readable<GroupedEdges<EdgeLayouted>[]>([]),
   height: writable<number>(500),
   width: writable<number>(500),
   minZoom: writable<number>(0.5),
@@ -82,5 +83,6 @@ export const getInitialStore = () => ({
   selectNodesOnDrag: writable<boolean>(true),
   markers: readable<MarkerProps[]>([]),
   defaultMarkerColor: writable<string>('#b1b1b7'),
-  lib: readable<string>('svelte')
+  lib: readable<string>('svelte'),
+  onlyRenderVisibleElements: writable<boolean>(false)
 });
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index 9156f6f03..5dda4c395 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -6,7 +6,8 @@ import type {
   Connection,
   UpdateNodePositions,
   CoordinateExtent,
-  UpdateConnection
+  UpdateConnection,
+  OnError
 } from '@xyflow/system';
 
 import type { getInitialStore } from './initial-store';
@@ -33,6 +34,7 @@ export type SvelteFlowStoreActions = {
   updateConnection: UpdateConnection;
   cancelConnection: () => void;
   reset(): void;
+  onError: OnError;
 };
 
 export type SvelteFlowStoreState = ReturnType<typeof getInitialStore>;
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index abc524970..981a0ae2b 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -4,7 +4,7 @@ import type {
   BaseEdge,
   BezierPathOptions,
   DefaultEdgeOptionsBase,
-  Position,
+  EdgePosition,
   SmoothStepPathOptions
 } from '@xyflow/system';
 
@@ -39,30 +39,24 @@ export type Edge<T = any> =
   | BezierEdgeType<T>
   | StepEdgeType<T>;
 
-export type EdgeLayouted = Omit<Edge, 'sourceHandle' | 'targetHandle'> & {
-  sourceX: number;
-  sourceY: number;
-  targetX: number;
-  targetY: number;
-  sourcePosition: Position;
-  targetPosition: Position;
-  sourceHandleId?: string;
-  targetHandleId?: string;
-};
+export type EdgeProps = Omit<Edge, 'sourceHandle' | 'targetHandle'> &
+  EdgePosition & {
+    sourceHandleId?: string | null;
+    targetHandleId?: string | null;
+  };
+
+export type EdgeTypes = Record<string, typeof SvelteComponentTyped<EdgeProps>>;
+
+export type DefaultEdgeOptions = DefaultEdgeOptionsBase<Edge>;
 
-export type EdgeProps = Pick<
-  EdgeLayouted,
+export type EdgeLayouted = Pick<
+  Edge,
+  | 'type'
   | 'id'
   | 'data'
   | 'style'
   | 'source'
   | 'target'
-  | 'sourceX'
-  | 'sourceY'
-  | 'targetX'
-  | 'targetY'
-  | 'sourcePosition'
-  | 'targetPosition'
   | 'animated'
   | 'selected'
   | 'selectable'
@@ -71,10 +65,10 @@ export type EdgeProps = Pick<
   | 'interactionWidth'
   | 'markerStart'
   | 'markerEnd'
-  | 'sourceHandleId'
-  | 'targetHandleId'
->;
-
-export type EdgeTypes = Record<string, typeof SvelteComponentTyped<EdgeProps>>;
-
-export type DefaultEdgeOptions = DefaultEdgeOptionsBase<Edge>;
+  | 'sourceHandle'
+  | 'targetHandle'
+> &
+  EdgePosition & {
+    sourceHandleId?: string | null;
+    targetHandleId?: string | null;
+  };
diff --git a/packages/svelte/src/routes/stress/+page.svelte b/packages/svelte/src/routes/stress/+page.svelte
index 83f46af13..220a19e13 100644
--- a/packages/svelte/src/routes/stress/+page.svelte
+++ b/packages/svelte/src/routes/stress/+page.svelte
@@ -9,8 +9,8 @@
     type Edge
   } from '../../lib/index';
 
-  const yNodes = 20;
-  const xNodes = 20;
+  const yNodes = 25;
+  const xNodes = 25;
 
   const nodeItems: Node[] = [];
   const edgeItems: Edge[] = [];
diff --git a/packages/svelte/src/routes/subflows/+page.svelte b/packages/svelte/src/routes/subflows/+page.svelte
index 1cef9da2b..d52959615 100644
--- a/packages/svelte/src/routes/subflows/+page.svelte
+++ b/packages/svelte/src/routes/subflows/+page.svelte
@@ -105,8 +105,8 @@
       // },
     },
     { id: 'e1-3', source: '1', target: '3' },
-    { id: 'e3-4', source: '3', target: '4', zIndex: 100 },
-    { id: 'e3-4b', source: '3', target: '4b' },
+    { id: 'e3-4', source: '3', target: '4' },
+    { id: 'e3-4b', source: '3', target: '4b', zIndex: 100 },
     { id: 'e4a-4b1', source: '4a', target: '4b1' },
     { id: 'e4a-4b2', source: '4a', target: '4b2', zIndex: 100 },
     { id: 'e4b1-4b2', source: '4b1', target: '4b2' }
diff --git a/packages/system/src/constants.ts b/packages/system/src/constants.ts
index 03e39737e..1819445b0 100644
--- a/packages/system/src/constants.ts
+++ b/packages/system/src/constants.ts
@@ -1,4 +1,4 @@
-import { BaseEdge, HandleElement } from './types';
+import { HandleType } from './types';
 
 export const errorMessages = {
   error001: () =>
@@ -11,10 +11,13 @@ export const errorMessages = {
   error006: () => "Can't create edge. An edge needs a source and a target.",
   error007: (id: string) => `The old edge with id=${id} does not exist.`,
   error009: (type: string) => `Marker type "${type}" doesn't exist.`,
-  error008: (sourceHandle: HandleElement | null, edge: BaseEdge) =>
-    `Couldn't create edge for ${!sourceHandle ? 'source' : 'target'} handle id: "${
-      !sourceHandle ? edge.sourceHandle : edge.targetHandle
-    }", edge id: ${edge.id}.`,
+  error008: (
+    handleType: HandleType,
+    { id, sourceHandle, targetHandle }: { id: string; sourceHandle: string | null; targetHandle: string | null }
+  ) =>
+    `Couldn't create edge for ${handleType} handle id: "${
+      !sourceHandle ? sourceHandle : targetHandle
+    }", edge id: ${id}.`,
   error010: () => 'Handle: No node id found. Make sure to only use a Handle inside a custom Node.',
   error011: (edgeType: string) => `Edge type "${edgeType}" not found. Using fallback type "default".`,
 };
diff --git a/packages/system/src/types/edges.ts b/packages/system/src/types/edges.ts
index b4e95a35c..32888fe1a 100644
--- a/packages/system/src/types/edges.ts
+++ b/packages/system/src/types/edges.ts
@@ -1,3 +1,5 @@
+import { Position } from './utils';
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type BaseEdge<EdgeData = any> = {
   id: string;
@@ -62,3 +64,12 @@ export enum MarkerType {
 export type MarkerProps = EdgeMarker & {
   id: string;
 };
+
+export type EdgePosition = {
+  sourceX: number;
+  sourceY: number;
+  targetX: number;
+  targetY: number;
+  sourcePosition: Position;
+  targetPosition: Position;
+};
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index 938992309..e27a20437 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -1,4 +1,14 @@
-import { Position, type HandleElement, type MarkerType, type Rect, type XYPosition } from '../../types';
+import { Transform, internalsSymbol } from '../..';
+import {
+  Position,
+  type HandleElement,
+  type MarkerType,
+  type Rect,
+  type XYPosition,
+  BaseEdge,
+  BaseNode,
+} from '../../types';
+import { isNumeric, rectToBox } from '../utils';
 
 // this is used for straight edges and simple smoothstep edges (LTR, RTL, BTT, TTB)
 export function getEdgeCenter({
@@ -72,3 +82,115 @@ export function getHandle(bounds: HandleElement[], handleId?: string | null): Ha
 
   return null;
 }
+
+const defaultEdgeTree = [{ level: 0, isMaxLevel: true, edges: [] }];
+
+export type GroupedEdges<EdgeType extends BaseEdge> = {
+  edges: EdgeType[];
+  level: number;
+  isMaxLevel: boolean;
+};
+
+export function groupEdgesByZLevel<EdgeType extends BaseEdge>(
+  edges: EdgeType[],
+  nodes: Map<string, BaseNode> | BaseNode[],
+  elevateEdgesOnSelect = false
+): GroupedEdges<EdgeType>[] {
+  let maxLevel = -1;
+
+  const isNodeInternals = 'get' in nodes;
+
+  const levelLookup = edges.reduce<Record<string, EdgeType[]>>((tree, edge) => {
+    const hasZIndex = isNumeric(edge.zIndex);
+    let z = hasZIndex ? edge.zIndex! : 0;
+
+    if (elevateEdgesOnSelect) {
+      z = hasZIndex
+        ? edge.zIndex!
+        : Math.max(
+            (isNodeInternals ? nodes.get(edge.source) : nodes.find((n) => n.id === edge.source))?.[internalsSymbol]
+              ?.z || 0,
+            (isNodeInternals ? nodes.get(edge.target) : nodes.find((n) => n.id === edge.target))?.[internalsSymbol]
+              ?.z || 0
+          );
+    }
+
+    if (tree[z]) {
+      tree[z].push(edge);
+    } else {
+      tree[z] = [edge];
+    }
+
+    maxLevel = z > maxLevel ? z : maxLevel;
+
+    return tree;
+  }, {});
+
+  const edgeTree = Object.entries(levelLookup).map(([key, edges]) => {
+    const level = +key;
+
+    return {
+      edges,
+      level,
+      isMaxLevel: level === maxLevel,
+    };
+  });
+
+  if (edgeTree.length === 0) {
+    return defaultEdgeTree;
+  }
+
+  return edgeTree;
+}
+
+type IsEdgeVisibleParams = {
+  sourcePos: XYPosition;
+  targetPos: XYPosition;
+  sourceWidth: number;
+  sourceHeight: number;
+  targetWidth: number;
+  targetHeight: number;
+  width: number;
+  height: number;
+  transform: Transform;
+};
+
+export function isEdgeVisible({
+  sourcePos,
+  targetPos,
+  sourceWidth,
+  sourceHeight,
+  targetWidth,
+  targetHeight,
+  width,
+  height,
+  transform,
+}: IsEdgeVisibleParams): boolean {
+  const edgeBox = {
+    x: Math.min(sourcePos.x, targetPos.x),
+    y: Math.min(sourcePos.y, targetPos.y),
+    x2: Math.max(sourcePos.x + sourceWidth, targetPos.x + targetWidth),
+    y2: Math.max(sourcePos.y + sourceHeight, targetPos.y + targetHeight),
+  };
+
+  if (edgeBox.x === edgeBox.x2) {
+    edgeBox.x2 += 1;
+  }
+
+  if (edgeBox.y === edgeBox.y2) {
+    edgeBox.y2 += 1;
+  }
+
+  const viewBox = rectToBox({
+    x: (0 - transform[0]) / transform[2],
+    y: (0 - transform[1]) / transform[2],
+    width: width / transform[2],
+    height: height / transform[2],
+  });
+
+  const xOverlap = Math.max(0, Math.min(viewBox.x2, edgeBox.x2) - Math.max(viewBox.x, edgeBox.x));
+  const yOverlap = Math.max(0, Math.min(viewBox.y2, edgeBox.y2) - Math.max(viewBox.y, edgeBox.y));
+  const overlappingArea = Math.ceil(xOverlap * yOverlap);
+
+  return overlappingArea > 0;
+}
diff --git a/packages/system/src/utils/edges/index.ts b/packages/system/src/utils/edges/index.ts
index 78833a71e..1a65008ff 100644
--- a/packages/system/src/utils/edges/index.ts
+++ b/packages/system/src/utils/edges/index.ts
@@ -2,3 +2,4 @@ export * from './bezier-edge';
 export * from './straight-edge';
 export * from './smoothstep-edge';
 export * from './general';
+export * from './positions';
diff --git a/packages/system/src/utils/edges/positions.ts b/packages/system/src/utils/edges/positions.ts
new file mode 100644
index 000000000..ff5067999
--- /dev/null
+++ b/packages/system/src/utils/edges/positions.ts
@@ -0,0 +1,82 @@
+import { EdgePosition } from '../../types/edges';
+import { ConnectionMode, OnError } from '../../types/general';
+import { BaseNode, NodeHandleBounds } from '../../types/nodes';
+import { Position, Rect } from '../../types/utils';
+import { errorMessages, internalsSymbol } from '../../constants';
+import { getHandle, getHandlePosition } from './general';
+
+export function getHandleDataByNode(node?: BaseNode): [Rect, NodeHandleBounds | null, boolean] {
+  const handleBounds = node?.[internalsSymbol]?.handleBounds || null;
+
+  const isValid =
+    handleBounds &&
+    node?.width &&
+    node?.height &&
+    typeof node?.positionAbsolute?.x !== 'undefined' &&
+    typeof node?.positionAbsolute?.y !== 'undefined';
+
+  return [
+    {
+      x: node?.positionAbsolute?.x || 0,
+      y: node?.positionAbsolute?.y || 0,
+      width: node?.width || 0,
+      height: node?.height || 0,
+    },
+    handleBounds,
+    !!isValid,
+  ];
+}
+
+export type GetEdgePositionParams = {
+  id: string;
+  sourceNode: BaseNode;
+  sourceHandle: string | null;
+  targetNode: BaseNode;
+  targetHandle: string | null;
+  connectionMode: ConnectionMode;
+  onError?: OnError;
+};
+
+export function getEdgePosition(params: GetEdgePositionParams): EdgePosition | null {
+  const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getHandleDataByNode(params.sourceNode);
+  const [targetNodeRect, targetHandleBounds, targetIsValid] = getHandleDataByNode(params.targetNode);
+
+  if (!sourceIsValid || !targetIsValid) {
+    return null;
+  }
+
+  // when connection type is loose we can define all handles as sources and connect source -> source
+  const targetNodeHandles =
+    params.connectionMode === ConnectionMode.Strict
+      ? targetHandleBounds!.target
+      : (targetHandleBounds!.target ?? []).concat(targetHandleBounds!.source ?? []);
+  const sourceHandle = getHandle(sourceHandleBounds!.source!, params.sourceHandle);
+  const targetHandle = getHandle(targetNodeHandles!, params.targetHandle);
+  const sourcePosition = sourceHandle?.position || Position.Bottom;
+  const targetPosition = targetHandle?.position || Position.Top;
+
+  if (!sourceHandle || !targetHandle) {
+    params.onError?.(
+      '008',
+      errorMessages['error008'](!sourceHandle ? 'source' : 'target', {
+        id: params.id,
+        sourceHandle: params.sourceHandle,
+        targetHandle: params.targetHandle,
+      })
+    );
+
+    return null;
+  }
+
+  const { x: sourceX, y: sourceY } = getHandlePosition(sourcePosition, sourceNodeRect, sourceHandle);
+  const { x: targetX, y: targetY } = getHandlePosition(targetPosition, targetNodeRect, targetHandle);
+
+  return {
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition,
+    targetPosition,
+  };
+}

From 7e64969cd360d091a11696a612b84a321f872b53 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 8 Jun 2023 15:57:51 +0200
Subject: [PATCH 0089/1093] chore(svelte): update readme

---
 packages/svelte/README.md | 42 ++++++++++++++++++++++-----------------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index 60152e7a2..cedf99aaa 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -6,18 +6,21 @@ A highly customizable Svelte component for building interactive graphs and node-
 
 If you want to check out the current version you need to run the following command from the root directory:
 
-1. `pnpm install` - installs dependencies
+1. `pnpm install` - install dependencies
 2. `pnpm build` - needs to be done once
 3. `pnpm dev` - starts dev server
 
 You can now access the examples under http://127.0.0.1:5173
 
-## A basic flow 
+## Getting started
+
+We are working on a new website and everything so there are no docs for Svelte Flow yet. Everything is typed, so your IDE should help you a bit and you can also the [React Flow docs](https://reactflow.dev/docs) because the API is very similar. You can also check out the [Svelte Flow examples](/packages/svelte/src/routes) in this repo.
 
 A basic flow looks like this:
 
 ```svelte
 <script lang="ts">
+  import { writable } from 'svelte/store';
   import SvelteFlow, {
     SvelteFlowProvider,
     Controls,
@@ -31,11 +34,14 @@ A basic flow looks like this:
   } from '../../lib/index';
   import { CustomNode } from './CustomNode';
 
+  // Svelte Flow is highly customizable, a node can be anything that fits in a div
   const nodeTypes: NodeTypes = {
     custom: CustomNode
   };
   
-  const nodes = createNodes([
+  // We are using writables for the nodes to sync them easily. When a user drags a node for example, Svelte Flow updates its position.
+  // This also makes it easier to update nodes in user land.
+  const nodes = writable([
     {
       id: '1',
       type: 'input',
@@ -48,9 +54,10 @@ A basic flow looks like this:
       data: { label: 'Node' },
       position: { x: 0, y: 150 }
     }
-  ], { style: 'width: 125px;' });
+  ]);
 
-  const edges = createEdges([
+  // same for edges
+  const edges = writable([
     {
       id: '1-2',
       type: 'default',
@@ -58,22 +65,21 @@ A basic flow looks like this:
       target: '2',
       label: 'Edge Text'
     }
-  ], { animated: true });
+  ]);
+
+  const snapGrid = [25, 25];
 </script>
 
-<SvelteFlowProvider
+<SvelteFlow
   {nodes}
   {edges}
+  {nodeTypes}
+  fitView
+  snapGrid={snapGrid}
+  on:node:click={(event) => console.log('on node click', event)}
 >
-  <SvelteFlow
-    {nodeTypes}
-    fitView
-    snapGrid={[25, 25]}
-    on:node:click={(event) => console.log('on node click', event)}
-  >
-    <Controls />
-    <Background variant={BackgroundVariant.Dots} />
-    <MiniMap />
-  </SvelteFlow>
-</SvelteFlowProvider>
+  <Controls />
+  <Background variant={BackgroundVariant.Dots} />
+  <MiniMap />
+</SvelteFlow>
 ```

From 0739528761a56fa6749c26520eed4c1fb09ff637 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 8 Jun 2023 16:31:39 +0200
Subject: [PATCH 0090/1093] feat(svelte): add onlyRenderVisibleElements option

---
 packages/svelte/README.md                        |  2 +-
 .../container/NodeRenderer/NodeRenderer.svelte   | 11 ++++++++---
 .../lib/container/SvelteFlow/SvelteFlow.svelte   |  2 ++
 .../svelte/src/lib/container/SvelteFlow/types.ts |  1 +
 .../svelte/src/lib/container/SvelteFlow/utils.ts |  1 +
 packages/svelte/src/lib/store/index.ts           |  2 ++
 packages/svelte/src/lib/store/initial-store.ts   |  3 ++-
 packages/svelte/src/lib/store/visible-nodes.ts   | 16 ++++++++++++++++
 8 files changed, 33 insertions(+), 5 deletions(-)
 create mode 100644 packages/svelte/src/lib/store/visible-nodes.ts

diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index cedf99aaa..5de9a3fca 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -39,7 +39,7 @@ A basic flow looks like this:
     custom: CustomNode
   };
   
-  // We are using writables for the nodes to sync them easily. When a user drags a node for example, Svelte Flow updates its position.
+  // We are using writables for the nodes and edges to sync them easily. When a user drags a node for example, Svelte Flow updates its position.
   // This also makes it easier to update nodes in user land.
   const nodes = writable([
     {
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 7bf598c26..685e163f8 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -5,8 +5,13 @@
   import { NodeWrapper } from '$lib/components/NodeWrapper';
   import { useStore } from '$lib/store';
 
-  const { nodes, nodesDraggable, nodesConnectable, elementsSelectable, updateNodeDimensions } =
-    useStore();
+  const {
+    visibleNodes,
+    nodesDraggable,
+    nodesConnectable,
+    elementsSelectable,
+    updateNodeDimensions
+  } = useStore();
 
   const resizeObserver: ResizeObserver | null =
     typeof ResizeObserver === 'undefined'
@@ -26,7 +31,7 @@
 </script>
 
 <div class="svelte-flow__nodes">
-  {#each $nodes as node (node.id)}
+  {#each $visibleNodes as node (node.id)}
     {@const posOrigin = getPositionWithOrigin({
       x: node.positionAbsolute?.x ?? 0,
       y: node.positionAbsolute?.y ?? 0,
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 2a9c8058c..592c3a613 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -42,6 +42,7 @@
   export let onMoveEnd: $$Props['onMoveEnd'] = undefined;
   export let isValidConnection: $$Props['isValidConnection'] = undefined;
   export let translateExtent: $$Props['translateExtent'] = undefined;
+  export let onlyRenderVisibleElements: $$Props['onlyRenderVisibleElements'] = undefined;
   export let panOnScrollMode: PanOnScrollMode = PanOnScrollMode.Free;
   export let preventScrolling: boolean = true;
   export let zoomOnScroll: boolean = true;
@@ -99,6 +100,7 @@
       nodesDraggable,
       nodesConnectable,
       elementsSelectable,
+      onlyRenderVisibleElements,
       isValidConnection
     };
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 95fc9a0f3..9f5cc0f4d 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -46,6 +46,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   zoomOnPinch?: boolean;
   panOnScroll?: boolean;
   panOnDrag?: boolean | number[];
+  onlyRenderVisibleElements?: boolean;
 
   class?: string;
   style?: string;
diff --git a/packages/svelte/src/lib/container/SvelteFlow/utils.ts b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
index a6ae47df9..ce82b5cd0 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/utils.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
@@ -57,6 +57,7 @@ export type UpdatableStoreProps = {
   nodesDraggable?: UnwrapWritable<SvelteFlowStore['nodesDraggable']>;
   nodesConnectable?: UnwrapWritable<SvelteFlowStore['nodesConnectable']>;
   elementsSelectable?: UnwrapWritable<SvelteFlowStore['elementsSelectable']>;
+  onlyRenderVisibleElements?: UnwrapWritable<SvelteFlowStore['onlyRenderVisibleElements']>;
   isValidConnection?: UnwrapWritable<SvelteFlowStore['isValidConnection']>;
 };
 
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index d519e3ced..9934076d3 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -29,6 +29,7 @@ import {
 import type { SvelteFlowStore } from './types';
 import { syncNodeStores, syncEdgeStores } from './utils';
 import { getEdgeTree } from './edge-tree';
+import { getVisibleNodes } from './visible-nodes';
 
 export const key = Symbol();
 
@@ -343,6 +344,7 @@ export function createStore(): SvelteFlowStore {
     // derived state
     edgeTree: getEdgeTree(store, onError),
     connectionPath: getConnectionPath(store),
+    visibleNodes: getVisibleNodes(store),
     markers: derived(
       [store.edges, store.defaultMarkerColor, store.flowId],
       ([edges, defaultColor, id]) => createMarkerIds(edges, { defaultColor, id })
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index a58e92379..84b576dff 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -21,7 +21,7 @@ import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
 import StepEdge from '$lib/components/edges/StepEdge.svelte';
-import type { ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted } from '$lib/types';
+import type { ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted, Node } from '$lib/types';
 import { createNodes, createEdges } from './utils';
 
 export const initConnectionData = {
@@ -47,6 +47,7 @@ export const initialEdgeTypes = {
 export const getInitialStore = () => ({
   flowId: writable<string | null>(null),
   nodes: createNodes([]),
+  visibleNodes: readable<Node[]>([]),
   edges: createEdges([]),
   edgeTree: readable<GroupedEdges<EdgeLayouted>[]>([]),
   height: writable<number>(500),
diff --git a/packages/svelte/src/lib/store/visible-nodes.ts b/packages/svelte/src/lib/store/visible-nodes.ts
new file mode 100644
index 000000000..5fff7fd63
--- /dev/null
+++ b/packages/svelte/src/lib/store/visible-nodes.ts
@@ -0,0 +1,16 @@
+import { derived } from 'svelte/store';
+import { getNodesInside } from '@xyflow/system';
+
+import type { Node } from '$lib/types';
+import type { SvelteFlowStoreState } from './types';
+
+export function getVisibleNodes(store: SvelteFlowStoreState) {
+  return derived(
+    [store.nodes, store.onlyRenderVisibleElements, store.width, store.height, store.transform],
+    ([nodes, onlyRenderVisibleElements, width, height, transform]) => {
+      return onlyRenderVisibleElements
+        ? getNodesInside<Node>(nodes, { x: 0, y: 0, width, height }, transform, true)
+        : nodes;
+    }
+  );
+}

From 811f6f008f8ba3fca59e5b20d6faffc94baafab6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 12 Jun 2023 11:59:16 +0200
Subject: [PATCH 0091/1093] refactor(utils): cleanup isEdgeVisible and related
 helpers

---
 packages/react/src/hooks/useVisibleEdges.ts  | 41 ++++-----
 packages/svelte/src/lib/store/edge-tree.ts   | 41 ++++-----
 packages/system/src/utils/edges/general.ts   | 97 +++-----------------
 packages/system/src/utils/edges/positions.ts | 92 ++++++++++++++-----
 packages/system/src/utils/graph.ts           | 52 ++++-------
 packages/system/src/utils/utils.ts           | 32 ++++---
 6 files changed, 156 insertions(+), 199 deletions(-)

diff --git a/packages/react/src/hooks/useVisibleEdges.ts b/packages/react/src/hooks/useVisibleEdges.ts
index 10a387fb2..bb1ac052a 100644
--- a/packages/react/src/hooks/useVisibleEdges.ts
+++ b/packages/react/src/hooks/useVisibleEdges.ts
@@ -9,30 +9,25 @@ function useVisibleEdges(onlyRenderVisible: boolean, elevateEdgesOnSelect: boole
   const edges = useStore(
     useCallback(
       (s: ReactFlowState) => {
-        const visibleEdges = onlyRenderVisible
-          ? s.edges.filter((e) => {
-              const sourceNode = s.nodeInternals.get(e.source);
-              const targetNode = s.nodeInternals.get(e.target);
+        const visibleEdges =
+          onlyRenderVisible && s.width && s.height
+            ? s.edges.filter((e) => {
+                const sourceNode = s.nodeInternals.get(e.source);
+                const targetNode = s.nodeInternals.get(e.target);
 
-              return (
-                sourceNode?.width &&
-                sourceNode?.height &&
-                targetNode?.width &&
-                targetNode?.height &&
-                isEdgeVisible({
-                  sourcePos: sourceNode.positionAbsolute || { x: 0, y: 0 },
-                  targetPos: targetNode.positionAbsolute || { x: 0, y: 0 },
-                  sourceWidth: sourceNode.width,
-                  sourceHeight: sourceNode.height,
-                  targetWidth: targetNode.width,
-                  targetHeight: targetNode.height,
-                  width: s.width,
-                  height: s.height,
-                  transform: s.transform,
-                })
-              );
-            })
-          : s.edges;
+                return (
+                  sourceNode &&
+                  targetNode &&
+                  isEdgeVisible({
+                    sourceNode,
+                    targetNode,
+                    width: s.width,
+                    height: s.height,
+                    transform: s.transform,
+                  })
+                );
+              })
+            : s.edges;
 
         return groupEdgesByZLevel(visibleEdges, s.nodeInternals, elevateEdgesOnSelect);
       },
diff --git a/packages/svelte/src/lib/store/edge-tree.ts b/packages/svelte/src/lib/store/edge-tree.ts
index 411a233f8..c4b3f53d5 100644
--- a/packages/svelte/src/lib/store/edge-tree.ts
+++ b/packages/svelte/src/lib/store/edge-tree.ts
@@ -15,30 +15,25 @@ export function getEdgeTree(store: SvelteFlowStoreState, onError: OnError) {
       store.height
     ],
     ([edges, nodes, onlyRenderVisibleElements, transform, width, height]) => {
-      const visibleEdges = onlyRenderVisibleElements
-        ? edges.filter((edge) => {
-            const sourceNode = nodes.find((node) => node.id === edge.source);
-            const targetNode = nodes.find((node) => node.id === edge.target);
+      const visibleEdges =
+        onlyRenderVisibleElements && width && height
+          ? edges.filter((edge) => {
+              const sourceNode = nodes.find((node) => node.id === edge.source);
+              const targetNode = nodes.find((node) => node.id === edge.target);
 
-            return (
-              sourceNode?.width &&
-              sourceNode?.height &&
-              targetNode?.width &&
-              targetNode?.height &&
-              isEdgeVisible({
-                sourcePos: sourceNode.positionAbsolute || { x: 0, y: 0 },
-                targetPos: targetNode.positionAbsolute || { x: 0, y: 0 },
-                sourceWidth: sourceNode.width,
-                sourceHeight: sourceNode.height,
-                targetWidth: targetNode.width,
-                targetHeight: targetNode.height,
-                width,
-                height,
-                transform
-              })
-            );
-          })
-        : edges;
+              return (
+                sourceNode &&
+                targetNode &&
+                isEdgeVisible({
+                  sourceNode,
+                  targetNode,
+                  width,
+                  height,
+                  transform
+                })
+              );
+            })
+          : edges;
 
       return visibleEdges;
     }
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index e27a20437..5fa633499 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -1,14 +1,6 @@
 import { Transform, internalsSymbol } from '../..';
-import {
-  Position,
-  type HandleElement,
-  type MarkerType,
-  type Rect,
-  type XYPosition,
-  BaseEdge,
-  BaseNode,
-} from '../../types';
-import { isNumeric, rectToBox } from '../utils';
+import { type MarkerType, BaseEdge, BaseNode } from '../../types';
+import { isNumeric, getOverlappingArea, boxToRect, nodeToBox, getBoundsOfBoxes } from '../utils';
 
 // this is used for straight edges and simple smoothstep edges (LTR, RTL, BTT, TTB)
 export function getEdgeCenter({
@@ -39,50 +31,6 @@ export const getMarkerEnd = (markerType?: MarkerType, markerEndId?: string): str
   return typeof markerType !== 'undefined' ? `url(#react-flow__${markerType})` : 'none';
 };
 
-export function getHandlePosition(position: Position, nodeRect: Rect, handle: HandleElement | null = null): XYPosition {
-  const x = (handle?.x || 0) + nodeRect.x;
-  const y = (handle?.y || 0) + nodeRect.y;
-  const width = handle?.width || nodeRect.width;
-  const height = handle?.height || nodeRect.height;
-
-  switch (position) {
-    case Position.Top:
-      return {
-        x: x + width / 2,
-        y,
-      };
-    case Position.Right:
-      return {
-        x: x + width,
-        y: y + height / 2,
-      };
-    case Position.Bottom:
-      return {
-        x: x + width / 2,
-        y: y + height,
-      };
-    case Position.Left:
-      return {
-        x,
-        y: y + height / 2,
-      };
-  }
-}
-
-export function getHandle(bounds: HandleElement[], handleId?: string | null): HandleElement | null {
-  if (!bounds) {
-    return null;
-  }
-
-  if (bounds.length === 1 || !handleId) {
-    return bounds[0];
-  } else if (handleId) {
-    return bounds.find((d) => d.id === handleId) || null;
-  }
-
-  return null;
-}
-
 const defaultEdgeTree = [{ level: 0, isMaxLevel: true, edges: [] }];
 
 export type GroupedEdges<EdgeType extends BaseEdge> = {
@@ -144,34 +92,15 @@ export function groupEdgesByZLevel<EdgeType extends BaseEdge>(
 }
 
 type IsEdgeVisibleParams = {
-  sourcePos: XYPosition;
-  targetPos: XYPosition;
-  sourceWidth: number;
-  sourceHeight: number;
-  targetWidth: number;
-  targetHeight: number;
+  sourceNode: BaseNode;
+  targetNode: BaseNode;
   width: number;
   height: number;
   transform: Transform;
 };
 
-export function isEdgeVisible({
-  sourcePos,
-  targetPos,
-  sourceWidth,
-  sourceHeight,
-  targetWidth,
-  targetHeight,
-  width,
-  height,
-  transform,
-}: IsEdgeVisibleParams): boolean {
-  const edgeBox = {
-    x: Math.min(sourcePos.x, targetPos.x),
-    y: Math.min(sourcePos.y, targetPos.y),
-    x2: Math.max(sourcePos.x + sourceWidth, targetPos.x + targetWidth),
-    y2: Math.max(sourcePos.y + sourceHeight, targetPos.y + targetHeight),
-  };
+export function isEdgeVisible({ sourceNode, targetNode, width, height, transform }: IsEdgeVisibleParams): boolean {
+  const edgeBox = getBoundsOfBoxes(nodeToBox(sourceNode), nodeToBox(targetNode));
 
   if (edgeBox.x === edgeBox.x2) {
     edgeBox.x2 += 1;
@@ -181,16 +110,12 @@ export function isEdgeVisible({
     edgeBox.y2 += 1;
   }
 
-  const viewBox = rectToBox({
-    x: (0 - transform[0]) / transform[2],
-    y: (0 - transform[1]) / transform[2],
+  const viewRect = {
+    x: -transform[0] / transform[2],
+    y: -transform[1] / transform[2],
     width: width / transform[2],
     height: height / transform[2],
-  });
-
-  const xOverlap = Math.max(0, Math.min(viewBox.x2, edgeBox.x2) - Math.max(viewBox.x, edgeBox.x));
-  const yOverlap = Math.max(0, Math.min(viewBox.y2, edgeBox.y2) - Math.max(viewBox.y, edgeBox.y));
-  const overlappingArea = Math.ceil(xOverlap * yOverlap);
+  };
 
-  return overlappingArea > 0;
+  return getOverlappingArea(viewRect, boxToRect(edgeBox)) > 0;
 }
diff --git a/packages/system/src/utils/edges/positions.ts b/packages/system/src/utils/edges/positions.ts
index ff5067999..f43548827 100644
--- a/packages/system/src/utils/edges/positions.ts
+++ b/packages/system/src/utils/edges/positions.ts
@@ -1,31 +1,9 @@
 import { EdgePosition } from '../../types/edges';
 import { ConnectionMode, OnError } from '../../types/general';
 import { BaseNode, NodeHandleBounds } from '../../types/nodes';
-import { Position, Rect } from '../../types/utils';
+import { Position, Rect, XYPosition } from '../../types/utils';
 import { errorMessages, internalsSymbol } from '../../constants';
-import { getHandle, getHandlePosition } from './general';
-
-export function getHandleDataByNode(node?: BaseNode): [Rect, NodeHandleBounds | null, boolean] {
-  const handleBounds = node?.[internalsSymbol]?.handleBounds || null;
-
-  const isValid =
-    handleBounds &&
-    node?.width &&
-    node?.height &&
-    typeof node?.positionAbsolute?.x !== 'undefined' &&
-    typeof node?.positionAbsolute?.y !== 'undefined';
-
-  return [
-    {
-      x: node?.positionAbsolute?.x || 0,
-      y: node?.positionAbsolute?.y || 0,
-      width: node?.width || 0,
-      height: node?.height || 0,
-    },
-    handleBounds,
-    !!isValid,
-  ];
-}
+import { HandleElement } from '../../types';
 
 export type GetEdgePositionParams = {
   id: string;
@@ -80,3 +58,69 @@ export function getEdgePosition(params: GetEdgePositionParams): EdgePosition | n
     targetPosition,
   };
 }
+
+function getHandleDataByNode(node?: BaseNode): [Rect, NodeHandleBounds | null, boolean] {
+  const handleBounds = node?.[internalsSymbol]?.handleBounds || null;
+
+  const isValid =
+    handleBounds &&
+    node?.width &&
+    node?.height &&
+    typeof node?.positionAbsolute?.x !== 'undefined' &&
+    typeof node?.positionAbsolute?.y !== 'undefined';
+
+  return [
+    {
+      x: node?.positionAbsolute?.x || 0,
+      y: node?.positionAbsolute?.y || 0,
+      width: node?.width || 0,
+      height: node?.height || 0,
+    },
+    handleBounds,
+    !!isValid,
+  ];
+}
+
+function getHandlePosition(position: Position, nodeRect: Rect, handle: HandleElement | null = null): XYPosition {
+  const x = (handle?.x || 0) + nodeRect.x;
+  const y = (handle?.y || 0) + nodeRect.y;
+  const width = handle?.width || nodeRect.width;
+  const height = handle?.height || nodeRect.height;
+
+  switch (position) {
+    case Position.Top:
+      return {
+        x: x + width / 2,
+        y,
+      };
+    case Position.Right:
+      return {
+        x: x + width,
+        y: y + height / 2,
+      };
+    case Position.Bottom:
+      return {
+        x: x + width / 2,
+        y: y + height,
+      };
+    case Position.Left:
+      return {
+        x,
+        y: y + height / 2,
+      };
+  }
+}
+
+function getHandle(bounds: HandleElement[], handleId?: string | null): HandleElement | null {
+  if (!bounds) {
+    return null;
+  }
+
+  if (bounds.length === 1 || !handleId) {
+    return bounds[0];
+  } else if (handleId) {
+    return bounds.find((d) => d.id === handleId) || null;
+  }
+
+  return null;
+}
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index db0445ce4..dda06687f 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -8,6 +8,7 @@ import {
   getOverlappingArea,
   isNumeric,
   rectToBox,
+  nodeToRect,
 } from './utils';
 import {
   type Connection,
@@ -248,17 +249,8 @@ export const getNodesInside = <NodeType extends BaseNode>(
       return res;
     }
 
-    const { positionAbsolute } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
-
-    const nodeRect = {
-      x: positionAbsolute.x,
-      y: positionAbsolute.y,
-      width: width || 0,
-      height: height || 0,
-    };
-    const overlappingArea = getOverlappingArea(paneRect, nodeRect);
-    const notInitialized =
-      typeof width === 'undefined' || typeof height === 'undefined' || width === null || height === null;
+    const overlappingArea = getOverlappingArea(paneRect, nodeToRect(node, nodeOrigin));
+    const notInitialized = width === undefined || height === undefined || width === null || height === null;
 
     const partiallyVisible = partially && overlappingArea > 0;
     const area = (width || 0) * (height || 0);
@@ -374,53 +366,49 @@ export function calcNextPosition<NodeType extends BaseNode>(
   onError?: OnError
 ): { position: XYPosition; positionAbsolute: XYPosition } {
   let currentExtent = node.extent || nodeExtent;
+  let parentNode: NodeType;
+  let parentPos = { x: 0, y: 0 };
+
+  if (node.parentNode) {
+    parentNode = nodes.find((n) => n.id === node.parentNode);
+    parentPos = parentNode
+      ? getNodePositionWithOrigin(parentNode, parentNode.origin || nodeOrigin).positionAbsolute
+      : parentPos;
+  }
 
   if (node.extent === 'parent') {
     if (node.parentNode && node.width && node.height) {
-      const parent = nodes.find((n) => n.id === node.parentNode);
-      const parentOrigin = parent?.origin || nodeOrigin;
       const currNodeOrigin = node.origin || nodeOrigin;
 
-      const { x: parentX, y: parentY } = getNodePositionWithOrigin(parent, parentOrigin).positionAbsolute;
       currentExtent =
-        parent && isNumeric(parentX) && isNumeric(parentY) && isNumeric(parent.width) && isNumeric(parent.height)
+        parentNode && isNumeric(parentNode.width) && isNumeric(parentNode.height)
           ? [
-              [parentX + node.width * currNodeOrigin[0], parentY + node.height * currNodeOrigin[1]],
+              [parentPos.x + node.width * currNodeOrigin[0], parentPos.y + node.height * currNodeOrigin[1]],
               [
-                parentX + parent.width - node.width + node.width * currNodeOrigin[0],
-                parentY + parent.height - node.height + node.height * currNodeOrigin[1],
+                parentPos.x + parentNode.width - node.width + node.width * currNodeOrigin[0],
+                parentPos.y + parentNode.height - node.height + node.height * currNodeOrigin[1],
               ],
             ]
           : currentExtent;
     } else {
       onError?.('005', errorMessages['error005']());
-
       currentExtent = nodeExtent;
     }
   } else if (node.extent && node.parentNode) {
-    const parent = nodes.find((n) => n.id === node.parentNode);
-    const { x: parentX, y: parentY } = getNodePositionWithOrigin(parent, parent?.origin || nodeOrigin).positionAbsolute;
     currentExtent = [
-      [node.extent[0][0] + parentX, node.extent[0][1] + parentY],
-      [node.extent[1][0] + parentX, node.extent[1][1] + parentY],
+      [node.extent[0][0] + parentPos.x, node.extent[0][1] + parentPos.y],
+      [node.extent[1][0] + parentPos.x, node.extent[1][1] + parentPos.y],
     ];
   }
 
-  let parentPosition = { x: 0, y: 0 };
-
-  if (node.parentNode) {
-    const parentNode = nodes.find((n) => n.id === node.parentNode);
-    parentPosition = getNodePositionWithOrigin(parentNode, parentNode?.origin || nodeOrigin).positionAbsolute;
-  }
-
   const positionAbsolute = currentExtent
     ? clampPosition(nextPosition, currentExtent as CoordinateExtent)
     : nextPosition;
 
   return {
     position: {
-      x: positionAbsolute.x - parentPosition.x,
-      y: positionAbsolute.y - parentPosition.y,
+      x: positionAbsolute.x - parentPos.x,
+      y: positionAbsolute.y - parentPos.y,
     },
     positionAbsolute,
   };
diff --git a/packages/system/src/utils/utils.ts b/packages/system/src/utils/utils.ts
index f02f95aac..f0d639c34 100644
--- a/packages/system/src/utils/utils.ts
+++ b/packages/system/src/utils/utils.ts
@@ -10,7 +10,7 @@ import type {
   HandleElement,
   Position,
 } from '../types';
-import { getConnectedEdgesBase } from './graph';
+import { getConnectedEdgesBase, getNodePositionWithOrigin } from './graph';
 
 export const getDimensions = (node: HTMLDivElement): Dimensions => ({
   width: node.offsetWidth,
@@ -67,11 +67,25 @@ export const boxToRect = ({ x, y, x2, y2 }: Box): Rect => ({
   height: y2 - y,
 });
 
-export const nodeToRect = (node: BaseNode): Rect => ({
-  ...(node.positionAbsolute || { x: 0, y: 0 }),
-  width: node.width || 0,
-  height: node.height || 0,
-});
+export const nodeToRect = (node: BaseNode, nodeOrigin: NodeOrigin = [0, 0]): Rect => {
+  const { positionAbsolute } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
+
+  return {
+    ...positionAbsolute,
+    width: node.width || 0,
+    height: node.height || 0,
+  };
+};
+
+export const nodeToBox = (node: BaseNode, nodeOrigin: NodeOrigin = [0, 0]): Box => {
+  const { positionAbsolute } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
+
+  return {
+    ...positionAbsolute,
+    x2: positionAbsolute.x + (node.width || 0),
+    y2: positionAbsolute.y + (node.height || 0),
+  };
+};
 
 export const getBoundsOfRects = (rect1: Rect, rect2: Rect): Rect =>
   boxToRect(getBoundsOfBoxes(rectToBox(rect1), rectToBox(rect2)));
@@ -182,11 +196,7 @@ export const getPositionWithOrigin = ({
   height: number;
   origin?: NodeOrigin;
 }): XYPosition => {
-  if (!width || !height) {
-    return { x, y };
-  }
-
-  if (origin[0] < 0 || origin[1] < 0 || origin[0] > 1 || origin[1] > 1) {
+  if (!width || !height || origin[0] < 0 || origin[1] < 0 || origin[0] > 1 || origin[1] > 1) {
     return { x, y };
   }
 

From 82d8e91a0912539fdef43450e7ed7e3cc7bca5ce Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 12 Jun 2023 12:09:48 +0200
Subject: [PATCH 0092/1093] refactor(utils): remove getMarkerEnd

---
 packages/system/src/utils/edges/general.ts | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index 5fa633499..2c4d9ab60 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -1,5 +1,5 @@
 import { Transform, internalsSymbol } from '../..';
-import { type MarkerType, BaseEdge, BaseNode } from '../../types';
+import { BaseEdge, BaseNode } from '../../types';
 import { isNumeric, getOverlappingArea, boxToRect, nodeToBox, getBoundsOfBoxes } from '../utils';
 
 // this is used for straight edges and simple smoothstep edges (LTR, RTL, BTT, TTB)
@@ -23,14 +23,6 @@ export function getEdgeCenter({
   return [centerX, centerY, xOffset, yOffset];
 }
 
-export const getMarkerEnd = (markerType?: MarkerType, markerEndId?: string): string => {
-  if (typeof markerEndId !== 'undefined' && markerEndId) {
-    return `url(#${markerEndId})`;
-  }
-
-  return typeof markerType !== 'undefined' ? `url(#react-flow__${markerType})` : 'none';
-};
-
 const defaultEdgeTree = [{ level: 0, isMaxLevel: true, edges: [] }];
 
 export type GroupedEdges<EdgeType extends BaseEdge> = {

From cefdfd4e708d027cf0d864130e05da5d2b6c41fa Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 12 Jun 2023 12:14:57 +0200
Subject: [PATCH 0093/1093] chore(utils): cleanup

---
 packages/system/src/constants.ts         | 1 +
 packages/system/src/utils/graph.ts       | 2 +-
 packages/system/src/xyhandle/XYHandle.ts | 1 -
 3 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/system/src/constants.ts b/packages/system/src/constants.ts
index 1819445b0..44fda8b7d 100644
--- a/packages/system/src/constants.ts
+++ b/packages/system/src/constants.ts
@@ -1,5 +1,6 @@
 import { HandleType } from './types';
 
+// @todo: update URLs to xyflow
 export const errorMessages = {
   error001: () =>
     '[React Flow]: Seems like you have not used zustand provider as an ancestor. Help: https://reactflow.dev/error#001',
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index dda06687f..013602646 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -62,7 +62,7 @@ export const getIncomersBase = <NodeType extends BaseNode = BaseNode, EdgeType e
 };
 
 const getEdgeId = ({ source, sourceHandle, target, targetHandle }: Connection | BaseEdge): string =>
-  `reactflow__edge-${source}${sourceHandle || ''}-${target}${targetHandle || ''}`;
+  `xyflow__edge-${source}${sourceHandle || ''}-${target}${targetHandle || ''}`;
 
 const connectionExists = (edge: BaseEdge, edges: BaseEdge[]) => {
   return edges.some(
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 16d6e99fa..25ad28d24 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -194,7 +194,6 @@ function onPointerDown(
     if (connection.source !== connection.target && handleDomNode) {
       resetRecentHandle(prevActiveHandle, lib);
       prevActiveHandle = handleDomNode;
-      // @todo: remove the old class names "react-flow__handle-" in the next major version
       handleDomNode.classList.add('connecting', `${lib}-flow__handle-connecting`);
       handleDomNode.classList.toggle('valid', isValid);
       handleDomNode.classList.toggle(`${lib}-flow__handle-valid`, isValid);

From c6501aff623c2b09c155700476012effed972e85 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 12 Jun 2023 16:56:02 +0200
Subject: [PATCH 0094/1093] refactor(react): use array for nodeInternals,
 rename to nodes

---
 .../src/examples/EasyConnect/FloatingEdge.tsx |  4 +-
 .../src/examples/EdgeRenderer/CustomEdge.tsx  |  2 +-
 .../src/examples/EdgeRenderer/CustomEdge2.tsx |  2 +-
 .../examples/FloatingEdges/FloatingEdge.tsx   | 14 +--
 .../NodeToolbar/SelectedNodesToolbar.tsx      |  5 +-
 .../src/examples/Provider/Sidebar.tsx         |  2 +-
 .../additional-components/MiniMap/MiniMap.tsx |  5 +-
 .../MiniMap/MiniMapNodes.tsx                  |  2 +-
 .../NodeResizer/ResizeControl.tsx             |  8 +-
 .../NodeToolbar/NodeToolbar.tsx               |  4 +-
 .../src/components/ConnectionLine/index.tsx   |  2 +-
 .../react/src/components/Edges/wrapEdge.tsx   |  7 +-
 .../react/src/components/Handle/index.tsx     |  2 +-
 packages/react/src/components/Nodes/utils.ts  |  6 +-
 .../react/src/components/Nodes/wrapNode.tsx   |  2 +-
 .../src/components/NodesSelection/index.tsx   |  7 +-
 .../components/SelectionListener/index.tsx    |  2 +-
 packages/react/src/container/Pane/index.tsx   |  4 +-
 packages/react/src/hooks/useDrag.ts           |  9 +-
 .../react/src/hooks/useGlobalKeyHandler.ts    |  9 +-
 packages/react/src/hooks/useNodes.ts          |  2 +-
 .../react/src/hooks/useNodesInitialized.ts    |  5 +-
 packages/react/src/hooks/useReactFlow.ts      | 32 +++----
 .../react/src/hooks/useUpdateNodePositions.ts |  4 +-
 packages/react/src/hooks/useViewportHelper.ts |  4 +-
 packages/react/src/hooks/useVisibleEdges.ts   |  6 +-
 packages/react/src/hooks/useVisibleNodes.ts   |  4 +-
 packages/react/src/store/index.ts             | 89 ++++++++++---------
 packages/react/src/store/initialState.ts      |  2 +-
 packages/react/src/store/utils.ts             | 82 +++++++----------
 packages/react/src/types/nodes.ts             |  2 -
 packages/react/src/types/store.ts             |  3 +-
 packages/system/src/utils/edges/general.ts    | 10 +--
 33 files changed, 146 insertions(+), 197 deletions(-)

diff --git a/examples/vite-app/src/examples/EasyConnect/FloatingEdge.tsx b/examples/vite-app/src/examples/EasyConnect/FloatingEdge.tsx
index 55ed472b7..7709cb420 100644
--- a/examples/vite-app/src/examples/EasyConnect/FloatingEdge.tsx
+++ b/examples/vite-app/src/examples/EasyConnect/FloatingEdge.tsx
@@ -4,8 +4,8 @@ import { useStore, getStraightPath, EdgeProps } from '@xyflow/react';
 import { getEdgeParams } from './utils.js';
 
 function FloatingEdge({ id, source, target, markerEnd, style }: EdgeProps) {
-  const sourceNode = useStore(useCallback((store) => store.nodeInternals.get(source), [source]));
-  const targetNode = useStore(useCallback((store) => store.nodeInternals.get(target), [target]));
+  const sourceNode = useStore(useCallback((store) => store.nodes.find((n) => n.id === source), [source]));
+  const targetNode = useStore(useCallback((store) => store.nodes.find((n) => n.id === target), [target]));
 
   if (!sourceNode || !targetNode) {
     return null;
diff --git a/examples/vite-app/src/examples/EdgeRenderer/CustomEdge.tsx b/examples/vite-app/src/examples/EdgeRenderer/CustomEdge.tsx
index ca9bb5f08..511abca35 100644
--- a/examples/vite-app/src/examples/EdgeRenderer/CustomEdge.tsx
+++ b/examples/vite-app/src/examples/EdgeRenderer/CustomEdge.tsx
@@ -14,7 +14,7 @@ const CustomEdge: FC<EdgeProps> = ({
   data,
 }) => {
   const isConnectedNodeDragging = useStore((s) =>
-    s.getNodes().find((n) => n.dragging && (target === n.id || source === n.id))
+    s.nodes.find((n) => n.dragging && (target === n.id || source === n.id))
   );
 
   const [edgePath, labelX, labelY] = getBezierPath({
diff --git a/examples/vite-app/src/examples/EdgeRenderer/CustomEdge2.tsx b/examples/vite-app/src/examples/EdgeRenderer/CustomEdge2.tsx
index d060a19d0..29caad720 100644
--- a/examples/vite-app/src/examples/EdgeRenderer/CustomEdge2.tsx
+++ b/examples/vite-app/src/examples/EdgeRenderer/CustomEdge2.tsx
@@ -14,7 +14,7 @@ const CustomEdge: FC<EdgeProps> = ({
   data,
 }) => {
   const isConnectedNodeDragging = useStore((s) =>
-    s.getNodes().find((n) => n.dragging && (target === n.id || source === n.id))
+    s.nodes.find((n) => n.dragging && (target === n.id || source === n.id))
   );
 
   const [edgePath, labelX, labelY] = getBezierPath({
diff --git a/examples/vite-app/src/examples/FloatingEdges/FloatingEdge.tsx b/examples/vite-app/src/examples/FloatingEdges/FloatingEdge.tsx
index 2dbd1050c..6ee9e1e2d 100644
--- a/examples/vite-app/src/examples/FloatingEdges/FloatingEdge.tsx
+++ b/examples/vite-app/src/examples/FloatingEdges/FloatingEdge.tsx
@@ -1,15 +1,15 @@
-import { FC, useMemo, CSSProperties } from 'react';
-import { EdgeProps, useStore, getBezierPath, ReactFlowState } from '@xyflow/react';
+import { FC, CSSProperties } from 'react';
+import { EdgeProps, useStore, getBezierPath } from '@xyflow/react';
 
 import { getEdgeParams } from './utils';
 
-const nodeSelector = (s: ReactFlowState) => s.nodeInternals;
-
 const FloatingEdge: FC<EdgeProps> = ({ id, source, target, style }) => {
-  const nodeInternals = useStore(nodeSelector);
+  const { sourceNode, targetNode } = useStore((s) => {
+    const sourceNode = s.nodes.find((n) => n.id === source);
+    const targetNode = s.nodes.find((n) => n.id === target);
 
-  const sourceNode = useMemo(() => nodeInternals.get(source), [source, nodeInternals]);
-  const targetNode = useMemo(() => nodeInternals.get(target), [target, nodeInternals]);
+    return { sourceNode, targetNode };
+  });
 
   if (!sourceNode || !targetNode) {
     return null;
diff --git a/examples/vite-app/src/examples/NodeToolbar/SelectedNodesToolbar.tsx b/examples/vite-app/src/examples/NodeToolbar/SelectedNodesToolbar.tsx
index d5ccded68..4996a45a5 100644
--- a/examples/vite-app/src/examples/NodeToolbar/SelectedNodesToolbar.tsx
+++ b/examples/vite-app/src/examples/NodeToolbar/SelectedNodesToolbar.tsx
@@ -1,10 +1,7 @@
 import { NodeToolbar, ReactFlowState, useStore } from '@xyflow/react';
 
 const selectedNodesSelector = (state: ReactFlowState) =>
-  state
-    .getNodes()
-    .filter((node) => node.selected)
-    .map((node) => node.id);
+  state.nodes.filter((node) => node.selected).map((node) => node.id);
 
 export default function SelectedNodesToolbar() {
   const selectedNodeIds = useStore(selectedNodesSelector);
diff --git a/examples/vite-app/src/examples/Provider/Sidebar.tsx b/examples/vite-app/src/examples/Provider/Sidebar.tsx
index 67c2c8b9a..931f553cd 100644
--- a/examples/vite-app/src/examples/Provider/Sidebar.tsx
+++ b/examples/vite-app/src/examples/Provider/Sidebar.tsx
@@ -5,7 +5,7 @@ import styles from './provider.module.css';
 const Sidebar = () => {
   const { setNodes } = useReactFlow();
   const nodeInfos = useStore((store) =>
-    store.getNodes().map((n) => `Node ${n.id} - x: ${n.position.x.toFixed(2)}, y: ${n.position.y.toFixed(2)}`)
+    store.nodes.map((n) => `Node ${n.id} - x: ${n.position.x.toFixed(2)}, y: ${n.position.y.toFixed(2)}`)
   );
   const transform = useStore((store) => store.transform);
 
diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index b0fc80ff7..862129348 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -16,7 +16,6 @@ const defaultWidth = 200;
 const defaultHeight = 150;
 
 const selector = (s: ReactFlowState) => {
-  const nodes = s.getNodes();
   const viewBB: Rect = {
     x: -s.transform[0] / s.transform[2],
     y: -s.transform[1] / s.transform[2],
@@ -26,7 +25,7 @@ const selector = (s: ReactFlowState) => {
 
   return {
     viewBB,
-    boundingRect: nodes.length > 0 ? getBoundsOfRects(getRectOfNodes(nodes, s.nodeOrigin), viewBB) : viewBB,
+    boundingRect: s.nodes.length > 0 ? getBoundsOfRects(getRectOfNodes(s.nodes, s.nodeOrigin), viewBB) : viewBB,
     rfId: s.rfId,
     nodeOrigin: s.nodeOrigin,
     panZoom: s.panZoom,
@@ -118,7 +117,7 @@ function MiniMap({
 
   const onSvgNodeClick = onNodeClick
     ? useCallback((event: MouseEvent, nodeId: string) => {
-        const node = store.getState().nodeInternals.get(nodeId)!;
+        const node = store.getState().nodes.find((n) => n.id === nodeId)!;
         onNodeClick(event, node);
       }, [])
     : undefined;
diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index adbd98108..b43110138 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -12,7 +12,7 @@ import type { MiniMapNodes, GetMiniMapNodeAttribute } from './types';
 declare const window: any;
 
 const selector = (s: ReactFlowState) => s.nodeOrigin;
-const selectorNodes = (s: ReactFlowState) => s.getNodes().filter((node) => !node.hidden && node.width && node.height);
+const selectorNodes = (s: ReactFlowState) => s.nodes.filter((node) => !node.hidden && node.width && node.height);
 const getAttrFunction = (func: any): GetMiniMapNodeAttribute => (func instanceof Function ? func : () => func);
 
 function MiniMapNodes({
diff --git a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
index cbf75c676..9eb62fd6e 100644
--- a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
@@ -65,8 +65,8 @@ function ResizeControl({
 
     const dragHandler = drag<HTMLDivElement, unknown>()
       .on('start', (event: ResizeDragEvent) => {
-        const { nodeInternals, transform, snapGrid, snapToGrid } = store.getState();
-        const node = nodeInternals.get(id);
+        const { nodes, transform, snapGrid, snapToGrid } = store.getState();
+        const node = nodes.find((n) => n.id === id);
         const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
 
         prevValues.current = {
@@ -86,9 +86,9 @@ function ResizeControl({
         onResizeStart?.(event, { ...prevValues.current });
       })
       .on('drag', (event: ResizeDragEvent) => {
-        const { nodeInternals, transform, snapGrid, snapToGrid, triggerNodeChanges } = store.getState();
+        const { nodes, transform, snapGrid, snapToGrid, triggerNodeChanges } = store.getState();
         const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
-        const node = nodeInternals.get(id);
+        const node = nodes.find((n) => n.id === id);
 
         if (node) {
           const changes: NodeChange[] = [];
diff --git a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
index 50d67f12d..8710f88a2 100644
--- a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
+++ b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
@@ -24,7 +24,7 @@ const nodesEqualityFn = (a: Node[], b: Node[]) => {
 const storeSelector = (state: ReactFlowState) => ({
   transform: state.transform,
   nodeOrigin: state.nodeOrigin,
-  selectedNodesCount: state.getNodes().filter((node) => node.selected).length,
+  selectedNodesCount: state.nodes.filter((node) => node.selected).length,
 });
 
 function getTransform(nodeRect: Rect, transform: Transform, position: Position, offset: number, align: Align): string {
@@ -87,7 +87,7 @@ function NodeToolbar({
       const nodeIds = Array.isArray(nodeId) ? nodeId : [nodeId || contextNodeId || ''];
 
       return nodeIds.reduce<Node[]>((acc, id) => {
-        const node = state.nodeInternals.get(id);
+        const node = state.nodes.find((n) => n.id === id);
         if (node) {
           acc.push(node);
         }
diff --git a/packages/react/src/components/ConnectionLine/index.tsx b/packages/react/src/components/ConnectionLine/index.tsx
index 757e1fba9..439cc3421 100644
--- a/packages/react/src/components/ConnectionLine/index.tsx
+++ b/packages/react/src/components/ConnectionLine/index.tsx
@@ -43,7 +43,7 @@ const ConnectionLine = ({
   const { fromNode, handleId, toX, toY, connectionMode } = useStore(
     useCallback(
       (s: ReactFlowStore) => ({
-        fromNode: s.nodeInternals.get(nodeId),
+        fromNode: s.nodes.find((n) => n.id === nodeId),
         handleId: s.connectionStartHandle?.handleId,
         toX: (s.connectionPosition.x - s.transform[0]) / s.transform[2],
         toY: (s.connectionPosition.y - s.transform[1]) / s.transform[2],
diff --git a/packages/react/src/components/Edges/wrapEdge.tsx b/packages/react/src/components/Edges/wrapEdge.tsx
index ea66d9882..3a107e889 100644
--- a/packages/react/src/components/Edges/wrapEdge.tsx
+++ b/packages/react/src/components/Edges/wrapEdge.tsx
@@ -54,8 +54,8 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
     const [updating, setUpdating] = useState<boolean>(false);
     const store = useStoreApi();
     const edgePosition = useStore((state) => {
-      const sourceNode = state.nodeInternals.get(source);
-      const targetNode = state.nodeInternals.get(target);
+      const sourceNode = state.nodes.find((n) => n.id === source);
+      const targetNode = state.nodes.find((n) => n.id === target);
 
       if (!sourceNode || !targetNode) {
         return null;
@@ -118,7 +118,7 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
         onConnectStart,
         onConnectEnd,
         cancelConnection,
-        getNodes,
+        nodes,
         panBy,
         updateConnection,
       } = store.getState();
@@ -128,7 +128,6 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
 
       const isTarget = isSourceHandle;
       const edge = edges.find((e) => e.id === id)!;
-      const nodes = getNodes();
 
       setUpdating(true);
       onEdgeUpdateStart?.(event, edge, handleType);
diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index b2accaa82..925bc93e8 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -106,7 +106,7 @@ const Handle = forwardRef<HTMLDivElement, HandleComponentProps>(
           connectionMode: currentStore.connectionMode,
           connectionRadius: currentStore.connectionRadius,
           domNode: currentStore.domNode,
-          nodes: currentStore.getNodes(),
+          nodes: currentStore.nodes,
           lib: currentStore.lib,
           isTarget,
           handleId,
diff --git a/packages/react/src/components/Nodes/utils.ts b/packages/react/src/components/Nodes/utils.ts
index 9fab47ac4..ab1a6672f 100644
--- a/packages/react/src/components/Nodes/utils.ts
+++ b/packages/react/src/components/Nodes/utils.ts
@@ -11,7 +11,7 @@ export function getMouseHandler(
   return handler === undefined
     ? handler
     : (event: MouseEvent) => {
-        const node = getState().nodeInternals.get(id)!;
+        const node = getState().nodes.find((n) => n.id === id)!;
         handler(event, { ...node });
       };
 }
@@ -34,8 +34,8 @@ export function handleNodeClick({
   unselect?: boolean;
   nodeRef?: RefObject<HTMLDivElement>;
 }) {
-  const { addSelectedNodes, unselectNodesAndEdges, multiSelectionActive, nodeInternals } = store.getState();
-  const node = nodeInternals.get(id)!;
+  const { addSelectedNodes, unselectNodesAndEdges, multiSelectionActive, nodes } = store.getState();
+  const node = nodes.find((n) => n.id === id)!;
 
   store.setState({ nodesSelectionActive: false });
 
diff --git a/packages/react/src/components/Nodes/wrapNode.tsx b/packages/react/src/components/Nodes/wrapNode.tsx
index 4d8fb8a0d..c9c08135f 100644
--- a/packages/react/src/components/Nodes/wrapNode.tsx
+++ b/packages/react/src/components/Nodes/wrapNode.tsx
@@ -78,7 +78,7 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
       }
 
       if (onClick) {
-        const node = store.getState().nodeInternals.get(id)!;
+        const node = store.getState().nodes.find((n) => n.id === id)!;
         onClick(event, { ...node });
       }
     };
diff --git a/packages/react/src/components/NodesSelection/index.tsx b/packages/react/src/components/NodesSelection/index.tsx
index 125425c1b..f22c35eed 100644
--- a/packages/react/src/components/NodesSelection/index.tsx
+++ b/packages/react/src/components/NodesSelection/index.tsx
@@ -21,7 +21,7 @@ export type NodesSelectionProps = {
 };
 
 const selector = (s: ReactFlowState) => {
-  const selectedNodes = s.getNodes().filter((n) => n.selected);
+  const selectedNodes = s.nodes.filter((n) => n.selected);
   const { width, height, x, y } = getRectOfNodes(selectedNodes, s.nodeOrigin);
 
   return {
@@ -57,10 +57,7 @@ function NodesSelection({ onSelectionContextMenu, noPanClassName, disableKeyboar
 
   const onContextMenu = onSelectionContextMenu
     ? (event: MouseEvent) => {
-        const selectedNodes = store
-          .getState()
-          .getNodes()
-          .filter((n) => n.selected);
+        const selectedNodes = store.getState().nodes.filter((n) => n.selected);
         onSelectionContextMenu(event, selectedNodes);
       }
     : undefined;
diff --git a/packages/react/src/components/SelectionListener/index.tsx b/packages/react/src/components/SelectionListener/index.tsx
index 556d7ce81..92644f851 100644
--- a/packages/react/src/components/SelectionListener/index.tsx
+++ b/packages/react/src/components/SelectionListener/index.tsx
@@ -9,7 +9,7 @@ type SelectionListenerProps = {
 };
 
 const selector = (s: ReactFlowState) => ({
-  selectedNodes: s.getNodes().filter((n) => n.selected),
+  selectedNodes: s.nodes.filter((n) => n.selected),
   selectedEdges: s.edges.filter((e) => e.selected),
 });
 
diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index 981a155b5..e1d260223 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -129,8 +129,7 @@ const Pane = memo(
     };
 
     const onMouseMove = (event: ReactMouseEvent): void => {
-      const { userSelectionRect, edges, transform, onNodesChange, onEdgesChange, nodeOrigin, getNodes } =
-        store.getState();
+      const { userSelectionRect, edges, transform, nodeOrigin, nodes, onNodesChange, onEdgesChange } = store.getState();
       if (!isSelecting || !containerBounds.current || !userSelectionRect) {
         return;
       }
@@ -149,7 +148,6 @@ const Pane = memo(
         height: Math.abs(mousePos.y - startY),
       };
 
-      const nodes = getNodes();
       const selectedNodes = getNodesInside<Node>(
         nodes,
         nextUserSelectRect,
diff --git a/packages/react/src/hooks/useDrag.ts b/packages/react/src/hooks/useDrag.ts
index e5f6ebb9a..1cee64f33 100644
--- a/packages/react/src/hooks/useDrag.ts
+++ b/packages/react/src/hooks/useDrag.ts
@@ -22,14 +22,7 @@ function useDrag({ nodeRef, disabled = false, noDragClassName, handleSelector, n
     if (nodeRef?.current) {
       xyDrag.current = XYDrag({
         domNode: nodeRef.current,
-        getStoreItems: () => {
-          const currentStore = store.getState();
-
-          return {
-            nodes: currentStore.getNodes(),
-            ...store.getState(),
-          };
-        },
+        getStoreItems: () => store.getState(),
         onNodeClick: () => {
           if (nodeId) {
             handleNodeClick({
diff --git a/packages/react/src/hooks/useGlobalKeyHandler.ts b/packages/react/src/hooks/useGlobalKeyHandler.ts
index c592a34de..5d3c5bcdc 100644
--- a/packages/react/src/hooks/useGlobalKeyHandler.ts
+++ b/packages/react/src/hooks/useGlobalKeyHandler.ts
@@ -4,6 +4,9 @@ import type { KeyCode } from '@xyflow/system';
 import { useStoreApi } from '../hooks/useStore';
 import useKeyPress from './useKeyPress';
 import useReactFlow from './useReactFlow';
+import { Edge, Node } from '../types';
+
+const getSelected = (item: Node | Edge) => item.selected;
 
 export default ({
   deleteKeyCode,
@@ -20,10 +23,8 @@ export default ({
 
   useEffect(() => {
     if (deleteKeyPressed) {
-      const { edges, getNodes } = store.getState();
-      const selectedNodes = getNodes().filter((node) => node.selected);
-      const selectedEdges = edges.filter((edge) => edge.selected);
-      deleteElements({ nodes: selectedNodes, edges: selectedEdges });
+      const { edges, nodes } = store.getState();
+      deleteElements({ nodes: nodes.filter(getSelected), edges: edges.filter(getSelected) });
       store.setState({ nodesSelectionActive: false });
     }
   }, [deleteKeyPressed]);
diff --git a/packages/react/src/hooks/useNodes.ts b/packages/react/src/hooks/useNodes.ts
index 8d71b435a..cc75f1429 100644
--- a/packages/react/src/hooks/useNodes.ts
+++ b/packages/react/src/hooks/useNodes.ts
@@ -3,7 +3,7 @@ import { shallow } from 'zustand/shallow';
 import { useStore } from '../hooks/useStore';
 import type { Node, ReactFlowState } from '../types';
 
-const nodesSelector = (state: ReactFlowState) => state.getNodes();
+const nodesSelector = (state: ReactFlowState) => state.nodes;
 
 function useNodes<NodeData>(): Node<NodeData>[] {
   const nodes = useStore(nodesSelector, shallow);
diff --git a/packages/react/src/hooks/useNodesInitialized.ts b/packages/react/src/hooks/useNodesInitialized.ts
index ea779fb6a..3e869873c 100644
--- a/packages/react/src/hooks/useNodesInitialized.ts
+++ b/packages/react/src/hooks/useNodesInitialized.ts
@@ -8,12 +8,11 @@ export type UseNodesInitializedOptions = {
 };
 
 const selector = (options: UseNodesInitializedOptions) => (s: ReactFlowState) => {
-  if (s.nodeInternals.size === 0) {
+  if (s.nodes.length === 0) {
     return false;
   }
 
-  return s
-    .getNodes()
+  return s.nodes
     .filter((n) => (options.includeHiddenNodes ? true : !n.hidden))
     .every((n) => n[internalsSymbol]?.handleBounds !== undefined);
 };
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index f5e152318..45a8dbe14 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -23,14 +23,11 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
   const store = useStoreApi();
 
   const getNodes = useCallback<Instance.GetNodes<NodeData>>(() => {
-    return store
-      .getState()
-      .getNodes()
-      .map((n) => ({ ...n }));
+    return store.getState().nodes.map((n) => ({ ...n }));
   }, []);
 
   const getNode = useCallback<Instance.GetNode<NodeData>>((id) => {
-    return store.getState().nodeInternals.get(id);
+    return store.getState().nodes.find((n) => n.id === id);
   }, []);
 
   const getEdges = useCallback<Instance.GetEdges<EdgeData>>(() => {
@@ -44,8 +41,7 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
   }, []);
 
   const setNodes = useCallback<Instance.SetNodes<NodeData>>((payload) => {
-    const { getNodes, setNodes, hasDefaultNodes, onNodesChange } = store.getState();
-    const nodes = getNodes();
+    const { nodes, setNodes, hasDefaultNodes, onNodesChange } = store.getState();
     const nextNodes = typeof payload === 'function' ? payload(nodes) : payload;
 
     if (hasDefaultNodes) {
@@ -76,10 +72,9 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
 
   const addNodes = useCallback<Instance.AddNodes<NodeData>>((payload) => {
     const nodes = Array.isArray(payload) ? payload : [payload];
-    const { getNodes, setNodes, hasDefaultNodes, onNodesChange } = store.getState();
+    const { nodes: currentNodes, hasDefaultNodes, onNodesChange, setNodes } = store.getState();
 
     if (hasDefaultNodes) {
-      const currentNodes = getNodes();
       const nextNodes = [...currentNodes, ...nodes];
       setNodes(nextNodes);
     } else if (onNodesChange) {
@@ -101,10 +96,10 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
   }, []);
 
   const toObject = useCallback<Instance.ToObject<NodeData, EdgeData>>(() => {
-    const { getNodes, edges = [], transform } = store.getState();
+    const { nodes = [], edges = [], transform } = store.getState();
     const [x, y, zoom] = transform;
     return {
-      nodes: getNodes().map((n) => ({ ...n })),
+      nodes: nodes.map((n) => ({ ...n })),
       edges: edges.map((e) => ({ ...e })),
       viewport: {
         x,
@@ -116,8 +111,7 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
 
   const deleteElements = useCallback<Instance.DeleteElements>(({ nodes: nodesDeleted, edges: edgesDeleted }) => {
     const {
-      nodeInternals,
-      getNodes,
+      nodes,
       edges,
       hasDefaultNodes,
       hasDefaultEdges,
@@ -129,7 +123,7 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
     const { matchingNodes, matchingEdges } = getElementsToRemove<Node, Edge>({
       nodesToRemove: nodesDeleted || [],
       edgesToRemove: edgesDeleted || [],
-      nodes: getNodes(),
+      nodes,
       edges,
     });
 
@@ -142,12 +136,8 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
         }
 
         if (hasDefaultNodes) {
-          matchingNodes.forEach((node) => {
-            nodeInternals.delete(node.id);
-          });
-
           store.setState({
-            nodeInternals: new Map(nodeInternals),
+            nodes: nodes.filter((n) => !matchingNodes.some((mN) => mN.id === n.id)),
           });
         }
       }
@@ -181,7 +171,7 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
       nodeOrRect: (Partial<Node<NodeData>> & { id: Node['id'] }) | Rect
     ): [Rect | null, Node<NodeData> | null | undefined, boolean] => {
       const isRect = isRectObject(nodeOrRect);
-      const node = isRect ? null : store.getState().nodeInternals.get(nodeOrRect.id);
+      const node = isRect ? null : store.getState().nodes.find((n) => n.id === nodeOrRect.id);
 
       if (!isRect && !node) {
         [null, null, isRect];
@@ -202,7 +192,7 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
         return [];
       }
 
-      return (nodes || store.getState().getNodes()).filter((n) => {
+      return (nodes || store.getState().nodes).filter((n) => {
         if (!isRect && (n.id === node!.id || !n.positionAbsolute)) {
           return false;
         }
diff --git a/packages/react/src/hooks/useUpdateNodePositions.ts b/packages/react/src/hooks/useUpdateNodePositions.ts
index a65f14eed..91576b5fc 100644
--- a/packages/react/src/hooks/useUpdateNodePositions.ts
+++ b/packages/react/src/hooks/useUpdateNodePositions.ts
@@ -7,9 +7,7 @@ function useUpdateNodePositions() {
   const store = useStoreApi();
 
   const updatePositions = useCallback((params: { x: number; y: number; isShiftPressed: boolean }) => {
-    const { nodeExtent, updateNodePositions, getNodes, snapToGrid, snapGrid, onError, nodesDraggable } =
-      store.getState();
-    const nodes = getNodes();
+    const { nodeExtent, updateNodePositions, nodes, snapToGrid, snapGrid, onError, nodesDraggable } = store.getState();
     const selectedNodes = nodes.filter(
       (n) => n.selected && (n.draggable || (nodesDraggable && typeof n.draggable === 'undefined'))
     );
diff --git a/packages/react/src/hooks/useViewportHelper.ts b/packages/react/src/hooks/useViewportHelper.ts
index 67301e04b..aded1f175 100644
--- a/packages/react/src/hooks/useViewportHelper.ts
+++ b/packages/react/src/hooks/useViewportHelper.ts
@@ -36,12 +36,12 @@ const useViewportHelper = (): ViewportHelperFunctions => {
         return { x, y, zoom };
       },
       fitView: (options) => {
-        const { getNodes, width, height, nodeOrigin, minZoom, maxZoom, panZoom } = store.getState();
+        const { nodes, width, height, nodeOrigin, minZoom, maxZoom, panZoom } = store.getState();
 
         return panZoom
           ? fitView(
               {
-                nodes: getNodes(),
+                nodes,
                 width,
                 height,
                 nodeOrigin,
diff --git a/packages/react/src/hooks/useVisibleEdges.ts b/packages/react/src/hooks/useVisibleEdges.ts
index bb1ac052a..6d7f808ac 100644
--- a/packages/react/src/hooks/useVisibleEdges.ts
+++ b/packages/react/src/hooks/useVisibleEdges.ts
@@ -12,8 +12,8 @@ function useVisibleEdges(onlyRenderVisible: boolean, elevateEdgesOnSelect: boole
         const visibleEdges =
           onlyRenderVisible && s.width && s.height
             ? s.edges.filter((e) => {
-                const sourceNode = s.nodeInternals.get(e.source);
-                const targetNode = s.nodeInternals.get(e.target);
+                const sourceNode = s.nodes.find((n) => n.id === e.source);
+                const targetNode = s.nodes.find((n) => n.id === e.target);
 
                 return (
                   sourceNode &&
@@ -29,7 +29,7 @@ function useVisibleEdges(onlyRenderVisible: boolean, elevateEdgesOnSelect: boole
               })
             : s.edges;
 
-        return groupEdgesByZLevel(visibleEdges, s.nodeInternals, elevateEdgesOnSelect);
+        return groupEdgesByZLevel(visibleEdges, s.nodes, elevateEdgesOnSelect);
       },
       [onlyRenderVisible, elevateEdgesOnSelect]
     ),
diff --git a/packages/react/src/hooks/useVisibleNodes.ts b/packages/react/src/hooks/useVisibleNodes.ts
index c0fdb56a4..ddbb27948 100644
--- a/packages/react/src/hooks/useVisibleNodes.ts
+++ b/packages/react/src/hooks/useVisibleNodes.ts
@@ -9,8 +9,8 @@ function useVisibleNodes(onlyRenderVisible: boolean) {
     useCallback(
       (s: ReactFlowState) =>
         onlyRenderVisible
-          ? getNodesInside<Node>(s.getNodes(), { x: 0, y: 0, width: s.width, height: s.height }, s.transform, true)
-          : s.getNodes(),
+          ? getNodesInside<Node>(s.nodes, { x: 0, y: 0, width: s.width, height: s.height }, s.transform, true)
+          : s.nodes,
       [onlyRenderVisible]
     )
   );
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index c5cfbc65e..e227d1137 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -26,11 +26,11 @@ const createRFStore = () =>
   createStore<ReactFlowState>((set, get) => ({
     ...initialState,
     setNodes: (nodes: Node[]) => {
-      const { nodeInternals, nodeOrigin, elevateNodesOnSelect } = get();
-      set({ nodeInternals: createNodeInternals(nodes, nodeInternals, nodeOrigin, elevateNodesOnSelect) });
+      const { nodes: storeNodes, nodeOrigin, elevateNodesOnSelect } = get();
+      set({ nodes: createNodeInternals(nodes, storeNodes, nodeOrigin, elevateNodesOnSelect) });
     },
     getNodes: () => {
-      return Array.from(get().nodeInternals.values());
+      return get().nodes;
     },
     setEdges: (edges: Edge[]) => {
       const { defaultEdgeOptions = {} } = get();
@@ -40,17 +40,17 @@ const createRFStore = () =>
       const hasDefaultNodes = typeof nodes !== 'undefined';
       const hasDefaultEdges = typeof edges !== 'undefined';
 
-      const nodeInternals = hasDefaultNodes
-        ? createNodeInternals(nodes, new Map(), get().nodeOrigin, get().elevateNodesOnSelect)
-        : new Map();
+      const nextNodes = hasDefaultNodes
+        ? createNodeInternals(nodes, [], get().nodeOrigin, get().elevateNodesOnSelect)
+        : [];
       const nextEdges = hasDefaultEdges ? edges : [];
 
-      set({ nodeInternals, edges: nextEdges, hasDefaultNodes, hasDefaultEdges });
+      set({ nodes: nextNodes, edges: nextEdges, hasDefaultNodes, hasDefaultEdges });
     },
     updateNodeDimensions: (updates) => {
       const {
         onNodesChange,
-        nodeInternals,
+        nodes,
         fitViewOnInit,
         fitViewOnInitDone,
         fitViewOnInitOptions,
@@ -70,11 +70,12 @@ const createRFStore = () =>
 
       const style = window.getComputedStyle(viewportNode);
       const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
+      const changes: NodeDimensionChange[] = [];
 
-      const changes: NodeDimensionChange[] = updates.reduce<NodeDimensionChange[]>((res, update) => {
-        const node = nodeInternals.get(update.id);
+      const nextNodes = nodes.map((node) => {
+        const update = updates.find((change) => change.id === node.id);
 
-        if (node) {
+        if (update) {
           const dimensions = getDimensions(update.nodeElement);
           const doUpdate = !!(
             dimensions.width &&
@@ -83,8 +84,15 @@ const createRFStore = () =>
           );
 
           if (doUpdate) {
-            nodeInternals.set(node.id, {
+            changes.push({
+              id: node.id,
+              type: 'dimensions',
+              dimensions,
+            });
+
+            return {
               ...node,
+              ...dimensions,
               [internalsSymbol]: {
                 ...node[internalsSymbol],
                 handleBounds: {
@@ -92,21 +100,14 @@ const createRFStore = () =>
                   target: getHandleBounds('.target', update.nodeElement, zoom, node.origin || nodeOrigin),
                 },
               },
-              ...dimensions,
-            });
-
-            res.push({
-              id: node.id,
-              type: 'dimensions',
-              dimensions,
-            });
+            };
           }
         }
 
-        return res;
-      }, []);
+        return node;
+      });
 
-      updateAbsoluteNodePositions(nodeInternals, nodeOrigin);
+      updateAbsoluteNodePositions(nextNodes, nodeOrigin);
 
       const nextFitViewOnInitDone =
         fitViewOnInitDone ||
@@ -115,7 +116,7 @@ const createRFStore = () =>
           !!panZoom &&
           fitView(
             {
-              nodes: Array.from(nodeInternals.values()),
+              nodes: nextNodes,
               width,
               height,
               panZoom,
@@ -125,7 +126,7 @@ const createRFStore = () =>
             },
             fitViewOnInitOptions
           ));
-      set({ nodeInternals: new Map(nodeInternals), fitViewOnInitDone: nextFitViewOnInitDone });
+      set({ nodes: nextNodes, fitViewOnInitDone: nextFitViewOnInitDone });
 
       if (changes?.length > 0) {
         onNodesChange?.(changes);
@@ -153,13 +154,13 @@ const createRFStore = () =>
     },
 
     triggerNodeChanges: (changes) => {
-      const { onNodesChange, nodeInternals, hasDefaultNodes, nodeOrigin, getNodes, elevateNodesOnSelect } = get();
+      const { onNodesChange, nodes, hasDefaultNodes, nodeOrigin, elevateNodesOnSelect } = get();
 
       if (changes?.length) {
         if (hasDefaultNodes) {
-          const nodes = applyNodeChanges(changes, getNodes());
-          const nextNodeInternals = createNodeInternals(nodes, nodeInternals, nodeOrigin, elevateNodesOnSelect);
-          set({ nodeInternals: nextNodeInternals });
+          const updatedNodes = applyNodeChanges(changes, nodes);
+          const nextNodes = createNodeInternals(updatedNodes, nodes, nodeOrigin, elevateNodesOnSelect);
+          set({ nodes: nextNodes });
         }
 
         onNodesChange?.(changes);
@@ -167,14 +168,14 @@ const createRFStore = () =>
     },
 
     addSelectedNodes: (selectedNodeIds) => {
-      const { multiSelectionActive, edges, getNodes } = get();
+      const { multiSelectionActive, edges, nodes } = get();
       let changedNodes: NodeSelectionChange[];
       let changedEdges: EdgeSelectionChange[] | null = null;
 
       if (multiSelectionActive) {
         changedNodes = selectedNodeIds.map((nodeId) => createSelectionChange(nodeId, true)) as NodeSelectionChange[];
       } else {
-        changedNodes = getSelectionChanges(getNodes(), selectedNodeIds);
+        changedNodes = getSelectionChanges(nodes, selectedNodeIds);
         changedEdges = getSelectionChanges(edges, []);
       }
 
@@ -186,7 +187,7 @@ const createRFStore = () =>
       });
     },
     addSelectedEdges: (selectedEdgeIds) => {
-      const { multiSelectionActive, edges, getNodes } = get();
+      const { multiSelectionActive, edges, nodes } = get();
       let changedEdges: EdgeSelectionChange[];
       let changedNodes: NodeSelectionChange[] | null = null;
 
@@ -194,7 +195,7 @@ const createRFStore = () =>
         changedEdges = selectedEdgeIds.map((edgeId) => createSelectionChange(edgeId, true)) as EdgeSelectionChange[];
       } else {
         changedEdges = getSelectionChanges(edges, selectedEdgeIds);
-        changedNodes = getSelectionChanges(getNodes(), []);
+        changedNodes = getSelectionChanges(nodes, []);
       }
 
       updateNodesAndEdgesSelections({
@@ -205,8 +206,8 @@ const createRFStore = () =>
       });
     },
     unselectNodesAndEdges: ({ nodes, edges }: UnselectNodesAndEdgesParams = {}) => {
-      const { edges: storeEdges, getNodes } = get();
-      const nodesToUnselect = nodes ? nodes : getNodes();
+      const { edges: storeEdges, nodes: storeNodes } = get();
+      const nodesToUnselect = nodes ? nodes : storeNodes;
       const edgesToUnselect = edges ? edges : storeEdges;
 
       const changedNodes = nodesToUnselect.map((n) => {
@@ -242,8 +243,7 @@ const createRFStore = () =>
       set({ translateExtent });
     },
     resetSelectedElements: () => {
-      const { edges, getNodes } = get();
-      const nodes = getNodes();
+      const { edges, nodes } = get();
 
       const nodesToUnselect = nodes
         .filter((e) => e.selected)
@@ -260,15 +260,18 @@ const createRFStore = () =>
       });
     },
     setNodeExtent: (nodeExtent) => {
-      const { nodeInternals } = get();
-
-      nodeInternals.forEach((node) => {
-        node.positionAbsolute = clampPosition(node.position, nodeExtent);
-      });
+      const { nodes } = get();
 
       set({
         nodeExtent,
-        nodeInternals: new Map(nodeInternals),
+        nodes: nodes.map((node) => {
+          const positionAbsolute = clampPosition(node.position, nodeExtent);
+
+          return {
+            ...node,
+            positionAbsolute,
+          };
+        }),
       });
     },
     panBy: (delta): boolean => {
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 9bca96d29..3ecb8c2bd 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -7,7 +7,7 @@ const initialState: ReactFlowStore = {
   width: 0,
   height: 0,
   transform: [0, 0, 1],
-  nodeInternals: new Map(),
+  nodes: [],
   edges: [],
   onNodesChange: null,
   onEdgesChange: null,
diff --git a/packages/react/src/store/utils.ts b/packages/react/src/store/utils.ts
index b78ed2576..209a807b8 100644
--- a/packages/react/src/store/utils.ts
+++ b/packages/react/src/store/utils.ts
@@ -7,25 +7,21 @@ import {
   type NodeOrigin,
 } from '@xyflow/system';
 
-import type { Edge, EdgeSelectionChange, Node, NodeInternals, NodeSelectionChange, ReactFlowState } from '../types';
+import type { Edge, EdgeSelectionChange, Node, NodeSelectionChange, ReactFlowState } from '../types';
 
 type ParentNodes = Record<string, boolean>;
 
-function calculateXYZPosition(
-  node: Node,
-  nodeInternals: NodeInternals,
-  result: XYZPosition,
-  nodeOrigin: NodeOrigin
-): XYZPosition {
+function calculateXYZPosition(node: Node, nodes: Node[], result: XYZPosition, nodeOrigin: NodeOrigin): XYZPosition {
   if (!node.parentNode) {
     return result;
   }
-  const parentNode = nodeInternals.get(node.parentNode)!;
+
+  const parentNode = nodes.find((n) => n.id === node.parentNode)!;
   const parentNodePosition = getNodePositionWithOrigin(parentNode, parentNode?.origin || nodeOrigin);
 
   return calculateXYZPosition(
     parentNode,
-    nodeInternals,
+    nodes,
     {
       x: (result.x ?? 0) + parentNodePosition.x,
       y: (result.y ?? 0) + parentNodePosition.y,
@@ -35,21 +31,17 @@ function calculateXYZPosition(
   );
 }
 
-export function updateAbsoluteNodePositions(
-  nodeInternals: NodeInternals,
-  nodeOrigin: NodeOrigin,
-  parentNodes?: ParentNodes
-) {
-  nodeInternals.forEach((node) => {
-    if (node.parentNode && !nodeInternals.has(node.parentNode)) {
+export function updateAbsoluteNodePositions(nodes: Node[], nodeOrigin: NodeOrigin, parentNodes?: ParentNodes) {
+  nodes.forEach((node) => {
+    if (node.parentNode && !nodes.find((n) => n.id === node.parentNode)) {
       throw new Error(`Parent node ${node.parentNode} not found`);
     }
 
     if (node.parentNode || parentNodes?.[node.id]) {
-      const parentNode = node.parentNode ? nodeInternals.get(node.parentNode) : null;
+      const parentNode = node.parentNode ? nodes.find((n) => n.id === node.parentNode) : null;
       const { x, y, z } = calculateXYZPosition(
         node,
-        nodeInternals,
+        nodes,
         {
           ...node.position,
           z: node[internalsSymbol]?.z ?? 0,
@@ -73,19 +65,19 @@ export function updateAbsoluteNodePositions(
 
 export function createNodeInternals(
   nodes: Node[],
-  nodeInternals: NodeInternals,
+  storeNodes: Node[],
   nodeOrigin: NodeOrigin,
   elevateNodesOnSelect: boolean
-): NodeInternals {
-  const nextNodeInternals = new Map<string, Node>();
+): Node[] {
+  const nextNodes: Node[] = [];
   const parentNodes: ParentNodes = {};
   const selectedNodeZ: number = elevateNodesOnSelect ? 1000 : 0;
 
   nodes.forEach((node) => {
     const z = (isNumeric(node.zIndex) ? node.zIndex : 0) + (node.selected ? selectedNodeZ : 0);
-    const currInternals = nodeInternals.get(node.id);
+    const currInternals = storeNodes.find((n) => n.id === node.id);
 
-    const internals: Node = {
+    const updatedNode: Node = {
       width: currInternals?.width,
       height: currInternals?.height,
       ...node,
@@ -96,11 +88,11 @@ export function createNodeInternals(
     };
 
     if (node.parentNode) {
-      internals.parentNode = node.parentNode;
+      updatedNode.parentNode = node.parentNode;
       parentNodes[node.parentNode] = true;
     }
 
-    Object.defineProperty(internals, internalsSymbol, {
+    Object.defineProperty(updatedNode, internalsSymbol, {
       enumerable: false,
       value: {
         handleBounds: currInternals?.[internalsSymbol]?.handleBounds,
@@ -108,36 +100,26 @@ export function createNodeInternals(
       },
     });
 
-    nextNodeInternals.set(node.id, internals);
+    nextNodes.push(updatedNode);
   });
 
-  updateAbsoluteNodePositions(nextNodeInternals, nodeOrigin, parentNodes);
+  updateAbsoluteNodePositions(nodes, nodeOrigin, parentNodes);
 
-  return nextNodeInternals;
+  return nextNodes;
 }
 
-export function handleControlledNodeSelectionChange(nodeChanges: NodeSelectionChange[], nodeInternals: NodeInternals) {
-  nodeChanges.forEach((change) => {
-    const node = nodeInternals.get(change.id);
-    if (node) {
-      nodeInternals.set(node.id, {
-        ...node,
-        [internalsSymbol]: node[internalsSymbol],
-        selected: change.selected,
-      });
-    }
-  });
-
-  return new Map(nodeInternals);
-}
+export function handleControlledSelectionChange<NodeOrEdge extends Node | Edge>(
+  changes: NodeSelectionChange[] | EdgeSelectionChange[],
+  items: NodeOrEdge[]
+): NodeOrEdge[] {
+  return items.map((item) => {
+    const change = changes.find((change) => change.id === item.id);
 
-export function handleControlledEdgeSelectionChange(edgeChanges: EdgeSelectionChange[], edges: Edge[]) {
-  return edges.map((e) => {
-    const change = edgeChanges.find((change) => change.id === e.id);
     if (change) {
-      e.selected = change.selected;
+      item.selected = change.selected;
     }
-    return e;
+
+    return item;
   });
 }
 
@@ -149,11 +131,11 @@ type UpdateNodesAndEdgesParams = {
 };
 
 export function updateNodesAndEdgesSelections({ changedNodes, changedEdges, get, set }: UpdateNodesAndEdgesParams) {
-  const { nodeInternals, edges, onNodesChange, onEdgesChange, hasDefaultNodes, hasDefaultEdges } = get();
+  const { nodes, edges, onNodesChange, onEdgesChange, hasDefaultNodes, hasDefaultEdges } = get();
 
   if (changedNodes?.length) {
     if (hasDefaultNodes) {
-      set({ nodeInternals: handleControlledNodeSelectionChange(changedNodes, nodeInternals) });
+      set({ nodes: handleControlledSelectionChange(changedNodes, nodes) });
     }
 
     onNodesChange?.(changedNodes);
@@ -161,7 +143,7 @@ export function updateNodesAndEdgesSelections({ changedNodes, changedEdges, get,
 
   if (changedEdges?.length) {
     if (hasDefaultEdges) {
-      set({ edges: handleControlledEdgeSelectionChange(changedEdges, edges) });
+      set({ edges: handleControlledSelectionChange(changedEdges, edges) });
     }
 
     onEdgesChange?.(changedEdges);
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index ee948e544..794a1cf1a 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -41,5 +41,3 @@ export type WrapNodeProps<NodeData = any> = Pick<
     rfId: string;
     disableKeyboardA11y: boolean;
   };
-
-export type NodeInternals = Map<string, Node>;
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 12240ff9d..5e489a414 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -32,7 +32,6 @@ import type {
   NodeChange,
   OnNodesChange,
   OnEdgesChange,
-  NodeInternals,
   DefaultEdgeOptions,
   FitViewOptions,
   OnNodesDelete,
@@ -46,7 +45,7 @@ export type ReactFlowStore = {
   width: number;
   height: number;
   transform: Transform;
-  nodeInternals: NodeInternals;
+  nodes: Node[];
   edges: Edge[];
   onNodesChange: OnNodesChange | null;
   onEdgesChange: OnEdgesChange | null;
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index 2c4d9ab60..3184933b4 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -33,13 +33,11 @@ export type GroupedEdges<EdgeType extends BaseEdge> = {
 
 export function groupEdgesByZLevel<EdgeType extends BaseEdge>(
   edges: EdgeType[],
-  nodes: Map<string, BaseNode> | BaseNode[],
+  nodes: BaseNode[],
   elevateEdgesOnSelect = false
 ): GroupedEdges<EdgeType>[] {
   let maxLevel = -1;
 
-  const isNodeInternals = 'get' in nodes;
-
   const levelLookup = edges.reduce<Record<string, EdgeType[]>>((tree, edge) => {
     const hasZIndex = isNumeric(edge.zIndex);
     let z = hasZIndex ? edge.zIndex! : 0;
@@ -48,10 +46,8 @@ export function groupEdgesByZLevel<EdgeType extends BaseEdge>(
       z = hasZIndex
         ? edge.zIndex!
         : Math.max(
-            (isNodeInternals ? nodes.get(edge.source) : nodes.find((n) => n.id === edge.source))?.[internalsSymbol]
-              ?.z || 0,
-            (isNodeInternals ? nodes.get(edge.target) : nodes.find((n) => n.id === edge.target))?.[internalsSymbol]
-              ?.z || 0
+            nodes.find((n) => n.id === edge.source)?.[internalsSymbol]?.z || 0,
+            nodes.find((n) => n.id === edge.target)?.[internalsSymbol]?.z || 0
           );
     }
 

From a41ec8f1bc24ffe1340caff6f411f1f8986a97b9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 12 Jun 2023 17:21:02 +0200
Subject: [PATCH 0095/1093] chore(react): cleanup

---
 .../vite-app/src/examples/Stress/index.tsx     | 18 +++++-------------
 packages/react/src/container/Pane/index.tsx    |  4 ++--
 packages/react/src/store/index.ts              |  5 +----
 3 files changed, 8 insertions(+), 19 deletions(-)

diff --git a/examples/vite-app/src/examples/Stress/index.tsx b/examples/vite-app/src/examples/Stress/index.tsx
index ec1fd2fa0..7e83fac74 100644
--- a/examples/vite-app/src/examples/Stress/index.tsx
+++ b/examples/vite-app/src/examples/Stress/index.tsx
@@ -1,4 +1,4 @@
-import { useState, CSSProperties, useCallback } from 'react';
+import { useState, useCallback } from 'react';
 import {
   ReactFlow,
   ReactFlowInstance,
@@ -13,17 +13,11 @@ import {
   Controls,
   Background,
   MiniMap,
+  Panel,
 } from '@xyflow/react';
 
 import { getNodesAndEdges } from './utils';
 
-const buttonWrapperStyles: CSSProperties = {
-  position: 'absolute',
-  right: 10,
-  top: 10,
-  zIndex: 4,
-};
-
 const onInit = (reactFlowInstance: ReactFlowInstance) => {
   reactFlowInstance.fitView();
   console.log(reactFlowInstance.getNodes());
@@ -80,12 +74,10 @@ const StressFlow = () => {
       <Controls />
       <Background />
 
-      <div style={buttonWrapperStyles}>
-        <button onClick={updatePos} style={{ marginRight: 5 }}>
-          change pos
-        </button>
+      <Panel position="top-right">
+        <button onClick={updatePos}>change pos</button>
         <button onClick={updateElements}>update elements</button>
-      </div>
+      </Panel>
     </ReactFlow>
   );
 };
diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index e1d260223..84e38b55c 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -11,7 +11,7 @@ import UserSelection from '../../components/UserSelection';
 import { containerStyle } from '../../styles';
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { getSelectionChanges, getConnectedEdges } from '../../utils';
-import type { ReactFlowProps, ReactFlowState, NodeChange, EdgeChange, Node } from '../../types';
+import type { ReactFlowProps, ReactFlowState, NodeChange, EdgeChange } from '../../types';
 
 type PaneProps = {
   isSelecting: boolean;
@@ -148,7 +148,7 @@ const Pane = memo(
         height: Math.abs(mousePos.y - startY),
       };
 
-      const selectedNodes = getNodesInside<Node>(
+      const selectedNodes = getNodesInside(
         nodes,
         nextUserSelectRect,
         transform,
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index e227d1137..52100f9ef 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -112,7 +112,6 @@ const createRFStore = () =>
       const nextFitViewOnInitDone =
         fitViewOnInitDone ||
         (fitViewOnInit &&
-          !fitViewOnInitDone &&
           !!panZoom &&
           fitView(
             {
@@ -133,8 +132,6 @@ const createRFStore = () =>
       }
     },
     updateNodePositions: (nodeDragItems, positionChanged = true, dragging = false) => {
-      const { triggerNodeChanges } = get();
-
       const changes = nodeDragItems.map((node) => {
         const change: NodePositionChange = {
           id: node.id,
@@ -150,7 +147,7 @@ const createRFStore = () =>
         return change;
       });
 
-      triggerNodeChanges(changes);
+      get().triggerNodeChanges(changes);
     },
 
     triggerNodeChanges: (changes) => {

From d6b8439f6ec1f890722db414dd7051b0c0b337f9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 12 Jun 2023 22:32:57 +0200
Subject: [PATCH 0096/1093] feat(utils): add snapPosition function

---
 .../react/src/hooks/useGlobalKeyHandler.ts    |  4 +-
 packages/react/src/hooks/useResizeHandler.ts  | 34 +++++++--------
 .../react/src/hooks/useUpdateNodePositions.ts | 42 +++++++++++--------
 packages/system/src/utils/graph.ts            | 28 +++++++------
 packages/system/src/xydrag/XYDrag.ts          |  9 ++--
 5 files changed, 60 insertions(+), 57 deletions(-)

diff --git a/packages/react/src/hooks/useGlobalKeyHandler.ts b/packages/react/src/hooks/useGlobalKeyHandler.ts
index 5d3c5bcdc..79b49a3f9 100644
--- a/packages/react/src/hooks/useGlobalKeyHandler.ts
+++ b/packages/react/src/hooks/useGlobalKeyHandler.ts
@@ -6,7 +6,7 @@ import useKeyPress from './useKeyPress';
 import useReactFlow from './useReactFlow';
 import { Edge, Node } from '../types';
 
-const getSelected = (item: Node | Edge) => item.selected;
+const selected = (item: Node | Edge) => item.selected;
 
 export default ({
   deleteKeyCode,
@@ -24,7 +24,7 @@ export default ({
   useEffect(() => {
     if (deleteKeyPressed) {
       const { edges, nodes } = store.getState();
-      deleteElements({ nodes: nodes.filter(getSelected), edges: edges.filter(getSelected) });
+      deleteElements({ nodes: nodes.filter(selected), edges: edges.filter(selected) });
       store.setState({ nodesSelectionActive: false });
     }
   }, [deleteKeyPressed]);
diff --git a/packages/react/src/hooks/useResizeHandler.ts b/packages/react/src/hooks/useResizeHandler.ts
index 863ee2613..6d8433ef1 100644
--- a/packages/react/src/hooks/useResizeHandler.ts
+++ b/packages/react/src/hooks/useResizeHandler.ts
@@ -3,18 +3,12 @@ import { errorMessages, getDimensions } from '@xyflow/system';
 
 import { useStoreApi } from '../hooks/useStore';
 
-function useResizeHandler(rendererNode: MutableRefObject<HTMLDivElement | null>): void {
+function useResizeHandler(domNode: MutableRefObject<HTMLDivElement | null>): void {
   const store = useStoreApi();
 
   useEffect(() => {
-    let resizeObserver: ResizeObserver;
-
     const updateDimensions = () => {
-      if (!rendererNode.current) {
-        return;
-      }
-
-      const size = getDimensions(rendererNode.current);
+      const size = getDimensions(domNode.current!);
 
       if (size.height === 0 || size.width === 0) {
         store.getState().onError?.('004', errorMessages['error004']());
@@ -23,21 +17,21 @@ function useResizeHandler(rendererNode: MutableRefObject<HTMLDivElement | null>)
       store.setState({ width: size.width || 500, height: size.height || 500 });
     };
 
-    updateDimensions();
-    window.addEventListener('resize', updateDimensions);
+    if (domNode.current) {
+      updateDimensions();
+      window.addEventListener('resize', updateDimensions);
 
-    if (rendererNode.current) {
-      resizeObserver = new ResizeObserver(() => updateDimensions());
-      resizeObserver.observe(rendererNode.current);
-    }
+      const resizeObserver = new ResizeObserver(() => updateDimensions());
+      resizeObserver.observe(domNode.current);
 
-    return () => {
-      window.removeEventListener('resize', updateDimensions);
+      return () => {
+        window.removeEventListener('resize', updateDimensions);
 
-      if (resizeObserver && rendererNode.current) {
-        resizeObserver.unobserve(rendererNode.current!);
-      }
-    };
+        if (resizeObserver && domNode.current) {
+          resizeObserver.unobserve(domNode.current);
+        }
+      };
+    }
   }, []);
 }
 
diff --git a/packages/react/src/hooks/useUpdateNodePositions.ts b/packages/react/src/hooks/useUpdateNodePositions.ts
index 91576b5fc..d303fb9bf 100644
--- a/packages/react/src/hooks/useUpdateNodePositions.ts
+++ b/packages/react/src/hooks/useUpdateNodePositions.ts
@@ -1,41 +1,49 @@
 import { useCallback } from 'react';
-import { calcNextPosition } from '@xyflow/system';
+import { calcNextPosition, snapPosition } from '@xyflow/system';
 
+import { Node } from '../types';
 import { useStoreApi } from '../hooks/useStore';
 
+const selectedAndDraggable = (nodesDraggable: boolean) => (n: Node) =>
+  n.selected && (n.draggable || (nodesDraggable && typeof n.draggable === 'undefined'));
+
 function useUpdateNodePositions() {
   const store = useStoreApi();
 
   const updatePositions = useCallback((params: { x: number; y: number; isShiftPressed: boolean }) => {
-    const { nodeExtent, updateNodePositions, nodes, snapToGrid, snapGrid, onError, nodesDraggable } = store.getState();
-    const selectedNodes = nodes.filter(
-      (n) => n.selected && (n.draggable || (nodesDraggable && typeof n.draggable === 'undefined'))
-    );
+    const { nodeExtent, nodes, snapToGrid, snapGrid, nodesDraggable, onError, updateNodePositions } = store.getState();
+    const selectedNodes = nodes.filter(selectedAndDraggable(nodesDraggable));
     // by default a node moves 5px on each key press, or 20px if shift is pressed
     // if snap grid is enabled, we use that for the velocity.
     const xVelo = snapToGrid ? snapGrid[0] : 5;
     const yVelo = snapToGrid ? snapGrid[1] : 5;
     const factor = params.isShiftPressed ? 4 : 1;
 
-    const positionDiffX = params.x * xVelo * factor;
-    const positionDiffY = params.y * yVelo * factor;
+    const xDiff = params.x * xVelo * factor;
+    const yDiff = params.y * yVelo * factor;
 
-    const nodeUpdates = selectedNodes.map((n) => {
-      if (n.positionAbsolute) {
-        const nextPosition = { x: n.positionAbsolute.x + positionDiffX, y: n.positionAbsolute.y + positionDiffY };
+    const nodeUpdates = selectedNodes.map((node) => {
+      if (node.positionAbsolute) {
+        let nextPosition = { x: node.positionAbsolute.x + xDiff, y: node.positionAbsolute.y + yDiff };
 
         if (snapToGrid) {
-          nextPosition.x = snapGrid[0] * Math.round(nextPosition.x / snapGrid[0]);
-          nextPosition.y = snapGrid[1] * Math.round(nextPosition.y / snapGrid[1]);
+          nextPosition = snapPosition(nextPosition, snapGrid);
         }
 
-        const { positionAbsolute, position } = calcNextPosition(n, nextPosition, nodes, nodeExtent, undefined, onError);
-
-        n.position = position;
-        n.positionAbsolute = positionAbsolute;
+        const { positionAbsolute, position } = calcNextPosition(
+          node,
+          nextPosition,
+          nodes,
+          nodeExtent,
+          undefined,
+          onError
+        );
+
+        node.position = position;
+        node.positionAbsolute = positionAbsolute;
       }
 
-      return n;
+      return node;
     });
 
     updateNodePositions(nodeUpdates, true, false);
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 013602646..6fd345aff 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -144,21 +144,14 @@ export const pointToRendererPoint = (
   { x, y }: XYPosition,
   [tx, ty, tScale]: Transform,
   snapToGrid: boolean,
-  [snapX, snapY]: [number, number]
+  snapGrid: SnapGrid
 ): XYPosition => {
   const position: XYPosition = {
     x: (x - tx) / tScale,
     y: (y - ty) / tScale,
   };
 
-  if (snapToGrid) {
-    return {
-      x: snapX * Math.round(position.x / snapX),
-      y: snapY * Math.round(position.y / snapY),
-    };
-  }
-
-  return position;
+  return snapToGrid ? snapPosition(position, snapGrid) : position;
 };
 
 export const rendererPointToPoint = ({ x, y }: XYPosition, [tx, ty, tScale]: Transform): XYPosition => {
@@ -349,10 +342,12 @@ export function getPointerPosition(
     y: (y - transform[1]) / transform[2],
   };
 
+  const { x: xSnapped, y: ySnapped } = snapToGrid ? snapPosition(pointerPos, snapGrid) : pointerPos;
+
   // we need the snapped position in order to be able to skip unnecessary drag events
   return {
-    xSnapped: snapToGrid ? snapGrid[0] * Math.round(pointerPos.x / snapGrid[0]) : pointerPos.x,
-    ySnapped: snapToGrid ? snapGrid[1] * Math.round(pointerPos.y / snapGrid[1]) : pointerPos.y,
+    xSnapped,
+    ySnapped,
     ...pointerPos,
   };
 }
@@ -366,11 +361,11 @@ export function calcNextPosition<NodeType extends BaseNode>(
   onError?: OnError
 ): { position: XYPosition; positionAbsolute: XYPosition } {
   let currentExtent = node.extent || nodeExtent;
-  let parentNode: NodeType;
+  let parentNode: NodeType | null = null;
   let parentPos = { x: 0, y: 0 };
 
   if (node.parentNode) {
-    parentNode = nodes.find((n) => n.id === node.parentNode);
+    parentNode = nodes.find((n) => n.id === node.parentNode) || null;
     parentPos = parentNode
       ? getNodePositionWithOrigin(parentNode, parentNode.origin || nodeOrigin).positionAbsolute
       : parentPos;
@@ -413,3 +408,10 @@ export function calcNextPosition<NodeType extends BaseNode>(
     positionAbsolute,
   };
 }
+
+export function snapPosition(position: XYPosition, snapGrid: SnapGrid = [1, 1]) {
+  return {
+    x: snapGrid[0] * Math.round(position.x / snapGrid[0]),
+    y: snapGrid[1] * Math.round(position.y / snapGrid[1]),
+  };
+}
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index a3caded0b..293e4b0e4 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -1,7 +1,7 @@
 import { drag } from 'd3-drag';
 import { select } from 'd3-selection';
 
-import { calcAutoPan, getEventPosition, getPointerPosition, calcNextPosition } from '../utils';
+import { calcAutoPan, getEventPosition, getPointerPosition, calcNextPosition, snapPosition } from '../utils';
 import { getDragItems, getEventHandlerParams, hasSelector, wrapSelectionDragFunc } from './utils';
 import type {
   BaseNode,
@@ -107,11 +107,10 @@ export function XYDrag({
       let hasChange = false;
 
       dragItems = dragItems.map((n) => {
-        const nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
+        let nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
 
         if (snapToGrid) {
-          nextPosition.x = snapGrid[0] * Math.round(nextPosition.x / snapGrid[0]);
-          nextPosition.y = snapGrid[1] * Math.round(nextPosition.y / snapGrid[1]);
+          nextPosition = snapPosition(nextPosition, snapGrid);
         }
 
         const updatedPos = calcNextPosition(n, nextPosition, nodes, nodeExtent, nodeOrigin, onError);
@@ -173,10 +172,10 @@ export function XYDrag({
           transform,
           snapGrid,
           snapToGrid,
+          selectNodesOnDrag,
           onNodeDragStart,
           onSelectionDragStart,
           unselectNodesAndEdges,
-          selectNodesOnDrag,
         } = getStoreItems();
 
         if (!selectNodesOnDrag && !multiSelectionActive && nodeId) {

From a04fb2021e2d09d8ffc1e066d0a0f3de4d635c3b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 12 Jun 2023 22:40:33 +0200
Subject: [PATCH 0097/1093] chore(utils): cleanup

---
 packages/system/src/constants.ts   |  7 ++++++-
 packages/system/src/utils/graph.ts |  4 ++--
 packages/system/src/utils/utils.ts | 11 +++--------
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/system/src/constants.ts b/packages/system/src/constants.ts
index 44fda8b7d..74938c666 100644
--- a/packages/system/src/constants.ts
+++ b/packages/system/src/constants.ts
@@ -1,4 +1,4 @@
-import { HandleType } from './types';
+import { CoordinateExtent, HandleType } from './types';
 
 // @todo: update URLs to xyflow
 export const errorMessages = {
@@ -24,3 +24,8 @@ export const errorMessages = {
 };
 
 export const internalsSymbol = Symbol.for('internals');
+
+export const infiniteExtent: CoordinateExtent = [
+  [Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
+  [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY],
+];
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 6fd345aff..4fe5e1187 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -9,6 +9,7 @@ import {
   isNumeric,
   rectToBox,
   nodeToRect,
+  getEventPosition,
 } from './utils';
 import {
   type Connection,
@@ -334,8 +335,7 @@ export function getPointerPosition(
   event: MouseEvent | TouchEvent,
   { snapGrid = [0, 0], snapToGrid = false, transform }: GetPointerPositionParams
 ): XYPosition & { xSnapped: number; ySnapped: number } {
-  const x = 'touches' in event ? event.touches[0].clientX : event.clientX;
-  const y = 'touches' in event ? event.touches[0].clientY : event.clientY;
+  const { x, y } = getEventPosition(event);
 
   const pointerPos = {
     x: (x - transform[0]) / transform[2],
diff --git a/packages/system/src/utils/utils.ts b/packages/system/src/utils/utils.ts
index f0d639c34..dc7281f05 100644
--- a/packages/system/src/utils/utils.ts
+++ b/packages/system/src/utils/utils.ts
@@ -128,9 +128,9 @@ export function isInputDOMNode(event: KeyboardEvent): boolean {
 export const isMouseEvent = (event: MouseEvent | TouchEvent): event is MouseEvent => 'clientX' in event;
 
 export const getEventPosition = (event: MouseEvent | TouchEvent, bounds?: DOMRect) => {
-  const isMouseTriggered = isMouseEvent(event);
-  const evtX = isMouseTriggered ? event.clientX : event.touches?.[0].clientX;
-  const evtY = isMouseTriggered ? event.clientY : event.touches?.[0].clientY;
+  const isMouse = isMouseEvent(event);
+  const evtX = isMouse ? event.clientX : event.touches?.[0].clientX;
+  const evtY = isMouse ? event.clientY : event.touches?.[0].clientY;
 
   return {
     x: evtX - (bounds?.left ?? 0),
@@ -138,11 +138,6 @@ export const getEventPosition = (event: MouseEvent | TouchEvent, bounds?: DOMRec
   };
 };
 
-export const infiniteExtent: CoordinateExtent = [
-  [Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
-  [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY],
-];
-
 // helper function to get arrays of nodes and edges that can be deleted
 // you can pass in a list of nodes and edges that should be deleted
 // and the function only returns elements that are deletable and also handles connected nodes and child nodes

From 51375cd4827af0ca5fc2b80791b31f97f9960d92 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 12 Jun 2023 22:59:57 +0200
Subject: [PATCH 0098/1093] chore(utils): another cleanup

---
 packages/system/src/constants.ts           |   2 +
 packages/system/src/utils/dom.ts           |  91 ++++++++
 packages/system/src/utils/edges/general.ts |  83 +++++++-
 packages/system/src/utils/general.ts       | 175 +++++++++++++++
 packages/system/src/utils/graph.ts         | 196 ++++-------------
 packages/system/src/utils/index.ts         |   5 +-
 packages/system/src/utils/utils.ts         | 234 ---------------------
 7 files changed, 392 insertions(+), 394 deletions(-)
 create mode 100644 packages/system/src/utils/dom.ts
 create mode 100644 packages/system/src/utils/general.ts
 delete mode 100644 packages/system/src/utils/utils.ts

diff --git a/packages/system/src/constants.ts b/packages/system/src/constants.ts
index 74938c666..cd21d78b5 100644
--- a/packages/system/src/constants.ts
+++ b/packages/system/src/constants.ts
@@ -29,3 +29,5 @@ export const infiniteExtent: CoordinateExtent = [
   [Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
   [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY],
 ];
+
+export const elementSelectionKeys = ['Enter', ' ', 'Escape'];
diff --git a/packages/system/src/utils/dom.ts b/packages/system/src/utils/dom.ts
new file mode 100644
index 000000000..4aa51174d
--- /dev/null
+++ b/packages/system/src/utils/dom.ts
@@ -0,0 +1,91 @@
+import type { Transform, XYPosition, SnapGrid, Dimensions, NodeOrigin, HandleElement, Position } from '../types';
+import { snapPosition, pointToRendererPoint } from './general';
+
+export type GetPointerPositionParams = {
+  transform: Transform;
+  snapGrid?: SnapGrid;
+  snapToGrid?: boolean;
+};
+
+export function getPointerPosition(
+  event: MouseEvent | TouchEvent,
+  { snapGrid = [0, 0], snapToGrid = false, transform }: GetPointerPositionParams
+): XYPosition & { xSnapped: number; ySnapped: number } {
+  const { x, y } = getEventPosition(event);
+  const pointerPos = pointToRendererPoint({ x, y }, transform);
+
+  const { x: xSnapped, y: ySnapped } = snapToGrid ? snapPosition(pointerPos, snapGrid) : pointerPos;
+
+  // we need the snapped position in order to be able to skip unnecessary drag events
+  return {
+    xSnapped,
+    ySnapped,
+    ...pointerPos,
+  };
+}
+
+export const getDimensions = (node: HTMLDivElement): Dimensions => ({
+  width: node.offsetWidth,
+  height: node.offsetHeight,
+});
+
+export const getHostForElement = (element: HTMLElement): Document | ShadowRoot =>
+  (element.getRootNode?.() as Document | ShadowRoot) || window?.document;
+
+const inputTags = ['INPUT', 'SELECT', 'TEXTAREA'];
+
+export function isInputDOMNode(event: KeyboardEvent): boolean {
+  // using composed path for handling shadow dom
+  const target = (event.composedPath?.()?.[0] || event.target) as HTMLElement;
+  const isInput = inputTags.includes(target?.nodeName) || target?.hasAttribute('contenteditable');
+  // we want to be able to do a multi selection event if we are in an input field
+  const isModifierKey = event.ctrlKey || event.metaKey || event.shiftKey;
+
+  // when an input field is focused we don't want to trigger deletion or movement of nodes
+  return (isInput && !isModifierKey) || !!target?.closest('.nokey');
+}
+
+export const isMouseEvent = (event: MouseEvent | TouchEvent): event is MouseEvent => 'clientX' in event;
+
+export const getEventPosition = (event: MouseEvent | TouchEvent, bounds?: DOMRect) => {
+  const isMouse = isMouseEvent(event);
+  const evtX = isMouse ? event.clientX : event.touches?.[0].clientX;
+  const evtY = isMouse ? event.clientY : event.touches?.[0].clientY;
+
+  return {
+    x: evtX - (bounds?.left ?? 0),
+    y: evtY - (bounds?.top ?? 0),
+  };
+};
+
+export const getHandleBounds = (
+  selector: string,
+  nodeElement: HTMLDivElement,
+  zoom: number,
+  nodeOrigin: NodeOrigin = [0, 0]
+): HandleElement[] | null => {
+  const handles = nodeElement.querySelectorAll(selector);
+
+  if (!handles || !handles.length) {
+    return null;
+  }
+
+  const handlesArray = Array.from(handles) as HTMLDivElement[];
+  const nodeBounds = nodeElement.getBoundingClientRect();
+  const nodeOffset = {
+    x: nodeBounds.width * nodeOrigin[0],
+    y: nodeBounds.height * nodeOrigin[1],
+  };
+
+  return handlesArray.map((handle): HandleElement => {
+    const handleBounds = handle.getBoundingClientRect();
+
+    return {
+      id: handle.getAttribute('data-handleid'),
+      position: handle.getAttribute('data-handlepos') as unknown as Position,
+      x: (handleBounds.left - nodeBounds.left - nodeOffset.x) / zoom,
+      y: (handleBounds.top - nodeBounds.top - nodeOffset.y) / zoom,
+      ...getDimensions(handle),
+    };
+  });
+};
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index 3184933b4..fce5c81ac 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -1,6 +1,6 @@
-import { Transform, internalsSymbol } from '../..';
+import { Connection, Transform, errorMessages, internalsSymbol, isEdgeBase } from '../..';
 import { BaseEdge, BaseNode } from '../../types';
-import { isNumeric, getOverlappingArea, boxToRect, nodeToBox, getBoundsOfBoxes } from '../utils';
+import { isNumeric, getOverlappingArea, boxToRect, nodeToBox, getBoundsOfBoxes, devWarn } from '../general';
 
 // this is used for straight edges and simple smoothstep edges (LTR, RTL, BTT, TTB)
 export function getEdgeCenter({
@@ -107,3 +107,82 @@ export function isEdgeVisible({ sourceNode, targetNode, width, height, transform
 
   return getOverlappingArea(viewRect, boxToRect(edgeBox)) > 0;
 }
+
+const getEdgeId = ({ source, sourceHandle, target, targetHandle }: Connection | BaseEdge): string =>
+  `xyflow__edge-${source}${sourceHandle || ''}-${target}${targetHandle || ''}`;
+
+const connectionExists = (edge: BaseEdge, edges: BaseEdge[]) => {
+  return edges.some(
+    (el) =>
+      el.source === edge.source &&
+      el.target === edge.target &&
+      (el.sourceHandle === edge.sourceHandle || (!el.sourceHandle && !edge.sourceHandle)) &&
+      (el.targetHandle === edge.targetHandle || (!el.targetHandle && !edge.targetHandle))
+  );
+};
+
+export const addEdgeBase = <EdgeType extends BaseEdge>(
+  edgeParams: EdgeType | Connection,
+  edges: EdgeType[]
+): EdgeType[] => {
+  if (!edgeParams.source || !edgeParams.target) {
+    devWarn('006', errorMessages['error006']());
+
+    return edges;
+  }
+
+  let edge: EdgeType;
+  if (isEdgeBase(edgeParams)) {
+    edge = { ...edgeParams };
+  } else {
+    edge = {
+      ...edgeParams,
+      id: getEdgeId(edgeParams),
+    } as EdgeType;
+  }
+
+  if (connectionExists(edge, edges)) {
+    return edges;
+  }
+
+  return edges.concat(edge);
+};
+
+export type UpdateEdgeOptions = {
+  shouldReplaceId?: boolean;
+};
+
+export const updateEdgeBase = <EdgeType extends BaseEdge>(
+  oldEdge: EdgeType,
+  newConnection: Connection,
+  edges: EdgeType[],
+  options: UpdateEdgeOptions = { shouldReplaceId: true }
+): EdgeType[] => {
+  const { id: oldEdgeId, ...rest } = oldEdge;
+
+  if (!newConnection.source || !newConnection.target) {
+    devWarn('006', errorMessages['error006']());
+
+    return edges;
+  }
+
+  const foundEdge = edges.find((e) => e.id === oldEdge.id) as EdgeType;
+
+  if (!foundEdge) {
+    devWarn('007', errorMessages['error007'](oldEdgeId));
+
+    return edges;
+  }
+
+  // Remove old edge and create the new edge with parameters of old edge.
+  const edge = {
+    ...rest,
+    id: options.shouldReplaceId ? getEdgeId(newConnection) : oldEdgeId,
+    source: newConnection.source,
+    target: newConnection.target,
+    sourceHandle: newConnection.sourceHandle,
+    targetHandle: newConnection.targetHandle,
+  } as EdgeType;
+
+  return edges.filter((e) => e.id !== oldEdgeId).concat(edge);
+};
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
new file mode 100644
index 000000000..bf14ea921
--- /dev/null
+++ b/packages/system/src/utils/general.ts
@@ -0,0 +1,175 @@
+import type {
+  Dimensions,
+  XYPosition,
+  CoordinateExtent,
+  Box,
+  Rect,
+  BaseNode,
+  NodeOrigin,
+  SnapGrid,
+  Transform,
+} from '../types';
+import { getNodePositionWithOrigin } from './graph';
+
+export const clamp = (val: number, min = 0, max = 1): number => Math.min(Math.max(val, min), max);
+
+export const clampPosition = (position: XYPosition = { x: 0, y: 0 }, extent: CoordinateExtent) => ({
+  x: clamp(position.x, extent[0][0], extent[1][0]),
+  y: clamp(position.y, extent[0][1], extent[1][1]),
+});
+
+// returns a number between 0 and 1 that represents the velocity of the movement
+// when the mouse is close to the edge of the canvas
+const calcAutoPanVelocity = (value: number, min: number, max: number): number => {
+  if (value < min) {
+    return clamp(Math.abs(value - min), 1, 50) / 50;
+  } else if (value > max) {
+    return -clamp(Math.abs(value - max), 1, 50) / 50;
+  }
+
+  return 0;
+};
+
+export const calcAutoPan = (pos: XYPosition, bounds: Dimensions): number[] => {
+  const xMovement = calcAutoPanVelocity(pos.x, 35, bounds.width - 35) * 20;
+  const yMovement = calcAutoPanVelocity(pos.y, 35, bounds.height - 35) * 20;
+
+  return [xMovement, yMovement];
+};
+
+export const getBoundsOfBoxes = (box1: Box, box2: Box): Box => ({
+  x: Math.min(box1.x, box2.x),
+  y: Math.min(box1.y, box2.y),
+  x2: Math.max(box1.x2, box2.x2),
+  y2: Math.max(box1.y2, box2.y2),
+});
+
+export const rectToBox = ({ x, y, width, height }: Rect): Box => ({
+  x,
+  y,
+  x2: x + width,
+  y2: y + height,
+});
+
+export const boxToRect = ({ x, y, x2, y2 }: Box): Rect => ({
+  x,
+  y,
+  width: x2 - x,
+  height: y2 - y,
+});
+
+export const nodeToRect = (node: BaseNode, nodeOrigin: NodeOrigin = [0, 0]): Rect => {
+  const { positionAbsolute } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
+
+  return {
+    ...positionAbsolute,
+    width: node.width || 0,
+    height: node.height || 0,
+  };
+};
+
+export const nodeToBox = (node: BaseNode, nodeOrigin: NodeOrigin = [0, 0]): Box => {
+  const { positionAbsolute } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
+
+  return {
+    ...positionAbsolute,
+    x2: positionAbsolute.x + (node.width || 0),
+    y2: positionAbsolute.y + (node.height || 0),
+  };
+};
+
+export const getBoundsOfRects = (rect1: Rect, rect2: Rect): Rect =>
+  boxToRect(getBoundsOfBoxes(rectToBox(rect1), rectToBox(rect2)));
+
+export const getOverlappingArea = (rectA: Rect, rectB: Rect): number => {
+  const xOverlap = Math.max(0, Math.min(rectA.x + rectA.width, rectB.x + rectB.width) - Math.max(rectA.x, rectB.x));
+  const yOverlap = Math.max(0, Math.min(rectA.y + rectA.height, rectB.y + rectB.height) - Math.max(rectA.y, rectB.y));
+
+  return Math.ceil(xOverlap * yOverlap);
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const isRectObject = (obj: any): obj is Rect =>
+  isNumeric(obj.width) && isNumeric(obj.height) && isNumeric(obj.x) && isNumeric(obj.y);
+
+/* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+export const isNumeric = (n: any): n is number => !isNaN(n) && isFinite(n);
+
+// used for a11y key board controls for nodes and edges
+
+export const devWarn = (id: string, message: string) => {
+  if (process.env.NODE_ENV === 'development') {
+    console.warn(`[React Flow]: ${message} Help: https://reactflow.dev/error#${id}`);
+  }
+};
+
+export const getPositionWithOrigin = ({
+  x,
+  y,
+  width,
+  height,
+  origin = [0, 0],
+}: {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+  origin?: NodeOrigin;
+}): XYPosition => {
+  if (!width || !height || origin[0] < 0 || origin[1] < 0 || origin[0] > 1 || origin[1] > 1) {
+    return { x, y };
+  }
+
+  return {
+    x: x - width * origin[0],
+    y: y - height * origin[1],
+  };
+};
+
+export function snapPosition(position: XYPosition, snapGrid: SnapGrid = [1, 1]): XYPosition {
+  return {
+    x: snapGrid[0] * Math.round(position.x / snapGrid[0]),
+    y: snapGrid[1] * Math.round(position.y / snapGrid[1]),
+  };
+}
+
+export const pointToRendererPoint = (
+  { x, y }: XYPosition,
+  [tx, ty, tScale]: Transform,
+  snapToGrid = false,
+  snapGrid: SnapGrid = [1, 1]
+): XYPosition => {
+  const position: XYPosition = {
+    x: (x - tx) / tScale,
+    y: (y - ty) / tScale,
+  };
+
+  return snapToGrid ? snapPosition(position, snapGrid) : position;
+};
+
+export const rendererPointToPoint = ({ x, y }: XYPosition, [tx, ty, tScale]: Transform): XYPosition => {
+  return {
+    x: x * tScale + tx,
+    y: y * tScale + ty,
+  };
+};
+
+export const getTransformForBounds = (
+  bounds: Rect,
+  width: number,
+  height: number,
+  minZoom: number,
+  maxZoom: number,
+  padding = 0.1
+): Transform => {
+  const xZoom = width / (bounds.width * (1 + padding));
+  const yZoom = height / (bounds.height * (1 + padding));
+  const zoom = Math.min(xZoom, yZoom);
+  const clampedZoom = clamp(zoom, minZoom, maxZoom);
+  const boundsCenterX = bounds.x + bounds.width / 2;
+  const boundsCenterY = bounds.y + bounds.height / 2;
+  const x = width / 2 - boundsCenterX * clampedZoom;
+  const y = height / 2 - boundsCenterY * clampedZoom;
+
+  return [x, y, clampedZoom];
+};
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 4fe5e1187..fa311b9bb 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -3,14 +3,14 @@ import {
   boxToRect,
   clamp,
   clampPosition,
-  devWarn,
   getBoundsOfBoxes,
   getOverlappingArea,
   isNumeric,
   rectToBox,
   nodeToRect,
-  getEventPosition,
-} from './utils';
+  pointToRendererPoint,
+  getTransformForBounds,
+} from './general';
 import {
   type Connection,
   type Transform,
@@ -21,7 +21,6 @@ import {
   type BaseEdge,
   type FitViewParamsBase,
   type FitViewOptionsBase,
-  SnapGrid,
   NodeDragItem,
   CoordinateExtent,
   OnError,
@@ -62,106 +61,6 @@ export const getIncomersBase = <NodeType extends BaseNode = BaseNode, EdgeType e
   return nodes.filter((n) => incomersIds.includes(n.id));
 };
 
-const getEdgeId = ({ source, sourceHandle, target, targetHandle }: Connection | BaseEdge): string =>
-  `xyflow__edge-${source}${sourceHandle || ''}-${target}${targetHandle || ''}`;
-
-const connectionExists = (edge: BaseEdge, edges: BaseEdge[]) => {
-  return edges.some(
-    (el) =>
-      el.source === edge.source &&
-      el.target === edge.target &&
-      (el.sourceHandle === edge.sourceHandle || (!el.sourceHandle && !edge.sourceHandle)) &&
-      (el.targetHandle === edge.targetHandle || (!el.targetHandle && !edge.targetHandle))
-  );
-};
-
-export const addEdgeBase = <EdgeType extends BaseEdge>(
-  edgeParams: EdgeType | Connection,
-  edges: EdgeType[]
-): EdgeType[] => {
-  if (!edgeParams.source || !edgeParams.target) {
-    devWarn('006', errorMessages['error006']());
-
-    return edges;
-  }
-
-  let edge: EdgeType;
-  if (isEdgeBase(edgeParams)) {
-    edge = { ...edgeParams };
-  } else {
-    edge = {
-      ...edgeParams,
-      id: getEdgeId(edgeParams),
-    } as EdgeType;
-  }
-
-  if (connectionExists(edge, edges)) {
-    return edges;
-  }
-
-  return edges.concat(edge);
-};
-
-export type UpdateEdgeOptions = {
-  shouldReplaceId?: boolean;
-};
-
-export const updateEdgeBase = <EdgeType extends BaseEdge>(
-  oldEdge: EdgeType,
-  newConnection: Connection,
-  edges: EdgeType[],
-  options: UpdateEdgeOptions = { shouldReplaceId: true }
-): EdgeType[] => {
-  const { id: oldEdgeId, ...rest } = oldEdge;
-
-  if (!newConnection.source || !newConnection.target) {
-    devWarn('006', errorMessages['error006']());
-
-    return edges;
-  }
-
-  const foundEdge = edges.find((e) => e.id === oldEdge.id) as EdgeType;
-
-  if (!foundEdge) {
-    devWarn('007', errorMessages['error007'](oldEdgeId));
-
-    return edges;
-  }
-
-  // Remove old edge and create the new edge with parameters of old edge.
-  const edge = {
-    ...rest,
-    id: options.shouldReplaceId ? getEdgeId(newConnection) : oldEdgeId,
-    source: newConnection.source,
-    target: newConnection.target,
-    sourceHandle: newConnection.sourceHandle,
-    targetHandle: newConnection.targetHandle,
-  } as EdgeType;
-
-  return edges.filter((e) => e.id !== oldEdgeId).concat(edge);
-};
-
-export const pointToRendererPoint = (
-  { x, y }: XYPosition,
-  [tx, ty, tScale]: Transform,
-  snapToGrid: boolean,
-  snapGrid: SnapGrid
-): XYPosition => {
-  const position: XYPosition = {
-    x: (x - tx) / tScale,
-    y: (y - ty) / tScale,
-  };
-
-  return snapToGrid ? snapPosition(position, snapGrid) : position;
-};
-
-export const rendererPointToPoint = ({ x, y }: XYPosition, [tx, ty, tScale]: Transform): XYPosition => {
-  return {
-    x: x * tScale + tx,
-    y: y * tScale + ty,
-  };
-};
-
 export const getNodePositionWithOrigin = (
   node: BaseNode | undefined,
   nodeOrigin: NodeOrigin = [0, 0]
@@ -230,8 +129,7 @@ export const getNodesInside = <NodeType extends BaseNode>(
   nodeOrigin: NodeOrigin = [0, 0]
 ): NodeType[] => {
   const paneRect = {
-    x: (rect.x - tx) / tScale,
-    y: (rect.y - ty) / tScale,
+    ...pointToRendererPoint(rect, [tx, ty, tScale]),
     width: rect.width / tScale,
     height: rect.height / tScale,
   };
@@ -269,26 +167,6 @@ export const getConnectedEdgesBase = <NodeType extends BaseNode = BaseNode, Edge
   return edges.filter((edge) => nodeIds.includes(edge.source) || nodeIds.includes(edge.target));
 };
 
-export const getTransformForBounds = (
-  bounds: Rect,
-  width: number,
-  height: number,
-  minZoom: number,
-  maxZoom: number,
-  padding = 0.1
-): Transform => {
-  const xZoom = width / (bounds.width * (1 + padding));
-  const yZoom = height / (bounds.height * (1 + padding));
-  const zoom = Math.min(xZoom, yZoom);
-  const clampedZoom = clamp(zoom, minZoom, maxZoom);
-  const boundsCenterX = bounds.x + bounds.width / 2;
-  const boundsCenterY = bounds.y + bounds.height / 2;
-  const x = width / 2 - boundsCenterX * clampedZoom;
-  const y = height / 2 - boundsCenterY * clampedZoom;
-
-  return [x, y, clampedZoom];
-};
-
 export function fitView<Params extends FitViewParamsBase<BaseNode>, Options extends FitViewOptionsBase<BaseNode>>(
   { nodes, width, height, panZoom, minZoom, maxZoom, nodeOrigin = [0, 0] }: Params,
   options?: Options
@@ -325,33 +203,6 @@ export function fitView<Params extends FitViewParamsBase<BaseNode>, Options exte
   return false;
 }
 
-export type GetPointerPositionParams = {
-  transform: Transform;
-  snapGrid?: SnapGrid;
-  snapToGrid?: boolean;
-};
-
-export function getPointerPosition(
-  event: MouseEvent | TouchEvent,
-  { snapGrid = [0, 0], snapToGrid = false, transform }: GetPointerPositionParams
-): XYPosition & { xSnapped: number; ySnapped: number } {
-  const { x, y } = getEventPosition(event);
-
-  const pointerPos = {
-    x: (x - transform[0]) / transform[2],
-    y: (y - transform[1]) / transform[2],
-  };
-
-  const { x: xSnapped, y: ySnapped } = snapToGrid ? snapPosition(pointerPos, snapGrid) : pointerPos;
-
-  // we need the snapped position in order to be able to skip unnecessary drag events
-  return {
-    xSnapped,
-    ySnapped,
-    ...pointerPos,
-  };
-}
-
 export function calcNextPosition<NodeType extends BaseNode>(
   node: NodeDragItem | NodeType,
   nextPosition: XYPosition,
@@ -409,9 +260,42 @@ export function calcNextPosition<NodeType extends BaseNode>(
   };
 }
 
-export function snapPosition(position: XYPosition, snapGrid: SnapGrid = [1, 1]) {
+// helper function to get arrays of nodes and edges that can be deleted
+// you can pass in a list of nodes and edges that should be deleted
+// and the function only returns elements that are deletable and also handles connected nodes and child nodes
+export function getElementsToRemove<NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>({
+  nodesToRemove,
+  edgesToRemove,
+  nodes,
+  edges,
+}: {
+  nodesToRemove: Partial<NodeType>[];
+  edgesToRemove: Partial<EdgeType>[];
+  nodes: NodeType[];
+  edges: EdgeType[];
+}): {
+  matchingNodes: NodeType[];
+  matchingEdges: EdgeType[];
+} {
+  const nodeIds = nodesToRemove.map((node) => node.id);
+  const edgeIds = edgesToRemove.map((edge) => edge.id);
+
+  const matchingNodes = nodes.reduce<NodeType[]>((res, node) => {
+    const parentHit = !nodeIds.includes(node.id) && node.parentNode && res.find((n) => n.id === node.parentNode);
+    const deletable = typeof node.deletable === 'boolean' ? node.deletable : true;
+    if (deletable && (nodeIds.includes(node.id) || parentHit)) {
+      res.push(node);
+    }
+
+    return res;
+  }, []);
+  const deletableEdges = edges.filter((e) => (typeof e.deletable === 'boolean' ? e.deletable : true));
+  const initialHitEdges = deletableEdges.filter((e) => edgeIds.includes(e.id));
+  const connectedEdges = getConnectedEdgesBase<NodeType, EdgeType>(matchingNodes, deletableEdges);
+  const matchingEdges = [...initialHitEdges, ...connectedEdges];
+
   return {
-    x: snapGrid[0] * Math.round(position.x / snapGrid[0]),
-    y: snapGrid[1] * Math.round(position.y / snapGrid[1]),
+    matchingEdges,
+    matchingNodes,
   };
 }
diff --git a/packages/system/src/utils/index.ts b/packages/system/src/utils/index.ts
index 3a67b3415..a482f65aa 100644
--- a/packages/system/src/utils/index.ts
+++ b/packages/system/src/utils/index.ts
@@ -1,4 +1,5 @@
+export * from './dom';
+export * from './edges';
 export * from './graph';
-export * from './utils';
+export * from './general';
 export * from './marker';
-export * from './edges';
diff --git a/packages/system/src/utils/utils.ts b/packages/system/src/utils/utils.ts
deleted file mode 100644
index dc7281f05..000000000
--- a/packages/system/src/utils/utils.ts
+++ /dev/null
@@ -1,234 +0,0 @@
-import type {
-  Dimensions,
-  XYPosition,
-  CoordinateExtent,
-  Box,
-  Rect,
-  BaseNode,
-  BaseEdge,
-  NodeOrigin,
-  HandleElement,
-  Position,
-} from '../types';
-import { getConnectedEdgesBase, getNodePositionWithOrigin } from './graph';
-
-export const getDimensions = (node: HTMLDivElement): Dimensions => ({
-  width: node.offsetWidth,
-  height: node.offsetHeight,
-});
-
-export const clamp = (val: number, min = 0, max = 1): number => Math.min(Math.max(val, min), max);
-
-export const clampPosition = (position: XYPosition = { x: 0, y: 0 }, extent: CoordinateExtent) => ({
-  x: clamp(position.x, extent[0][0], extent[1][0]),
-  y: clamp(position.y, extent[0][1], extent[1][1]),
-});
-
-// returns a number between 0 and 1 that represents the velocity of the movement
-// when the mouse is close to the edge of the canvas
-const calcAutoPanVelocity = (value: number, min: number, max: number): number => {
-  if (value < min) {
-    return clamp(Math.abs(value - min), 1, 50) / 50;
-  } else if (value > max) {
-    return -clamp(Math.abs(value - max), 1, 50) / 50;
-  }
-
-  return 0;
-};
-
-export const calcAutoPan = (pos: XYPosition, bounds: Dimensions): number[] => {
-  const xMovement = calcAutoPanVelocity(pos.x, 35, bounds.width - 35) * 20;
-  const yMovement = calcAutoPanVelocity(pos.y, 35, bounds.height - 35) * 20;
-
-  return [xMovement, yMovement];
-};
-
-export const getHostForElement = (element: HTMLElement): Document | ShadowRoot =>
-  (element.getRootNode?.() as Document | ShadowRoot) || window?.document;
-
-export const getBoundsOfBoxes = (box1: Box, box2: Box): Box => ({
-  x: Math.min(box1.x, box2.x),
-  y: Math.min(box1.y, box2.y),
-  x2: Math.max(box1.x2, box2.x2),
-  y2: Math.max(box1.y2, box2.y2),
-});
-
-export const rectToBox = ({ x, y, width, height }: Rect): Box => ({
-  x,
-  y,
-  x2: x + width,
-  y2: y + height,
-});
-
-export const boxToRect = ({ x, y, x2, y2 }: Box): Rect => ({
-  x,
-  y,
-  width: x2 - x,
-  height: y2 - y,
-});
-
-export const nodeToRect = (node: BaseNode, nodeOrigin: NodeOrigin = [0, 0]): Rect => {
-  const { positionAbsolute } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
-
-  return {
-    ...positionAbsolute,
-    width: node.width || 0,
-    height: node.height || 0,
-  };
-};
-
-export const nodeToBox = (node: BaseNode, nodeOrigin: NodeOrigin = [0, 0]): Box => {
-  const { positionAbsolute } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
-
-  return {
-    ...positionAbsolute,
-    x2: positionAbsolute.x + (node.width || 0),
-    y2: positionAbsolute.y + (node.height || 0),
-  };
-};
-
-export const getBoundsOfRects = (rect1: Rect, rect2: Rect): Rect =>
-  boxToRect(getBoundsOfBoxes(rectToBox(rect1), rectToBox(rect2)));
-
-export const getOverlappingArea = (rectA: Rect, rectB: Rect): number => {
-  const xOverlap = Math.max(0, Math.min(rectA.x + rectA.width, rectB.x + rectB.width) - Math.max(rectA.x, rectB.x));
-  const yOverlap = Math.max(0, Math.min(rectA.y + rectA.height, rectB.y + rectB.height) - Math.max(rectA.y, rectB.y));
-
-  return Math.ceil(xOverlap * yOverlap);
-};
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const isRectObject = (obj: any): obj is Rect =>
-  isNumeric(obj.width) && isNumeric(obj.height) && isNumeric(obj.x) && isNumeric(obj.y);
-
-/* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-export const isNumeric = (n: any): n is number => !isNaN(n) && isFinite(n);
-
-// used for a11y key board controls for nodes and edges
-export const elementSelectionKeys = ['Enter', ' ', 'Escape'];
-
-export const devWarn = (id: string, message: string) => {
-  if (process.env.NODE_ENV === 'development') {
-    console.warn(`[React Flow]: ${message} Help: https://reactflow.dev/error#${id}`);
-  }
-};
-
-export function isInputDOMNode(event: KeyboardEvent): boolean {
-  // using composed path for handling shadow dom
-  const target = (event.composedPath?.()?.[0] || event.target) as HTMLElement;
-
-  const isInput = ['INPUT', 'SELECT', 'TEXTAREA'].includes(target?.nodeName) || target?.hasAttribute('contenteditable');
-  // we want to be able to do a multi selection event if we are in an input field
-  const isModifierKey = event.ctrlKey || event.metaKey || event.shiftKey;
-
-  // when an input field is focused we don't want to trigger deletion or movement of nodes
-  return (isInput && !isModifierKey) || !!target?.closest('.nokey');
-}
-
-export const isMouseEvent = (event: MouseEvent | TouchEvent): event is MouseEvent => 'clientX' in event;
-
-export const getEventPosition = (event: MouseEvent | TouchEvent, bounds?: DOMRect) => {
-  const isMouse = isMouseEvent(event);
-  const evtX = isMouse ? event.clientX : event.touches?.[0].clientX;
-  const evtY = isMouse ? event.clientY : event.touches?.[0].clientY;
-
-  return {
-    x: evtX - (bounds?.left ?? 0),
-    y: evtY - (bounds?.top ?? 0),
-  };
-};
-
-// helper function to get arrays of nodes and edges that can be deleted
-// you can pass in a list of nodes and edges that should be deleted
-// and the function only returns elements that are deletable and also handles connected nodes and child nodes
-export function getElementsToRemove<NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>({
-  nodesToRemove,
-  edgesToRemove,
-  nodes,
-  edges,
-}: {
-  nodesToRemove: Partial<NodeType>[];
-  edgesToRemove: Partial<EdgeType>[];
-  nodes: NodeType[];
-  edges: EdgeType[];
-}): {
-  matchingNodes: NodeType[];
-  matchingEdges: EdgeType[];
-} {
-  const nodeIds = nodesToRemove.map((node) => node.id);
-  const edgeIds = edgesToRemove.map((edge) => edge.id);
-
-  const matchingNodes = nodes.reduce<NodeType[]>((res, node) => {
-    const parentHit = !nodeIds.includes(node.id) && node.parentNode && res.find((n) => n.id === node.parentNode);
-    const deletable = typeof node.deletable === 'boolean' ? node.deletable : true;
-    if (deletable && (nodeIds.includes(node.id) || parentHit)) {
-      res.push(node);
-    }
-
-    return res;
-  }, []);
-  const deletableEdges = edges.filter((e) => (typeof e.deletable === 'boolean' ? e.deletable : true));
-  const initialHitEdges = deletableEdges.filter((e) => edgeIds.includes(e.id));
-  const connectedEdges = getConnectedEdgesBase<NodeType, EdgeType>(matchingNodes, deletableEdges);
-  const matchingEdges = [...initialHitEdges, ...connectedEdges];
-
-  return {
-    matchingEdges,
-    matchingNodes,
-  };
-}
-
-export const getPositionWithOrigin = ({
-  x,
-  y,
-  width,
-  height,
-  origin = [0, 0],
-}: {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-  origin?: NodeOrigin;
-}): XYPosition => {
-  if (!width || !height || origin[0] < 0 || origin[1] < 0 || origin[0] > 1 || origin[1] > 1) {
-    return { x, y };
-  }
-
-  return {
-    x: x - width * origin[0],
-    y: y - height * origin[1],
-  };
-};
-
-export const getHandleBounds = (
-  selector: string,
-  nodeElement: HTMLDivElement,
-  zoom: number,
-  nodeOrigin: NodeOrigin = [0, 0]
-): HandleElement[] | null => {
-  const handles = nodeElement.querySelectorAll(selector);
-
-  if (!handles || !handles.length) {
-    return null;
-  }
-
-  const handlesArray = Array.from(handles) as HTMLDivElement[];
-  const nodeBounds = nodeElement.getBoundingClientRect();
-  const nodeOffset = {
-    x: nodeBounds.width * nodeOrigin[0],
-    y: nodeBounds.height * nodeOrigin[1],
-  };
-
-  return handlesArray.map((handle): HandleElement => {
-    const handleBounds = handle.getBoundingClientRect();
-
-    return {
-      id: handle.getAttribute('data-handleid'),
-      position: handle.getAttribute('data-handlepos') as unknown as Position,
-      x: (handleBounds.left - nodeBounds.left - nodeOffset.x) / zoom,
-      y: (handleBounds.top - nodeBounds.top - nodeOffset.y) / zoom,
-      ...getDimensions(handle),
-    };
-  });
-};

From 65d1c3bbd462bf83491022eefdcb4d0700ae67b6 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Tue, 13 Jun 2023 15:55:06 +0200
Subject: [PATCH 0099/1093] Refactor/vanilla store utils (#3138)

* feat(stores): use vanilla store utils

* fix(store-utils): keep dimensions if possible

* feat(utils): add nodeDimension and panBy utils

* fix(svelte): use correct updateDim func

* refactor(react): cleanup store

* chore(tests): use new imports
---
 .../cypress/components/hooks/useEdges.cy.tsx  |   2 +-
 .../cypress/components/hooks/useNodes.cy.tsx  |   2 +-
 .../hooks/useNodesInitialized.cy.tsx          |   2 +-
 .../hooks/useOnViewportChange.cy.tsx          |   2 +-
 .../components/hooks/useViewport.cy.tsx       |   2 +-
 .../components/reactflow/basic-props.cy.tsx   |   2 +-
 .../reactflow/multiple-instance.cy.tsx        |   2 +-
 .../components/reactflow/uncontrolled.cy.tsx  |   2 +-
 .../components/reactflow/view-props.cy.tsx    |   2 +-
 examples/vite-app/package.json                |   4 +-
 package.json                                  |   1 -
 .../react/src/container/Viewport/index.tsx    |   2 +-
 packages/react/src/hooks/useResizeHandler.ts  |   3 +
 packages/react/src/store/index.ts             | 158 +++++--------
 packages/react/src/store/initialState.ts      |   2 +-
 packages/react/src/store/utils.ts             | 107 ---------
 packages/react/src/types/store.ts             |   4 +-
 packages/svelte/README.md                     |   2 -
 .../lib/container/Viewport/Viewport.svelte    |   2 +-
 packages/svelte/src/lib/store/edge-tree.ts    |   7 +-
 packages/svelte/src/lib/store/index.ts        | 106 ++-------
 .../svelte/src/lib/store/initial-store.ts     |  10 +-
 packages/svelte/src/lib/store/utils.ts        |  99 +++-----
 .../svelte/src/routes/drag-n-drop/Flow.svelte |   4 +
 packages/system/src/utils/index.ts            |   1 +
 packages/system/src/utils/store.ts            | 218 ++++++++++++++++++
 pnpm-lock.yaml                                |  73 +++++-
 27 files changed, 427 insertions(+), 394 deletions(-)
 create mode 100644 packages/system/src/utils/store.ts

diff --git a/examples/vite-app/cypress/components/hooks/useEdges.cy.tsx b/examples/vite-app/cypress/components/hooks/useEdges.cy.tsx
index d64d9dfd0..34b0ae3cf 100644
--- a/examples/vite-app/cypress/components/hooks/useEdges.cy.tsx
+++ b/examples/vite-app/cypress/components/hooks/useEdges.cy.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import ReactFlow, { Edge, useEdges } from '@xyflow/react';
+import { ReactFlow, Edge, useEdges } from '@xyflow/react';
 
 import { nodes as initialNodes, edges as initialEdges } from '../../fixtures/simpleflow';
 
diff --git a/examples/vite-app/cypress/components/hooks/useNodes.cy.tsx b/examples/vite-app/cypress/components/hooks/useNodes.cy.tsx
index 43b7c0714..4f813e00a 100644
--- a/examples/vite-app/cypress/components/hooks/useNodes.cy.tsx
+++ b/examples/vite-app/cypress/components/hooks/useNodes.cy.tsx
@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import ReactFlow, { Node, useNodes } from '@xyflow/react';
+import { ReactFlow, Node, useNodes } from '@xyflow/react';
 
 import { nodes } from '../../fixtures/simpleflow';
 
diff --git a/examples/vite-app/cypress/components/hooks/useNodesInitialized.cy.tsx b/examples/vite-app/cypress/components/hooks/useNodesInitialized.cy.tsx
index e70a68c8a..c7d79b9df 100644
--- a/examples/vite-app/cypress/components/hooks/useNodesInitialized.cy.tsx
+++ b/examples/vite-app/cypress/components/hooks/useNodesInitialized.cy.tsx
@@ -1,4 +1,4 @@
-import ReactFlow, { useNodesInitialized } from '@xyflow/react';
+import { ReactFlow, useNodesInitialized } from '@xyflow/react';
 
 import { nodes } from '../../fixtures/simpleflow';
 import ControlledFlow from '../../support/ControlledFlow';
diff --git a/examples/vite-app/cypress/components/hooks/useOnViewportChange.cy.tsx b/examples/vite-app/cypress/components/hooks/useOnViewportChange.cy.tsx
index 22da0e8ec..41e4039ce 100644
--- a/examples/vite-app/cypress/components/hooks/useOnViewportChange.cy.tsx
+++ b/examples/vite-app/cypress/components/hooks/useOnViewportChange.cy.tsx
@@ -1,4 +1,4 @@
-import ReactFlow, { useOnViewportChange, Viewport } from '@xyflow/react';
+import { ReactFlow, useOnViewportChange, Viewport } from '@xyflow/react';
 
 describe('useOnViewportChange.cy.tsx', () => {
   it('listen to viewport drag', () => {
diff --git a/examples/vite-app/cypress/components/hooks/useViewport.cy.tsx b/examples/vite-app/cypress/components/hooks/useViewport.cy.tsx
index 7e2c8b6b3..499376f1d 100644
--- a/examples/vite-app/cypress/components/hooks/useViewport.cy.tsx
+++ b/examples/vite-app/cypress/components/hooks/useViewport.cy.tsx
@@ -1,4 +1,4 @@
-import ReactFlow, { useViewport, Viewport } from '@xyflow/react';
+import { ReactFlow, useViewport, Viewport } from '@xyflow/react';
 
 describe('useViewport.cy.tsx', () => {
   it('handles drag', () => {
diff --git a/examples/vite-app/cypress/components/reactflow/basic-props.cy.tsx b/examples/vite-app/cypress/components/reactflow/basic-props.cy.tsx
index 30bf86b93..c8ac818a4 100644
--- a/examples/vite-app/cypress/components/reactflow/basic-props.cy.tsx
+++ b/examples/vite-app/cypress/components/reactflow/basic-props.cy.tsx
@@ -1,4 +1,4 @@
-import ReactFlow, { EdgeProps } from '@xyflow/react';
+import { ReactFlow, EdgeProps } from '@xyflow/react';
 
 import ControlledFlow from '../../support/ControlledFlow';
 import * as simpleflow from '../../fixtures/simpleflow';
diff --git a/examples/vite-app/cypress/components/reactflow/multiple-instance.cy.tsx b/examples/vite-app/cypress/components/reactflow/multiple-instance.cy.tsx
index a2fbef352..8a7da5e49 100644
--- a/examples/vite-app/cypress/components/reactflow/multiple-instance.cy.tsx
+++ b/examples/vite-app/cypress/components/reactflow/multiple-instance.cy.tsx
@@ -1,4 +1,4 @@
-import ReactFlow, { BaseEdge, EdgeLabelRenderer, EdgeProps, getSmoothStepPath, ReactFlowProvider } from '@xyflow/react';
+import { ReactFlow, BaseEdge, EdgeLabelRenderer, EdgeProps, getSmoothStepPath, ReactFlowProvider } from '@xyflow/react';
 import * as simpleflow from '../../fixtures/simpleflow';
 
 function CustomEdge(props: EdgeProps) {
diff --git a/examples/vite-app/cypress/components/reactflow/uncontrolled.cy.tsx b/examples/vite-app/cypress/components/reactflow/uncontrolled.cy.tsx
index 4b1eb0cf1..e16a06c6d 100644
--- a/examples/vite-app/cypress/components/reactflow/uncontrolled.cy.tsx
+++ b/examples/vite-app/cypress/components/reactflow/uncontrolled.cy.tsx
@@ -1,4 +1,4 @@
-import ReactFlow from '@xyflow/react';
+import { ReactFlow } from '@xyflow/react';
 
 import { nodes, edges } from '../../fixtures/simpleflow';
 
diff --git a/examples/vite-app/cypress/components/reactflow/view-props.cy.tsx b/examples/vite-app/cypress/components/reactflow/view-props.cy.tsx
index dd1377baf..d8297d42a 100644
--- a/examples/vite-app/cypress/components/reactflow/view-props.cy.tsx
+++ b/examples/vite-app/cypress/components/reactflow/view-props.cy.tsx
@@ -1,4 +1,4 @@
-import ReactFlow, { ReactFlowProps, Viewport, useViewport, SnapGrid, CoordinateExtent, Node } from '@xyflow/react';
+import { ReactFlow, ReactFlowProps, Viewport, useViewport, SnapGrid, CoordinateExtent, Node } from '@xyflow/react';
 
 import ControlledFlow from '../../support/ControlledFlow';
 import * as simpleflow from '../../fixtures/simpleflow';
diff --git a/examples/vite-app/package.json b/examples/vite-app/package.json
index 16a01a02a..4bf5ff556 100644
--- a/examples/vite-app/package.json
+++ b/examples/vite-app/package.json
@@ -30,8 +30,8 @@
     "@types/react-dom": "^18.0.6",
     "@vitejs/plugin-react": "4.0.0",
     "@vitejs/plugin-react-swc": "^3.3.2",
-    "cypress": "^10.6.0",
-    "cypress-real-events": "^1.7.1",
+    "cypress": "12.14.0",
+    "cypress-real-events": "1.8.1",
     "start-server-and-test": "^1.14.0",
     "typescript": "^4.9.4",
     "vite": "4.3.9"
diff --git a/package.json b/package.json
index 49679c470..0c6563a04 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,6 @@
     "@typescript-eslint/parser": "latest",
     "autoprefixer": "^10.4.8",
     "concurrently": "^7.6.0",
-    "cypress": "^10.6.0",
     "eslint": "^8.22.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
diff --git a/packages/react/src/container/Viewport/index.tsx b/packages/react/src/container/Viewport/index.tsx
index 64ed99d56..5a297c54a 100644
--- a/packages/react/src/container/Viewport/index.tsx
+++ b/packages/react/src/container/Viewport/index.tsx
@@ -13,7 +13,7 @@ function Viewport({ children }: ViewportProps) {
   const transform = useStore(selector);
 
   return (
-    <div className="react-flow__viewport react-flow__container" style={{ transform }}>
+    <div className="react-flow__viewport xyflow__viewport react-flow__container" style={{ transform }}>
       {children}
     </div>
   );
diff --git a/packages/react/src/hooks/useResizeHandler.ts b/packages/react/src/hooks/useResizeHandler.ts
index 6d8433ef1..6c611e3d9 100644
--- a/packages/react/src/hooks/useResizeHandler.ts
+++ b/packages/react/src/hooks/useResizeHandler.ts
@@ -8,6 +8,9 @@ function useResizeHandler(domNode: MutableRefObject<HTMLDivElement | null>): voi
 
   useEffect(() => {
     const updateDimensions = () => {
+      if (!domNode.current) {
+        return false;
+      }
       const size = getDimensions(domNode.current!);
 
       if (size.height === 0 || size.width === 0) {
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 52100f9ef..0b6772e25 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -1,15 +1,16 @@
 import { createStore } from 'zustand';
 import {
   clampPosition,
-  getDimensions,
-  fitView,
-  getHandleBounds,
-  internalsSymbol,
-  type CoordinateExtent,
+  fitView as fitViewSystem,
+  updateNodes,
+  updateAbsolutePositions,
+  panBy as panBySystem,
+  Dimensions,
+  updateNodeDimensions as updateNodeDimensionsSystem,
 } from '@xyflow/system';
 
 import { applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
-import { createNodeInternals, updateAbsoluteNodePositions, updateNodesAndEdgesSelections } from './utils';
+import { updateNodesAndEdgesSelections } from './utils';
 import initialState from './initialState';
 import type {
   ReactFlowState,
@@ -20,6 +21,7 @@ import type {
   NodeSelectionChange,
   NodePositionChange,
   UnselectNodesAndEdgesParams,
+  FitViewOptions,
 } from '../types';
 
 const createRFStore = () =>
@@ -27,7 +29,9 @@ const createRFStore = () =>
     ...initialState,
     setNodes: (nodes: Node[]) => {
       const { nodes: storeNodes, nodeOrigin, elevateNodesOnSelect } = get();
-      set({ nodes: createNodeInternals(nodes, storeNodes, nodeOrigin, elevateNodesOnSelect) });
+      const nextNodes = updateNodes(nodes, storeNodes, { nodeOrigin, elevateNodesOnSelect });
+
+      set({ nodes: nextNodes });
     },
     getNodes: () => {
       return get().nodes;
@@ -41,91 +45,49 @@ const createRFStore = () =>
       const hasDefaultEdges = typeof edges !== 'undefined';
 
       const nextNodes = hasDefaultNodes
-        ? createNodeInternals(nodes, [], get().nodeOrigin, get().elevateNodesOnSelect)
+        ? updateNodes(nodes, [], {
+            nodeOrigin: get().nodeOrigin,
+            elevateNodesOnSelect: get().elevateNodesOnSelect,
+          })
         : [];
       const nextEdges = hasDefaultEdges ? edges : [];
 
       set({ nodes: nextNodes, edges: nextEdges, hasDefaultNodes, hasDefaultEdges });
     },
     updateNodeDimensions: (updates) => {
-      const {
-        onNodesChange,
+      const { onNodesChange, fitView, nodes, fitViewOnInit, fitViewDone, fitViewOnInitOptions, domNode, nodeOrigin } =
+        get();
+      const changes: NodeDimensionChange[] = [];
+
+      const updatedNodes = updateNodeDimensionsSystem(
+        updates,
         nodes,
-        fitViewOnInit,
-        fitViewOnInitDone,
-        fitViewOnInitOptions,
         domNode,
         nodeOrigin,
-        width,
-        height,
-        minZoom,
-        maxZoom,
-        panZoom,
-      } = get();
-      const viewportNode = domNode?.querySelector('.react-flow__viewport');
-
-      if (!viewportNode) {
-        return;
-      }
-
-      const style = window.getComputedStyle(viewportNode);
-      const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
-      const changes: NodeDimensionChange[] = [];
-
-      const nextNodes = nodes.map((node) => {
-        const update = updates.find((change) => change.id === node.id);
-
-        if (update) {
-          const dimensions = getDimensions(update.nodeElement);
-          const doUpdate = !!(
-            dimensions.width &&
-            dimensions.height &&
-            (node.width !== dimensions.width || node.height !== dimensions.height || update.forceUpdate)
-          );
-
-          if (doUpdate) {
-            changes.push({
-              id: node.id,
-              type: 'dimensions',
-              dimensions,
-            });
-
-            return {
-              ...node,
-              ...dimensions,
-              [internalsSymbol]: {
-                ...node[internalsSymbol],
-                handleBounds: {
-                  source: getHandleBounds('.source', update.nodeElement, zoom, node.origin || nodeOrigin),
-                  target: getHandleBounds('.target', update.nodeElement, zoom, node.origin || nodeOrigin),
-                },
-              },
-            };
-          }
+        (id: string, dimensions: Dimensions) => {
+          changes.push({
+            id: id,
+            type: 'dimensions',
+            dimensions,
+          });
         }
+      );
 
-        return node;
-      });
+      if (!updatedNodes) {
+        return;
+      }
 
-      updateAbsoluteNodePositions(nextNodes, nodeOrigin);
+      const nextNodes = updateAbsolutePositions(updatedNodes, nodeOrigin);
 
-      const nextFitViewOnInitDone =
-        fitViewOnInitDone ||
+      const nextFitViewDone =
+        fitViewDone ||
         (fitViewOnInit &&
-          !!panZoom &&
-          fitView(
-            {
-              nodes: nextNodes,
-              width,
-              height,
-              panZoom,
-              minZoom,
-              maxZoom,
-              nodeOrigin,
-            },
-            fitViewOnInitOptions
-          ));
-      set({ nodes: nextNodes, fitViewOnInitDone: nextFitViewOnInitDone });
+          fitView({
+            ...fitViewOnInitOptions,
+            nodes: nextNodes,
+          }));
+
+      set({ nodes: nextNodes, fitViewDone: nextFitViewDone });
 
       if (changes?.length > 0) {
         onNodesChange?.(changes);
@@ -156,7 +118,10 @@ const createRFStore = () =>
       if (changes?.length) {
         if (hasDefaultNodes) {
           const updatedNodes = applyNodeChanges(changes, nodes);
-          const nextNodes = createNodeInternals(updatedNodes, nodes, nodeOrigin, elevateNodesOnSelect);
+          const nextNodes = updateNodes(updatedNodes, nodes, {
+            nodeOrigin,
+            elevateNodesOnSelect,
+          });
           set({ nodes: nextNodes });
         }
 
@@ -273,29 +238,28 @@ const createRFStore = () =>
     },
     panBy: (delta): boolean => {
       const { transform, width, height, panZoom, translateExtent } = get();
+      return panBySystem({ delta, panZoom, transform, translateExtent, width, height });
+    },
+    fitView: (options?: FitViewOptions): boolean => {
+      const { panZoom, nodes, width, height, minZoom, maxZoom, nodeOrigin } = get();
+      const fitViewNodes = options?.nodes || nodes;
 
-      if (!panZoom || (!delta.x && !delta.y)) {
+      if (!panZoom) {
         return false;
       }
 
-      const extent: CoordinateExtent = [
-        [0, 0],
-        [width, height],
-      ];
-
-      const constrainedTransform = panZoom.setViewportConstrained(
-        { x: transform[0] + delta.x, y: transform[1] + delta.y, zoom: transform[2] },
-        extent,
-        translateExtent
+      return fitViewSystem(
+        {
+          nodes: fitViewNodes as Node[],
+          width,
+          height,
+          panZoom,
+          minZoom,
+          maxZoom,
+          nodeOrigin,
+        },
+        options
       );
-
-      const transformChanged =
-        !!constrainedTransform &&
-        (transform[0] !== constrainedTransform.x ||
-          transform[1] !== constrainedTransform.y ||
-          transform[2] !== constrainedTransform.k);
-
-      return transformChanged;
     },
     cancelConnection: () =>
       set({
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 3ecb8c2bd..db673ef29 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -40,7 +40,7 @@ const initialState: ReactFlowStore = {
   elementsSelectable: true,
   elevateNodesOnSelect: true,
   fitViewOnInit: false,
-  fitViewOnInitDone: false,
+  fitViewDone: false,
   fitViewOnInitOptions: undefined,
   selectNodesOnDrag: true,
 
diff --git a/packages/react/src/store/utils.ts b/packages/react/src/store/utils.ts
index 209a807b8..86cddde7a 100644
--- a/packages/react/src/store/utils.ts
+++ b/packages/react/src/store/utils.ts
@@ -1,113 +1,6 @@
 import type { StoreApi } from 'zustand';
-import {
-  internalsSymbol,
-  isNumeric,
-  getNodePositionWithOrigin,
-  type XYZPosition,
-  type NodeOrigin,
-} from '@xyflow/system';
-
 import type { Edge, EdgeSelectionChange, Node, NodeSelectionChange, ReactFlowState } from '../types';
 
-type ParentNodes = Record<string, boolean>;
-
-function calculateXYZPosition(node: Node, nodes: Node[], result: XYZPosition, nodeOrigin: NodeOrigin): XYZPosition {
-  if (!node.parentNode) {
-    return result;
-  }
-
-  const parentNode = nodes.find((n) => n.id === node.parentNode)!;
-  const parentNodePosition = getNodePositionWithOrigin(parentNode, parentNode?.origin || nodeOrigin);
-
-  return calculateXYZPosition(
-    parentNode,
-    nodes,
-    {
-      x: (result.x ?? 0) + parentNodePosition.x,
-      y: (result.y ?? 0) + parentNodePosition.y,
-      z: (parentNode[internalsSymbol]?.z ?? 0) > (result.z ?? 0) ? parentNode[internalsSymbol]?.z ?? 0 : result.z ?? 0,
-    },
-    parentNode.origin || nodeOrigin
-  );
-}
-
-export function updateAbsoluteNodePositions(nodes: Node[], nodeOrigin: NodeOrigin, parentNodes?: ParentNodes) {
-  nodes.forEach((node) => {
-    if (node.parentNode && !nodes.find((n) => n.id === node.parentNode)) {
-      throw new Error(`Parent node ${node.parentNode} not found`);
-    }
-
-    if (node.parentNode || parentNodes?.[node.id]) {
-      const parentNode = node.parentNode ? nodes.find((n) => n.id === node.parentNode) : null;
-      const { x, y, z } = calculateXYZPosition(
-        node,
-        nodes,
-        {
-          ...node.position,
-          z: node[internalsSymbol]?.z ?? 0,
-        },
-        parentNode?.origin || nodeOrigin
-      );
-
-      node.positionAbsolute = {
-        x,
-        y,
-      };
-
-      node[internalsSymbol]!.z = z;
-
-      if (parentNodes?.[node.id]) {
-        node[internalsSymbol]!.isParent = true;
-      }
-    }
-  });
-}
-
-export function createNodeInternals(
-  nodes: Node[],
-  storeNodes: Node[],
-  nodeOrigin: NodeOrigin,
-  elevateNodesOnSelect: boolean
-): Node[] {
-  const nextNodes: Node[] = [];
-  const parentNodes: ParentNodes = {};
-  const selectedNodeZ: number = elevateNodesOnSelect ? 1000 : 0;
-
-  nodes.forEach((node) => {
-    const z = (isNumeric(node.zIndex) ? node.zIndex : 0) + (node.selected ? selectedNodeZ : 0);
-    const currInternals = storeNodes.find((n) => n.id === node.id);
-
-    const updatedNode: Node = {
-      width: currInternals?.width,
-      height: currInternals?.height,
-      ...node,
-      positionAbsolute: {
-        x: node.position.x,
-        y: node.position.y,
-      },
-    };
-
-    if (node.parentNode) {
-      updatedNode.parentNode = node.parentNode;
-      parentNodes[node.parentNode] = true;
-    }
-
-    Object.defineProperty(updatedNode, internalsSymbol, {
-      enumerable: false,
-      value: {
-        handleBounds: currInternals?.[internalsSymbol]?.handleBounds,
-        z,
-      },
-    });
-
-    nextNodes.push(updatedNode);
-  });
-
-  updateAbsoluteNodePositions(nodes, nodeOrigin, parentNodes);
-
-  return nextNodes;
-}
-
 export function handleControlledSelectionChange<NodeOrEdge extends Node | Edge>(
   changes: NodeSelectionChange[] | EdgeSelectionChange[],
   items: NodeOrEdge[]
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 5e489a414..7fff1f732 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -111,7 +111,7 @@ export type ReactFlowStore = {
   defaultEdgeOptions?: DefaultEdgeOptions;
 
   fitViewOnInit: boolean;
-  fitViewOnInitDone: boolean;
+  fitViewDone: boolean;
   fitViewOnInitOptions: FitViewOptions | undefined;
 
   onNodesDelete?: OnNodesDelete;
@@ -151,11 +151,11 @@ export type ReactFlowActions = {
   setTranslateExtent: (translateExtent: CoordinateExtent) => void;
   setNodeExtent: (nodeExtent: CoordinateExtent) => void;
   cancelConnection: () => void;
-  // @todo can this be reused by system?
   updateConnection: UpdateConnection;
   reset: () => void;
   triggerNodeChanges: (changes: NodeChange[]) => void;
   panBy: PanBy;
+  fitView: (options?: FitViewOptions) => boolean;
 };
 
 export type ReactFlowState = ReactFlowStore & ReactFlowActions;
diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index 5de9a3fca..74834b811 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -28,8 +28,6 @@ A basic flow looks like this:
     BackgroundVariant,
     MiniMap,
     Panel,
-    createNodes,
-    createEdges,
     type NodeTypes
   } from '../../lib/index';
   import { CustomNode } from './CustomNode';
diff --git a/packages/svelte/src/lib/container/Viewport/Viewport.svelte b/packages/svelte/src/lib/container/Viewport/Viewport.svelte
index efdc15e63..11b864e62 100644
--- a/packages/svelte/src/lib/container/Viewport/Viewport.svelte
+++ b/packages/svelte/src/lib/container/Viewport/Viewport.svelte
@@ -5,7 +5,7 @@
 </script>
 
 <div
-  class="svelte-flow__viewport"
+  class="svelte-flow__viewport xyflow__viewport"
   style="transform: translate({$transform[0]}px, {$transform[1]}px) scale({$transform[2]})"
 >
   <slot />
diff --git a/packages/svelte/src/lib/store/edge-tree.ts b/packages/svelte/src/lib/store/edge-tree.ts
index c4b3f53d5..dbbe98278 100644
--- a/packages/svelte/src/lib/store/edge-tree.ts
+++ b/packages/svelte/src/lib/store/edge-tree.ts
@@ -63,12 +63,7 @@ export function getEdgeTree(store: SvelteFlowStoreState, onError: OnError) {
         if (edgePosition) {
           res.push({
             ...edge,
-            sourceX: edgePosition.sourceX,
-            sourceY: edgePosition.sourceY,
-            targetX: edgePosition.targetX,
-            targetY: edgePosition.targetY,
-            sourcePosition: edgePosition.sourcePosition,
-            targetPosition: edgePosition.targetPosition
+            ...edgePosition
           });
         }
 
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 9934076d3..fdd9814b1 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -4,10 +4,9 @@ import {
   internalsSymbol,
   createMarkerIds,
   fitView as fitViewUtil,
-  getDimensions,
   getElementsToRemove,
-  getHandleBounds,
-  infiniteExtent,
+  panBy as panBySystem,
+  updateNodeDimensions as updateNodeDimensionsSystem,
   type UpdateNodePositions,
   type NodeDimensionUpdate,
   type ViewportHelperFunctionOptions,
@@ -52,7 +51,6 @@ export function createStore(): SvelteFlowStore {
 
   function addEdge(edgeParams: Edge | Connection) {
     const edges = get(store.edges);
-
     store.edges.set(addEdgeUtil(edgeParams, edges));
   }
 
@@ -64,6 +62,7 @@ export function createStore(): SvelteFlowStore {
         if (nodeDragItem) {
           return {
             ...n,
+            [internalsSymbol]: n[internalsSymbol],
             dragging,
             positionAbsolute: nodeDragItem.positionAbsolute,
             position: nodeDragItem.position
@@ -76,54 +75,19 @@ export function createStore(): SvelteFlowStore {
   };
 
   function updateNodeDimensions(updates: NodeDimensionUpdate[]) {
-    const viewportNode = document?.querySelector('.svelte-flow__viewport');
+    const nextNodes = updateNodeDimensionsSystem(
+      updates,
+      get(store.nodes),
+      get(store.domNode),
+      get(store.nodeOrigin)
+    );
 
-    if (!viewportNode) {
+    if (!nextNodes) {
       return;
     }
 
-    const style = window.getComputedStyle(viewportNode);
-    const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
-    const nextNodes = get(store.nodes).map((node) => {
-      const update = updates.find((u) => u.id === node.id);
-
-      if (update) {
-        const dimensions = getDimensions(update.nodeElement);
-
-        const doUpdate = !!(
-          dimensions.width &&
-          dimensions.height &&
-          (node.width !== dimensions.width ||
-            node.height !== dimensions.height ||
-            update.forceUpdate)
-        );
-
-        if (doUpdate) {
-          const newNode = {
-            ...node,
-            width: dimensions.width,
-            height: dimensions.height,
-            [internalsSymbol]: {
-              ...node[internalsSymbol],
-              handleBounds: {
-                source: getHandleBounds('.source', update.nodeElement, zoom, node.origin),
-                target: getHandleBounds('.target', update.nodeElement, zoom, node.origin)
-              }
-            }
-          };
-
-          return newNode;
-        }
-      }
-
-      return node;
-    });
-
-    const panZoom = get(store.panZoom);
-
     const fitViewOnInitDone =
-      get(store.fitViewOnInitDone) ||
-      (get(store.fitViewOnInit) && !!panZoom && fitView({ nodes: nextNodes }));
+      get(store.fitViewOnInitDone) || (get(store.fitViewOnInit) && fitView({ nodes: nextNodes }));
 
     store.fitViewOnInitDone.set(fitViewOnInitDone);
     store.nodes.set(nextNodes);
@@ -174,22 +138,21 @@ export function createStore(): SvelteFlowStore {
 
   function fitView(options?: FitViewOptions) {
     const panZoom = get(store.panZoom);
+    const fitViewNodes = options?.nodes || get(store.nodes);
 
     if (!panZoom) {
       return false;
     }
 
-    const fitViewNodes = options?.nodes || get(store.nodes);
-
     return fitViewUtil(
       {
         nodes: fitViewNodes as Node[],
         width: get(store.width),
         height: get(store.height),
-        minZoom: 0.2,
-        maxZoom: 2,
+        minZoom: get(store.minZoom),
+        maxZoom: get(store.maxZoom),
         panZoom,
-        nodeOrigin: [0, 0]
+        nodeOrigin: get(store.nodeOrigin)
       },
       {}
     );
@@ -270,35 +233,14 @@ export function createStore(): SvelteFlowStore {
   }
 
   function panBy(delta: XYPosition) {
-    const panZoom = get(store.panZoom);
-    const transform = get(store.transform);
-    const width = get(store.width);
-    const height = get(store.height);
-
-    if (!panZoom || (!delta.x && !delta.y)) {
-      return false;
-    }
-
-    const nextViewport = panZoom.setViewportConstrained(
-      {
-        x: transform[0] + delta.x,
-        y: transform[1] + delta.y,
-        zoom: transform[2]
-      },
-      [
-        [0, 0],
-        [width, height]
-      ],
-      infiniteExtent
-    );
-
-    const transformChanged =
-      !!nextViewport &&
-      (nextViewport.x !== transform[0] ||
-        nextViewport.y !== transform[1] ||
-        nextViewport.k !== transform[2]);
-
-    return transformChanged;
+    return panBySystem({
+      delta,
+      panZoom: get(store.panZoom),
+      transform: get(store.transform),
+      translateExtent: get(store.translateExtent),
+      width: get(store.width),
+      height: get(store.height)
+    });
   }
 
   const updateConnection: UpdateConnection = (update) => {
@@ -328,6 +270,8 @@ export function createStore(): SvelteFlowStore {
     store.selectionRectMode.set(null);
     store.snapGrid.set(null);
     store.isValidConnection.set(() => true);
+    store.nodes.set([]);
+    store.edges.set([]);
 
     unselectNodesAndEdges();
     cancelConnection();
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 84b576dff..07a9b96fe 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -11,7 +11,8 @@ import {
   type PanZoomInstance,
   type CoordinateExtent,
   type IsValidConnection,
-  type GroupedEdges
+  type GroupedEdges,
+  type NodeOrigin
 } from '@xyflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -22,7 +23,7 @@ import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
 import StepEdge from '$lib/components/edges/StepEdge.svelte';
 import type { ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted, Node } from '$lib/types';
-import { createNodes, createEdges } from './utils';
+import { createNodesStore, createEdgesStore } from './utils';
 
 export const initConnectionData = {
   connectionStartHandle: null,
@@ -46,14 +47,15 @@ export const initialEdgeTypes = {
 
 export const getInitialStore = () => ({
   flowId: writable<string | null>(null),
-  nodes: createNodes([]),
+  nodes: createNodesStore([]),
   visibleNodes: readable<Node[]>([]),
-  edges: createEdges([]),
+  edges: createEdgesStore([]),
   edgeTree: readable<GroupedEdges<EdgeLayouted>[]>([]),
   height: writable<number>(500),
   width: writable<number>(500),
   minZoom: writable<number>(0.5),
   maxZoom: writable<number>(2),
+  nodeOrigin: writable<NodeOrigin>([0, 0]),
   nodeExtent: writable<CoordinateExtent>(infiniteExtent),
   translateExtent: writable<CoordinateExtent>(infiniteExtent),
   autoPanOnNodeDrag: writable<boolean>(true),
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index 5f75947b1..3c94d3156 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -6,17 +6,14 @@ import {
   type Writable,
   get
 } from 'svelte/store';
-import {
-  isNumeric,
-  getNodePositionWithOrigin,
-  internalsSymbol,
-  type XYZPosition
-} from '@xyflow/system';
+import { updateNodes } from '@xyflow/system';
 
 import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, Node } from '$lib/types';
 
+// we need to sync the user nodes and the internal nodes so that the user can receive the updates
+// made by Svelte Flow (like dragging or selecting a node).
 export function syncNodeStores(
-  nodesStore: ReturnType<typeof createNodes>,
+  nodesStore: ReturnType<typeof createNodesStore>,
   userNodesStore: Writable<Node[]>
 ) {
   const nodesStoreSetter = nodesStore.set;
@@ -38,8 +35,9 @@ export function syncNodeStores(
   nodesStore.update = userNodesStore.update = (fn: (nds: Node[]) => Node[]) => _set(fn(val));
 }
 
+// same for edges
 export function syncEdgeStores(
-  edgesStore: ReturnType<typeof createEdges>,
+  edgesStore: ReturnType<typeof createEdgesStore>,
   userEdgesStore: Writable<Edge[]>
 ) {
   const nodesStoreSetter = edgesStore.set;
@@ -58,66 +56,33 @@ export function syncEdgeStores(
   edgesStore.update = userEdgesStore.update = (fn: (nds: Edge[]) => Edge[]) => _set(fn(val));
 }
 
-export const createNodes = (
+export type NodeStoreOptions = {
+  elevateNodesOnSelect?: boolean;
+};
+
+// we are creating a custom store for the internals nodes in order to update the zIndex and positionAbsolute.
+// The user only passes in relative positions, so we need to calculate the absolute positions based on the parent nodes.
+export const createNodesStore = (
   nodes: Node[]
 ): {
   subscribe: (this: void, run: Subscriber<Node[]>) => Unsubscriber;
   update: (this: void, updater: Updater<Node[]>) => void;
   set: (this: void, value: Node[]) => Node[];
   setDefaultOptions: (opts: DefaultNodeOptions) => void;
+  setOptions: (opts: NodeStoreOptions) => void;
 } => {
   const { subscribe, set, update } = writable<Node[]>([]);
   let value = nodes;
   let defaults = {};
+  let elevateNodesOnSelect = false;
 
   const _set = (nds: Node[]): Node[] => {
-    const parentNodes: Record<string, boolean> = {};
-
-    const nextNodes = nds.map((n) => {
-      const node: Node = { ...defaults, ...n, positionAbsolute: n.position };
-      const z = (isNumeric(node.zIndex) ? node.zIndex : 0) + (node.selected ? 1 : 0);
-
-      if (node.parentNode) {
-        parentNodes[node.parentNode] = true;
-      }
-
-      Object.defineProperty(node, internalsSymbol, {
-        value: {
-          handleBounds: node?.[internalsSymbol]?.handleBounds,
-          z
-        }
-      });
-
-      return node;
+    const nextNodes = updateNodes(nds, value, {
+      elevateNodesOnSelect,
+      defaults
     });
 
-    const nodesWithPositions = nextNodes.map((node) => {
-      if (node.parentNode && !parentNodes[node.parentNode]) {
-        throw new Error(`Parent node ${node.parentNode} not found`);
-      }
-
-      if (node.parentNode || parentNodes?.[node.id]) {
-        const { x, y, z } = calculateXYZPosition(node, nextNodes, {
-          ...node.position,
-          z: node[internalsSymbol]?.z ?? 0
-        });
-
-        node.positionAbsolute = {
-          x,
-          y
-        };
-
-        node[internalsSymbol]!.z = z;
-
-        if (parentNodes?.[node.id]) {
-          node[internalsSymbol]!.isParent = true;
-        }
-      }
-
-      return node;
-    });
-
-    value = nodesWithPositions;
+    value = nextNodes;
 
     set(value);
 
@@ -130,17 +95,22 @@ export const createNodes = (
     defaults = options;
   };
 
+  const setOptions = (options: NodeStoreOptions) => {
+    elevateNodesOnSelect = options.elevateNodesOnSelect ?? elevateNodesOnSelect;
+  };
+
   _set(value);
 
   return {
     subscribe,
     set: _set,
     update: _update,
-    setDefaultOptions
+    setDefaultOptions,
+    setOptions
   };
 };
 
-export const createEdges = (
+export const createEdgesStore = (
   edges: Edge[],
   defaultOptions?: DefaultEdgeOptions
 ): Writable<Edge[]> & { setDefaultOptions: (opts: DefaultEdgeOptions) => void } => {
@@ -169,20 +139,3 @@ export const createEdges = (
     setDefaultOptions
   };
 };
-
-function calculateXYZPosition(node: Node, nodes: Node[], result: XYZPosition): XYZPosition {
-  if (!node.parentNode) {
-    return result;
-  }
-  const parentNode = nodes.find((n) => n.id === node.parentNode)!;
-  const parentNodePosition = getNodePositionWithOrigin(parentNode, parentNode?.origin);
-
-  return calculateXYZPosition(parentNode, nodes, {
-    x: (result.x ?? 0) + parentNodePosition.x,
-    y: (result.y ?? 0) + parentNodePosition.y,
-    z:
-      (parentNode[internalsSymbol]?.z ?? 0) > (result.z ?? 0)
-        ? parentNode[internalsSymbol]?.z ?? 0
-        : result.z ?? 0
-  });
-}
diff --git a/packages/svelte/src/routes/drag-n-drop/Flow.svelte b/packages/svelte/src/routes/drag-n-drop/Flow.svelte
index 7545e2542..f5a0b6d15 100644
--- a/packages/svelte/src/routes/drag-n-drop/Flow.svelte
+++ b/packages/svelte/src/routes/drag-n-drop/Flow.svelte
@@ -80,6 +80,10 @@
 
     svelteFlow.nodes.update((nds) => nds.concat(newNode));
   };
+
+  $: {
+    console.log($nodes);
+  }
 </script>
 
 <main>
diff --git a/packages/system/src/utils/index.ts b/packages/system/src/utils/index.ts
index a482f65aa..30a7e9618 100644
--- a/packages/system/src/utils/index.ts
+++ b/packages/system/src/utils/index.ts
@@ -3,3 +3,4 @@ export * from './edges';
 export * from './graph';
 export * from './general';
 export * from './marker';
+export * from './store';
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
new file mode 100644
index 000000000..ac1c622b6
--- /dev/null
+++ b/packages/system/src/utils/store.ts
@@ -0,0 +1,218 @@
+import { internalsSymbol } from '../constants';
+import {
+  BaseNode,
+  CoordinateExtent,
+  Dimensions,
+  NodeDimensionUpdate,
+  NodeOrigin,
+  PanZoomInstance,
+  Transform,
+  XYPosition,
+  XYZPosition,
+} from '../types';
+import { getDimensions, getHandleBounds } from './dom';
+import { isNumeric } from './general';
+import { getNodePositionWithOrigin } from './graph';
+
+type ParentNodes = Record<string, boolean>;
+
+export function updateAbsolutePositions<NodeType extends BaseNode>(
+  nodes: NodeType[],
+  nodeOrigin: NodeOrigin = [0, 0],
+  parentNodes?: ParentNodes
+) {
+  return nodes.map((node) => {
+    if (node.parentNode && !nodes.find((n) => n.id === node.parentNode)) {
+      throw new Error(`Parent node ${node.parentNode} not found`);
+    }
+
+    if (node.parentNode || parentNodes?.[node.id]) {
+      const parentNode = node.parentNode ? nodes.find((n) => n.id === node.parentNode) : null;
+      const { x, y, z } = calculateXYZPosition(
+        node,
+        nodes,
+        {
+          ...node.position,
+          z: node[internalsSymbol]?.z ?? 0,
+        },
+        parentNode?.origin || nodeOrigin
+      );
+
+      node.positionAbsolute = {
+        x,
+        y,
+      };
+
+      node[internalsSymbol]!.z = z;
+
+      if (parentNodes?.[node.id]) {
+        node[internalsSymbol]!.isParent = true;
+      }
+    }
+
+    return node;
+  });
+}
+
+type UpdateNodesOptions<NodeType extends BaseNode> = {
+  nodeOrigin?: NodeOrigin;
+  elevateNodesOnSelect?: boolean;
+  defaults?: Partial<NodeType>;
+};
+
+export function updateNodes<NodeType extends BaseNode>(
+  nodes: NodeType[],
+  storeNodes: NodeType[],
+  options: UpdateNodesOptions<NodeType> = {
+    nodeOrigin: [0, 0] as NodeOrigin,
+    elevateNodesOnSelect: true,
+    defaults: {},
+  }
+): NodeType[] {
+  const parentNodes: ParentNodes = {};
+  const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
+
+  const nextNodes = nodes.map((n) => {
+    const currentStoreNode = storeNodes.find((storeNode) => n.id === storeNode.id);
+    const node: NodeType = {
+      ...options.defaults,
+      ...n,
+      positionAbsolute: n.position,
+      width: n.width || currentStoreNode?.width,
+      height: n.height || currentStoreNode?.height,
+    };
+    const z = (isNumeric(n.zIndex) ? n.zIndex : 0) + (n.selected ? selectedNodeZ : 0);
+    const currInternals = n?.[internalsSymbol] || currentStoreNode?.[internalsSymbol];
+
+    if (node.parentNode) {
+      parentNodes[node.parentNode] = true;
+    }
+
+    Object.defineProperty(node, internalsSymbol, {
+      enumerable: false,
+      value: {
+        handleBounds: currInternals?.handleBounds,
+        z,
+      },
+    });
+
+    return node;
+  });
+
+  const nodesWithPositions = updateAbsolutePositions(nextNodes, options.nodeOrigin, parentNodes);
+
+  return nodesWithPositions;
+}
+
+function calculateXYZPosition<NodeType extends BaseNode>(
+  node: NodeType,
+  nodes: NodeType[],
+  result: XYZPosition,
+  nodeOrigin: NodeOrigin
+): XYZPosition {
+  if (!node.parentNode) {
+    return result;
+  }
+
+  const parentNode = nodes.find((n) => n.id === node.parentNode)!;
+  const parentNodePosition = getNodePositionWithOrigin(parentNode, parentNode?.origin || nodeOrigin);
+
+  return calculateXYZPosition(
+    parentNode,
+    nodes,
+    {
+      x: (result.x ?? 0) + parentNodePosition.x,
+      y: (result.y ?? 0) + parentNodePosition.y,
+      z: (parentNode[internalsSymbol]?.z ?? 0) > (result.z ?? 0) ? parentNode[internalsSymbol]?.z ?? 0 : result.z ?? 0,
+    },
+    parentNode.origin || nodeOrigin
+  );
+}
+
+export function updateNodeDimensions(
+  updates: NodeDimensionUpdate[],
+  nodes: BaseNode[],
+  domNode: HTMLElement | null,
+  nodeOrigin?: NodeOrigin,
+  onUpdate?: (id: string, dimensions: Dimensions) => void
+): BaseNode[] | null {
+  const viewportNode = domNode?.querySelector('.xyflow__viewport');
+
+  if (!viewportNode) {
+    return null;
+  }
+
+  const style = window.getComputedStyle(viewportNode);
+  const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
+
+  const nextNodes = nodes.map((node) => {
+    const update = updates.find((u) => u.id === node.id);
+    if (update) {
+      const dimensions = getDimensions(update.nodeElement);
+      const doUpdate = !!(
+        dimensions.width &&
+        dimensions.height &&
+        (node.width !== dimensions.width || node.height !== dimensions.height || update.forceUpdate)
+      );
+
+      if (doUpdate) {
+        onUpdate?.(node.id, dimensions);
+
+        return {
+          ...node,
+          ...dimensions,
+          [internalsSymbol]: {
+            ...node[internalsSymbol],
+            handleBounds: {
+              source: getHandleBounds('.source', update.nodeElement, zoom, node.origin || nodeOrigin),
+              target: getHandleBounds('.target', update.nodeElement, zoom, node.origin || nodeOrigin),
+            },
+          },
+        };
+      }
+    }
+
+    return node;
+  });
+
+  return nextNodes;
+}
+
+export function panBy({
+  delta,
+  panZoom,
+  transform,
+  translateExtent,
+  width,
+  height,
+}: {
+  delta: XYPosition;
+  panZoom: PanZoomInstance | null;
+  transform: Transform;
+  translateExtent: CoordinateExtent;
+  width: number;
+  height: number;
+}) {
+  if (!panZoom || (!delta.x && !delta.y)) {
+    return false;
+  }
+
+  const nextViewport = panZoom.setViewportConstrained(
+    {
+      x: transform[0] + delta.x,
+      y: transform[1] + delta.y,
+      zoom: transform[2],
+    },
+    [
+      [0, 0],
+      [width, height],
+    ],
+    translateExtent
+  );
+
+  const transformChanged =
+    !!nextViewport &&
+    (nextViewport.x !== transform[0] || nextViewport.y !== transform[1] || nextViewport.k !== transform[2]);
+
+  return transformChanged;
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1784c0190..0e112b552 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -62,8 +62,8 @@ importers:
       '@vitejs/plugin-react-swc': ^3.3.2
       '@xyflow/react': workspace:*
       classcat: ^5.0.3
-      cypress: ^10.6.0
-      cypress-real-events: ^1.7.1
+      cypress: 12.14.0
+      cypress-real-events: 1.8.1
       dagre: ^0.8.5
       localforage: ^1.10.0
       react: ^18.2.0
@@ -89,8 +89,8 @@ importers:
       '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.4
       '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react/4.0.0_vite@4.3.9
       '@vitejs/plugin-react-swc': registry.npmjs.org/@vitejs/plugin-react-swc/3.3.2_vite@4.3.9
-      cypress: registry.npmjs.org/cypress/10.11.0
-      cypress-real-events: registry.npmjs.org/cypress-real-events/1.8.1_cypress@10.11.0
+      cypress: registry.npmjs.org/cypress/12.14.0
+      cypress-real-events: registry.npmjs.org/cypress-real-events/1.8.1_cypress@12.14.0
       start-server-and-test: registry.npmjs.org/start-server-and-test/1.15.4
       typescript: registry.npmjs.org/typescript/4.9.5
       vite: registry.npmjs.org/vite/4.3.9
@@ -2036,7 +2036,7 @@ packages:
     version: 2.10.0
     requiresBuild: true
     dependencies:
-      '@types/node': registry.npmjs.org/@types/node/14.18.48
+      '@types/node': registry.npmjs.org/@types/node/18.16.16
     dev: true
     optional: true
 
@@ -2874,6 +2874,13 @@ packages:
     engines: {node: '>= 6'}
     dev: true
 
+  registry.npmjs.org/commander/6.2.1:
+    resolution: {integrity: sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/commander/-/commander-6.2.1.tgz}
+    name: commander
+    version: 6.2.1
+    engines: {node: '>= 6'}
+    dev: true
+
   registry.npmjs.org/common-tags/1.8.2:
     resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz}
     name: common-tags
@@ -2995,7 +3002,7 @@ packages:
       stream-transform: registry.npmjs.org/stream-transform/2.1.3
     dev: true
 
-  registry.npmjs.org/cypress-real-events/1.8.1_cypress@10.11.0:
+  registry.npmjs.org/cypress-real-events/1.8.1_cypress@12.14.0:
     resolution: {integrity: sha512-8fFnA8EzS3EVbAmpSEUf3A8yZCmfU3IPOSGUDVFCdE1ke1gYL1A+gvXXV6HKUbTPRuvKKt2vpaMbUwYLpDRswQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress-real-events/-/cypress-real-events-1.8.1.tgz}
     id: registry.npmjs.org/cypress-real-events/1.8.1
     name: cypress-real-events
@@ -3003,7 +3010,7 @@ packages:
     peerDependencies:
       cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x
     dependencies:
-      cypress: registry.npmjs.org/cypress/10.11.0
+      cypress: registry.npmjs.org/cypress/12.14.0
     dev: true
 
   registry.npmjs.org/cypress/10.11.0:
@@ -3058,6 +3065,58 @@ packages:
       yauzl: registry.npmjs.org/yauzl/2.10.0
     dev: true
 
+  registry.npmjs.org/cypress/12.14.0:
+    resolution: {integrity: sha512-HiLIXKXZaIT1RT7sw1sVPt+qKtis3uYNm6KwC4qoYjabwLKaqZlyS/P+uVvvlBNcHIwL/BC6nQZajpbUd7hOgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress/-/cypress-12.14.0.tgz}
+    name: cypress
+    version: 12.14.0
+    engines: {node: ^14.0.0 || ^16.0.0 || >=18.0.0}
+    hasBin: true
+    requiresBuild: true
+    dependencies:
+      '@cypress/request': registry.npmjs.org/@cypress/request/2.88.11
+      '@cypress/xvfb': registry.npmjs.org/@cypress/xvfb/1.2.4_supports-color@8.1.1
+      '@types/node': registry.npmjs.org/@types/node/14.18.48
+      '@types/sinonjs__fake-timers': registry.npmjs.org/@types/sinonjs__fake-timers/8.1.1
+      '@types/sizzle': registry.npmjs.org/@types/sizzle/2.3.3
+      arch: registry.npmjs.org/arch/2.2.0
+      blob-util: registry.npmjs.org/blob-util/2.0.2
+      bluebird: registry.npmjs.org/bluebird/3.7.2
+      buffer: registry.npmjs.org/buffer/5.7.1
+      cachedir: registry.npmjs.org/cachedir/2.3.0
+      chalk: registry.npmjs.org/chalk/4.1.2
+      check-more-types: registry.npmjs.org/check-more-types/2.24.0
+      cli-cursor: registry.npmjs.org/cli-cursor/3.1.0
+      cli-table3: registry.npmjs.org/cli-table3/0.6.3
+      commander: registry.npmjs.org/commander/6.2.1
+      common-tags: registry.npmjs.org/common-tags/1.8.2
+      dayjs: registry.npmjs.org/dayjs/1.11.8
+      debug: registry.npmjs.org/debug/4.3.4_supports-color@8.1.1
+      enquirer: registry.npmjs.org/enquirer/2.3.6
+      eventemitter2: registry.npmjs.org/eventemitter2/6.4.7
+      execa: registry.npmjs.org/execa/4.1.0
+      executable: registry.npmjs.org/executable/4.1.1
+      extract-zip: registry.npmjs.org/extract-zip/2.0.1_supports-color@8.1.1
+      figures: registry.npmjs.org/figures/3.2.0
+      fs-extra: registry.npmjs.org/fs-extra/9.1.0
+      getos: registry.npmjs.org/getos/3.2.1
+      is-ci: registry.npmjs.org/is-ci/3.0.1
+      is-installed-globally: registry.npmjs.org/is-installed-globally/0.4.0
+      lazy-ass: registry.npmjs.org/lazy-ass/1.6.0
+      listr2: registry.npmjs.org/listr2/3.14.0_enquirer@2.3.6
+      lodash: registry.npmjs.org/lodash/4.17.21
+      log-symbols: registry.npmjs.org/log-symbols/4.1.0
+      minimist: registry.npmjs.org/minimist/1.2.8
+      ospath: registry.npmjs.org/ospath/1.2.2
+      pretty-bytes: registry.npmjs.org/pretty-bytes/5.6.0
+      proxy-from-env: registry.npmjs.org/proxy-from-env/1.0.0
+      request-progress: registry.npmjs.org/request-progress/3.0.0
+      semver: registry.npmjs.org/semver/7.5.1
+      supports-color: registry.npmjs.org/supports-color/8.1.1
+      tmp: registry.npmjs.org/tmp/0.2.1
+      untildify: registry.npmjs.org/untildify/4.0.0
+      yauzl: registry.npmjs.org/yauzl/2.10.0
+    dev: true
+
   registry.npmjs.org/d3-color/3.1.0:
     resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz}
     name: d3-color

From 9dfec49ed504059a6ed7043d95e51d0db42baaa6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 13 Jun 2023 16:54:26 +0200
Subject: [PATCH 0100/1093] chore(system): rename BaseNode/BaseEdge types to
 NodeBase/EdgeBase

---
 examples/vite-app/package.json               |   2 +-
 package.json                                 |   2 +-
 packages/react/package.json                  |   8 +-
 packages/react/src/types/edges.ts            |   4 +-
 packages/react/src/types/nodes.ts            |   4 +-
 packages/svelte/package.json                 |   2 +-
 packages/svelte/src/lib/store/index.ts       |   8 +-
 packages/svelte/src/lib/types/edges.ts       |   4 +-
 packages/svelte/src/lib/types/nodes.ts       |   4 +-
 packages/system/package.json                 |   4 +-
 packages/system/src/types/edges.ts           |   4 +-
 packages/system/src/types/general.ts         |  12 +-
 packages/system/src/types/nodes.ts           |  18 +-
 packages/system/src/utils/edges/general.ts   |  20 +-
 packages/system/src/utils/edges/positions.ts |   8 +-
 packages/system/src/utils/general.ts         |   6 +-
 packages/system/src/utils/graph.ts           |  26 +-
 packages/system/src/utils/marker.ts          |   4 +-
 packages/system/src/utils/store.ts           |  14 +-
 packages/system/src/xydrag/XYDrag.ts         |  10 +-
 packages/system/src/xydrag/utils.ts          |  12 +-
 packages/system/src/xyhandle/XYHandle.ts     |   4 +-
 packages/system/src/xyhandle/utils.ts        |   6 +-
 packages/system/tsconfig.json                |   8 +-
 pnpm-lock.yaml                               | 855 +++++++++----------
 25 files changed, 499 insertions(+), 550 deletions(-)

diff --git a/examples/vite-app/package.json b/examples/vite-app/package.json
index 4bf5ff556..3e2e707a6 100644
--- a/examples/vite-app/package.json
+++ b/examples/vite-app/package.json
@@ -33,7 +33,7 @@
     "cypress": "12.14.0",
     "cypress-real-events": "1.8.1",
     "start-server-and-test": "^1.14.0",
-    "typescript": "^4.9.4",
+    "typescript": "5.1.3",
     "vite": "4.3.9"
   }
 }
diff --git a/package.json b/package.json
index 0c6563a04..7a5cee96d 100644
--- a/package.json
+++ b/package.json
@@ -37,6 +37,6 @@
     "rimraf": "^3.0.2",
     "rollup": "^3.23.0",
     "turbo": "^1.10.0",
-    "typescript": "^4.9.4"
+    "typescript": "5.1.3"
   }
 }
diff --git a/packages/react/package.json b/packages/react/package.json
index b3a0dc322..4e2bd02dd 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -55,14 +55,14 @@
     "react-dom": ">=17"
   },
   "devDependencies": {
-    "@xyflow/eslint-config": "workspace:*",
-    "@xyflow/rollup-config": "workspace:*",
-    "@xyflow/tsconfig": "workspace:*",
     "@types/node": "^18.7.16",
     "@types/react": ">=17",
     "@types/react-dom": ">=17",
+    "@xyflow/eslint-config": "workspace:*",
+    "@xyflow/rollup-config": "workspace:*",
+    "@xyflow/tsconfig": "workspace:*",
     "react": "^18.2.0",
-    "typescript": "^4.9.4"
+    "typescript": "5.1.3"
   },
   "rollup": {
     "globals": {
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index e470b9189..cd29a85f3 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -2,7 +2,7 @@
 
 import type { CSSProperties, HTMLAttributes, ReactNode, MouseEvent as ReactMouseEvent, ComponentType } from 'react';
 import type {
-  BaseEdge,
+  EdgeBase,
   BezierPathOptions,
   Position,
   SmoothStepPathOptions,
@@ -28,7 +28,7 @@ export type EdgeLabelOptions = {
 
 export type EdgeUpdatable = boolean | HandleType;
 
-export type DefaultEdge<EdgeData = any> = BaseEdge<EdgeData> & {
+export type DefaultEdge<EdgeData = any> = EdgeBase<EdgeData> & {
   style?: CSSProperties;
   className?: string;
   sourceNode?: Node;
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index 794a1cf1a..9f5edc0a3 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -1,7 +1,7 @@
 import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
-import type { BaseNode } from '@xyflow/system';
+import type { NodeBase } from '@xyflow/system';
 
-export type Node<NodeData = any, NodeType extends string | undefined = string | undefined> = BaseNode<
+export type Node<NodeData = any, NodeType extends string | undefined = string | undefined> = NodeBase<
   NodeData,
   NodeType
 > & {
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 54cfddb87..18d2197e2 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -35,7 +35,7 @@
     "svelte": "^3.59.1",
     "svelte-check": "^3.4.3",
     "tslib": "^2.4.1",
-    "typescript": "^4.9.3",
+    "typescript": "5.1.3",
     "vite": "^4.3.9"
   },
   "peerDependencies": {
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index fdd9814b1..b548f2578 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -13,7 +13,9 @@ import {
   type Connection,
   type XYPosition,
   type CoordinateExtent,
-  type UpdateConnection
+  type UpdateConnection,
+  type NodeBase,
+  type NodeDragItem
 } from '@xyflow/system';
 
 import { addEdge as addEdgeUtil } from '$lib/utils';
@@ -57,7 +59,9 @@ export function createStore(): SvelteFlowStore {
   const updateNodePositions: UpdateNodePositions = (nodeDragItems, dragging = false) => {
     store.nodes.update((nds) => {
       return nds.map((n) => {
-        const nodeDragItem = nodeDragItems.find((ndi) => ndi.id === n.id);
+        const nodeDragItem = (nodeDragItems as Array<NodeBase | NodeDragItem>).find(
+          (ndi) => ndi.id === n.id
+        );
 
         if (nodeDragItem) {
           return {
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 981a0ae2b..2f7817eea 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type { SvelteComponentTyped } from 'svelte';
 import type {
-  BaseEdge,
+  EdgeBase,
   BezierPathOptions,
   DefaultEdgeOptionsBase,
   EdgePosition,
@@ -10,7 +10,7 @@ import type {
 
 import type { Node } from '$lib/types';
 
-export type DefaultEdge<EdgeData = any> = BaseEdge<EdgeData> & {
+export type DefaultEdge<EdgeData = any> = EdgeBase<EdgeData> & {
   label?: string;
   labelStyle?: string;
   style?: string;
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index 7daea232d..d36e2a966 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 import type { SvelteComponentTyped } from 'svelte';
-import type { BaseNode, NodeProps } from '@xyflow/system';
+import type { NodeBase, NodeProps } from '@xyflow/system';
 
 // @todo: currently the helper function only like Node from '@reactflow/core'
 // we need a base node type or helpes that accept Node like types
@@ -9,7 +9,7 @@ import type { BaseNode, NodeProps } from '@xyflow/system';
 export type Node<
   NodeData = any,
   NodeType extends string | undefined = string | undefined
-> = BaseNode<NodeData, NodeType> & {
+> = NodeBase<NodeData, NodeType> & {
   class?: string;
   style?: string;
 };
diff --git a/packages/system/package.json b/packages/system/package.json
index ab64f19f1..1043ceba2 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@xyflow/system",
   "version": "0.0.1",
-  "description": "Core system of xyflow.",
+  "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",
     "graph",
@@ -48,7 +48,7 @@
     "@xyflow/eslint-config": "workspace:*",
     "@xyflow/rollup-config": "workspace:*",
     "@xyflow/tsconfig": "workspace:*",
-    "typescript": "^4.9.4"
+    "typescript": "5.1.3"
   },
   "rollup": {
     "globals": {
diff --git a/packages/system/src/types/edges.ts b/packages/system/src/types/edges.ts
index 32888fe1a..855682d21 100644
--- a/packages/system/src/types/edges.ts
+++ b/packages/system/src/types/edges.ts
@@ -1,7 +1,7 @@
 import { Position } from './utils';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type BaseEdge<EdgeData = any> = {
+export type EdgeBase<EdgeData = any> = {
   id: string;
   type?: string;
   source: string;
@@ -31,7 +31,7 @@ export type BezierPathOptions = {
   curvature?: number;
 };
 
-export type DefaultEdgeOptionsBase<EdgeType extends BaseEdge> = Omit<
+export type DefaultEdgeOptionsBase<EdgeType extends EdgeBase> = Omit<
   EdgeType,
   'id' | 'source' | 'target' | 'sourceHandle' | 'targetHandle' | 'sourceNode' | 'targetNode'
 >;
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 0190f7df3..379ca7e92 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -2,10 +2,10 @@
 import type { D3DragEvent, Selection as D3Selection, SubjectPosition, ZoomBehavior } from 'd3';
 
 import type { XYPosition, Rect } from './utils';
-import type { BaseNode, NodeDragItem, NodeOrigin } from './nodes';
+import type { NodeBase, NodeDragItem, NodeOrigin } from './nodes';
 import type { ConnectingHandle, HandleType } from './handles';
 import { PanZoomInstance } from './panzoom';
-import { BaseEdge } from '..';
+import { EdgeBase } from '..';
 
 export type Project = (position: XYPosition) => XYPosition;
 
@@ -45,9 +45,9 @@ export type OnConnectStart = (event: MouseEvent | TouchEvent, params: OnConnectS
 export type OnConnect = (connection: Connection) => void;
 export type OnConnectEnd = (event: MouseEvent | TouchEvent) => void;
 
-export type IsValidConnection = (edge: BaseEdge | Connection) => boolean;
+export type IsValidConnection = (edge: EdgeBase | Connection) => boolean;
 
-export type FitViewParamsBase<NodeType extends BaseNode> = {
+export type FitViewParamsBase<NodeType extends NodeBase> = {
   nodes: NodeType[];
   width: number;
   height: number;
@@ -57,7 +57,7 @@ export type FitViewParamsBase<NodeType extends BaseNode> = {
   nodeOrigin?: NodeOrigin;
 };
 
-export type FitViewOptionsBase<NodeType extends BaseNode> = {
+export type FitViewOptionsBase<NodeType extends NodeBase> = {
   padding?: number;
   includeHiddenNodes?: boolean;
   minZoom?: number;
@@ -124,7 +124,7 @@ export type SelectionRect = Rect & {
 export type OnError = (id: string, message: string) => void;
 
 export type UpdateNodePositions = (
-  dragItems: NodeDragItem[] | BaseNode[],
+  dragItems: NodeDragItem[] | NodeBase[],
   positionChanged?: boolean,
   dragging?: boolean
 ) => void;
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 1a1ebb678..52731a079 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -3,7 +3,7 @@ import { internalsSymbol } from '../constants';
 import type { XYPosition, Position, CoordinateExtent, HandleElement } from '.';
 
 // this is stuff that all nodes share independent of the framework
-export type BaseNode<T = any, U extends string | undefined = string | undefined> = {
+export type NodeBase<T = any, U extends string | undefined = string | undefined> = {
   id: string;
   position: XYPosition;
   data: T;
@@ -39,13 +39,13 @@ export type BaseNode<T = any, U extends string | undefined = string | undefined>
 
 // props that get passed to a custom node
 export type NodeProps<T = any> = {
-  id: BaseNode['id'];
+  id: NodeBase['id'];
   data: T;
-  dragHandle: BaseNode['dragHandle'];
-  type: BaseNode['type'];
-  selected: BaseNode['selected'];
-  isConnectable: BaseNode['connectable'];
-  zIndex: BaseNode['zIndex'];
+  dragHandle: NodeBase['dragHandle'];
+  type: NodeBase['type'];
+  selected: NodeBase['selected'];
+  isConnectable: NodeBase['connectable'];
+  zIndex: NodeBase['zIndex'];
   xPos: number;
   yPos: number;
   dragging: boolean;
@@ -85,6 +85,6 @@ export type NodeDragItem = {
 
 export type NodeOrigin = [number, number];
 
-export type OnNodeDrag = (event: MouseEvent, node: BaseNode, nodes: BaseNode[]) => void;
+export type OnNodeDrag = (event: MouseEvent, node: NodeBase, nodes: NodeBase[]) => void;
 
-export type OnSelectionDrag = (event: MouseEvent, nodes: BaseNode[]) => void;
+export type OnSelectionDrag = (event: MouseEvent, nodes: NodeBase[]) => void;
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index fce5c81ac..69c5d638b 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -1,5 +1,5 @@
 import { Connection, Transform, errorMessages, internalsSymbol, isEdgeBase } from '../..';
-import { BaseEdge, BaseNode } from '../../types';
+import { EdgeBase, NodeBase } from '../../types';
 import { isNumeric, getOverlappingArea, boxToRect, nodeToBox, getBoundsOfBoxes, devWarn } from '../general';
 
 // this is used for straight edges and simple smoothstep edges (LTR, RTL, BTT, TTB)
@@ -25,15 +25,15 @@ export function getEdgeCenter({
 
 const defaultEdgeTree = [{ level: 0, isMaxLevel: true, edges: [] }];
 
-export type GroupedEdges<EdgeType extends BaseEdge> = {
+export type GroupedEdges<EdgeType extends EdgeBase> = {
   edges: EdgeType[];
   level: number;
   isMaxLevel: boolean;
 };
 
-export function groupEdgesByZLevel<EdgeType extends BaseEdge>(
+export function groupEdgesByZLevel<EdgeType extends EdgeBase>(
   edges: EdgeType[],
-  nodes: BaseNode[],
+  nodes: NodeBase[],
   elevateEdgesOnSelect = false
 ): GroupedEdges<EdgeType>[] {
   let maxLevel = -1;
@@ -80,8 +80,8 @@ export function groupEdgesByZLevel<EdgeType extends BaseEdge>(
 }
 
 type IsEdgeVisibleParams = {
-  sourceNode: BaseNode;
-  targetNode: BaseNode;
+  sourceNode: NodeBase;
+  targetNode: NodeBase;
   width: number;
   height: number;
   transform: Transform;
@@ -108,10 +108,10 @@ export function isEdgeVisible({ sourceNode, targetNode, width, height, transform
   return getOverlappingArea(viewRect, boxToRect(edgeBox)) > 0;
 }
 
-const getEdgeId = ({ source, sourceHandle, target, targetHandle }: Connection | BaseEdge): string =>
+const getEdgeId = ({ source, sourceHandle, target, targetHandle }: Connection | EdgeBase): string =>
   `xyflow__edge-${source}${sourceHandle || ''}-${target}${targetHandle || ''}`;
 
-const connectionExists = (edge: BaseEdge, edges: BaseEdge[]) => {
+const connectionExists = (edge: EdgeBase, edges: EdgeBase[]) => {
   return edges.some(
     (el) =>
       el.source === edge.source &&
@@ -121,7 +121,7 @@ const connectionExists = (edge: BaseEdge, edges: BaseEdge[]) => {
   );
 };
 
-export const addEdgeBase = <EdgeType extends BaseEdge>(
+export const addEdgeBase = <EdgeType extends EdgeBase>(
   edgeParams: EdgeType | Connection,
   edges: EdgeType[]
 ): EdgeType[] => {
@@ -152,7 +152,7 @@ export type UpdateEdgeOptions = {
   shouldReplaceId?: boolean;
 };
 
-export const updateEdgeBase = <EdgeType extends BaseEdge>(
+export const updateEdgeBase = <EdgeType extends EdgeBase>(
   oldEdge: EdgeType,
   newConnection: Connection,
   edges: EdgeType[],
diff --git a/packages/system/src/utils/edges/positions.ts b/packages/system/src/utils/edges/positions.ts
index f43548827..28642d354 100644
--- a/packages/system/src/utils/edges/positions.ts
+++ b/packages/system/src/utils/edges/positions.ts
@@ -1,15 +1,15 @@
 import { EdgePosition } from '../../types/edges';
 import { ConnectionMode, OnError } from '../../types/general';
-import { BaseNode, NodeHandleBounds } from '../../types/nodes';
+import { NodeBase, NodeHandleBounds } from '../../types/nodes';
 import { Position, Rect, XYPosition } from '../../types/utils';
 import { errorMessages, internalsSymbol } from '../../constants';
 import { HandleElement } from '../../types';
 
 export type GetEdgePositionParams = {
   id: string;
-  sourceNode: BaseNode;
+  sourceNode: NodeBase;
   sourceHandle: string | null;
-  targetNode: BaseNode;
+  targetNode: NodeBase;
   targetHandle: string | null;
   connectionMode: ConnectionMode;
   onError?: OnError;
@@ -59,7 +59,7 @@ export function getEdgePosition(params: GetEdgePositionParams): EdgePosition | n
   };
 }
 
-function getHandleDataByNode(node?: BaseNode): [Rect, NodeHandleBounds | null, boolean] {
+function getHandleDataByNode(node?: NodeBase): [Rect, NodeHandleBounds | null, boolean] {
   const handleBounds = node?.[internalsSymbol]?.handleBounds || null;
 
   const isValid =
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index bf14ea921..c7e588789 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -4,7 +4,7 @@ import type {
   CoordinateExtent,
   Box,
   Rect,
-  BaseNode,
+  NodeBase,
   NodeOrigin,
   SnapGrid,
   Transform,
@@ -58,7 +58,7 @@ export const boxToRect = ({ x, y, x2, y2 }: Box): Rect => ({
   height: y2 - y,
 });
 
-export const nodeToRect = (node: BaseNode, nodeOrigin: NodeOrigin = [0, 0]): Rect => {
+export const nodeToRect = (node: NodeBase, nodeOrigin: NodeOrigin = [0, 0]): Rect => {
   const { positionAbsolute } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
 
   return {
@@ -68,7 +68,7 @@ export const nodeToRect = (node: BaseNode, nodeOrigin: NodeOrigin = [0, 0]): Rec
   };
 };
 
-export const nodeToBox = (node: BaseNode, nodeOrigin: NodeOrigin = [0, 0]): Box => {
+export const nodeToBox = (node: NodeBase, nodeOrigin: NodeOrigin = [0, 0]): Box => {
   const { positionAbsolute } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
 
   return {
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index fa311b9bb..327adea6a 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -17,8 +17,8 @@ import {
   type XYPosition,
   type Rect,
   type NodeOrigin,
-  type BaseNode,
-  type BaseEdge,
+  type NodeBase,
+  type EdgeBase,
   type FitViewParamsBase,
   type FitViewOptionsBase,
   NodeDragItem,
@@ -27,15 +27,15 @@ import {
 } from '../types';
 import { errorMessages } from '../constants';
 
-export const isEdgeBase = <NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>(
+export const isEdgeBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
   element: NodeType | Connection | EdgeType
 ): element is EdgeType => 'id' in element && 'source' in element && 'target' in element;
 
-export const isNodeBase = <NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>(
+export const isNodeBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
   element: NodeType | Connection | EdgeType
 ): element is NodeType => 'id' in element && !('source' in element) && !('target' in element);
 
-export const getOutgoersBase = <NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>(
+export const getOutgoersBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
   node: NodeType,
   nodes: NodeType[],
   edges: EdgeType[]
@@ -48,7 +48,7 @@ export const getOutgoersBase = <NodeType extends BaseNode = BaseNode, EdgeType e
   return nodes.filter((n) => outgoerIds.includes(n.id));
 };
 
-export const getIncomersBase = <NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>(
+export const getIncomersBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
   node: NodeType,
   nodes: NodeType[],
   edges: EdgeType[]
@@ -62,7 +62,7 @@ export const getIncomersBase = <NodeType extends BaseNode = BaseNode, EdgeType e
 };
 
 export const getNodePositionWithOrigin = (
-  node: BaseNode | undefined,
+  node: NodeBase | undefined,
   nodeOrigin: NodeOrigin = [0, 0]
 ): XYPosition & { positionAbsolute: XYPosition } => {
   if (!node) {
@@ -95,7 +95,7 @@ export const getNodePositionWithOrigin = (
   };
 };
 
-export const getRectOfNodes = (nodes: BaseNode[], nodeOrigin: NodeOrigin = [0, 0]): Rect => {
+export const getRectOfNodes = (nodes: NodeBase[], nodeOrigin: NodeOrigin = [0, 0]): Rect => {
   if (nodes.length === 0) {
     return { x: 0, y: 0, width: 0, height: 0 };
   }
@@ -119,7 +119,7 @@ export const getRectOfNodes = (nodes: BaseNode[], nodeOrigin: NodeOrigin = [0, 0
   return boxToRect(box);
 };
 
-export const getNodesInside = <NodeType extends BaseNode>(
+export const getNodesInside = <NodeType extends NodeBase>(
   nodes: NodeType[],
   rect: Rect,
   [tx, ty, tScale]: Transform = [0, 0, 1],
@@ -158,7 +158,7 @@ export const getNodesInside = <NodeType extends BaseNode>(
   return visibleNodes;
 };
 
-export const getConnectedEdgesBase = <NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>(
+export const getConnectedEdgesBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
   nodes: NodeType[],
   edges: EdgeType[]
 ): EdgeType[] => {
@@ -167,7 +167,7 @@ export const getConnectedEdgesBase = <NodeType extends BaseNode = BaseNode, Edge
   return edges.filter((edge) => nodeIds.includes(edge.source) || nodeIds.includes(edge.target));
 };
 
-export function fitView<Params extends FitViewParamsBase<BaseNode>, Options extends FitViewOptionsBase<BaseNode>>(
+export function fitView<Params extends FitViewParamsBase<NodeBase>, Options extends FitViewOptionsBase<NodeBase>>(
   { nodes, width, height, panZoom, minZoom, maxZoom, nodeOrigin = [0, 0] }: Params,
   options?: Options
 ) {
@@ -203,7 +203,7 @@ export function fitView<Params extends FitViewParamsBase<BaseNode>, Options exte
   return false;
 }
 
-export function calcNextPosition<NodeType extends BaseNode>(
+export function calcNextPosition<NodeType extends NodeBase>(
   node: NodeDragItem | NodeType,
   nextPosition: XYPosition,
   nodes: NodeType[],
@@ -263,7 +263,7 @@ export function calcNextPosition<NodeType extends BaseNode>(
 // helper function to get arrays of nodes and edges that can be deleted
 // you can pass in a list of nodes and edges that should be deleted
 // and the function only returns elements that are deletable and also handles connected nodes and child nodes
-export function getElementsToRemove<NodeType extends BaseNode = BaseNode, EdgeType extends BaseEdge = BaseEdge>({
+export function getElementsToRemove<NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>({
   nodesToRemove,
   edgesToRemove,
   nodes,
diff --git a/packages/system/src/utils/marker.ts b/packages/system/src/utils/marker.ts
index 2239ed731..0a1912768 100644
--- a/packages/system/src/utils/marker.ts
+++ b/packages/system/src/utils/marker.ts
@@ -1,4 +1,4 @@
-import type { BaseEdge, EdgeMarker, EdgeMarkerType, MarkerProps } from '../types';
+import type { EdgeBase, EdgeMarker, EdgeMarkerType, MarkerProps } from '../types';
 
 export function getMarkerId(marker: EdgeMarkerType | undefined, id?: string | null): string {
   if (!marker) {
@@ -18,7 +18,7 @@ export function getMarkerId(marker: EdgeMarkerType | undefined, id?: string | nu
 }
 
 export function createMarkerIds(
-  edges: BaseEdge[],
+  edges: EdgeBase[],
   { id, defaultColor }: { id?: string | null; defaultColor?: string }
 ) {
   const ids: string[] = [];
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index ac1c622b6..3fee5d021 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -1,6 +1,6 @@
 import { internalsSymbol } from '../constants';
 import {
-  BaseNode,
+  NodeBase,
   CoordinateExtent,
   Dimensions,
   NodeDimensionUpdate,
@@ -16,7 +16,7 @@ import { getNodePositionWithOrigin } from './graph';
 
 type ParentNodes = Record<string, boolean>;
 
-export function updateAbsolutePositions<NodeType extends BaseNode>(
+export function updateAbsolutePositions<NodeType extends NodeBase>(
   nodes: NodeType[],
   nodeOrigin: NodeOrigin = [0, 0],
   parentNodes?: ParentNodes
@@ -54,13 +54,13 @@ export function updateAbsolutePositions<NodeType extends BaseNode>(
   });
 }
 
-type UpdateNodesOptions<NodeType extends BaseNode> = {
+type UpdateNodesOptions<NodeType extends NodeBase> = {
   nodeOrigin?: NodeOrigin;
   elevateNodesOnSelect?: boolean;
   defaults?: Partial<NodeType>;
 };
 
-export function updateNodes<NodeType extends BaseNode>(
+export function updateNodes<NodeType extends NodeBase>(
   nodes: NodeType[],
   storeNodes: NodeType[],
   options: UpdateNodesOptions<NodeType> = {
@@ -104,7 +104,7 @@ export function updateNodes<NodeType extends BaseNode>(
   return nodesWithPositions;
 }
 
-function calculateXYZPosition<NodeType extends BaseNode>(
+function calculateXYZPosition<NodeType extends NodeBase>(
   node: NodeType,
   nodes: NodeType[],
   result: XYZPosition,
@@ -131,11 +131,11 @@ function calculateXYZPosition<NodeType extends BaseNode>(
 
 export function updateNodeDimensions(
   updates: NodeDimensionUpdate[],
-  nodes: BaseNode[],
+  nodes: NodeBase[],
   domNode: HTMLElement | null,
   nodeOrigin?: NodeOrigin,
   onUpdate?: (id: string, dimensions: Dimensions) => void
-): BaseNode[] | null {
+): NodeBase[] | null {
   const viewportNode = domNode?.querySelector('.xyflow__viewport');
 
   if (!viewportNode) {
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 293e4b0e4..920299dfc 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -4,11 +4,11 @@ import { select } from 'd3-selection';
 import { calcAutoPan, getEventPosition, getPointerPosition, calcNextPosition, snapPosition } from '../utils';
 import { getDragItems, getEventHandlerParams, hasSelector, wrapSelectionDragFunc } from './utils';
 import type {
-  BaseNode,
+  NodeBase,
   NodeDragItem,
   UseDragEvent,
   XYPosition,
-  BaseEdge,
+  EdgeBase,
   CoordinateExtent,
   NodeOrigin,
   OnError,
@@ -20,11 +20,11 @@ import type {
   UpdateNodePositions,
 } from '../types';
 
-export type OnDrag = (event: MouseEvent, dragItems: NodeDragItem[], node: BaseNode, nodes: BaseNode[]) => void;
+export type OnDrag = (event: MouseEvent, dragItems: NodeDragItem[], node: NodeBase, nodes: NodeBase[]) => void;
 
 type StoreItems = {
-  nodes: BaseNode[];
-  edges: BaseEdge[];
+  nodes: NodeBase[];
+  edges: EdgeBase[];
   nodeExtent: CoordinateExtent;
   snapGrid: SnapGrid;
   snapToGrid: boolean;
diff --git a/packages/system/src/xydrag/utils.ts b/packages/system/src/xydrag/utils.ts
index 273d46b84..05d49f74d 100644
--- a/packages/system/src/xydrag/utils.ts
+++ b/packages/system/src/xydrag/utils.ts
@@ -1,10 +1,10 @@
-import { type NodeDragItem, type XYPosition, BaseNode } from '../types';
+import { type NodeDragItem, type XYPosition, NodeBase } from '../types';
 
-export function wrapSelectionDragFunc(selectionFunc?: (event: MouseEvent, nodes: BaseNode[]) => void) {
-  return (event: MouseEvent, _: BaseNode, nodes: BaseNode[]) => selectionFunc?.(event, nodes);
+export function wrapSelectionDragFunc(selectionFunc?: (event: MouseEvent, nodes: NodeBase[]) => void) {
+  return (event: MouseEvent, _: NodeBase, nodes: NodeBase[]) => selectionFunc?.(event, nodes);
 }
 
-export function isParentSelected<NodeType extends BaseNode>(node: NodeType, nodes: NodeType[]): boolean {
+export function isParentSelected<NodeType extends NodeBase>(node: NodeType, nodes: NodeType[]): boolean {
   if (!node.parentNode) {
     return false;
   }
@@ -35,7 +35,7 @@ export function hasSelector(target: Element, selector: string, domNode: Element)
 }
 
 // looks for all selected nodes and created a NodeDragItem for each of them
-export function getDragItems<NodeType extends BaseNode>(
+export function getDragItems<NodeType extends NodeBase>(
   nodes: NodeType[],
   nodesDraggable: boolean,
   mousePos: XYPosition,
@@ -71,7 +71,7 @@ export function getDragItems<NodeType extends BaseNode>(
 // returns two params:
 // 1. the dragged node (or the first of the list, if we are dragging a node selection)
 // 2. array of selected nodes (for multi selections)
-export function getEventHandlerParams<NodeType extends BaseNode>({
+export function getEventHandlerParams<NodeType extends NodeBase>({
   nodeId,
   dragItems,
   nodes,
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 25ad28d24..732b3e60e 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -6,7 +6,7 @@ import {
   type HandleType,
   type Connection,
   type PanBy,
-  type BaseNode,
+  type NodeBase,
   type Transform,
   type ConnectingHandle,
   type OnConnectEnd,
@@ -25,7 +25,7 @@ export type OnPointerDownParams = {
   handleId: string | null;
   nodeId: string;
   isTarget: boolean;
-  nodes: BaseNode[];
+  nodes: NodeBase[];
   lib: string;
   edgeUpdaterType?: HandleType;
   updateConnection: UpdateConnection;
diff --git a/packages/system/src/xyhandle/utils.ts b/packages/system/src/xyhandle/utils.ts
index 28f601ad3..35b17601d 100644
--- a/packages/system/src/xyhandle/utils.ts
+++ b/packages/system/src/xyhandle/utils.ts
@@ -3,7 +3,7 @@ import {
   type HandleType,
   type NodeHandleBounds,
   type XYPosition,
-  type BaseNode,
+  type NodeBase,
   type ConnectionHandle,
 } from '../types';
 import { internalsSymbol } from '../constants';
@@ -11,7 +11,7 @@ import { internalsSymbol } from '../constants';
 // this functions collects all handles and adds an absolute position
 // so that we can later find the closest handle to the mouse position
 export function getHandles(
-  node: BaseNode,
+  node: NodeBase,
   handleBounds: NodeHandleBounds,
   type: HandleType,
   currentHandle: string
@@ -62,7 +62,7 @@ export function getClosestHandle(
 }
 
 type GetHandleLookupParams = {
-  nodes: BaseNode[];
+  nodes: NodeBase[];
   nodeId: string;
   handleId: string | null;
   handleType: string;
diff --git a/packages/system/tsconfig.json b/packages/system/tsconfig.json
index 9c75e9461..7f7c24978 100644
--- a/packages/system/tsconfig.json
+++ b/packages/system/tsconfig.json
@@ -1,6 +1,12 @@
 {
-  "extends": "@xyflow/tsconfig/react.json",
   "display": "@xyflow/system",
+  "extends": "@xyflow/tsconfig/base.json",
+  "compilerOptions": {
+    "lib": ["dom", "esnext"],
+    "module": "esnext",
+    "target": "esnext",
+    "outDir": "dist"
+  },
   "include": ["**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules", "dist"]
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0e112b552..e0f522473 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,7 +10,6 @@ importers:
       '@typescript-eslint/parser': latest
       autoprefixer: ^10.4.8
       concurrently: ^7.6.0
-      cypress: ^10.6.0
       eslint: ^8.22.0
       eslint-config-prettier: ^8.5.0
       eslint-plugin-prettier: ^4.2.1
@@ -26,15 +25,14 @@ importers:
       rimraf: ^3.0.2
       rollup: ^3.23.0
       turbo: ^1.10.0
-      typescript: ^4.9.4
+      typescript: 5.1.3
     devDependencies:
       '@changesets/changelog-github': registry.npmjs.org/@changesets/changelog-github/0.4.8
       '@changesets/cli': registry.npmjs.org/@changesets/cli/2.26.1
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.9_3i5bqcvz3xm47mwpahnwyqmg7m
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.9_kigkzfftsmftz3xok324pyvzui
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.11_sqfi766b7p7jf53aqxvjxvblnq
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u
       autoprefixer: registry.npmjs.org/autoprefixer/10.4.14_postcss@8.4.24
       concurrently: registry.npmjs.org/concurrently/7.6.0
-      cypress: registry.npmjs.org/cypress/10.11.0
       eslint: registry.npmjs.org/eslint/8.42.0
       eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0
       eslint-plugin-prettier: registry.npmjs.org/eslint-plugin-prettier/4.2.1_vnriwwub2rhvoyn4ckagrc4lpi
@@ -48,9 +46,9 @@ importers:
       react: registry.npmjs.org/react/18.2.0
       react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
       rimraf: registry.npmjs.org/rimraf/3.0.2
-      rollup: registry.npmjs.org/rollup/3.23.1
-      turbo: registry.npmjs.org/turbo/1.10.1
-      typescript: registry.npmjs.org/typescript/4.9.5
+      rollup: registry.npmjs.org/rollup/3.25.1
+      turbo: registry.npmjs.org/turbo/1.10.3
+      typescript: registry.npmjs.org/typescript/5.1.3
 
   examples/vite-app:
     specifiers:
@@ -70,7 +68,7 @@ importers:
       react-dom: ^18.2.0
       react-router-dom: ^6.3.0
       start-server-and-test: ^1.14.0
-      typescript: ^4.9.4
+      typescript: 5.1.3
       vite: 4.3.9
       zustand: ^4.3.1
     dependencies:
@@ -80,19 +78,19 @@ importers:
       localforage: registry.npmjs.org/localforage/1.10.0
       react: registry.npmjs.org/react/18.2.0
       react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
-      react-router-dom: registry.npmjs.org/react-router-dom/6.11.2_biqbaboplfbrettd7655fr4n2y
+      react-router-dom: registry.npmjs.org/react-router-dom/6.12.1_biqbaboplfbrettd7655fr4n2y
       zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
     devDependencies:
       '@cypress/skip-test': registry.npmjs.org/@cypress/skip-test/2.6.1
       '@types/dagre': registry.npmjs.org/@types/dagre/0.7.48
-      '@types/react': registry.npmjs.org/@types/react/18.2.8
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.4
+      '@types/react': registry.npmjs.org/@types/react/18.2.12
+      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.5
       '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react/4.0.0_vite@4.3.9
       '@vitejs/plugin-react-swc': registry.npmjs.org/@vitejs/plugin-react-swc/3.3.2_vite@4.3.9
       cypress: registry.npmjs.org/cypress/12.14.0
       cypress-real-events: registry.npmjs.org/cypress-real-events/1.8.1_cypress@12.14.0
       start-server-and-test: registry.npmjs.org/start-server-and-test/1.15.4
-      typescript: registry.npmjs.org/typescript/4.9.5
+      typescript: registry.npmjs.org/typescript/5.1.3
       vite: registry.npmjs.org/vite/4.3.9
 
   packages/react:
@@ -113,7 +111,7 @@ importers:
       d3-selection: ^3.0.0
       d3-zoom: ^3.0.0
       react: ^18.2.0
-      typescript: ^4.9.4
+      typescript: 5.1.3
       zustand: ^4.3.3
     dependencies:
       '@types/d3': registry.npmjs.org/@types/d3/7.4.0
@@ -127,14 +125,14 @@ importers:
       d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
       zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
     devDependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.16.16
-      '@types/react': registry.npmjs.org/@types/react/18.2.8
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.4
+      '@types/node': registry.npmjs.org/@types/node/18.16.18
+      '@types/react': registry.npmjs.org/@types/react/18.2.12
+      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.5
       '@xyflow/eslint-config': link:../../tooling/eslint-config
       '@xyflow/rollup-config': link:../../tooling/rollup-config
       '@xyflow/tsconfig': link:../../tooling/tsconfig
       react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/4.9.5
+      typescript: registry.npmjs.org/typescript/5.1.3
 
   packages/svelte:
     specifiers:
@@ -154,18 +152,18 @@ importers:
       svelte: ^3.59.1
       svelte-check: ^3.4.3
       tslib: ^2.4.1
-      typescript: ^4.9.3
+      typescript: 5.1.3
       vite: ^4.3.9
     dependencies:
       '@svelte-put/shortcut': registry.npmjs.org/@svelte-put/shortcut/2.0.0
       '@xyflow/system': link:../system
       classcat: registry.npmjs.org/classcat/5.0.4
     devDependencies:
-      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.1
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.1_svelte@3.59.1+vite@4.3.9
-      '@sveltejs/package': registry.npmjs.org/@sveltejs/package/2.0.2_cnumnonbjyr4j6qimrlvyofpny
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.9_3i5bqcvz3xm47mwpahnwyqmg7m
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.9_kigkzfftsmftz3xok324pyvzui
+      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.2
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.2_svelte@3.59.1+vite@4.3.9
+      '@sveltejs/package': registry.npmjs.org/@sveltejs/package/2.0.2_ew3mtnddoirxihfd3dvwoglzia
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.11_sqfi766b7p7jf53aqxvjxvblnq
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u
       eslint: registry.npmjs.org/eslint/8.42.0
       eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0
       eslint-plugin-svelte3: registry.npmjs.org/eslint-plugin-svelte3/4.0.0_3vji2slnup2yzxo42w6sbds3sy
@@ -174,7 +172,7 @@ importers:
       svelte: registry.npmjs.org/svelte/3.59.1
       svelte-check: registry.npmjs.org/svelte-check/3.4.3_svelte@3.59.1
       tslib: registry.npmjs.org/tslib/2.5.3
-      typescript: registry.npmjs.org/typescript/4.9.5
+      typescript: registry.npmjs.org/typescript/5.1.3
       vite: registry.npmjs.org/vite/4.3.9
 
   packages/system:
@@ -190,7 +188,7 @@ importers:
       d3-drag: ^3.0.0
       d3-selection: ^3.0.0
       d3-zoom: ^3.0.0
-      typescript: ^4.9.4
+      typescript: 5.1.3
     dependencies:
       '@types/d3': registry.npmjs.org/@types/d3/7.4.0
       '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
@@ -200,11 +198,11 @@ importers:
       d3-selection: registry.npmjs.org/d3-selection/3.0.0
       d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
     devDependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.16.16
+      '@types/node': registry.npmjs.org/@types/node/18.16.18
       '@xyflow/eslint-config': link:../../tooling/eslint-config
       '@xyflow/rollup-config': link:../../tooling/rollup-config
       '@xyflow/tsconfig': link:../../tooling/tsconfig
-      typescript: registry.npmjs.org/typescript/4.9.5
+      typescript: registry.npmjs.org/typescript/5.1.3
 
   tooling/eslint-config:
     specifiers:
@@ -215,7 +213,7 @@ importers:
     devDependencies:
       eslint: registry.npmjs.org/eslint/8.42.0
       eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0
-      eslint-config-turbo: registry.npmjs.org/eslint-config-turbo/1.10.1_eslint@8.42.0
+      eslint-config-turbo: registry.npmjs.org/eslint-config-turbo/1.10.3_eslint@8.42.0
       eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.42.0
 
   tooling/rollup-config:
@@ -229,13 +227,13 @@ importers:
       rollup-plugin-peer-deps-external: ^2.2.4
       typescript: ^4.9.4
     devDependencies:
-      '@rollup/plugin-commonjs': registry.npmjs.org/@rollup/plugin-commonjs/25.0.0_rollup@3.23.1
-      '@rollup/plugin-node-resolve': registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0_rollup@3.23.1
-      '@rollup/plugin-replace': registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.23.1
-      '@rollup/plugin-terser': registry.npmjs.org/@rollup/plugin-terser/0.4.3_rollup@3.23.1
-      '@rollup/plugin-typescript': registry.npmjs.org/@rollup/plugin-typescript/11.0.0_euwgenqmky52fthno7td2lwldq
-      rollup: registry.npmjs.org/rollup/3.23.1
-      rollup-plugin-peer-deps-external: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.23.1
+      '@rollup/plugin-commonjs': registry.npmjs.org/@rollup/plugin-commonjs/25.0.1_rollup@3.25.1
+      '@rollup/plugin-node-resolve': registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0_rollup@3.25.1
+      '@rollup/plugin-replace': registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.25.1
+      '@rollup/plugin-terser': registry.npmjs.org/@rollup/plugin-terser/0.4.3_rollup@3.25.1
+      '@rollup/plugin-typescript': registry.npmjs.org/@rollup/plugin-typescript/11.0.0_kiy5yv7g7dmpxbgwdlsemwipi4
+      rollup: registry.npmjs.org/rollup/3.25.1
+      rollup-plugin-peer-deps-external: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.25.1
       typescript: registry.npmjs.org/typescript/4.9.5
 
   tooling/tsconfig:
@@ -253,38 +251,38 @@ packages:
       '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
     dev: true
 
-  registry.npmjs.org/@babel/code-frame/7.21.4:
-    resolution: {integrity: sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.21.4.tgz}
+  registry.npmjs.org/@babel/code-frame/7.22.5:
+    resolution: {integrity: sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.5.tgz}
     name: '@babel/code-frame'
-    version: 7.21.4
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/highlight': registry.npmjs.org/@babel/highlight/7.18.6
+      '@babel/highlight': registry.npmjs.org/@babel/highlight/7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/compat-data/7.22.3:
-    resolution: {integrity: sha512-aNtko9OPOwVESUFp3MZfD8Uzxl7JzSeJpd7npIoxCasU37PFbAQRpKglkaKwlHOyeJdrREpo8TW8ldrkYWwvIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.3.tgz}
+  registry.npmjs.org/@babel/compat-data/7.22.5:
+    resolution: {integrity: sha512-4Jc/YuIaYqKnDDz892kPIledykKg12Aw1PYX5i/TY28anJtacvM1Rrr8wbieB9GfEJwlzqT0hUEao0CxEebiDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.5.tgz}
     name: '@babel/compat-data'
-    version: 7.22.3
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/core/7.22.1:
-    resolution: {integrity: sha512-Hkqu7J4ynysSXxmAahpN1jjRwVJ+NdpraFLIWflgjpVob3KNyK3/tIUc7Q7szed8WMp0JNa7Qtd1E9Oo22F9gA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.22.1.tgz}
+  registry.npmjs.org/@babel/core/7.22.5:
+    resolution: {integrity: sha512-SBuTAjg91A3eKOvD+bPEz3LlhHZRNu1nFOVts9lzDJTXshHTjII0BAtDS3Y2DAkdZdDKWVZGVwkDfc4Clxn1dg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.22.5.tgz}
     name: '@babel/core'
-    version: 7.22.1
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
       '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping/2.2.1
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.21.4
-      '@babel/generator': registry.npmjs.org/@babel/generator/7.22.3
-      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets/7.22.1_@babel+core@7.22.1
-      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms/7.22.1
-      '@babel/helpers': registry.npmjs.org/@babel/helpers/7.22.3
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.22.4
-      '@babel/template': registry.npmjs.org/@babel/template/7.21.9
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.22.4
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.22.5
+      '@babel/generator': registry.npmjs.org/@babel/generator/7.22.5
+      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets/7.22.5_@babel+core@7.22.5
+      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms/7.22.5
+      '@babel/helpers': registry.npmjs.org/@babel/helpers/7.22.5
+      '@babel/parser': registry.npmjs.org/@babel/parser/7.22.5
+      '@babel/template': registry.npmjs.org/@babel/template/7.22.5
+      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
       convert-source-map: registry.npmjs.org/convert-source-map/1.9.0
       debug: registry.npmjs.org/debug/4.3.4
       gensync: registry.npmjs.org/gensync/1.0.0-beta.2
@@ -294,242 +292,242 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/generator/7.22.3:
-    resolution: {integrity: sha512-C17MW4wlk//ES/CJDL51kPNwl+qiBQyN7b9SKyVp11BLGFeSPoVaHrv+MNt8jwQFhQWowW88z1eeBx3pFz9v8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.22.3.tgz}
+  registry.npmjs.org/@babel/generator/7.22.5:
+    resolution: {integrity: sha512-+lcUbnTRhd0jOewtFSedLyiPsD5tswKkbgcezOqqWFUVNEwoUTlpPOBmvhG7OXWLR4jMdv0czPGH5XbflnD1EA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.22.5.tgz}
     name: '@babel/generator'
-    version: 7.22.3
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
       '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping/0.3.3
       '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
       jsesc: registry.npmjs.org/jsesc/2.5.2
     dev: true
 
-  registry.npmjs.org/@babel/helper-compilation-targets/7.22.1_@babel+core@7.22.1:
-    resolution: {integrity: sha512-Rqx13UM3yVB5q0D/KwQ8+SPfX/+Rnsy1Lw1k/UwOC4KC6qrzIQoY3lYnBu5EHKBlEHHcj0M0W8ltPSkD8rqfsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.1.tgz}
-    id: registry.npmjs.org/@babel/helper-compilation-targets/7.22.1
+  registry.npmjs.org/@babel/helper-compilation-targets/7.22.5_@babel+core@7.22.5:
+    resolution: {integrity: sha512-Ji+ywpHeuqxB8WDxraCiqR0xfhYjiDE/e6k7FuIaANnoOFxAHskHChz4vA1mJC9Lbm01s1PVAGhQY4FUKSkGZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.5.tgz}
+    id: registry.npmjs.org/@babel/helper-compilation-targets/7.22.5
     name: '@babel/helper-compilation-targets'
-    version: 7.22.1
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/compat-data': registry.npmjs.org/@babel/compat-data/7.22.3
-      '@babel/core': registry.npmjs.org/@babel/core/7.22.1
-      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option/7.21.0
-      browserslist: registry.npmjs.org/browserslist/4.21.7
+      '@babel/compat-data': registry.npmjs.org/@babel/compat-data/7.22.5
+      '@babel/core': registry.npmjs.org/@babel/core/7.22.5
+      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option/7.22.5
+      browserslist: registry.npmjs.org/browserslist/4.21.8
       lru-cache: registry.npmjs.org/lru-cache/5.1.1
       semver: registry.npmjs.org/semver/6.3.0
     dev: true
 
-  registry.npmjs.org/@babel/helper-environment-visitor/7.22.1:
-    resolution: {integrity: sha512-Z2tgopurB/kTbidvzeBrc2To3PUP/9i5MUe+fU6QJCQDyPwSH2oRapkLw3KGECDYSjhQZCNxEvNvZlLw8JjGwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.1.tgz}
+  registry.npmjs.org/@babel/helper-environment-visitor/7.22.5:
+    resolution: {integrity: sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz}
     name: '@babel/helper-environment-visitor'
-    version: 7.22.1
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-function-name/7.21.0:
-    resolution: {integrity: sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz}
+  registry.npmjs.org/@babel/helper-function-name/7.22.5:
+    resolution: {integrity: sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz}
     name: '@babel/helper-function-name'
-    version: 7.21.0
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/template': registry.npmjs.org/@babel/template/7.21.9
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
+      '@babel/template': registry.npmjs.org/@babel/template/7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/helper-hoist-variables/7.18.6:
-    resolution: {integrity: sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz}
+  registry.npmjs.org/@babel/helper-hoist-variables/7.22.5:
+    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz}
     name: '@babel/helper-hoist-variables'
-    version: 7.18.6
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/helper-module-imports/7.21.4:
-    resolution: {integrity: sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz}
+  registry.npmjs.org/@babel/helper-module-imports/7.22.5:
+    resolution: {integrity: sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz}
     name: '@babel/helper-module-imports'
-    version: 7.21.4
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/helper-module-transforms/7.22.1:
-    resolution: {integrity: sha512-dxAe9E7ySDGbQdCVOY/4+UcD8M9ZFqZcZhSPsPacvCG4M+9lwtDDQfI2EoaSvmf7W/8yCBkGU0m7Pvt1ru3UZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.1.tgz}
+  registry.npmjs.org/@babel/helper-module-transforms/7.22.5:
+    resolution: {integrity: sha512-+hGKDt/Ze8GFExiVHno/2dvG5IdstpzCq0y4Qc9OJ25D4q3pKfiIP/4Vp3/JvhDkLKsDK2api3q3fpIgiIF5bw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.5.tgz}
     name: '@babel/helper-module-transforms'
-    version: 7.22.1
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.22.1
-      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports/7.21.4
-      '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access/7.21.5
-      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration/7.18.6
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.19.1
-      '@babel/template': registry.npmjs.org/@babel/template/7.21.9
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.22.4
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
+      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.22.5
+      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports/7.22.5
+      '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access/7.22.5
+      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration/7.22.5
+      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.22.5
+      '@babel/template': registry.npmjs.org/@babel/template/7.22.5
+      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/helper-plugin-utils/7.21.5:
-    resolution: {integrity: sha512-0WDaIlXKOX/3KfBK/dwP1oQGiPh6rjMkT7HIRv7i5RR2VUMwrx5ZL0dwBkKx7+SW1zwNdgjHd34IMk5ZjTeHVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.21.5.tgz}
+  registry.npmjs.org/@babel/helper-plugin-utils/7.22.5:
+    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz}
     name: '@babel/helper-plugin-utils'
-    version: 7.21.5
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-simple-access/7.21.5:
-    resolution: {integrity: sha512-ENPDAMC1wAjR0uaCUwliBdiSl1KBJAVnMTzXqi64c2MG8MPR6ii4qf7bSXDqSFbr4W6W028/rf5ivoHop5/mkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.21.5.tgz}
+  registry.npmjs.org/@babel/helper-simple-access/7.22.5:
+    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz}
     name: '@babel/helper-simple-access'
-    version: 7.21.5
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/helper-split-export-declaration/7.18.6:
-    resolution: {integrity: sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz}
+  registry.npmjs.org/@babel/helper-split-export-declaration/7.22.5:
+    resolution: {integrity: sha512-thqK5QFghPKWLhAV321lxF95yCg2K3Ob5yw+M3VHWfdia0IkPXUtoLH8x/6Fh486QUvzhb8YOWHChTVen2/PoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.5.tgz}
     name: '@babel/helper-split-export-declaration'
-    version: 7.18.6
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/helper-string-parser/7.21.5:
-    resolution: {integrity: sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.21.5.tgz}
+  registry.npmjs.org/@babel/helper-string-parser/7.22.5:
+    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz}
     name: '@babel/helper-string-parser'
-    version: 7.21.5
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-validator-identifier/7.19.1:
-    resolution: {integrity: sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz}
+  registry.npmjs.org/@babel/helper-validator-identifier/7.22.5:
+    resolution: {integrity: sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz}
     name: '@babel/helper-validator-identifier'
-    version: 7.19.1
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-validator-option/7.21.0:
-    resolution: {integrity: sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz}
+  registry.npmjs.org/@babel/helper-validator-option/7.22.5:
+    resolution: {integrity: sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz}
     name: '@babel/helper-validator-option'
-    version: 7.21.0
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helpers/7.22.3:
-    resolution: {integrity: sha512-jBJ7jWblbgr7r6wYZHMdIqKc73ycaTcCaWRq4/2LpuPHcx7xMlZvpGQkOYc9HeSjn6rcx15CPlgVcBtZ4WZJ2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.3.tgz}
+  registry.npmjs.org/@babel/helpers/7.22.5:
+    resolution: {integrity: sha512-pSXRmfE1vzcUIDFQcSGA5Mr+GxBV9oiRKDuDxXvWQQBCh8HoIjs/2DlDB7H8smac1IVrB9/xdXj2N3Wol9Cr+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.5.tgz}
     name: '@babel/helpers'
-    version: 7.22.3
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/template': registry.npmjs.org/@babel/template/7.21.9
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.22.4
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
+      '@babel/template': registry.npmjs.org/@babel/template/7.22.5
+      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/highlight/7.18.6:
-    resolution: {integrity: sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz}
+  registry.npmjs.org/@babel/highlight/7.22.5:
+    resolution: {integrity: sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.5.tgz}
     name: '@babel/highlight'
-    version: 7.18.6
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.19.1
+      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.22.5
       chalk: registry.npmjs.org/chalk/2.4.2
       js-tokens: registry.npmjs.org/js-tokens/4.0.0
     dev: true
 
-  registry.npmjs.org/@babel/parser/7.22.4:
-    resolution: {integrity: sha512-VLLsx06XkEYqBtE5YGPwfSGwfrjnyPP5oiGty3S8pQLFDFLaS8VwWSIxkTXpcvr5zeYLE6+MBNl2npl/YnfofA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.22.4.tgz}
+  registry.npmjs.org/@babel/parser/7.22.5:
+    resolution: {integrity: sha512-DFZMC9LJUG9PLOclRC32G63UXwzqS2koQC8dkx+PLdmt1xSePYpbT/NbsrJy8Q/muXz7o/h/d4A7Fuyixm559Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.22.5.tgz}
     name: '@babel/parser'
-    version: 7.22.4
+    version: 7.22.5
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.21.0_@babel+core@7.22.1:
-    resolution: {integrity: sha512-f/Eq+79JEu+KUANFks9UZCcvydOOGMgF7jBrcwjHa5jTZD8JivnhCJYvmlhR/WTXBWonDExPoW0eO/CR4QJirA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.21.0.tgz}
-    id: registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.21.0
+  registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.22.5_@babel+core@7.22.5:
+    resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz}
+    id: registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.22.5
     name: '@babel/plugin-transform-react-jsx-self'
-    version: 7.21.0
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.22.1
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.21.5
+      '@babel/core': registry.npmjs.org/@babel/core/7.22.5
+      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.19.6_@babel+core@7.22.1:
-    resolution: {integrity: sha512-RpAi004QyMNisst/pvSanoRdJ4q+jMCWyk9zdw/CyLB9j8RXEahodR6l2GyttDRyEVWZtbN+TpLiHJ3t34LbsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.19.6.tgz}
-    id: registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.19.6
+  registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.22.5_@babel+core@7.22.5:
+    resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz}
+    id: registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.22.5
     name: '@babel/plugin-transform-react-jsx-source'
-    version: 7.19.6
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.22.1
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.21.5
+      '@babel/core': registry.npmjs.org/@babel/core/7.22.5
+      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/runtime/7.22.3:
-    resolution: {integrity: sha512-XsDuspWKLUsxwCp6r7EhsExHtYfbe5oAGQ19kqngTdCPUoPQzOPdUbD/pB9PJiwb2ptYKQDjSJT3R6dC+EPqfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.3.tgz}
+  registry.npmjs.org/@babel/runtime/7.22.5:
+    resolution: {integrity: sha512-ecjvYlnAaZ/KVneE/OdKYBYfgXV3Ptu6zQWmgEF7vwKhQnvVS6bjMD2XYgj+SNvQ1GfK/pjgokfPkC/2CO8CuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.5.tgz}
     name: '@babel/runtime'
-    version: 7.22.3
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
       regenerator-runtime: registry.npmjs.org/regenerator-runtime/0.13.11
     dev: true
 
-  registry.npmjs.org/@babel/template/7.21.9:
-    resolution: {integrity: sha512-MK0X5k8NKOuWRamiEfc3KEJiHMTkGZNUjzMipqCGDDc6ijRl/B7RGSKVGncu4Ro/HdyzzY6cmoXuKI2Gffk7vQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/template/-/template-7.21.9.tgz}
+  registry.npmjs.org/@babel/template/7.22.5:
+    resolution: {integrity: sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/template/-/template-7.22.5.tgz}
     name: '@babel/template'
-    version: 7.21.9
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.21.4
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.22.4
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.22.5
+      '@babel/parser': registry.npmjs.org/@babel/parser/7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/traverse/7.22.4:
-    resolution: {integrity: sha512-Tn1pDsjIcI+JcLKq1AVlZEr4226gpuAQTsLMorsYg9tuS/kG7nuwwJ4AB8jfQuEgb/COBwR/DqJxmoiYFu5/rQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.4.tgz}
+  registry.npmjs.org/@babel/traverse/7.22.5:
+    resolution: {integrity: sha512-7DuIjPgERaNo6r+PZwItpjCZEa5vyw4eJGufeLxrPdBXBoLcCJCIasvK6pK/9DVNrLZTLFhUGqaC6X/PA007TQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.5.tgz}
     name: '@babel/traverse'
-    version: 7.22.4
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.21.4
-      '@babel/generator': registry.npmjs.org/@babel/generator/7.22.3
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.22.1
-      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name/7.21.0
-      '@babel/helper-hoist-variables': registry.npmjs.org/@babel/helper-hoist-variables/7.18.6
-      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration/7.18.6
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.22.4
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.4
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.22.5
+      '@babel/generator': registry.npmjs.org/@babel/generator/7.22.5
+      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.22.5
+      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name/7.22.5
+      '@babel/helper-hoist-variables': registry.npmjs.org/@babel/helper-hoist-variables/7.22.5
+      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration/7.22.5
+      '@babel/parser': registry.npmjs.org/@babel/parser/7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
       debug: registry.npmjs.org/debug/4.3.4
       globals: registry.npmjs.org/globals/11.12.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/types/7.22.4:
-    resolution: {integrity: sha512-Tx9x3UBHTTsMSW85WB2kphxYQVvrZ/t1FxD88IpSgIjiUJlCm9z+xWIDwyo1vffTwSqteqyznB8ZE9vYYk16zA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.22.4.tgz}
+  registry.npmjs.org/@babel/types/7.22.5:
+    resolution: {integrity: sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.22.5.tgz}
     name: '@babel/types'
-    version: 7.22.4
+    version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser/7.21.5
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.19.1
+      '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser/7.22.5
+      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.22.5
       to-fast-properties: registry.npmjs.org/to-fast-properties/2.0.0
     dev: true
 
@@ -538,7 +536,7 @@ packages:
     name: '@changesets/apply-release-plan'
     version: 6.1.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
       '@changesets/config': registry.npmjs.org/@changesets/config/2.3.0
       '@changesets/get-version-range-type': registry.npmjs.org/@changesets/get-version-range-type/0.3.2
       '@changesets/git': registry.npmjs.org/@changesets/git/2.0.0
@@ -558,7 +556,7 @@ packages:
     name: '@changesets/assemble-release-plan'
     version: 5.2.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
       '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
       '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.5
       '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
@@ -592,7 +590,7 @@ packages:
     version: 2.26.1
     hasBin: true
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
       '@changesets/apply-release-plan': registry.npmjs.org/@changesets/apply-release-plan/6.1.3
       '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan/5.2.3
       '@changesets/changelog-git': registry.npmjs.org/@changesets/changelog-git/0.1.14
@@ -677,7 +675,7 @@ packages:
     name: '@changesets/get-release-plan'
     version: 3.0.16
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
       '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan/5.2.3
       '@changesets/config': registry.npmjs.org/@changesets/config/2.3.0
       '@changesets/pre': registry.npmjs.org/@changesets/pre/1.0.14
@@ -697,7 +695,7 @@ packages:
     name: '@changesets/git'
     version: 2.0.0
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
       '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
       '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
@@ -728,7 +726,7 @@ packages:
     name: '@changesets/pre'
     version: 1.0.14
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
       '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
       '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
@@ -740,7 +738,7 @@ packages:
     name: '@changesets/read'
     version: 0.5.9
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
       '@changesets/git': registry.npmjs.org/@changesets/git/2.0.0
       '@changesets/logger': registry.npmjs.org/@changesets/logger/0.0.5
       '@changesets/parse': registry.npmjs.org/@changesets/parse/0.3.16
@@ -767,7 +765,7 @@ packages:
     name: '@changesets/write'
     version: 0.2.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
       '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
       fs-extra: registry.npmjs.org/fs-extra/7.0.1
       human-id: registry.npmjs.org/human-id/1.0.2
@@ -1215,7 +1213,7 @@ packages:
     name: '@manypkg/find-root'
     version: 1.1.0
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
       '@types/node': registry.npmjs.org/@types/node/12.20.55
       find-up: registry.npmjs.org/find-up/4.1.0
       fs-extra: registry.npmjs.org/fs-extra/8.1.0
@@ -1226,7 +1224,7 @@ packages:
     name: '@manypkg/get-packages'
     version: 1.1.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
       '@changesets/types': registry.npmjs.org/@changesets/types/4.1.0
       '@manypkg/find-root': registry.npmjs.org/@manypkg/find-root/1.1.0
       fs-extra: registry.npmjs.org/fs-extra/8.1.0
@@ -1267,18 +1265,18 @@ packages:
     version: 1.0.0-next.21
     dev: true
 
-  registry.npmjs.org/@remix-run/router/1.6.2:
-    resolution: {integrity: sha512-LzqpSrMK/3JBAVBI9u3NWtOhWNw5AMQfrUFYB0+bDHTSw17z++WJLsPsxAuK+oSddsxk4d7F/JcdDPM1M5YAhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@remix-run/router/-/router-1.6.2.tgz}
+  registry.npmjs.org/@remix-run/router/1.6.3:
+    resolution: {integrity: sha512-EXJysQ7J3veRECd0kZFQwYYd5sJMcq2O/m60zu1W2l3oVQ9xtub8jTOtYRE0+M2iomyG/W3Ps7+vp2kna0C27Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@remix-run/router/-/router-1.6.3.tgz}
     name: '@remix-run/router'
-    version: 1.6.2
+    version: 1.6.3
     engines: {node: '>=14'}
     dev: false
 
-  registry.npmjs.org/@rollup/plugin-commonjs/25.0.0_rollup@3.23.1:
-    resolution: {integrity: sha512-hoho2Kay9TZrLu0bnDsTTCaj4Npa+THk9snajP/XDNb9a9mmjTjh52EQM9sKl3HD1LsnihX7js+eA2sd2uKAhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.0.tgz}
-    id: registry.npmjs.org/@rollup/plugin-commonjs/25.0.0
+  registry.npmjs.org/@rollup/plugin-commonjs/25.0.1_rollup@3.25.1:
+    resolution: {integrity: sha512-2DJ4kv4b1xfTJopWhu61ANdNRHvzQZ2fpaIrlgaP2jOfUv1wDJ0Ucqy8AZlbFmn/iUjiwKoqki9j55Y6L8kyNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.1.tgz}
+    id: registry.npmjs.org/@rollup/plugin-commonjs/25.0.1
     name: '@rollup/plugin-commonjs'
-    version: 25.0.0
+    version: 25.0.1
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^2.68.0||^3.0.0
@@ -1286,16 +1284,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.1
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.25.1
       commondir: registry.npmjs.org/commondir/1.0.1
       estree-walker: registry.npmjs.org/estree-walker/2.0.2
       glob: registry.npmjs.org/glob/8.1.0
       is-reference: registry.npmjs.org/is-reference/1.2.1
       magic-string: registry.npmjs.org/magic-string/0.27.0
-      rollup: registry.npmjs.org/rollup/3.23.1
+      rollup: registry.npmjs.org/rollup/3.25.1
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0_rollup@3.23.1:
+  registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0_rollup@3.25.1:
     resolution: {integrity: sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.1.0.tgz}
     id: registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0
     name: '@rollup/plugin-node-resolve'
@@ -1307,16 +1305,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.1
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.25.1
       '@types/resolve': registry.npmjs.org/@types/resolve/1.20.2
       deepmerge: registry.npmjs.org/deepmerge/4.3.1
       is-builtin-module: registry.npmjs.org/is-builtin-module/3.2.1
       is-module: registry.npmjs.org/is-module/1.0.0
       resolve: registry.npmjs.org/resolve/1.22.2
-      rollup: registry.npmjs.org/rollup/3.23.1
+      rollup: registry.npmjs.org/rollup/3.25.1
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.23.1:
+  registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.25.1:
     resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-5.0.2.tgz}
     id: registry.npmjs.org/@rollup/plugin-replace/5.0.2
     name: '@rollup/plugin-replace'
@@ -1328,12 +1326,12 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.1
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.25.1
       magic-string: registry.npmjs.org/magic-string/0.27.0
-      rollup: registry.npmjs.org/rollup/3.23.1
+      rollup: registry.npmjs.org/rollup/3.25.1
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-terser/0.4.3_rollup@3.23.1:
+  registry.npmjs.org/@rollup/plugin-terser/0.4.3_rollup@3.25.1:
     resolution: {integrity: sha512-EF0oejTMtkyhrkwCdg0HJ0IpkcaVg1MMSf2olHb2Jp+1mnLM04OhjpJWGma4HobiDTF0WCyViWuvadyE9ch2XA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.3.tgz}
     id: registry.npmjs.org/@rollup/plugin-terser/0.4.3
     name: '@rollup/plugin-terser'
@@ -1345,13 +1343,13 @@ packages:
       rollup:
         optional: true
     dependencies:
-      rollup: registry.npmjs.org/rollup/3.23.1
+      rollup: registry.npmjs.org/rollup/3.25.1
       serialize-javascript: registry.npmjs.org/serialize-javascript/6.0.1
       smob: registry.npmjs.org/smob/1.4.0
-      terser: registry.npmjs.org/terser/5.17.7
+      terser: registry.npmjs.org/terser/5.18.0
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-typescript/11.0.0_euwgenqmky52fthno7td2lwldq:
+  registry.npmjs.org/@rollup/plugin-typescript/11.0.0_kiy5yv7g7dmpxbgwdlsemwipi4:
     resolution: {integrity: sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-11.0.0.tgz}
     id: registry.npmjs.org/@rollup/plugin-typescript/11.0.0
     name: '@rollup/plugin-typescript'
@@ -1367,13 +1365,13 @@ packages:
       tslib:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.1
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.25.1
       resolve: registry.npmjs.org/resolve/1.22.2
-      rollup: registry.npmjs.org/rollup/3.23.1
+      rollup: registry.npmjs.org/rollup/3.25.1
       typescript: registry.npmjs.org/typescript/4.9.5
     dev: true
 
-  registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.23.1:
+  registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.25.1:
     resolution: {integrity: sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz}
     id: registry.npmjs.org/@rollup/pluginutils/5.0.2
     name: '@rollup/pluginutils'
@@ -1388,7 +1386,7 @@ packages:
       '@types/estree': registry.npmjs.org/@types/estree/1.0.1
       estree-walker: registry.npmjs.org/estree-walker/2.0.2
       picomatch: registry.npmjs.org/picomatch/2.3.1
-      rollup: registry.npmjs.org/rollup/3.23.1
+      rollup: registry.npmjs.org/rollup/3.25.1
     dev: true
 
   registry.npmjs.org/@sideway/address/4.1.4:
@@ -1417,7 +1415,7 @@ packages:
     version: 2.0.0
     dev: false
 
-  registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.1:
+  registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.2:
     resolution: {integrity: sha512-o2pZCfATFtA/Gw/BB0Xm7k4EYaekXxaPGER3xGSY3FvzFJGTlJlZjBseaXwYSM94lZ0HniOjTokN3cWaLX6fow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-2.1.0.tgz}
     id: registry.npmjs.org/@sveltejs/adapter-auto/2.1.0
     name: '@sveltejs/adapter-auto'
@@ -1425,15 +1423,15 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.1_svelte@3.59.1+vite@4.3.9
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.2_svelte@3.59.1+vite@4.3.9
       import-meta-resolve: registry.npmjs.org/import-meta-resolve/3.0.0
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit/1.20.1_svelte@3.59.1+vite@4.3.9:
-    resolution: {integrity: sha512-iZ7PvbM45sdLR3KIXFTbwIwP4PmeO/7JdNdpKRc/T9xMgDabNlPhL1gnJ/Hi1w00g4nc3Zpo/HNrzbRmuOnUjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.20.1.tgz}
-    id: registry.npmjs.org/@sveltejs/kit/1.20.1
+  registry.npmjs.org/@sveltejs/kit/1.20.2_svelte@3.59.1+vite@4.3.9:
+    resolution: {integrity: sha512-MtR1i+HtmYWcRgtubw1GQqT/+CWXL/z24PegE0xYAdObbhdr7YtEfmoe705D/JZMtMmoPXrmSk4W0MfL5A3lYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.20.2.tgz}
+    id: registry.npmjs.org/@sveltejs/kit/1.20.2
     name: '@sveltejs/kit'
-    version: 1.20.1
+    version: 1.20.2
     engines: {node: ^16.14 || >=18}
     hasBin: true
     requiresBuild: true
@@ -1460,7 +1458,7 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/package/2.0.2_cnumnonbjyr4j6qimrlvyofpny:
+  registry.npmjs.org/@sveltejs/package/2.0.2_ew3mtnddoirxihfd3dvwoglzia:
     resolution: {integrity: sha512-cCOCcO8yMHnhHyaR51nQtvKZ3o/vSU9UYI1EXLT1j2CKNPMuH1/g6JNwKcNNrtQGwwquudc69ZeYy8D/TDNwEw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/package/-/package-2.0.2.tgz}
     id: registry.npmjs.org/@sveltejs/package/2.0.2
     name: '@sveltejs/package'
@@ -1474,7 +1472,7 @@ packages:
       kleur: registry.npmjs.org/kleur/4.1.5
       sade: registry.npmjs.org/sade/1.8.1
       svelte: registry.npmjs.org/svelte/3.59.1
-      svelte2tsx: registry.npmjs.org/svelte2tsx/0.6.15_cnumnonbjyr4j6qimrlvyofpny
+      svelte2tsx: registry.npmjs.org/svelte2tsx/0.6.15_ew3mtnddoirxihfd3dvwoglzia
     transitivePeerDependencies:
       - typescript
     dev: true
@@ -1521,10 +1519,10 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@swc/core-darwin-arm64/1.3.62:
-    resolution: {integrity: sha512-MmGilibITz68LEje6vJlKzc2gUUSgzvB3wGLSjEORikTNeM7P8jXVxE4A8fgZqDeudJUm9HVWrxCV+pHDSwXhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.62.tgz}
+  registry.npmjs.org/@swc/core-darwin-arm64/1.3.63:
+    resolution: {integrity: sha512-lNR0BgG0/6dGpGP+AyFZoZ3YBhZN5GzvgAUzwy4skqn5sKZ7duQD02CNq1lIy7Im5BzgMUcJ+/Z7z/YUlqBK+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.63.tgz}
     name: '@swc/core-darwin-arm64'
-    version: 1.3.62
+    version: 1.3.63
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [darwin]
@@ -1532,10 +1530,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-darwin-x64/1.3.62:
-    resolution: {integrity: sha512-Xl93MMB3sCWVlYWuQIB+v6EQgzoiuQYK5tNt9lsHoIEVu2zLdkQjae+5FUHZb1VYqCXIiWcULFfVz0R4Sjb7JQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.62.tgz}
+  registry.npmjs.org/@swc/core-darwin-x64/1.3.63:
+    resolution: {integrity: sha512-1lydnc+LgSD0gwD1axW3+Y1htKZZRn33aJF4ITd6hsA9Y2eIhdMVxgx6peXp8wWzoRBXy5GEMTnd7704oya4zw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.63.tgz}
     name: '@swc/core-darwin-x64'
-    version: 1.3.62
+    version: 1.3.63
     engines: {node: '>=10'}
     cpu: [x64]
     os: [darwin]
@@ -1543,10 +1541,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-arm-gnueabihf/1.3.62:
-    resolution: {integrity: sha512-nJsp6O7kCtAjTTMcIjVB0g5y1JNiYAa5q630eiwrnaHUusEFoANDdORI3Z9vXeikMkng+6yIv9/V8Rb093xLjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.62.tgz}
+  registry.npmjs.org/@swc/core-linux-arm-gnueabihf/1.3.63:
+    resolution: {integrity: sha512-cJT+XJ6f25QeAcz2ONy1i8WKP6olqOIbU5fHZKsoPqEZmLkK5NCTnmIolT0HZpH1SNkE/hHkPYGn620Domvn8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.63.tgz}
     name: '@swc/core-linux-arm-gnueabihf'
-    version: 1.3.62
+    version: 1.3.63
     engines: {node: '>=10'}
     cpu: [arm]
     os: [linux]
@@ -1554,10 +1552,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-arm64-gnu/1.3.62:
-    resolution: {integrity: sha512-XGsV93vpUAopDt5y6vPwbK1Nc/MlL55L77bAZUPIiosWD1cWWPHNtNSpriE6+I+JiMHe0pqtfS/SSTk6ZkFQVw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.62.tgz}
+  registry.npmjs.org/@swc/core-linux-arm64-gnu/1.3.63:
+    resolution: {integrity: sha512-xtuk0v/86i0UR6G+5X6l3bgP1I1iWlEI23ad44L0FNrZ8wLLEvVzYuVoI6U5fKbp91LAsVpdWyyvSAo1sT7BWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.63.tgz}
     name: '@swc/core-linux-arm64-gnu'
-    version: 1.3.62
+    version: 1.3.63
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
@@ -1565,10 +1563,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-arm64-musl/1.3.62:
-    resolution: {integrity: sha512-ESUmJjSlTTkoBy9dMG49opcNn8BmviqStMhwyeD1G8XRnmRVCZZgoBOKdvCXmJhw8bQXDhZumeaTUB+OFUKVXg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.62.tgz}
+  registry.npmjs.org/@swc/core-linux-arm64-musl/1.3.63:
+    resolution: {integrity: sha512-AIRqE/3659zt5hfZzj3i/xtJbJl1iz9FcYEGUsIqqrxouqZWNbFujQpIguX4qFI7uoM+m6p6pqLjMmArwErRxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.63.tgz}
     name: '@swc/core-linux-arm64-musl'
-    version: 1.3.62
+    version: 1.3.63
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
@@ -1576,10 +1574,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-x64-gnu/1.3.62:
-    resolution: {integrity: sha512-wnHJkt3ZBrax3SFnUHDcncG6mrSg9ZZjMhQV9Mc3JL1x1s1Gy9rGZCoBNnV/BUZWTemxIBcQbANRSDut/WO+9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.62.tgz}
+  registry.npmjs.org/@swc/core-linux-x64-gnu/1.3.63:
+    resolution: {integrity: sha512-EAB5gkgDvStJofvdQU40hqEqjtSvtPs3PR0WupZtbLKWWCTWg76uTXQZEKNYx9r60Pt7sx1BAa3XnqgXjmcjDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.63.tgz}
     name: '@swc/core-linux-x64-gnu'
-    version: 1.3.62
+    version: 1.3.63
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
@@ -1587,10 +1585,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-x64-musl/1.3.62:
-    resolution: {integrity: sha512-9oRbuTC/VshB66Rgwi3pTq3sPxSTIb8k9L1vJjES+dDMKa29DAjPtWCXG/pyZ00ufpFZgkGEuAHH5uqUcr1JQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.62.tgz}
+  registry.npmjs.org/@swc/core-linux-x64-musl/1.3.63:
+    resolution: {integrity: sha512-8ScbtDPd8Hr1VkpzCseI5H770YgxxjTFsxinH9UtJWJBFIkdu2rEwjgz4t+lDjsc/R3JWaKt1q8Dkgzqmj+77g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.63.tgz}
     name: '@swc/core-linux-x64-musl'
-    version: 1.3.62
+    version: 1.3.63
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
@@ -1598,10 +1596,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-win32-arm64-msvc/1.3.62:
-    resolution: {integrity: sha512-zv14vlF2VRrxS061XkfzGjCYnOrEo5glKJjLK5PwUKysIoVrx/L8nAbFxjkX5cObdlyoqo+ekelyBPAO+4bS0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.62.tgz}
+  registry.npmjs.org/@swc/core-win32-arm64-msvc/1.3.63:
+    resolution: {integrity: sha512-+41tEugXJjpK04KIb2+Xlpb1NArhIne4u0NQo+cHb6ekJoqQmgIj3uNJhQ0v+0DDMjFqbA07l0KYNMgYLBls/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.63.tgz}
     name: '@swc/core-win32-arm64-msvc'
-    version: 1.3.62
+    version: 1.3.63
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [win32]
@@ -1609,10 +1607,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-win32-ia32-msvc/1.3.62:
-    resolution: {integrity: sha512-8MC/PZQSsOP2iA/81tAfNRqMWyEqTS/8zKUI67vPuLvpx6NAjRn3E9qBv7iFqH79iqZNzqSMo3awnLrKZyFbcw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.62.tgz}
+  registry.npmjs.org/@swc/core-win32-ia32-msvc/1.3.63:
+    resolution: {integrity: sha512-W6nPOD5k++rSmoAb0Jg0h7gyfjly8b5ld7cSnmrWKXfmjgxOqxcoqP2LlzNkamg320eqkGaD9n+UnPJDteLTBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.63.tgz}
     name: '@swc/core-win32-ia32-msvc'
-    version: 1.3.62
+    version: 1.3.63
     engines: {node: '>=10'}
     cpu: [ia32]
     os: [win32]
@@ -1620,10 +1618,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-win32-x64-msvc/1.3.62:
-    resolution: {integrity: sha512-GJSmUJ95HKHZXAxiuPUmrcm/S3ivQvEzXhOZaIqYBIwUsm02vFZkClsV7eIKzWjso1t0+I/8MjrnUNaSWqh1rQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.62.tgz}
+  registry.npmjs.org/@swc/core-win32-x64-msvc/1.3.63:
+    resolution: {integrity: sha512-MHNCF3GWtlKZL3vNhMiCrtM4gBHqAv0Iw38bLoJRagh1Q/UDNVjNzWhgngCno9NUQodMtCo6G7iTQilW7YaAQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.63.tgz}
     name: '@swc/core-win32-x64-msvc'
-    version: 1.3.62
+    version: 1.3.63
     engines: {node: '>=10'}
     cpu: [x64]
     os: [win32]
@@ -1631,10 +1629,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core/1.3.62:
-    resolution: {integrity: sha512-J58hWY+/G8vOr4J6ZH9hLg0lMSijZtqIIf4HofZezGog/pVX6sJyBJ40dZ1ploFkDIlWTWvJyqtpesBKS73gkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core/-/core-1.3.62.tgz}
+  registry.npmjs.org/@swc/core/1.3.63:
+    resolution: {integrity: sha512-mNRMr0xcqkvnC1a/H7rpMtbIjq7KKy4XaW/+zj3+w9cH5g72eMo3ADNHE03zHoqPn+Ov3szzFOMHT6rgJlRxow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core/-/core-1.3.63.tgz}
     name: '@swc/core'
-    version: 1.3.62
+    version: 1.3.63
     engines: {node: '>=10'}
     requiresBuild: true
     peerDependencies:
@@ -1643,16 +1641,16 @@ packages:
       '@swc/helpers':
         optional: true
     optionalDependencies:
-      '@swc/core-darwin-arm64': registry.npmjs.org/@swc/core-darwin-arm64/1.3.62
-      '@swc/core-darwin-x64': registry.npmjs.org/@swc/core-darwin-x64/1.3.62
-      '@swc/core-linux-arm-gnueabihf': registry.npmjs.org/@swc/core-linux-arm-gnueabihf/1.3.62
-      '@swc/core-linux-arm64-gnu': registry.npmjs.org/@swc/core-linux-arm64-gnu/1.3.62
-      '@swc/core-linux-arm64-musl': registry.npmjs.org/@swc/core-linux-arm64-musl/1.3.62
-      '@swc/core-linux-x64-gnu': registry.npmjs.org/@swc/core-linux-x64-gnu/1.3.62
-      '@swc/core-linux-x64-musl': registry.npmjs.org/@swc/core-linux-x64-musl/1.3.62
-      '@swc/core-win32-arm64-msvc': registry.npmjs.org/@swc/core-win32-arm64-msvc/1.3.62
-      '@swc/core-win32-ia32-msvc': registry.npmjs.org/@swc/core-win32-ia32-msvc/1.3.62
-      '@swc/core-win32-x64-msvc': registry.npmjs.org/@swc/core-win32-x64-msvc/1.3.62
+      '@swc/core-darwin-arm64': registry.npmjs.org/@swc/core-darwin-arm64/1.3.63
+      '@swc/core-darwin-x64': registry.npmjs.org/@swc/core-darwin-x64/1.3.63
+      '@swc/core-linux-arm-gnueabihf': registry.npmjs.org/@swc/core-linux-arm-gnueabihf/1.3.63
+      '@swc/core-linux-arm64-gnu': registry.npmjs.org/@swc/core-linux-arm64-gnu/1.3.63
+      '@swc/core-linux-arm64-musl': registry.npmjs.org/@swc/core-linux-arm64-musl/1.3.63
+      '@swc/core-linux-x64-gnu': registry.npmjs.org/@swc/core-linux-x64-gnu/1.3.63
+      '@swc/core-linux-x64-musl': registry.npmjs.org/@swc/core-linux-x64-musl/1.3.63
+      '@swc/core-win32-arm64-msvc': registry.npmjs.org/@swc/core-win32-arm64-msvc/1.3.63
+      '@swc/core-win32-ia32-msvc': registry.npmjs.org/@swc/core-win32-ia32-msvc/1.3.63
+      '@swc/core-win32-x64-msvc': registry.npmjs.org/@swc/core-win32-x64-msvc/1.3.63
     dev: true
 
   registry.npmjs.org/@types/cookie/0.5.1:
@@ -1946,16 +1944,16 @@ packages:
     version: 12.20.55
     dev: true
 
-  registry.npmjs.org/@types/node/14.18.48:
-    resolution: {integrity: sha512-iL0PIMwejpmuVHgfibHpfDwOdsbmB50wr21X71VnF5d7SsBF7WK+ZvP/SCcFm7Iwb9iiYSap9rlrdhToNAWdxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-14.18.48.tgz}
+  registry.npmjs.org/@types/node/14.18.51:
+    resolution: {integrity: sha512-P9bsdGFPpVtofEKlhWMVS2qqx1A/rt9QBfihWlklfHHpUpjtYse5AzFz6j4DWrARLYh6gRnw9+5+DJcrq3KvBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-14.18.51.tgz}
     name: '@types/node'
-    version: 14.18.48
+    version: 14.18.51
     dev: true
 
-  registry.npmjs.org/@types/node/18.16.16:
-    resolution: {integrity: sha512-NpaM49IGQQAUlBhHMF82QH80J08os4ZmyF9MkpCzWAGuOHqE4gTEbhzd7L3l5LmWuZ6E0OiC1FweQ4tsiW35+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-18.16.16.tgz}
+  registry.npmjs.org/@types/node/18.16.18:
+    resolution: {integrity: sha512-/aNaQZD0+iSBAGnvvN2Cx92HqE5sZCPZtx2TsK+4nvV23fFe09jVDvpArXr2j9DnYlzuU9WuoykDDc6wqvpNcw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-18.16.18.tgz}
     name: '@types/node'
-    version: 18.16.16
+    version: 18.16.18
     dev: true
 
   registry.npmjs.org/@types/normalize-package-data/2.4.1:
@@ -1976,18 +1974,18 @@ packages:
     version: 2.0.6
     dev: true
 
-  registry.npmjs.org/@types/react-dom/18.2.4:
-    resolution: {integrity: sha512-G2mHoTMTL4yoydITgOGwWdWMVd8sNgyEP85xVmMKAPUBwQWm9wBPQUmvbeF4V3WBY1P7mmL4BkjQ0SqUpf1snw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.4.tgz}
+  registry.npmjs.org/@types/react-dom/18.2.5:
+    resolution: {integrity: sha512-sRQsOS/sCLnpQhR4DSKGTtWFE3FZjpQa86KPVbhUqdYMRZ9FEFcfAytKhR/vUG2rH1oFbOOej6cuD7MFSobDRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.5.tgz}
     name: '@types/react-dom'
-    version: 18.2.4
+    version: 18.2.5
     dependencies:
-      '@types/react': registry.npmjs.org/@types/react/18.2.8
+      '@types/react': registry.npmjs.org/@types/react/18.2.12
     dev: true
 
-  registry.npmjs.org/@types/react/18.2.8:
-    resolution: {integrity: sha512-lTyWUNrd8ntVkqycEEplasWy2OxNlShj3zqS0LuB1ENUGis5HodmhM7DtCoUGbxj3VW/WsGA0DUhpG6XrM7gPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.8.tgz}
+  registry.npmjs.org/@types/react/18.2.12:
+    resolution: {integrity: sha512-ndmBMLCgn38v3SntMeoJaIrO6tGHYKMEBohCUmw8HoLLQdRMOIGXfeYaBTLe2lsFaSB3MOK1VXscYFnmLtTSmw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.12.tgz}
     name: '@types/react'
-    version: 18.2.8
+    version: 18.2.12
     dependencies:
       '@types/prop-types': registry.npmjs.org/@types/prop-types/15.7.5
       '@types/scheduler': registry.npmjs.org/@types/scheduler/0.16.3
@@ -2036,15 +2034,15 @@ packages:
     version: 2.10.0
     requiresBuild: true
     dependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.16.16
+      '@types/node': registry.npmjs.org/@types/node/14.18.51
     dev: true
     optional: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.9_3i5bqcvz3xm47mwpahnwyqmg7m:
-    resolution: {integrity: sha512-4uQIBq1ffXd2YvF7MAvehWKW3zVv/w+mSfRAu+8cKbfj3nwzyqJLNcZJpQ/WZ1HLbJDiowwmQ6NO+63nCA+fqA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.9.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.9
+  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.11_sqfi766b7p7jf53aqxvjxvblnq:
+    resolution: {integrity: sha512-XxuOfTkCUiOSyBWIvHlUraLw/JT/6Io1365RO6ZuI88STKMavJZPNMU0lFcUTeQXEhHiv64CbxYxBNoDVSmghg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.11.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.11
     name: '@typescript-eslint/eslint-plugin'
-    version: 5.59.9
+    version: 5.59.11
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -2055,27 +2053,27 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.9_kigkzfftsmftz3xok324pyvzui
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.9
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.59.9_kigkzfftsmftz3xok324pyvzui
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.59.9_kigkzfftsmftz3xok324pyvzui
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.11
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.42.0
       grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
       ignore: registry.npmjs.org/ignore/5.2.4
       natural-compare-lite: registry.npmjs.org/natural-compare-lite/1.4.0
       semver: registry.npmjs.org/semver/7.5.1
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5
-      typescript: registry.npmjs.org/typescript/4.9.5
+      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3
+      typescript: registry.npmjs.org/typescript/5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser/5.59.9_kigkzfftsmftz3xok324pyvzui:
-    resolution: {integrity: sha512-FsPkRvBtcLQ/eVK1ivDiNYBjn3TGJdXy2fhXX+rc7czWl4ARwnpArwbihSOHI2Peg9WbtGHrbThfBUkZZGTtvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.59.9.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/5.59.9
+  registry.npmjs.org/@typescript-eslint/parser/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u:
+    resolution: {integrity: sha512-s9ZF3M+Nym6CAZEkJJeO2TFHHDsKAM3ecNkLuH4i4s8/RCPnF5JRip2GyviYkeEAcwGMJxkqG9h2dAsnA1nZpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.59.11.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/5.59.11
     name: '@typescript-eslint/parser'
-    version: 5.59.9
+    version: 5.59.11
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -2084,31 +2082,31 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.9
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.9
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.9_typescript@4.9.5
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.11
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.11
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.11_typescript@5.1.3
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.42.0
-      typescript: registry.npmjs.org/typescript/4.9.5
+      typescript: registry.npmjs.org/typescript/5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager/5.59.9:
-    resolution: {integrity: sha512-8RA+E+w78z1+2dzvK/tGZ2cpGigBZ58VMEHDZtpE1v+LLjzrYGc8mMaTONSxKyEkz3IuXFM0IqYiGHlCsmlZxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.59.9.tgz}
+  registry.npmjs.org/@typescript-eslint/scope-manager/5.59.11:
+    resolution: {integrity: sha512-dHFOsxoLFtrIcSj5h0QoBT/89hxQONwmn3FOQ0GOQcLOOXm+MIrS8zEAhs4tWl5MraxCY3ZJpaXQQdFMc2Tu+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.59.11.tgz}
     name: '@typescript-eslint/scope-manager'
-    version: 5.59.9
+    version: 5.59.11
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.9
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.9
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.11
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.11
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils/5.59.9_kigkzfftsmftz3xok324pyvzui:
-    resolution: {integrity: sha512-ksEsT0/mEHg9e3qZu98AlSrONAQtrSTljL3ow9CGej8eRo7pe+yaC/mvTjptp23Xo/xIf2mLZKC6KPv4Sji26Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.59.9.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/5.59.9
+  registry.npmjs.org/@typescript-eslint/type-utils/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u:
+    resolution: {integrity: sha512-LZqVY8hMiVRF2a7/swmkStMYSoXMFlzL6sXV6U/2gL5cwnLWQgLEG8tjWPpaE4rMIdZ6VKWwcffPlo1jPfk43g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.59.11.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/5.59.11
     name: '@typescript-eslint/type-utils'
-    version: 5.59.9
+    version: 5.59.11
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -2117,28 +2115,28 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.9_typescript@4.9.5
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.59.9_kigkzfftsmftz3xok324pyvzui
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.11_typescript@5.1.3
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.42.0
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5
-      typescript: registry.npmjs.org/typescript/4.9.5
+      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3
+      typescript: registry.npmjs.org/typescript/5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types/5.59.9:
-    resolution: {integrity: sha512-uW8H5NRgTVneSVTfiCVffBb8AbwWSKg7qcA4Ot3JI3MPCJGsB4Db4BhvAODIIYE5mNj7Q+VJkK7JxmRhk2Lyjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.59.9.tgz}
+  registry.npmjs.org/@typescript-eslint/types/5.59.11:
+    resolution: {integrity: sha512-epoN6R6tkvBYSc+cllrz+c2sOFWkbisJZWkOE+y3xHtvYaOE6Wk6B8e114McRJwFRjGvYdJwLXQH5c9osME/AA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.59.11.tgz}
     name: '@typescript-eslint/types'
-    version: 5.59.9
+    version: 5.59.11
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.9_typescript@4.9.5:
-    resolution: {integrity: sha512-pmM0/VQ7kUhd1QyIxgS+aRvMgw+ZljB3eDb+jYyp6d2bC0mQWLzUDF+DLwCTkQ3tlNyVsvZRXjFyV0LkU/aXjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.9.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.9
+  registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.11_typescript@5.1.3:
+    resolution: {integrity: sha512-YupOpot5hJO0maupJXixi6l5ETdrITxeo5eBOeuV7RSKgYdU3G5cxO49/9WRnJq9EMrB7AuTSLH/bqOsXi7wPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.11.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.11
     name: '@typescript-eslint/typescript-estree'
-    version: 5.59.9
+    version: 5.59.11
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -2146,23 +2144,23 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.9
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.9
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.11
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.11
       debug: registry.npmjs.org/debug/4.3.4
       globby: registry.npmjs.org/globby/11.1.0
       is-glob: registry.npmjs.org/is-glob/4.0.3
       semver: registry.npmjs.org/semver/7.5.1
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5
-      typescript: registry.npmjs.org/typescript/4.9.5
+      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3
+      typescript: registry.npmjs.org/typescript/5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils/5.59.9_kigkzfftsmftz3xok324pyvzui:
-    resolution: {integrity: sha512-1PuMYsju/38I5Ggblaeb98TOoUvjhRvLpLa1DoTOFaLWqaXl/1iQ1eGurTXgBY58NUdtfTXKP5xBq7q9NDaLKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.59.9.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/5.59.9
+  registry.npmjs.org/@typescript-eslint/utils/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u:
+    resolution: {integrity: sha512-didu2rHSOMUdJThLk4aZ1Or8IcO3HzCw/ZvEjTTIfjIrcdd5cvSIwwDy2AOlE7htSNp7QIZ10fLMyRCveesMLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.59.11.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/5.59.11
     name: '@typescript-eslint/utils'
-    version: 5.59.9
+    version: 5.59.11
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -2170,9 +2168,9 @@ packages:
       '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.42.0
       '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.12
       '@types/semver': registry.npmjs.org/@types/semver/7.5.0
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.9
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.9
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.9_typescript@4.9.5
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.11
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.11
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.11_typescript@5.1.3
       eslint: registry.npmjs.org/eslint/8.42.0
       eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
       semver: registry.npmjs.org/semver/7.5.1
@@ -2181,13 +2179,13 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.9:
-    resolution: {integrity: sha512-bT7s0td97KMaLwpEBckbzj/YohnvXtqbe2XgqNvTl6RJVakY5mvENOTPvw5u66nljfZxthESpDozs86U+oLY8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.9.tgz}
+  registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.11:
+    resolution: {integrity: sha512-KGYniTGG3AMTuKF9QBD7EIrvufkB6O6uX3knP73xbKLMpH+QRPcgnCxjWXSHjMRuOxFLovljqQgQpR0c7GvjoA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.11.tgz}
     name: '@typescript-eslint/visitor-keys'
-    version: 5.59.9
+    version: 5.59.11
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.9
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.11
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
     dev: true
 
@@ -2199,7 +2197,7 @@ packages:
     peerDependencies:
       vite: ^4
     dependencies:
-      '@swc/core': registry.npmjs.org/@swc/core/1.3.62
+      '@swc/core': registry.npmjs.org/@swc/core/1.3.63
       vite: registry.npmjs.org/vite/4.3.9
     transitivePeerDependencies:
       - '@swc/helpers'
@@ -2214,9 +2212,9 @@ packages:
     peerDependencies:
       vite: ^4.2.0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.22.1
-      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.21.0_@babel+core@7.22.1
-      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.19.6_@babel+core@7.22.1
+      '@babel/core': registry.npmjs.org/@babel/core/7.22.5
+      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.22.5_@babel+core@7.22.5
+      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.22.5_@babel+core@7.22.5
       react-refresh: registry.npmjs.org/react-refresh/0.14.0
       vite: registry.npmjs.org/vite/4.3.9
     transitivePeerDependencies:
@@ -2463,8 +2461,8 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      browserslist: registry.npmjs.org/browserslist/4.21.7
-      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001494
+      browserslist: registry.npmjs.org/browserslist/4.21.8
+      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001502
       fraction.js: registry.npmjs.org/fraction.js/4.2.0
       normalize-range: registry.npmjs.org/normalize-range/0.1.2
       picocolors: registry.npmjs.org/picocolors/1.0.0
@@ -2585,17 +2583,17 @@ packages:
       wcwidth: registry.npmjs.org/wcwidth/1.0.1
     dev: true
 
-  registry.npmjs.org/browserslist/4.21.7:
-    resolution: {integrity: sha512-BauCXrQ7I2ftSqd2mvKHGo85XR0u7Ru3C/Hxsy/0TkfCtjrmAbPdzLGasmoiBxplpDXlPvdjX9u7srIMfgasNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.21.7.tgz}
+  registry.npmjs.org/browserslist/4.21.8:
+    resolution: {integrity: sha512-j+7xYe+v+q2Id9qbBeCI8WX5NmZSRe8es1+0xntD/+gaWXznP8tFEkv5IgSaHf5dS1YwVMbX/4W6m937mj+wQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.21.8.tgz}
     name: browserslist
-    version: 4.21.7
+    version: 4.21.8
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001494
-      electron-to-chromium: registry.npmjs.org/electron-to-chromium/1.4.419
+      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001502
+      electron-to-chromium: registry.npmjs.org/electron-to-chromium/1.4.428
       node-releases: registry.npmjs.org/node-releases/2.0.12
-      update-browserslist-db: registry.npmjs.org/update-browserslist-db/1.0.11_browserslist@4.21.7
+      update-browserslist-db: registry.npmjs.org/update-browserslist-db/1.0.11_browserslist@4.21.8
     dev: true
 
   registry.npmjs.org/buffer-crc32/0.2.13:
@@ -2676,10 +2674,10 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/caniuse-lite/1.0.30001494:
-    resolution: {integrity: sha512-sY2B5Qyl46ZzfYDegrl8GBCzdawSLT4ThM9b9F+aDYUrAG2zCOyMbd2Tq34mS1g4ZKBfjRlzOohQMxx28x6wJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001494.tgz}
+  registry.npmjs.org/caniuse-lite/1.0.30001502:
+    resolution: {integrity: sha512-AZ+9tFXw1sS0o0jcpJQIXvFTOB/xGiQ4OQ2t98QX3NDn2EZTSRBC801gxrsGgViuq2ak/NLkNgSNEPtCr5lfKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001502.tgz}
     name: caniuse-lite
-    version: 1.0.30001494
+    version: 1.0.30001502
     dev: true
 
   registry.npmjs.org/caseless/0.12.0:
@@ -2867,13 +2865,6 @@ packages:
     version: 2.20.3
     dev: true
 
-  registry.npmjs.org/commander/5.1.0:
-    resolution: {integrity: sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/commander/-/commander-5.1.0.tgz}
-    name: commander
-    version: 5.1.0
-    engines: {node: '>= 6'}
-    dev: true
-
   registry.npmjs.org/commander/6.2.1:
     resolution: {integrity: sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/commander/-/commander-6.2.1.tgz}
     name: commander
@@ -3013,58 +3004,6 @@ packages:
       cypress: registry.npmjs.org/cypress/12.14.0
     dev: true
 
-  registry.npmjs.org/cypress/10.11.0:
-    resolution: {integrity: sha512-lsaE7dprw5DoXM00skni6W5ElVVLGAdRUUdZjX2dYsGjbY/QnpzWZ95Zom1mkGg0hAaO/QVTZoFVS7Jgr/GUPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress/-/cypress-10.11.0.tgz}
-    name: cypress
-    version: 10.11.0
-    engines: {node: '>=12.0.0'}
-    hasBin: true
-    requiresBuild: true
-    dependencies:
-      '@cypress/request': registry.npmjs.org/@cypress/request/2.88.11
-      '@cypress/xvfb': registry.npmjs.org/@cypress/xvfb/1.2.4_supports-color@8.1.1
-      '@types/node': registry.npmjs.org/@types/node/14.18.48
-      '@types/sinonjs__fake-timers': registry.npmjs.org/@types/sinonjs__fake-timers/8.1.1
-      '@types/sizzle': registry.npmjs.org/@types/sizzle/2.3.3
-      arch: registry.npmjs.org/arch/2.2.0
-      blob-util: registry.npmjs.org/blob-util/2.0.2
-      bluebird: registry.npmjs.org/bluebird/3.7.2
-      buffer: registry.npmjs.org/buffer/5.7.1
-      cachedir: registry.npmjs.org/cachedir/2.3.0
-      chalk: registry.npmjs.org/chalk/4.1.2
-      check-more-types: registry.npmjs.org/check-more-types/2.24.0
-      cli-cursor: registry.npmjs.org/cli-cursor/3.1.0
-      cli-table3: registry.npmjs.org/cli-table3/0.6.3
-      commander: registry.npmjs.org/commander/5.1.0
-      common-tags: registry.npmjs.org/common-tags/1.8.2
-      dayjs: registry.npmjs.org/dayjs/1.11.8
-      debug: registry.npmjs.org/debug/4.3.4_supports-color@8.1.1
-      enquirer: registry.npmjs.org/enquirer/2.3.6
-      eventemitter2: registry.npmjs.org/eventemitter2/6.4.7
-      execa: registry.npmjs.org/execa/4.1.0
-      executable: registry.npmjs.org/executable/4.1.1
-      extract-zip: registry.npmjs.org/extract-zip/2.0.1_supports-color@8.1.1
-      figures: registry.npmjs.org/figures/3.2.0
-      fs-extra: registry.npmjs.org/fs-extra/9.1.0
-      getos: registry.npmjs.org/getos/3.2.1
-      is-ci: registry.npmjs.org/is-ci/3.0.1
-      is-installed-globally: registry.npmjs.org/is-installed-globally/0.4.0
-      lazy-ass: registry.npmjs.org/lazy-ass/1.6.0
-      listr2: registry.npmjs.org/listr2/3.14.0_enquirer@2.3.6
-      lodash: registry.npmjs.org/lodash/4.17.21
-      log-symbols: registry.npmjs.org/log-symbols/4.1.0
-      minimist: registry.npmjs.org/minimist/1.2.8
-      ospath: registry.npmjs.org/ospath/1.2.2
-      pretty-bytes: registry.npmjs.org/pretty-bytes/5.6.0
-      proxy-from-env: registry.npmjs.org/proxy-from-env/1.0.0
-      request-progress: registry.npmjs.org/request-progress/3.0.0
-      semver: registry.npmjs.org/semver/7.5.1
-      supports-color: registry.npmjs.org/supports-color/8.1.1
-      tmp: registry.npmjs.org/tmp/0.2.1
-      untildify: registry.npmjs.org/untildify/4.0.0
-      yauzl: registry.npmjs.org/yauzl/2.10.0
-    dev: true
-
   registry.npmjs.org/cypress/12.14.0:
     resolution: {integrity: sha512-HiLIXKXZaIT1RT7sw1sVPt+qKtis3uYNm6KwC4qoYjabwLKaqZlyS/P+uVvvlBNcHIwL/BC6nQZajpbUd7hOgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress/-/cypress-12.14.0.tgz}
     name: cypress
@@ -3075,7 +3014,7 @@ packages:
     dependencies:
       '@cypress/request': registry.npmjs.org/@cypress/request/2.88.11
       '@cypress/xvfb': registry.npmjs.org/@cypress/xvfb/1.2.4_supports-color@8.1.1
-      '@types/node': registry.npmjs.org/@types/node/14.18.48
+      '@types/node': registry.npmjs.org/@types/node/14.18.51
       '@types/sinonjs__fake-timers': registry.npmjs.org/@types/sinonjs__fake-timers/8.1.1
       '@types/sizzle': registry.npmjs.org/@types/sizzle/2.3.3
       arch: registry.npmjs.org/arch/2.2.0
@@ -3231,7 +3170,7 @@ packages:
     version: 2.30.0
     engines: {node: '>=0.11'}
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.3
+      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
     dev: true
 
   registry.npmjs.org/dayjs/1.11.8:
@@ -3415,10 +3354,10 @@ packages:
       safer-buffer: registry.npmjs.org/safer-buffer/2.1.2
     dev: true
 
-  registry.npmjs.org/electron-to-chromium/1.4.419:
-    resolution: {integrity: sha512-jdie3RiEgygvDTyS2sgjq71B36q2cDSBfPlwzUyuOrfYTNoYWyBxxjGJV/HAu3A2hB0Y+HesvCVkVAFoCKwCSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.419.tgz}
+  registry.npmjs.org/electron-to-chromium/1.4.428:
+    resolution: {integrity: sha512-L7uUknyY286of0AYC8CKfgWstD0Smk2DvHDi9F0GWQhSH90Bzi7iDrmCbZKz75tYJxeGSAc7TYeKpmbjMDoh1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.428.tgz}
     name: electron-to-chromium
-    version: 1.4.419
+    version: 1.4.428
     dev: true
 
   registry.npmjs.org/emoji-regex/8.0.0:
@@ -3595,16 +3534,16 @@ packages:
       eslint: registry.npmjs.org/eslint/8.42.0
     dev: true
 
-  registry.npmjs.org/eslint-config-turbo/1.10.1_eslint@8.42.0:
-    resolution: {integrity: sha512-XRF5adpGJIX+IQNRHcGtUCsPZV95vabSvttrxuLOyWufzBctWNkgIo8Mpi5om8ZmYuMqXPUo8IOh3sRR5H1HCw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.1.tgz}
-    id: registry.npmjs.org/eslint-config-turbo/1.10.1
+  registry.npmjs.org/eslint-config-turbo/1.10.3_eslint@8.42.0:
+    resolution: {integrity: sha512-ggzPfTJfMsMS383oZ4zfTP1zQvyMyiigOQJRUnLt1nqII6SKkTzdKZdwmXRDHU24KFwUfEFtT6c8vnm2VhL0uQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.3.tgz}
+    id: registry.npmjs.org/eslint-config-turbo/1.10.3
     name: eslint-config-turbo
-    version: 1.10.1
+    version: 1.10.3
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
       eslint: registry.npmjs.org/eslint/8.42.0
-      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo/1.10.1_eslint@8.42.0
+      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo/1.10.3_eslint@8.42.0
     dev: true
 
   registry.npmjs.org/eslint-plugin-prettier/4.2.1_vnriwwub2rhvoyn4ckagrc4lpi:
@@ -3667,11 +3606,11 @@ packages:
       svelte: registry.npmjs.org/svelte/3.59.1
     dev: true
 
-  registry.npmjs.org/eslint-plugin-turbo/1.10.1_eslint@8.42.0:
-    resolution: {integrity: sha512-bScQeG42PhVPzSeJgCTk79hRqN8jFYY6Io7fw2qyuOtlff4QkSuBTot+BBooxk4BL11gJglWZUJk2nqumLJGOA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.1.tgz}
-    id: registry.npmjs.org/eslint-plugin-turbo/1.10.1
+  registry.npmjs.org/eslint-plugin-turbo/1.10.3_eslint@8.42.0:
+    resolution: {integrity: sha512-g3Mnnk7el1FqxHfqbE/MayLvCsYjA/vKmAnUj66kV4AlM7p/EZqdt42NMcMSKtDVEm0w+utQkkzWG2Xsa0Pd/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.3.tgz}
+    id: registry.npmjs.org/eslint-plugin-turbo/1.10.3
     name: eslint-plugin-turbo
-    version: 1.10.1
+    version: 1.10.3
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
@@ -5714,7 +5653,7 @@ packages:
     version: 5.2.0
     engines: {node: '>=8'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.21.4
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.22.5
       error-ex: registry.npmjs.org/error-ex/1.3.2
       json-parse-even-better-errors: registry.npmjs.org/json-parse-even-better-errors/2.3.1
       lines-and-columns: registry.npmjs.org/lines-and-columns/1.2.4
@@ -6120,32 +6059,32 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/react-router-dom/6.11.2_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-JNbKtAeh1VSJQnH6RvBDNhxNwemRj7KxCzc5jb7zvDSKRnPWIFj9pO+eXqjM69gQJ0r46hSz1x4l9y0651DKWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.11.2.tgz}
-    id: registry.npmjs.org/react-router-dom/6.11.2
+  registry.npmjs.org/react-router-dom/6.12.1_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-POIZN9UDKWwEDga054LvYr2KnK8V+0HR4Ny4Bwv8V7/FZCPxJgsCjYxXGxqxzHs7VBxMKZfgvtKhafuJkJSPGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.12.1.tgz}
+    id: registry.npmjs.org/react-router-dom/6.12.1
     name: react-router-dom
-    version: 6.11.2
+    version: 6.12.1
     engines: {node: '>=14'}
     peerDependencies:
       react: '>=16.8'
       react-dom: '>=16.8'
     dependencies:
-      '@remix-run/router': registry.npmjs.org/@remix-run/router/1.6.2
+      '@remix-run/router': registry.npmjs.org/@remix-run/router/1.6.3
       react: registry.npmjs.org/react/18.2.0
       react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
-      react-router: registry.npmjs.org/react-router/6.11.2_react@18.2.0
+      react-router: registry.npmjs.org/react-router/6.12.1_react@18.2.0
     dev: false
 
-  registry.npmjs.org/react-router/6.11.2_react@18.2.0:
-    resolution: {integrity: sha512-74z9xUSaSX07t3LM+pS6Un0T55ibUE/79CzfZpy5wsPDZaea1F8QkrsiyRnA2YQ7LwE/umaydzXZV80iDCPkMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router/-/react-router-6.11.2.tgz}
-    id: registry.npmjs.org/react-router/6.11.2
+  registry.npmjs.org/react-router/6.12.1_react@18.2.0:
+    resolution: {integrity: sha512-evd/GrKJOeOypD0JB9e1r7pQh2gWCsTbUfq059Wm1AFT/K2MNZuDo19lFtAgIhlBrp0MmpgpqtvZC7LPAs7vSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router/-/react-router-6.12.1.tgz}
+    id: registry.npmjs.org/react-router/6.12.1
     name: react-router
-    version: 6.11.2
+    version: 6.12.1
     engines: {node: '>=14'}
     peerDependencies:
       react: '>=16.8'
     dependencies:
-      '@remix-run/router': registry.npmjs.org/@remix-run/router/1.6.2
+      '@remix-run/router': registry.npmjs.org/@remix-run/router/1.6.3
       react: registry.npmjs.org/react/18.2.0
     dev: false
 
@@ -6334,7 +6273,7 @@ packages:
       glob: registry.npmjs.org/glob/7.2.3
     dev: true
 
-  registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.23.1:
+  registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.25.1:
     resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup-plugin-peer-deps-external/-/rollup-plugin-peer-deps-external-2.2.4.tgz}
     id: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4
     name: rollup-plugin-peer-deps-external
@@ -6342,13 +6281,13 @@ packages:
     peerDependencies:
       rollup: '*'
     dependencies:
-      rollup: registry.npmjs.org/rollup/3.23.1
+      rollup: registry.npmjs.org/rollup/3.25.1
     dev: true
 
-  registry.npmjs.org/rollup/3.23.1:
-    resolution: {integrity: sha512-ybRdFVHOoljGEFILHLd2g/qateqUdjE6YS41WXq4p3C/WwD3xtWxV4FYWETA1u9TeXQc5K8L8zHE5d/scOvrOQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.23.1.tgz}
+  registry.npmjs.org/rollup/3.25.1:
+    resolution: {integrity: sha512-tywOR+rwIt5m2ZAWSe5AIJcTat8vGlnPFAv15ycCrw33t6iFsXZ6mzHVFh2psSjxQPmI+xgzMZZizUAukBI4aQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.25.1.tgz}
     name: rollup
-    version: 3.23.1
+    version: 3.25.1
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
@@ -6976,7 +6915,7 @@ packages:
     engines: {node: '>= 8'}
     dev: true
 
-  registry.npmjs.org/svelte2tsx/0.6.15_cnumnonbjyr4j6qimrlvyofpny:
+  registry.npmjs.org/svelte2tsx/0.6.15_ew3mtnddoirxihfd3dvwoglzia:
     resolution: {integrity: sha512-+j6RmA3g5pPs1DHa/rdzJjjhZuCfWx0IbNPaR99A2bvOSPPY6BlVkBGU0urI+DGcWHhYEG28Flo942KqlAkpEQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.15.tgz}
     id: registry.npmjs.org/svelte2tsx/0.6.15
     name: svelte2tsx
@@ -6988,7 +6927,7 @@ packages:
       dedent-js: registry.npmjs.org/dedent-js/1.0.1
       pascal-case: registry.npmjs.org/pascal-case/3.1.2
       svelte: registry.npmjs.org/svelte/3.59.1
-      typescript: registry.npmjs.org/typescript/4.9.5
+      typescript: registry.npmjs.org/typescript/5.1.3
     dev: true
 
   registry.npmjs.org/term-size/2.2.1:
@@ -6998,10 +6937,10 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/terser/5.17.7:
-    resolution: {integrity: sha512-/bi0Zm2C6VAexlGgLlVxA0P2lru/sdLyfCVaRMfKVo9nWxbmz7f/sD8VPybPeSUJaJcwmCJis9pBIhcVcG1QcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/terser/-/terser-5.17.7.tgz}
+  registry.npmjs.org/terser/5.18.0:
+    resolution: {integrity: sha512-pdL757Ig5a0I+owA42l6tIuEycRuM7FPY4n62h44mRLRfnOxJkkOHd6i89dOpwZlpF6JXBwaAHF6yWzFrt+QyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/terser/-/terser-5.18.0.tgz}
     name: terser
-    version: 5.17.7
+    version: 5.18.0
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
@@ -7127,7 +7066,7 @@ packages:
     version: 2.5.3
     dev: true
 
-  registry.npmjs.org/tsutils/3.21.0_typescript@4.9.5:
+  registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3:
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz}
     id: registry.npmjs.org/tsutils/3.21.0
     name: tsutils
@@ -7137,7 +7076,7 @@ packages:
       typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
     dependencies:
       tslib: registry.npmjs.org/tslib/1.14.1
-      typescript: registry.npmjs.org/typescript/4.9.5
+      typescript: registry.npmjs.org/typescript/5.1.3
     dev: true
 
   registry.npmjs.org/tty-table/4.2.1:
@@ -7164,79 +7103,79 @@ packages:
       safe-buffer: registry.npmjs.org/safe-buffer/5.2.1
     dev: true
 
-  registry.npmjs.org/turbo-darwin-64/1.10.1:
-    resolution: {integrity: sha512-isLLoPuAOMNsYovOq9BhuQOZWQuU13zYsW988KkkaA4OJqOn7qwa9V/KBYCJL8uVQqtG+/Y42J37lO8RJjyXuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.10.1.tgz}
+  registry.npmjs.org/turbo-darwin-64/1.10.3:
+    resolution: {integrity: sha512-IIB9IomJGyD3EdpSscm7Ip1xVWtYb7D0x7oH3vad3gjFcjHJzDz9xZ/iw/qItFEW+wGFcLSRPd+1BNnuLM8AsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.10.3.tgz}
     name: turbo-darwin-64
-    version: 1.10.1
+    version: 1.10.3
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-darwin-arm64/1.10.1:
-    resolution: {integrity: sha512-x1nloPR10fLElNCv17BKr0kCx/O5gse/UXAcVscMZH2tvRUtXrdBmut62uw2YU3J9hli2fszYjUWXkulVpQvFA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.10.1.tgz}
+  registry.npmjs.org/turbo-darwin-arm64/1.10.3:
+    resolution: {integrity: sha512-SBNmOZU9YEB0eyNIxeeQ+Wi0Ufd+nprEVp41rgUSRXEIpXjsDjyBnKnF+sQQj3+FLb4yyi/yZQckB+55qXWEsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.10.3.tgz}
     name: turbo-darwin-arm64
-    version: 1.10.1
+    version: 1.10.3
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-linux-64/1.10.1:
-    resolution: {integrity: sha512-abV+ODCeOlz0503OZlHhPWdy3VwJZc1jObf1VQj7uQM+JqJ/kXbMyqJIMQVz+m7QJUFdferYPRxGhYT/NbYK7Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.10.1.tgz}
+  registry.npmjs.org/turbo-linux-64/1.10.3:
+    resolution: {integrity: sha512-kvAisGKE7xHJdyMxZLvg53zvHxjqPK1UVj4757PQqtx9dnjYHSc8epmivE6niPgDHon5YqImzArCjVZJYpIGHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.10.3.tgz}
     name: turbo-linux-64
-    version: 1.10.1
+    version: 1.10.3
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-linux-arm64/1.10.1:
-    resolution: {integrity: sha512-zRC3nZbHQ63tofOmbuySzEn1ROISWTkemYYr1L98rpmT5aVa0kERlGiYcfDwZh3cBso/Ylg/wxexRAaPzcCJYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.10.1.tgz}
+  registry.npmjs.org/turbo-linux-arm64/1.10.3:
+    resolution: {integrity: sha512-Qgaqln0IYRgyL0SowJOi+PNxejv1I2xhzXOI+D+z4YHbgSx87ox1IsALYBlK8VRVYY8VCXl+PN12r1ioV09j7A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.10.3.tgz}
     name: turbo-linux-arm64
-    version: 1.10.1
+    version: 1.10.3
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-windows-64/1.10.1:
-    resolution: {integrity: sha512-Irqz8IU+o7Q/5V44qatZBTunk+FQAOII1hZTsEU54ah62f9Y297K6/LSp+yncmVQOZlFVccXb6MDqcETExIQtA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.10.1.tgz}
+  registry.npmjs.org/turbo-windows-64/1.10.3:
+    resolution: {integrity: sha512-rbH9wManURNN8mBnN/ZdkpUuTvyVVEMiUwFUX4GVE5qmV15iHtZfDLUSGGCP2UFBazHcpNHG1OJzgc55GFFrUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.10.3.tgz}
     name: turbo-windows-64
-    version: 1.10.1
+    version: 1.10.3
     cpu: [x64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-windows-arm64/1.10.1:
-    resolution: {integrity: sha512-124IT15d2gyjC+NEn11pHOaVFvZDRHpxfF+LDUzV7YxfNIfV0mGkR3R/IyVXtQHOgqOdtQTbC4y411sm31+SEw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.10.1.tgz}
+  registry.npmjs.org/turbo-windows-arm64/1.10.3:
+    resolution: {integrity: sha512-ThlkqxhcGZX39CaTjsHqJnqVe+WImjX13pmjnpChz6q5HHbeRxaJSFzgrHIOt0sUUVx90W/WrNRyoIt/aafniw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.10.3.tgz}
     name: turbo-windows-arm64
-    version: 1.10.1
+    version: 1.10.3
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo/1.10.1:
-    resolution: {integrity: sha512-wq0YeSv6P/eEDXOL42jkMUr+T4z34dM8mdHu5u6C6OOAq8JuLJ72F/v4EVR1JmY8icyTkFz10ICLV0haUUYhbQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo/-/turbo-1.10.1.tgz}
+  registry.npmjs.org/turbo/1.10.3:
+    resolution: {integrity: sha512-U4gKCWcKgLcCjQd4Pl8KJdfEKumpyWbzRu75A6FCj6Ctea1PIm58W6Ltw1QXKqHrl2pF9e1raAskf/h6dlrPCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo/-/turbo-1.10.3.tgz}
     name: turbo
-    version: 1.10.1
+    version: 1.10.3
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      turbo-darwin-64: registry.npmjs.org/turbo-darwin-64/1.10.1
-      turbo-darwin-arm64: registry.npmjs.org/turbo-darwin-arm64/1.10.1
-      turbo-linux-64: registry.npmjs.org/turbo-linux-64/1.10.1
-      turbo-linux-arm64: registry.npmjs.org/turbo-linux-arm64/1.10.1
-      turbo-windows-64: registry.npmjs.org/turbo-windows-64/1.10.1
-      turbo-windows-arm64: registry.npmjs.org/turbo-windows-arm64/1.10.1
+      turbo-darwin-64: registry.npmjs.org/turbo-darwin-64/1.10.3
+      turbo-darwin-arm64: registry.npmjs.org/turbo-darwin-arm64/1.10.3
+      turbo-linux-64: registry.npmjs.org/turbo-linux-64/1.10.3
+      turbo-linux-arm64: registry.npmjs.org/turbo-linux-arm64/1.10.3
+      turbo-windows-64: registry.npmjs.org/turbo-windows-64/1.10.3
+      turbo-windows-arm64: registry.npmjs.org/turbo-windows-arm64/1.10.3
     dev: true
 
   registry.npmjs.org/tweetnacl/0.14.5:
@@ -7356,7 +7295,7 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/update-browserslist-db/1.0.11_browserslist@4.21.7:
+  registry.npmjs.org/update-browserslist-db/1.0.11_browserslist@4.21.8:
     resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz}
     id: registry.npmjs.org/update-browserslist-db/1.0.11
     name: update-browserslist-db
@@ -7365,7 +7304,7 @@ packages:
     peerDependencies:
       browserslist: '>= 4.21.0'
     dependencies:
-      browserslist: registry.npmjs.org/browserslist/4.21.7
+      browserslist: registry.npmjs.org/browserslist/4.21.8
       escalade: registry.npmjs.org/escalade/3.1.1
       picocolors: registry.npmjs.org/picocolors/1.0.0
     dev: true
@@ -7451,7 +7390,7 @@ packages:
     dependencies:
       esbuild: registry.npmjs.org/esbuild/0.17.19
       postcss: registry.npmjs.org/postcss/8.4.24
-      rollup: registry.npmjs.org/rollup/3.23.1
+      rollup: registry.npmjs.org/rollup/3.25.1
     optionalDependencies:
       fsevents: registry.npmjs.org/fsevents/2.3.2
     dev: true

From b6d16913f7cc073335fae6f0e949cefd7d418a80 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 13 Jun 2023 17:44:18 +0200
Subject: [PATCH 0101/1093] chore(readmes): update

---
 packages/react/package.json  |   2 +-
 packages/svelte/README.md    |  53 +++++++---
 packages/svelte/package.json | 200 +++++++++++++++++++----------------
 packages/system/README.md    |   2 +-
 pnpm-lock.yaml               |   8 +-
 5 files changed, 149 insertions(+), 116 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index 4e2bd02dd..44e4cc1db 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@xyflow/react",
   "version": "11.7.2",
-  "description": "Core components and util functions of React Flow.",
+  "description": "A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
     "node-based UI",
diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index 74834b811..c253a1feb 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -1,16 +1,16 @@
-# SvelteFlow
+# Svelte Flow - alpha
 
-A highly customizable Svelte component for building interactive graphs and node-based editors. **This package is currently under heavy development and the API is very likely to change.**
+Svelte Flow is a highly customizable component for building interactive graphs and node-based editors, built by the creators of React Flow. **This package is currently under heavy development and the API is very likely to change.**
 
-## Getting started
+## Installation
 
-If you want to check out the current version you need to run the following command from the root directory:
+The easiest way to get the latest version of Svelte Flow is to install it via npm, yarn or pnpm:
 
-1. `pnpm install` - install dependencies
-2. `pnpm build` - needs to be done once
-3. `pnpm dev` - starts dev server
+```sh
+npm install @xyflow/svelte
+```
 
-You can now access the examples under http://127.0.0.1:5173
+What is “xyflow”? Learn more [here](https://wbkd.notion.site/Upcoming-Changes-at-React-Flow-1a443641891a4069927c0a115e915251).
 
 ## Getting started
 
@@ -21,7 +21,7 @@ A basic flow looks like this:
 ```svelte
 <script lang="ts">
   import { writable } from 'svelte/store';
-  import SvelteFlow, {
+  import { SvelteFlow,
     SvelteFlowProvider,
     Controls,
     Background,
@@ -29,13 +29,7 @@ A basic flow looks like this:
     MiniMap,
     Panel,
     type NodeTypes
-  } from '../../lib/index';
-  import { CustomNode } from './CustomNode';
-
-  // Svelte Flow is highly customizable, a node can be anything that fits in a div
-  const nodeTypes: NodeTypes = {
-    custom: CustomNode
-  };
+  } from '@xyflow/svelte';
   
   // We are using writables for the nodes and edges to sync them easily. When a user drags a node for example, Svelte Flow updates its position.
   // This also makes it easier to update nodes in user land.
@@ -81,3 +75,30 @@ A basic flow looks like this:
   <MiniMap />
 </SvelteFlow>
 ```
+
+## Development
+
+If you want to check out the current version you need to run the following command from the root directory:
+
+1. `pnpm install` - install dependencies
+2. `pnpm build` - needs to be done once
+3. `pnpm dev` - starts dev server
+
+You can now access the examples under http://127.0.0.1:5173
+
+
+## How to Contribute
+
+**Show us what you make:** Drop it in into our [Discord Server](https://discord.com/invite/Bqt6xrs), [tweet](https://twitter.com/reactflowdev) at us, or email us at info@reactflow.dev
+
+**Community Participation:** Ask and answer questions in our [Discord Server](https://discord.com/invite/Bqt6xrs) or jump in on Github discussions.
+
+**Squash Bugs:** We can’t catch them all. Check existing issues and discussions first, then create a new issue to tell us what’s up.
+
+**Financial Support:** If you are an organization who wants to make sure Svelte Flow continues to be maintained, reach out to us at info@reactflow.dev
+
+And of course, we love Github stars ⭐
+
+# License
+
+Svelte Flow is MIT Licensed.
\ No newline at end of file
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 18d2197e2..c7bb10b8e 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,10 +1,19 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.1",
+  "version": "0.0.2",
+  "description": "A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
+  "keywords": [
+    "svelte",
+    "node-based UI",
+    "graph",
+    "diagram",
+    "workflow",
+    "svelte-flow",
+    "xyflow"
+  ],
   "scripts": {
     "dev": "vite dev",
-    "build": "svelte-kit sync && svelte-package -o package",
-    "prepublishOnly": "echo 'Did you mean to publish `./package/`, instead of `./`?' && exit 1",
+    "build": "svelte-kit sync && svelte-package -o dist",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "lint": "prettier --plugin-search-dir . --check . && eslint .",
@@ -14,7 +23,10 @@
   "module": "index.ts",
   "exports": {
     "./package.json": "./package.json",
-    ".": "./package/index.js"
+    ".": "./dist/index.js"
+  },
+  "publishConfig": {
+    "access": "public"
   },
   "dependencies": {
     "@svelte-put/shortcut": "^2.0.0",
@@ -42,274 +54,274 @@
     "svelte": "^3.56.0"
   },
   "files": [
-    "package"
+    "dist"
   ],
-  "svelte": "./package/index.js",
+  "svelte": "./dist/index.js",
   "typesVersions": {
     ">4.0": {
       "actions/drag": [
-        "./package/actions/drag/index.d.ts"
+        "./dist/actions/drag/index.d.ts"
       ],
       "actions/drag/utils": [
-        "./package/actions/drag/utils.d.ts"
+        "./dist/actions/drag/utils.d.ts"
       ],
       "actions/portal": [
-        "./package/actions/portal/index.d.ts"
+        "./dist/actions/portal/index.d.ts"
       ],
       "actions/zoom": [
-        "./package/actions/zoom/index.d.ts"
+        "./dist/actions/zoom/index.d.ts"
       ],
       "components/Attribution/Attribution.svelte": [
-        "./package/components/Attribution/Attribution.svelte.d.ts"
+        "./dist/components/Attribution/Attribution.svelte.d.ts"
       ],
       "components/Attribution": [
-        "./package/components/Attribution/index.d.ts"
+        "./dist/components/Attribution/index.d.ts"
       ],
       "components/Attribution/types": [
-        "./package/components/Attribution/types.d.ts"
+        "./dist/components/Attribution/types.d.ts"
       ],
       "components/BaseEdge/BaseEdge.svelte": [
-        "./package/components/BaseEdge/BaseEdge.svelte.d.ts"
+        "./dist/components/BaseEdge/BaseEdge.svelte.d.ts"
       ],
       "components/BaseEdge": [
-        "./package/components/BaseEdge/index.d.ts"
+        "./dist/components/BaseEdge/index.d.ts"
       ],
       "components/BaseEdge/types": [
-        "./package/components/BaseEdge/types.d.ts"
+        "./dist/components/BaseEdge/types.d.ts"
       ],
       "components/ConnectionLine/ConnectionLine.svelte": [
-        "./package/components/ConnectionLine/ConnectionLine.svelte.d.ts"
+        "./dist/components/ConnectionLine/ConnectionLine.svelte.d.ts"
       ],
       "components/ConnectionLine": [
-        "./package/components/ConnectionLine/index.d.ts"
+        "./dist/components/ConnectionLine/index.d.ts"
       ],
       "components/EdgeLabelRenderer/EdgeLabelRenderer.svelte": [
-        "./package/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte.d.ts"
+        "./dist/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte.d.ts"
       ],
       "components/EdgeLabelRenderer": [
-        "./package/components/EdgeLabelRenderer/index.d.ts"
+        "./dist/components/EdgeLabelRenderer/index.d.ts"
       ],
       "components/EdgeWrapper/EdgeWrapper.svelte": [
-        "./package/components/EdgeWrapper/EdgeWrapper.svelte.d.ts"
+        "./dist/components/EdgeWrapper/EdgeWrapper.svelte.d.ts"
       ],
       "components/EdgeWrapper": [
-        "./package/components/EdgeWrapper/index.d.ts"
+        "./dist/components/EdgeWrapper/index.d.ts"
       ],
       "components/Handle/Handle.svelte": [
-        "./package/components/Handle/Handle.svelte.d.ts"
+        "./dist/components/Handle/Handle.svelte.d.ts"
       ],
       "components/Handle/handler": [
-        "./package/components/Handle/handler.d.ts"
+        "./dist/components/Handle/handler.d.ts"
       ],
       "components/Handle": [
-        "./package/components/Handle/index.d.ts"
+        "./dist/components/Handle/index.d.ts"
       ],
       "components/Handle/utils": [
-        "./package/components/Handle/utils.d.ts"
+        "./dist/components/Handle/utils.d.ts"
       ],
       "components/KeyHandler/KeyHandler.svelte": [
-        "./package/components/KeyHandler/KeyHandler.svelte.d.ts"
+        "./dist/components/KeyHandler/KeyHandler.svelte.d.ts"
       ],
       "components/KeyHandler": [
-        "./package/components/KeyHandler/index.d.ts"
+        "./dist/components/KeyHandler/index.d.ts"
       ],
       "components/KeyHandler/types": [
-        "./package/components/KeyHandler/types.d.ts"
+        "./dist/components/KeyHandler/types.d.ts"
       ],
       "components/NodeSelection/NodeSelection.svelte": [
-        "./package/components/NodeSelection/NodeSelection.svelte.d.ts"
+        "./dist/components/NodeSelection/NodeSelection.svelte.d.ts"
       ],
       "components/NodeSelection": [
-        "./package/components/NodeSelection/index.d.ts"
+        "./dist/components/NodeSelection/index.d.ts"
       ],
       "components/NodeWrapper/NodeWrapper.svelte": [
-        "./package/components/NodeWrapper/NodeWrapper.svelte.d.ts"
+        "./dist/components/NodeWrapper/NodeWrapper.svelte.d.ts"
       ],
       "components/NodeWrapper": [
-        "./package/components/NodeWrapper/index.d.ts"
+        "./dist/components/NodeWrapper/index.d.ts"
       ],
       "components/NodeWrapper/types": [
-        "./package/components/NodeWrapper/types.d.ts"
+        "./dist/components/NodeWrapper/types.d.ts"
       ],
       "components/Selection/Selection.svelte": [
-        "./package/components/Selection/Selection.svelte.d.ts"
+        "./dist/components/Selection/Selection.svelte.d.ts"
       ],
       "components/Selection": [
-        "./package/components/Selection/index.d.ts"
+        "./dist/components/Selection/index.d.ts"
       ],
       "components/SvelteFlowProvider/SvelteFlowProvider.svelte": [
-        "./package/components/SvelteFlowProvider/SvelteFlowProvider.svelte.d.ts"
+        "./dist/components/SvelteFlowProvider/SvelteFlowProvider.svelte.d.ts"
       ],
       "components/SvelteFlowProvider": [
-        "./package/components/SvelteFlowProvider/index.d.ts"
+        "./dist/components/SvelteFlowProvider/index.d.ts"
       ],
       "components/SvelteFlowProvider/types": [
-        "./package/components/SvelteFlowProvider/types.d.ts"
+        "./dist/components/SvelteFlowProvider/types.d.ts"
       ],
       "components/UserSelection/UserSelection.svelte": [
-        "./package/components/UserSelection/UserSelection.svelte.d.ts"
+        "./dist/components/UserSelection/UserSelection.svelte.d.ts"
       ],
       "components/UserSelection": [
-        "./package/components/UserSelection/index.d.ts"
+        "./dist/components/UserSelection/index.d.ts"
       ],
       "components/edges/BezierEdge.svelte": [
-        "./package/components/edges/BezierEdge.svelte.d.ts"
+        "./dist/components/edges/BezierEdge.svelte.d.ts"
       ],
       "components/edges/SmoothStepEdge.svelte": [
-        "./package/components/edges/SmoothStepEdge.svelte.d.ts"
+        "./dist/components/edges/SmoothStepEdge.svelte.d.ts"
       ],
       "components/edges/StraightEdge.svelte": [
-        "./package/components/edges/StraightEdge.svelte.d.ts"
+        "./dist/components/edges/StraightEdge.svelte.d.ts"
       ],
       "components/nodes/DefaultNode.svelte": [
-        "./package/components/nodes/DefaultNode.svelte.d.ts"
+        "./dist/components/nodes/DefaultNode.svelte.d.ts"
       ],
       "components/nodes/InputNode.svelte": [
-        "./package/components/nodes/InputNode.svelte.d.ts"
+        "./dist/components/nodes/InputNode.svelte.d.ts"
       ],
       "components/nodes/OutputNode.svelte": [
-        "./package/components/nodes/OutputNode.svelte.d.ts"
+        "./dist/components/nodes/OutputNode.svelte.d.ts"
       ],
       "container/EdgeRenderer/EdgeRenderer.svelte": [
-        "./package/container/EdgeRenderer/EdgeRenderer.svelte.d.ts"
+        "./dist/container/EdgeRenderer/EdgeRenderer.svelte.d.ts"
       ],
       "container/EdgeRenderer": [
-        "./package/container/EdgeRenderer/index.d.ts"
+        "./dist/container/EdgeRenderer/index.d.ts"
       ],
       "container/EdgeRenderer/utils": [
-        "./package/container/EdgeRenderer/utils.d.ts"
+        "./dist/container/EdgeRenderer/utils.d.ts"
       ],
       "container/NodeRenderer/NodeRenderer.svelte": [
-        "./package/container/NodeRenderer/NodeRenderer.svelte.d.ts"
+        "./dist/container/NodeRenderer/NodeRenderer.svelte.d.ts"
       ],
       "container/NodeRenderer": [
-        "./package/container/NodeRenderer/index.d.ts"
+        "./dist/container/NodeRenderer/index.d.ts"
       ],
       "container/Pane/Pane.svelte": [
-        "./package/container/Pane/Pane.svelte.d.ts"
+        "./dist/container/Pane/Pane.svelte.d.ts"
       ],
       "container/Pane": [
-        "./package/container/Pane/index.d.ts"
+        "./dist/container/Pane/index.d.ts"
       ],
       "container/Panel/Panel.svelte": [
-        "./package/container/Panel/Panel.svelte.d.ts"
+        "./dist/container/Panel/Panel.svelte.d.ts"
       ],
       "container/Panel": [
-        "./package/container/Panel/index.d.ts"
+        "./dist/container/Panel/index.d.ts"
       ],
       "container/Panel/types": [
-        "./package/container/Panel/types.d.ts"
+        "./dist/container/Panel/types.d.ts"
       ],
       "container/SvelteFlow/SvelteFlow.svelte": [
-        "./package/container/SvelteFlow/SvelteFlow.svelte.d.ts"
+        "./dist/container/SvelteFlow/SvelteFlow.svelte.d.ts"
       ],
       "container/SvelteFlow": [
-        "./package/container/SvelteFlow/index.d.ts"
+        "./dist/container/SvelteFlow/index.d.ts"
       ],
       "container/SvelteFlow/types": [
-        "./package/container/SvelteFlow/types.d.ts"
+        "./dist/container/SvelteFlow/types.d.ts"
       ],
       "container/Viewport/Viewport.svelte": [
-        "./package/container/Viewport/Viewport.svelte.d.ts"
+        "./dist/container/Viewport/Viewport.svelte.d.ts"
       ],
       "container/Viewport": [
-        "./package/container/Viewport/index.d.ts"
+        "./dist/container/Viewport/index.d.ts"
       ],
       "container/Zoom/Zoom.svelte": [
-        "./package/container/Zoom/Zoom.svelte.d.ts"
+        "./dist/container/Zoom/Zoom.svelte.d.ts"
       ],
       "container/Zoom": [
-        "./package/container/Zoom/index.d.ts"
+        "./dist/container/Zoom/index.d.ts"
       ],
       "hooks/useSvelteFlow": [
-        "./package/hooks/useSvelteFlow.d.ts"
+        "./dist/hooks/useSvelteFlow.d.ts"
       ],
       "index": [
-        "./package/index.d.ts"
+        "./dist/index.d.ts"
       ],
       "plugins/Background/Background.svelte": [
-        "./package/plugins/Background/Background.svelte.d.ts"
+        "./dist/plugins/Background/Background.svelte.d.ts"
       ],
       "plugins/Background/DotPattern.svelte": [
-        "./package/plugins/Background/DotPattern.svelte.d.ts"
+        "./dist/plugins/Background/DotPattern.svelte.d.ts"
       ],
       "plugins/Background/LinePattern.svelte": [
-        "./package/plugins/Background/LinePattern.svelte.d.ts"
+        "./dist/plugins/Background/LinePattern.svelte.d.ts"
       ],
       "plugins/Background": [
-        "./package/plugins/Background/index.d.ts"
+        "./dist/plugins/Background/index.d.ts"
       ],
       "plugins/Background/types": [
-        "./package/plugins/Background/types.d.ts"
+        "./dist/plugins/Background/types.d.ts"
       ],
       "plugins/Controls/ControlButton.svelte": [
-        "./package/plugins/Controls/ControlButton.svelte.d.ts"
+        "./dist/plugins/Controls/ControlButton.svelte.d.ts"
       ],
       "plugins/Controls/Controls.svelte": [
-        "./package/plugins/Controls/Controls.svelte.d.ts"
+        "./dist/plugins/Controls/Controls.svelte.d.ts"
       ],
       "plugins/Controls/Icons/Fit.svelte": [
-        "./package/plugins/Controls/Icons/Fit.svelte.d.ts"
+        "./dist/plugins/Controls/Icons/Fit.svelte.d.ts"
       ],
       "plugins/Controls/Icons/Lock.svelte": [
-        "./package/plugins/Controls/Icons/Lock.svelte.d.ts"
+        "./dist/plugins/Controls/Icons/Lock.svelte.d.ts"
       ],
       "plugins/Controls/Icons/Minus.svelte": [
-        "./package/plugins/Controls/Icons/Minus.svelte.d.ts"
+        "./dist/plugins/Controls/Icons/Minus.svelte.d.ts"
       ],
       "plugins/Controls/Icons/Plus.svelte": [
-        "./package/plugins/Controls/Icons/Plus.svelte.d.ts"
+        "./dist/plugins/Controls/Icons/Plus.svelte.d.ts"
       ],
       "plugins/Controls/Icons/Unlock.svelte": [
-        "./package/plugins/Controls/Icons/Unlock.svelte.d.ts"
+        "./dist/plugins/Controls/Icons/Unlock.svelte.d.ts"
       ],
       "plugins/Controls": [
-        "./package/plugins/Controls/index.d.ts"
+        "./dist/plugins/Controls/index.d.ts"
       ],
       "plugins/Controls/types": [
-        "./package/plugins/Controls/types.d.ts"
+        "./dist/plugins/Controls/types.d.ts"
       ],
       "plugins/Minimap/Minimap.svelte": [
-        "./package/plugins/Minimap/Minimap.svelte.d.ts"
+        "./dist/plugins/Minimap/Minimap.svelte.d.ts"
       ],
       "plugins/Minimap/MinimapNode.svelte": [
-        "./package/plugins/Minimap/MinimapNode.svelte.d.ts"
+        "./dist/plugins/Minimap/MinimapNode.svelte.d.ts"
       ],
       "plugins/Minimap": [
-        "./package/plugins/Minimap/index.d.ts"
+        "./dist/plugins/Minimap/index.d.ts"
       ],
       "plugins/Minimap/types": [
-        "./package/plugins/Minimap/types.d.ts"
+        "./dist/plugins/Minimap/types.d.ts"
       ],
       "store/connection-path": [
-        "./package/store/connection-path.d.ts"
+        "./dist/store/connection-path.d.ts"
       ],
       "store/edges-layouted": [
-        "./package/store/edges-layouted.d.ts"
+        "./dist/store/edges-layouted.d.ts"
       ],
       "store": [
-        "./package/store/index.d.ts"
+        "./dist/store/index.d.ts"
       ],
       "store/initial-store": [
-        "./package/store/initial-store.d.ts"
+        "./dist/store/initial-store.d.ts"
       ],
       "store/types": [
-        "./package/store/types.d.ts"
+        "./dist/store/types.d.ts"
       ],
       "types/edges": [
-        "./package/types/edges.d.ts"
+        "./dist/types/edges.d.ts"
       ],
       "types/general": [
-        "./package/types/general.d.ts"
+        "./dist/types/general.d.ts"
       ],
       "types": [
-        "./package/types/index.d.ts"
+        "./dist/types/index.d.ts"
       ],
       "types/nodes": [
-        "./package/types/nodes.d.ts"
+        "./dist/types/nodes.d.ts"
       ],
       "utils": [
-        "./package/utils/index.d.ts"
+        "./dist/utils/index.d.ts"
       ]
     }
   }
diff --git a/packages/system/README.md b/packages/system/README.md
index 9189b1b69..f6fce0741 100644
--- a/packages/system/README.md
+++ b/packages/system/README.md
@@ -1,6 +1,6 @@
 # @xyflow/system
 
-Types for React Flow.
+Core system that powers React Flow and Svelte Flow.
 
 ## Installation 
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e0f522473..ca9c53806 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -138,10 +138,10 @@ importers:
     specifiers:
       '@svelte-put/shortcut': ^2.0.0
       '@sveltejs/adapter-auto': ^2.1.0
-      '@sveltejs/kit': ^1.20.1
+      '@sveltejs/kit': 1.20.2
       '@sveltejs/package': ^2.0.2
-      '@typescript-eslint/eslint-plugin': ^5.59.9
-      '@typescript-eslint/parser': ^5.59.9
+      '@typescript-eslint/eslint-plugin': 5.59.11
+      '@typescript-eslint/parser': 5.59.11
       '@xyflow/system': workspace:*
       classcat: ^5.0.4
       eslint: ^8.42.0
@@ -151,7 +151,7 @@ importers:
       prettier-plugin-svelte: ^2.10.1
       svelte: ^3.59.1
       svelte-check: ^3.4.3
-      tslib: ^2.4.1
+      tslib: 2.5.3
       typescript: 5.1.3
       vite: ^4.3.9
     dependencies:

From 1638f641aa7ba10a52a2c2f57c69b0eb8e71cd3a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 13 Jun 2023 17:45:37 +0200
Subject: [PATCH 0102/1093] chore(svelte): update readme

---
 packages/svelte/README.md | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index c253a1feb..28d79b3e2 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -1,4 +1,4 @@
-# Svelte Flow - alpha
+# Svelte Flow (alpha)
 
 Svelte Flow is a highly customizable component for building interactive graphs and node-based editors, built by the creators of React Flow. **This package is currently under heavy development and the API is very likely to change.**
 
@@ -75,18 +75,6 @@ A basic flow looks like this:
   <MiniMap />
 </SvelteFlow>
 ```
-
-## Development
-
-If you want to check out the current version you need to run the following command from the root directory:
-
-1. `pnpm install` - install dependencies
-2. `pnpm build` - needs to be done once
-3. `pnpm dev` - starts dev server
-
-You can now access the examples under http://127.0.0.1:5173
-
-
 ## How to Contribute
 
 **Show us what you make:** Drop it in into our [Discord Server](https://discord.com/invite/Bqt6xrs), [tweet](https://twitter.com/reactflowdev) at us, or email us at info@reactflow.dev
@@ -99,6 +87,18 @@ You can now access the examples under http://127.0.0.1:5173
 
 And of course, we love Github stars ⭐
 
+
+## Development
+
+If you want to check out the current version you need to run the following command from the root directory:
+
+1. `pnpm install` - install dependencies
+2. `pnpm build` - needs to be done once
+3. `pnpm dev` - starts dev server
+
+You can now access the examples under http://127.0.0.1:5173
+
+
 # License
 
 Svelte Flow is MIT Licensed.
\ No newline at end of file

From 80c694aceb9feda6e9e0b63212a6abc774cfa9f2 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 14 Jun 2023 17:07:32 +0200
Subject: [PATCH 0103/1093] chore(readme): update

---
 packages/svelte/README.md |  5 ++++-
 packages/system/README.md | 25 +++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index 28d79b3e2..753cb8b54 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -15,13 +15,15 @@ What is “xyflow”? Learn more [here](https://wbkd.notion.site/Upcoming-Change
 ## Getting started
 
 We are working on a new website and everything so there are no docs for Svelte Flow yet. Everything is typed, so your IDE should help you a bit and you can also the [React Flow docs](https://reactflow.dev/docs) because the API is very similar. You can also check out the [Svelte Flow examples](/packages/svelte/src/routes) in this repo.
+If you want to start right away you can check out the [Svelte Flow examples Stackblitz project](https://stackblitz.com/edit/svelte-flow-examples?file=src%2Froutes%2Foverview%2F%2Bpage.svelte). 
 
 A basic flow looks like this:
 
 ```svelte
 <script lang="ts">
   import { writable } from 'svelte/store';
-  import { SvelteFlow,
+  import {
+    SvelteFlow,
     SvelteFlowProvider,
     Controls,
     Background,
@@ -75,6 +77,7 @@ A basic flow looks like this:
   <MiniMap />
 </SvelteFlow>
 ```
+
 ## How to Contribute
 
 **Show us what you make:** Drop it in into our [Discord Server](https://discord.com/invite/Bqt6xrs), [tweet](https://twitter.com/reactflowdev) at us, or email us at info@reactflow.dev
diff --git a/packages/system/README.md b/packages/system/README.md
index f6fce0741..67ae04e4f 100644
--- a/packages/system/README.md
+++ b/packages/system/README.md
@@ -8,3 +8,28 @@ Core system that powers React Flow and Svelte Flow.
 npm install @xyflow/system
 ```
 
+## What is this package about?
+
+The @xyflow/system package was created to have a place for vanilla utils for React Flow and Svelte Flow. The package exports helpers for edge creation, pan and zoom, dragging of nodes, general utils and lots of types. All the helpers are specifically built for React Flow and Svelte Flow so it's probably not too interesting to use them with other libraries. 
+
+### XYPanZoom
+
+### XYDrag
+
+### XYHandle 
+
+### XYMinimap 
+
+### Edge utils 
+
+### Store utils
+
+### Dom utils
+
+### Marker utils
+
+### Graph utils
+
+### General utils 
+
+

From 019dab3be1dbc84fc34da4edcf8ea51fda1745b5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 15 Jun 2023 13:44:21 +0200
Subject: [PATCH 0104/1093] refactor(svelte/react): cleanup exports

---
 packages/react/src/index.ts                   | 67 ++++++++++++++---
 packages/svelte/package.json                  |  7 +-
 .../example-components/Header/Header.svelte   |  9 ++-
 .../components/NodeWrapper/NodeWrapper.svelte | 10 ++-
 .../src/lib/components/NodeWrapper/types.ts   |  2 +
 .../NodeRenderer/NodeRenderer.svelte          |  2 +
 .../src/lib/container/SvelteFlow/types.ts     |  4 -
 packages/svelte/src/lib/index.ts              | 73 +++++++++++++++++--
 .../svelte/src/routes/customnode/+page.svelte |  3 +-
 .../svelte/src/routes/drag-n-drop/Flow.svelte |  3 +-
 packages/svelte/src/routes/edges/+page.svelte |  3 +-
 .../src/routes/interaction/+page.svelte       |  3 +-
 .../svelte/src/routes/overview/+page.svelte   |  5 +-
 .../routes/overview/CustomEdge/Custom.svelte  | 10 ++-
 .../routes/overview/CustomNode/Custom.svelte  |  3 +-
 .../svelte/src/routes/stress/+page.svelte     |  3 +-
 .../svelte/src/routes/subflows/+page.svelte   |  4 +-
 .../src/routes/usesvelteflow/Flow.svelte      |  3 +-
 .../svelte/src/routes/validation/+page.svelte | 34 +++++----
 packages/system/src/types/general.ts          |  4 +-
 20 files changed, 191 insertions(+), 61 deletions(-)

diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 45f05f119..fc550dc5c 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -23,16 +23,6 @@ export { default as useOnViewportChange, type UseOnViewportChangeOptions } from
 export { default as useOnSelectionChange, type UseOnSelectionChangeOptions } from './hooks/useOnSelectionChange';
 export { default as useNodesInitialized, type UseNodesInitializedOptions } from './hooks/useNodesInitialized';
 export { useNodeId } from './contexts/NodeIdContext';
-export * from '@xyflow/system';
-// export {
-//   getTransformForBounds,
-//   getRectOfNodes,
-//   getNodePositionWithOrigin,
-//   rectToBox,
-//   boxToRect,
-//   getBoundsOfRects,
-//   clamp,
-// } from '@xyflow/system';
 
 export { applyNodeChanges, applyEdgeChanges } from './utils/changes';
 export { isNode, isEdge, getIncomers, getOutgoers, addEdge, updateEdge, getConnectedEdges } from './utils/general';
@@ -40,3 +30,60 @@ export { isNode, isEdge, getIncomers, getOutgoers, addEdge, updateEdge, getConne
 export * from './additional-components';
 
 export * from './types';
+
+// system types
+export {
+  type SmoothStepPathOptions,
+  type BezierPathOptions,
+  ConnectionLineType,
+  type EdgeMarker,
+  type EdgeMarkerType,
+  MarkerType,
+  type OnMove,
+  type OnMoveStart,
+  type OnMoveEnd,
+  type Connection,
+  type ConnectionStatus,
+  ConnectionMode,
+  type OnConnectStartParams,
+  type OnConnectStart,
+  type OnConnect,
+  type OnConnectEnd,
+  type IsValidConnection,
+  type Viewport,
+  type SnapGrid,
+  PanOnScrollMode,
+  type ViewportHelperFunctionOptions,
+  type SetCenterOptions,
+  type FitBoundsOptions,
+  type PanelPosition,
+  type ProOptions,
+  SelectionMode,
+  type SelectionRect,
+  type OnError,
+  type NodeOrigin,
+  type OnNodeDrag,
+  type OnSelectionDrag,
+  Position,
+  type XYPosition,
+  type XYZPosition,
+  type Dimensions,
+  type Rect,
+  type Box,
+  type Transform,
+  type CoordinateExtent,
+} from '@xyflow/system';
+
+// system utils
+export {
+  type GetBezierPathParams,
+  getBezierEdgeCenter,
+  getBezierPath,
+  getEdgeCenter,
+  type GetSmoothStepPathParams,
+  getSmoothStepPath,
+  type GetStraightPathParams,
+  getStraightPath,
+  getTransformForBounds,
+  getRectOfNodes,
+} from '@xyflow/system';
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index c7bb10b8e..a0fd19b58 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -22,8 +22,10 @@
   "type": "module",
   "module": "index.ts",
   "exports": {
-    "./package.json": "./package.json",
-    ".": "./dist/index.js"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
   },
   "publishConfig": {
     "access": "public"
@@ -56,7 +58,6 @@
   "files": [
     "dist"
   ],
-  "svelte": "./dist/index.js",
   "typesVersions": {
     ">4.0": {
       "actions/drag": [
diff --git a/packages/svelte/src/example-components/Header/Header.svelte b/packages/svelte/src/example-components/Header/Header.svelte
index f8a65431f..9467c391d 100644
--- a/packages/svelte/src/example-components/Header/Header.svelte
+++ b/packages/svelte/src/example-components/Header/Header.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { goto } from '$app/navigation';
+  import { page } from '$app/stores';
 
   const routes = [
     'customnode',
@@ -15,15 +16,15 @@
 
   const onChange = (event: Event) => {
     const route = (event.target as HTMLSelectElement).value;
-    goto(`/${route}`);
+    goto(route);
   };
 </script>
 
 <header>
   <div class="logo">Svelte Flow</div>
-  <select on:change={onChange}>
+  <select on:change={onChange} value={$page.route.id}>
     {#each routes as route}
-      <option value={route}>{route}</option>
+      <option value={`/${route}`}>{route}</option>
     {/each}
   </select>
 </header>
@@ -41,4 +42,4 @@
   .logo {
     margin-right: 1rem;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 3ab141035..442178b6d 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -27,6 +27,8 @@
   export let positionOrigin: NodeWrapperProps['positionOrigin'] = undefined;
   export let sourcePosition: NodeWrapperProps['sourcePosition'] = undefined;
   export let targetPosition: NodeWrapperProps['targetPosition'] = undefined;
+  export let zIndex: NodeWrapperProps['zIndex'];
+  export let dragHandle: NodeWrapperProps['dragHandle'] = undefined;
   let className: string = '';
   export { className as class };
 
@@ -41,8 +43,7 @@
     type = 'default';
   }
 
-  const nodeComponent: typeof SvelteComponentTyped<Partial<NodeProps>> =
-    $nodeTypes[type!] || DefaultNode;
+  const nodeComponent: typeof SvelteComponentTyped<NodeProps> = $nodeTypes[type!] || DefaultNode;
   const selectNodesOnDrag = false;
   const dispatch = createEventDispatcher();
 
@@ -105,6 +106,11 @@
     {selected}
     {sourcePosition}
     {targetPosition}
+    {type}
+    {zIndex}
+    {dragging}
+    {dragHandle}
+    isConnectable={connectable}
     xPos={positionAbsolute?.x ?? 0}
     yPos={positionAbsolute?.y ?? 0}
     on:connect:start
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index 70281719e..6bb3759e9 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -18,9 +18,11 @@ export type NodeWrapperProps = Pick<
   | 'height'
   | 'sourcePosition'
   | 'targetPosition'
+  | 'dragHandle'
 > & {
   positionOrigin?: XYPosition;
   'on:nodeclick'?: (event: MouseEvent) => void;
   resizeObserver?: ResizeObserver | null;
   isParent?: boolean;
+  zIndex: number;
 };
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 685e163f8..21a7d7bf2 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -63,6 +63,8 @@
       sourcePosition={node.sourcePosition}
       targetPosition={node.targetPosition}
       dragging={node.dragging}
+      zIndex={node[internalsSymbol]?.z ?? 0}
+      dragHandle={node.dragHandle}
       {resizeObserver}
       on:node:click
       on:node:mouseenter
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 9f5cc0f4d..b6833b139 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -69,7 +69,3 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   'on:pane:click'?: CustomEvent;
   'on:pane:contextmenu'?: CustomEvent;
 };
-
-export type SvelteFlowSlots = {
-  default: { slotValue: string };
-};
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index df6a59e10..ff5f385f1 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -1,22 +1,81 @@
-import { SvelteFlow } from '$lib/container/SvelteFlow';
+// main component
+export { SvelteFlow } from '$lib/container/SvelteFlow';
+export * from '$lib/container/SvelteFlow/types';
 
-export * from '$lib/container/SvelteFlow';
+// components
 export * from '$lib/container/Panel';
-
 export * from '$lib/components/SvelteFlowProvider';
 export * from '$lib/components/EdgeLabelRenderer';
 export * from '$lib/components/BaseEdge';
 export * from '$lib/components/Handle';
 
+// plugins
 export * from '$lib/plugins/Controls';
 export * from '$lib/plugins/Background';
 export * from '$lib/plugins/Minimap';
 
-export * from '$lib/types';
+// utils
 export * from '$lib/utils';
-
 export * from '$lib/hooks/useSvelteFlow';
 
-export * from '@xyflow/system';
+// types
+export type { Edge, EdgeProps, EdgeTypes, DefaultEdgeOptions } from '$lib/types/edges';
+export type { HandleComponentProps, FitViewOptions } from '$lib/types/general';
+export type { Node, NodeTypes, DefaultNodeOptions } from '$lib/types/nodes';
+
+// system types
+export {
+  type SmoothStepPathOptions,
+  type BezierPathOptions,
+  ConnectionLineType,
+  type EdgeMarker,
+  type EdgeMarkerType,
+  MarkerType,
+  type OnMove,
+  type OnMoveStart,
+  type OnMoveEnd,
+  type Connection,
+  type ConnectionStatus,
+  ConnectionMode,
+  type OnConnectStartParams,
+  type OnConnectStart,
+  type OnConnect,
+  type OnConnectEnd,
+  type IsValidConnection,
+  type Viewport,
+  type SnapGrid,
+  PanOnScrollMode,
+  type ViewportHelperFunctionOptions,
+  type SetCenterOptions,
+  type FitBoundsOptions,
+  type PanelPosition,
+  type ProOptions,
+  SelectionMode,
+  type SelectionRect,
+  type OnError,
+  type NodeOrigin,
+  type OnNodeDrag,
+  type OnSelectionDrag,
+  Position,
+  type XYPosition,
+  type XYZPosition,
+  type Dimensions,
+  type Rect,
+  type Box,
+  type Transform,
+  type CoordinateExtent
+} from '@xyflow/system';
 
-export default SvelteFlow;
+// system utils
+export {
+  type GetBezierPathParams,
+  getBezierEdgeCenter,
+  getBezierPath,
+  getEdgeCenter,
+  type GetSmoothStepPathParams,
+  getSmoothStepPath,
+  type GetStraightPathParams,
+  getStraightPath,
+  getTransformForBounds,
+  getRectOfNodes
+} from '@xyflow/system';
diff --git a/packages/svelte/src/routes/customnode/+page.svelte b/packages/svelte/src/routes/customnode/+page.svelte
index d5f468bc2..384c04206 100644
--- a/packages/svelte/src/routes/customnode/+page.svelte
+++ b/packages/svelte/src/routes/customnode/+page.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
   import type { ChangeEventHandler } from 'svelte/elements';
   import { writable } from 'svelte/store';
-  import SvelteFlow, {
+  import {
+    SvelteFlow,
     Controls,
     Background,
     BackgroundVariant,
diff --git a/packages/svelte/src/routes/drag-n-drop/Flow.svelte b/packages/svelte/src/routes/drag-n-drop/Flow.svelte
index f5a0b6d15..2f88e4916 100644
--- a/packages/svelte/src/routes/drag-n-drop/Flow.svelte
+++ b/packages/svelte/src/routes/drag-n-drop/Flow.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { writable } from 'svelte/store';
-  import SvelteFlow, {
+  import {
+    SvelteFlow,
     Controls,
     Background,
     BackgroundVariant,
diff --git a/packages/svelte/src/routes/edges/+page.svelte b/packages/svelte/src/routes/edges/+page.svelte
index 004609568..74e1462cb 100644
--- a/packages/svelte/src/routes/edges/+page.svelte
+++ b/packages/svelte/src/routes/edges/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { writable } from 'svelte/store';
-  import SvelteFlow, {
+  import {
+    SvelteFlow,
     Controls,
     Background,
     BackgroundVariant,
diff --git a/packages/svelte/src/routes/interaction/+page.svelte b/packages/svelte/src/routes/interaction/+page.svelte
index 8b6a96d1a..71ef961fc 100644
--- a/packages/svelte/src/routes/interaction/+page.svelte
+++ b/packages/svelte/src/routes/interaction/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { writable } from 'svelte/store';
-  import SvelteFlow, {
+  import {
+    SvelteFlow,
     Controls,
     Panel,
     PanOnScrollMode,
diff --git a/packages/svelte/src/routes/overview/+page.svelte b/packages/svelte/src/routes/overview/+page.svelte
index ba7821a31..384f18219 100644
--- a/packages/svelte/src/routes/overview/+page.svelte
+++ b/packages/svelte/src/routes/overview/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { writable } from 'svelte/store';
-
-  import SvelteFlow, {
+  import {
+    SvelteFlow,
     Controls,
     Background,
     BackgroundVariant,
@@ -11,6 +11,7 @@
     type NodeTypes,
     type EdgeTypes
   } from '../../lib/index';
+
   import { CustomNode } from './CustomNode';
   import { CustomEdge } from './CustomEdge';
 
diff --git a/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte b/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte
index 0c41b8925..b858b453b 100644
--- a/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte
+++ b/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte
@@ -1,7 +1,11 @@
 <script lang="ts">
-  import { getBezierPath } from '@xyflow/system';
-
-  import { BaseEdge, EdgeLabelRenderer, useSvelteFlow, type EdgeProps } from '../../../lib/index';
+  import {
+    BaseEdge,
+    EdgeLabelRenderer,
+    useSvelteFlow,
+    type EdgeProps,
+    getBezierPath
+  } from '../../../lib/index';
 
   type $$Props = EdgeProps;
 
diff --git a/packages/svelte/src/routes/overview/CustomNode/Custom.svelte b/packages/svelte/src/routes/overview/CustomNode/Custom.svelte
index ed2ee324a..c23714fe9 100644
--- a/packages/svelte/src/routes/overview/CustomNode/Custom.svelte
+++ b/packages/svelte/src/routes/overview/CustomNode/Custom.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
-  import { Position } from '@xyflow/system';
-  import { Handle } from '../../../lib/index';
+  import { Handle, Position } from '../../../lib/index';
 
   export let data: { label: string } = { label: 'Node' };
   export let xPos: number = 0;
diff --git a/packages/svelte/src/routes/stress/+page.svelte b/packages/svelte/src/routes/stress/+page.svelte
index 220a19e13..bd1a68fb1 100644
--- a/packages/svelte/src/routes/stress/+page.svelte
+++ b/packages/svelte/src/routes/stress/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { writable } from 'svelte/store';
-  import SvelteFlow, {
+  import {
+    SvelteFlow,
     Controls,
     Background,
     BackgroundVariant,
diff --git a/packages/svelte/src/routes/subflows/+page.svelte b/packages/svelte/src/routes/subflows/+page.svelte
index d52959615..46efde838 100644
--- a/packages/svelte/src/routes/subflows/+page.svelte
+++ b/packages/svelte/src/routes/subflows/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { writable } from 'svelte/store';
-  import SvelteFlow, {
+  import {
+    SvelteFlow,
     Controls,
     Background,
     BackgroundVariant,
@@ -8,6 +9,7 @@
     type NodeTypes,
     type Node
   } from '../../lib/index';
+
   import { DebugNode } from './DebugNode';
 
   const nodeTypes: NodeTypes = {
diff --git a/packages/svelte/src/routes/usesvelteflow/Flow.svelte b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
index c89d3b2e6..4879fce0a 100644
--- a/packages/svelte/src/routes/usesvelteflow/Flow.svelte
+++ b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { writable } from 'svelte/store';
-  import SvelteFlow, { Controls, Background, BackgroundVariant, MiniMap } from '../../lib/index';
+  import { SvelteFlow, Controls, Background, BackgroundVariant, MiniMap } from '../../lib/index';
+
   import Sidebar from './Sidebar.svelte';
 
   const nodes = writable([
diff --git a/packages/svelte/src/routes/validation/+page.svelte b/packages/svelte/src/routes/validation/+page.svelte
index 417972906..6f7d62478 100644
--- a/packages/svelte/src/routes/validation/+page.svelte
+++ b/packages/svelte/src/routes/validation/+page.svelte
@@ -1,18 +1,29 @@
 <script lang="ts">
   import { writable } from 'svelte/store';
-
-  import SvelteFlow, {
+  import {
+    SvelteFlow,
     Controls,
     Background,
     BackgroundVariant,
-    type IsValidConnection
+    type IsValidConnection,
+    Position
   } from '../../lib/index';
 
+  const nodeDefaults = {
+    sourcePosition: Position.Right,
+    targetPosition: Position.Left
+  };
+
   const nodes = writable([
-    { id: '0', type: 'default', position: { x: 0, y: 150 }, data: { label: 'only connectable with B' } },
-    { id: 'A', type: 'default', position: { x: 250, y: 0 }, data: { label: 'A' } },
-    { id: 'B', type: 'default', position: { x: 250, y: 150 }, data: { label: 'B' } },
-    { id: 'C', type: 'default', position: { x: 250, y: 300 }, data: { label: 'C' } }
+    {
+      id: '0',
+      position: { x: 0, y: 150 },
+      data: { label: 'only connectable with B' },
+      ...nodeDefaults
+    },
+    { id: 'A', position: { x: 250, y: 0 }, data: { label: 'A' }, ...nodeDefaults },
+    { id: 'B', position: { x: 250, y: 150 }, data: { label: 'B' }, ...nodeDefaults },
+    { id: 'C', position: { x: 250, y: 300 }, data: { label: 'C' }, ...nodeDefaults }
   ]);
 
   const edges = writable([]);
@@ -20,14 +31,7 @@
   const isValidConnection: IsValidConnection = (connection) => connection.target === 'B';
 </script>
 
-<SvelteFlow
-  {nodes}
-  {edges}
-  fitView
-  minZoom={0.1}
-  maxZoom={2.5}
-  isValidConnection={isValidConnection}
->
+<SvelteFlow {nodes} {edges} fitView minZoom={0.1} maxZoom={2.5} {isValidConnection}>
   <Controls />
   <Background variant={BackgroundVariant.Dots} />
 </SvelteFlow>
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 379ca7e92..ba1c6e3c3 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -21,12 +21,12 @@ export type SetViewport = (viewport: Viewport, options?: ViewportHelperFunctionO
 export type SetCenter = (x: number, y: number, options?: SetCenterOptions) => void;
 export type FitBounds = (bounds: Rect, options?: FitBoundsOptions) => void;
 
-export interface Connection {
+export type Connection = {
   source: string | null;
   target: string | null;
   sourceHandle: string | null;
   targetHandle: string | null;
-}
+};
 
 export type ConnectionStatus = 'valid' | 'invalid';
 

From f35ddc485cb44b69fe6a91bdca4d48b7c9172e5c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 15 Jun 2023 15:16:33 +0200
Subject: [PATCH 0105/1093] chore(svelte): cleanup examples

---
 packages/react/src/index.ts                   |   1 +
 packages/svelte/package.json                  | 273 +-----------------
 .../lib/components/nodes/DefaultNode.svelte   |   4 -
 .../src/lib/components/nodes/InputNode.svelte |   5 -
 .../lib/components/nodes/OutputNode.svelte    |   5 -
 packages/svelte/src/lib/index.ts              |   1 +
 .../customnode/CustomNode/Custom.svelte       |   7 +-
 .../routes/overview/CustomNode/Custom.svelte  |   4 +-
 .../subflows/DebugNode/DebugNode.svelte       |   5 +-
 9 files changed, 14 insertions(+), 291 deletions(-)

diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index fc550dc5c..ecb717915 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -61,6 +61,7 @@ export {
   SelectionMode,
   type SelectionRect,
   type OnError,
+  type NodeProps,
   type NodeOrigin,
   type OnNodeDrag,
   type OnSelectionDrag,
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index a0fd19b58..9611f11e6 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -17,7 +17,8 @@
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "lint": "prettier --plugin-search-dir . --check . && eslint .",
-    "format": "prettier --plugin-search-dir . --write ."
+    "format": "prettier --plugin-search-dir . --write .",
+    "typecheck": "pnpm check"
   },
   "type": "module",
   "module": "index.ts",
@@ -57,273 +58,5 @@
   },
   "files": [
     "dist"
-  ],
-  "typesVersions": {
-    ">4.0": {
-      "actions/drag": [
-        "./dist/actions/drag/index.d.ts"
-      ],
-      "actions/drag/utils": [
-        "./dist/actions/drag/utils.d.ts"
-      ],
-      "actions/portal": [
-        "./dist/actions/portal/index.d.ts"
-      ],
-      "actions/zoom": [
-        "./dist/actions/zoom/index.d.ts"
-      ],
-      "components/Attribution/Attribution.svelte": [
-        "./dist/components/Attribution/Attribution.svelte.d.ts"
-      ],
-      "components/Attribution": [
-        "./dist/components/Attribution/index.d.ts"
-      ],
-      "components/Attribution/types": [
-        "./dist/components/Attribution/types.d.ts"
-      ],
-      "components/BaseEdge/BaseEdge.svelte": [
-        "./dist/components/BaseEdge/BaseEdge.svelte.d.ts"
-      ],
-      "components/BaseEdge": [
-        "./dist/components/BaseEdge/index.d.ts"
-      ],
-      "components/BaseEdge/types": [
-        "./dist/components/BaseEdge/types.d.ts"
-      ],
-      "components/ConnectionLine/ConnectionLine.svelte": [
-        "./dist/components/ConnectionLine/ConnectionLine.svelte.d.ts"
-      ],
-      "components/ConnectionLine": [
-        "./dist/components/ConnectionLine/index.d.ts"
-      ],
-      "components/EdgeLabelRenderer/EdgeLabelRenderer.svelte": [
-        "./dist/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte.d.ts"
-      ],
-      "components/EdgeLabelRenderer": [
-        "./dist/components/EdgeLabelRenderer/index.d.ts"
-      ],
-      "components/EdgeWrapper/EdgeWrapper.svelte": [
-        "./dist/components/EdgeWrapper/EdgeWrapper.svelte.d.ts"
-      ],
-      "components/EdgeWrapper": [
-        "./dist/components/EdgeWrapper/index.d.ts"
-      ],
-      "components/Handle/Handle.svelte": [
-        "./dist/components/Handle/Handle.svelte.d.ts"
-      ],
-      "components/Handle/handler": [
-        "./dist/components/Handle/handler.d.ts"
-      ],
-      "components/Handle": [
-        "./dist/components/Handle/index.d.ts"
-      ],
-      "components/Handle/utils": [
-        "./dist/components/Handle/utils.d.ts"
-      ],
-      "components/KeyHandler/KeyHandler.svelte": [
-        "./dist/components/KeyHandler/KeyHandler.svelte.d.ts"
-      ],
-      "components/KeyHandler": [
-        "./dist/components/KeyHandler/index.d.ts"
-      ],
-      "components/KeyHandler/types": [
-        "./dist/components/KeyHandler/types.d.ts"
-      ],
-      "components/NodeSelection/NodeSelection.svelte": [
-        "./dist/components/NodeSelection/NodeSelection.svelte.d.ts"
-      ],
-      "components/NodeSelection": [
-        "./dist/components/NodeSelection/index.d.ts"
-      ],
-      "components/NodeWrapper/NodeWrapper.svelte": [
-        "./dist/components/NodeWrapper/NodeWrapper.svelte.d.ts"
-      ],
-      "components/NodeWrapper": [
-        "./dist/components/NodeWrapper/index.d.ts"
-      ],
-      "components/NodeWrapper/types": [
-        "./dist/components/NodeWrapper/types.d.ts"
-      ],
-      "components/Selection/Selection.svelte": [
-        "./dist/components/Selection/Selection.svelte.d.ts"
-      ],
-      "components/Selection": [
-        "./dist/components/Selection/index.d.ts"
-      ],
-      "components/SvelteFlowProvider/SvelteFlowProvider.svelte": [
-        "./dist/components/SvelteFlowProvider/SvelteFlowProvider.svelte.d.ts"
-      ],
-      "components/SvelteFlowProvider": [
-        "./dist/components/SvelteFlowProvider/index.d.ts"
-      ],
-      "components/SvelteFlowProvider/types": [
-        "./dist/components/SvelteFlowProvider/types.d.ts"
-      ],
-      "components/UserSelection/UserSelection.svelte": [
-        "./dist/components/UserSelection/UserSelection.svelte.d.ts"
-      ],
-      "components/UserSelection": [
-        "./dist/components/UserSelection/index.d.ts"
-      ],
-      "components/edges/BezierEdge.svelte": [
-        "./dist/components/edges/BezierEdge.svelte.d.ts"
-      ],
-      "components/edges/SmoothStepEdge.svelte": [
-        "./dist/components/edges/SmoothStepEdge.svelte.d.ts"
-      ],
-      "components/edges/StraightEdge.svelte": [
-        "./dist/components/edges/StraightEdge.svelte.d.ts"
-      ],
-      "components/nodes/DefaultNode.svelte": [
-        "./dist/components/nodes/DefaultNode.svelte.d.ts"
-      ],
-      "components/nodes/InputNode.svelte": [
-        "./dist/components/nodes/InputNode.svelte.d.ts"
-      ],
-      "components/nodes/OutputNode.svelte": [
-        "./dist/components/nodes/OutputNode.svelte.d.ts"
-      ],
-      "container/EdgeRenderer/EdgeRenderer.svelte": [
-        "./dist/container/EdgeRenderer/EdgeRenderer.svelte.d.ts"
-      ],
-      "container/EdgeRenderer": [
-        "./dist/container/EdgeRenderer/index.d.ts"
-      ],
-      "container/EdgeRenderer/utils": [
-        "./dist/container/EdgeRenderer/utils.d.ts"
-      ],
-      "container/NodeRenderer/NodeRenderer.svelte": [
-        "./dist/container/NodeRenderer/NodeRenderer.svelte.d.ts"
-      ],
-      "container/NodeRenderer": [
-        "./dist/container/NodeRenderer/index.d.ts"
-      ],
-      "container/Pane/Pane.svelte": [
-        "./dist/container/Pane/Pane.svelte.d.ts"
-      ],
-      "container/Pane": [
-        "./dist/container/Pane/index.d.ts"
-      ],
-      "container/Panel/Panel.svelte": [
-        "./dist/container/Panel/Panel.svelte.d.ts"
-      ],
-      "container/Panel": [
-        "./dist/container/Panel/index.d.ts"
-      ],
-      "container/Panel/types": [
-        "./dist/container/Panel/types.d.ts"
-      ],
-      "container/SvelteFlow/SvelteFlow.svelte": [
-        "./dist/container/SvelteFlow/SvelteFlow.svelte.d.ts"
-      ],
-      "container/SvelteFlow": [
-        "./dist/container/SvelteFlow/index.d.ts"
-      ],
-      "container/SvelteFlow/types": [
-        "./dist/container/SvelteFlow/types.d.ts"
-      ],
-      "container/Viewport/Viewport.svelte": [
-        "./dist/container/Viewport/Viewport.svelte.d.ts"
-      ],
-      "container/Viewport": [
-        "./dist/container/Viewport/index.d.ts"
-      ],
-      "container/Zoom/Zoom.svelte": [
-        "./dist/container/Zoom/Zoom.svelte.d.ts"
-      ],
-      "container/Zoom": [
-        "./dist/container/Zoom/index.d.ts"
-      ],
-      "hooks/useSvelteFlow": [
-        "./dist/hooks/useSvelteFlow.d.ts"
-      ],
-      "index": [
-        "./dist/index.d.ts"
-      ],
-      "plugins/Background/Background.svelte": [
-        "./dist/plugins/Background/Background.svelte.d.ts"
-      ],
-      "plugins/Background/DotPattern.svelte": [
-        "./dist/plugins/Background/DotPattern.svelte.d.ts"
-      ],
-      "plugins/Background/LinePattern.svelte": [
-        "./dist/plugins/Background/LinePattern.svelte.d.ts"
-      ],
-      "plugins/Background": [
-        "./dist/plugins/Background/index.d.ts"
-      ],
-      "plugins/Background/types": [
-        "./dist/plugins/Background/types.d.ts"
-      ],
-      "plugins/Controls/ControlButton.svelte": [
-        "./dist/plugins/Controls/ControlButton.svelte.d.ts"
-      ],
-      "plugins/Controls/Controls.svelte": [
-        "./dist/plugins/Controls/Controls.svelte.d.ts"
-      ],
-      "plugins/Controls/Icons/Fit.svelte": [
-        "./dist/plugins/Controls/Icons/Fit.svelte.d.ts"
-      ],
-      "plugins/Controls/Icons/Lock.svelte": [
-        "./dist/plugins/Controls/Icons/Lock.svelte.d.ts"
-      ],
-      "plugins/Controls/Icons/Minus.svelte": [
-        "./dist/plugins/Controls/Icons/Minus.svelte.d.ts"
-      ],
-      "plugins/Controls/Icons/Plus.svelte": [
-        "./dist/plugins/Controls/Icons/Plus.svelte.d.ts"
-      ],
-      "plugins/Controls/Icons/Unlock.svelte": [
-        "./dist/plugins/Controls/Icons/Unlock.svelte.d.ts"
-      ],
-      "plugins/Controls": [
-        "./dist/plugins/Controls/index.d.ts"
-      ],
-      "plugins/Controls/types": [
-        "./dist/plugins/Controls/types.d.ts"
-      ],
-      "plugins/Minimap/Minimap.svelte": [
-        "./dist/plugins/Minimap/Minimap.svelte.d.ts"
-      ],
-      "plugins/Minimap/MinimapNode.svelte": [
-        "./dist/plugins/Minimap/MinimapNode.svelte.d.ts"
-      ],
-      "plugins/Minimap": [
-        "./dist/plugins/Minimap/index.d.ts"
-      ],
-      "plugins/Minimap/types": [
-        "./dist/plugins/Minimap/types.d.ts"
-      ],
-      "store/connection-path": [
-        "./dist/store/connection-path.d.ts"
-      ],
-      "store/edges-layouted": [
-        "./dist/store/edges-layouted.d.ts"
-      ],
-      "store": [
-        "./dist/store/index.d.ts"
-      ],
-      "store/initial-store": [
-        "./dist/store/initial-store.d.ts"
-      ],
-      "store/types": [
-        "./dist/store/types.d.ts"
-      ],
-      "types/edges": [
-        "./dist/types/edges.d.ts"
-      ],
-      "types/general": [
-        "./dist/types/general.d.ts"
-      ],
-      "types": [
-        "./dist/types/index.d.ts"
-      ],
-      "types/nodes": [
-        "./dist/types/nodes.d.ts"
-      ],
-      "utils": [
-        "./dist/utils/index.d.ts"
-      ]
-    }
-  }
+  ]
 }
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index 09421958d..4ce51198c 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -5,13 +5,9 @@
 
   interface $$Props extends NodeProps<{ label: string }> {}
 
-  export let id: $$Props['id'];
   export let data: $$Props['data'] = { label: 'Node' };
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
-  export let xPos: $$Props['xPos'];
-  export let yPos: $$Props['yPos'];
-  export let selected: $$Props['selected'] = false;
 </script>
 
 <Handle type="target" position={targetPosition} on:connect:start on:connect on:connect:end />
diff --git a/packages/svelte/src/lib/components/nodes/InputNode.svelte b/packages/svelte/src/lib/components/nodes/InputNode.svelte
index 87ba1d944..c28c5c9e0 100644
--- a/packages/svelte/src/lib/components/nodes/InputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/InputNode.svelte
@@ -5,13 +5,8 @@
 
   interface $$Props extends NodeProps<{ label: string }> {}
 
-  export let id: $$Props['id'];
   export let data: $$Props['data'] = { label: 'Node' };
-  export let targetPosition: $$Props['targetPosition'] = Position.Top;
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
-  export let xPos: $$Props['xPos'];
-  export let yPos: $$Props['yPos'];
-  export let selected: $$Props['selected'] = false;
 </script>
 
 {data?.label}
diff --git a/packages/svelte/src/lib/components/nodes/OutputNode.svelte b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
index b5c775f46..7b9b071b3 100644
--- a/packages/svelte/src/lib/components/nodes/OutputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
@@ -5,13 +5,8 @@
 
   interface $$Props extends NodeProps<{ label: string }> {}
 
-  export let id: $$Props['id'];
   export let data: $$Props['data'] = { label: 'Node' };
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
-  export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
-  export let xPos: $$Props['xPos'];
-  export let yPos: $$Props['yPos'];
-  export let selected: $$Props['selected'] = false;
 </script>
 
 {data?.label}
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index ff5f385f1..d6861045c 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -53,6 +53,7 @@ export {
   SelectionMode,
   type SelectionRect,
   type OnError,
+  type NodeProps,
   type NodeOrigin,
   type OnNodeDrag,
   type OnSelectionDrag,
diff --git a/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte b/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte
index fb835834a..3158de2af 100644
--- a/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte
+++ b/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte
@@ -1,10 +1,9 @@
 <script lang="ts">
-  import { Position } from '@xyflow/system';
-  import { Handle } from '../../../lib/index';
+  import { Handle, Position, type NodeProps } from '../../../lib/index';
+
+  type $$Props = NodeProps;
 
   export let data: { color: string; onChange: () => void } = { color: '#111', onChange: () => {} };
-  export let xPos: number = 0;
-  export let yPos: number = 0;
 </script>
 
 <Handle type="target" position={Position.Left} />
diff --git a/packages/svelte/src/routes/overview/CustomNode/Custom.svelte b/packages/svelte/src/routes/overview/CustomNode/Custom.svelte
index c23714fe9..e636cdfe6 100644
--- a/packages/svelte/src/routes/overview/CustomNode/Custom.svelte
+++ b/packages/svelte/src/routes/overview/CustomNode/Custom.svelte
@@ -1,5 +1,7 @@
 <script lang="ts">
-  import { Handle, Position } from '../../../lib/index';
+  import { Handle, Position, type NodeProps } from '../../../lib/index';
+
+  type $$Props = NodeProps;
 
   export let data: { label: string } = { label: 'Node' };
   export let xPos: number = 0;
diff --git a/packages/svelte/src/routes/subflows/DebugNode/DebugNode.svelte b/packages/svelte/src/routes/subflows/DebugNode/DebugNode.svelte
index 1f2082196..d5d7caaf0 100644
--- a/packages/svelte/src/routes/subflows/DebugNode/DebugNode.svelte
+++ b/packages/svelte/src/routes/subflows/DebugNode/DebugNode.svelte
@@ -1,5 +1,7 @@
 <script lang="ts">
-  import { Handle, Position } from '../../../lib/index';
+  import { Handle, Position, type NodeProps } from '../../../lib/index';
+
+  type $$Props = NodeProps;
 
   export let id: string;
   export let xPos: number = 0;
@@ -14,7 +16,6 @@
 </div>
 <Handle type="source" position={Position.Bottom} />
 
-
 <style>
   .custom {
     background: #ffcc00;

From 1d02b1829745e76d660e7ac2f0b1972f98eec1f1 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 15 Jun 2023 15:30:27 +0200
Subject: [PATCH 0106/1093] chore(system): update readme

---
 packages/system/README.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/packages/system/README.md b/packages/system/README.md
index 67ae04e4f..611e725d0 100644
--- a/packages/system/README.md
+++ b/packages/system/README.md
@@ -14,16 +14,28 @@ The @xyflow/system package was created to have a place for vanilla utils for Rea
 
 ### XYPanZoom
 
+Adds zoom and pan for the pane. 
+
 ### XYDrag
 
+Adds drag for nodes and selection.
+
 ### XYHandle 
 
+Adds connection line drawing.
+
 ### XYMinimap 
 
+Adds interactive mini map (zoom and pan).
+
 ### Edge utils 
 
+Util function for SVG edge path creating.
+
 ### Store utils
 
+Helpers for store functions.
+
 ### Dom utils
 
 ### Marker utils

From 3b68b64b71f155a66d0859e8e5498c3fb8e7810d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 15 Jun 2023 15:33:05 +0200
Subject: [PATCH 0107/1093] chore(svelte): bump

---
 packages/svelte/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 9611f11e6..e6f1fc5b3 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",

From 0d4591916da40025d514c6a5d754d17fc25b8011 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 15 Jun 2023 19:17:00 +0200
Subject: [PATCH 0108/1093] chore(react/svelte): update package jsons

---
 packages/react/package.json  |  4 ++--
 packages/svelte/package.json | 15 +++++++++++----
 pnpm-lock.yaml               |  8 ++++----
 3 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index 44e4cc1db..de645d6ff 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@xyflow/react",
-  "version": "11.7.2",
-  "description": "A highly customizable React library for building node-based editors and interactive flow charts.",
+  "version": "12.0.0",
+  "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
     "node-based UI",
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index e6f1fc5b3..48d09c5e2 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.3",
-  "description": "A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
+  "version": "0.0.4",
+  "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
     "node-based UI",
@@ -54,9 +54,16 @@
     "vite": "^4.3.9"
   },
   "peerDependencies": {
-    "svelte": "^3.56.0"
+    "svelte": "^3.0.0"
   },
   "files": [
     "dist"
-  ]
+  ],
+  "typesVersions": {
+    ">4.0": {
+      "index": [
+        "./dist/index.d.ts"
+      ]
+    }
+  }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ca9c53806..e0f522473 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -138,10 +138,10 @@ importers:
     specifiers:
       '@svelte-put/shortcut': ^2.0.0
       '@sveltejs/adapter-auto': ^2.1.0
-      '@sveltejs/kit': 1.20.2
+      '@sveltejs/kit': ^1.20.1
       '@sveltejs/package': ^2.0.2
-      '@typescript-eslint/eslint-plugin': 5.59.11
-      '@typescript-eslint/parser': 5.59.11
+      '@typescript-eslint/eslint-plugin': ^5.59.9
+      '@typescript-eslint/parser': ^5.59.9
       '@xyflow/system': workspace:*
       classcat: ^5.0.4
       eslint: ^8.42.0
@@ -151,7 +151,7 @@ importers:
       prettier-plugin-svelte: ^2.10.1
       svelte: ^3.59.1
       svelte-check: ^3.4.3
-      tslib: 2.5.3
+      tslib: ^2.4.1
       typescript: 5.1.3
       vite: ^4.3.9
     dependencies:

From 01bd4675f40f6206e0e94f4105c3d4ff477eaa8c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Fri, 16 Jun 2023 19:08:00 +0200
Subject: [PATCH 0109/1093] fix(svelte): use correct module path

---
 packages/svelte/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 48d09c5e2..3b8fed46a 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
@@ -21,7 +21,7 @@
     "typecheck": "pnpm check"
   },
   "type": "module",
-  "module": "index.ts",
+  "module": "./dist/index.js",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",

From d3ddbfa7a7a235f97b340b9bff376401afbc931e Mon Sep 17 00:00:00 2001
From: Serhii Holinei <sergey@goliney.com>
Date: Mon, 5 Jun 2023 18:48:24 -0400
Subject: [PATCH 0110/1093] [Bugfix] Include onResize/onResizeStart/onResizeEnd
 in the list of useEffect dependencies

---
 .../NodeResizer/ResizeControl.tsx                   | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
index 9eb62fd6e..3e038fd0b 100644
--- a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
@@ -221,7 +221,18 @@ function ResizeControl({
     return () => {
       selection.on('.drag', null);
     };
-  }, [id, controlPosition, minWidth, minHeight, maxWidth, maxHeight, keepAspectRatio]);
+  }, [
+    id,
+    controlPosition,
+    minWidth,
+    minHeight,
+    maxWidth,
+    maxHeight,
+    keepAspectRatio,
+    onResizeStart,
+    onResize,
+    onResizeEnd,
+  ]);
 
   const positionClassNames = controlPosition.split('-');
   const colorStyleProp = variant === ResizeControlVariant.Line ? 'borderColor' : 'backgroundColor';

From 7d41a4c9dbae71db24f005c35d3b6ac4db3e7a56 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 20 Jun 2023 11:08:21 +0200
Subject: [PATCH 0111/1093] refactor(edges): adjust elevateEdgesOnSelect

---
 packages/system/src/utils/edges/general.ts | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index 69c5d638b..e15d92696 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -43,12 +43,15 @@ export function groupEdgesByZLevel<EdgeType extends EdgeBase>(
     let z = hasZIndex ? edge.zIndex! : 0;
 
     if (elevateEdgesOnSelect) {
-      z = hasZIndex
-        ? edge.zIndex!
-        : Math.max(
-            nodes.find((n) => n.id === edge.source)?.[internalsSymbol]?.z || 0,
-            nodes.find((n) => n.id === edge.target)?.[internalsSymbol]?.z || 0
-          );
+      const targetNode = nodes.find((n) => n.id === edge.target);
+      const sourceNode = nodes.find((n) => n.id === edge.source);
+      const edgeOrConnectedNodeSelected = edge.selected || targetNode?.selected || sourceNode?.selected;
+      const selectedZIndex = Math.max(
+        sourceNode?.[internalsSymbol]?.z || 0,
+        targetNode?.[internalsSymbol]?.z || 0,
+        1000
+      );
+      z = (hasZIndex ? edge.zIndex! : 0) + (edgeOrConnectedNodeSelected ? selectedZIndex : 0);
     }
 
     if (tree[z]) {

From 1eac14129b9c5e851f5cd92c7c3946b895dce40e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 26 Jun 2023 18:14:06 +0200
Subject: [PATCH 0112/1093] refactor(nodeExtent): include node width and height

---
 packages/system/src/utils/graph.ts | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 327adea6a..d4f70370f 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -1,7 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import {
   boxToRect,
-  clamp,
   clampPosition,
   getBoundsOfBoxes,
   getOverlappingArea,
@@ -203,6 +202,13 @@ export function fitView<Params extends FitViewParamsBase<NodeBase>, Options exte
   return false;
 }
 
+function clampNodeExtent(node: NodeDragItem | Node, extent?: CoordinateExtent | 'parent') {
+  if (!extent || extent === 'parent') {
+    return extent;
+  }
+  return [extent[0], [extent[1][0] - (node.width || 0), extent[1][1] - (node.height || 0)]];
+}
+
 export function calcNextPosition<NodeType extends NodeBase>(
   node: NodeDragItem | NodeType,
   nextPosition: XYPosition,
@@ -211,7 +217,8 @@ export function calcNextPosition<NodeType extends NodeBase>(
   nodeOrigin: NodeOrigin = [0, 0],
   onError?: OnError
 ): { position: XYPosition; positionAbsolute: XYPosition } {
-  let currentExtent = node.extent || nodeExtent;
+  const clampedNodeExtent = clampNodeExtent(node, node.extent || nodeExtent);
+  let currentExtent = clampedNodeExtent;
   let parentNode: NodeType | null = null;
   let parentPos = { x: 0, y: 0 };
 
@@ -238,7 +245,7 @@ export function calcNextPosition<NodeType extends NodeBase>(
           : currentExtent;
     } else {
       onError?.('005', errorMessages['error005']());
-      currentExtent = nodeExtent;
+      currentExtent = clampedNodeExtent;
     }
   } else if (node.extent && node.parentNode) {
     currentExtent = [

From 6ecb4514bb34b3adf96e2e7a89b68bcbe1989087 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 26 Jun 2023 18:20:46 +0200
Subject: [PATCH 0113/1093] chore(svelte): update readme

---
 packages/svelte/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index 753cb8b54..6abec8358 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -14,7 +14,7 @@ What is “xyflow”? Learn more [here](https://wbkd.notion.site/Upcoming-Change
 
 ## Getting started
 
-We are working on a new website and everything so there are no docs for Svelte Flow yet. Everything is typed, so your IDE should help you a bit and you can also the [React Flow docs](https://reactflow.dev/docs) because the API is very similar. You can also check out the [Svelte Flow examples](/packages/svelte/src/routes) in this repo.
+We are working on a new website and everything so there are no docs for Svelte Flow yet. Everything is typed, so your IDE should help you a bit and you can also the [React Flow docs](https://reactflow.dev/docs) because the API is very similar. You can also check out the [Svelte Flow examples](https://github.com/wbkd/react-flow/tree/xyflow/packages/svelte/src/routes) in this repo.
 If you want to start right away you can check out the [Svelte Flow examples Stackblitz project](https://stackblitz.com/edit/svelte-flow-examples?file=src%2Froutes%2Foverview%2F%2Bpage.svelte). 
 
 A basic flow looks like this:

From 292465410b0e5924bc448a92b3e3317b9d495d69 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 26 Jun 2023 21:15:23 +0200
Subject: [PATCH 0114/1093] chore(svelte): use svelte 4

---
 packages/svelte/.eslintrc.cjs      |  28 +-
 packages/svelte/package.json       |  21 +-
 packages/system/src/utils/graph.ts |   2 +-
 pnpm-lock.yaml                     | 670 ++++++++++++++++++++++-------
 4 files changed, 552 insertions(+), 169 deletions(-)

diff --git a/packages/svelte/.eslintrc.cjs b/packages/svelte/.eslintrc.cjs
index eaf19f561..4b29a0161 100644
--- a/packages/svelte/.eslintrc.cjs
+++ b/packages/svelte/.eslintrc.cjs
@@ -1,20 +1,30 @@
 module.exports = {
   root: true,
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:svelte/recommended',
+    'prettier'
+  ],
   parser: '@typescript-eslint/parser',
-  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
-  plugins: ['svelte3', '@typescript-eslint'],
-  ignorePatterns: ['*.cjs'],
-  overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
-  settings: {
-    'svelte3/typescript': () => require('typescript')
-  },
+  plugins: ['@typescript-eslint'],
   parserOptions: {
     sourceType: 'module',
-    ecmaVersion: 2020
+    ecmaVersion: 2020,
+    extraFileExtensions: ['.svelte']
   },
   env: {
     browser: true,
     es2017: true,
     node: true
-  }
+  },
+  overrides: [
+    {
+      files: ['*.svelte'],
+      parser: 'svelte-eslint-parser',
+      parserOptions: {
+        parser: '@typescript-eslint/parser'
+      }
+    }
+  ]
 };
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 3b8fed46a..69696aab8 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -38,23 +38,24 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^2.1.0",
-    "@sveltejs/kit": "^1.20.1",
-    "@sveltejs/package": "^2.0.2",
-    "@typescript-eslint/eslint-plugin": "^5.59.9",
-    "@typescript-eslint/parser": "^5.59.9",
-    "eslint": "^8.42.0",
+    "@sveltejs/kit": "^1.20.5",
+    "@sveltejs/package": "^2.1.0",
+    "@typescript-eslint/eslint-plugin": "^5.60.0",
+    "@typescript-eslint/parser": "^5.60.0",
+    "eslint": "^8.43.0",
     "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-svelte3": "^4.0.0",
+    "eslint-plugin-svelte": "^2.31.1",
     "prettier": "^2.8.8",
     "prettier-plugin-svelte": "^2.10.1",
-    "svelte": "^3.59.1",
-    "svelte-check": "^3.4.3",
-    "tslib": "^2.4.1",
+    "svelte": "^4.0.0",
+    "svelte-check": "^3.4.4",
+    "svelte-eslint-parser": "^0.31.0",
+    "tslib": "^2.5.3",
     "typescript": "5.1.3",
     "vite": "^4.3.9"
   },
   "peerDependencies": {
-    "svelte": "^3.0.0"
+    "svelte": "^3.0.0 || ^4.0.0"
   },
   "files": [
     "dist"
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index d4f70370f..27ae064a3 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -202,7 +202,7 @@ export function fitView<Params extends FitViewParamsBase<NodeBase>, Options exte
   return false;
 }
 
-function clampNodeExtent(node: NodeDragItem | Node, extent?: CoordinateExtent | 'parent') {
+function clampNodeExtent(node: NodeDragItem | NodeBase, extent?: CoordinateExtent | 'parent') {
   if (!extent || extent === 'parent') {
     return extent;
   }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e0f522473..e5d29613c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,8 +29,8 @@ importers:
     devDependencies:
       '@changesets/changelog-github': registry.npmjs.org/@changesets/changelog-github/0.4.8
       '@changesets/cli': registry.npmjs.org/@changesets/cli/2.26.1
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.11_sqfi766b7p7jf53aqxvjxvblnq
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0_xj5ev3uwennxkmahqnxqanffxm
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u
       autoprefixer: registry.npmjs.org/autoprefixer/10.4.14_postcss@8.4.24
       concurrently: registry.npmjs.org/concurrently/7.6.0
       eslint: registry.npmjs.org/eslint/8.42.0
@@ -138,20 +138,21 @@ importers:
     specifiers:
       '@svelte-put/shortcut': ^2.0.0
       '@sveltejs/adapter-auto': ^2.1.0
-      '@sveltejs/kit': ^1.20.1
-      '@sveltejs/package': ^2.0.2
-      '@typescript-eslint/eslint-plugin': ^5.59.9
-      '@typescript-eslint/parser': ^5.59.9
+      '@sveltejs/kit': ^1.20.5
+      '@sveltejs/package': ^2.1.0
+      '@typescript-eslint/eslint-plugin': ^5.60.0
+      '@typescript-eslint/parser': ^5.60.0
       '@xyflow/system': workspace:*
       classcat: ^5.0.4
-      eslint: ^8.42.0
+      eslint: ^8.43.0
       eslint-config-prettier: ^8.8.0
-      eslint-plugin-svelte3: ^4.0.0
+      eslint-plugin-svelte: ^2.31.1
       prettier: ^2.8.8
       prettier-plugin-svelte: ^2.10.1
-      svelte: ^3.59.1
-      svelte-check: ^3.4.3
-      tslib: ^2.4.1
+      svelte: ^4.0.0
+      svelte-check: ^3.4.4
+      svelte-eslint-parser: ^0.31.0
+      tslib: ^2.5.3
       typescript: 5.1.3
       vite: ^4.3.9
     dependencies:
@@ -159,18 +160,19 @@ importers:
       '@xyflow/system': link:../system
       classcat: registry.npmjs.org/classcat/5.0.4
     devDependencies:
-      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.2
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.2_svelte@3.59.1+vite@4.3.9
-      '@sveltejs/package': registry.npmjs.org/@sveltejs/package/2.0.2_ew3mtnddoirxihfd3dvwoglzia
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.11_sqfi766b7p7jf53aqxvjxvblnq
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u
-      eslint: registry.npmjs.org/eslint/8.42.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0
-      eslint-plugin-svelte3: registry.npmjs.org/eslint-plugin-svelte3/4.0.0_3vji2slnup2yzxo42w6sbds3sy
+      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.5
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.5_svelte@4.0.0+vite@4.3.9
+      '@sveltejs/package': registry.npmjs.org/@sveltejs/package/2.1.0_rydvusnd4biuws73vnz24j3wlu
+      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0_6yzi2ymi2jevhjfd3hf6w262e4
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.60.0_7yfldhli4vs6yywnkyiujhawka
+      eslint: registry.npmjs.org/eslint/8.43.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.43.0
+      eslint-plugin-svelte: registry.npmjs.org/eslint-plugin-svelte/2.31.1_eslint@8.43.0+svelte@4.0.0
       prettier: registry.npmjs.org/prettier/2.8.8
-      prettier-plugin-svelte: registry.npmjs.org/prettier-plugin-svelte/2.10.1_blbg2s7pis747igzn3ilcyh5ou
-      svelte: registry.npmjs.org/svelte/3.59.1
-      svelte-check: registry.npmjs.org/svelte-check/3.4.3_svelte@3.59.1
+      prettier-plugin-svelte: registry.npmjs.org/prettier-plugin-svelte/2.10.1_qjnzte5rqd6zd6el5wewwu2zei
+      svelte: registry.npmjs.org/svelte/4.0.0
+      svelte-check: registry.npmjs.org/svelte-check/3.4.4_svelte@4.0.0
+      svelte-eslint-parser: registry.npmjs.org/svelte-eslint-parser/0.31.0_svelte@4.0.0
       tslib: registry.npmjs.org/tslib/2.5.3
       typescript: registry.npmjs.org/typescript/5.1.3
       vite: registry.npmjs.org/vite/4.3.9
@@ -213,7 +215,7 @@ importers:
     devDependencies:
       eslint: registry.npmjs.org/eslint/8.42.0
       eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0
-      eslint-config-turbo: registry.npmjs.org/eslint-config-turbo/1.10.3_eslint@8.42.0
+      eslint-config-turbo: registry.npmjs.org/eslint-config-turbo/1.10.6_eslint@8.42.0
       eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.42.0
 
   tooling/rollup-config:
@@ -1080,6 +1082,19 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
     dev: true
 
+  registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.43.0:
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz}
+    id: registry.npmjs.org/@eslint-community/eslint-utils/4.4.0
+    name: '@eslint-community/eslint-utils'
+    version: 4.4.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+    dependencies:
+      eslint: registry.npmjs.org/eslint/8.43.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
+    dev: true
+
   registry.npmjs.org/@eslint-community/regexpp/4.5.1:
     resolution: {integrity: sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.5.1.tgz}
     name: '@eslint-community/regexpp'
@@ -1113,6 +1128,13 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
+  registry.npmjs.org/@eslint/js/8.43.0:
+    resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/js/-/js-8.43.0.tgz}
+    name: '@eslint/js'
+    version: 8.43.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
   registry.npmjs.org/@hapi/hoek/9.3.0:
     resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz}
     name: '@hapi/hoek'
@@ -1415,7 +1437,7 @@ packages:
     version: 2.0.0
     dev: false
 
-  registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.2:
+  registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.5:
     resolution: {integrity: sha512-o2pZCfATFtA/Gw/BB0Xm7k4EYaekXxaPGER3xGSY3FvzFJGTlJlZjBseaXwYSM94lZ0HniOjTokN3cWaLX6fow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-2.1.0.tgz}
     id: registry.npmjs.org/@sveltejs/adapter-auto/2.1.0
     name: '@sveltejs/adapter-auto'
@@ -1423,15 +1445,15 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.2_svelte@3.59.1+vite@4.3.9
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.5_svelte@4.0.0+vite@4.3.9
       import-meta-resolve: registry.npmjs.org/import-meta-resolve/3.0.0
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit/1.20.2_svelte@3.59.1+vite@4.3.9:
-    resolution: {integrity: sha512-MtR1i+HtmYWcRgtubw1GQqT/+CWXL/z24PegE0xYAdObbhdr7YtEfmoe705D/JZMtMmoPXrmSk4W0MfL5A3lYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.20.2.tgz}
-    id: registry.npmjs.org/@sveltejs/kit/1.20.2
+  registry.npmjs.org/@sveltejs/kit/1.20.5_svelte@4.0.0+vite@4.3.9:
+    resolution: {integrity: sha512-8rJYZ2boRlO75lwpbpB+DlSzIwmTuamXTpVlDtw4dBk86o3UaDe/+Ro4xCsV/4FtTw2U8xPHyV83edAWbQHG0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.20.5.tgz}
+    id: registry.npmjs.org/@sveltejs/kit/1.20.5
     name: '@sveltejs/kit'
-    version: 1.20.2
+    version: 1.20.5
     engines: {node: ^16.14 || >=18}
     hasBin: true
     requiresBuild: true
@@ -1439,7 +1461,7 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1_svelte@3.59.1+vite@4.3.9
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1_svelte@4.0.0+vite@4.3.9
       '@types/cookie': registry.npmjs.org/@types/cookie/0.5.1
       cookie: registry.npmjs.org/cookie/0.5.0
       devalue: registry.npmjs.org/devalue/4.3.2
@@ -1450,34 +1472,33 @@ packages:
       sade: registry.npmjs.org/sade/1.8.1
       set-cookie-parser: registry.npmjs.org/set-cookie-parser/2.6.0
       sirv: registry.npmjs.org/sirv/2.0.3
-      svelte: registry.npmjs.org/svelte/3.59.1
-      tiny-glob: registry.npmjs.org/tiny-glob/0.2.9
+      svelte: registry.npmjs.org/svelte/4.0.0
       undici: registry.npmjs.org/undici/5.22.1
       vite: registry.npmjs.org/vite/4.3.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/package/2.0.2_ew3mtnddoirxihfd3dvwoglzia:
-    resolution: {integrity: sha512-cCOCcO8yMHnhHyaR51nQtvKZ3o/vSU9UYI1EXLT1j2CKNPMuH1/g6JNwKcNNrtQGwwquudc69ZeYy8D/TDNwEw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/package/-/package-2.0.2.tgz}
-    id: registry.npmjs.org/@sveltejs/package/2.0.2
+  registry.npmjs.org/@sveltejs/package/2.1.0_rydvusnd4biuws73vnz24j3wlu:
+    resolution: {integrity: sha512-c6PLH9G2YLQ48kqrS2XX422BrLNABBstSiapamchVJaQnOTXyJmUR8KmoCCySnzVy3PiYL6jg12UnoPmjW3SwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/package/-/package-2.1.0.tgz}
+    id: registry.npmjs.org/@sveltejs/package/2.1.0
     name: '@sveltejs/package'
-    version: 2.0.2
+    version: 2.1.0
     engines: {node: ^16.14 || >=18}
     hasBin: true
     peerDependencies:
-      svelte: ^3.44.0
+      svelte: ^3.44.0 || ^4.0.0
     dependencies:
       chokidar: registry.npmjs.org/chokidar/3.5.3
       kleur: registry.npmjs.org/kleur/4.1.5
       sade: registry.npmjs.org/sade/1.8.1
-      svelte: registry.npmjs.org/svelte/3.59.1
-      svelte2tsx: registry.npmjs.org/svelte2tsx/0.6.15_ew3mtnddoirxihfd3dvwoglzia
+      svelte: registry.npmjs.org/svelte/4.0.0
+      svelte2tsx: registry.npmjs.org/svelte2tsx/0.6.15_rydvusnd4biuws73vnz24j3wlu
     transitivePeerDependencies:
       - typescript
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2_qiij5gx4uovhfqjpd2vh63pzyq:
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2_k3t2aclno3pjdujtbtaxhi4r4m:
     resolution: {integrity: sha512-Cy1dUMcYCnDVV/hPLXa43YZJ2jGKVW5rA0xuNL9dlmYhT0yoS1g7+FOFSRlgk0BXKk/Oc7grs+8BVA5Iz2fr8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.2.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2
     name: '@sveltejs/vite-plugin-svelte-inspector'
@@ -1488,15 +1509,15 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1_svelte@3.59.1+vite@4.3.9
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1_svelte@4.0.0+vite@4.3.9
       debug: registry.npmjs.org/debug/4.3.4
-      svelte: registry.npmjs.org/svelte/3.59.1
+      svelte: registry.npmjs.org/svelte/4.0.0
       vite: registry.npmjs.org/vite/4.3.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1_svelte@3.59.1+vite@4.3.9:
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1_svelte@4.0.0+vite@4.3.9:
     resolution: {integrity: sha512-bNNKvoRY89ptY7udeBSCmTdCVwkjmMcZ0j/z9J5MuedT8jPjq0zrknAo/jF1sToAza4NVaAgR9AkZoD9oJJmnA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.1.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1
     name: '@sveltejs/vite-plugin-svelte'
@@ -1506,13 +1527,13 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2_qiij5gx4uovhfqjpd2vh63pzyq
+      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2_k3t2aclno3pjdujtbtaxhi4r4m
       debug: registry.npmjs.org/debug/4.3.4
       deepmerge: registry.npmjs.org/deepmerge/4.3.1
       kleur: registry.npmjs.org/kleur/4.1.5
       magic-string: registry.npmjs.org/magic-string/0.30.0
-      svelte: registry.npmjs.org/svelte/3.59.1
-      svelte-hmr: registry.npmjs.org/svelte-hmr/0.15.2_svelte@3.59.1
+      svelte: registry.npmjs.org/svelte/4.0.0
+      svelte-hmr: registry.npmjs.org/svelte-hmr/0.15.2_svelte@4.0.0
       vite: registry.npmjs.org/vite/4.3.9
       vitefu: registry.npmjs.org/vitefu/0.2.4_vite@4.3.9
     transitivePeerDependencies:
@@ -2038,11 +2059,42 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.11_sqfi766b7p7jf53aqxvjxvblnq:
-    resolution: {integrity: sha512-XxuOfTkCUiOSyBWIvHlUraLw/JT/6Io1365RO6ZuI88STKMavJZPNMU0lFcUTeQXEhHiv64CbxYxBNoDVSmghg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.11.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.59.11
+  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0_6yzi2ymi2jevhjfd3hf6w262e4:
+    resolution: {integrity: sha512-78B+anHLF1TI8Jn/cD0Q00TBYdMgjdOn980JfAVa9yw5sop8nyTfVOQAv6LWywkOGLclDBtv5z3oxN4w7jxyNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.60.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0
+    name: '@typescript-eslint/eslint-plugin'
+    version: 5.60.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^5.0.0
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.60.0_7yfldhli4vs6yywnkyiujhawka
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.60.0_7yfldhli4vs6yywnkyiujhawka
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.60.0_7yfldhli4vs6yywnkyiujhawka
+      debug: registry.npmjs.org/debug/4.3.4
+      eslint: registry.npmjs.org/eslint/8.43.0
+      grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
+      ignore: registry.npmjs.org/ignore/5.2.4
+      natural-compare-lite: registry.npmjs.org/natural-compare-lite/1.4.0
+      semver: registry.npmjs.org/semver/7.5.1
+      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3
+      typescript: registry.npmjs.org/typescript/5.1.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0_xj5ev3uwennxkmahqnxqanffxm:
+    resolution: {integrity: sha512-78B+anHLF1TI8Jn/cD0Q00TBYdMgjdOn980JfAVa9yw5sop8nyTfVOQAv6LWywkOGLclDBtv5z3oxN4w7jxyNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.60.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0
     name: '@typescript-eslint/eslint-plugin'
-    version: 5.59.11
+    version: 5.60.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -2053,10 +2105,10 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.11
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.42.0
       grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
@@ -2069,11 +2121,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u:
-    resolution: {integrity: sha512-s9ZF3M+Nym6CAZEkJJeO2TFHHDsKAM3ecNkLuH4i4s8/RCPnF5JRip2GyviYkeEAcwGMJxkqG9h2dAsnA1nZpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.59.11.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/5.59.11
+  registry.npmjs.org/@typescript-eslint/parser/5.60.0_7yfldhli4vs6yywnkyiujhawka:
+    resolution: {integrity: sha512-jBONcBsDJ9UoTWrARkRRCgDz6wUggmH5RpQVlt7BimSwaTkTjwypGzKORXbR4/2Hqjk9hgwlon2rVQAjWNpkyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.60.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/5.60.0
     name: '@typescript-eslint/parser'
-    version: 5.59.11
+    version: 5.60.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -2082,9 +2134,32 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.11
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.11
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.11_typescript@5.1.3
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
+      debug: registry.npmjs.org/debug/4.3.4
+      eslint: registry.npmjs.org/eslint/8.43.0
+      typescript: registry.npmjs.org/typescript/5.1.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  registry.npmjs.org/@typescript-eslint/parser/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u:
+    resolution: {integrity: sha512-jBONcBsDJ9UoTWrARkRRCgDz6wUggmH5RpQVlt7BimSwaTkTjwypGzKORXbR4/2Hqjk9hgwlon2rVQAjWNpkyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.60.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/5.60.0
+    name: '@typescript-eslint/parser'
+    version: 5.60.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.42.0
       typescript: registry.npmjs.org/typescript/5.1.3
@@ -2092,21 +2167,21 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager/5.59.11:
-    resolution: {integrity: sha512-dHFOsxoLFtrIcSj5h0QoBT/89hxQONwmn3FOQ0GOQcLOOXm+MIrS8zEAhs4tWl5MraxCY3ZJpaXQQdFMc2Tu+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.59.11.tgz}
+  registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0:
+    resolution: {integrity: sha512-hakuzcxPwXi2ihf9WQu1BbRj1e/Pd8ZZwVTG9kfbxAMZstKz8/9OoexIwnmLzShtsdap5U/CoQGRCWlSuPbYxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.60.0.tgz}
     name: '@typescript-eslint/scope-manager'
-    version: 5.59.11
+    version: 5.60.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.11
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.11
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.60.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u:
-    resolution: {integrity: sha512-LZqVY8hMiVRF2a7/swmkStMYSoXMFlzL6sXV6U/2gL5cwnLWQgLEG8tjWPpaE4rMIdZ6VKWwcffPlo1jPfk43g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.59.11.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/5.59.11
+  registry.npmjs.org/@typescript-eslint/type-utils/5.60.0_7yfldhli4vs6yywnkyiujhawka:
+    resolution: {integrity: sha512-X7NsRQddORMYRFH7FWo6sA9Y/zbJ8s1x1RIAtnlj6YprbToTiQnM6vxcMu7iYhdunmoC0rUWlca13D5DVHkK2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.60.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/5.60.0
     name: '@typescript-eslint/type-utils'
-    version: 5.59.11
+    version: 5.60.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -2115,8 +2190,31 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.11_typescript@5.1.3
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.60.0_7yfldhli4vs6yywnkyiujhawka
+      debug: registry.npmjs.org/debug/4.3.4
+      eslint: registry.npmjs.org/eslint/8.43.0
+      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3
+      typescript: registry.npmjs.org/typescript/5.1.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  registry.npmjs.org/@typescript-eslint/type-utils/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u:
+    resolution: {integrity: sha512-X7NsRQddORMYRFH7FWo6sA9Y/zbJ8s1x1RIAtnlj6YprbToTiQnM6vxcMu7iYhdunmoC0rUWlca13D5DVHkK2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.60.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/5.60.0
+    name: '@typescript-eslint/type-utils'
+    version: 5.60.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u
       debug: registry.npmjs.org/debug/4.3.4
       eslint: registry.npmjs.org/eslint/8.42.0
       tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3
@@ -2125,18 +2223,18 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types/5.59.11:
-    resolution: {integrity: sha512-epoN6R6tkvBYSc+cllrz+c2sOFWkbisJZWkOE+y3xHtvYaOE6Wk6B8e114McRJwFRjGvYdJwLXQH5c9osME/AA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.59.11.tgz}
+  registry.npmjs.org/@typescript-eslint/types/5.60.0:
+    resolution: {integrity: sha512-ascOuoCpNZBccFVNJRSC6rPq4EmJ2NkuoKnd6LDNyAQmdDnziAtxbCGWCbefG1CNzmDvd05zO36AmB7H8RzKPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.60.0.tgz}
     name: '@typescript-eslint/types'
-    version: 5.59.11
+    version: 5.60.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.11_typescript@5.1.3:
-    resolution: {integrity: sha512-YupOpot5hJO0maupJXixi6l5ETdrITxeo5eBOeuV7RSKgYdU3G5cxO49/9WRnJq9EMrB7AuTSLH/bqOsXi7wPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.11.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.11
+  registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3:
+    resolution: {integrity: sha512-R43thAuwarC99SnvrBmh26tc7F6sPa2B3evkXp/8q954kYL6Ro56AwASYWtEEi+4j09GbiNAHqYwNNZuNlARGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.60.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0
     name: '@typescript-eslint/typescript-estree'
-    version: 5.59.11
+    version: 5.60.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -2144,8 +2242,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.11
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.11
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.60.0
       debug: registry.npmjs.org/debug/4.3.4
       globby: registry.npmjs.org/globby/11.1.0
       is-glob: registry.npmjs.org/is-glob/4.0.3
@@ -2156,11 +2254,34 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils/5.59.11_tizxnkcvjrb4cldxgwq5h3lj5u:
-    resolution: {integrity: sha512-didu2rHSOMUdJThLk4aZ1Or8IcO3HzCw/ZvEjTTIfjIrcdd5cvSIwwDy2AOlE7htSNp7QIZ10fLMyRCveesMLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.59.11.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/5.59.11
+  registry.npmjs.org/@typescript-eslint/utils/5.60.0_7yfldhli4vs6yywnkyiujhawka:
+    resolution: {integrity: sha512-ba51uMqDtfLQ5+xHtwlO84vkdjrqNzOnqrnwbMHMRY8Tqeme8C2Q8Fc7LajfGR+e3/4LoYiWXUM6BpIIbHJ4hQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.60.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/5.60.0
+    name: '@typescript-eslint/utils'
+    version: 5.60.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.43.0
+      '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.12
+      '@types/semver': registry.npmjs.org/@types/semver/7.5.0
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
+      eslint: registry.npmjs.org/eslint/8.43.0
+      eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
+      semver: registry.npmjs.org/semver/7.5.1
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  registry.npmjs.org/@typescript-eslint/utils/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u:
+    resolution: {integrity: sha512-ba51uMqDtfLQ5+xHtwlO84vkdjrqNzOnqrnwbMHMRY8Tqeme8C2Q8Fc7LajfGR+e3/4LoYiWXUM6BpIIbHJ4hQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.60.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/5.60.0
     name: '@typescript-eslint/utils'
-    version: 5.59.11
+    version: 5.60.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -2168,9 +2289,9 @@ packages:
       '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.42.0
       '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.12
       '@types/semver': registry.npmjs.org/@types/semver/7.5.0
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.59.11
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.11
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.59.11_typescript@5.1.3
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
       eslint: registry.npmjs.org/eslint/8.42.0
       eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
       semver: registry.npmjs.org/semver/7.5.1
@@ -2179,13 +2300,13 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys/5.59.11:
-    resolution: {integrity: sha512-KGYniTGG3AMTuKF9QBD7EIrvufkB6O6uX3knP73xbKLMpH+QRPcgnCxjWXSHjMRuOxFLovljqQgQpR0c7GvjoA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.11.tgz}
+  registry.npmjs.org/@typescript-eslint/visitor-keys/5.60.0:
+    resolution: {integrity: sha512-wm9Uz71SbCyhUKgcaPRauBdTegUyY/ZWl8gLwD/i/ybJqscrrdVSFImpvUz16BLPChIeKBK5Fa9s6KDQjsjyWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.60.0.tgz}
     name: '@typescript-eslint/visitor-keys'
-    version: 5.59.11
+    version: 5.60.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.59.11
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
     dev: true
 
@@ -2338,6 +2459,14 @@ packages:
     version: 2.0.1
     dev: true
 
+  registry.npmjs.org/aria-query/5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz}
+    name: aria-query
+    version: 5.3.0
+    dependencies:
+      dequal: registry.npmjs.org/dequal/2.0.3
+    dev: true
+
   registry.npmjs.org/array-buffer-byte-length/1.0.0:
     resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz}
     name: array-buffer-byte-length
@@ -2501,6 +2630,14 @@ packages:
       - debug
     dev: true
 
+  registry.npmjs.org/axobject-query/3.2.1:
+    resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz}
+    name: axobject-query
+    version: 3.2.1
+    dependencies:
+      dequal: registry.npmjs.org/dequal/2.0.3
+    dev: true
+
   registry.npmjs.org/balanced-match/1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz}
     name: balanced-match
@@ -2815,6 +2952,18 @@ packages:
     engines: {node: '>=0.8'}
     dev: true
 
+  registry.npmjs.org/code-red/1.0.3:
+    resolution: {integrity: sha512-kVwJELqiILQyG5aeuyKFbdsI1fmQy1Cmf7dQ8eGmVuJoaRVdwey7WaMknr2ZFeVSYSKT0rExsa8EGw0aoI/1QQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/code-red/-/code-red-1.0.3.tgz}
+    name: code-red
+    version: 1.0.3
+    dependencies:
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
+      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
+      acorn: registry.npmjs.org/acorn/8.8.2
+      estree-walker: registry.npmjs.org/estree-walker/3.0.3
+      periscopic: registry.npmjs.org/periscopic/3.1.0
+    dev: true
+
   registry.npmjs.org/color-convert/1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz}
     name: color-convert
@@ -2949,6 +3098,16 @@ packages:
       which: registry.npmjs.org/which/2.0.2
     dev: true
 
+  registry.npmjs.org/css-tree/2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz}
+    name: css-tree
+    version: 2.3.1
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+    dependencies:
+      mdn-data: registry.npmjs.org/mdn-data/2.0.30
+      source-map-js: registry.npmjs.org/source-map-js/1.0.2
+    dev: true
+
   registry.npmjs.org/cssesc/3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz}
     name: cssesc
@@ -3292,6 +3451,13 @@ packages:
     engines: {node: '>= 0.6.0'}
     dev: true
 
+  registry.npmjs.org/dequal/2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz}
+    name: dequal
+    version: 2.0.3
+    engines: {node: '>=6'}
+    dev: true
+
   registry.npmjs.org/detect-indent/6.1.0:
     resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz}
     name: detect-indent
@@ -3332,6 +3498,13 @@ packages:
       esutils: registry.npmjs.org/esutils/2.0.3
     dev: true
 
+  registry.npmjs.org/dotenv/16.0.3:
+    resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dotenv/-/dotenv-16.0.3.tgz}
+    name: dotenv
+    version: 16.0.3
+    engines: {node: '>=12'}
+    dev: true
+
   registry.npmjs.org/dotenv/8.6.0:
     resolution: {integrity: sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dotenv/-/dotenv-8.6.0.tgz}
     name: dotenv
@@ -3534,16 +3707,28 @@ packages:
       eslint: registry.npmjs.org/eslint/8.42.0
     dev: true
 
-  registry.npmjs.org/eslint-config-turbo/1.10.3_eslint@8.42.0:
-    resolution: {integrity: sha512-ggzPfTJfMsMS383oZ4zfTP1zQvyMyiigOQJRUnLt1nqII6SKkTzdKZdwmXRDHU24KFwUfEFtT6c8vnm2VhL0uQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.3.tgz}
-    id: registry.npmjs.org/eslint-config-turbo/1.10.3
+  registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.43.0:
+    resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz}
+    id: registry.npmjs.org/eslint-config-prettier/8.8.0
+    name: eslint-config-prettier
+    version: 8.8.0
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      eslint: registry.npmjs.org/eslint/8.43.0
+    dev: true
+
+  registry.npmjs.org/eslint-config-turbo/1.10.6_eslint@8.42.0:
+    resolution: {integrity: sha512-iZ63etePRUdEIDY5MxdUhU2ekV9TDbVdHg0BK00QqVFgQTXUYuJ7rsQj/wUKTsw3jwhbLfaY6H5sknAgYyWZ2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.6.tgz}
+    id: registry.npmjs.org/eslint-config-turbo/1.10.6
     name: eslint-config-turbo
-    version: 1.10.3
+    version: 1.10.6
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
       eslint: registry.npmjs.org/eslint/8.42.0
-      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo/1.10.3_eslint@8.42.0
+      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo/1.10.6_eslint@8.42.0
     dev: true
 
   registry.npmjs.org/eslint-plugin-prettier/4.2.1_vnriwwub2rhvoyn4ckagrc4lpi:
@@ -3593,27 +3778,46 @@ packages:
       string.prototype.matchall: registry.npmjs.org/string.prototype.matchall/4.0.8
     dev: true
 
-  registry.npmjs.org/eslint-plugin-svelte3/4.0.0_3vji2slnup2yzxo42w6sbds3sy:
-    resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-svelte3/-/eslint-plugin-svelte3-4.0.0.tgz}
-    id: registry.npmjs.org/eslint-plugin-svelte3/4.0.0
-    name: eslint-plugin-svelte3
-    version: 4.0.0
+  registry.npmjs.org/eslint-plugin-svelte/2.31.1_eslint@8.43.0+svelte@4.0.0:
+    resolution: {integrity: sha512-08v+DqzHiwIVEbi+266D7+BDhayp9OSqCwa/lHaZlZOlFY0vZLYs/h7SkkUPzA5fTVt8OUJBtvCxFiWEYOvvGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-2.31.1.tgz}
+    id: registry.npmjs.org/eslint-plugin-svelte/2.31.1
+    name: eslint-plugin-svelte
+    version: 2.31.1
+    engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
-      eslint: '>=8.0.0'
-      svelte: ^3.2.0
+      eslint: ^7.0.0 || ^8.0.0-0
+      svelte: ^3.37.0 || ^4.0.0-0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.42.0
-      svelte: registry.npmjs.org/svelte/3.59.1
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.43.0
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
+      debug: registry.npmjs.org/debug/4.3.4
+      eslint: registry.npmjs.org/eslint/8.43.0
+      esutils: registry.npmjs.org/esutils/2.0.3
+      known-css-properties: registry.npmjs.org/known-css-properties/0.27.0
+      postcss: registry.npmjs.org/postcss/8.4.24
+      postcss-load-config: registry.npmjs.org/postcss-load-config/3.1.4_postcss@8.4.24
+      postcss-safe-parser: registry.npmjs.org/postcss-safe-parser/6.0.0_postcss@8.4.24
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser/6.0.13
+      semver: registry.npmjs.org/semver/7.5.3
+      svelte: registry.npmjs.org/svelte/4.0.0
+      svelte-eslint-parser: registry.npmjs.org/svelte-eslint-parser/0.31.0_svelte@4.0.0
+    transitivePeerDependencies:
+      - supports-color
+      - ts-node
     dev: true
 
-  registry.npmjs.org/eslint-plugin-turbo/1.10.3_eslint@8.42.0:
-    resolution: {integrity: sha512-g3Mnnk7el1FqxHfqbE/MayLvCsYjA/vKmAnUj66kV4AlM7p/EZqdt42NMcMSKtDVEm0w+utQkkzWG2Xsa0Pd/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.3.tgz}
-    id: registry.npmjs.org/eslint-plugin-turbo/1.10.3
+  registry.npmjs.org/eslint-plugin-turbo/1.10.6_eslint@8.42.0:
+    resolution: {integrity: sha512-jlzfxYaK8hcz1DTk8Glxxi1r0kgdy85191a4CbFOTiiBulmKHMLJgzhsyE9Ong796MA62n91KFpc20BiKjlHwg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.6.tgz}
+    id: registry.npmjs.org/eslint-plugin-turbo/1.10.6
     name: eslint-plugin-turbo
-    version: 1.10.3
+    version: 1.10.6
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
+      dotenv: registry.npmjs.org/dotenv/16.0.3
       eslint: registry.npmjs.org/eslint/8.42.0
     dev: true
 
@@ -3694,6 +3898,56 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/eslint/8.43.0:
+    resolution: {integrity: sha512-aaCpf2JqqKesMFGgmRPessmVKjcGXqdlAYLLC3THM8t5nBRZRQ+st5WM/hoJXkdioEXLLbXgclUpM0TXo5HX5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.43.0.tgz}
+    name: eslint
+    version: 8.43.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.43.0
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
+      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc/2.0.3
+      '@eslint/js': registry.npmjs.org/@eslint/js/8.43.0
+      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array/0.11.10
+      '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer/1.0.1
+      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk/1.2.8
+      ajv: registry.npmjs.org/ajv/6.12.6
+      chalk: registry.npmjs.org/chalk/4.1.2
+      cross-spawn: registry.npmjs.org/cross-spawn/7.0.3
+      debug: registry.npmjs.org/debug/4.3.4
+      doctrine: registry.npmjs.org/doctrine/3.0.0
+      escape-string-regexp: registry.npmjs.org/escape-string-regexp/4.0.0
+      eslint-scope: registry.npmjs.org/eslint-scope/7.2.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
+      espree: registry.npmjs.org/espree/9.5.2
+      esquery: registry.npmjs.org/esquery/1.5.0
+      esutils: registry.npmjs.org/esutils/2.0.3
+      fast-deep-equal: registry.npmjs.org/fast-deep-equal/3.1.3
+      file-entry-cache: registry.npmjs.org/file-entry-cache/6.0.1
+      find-up: registry.npmjs.org/find-up/5.0.0
+      glob-parent: registry.npmjs.org/glob-parent/6.0.2
+      globals: registry.npmjs.org/globals/13.20.0
+      graphemer: registry.npmjs.org/graphemer/1.4.0
+      ignore: registry.npmjs.org/ignore/5.2.4
+      import-fresh: registry.npmjs.org/import-fresh/3.3.0
+      imurmurhash: registry.npmjs.org/imurmurhash/0.1.4
+      is-glob: registry.npmjs.org/is-glob/4.0.3
+      is-path-inside: registry.npmjs.org/is-path-inside/3.0.3
+      js-yaml: registry.npmjs.org/js-yaml/4.1.0
+      json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify/1.0.1
+      levn: registry.npmjs.org/levn/0.4.1
+      lodash.merge: registry.npmjs.org/lodash.merge/4.6.2
+      minimatch: registry.npmjs.org/minimatch/3.1.2
+      natural-compare: registry.npmjs.org/natural-compare/1.4.0
+      optionator: registry.npmjs.org/optionator/0.9.1
+      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
+      strip-json-comments: registry.npmjs.org/strip-json-comments/3.1.1
+      text-table: registry.npmjs.org/text-table/0.2.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/esm-env/1.0.0:
     resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz}
     name: esm-env
@@ -3757,6 +4011,14 @@ packages:
     version: 2.0.2
     dev: true
 
+  registry.npmjs.org/estree-walker/3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz}
+    name: estree-walker
+    version: 3.0.3
+    dependencies:
+      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
+    dev: true
+
   registry.npmjs.org/esutils/2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz}
     name: esutils
@@ -4299,12 +4561,6 @@ packages:
       define-properties: registry.npmjs.org/define-properties/1.2.0
     dev: true
 
-  registry.npmjs.org/globalyzer/0.1.0:
-    resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz}
-    name: globalyzer
-    version: 0.1.0
-    dev: true
-
   registry.npmjs.org/globby/11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globby/-/globby-11.1.0.tgz}
     name: globby
@@ -4332,12 +4588,6 @@ packages:
       slash: registry.npmjs.org/slash/4.0.0
     dev: true
 
-  registry.npmjs.org/globrex/0.1.2:
-    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz}
-    name: globrex
-    version: 0.1.2
-    dev: true
-
   registry.npmjs.org/gopd/1.0.1:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz}
     name: gopd
@@ -4736,6 +4986,14 @@ packages:
       '@types/estree': registry.npmjs.org/@types/estree/1.0.1
     dev: true
 
+  registry.npmjs.org/is-reference/3.0.1:
+    resolution: {integrity: sha512-baJJdQLiYaJdvFbJqXrcGv3WU3QCzBlUcI5QhbesIm6/xPsvmO+2CDoi/GMOFBQEQm+PXkwOPrp9KK5ozZsp2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-reference/-/is-reference-3.0.1.tgz}
+    name: is-reference
+    version: 3.0.1
+    dependencies:
+      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
+    dev: true
+
   registry.npmjs.org/is-regex/1.1.4:
     resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz}
     name: is-regex
@@ -4983,6 +5241,12 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  registry.npmjs.org/known-css-properties/0.27.0:
+    resolution: {integrity: sha512-uMCj6+hZYDoffuvAJjFAPz56E9uoowFHmTkqRtRq5WyC5Q6Cu/fTZKNQpX/RbzChBYLLl3lo8CjFZBAZXq9qFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.27.0.tgz}
+    name: known-css-properties
+    version: 0.27.0
+    dev: true
+
   registry.npmjs.org/lazy-ass/1.6.0:
     resolution: {integrity: sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lazy-ass/-/lazy-ass-1.6.0.tgz}
     name: lazy-ass
@@ -5064,6 +5328,12 @@ packages:
       lie: registry.npmjs.org/lie/3.1.1
     dev: false
 
+  registry.npmjs.org/locate-character/3.0.0:
+    resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz}
+    name: locate-character
+    version: 3.0.0
+    dev: true
+
   registry.npmjs.org/locate-path/5.0.0:
     resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz}
     name: locate-path
@@ -5207,6 +5477,12 @@ packages:
     version: 0.1.0
     dev: true
 
+  registry.npmjs.org/mdn-data/2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz}
+    name: mdn-data
+    version: 2.0.30
+    dev: true
+
   registry.npmjs.org/meow/6.1.1:
     resolution: {integrity: sha512-3YffViIt2QWgTy6Pale5QpopX/IvU3LPL03jOTqp6pGj3VjesdO/U8CuHMKpnQr4shCNCM5fd5XFFvIIl6JBHg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/meow/-/meow-6.1.1.tgz}
     name: meow
@@ -5722,6 +5998,16 @@ packages:
     version: 2.1.0
     dev: true
 
+  registry.npmjs.org/periscopic/3.1.0:
+    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz}
+    name: periscopic
+    version: 3.1.0
+    dependencies:
+      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
+      estree-walker: registry.npmjs.org/estree-walker/3.0.3
+      is-reference: registry.npmjs.org/is-reference/3.0.1
+    dev: true
+
   registry.npmjs.org/picocolors/1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz}
     name: picocolors
@@ -5813,6 +6099,26 @@ packages:
       resolve: registry.npmjs.org/resolve/1.22.2
     dev: true
 
+  registry.npmjs.org/postcss-load-config/3.1.4_postcss@8.4.24:
+    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz}
+    id: registry.npmjs.org/postcss-load-config/3.1.4
+    name: postcss-load-config
+    version: 3.1.4
+    engines: {node: '>= 10'}
+    peerDependencies:
+      postcss: '>=8.0.9'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+      ts-node:
+        optional: true
+    dependencies:
+      lilconfig: registry.npmjs.org/lilconfig/2.1.0
+      postcss: registry.npmjs.org/postcss/8.4.24
+      yaml: registry.npmjs.org/yaml/1.10.2
+    dev: true
+
   registry.npmjs.org/postcss-load-config/4.0.1_postcss@8.4.24:
     resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz}
     id: registry.npmjs.org/postcss-load-config/4.0.1
@@ -5860,6 +6166,30 @@ packages:
       thenby: registry.npmjs.org/thenby/1.3.4
     dev: true
 
+  registry.npmjs.org/postcss-safe-parser/6.0.0_postcss@8.4.24:
+    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-safe-parser/6.0.0
+    name: postcss-safe-parser
+    version: 6.0.0
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.3.3
+    dependencies:
+      postcss: registry.npmjs.org/postcss/8.4.24
+    dev: true
+
+  registry.npmjs.org/postcss-scss/4.0.6_postcss@8.4.24:
+    resolution: {integrity: sha512-rLDPhJY4z/i4nVFZ27j9GqLxj1pwxE80eAzUNRMXtcpipFYIeowerzBgG3yJhMtObGEXidtIgbUpQ3eLDsf5OQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.6.tgz}
+    id: registry.npmjs.org/postcss-scss/4.0.6
+    name: postcss-scss
+    version: 4.0.6
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.4.19
+    dependencies:
+      postcss: registry.npmjs.org/postcss/8.4.24
+    dev: true
+
   registry.npmjs.org/postcss-selector-parser/6.0.13:
     resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz}
     name: postcss-selector-parser
@@ -5915,7 +6245,7 @@ packages:
       fast-diff: registry.npmjs.org/fast-diff/1.3.0
     dev: true
 
-  registry.npmjs.org/prettier-plugin-svelte/2.10.1_blbg2s7pis747igzn3ilcyh5ou:
+  registry.npmjs.org/prettier-plugin-svelte/2.10.1_qjnzte5rqd6zd6el5wewwu2zei:
     resolution: {integrity: sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.10.1.tgz}
     id: registry.npmjs.org/prettier-plugin-svelte/2.10.1
     name: prettier-plugin-svelte
@@ -5925,7 +6255,7 @@ packages:
       svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
       prettier: registry.npmjs.org/prettier/2.8.8
-      svelte: registry.npmjs.org/svelte/3.59.1
+      svelte: registry.npmjs.org/svelte/4.0.0
     dev: true
 
   registry.npmjs.org/prettier/2.8.8:
@@ -6383,6 +6713,16 @@ packages:
       lru-cache: registry.npmjs.org/lru-cache/6.0.0
     dev: true
 
+  registry.npmjs.org/semver/7.5.3:
+    resolution: {integrity: sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.5.3.tgz}
+    name: semver
+    version: 7.5.3
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      lru-cache: registry.npmjs.org/lru-cache/6.0.0
+    dev: true
+
   registry.npmjs.org/serialize-javascript/6.0.1:
     resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz}
     name: serialize-javascript
@@ -6816,11 +7156,11 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/svelte-check/3.4.3_svelte@3.59.1:
-    resolution: {integrity: sha512-O07soQFY3X0VDt+bcGc6D5naz0cLtjwnmNP9JsEBPVyMemFEqUhL2OdLqvkl5H/u8Jwm50EiAU4BPRn5iin/kg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.4.3.tgz}
-    id: registry.npmjs.org/svelte-check/3.4.3
+  registry.npmjs.org/svelte-check/3.4.4_svelte@4.0.0:
+    resolution: {integrity: sha512-Uys9+R65cj8TmP8f5UpS7B2xKpNLYNxEWJsA5ZoKcWq/uwvABFF7xS6iPQGLoa7hxz0DS6xU60YFpmq06E4JxA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.4.4.tgz}
+    id: registry.npmjs.org/svelte-check/3.4.4
     name: svelte-check
-    version: 3.4.3
+    version: 3.4.4
     hasBin: true
     peerDependencies:
       svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0
@@ -6831,8 +7171,8 @@ packages:
       import-fresh: registry.npmjs.org/import-fresh/3.3.0
       picocolors: registry.npmjs.org/picocolors/1.0.0
       sade: registry.npmjs.org/sade/1.8.1
-      svelte: registry.npmjs.org/svelte/3.59.1
-      svelte-preprocess: registry.npmjs.org/svelte-preprocess/5.0.4_ew3mtnddoirxihfd3dvwoglzia
+      svelte: registry.npmjs.org/svelte/4.0.0
+      svelte-preprocess: registry.npmjs.org/svelte-preprocess/5.0.4_rydvusnd4biuws73vnz24j3wlu
       typescript: registry.npmjs.org/typescript/5.1.3
     transitivePeerDependencies:
       - '@babel/core'
@@ -6846,7 +7186,27 @@ packages:
       - sugarss
     dev: true
 
-  registry.npmjs.org/svelte-hmr/0.15.2_svelte@3.59.1:
+  registry.npmjs.org/svelte-eslint-parser/0.31.0_svelte@4.0.0:
+    resolution: {integrity: sha512-/31RpBf/e3YjoFphjsyo3JRyN1r4UalGAGafXrZ6EJK4h4COOO0rbfBoen5byGsXnIJKsrlC1lkEd2Vzpq2IDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.31.0.tgz}
+    id: registry.npmjs.org/svelte-eslint-parser/0.31.0
+    name: svelte-eslint-parser
+    version: 0.31.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      svelte: ^3.37.0 || ^4.0.0-0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+    dependencies:
+      eslint-scope: registry.npmjs.org/eslint-scope/7.2.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
+      espree: registry.npmjs.org/espree/9.5.2
+      postcss: registry.npmjs.org/postcss/8.4.24
+      postcss-scss: registry.npmjs.org/postcss-scss/4.0.6_postcss@8.4.24
+      svelte: registry.npmjs.org/svelte/4.0.0
+    dev: true
+
+  registry.npmjs.org/svelte-hmr/0.15.2_svelte@4.0.0:
     resolution: {integrity: sha512-q/bAruCvFLwvNbeE1x3n37TYFb3mTBJ6TrCq6p2CoFbSTNhDE9oAtEfpy+wmc9So8AG0Tja+X0/mJzX9tSfvIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.2.tgz}
     id: registry.npmjs.org/svelte-hmr/0.15.2
     name: svelte-hmr
@@ -6855,10 +7215,10 @@ packages:
     peerDependencies:
       svelte: ^3.19.0 || ^4.0.0-next.0
     dependencies:
-      svelte: registry.npmjs.org/svelte/3.59.1
+      svelte: registry.npmjs.org/svelte/4.0.0
     dev: true
 
-  registry.npmjs.org/svelte-preprocess/5.0.4_ew3mtnddoirxihfd3dvwoglzia:
+  registry.npmjs.org/svelte-preprocess/5.0.4_rydvusnd4biuws73vnz24j3wlu:
     resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz}
     id: registry.npmjs.org/svelte-preprocess/5.0.4
     name: svelte-preprocess
@@ -6904,18 +7264,32 @@ packages:
       magic-string: registry.npmjs.org/magic-string/0.27.0
       sorcery: registry.npmjs.org/sorcery/0.11.0
       strip-indent: registry.npmjs.org/strip-indent/3.0.0
-      svelte: registry.npmjs.org/svelte/3.59.1
+      svelte: registry.npmjs.org/svelte/4.0.0
       typescript: registry.npmjs.org/typescript/5.1.3
     dev: true
 
-  registry.npmjs.org/svelte/3.59.1:
-    resolution: {integrity: sha512-pKj8fEBmqf6mq3/NfrB9SLtcJcUvjYSWyePlfCqN9gujLB25RitWK8PvFzlwim6hD/We35KbPlRteuA6rnPGcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-3.59.1.tgz}
+  registry.npmjs.org/svelte/4.0.0:
+    resolution: {integrity: sha512-+yCYu3AEUu9n91dnQNGIbnVp8EmNQtuF/YImW4+FTXRHard7NMo+yTsWzggPAbj3fUEJ1FBJLkql/jkp6YB5pg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-4.0.0.tgz}
     name: svelte
-    version: 3.59.1
-    engines: {node: '>= 8'}
+    version: 4.0.0
+    engines: {node: '>=16'}
+    dependencies:
+      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping/2.2.1
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
+      acorn: registry.npmjs.org/acorn/8.8.2
+      aria-query: registry.npmjs.org/aria-query/5.3.0
+      axobject-query: registry.npmjs.org/axobject-query/3.2.1
+      code-red: registry.npmjs.org/code-red/1.0.3
+      css-tree: registry.npmjs.org/css-tree/2.3.1
+      estree-walker: registry.npmjs.org/estree-walker/3.0.3
+      is-reference: registry.npmjs.org/is-reference/3.0.1
+      locate-character: registry.npmjs.org/locate-character/3.0.0
+      magic-string: registry.npmjs.org/magic-string/0.30.0
+      periscopic: registry.npmjs.org/periscopic/3.1.0
     dev: true
 
-  registry.npmjs.org/svelte2tsx/0.6.15_ew3mtnddoirxihfd3dvwoglzia:
+  registry.npmjs.org/svelte2tsx/0.6.15_rydvusnd4biuws73vnz24j3wlu:
     resolution: {integrity: sha512-+j6RmA3g5pPs1DHa/rdzJjjhZuCfWx0IbNPaR99A2bvOSPPY6BlVkBGU0urI+DGcWHhYEG28Flo942KqlAkpEQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.15.tgz}
     id: registry.npmjs.org/svelte2tsx/0.6.15
     name: svelte2tsx
@@ -6926,7 +7300,7 @@ packages:
     dependencies:
       dedent-js: registry.npmjs.org/dedent-js/1.0.1
       pascal-case: registry.npmjs.org/pascal-case/3.1.2
-      svelte: registry.npmjs.org/svelte/3.59.1
+      svelte: registry.npmjs.org/svelte/4.0.0
       typescript: registry.npmjs.org/typescript/5.1.3
     dev: true
 
@@ -6974,15 +7348,6 @@ packages:
     version: 2.3.8
     dev: true
 
-  registry.npmjs.org/tiny-glob/0.2.9:
-    resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz}
-    name: tiny-glob
-    version: 0.2.9
-    dependencies:
-      globalyzer: registry.npmjs.org/globalyzer/0.1.0
-      globrex: registry.npmjs.org/globrex/0.1.2
-    dev: true
-
   registry.npmjs.org/tmp/0.0.33:
     resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz}
     name: tmp
@@ -7576,6 +7941,13 @@ packages:
     version: 4.0.0
     dev: true
 
+  registry.npmjs.org/yaml/1.10.2:
+    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz}
+    name: yaml
+    version: 1.10.2
+    engines: {node: '>= 6'}
+    dev: true
+
   registry.npmjs.org/yaml/2.3.1:
     resolution: {integrity: sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz}
     name: yaml

From ab406f684db41135efcc5c3ff5dc0020a9f79d0c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 28 Jun 2023 12:43:54 +0200
Subject: [PATCH 0115/1093] chore(svelte): bump

---
 packages/svelte/package.json | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 69696aab8..2f774737a 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
@@ -25,7 +25,8 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js"
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
     }
   },
   "publishConfig": {

From a31b19b21f22da1904f0c377ded8a85bb506b997 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 28 Jun 2023 15:27:49 +0200
Subject: [PATCH 0116/1093] fix(svelte): rename on:node:click to on:nodeclick

---
 packages/svelte/README.md                      |  2 +-
 packages/svelte/package.json                   |  2 +-
 .../components/EdgeWrapper/EdgeWrapper.svelte  |  2 +-
 .../components/NodeWrapper/NodeWrapper.svelte  | 12 ++++++------
 .../lib/components/nodes/DefaultNode.svelte    |  4 ++--
 .../src/lib/components/nodes/InputNode.svelte  |  2 +-
 .../src/lib/components/nodes/OutputNode.svelte |  2 +-
 .../container/EdgeRenderer/EdgeRenderer.svelte |  2 +-
 .../container/NodeRenderer/NodeRenderer.svelte | 12 ++++++------
 .../svelte/src/lib/container/Pane/Pane.svelte  |  4 ++--
 .../lib/container/SvelteFlow/SvelteFlow.svelte | 16 ++++++++--------
 .../src/lib/container/SvelteFlow/types.ts      | 18 +++++++++---------
 .../svelte/src/routes/overview/+page.svelte    | 16 ++++++++--------
 13 files changed, 47 insertions(+), 47 deletions(-)

diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index 6abec8358..fc7477c34 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -70,7 +70,7 @@ A basic flow looks like this:
   {nodeTypes}
   fitView
   snapGrid={snapGrid}
-  on:node:click={(event) => console.log('on node click', event)}
+  on:nodeclick={(event) => console.log('on node click', event)}
 >
   <Controls />
   <Background variant={BackgroundVariant.Dots} />
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 2f774737a..cac16e32b 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index d1191a452..f21f570e1 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -46,7 +46,7 @@
     }
 
     const edge = $edges.find((e) => e.id === id);
-    dispatch('edge:click', edge);
+    dispatch('edgeclick', edge);
   }
 </script>
 
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 442178b6d..47168597a 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -69,7 +69,7 @@
       addSelectedNodes([id]);
     }
 
-    dispatchEvent('node:click');
+    dispatchEvent('nodeclick');
   }
 </script>
 
@@ -95,9 +95,9 @@
   style:transform="translate({positionOrigin?.x ?? 0}px, {positionOrigin?.y ?? 0}px)"
   {style}
   on:click={onSelectNodeHandler}
-  on:mouseenter={() => dispatchEvent('node:mouseenter')}
-  on:mouseleave={() => dispatchEvent('node:mouseleave')}
-  on:mousemove={() => dispatchEvent('node:mousemove')}
+  on:mouseenter={() => dispatchEvent('nodemouseenter')}
+  on:mouseleave={() => dispatchEvent('nodemouseleave')}
+  on:mousemove={() => dispatchEvent('nodemousemove')}
 >
   <svelte:component
     this={nodeComponent}
@@ -113,9 +113,9 @@
     isConnectable={connectable}
     xPos={positionAbsolute?.x ?? 0}
     yPos={positionAbsolute?.y ?? 0}
-    on:connect:start
+    on:connectstart
     on:connect
-    on:connect:end
+    on:connectend
   />
 </div>
 
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index 4ce51198c..6d8e06dbf 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -10,6 +10,6 @@
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
 </script>
 
-<Handle type="target" position={targetPosition} on:connect:start on:connect on:connect:end />
+<Handle type="target" position={targetPosition} on:connectstart on:connect on:connectend />
 {data?.label}
-<Handle type="source" position={sourcePosition} on:connect:start on:connect on:connect:end />
+<Handle type="source" position={sourcePosition} on:connectstart on:connect on:connectend />
diff --git a/packages/svelte/src/lib/components/nodes/InputNode.svelte b/packages/svelte/src/lib/components/nodes/InputNode.svelte
index c28c5c9e0..4eb41ddd3 100644
--- a/packages/svelte/src/lib/components/nodes/InputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/InputNode.svelte
@@ -10,4 +10,4 @@
 </script>
 
 {data?.label}
-<Handle type="source" position={sourcePosition} on:connect:start on:connect on:connect:end />
+<Handle type="source" position={sourcePosition} on:connectstart on:connect on:connectend />
diff --git a/packages/svelte/src/lib/components/nodes/OutputNode.svelte b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
index 7b9b071b3..83b3745c1 100644
--- a/packages/svelte/src/lib/components/nodes/OutputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
@@ -10,4 +10,4 @@
 </script>
 
 {data?.label}
-<Handle type="target" position={targetPosition} on:connect:start on:connect on:connect:end />
+<Handle type="target" position={targetPosition} on:connectstart on:connect on:connectend />
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index f8a23e18e..9563cf532 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -17,7 +17,7 @@
           ($elementsSelectable && typeof edge.selectable === 'undefined')
         )}
 
-        <EdgeWrapper {...edge} type={edgeType} {selectable} on:edge:click />
+        <EdgeWrapper {...edge} type={edgeType} {selectable} on:edgeclick />
       {/each}
     </g>
   </svg>
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 21a7d7bf2..43db7eeb1 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -66,13 +66,13 @@
       zIndex={node[internalsSymbol]?.z ?? 0}
       dragHandle={node.dragHandle}
       {resizeObserver}
-      on:node:click
-      on:node:mouseenter
-      on:node:mousemove
-      on:node:mouseleave
-      on:connect:start
+      on:nodeclick
+      on:nodemouseenter
+      on:nodemousemove
+      on:nodemouseleave
+      on:connectstart
       on:connect
-      on:connect:end
+      on:connectend
     />
   {/each}
 </div>
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 46baa1824..c3ea2931c 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -63,7 +63,7 @@
   $: hasActiveSelection = $elementsSelectable && (isSelecting || $selectionRectMode === 'user');
 
   function onClick(event: MouseEvent) {
-    dispatch('pane:click', event);
+    dispatch('paneclick', event);
 
     unselectNodesAndEdges();
     selectionRectMode.set(null);
@@ -164,7 +164,7 @@
       return;
     }
 
-    dispatch('pane:contextmenu', event);
+    dispatch('panecontextmenu', event);
   };
 </script>
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 592c3a613..adb6359cf 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -139,19 +139,19 @@
     {panOnScroll}
     {panOnDrag}
   >
-    <Pane on:pane:click {panOnDrag}>
+    <Pane on:paneclick {panOnDrag}>
       <ViewportComponent>
-        <EdgeRenderer on:edge:click />
+        <EdgeRenderer on:edgeclick />
         <ConnectionLine />
         <div class="svelte-flow__edgelabel-renderer" />
         <NodeRenderer
-          on:node:click
-          on:node:mouseenter
-          on:node:mousemove
-          on:node:mouseleave
-          on:connect:start
+          on:nodeclick
+          on:nodemouseenter
+          on:nodemousemove
+          on:nodemouseleave
+          on:connectstart
           on:connect
-          on:connect:end
+          on:connectend
         />
         <NodeSelection />
       </ViewportComponent>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index b6833b139..ef6571811 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -58,14 +58,14 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   onMove?: OnMove;
   onMoveEnd?: OnMoveEnd;
 
-  'on:node:click'?: CustomEvent<Node>;
-  'on:node:mouseenter'?: CustomEvent<Node>;
-  'on:node:mousemove'?: CustomEvent<Node>;
-  'on:node:mouseleave'?: CustomEvent<Node>;
-  'on:edge:click'?: CustomEvent<Edge>;
-  'on:connect:start'?: CustomEvent<OnConnectStartParams>;
+  'on:nodeclick'?: CustomEvent<Node>;
+  'on:nodemouseenter'?: CustomEvent<Node>;
+  'on:nodemousemove'?: CustomEvent<Node>;
+  'on:nodemouseleave'?: CustomEvent<Node>;
+  'on:edgeclick'?: CustomEvent<Edge>;
+  'on:connectstart'?: CustomEvent<OnConnectStartParams>;
   'on:connect'?: CustomEvent<Connection>;
-  'on:connect:end'?: CustomEvent<OnConnectStartParams>;
-  'on:pane:click'?: CustomEvent;
-  'on:pane:contextmenu'?: CustomEvent;
+  'on:connectend'?: CustomEvent<OnConnectStartParams>;
+  'on:paneclick'?: CustomEvent;
+  'on:panecontextmenu'?: CustomEvent;
 };
diff --git a/packages/svelte/src/routes/overview/+page.svelte b/packages/svelte/src/routes/overview/+page.svelte
index 384f18219..9285f50f0 100644
--- a/packages/svelte/src/routes/overview/+page.svelte
+++ b/packages/svelte/src/routes/overview/+page.svelte
@@ -127,15 +127,15 @@
   selectionMode={SelectionMode.Full}
   initialViewport={{ x: 100, y: 100, zoom: 2 }}
   snapGrid={[25, 25]}
-  on:node:click={(event) => console.log('on node click', event)}
-  on:node:mouseenter={(event) => console.log('on node enter', event)}
-  on:node:mouseleave={(event) => console.log('on node leave', event)}
-  on:edge:click={(event) => console.log('edge click', event)}
-  on:connect:start={(event) => console.log('on connect start', event)}
+  on:nodeclick={(event) => console.log('on node click', event)}
+  on:nodemouseenter={(event) => console.log('on node enter', event)}
+  on:nodemouseleave={(event) => console.log('on node leave', event)}
+  on:edgeclick={(event) => console.log('edge click', event)}
+  on:connectstart={(event) => console.log('on connect start', event)}
   on:connect={(event) => console.log('on connect', event)}
-  on:connect:end={(event) => console.log('on connect end', event)}
-  on:pane:click={(event) => console.log('on pane click', event)}
-  on:pane:contextmenu={(event) => {
+  on:connectend={(event) => console.log('on connect end', event)}
+  on:paneclick={(event) => console.log('on pane click', event)}
+  on:panecontextmenu={(event) => {
     event.preventDefault();
     console.log('on pane contextmenu', event);
   }}

From 5324e510609824bce18ea00a73ddd35f74ecb46d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 28 Jun 2023 16:33:00 +0200
Subject: [PATCH 0117/1093] chore(provider): dont use store create helper

---
 packages/svelte/package.json                           |  2 +-
 .../SvelteFlowProvider/SvelteFlowProvider.svelte       | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index cac16e32b..d68ea9759 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
index 2fdb25c6d..aacc69c47 100644
--- a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
@@ -1,9 +1,13 @@
 <script lang="ts">
-  import { onDestroy } from 'svelte';
+  import { onDestroy, setContext } from 'svelte';
 
-  import { createStoreContext } from '$lib/store';
+  import { createStore, key } from '$lib/store';
 
-  const store = createStoreContext();
+  const store = createStore();
+
+  setContext(key, {
+    getStore: () => store
+  });
 
   onDestroy(() => {
     store.reset();

From 1f64b29b50292f59ea0b9ef32f0232e615c97dce Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 29 Jun 2023 12:05:20 +0200
Subject: [PATCH 0118/1093] chore(svelte): use correct css var names for
 defaults

---
 packages/svelte/package.json                  |  2 +-
 .../lib/components/BaseEdge/BaseEdge.svelte   |  4 +-
 .../ConnectionLine/ConnectionLine.svelte      |  2 +-
 .../src/lib/components/Handle/Handle.svelte   |  4 +-
 .../components/NodeWrapper/NodeWrapper.svelte | 14 +++----
 .../container/SvelteFlow/SvelteFlow.svelte    | 42 +++++++++----------
 .../lib/plugins/Background/DotPattern.svelte  |  6 ++-
 .../lib/plugins/Background/LinePattern.svelte |  6 ++-
 .../lib/plugins/Controls/ControlButton.svelte | 24 ++++++++---
 .../src/lib/plugins/Minimap/Minimap.svelte    | 24 +++++++++--
 10 files changed, 81 insertions(+), 47 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index d68ea9759..196fe0e3c 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
index 8bd375b71..7390c17ce 100644
--- a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
@@ -55,12 +55,12 @@
   }
 
   .svelte-flow__edge-path {
-    stroke: var(--edge-color);
+    stroke: var(--edge-color, var(--edge-color-default));
     stroke-width: 1;
   }
 
   :global(.selected) .svelte-flow__edge-path {
-    stroke: var(--edge-color-selected);
+    stroke: var(--edge-color-selected, var(--edge-color-selected-default));
   }
 
   :global(.animated) .svelte-flow__edge-path {
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index 29723ca22..748fe27d5 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -32,7 +32,7 @@
 
   .svelte-flow__edge-path,
   .svelte-flow__connection-path {
-    stroke: var(--connection-line-color);
+    stroke: var(--connection-line-color, var(--connection-line-color-default));
     stroke-width: 1;
     fill: none;
   }
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index d1ab49aae..e8c003277 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -108,8 +108,8 @@
     min-height: 5px;
     width: 6px;
     height: 6px;
-    background: var(--handle-background-color);
-    border: 1px solid var(--handle-border-color);
+    background: var(--handle-background-color, var(--handle-background-color-default));
+    border: 1px solid var(--handle-border-color, var(--handle-border-color-default));
     border-radius: 100%;
   }
 
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 47168597a..bb9563561 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -86,7 +86,6 @@
   bind:this={nodeRef}
   data-id={id}
   class={cc(['svelte-flow__node', `svelte-flow__node-${type || 'default'}`, className])}
-  class:initializing={!width && !height}
   class:dragging
   class:selected
   class:draggable
@@ -122,12 +121,12 @@
 <style>
   .svelte-flow__node {
     border-radius: 3px;
-    color: var(--node-color);
+    color: var(--node-color, var(--node-color-default));
     text-align: center;
     border-width: 1px;
     border-style: solid;
-    border-color: var(--node-border-color);
-    background-color: var(--node-background-color);
+    border-color: var(--node-border-color, var(--node-border-color-default));
+    background-color: var(--node-background-color, var(--node-background-color-default));
     position: absolute;
     pointer-events: none;
     user-select: none;
@@ -140,14 +139,11 @@
 
   .selected {
     outline: none;
-    box-shadow: 0 0 0 0.5px var(--node-shadow-color-selected);
+    box-shadow: 0 0 0 0.5px
+      var(--node-shadow-color-selected, var(--node-shadow-color-selected-default));
   }
 
   .dragging {
     cursor: grabbing;
   }
-
-  .initializing {
-    visibility: hidden;
-  }
 </style>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index adb6359cf..5aa6f555e 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -170,7 +170,7 @@
     position: relative;
     z-index: 0;
 
-    background-color: var(--background-color);
+    background-color: var(--background-color, var(--background-color-default));
   }
 
   .svelte-flow :global(.svelte-flow__node-default),
@@ -188,31 +188,31 @@
   }
 
   :root {
-    --background-color: #fff;
-    --background-pattern-color: #eee;
+    --background-color-default: #fff;
+    --background-pattern-color-default: #eee;
 
-    --minimap-background-color: #fff;
-    --minimap-mask-color: rgb(240, 240, 240, 0.6);
-    --minimap-mask-stroke-color: none;
-    --minimap-mask-stroke-width: 1;
+    --minimap-background-color-default: #fff;
+    --minimap-mask-color-default: rgb(240, 240, 240, 0.6);
+    --minimap-mask-stroke-color-default: none;
+    --minimap-mask-stroke-width-default: 1;
 
-    --controls-button-background-color: #fefefe;
-    --controls-button-background-color-hover: #f4f4f4;
-    --controls-button-color: inherit;
-    --controls-button-color-hover: inherit;
-    --controls-button-border-color: #eee;
+    --controls-button-background-color-default: #fefefe;
+    --controls-button-background-color-hover-default: #f4f4f4;
+    --controls-button-color-default: inherit;
+    --controls-button-color-hover-default: inherit;
+    --controls-button-border-color-default: #eee;
 
-    --edge-color: #cfcfcf;
-    --edge-color-selected: #555;
+    --edge-color-default: #cfcfcf;
+    --edge-color-selected-default: #555;
 
-    --node-color: inherit;
-    --node-border-color: #1a192b;
-    --node-background-color: #fff;
-    --node-shadow-color-selected: #1a192b;
+    --node-color-default: inherit;
+    --node-border-color-default: #1a192b;
+    --node-background-color-default: #fff;
+    --node-shadow-color-selected-default: #1a192b;
 
-    --handle-background-color: #1a192b;
-    --handle-border-color: #fff;
+    --handle-background-color-default: #1a192b;
+    --handle-border-color-default: #fff;
 
-    --connection-line-color: #b1b1b7;
+    --connection-line-color-default: #b1b1b7;
   }
 </style>
diff --git a/packages/svelte/src/lib/plugins/Background/DotPattern.svelte b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
index d134f1e29..c3d2e146a 100644
--- a/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
+++ b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
@@ -7,6 +7,10 @@
 
 <style>
   circle {
-    fill: var(--pattern-color-props, var(--background-pattern-color));
+    fill: var(
+      --pattern-color-props,
+      var(--background-pattern-color),
+      var(--background-pattern-color-default)
+    );
   }
 </style>
diff --git a/packages/svelte/src/lib/plugins/Background/LinePattern.svelte b/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
index edd4f5173..339eadab0 100644
--- a/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
+++ b/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
@@ -12,6 +12,10 @@
 
 <style>
   path {
-    stroke: var(--pattern-color-props, var(--background-pattern-color));
+    stroke: var(
+      --pattern-color-props,
+      var(--background-pattern-color),
+      var(--background-pattern-color-default)
+    );
   }
 </style>
diff --git a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
index 9b52c14ee..98b444fea 100644
--- a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
@@ -30,11 +30,20 @@
     border: none;
     background: var(
       --controls-button-background-color-props,
-      var(--controls-button-background-color)
+      var(--controls-button-background-color),
+      var(--controls-button-background-color-default)
     );
     border-bottom: 1px solid
-      var(--controls-button-border-color-props, var(--controls-button-border-color));
-    color: var(--controls-button-color-props, var(--controls-button-color));
+      var(
+        --controls-button-border-color-props,
+        var(--controls-button-border-color),
+        var(--controls-button-border-color-default)
+      );
+    color: var(
+      --controls-button-color-props,
+      var(--controls-button-color),
+      var(--controls-button-color-default)
+    );
     box-sizing: content-box;
     display: flex;
     justify-content: center;
@@ -49,9 +58,14 @@
   .svelte-flow__controls-button:hover {
     background: var(
       --controls-button-background-color-hover-props,
-      var(--controls-button-background-color-hover)
+      var(--controls-button-background-color-hover),
+      var(--controls-button-background-color-hover-default)
+    );
+    color: var(
+      --controls-button-color-hover-props,
+      var(--controls-button-hover-color),
+      var(--controls-button-hover-color-default)
     );
-    color: var(--controls-button-color-hover-props, var(--controls-button-hover-color));
   }
 
   .svelte-flow__controls-button :global(svg) {
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 3a661467d..31e3d6582 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -142,12 +142,28 @@
 
 <style>
   svg {
-    background-color: var(--minimap-background-color-props, var(--minimap-background-color));
+    background-color: var(
+      --minimap-background-color-props,
+      var(--minimap-background-color),
+      var(--minimap-background-color-default)
+    );
   }
 
   .svelte-flow__minimap-mask {
-    fill: var(--minimap-mask-color-props, var(--minimap-mask-color));
-    stroke: var(--minimap-mask-stroke-color-props, var(--minimap-mask-stroke-color));
-    stroke-width: var(--minimap-mask-stroke-width-props, var(--minimap-mask-stroke-width));
+    fill: var(
+      --minimap-mask-color-props,
+      var(--minimap-mask-color),
+      var(--minimap-mask-color-default)
+    );
+    stroke: var(
+      --minimap-mask-stroke-color-props,
+      var(--minimap-mask-stroke-color),
+      var(--minimap-mask-stroke-color-default)
+    );
+    stroke-width: var(
+      --minimap-mask-stroke-width-props,
+      var(--minimap-mask-stroke-width),
+      var(--minimap-mask-stroke-width-default)
+    );
   }
 </style>

From 3af4bf23a41f29270513071e3de3dcf12d39c741 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 29 Jun 2023 12:24:28 +0200
Subject: [PATCH 0119/1093] chore(svelte): use css var defaults

---
 packages/svelte/package.json                   |  2 +-
 .../lib/plugins/Background/DotPattern.svelte   |  3 +--
 .../lib/plugins/Background/LinePattern.svelte  |  3 +--
 .../lib/plugins/Controls/ControlButton.svelte  | 18 ++++++++----------
 .../src/lib/plugins/Minimap/Minimap.svelte     | 12 ++++--------
 5 files changed, 15 insertions(+), 23 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 196fe0e3c..19a7f8485 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/svelte/src/lib/plugins/Background/DotPattern.svelte b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
index c3d2e146a..474e555ce 100644
--- a/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
+++ b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
@@ -9,8 +9,7 @@
   circle {
     fill: var(
       --pattern-color-props,
-      var(--background-pattern-color),
-      var(--background-pattern-color-default)
+      var(--background-pattern-color, var(--background-pattern-color-default))
     );
   }
 </style>
diff --git a/packages/svelte/src/lib/plugins/Background/LinePattern.svelte b/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
index 339eadab0..16d720710 100644
--- a/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
+++ b/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
@@ -14,8 +14,7 @@
   path {
     stroke: var(
       --pattern-color-props,
-      var(--background-pattern-color),
-      var(--background-pattern-color-default)
+      var(--background-pattern-color, var(--background-pattern-color-default))
     );
   }
 </style>
diff --git a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
index 98b444fea..0fd3dc09a 100644
--- a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
@@ -30,19 +30,16 @@
     border: none;
     background: var(
       --controls-button-background-color-props,
-      var(--controls-button-background-color),
-      var(--controls-button-background-color-default)
+      var(--controls-button-background-color, var(--controls-button-background-color-default))
     );
     border-bottom: 1px solid
       var(
         --controls-button-border-color-props,
-        var(--controls-button-border-color),
-        var(--controls-button-border-color-default)
+        var(--controls-button-border-color, var(--controls-button-border-color-default))
       );
     color: var(
       --controls-button-color-props,
-      var(--controls-button-color),
-      var(--controls-button-color-default)
+      var(--controls-button-color, var(--controls-button-color-default))
     );
     box-sizing: content-box;
     display: flex;
@@ -58,13 +55,14 @@
   .svelte-flow__controls-button:hover {
     background: var(
       --controls-button-background-color-hover-props,
-      var(--controls-button-background-color-hover),
-      var(--controls-button-background-color-hover-default)
+      var(
+        --controls-button-background-color-hover,
+        var(--controls-button-background-color-hover-default)
+      )
     );
     color: var(
       --controls-button-color-hover-props,
-      var(--controls-button-hover-color),
-      var(--controls-button-hover-color-default)
+      var(--controls-button-hover-color, var(--controls-button-hover-color-default))
     );
   }
 
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 31e3d6582..fc3676b8b 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -144,26 +144,22 @@
   svg {
     background-color: var(
       --minimap-background-color-props,
-      var(--minimap-background-color),
-      var(--minimap-background-color-default)
+      var(--minimap-background-color, var(--minimap-background-color-default))
     );
   }
 
   .svelte-flow__minimap-mask {
     fill: var(
       --minimap-mask-color-props,
-      var(--minimap-mask-color),
-      var(--minimap-mask-color-default)
+      var(--minimap-mask-color, var(--minimap-mask-color-default))
     );
     stroke: var(
       --minimap-mask-stroke-color-props,
-      var(--minimap-mask-stroke-color),
-      var(--minimap-mask-stroke-color-default)
+      var(--minimap-mask-stroke-color, var(--minimap-mask-stroke-color-default))
     );
     stroke-width: var(
       --minimap-mask-stroke-width-props,
-      var(--minimap-mask-stroke-width),
-      var(--minimap-mask-stroke-width-default)
+      var(--minimap-mask-stroke-width, var(--minimap-mask-stroke-width-default))
     );
   }
 </style>

From 0267485487a846e42ec2fbec3f010098bb794c86 Mon Sep 17 00:00:00 2001
From: Abinadi Cordova <Kinthamen@users.noreply.github.com>
Date: Fri, 4 Aug 2023 16:09:24 -0400
Subject: [PATCH 0120/1093] removed rogue console log

Noticed that I was getting a random log when clicking/dragging nodes with a fresh npm install of @xyflow/svelte. Removing to avoid confusion.
---
 packages/svelte/src/lib/actions/drag/index.ts | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index d0db3da7a..692a17894 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -36,9 +36,6 @@ export default function drag(domNode: Element, params: UseDragParams) {
         updateNodePositions: store.updateNodePositions,
         panBy: store.panBy
       };
-    },
-    onNodeClick: () => {
-      console.log('node click');
     }
   });
 

From 3d8d6b652f02a329d9d5bba1409e7d029045bff6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 14 Aug 2023 15:45:34 +0200
Subject: [PATCH 0121/1093] chore(svelte): update deps

---
 packages/svelte/package.json |   10 +-
 pnpm-lock.yaml               | 5308 ++++++++++++++++++----------------
 2 files changed, 2770 insertions(+), 2548 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 19a7f8485..5b782fc28 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -39,8 +39,8 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^2.1.0",
-    "@sveltejs/kit": "^1.20.5",
-    "@sveltejs/package": "^2.1.0",
+    "@sveltejs/kit": "^1.22.6",
+    "@sveltejs/package": "^2.2.1",
     "@typescript-eslint/eslint-plugin": "^5.60.0",
     "@typescript-eslint/parser": "^5.60.0",
     "eslint": "^8.43.0",
@@ -48,9 +48,9 @@
     "eslint-plugin-svelte": "^2.31.1",
     "prettier": "^2.8.8",
     "prettier-plugin-svelte": "^2.10.1",
-    "svelte": "^4.0.0",
-    "svelte-check": "^3.4.4",
-    "svelte-eslint-parser": "^0.31.0",
+    "svelte": "^4.2.0",
+    "svelte-check": "^3.5.0",
+    "svelte-eslint-parser": "^0.32.2",
     "tslib": "^2.5.3",
     "typescript": "5.1.3",
     "vite": "^4.3.9"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e5d29613c..a9d348e7a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,312 +1,413 @@
-lockfileVersion: 5.4
+lockfileVersion: '6.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
 
 importers:
 
   .:
-    specifiers:
-      '@changesets/changelog-github': ^0.4.7
-      '@changesets/cli': ^2.25.0
-      '@typescript-eslint/eslint-plugin': latest
-      '@typescript-eslint/parser': latest
-      autoprefixer: ^10.4.8
-      concurrently: ^7.6.0
-      eslint: ^8.22.0
-      eslint-config-prettier: ^8.5.0
-      eslint-plugin-prettier: ^4.2.1
-      eslint-plugin-react: latest
-      postcss: ^8.4.21
-      postcss-cli: ^10.1.0
-      postcss-combine-duplicated-selectors: ^10.0.3
-      postcss-import: ^15.1.0
-      postcss-nested: ^6.0.0
-      prettier: ^2.7.1
-      react: ^18.2.0
-      react-dom: ^18.2.0
-      rimraf: ^3.0.2
-      rollup: ^3.23.0
-      turbo: ^1.10.0
-      typescript: 5.1.3
     devDependencies:
-      '@changesets/changelog-github': registry.npmjs.org/@changesets/changelog-github/0.4.8
-      '@changesets/cli': registry.npmjs.org/@changesets/cli/2.26.1
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0_xj5ev3uwennxkmahqnxqanffxm
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u
-      autoprefixer: registry.npmjs.org/autoprefixer/10.4.14_postcss@8.4.24
-      concurrently: registry.npmjs.org/concurrently/7.6.0
-      eslint: registry.npmjs.org/eslint/8.42.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0
-      eslint-plugin-prettier: registry.npmjs.org/eslint-plugin-prettier/4.2.1_vnriwwub2rhvoyn4ckagrc4lpi
-      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.42.0
-      postcss: registry.npmjs.org/postcss/8.4.24
-      postcss-cli: registry.npmjs.org/postcss-cli/10.1.0_postcss@8.4.24
-      postcss-combine-duplicated-selectors: registry.npmjs.org/postcss-combine-duplicated-selectors/10.0.3_postcss@8.4.24
-      postcss-import: registry.npmjs.org/postcss-import/15.1.0_postcss@8.4.24
-      postcss-nested: registry.npmjs.org/postcss-nested/6.0.1_postcss@8.4.24
-      prettier: registry.npmjs.org/prettier/2.8.8
-      react: registry.npmjs.org/react/18.2.0
-      react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
-      rimraf: registry.npmjs.org/rimraf/3.0.2
-      rollup: registry.npmjs.org/rollup/3.25.1
-      turbo: registry.npmjs.org/turbo/1.10.3
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@changesets/changelog-github':
+        specifier: ^0.4.7
+        version: registry.npmjs.org/@changesets/changelog-github@0.4.8
+      '@changesets/cli':
+        specifier: ^2.25.0
+        version: registry.npmjs.org/@changesets/cli@2.26.1
+      '@typescript-eslint/eslint-plugin':
+        specifier: latest
+        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.3.0(@typescript-eslint/parser@6.3.0)(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/parser':
+        specifier: latest
+        version: registry.npmjs.org/@typescript-eslint/parser@6.3.0(eslint@8.42.0)(typescript@5.1.3)
+      autoprefixer:
+        specifier: ^10.4.8
+        version: registry.npmjs.org/autoprefixer@10.4.14(postcss@8.4.24)
+      concurrently:
+        specifier: ^7.6.0
+        version: registry.npmjs.org/concurrently@7.6.0
+      eslint:
+        specifier: ^8.22.0
+        version: registry.npmjs.org/eslint@8.42.0
+      eslint-config-prettier:
+        specifier: ^8.5.0
+        version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.42.0)
+      eslint-plugin-prettier:
+        specifier: ^4.2.1
+        version: registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.42.0)(prettier@2.8.8)
+      eslint-plugin-react:
+        specifier: latest
+        version: registry.npmjs.org/eslint-plugin-react@7.33.1(eslint@8.42.0)
+      postcss:
+        specifier: ^8.4.21
+        version: registry.npmjs.org/postcss@8.4.24
+      postcss-cli:
+        specifier: ^10.1.0
+        version: registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.24)
+      postcss-combine-duplicated-selectors:
+        specifier: ^10.0.3
+        version: registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.24)
+      postcss-import:
+        specifier: ^15.1.0
+        version: registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.24)
+      postcss-nested:
+        specifier: ^6.0.0
+        version: registry.npmjs.org/postcss-nested@6.0.1(postcss@8.4.24)
+      prettier:
+        specifier: ^2.7.1
+        version: registry.npmjs.org/prettier@2.8.8
+      react:
+        specifier: ^18.2.0
+        version: registry.npmjs.org/react@18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+      rimraf:
+        specifier: ^3.0.2
+        version: registry.npmjs.org/rimraf@3.0.2
+      rollup:
+        specifier: ^3.23.0
+        version: registry.npmjs.org/rollup@3.25.1
+      turbo:
+        specifier: ^1.10.0
+        version: registry.npmjs.org/turbo@1.10.3
+      typescript:
+        specifier: 5.1.3
+        version: registry.npmjs.org/typescript@5.1.3
 
   examples/vite-app:
-    specifiers:
-      '@cypress/skip-test': ^2.6.1
-      '@types/dagre': ^0.7.48
-      '@types/react': ^18.0.17
-      '@types/react-dom': ^18.0.6
-      '@vitejs/plugin-react': 4.0.0
-      '@vitejs/plugin-react-swc': ^3.3.2
-      '@xyflow/react': workspace:*
-      classcat: ^5.0.3
-      cypress: 12.14.0
-      cypress-real-events: 1.8.1
-      dagre: ^0.8.5
-      localforage: ^1.10.0
-      react: ^18.2.0
-      react-dom: ^18.2.0
-      react-router-dom: ^6.3.0
-      start-server-and-test: ^1.14.0
-      typescript: 5.1.3
-      vite: 4.3.9
-      zustand: ^4.3.1
-    dependencies:
-      '@xyflow/react': link:../../packages/react
-      classcat: registry.npmjs.org/classcat/5.0.4
-      dagre: registry.npmjs.org/dagre/0.8.5
-      localforage: registry.npmjs.org/localforage/1.10.0
-      react: registry.npmjs.org/react/18.2.0
-      react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
-      react-router-dom: registry.npmjs.org/react-router-dom/6.12.1_biqbaboplfbrettd7655fr4n2y
-      zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
+    dependencies:
+      '@xyflow/react':
+        specifier: workspace:*
+        version: link:../../packages/react
+      classcat:
+        specifier: ^5.0.3
+        version: registry.npmjs.org/classcat@5.0.4
+      dagre:
+        specifier: ^0.8.5
+        version: registry.npmjs.org/dagre@0.8.5
+      localforage:
+        specifier: ^1.10.0
+        version: registry.npmjs.org/localforage@1.10.0
+      react:
+        specifier: ^18.2.0
+        version: registry.npmjs.org/react@18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+      react-router-dom:
+        specifier: ^6.3.0
+        version: registry.npmjs.org/react-router-dom@6.12.1(react-dom@18.2.0)(react@18.2.0)
+      zustand:
+        specifier: ^4.3.1
+        version: registry.npmjs.org/zustand@4.3.8(react@18.2.0)
     devDependencies:
-      '@cypress/skip-test': registry.npmjs.org/@cypress/skip-test/2.6.1
-      '@types/dagre': registry.npmjs.org/@types/dagre/0.7.48
-      '@types/react': registry.npmjs.org/@types/react/18.2.12
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.5
-      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react/4.0.0_vite@4.3.9
-      '@vitejs/plugin-react-swc': registry.npmjs.org/@vitejs/plugin-react-swc/3.3.2_vite@4.3.9
-      cypress: registry.npmjs.org/cypress/12.14.0
-      cypress-real-events: registry.npmjs.org/cypress-real-events/1.8.1_cypress@12.14.0
-      start-server-and-test: registry.npmjs.org/start-server-and-test/1.15.4
-      typescript: registry.npmjs.org/typescript/5.1.3
-      vite: registry.npmjs.org/vite/4.3.9
+      '@cypress/skip-test':
+        specifier: ^2.6.1
+        version: registry.npmjs.org/@cypress/skip-test@2.6.1
+      '@types/dagre':
+        specifier: ^0.7.48
+        version: registry.npmjs.org/@types/dagre@0.7.48
+      '@types/react':
+        specifier: ^18.0.17
+        version: registry.npmjs.org/@types/react@18.2.12
+      '@types/react-dom':
+        specifier: ^18.0.6
+        version: registry.npmjs.org/@types/react-dom@18.2.5
+      '@vitejs/plugin-react':
+        specifier: 4.0.0
+        version: registry.npmjs.org/@vitejs/plugin-react@4.0.0(vite@4.3.9)
+      '@vitejs/plugin-react-swc':
+        specifier: ^3.3.2
+        version: registry.npmjs.org/@vitejs/plugin-react-swc@3.3.2(vite@4.3.9)
+      cypress:
+        specifier: 12.14.0
+        version: registry.npmjs.org/cypress@12.14.0
+      cypress-real-events:
+        specifier: 1.8.1
+        version: registry.npmjs.org/cypress-real-events@1.8.1(cypress@12.14.0)
+      start-server-and-test:
+        specifier: ^1.14.0
+        version: registry.npmjs.org/start-server-and-test@1.15.4
+      typescript:
+        specifier: 5.1.3
+        version: registry.npmjs.org/typescript@5.1.3
+      vite:
+        specifier: 4.3.9
+        version: registry.npmjs.org/vite@4.3.9
 
   packages/react:
-    specifiers:
-      '@types/d3': ^7.4.0
-      '@types/d3-drag': ^3.0.1
-      '@types/d3-selection': ^3.0.3
-      '@types/d3-zoom': ^3.0.1
-      '@types/node': ^18.7.16
-      '@types/react': '>=17'
-      '@types/react-dom': '>=17'
-      '@xyflow/eslint-config': workspace:*
-      '@xyflow/rollup-config': workspace:*
-      '@xyflow/system': workspace:*
-      '@xyflow/tsconfig': workspace:*
-      classcat: ^5.0.3
-      d3-drag: ^3.0.0
-      d3-selection: ^3.0.0
-      d3-zoom: ^3.0.0
-      react: ^18.2.0
-      typescript: 5.1.3
-      zustand: ^4.3.3
-    dependencies:
-      '@types/d3': registry.npmjs.org/@types/d3/7.4.0
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
-      '@xyflow/system': link:../system
-      classcat: registry.npmjs.org/classcat/5.0.4
-      d3-drag: registry.npmjs.org/d3-drag/3.0.0
-      d3-selection: registry.npmjs.org/d3-selection/3.0.0
-      d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
-      zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
+    dependencies:
+      '@types/d3':
+        specifier: ^7.4.0
+        version: registry.npmjs.org/@types/d3@7.4.0
+      '@types/d3-drag':
+        specifier: ^3.0.1
+        version: registry.npmjs.org/@types/d3-drag@3.0.2
+      '@types/d3-selection':
+        specifier: ^3.0.3
+        version: registry.npmjs.org/@types/d3-selection@3.0.5
+      '@types/d3-zoom':
+        specifier: ^3.0.1
+        version: registry.npmjs.org/@types/d3-zoom@3.0.3
+      '@xyflow/system':
+        specifier: workspace:*
+        version: link:../system
+      classcat:
+        specifier: ^5.0.3
+        version: registry.npmjs.org/classcat@5.0.4
+      d3-drag:
+        specifier: ^3.0.0
+        version: registry.npmjs.org/d3-drag@3.0.0
+      d3-selection:
+        specifier: ^3.0.0
+        version: registry.npmjs.org/d3-selection@3.0.0
+      d3-zoom:
+        specifier: ^3.0.0
+        version: registry.npmjs.org/d3-zoom@3.0.0
+      react-dom:
+        specifier: '>=17'
+        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+      zustand:
+        specifier: ^4.3.3
+        version: registry.npmjs.org/zustand@4.3.8(react@18.2.0)
     devDependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.16.18
-      '@types/react': registry.npmjs.org/@types/react/18.2.12
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.5
-      '@xyflow/eslint-config': link:../../tooling/eslint-config
-      '@xyflow/rollup-config': link:../../tooling/rollup-config
-      '@xyflow/tsconfig': link:../../tooling/tsconfig
-      react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@types/node':
+        specifier: ^18.7.16
+        version: registry.npmjs.org/@types/node@18.16.18
+      '@types/react':
+        specifier: '>=17'
+        version: registry.npmjs.org/@types/react@18.2.12
+      '@types/react-dom':
+        specifier: '>=17'
+        version: registry.npmjs.org/@types/react-dom@18.2.5
+      '@xyflow/eslint-config':
+        specifier: workspace:*
+        version: link:../../tooling/eslint-config
+      '@xyflow/rollup-config':
+        specifier: workspace:*
+        version: link:../../tooling/rollup-config
+      '@xyflow/tsconfig':
+        specifier: workspace:*
+        version: link:../../tooling/tsconfig
+      react:
+        specifier: ^18.2.0
+        version: registry.npmjs.org/react@18.2.0
+      typescript:
+        specifier: 5.1.3
+        version: registry.npmjs.org/typescript@5.1.3
 
   packages/svelte:
-    specifiers:
-      '@svelte-put/shortcut': ^2.0.0
-      '@sveltejs/adapter-auto': ^2.1.0
-      '@sveltejs/kit': ^1.20.5
-      '@sveltejs/package': ^2.1.0
-      '@typescript-eslint/eslint-plugin': ^5.60.0
-      '@typescript-eslint/parser': ^5.60.0
-      '@xyflow/system': workspace:*
-      classcat: ^5.0.4
-      eslint: ^8.43.0
-      eslint-config-prettier: ^8.8.0
-      eslint-plugin-svelte: ^2.31.1
-      prettier: ^2.8.8
-      prettier-plugin-svelte: ^2.10.1
-      svelte: ^4.0.0
-      svelte-check: ^3.4.4
-      svelte-eslint-parser: ^0.31.0
-      tslib: ^2.5.3
-      typescript: 5.1.3
-      vite: ^4.3.9
-    dependencies:
-      '@svelte-put/shortcut': registry.npmjs.org/@svelte-put/shortcut/2.0.0
-      '@xyflow/system': link:../system
-      classcat: registry.npmjs.org/classcat/5.0.4
+    dependencies:
+      '@svelte-put/shortcut':
+        specifier: ^2.0.0
+        version: registry.npmjs.org/@svelte-put/shortcut@2.0.0
+      '@xyflow/system':
+        specifier: workspace:*
+        version: link:../system
+      classcat:
+        specifier: ^5.0.4
+        version: registry.npmjs.org/classcat@5.0.4
     devDependencies:
-      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.5
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.5_svelte@4.0.0+vite@4.3.9
-      '@sveltejs/package': registry.npmjs.org/@sveltejs/package/2.1.0_rydvusnd4biuws73vnz24j3wlu
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0_6yzi2ymi2jevhjfd3hf6w262e4
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.60.0_7yfldhli4vs6yywnkyiujhawka
-      eslint: registry.npmjs.org/eslint/8.43.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.43.0
-      eslint-plugin-svelte: registry.npmjs.org/eslint-plugin-svelte/2.31.1_eslint@8.43.0+svelte@4.0.0
-      prettier: registry.npmjs.org/prettier/2.8.8
-      prettier-plugin-svelte: registry.npmjs.org/prettier-plugin-svelte/2.10.1_qjnzte5rqd6zd6el5wewwu2zei
-      svelte: registry.npmjs.org/svelte/4.0.0
-      svelte-check: registry.npmjs.org/svelte-check/3.4.4_svelte@4.0.0
-      svelte-eslint-parser: registry.npmjs.org/svelte-eslint-parser/0.31.0_svelte@4.0.0
-      tslib: registry.npmjs.org/tslib/2.5.3
-      typescript: registry.npmjs.org/typescript/5.1.3
-      vite: registry.npmjs.org/vite/4.3.9
+      '@sveltejs/adapter-auto':
+        specifier: ^2.1.0
+        version: registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6)
+      '@sveltejs/kit':
+        specifier: ^1.22.6
+        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.3.9)
+      '@sveltejs/package':
+        specifier: ^2.2.1
+        version: registry.npmjs.org/@sveltejs/package@2.2.1(svelte@4.2.0)(typescript@5.1.3)
+      '@typescript-eslint/eslint-plugin':
+        specifier: ^5.60.0
+        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/parser':
+        specifier: ^5.60.0
+        version: registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      eslint:
+        specifier: ^8.43.0
+        version: registry.npmjs.org/eslint@8.43.0
+      eslint-config-prettier:
+        specifier: ^8.8.0
+        version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0)
+      eslint-plugin-svelte:
+        specifier: ^2.31.1
+        version: registry.npmjs.org/eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.0)
+      prettier:
+        specifier: ^2.8.8
+        version: registry.npmjs.org/prettier@2.8.8
+      prettier-plugin-svelte:
+        specifier: ^2.10.1
+        version: registry.npmjs.org/prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.2.0)
+      svelte:
+        specifier: ^4.2.0
+        version: registry.npmjs.org/svelte@4.2.0
+      svelte-check:
+        specifier: ^3.5.0
+        version: registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.24)(svelte@4.2.0)
+      svelte-eslint-parser:
+        specifier: ^0.32.2
+        version: registry.npmjs.org/svelte-eslint-parser@0.32.2(svelte@4.2.0)
+      tslib:
+        specifier: ^2.5.3
+        version: registry.npmjs.org/tslib@2.5.3
+      typescript:
+        specifier: 5.1.3
+        version: registry.npmjs.org/typescript@5.1.3
+      vite:
+        specifier: ^4.3.9
+        version: registry.npmjs.org/vite@4.3.9
 
   packages/system:
-    specifiers:
-      '@types/d3': ^7.4.0
-      '@types/d3-drag': ^3.0.1
-      '@types/d3-selection': ^3.0.3
-      '@types/d3-zoom': ^3.0.1
-      '@types/node': ^18.7.16
-      '@xyflow/eslint-config': workspace:*
-      '@xyflow/rollup-config': workspace:*
-      '@xyflow/tsconfig': workspace:*
-      d3-drag: ^3.0.0
-      d3-selection: ^3.0.0
-      d3-zoom: ^3.0.0
-      typescript: 5.1.3
-    dependencies:
-      '@types/d3': registry.npmjs.org/@types/d3/7.4.0
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
-      d3-drag: registry.npmjs.org/d3-drag/3.0.0
-      d3-selection: registry.npmjs.org/d3-selection/3.0.0
-      d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
+    dependencies:
+      '@types/d3':
+        specifier: ^7.4.0
+        version: registry.npmjs.org/@types/d3@7.4.0
+      '@types/d3-drag':
+        specifier: ^3.0.1
+        version: registry.npmjs.org/@types/d3-drag@3.0.2
+      '@types/d3-selection':
+        specifier: ^3.0.3
+        version: registry.npmjs.org/@types/d3-selection@3.0.5
+      '@types/d3-zoom':
+        specifier: ^3.0.1
+        version: registry.npmjs.org/@types/d3-zoom@3.0.3
+      d3-drag:
+        specifier: ^3.0.0
+        version: registry.npmjs.org/d3-drag@3.0.0
+      d3-selection:
+        specifier: ^3.0.0
+        version: registry.npmjs.org/d3-selection@3.0.0
+      d3-zoom:
+        specifier: ^3.0.0
+        version: registry.npmjs.org/d3-zoom@3.0.0
     devDependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.16.18
-      '@xyflow/eslint-config': link:../../tooling/eslint-config
-      '@xyflow/rollup-config': link:../../tooling/rollup-config
-      '@xyflow/tsconfig': link:../../tooling/tsconfig
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@types/node':
+        specifier: ^18.7.16
+        version: registry.npmjs.org/@types/node@18.16.18
+      '@xyflow/eslint-config':
+        specifier: workspace:*
+        version: link:../../tooling/eslint-config
+      '@xyflow/rollup-config':
+        specifier: workspace:*
+        version: link:../../tooling/rollup-config
+      '@xyflow/tsconfig':
+        specifier: workspace:*
+        version: link:../../tooling/tsconfig
+      typescript:
+        specifier: 5.1.3
+        version: registry.npmjs.org/typescript@5.1.3
 
   tooling/eslint-config:
-    specifiers:
-      eslint: ^8.22.0
-      eslint-config-prettier: ^8.5.0
-      eslint-config-turbo: latest
-      eslint-plugin-react: latest
     devDependencies:
-      eslint: registry.npmjs.org/eslint/8.42.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0
-      eslint-config-turbo: registry.npmjs.org/eslint-config-turbo/1.10.6_eslint@8.42.0
-      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.42.0
+      eslint:
+        specifier: ^8.22.0
+        version: registry.npmjs.org/eslint@8.42.0
+      eslint-config-prettier:
+        specifier: ^8.5.0
+        version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.42.0)
+      eslint-config-turbo:
+        specifier: latest
+        version: registry.npmjs.org/eslint-config-turbo@1.10.6(eslint@8.42.0)
+      eslint-plugin-react:
+        specifier: latest
+        version: registry.npmjs.org/eslint-plugin-react@7.33.1(eslint@8.42.0)
 
   tooling/rollup-config:
-    specifiers:
-      '@rollup/plugin-commonjs': ^25.0.0
-      '@rollup/plugin-node-resolve': ^15.1.0
-      '@rollup/plugin-replace': ^5.0.2
-      '@rollup/plugin-terser': ^0.4.3
-      '@rollup/plugin-typescript': 11.0.0
-      rollup: ^3.23.0
-      rollup-plugin-peer-deps-external: ^2.2.4
-      typescript: ^4.9.4
     devDependencies:
-      '@rollup/plugin-commonjs': registry.npmjs.org/@rollup/plugin-commonjs/25.0.1_rollup@3.25.1
-      '@rollup/plugin-node-resolve': registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0_rollup@3.25.1
-      '@rollup/plugin-replace': registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.25.1
-      '@rollup/plugin-terser': registry.npmjs.org/@rollup/plugin-terser/0.4.3_rollup@3.25.1
-      '@rollup/plugin-typescript': registry.npmjs.org/@rollup/plugin-typescript/11.0.0_kiy5yv7g7dmpxbgwdlsemwipi4
-      rollup: registry.npmjs.org/rollup/3.25.1
-      rollup-plugin-peer-deps-external: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.25.1
-      typescript: registry.npmjs.org/typescript/4.9.5
-
-  tooling/tsconfig:
-    specifiers: {}
+      '@rollup/plugin-commonjs':
+        specifier: ^25.0.0
+        version: registry.npmjs.org/@rollup/plugin-commonjs@25.0.1(rollup@3.25.1)
+      '@rollup/plugin-node-resolve':
+        specifier: ^15.1.0
+        version: registry.npmjs.org/@rollup/plugin-node-resolve@15.1.0(rollup@3.25.1)
+      '@rollup/plugin-replace':
+        specifier: ^5.0.2
+        version: registry.npmjs.org/@rollup/plugin-replace@5.0.2(rollup@3.25.1)
+      '@rollup/plugin-terser':
+        specifier: ^0.4.3
+        version: registry.npmjs.org/@rollup/plugin-terser@0.4.3(rollup@3.25.1)
+      '@rollup/plugin-typescript':
+        specifier: 11.0.0
+        version: registry.npmjs.org/@rollup/plugin-typescript@11.0.0(rollup@3.25.1)(typescript@4.9.5)
+      rollup:
+        specifier: ^3.23.0
+        version: registry.npmjs.org/rollup@3.25.1
+      rollup-plugin-peer-deps-external:
+        specifier: ^2.2.4
+        version: registry.npmjs.org/rollup-plugin-peer-deps-external@2.2.4(rollup@3.25.1)
+      typescript:
+        specifier: ^4.9.4
+        version: registry.npmjs.org/typescript@4.9.5
+
+  tooling/tsconfig: {}
 
 packages:
 
-  registry.npmjs.org/@ampproject/remapping/2.2.1:
+  registry.npmjs.org/@ampproject/remapping@2.2.1:
     resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz}
     name: '@ampproject/remapping'
     version: 2.2.1
     engines: {node: '>=6.0.0'}
     dependencies:
-      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping/0.3.3
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
+      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
     dev: true
 
-  registry.npmjs.org/@babel/code-frame/7.22.5:
+  registry.npmjs.org/@babel/code-frame@7.22.5:
     resolution: {integrity: sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.5.tgz}
     name: '@babel/code-frame'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/highlight': registry.npmjs.org/@babel/highlight/7.22.5
+      '@babel/highlight': registry.npmjs.org/@babel/highlight@7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/compat-data/7.22.5:
+  registry.npmjs.org/@babel/compat-data@7.22.5:
     resolution: {integrity: sha512-4Jc/YuIaYqKnDDz892kPIledykKg12Aw1PYX5i/TY28anJtacvM1Rrr8wbieB9GfEJwlzqT0hUEao0CxEebiDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.5.tgz}
     name: '@babel/compat-data'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/core/7.22.5:
+  registry.npmjs.org/@babel/core@7.22.5:
     resolution: {integrity: sha512-SBuTAjg91A3eKOvD+bPEz3LlhHZRNu1nFOVts9lzDJTXshHTjII0BAtDS3Y2DAkdZdDKWVZGVwkDfc4Clxn1dg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.22.5.tgz}
     name: '@babel/core'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping/2.2.1
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.22.5
-      '@babel/generator': registry.npmjs.org/@babel/generator/7.22.5
-      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets/7.22.5_@babel+core@7.22.5
-      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms/7.22.5
-      '@babel/helpers': registry.npmjs.org/@babel/helpers/7.22.5
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.22.5
-      '@babel/template': registry.npmjs.org/@babel/template/7.22.5
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.22.5
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
-      convert-source-map: registry.npmjs.org/convert-source-map/1.9.0
-      debug: registry.npmjs.org/debug/4.3.4
-      gensync: registry.npmjs.org/gensync/1.0.0-beta.2
-      json5: registry.npmjs.org/json5/2.2.3
-      semver: registry.npmjs.org/semver/6.3.0
+      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping@2.2.1
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.5
+      '@babel/generator': registry.npmjs.org/@babel/generator@7.22.5
+      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets@7.22.5(@babel/core@7.22.5)
+      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms@7.22.5
+      '@babel/helpers': registry.npmjs.org/@babel/helpers@7.22.5
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.22.5
+      '@babel/template': registry.npmjs.org/@babel/template@7.22.5
+      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.5
+      convert-source-map: registry.npmjs.org/convert-source-map@1.9.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      gensync: registry.npmjs.org/gensync@1.0.0-beta.2
+      json5: registry.npmjs.org/json5@2.2.3
+      semver: registry.npmjs.org/semver@6.3.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/generator/7.22.5:
+  registry.npmjs.org/@babel/generator@7.22.5:
     resolution: {integrity: sha512-+lcUbnTRhd0jOewtFSedLyiPsD5tswKkbgcezOqqWFUVNEwoUTlpPOBmvhG7OXWLR4jMdv0czPGH5XbflnD1EA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.22.5.tgz}
     name: '@babel/generator'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
-      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping/0.3.3
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
-      jsesc: registry.npmjs.org/jsesc/2.5.2
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.5
+      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
+      jsesc: registry.npmjs.org/jsesc@2.5.2
     dev: true
 
-  registry.npmjs.org/@babel/helper-compilation-targets/7.22.5_@babel+core@7.22.5:
+  registry.npmjs.org/@babel/helper-compilation-targets@7.22.5(@babel/core@7.22.5):
     resolution: {integrity: sha512-Ji+ywpHeuqxB8WDxraCiqR0xfhYjiDE/e6k7FuIaANnoOFxAHskHChz4vA1mJC9Lbm01s1PVAGhQY4FUKSkGZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.5.tgz}
     id: registry.npmjs.org/@babel/helper-compilation-targets/7.22.5
     name: '@babel/helper-compilation-targets'
@@ -315,148 +416,148 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/compat-data': registry.npmjs.org/@babel/compat-data/7.22.5
-      '@babel/core': registry.npmjs.org/@babel/core/7.22.5
-      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option/7.22.5
-      browserslist: registry.npmjs.org/browserslist/4.21.8
-      lru-cache: registry.npmjs.org/lru-cache/5.1.1
-      semver: registry.npmjs.org/semver/6.3.0
+      '@babel/compat-data': registry.npmjs.org/@babel/compat-data@7.22.5
+      '@babel/core': registry.npmjs.org/@babel/core@7.22.5
+      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option@7.22.5
+      browserslist: registry.npmjs.org/browserslist@4.21.8
+      lru-cache: registry.npmjs.org/lru-cache@5.1.1
+      semver: registry.npmjs.org/semver@6.3.0
     dev: true
 
-  registry.npmjs.org/@babel/helper-environment-visitor/7.22.5:
+  registry.npmjs.org/@babel/helper-environment-visitor@7.22.5:
     resolution: {integrity: sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz}
     name: '@babel/helper-environment-visitor'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-function-name/7.22.5:
+  registry.npmjs.org/@babel/helper-function-name@7.22.5:
     resolution: {integrity: sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz}
     name: '@babel/helper-function-name'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/template': registry.npmjs.org/@babel/template/7.22.5
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/template': registry.npmjs.org/@babel/template@7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/helper-hoist-variables/7.22.5:
+  registry.npmjs.org/@babel/helper-hoist-variables@7.22.5:
     resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz}
     name: '@babel/helper-hoist-variables'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/helper-module-imports/7.22.5:
+  registry.npmjs.org/@babel/helper-module-imports@7.22.5:
     resolution: {integrity: sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz}
     name: '@babel/helper-module-imports'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/helper-module-transforms/7.22.5:
+  registry.npmjs.org/@babel/helper-module-transforms@7.22.5:
     resolution: {integrity: sha512-+hGKDt/Ze8GFExiVHno/2dvG5IdstpzCq0y4Qc9OJ25D4q3pKfiIP/4Vp3/JvhDkLKsDK2api3q3fpIgiIF5bw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.5.tgz}
     name: '@babel/helper-module-transforms'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.22.5
-      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports/7.22.5
-      '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access/7.22.5
-      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration/7.22.5
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.22.5
-      '@babel/template': registry.npmjs.org/@babel/template/7.22.5
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.22.5
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor@7.22.5
+      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports@7.22.5
+      '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access@7.22.5
+      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration@7.22.5
+      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.5
+      '@babel/template': registry.npmjs.org/@babel/template@7.22.5
+      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/helper-plugin-utils/7.22.5:
+  registry.npmjs.org/@babel/helper-plugin-utils@7.22.5:
     resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz}
     name: '@babel/helper-plugin-utils'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-simple-access/7.22.5:
+  registry.npmjs.org/@babel/helper-simple-access@7.22.5:
     resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz}
     name: '@babel/helper-simple-access'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/helper-split-export-declaration/7.22.5:
+  registry.npmjs.org/@babel/helper-split-export-declaration@7.22.5:
     resolution: {integrity: sha512-thqK5QFghPKWLhAV321lxF95yCg2K3Ob5yw+M3VHWfdia0IkPXUtoLH8x/6Fh486QUvzhb8YOWHChTVen2/PoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.5.tgz}
     name: '@babel/helper-split-export-declaration'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/helper-string-parser/7.22.5:
+  registry.npmjs.org/@babel/helper-string-parser@7.22.5:
     resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz}
     name: '@babel/helper-string-parser'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-validator-identifier/7.22.5:
+  registry.npmjs.org/@babel/helper-validator-identifier@7.22.5:
     resolution: {integrity: sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz}
     name: '@babel/helper-validator-identifier'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-validator-option/7.22.5:
+  registry.npmjs.org/@babel/helper-validator-option@7.22.5:
     resolution: {integrity: sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz}
     name: '@babel/helper-validator-option'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helpers/7.22.5:
+  registry.npmjs.org/@babel/helpers@7.22.5:
     resolution: {integrity: sha512-pSXRmfE1vzcUIDFQcSGA5Mr+GxBV9oiRKDuDxXvWQQBCh8HoIjs/2DlDB7H8smac1IVrB9/xdXj2N3Wol9Cr+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.5.tgz}
     name: '@babel/helpers'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/template': registry.npmjs.org/@babel/template/7.22.5
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.22.5
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/template': registry.npmjs.org/@babel/template@7.22.5
+      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/highlight/7.22.5:
+  registry.npmjs.org/@babel/highlight@7.22.5:
     resolution: {integrity: sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.5.tgz}
     name: '@babel/highlight'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.22.5
-      chalk: registry.npmjs.org/chalk/2.4.2
-      js-tokens: registry.npmjs.org/js-tokens/4.0.0
+      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.5
+      chalk: registry.npmjs.org/chalk@2.4.2
+      js-tokens: registry.npmjs.org/js-tokens@4.0.0
     dev: true
 
-  registry.npmjs.org/@babel/parser/7.22.5:
+  registry.npmjs.org/@babel/parser@7.22.5:
     resolution: {integrity: sha512-DFZMC9LJUG9PLOclRC32G63UXwzqS2koQC8dkx+PLdmt1xSePYpbT/NbsrJy8Q/muXz7o/h/d4A7Fuyixm559Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.22.5.tgz}
     name: '@babel/parser'
     version: 7.22.5
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.22.5_@babel+core@7.22.5:
+  registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.22.5):
     resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz}
     id: registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.22.5
     name: '@babel/plugin-transform-react-jsx-self'
@@ -465,11 +566,11 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.22.5
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.22.5
+      '@babel/core': registry.npmjs.org/@babel/core@7.22.5
+      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.22.5_@babel+core@7.22.5:
+  registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.22.5):
     resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz}
     id: registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.22.5
     name: '@babel/plugin-transform-react-jsx-source'
@@ -478,303 +579,303 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.22.5
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.22.5
+      '@babel/core': registry.npmjs.org/@babel/core@7.22.5
+      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/runtime/7.22.5:
+  registry.npmjs.org/@babel/runtime@7.22.5:
     resolution: {integrity: sha512-ecjvYlnAaZ/KVneE/OdKYBYfgXV3Ptu6zQWmgEF7vwKhQnvVS6bjMD2XYgj+SNvQ1GfK/pjgokfPkC/2CO8CuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.5.tgz}
     name: '@babel/runtime'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      regenerator-runtime: registry.npmjs.org/regenerator-runtime/0.13.11
+      regenerator-runtime: registry.npmjs.org/regenerator-runtime@0.13.11
     dev: true
 
-  registry.npmjs.org/@babel/template/7.22.5:
+  registry.npmjs.org/@babel/template@7.22.5:
     resolution: {integrity: sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/template/-/template-7.22.5.tgz}
     name: '@babel/template'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.22.5
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.22.5
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.5
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/traverse/7.22.5:
+  registry.npmjs.org/@babel/traverse@7.22.5:
     resolution: {integrity: sha512-7DuIjPgERaNo6r+PZwItpjCZEa5vyw4eJGufeLxrPdBXBoLcCJCIasvK6pK/9DVNrLZTLFhUGqaC6X/PA007TQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.5.tgz}
     name: '@babel/traverse'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.22.5
-      '@babel/generator': registry.npmjs.org/@babel/generator/7.22.5
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.22.5
-      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name/7.22.5
-      '@babel/helper-hoist-variables': registry.npmjs.org/@babel/helper-hoist-variables/7.22.5
-      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration/7.22.5
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.22.5
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
-      debug: registry.npmjs.org/debug/4.3.4
-      globals: registry.npmjs.org/globals/11.12.0
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.5
+      '@babel/generator': registry.npmjs.org/@babel/generator@7.22.5
+      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor@7.22.5
+      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name@7.22.5
+      '@babel/helper-hoist-variables': registry.npmjs.org/@babel/helper-hoist-variables@7.22.5
+      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration@7.22.5
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.5
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      globals: registry.npmjs.org/globals@11.12.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/types/7.22.5:
+  registry.npmjs.org/@babel/types@7.22.5:
     resolution: {integrity: sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.22.5.tgz}
     name: '@babel/types'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser/7.22.5
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.22.5
-      to-fast-properties: registry.npmjs.org/to-fast-properties/2.0.0
+      '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser@7.22.5
+      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.5
+      to-fast-properties: registry.npmjs.org/to-fast-properties@2.0.0
     dev: true
 
-  registry.npmjs.org/@changesets/apply-release-plan/6.1.3:
+  registry.npmjs.org/@changesets/apply-release-plan@6.1.3:
     resolution: {integrity: sha512-ECDNeoc3nfeAe1jqJb5aFQX7CqzQhD2klXRez2JDb/aVpGUbX673HgKrnrgJRuQR/9f2TtLoYIzrGB9qwD77mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-6.1.3.tgz}
     name: '@changesets/apply-release-plan'
     version: 6.1.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/config': registry.npmjs.org/@changesets/config/2.3.0
-      '@changesets/get-version-range-type': registry.npmjs.org/@changesets/get-version-range-type/0.3.2
-      '@changesets/git': registry.npmjs.org/@changesets/git/2.0.0
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
-      detect-indent: registry.npmjs.org/detect-indent/6.1.0
-      fs-extra: registry.npmjs.org/fs-extra/7.0.1
-      lodash.startcase: registry.npmjs.org/lodash.startcase/4.4.0
-      outdent: registry.npmjs.org/outdent/0.5.0
-      prettier: registry.npmjs.org/prettier/2.8.8
-      resolve-from: registry.npmjs.org/resolve-from/5.0.0
-      semver: registry.npmjs.org/semver/5.7.1
-    dev: true
-
-  registry.npmjs.org/@changesets/assemble-release-plan/5.2.3:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.0
+      '@changesets/get-version-range-type': registry.npmjs.org/@changesets/get-version-range-type@0.3.2
+      '@changesets/git': registry.npmjs.org/@changesets/git@2.0.0
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      detect-indent: registry.npmjs.org/detect-indent@6.1.0
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      lodash.startcase: registry.npmjs.org/lodash.startcase@4.4.0
+      outdent: registry.npmjs.org/outdent@0.5.0
+      prettier: registry.npmjs.org/prettier@2.8.8
+      resolve-from: registry.npmjs.org/resolve-from@5.0.0
+      semver: registry.npmjs.org/semver@5.7.1
+    dev: true
+
+  registry.npmjs.org/@changesets/assemble-release-plan@5.2.3:
     resolution: {integrity: sha512-g7EVZCmnWz3zMBAdrcKhid4hkHT+Ft1n0mLussFMcB1dE2zCuwcvGoy9ec3yOgPGF4hoMtgHaMIk3T3TBdvU9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/assemble-release-plan/-/assemble-release-plan-5.2.3.tgz}
     name: '@changesets/assemble-release-plan'
     version: 5.2.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.5
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
-      semver: registry.npmjs.org/semver/5.7.1
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.5
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      semver: registry.npmjs.org/semver@5.7.1
     dev: true
 
-  registry.npmjs.org/@changesets/changelog-git/0.1.14:
+  registry.npmjs.org/@changesets/changelog-git@0.1.14:
     resolution: {integrity: sha512-+vRfnKtXVWsDDxGctOfzJsPhaCdXRYoe+KyWYoq5X/GqoISREiat0l3L8B0a453B2B4dfHGcZaGyowHbp9BSaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-git/-/changelog-git-0.1.14.tgz}
     name: '@changesets/changelog-git'
     version: 0.1.14
     dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
     dev: true
 
-  registry.npmjs.org/@changesets/changelog-github/0.4.8:
+  registry.npmjs.org/@changesets/changelog-github@0.4.8:
     resolution: {integrity: sha512-jR1DHibkMAb5v/8ym77E4AMNWZKB5NPzw5a5Wtqm1JepAuIF+hrKp2u04NKM14oBZhHglkCfrla9uq8ORnK/dw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-github/-/changelog-github-0.4.8.tgz}
     name: '@changesets/changelog-github'
     version: 0.4.8
     dependencies:
-      '@changesets/get-github-info': registry.npmjs.org/@changesets/get-github-info/0.5.2
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      dotenv: registry.npmjs.org/dotenv/8.6.0
+      '@changesets/get-github-info': registry.npmjs.org/@changesets/get-github-info@0.5.2
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      dotenv: registry.npmjs.org/dotenv@8.6.0
     transitivePeerDependencies:
       - encoding
     dev: true
 
-  registry.npmjs.org/@changesets/cli/2.26.1:
+  registry.npmjs.org/@changesets/cli@2.26.1:
     resolution: {integrity: sha512-XnTa+b51vt057fyAudvDKGB0Sh72xutQZNAdXkCqPBKO2zvs2yYZx5hFZj1u9cbtpwM6Sxtcr02/FQJfZOzemQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/cli/-/cli-2.26.1.tgz}
     name: '@changesets/cli'
     version: 2.26.1
     hasBin: true
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/apply-release-plan': registry.npmjs.org/@changesets/apply-release-plan/6.1.3
-      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan/5.2.3
-      '@changesets/changelog-git': registry.npmjs.org/@changesets/changelog-git/0.1.14
-      '@changesets/config': registry.npmjs.org/@changesets/config/2.3.0
-      '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.5
-      '@changesets/get-release-plan': registry.npmjs.org/@changesets/get-release-plan/3.0.16
-      '@changesets/git': registry.npmjs.org/@changesets/git/2.0.0
-      '@changesets/logger': registry.npmjs.org/@changesets/logger/0.0.5
-      '@changesets/pre': registry.npmjs.org/@changesets/pre/1.0.14
-      '@changesets/read': registry.npmjs.org/@changesets/read/0.5.9
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      '@changesets/write': registry.npmjs.org/@changesets/write/0.2.3
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
-      '@types/is-ci': registry.npmjs.org/@types/is-ci/3.0.0
-      '@types/semver': registry.npmjs.org/@types/semver/6.2.3
-      ansi-colors: registry.npmjs.org/ansi-colors/4.1.3
-      chalk: registry.npmjs.org/chalk/2.4.2
-      enquirer: registry.npmjs.org/enquirer/2.3.6
-      external-editor: registry.npmjs.org/external-editor/3.1.0
-      fs-extra: registry.npmjs.org/fs-extra/7.0.1
-      human-id: registry.npmjs.org/human-id/1.0.2
-      is-ci: registry.npmjs.org/is-ci/3.0.1
-      meow: registry.npmjs.org/meow/6.1.1
-      outdent: registry.npmjs.org/outdent/0.5.0
-      p-limit: registry.npmjs.org/p-limit/2.3.0
-      preferred-pm: registry.npmjs.org/preferred-pm/3.0.3
-      resolve-from: registry.npmjs.org/resolve-from/5.0.0
-      semver: registry.npmjs.org/semver/5.7.1
-      spawndamnit: registry.npmjs.org/spawndamnit/2.0.0
-      term-size: registry.npmjs.org/term-size/2.2.1
-      tty-table: registry.npmjs.org/tty-table/4.2.1
-    dev: true
-
-  registry.npmjs.org/@changesets/config/2.3.0:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/apply-release-plan': registry.npmjs.org/@changesets/apply-release-plan@6.1.3
+      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan@5.2.3
+      '@changesets/changelog-git': registry.npmjs.org/@changesets/changelog-git@0.1.14
+      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.0
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.5
+      '@changesets/get-release-plan': registry.npmjs.org/@changesets/get-release-plan@3.0.16
+      '@changesets/git': registry.npmjs.org/@changesets/git@2.0.0
+      '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
+      '@changesets/pre': registry.npmjs.org/@changesets/pre@1.0.14
+      '@changesets/read': registry.npmjs.org/@changesets/read@0.5.9
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@changesets/write': registry.npmjs.org/@changesets/write@0.2.3
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      '@types/is-ci': registry.npmjs.org/@types/is-ci@3.0.0
+      '@types/semver': registry.npmjs.org/@types/semver@6.2.3
+      ansi-colors: registry.npmjs.org/ansi-colors@4.1.3
+      chalk: registry.npmjs.org/chalk@2.4.2
+      enquirer: registry.npmjs.org/enquirer@2.3.6
+      external-editor: registry.npmjs.org/external-editor@3.1.0
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      human-id: registry.npmjs.org/human-id@1.0.2
+      is-ci: registry.npmjs.org/is-ci@3.0.1
+      meow: registry.npmjs.org/meow@6.1.1
+      outdent: registry.npmjs.org/outdent@0.5.0
+      p-limit: registry.npmjs.org/p-limit@2.3.0
+      preferred-pm: registry.npmjs.org/preferred-pm@3.0.3
+      resolve-from: registry.npmjs.org/resolve-from@5.0.0
+      semver: registry.npmjs.org/semver@5.7.1
+      spawndamnit: registry.npmjs.org/spawndamnit@2.0.0
+      term-size: registry.npmjs.org/term-size@2.2.1
+      tty-table: registry.npmjs.org/tty-table@4.2.1
+    dev: true
+
+  registry.npmjs.org/@changesets/config@2.3.0:
     resolution: {integrity: sha512-EgP/px6mhCx8QeaMAvWtRrgyxW08k/Bx2tpGT+M84jEdX37v3VKfh4Cz1BkwrYKuMV2HZKeHOh8sHvja/HcXfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/config/-/config-2.3.0.tgz}
     name: '@changesets/config'
     version: 2.3.0
     dependencies:
-      '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.5
-      '@changesets/logger': registry.npmjs.org/@changesets/logger/0.0.5
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
-      fs-extra: registry.npmjs.org/fs-extra/7.0.1
-      micromatch: registry.npmjs.org/micromatch/4.0.5
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.5
+      '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      micromatch: registry.npmjs.org/micromatch@4.0.5
     dev: true
 
-  registry.npmjs.org/@changesets/errors/0.1.4:
+  registry.npmjs.org/@changesets/errors@0.1.4:
     resolution: {integrity: sha512-HAcqPF7snsUJ/QzkWoKfRfXushHTu+K5KZLJWPb34s4eCZShIf8BFO3fwq6KU8+G7L5KdtN2BzQAXOSXEyiY9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/errors/-/errors-0.1.4.tgz}
     name: '@changesets/errors'
     version: 0.1.4
     dependencies:
-      extendable-error: registry.npmjs.org/extendable-error/0.1.7
+      extendable-error: registry.npmjs.org/extendable-error@0.1.7
     dev: true
 
-  registry.npmjs.org/@changesets/get-dependents-graph/1.3.5:
+  registry.npmjs.org/@changesets/get-dependents-graph@1.3.5:
     resolution: {integrity: sha512-w1eEvnWlbVDIY8mWXqWuYE9oKhvIaBhzqzo4ITSJY9hgoqQ3RoBqwlcAzg11qHxv/b8ReDWnMrpjpKrW6m1ZTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-dependents-graph/-/get-dependents-graph-1.3.5.tgz}
     name: '@changesets/get-dependents-graph'
     version: 1.3.5
     dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
-      chalk: registry.npmjs.org/chalk/2.4.2
-      fs-extra: registry.npmjs.org/fs-extra/7.0.1
-      semver: registry.npmjs.org/semver/5.7.1
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      chalk: registry.npmjs.org/chalk@2.4.2
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      semver: registry.npmjs.org/semver@5.7.1
     dev: true
 
-  registry.npmjs.org/@changesets/get-github-info/0.5.2:
+  registry.npmjs.org/@changesets/get-github-info@0.5.2:
     resolution: {integrity: sha512-JppheLu7S114aEs157fOZDjFqUDpm7eHdq5E8SSR0gUBTEK0cNSHsrSR5a66xs0z3RWuo46QvA3vawp8BxDHvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-github-info/-/get-github-info-0.5.2.tgz}
     name: '@changesets/get-github-info'
     version: 0.5.2
     dependencies:
-      dataloader: registry.npmjs.org/dataloader/1.4.0
-      node-fetch: registry.npmjs.org/node-fetch/2.6.11
+      dataloader: registry.npmjs.org/dataloader@1.4.0
+      node-fetch: registry.npmjs.org/node-fetch@2.6.11
     transitivePeerDependencies:
       - encoding
     dev: true
 
-  registry.npmjs.org/@changesets/get-release-plan/3.0.16:
+  registry.npmjs.org/@changesets/get-release-plan@3.0.16:
     resolution: {integrity: sha512-OpP9QILpBp1bY2YNIKFzwigKh7Qe9KizRsZomzLe6pK8IUo8onkAAVUD8+JRKSr8R7d4+JRuQrfSSNlEwKyPYg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-release-plan/-/get-release-plan-3.0.16.tgz}
     name: '@changesets/get-release-plan'
     version: 3.0.16
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan/5.2.3
-      '@changesets/config': registry.npmjs.org/@changesets/config/2.3.0
-      '@changesets/pre': registry.npmjs.org/@changesets/pre/1.0.14
-      '@changesets/read': registry.npmjs.org/@changesets/read/0.5.9
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan@5.2.3
+      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.0
+      '@changesets/pre': registry.npmjs.org/@changesets/pre@1.0.14
+      '@changesets/read': registry.npmjs.org/@changesets/read@0.5.9
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
     dev: true
 
-  registry.npmjs.org/@changesets/get-version-range-type/0.3.2:
+  registry.npmjs.org/@changesets/get-version-range-type@0.3.2:
     resolution: {integrity: sha512-SVqwYs5pULYjYT4op21F2pVbcrca4qA/bAA3FmFXKMN7Y+HcO8sbZUTx3TAy2VXulP2FACd1aC7f2nTuqSPbqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-version-range-type/-/get-version-range-type-0.3.2.tgz}
     name: '@changesets/get-version-range-type'
     version: 0.3.2
     dev: true
 
-  registry.npmjs.org/@changesets/git/2.0.0:
+  registry.npmjs.org/@changesets/git@2.0.0:
     resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/git/-/git-2.0.0.tgz}
     name: '@changesets/git'
     version: 2.0.0
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
-      is-subdir: registry.npmjs.org/is-subdir/1.2.0
-      micromatch: registry.npmjs.org/micromatch/4.0.5
-      spawndamnit: registry.npmjs.org/spawndamnit/2.0.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      is-subdir: registry.npmjs.org/is-subdir@1.2.0
+      micromatch: registry.npmjs.org/micromatch@4.0.5
+      spawndamnit: registry.npmjs.org/spawndamnit@2.0.0
     dev: true
 
-  registry.npmjs.org/@changesets/logger/0.0.5:
+  registry.npmjs.org/@changesets/logger@0.0.5:
     resolution: {integrity: sha512-gJyZHomu8nASHpaANzc6bkQMO9gU/ib20lqew1rVx753FOxffnCrJlGIeQVxNWCqM+o6OOleCo/ivL8UAO5iFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/logger/-/logger-0.0.5.tgz}
     name: '@changesets/logger'
     version: 0.0.5
     dependencies:
-      chalk: registry.npmjs.org/chalk/2.4.2
+      chalk: registry.npmjs.org/chalk@2.4.2
     dev: true
 
-  registry.npmjs.org/@changesets/parse/0.3.16:
+  registry.npmjs.org/@changesets/parse@0.3.16:
     resolution: {integrity: sha512-127JKNd167ayAuBjUggZBkmDS5fIKsthnr9jr6bdnuUljroiERW7FBTDNnNVyJ4l69PzR57pk6mXQdtJyBCJKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/parse/-/parse-0.3.16.tgz}
     name: '@changesets/parse'
     version: 0.3.16
     dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      js-yaml: registry.npmjs.org/js-yaml/3.14.1
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      js-yaml: registry.npmjs.org/js-yaml@3.14.1
     dev: true
 
-  registry.npmjs.org/@changesets/pre/1.0.14:
+  registry.npmjs.org/@changesets/pre@1.0.14:
     resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/pre/-/pre-1.0.14.tgz}
     name: '@changesets/pre'
     version: 1.0.14
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
-      fs-extra: registry.npmjs.org/fs-extra/7.0.1
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
     dev: true
 
-  registry.npmjs.org/@changesets/read/0.5.9:
+  registry.npmjs.org/@changesets/read@0.5.9:
     resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/read/-/read-0.5.9.tgz}
     name: '@changesets/read'
     version: 0.5.9
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/git': registry.npmjs.org/@changesets/git/2.0.0
-      '@changesets/logger': registry.npmjs.org/@changesets/logger/0.0.5
-      '@changesets/parse': registry.npmjs.org/@changesets/parse/0.3.16
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      chalk: registry.npmjs.org/chalk/2.4.2
-      fs-extra: registry.npmjs.org/fs-extra/7.0.1
-      p-filter: registry.npmjs.org/p-filter/2.1.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/git': registry.npmjs.org/@changesets/git@2.0.0
+      '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
+      '@changesets/parse': registry.npmjs.org/@changesets/parse@0.3.16
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      chalk: registry.npmjs.org/chalk@2.4.2
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      p-filter: registry.npmjs.org/p-filter@2.1.0
     dev: true
 
-  registry.npmjs.org/@changesets/types/4.1.0:
+  registry.npmjs.org/@changesets/types@4.1.0:
     resolution: {integrity: sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/types/-/types-4.1.0.tgz}
     name: '@changesets/types'
     version: 4.1.0
     dev: true
 
-  registry.npmjs.org/@changesets/types/5.2.1:
+  registry.npmjs.org/@changesets/types@5.2.1:
     resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/types/-/types-5.2.1.tgz}
     name: '@changesets/types'
     version: 5.2.1
     dev: true
 
-  registry.npmjs.org/@changesets/write/0.2.3:
+  registry.npmjs.org/@changesets/write@0.2.3:
     resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/write/-/write-0.2.3.tgz}
     name: '@changesets/write'
     version: 0.2.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      fs-extra: registry.npmjs.org/fs-extra/7.0.1
-      human-id: registry.npmjs.org/human-id/1.0.2
-      prettier: registry.npmjs.org/prettier/2.8.8
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      human-id: registry.npmjs.org/human-id@1.0.2
+      prettier: registry.npmjs.org/prettier@2.8.8
     dev: true
 
-  registry.npmjs.org/@colors/colors/1.5.0:
+  registry.npmjs.org/@colors/colors@1.5.0:
     resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz}
     name: '@colors/colors'
     version: 1.5.0
@@ -783,73 +884,73 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@cypress/request/2.88.11:
+  registry.npmjs.org/@cypress/request@2.88.11:
     resolution: {integrity: sha512-M83/wfQ1EkspjkE2lNWNV5ui2Cv7UCv1swW1DqljahbzLVWltcsexQh8jYtuS/vzFXP+HySntGM83ZXA9fn17w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/request/-/request-2.88.11.tgz}
     name: '@cypress/request'
     version: 2.88.11
     engines: {node: '>= 6'}
     dependencies:
-      aws-sign2: registry.npmjs.org/aws-sign2/0.7.0
-      aws4: registry.npmjs.org/aws4/1.12.0
-      caseless: registry.npmjs.org/caseless/0.12.0
-      combined-stream: registry.npmjs.org/combined-stream/1.0.8
-      extend: registry.npmjs.org/extend/3.0.2
-      forever-agent: registry.npmjs.org/forever-agent/0.6.1
-      form-data: registry.npmjs.org/form-data/2.3.3
-      http-signature: registry.npmjs.org/http-signature/1.3.6
-      is-typedarray: registry.npmjs.org/is-typedarray/1.0.0
-      isstream: registry.npmjs.org/isstream/0.1.2
-      json-stringify-safe: registry.npmjs.org/json-stringify-safe/5.0.1
-      mime-types: registry.npmjs.org/mime-types/2.1.35
-      performance-now: registry.npmjs.org/performance-now/2.1.0
-      qs: registry.npmjs.org/qs/6.10.4
-      safe-buffer: registry.npmjs.org/safe-buffer/5.2.1
-      tough-cookie: registry.npmjs.org/tough-cookie/2.5.0
-      tunnel-agent: registry.npmjs.org/tunnel-agent/0.6.0
-      uuid: registry.npmjs.org/uuid/8.3.2
-    dev: true
-
-  registry.npmjs.org/@cypress/skip-test/2.6.1:
+      aws-sign2: registry.npmjs.org/aws-sign2@0.7.0
+      aws4: registry.npmjs.org/aws4@1.12.0
+      caseless: registry.npmjs.org/caseless@0.12.0
+      combined-stream: registry.npmjs.org/combined-stream@1.0.8
+      extend: registry.npmjs.org/extend@3.0.2
+      forever-agent: registry.npmjs.org/forever-agent@0.6.1
+      form-data: registry.npmjs.org/form-data@2.3.3
+      http-signature: registry.npmjs.org/http-signature@1.3.6
+      is-typedarray: registry.npmjs.org/is-typedarray@1.0.0
+      isstream: registry.npmjs.org/isstream@0.1.2
+      json-stringify-safe: registry.npmjs.org/json-stringify-safe@5.0.1
+      mime-types: registry.npmjs.org/mime-types@2.1.35
+      performance-now: registry.npmjs.org/performance-now@2.1.0
+      qs: registry.npmjs.org/qs@6.10.4
+      safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
+      tough-cookie: registry.npmjs.org/tough-cookie@2.5.0
+      tunnel-agent: registry.npmjs.org/tunnel-agent@0.6.0
+      uuid: registry.npmjs.org/uuid@8.3.2
+    dev: true
+
+  registry.npmjs.org/@cypress/skip-test@2.6.1:
     resolution: {integrity: sha512-X+ibefBiuOmC5gKG91wRIT0/OqXeETYvu7zXktjZ3yLeO186Y8ia0K7/gQUpAwuUi28DuqMd1+7tBQVtPkzbPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/skip-test/-/skip-test-2.6.1.tgz}
     name: '@cypress/skip-test'
     version: 2.6.1
     dev: true
 
-  registry.npmjs.org/@cypress/xvfb/1.2.4_supports-color@8.1.1:
+  registry.npmjs.org/@cypress/xvfb@1.2.4(supports-color@8.1.1):
     resolution: {integrity: sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/xvfb/-/xvfb-1.2.4.tgz}
     id: registry.npmjs.org/@cypress/xvfb/1.2.4
     name: '@cypress/xvfb'
     version: 1.2.4
     dependencies:
-      debug: registry.npmjs.org/debug/3.2.7_supports-color@8.1.1
-      lodash.once: registry.npmjs.org/lodash.once/4.1.1
+      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
+      lodash.once: registry.npmjs.org/lodash.once@4.1.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@esbuild/android-arm/0.17.19:
-    resolution: {integrity: sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz}
-    name: '@esbuild/android-arm'
+  registry.npmjs.org/@esbuild/android-arm64@0.17.19:
+    resolution: {integrity: sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz}
+    name: '@esbuild/android-arm64'
     version: 0.17.19
     engines: {node: '>=12'}
-    cpu: [arm]
+    cpu: [arm64]
     os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/android-arm64/0.17.19:
-    resolution: {integrity: sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz}
-    name: '@esbuild/android-arm64'
+  registry.npmjs.org/@esbuild/android-arm@0.17.19:
+    resolution: {integrity: sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz}
+    name: '@esbuild/android-arm'
     version: 0.17.19
     engines: {node: '>=12'}
-    cpu: [arm64]
+    cpu: [arm]
     os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/android-x64/0.17.19:
+  registry.npmjs.org/@esbuild/android-x64@0.17.19:
     resolution: {integrity: sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz}
     name: '@esbuild/android-x64'
     version: 0.17.19
@@ -860,7 +961,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/darwin-arm64/0.17.19:
+  registry.npmjs.org/@esbuild/darwin-arm64@0.17.19:
     resolution: {integrity: sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz}
     name: '@esbuild/darwin-arm64'
     version: 0.17.19
@@ -871,7 +972,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/darwin-x64/0.17.19:
+  registry.npmjs.org/@esbuild/darwin-x64@0.17.19:
     resolution: {integrity: sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz}
     name: '@esbuild/darwin-x64'
     version: 0.17.19
@@ -882,7 +983,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/freebsd-arm64/0.17.19:
+  registry.npmjs.org/@esbuild/freebsd-arm64@0.17.19:
     resolution: {integrity: sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz}
     name: '@esbuild/freebsd-arm64'
     version: 0.17.19
@@ -893,7 +994,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/freebsd-x64/0.17.19:
+  registry.npmjs.org/@esbuild/freebsd-x64@0.17.19:
     resolution: {integrity: sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz}
     name: '@esbuild/freebsd-x64'
     version: 0.17.19
@@ -904,29 +1005,29 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-arm/0.17.19:
-    resolution: {integrity: sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz}
-    name: '@esbuild/linux-arm'
+  registry.npmjs.org/@esbuild/linux-arm64@0.17.19:
+    resolution: {integrity: sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz}
+    name: '@esbuild/linux-arm64'
     version: 0.17.19
     engines: {node: '>=12'}
-    cpu: [arm]
+    cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-arm64/0.17.19:
-    resolution: {integrity: sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz}
-    name: '@esbuild/linux-arm64'
+  registry.npmjs.org/@esbuild/linux-arm@0.17.19:
+    resolution: {integrity: sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz}
+    name: '@esbuild/linux-arm'
     version: 0.17.19
     engines: {node: '>=12'}
-    cpu: [arm64]
+    cpu: [arm]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-ia32/0.17.19:
+  registry.npmjs.org/@esbuild/linux-ia32@0.17.19:
     resolution: {integrity: sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz}
     name: '@esbuild/linux-ia32'
     version: 0.17.19
@@ -937,7 +1038,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-loong64/0.17.19:
+  registry.npmjs.org/@esbuild/linux-loong64@0.17.19:
     resolution: {integrity: sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz}
     name: '@esbuild/linux-loong64'
     version: 0.17.19
@@ -948,7 +1049,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-mips64el/0.17.19:
+  registry.npmjs.org/@esbuild/linux-mips64el@0.17.19:
     resolution: {integrity: sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz}
     name: '@esbuild/linux-mips64el'
     version: 0.17.19
@@ -959,7 +1060,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-ppc64/0.17.19:
+  registry.npmjs.org/@esbuild/linux-ppc64@0.17.19:
     resolution: {integrity: sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz}
     name: '@esbuild/linux-ppc64'
     version: 0.17.19
@@ -970,7 +1071,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-riscv64/0.17.19:
+  registry.npmjs.org/@esbuild/linux-riscv64@0.17.19:
     resolution: {integrity: sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz}
     name: '@esbuild/linux-riscv64'
     version: 0.17.19
@@ -981,7 +1082,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-s390x/0.17.19:
+  registry.npmjs.org/@esbuild/linux-s390x@0.17.19:
     resolution: {integrity: sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz}
     name: '@esbuild/linux-s390x'
     version: 0.17.19
@@ -992,7 +1093,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-x64/0.17.19:
+  registry.npmjs.org/@esbuild/linux-x64@0.17.19:
     resolution: {integrity: sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz}
     name: '@esbuild/linux-x64'
     version: 0.17.19
@@ -1003,7 +1104,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/netbsd-x64/0.17.19:
+  registry.npmjs.org/@esbuild/netbsd-x64@0.17.19:
     resolution: {integrity: sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz}
     name: '@esbuild/netbsd-x64'
     version: 0.17.19
@@ -1014,7 +1115,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/openbsd-x64/0.17.19:
+  registry.npmjs.org/@esbuild/openbsd-x64@0.17.19:
     resolution: {integrity: sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz}
     name: '@esbuild/openbsd-x64'
     version: 0.17.19
@@ -1025,7 +1126,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/sunos-x64/0.17.19:
+  registry.npmjs.org/@esbuild/sunos-x64@0.17.19:
     resolution: {integrity: sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz}
     name: '@esbuild/sunos-x64'
     version: 0.17.19
@@ -1036,7 +1137,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-arm64/0.17.19:
+  registry.npmjs.org/@esbuild/win32-arm64@0.17.19:
     resolution: {integrity: sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz}
     name: '@esbuild/win32-arm64'
     version: 0.17.19
@@ -1047,7 +1148,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-ia32/0.17.19:
+  registry.npmjs.org/@esbuild/win32-ia32@0.17.19:
     resolution: {integrity: sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz}
     name: '@esbuild/win32-ia32'
     version: 0.17.19
@@ -1058,7 +1159,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-x64/0.17.19:
+  registry.npmjs.org/@esbuild/win32-x64@0.17.19:
     resolution: {integrity: sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz}
     name: '@esbuild/win32-x64'
     version: 0.17.19
@@ -1069,7 +1170,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.42.0:
+  registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.42.0):
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz}
     id: registry.npmjs.org/@eslint-community/eslint-utils/4.4.0
     name: '@eslint-community/eslint-utils'
@@ -1078,11 +1179,11 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.42.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
+      eslint: registry.npmjs.org/eslint@8.42.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
     dev: true
 
-  registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.43.0:
+  registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0):
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz}
     id: registry.npmjs.org/@eslint-community/eslint-utils/4.4.0
     name: '@eslint-community/eslint-utils'
@@ -1091,210 +1192,210 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.43.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
+      eslint: registry.npmjs.org/eslint@8.43.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
     dev: true
 
-  registry.npmjs.org/@eslint-community/regexpp/4.5.1:
+  registry.npmjs.org/@eslint-community/regexpp@4.5.1:
     resolution: {integrity: sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.5.1.tgz}
     name: '@eslint-community/regexpp'
     version: 4.5.1
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@eslint/eslintrc/2.0.3:
+  registry.npmjs.org/@eslint/eslintrc@2.0.3:
     resolution: {integrity: sha512-+5gy6OQfk+xx3q0d6jGZZC3f3KzAkXc/IanVxd1is/VIIziRqqt3ongQz0FiTUXqTk0c7aDB3OaFuKnuSoJicQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.3.tgz}
     name: '@eslint/eslintrc'
     version: 2.0.3
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      ajv: registry.npmjs.org/ajv/6.12.6
-      debug: registry.npmjs.org/debug/4.3.4
-      espree: registry.npmjs.org/espree/9.5.2
-      globals: registry.npmjs.org/globals/13.20.0
-      ignore: registry.npmjs.org/ignore/5.2.4
-      import-fresh: registry.npmjs.org/import-fresh/3.3.0
-      js-yaml: registry.npmjs.org/js-yaml/4.1.0
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-      strip-json-comments: registry.npmjs.org/strip-json-comments/3.1.1
+      ajv: registry.npmjs.org/ajv@6.12.6
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      espree: registry.npmjs.org/espree@9.5.2
+      globals: registry.npmjs.org/globals@13.20.0
+      ignore: registry.npmjs.org/ignore@5.2.4
+      import-fresh: registry.npmjs.org/import-fresh@3.3.0
+      js-yaml: registry.npmjs.org/js-yaml@4.1.0
+      minimatch: registry.npmjs.org/minimatch@3.1.2
+      strip-json-comments: registry.npmjs.org/strip-json-comments@3.1.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@eslint/js/8.42.0:
+  registry.npmjs.org/@eslint/js@8.42.0:
     resolution: {integrity: sha512-6SWlXpWU5AvId8Ac7zjzmIOqMOba/JWY8XZ4A7q7Gn1Vlfg/SFFIlrtHXt9nPn4op9ZPAkl91Jao+QQv3r/ukw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/js/-/js-8.42.0.tgz}
     name: '@eslint/js'
     version: 8.42.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@eslint/js/8.43.0:
+  registry.npmjs.org/@eslint/js@8.43.0:
     resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/js/-/js-8.43.0.tgz}
     name: '@eslint/js'
     version: 8.43.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@hapi/hoek/9.3.0:
+  registry.npmjs.org/@hapi/hoek@9.3.0:
     resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz}
     name: '@hapi/hoek'
     version: 9.3.0
     dev: true
 
-  registry.npmjs.org/@hapi/topo/5.1.0:
+  registry.npmjs.org/@hapi/topo@5.1.0:
     resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz}
     name: '@hapi/topo'
     version: 5.1.0
     dependencies:
-      '@hapi/hoek': registry.npmjs.org/@hapi/hoek/9.3.0
+      '@hapi/hoek': registry.npmjs.org/@hapi/hoek@9.3.0
     dev: true
 
-  registry.npmjs.org/@humanwhocodes/config-array/0.11.10:
+  registry.npmjs.org/@humanwhocodes/config-array@0.11.10:
     resolution: {integrity: sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz}
     name: '@humanwhocodes/config-array'
     version: 0.11.10
     engines: {node: '>=10.10.0'}
     dependencies:
-      '@humanwhocodes/object-schema': registry.npmjs.org/@humanwhocodes/object-schema/1.2.1
-      debug: registry.npmjs.org/debug/4.3.4
-      minimatch: registry.npmjs.org/minimatch/3.1.2
+      '@humanwhocodes/object-schema': registry.npmjs.org/@humanwhocodes/object-schema@1.2.1
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      minimatch: registry.npmjs.org/minimatch@3.1.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@humanwhocodes/module-importer/1.0.1:
+  registry.npmjs.org/@humanwhocodes/module-importer@1.0.1:
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz}
     name: '@humanwhocodes/module-importer'
     version: 1.0.1
     engines: {node: '>=12.22'}
     dev: true
 
-  registry.npmjs.org/@humanwhocodes/object-schema/1.2.1:
+  registry.npmjs.org/@humanwhocodes/object-schema@1.2.1:
     resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz}
     name: '@humanwhocodes/object-schema'
     version: 1.2.1
     dev: true
 
-  registry.npmjs.org/@jridgewell/gen-mapping/0.3.3:
+  registry.npmjs.org/@jridgewell/gen-mapping@0.3.3:
     resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz}
     name: '@jridgewell/gen-mapping'
     version: 0.3.3
     engines: {node: '>=6.0.0'}
     dependencies:
-      '@jridgewell/set-array': registry.npmjs.org/@jridgewell/set-array/1.1.2
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
+      '@jridgewell/set-array': registry.npmjs.org/@jridgewell/set-array@1.1.2
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
     dev: true
 
-  registry.npmjs.org/@jridgewell/resolve-uri/3.1.0:
+  registry.npmjs.org/@jridgewell/resolve-uri@3.1.0:
     resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz}
     name: '@jridgewell/resolve-uri'
     version: 3.1.0
     engines: {node: '>=6.0.0'}
     dev: true
 
-  registry.npmjs.org/@jridgewell/set-array/1.1.2:
+  registry.npmjs.org/@jridgewell/set-array@1.1.2:
     resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz}
     name: '@jridgewell/set-array'
     version: 1.1.2
     engines: {node: '>=6.0.0'}
     dev: true
 
-  registry.npmjs.org/@jridgewell/source-map/0.3.3:
+  registry.npmjs.org/@jridgewell/source-map@0.3.3:
     resolution: {integrity: sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.3.tgz}
     name: '@jridgewell/source-map'
     version: 0.3.3
     dependencies:
-      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping/0.3.3
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
+      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
     dev: true
 
-  registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14:
+  registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.14:
     resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz}
     name: '@jridgewell/sourcemap-codec'
     version: 1.4.14
     dev: true
 
-  registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15:
+  registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15:
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz}
     name: '@jridgewell/sourcemap-codec'
     version: 1.4.15
     dev: true
 
-  registry.npmjs.org/@jridgewell/trace-mapping/0.3.18:
+  registry.npmjs.org/@jridgewell/trace-mapping@0.3.18:
     resolution: {integrity: sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz}
     name: '@jridgewell/trace-mapping'
     version: 0.3.18
     dependencies:
-      '@jridgewell/resolve-uri': registry.npmjs.org/@jridgewell/resolve-uri/3.1.0
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14
+      '@jridgewell/resolve-uri': registry.npmjs.org/@jridgewell/resolve-uri@3.1.0
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.14
     dev: true
 
-  registry.npmjs.org/@manypkg/find-root/1.1.0:
+  registry.npmjs.org/@manypkg/find-root@1.1.0:
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@manypkg/find-root/-/find-root-1.1.0.tgz}
     name: '@manypkg/find-root'
     version: 1.1.0
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@types/node': registry.npmjs.org/@types/node/12.20.55
-      find-up: registry.npmjs.org/find-up/4.1.0
-      fs-extra: registry.npmjs.org/fs-extra/8.1.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@types/node': registry.npmjs.org/@types/node@12.20.55
+      find-up: registry.npmjs.org/find-up@4.1.0
+      fs-extra: registry.npmjs.org/fs-extra@8.1.0
     dev: true
 
-  registry.npmjs.org/@manypkg/get-packages/1.1.3:
+  registry.npmjs.org/@manypkg/get-packages@1.1.3:
     resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@manypkg/get-packages/-/get-packages-1.1.3.tgz}
     name: '@manypkg/get-packages'
     version: 1.1.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/types': registry.npmjs.org/@changesets/types/4.1.0
-      '@manypkg/find-root': registry.npmjs.org/@manypkg/find-root/1.1.0
-      fs-extra: registry.npmjs.org/fs-extra/8.1.0
-      globby: registry.npmjs.org/globby/11.1.0
-      read-yaml-file: registry.npmjs.org/read-yaml-file/1.1.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/types': registry.npmjs.org/@changesets/types@4.1.0
+      '@manypkg/find-root': registry.npmjs.org/@manypkg/find-root@1.1.0
+      fs-extra: registry.npmjs.org/fs-extra@8.1.0
+      globby: registry.npmjs.org/globby@11.1.0
+      read-yaml-file: registry.npmjs.org/read-yaml-file@1.1.0
     dev: true
 
-  registry.npmjs.org/@nodelib/fs.scandir/2.1.5:
+  registry.npmjs.org/@nodelib/fs.scandir@2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz}
     name: '@nodelib/fs.scandir'
     version: 2.1.5
     engines: {node: '>= 8'}
     dependencies:
-      '@nodelib/fs.stat': registry.npmjs.org/@nodelib/fs.stat/2.0.5
-      run-parallel: registry.npmjs.org/run-parallel/1.2.0
+      '@nodelib/fs.stat': registry.npmjs.org/@nodelib/fs.stat@2.0.5
+      run-parallel: registry.npmjs.org/run-parallel@1.2.0
     dev: true
 
-  registry.npmjs.org/@nodelib/fs.stat/2.0.5:
+  registry.npmjs.org/@nodelib/fs.stat@2.0.5:
     resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz}
     name: '@nodelib/fs.stat'
     version: 2.0.5
     engines: {node: '>= 8'}
     dev: true
 
-  registry.npmjs.org/@nodelib/fs.walk/1.2.8:
+  registry.npmjs.org/@nodelib/fs.walk@1.2.8:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz}
     name: '@nodelib/fs.walk'
     version: 1.2.8
     engines: {node: '>= 8'}
     dependencies:
-      '@nodelib/fs.scandir': registry.npmjs.org/@nodelib/fs.scandir/2.1.5
-      fastq: registry.npmjs.org/fastq/1.15.0
+      '@nodelib/fs.scandir': registry.npmjs.org/@nodelib/fs.scandir@2.1.5
+      fastq: registry.npmjs.org/fastq@1.15.0
     dev: true
 
-  registry.npmjs.org/@polka/url/1.0.0-next.21:
+  registry.npmjs.org/@polka/url@1.0.0-next.21:
     resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz}
     name: '@polka/url'
     version: 1.0.0-next.21
     dev: true
 
-  registry.npmjs.org/@remix-run/router/1.6.3:
+  registry.npmjs.org/@remix-run/router@1.6.3:
     resolution: {integrity: sha512-EXJysQ7J3veRECd0kZFQwYYd5sJMcq2O/m60zu1W2l3oVQ9xtub8jTOtYRE0+M2iomyG/W3Ps7+vp2kna0C27Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@remix-run/router/-/router-1.6.3.tgz}
     name: '@remix-run/router'
     version: 1.6.3
     engines: {node: '>=14'}
     dev: false
 
-  registry.npmjs.org/@rollup/plugin-commonjs/25.0.1_rollup@3.25.1:
+  registry.npmjs.org/@rollup/plugin-commonjs@25.0.1(rollup@3.25.1):
     resolution: {integrity: sha512-2DJ4kv4b1xfTJopWhu61ANdNRHvzQZ2fpaIrlgaP2jOfUv1wDJ0Ucqy8AZlbFmn/iUjiwKoqki9j55Y6L8kyNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.1.tgz}
     id: registry.npmjs.org/@rollup/plugin-commonjs/25.0.1
     name: '@rollup/plugin-commonjs'
@@ -1306,16 +1407,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.25.1
-      commondir: registry.npmjs.org/commondir/1.0.1
-      estree-walker: registry.npmjs.org/estree-walker/2.0.2
-      glob: registry.npmjs.org/glob/8.1.0
-      is-reference: registry.npmjs.org/is-reference/1.2.1
-      magic-string: registry.npmjs.org/magic-string/0.27.0
-      rollup: registry.npmjs.org/rollup/3.25.1
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.2(rollup@3.25.1)
+      commondir: registry.npmjs.org/commondir@1.0.1
+      estree-walker: registry.npmjs.org/estree-walker@2.0.2
+      glob: registry.npmjs.org/glob@8.1.0
+      is-reference: registry.npmjs.org/is-reference@1.2.1
+      magic-string: registry.npmjs.org/magic-string@0.27.0
+      rollup: registry.npmjs.org/rollup@3.25.1
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0_rollup@3.25.1:
+  registry.npmjs.org/@rollup/plugin-node-resolve@15.1.0(rollup@3.25.1):
     resolution: {integrity: sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.1.0.tgz}
     id: registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0
     name: '@rollup/plugin-node-resolve'
@@ -1327,16 +1428,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.25.1
-      '@types/resolve': registry.npmjs.org/@types/resolve/1.20.2
-      deepmerge: registry.npmjs.org/deepmerge/4.3.1
-      is-builtin-module: registry.npmjs.org/is-builtin-module/3.2.1
-      is-module: registry.npmjs.org/is-module/1.0.0
-      resolve: registry.npmjs.org/resolve/1.22.2
-      rollup: registry.npmjs.org/rollup/3.25.1
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.2(rollup@3.25.1)
+      '@types/resolve': registry.npmjs.org/@types/resolve@1.20.2
+      deepmerge: registry.npmjs.org/deepmerge@4.3.1
+      is-builtin-module: registry.npmjs.org/is-builtin-module@3.2.1
+      is-module: registry.npmjs.org/is-module@1.0.0
+      resolve: registry.npmjs.org/resolve@1.22.2
+      rollup: registry.npmjs.org/rollup@3.25.1
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.25.1:
+  registry.npmjs.org/@rollup/plugin-replace@5.0.2(rollup@3.25.1):
     resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-5.0.2.tgz}
     id: registry.npmjs.org/@rollup/plugin-replace/5.0.2
     name: '@rollup/plugin-replace'
@@ -1348,12 +1449,12 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.25.1
-      magic-string: registry.npmjs.org/magic-string/0.27.0
-      rollup: registry.npmjs.org/rollup/3.25.1
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.2(rollup@3.25.1)
+      magic-string: registry.npmjs.org/magic-string@0.27.0
+      rollup: registry.npmjs.org/rollup@3.25.1
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-terser/0.4.3_rollup@3.25.1:
+  registry.npmjs.org/@rollup/plugin-terser@0.4.3(rollup@3.25.1):
     resolution: {integrity: sha512-EF0oejTMtkyhrkwCdg0HJ0IpkcaVg1MMSf2olHb2Jp+1mnLM04OhjpJWGma4HobiDTF0WCyViWuvadyE9ch2XA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.3.tgz}
     id: registry.npmjs.org/@rollup/plugin-terser/0.4.3
     name: '@rollup/plugin-terser'
@@ -1365,13 +1466,13 @@ packages:
       rollup:
         optional: true
     dependencies:
-      rollup: registry.npmjs.org/rollup/3.25.1
-      serialize-javascript: registry.npmjs.org/serialize-javascript/6.0.1
-      smob: registry.npmjs.org/smob/1.4.0
-      terser: registry.npmjs.org/terser/5.18.0
+      rollup: registry.npmjs.org/rollup@3.25.1
+      serialize-javascript: registry.npmjs.org/serialize-javascript@6.0.1
+      smob: registry.npmjs.org/smob@1.4.0
+      terser: registry.npmjs.org/terser@5.18.0
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-typescript/11.0.0_kiy5yv7g7dmpxbgwdlsemwipi4:
+  registry.npmjs.org/@rollup/plugin-typescript@11.0.0(rollup@3.25.1)(typescript@4.9.5):
     resolution: {integrity: sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-11.0.0.tgz}
     id: registry.npmjs.org/@rollup/plugin-typescript/11.0.0
     name: '@rollup/plugin-typescript'
@@ -1387,13 +1488,13 @@ packages:
       tslib:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.25.1
-      resolve: registry.npmjs.org/resolve/1.22.2
-      rollup: registry.npmjs.org/rollup/3.25.1
-      typescript: registry.npmjs.org/typescript/4.9.5
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.2(rollup@3.25.1)
+      resolve: registry.npmjs.org/resolve@1.22.2
+      rollup: registry.npmjs.org/rollup@3.25.1
+      typescript: registry.npmjs.org/typescript@4.9.5
     dev: true
 
-  registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.25.1:
+  registry.npmjs.org/@rollup/pluginutils@5.0.2(rollup@3.25.1):
     resolution: {integrity: sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz}
     id: registry.npmjs.org/@rollup/pluginutils/5.0.2
     name: '@rollup/pluginutils'
@@ -1405,39 +1506,39 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
-      estree-walker: registry.npmjs.org/estree-walker/2.0.2
-      picomatch: registry.npmjs.org/picomatch/2.3.1
-      rollup: registry.npmjs.org/rollup/3.25.1
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
+      estree-walker: registry.npmjs.org/estree-walker@2.0.2
+      picomatch: registry.npmjs.org/picomatch@2.3.1
+      rollup: registry.npmjs.org/rollup@3.25.1
     dev: true
 
-  registry.npmjs.org/@sideway/address/4.1.4:
+  registry.npmjs.org/@sideway/address@4.1.4:
     resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz}
     name: '@sideway/address'
     version: 4.1.4
     dependencies:
-      '@hapi/hoek': registry.npmjs.org/@hapi/hoek/9.3.0
+      '@hapi/hoek': registry.npmjs.org/@hapi/hoek@9.3.0
     dev: true
 
-  registry.npmjs.org/@sideway/formula/3.0.1:
+  registry.npmjs.org/@sideway/formula@3.0.1:
     resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz}
     name: '@sideway/formula'
     version: 3.0.1
     dev: true
 
-  registry.npmjs.org/@sideway/pinpoint/2.0.0:
+  registry.npmjs.org/@sideway/pinpoint@2.0.0:
     resolution: {integrity: sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz}
     name: '@sideway/pinpoint'
     version: 2.0.0
     dev: true
 
-  registry.npmjs.org/@svelte-put/shortcut/2.0.0:
+  registry.npmjs.org/@svelte-put/shortcut@2.0.0:
     resolution: {integrity: sha512-dDyxIFlRz+W6wxwQtl2jUen0rX8ofV2VBWaJdz0QehLb0IMDzP3aWM9W4k8cAZQIGmTT0adr1+Gt7HPPUugcpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@svelte-put/shortcut/-/shortcut-2.0.0.tgz}
     name: '@svelte-put/shortcut'
     version: 2.0.0
     dev: false
 
-  registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.5:
+  registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6):
     resolution: {integrity: sha512-o2pZCfATFtA/Gw/BB0Xm7k4EYaekXxaPGER3xGSY3FvzFJGTlJlZjBseaXwYSM94lZ0HniOjTokN3cWaLX6fow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-2.1.0.tgz}
     id: registry.npmjs.org/@sveltejs/adapter-auto/2.1.0
     name: '@sveltejs/adapter-auto'
@@ -1445,15 +1546,15 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.5_svelte@4.0.0+vite@4.3.9
-      import-meta-resolve: registry.npmjs.org/import-meta-resolve/3.0.0
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.3.9)
+      import-meta-resolve: registry.npmjs.org/import-meta-resolve@3.0.0
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit/1.20.5_svelte@4.0.0+vite@4.3.9:
-    resolution: {integrity: sha512-8rJYZ2boRlO75lwpbpB+DlSzIwmTuamXTpVlDtw4dBk86o3UaDe/+Ro4xCsV/4FtTw2U8xPHyV83edAWbQHG0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.20.5.tgz}
-    id: registry.npmjs.org/@sveltejs/kit/1.20.5
+  registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.3.9):
+    resolution: {integrity: sha512-SDKxI/QpsReCwIn5czjT53fKlPBybbmMk67d317gUqfeORroBAFN1Z6s/x0E1JYi+04i7kKllS+Sz9wVfmUkAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.22.6.tgz}
+    id: registry.npmjs.org/@sveltejs/kit/1.22.6
     name: '@sveltejs/kit'
-    version: 1.20.5
+    version: 1.22.6
     engines: {node: ^16.14 || >=18}
     hasBin: true
     requiresBuild: true
@@ -1461,44 +1562,45 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1_svelte@4.0.0+vite@4.3.9
-      '@types/cookie': registry.npmjs.org/@types/cookie/0.5.1
-      cookie: registry.npmjs.org/cookie/0.5.0
-      devalue: registry.npmjs.org/devalue/4.3.2
-      esm-env: registry.npmjs.org/esm-env/1.0.0
-      kleur: registry.npmjs.org/kleur/4.1.5
-      magic-string: registry.npmjs.org/magic-string/0.30.0
-      mime: registry.npmjs.org/mime/3.0.0
-      sade: registry.npmjs.org/sade/1.8.1
-      set-cookie-parser: registry.npmjs.org/set-cookie-parser/2.6.0
-      sirv: registry.npmjs.org/sirv/2.0.3
-      svelte: registry.npmjs.org/svelte/4.0.0
-      undici: registry.npmjs.org/undici/5.22.1
-      vite: registry.npmjs.org/vite/4.3.9
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.3.9)
+      '@types/cookie': registry.npmjs.org/@types/cookie@0.5.1
+      cookie: registry.npmjs.org/cookie@0.5.0
+      devalue: registry.npmjs.org/devalue@4.3.2
+      esm-env: registry.npmjs.org/esm-env@1.0.0
+      kleur: registry.npmjs.org/kleur@4.1.5
+      magic-string: registry.npmjs.org/magic-string@0.30.0
+      mime: registry.npmjs.org/mime@3.0.0
+      sade: registry.npmjs.org/sade@1.8.1
+      set-cookie-parser: registry.npmjs.org/set-cookie-parser@2.6.0
+      sirv: registry.npmjs.org/sirv@2.0.3
+      svelte: registry.npmjs.org/svelte@4.2.0
+      undici: registry.npmjs.org/undici@5.23.0
+      vite: registry.npmjs.org/vite@4.3.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/package/2.1.0_rydvusnd4biuws73vnz24j3wlu:
-    resolution: {integrity: sha512-c6PLH9G2YLQ48kqrS2XX422BrLNABBstSiapamchVJaQnOTXyJmUR8KmoCCySnzVy3PiYL6jg12UnoPmjW3SwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/package/-/package-2.1.0.tgz}
-    id: registry.npmjs.org/@sveltejs/package/2.1.0
+  registry.npmjs.org/@sveltejs/package@2.2.1(svelte@4.2.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-7Yv4SdoOZFPYWK1/A8LtZ7+WLlZny/4q5sWbU7dnkEqbIt5j4V3TzrquT9nAE6sUy6Dghxf35dXoPIdvRH7w7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/package/-/package-2.2.1.tgz}
+    id: registry.npmjs.org/@sveltejs/package/2.2.1
     name: '@sveltejs/package'
-    version: 2.1.0
+    version: 2.2.1
     engines: {node: ^16.14 || >=18}
     hasBin: true
     peerDependencies:
       svelte: ^3.44.0 || ^4.0.0
     dependencies:
-      chokidar: registry.npmjs.org/chokidar/3.5.3
-      kleur: registry.npmjs.org/kleur/4.1.5
-      sade: registry.npmjs.org/sade/1.8.1
-      svelte: registry.npmjs.org/svelte/4.0.0
-      svelte2tsx: registry.npmjs.org/svelte2tsx/0.6.15_rydvusnd4biuws73vnz24j3wlu
+      chokidar: registry.npmjs.org/chokidar@3.5.3
+      kleur: registry.npmjs.org/kleur@4.1.5
+      sade: registry.npmjs.org/sade@1.8.1
+      semver: registry.npmjs.org/semver@7.5.3
+      svelte: registry.npmjs.org/svelte@4.2.0
+      svelte2tsx: registry.npmjs.org/svelte2tsx@0.6.20(svelte@4.2.0)(typescript@5.1.3)
     transitivePeerDependencies:
       - typescript
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2_k3t2aclno3pjdujtbtaxhi4r4m:
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.2.0)(vite@4.3.9):
     resolution: {integrity: sha512-Cy1dUMcYCnDVV/hPLXa43YZJ2jGKVW5rA0xuNL9dlmYhT0yoS1g7+FOFSRlgk0BXKk/Oc7grs+8BVA5Iz2fr8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.2.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2
     name: '@sveltejs/vite-plugin-svelte-inspector'
@@ -1509,15 +1611,15 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1_svelte@4.0.0+vite@4.3.9
-      debug: registry.npmjs.org/debug/4.3.4
-      svelte: registry.npmjs.org/svelte/4.0.0
-      vite: registry.npmjs.org/vite/4.3.9
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.3.9)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      svelte: registry.npmjs.org/svelte@4.2.0
+      vite: registry.npmjs.org/vite@4.3.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1_svelte@4.0.0+vite@4.3.9:
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.3.9):
     resolution: {integrity: sha512-bNNKvoRY89ptY7udeBSCmTdCVwkjmMcZ0j/z9J5MuedT8jPjq0zrknAo/jF1sToAza4NVaAgR9AkZoD9oJJmnA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.1.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1
     name: '@sveltejs/vite-plugin-svelte'
@@ -1527,20 +1629,20 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2_k3t2aclno3pjdujtbtaxhi4r4m
-      debug: registry.npmjs.org/debug/4.3.4
-      deepmerge: registry.npmjs.org/deepmerge/4.3.1
-      kleur: registry.npmjs.org/kleur/4.1.5
-      magic-string: registry.npmjs.org/magic-string/0.30.0
-      svelte: registry.npmjs.org/svelte/4.0.0
-      svelte-hmr: registry.npmjs.org/svelte-hmr/0.15.2_svelte@4.0.0
-      vite: registry.npmjs.org/vite/4.3.9
-      vitefu: registry.npmjs.org/vitefu/0.2.4_vite@4.3.9
+      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.2.0)(vite@4.3.9)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      deepmerge: registry.npmjs.org/deepmerge@4.3.1
+      kleur: registry.npmjs.org/kleur@4.1.5
+      magic-string: registry.npmjs.org/magic-string@0.30.0
+      svelte: registry.npmjs.org/svelte@4.2.0
+      svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.2(svelte@4.2.0)
+      vite: registry.npmjs.org/vite@4.3.9
+      vitefu: registry.npmjs.org/vitefu@0.2.4(vite@4.3.9)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@swc/core-darwin-arm64/1.3.63:
+  registry.npmjs.org/@swc/core-darwin-arm64@1.3.63:
     resolution: {integrity: sha512-lNR0BgG0/6dGpGP+AyFZoZ3YBhZN5GzvgAUzwy4skqn5sKZ7duQD02CNq1lIy7Im5BzgMUcJ+/Z7z/YUlqBK+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.63.tgz}
     name: '@swc/core-darwin-arm64'
     version: 1.3.63
@@ -1551,7 +1653,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-darwin-x64/1.3.63:
+  registry.npmjs.org/@swc/core-darwin-x64@1.3.63:
     resolution: {integrity: sha512-1lydnc+LgSD0gwD1axW3+Y1htKZZRn33aJF4ITd6hsA9Y2eIhdMVxgx6peXp8wWzoRBXy5GEMTnd7704oya4zw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.63.tgz}
     name: '@swc/core-darwin-x64'
     version: 1.3.63
@@ -1562,7 +1664,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-arm-gnueabihf/1.3.63:
+  registry.npmjs.org/@swc/core-linux-arm-gnueabihf@1.3.63:
     resolution: {integrity: sha512-cJT+XJ6f25QeAcz2ONy1i8WKP6olqOIbU5fHZKsoPqEZmLkK5NCTnmIolT0HZpH1SNkE/hHkPYGn620Domvn8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.63.tgz}
     name: '@swc/core-linux-arm-gnueabihf'
     version: 1.3.63
@@ -1573,7 +1675,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-arm64-gnu/1.3.63:
+  registry.npmjs.org/@swc/core-linux-arm64-gnu@1.3.63:
     resolution: {integrity: sha512-xtuk0v/86i0UR6G+5X6l3bgP1I1iWlEI23ad44L0FNrZ8wLLEvVzYuVoI6U5fKbp91LAsVpdWyyvSAo1sT7BWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.63.tgz}
     name: '@swc/core-linux-arm64-gnu'
     version: 1.3.63
@@ -1584,7 +1686,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-arm64-musl/1.3.63:
+  registry.npmjs.org/@swc/core-linux-arm64-musl@1.3.63:
     resolution: {integrity: sha512-AIRqE/3659zt5hfZzj3i/xtJbJl1iz9FcYEGUsIqqrxouqZWNbFujQpIguX4qFI7uoM+m6p6pqLjMmArwErRxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.63.tgz}
     name: '@swc/core-linux-arm64-musl'
     version: 1.3.63
@@ -1595,7 +1697,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-x64-gnu/1.3.63:
+  registry.npmjs.org/@swc/core-linux-x64-gnu@1.3.63:
     resolution: {integrity: sha512-EAB5gkgDvStJofvdQU40hqEqjtSvtPs3PR0WupZtbLKWWCTWg76uTXQZEKNYx9r60Pt7sx1BAa3XnqgXjmcjDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.63.tgz}
     name: '@swc/core-linux-x64-gnu'
     version: 1.3.63
@@ -1606,7 +1708,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-x64-musl/1.3.63:
+  registry.npmjs.org/@swc/core-linux-x64-musl@1.3.63:
     resolution: {integrity: sha512-8ScbtDPd8Hr1VkpzCseI5H770YgxxjTFsxinH9UtJWJBFIkdu2rEwjgz4t+lDjsc/R3JWaKt1q8Dkgzqmj+77g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.63.tgz}
     name: '@swc/core-linux-x64-musl'
     version: 1.3.63
@@ -1617,7 +1719,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-win32-arm64-msvc/1.3.63:
+  registry.npmjs.org/@swc/core-win32-arm64-msvc@1.3.63:
     resolution: {integrity: sha512-+41tEugXJjpK04KIb2+Xlpb1NArhIne4u0NQo+cHb6ekJoqQmgIj3uNJhQ0v+0DDMjFqbA07l0KYNMgYLBls/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.63.tgz}
     name: '@swc/core-win32-arm64-msvc'
     version: 1.3.63
@@ -1628,7 +1730,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-win32-ia32-msvc/1.3.63:
+  registry.npmjs.org/@swc/core-win32-ia32-msvc@1.3.63:
     resolution: {integrity: sha512-W6nPOD5k++rSmoAb0Jg0h7gyfjly8b5ld7cSnmrWKXfmjgxOqxcoqP2LlzNkamg320eqkGaD9n+UnPJDteLTBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.63.tgz}
     name: '@swc/core-win32-ia32-msvc'
     version: 1.3.63
@@ -1639,7 +1741,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-win32-x64-msvc/1.3.63:
+  registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.63:
     resolution: {integrity: sha512-MHNCF3GWtlKZL3vNhMiCrtM4gBHqAv0Iw38bLoJRagh1Q/UDNVjNzWhgngCno9NUQodMtCo6G7iTQilW7YaAQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.63.tgz}
     name: '@swc/core-win32-x64-msvc'
     version: 1.3.63
@@ -1650,7 +1752,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core/1.3.63:
+  registry.npmjs.org/@swc/core@1.3.63:
     resolution: {integrity: sha512-mNRMr0xcqkvnC1a/H7rpMtbIjq7KKy4XaW/+zj3+w9cH5g72eMo3ADNHE03zHoqPn+Ov3szzFOMHT6rgJlRxow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core/-/core-1.3.63.tgz}
     name: '@swc/core'
     version: 1.3.63
@@ -1662,404 +1764,404 @@ packages:
       '@swc/helpers':
         optional: true
     optionalDependencies:
-      '@swc/core-darwin-arm64': registry.npmjs.org/@swc/core-darwin-arm64/1.3.63
-      '@swc/core-darwin-x64': registry.npmjs.org/@swc/core-darwin-x64/1.3.63
-      '@swc/core-linux-arm-gnueabihf': registry.npmjs.org/@swc/core-linux-arm-gnueabihf/1.3.63
-      '@swc/core-linux-arm64-gnu': registry.npmjs.org/@swc/core-linux-arm64-gnu/1.3.63
-      '@swc/core-linux-arm64-musl': registry.npmjs.org/@swc/core-linux-arm64-musl/1.3.63
-      '@swc/core-linux-x64-gnu': registry.npmjs.org/@swc/core-linux-x64-gnu/1.3.63
-      '@swc/core-linux-x64-musl': registry.npmjs.org/@swc/core-linux-x64-musl/1.3.63
-      '@swc/core-win32-arm64-msvc': registry.npmjs.org/@swc/core-win32-arm64-msvc/1.3.63
-      '@swc/core-win32-ia32-msvc': registry.npmjs.org/@swc/core-win32-ia32-msvc/1.3.63
-      '@swc/core-win32-x64-msvc': registry.npmjs.org/@swc/core-win32-x64-msvc/1.3.63
-    dev: true
-
-  registry.npmjs.org/@types/cookie/0.5.1:
+      '@swc/core-darwin-arm64': registry.npmjs.org/@swc/core-darwin-arm64@1.3.63
+      '@swc/core-darwin-x64': registry.npmjs.org/@swc/core-darwin-x64@1.3.63
+      '@swc/core-linux-arm-gnueabihf': registry.npmjs.org/@swc/core-linux-arm-gnueabihf@1.3.63
+      '@swc/core-linux-arm64-gnu': registry.npmjs.org/@swc/core-linux-arm64-gnu@1.3.63
+      '@swc/core-linux-arm64-musl': registry.npmjs.org/@swc/core-linux-arm64-musl@1.3.63
+      '@swc/core-linux-x64-gnu': registry.npmjs.org/@swc/core-linux-x64-gnu@1.3.63
+      '@swc/core-linux-x64-musl': registry.npmjs.org/@swc/core-linux-x64-musl@1.3.63
+      '@swc/core-win32-arm64-msvc': registry.npmjs.org/@swc/core-win32-arm64-msvc@1.3.63
+      '@swc/core-win32-ia32-msvc': registry.npmjs.org/@swc/core-win32-ia32-msvc@1.3.63
+      '@swc/core-win32-x64-msvc': registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.63
+    dev: true
+
+  registry.npmjs.org/@types/cookie@0.5.1:
     resolution: {integrity: sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/cookie/-/cookie-0.5.1.tgz}
     name: '@types/cookie'
     version: 0.5.1
     dev: true
 
-  registry.npmjs.org/@types/d3-array/3.0.5:
+  registry.npmjs.org/@types/d3-array@3.0.5:
     resolution: {integrity: sha512-Qk7fpJ6qFp+26VeQ47WY0mkwXaiq8+76RJcncDEfMc2ocRzXLO67bLFRNI4OX1aGBoPzsM5Y2T+/m1pldOgD+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-array/-/d3-array-3.0.5.tgz}
     name: '@types/d3-array'
     version: 3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-axis/3.0.2:
+  registry.npmjs.org/@types/d3-axis@3.0.2:
     resolution: {integrity: sha512-uGC7DBh0TZrU/LY43Fd8Qr+2ja1FKmH07q2FoZFHo1eYl8aj87GhfVoY1saJVJiq24rp1+wpI6BvQJMKgQm8oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.2.tgz}
     name: '@types/d3-axis'
     version: 3.0.2
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-brush/3.0.2:
+  registry.npmjs.org/@types/d3-brush@3.0.2:
     resolution: {integrity: sha512-2TEm8KzUG3N7z0TrSKPmbxByBx54M+S9lHoP2J55QuLU0VSQ9mE96EJSAOVNEqd1bbynMjeTS9VHmz8/bSw8rA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.2.tgz}
     name: '@types/d3-brush'
     version: 3.0.2
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-chord/3.0.2:
+  registry.npmjs.org/@types/d3-chord@3.0.2:
     resolution: {integrity: sha512-abT/iLHD3sGZwqMTX1TYCMEulr+wBd0SzyOQnjYNLp7sngdOHYtNkMRI5v3w5thoN+BWtlHVDx2Osvq6fxhZWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.2.tgz}
     name: '@types/d3-chord'
     version: 3.0.2
     dev: false
 
-  registry.npmjs.org/@types/d3-color/3.1.0:
+  registry.npmjs.org/@types/d3-color@3.1.0:
     resolution: {integrity: sha512-HKuicPHJuvPgCD+np6Se9MQvS6OCbJmOjGvylzMJRlDwUXjKTTXs6Pwgk79O09Vj/ho3u1ofXnhFOaEWWPrlwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.0.tgz}
     name: '@types/d3-color'
     version: 3.1.0
     dev: false
 
-  registry.npmjs.org/@types/d3-contour/3.0.2:
+  registry.npmjs.org/@types/d3-contour@3.0.2:
     resolution: {integrity: sha512-k6/bGDoAGJZnZWaKzeB+9glgXCYGvh6YlluxzBREiVo8f/X2vpTEdgPy9DN7Z2i42PZOZ4JDhVdlTSTSkLDPlQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.2.tgz}
     name: '@types/d3-contour'
     version: 3.0.2
     dependencies:
-      '@types/d3-array': registry.npmjs.org/@types/d3-array/3.0.5
-      '@types/geojson': registry.npmjs.org/@types/geojson/7946.0.10
+      '@types/d3-array': registry.npmjs.org/@types/d3-array@3.0.5
+      '@types/geojson': registry.npmjs.org/@types/geojson@7946.0.10
     dev: false
 
-  registry.npmjs.org/@types/d3-delaunay/6.0.1:
+  registry.npmjs.org/@types/d3-delaunay@6.0.1:
     resolution: {integrity: sha512-tLxQ2sfT0p6sxdG75c6f/ekqxjyYR0+LwPrsO1mbC9YDBzPJhs2HbJJRrn8Ez1DBoHRo2yx7YEATI+8V1nGMnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-delaunay/-/d3-delaunay-6.0.1.tgz}
     name: '@types/d3-delaunay'
     version: 6.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-dispatch/3.0.2:
+  registry.npmjs.org/@types/d3-dispatch@3.0.2:
     resolution: {integrity: sha512-rxN6sHUXEZYCKV05MEh4z4WpPSqIw+aP7n9ZN6WYAAvZoEAghEK1WeVZMZcHRBwyaKflU43PCUAJNjFxCzPDjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.2.tgz}
     name: '@types/d3-dispatch'
     version: 3.0.2
     dev: false
 
-  registry.npmjs.org/@types/d3-drag/3.0.2:
+  registry.npmjs.org/@types/d3-drag@3.0.2:
     resolution: {integrity: sha512-qmODKEDvyKWVHcWWCOVcuVcOwikLVsyc4q4EBJMREsoQnR2Qoc2cZQUyFUPgO9q4S3qdSqJKBsuefv+h0Qy+tw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.2.tgz}
     name: '@types/d3-drag'
     version: 3.0.2
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-dsv/3.0.1:
+  registry.npmjs.org/@types/d3-dsv@3.0.1:
     resolution: {integrity: sha512-76pBHCMTvPLt44wFOieouXcGXWOF0AJCceUvaFkxSZEu4VDUdv93JfpMa6VGNFs01FHfuP4a5Ou68eRG1KBfTw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.1.tgz}
     name: '@types/d3-dsv'
     version: 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-ease/3.0.0:
+  registry.npmjs.org/@types/d3-ease@3.0.0:
     resolution: {integrity: sha512-aMo4eaAOijJjA6uU+GIeW018dvy9+oH5Y2VPPzjjfxevvGQ/oRDs+tfYC9b50Q4BygRR8yE2QCLsrT0WtAVseA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.0.tgz}
     name: '@types/d3-ease'
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-fetch/3.0.2:
+  registry.npmjs.org/@types/d3-fetch@3.0.2:
     resolution: {integrity: sha512-gllwYWozWfbep16N9fByNBDTkJW/SyhH6SGRlXloR7WdtAaBui4plTP+gbUgiEot7vGw/ZZop1yDZlgXXSuzjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.2.tgz}
     name: '@types/d3-fetch'
     version: 3.0.2
     dependencies:
-      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv/3.0.1
+      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv@3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-force/3.0.4:
+  registry.npmjs.org/@types/d3-force@3.0.4:
     resolution: {integrity: sha512-q7xbVLrWcXvSBBEoadowIUJ7sRpS1yvgMWnzHJggFy5cUZBq2HZL5k/pBSm0GdYWS1vs5/EDwMjSKF55PDY4Aw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.4.tgz}
     name: '@types/d3-force'
     version: 3.0.4
     dev: false
 
-  registry.npmjs.org/@types/d3-format/3.0.1:
+  registry.npmjs.org/@types/d3-format@3.0.1:
     resolution: {integrity: sha512-5KY70ifCCzorkLuIkDe0Z9YTf9RR2CjBX1iaJG+rgM/cPP+sO+q9YdQ9WdhQcgPj1EQiJ2/0+yUkkziTG6Lubg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.1.tgz}
     name: '@types/d3-format'
     version: 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-geo/3.0.3:
+  registry.npmjs.org/@types/d3-geo@3.0.3:
     resolution: {integrity: sha512-bK9uZJS3vuDCNeeXQ4z3u0E7OeJZXjUgzFdSOtNtMCJCLvDtWDwfpRVWlyt3y8EvRzI0ccOu9xlMVirawolSCw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.0.3.tgz}
     name: '@types/d3-geo'
     version: 3.0.3
     dependencies:
-      '@types/geojson': registry.npmjs.org/@types/geojson/7946.0.10
+      '@types/geojson': registry.npmjs.org/@types/geojson@7946.0.10
     dev: false
 
-  registry.npmjs.org/@types/d3-hierarchy/3.1.2:
+  registry.npmjs.org/@types/d3-hierarchy@3.1.2:
     resolution: {integrity: sha512-9hjRTVoZjRFR6xo8igAJyNXQyPX6Aq++Nhb5ebrUF414dv4jr2MitM2fWiOY475wa3Za7TOS2Gh9fmqEhLTt0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz}
     name: '@types/d3-hierarchy'
     version: 3.1.2
     dev: false
 
-  registry.npmjs.org/@types/d3-interpolate/3.0.1:
+  registry.npmjs.org/@types/d3-interpolate@3.0.1:
     resolution: {integrity: sha512-jx5leotSeac3jr0RePOH1KdR9rISG91QIE4Q2PYTu4OymLTZfA3SrnURSLzKH48HmXVUru50b8nje4E79oQSQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.1.tgz}
     name: '@types/d3-interpolate'
     version: 3.0.1
     dependencies:
-      '@types/d3-color': registry.npmjs.org/@types/d3-color/3.1.0
+      '@types/d3-color': registry.npmjs.org/@types/d3-color@3.1.0
     dev: false
 
-  registry.npmjs.org/@types/d3-path/3.0.0:
+  registry.npmjs.org/@types/d3-path@3.0.0:
     resolution: {integrity: sha512-0g/A+mZXgFkQxN3HniRDbXMN79K3CdTpLsevj+PXiTcb2hVyvkZUBg37StmgCQkaD84cUJ4uaDAWq7UJOQy2Tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-path/-/d3-path-3.0.0.tgz}
     name: '@types/d3-path'
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-polygon/3.0.0:
+  registry.npmjs.org/@types/d3-polygon@3.0.0:
     resolution: {integrity: sha512-D49z4DyzTKXM0sGKVqiTDTYr+DHg/uxsiWDAkNrwXYuiZVd9o9wXZIo+YsHkifOiyBkmSWlEngHCQme54/hnHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-polygon/-/d3-polygon-3.0.0.tgz}
     name: '@types/d3-polygon'
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-quadtree/3.0.2:
+  registry.npmjs.org/@types/d3-quadtree@3.0.2:
     resolution: {integrity: sha512-QNcK8Jguvc8lU+4OfeNx+qnVy7c0VrDJ+CCVFS9srBo2GL9Y18CnIxBdTF3v38flrGy5s1YggcoAiu6s4fLQIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.2.tgz}
     name: '@types/d3-quadtree'
     version: 3.0.2
     dev: false
 
-  registry.npmjs.org/@types/d3-random/3.0.1:
+  registry.npmjs.org/@types/d3-random@3.0.1:
     resolution: {integrity: sha512-IIE6YTekGczpLYo/HehAy3JGF1ty7+usI97LqraNa8IiDur+L44d0VOjAvFQWJVdZOJHukUJw+ZdZBlgeUsHOQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.1.tgz}
     name: '@types/d3-random'
     version: 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-scale-chromatic/3.0.0:
+  registry.npmjs.org/@types/d3-scale-chromatic@3.0.0:
     resolution: {integrity: sha512-dsoJGEIShosKVRBZB0Vo3C8nqSDqVGujJU6tPznsBJxNJNwMF8utmS83nvCBKQYPpjCzaaHcrf66iTRpZosLPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.0.0.tgz}
     name: '@types/d3-scale-chromatic'
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-scale/4.0.3:
+  registry.npmjs.org/@types/d3-scale@4.0.3:
     resolution: {integrity: sha512-PATBiMCpvHJSMtZAMEhc2WyL+hnzarKzI6wAHYjhsonjWJYGq5BXTzQjv4l8m2jO183/4wZ90rKvSeT7o72xNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.3.tgz}
     name: '@types/d3-scale'
     version: 4.0.3
     dependencies:
-      '@types/d3-time': registry.npmjs.org/@types/d3-time/3.0.0
+      '@types/d3-time': registry.npmjs.org/@types/d3-time@3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-selection/3.0.5:
+  registry.npmjs.org/@types/d3-selection@3.0.5:
     resolution: {integrity: sha512-xCB0z3Hi8eFIqyja3vW8iV01+OHGYR2di/+e+AiOcXIOrY82lcvWW8Ke1DYE/EUVMsBl4Db9RppSBS3X1U6J0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.5.tgz}
     name: '@types/d3-selection'
     version: 3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-shape/3.1.1:
+  registry.npmjs.org/@types/d3-shape@3.1.1:
     resolution: {integrity: sha512-6Uh86YFF7LGg4PQkuO2oG6EMBRLuW9cbavUW46zkIO5kuS2PfTqo2o9SkgtQzguBHbLgNnU90UNsITpsX1My+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.1.tgz}
     name: '@types/d3-shape'
     version: 3.1.1
     dependencies:
-      '@types/d3-path': registry.npmjs.org/@types/d3-path/3.0.0
+      '@types/d3-path': registry.npmjs.org/@types/d3-path@3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-time-format/4.0.0:
+  registry.npmjs.org/@types/d3-time-format@4.0.0:
     resolution: {integrity: sha512-yjfBUe6DJBsDin2BMIulhSHmr5qNR5Pxs17+oW4DoVPyVIXZ+m6bs7j1UVKP08Emv6jRmYrYqxYzO63mQxy1rw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-time-format/-/d3-time-format-4.0.0.tgz}
     name: '@types/d3-time-format'
     version: 4.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-time/3.0.0:
+  registry.npmjs.org/@types/d3-time@3.0.0:
     resolution: {integrity: sha512-sZLCdHvBUcNby1cB6Fd3ZBrABbjz3v1Vm90nysCQ6Vt7vd6e/h9Lt7SiJUoEX0l4Dzc7P5llKyhqSi1ycSf1Hg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.0.tgz}
     name: '@types/d3-time'
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-timer/3.0.0:
+  registry.npmjs.org/@types/d3-timer@3.0.0:
     resolution: {integrity: sha512-HNB/9GHqu7Fo8AQiugyJbv6ZxYz58wef0esl4Mv828w1ZKpAshw/uFWVDUcIB9KKFeFKoxS3cHY07FFgtTRZ1g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.0.tgz}
     name: '@types/d3-timer'
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-transition/3.0.3:
+  registry.npmjs.org/@types/d3-transition@3.0.3:
     resolution: {integrity: sha512-/S90Od8Id1wgQNvIA8iFv9jRhCiZcGhPd2qX0bKF/PS+y0W5CrXKgIiELd2CvG1mlQrWK/qlYh3VxicqG1ZvgA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.3.tgz}
     name: '@types/d3-transition'
     version: 3.0.3
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-zoom/3.0.3:
+  registry.npmjs.org/@types/d3-zoom@3.0.3:
     resolution: {integrity: sha512-OWk1yYIIWcZ07+igN6BeoG6rqhnJ/pYe+R1qWFM2DtW49zsoSjgb9G5xB0ZXA8hh2jAzey1XuRmMSoXdKw8MDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.3.tgz}
     name: '@types/d3-zoom'
     version: 3.0.3
     dependencies:
-      '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate/3.0.1
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate@3.0.1
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3/7.4.0:
+  registry.npmjs.org/@types/d3@7.4.0:
     resolution: {integrity: sha512-jIfNVK0ZlxcuRDKtRS/SypEyOQ6UHaFQBKv032X45VvxSJ6Yi5G9behy9h6tNTHTDGh5Vq+KbmBjUWLgY4meCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3/-/d3-7.4.0.tgz}
     name: '@types/d3'
     version: 7.4.0
     dependencies:
-      '@types/d3-array': registry.npmjs.org/@types/d3-array/3.0.5
-      '@types/d3-axis': registry.npmjs.org/@types/d3-axis/3.0.2
-      '@types/d3-brush': registry.npmjs.org/@types/d3-brush/3.0.2
-      '@types/d3-chord': registry.npmjs.org/@types/d3-chord/3.0.2
-      '@types/d3-color': registry.npmjs.org/@types/d3-color/3.1.0
-      '@types/d3-contour': registry.npmjs.org/@types/d3-contour/3.0.2
-      '@types/d3-delaunay': registry.npmjs.org/@types/d3-delaunay/6.0.1
-      '@types/d3-dispatch': registry.npmjs.org/@types/d3-dispatch/3.0.2
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
-      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv/3.0.1
-      '@types/d3-ease': registry.npmjs.org/@types/d3-ease/3.0.0
-      '@types/d3-fetch': registry.npmjs.org/@types/d3-fetch/3.0.2
-      '@types/d3-force': registry.npmjs.org/@types/d3-force/3.0.4
-      '@types/d3-format': registry.npmjs.org/@types/d3-format/3.0.1
-      '@types/d3-geo': registry.npmjs.org/@types/d3-geo/3.0.3
-      '@types/d3-hierarchy': registry.npmjs.org/@types/d3-hierarchy/3.1.2
-      '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate/3.0.1
-      '@types/d3-path': registry.npmjs.org/@types/d3-path/3.0.0
-      '@types/d3-polygon': registry.npmjs.org/@types/d3-polygon/3.0.0
-      '@types/d3-quadtree': registry.npmjs.org/@types/d3-quadtree/3.0.2
-      '@types/d3-random': registry.npmjs.org/@types/d3-random/3.0.1
-      '@types/d3-scale': registry.npmjs.org/@types/d3-scale/4.0.3
-      '@types/d3-scale-chromatic': registry.npmjs.org/@types/d3-scale-chromatic/3.0.0
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
-      '@types/d3-shape': registry.npmjs.org/@types/d3-shape/3.1.1
-      '@types/d3-time': registry.npmjs.org/@types/d3-time/3.0.0
-      '@types/d3-time-format': registry.npmjs.org/@types/d3-time-format/4.0.0
-      '@types/d3-timer': registry.npmjs.org/@types/d3-timer/3.0.0
-      '@types/d3-transition': registry.npmjs.org/@types/d3-transition/3.0.3
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
+      '@types/d3-array': registry.npmjs.org/@types/d3-array@3.0.5
+      '@types/d3-axis': registry.npmjs.org/@types/d3-axis@3.0.2
+      '@types/d3-brush': registry.npmjs.org/@types/d3-brush@3.0.2
+      '@types/d3-chord': registry.npmjs.org/@types/d3-chord@3.0.2
+      '@types/d3-color': registry.npmjs.org/@types/d3-color@3.1.0
+      '@types/d3-contour': registry.npmjs.org/@types/d3-contour@3.0.2
+      '@types/d3-delaunay': registry.npmjs.org/@types/d3-delaunay@6.0.1
+      '@types/d3-dispatch': registry.npmjs.org/@types/d3-dispatch@3.0.2
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag@3.0.2
+      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv@3.0.1
+      '@types/d3-ease': registry.npmjs.org/@types/d3-ease@3.0.0
+      '@types/d3-fetch': registry.npmjs.org/@types/d3-fetch@3.0.2
+      '@types/d3-force': registry.npmjs.org/@types/d3-force@3.0.4
+      '@types/d3-format': registry.npmjs.org/@types/d3-format@3.0.1
+      '@types/d3-geo': registry.npmjs.org/@types/d3-geo@3.0.3
+      '@types/d3-hierarchy': registry.npmjs.org/@types/d3-hierarchy@3.1.2
+      '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate@3.0.1
+      '@types/d3-path': registry.npmjs.org/@types/d3-path@3.0.0
+      '@types/d3-polygon': registry.npmjs.org/@types/d3-polygon@3.0.0
+      '@types/d3-quadtree': registry.npmjs.org/@types/d3-quadtree@3.0.2
+      '@types/d3-random': registry.npmjs.org/@types/d3-random@3.0.1
+      '@types/d3-scale': registry.npmjs.org/@types/d3-scale@4.0.3
+      '@types/d3-scale-chromatic': registry.npmjs.org/@types/d3-scale-chromatic@3.0.0
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
+      '@types/d3-shape': registry.npmjs.org/@types/d3-shape@3.1.1
+      '@types/d3-time': registry.npmjs.org/@types/d3-time@3.0.0
+      '@types/d3-time-format': registry.npmjs.org/@types/d3-time-format@4.0.0
+      '@types/d3-timer': registry.npmjs.org/@types/d3-timer@3.0.0
+      '@types/d3-transition': registry.npmjs.org/@types/d3-transition@3.0.3
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom@3.0.3
     dev: false
 
-  registry.npmjs.org/@types/dagre/0.7.48:
+  registry.npmjs.org/@types/dagre@0.7.48:
     resolution: {integrity: sha512-rF3yXSwHIrDxEkN6edCE4TXknb5YSEpiXfLaspw1I08grC49ZFuAVGOQCmZGIuLUGoFgcqGlUFBL/XrpgYpQgw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/dagre/-/dagre-0.7.48.tgz}
     name: '@types/dagre'
     version: 0.7.48
     dev: true
 
-  registry.npmjs.org/@types/estree/1.0.1:
+  registry.npmjs.org/@types/estree@1.0.1:
     resolution: {integrity: sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz}
     name: '@types/estree'
     version: 1.0.1
     dev: true
 
-  registry.npmjs.org/@types/geojson/7946.0.10:
+  registry.npmjs.org/@types/geojson@7946.0.10:
     resolution: {integrity: sha512-Nmh0K3iWQJzniTuPRcJn5hxXkfB1T1pgB89SBig5PlJQU5yocazeu4jATJlaA0GYFKWMqDdvYemoSnF2pXgLVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.10.tgz}
     name: '@types/geojson'
     version: 7946.0.10
     dev: false
 
-  registry.npmjs.org/@types/is-ci/3.0.0:
+  registry.npmjs.org/@types/is-ci@3.0.0:
     resolution: {integrity: sha512-Q0Op0hdWbYd1iahB+IFNQcWXFq4O0Q5MwQP7uN0souuQ4rPg1vEYcnIOfr1gY+M+6rc8FGoRaBO1mOOvL29sEQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/is-ci/-/is-ci-3.0.0.tgz}
     name: '@types/is-ci'
     version: 3.0.0
     dependencies:
-      ci-info: registry.npmjs.org/ci-info/3.8.0
+      ci-info: registry.npmjs.org/ci-info@3.8.0
     dev: true
 
-  registry.npmjs.org/@types/json-schema/7.0.12:
+  registry.npmjs.org/@types/json-schema@7.0.12:
     resolution: {integrity: sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz}
     name: '@types/json-schema'
     version: 7.0.12
     dev: true
 
-  registry.npmjs.org/@types/minimist/1.2.2:
+  registry.npmjs.org/@types/minimist@1.2.2:
     resolution: {integrity: sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz}
     name: '@types/minimist'
     version: 1.2.2
     dev: true
 
-  registry.npmjs.org/@types/node/12.20.55:
+  registry.npmjs.org/@types/node@12.20.55:
     resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-12.20.55.tgz}
     name: '@types/node'
     version: 12.20.55
     dev: true
 
-  registry.npmjs.org/@types/node/14.18.51:
+  registry.npmjs.org/@types/node@14.18.51:
     resolution: {integrity: sha512-P9bsdGFPpVtofEKlhWMVS2qqx1A/rt9QBfihWlklfHHpUpjtYse5AzFz6j4DWrARLYh6gRnw9+5+DJcrq3KvBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-14.18.51.tgz}
     name: '@types/node'
     version: 14.18.51
     dev: true
 
-  registry.npmjs.org/@types/node/18.16.18:
+  registry.npmjs.org/@types/node@18.16.18:
     resolution: {integrity: sha512-/aNaQZD0+iSBAGnvvN2Cx92HqE5sZCPZtx2TsK+4nvV23fFe09jVDvpArXr2j9DnYlzuU9WuoykDDc6wqvpNcw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-18.16.18.tgz}
     name: '@types/node'
     version: 18.16.18
     dev: true
 
-  registry.npmjs.org/@types/normalize-package-data/2.4.1:
+  registry.npmjs.org/@types/normalize-package-data@2.4.1:
     resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz}
     name: '@types/normalize-package-data'
     version: 2.4.1
     dev: true
 
-  registry.npmjs.org/@types/prop-types/15.7.5:
+  registry.npmjs.org/@types/prop-types@15.7.5:
     resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz}
     name: '@types/prop-types'
     version: 15.7.5
     dev: true
 
-  registry.npmjs.org/@types/pug/2.0.6:
+  registry.npmjs.org/@types/pug@2.0.6:
     resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/pug/-/pug-2.0.6.tgz}
     name: '@types/pug'
     version: 2.0.6
     dev: true
 
-  registry.npmjs.org/@types/react-dom/18.2.5:
+  registry.npmjs.org/@types/react-dom@18.2.5:
     resolution: {integrity: sha512-sRQsOS/sCLnpQhR4DSKGTtWFE3FZjpQa86KPVbhUqdYMRZ9FEFcfAytKhR/vUG2rH1oFbOOej6cuD7MFSobDRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.5.tgz}
     name: '@types/react-dom'
     version: 18.2.5
     dependencies:
-      '@types/react': registry.npmjs.org/@types/react/18.2.12
+      '@types/react': registry.npmjs.org/@types/react@18.2.12
     dev: true
 
-  registry.npmjs.org/@types/react/18.2.12:
+  registry.npmjs.org/@types/react@18.2.12:
     resolution: {integrity: sha512-ndmBMLCgn38v3SntMeoJaIrO6tGHYKMEBohCUmw8HoLLQdRMOIGXfeYaBTLe2lsFaSB3MOK1VXscYFnmLtTSmw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.12.tgz}
     name: '@types/react'
     version: 18.2.12
     dependencies:
-      '@types/prop-types': registry.npmjs.org/@types/prop-types/15.7.5
-      '@types/scheduler': registry.npmjs.org/@types/scheduler/0.16.3
-      csstype: registry.npmjs.org/csstype/3.1.2
+      '@types/prop-types': registry.npmjs.org/@types/prop-types@15.7.5
+      '@types/scheduler': registry.npmjs.org/@types/scheduler@0.16.3
+      csstype: registry.npmjs.org/csstype@3.1.2
     dev: true
 
-  registry.npmjs.org/@types/resolve/1.20.2:
+  registry.npmjs.org/@types/resolve@1.20.2:
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz}
     name: '@types/resolve'
     version: 1.20.2
     dev: true
 
-  registry.npmjs.org/@types/scheduler/0.16.3:
+  registry.npmjs.org/@types/scheduler@0.16.3:
     resolution: {integrity: sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz}
     name: '@types/scheduler'
     version: 0.16.3
     dev: true
 
-  registry.npmjs.org/@types/semver/6.2.3:
+  registry.npmjs.org/@types/semver@6.2.3:
     resolution: {integrity: sha512-KQf+QAMWKMrtBMsB8/24w53tEsxllMj6TuA80TT/5igJalLI/zm0L3oXRbIAl4Ohfc85gyHX/jhMwsVkmhLU4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/semver/-/semver-6.2.3.tgz}
     name: '@types/semver'
     version: 6.2.3
     dev: true
 
-  registry.npmjs.org/@types/semver/7.5.0:
+  registry.npmjs.org/@types/semver@7.5.0:
     resolution: {integrity: sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz}
     name: '@types/semver'
     version: 7.5.0
     dev: true
 
-  registry.npmjs.org/@types/sinonjs__fake-timers/8.1.1:
+  registry.npmjs.org/@types/sinonjs__fake-timers@8.1.1:
     resolution: {integrity: sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.1.tgz}
     name: '@types/sinonjs__fake-timers'
     version: 8.1.1
     dev: true
 
-  registry.npmjs.org/@types/sizzle/2.3.3:
+  registry.npmjs.org/@types/sizzle@2.3.3:
     resolution: {integrity: sha512-JYM8x9EGF163bEyhdJBpR2QX1R5naCJHC8ucJylJ3w9/CVBaskdQ8WqBf8MmQrd1kRvp/a4TS8HJ+bxzR7ZJYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.3.tgz}
     name: '@types/sizzle'
     version: 2.3.3
     dev: true
 
-  registry.npmjs.org/@types/yauzl/2.10.0:
+  registry.npmjs.org/@types/yauzl@2.10.0:
     resolution: {integrity: sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.0.tgz}
     name: '@types/yauzl'
     version: 2.10.0
     requiresBuild: true
     dependencies:
-      '@types/node': registry.npmjs.org/@types/node/14.18.51
+      '@types/node': registry.npmjs.org/@types/node@14.18.51
     dev: true
     optional: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0_6yzi2ymi2jevhjfd3hf6w262e4:
+  registry.npmjs.org/@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-78B+anHLF1TI8Jn/cD0Q00TBYdMgjdOn980JfAVa9yw5sop8nyTfVOQAv6LWywkOGLclDBtv5z3oxN4w7jxyNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0
     name: '@typescript-eslint/eslint-plugin'
@@ -2073,55 +2175,57 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.60.0_7yfldhli4vs6yywnkyiujhawka
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.60.0_7yfldhli4vs6yywnkyiujhawka
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.60.0_7yfldhli4vs6yywnkyiujhawka
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.43.0
-      grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
-      ignore: registry.npmjs.org/ignore/5.2.4
-      natural-compare-lite: registry.npmjs.org/natural-compare-lite/1.4.0
-      semver: registry.npmjs.org/semver/7.5.1
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.5.1
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@5.60.0
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      grapheme-splitter: registry.npmjs.org/grapheme-splitter@1.0.4
+      ignore: registry.npmjs.org/ignore@5.2.4
+      natural-compare-lite: registry.npmjs.org/natural-compare-lite@1.4.0
+      semver: registry.npmjs.org/semver@7.5.1
+      tsutils: registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0_xj5ev3uwennxkmahqnxqanffxm:
-    resolution: {integrity: sha512-78B+anHLF1TI8Jn/cD0Q00TBYdMgjdOn980JfAVa9yw5sop8nyTfVOQAv6LWywkOGLclDBtv5z3oxN4w7jxyNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.60.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0
+  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.3.0(@typescript-eslint/parser@6.3.0)(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-IZYjYZ0ifGSLZbwMqIip/nOamFiWJ9AH+T/GYNZBWkVcyNQOFGtSMoWV7RvY4poYCMZ/4lHzNl796WOSNxmk8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.3.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.3.0
     name: '@typescript-eslint/eslint-plugin'
-    version: 5.60.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    version: 6.3.0
+    engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^5.0.0
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+      eslint: ^7.0.0 || ^8.0.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.42.0
-      grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
-      ignore: registry.npmjs.org/ignore/5.2.4
-      natural-compare-lite: registry.npmjs.org/natural-compare-lite/1.4.0
-      semver: registry.npmjs.org/semver/7.5.1
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.5.1
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.3.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.3.0
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.3.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.3.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.3.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.42.0
+      graphemer: registry.npmjs.org/graphemer@1.4.0
+      ignore: registry.npmjs.org/ignore@5.2.4
+      natural-compare: registry.npmjs.org/natural-compare@1.4.0
+      natural-compare-lite: registry.npmjs.org/natural-compare-lite@1.4.0
+      semver: registry.npmjs.org/semver@7.5.4
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser/5.60.0_7yfldhli4vs6yywnkyiujhawka:
+  registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-jBONcBsDJ9UoTWrARkRRCgDz6wUggmH5RpQVlt7BimSwaTkTjwypGzKORXbR4/2Hqjk9hgwlon2rVQAjWNpkyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/parser/5.60.0
     name: '@typescript-eslint/parser'
@@ -2134,50 +2238,61 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.43.0
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@5.60.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u:
-    resolution: {integrity: sha512-jBONcBsDJ9UoTWrARkRRCgDz6wUggmH5RpQVlt7BimSwaTkTjwypGzKORXbR4/2Hqjk9hgwlon2rVQAjWNpkyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.60.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/5.60.0
+  registry.npmjs.org/@typescript-eslint/parser@6.3.0(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-ibP+y2Gr6p0qsUkhs7InMdXrwldjxZw66wpcQq9/PzAroM45wdwyu81T+7RibNCh8oc0AgrsyCwJByncY0Ongg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.3.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/6.3.0
     name: '@typescript-eslint/parser'
-    version: 5.60.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    version: 6.3.0
+    engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      eslint: ^7.0.0 || ^8.0.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.42.0
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.3.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.3.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.3.0(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.3.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.42.0
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0:
+  registry.npmjs.org/@typescript-eslint/scope-manager@5.60.0:
     resolution: {integrity: sha512-hakuzcxPwXi2ihf9WQu1BbRj1e/Pd8ZZwVTG9kfbxAMZstKz8/9OoexIwnmLzShtsdap5U/CoQGRCWlSuPbYxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.60.0.tgz}
     name: '@typescript-eslint/scope-manager'
     version: 5.60.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.60.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.60.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils/5.60.0_7yfldhli4vs6yywnkyiujhawka:
+  registry.npmjs.org/@typescript-eslint/scope-manager@6.3.0:
+    resolution: {integrity: sha512-WlNFgBEuGu74ahrXzgefiz/QlVb+qg8KDTpknKwR7hMH+lQygWyx0CQFoUmMn1zDkQjTBBIn75IxtWss77iBIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.3.0.tgz}
+    name: '@typescript-eslint/scope-manager'
+    version: 6.3.0
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.3.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.3.0
+    dev: true
+
+  registry.npmjs.org/@typescript-eslint/type-utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-X7NsRQddORMYRFH7FWo6sA9Y/zbJ8s1x1RIAtnlj6YprbToTiQnM6vxcMu7iYhdunmoC0rUWlca13D5DVHkK2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/type-utils/5.60.0
     name: '@typescript-eslint/type-utils'
@@ -2190,47 +2305,54 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.60.0_7yfldhli4vs6yywnkyiujhawka
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.43.0
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      tsutils: registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u:
-    resolution: {integrity: sha512-X7NsRQddORMYRFH7FWo6sA9Y/zbJ8s1x1RIAtnlj6YprbToTiQnM6vxcMu7iYhdunmoC0rUWlca13D5DVHkK2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.60.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/5.60.0
+  registry.npmjs.org/@typescript-eslint/type-utils@6.3.0(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-7Oj+1ox1T2Yc8PKpBvOKWhoI/4rWFd1j7FA/rPE0lbBPXTKjdbtC+7Ev0SeBjEKkIhKWVeZSP+mR7y1Db1CdfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.3.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/6.3.0
     name: '@typescript-eslint/type-utils'
-    version: 5.60.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    version: 6.3.0
+    engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      eslint: '*'
+      eslint: ^7.0.0 || ^8.0.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.42.0
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.3.0(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.3.0(eslint@8.42.0)(typescript@5.1.3)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.42.0
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types/5.60.0:
+  registry.npmjs.org/@typescript-eslint/types@5.60.0:
     resolution: {integrity: sha512-ascOuoCpNZBccFVNJRSC6rPq4EmJ2NkuoKnd6LDNyAQmdDnziAtxbCGWCbefG1CNzmDvd05zO36AmB7H8RzKPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.60.0.tgz}
     name: '@typescript-eslint/types'
     version: 5.60.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3:
+  registry.npmjs.org/@typescript-eslint/types@6.3.0:
+    resolution: {integrity: sha512-K6TZOvfVyc7MO9j60MkRNWyFSf86IbOatTKGrpTQnzarDZPYPVy0oe3myTMq7VjhfsUAbNUW8I5s+2lZvtx1gg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-6.3.0.tgz}
+    name: '@typescript-eslint/types'
+    version: 6.3.0
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dev: true
+
+  registry.npmjs.org/@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3):
     resolution: {integrity: sha512-R43thAuwarC99SnvrBmh26tc7F6sPa2B3evkXp/8q954kYL6Ro56AwASYWtEEi+4j09GbiNAHqYwNNZuNlARGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0
     name: '@typescript-eslint/typescript-estree'
@@ -2242,19 +2364,43 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.60.0
-      debug: registry.npmjs.org/debug/4.3.4
-      globby: registry.npmjs.org/globby/11.1.0
-      is-glob: registry.npmjs.org/is-glob/4.0.3
-      semver: registry.npmjs.org/semver/7.5.1
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.60.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      globby: registry.npmjs.org/globby@11.1.0
+      is-glob: registry.npmjs.org/is-glob@4.0.3
+      semver: registry.npmjs.org/semver@7.5.1
+      tsutils: registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  registry.npmjs.org/@typescript-eslint/typescript-estree@6.3.0(typescript@5.1.3):
+    resolution: {integrity: sha512-Xh4NVDaC4eYKY4O3QGPuQNp5NxBAlEvNQYOqJquR2MePNxO11E5K3t5x4M4Mx53IZvtpW+mBxIT0s274fLUocg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.3.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.3.0
+    name: '@typescript-eslint/typescript-estree'
+    version: 6.3.0
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.3.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.3.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      globby: registry.npmjs.org/globby@11.1.0
+      is-glob: registry.npmjs.org/is-glob@4.0.3
+      semver: registry.npmjs.org/semver@7.5.4
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils/5.60.0_7yfldhli4vs6yywnkyiujhawka:
+  registry.npmjs.org/@typescript-eslint/utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-ba51uMqDtfLQ5+xHtwlO84vkdjrqNzOnqrnwbMHMRY8Tqeme8C2Q8Fc7LajfGR+e3/4LoYiWXUM6BpIIbHJ4hQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/utils/5.60.0
     name: '@typescript-eslint/utils'
@@ -2263,54 +2409,63 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.43.0
-      '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.12
-      '@types/semver': registry.npmjs.org/@types/semver/7.5.0
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
-      eslint: registry.npmjs.org/eslint/8.43.0
-      eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
-      semver: registry.npmjs.org/semver/7.5.1
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
+      '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.12
+      '@types/semver': registry.npmjs.org/@types/semver@7.5.0
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@5.60.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      eslint-scope: registry.npmjs.org/eslint-scope@5.1.1
+      semver: registry.npmjs.org/semver@7.5.1
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u:
-    resolution: {integrity: sha512-ba51uMqDtfLQ5+xHtwlO84vkdjrqNzOnqrnwbMHMRY8Tqeme8C2Q8Fc7LajfGR+e3/4LoYiWXUM6BpIIbHJ4hQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.60.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/5.60.0
+  registry.npmjs.org/@typescript-eslint/utils@6.3.0(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-hLLg3BZE07XHnpzglNBG8P/IXq/ZVXraEbgY7FM0Cnc1ehM8RMdn9mat3LubJ3KBeYXXPxV1nugWbQPjGeJk6Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.3.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/6.3.0
     name: '@typescript-eslint/utils'
-    version: 5.60.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    version: 6.3.0
+    engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-    dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.42.0
-      '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.12
-      '@types/semver': registry.npmjs.org/@types/semver/7.5.0
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
-      eslint: registry.npmjs.org/eslint/8.42.0
-      eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
-      semver: registry.npmjs.org/semver/7.5.1
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.42.0)
+      '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.12
+      '@types/semver': registry.npmjs.org/@types/semver@7.5.0
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.3.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.3.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.3.0(typescript@5.1.3)
+      eslint: registry.npmjs.org/eslint@8.42.0
+      semver: registry.npmjs.org/semver@7.5.4
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys/5.60.0:
+  registry.npmjs.org/@typescript-eslint/visitor-keys@5.60.0:
     resolution: {integrity: sha512-wm9Uz71SbCyhUKgcaPRauBdTegUyY/ZWl8gLwD/i/ybJqscrrdVSFImpvUz16BLPChIeKBK5Fa9s6KDQjsjyWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.60.0.tgz}
     name: '@typescript-eslint/visitor-keys'
     version: 5.60.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
+    dev: true
+
+  registry.npmjs.org/@typescript-eslint/visitor-keys@6.3.0:
+    resolution: {integrity: sha512-kEhRRj7HnvaSjux1J9+7dBen15CdWmDnwrpyiHsFX6Qx2iW5LOBUgNefOFeh2PjWPlNwN8TOn6+4eBU3J/gupw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.3.0.tgz}
+    name: '@typescript-eslint/visitor-keys'
+    version: 6.3.0
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.3.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
     dev: true
 
-  registry.npmjs.org/@vitejs/plugin-react-swc/3.3.2_vite@4.3.9:
+  registry.npmjs.org/@vitejs/plugin-react-swc@3.3.2(vite@4.3.9):
     resolution: {integrity: sha512-VJFWY5sfoZerQRvJrh518h3AcQt6f/yTuWn4/TRB+dqmYU0NX1qz7qM5Wfd+gOQqUzQW4gxKqKN3KpE/P3+zrA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.3.2.tgz}
     id: registry.npmjs.org/@vitejs/plugin-react-swc/3.3.2
     name: '@vitejs/plugin-react-swc'
@@ -2318,13 +2473,13 @@ packages:
     peerDependencies:
       vite: ^4
     dependencies:
-      '@swc/core': registry.npmjs.org/@swc/core/1.3.63
-      vite: registry.npmjs.org/vite/4.3.9
+      '@swc/core': registry.npmjs.org/@swc/core@1.3.63
+      vite: registry.npmjs.org/vite@4.3.9
     transitivePeerDependencies:
       - '@swc/helpers'
     dev: true
 
-  registry.npmjs.org/@vitejs/plugin-react/4.0.0_vite@4.3.9:
+  registry.npmjs.org/@vitejs/plugin-react@4.0.0(vite@4.3.9):
     resolution: {integrity: sha512-HX0XzMjL3hhOYm+0s95pb0Z7F8O81G7joUHgfDd/9J/ZZf5k4xX6QAMFkKsHFxaHlf6X7GD7+XuaZ66ULiJuhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.0.0.tgz}
     id: registry.npmjs.org/@vitejs/plugin-react/4.0.0
     name: '@vitejs/plugin-react'
@@ -2333,16 +2488,16 @@ packages:
     peerDependencies:
       vite: ^4.2.0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.22.5
-      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.22.5_@babel+core@7.22.5
-      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.22.5_@babel+core@7.22.5
-      react-refresh: registry.npmjs.org/react-refresh/0.14.0
-      vite: registry.npmjs.org/vite/4.3.9
+      '@babel/core': registry.npmjs.org/@babel/core@7.22.5
+      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.22.5)
+      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.22.5)
+      react-refresh: registry.npmjs.org/react-refresh@0.14.0
+      vite: registry.npmjs.org/vite@4.3.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/acorn-jsx/5.3.2_acorn@8.8.2:
+  registry.npmjs.org/acorn-jsx@5.3.2(acorn@8.8.2):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz}
     id: registry.npmjs.org/acorn-jsx/5.3.2
     name: acorn-jsx
@@ -2350,10 +2505,18 @@ packages:
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      acorn: registry.npmjs.org/acorn/8.8.2
+      acorn: registry.npmjs.org/acorn@8.8.2
     dev: true
 
-  registry.npmjs.org/acorn/8.8.2:
+  registry.npmjs.org/acorn@8.10.0:
+    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz}
+    name: acorn
+    version: 8.10.0
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: true
+
+  registry.npmjs.org/acorn@8.8.2:
     resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz}
     name: acorn
     version: 8.8.2
@@ -2361,226 +2524,226 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/aggregate-error/3.1.0:
+  registry.npmjs.org/aggregate-error@3.1.0:
     resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz}
     name: aggregate-error
     version: 3.1.0
     engines: {node: '>=8'}
     dependencies:
-      clean-stack: registry.npmjs.org/clean-stack/2.2.0
-      indent-string: registry.npmjs.org/indent-string/4.0.0
+      clean-stack: registry.npmjs.org/clean-stack@2.2.0
+      indent-string: registry.npmjs.org/indent-string@4.0.0
     dev: true
 
-  registry.npmjs.org/ajv/6.12.6:
+  registry.npmjs.org/ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz}
     name: ajv
     version: 6.12.6
     dependencies:
-      fast-deep-equal: registry.npmjs.org/fast-deep-equal/3.1.3
-      fast-json-stable-stringify: registry.npmjs.org/fast-json-stable-stringify/2.1.0
-      json-schema-traverse: registry.npmjs.org/json-schema-traverse/0.4.1
-      uri-js: registry.npmjs.org/uri-js/4.4.1
+      fast-deep-equal: registry.npmjs.org/fast-deep-equal@3.1.3
+      fast-json-stable-stringify: registry.npmjs.org/fast-json-stable-stringify@2.1.0
+      json-schema-traverse: registry.npmjs.org/json-schema-traverse@0.4.1
+      uri-js: registry.npmjs.org/uri-js@4.4.1
     dev: true
 
-  registry.npmjs.org/ansi-colors/4.1.3:
+  registry.npmjs.org/ansi-colors@4.1.3:
     resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz}
     name: ansi-colors
     version: 4.1.3
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/ansi-escapes/4.3.2:
+  registry.npmjs.org/ansi-escapes@4.3.2:
     resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz}
     name: ansi-escapes
     version: 4.3.2
     engines: {node: '>=8'}
     dependencies:
-      type-fest: registry.npmjs.org/type-fest/0.21.3
+      type-fest: registry.npmjs.org/type-fest@0.21.3
     dev: true
 
-  registry.npmjs.org/ansi-regex/5.0.1:
+  registry.npmjs.org/ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz}
     name: ansi-regex
     version: 5.0.1
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/ansi-styles/3.2.1:
+  registry.npmjs.org/ansi-styles@3.2.1:
     resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz}
     name: ansi-styles
     version: 3.2.1
     engines: {node: '>=4'}
     dependencies:
-      color-convert: registry.npmjs.org/color-convert/1.9.3
+      color-convert: registry.npmjs.org/color-convert@1.9.3
     dev: true
 
-  registry.npmjs.org/ansi-styles/4.3.0:
+  registry.npmjs.org/ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz}
     name: ansi-styles
     version: 4.3.0
     engines: {node: '>=8'}
     dependencies:
-      color-convert: registry.npmjs.org/color-convert/2.0.1
+      color-convert: registry.npmjs.org/color-convert@2.0.1
     dev: true
 
-  registry.npmjs.org/anymatch/3.1.3:
+  registry.npmjs.org/anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz}
     name: anymatch
     version: 3.1.3
     engines: {node: '>= 8'}
     dependencies:
-      normalize-path: registry.npmjs.org/normalize-path/3.0.0
-      picomatch: registry.npmjs.org/picomatch/2.3.1
+      normalize-path: registry.npmjs.org/normalize-path@3.0.0
+      picomatch: registry.npmjs.org/picomatch@2.3.1
     dev: true
 
-  registry.npmjs.org/arch/2.2.0:
+  registry.npmjs.org/arch@2.2.0:
     resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arch/-/arch-2.2.0.tgz}
     name: arch
     version: 2.2.0
     dev: true
 
-  registry.npmjs.org/arg/5.0.2:
+  registry.npmjs.org/arg@5.0.2:
     resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arg/-/arg-5.0.2.tgz}
     name: arg
     version: 5.0.2
     dev: true
 
-  registry.npmjs.org/argparse/1.0.10:
+  registry.npmjs.org/argparse@1.0.10:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz}
     name: argparse
     version: 1.0.10
     dependencies:
-      sprintf-js: registry.npmjs.org/sprintf-js/1.0.3
+      sprintf-js: registry.npmjs.org/sprintf-js@1.0.3
     dev: true
 
-  registry.npmjs.org/argparse/2.0.1:
+  registry.npmjs.org/argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz}
     name: argparse
     version: 2.0.1
     dev: true
 
-  registry.npmjs.org/aria-query/5.3.0:
+  registry.npmjs.org/aria-query@5.3.0:
     resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz}
     name: aria-query
     version: 5.3.0
     dependencies:
-      dequal: registry.npmjs.org/dequal/2.0.3
+      dequal: registry.npmjs.org/dequal@2.0.3
     dev: true
 
-  registry.npmjs.org/array-buffer-byte-length/1.0.0:
+  registry.npmjs.org/array-buffer-byte-length@1.0.0:
     resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz}
     name: array-buffer-byte-length
     version: 1.0.0
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      is-array-buffer: registry.npmjs.org/is-array-buffer/3.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      is-array-buffer: registry.npmjs.org/is-array-buffer@3.0.2
     dev: true
 
-  registry.npmjs.org/array-includes/3.1.6:
+  registry.npmjs.org/array-includes@3.1.6:
     resolution: {integrity: sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz}
     name: array-includes
     version: 3.1.6
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
-      is-string: registry.npmjs.org/is-string/1.0.7
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      is-string: registry.npmjs.org/is-string@1.0.7
     dev: true
 
-  registry.npmjs.org/array-union/2.1.0:
+  registry.npmjs.org/array-union@2.1.0:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz}
     name: array-union
     version: 2.1.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/array.prototype.flat/1.3.1:
+  registry.npmjs.org/array.prototype.flat@1.3.1:
     resolution: {integrity: sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz}
     name: array.prototype.flat
     version: 1.3.1
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
-      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables/1.0.0
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.0
     dev: true
 
-  registry.npmjs.org/array.prototype.flatmap/1.3.1:
+  registry.npmjs.org/array.prototype.flatmap@1.3.1:
     resolution: {integrity: sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz}
     name: array.prototype.flatmap
     version: 1.3.1
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
-      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables/1.0.0
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.0
     dev: true
 
-  registry.npmjs.org/array.prototype.tosorted/1.1.1:
+  registry.npmjs.org/array.prototype.tosorted@1.1.1:
     resolution: {integrity: sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz}
     name: array.prototype.tosorted
     version: 1.1.1
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
-      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables/1.0.0
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.0
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
     dev: true
 
-  registry.npmjs.org/arrify/1.0.1:
+  registry.npmjs.org/arrify@1.0.1:
     resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz}
     name: arrify
     version: 1.0.1
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/asn1/0.2.6:
+  registry.npmjs.org/asn1@0.2.6:
     resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz}
     name: asn1
     version: 0.2.6
     dependencies:
-      safer-buffer: registry.npmjs.org/safer-buffer/2.1.2
+      safer-buffer: registry.npmjs.org/safer-buffer@2.1.2
     dev: true
 
-  registry.npmjs.org/assert-plus/1.0.0:
+  registry.npmjs.org/assert-plus@1.0.0:
     resolution: {integrity: sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz}
     name: assert-plus
     version: 1.0.0
     engines: {node: '>=0.8'}
     dev: true
 
-  registry.npmjs.org/astral-regex/2.0.0:
+  registry.npmjs.org/astral-regex@2.0.0:
     resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz}
     name: astral-regex
     version: 2.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/async/3.2.4:
+  registry.npmjs.org/async@3.2.4:
     resolution: {integrity: sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/async/-/async-3.2.4.tgz}
     name: async
     version: 3.2.4
     dev: true
 
-  registry.npmjs.org/asynckit/0.4.0:
+  registry.npmjs.org/asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz}
     name: asynckit
     version: 0.4.0
     dev: true
 
-  registry.npmjs.org/at-least-node/1.0.0:
+  registry.npmjs.org/at-least-node@1.0.0:
     resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz}
     name: at-least-node
     version: 1.0.0
     engines: {node: '>= 4.0.0'}
     dev: true
 
-  registry.npmjs.org/autoprefixer/10.4.14_postcss@8.4.24:
+  registry.npmjs.org/autoprefixer@10.4.14(postcss@8.4.24):
     resolution: {integrity: sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz}
     id: registry.npmjs.org/autoprefixer/10.4.14
     name: autoprefixer
@@ -2590,525 +2753,525 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      browserslist: registry.npmjs.org/browserslist/4.21.8
-      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001502
-      fraction.js: registry.npmjs.org/fraction.js/4.2.0
-      normalize-range: registry.npmjs.org/normalize-range/0.1.2
-      picocolors: registry.npmjs.org/picocolors/1.0.0
-      postcss: registry.npmjs.org/postcss/8.4.24
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser/4.2.0
+      browserslist: registry.npmjs.org/browserslist@4.21.8
+      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001502
+      fraction.js: registry.npmjs.org/fraction.js@4.2.0
+      normalize-range: registry.npmjs.org/normalize-range@0.1.2
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/available-typed-arrays/1.0.5:
+  registry.npmjs.org/available-typed-arrays@1.0.5:
     resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz}
     name: available-typed-arrays
     version: 1.0.5
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/aws-sign2/0.7.0:
+  registry.npmjs.org/aws-sign2@0.7.0:
     resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz}
     name: aws-sign2
     version: 0.7.0
     dev: true
 
-  registry.npmjs.org/aws4/1.12.0:
+  registry.npmjs.org/aws4@1.12.0:
     resolution: {integrity: sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz}
     name: aws4
     version: 1.12.0
     dev: true
 
-  registry.npmjs.org/axios/0.27.2_debug@4.3.4:
+  registry.npmjs.org/axios@0.27.2(debug@4.3.4):
     resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axios/-/axios-0.27.2.tgz}
     id: registry.npmjs.org/axios/0.27.2
     name: axios
     version: 0.27.2
     dependencies:
-      follow-redirects: registry.npmjs.org/follow-redirects/1.15.2_debug@4.3.4
-      form-data: registry.npmjs.org/form-data/4.0.0
+      follow-redirects: registry.npmjs.org/follow-redirects@1.15.2(debug@4.3.4)
+      form-data: registry.npmjs.org/form-data@4.0.0
     transitivePeerDependencies:
       - debug
     dev: true
 
-  registry.npmjs.org/axobject-query/3.2.1:
+  registry.npmjs.org/axobject-query@3.2.1:
     resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz}
     name: axobject-query
     version: 3.2.1
     dependencies:
-      dequal: registry.npmjs.org/dequal/2.0.3
+      dequal: registry.npmjs.org/dequal@2.0.3
     dev: true
 
-  registry.npmjs.org/balanced-match/1.0.2:
+  registry.npmjs.org/balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz}
     name: balanced-match
     version: 1.0.2
     dev: true
 
-  registry.npmjs.org/base64-js/1.5.1:
+  registry.npmjs.org/base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz}
     name: base64-js
     version: 1.5.1
     dev: true
 
-  registry.npmjs.org/bcrypt-pbkdf/1.0.2:
+  registry.npmjs.org/bcrypt-pbkdf@1.0.2:
     resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz}
     name: bcrypt-pbkdf
     version: 1.0.2
     dependencies:
-      tweetnacl: registry.npmjs.org/tweetnacl/0.14.5
+      tweetnacl: registry.npmjs.org/tweetnacl@0.14.5
     dev: true
 
-  registry.npmjs.org/better-path-resolve/1.0.0:
+  registry.npmjs.org/better-path-resolve@1.0.0:
     resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/better-path-resolve/-/better-path-resolve-1.0.0.tgz}
     name: better-path-resolve
     version: 1.0.0
     engines: {node: '>=4'}
     dependencies:
-      is-windows: registry.npmjs.org/is-windows/1.0.2
+      is-windows: registry.npmjs.org/is-windows@1.0.2
     dev: true
 
-  registry.npmjs.org/binary-extensions/2.2.0:
+  registry.npmjs.org/binary-extensions@2.2.0:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz}
     name: binary-extensions
     version: 2.2.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/blob-util/2.0.2:
+  registry.npmjs.org/blob-util@2.0.2:
     resolution: {integrity: sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/blob-util/-/blob-util-2.0.2.tgz}
     name: blob-util
     version: 2.0.2
     dev: true
 
-  registry.npmjs.org/bluebird/3.7.2:
+  registry.npmjs.org/bluebird@3.7.2:
     resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz}
     name: bluebird
     version: 3.7.2
     dev: true
 
-  registry.npmjs.org/brace-expansion/1.1.11:
+  registry.npmjs.org/brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz}
     name: brace-expansion
     version: 1.1.11
     dependencies:
-      balanced-match: registry.npmjs.org/balanced-match/1.0.2
-      concat-map: registry.npmjs.org/concat-map/0.0.1
+      balanced-match: registry.npmjs.org/balanced-match@1.0.2
+      concat-map: registry.npmjs.org/concat-map@0.0.1
     dev: true
 
-  registry.npmjs.org/brace-expansion/2.0.1:
+  registry.npmjs.org/brace-expansion@2.0.1:
     resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz}
     name: brace-expansion
     version: 2.0.1
     dependencies:
-      balanced-match: registry.npmjs.org/balanced-match/1.0.2
+      balanced-match: registry.npmjs.org/balanced-match@1.0.2
     dev: true
 
-  registry.npmjs.org/braces/3.0.2:
+  registry.npmjs.org/braces@3.0.2:
     resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/braces/-/braces-3.0.2.tgz}
     name: braces
     version: 3.0.2
     engines: {node: '>=8'}
     dependencies:
-      fill-range: registry.npmjs.org/fill-range/7.0.1
+      fill-range: registry.npmjs.org/fill-range@7.0.1
     dev: true
 
-  registry.npmjs.org/breakword/1.0.6:
+  registry.npmjs.org/breakword@1.0.6:
     resolution: {integrity: sha512-yjxDAYyK/pBvws9H4xKYpLDpYKEH6CzrBPAuXq3x18I+c/2MkVtT3qAr7Oloi6Dss9qNhPVueAAVU1CSeNDIXw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/breakword/-/breakword-1.0.6.tgz}
     name: breakword
     version: 1.0.6
     dependencies:
-      wcwidth: registry.npmjs.org/wcwidth/1.0.1
+      wcwidth: registry.npmjs.org/wcwidth@1.0.1
     dev: true
 
-  registry.npmjs.org/browserslist/4.21.8:
+  registry.npmjs.org/browserslist@4.21.8:
     resolution: {integrity: sha512-j+7xYe+v+q2Id9qbBeCI8WX5NmZSRe8es1+0xntD/+gaWXznP8tFEkv5IgSaHf5dS1YwVMbX/4W6m937mj+wQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.21.8.tgz}
     name: browserslist
     version: 4.21.8
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001502
-      electron-to-chromium: registry.npmjs.org/electron-to-chromium/1.4.428
-      node-releases: registry.npmjs.org/node-releases/2.0.12
-      update-browserslist-db: registry.npmjs.org/update-browserslist-db/1.0.11_browserslist@4.21.8
+      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001502
+      electron-to-chromium: registry.npmjs.org/electron-to-chromium@1.4.428
+      node-releases: registry.npmjs.org/node-releases@2.0.12
+      update-browserslist-db: registry.npmjs.org/update-browserslist-db@1.0.11(browserslist@4.21.8)
     dev: true
 
-  registry.npmjs.org/buffer-crc32/0.2.13:
+  registry.npmjs.org/buffer-crc32@0.2.13:
     resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz}
     name: buffer-crc32
     version: 0.2.13
     dev: true
 
-  registry.npmjs.org/buffer-from/1.1.2:
+  registry.npmjs.org/buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz}
     name: buffer-from
     version: 1.1.2
     dev: true
 
-  registry.npmjs.org/buffer/5.7.1:
+  registry.npmjs.org/buffer@5.7.1:
     resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz}
     name: buffer
     version: 5.7.1
     dependencies:
-      base64-js: registry.npmjs.org/base64-js/1.5.1
-      ieee754: registry.npmjs.org/ieee754/1.2.1
+      base64-js: registry.npmjs.org/base64-js@1.5.1
+      ieee754: registry.npmjs.org/ieee754@1.2.1
     dev: true
 
-  registry.npmjs.org/builtin-modules/3.3.0:
+  registry.npmjs.org/builtin-modules@3.3.0:
     resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz}
     name: builtin-modules
     version: 3.3.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/busboy/1.6.0:
+  registry.npmjs.org/busboy@1.6.0:
     resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz}
     name: busboy
     version: 1.6.0
     engines: {node: '>=10.16.0'}
     dependencies:
-      streamsearch: registry.npmjs.org/streamsearch/1.1.0
+      streamsearch: registry.npmjs.org/streamsearch@1.1.0
     dev: true
 
-  registry.npmjs.org/cachedir/2.3.0:
+  registry.npmjs.org/cachedir@2.3.0:
     resolution: {integrity: sha512-A+Fezp4zxnit6FanDmv9EqXNAi3vt9DWp51/71UEhXukb7QUuvtv9344h91dyAxuTLoSYJFU299qzR3tzwPAhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cachedir/-/cachedir-2.3.0.tgz}
     name: cachedir
     version: 2.3.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/call-bind/1.0.2:
+  registry.npmjs.org/call-bind@1.0.2:
     resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz}
     name: call-bind
     version: 1.0.2
     dependencies:
-      function-bind: registry.npmjs.org/function-bind/1.1.1
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
+      function-bind: registry.npmjs.org/function-bind@1.1.1
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
     dev: true
 
-  registry.npmjs.org/callsites/3.1.0:
+  registry.npmjs.org/callsites@3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz}
     name: callsites
     version: 3.1.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/camelcase-keys/6.2.2:
+  registry.npmjs.org/camelcase-keys@6.2.2:
     resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz}
     name: camelcase-keys
     version: 6.2.2
     engines: {node: '>=8'}
     dependencies:
-      camelcase: registry.npmjs.org/camelcase/5.3.1
-      map-obj: registry.npmjs.org/map-obj/4.3.0
-      quick-lru: registry.npmjs.org/quick-lru/4.0.1
+      camelcase: registry.npmjs.org/camelcase@5.3.1
+      map-obj: registry.npmjs.org/map-obj@4.3.0
+      quick-lru: registry.npmjs.org/quick-lru@4.0.1
     dev: true
 
-  registry.npmjs.org/camelcase/5.3.1:
+  registry.npmjs.org/camelcase@5.3.1:
     resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz}
     name: camelcase
     version: 5.3.1
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/caniuse-lite/1.0.30001502:
+  registry.npmjs.org/caniuse-lite@1.0.30001502:
     resolution: {integrity: sha512-AZ+9tFXw1sS0o0jcpJQIXvFTOB/xGiQ4OQ2t98QX3NDn2EZTSRBC801gxrsGgViuq2ak/NLkNgSNEPtCr5lfKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001502.tgz}
     name: caniuse-lite
     version: 1.0.30001502
     dev: true
 
-  registry.npmjs.org/caseless/0.12.0:
+  registry.npmjs.org/caseless@0.12.0:
     resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz}
     name: caseless
     version: 0.12.0
     dev: true
 
-  registry.npmjs.org/chalk/2.4.2:
+  registry.npmjs.org/chalk@2.4.2:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz}
     name: chalk
     version: 2.4.2
     engines: {node: '>=4'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles/3.2.1
-      escape-string-regexp: registry.npmjs.org/escape-string-regexp/1.0.5
-      supports-color: registry.npmjs.org/supports-color/5.5.0
+      ansi-styles: registry.npmjs.org/ansi-styles@3.2.1
+      escape-string-regexp: registry.npmjs.org/escape-string-regexp@1.0.5
+      supports-color: registry.npmjs.org/supports-color@5.5.0
     dev: true
 
-  registry.npmjs.org/chalk/4.1.2:
+  registry.npmjs.org/chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz}
     name: chalk
     version: 4.1.2
     engines: {node: '>=10'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles/4.3.0
-      supports-color: registry.npmjs.org/supports-color/7.2.0
+      ansi-styles: registry.npmjs.org/ansi-styles@4.3.0
+      supports-color: registry.npmjs.org/supports-color@7.2.0
     dev: true
 
-  registry.npmjs.org/chardet/0.7.0:
+  registry.npmjs.org/chardet@0.7.0:
     resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz}
     name: chardet
     version: 0.7.0
     dev: true
 
-  registry.npmjs.org/check-more-types/2.24.0:
+  registry.npmjs.org/check-more-types@2.24.0:
     resolution: {integrity: sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/check-more-types/-/check-more-types-2.24.0.tgz}
     name: check-more-types
     version: 2.24.0
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  registry.npmjs.org/chokidar/3.5.3:
+  registry.npmjs.org/chokidar@3.5.3:
     resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz}
     name: chokidar
     version: 3.5.3
     engines: {node: '>= 8.10.0'}
     dependencies:
-      anymatch: registry.npmjs.org/anymatch/3.1.3
-      braces: registry.npmjs.org/braces/3.0.2
-      glob-parent: registry.npmjs.org/glob-parent/5.1.2
-      is-binary-path: registry.npmjs.org/is-binary-path/2.1.0
-      is-glob: registry.npmjs.org/is-glob/4.0.3
-      normalize-path: registry.npmjs.org/normalize-path/3.0.0
-      readdirp: registry.npmjs.org/readdirp/3.6.0
+      anymatch: registry.npmjs.org/anymatch@3.1.3
+      braces: registry.npmjs.org/braces@3.0.2
+      glob-parent: registry.npmjs.org/glob-parent@5.1.2
+      is-binary-path: registry.npmjs.org/is-binary-path@2.1.0
+      is-glob: registry.npmjs.org/is-glob@4.0.3
+      normalize-path: registry.npmjs.org/normalize-path@3.0.0
+      readdirp: registry.npmjs.org/readdirp@3.6.0
     optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents/2.3.2
+      fsevents: registry.npmjs.org/fsevents@2.3.2
     dev: true
 
-  registry.npmjs.org/ci-info/3.8.0:
+  registry.npmjs.org/ci-info@3.8.0:
     resolution: {integrity: sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz}
     name: ci-info
     version: 3.8.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/classcat/5.0.4:
+  registry.npmjs.org/classcat@5.0.4:
     resolution: {integrity: sha512-sbpkOw6z413p+HDGcBENe498WM9woqWHiJxCq7nvmxe9WmrUmqfAcxpIwAiMtM5Q3AhYkzXcNQHqsWq0mND51g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/classcat/-/classcat-5.0.4.tgz}
     name: classcat
     version: 5.0.4
     dev: false
 
-  registry.npmjs.org/clean-stack/2.2.0:
+  registry.npmjs.org/clean-stack@2.2.0:
     resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz}
     name: clean-stack
     version: 2.2.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/cli-cursor/3.1.0:
+  registry.npmjs.org/cli-cursor@3.1.0:
     resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz}
     name: cli-cursor
     version: 3.1.0
     engines: {node: '>=8'}
     dependencies:
-      restore-cursor: registry.npmjs.org/restore-cursor/3.1.0
+      restore-cursor: registry.npmjs.org/restore-cursor@3.1.0
     dev: true
 
-  registry.npmjs.org/cli-table3/0.6.3:
+  registry.npmjs.org/cli-table3@0.6.3:
     resolution: {integrity: sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.3.tgz}
     name: cli-table3
     version: 0.6.3
     engines: {node: 10.* || >= 12.*}
     dependencies:
-      string-width: registry.npmjs.org/string-width/4.2.3
+      string-width: registry.npmjs.org/string-width@4.2.3
     optionalDependencies:
-      '@colors/colors': registry.npmjs.org/@colors/colors/1.5.0
+      '@colors/colors': registry.npmjs.org/@colors/colors@1.5.0
     dev: true
 
-  registry.npmjs.org/cli-truncate/2.1.0:
+  registry.npmjs.org/cli-truncate@2.1.0:
     resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz}
     name: cli-truncate
     version: 2.1.0
     engines: {node: '>=8'}
     dependencies:
-      slice-ansi: registry.npmjs.org/slice-ansi/3.0.0
-      string-width: registry.npmjs.org/string-width/4.2.3
+      slice-ansi: registry.npmjs.org/slice-ansi@3.0.0
+      string-width: registry.npmjs.org/string-width@4.2.3
     dev: true
 
-  registry.npmjs.org/cliui/6.0.0:
+  registry.npmjs.org/cliui@6.0.0:
     resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz}
     name: cliui
     version: 6.0.0
     dependencies:
-      string-width: registry.npmjs.org/string-width/4.2.3
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
-      wrap-ansi: registry.npmjs.org/wrap-ansi/6.2.0
+      string-width: registry.npmjs.org/string-width@4.2.3
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      wrap-ansi: registry.npmjs.org/wrap-ansi@6.2.0
     dev: true
 
-  registry.npmjs.org/cliui/8.0.1:
+  registry.npmjs.org/cliui@8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz}
     name: cliui
     version: 8.0.1
     engines: {node: '>=12'}
     dependencies:
-      string-width: registry.npmjs.org/string-width/4.2.3
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
-      wrap-ansi: registry.npmjs.org/wrap-ansi/7.0.0
+      string-width: registry.npmjs.org/string-width@4.2.3
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      wrap-ansi: registry.npmjs.org/wrap-ansi@7.0.0
     dev: true
 
-  registry.npmjs.org/clone/1.0.4:
+  registry.npmjs.org/clone@1.0.4:
     resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/clone/-/clone-1.0.4.tgz}
     name: clone
     version: 1.0.4
     engines: {node: '>=0.8'}
     dev: true
 
-  registry.npmjs.org/code-red/1.0.3:
+  registry.npmjs.org/code-red@1.0.3:
     resolution: {integrity: sha512-kVwJELqiILQyG5aeuyKFbdsI1fmQy1Cmf7dQ8eGmVuJoaRVdwey7WaMknr2ZFeVSYSKT0rExsa8EGw0aoI/1QQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/code-red/-/code-red-1.0.3.tgz}
     name: code-red
     version: 1.0.3
     dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
-      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
-      acorn: registry.npmjs.org/acorn/8.8.2
-      estree-walker: registry.npmjs.org/estree-walker/3.0.3
-      periscopic: registry.npmjs.org/periscopic/3.1.0
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
+      acorn: registry.npmjs.org/acorn@8.10.0
+      estree-walker: registry.npmjs.org/estree-walker@3.0.3
+      periscopic: registry.npmjs.org/periscopic@3.1.0
     dev: true
 
-  registry.npmjs.org/color-convert/1.9.3:
+  registry.npmjs.org/color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz}
     name: color-convert
     version: 1.9.3
     dependencies:
-      color-name: registry.npmjs.org/color-name/1.1.3
+      color-name: registry.npmjs.org/color-name@1.1.3
     dev: true
 
-  registry.npmjs.org/color-convert/2.0.1:
+  registry.npmjs.org/color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz}
     name: color-convert
     version: 2.0.1
     engines: {node: '>=7.0.0'}
     dependencies:
-      color-name: registry.npmjs.org/color-name/1.1.4
+      color-name: registry.npmjs.org/color-name@1.1.4
     dev: true
 
-  registry.npmjs.org/color-name/1.1.3:
+  registry.npmjs.org/color-name@1.1.3:
     resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz}
     name: color-name
     version: 1.1.3
     dev: true
 
-  registry.npmjs.org/color-name/1.1.4:
+  registry.npmjs.org/color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz}
     name: color-name
     version: 1.1.4
     dev: true
 
-  registry.npmjs.org/colorette/2.0.20:
+  registry.npmjs.org/colorette@2.0.20:
     resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz}
     name: colorette
     version: 2.0.20
     dev: true
 
-  registry.npmjs.org/combined-stream/1.0.8:
+  registry.npmjs.org/combined-stream@1.0.8:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz}
     name: combined-stream
     version: 1.0.8
     engines: {node: '>= 0.8'}
     dependencies:
-      delayed-stream: registry.npmjs.org/delayed-stream/1.0.0
+      delayed-stream: registry.npmjs.org/delayed-stream@1.0.0
     dev: true
 
-  registry.npmjs.org/commander/2.20.3:
+  registry.npmjs.org/commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/commander/-/commander-2.20.3.tgz}
     name: commander
     version: 2.20.3
     dev: true
 
-  registry.npmjs.org/commander/6.2.1:
+  registry.npmjs.org/commander@6.2.1:
     resolution: {integrity: sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/commander/-/commander-6.2.1.tgz}
     name: commander
     version: 6.2.1
     engines: {node: '>= 6'}
     dev: true
 
-  registry.npmjs.org/common-tags/1.8.2:
+  registry.npmjs.org/common-tags@1.8.2:
     resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz}
     name: common-tags
     version: 1.8.2
     engines: {node: '>=4.0.0'}
     dev: true
 
-  registry.npmjs.org/commondir/1.0.1:
+  registry.npmjs.org/commondir@1.0.1:
     resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz}
     name: commondir
     version: 1.0.1
     dev: true
 
-  registry.npmjs.org/concat-map/0.0.1:
+  registry.npmjs.org/concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz}
     name: concat-map
     version: 0.0.1
     dev: true
 
-  registry.npmjs.org/concurrently/7.6.0:
+  registry.npmjs.org/concurrently@7.6.0:
     resolution: {integrity: sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/concurrently/-/concurrently-7.6.0.tgz}
     name: concurrently
     version: 7.6.0
     engines: {node: ^12.20.0 || ^14.13.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      chalk: registry.npmjs.org/chalk/4.1.2
-      date-fns: registry.npmjs.org/date-fns/2.30.0
-      lodash: registry.npmjs.org/lodash/4.17.21
-      rxjs: registry.npmjs.org/rxjs/7.8.1
-      shell-quote: registry.npmjs.org/shell-quote/1.8.1
-      spawn-command: registry.npmjs.org/spawn-command/0.0.2-1
-      supports-color: registry.npmjs.org/supports-color/8.1.1
-      tree-kill: registry.npmjs.org/tree-kill/1.2.2
-      yargs: registry.npmjs.org/yargs/17.7.2
+      chalk: registry.npmjs.org/chalk@4.1.2
+      date-fns: registry.npmjs.org/date-fns@2.30.0
+      lodash: registry.npmjs.org/lodash@4.17.21
+      rxjs: registry.npmjs.org/rxjs@7.8.1
+      shell-quote: registry.npmjs.org/shell-quote@1.8.1
+      spawn-command: registry.npmjs.org/spawn-command@0.0.2-1
+      supports-color: registry.npmjs.org/supports-color@8.1.1
+      tree-kill: registry.npmjs.org/tree-kill@1.2.2
+      yargs: registry.npmjs.org/yargs@17.7.2
     dev: true
 
-  registry.npmjs.org/convert-source-map/1.9.0:
+  registry.npmjs.org/convert-source-map@1.9.0:
     resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz}
     name: convert-source-map
     version: 1.9.0
     dev: true
 
-  registry.npmjs.org/cookie/0.5.0:
+  registry.npmjs.org/cookie@0.5.0:
     resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz}
     name: cookie
     version: 0.5.0
     engines: {node: '>= 0.6'}
     dev: true
 
-  registry.npmjs.org/core-util-is/1.0.2:
+  registry.npmjs.org/core-util-is@1.0.2:
     resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz}
     name: core-util-is
     version: 1.0.2
     dev: true
 
-  registry.npmjs.org/cross-spawn/5.1.0:
+  registry.npmjs.org/cross-spawn@5.1.0:
     resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz}
     name: cross-spawn
     version: 5.1.0
     dependencies:
-      lru-cache: registry.npmjs.org/lru-cache/4.1.5
-      shebang-command: registry.npmjs.org/shebang-command/1.2.0
-      which: registry.npmjs.org/which/1.3.1
+      lru-cache: registry.npmjs.org/lru-cache@4.1.5
+      shebang-command: registry.npmjs.org/shebang-command@1.2.0
+      which: registry.npmjs.org/which@1.3.1
     dev: true
 
-  registry.npmjs.org/cross-spawn/7.0.3:
+  registry.npmjs.org/cross-spawn@7.0.3:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz}
     name: cross-spawn
     version: 7.0.3
     engines: {node: '>= 8'}
     dependencies:
-      path-key: registry.npmjs.org/path-key/3.1.1
-      shebang-command: registry.npmjs.org/shebang-command/2.0.0
-      which: registry.npmjs.org/which/2.0.2
+      path-key: registry.npmjs.org/path-key@3.1.1
+      shebang-command: registry.npmjs.org/shebang-command@2.0.0
+      which: registry.npmjs.org/which@2.0.2
     dev: true
 
-  registry.npmjs.org/css-tree/2.3.1:
+  registry.npmjs.org/css-tree@2.3.1:
     resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz}
     name: css-tree
     version: 2.3.1
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
     dependencies:
-      mdn-data: registry.npmjs.org/mdn-data/2.0.30
-      source-map-js: registry.npmjs.org/source-map-js/1.0.2
+      mdn-data: registry.npmjs.org/mdn-data@2.0.30
+      source-map-js: registry.npmjs.org/source-map-js@1.0.2
     dev: true
 
-  registry.npmjs.org/cssesc/3.0.0:
+  registry.npmjs.org/cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz}
     name: cssesc
     version: 3.0.0
@@ -3116,43 +3279,43 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/csstype/3.1.2:
+  registry.npmjs.org/csstype@3.1.2:
     resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz}
     name: csstype
     version: 3.1.2
     dev: true
 
-  registry.npmjs.org/csv-generate/3.4.3:
+  registry.npmjs.org/csv-generate@3.4.3:
     resolution: {integrity: sha512-w/T+rqR0vwvHqWs/1ZyMDWtHHSJaN06klRqJXBEpDJaM/+dZkso0OKh1VcuuYvK3XM53KysVNq8Ko/epCK8wOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csv-generate/-/csv-generate-3.4.3.tgz}
     name: csv-generate
     version: 3.4.3
     dev: true
 
-  registry.npmjs.org/csv-parse/4.16.3:
+  registry.npmjs.org/csv-parse@4.16.3:
     resolution: {integrity: sha512-cO1I/zmz4w2dcKHVvpCr7JVRu8/FymG5OEpmvsZYlccYolPBLoVGKUHgNoc4ZGkFeFlWGEDmMyBM+TTqRdW/wg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csv-parse/-/csv-parse-4.16.3.tgz}
     name: csv-parse
     version: 4.16.3
     dev: true
 
-  registry.npmjs.org/csv-stringify/5.6.5:
+  registry.npmjs.org/csv-stringify@5.6.5:
     resolution: {integrity: sha512-PjiQ659aQ+fUTQqSrd1XEDnOr52jh30RBurfzkscaE2tPaFsDH5wOAHJiw8XAHphRknCwMUE9KRayc4K/NbO8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csv-stringify/-/csv-stringify-5.6.5.tgz}
     name: csv-stringify
     version: 5.6.5
     dev: true
 
-  registry.npmjs.org/csv/5.5.3:
+  registry.npmjs.org/csv@5.5.3:
     resolution: {integrity: sha512-QTaY0XjjhTQOdguARF0lGKm5/mEq9PD9/VhZZegHDIBq2tQwgNpHc3dneD4mGo2iJs+fTKv5Bp0fZ+BRuY3Z0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csv/-/csv-5.5.3.tgz}
     name: csv
     version: 5.5.3
     engines: {node: '>= 0.1.90'}
     dependencies:
-      csv-generate: registry.npmjs.org/csv-generate/3.4.3
-      csv-parse: registry.npmjs.org/csv-parse/4.16.3
-      csv-stringify: registry.npmjs.org/csv-stringify/5.6.5
-      stream-transform: registry.npmjs.org/stream-transform/2.1.3
+      csv-generate: registry.npmjs.org/csv-generate@3.4.3
+      csv-parse: registry.npmjs.org/csv-parse@4.16.3
+      csv-stringify: registry.npmjs.org/csv-stringify@5.6.5
+      stream-transform: registry.npmjs.org/stream-transform@2.1.3
     dev: true
 
-  registry.npmjs.org/cypress-real-events/1.8.1_cypress@12.14.0:
+  registry.npmjs.org/cypress-real-events@1.8.1(cypress@12.14.0):
     resolution: {integrity: sha512-8fFnA8EzS3EVbAmpSEUf3A8yZCmfU3IPOSGUDVFCdE1ke1gYL1A+gvXXV6HKUbTPRuvKKt2vpaMbUwYLpDRswQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress-real-events/-/cypress-real-events-1.8.1.tgz}
     id: registry.npmjs.org/cypress-real-events/1.8.1
     name: cypress-real-events
@@ -3160,10 +3323,10 @@ packages:
     peerDependencies:
       cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x
     dependencies:
-      cypress: registry.npmjs.org/cypress/12.14.0
+      cypress: registry.npmjs.org/cypress@12.14.0
     dev: true
 
-  registry.npmjs.org/cypress/12.14.0:
+  registry.npmjs.org/cypress@12.14.0:
     resolution: {integrity: sha512-HiLIXKXZaIT1RT7sw1sVPt+qKtis3uYNm6KwC4qoYjabwLKaqZlyS/P+uVvvlBNcHIwL/BC6nQZajpbUd7hOgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress/-/cypress-12.14.0.tgz}
     name: cypress
     version: 12.14.0
@@ -3171,105 +3334,105 @@ packages:
     hasBin: true
     requiresBuild: true
     dependencies:
-      '@cypress/request': registry.npmjs.org/@cypress/request/2.88.11
-      '@cypress/xvfb': registry.npmjs.org/@cypress/xvfb/1.2.4_supports-color@8.1.1
-      '@types/node': registry.npmjs.org/@types/node/14.18.51
-      '@types/sinonjs__fake-timers': registry.npmjs.org/@types/sinonjs__fake-timers/8.1.1
-      '@types/sizzle': registry.npmjs.org/@types/sizzle/2.3.3
-      arch: registry.npmjs.org/arch/2.2.0
-      blob-util: registry.npmjs.org/blob-util/2.0.2
-      bluebird: registry.npmjs.org/bluebird/3.7.2
-      buffer: registry.npmjs.org/buffer/5.7.1
-      cachedir: registry.npmjs.org/cachedir/2.3.0
-      chalk: registry.npmjs.org/chalk/4.1.2
-      check-more-types: registry.npmjs.org/check-more-types/2.24.0
-      cli-cursor: registry.npmjs.org/cli-cursor/3.1.0
-      cli-table3: registry.npmjs.org/cli-table3/0.6.3
-      commander: registry.npmjs.org/commander/6.2.1
-      common-tags: registry.npmjs.org/common-tags/1.8.2
-      dayjs: registry.npmjs.org/dayjs/1.11.8
-      debug: registry.npmjs.org/debug/4.3.4_supports-color@8.1.1
-      enquirer: registry.npmjs.org/enquirer/2.3.6
-      eventemitter2: registry.npmjs.org/eventemitter2/6.4.7
-      execa: registry.npmjs.org/execa/4.1.0
-      executable: registry.npmjs.org/executable/4.1.1
-      extract-zip: registry.npmjs.org/extract-zip/2.0.1_supports-color@8.1.1
-      figures: registry.npmjs.org/figures/3.2.0
-      fs-extra: registry.npmjs.org/fs-extra/9.1.0
-      getos: registry.npmjs.org/getos/3.2.1
-      is-ci: registry.npmjs.org/is-ci/3.0.1
-      is-installed-globally: registry.npmjs.org/is-installed-globally/0.4.0
-      lazy-ass: registry.npmjs.org/lazy-ass/1.6.0
-      listr2: registry.npmjs.org/listr2/3.14.0_enquirer@2.3.6
-      lodash: registry.npmjs.org/lodash/4.17.21
-      log-symbols: registry.npmjs.org/log-symbols/4.1.0
-      minimist: registry.npmjs.org/minimist/1.2.8
-      ospath: registry.npmjs.org/ospath/1.2.2
-      pretty-bytes: registry.npmjs.org/pretty-bytes/5.6.0
-      proxy-from-env: registry.npmjs.org/proxy-from-env/1.0.0
-      request-progress: registry.npmjs.org/request-progress/3.0.0
-      semver: registry.npmjs.org/semver/7.5.1
-      supports-color: registry.npmjs.org/supports-color/8.1.1
-      tmp: registry.npmjs.org/tmp/0.2.1
-      untildify: registry.npmjs.org/untildify/4.0.0
-      yauzl: registry.npmjs.org/yauzl/2.10.0
-    dev: true
-
-  registry.npmjs.org/d3-color/3.1.0:
+      '@cypress/request': registry.npmjs.org/@cypress/request@2.88.11
+      '@cypress/xvfb': registry.npmjs.org/@cypress/xvfb@1.2.4(supports-color@8.1.1)
+      '@types/node': registry.npmjs.org/@types/node@14.18.51
+      '@types/sinonjs__fake-timers': registry.npmjs.org/@types/sinonjs__fake-timers@8.1.1
+      '@types/sizzle': registry.npmjs.org/@types/sizzle@2.3.3
+      arch: registry.npmjs.org/arch@2.2.0
+      blob-util: registry.npmjs.org/blob-util@2.0.2
+      bluebird: registry.npmjs.org/bluebird@3.7.2
+      buffer: registry.npmjs.org/buffer@5.7.1
+      cachedir: registry.npmjs.org/cachedir@2.3.0
+      chalk: registry.npmjs.org/chalk@4.1.2
+      check-more-types: registry.npmjs.org/check-more-types@2.24.0
+      cli-cursor: registry.npmjs.org/cli-cursor@3.1.0
+      cli-table3: registry.npmjs.org/cli-table3@0.6.3
+      commander: registry.npmjs.org/commander@6.2.1
+      common-tags: registry.npmjs.org/common-tags@1.8.2
+      dayjs: registry.npmjs.org/dayjs@1.11.8
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      enquirer: registry.npmjs.org/enquirer@2.3.6
+      eventemitter2: registry.npmjs.org/eventemitter2@6.4.7
+      execa: registry.npmjs.org/execa@4.1.0
+      executable: registry.npmjs.org/executable@4.1.1
+      extract-zip: registry.npmjs.org/extract-zip@2.0.1(supports-color@8.1.1)
+      figures: registry.npmjs.org/figures@3.2.0
+      fs-extra: registry.npmjs.org/fs-extra@9.1.0
+      getos: registry.npmjs.org/getos@3.2.1
+      is-ci: registry.npmjs.org/is-ci@3.0.1
+      is-installed-globally: registry.npmjs.org/is-installed-globally@0.4.0
+      lazy-ass: registry.npmjs.org/lazy-ass@1.6.0
+      listr2: registry.npmjs.org/listr2@3.14.0(enquirer@2.3.6)
+      lodash: registry.npmjs.org/lodash@4.17.21
+      log-symbols: registry.npmjs.org/log-symbols@4.1.0
+      minimist: registry.npmjs.org/minimist@1.2.8
+      ospath: registry.npmjs.org/ospath@1.2.2
+      pretty-bytes: registry.npmjs.org/pretty-bytes@5.6.0
+      proxy-from-env: registry.npmjs.org/proxy-from-env@1.0.0
+      request-progress: registry.npmjs.org/request-progress@3.0.0
+      semver: registry.npmjs.org/semver@7.5.1
+      supports-color: registry.npmjs.org/supports-color@8.1.1
+      tmp: registry.npmjs.org/tmp@0.2.1
+      untildify: registry.npmjs.org/untildify@4.0.0
+      yauzl: registry.npmjs.org/yauzl@2.10.0
+    dev: true
+
+  registry.npmjs.org/d3-color@3.1.0:
     resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz}
     name: d3-color
     version: 3.1.0
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/d3-dispatch/3.0.1:
+  registry.npmjs.org/d3-dispatch@3.0.1:
     resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz}
     name: d3-dispatch
     version: 3.0.1
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/d3-drag/3.0.0:
+  registry.npmjs.org/d3-drag@3.0.0:
     resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz}
     name: d3-drag
     version: 3.0.0
     engines: {node: '>=12'}
     dependencies:
-      d3-dispatch: registry.npmjs.org/d3-dispatch/3.0.1
-      d3-selection: registry.npmjs.org/d3-selection/3.0.0
+      d3-dispatch: registry.npmjs.org/d3-dispatch@3.0.1
+      d3-selection: registry.npmjs.org/d3-selection@3.0.0
     dev: false
 
-  registry.npmjs.org/d3-ease/3.0.1:
+  registry.npmjs.org/d3-ease@3.0.1:
     resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz}
     name: d3-ease
     version: 3.0.1
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/d3-interpolate/3.0.1:
+  registry.npmjs.org/d3-interpolate@3.0.1:
     resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz}
     name: d3-interpolate
     version: 3.0.1
     engines: {node: '>=12'}
     dependencies:
-      d3-color: registry.npmjs.org/d3-color/3.1.0
+      d3-color: registry.npmjs.org/d3-color@3.1.0
     dev: false
 
-  registry.npmjs.org/d3-selection/3.0.0:
+  registry.npmjs.org/d3-selection@3.0.0:
     resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz}
     name: d3-selection
     version: 3.0.0
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/d3-timer/3.0.1:
+  registry.npmjs.org/d3-timer@3.0.1:
     resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz}
     name: d3-timer
     version: 3.0.1
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/d3-transition/3.0.1_d3-selection@3.0.0:
+  registry.npmjs.org/d3-transition@3.0.1(d3-selection@3.0.0):
     resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz}
     id: registry.npmjs.org/d3-transition/3.0.1
     name: d3-transition
@@ -3278,67 +3441,67 @@ packages:
     peerDependencies:
       d3-selection: 2 - 3
     dependencies:
-      d3-color: registry.npmjs.org/d3-color/3.1.0
-      d3-dispatch: registry.npmjs.org/d3-dispatch/3.0.1
-      d3-ease: registry.npmjs.org/d3-ease/3.0.1
-      d3-interpolate: registry.npmjs.org/d3-interpolate/3.0.1
-      d3-selection: registry.npmjs.org/d3-selection/3.0.0
-      d3-timer: registry.npmjs.org/d3-timer/3.0.1
+      d3-color: registry.npmjs.org/d3-color@3.1.0
+      d3-dispatch: registry.npmjs.org/d3-dispatch@3.0.1
+      d3-ease: registry.npmjs.org/d3-ease@3.0.1
+      d3-interpolate: registry.npmjs.org/d3-interpolate@3.0.1
+      d3-selection: registry.npmjs.org/d3-selection@3.0.0
+      d3-timer: registry.npmjs.org/d3-timer@3.0.1
     dev: false
 
-  registry.npmjs.org/d3-zoom/3.0.0:
+  registry.npmjs.org/d3-zoom@3.0.0:
     resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz}
     name: d3-zoom
     version: 3.0.0
     engines: {node: '>=12'}
     dependencies:
-      d3-dispatch: registry.npmjs.org/d3-dispatch/3.0.1
-      d3-drag: registry.npmjs.org/d3-drag/3.0.0
-      d3-interpolate: registry.npmjs.org/d3-interpolate/3.0.1
-      d3-selection: registry.npmjs.org/d3-selection/3.0.0
-      d3-transition: registry.npmjs.org/d3-transition/3.0.1_d3-selection@3.0.0
+      d3-dispatch: registry.npmjs.org/d3-dispatch@3.0.1
+      d3-drag: registry.npmjs.org/d3-drag@3.0.0
+      d3-interpolate: registry.npmjs.org/d3-interpolate@3.0.1
+      d3-selection: registry.npmjs.org/d3-selection@3.0.0
+      d3-transition: registry.npmjs.org/d3-transition@3.0.1(d3-selection@3.0.0)
     dev: false
 
-  registry.npmjs.org/dagre/0.8.5:
+  registry.npmjs.org/dagre@0.8.5:
     resolution: {integrity: sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dagre/-/dagre-0.8.5.tgz}
     name: dagre
     version: 0.8.5
     dependencies:
-      graphlib: registry.npmjs.org/graphlib/2.1.8
-      lodash: registry.npmjs.org/lodash/4.17.21
+      graphlib: registry.npmjs.org/graphlib@2.1.8
+      lodash: registry.npmjs.org/lodash@4.17.21
     dev: false
 
-  registry.npmjs.org/dashdash/1.14.1:
+  registry.npmjs.org/dashdash@1.14.1:
     resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz}
     name: dashdash
     version: 1.14.1
     engines: {node: '>=0.10'}
     dependencies:
-      assert-plus: registry.npmjs.org/assert-plus/1.0.0
+      assert-plus: registry.npmjs.org/assert-plus@1.0.0
     dev: true
 
-  registry.npmjs.org/dataloader/1.4.0:
+  registry.npmjs.org/dataloader@1.4.0:
     resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dataloader/-/dataloader-1.4.0.tgz}
     name: dataloader
     version: 1.4.0
     dev: true
 
-  registry.npmjs.org/date-fns/2.30.0:
+  registry.npmjs.org/date-fns@2.30.0:
     resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz}
     name: date-fns
     version: 2.30.0
     engines: {node: '>=0.11'}
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
     dev: true
 
-  registry.npmjs.org/dayjs/1.11.8:
+  registry.npmjs.org/dayjs@1.11.8:
     resolution: {integrity: sha512-LcgxzFoWMEPO7ggRv1Y2N31hUf2R0Vj7fuy/m+Bg1K8rr+KAs1AEy4y9jd5DXe8pbHgX+srkHNS7TH6Q6ZhYeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dayjs/-/dayjs-1.11.8.tgz}
     name: dayjs
     version: 1.11.8
     dev: true
 
-  registry.npmjs.org/debug/3.2.7_supports-color@8.1.1:
+  registry.npmjs.org/debug@3.2.7(supports-color@8.1.1):
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-3.2.7.tgz}
     id: registry.npmjs.org/debug/3.2.7
     name: debug
@@ -3349,25 +3512,11 @@ packages:
       supports-color:
         optional: true
     dependencies:
-      ms: registry.npmjs.org/ms/2.1.3
-      supports-color: registry.npmjs.org/supports-color/8.1.1
+      ms: registry.npmjs.org/ms@2.1.3
+      supports-color: registry.npmjs.org/supports-color@8.1.1
     dev: true
 
-  registry.npmjs.org/debug/4.3.4:
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-4.3.4.tgz}
-    name: debug
-    version: 4.3.4
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-    dependencies:
-      ms: registry.npmjs.org/ms/2.1.2
-    dev: true
-
-  registry.npmjs.org/debug/4.3.4_supports-color@8.1.1:
+  registry.npmjs.org/debug@4.3.4(supports-color@8.1.1):
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-4.3.4.tgz}
     id: registry.npmjs.org/debug/4.3.4
     name: debug
@@ -3379,270 +3528,270 @@ packages:
       supports-color:
         optional: true
     dependencies:
-      ms: registry.npmjs.org/ms/2.1.2
-      supports-color: registry.npmjs.org/supports-color/8.1.1
+      ms: registry.npmjs.org/ms@2.1.2
+      supports-color: registry.npmjs.org/supports-color@8.1.1
     dev: true
 
-  registry.npmjs.org/decamelize-keys/1.1.1:
+  registry.npmjs.org/decamelize-keys@1.1.1:
     resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.1.tgz}
     name: decamelize-keys
     version: 1.1.1
     engines: {node: '>=0.10.0'}
     dependencies:
-      decamelize: registry.npmjs.org/decamelize/1.2.0
-      map-obj: registry.npmjs.org/map-obj/1.0.1
+      decamelize: registry.npmjs.org/decamelize@1.2.0
+      map-obj: registry.npmjs.org/map-obj@1.0.1
     dev: true
 
-  registry.npmjs.org/decamelize/1.2.0:
+  registry.npmjs.org/decamelize@1.2.0:
     resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz}
     name: decamelize
     version: 1.2.0
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/dedent-js/1.0.1:
+  registry.npmjs.org/dedent-js@1.0.1:
     resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dedent-js/-/dedent-js-1.0.1.tgz}
     name: dedent-js
     version: 1.0.1
     dev: true
 
-  registry.npmjs.org/deep-is/0.1.4:
+  registry.npmjs.org/deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz}
     name: deep-is
     version: 0.1.4
     dev: true
 
-  registry.npmjs.org/deepmerge/4.3.1:
+  registry.npmjs.org/deepmerge@4.3.1:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz}
     name: deepmerge
     version: 4.3.1
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/defaults/1.0.4:
+  registry.npmjs.org/defaults@1.0.4:
     resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz}
     name: defaults
     version: 1.0.4
     dependencies:
-      clone: registry.npmjs.org/clone/1.0.4
+      clone: registry.npmjs.org/clone@1.0.4
     dev: true
 
-  registry.npmjs.org/define-properties/1.2.0:
+  registry.npmjs.org/define-properties@1.2.0:
     resolution: {integrity: sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz}
     name: define-properties
     version: 1.2.0
     engines: {node: '>= 0.4'}
     dependencies:
-      has-property-descriptors: registry.npmjs.org/has-property-descriptors/1.0.0
-      object-keys: registry.npmjs.org/object-keys/1.1.1
+      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.0
+      object-keys: registry.npmjs.org/object-keys@1.1.1
     dev: true
 
-  registry.npmjs.org/delayed-stream/1.0.0:
+  registry.npmjs.org/delayed-stream@1.0.0:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz}
     name: delayed-stream
     version: 1.0.0
     engines: {node: '>=0.4.0'}
     dev: true
 
-  registry.npmjs.org/dependency-graph/0.11.0:
+  registry.npmjs.org/dependency-graph@0.11.0:
     resolution: {integrity: sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz}
     name: dependency-graph
     version: 0.11.0
     engines: {node: '>= 0.6.0'}
     dev: true
 
-  registry.npmjs.org/dequal/2.0.3:
+  registry.npmjs.org/dequal@2.0.3:
     resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz}
     name: dequal
     version: 2.0.3
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/detect-indent/6.1.0:
+  registry.npmjs.org/detect-indent@6.1.0:
     resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz}
     name: detect-indent
     version: 6.1.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/devalue/4.3.2:
+  registry.npmjs.org/devalue@4.3.2:
     resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/devalue/-/devalue-4.3.2.tgz}
     name: devalue
     version: 4.3.2
     dev: true
 
-  registry.npmjs.org/dir-glob/3.0.1:
+  registry.npmjs.org/dir-glob@3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz}
     name: dir-glob
     version: 3.0.1
     engines: {node: '>=8'}
     dependencies:
-      path-type: registry.npmjs.org/path-type/4.0.0
+      path-type: registry.npmjs.org/path-type@4.0.0
     dev: true
 
-  registry.npmjs.org/doctrine/2.1.0:
+  registry.npmjs.org/doctrine@2.1.0:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz}
     name: doctrine
     version: 2.1.0
     engines: {node: '>=0.10.0'}
     dependencies:
-      esutils: registry.npmjs.org/esutils/2.0.3
+      esutils: registry.npmjs.org/esutils@2.0.3
     dev: true
 
-  registry.npmjs.org/doctrine/3.0.0:
+  registry.npmjs.org/doctrine@3.0.0:
     resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz}
     name: doctrine
     version: 3.0.0
     engines: {node: '>=6.0.0'}
     dependencies:
-      esutils: registry.npmjs.org/esutils/2.0.3
+      esutils: registry.npmjs.org/esutils@2.0.3
     dev: true
 
-  registry.npmjs.org/dotenv/16.0.3:
+  registry.npmjs.org/dotenv@16.0.3:
     resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dotenv/-/dotenv-16.0.3.tgz}
     name: dotenv
     version: 16.0.3
     engines: {node: '>=12'}
     dev: true
 
-  registry.npmjs.org/dotenv/8.6.0:
+  registry.npmjs.org/dotenv@8.6.0:
     resolution: {integrity: sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dotenv/-/dotenv-8.6.0.tgz}
     name: dotenv
     version: 8.6.0
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/duplexer/0.1.2:
+  registry.npmjs.org/duplexer@0.1.2:
     resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz}
     name: duplexer
     version: 0.1.2
     dev: true
 
-  registry.npmjs.org/ecc-jsbn/0.1.2:
+  registry.npmjs.org/ecc-jsbn@0.1.2:
     resolution: {integrity: sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz}
     name: ecc-jsbn
     version: 0.1.2
     dependencies:
-      jsbn: registry.npmjs.org/jsbn/0.1.1
-      safer-buffer: registry.npmjs.org/safer-buffer/2.1.2
+      jsbn: registry.npmjs.org/jsbn@0.1.1
+      safer-buffer: registry.npmjs.org/safer-buffer@2.1.2
     dev: true
 
-  registry.npmjs.org/electron-to-chromium/1.4.428:
+  registry.npmjs.org/electron-to-chromium@1.4.428:
     resolution: {integrity: sha512-L7uUknyY286of0AYC8CKfgWstD0Smk2DvHDi9F0GWQhSH90Bzi7iDrmCbZKz75tYJxeGSAc7TYeKpmbjMDoh1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.428.tgz}
     name: electron-to-chromium
     version: 1.4.428
     dev: true
 
-  registry.npmjs.org/emoji-regex/8.0.0:
+  registry.npmjs.org/emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz}
     name: emoji-regex
     version: 8.0.0
     dev: true
 
-  registry.npmjs.org/end-of-stream/1.4.4:
+  registry.npmjs.org/end-of-stream@1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz}
     name: end-of-stream
     version: 1.4.4
     dependencies:
-      once: registry.npmjs.org/once/1.4.0
+      once: registry.npmjs.org/once@1.4.0
     dev: true
 
-  registry.npmjs.org/enquirer/2.3.6:
+  registry.npmjs.org/enquirer@2.3.6:
     resolution: {integrity: sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz}
     name: enquirer
     version: 2.3.6
     engines: {node: '>=8.6'}
     dependencies:
-      ansi-colors: registry.npmjs.org/ansi-colors/4.1.3
+      ansi-colors: registry.npmjs.org/ansi-colors@4.1.3
     dev: true
 
-  registry.npmjs.org/error-ex/1.3.2:
+  registry.npmjs.org/error-ex@1.3.2:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz}
     name: error-ex
     version: 1.3.2
     dependencies:
-      is-arrayish: registry.npmjs.org/is-arrayish/0.2.1
+      is-arrayish: registry.npmjs.org/is-arrayish@0.2.1
     dev: true
 
-  registry.npmjs.org/es-abstract/1.21.2:
+  registry.npmjs.org/es-abstract@1.21.2:
     resolution: {integrity: sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-abstract/-/es-abstract-1.21.2.tgz}
     name: es-abstract
     version: 1.21.2
     engines: {node: '>= 0.4'}
     dependencies:
-      array-buffer-byte-length: registry.npmjs.org/array-buffer-byte-length/1.0.0
-      available-typed-arrays: registry.npmjs.org/available-typed-arrays/1.0.5
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      es-set-tostringtag: registry.npmjs.org/es-set-tostringtag/2.0.1
-      es-to-primitive: registry.npmjs.org/es-to-primitive/1.2.1
-      function.prototype.name: registry.npmjs.org/function.prototype.name/1.1.5
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
-      get-symbol-description: registry.npmjs.org/get-symbol-description/1.0.0
-      globalthis: registry.npmjs.org/globalthis/1.0.3
-      gopd: registry.npmjs.org/gopd/1.0.1
-      has: registry.npmjs.org/has/1.0.3
-      has-property-descriptors: registry.npmjs.org/has-property-descriptors/1.0.0
-      has-proto: registry.npmjs.org/has-proto/1.0.1
-      has-symbols: registry.npmjs.org/has-symbols/1.0.3
-      internal-slot: registry.npmjs.org/internal-slot/1.0.5
-      is-array-buffer: registry.npmjs.org/is-array-buffer/3.0.2
-      is-callable: registry.npmjs.org/is-callable/1.2.7
-      is-negative-zero: registry.npmjs.org/is-negative-zero/2.0.2
-      is-regex: registry.npmjs.org/is-regex/1.1.4
-      is-shared-array-buffer: registry.npmjs.org/is-shared-array-buffer/1.0.2
-      is-string: registry.npmjs.org/is-string/1.0.7
-      is-typed-array: registry.npmjs.org/is-typed-array/1.1.10
-      is-weakref: registry.npmjs.org/is-weakref/1.0.2
-      object-inspect: registry.npmjs.org/object-inspect/1.12.3
-      object-keys: registry.npmjs.org/object-keys/1.1.1
-      object.assign: registry.npmjs.org/object.assign/4.1.4
-      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags/1.5.0
-      safe-regex-test: registry.npmjs.org/safe-regex-test/1.0.0
-      string.prototype.trim: registry.npmjs.org/string.prototype.trim/1.2.7
-      string.prototype.trimend: registry.npmjs.org/string.prototype.trimend/1.0.6
-      string.prototype.trimstart: registry.npmjs.org/string.prototype.trimstart/1.0.6
-      typed-array-length: registry.npmjs.org/typed-array-length/1.0.4
-      unbox-primitive: registry.npmjs.org/unbox-primitive/1.0.2
-      which-typed-array: registry.npmjs.org/which-typed-array/1.1.9
-    dev: true
-
-  registry.npmjs.org/es-set-tostringtag/2.0.1:
+      array-buffer-byte-length: registry.npmjs.org/array-buffer-byte-length@1.0.0
+      available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      es-set-tostringtag: registry.npmjs.org/es-set-tostringtag@2.0.1
+      es-to-primitive: registry.npmjs.org/es-to-primitive@1.2.1
+      function.prototype.name: registry.npmjs.org/function.prototype.name@1.1.5
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      get-symbol-description: registry.npmjs.org/get-symbol-description@1.0.0
+      globalthis: registry.npmjs.org/globalthis@1.0.3
+      gopd: registry.npmjs.org/gopd@1.0.1
+      has: registry.npmjs.org/has@1.0.3
+      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.0
+      has-proto: registry.npmjs.org/has-proto@1.0.1
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      internal-slot: registry.npmjs.org/internal-slot@1.0.5
+      is-array-buffer: registry.npmjs.org/is-array-buffer@3.0.2
+      is-callable: registry.npmjs.org/is-callable@1.2.7
+      is-negative-zero: registry.npmjs.org/is-negative-zero@2.0.2
+      is-regex: registry.npmjs.org/is-regex@1.1.4
+      is-shared-array-buffer: registry.npmjs.org/is-shared-array-buffer@1.0.2
+      is-string: registry.npmjs.org/is-string@1.0.7
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.10
+      is-weakref: registry.npmjs.org/is-weakref@1.0.2
+      object-inspect: registry.npmjs.org/object-inspect@1.12.3
+      object-keys: registry.npmjs.org/object-keys@1.1.1
+      object.assign: registry.npmjs.org/object.assign@4.1.4
+      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags@1.5.0
+      safe-regex-test: registry.npmjs.org/safe-regex-test@1.0.0
+      string.prototype.trim: registry.npmjs.org/string.prototype.trim@1.2.7
+      string.prototype.trimend: registry.npmjs.org/string.prototype.trimend@1.0.6
+      string.prototype.trimstart: registry.npmjs.org/string.prototype.trimstart@1.0.6
+      typed-array-length: registry.npmjs.org/typed-array-length@1.0.4
+      unbox-primitive: registry.npmjs.org/unbox-primitive@1.0.2
+      which-typed-array: registry.npmjs.org/which-typed-array@1.1.9
+    dev: true
+
+  registry.npmjs.org/es-set-tostringtag@2.0.1:
     resolution: {integrity: sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz}
     name: es-set-tostringtag
     version: 2.0.1
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
-      has: registry.npmjs.org/has/1.0.3
-      has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      has: registry.npmjs.org/has@1.0.3
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
-  registry.npmjs.org/es-shim-unscopables/1.0.0:
+  registry.npmjs.org/es-shim-unscopables@1.0.0:
     resolution: {integrity: sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz}
     name: es-shim-unscopables
     version: 1.0.0
     dependencies:
-      has: registry.npmjs.org/has/1.0.3
+      has: registry.npmjs.org/has@1.0.3
     dev: true
 
-  registry.npmjs.org/es-to-primitive/1.2.1:
+  registry.npmjs.org/es-to-primitive@1.2.1:
     resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz}
     name: es-to-primitive
     version: 1.2.1
     engines: {node: '>= 0.4'}
     dependencies:
-      is-callable: registry.npmjs.org/is-callable/1.2.7
-      is-date-object: registry.npmjs.org/is-date-object/1.0.5
-      is-symbol: registry.npmjs.org/is-symbol/1.0.4
+      is-callable: registry.npmjs.org/is-callable@1.2.7
+      is-date-object: registry.npmjs.org/is-date-object@1.0.5
+      is-symbol: registry.npmjs.org/is-symbol@1.0.4
     dev: true
 
-  registry.npmjs.org/es6-promise/3.3.1:
+  registry.npmjs.org/es6-promise@3.3.1:
     resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es6-promise/-/es6-promise-3.3.1.tgz}
     name: es6-promise
     version: 3.3.1
     dev: true
 
-  registry.npmjs.org/esbuild/0.17.19:
+  registry.npmjs.org/esbuild@0.17.19:
     resolution: {integrity: sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz}
     name: esbuild
     version: 0.17.19
@@ -3650,52 +3799,52 @@ packages:
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm/0.17.19
-      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64/0.17.19
-      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64/0.17.19
-      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64/0.17.19
-      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64/0.17.19
-      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64/0.17.19
-      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64/0.17.19
-      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm/0.17.19
-      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64/0.17.19
-      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32/0.17.19
-      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64/0.17.19
-      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el/0.17.19
-      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64/0.17.19
-      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64/0.17.19
-      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x/0.17.19
-      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64/0.17.19
-      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64/0.17.19
-      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64/0.17.19
-      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64/0.17.19
-      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64/0.17.19
-      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32/0.17.19
-      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64/0.17.19
-    dev: true
-
-  registry.npmjs.org/escalade/3.1.1:
+      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm@0.17.19
+      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64@0.17.19
+      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64@0.17.19
+      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64@0.17.19
+      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64@0.17.19
+      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64@0.17.19
+      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64@0.17.19
+      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm@0.17.19
+      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64@0.17.19
+      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32@0.17.19
+      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64@0.17.19
+      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el@0.17.19
+      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64@0.17.19
+      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64@0.17.19
+      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x@0.17.19
+      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64@0.17.19
+      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64@0.17.19
+      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64@0.17.19
+      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64@0.17.19
+      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64@0.17.19
+      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32@0.17.19
+      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64@0.17.19
+    dev: true
+
+  registry.npmjs.org/escalade@3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz}
     name: escalade
     version: 3.1.1
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/escape-string-regexp/1.0.5:
+  registry.npmjs.org/escape-string-regexp@1.0.5:
     resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz}
     name: escape-string-regexp
     version: 1.0.5
     engines: {node: '>=0.8.0'}
     dev: true
 
-  registry.npmjs.org/escape-string-regexp/4.0.0:
+  registry.npmjs.org/escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz}
     name: escape-string-regexp
     version: 4.0.0
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0:
+  registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.42.0):
     resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz}
     id: registry.npmjs.org/eslint-config-prettier/8.8.0
     name: eslint-config-prettier
@@ -3704,10 +3853,10 @@ packages:
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.42.0
+      eslint: registry.npmjs.org/eslint@8.42.0
     dev: true
 
-  registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.43.0:
+  registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0):
     resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz}
     id: registry.npmjs.org/eslint-config-prettier/8.8.0
     name: eslint-config-prettier
@@ -3716,10 +3865,10 @@ packages:
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.43.0
+      eslint: registry.npmjs.org/eslint@8.43.0
     dev: true
 
-  registry.npmjs.org/eslint-config-turbo/1.10.6_eslint@8.42.0:
+  registry.npmjs.org/eslint-config-turbo@1.10.6(eslint@8.42.0):
     resolution: {integrity: sha512-iZ63etePRUdEIDY5MxdUhU2ekV9TDbVdHg0BK00QqVFgQTXUYuJ7rsQj/wUKTsw3jwhbLfaY6H5sknAgYyWZ2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.6.tgz}
     id: registry.npmjs.org/eslint-config-turbo/1.10.6
     name: eslint-config-turbo
@@ -3727,11 +3876,11 @@ packages:
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.42.0
-      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo/1.10.6_eslint@8.42.0
+      eslint: registry.npmjs.org/eslint@8.42.0
+      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo@1.10.6(eslint@8.42.0)
     dev: true
 
-  registry.npmjs.org/eslint-plugin-prettier/4.2.1_vnriwwub2rhvoyn4ckagrc4lpi:
+  registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.42.0)(prettier@2.8.8):
     resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz}
     id: registry.npmjs.org/eslint-plugin-prettier/4.2.1
     name: eslint-plugin-prettier
@@ -3745,40 +3894,40 @@ packages:
       eslint-config-prettier:
         optional: true
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.42.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0
-      prettier: registry.npmjs.org/prettier/2.8.8
-      prettier-linter-helpers: registry.npmjs.org/prettier-linter-helpers/1.0.0
+      eslint: registry.npmjs.org/eslint@8.42.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.42.0)
+      prettier: registry.npmjs.org/prettier@2.8.8
+      prettier-linter-helpers: registry.npmjs.org/prettier-linter-helpers@1.0.0
     dev: true
 
-  registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.42.0:
-    resolution: {integrity: sha512-t2fBMa+XzonrrNkyVirzKlvn5RXzzPwRHtMvLAtVZrt8oxgnTQaYbU6SXTOO1mwQgp1y5+toMSKInnzGr0Knqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.32.2.tgz}
-    id: registry.npmjs.org/eslint-plugin-react/7.32.2
+  registry.npmjs.org/eslint-plugin-react@7.33.1(eslint@8.42.0):
+    resolution: {integrity: sha512-L093k0WAMvr6VhNwReB8VgOq5s2LesZmrpPdKz/kZElQDzqS7G7+DnKoqT+w4JwuiGeAhAvHO0fvy0Eyk4ejDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.1.tgz}
+    id: registry.npmjs.org/eslint-plugin-react/7.33.1
     name: eslint-plugin-react
-    version: 7.32.2
+    version: 7.33.1
     engines: {node: '>=4'}
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
     dependencies:
-      array-includes: registry.npmjs.org/array-includes/3.1.6
-      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap/1.3.1
-      array.prototype.tosorted: registry.npmjs.org/array.prototype.tosorted/1.1.1
-      doctrine: registry.npmjs.org/doctrine/2.1.0
-      eslint: registry.npmjs.org/eslint/8.42.0
-      estraverse: registry.npmjs.org/estraverse/5.3.0
-      jsx-ast-utils: registry.npmjs.org/jsx-ast-utils/3.3.3
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-      object.entries: registry.npmjs.org/object.entries/1.1.6
-      object.fromentries: registry.npmjs.org/object.fromentries/2.0.6
-      object.hasown: registry.npmjs.org/object.hasown/1.1.2
-      object.values: registry.npmjs.org/object.values/1.1.6
-      prop-types: registry.npmjs.org/prop-types/15.8.1
-      resolve: registry.npmjs.org/resolve/2.0.0-next.4
-      semver: registry.npmjs.org/semver/6.3.0
-      string.prototype.matchall: registry.npmjs.org/string.prototype.matchall/4.0.8
-    dev: true
-
-  registry.npmjs.org/eslint-plugin-svelte/2.31.1_eslint@8.43.0+svelte@4.0.0:
+      array-includes: registry.npmjs.org/array-includes@3.1.6
+      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.1
+      array.prototype.tosorted: registry.npmjs.org/array.prototype.tosorted@1.1.1
+      doctrine: registry.npmjs.org/doctrine@2.1.0
+      eslint: registry.npmjs.org/eslint@8.42.0
+      estraverse: registry.npmjs.org/estraverse@5.3.0
+      jsx-ast-utils: registry.npmjs.org/jsx-ast-utils@3.3.3
+      minimatch: registry.npmjs.org/minimatch@3.1.2
+      object.entries: registry.npmjs.org/object.entries@1.1.6
+      object.fromentries: registry.npmjs.org/object.fromentries@2.0.6
+      object.hasown: registry.npmjs.org/object.hasown@1.1.2
+      object.values: registry.npmjs.org/object.values@1.1.6
+      prop-types: registry.npmjs.org/prop-types@15.8.1
+      resolve: registry.npmjs.org/resolve@2.0.0-next.4
+      semver: registry.npmjs.org/semver@6.3.1
+      string.prototype.matchall: registry.npmjs.org/string.prototype.matchall@4.0.8
+    dev: true
+
+  registry.npmjs.org/eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.0):
     resolution: {integrity: sha512-08v+DqzHiwIVEbi+266D7+BDhayp9OSqCwa/lHaZlZOlFY0vZLYs/h7SkkUPzA5fTVt8OUJBtvCxFiWEYOvvGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-2.31.1.tgz}
     id: registry.npmjs.org/eslint-plugin-svelte/2.31.1
     name: eslint-plugin-svelte
@@ -3791,25 +3940,25 @@ packages:
       svelte:
         optional: true
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.43.0
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.43.0
-      esutils: registry.npmjs.org/esutils/2.0.3
-      known-css-properties: registry.npmjs.org/known-css-properties/0.27.0
-      postcss: registry.npmjs.org/postcss/8.4.24
-      postcss-load-config: registry.npmjs.org/postcss-load-config/3.1.4_postcss@8.4.24
-      postcss-safe-parser: registry.npmjs.org/postcss-safe-parser/6.0.0_postcss@8.4.24
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser/6.0.13
-      semver: registry.npmjs.org/semver/7.5.3
-      svelte: registry.npmjs.org/svelte/4.0.0
-      svelte-eslint-parser: registry.npmjs.org/svelte-eslint-parser/0.31.0_svelte@4.0.0
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      esutils: registry.npmjs.org/esutils@2.0.3
+      known-css-properties: registry.npmjs.org/known-css-properties@0.27.0
+      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss-load-config: registry.npmjs.org/postcss-load-config@3.1.4(postcss@8.4.24)
+      postcss-safe-parser: registry.npmjs.org/postcss-safe-parser@6.0.0(postcss@8.4.24)
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
+      semver: registry.npmjs.org/semver@7.5.3
+      svelte: registry.npmjs.org/svelte@4.2.0
+      svelte-eslint-parser: registry.npmjs.org/svelte-eslint-parser@0.31.0(svelte@4.2.0)
     transitivePeerDependencies:
       - supports-color
       - ts-node
     dev: true
 
-  registry.npmjs.org/eslint-plugin-turbo/1.10.6_eslint@8.42.0:
+  registry.npmjs.org/eslint-plugin-turbo@1.10.6(eslint@8.42.0):
     resolution: {integrity: sha512-jlzfxYaK8hcz1DTk8Glxxi1r0kgdy85191a4CbFOTiiBulmKHMLJgzhsyE9Ong796MA62n91KFpc20BiKjlHwg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.6.tgz}
     id: registry.npmjs.org/eslint-plugin-turbo/1.10.6
     name: eslint-plugin-turbo
@@ -3817,155 +3966,155 @@ packages:
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
-      dotenv: registry.npmjs.org/dotenv/16.0.3
-      eslint: registry.npmjs.org/eslint/8.42.0
+      dotenv: registry.npmjs.org/dotenv@16.0.3
+      eslint: registry.npmjs.org/eslint@8.42.0
     dev: true
 
-  registry.npmjs.org/eslint-scope/5.1.1:
+  registry.npmjs.org/eslint-scope@5.1.1:
     resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz}
     name: eslint-scope
     version: 5.1.1
     engines: {node: '>=8.0.0'}
     dependencies:
-      esrecurse: registry.npmjs.org/esrecurse/4.3.0
-      estraverse: registry.npmjs.org/estraverse/4.3.0
+      esrecurse: registry.npmjs.org/esrecurse@4.3.0
+      estraverse: registry.npmjs.org/estraverse@4.3.0
     dev: true
 
-  registry.npmjs.org/eslint-scope/7.2.0:
+  registry.npmjs.org/eslint-scope@7.2.0:
     resolution: {integrity: sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.0.tgz}
     name: eslint-scope
     version: 7.2.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      esrecurse: registry.npmjs.org/esrecurse/4.3.0
-      estraverse: registry.npmjs.org/estraverse/5.3.0
+      esrecurse: registry.npmjs.org/esrecurse@4.3.0
+      estraverse: registry.npmjs.org/estraverse@5.3.0
     dev: true
 
-  registry.npmjs.org/eslint-visitor-keys/3.4.1:
+  registry.npmjs.org/eslint-visitor-keys@3.4.1:
     resolution: {integrity: sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz}
     name: eslint-visitor-keys
     version: 3.4.1
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/eslint/8.42.0:
+  registry.npmjs.org/eslint@8.42.0:
     resolution: {integrity: sha512-ulg9Ms6E1WPf67PHaEY4/6E2tEn5/f7FXGzr3t9cBMugOmf1INYvuUwwh1aXQN4MfJ6a5K2iNwP3w4AColvI9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.42.0.tgz}
     name: eslint
     version: 8.42.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.42.0
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
-      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc/2.0.3
-      '@eslint/js': registry.npmjs.org/@eslint/js/8.42.0
-      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array/0.11.10
-      '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer/1.0.1
-      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk/1.2.8
-      ajv: registry.npmjs.org/ajv/6.12.6
-      chalk: registry.npmjs.org/chalk/4.1.2
-      cross-spawn: registry.npmjs.org/cross-spawn/7.0.3
-      debug: registry.npmjs.org/debug/4.3.4
-      doctrine: registry.npmjs.org/doctrine/3.0.0
-      escape-string-regexp: registry.npmjs.org/escape-string-regexp/4.0.0
-      eslint-scope: registry.npmjs.org/eslint-scope/7.2.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
-      espree: registry.npmjs.org/espree/9.5.2
-      esquery: registry.npmjs.org/esquery/1.5.0
-      esutils: registry.npmjs.org/esutils/2.0.3
-      fast-deep-equal: registry.npmjs.org/fast-deep-equal/3.1.3
-      file-entry-cache: registry.npmjs.org/file-entry-cache/6.0.1
-      find-up: registry.npmjs.org/find-up/5.0.0
-      glob-parent: registry.npmjs.org/glob-parent/6.0.2
-      globals: registry.npmjs.org/globals/13.20.0
-      graphemer: registry.npmjs.org/graphemer/1.4.0
-      ignore: registry.npmjs.org/ignore/5.2.4
-      import-fresh: registry.npmjs.org/import-fresh/3.3.0
-      imurmurhash: registry.npmjs.org/imurmurhash/0.1.4
-      is-glob: registry.npmjs.org/is-glob/4.0.3
-      is-path-inside: registry.npmjs.org/is-path-inside/3.0.3
-      js-yaml: registry.npmjs.org/js-yaml/4.1.0
-      json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify/1.0.1
-      levn: registry.npmjs.org/levn/0.4.1
-      lodash.merge: registry.npmjs.org/lodash.merge/4.6.2
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-      natural-compare: registry.npmjs.org/natural-compare/1.4.0
-      optionator: registry.npmjs.org/optionator/0.9.1
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
-      strip-json-comments: registry.npmjs.org/strip-json-comments/3.1.1
-      text-table: registry.npmjs.org/text-table/0.2.0
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.42.0)
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.5.1
+      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc@2.0.3
+      '@eslint/js': registry.npmjs.org/@eslint/js@8.42.0
+      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array@0.11.10
+      '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer@1.0.1
+      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk@1.2.8
+      ajv: registry.npmjs.org/ajv@6.12.6
+      chalk: registry.npmjs.org/chalk@4.1.2
+      cross-spawn: registry.npmjs.org/cross-spawn@7.0.3
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      doctrine: registry.npmjs.org/doctrine@3.0.0
+      escape-string-regexp: registry.npmjs.org/escape-string-regexp@4.0.0
+      eslint-scope: registry.npmjs.org/eslint-scope@7.2.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
+      espree: registry.npmjs.org/espree@9.5.2
+      esquery: registry.npmjs.org/esquery@1.5.0
+      esutils: registry.npmjs.org/esutils@2.0.3
+      fast-deep-equal: registry.npmjs.org/fast-deep-equal@3.1.3
+      file-entry-cache: registry.npmjs.org/file-entry-cache@6.0.1
+      find-up: registry.npmjs.org/find-up@5.0.0
+      glob-parent: registry.npmjs.org/glob-parent@6.0.2
+      globals: registry.npmjs.org/globals@13.20.0
+      graphemer: registry.npmjs.org/graphemer@1.4.0
+      ignore: registry.npmjs.org/ignore@5.2.4
+      import-fresh: registry.npmjs.org/import-fresh@3.3.0
+      imurmurhash: registry.npmjs.org/imurmurhash@0.1.4
+      is-glob: registry.npmjs.org/is-glob@4.0.3
+      is-path-inside: registry.npmjs.org/is-path-inside@3.0.3
+      js-yaml: registry.npmjs.org/js-yaml@4.1.0
+      json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify@1.0.1
+      levn: registry.npmjs.org/levn@0.4.1
+      lodash.merge: registry.npmjs.org/lodash.merge@4.6.2
+      minimatch: registry.npmjs.org/minimatch@3.1.2
+      natural-compare: registry.npmjs.org/natural-compare@1.4.0
+      optionator: registry.npmjs.org/optionator@0.9.1
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      strip-json-comments: registry.npmjs.org/strip-json-comments@3.1.1
+      text-table: registry.npmjs.org/text-table@0.2.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/eslint/8.43.0:
+  registry.npmjs.org/eslint@8.43.0:
     resolution: {integrity: sha512-aaCpf2JqqKesMFGgmRPessmVKjcGXqdlAYLLC3THM8t5nBRZRQ+st5WM/hoJXkdioEXLLbXgclUpM0TXo5HX5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.43.0.tgz}
     name: eslint
     version: 8.43.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.43.0
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
-      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc/2.0.3
-      '@eslint/js': registry.npmjs.org/@eslint/js/8.43.0
-      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array/0.11.10
-      '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer/1.0.1
-      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk/1.2.8
-      ajv: registry.npmjs.org/ajv/6.12.6
-      chalk: registry.npmjs.org/chalk/4.1.2
-      cross-spawn: registry.npmjs.org/cross-spawn/7.0.3
-      debug: registry.npmjs.org/debug/4.3.4
-      doctrine: registry.npmjs.org/doctrine/3.0.0
-      escape-string-regexp: registry.npmjs.org/escape-string-regexp/4.0.0
-      eslint-scope: registry.npmjs.org/eslint-scope/7.2.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
-      espree: registry.npmjs.org/espree/9.5.2
-      esquery: registry.npmjs.org/esquery/1.5.0
-      esutils: registry.npmjs.org/esutils/2.0.3
-      fast-deep-equal: registry.npmjs.org/fast-deep-equal/3.1.3
-      file-entry-cache: registry.npmjs.org/file-entry-cache/6.0.1
-      find-up: registry.npmjs.org/find-up/5.0.0
-      glob-parent: registry.npmjs.org/glob-parent/6.0.2
-      globals: registry.npmjs.org/globals/13.20.0
-      graphemer: registry.npmjs.org/graphemer/1.4.0
-      ignore: registry.npmjs.org/ignore/5.2.4
-      import-fresh: registry.npmjs.org/import-fresh/3.3.0
-      imurmurhash: registry.npmjs.org/imurmurhash/0.1.4
-      is-glob: registry.npmjs.org/is-glob/4.0.3
-      is-path-inside: registry.npmjs.org/is-path-inside/3.0.3
-      js-yaml: registry.npmjs.org/js-yaml/4.1.0
-      json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify/1.0.1
-      levn: registry.npmjs.org/levn/0.4.1
-      lodash.merge: registry.npmjs.org/lodash.merge/4.6.2
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-      natural-compare: registry.npmjs.org/natural-compare/1.4.0
-      optionator: registry.npmjs.org/optionator/0.9.1
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
-      strip-json-comments: registry.npmjs.org/strip-json-comments/3.1.1
-      text-table: registry.npmjs.org/text-table/0.2.0
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.5.1
+      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc@2.0.3
+      '@eslint/js': registry.npmjs.org/@eslint/js@8.43.0
+      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array@0.11.10
+      '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer@1.0.1
+      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk@1.2.8
+      ajv: registry.npmjs.org/ajv@6.12.6
+      chalk: registry.npmjs.org/chalk@4.1.2
+      cross-spawn: registry.npmjs.org/cross-spawn@7.0.3
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      doctrine: registry.npmjs.org/doctrine@3.0.0
+      escape-string-regexp: registry.npmjs.org/escape-string-regexp@4.0.0
+      eslint-scope: registry.npmjs.org/eslint-scope@7.2.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
+      espree: registry.npmjs.org/espree@9.5.2
+      esquery: registry.npmjs.org/esquery@1.5.0
+      esutils: registry.npmjs.org/esutils@2.0.3
+      fast-deep-equal: registry.npmjs.org/fast-deep-equal@3.1.3
+      file-entry-cache: registry.npmjs.org/file-entry-cache@6.0.1
+      find-up: registry.npmjs.org/find-up@5.0.0
+      glob-parent: registry.npmjs.org/glob-parent@6.0.2
+      globals: registry.npmjs.org/globals@13.20.0
+      graphemer: registry.npmjs.org/graphemer@1.4.0
+      ignore: registry.npmjs.org/ignore@5.2.4
+      import-fresh: registry.npmjs.org/import-fresh@3.3.0
+      imurmurhash: registry.npmjs.org/imurmurhash@0.1.4
+      is-glob: registry.npmjs.org/is-glob@4.0.3
+      is-path-inside: registry.npmjs.org/is-path-inside@3.0.3
+      js-yaml: registry.npmjs.org/js-yaml@4.1.0
+      json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify@1.0.1
+      levn: registry.npmjs.org/levn@0.4.1
+      lodash.merge: registry.npmjs.org/lodash.merge@4.6.2
+      minimatch: registry.npmjs.org/minimatch@3.1.2
+      natural-compare: registry.npmjs.org/natural-compare@1.4.0
+      optionator: registry.npmjs.org/optionator@0.9.1
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      strip-json-comments: registry.npmjs.org/strip-json-comments@3.1.1
+      text-table: registry.npmjs.org/text-table@0.2.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/esm-env/1.0.0:
+  registry.npmjs.org/esm-env@1.0.0:
     resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz}
     name: esm-env
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/espree/9.5.2:
+  registry.npmjs.org/espree@9.5.2:
     resolution: {integrity: sha512-7OASN1Wma5fum5SrNhFMAMJxOUAbhyfQ8dQ//PJaJbNw0URTPWqIghHWt1MmAANKhHZIYOHruW4Kw4ruUWOdGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/espree/-/espree-9.5.2.tgz}
     name: espree
     version: 9.5.2
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      acorn: registry.npmjs.org/acorn/8.8.2
-      acorn-jsx: registry.npmjs.org/acorn-jsx/5.3.2_acorn@8.8.2
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
+      acorn: registry.npmjs.org/acorn@8.8.2
+      acorn-jsx: registry.npmjs.org/acorn-jsx@5.3.2(acorn@8.8.2)
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
     dev: true
 
-  registry.npmjs.org/esprima/4.0.1:
+  registry.npmjs.org/esprima@4.0.1:
     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz}
     name: esprima
     version: 4.0.1
@@ -3973,146 +4122,146 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/esquery/1.5.0:
+  registry.npmjs.org/esquery@1.5.0:
     resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz}
     name: esquery
     version: 1.5.0
     engines: {node: '>=0.10'}
     dependencies:
-      estraverse: registry.npmjs.org/estraverse/5.3.0
+      estraverse: registry.npmjs.org/estraverse@5.3.0
     dev: true
 
-  registry.npmjs.org/esrecurse/4.3.0:
+  registry.npmjs.org/esrecurse@4.3.0:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz}
     name: esrecurse
     version: 4.3.0
     engines: {node: '>=4.0'}
     dependencies:
-      estraverse: registry.npmjs.org/estraverse/5.3.0
+      estraverse: registry.npmjs.org/estraverse@5.3.0
     dev: true
 
-  registry.npmjs.org/estraverse/4.3.0:
+  registry.npmjs.org/estraverse@4.3.0:
     resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz}
     name: estraverse
     version: 4.3.0
     engines: {node: '>=4.0'}
     dev: true
 
-  registry.npmjs.org/estraverse/5.3.0:
+  registry.npmjs.org/estraverse@5.3.0:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz}
     name: estraverse
     version: 5.3.0
     engines: {node: '>=4.0'}
     dev: true
 
-  registry.npmjs.org/estree-walker/2.0.2:
+  registry.npmjs.org/estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz}
     name: estree-walker
     version: 2.0.2
     dev: true
 
-  registry.npmjs.org/estree-walker/3.0.3:
+  registry.npmjs.org/estree-walker@3.0.3:
     resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz}
     name: estree-walker
     version: 3.0.3
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
     dev: true
 
-  registry.npmjs.org/esutils/2.0.3:
+  registry.npmjs.org/esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz}
     name: esutils
     version: 2.0.3
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/event-stream/3.3.4:
+  registry.npmjs.org/event-stream@3.3.4:
     resolution: {integrity: sha512-QHpkERcGsR0T7Qm3HNJSyXKEEj8AHNxkY3PK8TS2KJvQ7NiSHe3DDpwVKKtoYprL/AreyzFBeIkBIWChAqn60g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/event-stream/-/event-stream-3.3.4.tgz}
     name: event-stream
     version: 3.3.4
     dependencies:
-      duplexer: registry.npmjs.org/duplexer/0.1.2
-      from: registry.npmjs.org/from/0.1.7
-      map-stream: registry.npmjs.org/map-stream/0.1.0
-      pause-stream: registry.npmjs.org/pause-stream/0.0.11
-      split: registry.npmjs.org/split/0.3.3
-      stream-combiner: registry.npmjs.org/stream-combiner/0.0.4
-      through: registry.npmjs.org/through/2.3.8
+      duplexer: registry.npmjs.org/duplexer@0.1.2
+      from: registry.npmjs.org/from@0.1.7
+      map-stream: registry.npmjs.org/map-stream@0.1.0
+      pause-stream: registry.npmjs.org/pause-stream@0.0.11
+      split: registry.npmjs.org/split@0.3.3
+      stream-combiner: registry.npmjs.org/stream-combiner@0.0.4
+      through: registry.npmjs.org/through@2.3.8
     dev: true
 
-  registry.npmjs.org/eventemitter2/6.4.7:
+  registry.npmjs.org/eventemitter2@6.4.7:
     resolution: {integrity: sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.7.tgz}
     name: eventemitter2
     version: 6.4.7
     dev: true
 
-  registry.npmjs.org/execa/4.1.0:
+  registry.npmjs.org/execa@4.1.0:
     resolution: {integrity: sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/execa/-/execa-4.1.0.tgz}
     name: execa
     version: 4.1.0
     engines: {node: '>=10'}
     dependencies:
-      cross-spawn: registry.npmjs.org/cross-spawn/7.0.3
-      get-stream: registry.npmjs.org/get-stream/5.2.0
-      human-signals: registry.npmjs.org/human-signals/1.1.1
-      is-stream: registry.npmjs.org/is-stream/2.0.1
-      merge-stream: registry.npmjs.org/merge-stream/2.0.0
-      npm-run-path: registry.npmjs.org/npm-run-path/4.0.1
-      onetime: registry.npmjs.org/onetime/5.1.2
-      signal-exit: registry.npmjs.org/signal-exit/3.0.7
-      strip-final-newline: registry.npmjs.org/strip-final-newline/2.0.0
+      cross-spawn: registry.npmjs.org/cross-spawn@7.0.3
+      get-stream: registry.npmjs.org/get-stream@5.2.0
+      human-signals: registry.npmjs.org/human-signals@1.1.1
+      is-stream: registry.npmjs.org/is-stream@2.0.1
+      merge-stream: registry.npmjs.org/merge-stream@2.0.0
+      npm-run-path: registry.npmjs.org/npm-run-path@4.0.1
+      onetime: registry.npmjs.org/onetime@5.1.2
+      signal-exit: registry.npmjs.org/signal-exit@3.0.7
+      strip-final-newline: registry.npmjs.org/strip-final-newline@2.0.0
     dev: true
 
-  registry.npmjs.org/execa/5.1.1:
+  registry.npmjs.org/execa@5.1.1:
     resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/execa/-/execa-5.1.1.tgz}
     name: execa
     version: 5.1.1
     engines: {node: '>=10'}
     dependencies:
-      cross-spawn: registry.npmjs.org/cross-spawn/7.0.3
-      get-stream: registry.npmjs.org/get-stream/6.0.1
-      human-signals: registry.npmjs.org/human-signals/2.1.0
-      is-stream: registry.npmjs.org/is-stream/2.0.1
-      merge-stream: registry.npmjs.org/merge-stream/2.0.0
-      npm-run-path: registry.npmjs.org/npm-run-path/4.0.1
-      onetime: registry.npmjs.org/onetime/5.1.2
-      signal-exit: registry.npmjs.org/signal-exit/3.0.7
-      strip-final-newline: registry.npmjs.org/strip-final-newline/2.0.0
+      cross-spawn: registry.npmjs.org/cross-spawn@7.0.3
+      get-stream: registry.npmjs.org/get-stream@6.0.1
+      human-signals: registry.npmjs.org/human-signals@2.1.0
+      is-stream: registry.npmjs.org/is-stream@2.0.1
+      merge-stream: registry.npmjs.org/merge-stream@2.0.0
+      npm-run-path: registry.npmjs.org/npm-run-path@4.0.1
+      onetime: registry.npmjs.org/onetime@5.1.2
+      signal-exit: registry.npmjs.org/signal-exit@3.0.7
+      strip-final-newline: registry.npmjs.org/strip-final-newline@2.0.0
     dev: true
 
-  registry.npmjs.org/executable/4.1.1:
+  registry.npmjs.org/executable@4.1.1:
     resolution: {integrity: sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/executable/-/executable-4.1.1.tgz}
     name: executable
     version: 4.1.1
     engines: {node: '>=4'}
     dependencies:
-      pify: registry.npmjs.org/pify/2.3.0
+      pify: registry.npmjs.org/pify@2.3.0
     dev: true
 
-  registry.npmjs.org/extend/3.0.2:
+  registry.npmjs.org/extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/extend/-/extend-3.0.2.tgz}
     name: extend
     version: 3.0.2
     dev: true
 
-  registry.npmjs.org/extendable-error/0.1.7:
+  registry.npmjs.org/extendable-error@0.1.7:
     resolution: {integrity: sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/extendable-error/-/extendable-error-0.1.7.tgz}
     name: extendable-error
     version: 0.1.7
     dev: true
 
-  registry.npmjs.org/external-editor/3.1.0:
+  registry.npmjs.org/external-editor@3.1.0:
     resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz}
     name: external-editor
     version: 3.1.0
     engines: {node: '>=4'}
     dependencies:
-      chardet: registry.npmjs.org/chardet/0.7.0
-      iconv-lite: registry.npmjs.org/iconv-lite/0.4.24
-      tmp: registry.npmjs.org/tmp/0.0.33
+      chardet: registry.npmjs.org/chardet@0.7.0
+      iconv-lite: registry.npmjs.org/iconv-lite@0.4.24
+      tmp: registry.npmjs.org/tmp@0.0.33
     dev: true
 
-  registry.npmjs.org/extract-zip/2.0.1_supports-color@8.1.1:
+  registry.npmjs.org/extract-zip@2.0.1(supports-color@8.1.1):
     resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz}
     id: registry.npmjs.org/extract-zip/2.0.1
     name: extract-zip
@@ -4120,148 +4269,148 @@ packages:
     engines: {node: '>= 10.17.0'}
     hasBin: true
     dependencies:
-      debug: registry.npmjs.org/debug/4.3.4_supports-color@8.1.1
-      get-stream: registry.npmjs.org/get-stream/5.2.0
-      yauzl: registry.npmjs.org/yauzl/2.10.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      get-stream: registry.npmjs.org/get-stream@5.2.0
+      yauzl: registry.npmjs.org/yauzl@2.10.0
     optionalDependencies:
-      '@types/yauzl': registry.npmjs.org/@types/yauzl/2.10.0
+      '@types/yauzl': registry.npmjs.org/@types/yauzl@2.10.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/extsprintf/1.3.0:
+  registry.npmjs.org/extsprintf@1.3.0:
     resolution: {integrity: sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz}
     name: extsprintf
     version: 1.3.0
     engines: {'0': node >=0.6.0}
     dev: true
 
-  registry.npmjs.org/fast-deep-equal/3.1.3:
+  registry.npmjs.org/fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz}
     name: fast-deep-equal
     version: 3.1.3
     dev: true
 
-  registry.npmjs.org/fast-diff/1.3.0:
+  registry.npmjs.org/fast-diff@1.3.0:
     resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz}
     name: fast-diff
     version: 1.3.0
     dev: true
 
-  registry.npmjs.org/fast-glob/3.2.12:
+  registry.npmjs.org/fast-glob@3.2.12:
     resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz}
     name: fast-glob
     version: 3.2.12
     engines: {node: '>=8.6.0'}
     dependencies:
-      '@nodelib/fs.stat': registry.npmjs.org/@nodelib/fs.stat/2.0.5
-      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk/1.2.8
-      glob-parent: registry.npmjs.org/glob-parent/5.1.2
-      merge2: registry.npmjs.org/merge2/1.4.1
-      micromatch: registry.npmjs.org/micromatch/4.0.5
+      '@nodelib/fs.stat': registry.npmjs.org/@nodelib/fs.stat@2.0.5
+      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk@1.2.8
+      glob-parent: registry.npmjs.org/glob-parent@5.1.2
+      merge2: registry.npmjs.org/merge2@1.4.1
+      micromatch: registry.npmjs.org/micromatch@4.0.5
     dev: true
 
-  registry.npmjs.org/fast-json-stable-stringify/2.1.0:
+  registry.npmjs.org/fast-json-stable-stringify@2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz}
     name: fast-json-stable-stringify
     version: 2.1.0
     dev: true
 
-  registry.npmjs.org/fast-levenshtein/2.0.6:
+  registry.npmjs.org/fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz}
     name: fast-levenshtein
     version: 2.0.6
     dev: true
 
-  registry.npmjs.org/fastq/1.15.0:
+  registry.npmjs.org/fastq@1.15.0:
     resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz}
     name: fastq
     version: 1.15.0
     dependencies:
-      reusify: registry.npmjs.org/reusify/1.0.4
+      reusify: registry.npmjs.org/reusify@1.0.4
     dev: true
 
-  registry.npmjs.org/fd-slicer/1.1.0:
+  registry.npmjs.org/fd-slicer@1.1.0:
     resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz}
     name: fd-slicer
     version: 1.1.0
     dependencies:
-      pend: registry.npmjs.org/pend/1.2.0
+      pend: registry.npmjs.org/pend@1.2.0
     dev: true
 
-  registry.npmjs.org/figures/3.2.0:
+  registry.npmjs.org/figures@3.2.0:
     resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/figures/-/figures-3.2.0.tgz}
     name: figures
     version: 3.2.0
     engines: {node: '>=8'}
     dependencies:
-      escape-string-regexp: registry.npmjs.org/escape-string-regexp/1.0.5
+      escape-string-regexp: registry.npmjs.org/escape-string-regexp@1.0.5
     dev: true
 
-  registry.npmjs.org/file-entry-cache/6.0.1:
+  registry.npmjs.org/file-entry-cache@6.0.1:
     resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz}
     name: file-entry-cache
     version: 6.0.1
     engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
-      flat-cache: registry.npmjs.org/flat-cache/3.0.4
+      flat-cache: registry.npmjs.org/flat-cache@3.0.4
     dev: true
 
-  registry.npmjs.org/fill-range/7.0.1:
+  registry.npmjs.org/fill-range@7.0.1:
     resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz}
     name: fill-range
     version: 7.0.1
     engines: {node: '>=8'}
     dependencies:
-      to-regex-range: registry.npmjs.org/to-regex-range/5.0.1
+      to-regex-range: registry.npmjs.org/to-regex-range@5.0.1
     dev: true
 
-  registry.npmjs.org/find-up/4.1.0:
+  registry.npmjs.org/find-up@4.1.0:
     resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz}
     name: find-up
     version: 4.1.0
     engines: {node: '>=8'}
     dependencies:
-      locate-path: registry.npmjs.org/locate-path/5.0.0
-      path-exists: registry.npmjs.org/path-exists/4.0.0
+      locate-path: registry.npmjs.org/locate-path@5.0.0
+      path-exists: registry.npmjs.org/path-exists@4.0.0
     dev: true
 
-  registry.npmjs.org/find-up/5.0.0:
+  registry.npmjs.org/find-up@5.0.0:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz}
     name: find-up
     version: 5.0.0
     engines: {node: '>=10'}
     dependencies:
-      locate-path: registry.npmjs.org/locate-path/6.0.0
-      path-exists: registry.npmjs.org/path-exists/4.0.0
+      locate-path: registry.npmjs.org/locate-path@6.0.0
+      path-exists: registry.npmjs.org/path-exists@4.0.0
     dev: true
 
-  registry.npmjs.org/find-yarn-workspace-root2/1.2.16:
+  registry.npmjs.org/find-yarn-workspace-root2@1.2.16:
     resolution: {integrity: sha512-hr6hb1w8ePMpPVUK39S4RlwJzi+xPLuVuG8XlwXU3KD5Yn3qgBWVfy3AzNlDhWvE1EORCE65/Qm26rFQt3VLVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-yarn-workspace-root2/-/find-yarn-workspace-root2-1.2.16.tgz}
     name: find-yarn-workspace-root2
     version: 1.2.16
     dependencies:
-      micromatch: registry.npmjs.org/micromatch/4.0.5
-      pkg-dir: registry.npmjs.org/pkg-dir/4.2.0
+      micromatch: registry.npmjs.org/micromatch@4.0.5
+      pkg-dir: registry.npmjs.org/pkg-dir@4.2.0
     dev: true
 
-  registry.npmjs.org/flat-cache/3.0.4:
+  registry.npmjs.org/flat-cache@3.0.4:
     resolution: {integrity: sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz}
     name: flat-cache
     version: 3.0.4
     engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
-      flatted: registry.npmjs.org/flatted/3.2.7
-      rimraf: registry.npmjs.org/rimraf/3.0.2
+      flatted: registry.npmjs.org/flatted@3.2.7
+      rimraf: registry.npmjs.org/rimraf@3.0.2
     dev: true
 
-  registry.npmjs.org/flatted/3.2.7:
+  registry.npmjs.org/flatted@3.2.7:
     resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz}
     name: flatted
     version: 3.2.7
     dev: true
 
-  registry.npmjs.org/follow-redirects/1.15.2_debug@4.3.4:
+  registry.npmjs.org/follow-redirects@1.15.2(debug@4.3.4):
     resolution: {integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz}
     id: registry.npmjs.org/follow-redirects/1.15.2
     name: follow-redirects
@@ -4273,109 +4422,109 @@ packages:
       debug:
         optional: true
     dependencies:
-      debug: registry.npmjs.org/debug/4.3.4
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
     dev: true
 
-  registry.npmjs.org/for-each/0.3.3:
+  registry.npmjs.org/for-each@0.3.3:
     resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz}
     name: for-each
     version: 0.3.3
     dependencies:
-      is-callable: registry.npmjs.org/is-callable/1.2.7
+      is-callable: registry.npmjs.org/is-callable@1.2.7
     dev: true
 
-  registry.npmjs.org/forever-agent/0.6.1:
+  registry.npmjs.org/forever-agent@0.6.1:
     resolution: {integrity: sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz}
     name: forever-agent
     version: 0.6.1
     dev: true
 
-  registry.npmjs.org/form-data/2.3.3:
+  registry.npmjs.org/form-data@2.3.3:
     resolution: {integrity: sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz}
     name: form-data
     version: 2.3.3
     engines: {node: '>= 0.12'}
     dependencies:
-      asynckit: registry.npmjs.org/asynckit/0.4.0
-      combined-stream: registry.npmjs.org/combined-stream/1.0.8
-      mime-types: registry.npmjs.org/mime-types/2.1.35
+      asynckit: registry.npmjs.org/asynckit@0.4.0
+      combined-stream: registry.npmjs.org/combined-stream@1.0.8
+      mime-types: registry.npmjs.org/mime-types@2.1.35
     dev: true
 
-  registry.npmjs.org/form-data/4.0.0:
+  registry.npmjs.org/form-data@4.0.0:
     resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz}
     name: form-data
     version: 4.0.0
     engines: {node: '>= 6'}
     dependencies:
-      asynckit: registry.npmjs.org/asynckit/0.4.0
-      combined-stream: registry.npmjs.org/combined-stream/1.0.8
-      mime-types: registry.npmjs.org/mime-types/2.1.35
+      asynckit: registry.npmjs.org/asynckit@0.4.0
+      combined-stream: registry.npmjs.org/combined-stream@1.0.8
+      mime-types: registry.npmjs.org/mime-types@2.1.35
     dev: true
 
-  registry.npmjs.org/fraction.js/4.2.0:
+  registry.npmjs.org/fraction.js@4.2.0:
     resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz}
     name: fraction.js
     version: 4.2.0
     dev: true
 
-  registry.npmjs.org/from/0.1.7:
+  registry.npmjs.org/from@0.1.7:
     resolution: {integrity: sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/from/-/from-0.1.7.tgz}
     name: from
     version: 0.1.7
     dev: true
 
-  registry.npmjs.org/fs-extra/11.1.1:
+  registry.npmjs.org/fs-extra@11.1.1:
     resolution: {integrity: sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz}
     name: fs-extra
     version: 11.1.1
     engines: {node: '>=14.14'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
-      jsonfile: registry.npmjs.org/jsonfile/6.1.0
-      universalify: registry.npmjs.org/universalify/2.0.0
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      jsonfile: registry.npmjs.org/jsonfile@6.1.0
+      universalify: registry.npmjs.org/universalify@2.0.0
     dev: true
 
-  registry.npmjs.org/fs-extra/7.0.1:
+  registry.npmjs.org/fs-extra@7.0.1:
     resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz}
     name: fs-extra
     version: 7.0.1
     engines: {node: '>=6 <7 || >=8'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
-      jsonfile: registry.npmjs.org/jsonfile/4.0.0
-      universalify: registry.npmjs.org/universalify/0.1.2
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      jsonfile: registry.npmjs.org/jsonfile@4.0.0
+      universalify: registry.npmjs.org/universalify@0.1.2
     dev: true
 
-  registry.npmjs.org/fs-extra/8.1.0:
+  registry.npmjs.org/fs-extra@8.1.0:
     resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz}
     name: fs-extra
     version: 8.1.0
     engines: {node: '>=6 <7 || >=8'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
-      jsonfile: registry.npmjs.org/jsonfile/4.0.0
-      universalify: registry.npmjs.org/universalify/0.1.2
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      jsonfile: registry.npmjs.org/jsonfile@4.0.0
+      universalify: registry.npmjs.org/universalify@0.1.2
     dev: true
 
-  registry.npmjs.org/fs-extra/9.1.0:
+  registry.npmjs.org/fs-extra@9.1.0:
     resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz}
     name: fs-extra
     version: 9.1.0
     engines: {node: '>=10'}
     dependencies:
-      at-least-node: registry.npmjs.org/at-least-node/1.0.0
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
-      jsonfile: registry.npmjs.org/jsonfile/6.1.0
-      universalify: registry.npmjs.org/universalify/2.0.0
+      at-least-node: registry.npmjs.org/at-least-node@1.0.0
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      jsonfile: registry.npmjs.org/jsonfile@6.1.0
+      universalify: registry.npmjs.org/universalify@2.0.0
     dev: true
 
-  registry.npmjs.org/fs.realpath/1.0.0:
+  registry.npmjs.org/fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz}
     name: fs.realpath
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/fsevents/2.3.2:
+  registry.npmjs.org/fsevents@2.3.2:
     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz}
     name: fsevents
     version: 2.3.2
@@ -4385,763 +4534,763 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/function-bind/1.1.1:
+  registry.npmjs.org/function-bind@1.1.1:
     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz}
     name: function-bind
     version: 1.1.1
     dev: true
 
-  registry.npmjs.org/function.prototype.name/1.1.5:
+  registry.npmjs.org/function.prototype.name@1.1.5:
     resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.5.tgz}
     name: function.prototype.name
     version: 1.1.5
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
-      functions-have-names: registry.npmjs.org/functions-have-names/1.2.3
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      functions-have-names: registry.npmjs.org/functions-have-names@1.2.3
     dev: true
 
-  registry.npmjs.org/functions-have-names/1.2.3:
+  registry.npmjs.org/functions-have-names@1.2.3:
     resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz}
     name: functions-have-names
     version: 1.2.3
     dev: true
 
-  registry.npmjs.org/gensync/1.0.0-beta.2:
+  registry.npmjs.org/gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz}
     name: gensync
     version: 1.0.0-beta.2
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/get-caller-file/2.0.5:
+  registry.npmjs.org/get-caller-file@2.0.5:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz}
     name: get-caller-file
     version: 2.0.5
     engines: {node: 6.* || 8.* || >= 10.*}
     dev: true
 
-  registry.npmjs.org/get-intrinsic/1.2.1:
+  registry.npmjs.org/get-intrinsic@1.2.1:
     resolution: {integrity: sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz}
     name: get-intrinsic
     version: 1.2.1
     dependencies:
-      function-bind: registry.npmjs.org/function-bind/1.1.1
-      has: registry.npmjs.org/has/1.0.3
-      has-proto: registry.npmjs.org/has-proto/1.0.1
-      has-symbols: registry.npmjs.org/has-symbols/1.0.3
+      function-bind: registry.npmjs.org/function-bind@1.1.1
+      has: registry.npmjs.org/has@1.0.3
+      has-proto: registry.npmjs.org/has-proto@1.0.1
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
     dev: true
 
-  registry.npmjs.org/get-stdin/9.0.0:
+  registry.npmjs.org/get-stdin@9.0.0:
     resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-stdin/-/get-stdin-9.0.0.tgz}
     name: get-stdin
     version: 9.0.0
     engines: {node: '>=12'}
     dev: true
 
-  registry.npmjs.org/get-stream/5.2.0:
+  registry.npmjs.org/get-stream@5.2.0:
     resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz}
     name: get-stream
     version: 5.2.0
     engines: {node: '>=8'}
     dependencies:
-      pump: registry.npmjs.org/pump/3.0.0
+      pump: registry.npmjs.org/pump@3.0.0
     dev: true
 
-  registry.npmjs.org/get-stream/6.0.1:
+  registry.npmjs.org/get-stream@6.0.1:
     resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz}
     name: get-stream
     version: 6.0.1
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/get-symbol-description/1.0.0:
+  registry.npmjs.org/get-symbol-description@1.0.0:
     resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz}
     name: get-symbol-description
     version: 1.0.0
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
     dev: true
 
-  registry.npmjs.org/getos/3.2.1:
+  registry.npmjs.org/getos@3.2.1:
     resolution: {integrity: sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/getos/-/getos-3.2.1.tgz}
     name: getos
     version: 3.2.1
     dependencies:
-      async: registry.npmjs.org/async/3.2.4
+      async: registry.npmjs.org/async@3.2.4
     dev: true
 
-  registry.npmjs.org/getpass/0.1.7:
+  registry.npmjs.org/getpass@0.1.7:
     resolution: {integrity: sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz}
     name: getpass
     version: 0.1.7
     dependencies:
-      assert-plus: registry.npmjs.org/assert-plus/1.0.0
+      assert-plus: registry.npmjs.org/assert-plus@1.0.0
     dev: true
 
-  registry.npmjs.org/glob-parent/5.1.2:
+  registry.npmjs.org/glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz}
     name: glob-parent
     version: 5.1.2
     engines: {node: '>= 6'}
     dependencies:
-      is-glob: registry.npmjs.org/is-glob/4.0.3
+      is-glob: registry.npmjs.org/is-glob@4.0.3
     dev: true
 
-  registry.npmjs.org/glob-parent/6.0.2:
+  registry.npmjs.org/glob-parent@6.0.2:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz}
     name: glob-parent
     version: 6.0.2
     engines: {node: '>=10.13.0'}
     dependencies:
-      is-glob: registry.npmjs.org/is-glob/4.0.3
+      is-glob: registry.npmjs.org/is-glob@4.0.3
     dev: true
 
-  registry.npmjs.org/glob/7.2.3:
+  registry.npmjs.org/glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-7.2.3.tgz}
     name: glob
     version: 7.2.3
     dependencies:
-      fs.realpath: registry.npmjs.org/fs.realpath/1.0.0
-      inflight: registry.npmjs.org/inflight/1.0.6
-      inherits: registry.npmjs.org/inherits/2.0.4
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-      once: registry.npmjs.org/once/1.4.0
-      path-is-absolute: registry.npmjs.org/path-is-absolute/1.0.1
+      fs.realpath: registry.npmjs.org/fs.realpath@1.0.0
+      inflight: registry.npmjs.org/inflight@1.0.6
+      inherits: registry.npmjs.org/inherits@2.0.4
+      minimatch: registry.npmjs.org/minimatch@3.1.2
+      once: registry.npmjs.org/once@1.4.0
+      path-is-absolute: registry.npmjs.org/path-is-absolute@1.0.1
     dev: true
 
-  registry.npmjs.org/glob/8.1.0:
+  registry.npmjs.org/glob@8.1.0:
     resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-8.1.0.tgz}
     name: glob
     version: 8.1.0
     engines: {node: '>=12'}
     dependencies:
-      fs.realpath: registry.npmjs.org/fs.realpath/1.0.0
-      inflight: registry.npmjs.org/inflight/1.0.6
-      inherits: registry.npmjs.org/inherits/2.0.4
-      minimatch: registry.npmjs.org/minimatch/5.1.6
-      once: registry.npmjs.org/once/1.4.0
+      fs.realpath: registry.npmjs.org/fs.realpath@1.0.0
+      inflight: registry.npmjs.org/inflight@1.0.6
+      inherits: registry.npmjs.org/inherits@2.0.4
+      minimatch: registry.npmjs.org/minimatch@5.1.6
+      once: registry.npmjs.org/once@1.4.0
     dev: true
 
-  registry.npmjs.org/global-dirs/3.0.1:
+  registry.npmjs.org/global-dirs@3.0.1:
     resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.1.tgz}
     name: global-dirs
     version: 3.0.1
     engines: {node: '>=10'}
     dependencies:
-      ini: registry.npmjs.org/ini/2.0.0
+      ini: registry.npmjs.org/ini@2.0.0
     dev: true
 
-  registry.npmjs.org/globals/11.12.0:
+  registry.npmjs.org/globals@11.12.0:
     resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globals/-/globals-11.12.0.tgz}
     name: globals
     version: 11.12.0
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/globals/13.20.0:
+  registry.npmjs.org/globals@13.20.0:
     resolution: {integrity: sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globals/-/globals-13.20.0.tgz}
     name: globals
     version: 13.20.0
     engines: {node: '>=8'}
     dependencies:
-      type-fest: registry.npmjs.org/type-fest/0.20.2
+      type-fest: registry.npmjs.org/type-fest@0.20.2
     dev: true
 
-  registry.npmjs.org/globalthis/1.0.3:
+  registry.npmjs.org/globalthis@1.0.3:
     resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz}
     name: globalthis
     version: 1.0.3
     engines: {node: '>= 0.4'}
     dependencies:
-      define-properties: registry.npmjs.org/define-properties/1.2.0
+      define-properties: registry.npmjs.org/define-properties@1.2.0
     dev: true
 
-  registry.npmjs.org/globby/11.1.0:
+  registry.npmjs.org/globby@11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globby/-/globby-11.1.0.tgz}
     name: globby
     version: 11.1.0
     engines: {node: '>=10'}
     dependencies:
-      array-union: registry.npmjs.org/array-union/2.1.0
-      dir-glob: registry.npmjs.org/dir-glob/3.0.1
-      fast-glob: registry.npmjs.org/fast-glob/3.2.12
-      ignore: registry.npmjs.org/ignore/5.2.4
-      merge2: registry.npmjs.org/merge2/1.4.1
-      slash: registry.npmjs.org/slash/3.0.0
+      array-union: registry.npmjs.org/array-union@2.1.0
+      dir-glob: registry.npmjs.org/dir-glob@3.0.1
+      fast-glob: registry.npmjs.org/fast-glob@3.2.12
+      ignore: registry.npmjs.org/ignore@5.2.4
+      merge2: registry.npmjs.org/merge2@1.4.1
+      slash: registry.npmjs.org/slash@3.0.0
     dev: true
 
-  registry.npmjs.org/globby/13.1.4:
+  registry.npmjs.org/globby@13.1.4:
     resolution: {integrity: sha512-iui/IiiW+QrJ1X1hKH5qwlMQyv34wJAYwH1vrf8b9kBA4sNiif3gKsMHa+BrdnOpEudWjpotfa7LrTzB1ERS/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globby/-/globby-13.1.4.tgz}
     name: globby
     version: 13.1.4
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
-      dir-glob: registry.npmjs.org/dir-glob/3.0.1
-      fast-glob: registry.npmjs.org/fast-glob/3.2.12
-      ignore: registry.npmjs.org/ignore/5.2.4
-      merge2: registry.npmjs.org/merge2/1.4.1
-      slash: registry.npmjs.org/slash/4.0.0
+      dir-glob: registry.npmjs.org/dir-glob@3.0.1
+      fast-glob: registry.npmjs.org/fast-glob@3.2.12
+      ignore: registry.npmjs.org/ignore@5.2.4
+      merge2: registry.npmjs.org/merge2@1.4.1
+      slash: registry.npmjs.org/slash@4.0.0
     dev: true
 
-  registry.npmjs.org/gopd/1.0.1:
+  registry.npmjs.org/gopd@1.0.1:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz}
     name: gopd
     version: 1.0.1
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
     dev: true
 
-  registry.npmjs.org/graceful-fs/4.2.11:
+  registry.npmjs.org/graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz}
     name: graceful-fs
     version: 4.2.11
     dev: true
 
-  registry.npmjs.org/grapheme-splitter/1.0.4:
+  registry.npmjs.org/grapheme-splitter@1.0.4:
     resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz}
     name: grapheme-splitter
     version: 1.0.4
     dev: true
 
-  registry.npmjs.org/graphemer/1.4.0:
+  registry.npmjs.org/graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz}
     name: graphemer
     version: 1.4.0
     dev: true
 
-  registry.npmjs.org/graphlib/2.1.8:
+  registry.npmjs.org/graphlib@2.1.8:
     resolution: {integrity: sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/graphlib/-/graphlib-2.1.8.tgz}
     name: graphlib
     version: 2.1.8
     dependencies:
-      lodash: registry.npmjs.org/lodash/4.17.21
+      lodash: registry.npmjs.org/lodash@4.17.21
     dev: false
 
-  registry.npmjs.org/hard-rejection/2.1.0:
+  registry.npmjs.org/hard-rejection@2.1.0:
     resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz}
     name: hard-rejection
     version: 2.1.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/has-bigints/1.0.2:
+  registry.npmjs.org/has-bigints@1.0.2:
     resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz}
     name: has-bigints
     version: 1.0.2
     dev: true
 
-  registry.npmjs.org/has-flag/3.0.0:
+  registry.npmjs.org/has-flag@3.0.0:
     resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz}
     name: has-flag
     version: 3.0.0
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/has-flag/4.0.0:
+  registry.npmjs.org/has-flag@4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz}
     name: has-flag
     version: 4.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/has-property-descriptors/1.0.0:
+  registry.npmjs.org/has-property-descriptors@1.0.0:
     resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz}
     name: has-property-descriptors
     version: 1.0.0
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
     dev: true
 
-  registry.npmjs.org/has-proto/1.0.1:
+  registry.npmjs.org/has-proto@1.0.1:
     resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz}
     name: has-proto
     version: 1.0.1
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/has-symbols/1.0.3:
+  registry.npmjs.org/has-symbols@1.0.3:
     resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz}
     name: has-symbols
     version: 1.0.3
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/has-tostringtag/1.0.0:
+  registry.npmjs.org/has-tostringtag@1.0.0:
     resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz}
     name: has-tostringtag
     version: 1.0.0
     engines: {node: '>= 0.4'}
     dependencies:
-      has-symbols: registry.npmjs.org/has-symbols/1.0.3
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
     dev: true
 
-  registry.npmjs.org/has/1.0.3:
+  registry.npmjs.org/has@1.0.3:
     resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has/-/has-1.0.3.tgz}
     name: has
     version: 1.0.3
     engines: {node: '>= 0.4.0'}
     dependencies:
-      function-bind: registry.npmjs.org/function-bind/1.1.1
+      function-bind: registry.npmjs.org/function-bind@1.1.1
     dev: true
 
-  registry.npmjs.org/hosted-git-info/2.8.9:
+  registry.npmjs.org/hosted-git-info@2.8.9:
     resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz}
     name: hosted-git-info
     version: 2.8.9
     dev: true
 
-  registry.npmjs.org/http-signature/1.3.6:
+  registry.npmjs.org/http-signature@1.3.6:
     resolution: {integrity: sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/http-signature/-/http-signature-1.3.6.tgz}
     name: http-signature
     version: 1.3.6
     engines: {node: '>=0.10'}
     dependencies:
-      assert-plus: registry.npmjs.org/assert-plus/1.0.0
-      jsprim: registry.npmjs.org/jsprim/2.0.2
-      sshpk: registry.npmjs.org/sshpk/1.17.0
+      assert-plus: registry.npmjs.org/assert-plus@1.0.0
+      jsprim: registry.npmjs.org/jsprim@2.0.2
+      sshpk: registry.npmjs.org/sshpk@1.17.0
     dev: true
 
-  registry.npmjs.org/human-id/1.0.2:
+  registry.npmjs.org/human-id@1.0.2:
     resolution: {integrity: sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/human-id/-/human-id-1.0.2.tgz}
     name: human-id
     version: 1.0.2
     dev: true
 
-  registry.npmjs.org/human-signals/1.1.1:
+  registry.npmjs.org/human-signals@1.1.1:
     resolution: {integrity: sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz}
     name: human-signals
     version: 1.1.1
     engines: {node: '>=8.12.0'}
     dev: true
 
-  registry.npmjs.org/human-signals/2.1.0:
+  registry.npmjs.org/human-signals@2.1.0:
     resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz}
     name: human-signals
     version: 2.1.0
     engines: {node: '>=10.17.0'}
     dev: true
 
-  registry.npmjs.org/iconv-lite/0.4.24:
+  registry.npmjs.org/iconv-lite@0.4.24:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz}
     name: iconv-lite
     version: 0.4.24
     engines: {node: '>=0.10.0'}
     dependencies:
-      safer-buffer: registry.npmjs.org/safer-buffer/2.1.2
+      safer-buffer: registry.npmjs.org/safer-buffer@2.1.2
     dev: true
 
-  registry.npmjs.org/ieee754/1.2.1:
+  registry.npmjs.org/ieee754@1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz}
     name: ieee754
     version: 1.2.1
     dev: true
 
-  registry.npmjs.org/ignore/5.2.4:
+  registry.npmjs.org/ignore@5.2.4:
     resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz}
     name: ignore
     version: 5.2.4
     engines: {node: '>= 4'}
     dev: true
 
-  registry.npmjs.org/immediate/3.0.6:
+  registry.npmjs.org/immediate@3.0.6:
     resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz}
     name: immediate
     version: 3.0.6
     dev: false
 
-  registry.npmjs.org/import-fresh/3.3.0:
+  registry.npmjs.org/import-fresh@3.3.0:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz}
     name: import-fresh
     version: 3.3.0
     engines: {node: '>=6'}
     dependencies:
-      parent-module: registry.npmjs.org/parent-module/1.0.1
-      resolve-from: registry.npmjs.org/resolve-from/4.0.0
+      parent-module: registry.npmjs.org/parent-module@1.0.1
+      resolve-from: registry.npmjs.org/resolve-from@4.0.0
     dev: true
 
-  registry.npmjs.org/import-meta-resolve/3.0.0:
+  registry.npmjs.org/import-meta-resolve@3.0.0:
     resolution: {integrity: sha512-4IwhLhNNA8yy445rPjD/lWh++7hMDOml2eHtd58eG7h+qK3EryMuuRbsHGPikCoAgIkkDnckKfWSk2iDla/ejg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-3.0.0.tgz}
     name: import-meta-resolve
     version: 3.0.0
     dev: true
 
-  registry.npmjs.org/imurmurhash/0.1.4:
+  registry.npmjs.org/imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz}
     name: imurmurhash
     version: 0.1.4
     engines: {node: '>=0.8.19'}
     dev: true
 
-  registry.npmjs.org/indent-string/4.0.0:
+  registry.npmjs.org/indent-string@4.0.0:
     resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz}
     name: indent-string
     version: 4.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/inflight/1.0.6:
+  registry.npmjs.org/inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz}
     name: inflight
     version: 1.0.6
     dependencies:
-      once: registry.npmjs.org/once/1.4.0
-      wrappy: registry.npmjs.org/wrappy/1.0.2
+      once: registry.npmjs.org/once@1.4.0
+      wrappy: registry.npmjs.org/wrappy@1.0.2
     dev: true
 
-  registry.npmjs.org/inherits/2.0.4:
+  registry.npmjs.org/inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz}
     name: inherits
     version: 2.0.4
     dev: true
 
-  registry.npmjs.org/ini/2.0.0:
+  registry.npmjs.org/ini@2.0.0:
     resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ini/-/ini-2.0.0.tgz}
     name: ini
     version: 2.0.0
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/internal-slot/1.0.5:
+  registry.npmjs.org/internal-slot@1.0.5:
     resolution: {integrity: sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz}
     name: internal-slot
     version: 1.0.5
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
-      has: registry.npmjs.org/has/1.0.3
-      side-channel: registry.npmjs.org/side-channel/1.0.4
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      has: registry.npmjs.org/has@1.0.3
+      side-channel: registry.npmjs.org/side-channel@1.0.4
     dev: true
 
-  registry.npmjs.org/is-array-buffer/3.0.2:
+  registry.npmjs.org/is-array-buffer@3.0.2:
     resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz}
     name: is-array-buffer
     version: 3.0.2
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
-      is-typed-array: registry.npmjs.org/is-typed-array/1.1.10
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.10
     dev: true
 
-  registry.npmjs.org/is-arrayish/0.2.1:
+  registry.npmjs.org/is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz}
     name: is-arrayish
     version: 0.2.1
     dev: true
 
-  registry.npmjs.org/is-bigint/1.0.4:
+  registry.npmjs.org/is-bigint@1.0.4:
     resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz}
     name: is-bigint
     version: 1.0.4
     dependencies:
-      has-bigints: registry.npmjs.org/has-bigints/1.0.2
+      has-bigints: registry.npmjs.org/has-bigints@1.0.2
     dev: true
 
-  registry.npmjs.org/is-binary-path/2.1.0:
+  registry.npmjs.org/is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz}
     name: is-binary-path
     version: 2.1.0
     engines: {node: '>=8'}
     dependencies:
-      binary-extensions: registry.npmjs.org/binary-extensions/2.2.0
+      binary-extensions: registry.npmjs.org/binary-extensions@2.2.0
     dev: true
 
-  registry.npmjs.org/is-boolean-object/1.1.2:
+  registry.npmjs.org/is-boolean-object@1.1.2:
     resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz}
     name: is-boolean-object
     version: 1.1.2
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
-  registry.npmjs.org/is-builtin-module/3.2.1:
+  registry.npmjs.org/is-builtin-module@3.2.1:
     resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz}
     name: is-builtin-module
     version: 3.2.1
     engines: {node: '>=6'}
     dependencies:
-      builtin-modules: registry.npmjs.org/builtin-modules/3.3.0
+      builtin-modules: registry.npmjs.org/builtin-modules@3.3.0
     dev: true
 
-  registry.npmjs.org/is-callable/1.2.7:
+  registry.npmjs.org/is-callable@1.2.7:
     resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz}
     name: is-callable
     version: 1.2.7
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/is-ci/3.0.1:
+  registry.npmjs.org/is-ci@3.0.1:
     resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-ci/-/is-ci-3.0.1.tgz}
     name: is-ci
     version: 3.0.1
     hasBin: true
     dependencies:
-      ci-info: registry.npmjs.org/ci-info/3.8.0
+      ci-info: registry.npmjs.org/ci-info@3.8.0
     dev: true
 
-  registry.npmjs.org/is-core-module/2.12.1:
+  registry.npmjs.org/is-core-module@2.12.1:
     resolution: {integrity: sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz}
     name: is-core-module
     version: 2.12.1
     dependencies:
-      has: registry.npmjs.org/has/1.0.3
+      has: registry.npmjs.org/has@1.0.3
     dev: true
 
-  registry.npmjs.org/is-date-object/1.0.5:
+  registry.npmjs.org/is-date-object@1.0.5:
     resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz}
     name: is-date-object
     version: 1.0.5
     engines: {node: '>= 0.4'}
     dependencies:
-      has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
-  registry.npmjs.org/is-extglob/2.1.1:
+  registry.npmjs.org/is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz}
     name: is-extglob
     version: 2.1.1
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/is-fullwidth-code-point/3.0.0:
+  registry.npmjs.org/is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz}
     name: is-fullwidth-code-point
     version: 3.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/is-glob/4.0.3:
+  registry.npmjs.org/is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz}
     name: is-glob
     version: 4.0.3
     engines: {node: '>=0.10.0'}
     dependencies:
-      is-extglob: registry.npmjs.org/is-extglob/2.1.1
+      is-extglob: registry.npmjs.org/is-extglob@2.1.1
     dev: true
 
-  registry.npmjs.org/is-installed-globally/0.4.0:
+  registry.npmjs.org/is-installed-globally@0.4.0:
     resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.4.0.tgz}
     name: is-installed-globally
     version: 0.4.0
     engines: {node: '>=10'}
     dependencies:
-      global-dirs: registry.npmjs.org/global-dirs/3.0.1
-      is-path-inside: registry.npmjs.org/is-path-inside/3.0.3
+      global-dirs: registry.npmjs.org/global-dirs@3.0.1
+      is-path-inside: registry.npmjs.org/is-path-inside@3.0.3
     dev: true
 
-  registry.npmjs.org/is-module/1.0.0:
+  registry.npmjs.org/is-module@1.0.0:
     resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz}
     name: is-module
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/is-negative-zero/2.0.2:
+  registry.npmjs.org/is-negative-zero@2.0.2:
     resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz}
     name: is-negative-zero
     version: 2.0.2
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/is-number-object/1.0.7:
+  registry.npmjs.org/is-number-object@1.0.7:
     resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz}
     name: is-number-object
     version: 1.0.7
     engines: {node: '>= 0.4'}
     dependencies:
-      has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
-  registry.npmjs.org/is-number/7.0.0:
+  registry.npmjs.org/is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz}
     name: is-number
     version: 7.0.0
     engines: {node: '>=0.12.0'}
     dev: true
 
-  registry.npmjs.org/is-path-inside/3.0.3:
+  registry.npmjs.org/is-path-inside@3.0.3:
     resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz}
     name: is-path-inside
     version: 3.0.3
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/is-plain-obj/1.1.0:
+  registry.npmjs.org/is-plain-obj@1.1.0:
     resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz}
     name: is-plain-obj
     version: 1.1.0
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/is-reference/1.2.1:
+  registry.npmjs.org/is-reference@1.2.1:
     resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz}
     name: is-reference
     version: 1.2.1
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
     dev: true
 
-  registry.npmjs.org/is-reference/3.0.1:
+  registry.npmjs.org/is-reference@3.0.1:
     resolution: {integrity: sha512-baJJdQLiYaJdvFbJqXrcGv3WU3QCzBlUcI5QhbesIm6/xPsvmO+2CDoi/GMOFBQEQm+PXkwOPrp9KK5ozZsp2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-reference/-/is-reference-3.0.1.tgz}
     name: is-reference
     version: 3.0.1
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
     dev: true
 
-  registry.npmjs.org/is-regex/1.1.4:
+  registry.npmjs.org/is-regex@1.1.4:
     resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz}
     name: is-regex
     version: 1.1.4
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
-  registry.npmjs.org/is-shared-array-buffer/1.0.2:
+  registry.npmjs.org/is-shared-array-buffer@1.0.2:
     resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz}
     name: is-shared-array-buffer
     version: 1.0.2
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
     dev: true
 
-  registry.npmjs.org/is-stream/2.0.1:
+  registry.npmjs.org/is-stream@2.0.1:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz}
     name: is-stream
     version: 2.0.1
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/is-string/1.0.7:
+  registry.npmjs.org/is-string@1.0.7:
     resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz}
     name: is-string
     version: 1.0.7
     engines: {node: '>= 0.4'}
     dependencies:
-      has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
-  registry.npmjs.org/is-subdir/1.2.0:
+  registry.npmjs.org/is-subdir@1.2.0:
     resolution: {integrity: sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-subdir/-/is-subdir-1.2.0.tgz}
     name: is-subdir
     version: 1.2.0
     engines: {node: '>=4'}
     dependencies:
-      better-path-resolve: registry.npmjs.org/better-path-resolve/1.0.0
+      better-path-resolve: registry.npmjs.org/better-path-resolve@1.0.0
     dev: true
 
-  registry.npmjs.org/is-symbol/1.0.4:
+  registry.npmjs.org/is-symbol@1.0.4:
     resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz}
     name: is-symbol
     version: 1.0.4
     engines: {node: '>= 0.4'}
     dependencies:
-      has-symbols: registry.npmjs.org/has-symbols/1.0.3
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
     dev: true
 
-  registry.npmjs.org/is-typed-array/1.1.10:
+  registry.npmjs.org/is-typed-array@1.1.10:
     resolution: {integrity: sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.10.tgz}
     name: is-typed-array
     version: 1.1.10
     engines: {node: '>= 0.4'}
     dependencies:
-      available-typed-arrays: registry.npmjs.org/available-typed-arrays/1.0.5
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      for-each: registry.npmjs.org/for-each/0.3.3
-      gopd: registry.npmjs.org/gopd/1.0.1
-      has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
+      available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      for-each: registry.npmjs.org/for-each@0.3.3
+      gopd: registry.npmjs.org/gopd@1.0.1
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
-  registry.npmjs.org/is-typedarray/1.0.0:
+  registry.npmjs.org/is-typedarray@1.0.0:
     resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz}
     name: is-typedarray
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/is-unicode-supported/0.1.0:
+  registry.npmjs.org/is-unicode-supported@0.1.0:
     resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz}
     name: is-unicode-supported
     version: 0.1.0
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/is-weakref/1.0.2:
+  registry.npmjs.org/is-weakref@1.0.2:
     resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz}
     name: is-weakref
     version: 1.0.2
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
     dev: true
 
-  registry.npmjs.org/is-windows/1.0.2:
+  registry.npmjs.org/is-windows@1.0.2:
     resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz}
     name: is-windows
     version: 1.0.2
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/isexe/2.0.0:
+  registry.npmjs.org/isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz}
     name: isexe
     version: 2.0.0
     dev: true
 
-  registry.npmjs.org/isstream/0.1.2:
+  registry.npmjs.org/isstream@0.1.2:
     resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz}
     name: isstream
     version: 0.1.2
     dev: true
 
-  registry.npmjs.org/joi/17.9.2:
+  registry.npmjs.org/joi@17.9.2:
     resolution: {integrity: sha512-Itk/r+V4Dx0V3c7RLFdRh12IOjySm2/WGPMubBT92cQvRfYZhPM2W0hZlctjj72iES8jsRCwp7S/cRmWBnJ4nw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/joi/-/joi-17.9.2.tgz}
     name: joi
     version: 17.9.2
     dependencies:
-      '@hapi/hoek': registry.npmjs.org/@hapi/hoek/9.3.0
-      '@hapi/topo': registry.npmjs.org/@hapi/topo/5.1.0
-      '@sideway/address': registry.npmjs.org/@sideway/address/4.1.4
-      '@sideway/formula': registry.npmjs.org/@sideway/formula/3.0.1
-      '@sideway/pinpoint': registry.npmjs.org/@sideway/pinpoint/2.0.0
+      '@hapi/hoek': registry.npmjs.org/@hapi/hoek@9.3.0
+      '@hapi/topo': registry.npmjs.org/@hapi/topo@5.1.0
+      '@sideway/address': registry.npmjs.org/@sideway/address@4.1.4
+      '@sideway/formula': registry.npmjs.org/@sideway/formula@3.0.1
+      '@sideway/pinpoint': registry.npmjs.org/@sideway/pinpoint@2.0.0
     dev: true
 
-  registry.npmjs.org/js-tokens/4.0.0:
+  registry.npmjs.org/js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz}
     name: js-tokens
     version: 4.0.0
 
-  registry.npmjs.org/js-yaml/3.14.1:
+  registry.npmjs.org/js-yaml@3.14.1:
     resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz}
     name: js-yaml
     version: 3.14.1
     hasBin: true
     dependencies:
-      argparse: registry.npmjs.org/argparse/1.0.10
-      esprima: registry.npmjs.org/esprima/4.0.1
+      argparse: registry.npmjs.org/argparse@1.0.10
+      esprima: registry.npmjs.org/esprima@4.0.1
     dev: true
 
-  registry.npmjs.org/js-yaml/4.1.0:
+  registry.npmjs.org/js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz}
     name: js-yaml
     version: 4.1.0
     hasBin: true
     dependencies:
-      argparse: registry.npmjs.org/argparse/2.0.1
+      argparse: registry.npmjs.org/argparse@2.0.1
     dev: true
 
-  registry.npmjs.org/jsbn/0.1.1:
+  registry.npmjs.org/jsbn@0.1.1:
     resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz}
     name: jsbn
     version: 0.1.1
     dev: true
 
-  registry.npmjs.org/jsesc/2.5.2:
+  registry.npmjs.org/jsesc@2.5.2:
     resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz}
     name: jsesc
     version: 2.5.2
@@ -5149,37 +5298,37 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/json-parse-even-better-errors/2.3.1:
+  registry.npmjs.org/json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz}
     name: json-parse-even-better-errors
     version: 2.3.1
     dev: true
 
-  registry.npmjs.org/json-schema-traverse/0.4.1:
+  registry.npmjs.org/json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz}
     name: json-schema-traverse
     version: 0.4.1
     dev: true
 
-  registry.npmjs.org/json-schema/0.4.0:
+  registry.npmjs.org/json-schema@0.4.0:
     resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz}
     name: json-schema
     version: 0.4.0
     dev: true
 
-  registry.npmjs.org/json-stable-stringify-without-jsonify/1.0.1:
+  registry.npmjs.org/json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz}
     name: json-stable-stringify-without-jsonify
     version: 1.0.1
     dev: true
 
-  registry.npmjs.org/json-stringify-safe/5.0.1:
+  registry.npmjs.org/json-stringify-safe@5.0.1:
     resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz}
     name: json-stringify-safe
     version: 5.0.1
     dev: true
 
-  registry.npmjs.org/json5/2.2.3:
+  registry.npmjs.org/json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json5/-/json5-2.2.3.tgz}
     name: json5
     version: 2.2.3
@@ -5187,105 +5336,105 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/jsonfile/4.0.0:
+  registry.npmjs.org/jsonfile@4.0.0:
     resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz}
     name: jsonfile
     version: 4.0.0
     optionalDependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
     dev: true
 
-  registry.npmjs.org/jsonfile/6.1.0:
+  registry.npmjs.org/jsonfile@6.1.0:
     resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz}
     name: jsonfile
     version: 6.1.0
     dependencies:
-      universalify: registry.npmjs.org/universalify/2.0.0
+      universalify: registry.npmjs.org/universalify@2.0.0
     optionalDependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
     dev: true
 
-  registry.npmjs.org/jsprim/2.0.2:
+  registry.npmjs.org/jsprim@2.0.2:
     resolution: {integrity: sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsprim/-/jsprim-2.0.2.tgz}
     name: jsprim
     version: 2.0.2
     engines: {'0': node >=0.6.0}
     dependencies:
-      assert-plus: registry.npmjs.org/assert-plus/1.0.0
-      extsprintf: registry.npmjs.org/extsprintf/1.3.0
-      json-schema: registry.npmjs.org/json-schema/0.4.0
-      verror: registry.npmjs.org/verror/1.10.0
+      assert-plus: registry.npmjs.org/assert-plus@1.0.0
+      extsprintf: registry.npmjs.org/extsprintf@1.3.0
+      json-schema: registry.npmjs.org/json-schema@0.4.0
+      verror: registry.npmjs.org/verror@1.10.0
     dev: true
 
-  registry.npmjs.org/jsx-ast-utils/3.3.3:
+  registry.npmjs.org/jsx-ast-utils@3.3.3:
     resolution: {integrity: sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz}
     name: jsx-ast-utils
     version: 3.3.3
     engines: {node: '>=4.0'}
     dependencies:
-      array-includes: registry.npmjs.org/array-includes/3.1.6
-      object.assign: registry.npmjs.org/object.assign/4.1.4
+      array-includes: registry.npmjs.org/array-includes@3.1.6
+      object.assign: registry.npmjs.org/object.assign@4.1.4
     dev: true
 
-  registry.npmjs.org/kind-of/6.0.3:
+  registry.npmjs.org/kind-of@6.0.3:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz}
     name: kind-of
     version: 6.0.3
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/kleur/4.1.5:
+  registry.npmjs.org/kleur@4.1.5:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz}
     name: kleur
     version: 4.1.5
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/known-css-properties/0.27.0:
+  registry.npmjs.org/known-css-properties@0.27.0:
     resolution: {integrity: sha512-uMCj6+hZYDoffuvAJjFAPz56E9uoowFHmTkqRtRq5WyC5Q6Cu/fTZKNQpX/RbzChBYLLl3lo8CjFZBAZXq9qFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.27.0.tgz}
     name: known-css-properties
     version: 0.27.0
     dev: true
 
-  registry.npmjs.org/lazy-ass/1.6.0:
+  registry.npmjs.org/lazy-ass@1.6.0:
     resolution: {integrity: sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lazy-ass/-/lazy-ass-1.6.0.tgz}
     name: lazy-ass
     version: 1.6.0
     engines: {node: '> 0.8'}
     dev: true
 
-  registry.npmjs.org/levn/0.4.1:
+  registry.npmjs.org/levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/levn/-/levn-0.4.1.tgz}
     name: levn
     version: 0.4.1
     engines: {node: '>= 0.8.0'}
     dependencies:
-      prelude-ls: registry.npmjs.org/prelude-ls/1.2.1
-      type-check: registry.npmjs.org/type-check/0.4.0
+      prelude-ls: registry.npmjs.org/prelude-ls@1.2.1
+      type-check: registry.npmjs.org/type-check@0.4.0
     dev: true
 
-  registry.npmjs.org/lie/3.1.1:
+  registry.npmjs.org/lie@3.1.1:
     resolution: {integrity: sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lie/-/lie-3.1.1.tgz}
     name: lie
     version: 3.1.1
     dependencies:
-      immediate: registry.npmjs.org/immediate/3.0.6
+      immediate: registry.npmjs.org/immediate@3.0.6
     dev: false
 
-  registry.npmjs.org/lilconfig/2.1.0:
+  registry.npmjs.org/lilconfig@2.1.0:
     resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz}
     name: lilconfig
     version: 2.1.0
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/lines-and-columns/1.2.4:
+  registry.npmjs.org/lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz}
     name: lines-and-columns
     version: 1.2.4
     dev: true
 
-  registry.npmjs.org/listr2/3.14.0_enquirer@2.3.6:
+  registry.npmjs.org/listr2@3.14.0(enquirer@2.3.6):
     resolution: {integrity: sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/listr2/-/listr2-3.14.0.tgz}
     id: registry.npmjs.org/listr2/3.14.0
     name: listr2
@@ -5297,251 +5446,251 @@ packages:
       enquirer:
         optional: true
     dependencies:
-      cli-truncate: registry.npmjs.org/cli-truncate/2.1.0
-      colorette: registry.npmjs.org/colorette/2.0.20
-      enquirer: registry.npmjs.org/enquirer/2.3.6
-      log-update: registry.npmjs.org/log-update/4.0.0
-      p-map: registry.npmjs.org/p-map/4.0.0
-      rfdc: registry.npmjs.org/rfdc/1.3.0
-      rxjs: registry.npmjs.org/rxjs/7.8.1
-      through: registry.npmjs.org/through/2.3.8
-      wrap-ansi: registry.npmjs.org/wrap-ansi/7.0.0
+      cli-truncate: registry.npmjs.org/cli-truncate@2.1.0
+      colorette: registry.npmjs.org/colorette@2.0.20
+      enquirer: registry.npmjs.org/enquirer@2.3.6
+      log-update: registry.npmjs.org/log-update@4.0.0
+      p-map: registry.npmjs.org/p-map@4.0.0
+      rfdc: registry.npmjs.org/rfdc@1.3.0
+      rxjs: registry.npmjs.org/rxjs@7.8.1
+      through: registry.npmjs.org/through@2.3.8
+      wrap-ansi: registry.npmjs.org/wrap-ansi@7.0.0
     dev: true
 
-  registry.npmjs.org/load-yaml-file/0.2.0:
+  registry.npmjs.org/load-yaml-file@0.2.0:
     resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/load-yaml-file/-/load-yaml-file-0.2.0.tgz}
     name: load-yaml-file
     version: 0.2.0
     engines: {node: '>=6'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
-      js-yaml: registry.npmjs.org/js-yaml/3.14.1
-      pify: registry.npmjs.org/pify/4.0.1
-      strip-bom: registry.npmjs.org/strip-bom/3.0.0
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      js-yaml: registry.npmjs.org/js-yaml@3.14.1
+      pify: registry.npmjs.org/pify@4.0.1
+      strip-bom: registry.npmjs.org/strip-bom@3.0.0
     dev: true
 
-  registry.npmjs.org/localforage/1.10.0:
+  registry.npmjs.org/localforage@1.10.0:
     resolution: {integrity: sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/localforage/-/localforage-1.10.0.tgz}
     name: localforage
     version: 1.10.0
     dependencies:
-      lie: registry.npmjs.org/lie/3.1.1
+      lie: registry.npmjs.org/lie@3.1.1
     dev: false
 
-  registry.npmjs.org/locate-character/3.0.0:
+  registry.npmjs.org/locate-character@3.0.0:
     resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz}
     name: locate-character
     version: 3.0.0
     dev: true
 
-  registry.npmjs.org/locate-path/5.0.0:
+  registry.npmjs.org/locate-path@5.0.0:
     resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz}
     name: locate-path
     version: 5.0.0
     engines: {node: '>=8'}
     dependencies:
-      p-locate: registry.npmjs.org/p-locate/4.1.0
+      p-locate: registry.npmjs.org/p-locate@4.1.0
     dev: true
 
-  registry.npmjs.org/locate-path/6.0.0:
+  registry.npmjs.org/locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz}
     name: locate-path
     version: 6.0.0
     engines: {node: '>=10'}
     dependencies:
-      p-locate: registry.npmjs.org/p-locate/5.0.0
+      p-locate: registry.npmjs.org/p-locate@5.0.0
     dev: true
 
-  registry.npmjs.org/lodash.merge/4.6.2:
+  registry.npmjs.org/lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz}
     name: lodash.merge
     version: 4.6.2
     dev: true
 
-  registry.npmjs.org/lodash.once/4.1.1:
+  registry.npmjs.org/lodash.once@4.1.1:
     resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz}
     name: lodash.once
     version: 4.1.1
     dev: true
 
-  registry.npmjs.org/lodash.startcase/4.4.0:
+  registry.npmjs.org/lodash.startcase@4.4.0:
     resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.startcase/-/lodash.startcase-4.4.0.tgz}
     name: lodash.startcase
     version: 4.4.0
     dev: true
 
-  registry.npmjs.org/lodash/4.17.21:
+  registry.npmjs.org/lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz}
     name: lodash
     version: 4.17.21
 
-  registry.npmjs.org/log-symbols/4.1.0:
+  registry.npmjs.org/log-symbols@4.1.0:
     resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz}
     name: log-symbols
     version: 4.1.0
     engines: {node: '>=10'}
     dependencies:
-      chalk: registry.npmjs.org/chalk/4.1.2
-      is-unicode-supported: registry.npmjs.org/is-unicode-supported/0.1.0
+      chalk: registry.npmjs.org/chalk@4.1.2
+      is-unicode-supported: registry.npmjs.org/is-unicode-supported@0.1.0
     dev: true
 
-  registry.npmjs.org/log-update/4.0.0:
+  registry.npmjs.org/log-update@4.0.0:
     resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz}
     name: log-update
     version: 4.0.0
     engines: {node: '>=10'}
     dependencies:
-      ansi-escapes: registry.npmjs.org/ansi-escapes/4.3.2
-      cli-cursor: registry.npmjs.org/cli-cursor/3.1.0
-      slice-ansi: registry.npmjs.org/slice-ansi/4.0.0
-      wrap-ansi: registry.npmjs.org/wrap-ansi/6.2.0
+      ansi-escapes: registry.npmjs.org/ansi-escapes@4.3.2
+      cli-cursor: registry.npmjs.org/cli-cursor@3.1.0
+      slice-ansi: registry.npmjs.org/slice-ansi@4.0.0
+      wrap-ansi: registry.npmjs.org/wrap-ansi@6.2.0
     dev: true
 
-  registry.npmjs.org/loose-envify/1.4.0:
+  registry.npmjs.org/loose-envify@1.4.0:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz}
     name: loose-envify
     version: 1.4.0
     hasBin: true
     dependencies:
-      js-tokens: registry.npmjs.org/js-tokens/4.0.0
+      js-tokens: registry.npmjs.org/js-tokens@4.0.0
 
-  registry.npmjs.org/lower-case/2.0.2:
+  registry.npmjs.org/lower-case@2.0.2:
     resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz}
     name: lower-case
     version: 2.0.2
     dependencies:
-      tslib: registry.npmjs.org/tslib/2.5.3
+      tslib: registry.npmjs.org/tslib@2.5.3
     dev: true
 
-  registry.npmjs.org/lru-cache/4.1.5:
+  registry.npmjs.org/lru-cache@4.1.5:
     resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz}
     name: lru-cache
     version: 4.1.5
     dependencies:
-      pseudomap: registry.npmjs.org/pseudomap/1.0.2
-      yallist: registry.npmjs.org/yallist/2.1.2
+      pseudomap: registry.npmjs.org/pseudomap@1.0.2
+      yallist: registry.npmjs.org/yallist@2.1.2
     dev: true
 
-  registry.npmjs.org/lru-cache/5.1.1:
+  registry.npmjs.org/lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz}
     name: lru-cache
     version: 5.1.1
     dependencies:
-      yallist: registry.npmjs.org/yallist/3.1.1
+      yallist: registry.npmjs.org/yallist@3.1.1
     dev: true
 
-  registry.npmjs.org/lru-cache/6.0.0:
+  registry.npmjs.org/lru-cache@6.0.0:
     resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz}
     name: lru-cache
     version: 6.0.0
     engines: {node: '>=10'}
     dependencies:
-      yallist: registry.npmjs.org/yallist/4.0.0
+      yallist: registry.npmjs.org/yallist@4.0.0
     dev: true
 
-  registry.npmjs.org/magic-string/0.27.0:
+  registry.npmjs.org/magic-string@0.27.0:
     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz}
     name: magic-string
     version: 0.27.0
     engines: {node: '>=12'}
     dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
     dev: true
 
-  registry.npmjs.org/magic-string/0.30.0:
+  registry.npmjs.org/magic-string@0.30.0:
     resolution: {integrity: sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz}
     name: magic-string
     version: 0.30.0
     engines: {node: '>=12'}
     dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
     dev: true
 
-  registry.npmjs.org/map-obj/1.0.1:
+  registry.npmjs.org/map-obj@1.0.1:
     resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz}
     name: map-obj
     version: 1.0.1
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/map-obj/4.3.0:
+  registry.npmjs.org/map-obj@4.3.0:
     resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz}
     name: map-obj
     version: 4.3.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/map-stream/0.1.0:
+  registry.npmjs.org/map-stream@0.1.0:
     resolution: {integrity: sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/map-stream/-/map-stream-0.1.0.tgz}
     name: map-stream
     version: 0.1.0
     dev: true
 
-  registry.npmjs.org/mdn-data/2.0.30:
+  registry.npmjs.org/mdn-data@2.0.30:
     resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz}
     name: mdn-data
     version: 2.0.30
     dev: true
 
-  registry.npmjs.org/meow/6.1.1:
+  registry.npmjs.org/meow@6.1.1:
     resolution: {integrity: sha512-3YffViIt2QWgTy6Pale5QpopX/IvU3LPL03jOTqp6pGj3VjesdO/U8CuHMKpnQr4shCNCM5fd5XFFvIIl6JBHg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/meow/-/meow-6.1.1.tgz}
     name: meow
     version: 6.1.1
     engines: {node: '>=8'}
     dependencies:
-      '@types/minimist': registry.npmjs.org/@types/minimist/1.2.2
-      camelcase-keys: registry.npmjs.org/camelcase-keys/6.2.2
-      decamelize-keys: registry.npmjs.org/decamelize-keys/1.1.1
-      hard-rejection: registry.npmjs.org/hard-rejection/2.1.0
-      minimist-options: registry.npmjs.org/minimist-options/4.1.0
-      normalize-package-data: registry.npmjs.org/normalize-package-data/2.5.0
-      read-pkg-up: registry.npmjs.org/read-pkg-up/7.0.1
-      redent: registry.npmjs.org/redent/3.0.0
-      trim-newlines: registry.npmjs.org/trim-newlines/3.0.1
-      type-fest: registry.npmjs.org/type-fest/0.13.1
-      yargs-parser: registry.npmjs.org/yargs-parser/18.1.3
+      '@types/minimist': registry.npmjs.org/@types/minimist@1.2.2
+      camelcase-keys: registry.npmjs.org/camelcase-keys@6.2.2
+      decamelize-keys: registry.npmjs.org/decamelize-keys@1.1.1
+      hard-rejection: registry.npmjs.org/hard-rejection@2.1.0
+      minimist-options: registry.npmjs.org/minimist-options@4.1.0
+      normalize-package-data: registry.npmjs.org/normalize-package-data@2.5.0
+      read-pkg-up: registry.npmjs.org/read-pkg-up@7.0.1
+      redent: registry.npmjs.org/redent@3.0.0
+      trim-newlines: registry.npmjs.org/trim-newlines@3.0.1
+      type-fest: registry.npmjs.org/type-fest@0.13.1
+      yargs-parser: registry.npmjs.org/yargs-parser@18.1.3
     dev: true
 
-  registry.npmjs.org/merge-stream/2.0.0:
+  registry.npmjs.org/merge-stream@2.0.0:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz}
     name: merge-stream
     version: 2.0.0
     dev: true
 
-  registry.npmjs.org/merge2/1.4.1:
+  registry.npmjs.org/merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz}
     name: merge2
     version: 1.4.1
     engines: {node: '>= 8'}
     dev: true
 
-  registry.npmjs.org/micromatch/4.0.5:
+  registry.npmjs.org/micromatch@4.0.5:
     resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz}
     name: micromatch
     version: 4.0.5
     engines: {node: '>=8.6'}
     dependencies:
-      braces: registry.npmjs.org/braces/3.0.2
-      picomatch: registry.npmjs.org/picomatch/2.3.1
+      braces: registry.npmjs.org/braces@3.0.2
+      picomatch: registry.npmjs.org/picomatch@2.3.1
     dev: true
 
-  registry.npmjs.org/mime-db/1.52.0:
+  registry.npmjs.org/mime-db@1.52.0:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz}
     name: mime-db
     version: 1.52.0
     engines: {node: '>= 0.6'}
     dev: true
 
-  registry.npmjs.org/mime-types/2.1.35:
+  registry.npmjs.org/mime-types@2.1.35:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz}
     name: mime-types
     version: 2.1.35
     engines: {node: '>= 0.6'}
     dependencies:
-      mime-db: registry.npmjs.org/mime-db/1.52.0
+      mime-db: registry.npmjs.org/mime-db@1.52.0
     dev: true
 
-  registry.npmjs.org/mime/3.0.0:
+  registry.npmjs.org/mime@3.0.0:
     resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mime/-/mime-3.0.0.tgz}
     name: mime
     version: 3.0.0
@@ -5549,97 +5698,97 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/mimic-fn/2.1.0:
+  registry.npmjs.org/mimic-fn@2.1.0:
     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz}
     name: mimic-fn
     version: 2.1.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/min-indent/1.0.1:
+  registry.npmjs.org/min-indent@1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz}
     name: min-indent
     version: 1.0.1
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/minimatch/3.1.2:
+  registry.npmjs.org/minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz}
     name: minimatch
     version: 3.1.2
     dependencies:
-      brace-expansion: registry.npmjs.org/brace-expansion/1.1.11
+      brace-expansion: registry.npmjs.org/brace-expansion@1.1.11
     dev: true
 
-  registry.npmjs.org/minimatch/5.1.6:
+  registry.npmjs.org/minimatch@5.1.6:
     resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz}
     name: minimatch
     version: 5.1.6
     engines: {node: '>=10'}
     dependencies:
-      brace-expansion: registry.npmjs.org/brace-expansion/2.0.1
+      brace-expansion: registry.npmjs.org/brace-expansion@2.0.1
     dev: true
 
-  registry.npmjs.org/minimist-options/4.1.0:
+  registry.npmjs.org/minimist-options@4.1.0:
     resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz}
     name: minimist-options
     version: 4.1.0
     engines: {node: '>= 6'}
     dependencies:
-      arrify: registry.npmjs.org/arrify/1.0.1
-      is-plain-obj: registry.npmjs.org/is-plain-obj/1.1.0
-      kind-of: registry.npmjs.org/kind-of/6.0.3
+      arrify: registry.npmjs.org/arrify@1.0.1
+      is-plain-obj: registry.npmjs.org/is-plain-obj@1.1.0
+      kind-of: registry.npmjs.org/kind-of@6.0.3
     dev: true
 
-  registry.npmjs.org/minimist/1.2.8:
+  registry.npmjs.org/minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz}
     name: minimist
     version: 1.2.8
     dev: true
 
-  registry.npmjs.org/mixme/0.5.9:
+  registry.npmjs.org/mixme@0.5.9:
     resolution: {integrity: sha512-VC5fg6ySUscaWUpI4gxCBTQMH2RdUpNrk+MsbpCYtIvf9SBJdiUey4qE7BXviJsJR4nDQxCZ+3yaYNW3guz/Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mixme/-/mixme-0.5.9.tgz}
     name: mixme
     version: 0.5.9
     engines: {node: '>= 8.0.0'}
     dev: true
 
-  registry.npmjs.org/mkdirp/0.5.6:
+  registry.npmjs.org/mkdirp@0.5.6:
     resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz}
     name: mkdirp
     version: 0.5.6
     hasBin: true
     dependencies:
-      minimist: registry.npmjs.org/minimist/1.2.8
+      minimist: registry.npmjs.org/minimist@1.2.8
     dev: true
 
-  registry.npmjs.org/mri/1.2.0:
+  registry.npmjs.org/mri@1.2.0:
     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mri/-/mri-1.2.0.tgz}
     name: mri
     version: 1.2.0
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/mrmime/1.0.1:
+  registry.npmjs.org/mrmime@1.0.1:
     resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz}
     name: mrmime
     version: 1.0.1
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/ms/2.1.2:
+  registry.npmjs.org/ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ms/-/ms-2.1.2.tgz}
     name: ms
     version: 2.1.2
     dev: true
 
-  registry.npmjs.org/ms/2.1.3:
+  registry.npmjs.org/ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ms/-/ms-2.1.3.tgz}
     name: ms
     version: 2.1.3
     dev: true
 
-  registry.npmjs.org/nanoid/3.3.6:
+  registry.npmjs.org/nanoid@3.3.6:
     resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz}
     name: nanoid
     version: 3.3.6
@@ -5647,28 +5796,28 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/natural-compare-lite/1.4.0:
+  registry.npmjs.org/natural-compare-lite@1.4.0:
     resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz}
     name: natural-compare-lite
     version: 1.4.0
     dev: true
 
-  registry.npmjs.org/natural-compare/1.4.0:
+  registry.npmjs.org/natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz}
     name: natural-compare
     version: 1.4.0
     dev: true
 
-  registry.npmjs.org/no-case/3.0.4:
+  registry.npmjs.org/no-case@3.0.4:
     resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz}
     name: no-case
     version: 3.0.4
     dependencies:
-      lower-case: registry.npmjs.org/lower-case/2.0.2
-      tslib: registry.npmjs.org/tslib/2.5.3
+      lower-case: registry.npmjs.org/lower-case@2.0.2
+      tslib: registry.npmjs.org/tslib@2.5.3
     dev: true
 
-  registry.npmjs.org/node-fetch/2.6.11:
+  registry.npmjs.org/node-fetch@2.6.11:
     resolution: {integrity: sha512-4I6pdBY1EthSqDmJkiNk3JIT8cswwR9nfeW/cPdUagJYEQG7R95WRH74wpz7ma8Gh/9dI9FP+OU+0E4FvtA55w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.11.tgz}
     name: node-fetch
     version: 2.6.11
@@ -5679,372 +5828,372 @@ packages:
       encoding:
         optional: true
     dependencies:
-      whatwg-url: registry.npmjs.org/whatwg-url/5.0.0
+      whatwg-url: registry.npmjs.org/whatwg-url@5.0.0
     dev: true
 
-  registry.npmjs.org/node-releases/2.0.12:
+  registry.npmjs.org/node-releases@2.0.12:
     resolution: {integrity: sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-releases/-/node-releases-2.0.12.tgz}
     name: node-releases
     version: 2.0.12
     dev: true
 
-  registry.npmjs.org/normalize-package-data/2.5.0:
+  registry.npmjs.org/normalize-package-data@2.5.0:
     resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz}
     name: normalize-package-data
     version: 2.5.0
     dependencies:
-      hosted-git-info: registry.npmjs.org/hosted-git-info/2.8.9
-      resolve: registry.npmjs.org/resolve/1.22.2
-      semver: registry.npmjs.org/semver/5.7.1
-      validate-npm-package-license: registry.npmjs.org/validate-npm-package-license/3.0.4
+      hosted-git-info: registry.npmjs.org/hosted-git-info@2.8.9
+      resolve: registry.npmjs.org/resolve@1.22.2
+      semver: registry.npmjs.org/semver@5.7.1
+      validate-npm-package-license: registry.npmjs.org/validate-npm-package-license@3.0.4
     dev: true
 
-  registry.npmjs.org/normalize-path/3.0.0:
+  registry.npmjs.org/normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz}
     name: normalize-path
     version: 3.0.0
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/normalize-range/0.1.2:
+  registry.npmjs.org/normalize-range@0.1.2:
     resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz}
     name: normalize-range
     version: 0.1.2
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/npm-run-path/4.0.1:
+  registry.npmjs.org/npm-run-path@4.0.1:
     resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz}
     name: npm-run-path
     version: 4.0.1
     engines: {node: '>=8'}
     dependencies:
-      path-key: registry.npmjs.org/path-key/3.1.1
+      path-key: registry.npmjs.org/path-key@3.1.1
     dev: true
 
-  registry.npmjs.org/object-assign/4.1.1:
+  registry.npmjs.org/object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz}
     name: object-assign
     version: 4.1.1
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/object-inspect/1.12.3:
+  registry.npmjs.org/object-inspect@1.12.3:
     resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz}
     name: object-inspect
     version: 1.12.3
     dev: true
 
-  registry.npmjs.org/object-keys/1.1.1:
+  registry.npmjs.org/object-keys@1.1.1:
     resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz}
     name: object-keys
     version: 1.1.1
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/object.assign/4.1.4:
+  registry.npmjs.org/object.assign@4.1.4:
     resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz}
     name: object.assign
     version: 4.1.4
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      has-symbols: registry.npmjs.org/has-symbols/1.0.3
-      object-keys: registry.npmjs.org/object-keys/1.1.1
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      object-keys: registry.npmjs.org/object-keys@1.1.1
     dev: true
 
-  registry.npmjs.org/object.entries/1.1.6:
+  registry.npmjs.org/object.entries@1.1.6:
     resolution: {integrity: sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.entries/-/object.entries-1.1.6.tgz}
     name: object.entries
     version: 1.1.6
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
     dev: true
 
-  registry.npmjs.org/object.fromentries/2.0.6:
+  registry.npmjs.org/object.fromentries@2.0.6:
     resolution: {integrity: sha512-VciD13dswC4j1Xt5394WR4MzmAQmlgN72phd/riNp9vtD7tp4QQWJ0R4wvclXcafgcYK8veHRed2W6XeGBvcfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.6.tgz}
     name: object.fromentries
     version: 2.0.6
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
     dev: true
 
-  registry.npmjs.org/object.hasown/1.1.2:
+  registry.npmjs.org/object.hasown@1.1.2:
     resolution: {integrity: sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz}
     name: object.hasown
     version: 1.1.2
     dependencies:
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
     dev: true
 
-  registry.npmjs.org/object.values/1.1.6:
+  registry.npmjs.org/object.values@1.1.6:
     resolution: {integrity: sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.values/-/object.values-1.1.6.tgz}
     name: object.values
     version: 1.1.6
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
     dev: true
 
-  registry.npmjs.org/once/1.4.0:
+  registry.npmjs.org/once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/once/-/once-1.4.0.tgz}
     name: once
     version: 1.4.0
     dependencies:
-      wrappy: registry.npmjs.org/wrappy/1.0.2
+      wrappy: registry.npmjs.org/wrappy@1.0.2
     dev: true
 
-  registry.npmjs.org/onetime/5.1.2:
+  registry.npmjs.org/onetime@5.1.2:
     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz}
     name: onetime
     version: 5.1.2
     engines: {node: '>=6'}
     dependencies:
-      mimic-fn: registry.npmjs.org/mimic-fn/2.1.0
+      mimic-fn: registry.npmjs.org/mimic-fn@2.1.0
     dev: true
 
-  registry.npmjs.org/optionator/0.9.1:
+  registry.npmjs.org/optionator@0.9.1:
     resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz}
     name: optionator
     version: 0.9.1
     engines: {node: '>= 0.8.0'}
     dependencies:
-      deep-is: registry.npmjs.org/deep-is/0.1.4
-      fast-levenshtein: registry.npmjs.org/fast-levenshtein/2.0.6
-      levn: registry.npmjs.org/levn/0.4.1
-      prelude-ls: registry.npmjs.org/prelude-ls/1.2.1
-      type-check: registry.npmjs.org/type-check/0.4.0
-      word-wrap: registry.npmjs.org/word-wrap/1.2.3
+      deep-is: registry.npmjs.org/deep-is@0.1.4
+      fast-levenshtein: registry.npmjs.org/fast-levenshtein@2.0.6
+      levn: registry.npmjs.org/levn@0.4.1
+      prelude-ls: registry.npmjs.org/prelude-ls@1.2.1
+      type-check: registry.npmjs.org/type-check@0.4.0
+      word-wrap: registry.npmjs.org/word-wrap@1.2.3
     dev: true
 
-  registry.npmjs.org/os-tmpdir/1.0.2:
+  registry.npmjs.org/os-tmpdir@1.0.2:
     resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz}
     name: os-tmpdir
     version: 1.0.2
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/ospath/1.2.2:
+  registry.npmjs.org/ospath@1.2.2:
     resolution: {integrity: sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ospath/-/ospath-1.2.2.tgz}
     name: ospath
     version: 1.2.2
     dev: true
 
-  registry.npmjs.org/outdent/0.5.0:
+  registry.npmjs.org/outdent@0.5.0:
     resolution: {integrity: sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/outdent/-/outdent-0.5.0.tgz}
     name: outdent
     version: 0.5.0
     dev: true
 
-  registry.npmjs.org/p-filter/2.1.0:
+  registry.npmjs.org/p-filter@2.1.0:
     resolution: {integrity: sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-filter/-/p-filter-2.1.0.tgz}
     name: p-filter
     version: 2.1.0
     engines: {node: '>=8'}
     dependencies:
-      p-map: registry.npmjs.org/p-map/2.1.0
+      p-map: registry.npmjs.org/p-map@2.1.0
     dev: true
 
-  registry.npmjs.org/p-limit/2.3.0:
+  registry.npmjs.org/p-limit@2.3.0:
     resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz}
     name: p-limit
     version: 2.3.0
     engines: {node: '>=6'}
     dependencies:
-      p-try: registry.npmjs.org/p-try/2.2.0
+      p-try: registry.npmjs.org/p-try@2.2.0
     dev: true
 
-  registry.npmjs.org/p-limit/3.1.0:
+  registry.npmjs.org/p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz}
     name: p-limit
     version: 3.1.0
     engines: {node: '>=10'}
     dependencies:
-      yocto-queue: registry.npmjs.org/yocto-queue/0.1.0
+      yocto-queue: registry.npmjs.org/yocto-queue@0.1.0
     dev: true
 
-  registry.npmjs.org/p-locate/4.1.0:
+  registry.npmjs.org/p-locate@4.1.0:
     resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz}
     name: p-locate
     version: 4.1.0
     engines: {node: '>=8'}
     dependencies:
-      p-limit: registry.npmjs.org/p-limit/2.3.0
+      p-limit: registry.npmjs.org/p-limit@2.3.0
     dev: true
 
-  registry.npmjs.org/p-locate/5.0.0:
+  registry.npmjs.org/p-locate@5.0.0:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz}
     name: p-locate
     version: 5.0.0
     engines: {node: '>=10'}
     dependencies:
-      p-limit: registry.npmjs.org/p-limit/3.1.0
+      p-limit: registry.npmjs.org/p-limit@3.1.0
     dev: true
 
-  registry.npmjs.org/p-map/2.1.0:
+  registry.npmjs.org/p-map@2.1.0:
     resolution: {integrity: sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-map/-/p-map-2.1.0.tgz}
     name: p-map
     version: 2.1.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/p-map/4.0.0:
+  registry.npmjs.org/p-map@4.0.0:
     resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz}
     name: p-map
     version: 4.0.0
     engines: {node: '>=10'}
     dependencies:
-      aggregate-error: registry.npmjs.org/aggregate-error/3.1.0
+      aggregate-error: registry.npmjs.org/aggregate-error@3.1.0
     dev: true
 
-  registry.npmjs.org/p-try/2.2.0:
+  registry.npmjs.org/p-try@2.2.0:
     resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz}
     name: p-try
     version: 2.2.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/parent-module/1.0.1:
+  registry.npmjs.org/parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz}
     name: parent-module
     version: 1.0.1
     engines: {node: '>=6'}
     dependencies:
-      callsites: registry.npmjs.org/callsites/3.1.0
+      callsites: registry.npmjs.org/callsites@3.1.0
     dev: true
 
-  registry.npmjs.org/parse-json/5.2.0:
+  registry.npmjs.org/parse-json@5.2.0:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz}
     name: parse-json
     version: 5.2.0
     engines: {node: '>=8'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.22.5
-      error-ex: registry.npmjs.org/error-ex/1.3.2
-      json-parse-even-better-errors: registry.npmjs.org/json-parse-even-better-errors/2.3.1
-      lines-and-columns: registry.npmjs.org/lines-and-columns/1.2.4
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.5
+      error-ex: registry.npmjs.org/error-ex@1.3.2
+      json-parse-even-better-errors: registry.npmjs.org/json-parse-even-better-errors@2.3.1
+      lines-and-columns: registry.npmjs.org/lines-and-columns@1.2.4
     dev: true
 
-  registry.npmjs.org/pascal-case/3.1.2:
+  registry.npmjs.org/pascal-case@3.1.2:
     resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz}
     name: pascal-case
     version: 3.1.2
     dependencies:
-      no-case: registry.npmjs.org/no-case/3.0.4
-      tslib: registry.npmjs.org/tslib/2.5.3
+      no-case: registry.npmjs.org/no-case@3.0.4
+      tslib: registry.npmjs.org/tslib@2.5.3
     dev: true
 
-  registry.npmjs.org/path-exists/4.0.0:
+  registry.npmjs.org/path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz}
     name: path-exists
     version: 4.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/path-is-absolute/1.0.1:
+  registry.npmjs.org/path-is-absolute@1.0.1:
     resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz}
     name: path-is-absolute
     version: 1.0.1
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/path-key/3.1.1:
+  registry.npmjs.org/path-key@3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz}
     name: path-key
     version: 3.1.1
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/path-parse/1.0.7:
+  registry.npmjs.org/path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz}
     name: path-parse
     version: 1.0.7
     dev: true
 
-  registry.npmjs.org/path-type/4.0.0:
+  registry.npmjs.org/path-type@4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz}
     name: path-type
     version: 4.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/pause-stream/0.0.11:
+  registry.npmjs.org/pause-stream@0.0.11:
     resolution: {integrity: sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz}
     name: pause-stream
     version: 0.0.11
     dependencies:
-      through: registry.npmjs.org/through/2.3.8
+      through: registry.npmjs.org/through@2.3.8
     dev: true
 
-  registry.npmjs.org/pend/1.2.0:
+  registry.npmjs.org/pend@1.2.0:
     resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pend/-/pend-1.2.0.tgz}
     name: pend
     version: 1.2.0
     dev: true
 
-  registry.npmjs.org/performance-now/2.1.0:
+  registry.npmjs.org/performance-now@2.1.0:
     resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz}
     name: performance-now
     version: 2.1.0
     dev: true
 
-  registry.npmjs.org/periscopic/3.1.0:
+  registry.npmjs.org/periscopic@3.1.0:
     resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz}
     name: periscopic
     version: 3.1.0
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
-      estree-walker: registry.npmjs.org/estree-walker/3.0.3
-      is-reference: registry.npmjs.org/is-reference/3.0.1
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
+      estree-walker: registry.npmjs.org/estree-walker@3.0.3
+      is-reference: registry.npmjs.org/is-reference@3.0.1
     dev: true
 
-  registry.npmjs.org/picocolors/1.0.0:
+  registry.npmjs.org/picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz}
     name: picocolors
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/picomatch/2.3.1:
+  registry.npmjs.org/picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz}
     name: picomatch
     version: 2.3.1
     engines: {node: '>=8.6'}
     dev: true
 
-  registry.npmjs.org/pify/2.3.0:
+  registry.npmjs.org/pify@2.3.0:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pify/-/pify-2.3.0.tgz}
     name: pify
     version: 2.3.0
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/pify/4.0.1:
+  registry.npmjs.org/pify@4.0.1:
     resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pify/-/pify-4.0.1.tgz}
     name: pify
     version: 4.0.1
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/pkg-dir/4.2.0:
+  registry.npmjs.org/pkg-dir@4.2.0:
     resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz}
     name: pkg-dir
     version: 4.2.0
     engines: {node: '>=8'}
     dependencies:
-      find-up: registry.npmjs.org/find-up/4.1.0
+      find-up: registry.npmjs.org/find-up@4.1.0
     dev: true
 
-  registry.npmjs.org/postcss-cli/10.1.0_postcss@8.4.24:
+  registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.24):
     resolution: {integrity: sha512-Zu7PLORkE9YwNdvOeOVKPmWghprOtjFQU3srMUGbdz3pHJiFh7yZ4geiZFMkjMfB0mtTFR3h8RemR62rPkbOPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-cli/-/postcss-cli-10.1.0.tgz}
     id: registry.npmjs.org/postcss-cli/10.1.0
     name: postcss-cli
@@ -6054,24 +6203,24 @@ packages:
     peerDependencies:
       postcss: ^8.0.0
     dependencies:
-      chokidar: registry.npmjs.org/chokidar/3.5.3
-      dependency-graph: registry.npmjs.org/dependency-graph/0.11.0
-      fs-extra: registry.npmjs.org/fs-extra/11.1.1
-      get-stdin: registry.npmjs.org/get-stdin/9.0.0
-      globby: registry.npmjs.org/globby/13.1.4
-      picocolors: registry.npmjs.org/picocolors/1.0.0
-      postcss: registry.npmjs.org/postcss/8.4.24
-      postcss-load-config: registry.npmjs.org/postcss-load-config/4.0.1_postcss@8.4.24
-      postcss-reporter: registry.npmjs.org/postcss-reporter/7.0.5_postcss@8.4.24
-      pretty-hrtime: registry.npmjs.org/pretty-hrtime/1.0.3
-      read-cache: registry.npmjs.org/read-cache/1.0.0
-      slash: registry.npmjs.org/slash/5.1.0
-      yargs: registry.npmjs.org/yargs/17.7.2
+      chokidar: registry.npmjs.org/chokidar@3.5.3
+      dependency-graph: registry.npmjs.org/dependency-graph@0.11.0
+      fs-extra: registry.npmjs.org/fs-extra@11.1.1
+      get-stdin: registry.npmjs.org/get-stdin@9.0.0
+      globby: registry.npmjs.org/globby@13.1.4
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss-load-config: registry.npmjs.org/postcss-load-config@4.0.1(postcss@8.4.24)
+      postcss-reporter: registry.npmjs.org/postcss-reporter@7.0.5(postcss@8.4.24)
+      pretty-hrtime: registry.npmjs.org/pretty-hrtime@1.0.3
+      read-cache: registry.npmjs.org/read-cache@1.0.0
+      slash: registry.npmjs.org/slash@5.1.0
+      yargs: registry.npmjs.org/yargs@17.7.2
     transitivePeerDependencies:
       - ts-node
     dev: true
 
-  registry.npmjs.org/postcss-combine-duplicated-selectors/10.0.3_postcss@8.4.24:
+  registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.24):
     resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-combine-duplicated-selectors/-/postcss-combine-duplicated-selectors-10.0.3.tgz}
     id: registry.npmjs.org/postcss-combine-duplicated-selectors/10.0.3
     name: postcss-combine-duplicated-selectors
@@ -6080,11 +6229,11 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      postcss: registry.npmjs.org/postcss/8.4.24
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser/6.0.13
+      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-import/15.1.0_postcss@8.4.24:
+  registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.24):
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz}
     id: registry.npmjs.org/postcss-import/15.1.0
     name: postcss-import
@@ -6093,13 +6242,13 @@ packages:
     peerDependencies:
       postcss: ^8.0.0
     dependencies:
-      postcss: registry.npmjs.org/postcss/8.4.24
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser/4.2.0
-      read-cache: registry.npmjs.org/read-cache/1.0.0
-      resolve: registry.npmjs.org/resolve/1.22.2
+      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      read-cache: registry.npmjs.org/read-cache@1.0.0
+      resolve: registry.npmjs.org/resolve@1.22.2
     dev: true
 
-  registry.npmjs.org/postcss-load-config/3.1.4_postcss@8.4.24:
+  registry.npmjs.org/postcss-load-config@3.1.4(postcss@8.4.24):
     resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz}
     id: registry.npmjs.org/postcss-load-config/3.1.4
     name: postcss-load-config
@@ -6114,12 +6263,12 @@ packages:
       ts-node:
         optional: true
     dependencies:
-      lilconfig: registry.npmjs.org/lilconfig/2.1.0
-      postcss: registry.npmjs.org/postcss/8.4.24
-      yaml: registry.npmjs.org/yaml/1.10.2
+      lilconfig: registry.npmjs.org/lilconfig@2.1.0
+      postcss: registry.npmjs.org/postcss@8.4.24
+      yaml: registry.npmjs.org/yaml@1.10.2
     dev: true
 
-  registry.npmjs.org/postcss-load-config/4.0.1_postcss@8.4.24:
+  registry.npmjs.org/postcss-load-config@4.0.1(postcss@8.4.24):
     resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz}
     id: registry.npmjs.org/postcss-load-config/4.0.1
     name: postcss-load-config
@@ -6134,12 +6283,12 @@ packages:
       ts-node:
         optional: true
     dependencies:
-      lilconfig: registry.npmjs.org/lilconfig/2.1.0
-      postcss: registry.npmjs.org/postcss/8.4.24
-      yaml: registry.npmjs.org/yaml/2.3.1
+      lilconfig: registry.npmjs.org/lilconfig@2.1.0
+      postcss: registry.npmjs.org/postcss@8.4.24
+      yaml: registry.npmjs.org/yaml@2.3.1
     dev: true
 
-  registry.npmjs.org/postcss-nested/6.0.1_postcss@8.4.24:
+  registry.npmjs.org/postcss-nested@6.0.1(postcss@8.4.24):
     resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz}
     id: registry.npmjs.org/postcss-nested/6.0.1
     name: postcss-nested
@@ -6148,11 +6297,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.14
     dependencies:
-      postcss: registry.npmjs.org/postcss/8.4.24
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser/6.0.13
+      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-reporter/7.0.5_postcss@8.4.24:
+  registry.npmjs.org/postcss-reporter@7.0.5(postcss@8.4.24):
     resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-7.0.5.tgz}
     id: registry.npmjs.org/postcss-reporter/7.0.5
     name: postcss-reporter
@@ -6161,12 +6310,12 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      picocolors: registry.npmjs.org/picocolors/1.0.0
-      postcss: registry.npmjs.org/postcss/8.4.24
-      thenby: registry.npmjs.org/thenby/1.3.4
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+      postcss: registry.npmjs.org/postcss@8.4.24
+      thenby: registry.npmjs.org/thenby@1.3.4
     dev: true
 
-  registry.npmjs.org/postcss-safe-parser/6.0.0_postcss@8.4.24:
+  registry.npmjs.org/postcss-safe-parser@6.0.0(postcss@8.4.24):
     resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz}
     id: registry.npmjs.org/postcss-safe-parser/6.0.0
     name: postcss-safe-parser
@@ -6175,10 +6324,22 @@ packages:
     peerDependencies:
       postcss: ^8.3.3
     dependencies:
-      postcss: registry.npmjs.org/postcss/8.4.24
+      postcss: registry.npmjs.org/postcss@8.4.24
+    dev: true
+
+  registry.npmjs.org/postcss-scss@4.0.6(postcss@8.4.24):
+    resolution: {integrity: sha512-rLDPhJY4z/i4nVFZ27j9GqLxj1pwxE80eAzUNRMXtcpipFYIeowerzBgG3yJhMtObGEXidtIgbUpQ3eLDsf5OQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.6.tgz}
+    id: registry.npmjs.org/postcss-scss/4.0.6
+    name: postcss-scss
+    version: 4.0.6
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.4.19
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.24
     dev: true
 
-  registry.npmjs.org/postcss-scss/4.0.6_postcss@8.4.24:
+  registry.npmjs.org/postcss-scss@4.0.6(postcss@8.4.27):
     resolution: {integrity: sha512-rLDPhJY4z/i4nVFZ27j9GqLxj1pwxE80eAzUNRMXtcpipFYIeowerzBgG3yJhMtObGEXidtIgbUpQ3eLDsf5OQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.6.tgz}
     id: registry.npmjs.org/postcss-scss/4.0.6
     name: postcss-scss
@@ -6187,65 +6348,76 @@ packages:
     peerDependencies:
       postcss: ^8.4.19
     dependencies:
-      postcss: registry.npmjs.org/postcss/8.4.24
+      postcss: registry.npmjs.org/postcss@8.4.27
     dev: true
 
-  registry.npmjs.org/postcss-selector-parser/6.0.13:
+  registry.npmjs.org/postcss-selector-parser@6.0.13:
     resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz}
     name: postcss-selector-parser
     version: 6.0.13
     engines: {node: '>=4'}
     dependencies:
-      cssesc: registry.npmjs.org/cssesc/3.0.0
-      util-deprecate: registry.npmjs.org/util-deprecate/1.0.2
+      cssesc: registry.npmjs.org/cssesc@3.0.0
+      util-deprecate: registry.npmjs.org/util-deprecate@1.0.2
     dev: true
 
-  registry.npmjs.org/postcss-value-parser/4.2.0:
+  registry.npmjs.org/postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz}
     name: postcss-value-parser
     version: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss/8.4.24:
+  registry.npmjs.org/postcss@8.4.24:
     resolution: {integrity: sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz}
     name: postcss
     version: 8.4.24
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
-      nanoid: registry.npmjs.org/nanoid/3.3.6
-      picocolors: registry.npmjs.org/picocolors/1.0.0
-      source-map-js: registry.npmjs.org/source-map-js/1.0.2
+      nanoid: registry.npmjs.org/nanoid@3.3.6
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+      source-map-js: registry.npmjs.org/source-map-js@1.0.2
+    dev: true
+
+  registry.npmjs.org/postcss@8.4.27:
+    resolution: {integrity: sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz}
+    name: postcss
+    version: 8.4.27
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: registry.npmjs.org/nanoid@3.3.6
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+      source-map-js: registry.npmjs.org/source-map-js@1.0.2
     dev: true
 
-  registry.npmjs.org/preferred-pm/3.0.3:
+  registry.npmjs.org/preferred-pm@3.0.3:
     resolution: {integrity: sha512-+wZgbxNES/KlJs9q40F/1sfOd/j7f1O9JaHcW5Dsn3aUUOZg3L2bjpVUcKV2jvtElYfoTuQiNeMfQJ4kwUAhCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/preferred-pm/-/preferred-pm-3.0.3.tgz}
     name: preferred-pm
     version: 3.0.3
     engines: {node: '>=10'}
     dependencies:
-      find-up: registry.npmjs.org/find-up/5.0.0
-      find-yarn-workspace-root2: registry.npmjs.org/find-yarn-workspace-root2/1.2.16
-      path-exists: registry.npmjs.org/path-exists/4.0.0
-      which-pm: registry.npmjs.org/which-pm/2.0.0
+      find-up: registry.npmjs.org/find-up@5.0.0
+      find-yarn-workspace-root2: registry.npmjs.org/find-yarn-workspace-root2@1.2.16
+      path-exists: registry.npmjs.org/path-exists@4.0.0
+      which-pm: registry.npmjs.org/which-pm@2.0.0
     dev: true
 
-  registry.npmjs.org/prelude-ls/1.2.1:
+  registry.npmjs.org/prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz}
     name: prelude-ls
     version: 1.2.1
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  registry.npmjs.org/prettier-linter-helpers/1.0.0:
+  registry.npmjs.org/prettier-linter-helpers@1.0.0:
     resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz}
     name: prettier-linter-helpers
     version: 1.0.0
     engines: {node: '>=6.0.0'}
     dependencies:
-      fast-diff: registry.npmjs.org/fast-diff/1.3.0
+      fast-diff: registry.npmjs.org/fast-diff@1.3.0
     dev: true
 
-  registry.npmjs.org/prettier-plugin-svelte/2.10.1_qjnzte5rqd6zd6el5wewwu2zei:
+  registry.npmjs.org/prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.2.0):
     resolution: {integrity: sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.10.1.tgz}
     id: registry.npmjs.org/prettier-plugin-svelte/2.10.1
     name: prettier-plugin-svelte
@@ -6254,11 +6426,11 @@ packages:
       prettier: ^1.16.4 || ^2.0.0
       svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
-      prettier: registry.npmjs.org/prettier/2.8.8
-      svelte: registry.npmjs.org/svelte/4.0.0
+      prettier: registry.npmjs.org/prettier@2.8.8
+      svelte: registry.npmjs.org/svelte@4.2.0
     dev: true
 
-  registry.npmjs.org/prettier/2.8.8:
+  registry.npmjs.org/prettier@2.8.8:
     resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz}
     name: prettier
     version: 2.8.8
@@ -6266,105 +6438,105 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/pretty-bytes/5.6.0:
+  registry.npmjs.org/pretty-bytes@5.6.0:
     resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz}
     name: pretty-bytes
     version: 5.6.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/pretty-hrtime/1.0.3:
+  registry.npmjs.org/pretty-hrtime@1.0.3:
     resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz}
     name: pretty-hrtime
     version: 1.0.3
     engines: {node: '>= 0.8'}
     dev: true
 
-  registry.npmjs.org/prop-types/15.8.1:
+  registry.npmjs.org/prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz}
     name: prop-types
     version: 15.8.1
     dependencies:
-      loose-envify: registry.npmjs.org/loose-envify/1.4.0
-      object-assign: registry.npmjs.org/object-assign/4.1.1
-      react-is: registry.npmjs.org/react-is/16.13.1
+      loose-envify: registry.npmjs.org/loose-envify@1.4.0
+      object-assign: registry.npmjs.org/object-assign@4.1.1
+      react-is: registry.npmjs.org/react-is@16.13.1
     dev: true
 
-  registry.npmjs.org/proxy-from-env/1.0.0:
+  registry.npmjs.org/proxy-from-env@1.0.0:
     resolution: {integrity: sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz}
     name: proxy-from-env
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/ps-tree/1.2.0:
+  registry.npmjs.org/ps-tree@1.2.0:
     resolution: {integrity: sha512-0VnamPPYHl4uaU/nSFeZZpR21QAWRz+sRv4iW9+v/GS/J5U5iZB5BNN6J0RMoOvdx2gWM2+ZFMIm58q24e4UYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ps-tree/-/ps-tree-1.2.0.tgz}
     name: ps-tree
     version: 1.2.0
     engines: {node: '>= 0.10'}
     hasBin: true
     dependencies:
-      event-stream: registry.npmjs.org/event-stream/3.3.4
+      event-stream: registry.npmjs.org/event-stream@3.3.4
     dev: true
 
-  registry.npmjs.org/pseudomap/1.0.2:
+  registry.npmjs.org/pseudomap@1.0.2:
     resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz}
     name: pseudomap
     version: 1.0.2
     dev: true
 
-  registry.npmjs.org/psl/1.9.0:
+  registry.npmjs.org/psl@1.9.0:
     resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/psl/-/psl-1.9.0.tgz}
     name: psl
     version: 1.9.0
     dev: true
 
-  registry.npmjs.org/pump/3.0.0:
+  registry.npmjs.org/pump@3.0.0:
     resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pump/-/pump-3.0.0.tgz}
     name: pump
     version: 3.0.0
     dependencies:
-      end-of-stream: registry.npmjs.org/end-of-stream/1.4.4
-      once: registry.npmjs.org/once/1.4.0
+      end-of-stream: registry.npmjs.org/end-of-stream@1.4.4
+      once: registry.npmjs.org/once@1.4.0
     dev: true
 
-  registry.npmjs.org/punycode/2.3.0:
+  registry.npmjs.org/punycode@2.3.0:
     resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz}
     name: punycode
     version: 2.3.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/qs/6.10.4:
+  registry.npmjs.org/qs@6.10.4:
     resolution: {integrity: sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/qs/-/qs-6.10.4.tgz}
     name: qs
     version: 6.10.4
     engines: {node: '>=0.6'}
     dependencies:
-      side-channel: registry.npmjs.org/side-channel/1.0.4
+      side-channel: registry.npmjs.org/side-channel@1.0.4
     dev: true
 
-  registry.npmjs.org/queue-microtask/1.2.3:
+  registry.npmjs.org/queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz}
     name: queue-microtask
     version: 1.2.3
     dev: true
 
-  registry.npmjs.org/quick-lru/4.0.1:
+  registry.npmjs.org/quick-lru@4.0.1:
     resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz}
     name: quick-lru
     version: 4.0.1
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/randombytes/2.1.0:
+  registry.npmjs.org/randombytes@2.1.0:
     resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz}
     name: randombytes
     version: 2.1.0
     dependencies:
-      safe-buffer: registry.npmjs.org/safe-buffer/5.2.1
+      safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
     dev: true
 
-  registry.npmjs.org/react-dom/18.2.0_react@18.2.0:
+  registry.npmjs.org/react-dom@18.2.0(react@18.2.0):
     resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz}
     id: registry.npmjs.org/react-dom/18.2.0
     name: react-dom
@@ -6372,24 +6544,24 @@ packages:
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      loose-envify: registry.npmjs.org/loose-envify/1.4.0
-      react: registry.npmjs.org/react/18.2.0
-      scheduler: registry.npmjs.org/scheduler/0.23.0
+      loose-envify: registry.npmjs.org/loose-envify@1.4.0
+      react: registry.npmjs.org/react@18.2.0
+      scheduler: registry.npmjs.org/scheduler@0.23.0
 
-  registry.npmjs.org/react-is/16.13.1:
+  registry.npmjs.org/react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz}
     name: react-is
     version: 16.13.1
     dev: true
 
-  registry.npmjs.org/react-refresh/0.14.0:
+  registry.npmjs.org/react-refresh@0.14.0:
     resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz}
     name: react-refresh
     version: 0.14.0
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/react-router-dom/6.12.1_biqbaboplfbrettd7655fr4n2y:
+  registry.npmjs.org/react-router-dom@6.12.1(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-POIZN9UDKWwEDga054LvYr2KnK8V+0HR4Ny4Bwv8V7/FZCPxJgsCjYxXGxqxzHs7VBxMKZfgvtKhafuJkJSPGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.12.1.tgz}
     id: registry.npmjs.org/react-router-dom/6.12.1
     name: react-router-dom
@@ -6399,13 +6571,13 @@ packages:
       react: '>=16.8'
       react-dom: '>=16.8'
     dependencies:
-      '@remix-run/router': registry.npmjs.org/@remix-run/router/1.6.3
-      react: registry.npmjs.org/react/18.2.0
-      react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
-      react-router: registry.npmjs.org/react-router/6.12.1_react@18.2.0
+      '@remix-run/router': registry.npmjs.org/@remix-run/router@1.6.3
+      react: registry.npmjs.org/react@18.2.0
+      react-dom: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+      react-router: registry.npmjs.org/react-router@6.12.1(react@18.2.0)
     dev: false
 
-  registry.npmjs.org/react-router/6.12.1_react@18.2.0:
+  registry.npmjs.org/react-router@6.12.1(react@18.2.0):
     resolution: {integrity: sha512-evd/GrKJOeOypD0JB9e1r7pQh2gWCsTbUfq059Wm1AFT/K2MNZuDo19lFtAgIhlBrp0MmpgpqtvZC7LPAs7vSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router/-/react-router-6.12.1.tgz}
     id: registry.npmjs.org/react-router/6.12.1
     name: react-router
@@ -6414,196 +6586,196 @@ packages:
     peerDependencies:
       react: '>=16.8'
     dependencies:
-      '@remix-run/router': registry.npmjs.org/@remix-run/router/1.6.3
-      react: registry.npmjs.org/react/18.2.0
+      '@remix-run/router': registry.npmjs.org/@remix-run/router@1.6.3
+      react: registry.npmjs.org/react@18.2.0
     dev: false
 
-  registry.npmjs.org/react/18.2.0:
+  registry.npmjs.org/react@18.2.0:
     resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react/-/react-18.2.0.tgz}
     name: react
     version: 18.2.0
     engines: {node: '>=0.10.0'}
     dependencies:
-      loose-envify: registry.npmjs.org/loose-envify/1.4.0
+      loose-envify: registry.npmjs.org/loose-envify@1.4.0
 
-  registry.npmjs.org/read-cache/1.0.0:
+  registry.npmjs.org/read-cache@1.0.0:
     resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz}
     name: read-cache
     version: 1.0.0
     dependencies:
-      pify: registry.npmjs.org/pify/2.3.0
+      pify: registry.npmjs.org/pify@2.3.0
     dev: true
 
-  registry.npmjs.org/read-pkg-up/7.0.1:
+  registry.npmjs.org/read-pkg-up@7.0.1:
     resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz}
     name: read-pkg-up
     version: 7.0.1
     engines: {node: '>=8'}
     dependencies:
-      find-up: registry.npmjs.org/find-up/4.1.0
-      read-pkg: registry.npmjs.org/read-pkg/5.2.0
-      type-fest: registry.npmjs.org/type-fest/0.8.1
+      find-up: registry.npmjs.org/find-up@4.1.0
+      read-pkg: registry.npmjs.org/read-pkg@5.2.0
+      type-fest: registry.npmjs.org/type-fest@0.8.1
     dev: true
 
-  registry.npmjs.org/read-pkg/5.2.0:
+  registry.npmjs.org/read-pkg@5.2.0:
     resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz}
     name: read-pkg
     version: 5.2.0
     engines: {node: '>=8'}
     dependencies:
-      '@types/normalize-package-data': registry.npmjs.org/@types/normalize-package-data/2.4.1
-      normalize-package-data: registry.npmjs.org/normalize-package-data/2.5.0
-      parse-json: registry.npmjs.org/parse-json/5.2.0
-      type-fest: registry.npmjs.org/type-fest/0.6.0
+      '@types/normalize-package-data': registry.npmjs.org/@types/normalize-package-data@2.4.1
+      normalize-package-data: registry.npmjs.org/normalize-package-data@2.5.0
+      parse-json: registry.npmjs.org/parse-json@5.2.0
+      type-fest: registry.npmjs.org/type-fest@0.6.0
     dev: true
 
-  registry.npmjs.org/read-yaml-file/1.1.0:
+  registry.npmjs.org/read-yaml-file@1.1.0:
     resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/read-yaml-file/-/read-yaml-file-1.1.0.tgz}
     name: read-yaml-file
     version: 1.1.0
     engines: {node: '>=6'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
-      js-yaml: registry.npmjs.org/js-yaml/3.14.1
-      pify: registry.npmjs.org/pify/4.0.1
-      strip-bom: registry.npmjs.org/strip-bom/3.0.0
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      js-yaml: registry.npmjs.org/js-yaml@3.14.1
+      pify: registry.npmjs.org/pify@4.0.1
+      strip-bom: registry.npmjs.org/strip-bom@3.0.0
     dev: true
 
-  registry.npmjs.org/readdirp/3.6.0:
+  registry.npmjs.org/readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz}
     name: readdirp
     version: 3.6.0
     engines: {node: '>=8.10.0'}
     dependencies:
-      picomatch: registry.npmjs.org/picomatch/2.3.1
+      picomatch: registry.npmjs.org/picomatch@2.3.1
     dev: true
 
-  registry.npmjs.org/redent/3.0.0:
+  registry.npmjs.org/redent@3.0.0:
     resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/redent/-/redent-3.0.0.tgz}
     name: redent
     version: 3.0.0
     engines: {node: '>=8'}
     dependencies:
-      indent-string: registry.npmjs.org/indent-string/4.0.0
-      strip-indent: registry.npmjs.org/strip-indent/3.0.0
+      indent-string: registry.npmjs.org/indent-string@4.0.0
+      strip-indent: registry.npmjs.org/strip-indent@3.0.0
     dev: true
 
-  registry.npmjs.org/regenerator-runtime/0.13.11:
+  registry.npmjs.org/regenerator-runtime@0.13.11:
     resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz}
     name: regenerator-runtime
     version: 0.13.11
     dev: true
 
-  registry.npmjs.org/regexp.prototype.flags/1.5.0:
+  registry.npmjs.org/regexp.prototype.flags@1.5.0:
     resolution: {integrity: sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz}
     name: regexp.prototype.flags
     version: 1.5.0
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      functions-have-names: registry.npmjs.org/functions-have-names/1.2.3
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      functions-have-names: registry.npmjs.org/functions-have-names@1.2.3
     dev: true
 
-  registry.npmjs.org/request-progress/3.0.0:
+  registry.npmjs.org/request-progress@3.0.0:
     resolution: {integrity: sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/request-progress/-/request-progress-3.0.0.tgz}
     name: request-progress
     version: 3.0.0
     dependencies:
-      throttleit: registry.npmjs.org/throttleit/1.0.0
+      throttleit: registry.npmjs.org/throttleit@1.0.0
     dev: true
 
-  registry.npmjs.org/require-directory/2.1.1:
+  registry.npmjs.org/require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz}
     name: require-directory
     version: 2.1.1
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/require-main-filename/2.0.0:
+  registry.npmjs.org/require-main-filename@2.0.0:
     resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz}
     name: require-main-filename
     version: 2.0.0
     dev: true
 
-  registry.npmjs.org/resolve-from/4.0.0:
+  registry.npmjs.org/resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz}
     name: resolve-from
     version: 4.0.0
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/resolve-from/5.0.0:
+  registry.npmjs.org/resolve-from@5.0.0:
     resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz}
     name: resolve-from
     version: 5.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/resolve/1.22.2:
+  registry.npmjs.org/resolve@1.22.2:
     resolution: {integrity: sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz}
     name: resolve
     version: 1.22.2
     hasBin: true
     dependencies:
-      is-core-module: registry.npmjs.org/is-core-module/2.12.1
-      path-parse: registry.npmjs.org/path-parse/1.0.7
-      supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag/1.0.0
+      is-core-module: registry.npmjs.org/is-core-module@2.12.1
+      path-parse: registry.npmjs.org/path-parse@1.0.7
+      supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0
     dev: true
 
-  registry.npmjs.org/resolve/2.0.0-next.4:
+  registry.npmjs.org/resolve@2.0.0-next.4:
     resolution: {integrity: sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz}
     name: resolve
     version: 2.0.0-next.4
     hasBin: true
     dependencies:
-      is-core-module: registry.npmjs.org/is-core-module/2.12.1
-      path-parse: registry.npmjs.org/path-parse/1.0.7
-      supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag/1.0.0
+      is-core-module: registry.npmjs.org/is-core-module@2.12.1
+      path-parse: registry.npmjs.org/path-parse@1.0.7
+      supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0
     dev: true
 
-  registry.npmjs.org/restore-cursor/3.1.0:
+  registry.npmjs.org/restore-cursor@3.1.0:
     resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz}
     name: restore-cursor
     version: 3.1.0
     engines: {node: '>=8'}
     dependencies:
-      onetime: registry.npmjs.org/onetime/5.1.2
-      signal-exit: registry.npmjs.org/signal-exit/3.0.7
+      onetime: registry.npmjs.org/onetime@5.1.2
+      signal-exit: registry.npmjs.org/signal-exit@3.0.7
     dev: true
 
-  registry.npmjs.org/reusify/1.0.4:
+  registry.npmjs.org/reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz}
     name: reusify
     version: 1.0.4
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/rfdc/1.3.0:
+  registry.npmjs.org/rfdc@1.3.0:
     resolution: {integrity: sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rfdc/-/rfdc-1.3.0.tgz}
     name: rfdc
     version: 1.3.0
     dev: true
 
-  registry.npmjs.org/rimraf/2.7.1:
+  registry.npmjs.org/rimraf@2.7.1:
     resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz}
     name: rimraf
     version: 2.7.1
     hasBin: true
     dependencies:
-      glob: registry.npmjs.org/glob/7.2.3
+      glob: registry.npmjs.org/glob@7.2.3
     dev: true
 
-  registry.npmjs.org/rimraf/3.0.2:
+  registry.npmjs.org/rimraf@3.0.2:
     resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz}
     name: rimraf
     version: 3.0.2
     hasBin: true
     dependencies:
-      glob: registry.npmjs.org/glob/7.2.3
+      glob: registry.npmjs.org/glob@7.2.3
     dev: true
 
-  registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.25.1:
+  registry.npmjs.org/rollup-plugin-peer-deps-external@2.2.4(rollup@3.25.1):
     resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup-plugin-peer-deps-external/-/rollup-plugin-peer-deps-external-2.2.4.tgz}
     id: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4
     name: rollup-plugin-peer-deps-external
@@ -6611,569 +6783,586 @@ packages:
     peerDependencies:
       rollup: '*'
     dependencies:
-      rollup: registry.npmjs.org/rollup/3.25.1
+      rollup: registry.npmjs.org/rollup@3.25.1
     dev: true
 
-  registry.npmjs.org/rollup/3.25.1:
+  registry.npmjs.org/rollup@3.25.1:
     resolution: {integrity: sha512-tywOR+rwIt5m2ZAWSe5AIJcTat8vGlnPFAv15ycCrw33t6iFsXZ6mzHVFh2psSjxQPmI+xgzMZZizUAukBI4aQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.25.1.tgz}
     name: rollup
     version: 3.25.1
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents/2.3.2
+      fsevents: registry.npmjs.org/fsevents@2.3.2
     dev: true
 
-  registry.npmjs.org/run-parallel/1.2.0:
+  registry.npmjs.org/run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz}
     name: run-parallel
     version: 1.2.0
     dependencies:
-      queue-microtask: registry.npmjs.org/queue-microtask/1.2.3
+      queue-microtask: registry.npmjs.org/queue-microtask@1.2.3
     dev: true
 
-  registry.npmjs.org/rxjs/7.8.1:
+  registry.npmjs.org/rxjs@7.8.1:
     resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz}
     name: rxjs
     version: 7.8.1
     dependencies:
-      tslib: registry.npmjs.org/tslib/2.5.3
+      tslib: registry.npmjs.org/tslib@2.5.3
     dev: true
 
-  registry.npmjs.org/sade/1.8.1:
+  registry.npmjs.org/sade@1.8.1:
     resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sade/-/sade-1.8.1.tgz}
     name: sade
     version: 1.8.1
     engines: {node: '>=6'}
     dependencies:
-      mri: registry.npmjs.org/mri/1.2.0
+      mri: registry.npmjs.org/mri@1.2.0
     dev: true
 
-  registry.npmjs.org/safe-buffer/5.2.1:
+  registry.npmjs.org/safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz}
     name: safe-buffer
     version: 5.2.1
     dev: true
 
-  registry.npmjs.org/safe-regex-test/1.0.0:
+  registry.npmjs.org/safe-regex-test@1.0.0:
     resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz}
     name: safe-regex-test
     version: 1.0.0
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
-      is-regex: registry.npmjs.org/is-regex/1.1.4
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      is-regex: registry.npmjs.org/is-regex@1.1.4
     dev: true
 
-  registry.npmjs.org/safer-buffer/2.1.2:
+  registry.npmjs.org/safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz}
     name: safer-buffer
     version: 2.1.2
     dev: true
 
-  registry.npmjs.org/sander/0.5.1:
+  registry.npmjs.org/sander@0.5.1:
     resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sander/-/sander-0.5.1.tgz}
     name: sander
     version: 0.5.1
     dependencies:
-      es6-promise: registry.npmjs.org/es6-promise/3.3.1
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
-      mkdirp: registry.npmjs.org/mkdirp/0.5.6
-      rimraf: registry.npmjs.org/rimraf/2.7.1
+      es6-promise: registry.npmjs.org/es6-promise@3.3.1
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      mkdirp: registry.npmjs.org/mkdirp@0.5.6
+      rimraf: registry.npmjs.org/rimraf@2.7.1
     dev: true
 
-  registry.npmjs.org/scheduler/0.23.0:
+  registry.npmjs.org/scheduler@0.23.0:
     resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz}
     name: scheduler
     version: 0.23.0
     dependencies:
-      loose-envify: registry.npmjs.org/loose-envify/1.4.0
+      loose-envify: registry.npmjs.org/loose-envify@1.4.0
 
-  registry.npmjs.org/semver/5.7.1:
+  registry.npmjs.org/semver@5.7.1:
     resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-5.7.1.tgz}
     name: semver
     version: 5.7.1
     hasBin: true
     dev: true
 
-  registry.npmjs.org/semver/6.3.0:
+  registry.npmjs.org/semver@6.3.0:
     resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-6.3.0.tgz}
     name: semver
     version: 6.3.0
     hasBin: true
     dev: true
 
-  registry.npmjs.org/semver/7.5.1:
+  registry.npmjs.org/semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-6.3.1.tgz}
+    name: semver
+    version: 6.3.1
+    hasBin: true
+    dev: true
+
+  registry.npmjs.org/semver@7.5.1:
     resolution: {integrity: sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.5.1.tgz}
     name: semver
     version: 7.5.1
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
-      lru-cache: registry.npmjs.org/lru-cache/6.0.0
+      lru-cache: registry.npmjs.org/lru-cache@6.0.0
     dev: true
 
-  registry.npmjs.org/semver/7.5.3:
+  registry.npmjs.org/semver@7.5.3:
     resolution: {integrity: sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.5.3.tgz}
     name: semver
     version: 7.5.3
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
-      lru-cache: registry.npmjs.org/lru-cache/6.0.0
+      lru-cache: registry.npmjs.org/lru-cache@6.0.0
     dev: true
 
-  registry.npmjs.org/serialize-javascript/6.0.1:
+  registry.npmjs.org/semver@7.5.4:
+    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.5.4.tgz}
+    name: semver
+    version: 7.5.4
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      lru-cache: registry.npmjs.org/lru-cache@6.0.0
+    dev: true
+
+  registry.npmjs.org/serialize-javascript@6.0.1:
     resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz}
     name: serialize-javascript
     version: 6.0.1
     dependencies:
-      randombytes: registry.npmjs.org/randombytes/2.1.0
+      randombytes: registry.npmjs.org/randombytes@2.1.0
     dev: true
 
-  registry.npmjs.org/set-blocking/2.0.0:
+  registry.npmjs.org/set-blocking@2.0.0:
     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz}
     name: set-blocking
     version: 2.0.0
     dev: true
 
-  registry.npmjs.org/set-cookie-parser/2.6.0:
+  registry.npmjs.org/set-cookie-parser@2.6.0:
     resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz}
     name: set-cookie-parser
     version: 2.6.0
     dev: true
 
-  registry.npmjs.org/shebang-command/1.2.0:
+  registry.npmjs.org/shebang-command@1.2.0:
     resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz}
     name: shebang-command
     version: 1.2.0
     engines: {node: '>=0.10.0'}
     dependencies:
-      shebang-regex: registry.npmjs.org/shebang-regex/1.0.0
+      shebang-regex: registry.npmjs.org/shebang-regex@1.0.0
     dev: true
 
-  registry.npmjs.org/shebang-command/2.0.0:
+  registry.npmjs.org/shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz}
     name: shebang-command
     version: 2.0.0
     engines: {node: '>=8'}
     dependencies:
-      shebang-regex: registry.npmjs.org/shebang-regex/3.0.0
+      shebang-regex: registry.npmjs.org/shebang-regex@3.0.0
     dev: true
 
-  registry.npmjs.org/shebang-regex/1.0.0:
+  registry.npmjs.org/shebang-regex@1.0.0:
     resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz}
     name: shebang-regex
     version: 1.0.0
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/shebang-regex/3.0.0:
+  registry.npmjs.org/shebang-regex@3.0.0:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz}
     name: shebang-regex
     version: 3.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/shell-quote/1.8.1:
+  registry.npmjs.org/shell-quote@1.8.1:
     resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz}
     name: shell-quote
     version: 1.8.1
     dev: true
 
-  registry.npmjs.org/side-channel/1.0.4:
+  registry.npmjs.org/side-channel@1.0.4:
     resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz}
     name: side-channel
     version: 1.0.4
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
-      object-inspect: registry.npmjs.org/object-inspect/1.12.3
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      object-inspect: registry.npmjs.org/object-inspect@1.12.3
     dev: true
 
-  registry.npmjs.org/signal-exit/3.0.7:
+  registry.npmjs.org/signal-exit@3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz}
     name: signal-exit
     version: 3.0.7
     dev: true
 
-  registry.npmjs.org/sirv/2.0.3:
+  registry.npmjs.org/sirv@2.0.3:
     resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sirv/-/sirv-2.0.3.tgz}
     name: sirv
     version: 2.0.3
     engines: {node: '>= 10'}
     dependencies:
-      '@polka/url': registry.npmjs.org/@polka/url/1.0.0-next.21
-      mrmime: registry.npmjs.org/mrmime/1.0.1
-      totalist: registry.npmjs.org/totalist/3.0.1
+      '@polka/url': registry.npmjs.org/@polka/url@1.0.0-next.21
+      mrmime: registry.npmjs.org/mrmime@1.0.1
+      totalist: registry.npmjs.org/totalist@3.0.1
     dev: true
 
-  registry.npmjs.org/slash/3.0.0:
+  registry.npmjs.org/slash@3.0.0:
     resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slash/-/slash-3.0.0.tgz}
     name: slash
     version: 3.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/slash/4.0.0:
+  registry.npmjs.org/slash@4.0.0:
     resolution: {integrity: sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slash/-/slash-4.0.0.tgz}
     name: slash
     version: 4.0.0
     engines: {node: '>=12'}
     dev: true
 
-  registry.npmjs.org/slash/5.1.0:
+  registry.npmjs.org/slash@5.1.0:
     resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slash/-/slash-5.1.0.tgz}
     name: slash
     version: 5.1.0
     engines: {node: '>=14.16'}
     dev: true
 
-  registry.npmjs.org/slice-ansi/3.0.0:
+  registry.npmjs.org/slice-ansi@3.0.0:
     resolution: {integrity: sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slice-ansi/-/slice-ansi-3.0.0.tgz}
     name: slice-ansi
     version: 3.0.0
     engines: {node: '>=8'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles/4.3.0
-      astral-regex: registry.npmjs.org/astral-regex/2.0.0
-      is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point/3.0.0
+      ansi-styles: registry.npmjs.org/ansi-styles@4.3.0
+      astral-regex: registry.npmjs.org/astral-regex@2.0.0
+      is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point@3.0.0
     dev: true
 
-  registry.npmjs.org/slice-ansi/4.0.0:
+  registry.npmjs.org/slice-ansi@4.0.0:
     resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz}
     name: slice-ansi
     version: 4.0.0
     engines: {node: '>=10'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles/4.3.0
-      astral-regex: registry.npmjs.org/astral-regex/2.0.0
-      is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point/3.0.0
+      ansi-styles: registry.npmjs.org/ansi-styles@4.3.0
+      astral-regex: registry.npmjs.org/astral-regex@2.0.0
+      is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point@3.0.0
     dev: true
 
-  registry.npmjs.org/smartwrap/2.0.2:
+  registry.npmjs.org/smartwrap@2.0.2:
     resolution: {integrity: sha512-vCsKNQxb7PnCNd2wY1WClWifAc2lwqsG8OaswpJkVJsvMGcnEntdTCDajZCkk93Ay1U3t/9puJmb525Rg5MZBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/smartwrap/-/smartwrap-2.0.2.tgz}
     name: smartwrap
     version: 2.0.2
     engines: {node: '>=6'}
     hasBin: true
     dependencies:
-      array.prototype.flat: registry.npmjs.org/array.prototype.flat/1.3.1
-      breakword: registry.npmjs.org/breakword/1.0.6
-      grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
-      wcwidth: registry.npmjs.org/wcwidth/1.0.1
-      yargs: registry.npmjs.org/yargs/15.4.1
+      array.prototype.flat: registry.npmjs.org/array.prototype.flat@1.3.1
+      breakword: registry.npmjs.org/breakword@1.0.6
+      grapheme-splitter: registry.npmjs.org/grapheme-splitter@1.0.4
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      wcwidth: registry.npmjs.org/wcwidth@1.0.1
+      yargs: registry.npmjs.org/yargs@15.4.1
     dev: true
 
-  registry.npmjs.org/smob/1.4.0:
+  registry.npmjs.org/smob@1.4.0:
     resolution: {integrity: sha512-MqR3fVulhjWuRNSMydnTlweu38UhQ0HXM4buStD/S3mc/BzX3CuM9OmhyQpmtYCvoYdl5ris6TI0ZqH355Ymqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/smob/-/smob-1.4.0.tgz}
     name: smob
     version: 1.4.0
     dev: true
 
-  registry.npmjs.org/sorcery/0.11.0:
+  registry.npmjs.org/sorcery@0.11.0:
     resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sorcery/-/sorcery-0.11.0.tgz}
     name: sorcery
     version: 0.11.0
     hasBin: true
     dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
-      buffer-crc32: registry.npmjs.org/buffer-crc32/0.2.13
-      minimist: registry.npmjs.org/minimist/1.2.8
-      sander: registry.npmjs.org/sander/0.5.1
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+      buffer-crc32: registry.npmjs.org/buffer-crc32@0.2.13
+      minimist: registry.npmjs.org/minimist@1.2.8
+      sander: registry.npmjs.org/sander@0.5.1
     dev: true
 
-  registry.npmjs.org/source-map-js/1.0.2:
+  registry.npmjs.org/source-map-js@1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz}
     name: source-map-js
     version: 1.0.2
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/source-map-support/0.5.21:
+  registry.npmjs.org/source-map-support@0.5.21:
     resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz}
     name: source-map-support
     version: 0.5.21
     dependencies:
-      buffer-from: registry.npmjs.org/buffer-from/1.1.2
-      source-map: registry.npmjs.org/source-map/0.6.1
+      buffer-from: registry.npmjs.org/buffer-from@1.1.2
+      source-map: registry.npmjs.org/source-map@0.6.1
     dev: true
 
-  registry.npmjs.org/source-map/0.6.1:
+  registry.npmjs.org/source-map@0.6.1:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz}
     name: source-map
     version: 0.6.1
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/spawn-command/0.0.2-1:
+  registry.npmjs.org/spawn-command@0.0.2-1:
     resolution: {integrity: sha512-n98l9E2RMSJ9ON1AKisHzz7V42VDiBQGY6PB1BwRglz99wpVsSuGzQ+jOi6lFXBGVTCrRpltvjm+/XA+tpeJrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spawn-command/-/spawn-command-0.0.2-1.tgz}
     name: spawn-command
     version: 0.0.2-1
     dev: true
 
-  registry.npmjs.org/spawndamnit/2.0.0:
+  registry.npmjs.org/spawndamnit@2.0.0:
     resolution: {integrity: sha512-j4JKEcncSjFlqIwU5L/rp2N5SIPsdxaRsIv678+TZxZ0SRDJTm8JrxJMjE/XuiEZNEir3S8l0Fa3Ke339WI4qA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spawndamnit/-/spawndamnit-2.0.0.tgz}
     name: spawndamnit
     version: 2.0.0
     dependencies:
-      cross-spawn: registry.npmjs.org/cross-spawn/5.1.0
-      signal-exit: registry.npmjs.org/signal-exit/3.0.7
+      cross-spawn: registry.npmjs.org/cross-spawn@5.1.0
+      signal-exit: registry.npmjs.org/signal-exit@3.0.7
     dev: true
 
-  registry.npmjs.org/spdx-correct/3.2.0:
+  registry.npmjs.org/spdx-correct@3.2.0:
     resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz}
     name: spdx-correct
     version: 3.2.0
     dependencies:
-      spdx-expression-parse: registry.npmjs.org/spdx-expression-parse/3.0.1
-      spdx-license-ids: registry.npmjs.org/spdx-license-ids/3.0.13
+      spdx-expression-parse: registry.npmjs.org/spdx-expression-parse@3.0.1
+      spdx-license-ids: registry.npmjs.org/spdx-license-ids@3.0.13
     dev: true
 
-  registry.npmjs.org/spdx-exceptions/2.3.0:
+  registry.npmjs.org/spdx-exceptions@2.3.0:
     resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz}
     name: spdx-exceptions
     version: 2.3.0
     dev: true
 
-  registry.npmjs.org/spdx-expression-parse/3.0.1:
+  registry.npmjs.org/spdx-expression-parse@3.0.1:
     resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz}
     name: spdx-expression-parse
     version: 3.0.1
     dependencies:
-      spdx-exceptions: registry.npmjs.org/spdx-exceptions/2.3.0
-      spdx-license-ids: registry.npmjs.org/spdx-license-ids/3.0.13
+      spdx-exceptions: registry.npmjs.org/spdx-exceptions@2.3.0
+      spdx-license-ids: registry.npmjs.org/spdx-license-ids@3.0.13
     dev: true
 
-  registry.npmjs.org/spdx-license-ids/3.0.13:
+  registry.npmjs.org/spdx-license-ids@3.0.13:
     resolution: {integrity: sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz}
     name: spdx-license-ids
     version: 3.0.13
     dev: true
 
-  registry.npmjs.org/split/0.3.3:
+  registry.npmjs.org/split@0.3.3:
     resolution: {integrity: sha512-wD2AeVmxXRBoX44wAycgjVpMhvbwdI2aZjCkvfNcH1YqHQvJVa1duWc73OyVGJUc05fhFaTZeQ/PYsrmyH0JVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/split/-/split-0.3.3.tgz}
     name: split
     version: 0.3.3
     dependencies:
-      through: registry.npmjs.org/through/2.3.8
+      through: registry.npmjs.org/through@2.3.8
     dev: true
 
-  registry.npmjs.org/sprintf-js/1.0.3:
+  registry.npmjs.org/sprintf-js@1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz}
     name: sprintf-js
     version: 1.0.3
     dev: true
 
-  registry.npmjs.org/sshpk/1.17.0:
+  registry.npmjs.org/sshpk@1.17.0:
     resolution: {integrity: sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz}
     name: sshpk
     version: 1.17.0
     engines: {node: '>=0.10.0'}
     hasBin: true
     dependencies:
-      asn1: registry.npmjs.org/asn1/0.2.6
-      assert-plus: registry.npmjs.org/assert-plus/1.0.0
-      bcrypt-pbkdf: registry.npmjs.org/bcrypt-pbkdf/1.0.2
-      dashdash: registry.npmjs.org/dashdash/1.14.1
-      ecc-jsbn: registry.npmjs.org/ecc-jsbn/0.1.2
-      getpass: registry.npmjs.org/getpass/0.1.7
-      jsbn: registry.npmjs.org/jsbn/0.1.1
-      safer-buffer: registry.npmjs.org/safer-buffer/2.1.2
-      tweetnacl: registry.npmjs.org/tweetnacl/0.14.5
+      asn1: registry.npmjs.org/asn1@0.2.6
+      assert-plus: registry.npmjs.org/assert-plus@1.0.0
+      bcrypt-pbkdf: registry.npmjs.org/bcrypt-pbkdf@1.0.2
+      dashdash: registry.npmjs.org/dashdash@1.14.1
+      ecc-jsbn: registry.npmjs.org/ecc-jsbn@0.1.2
+      getpass: registry.npmjs.org/getpass@0.1.7
+      jsbn: registry.npmjs.org/jsbn@0.1.1
+      safer-buffer: registry.npmjs.org/safer-buffer@2.1.2
+      tweetnacl: registry.npmjs.org/tweetnacl@0.14.5
     dev: true
 
-  registry.npmjs.org/start-server-and-test/1.15.4:
+  registry.npmjs.org/start-server-and-test@1.15.4:
     resolution: {integrity: sha512-ucQtp5+UCr0m4aHlY+aEV2JSYNTiMZKdSKK/bsIr6AlmwAWDYDnV7uGlWWEtWa7T4XvRI5cPYcPcQgeLqpz+Tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-1.15.4.tgz}
     name: start-server-and-test
     version: 1.15.4
     engines: {node: '>=6'}
     hasBin: true
     dependencies:
-      arg: registry.npmjs.org/arg/5.0.2
-      bluebird: registry.npmjs.org/bluebird/3.7.2
-      check-more-types: registry.npmjs.org/check-more-types/2.24.0
-      debug: registry.npmjs.org/debug/4.3.4
-      execa: registry.npmjs.org/execa/5.1.1
-      lazy-ass: registry.npmjs.org/lazy-ass/1.6.0
-      ps-tree: registry.npmjs.org/ps-tree/1.2.0
-      wait-on: registry.npmjs.org/wait-on/7.0.1_debug@4.3.4
+      arg: registry.npmjs.org/arg@5.0.2
+      bluebird: registry.npmjs.org/bluebird@3.7.2
+      check-more-types: registry.npmjs.org/check-more-types@2.24.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      execa: registry.npmjs.org/execa@5.1.1
+      lazy-ass: registry.npmjs.org/lazy-ass@1.6.0
+      ps-tree: registry.npmjs.org/ps-tree@1.2.0
+      wait-on: registry.npmjs.org/wait-on@7.0.1(debug@4.3.4)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/stream-combiner/0.0.4:
+  registry.npmjs.org/stream-combiner@0.0.4:
     resolution: {integrity: sha512-rT00SPnTVyRsaSz5zgSPma/aHSOic5U1prhYdRy5HS2kTZviFpmDgzilbtsJsxiroqACmayynDN/9VzIbX5DOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stream-combiner/-/stream-combiner-0.0.4.tgz}
     name: stream-combiner
     version: 0.0.4
     dependencies:
-      duplexer: registry.npmjs.org/duplexer/0.1.2
+      duplexer: registry.npmjs.org/duplexer@0.1.2
     dev: true
 
-  registry.npmjs.org/stream-transform/2.1.3:
+  registry.npmjs.org/stream-transform@2.1.3:
     resolution: {integrity: sha512-9GHUiM5hMiCi6Y03jD2ARC1ettBXkQBoQAe7nJsPknnI0ow10aXjTnew8QtYQmLjzn974BnmWEAJgCY6ZP1DeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stream-transform/-/stream-transform-2.1.3.tgz}
     name: stream-transform
     version: 2.1.3
     dependencies:
-      mixme: registry.npmjs.org/mixme/0.5.9
+      mixme: registry.npmjs.org/mixme@0.5.9
     dev: true
 
-  registry.npmjs.org/streamsearch/1.1.0:
+  registry.npmjs.org/streamsearch@1.1.0:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz}
     name: streamsearch
     version: 1.1.0
     engines: {node: '>=10.0.0'}
     dev: true
 
-  registry.npmjs.org/string-width/4.2.3:
+  registry.npmjs.org/string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz}
     name: string-width
     version: 4.2.3
     engines: {node: '>=8'}
     dependencies:
-      emoji-regex: registry.npmjs.org/emoji-regex/8.0.0
-      is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point/3.0.0
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
+      emoji-regex: registry.npmjs.org/emoji-regex@8.0.0
+      is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point@3.0.0
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
     dev: true
 
-  registry.npmjs.org/string.prototype.matchall/4.0.8:
+  registry.npmjs.org/string.prototype.matchall@4.0.8:
     resolution: {integrity: sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz}
     name: string.prototype.matchall
     version: 4.0.8
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
-      has-symbols: registry.npmjs.org/has-symbols/1.0.3
-      internal-slot: registry.npmjs.org/internal-slot/1.0.5
-      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags/1.5.0
-      side-channel: registry.npmjs.org/side-channel/1.0.4
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      internal-slot: registry.npmjs.org/internal-slot@1.0.5
+      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags@1.5.0
+      side-channel: registry.npmjs.org/side-channel@1.0.4
     dev: true
 
-  registry.npmjs.org/string.prototype.trim/1.2.7:
+  registry.npmjs.org/string.prototype.trim@1.2.7:
     resolution: {integrity: sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz}
     name: string.prototype.trim
     version: 1.2.7
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
     dev: true
 
-  registry.npmjs.org/string.prototype.trimend/1.0.6:
+  registry.npmjs.org/string.prototype.trimend@1.0.6:
     resolution: {integrity: sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz}
     name: string.prototype.trimend
     version: 1.0.6
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
     dev: true
 
-  registry.npmjs.org/string.prototype.trimstart/1.0.6:
+  registry.npmjs.org/string.prototype.trimstart@1.0.6:
     resolution: {integrity: sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz}
     name: string.prototype.trimstart
     version: 1.0.6
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
     dev: true
 
-  registry.npmjs.org/strip-ansi/6.0.1:
+  registry.npmjs.org/strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz}
     name: strip-ansi
     version: 6.0.1
     engines: {node: '>=8'}
     dependencies:
-      ansi-regex: registry.npmjs.org/ansi-regex/5.0.1
+      ansi-regex: registry.npmjs.org/ansi-regex@5.0.1
     dev: true
 
-  registry.npmjs.org/strip-bom/3.0.0:
+  registry.npmjs.org/strip-bom@3.0.0:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz}
     name: strip-bom
     version: 3.0.0
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/strip-final-newline/2.0.0:
+  registry.npmjs.org/strip-final-newline@2.0.0:
     resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz}
     name: strip-final-newline
     version: 2.0.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/strip-indent/3.0.0:
+  registry.npmjs.org/strip-indent@3.0.0:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz}
     name: strip-indent
     version: 3.0.0
     engines: {node: '>=8'}
     dependencies:
-      min-indent: registry.npmjs.org/min-indent/1.0.1
+      min-indent: registry.npmjs.org/min-indent@1.0.1
     dev: true
 
-  registry.npmjs.org/strip-json-comments/3.1.1:
+  registry.npmjs.org/strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz}
     name: strip-json-comments
     version: 3.1.1
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/supports-color/5.5.0:
+  registry.npmjs.org/supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz}
     name: supports-color
     version: 5.5.0
     engines: {node: '>=4'}
     dependencies:
-      has-flag: registry.npmjs.org/has-flag/3.0.0
+      has-flag: registry.npmjs.org/has-flag@3.0.0
     dev: true
 
-  registry.npmjs.org/supports-color/7.2.0:
+  registry.npmjs.org/supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz}
     name: supports-color
     version: 7.2.0
     engines: {node: '>=8'}
     dependencies:
-      has-flag: registry.npmjs.org/has-flag/4.0.0
+      has-flag: registry.npmjs.org/has-flag@4.0.0
     dev: true
 
-  registry.npmjs.org/supports-color/8.1.1:
+  registry.npmjs.org/supports-color@8.1.1:
     resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz}
     name: supports-color
     version: 8.1.1
     engines: {node: '>=10'}
     dependencies:
-      has-flag: registry.npmjs.org/has-flag/4.0.0
+      has-flag: registry.npmjs.org/has-flag@4.0.0
     dev: true
 
-  registry.npmjs.org/supports-preserve-symlinks-flag/1.0.0:
+  registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz}
     name: supports-preserve-symlinks-flag
     version: 1.0.0
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/svelte-check/3.4.4_svelte@4.0.0:
-    resolution: {integrity: sha512-Uys9+R65cj8TmP8f5UpS7B2xKpNLYNxEWJsA5ZoKcWq/uwvABFF7xS6iPQGLoa7hxz0DS6xU60YFpmq06E4JxA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.4.4.tgz}
-    id: registry.npmjs.org/svelte-check/3.4.4
+  registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.24)(svelte@4.2.0):
+    resolution: {integrity: sha512-KHujbn4k17xKYLmtCwv0sKKM7uiHTYcQvXnvrCcNU6a7hcszh99zFTIoiu/Sp/ewAw5aJmillJ1Cs8gKLmcX4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.5.0.tgz}
+    id: registry.npmjs.org/svelte-check/3.5.0
     name: svelte-check
-    version: 3.4.4
+    version: 3.5.0
     hasBin: true
     peerDependencies:
       svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0
     dependencies:
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
-      chokidar: registry.npmjs.org/chokidar/3.5.3
-      fast-glob: registry.npmjs.org/fast-glob/3.2.12
-      import-fresh: registry.npmjs.org/import-fresh/3.3.0
-      picocolors: registry.npmjs.org/picocolors/1.0.0
-      sade: registry.npmjs.org/sade/1.8.1
-      svelte: registry.npmjs.org/svelte/4.0.0
-      svelte-preprocess: registry.npmjs.org/svelte-preprocess/5.0.4_rydvusnd4biuws73vnz24j3wlu
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
+      chokidar: registry.npmjs.org/chokidar@3.5.3
+      fast-glob: registry.npmjs.org/fast-glob@3.2.12
+      import-fresh: registry.npmjs.org/import-fresh@3.3.0
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+      sade: registry.npmjs.org/sade@1.8.1
+      svelte: registry.npmjs.org/svelte@4.2.0
+      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.24)(svelte@4.2.0)(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -7186,7 +7375,7 @@ packages:
       - sugarss
     dev: true
 
-  registry.npmjs.org/svelte-eslint-parser/0.31.0_svelte@4.0.0:
+  registry.npmjs.org/svelte-eslint-parser@0.31.0(svelte@4.2.0):
     resolution: {integrity: sha512-/31RpBf/e3YjoFphjsyo3JRyN1r4UalGAGafXrZ6EJK4h4COOO0rbfBoen5byGsXnIJKsrlC1lkEd2Vzpq2IDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.31.0.tgz}
     id: registry.npmjs.org/svelte-eslint-parser/0.31.0
     name: svelte-eslint-parser
@@ -7198,15 +7387,35 @@ packages:
       svelte:
         optional: true
     dependencies:
-      eslint-scope: registry.npmjs.org/eslint-scope/7.2.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
-      espree: registry.npmjs.org/espree/9.5.2
-      postcss: registry.npmjs.org/postcss/8.4.24
-      postcss-scss: registry.npmjs.org/postcss-scss/4.0.6_postcss@8.4.24
-      svelte: registry.npmjs.org/svelte/4.0.0
+      eslint-scope: registry.npmjs.org/eslint-scope@7.2.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
+      espree: registry.npmjs.org/espree@9.5.2
+      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss-scss: registry.npmjs.org/postcss-scss@4.0.6(postcss@8.4.24)
+      svelte: registry.npmjs.org/svelte@4.2.0
     dev: true
 
-  registry.npmjs.org/svelte-hmr/0.15.2_svelte@4.0.0:
+  registry.npmjs.org/svelte-eslint-parser@0.32.2(svelte@4.2.0):
+    resolution: {integrity: sha512-Ok9D3A4b23iLQsONrjqtXtYDu5ZZ/826Blaw2LeFZVTg1pwofKDG4mz3/GYTax8fQ0plRGHI6j+d9VQYy5Lo/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.32.2.tgz}
+    id: registry.npmjs.org/svelte-eslint-parser/0.32.2
+    name: svelte-eslint-parser
+    version: 0.32.2
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      svelte: ^3.37.0 || ^4.0.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+    dependencies:
+      eslint-scope: registry.npmjs.org/eslint-scope@7.2.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
+      espree: registry.npmjs.org/espree@9.5.2
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-scss: registry.npmjs.org/postcss-scss@4.0.6(postcss@8.4.27)
+      svelte: registry.npmjs.org/svelte@4.2.0
+    dev: true
+
+  registry.npmjs.org/svelte-hmr@0.15.2(svelte@4.2.0):
     resolution: {integrity: sha512-q/bAruCvFLwvNbeE1x3n37TYFb3mTBJ6TrCq6p2CoFbSTNhDE9oAtEfpy+wmc9So8AG0Tja+X0/mJzX9tSfvIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.2.tgz}
     id: registry.npmjs.org/svelte-hmr/0.15.2
     name: svelte-hmr
@@ -7215,10 +7424,10 @@ packages:
     peerDependencies:
       svelte: ^3.19.0 || ^4.0.0-next.0
     dependencies:
-      svelte: registry.npmjs.org/svelte/4.0.0
+      svelte: registry.npmjs.org/svelte@4.2.0
     dev: true
 
-  registry.npmjs.org/svelte-preprocess/5.0.4_rydvusnd4biuws73vnz24j3wlu:
+  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.24)(svelte@4.2.0)(typescript@5.1.3):
     resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz}
     id: registry.npmjs.org/svelte-preprocess/5.0.4
     name: svelte-preprocess
@@ -7259,179 +7468,192 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@types/pug': registry.npmjs.org/@types/pug/2.0.6
-      detect-indent: registry.npmjs.org/detect-indent/6.1.0
-      magic-string: registry.npmjs.org/magic-string/0.27.0
-      sorcery: registry.npmjs.org/sorcery/0.11.0
-      strip-indent: registry.npmjs.org/strip-indent/3.0.0
-      svelte: registry.npmjs.org/svelte/4.0.0
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@types/pug': registry.npmjs.org/@types/pug@2.0.6
+      detect-indent: registry.npmjs.org/detect-indent@6.1.0
+      magic-string: registry.npmjs.org/magic-string@0.27.0
+      postcss: registry.npmjs.org/postcss@8.4.24
+      sorcery: registry.npmjs.org/sorcery@0.11.0
+      strip-indent: registry.npmjs.org/strip-indent@3.0.0
+      svelte: registry.npmjs.org/svelte@4.2.0
+      typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
-  registry.npmjs.org/svelte/4.0.0:
-    resolution: {integrity: sha512-+yCYu3AEUu9n91dnQNGIbnVp8EmNQtuF/YImW4+FTXRHard7NMo+yTsWzggPAbj3fUEJ1FBJLkql/jkp6YB5pg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-4.0.0.tgz}
-    name: svelte
-    version: 4.0.0
-    engines: {node: '>=16'}
-    dependencies:
-      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping/2.2.1
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
-      acorn: registry.npmjs.org/acorn/8.8.2
-      aria-query: registry.npmjs.org/aria-query/5.3.0
-      axobject-query: registry.npmjs.org/axobject-query/3.2.1
-      code-red: registry.npmjs.org/code-red/1.0.3
-      css-tree: registry.npmjs.org/css-tree/2.3.1
-      estree-walker: registry.npmjs.org/estree-walker/3.0.3
-      is-reference: registry.npmjs.org/is-reference/3.0.1
-      locate-character: registry.npmjs.org/locate-character/3.0.0
-      magic-string: registry.npmjs.org/magic-string/0.30.0
-      periscopic: registry.npmjs.org/periscopic/3.1.0
-    dev: true
-
-  registry.npmjs.org/svelte2tsx/0.6.15_rydvusnd4biuws73vnz24j3wlu:
-    resolution: {integrity: sha512-+j6RmA3g5pPs1DHa/rdzJjjhZuCfWx0IbNPaR99A2bvOSPPY6BlVkBGU0urI+DGcWHhYEG28Flo942KqlAkpEQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.15.tgz}
-    id: registry.npmjs.org/svelte2tsx/0.6.15
+  registry.npmjs.org/svelte2tsx@0.6.20(svelte@4.2.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-zaSnHSERYceKxugFbjiZ3YiNcC2fNbVjpQ9qaE5hrYI4tIOX9ZqHS+I30Hp2HF+MVXLOVWVErgn/6pAlQNnheA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.20.tgz}
+    id: registry.npmjs.org/svelte2tsx/0.6.20
     name: svelte2tsx
-    version: 0.6.15
+    version: 0.6.20
     peerDependencies:
-      svelte: ^3.55 || ^4.0
+      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
       typescript: ^4.9.4 || ^5.0.0
     dependencies:
-      dedent-js: registry.npmjs.org/dedent-js/1.0.1
-      pascal-case: registry.npmjs.org/pascal-case/3.1.2
-      svelte: registry.npmjs.org/svelte/4.0.0
-      typescript: registry.npmjs.org/typescript/5.1.3
+      dedent-js: registry.npmjs.org/dedent-js@1.0.1
+      pascal-case: registry.npmjs.org/pascal-case@3.1.2
+      svelte: registry.npmjs.org/svelte@4.2.0
+      typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
-  registry.npmjs.org/term-size/2.2.1:
+  registry.npmjs.org/svelte@4.2.0:
+    resolution: {integrity: sha512-kVsdPjDbLrv74SmLSUzAsBGquMs4MPgWGkGLpH+PjOYnFOziAvENVzgJmyOCV2gntxE32aNm8/sqNKD6LbIpeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-4.2.0.tgz}
+    name: svelte
+    version: 4.2.0
+    engines: {node: '>=16'}
+    dependencies:
+      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping@2.2.1
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
+      acorn: registry.npmjs.org/acorn@8.10.0
+      aria-query: registry.npmjs.org/aria-query@5.3.0
+      axobject-query: registry.npmjs.org/axobject-query@3.2.1
+      code-red: registry.npmjs.org/code-red@1.0.3
+      css-tree: registry.npmjs.org/css-tree@2.3.1
+      estree-walker: registry.npmjs.org/estree-walker@3.0.3
+      is-reference: registry.npmjs.org/is-reference@3.0.1
+      locate-character: registry.npmjs.org/locate-character@3.0.0
+      magic-string: registry.npmjs.org/magic-string@0.30.0
+      periscopic: registry.npmjs.org/periscopic@3.1.0
+    dev: true
+
+  registry.npmjs.org/term-size@2.2.1:
     resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/term-size/-/term-size-2.2.1.tgz}
     name: term-size
     version: 2.2.1
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/terser/5.18.0:
+  registry.npmjs.org/terser@5.18.0:
     resolution: {integrity: sha512-pdL757Ig5a0I+owA42l6tIuEycRuM7FPY4n62h44mRLRfnOxJkkOHd6i89dOpwZlpF6JXBwaAHF6yWzFrt+QyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/terser/-/terser-5.18.0.tgz}
     name: terser
     version: 5.18.0
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
-      '@jridgewell/source-map': registry.npmjs.org/@jridgewell/source-map/0.3.3
-      acorn: registry.npmjs.org/acorn/8.8.2
-      commander: registry.npmjs.org/commander/2.20.3
-      source-map-support: registry.npmjs.org/source-map-support/0.5.21
+      '@jridgewell/source-map': registry.npmjs.org/@jridgewell/source-map@0.3.3
+      acorn: registry.npmjs.org/acorn@8.8.2
+      commander: registry.npmjs.org/commander@2.20.3
+      source-map-support: registry.npmjs.org/source-map-support@0.5.21
     dev: true
 
-  registry.npmjs.org/text-table/0.2.0:
+  registry.npmjs.org/text-table@0.2.0:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz}
     name: text-table
     version: 0.2.0
     dev: true
 
-  registry.npmjs.org/thenby/1.3.4:
+  registry.npmjs.org/thenby@1.3.4:
     resolution: {integrity: sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/thenby/-/thenby-1.3.4.tgz}
     name: thenby
     version: 1.3.4
     dev: true
 
-  registry.npmjs.org/throttleit/1.0.0:
+  registry.npmjs.org/throttleit@1.0.0:
     resolution: {integrity: sha512-rkTVqu6IjfQ/6+uNuuc3sZek4CEYxTJom3IktzgdSxcZqdARuebbA/f4QmAxMQIxqq9ZLEUkSYqvuk1I6VKq4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/throttleit/-/throttleit-1.0.0.tgz}
     name: throttleit
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/through/2.3.8:
+  registry.npmjs.org/through@2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/through/-/through-2.3.8.tgz}
     name: through
     version: 2.3.8
     dev: true
 
-  registry.npmjs.org/tmp/0.0.33:
+  registry.npmjs.org/tmp@0.0.33:
     resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz}
     name: tmp
     version: 0.0.33
     engines: {node: '>=0.6.0'}
     dependencies:
-      os-tmpdir: registry.npmjs.org/os-tmpdir/1.0.2
+      os-tmpdir: registry.npmjs.org/os-tmpdir@1.0.2
     dev: true
 
-  registry.npmjs.org/tmp/0.2.1:
+  registry.npmjs.org/tmp@0.2.1:
     resolution: {integrity: sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz}
     name: tmp
     version: 0.2.1
     engines: {node: '>=8.17.0'}
     dependencies:
-      rimraf: registry.npmjs.org/rimraf/3.0.2
+      rimraf: registry.npmjs.org/rimraf@3.0.2
     dev: true
 
-  registry.npmjs.org/to-fast-properties/2.0.0:
+  registry.npmjs.org/to-fast-properties@2.0.0:
     resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz}
     name: to-fast-properties
     version: 2.0.0
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/to-regex-range/5.0.1:
+  registry.npmjs.org/to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz}
     name: to-regex-range
     version: 5.0.1
     engines: {node: '>=8.0'}
     dependencies:
-      is-number: registry.npmjs.org/is-number/7.0.0
+      is-number: registry.npmjs.org/is-number@7.0.0
     dev: true
 
-  registry.npmjs.org/totalist/3.0.1:
+  registry.npmjs.org/totalist@3.0.1:
     resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz}
     name: totalist
     version: 3.0.1
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/tough-cookie/2.5.0:
+  registry.npmjs.org/tough-cookie@2.5.0:
     resolution: {integrity: sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz}
     name: tough-cookie
     version: 2.5.0
     engines: {node: '>=0.8'}
     dependencies:
-      psl: registry.npmjs.org/psl/1.9.0
-      punycode: registry.npmjs.org/punycode/2.3.0
+      psl: registry.npmjs.org/psl@1.9.0
+      punycode: registry.npmjs.org/punycode@2.3.0
     dev: true
 
-  registry.npmjs.org/tr46/0.0.3:
+  registry.npmjs.org/tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz}
     name: tr46
     version: 0.0.3
     dev: true
 
-  registry.npmjs.org/tree-kill/1.2.2:
+  registry.npmjs.org/tree-kill@1.2.2:
     resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz}
     name: tree-kill
     version: 1.2.2
     hasBin: true
     dev: true
 
-  registry.npmjs.org/trim-newlines/3.0.1:
+  registry.npmjs.org/trim-newlines@3.0.1:
     resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz}
     name: trim-newlines
     version: 3.0.1
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/tslib/1.14.1:
+  registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3):
+    resolution: {integrity: sha512-lC/RGlPmwdrIBFTX59wwNzqh7aR2otPNPR/5brHZm/XKFYKsfqxihXUe9pU3JI+3vGkl+vyCoNNnPhJn3aLK1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.1.tgz}
+    id: registry.npmjs.org/ts-api-utils/1.0.1
+    name: ts-api-utils
+    version: 1.0.1
+    engines: {node: '>=16.13.0'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+    dependencies:
+      typescript: registry.npmjs.org/typescript@5.1.3
+    dev: true
+
+  registry.npmjs.org/tslib@1.14.1:
     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz}
     name: tslib
     version: 1.14.1
     dev: true
 
-  registry.npmjs.org/tslib/2.5.3:
+  registry.npmjs.org/tslib@2.5.3:
     resolution: {integrity: sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz}
     name: tslib
     version: 2.5.3
     dev: true
 
-  registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3:
+  registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3):
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz}
     id: registry.npmjs.org/tsutils/3.21.0
     name: tsutils
@@ -7440,35 +7662,35 @@ packages:
     peerDependencies:
       typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
     dependencies:
-      tslib: registry.npmjs.org/tslib/1.14.1
-      typescript: registry.npmjs.org/typescript/5.1.3
+      tslib: registry.npmjs.org/tslib@1.14.1
+      typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
-  registry.npmjs.org/tty-table/4.2.1:
+  registry.npmjs.org/tty-table@4.2.1:
     resolution: {integrity: sha512-xz0uKo+KakCQ+Dxj1D/tKn2FSyreSYWzdkL/BYhgN6oMW808g8QRMuh1atAV9fjTPbWBjfbkKQpI/5rEcnAc7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tty-table/-/tty-table-4.2.1.tgz}
     name: tty-table
     version: 4.2.1
     engines: {node: '>=8.0.0'}
     hasBin: true
     dependencies:
-      chalk: registry.npmjs.org/chalk/4.1.2
-      csv: registry.npmjs.org/csv/5.5.3
-      kleur: registry.npmjs.org/kleur/4.1.5
-      smartwrap: registry.npmjs.org/smartwrap/2.0.2
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
-      wcwidth: registry.npmjs.org/wcwidth/1.0.1
-      yargs: registry.npmjs.org/yargs/17.7.2
+      chalk: registry.npmjs.org/chalk@4.1.2
+      csv: registry.npmjs.org/csv@5.5.3
+      kleur: registry.npmjs.org/kleur@4.1.5
+      smartwrap: registry.npmjs.org/smartwrap@2.0.2
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      wcwidth: registry.npmjs.org/wcwidth@1.0.1
+      yargs: registry.npmjs.org/yargs@17.7.2
     dev: true
 
-  registry.npmjs.org/tunnel-agent/0.6.0:
+  registry.npmjs.org/tunnel-agent@0.6.0:
     resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz}
     name: tunnel-agent
     version: 0.6.0
     dependencies:
-      safe-buffer: registry.npmjs.org/safe-buffer/5.2.1
+      safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
     dev: true
 
-  registry.npmjs.org/turbo-darwin-64/1.10.3:
+  registry.npmjs.org/turbo-darwin-64@1.10.3:
     resolution: {integrity: sha512-IIB9IomJGyD3EdpSscm7Ip1xVWtYb7D0x7oH3vad3gjFcjHJzDz9xZ/iw/qItFEW+wGFcLSRPd+1BNnuLM8AsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.10.3.tgz}
     name: turbo-darwin-64
     version: 1.10.3
@@ -7478,7 +7700,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-darwin-arm64/1.10.3:
+  registry.npmjs.org/turbo-darwin-arm64@1.10.3:
     resolution: {integrity: sha512-SBNmOZU9YEB0eyNIxeeQ+Wi0Ufd+nprEVp41rgUSRXEIpXjsDjyBnKnF+sQQj3+FLb4yyi/yZQckB+55qXWEsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.10.3.tgz}
     name: turbo-darwin-arm64
     version: 1.10.3
@@ -7488,7 +7710,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-linux-64/1.10.3:
+  registry.npmjs.org/turbo-linux-64@1.10.3:
     resolution: {integrity: sha512-kvAisGKE7xHJdyMxZLvg53zvHxjqPK1UVj4757PQqtx9dnjYHSc8epmivE6niPgDHon5YqImzArCjVZJYpIGHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.10.3.tgz}
     name: turbo-linux-64
     version: 1.10.3
@@ -7498,7 +7720,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-linux-arm64/1.10.3:
+  registry.npmjs.org/turbo-linux-arm64@1.10.3:
     resolution: {integrity: sha512-Qgaqln0IYRgyL0SowJOi+PNxejv1I2xhzXOI+D+z4YHbgSx87ox1IsALYBlK8VRVYY8VCXl+PN12r1ioV09j7A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.10.3.tgz}
     name: turbo-linux-arm64
     version: 1.10.3
@@ -7508,7 +7730,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-windows-64/1.10.3:
+  registry.npmjs.org/turbo-windows-64@1.10.3:
     resolution: {integrity: sha512-rbH9wManURNN8mBnN/ZdkpUuTvyVVEMiUwFUX4GVE5qmV15iHtZfDLUSGGCP2UFBazHcpNHG1OJzgc55GFFrUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.10.3.tgz}
     name: turbo-windows-64
     version: 1.10.3
@@ -7518,7 +7740,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-windows-arm64/1.10.3:
+  registry.npmjs.org/turbo-windows-arm64@1.10.3:
     resolution: {integrity: sha512-ThlkqxhcGZX39CaTjsHqJnqVe+WImjX13pmjnpChz6q5HHbeRxaJSFzgrHIOt0sUUVx90W/WrNRyoIt/aafniw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.10.3.tgz}
     name: turbo-windows-arm64
     version: 1.10.3
@@ -7528,82 +7750,82 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo/1.10.3:
+  registry.npmjs.org/turbo@1.10.3:
     resolution: {integrity: sha512-U4gKCWcKgLcCjQd4Pl8KJdfEKumpyWbzRu75A6FCj6Ctea1PIm58W6Ltw1QXKqHrl2pF9e1raAskf/h6dlrPCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo/-/turbo-1.10.3.tgz}
     name: turbo
     version: 1.10.3
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      turbo-darwin-64: registry.npmjs.org/turbo-darwin-64/1.10.3
-      turbo-darwin-arm64: registry.npmjs.org/turbo-darwin-arm64/1.10.3
-      turbo-linux-64: registry.npmjs.org/turbo-linux-64/1.10.3
-      turbo-linux-arm64: registry.npmjs.org/turbo-linux-arm64/1.10.3
-      turbo-windows-64: registry.npmjs.org/turbo-windows-64/1.10.3
-      turbo-windows-arm64: registry.npmjs.org/turbo-windows-arm64/1.10.3
+      turbo-darwin-64: registry.npmjs.org/turbo-darwin-64@1.10.3
+      turbo-darwin-arm64: registry.npmjs.org/turbo-darwin-arm64@1.10.3
+      turbo-linux-64: registry.npmjs.org/turbo-linux-64@1.10.3
+      turbo-linux-arm64: registry.npmjs.org/turbo-linux-arm64@1.10.3
+      turbo-windows-64: registry.npmjs.org/turbo-windows-64@1.10.3
+      turbo-windows-arm64: registry.npmjs.org/turbo-windows-arm64@1.10.3
     dev: true
 
-  registry.npmjs.org/tweetnacl/0.14.5:
+  registry.npmjs.org/tweetnacl@0.14.5:
     resolution: {integrity: sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz}
     name: tweetnacl
     version: 0.14.5
     dev: true
 
-  registry.npmjs.org/type-check/0.4.0:
+  registry.npmjs.org/type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz}
     name: type-check
     version: 0.4.0
     engines: {node: '>= 0.8.0'}
     dependencies:
-      prelude-ls: registry.npmjs.org/prelude-ls/1.2.1
+      prelude-ls: registry.npmjs.org/prelude-ls@1.2.1
     dev: true
 
-  registry.npmjs.org/type-fest/0.13.1:
+  registry.npmjs.org/type-fest@0.13.1:
     resolution: {integrity: sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz}
     name: type-fest
     version: 0.13.1
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/type-fest/0.20.2:
+  registry.npmjs.org/type-fest@0.20.2:
     resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz}
     name: type-fest
     version: 0.20.2
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/type-fest/0.21.3:
+  registry.npmjs.org/type-fest@0.21.3:
     resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz}
     name: type-fest
     version: 0.21.3
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/type-fest/0.6.0:
+  registry.npmjs.org/type-fest@0.6.0:
     resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz}
     name: type-fest
     version: 0.6.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/type-fest/0.8.1:
+  registry.npmjs.org/type-fest@0.8.1:
     resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz}
     name: type-fest
     version: 0.8.1
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/typed-array-length/1.0.4:
+  registry.npmjs.org/typed-array-length@1.0.4:
     resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz}
     name: typed-array-length
     version: 1.0.4
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      for-each: registry.npmjs.org/for-each/0.3.3
-      is-typed-array: registry.npmjs.org/is-typed-array/1.1.10
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      for-each: registry.npmjs.org/for-each@0.3.3
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.10
     dev: true
 
-  registry.npmjs.org/typescript/4.9.5:
+  registry.npmjs.org/typescript@4.9.5:
     resolution: {integrity: sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz}
     name: typescript
     version: 4.9.5
@@ -7611,7 +7833,7 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/typescript/5.1.3:
+  registry.npmjs.org/typescript@5.1.3:
     resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-5.1.3.tgz}
     name: typescript
     version: 5.1.3
@@ -7619,48 +7841,48 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/unbox-primitive/1.0.2:
+  registry.npmjs.org/unbox-primitive@1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz}
     name: unbox-primitive
     version: 1.0.2
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      has-bigints: registry.npmjs.org/has-bigints/1.0.2
-      has-symbols: registry.npmjs.org/has-symbols/1.0.3
-      which-boxed-primitive: registry.npmjs.org/which-boxed-primitive/1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      has-bigints: registry.npmjs.org/has-bigints@1.0.2
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      which-boxed-primitive: registry.npmjs.org/which-boxed-primitive@1.0.2
     dev: true
 
-  registry.npmjs.org/undici/5.22.1:
-    resolution: {integrity: sha512-Ji2IJhFXZY0x/0tVBXeQwgPlLWw13GVzpsWPQ3rV50IFMMof2I55PZZxtm4P6iNq+L5znYN9nSTAq0ZyE6lSJw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici/-/undici-5.22.1.tgz}
+  registry.npmjs.org/undici@5.23.0:
+    resolution: {integrity: sha512-1D7w+fvRsqlQ9GscLBwcAJinqcZGHUKjbOmXdlE/v8BvEGXjeWAax+341q44EuTcHXXnfyKNbKRq4Lg7OzhMmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici/-/undici-5.23.0.tgz}
     name: undici
-    version: 5.22.1
+    version: 5.23.0
     engines: {node: '>=14.0'}
     dependencies:
-      busboy: registry.npmjs.org/busboy/1.6.0
+      busboy: registry.npmjs.org/busboy@1.6.0
     dev: true
 
-  registry.npmjs.org/universalify/0.1.2:
+  registry.npmjs.org/universalify@0.1.2:
     resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz}
     name: universalify
     version: 0.1.2
     engines: {node: '>= 4.0.0'}
     dev: true
 
-  registry.npmjs.org/universalify/2.0.0:
+  registry.npmjs.org/universalify@2.0.0:
     resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz}
     name: universalify
     version: 2.0.0
     engines: {node: '>= 10.0.0'}
     dev: true
 
-  registry.npmjs.org/untildify/4.0.0:
+  registry.npmjs.org/untildify@4.0.0:
     resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz}
     name: untildify
     version: 4.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/update-browserslist-db/1.0.11_browserslist@4.21.8:
+  registry.npmjs.org/update-browserslist-db@1.0.11(browserslist@4.21.8):
     resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz}
     id: registry.npmjs.org/update-browserslist-db/1.0.11
     name: update-browserslist-db
@@ -7669,20 +7891,20 @@ packages:
     peerDependencies:
       browserslist: '>= 4.21.0'
     dependencies:
-      browserslist: registry.npmjs.org/browserslist/4.21.8
-      escalade: registry.npmjs.org/escalade/3.1.1
-      picocolors: registry.npmjs.org/picocolors/1.0.0
+      browserslist: registry.npmjs.org/browserslist@4.21.8
+      escalade: registry.npmjs.org/escalade@3.1.1
+      picocolors: registry.npmjs.org/picocolors@1.0.0
     dev: true
 
-  registry.npmjs.org/uri-js/4.4.1:
+  registry.npmjs.org/uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz}
     name: uri-js
     version: 4.4.1
     dependencies:
-      punycode: registry.npmjs.org/punycode/2.3.0
+      punycode: registry.npmjs.org/punycode@2.3.0
     dev: true
 
-  registry.npmjs.org/use-sync-external-store/1.2.0_react@18.2.0:
+  registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0):
     resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz}
     id: registry.npmjs.org/use-sync-external-store/1.2.0
     name: use-sync-external-store
@@ -7690,43 +7912,43 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      react: registry.npmjs.org/react/18.2.0
+      react: registry.npmjs.org/react@18.2.0
     dev: false
 
-  registry.npmjs.org/util-deprecate/1.0.2:
+  registry.npmjs.org/util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz}
     name: util-deprecate
     version: 1.0.2
     dev: true
 
-  registry.npmjs.org/uuid/8.3.2:
+  registry.npmjs.org/uuid@8.3.2:
     resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz}
     name: uuid
     version: 8.3.2
     hasBin: true
     dev: true
 
-  registry.npmjs.org/validate-npm-package-license/3.0.4:
+  registry.npmjs.org/validate-npm-package-license@3.0.4:
     resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz}
     name: validate-npm-package-license
     version: 3.0.4
     dependencies:
-      spdx-correct: registry.npmjs.org/spdx-correct/3.2.0
-      spdx-expression-parse: registry.npmjs.org/spdx-expression-parse/3.0.1
+      spdx-correct: registry.npmjs.org/spdx-correct@3.2.0
+      spdx-expression-parse: registry.npmjs.org/spdx-expression-parse@3.0.1
     dev: true
 
-  registry.npmjs.org/verror/1.10.0:
+  registry.npmjs.org/verror@1.10.0:
     resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/verror/-/verror-1.10.0.tgz}
     name: verror
     version: 1.10.0
     engines: {'0': node >=0.6.0}
     dependencies:
-      assert-plus: registry.npmjs.org/assert-plus/1.0.0
-      core-util-is: registry.npmjs.org/core-util-is/1.0.2
-      extsprintf: registry.npmjs.org/extsprintf/1.3.0
+      assert-plus: registry.npmjs.org/assert-plus@1.0.0
+      core-util-is: registry.npmjs.org/core-util-is@1.0.2
+      extsprintf: registry.npmjs.org/extsprintf@1.3.0
     dev: true
 
-  registry.npmjs.org/vite/4.3.9:
+  registry.npmjs.org/vite@4.3.9:
     resolution: {integrity: sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.3.9.tgz}
     name: vite
     version: 4.3.9
@@ -7753,14 +7975,14 @@ packages:
       terser:
         optional: true
     dependencies:
-      esbuild: registry.npmjs.org/esbuild/0.17.19
-      postcss: registry.npmjs.org/postcss/8.4.24
-      rollup: registry.npmjs.org/rollup/3.25.1
+      esbuild: registry.npmjs.org/esbuild@0.17.19
+      postcss: registry.npmjs.org/postcss@8.4.24
+      rollup: registry.npmjs.org/rollup@3.25.1
     optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents/2.3.2
+      fsevents: registry.npmjs.org/fsevents@2.3.2
     dev: true
 
-  registry.npmjs.org/vitefu/0.2.4_vite@4.3.9:
+  registry.npmjs.org/vitefu@0.2.4(vite@4.3.9):
     resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz}
     id: registry.npmjs.org/vitefu/0.2.4
     name: vitefu
@@ -7771,10 +7993,10 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: registry.npmjs.org/vite/4.3.9
+      vite: registry.npmjs.org/vite@4.3.9
     dev: true
 
-  registry.npmjs.org/wait-on/7.0.1_debug@4.3.4:
+  registry.npmjs.org/wait-on@7.0.1(debug@4.3.4):
     resolution: {integrity: sha512-9AnJE9qTjRQOlTZIldAaf/da2eW0eSRSgcqq85mXQja/DW3MriHxkpODDSUEg+Gri/rKEcXUZHe+cevvYItaog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wait-on/-/wait-on-7.0.1.tgz}
     id: registry.npmjs.org/wait-on/7.0.1
     name: wait-on
@@ -7782,247 +8004,247 @@ packages:
     engines: {node: '>=12.0.0'}
     hasBin: true
     dependencies:
-      axios: registry.npmjs.org/axios/0.27.2_debug@4.3.4
-      joi: registry.npmjs.org/joi/17.9.2
-      lodash: registry.npmjs.org/lodash/4.17.21
-      minimist: registry.npmjs.org/minimist/1.2.8
-      rxjs: registry.npmjs.org/rxjs/7.8.1
+      axios: registry.npmjs.org/axios@0.27.2(debug@4.3.4)
+      joi: registry.npmjs.org/joi@17.9.2
+      lodash: registry.npmjs.org/lodash@4.17.21
+      minimist: registry.npmjs.org/minimist@1.2.8
+      rxjs: registry.npmjs.org/rxjs@7.8.1
     transitivePeerDependencies:
       - debug
     dev: true
 
-  registry.npmjs.org/wcwidth/1.0.1:
+  registry.npmjs.org/wcwidth@1.0.1:
     resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz}
     name: wcwidth
     version: 1.0.1
     dependencies:
-      defaults: registry.npmjs.org/defaults/1.0.4
+      defaults: registry.npmjs.org/defaults@1.0.4
     dev: true
 
-  registry.npmjs.org/webidl-conversions/3.0.1:
+  registry.npmjs.org/webidl-conversions@3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz}
     name: webidl-conversions
     version: 3.0.1
     dev: true
 
-  registry.npmjs.org/whatwg-url/5.0.0:
+  registry.npmjs.org/whatwg-url@5.0.0:
     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz}
     name: whatwg-url
     version: 5.0.0
     dependencies:
-      tr46: registry.npmjs.org/tr46/0.0.3
-      webidl-conversions: registry.npmjs.org/webidl-conversions/3.0.1
+      tr46: registry.npmjs.org/tr46@0.0.3
+      webidl-conversions: registry.npmjs.org/webidl-conversions@3.0.1
     dev: true
 
-  registry.npmjs.org/which-boxed-primitive/1.0.2:
+  registry.npmjs.org/which-boxed-primitive@1.0.2:
     resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz}
     name: which-boxed-primitive
     version: 1.0.2
     dependencies:
-      is-bigint: registry.npmjs.org/is-bigint/1.0.4
-      is-boolean-object: registry.npmjs.org/is-boolean-object/1.1.2
-      is-number-object: registry.npmjs.org/is-number-object/1.0.7
-      is-string: registry.npmjs.org/is-string/1.0.7
-      is-symbol: registry.npmjs.org/is-symbol/1.0.4
+      is-bigint: registry.npmjs.org/is-bigint@1.0.4
+      is-boolean-object: registry.npmjs.org/is-boolean-object@1.1.2
+      is-number-object: registry.npmjs.org/is-number-object@1.0.7
+      is-string: registry.npmjs.org/is-string@1.0.7
+      is-symbol: registry.npmjs.org/is-symbol@1.0.4
     dev: true
 
-  registry.npmjs.org/which-module/2.0.1:
+  registry.npmjs.org/which-module@2.0.1:
     resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz}
     name: which-module
     version: 2.0.1
     dev: true
 
-  registry.npmjs.org/which-pm/2.0.0:
+  registry.npmjs.org/which-pm@2.0.0:
     resolution: {integrity: sha512-Lhs9Pmyph0p5n5Z3mVnN0yWcbQYUAD7rbQUiMsQxOJ3T57k7RFe35SUwWMf7dsbDZks1uOmw4AecB/JMDj3v/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-pm/-/which-pm-2.0.0.tgz}
     name: which-pm
     version: 2.0.0
     engines: {node: '>=8.15'}
     dependencies:
-      load-yaml-file: registry.npmjs.org/load-yaml-file/0.2.0
-      path-exists: registry.npmjs.org/path-exists/4.0.0
+      load-yaml-file: registry.npmjs.org/load-yaml-file@0.2.0
+      path-exists: registry.npmjs.org/path-exists@4.0.0
     dev: true
 
-  registry.npmjs.org/which-typed-array/1.1.9:
+  registry.npmjs.org/which-typed-array@1.1.9:
     resolution: {integrity: sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.9.tgz}
     name: which-typed-array
     version: 1.1.9
     engines: {node: '>= 0.4'}
     dependencies:
-      available-typed-arrays: registry.npmjs.org/available-typed-arrays/1.0.5
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      for-each: registry.npmjs.org/for-each/0.3.3
-      gopd: registry.npmjs.org/gopd/1.0.1
-      has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
-      is-typed-array: registry.npmjs.org/is-typed-array/1.1.10
+      available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      for-each: registry.npmjs.org/for-each@0.3.3
+      gopd: registry.npmjs.org/gopd@1.0.1
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.10
     dev: true
 
-  registry.npmjs.org/which/1.3.1:
+  registry.npmjs.org/which@1.3.1:
     resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which/-/which-1.3.1.tgz}
     name: which
     version: 1.3.1
     hasBin: true
     dependencies:
-      isexe: registry.npmjs.org/isexe/2.0.0
+      isexe: registry.npmjs.org/isexe@2.0.0
     dev: true
 
-  registry.npmjs.org/which/2.0.2:
+  registry.npmjs.org/which@2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which/-/which-2.0.2.tgz}
     name: which
     version: 2.0.2
     engines: {node: '>= 8'}
     hasBin: true
     dependencies:
-      isexe: registry.npmjs.org/isexe/2.0.0
+      isexe: registry.npmjs.org/isexe@2.0.0
     dev: true
 
-  registry.npmjs.org/word-wrap/1.2.3:
+  registry.npmjs.org/word-wrap@1.2.3:
     resolution: {integrity: sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz}
     name: word-wrap
     version: 1.2.3
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/wrap-ansi/6.2.0:
+  registry.npmjs.org/wrap-ansi@6.2.0:
     resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz}
     name: wrap-ansi
     version: 6.2.0
     engines: {node: '>=8'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles/4.3.0
-      string-width: registry.npmjs.org/string-width/4.2.3
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
+      ansi-styles: registry.npmjs.org/ansi-styles@4.3.0
+      string-width: registry.npmjs.org/string-width@4.2.3
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
     dev: true
 
-  registry.npmjs.org/wrap-ansi/7.0.0:
+  registry.npmjs.org/wrap-ansi@7.0.0:
     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz}
     name: wrap-ansi
     version: 7.0.0
     engines: {node: '>=10'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles/4.3.0
-      string-width: registry.npmjs.org/string-width/4.2.3
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
+      ansi-styles: registry.npmjs.org/ansi-styles@4.3.0
+      string-width: registry.npmjs.org/string-width@4.2.3
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
     dev: true
 
-  registry.npmjs.org/wrappy/1.0.2:
+  registry.npmjs.org/wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz}
     name: wrappy
     version: 1.0.2
     dev: true
 
-  registry.npmjs.org/y18n/4.0.3:
+  registry.npmjs.org/y18n@4.0.3:
     resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz}
     name: y18n
     version: 4.0.3
     dev: true
 
-  registry.npmjs.org/y18n/5.0.8:
+  registry.npmjs.org/y18n@5.0.8:
     resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz}
     name: y18n
     version: 5.0.8
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/yallist/2.1.2:
+  registry.npmjs.org/yallist@2.1.2:
     resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz}
     name: yallist
     version: 2.1.2
     dev: true
 
-  registry.npmjs.org/yallist/3.1.1:
+  registry.npmjs.org/yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz}
     name: yallist
     version: 3.1.1
     dev: true
 
-  registry.npmjs.org/yallist/4.0.0:
+  registry.npmjs.org/yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz}
     name: yallist
     version: 4.0.0
     dev: true
 
-  registry.npmjs.org/yaml/1.10.2:
+  registry.npmjs.org/yaml@1.10.2:
     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz}
     name: yaml
     version: 1.10.2
     engines: {node: '>= 6'}
     dev: true
 
-  registry.npmjs.org/yaml/2.3.1:
+  registry.npmjs.org/yaml@2.3.1:
     resolution: {integrity: sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz}
     name: yaml
     version: 2.3.1
     engines: {node: '>= 14'}
     dev: true
 
-  registry.npmjs.org/yargs-parser/18.1.3:
+  registry.npmjs.org/yargs-parser@18.1.3:
     resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz}
     name: yargs-parser
     version: 18.1.3
     engines: {node: '>=6'}
     dependencies:
-      camelcase: registry.npmjs.org/camelcase/5.3.1
-      decamelize: registry.npmjs.org/decamelize/1.2.0
+      camelcase: registry.npmjs.org/camelcase@5.3.1
+      decamelize: registry.npmjs.org/decamelize@1.2.0
     dev: true
 
-  registry.npmjs.org/yargs-parser/21.1.1:
+  registry.npmjs.org/yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz}
     name: yargs-parser
     version: 21.1.1
     engines: {node: '>=12'}
     dev: true
 
-  registry.npmjs.org/yargs/15.4.1:
+  registry.npmjs.org/yargs@15.4.1:
     resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz}
     name: yargs
     version: 15.4.1
     engines: {node: '>=8'}
     dependencies:
-      cliui: registry.npmjs.org/cliui/6.0.0
-      decamelize: registry.npmjs.org/decamelize/1.2.0
-      find-up: registry.npmjs.org/find-up/4.1.0
-      get-caller-file: registry.npmjs.org/get-caller-file/2.0.5
-      require-directory: registry.npmjs.org/require-directory/2.1.1
-      require-main-filename: registry.npmjs.org/require-main-filename/2.0.0
-      set-blocking: registry.npmjs.org/set-blocking/2.0.0
-      string-width: registry.npmjs.org/string-width/4.2.3
-      which-module: registry.npmjs.org/which-module/2.0.1
-      y18n: registry.npmjs.org/y18n/4.0.3
-      yargs-parser: registry.npmjs.org/yargs-parser/18.1.3
+      cliui: registry.npmjs.org/cliui@6.0.0
+      decamelize: registry.npmjs.org/decamelize@1.2.0
+      find-up: registry.npmjs.org/find-up@4.1.0
+      get-caller-file: registry.npmjs.org/get-caller-file@2.0.5
+      require-directory: registry.npmjs.org/require-directory@2.1.1
+      require-main-filename: registry.npmjs.org/require-main-filename@2.0.0
+      set-blocking: registry.npmjs.org/set-blocking@2.0.0
+      string-width: registry.npmjs.org/string-width@4.2.3
+      which-module: registry.npmjs.org/which-module@2.0.1
+      y18n: registry.npmjs.org/y18n@4.0.3
+      yargs-parser: registry.npmjs.org/yargs-parser@18.1.3
     dev: true
 
-  registry.npmjs.org/yargs/17.7.2:
+  registry.npmjs.org/yargs@17.7.2:
     resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz}
     name: yargs
     version: 17.7.2
     engines: {node: '>=12'}
     dependencies:
-      cliui: registry.npmjs.org/cliui/8.0.1
-      escalade: registry.npmjs.org/escalade/3.1.1
-      get-caller-file: registry.npmjs.org/get-caller-file/2.0.5
-      require-directory: registry.npmjs.org/require-directory/2.1.1
-      string-width: registry.npmjs.org/string-width/4.2.3
-      y18n: registry.npmjs.org/y18n/5.0.8
-      yargs-parser: registry.npmjs.org/yargs-parser/21.1.1
+      cliui: registry.npmjs.org/cliui@8.0.1
+      escalade: registry.npmjs.org/escalade@3.1.1
+      get-caller-file: registry.npmjs.org/get-caller-file@2.0.5
+      require-directory: registry.npmjs.org/require-directory@2.1.1
+      string-width: registry.npmjs.org/string-width@4.2.3
+      y18n: registry.npmjs.org/y18n@5.0.8
+      yargs-parser: registry.npmjs.org/yargs-parser@21.1.1
     dev: true
 
-  registry.npmjs.org/yauzl/2.10.0:
+  registry.npmjs.org/yauzl@2.10.0:
     resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz}
     name: yauzl
     version: 2.10.0
     dependencies:
-      buffer-crc32: registry.npmjs.org/buffer-crc32/0.2.13
-      fd-slicer: registry.npmjs.org/fd-slicer/1.1.0
+      buffer-crc32: registry.npmjs.org/buffer-crc32@0.2.13
+      fd-slicer: registry.npmjs.org/fd-slicer@1.1.0
     dev: true
 
-  registry.npmjs.org/yocto-queue/0.1.0:
+  registry.npmjs.org/yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz}
     name: yocto-queue
     version: 0.1.0
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/zustand/4.3.8_react@18.2.0:
+  registry.npmjs.org/zustand@4.3.8(react@18.2.0):
     resolution: {integrity: sha512-4h28KCkHg5ii/wcFFJ5Fp+k1J3gJoasaIbppdgZFO4BPJnsNxL0mQXBSFgOgAdCdBj35aDTPvdAJReTMntFPGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.3.8.tgz}
     id: registry.npmjs.org/zustand/4.3.8
     name: zustand
@@ -8037,6 +8259,6 @@ packages:
       react:
         optional: true
     dependencies:
-      react: registry.npmjs.org/react/18.2.0
-      use-sync-external-store: registry.npmjs.org/use-sync-external-store/1.2.0_react@18.2.0
+      react: registry.npmjs.org/react@18.2.0
+      use-sync-external-store: registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0)
     dev: false

From 647c73cc8a601e786cf119ecb7f720547851e9b4 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 14 Aug 2023 15:49:14 +0200
Subject: [PATCH 0122/1093] fix(smooth-edge): vertically or horizontally
 aligned nodes closes

---
 .../system/src/utils/edges/smoothstep-edge.ts | 40 +++++++++++++++++--
 1 file changed, 37 insertions(+), 3 deletions(-)

diff --git a/packages/system/src/utils/edges/smoothstep-edge.ts b/packages/system/src/utils/edges/smoothstep-edge.ts
index 3b6730e7c..60e0e9dc5 100644
--- a/packages/system/src/utils/edges/smoothstep-edge.ts
+++ b/packages/system/src/utils/edges/smoothstep-edge.ts
@@ -69,6 +69,9 @@ function getPoints({
 
   let points: XYPosition[] = [];
   let centerX, centerY;
+  const sourceGapOffset = { x: 0, y: 0 };
+  const targetGapOffset = { x: 0, y: 0 };
+
   const [defaultCenterX, defaultCenterY, defaultOffsetX, defaultOffsetY] = getEdgeCenter({
     sourceX: source.x,
     sourceY: source.y,
@@ -111,6 +114,20 @@ function getPoints({
       points = sourceDir.y === currDir ? sourceTarget : targetSource;
     }
 
+    if (sourcePosition === targetPosition) {
+      const diff = Math.abs(source[dirAccessor] - target[dirAccessor]);
+
+      // if an edge goes from right to right for example (sourcePosition === targetPosition) and the distance between source.x and target.x is less than the offset, the added point and the gapped source/target will overlap. This leads to a weird edge path. To avoid this we add a gapOffset to the source/target
+      if (diff <= offset) {
+        const gapOffset = Math.min(offset - 1, offset - diff);
+        if (sourceDir[dirAccessor] === currDir) {
+          sourceGapOffset[dirAccessor] = gapOffset;
+        } else {
+          targetGapOffset[dirAccessor] = gapOffset;
+        }
+      }
+    }
+
     // these are conditions for handling mixed handle positions like Right -> Bottom for example
     if (sourcePosition !== targetPosition) {
       const dirAccessorOpposite = dirAccessor === 'x' ? 'y' : 'x';
@@ -126,11 +143,28 @@ function getPoints({
       }
     }
 
-    centerX = points[0].x;
-    centerY = points[0].y;
+    const sourceGapPoint = { x: sourceGapped.x - sourceGapOffset.x, y: sourceGapped.y - sourceGapOffset.y };
+    const targetGapPoint = { x: targetGapped.x - targetGapOffset.x, y: targetGapped.y - targetGapOffset.y };
+    const maxXDistance = Math.max(Math.abs(sourceGapPoint.x - points[0].x), Math.abs(targetGapPoint.x - points[0].x));
+    const maxYDistance = Math.max(Math.abs(sourceGapPoint.y - points[0].y), Math.abs(targetGapPoint.y - points[0].y));
+
+    // we want to place the label on the longest segment of the edge
+    if (maxXDistance >= maxYDistance) {
+      centerX = (sourceGapPoint.x + targetGapPoint.x) / 2;
+      centerY = points[0].y;
+    } else {
+      centerX = points[0].x;
+      centerY = (sourceGapPoint.y + targetGapPoint.y) / 2;
+    }
   }
 
-  const pathPoints = [source, sourceGapped, ...points, targetGapped, target];
+  const pathPoints = [
+    source,
+    { x: sourceGapped.x - sourceGapOffset.x, y: sourceGapped.y - sourceGapOffset.y },
+    ...points,
+    { x: targetGapped.x - targetGapOffset.x, y: targetGapped.y - targetGapOffset.y },
+    target,
+  ];
 
   return [pathPoints, centerX, centerY, defaultOffsetX, defaultOffsetY];
 }

From 9520407cf0646d2f448c430276a58e18c8107e08 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 14 Aug 2023 15:54:30 +0200
Subject: [PATCH 0123/1093] fix(selection): keep node positions when extent is
 reached closes

---
 packages/system/src/utils/graph.ts   |  7 +++---
 packages/system/src/xydrag/XYDrag.ts | 36 +++++++++++++++++++++++++---
 2 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 27ae064a3..cde43bd8f 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -254,9 +254,10 @@ export function calcNextPosition<NodeType extends NodeBase>(
     ];
   }
 
-  const positionAbsolute = currentExtent
-    ? clampPosition(nextPosition, currentExtent as CoordinateExtent)
-    : nextPosition;
+  const positionAbsolute =
+    currentExtent && currentExtent !== 'parent'
+      ? clampPosition(nextPosition, currentExtent as CoordinateExtent)
+      : nextPosition;
 
   return {
     position: {
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 920299dfc..674d678c0 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -1,7 +1,15 @@
 import { drag } from 'd3-drag';
 import { select } from 'd3-selection';
 
-import { calcAutoPan, getEventPosition, getPointerPosition, calcNextPosition, snapPosition } from '../utils';
+import {
+  calcAutoPan,
+  getEventPosition,
+  getPointerPosition,
+  calcNextPosition,
+  snapPosition,
+  getRectOfNodes,
+  rectToBox,
+} from '../utils';
 import { getDragItems, getEventHandlerParams, hasSelector, wrapSelectionDragFunc } from './utils';
 import type {
   NodeBase,
@@ -18,6 +26,7 @@ import type {
   OnNodeDrag,
   OnSelectionDrag,
   UpdateNodePositions,
+  Box,
 } from '../types';
 
 export type OnDrag = (event: MouseEvent, dragItems: NodeDragItem[], node: NodeBase, nodes: NodeBase[]) => void;
@@ -105,6 +114,12 @@ export function XYDrag({
       lastPos = { x, y };
 
       let hasChange = false;
+      let nodesBox: Box = { x: 0, y: 0, x2: 0, y2: 0 };
+
+      if (dragItems.length > 1 && nodeExtent) {
+        const rect = getRectOfNodes(dragItems as unknown as NodeBase[], nodeOrigin);
+        nodesBox = rectToBox(rect);
+      }
 
       dragItems = dragItems.map((n) => {
         let nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
@@ -113,9 +128,24 @@ export function XYDrag({
           nextPosition = snapPosition(nextPosition, snapGrid);
         }
 
-        const updatedPos = calcNextPosition(n, nextPosition, nodes, nodeExtent, nodeOrigin, onError);
+        // if there is selection with multiple nodes and a node extent is set, we need to adjust the node extent for each node
+        // based on its position so that the node stays at it's position relative to the selection.
+        const adjustedNodeExtent: CoordinateExtent = [
+          [nodeExtent[0][0], nodeExtent[0][1]],
+          [nodeExtent[1][0], nodeExtent[1][1]],
+        ];
+
+        if (dragItems.length > 1 && nodeExtent && !n.extent) {
+          adjustedNodeExtent[0][0] = n.positionAbsolute.x - nodesBox.x + nodeExtent[0][0];
+          adjustedNodeExtent[1][0] = n.positionAbsolute.x + (n.width ?? 0) - nodesBox.x2 + nodeExtent[1][0];
+
+          adjustedNodeExtent[0][1] = n.positionAbsolute.y - nodesBox.y + nodeExtent[0][1];
+          adjustedNodeExtent[1][1] = n.positionAbsolute.y + (n.height ?? 0) - nodesBox.y2 + nodeExtent[1][1];
+        }
+
+        const updatedPos = calcNextPosition(n, nextPosition, nodes, adjustedNodeExtent, nodeOrigin, onError);
 
-        // we want to make sure that we only fire a change event when there is a changes
+        // we want to make sure that we only fire a change event when there is a change
         hasChange = hasChange || n.position.x !== updatedPos.position.x || n.position.y !== updatedPos.position.y;
 
         n.position = updatedPos.position;

From e1b8dce981219191cc9a238179d9176f84fcadea Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 14 Aug 2023 15:59:19 +0200
Subject: [PATCH 0124/1093] fix(onMoveEnd): falsely triggered on right click

---
 packages/system/src/xypanzoom/eventhandler.ts | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/system/src/xypanzoom/eventhandler.ts b/packages/system/src/xypanzoom/eventhandler.ts
index 1b38bfa23..84deb9293 100644
--- a/packages/system/src/xypanzoom/eventhandler.ts
+++ b/packages/system/src/xypanzoom/eventhandler.ts
@@ -114,19 +114,18 @@ export function createZoomOnScrollHandler({ noWheelClassName, preventScrolling,
 
 export function createPanZoomStartHandler({ zoomPanValues, onDraggingChange, onPanZoomStart }: PanZoomStartParams) {
   return (event: D3ZoomEvent<HTMLDivElement, any>) => {
+    const viewport = transformToViewport(event.transform);
+
     // we need to remember it here, because it's always 0 in the "zoom" event
     zoomPanValues.mouseButton = event.sourceEvent?.button || 0;
-
     zoomPanValues.isZoomingOrPanning = true;
+    zoomPanValues.prevViewport = viewport;
 
     if (event.sourceEvent?.type === 'mousedown') {
       onDraggingChange(true);
     }
 
     if (onPanZoomStart) {
-      const viewport = transformToViewport(event.transform);
-      zoomPanValues.prevViewport = viewport;
-
       onPanZoomStart?.(event.sourceEvent as MouseEvent | TouchEvent, viewport);
     }
   };

From 9654eee4fbd592738d8f627b3d3692e4825268a3 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 14 Aug 2023 16:13:04 +0200
Subject: [PATCH 0125/1093] fix(scroll): fast zoom issue on windows with ctrl

---
 packages/system/src/utils/general.ts          |  2 ++
 packages/system/src/xypanzoom/XYPanZoom.ts    |  3 ++-
 packages/system/src/xypanzoom/eventhandler.ts | 24 +++++++++++++------
 packages/system/src/xypanzoom/utils.ts        |  7 ++++++
 4 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index c7e588789..0bad94c9e 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -173,3 +173,5 @@ export const getTransformForBounds = (
 
   return [x, y, clampedZoom];
 };
+
+export const isMacOs = () => typeof navigator !== 'undefined' && navigator?.userAgent?.indexOf('Mac') >= 0;
diff --git a/packages/system/src/xypanzoom/XYPanZoom.ts b/packages/system/src/xypanzoom/XYPanZoom.ts
index a5b28c66a..1faded974 100644
--- a/packages/system/src/xypanzoom/XYPanZoom.ts
+++ b/packages/system/src/xypanzoom/XYPanZoom.ts
@@ -10,7 +10,7 @@ import {
   PanZoomInstance,
 } from '../types';
 import { clamp } from '../utils';
-import { getD3Transition, viewportToTransform } from './utils';
+import { getD3Transition, viewportToTransform, wheelDelta } from './utils';
 import {
   createPanOnScrollHandler,
   createPanZoomEndHandler,
@@ -65,6 +65,7 @@ export function XYPanZoom({
   );
 
   const d3ZoomHandler = d3Selection.on('wheel.zoom')!;
+  d3ZoomInstance.wheelDelta(wheelDelta);
 
   function setTransform(transform: ZoomTransform, options?: PanZoomTransformOptions) {
     if (d3Selection) {
diff --git a/packages/system/src/xypanzoom/eventhandler.ts b/packages/system/src/xypanzoom/eventhandler.ts
index 84deb9293..b2b46b485 100644
--- a/packages/system/src/xypanzoom/eventhandler.ts
+++ b/packages/system/src/xypanzoom/eventhandler.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 import type { D3ZoomEvent } from 'd3-zoom';
 import { pointer } from 'd3-selection';
 
@@ -11,7 +12,8 @@ import {
   type OnDraggingChange,
   type OnTransformChange,
 } from '../types';
-import { isRightClickPan, isWrappedWithClass, transformToViewport, viewChanged } from './utils';
+import { isRightClickPan, isWrappedWithClass, transformToViewport, viewChanged, wheelDelta } from './utils';
+import { clamp, isMacOs } from '../utils';
 
 export type ZoomPanValues = {
   isZoomingOrPanning: boolean;
@@ -75,13 +77,15 @@ export function createPanOnScrollHandler({
     event.stopImmediatePropagation();
 
     const currentZoom = d3Selection.property('__zoom').k || 1;
+    const _isMacOs = isMacOs();
 
-    if (event.ctrlKey && zoomOnPinch) {
+    // macos sets ctrlKey=true for pinch gesture on a trackpad
+    if (event.ctrlKey && zoomOnPinch && _isMacOs) {
       const point = pointer(event);
-      // taken from https://github.com/d3/d3-zoom/blob/master/src/zoom.js
-      const pinchDelta = -event.deltaY * (event.deltaMode === 1 ? 0.05 : event.deltaMode ? 1 : 0.002) * 10;
+      const pinchDelta = wheelDelta(event);
       const zoom = currentZoom * Math.pow(2, pinchDelta);
-      d3Zoom.scaleTo(d3Selection, zoom, point);
+      // @ts-ignore
+      d3Zoom.scaleTo(d3Selection, zoom, point, event);
 
       return;
     }
@@ -89,8 +93,14 @@ export function createPanOnScrollHandler({
     // increase scroll speed in firefox
     // firefox: deltaMode === 1; chrome: deltaMode === 0
     const deltaNormalize = event.deltaMode === 1 ? 20 : 1;
-    const deltaX = panOnScrollMode === PanOnScrollMode.Vertical ? 0 : event.deltaX * deltaNormalize;
-    const deltaY = panOnScrollMode === PanOnScrollMode.Horizontal ? 0 : event.deltaY * deltaNormalize;
+    let deltaX = panOnScrollMode === PanOnScrollMode.Vertical ? 0 : event.deltaX * deltaNormalize;
+    let deltaY = panOnScrollMode === PanOnScrollMode.Horizontal ? 0 : event.deltaY * deltaNormalize;
+
+    // this enables vertical scrolling with shift + scroll on windows
+    if (!_isMacOs && event.shiftKey && panOnScrollMode !== PanOnScrollMode.Vertical) {
+      deltaX = event.deltaY * deltaNormalize;
+      deltaY = 0;
+    }
 
     d3Zoom.translateBy(
       d3Selection,
diff --git a/packages/system/src/xypanzoom/utils.ts b/packages/system/src/xypanzoom/utils.ts
index bbd7d070a..cad2b4817 100644
--- a/packages/system/src/xypanzoom/utils.ts
+++ b/packages/system/src/xypanzoom/utils.ts
@@ -1,6 +1,7 @@
 import { type ZoomTransform, zoomIdentity } from 'd3-zoom';
 
 import { type D3SelectionInstance, type Viewport } from '../types';
+import { isMacOs } from '../utils';
 
 export const viewChanged = (prevViewport: Viewport, eventViewport: any): boolean =>
   prevViewport.x !== eventViewport.x || prevViewport.y !== eventViewport.y || prevViewport.zoom !== eventViewport.k;
@@ -21,3 +22,9 @@ export const isRightClickPan = (panOnDrag: boolean | number[], usedButton: numbe
 
 export const getD3Transition = (selection: D3SelectionInstance, duration = 0) =>
   typeof duration === 'number' && duration > 0 ? selection.transition().duration(duration) : selection;
+
+export const wheelDelta = (event: any) => {
+  const factor = event.ctrlKey && isMacOs() ? 10 : 1;
+
+  return -event.deltaY * (event.deltaMode === 1 ? 0.05 : event.deltaMode ? 1 : 0.002) * factor;
+};

From 771dcd11cfb7bb91cf2c71d90cb26bda013ed923 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 14 Aug 2023 16:14:51 +0200
Subject: [PATCH 0126/1093] fix(windows): more natural key defaults

---
 packages/react/src/container/ReactFlow/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index db7ddbef1..4eb910a1f 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -8,6 +8,7 @@ import {
   infiniteExtent,
   type NodeOrigin,
   type Viewport,
+  isMacOs,
 } from '@xyflow/system';
 
 import Attribution from '../../components/Attribution';
@@ -108,8 +109,8 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
       selectionOnDrag = false,
       selectionMode = SelectionMode.Full,
       panActivationKeyCode = 'Space',
-      multiSelectionKeyCode = 'Meta',
-      zoomActivationKeyCode = 'Meta',
+      multiSelectionKeyCode = isMacOs() ? 'Meta' : 'Control',
+      zoomActivationKeyCode = isMacOs() ? 'Meta' : 'Control',
       snapToGrid = false,
       snapGrid = initSnapGrid,
       onlyRenderVisibleElements = false,

From 182c53113c790aeb3cfffd306bea31df7c47d42b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 14 Aug 2023 16:19:43 +0200
Subject: [PATCH 0127/1093] fix(node-click): handle deleted node

---
 packages/react/src/components/Nodes/utils.ts | 8 +++++++-
 packages/system/src/constants.ts             | 2 ++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/Nodes/utils.ts b/packages/react/src/components/Nodes/utils.ts
index ab1a6672f..3c1299e9e 100644
--- a/packages/react/src/components/Nodes/utils.ts
+++ b/packages/react/src/components/Nodes/utils.ts
@@ -2,6 +2,7 @@ import type { MouseEvent, RefObject } from 'react';
 import type { StoreApi } from 'zustand';
 
 import type { Node, ReactFlowState } from '../../types';
+import { errorMessages } from '@xyflow/system';
 
 export function getMouseHandler(
   id: string,
@@ -34,9 +35,14 @@ export function handleNodeClick({
   unselect?: boolean;
   nodeRef?: RefObject<HTMLDivElement>;
 }) {
-  const { addSelectedNodes, unselectNodesAndEdges, multiSelectionActive, nodes } = store.getState();
+  const { addSelectedNodes, unselectNodesAndEdges, multiSelectionActive, nodes, onError } = store.getState();
   const node = nodes.find((n) => n.id === id)!;
 
+  if (!node) {
+    onError?.('012', errorMessages['error012'](id));
+    return;
+  }
+
   store.setState({ nodesSelectionActive: false });
 
   if (!node.selected) {
diff --git a/packages/system/src/constants.ts b/packages/system/src/constants.ts
index cd21d78b5..21d212346 100644
--- a/packages/system/src/constants.ts
+++ b/packages/system/src/constants.ts
@@ -21,6 +21,8 @@ export const errorMessages = {
     }", edge id: ${id}.`,
   error010: () => 'Handle: No node id found. Make sure to only use a Handle inside a custom Node.',
   error011: (edgeType: string) => `Edge type "${edgeType}" not found. Using fallback type "default".`,
+  error012: (id: string) =>
+    `Node with id "${id}" does not exist, it may have been removed. This can happen when a node is deleted before the "onNodeClick" handler is called.`,
 };
 
 export const internalsSymbol = Symbol.for('internals');

From f150c87997ad7b8696a36760156513e748bdd2c8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 14 Aug 2023 16:22:36 +0200
Subject: [PATCH 0128/1093] feat(minimap): add offsetScale and selected class
 name

---
 packages/react/src/additional-components/MiniMap/MiniMap.tsx | 5 +++--
 .../react/src/additional-components/MiniMap/MiniMapNode.tsx  | 3 ++-
 .../react/src/additional-components/MiniMap/MiniMapNodes.tsx | 1 +
 packages/react/src/additional-components/MiniMap/types.ts    | 2 ++
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index 862129348..9109a910a 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -58,7 +58,8 @@ function MiniMap({
   zoomable = false,
   ariaLabel = 'React Flow mini map',
   inversePan,
-  zoomStep,
+  zoomStep = 10,
+  offsetScale = 5,
 }: MiniMapProps) {
   const store = useStoreApi();
   const svg = useRef<SVGSVGElement>(null);
@@ -70,7 +71,7 @@ function MiniMap({
   const viewScale = Math.max(scaledWidth, scaledHeight);
   const viewWidth = viewScale * elementWidth;
   const viewHeight = viewScale * elementHeight;
-  const offset = 5 * viewScale;
+  const offset = offsetScale * viewScale;
   const x = boundingRect.x - (viewWidth - boundingRect.width) / 2 - offset;
   const y = boundingRect.y - (viewHeight - boundingRect.height) / 2 - offset;
   const width = viewWidth + offset * 2;
diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx
index 9cec5d20e..5fe704622 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx
@@ -16,6 +16,7 @@ function MiniMapNode({
   className,
   borderRadius,
   shapeRendering,
+  selected,
   onClick,
 }: MiniMapNodeProps) {
   const { background, backgroundColor } = style || {};
@@ -23,7 +24,7 @@ function MiniMapNode({
 
   return (
     <rect
-      className={cc(['react-flow__minimap-node', className])}
+      className={cc(['react-flow__minimap-node', { selected }, className])}
       x={x}
       y={y}
       rx={borderRadius}
diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index b43110138..21bb8fc5b 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -47,6 +47,7 @@ function MiniMapNodes({
             width={node.width!}
             height={node.height!}
             style={node.style}
+            selected={!!node.selected}
             className={nodeClassNameFunc(node)}
             color={nodeColorFunc(node)}
             borderRadius={nodeBorderRadius}
diff --git a/packages/react/src/additional-components/MiniMap/types.ts b/packages/react/src/additional-components/MiniMap/types.ts
index 870cbf0bd..323374cf9 100644
--- a/packages/react/src/additional-components/MiniMap/types.ts
+++ b/packages/react/src/additional-components/MiniMap/types.ts
@@ -24,6 +24,7 @@ export type MiniMapProps<NodeData = any> = Omit<HTMLAttributes<SVGSVGElement>, '
   ariaLabel?: string | null;
   inversePan?: boolean;
   zoomStep?: number;
+  offsetScale?: number;
 };
 
 export type MiniMapNodes = Pick<
@@ -46,5 +47,6 @@ export type MiniMapNodeProps = {
   strokeColor: string;
   strokeWidth: number;
   style?: CSSProperties;
+  selected: boolean;
   onClick?: (event: MouseEvent, id: string) => void;
 };

From 0d8767ba14555573bffbc80c73ac5d8ad1fe859f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 14 Aug 2023 16:26:12 +0200
Subject: [PATCH 0129/1093] chore(a11y): add role to wrapping g for edges

---
 packages/react/src/components/Edges/wrapEdge.tsx  |  2 +-
 .../lib/components/EdgeWrapper/EdgeWrapper.svelte | 15 ++++++++++++++-
 packages/svelte/src/lib/types/edges.ts            |  1 +
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/components/Edges/wrapEdge.tsx b/packages/react/src/components/Edges/wrapEdge.tsx
index 3a107e889..92aaada6a 100644
--- a/packages/react/src/components/Edges/wrapEdge.tsx
+++ b/packages/react/src/components/Edges/wrapEdge.tsx
@@ -202,7 +202,7 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
         onMouseLeave={onEdgeMouseLeave}
         onKeyDown={isFocusable ? onKeyDown : undefined}
         tabIndex={isFocusable ? 0 : undefined}
-        role={isFocusable ? 'button' : undefined}
+        role={isFocusable ? 'button' : 'img'}
         data-testid={`rf__edge-${id}`}
         aria-label={ariaLabel === null ? undefined : ariaLabel ? ariaLabel : `Edge from ${source} to ${target}`}
         aria-describedby={isFocusable ? `${ARIA_EDGE_DESC_KEY}-${rfId}` : undefined}
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index f21f570e1..02519cf71 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -30,6 +30,7 @@
   export let targetY: $$Props['targetY'];
   export let sourcePosition: $$Props['sourcePosition'];
   export let targetPosition: $$Props['targetPosition'];
+  export let ariaLabel: $$Props['ariaLabel'] = undefined;
   // @ todo: support edge updates
 
   const { edges, edgeTypes, flowId, addSelectedEdges } = useStore();
@@ -51,7 +52,19 @@
 </script>
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
-<g class="svelte-flow__edge" class:animated class:selected data-id={id} on:click={onClick}>
+<g
+  class="svelte-flow__edge"
+  class:animated
+  class:selected
+  data-id={id}
+  on:click={onClick}
+  aria-label={ariaLabel === null
+    ? undefined
+    : ariaLabel
+    ? ariaLabel
+    : `Edge from ${source} to ${target}`}
+  role="img"
+>
   <svelte:component
     this={edgeComponent}
     {id}
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 2f7817eea..6ef9f083b 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -67,6 +67,7 @@ export type EdgeLayouted = Pick<
   | 'markerEnd'
   | 'sourceHandle'
   | 'targetHandle'
+  | 'ariaLabel'
 > &
   EdgePosition & {
     sourceHandleId?: string | null;

From 193f49cf878fe8ed73c35ffe8fc1b6a1934635b1 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 14 Aug 2023 16:31:37 +0200
Subject: [PATCH 0130/1093] refactor(on-error): use onError for node and edge
 type creation

---
 .../react/src/container/EdgeRenderer/index.tsx |  4 ++--
 .../react/src/container/GraphView/index.tsx    | 16 +++++++++++-----
 .../{ReactFlow => GraphView}/utils.ts          |  6 ++++--
 .../react/src/container/NodeRenderer/index.tsx |  7 ++++---
 .../react/src/container/ReactFlow/index.tsx    | 18 +++---------------
 5 files changed, 24 insertions(+), 27 deletions(-)
 rename packages/react/src/container/{ReactFlow => GraphView}/utils.ts (83%)

diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index f23a1b67c..858d7a5c8 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -7,11 +7,10 @@ import { useStore } from '../../hooks/useStore';
 import useVisibleEdges from '../../hooks/useVisibleEdges';
 import MarkerDefinitions from './MarkerDefinitions';
 import { GraphViewProps } from '../GraphView';
-import type { ReactFlowState } from '../../types';
+import type { EdgeTypesWrapped, ReactFlowState } from '../../types';
 
 type EdgeRendererProps = Pick<
   GraphViewProps,
-  | 'edgeTypes'
   | 'onEdgeClick'
   | 'onEdgeDoubleClick'
   | 'defaultMarkerColor'
@@ -29,6 +28,7 @@ type EdgeRendererProps = Pick<
   | 'rfId'
   | 'disableKeyboardA11y'
 > & {
+  edgeTypes: EdgeTypesWrapped;
   elevateEdgesOnSelect: boolean;
   children: ReactNode;
 };
diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index 47e94b3b8..214602750 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -6,7 +6,10 @@ import EdgeRenderer from '../EdgeRenderer';
 import ViewportWrapper from '../Viewport';
 import useOnInitHandler from '../../hooks/useOnInitHandler';
 import ConnectionLine from '../../components/ConnectionLine';
-import type { EdgeTypesWrapped, NodeTypesWrapped, ReactFlowProps } from '../../types';
+import type { NodeTypesWrapped, ReactFlowProps } from '../../types';
+import { createNodeTypes } from '../NodeRenderer/utils';
+import { createEdgeTypes } from '../EdgeRenderer/utils';
+import { useNodeOrEdgeTypes } from './utils';
 
 export type GraphViewProps = Omit<
   ReactFlowProps,
@@ -15,6 +18,8 @@ export type GraphViewProps = Omit<
   Required<
     Pick<
       ReactFlowProps,
+      | 'nodeTypes'
+      | 'edgeTypes'
       | 'selectionKeyCode'
       | 'deleteKeyCode'
       | 'multiSelectionKeyCode'
@@ -33,8 +38,6 @@ export type GraphViewProps = Omit<
       | 'nodeOrigin'
     >
   > & {
-    nodeTypes: NodeTypesWrapped;
-    edgeTypes: EdgeTypesWrapped;
     rfId: string;
   };
 
@@ -102,6 +105,9 @@ const GraphView = ({
   nodeExtent,
   rfId,
 }: GraphViewProps) => {
+  const nodeTypesWrapped = useNodeOrEdgeTypes(nodeTypes, createNodeTypes);
+  const edgeTypesWrapped = useNodeOrEdgeTypes(edgeTypes, createEdgeTypes);
+
   useOnInitHandler(onInit);
 
   return (
@@ -142,7 +148,7 @@ const GraphView = ({
     >
       <ViewportWrapper>
         <EdgeRenderer
-          edgeTypes={edgeTypes}
+          edgeTypes={edgeTypesWrapped}
           onEdgeClick={onEdgeClick}
           onEdgeDoubleClick={onEdgeDoubleClick}
           onEdgeUpdate={onEdgeUpdate}
@@ -170,7 +176,7 @@ const GraphView = ({
         <div className="react-flow__edgelabel-renderer" />
 
         <NodeRenderer
-          nodeTypes={nodeTypes}
+          nodeTypes={nodeTypesWrapped}
           onNodeClick={onNodeClick}
           onNodeDoubleClick={onNodeDoubleClick}
           onNodeMouseEnter={onNodeMouseEnter}
diff --git a/packages/react/src/container/ReactFlow/utils.ts b/packages/react/src/container/GraphView/utils.ts
similarity index 83%
rename from packages/react/src/container/ReactFlow/utils.ts
rename to packages/react/src/container/GraphView/utils.ts
index 3f49243f6..f6ef1e593 100644
--- a/packages/react/src/container/ReactFlow/utils.ts
+++ b/packages/react/src/container/GraphView/utils.ts
@@ -1,22 +1,24 @@
 import { useMemo, useRef } from 'react';
 import { shallow } from 'zustand/shallow';
-import { errorMessages, devWarn } from '@xyflow/system';
+import { errorMessages } from '@xyflow/system';
 
 import { CreateEdgeTypes } from '../EdgeRenderer/utils';
 import { CreateNodeTypes } from '../NodeRenderer/utils';
 import type { EdgeTypes, EdgeTypesWrapped, NodeTypes, NodeTypesWrapped } from '../../types';
+import { useStoreApi } from '../../hooks/useStore';
 
 export function useNodeOrEdgeTypes(nodeOrEdgeTypes: NodeTypes, createTypes: CreateNodeTypes): NodeTypesWrapped;
 export function useNodeOrEdgeTypes(nodeOrEdgeTypes: EdgeTypes, createTypes: CreateEdgeTypes): EdgeTypesWrapped;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function useNodeOrEdgeTypes(nodeOrEdgeTypes: any, createTypes: any): any {
   const typesKeysRef = useRef<string[] | null>(null);
+  const store = useStoreApi();
 
   const typesParsed = useMemo(() => {
     if (process.env.NODE_ENV === 'development') {
       const typeKeys = Object.keys(nodeOrEdgeTypes);
       if (shallow(typesKeysRef.current, typeKeys)) {
-        devWarn('002', errorMessages['error002']());
+        store.getState().onError?.('002', errorMessages['error002']());
       }
 
       typesKeysRef.current = typeKeys;
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index 66b9de29a..f09f65639 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -6,11 +6,10 @@ import useVisibleNodes from '../../hooks/useVisibleNodes';
 import { useStore } from '../../hooks/useStore';
 import { containerStyle } from '../../styles';
 import { GraphViewProps } from '../GraphView';
-import type { ReactFlowState, WrapNodeProps } from '../../types';
+import type { NodeTypesWrapped, ReactFlowState, WrapNodeProps } from '../../types';
 
 type NodeRendererProps = Pick<
   GraphViewProps,
-  | 'nodeTypes'
   | 'onNodeClick'
   | 'onNodeDoubleClick'
   | 'onNodeMouseEnter'
@@ -24,7 +23,9 @@ type NodeRendererProps = Pick<
   | 'disableKeyboardA11y'
   | 'nodeOrigin'
   | 'nodeExtent'
->;
+> & {
+  nodeTypes: NodeTypesWrapped;
+};
 
 const selector = (s: ReactFlowState) => ({
   nodesDraggable: s.nodesDraggable,
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 4eb910a1f..5bc47f044 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -20,19 +20,9 @@ import GroupNode from '../../components/Nodes/GroupNode';
 import SelectionListener from '../../components/SelectionListener';
 import StoreUpdater from '../../components/StoreUpdater';
 import A11yDescriptions from '../../components/A11yDescriptions';
-import { createEdgeTypes } from '../EdgeRenderer/utils';
-import { createNodeTypes } from '../NodeRenderer/utils';
 import GraphView from '../GraphView';
 import Wrapper from './Wrapper';
-import { useNodeOrEdgeTypes } from './utils';
-import type {
-  EdgeTypes,
-  EdgeTypesWrapped,
-  NodeTypes,
-  NodeTypesWrapped,
-  ReactFlowProps,
-  ReactFlowRefType,
-} from '../../types';
+import type { EdgeTypes, NodeTypes, ReactFlowProps, ReactFlowRefType } from '../../types';
 
 const defaultNodeTypes: NodeTypes = {
   input: InputNode,
@@ -177,8 +167,6 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
     },
     ref
   ) => {
-    const nodeTypesWrapped = useNodeOrEdgeTypes(nodeTypes, createNodeTypes) as NodeTypesWrapped;
-    const edgeTypesWrapped = useNodeOrEdgeTypes(edgeTypes, createEdgeTypes) as EdgeTypesWrapped;
     const rfId = id || '1';
 
     return (
@@ -200,8 +188,8 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
             onNodeMouseLeave={onNodeMouseLeave}
             onNodeContextMenu={onNodeContextMenu}
             onNodeDoubleClick={onNodeDoubleClick}
-            nodeTypes={nodeTypesWrapped}
-            edgeTypes={edgeTypesWrapped}
+            nodeTypes={nodeTypes}
+            edgeTypes={edgeTypes}
             connectionLineType={connectionLineType}
             connectionLineStyle={connectionLineStyle}
             connectionLineComponent={connectionLineComponent}

From aa43a6de0207f49b1d0b5fd07978fd8eff0830f8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 14 Aug 2023 16:37:41 +0200
Subject: [PATCH 0131/1093] chore(pkg): add exports

---
 packages/react/package.json  | 11 ++++++++++-
 packages/system/package.json |  9 ++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index de645d6ff..01c2d07de 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -16,8 +16,17 @@
   ],
   "source": "src/index.ts",
   "main": "dist/umd/index.js",
-  "module": "dist/esm/index.js",
+  "module": "dist/esm/index.mjs",
   "types": "dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/umd/index.js"
+    },
+    "./dist/base.css": "./dist/base.css",
+    "./dist/style.css": "./dist/style.css"
+  },
   "sideEffects": [
     "*.css"
   ],
diff --git a/packages/system/package.json b/packages/system/package.json
index 1043ceba2..d59801ed4 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -16,8 +16,15 @@
   ],
   "source": "src/index.ts",
   "main": "dist/umd/index.js",
-  "module": "dist/esm/index.js",
+  "module": "dist/esm/index.mjs",
   "types": "dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/umd/index.js"
+    }
+  },
   "sideEffects": false,
   "license": "MIT",
   "publishConfig": {

From e8c361ac9d0c55b1e58104373981ae68c49a0c1a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 14 Aug 2023 16:42:11 +0200
Subject: [PATCH 0132/1093] chore(zustand): use latest API

---
 packages/react/package.json          |   2 +-
 packages/react/src/hooks/useStore.ts |   3 +-
 packages/react/src/store/index.ts    | 497 ++++++++++++++-------------
 pnpm-lock.yaml                       | 249 ++++++++++----
 4 files changed, 436 insertions(+), 315 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index 01c2d07de..dae94edf4 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -57,7 +57,7 @@
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
     "d3-zoom": "^3.0.0",
-    "zustand": "^4.3.3"
+    "zustand": "^4.4.0"
   },
   "peerDependencies": {
     "react": ">=17",
diff --git a/packages/react/src/hooks/useStore.ts b/packages/react/src/hooks/useStore.ts
index e7fc934b7..eb075d00a 100644
--- a/packages/react/src/hooks/useStore.ts
+++ b/packages/react/src/hooks/useStore.ts
@@ -1,5 +1,6 @@
 import { useContext, useMemo } from 'react';
-import { useStore as useZustandStore, type StoreApi } from 'zustand';
+import { useStoreWithEqualityFn as useZustandStore } from 'zustand/traditional';
+import type { StoreApi } from 'zustand';
 import { errorMessages } from '@xyflow/system';
 
 import StoreContext from '../contexts/RFStoreContext';
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 0b6772e25..51ba3eff1 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -1,4 +1,4 @@
-import { createStore } from 'zustand';
+import { createWithEqualityFn } from 'zustand/traditional';
 import {
   clampPosition,
   fitView as fitViewSystem,
@@ -25,261 +25,264 @@ import type {
 } from '../types';
 
 const createRFStore = () =>
-  createStore<ReactFlowState>((set, get) => ({
-    ...initialState,
-    setNodes: (nodes: Node[]) => {
-      const { nodes: storeNodes, nodeOrigin, elevateNodesOnSelect } = get();
-      const nextNodes = updateNodes(nodes, storeNodes, { nodeOrigin, elevateNodesOnSelect });
-
-      set({ nodes: nextNodes });
-    },
-    getNodes: () => {
-      return get().nodes;
-    },
-    setEdges: (edges: Edge[]) => {
-      const { defaultEdgeOptions = {} } = get();
-      set({ edges: edges.map((e) => ({ ...defaultEdgeOptions, ...e })) });
-    },
-    setDefaultNodesAndEdges: (nodes?: Node[], edges?: Edge[]) => {
-      const hasDefaultNodes = typeof nodes !== 'undefined';
-      const hasDefaultEdges = typeof edges !== 'undefined';
-
-      const nextNodes = hasDefaultNodes
-        ? updateNodes(nodes, [], {
-            nodeOrigin: get().nodeOrigin,
-            elevateNodesOnSelect: get().elevateNodesOnSelect,
-          })
-        : [];
-      const nextEdges = hasDefaultEdges ? edges : [];
-
-      set({ nodes: nextNodes, edges: nextEdges, hasDefaultNodes, hasDefaultEdges });
-    },
-    updateNodeDimensions: (updates) => {
-      const { onNodesChange, fitView, nodes, fitViewOnInit, fitViewDone, fitViewOnInitOptions, domNode, nodeOrigin } =
-        get();
-      const changes: NodeDimensionChange[] = [];
-
-      const updatedNodes = updateNodeDimensionsSystem(
-        updates,
-        nodes,
-        domNode,
-        nodeOrigin,
-        (id: string, dimensions: Dimensions) => {
-          changes.push({
-            id: id,
-            type: 'dimensions',
-            dimensions,
-          });
+  createWithEqualityFn<ReactFlowState>(
+    (set, get) => ({
+      ...initialState,
+      setNodes: (nodes: Node[]) => {
+        const { nodes: storeNodes, nodeOrigin, elevateNodesOnSelect } = get();
+        const nextNodes = updateNodes(nodes, storeNodes, { nodeOrigin, elevateNodesOnSelect });
+
+        set({ nodes: nextNodes });
+      },
+      getNodes: () => {
+        return get().nodes;
+      },
+      setEdges: (edges: Edge[]) => {
+        const { defaultEdgeOptions = {} } = get();
+        set({ edges: edges.map((e) => ({ ...defaultEdgeOptions, ...e })) });
+      },
+      setDefaultNodesAndEdges: (nodes?: Node[], edges?: Edge[]) => {
+        const hasDefaultNodes = typeof nodes !== 'undefined';
+        const hasDefaultEdges = typeof edges !== 'undefined';
+
+        const nextNodes = hasDefaultNodes
+          ? updateNodes(nodes, [], {
+              nodeOrigin: get().nodeOrigin,
+              elevateNodesOnSelect: get().elevateNodesOnSelect,
+            })
+          : [];
+        const nextEdges = hasDefaultEdges ? edges : [];
+
+        set({ nodes: nextNodes, edges: nextEdges, hasDefaultNodes, hasDefaultEdges });
+      },
+      updateNodeDimensions: (updates) => {
+        const { onNodesChange, fitView, nodes, fitViewOnInit, fitViewDone, fitViewOnInitOptions, domNode, nodeOrigin } =
+          get();
+        const changes: NodeDimensionChange[] = [];
+
+        const updatedNodes = updateNodeDimensionsSystem(
+          updates,
+          nodes,
+          domNode,
+          nodeOrigin,
+          (id: string, dimensions: Dimensions) => {
+            changes.push({
+              id: id,
+              type: 'dimensions',
+              dimensions,
+            });
+          }
+        );
+
+        if (!updatedNodes) {
+          return;
         }
-      );
-
-      if (!updatedNodes) {
-        return;
-      }
-
-      const nextNodes = updateAbsolutePositions(updatedNodes, nodeOrigin);
-
-      const nextFitViewDone =
-        fitViewDone ||
-        (fitViewOnInit &&
-          fitView({
-            ...fitViewOnInitOptions,
-            nodes: nextNodes,
-          }));
-
-      set({ nodes: nextNodes, fitViewDone: nextFitViewDone });
-
-      if (changes?.length > 0) {
-        onNodesChange?.(changes);
-      }
-    },
-    updateNodePositions: (nodeDragItems, positionChanged = true, dragging = false) => {
-      const changes = nodeDragItems.map((node) => {
-        const change: NodePositionChange = {
-          id: node.id,
-          type: 'position',
-          dragging,
-        };
 
-        if (positionChanged) {
-          change.positionAbsolute = node.positionAbsolute;
-          change.position = node.position;
+        const nextNodes = updateAbsolutePositions(updatedNodes, nodeOrigin);
+
+        const nextFitViewDone =
+          fitViewDone ||
+          (fitViewOnInit &&
+            fitView({
+              ...fitViewOnInitOptions,
+              nodes: nextNodes,
+            }));
+
+        set({ nodes: nextNodes, fitViewDone: nextFitViewDone });
+
+        if (changes?.length > 0) {
+          onNodesChange?.(changes);
         }
+      },
+      updateNodePositions: (nodeDragItems, positionChanged = true, dragging = false) => {
+        const changes = nodeDragItems.map((node) => {
+          const change: NodePositionChange = {
+            id: node.id,
+            type: 'position',
+            dragging,
+          };
 
-        return change;
-      });
+          if (positionChanged) {
+            change.positionAbsolute = node.positionAbsolute;
+            change.position = node.position;
+          }
 
-      get().triggerNodeChanges(changes);
-    },
+          return change;
+        });
 
-    triggerNodeChanges: (changes) => {
-      const { onNodesChange, nodes, hasDefaultNodes, nodeOrigin, elevateNodesOnSelect } = get();
+        get().triggerNodeChanges(changes);
+      },
 
-      if (changes?.length) {
-        if (hasDefaultNodes) {
-          const updatedNodes = applyNodeChanges(changes, nodes);
-          const nextNodes = updateNodes(updatedNodes, nodes, {
-            nodeOrigin,
-            elevateNodesOnSelect,
-          });
-          set({ nodes: nextNodes });
+      triggerNodeChanges: (changes) => {
+        const { onNodesChange, nodes, hasDefaultNodes, nodeOrigin, elevateNodesOnSelect } = get();
+
+        if (changes?.length) {
+          if (hasDefaultNodes) {
+            const updatedNodes = applyNodeChanges(changes, nodes);
+            const nextNodes = updateNodes(updatedNodes, nodes, {
+              nodeOrigin,
+              elevateNodesOnSelect,
+            });
+            set({ nodes: nextNodes });
+          }
+
+          onNodesChange?.(changes);
+        }
+      },
+
+      addSelectedNodes: (selectedNodeIds) => {
+        const { multiSelectionActive, edges, nodes } = get();
+        let changedNodes: NodeSelectionChange[];
+        let changedEdges: EdgeSelectionChange[] | null = null;
+
+        if (multiSelectionActive) {
+          changedNodes = selectedNodeIds.map((nodeId) => createSelectionChange(nodeId, true)) as NodeSelectionChange[];
+        } else {
+          changedNodes = getSelectionChanges(nodes, selectedNodeIds);
+          changedEdges = getSelectionChanges(edges, []);
         }
 
-        onNodesChange?.(changes);
-      }
-    },
-
-    addSelectedNodes: (selectedNodeIds) => {
-      const { multiSelectionActive, edges, nodes } = get();
-      let changedNodes: NodeSelectionChange[];
-      let changedEdges: EdgeSelectionChange[] | null = null;
-
-      if (multiSelectionActive) {
-        changedNodes = selectedNodeIds.map((nodeId) => createSelectionChange(nodeId, true)) as NodeSelectionChange[];
-      } else {
-        changedNodes = getSelectionChanges(nodes, selectedNodeIds);
-        changedEdges = getSelectionChanges(edges, []);
-      }
-
-      updateNodesAndEdgesSelections({
-        changedNodes,
-        changedEdges,
-        get,
-        set,
-      });
-    },
-    addSelectedEdges: (selectedEdgeIds) => {
-      const { multiSelectionActive, edges, nodes } = get();
-      let changedEdges: EdgeSelectionChange[];
-      let changedNodes: NodeSelectionChange[] | null = null;
-
-      if (multiSelectionActive) {
-        changedEdges = selectedEdgeIds.map((edgeId) => createSelectionChange(edgeId, true)) as EdgeSelectionChange[];
-      } else {
-        changedEdges = getSelectionChanges(edges, selectedEdgeIds);
-        changedNodes = getSelectionChanges(nodes, []);
-      }
-
-      updateNodesAndEdgesSelections({
-        changedNodes,
-        changedEdges,
-        get,
-        set,
-      });
-    },
-    unselectNodesAndEdges: ({ nodes, edges }: UnselectNodesAndEdgesParams = {}) => {
-      const { edges: storeEdges, nodes: storeNodes } = get();
-      const nodesToUnselect = nodes ? nodes : storeNodes;
-      const edgesToUnselect = edges ? edges : storeEdges;
-
-      const changedNodes = nodesToUnselect.map((n) => {
-        n.selected = false;
-        return createSelectionChange(n.id, false);
-      }) as NodeSelectionChange[];
-      const changedEdges = edgesToUnselect.map((edge) =>
-        createSelectionChange(edge.id, false)
-      ) as EdgeSelectionChange[];
-
-      updateNodesAndEdgesSelections({
-        changedNodes,
-        changedEdges,
-        get,
-        set,
-      });
-    },
-    setMinZoom: (minZoom) => {
-      const { panZoom, maxZoom } = get();
-      panZoom?.setScaleExtent([minZoom, maxZoom]);
-
-      set({ minZoom });
-    },
-    setMaxZoom: (maxZoom) => {
-      const { panZoom, minZoom } = get();
-      panZoom?.setScaleExtent([minZoom, maxZoom]);
-
-      set({ maxZoom });
-    },
-    setTranslateExtent: (translateExtent) => {
-      get().panZoom?.setTranslateExtent(translateExtent);
-
-      set({ translateExtent });
-    },
-    resetSelectedElements: () => {
-      const { edges, nodes } = get();
-
-      const nodesToUnselect = nodes
-        .filter((e) => e.selected)
-        .map((n) => createSelectionChange(n.id, false)) as NodeSelectionChange[];
-      const edgesToUnselect = edges
-        .filter((e) => e.selected)
-        .map((e) => createSelectionChange(e.id, false)) as EdgeSelectionChange[];
-
-      updateNodesAndEdgesSelections({
-        changedNodes: nodesToUnselect,
-        changedEdges: edgesToUnselect,
-        get,
-        set,
-      });
-    },
-    setNodeExtent: (nodeExtent) => {
-      const { nodes } = get();
-
-      set({
-        nodeExtent,
-        nodes: nodes.map((node) => {
-          const positionAbsolute = clampPosition(node.position, nodeExtent);
-
-          return {
-            ...node,
-            positionAbsolute,
-          };
+        updateNodesAndEdgesSelections({
+          changedNodes,
+          changedEdges,
+          get,
+          set,
+        });
+      },
+      addSelectedEdges: (selectedEdgeIds) => {
+        const { multiSelectionActive, edges, nodes } = get();
+        let changedEdges: EdgeSelectionChange[];
+        let changedNodes: NodeSelectionChange[] | null = null;
+
+        if (multiSelectionActive) {
+          changedEdges = selectedEdgeIds.map((edgeId) => createSelectionChange(edgeId, true)) as EdgeSelectionChange[];
+        } else {
+          changedEdges = getSelectionChanges(edges, selectedEdgeIds);
+          changedNodes = getSelectionChanges(nodes, []);
+        }
+
+        updateNodesAndEdgesSelections({
+          changedNodes,
+          changedEdges,
+          get,
+          set,
+        });
+      },
+      unselectNodesAndEdges: ({ nodes, edges }: UnselectNodesAndEdgesParams = {}) => {
+        const { edges: storeEdges, nodes: storeNodes } = get();
+        const nodesToUnselect = nodes ? nodes : storeNodes;
+        const edgesToUnselect = edges ? edges : storeEdges;
+
+        const changedNodes = nodesToUnselect.map((n) => {
+          n.selected = false;
+          return createSelectionChange(n.id, false);
+        }) as NodeSelectionChange[];
+        const changedEdges = edgesToUnselect.map((edge) =>
+          createSelectionChange(edge.id, false)
+        ) as EdgeSelectionChange[];
+
+        updateNodesAndEdgesSelections({
+          changedNodes,
+          changedEdges,
+          get,
+          set,
+        });
+      },
+      setMinZoom: (minZoom) => {
+        const { panZoom, maxZoom } = get();
+        panZoom?.setScaleExtent([minZoom, maxZoom]);
+
+        set({ minZoom });
+      },
+      setMaxZoom: (maxZoom) => {
+        const { panZoom, minZoom } = get();
+        panZoom?.setScaleExtent([minZoom, maxZoom]);
+
+        set({ maxZoom });
+      },
+      setTranslateExtent: (translateExtent) => {
+        get().panZoom?.setTranslateExtent(translateExtent);
+
+        set({ translateExtent });
+      },
+      resetSelectedElements: () => {
+        const { edges, nodes } = get();
+
+        const nodesToUnselect = nodes
+          .filter((e) => e.selected)
+          .map((n) => createSelectionChange(n.id, false)) as NodeSelectionChange[];
+        const edgesToUnselect = edges
+          .filter((e) => e.selected)
+          .map((e) => createSelectionChange(e.id, false)) as EdgeSelectionChange[];
+
+        updateNodesAndEdgesSelections({
+          changedNodes: nodesToUnselect,
+          changedEdges: edgesToUnselect,
+          get,
+          set,
+        });
+      },
+      setNodeExtent: (nodeExtent) => {
+        const { nodes } = get();
+
+        set({
+          nodeExtent,
+          nodes: nodes.map((node) => {
+            const positionAbsolute = clampPosition(node.position, nodeExtent);
+
+            return {
+              ...node,
+              positionAbsolute,
+            };
+          }),
+        });
+      },
+      panBy: (delta): boolean => {
+        const { transform, width, height, panZoom, translateExtent } = get();
+        return panBySystem({ delta, panZoom, transform, translateExtent, width, height });
+      },
+      fitView: (options?: FitViewOptions): boolean => {
+        const { panZoom, nodes, width, height, minZoom, maxZoom, nodeOrigin } = get();
+        const fitViewNodes = options?.nodes || nodes;
+
+        if (!panZoom) {
+          return false;
+        }
+
+        return fitViewSystem(
+          {
+            nodes: fitViewNodes as Node[],
+            width,
+            height,
+            panZoom,
+            minZoom,
+            maxZoom,
+            nodeOrigin,
+          },
+          options
+        );
+      },
+      cancelConnection: () =>
+        set({
+          connectionStatus: initialState.connectionStatus,
+          connectionStartHandle: initialState.connectionStartHandle,
+          connectionEndHandle: initialState.connectionEndHandle,
         }),
-      });
-    },
-    panBy: (delta): boolean => {
-      const { transform, width, height, panZoom, translateExtent } = get();
-      return panBySystem({ delta, panZoom, transform, translateExtent, width, height });
-    },
-    fitView: (options?: FitViewOptions): boolean => {
-      const { panZoom, nodes, width, height, minZoom, maxZoom, nodeOrigin } = get();
-      const fitViewNodes = options?.nodes || nodes;
-
-      if (!panZoom) {
-        return false;
-      }
-
-      return fitViewSystem(
-        {
-          nodes: fitViewNodes as Node[],
-          width,
-          height,
-          panZoom,
-          minZoom,
-          maxZoom,
-          nodeOrigin,
-        },
-        options
-      );
-    },
-    cancelConnection: () =>
-      set({
-        connectionStatus: initialState.connectionStatus,
-        connectionStartHandle: initialState.connectionStartHandle,
-        connectionEndHandle: initialState.connectionEndHandle,
-      }),
-    updateConnection: (params) => {
-      const { connectionStatus, connectionStartHandle, connectionEndHandle, connectionPosition } = get();
-
-      const currentConnection = {
-        connectionPosition: params.connectionPosition ?? connectionPosition,
-        connectionStatus: params.connectionStatus ?? connectionStatus,
-        connectionStartHandle: params.connectionStartHandle ?? connectionStartHandle,
-        connectionEndHandle: params.connectionEndHandle ?? connectionEndHandle,
-      };
-
-      set(currentConnection);
-    },
-    reset: () => set({ ...initialState }),
-  }));
+      updateConnection: (params) => {
+        const { connectionStatus, connectionStartHandle, connectionEndHandle, connectionPosition } = get();
+
+        const currentConnection = {
+          connectionPosition: params.connectionPosition ?? connectionPosition,
+          connectionStatus: params.connectionStatus ?? connectionStatus,
+          connectionStartHandle: params.connectionStartHandle ?? connectionStartHandle,
+          connectionEndHandle: params.connectionEndHandle ?? connectionEndHandle,
+        };
+
+        set(currentConnection);
+      },
+      reset: () => set({ ...initialState }),
+    }),
+    Object.is
+  );
 
 export { createRFStore };
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a9d348e7a..b1b4d1c3c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -169,8 +169,8 @@ importers:
         specifier: '>=17'
         version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
       zustand:
-        specifier: ^4.3.3
-        version: registry.npmjs.org/zustand@4.3.8(react@18.2.0)
+        specifier: ^4.4.0
+        version: registry.npmjs.org/zustand@4.4.0(@types/react@18.2.12)(react@18.2.0)
     devDependencies:
       '@types/node':
         specifier: ^18.7.16
@@ -244,7 +244,7 @@ importers:
         version: registry.npmjs.org/svelte@4.2.0
       svelte-check:
         specifier: ^3.5.0
-        version: registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.24)(svelte@4.2.0)
+        version: registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.27)(svelte@4.2.0)
       svelte-eslint-parser:
         specifier: ^0.32.2
         version: registry.npmjs.org/svelte-eslint-parser@0.32.2(svelte@4.2.0)
@@ -390,7 +390,7 @@ packages:
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       gensync: registry.npmjs.org/gensync@1.0.0-beta.2
       json5: registry.npmjs.org/json5@2.2.3
-      semver: registry.npmjs.org/semver@6.3.0
+      semver: registry.npmjs.org/semver@6.3.1
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -421,7 +421,7 @@ packages:
       '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option@7.22.5
       browserslist: registry.npmjs.org/browserslist@4.21.8
       lru-cache: registry.npmjs.org/lru-cache@5.1.1
-      semver: registry.npmjs.org/semver@6.3.0
+      semver: registry.npmjs.org/semver@6.3.1
     dev: true
 
   registry.npmjs.org/@babel/helper-environment-visitor@7.22.5:
@@ -1180,7 +1180,7 @@ packages:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
       eslint: registry.npmjs.org/eslint@8.42.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
   registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0):
@@ -1193,7 +1193,7 @@ packages:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
       eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
   registry.npmjs.org/@eslint-community/regexpp@4.5.1:
@@ -1203,6 +1203,13 @@ packages:
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
+  registry.npmjs.org/@eslint-community/regexpp@4.6.2:
+    resolution: {integrity: sha512-pPTNuaAG3QMH+buKyBIGJs3g/S5y0caxw0ygM3YyE6yJFySwiGGSzA+mM3KJ8QQvzeLh3blwgSonkFjgQdxzMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.6.2.tgz}
+    name: '@eslint-community/regexpp'
+    version: 4.6.2
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+    dev: true
+
   registry.npmjs.org/@eslint/eslintrc@2.0.3:
     resolution: {integrity: sha512-+5gy6OQfk+xx3q0d6jGZZC3f3KzAkXc/IanVxd1is/VIIziRqqt3ongQz0FiTUXqTk0c7aDB3OaFuKnuSoJicQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.3.tgz}
     name: '@eslint/eslintrc'
@@ -2089,7 +2096,6 @@ packages:
     resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz}
     name: '@types/prop-types'
     version: 15.7.5
-    dev: true
 
   registry.npmjs.org/@types/pug@2.0.6:
     resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/pug/-/pug-2.0.6.tgz}
@@ -2113,7 +2119,6 @@ packages:
       '@types/prop-types': registry.npmjs.org/@types/prop-types@15.7.5
       '@types/scheduler': registry.npmjs.org/@types/scheduler@0.16.3
       csstype: registry.npmjs.org/csstype@3.1.2
-    dev: true
 
   registry.npmjs.org/@types/resolve@1.20.2:
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz}
@@ -2125,7 +2130,6 @@ packages:
     resolution: {integrity: sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz}
     name: '@types/scheduler'
     version: 0.16.3
-    dev: true
 
   registry.npmjs.org/@types/semver@6.2.3:
     resolution: {integrity: sha512-KQf+QAMWKMrtBMsB8/24w53tEsxllMj6TuA80TT/5igJalLI/zm0L3oXRbIAl4Ohfc85gyHX/jhMwsVkmhLU4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/semver/-/semver-6.2.3.tgz}
@@ -2206,7 +2210,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.5.1
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.6.2
       '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.3.0(eslint@8.42.0)(typescript@5.1.3)
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.3.0
       '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.3.0(eslint@8.42.0)(typescript@5.1.3)
@@ -2369,7 +2373,7 @@ packages:
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       globby: registry.npmjs.org/globby@11.1.0
       is-glob: registry.npmjs.org/is-glob@4.0.3
-      semver: registry.npmjs.org/semver@7.5.1
+      semver: registry.npmjs.org/semver@7.5.4
       tsutils: registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3)
       typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
@@ -2452,7 +2456,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
   registry.npmjs.org/@typescript-eslint/visitor-keys@6.3.0:
@@ -2462,7 +2466,7 @@ packages:
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
       '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.3.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
   registry.npmjs.org/@vitejs/plugin-react-swc@3.3.2(vite@4.3.9):
@@ -2647,7 +2651,7 @@ packages:
     dependencies:
       call-bind: registry.npmjs.org/call-bind@1.0.2
       define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
       get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
       is-string: registry.npmjs.org/is-string@1.0.7
     dev: true
@@ -2667,7 +2671,7 @@ packages:
     dependencies:
       call-bind: registry.npmjs.org/call-bind@1.0.2
       define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
       es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.0
     dev: true
 
@@ -2679,7 +2683,7 @@ packages:
     dependencies:
       call-bind: registry.npmjs.org/call-bind@1.0.2
       define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
       es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.0
     dev: true
 
@@ -2690,11 +2694,25 @@ packages:
     dependencies:
       call-bind: registry.npmjs.org/call-bind@1.0.2
       define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
       es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.0
       get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
     dev: true
 
+  registry.npmjs.org/arraybuffer.prototype.slice@1.0.1:
+    resolution: {integrity: sha512-09x0ZWFEjj4WD8PDbykUwo3t9arLn8NIzmmYEJFpYekOAQjpkGSyrQhNoRTcwwcFRu+ycWF78QZ63oWTqSjBcw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.1.tgz}
+    name: arraybuffer.prototype.slice
+    version: 1.0.1
+    engines: {node: '>= 0.4'}
+    dependencies:
+      array-buffer-byte-length: registry.npmjs.org/array-buffer-byte-length@1.0.0
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      is-array-buffer: registry.npmjs.org/is-array-buffer@3.0.2
+      is-shared-array-buffer: registry.npmjs.org/is-shared-array-buffer@1.0.2
+    dev: true
+
   registry.npmjs.org/arrify@1.0.1:
     resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz}
     name: arrify
@@ -3283,7 +3301,6 @@ packages:
     resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz}
     name: csstype
     version: 3.1.2
-    dev: true
 
   registry.npmjs.org/csv-generate@3.4.3:
     resolution: {integrity: sha512-w/T+rqR0vwvHqWs/1ZyMDWtHHSJaN06klRqJXBEpDJaM/+dZkso0OKh1VcuuYvK3XM53KysVNq8Ko/epCK8wOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csv-generate/-/csv-generate-3.4.3.tgz}
@@ -3713,13 +3730,14 @@ packages:
       is-arrayish: registry.npmjs.org/is-arrayish@0.2.1
     dev: true
 
-  registry.npmjs.org/es-abstract@1.21.2:
-    resolution: {integrity: sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-abstract/-/es-abstract-1.21.2.tgz}
+  registry.npmjs.org/es-abstract@1.22.1:
+    resolution: {integrity: sha512-ioRRcXMO6OFyRpyzV3kE1IIBd4WG5/kltnzdxSCqoP8CMGs/Li+M1uF5o7lOkZVFjDs+NLesthnF66Pg/0q0Lw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.1.tgz}
     name: es-abstract
-    version: 1.21.2
+    version: 1.22.1
     engines: {node: '>= 0.4'}
     dependencies:
       array-buffer-byte-length: registry.npmjs.org/array-buffer-byte-length@1.0.0
+      arraybuffer.prototype.slice: registry.npmjs.org/arraybuffer.prototype.slice@1.0.1
       available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
       call-bind: registry.npmjs.org/call-bind@1.0.2
       es-set-tostringtag: registry.npmjs.org/es-set-tostringtag@2.0.1
@@ -3740,19 +3758,23 @@ packages:
       is-regex: registry.npmjs.org/is-regex@1.1.4
       is-shared-array-buffer: registry.npmjs.org/is-shared-array-buffer@1.0.2
       is-string: registry.npmjs.org/is-string@1.0.7
-      is-typed-array: registry.npmjs.org/is-typed-array@1.1.10
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
       is-weakref: registry.npmjs.org/is-weakref@1.0.2
       object-inspect: registry.npmjs.org/object-inspect@1.12.3
       object-keys: registry.npmjs.org/object-keys@1.1.1
       object.assign: registry.npmjs.org/object.assign@4.1.4
       regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags@1.5.0
+      safe-array-concat: registry.npmjs.org/safe-array-concat@1.0.0
       safe-regex-test: registry.npmjs.org/safe-regex-test@1.0.0
       string.prototype.trim: registry.npmjs.org/string.prototype.trim@1.2.7
       string.prototype.trimend: registry.npmjs.org/string.prototype.trimend@1.0.6
       string.prototype.trimstart: registry.npmjs.org/string.prototype.trimstart@1.0.6
+      typed-array-buffer: registry.npmjs.org/typed-array-buffer@1.0.0
+      typed-array-byte-length: registry.npmjs.org/typed-array-byte-length@1.0.0
+      typed-array-byte-offset: registry.npmjs.org/typed-array-byte-offset@1.0.0
       typed-array-length: registry.npmjs.org/typed-array-length@1.0.4
       unbox-primitive: registry.npmjs.org/unbox-primitive@1.0.2
-      which-typed-array: registry.npmjs.org/which-typed-array@1.1.9
+      which-typed-array: registry.npmjs.org/which-typed-array@1.1.11
     dev: true
 
   registry.npmjs.org/es-set-tostringtag@2.0.1:
@@ -3915,7 +3937,7 @@ packages:
       doctrine: registry.npmjs.org/doctrine@2.1.0
       eslint: registry.npmjs.org/eslint@8.42.0
       estraverse: registry.npmjs.org/estraverse@5.3.0
-      jsx-ast-utils: registry.npmjs.org/jsx-ast-utils@3.3.3
+      jsx-ast-utils: registry.npmjs.org/jsx-ast-utils@3.3.5
       minimatch: registry.npmjs.org/minimatch@3.1.2
       object.entries: registry.npmjs.org/object.entries@1.1.6
       object.fromentries: registry.npmjs.org/object.fromentries@2.0.6
@@ -3997,6 +4019,13 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
+  registry.npmjs.org/eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz}
+    name: eslint-visitor-keys
+    version: 3.4.3
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
   registry.npmjs.org/eslint@8.42.0:
     resolution: {integrity: sha512-ulg9Ms6E1WPf67PHaEY4/6E2tEn5/f7FXGzr3t9cBMugOmf1INYvuUwwh1aXQN4MfJ6a5K2iNwP3w4AColvI9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.42.0.tgz}
     name: eslint
@@ -4310,6 +4339,19 @@ packages:
       micromatch: registry.npmjs.org/micromatch@4.0.5
     dev: true
 
+  registry.npmjs.org/fast-glob@3.3.1:
+    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz}
+    name: fast-glob
+    version: 3.3.1
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': registry.npmjs.org/@nodelib/fs.stat@2.0.5
+      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk@1.2.8
+      glob-parent: registry.npmjs.org/glob-parent@5.1.2
+      merge2: registry.npmjs.org/merge2@1.4.1
+      micromatch: registry.npmjs.org/micromatch@4.0.5
+    dev: true
+
   registry.npmjs.org/fast-json-stable-stringify@2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz}
     name: fast-json-stable-stringify
@@ -4548,7 +4590,7 @@ packages:
     dependencies:
       call-bind: registry.npmjs.org/call-bind@1.0.2
       define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
       functions-have-names: registry.npmjs.org/functions-have-names@1.2.3
     dev: true
 
@@ -4718,7 +4760,7 @@ packages:
     dependencies:
       array-union: registry.npmjs.org/array-union@2.1.0
       dir-glob: registry.npmjs.org/dir-glob@3.0.1
-      fast-glob: registry.npmjs.org/fast-glob@3.2.12
+      fast-glob: registry.npmjs.org/fast-glob@3.3.1
       ignore: registry.npmjs.org/ignore@5.2.4
       merge2: registry.npmjs.org/merge2@1.4.1
       slash: registry.npmjs.org/slash@3.0.0
@@ -4731,7 +4773,7 @@ packages:
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       dir-glob: registry.npmjs.org/dir-glob@3.0.1
-      fast-glob: registry.npmjs.org/fast-glob@3.2.12
+      fast-glob: registry.npmjs.org/fast-glob@3.3.1
       ignore: registry.npmjs.org/ignore@5.2.4
       merge2: registry.npmjs.org/merge2@1.4.1
       slash: registry.npmjs.org/slash@4.0.0
@@ -4973,7 +5015,7 @@ packages:
     dependencies:
       call-bind: registry.npmjs.org/call-bind@1.0.2
       get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
-      is-typed-array: registry.npmjs.org/is-typed-array@1.1.10
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
     dev: true
 
   registry.npmjs.org/is-arrayish@0.2.1:
@@ -5042,6 +5084,14 @@ packages:
       has: registry.npmjs.org/has@1.0.3
     dev: true
 
+  registry.npmjs.org/is-core-module@2.13.0:
+    resolution: {integrity: sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz}
+    name: is-core-module
+    version: 2.13.0
+    dependencies:
+      has: registry.npmjs.org/has@1.0.3
+    dev: true
+
   registry.npmjs.org/is-date-object@1.0.5:
     resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz}
     name: is-date-object
@@ -5195,17 +5245,13 @@ packages:
       has-symbols: registry.npmjs.org/has-symbols@1.0.3
     dev: true
 
-  registry.npmjs.org/is-typed-array@1.1.10:
-    resolution: {integrity: sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.10.tgz}
+  registry.npmjs.org/is-typed-array@1.1.12:
+    resolution: {integrity: sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz}
     name: is-typed-array
-    version: 1.1.10
+    version: 1.1.12
     engines: {node: '>= 0.4'}
     dependencies:
-      available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      for-each: registry.npmjs.org/for-each@0.3.3
-      gopd: registry.npmjs.org/gopd@1.0.1
-      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+      which-typed-array: registry.npmjs.org/which-typed-array@1.1.11
     dev: true
 
   registry.npmjs.org/is-typedarray@1.0.0:
@@ -5236,6 +5282,12 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  registry.npmjs.org/isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz}
+    name: isarray
+    version: 2.0.5
+    dev: true
+
   registry.npmjs.org/isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz}
     name: isexe
@@ -5366,14 +5418,16 @@ packages:
       verror: registry.npmjs.org/verror@1.10.0
     dev: true
 
-  registry.npmjs.org/jsx-ast-utils@3.3.3:
-    resolution: {integrity: sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz}
+  registry.npmjs.org/jsx-ast-utils@3.3.5:
+    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz}
     name: jsx-ast-utils
-    version: 3.3.3
+    version: 3.3.5
     engines: {node: '>=4.0'}
     dependencies:
       array-includes: registry.npmjs.org/array-includes@3.1.6
+      array.prototype.flat: registry.npmjs.org/array.prototype.flat@1.3.1
       object.assign: registry.npmjs.org/object.assign@4.1.4
+      object.values: registry.npmjs.org/object.values@1.1.6
     dev: true
 
   registry.npmjs.org/kind-of@6.0.3:
@@ -5911,7 +5965,7 @@ packages:
     dependencies:
       call-bind: registry.npmjs.org/call-bind@1.0.2
       define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
     dev: true
 
   registry.npmjs.org/object.fromentries@2.0.6:
@@ -5922,7 +5976,7 @@ packages:
     dependencies:
       call-bind: registry.npmjs.org/call-bind@1.0.2
       define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
     dev: true
 
   registry.npmjs.org/object.hasown@1.1.2:
@@ -5931,7 +5985,7 @@ packages:
     version: 1.1.2
     dependencies:
       define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
     dev: true
 
   registry.npmjs.org/object.values@1.1.6:
@@ -5942,7 +5996,7 @@ packages:
     dependencies:
       call-bind: registry.npmjs.org/call-bind@1.0.2
       define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
     dev: true
 
   registry.npmjs.org/once@1.4.0:
@@ -6729,7 +6783,7 @@ packages:
     version: 2.0.0-next.4
     hasBin: true
     dependencies:
-      is-core-module: registry.npmjs.org/is-core-module@2.12.1
+      is-core-module: registry.npmjs.org/is-core-module@2.13.0
       path-parse: registry.npmjs.org/path-parse@1.0.7
       supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0
     dev: true
@@ -6821,6 +6875,18 @@ packages:
       mri: registry.npmjs.org/mri@1.2.0
     dev: true
 
+  registry.npmjs.org/safe-array-concat@1.0.0:
+    resolution: {integrity: sha512-9dVEFruWIsnie89yym+xWTAYASdpw3CJV7Li/6zBewGf9z2i1j31rP6jnY0pHEO4QZh6N0K11bFjWmdR8UGdPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.0.tgz}
+    name: safe-array-concat
+    version: 1.0.0
+    engines: {node: '>=0.4'}
+    dependencies:
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      isarray: registry.npmjs.org/isarray@2.0.5
+    dev: true
+
   registry.npmjs.org/safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz}
     name: safe-buffer
@@ -6868,13 +6934,6 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/semver@6.3.0:
-    resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-6.3.0.tgz}
-    name: semver
-    version: 6.3.0
-    hasBin: true
-    dev: true
-
   registry.npmjs.org/semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-6.3.1.tgz}
     name: semver
@@ -7233,7 +7292,7 @@ packages:
     dependencies:
       call-bind: registry.npmjs.org/call-bind@1.0.2
       define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
       get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
       has-symbols: registry.npmjs.org/has-symbols@1.0.3
       internal-slot: registry.npmjs.org/internal-slot@1.0.5
@@ -7249,7 +7308,7 @@ packages:
     dependencies:
       call-bind: registry.npmjs.org/call-bind@1.0.2
       define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
     dev: true
 
   registry.npmjs.org/string.prototype.trimend@1.0.6:
@@ -7259,7 +7318,7 @@ packages:
     dependencies:
       call-bind: registry.npmjs.org/call-bind@1.0.2
       define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
     dev: true
 
   registry.npmjs.org/string.prototype.trimstart@1.0.6:
@@ -7269,7 +7328,7 @@ packages:
     dependencies:
       call-bind: registry.npmjs.org/call-bind@1.0.2
       define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
     dev: true
 
   registry.npmjs.org/strip-ansi@6.0.1:
@@ -7345,7 +7404,7 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.24)(svelte@4.2.0):
+  registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.27)(svelte@4.2.0):
     resolution: {integrity: sha512-KHujbn4k17xKYLmtCwv0sKKM7uiHTYcQvXnvrCcNU6a7hcszh99zFTIoiu/Sp/ewAw5aJmillJ1Cs8gKLmcX4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.5.0.tgz}
     id: registry.npmjs.org/svelte-check/3.5.0
     name: svelte-check
@@ -7361,7 +7420,7 @@ packages:
       picocolors: registry.npmjs.org/picocolors@1.0.0
       sade: registry.npmjs.org/sade@1.8.1
       svelte: registry.npmjs.org/svelte@4.2.0
-      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.24)(svelte@4.2.0)(typescript@5.1.3)
+      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.27)(svelte@4.2.0)(typescript@5.1.3)
       typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - '@babel/core'
@@ -7388,7 +7447,7 @@ packages:
         optional: true
     dependencies:
       eslint-scope: registry.npmjs.org/eslint-scope@7.2.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
       espree: registry.npmjs.org/espree@9.5.2
       postcss: registry.npmjs.org/postcss@8.4.24
       postcss-scss: registry.npmjs.org/postcss-scss@4.0.6(postcss@8.4.24)
@@ -7427,7 +7486,7 @@ packages:
       svelte: registry.npmjs.org/svelte@4.2.0
     dev: true
 
-  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.24)(svelte@4.2.0)(typescript@5.1.3):
+  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.27)(svelte@4.2.0)(typescript@5.1.3):
     resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz}
     id: registry.npmjs.org/svelte-preprocess/5.0.4
     name: svelte-preprocess
@@ -7471,7 +7530,7 @@ packages:
       '@types/pug': registry.npmjs.org/@types/pug@2.0.6
       detect-indent: registry.npmjs.org/detect-indent@6.1.0
       magic-string: registry.npmjs.org/magic-string@0.27.0
-      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss: registry.npmjs.org/postcss@8.4.27
       sorcery: registry.npmjs.org/sorcery@0.11.0
       strip-indent: registry.npmjs.org/strip-indent@3.0.0
       svelte: registry.npmjs.org/svelte@4.2.0
@@ -7815,6 +7874,42 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  registry.npmjs.org/typed-array-buffer@1.0.0:
+    resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz}
+    name: typed-array-buffer
+    version: 1.0.0
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
+    dev: true
+
+  registry.npmjs.org/typed-array-byte-length@1.0.0:
+    resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz}
+    name: typed-array-byte-length
+    version: 1.0.0
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      for-each: registry.npmjs.org/for-each@0.3.3
+      has-proto: registry.npmjs.org/has-proto@1.0.1
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
+    dev: true
+
+  registry.npmjs.org/typed-array-byte-offset@1.0.0:
+    resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz}
+    name: typed-array-byte-offset
+    version: 1.0.0
+    engines: {node: '>= 0.4'}
+    dependencies:
+      available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      for-each: registry.npmjs.org/for-each@0.3.3
+      has-proto: registry.npmjs.org/has-proto@1.0.1
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
+    dev: true
+
   registry.npmjs.org/typed-array-length@1.0.4:
     resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz}
     name: typed-array-length
@@ -7822,7 +7917,7 @@ packages:
     dependencies:
       call-bind: registry.npmjs.org/call-bind@1.0.2
       for-each: registry.npmjs.org/for-each@0.3.3
-      is-typed-array: registry.npmjs.org/is-typed-array@1.1.10
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
     dev: true
 
   registry.npmjs.org/typescript@4.9.5:
@@ -8064,10 +8159,10 @@ packages:
       path-exists: registry.npmjs.org/path-exists@4.0.0
     dev: true
 
-  registry.npmjs.org/which-typed-array@1.1.9:
-    resolution: {integrity: sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.9.tgz}
+  registry.npmjs.org/which-typed-array@1.1.11:
+    resolution: {integrity: sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.11.tgz}
     name: which-typed-array
-    version: 1.1.9
+    version: 1.1.11
     engines: {node: '>= 0.4'}
     dependencies:
       available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
@@ -8075,7 +8170,6 @@ packages:
       for-each: registry.npmjs.org/for-each@0.3.3
       gopd: registry.npmjs.org/gopd@1.0.1
       has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
-      is-typed-array: registry.npmjs.org/is-typed-array@1.1.10
     dev: true
 
   registry.npmjs.org/which@1.3.1:
@@ -8262,3 +8356,26 @@ packages:
       react: registry.npmjs.org/react@18.2.0
       use-sync-external-store: registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0)
     dev: false
+
+  registry.npmjs.org/zustand@4.4.0(@types/react@18.2.12)(react@18.2.0):
+    resolution: {integrity: sha512-2dq6wq4dSxbiPTamGar0NlIG/av0wpyWZJGeQYtUOLegIUvhM2Bf86ekPlmgpUtS5uR7HyetSiktYrGsdsyZgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.4.0.tgz}
+    id: registry.npmjs.org/zustand/4.4.0
+    name: zustand
+    version: 4.4.0
+    engines: {node: '>=12.7.0'}
+    peerDependencies:
+      '@types/react': '>=16.8'
+      immer: '>=9.0'
+      react: '>=16.8'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
+    dependencies:
+      '@types/react': registry.npmjs.org/@types/react@18.2.12
+      react: registry.npmjs.org/react@18.2.0
+      use-sync-external-store: registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0)
+    dev: false

From 3122d06987b5262b8c751b6bd39eb368dab240c8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 14 Aug 2023 16:47:42 +0200
Subject: [PATCH 0133/1093] chore(rf-provider): use correct type

---
 packages/react/src/components/ReactFlowProvider/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/ReactFlowProvider/index.tsx b/packages/react/src/components/ReactFlowProvider/index.tsx
index d3c283c20..db4f69d2b 100644
--- a/packages/react/src/components/ReactFlowProvider/index.tsx
+++ b/packages/react/src/components/ReactFlowProvider/index.tsx
@@ -1,12 +1,13 @@
 import { useRef, type FC, type PropsWithChildren } from 'react';
 import { type StoreApi } from 'zustand';
+import { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
 
 import { Provider } from '../../contexts/RFStoreContext';
 import { createRFStore } from '../../store';
 import type { ReactFlowState } from '../../types';
 
 const ReactFlowProvider: FC<PropsWithChildren<unknown>> = ({ children }) => {
-  const storeRef = useRef<StoreApi<ReactFlowState> | null>(null);
+  const storeRef = useRef<UseBoundStoreWithEqualityFn<StoreApi<ReactFlowState>> | null>(null);
 
   if (!storeRef.current) {
     storeRef.current = createRFStore();

From 6cc6598014a848b38d3e1efe218b0d6f18e64fce Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 15 Aug 2023 16:32:22 +0200
Subject: [PATCH 0134/1093] chore(cypress): use latest version

---
 examples/vite-app/cypress/e2e/basic.cy.ts     |   13 +-
 examples/vite-app/cypress/e2e/controls.cy.ts  |    2 +-
 .../vite-app/cypress/e2e/draghandle.cy.ts     |    2 +-
 examples/vite-app/cypress/e2e/empty.cy.ts     |    2 +-
 examples/vite-app/cypress/e2e/figma.cy.ts     |    2 +-
 examples/vite-app/cypress/e2e/hidden.cy.ts    |    2 +-
 .../vite-app/cypress/e2e/interaction.cy.ts    |    2 +-
 examples/vite-app/cypress/e2e/minimap.cy.ts   |    2 +-
 examples/vite-app/package.json                |   10 +-
 pnpm-lock.yaml                                | 5953 ++++++++++-------
 10 files changed, 3396 insertions(+), 2594 deletions(-)

diff --git a/examples/vite-app/cypress/e2e/basic.cy.ts b/examples/vite-app/cypress/e2e/basic.cy.ts
index c6f027c9a..8328a307d 100644
--- a/examples/vite-app/cypress/e2e/basic.cy.ts
+++ b/examples/vite-app/cypress/e2e/basic.cy.ts
@@ -1,4 +1,4 @@
-describe('Basic Flow Rendering', () => {
+describe('Basic Flow Rendering', { testIsolation: false }, () => {
   before(() => {
     cy.visit('/');
   });
@@ -29,7 +29,7 @@ describe('Basic Flow Rendering', () => {
   });
 
   it('selects a node by click', () => {
-    cy.get('.react-flow__node:first').click({ force: true }).should('have.class', 'selected');
+    cy.get('.react-flow__node:first').as('node').click({ force: true }).should('have.class', 'selected');
   });
 
   it('deselects node', () => {
@@ -38,7 +38,8 @@ describe('Basic Flow Rendering', () => {
   });
 
   it('selects an edge by click', () => {
-    cy.get('.react-flow__edge:first').click({ force: true }).should('have.class', 'selected');
+    cy.get('.react-flow__edge:first').as('edge').click({ force: true });
+    cy.get('.react-flow__edge:first').should('have.class', 'selected');
   });
 
   it('deselects edge', () => {
@@ -59,7 +60,6 @@ describe('Basic Flow Rendering', () => {
     cy.wait(200);
 
     cy.get('.react-flow__node').eq(1).should('have.class', 'selected');
-
     cy.get('.react-flow__node').eq(3).should('have.not.class', 'selected');
 
     cy.get('.react-flow__nodesselection-rect');
@@ -82,7 +82,7 @@ describe('Basic Flow Rendering', () => {
     cy.wait(200);
     cy.get('.react-flow__nodesselection-rect');
 
-    cy.get('body').type('{shift}', { release: true });
+    cy.get('body').type('{shift}', { release: true, force: true });
   });
 
   it('removes selection', () => {
@@ -124,7 +124,8 @@ describe('Basic Flow Rendering', () => {
       .wait(200)
       .trigger('mouseup', { force: true, button: 0 });
 
-    cy.get('.react-flow__edge').should('have.length', 3);
+    cy.get('.react-flow__edge').as('edge');
+    cy.get('@edge').should('have.length', 3);
   });
 
   // @TODO: why does this fail since react18?
diff --git a/examples/vite-app/cypress/e2e/controls.cy.ts b/examples/vite-app/cypress/e2e/controls.cy.ts
index 07d0548ed..9a81651cf 100644
--- a/examples/vite-app/cypress/e2e/controls.cy.ts
+++ b/examples/vite-app/cypress/e2e/controls.cy.ts
@@ -1,4 +1,4 @@
-describe('Controls Testing', () => {
+describe('Controls Testing', { testIsolation: false }, () => {
   before(() => {
     cy.visit('/');
   });
diff --git a/examples/vite-app/cypress/e2e/draghandle.cy.ts b/examples/vite-app/cypress/e2e/draghandle.cy.ts
index 259fbf8a9..8c6b915be 100644
--- a/examples/vite-app/cypress/e2e/draghandle.cy.ts
+++ b/examples/vite-app/cypress/e2e/draghandle.cy.ts
@@ -1,4 +1,4 @@
-describe('DragHandle Flow Rendering', () => {
+describe('DragHandle Flow Rendering', { testIsolation: false }, () => {
   before(() => {
     cy.visit('/DragHandle');
   });
diff --git a/examples/vite-app/cypress/e2e/empty.cy.ts b/examples/vite-app/cypress/e2e/empty.cy.ts
index 74cba86d4..dd18f9f90 100644
--- a/examples/vite-app/cypress/e2e/empty.cy.ts
+++ b/examples/vite-app/cypress/e2e/empty.cy.ts
@@ -1,4 +1,4 @@
-describe('Empty Flow Rendering', () => {
+describe('Empty Flow Rendering', { testIsolation: false }, () => {
   before(() => {
     cy.visit('/Empty');
   });
diff --git a/examples/vite-app/cypress/e2e/figma.cy.ts b/examples/vite-app/cypress/e2e/figma.cy.ts
index e3c8563f9..3ffdd965c 100644
--- a/examples/vite-app/cypress/e2e/figma.cy.ts
+++ b/examples/vite-app/cypress/e2e/figma.cy.ts
@@ -1,4 +1,4 @@
-describe('Figma Flow UI', () => {
+describe('Figma Flow UI', { testIsolation: false }, () => {
   before(() => {
     cy.visit('/figma');
   });
diff --git a/examples/vite-app/cypress/e2e/hidden.cy.ts b/examples/vite-app/cypress/e2e/hidden.cy.ts
index 2039d742d..316ce2782 100644
--- a/examples/vite-app/cypress/e2e/hidden.cy.ts
+++ b/examples/vite-app/cypress/e2e/hidden.cy.ts
@@ -1,4 +1,4 @@
-describe('Hidden Flow Rendering', () => {
+describe('Hidden Flow Rendering', { testIsolation: false }, () => {
   before(() => {
     cy.visit('/Hidden');
   });
diff --git a/examples/vite-app/cypress/e2e/interaction.cy.ts b/examples/vite-app/cypress/e2e/interaction.cy.ts
index 1ad4bf2a0..b9d699f57 100644
--- a/examples/vite-app/cypress/e2e/interaction.cy.ts
+++ b/examples/vite-app/cypress/e2e/interaction.cy.ts
@@ -1,4 +1,4 @@
-describe('Interaction Flow Rendering', () => {
+describe('Interaction Flow Rendering', { testIsolation: false }, () => {
   before(() => {
     cy.visit('/Interaction');
   });
diff --git a/examples/vite-app/cypress/e2e/minimap.cy.ts b/examples/vite-app/cypress/e2e/minimap.cy.ts
index 0f0464bdb..2f7ca4b7b 100644
--- a/examples/vite-app/cypress/e2e/minimap.cy.ts
+++ b/examples/vite-app/cypress/e2e/minimap.cy.ts
@@ -1,4 +1,4 @@
-describe('Minimap Testing', () => {
+describe('Minimap Testing', { testIsolation: false }, () => {
   before(() => {
     cy.visit('/');
   });
diff --git a/examples/vite-app/package.json b/examples/vite-app/package.json
index 3e2e707a6..73d91382b 100644
--- a/examples/vite-app/package.json
+++ b/examples/vite-app/package.json
@@ -21,19 +21,19 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.3.0",
-    "zustand": "^4.3.1"
+    "zustand": "^4.4.1"
   },
   "devDependencies": {
     "@cypress/skip-test": "^2.6.1",
     "@types/dagre": "^0.7.48",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
-    "@vitejs/plugin-react": "4.0.0",
+    "@vitejs/plugin-react": "4.0.4",
     "@vitejs/plugin-react-swc": "^3.3.2",
-    "cypress": "12.14.0",
-    "cypress-real-events": "1.8.1",
+    "cypress": "12.17.3",
+    "cypress-real-events": "1.10.0",
     "start-server-and-test": "^1.14.0",
     "typescript": "5.1.3",
-    "vite": "4.3.9"
+    "vite": "4.4.9"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e5d29613c..c1aabe73f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,462 +1,579 @@
-lockfileVersion: 5.4
+lockfileVersion: '6.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
 
 importers:
 
   .:
-    specifiers:
-      '@changesets/changelog-github': ^0.4.7
-      '@changesets/cli': ^2.25.0
-      '@typescript-eslint/eslint-plugin': latest
-      '@typescript-eslint/parser': latest
-      autoprefixer: ^10.4.8
-      concurrently: ^7.6.0
-      eslint: ^8.22.0
-      eslint-config-prettier: ^8.5.0
-      eslint-plugin-prettier: ^4.2.1
-      eslint-plugin-react: latest
-      postcss: ^8.4.21
-      postcss-cli: ^10.1.0
-      postcss-combine-duplicated-selectors: ^10.0.3
-      postcss-import: ^15.1.0
-      postcss-nested: ^6.0.0
-      prettier: ^2.7.1
-      react: ^18.2.0
-      react-dom: ^18.2.0
-      rimraf: ^3.0.2
-      rollup: ^3.23.0
-      turbo: ^1.10.0
-      typescript: 5.1.3
     devDependencies:
-      '@changesets/changelog-github': registry.npmjs.org/@changesets/changelog-github/0.4.8
-      '@changesets/cli': registry.npmjs.org/@changesets/cli/2.26.1
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0_xj5ev3uwennxkmahqnxqanffxm
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u
-      autoprefixer: registry.npmjs.org/autoprefixer/10.4.14_postcss@8.4.24
-      concurrently: registry.npmjs.org/concurrently/7.6.0
-      eslint: registry.npmjs.org/eslint/8.42.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0
-      eslint-plugin-prettier: registry.npmjs.org/eslint-plugin-prettier/4.2.1_vnriwwub2rhvoyn4ckagrc4lpi
-      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.42.0
-      postcss: registry.npmjs.org/postcss/8.4.24
-      postcss-cli: registry.npmjs.org/postcss-cli/10.1.0_postcss@8.4.24
-      postcss-combine-duplicated-selectors: registry.npmjs.org/postcss-combine-duplicated-selectors/10.0.3_postcss@8.4.24
-      postcss-import: registry.npmjs.org/postcss-import/15.1.0_postcss@8.4.24
-      postcss-nested: registry.npmjs.org/postcss-nested/6.0.1_postcss@8.4.24
-      prettier: registry.npmjs.org/prettier/2.8.8
-      react: registry.npmjs.org/react/18.2.0
-      react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
-      rimraf: registry.npmjs.org/rimraf/3.0.2
-      rollup: registry.npmjs.org/rollup/3.25.1
-      turbo: registry.npmjs.org/turbo/1.10.3
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@changesets/changelog-github':
+        specifier: ^0.4.7
+        version: registry.npmjs.org/@changesets/changelog-github@0.4.8
+      '@changesets/cli':
+        specifier: ^2.25.0
+        version: registry.npmjs.org/@changesets/cli@2.26.1
+      '@typescript-eslint/eslint-plugin':
+        specifier: latest
+        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.3.0(@typescript-eslint/parser@6.3.0)(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/parser':
+        specifier: latest
+        version: registry.npmjs.org/@typescript-eslint/parser@6.3.0(eslint@8.42.0)(typescript@5.1.3)
+      autoprefixer:
+        specifier: ^10.4.8
+        version: registry.npmjs.org/autoprefixer@10.4.14(postcss@8.4.24)
+      concurrently:
+        specifier: ^7.6.0
+        version: registry.npmjs.org/concurrently@7.6.0
+      eslint:
+        specifier: ^8.22.0
+        version: registry.npmjs.org/eslint@8.42.0
+      eslint-config-prettier:
+        specifier: ^8.5.0
+        version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.42.0)
+      eslint-plugin-prettier:
+        specifier: ^4.2.1
+        version: registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.42.0)(prettier@2.8.8)
+      eslint-plugin-react:
+        specifier: latest
+        version: registry.npmjs.org/eslint-plugin-react@7.33.1(eslint@8.42.0)
+      postcss:
+        specifier: ^8.4.21
+        version: registry.npmjs.org/postcss@8.4.24
+      postcss-cli:
+        specifier: ^10.1.0
+        version: registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.24)
+      postcss-combine-duplicated-selectors:
+        specifier: ^10.0.3
+        version: registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.24)
+      postcss-import:
+        specifier: ^15.1.0
+        version: registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.24)
+      postcss-nested:
+        specifier: ^6.0.0
+        version: registry.npmjs.org/postcss-nested@6.0.1(postcss@8.4.24)
+      prettier:
+        specifier: ^2.7.1
+        version: registry.npmjs.org/prettier@2.8.8
+      react:
+        specifier: ^18.2.0
+        version: registry.npmjs.org/react@18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+      rimraf:
+        specifier: ^3.0.2
+        version: registry.npmjs.org/rimraf@3.0.2
+      rollup:
+        specifier: ^3.23.0
+        version: registry.npmjs.org/rollup@3.25.1
+      turbo:
+        specifier: ^1.10.0
+        version: registry.npmjs.org/turbo@1.10.3
+      typescript:
+        specifier: 5.1.3
+        version: registry.npmjs.org/typescript@5.1.3
 
   examples/vite-app:
-    specifiers:
-      '@cypress/skip-test': ^2.6.1
-      '@types/dagre': ^0.7.48
-      '@types/react': ^18.0.17
-      '@types/react-dom': ^18.0.6
-      '@vitejs/plugin-react': 4.0.0
-      '@vitejs/plugin-react-swc': ^3.3.2
-      '@xyflow/react': workspace:*
-      classcat: ^5.0.3
-      cypress: 12.14.0
-      cypress-real-events: 1.8.1
-      dagre: ^0.8.5
-      localforage: ^1.10.0
-      react: ^18.2.0
-      react-dom: ^18.2.0
-      react-router-dom: ^6.3.0
-      start-server-and-test: ^1.14.0
-      typescript: 5.1.3
-      vite: 4.3.9
-      zustand: ^4.3.1
-    dependencies:
-      '@xyflow/react': link:../../packages/react
-      classcat: registry.npmjs.org/classcat/5.0.4
-      dagre: registry.npmjs.org/dagre/0.8.5
-      localforage: registry.npmjs.org/localforage/1.10.0
-      react: registry.npmjs.org/react/18.2.0
-      react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
-      react-router-dom: registry.npmjs.org/react-router-dom/6.12.1_biqbaboplfbrettd7655fr4n2y
-      zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
+    dependencies:
+      '@xyflow/react':
+        specifier: workspace:*
+        version: link:../../packages/react
+      classcat:
+        specifier: ^5.0.3
+        version: registry.npmjs.org/classcat@5.0.4
+      dagre:
+        specifier: ^0.8.5
+        version: registry.npmjs.org/dagre@0.8.5
+      localforage:
+        specifier: ^1.10.0
+        version: registry.npmjs.org/localforage@1.10.0
+      react:
+        specifier: ^18.2.0
+        version: registry.npmjs.org/react@18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+      react-router-dom:
+        specifier: ^6.3.0
+        version: registry.npmjs.org/react-router-dom@6.12.1(react-dom@18.2.0)(react@18.2.0)
+      zustand:
+        specifier: ^4.4.1
+        version: registry.npmjs.org/zustand@4.4.1(@types/react@18.2.12)(react@18.2.0)
     devDependencies:
-      '@cypress/skip-test': registry.npmjs.org/@cypress/skip-test/2.6.1
-      '@types/dagre': registry.npmjs.org/@types/dagre/0.7.48
-      '@types/react': registry.npmjs.org/@types/react/18.2.12
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.5
-      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react/4.0.0_vite@4.3.9
-      '@vitejs/plugin-react-swc': registry.npmjs.org/@vitejs/plugin-react-swc/3.3.2_vite@4.3.9
-      cypress: registry.npmjs.org/cypress/12.14.0
-      cypress-real-events: registry.npmjs.org/cypress-real-events/1.8.1_cypress@12.14.0
-      start-server-and-test: registry.npmjs.org/start-server-and-test/1.15.4
-      typescript: registry.npmjs.org/typescript/5.1.3
-      vite: registry.npmjs.org/vite/4.3.9
+      '@cypress/skip-test':
+        specifier: ^2.6.1
+        version: registry.npmjs.org/@cypress/skip-test@2.6.1
+      '@types/dagre':
+        specifier: ^0.7.48
+        version: registry.npmjs.org/@types/dagre@0.7.48
+      '@types/react':
+        specifier: ^18.0.17
+        version: registry.npmjs.org/@types/react@18.2.12
+      '@types/react-dom':
+        specifier: ^18.0.6
+        version: registry.npmjs.org/@types/react-dom@18.2.5
+      '@vitejs/plugin-react':
+        specifier: 4.0.4
+        version: registry.npmjs.org/@vitejs/plugin-react@4.0.4(vite@4.4.9)
+      '@vitejs/plugin-react-swc':
+        specifier: ^3.3.2
+        version: registry.npmjs.org/@vitejs/plugin-react-swc@3.3.2(vite@4.4.9)
+      cypress:
+        specifier: 12.17.3
+        version: registry.npmjs.org/cypress@12.17.3
+      cypress-real-events:
+        specifier: 1.10.0
+        version: registry.npmjs.org/cypress-real-events@1.10.0(cypress@12.17.3)
+      start-server-and-test:
+        specifier: ^1.14.0
+        version: registry.npmjs.org/start-server-and-test@1.15.4
+      typescript:
+        specifier: 5.1.3
+        version: registry.npmjs.org/typescript@5.1.3
+      vite:
+        specifier: 4.4.9
+        version: registry.npmjs.org/vite@4.4.9
 
   packages/react:
-    specifiers:
-      '@types/d3': ^7.4.0
-      '@types/d3-drag': ^3.0.1
-      '@types/d3-selection': ^3.0.3
-      '@types/d3-zoom': ^3.0.1
-      '@types/node': ^18.7.16
-      '@types/react': '>=17'
-      '@types/react-dom': '>=17'
-      '@xyflow/eslint-config': workspace:*
-      '@xyflow/rollup-config': workspace:*
-      '@xyflow/system': workspace:*
-      '@xyflow/tsconfig': workspace:*
-      classcat: ^5.0.3
-      d3-drag: ^3.0.0
-      d3-selection: ^3.0.0
-      d3-zoom: ^3.0.0
-      react: ^18.2.0
-      typescript: 5.1.3
-      zustand: ^4.3.3
-    dependencies:
-      '@types/d3': registry.npmjs.org/@types/d3/7.4.0
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
-      '@xyflow/system': link:../system
-      classcat: registry.npmjs.org/classcat/5.0.4
-      d3-drag: registry.npmjs.org/d3-drag/3.0.0
-      d3-selection: registry.npmjs.org/d3-selection/3.0.0
-      d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
-      zustand: registry.npmjs.org/zustand/4.3.8_react@18.2.0
+    dependencies:
+      '@types/d3':
+        specifier: ^7.4.0
+        version: registry.npmjs.org/@types/d3@7.4.0
+      '@types/d3-drag':
+        specifier: ^3.0.1
+        version: registry.npmjs.org/@types/d3-drag@3.0.2
+      '@types/d3-selection':
+        specifier: ^3.0.3
+        version: registry.npmjs.org/@types/d3-selection@3.0.5
+      '@types/d3-zoom':
+        specifier: ^3.0.1
+        version: registry.npmjs.org/@types/d3-zoom@3.0.3
+      '@xyflow/system':
+        specifier: workspace:*
+        version: link:../system
+      classcat:
+        specifier: ^5.0.3
+        version: registry.npmjs.org/classcat@5.0.4
+      d3-drag:
+        specifier: ^3.0.0
+        version: registry.npmjs.org/d3-drag@3.0.0
+      d3-selection:
+        specifier: ^3.0.0
+        version: registry.npmjs.org/d3-selection@3.0.0
+      d3-zoom:
+        specifier: ^3.0.0
+        version: registry.npmjs.org/d3-zoom@3.0.0
+      react-dom:
+        specifier: '>=17'
+        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+      zustand:
+        specifier: ^4.3.3
+        version: registry.npmjs.org/zustand@4.3.8(react@18.2.0)
     devDependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.16.18
-      '@types/react': registry.npmjs.org/@types/react/18.2.12
-      '@types/react-dom': registry.npmjs.org/@types/react-dom/18.2.5
-      '@xyflow/eslint-config': link:../../tooling/eslint-config
-      '@xyflow/rollup-config': link:../../tooling/rollup-config
-      '@xyflow/tsconfig': link:../../tooling/tsconfig
-      react: registry.npmjs.org/react/18.2.0
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@types/node':
+        specifier: ^18.7.16
+        version: registry.npmjs.org/@types/node@18.16.18
+      '@types/react':
+        specifier: '>=17'
+        version: registry.npmjs.org/@types/react@18.2.12
+      '@types/react-dom':
+        specifier: '>=17'
+        version: registry.npmjs.org/@types/react-dom@18.2.5
+      '@xyflow/eslint-config':
+        specifier: workspace:*
+        version: link:../../tooling/eslint-config
+      '@xyflow/rollup-config':
+        specifier: workspace:*
+        version: link:../../tooling/rollup-config
+      '@xyflow/tsconfig':
+        specifier: workspace:*
+        version: link:../../tooling/tsconfig
+      react:
+        specifier: ^18.2.0
+        version: registry.npmjs.org/react@18.2.0
+      typescript:
+        specifier: 5.1.3
+        version: registry.npmjs.org/typescript@5.1.3
 
   packages/svelte:
-    specifiers:
-      '@svelte-put/shortcut': ^2.0.0
-      '@sveltejs/adapter-auto': ^2.1.0
-      '@sveltejs/kit': ^1.20.5
-      '@sveltejs/package': ^2.1.0
-      '@typescript-eslint/eslint-plugin': ^5.60.0
-      '@typescript-eslint/parser': ^5.60.0
-      '@xyflow/system': workspace:*
-      classcat: ^5.0.4
-      eslint: ^8.43.0
-      eslint-config-prettier: ^8.8.0
-      eslint-plugin-svelte: ^2.31.1
-      prettier: ^2.8.8
-      prettier-plugin-svelte: ^2.10.1
-      svelte: ^4.0.0
-      svelte-check: ^3.4.4
-      svelte-eslint-parser: ^0.31.0
-      tslib: ^2.5.3
-      typescript: 5.1.3
-      vite: ^4.3.9
-    dependencies:
-      '@svelte-put/shortcut': registry.npmjs.org/@svelte-put/shortcut/2.0.0
-      '@xyflow/system': link:../system
-      classcat: registry.npmjs.org/classcat/5.0.4
+    dependencies:
+      '@svelte-put/shortcut':
+        specifier: ^2.0.0
+        version: registry.npmjs.org/@svelte-put/shortcut@2.0.0
+      '@xyflow/system':
+        specifier: workspace:*
+        version: link:../system
+      classcat:
+        specifier: ^5.0.4
+        version: registry.npmjs.org/classcat@5.0.4
     devDependencies:
-      '@sveltejs/adapter-auto': registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.5
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.5_svelte@4.0.0+vite@4.3.9
-      '@sveltejs/package': registry.npmjs.org/@sveltejs/package/2.1.0_rydvusnd4biuws73vnz24j3wlu
-      '@typescript-eslint/eslint-plugin': registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0_6yzi2ymi2jevhjfd3hf6w262e4
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.60.0_7yfldhli4vs6yywnkyiujhawka
-      eslint: registry.npmjs.org/eslint/8.43.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.43.0
-      eslint-plugin-svelte: registry.npmjs.org/eslint-plugin-svelte/2.31.1_eslint@8.43.0+svelte@4.0.0
-      prettier: registry.npmjs.org/prettier/2.8.8
-      prettier-plugin-svelte: registry.npmjs.org/prettier-plugin-svelte/2.10.1_qjnzte5rqd6zd6el5wewwu2zei
-      svelte: registry.npmjs.org/svelte/4.0.0
-      svelte-check: registry.npmjs.org/svelte-check/3.4.4_svelte@4.0.0
-      svelte-eslint-parser: registry.npmjs.org/svelte-eslint-parser/0.31.0_svelte@4.0.0
-      tslib: registry.npmjs.org/tslib/2.5.3
-      typescript: registry.npmjs.org/typescript/5.1.3
-      vite: registry.npmjs.org/vite/4.3.9
+      '@sveltejs/adapter-auto':
+        specifier: ^2.1.0
+        version: registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.20.5)
+      '@sveltejs/kit':
+        specifier: ^1.20.5
+        version: registry.npmjs.org/@sveltejs/kit@1.20.5(svelte@4.0.0)(vite@4.3.9)
+      '@sveltejs/package':
+        specifier: ^2.1.0
+        version: registry.npmjs.org/@sveltejs/package@2.1.0(svelte@4.0.0)(typescript@5.1.3)
+      '@typescript-eslint/eslint-plugin':
+        specifier: ^5.60.0
+        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/parser':
+        specifier: ^5.60.0
+        version: registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      eslint:
+        specifier: ^8.43.0
+        version: registry.npmjs.org/eslint@8.43.0
+      eslint-config-prettier:
+        specifier: ^8.8.0
+        version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0)
+      eslint-plugin-svelte:
+        specifier: ^2.31.1
+        version: registry.npmjs.org/eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.0.0)
+      prettier:
+        specifier: ^2.8.8
+        version: registry.npmjs.org/prettier@2.8.8
+      prettier-plugin-svelte:
+        specifier: ^2.10.1
+        version: registry.npmjs.org/prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.0.0)
+      svelte:
+        specifier: ^4.0.0
+        version: registry.npmjs.org/svelte@4.0.0
+      svelte-check:
+        specifier: ^3.4.4
+        version: registry.npmjs.org/svelte-check@3.4.4(postcss@8.4.24)(svelte@4.0.0)
+      svelte-eslint-parser:
+        specifier: ^0.31.0
+        version: registry.npmjs.org/svelte-eslint-parser@0.31.0(svelte@4.0.0)
+      tslib:
+        specifier: ^2.5.3
+        version: registry.npmjs.org/tslib@2.5.3
+      typescript:
+        specifier: 5.1.3
+        version: registry.npmjs.org/typescript@5.1.3
+      vite:
+        specifier: ^4.3.9
+        version: registry.npmjs.org/vite@4.3.9
 
   packages/system:
-    specifiers:
-      '@types/d3': ^7.4.0
-      '@types/d3-drag': ^3.0.1
-      '@types/d3-selection': ^3.0.3
-      '@types/d3-zoom': ^3.0.1
-      '@types/node': ^18.7.16
-      '@xyflow/eslint-config': workspace:*
-      '@xyflow/rollup-config': workspace:*
-      '@xyflow/tsconfig': workspace:*
-      d3-drag: ^3.0.0
-      d3-selection: ^3.0.0
-      d3-zoom: ^3.0.0
-      typescript: 5.1.3
-    dependencies:
-      '@types/d3': registry.npmjs.org/@types/d3/7.4.0
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
-      d3-drag: registry.npmjs.org/d3-drag/3.0.0
-      d3-selection: registry.npmjs.org/d3-selection/3.0.0
-      d3-zoom: registry.npmjs.org/d3-zoom/3.0.0
+    dependencies:
+      '@types/d3':
+        specifier: ^7.4.0
+        version: registry.npmjs.org/@types/d3@7.4.0
+      '@types/d3-drag':
+        specifier: ^3.0.1
+        version: registry.npmjs.org/@types/d3-drag@3.0.2
+      '@types/d3-selection':
+        specifier: ^3.0.3
+        version: registry.npmjs.org/@types/d3-selection@3.0.5
+      '@types/d3-zoom':
+        specifier: ^3.0.1
+        version: registry.npmjs.org/@types/d3-zoom@3.0.3
+      d3-drag:
+        specifier: ^3.0.0
+        version: registry.npmjs.org/d3-drag@3.0.0
+      d3-selection:
+        specifier: ^3.0.0
+        version: registry.npmjs.org/d3-selection@3.0.0
+      d3-zoom:
+        specifier: ^3.0.0
+        version: registry.npmjs.org/d3-zoom@3.0.0
     devDependencies:
-      '@types/node': registry.npmjs.org/@types/node/18.16.18
-      '@xyflow/eslint-config': link:../../tooling/eslint-config
-      '@xyflow/rollup-config': link:../../tooling/rollup-config
-      '@xyflow/tsconfig': link:../../tooling/tsconfig
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@types/node':
+        specifier: ^18.7.16
+        version: registry.npmjs.org/@types/node@18.16.18
+      '@xyflow/eslint-config':
+        specifier: workspace:*
+        version: link:../../tooling/eslint-config
+      '@xyflow/rollup-config':
+        specifier: workspace:*
+        version: link:../../tooling/rollup-config
+      '@xyflow/tsconfig':
+        specifier: workspace:*
+        version: link:../../tooling/tsconfig
+      typescript:
+        specifier: 5.1.3
+        version: registry.npmjs.org/typescript@5.1.3
 
   tooling/eslint-config:
-    specifiers:
-      eslint: ^8.22.0
-      eslint-config-prettier: ^8.5.0
-      eslint-config-turbo: latest
-      eslint-plugin-react: latest
     devDependencies:
-      eslint: registry.npmjs.org/eslint/8.42.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0
-      eslint-config-turbo: registry.npmjs.org/eslint-config-turbo/1.10.6_eslint@8.42.0
-      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.42.0
+      eslint:
+        specifier: ^8.22.0
+        version: registry.npmjs.org/eslint@8.42.0
+      eslint-config-prettier:
+        specifier: ^8.5.0
+        version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.42.0)
+      eslint-config-turbo:
+        specifier: latest
+        version: registry.npmjs.org/eslint-config-turbo@1.10.6(eslint@8.42.0)
+      eslint-plugin-react:
+        specifier: latest
+        version: registry.npmjs.org/eslint-plugin-react@7.33.1(eslint@8.42.0)
 
   tooling/rollup-config:
-    specifiers:
-      '@rollup/plugin-commonjs': ^25.0.0
-      '@rollup/plugin-node-resolve': ^15.1.0
-      '@rollup/plugin-replace': ^5.0.2
-      '@rollup/plugin-terser': ^0.4.3
-      '@rollup/plugin-typescript': 11.0.0
-      rollup: ^3.23.0
-      rollup-plugin-peer-deps-external: ^2.2.4
-      typescript: ^4.9.4
     devDependencies:
-      '@rollup/plugin-commonjs': registry.npmjs.org/@rollup/plugin-commonjs/25.0.1_rollup@3.25.1
-      '@rollup/plugin-node-resolve': registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0_rollup@3.25.1
-      '@rollup/plugin-replace': registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.25.1
-      '@rollup/plugin-terser': registry.npmjs.org/@rollup/plugin-terser/0.4.3_rollup@3.25.1
-      '@rollup/plugin-typescript': registry.npmjs.org/@rollup/plugin-typescript/11.0.0_kiy5yv7g7dmpxbgwdlsemwipi4
-      rollup: registry.npmjs.org/rollup/3.25.1
-      rollup-plugin-peer-deps-external: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.25.1
-      typescript: registry.npmjs.org/typescript/4.9.5
-
-  tooling/tsconfig:
-    specifiers: {}
+      '@rollup/plugin-commonjs':
+        specifier: ^25.0.0
+        version: registry.npmjs.org/@rollup/plugin-commonjs@25.0.1(rollup@3.25.1)
+      '@rollup/plugin-node-resolve':
+        specifier: ^15.1.0
+        version: registry.npmjs.org/@rollup/plugin-node-resolve@15.1.0(rollup@3.25.1)
+      '@rollup/plugin-replace':
+        specifier: ^5.0.2
+        version: registry.npmjs.org/@rollup/plugin-replace@5.0.2(rollup@3.25.1)
+      '@rollup/plugin-terser':
+        specifier: ^0.4.3
+        version: registry.npmjs.org/@rollup/plugin-terser@0.4.3(rollup@3.25.1)
+      '@rollup/plugin-typescript':
+        specifier: 11.0.0
+        version: registry.npmjs.org/@rollup/plugin-typescript@11.0.0(rollup@3.25.1)(typescript@4.9.5)
+      rollup:
+        specifier: ^3.23.0
+        version: registry.npmjs.org/rollup@3.25.1
+      rollup-plugin-peer-deps-external:
+        specifier: ^2.2.4
+        version: registry.npmjs.org/rollup-plugin-peer-deps-external@2.2.4(rollup@3.25.1)
+      typescript:
+        specifier: ^4.9.4
+        version: registry.npmjs.org/typescript@4.9.5
+
+  tooling/tsconfig: {}
 
 packages:
 
-  registry.npmjs.org/@ampproject/remapping/2.2.1:
+  registry.npmjs.org/@ampproject/remapping@2.2.1:
     resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz}
     name: '@ampproject/remapping'
     version: 2.2.1
     engines: {node: '>=6.0.0'}
     dependencies:
-      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping/0.3.3
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
+      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
+    dev: true
+
+  registry.npmjs.org/@babel/code-frame@7.22.10:
+    resolution: {integrity: sha512-/KKIMG4UEL35WmI9OlvMhurwtytjvXoFcGNrOvyG9zIzA8YmPjVtIZUf7b05+TPO7G7/GEmLHDaoCgACHl9hhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.10.tgz}
+    name: '@babel/code-frame'
+    version: 7.22.10
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/highlight': registry.npmjs.org/@babel/highlight@7.22.10
+      chalk: registry.npmjs.org/chalk@2.4.2
     dev: true
 
-  registry.npmjs.org/@babel/code-frame/7.22.5:
+  registry.npmjs.org/@babel/code-frame@7.22.5:
     resolution: {integrity: sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.5.tgz}
     name: '@babel/code-frame'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/highlight': registry.npmjs.org/@babel/highlight/7.22.5
+      '@babel/highlight': registry.npmjs.org/@babel/highlight@7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/compat-data/7.22.5:
-    resolution: {integrity: sha512-4Jc/YuIaYqKnDDz892kPIledykKg12Aw1PYX5i/TY28anJtacvM1Rrr8wbieB9GfEJwlzqT0hUEao0CxEebiDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.5.tgz}
+  registry.npmjs.org/@babel/compat-data@7.22.9:
+    resolution: {integrity: sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.9.tgz}
     name: '@babel/compat-data'
-    version: 7.22.5
+    version: 7.22.9
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/core/7.22.5:
-    resolution: {integrity: sha512-SBuTAjg91A3eKOvD+bPEz3LlhHZRNu1nFOVts9lzDJTXshHTjII0BAtDS3Y2DAkdZdDKWVZGVwkDfc4Clxn1dg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.22.5.tgz}
+  registry.npmjs.org/@babel/core@7.22.10:
+    resolution: {integrity: sha512-fTmqbbUBAwCcre6zPzNngvsI0aNrPZe77AeqvDxWM9Nm+04RrJ3CAmGHA9f7lJQY6ZMhRztNemy4uslDxTX4Qw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.22.10.tgz}
     name: '@babel/core'
-    version: 7.22.5
+    version: 7.22.10
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping/2.2.1
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.22.5
-      '@babel/generator': registry.npmjs.org/@babel/generator/7.22.5
-      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets/7.22.5_@babel+core@7.22.5
-      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms/7.22.5
-      '@babel/helpers': registry.npmjs.org/@babel/helpers/7.22.5
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.22.5
-      '@babel/template': registry.npmjs.org/@babel/template/7.22.5
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.22.5
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
-      convert-source-map: registry.npmjs.org/convert-source-map/1.9.0
-      debug: registry.npmjs.org/debug/4.3.4
-      gensync: registry.npmjs.org/gensync/1.0.0-beta.2
-      json5: registry.npmjs.org/json5/2.2.3
-      semver: registry.npmjs.org/semver/6.3.0
+      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping@2.2.1
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.10
+      '@babel/generator': registry.npmjs.org/@babel/generator@7.22.10
+      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets@7.22.10
+      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms@7.22.9(@babel/core@7.22.10)
+      '@babel/helpers': registry.npmjs.org/@babel/helpers@7.22.10
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
+      '@babel/template': registry.npmjs.org/@babel/template@7.22.5
+      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      convert-source-map: registry.npmjs.org/convert-source-map@1.9.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      gensync: registry.npmjs.org/gensync@1.0.0-beta.2
+      json5: registry.npmjs.org/json5@2.2.3
+      semver: registry.npmjs.org/semver@6.3.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/generator/7.22.5:
-    resolution: {integrity: sha512-+lcUbnTRhd0jOewtFSedLyiPsD5tswKkbgcezOqqWFUVNEwoUTlpPOBmvhG7OXWLR4jMdv0czPGH5XbflnD1EA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.22.5.tgz}
+  registry.npmjs.org/@babel/generator@7.22.10:
+    resolution: {integrity: sha512-79KIf7YiWjjdZ81JnLujDRApWtl7BxTqWD88+FFdQEIOG8LJ0etDOM7CXuIgGJa55sGOwZVwuEsaLEm0PJ5/+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.22.10.tgz}
     name: '@babel/generator'
-    version: 7.22.5
+    version: 7.22.10
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
-      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping/0.3.3
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
-      jsesc: registry.npmjs.org/jsesc/2.5.2
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.19
+      jsesc: registry.npmjs.org/jsesc@2.5.2
     dev: true
 
-  registry.npmjs.org/@babel/helper-compilation-targets/7.22.5_@babel+core@7.22.5:
-    resolution: {integrity: sha512-Ji+ywpHeuqxB8WDxraCiqR0xfhYjiDE/e6k7FuIaANnoOFxAHskHChz4vA1mJC9Lbm01s1PVAGhQY4FUKSkGZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.5.tgz}
-    id: registry.npmjs.org/@babel/helper-compilation-targets/7.22.5
+  registry.npmjs.org/@babel/helper-compilation-targets@7.22.10:
+    resolution: {integrity: sha512-JMSwHD4J7SLod0idLq5PKgI+6g/hLD/iuWBq08ZX49xE14VpVEojJ5rHWptpirV2j020MvypRLAXAO50igCJ5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.10.tgz}
     name: '@babel/helper-compilation-targets'
-    version: 7.22.5
+    version: 7.22.10
     engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
     dependencies:
-      '@babel/compat-data': registry.npmjs.org/@babel/compat-data/7.22.5
-      '@babel/core': registry.npmjs.org/@babel/core/7.22.5
-      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option/7.22.5
-      browserslist: registry.npmjs.org/browserslist/4.21.8
-      lru-cache: registry.npmjs.org/lru-cache/5.1.1
-      semver: registry.npmjs.org/semver/6.3.0
+      '@babel/compat-data': registry.npmjs.org/@babel/compat-data@7.22.9
+      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option@7.22.5
+      browserslist: registry.npmjs.org/browserslist@4.21.10
+      lru-cache: registry.npmjs.org/lru-cache@5.1.1
+      semver: registry.npmjs.org/semver@6.3.1
     dev: true
 
-  registry.npmjs.org/@babel/helper-environment-visitor/7.22.5:
+  registry.npmjs.org/@babel/helper-environment-visitor@7.22.5:
     resolution: {integrity: sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz}
     name: '@babel/helper-environment-visitor'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-function-name/7.22.5:
+  registry.npmjs.org/@babel/helper-function-name@7.22.5:
     resolution: {integrity: sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz}
     name: '@babel/helper-function-name'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/template': registry.npmjs.org/@babel/template/7.22.5
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/template': registry.npmjs.org/@babel/template@7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
     dev: true
 
-  registry.npmjs.org/@babel/helper-hoist-variables/7.22.5:
+  registry.npmjs.org/@babel/helper-hoist-variables@7.22.5:
     resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz}
     name: '@babel/helper-hoist-variables'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
     dev: true
 
-  registry.npmjs.org/@babel/helper-module-imports/7.22.5:
+  registry.npmjs.org/@babel/helper-module-imports@7.22.5:
     resolution: {integrity: sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz}
     name: '@babel/helper-module-imports'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
     dev: true
 
-  registry.npmjs.org/@babel/helper-module-transforms/7.22.5:
-    resolution: {integrity: sha512-+hGKDt/Ze8GFExiVHno/2dvG5IdstpzCq0y4Qc9OJ25D4q3pKfiIP/4Vp3/JvhDkLKsDK2api3q3fpIgiIF5bw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.5.tgz}
+  registry.npmjs.org/@babel/helper-module-transforms@7.22.9(@babel/core@7.22.10):
+    resolution: {integrity: sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.9.tgz}
+    id: registry.npmjs.org/@babel/helper-module-transforms/7.22.9
     name: '@babel/helper-module-transforms'
-    version: 7.22.5
+    version: 7.22.9
     engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
     dependencies:
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.22.5
-      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports/7.22.5
-      '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access/7.22.5
-      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration/7.22.5
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.22.5
-      '@babel/template': registry.npmjs.org/@babel/template/7.22.5
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.22.5
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
-    transitivePeerDependencies:
-      - supports-color
+      '@babel/core': registry.npmjs.org/@babel/core@7.22.10
+      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor@7.22.5
+      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports@7.22.5
+      '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access@7.22.5
+      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6
+      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/helper-plugin-utils/7.22.5:
+  registry.npmjs.org/@babel/helper-plugin-utils@7.22.5:
     resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz}
     name: '@babel/helper-plugin-utils'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-simple-access/7.22.5:
+  registry.npmjs.org/@babel/helper-simple-access@7.22.5:
     resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz}
     name: '@babel/helper-simple-access'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
     dev: true
 
-  registry.npmjs.org/@babel/helper-split-export-declaration/7.22.5:
-    resolution: {integrity: sha512-thqK5QFghPKWLhAV321lxF95yCg2K3Ob5yw+M3VHWfdia0IkPXUtoLH8x/6Fh486QUvzhb8YOWHChTVen2/PoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.5.tgz}
+  registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6:
+    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz}
     name: '@babel/helper-split-export-declaration'
-    version: 7.22.5
+    version: 7.22.6
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
     dev: true
 
-  registry.npmjs.org/@babel/helper-string-parser/7.22.5:
+  registry.npmjs.org/@babel/helper-string-parser@7.22.5:
     resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz}
     name: '@babel/helper-string-parser'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-validator-identifier/7.22.5:
+  registry.npmjs.org/@babel/helper-validator-identifier@7.22.5:
     resolution: {integrity: sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz}
     name: '@babel/helper-validator-identifier'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helper-validator-option/7.22.5:
+  registry.npmjs.org/@babel/helper-validator-option@7.22.5:
     resolution: {integrity: sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz}
     name: '@babel/helper-validator-option'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/@babel/helpers/7.22.5:
-    resolution: {integrity: sha512-pSXRmfE1vzcUIDFQcSGA5Mr+GxBV9oiRKDuDxXvWQQBCh8HoIjs/2DlDB7H8smac1IVrB9/xdXj2N3Wol9Cr+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.5.tgz}
+  registry.npmjs.org/@babel/helpers@7.22.10:
+    resolution: {integrity: sha512-a41J4NW8HyZa1I1vAndrraTlPZ/eZoga2ZgS7fEr0tZJGVU4xqdE80CEm0CcNjha5EZ8fTBYLKHF0kqDUuAwQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.10.tgz}
     name: '@babel/helpers'
-    version: 7.22.5
+    version: 7.22.10
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/template': registry.npmjs.org/@babel/template/7.22.5
-      '@babel/traverse': registry.npmjs.org/@babel/traverse/7.22.5
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/template': registry.npmjs.org/@babel/template@7.22.5
+      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/highlight/7.22.5:
+  registry.npmjs.org/@babel/highlight@7.22.10:
+    resolution: {integrity: sha512-78aUtVcT7MUscr0K5mIEnkwxPE0MaxkR5RxRwuHaQ+JuU5AmTPhY+do2mdzVTnIJJpyBglql2pehuBIWHug+WQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.10.tgz}
+    name: '@babel/highlight'
+    version: 7.22.10
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.5
+      chalk: registry.npmjs.org/chalk@2.4.2
+      js-tokens: registry.npmjs.org/js-tokens@4.0.0
+    dev: true
+
+  registry.npmjs.org/@babel/highlight@7.22.5:
     resolution: {integrity: sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.5.tgz}
     name: '@babel/highlight'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.22.5
-      chalk: registry.npmjs.org/chalk/2.4.2
-      js-tokens: registry.npmjs.org/js-tokens/4.0.0
+      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.5
+      chalk: registry.npmjs.org/chalk@2.4.2
+      js-tokens: registry.npmjs.org/js-tokens@4.0.0
     dev: true
 
-  registry.npmjs.org/@babel/parser/7.22.5:
-    resolution: {integrity: sha512-DFZMC9LJUG9PLOclRC32G63UXwzqS2koQC8dkx+PLdmt1xSePYpbT/NbsrJy8Q/muXz7o/h/d4A7Fuyixm559Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.22.5.tgz}
+  registry.npmjs.org/@babel/parser@7.22.10:
+    resolution: {integrity: sha512-lNbdGsQb9ekfsnjFGhEiF4hfFqGgfOP3H3d27re3n+CGhNuTSUEQdfWk556sTLNTloczcdM5TYF2LhzmDQKyvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.22.10.tgz}
     name: '@babel/parser'
-    version: 7.22.5
+    version: 7.22.10
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
     dev: true
 
-  registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.22.5_@babel+core@7.22.5:
+  registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.22.10):
     resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz}
     id: registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.22.5
     name: '@babel/plugin-transform-react-jsx-self'
@@ -465,11 +582,11 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.22.5
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.22.5
+      '@babel/core': registry.npmjs.org/@babel/core@7.22.10
+      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.22.5_@babel+core@7.22.5:
+  registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.22.10):
     resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz}
     id: registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.22.5
     name: '@babel/plugin-transform-react-jsx-source'
@@ -478,303 +595,303 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.22.5
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils/7.22.5
+      '@babel/core': registry.npmjs.org/@babel/core@7.22.10
+      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
     dev: true
 
-  registry.npmjs.org/@babel/runtime/7.22.5:
+  registry.npmjs.org/@babel/runtime@7.22.5:
     resolution: {integrity: sha512-ecjvYlnAaZ/KVneE/OdKYBYfgXV3Ptu6zQWmgEF7vwKhQnvVS6bjMD2XYgj+SNvQ1GfK/pjgokfPkC/2CO8CuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.5.tgz}
     name: '@babel/runtime'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      regenerator-runtime: registry.npmjs.org/regenerator-runtime/0.13.11
+      regenerator-runtime: registry.npmjs.org/regenerator-runtime@0.13.11
     dev: true
 
-  registry.npmjs.org/@babel/template/7.22.5:
+  registry.npmjs.org/@babel/template@7.22.5:
     resolution: {integrity: sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/template/-/template-7.22.5.tgz}
     name: '@babel/template'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.22.5
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.22.5
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.10
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
     dev: true
 
-  registry.npmjs.org/@babel/traverse/7.22.5:
-    resolution: {integrity: sha512-7DuIjPgERaNo6r+PZwItpjCZEa5vyw4eJGufeLxrPdBXBoLcCJCIasvK6pK/9DVNrLZTLFhUGqaC6X/PA007TQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.5.tgz}
+  registry.npmjs.org/@babel/traverse@7.22.10:
+    resolution: {integrity: sha512-Q/urqV4pRByiNNpb/f5OSv28ZlGJiFiiTh+GAHktbIrkPhPbl90+uW6SmpoLyZqutrg9AEaEf3Q/ZBRHBXgxig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.10.tgz}
     name: '@babel/traverse'
-    version: 7.22.5
+    version: 7.22.10
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.22.5
-      '@babel/generator': registry.npmjs.org/@babel/generator/7.22.5
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor/7.22.5
-      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name/7.22.5
-      '@babel/helper-hoist-variables': registry.npmjs.org/@babel/helper-hoist-variables/7.22.5
-      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration/7.22.5
-      '@babel/parser': registry.npmjs.org/@babel/parser/7.22.5
-      '@babel/types': registry.npmjs.org/@babel/types/7.22.5
-      debug: registry.npmjs.org/debug/4.3.4
-      globals: registry.npmjs.org/globals/11.12.0
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.10
+      '@babel/generator': registry.npmjs.org/@babel/generator@7.22.10
+      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor@7.22.5
+      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name@7.22.5
+      '@babel/helper-hoist-variables': registry.npmjs.org/@babel/helper-hoist-variables@7.22.5
+      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      globals: registry.npmjs.org/globals@11.12.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@babel/types/7.22.5:
-    resolution: {integrity: sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.22.5.tgz}
+  registry.npmjs.org/@babel/types@7.22.10:
+    resolution: {integrity: sha512-obaoigiLrlDZ7TUQln/8m4mSqIW2QFeOrCQc9r+xsaHGNoplVNYlRVpsfE8Vj35GEm2ZH4ZhrNYogs/3fj85kg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.22.10.tgz}
     name: '@babel/types'
-    version: 7.22.5
+    version: 7.22.10
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser/7.22.5
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier/7.22.5
-      to-fast-properties: registry.npmjs.org/to-fast-properties/2.0.0
+      '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser@7.22.5
+      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.5
+      to-fast-properties: registry.npmjs.org/to-fast-properties@2.0.0
     dev: true
 
-  registry.npmjs.org/@changesets/apply-release-plan/6.1.3:
+  registry.npmjs.org/@changesets/apply-release-plan@6.1.3:
     resolution: {integrity: sha512-ECDNeoc3nfeAe1jqJb5aFQX7CqzQhD2klXRez2JDb/aVpGUbX673HgKrnrgJRuQR/9f2TtLoYIzrGB9qwD77mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-6.1.3.tgz}
     name: '@changesets/apply-release-plan'
     version: 6.1.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/config': registry.npmjs.org/@changesets/config/2.3.0
-      '@changesets/get-version-range-type': registry.npmjs.org/@changesets/get-version-range-type/0.3.2
-      '@changesets/git': registry.npmjs.org/@changesets/git/2.0.0
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
-      detect-indent: registry.npmjs.org/detect-indent/6.1.0
-      fs-extra: registry.npmjs.org/fs-extra/7.0.1
-      lodash.startcase: registry.npmjs.org/lodash.startcase/4.4.0
-      outdent: registry.npmjs.org/outdent/0.5.0
-      prettier: registry.npmjs.org/prettier/2.8.8
-      resolve-from: registry.npmjs.org/resolve-from/5.0.0
-      semver: registry.npmjs.org/semver/5.7.1
-    dev: true
-
-  registry.npmjs.org/@changesets/assemble-release-plan/5.2.3:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.0
+      '@changesets/get-version-range-type': registry.npmjs.org/@changesets/get-version-range-type@0.3.2
+      '@changesets/git': registry.npmjs.org/@changesets/git@2.0.0
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      detect-indent: registry.npmjs.org/detect-indent@6.1.0
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      lodash.startcase: registry.npmjs.org/lodash.startcase@4.4.0
+      outdent: registry.npmjs.org/outdent@0.5.0
+      prettier: registry.npmjs.org/prettier@2.8.8
+      resolve-from: registry.npmjs.org/resolve-from@5.0.0
+      semver: registry.npmjs.org/semver@5.7.1
+    dev: true
+
+  registry.npmjs.org/@changesets/assemble-release-plan@5.2.3:
     resolution: {integrity: sha512-g7EVZCmnWz3zMBAdrcKhid4hkHT+Ft1n0mLussFMcB1dE2zCuwcvGoy9ec3yOgPGF4hoMtgHaMIk3T3TBdvU9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/assemble-release-plan/-/assemble-release-plan-5.2.3.tgz}
     name: '@changesets/assemble-release-plan'
     version: 5.2.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.5
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
-      semver: registry.npmjs.org/semver/5.7.1
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.5
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      semver: registry.npmjs.org/semver@5.7.1
     dev: true
 
-  registry.npmjs.org/@changesets/changelog-git/0.1.14:
+  registry.npmjs.org/@changesets/changelog-git@0.1.14:
     resolution: {integrity: sha512-+vRfnKtXVWsDDxGctOfzJsPhaCdXRYoe+KyWYoq5X/GqoISREiat0l3L8B0a453B2B4dfHGcZaGyowHbp9BSaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-git/-/changelog-git-0.1.14.tgz}
     name: '@changesets/changelog-git'
     version: 0.1.14
     dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
     dev: true
 
-  registry.npmjs.org/@changesets/changelog-github/0.4.8:
+  registry.npmjs.org/@changesets/changelog-github@0.4.8:
     resolution: {integrity: sha512-jR1DHibkMAb5v/8ym77E4AMNWZKB5NPzw5a5Wtqm1JepAuIF+hrKp2u04NKM14oBZhHglkCfrla9uq8ORnK/dw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-github/-/changelog-github-0.4.8.tgz}
     name: '@changesets/changelog-github'
     version: 0.4.8
     dependencies:
-      '@changesets/get-github-info': registry.npmjs.org/@changesets/get-github-info/0.5.2
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      dotenv: registry.npmjs.org/dotenv/8.6.0
+      '@changesets/get-github-info': registry.npmjs.org/@changesets/get-github-info@0.5.2
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      dotenv: registry.npmjs.org/dotenv@8.6.0
     transitivePeerDependencies:
       - encoding
     dev: true
 
-  registry.npmjs.org/@changesets/cli/2.26.1:
+  registry.npmjs.org/@changesets/cli@2.26.1:
     resolution: {integrity: sha512-XnTa+b51vt057fyAudvDKGB0Sh72xutQZNAdXkCqPBKO2zvs2yYZx5hFZj1u9cbtpwM6Sxtcr02/FQJfZOzemQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/cli/-/cli-2.26.1.tgz}
     name: '@changesets/cli'
     version: 2.26.1
     hasBin: true
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/apply-release-plan': registry.npmjs.org/@changesets/apply-release-plan/6.1.3
-      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan/5.2.3
-      '@changesets/changelog-git': registry.npmjs.org/@changesets/changelog-git/0.1.14
-      '@changesets/config': registry.npmjs.org/@changesets/config/2.3.0
-      '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.5
-      '@changesets/get-release-plan': registry.npmjs.org/@changesets/get-release-plan/3.0.16
-      '@changesets/git': registry.npmjs.org/@changesets/git/2.0.0
-      '@changesets/logger': registry.npmjs.org/@changesets/logger/0.0.5
-      '@changesets/pre': registry.npmjs.org/@changesets/pre/1.0.14
-      '@changesets/read': registry.npmjs.org/@changesets/read/0.5.9
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      '@changesets/write': registry.npmjs.org/@changesets/write/0.2.3
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
-      '@types/is-ci': registry.npmjs.org/@types/is-ci/3.0.0
-      '@types/semver': registry.npmjs.org/@types/semver/6.2.3
-      ansi-colors: registry.npmjs.org/ansi-colors/4.1.3
-      chalk: registry.npmjs.org/chalk/2.4.2
-      enquirer: registry.npmjs.org/enquirer/2.3.6
-      external-editor: registry.npmjs.org/external-editor/3.1.0
-      fs-extra: registry.npmjs.org/fs-extra/7.0.1
-      human-id: registry.npmjs.org/human-id/1.0.2
-      is-ci: registry.npmjs.org/is-ci/3.0.1
-      meow: registry.npmjs.org/meow/6.1.1
-      outdent: registry.npmjs.org/outdent/0.5.0
-      p-limit: registry.npmjs.org/p-limit/2.3.0
-      preferred-pm: registry.npmjs.org/preferred-pm/3.0.3
-      resolve-from: registry.npmjs.org/resolve-from/5.0.0
-      semver: registry.npmjs.org/semver/5.7.1
-      spawndamnit: registry.npmjs.org/spawndamnit/2.0.0
-      term-size: registry.npmjs.org/term-size/2.2.1
-      tty-table: registry.npmjs.org/tty-table/4.2.1
-    dev: true
-
-  registry.npmjs.org/@changesets/config/2.3.0:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/apply-release-plan': registry.npmjs.org/@changesets/apply-release-plan@6.1.3
+      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan@5.2.3
+      '@changesets/changelog-git': registry.npmjs.org/@changesets/changelog-git@0.1.14
+      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.0
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.5
+      '@changesets/get-release-plan': registry.npmjs.org/@changesets/get-release-plan@3.0.16
+      '@changesets/git': registry.npmjs.org/@changesets/git@2.0.0
+      '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
+      '@changesets/pre': registry.npmjs.org/@changesets/pre@1.0.14
+      '@changesets/read': registry.npmjs.org/@changesets/read@0.5.9
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@changesets/write': registry.npmjs.org/@changesets/write@0.2.3
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      '@types/is-ci': registry.npmjs.org/@types/is-ci@3.0.0
+      '@types/semver': registry.npmjs.org/@types/semver@6.2.3
+      ansi-colors: registry.npmjs.org/ansi-colors@4.1.3
+      chalk: registry.npmjs.org/chalk@2.4.2
+      enquirer: registry.npmjs.org/enquirer@2.3.6
+      external-editor: registry.npmjs.org/external-editor@3.1.0
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      human-id: registry.npmjs.org/human-id@1.0.2
+      is-ci: registry.npmjs.org/is-ci@3.0.1
+      meow: registry.npmjs.org/meow@6.1.1
+      outdent: registry.npmjs.org/outdent@0.5.0
+      p-limit: registry.npmjs.org/p-limit@2.3.0
+      preferred-pm: registry.npmjs.org/preferred-pm@3.0.3
+      resolve-from: registry.npmjs.org/resolve-from@5.0.0
+      semver: registry.npmjs.org/semver@5.7.1
+      spawndamnit: registry.npmjs.org/spawndamnit@2.0.0
+      term-size: registry.npmjs.org/term-size@2.2.1
+      tty-table: registry.npmjs.org/tty-table@4.2.1
+    dev: true
+
+  registry.npmjs.org/@changesets/config@2.3.0:
     resolution: {integrity: sha512-EgP/px6mhCx8QeaMAvWtRrgyxW08k/Bx2tpGT+M84jEdX37v3VKfh4Cz1BkwrYKuMV2HZKeHOh8sHvja/HcXfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/config/-/config-2.3.0.tgz}
     name: '@changesets/config'
     version: 2.3.0
     dependencies:
-      '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph/1.3.5
-      '@changesets/logger': registry.npmjs.org/@changesets/logger/0.0.5
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
-      fs-extra: registry.npmjs.org/fs-extra/7.0.1
-      micromatch: registry.npmjs.org/micromatch/4.0.5
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.5
+      '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      micromatch: registry.npmjs.org/micromatch@4.0.5
     dev: true
 
-  registry.npmjs.org/@changesets/errors/0.1.4:
+  registry.npmjs.org/@changesets/errors@0.1.4:
     resolution: {integrity: sha512-HAcqPF7snsUJ/QzkWoKfRfXushHTu+K5KZLJWPb34s4eCZShIf8BFO3fwq6KU8+G7L5KdtN2BzQAXOSXEyiY9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/errors/-/errors-0.1.4.tgz}
     name: '@changesets/errors'
     version: 0.1.4
     dependencies:
-      extendable-error: registry.npmjs.org/extendable-error/0.1.7
+      extendable-error: registry.npmjs.org/extendable-error@0.1.7
     dev: true
 
-  registry.npmjs.org/@changesets/get-dependents-graph/1.3.5:
+  registry.npmjs.org/@changesets/get-dependents-graph@1.3.5:
     resolution: {integrity: sha512-w1eEvnWlbVDIY8mWXqWuYE9oKhvIaBhzqzo4ITSJY9hgoqQ3RoBqwlcAzg11qHxv/b8ReDWnMrpjpKrW6m1ZTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-dependents-graph/-/get-dependents-graph-1.3.5.tgz}
     name: '@changesets/get-dependents-graph'
     version: 1.3.5
     dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
-      chalk: registry.npmjs.org/chalk/2.4.2
-      fs-extra: registry.npmjs.org/fs-extra/7.0.1
-      semver: registry.npmjs.org/semver/5.7.1
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      chalk: registry.npmjs.org/chalk@2.4.2
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      semver: registry.npmjs.org/semver@5.7.1
     dev: true
 
-  registry.npmjs.org/@changesets/get-github-info/0.5.2:
+  registry.npmjs.org/@changesets/get-github-info@0.5.2:
     resolution: {integrity: sha512-JppheLu7S114aEs157fOZDjFqUDpm7eHdq5E8SSR0gUBTEK0cNSHsrSR5a66xs0z3RWuo46QvA3vawp8BxDHvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-github-info/-/get-github-info-0.5.2.tgz}
     name: '@changesets/get-github-info'
     version: 0.5.2
     dependencies:
-      dataloader: registry.npmjs.org/dataloader/1.4.0
-      node-fetch: registry.npmjs.org/node-fetch/2.6.11
+      dataloader: registry.npmjs.org/dataloader@1.4.0
+      node-fetch: registry.npmjs.org/node-fetch@2.6.11
     transitivePeerDependencies:
       - encoding
     dev: true
 
-  registry.npmjs.org/@changesets/get-release-plan/3.0.16:
+  registry.npmjs.org/@changesets/get-release-plan@3.0.16:
     resolution: {integrity: sha512-OpP9QILpBp1bY2YNIKFzwigKh7Qe9KizRsZomzLe6pK8IUo8onkAAVUD8+JRKSr8R7d4+JRuQrfSSNlEwKyPYg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-release-plan/-/get-release-plan-3.0.16.tgz}
     name: '@changesets/get-release-plan'
     version: 3.0.16
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan/5.2.3
-      '@changesets/config': registry.npmjs.org/@changesets/config/2.3.0
-      '@changesets/pre': registry.npmjs.org/@changesets/pre/1.0.14
-      '@changesets/read': registry.npmjs.org/@changesets/read/0.5.9
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan@5.2.3
+      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.0
+      '@changesets/pre': registry.npmjs.org/@changesets/pre@1.0.14
+      '@changesets/read': registry.npmjs.org/@changesets/read@0.5.9
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
     dev: true
 
-  registry.npmjs.org/@changesets/get-version-range-type/0.3.2:
+  registry.npmjs.org/@changesets/get-version-range-type@0.3.2:
     resolution: {integrity: sha512-SVqwYs5pULYjYT4op21F2pVbcrca4qA/bAA3FmFXKMN7Y+HcO8sbZUTx3TAy2VXulP2FACd1aC7f2nTuqSPbqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-version-range-type/-/get-version-range-type-0.3.2.tgz}
     name: '@changesets/get-version-range-type'
     version: 0.3.2
     dev: true
 
-  registry.npmjs.org/@changesets/git/2.0.0:
+  registry.npmjs.org/@changesets/git@2.0.0:
     resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/git/-/git-2.0.0.tgz}
     name: '@changesets/git'
     version: 2.0.0
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
-      is-subdir: registry.npmjs.org/is-subdir/1.2.0
-      micromatch: registry.npmjs.org/micromatch/4.0.5
-      spawndamnit: registry.npmjs.org/spawndamnit/2.0.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      is-subdir: registry.npmjs.org/is-subdir@1.2.0
+      micromatch: registry.npmjs.org/micromatch@4.0.5
+      spawndamnit: registry.npmjs.org/spawndamnit@2.0.0
     dev: true
 
-  registry.npmjs.org/@changesets/logger/0.0.5:
+  registry.npmjs.org/@changesets/logger@0.0.5:
     resolution: {integrity: sha512-gJyZHomu8nASHpaANzc6bkQMO9gU/ib20lqew1rVx753FOxffnCrJlGIeQVxNWCqM+o6OOleCo/ivL8UAO5iFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/logger/-/logger-0.0.5.tgz}
     name: '@changesets/logger'
     version: 0.0.5
     dependencies:
-      chalk: registry.npmjs.org/chalk/2.4.2
+      chalk: registry.npmjs.org/chalk@2.4.2
     dev: true
 
-  registry.npmjs.org/@changesets/parse/0.3.16:
+  registry.npmjs.org/@changesets/parse@0.3.16:
     resolution: {integrity: sha512-127JKNd167ayAuBjUggZBkmDS5fIKsthnr9jr6bdnuUljroiERW7FBTDNnNVyJ4l69PzR57pk6mXQdtJyBCJKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/parse/-/parse-0.3.16.tgz}
     name: '@changesets/parse'
     version: 0.3.16
     dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      js-yaml: registry.npmjs.org/js-yaml/3.14.1
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      js-yaml: registry.npmjs.org/js-yaml@3.14.1
     dev: true
 
-  registry.npmjs.org/@changesets/pre/1.0.14:
+  registry.npmjs.org/@changesets/pre@1.0.14:
     resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/pre/-/pre-1.0.14.tgz}
     name: '@changesets/pre'
     version: 1.0.14
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/errors': registry.npmjs.org/@changesets/errors/0.1.4
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages/1.1.3
-      fs-extra: registry.npmjs.org/fs-extra/7.0.1
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
     dev: true
 
-  registry.npmjs.org/@changesets/read/0.5.9:
+  registry.npmjs.org/@changesets/read@0.5.9:
     resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/read/-/read-0.5.9.tgz}
     name: '@changesets/read'
     version: 0.5.9
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/git': registry.npmjs.org/@changesets/git/2.0.0
-      '@changesets/logger': registry.npmjs.org/@changesets/logger/0.0.5
-      '@changesets/parse': registry.npmjs.org/@changesets/parse/0.3.16
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      chalk: registry.npmjs.org/chalk/2.4.2
-      fs-extra: registry.npmjs.org/fs-extra/7.0.1
-      p-filter: registry.npmjs.org/p-filter/2.1.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/git': registry.npmjs.org/@changesets/git@2.0.0
+      '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
+      '@changesets/parse': registry.npmjs.org/@changesets/parse@0.3.16
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      chalk: registry.npmjs.org/chalk@2.4.2
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      p-filter: registry.npmjs.org/p-filter@2.1.0
     dev: true
 
-  registry.npmjs.org/@changesets/types/4.1.0:
+  registry.npmjs.org/@changesets/types@4.1.0:
     resolution: {integrity: sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/types/-/types-4.1.0.tgz}
     name: '@changesets/types'
     version: 4.1.0
     dev: true
 
-  registry.npmjs.org/@changesets/types/5.2.1:
+  registry.npmjs.org/@changesets/types@5.2.1:
     resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/types/-/types-5.2.1.tgz}
     name: '@changesets/types'
     version: 5.2.1
     dev: true
 
-  registry.npmjs.org/@changesets/write/0.2.3:
+  registry.npmjs.org/@changesets/write@0.2.3:
     resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/write/-/write-0.2.3.tgz}
     name: '@changesets/write'
     version: 0.2.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/types': registry.npmjs.org/@changesets/types/5.2.1
-      fs-extra: registry.npmjs.org/fs-extra/7.0.1
-      human-id: registry.npmjs.org/human-id/1.0.2
-      prettier: registry.npmjs.org/prettier/2.8.8
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      human-id: registry.npmjs.org/human-id@1.0.2
+      prettier: registry.npmjs.org/prettier@2.8.8
     dev: true
 
-  registry.npmjs.org/@colors/colors/1.5.0:
+  registry.npmjs.org/@colors/colors@1.5.0:
     resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz}
     name: '@colors/colors'
     version: 1.5.0
@@ -783,51 +900,73 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@cypress/request/2.88.11:
-    resolution: {integrity: sha512-M83/wfQ1EkspjkE2lNWNV5ui2Cv7UCv1swW1DqljahbzLVWltcsexQh8jYtuS/vzFXP+HySntGM83ZXA9fn17w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/request/-/request-2.88.11.tgz}
+  registry.npmjs.org/@cypress/request@2.88.12:
+    resolution: {integrity: sha512-tOn+0mDZxASFM+cuAP9szGUGPI1HwWVSvdzm7V4cCsPdFTx6qMj29CwaQmRAMIEhORIUBFBsYROYJcveK4uOjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/request/-/request-2.88.12.tgz}
     name: '@cypress/request'
-    version: 2.88.11
+    version: 2.88.12
     engines: {node: '>= 6'}
     dependencies:
-      aws-sign2: registry.npmjs.org/aws-sign2/0.7.0
-      aws4: registry.npmjs.org/aws4/1.12.0
-      caseless: registry.npmjs.org/caseless/0.12.0
-      combined-stream: registry.npmjs.org/combined-stream/1.0.8
-      extend: registry.npmjs.org/extend/3.0.2
-      forever-agent: registry.npmjs.org/forever-agent/0.6.1
-      form-data: registry.npmjs.org/form-data/2.3.3
-      http-signature: registry.npmjs.org/http-signature/1.3.6
-      is-typedarray: registry.npmjs.org/is-typedarray/1.0.0
-      isstream: registry.npmjs.org/isstream/0.1.2
-      json-stringify-safe: registry.npmjs.org/json-stringify-safe/5.0.1
-      mime-types: registry.npmjs.org/mime-types/2.1.35
-      performance-now: registry.npmjs.org/performance-now/2.1.0
-      qs: registry.npmjs.org/qs/6.10.4
-      safe-buffer: registry.npmjs.org/safe-buffer/5.2.1
-      tough-cookie: registry.npmjs.org/tough-cookie/2.5.0
-      tunnel-agent: registry.npmjs.org/tunnel-agent/0.6.0
-      uuid: registry.npmjs.org/uuid/8.3.2
-    dev: true
-
-  registry.npmjs.org/@cypress/skip-test/2.6.1:
+      aws-sign2: registry.npmjs.org/aws-sign2@0.7.0
+      aws4: registry.npmjs.org/aws4@1.12.0
+      caseless: registry.npmjs.org/caseless@0.12.0
+      combined-stream: registry.npmjs.org/combined-stream@1.0.8
+      extend: registry.npmjs.org/extend@3.0.2
+      forever-agent: registry.npmjs.org/forever-agent@0.6.1
+      form-data: registry.npmjs.org/form-data@2.3.3
+      http-signature: registry.npmjs.org/http-signature@1.3.6
+      is-typedarray: registry.npmjs.org/is-typedarray@1.0.0
+      isstream: registry.npmjs.org/isstream@0.1.2
+      json-stringify-safe: registry.npmjs.org/json-stringify-safe@5.0.1
+      mime-types: registry.npmjs.org/mime-types@2.1.35
+      performance-now: registry.npmjs.org/performance-now@2.1.0
+      qs: registry.npmjs.org/qs@6.10.4
+      safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
+      tough-cookie: registry.npmjs.org/tough-cookie@4.1.3
+      tunnel-agent: registry.npmjs.org/tunnel-agent@0.6.0
+      uuid: registry.npmjs.org/uuid@8.3.2
+    dev: true
+
+  registry.npmjs.org/@cypress/skip-test@2.6.1:
     resolution: {integrity: sha512-X+ibefBiuOmC5gKG91wRIT0/OqXeETYvu7zXktjZ3yLeO186Y8ia0K7/gQUpAwuUi28DuqMd1+7tBQVtPkzbPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/skip-test/-/skip-test-2.6.1.tgz}
     name: '@cypress/skip-test'
     version: 2.6.1
     dev: true
 
-  registry.npmjs.org/@cypress/xvfb/1.2.4_supports-color@8.1.1:
+  registry.npmjs.org/@cypress/xvfb@1.2.4(supports-color@8.1.1):
     resolution: {integrity: sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/xvfb/-/xvfb-1.2.4.tgz}
     id: registry.npmjs.org/@cypress/xvfb/1.2.4
     name: '@cypress/xvfb'
     version: 1.2.4
     dependencies:
-      debug: registry.npmjs.org/debug/3.2.7_supports-color@8.1.1
-      lodash.once: registry.npmjs.org/lodash.once/4.1.1
+      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
+      lodash.once: registry.npmjs.org/lodash.once@4.1.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@esbuild/android-arm/0.17.19:
+  registry.npmjs.org/@esbuild/android-arm64@0.17.19:
+    resolution: {integrity: sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz}
+    name: '@esbuild/android-arm64'
+    version: 0.17.19
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/android-arm64@0.18.20:
+    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz}
+    name: '@esbuild/android-arm64'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/android-arm@0.17.19:
     resolution: {integrity: sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz}
     name: '@esbuild/android-arm'
     version: 0.17.19
@@ -838,18 +977,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/android-arm64/0.17.19:
-    resolution: {integrity: sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz}
-    name: '@esbuild/android-arm64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/android-arm@0.18.20:
+    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz}
+    name: '@esbuild/android-arm'
+    version: 0.18.20
     engines: {node: '>=12'}
-    cpu: [arm64]
+    cpu: [arm]
     os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/android-x64/0.17.19:
+  registry.npmjs.org/@esbuild/android-x64@0.17.19:
     resolution: {integrity: sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz}
     name: '@esbuild/android-x64'
     version: 0.17.19
@@ -860,7 +999,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/darwin-arm64/0.17.19:
+  registry.npmjs.org/@esbuild/android-x64@0.18.20:
+    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz}
+    name: '@esbuild/android-x64'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/darwin-arm64@0.17.19:
     resolution: {integrity: sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz}
     name: '@esbuild/darwin-arm64'
     version: 0.17.19
@@ -871,7 +1021,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/darwin-x64/0.17.19:
+  registry.npmjs.org/@esbuild/darwin-arm64@0.18.20:
+    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz}
+    name: '@esbuild/darwin-arm64'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/darwin-x64@0.17.19:
     resolution: {integrity: sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz}
     name: '@esbuild/darwin-x64'
     version: 0.17.19
@@ -882,7 +1043,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/freebsd-arm64/0.17.19:
+  registry.npmjs.org/@esbuild/darwin-x64@0.18.20:
+    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz}
+    name: '@esbuild/darwin-x64'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/freebsd-arm64@0.17.19:
     resolution: {integrity: sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz}
     name: '@esbuild/freebsd-arm64'
     version: 0.17.19
@@ -893,7 +1065,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/freebsd-x64/0.17.19:
+  registry.npmjs.org/@esbuild/freebsd-arm64@0.18.20:
+    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz}
+    name: '@esbuild/freebsd-arm64'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/freebsd-x64@0.17.19:
     resolution: {integrity: sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz}
     name: '@esbuild/freebsd-x64'
     version: 0.17.19
@@ -904,7 +1087,40 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-arm/0.17.19:
+  registry.npmjs.org/@esbuild/freebsd-x64@0.18.20:
+    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz}
+    name: '@esbuild/freebsd-x64'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/linux-arm64@0.17.19:
+    resolution: {integrity: sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz}
+    name: '@esbuild/linux-arm64'
+    version: 0.17.19
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/linux-arm64@0.18.20:
+    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz}
+    name: '@esbuild/linux-arm64'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/linux-arm@0.17.19:
     resolution: {integrity: sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz}
     name: '@esbuild/linux-arm'
     version: 0.17.19
@@ -915,18 +1131,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-arm64/0.17.19:
-    resolution: {integrity: sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz}
-    name: '@esbuild/linux-arm64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/linux-arm@0.18.20:
+    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz}
+    name: '@esbuild/linux-arm'
+    version: 0.18.20
     engines: {node: '>=12'}
-    cpu: [arm64]
+    cpu: [arm]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-ia32/0.17.19:
+  registry.npmjs.org/@esbuild/linux-ia32@0.17.19:
     resolution: {integrity: sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz}
     name: '@esbuild/linux-ia32'
     version: 0.17.19
@@ -937,7 +1153,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-loong64/0.17.19:
+  registry.npmjs.org/@esbuild/linux-ia32@0.18.20:
+    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz}
+    name: '@esbuild/linux-ia32'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/linux-loong64@0.17.19:
     resolution: {integrity: sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz}
     name: '@esbuild/linux-loong64'
     version: 0.17.19
@@ -948,7 +1175,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-mips64el/0.17.19:
+  registry.npmjs.org/@esbuild/linux-loong64@0.18.20:
+    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz}
+    name: '@esbuild/linux-loong64'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/linux-mips64el@0.17.19:
     resolution: {integrity: sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz}
     name: '@esbuild/linux-mips64el'
     version: 0.17.19
@@ -959,7 +1197,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-ppc64/0.17.19:
+  registry.npmjs.org/@esbuild/linux-mips64el@0.18.20:
+    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz}
+    name: '@esbuild/linux-mips64el'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/linux-ppc64@0.17.19:
     resolution: {integrity: sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz}
     name: '@esbuild/linux-ppc64'
     version: 0.17.19
@@ -970,7 +1219,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-riscv64/0.17.19:
+  registry.npmjs.org/@esbuild/linux-ppc64@0.18.20:
+    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz}
+    name: '@esbuild/linux-ppc64'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/linux-riscv64@0.17.19:
     resolution: {integrity: sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz}
     name: '@esbuild/linux-riscv64'
     version: 0.17.19
@@ -981,7 +1241,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-s390x/0.17.19:
+  registry.npmjs.org/@esbuild/linux-riscv64@0.18.20:
+    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz}
+    name: '@esbuild/linux-riscv64'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/linux-s390x@0.17.19:
     resolution: {integrity: sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz}
     name: '@esbuild/linux-s390x'
     version: 0.17.19
@@ -992,7 +1263,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-x64/0.17.19:
+  registry.npmjs.org/@esbuild/linux-s390x@0.18.20:
+    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz}
+    name: '@esbuild/linux-s390x'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/linux-x64@0.17.19:
     resolution: {integrity: sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz}
     name: '@esbuild/linux-x64'
     version: 0.17.19
@@ -1003,7 +1285,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/netbsd-x64/0.17.19:
+  registry.npmjs.org/@esbuild/linux-x64@0.18.20:
+    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz}
+    name: '@esbuild/linux-x64'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/netbsd-x64@0.17.19:
     resolution: {integrity: sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz}
     name: '@esbuild/netbsd-x64'
     version: 0.17.19
@@ -1014,7 +1307,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/openbsd-x64/0.17.19:
+  registry.npmjs.org/@esbuild/netbsd-x64@0.18.20:
+    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz}
+    name: '@esbuild/netbsd-x64'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/openbsd-x64@0.17.19:
     resolution: {integrity: sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz}
     name: '@esbuild/openbsd-x64'
     version: 0.17.19
@@ -1025,7 +1329,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/sunos-x64/0.17.19:
+  registry.npmjs.org/@esbuild/openbsd-x64@0.18.20:
+    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz}
+    name: '@esbuild/openbsd-x64'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/sunos-x64@0.17.19:
     resolution: {integrity: sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz}
     name: '@esbuild/sunos-x64'
     version: 0.17.19
@@ -1036,7 +1351,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-arm64/0.17.19:
+  registry.npmjs.org/@esbuild/sunos-x64@0.18.20:
+    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz}
+    name: '@esbuild/sunos-x64'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/win32-arm64@0.17.19:
     resolution: {integrity: sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz}
     name: '@esbuild/win32-arm64'
     version: 0.17.19
@@ -1047,7 +1373,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-ia32/0.17.19:
+  registry.npmjs.org/@esbuild/win32-arm64@0.18.20:
+    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz}
+    name: '@esbuild/win32-arm64'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/win32-ia32@0.17.19:
     resolution: {integrity: sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz}
     name: '@esbuild/win32-ia32'
     version: 0.17.19
@@ -1058,7 +1395,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-x64/0.17.19:
+  registry.npmjs.org/@esbuild/win32-ia32@0.18.20:
+    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz}
+    name: '@esbuild/win32-ia32'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/win32-x64@0.17.19:
     resolution: {integrity: sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz}
     name: '@esbuild/win32-x64'
     version: 0.17.19
@@ -1069,7 +1417,18 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.42.0:
+  registry.npmjs.org/@esbuild/win32-x64@0.18.20:
+    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz}
+    name: '@esbuild/win32-x64'
+    version: 0.18.20
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.42.0):
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz}
     id: registry.npmjs.org/@eslint-community/eslint-utils/4.4.0
     name: '@eslint-community/eslint-utils'
@@ -1078,11 +1437,11 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.42.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
+      eslint: registry.npmjs.org/eslint@8.42.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
     dev: true
 
-  registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.43.0:
+  registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0):
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz}
     id: registry.npmjs.org/@eslint-community/eslint-utils/4.4.0
     name: '@eslint-community/eslint-utils'
@@ -1091,210 +1450,233 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.43.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
+      eslint: registry.npmjs.org/eslint@8.43.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
     dev: true
 
-  registry.npmjs.org/@eslint-community/regexpp/4.5.1:
+  registry.npmjs.org/@eslint-community/regexpp@4.5.1:
     resolution: {integrity: sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.5.1.tgz}
     name: '@eslint-community/regexpp'
     version: 4.5.1
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@eslint/eslintrc/2.0.3:
+  registry.npmjs.org/@eslint-community/regexpp@4.6.2:
+    resolution: {integrity: sha512-pPTNuaAG3QMH+buKyBIGJs3g/S5y0caxw0ygM3YyE6yJFySwiGGSzA+mM3KJ8QQvzeLh3blwgSonkFjgQdxzMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.6.2.tgz}
+    name: '@eslint-community/regexpp'
+    version: 4.6.2
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+    dev: true
+
+  registry.npmjs.org/@eslint/eslintrc@2.0.3:
     resolution: {integrity: sha512-+5gy6OQfk+xx3q0d6jGZZC3f3KzAkXc/IanVxd1is/VIIziRqqt3ongQz0FiTUXqTk0c7aDB3OaFuKnuSoJicQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.3.tgz}
     name: '@eslint/eslintrc'
     version: 2.0.3
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      ajv: registry.npmjs.org/ajv/6.12.6
-      debug: registry.npmjs.org/debug/4.3.4
-      espree: registry.npmjs.org/espree/9.5.2
-      globals: registry.npmjs.org/globals/13.20.0
-      ignore: registry.npmjs.org/ignore/5.2.4
-      import-fresh: registry.npmjs.org/import-fresh/3.3.0
-      js-yaml: registry.npmjs.org/js-yaml/4.1.0
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-      strip-json-comments: registry.npmjs.org/strip-json-comments/3.1.1
+      ajv: registry.npmjs.org/ajv@6.12.6
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      espree: registry.npmjs.org/espree@9.5.2
+      globals: registry.npmjs.org/globals@13.20.0
+      ignore: registry.npmjs.org/ignore@5.2.4
+      import-fresh: registry.npmjs.org/import-fresh@3.3.0
+      js-yaml: registry.npmjs.org/js-yaml@4.1.0
+      minimatch: registry.npmjs.org/minimatch@3.1.2
+      strip-json-comments: registry.npmjs.org/strip-json-comments@3.1.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@eslint/js/8.42.0:
+  registry.npmjs.org/@eslint/js@8.42.0:
     resolution: {integrity: sha512-6SWlXpWU5AvId8Ac7zjzmIOqMOba/JWY8XZ4A7q7Gn1Vlfg/SFFIlrtHXt9nPn4op9ZPAkl91Jao+QQv3r/ukw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/js/-/js-8.42.0.tgz}
     name: '@eslint/js'
     version: 8.42.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@eslint/js/8.43.0:
+  registry.npmjs.org/@eslint/js@8.43.0:
     resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/js/-/js-8.43.0.tgz}
     name: '@eslint/js'
     version: 8.43.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@hapi/hoek/9.3.0:
+  registry.npmjs.org/@hapi/hoek@9.3.0:
     resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz}
     name: '@hapi/hoek'
     version: 9.3.0
     dev: true
 
-  registry.npmjs.org/@hapi/topo/5.1.0:
+  registry.npmjs.org/@hapi/topo@5.1.0:
     resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz}
     name: '@hapi/topo'
     version: 5.1.0
     dependencies:
-      '@hapi/hoek': registry.npmjs.org/@hapi/hoek/9.3.0
+      '@hapi/hoek': registry.npmjs.org/@hapi/hoek@9.3.0
     dev: true
 
-  registry.npmjs.org/@humanwhocodes/config-array/0.11.10:
+  registry.npmjs.org/@humanwhocodes/config-array@0.11.10:
     resolution: {integrity: sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz}
     name: '@humanwhocodes/config-array'
     version: 0.11.10
     engines: {node: '>=10.10.0'}
     dependencies:
-      '@humanwhocodes/object-schema': registry.npmjs.org/@humanwhocodes/object-schema/1.2.1
-      debug: registry.npmjs.org/debug/4.3.4
-      minimatch: registry.npmjs.org/minimatch/3.1.2
+      '@humanwhocodes/object-schema': registry.npmjs.org/@humanwhocodes/object-schema@1.2.1
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      minimatch: registry.npmjs.org/minimatch@3.1.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@humanwhocodes/module-importer/1.0.1:
+  registry.npmjs.org/@humanwhocodes/module-importer@1.0.1:
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz}
     name: '@humanwhocodes/module-importer'
     version: 1.0.1
     engines: {node: '>=12.22'}
     dev: true
 
-  registry.npmjs.org/@humanwhocodes/object-schema/1.2.1:
+  registry.npmjs.org/@humanwhocodes/object-schema@1.2.1:
     resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz}
     name: '@humanwhocodes/object-schema'
     version: 1.2.1
     dev: true
 
-  registry.npmjs.org/@jridgewell/gen-mapping/0.3.3:
+  registry.npmjs.org/@jridgewell/gen-mapping@0.3.3:
     resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz}
     name: '@jridgewell/gen-mapping'
     version: 0.3.3
     engines: {node: '>=6.0.0'}
     dependencies:
-      '@jridgewell/set-array': registry.npmjs.org/@jridgewell/set-array/1.1.2
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
+      '@jridgewell/set-array': registry.npmjs.org/@jridgewell/set-array@1.1.2
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
     dev: true
 
-  registry.npmjs.org/@jridgewell/resolve-uri/3.1.0:
+  registry.npmjs.org/@jridgewell/resolve-uri@3.1.0:
     resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz}
     name: '@jridgewell/resolve-uri'
     version: 3.1.0
     engines: {node: '>=6.0.0'}
     dev: true
 
-  registry.npmjs.org/@jridgewell/set-array/1.1.2:
+  registry.npmjs.org/@jridgewell/resolve-uri@3.1.1:
+    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz}
+    name: '@jridgewell/resolve-uri'
+    version: 3.1.1
+    engines: {node: '>=6.0.0'}
+    dev: true
+
+  registry.npmjs.org/@jridgewell/set-array@1.1.2:
     resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz}
     name: '@jridgewell/set-array'
     version: 1.1.2
     engines: {node: '>=6.0.0'}
     dev: true
 
-  registry.npmjs.org/@jridgewell/source-map/0.3.3:
+  registry.npmjs.org/@jridgewell/source-map@0.3.3:
     resolution: {integrity: sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.3.tgz}
     name: '@jridgewell/source-map'
     version: 0.3.3
     dependencies:
-      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping/0.3.3
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
+      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
     dev: true
 
-  registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14:
+  registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.14:
     resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz}
     name: '@jridgewell/sourcemap-codec'
     version: 1.4.14
     dev: true
 
-  registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15:
+  registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15:
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz}
     name: '@jridgewell/sourcemap-codec'
     version: 1.4.15
     dev: true
 
-  registry.npmjs.org/@jridgewell/trace-mapping/0.3.18:
+  registry.npmjs.org/@jridgewell/trace-mapping@0.3.18:
     resolution: {integrity: sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz}
     name: '@jridgewell/trace-mapping'
     version: 0.3.18
     dependencies:
-      '@jridgewell/resolve-uri': registry.npmjs.org/@jridgewell/resolve-uri/3.1.0
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.14
+      '@jridgewell/resolve-uri': registry.npmjs.org/@jridgewell/resolve-uri@3.1.0
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.14
+    dev: true
+
+  registry.npmjs.org/@jridgewell/trace-mapping@0.3.19:
+    resolution: {integrity: sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz}
+    name: '@jridgewell/trace-mapping'
+    version: 0.3.19
+    dependencies:
+      '@jridgewell/resolve-uri': registry.npmjs.org/@jridgewell/resolve-uri@3.1.1
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
     dev: true
 
-  registry.npmjs.org/@manypkg/find-root/1.1.0:
+  registry.npmjs.org/@manypkg/find-root@1.1.0:
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@manypkg/find-root/-/find-root-1.1.0.tgz}
     name: '@manypkg/find-root'
     version: 1.1.0
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@types/node': registry.npmjs.org/@types/node/12.20.55
-      find-up: registry.npmjs.org/find-up/4.1.0
-      fs-extra: registry.npmjs.org/fs-extra/8.1.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@types/node': registry.npmjs.org/@types/node@12.20.55
+      find-up: registry.npmjs.org/find-up@4.1.0
+      fs-extra: registry.npmjs.org/fs-extra@8.1.0
     dev: true
 
-  registry.npmjs.org/@manypkg/get-packages/1.1.3:
+  registry.npmjs.org/@manypkg/get-packages@1.1.3:
     resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@manypkg/get-packages/-/get-packages-1.1.3.tgz}
     name: '@manypkg/get-packages'
     version: 1.1.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
-      '@changesets/types': registry.npmjs.org/@changesets/types/4.1.0
-      '@manypkg/find-root': registry.npmjs.org/@manypkg/find-root/1.1.0
-      fs-extra: registry.npmjs.org/fs-extra/8.1.0
-      globby: registry.npmjs.org/globby/11.1.0
-      read-yaml-file: registry.npmjs.org/read-yaml-file/1.1.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@changesets/types': registry.npmjs.org/@changesets/types@4.1.0
+      '@manypkg/find-root': registry.npmjs.org/@manypkg/find-root@1.1.0
+      fs-extra: registry.npmjs.org/fs-extra@8.1.0
+      globby: registry.npmjs.org/globby@11.1.0
+      read-yaml-file: registry.npmjs.org/read-yaml-file@1.1.0
     dev: true
 
-  registry.npmjs.org/@nodelib/fs.scandir/2.1.5:
+  registry.npmjs.org/@nodelib/fs.scandir@2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz}
     name: '@nodelib/fs.scandir'
     version: 2.1.5
     engines: {node: '>= 8'}
     dependencies:
-      '@nodelib/fs.stat': registry.npmjs.org/@nodelib/fs.stat/2.0.5
-      run-parallel: registry.npmjs.org/run-parallel/1.2.0
+      '@nodelib/fs.stat': registry.npmjs.org/@nodelib/fs.stat@2.0.5
+      run-parallel: registry.npmjs.org/run-parallel@1.2.0
     dev: true
 
-  registry.npmjs.org/@nodelib/fs.stat/2.0.5:
+  registry.npmjs.org/@nodelib/fs.stat@2.0.5:
     resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz}
     name: '@nodelib/fs.stat'
     version: 2.0.5
     engines: {node: '>= 8'}
     dev: true
 
-  registry.npmjs.org/@nodelib/fs.walk/1.2.8:
+  registry.npmjs.org/@nodelib/fs.walk@1.2.8:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz}
     name: '@nodelib/fs.walk'
     version: 1.2.8
     engines: {node: '>= 8'}
     dependencies:
-      '@nodelib/fs.scandir': registry.npmjs.org/@nodelib/fs.scandir/2.1.5
-      fastq: registry.npmjs.org/fastq/1.15.0
+      '@nodelib/fs.scandir': registry.npmjs.org/@nodelib/fs.scandir@2.1.5
+      fastq: registry.npmjs.org/fastq@1.15.0
     dev: true
 
-  registry.npmjs.org/@polka/url/1.0.0-next.21:
+  registry.npmjs.org/@polka/url@1.0.0-next.21:
     resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz}
     name: '@polka/url'
     version: 1.0.0-next.21
     dev: true
 
-  registry.npmjs.org/@remix-run/router/1.6.3:
+  registry.npmjs.org/@remix-run/router@1.6.3:
     resolution: {integrity: sha512-EXJysQ7J3veRECd0kZFQwYYd5sJMcq2O/m60zu1W2l3oVQ9xtub8jTOtYRE0+M2iomyG/W3Ps7+vp2kna0C27Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@remix-run/router/-/router-1.6.3.tgz}
     name: '@remix-run/router'
     version: 1.6.3
     engines: {node: '>=14'}
     dev: false
 
-  registry.npmjs.org/@rollup/plugin-commonjs/25.0.1_rollup@3.25.1:
+  registry.npmjs.org/@rollup/plugin-commonjs@25.0.1(rollup@3.25.1):
     resolution: {integrity: sha512-2DJ4kv4b1xfTJopWhu61ANdNRHvzQZ2fpaIrlgaP2jOfUv1wDJ0Ucqy8AZlbFmn/iUjiwKoqki9j55Y6L8kyNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.1.tgz}
     id: registry.npmjs.org/@rollup/plugin-commonjs/25.0.1
     name: '@rollup/plugin-commonjs'
@@ -1306,16 +1688,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.25.1
-      commondir: registry.npmjs.org/commondir/1.0.1
-      estree-walker: registry.npmjs.org/estree-walker/2.0.2
-      glob: registry.npmjs.org/glob/8.1.0
-      is-reference: registry.npmjs.org/is-reference/1.2.1
-      magic-string: registry.npmjs.org/magic-string/0.27.0
-      rollup: registry.npmjs.org/rollup/3.25.1
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.2(rollup@3.25.1)
+      commondir: registry.npmjs.org/commondir@1.0.1
+      estree-walker: registry.npmjs.org/estree-walker@2.0.2
+      glob: registry.npmjs.org/glob@8.1.0
+      is-reference: registry.npmjs.org/is-reference@1.2.1
+      magic-string: registry.npmjs.org/magic-string@0.27.0
+      rollup: registry.npmjs.org/rollup@3.25.1
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0_rollup@3.25.1:
+  registry.npmjs.org/@rollup/plugin-node-resolve@15.1.0(rollup@3.25.1):
     resolution: {integrity: sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.1.0.tgz}
     id: registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0
     name: '@rollup/plugin-node-resolve'
@@ -1327,16 +1709,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.25.1
-      '@types/resolve': registry.npmjs.org/@types/resolve/1.20.2
-      deepmerge: registry.npmjs.org/deepmerge/4.3.1
-      is-builtin-module: registry.npmjs.org/is-builtin-module/3.2.1
-      is-module: registry.npmjs.org/is-module/1.0.0
-      resolve: registry.npmjs.org/resolve/1.22.2
-      rollup: registry.npmjs.org/rollup/3.25.1
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.2(rollup@3.25.1)
+      '@types/resolve': registry.npmjs.org/@types/resolve@1.20.2
+      deepmerge: registry.npmjs.org/deepmerge@4.3.1
+      is-builtin-module: registry.npmjs.org/is-builtin-module@3.2.1
+      is-module: registry.npmjs.org/is-module@1.0.0
+      resolve: registry.npmjs.org/resolve@1.22.2
+      rollup: registry.npmjs.org/rollup@3.25.1
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-replace/5.0.2_rollup@3.25.1:
+  registry.npmjs.org/@rollup/plugin-replace@5.0.2(rollup@3.25.1):
     resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-5.0.2.tgz}
     id: registry.npmjs.org/@rollup/plugin-replace/5.0.2
     name: '@rollup/plugin-replace'
@@ -1348,12 +1730,12 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.25.1
-      magic-string: registry.npmjs.org/magic-string/0.27.0
-      rollup: registry.npmjs.org/rollup/3.25.1
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.2(rollup@3.25.1)
+      magic-string: registry.npmjs.org/magic-string@0.27.0
+      rollup: registry.npmjs.org/rollup@3.25.1
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-terser/0.4.3_rollup@3.25.1:
+  registry.npmjs.org/@rollup/plugin-terser@0.4.3(rollup@3.25.1):
     resolution: {integrity: sha512-EF0oejTMtkyhrkwCdg0HJ0IpkcaVg1MMSf2olHb2Jp+1mnLM04OhjpJWGma4HobiDTF0WCyViWuvadyE9ch2XA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.3.tgz}
     id: registry.npmjs.org/@rollup/plugin-terser/0.4.3
     name: '@rollup/plugin-terser'
@@ -1365,13 +1747,13 @@ packages:
       rollup:
         optional: true
     dependencies:
-      rollup: registry.npmjs.org/rollup/3.25.1
-      serialize-javascript: registry.npmjs.org/serialize-javascript/6.0.1
-      smob: registry.npmjs.org/smob/1.4.0
-      terser: registry.npmjs.org/terser/5.18.0
+      rollup: registry.npmjs.org/rollup@3.25.1
+      serialize-javascript: registry.npmjs.org/serialize-javascript@6.0.1
+      smob: registry.npmjs.org/smob@1.4.0
+      terser: registry.npmjs.org/terser@5.18.0
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-typescript/11.0.0_kiy5yv7g7dmpxbgwdlsemwipi4:
+  registry.npmjs.org/@rollup/plugin-typescript@11.0.0(rollup@3.25.1)(typescript@4.9.5):
     resolution: {integrity: sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-11.0.0.tgz}
     id: registry.npmjs.org/@rollup/plugin-typescript/11.0.0
     name: '@rollup/plugin-typescript'
@@ -1387,13 +1769,13 @@ packages:
       tslib:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.25.1
-      resolve: registry.npmjs.org/resolve/1.22.2
-      rollup: registry.npmjs.org/rollup/3.25.1
-      typescript: registry.npmjs.org/typescript/4.9.5
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.2(rollup@3.25.1)
+      resolve: registry.npmjs.org/resolve@1.22.2
+      rollup: registry.npmjs.org/rollup@3.25.1
+      typescript: registry.npmjs.org/typescript@4.9.5
     dev: true
 
-  registry.npmjs.org/@rollup/pluginutils/5.0.2_rollup@3.25.1:
+  registry.npmjs.org/@rollup/pluginutils@5.0.2(rollup@3.25.1):
     resolution: {integrity: sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz}
     id: registry.npmjs.org/@rollup/pluginutils/5.0.2
     name: '@rollup/pluginutils'
@@ -1405,39 +1787,39 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
-      estree-walker: registry.npmjs.org/estree-walker/2.0.2
-      picomatch: registry.npmjs.org/picomatch/2.3.1
-      rollup: registry.npmjs.org/rollup/3.25.1
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
+      estree-walker: registry.npmjs.org/estree-walker@2.0.2
+      picomatch: registry.npmjs.org/picomatch@2.3.1
+      rollup: registry.npmjs.org/rollup@3.25.1
     dev: true
 
-  registry.npmjs.org/@sideway/address/4.1.4:
+  registry.npmjs.org/@sideway/address@4.1.4:
     resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz}
     name: '@sideway/address'
     version: 4.1.4
     dependencies:
-      '@hapi/hoek': registry.npmjs.org/@hapi/hoek/9.3.0
+      '@hapi/hoek': registry.npmjs.org/@hapi/hoek@9.3.0
     dev: true
 
-  registry.npmjs.org/@sideway/formula/3.0.1:
+  registry.npmjs.org/@sideway/formula@3.0.1:
     resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz}
     name: '@sideway/formula'
     version: 3.0.1
     dev: true
 
-  registry.npmjs.org/@sideway/pinpoint/2.0.0:
+  registry.npmjs.org/@sideway/pinpoint@2.0.0:
     resolution: {integrity: sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz}
     name: '@sideway/pinpoint'
     version: 2.0.0
     dev: true
 
-  registry.npmjs.org/@svelte-put/shortcut/2.0.0:
+  registry.npmjs.org/@svelte-put/shortcut@2.0.0:
     resolution: {integrity: sha512-dDyxIFlRz+W6wxwQtl2jUen0rX8ofV2VBWaJdz0QehLb0IMDzP3aWM9W4k8cAZQIGmTT0adr1+Gt7HPPUugcpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@svelte-put/shortcut/-/shortcut-2.0.0.tgz}
     name: '@svelte-put/shortcut'
     version: 2.0.0
     dev: false
 
-  registry.npmjs.org/@sveltejs/adapter-auto/2.1.0_@sveltejs+kit@1.20.5:
+  registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.20.5):
     resolution: {integrity: sha512-o2pZCfATFtA/Gw/BB0Xm7k4EYaekXxaPGER3xGSY3FvzFJGTlJlZjBseaXwYSM94lZ0HniOjTokN3cWaLX6fow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-2.1.0.tgz}
     id: registry.npmjs.org/@sveltejs/adapter-auto/2.1.0
     name: '@sveltejs/adapter-auto'
@@ -1445,11 +1827,11 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit/1.20.5_svelte@4.0.0+vite@4.3.9
-      import-meta-resolve: registry.npmjs.org/import-meta-resolve/3.0.0
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit@1.20.5(svelte@4.0.0)(vite@4.3.9)
+      import-meta-resolve: registry.npmjs.org/import-meta-resolve@3.0.0
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit/1.20.5_svelte@4.0.0+vite@4.3.9:
+  registry.npmjs.org/@sveltejs/kit@1.20.5(svelte@4.0.0)(vite@4.3.9):
     resolution: {integrity: sha512-8rJYZ2boRlO75lwpbpB+DlSzIwmTuamXTpVlDtw4dBk86o3UaDe/+Ro4xCsV/4FtTw2U8xPHyV83edAWbQHG0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.20.5.tgz}
     id: registry.npmjs.org/@sveltejs/kit/1.20.5
     name: '@sveltejs/kit'
@@ -1461,25 +1843,25 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1_svelte@4.0.0+vite@4.3.9
-      '@types/cookie': registry.npmjs.org/@types/cookie/0.5.1
-      cookie: registry.npmjs.org/cookie/0.5.0
-      devalue: registry.npmjs.org/devalue/4.3.2
-      esm-env: registry.npmjs.org/esm-env/1.0.0
-      kleur: registry.npmjs.org/kleur/4.1.5
-      magic-string: registry.npmjs.org/magic-string/0.30.0
-      mime: registry.npmjs.org/mime/3.0.0
-      sade: registry.npmjs.org/sade/1.8.1
-      set-cookie-parser: registry.npmjs.org/set-cookie-parser/2.6.0
-      sirv: registry.npmjs.org/sirv/2.0.3
-      svelte: registry.npmjs.org/svelte/4.0.0
-      undici: registry.npmjs.org/undici/5.22.1
-      vite: registry.npmjs.org/vite/4.3.9
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.0.0)(vite@4.3.9)
+      '@types/cookie': registry.npmjs.org/@types/cookie@0.5.1
+      cookie: registry.npmjs.org/cookie@0.5.0
+      devalue: registry.npmjs.org/devalue@4.3.2
+      esm-env: registry.npmjs.org/esm-env@1.0.0
+      kleur: registry.npmjs.org/kleur@4.1.5
+      magic-string: registry.npmjs.org/magic-string@0.30.0
+      mime: registry.npmjs.org/mime@3.0.0
+      sade: registry.npmjs.org/sade@1.8.1
+      set-cookie-parser: registry.npmjs.org/set-cookie-parser@2.6.0
+      sirv: registry.npmjs.org/sirv@2.0.3
+      svelte: registry.npmjs.org/svelte@4.0.0
+      undici: registry.npmjs.org/undici@5.22.1
+      vite: registry.npmjs.org/vite@4.3.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/package/2.1.0_rydvusnd4biuws73vnz24j3wlu:
+  registry.npmjs.org/@sveltejs/package@2.1.0(svelte@4.0.0)(typescript@5.1.3):
     resolution: {integrity: sha512-c6PLH9G2YLQ48kqrS2XX422BrLNABBstSiapamchVJaQnOTXyJmUR8KmoCCySnzVy3PiYL6jg12UnoPmjW3SwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/package/-/package-2.1.0.tgz}
     id: registry.npmjs.org/@sveltejs/package/2.1.0
     name: '@sveltejs/package'
@@ -1489,16 +1871,16 @@ packages:
     peerDependencies:
       svelte: ^3.44.0 || ^4.0.0
     dependencies:
-      chokidar: registry.npmjs.org/chokidar/3.5.3
-      kleur: registry.npmjs.org/kleur/4.1.5
-      sade: registry.npmjs.org/sade/1.8.1
-      svelte: registry.npmjs.org/svelte/4.0.0
-      svelte2tsx: registry.npmjs.org/svelte2tsx/0.6.15_rydvusnd4biuws73vnz24j3wlu
+      chokidar: registry.npmjs.org/chokidar@3.5.3
+      kleur: registry.npmjs.org/kleur@4.1.5
+      sade: registry.npmjs.org/sade@1.8.1
+      svelte: registry.npmjs.org/svelte@4.0.0
+      svelte2tsx: registry.npmjs.org/svelte2tsx@0.6.15(svelte@4.0.0)(typescript@5.1.3)
     transitivePeerDependencies:
       - typescript
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2_k3t2aclno3pjdujtbtaxhi4r4m:
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.0.0)(vite@4.3.9):
     resolution: {integrity: sha512-Cy1dUMcYCnDVV/hPLXa43YZJ2jGKVW5rA0xuNL9dlmYhT0yoS1g7+FOFSRlgk0BXKk/Oc7grs+8BVA5Iz2fr8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.2.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2
     name: '@sveltejs/vite-plugin-svelte-inspector'
@@ -1509,15 +1891,15 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1_svelte@4.0.0+vite@4.3.9
-      debug: registry.npmjs.org/debug/4.3.4
-      svelte: registry.npmjs.org/svelte/4.0.0
-      vite: registry.npmjs.org/vite/4.3.9
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.0.0)(vite@4.3.9)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      svelte: registry.npmjs.org/svelte@4.0.0
+      vite: registry.npmjs.org/vite@4.3.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1_svelte@4.0.0+vite@4.3.9:
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.0.0)(vite@4.3.9):
     resolution: {integrity: sha512-bNNKvoRY89ptY7udeBSCmTdCVwkjmMcZ0j/z9J5MuedT8jPjq0zrknAo/jF1sToAza4NVaAgR9AkZoD9oJJmnA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.1.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1
     name: '@sveltejs/vite-plugin-svelte'
@@ -1527,20 +1909,20 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2_k3t2aclno3pjdujtbtaxhi4r4m
-      debug: registry.npmjs.org/debug/4.3.4
-      deepmerge: registry.npmjs.org/deepmerge/4.3.1
-      kleur: registry.npmjs.org/kleur/4.1.5
-      magic-string: registry.npmjs.org/magic-string/0.30.0
-      svelte: registry.npmjs.org/svelte/4.0.0
-      svelte-hmr: registry.npmjs.org/svelte-hmr/0.15.2_svelte@4.0.0
-      vite: registry.npmjs.org/vite/4.3.9
-      vitefu: registry.npmjs.org/vitefu/0.2.4_vite@4.3.9
+      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.0.0)(vite@4.3.9)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      deepmerge: registry.npmjs.org/deepmerge@4.3.1
+      kleur: registry.npmjs.org/kleur@4.1.5
+      magic-string: registry.npmjs.org/magic-string@0.30.0
+      svelte: registry.npmjs.org/svelte@4.0.0
+      svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.2(svelte@4.0.0)
+      vite: registry.npmjs.org/vite@4.3.9
+      vitefu: registry.npmjs.org/vitefu@0.2.4(vite@4.3.9)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@swc/core-darwin-arm64/1.3.63:
+  registry.npmjs.org/@swc/core-darwin-arm64@1.3.63:
     resolution: {integrity: sha512-lNR0BgG0/6dGpGP+AyFZoZ3YBhZN5GzvgAUzwy4skqn5sKZ7duQD02CNq1lIy7Im5BzgMUcJ+/Z7z/YUlqBK+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.63.tgz}
     name: '@swc/core-darwin-arm64'
     version: 1.3.63
@@ -1551,7 +1933,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-darwin-x64/1.3.63:
+  registry.npmjs.org/@swc/core-darwin-x64@1.3.63:
     resolution: {integrity: sha512-1lydnc+LgSD0gwD1axW3+Y1htKZZRn33aJF4ITd6hsA9Y2eIhdMVxgx6peXp8wWzoRBXy5GEMTnd7704oya4zw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.63.tgz}
     name: '@swc/core-darwin-x64'
     version: 1.3.63
@@ -1562,7 +1944,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-arm-gnueabihf/1.3.63:
+  registry.npmjs.org/@swc/core-linux-arm-gnueabihf@1.3.63:
     resolution: {integrity: sha512-cJT+XJ6f25QeAcz2ONy1i8WKP6olqOIbU5fHZKsoPqEZmLkK5NCTnmIolT0HZpH1SNkE/hHkPYGn620Domvn8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.63.tgz}
     name: '@swc/core-linux-arm-gnueabihf'
     version: 1.3.63
@@ -1573,7 +1955,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-arm64-gnu/1.3.63:
+  registry.npmjs.org/@swc/core-linux-arm64-gnu@1.3.63:
     resolution: {integrity: sha512-xtuk0v/86i0UR6G+5X6l3bgP1I1iWlEI23ad44L0FNrZ8wLLEvVzYuVoI6U5fKbp91LAsVpdWyyvSAo1sT7BWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.63.tgz}
     name: '@swc/core-linux-arm64-gnu'
     version: 1.3.63
@@ -1584,7 +1966,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-arm64-musl/1.3.63:
+  registry.npmjs.org/@swc/core-linux-arm64-musl@1.3.63:
     resolution: {integrity: sha512-AIRqE/3659zt5hfZzj3i/xtJbJl1iz9FcYEGUsIqqrxouqZWNbFujQpIguX4qFI7uoM+m6p6pqLjMmArwErRxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.63.tgz}
     name: '@swc/core-linux-arm64-musl'
     version: 1.3.63
@@ -1595,7 +1977,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-x64-gnu/1.3.63:
+  registry.npmjs.org/@swc/core-linux-x64-gnu@1.3.63:
     resolution: {integrity: sha512-EAB5gkgDvStJofvdQU40hqEqjtSvtPs3PR0WupZtbLKWWCTWg76uTXQZEKNYx9r60Pt7sx1BAa3XnqgXjmcjDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.63.tgz}
     name: '@swc/core-linux-x64-gnu'
     version: 1.3.63
@@ -1606,7 +1988,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-x64-musl/1.3.63:
+  registry.npmjs.org/@swc/core-linux-x64-musl@1.3.63:
     resolution: {integrity: sha512-8ScbtDPd8Hr1VkpzCseI5H770YgxxjTFsxinH9UtJWJBFIkdu2rEwjgz4t+lDjsc/R3JWaKt1q8Dkgzqmj+77g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.63.tgz}
     name: '@swc/core-linux-x64-musl'
     version: 1.3.63
@@ -1617,7 +1999,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-win32-arm64-msvc/1.3.63:
+  registry.npmjs.org/@swc/core-win32-arm64-msvc@1.3.63:
     resolution: {integrity: sha512-+41tEugXJjpK04KIb2+Xlpb1NArhIne4u0NQo+cHb6ekJoqQmgIj3uNJhQ0v+0DDMjFqbA07l0KYNMgYLBls/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.63.tgz}
     name: '@swc/core-win32-arm64-msvc'
     version: 1.3.63
@@ -1628,7 +2010,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-win32-ia32-msvc/1.3.63:
+  registry.npmjs.org/@swc/core-win32-ia32-msvc@1.3.63:
     resolution: {integrity: sha512-W6nPOD5k++rSmoAb0Jg0h7gyfjly8b5ld7cSnmrWKXfmjgxOqxcoqP2LlzNkamg320eqkGaD9n+UnPJDteLTBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.63.tgz}
     name: '@swc/core-win32-ia32-msvc'
     version: 1.3.63
@@ -1639,7 +2021,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-win32-x64-msvc/1.3.63:
+  registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.63:
     resolution: {integrity: sha512-MHNCF3GWtlKZL3vNhMiCrtM4gBHqAv0Iw38bLoJRagh1Q/UDNVjNzWhgngCno9NUQodMtCo6G7iTQilW7YaAQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.63.tgz}
     name: '@swc/core-win32-x64-msvc'
     version: 1.3.63
@@ -1650,7 +2032,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core/1.3.63:
+  registry.npmjs.org/@swc/core@1.3.63:
     resolution: {integrity: sha512-mNRMr0xcqkvnC1a/H7rpMtbIjq7KKy4XaW/+zj3+w9cH5g72eMo3ADNHE03zHoqPn+Ov3szzFOMHT6rgJlRxow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core/-/core-1.3.63.tgz}
     name: '@swc/core'
     version: 1.3.63
@@ -1662,404 +2044,401 @@ packages:
       '@swc/helpers':
         optional: true
     optionalDependencies:
-      '@swc/core-darwin-arm64': registry.npmjs.org/@swc/core-darwin-arm64/1.3.63
-      '@swc/core-darwin-x64': registry.npmjs.org/@swc/core-darwin-x64/1.3.63
-      '@swc/core-linux-arm-gnueabihf': registry.npmjs.org/@swc/core-linux-arm-gnueabihf/1.3.63
-      '@swc/core-linux-arm64-gnu': registry.npmjs.org/@swc/core-linux-arm64-gnu/1.3.63
-      '@swc/core-linux-arm64-musl': registry.npmjs.org/@swc/core-linux-arm64-musl/1.3.63
-      '@swc/core-linux-x64-gnu': registry.npmjs.org/@swc/core-linux-x64-gnu/1.3.63
-      '@swc/core-linux-x64-musl': registry.npmjs.org/@swc/core-linux-x64-musl/1.3.63
-      '@swc/core-win32-arm64-msvc': registry.npmjs.org/@swc/core-win32-arm64-msvc/1.3.63
-      '@swc/core-win32-ia32-msvc': registry.npmjs.org/@swc/core-win32-ia32-msvc/1.3.63
-      '@swc/core-win32-x64-msvc': registry.npmjs.org/@swc/core-win32-x64-msvc/1.3.63
-    dev: true
-
-  registry.npmjs.org/@types/cookie/0.5.1:
+      '@swc/core-darwin-arm64': registry.npmjs.org/@swc/core-darwin-arm64@1.3.63
+      '@swc/core-darwin-x64': registry.npmjs.org/@swc/core-darwin-x64@1.3.63
+      '@swc/core-linux-arm-gnueabihf': registry.npmjs.org/@swc/core-linux-arm-gnueabihf@1.3.63
+      '@swc/core-linux-arm64-gnu': registry.npmjs.org/@swc/core-linux-arm64-gnu@1.3.63
+      '@swc/core-linux-arm64-musl': registry.npmjs.org/@swc/core-linux-arm64-musl@1.3.63
+      '@swc/core-linux-x64-gnu': registry.npmjs.org/@swc/core-linux-x64-gnu@1.3.63
+      '@swc/core-linux-x64-musl': registry.npmjs.org/@swc/core-linux-x64-musl@1.3.63
+      '@swc/core-win32-arm64-msvc': registry.npmjs.org/@swc/core-win32-arm64-msvc@1.3.63
+      '@swc/core-win32-ia32-msvc': registry.npmjs.org/@swc/core-win32-ia32-msvc@1.3.63
+      '@swc/core-win32-x64-msvc': registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.63
+    dev: true
+
+  registry.npmjs.org/@types/cookie@0.5.1:
     resolution: {integrity: sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/cookie/-/cookie-0.5.1.tgz}
     name: '@types/cookie'
     version: 0.5.1
     dev: true
 
-  registry.npmjs.org/@types/d3-array/3.0.5:
+  registry.npmjs.org/@types/d3-array@3.0.5:
     resolution: {integrity: sha512-Qk7fpJ6qFp+26VeQ47WY0mkwXaiq8+76RJcncDEfMc2ocRzXLO67bLFRNI4OX1aGBoPzsM5Y2T+/m1pldOgD+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-array/-/d3-array-3.0.5.tgz}
     name: '@types/d3-array'
     version: 3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-axis/3.0.2:
+  registry.npmjs.org/@types/d3-axis@3.0.2:
     resolution: {integrity: sha512-uGC7DBh0TZrU/LY43Fd8Qr+2ja1FKmH07q2FoZFHo1eYl8aj87GhfVoY1saJVJiq24rp1+wpI6BvQJMKgQm8oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.2.tgz}
     name: '@types/d3-axis'
     version: 3.0.2
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-brush/3.0.2:
+  registry.npmjs.org/@types/d3-brush@3.0.2:
     resolution: {integrity: sha512-2TEm8KzUG3N7z0TrSKPmbxByBx54M+S9lHoP2J55QuLU0VSQ9mE96EJSAOVNEqd1bbynMjeTS9VHmz8/bSw8rA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.2.tgz}
     name: '@types/d3-brush'
     version: 3.0.2
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-chord/3.0.2:
+  registry.npmjs.org/@types/d3-chord@3.0.2:
     resolution: {integrity: sha512-abT/iLHD3sGZwqMTX1TYCMEulr+wBd0SzyOQnjYNLp7sngdOHYtNkMRI5v3w5thoN+BWtlHVDx2Osvq6fxhZWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.2.tgz}
     name: '@types/d3-chord'
     version: 3.0.2
     dev: false
 
-  registry.npmjs.org/@types/d3-color/3.1.0:
+  registry.npmjs.org/@types/d3-color@3.1.0:
     resolution: {integrity: sha512-HKuicPHJuvPgCD+np6Se9MQvS6OCbJmOjGvylzMJRlDwUXjKTTXs6Pwgk79O09Vj/ho3u1ofXnhFOaEWWPrlwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.0.tgz}
     name: '@types/d3-color'
     version: 3.1.0
     dev: false
 
-  registry.npmjs.org/@types/d3-contour/3.0.2:
+  registry.npmjs.org/@types/d3-contour@3.0.2:
     resolution: {integrity: sha512-k6/bGDoAGJZnZWaKzeB+9glgXCYGvh6YlluxzBREiVo8f/X2vpTEdgPy9DN7Z2i42PZOZ4JDhVdlTSTSkLDPlQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.2.tgz}
     name: '@types/d3-contour'
     version: 3.0.2
     dependencies:
-      '@types/d3-array': registry.npmjs.org/@types/d3-array/3.0.5
-      '@types/geojson': registry.npmjs.org/@types/geojson/7946.0.10
+      '@types/d3-array': registry.npmjs.org/@types/d3-array@3.0.5
+      '@types/geojson': registry.npmjs.org/@types/geojson@7946.0.10
     dev: false
 
-  registry.npmjs.org/@types/d3-delaunay/6.0.1:
+  registry.npmjs.org/@types/d3-delaunay@6.0.1:
     resolution: {integrity: sha512-tLxQ2sfT0p6sxdG75c6f/ekqxjyYR0+LwPrsO1mbC9YDBzPJhs2HbJJRrn8Ez1DBoHRo2yx7YEATI+8V1nGMnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-delaunay/-/d3-delaunay-6.0.1.tgz}
     name: '@types/d3-delaunay'
     version: 6.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-dispatch/3.0.2:
+  registry.npmjs.org/@types/d3-dispatch@3.0.2:
     resolution: {integrity: sha512-rxN6sHUXEZYCKV05MEh4z4WpPSqIw+aP7n9ZN6WYAAvZoEAghEK1WeVZMZcHRBwyaKflU43PCUAJNjFxCzPDjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.2.tgz}
     name: '@types/d3-dispatch'
     version: 3.0.2
     dev: false
 
-  registry.npmjs.org/@types/d3-drag/3.0.2:
+  registry.npmjs.org/@types/d3-drag@3.0.2:
     resolution: {integrity: sha512-qmODKEDvyKWVHcWWCOVcuVcOwikLVsyc4q4EBJMREsoQnR2Qoc2cZQUyFUPgO9q4S3qdSqJKBsuefv+h0Qy+tw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.2.tgz}
     name: '@types/d3-drag'
     version: 3.0.2
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-dsv/3.0.1:
+  registry.npmjs.org/@types/d3-dsv@3.0.1:
     resolution: {integrity: sha512-76pBHCMTvPLt44wFOieouXcGXWOF0AJCceUvaFkxSZEu4VDUdv93JfpMa6VGNFs01FHfuP4a5Ou68eRG1KBfTw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.1.tgz}
     name: '@types/d3-dsv'
     version: 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-ease/3.0.0:
+  registry.npmjs.org/@types/d3-ease@3.0.0:
     resolution: {integrity: sha512-aMo4eaAOijJjA6uU+GIeW018dvy9+oH5Y2VPPzjjfxevvGQ/oRDs+tfYC9b50Q4BygRR8yE2QCLsrT0WtAVseA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.0.tgz}
     name: '@types/d3-ease'
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-fetch/3.0.2:
+  registry.npmjs.org/@types/d3-fetch@3.0.2:
     resolution: {integrity: sha512-gllwYWozWfbep16N9fByNBDTkJW/SyhH6SGRlXloR7WdtAaBui4plTP+gbUgiEot7vGw/ZZop1yDZlgXXSuzjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.2.tgz}
     name: '@types/d3-fetch'
     version: 3.0.2
     dependencies:
-      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv/3.0.1
+      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv@3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-force/3.0.4:
+  registry.npmjs.org/@types/d3-force@3.0.4:
     resolution: {integrity: sha512-q7xbVLrWcXvSBBEoadowIUJ7sRpS1yvgMWnzHJggFy5cUZBq2HZL5k/pBSm0GdYWS1vs5/EDwMjSKF55PDY4Aw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.4.tgz}
     name: '@types/d3-force'
     version: 3.0.4
     dev: false
 
-  registry.npmjs.org/@types/d3-format/3.0.1:
+  registry.npmjs.org/@types/d3-format@3.0.1:
     resolution: {integrity: sha512-5KY70ifCCzorkLuIkDe0Z9YTf9RR2CjBX1iaJG+rgM/cPP+sO+q9YdQ9WdhQcgPj1EQiJ2/0+yUkkziTG6Lubg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.1.tgz}
     name: '@types/d3-format'
     version: 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-geo/3.0.3:
+  registry.npmjs.org/@types/d3-geo@3.0.3:
     resolution: {integrity: sha512-bK9uZJS3vuDCNeeXQ4z3u0E7OeJZXjUgzFdSOtNtMCJCLvDtWDwfpRVWlyt3y8EvRzI0ccOu9xlMVirawolSCw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.0.3.tgz}
     name: '@types/d3-geo'
     version: 3.0.3
     dependencies:
-      '@types/geojson': registry.npmjs.org/@types/geojson/7946.0.10
+      '@types/geojson': registry.npmjs.org/@types/geojson@7946.0.10
     dev: false
 
-  registry.npmjs.org/@types/d3-hierarchy/3.1.2:
+  registry.npmjs.org/@types/d3-hierarchy@3.1.2:
     resolution: {integrity: sha512-9hjRTVoZjRFR6xo8igAJyNXQyPX6Aq++Nhb5ebrUF414dv4jr2MitM2fWiOY475wa3Za7TOS2Gh9fmqEhLTt0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz}
     name: '@types/d3-hierarchy'
     version: 3.1.2
     dev: false
 
-  registry.npmjs.org/@types/d3-interpolate/3.0.1:
+  registry.npmjs.org/@types/d3-interpolate@3.0.1:
     resolution: {integrity: sha512-jx5leotSeac3jr0RePOH1KdR9rISG91QIE4Q2PYTu4OymLTZfA3SrnURSLzKH48HmXVUru50b8nje4E79oQSQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.1.tgz}
     name: '@types/d3-interpolate'
     version: 3.0.1
     dependencies:
-      '@types/d3-color': registry.npmjs.org/@types/d3-color/3.1.0
+      '@types/d3-color': registry.npmjs.org/@types/d3-color@3.1.0
     dev: false
 
-  registry.npmjs.org/@types/d3-path/3.0.0:
+  registry.npmjs.org/@types/d3-path@3.0.0:
     resolution: {integrity: sha512-0g/A+mZXgFkQxN3HniRDbXMN79K3CdTpLsevj+PXiTcb2hVyvkZUBg37StmgCQkaD84cUJ4uaDAWq7UJOQy2Tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-path/-/d3-path-3.0.0.tgz}
     name: '@types/d3-path'
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-polygon/3.0.0:
+  registry.npmjs.org/@types/d3-polygon@3.0.0:
     resolution: {integrity: sha512-D49z4DyzTKXM0sGKVqiTDTYr+DHg/uxsiWDAkNrwXYuiZVd9o9wXZIo+YsHkifOiyBkmSWlEngHCQme54/hnHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-polygon/-/d3-polygon-3.0.0.tgz}
     name: '@types/d3-polygon'
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-quadtree/3.0.2:
+  registry.npmjs.org/@types/d3-quadtree@3.0.2:
     resolution: {integrity: sha512-QNcK8Jguvc8lU+4OfeNx+qnVy7c0VrDJ+CCVFS9srBo2GL9Y18CnIxBdTF3v38flrGy5s1YggcoAiu6s4fLQIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.2.tgz}
     name: '@types/d3-quadtree'
     version: 3.0.2
     dev: false
 
-  registry.npmjs.org/@types/d3-random/3.0.1:
+  registry.npmjs.org/@types/d3-random@3.0.1:
     resolution: {integrity: sha512-IIE6YTekGczpLYo/HehAy3JGF1ty7+usI97LqraNa8IiDur+L44d0VOjAvFQWJVdZOJHukUJw+ZdZBlgeUsHOQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.1.tgz}
     name: '@types/d3-random'
     version: 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-scale-chromatic/3.0.0:
+  registry.npmjs.org/@types/d3-scale-chromatic@3.0.0:
     resolution: {integrity: sha512-dsoJGEIShosKVRBZB0Vo3C8nqSDqVGujJU6tPznsBJxNJNwMF8utmS83nvCBKQYPpjCzaaHcrf66iTRpZosLPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.0.0.tgz}
     name: '@types/d3-scale-chromatic'
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-scale/4.0.3:
+  registry.npmjs.org/@types/d3-scale@4.0.3:
     resolution: {integrity: sha512-PATBiMCpvHJSMtZAMEhc2WyL+hnzarKzI6wAHYjhsonjWJYGq5BXTzQjv4l8m2jO183/4wZ90rKvSeT7o72xNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.3.tgz}
     name: '@types/d3-scale'
     version: 4.0.3
     dependencies:
-      '@types/d3-time': registry.npmjs.org/@types/d3-time/3.0.0
+      '@types/d3-time': registry.npmjs.org/@types/d3-time@3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-selection/3.0.5:
+  registry.npmjs.org/@types/d3-selection@3.0.5:
     resolution: {integrity: sha512-xCB0z3Hi8eFIqyja3vW8iV01+OHGYR2di/+e+AiOcXIOrY82lcvWW8Ke1DYE/EUVMsBl4Db9RppSBS3X1U6J0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.5.tgz}
     name: '@types/d3-selection'
     version: 3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-shape/3.1.1:
+  registry.npmjs.org/@types/d3-shape@3.1.1:
     resolution: {integrity: sha512-6Uh86YFF7LGg4PQkuO2oG6EMBRLuW9cbavUW46zkIO5kuS2PfTqo2o9SkgtQzguBHbLgNnU90UNsITpsX1My+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.1.tgz}
     name: '@types/d3-shape'
     version: 3.1.1
     dependencies:
-      '@types/d3-path': registry.npmjs.org/@types/d3-path/3.0.0
+      '@types/d3-path': registry.npmjs.org/@types/d3-path@3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-time-format/4.0.0:
+  registry.npmjs.org/@types/d3-time-format@4.0.0:
     resolution: {integrity: sha512-yjfBUe6DJBsDin2BMIulhSHmr5qNR5Pxs17+oW4DoVPyVIXZ+m6bs7j1UVKP08Emv6jRmYrYqxYzO63mQxy1rw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-time-format/-/d3-time-format-4.0.0.tgz}
     name: '@types/d3-time-format'
     version: 4.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-time/3.0.0:
+  registry.npmjs.org/@types/d3-time@3.0.0:
     resolution: {integrity: sha512-sZLCdHvBUcNby1cB6Fd3ZBrABbjz3v1Vm90nysCQ6Vt7vd6e/h9Lt7SiJUoEX0l4Dzc7P5llKyhqSi1ycSf1Hg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.0.tgz}
     name: '@types/d3-time'
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-timer/3.0.0:
+  registry.npmjs.org/@types/d3-timer@3.0.0:
     resolution: {integrity: sha512-HNB/9GHqu7Fo8AQiugyJbv6ZxYz58wef0esl4Mv828w1ZKpAshw/uFWVDUcIB9KKFeFKoxS3cHY07FFgtTRZ1g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.0.tgz}
     name: '@types/d3-timer'
     version: 3.0.0
     dev: false
 
-  registry.npmjs.org/@types/d3-transition/3.0.3:
+  registry.npmjs.org/@types/d3-transition@3.0.3:
     resolution: {integrity: sha512-/S90Od8Id1wgQNvIA8iFv9jRhCiZcGhPd2qX0bKF/PS+y0W5CrXKgIiELd2CvG1mlQrWK/qlYh3VxicqG1ZvgA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.3.tgz}
     name: '@types/d3-transition'
     version: 3.0.3
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-zoom/3.0.3:
+  registry.npmjs.org/@types/d3-zoom@3.0.3:
     resolution: {integrity: sha512-OWk1yYIIWcZ07+igN6BeoG6rqhnJ/pYe+R1qWFM2DtW49zsoSjgb9G5xB0ZXA8hh2jAzey1XuRmMSoXdKw8MDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.3.tgz}
     name: '@types/d3-zoom'
     version: 3.0.3
     dependencies:
-      '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate/3.0.1
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
+      '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate@3.0.1
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3/7.4.0:
+  registry.npmjs.org/@types/d3@7.4.0:
     resolution: {integrity: sha512-jIfNVK0ZlxcuRDKtRS/SypEyOQ6UHaFQBKv032X45VvxSJ6Yi5G9behy9h6tNTHTDGh5Vq+KbmBjUWLgY4meCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3/-/d3-7.4.0.tgz}
     name: '@types/d3'
     version: 7.4.0
     dependencies:
-      '@types/d3-array': registry.npmjs.org/@types/d3-array/3.0.5
-      '@types/d3-axis': registry.npmjs.org/@types/d3-axis/3.0.2
-      '@types/d3-brush': registry.npmjs.org/@types/d3-brush/3.0.2
-      '@types/d3-chord': registry.npmjs.org/@types/d3-chord/3.0.2
-      '@types/d3-color': registry.npmjs.org/@types/d3-color/3.1.0
-      '@types/d3-contour': registry.npmjs.org/@types/d3-contour/3.0.2
-      '@types/d3-delaunay': registry.npmjs.org/@types/d3-delaunay/6.0.1
-      '@types/d3-dispatch': registry.npmjs.org/@types/d3-dispatch/3.0.2
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag/3.0.2
-      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv/3.0.1
-      '@types/d3-ease': registry.npmjs.org/@types/d3-ease/3.0.0
-      '@types/d3-fetch': registry.npmjs.org/@types/d3-fetch/3.0.2
-      '@types/d3-force': registry.npmjs.org/@types/d3-force/3.0.4
-      '@types/d3-format': registry.npmjs.org/@types/d3-format/3.0.1
-      '@types/d3-geo': registry.npmjs.org/@types/d3-geo/3.0.3
-      '@types/d3-hierarchy': registry.npmjs.org/@types/d3-hierarchy/3.1.2
-      '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate/3.0.1
-      '@types/d3-path': registry.npmjs.org/@types/d3-path/3.0.0
-      '@types/d3-polygon': registry.npmjs.org/@types/d3-polygon/3.0.0
-      '@types/d3-quadtree': registry.npmjs.org/@types/d3-quadtree/3.0.2
-      '@types/d3-random': registry.npmjs.org/@types/d3-random/3.0.1
-      '@types/d3-scale': registry.npmjs.org/@types/d3-scale/4.0.3
-      '@types/d3-scale-chromatic': registry.npmjs.org/@types/d3-scale-chromatic/3.0.0
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection/3.0.5
-      '@types/d3-shape': registry.npmjs.org/@types/d3-shape/3.1.1
-      '@types/d3-time': registry.npmjs.org/@types/d3-time/3.0.0
-      '@types/d3-time-format': registry.npmjs.org/@types/d3-time-format/4.0.0
-      '@types/d3-timer': registry.npmjs.org/@types/d3-timer/3.0.0
-      '@types/d3-transition': registry.npmjs.org/@types/d3-transition/3.0.3
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom/3.0.3
+      '@types/d3-array': registry.npmjs.org/@types/d3-array@3.0.5
+      '@types/d3-axis': registry.npmjs.org/@types/d3-axis@3.0.2
+      '@types/d3-brush': registry.npmjs.org/@types/d3-brush@3.0.2
+      '@types/d3-chord': registry.npmjs.org/@types/d3-chord@3.0.2
+      '@types/d3-color': registry.npmjs.org/@types/d3-color@3.1.0
+      '@types/d3-contour': registry.npmjs.org/@types/d3-contour@3.0.2
+      '@types/d3-delaunay': registry.npmjs.org/@types/d3-delaunay@6.0.1
+      '@types/d3-dispatch': registry.npmjs.org/@types/d3-dispatch@3.0.2
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag@3.0.2
+      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv@3.0.1
+      '@types/d3-ease': registry.npmjs.org/@types/d3-ease@3.0.0
+      '@types/d3-fetch': registry.npmjs.org/@types/d3-fetch@3.0.2
+      '@types/d3-force': registry.npmjs.org/@types/d3-force@3.0.4
+      '@types/d3-format': registry.npmjs.org/@types/d3-format@3.0.1
+      '@types/d3-geo': registry.npmjs.org/@types/d3-geo@3.0.3
+      '@types/d3-hierarchy': registry.npmjs.org/@types/d3-hierarchy@3.1.2
+      '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate@3.0.1
+      '@types/d3-path': registry.npmjs.org/@types/d3-path@3.0.0
+      '@types/d3-polygon': registry.npmjs.org/@types/d3-polygon@3.0.0
+      '@types/d3-quadtree': registry.npmjs.org/@types/d3-quadtree@3.0.2
+      '@types/d3-random': registry.npmjs.org/@types/d3-random@3.0.1
+      '@types/d3-scale': registry.npmjs.org/@types/d3-scale@4.0.3
+      '@types/d3-scale-chromatic': registry.npmjs.org/@types/d3-scale-chromatic@3.0.0
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
+      '@types/d3-shape': registry.npmjs.org/@types/d3-shape@3.1.1
+      '@types/d3-time': registry.npmjs.org/@types/d3-time@3.0.0
+      '@types/d3-time-format': registry.npmjs.org/@types/d3-time-format@4.0.0
+      '@types/d3-timer': registry.npmjs.org/@types/d3-timer@3.0.0
+      '@types/d3-transition': registry.npmjs.org/@types/d3-transition@3.0.3
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom@3.0.3
     dev: false
 
-  registry.npmjs.org/@types/dagre/0.7.48:
+  registry.npmjs.org/@types/dagre@0.7.48:
     resolution: {integrity: sha512-rF3yXSwHIrDxEkN6edCE4TXknb5YSEpiXfLaspw1I08grC49ZFuAVGOQCmZGIuLUGoFgcqGlUFBL/XrpgYpQgw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/dagre/-/dagre-0.7.48.tgz}
     name: '@types/dagre'
     version: 0.7.48
     dev: true
 
-  registry.npmjs.org/@types/estree/1.0.1:
+  registry.npmjs.org/@types/estree@1.0.1:
     resolution: {integrity: sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz}
     name: '@types/estree'
     version: 1.0.1
     dev: true
 
-  registry.npmjs.org/@types/geojson/7946.0.10:
+  registry.npmjs.org/@types/geojson@7946.0.10:
     resolution: {integrity: sha512-Nmh0K3iWQJzniTuPRcJn5hxXkfB1T1pgB89SBig5PlJQU5yocazeu4jATJlaA0GYFKWMqDdvYemoSnF2pXgLVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.10.tgz}
     name: '@types/geojson'
     version: 7946.0.10
     dev: false
 
-  registry.npmjs.org/@types/is-ci/3.0.0:
+  registry.npmjs.org/@types/is-ci@3.0.0:
     resolution: {integrity: sha512-Q0Op0hdWbYd1iahB+IFNQcWXFq4O0Q5MwQP7uN0souuQ4rPg1vEYcnIOfr1gY+M+6rc8FGoRaBO1mOOvL29sEQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/is-ci/-/is-ci-3.0.0.tgz}
     name: '@types/is-ci'
     version: 3.0.0
     dependencies:
-      ci-info: registry.npmjs.org/ci-info/3.8.0
+      ci-info: registry.npmjs.org/ci-info@3.8.0
     dev: true
 
-  registry.npmjs.org/@types/json-schema/7.0.12:
+  registry.npmjs.org/@types/json-schema@7.0.12:
     resolution: {integrity: sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz}
     name: '@types/json-schema'
     version: 7.0.12
     dev: true
 
-  registry.npmjs.org/@types/minimist/1.2.2:
+  registry.npmjs.org/@types/minimist@1.2.2:
     resolution: {integrity: sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz}
     name: '@types/minimist'
     version: 1.2.2
     dev: true
 
-  registry.npmjs.org/@types/node/12.20.55:
+  registry.npmjs.org/@types/node@12.20.55:
     resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-12.20.55.tgz}
     name: '@types/node'
     version: 12.20.55
     dev: true
 
-  registry.npmjs.org/@types/node/14.18.51:
-    resolution: {integrity: sha512-P9bsdGFPpVtofEKlhWMVS2qqx1A/rt9QBfihWlklfHHpUpjtYse5AzFz6j4DWrARLYh6gRnw9+5+DJcrq3KvBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-14.18.51.tgz}
+  registry.npmjs.org/@types/node@16.18.40:
+    resolution: {integrity: sha512-+yno3ItTEwGxXiS/75Q/aHaa5srkpnJaH+kdkTVJ3DtJEwv92itpKbxU+FjPoh2m/5G9zmUQfrL4A4C13c+iGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-16.18.40.tgz}
     name: '@types/node'
-    version: 14.18.51
+    version: 16.18.40
     dev: true
 
-  registry.npmjs.org/@types/node/18.16.18:
+  registry.npmjs.org/@types/node@18.16.18:
     resolution: {integrity: sha512-/aNaQZD0+iSBAGnvvN2Cx92HqE5sZCPZtx2TsK+4nvV23fFe09jVDvpArXr2j9DnYlzuU9WuoykDDc6wqvpNcw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-18.16.18.tgz}
     name: '@types/node'
     version: 18.16.18
     dev: true
 
-  registry.npmjs.org/@types/normalize-package-data/2.4.1:
+  registry.npmjs.org/@types/normalize-package-data@2.4.1:
     resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz}
     name: '@types/normalize-package-data'
     version: 2.4.1
     dev: true
 
-  registry.npmjs.org/@types/prop-types/15.7.5:
+  registry.npmjs.org/@types/prop-types@15.7.5:
     resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz}
     name: '@types/prop-types'
     version: 15.7.5
-    dev: true
 
-  registry.npmjs.org/@types/pug/2.0.6:
+  registry.npmjs.org/@types/pug@2.0.6:
     resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/pug/-/pug-2.0.6.tgz}
     name: '@types/pug'
     version: 2.0.6
     dev: true
 
-  registry.npmjs.org/@types/react-dom/18.2.5:
+  registry.npmjs.org/@types/react-dom@18.2.5:
     resolution: {integrity: sha512-sRQsOS/sCLnpQhR4DSKGTtWFE3FZjpQa86KPVbhUqdYMRZ9FEFcfAytKhR/vUG2rH1oFbOOej6cuD7MFSobDRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.5.tgz}
     name: '@types/react-dom'
     version: 18.2.5
     dependencies:
-      '@types/react': registry.npmjs.org/@types/react/18.2.12
+      '@types/react': registry.npmjs.org/@types/react@18.2.12
     dev: true
 
-  registry.npmjs.org/@types/react/18.2.12:
+  registry.npmjs.org/@types/react@18.2.12:
     resolution: {integrity: sha512-ndmBMLCgn38v3SntMeoJaIrO6tGHYKMEBohCUmw8HoLLQdRMOIGXfeYaBTLe2lsFaSB3MOK1VXscYFnmLtTSmw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.12.tgz}
     name: '@types/react'
     version: 18.2.12
     dependencies:
-      '@types/prop-types': registry.npmjs.org/@types/prop-types/15.7.5
-      '@types/scheduler': registry.npmjs.org/@types/scheduler/0.16.3
-      csstype: registry.npmjs.org/csstype/3.1.2
-    dev: true
+      '@types/prop-types': registry.npmjs.org/@types/prop-types@15.7.5
+      '@types/scheduler': registry.npmjs.org/@types/scheduler@0.16.3
+      csstype: registry.npmjs.org/csstype@3.1.2
 
-  registry.npmjs.org/@types/resolve/1.20.2:
+  registry.npmjs.org/@types/resolve@1.20.2:
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz}
     name: '@types/resolve'
     version: 1.20.2
     dev: true
 
-  registry.npmjs.org/@types/scheduler/0.16.3:
+  registry.npmjs.org/@types/scheduler@0.16.3:
     resolution: {integrity: sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz}
     name: '@types/scheduler'
     version: 0.16.3
-    dev: true
 
-  registry.npmjs.org/@types/semver/6.2.3:
+  registry.npmjs.org/@types/semver@6.2.3:
     resolution: {integrity: sha512-KQf+QAMWKMrtBMsB8/24w53tEsxllMj6TuA80TT/5igJalLI/zm0L3oXRbIAl4Ohfc85gyHX/jhMwsVkmhLU4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/semver/-/semver-6.2.3.tgz}
     name: '@types/semver'
     version: 6.2.3
     dev: true
 
-  registry.npmjs.org/@types/semver/7.5.0:
+  registry.npmjs.org/@types/semver@7.5.0:
     resolution: {integrity: sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz}
     name: '@types/semver'
     version: 7.5.0
     dev: true
 
-  registry.npmjs.org/@types/sinonjs__fake-timers/8.1.1:
+  registry.npmjs.org/@types/sinonjs__fake-timers@8.1.1:
     resolution: {integrity: sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.1.tgz}
     name: '@types/sinonjs__fake-timers'
     version: 8.1.1
     dev: true
 
-  registry.npmjs.org/@types/sizzle/2.3.3:
+  registry.npmjs.org/@types/sizzle@2.3.3:
     resolution: {integrity: sha512-JYM8x9EGF163bEyhdJBpR2QX1R5naCJHC8ucJylJ3w9/CVBaskdQ8WqBf8MmQrd1kRvp/a4TS8HJ+bxzR7ZJYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.3.tgz}
     name: '@types/sizzle'
     version: 2.3.3
     dev: true
 
-  registry.npmjs.org/@types/yauzl/2.10.0:
+  registry.npmjs.org/@types/yauzl@2.10.0:
     resolution: {integrity: sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.0.tgz}
     name: '@types/yauzl'
     version: 2.10.0
     requiresBuild: true
     dependencies:
-      '@types/node': registry.npmjs.org/@types/node/14.18.51
+      '@types/node': registry.npmjs.org/@types/node@16.18.40
     dev: true
     optional: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0_6yzi2ymi2jevhjfd3hf6w262e4:
+  registry.npmjs.org/@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-78B+anHLF1TI8Jn/cD0Q00TBYdMgjdOn980JfAVa9yw5sop8nyTfVOQAv6LWywkOGLclDBtv5z3oxN4w7jxyNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0
     name: '@typescript-eslint/eslint-plugin'
@@ -2073,55 +2452,57 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.60.0_7yfldhli4vs6yywnkyiujhawka
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.60.0_7yfldhli4vs6yywnkyiujhawka
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.60.0_7yfldhli4vs6yywnkyiujhawka
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.43.0
-      grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
-      ignore: registry.npmjs.org/ignore/5.2.4
-      natural-compare-lite: registry.npmjs.org/natural-compare-lite/1.4.0
-      semver: registry.npmjs.org/semver/7.5.1
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.5.1
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@5.60.0
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      grapheme-splitter: registry.npmjs.org/grapheme-splitter@1.0.4
+      ignore: registry.npmjs.org/ignore@5.2.4
+      natural-compare-lite: registry.npmjs.org/natural-compare-lite@1.4.0
+      semver: registry.npmjs.org/semver@7.5.1
+      tsutils: registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0_xj5ev3uwennxkmahqnxqanffxm:
-    resolution: {integrity: sha512-78B+anHLF1TI8Jn/cD0Q00TBYdMgjdOn980JfAVa9yw5sop8nyTfVOQAv6LWywkOGLclDBtv5z3oxN4w7jxyNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.60.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0
+  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.3.0(@typescript-eslint/parser@6.3.0)(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-IZYjYZ0ifGSLZbwMqIip/nOamFiWJ9AH+T/GYNZBWkVcyNQOFGtSMoWV7RvY4poYCMZ/4lHzNl796WOSNxmk8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.3.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.3.0
     name: '@typescript-eslint/eslint-plugin'
-    version: 5.60.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    version: 6.3.0
+    engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^5.0.0
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+      eslint: ^7.0.0 || ^8.0.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.42.0
-      grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
-      ignore: registry.npmjs.org/ignore/5.2.4
-      natural-compare-lite: registry.npmjs.org/natural-compare-lite/1.4.0
-      semver: registry.npmjs.org/semver/7.5.1
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.6.2
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.3.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.3.0
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.3.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.3.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.3.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.42.0
+      graphemer: registry.npmjs.org/graphemer@1.4.0
+      ignore: registry.npmjs.org/ignore@5.2.4
+      natural-compare: registry.npmjs.org/natural-compare@1.4.0
+      natural-compare-lite: registry.npmjs.org/natural-compare-lite@1.4.0
+      semver: registry.npmjs.org/semver@7.5.4
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser/5.60.0_7yfldhli4vs6yywnkyiujhawka:
+  registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-jBONcBsDJ9UoTWrARkRRCgDz6wUggmH5RpQVlt7BimSwaTkTjwypGzKORXbR4/2Hqjk9hgwlon2rVQAjWNpkyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/parser/5.60.0
     name: '@typescript-eslint/parser'
@@ -2134,50 +2515,61 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.43.0
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@5.60.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u:
-    resolution: {integrity: sha512-jBONcBsDJ9UoTWrARkRRCgDz6wUggmH5RpQVlt7BimSwaTkTjwypGzKORXbR4/2Hqjk9hgwlon2rVQAjWNpkyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.60.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/5.60.0
+  registry.npmjs.org/@typescript-eslint/parser@6.3.0(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-ibP+y2Gr6p0qsUkhs7InMdXrwldjxZw66wpcQq9/PzAroM45wdwyu81T+7RibNCh8oc0AgrsyCwJByncY0Ongg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.3.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/6.3.0
     name: '@typescript-eslint/parser'
-    version: 5.60.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    version: 6.3.0
+    engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      eslint: ^7.0.0 || ^8.0.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.42.0
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.3.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.3.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.3.0(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.3.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.42.0
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0:
+  registry.npmjs.org/@typescript-eslint/scope-manager@5.60.0:
     resolution: {integrity: sha512-hakuzcxPwXi2ihf9WQu1BbRj1e/Pd8ZZwVTG9kfbxAMZstKz8/9OoexIwnmLzShtsdap5U/CoQGRCWlSuPbYxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.60.0.tgz}
     name: '@typescript-eslint/scope-manager'
     version: 5.60.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.60.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.60.0
+    dev: true
+
+  registry.npmjs.org/@typescript-eslint/scope-manager@6.3.0:
+    resolution: {integrity: sha512-WlNFgBEuGu74ahrXzgefiz/QlVb+qg8KDTpknKwR7hMH+lQygWyx0CQFoUmMn1zDkQjTBBIn75IxtWss77iBIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.3.0.tgz}
+    name: '@typescript-eslint/scope-manager'
+    version: 6.3.0
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.3.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.3.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils/5.60.0_7yfldhli4vs6yywnkyiujhawka:
+  registry.npmjs.org/@typescript-eslint/type-utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-X7NsRQddORMYRFH7FWo6sA9Y/zbJ8s1x1RIAtnlj6YprbToTiQnM6vxcMu7iYhdunmoC0rUWlca13D5DVHkK2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/type-utils/5.60.0
     name: '@typescript-eslint/type-utils'
@@ -2190,47 +2582,54 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.60.0_7yfldhli4vs6yywnkyiujhawka
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.43.0
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      tsutils: registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u:
-    resolution: {integrity: sha512-X7NsRQddORMYRFH7FWo6sA9Y/zbJ8s1x1RIAtnlj6YprbToTiQnM6vxcMu7iYhdunmoC0rUWlca13D5DVHkK2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.60.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/5.60.0
+  registry.npmjs.org/@typescript-eslint/type-utils@6.3.0(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-7Oj+1ox1T2Yc8PKpBvOKWhoI/4rWFd1j7FA/rPE0lbBPXTKjdbtC+7Ev0SeBjEKkIhKWVeZSP+mR7y1Db1CdfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.3.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/6.3.0
     name: '@typescript-eslint/type-utils'
-    version: 5.60.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    version: 6.3.0
+    engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      eslint: '*'
+      eslint: ^7.0.0 || ^8.0.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.42.0
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.3.0(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.3.0(eslint@8.42.0)(typescript@5.1.3)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.42.0
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types/5.60.0:
+  registry.npmjs.org/@typescript-eslint/types@5.60.0:
     resolution: {integrity: sha512-ascOuoCpNZBccFVNJRSC6rPq4EmJ2NkuoKnd6LDNyAQmdDnziAtxbCGWCbefG1CNzmDvd05zO36AmB7H8RzKPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.60.0.tgz}
     name: '@typescript-eslint/types'
     version: 5.60.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3:
+  registry.npmjs.org/@typescript-eslint/types@6.3.0:
+    resolution: {integrity: sha512-K6TZOvfVyc7MO9j60MkRNWyFSf86IbOatTKGrpTQnzarDZPYPVy0oe3myTMq7VjhfsUAbNUW8I5s+2lZvtx1gg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-6.3.0.tgz}
+    name: '@typescript-eslint/types'
+    version: 6.3.0
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dev: true
+
+  registry.npmjs.org/@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3):
     resolution: {integrity: sha512-R43thAuwarC99SnvrBmh26tc7F6sPa2B3evkXp/8q954kYL6Ro56AwASYWtEEi+4j09GbiNAHqYwNNZuNlARGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0
     name: '@typescript-eslint/typescript-estree'
@@ -2242,19 +2641,43 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys/5.60.0
-      debug: registry.npmjs.org/debug/4.3.4
-      globby: registry.npmjs.org/globby/11.1.0
-      is-glob: registry.npmjs.org/is-glob/4.0.3
-      semver: registry.npmjs.org/semver/7.5.1
-      tsutils: registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.60.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      globby: registry.npmjs.org/globby@11.1.0
+      is-glob: registry.npmjs.org/is-glob@4.0.3
+      semver: registry.npmjs.org/semver@7.5.3
+      tsutils: registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  registry.npmjs.org/@typescript-eslint/typescript-estree@6.3.0(typescript@5.1.3):
+    resolution: {integrity: sha512-Xh4NVDaC4eYKY4O3QGPuQNp5NxBAlEvNQYOqJquR2MePNxO11E5K3t5x4M4Mx53IZvtpW+mBxIT0s274fLUocg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.3.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.3.0
+    name: '@typescript-eslint/typescript-estree'
+    version: 6.3.0
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.3.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.3.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      globby: registry.npmjs.org/globby@11.1.0
+      is-glob: registry.npmjs.org/is-glob@4.0.3
+      semver: registry.npmjs.org/semver@7.5.4
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils/5.60.0_7yfldhli4vs6yywnkyiujhawka:
+  registry.npmjs.org/@typescript-eslint/utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-ba51uMqDtfLQ5+xHtwlO84vkdjrqNzOnqrnwbMHMRY8Tqeme8C2Q8Fc7LajfGR+e3/4LoYiWXUM6BpIIbHJ4hQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/utils/5.60.0
     name: '@typescript-eslint/utils'
@@ -2263,54 +2686,63 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.43.0
-      '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.12
-      '@types/semver': registry.npmjs.org/@types/semver/7.5.0
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
-      eslint: registry.npmjs.org/eslint/8.43.0
-      eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
-      semver: registry.npmjs.org/semver/7.5.1
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
+      '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.12
+      '@types/semver': registry.npmjs.org/@types/semver@7.5.0
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@5.60.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      eslint-scope: registry.npmjs.org/eslint-scope@5.1.1
+      semver: registry.npmjs.org/semver@7.5.3
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils/5.60.0_tizxnkcvjrb4cldxgwq5h3lj5u:
-    resolution: {integrity: sha512-ba51uMqDtfLQ5+xHtwlO84vkdjrqNzOnqrnwbMHMRY8Tqeme8C2Q8Fc7LajfGR+e3/4LoYiWXUM6BpIIbHJ4hQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.60.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/5.60.0
+  registry.npmjs.org/@typescript-eslint/utils@6.3.0(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-hLLg3BZE07XHnpzglNBG8P/IXq/ZVXraEbgY7FM0Cnc1ehM8RMdn9mat3LubJ3KBeYXXPxV1nugWbQPjGeJk6Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.3.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/6.3.0
     name: '@typescript-eslint/utils'
-    version: 5.60.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    version: 6.3.0
+    engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-    dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.42.0
-      '@types/json-schema': registry.npmjs.org/@types/json-schema/7.0.12
-      '@types/semver': registry.npmjs.org/@types/semver/7.5.0
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager/5.60.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0_typescript@5.1.3
-      eslint: registry.npmjs.org/eslint/8.42.0
-      eslint-scope: registry.npmjs.org/eslint-scope/5.1.1
-      semver: registry.npmjs.org/semver/7.5.1
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.42.0)
+      '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.12
+      '@types/semver': registry.npmjs.org/@types/semver@7.5.0
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.3.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.3.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.3.0(typescript@5.1.3)
+      eslint: registry.npmjs.org/eslint@8.42.0
+      semver: registry.npmjs.org/semver@7.5.4
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys/5.60.0:
+  registry.npmjs.org/@typescript-eslint/visitor-keys@5.60.0:
     resolution: {integrity: sha512-wm9Uz71SbCyhUKgcaPRauBdTegUyY/ZWl8gLwD/i/ybJqscrrdVSFImpvUz16BLPChIeKBK5Fa9s6KDQjsjyWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.60.0.tgz}
     name: '@typescript-eslint/visitor-keys'
     version: 5.60.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types/5.60.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
     dev: true
 
-  registry.npmjs.org/@vitejs/plugin-react-swc/3.3.2_vite@4.3.9:
+  registry.npmjs.org/@typescript-eslint/visitor-keys@6.3.0:
+    resolution: {integrity: sha512-kEhRRj7HnvaSjux1J9+7dBen15CdWmDnwrpyiHsFX6Qx2iW5LOBUgNefOFeh2PjWPlNwN8TOn6+4eBU3J/gupw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.3.0.tgz}
+    name: '@typescript-eslint/visitor-keys'
+    version: 6.3.0
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.3.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
+    dev: true
+
+  registry.npmjs.org/@vitejs/plugin-react-swc@3.3.2(vite@4.4.9):
     resolution: {integrity: sha512-VJFWY5sfoZerQRvJrh518h3AcQt6f/yTuWn4/TRB+dqmYU0NX1qz7qM5Wfd+gOQqUzQW4gxKqKN3KpE/P3+zrA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.3.2.tgz}
     id: registry.npmjs.org/@vitejs/plugin-react-swc/3.3.2
     name: '@vitejs/plugin-react-swc'
@@ -2318,31 +2750,31 @@ packages:
     peerDependencies:
       vite: ^4
     dependencies:
-      '@swc/core': registry.npmjs.org/@swc/core/1.3.63
-      vite: registry.npmjs.org/vite/4.3.9
+      '@swc/core': registry.npmjs.org/@swc/core@1.3.63
+      vite: registry.npmjs.org/vite@4.4.9
     transitivePeerDependencies:
       - '@swc/helpers'
     dev: true
 
-  registry.npmjs.org/@vitejs/plugin-react/4.0.0_vite@4.3.9:
-    resolution: {integrity: sha512-HX0XzMjL3hhOYm+0s95pb0Z7F8O81G7joUHgfDd/9J/ZZf5k4xX6QAMFkKsHFxaHlf6X7GD7+XuaZ66ULiJuhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.0.0.tgz}
-    id: registry.npmjs.org/@vitejs/plugin-react/4.0.0
+  registry.npmjs.org/@vitejs/plugin-react@4.0.4(vite@4.4.9):
+    resolution: {integrity: sha512-7wU921ABnNYkETiMaZy7XqpueMnpu5VxvVps13MjmCo+utBdD79sZzrApHawHtVX66cCJQQTXFcjH0y9dSUK8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.0.4.tgz}
+    id: registry.npmjs.org/@vitejs/plugin-react/4.0.4
     name: '@vitejs/plugin-react'
-    version: 4.0.0
+    version: 4.0.4
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^4.2.0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core/7.22.5
-      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.22.5_@babel+core@7.22.5
-      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.22.5_@babel+core@7.22.5
-      react-refresh: registry.npmjs.org/react-refresh/0.14.0
-      vite: registry.npmjs.org/vite/4.3.9
+      '@babel/core': registry.npmjs.org/@babel/core@7.22.10
+      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.22.10)
+      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.22.10)
+      react-refresh: registry.npmjs.org/react-refresh@0.14.0
+      vite: registry.npmjs.org/vite@4.4.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/acorn-jsx/5.3.2_acorn@8.8.2:
+  registry.npmjs.org/acorn-jsx@5.3.2(acorn@8.8.2):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz}
     id: registry.npmjs.org/acorn-jsx/5.3.2
     name: acorn-jsx
@@ -2350,10 +2782,10 @@ packages:
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      acorn: registry.npmjs.org/acorn/8.8.2
+      acorn: registry.npmjs.org/acorn@8.8.2
     dev: true
 
-  registry.npmjs.org/acorn/8.8.2:
+  registry.npmjs.org/acorn@8.8.2:
     resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz}
     name: acorn
     version: 8.8.2
@@ -2361,226 +2793,240 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/aggregate-error/3.1.0:
+  registry.npmjs.org/aggregate-error@3.1.0:
     resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz}
     name: aggregate-error
     version: 3.1.0
     engines: {node: '>=8'}
     dependencies:
-      clean-stack: registry.npmjs.org/clean-stack/2.2.0
-      indent-string: registry.npmjs.org/indent-string/4.0.0
+      clean-stack: registry.npmjs.org/clean-stack@2.2.0
+      indent-string: registry.npmjs.org/indent-string@4.0.0
     dev: true
 
-  registry.npmjs.org/ajv/6.12.6:
+  registry.npmjs.org/ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz}
     name: ajv
     version: 6.12.6
     dependencies:
-      fast-deep-equal: registry.npmjs.org/fast-deep-equal/3.1.3
-      fast-json-stable-stringify: registry.npmjs.org/fast-json-stable-stringify/2.1.0
-      json-schema-traverse: registry.npmjs.org/json-schema-traverse/0.4.1
-      uri-js: registry.npmjs.org/uri-js/4.4.1
+      fast-deep-equal: registry.npmjs.org/fast-deep-equal@3.1.3
+      fast-json-stable-stringify: registry.npmjs.org/fast-json-stable-stringify@2.1.0
+      json-schema-traverse: registry.npmjs.org/json-schema-traverse@0.4.1
+      uri-js: registry.npmjs.org/uri-js@4.4.1
     dev: true
 
-  registry.npmjs.org/ansi-colors/4.1.3:
+  registry.npmjs.org/ansi-colors@4.1.3:
     resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz}
     name: ansi-colors
     version: 4.1.3
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/ansi-escapes/4.3.2:
+  registry.npmjs.org/ansi-escapes@4.3.2:
     resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz}
     name: ansi-escapes
     version: 4.3.2
     engines: {node: '>=8'}
     dependencies:
-      type-fest: registry.npmjs.org/type-fest/0.21.3
+      type-fest: registry.npmjs.org/type-fest@0.21.3
     dev: true
 
-  registry.npmjs.org/ansi-regex/5.0.1:
+  registry.npmjs.org/ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz}
     name: ansi-regex
     version: 5.0.1
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/ansi-styles/3.2.1:
+  registry.npmjs.org/ansi-styles@3.2.1:
     resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz}
     name: ansi-styles
     version: 3.2.1
     engines: {node: '>=4'}
     dependencies:
-      color-convert: registry.npmjs.org/color-convert/1.9.3
+      color-convert: registry.npmjs.org/color-convert@1.9.3
     dev: true
 
-  registry.npmjs.org/ansi-styles/4.3.0:
+  registry.npmjs.org/ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz}
     name: ansi-styles
     version: 4.3.0
     engines: {node: '>=8'}
     dependencies:
-      color-convert: registry.npmjs.org/color-convert/2.0.1
+      color-convert: registry.npmjs.org/color-convert@2.0.1
     dev: true
 
-  registry.npmjs.org/anymatch/3.1.3:
+  registry.npmjs.org/anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz}
     name: anymatch
     version: 3.1.3
     engines: {node: '>= 8'}
     dependencies:
-      normalize-path: registry.npmjs.org/normalize-path/3.0.0
-      picomatch: registry.npmjs.org/picomatch/2.3.1
+      normalize-path: registry.npmjs.org/normalize-path@3.0.0
+      picomatch: registry.npmjs.org/picomatch@2.3.1
     dev: true
 
-  registry.npmjs.org/arch/2.2.0:
+  registry.npmjs.org/arch@2.2.0:
     resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arch/-/arch-2.2.0.tgz}
     name: arch
     version: 2.2.0
     dev: true
 
-  registry.npmjs.org/arg/5.0.2:
+  registry.npmjs.org/arg@5.0.2:
     resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arg/-/arg-5.0.2.tgz}
     name: arg
     version: 5.0.2
     dev: true
 
-  registry.npmjs.org/argparse/1.0.10:
+  registry.npmjs.org/argparse@1.0.10:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz}
     name: argparse
     version: 1.0.10
     dependencies:
-      sprintf-js: registry.npmjs.org/sprintf-js/1.0.3
+      sprintf-js: registry.npmjs.org/sprintf-js@1.0.3
     dev: true
 
-  registry.npmjs.org/argparse/2.0.1:
+  registry.npmjs.org/argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz}
     name: argparse
     version: 2.0.1
     dev: true
 
-  registry.npmjs.org/aria-query/5.3.0:
+  registry.npmjs.org/aria-query@5.3.0:
     resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz}
     name: aria-query
     version: 5.3.0
     dependencies:
-      dequal: registry.npmjs.org/dequal/2.0.3
+      dequal: registry.npmjs.org/dequal@2.0.3
     dev: true
 
-  registry.npmjs.org/array-buffer-byte-length/1.0.0:
+  registry.npmjs.org/array-buffer-byte-length@1.0.0:
     resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz}
     name: array-buffer-byte-length
     version: 1.0.0
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      is-array-buffer: registry.npmjs.org/is-array-buffer/3.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      is-array-buffer: registry.npmjs.org/is-array-buffer@3.0.2
     dev: true
 
-  registry.npmjs.org/array-includes/3.1.6:
+  registry.npmjs.org/array-includes@3.1.6:
     resolution: {integrity: sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz}
     name: array-includes
     version: 3.1.6
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
-      is-string: registry.npmjs.org/is-string/1.0.7
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      is-string: registry.npmjs.org/is-string@1.0.7
     dev: true
 
-  registry.npmjs.org/array-union/2.1.0:
+  registry.npmjs.org/array-union@2.1.0:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz}
     name: array-union
     version: 2.1.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/array.prototype.flat/1.3.1:
+  registry.npmjs.org/array.prototype.flat@1.3.1:
     resolution: {integrity: sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz}
     name: array.prototype.flat
     version: 1.3.1
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
-      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables/1.0.0
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.0
     dev: true
 
-  registry.npmjs.org/array.prototype.flatmap/1.3.1:
+  registry.npmjs.org/array.prototype.flatmap@1.3.1:
     resolution: {integrity: sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz}
     name: array.prototype.flatmap
     version: 1.3.1
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
-      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables/1.0.0
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
+      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.0
     dev: true
 
-  registry.npmjs.org/array.prototype.tosorted/1.1.1:
+  registry.npmjs.org/array.prototype.tosorted@1.1.1:
     resolution: {integrity: sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz}
     name: array.prototype.tosorted
     version: 1.1.1
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
-      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables/1.0.0
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
+      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.0
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+    dev: true
+
+  registry.npmjs.org/arraybuffer.prototype.slice@1.0.1:
+    resolution: {integrity: sha512-09x0ZWFEjj4WD8PDbykUwo3t9arLn8NIzmmYEJFpYekOAQjpkGSyrQhNoRTcwwcFRu+ycWF78QZ63oWTqSjBcw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.1.tgz}
+    name: arraybuffer.prototype.slice
+    version: 1.0.1
+    engines: {node: '>= 0.4'}
+    dependencies:
+      array-buffer-byte-length: registry.npmjs.org/array-buffer-byte-length@1.0.0
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      is-array-buffer: registry.npmjs.org/is-array-buffer@3.0.2
+      is-shared-array-buffer: registry.npmjs.org/is-shared-array-buffer@1.0.2
     dev: true
 
-  registry.npmjs.org/arrify/1.0.1:
+  registry.npmjs.org/arrify@1.0.1:
     resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz}
     name: arrify
     version: 1.0.1
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/asn1/0.2.6:
+  registry.npmjs.org/asn1@0.2.6:
     resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz}
     name: asn1
     version: 0.2.6
     dependencies:
-      safer-buffer: registry.npmjs.org/safer-buffer/2.1.2
+      safer-buffer: registry.npmjs.org/safer-buffer@2.1.2
     dev: true
 
-  registry.npmjs.org/assert-plus/1.0.0:
+  registry.npmjs.org/assert-plus@1.0.0:
     resolution: {integrity: sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz}
     name: assert-plus
     version: 1.0.0
     engines: {node: '>=0.8'}
     dev: true
 
-  registry.npmjs.org/astral-regex/2.0.0:
+  registry.npmjs.org/astral-regex@2.0.0:
     resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz}
     name: astral-regex
     version: 2.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/async/3.2.4:
+  registry.npmjs.org/async@3.2.4:
     resolution: {integrity: sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/async/-/async-3.2.4.tgz}
     name: async
     version: 3.2.4
     dev: true
 
-  registry.npmjs.org/asynckit/0.4.0:
+  registry.npmjs.org/asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz}
     name: asynckit
     version: 0.4.0
     dev: true
 
-  registry.npmjs.org/at-least-node/1.0.0:
+  registry.npmjs.org/at-least-node@1.0.0:
     resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz}
     name: at-least-node
     version: 1.0.0
     engines: {node: '>= 4.0.0'}
     dev: true
 
-  registry.npmjs.org/autoprefixer/10.4.14_postcss@8.4.24:
+  registry.npmjs.org/autoprefixer@10.4.14(postcss@8.4.24):
     resolution: {integrity: sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz}
     id: registry.npmjs.org/autoprefixer/10.4.14
     name: autoprefixer
@@ -2590,525 +3036,544 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      browserslist: registry.npmjs.org/browserslist/4.21.8
-      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001502
-      fraction.js: registry.npmjs.org/fraction.js/4.2.0
-      normalize-range: registry.npmjs.org/normalize-range/0.1.2
-      picocolors: registry.npmjs.org/picocolors/1.0.0
-      postcss: registry.npmjs.org/postcss/8.4.24
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser/4.2.0
+      browserslist: registry.npmjs.org/browserslist@4.21.8
+      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001502
+      fraction.js: registry.npmjs.org/fraction.js@4.2.0
+      normalize-range: registry.npmjs.org/normalize-range@0.1.2
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/available-typed-arrays/1.0.5:
+  registry.npmjs.org/available-typed-arrays@1.0.5:
     resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz}
     name: available-typed-arrays
     version: 1.0.5
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/aws-sign2/0.7.0:
+  registry.npmjs.org/aws-sign2@0.7.0:
     resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz}
     name: aws-sign2
     version: 0.7.0
     dev: true
 
-  registry.npmjs.org/aws4/1.12.0:
+  registry.npmjs.org/aws4@1.12.0:
     resolution: {integrity: sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz}
     name: aws4
     version: 1.12.0
     dev: true
 
-  registry.npmjs.org/axios/0.27.2_debug@4.3.4:
+  registry.npmjs.org/axios@0.27.2(debug@4.3.4):
     resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axios/-/axios-0.27.2.tgz}
     id: registry.npmjs.org/axios/0.27.2
     name: axios
     version: 0.27.2
     dependencies:
-      follow-redirects: registry.npmjs.org/follow-redirects/1.15.2_debug@4.3.4
-      form-data: registry.npmjs.org/form-data/4.0.0
+      follow-redirects: registry.npmjs.org/follow-redirects@1.15.2(debug@4.3.4)
+      form-data: registry.npmjs.org/form-data@4.0.0
     transitivePeerDependencies:
       - debug
     dev: true
 
-  registry.npmjs.org/axobject-query/3.2.1:
+  registry.npmjs.org/axobject-query@3.2.1:
     resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz}
     name: axobject-query
     version: 3.2.1
     dependencies:
-      dequal: registry.npmjs.org/dequal/2.0.3
+      dequal: registry.npmjs.org/dequal@2.0.3
     dev: true
 
-  registry.npmjs.org/balanced-match/1.0.2:
+  registry.npmjs.org/balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz}
     name: balanced-match
     version: 1.0.2
     dev: true
 
-  registry.npmjs.org/base64-js/1.5.1:
+  registry.npmjs.org/base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz}
     name: base64-js
     version: 1.5.1
     dev: true
 
-  registry.npmjs.org/bcrypt-pbkdf/1.0.2:
+  registry.npmjs.org/bcrypt-pbkdf@1.0.2:
     resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz}
     name: bcrypt-pbkdf
     version: 1.0.2
     dependencies:
-      tweetnacl: registry.npmjs.org/tweetnacl/0.14.5
+      tweetnacl: registry.npmjs.org/tweetnacl@0.14.5
     dev: true
 
-  registry.npmjs.org/better-path-resolve/1.0.0:
+  registry.npmjs.org/better-path-resolve@1.0.0:
     resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/better-path-resolve/-/better-path-resolve-1.0.0.tgz}
     name: better-path-resolve
     version: 1.0.0
     engines: {node: '>=4'}
     dependencies:
-      is-windows: registry.npmjs.org/is-windows/1.0.2
+      is-windows: registry.npmjs.org/is-windows@1.0.2
     dev: true
 
-  registry.npmjs.org/binary-extensions/2.2.0:
+  registry.npmjs.org/binary-extensions@2.2.0:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz}
     name: binary-extensions
     version: 2.2.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/blob-util/2.0.2:
+  registry.npmjs.org/blob-util@2.0.2:
     resolution: {integrity: sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/blob-util/-/blob-util-2.0.2.tgz}
     name: blob-util
     version: 2.0.2
     dev: true
 
-  registry.npmjs.org/bluebird/3.7.2:
+  registry.npmjs.org/bluebird@3.7.2:
     resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz}
     name: bluebird
     version: 3.7.2
     dev: true
 
-  registry.npmjs.org/brace-expansion/1.1.11:
+  registry.npmjs.org/brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz}
     name: brace-expansion
     version: 1.1.11
     dependencies:
-      balanced-match: registry.npmjs.org/balanced-match/1.0.2
-      concat-map: registry.npmjs.org/concat-map/0.0.1
+      balanced-match: registry.npmjs.org/balanced-match@1.0.2
+      concat-map: registry.npmjs.org/concat-map@0.0.1
     dev: true
 
-  registry.npmjs.org/brace-expansion/2.0.1:
+  registry.npmjs.org/brace-expansion@2.0.1:
     resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz}
     name: brace-expansion
     version: 2.0.1
     dependencies:
-      balanced-match: registry.npmjs.org/balanced-match/1.0.2
+      balanced-match: registry.npmjs.org/balanced-match@1.0.2
     dev: true
 
-  registry.npmjs.org/braces/3.0.2:
+  registry.npmjs.org/braces@3.0.2:
     resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/braces/-/braces-3.0.2.tgz}
     name: braces
     version: 3.0.2
     engines: {node: '>=8'}
     dependencies:
-      fill-range: registry.npmjs.org/fill-range/7.0.1
+      fill-range: registry.npmjs.org/fill-range@7.0.1
     dev: true
 
-  registry.npmjs.org/breakword/1.0.6:
+  registry.npmjs.org/breakword@1.0.6:
     resolution: {integrity: sha512-yjxDAYyK/pBvws9H4xKYpLDpYKEH6CzrBPAuXq3x18I+c/2MkVtT3qAr7Oloi6Dss9qNhPVueAAVU1CSeNDIXw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/breakword/-/breakword-1.0.6.tgz}
     name: breakword
     version: 1.0.6
     dependencies:
-      wcwidth: registry.npmjs.org/wcwidth/1.0.1
+      wcwidth: registry.npmjs.org/wcwidth@1.0.1
+    dev: true
+
+  registry.npmjs.org/browserslist@4.21.10:
+    resolution: {integrity: sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.21.10.tgz}
+    name: browserslist
+    version: 4.21.10
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+    dependencies:
+      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001520
+      electron-to-chromium: registry.npmjs.org/electron-to-chromium@1.4.491
+      node-releases: registry.npmjs.org/node-releases@2.0.13
+      update-browserslist-db: registry.npmjs.org/update-browserslist-db@1.0.11(browserslist@4.21.10)
     dev: true
 
-  registry.npmjs.org/browserslist/4.21.8:
+  registry.npmjs.org/browserslist@4.21.8:
     resolution: {integrity: sha512-j+7xYe+v+q2Id9qbBeCI8WX5NmZSRe8es1+0xntD/+gaWXznP8tFEkv5IgSaHf5dS1YwVMbX/4W6m937mj+wQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.21.8.tgz}
     name: browserslist
     version: 4.21.8
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: registry.npmjs.org/caniuse-lite/1.0.30001502
-      electron-to-chromium: registry.npmjs.org/electron-to-chromium/1.4.428
-      node-releases: registry.npmjs.org/node-releases/2.0.12
-      update-browserslist-db: registry.npmjs.org/update-browserslist-db/1.0.11_browserslist@4.21.8
+      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001502
+      electron-to-chromium: registry.npmjs.org/electron-to-chromium@1.4.428
+      node-releases: registry.npmjs.org/node-releases@2.0.12
+      update-browserslist-db: registry.npmjs.org/update-browserslist-db@1.0.11(browserslist@4.21.8)
     dev: true
 
-  registry.npmjs.org/buffer-crc32/0.2.13:
+  registry.npmjs.org/buffer-crc32@0.2.13:
     resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz}
     name: buffer-crc32
     version: 0.2.13
     dev: true
 
-  registry.npmjs.org/buffer-from/1.1.2:
+  registry.npmjs.org/buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz}
     name: buffer-from
     version: 1.1.2
     dev: true
 
-  registry.npmjs.org/buffer/5.7.1:
+  registry.npmjs.org/buffer@5.7.1:
     resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz}
     name: buffer
     version: 5.7.1
     dependencies:
-      base64-js: registry.npmjs.org/base64-js/1.5.1
-      ieee754: registry.npmjs.org/ieee754/1.2.1
+      base64-js: registry.npmjs.org/base64-js@1.5.1
+      ieee754: registry.npmjs.org/ieee754@1.2.1
     dev: true
 
-  registry.npmjs.org/builtin-modules/3.3.0:
+  registry.npmjs.org/builtin-modules@3.3.0:
     resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz}
     name: builtin-modules
     version: 3.3.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/busboy/1.6.0:
+  registry.npmjs.org/busboy@1.6.0:
     resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz}
     name: busboy
     version: 1.6.0
     engines: {node: '>=10.16.0'}
     dependencies:
-      streamsearch: registry.npmjs.org/streamsearch/1.1.0
+      streamsearch: registry.npmjs.org/streamsearch@1.1.0
     dev: true
 
-  registry.npmjs.org/cachedir/2.3.0:
-    resolution: {integrity: sha512-A+Fezp4zxnit6FanDmv9EqXNAi3vt9DWp51/71UEhXukb7QUuvtv9344h91dyAxuTLoSYJFU299qzR3tzwPAhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cachedir/-/cachedir-2.3.0.tgz}
+  registry.npmjs.org/cachedir@2.4.0:
+    resolution: {integrity: sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cachedir/-/cachedir-2.4.0.tgz}
     name: cachedir
-    version: 2.3.0
+    version: 2.4.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/call-bind/1.0.2:
+  registry.npmjs.org/call-bind@1.0.2:
     resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz}
     name: call-bind
     version: 1.0.2
     dependencies:
-      function-bind: registry.npmjs.org/function-bind/1.1.1
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
+      function-bind: registry.npmjs.org/function-bind@1.1.1
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
     dev: true
 
-  registry.npmjs.org/callsites/3.1.0:
+  registry.npmjs.org/callsites@3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz}
     name: callsites
     version: 3.1.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/camelcase-keys/6.2.2:
+  registry.npmjs.org/camelcase-keys@6.2.2:
     resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz}
     name: camelcase-keys
     version: 6.2.2
     engines: {node: '>=8'}
     dependencies:
-      camelcase: registry.npmjs.org/camelcase/5.3.1
-      map-obj: registry.npmjs.org/map-obj/4.3.0
-      quick-lru: registry.npmjs.org/quick-lru/4.0.1
+      camelcase: registry.npmjs.org/camelcase@5.3.1
+      map-obj: registry.npmjs.org/map-obj@4.3.0
+      quick-lru: registry.npmjs.org/quick-lru@4.0.1
     dev: true
 
-  registry.npmjs.org/camelcase/5.3.1:
+  registry.npmjs.org/camelcase@5.3.1:
     resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz}
     name: camelcase
     version: 5.3.1
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/caniuse-lite/1.0.30001502:
+  registry.npmjs.org/caniuse-lite@1.0.30001502:
     resolution: {integrity: sha512-AZ+9tFXw1sS0o0jcpJQIXvFTOB/xGiQ4OQ2t98QX3NDn2EZTSRBC801gxrsGgViuq2ak/NLkNgSNEPtCr5lfKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001502.tgz}
     name: caniuse-lite
     version: 1.0.30001502
     dev: true
 
-  registry.npmjs.org/caseless/0.12.0:
+  registry.npmjs.org/caniuse-lite@1.0.30001520:
+    resolution: {integrity: sha512-tahF5O9EiiTzwTUqAeFjIZbn4Dnqxzz7ktrgGlMYNLH43Ul26IgTMH/zvL3DG0lZxBYnlT04axvInszUsZULdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001520.tgz}
+    name: caniuse-lite
+    version: 1.0.30001520
+    dev: true
+
+  registry.npmjs.org/caseless@0.12.0:
     resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz}
     name: caseless
     version: 0.12.0
     dev: true
 
-  registry.npmjs.org/chalk/2.4.2:
+  registry.npmjs.org/chalk@2.4.2:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz}
     name: chalk
     version: 2.4.2
     engines: {node: '>=4'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles/3.2.1
-      escape-string-regexp: registry.npmjs.org/escape-string-regexp/1.0.5
-      supports-color: registry.npmjs.org/supports-color/5.5.0
+      ansi-styles: registry.npmjs.org/ansi-styles@3.2.1
+      escape-string-regexp: registry.npmjs.org/escape-string-regexp@1.0.5
+      supports-color: registry.npmjs.org/supports-color@5.5.0
     dev: true
 
-  registry.npmjs.org/chalk/4.1.2:
+  registry.npmjs.org/chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz}
     name: chalk
     version: 4.1.2
     engines: {node: '>=10'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles/4.3.0
-      supports-color: registry.npmjs.org/supports-color/7.2.0
+      ansi-styles: registry.npmjs.org/ansi-styles@4.3.0
+      supports-color: registry.npmjs.org/supports-color@7.2.0
     dev: true
 
-  registry.npmjs.org/chardet/0.7.0:
+  registry.npmjs.org/chardet@0.7.0:
     resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz}
     name: chardet
     version: 0.7.0
     dev: true
 
-  registry.npmjs.org/check-more-types/2.24.0:
+  registry.npmjs.org/check-more-types@2.24.0:
     resolution: {integrity: sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/check-more-types/-/check-more-types-2.24.0.tgz}
     name: check-more-types
     version: 2.24.0
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  registry.npmjs.org/chokidar/3.5.3:
+  registry.npmjs.org/chokidar@3.5.3:
     resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz}
     name: chokidar
     version: 3.5.3
     engines: {node: '>= 8.10.0'}
     dependencies:
-      anymatch: registry.npmjs.org/anymatch/3.1.3
-      braces: registry.npmjs.org/braces/3.0.2
-      glob-parent: registry.npmjs.org/glob-parent/5.1.2
-      is-binary-path: registry.npmjs.org/is-binary-path/2.1.0
-      is-glob: registry.npmjs.org/is-glob/4.0.3
-      normalize-path: registry.npmjs.org/normalize-path/3.0.0
-      readdirp: registry.npmjs.org/readdirp/3.6.0
+      anymatch: registry.npmjs.org/anymatch@3.1.3
+      braces: registry.npmjs.org/braces@3.0.2
+      glob-parent: registry.npmjs.org/glob-parent@5.1.2
+      is-binary-path: registry.npmjs.org/is-binary-path@2.1.0
+      is-glob: registry.npmjs.org/is-glob@4.0.3
+      normalize-path: registry.npmjs.org/normalize-path@3.0.0
+      readdirp: registry.npmjs.org/readdirp@3.6.0
     optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents/2.3.2
+      fsevents: registry.npmjs.org/fsevents@2.3.2
     dev: true
 
-  registry.npmjs.org/ci-info/3.8.0:
+  registry.npmjs.org/ci-info@3.8.0:
     resolution: {integrity: sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz}
     name: ci-info
     version: 3.8.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/classcat/5.0.4:
+  registry.npmjs.org/classcat@5.0.4:
     resolution: {integrity: sha512-sbpkOw6z413p+HDGcBENe498WM9woqWHiJxCq7nvmxe9WmrUmqfAcxpIwAiMtM5Q3AhYkzXcNQHqsWq0mND51g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/classcat/-/classcat-5.0.4.tgz}
     name: classcat
     version: 5.0.4
     dev: false
 
-  registry.npmjs.org/clean-stack/2.2.0:
+  registry.npmjs.org/clean-stack@2.2.0:
     resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz}
     name: clean-stack
     version: 2.2.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/cli-cursor/3.1.0:
+  registry.npmjs.org/cli-cursor@3.1.0:
     resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz}
     name: cli-cursor
     version: 3.1.0
     engines: {node: '>=8'}
     dependencies:
-      restore-cursor: registry.npmjs.org/restore-cursor/3.1.0
+      restore-cursor: registry.npmjs.org/restore-cursor@3.1.0
     dev: true
 
-  registry.npmjs.org/cli-table3/0.6.3:
+  registry.npmjs.org/cli-table3@0.6.3:
     resolution: {integrity: sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.3.tgz}
     name: cli-table3
     version: 0.6.3
     engines: {node: 10.* || >= 12.*}
     dependencies:
-      string-width: registry.npmjs.org/string-width/4.2.3
+      string-width: registry.npmjs.org/string-width@4.2.3
     optionalDependencies:
-      '@colors/colors': registry.npmjs.org/@colors/colors/1.5.0
+      '@colors/colors': registry.npmjs.org/@colors/colors@1.5.0
     dev: true
 
-  registry.npmjs.org/cli-truncate/2.1.0:
+  registry.npmjs.org/cli-truncate@2.1.0:
     resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz}
     name: cli-truncate
     version: 2.1.0
     engines: {node: '>=8'}
     dependencies:
-      slice-ansi: registry.npmjs.org/slice-ansi/3.0.0
-      string-width: registry.npmjs.org/string-width/4.2.3
+      slice-ansi: registry.npmjs.org/slice-ansi@3.0.0
+      string-width: registry.npmjs.org/string-width@4.2.3
     dev: true
 
-  registry.npmjs.org/cliui/6.0.0:
+  registry.npmjs.org/cliui@6.0.0:
     resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz}
     name: cliui
     version: 6.0.0
     dependencies:
-      string-width: registry.npmjs.org/string-width/4.2.3
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
-      wrap-ansi: registry.npmjs.org/wrap-ansi/6.2.0
+      string-width: registry.npmjs.org/string-width@4.2.3
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      wrap-ansi: registry.npmjs.org/wrap-ansi@6.2.0
     dev: true
 
-  registry.npmjs.org/cliui/8.0.1:
+  registry.npmjs.org/cliui@8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz}
     name: cliui
     version: 8.0.1
     engines: {node: '>=12'}
     dependencies:
-      string-width: registry.npmjs.org/string-width/4.2.3
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
-      wrap-ansi: registry.npmjs.org/wrap-ansi/7.0.0
+      string-width: registry.npmjs.org/string-width@4.2.3
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      wrap-ansi: registry.npmjs.org/wrap-ansi@7.0.0
     dev: true
 
-  registry.npmjs.org/clone/1.0.4:
+  registry.npmjs.org/clone@1.0.4:
     resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/clone/-/clone-1.0.4.tgz}
     name: clone
     version: 1.0.4
     engines: {node: '>=0.8'}
     dev: true
 
-  registry.npmjs.org/code-red/1.0.3:
+  registry.npmjs.org/code-red@1.0.3:
     resolution: {integrity: sha512-kVwJELqiILQyG5aeuyKFbdsI1fmQy1Cmf7dQ8eGmVuJoaRVdwey7WaMknr2ZFeVSYSKT0rExsa8EGw0aoI/1QQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/code-red/-/code-red-1.0.3.tgz}
     name: code-red
     version: 1.0.3
     dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
-      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
-      acorn: registry.npmjs.org/acorn/8.8.2
-      estree-walker: registry.npmjs.org/estree-walker/3.0.3
-      periscopic: registry.npmjs.org/periscopic/3.1.0
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
+      acorn: registry.npmjs.org/acorn@8.8.2
+      estree-walker: registry.npmjs.org/estree-walker@3.0.3
+      periscopic: registry.npmjs.org/periscopic@3.1.0
     dev: true
 
-  registry.npmjs.org/color-convert/1.9.3:
+  registry.npmjs.org/color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz}
     name: color-convert
     version: 1.9.3
     dependencies:
-      color-name: registry.npmjs.org/color-name/1.1.3
+      color-name: registry.npmjs.org/color-name@1.1.3
     dev: true
 
-  registry.npmjs.org/color-convert/2.0.1:
+  registry.npmjs.org/color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz}
     name: color-convert
     version: 2.0.1
     engines: {node: '>=7.0.0'}
     dependencies:
-      color-name: registry.npmjs.org/color-name/1.1.4
+      color-name: registry.npmjs.org/color-name@1.1.4
     dev: true
 
-  registry.npmjs.org/color-name/1.1.3:
+  registry.npmjs.org/color-name@1.1.3:
     resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz}
     name: color-name
     version: 1.1.3
     dev: true
 
-  registry.npmjs.org/color-name/1.1.4:
+  registry.npmjs.org/color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz}
     name: color-name
     version: 1.1.4
     dev: true
 
-  registry.npmjs.org/colorette/2.0.20:
+  registry.npmjs.org/colorette@2.0.20:
     resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz}
     name: colorette
     version: 2.0.20
     dev: true
 
-  registry.npmjs.org/combined-stream/1.0.8:
+  registry.npmjs.org/combined-stream@1.0.8:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz}
     name: combined-stream
     version: 1.0.8
     engines: {node: '>= 0.8'}
     dependencies:
-      delayed-stream: registry.npmjs.org/delayed-stream/1.0.0
+      delayed-stream: registry.npmjs.org/delayed-stream@1.0.0
     dev: true
 
-  registry.npmjs.org/commander/2.20.3:
+  registry.npmjs.org/commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/commander/-/commander-2.20.3.tgz}
     name: commander
     version: 2.20.3
     dev: true
 
-  registry.npmjs.org/commander/6.2.1:
+  registry.npmjs.org/commander@6.2.1:
     resolution: {integrity: sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/commander/-/commander-6.2.1.tgz}
     name: commander
     version: 6.2.1
     engines: {node: '>= 6'}
     dev: true
 
-  registry.npmjs.org/common-tags/1.8.2:
+  registry.npmjs.org/common-tags@1.8.2:
     resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz}
     name: common-tags
     version: 1.8.2
     engines: {node: '>=4.0.0'}
     dev: true
 
-  registry.npmjs.org/commondir/1.0.1:
+  registry.npmjs.org/commondir@1.0.1:
     resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz}
     name: commondir
     version: 1.0.1
     dev: true
 
-  registry.npmjs.org/concat-map/0.0.1:
+  registry.npmjs.org/concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz}
     name: concat-map
     version: 0.0.1
     dev: true
 
-  registry.npmjs.org/concurrently/7.6.0:
+  registry.npmjs.org/concurrently@7.6.0:
     resolution: {integrity: sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/concurrently/-/concurrently-7.6.0.tgz}
     name: concurrently
     version: 7.6.0
     engines: {node: ^12.20.0 || ^14.13.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      chalk: registry.npmjs.org/chalk/4.1.2
-      date-fns: registry.npmjs.org/date-fns/2.30.0
-      lodash: registry.npmjs.org/lodash/4.17.21
-      rxjs: registry.npmjs.org/rxjs/7.8.1
-      shell-quote: registry.npmjs.org/shell-quote/1.8.1
-      spawn-command: registry.npmjs.org/spawn-command/0.0.2-1
-      supports-color: registry.npmjs.org/supports-color/8.1.1
-      tree-kill: registry.npmjs.org/tree-kill/1.2.2
-      yargs: registry.npmjs.org/yargs/17.7.2
+      chalk: registry.npmjs.org/chalk@4.1.2
+      date-fns: registry.npmjs.org/date-fns@2.30.0
+      lodash: registry.npmjs.org/lodash@4.17.21
+      rxjs: registry.npmjs.org/rxjs@7.8.1
+      shell-quote: registry.npmjs.org/shell-quote@1.8.1
+      spawn-command: registry.npmjs.org/spawn-command@0.0.2-1
+      supports-color: registry.npmjs.org/supports-color@8.1.1
+      tree-kill: registry.npmjs.org/tree-kill@1.2.2
+      yargs: registry.npmjs.org/yargs@17.7.2
     dev: true
 
-  registry.npmjs.org/convert-source-map/1.9.0:
+  registry.npmjs.org/convert-source-map@1.9.0:
     resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz}
     name: convert-source-map
     version: 1.9.0
     dev: true
 
-  registry.npmjs.org/cookie/0.5.0:
+  registry.npmjs.org/cookie@0.5.0:
     resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz}
     name: cookie
     version: 0.5.0
     engines: {node: '>= 0.6'}
     dev: true
 
-  registry.npmjs.org/core-util-is/1.0.2:
+  registry.npmjs.org/core-util-is@1.0.2:
     resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz}
     name: core-util-is
     version: 1.0.2
     dev: true
 
-  registry.npmjs.org/cross-spawn/5.1.0:
+  registry.npmjs.org/cross-spawn@5.1.0:
     resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz}
     name: cross-spawn
     version: 5.1.0
     dependencies:
-      lru-cache: registry.npmjs.org/lru-cache/4.1.5
-      shebang-command: registry.npmjs.org/shebang-command/1.2.0
-      which: registry.npmjs.org/which/1.3.1
+      lru-cache: registry.npmjs.org/lru-cache@4.1.5
+      shebang-command: registry.npmjs.org/shebang-command@1.2.0
+      which: registry.npmjs.org/which@1.3.1
     dev: true
 
-  registry.npmjs.org/cross-spawn/7.0.3:
+  registry.npmjs.org/cross-spawn@7.0.3:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz}
     name: cross-spawn
     version: 7.0.3
     engines: {node: '>= 8'}
     dependencies:
-      path-key: registry.npmjs.org/path-key/3.1.1
-      shebang-command: registry.npmjs.org/shebang-command/2.0.0
-      which: registry.npmjs.org/which/2.0.2
+      path-key: registry.npmjs.org/path-key@3.1.1
+      shebang-command: registry.npmjs.org/shebang-command@2.0.0
+      which: registry.npmjs.org/which@2.0.2
     dev: true
 
-  registry.npmjs.org/css-tree/2.3.1:
+  registry.npmjs.org/css-tree@2.3.1:
     resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz}
     name: css-tree
     version: 2.3.1
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
     dependencies:
-      mdn-data: registry.npmjs.org/mdn-data/2.0.30
-      source-map-js: registry.npmjs.org/source-map-js/1.0.2
+      mdn-data: registry.npmjs.org/mdn-data@2.0.30
+      source-map-js: registry.npmjs.org/source-map-js@1.0.2
     dev: true
 
-  registry.npmjs.org/cssesc/3.0.0:
+  registry.npmjs.org/cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz}
     name: cssesc
     version: 3.0.0
@@ -3116,160 +3581,160 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/csstype/3.1.2:
+  registry.npmjs.org/csstype@3.1.2:
     resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz}
     name: csstype
     version: 3.1.2
-    dev: true
 
-  registry.npmjs.org/csv-generate/3.4.3:
+  registry.npmjs.org/csv-generate@3.4.3:
     resolution: {integrity: sha512-w/T+rqR0vwvHqWs/1ZyMDWtHHSJaN06klRqJXBEpDJaM/+dZkso0OKh1VcuuYvK3XM53KysVNq8Ko/epCK8wOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csv-generate/-/csv-generate-3.4.3.tgz}
     name: csv-generate
     version: 3.4.3
     dev: true
 
-  registry.npmjs.org/csv-parse/4.16.3:
+  registry.npmjs.org/csv-parse@4.16.3:
     resolution: {integrity: sha512-cO1I/zmz4w2dcKHVvpCr7JVRu8/FymG5OEpmvsZYlccYolPBLoVGKUHgNoc4ZGkFeFlWGEDmMyBM+TTqRdW/wg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csv-parse/-/csv-parse-4.16.3.tgz}
     name: csv-parse
     version: 4.16.3
     dev: true
 
-  registry.npmjs.org/csv-stringify/5.6.5:
+  registry.npmjs.org/csv-stringify@5.6.5:
     resolution: {integrity: sha512-PjiQ659aQ+fUTQqSrd1XEDnOr52jh30RBurfzkscaE2tPaFsDH5wOAHJiw8XAHphRknCwMUE9KRayc4K/NbO8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csv-stringify/-/csv-stringify-5.6.5.tgz}
     name: csv-stringify
     version: 5.6.5
     dev: true
 
-  registry.npmjs.org/csv/5.5.3:
+  registry.npmjs.org/csv@5.5.3:
     resolution: {integrity: sha512-QTaY0XjjhTQOdguARF0lGKm5/mEq9PD9/VhZZegHDIBq2tQwgNpHc3dneD4mGo2iJs+fTKv5Bp0fZ+BRuY3Z0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csv/-/csv-5.5.3.tgz}
     name: csv
     version: 5.5.3
     engines: {node: '>= 0.1.90'}
     dependencies:
-      csv-generate: registry.npmjs.org/csv-generate/3.4.3
-      csv-parse: registry.npmjs.org/csv-parse/4.16.3
-      csv-stringify: registry.npmjs.org/csv-stringify/5.6.5
-      stream-transform: registry.npmjs.org/stream-transform/2.1.3
+      csv-generate: registry.npmjs.org/csv-generate@3.4.3
+      csv-parse: registry.npmjs.org/csv-parse@4.16.3
+      csv-stringify: registry.npmjs.org/csv-stringify@5.6.5
+      stream-transform: registry.npmjs.org/stream-transform@2.1.3
     dev: true
 
-  registry.npmjs.org/cypress-real-events/1.8.1_cypress@12.14.0:
-    resolution: {integrity: sha512-8fFnA8EzS3EVbAmpSEUf3A8yZCmfU3IPOSGUDVFCdE1ke1gYL1A+gvXXV6HKUbTPRuvKKt2vpaMbUwYLpDRswQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress-real-events/-/cypress-real-events-1.8.1.tgz}
-    id: registry.npmjs.org/cypress-real-events/1.8.1
+  registry.npmjs.org/cypress-real-events@1.10.0(cypress@12.17.3):
+    resolution: {integrity: sha512-ALSdCiG+Rj3Sl6qooqTFeFGBxOIe8QJUcgIuJ6ZVBanTEijXRzqxqstMC2ZKfixqj1TyNjolyZU4zOoN/jtHpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress-real-events/-/cypress-real-events-1.10.0.tgz}
+    id: registry.npmjs.org/cypress-real-events/1.10.0
     name: cypress-real-events
-    version: 1.8.1
+    version: 1.10.0
     peerDependencies:
       cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x
     dependencies:
-      cypress: registry.npmjs.org/cypress/12.14.0
+      cypress: registry.npmjs.org/cypress@12.17.3
+      prettier: registry.npmjs.org/prettier@3.0.1
     dev: true
 
-  registry.npmjs.org/cypress/12.14.0:
-    resolution: {integrity: sha512-HiLIXKXZaIT1RT7sw1sVPt+qKtis3uYNm6KwC4qoYjabwLKaqZlyS/P+uVvvlBNcHIwL/BC6nQZajpbUd7hOgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress/-/cypress-12.14.0.tgz}
+  registry.npmjs.org/cypress@12.17.3:
+    resolution: {integrity: sha512-/R4+xdIDjUSLYkiQfwJd630S81KIgicmQOLXotFxVXkl+eTeVO+3bHXxdi5KBh/OgC33HWN33kHX+0tQR/ZWpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress/-/cypress-12.17.3.tgz}
     name: cypress
-    version: 12.14.0
+    version: 12.17.3
     engines: {node: ^14.0.0 || ^16.0.0 || >=18.0.0}
     hasBin: true
     requiresBuild: true
     dependencies:
-      '@cypress/request': registry.npmjs.org/@cypress/request/2.88.11
-      '@cypress/xvfb': registry.npmjs.org/@cypress/xvfb/1.2.4_supports-color@8.1.1
-      '@types/node': registry.npmjs.org/@types/node/14.18.51
-      '@types/sinonjs__fake-timers': registry.npmjs.org/@types/sinonjs__fake-timers/8.1.1
-      '@types/sizzle': registry.npmjs.org/@types/sizzle/2.3.3
-      arch: registry.npmjs.org/arch/2.2.0
-      blob-util: registry.npmjs.org/blob-util/2.0.2
-      bluebird: registry.npmjs.org/bluebird/3.7.2
-      buffer: registry.npmjs.org/buffer/5.7.1
-      cachedir: registry.npmjs.org/cachedir/2.3.0
-      chalk: registry.npmjs.org/chalk/4.1.2
-      check-more-types: registry.npmjs.org/check-more-types/2.24.0
-      cli-cursor: registry.npmjs.org/cli-cursor/3.1.0
-      cli-table3: registry.npmjs.org/cli-table3/0.6.3
-      commander: registry.npmjs.org/commander/6.2.1
-      common-tags: registry.npmjs.org/common-tags/1.8.2
-      dayjs: registry.npmjs.org/dayjs/1.11.8
-      debug: registry.npmjs.org/debug/4.3.4_supports-color@8.1.1
-      enquirer: registry.npmjs.org/enquirer/2.3.6
-      eventemitter2: registry.npmjs.org/eventemitter2/6.4.7
-      execa: registry.npmjs.org/execa/4.1.0
-      executable: registry.npmjs.org/executable/4.1.1
-      extract-zip: registry.npmjs.org/extract-zip/2.0.1_supports-color@8.1.1
-      figures: registry.npmjs.org/figures/3.2.0
-      fs-extra: registry.npmjs.org/fs-extra/9.1.0
-      getos: registry.npmjs.org/getos/3.2.1
-      is-ci: registry.npmjs.org/is-ci/3.0.1
-      is-installed-globally: registry.npmjs.org/is-installed-globally/0.4.0
-      lazy-ass: registry.npmjs.org/lazy-ass/1.6.0
-      listr2: registry.npmjs.org/listr2/3.14.0_enquirer@2.3.6
-      lodash: registry.npmjs.org/lodash/4.17.21
-      log-symbols: registry.npmjs.org/log-symbols/4.1.0
-      minimist: registry.npmjs.org/minimist/1.2.8
-      ospath: registry.npmjs.org/ospath/1.2.2
-      pretty-bytes: registry.npmjs.org/pretty-bytes/5.6.0
-      proxy-from-env: registry.npmjs.org/proxy-from-env/1.0.0
-      request-progress: registry.npmjs.org/request-progress/3.0.0
-      semver: registry.npmjs.org/semver/7.5.1
-      supports-color: registry.npmjs.org/supports-color/8.1.1
-      tmp: registry.npmjs.org/tmp/0.2.1
-      untildify: registry.npmjs.org/untildify/4.0.0
-      yauzl: registry.npmjs.org/yauzl/2.10.0
-    dev: true
-
-  registry.npmjs.org/d3-color/3.1.0:
+      '@cypress/request': registry.npmjs.org/@cypress/request@2.88.12
+      '@cypress/xvfb': registry.npmjs.org/@cypress/xvfb@1.2.4(supports-color@8.1.1)
+      '@types/node': registry.npmjs.org/@types/node@16.18.40
+      '@types/sinonjs__fake-timers': registry.npmjs.org/@types/sinonjs__fake-timers@8.1.1
+      '@types/sizzle': registry.npmjs.org/@types/sizzle@2.3.3
+      arch: registry.npmjs.org/arch@2.2.0
+      blob-util: registry.npmjs.org/blob-util@2.0.2
+      bluebird: registry.npmjs.org/bluebird@3.7.2
+      buffer: registry.npmjs.org/buffer@5.7.1
+      cachedir: registry.npmjs.org/cachedir@2.4.0
+      chalk: registry.npmjs.org/chalk@4.1.2
+      check-more-types: registry.npmjs.org/check-more-types@2.24.0
+      cli-cursor: registry.npmjs.org/cli-cursor@3.1.0
+      cli-table3: registry.npmjs.org/cli-table3@0.6.3
+      commander: registry.npmjs.org/commander@6.2.1
+      common-tags: registry.npmjs.org/common-tags@1.8.2
+      dayjs: registry.npmjs.org/dayjs@1.11.9
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      enquirer: registry.npmjs.org/enquirer@2.4.1
+      eventemitter2: registry.npmjs.org/eventemitter2@6.4.7
+      execa: registry.npmjs.org/execa@4.1.0
+      executable: registry.npmjs.org/executable@4.1.1
+      extract-zip: registry.npmjs.org/extract-zip@2.0.1(supports-color@8.1.1)
+      figures: registry.npmjs.org/figures@3.2.0
+      fs-extra: registry.npmjs.org/fs-extra@9.1.0
+      getos: registry.npmjs.org/getos@3.2.1
+      is-ci: registry.npmjs.org/is-ci@3.0.1
+      is-installed-globally: registry.npmjs.org/is-installed-globally@0.4.0
+      lazy-ass: registry.npmjs.org/lazy-ass@1.6.0
+      listr2: registry.npmjs.org/listr2@3.14.0(enquirer@2.4.1)
+      lodash: registry.npmjs.org/lodash@4.17.21
+      log-symbols: registry.npmjs.org/log-symbols@4.1.0
+      minimist: registry.npmjs.org/minimist@1.2.8
+      ospath: registry.npmjs.org/ospath@1.2.2
+      pretty-bytes: registry.npmjs.org/pretty-bytes@5.6.0
+      proxy-from-env: registry.npmjs.org/proxy-from-env@1.0.0
+      request-progress: registry.npmjs.org/request-progress@3.0.0
+      semver: registry.npmjs.org/semver@7.5.4
+      supports-color: registry.npmjs.org/supports-color@8.1.1
+      tmp: registry.npmjs.org/tmp@0.2.1
+      untildify: registry.npmjs.org/untildify@4.0.0
+      yauzl: registry.npmjs.org/yauzl@2.10.0
+    dev: true
+
+  registry.npmjs.org/d3-color@3.1.0:
     resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz}
     name: d3-color
     version: 3.1.0
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/d3-dispatch/3.0.1:
+  registry.npmjs.org/d3-dispatch@3.0.1:
     resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz}
     name: d3-dispatch
     version: 3.0.1
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/d3-drag/3.0.0:
+  registry.npmjs.org/d3-drag@3.0.0:
     resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz}
     name: d3-drag
     version: 3.0.0
     engines: {node: '>=12'}
     dependencies:
-      d3-dispatch: registry.npmjs.org/d3-dispatch/3.0.1
-      d3-selection: registry.npmjs.org/d3-selection/3.0.0
+      d3-dispatch: registry.npmjs.org/d3-dispatch@3.0.1
+      d3-selection: registry.npmjs.org/d3-selection@3.0.0
     dev: false
 
-  registry.npmjs.org/d3-ease/3.0.1:
+  registry.npmjs.org/d3-ease@3.0.1:
     resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz}
     name: d3-ease
     version: 3.0.1
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/d3-interpolate/3.0.1:
+  registry.npmjs.org/d3-interpolate@3.0.1:
     resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz}
     name: d3-interpolate
     version: 3.0.1
     engines: {node: '>=12'}
     dependencies:
-      d3-color: registry.npmjs.org/d3-color/3.1.0
+      d3-color: registry.npmjs.org/d3-color@3.1.0
     dev: false
 
-  registry.npmjs.org/d3-selection/3.0.0:
+  registry.npmjs.org/d3-selection@3.0.0:
     resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz}
     name: d3-selection
     version: 3.0.0
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/d3-timer/3.0.1:
+  registry.npmjs.org/d3-timer@3.0.1:
     resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz}
     name: d3-timer
     version: 3.0.1
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/d3-transition/3.0.1_d3-selection@3.0.0:
+  registry.npmjs.org/d3-transition@3.0.1(d3-selection@3.0.0):
     resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz}
     id: registry.npmjs.org/d3-transition/3.0.1
     name: d3-transition
@@ -3278,67 +3743,67 @@ packages:
     peerDependencies:
       d3-selection: 2 - 3
     dependencies:
-      d3-color: registry.npmjs.org/d3-color/3.1.0
-      d3-dispatch: registry.npmjs.org/d3-dispatch/3.0.1
-      d3-ease: registry.npmjs.org/d3-ease/3.0.1
-      d3-interpolate: registry.npmjs.org/d3-interpolate/3.0.1
-      d3-selection: registry.npmjs.org/d3-selection/3.0.0
-      d3-timer: registry.npmjs.org/d3-timer/3.0.1
+      d3-color: registry.npmjs.org/d3-color@3.1.0
+      d3-dispatch: registry.npmjs.org/d3-dispatch@3.0.1
+      d3-ease: registry.npmjs.org/d3-ease@3.0.1
+      d3-interpolate: registry.npmjs.org/d3-interpolate@3.0.1
+      d3-selection: registry.npmjs.org/d3-selection@3.0.0
+      d3-timer: registry.npmjs.org/d3-timer@3.0.1
     dev: false
 
-  registry.npmjs.org/d3-zoom/3.0.0:
+  registry.npmjs.org/d3-zoom@3.0.0:
     resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz}
     name: d3-zoom
     version: 3.0.0
     engines: {node: '>=12'}
     dependencies:
-      d3-dispatch: registry.npmjs.org/d3-dispatch/3.0.1
-      d3-drag: registry.npmjs.org/d3-drag/3.0.0
-      d3-interpolate: registry.npmjs.org/d3-interpolate/3.0.1
-      d3-selection: registry.npmjs.org/d3-selection/3.0.0
-      d3-transition: registry.npmjs.org/d3-transition/3.0.1_d3-selection@3.0.0
+      d3-dispatch: registry.npmjs.org/d3-dispatch@3.0.1
+      d3-drag: registry.npmjs.org/d3-drag@3.0.0
+      d3-interpolate: registry.npmjs.org/d3-interpolate@3.0.1
+      d3-selection: registry.npmjs.org/d3-selection@3.0.0
+      d3-transition: registry.npmjs.org/d3-transition@3.0.1(d3-selection@3.0.0)
     dev: false
 
-  registry.npmjs.org/dagre/0.8.5:
+  registry.npmjs.org/dagre@0.8.5:
     resolution: {integrity: sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dagre/-/dagre-0.8.5.tgz}
     name: dagre
     version: 0.8.5
     dependencies:
-      graphlib: registry.npmjs.org/graphlib/2.1.8
-      lodash: registry.npmjs.org/lodash/4.17.21
+      graphlib: registry.npmjs.org/graphlib@2.1.8
+      lodash: registry.npmjs.org/lodash@4.17.21
     dev: false
 
-  registry.npmjs.org/dashdash/1.14.1:
+  registry.npmjs.org/dashdash@1.14.1:
     resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz}
     name: dashdash
     version: 1.14.1
     engines: {node: '>=0.10'}
     dependencies:
-      assert-plus: registry.npmjs.org/assert-plus/1.0.0
+      assert-plus: registry.npmjs.org/assert-plus@1.0.0
     dev: true
 
-  registry.npmjs.org/dataloader/1.4.0:
+  registry.npmjs.org/dataloader@1.4.0:
     resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dataloader/-/dataloader-1.4.0.tgz}
     name: dataloader
     version: 1.4.0
     dev: true
 
-  registry.npmjs.org/date-fns/2.30.0:
+  registry.npmjs.org/date-fns@2.30.0:
     resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz}
     name: date-fns
     version: 2.30.0
     engines: {node: '>=0.11'}
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime/7.22.5
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
     dev: true
 
-  registry.npmjs.org/dayjs/1.11.8:
-    resolution: {integrity: sha512-LcgxzFoWMEPO7ggRv1Y2N31hUf2R0Vj7fuy/m+Bg1K8rr+KAs1AEy4y9jd5DXe8pbHgX+srkHNS7TH6Q6ZhYeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dayjs/-/dayjs-1.11.8.tgz}
+  registry.npmjs.org/dayjs@1.11.9:
+    resolution: {integrity: sha512-QvzAURSbQ0pKdIye2txOzNaHmxtUBXerpY0FJsFXUMKbIZeFm5ht1LS/jFsrncjnmtv8HsG0W2g6c0zUjZWmpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dayjs/-/dayjs-1.11.9.tgz}
     name: dayjs
-    version: 1.11.8
+    version: 1.11.9
     dev: true
 
-  registry.npmjs.org/debug/3.2.7_supports-color@8.1.1:
+  registry.npmjs.org/debug@3.2.7(supports-color@8.1.1):
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-3.2.7.tgz}
     id: registry.npmjs.org/debug/3.2.7
     name: debug
@@ -3349,25 +3814,11 @@ packages:
       supports-color:
         optional: true
     dependencies:
-      ms: registry.npmjs.org/ms/2.1.3
-      supports-color: registry.npmjs.org/supports-color/8.1.1
-    dev: true
-
-  registry.npmjs.org/debug/4.3.4:
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-4.3.4.tgz}
-    name: debug
-    version: 4.3.4
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-    dependencies:
-      ms: registry.npmjs.org/ms/2.1.2
+      ms: registry.npmjs.org/ms@2.1.3
+      supports-color: registry.npmjs.org/supports-color@8.1.1
     dev: true
 
-  registry.npmjs.org/debug/4.3.4_supports-color@8.1.1:
+  registry.npmjs.org/debug@4.3.4(supports-color@8.1.1):
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-4.3.4.tgz}
     id: registry.npmjs.org/debug/4.3.4
     name: debug
@@ -3379,270 +3830,333 @@ packages:
       supports-color:
         optional: true
     dependencies:
-      ms: registry.npmjs.org/ms/2.1.2
-      supports-color: registry.npmjs.org/supports-color/8.1.1
+      ms: registry.npmjs.org/ms@2.1.2
+      supports-color: registry.npmjs.org/supports-color@8.1.1
     dev: true
 
-  registry.npmjs.org/decamelize-keys/1.1.1:
+  registry.npmjs.org/decamelize-keys@1.1.1:
     resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.1.tgz}
     name: decamelize-keys
     version: 1.1.1
     engines: {node: '>=0.10.0'}
     dependencies:
-      decamelize: registry.npmjs.org/decamelize/1.2.0
-      map-obj: registry.npmjs.org/map-obj/1.0.1
+      decamelize: registry.npmjs.org/decamelize@1.2.0
+      map-obj: registry.npmjs.org/map-obj@1.0.1
     dev: true
 
-  registry.npmjs.org/decamelize/1.2.0:
+  registry.npmjs.org/decamelize@1.2.0:
     resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz}
     name: decamelize
     version: 1.2.0
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/dedent-js/1.0.1:
+  registry.npmjs.org/dedent-js@1.0.1:
     resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dedent-js/-/dedent-js-1.0.1.tgz}
     name: dedent-js
     version: 1.0.1
     dev: true
 
-  registry.npmjs.org/deep-is/0.1.4:
+  registry.npmjs.org/deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz}
     name: deep-is
     version: 0.1.4
     dev: true
 
-  registry.npmjs.org/deepmerge/4.3.1:
+  registry.npmjs.org/deepmerge@4.3.1:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz}
     name: deepmerge
     version: 4.3.1
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/defaults/1.0.4:
+  registry.npmjs.org/defaults@1.0.4:
     resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz}
     name: defaults
     version: 1.0.4
     dependencies:
-      clone: registry.npmjs.org/clone/1.0.4
+      clone: registry.npmjs.org/clone@1.0.4
     dev: true
 
-  registry.npmjs.org/define-properties/1.2.0:
+  registry.npmjs.org/define-properties@1.2.0:
     resolution: {integrity: sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz}
     name: define-properties
     version: 1.2.0
     engines: {node: '>= 0.4'}
     dependencies:
-      has-property-descriptors: registry.npmjs.org/has-property-descriptors/1.0.0
-      object-keys: registry.npmjs.org/object-keys/1.1.1
+      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.0
+      object-keys: registry.npmjs.org/object-keys@1.1.1
     dev: true
 
-  registry.npmjs.org/delayed-stream/1.0.0:
+  registry.npmjs.org/delayed-stream@1.0.0:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz}
     name: delayed-stream
     version: 1.0.0
     engines: {node: '>=0.4.0'}
     dev: true
 
-  registry.npmjs.org/dependency-graph/0.11.0:
+  registry.npmjs.org/dependency-graph@0.11.0:
     resolution: {integrity: sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz}
     name: dependency-graph
     version: 0.11.0
     engines: {node: '>= 0.6.0'}
     dev: true
 
-  registry.npmjs.org/dequal/2.0.3:
+  registry.npmjs.org/dequal@2.0.3:
     resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz}
     name: dequal
     version: 2.0.3
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/detect-indent/6.1.0:
+  registry.npmjs.org/detect-indent@6.1.0:
     resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz}
     name: detect-indent
     version: 6.1.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/devalue/4.3.2:
+  registry.npmjs.org/devalue@4.3.2:
     resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/devalue/-/devalue-4.3.2.tgz}
     name: devalue
     version: 4.3.2
     dev: true
 
-  registry.npmjs.org/dir-glob/3.0.1:
+  registry.npmjs.org/dir-glob@3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz}
     name: dir-glob
     version: 3.0.1
     engines: {node: '>=8'}
     dependencies:
-      path-type: registry.npmjs.org/path-type/4.0.0
+      path-type: registry.npmjs.org/path-type@4.0.0
     dev: true
 
-  registry.npmjs.org/doctrine/2.1.0:
+  registry.npmjs.org/doctrine@2.1.0:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz}
     name: doctrine
     version: 2.1.0
     engines: {node: '>=0.10.0'}
     dependencies:
-      esutils: registry.npmjs.org/esutils/2.0.3
+      esutils: registry.npmjs.org/esutils@2.0.3
     dev: true
 
-  registry.npmjs.org/doctrine/3.0.0:
+  registry.npmjs.org/doctrine@3.0.0:
     resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz}
     name: doctrine
     version: 3.0.0
     engines: {node: '>=6.0.0'}
     dependencies:
-      esutils: registry.npmjs.org/esutils/2.0.3
+      esutils: registry.npmjs.org/esutils@2.0.3
     dev: true
 
-  registry.npmjs.org/dotenv/16.0.3:
+  registry.npmjs.org/dotenv@16.0.3:
     resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dotenv/-/dotenv-16.0.3.tgz}
     name: dotenv
     version: 16.0.3
     engines: {node: '>=12'}
     dev: true
 
-  registry.npmjs.org/dotenv/8.6.0:
+  registry.npmjs.org/dotenv@8.6.0:
     resolution: {integrity: sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dotenv/-/dotenv-8.6.0.tgz}
     name: dotenv
     version: 8.6.0
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/duplexer/0.1.2:
+  registry.npmjs.org/duplexer@0.1.2:
     resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz}
     name: duplexer
     version: 0.1.2
     dev: true
 
-  registry.npmjs.org/ecc-jsbn/0.1.2:
+  registry.npmjs.org/ecc-jsbn@0.1.2:
     resolution: {integrity: sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz}
     name: ecc-jsbn
     version: 0.1.2
     dependencies:
-      jsbn: registry.npmjs.org/jsbn/0.1.1
-      safer-buffer: registry.npmjs.org/safer-buffer/2.1.2
+      jsbn: registry.npmjs.org/jsbn@0.1.1
+      safer-buffer: registry.npmjs.org/safer-buffer@2.1.2
     dev: true
 
-  registry.npmjs.org/electron-to-chromium/1.4.428:
+  registry.npmjs.org/electron-to-chromium@1.4.428:
     resolution: {integrity: sha512-L7uUknyY286of0AYC8CKfgWstD0Smk2DvHDi9F0GWQhSH90Bzi7iDrmCbZKz75tYJxeGSAc7TYeKpmbjMDoh1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.428.tgz}
     name: electron-to-chromium
     version: 1.4.428
     dev: true
 
-  registry.npmjs.org/emoji-regex/8.0.0:
+  registry.npmjs.org/electron-to-chromium@1.4.491:
+    resolution: {integrity: sha512-ZzPqGKghdVzlQJ+qpfE+r6EB321zed7e5JsvHIlMM4zPFF8okXUkF5Of7h7F3l3cltPL0rG7YVmlp5Qro7RQLA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.491.tgz}
+    name: electron-to-chromium
+    version: 1.4.491
+    dev: true
+
+  registry.npmjs.org/emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz}
     name: emoji-regex
     version: 8.0.0
     dev: true
 
-  registry.npmjs.org/end-of-stream/1.4.4:
+  registry.npmjs.org/end-of-stream@1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz}
     name: end-of-stream
     version: 1.4.4
     dependencies:
-      once: registry.npmjs.org/once/1.4.0
+      once: registry.npmjs.org/once@1.4.0
     dev: true
 
-  registry.npmjs.org/enquirer/2.3.6:
+  registry.npmjs.org/enquirer@2.3.6:
     resolution: {integrity: sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz}
     name: enquirer
     version: 2.3.6
     engines: {node: '>=8.6'}
     dependencies:
-      ansi-colors: registry.npmjs.org/ansi-colors/4.1.3
+      ansi-colors: registry.npmjs.org/ansi-colors@4.1.3
+    dev: true
+
+  registry.npmjs.org/enquirer@2.4.1:
+    resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/enquirer/-/enquirer-2.4.1.tgz}
+    name: enquirer
+    version: 2.4.1
+    engines: {node: '>=8.6'}
+    dependencies:
+      ansi-colors: registry.npmjs.org/ansi-colors@4.1.3
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
     dev: true
 
-  registry.npmjs.org/error-ex/1.3.2:
+  registry.npmjs.org/error-ex@1.3.2:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz}
     name: error-ex
     version: 1.3.2
     dependencies:
-      is-arrayish: registry.npmjs.org/is-arrayish/0.2.1
+      is-arrayish: registry.npmjs.org/is-arrayish@0.2.1
     dev: true
 
-  registry.npmjs.org/es-abstract/1.21.2:
+  registry.npmjs.org/es-abstract@1.21.2:
     resolution: {integrity: sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-abstract/-/es-abstract-1.21.2.tgz}
     name: es-abstract
     version: 1.21.2
     engines: {node: '>= 0.4'}
     dependencies:
-      array-buffer-byte-length: registry.npmjs.org/array-buffer-byte-length/1.0.0
-      available-typed-arrays: registry.npmjs.org/available-typed-arrays/1.0.5
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      es-set-tostringtag: registry.npmjs.org/es-set-tostringtag/2.0.1
-      es-to-primitive: registry.npmjs.org/es-to-primitive/1.2.1
-      function.prototype.name: registry.npmjs.org/function.prototype.name/1.1.5
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
-      get-symbol-description: registry.npmjs.org/get-symbol-description/1.0.0
-      globalthis: registry.npmjs.org/globalthis/1.0.3
-      gopd: registry.npmjs.org/gopd/1.0.1
-      has: registry.npmjs.org/has/1.0.3
-      has-property-descriptors: registry.npmjs.org/has-property-descriptors/1.0.0
-      has-proto: registry.npmjs.org/has-proto/1.0.1
-      has-symbols: registry.npmjs.org/has-symbols/1.0.3
-      internal-slot: registry.npmjs.org/internal-slot/1.0.5
-      is-array-buffer: registry.npmjs.org/is-array-buffer/3.0.2
-      is-callable: registry.npmjs.org/is-callable/1.2.7
-      is-negative-zero: registry.npmjs.org/is-negative-zero/2.0.2
-      is-regex: registry.npmjs.org/is-regex/1.1.4
-      is-shared-array-buffer: registry.npmjs.org/is-shared-array-buffer/1.0.2
-      is-string: registry.npmjs.org/is-string/1.0.7
-      is-typed-array: registry.npmjs.org/is-typed-array/1.1.10
-      is-weakref: registry.npmjs.org/is-weakref/1.0.2
-      object-inspect: registry.npmjs.org/object-inspect/1.12.3
-      object-keys: registry.npmjs.org/object-keys/1.1.1
-      object.assign: registry.npmjs.org/object.assign/4.1.4
-      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags/1.5.0
-      safe-regex-test: registry.npmjs.org/safe-regex-test/1.0.0
-      string.prototype.trim: registry.npmjs.org/string.prototype.trim/1.2.7
-      string.prototype.trimend: registry.npmjs.org/string.prototype.trimend/1.0.6
-      string.prototype.trimstart: registry.npmjs.org/string.prototype.trimstart/1.0.6
-      typed-array-length: registry.npmjs.org/typed-array-length/1.0.4
-      unbox-primitive: registry.npmjs.org/unbox-primitive/1.0.2
-      which-typed-array: registry.npmjs.org/which-typed-array/1.1.9
-    dev: true
-
-  registry.npmjs.org/es-set-tostringtag/2.0.1:
+      array-buffer-byte-length: registry.npmjs.org/array-buffer-byte-length@1.0.0
+      available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      es-set-tostringtag: registry.npmjs.org/es-set-tostringtag@2.0.1
+      es-to-primitive: registry.npmjs.org/es-to-primitive@1.2.1
+      function.prototype.name: registry.npmjs.org/function.prototype.name@1.1.5
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      get-symbol-description: registry.npmjs.org/get-symbol-description@1.0.0
+      globalthis: registry.npmjs.org/globalthis@1.0.3
+      gopd: registry.npmjs.org/gopd@1.0.1
+      has: registry.npmjs.org/has@1.0.3
+      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.0
+      has-proto: registry.npmjs.org/has-proto@1.0.1
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      internal-slot: registry.npmjs.org/internal-slot@1.0.5
+      is-array-buffer: registry.npmjs.org/is-array-buffer@3.0.2
+      is-callable: registry.npmjs.org/is-callable@1.2.7
+      is-negative-zero: registry.npmjs.org/is-negative-zero@2.0.2
+      is-regex: registry.npmjs.org/is-regex@1.1.4
+      is-shared-array-buffer: registry.npmjs.org/is-shared-array-buffer@1.0.2
+      is-string: registry.npmjs.org/is-string@1.0.7
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.10
+      is-weakref: registry.npmjs.org/is-weakref@1.0.2
+      object-inspect: registry.npmjs.org/object-inspect@1.12.3
+      object-keys: registry.npmjs.org/object-keys@1.1.1
+      object.assign: registry.npmjs.org/object.assign@4.1.4
+      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags@1.5.0
+      safe-regex-test: registry.npmjs.org/safe-regex-test@1.0.0
+      string.prototype.trim: registry.npmjs.org/string.prototype.trim@1.2.7
+      string.prototype.trimend: registry.npmjs.org/string.prototype.trimend@1.0.6
+      string.prototype.trimstart: registry.npmjs.org/string.prototype.trimstart@1.0.6
+      typed-array-length: registry.npmjs.org/typed-array-length@1.0.4
+      unbox-primitive: registry.npmjs.org/unbox-primitive@1.0.2
+      which-typed-array: registry.npmjs.org/which-typed-array@1.1.9
+    dev: true
+
+  registry.npmjs.org/es-abstract@1.22.1:
+    resolution: {integrity: sha512-ioRRcXMO6OFyRpyzV3kE1IIBd4WG5/kltnzdxSCqoP8CMGs/Li+M1uF5o7lOkZVFjDs+NLesthnF66Pg/0q0Lw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.1.tgz}
+    name: es-abstract
+    version: 1.22.1
+    engines: {node: '>= 0.4'}
+    dependencies:
+      array-buffer-byte-length: registry.npmjs.org/array-buffer-byte-length@1.0.0
+      arraybuffer.prototype.slice: registry.npmjs.org/arraybuffer.prototype.slice@1.0.1
+      available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      es-set-tostringtag: registry.npmjs.org/es-set-tostringtag@2.0.1
+      es-to-primitive: registry.npmjs.org/es-to-primitive@1.2.1
+      function.prototype.name: registry.npmjs.org/function.prototype.name@1.1.5
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      get-symbol-description: registry.npmjs.org/get-symbol-description@1.0.0
+      globalthis: registry.npmjs.org/globalthis@1.0.3
+      gopd: registry.npmjs.org/gopd@1.0.1
+      has: registry.npmjs.org/has@1.0.3
+      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.0
+      has-proto: registry.npmjs.org/has-proto@1.0.1
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      internal-slot: registry.npmjs.org/internal-slot@1.0.5
+      is-array-buffer: registry.npmjs.org/is-array-buffer@3.0.2
+      is-callable: registry.npmjs.org/is-callable@1.2.7
+      is-negative-zero: registry.npmjs.org/is-negative-zero@2.0.2
+      is-regex: registry.npmjs.org/is-regex@1.1.4
+      is-shared-array-buffer: registry.npmjs.org/is-shared-array-buffer@1.0.2
+      is-string: registry.npmjs.org/is-string@1.0.7
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
+      is-weakref: registry.npmjs.org/is-weakref@1.0.2
+      object-inspect: registry.npmjs.org/object-inspect@1.12.3
+      object-keys: registry.npmjs.org/object-keys@1.1.1
+      object.assign: registry.npmjs.org/object.assign@4.1.4
+      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags@1.5.0
+      safe-array-concat: registry.npmjs.org/safe-array-concat@1.0.0
+      safe-regex-test: registry.npmjs.org/safe-regex-test@1.0.0
+      string.prototype.trim: registry.npmjs.org/string.prototype.trim@1.2.7
+      string.prototype.trimend: registry.npmjs.org/string.prototype.trimend@1.0.6
+      string.prototype.trimstart: registry.npmjs.org/string.prototype.trimstart@1.0.6
+      typed-array-buffer: registry.npmjs.org/typed-array-buffer@1.0.0
+      typed-array-byte-length: registry.npmjs.org/typed-array-byte-length@1.0.0
+      typed-array-byte-offset: registry.npmjs.org/typed-array-byte-offset@1.0.0
+      typed-array-length: registry.npmjs.org/typed-array-length@1.0.4
+      unbox-primitive: registry.npmjs.org/unbox-primitive@1.0.2
+      which-typed-array: registry.npmjs.org/which-typed-array@1.1.11
+    dev: true
+
+  registry.npmjs.org/es-set-tostringtag@2.0.1:
     resolution: {integrity: sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz}
     name: es-set-tostringtag
     version: 2.0.1
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
-      has: registry.npmjs.org/has/1.0.3
-      has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      has: registry.npmjs.org/has@1.0.3
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
-  registry.npmjs.org/es-shim-unscopables/1.0.0:
+  registry.npmjs.org/es-shim-unscopables@1.0.0:
     resolution: {integrity: sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz}
     name: es-shim-unscopables
     version: 1.0.0
     dependencies:
-      has: registry.npmjs.org/has/1.0.3
+      has: registry.npmjs.org/has@1.0.3
     dev: true
 
-  registry.npmjs.org/es-to-primitive/1.2.1:
+  registry.npmjs.org/es-to-primitive@1.2.1:
     resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz}
     name: es-to-primitive
     version: 1.2.1
     engines: {node: '>= 0.4'}
     dependencies:
-      is-callable: registry.npmjs.org/is-callable/1.2.7
-      is-date-object: registry.npmjs.org/is-date-object/1.0.5
-      is-symbol: registry.npmjs.org/is-symbol/1.0.4
+      is-callable: registry.npmjs.org/is-callable@1.2.7
+      is-date-object: registry.npmjs.org/is-date-object@1.0.5
+      is-symbol: registry.npmjs.org/is-symbol@1.0.4
     dev: true
 
-  registry.npmjs.org/es6-promise/3.3.1:
+  registry.npmjs.org/es6-promise@3.3.1:
     resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es6-promise/-/es6-promise-3.3.1.tgz}
     name: es6-promise
     version: 3.3.1
     dev: true
 
-  registry.npmjs.org/esbuild/0.17.19:
+  registry.npmjs.org/esbuild@0.17.19:
     resolution: {integrity: sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz}
     name: esbuild
     version: 0.17.19
@@ -3650,52 +4164,84 @@ packages:
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm/0.17.19
-      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64/0.17.19
-      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64/0.17.19
-      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64/0.17.19
-      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64/0.17.19
-      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64/0.17.19
-      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64/0.17.19
-      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm/0.17.19
-      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64/0.17.19
-      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32/0.17.19
-      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64/0.17.19
-      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el/0.17.19
-      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64/0.17.19
-      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64/0.17.19
-      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x/0.17.19
-      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64/0.17.19
-      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64/0.17.19
-      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64/0.17.19
-      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64/0.17.19
-      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64/0.17.19
-      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32/0.17.19
-      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64/0.17.19
-    dev: true
-
-  registry.npmjs.org/escalade/3.1.1:
+      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm@0.17.19
+      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64@0.17.19
+      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64@0.17.19
+      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64@0.17.19
+      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64@0.17.19
+      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64@0.17.19
+      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64@0.17.19
+      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm@0.17.19
+      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64@0.17.19
+      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32@0.17.19
+      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64@0.17.19
+      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el@0.17.19
+      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64@0.17.19
+      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64@0.17.19
+      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x@0.17.19
+      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64@0.17.19
+      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64@0.17.19
+      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64@0.17.19
+      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64@0.17.19
+      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64@0.17.19
+      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32@0.17.19
+      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64@0.17.19
+    dev: true
+
+  registry.npmjs.org/esbuild@0.18.20:
+    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz}
+    name: esbuild
+    version: 0.18.20
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm@0.18.20
+      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64@0.18.20
+      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64@0.18.20
+      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64@0.18.20
+      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64@0.18.20
+      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64@0.18.20
+      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64@0.18.20
+      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm@0.18.20
+      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64@0.18.20
+      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32@0.18.20
+      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64@0.18.20
+      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el@0.18.20
+      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64@0.18.20
+      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64@0.18.20
+      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x@0.18.20
+      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64@0.18.20
+      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64@0.18.20
+      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64@0.18.20
+      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64@0.18.20
+      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64@0.18.20
+      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32@0.18.20
+      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64@0.18.20
+    dev: true
+
+  registry.npmjs.org/escalade@3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz}
     name: escalade
     version: 3.1.1
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/escape-string-regexp/1.0.5:
+  registry.npmjs.org/escape-string-regexp@1.0.5:
     resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz}
     name: escape-string-regexp
     version: 1.0.5
     engines: {node: '>=0.8.0'}
     dev: true
 
-  registry.npmjs.org/escape-string-regexp/4.0.0:
+  registry.npmjs.org/escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz}
     name: escape-string-regexp
     version: 4.0.0
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0:
+  registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.42.0):
     resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz}
     id: registry.npmjs.org/eslint-config-prettier/8.8.0
     name: eslint-config-prettier
@@ -3704,10 +4250,10 @@ packages:
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.42.0
+      eslint: registry.npmjs.org/eslint@8.42.0
     dev: true
 
-  registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.43.0:
+  registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0):
     resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz}
     id: registry.npmjs.org/eslint-config-prettier/8.8.0
     name: eslint-config-prettier
@@ -3716,10 +4262,10 @@ packages:
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.43.0
+      eslint: registry.npmjs.org/eslint@8.43.0
     dev: true
 
-  registry.npmjs.org/eslint-config-turbo/1.10.6_eslint@8.42.0:
+  registry.npmjs.org/eslint-config-turbo@1.10.6(eslint@8.42.0):
     resolution: {integrity: sha512-iZ63etePRUdEIDY5MxdUhU2ekV9TDbVdHg0BK00QqVFgQTXUYuJ7rsQj/wUKTsw3jwhbLfaY6H5sknAgYyWZ2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.6.tgz}
     id: registry.npmjs.org/eslint-config-turbo/1.10.6
     name: eslint-config-turbo
@@ -3727,11 +4273,11 @@ packages:
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.42.0
-      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo/1.10.6_eslint@8.42.0
+      eslint: registry.npmjs.org/eslint@8.42.0
+      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo@1.10.6(eslint@8.42.0)
     dev: true
 
-  registry.npmjs.org/eslint-plugin-prettier/4.2.1_vnriwwub2rhvoyn4ckagrc4lpi:
+  registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.42.0)(prettier@2.8.8):
     resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz}
     id: registry.npmjs.org/eslint-plugin-prettier/4.2.1
     name: eslint-plugin-prettier
@@ -3745,40 +4291,40 @@ packages:
       eslint-config-prettier:
         optional: true
     dependencies:
-      eslint: registry.npmjs.org/eslint/8.42.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier/8.8.0_eslint@8.42.0
-      prettier: registry.npmjs.org/prettier/2.8.8
-      prettier-linter-helpers: registry.npmjs.org/prettier-linter-helpers/1.0.0
+      eslint: registry.npmjs.org/eslint@8.42.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.42.0)
+      prettier: registry.npmjs.org/prettier@2.8.8
+      prettier-linter-helpers: registry.npmjs.org/prettier-linter-helpers@1.0.0
     dev: true
 
-  registry.npmjs.org/eslint-plugin-react/7.32.2_eslint@8.42.0:
-    resolution: {integrity: sha512-t2fBMa+XzonrrNkyVirzKlvn5RXzzPwRHtMvLAtVZrt8oxgnTQaYbU6SXTOO1mwQgp1y5+toMSKInnzGr0Knqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.32.2.tgz}
-    id: registry.npmjs.org/eslint-plugin-react/7.32.2
+  registry.npmjs.org/eslint-plugin-react@7.33.1(eslint@8.42.0):
+    resolution: {integrity: sha512-L093k0WAMvr6VhNwReB8VgOq5s2LesZmrpPdKz/kZElQDzqS7G7+DnKoqT+w4JwuiGeAhAvHO0fvy0Eyk4ejDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.1.tgz}
+    id: registry.npmjs.org/eslint-plugin-react/7.33.1
     name: eslint-plugin-react
-    version: 7.32.2
+    version: 7.33.1
     engines: {node: '>=4'}
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
     dependencies:
-      array-includes: registry.npmjs.org/array-includes/3.1.6
-      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap/1.3.1
-      array.prototype.tosorted: registry.npmjs.org/array.prototype.tosorted/1.1.1
-      doctrine: registry.npmjs.org/doctrine/2.1.0
-      eslint: registry.npmjs.org/eslint/8.42.0
-      estraverse: registry.npmjs.org/estraverse/5.3.0
-      jsx-ast-utils: registry.npmjs.org/jsx-ast-utils/3.3.3
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-      object.entries: registry.npmjs.org/object.entries/1.1.6
-      object.fromentries: registry.npmjs.org/object.fromentries/2.0.6
-      object.hasown: registry.npmjs.org/object.hasown/1.1.2
-      object.values: registry.npmjs.org/object.values/1.1.6
-      prop-types: registry.npmjs.org/prop-types/15.8.1
-      resolve: registry.npmjs.org/resolve/2.0.0-next.4
-      semver: registry.npmjs.org/semver/6.3.0
-      string.prototype.matchall: registry.npmjs.org/string.prototype.matchall/4.0.8
-    dev: true
-
-  registry.npmjs.org/eslint-plugin-svelte/2.31.1_eslint@8.43.0+svelte@4.0.0:
+      array-includes: registry.npmjs.org/array-includes@3.1.6
+      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.1
+      array.prototype.tosorted: registry.npmjs.org/array.prototype.tosorted@1.1.1
+      doctrine: registry.npmjs.org/doctrine@2.1.0
+      eslint: registry.npmjs.org/eslint@8.42.0
+      estraverse: registry.npmjs.org/estraverse@5.3.0
+      jsx-ast-utils: registry.npmjs.org/jsx-ast-utils@3.3.5
+      minimatch: registry.npmjs.org/minimatch@3.1.2
+      object.entries: registry.npmjs.org/object.entries@1.1.6
+      object.fromentries: registry.npmjs.org/object.fromentries@2.0.6
+      object.hasown: registry.npmjs.org/object.hasown@1.1.2
+      object.values: registry.npmjs.org/object.values@1.1.6
+      prop-types: registry.npmjs.org/prop-types@15.8.1
+      resolve: registry.npmjs.org/resolve@2.0.0-next.4
+      semver: registry.npmjs.org/semver@6.3.1
+      string.prototype.matchall: registry.npmjs.org/string.prototype.matchall@4.0.8
+    dev: true
+
+  registry.npmjs.org/eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.0.0):
     resolution: {integrity: sha512-08v+DqzHiwIVEbi+266D7+BDhayp9OSqCwa/lHaZlZOlFY0vZLYs/h7SkkUPzA5fTVt8OUJBtvCxFiWEYOvvGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-2.31.1.tgz}
     id: registry.npmjs.org/eslint-plugin-svelte/2.31.1
     name: eslint-plugin-svelte
@@ -3791,25 +4337,25 @@ packages:
       svelte:
         optional: true
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.43.0
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
-      debug: registry.npmjs.org/debug/4.3.4
-      eslint: registry.npmjs.org/eslint/8.43.0
-      esutils: registry.npmjs.org/esutils/2.0.3
-      known-css-properties: registry.npmjs.org/known-css-properties/0.27.0
-      postcss: registry.npmjs.org/postcss/8.4.24
-      postcss-load-config: registry.npmjs.org/postcss-load-config/3.1.4_postcss@8.4.24
-      postcss-safe-parser: registry.npmjs.org/postcss-safe-parser/6.0.0_postcss@8.4.24
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser/6.0.13
-      semver: registry.npmjs.org/semver/7.5.3
-      svelte: registry.npmjs.org/svelte/4.0.0
-      svelte-eslint-parser: registry.npmjs.org/svelte-eslint-parser/0.31.0_svelte@4.0.0
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      esutils: registry.npmjs.org/esutils@2.0.3
+      known-css-properties: registry.npmjs.org/known-css-properties@0.27.0
+      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss-load-config: registry.npmjs.org/postcss-load-config@3.1.4(postcss@8.4.24)
+      postcss-safe-parser: registry.npmjs.org/postcss-safe-parser@6.0.0(postcss@8.4.24)
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
+      semver: registry.npmjs.org/semver@7.5.3
+      svelte: registry.npmjs.org/svelte@4.0.0
+      svelte-eslint-parser: registry.npmjs.org/svelte-eslint-parser@0.31.0(svelte@4.0.0)
     transitivePeerDependencies:
       - supports-color
       - ts-node
     dev: true
 
-  registry.npmjs.org/eslint-plugin-turbo/1.10.6_eslint@8.42.0:
+  registry.npmjs.org/eslint-plugin-turbo@1.10.6(eslint@8.42.0):
     resolution: {integrity: sha512-jlzfxYaK8hcz1DTk8Glxxi1r0kgdy85191a4CbFOTiiBulmKHMLJgzhsyE9Ong796MA62n91KFpc20BiKjlHwg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.6.tgz}
     id: registry.npmjs.org/eslint-plugin-turbo/1.10.6
     name: eslint-plugin-turbo
@@ -3817,155 +4363,162 @@ packages:
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
-      dotenv: registry.npmjs.org/dotenv/16.0.3
-      eslint: registry.npmjs.org/eslint/8.42.0
+      dotenv: registry.npmjs.org/dotenv@16.0.3
+      eslint: registry.npmjs.org/eslint@8.42.0
     dev: true
 
-  registry.npmjs.org/eslint-scope/5.1.1:
+  registry.npmjs.org/eslint-scope@5.1.1:
     resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz}
     name: eslint-scope
     version: 5.1.1
     engines: {node: '>=8.0.0'}
     dependencies:
-      esrecurse: registry.npmjs.org/esrecurse/4.3.0
-      estraverse: registry.npmjs.org/estraverse/4.3.0
+      esrecurse: registry.npmjs.org/esrecurse@4.3.0
+      estraverse: registry.npmjs.org/estraverse@4.3.0
     dev: true
 
-  registry.npmjs.org/eslint-scope/7.2.0:
+  registry.npmjs.org/eslint-scope@7.2.0:
     resolution: {integrity: sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.0.tgz}
     name: eslint-scope
     version: 7.2.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      esrecurse: registry.npmjs.org/esrecurse/4.3.0
-      estraverse: registry.npmjs.org/estraverse/5.3.0
+      esrecurse: registry.npmjs.org/esrecurse@4.3.0
+      estraverse: registry.npmjs.org/estraverse@5.3.0
     dev: true
 
-  registry.npmjs.org/eslint-visitor-keys/3.4.1:
+  registry.npmjs.org/eslint-visitor-keys@3.4.1:
     resolution: {integrity: sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz}
     name: eslint-visitor-keys
     version: 3.4.1
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/eslint/8.42.0:
+  registry.npmjs.org/eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz}
+    name: eslint-visitor-keys
+    version: 3.4.3
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  registry.npmjs.org/eslint@8.42.0:
     resolution: {integrity: sha512-ulg9Ms6E1WPf67PHaEY4/6E2tEn5/f7FXGzr3t9cBMugOmf1INYvuUwwh1aXQN4MfJ6a5K2iNwP3w4AColvI9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.42.0.tgz}
     name: eslint
     version: 8.42.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.42.0
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
-      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc/2.0.3
-      '@eslint/js': registry.npmjs.org/@eslint/js/8.42.0
-      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array/0.11.10
-      '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer/1.0.1
-      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk/1.2.8
-      ajv: registry.npmjs.org/ajv/6.12.6
-      chalk: registry.npmjs.org/chalk/4.1.2
-      cross-spawn: registry.npmjs.org/cross-spawn/7.0.3
-      debug: registry.npmjs.org/debug/4.3.4
-      doctrine: registry.npmjs.org/doctrine/3.0.0
-      escape-string-regexp: registry.npmjs.org/escape-string-regexp/4.0.0
-      eslint-scope: registry.npmjs.org/eslint-scope/7.2.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
-      espree: registry.npmjs.org/espree/9.5.2
-      esquery: registry.npmjs.org/esquery/1.5.0
-      esutils: registry.npmjs.org/esutils/2.0.3
-      fast-deep-equal: registry.npmjs.org/fast-deep-equal/3.1.3
-      file-entry-cache: registry.npmjs.org/file-entry-cache/6.0.1
-      find-up: registry.npmjs.org/find-up/5.0.0
-      glob-parent: registry.npmjs.org/glob-parent/6.0.2
-      globals: registry.npmjs.org/globals/13.20.0
-      graphemer: registry.npmjs.org/graphemer/1.4.0
-      ignore: registry.npmjs.org/ignore/5.2.4
-      import-fresh: registry.npmjs.org/import-fresh/3.3.0
-      imurmurhash: registry.npmjs.org/imurmurhash/0.1.4
-      is-glob: registry.npmjs.org/is-glob/4.0.3
-      is-path-inside: registry.npmjs.org/is-path-inside/3.0.3
-      js-yaml: registry.npmjs.org/js-yaml/4.1.0
-      json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify/1.0.1
-      levn: registry.npmjs.org/levn/0.4.1
-      lodash.merge: registry.npmjs.org/lodash.merge/4.6.2
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-      natural-compare: registry.npmjs.org/natural-compare/1.4.0
-      optionator: registry.npmjs.org/optionator/0.9.1
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
-      strip-json-comments: registry.npmjs.org/strip-json-comments/3.1.1
-      text-table: registry.npmjs.org/text-table/0.2.0
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.42.0)
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.5.1
+      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc@2.0.3
+      '@eslint/js': registry.npmjs.org/@eslint/js@8.42.0
+      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array@0.11.10
+      '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer@1.0.1
+      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk@1.2.8
+      ajv: registry.npmjs.org/ajv@6.12.6
+      chalk: registry.npmjs.org/chalk@4.1.2
+      cross-spawn: registry.npmjs.org/cross-spawn@7.0.3
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      doctrine: registry.npmjs.org/doctrine@3.0.0
+      escape-string-regexp: registry.npmjs.org/escape-string-regexp@4.0.0
+      eslint-scope: registry.npmjs.org/eslint-scope@7.2.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
+      espree: registry.npmjs.org/espree@9.5.2
+      esquery: registry.npmjs.org/esquery@1.5.0
+      esutils: registry.npmjs.org/esutils@2.0.3
+      fast-deep-equal: registry.npmjs.org/fast-deep-equal@3.1.3
+      file-entry-cache: registry.npmjs.org/file-entry-cache@6.0.1
+      find-up: registry.npmjs.org/find-up@5.0.0
+      glob-parent: registry.npmjs.org/glob-parent@6.0.2
+      globals: registry.npmjs.org/globals@13.20.0
+      graphemer: registry.npmjs.org/graphemer@1.4.0
+      ignore: registry.npmjs.org/ignore@5.2.4
+      import-fresh: registry.npmjs.org/import-fresh@3.3.0
+      imurmurhash: registry.npmjs.org/imurmurhash@0.1.4
+      is-glob: registry.npmjs.org/is-glob@4.0.3
+      is-path-inside: registry.npmjs.org/is-path-inside@3.0.3
+      js-yaml: registry.npmjs.org/js-yaml@4.1.0
+      json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify@1.0.1
+      levn: registry.npmjs.org/levn@0.4.1
+      lodash.merge: registry.npmjs.org/lodash.merge@4.6.2
+      minimatch: registry.npmjs.org/minimatch@3.1.2
+      natural-compare: registry.npmjs.org/natural-compare@1.4.0
+      optionator: registry.npmjs.org/optionator@0.9.1
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      strip-json-comments: registry.npmjs.org/strip-json-comments@3.1.1
+      text-table: registry.npmjs.org/text-table@0.2.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/eslint/8.43.0:
+  registry.npmjs.org/eslint@8.43.0:
     resolution: {integrity: sha512-aaCpf2JqqKesMFGgmRPessmVKjcGXqdlAYLLC3THM8t5nBRZRQ+st5WM/hoJXkdioEXLLbXgclUpM0TXo5HX5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.43.0.tgz}
     name: eslint
     version: 8.43.0
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils/4.4.0_eslint@8.43.0
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp/4.5.1
-      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc/2.0.3
-      '@eslint/js': registry.npmjs.org/@eslint/js/8.43.0
-      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array/0.11.10
-      '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer/1.0.1
-      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk/1.2.8
-      ajv: registry.npmjs.org/ajv/6.12.6
-      chalk: registry.npmjs.org/chalk/4.1.2
-      cross-spawn: registry.npmjs.org/cross-spawn/7.0.3
-      debug: registry.npmjs.org/debug/4.3.4
-      doctrine: registry.npmjs.org/doctrine/3.0.0
-      escape-string-regexp: registry.npmjs.org/escape-string-regexp/4.0.0
-      eslint-scope: registry.npmjs.org/eslint-scope/7.2.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
-      espree: registry.npmjs.org/espree/9.5.2
-      esquery: registry.npmjs.org/esquery/1.5.0
-      esutils: registry.npmjs.org/esutils/2.0.3
-      fast-deep-equal: registry.npmjs.org/fast-deep-equal/3.1.3
-      file-entry-cache: registry.npmjs.org/file-entry-cache/6.0.1
-      find-up: registry.npmjs.org/find-up/5.0.0
-      glob-parent: registry.npmjs.org/glob-parent/6.0.2
-      globals: registry.npmjs.org/globals/13.20.0
-      graphemer: registry.npmjs.org/graphemer/1.4.0
-      ignore: registry.npmjs.org/ignore/5.2.4
-      import-fresh: registry.npmjs.org/import-fresh/3.3.0
-      imurmurhash: registry.npmjs.org/imurmurhash/0.1.4
-      is-glob: registry.npmjs.org/is-glob/4.0.3
-      is-path-inside: registry.npmjs.org/is-path-inside/3.0.3
-      js-yaml: registry.npmjs.org/js-yaml/4.1.0
-      json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify/1.0.1
-      levn: registry.npmjs.org/levn/0.4.1
-      lodash.merge: registry.npmjs.org/lodash.merge/4.6.2
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-      natural-compare: registry.npmjs.org/natural-compare/1.4.0
-      optionator: registry.npmjs.org/optionator/0.9.1
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
-      strip-json-comments: registry.npmjs.org/strip-json-comments/3.1.1
-      text-table: registry.npmjs.org/text-table/0.2.0
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.5.1
+      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc@2.0.3
+      '@eslint/js': registry.npmjs.org/@eslint/js@8.43.0
+      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array@0.11.10
+      '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer@1.0.1
+      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk@1.2.8
+      ajv: registry.npmjs.org/ajv@6.12.6
+      chalk: registry.npmjs.org/chalk@4.1.2
+      cross-spawn: registry.npmjs.org/cross-spawn@7.0.3
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      doctrine: registry.npmjs.org/doctrine@3.0.0
+      escape-string-regexp: registry.npmjs.org/escape-string-regexp@4.0.0
+      eslint-scope: registry.npmjs.org/eslint-scope@7.2.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
+      espree: registry.npmjs.org/espree@9.5.2
+      esquery: registry.npmjs.org/esquery@1.5.0
+      esutils: registry.npmjs.org/esutils@2.0.3
+      fast-deep-equal: registry.npmjs.org/fast-deep-equal@3.1.3
+      file-entry-cache: registry.npmjs.org/file-entry-cache@6.0.1
+      find-up: registry.npmjs.org/find-up@5.0.0
+      glob-parent: registry.npmjs.org/glob-parent@6.0.2
+      globals: registry.npmjs.org/globals@13.20.0
+      graphemer: registry.npmjs.org/graphemer@1.4.0
+      ignore: registry.npmjs.org/ignore@5.2.4
+      import-fresh: registry.npmjs.org/import-fresh@3.3.0
+      imurmurhash: registry.npmjs.org/imurmurhash@0.1.4
+      is-glob: registry.npmjs.org/is-glob@4.0.3
+      is-path-inside: registry.npmjs.org/is-path-inside@3.0.3
+      js-yaml: registry.npmjs.org/js-yaml@4.1.0
+      json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify@1.0.1
+      levn: registry.npmjs.org/levn@0.4.1
+      lodash.merge: registry.npmjs.org/lodash.merge@4.6.2
+      minimatch: registry.npmjs.org/minimatch@3.1.2
+      natural-compare: registry.npmjs.org/natural-compare@1.4.0
+      optionator: registry.npmjs.org/optionator@0.9.1
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      strip-json-comments: registry.npmjs.org/strip-json-comments@3.1.1
+      text-table: registry.npmjs.org/text-table@0.2.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/esm-env/1.0.0:
+  registry.npmjs.org/esm-env@1.0.0:
     resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz}
     name: esm-env
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/espree/9.5.2:
+  registry.npmjs.org/espree@9.5.2:
     resolution: {integrity: sha512-7OASN1Wma5fum5SrNhFMAMJxOUAbhyfQ8dQ//PJaJbNw0URTPWqIghHWt1MmAANKhHZIYOHruW4Kw4ruUWOdGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/espree/-/espree-9.5.2.tgz}
     name: espree
     version: 9.5.2
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      acorn: registry.npmjs.org/acorn/8.8.2
-      acorn-jsx: registry.npmjs.org/acorn-jsx/5.3.2_acorn@8.8.2
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
+      acorn: registry.npmjs.org/acorn@8.8.2
+      acorn-jsx: registry.npmjs.org/acorn-jsx@5.3.2(acorn@8.8.2)
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
     dev: true
 
-  registry.npmjs.org/esprima/4.0.1:
+  registry.npmjs.org/esprima@4.0.1:
     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz}
     name: esprima
     version: 4.0.1
@@ -3973,146 +4526,146 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/esquery/1.5.0:
+  registry.npmjs.org/esquery@1.5.0:
     resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz}
     name: esquery
     version: 1.5.0
     engines: {node: '>=0.10'}
     dependencies:
-      estraverse: registry.npmjs.org/estraverse/5.3.0
+      estraverse: registry.npmjs.org/estraverse@5.3.0
     dev: true
 
-  registry.npmjs.org/esrecurse/4.3.0:
+  registry.npmjs.org/esrecurse@4.3.0:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz}
     name: esrecurse
     version: 4.3.0
     engines: {node: '>=4.0'}
     dependencies:
-      estraverse: registry.npmjs.org/estraverse/5.3.0
+      estraverse: registry.npmjs.org/estraverse@5.3.0
     dev: true
 
-  registry.npmjs.org/estraverse/4.3.0:
+  registry.npmjs.org/estraverse@4.3.0:
     resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz}
     name: estraverse
     version: 4.3.0
     engines: {node: '>=4.0'}
     dev: true
 
-  registry.npmjs.org/estraverse/5.3.0:
+  registry.npmjs.org/estraverse@5.3.0:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz}
     name: estraverse
     version: 5.3.0
     engines: {node: '>=4.0'}
     dev: true
 
-  registry.npmjs.org/estree-walker/2.0.2:
+  registry.npmjs.org/estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz}
     name: estree-walker
     version: 2.0.2
     dev: true
 
-  registry.npmjs.org/estree-walker/3.0.3:
+  registry.npmjs.org/estree-walker@3.0.3:
     resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz}
     name: estree-walker
     version: 3.0.3
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
     dev: true
 
-  registry.npmjs.org/esutils/2.0.3:
+  registry.npmjs.org/esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz}
     name: esutils
     version: 2.0.3
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/event-stream/3.3.4:
+  registry.npmjs.org/event-stream@3.3.4:
     resolution: {integrity: sha512-QHpkERcGsR0T7Qm3HNJSyXKEEj8AHNxkY3PK8TS2KJvQ7NiSHe3DDpwVKKtoYprL/AreyzFBeIkBIWChAqn60g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/event-stream/-/event-stream-3.3.4.tgz}
     name: event-stream
     version: 3.3.4
     dependencies:
-      duplexer: registry.npmjs.org/duplexer/0.1.2
-      from: registry.npmjs.org/from/0.1.7
-      map-stream: registry.npmjs.org/map-stream/0.1.0
-      pause-stream: registry.npmjs.org/pause-stream/0.0.11
-      split: registry.npmjs.org/split/0.3.3
-      stream-combiner: registry.npmjs.org/stream-combiner/0.0.4
-      through: registry.npmjs.org/through/2.3.8
+      duplexer: registry.npmjs.org/duplexer@0.1.2
+      from: registry.npmjs.org/from@0.1.7
+      map-stream: registry.npmjs.org/map-stream@0.1.0
+      pause-stream: registry.npmjs.org/pause-stream@0.0.11
+      split: registry.npmjs.org/split@0.3.3
+      stream-combiner: registry.npmjs.org/stream-combiner@0.0.4
+      through: registry.npmjs.org/through@2.3.8
     dev: true
 
-  registry.npmjs.org/eventemitter2/6.4.7:
+  registry.npmjs.org/eventemitter2@6.4.7:
     resolution: {integrity: sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.7.tgz}
     name: eventemitter2
     version: 6.4.7
     dev: true
 
-  registry.npmjs.org/execa/4.1.0:
+  registry.npmjs.org/execa@4.1.0:
     resolution: {integrity: sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/execa/-/execa-4.1.0.tgz}
     name: execa
     version: 4.1.0
     engines: {node: '>=10'}
     dependencies:
-      cross-spawn: registry.npmjs.org/cross-spawn/7.0.3
-      get-stream: registry.npmjs.org/get-stream/5.2.0
-      human-signals: registry.npmjs.org/human-signals/1.1.1
-      is-stream: registry.npmjs.org/is-stream/2.0.1
-      merge-stream: registry.npmjs.org/merge-stream/2.0.0
-      npm-run-path: registry.npmjs.org/npm-run-path/4.0.1
-      onetime: registry.npmjs.org/onetime/5.1.2
-      signal-exit: registry.npmjs.org/signal-exit/3.0.7
-      strip-final-newline: registry.npmjs.org/strip-final-newline/2.0.0
+      cross-spawn: registry.npmjs.org/cross-spawn@7.0.3
+      get-stream: registry.npmjs.org/get-stream@5.2.0
+      human-signals: registry.npmjs.org/human-signals@1.1.1
+      is-stream: registry.npmjs.org/is-stream@2.0.1
+      merge-stream: registry.npmjs.org/merge-stream@2.0.0
+      npm-run-path: registry.npmjs.org/npm-run-path@4.0.1
+      onetime: registry.npmjs.org/onetime@5.1.2
+      signal-exit: registry.npmjs.org/signal-exit@3.0.7
+      strip-final-newline: registry.npmjs.org/strip-final-newline@2.0.0
     dev: true
 
-  registry.npmjs.org/execa/5.1.1:
+  registry.npmjs.org/execa@5.1.1:
     resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/execa/-/execa-5.1.1.tgz}
     name: execa
     version: 5.1.1
     engines: {node: '>=10'}
     dependencies:
-      cross-spawn: registry.npmjs.org/cross-spawn/7.0.3
-      get-stream: registry.npmjs.org/get-stream/6.0.1
-      human-signals: registry.npmjs.org/human-signals/2.1.0
-      is-stream: registry.npmjs.org/is-stream/2.0.1
-      merge-stream: registry.npmjs.org/merge-stream/2.0.0
-      npm-run-path: registry.npmjs.org/npm-run-path/4.0.1
-      onetime: registry.npmjs.org/onetime/5.1.2
-      signal-exit: registry.npmjs.org/signal-exit/3.0.7
-      strip-final-newline: registry.npmjs.org/strip-final-newline/2.0.0
+      cross-spawn: registry.npmjs.org/cross-spawn@7.0.3
+      get-stream: registry.npmjs.org/get-stream@6.0.1
+      human-signals: registry.npmjs.org/human-signals@2.1.0
+      is-stream: registry.npmjs.org/is-stream@2.0.1
+      merge-stream: registry.npmjs.org/merge-stream@2.0.0
+      npm-run-path: registry.npmjs.org/npm-run-path@4.0.1
+      onetime: registry.npmjs.org/onetime@5.1.2
+      signal-exit: registry.npmjs.org/signal-exit@3.0.7
+      strip-final-newline: registry.npmjs.org/strip-final-newline@2.0.0
     dev: true
 
-  registry.npmjs.org/executable/4.1.1:
+  registry.npmjs.org/executable@4.1.1:
     resolution: {integrity: sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/executable/-/executable-4.1.1.tgz}
     name: executable
     version: 4.1.1
     engines: {node: '>=4'}
     dependencies:
-      pify: registry.npmjs.org/pify/2.3.0
+      pify: registry.npmjs.org/pify@2.3.0
     dev: true
 
-  registry.npmjs.org/extend/3.0.2:
+  registry.npmjs.org/extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/extend/-/extend-3.0.2.tgz}
     name: extend
     version: 3.0.2
     dev: true
 
-  registry.npmjs.org/extendable-error/0.1.7:
+  registry.npmjs.org/extendable-error@0.1.7:
     resolution: {integrity: sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/extendable-error/-/extendable-error-0.1.7.tgz}
     name: extendable-error
     version: 0.1.7
     dev: true
 
-  registry.npmjs.org/external-editor/3.1.0:
+  registry.npmjs.org/external-editor@3.1.0:
     resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz}
     name: external-editor
     version: 3.1.0
     engines: {node: '>=4'}
     dependencies:
-      chardet: registry.npmjs.org/chardet/0.7.0
-      iconv-lite: registry.npmjs.org/iconv-lite/0.4.24
-      tmp: registry.npmjs.org/tmp/0.0.33
+      chardet: registry.npmjs.org/chardet@0.7.0
+      iconv-lite: registry.npmjs.org/iconv-lite@0.4.24
+      tmp: registry.npmjs.org/tmp@0.0.33
     dev: true
 
-  registry.npmjs.org/extract-zip/2.0.1_supports-color@8.1.1:
+  registry.npmjs.org/extract-zip@2.0.1(supports-color@8.1.1):
     resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz}
     id: registry.npmjs.org/extract-zip/2.0.1
     name: extract-zip
@@ -4120,148 +4673,148 @@ packages:
     engines: {node: '>= 10.17.0'}
     hasBin: true
     dependencies:
-      debug: registry.npmjs.org/debug/4.3.4_supports-color@8.1.1
-      get-stream: registry.npmjs.org/get-stream/5.2.0
-      yauzl: registry.npmjs.org/yauzl/2.10.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      get-stream: registry.npmjs.org/get-stream@5.2.0
+      yauzl: registry.npmjs.org/yauzl@2.10.0
     optionalDependencies:
-      '@types/yauzl': registry.npmjs.org/@types/yauzl/2.10.0
+      '@types/yauzl': registry.npmjs.org/@types/yauzl@2.10.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/extsprintf/1.3.0:
+  registry.npmjs.org/extsprintf@1.3.0:
     resolution: {integrity: sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz}
     name: extsprintf
     version: 1.3.0
     engines: {'0': node >=0.6.0}
     dev: true
 
-  registry.npmjs.org/fast-deep-equal/3.1.3:
+  registry.npmjs.org/fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz}
     name: fast-deep-equal
     version: 3.1.3
     dev: true
 
-  registry.npmjs.org/fast-diff/1.3.0:
+  registry.npmjs.org/fast-diff@1.3.0:
     resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz}
     name: fast-diff
     version: 1.3.0
     dev: true
 
-  registry.npmjs.org/fast-glob/3.2.12:
+  registry.npmjs.org/fast-glob@3.2.12:
     resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz}
     name: fast-glob
     version: 3.2.12
     engines: {node: '>=8.6.0'}
     dependencies:
-      '@nodelib/fs.stat': registry.npmjs.org/@nodelib/fs.stat/2.0.5
-      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk/1.2.8
-      glob-parent: registry.npmjs.org/glob-parent/5.1.2
-      merge2: registry.npmjs.org/merge2/1.4.1
-      micromatch: registry.npmjs.org/micromatch/4.0.5
+      '@nodelib/fs.stat': registry.npmjs.org/@nodelib/fs.stat@2.0.5
+      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk@1.2.8
+      glob-parent: registry.npmjs.org/glob-parent@5.1.2
+      merge2: registry.npmjs.org/merge2@1.4.1
+      micromatch: registry.npmjs.org/micromatch@4.0.5
     dev: true
 
-  registry.npmjs.org/fast-json-stable-stringify/2.1.0:
+  registry.npmjs.org/fast-json-stable-stringify@2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz}
     name: fast-json-stable-stringify
     version: 2.1.0
     dev: true
 
-  registry.npmjs.org/fast-levenshtein/2.0.6:
+  registry.npmjs.org/fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz}
     name: fast-levenshtein
     version: 2.0.6
     dev: true
 
-  registry.npmjs.org/fastq/1.15.0:
+  registry.npmjs.org/fastq@1.15.0:
     resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz}
     name: fastq
     version: 1.15.0
     dependencies:
-      reusify: registry.npmjs.org/reusify/1.0.4
+      reusify: registry.npmjs.org/reusify@1.0.4
     dev: true
 
-  registry.npmjs.org/fd-slicer/1.1.0:
+  registry.npmjs.org/fd-slicer@1.1.0:
     resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz}
     name: fd-slicer
     version: 1.1.0
     dependencies:
-      pend: registry.npmjs.org/pend/1.2.0
+      pend: registry.npmjs.org/pend@1.2.0
     dev: true
 
-  registry.npmjs.org/figures/3.2.0:
+  registry.npmjs.org/figures@3.2.0:
     resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/figures/-/figures-3.2.0.tgz}
     name: figures
     version: 3.2.0
     engines: {node: '>=8'}
     dependencies:
-      escape-string-regexp: registry.npmjs.org/escape-string-regexp/1.0.5
+      escape-string-regexp: registry.npmjs.org/escape-string-regexp@1.0.5
     dev: true
 
-  registry.npmjs.org/file-entry-cache/6.0.1:
+  registry.npmjs.org/file-entry-cache@6.0.1:
     resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz}
     name: file-entry-cache
     version: 6.0.1
     engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
-      flat-cache: registry.npmjs.org/flat-cache/3.0.4
+      flat-cache: registry.npmjs.org/flat-cache@3.0.4
     dev: true
 
-  registry.npmjs.org/fill-range/7.0.1:
+  registry.npmjs.org/fill-range@7.0.1:
     resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz}
     name: fill-range
     version: 7.0.1
     engines: {node: '>=8'}
     dependencies:
-      to-regex-range: registry.npmjs.org/to-regex-range/5.0.1
+      to-regex-range: registry.npmjs.org/to-regex-range@5.0.1
     dev: true
 
-  registry.npmjs.org/find-up/4.1.0:
+  registry.npmjs.org/find-up@4.1.0:
     resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz}
     name: find-up
     version: 4.1.0
     engines: {node: '>=8'}
     dependencies:
-      locate-path: registry.npmjs.org/locate-path/5.0.0
-      path-exists: registry.npmjs.org/path-exists/4.0.0
+      locate-path: registry.npmjs.org/locate-path@5.0.0
+      path-exists: registry.npmjs.org/path-exists@4.0.0
     dev: true
 
-  registry.npmjs.org/find-up/5.0.0:
+  registry.npmjs.org/find-up@5.0.0:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz}
     name: find-up
     version: 5.0.0
     engines: {node: '>=10'}
     dependencies:
-      locate-path: registry.npmjs.org/locate-path/6.0.0
-      path-exists: registry.npmjs.org/path-exists/4.0.0
+      locate-path: registry.npmjs.org/locate-path@6.0.0
+      path-exists: registry.npmjs.org/path-exists@4.0.0
     dev: true
 
-  registry.npmjs.org/find-yarn-workspace-root2/1.2.16:
+  registry.npmjs.org/find-yarn-workspace-root2@1.2.16:
     resolution: {integrity: sha512-hr6hb1w8ePMpPVUK39S4RlwJzi+xPLuVuG8XlwXU3KD5Yn3qgBWVfy3AzNlDhWvE1EORCE65/Qm26rFQt3VLVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-yarn-workspace-root2/-/find-yarn-workspace-root2-1.2.16.tgz}
     name: find-yarn-workspace-root2
     version: 1.2.16
     dependencies:
-      micromatch: registry.npmjs.org/micromatch/4.0.5
-      pkg-dir: registry.npmjs.org/pkg-dir/4.2.0
+      micromatch: registry.npmjs.org/micromatch@4.0.5
+      pkg-dir: registry.npmjs.org/pkg-dir@4.2.0
     dev: true
 
-  registry.npmjs.org/flat-cache/3.0.4:
+  registry.npmjs.org/flat-cache@3.0.4:
     resolution: {integrity: sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz}
     name: flat-cache
     version: 3.0.4
     engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
-      flatted: registry.npmjs.org/flatted/3.2.7
-      rimraf: registry.npmjs.org/rimraf/3.0.2
+      flatted: registry.npmjs.org/flatted@3.2.7
+      rimraf: registry.npmjs.org/rimraf@3.0.2
     dev: true
 
-  registry.npmjs.org/flatted/3.2.7:
+  registry.npmjs.org/flatted@3.2.7:
     resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz}
     name: flatted
     version: 3.2.7
     dev: true
 
-  registry.npmjs.org/follow-redirects/1.15.2_debug@4.3.4:
+  registry.npmjs.org/follow-redirects@1.15.2(debug@4.3.4):
     resolution: {integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz}
     id: registry.npmjs.org/follow-redirects/1.15.2
     name: follow-redirects
@@ -4273,109 +4826,109 @@ packages:
       debug:
         optional: true
     dependencies:
-      debug: registry.npmjs.org/debug/4.3.4
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
     dev: true
 
-  registry.npmjs.org/for-each/0.3.3:
+  registry.npmjs.org/for-each@0.3.3:
     resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz}
     name: for-each
     version: 0.3.3
     dependencies:
-      is-callable: registry.npmjs.org/is-callable/1.2.7
+      is-callable: registry.npmjs.org/is-callable@1.2.7
     dev: true
 
-  registry.npmjs.org/forever-agent/0.6.1:
+  registry.npmjs.org/forever-agent@0.6.1:
     resolution: {integrity: sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz}
     name: forever-agent
     version: 0.6.1
     dev: true
 
-  registry.npmjs.org/form-data/2.3.3:
+  registry.npmjs.org/form-data@2.3.3:
     resolution: {integrity: sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz}
     name: form-data
     version: 2.3.3
     engines: {node: '>= 0.12'}
     dependencies:
-      asynckit: registry.npmjs.org/asynckit/0.4.0
-      combined-stream: registry.npmjs.org/combined-stream/1.0.8
-      mime-types: registry.npmjs.org/mime-types/2.1.35
+      asynckit: registry.npmjs.org/asynckit@0.4.0
+      combined-stream: registry.npmjs.org/combined-stream@1.0.8
+      mime-types: registry.npmjs.org/mime-types@2.1.35
     dev: true
 
-  registry.npmjs.org/form-data/4.0.0:
+  registry.npmjs.org/form-data@4.0.0:
     resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz}
     name: form-data
     version: 4.0.0
     engines: {node: '>= 6'}
     dependencies:
-      asynckit: registry.npmjs.org/asynckit/0.4.0
-      combined-stream: registry.npmjs.org/combined-stream/1.0.8
-      mime-types: registry.npmjs.org/mime-types/2.1.35
+      asynckit: registry.npmjs.org/asynckit@0.4.0
+      combined-stream: registry.npmjs.org/combined-stream@1.0.8
+      mime-types: registry.npmjs.org/mime-types@2.1.35
     dev: true
 
-  registry.npmjs.org/fraction.js/4.2.0:
+  registry.npmjs.org/fraction.js@4.2.0:
     resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz}
     name: fraction.js
     version: 4.2.0
     dev: true
 
-  registry.npmjs.org/from/0.1.7:
+  registry.npmjs.org/from@0.1.7:
     resolution: {integrity: sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/from/-/from-0.1.7.tgz}
     name: from
     version: 0.1.7
     dev: true
 
-  registry.npmjs.org/fs-extra/11.1.1:
+  registry.npmjs.org/fs-extra@11.1.1:
     resolution: {integrity: sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz}
     name: fs-extra
     version: 11.1.1
     engines: {node: '>=14.14'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
-      jsonfile: registry.npmjs.org/jsonfile/6.1.0
-      universalify: registry.npmjs.org/universalify/2.0.0
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      jsonfile: registry.npmjs.org/jsonfile@6.1.0
+      universalify: registry.npmjs.org/universalify@2.0.0
     dev: true
 
-  registry.npmjs.org/fs-extra/7.0.1:
+  registry.npmjs.org/fs-extra@7.0.1:
     resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz}
     name: fs-extra
     version: 7.0.1
     engines: {node: '>=6 <7 || >=8'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
-      jsonfile: registry.npmjs.org/jsonfile/4.0.0
-      universalify: registry.npmjs.org/universalify/0.1.2
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      jsonfile: registry.npmjs.org/jsonfile@4.0.0
+      universalify: registry.npmjs.org/universalify@0.1.2
     dev: true
 
-  registry.npmjs.org/fs-extra/8.1.0:
+  registry.npmjs.org/fs-extra@8.1.0:
     resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz}
     name: fs-extra
     version: 8.1.0
     engines: {node: '>=6 <7 || >=8'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
-      jsonfile: registry.npmjs.org/jsonfile/4.0.0
-      universalify: registry.npmjs.org/universalify/0.1.2
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      jsonfile: registry.npmjs.org/jsonfile@4.0.0
+      universalify: registry.npmjs.org/universalify@0.1.2
     dev: true
 
-  registry.npmjs.org/fs-extra/9.1.0:
+  registry.npmjs.org/fs-extra@9.1.0:
     resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz}
     name: fs-extra
     version: 9.1.0
     engines: {node: '>=10'}
     dependencies:
-      at-least-node: registry.npmjs.org/at-least-node/1.0.0
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
-      jsonfile: registry.npmjs.org/jsonfile/6.1.0
-      universalify: registry.npmjs.org/universalify/2.0.0
+      at-least-node: registry.npmjs.org/at-least-node@1.0.0
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      jsonfile: registry.npmjs.org/jsonfile@6.1.0
+      universalify: registry.npmjs.org/universalify@2.0.0
     dev: true
 
-  registry.npmjs.org/fs.realpath/1.0.0:
+  registry.npmjs.org/fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz}
     name: fs.realpath
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/fsevents/2.3.2:
+  registry.npmjs.org/fsevents@2.3.2:
     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz}
     name: fsevents
     version: 2.3.2
@@ -4385,763 +4938,786 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/function-bind/1.1.1:
+  registry.npmjs.org/function-bind@1.1.1:
     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz}
     name: function-bind
     version: 1.1.1
     dev: true
 
-  registry.npmjs.org/function.prototype.name/1.1.5:
+  registry.npmjs.org/function.prototype.name@1.1.5:
     resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.5.tgz}
     name: function.prototype.name
     version: 1.1.5
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
-      functions-have-names: registry.npmjs.org/functions-have-names/1.2.3
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
+      functions-have-names: registry.npmjs.org/functions-have-names@1.2.3
     dev: true
 
-  registry.npmjs.org/functions-have-names/1.2.3:
+  registry.npmjs.org/functions-have-names@1.2.3:
     resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz}
     name: functions-have-names
     version: 1.2.3
     dev: true
 
-  registry.npmjs.org/gensync/1.0.0-beta.2:
+  registry.npmjs.org/gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz}
     name: gensync
     version: 1.0.0-beta.2
     engines: {node: '>=6.9.0'}
     dev: true
 
-  registry.npmjs.org/get-caller-file/2.0.5:
+  registry.npmjs.org/get-caller-file@2.0.5:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz}
     name: get-caller-file
     version: 2.0.5
     engines: {node: 6.* || 8.* || >= 10.*}
     dev: true
 
-  registry.npmjs.org/get-intrinsic/1.2.1:
+  registry.npmjs.org/get-intrinsic@1.2.1:
     resolution: {integrity: sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz}
     name: get-intrinsic
     version: 1.2.1
     dependencies:
-      function-bind: registry.npmjs.org/function-bind/1.1.1
-      has: registry.npmjs.org/has/1.0.3
-      has-proto: registry.npmjs.org/has-proto/1.0.1
-      has-symbols: registry.npmjs.org/has-symbols/1.0.3
+      function-bind: registry.npmjs.org/function-bind@1.1.1
+      has: registry.npmjs.org/has@1.0.3
+      has-proto: registry.npmjs.org/has-proto@1.0.1
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
     dev: true
 
-  registry.npmjs.org/get-stdin/9.0.0:
+  registry.npmjs.org/get-stdin@9.0.0:
     resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-stdin/-/get-stdin-9.0.0.tgz}
     name: get-stdin
     version: 9.0.0
     engines: {node: '>=12'}
     dev: true
 
-  registry.npmjs.org/get-stream/5.2.0:
+  registry.npmjs.org/get-stream@5.2.0:
     resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz}
     name: get-stream
     version: 5.2.0
     engines: {node: '>=8'}
     dependencies:
-      pump: registry.npmjs.org/pump/3.0.0
+      pump: registry.npmjs.org/pump@3.0.0
     dev: true
 
-  registry.npmjs.org/get-stream/6.0.1:
+  registry.npmjs.org/get-stream@6.0.1:
     resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz}
     name: get-stream
     version: 6.0.1
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/get-symbol-description/1.0.0:
+  registry.npmjs.org/get-symbol-description@1.0.0:
     resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz}
     name: get-symbol-description
     version: 1.0.0
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
     dev: true
 
-  registry.npmjs.org/getos/3.2.1:
+  registry.npmjs.org/getos@3.2.1:
     resolution: {integrity: sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/getos/-/getos-3.2.1.tgz}
     name: getos
     version: 3.2.1
     dependencies:
-      async: registry.npmjs.org/async/3.2.4
+      async: registry.npmjs.org/async@3.2.4
     dev: true
 
-  registry.npmjs.org/getpass/0.1.7:
+  registry.npmjs.org/getpass@0.1.7:
     resolution: {integrity: sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz}
     name: getpass
     version: 0.1.7
     dependencies:
-      assert-plus: registry.npmjs.org/assert-plus/1.0.0
+      assert-plus: registry.npmjs.org/assert-plus@1.0.0
     dev: true
 
-  registry.npmjs.org/glob-parent/5.1.2:
+  registry.npmjs.org/glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz}
     name: glob-parent
     version: 5.1.2
     engines: {node: '>= 6'}
     dependencies:
-      is-glob: registry.npmjs.org/is-glob/4.0.3
+      is-glob: registry.npmjs.org/is-glob@4.0.3
     dev: true
 
-  registry.npmjs.org/glob-parent/6.0.2:
+  registry.npmjs.org/glob-parent@6.0.2:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz}
     name: glob-parent
     version: 6.0.2
     engines: {node: '>=10.13.0'}
     dependencies:
-      is-glob: registry.npmjs.org/is-glob/4.0.3
+      is-glob: registry.npmjs.org/is-glob@4.0.3
     dev: true
 
-  registry.npmjs.org/glob/7.2.3:
+  registry.npmjs.org/glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-7.2.3.tgz}
     name: glob
     version: 7.2.3
     dependencies:
-      fs.realpath: registry.npmjs.org/fs.realpath/1.0.0
-      inflight: registry.npmjs.org/inflight/1.0.6
-      inherits: registry.npmjs.org/inherits/2.0.4
-      minimatch: registry.npmjs.org/minimatch/3.1.2
-      once: registry.npmjs.org/once/1.4.0
-      path-is-absolute: registry.npmjs.org/path-is-absolute/1.0.1
+      fs.realpath: registry.npmjs.org/fs.realpath@1.0.0
+      inflight: registry.npmjs.org/inflight@1.0.6
+      inherits: registry.npmjs.org/inherits@2.0.4
+      minimatch: registry.npmjs.org/minimatch@3.1.2
+      once: registry.npmjs.org/once@1.4.0
+      path-is-absolute: registry.npmjs.org/path-is-absolute@1.0.1
     dev: true
 
-  registry.npmjs.org/glob/8.1.0:
+  registry.npmjs.org/glob@8.1.0:
     resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-8.1.0.tgz}
     name: glob
     version: 8.1.0
     engines: {node: '>=12'}
     dependencies:
-      fs.realpath: registry.npmjs.org/fs.realpath/1.0.0
-      inflight: registry.npmjs.org/inflight/1.0.6
-      inherits: registry.npmjs.org/inherits/2.0.4
-      minimatch: registry.npmjs.org/minimatch/5.1.6
-      once: registry.npmjs.org/once/1.4.0
+      fs.realpath: registry.npmjs.org/fs.realpath@1.0.0
+      inflight: registry.npmjs.org/inflight@1.0.6
+      inherits: registry.npmjs.org/inherits@2.0.4
+      minimatch: registry.npmjs.org/minimatch@5.1.6
+      once: registry.npmjs.org/once@1.4.0
     dev: true
 
-  registry.npmjs.org/global-dirs/3.0.1:
+  registry.npmjs.org/global-dirs@3.0.1:
     resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.1.tgz}
     name: global-dirs
     version: 3.0.1
     engines: {node: '>=10'}
     dependencies:
-      ini: registry.npmjs.org/ini/2.0.0
+      ini: registry.npmjs.org/ini@2.0.0
     dev: true
 
-  registry.npmjs.org/globals/11.12.0:
+  registry.npmjs.org/globals@11.12.0:
     resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globals/-/globals-11.12.0.tgz}
     name: globals
     version: 11.12.0
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/globals/13.20.0:
+  registry.npmjs.org/globals@13.20.0:
     resolution: {integrity: sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globals/-/globals-13.20.0.tgz}
     name: globals
     version: 13.20.0
     engines: {node: '>=8'}
     dependencies:
-      type-fest: registry.npmjs.org/type-fest/0.20.2
+      type-fest: registry.npmjs.org/type-fest@0.20.2
     dev: true
 
-  registry.npmjs.org/globalthis/1.0.3:
+  registry.npmjs.org/globalthis@1.0.3:
     resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz}
     name: globalthis
     version: 1.0.3
     engines: {node: '>= 0.4'}
     dependencies:
-      define-properties: registry.npmjs.org/define-properties/1.2.0
+      define-properties: registry.npmjs.org/define-properties@1.2.0
     dev: true
 
-  registry.npmjs.org/globby/11.1.0:
+  registry.npmjs.org/globby@11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globby/-/globby-11.1.0.tgz}
     name: globby
     version: 11.1.0
     engines: {node: '>=10'}
     dependencies:
-      array-union: registry.npmjs.org/array-union/2.1.0
-      dir-glob: registry.npmjs.org/dir-glob/3.0.1
-      fast-glob: registry.npmjs.org/fast-glob/3.2.12
-      ignore: registry.npmjs.org/ignore/5.2.4
-      merge2: registry.npmjs.org/merge2/1.4.1
-      slash: registry.npmjs.org/slash/3.0.0
+      array-union: registry.npmjs.org/array-union@2.1.0
+      dir-glob: registry.npmjs.org/dir-glob@3.0.1
+      fast-glob: registry.npmjs.org/fast-glob@3.2.12
+      ignore: registry.npmjs.org/ignore@5.2.4
+      merge2: registry.npmjs.org/merge2@1.4.1
+      slash: registry.npmjs.org/slash@3.0.0
     dev: true
 
-  registry.npmjs.org/globby/13.1.4:
+  registry.npmjs.org/globby@13.1.4:
     resolution: {integrity: sha512-iui/IiiW+QrJ1X1hKH5qwlMQyv34wJAYwH1vrf8b9kBA4sNiif3gKsMHa+BrdnOpEudWjpotfa7LrTzB1ERS/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globby/-/globby-13.1.4.tgz}
     name: globby
     version: 13.1.4
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
-      dir-glob: registry.npmjs.org/dir-glob/3.0.1
-      fast-glob: registry.npmjs.org/fast-glob/3.2.12
-      ignore: registry.npmjs.org/ignore/5.2.4
-      merge2: registry.npmjs.org/merge2/1.4.1
-      slash: registry.npmjs.org/slash/4.0.0
+      dir-glob: registry.npmjs.org/dir-glob@3.0.1
+      fast-glob: registry.npmjs.org/fast-glob@3.2.12
+      ignore: registry.npmjs.org/ignore@5.2.4
+      merge2: registry.npmjs.org/merge2@1.4.1
+      slash: registry.npmjs.org/slash@4.0.0
     dev: true
 
-  registry.npmjs.org/gopd/1.0.1:
+  registry.npmjs.org/gopd@1.0.1:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz}
     name: gopd
     version: 1.0.1
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
     dev: true
 
-  registry.npmjs.org/graceful-fs/4.2.11:
+  registry.npmjs.org/graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz}
     name: graceful-fs
     version: 4.2.11
     dev: true
 
-  registry.npmjs.org/grapheme-splitter/1.0.4:
+  registry.npmjs.org/grapheme-splitter@1.0.4:
     resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz}
     name: grapheme-splitter
     version: 1.0.4
     dev: true
 
-  registry.npmjs.org/graphemer/1.4.0:
+  registry.npmjs.org/graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz}
     name: graphemer
     version: 1.4.0
     dev: true
 
-  registry.npmjs.org/graphlib/2.1.8:
+  registry.npmjs.org/graphlib@2.1.8:
     resolution: {integrity: sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/graphlib/-/graphlib-2.1.8.tgz}
     name: graphlib
     version: 2.1.8
     dependencies:
-      lodash: registry.npmjs.org/lodash/4.17.21
+      lodash: registry.npmjs.org/lodash@4.17.21
     dev: false
 
-  registry.npmjs.org/hard-rejection/2.1.0:
+  registry.npmjs.org/hard-rejection@2.1.0:
     resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz}
     name: hard-rejection
     version: 2.1.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/has-bigints/1.0.2:
+  registry.npmjs.org/has-bigints@1.0.2:
     resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz}
     name: has-bigints
     version: 1.0.2
     dev: true
 
-  registry.npmjs.org/has-flag/3.0.0:
+  registry.npmjs.org/has-flag@3.0.0:
     resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz}
     name: has-flag
     version: 3.0.0
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/has-flag/4.0.0:
+  registry.npmjs.org/has-flag@4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz}
     name: has-flag
     version: 4.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/has-property-descriptors/1.0.0:
+  registry.npmjs.org/has-property-descriptors@1.0.0:
     resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz}
     name: has-property-descriptors
     version: 1.0.0
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
     dev: true
 
-  registry.npmjs.org/has-proto/1.0.1:
+  registry.npmjs.org/has-proto@1.0.1:
     resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz}
     name: has-proto
     version: 1.0.1
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/has-symbols/1.0.3:
+  registry.npmjs.org/has-symbols@1.0.3:
     resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz}
     name: has-symbols
     version: 1.0.3
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/has-tostringtag/1.0.0:
+  registry.npmjs.org/has-tostringtag@1.0.0:
     resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz}
     name: has-tostringtag
     version: 1.0.0
     engines: {node: '>= 0.4'}
     dependencies:
-      has-symbols: registry.npmjs.org/has-symbols/1.0.3
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
     dev: true
 
-  registry.npmjs.org/has/1.0.3:
+  registry.npmjs.org/has@1.0.3:
     resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has/-/has-1.0.3.tgz}
     name: has
     version: 1.0.3
     engines: {node: '>= 0.4.0'}
     dependencies:
-      function-bind: registry.npmjs.org/function-bind/1.1.1
+      function-bind: registry.npmjs.org/function-bind@1.1.1
     dev: true
 
-  registry.npmjs.org/hosted-git-info/2.8.9:
+  registry.npmjs.org/hosted-git-info@2.8.9:
     resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz}
     name: hosted-git-info
     version: 2.8.9
     dev: true
 
-  registry.npmjs.org/http-signature/1.3.6:
+  registry.npmjs.org/http-signature@1.3.6:
     resolution: {integrity: sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/http-signature/-/http-signature-1.3.6.tgz}
     name: http-signature
     version: 1.3.6
     engines: {node: '>=0.10'}
     dependencies:
-      assert-plus: registry.npmjs.org/assert-plus/1.0.0
-      jsprim: registry.npmjs.org/jsprim/2.0.2
-      sshpk: registry.npmjs.org/sshpk/1.17.0
+      assert-plus: registry.npmjs.org/assert-plus@1.0.0
+      jsprim: registry.npmjs.org/jsprim@2.0.2
+      sshpk: registry.npmjs.org/sshpk@1.17.0
     dev: true
 
-  registry.npmjs.org/human-id/1.0.2:
+  registry.npmjs.org/human-id@1.0.2:
     resolution: {integrity: sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/human-id/-/human-id-1.0.2.tgz}
     name: human-id
     version: 1.0.2
     dev: true
 
-  registry.npmjs.org/human-signals/1.1.1:
+  registry.npmjs.org/human-signals@1.1.1:
     resolution: {integrity: sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz}
     name: human-signals
     version: 1.1.1
     engines: {node: '>=8.12.0'}
     dev: true
 
-  registry.npmjs.org/human-signals/2.1.0:
+  registry.npmjs.org/human-signals@2.1.0:
     resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz}
     name: human-signals
     version: 2.1.0
     engines: {node: '>=10.17.0'}
     dev: true
 
-  registry.npmjs.org/iconv-lite/0.4.24:
+  registry.npmjs.org/iconv-lite@0.4.24:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz}
     name: iconv-lite
     version: 0.4.24
     engines: {node: '>=0.10.0'}
     dependencies:
-      safer-buffer: registry.npmjs.org/safer-buffer/2.1.2
+      safer-buffer: registry.npmjs.org/safer-buffer@2.1.2
     dev: true
 
-  registry.npmjs.org/ieee754/1.2.1:
+  registry.npmjs.org/ieee754@1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz}
     name: ieee754
     version: 1.2.1
     dev: true
 
-  registry.npmjs.org/ignore/5.2.4:
+  registry.npmjs.org/ignore@5.2.4:
     resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz}
     name: ignore
     version: 5.2.4
     engines: {node: '>= 4'}
     dev: true
 
-  registry.npmjs.org/immediate/3.0.6:
+  registry.npmjs.org/immediate@3.0.6:
     resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz}
     name: immediate
     version: 3.0.6
     dev: false
 
-  registry.npmjs.org/import-fresh/3.3.0:
+  registry.npmjs.org/import-fresh@3.3.0:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz}
     name: import-fresh
     version: 3.3.0
     engines: {node: '>=6'}
     dependencies:
-      parent-module: registry.npmjs.org/parent-module/1.0.1
-      resolve-from: registry.npmjs.org/resolve-from/4.0.0
+      parent-module: registry.npmjs.org/parent-module@1.0.1
+      resolve-from: registry.npmjs.org/resolve-from@4.0.0
     dev: true
 
-  registry.npmjs.org/import-meta-resolve/3.0.0:
+  registry.npmjs.org/import-meta-resolve@3.0.0:
     resolution: {integrity: sha512-4IwhLhNNA8yy445rPjD/lWh++7hMDOml2eHtd58eG7h+qK3EryMuuRbsHGPikCoAgIkkDnckKfWSk2iDla/ejg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-3.0.0.tgz}
     name: import-meta-resolve
     version: 3.0.0
     dev: true
 
-  registry.npmjs.org/imurmurhash/0.1.4:
+  registry.npmjs.org/imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz}
     name: imurmurhash
     version: 0.1.4
     engines: {node: '>=0.8.19'}
     dev: true
 
-  registry.npmjs.org/indent-string/4.0.0:
+  registry.npmjs.org/indent-string@4.0.0:
     resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz}
     name: indent-string
     version: 4.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/inflight/1.0.6:
+  registry.npmjs.org/inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz}
     name: inflight
     version: 1.0.6
     dependencies:
-      once: registry.npmjs.org/once/1.4.0
-      wrappy: registry.npmjs.org/wrappy/1.0.2
+      once: registry.npmjs.org/once@1.4.0
+      wrappy: registry.npmjs.org/wrappy@1.0.2
     dev: true
 
-  registry.npmjs.org/inherits/2.0.4:
+  registry.npmjs.org/inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz}
     name: inherits
     version: 2.0.4
     dev: true
 
-  registry.npmjs.org/ini/2.0.0:
+  registry.npmjs.org/ini@2.0.0:
     resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ini/-/ini-2.0.0.tgz}
     name: ini
     version: 2.0.0
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/internal-slot/1.0.5:
+  registry.npmjs.org/internal-slot@1.0.5:
     resolution: {integrity: sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz}
     name: internal-slot
     version: 1.0.5
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
-      has: registry.npmjs.org/has/1.0.3
-      side-channel: registry.npmjs.org/side-channel/1.0.4
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      has: registry.npmjs.org/has@1.0.3
+      side-channel: registry.npmjs.org/side-channel@1.0.4
     dev: true
 
-  registry.npmjs.org/is-array-buffer/3.0.2:
+  registry.npmjs.org/is-array-buffer@3.0.2:
     resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz}
     name: is-array-buffer
     version: 3.0.2
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
-      is-typed-array: registry.npmjs.org/is-typed-array/1.1.10
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.10
     dev: true
 
-  registry.npmjs.org/is-arrayish/0.2.1:
+  registry.npmjs.org/is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz}
     name: is-arrayish
     version: 0.2.1
     dev: true
 
-  registry.npmjs.org/is-bigint/1.0.4:
+  registry.npmjs.org/is-bigint@1.0.4:
     resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz}
     name: is-bigint
     version: 1.0.4
     dependencies:
-      has-bigints: registry.npmjs.org/has-bigints/1.0.2
+      has-bigints: registry.npmjs.org/has-bigints@1.0.2
     dev: true
 
-  registry.npmjs.org/is-binary-path/2.1.0:
+  registry.npmjs.org/is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz}
     name: is-binary-path
     version: 2.1.0
     engines: {node: '>=8'}
     dependencies:
-      binary-extensions: registry.npmjs.org/binary-extensions/2.2.0
+      binary-extensions: registry.npmjs.org/binary-extensions@2.2.0
     dev: true
 
-  registry.npmjs.org/is-boolean-object/1.1.2:
+  registry.npmjs.org/is-boolean-object@1.1.2:
     resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz}
     name: is-boolean-object
     version: 1.1.2
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
-  registry.npmjs.org/is-builtin-module/3.2.1:
+  registry.npmjs.org/is-builtin-module@3.2.1:
     resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz}
     name: is-builtin-module
     version: 3.2.1
     engines: {node: '>=6'}
     dependencies:
-      builtin-modules: registry.npmjs.org/builtin-modules/3.3.0
+      builtin-modules: registry.npmjs.org/builtin-modules@3.3.0
     dev: true
 
-  registry.npmjs.org/is-callable/1.2.7:
+  registry.npmjs.org/is-callable@1.2.7:
     resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz}
     name: is-callable
     version: 1.2.7
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/is-ci/3.0.1:
+  registry.npmjs.org/is-ci@3.0.1:
     resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-ci/-/is-ci-3.0.1.tgz}
     name: is-ci
     version: 3.0.1
     hasBin: true
     dependencies:
-      ci-info: registry.npmjs.org/ci-info/3.8.0
+      ci-info: registry.npmjs.org/ci-info@3.8.0
     dev: true
 
-  registry.npmjs.org/is-core-module/2.12.1:
+  registry.npmjs.org/is-core-module@2.12.1:
     resolution: {integrity: sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz}
     name: is-core-module
     version: 2.12.1
     dependencies:
-      has: registry.npmjs.org/has/1.0.3
+      has: registry.npmjs.org/has@1.0.3
+    dev: true
+
+  registry.npmjs.org/is-core-module@2.13.0:
+    resolution: {integrity: sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz}
+    name: is-core-module
+    version: 2.13.0
+    dependencies:
+      has: registry.npmjs.org/has@1.0.3
     dev: true
 
-  registry.npmjs.org/is-date-object/1.0.5:
+  registry.npmjs.org/is-date-object@1.0.5:
     resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz}
     name: is-date-object
     version: 1.0.5
     engines: {node: '>= 0.4'}
     dependencies:
-      has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
-  registry.npmjs.org/is-extglob/2.1.1:
+  registry.npmjs.org/is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz}
     name: is-extglob
     version: 2.1.1
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/is-fullwidth-code-point/3.0.0:
+  registry.npmjs.org/is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz}
     name: is-fullwidth-code-point
     version: 3.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/is-glob/4.0.3:
+  registry.npmjs.org/is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz}
     name: is-glob
     version: 4.0.3
     engines: {node: '>=0.10.0'}
     dependencies:
-      is-extglob: registry.npmjs.org/is-extglob/2.1.1
+      is-extglob: registry.npmjs.org/is-extglob@2.1.1
     dev: true
 
-  registry.npmjs.org/is-installed-globally/0.4.0:
+  registry.npmjs.org/is-installed-globally@0.4.0:
     resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.4.0.tgz}
     name: is-installed-globally
     version: 0.4.0
     engines: {node: '>=10'}
     dependencies:
-      global-dirs: registry.npmjs.org/global-dirs/3.0.1
-      is-path-inside: registry.npmjs.org/is-path-inside/3.0.3
+      global-dirs: registry.npmjs.org/global-dirs@3.0.1
+      is-path-inside: registry.npmjs.org/is-path-inside@3.0.3
     dev: true
 
-  registry.npmjs.org/is-module/1.0.0:
+  registry.npmjs.org/is-module@1.0.0:
     resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz}
     name: is-module
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/is-negative-zero/2.0.2:
+  registry.npmjs.org/is-negative-zero@2.0.2:
     resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz}
     name: is-negative-zero
     version: 2.0.2
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/is-number-object/1.0.7:
+  registry.npmjs.org/is-number-object@1.0.7:
     resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz}
     name: is-number-object
     version: 1.0.7
     engines: {node: '>= 0.4'}
     dependencies:
-      has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
-  registry.npmjs.org/is-number/7.0.0:
+  registry.npmjs.org/is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz}
     name: is-number
     version: 7.0.0
     engines: {node: '>=0.12.0'}
     dev: true
 
-  registry.npmjs.org/is-path-inside/3.0.3:
+  registry.npmjs.org/is-path-inside@3.0.3:
     resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz}
     name: is-path-inside
     version: 3.0.3
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/is-plain-obj/1.1.0:
+  registry.npmjs.org/is-plain-obj@1.1.0:
     resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz}
     name: is-plain-obj
     version: 1.1.0
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/is-reference/1.2.1:
+  registry.npmjs.org/is-reference@1.2.1:
     resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz}
     name: is-reference
     version: 1.2.1
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
     dev: true
 
-  registry.npmjs.org/is-reference/3.0.1:
+  registry.npmjs.org/is-reference@3.0.1:
     resolution: {integrity: sha512-baJJdQLiYaJdvFbJqXrcGv3WU3QCzBlUcI5QhbesIm6/xPsvmO+2CDoi/GMOFBQEQm+PXkwOPrp9KK5ozZsp2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-reference/-/is-reference-3.0.1.tgz}
     name: is-reference
     version: 3.0.1
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
     dev: true
 
-  registry.npmjs.org/is-regex/1.1.4:
+  registry.npmjs.org/is-regex@1.1.4:
     resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz}
     name: is-regex
     version: 1.1.4
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
-  registry.npmjs.org/is-shared-array-buffer/1.0.2:
+  registry.npmjs.org/is-shared-array-buffer@1.0.2:
     resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz}
     name: is-shared-array-buffer
     version: 1.0.2
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
     dev: true
 
-  registry.npmjs.org/is-stream/2.0.1:
+  registry.npmjs.org/is-stream@2.0.1:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz}
     name: is-stream
     version: 2.0.1
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/is-string/1.0.7:
+  registry.npmjs.org/is-string@1.0.7:
     resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz}
     name: is-string
     version: 1.0.7
     engines: {node: '>= 0.4'}
     dependencies:
-      has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
-  registry.npmjs.org/is-subdir/1.2.0:
+  registry.npmjs.org/is-subdir@1.2.0:
     resolution: {integrity: sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-subdir/-/is-subdir-1.2.0.tgz}
     name: is-subdir
     version: 1.2.0
     engines: {node: '>=4'}
     dependencies:
-      better-path-resolve: registry.npmjs.org/better-path-resolve/1.0.0
+      better-path-resolve: registry.npmjs.org/better-path-resolve@1.0.0
     dev: true
 
-  registry.npmjs.org/is-symbol/1.0.4:
+  registry.npmjs.org/is-symbol@1.0.4:
     resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz}
     name: is-symbol
     version: 1.0.4
     engines: {node: '>= 0.4'}
     dependencies:
-      has-symbols: registry.npmjs.org/has-symbols/1.0.3
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
     dev: true
 
-  registry.npmjs.org/is-typed-array/1.1.10:
+  registry.npmjs.org/is-typed-array@1.1.10:
     resolution: {integrity: sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.10.tgz}
     name: is-typed-array
     version: 1.1.10
     engines: {node: '>= 0.4'}
     dependencies:
-      available-typed-arrays: registry.npmjs.org/available-typed-arrays/1.0.5
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      for-each: registry.npmjs.org/for-each/0.3.3
-      gopd: registry.npmjs.org/gopd/1.0.1
-      has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
+      available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      for-each: registry.npmjs.org/for-each@0.3.3
+      gopd: registry.npmjs.org/gopd@1.0.1
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+    dev: true
+
+  registry.npmjs.org/is-typed-array@1.1.12:
+    resolution: {integrity: sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz}
+    name: is-typed-array
+    version: 1.1.12
+    engines: {node: '>= 0.4'}
+    dependencies:
+      which-typed-array: registry.npmjs.org/which-typed-array@1.1.11
     dev: true
 
-  registry.npmjs.org/is-typedarray/1.0.0:
+  registry.npmjs.org/is-typedarray@1.0.0:
     resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz}
     name: is-typedarray
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/is-unicode-supported/0.1.0:
+  registry.npmjs.org/is-unicode-supported@0.1.0:
     resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz}
     name: is-unicode-supported
     version: 0.1.0
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/is-weakref/1.0.2:
+  registry.npmjs.org/is-weakref@1.0.2:
     resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz}
     name: is-weakref
     version: 1.0.2
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
     dev: true
 
-  registry.npmjs.org/is-windows/1.0.2:
+  registry.npmjs.org/is-windows@1.0.2:
     resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz}
     name: is-windows
     version: 1.0.2
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/isexe/2.0.0:
+  registry.npmjs.org/isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz}
+    name: isarray
+    version: 2.0.5
+    dev: true
+
+  registry.npmjs.org/isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz}
     name: isexe
     version: 2.0.0
     dev: true
 
-  registry.npmjs.org/isstream/0.1.2:
+  registry.npmjs.org/isstream@0.1.2:
     resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz}
     name: isstream
     version: 0.1.2
     dev: true
 
-  registry.npmjs.org/joi/17.9.2:
+  registry.npmjs.org/joi@17.9.2:
     resolution: {integrity: sha512-Itk/r+V4Dx0V3c7RLFdRh12IOjySm2/WGPMubBT92cQvRfYZhPM2W0hZlctjj72iES8jsRCwp7S/cRmWBnJ4nw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/joi/-/joi-17.9.2.tgz}
     name: joi
     version: 17.9.2
     dependencies:
-      '@hapi/hoek': registry.npmjs.org/@hapi/hoek/9.3.0
-      '@hapi/topo': registry.npmjs.org/@hapi/topo/5.1.0
-      '@sideway/address': registry.npmjs.org/@sideway/address/4.1.4
-      '@sideway/formula': registry.npmjs.org/@sideway/formula/3.0.1
-      '@sideway/pinpoint': registry.npmjs.org/@sideway/pinpoint/2.0.0
+      '@hapi/hoek': registry.npmjs.org/@hapi/hoek@9.3.0
+      '@hapi/topo': registry.npmjs.org/@hapi/topo@5.1.0
+      '@sideway/address': registry.npmjs.org/@sideway/address@4.1.4
+      '@sideway/formula': registry.npmjs.org/@sideway/formula@3.0.1
+      '@sideway/pinpoint': registry.npmjs.org/@sideway/pinpoint@2.0.0
     dev: true
 
-  registry.npmjs.org/js-tokens/4.0.0:
+  registry.npmjs.org/js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz}
     name: js-tokens
     version: 4.0.0
 
-  registry.npmjs.org/js-yaml/3.14.1:
+  registry.npmjs.org/js-yaml@3.14.1:
     resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz}
     name: js-yaml
     version: 3.14.1
     hasBin: true
     dependencies:
-      argparse: registry.npmjs.org/argparse/1.0.10
-      esprima: registry.npmjs.org/esprima/4.0.1
+      argparse: registry.npmjs.org/argparse@1.0.10
+      esprima: registry.npmjs.org/esprima@4.0.1
     dev: true
 
-  registry.npmjs.org/js-yaml/4.1.0:
+  registry.npmjs.org/js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz}
     name: js-yaml
     version: 4.1.0
     hasBin: true
     dependencies:
-      argparse: registry.npmjs.org/argparse/2.0.1
+      argparse: registry.npmjs.org/argparse@2.0.1
     dev: true
 
-  registry.npmjs.org/jsbn/0.1.1:
+  registry.npmjs.org/jsbn@0.1.1:
     resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz}
     name: jsbn
     version: 0.1.1
     dev: true
 
-  registry.npmjs.org/jsesc/2.5.2:
+  registry.npmjs.org/jsesc@2.5.2:
     resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz}
     name: jsesc
     version: 2.5.2
@@ -5149,37 +5725,37 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/json-parse-even-better-errors/2.3.1:
+  registry.npmjs.org/json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz}
     name: json-parse-even-better-errors
     version: 2.3.1
     dev: true
 
-  registry.npmjs.org/json-schema-traverse/0.4.1:
+  registry.npmjs.org/json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz}
     name: json-schema-traverse
     version: 0.4.1
     dev: true
 
-  registry.npmjs.org/json-schema/0.4.0:
+  registry.npmjs.org/json-schema@0.4.0:
     resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz}
     name: json-schema
     version: 0.4.0
     dev: true
 
-  registry.npmjs.org/json-stable-stringify-without-jsonify/1.0.1:
+  registry.npmjs.org/json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz}
     name: json-stable-stringify-without-jsonify
     version: 1.0.1
     dev: true
 
-  registry.npmjs.org/json-stringify-safe/5.0.1:
+  registry.npmjs.org/json-stringify-safe@5.0.1:
     resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz}
     name: json-stringify-safe
     version: 5.0.1
     dev: true
 
-  registry.npmjs.org/json5/2.2.3:
+  registry.npmjs.org/json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json5/-/json5-2.2.3.tgz}
     name: json5
     version: 2.2.3
@@ -5187,105 +5763,107 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/jsonfile/4.0.0:
+  registry.npmjs.org/jsonfile@4.0.0:
     resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz}
     name: jsonfile
     version: 4.0.0
     optionalDependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
     dev: true
 
-  registry.npmjs.org/jsonfile/6.1.0:
+  registry.npmjs.org/jsonfile@6.1.0:
     resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz}
     name: jsonfile
     version: 6.1.0
     dependencies:
-      universalify: registry.npmjs.org/universalify/2.0.0
+      universalify: registry.npmjs.org/universalify@2.0.0
     optionalDependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
     dev: true
 
-  registry.npmjs.org/jsprim/2.0.2:
+  registry.npmjs.org/jsprim@2.0.2:
     resolution: {integrity: sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsprim/-/jsprim-2.0.2.tgz}
     name: jsprim
     version: 2.0.2
     engines: {'0': node >=0.6.0}
     dependencies:
-      assert-plus: registry.npmjs.org/assert-plus/1.0.0
-      extsprintf: registry.npmjs.org/extsprintf/1.3.0
-      json-schema: registry.npmjs.org/json-schema/0.4.0
-      verror: registry.npmjs.org/verror/1.10.0
+      assert-plus: registry.npmjs.org/assert-plus@1.0.0
+      extsprintf: registry.npmjs.org/extsprintf@1.3.0
+      json-schema: registry.npmjs.org/json-schema@0.4.0
+      verror: registry.npmjs.org/verror@1.10.0
     dev: true
 
-  registry.npmjs.org/jsx-ast-utils/3.3.3:
-    resolution: {integrity: sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz}
+  registry.npmjs.org/jsx-ast-utils@3.3.5:
+    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz}
     name: jsx-ast-utils
-    version: 3.3.3
+    version: 3.3.5
     engines: {node: '>=4.0'}
     dependencies:
-      array-includes: registry.npmjs.org/array-includes/3.1.6
-      object.assign: registry.npmjs.org/object.assign/4.1.4
+      array-includes: registry.npmjs.org/array-includes@3.1.6
+      array.prototype.flat: registry.npmjs.org/array.prototype.flat@1.3.1
+      object.assign: registry.npmjs.org/object.assign@4.1.4
+      object.values: registry.npmjs.org/object.values@1.1.6
     dev: true
 
-  registry.npmjs.org/kind-of/6.0.3:
+  registry.npmjs.org/kind-of@6.0.3:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz}
     name: kind-of
     version: 6.0.3
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/kleur/4.1.5:
+  registry.npmjs.org/kleur@4.1.5:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz}
     name: kleur
     version: 4.1.5
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/known-css-properties/0.27.0:
+  registry.npmjs.org/known-css-properties@0.27.0:
     resolution: {integrity: sha512-uMCj6+hZYDoffuvAJjFAPz56E9uoowFHmTkqRtRq5WyC5Q6Cu/fTZKNQpX/RbzChBYLLl3lo8CjFZBAZXq9qFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.27.0.tgz}
     name: known-css-properties
     version: 0.27.0
     dev: true
 
-  registry.npmjs.org/lazy-ass/1.6.0:
+  registry.npmjs.org/lazy-ass@1.6.0:
     resolution: {integrity: sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lazy-ass/-/lazy-ass-1.6.0.tgz}
     name: lazy-ass
     version: 1.6.0
     engines: {node: '> 0.8'}
     dev: true
 
-  registry.npmjs.org/levn/0.4.1:
+  registry.npmjs.org/levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/levn/-/levn-0.4.1.tgz}
     name: levn
     version: 0.4.1
     engines: {node: '>= 0.8.0'}
     dependencies:
-      prelude-ls: registry.npmjs.org/prelude-ls/1.2.1
-      type-check: registry.npmjs.org/type-check/0.4.0
+      prelude-ls: registry.npmjs.org/prelude-ls@1.2.1
+      type-check: registry.npmjs.org/type-check@0.4.0
     dev: true
 
-  registry.npmjs.org/lie/3.1.1:
+  registry.npmjs.org/lie@3.1.1:
     resolution: {integrity: sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lie/-/lie-3.1.1.tgz}
     name: lie
     version: 3.1.1
     dependencies:
-      immediate: registry.npmjs.org/immediate/3.0.6
+      immediate: registry.npmjs.org/immediate@3.0.6
     dev: false
 
-  registry.npmjs.org/lilconfig/2.1.0:
+  registry.npmjs.org/lilconfig@2.1.0:
     resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz}
     name: lilconfig
     version: 2.1.0
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/lines-and-columns/1.2.4:
+  registry.npmjs.org/lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz}
     name: lines-and-columns
     version: 1.2.4
     dev: true
 
-  registry.npmjs.org/listr2/3.14.0_enquirer@2.3.6:
+  registry.npmjs.org/listr2@3.14.0(enquirer@2.4.1):
     resolution: {integrity: sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/listr2/-/listr2-3.14.0.tgz}
     id: registry.npmjs.org/listr2/3.14.0
     name: listr2
@@ -5297,251 +5875,251 @@ packages:
       enquirer:
         optional: true
     dependencies:
-      cli-truncate: registry.npmjs.org/cli-truncate/2.1.0
-      colorette: registry.npmjs.org/colorette/2.0.20
-      enquirer: registry.npmjs.org/enquirer/2.3.6
-      log-update: registry.npmjs.org/log-update/4.0.0
-      p-map: registry.npmjs.org/p-map/4.0.0
-      rfdc: registry.npmjs.org/rfdc/1.3.0
-      rxjs: registry.npmjs.org/rxjs/7.8.1
-      through: registry.npmjs.org/through/2.3.8
-      wrap-ansi: registry.npmjs.org/wrap-ansi/7.0.0
+      cli-truncate: registry.npmjs.org/cli-truncate@2.1.0
+      colorette: registry.npmjs.org/colorette@2.0.20
+      enquirer: registry.npmjs.org/enquirer@2.4.1
+      log-update: registry.npmjs.org/log-update@4.0.0
+      p-map: registry.npmjs.org/p-map@4.0.0
+      rfdc: registry.npmjs.org/rfdc@1.3.0
+      rxjs: registry.npmjs.org/rxjs@7.8.1
+      through: registry.npmjs.org/through@2.3.8
+      wrap-ansi: registry.npmjs.org/wrap-ansi@7.0.0
     dev: true
 
-  registry.npmjs.org/load-yaml-file/0.2.0:
+  registry.npmjs.org/load-yaml-file@0.2.0:
     resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/load-yaml-file/-/load-yaml-file-0.2.0.tgz}
     name: load-yaml-file
     version: 0.2.0
     engines: {node: '>=6'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
-      js-yaml: registry.npmjs.org/js-yaml/3.14.1
-      pify: registry.npmjs.org/pify/4.0.1
-      strip-bom: registry.npmjs.org/strip-bom/3.0.0
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      js-yaml: registry.npmjs.org/js-yaml@3.14.1
+      pify: registry.npmjs.org/pify@4.0.1
+      strip-bom: registry.npmjs.org/strip-bom@3.0.0
     dev: true
 
-  registry.npmjs.org/localforage/1.10.0:
+  registry.npmjs.org/localforage@1.10.0:
     resolution: {integrity: sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/localforage/-/localforage-1.10.0.tgz}
     name: localforage
     version: 1.10.0
     dependencies:
-      lie: registry.npmjs.org/lie/3.1.1
+      lie: registry.npmjs.org/lie@3.1.1
     dev: false
 
-  registry.npmjs.org/locate-character/3.0.0:
+  registry.npmjs.org/locate-character@3.0.0:
     resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz}
     name: locate-character
     version: 3.0.0
     dev: true
 
-  registry.npmjs.org/locate-path/5.0.0:
+  registry.npmjs.org/locate-path@5.0.0:
     resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz}
     name: locate-path
     version: 5.0.0
     engines: {node: '>=8'}
     dependencies:
-      p-locate: registry.npmjs.org/p-locate/4.1.0
+      p-locate: registry.npmjs.org/p-locate@4.1.0
     dev: true
 
-  registry.npmjs.org/locate-path/6.0.0:
+  registry.npmjs.org/locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz}
     name: locate-path
     version: 6.0.0
     engines: {node: '>=10'}
     dependencies:
-      p-locate: registry.npmjs.org/p-locate/5.0.0
+      p-locate: registry.npmjs.org/p-locate@5.0.0
     dev: true
 
-  registry.npmjs.org/lodash.merge/4.6.2:
+  registry.npmjs.org/lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz}
     name: lodash.merge
     version: 4.6.2
     dev: true
 
-  registry.npmjs.org/lodash.once/4.1.1:
+  registry.npmjs.org/lodash.once@4.1.1:
     resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz}
     name: lodash.once
     version: 4.1.1
     dev: true
 
-  registry.npmjs.org/lodash.startcase/4.4.0:
+  registry.npmjs.org/lodash.startcase@4.4.0:
     resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.startcase/-/lodash.startcase-4.4.0.tgz}
     name: lodash.startcase
     version: 4.4.0
     dev: true
 
-  registry.npmjs.org/lodash/4.17.21:
+  registry.npmjs.org/lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz}
     name: lodash
     version: 4.17.21
 
-  registry.npmjs.org/log-symbols/4.1.0:
+  registry.npmjs.org/log-symbols@4.1.0:
     resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz}
     name: log-symbols
     version: 4.1.0
     engines: {node: '>=10'}
     dependencies:
-      chalk: registry.npmjs.org/chalk/4.1.2
-      is-unicode-supported: registry.npmjs.org/is-unicode-supported/0.1.0
+      chalk: registry.npmjs.org/chalk@4.1.2
+      is-unicode-supported: registry.npmjs.org/is-unicode-supported@0.1.0
     dev: true
 
-  registry.npmjs.org/log-update/4.0.0:
+  registry.npmjs.org/log-update@4.0.0:
     resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz}
     name: log-update
     version: 4.0.0
     engines: {node: '>=10'}
     dependencies:
-      ansi-escapes: registry.npmjs.org/ansi-escapes/4.3.2
-      cli-cursor: registry.npmjs.org/cli-cursor/3.1.0
-      slice-ansi: registry.npmjs.org/slice-ansi/4.0.0
-      wrap-ansi: registry.npmjs.org/wrap-ansi/6.2.0
+      ansi-escapes: registry.npmjs.org/ansi-escapes@4.3.2
+      cli-cursor: registry.npmjs.org/cli-cursor@3.1.0
+      slice-ansi: registry.npmjs.org/slice-ansi@4.0.0
+      wrap-ansi: registry.npmjs.org/wrap-ansi@6.2.0
     dev: true
 
-  registry.npmjs.org/loose-envify/1.4.0:
+  registry.npmjs.org/loose-envify@1.4.0:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz}
     name: loose-envify
     version: 1.4.0
     hasBin: true
     dependencies:
-      js-tokens: registry.npmjs.org/js-tokens/4.0.0
+      js-tokens: registry.npmjs.org/js-tokens@4.0.0
 
-  registry.npmjs.org/lower-case/2.0.2:
+  registry.npmjs.org/lower-case@2.0.2:
     resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz}
     name: lower-case
     version: 2.0.2
     dependencies:
-      tslib: registry.npmjs.org/tslib/2.5.3
+      tslib: registry.npmjs.org/tslib@2.5.3
     dev: true
 
-  registry.npmjs.org/lru-cache/4.1.5:
+  registry.npmjs.org/lru-cache@4.1.5:
     resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz}
     name: lru-cache
     version: 4.1.5
     dependencies:
-      pseudomap: registry.npmjs.org/pseudomap/1.0.2
-      yallist: registry.npmjs.org/yallist/2.1.2
+      pseudomap: registry.npmjs.org/pseudomap@1.0.2
+      yallist: registry.npmjs.org/yallist@2.1.2
     dev: true
 
-  registry.npmjs.org/lru-cache/5.1.1:
+  registry.npmjs.org/lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz}
     name: lru-cache
     version: 5.1.1
     dependencies:
-      yallist: registry.npmjs.org/yallist/3.1.1
+      yallist: registry.npmjs.org/yallist@3.1.1
     dev: true
 
-  registry.npmjs.org/lru-cache/6.0.0:
+  registry.npmjs.org/lru-cache@6.0.0:
     resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz}
     name: lru-cache
     version: 6.0.0
     engines: {node: '>=10'}
     dependencies:
-      yallist: registry.npmjs.org/yallist/4.0.0
+      yallist: registry.npmjs.org/yallist@4.0.0
     dev: true
 
-  registry.npmjs.org/magic-string/0.27.0:
+  registry.npmjs.org/magic-string@0.27.0:
     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz}
     name: magic-string
     version: 0.27.0
     engines: {node: '>=12'}
     dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
     dev: true
 
-  registry.npmjs.org/magic-string/0.30.0:
+  registry.npmjs.org/magic-string@0.30.0:
     resolution: {integrity: sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz}
     name: magic-string
     version: 0.30.0
     engines: {node: '>=12'}
     dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
     dev: true
 
-  registry.npmjs.org/map-obj/1.0.1:
+  registry.npmjs.org/map-obj@1.0.1:
     resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz}
     name: map-obj
     version: 1.0.1
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/map-obj/4.3.0:
+  registry.npmjs.org/map-obj@4.3.0:
     resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz}
     name: map-obj
     version: 4.3.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/map-stream/0.1.0:
+  registry.npmjs.org/map-stream@0.1.0:
     resolution: {integrity: sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/map-stream/-/map-stream-0.1.0.tgz}
     name: map-stream
     version: 0.1.0
     dev: true
 
-  registry.npmjs.org/mdn-data/2.0.30:
+  registry.npmjs.org/mdn-data@2.0.30:
     resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz}
     name: mdn-data
     version: 2.0.30
     dev: true
 
-  registry.npmjs.org/meow/6.1.1:
+  registry.npmjs.org/meow@6.1.1:
     resolution: {integrity: sha512-3YffViIt2QWgTy6Pale5QpopX/IvU3LPL03jOTqp6pGj3VjesdO/U8CuHMKpnQr4shCNCM5fd5XFFvIIl6JBHg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/meow/-/meow-6.1.1.tgz}
     name: meow
     version: 6.1.1
     engines: {node: '>=8'}
     dependencies:
-      '@types/minimist': registry.npmjs.org/@types/minimist/1.2.2
-      camelcase-keys: registry.npmjs.org/camelcase-keys/6.2.2
-      decamelize-keys: registry.npmjs.org/decamelize-keys/1.1.1
-      hard-rejection: registry.npmjs.org/hard-rejection/2.1.0
-      minimist-options: registry.npmjs.org/minimist-options/4.1.0
-      normalize-package-data: registry.npmjs.org/normalize-package-data/2.5.0
-      read-pkg-up: registry.npmjs.org/read-pkg-up/7.0.1
-      redent: registry.npmjs.org/redent/3.0.0
-      trim-newlines: registry.npmjs.org/trim-newlines/3.0.1
-      type-fest: registry.npmjs.org/type-fest/0.13.1
-      yargs-parser: registry.npmjs.org/yargs-parser/18.1.3
+      '@types/minimist': registry.npmjs.org/@types/minimist@1.2.2
+      camelcase-keys: registry.npmjs.org/camelcase-keys@6.2.2
+      decamelize-keys: registry.npmjs.org/decamelize-keys@1.1.1
+      hard-rejection: registry.npmjs.org/hard-rejection@2.1.0
+      minimist-options: registry.npmjs.org/minimist-options@4.1.0
+      normalize-package-data: registry.npmjs.org/normalize-package-data@2.5.0
+      read-pkg-up: registry.npmjs.org/read-pkg-up@7.0.1
+      redent: registry.npmjs.org/redent@3.0.0
+      trim-newlines: registry.npmjs.org/trim-newlines@3.0.1
+      type-fest: registry.npmjs.org/type-fest@0.13.1
+      yargs-parser: registry.npmjs.org/yargs-parser@18.1.3
     dev: true
 
-  registry.npmjs.org/merge-stream/2.0.0:
+  registry.npmjs.org/merge-stream@2.0.0:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz}
     name: merge-stream
     version: 2.0.0
     dev: true
 
-  registry.npmjs.org/merge2/1.4.1:
+  registry.npmjs.org/merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz}
     name: merge2
     version: 1.4.1
     engines: {node: '>= 8'}
     dev: true
 
-  registry.npmjs.org/micromatch/4.0.5:
+  registry.npmjs.org/micromatch@4.0.5:
     resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz}
     name: micromatch
     version: 4.0.5
     engines: {node: '>=8.6'}
     dependencies:
-      braces: registry.npmjs.org/braces/3.0.2
-      picomatch: registry.npmjs.org/picomatch/2.3.1
+      braces: registry.npmjs.org/braces@3.0.2
+      picomatch: registry.npmjs.org/picomatch@2.3.1
     dev: true
 
-  registry.npmjs.org/mime-db/1.52.0:
+  registry.npmjs.org/mime-db@1.52.0:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz}
     name: mime-db
     version: 1.52.0
     engines: {node: '>= 0.6'}
     dev: true
 
-  registry.npmjs.org/mime-types/2.1.35:
+  registry.npmjs.org/mime-types@2.1.35:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz}
     name: mime-types
     version: 2.1.35
     engines: {node: '>= 0.6'}
     dependencies:
-      mime-db: registry.npmjs.org/mime-db/1.52.0
+      mime-db: registry.npmjs.org/mime-db@1.52.0
     dev: true
 
-  registry.npmjs.org/mime/3.0.0:
+  registry.npmjs.org/mime@3.0.0:
     resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mime/-/mime-3.0.0.tgz}
     name: mime
     version: 3.0.0
@@ -5549,97 +6127,97 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/mimic-fn/2.1.0:
+  registry.npmjs.org/mimic-fn@2.1.0:
     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz}
     name: mimic-fn
     version: 2.1.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/min-indent/1.0.1:
+  registry.npmjs.org/min-indent@1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz}
     name: min-indent
     version: 1.0.1
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/minimatch/3.1.2:
+  registry.npmjs.org/minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz}
     name: minimatch
     version: 3.1.2
     dependencies:
-      brace-expansion: registry.npmjs.org/brace-expansion/1.1.11
+      brace-expansion: registry.npmjs.org/brace-expansion@1.1.11
     dev: true
 
-  registry.npmjs.org/minimatch/5.1.6:
+  registry.npmjs.org/minimatch@5.1.6:
     resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz}
     name: minimatch
     version: 5.1.6
     engines: {node: '>=10'}
     dependencies:
-      brace-expansion: registry.npmjs.org/brace-expansion/2.0.1
+      brace-expansion: registry.npmjs.org/brace-expansion@2.0.1
     dev: true
 
-  registry.npmjs.org/minimist-options/4.1.0:
+  registry.npmjs.org/minimist-options@4.1.0:
     resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz}
     name: minimist-options
     version: 4.1.0
     engines: {node: '>= 6'}
     dependencies:
-      arrify: registry.npmjs.org/arrify/1.0.1
-      is-plain-obj: registry.npmjs.org/is-plain-obj/1.1.0
-      kind-of: registry.npmjs.org/kind-of/6.0.3
+      arrify: registry.npmjs.org/arrify@1.0.1
+      is-plain-obj: registry.npmjs.org/is-plain-obj@1.1.0
+      kind-of: registry.npmjs.org/kind-of@6.0.3
     dev: true
 
-  registry.npmjs.org/minimist/1.2.8:
+  registry.npmjs.org/minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz}
     name: minimist
     version: 1.2.8
     dev: true
 
-  registry.npmjs.org/mixme/0.5.9:
+  registry.npmjs.org/mixme@0.5.9:
     resolution: {integrity: sha512-VC5fg6ySUscaWUpI4gxCBTQMH2RdUpNrk+MsbpCYtIvf9SBJdiUey4qE7BXviJsJR4nDQxCZ+3yaYNW3guz/Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mixme/-/mixme-0.5.9.tgz}
     name: mixme
     version: 0.5.9
     engines: {node: '>= 8.0.0'}
     dev: true
 
-  registry.npmjs.org/mkdirp/0.5.6:
+  registry.npmjs.org/mkdirp@0.5.6:
     resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz}
     name: mkdirp
     version: 0.5.6
     hasBin: true
     dependencies:
-      minimist: registry.npmjs.org/minimist/1.2.8
+      minimist: registry.npmjs.org/minimist@1.2.8
     dev: true
 
-  registry.npmjs.org/mri/1.2.0:
+  registry.npmjs.org/mri@1.2.0:
     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mri/-/mri-1.2.0.tgz}
     name: mri
     version: 1.2.0
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/mrmime/1.0.1:
+  registry.npmjs.org/mrmime@1.0.1:
     resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz}
     name: mrmime
     version: 1.0.1
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/ms/2.1.2:
+  registry.npmjs.org/ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ms/-/ms-2.1.2.tgz}
     name: ms
     version: 2.1.2
     dev: true
 
-  registry.npmjs.org/ms/2.1.3:
+  registry.npmjs.org/ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ms/-/ms-2.1.3.tgz}
     name: ms
     version: 2.1.3
     dev: true
 
-  registry.npmjs.org/nanoid/3.3.6:
+  registry.npmjs.org/nanoid@3.3.6:
     resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz}
     name: nanoid
     version: 3.3.6
@@ -5647,28 +6225,28 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/natural-compare-lite/1.4.0:
+  registry.npmjs.org/natural-compare-lite@1.4.0:
     resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz}
     name: natural-compare-lite
     version: 1.4.0
     dev: true
 
-  registry.npmjs.org/natural-compare/1.4.0:
+  registry.npmjs.org/natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz}
     name: natural-compare
     version: 1.4.0
     dev: true
 
-  registry.npmjs.org/no-case/3.0.4:
+  registry.npmjs.org/no-case@3.0.4:
     resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz}
     name: no-case
     version: 3.0.4
     dependencies:
-      lower-case: registry.npmjs.org/lower-case/2.0.2
-      tslib: registry.npmjs.org/tslib/2.5.3
+      lower-case: registry.npmjs.org/lower-case@2.0.2
+      tslib: registry.npmjs.org/tslib@2.5.3
     dev: true
 
-  registry.npmjs.org/node-fetch/2.6.11:
+  registry.npmjs.org/node-fetch@2.6.11:
     resolution: {integrity: sha512-4I6pdBY1EthSqDmJkiNk3JIT8cswwR9nfeW/cPdUagJYEQG7R95WRH74wpz7ma8Gh/9dI9FP+OU+0E4FvtA55w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.11.tgz}
     name: node-fetch
     version: 2.6.11
@@ -5679,372 +6257,378 @@ packages:
       encoding:
         optional: true
     dependencies:
-      whatwg-url: registry.npmjs.org/whatwg-url/5.0.0
+      whatwg-url: registry.npmjs.org/whatwg-url@5.0.0
     dev: true
 
-  registry.npmjs.org/node-releases/2.0.12:
+  registry.npmjs.org/node-releases@2.0.12:
     resolution: {integrity: sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-releases/-/node-releases-2.0.12.tgz}
     name: node-releases
     version: 2.0.12
     dev: true
 
-  registry.npmjs.org/normalize-package-data/2.5.0:
+  registry.npmjs.org/node-releases@2.0.13:
+    resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz}
+    name: node-releases
+    version: 2.0.13
+    dev: true
+
+  registry.npmjs.org/normalize-package-data@2.5.0:
     resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz}
     name: normalize-package-data
     version: 2.5.0
     dependencies:
-      hosted-git-info: registry.npmjs.org/hosted-git-info/2.8.9
-      resolve: registry.npmjs.org/resolve/1.22.2
-      semver: registry.npmjs.org/semver/5.7.1
-      validate-npm-package-license: registry.npmjs.org/validate-npm-package-license/3.0.4
+      hosted-git-info: registry.npmjs.org/hosted-git-info@2.8.9
+      resolve: registry.npmjs.org/resolve@1.22.2
+      semver: registry.npmjs.org/semver@5.7.1
+      validate-npm-package-license: registry.npmjs.org/validate-npm-package-license@3.0.4
     dev: true
 
-  registry.npmjs.org/normalize-path/3.0.0:
+  registry.npmjs.org/normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz}
     name: normalize-path
     version: 3.0.0
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/normalize-range/0.1.2:
+  registry.npmjs.org/normalize-range@0.1.2:
     resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz}
     name: normalize-range
     version: 0.1.2
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/npm-run-path/4.0.1:
+  registry.npmjs.org/npm-run-path@4.0.1:
     resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz}
     name: npm-run-path
     version: 4.0.1
     engines: {node: '>=8'}
     dependencies:
-      path-key: registry.npmjs.org/path-key/3.1.1
+      path-key: registry.npmjs.org/path-key@3.1.1
     dev: true
 
-  registry.npmjs.org/object-assign/4.1.1:
+  registry.npmjs.org/object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz}
     name: object-assign
     version: 4.1.1
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/object-inspect/1.12.3:
+  registry.npmjs.org/object-inspect@1.12.3:
     resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz}
     name: object-inspect
     version: 1.12.3
     dev: true
 
-  registry.npmjs.org/object-keys/1.1.1:
+  registry.npmjs.org/object-keys@1.1.1:
     resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz}
     name: object-keys
     version: 1.1.1
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/object.assign/4.1.4:
+  registry.npmjs.org/object.assign@4.1.4:
     resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz}
     name: object.assign
     version: 4.1.4
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      has-symbols: registry.npmjs.org/has-symbols/1.0.3
-      object-keys: registry.npmjs.org/object-keys/1.1.1
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      object-keys: registry.npmjs.org/object-keys@1.1.1
     dev: true
 
-  registry.npmjs.org/object.entries/1.1.6:
+  registry.npmjs.org/object.entries@1.1.6:
     resolution: {integrity: sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.entries/-/object.entries-1.1.6.tgz}
     name: object.entries
     version: 1.1.6
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
     dev: true
 
-  registry.npmjs.org/object.fromentries/2.0.6:
+  registry.npmjs.org/object.fromentries@2.0.6:
     resolution: {integrity: sha512-VciD13dswC4j1Xt5394WR4MzmAQmlgN72phd/riNp9vtD7tp4QQWJ0R4wvclXcafgcYK8veHRed2W6XeGBvcfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.6.tgz}
     name: object.fromentries
     version: 2.0.6
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
     dev: true
 
-  registry.npmjs.org/object.hasown/1.1.2:
+  registry.npmjs.org/object.hasown@1.1.2:
     resolution: {integrity: sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz}
     name: object.hasown
     version: 1.1.2
     dependencies:
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
     dev: true
 
-  registry.npmjs.org/object.values/1.1.6:
+  registry.npmjs.org/object.values@1.1.6:
     resolution: {integrity: sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.values/-/object.values-1.1.6.tgz}
     name: object.values
     version: 1.1.6
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
     dev: true
 
-  registry.npmjs.org/once/1.4.0:
+  registry.npmjs.org/once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/once/-/once-1.4.0.tgz}
     name: once
     version: 1.4.0
     dependencies:
-      wrappy: registry.npmjs.org/wrappy/1.0.2
+      wrappy: registry.npmjs.org/wrappy@1.0.2
     dev: true
 
-  registry.npmjs.org/onetime/5.1.2:
+  registry.npmjs.org/onetime@5.1.2:
     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz}
     name: onetime
     version: 5.1.2
     engines: {node: '>=6'}
     dependencies:
-      mimic-fn: registry.npmjs.org/mimic-fn/2.1.0
+      mimic-fn: registry.npmjs.org/mimic-fn@2.1.0
     dev: true
 
-  registry.npmjs.org/optionator/0.9.1:
+  registry.npmjs.org/optionator@0.9.1:
     resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz}
     name: optionator
     version: 0.9.1
     engines: {node: '>= 0.8.0'}
     dependencies:
-      deep-is: registry.npmjs.org/deep-is/0.1.4
-      fast-levenshtein: registry.npmjs.org/fast-levenshtein/2.0.6
-      levn: registry.npmjs.org/levn/0.4.1
-      prelude-ls: registry.npmjs.org/prelude-ls/1.2.1
-      type-check: registry.npmjs.org/type-check/0.4.0
-      word-wrap: registry.npmjs.org/word-wrap/1.2.3
+      deep-is: registry.npmjs.org/deep-is@0.1.4
+      fast-levenshtein: registry.npmjs.org/fast-levenshtein@2.0.6
+      levn: registry.npmjs.org/levn@0.4.1
+      prelude-ls: registry.npmjs.org/prelude-ls@1.2.1
+      type-check: registry.npmjs.org/type-check@0.4.0
+      word-wrap: registry.npmjs.org/word-wrap@1.2.3
     dev: true
 
-  registry.npmjs.org/os-tmpdir/1.0.2:
+  registry.npmjs.org/os-tmpdir@1.0.2:
     resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz}
     name: os-tmpdir
     version: 1.0.2
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/ospath/1.2.2:
+  registry.npmjs.org/ospath@1.2.2:
     resolution: {integrity: sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ospath/-/ospath-1.2.2.tgz}
     name: ospath
     version: 1.2.2
     dev: true
 
-  registry.npmjs.org/outdent/0.5.0:
+  registry.npmjs.org/outdent@0.5.0:
     resolution: {integrity: sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/outdent/-/outdent-0.5.0.tgz}
     name: outdent
     version: 0.5.0
     dev: true
 
-  registry.npmjs.org/p-filter/2.1.0:
+  registry.npmjs.org/p-filter@2.1.0:
     resolution: {integrity: sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-filter/-/p-filter-2.1.0.tgz}
     name: p-filter
     version: 2.1.0
     engines: {node: '>=8'}
     dependencies:
-      p-map: registry.npmjs.org/p-map/2.1.0
+      p-map: registry.npmjs.org/p-map@2.1.0
     dev: true
 
-  registry.npmjs.org/p-limit/2.3.0:
+  registry.npmjs.org/p-limit@2.3.0:
     resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz}
     name: p-limit
     version: 2.3.0
     engines: {node: '>=6'}
     dependencies:
-      p-try: registry.npmjs.org/p-try/2.2.0
+      p-try: registry.npmjs.org/p-try@2.2.0
     dev: true
 
-  registry.npmjs.org/p-limit/3.1.0:
+  registry.npmjs.org/p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz}
     name: p-limit
     version: 3.1.0
     engines: {node: '>=10'}
     dependencies:
-      yocto-queue: registry.npmjs.org/yocto-queue/0.1.0
+      yocto-queue: registry.npmjs.org/yocto-queue@0.1.0
     dev: true
 
-  registry.npmjs.org/p-locate/4.1.0:
+  registry.npmjs.org/p-locate@4.1.0:
     resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz}
     name: p-locate
     version: 4.1.0
     engines: {node: '>=8'}
     dependencies:
-      p-limit: registry.npmjs.org/p-limit/2.3.0
+      p-limit: registry.npmjs.org/p-limit@2.3.0
     dev: true
 
-  registry.npmjs.org/p-locate/5.0.0:
+  registry.npmjs.org/p-locate@5.0.0:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz}
     name: p-locate
     version: 5.0.0
     engines: {node: '>=10'}
     dependencies:
-      p-limit: registry.npmjs.org/p-limit/3.1.0
+      p-limit: registry.npmjs.org/p-limit@3.1.0
     dev: true
 
-  registry.npmjs.org/p-map/2.1.0:
+  registry.npmjs.org/p-map@2.1.0:
     resolution: {integrity: sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-map/-/p-map-2.1.0.tgz}
     name: p-map
     version: 2.1.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/p-map/4.0.0:
+  registry.npmjs.org/p-map@4.0.0:
     resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz}
     name: p-map
     version: 4.0.0
     engines: {node: '>=10'}
     dependencies:
-      aggregate-error: registry.npmjs.org/aggregate-error/3.1.0
+      aggregate-error: registry.npmjs.org/aggregate-error@3.1.0
     dev: true
 
-  registry.npmjs.org/p-try/2.2.0:
+  registry.npmjs.org/p-try@2.2.0:
     resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz}
     name: p-try
     version: 2.2.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/parent-module/1.0.1:
+  registry.npmjs.org/parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz}
     name: parent-module
     version: 1.0.1
     engines: {node: '>=6'}
     dependencies:
-      callsites: registry.npmjs.org/callsites/3.1.0
+      callsites: registry.npmjs.org/callsites@3.1.0
     dev: true
 
-  registry.npmjs.org/parse-json/5.2.0:
+  registry.npmjs.org/parse-json@5.2.0:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz}
     name: parse-json
     version: 5.2.0
     engines: {node: '>=8'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame/7.22.5
-      error-ex: registry.npmjs.org/error-ex/1.3.2
-      json-parse-even-better-errors: registry.npmjs.org/json-parse-even-better-errors/2.3.1
-      lines-and-columns: registry.npmjs.org/lines-and-columns/1.2.4
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.5
+      error-ex: registry.npmjs.org/error-ex@1.3.2
+      json-parse-even-better-errors: registry.npmjs.org/json-parse-even-better-errors@2.3.1
+      lines-and-columns: registry.npmjs.org/lines-and-columns@1.2.4
     dev: true
 
-  registry.npmjs.org/pascal-case/3.1.2:
+  registry.npmjs.org/pascal-case@3.1.2:
     resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz}
     name: pascal-case
     version: 3.1.2
     dependencies:
-      no-case: registry.npmjs.org/no-case/3.0.4
-      tslib: registry.npmjs.org/tslib/2.5.3
+      no-case: registry.npmjs.org/no-case@3.0.4
+      tslib: registry.npmjs.org/tslib@2.5.3
     dev: true
 
-  registry.npmjs.org/path-exists/4.0.0:
+  registry.npmjs.org/path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz}
     name: path-exists
     version: 4.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/path-is-absolute/1.0.1:
+  registry.npmjs.org/path-is-absolute@1.0.1:
     resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz}
     name: path-is-absolute
     version: 1.0.1
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/path-key/3.1.1:
+  registry.npmjs.org/path-key@3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz}
     name: path-key
     version: 3.1.1
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/path-parse/1.0.7:
+  registry.npmjs.org/path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz}
     name: path-parse
     version: 1.0.7
     dev: true
 
-  registry.npmjs.org/path-type/4.0.0:
+  registry.npmjs.org/path-type@4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz}
     name: path-type
     version: 4.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/pause-stream/0.0.11:
+  registry.npmjs.org/pause-stream@0.0.11:
     resolution: {integrity: sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz}
     name: pause-stream
     version: 0.0.11
     dependencies:
-      through: registry.npmjs.org/through/2.3.8
+      through: registry.npmjs.org/through@2.3.8
     dev: true
 
-  registry.npmjs.org/pend/1.2.0:
+  registry.npmjs.org/pend@1.2.0:
     resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pend/-/pend-1.2.0.tgz}
     name: pend
     version: 1.2.0
     dev: true
 
-  registry.npmjs.org/performance-now/2.1.0:
+  registry.npmjs.org/performance-now@2.1.0:
     resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz}
     name: performance-now
     version: 2.1.0
     dev: true
 
-  registry.npmjs.org/periscopic/3.1.0:
+  registry.npmjs.org/periscopic@3.1.0:
     resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz}
     name: periscopic
     version: 3.1.0
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree/1.0.1
-      estree-walker: registry.npmjs.org/estree-walker/3.0.3
-      is-reference: registry.npmjs.org/is-reference/3.0.1
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
+      estree-walker: registry.npmjs.org/estree-walker@3.0.3
+      is-reference: registry.npmjs.org/is-reference@3.0.1
     dev: true
 
-  registry.npmjs.org/picocolors/1.0.0:
+  registry.npmjs.org/picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz}
     name: picocolors
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/picomatch/2.3.1:
+  registry.npmjs.org/picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz}
     name: picomatch
     version: 2.3.1
     engines: {node: '>=8.6'}
     dev: true
 
-  registry.npmjs.org/pify/2.3.0:
+  registry.npmjs.org/pify@2.3.0:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pify/-/pify-2.3.0.tgz}
     name: pify
     version: 2.3.0
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/pify/4.0.1:
+  registry.npmjs.org/pify@4.0.1:
     resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pify/-/pify-4.0.1.tgz}
     name: pify
     version: 4.0.1
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/pkg-dir/4.2.0:
+  registry.npmjs.org/pkg-dir@4.2.0:
     resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz}
     name: pkg-dir
     version: 4.2.0
     engines: {node: '>=8'}
     dependencies:
-      find-up: registry.npmjs.org/find-up/4.1.0
+      find-up: registry.npmjs.org/find-up@4.1.0
     dev: true
 
-  registry.npmjs.org/postcss-cli/10.1.0_postcss@8.4.24:
+  registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.24):
     resolution: {integrity: sha512-Zu7PLORkE9YwNdvOeOVKPmWghprOtjFQU3srMUGbdz3pHJiFh7yZ4geiZFMkjMfB0mtTFR3h8RemR62rPkbOPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-cli/-/postcss-cli-10.1.0.tgz}
     id: registry.npmjs.org/postcss-cli/10.1.0
     name: postcss-cli
@@ -6054,24 +6638,24 @@ packages:
     peerDependencies:
       postcss: ^8.0.0
     dependencies:
-      chokidar: registry.npmjs.org/chokidar/3.5.3
-      dependency-graph: registry.npmjs.org/dependency-graph/0.11.0
-      fs-extra: registry.npmjs.org/fs-extra/11.1.1
-      get-stdin: registry.npmjs.org/get-stdin/9.0.0
-      globby: registry.npmjs.org/globby/13.1.4
-      picocolors: registry.npmjs.org/picocolors/1.0.0
-      postcss: registry.npmjs.org/postcss/8.4.24
-      postcss-load-config: registry.npmjs.org/postcss-load-config/4.0.1_postcss@8.4.24
-      postcss-reporter: registry.npmjs.org/postcss-reporter/7.0.5_postcss@8.4.24
-      pretty-hrtime: registry.npmjs.org/pretty-hrtime/1.0.3
-      read-cache: registry.npmjs.org/read-cache/1.0.0
-      slash: registry.npmjs.org/slash/5.1.0
-      yargs: registry.npmjs.org/yargs/17.7.2
+      chokidar: registry.npmjs.org/chokidar@3.5.3
+      dependency-graph: registry.npmjs.org/dependency-graph@0.11.0
+      fs-extra: registry.npmjs.org/fs-extra@11.1.1
+      get-stdin: registry.npmjs.org/get-stdin@9.0.0
+      globby: registry.npmjs.org/globby@13.1.4
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss-load-config: registry.npmjs.org/postcss-load-config@4.0.1(postcss@8.4.24)
+      postcss-reporter: registry.npmjs.org/postcss-reporter@7.0.5(postcss@8.4.24)
+      pretty-hrtime: registry.npmjs.org/pretty-hrtime@1.0.3
+      read-cache: registry.npmjs.org/read-cache@1.0.0
+      slash: registry.npmjs.org/slash@5.1.0
+      yargs: registry.npmjs.org/yargs@17.7.2
     transitivePeerDependencies:
       - ts-node
     dev: true
 
-  registry.npmjs.org/postcss-combine-duplicated-selectors/10.0.3_postcss@8.4.24:
+  registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.24):
     resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-combine-duplicated-selectors/-/postcss-combine-duplicated-selectors-10.0.3.tgz}
     id: registry.npmjs.org/postcss-combine-duplicated-selectors/10.0.3
     name: postcss-combine-duplicated-selectors
@@ -6080,11 +6664,11 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      postcss: registry.npmjs.org/postcss/8.4.24
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser/6.0.13
+      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-import/15.1.0_postcss@8.4.24:
+  registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.24):
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz}
     id: registry.npmjs.org/postcss-import/15.1.0
     name: postcss-import
@@ -6093,13 +6677,13 @@ packages:
     peerDependencies:
       postcss: ^8.0.0
     dependencies:
-      postcss: registry.npmjs.org/postcss/8.4.24
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser/4.2.0
-      read-cache: registry.npmjs.org/read-cache/1.0.0
-      resolve: registry.npmjs.org/resolve/1.22.2
+      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      read-cache: registry.npmjs.org/read-cache@1.0.0
+      resolve: registry.npmjs.org/resolve@1.22.2
     dev: true
 
-  registry.npmjs.org/postcss-load-config/3.1.4_postcss@8.4.24:
+  registry.npmjs.org/postcss-load-config@3.1.4(postcss@8.4.24):
     resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz}
     id: registry.npmjs.org/postcss-load-config/3.1.4
     name: postcss-load-config
@@ -6114,12 +6698,12 @@ packages:
       ts-node:
         optional: true
     dependencies:
-      lilconfig: registry.npmjs.org/lilconfig/2.1.0
-      postcss: registry.npmjs.org/postcss/8.4.24
-      yaml: registry.npmjs.org/yaml/1.10.2
+      lilconfig: registry.npmjs.org/lilconfig@2.1.0
+      postcss: registry.npmjs.org/postcss@8.4.24
+      yaml: registry.npmjs.org/yaml@1.10.2
     dev: true
 
-  registry.npmjs.org/postcss-load-config/4.0.1_postcss@8.4.24:
+  registry.npmjs.org/postcss-load-config@4.0.1(postcss@8.4.24):
     resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz}
     id: registry.npmjs.org/postcss-load-config/4.0.1
     name: postcss-load-config
@@ -6134,12 +6718,12 @@ packages:
       ts-node:
         optional: true
     dependencies:
-      lilconfig: registry.npmjs.org/lilconfig/2.1.0
-      postcss: registry.npmjs.org/postcss/8.4.24
-      yaml: registry.npmjs.org/yaml/2.3.1
+      lilconfig: registry.npmjs.org/lilconfig@2.1.0
+      postcss: registry.npmjs.org/postcss@8.4.24
+      yaml: registry.npmjs.org/yaml@2.3.1
     dev: true
 
-  registry.npmjs.org/postcss-nested/6.0.1_postcss@8.4.24:
+  registry.npmjs.org/postcss-nested@6.0.1(postcss@8.4.24):
     resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz}
     id: registry.npmjs.org/postcss-nested/6.0.1
     name: postcss-nested
@@ -6148,11 +6732,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.14
     dependencies:
-      postcss: registry.npmjs.org/postcss/8.4.24
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser/6.0.13
+      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-reporter/7.0.5_postcss@8.4.24:
+  registry.npmjs.org/postcss-reporter@7.0.5(postcss@8.4.24):
     resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-7.0.5.tgz}
     id: registry.npmjs.org/postcss-reporter/7.0.5
     name: postcss-reporter
@@ -6161,12 +6745,12 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      picocolors: registry.npmjs.org/picocolors/1.0.0
-      postcss: registry.npmjs.org/postcss/8.4.24
-      thenby: registry.npmjs.org/thenby/1.3.4
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+      postcss: registry.npmjs.org/postcss@8.4.24
+      thenby: registry.npmjs.org/thenby@1.3.4
     dev: true
 
-  registry.npmjs.org/postcss-safe-parser/6.0.0_postcss@8.4.24:
+  registry.npmjs.org/postcss-safe-parser@6.0.0(postcss@8.4.24):
     resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz}
     id: registry.npmjs.org/postcss-safe-parser/6.0.0
     name: postcss-safe-parser
@@ -6175,10 +6759,10 @@ packages:
     peerDependencies:
       postcss: ^8.3.3
     dependencies:
-      postcss: registry.npmjs.org/postcss/8.4.24
+      postcss: registry.npmjs.org/postcss@8.4.24
     dev: true
 
-  registry.npmjs.org/postcss-scss/4.0.6_postcss@8.4.24:
+  registry.npmjs.org/postcss-scss@4.0.6(postcss@8.4.24):
     resolution: {integrity: sha512-rLDPhJY4z/i4nVFZ27j9GqLxj1pwxE80eAzUNRMXtcpipFYIeowerzBgG3yJhMtObGEXidtIgbUpQ3eLDsf5OQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.6.tgz}
     id: registry.npmjs.org/postcss-scss/4.0.6
     name: postcss-scss
@@ -6187,65 +6771,76 @@ packages:
     peerDependencies:
       postcss: ^8.4.19
     dependencies:
-      postcss: registry.npmjs.org/postcss/8.4.24
+      postcss: registry.npmjs.org/postcss@8.4.24
     dev: true
 
-  registry.npmjs.org/postcss-selector-parser/6.0.13:
+  registry.npmjs.org/postcss-selector-parser@6.0.13:
     resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz}
     name: postcss-selector-parser
     version: 6.0.13
     engines: {node: '>=4'}
     dependencies:
-      cssesc: registry.npmjs.org/cssesc/3.0.0
-      util-deprecate: registry.npmjs.org/util-deprecate/1.0.2
+      cssesc: registry.npmjs.org/cssesc@3.0.0
+      util-deprecate: registry.npmjs.org/util-deprecate@1.0.2
     dev: true
 
-  registry.npmjs.org/postcss-value-parser/4.2.0:
+  registry.npmjs.org/postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz}
     name: postcss-value-parser
     version: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss/8.4.24:
+  registry.npmjs.org/postcss@8.4.24:
     resolution: {integrity: sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz}
     name: postcss
     version: 8.4.24
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
-      nanoid: registry.npmjs.org/nanoid/3.3.6
-      picocolors: registry.npmjs.org/picocolors/1.0.0
-      source-map-js: registry.npmjs.org/source-map-js/1.0.2
+      nanoid: registry.npmjs.org/nanoid@3.3.6
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+      source-map-js: registry.npmjs.org/source-map-js@1.0.2
+    dev: true
+
+  registry.npmjs.org/postcss@8.4.27:
+    resolution: {integrity: sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz}
+    name: postcss
+    version: 8.4.27
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: registry.npmjs.org/nanoid@3.3.6
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+      source-map-js: registry.npmjs.org/source-map-js@1.0.2
     dev: true
 
-  registry.npmjs.org/preferred-pm/3.0.3:
+  registry.npmjs.org/preferred-pm@3.0.3:
     resolution: {integrity: sha512-+wZgbxNES/KlJs9q40F/1sfOd/j7f1O9JaHcW5Dsn3aUUOZg3L2bjpVUcKV2jvtElYfoTuQiNeMfQJ4kwUAhCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/preferred-pm/-/preferred-pm-3.0.3.tgz}
     name: preferred-pm
     version: 3.0.3
     engines: {node: '>=10'}
     dependencies:
-      find-up: registry.npmjs.org/find-up/5.0.0
-      find-yarn-workspace-root2: registry.npmjs.org/find-yarn-workspace-root2/1.2.16
-      path-exists: registry.npmjs.org/path-exists/4.0.0
-      which-pm: registry.npmjs.org/which-pm/2.0.0
+      find-up: registry.npmjs.org/find-up@5.0.0
+      find-yarn-workspace-root2: registry.npmjs.org/find-yarn-workspace-root2@1.2.16
+      path-exists: registry.npmjs.org/path-exists@4.0.0
+      which-pm: registry.npmjs.org/which-pm@2.0.0
     dev: true
 
-  registry.npmjs.org/prelude-ls/1.2.1:
+  registry.npmjs.org/prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz}
     name: prelude-ls
     version: 1.2.1
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  registry.npmjs.org/prettier-linter-helpers/1.0.0:
+  registry.npmjs.org/prettier-linter-helpers@1.0.0:
     resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz}
     name: prettier-linter-helpers
     version: 1.0.0
     engines: {node: '>=6.0.0'}
     dependencies:
-      fast-diff: registry.npmjs.org/fast-diff/1.3.0
+      fast-diff: registry.npmjs.org/fast-diff@1.3.0
     dev: true
 
-  registry.npmjs.org/prettier-plugin-svelte/2.10.1_qjnzte5rqd6zd6el5wewwu2zei:
+  registry.npmjs.org/prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.0.0):
     resolution: {integrity: sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.10.1.tgz}
     id: registry.npmjs.org/prettier-plugin-svelte/2.10.1
     name: prettier-plugin-svelte
@@ -6254,11 +6849,11 @@ packages:
       prettier: ^1.16.4 || ^2.0.0
       svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
-      prettier: registry.npmjs.org/prettier/2.8.8
-      svelte: registry.npmjs.org/svelte/4.0.0
+      prettier: registry.npmjs.org/prettier@2.8.8
+      svelte: registry.npmjs.org/svelte@4.0.0
     dev: true
 
-  registry.npmjs.org/prettier/2.8.8:
+  registry.npmjs.org/prettier@2.8.8:
     resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz}
     name: prettier
     version: 2.8.8
@@ -6266,105 +6861,119 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/pretty-bytes/5.6.0:
+  registry.npmjs.org/prettier@3.0.1:
+    resolution: {integrity: sha512-fcOWSnnpCrovBsmFZIGIy9UqK2FaI7Hqax+DIO0A9UxeVoY4iweyaFjS5TavZN97Hfehph0nhsZnjlVKzEQSrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-3.0.1.tgz}
+    name: prettier
+    version: 3.0.1
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
+
+  registry.npmjs.org/pretty-bytes@5.6.0:
     resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz}
     name: pretty-bytes
     version: 5.6.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/pretty-hrtime/1.0.3:
+  registry.npmjs.org/pretty-hrtime@1.0.3:
     resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz}
     name: pretty-hrtime
     version: 1.0.3
     engines: {node: '>= 0.8'}
     dev: true
 
-  registry.npmjs.org/prop-types/15.8.1:
+  registry.npmjs.org/prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz}
     name: prop-types
     version: 15.8.1
     dependencies:
-      loose-envify: registry.npmjs.org/loose-envify/1.4.0
-      object-assign: registry.npmjs.org/object-assign/4.1.1
-      react-is: registry.npmjs.org/react-is/16.13.1
+      loose-envify: registry.npmjs.org/loose-envify@1.4.0
+      object-assign: registry.npmjs.org/object-assign@4.1.1
+      react-is: registry.npmjs.org/react-is@16.13.1
     dev: true
 
-  registry.npmjs.org/proxy-from-env/1.0.0:
+  registry.npmjs.org/proxy-from-env@1.0.0:
     resolution: {integrity: sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz}
     name: proxy-from-env
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/ps-tree/1.2.0:
+  registry.npmjs.org/ps-tree@1.2.0:
     resolution: {integrity: sha512-0VnamPPYHl4uaU/nSFeZZpR21QAWRz+sRv4iW9+v/GS/J5U5iZB5BNN6J0RMoOvdx2gWM2+ZFMIm58q24e4UYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ps-tree/-/ps-tree-1.2.0.tgz}
     name: ps-tree
     version: 1.2.0
     engines: {node: '>= 0.10'}
     hasBin: true
     dependencies:
-      event-stream: registry.npmjs.org/event-stream/3.3.4
+      event-stream: registry.npmjs.org/event-stream@3.3.4
     dev: true
 
-  registry.npmjs.org/pseudomap/1.0.2:
+  registry.npmjs.org/pseudomap@1.0.2:
     resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz}
     name: pseudomap
     version: 1.0.2
     dev: true
 
-  registry.npmjs.org/psl/1.9.0:
+  registry.npmjs.org/psl@1.9.0:
     resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/psl/-/psl-1.9.0.tgz}
     name: psl
     version: 1.9.0
     dev: true
 
-  registry.npmjs.org/pump/3.0.0:
+  registry.npmjs.org/pump@3.0.0:
     resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pump/-/pump-3.0.0.tgz}
     name: pump
     version: 3.0.0
     dependencies:
-      end-of-stream: registry.npmjs.org/end-of-stream/1.4.4
-      once: registry.npmjs.org/once/1.4.0
+      end-of-stream: registry.npmjs.org/end-of-stream@1.4.4
+      once: registry.npmjs.org/once@1.4.0
     dev: true
 
-  registry.npmjs.org/punycode/2.3.0:
+  registry.npmjs.org/punycode@2.3.0:
     resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz}
     name: punycode
     version: 2.3.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/qs/6.10.4:
+  registry.npmjs.org/qs@6.10.4:
     resolution: {integrity: sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/qs/-/qs-6.10.4.tgz}
     name: qs
     version: 6.10.4
     engines: {node: '>=0.6'}
     dependencies:
-      side-channel: registry.npmjs.org/side-channel/1.0.4
+      side-channel: registry.npmjs.org/side-channel@1.0.4
     dev: true
 
-  registry.npmjs.org/queue-microtask/1.2.3:
+  registry.npmjs.org/querystringify@2.2.0:
+    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz}
+    name: querystringify
+    version: 2.2.0
+    dev: true
+
+  registry.npmjs.org/queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz}
     name: queue-microtask
     version: 1.2.3
     dev: true
 
-  registry.npmjs.org/quick-lru/4.0.1:
+  registry.npmjs.org/quick-lru@4.0.1:
     resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz}
     name: quick-lru
     version: 4.0.1
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/randombytes/2.1.0:
+  registry.npmjs.org/randombytes@2.1.0:
     resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz}
     name: randombytes
     version: 2.1.0
     dependencies:
-      safe-buffer: registry.npmjs.org/safe-buffer/5.2.1
+      safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
     dev: true
 
-  registry.npmjs.org/react-dom/18.2.0_react@18.2.0:
+  registry.npmjs.org/react-dom@18.2.0(react@18.2.0):
     resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz}
     id: registry.npmjs.org/react-dom/18.2.0
     name: react-dom
@@ -6372,24 +6981,24 @@ packages:
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      loose-envify: registry.npmjs.org/loose-envify/1.4.0
-      react: registry.npmjs.org/react/18.2.0
-      scheduler: registry.npmjs.org/scheduler/0.23.0
+      loose-envify: registry.npmjs.org/loose-envify@1.4.0
+      react: registry.npmjs.org/react@18.2.0
+      scheduler: registry.npmjs.org/scheduler@0.23.0
 
-  registry.npmjs.org/react-is/16.13.1:
+  registry.npmjs.org/react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz}
     name: react-is
     version: 16.13.1
     dev: true
 
-  registry.npmjs.org/react-refresh/0.14.0:
+  registry.npmjs.org/react-refresh@0.14.0:
     resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz}
     name: react-refresh
     version: 0.14.0
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/react-router-dom/6.12.1_biqbaboplfbrettd7655fr4n2y:
+  registry.npmjs.org/react-router-dom@6.12.1(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-POIZN9UDKWwEDga054LvYr2KnK8V+0HR4Ny4Bwv8V7/FZCPxJgsCjYxXGxqxzHs7VBxMKZfgvtKhafuJkJSPGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.12.1.tgz}
     id: registry.npmjs.org/react-router-dom/6.12.1
     name: react-router-dom
@@ -6399,13 +7008,13 @@ packages:
       react: '>=16.8'
       react-dom: '>=16.8'
     dependencies:
-      '@remix-run/router': registry.npmjs.org/@remix-run/router/1.6.3
-      react: registry.npmjs.org/react/18.2.0
-      react-dom: registry.npmjs.org/react-dom/18.2.0_react@18.2.0
-      react-router: registry.npmjs.org/react-router/6.12.1_react@18.2.0
+      '@remix-run/router': registry.npmjs.org/@remix-run/router@1.6.3
+      react: registry.npmjs.org/react@18.2.0
+      react-dom: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+      react-router: registry.npmjs.org/react-router@6.12.1(react@18.2.0)
     dev: false
 
-  registry.npmjs.org/react-router/6.12.1_react@18.2.0:
+  registry.npmjs.org/react-router@6.12.1(react@18.2.0):
     resolution: {integrity: sha512-evd/GrKJOeOypD0JB9e1r7pQh2gWCsTbUfq059Wm1AFT/K2MNZuDo19lFtAgIhlBrp0MmpgpqtvZC7LPAs7vSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router/-/react-router-6.12.1.tgz}
     id: registry.npmjs.org/react-router/6.12.1
     name: react-router
@@ -6414,196 +7023,202 @@ packages:
     peerDependencies:
       react: '>=16.8'
     dependencies:
-      '@remix-run/router': registry.npmjs.org/@remix-run/router/1.6.3
-      react: registry.npmjs.org/react/18.2.0
+      '@remix-run/router': registry.npmjs.org/@remix-run/router@1.6.3
+      react: registry.npmjs.org/react@18.2.0
     dev: false
 
-  registry.npmjs.org/react/18.2.0:
+  registry.npmjs.org/react@18.2.0:
     resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react/-/react-18.2.0.tgz}
     name: react
     version: 18.2.0
     engines: {node: '>=0.10.0'}
     dependencies:
-      loose-envify: registry.npmjs.org/loose-envify/1.4.0
+      loose-envify: registry.npmjs.org/loose-envify@1.4.0
 
-  registry.npmjs.org/read-cache/1.0.0:
+  registry.npmjs.org/read-cache@1.0.0:
     resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz}
     name: read-cache
     version: 1.0.0
     dependencies:
-      pify: registry.npmjs.org/pify/2.3.0
+      pify: registry.npmjs.org/pify@2.3.0
     dev: true
 
-  registry.npmjs.org/read-pkg-up/7.0.1:
+  registry.npmjs.org/read-pkg-up@7.0.1:
     resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz}
     name: read-pkg-up
     version: 7.0.1
     engines: {node: '>=8'}
     dependencies:
-      find-up: registry.npmjs.org/find-up/4.1.0
-      read-pkg: registry.npmjs.org/read-pkg/5.2.0
-      type-fest: registry.npmjs.org/type-fest/0.8.1
+      find-up: registry.npmjs.org/find-up@4.1.0
+      read-pkg: registry.npmjs.org/read-pkg@5.2.0
+      type-fest: registry.npmjs.org/type-fest@0.8.1
     dev: true
 
-  registry.npmjs.org/read-pkg/5.2.0:
+  registry.npmjs.org/read-pkg@5.2.0:
     resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz}
     name: read-pkg
     version: 5.2.0
     engines: {node: '>=8'}
     dependencies:
-      '@types/normalize-package-data': registry.npmjs.org/@types/normalize-package-data/2.4.1
-      normalize-package-data: registry.npmjs.org/normalize-package-data/2.5.0
-      parse-json: registry.npmjs.org/parse-json/5.2.0
-      type-fest: registry.npmjs.org/type-fest/0.6.0
+      '@types/normalize-package-data': registry.npmjs.org/@types/normalize-package-data@2.4.1
+      normalize-package-data: registry.npmjs.org/normalize-package-data@2.5.0
+      parse-json: registry.npmjs.org/parse-json@5.2.0
+      type-fest: registry.npmjs.org/type-fest@0.6.0
     dev: true
 
-  registry.npmjs.org/read-yaml-file/1.1.0:
+  registry.npmjs.org/read-yaml-file@1.1.0:
     resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/read-yaml-file/-/read-yaml-file-1.1.0.tgz}
     name: read-yaml-file
     version: 1.1.0
     engines: {node: '>=6'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
-      js-yaml: registry.npmjs.org/js-yaml/3.14.1
-      pify: registry.npmjs.org/pify/4.0.1
-      strip-bom: registry.npmjs.org/strip-bom/3.0.0
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      js-yaml: registry.npmjs.org/js-yaml@3.14.1
+      pify: registry.npmjs.org/pify@4.0.1
+      strip-bom: registry.npmjs.org/strip-bom@3.0.0
     dev: true
 
-  registry.npmjs.org/readdirp/3.6.0:
+  registry.npmjs.org/readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz}
     name: readdirp
     version: 3.6.0
     engines: {node: '>=8.10.0'}
     dependencies:
-      picomatch: registry.npmjs.org/picomatch/2.3.1
+      picomatch: registry.npmjs.org/picomatch@2.3.1
     dev: true
 
-  registry.npmjs.org/redent/3.0.0:
+  registry.npmjs.org/redent@3.0.0:
     resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/redent/-/redent-3.0.0.tgz}
     name: redent
     version: 3.0.0
     engines: {node: '>=8'}
     dependencies:
-      indent-string: registry.npmjs.org/indent-string/4.0.0
-      strip-indent: registry.npmjs.org/strip-indent/3.0.0
+      indent-string: registry.npmjs.org/indent-string@4.0.0
+      strip-indent: registry.npmjs.org/strip-indent@3.0.0
     dev: true
 
-  registry.npmjs.org/regenerator-runtime/0.13.11:
+  registry.npmjs.org/regenerator-runtime@0.13.11:
     resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz}
     name: regenerator-runtime
     version: 0.13.11
     dev: true
 
-  registry.npmjs.org/regexp.prototype.flags/1.5.0:
+  registry.npmjs.org/regexp.prototype.flags@1.5.0:
     resolution: {integrity: sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz}
     name: regexp.prototype.flags
     version: 1.5.0
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      functions-have-names: registry.npmjs.org/functions-have-names/1.2.3
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      functions-have-names: registry.npmjs.org/functions-have-names@1.2.3
     dev: true
 
-  registry.npmjs.org/request-progress/3.0.0:
+  registry.npmjs.org/request-progress@3.0.0:
     resolution: {integrity: sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/request-progress/-/request-progress-3.0.0.tgz}
     name: request-progress
     version: 3.0.0
     dependencies:
-      throttleit: registry.npmjs.org/throttleit/1.0.0
+      throttleit: registry.npmjs.org/throttleit@1.0.0
     dev: true
 
-  registry.npmjs.org/require-directory/2.1.1:
+  registry.npmjs.org/require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz}
     name: require-directory
     version: 2.1.1
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/require-main-filename/2.0.0:
+  registry.npmjs.org/require-main-filename@2.0.0:
     resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz}
     name: require-main-filename
     version: 2.0.0
     dev: true
 
-  registry.npmjs.org/resolve-from/4.0.0:
+  registry.npmjs.org/requires-port@1.0.0:
+    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz}
+    name: requires-port
+    version: 1.0.0
+    dev: true
+
+  registry.npmjs.org/resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz}
     name: resolve-from
     version: 4.0.0
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/resolve-from/5.0.0:
+  registry.npmjs.org/resolve-from@5.0.0:
     resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz}
     name: resolve-from
     version: 5.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/resolve/1.22.2:
+  registry.npmjs.org/resolve@1.22.2:
     resolution: {integrity: sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz}
     name: resolve
     version: 1.22.2
     hasBin: true
     dependencies:
-      is-core-module: registry.npmjs.org/is-core-module/2.12.1
-      path-parse: registry.npmjs.org/path-parse/1.0.7
-      supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag/1.0.0
+      is-core-module: registry.npmjs.org/is-core-module@2.12.1
+      path-parse: registry.npmjs.org/path-parse@1.0.7
+      supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0
     dev: true
 
-  registry.npmjs.org/resolve/2.0.0-next.4:
+  registry.npmjs.org/resolve@2.0.0-next.4:
     resolution: {integrity: sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz}
     name: resolve
     version: 2.0.0-next.4
     hasBin: true
     dependencies:
-      is-core-module: registry.npmjs.org/is-core-module/2.12.1
-      path-parse: registry.npmjs.org/path-parse/1.0.7
-      supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag/1.0.0
+      is-core-module: registry.npmjs.org/is-core-module@2.13.0
+      path-parse: registry.npmjs.org/path-parse@1.0.7
+      supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0
     dev: true
 
-  registry.npmjs.org/restore-cursor/3.1.0:
+  registry.npmjs.org/restore-cursor@3.1.0:
     resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz}
     name: restore-cursor
     version: 3.1.0
     engines: {node: '>=8'}
     dependencies:
-      onetime: registry.npmjs.org/onetime/5.1.2
-      signal-exit: registry.npmjs.org/signal-exit/3.0.7
+      onetime: registry.npmjs.org/onetime@5.1.2
+      signal-exit: registry.npmjs.org/signal-exit@3.0.7
     dev: true
 
-  registry.npmjs.org/reusify/1.0.4:
+  registry.npmjs.org/reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz}
     name: reusify
     version: 1.0.4
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/rfdc/1.3.0:
+  registry.npmjs.org/rfdc@1.3.0:
     resolution: {integrity: sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rfdc/-/rfdc-1.3.0.tgz}
     name: rfdc
     version: 1.3.0
     dev: true
 
-  registry.npmjs.org/rimraf/2.7.1:
+  registry.npmjs.org/rimraf@2.7.1:
     resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz}
     name: rimraf
     version: 2.7.1
     hasBin: true
     dependencies:
-      glob: registry.npmjs.org/glob/7.2.3
+      glob: registry.npmjs.org/glob@7.2.3
     dev: true
 
-  registry.npmjs.org/rimraf/3.0.2:
+  registry.npmjs.org/rimraf@3.0.2:
     resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz}
     name: rimraf
     version: 3.0.2
     hasBin: true
     dependencies:
-      glob: registry.npmjs.org/glob/7.2.3
+      glob: registry.npmjs.org/glob@7.2.3
     dev: true
 
-  registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4_rollup@3.25.1:
+  registry.npmjs.org/rollup-plugin-peer-deps-external@2.2.4(rollup@3.25.1):
     resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup-plugin-peer-deps-external/-/rollup-plugin-peer-deps-external-2.2.4.tgz}
     id: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4
     name: rollup-plugin-peer-deps-external
@@ -6611,552 +7226,584 @@ packages:
     peerDependencies:
       rollup: '*'
     dependencies:
-      rollup: registry.npmjs.org/rollup/3.25.1
+      rollup: registry.npmjs.org/rollup@3.25.1
     dev: true
 
-  registry.npmjs.org/rollup/3.25.1:
+  registry.npmjs.org/rollup@3.25.1:
     resolution: {integrity: sha512-tywOR+rwIt5m2ZAWSe5AIJcTat8vGlnPFAv15ycCrw33t6iFsXZ6mzHVFh2psSjxQPmI+xgzMZZizUAukBI4aQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.25.1.tgz}
     name: rollup
     version: 3.25.1
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents/2.3.2
+      fsevents: registry.npmjs.org/fsevents@2.3.2
+    dev: true
+
+  registry.npmjs.org/rollup@3.28.0:
+    resolution: {integrity: sha512-d7zhvo1OUY2SXSM6pfNjgD5+d0Nz87CUp4mt8l/GgVP3oBsPwzNvSzyu1me6BSG9JIgWNTVcafIXBIyM8yQ3yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.28.0.tgz}
+    name: rollup
+    version: 3.28.0
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: registry.npmjs.org/fsevents@2.3.2
     dev: true
 
-  registry.npmjs.org/run-parallel/1.2.0:
+  registry.npmjs.org/run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz}
     name: run-parallel
     version: 1.2.0
     dependencies:
-      queue-microtask: registry.npmjs.org/queue-microtask/1.2.3
+      queue-microtask: registry.npmjs.org/queue-microtask@1.2.3
     dev: true
 
-  registry.npmjs.org/rxjs/7.8.1:
+  registry.npmjs.org/rxjs@7.8.1:
     resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz}
     name: rxjs
     version: 7.8.1
     dependencies:
-      tslib: registry.npmjs.org/tslib/2.5.3
+      tslib: registry.npmjs.org/tslib@2.5.3
     dev: true
 
-  registry.npmjs.org/sade/1.8.1:
+  registry.npmjs.org/sade@1.8.1:
     resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sade/-/sade-1.8.1.tgz}
     name: sade
     version: 1.8.1
     engines: {node: '>=6'}
     dependencies:
-      mri: registry.npmjs.org/mri/1.2.0
+      mri: registry.npmjs.org/mri@1.2.0
     dev: true
 
-  registry.npmjs.org/safe-buffer/5.2.1:
+  registry.npmjs.org/safe-array-concat@1.0.0:
+    resolution: {integrity: sha512-9dVEFruWIsnie89yym+xWTAYASdpw3CJV7Li/6zBewGf9z2i1j31rP6jnY0pHEO4QZh6N0K11bFjWmdR8UGdPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.0.tgz}
+    name: safe-array-concat
+    version: 1.0.0
+    engines: {node: '>=0.4'}
+    dependencies:
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      isarray: registry.npmjs.org/isarray@2.0.5
+    dev: true
+
+  registry.npmjs.org/safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz}
     name: safe-buffer
     version: 5.2.1
     dev: true
 
-  registry.npmjs.org/safe-regex-test/1.0.0:
+  registry.npmjs.org/safe-regex-test@1.0.0:
     resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz}
     name: safe-regex-test
     version: 1.0.0
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
-      is-regex: registry.npmjs.org/is-regex/1.1.4
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      is-regex: registry.npmjs.org/is-regex@1.1.4
     dev: true
 
-  registry.npmjs.org/safer-buffer/2.1.2:
+  registry.npmjs.org/safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz}
     name: safer-buffer
     version: 2.1.2
     dev: true
 
-  registry.npmjs.org/sander/0.5.1:
+  registry.npmjs.org/sander@0.5.1:
     resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sander/-/sander-0.5.1.tgz}
     name: sander
     version: 0.5.1
     dependencies:
-      es6-promise: registry.npmjs.org/es6-promise/3.3.1
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.11
-      mkdirp: registry.npmjs.org/mkdirp/0.5.6
-      rimraf: registry.npmjs.org/rimraf/2.7.1
+      es6-promise: registry.npmjs.org/es6-promise@3.3.1
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      mkdirp: registry.npmjs.org/mkdirp@0.5.6
+      rimraf: registry.npmjs.org/rimraf@2.7.1
     dev: true
 
-  registry.npmjs.org/scheduler/0.23.0:
+  registry.npmjs.org/scheduler@0.23.0:
     resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz}
     name: scheduler
     version: 0.23.0
     dependencies:
-      loose-envify: registry.npmjs.org/loose-envify/1.4.0
+      loose-envify: registry.npmjs.org/loose-envify@1.4.0
 
-  registry.npmjs.org/semver/5.7.1:
+  registry.npmjs.org/semver@5.7.1:
     resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-5.7.1.tgz}
     name: semver
     version: 5.7.1
     hasBin: true
     dev: true
 
-  registry.npmjs.org/semver/6.3.0:
-    resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-6.3.0.tgz}
+  registry.npmjs.org/semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-6.3.1.tgz}
     name: semver
-    version: 6.3.0
+    version: 6.3.1
     hasBin: true
     dev: true
 
-  registry.npmjs.org/semver/7.5.1:
+  registry.npmjs.org/semver@7.5.1:
     resolution: {integrity: sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.5.1.tgz}
     name: semver
     version: 7.5.1
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
-      lru-cache: registry.npmjs.org/lru-cache/6.0.0
+      lru-cache: registry.npmjs.org/lru-cache@6.0.0
     dev: true
 
-  registry.npmjs.org/semver/7.5.3:
+  registry.npmjs.org/semver@7.5.3:
     resolution: {integrity: sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.5.3.tgz}
     name: semver
     version: 7.5.3
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
-      lru-cache: registry.npmjs.org/lru-cache/6.0.0
+      lru-cache: registry.npmjs.org/lru-cache@6.0.0
+    dev: true
+
+  registry.npmjs.org/semver@7.5.4:
+    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.5.4.tgz}
+    name: semver
+    version: 7.5.4
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      lru-cache: registry.npmjs.org/lru-cache@6.0.0
     dev: true
 
-  registry.npmjs.org/serialize-javascript/6.0.1:
+  registry.npmjs.org/serialize-javascript@6.0.1:
     resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz}
     name: serialize-javascript
     version: 6.0.1
     dependencies:
-      randombytes: registry.npmjs.org/randombytes/2.1.0
+      randombytes: registry.npmjs.org/randombytes@2.1.0
     dev: true
 
-  registry.npmjs.org/set-blocking/2.0.0:
+  registry.npmjs.org/set-blocking@2.0.0:
     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz}
     name: set-blocking
     version: 2.0.0
     dev: true
 
-  registry.npmjs.org/set-cookie-parser/2.6.0:
+  registry.npmjs.org/set-cookie-parser@2.6.0:
     resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz}
     name: set-cookie-parser
     version: 2.6.0
     dev: true
 
-  registry.npmjs.org/shebang-command/1.2.0:
+  registry.npmjs.org/shebang-command@1.2.0:
     resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz}
     name: shebang-command
     version: 1.2.0
     engines: {node: '>=0.10.0'}
     dependencies:
-      shebang-regex: registry.npmjs.org/shebang-regex/1.0.0
+      shebang-regex: registry.npmjs.org/shebang-regex@1.0.0
     dev: true
 
-  registry.npmjs.org/shebang-command/2.0.0:
+  registry.npmjs.org/shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz}
     name: shebang-command
     version: 2.0.0
     engines: {node: '>=8'}
     dependencies:
-      shebang-regex: registry.npmjs.org/shebang-regex/3.0.0
+      shebang-regex: registry.npmjs.org/shebang-regex@3.0.0
     dev: true
 
-  registry.npmjs.org/shebang-regex/1.0.0:
+  registry.npmjs.org/shebang-regex@1.0.0:
     resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz}
     name: shebang-regex
     version: 1.0.0
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/shebang-regex/3.0.0:
+  registry.npmjs.org/shebang-regex@3.0.0:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz}
     name: shebang-regex
     version: 3.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/shell-quote/1.8.1:
+  registry.npmjs.org/shell-quote@1.8.1:
     resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz}
     name: shell-quote
     version: 1.8.1
     dev: true
 
-  registry.npmjs.org/side-channel/1.0.4:
+  registry.npmjs.org/side-channel@1.0.4:
     resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz}
     name: side-channel
     version: 1.0.4
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
-      object-inspect: registry.npmjs.org/object-inspect/1.12.3
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      object-inspect: registry.npmjs.org/object-inspect@1.12.3
     dev: true
 
-  registry.npmjs.org/signal-exit/3.0.7:
+  registry.npmjs.org/signal-exit@3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz}
     name: signal-exit
     version: 3.0.7
     dev: true
 
-  registry.npmjs.org/sirv/2.0.3:
+  registry.npmjs.org/sirv@2.0.3:
     resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sirv/-/sirv-2.0.3.tgz}
     name: sirv
     version: 2.0.3
     engines: {node: '>= 10'}
     dependencies:
-      '@polka/url': registry.npmjs.org/@polka/url/1.0.0-next.21
-      mrmime: registry.npmjs.org/mrmime/1.0.1
-      totalist: registry.npmjs.org/totalist/3.0.1
+      '@polka/url': registry.npmjs.org/@polka/url@1.0.0-next.21
+      mrmime: registry.npmjs.org/mrmime@1.0.1
+      totalist: registry.npmjs.org/totalist@3.0.1
     dev: true
 
-  registry.npmjs.org/slash/3.0.0:
+  registry.npmjs.org/slash@3.0.0:
     resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slash/-/slash-3.0.0.tgz}
     name: slash
     version: 3.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/slash/4.0.0:
+  registry.npmjs.org/slash@4.0.0:
     resolution: {integrity: sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slash/-/slash-4.0.0.tgz}
     name: slash
     version: 4.0.0
     engines: {node: '>=12'}
     dev: true
 
-  registry.npmjs.org/slash/5.1.0:
+  registry.npmjs.org/slash@5.1.0:
     resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slash/-/slash-5.1.0.tgz}
     name: slash
     version: 5.1.0
     engines: {node: '>=14.16'}
     dev: true
 
-  registry.npmjs.org/slice-ansi/3.0.0:
+  registry.npmjs.org/slice-ansi@3.0.0:
     resolution: {integrity: sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slice-ansi/-/slice-ansi-3.0.0.tgz}
     name: slice-ansi
     version: 3.0.0
     engines: {node: '>=8'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles/4.3.0
-      astral-regex: registry.npmjs.org/astral-regex/2.0.0
-      is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point/3.0.0
+      ansi-styles: registry.npmjs.org/ansi-styles@4.3.0
+      astral-regex: registry.npmjs.org/astral-regex@2.0.0
+      is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point@3.0.0
     dev: true
 
-  registry.npmjs.org/slice-ansi/4.0.0:
+  registry.npmjs.org/slice-ansi@4.0.0:
     resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz}
     name: slice-ansi
     version: 4.0.0
     engines: {node: '>=10'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles/4.3.0
-      astral-regex: registry.npmjs.org/astral-regex/2.0.0
-      is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point/3.0.0
+      ansi-styles: registry.npmjs.org/ansi-styles@4.3.0
+      astral-regex: registry.npmjs.org/astral-regex@2.0.0
+      is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point@3.0.0
     dev: true
 
-  registry.npmjs.org/smartwrap/2.0.2:
+  registry.npmjs.org/smartwrap@2.0.2:
     resolution: {integrity: sha512-vCsKNQxb7PnCNd2wY1WClWifAc2lwqsG8OaswpJkVJsvMGcnEntdTCDajZCkk93Ay1U3t/9puJmb525Rg5MZBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/smartwrap/-/smartwrap-2.0.2.tgz}
     name: smartwrap
     version: 2.0.2
     engines: {node: '>=6'}
     hasBin: true
     dependencies:
-      array.prototype.flat: registry.npmjs.org/array.prototype.flat/1.3.1
-      breakword: registry.npmjs.org/breakword/1.0.6
-      grapheme-splitter: registry.npmjs.org/grapheme-splitter/1.0.4
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
-      wcwidth: registry.npmjs.org/wcwidth/1.0.1
-      yargs: registry.npmjs.org/yargs/15.4.1
+      array.prototype.flat: registry.npmjs.org/array.prototype.flat@1.3.1
+      breakword: registry.npmjs.org/breakword@1.0.6
+      grapheme-splitter: registry.npmjs.org/grapheme-splitter@1.0.4
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      wcwidth: registry.npmjs.org/wcwidth@1.0.1
+      yargs: registry.npmjs.org/yargs@15.4.1
     dev: true
 
-  registry.npmjs.org/smob/1.4.0:
+  registry.npmjs.org/smob@1.4.0:
     resolution: {integrity: sha512-MqR3fVulhjWuRNSMydnTlweu38UhQ0HXM4buStD/S3mc/BzX3CuM9OmhyQpmtYCvoYdl5ris6TI0ZqH355Ymqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/smob/-/smob-1.4.0.tgz}
     name: smob
     version: 1.4.0
     dev: true
 
-  registry.npmjs.org/sorcery/0.11.0:
+  registry.npmjs.org/sorcery@0.11.0:
     resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sorcery/-/sorcery-0.11.0.tgz}
     name: sorcery
     version: 0.11.0
     hasBin: true
     dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
-      buffer-crc32: registry.npmjs.org/buffer-crc32/0.2.13
-      minimist: registry.npmjs.org/minimist/1.2.8
-      sander: registry.npmjs.org/sander/0.5.1
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+      buffer-crc32: registry.npmjs.org/buffer-crc32@0.2.13
+      minimist: registry.npmjs.org/minimist@1.2.8
+      sander: registry.npmjs.org/sander@0.5.1
     dev: true
 
-  registry.npmjs.org/source-map-js/1.0.2:
+  registry.npmjs.org/source-map-js@1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz}
     name: source-map-js
     version: 1.0.2
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/source-map-support/0.5.21:
+  registry.npmjs.org/source-map-support@0.5.21:
     resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz}
     name: source-map-support
     version: 0.5.21
     dependencies:
-      buffer-from: registry.npmjs.org/buffer-from/1.1.2
-      source-map: registry.npmjs.org/source-map/0.6.1
+      buffer-from: registry.npmjs.org/buffer-from@1.1.2
+      source-map: registry.npmjs.org/source-map@0.6.1
     dev: true
 
-  registry.npmjs.org/source-map/0.6.1:
+  registry.npmjs.org/source-map@0.6.1:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz}
     name: source-map
     version: 0.6.1
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/spawn-command/0.0.2-1:
+  registry.npmjs.org/spawn-command@0.0.2-1:
     resolution: {integrity: sha512-n98l9E2RMSJ9ON1AKisHzz7V42VDiBQGY6PB1BwRglz99wpVsSuGzQ+jOi6lFXBGVTCrRpltvjm+/XA+tpeJrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spawn-command/-/spawn-command-0.0.2-1.tgz}
     name: spawn-command
     version: 0.0.2-1
     dev: true
 
-  registry.npmjs.org/spawndamnit/2.0.0:
+  registry.npmjs.org/spawndamnit@2.0.0:
     resolution: {integrity: sha512-j4JKEcncSjFlqIwU5L/rp2N5SIPsdxaRsIv678+TZxZ0SRDJTm8JrxJMjE/XuiEZNEir3S8l0Fa3Ke339WI4qA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spawndamnit/-/spawndamnit-2.0.0.tgz}
     name: spawndamnit
     version: 2.0.0
     dependencies:
-      cross-spawn: registry.npmjs.org/cross-spawn/5.1.0
-      signal-exit: registry.npmjs.org/signal-exit/3.0.7
+      cross-spawn: registry.npmjs.org/cross-spawn@5.1.0
+      signal-exit: registry.npmjs.org/signal-exit@3.0.7
     dev: true
 
-  registry.npmjs.org/spdx-correct/3.2.0:
+  registry.npmjs.org/spdx-correct@3.2.0:
     resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz}
     name: spdx-correct
     version: 3.2.0
     dependencies:
-      spdx-expression-parse: registry.npmjs.org/spdx-expression-parse/3.0.1
-      spdx-license-ids: registry.npmjs.org/spdx-license-ids/3.0.13
+      spdx-expression-parse: registry.npmjs.org/spdx-expression-parse@3.0.1
+      spdx-license-ids: registry.npmjs.org/spdx-license-ids@3.0.13
     dev: true
 
-  registry.npmjs.org/spdx-exceptions/2.3.0:
+  registry.npmjs.org/spdx-exceptions@2.3.0:
     resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz}
     name: spdx-exceptions
     version: 2.3.0
     dev: true
 
-  registry.npmjs.org/spdx-expression-parse/3.0.1:
+  registry.npmjs.org/spdx-expression-parse@3.0.1:
     resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz}
     name: spdx-expression-parse
     version: 3.0.1
     dependencies:
-      spdx-exceptions: registry.npmjs.org/spdx-exceptions/2.3.0
-      spdx-license-ids: registry.npmjs.org/spdx-license-ids/3.0.13
+      spdx-exceptions: registry.npmjs.org/spdx-exceptions@2.3.0
+      spdx-license-ids: registry.npmjs.org/spdx-license-ids@3.0.13
     dev: true
 
-  registry.npmjs.org/spdx-license-ids/3.0.13:
+  registry.npmjs.org/spdx-license-ids@3.0.13:
     resolution: {integrity: sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz}
     name: spdx-license-ids
     version: 3.0.13
     dev: true
 
-  registry.npmjs.org/split/0.3.3:
+  registry.npmjs.org/split@0.3.3:
     resolution: {integrity: sha512-wD2AeVmxXRBoX44wAycgjVpMhvbwdI2aZjCkvfNcH1YqHQvJVa1duWc73OyVGJUc05fhFaTZeQ/PYsrmyH0JVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/split/-/split-0.3.3.tgz}
     name: split
     version: 0.3.3
     dependencies:
-      through: registry.npmjs.org/through/2.3.8
+      through: registry.npmjs.org/through@2.3.8
     dev: true
 
-  registry.npmjs.org/sprintf-js/1.0.3:
+  registry.npmjs.org/sprintf-js@1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz}
     name: sprintf-js
     version: 1.0.3
     dev: true
 
-  registry.npmjs.org/sshpk/1.17.0:
+  registry.npmjs.org/sshpk@1.17.0:
     resolution: {integrity: sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz}
     name: sshpk
     version: 1.17.0
     engines: {node: '>=0.10.0'}
     hasBin: true
     dependencies:
-      asn1: registry.npmjs.org/asn1/0.2.6
-      assert-plus: registry.npmjs.org/assert-plus/1.0.0
-      bcrypt-pbkdf: registry.npmjs.org/bcrypt-pbkdf/1.0.2
-      dashdash: registry.npmjs.org/dashdash/1.14.1
-      ecc-jsbn: registry.npmjs.org/ecc-jsbn/0.1.2
-      getpass: registry.npmjs.org/getpass/0.1.7
-      jsbn: registry.npmjs.org/jsbn/0.1.1
-      safer-buffer: registry.npmjs.org/safer-buffer/2.1.2
-      tweetnacl: registry.npmjs.org/tweetnacl/0.14.5
+      asn1: registry.npmjs.org/asn1@0.2.6
+      assert-plus: registry.npmjs.org/assert-plus@1.0.0
+      bcrypt-pbkdf: registry.npmjs.org/bcrypt-pbkdf@1.0.2
+      dashdash: registry.npmjs.org/dashdash@1.14.1
+      ecc-jsbn: registry.npmjs.org/ecc-jsbn@0.1.2
+      getpass: registry.npmjs.org/getpass@0.1.7
+      jsbn: registry.npmjs.org/jsbn@0.1.1
+      safer-buffer: registry.npmjs.org/safer-buffer@2.1.2
+      tweetnacl: registry.npmjs.org/tweetnacl@0.14.5
     dev: true
 
-  registry.npmjs.org/start-server-and-test/1.15.4:
+  registry.npmjs.org/start-server-and-test@1.15.4:
     resolution: {integrity: sha512-ucQtp5+UCr0m4aHlY+aEV2JSYNTiMZKdSKK/bsIr6AlmwAWDYDnV7uGlWWEtWa7T4XvRI5cPYcPcQgeLqpz+Tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-1.15.4.tgz}
     name: start-server-and-test
     version: 1.15.4
     engines: {node: '>=6'}
     hasBin: true
     dependencies:
-      arg: registry.npmjs.org/arg/5.0.2
-      bluebird: registry.npmjs.org/bluebird/3.7.2
-      check-more-types: registry.npmjs.org/check-more-types/2.24.0
-      debug: registry.npmjs.org/debug/4.3.4
-      execa: registry.npmjs.org/execa/5.1.1
-      lazy-ass: registry.npmjs.org/lazy-ass/1.6.0
-      ps-tree: registry.npmjs.org/ps-tree/1.2.0
-      wait-on: registry.npmjs.org/wait-on/7.0.1_debug@4.3.4
+      arg: registry.npmjs.org/arg@5.0.2
+      bluebird: registry.npmjs.org/bluebird@3.7.2
+      check-more-types: registry.npmjs.org/check-more-types@2.24.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      execa: registry.npmjs.org/execa@5.1.1
+      lazy-ass: registry.npmjs.org/lazy-ass@1.6.0
+      ps-tree: registry.npmjs.org/ps-tree@1.2.0
+      wait-on: registry.npmjs.org/wait-on@7.0.1(debug@4.3.4)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/stream-combiner/0.0.4:
+  registry.npmjs.org/stream-combiner@0.0.4:
     resolution: {integrity: sha512-rT00SPnTVyRsaSz5zgSPma/aHSOic5U1prhYdRy5HS2kTZviFpmDgzilbtsJsxiroqACmayynDN/9VzIbX5DOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stream-combiner/-/stream-combiner-0.0.4.tgz}
     name: stream-combiner
     version: 0.0.4
     dependencies:
-      duplexer: registry.npmjs.org/duplexer/0.1.2
+      duplexer: registry.npmjs.org/duplexer@0.1.2
     dev: true
 
-  registry.npmjs.org/stream-transform/2.1.3:
+  registry.npmjs.org/stream-transform@2.1.3:
     resolution: {integrity: sha512-9GHUiM5hMiCi6Y03jD2ARC1ettBXkQBoQAe7nJsPknnI0ow10aXjTnew8QtYQmLjzn974BnmWEAJgCY6ZP1DeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stream-transform/-/stream-transform-2.1.3.tgz}
     name: stream-transform
     version: 2.1.3
     dependencies:
-      mixme: registry.npmjs.org/mixme/0.5.9
+      mixme: registry.npmjs.org/mixme@0.5.9
     dev: true
 
-  registry.npmjs.org/streamsearch/1.1.0:
+  registry.npmjs.org/streamsearch@1.1.0:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz}
     name: streamsearch
     version: 1.1.0
     engines: {node: '>=10.0.0'}
     dev: true
 
-  registry.npmjs.org/string-width/4.2.3:
+  registry.npmjs.org/string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz}
     name: string-width
     version: 4.2.3
     engines: {node: '>=8'}
     dependencies:
-      emoji-regex: registry.npmjs.org/emoji-regex/8.0.0
-      is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point/3.0.0
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
+      emoji-regex: registry.npmjs.org/emoji-regex@8.0.0
+      is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point@3.0.0
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
     dev: true
 
-  registry.npmjs.org/string.prototype.matchall/4.0.8:
+  registry.npmjs.org/string.prototype.matchall@4.0.8:
     resolution: {integrity: sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz}
     name: string.prototype.matchall
     version: 4.0.8
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic/1.2.1
-      has-symbols: registry.npmjs.org/has-symbols/1.0.3
-      internal-slot: registry.npmjs.org/internal-slot/1.0.5
-      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags/1.5.0
-      side-channel: registry.npmjs.org/side-channel/1.0.4
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      internal-slot: registry.npmjs.org/internal-slot@1.0.5
+      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags@1.5.0
+      side-channel: registry.npmjs.org/side-channel@1.0.4
     dev: true
 
-  registry.npmjs.org/string.prototype.trim/1.2.7:
+  registry.npmjs.org/string.prototype.trim@1.2.7:
     resolution: {integrity: sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz}
     name: string.prototype.trim
     version: 1.2.7
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
     dev: true
 
-  registry.npmjs.org/string.prototype.trimend/1.0.6:
+  registry.npmjs.org/string.prototype.trimend@1.0.6:
     resolution: {integrity: sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz}
     name: string.prototype.trimend
     version: 1.0.6
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
     dev: true
 
-  registry.npmjs.org/string.prototype.trimstart/1.0.6:
+  registry.npmjs.org/string.prototype.trimstart@1.0.6:
     resolution: {integrity: sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz}
     name: string.prototype.trimstart
     version: 1.0.6
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      define-properties: registry.npmjs.org/define-properties/1.2.0
-      es-abstract: registry.npmjs.org/es-abstract/1.21.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.21.2
     dev: true
 
-  registry.npmjs.org/strip-ansi/6.0.1:
+  registry.npmjs.org/strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz}
     name: strip-ansi
     version: 6.0.1
     engines: {node: '>=8'}
     dependencies:
-      ansi-regex: registry.npmjs.org/ansi-regex/5.0.1
+      ansi-regex: registry.npmjs.org/ansi-regex@5.0.1
     dev: true
 
-  registry.npmjs.org/strip-bom/3.0.0:
+  registry.npmjs.org/strip-bom@3.0.0:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz}
     name: strip-bom
     version: 3.0.0
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/strip-final-newline/2.0.0:
+  registry.npmjs.org/strip-final-newline@2.0.0:
     resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz}
     name: strip-final-newline
     version: 2.0.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/strip-indent/3.0.0:
+  registry.npmjs.org/strip-indent@3.0.0:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz}
     name: strip-indent
     version: 3.0.0
     engines: {node: '>=8'}
     dependencies:
-      min-indent: registry.npmjs.org/min-indent/1.0.1
+      min-indent: registry.npmjs.org/min-indent@1.0.1
     dev: true
 
-  registry.npmjs.org/strip-json-comments/3.1.1:
+  registry.npmjs.org/strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz}
     name: strip-json-comments
     version: 3.1.1
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/supports-color/5.5.0:
+  registry.npmjs.org/supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz}
     name: supports-color
     version: 5.5.0
     engines: {node: '>=4'}
     dependencies:
-      has-flag: registry.npmjs.org/has-flag/3.0.0
+      has-flag: registry.npmjs.org/has-flag@3.0.0
     dev: true
 
-  registry.npmjs.org/supports-color/7.2.0:
+  registry.npmjs.org/supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz}
     name: supports-color
     version: 7.2.0
     engines: {node: '>=8'}
     dependencies:
-      has-flag: registry.npmjs.org/has-flag/4.0.0
+      has-flag: registry.npmjs.org/has-flag@4.0.0
     dev: true
 
-  registry.npmjs.org/supports-color/8.1.1:
+  registry.npmjs.org/supports-color@8.1.1:
     resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz}
     name: supports-color
     version: 8.1.1
     engines: {node: '>=10'}
     dependencies:
-      has-flag: registry.npmjs.org/has-flag/4.0.0
+      has-flag: registry.npmjs.org/has-flag@4.0.0
     dev: true
 
-  registry.npmjs.org/supports-preserve-symlinks-flag/1.0.0:
+  registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz}
     name: supports-preserve-symlinks-flag
     version: 1.0.0
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/svelte-check/3.4.4_svelte@4.0.0:
+  registry.npmjs.org/svelte-check@3.4.4(postcss@8.4.24)(svelte@4.0.0):
     resolution: {integrity: sha512-Uys9+R65cj8TmP8f5UpS7B2xKpNLYNxEWJsA5ZoKcWq/uwvABFF7xS6iPQGLoa7hxz0DS6xU60YFpmq06E4JxA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.4.4.tgz}
     id: registry.npmjs.org/svelte-check/3.4.4
     name: svelte-check
@@ -7165,15 +7812,15 @@ packages:
     peerDependencies:
       svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0
     dependencies:
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
-      chokidar: registry.npmjs.org/chokidar/3.5.3
-      fast-glob: registry.npmjs.org/fast-glob/3.2.12
-      import-fresh: registry.npmjs.org/import-fresh/3.3.0
-      picocolors: registry.npmjs.org/picocolors/1.0.0
-      sade: registry.npmjs.org/sade/1.8.1
-      svelte: registry.npmjs.org/svelte/4.0.0
-      svelte-preprocess: registry.npmjs.org/svelte-preprocess/5.0.4_rydvusnd4biuws73vnz24j3wlu
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
+      chokidar: registry.npmjs.org/chokidar@3.5.3
+      fast-glob: registry.npmjs.org/fast-glob@3.2.12
+      import-fresh: registry.npmjs.org/import-fresh@3.3.0
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+      sade: registry.npmjs.org/sade@1.8.1
+      svelte: registry.npmjs.org/svelte@4.0.0
+      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.24)(svelte@4.0.0)(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -7186,7 +7833,7 @@ packages:
       - sugarss
     dev: true
 
-  registry.npmjs.org/svelte-eslint-parser/0.31.0_svelte@4.0.0:
+  registry.npmjs.org/svelte-eslint-parser@0.31.0(svelte@4.0.0):
     resolution: {integrity: sha512-/31RpBf/e3YjoFphjsyo3JRyN1r4UalGAGafXrZ6EJK4h4COOO0rbfBoen5byGsXnIJKsrlC1lkEd2Vzpq2IDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.31.0.tgz}
     id: registry.npmjs.org/svelte-eslint-parser/0.31.0
     name: svelte-eslint-parser
@@ -7198,15 +7845,15 @@ packages:
       svelte:
         optional: true
     dependencies:
-      eslint-scope: registry.npmjs.org/eslint-scope/7.2.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys/3.4.1
-      espree: registry.npmjs.org/espree/9.5.2
-      postcss: registry.npmjs.org/postcss/8.4.24
-      postcss-scss: registry.npmjs.org/postcss-scss/4.0.6_postcss@8.4.24
-      svelte: registry.npmjs.org/svelte/4.0.0
+      eslint-scope: registry.npmjs.org/eslint-scope@7.2.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
+      espree: registry.npmjs.org/espree@9.5.2
+      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss-scss: registry.npmjs.org/postcss-scss@4.0.6(postcss@8.4.24)
+      svelte: registry.npmjs.org/svelte@4.0.0
     dev: true
 
-  registry.npmjs.org/svelte-hmr/0.15.2_svelte@4.0.0:
+  registry.npmjs.org/svelte-hmr@0.15.2(svelte@4.0.0):
     resolution: {integrity: sha512-q/bAruCvFLwvNbeE1x3n37TYFb3mTBJ6TrCq6p2CoFbSTNhDE9oAtEfpy+wmc9So8AG0Tja+X0/mJzX9tSfvIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.2.tgz}
     id: registry.npmjs.org/svelte-hmr/0.15.2
     name: svelte-hmr
@@ -7215,10 +7862,10 @@ packages:
     peerDependencies:
       svelte: ^3.19.0 || ^4.0.0-next.0
     dependencies:
-      svelte: registry.npmjs.org/svelte/4.0.0
+      svelte: registry.npmjs.org/svelte@4.0.0
     dev: true
 
-  registry.npmjs.org/svelte-preprocess/5.0.4_rydvusnd4biuws73vnz24j3wlu:
+  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.24)(svelte@4.0.0)(typescript@5.1.3):
     resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz}
     id: registry.npmjs.org/svelte-preprocess/5.0.4
     name: svelte-preprocess
@@ -7259,37 +7906,17 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@types/pug': registry.npmjs.org/@types/pug/2.0.6
-      detect-indent: registry.npmjs.org/detect-indent/6.1.0
-      magic-string: registry.npmjs.org/magic-string/0.27.0
-      sorcery: registry.npmjs.org/sorcery/0.11.0
-      strip-indent: registry.npmjs.org/strip-indent/3.0.0
-      svelte: registry.npmjs.org/svelte/4.0.0
-      typescript: registry.npmjs.org/typescript/5.1.3
+      '@types/pug': registry.npmjs.org/@types/pug@2.0.6
+      detect-indent: registry.npmjs.org/detect-indent@6.1.0
+      magic-string: registry.npmjs.org/magic-string@0.27.0
+      postcss: registry.npmjs.org/postcss@8.4.24
+      sorcery: registry.npmjs.org/sorcery@0.11.0
+      strip-indent: registry.npmjs.org/strip-indent@3.0.0
+      svelte: registry.npmjs.org/svelte@4.0.0
+      typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
-  registry.npmjs.org/svelte/4.0.0:
-    resolution: {integrity: sha512-+yCYu3AEUu9n91dnQNGIbnVp8EmNQtuF/YImW4+FTXRHard7NMo+yTsWzggPAbj3fUEJ1FBJLkql/jkp6YB5pg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-4.0.0.tgz}
-    name: svelte
-    version: 4.0.0
-    engines: {node: '>=16'}
-    dependencies:
-      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping/2.2.1
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec/1.4.15
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping/0.3.18
-      acorn: registry.npmjs.org/acorn/8.8.2
-      aria-query: registry.npmjs.org/aria-query/5.3.0
-      axobject-query: registry.npmjs.org/axobject-query/3.2.1
-      code-red: registry.npmjs.org/code-red/1.0.3
-      css-tree: registry.npmjs.org/css-tree/2.3.1
-      estree-walker: registry.npmjs.org/estree-walker/3.0.3
-      is-reference: registry.npmjs.org/is-reference/3.0.1
-      locate-character: registry.npmjs.org/locate-character/3.0.0
-      magic-string: registry.npmjs.org/magic-string/0.30.0
-      periscopic: registry.npmjs.org/periscopic/3.1.0
-    dev: true
-
-  registry.npmjs.org/svelte2tsx/0.6.15_rydvusnd4biuws73vnz24j3wlu:
+  registry.npmjs.org/svelte2tsx@0.6.15(svelte@4.0.0)(typescript@5.1.3):
     resolution: {integrity: sha512-+j6RmA3g5pPs1DHa/rdzJjjhZuCfWx0IbNPaR99A2bvOSPPY6BlVkBGU0urI+DGcWHhYEG28Flo942KqlAkpEQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.15.tgz}
     id: registry.npmjs.org/svelte2tsx/0.6.15
     name: svelte2tsx
@@ -7298,140 +7925,175 @@ packages:
       svelte: ^3.55 || ^4.0
       typescript: ^4.9.4 || ^5.0.0
     dependencies:
-      dedent-js: registry.npmjs.org/dedent-js/1.0.1
-      pascal-case: registry.npmjs.org/pascal-case/3.1.2
-      svelte: registry.npmjs.org/svelte/4.0.0
-      typescript: registry.npmjs.org/typescript/5.1.3
+      dedent-js: registry.npmjs.org/dedent-js@1.0.1
+      pascal-case: registry.npmjs.org/pascal-case@3.1.2
+      svelte: registry.npmjs.org/svelte@4.0.0
+      typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
-  registry.npmjs.org/term-size/2.2.1:
+  registry.npmjs.org/svelte@4.0.0:
+    resolution: {integrity: sha512-+yCYu3AEUu9n91dnQNGIbnVp8EmNQtuF/YImW4+FTXRHard7NMo+yTsWzggPAbj3fUEJ1FBJLkql/jkp6YB5pg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-4.0.0.tgz}
+    name: svelte
+    version: 4.0.0
+    engines: {node: '>=16'}
+    dependencies:
+      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping@2.2.1
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
+      acorn: registry.npmjs.org/acorn@8.8.2
+      aria-query: registry.npmjs.org/aria-query@5.3.0
+      axobject-query: registry.npmjs.org/axobject-query@3.2.1
+      code-red: registry.npmjs.org/code-red@1.0.3
+      css-tree: registry.npmjs.org/css-tree@2.3.1
+      estree-walker: registry.npmjs.org/estree-walker@3.0.3
+      is-reference: registry.npmjs.org/is-reference@3.0.1
+      locate-character: registry.npmjs.org/locate-character@3.0.0
+      magic-string: registry.npmjs.org/magic-string@0.30.0
+      periscopic: registry.npmjs.org/periscopic@3.1.0
+    dev: true
+
+  registry.npmjs.org/term-size@2.2.1:
     resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/term-size/-/term-size-2.2.1.tgz}
     name: term-size
     version: 2.2.1
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/terser/5.18.0:
+  registry.npmjs.org/terser@5.18.0:
     resolution: {integrity: sha512-pdL757Ig5a0I+owA42l6tIuEycRuM7FPY4n62h44mRLRfnOxJkkOHd6i89dOpwZlpF6JXBwaAHF6yWzFrt+QyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/terser/-/terser-5.18.0.tgz}
     name: terser
     version: 5.18.0
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
-      '@jridgewell/source-map': registry.npmjs.org/@jridgewell/source-map/0.3.3
-      acorn: registry.npmjs.org/acorn/8.8.2
-      commander: registry.npmjs.org/commander/2.20.3
-      source-map-support: registry.npmjs.org/source-map-support/0.5.21
+      '@jridgewell/source-map': registry.npmjs.org/@jridgewell/source-map@0.3.3
+      acorn: registry.npmjs.org/acorn@8.8.2
+      commander: registry.npmjs.org/commander@2.20.3
+      source-map-support: registry.npmjs.org/source-map-support@0.5.21
     dev: true
 
-  registry.npmjs.org/text-table/0.2.0:
+  registry.npmjs.org/text-table@0.2.0:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz}
     name: text-table
     version: 0.2.0
     dev: true
 
-  registry.npmjs.org/thenby/1.3.4:
+  registry.npmjs.org/thenby@1.3.4:
     resolution: {integrity: sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/thenby/-/thenby-1.3.4.tgz}
     name: thenby
     version: 1.3.4
     dev: true
 
-  registry.npmjs.org/throttleit/1.0.0:
+  registry.npmjs.org/throttleit@1.0.0:
     resolution: {integrity: sha512-rkTVqu6IjfQ/6+uNuuc3sZek4CEYxTJom3IktzgdSxcZqdARuebbA/f4QmAxMQIxqq9ZLEUkSYqvuk1I6VKq4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/throttleit/-/throttleit-1.0.0.tgz}
     name: throttleit
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/through/2.3.8:
+  registry.npmjs.org/through@2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/through/-/through-2.3.8.tgz}
     name: through
     version: 2.3.8
     dev: true
 
-  registry.npmjs.org/tmp/0.0.33:
+  registry.npmjs.org/tmp@0.0.33:
     resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz}
     name: tmp
     version: 0.0.33
     engines: {node: '>=0.6.0'}
     dependencies:
-      os-tmpdir: registry.npmjs.org/os-tmpdir/1.0.2
+      os-tmpdir: registry.npmjs.org/os-tmpdir@1.0.2
     dev: true
 
-  registry.npmjs.org/tmp/0.2.1:
+  registry.npmjs.org/tmp@0.2.1:
     resolution: {integrity: sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz}
     name: tmp
     version: 0.2.1
     engines: {node: '>=8.17.0'}
     dependencies:
-      rimraf: registry.npmjs.org/rimraf/3.0.2
+      rimraf: registry.npmjs.org/rimraf@3.0.2
     dev: true
 
-  registry.npmjs.org/to-fast-properties/2.0.0:
+  registry.npmjs.org/to-fast-properties@2.0.0:
     resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz}
     name: to-fast-properties
     version: 2.0.0
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/to-regex-range/5.0.1:
+  registry.npmjs.org/to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz}
     name: to-regex-range
     version: 5.0.1
     engines: {node: '>=8.0'}
     dependencies:
-      is-number: registry.npmjs.org/is-number/7.0.0
+      is-number: registry.npmjs.org/is-number@7.0.0
     dev: true
 
-  registry.npmjs.org/totalist/3.0.1:
+  registry.npmjs.org/totalist@3.0.1:
     resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz}
     name: totalist
     version: 3.0.1
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/tough-cookie/2.5.0:
-    resolution: {integrity: sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz}
+  registry.npmjs.org/tough-cookie@4.1.3:
+    resolution: {integrity: sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz}
     name: tough-cookie
-    version: 2.5.0
-    engines: {node: '>=0.8'}
+    version: 4.1.3
+    engines: {node: '>=6'}
     dependencies:
-      psl: registry.npmjs.org/psl/1.9.0
-      punycode: registry.npmjs.org/punycode/2.3.0
+      psl: registry.npmjs.org/psl@1.9.0
+      punycode: registry.npmjs.org/punycode@2.3.0
+      universalify: registry.npmjs.org/universalify@0.2.0
+      url-parse: registry.npmjs.org/url-parse@1.5.10
     dev: true
 
-  registry.npmjs.org/tr46/0.0.3:
+  registry.npmjs.org/tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz}
     name: tr46
     version: 0.0.3
     dev: true
 
-  registry.npmjs.org/tree-kill/1.2.2:
+  registry.npmjs.org/tree-kill@1.2.2:
     resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz}
     name: tree-kill
     version: 1.2.2
     hasBin: true
     dev: true
 
-  registry.npmjs.org/trim-newlines/3.0.1:
+  registry.npmjs.org/trim-newlines@3.0.1:
     resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz}
     name: trim-newlines
     version: 3.0.1
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/tslib/1.14.1:
+  registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3):
+    resolution: {integrity: sha512-lC/RGlPmwdrIBFTX59wwNzqh7aR2otPNPR/5brHZm/XKFYKsfqxihXUe9pU3JI+3vGkl+vyCoNNnPhJn3aLK1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.1.tgz}
+    id: registry.npmjs.org/ts-api-utils/1.0.1
+    name: ts-api-utils
+    version: 1.0.1
+    engines: {node: '>=16.13.0'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+    dependencies:
+      typescript: registry.npmjs.org/typescript@5.1.3
+    dev: true
+
+  registry.npmjs.org/tslib@1.14.1:
     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz}
     name: tslib
     version: 1.14.1
     dev: true
 
-  registry.npmjs.org/tslib/2.5.3:
+  registry.npmjs.org/tslib@2.5.3:
     resolution: {integrity: sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz}
     name: tslib
     version: 2.5.3
     dev: true
 
-  registry.npmjs.org/tsutils/3.21.0_typescript@5.1.3:
+  registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3):
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz}
     id: registry.npmjs.org/tsutils/3.21.0
     name: tsutils
@@ -7440,35 +8102,35 @@ packages:
     peerDependencies:
       typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
     dependencies:
-      tslib: registry.npmjs.org/tslib/1.14.1
-      typescript: registry.npmjs.org/typescript/5.1.3
+      tslib: registry.npmjs.org/tslib@1.14.1
+      typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
-  registry.npmjs.org/tty-table/4.2.1:
+  registry.npmjs.org/tty-table@4.2.1:
     resolution: {integrity: sha512-xz0uKo+KakCQ+Dxj1D/tKn2FSyreSYWzdkL/BYhgN6oMW808g8QRMuh1atAV9fjTPbWBjfbkKQpI/5rEcnAc7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tty-table/-/tty-table-4.2.1.tgz}
     name: tty-table
     version: 4.2.1
     engines: {node: '>=8.0.0'}
     hasBin: true
     dependencies:
-      chalk: registry.npmjs.org/chalk/4.1.2
-      csv: registry.npmjs.org/csv/5.5.3
-      kleur: registry.npmjs.org/kleur/4.1.5
-      smartwrap: registry.npmjs.org/smartwrap/2.0.2
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
-      wcwidth: registry.npmjs.org/wcwidth/1.0.1
-      yargs: registry.npmjs.org/yargs/17.7.2
+      chalk: registry.npmjs.org/chalk@4.1.2
+      csv: registry.npmjs.org/csv@5.5.3
+      kleur: registry.npmjs.org/kleur@4.1.5
+      smartwrap: registry.npmjs.org/smartwrap@2.0.2
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      wcwidth: registry.npmjs.org/wcwidth@1.0.1
+      yargs: registry.npmjs.org/yargs@17.7.2
     dev: true
 
-  registry.npmjs.org/tunnel-agent/0.6.0:
+  registry.npmjs.org/tunnel-agent@0.6.0:
     resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz}
     name: tunnel-agent
     version: 0.6.0
     dependencies:
-      safe-buffer: registry.npmjs.org/safe-buffer/5.2.1
+      safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
     dev: true
 
-  registry.npmjs.org/turbo-darwin-64/1.10.3:
+  registry.npmjs.org/turbo-darwin-64@1.10.3:
     resolution: {integrity: sha512-IIB9IomJGyD3EdpSscm7Ip1xVWtYb7D0x7oH3vad3gjFcjHJzDz9xZ/iw/qItFEW+wGFcLSRPd+1BNnuLM8AsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.10.3.tgz}
     name: turbo-darwin-64
     version: 1.10.3
@@ -7478,7 +8140,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-darwin-arm64/1.10.3:
+  registry.npmjs.org/turbo-darwin-arm64@1.10.3:
     resolution: {integrity: sha512-SBNmOZU9YEB0eyNIxeeQ+Wi0Ufd+nprEVp41rgUSRXEIpXjsDjyBnKnF+sQQj3+FLb4yyi/yZQckB+55qXWEsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.10.3.tgz}
     name: turbo-darwin-arm64
     version: 1.10.3
@@ -7488,7 +8150,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-linux-64/1.10.3:
+  registry.npmjs.org/turbo-linux-64@1.10.3:
     resolution: {integrity: sha512-kvAisGKE7xHJdyMxZLvg53zvHxjqPK1UVj4757PQqtx9dnjYHSc8epmivE6niPgDHon5YqImzArCjVZJYpIGHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.10.3.tgz}
     name: turbo-linux-64
     version: 1.10.3
@@ -7498,7 +8160,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-linux-arm64/1.10.3:
+  registry.npmjs.org/turbo-linux-arm64@1.10.3:
     resolution: {integrity: sha512-Qgaqln0IYRgyL0SowJOi+PNxejv1I2xhzXOI+D+z4YHbgSx87ox1IsALYBlK8VRVYY8VCXl+PN12r1ioV09j7A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.10.3.tgz}
     name: turbo-linux-arm64
     version: 1.10.3
@@ -7508,7 +8170,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-windows-64/1.10.3:
+  registry.npmjs.org/turbo-windows-64@1.10.3:
     resolution: {integrity: sha512-rbH9wManURNN8mBnN/ZdkpUuTvyVVEMiUwFUX4GVE5qmV15iHtZfDLUSGGCP2UFBazHcpNHG1OJzgc55GFFrUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.10.3.tgz}
     name: turbo-windows-64
     version: 1.10.3
@@ -7518,7 +8180,7 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-windows-arm64/1.10.3:
+  registry.npmjs.org/turbo-windows-arm64@1.10.3:
     resolution: {integrity: sha512-ThlkqxhcGZX39CaTjsHqJnqVe+WImjX13pmjnpChz6q5HHbeRxaJSFzgrHIOt0sUUVx90W/WrNRyoIt/aafniw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.10.3.tgz}
     name: turbo-windows-arm64
     version: 1.10.3
@@ -7528,82 +8190,118 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo/1.10.3:
+  registry.npmjs.org/turbo@1.10.3:
     resolution: {integrity: sha512-U4gKCWcKgLcCjQd4Pl8KJdfEKumpyWbzRu75A6FCj6Ctea1PIm58W6Ltw1QXKqHrl2pF9e1raAskf/h6dlrPCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo/-/turbo-1.10.3.tgz}
     name: turbo
     version: 1.10.3
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      turbo-darwin-64: registry.npmjs.org/turbo-darwin-64/1.10.3
-      turbo-darwin-arm64: registry.npmjs.org/turbo-darwin-arm64/1.10.3
-      turbo-linux-64: registry.npmjs.org/turbo-linux-64/1.10.3
-      turbo-linux-arm64: registry.npmjs.org/turbo-linux-arm64/1.10.3
-      turbo-windows-64: registry.npmjs.org/turbo-windows-64/1.10.3
-      turbo-windows-arm64: registry.npmjs.org/turbo-windows-arm64/1.10.3
+      turbo-darwin-64: registry.npmjs.org/turbo-darwin-64@1.10.3
+      turbo-darwin-arm64: registry.npmjs.org/turbo-darwin-arm64@1.10.3
+      turbo-linux-64: registry.npmjs.org/turbo-linux-64@1.10.3
+      turbo-linux-arm64: registry.npmjs.org/turbo-linux-arm64@1.10.3
+      turbo-windows-64: registry.npmjs.org/turbo-windows-64@1.10.3
+      turbo-windows-arm64: registry.npmjs.org/turbo-windows-arm64@1.10.3
     dev: true
 
-  registry.npmjs.org/tweetnacl/0.14.5:
+  registry.npmjs.org/tweetnacl@0.14.5:
     resolution: {integrity: sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz}
     name: tweetnacl
     version: 0.14.5
     dev: true
 
-  registry.npmjs.org/type-check/0.4.0:
+  registry.npmjs.org/type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz}
     name: type-check
     version: 0.4.0
     engines: {node: '>= 0.8.0'}
     dependencies:
-      prelude-ls: registry.npmjs.org/prelude-ls/1.2.1
+      prelude-ls: registry.npmjs.org/prelude-ls@1.2.1
     dev: true
 
-  registry.npmjs.org/type-fest/0.13.1:
+  registry.npmjs.org/type-fest@0.13.1:
     resolution: {integrity: sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz}
     name: type-fest
     version: 0.13.1
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/type-fest/0.20.2:
+  registry.npmjs.org/type-fest@0.20.2:
     resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz}
     name: type-fest
     version: 0.20.2
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/type-fest/0.21.3:
+  registry.npmjs.org/type-fest@0.21.3:
     resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz}
     name: type-fest
     version: 0.21.3
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/type-fest/0.6.0:
+  registry.npmjs.org/type-fest@0.6.0:
     resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz}
     name: type-fest
     version: 0.6.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/type-fest/0.8.1:
+  registry.npmjs.org/type-fest@0.8.1:
     resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz}
     name: type-fest
     version: 0.8.1
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/typed-array-length/1.0.4:
+  registry.npmjs.org/typed-array-buffer@1.0.0:
+    resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz}
+    name: typed-array-buffer
+    version: 1.0.0
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
+    dev: true
+
+  registry.npmjs.org/typed-array-byte-length@1.0.0:
+    resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz}
+    name: typed-array-byte-length
+    version: 1.0.0
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      for-each: registry.npmjs.org/for-each@0.3.3
+      has-proto: registry.npmjs.org/has-proto@1.0.1
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
+    dev: true
+
+  registry.npmjs.org/typed-array-byte-offset@1.0.0:
+    resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz}
+    name: typed-array-byte-offset
+    version: 1.0.0
+    engines: {node: '>= 0.4'}
+    dependencies:
+      available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      for-each: registry.npmjs.org/for-each@0.3.3
+      has-proto: registry.npmjs.org/has-proto@1.0.1
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
+    dev: true
+
+  registry.npmjs.org/typed-array-length@1.0.4:
     resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz}
     name: typed-array-length
     version: 1.0.4
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      for-each: registry.npmjs.org/for-each/0.3.3
-      is-typed-array: registry.npmjs.org/is-typed-array/1.1.10
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      for-each: registry.npmjs.org/for-each@0.3.3
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.10
     dev: true
 
-  registry.npmjs.org/typescript/4.9.5:
+  registry.npmjs.org/typescript@4.9.5:
     resolution: {integrity: sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz}
     name: typescript
     version: 4.9.5
@@ -7611,7 +8309,7 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/typescript/5.1.3:
+  registry.npmjs.org/typescript@5.1.3:
     resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-5.1.3.tgz}
     name: typescript
     version: 5.1.3
@@ -7619,48 +8317,69 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/unbox-primitive/1.0.2:
+  registry.npmjs.org/unbox-primitive@1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz}
     name: unbox-primitive
     version: 1.0.2
     dependencies:
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      has-bigints: registry.npmjs.org/has-bigints/1.0.2
-      has-symbols: registry.npmjs.org/has-symbols/1.0.3
-      which-boxed-primitive: registry.npmjs.org/which-boxed-primitive/1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      has-bigints: registry.npmjs.org/has-bigints@1.0.2
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      which-boxed-primitive: registry.npmjs.org/which-boxed-primitive@1.0.2
     dev: true
 
-  registry.npmjs.org/undici/5.22.1:
+  registry.npmjs.org/undici@5.22.1:
     resolution: {integrity: sha512-Ji2IJhFXZY0x/0tVBXeQwgPlLWw13GVzpsWPQ3rV50IFMMof2I55PZZxtm4P6iNq+L5znYN9nSTAq0ZyE6lSJw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici/-/undici-5.22.1.tgz}
     name: undici
     version: 5.22.1
     engines: {node: '>=14.0'}
     dependencies:
-      busboy: registry.npmjs.org/busboy/1.6.0
+      busboy: registry.npmjs.org/busboy@1.6.0
     dev: true
 
-  registry.npmjs.org/universalify/0.1.2:
+  registry.npmjs.org/universalify@0.1.2:
     resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz}
     name: universalify
     version: 0.1.2
     engines: {node: '>= 4.0.0'}
     dev: true
 
-  registry.npmjs.org/universalify/2.0.0:
+  registry.npmjs.org/universalify@0.2.0:
+    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz}
+    name: universalify
+    version: 0.2.0
+    engines: {node: '>= 4.0.0'}
+    dev: true
+
+  registry.npmjs.org/universalify@2.0.0:
     resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz}
     name: universalify
     version: 2.0.0
     engines: {node: '>= 10.0.0'}
     dev: true
 
-  registry.npmjs.org/untildify/4.0.0:
+  registry.npmjs.org/untildify@4.0.0:
     resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz}
     name: untildify
     version: 4.0.0
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/update-browserslist-db/1.0.11_browserslist@4.21.8:
+  registry.npmjs.org/update-browserslist-db@1.0.11(browserslist@4.21.10):
+    resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz}
+    id: registry.npmjs.org/update-browserslist-db/1.0.11
+    name: update-browserslist-db
+    version: 1.0.11
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+    dependencies:
+      browserslist: registry.npmjs.org/browserslist@4.21.10
+      escalade: registry.npmjs.org/escalade@3.1.1
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+    dev: true
+
+  registry.npmjs.org/update-browserslist-db@1.0.11(browserslist@4.21.8):
     resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz}
     id: registry.npmjs.org/update-browserslist-db/1.0.11
     name: update-browserslist-db
@@ -7669,20 +8388,29 @@ packages:
     peerDependencies:
       browserslist: '>= 4.21.0'
     dependencies:
-      browserslist: registry.npmjs.org/browserslist/4.21.8
-      escalade: registry.npmjs.org/escalade/3.1.1
-      picocolors: registry.npmjs.org/picocolors/1.0.0
+      browserslist: registry.npmjs.org/browserslist@4.21.8
+      escalade: registry.npmjs.org/escalade@3.1.1
+      picocolors: registry.npmjs.org/picocolors@1.0.0
     dev: true
 
-  registry.npmjs.org/uri-js/4.4.1:
+  registry.npmjs.org/uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz}
     name: uri-js
     version: 4.4.1
     dependencies:
-      punycode: registry.npmjs.org/punycode/2.3.0
+      punycode: registry.npmjs.org/punycode@2.3.0
     dev: true
 
-  registry.npmjs.org/use-sync-external-store/1.2.0_react@18.2.0:
+  registry.npmjs.org/url-parse@1.5.10:
+    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz}
+    name: url-parse
+    version: 1.5.10
+    dependencies:
+      querystringify: registry.npmjs.org/querystringify@2.2.0
+      requires-port: registry.npmjs.org/requires-port@1.0.0
+    dev: true
+
+  registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0):
     resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz}
     id: registry.npmjs.org/use-sync-external-store/1.2.0
     name: use-sync-external-store
@@ -7690,43 +8418,43 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      react: registry.npmjs.org/react/18.2.0
+      react: registry.npmjs.org/react@18.2.0
     dev: false
 
-  registry.npmjs.org/util-deprecate/1.0.2:
+  registry.npmjs.org/util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz}
     name: util-deprecate
     version: 1.0.2
     dev: true
 
-  registry.npmjs.org/uuid/8.3.2:
+  registry.npmjs.org/uuid@8.3.2:
     resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz}
     name: uuid
     version: 8.3.2
     hasBin: true
     dev: true
 
-  registry.npmjs.org/validate-npm-package-license/3.0.4:
+  registry.npmjs.org/validate-npm-package-license@3.0.4:
     resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz}
     name: validate-npm-package-license
     version: 3.0.4
     dependencies:
-      spdx-correct: registry.npmjs.org/spdx-correct/3.2.0
-      spdx-expression-parse: registry.npmjs.org/spdx-expression-parse/3.0.1
+      spdx-correct: registry.npmjs.org/spdx-correct@3.2.0
+      spdx-expression-parse: registry.npmjs.org/spdx-expression-parse@3.0.1
     dev: true
 
-  registry.npmjs.org/verror/1.10.0:
+  registry.npmjs.org/verror@1.10.0:
     resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/verror/-/verror-1.10.0.tgz}
     name: verror
     version: 1.10.0
     engines: {'0': node >=0.6.0}
     dependencies:
-      assert-plus: registry.npmjs.org/assert-plus/1.0.0
-      core-util-is: registry.npmjs.org/core-util-is/1.0.2
-      extsprintf: registry.npmjs.org/extsprintf/1.3.0
+      assert-plus: registry.npmjs.org/assert-plus@1.0.0
+      core-util-is: registry.npmjs.org/core-util-is@1.0.2
+      extsprintf: registry.npmjs.org/extsprintf@1.3.0
     dev: true
 
-  registry.npmjs.org/vite/4.3.9:
+  registry.npmjs.org/vite@4.3.9:
     resolution: {integrity: sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.3.9.tgz}
     name: vite
     version: 4.3.9
@@ -7753,14 +8481,51 @@ packages:
       terser:
         optional: true
     dependencies:
-      esbuild: registry.npmjs.org/esbuild/0.17.19
-      postcss: registry.npmjs.org/postcss/8.4.24
-      rollup: registry.npmjs.org/rollup/3.25.1
+      esbuild: registry.npmjs.org/esbuild@0.17.19
+      postcss: registry.npmjs.org/postcss@8.4.24
+      rollup: registry.npmjs.org/rollup@3.25.1
+    optionalDependencies:
+      fsevents: registry.npmjs.org/fsevents@2.3.2
+    dev: true
+
+  registry.npmjs.org/vite@4.4.9:
+    resolution: {integrity: sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.4.9.tgz}
+    name: vite
+    version: 4.4.9
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      esbuild: registry.npmjs.org/esbuild@0.18.20
+      postcss: registry.npmjs.org/postcss@8.4.27
+      rollup: registry.npmjs.org/rollup@3.28.0
     optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents/2.3.2
+      fsevents: registry.npmjs.org/fsevents@2.3.2
     dev: true
 
-  registry.npmjs.org/vitefu/0.2.4_vite@4.3.9:
+  registry.npmjs.org/vitefu@0.2.4(vite@4.3.9):
     resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz}
     id: registry.npmjs.org/vitefu/0.2.4
     name: vitefu
@@ -7771,10 +8536,10 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: registry.npmjs.org/vite/4.3.9
+      vite: registry.npmjs.org/vite@4.3.9
     dev: true
 
-  registry.npmjs.org/wait-on/7.0.1_debug@4.3.4:
+  registry.npmjs.org/wait-on@7.0.1(debug@4.3.4):
     resolution: {integrity: sha512-9AnJE9qTjRQOlTZIldAaf/da2eW0eSRSgcqq85mXQja/DW3MriHxkpODDSUEg+Gri/rKEcXUZHe+cevvYItaog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wait-on/-/wait-on-7.0.1.tgz}
     id: registry.npmjs.org/wait-on/7.0.1
     name: wait-on
@@ -7782,247 +8547,260 @@ packages:
     engines: {node: '>=12.0.0'}
     hasBin: true
     dependencies:
-      axios: registry.npmjs.org/axios/0.27.2_debug@4.3.4
-      joi: registry.npmjs.org/joi/17.9.2
-      lodash: registry.npmjs.org/lodash/4.17.21
-      minimist: registry.npmjs.org/minimist/1.2.8
-      rxjs: registry.npmjs.org/rxjs/7.8.1
+      axios: registry.npmjs.org/axios@0.27.2(debug@4.3.4)
+      joi: registry.npmjs.org/joi@17.9.2
+      lodash: registry.npmjs.org/lodash@4.17.21
+      minimist: registry.npmjs.org/minimist@1.2.8
+      rxjs: registry.npmjs.org/rxjs@7.8.1
     transitivePeerDependencies:
       - debug
     dev: true
 
-  registry.npmjs.org/wcwidth/1.0.1:
+  registry.npmjs.org/wcwidth@1.0.1:
     resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz}
     name: wcwidth
     version: 1.0.1
     dependencies:
-      defaults: registry.npmjs.org/defaults/1.0.4
+      defaults: registry.npmjs.org/defaults@1.0.4
     dev: true
 
-  registry.npmjs.org/webidl-conversions/3.0.1:
+  registry.npmjs.org/webidl-conversions@3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz}
     name: webidl-conversions
     version: 3.0.1
     dev: true
 
-  registry.npmjs.org/whatwg-url/5.0.0:
+  registry.npmjs.org/whatwg-url@5.0.0:
     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz}
     name: whatwg-url
     version: 5.0.0
     dependencies:
-      tr46: registry.npmjs.org/tr46/0.0.3
-      webidl-conversions: registry.npmjs.org/webidl-conversions/3.0.1
+      tr46: registry.npmjs.org/tr46@0.0.3
+      webidl-conversions: registry.npmjs.org/webidl-conversions@3.0.1
     dev: true
 
-  registry.npmjs.org/which-boxed-primitive/1.0.2:
+  registry.npmjs.org/which-boxed-primitive@1.0.2:
     resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz}
     name: which-boxed-primitive
     version: 1.0.2
     dependencies:
-      is-bigint: registry.npmjs.org/is-bigint/1.0.4
-      is-boolean-object: registry.npmjs.org/is-boolean-object/1.1.2
-      is-number-object: registry.npmjs.org/is-number-object/1.0.7
-      is-string: registry.npmjs.org/is-string/1.0.7
-      is-symbol: registry.npmjs.org/is-symbol/1.0.4
+      is-bigint: registry.npmjs.org/is-bigint@1.0.4
+      is-boolean-object: registry.npmjs.org/is-boolean-object@1.1.2
+      is-number-object: registry.npmjs.org/is-number-object@1.0.7
+      is-string: registry.npmjs.org/is-string@1.0.7
+      is-symbol: registry.npmjs.org/is-symbol@1.0.4
     dev: true
 
-  registry.npmjs.org/which-module/2.0.1:
+  registry.npmjs.org/which-module@2.0.1:
     resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz}
     name: which-module
     version: 2.0.1
     dev: true
 
-  registry.npmjs.org/which-pm/2.0.0:
+  registry.npmjs.org/which-pm@2.0.0:
     resolution: {integrity: sha512-Lhs9Pmyph0p5n5Z3mVnN0yWcbQYUAD7rbQUiMsQxOJ3T57k7RFe35SUwWMf7dsbDZks1uOmw4AecB/JMDj3v/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-pm/-/which-pm-2.0.0.tgz}
     name: which-pm
     version: 2.0.0
     engines: {node: '>=8.15'}
     dependencies:
-      load-yaml-file: registry.npmjs.org/load-yaml-file/0.2.0
-      path-exists: registry.npmjs.org/path-exists/4.0.0
+      load-yaml-file: registry.npmjs.org/load-yaml-file@0.2.0
+      path-exists: registry.npmjs.org/path-exists@4.0.0
+    dev: true
+
+  registry.npmjs.org/which-typed-array@1.1.11:
+    resolution: {integrity: sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.11.tgz}
+    name: which-typed-array
+    version: 1.1.11
+    engines: {node: '>= 0.4'}
+    dependencies:
+      available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      for-each: registry.npmjs.org/for-each@0.3.3
+      gopd: registry.npmjs.org/gopd@1.0.1
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
-  registry.npmjs.org/which-typed-array/1.1.9:
+  registry.npmjs.org/which-typed-array@1.1.9:
     resolution: {integrity: sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.9.tgz}
     name: which-typed-array
     version: 1.1.9
     engines: {node: '>= 0.4'}
     dependencies:
-      available-typed-arrays: registry.npmjs.org/available-typed-arrays/1.0.5
-      call-bind: registry.npmjs.org/call-bind/1.0.2
-      for-each: registry.npmjs.org/for-each/0.3.3
-      gopd: registry.npmjs.org/gopd/1.0.1
-      has-tostringtag: registry.npmjs.org/has-tostringtag/1.0.0
-      is-typed-array: registry.npmjs.org/is-typed-array/1.1.10
+      available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      for-each: registry.npmjs.org/for-each@0.3.3
+      gopd: registry.npmjs.org/gopd@1.0.1
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+      is-typed-array: registry.npmjs.org/is-typed-array@1.1.10
     dev: true
 
-  registry.npmjs.org/which/1.3.1:
+  registry.npmjs.org/which@1.3.1:
     resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which/-/which-1.3.1.tgz}
     name: which
     version: 1.3.1
     hasBin: true
     dependencies:
-      isexe: registry.npmjs.org/isexe/2.0.0
+      isexe: registry.npmjs.org/isexe@2.0.0
     dev: true
 
-  registry.npmjs.org/which/2.0.2:
+  registry.npmjs.org/which@2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which/-/which-2.0.2.tgz}
     name: which
     version: 2.0.2
     engines: {node: '>= 8'}
     hasBin: true
     dependencies:
-      isexe: registry.npmjs.org/isexe/2.0.0
+      isexe: registry.npmjs.org/isexe@2.0.0
     dev: true
 
-  registry.npmjs.org/word-wrap/1.2.3:
+  registry.npmjs.org/word-wrap@1.2.3:
     resolution: {integrity: sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz}
     name: word-wrap
     version: 1.2.3
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/wrap-ansi/6.2.0:
+  registry.npmjs.org/wrap-ansi@6.2.0:
     resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz}
     name: wrap-ansi
     version: 6.2.0
     engines: {node: '>=8'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles/4.3.0
-      string-width: registry.npmjs.org/string-width/4.2.3
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
+      ansi-styles: registry.npmjs.org/ansi-styles@4.3.0
+      string-width: registry.npmjs.org/string-width@4.2.3
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
     dev: true
 
-  registry.npmjs.org/wrap-ansi/7.0.0:
+  registry.npmjs.org/wrap-ansi@7.0.0:
     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz}
     name: wrap-ansi
     version: 7.0.0
     engines: {node: '>=10'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles/4.3.0
-      string-width: registry.npmjs.org/string-width/4.2.3
-      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
+      ansi-styles: registry.npmjs.org/ansi-styles@4.3.0
+      string-width: registry.npmjs.org/string-width@4.2.3
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
     dev: true
 
-  registry.npmjs.org/wrappy/1.0.2:
+  registry.npmjs.org/wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz}
     name: wrappy
     version: 1.0.2
     dev: true
 
-  registry.npmjs.org/y18n/4.0.3:
+  registry.npmjs.org/y18n@4.0.3:
     resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz}
     name: y18n
     version: 4.0.3
     dev: true
 
-  registry.npmjs.org/y18n/5.0.8:
+  registry.npmjs.org/y18n@5.0.8:
     resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz}
     name: y18n
     version: 5.0.8
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/yallist/2.1.2:
+  registry.npmjs.org/yallist@2.1.2:
     resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz}
     name: yallist
     version: 2.1.2
     dev: true
 
-  registry.npmjs.org/yallist/3.1.1:
+  registry.npmjs.org/yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz}
     name: yallist
     version: 3.1.1
     dev: true
 
-  registry.npmjs.org/yallist/4.0.0:
+  registry.npmjs.org/yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz}
     name: yallist
     version: 4.0.0
     dev: true
 
-  registry.npmjs.org/yaml/1.10.2:
+  registry.npmjs.org/yaml@1.10.2:
     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz}
     name: yaml
     version: 1.10.2
     engines: {node: '>= 6'}
     dev: true
 
-  registry.npmjs.org/yaml/2.3.1:
+  registry.npmjs.org/yaml@2.3.1:
     resolution: {integrity: sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz}
     name: yaml
     version: 2.3.1
     engines: {node: '>= 14'}
     dev: true
 
-  registry.npmjs.org/yargs-parser/18.1.3:
+  registry.npmjs.org/yargs-parser@18.1.3:
     resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz}
     name: yargs-parser
     version: 18.1.3
     engines: {node: '>=6'}
     dependencies:
-      camelcase: registry.npmjs.org/camelcase/5.3.1
-      decamelize: registry.npmjs.org/decamelize/1.2.0
+      camelcase: registry.npmjs.org/camelcase@5.3.1
+      decamelize: registry.npmjs.org/decamelize@1.2.0
     dev: true
 
-  registry.npmjs.org/yargs-parser/21.1.1:
+  registry.npmjs.org/yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz}
     name: yargs-parser
     version: 21.1.1
     engines: {node: '>=12'}
     dev: true
 
-  registry.npmjs.org/yargs/15.4.1:
+  registry.npmjs.org/yargs@15.4.1:
     resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz}
     name: yargs
     version: 15.4.1
     engines: {node: '>=8'}
     dependencies:
-      cliui: registry.npmjs.org/cliui/6.0.0
-      decamelize: registry.npmjs.org/decamelize/1.2.0
-      find-up: registry.npmjs.org/find-up/4.1.0
-      get-caller-file: registry.npmjs.org/get-caller-file/2.0.5
-      require-directory: registry.npmjs.org/require-directory/2.1.1
-      require-main-filename: registry.npmjs.org/require-main-filename/2.0.0
-      set-blocking: registry.npmjs.org/set-blocking/2.0.0
-      string-width: registry.npmjs.org/string-width/4.2.3
-      which-module: registry.npmjs.org/which-module/2.0.1
-      y18n: registry.npmjs.org/y18n/4.0.3
-      yargs-parser: registry.npmjs.org/yargs-parser/18.1.3
+      cliui: registry.npmjs.org/cliui@6.0.0
+      decamelize: registry.npmjs.org/decamelize@1.2.0
+      find-up: registry.npmjs.org/find-up@4.1.0
+      get-caller-file: registry.npmjs.org/get-caller-file@2.0.5
+      require-directory: registry.npmjs.org/require-directory@2.1.1
+      require-main-filename: registry.npmjs.org/require-main-filename@2.0.0
+      set-blocking: registry.npmjs.org/set-blocking@2.0.0
+      string-width: registry.npmjs.org/string-width@4.2.3
+      which-module: registry.npmjs.org/which-module@2.0.1
+      y18n: registry.npmjs.org/y18n@4.0.3
+      yargs-parser: registry.npmjs.org/yargs-parser@18.1.3
     dev: true
 
-  registry.npmjs.org/yargs/17.7.2:
+  registry.npmjs.org/yargs@17.7.2:
     resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz}
     name: yargs
     version: 17.7.2
     engines: {node: '>=12'}
     dependencies:
-      cliui: registry.npmjs.org/cliui/8.0.1
-      escalade: registry.npmjs.org/escalade/3.1.1
-      get-caller-file: registry.npmjs.org/get-caller-file/2.0.5
-      require-directory: registry.npmjs.org/require-directory/2.1.1
-      string-width: registry.npmjs.org/string-width/4.2.3
-      y18n: registry.npmjs.org/y18n/5.0.8
-      yargs-parser: registry.npmjs.org/yargs-parser/21.1.1
+      cliui: registry.npmjs.org/cliui@8.0.1
+      escalade: registry.npmjs.org/escalade@3.1.1
+      get-caller-file: registry.npmjs.org/get-caller-file@2.0.5
+      require-directory: registry.npmjs.org/require-directory@2.1.1
+      string-width: registry.npmjs.org/string-width@4.2.3
+      y18n: registry.npmjs.org/y18n@5.0.8
+      yargs-parser: registry.npmjs.org/yargs-parser@21.1.1
     dev: true
 
-  registry.npmjs.org/yauzl/2.10.0:
+  registry.npmjs.org/yauzl@2.10.0:
     resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz}
     name: yauzl
     version: 2.10.0
     dependencies:
-      buffer-crc32: registry.npmjs.org/buffer-crc32/0.2.13
-      fd-slicer: registry.npmjs.org/fd-slicer/1.1.0
+      buffer-crc32: registry.npmjs.org/buffer-crc32@0.2.13
+      fd-slicer: registry.npmjs.org/fd-slicer@1.1.0
     dev: true
 
-  registry.npmjs.org/yocto-queue/0.1.0:
+  registry.npmjs.org/yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz}
     name: yocto-queue
     version: 0.1.0
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/zustand/4.3.8_react@18.2.0:
+  registry.npmjs.org/zustand@4.3.8(react@18.2.0):
     resolution: {integrity: sha512-4h28KCkHg5ii/wcFFJ5Fp+k1J3gJoasaIbppdgZFO4BPJnsNxL0mQXBSFgOgAdCdBj35aDTPvdAJReTMntFPGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.3.8.tgz}
     id: registry.npmjs.org/zustand/4.3.8
     name: zustand
@@ -8037,6 +8815,29 @@ packages:
       react:
         optional: true
     dependencies:
-      react: registry.npmjs.org/react/18.2.0
-      use-sync-external-store: registry.npmjs.org/use-sync-external-store/1.2.0_react@18.2.0
+      react: registry.npmjs.org/react@18.2.0
+      use-sync-external-store: registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0)
+    dev: false
+
+  registry.npmjs.org/zustand@4.4.1(@types/react@18.2.12)(react@18.2.0):
+    resolution: {integrity: sha512-QCPfstAS4EBiTQzlaGP1gmorkh/UL1Leaj2tdj+zZCZ/9bm0WS7sI2wnfD5lpOszFqWJ1DcPnGoY8RDL61uokw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.4.1.tgz}
+    id: registry.npmjs.org/zustand/4.4.1
+    name: zustand
+    version: 4.4.1
+    engines: {node: '>=12.7.0'}
+    peerDependencies:
+      '@types/react': '>=16.8'
+      immer: '>=9.0'
+      react: '>=16.8'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
+    dependencies:
+      '@types/react': registry.npmjs.org/@types/react@18.2.12
+      react: registry.npmjs.org/react@18.2.0
+      use-sync-external-store: registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0)
     dev: false

From 258244f368923bfe972db74eaaf155ebbe02f101 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 16 Aug 2023 10:51:55 +0200
Subject: [PATCH 0135/1093] fix(move-events): fire for panOnScroll

---
 examples/vite-app/package.json                |  2 +-
 .../vite-app/src/examples/Figma/index.tsx     | 14 ++++-
 packages/system/src/xypanzoom/XYPanZoom.ts    |  8 +++
 packages/system/src/xypanzoom/eventhandler.ts | 57 +++++++++++++++----
 pnpm-lock.yaml                                | 38 ++++++-------
 5 files changed, 82 insertions(+), 37 deletions(-)

diff --git a/examples/vite-app/package.json b/examples/vite-app/package.json
index 3e2e707a6..6d7c59878 100644
--- a/examples/vite-app/package.json
+++ b/examples/vite-app/package.json
@@ -21,7 +21,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.3.0",
-    "zustand": "^4.3.1"
+    "zustand": "^4.4.1"
   },
   "devDependencies": {
     "@cypress/skip-test": "^2.6.1",
diff --git a/examples/vite-app/src/examples/Figma/index.tsx b/examples/vite-app/src/examples/Figma/index.tsx
index bccafa967..6780b6cb6 100644
--- a/examples/vite-app/src/examples/Figma/index.tsx
+++ b/examples/vite-app/src/examples/Figma/index.tsx
@@ -1,4 +1,4 @@
-import { ReactFlow, Background, BackgroundVariant, Node, Edge, SelectionMode } from '@xyflow/react';
+import { ReactFlow, Background, BackgroundVariant, Node, Edge, SelectionMode, Controls, Panel } from '@xyflow/react';
 
 const MULTI_SELECT_KEY = ['Meta', 'Shift'];
 
@@ -21,6 +21,10 @@ const onPaneContextMenu = (e: any) => {
 
 const panOnDrag = [1, 2];
 
+const onMoveStart = (e: any) => console.log('move start', e);
+const onMove = (e: any) => console.log('move', e);
+const onMoveEnd = (e: any) => console.log('move end', e);
+
 const BasicFlow = () => {
   return (
     <ReactFlow
@@ -36,11 +40,15 @@ const BasicFlow = () => {
       fitView
       selectNodesOnDrag={false}
       onSelectionContextMenu={onPaneContextMenu}
+      onMoveStart={onMoveStart}
+      onMove={onMove}
+      onMoveEnd={onMoveEnd}
     >
       <Background variant={BackgroundVariant.Cross} />
-      <div style={{ position: 'absolute', right: 10, top: 10, zIndex: 4 }}>
+      <Controls />
+      <Panel position="top-right">
         <input type={'text'} placeholder={'name'} />
-      </div>
+      </Panel>
     </ReactFlow>
   );
 };
diff --git a/packages/system/src/xypanzoom/XYPanZoom.ts b/packages/system/src/xypanzoom/XYPanZoom.ts
index 1faded974..f5a3e5fe5 100644
--- a/packages/system/src/xypanzoom/XYPanZoom.ts
+++ b/packages/system/src/xypanzoom/XYPanZoom.ts
@@ -26,6 +26,8 @@ export type ZoomPanValues = {
   prevViewport: Viewport;
   mouseButton: number;
   timerId: ReturnType<typeof setTimeout> | undefined;
+  panScrollTimeout: ReturnType<typeof setTimeout> | undefined;
+  isPanScrolling: boolean;
 };
 
 export function XYPanZoom({
@@ -46,6 +48,8 @@ export function XYPanZoom({
     prevViewport: { x: 0, y: 0, zoom: 0 },
     mouseButton: 0,
     timerId: undefined,
+    panScrollTimeout: undefined,
+    isPanScrolling: false,
   };
   const bbox = domNode.getBoundingClientRect();
   const d3ZoomInstance = zoom().scaleExtent([minZoom, maxZoom]).translateExtent(translateExtent);
@@ -98,12 +102,16 @@ export function XYPanZoom({
 
     const wheelHandler = isPanOnScroll
       ? createPanOnScrollHandler({
+          zoomPanValues,
           noWheelClassName,
           d3Selection,
           d3Zoom: d3ZoomInstance,
           panOnScrollMode,
           panOnScrollSpeed,
           zoomOnPinch,
+          onPanZoomStart,
+          onPanZoom,
+          onPanZoomEnd,
         })
       : createZoomOnScrollHandler({
           noWheelClassName,
diff --git a/packages/system/src/xypanzoom/eventhandler.ts b/packages/system/src/xypanzoom/eventhandler.ts
index b2b46b485..456e2332f 100644
--- a/packages/system/src/xypanzoom/eventhandler.ts
+++ b/packages/system/src/xypanzoom/eventhandler.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 import type { D3ZoomEvent } from 'd3-zoom';
 import { pointer } from 'd3-selection';
@@ -8,28 +9,24 @@ import {
   type D3ZoomHandler,
   type D3ZoomInstance,
   type OnPanZoom,
-  type Viewport,
   type OnDraggingChange,
   type OnTransformChange,
 } from '../types';
 import { isRightClickPan, isWrappedWithClass, transformToViewport, viewChanged, wheelDelta } from './utils';
-import { clamp, isMacOs } from '../utils';
-
-export type ZoomPanValues = {
-  isZoomingOrPanning: boolean;
-  usedRightMouseButton: boolean;
-  prevViewport: Viewport;
-  mouseButton: number;
-  timerId: ReturnType<typeof setTimeout> | undefined;
-};
+import { isMacOs } from '../utils';
+import { ZoomPanValues } from './XYPanZoom';
 
 export type PanOnScrollParams = {
+  zoomPanValues: ZoomPanValues;
   noWheelClassName: string;
   d3Selection: D3SelectionInstance;
   d3Zoom: D3ZoomInstance;
   panOnScrollMode: PanOnScrollMode;
   panOnScrollSpeed: number;
   zoomOnPinch: boolean;
+  onPanZoomStart?: OnPanZoom;
+  onPanZoom?: OnPanZoom;
+  onPanZoomEnd?: OnPanZoom;
 };
 
 export type ZoomOnScrollParams = {
@@ -62,12 +59,16 @@ export type PanZoomEndParams = {
 };
 
 export function createPanOnScrollHandler({
+  zoomPanValues,
   noWheelClassName,
   d3Selection,
   d3Zoom,
   panOnScrollMode,
   panOnScrollSpeed,
   zoomOnPinch,
+  onPanZoomStart,
+  onPanZoom,
+  onPanZoomEnd,
 }: PanOnScrollParams) {
   return (event: any) => {
     if (isWrappedWithClass(event, noWheelClassName)) {
@@ -105,8 +106,33 @@ export function createPanOnScrollHandler({
     d3Zoom.translateBy(
       d3Selection,
       -(deltaX / currentZoom) * panOnScrollSpeed,
-      -(deltaY / currentZoom) * panOnScrollSpeed
+      -(deltaY / currentZoom) * panOnScrollSpeed,
+      // @ts-ignore
+      { internal: true }
     );
+
+    const nextViewport = transformToViewport(d3Selection.property('__zoom'));
+
+    clearTimeout(zoomPanValues.panScrollTimeout);
+
+    // for pan on scroll we need to handle the event calls on our own
+    // we can't use the start, zoom and end events from d3-zoom
+    // because start and move gets called on every scroll event and not once at the beginning
+    if (!zoomPanValues.isPanScrolling) {
+      zoomPanValues.isPanScrolling = true;
+
+      onPanZoomStart?.(event, nextViewport);
+    }
+
+    if (zoomPanValues.isPanScrolling) {
+      onPanZoom?.(event, nextViewport);
+
+      zoomPanValues.panScrollTimeout = setTimeout(() => {
+        onPanZoomEnd?.(event, nextViewport);
+
+        zoomPanValues.isPanScrolling = false;
+      }, 150);
+    }
   };
 }
 
@@ -124,6 +150,10 @@ export function createZoomOnScrollHandler({ noWheelClassName, preventScrolling,
 
 export function createPanZoomStartHandler({ zoomPanValues, onDraggingChange, onPanZoomStart }: PanZoomStartParams) {
   return (event: D3ZoomEvent<HTMLDivElement, any>) => {
+    if (event.sourceEvent?.internal) {
+      return;
+    }
+
     const viewport = transformToViewport(event.transform);
 
     // we need to remember it here, because it's always 0 in the "zoom" event
@@ -155,7 +185,7 @@ export function createPanZoomHandler({
 
     onTransformChange([event.transform.x, event.transform.y, event.transform.k]);
 
-    if (onPanZoom) {
+    if (onPanZoom && !event.sourceEvent?.internal) {
       onPanZoom?.(event.sourceEvent as MouseEvent | TouchEvent, transformToViewport(event.transform));
     }
   };
@@ -170,6 +200,9 @@ export function createPanZoomEndHandler({
   onPaneContextMenu,
 }: PanZoomEndParams) {
   return (event: D3ZoomEvent<HTMLDivElement, any>) => {
+    if (event.sourceEvent?.internal) {
+      return;
+    }
     zoomPanValues.isZoomingOrPanning = false;
 
     if (
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b1b4d1c3c..d63f897bb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -99,8 +99,8 @@ importers:
         specifier: ^6.3.0
         version: registry.npmjs.org/react-router-dom@6.12.1(react-dom@18.2.0)(react@18.2.0)
       zustand:
-        specifier: ^4.3.1
-        version: registry.npmjs.org/zustand@4.3.8(react@18.2.0)
+        specifier: ^4.4.1
+        version: registry.npmjs.org/zustand@4.4.1(@types/react@18.2.12)(react@18.2.0)
     devDependencies:
       '@cypress/skip-test':
         specifier: ^2.6.1
@@ -2421,7 +2421,7 @@ packages:
       '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3)
       eslint: registry.npmjs.org/eslint@8.43.0
       eslint-scope: registry.npmjs.org/eslint-scope@5.1.1
-      semver: registry.npmjs.org/semver@7.5.1
+      semver: registry.npmjs.org/semver@7.5.4
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -4140,7 +4140,7 @@ packages:
     dependencies:
       acorn: registry.npmjs.org/acorn@8.8.2
       acorn-jsx: registry.npmjs.org/acorn-jsx@5.3.2(acorn@8.8.2)
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
   registry.npmjs.org/esprima@4.0.1:
@@ -5076,14 +5076,6 @@ packages:
       ci-info: registry.npmjs.org/ci-info@3.8.0
     dev: true
 
-  registry.npmjs.org/is-core-module@2.12.1:
-    resolution: {integrity: sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz}
-    name: is-core-module
-    version: 2.12.1
-    dependencies:
-      has: registry.npmjs.org/has@1.0.3
-    dev: true
-
   registry.npmjs.org/is-core-module@2.13.0:
     resolution: {integrity: sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz}
     name: is-core-module
@@ -6772,7 +6764,7 @@ packages:
     version: 1.22.2
     hasBin: true
     dependencies:
-      is-core-module: registry.npmjs.org/is-core-module@2.12.1
+      is-core-module: registry.npmjs.org/is-core-module@2.13.0
       path-parse: registry.npmjs.org/path-parse@1.0.7
       supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0
     dev: true
@@ -8338,30 +8330,34 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/zustand@4.3.8(react@18.2.0):
-    resolution: {integrity: sha512-4h28KCkHg5ii/wcFFJ5Fp+k1J3gJoasaIbppdgZFO4BPJnsNxL0mQXBSFgOgAdCdBj35aDTPvdAJReTMntFPGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.3.8.tgz}
-    id: registry.npmjs.org/zustand/4.3.8
+  registry.npmjs.org/zustand@4.4.0(@types/react@18.2.12)(react@18.2.0):
+    resolution: {integrity: sha512-2dq6wq4dSxbiPTamGar0NlIG/av0wpyWZJGeQYtUOLegIUvhM2Bf86ekPlmgpUtS5uR7HyetSiktYrGsdsyZgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.4.0.tgz}
+    id: registry.npmjs.org/zustand/4.4.0
     name: zustand
-    version: 4.3.8
+    version: 4.4.0
     engines: {node: '>=12.7.0'}
     peerDependencies:
+      '@types/react': '>=16.8'
       immer: '>=9.0'
       react: '>=16.8'
     peerDependenciesMeta:
+      '@types/react':
+        optional: true
       immer:
         optional: true
       react:
         optional: true
     dependencies:
+      '@types/react': registry.npmjs.org/@types/react@18.2.12
       react: registry.npmjs.org/react@18.2.0
       use-sync-external-store: registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0)
     dev: false
 
-  registry.npmjs.org/zustand@4.4.0(@types/react@18.2.12)(react@18.2.0):
-    resolution: {integrity: sha512-2dq6wq4dSxbiPTamGar0NlIG/av0wpyWZJGeQYtUOLegIUvhM2Bf86ekPlmgpUtS5uR7HyetSiktYrGsdsyZgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.4.0.tgz}
-    id: registry.npmjs.org/zustand/4.4.0
+  registry.npmjs.org/zustand@4.4.1(@types/react@18.2.12)(react@18.2.0):
+    resolution: {integrity: sha512-QCPfstAS4EBiTQzlaGP1gmorkh/UL1Leaj2tdj+zZCZ/9bm0WS7sI2wnfD5lpOszFqWJ1DcPnGoY8RDL61uokw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.4.1.tgz}
+    id: registry.npmjs.org/zustand/4.4.1
     name: zustand
-    version: 4.4.0
+    version: 4.4.1
     engines: {node: '>=12.7.0'}
     peerDependencies:
       '@types/react': '>=16.8'

From a096efbcfef6ee003d2e89b71bde4dcfbcaad497 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 16 Aug 2023 13:56:52 +0200
Subject: [PATCH 0136/1093] feat(svelte): add panActivationKey

---
 package.json                                  |  2 +
 packages/svelte/package.json                  |  2 +-
 .../example-components/Header/Header.svelte   |  1 +
 .../components/EdgeWrapper/EdgeWrapper.svelte |  5 +-
 .../src/lib/components/Handle/Handle.svelte   |  2 +
 .../components/KeyHandler/KeyHandler.svelte   | 32 ++++++++++-
 .../src/lib/components/KeyHandler/types.ts    |  1 +
 .../components/NodeWrapper/NodeWrapper.svelte | 13 +++--
 .../NodeRenderer/NodeRenderer.svelte          |  2 -
 .../svelte/src/lib/container/Pane/Pane.svelte |  6 ++-
 .../container/SvelteFlow/SvelteFlow.svelte    |  6 ++-
 .../src/lib/container/SvelteFlow/types.ts     |  1 +
 .../svelte/src/lib/container/Zoom/Zoom.svelte |  6 ++-
 .../svelte/src/lib/store/initial-store.ts     |  1 +
 packages/svelte/src/lib/types/edges.ts        |  4 +-
 packages/svelte/src/lib/types/nodes.ts        |  4 +-
 packages/svelte/src/routes/figma/+page.svelte | 54 +++++++++++++++++++
 packages/system/src/xypanzoom/filter.ts       |  1 +
 pnpm-lock.yaml                                | 10 ++--
 19 files changed, 128 insertions(+), 25 deletions(-)
 create mode 100644 packages/svelte/src/routes/figma/+page.svelte

diff --git a/package.json b/package.json
index 7a5cee96d..be5c86ad2 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,8 @@
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "dev": "turbo run dev --parallel",
+    "dev:svelte": "turbo run dev --filter=svelte --filter=system",
+    "dev:react": "turbo run dev --filter=react",
     "build": "turbo run build",
     "test": "turbo run test",
     "lint": "turbo run lint",
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 5b782fc28..eee69f3d9 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -33,7 +33,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@svelte-put/shortcut": "^2.0.0",
+    "@svelte-put/shortcut": "^3.0.0",
     "@xyflow/system": "workspace:*",
     "classcat": "^5.0.4"
   },
diff --git a/packages/svelte/src/example-components/Header/Header.svelte b/packages/svelte/src/example-components/Header/Header.svelte
index 9467c391d..089aea871 100644
--- a/packages/svelte/src/example-components/Header/Header.svelte
+++ b/packages/svelte/src/example-components/Header/Header.svelte
@@ -6,6 +6,7 @@
     'customnode',
     'drag-n-drop',
     'edges',
+    'figma',
     'interaction',
     'overview',
     'stress',
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 02519cf71..b271bbf81 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { createEventDispatcher, type SvelteComponentTyped } from 'svelte';
+  import { createEventDispatcher, SvelteComponent, type ComponentType } from 'svelte';
   import { getMarkerId } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
@@ -36,7 +36,7 @@
   const { edges, edgeTypes, flowId, addSelectedEdges } = useStore();
   const dispatch = createEventDispatcher();
 
-  const edgeComponent: typeof SvelteComponentTyped<EdgeProps> = $edgeTypes[type!] || BezierEdge;
+  const edgeComponent: ComponentType<SvelteComponent<EdgeProps>> = $edgeTypes[type!] || BezierEdge;
 
   $: markerStartUrl = markerStart ? `url(#${getMarkerId(markerStart, $flowId)})` : undefined;
   $: markerEndUrl = markerEnd ? `url(#${getMarkerId(markerEnd, $flowId)})` : undefined;
@@ -52,6 +52,7 @@
 </script>
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <g
   class="svelte-flow__edge"
   class:animated
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index e8c003277..f8cf43d35 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -96,6 +96,8 @@
   on:mousedown={onPointerDown}
   on:touchstart={onPointerDown}
   {style}
+  role="button"
+  tabindex="-1"
 >
   <slot />
 </div>
diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index 9b2747db4..d31d07810 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -9,8 +9,9 @@
 
   export let selectionKey: $$Props['selectionKey'] = 'Shift';
   export let deleteKey: $$Props['deleteKey'] = 'Backspace';
+  export let panActivationKey: $$Props['panActivationKey'] = ' ';
 
-  const { selectionKeyPressed, deleteKeyPressed } = useStore();
+  const { selectionKeyPressed, deleteKeyPressed, panActivationKeyPressed } = useStore();
 
   function isKeyObject(key?: KeyDefinition): key is KeyDefinitionObject {
     return typeof key === 'object';
@@ -21,6 +22,10 @@
 
   $: deleteKeyString = typeof deleteKey === 'string' ? deleteKey : deleteKey!.key;
   $: deleteKeyModifier = isKeyObject(deleteKey) ? deleteKey?.modifier : [];
+
+  $: panActivationKeyString =
+    typeof panActivationKey === 'string' ? panActivationKey : panActivationKey!.key;
+  $: panActivationKeyModifier = isKeyObject(panActivationKey) ? panActivationKey?.modifier : [];
 </script>
 
 <svelte:window
@@ -49,7 +54,10 @@
       {
         key: deleteKeyString,
         modifier: deleteKeyModifier,
-        callback: () => deleteKeyPressed.set(true)
+        callback: () => {
+          console.log('delete');
+          deleteKeyPressed.set(true);
+        }
       }
     ],
     type: 'keydown'
@@ -64,4 +72,24 @@
     ],
     type: 'keyup'
   }}
+  use:shortcut={{
+    trigger: [
+      {
+        key: panActivationKeyString,
+        modifier: panActivationKeyModifier,
+        callback: () => panActivationKeyPressed.set(true)
+      }
+    ],
+    type: 'keydown'
+  }}
+  use:shortcut={{
+    trigger: [
+      {
+        key: panActivationKeyString,
+        modifier: panActivationKeyModifier,
+        callback: () => panActivationKeyPressed.set(false)
+      }
+    ],
+    type: 'keyup'
+  }}
 />
diff --git a/packages/svelte/src/lib/components/KeyHandler/types.ts b/packages/svelte/src/lib/components/KeyHandler/types.ts
index 14e761671..70cc95a54 100644
--- a/packages/svelte/src/lib/components/KeyHandler/types.ts
+++ b/packages/svelte/src/lib/components/KeyHandler/types.ts
@@ -3,4 +3,5 @@ import type { KeyDefinition } from '$lib/types';
 export type KeyHandlerProps = {
   selectionKey?: KeyDefinition;
   deleteKey?: KeyDefinition;
+  panActivationKey?: KeyDefinition;
 };
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index bb9563561..3a8d028cb 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -1,5 +1,11 @@
 <script lang="ts">
-  import { createEventDispatcher, onMount, setContext, SvelteComponentTyped } from 'svelte';
+  import {
+    createEventDispatcher,
+    onMount,
+    setContext,
+    SvelteComponent,
+    type ComponentType
+  } from 'svelte';
   import cc from 'classcat';
   import { errorMessages, type NodeProps } from '@xyflow/system';
 
@@ -19,8 +25,6 @@
   export let dragging: boolean = false;
   export let resizeObserver: NodeWrapperProps['resizeObserver'] = null;
   export let style: NodeWrapperProps['style'] = undefined;
-  export let width: NodeWrapperProps['width'] = undefined;
-  export let height: NodeWrapperProps['height'] = undefined;
   export let type: NodeWrapperProps['type'] = 'default';
   export let isParent: NodeWrapperProps['isParent'] = false;
   export let positionAbsolute: NodeWrapperProps['positionAbsolute'] = undefined;
@@ -43,7 +47,7 @@
     type = 'default';
   }
 
-  const nodeComponent: typeof SvelteComponentTyped<NodeProps> = $nodeTypes[type!] || DefaultNode;
+  const nodeComponent: ComponentType<SvelteComponent<NodeProps>> = $nodeTypes[type!] || DefaultNode;
   const selectNodesOnDrag = false;
   const dispatch = createEventDispatcher();
 
@@ -74,6 +78,7 @@
 </script>
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   use:drag={{
     nodeId: id,
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 43db7eeb1..48e7ff9e3 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -55,8 +55,6 @@
       positionAbsolute={node.positionAbsolute}
       positionOrigin={posOrigin}
       isParent={!!node[internalsSymbol]?.isParent}
-      width={node.width}
-      height={node.height}
       style={node.style}
       class={node.class}
       type={node.type}
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index c3ea2931c..04a3c7397 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -52,6 +52,7 @@
     selectionRectMode,
     selectionKeyPressed,
     selectionMode,
+    panActivationKeyPressed,
     unselectNodesAndEdges
   } = useStore();
 
@@ -61,6 +62,7 @@
 
   $: isSelecting = $selectionKeyPressed;
   $: hasActiveSelection = $elementsSelectable && (isSelecting || $selectionRectMode === 'user');
+  $: _panOnDrag = $panActivationKeyPressed || panOnDrag;
 
   function onClick(event: MouseEvent) {
     dispatch('paneclick', event);
@@ -159,7 +161,7 @@
   };
 
   const onContextMenu = (event: MouseEvent) => {
-    if (Array.isArray(panOnDrag) && panOnDrag?.includes(2)) {
+    if (Array.isArray(_panOnDrag) && _panOnDrag?.includes(2)) {
       event.preventDefault();
       return;
     }
@@ -168,6 +170,8 @@
   };
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   bind:this={container}
   class="svelte-flow__pane"
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 5aa6f555e..1c4753312 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -30,6 +30,7 @@
   export let edgeTypes: $$Props['edgeTypes'] = undefined;
   export let selectionKey: $$Props['selectionKey'] = undefined;
   export let selectionMode: $$Props['selectionMode'] = undefined;
+  export let panActivationKey: $$Props['panActivationKey'] = undefined;
   export let nodesDraggable: $$Props['nodesDraggable'] = undefined;
   export let nodesConnectable: $$Props['nodesConnectable'] = undefined;
   export let elementsSelectable: $$Props['elementsSelectable'] = undefined;
@@ -124,8 +125,9 @@
   on:dragover
   on:drop
   {...$$restProps}
+  role="application"
 >
-  <KeyHandler {selectionKey} {deleteKey} />
+  <KeyHandler {selectionKey} {deleteKey} {panActivationKey} />
   <Zoom
     {initialViewport}
     {onMoveStart}
@@ -189,7 +191,7 @@
 
   :root {
     --background-color-default: #fff;
-    --background-pattern-color-default: #eee;
+    --background-pattern-color-default: #ddd;
 
     --minimap-background-color-default: #fff;
     --minimap-mask-color-default: rgb(240, 240, 240, 0.6);
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index ef6571811..b6d121047 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -25,6 +25,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   nodeTypes?: NodeTypes;
   edgeTypes?: EdgeTypes;
   selectionKey?: KeyDefinition;
+  panActivationKey?: KeyDefinition;
   deleteKey?: KeyDefinition;
   fitView?: boolean;
   nodeOrigin?: NodeOrigin;
diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index 01da84190..1a4a7008c 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -27,10 +27,12 @@
     maxZoom,
     dragging,
     translateExtent,
-    lib
+    lib,
+    panActivationKeyPressed
   } = useStore();
 
   $: viewPort = initialViewport || { x: 0, y: 0, zoom: 1 };
+  $: _panOnDrag = $panActivationKeyPressed || panOnDrag;
 </script>
 
 <div
@@ -49,7 +51,7 @@
     zoomOnDoubleClick,
     zoomOnPinch,
     panOnScroll,
-    panOnDrag,
+    panOnDrag: _panOnDrag,
     panOnScrollSpeed: 0.5,
     panOnScrollMode: panOnScrollMode || PanOnScrollMode.Free,
     zoomActivationKeyPressed: false,
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 07a9b96fe..f7326e4f2 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -68,6 +68,7 @@ export const getInitialStore = () => ({
   selectionKeyPressed: writable<boolean>(false),
   multiselectionKeyPressed: writable<boolean>(false),
   deleteKeyPressed: writable<boolean>(false),
+  panActivationKeyPressed: writable<boolean>(false),
   selectionRectMode: writable<string | null>(null),
   selectionMode: writable<SelectionMode>(SelectionMode.Partial),
   nodeTypes: writable<NodeTypes>(initialNodeTypes),
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 6ef9f083b..3f68b509e 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type { SvelteComponentTyped } from 'svelte';
+import type { SvelteComponent, ComponentType } from 'svelte';
 import type {
   EdgeBase,
   BezierPathOptions,
@@ -45,7 +45,7 @@ export type EdgeProps = Omit<Edge, 'sourceHandle' | 'targetHandle'> &
     targetHandleId?: string | null;
   };
 
-export type EdgeTypes = Record<string, typeof SvelteComponentTyped<EdgeProps>>;
+export type EdgeTypes = Record<string, ComponentType<SvelteComponent<EdgeProps>>>;
 
 export type DefaultEdgeOptions = DefaultEdgeOptionsBase<Edge>;
 
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index d36e2a966..292ae4fa5 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
-import type { SvelteComponentTyped } from 'svelte';
+import type { ComponentType, SvelteComponent } from 'svelte';
 import type { NodeBase, NodeProps } from '@xyflow/system';
 
 // @todo: currently the helper function only like Node from '@reactflow/core'
@@ -14,6 +14,6 @@ export type Node<
   style?: string;
 };
 
-export type NodeTypes = Record<string, typeof SvelteComponentTyped<NodeProps>>;
+export type NodeTypes = Record<string, ComponentType<SvelteComponent<NodeProps>>>;
 
 export type DefaultNodeOptions = Partial<Omit<Node, 'id'>>;
diff --git a/packages/svelte/src/routes/figma/+page.svelte b/packages/svelte/src/routes/figma/+page.svelte
new file mode 100644
index 000000000..b8039f460
--- /dev/null
+++ b/packages/svelte/src/routes/figma/+page.svelte
@@ -0,0 +1,54 @@
+<script lang="ts">
+  import { writable } from 'svelte/store';
+  import {
+    SvelteFlow,
+    Controls,
+    Background,
+    BackgroundVariant,
+    SelectionMode
+  } from '../../lib/index';
+
+  const onPaneContextMenu = (e: any) => {
+    e.preventDefault();
+    console.log('context menu');
+  };
+
+  const panOnDrag = [1, 2];
+
+  const onMoveStart = (e: any) => console.log('move start', e);
+  const onMove = (e: any) => console.log('move', e);
+  const onMoveEnd = (e: any) => console.log('move end', e);
+
+  const nodes = writable([
+    {
+      id: '1',
+      type: 'input',
+      data: { label: 'Node 1' },
+      position: { x: 250, y: 5 },
+      className: 'light'
+    },
+    { id: '2', data: { label: 'Node 2' }, position: { x: 100, y: 100 }, className: 'light' },
+    { id: '3', data: { label: 'Node 3' }, position: { x: 400, y: 100 }, className: 'light' },
+    { id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 200 }, className: 'light' }
+  ]);
+
+  const edges = writable([
+    { id: 'e1-2', source: '1', target: '2', animated: true },
+    { id: 'e1-3', source: '1', target: '3' }
+  ]);
+</script>
+
+<SvelteFlow
+  {nodes}
+  {edges}
+  fitView
+  selectionMode={SelectionMode.Partial}
+  panOnScroll
+  {panOnDrag}
+  {onMoveStart}
+  {onMove}
+  {onMoveEnd}
+>
+  <Controls />
+  <Background variant={BackgroundVariant.Dots} />
+</SvelteFlow>
diff --git a/packages/system/src/xypanzoom/filter.ts b/packages/system/src/xypanzoom/filter.ts
index 3404ca67d..232c66af7 100644
--- a/packages/system/src/xypanzoom/filter.ts
+++ b/packages/system/src/xypanzoom/filter.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { isWrappedWithClass } from './utils';
 
 export type FilterParams = {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 008b4d78d..c3320495a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -200,8 +200,8 @@ importers:
   packages/svelte:
     dependencies:
       '@svelte-put/shortcut':
-        specifier: ^2.0.0
-        version: registry.npmjs.org/@svelte-put/shortcut@2.0.0
+        specifier: ^3.0.0
+        version: registry.npmjs.org/@svelte-put/shortcut@3.0.0
       '@xyflow/system':
         specifier: workspace:*
         version: link:../system
@@ -1797,10 +1797,10 @@ packages:
     version: 2.0.0
     dev: true
 
-  registry.npmjs.org/@svelte-put/shortcut@2.0.0:
-    resolution: {integrity: sha512-dDyxIFlRz+W6wxwQtl2jUen0rX8ofV2VBWaJdz0QehLb0IMDzP3aWM9W4k8cAZQIGmTT0adr1+Gt7HPPUugcpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@svelte-put/shortcut/-/shortcut-2.0.0.tgz}
+  registry.npmjs.org/@svelte-put/shortcut@3.0.0:
+    resolution: {integrity: sha512-nZg3pwpTi9wUsvQPlqOzEsxZcF2jmY5j+VBq/20IUjjd2OpM92XqZAga0PCCjE6OuEobOt58UMnC2QZgOvk0tQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@svelte-put/shortcut/-/shortcut-3.0.0.tgz}
     name: '@svelte-put/shortcut'
-    version: 2.0.0
+    version: 3.0.0
     dev: false
 
   registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6):

From 9e5d94291ce20f7196d2fbb0c51614cde8cecd54 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 17 Aug 2023 10:55:17 +0200
Subject: [PATCH 0137/1093] refactor(svelte): prevent unnecessary re-renders
 for node updates, selected always boolean #3336

---
 .../container/NodeRenderer/NodeRenderer.svelte |  2 +-
 .../svelte/src/lib/container/Pane/Pane.svelte  | 18 ++++++++++++++++--
 packages/svelte/src/lib/store/index.ts         |  9 +++++++--
 3 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 48e7ff9e3..154e55781 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -42,7 +42,7 @@
     <NodeWrapper
       id={node.id}
       data={node.data}
-      selected={node.selected}
+      selected={!!node.selected}
       draggable={!!(node.draggable || ($nodesDraggable && typeof node.draggable === 'undefined'))}
       selectable={!!(
         node.selectable ||
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 04a3c7397..dc9772e70 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -114,6 +114,8 @@
       width: Math.abs(mousePos.x - startX),
       height: Math.abs(mousePos.y - startY)
     };
+    const prevSelectedNodeIds = selectedNodes.map((n) => n.id);
+    const prevSelectedEdgeIds = getConnectedEdges(selectedNodes, $edges).map((e) => e.id);
 
     selectedNodes = getNodesInside<Node>(
       $nodes,
@@ -125,8 +127,20 @@
     const selectedEdgeIds = getConnectedEdges(selectedNodes, $edges).map((e) => e.id);
     const selectedNodeIds = selectedNodes.map((n) => n.id);
 
-    nodes.update((nodes) => nodes.map(toggleSelected(selectedNodeIds)));
-    edges.update((edges) => edges.map(toggleSelected(selectedEdgeIds)));
+    // this prevents unnecessary updates while updating the selection rectangle
+    if (
+      prevSelectedNodeIds.length !== selectedNodeIds.length ||
+      selectedNodeIds.some((id) => !prevSelectedNodeIds.includes(id))
+    ) {
+      nodes.update((nodes) => nodes.map(toggleSelected(selectedNodeIds)));
+    }
+
+    if (
+      prevSelectedEdgeIds.length !== selectedEdgeIds.length ||
+      selectedEdgeIds.some((id) => !prevSelectedEdgeIds.includes(id))
+    ) {
+      edges.update((edges) => edges.map(toggleSelected(selectedEdgeIds)));
+    }
 
     selectionRectMode.set('user');
     selectionRect.set(nextUserSelectRect);
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index b548f2578..5c41413e7 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -174,8 +174,13 @@ export function createStore(): SvelteFlowStore {
   }
 
   function unselectNodesAndEdges() {
-    store.nodes.update((ns) => ns.map(resetSelectedItem));
-    store.edges.update((es) => es.map(resetSelectedItem));
+    if (get(store.nodes).some((node) => node.selected)) {
+      store.nodes.update((ns) => ns.map(resetSelectedItem));
+    }
+
+    if (get(store.edges).some((edge) => edge.selected)) {
+      store.edges.update((es) => es.map(resetSelectedItem));
+    }
   }
 
   store.deleteKeyPressed.subscribe((deleteKeyPressed) => {

From c0f04b2c71b07218d0fe4079cf5e72431b8d5e15 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 17 Aug 2023 11:04:58 +0200
Subject: [PATCH 0138/1093] refactor(svelte): elevate nodes by default

---
 .../svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte    | 1 +
 packages/svelte/src/lib/store/utils.ts                          | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 3a8d028cb..549139716 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -96,6 +96,7 @@
   class:draggable
   class:connectable
   class:parent={isParent}
+  style:z-index={zIndex}
   style:transform="translate({positionOrigin?.x ?? 0}px, {positionOrigin?.y ?? 0}px)"
   {style}
   on:click={onSelectNodeHandler}
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index 3c94d3156..949e2272c 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -74,7 +74,7 @@ export const createNodesStore = (
   const { subscribe, set, update } = writable<Node[]>([]);
   let value = nodes;
   let defaults = {};
-  let elevateNodesOnSelect = false;
+  let elevateNodesOnSelect = true;
 
   const _set = (nds: Node[]): Node[] => {
     const nextNodes = updateNodes(nds, value, {

From 208ee5b944c570566163dc62bc5f47f06050f733 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 21 Aug 2023 18:01:11 +0200
Subject: [PATCH 0139/1093] fix(step-edge): handle routes for same positions

---
 .../src/lib/components/KeyHandler/KeyHandler.svelte  |  1 -
 packages/svelte/src/routes/customnode/+page.svelte   |  7 +++++++
 packages/system/src/utils/edges/smoothstep-edge.ts   | 12 ++++++------
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index d31d07810..a7c852ab9 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -55,7 +55,6 @@
         key: deleteKeyString,
         modifier: deleteKeyModifier,
         callback: () => {
-          console.log('delete');
           deleteKeyPressed.set(true);
         }
       }
diff --git a/packages/svelte/src/routes/customnode/+page.svelte b/packages/svelte/src/routes/customnode/+page.svelte
index 384c04206..28d920385 100644
--- a/packages/svelte/src/routes/customnode/+page.svelte
+++ b/packages/svelte/src/routes/customnode/+page.svelte
@@ -57,6 +57,13 @@
       style: 'border: 1px solid #777; padding: 10px',
       position: { x: 250, y: 50 }
     },
+    {
+      id: '2a',
+      type: 'colorNode',
+      data: { onChange: onChange, color: $bgColor },
+      style: 'border: 1px solid #777; padding: 10px',
+      position: { x: 250, y: 520 }
+    },
     {
       id: '3',
       type: 'output',
diff --git a/packages/system/src/utils/edges/smoothstep-edge.ts b/packages/system/src/utils/edges/smoothstep-edge.ts
index 60e0e9dc5..ba3e95a98 100644
--- a/packages/system/src/utils/edges/smoothstep-edge.ts
+++ b/packages/system/src/utils/edges/smoothstep-edge.ts
@@ -121,9 +121,9 @@ function getPoints({
       if (diff <= offset) {
         const gapOffset = Math.min(offset - 1, offset - diff);
         if (sourceDir[dirAccessor] === currDir) {
-          sourceGapOffset[dirAccessor] = gapOffset;
+          sourceGapOffset[dirAccessor] = (sourceGapped[dirAccessor] > source[dirAccessor] ? -1 : 1) * gapOffset;
         } else {
-          targetGapOffset[dirAccessor] = gapOffset;
+          targetGapOffset[dirAccessor] = (targetGapped[dirAccessor] > target[dirAccessor] ? -1 : 1) * gapOffset;
         }
       }
     }
@@ -143,8 +143,8 @@ function getPoints({
       }
     }
 
-    const sourceGapPoint = { x: sourceGapped.x - sourceGapOffset.x, y: sourceGapped.y - sourceGapOffset.y };
-    const targetGapPoint = { x: targetGapped.x - targetGapOffset.x, y: targetGapped.y - targetGapOffset.y };
+    const sourceGapPoint = { x: sourceGapped.x + sourceGapOffset.x, y: sourceGapped.y + sourceGapOffset.y };
+    const targetGapPoint = { x: targetGapped.x + targetGapOffset.x, y: targetGapped.y + targetGapOffset.y };
     const maxXDistance = Math.max(Math.abs(sourceGapPoint.x - points[0].x), Math.abs(targetGapPoint.x - points[0].x));
     const maxYDistance = Math.max(Math.abs(sourceGapPoint.y - points[0].y), Math.abs(targetGapPoint.y - points[0].y));
 
@@ -160,9 +160,9 @@ function getPoints({
 
   const pathPoints = [
     source,
-    { x: sourceGapped.x - sourceGapOffset.x, y: sourceGapped.y - sourceGapOffset.y },
+    { x: sourceGapped.x + sourceGapOffset.x, y: sourceGapped.y + sourceGapOffset.y },
     ...points,
-    { x: targetGapped.x - targetGapOffset.x, y: targetGapped.y - targetGapOffset.y },
+    { x: targetGapped.x + targetGapOffset.x, y: targetGapped.y + targetGapOffset.y },
     target,
   ];
 

From 8614297650057281c74b7523f97e221a45194229 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 21 Aug 2023 18:12:29 +0200
Subject: [PATCH 0140/1093] chore(svelte): use on:connect in custom node

---
 .../svelte/src/routes/customnode/+page.svelte    | 16 ++++++++++++++--
 .../routes/customnode/CustomNode/Custom.svelte   | 12 +++++++++---
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/packages/svelte/src/routes/customnode/+page.svelte b/packages/svelte/src/routes/customnode/+page.svelte
index 28d920385..e2c287a41 100644
--- a/packages/svelte/src/routes/customnode/+page.svelte
+++ b/packages/svelte/src/routes/customnode/+page.svelte
@@ -10,7 +10,8 @@
     Position,
     type Node,
     type NodeTypes,
-    type Edge
+    type Edge,
+    type Connection
   } from '../../lib/index';
   import { CustomNode } from './CustomNode';
 
@@ -102,9 +103,20 @@
       animated: true
     }
   ]);
+
+  const onConnect = (connection: Connection) => {
+    console.log('on connect', connection);
+  };
 </script>
 
-<SvelteFlow {nodes} {edges} {nodeTypes} style="--bgcolor: {$bgColor}" fitView>
+<SvelteFlow
+  {nodes}
+  {edges}
+  {nodeTypes}
+  style="--bgcolor: {$bgColor}"
+  fitView
+  on:connect={onConnect}
+>
   <Controls />
   <Background variant={BackgroundVariant.Dots} />
   <MiniMap />
diff --git a/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte b/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte
index 3158de2af..639b79574 100644
--- a/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte
+++ b/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte
@@ -6,10 +6,16 @@
   export let data: { color: string; onChange: () => void } = { color: '#111', onChange: () => {} };
 </script>
 
-<Handle type="target" position={Position.Left} />
+<Handle type="target" position={Position.Left} on:connect />
 <div>
   Custom Color Picker Node: <strong>{data.color}</strong>
 </div>
 <input class="nodrag" type="color" on:input={data.onChange} value={data.color} />
-<Handle type="source" position={Position.Right} id="a" style="top: 10px;" />
-<Handle type="source" position={Position.Right} id="b" style="top: auto; bottom: 10px;" />
+<Handle type="source" position={Position.Right} id="a" style="top: 10px;" on:connect />
+<Handle
+  type="source"
+  position={Position.Right}
+  id="b"
+  style="top: auto; bottom: 10px;"
+  on:connect
+/>

From 77b4d57ebbbba6b091e22d862694dec50f22e03c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 21 Aug 2023 18:18:17 +0200
Subject: [PATCH 0141/1093] chore(packages): bump

---
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index eee69f3d9..fdfcaeb66 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index d59801ed4..282501fa9 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From a0921e7a9b95bbc12d6e8a22a923c698fb53d2f6 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Tue, 22 Aug 2023 10:56:23 +0200
Subject: [PATCH 0142/1093] chore(svelte-readme): update example

---
 packages/svelte/README.md | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index fc7477c34..e9376ab3e 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -24,13 +24,11 @@ A basic flow looks like this:
   import { writable } from 'svelte/store';
   import {
     SvelteFlow,
-    SvelteFlowProvider,
     Controls,
     Background,
     BackgroundVariant,
     MiniMap,
-    Panel,
-    type NodeTypes
+    type SnapGrid
   } from '@xyflow/svelte';
   
   // We are using writables for the nodes and edges to sync them easily. When a user drags a node for example, Svelte Flow updates its position.
@@ -60,16 +58,12 @@ A basic flow looks like this:
       label: 'Edge Text'
     }
   ]);
-
-  const snapGrid = [25, 25];
 </script>
 
 <SvelteFlow
   {nodes}
   {edges}
-  {nodeTypes}
   fitView
-  snapGrid={snapGrid}
   on:nodeclick={(event) => console.log('on node click', event)}
 >
   <Controls />
@@ -104,4 +98,4 @@ You can now access the examples under http://127.0.0.1:5173
 
 # License
 
-Svelte Flow is MIT Licensed.
\ No newline at end of file
+Svelte Flow is MIT Licensed.

From d2c23c5149b009d90a54f4c172f6b90bf71a35c0 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Tue, 22 Aug 2023 10:56:47 +0200
Subject: [PATCH 0143/1093] chore(svelte-readme): cleanup

---
 packages/svelte/README.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index e9376ab3e..314e11c81 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -28,7 +28,6 @@ A basic flow looks like this:
     Background,
     BackgroundVariant,
     MiniMap,
-    type SnapGrid
   } from '@xyflow/svelte';
   
   // We are using writables for the nodes and edges to sync them easily. When a user drags a node for example, Svelte Flow updates its position.

From bd922889b4346844d77a64bf3e9e7922e895e90c Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Thu, 24 Aug 2023 14:02:57 +0200
Subject: [PATCH 0144/1093] feat(styles): one stylesheet source for react and
 svelte  (#3350)

* feat(styles): create stylesheets for react and svelte based on one source

* refactor(styling): cleanup

* refactor(postcss): share a config

* refactor(postcss): replace env hack with env file
---
 .../src/examples/CustomNode/index.tsx         |   3 +-
 package.json                                  |   6 -
 packages/react/package.json                   |  10 +-
 .../Background/Background.tsx                 |  37 +-
 .../Background/Patterns.tsx                   |  27 +-
 .../additional-components/Background/types.ts |   4 +-
 .../src/container/NodeRenderer/index.tsx      |   2 +-
 packages/react/src/container/Pane/index.tsx   |   2 +-
 .../react/src/container/ZoomPane/index.tsx    |   2 +-
 packages/react/src/styles/base.css            |  29 +-
 packages/react/src/styles/init.css            | 238 -----
 packages/react/src/styles/node-resizer.css    | 105 ---
 packages/react/src/styles/style.css           | 112 +--
 .../react/src/styles/{index.ts => utils.ts}   |   0
 packages/svelte/package.json                  |  13 +-
 .../components/Attribution/Attribution.svelte |  14 -
 .../lib/components/BaseEdge/BaseEdge.svelte   |  27 -
 .../ConnectionLine/ConnectionLine.svelte      |  24 -
 .../components/EdgeWrapper/EdgeWrapper.svelte |   7 -
 .../src/lib/components/Handle/Handle.svelte   |  44 +-
 .../components/NodeWrapper/NodeWrapper.svelte |  33 +-
 .../lib/components/Selection/Selection.svelte |   8 -
 .../EdgeRenderer/EdgeRenderer.svelte          |   2 -
 .../NodeRenderer/NodeRenderer.svelte          |   5 +-
 .../svelte/src/lib/container/Pane/Pane.svelte |  10 -
 .../src/lib/container/Panel/Panel.svelte      |  29 -
 .../container/SvelteFlow/SvelteFlow.svelte    |  28 -
 .../lib/container/Viewport/Viewport.svelte    |   3 -
 .../lib/plugins/Background/Background.svelte  |   9 +-
 .../lib/plugins/Background/DotPattern.svelte  |  21 +-
 .../lib/plugins/Background/LinePattern.svelte |  18 +-
 .../src/lib/plugins/Background/types.ts       |   1 +
 .../lib/plugins/Controls/ControlButton.svelte |  56 --
 .../svelte/src/routes/overview/+page.svelte   |   6 +-
 .../Custom.svelte => CustomEdge.svelte}       |   2 +-
 .../src/routes/overview/CustomEdge/index.ts   |   1 -
 .../Custom.svelte => CustomNode.svelte}       |   2 +-
 .../src/routes/overview/CustomNode/index.ts   |   1 -
 packages/svelte/src/styles/base.css           |   3 +
 packages/svelte/src/styles/style.css          |   3 +
 packages/svelte/vite.config.ts                |   5 +-
 packages/system/src/styles/base.css           |  33 +
 packages/system/src/styles/init.css           | 298 +++++++
 packages/system/src/styles/node-resizer.css   | 105 +++
 packages/system/src/styles/style.css          | 138 +++
 pnpm-lock.yaml                                | 829 +++++++++++++++---
 tooling/postcss-config/postcss.config.js      |  29 +-
 47 files changed, 1422 insertions(+), 962 deletions(-)
 delete mode 100644 packages/react/src/styles/init.css
 delete mode 100644 packages/react/src/styles/node-resizer.css
 rename packages/react/src/styles/{index.ts => utils.ts} (100%)
 rename packages/svelte/src/routes/overview/{CustomEdge/Custom.svelte => CustomEdge.svelte} (97%)
 delete mode 100644 packages/svelte/src/routes/overview/CustomEdge/index.ts
 rename packages/svelte/src/routes/overview/{CustomNode/Custom.svelte => CustomNode.svelte} (89%)
 delete mode 100644 packages/svelte/src/routes/overview/CustomNode/index.ts
 create mode 100644 packages/svelte/src/styles/base.css
 create mode 100644 packages/svelte/src/styles/style.css
 create mode 100644 packages/system/src/styles/base.css
 create mode 100644 packages/system/src/styles/init.css
 create mode 100644 packages/system/src/styles/node-resizer.css
 create mode 100644 packages/system/src/styles/style.css

diff --git a/examples/vite-app/src/examples/CustomNode/index.tsx b/examples/vite-app/src/examples/CustomNode/index.tsx
index 72c581262..9c62f46af 100644
--- a/examples/vite-app/src/examples/CustomNode/index.tsx
+++ b/examples/vite-app/src/examples/CustomNode/index.tsx
@@ -11,6 +11,7 @@ import {
   Connection,
   useNodesState,
   useEdgesState,
+  Background,
 } from '@xyflow/react';
 
 import ColorSelectorNode from './ColorSelectorNode';
@@ -133,7 +134,6 @@ const CustomNodeFlow = () => {
       onNodeClick={onNodeClick}
       onConnect={onConnect}
       onNodeDragStop={onNodeDragStop}
-      style={{ background: bgColor }}
       onInit={onInit}
       nodeTypes={nodeTypes}
       connectionLineStyle={connectionLineStyle}
@@ -158,6 +158,7 @@ const CustomNodeFlow = () => {
         }}
       />
       <Controls />
+      <Background bgColor={bgColor} />
     </ReactFlow>
   );
 };
diff --git a/package.json b/package.json
index be5c86ad2..e9583c5df 100644
--- a/package.json
+++ b/package.json
@@ -22,17 +22,11 @@
     "@changesets/cli": "^2.25.0",
     "@typescript-eslint/eslint-plugin": "latest",
     "@typescript-eslint/parser": "latest",
-    "autoprefixer": "^10.4.8",
     "concurrently": "^7.6.0",
     "eslint": "^8.22.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "latest",
-    "postcss": "^8.4.21",
-    "postcss-cli": "^10.1.0",
-    "postcss-combine-duplicated-selectors": "^10.0.3",
-    "postcss-import": "^15.1.0",
-    "postcss-nested": "^6.0.0",
     "prettier": "^2.7.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/packages/react/package.json b/packages/react/package.json
index dae94edf4..1c3194d53 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -42,7 +42,7 @@
   "scripts": {
     "dev": "concurrently \"rollup --config node:@xyflow/rollup-config --watch\" pnpm:css-watch",
     "build": "rollup --config node:@xyflow/rollup-config --environment NODE_ENV:production && npm run css",
-    "css": "postcss src/styles/{base,style}.css --config ./../../tooling/postcss-config/postcss.config.js --dir dist",
+    "css": "postcss src/styles/{base,style}.css --config ./../../tooling/postcss-config/ --dir dist ",
     "css-watch": "pnpm css --watch",
     "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
     "typecheck": "tsc --noEmit"
@@ -70,6 +70,14 @@
     "@xyflow/eslint-config": "workspace:*",
     "@xyflow/rollup-config": "workspace:*",
     "@xyflow/tsconfig": "workspace:*",
+    "autoprefixer": "^10.4.15",
+    "cssnano": "^6.0.1",
+    "postcss": "^8.4.21",
+    "postcss-cli": "^10.1.0",
+    "postcss-combine-duplicated-selectors": "^10.0.3",
+    "postcss-import": "^15.1.0",
+    "postcss-nested": "^6.0.0",
+    "postcss-rename": "^0.6.1",
     "react": "^18.2.0",
     "typescript": "5.1.3"
   },
diff --git a/packages/react/src/additional-components/Background/Background.tsx b/packages/react/src/additional-components/Background/Background.tsx
index 31a280d08..73664f9fe 100644
--- a/packages/react/src/additional-components/Background/Background.tsx
+++ b/packages/react/src/additional-components/Background/Background.tsx
@@ -1,4 +1,4 @@
-import { memo, useRef } from 'react';
+import { CSSProperties, memo, useRef } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
 
@@ -6,12 +6,7 @@ import { useStore } from '../../hooks/useStore';
 import { type ReactFlowState } from '../../types';
 import { BackgroundProps, BackgroundVariant } from './types';
 import { DotPattern, LinePattern } from './Patterns';
-
-const defaultColor = {
-  [BackgroundVariant.Dots]: '#91919a',
-  [BackgroundVariant.Lines]: '#eee',
-  [BackgroundVariant.Cross]: '#e2e2e2',
-};
+import { containerStyle } from '../../styles/utils';
 
 const defaultSize = {
   [BackgroundVariant.Dots]: 1,
@@ -31,12 +26,13 @@ function Background({
   lineWidth = 1,
   offset = 2,
   color,
+  bgColor,
   style,
   className,
+  patternClassName,
 }: BackgroundProps) {
   const ref = useRef<SVGSVGElement>(null);
   const { transform, patternId } = useStore(selector, shallow);
-  const patternColor = color || defaultColor[variant];
   const patternSize = size || defaultSize[variant];
   const isDots = variant === BackgroundVariant.Dots;
   const isCross = variant === BackgroundVariant.Cross;
@@ -53,14 +49,14 @@ function Background({
   return (
     <svg
       className={cc(['react-flow__background', className])}
-      style={{
-        ...style,
-        position: 'absolute',
-        width: '100%',
-        height: '100%',
-        top: 0,
-        left: 0,
-      }}
+      style={
+        {
+          ...style,
+          ...containerStyle,
+          '--background-color-props': bgColor,
+          '--background-pattern-color-props': color,
+        } as CSSProperties
+      }
       ref={ref}
       data-testid="rf__background"
     >
@@ -74,9 +70,14 @@ function Background({
         patternTransform={`translate(-${patternOffset[0]},-${patternOffset[1]})`}
       >
         {isDots ? (
-          <DotPattern color={patternColor} radius={scaledSize / offset} />
+          <DotPattern radius={scaledSize / offset} className={patternClassName} />
         ) : (
-          <LinePattern dimensions={patternDimensions} color={patternColor} lineWidth={lineWidth} />
+          <LinePattern
+            dimensions={patternDimensions}
+            lineWidth={lineWidth}
+            variant={variant}
+            className={patternClassName}
+          />
         )}
       </pattern>
       <rect x="0" y="0" width="100%" height="100%" fill={`url(#${patternId + id})`} />
diff --git a/packages/react/src/additional-components/Background/Patterns.tsx b/packages/react/src/additional-components/Background/Patterns.tsx
index 8e6007b9f..1fc71ae55 100644
--- a/packages/react/src/additional-components/Background/Patterns.tsx
+++ b/packages/react/src/additional-components/Background/Patterns.tsx
@@ -1,30 +1,31 @@
+import cc from 'classcat';
+
+import { BackgroundVariant } from './types';
+
 type LinePatternProps = {
   dimensions: [number, number];
+  variant: BackgroundVariant;
   lineWidth?: number;
-  color: string;
+  className?: string;
 };
 
-export function LinePattern({
-  color,
-  dimensions,
-  lineWidth,
-}: LinePatternProps) {
+export function LinePattern({ dimensions, lineWidth, variant, className }: LinePatternProps) {
   return (
     <path
-      stroke={color}
       strokeWidth={lineWidth}
-      d={`M${dimensions[0] / 2} 0 V${dimensions[1]} M0 ${dimensions[1] / 2} H${
-        dimensions[0]
-      }`}
+      d={`M${dimensions[0] / 2} 0 V${dimensions[1]} M0 ${dimensions[1] / 2} H${dimensions[0]}`}
+      className={cc(['react-flow__background-pattern', variant, className])}
     />
   );
 }
 
 type DotPatternProps = {
   radius: number;
-  color: string;
+  className?: string;
 };
 
-export function DotPattern({ color, radius }: DotPatternProps) {
-  return <circle cx={radius} cy={radius} r={radius} fill={color} />;
+export function DotPattern({ radius, className }: DotPatternProps) {
+  return (
+    <circle cx={radius} cy={radius} r={radius} className={cc(['react-flow__background-pattern', 'dot', className])} />
+  );
 }
diff --git a/packages/react/src/additional-components/Background/types.ts b/packages/react/src/additional-components/Background/types.ts
index f4cae1b5c..5d21b23f6 100644
--- a/packages/react/src/additional-components/Background/types.ts
+++ b/packages/react/src/additional-components/Background/types.ts
@@ -7,9 +7,11 @@ export enum BackgroundVariant {
 }
 
 export type BackgroundProps = {
-  id?: string
+  id?: string;
   color?: string;
+  bgColor?: string;
   className?: string;
+  patternClassName?: string;
   gap?: number | [number, number];
   size?: number;
   offset?: number;
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index f09f65639..34fb4c55f 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -4,7 +4,7 @@ import { internalsSymbol, errorMessages, Position, clampPosition, getPositionWit
 
 import useVisibleNodes from '../../hooks/useVisibleNodes';
 import { useStore } from '../../hooks/useStore';
-import { containerStyle } from '../../styles';
+import { containerStyle } from '../../styles/utils';
 import { GraphViewProps } from '../GraphView';
 import type { NodeTypesWrapped, ReactFlowState, WrapNodeProps } from '../../types';
 
diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index 84e38b55c..d5d951ca9 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -8,7 +8,7 @@ import cc from 'classcat';
 import { getNodesInside, getEventPosition, SelectionMode } from '@xyflow/system';
 
 import UserSelection from '../../components/UserSelection';
-import { containerStyle } from '../../styles';
+import { containerStyle } from '../../styles/utils';
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { getSelectionChanges, getConnectedEdges } from '../../utils';
 import type { ReactFlowProps, ReactFlowState, NodeChange, EdgeChange } from '../../types';
diff --git a/packages/react/src/container/ZoomPane/index.tsx b/packages/react/src/container/ZoomPane/index.tsx
index f04ed0f47..e24056cf4 100644
--- a/packages/react/src/container/ZoomPane/index.tsx
+++ b/packages/react/src/container/ZoomPane/index.tsx
@@ -6,7 +6,7 @@ import { XYPanZoom, PanOnScrollMode, type Transform, type PanZoomInstance } from
 import useKeyPress from '../../hooks/useKeyPress';
 import useResizeHandler from '../../hooks/useResizeHandler';
 import { useStore, useStoreApi } from '../../hooks/useStore';
-import { containerStyle } from '../../styles';
+import { containerStyle } from '../../styles/utils';
 import type { FlowRendererProps } from '../FlowRenderer';
 import type { ReactFlowState } from '../../types';
 
diff --git a/packages/react/src/styles/base.css b/packages/react/src/styles/base.css
index 129006b31..d6be5b101 100644
--- a/packages/react/src/styles/base.css
+++ b/packages/react/src/styles/base.css
@@ -1,28 +1,3 @@
 /* this will be exported as base.css and can be used for a basic styling */
-@import './init.css';
-
-.react-flow__handle {
-  background-color: #333;
-}
-
-.react-flow__node-default,
-.react-flow__node-input,
-.react-flow__node-output,
-.react-flow__node-group {
-  border-width: 1px;
-  border-style: solid;
-  border-color: #bbb;
-
-  &.selected,
-  &:focus,
-  &:focus-visible {
-    outline: none;
-    border: 1px solid #555;
-  }
-}
-
-.react-flow__nodesselection-rect,
-.react-flow__selection {
-  background: rgba(150, 150, 180, 0.1);
-  border: 1px dotted rgba(155, 155, 155, 0.8);
-}
+@import '../../../system/src/styles/init.css';
+@import '../../../system/src/styles/base.css';
diff --git a/packages/react/src/styles/init.css b/packages/react/src/styles/init.css
deleted file mode 100644
index 6b4f5b870..000000000
--- a/packages/react/src/styles/init.css
+++ /dev/null
@@ -1,238 +0,0 @@
-/* these are the necessary styles for React Flow, they get used by base.css and style.css */
-.react-flow__container {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-}
-
-.react-flow__pane {
-  z-index: 1;
-  cursor: grab;
-
-  &.selection {
-    cursor: pointer;
-  }
-
-  &.dragging {
-    cursor: grabbing;
-  }
-}
-
-.react-flow__viewport {
-  transform-origin: 0 0;
-  z-index: 2;
-  pointer-events: none;
-}
-
-.react-flow__renderer {
-  z-index: 4;
-}
-
-.react-flow__selection {
-  z-index: 6;
-}
-
-.react-flow__nodesselection-rect:focus,
-.react-flow__nodesselection-rect:focus-visible {
-  outline: none;
-}
-
-.react-flow .react-flow__edges {
-  pointer-events: none;
-  overflow: visible;
-}
-
-.react-flow__edge-path,
-.react-flow__connection-path {
-  stroke: #b1b1b7;
-  stroke-width: 1;
-  fill: none;
-}
-
-.react-flow__edge {
-  pointer-events: visibleStroke;
-  cursor: pointer;
-
-  &.animated path {
-    stroke-dasharray: 5;
-    animation: dashdraw 0.5s linear infinite;
-  }
-
-  &.animated path.react-flow__edge-interaction {
-    stroke-dasharray: none;
-    animation: none;
-  }
-
-  &.inactive {
-    pointer-events: none;
-  }
-
-  &.selected,
-  &:focus,
-  &:focus-visible {
-    outline: none;
-  }
-
-  &.selected .react-flow__edge-path,
-  &:focus .react-flow__edge-path,
-  &:focus-visible .react-flow__edge-path {
-    stroke: #555;
-  }
-
-  &-textwrapper {
-    pointer-events: all;
-  }
-
-  &-textbg {
-    fill: white;
-  }
-
-  .react-flow__edge-text {
-    pointer-events: none;
-    user-select: none;
-  }
-}
-
-.react-flow__connection {
-  pointer-events: none;
-
-  .animated {
-    stroke-dasharray: 5;
-    animation: dashdraw 0.5s linear infinite;
-  }
-}
-
-.react-flow__connectionline {
-  z-index: 1001;
-}
-
-.react-flow__nodes {
-  pointer-events: none;
-  transform-origin: 0 0;
-}
-
-.react-flow__node {
-  position: absolute;
-  user-select: none;
-  pointer-events: all;
-  transform-origin: 0 0;
-  box-sizing: border-box;
-  cursor: grab;
-
-  &.dragging {
-    cursor: grabbing;
-  }
-}
-
-.react-flow__nodesselection {
-  z-index: 3;
-  transform-origin: left top;
-  pointer-events: none;
-
-  &-rect {
-    position: absolute;
-    pointer-events: all;
-    cursor: grab;
-  }
-}
-
-.react-flow__handle {
-  position: absolute;
-  pointer-events: none;
-  min-width: 5px;
-  min-height: 5px;
-
-  &.connectionindicator {
-    pointer-events: all;
-    cursor: crosshair;
-  }
-
-  &-bottom {
-    top: auto;
-    left: 50%;
-    bottom: -4px;
-    transform: translate(-50%, 0);
-  }
-
-  &-top {
-    left: 50%;
-    top: -4px;
-    transform: translate(-50%, 0);
-  }
-
-  &-left {
-    top: 50%;
-    left: -4px;
-    transform: translate(0, -50%);
-  }
-
-  &-right {
-    right: -4px;
-    top: 50%;
-    transform: translate(0, -50%);
-  }
-}
-
-.react-flow__edgeupdater {
-  cursor: move;
-  pointer-events: all;
-}
-
-.react-flow__panel {
-  position: absolute;
-  z-index: 5;
-  margin: 15px;
-
-  &.top {
-    top: 0;
-  }
-
-  &.bottom {
-    bottom: 0;
-  }
-
-  &.left {
-    left: 0;
-  }
-
-  &.right {
-    right: 0;
-  }
-
-  &.center {
-    left: 50%;
-    transform: translateX(-50%);
-  }
-}
-
-.react-flow__attribution {
-  font-size: 10px;
-  background: rgba(255, 255, 255, 0.5);
-  padding: 2px 3px;
-  margin: 0;
-
-  a {
-    text-decoration: none;
-    color: #999;
-  }
-}
-
-@keyframes dashdraw {
-  from {
-    stroke-dashoffset: 10;
-  }
-}
-
-.react-flow__edgelabel-renderer {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  user-select: none;
-}
-
-.react-flow__minimap {
-  background-color: #fff;
-}
diff --git a/packages/react/src/styles/node-resizer.css b/packages/react/src/styles/node-resizer.css
deleted file mode 100644
index f0113a53e..000000000
--- a/packages/react/src/styles/node-resizer.css
+++ /dev/null
@@ -1,105 +0,0 @@
-.react-flow__resize-control {
-  position: absolute;
-}
-
-.react-flow__resize-control.left,
-.react-flow__resize-control.right {
-  cursor: ew-resize;
-}
-
-.react-flow__resize-control.top,
-.react-flow__resize-control.bottom {
-  cursor: ns-resize;
-}
-
-.react-flow__resize-control.top.left,
-.react-flow__resize-control.bottom.right {
-  cursor: nwse-resize;
-}
-
-.react-flow__resize-control.bottom.left,
-.react-flow__resize-control.top.right {
-  cursor: nesw-resize;
-}
-
-/* handle styles */
-.react-flow__resize-control.handle {
-  width: 4px;
-  height: 4px;
-  border: 1px solid #fff;
-  border-radius: 1px;
-  background-color: #3367d9;
-  transform: translate(-50%, -50%);
-}
-
-.react-flow__resize-control.handle.left {
-  left: 0;
-  top: 50%;
-}
-.react-flow__resize-control.handle.right {
-  left: 100%;
-  top: 50%;
-}
-.react-flow__resize-control.handle.top {
-  left: 50%;
-  top: 0;
-}
-.react-flow__resize-control.handle.bottom {
-  left: 50%;
-  top: 100%;
-}
-.react-flow__resize-control.handle.top.left {
-  left: 0;
-}
-.react-flow__resize-control.handle.bottom.left {
-  left: 0;
-}
-.react-flow__resize-control.handle.top.right {
-  left: 100%;
-}
-.react-flow__resize-control.handle.bottom.right {
-  left: 100%;
-}
-
-/* line styles */
-.react-flow__resize-control.line {
-  border-color: #3367d9;
-  border-width: 0;
-  border-style: solid;
-}
-
-.react-flow__resize-control.line.left,
-.react-flow__resize-control.line.right {
-  width: 1px;
-  transform: translate(-50%, 0);
-  top: 0;
-  height: 100%;
-}
-
-.react-flow__resize-control.line.left {
-  left: 0;
-  border-left-width: 1px;
-}
-
-.react-flow__resize-control.line.right {
-  left: 100%;
-  border-right-width: 1px;
-}
-
-.react-flow__resize-control.line.top,
-.react-flow__resize-control.line.bottom {
-  height: 1px;
-  transform: translate(0, -50%);
-  left: 0;
-  width: 100%;
-}
-
-.react-flow__resize-control.line.top {
-  top: 0;
-  border-top-width: 1px;
-}
-
-.react-flow__resize-control.line.bottom {
-  border-bottom-width: 1px;
-  top: 100%;
-}
diff --git a/packages/react/src/styles/style.css b/packages/react/src/styles/style.css
index 4ac170c49..406af4e9d 100644
--- a/packages/react/src/styles/style.css
+++ b/packages/react/src/styles/style.css
@@ -1,110 +1,4 @@
 /* this gets exported as style.css and can be used for the default theming */
-@import './init.css';
-@import './node-resizer.css';
-
-.react-flow__edge {
-  &.updating {
-    .react-flow__edge-path {
-      stroke: #777;
-    }
-  }
-
-  &-text {
-    font-size: 10px;
-  }
-}
-
-.react-flow__node.selectable {
-  &:focus,
-  &:focus-visible {
-    outline: none;
-  }
-}
-
-.react-flow__node-default,
-.react-flow__node-input,
-.react-flow__node-output,
-.react-flow__node-group {
-  padding: 10px;
-  border-radius: 3px;
-  width: 150px;
-  font-size: 12px;
-  color: #222;
-  text-align: center;
-  border-width: 1px;
-  border-style: solid;
-  border-color: #1a192b;
-  background-color: white;
-
-  &.selectable {
-    &:hover {
-      box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
-    }
-
-    &.selected,
-    &:focus,
-    &:focus-visible {
-      box-shadow: 0 0 0 0.5px #1a192b;
-    }
-  }
-}
-
-.react-flow__node-group {
-  background-color: rgba(240, 240, 240, 0.25);
-}
-
-.react-flow__nodesselection-rect,
-.react-flow__selection {
-  background: rgba(0, 89, 220, 0.08);
-  border: 1px dotted rgba(0, 89, 220, 0.8);
-
-  &:focus,
-  &:focus-visible {
-    outline: none;
-  }
-}
-
-.react-flow__handle {
-  width: 6px;
-  height: 6px;
-  background: #1a192b;
-  border: 1px solid white;
-  border-radius: 100%;
-}
-
-.react-flow__controls {
-  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
-
-  &-button {
-    border: none;
-    background: #fefefe;
-    border-bottom: 1px solid #eee;
-    box-sizing: content-box;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 16px;
-    height: 16px;
-    cursor: pointer;
-    user-select: none;
-    padding: 5px;
-
-    &:hover {
-      background: #f4f4f4;
-    }
-
-    svg {
-      width: 100%;
-      max-width: 12px;
-      max-height: 12px;
-    }
-
-    &:disabled {
-      pointer-events: none;
-
-      svg {
-        fill-opacity: 0.4;
-      }
-    }
-  }
-}
+@import '../../../system/src/styles/init.css';
+@import '../../../system/src/styles/style.css';
+@import '../../../system/src/styles/node-resizer.css';
diff --git a/packages/react/src/styles/index.ts b/packages/react/src/styles/utils.ts
similarity index 100%
rename from packages/react/src/styles/index.ts
rename to packages/react/src/styles/utils.ts
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index fdfcaeb66..c8fc6a5ee 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -12,10 +12,12 @@
     "xyflow"
   ],
   "scripts": {
-    "dev": "vite dev",
+    "dev": "concurrently \"vite dev\" pnpm:css-watch",
     "build": "svelte-kit sync && svelte-package -o dist",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "css": "postcss src/styles/{base,style}.css --config ./../../tooling/postcss-config --dir dist",
+    "css-watch": "pnpm css --watch",
     "lint": "prettier --plugin-search-dir . --check . && eslint .",
     "format": "prettier --plugin-search-dir . --write .",
     "typecheck": "pnpm check"
@@ -43,9 +45,18 @@
     "@sveltejs/package": "^2.2.1",
     "@typescript-eslint/eslint-plugin": "^5.60.0",
     "@typescript-eslint/parser": "^5.60.0",
+    "autoprefixer": "^10.4.15",
+    "cssnano": "^6.0.1",
+    "dotenv": "^16.3.1",
     "eslint": "^8.43.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-svelte": "^2.31.1",
+    "postcss": "^8.4.21",
+    "postcss-cli": "^10.1.0",
+    "postcss-combine-duplicated-selectors": "^10.0.3",
+    "postcss-import": "^15.1.0",
+    "postcss-nested": "^6.0.0",
+    "postcss-rename": "^0.6.1",
     "prettier": "^2.8.8",
     "prettier-plugin-svelte": "^2.10.1",
     "svelte": "^4.2.0",
diff --git a/packages/svelte/src/lib/components/Attribution/Attribution.svelte b/packages/svelte/src/lib/components/Attribution/Attribution.svelte
index 031327238..0e7d78f82 100644
--- a/packages/svelte/src/lib/components/Attribution/Attribution.svelte
+++ b/packages/svelte/src/lib/components/Attribution/Attribution.svelte
@@ -24,17 +24,3 @@
     </a>
   </Panel>
 {/if}
-
-<style>
-  :global(.svelte-flow__panel.svelte-flow__attribution) {
-    font-size: 10px;
-    background: rgba(255, 255, 255, 0.5);
-    padding: 2px 3px;
-    margin: 0;
-  }
-
-  :global(.svelte-flow__attribution) a {
-    text-decoration: none;
-    color: #999;
-  }
-</style>
diff --git a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
index 7390c17ce..5676d135d 100644
--- a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
@@ -47,30 +47,3 @@
     </div>
   </EdgeLabelRenderer>
 {/if}
-
-<style>
-  .svelte-flow__edge-label {
-    position: absolute;
-    background: white;
-  }
-
-  .svelte-flow__edge-path {
-    stroke: var(--edge-color, var(--edge-color-default));
-    stroke-width: 1;
-  }
-
-  :global(.selected) .svelte-flow__edge-path {
-    stroke: var(--edge-color-selected, var(--edge-color-selected-default));
-  }
-
-  :global(.animated) .svelte-flow__edge-path {
-    stroke-dasharray: 5;
-    animation: dashdraw 0.5s linear infinite;
-  }
-
-  @keyframes dashdraw {
-    from {
-      stroke-dashoffset: 10;
-    }
-  }
-</style>
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index 748fe27d5..f2abe041d 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -13,27 +13,3 @@
     </g>
   </svg>
 {/if}
-
-<style>
-  .svelte-flow__connectionline {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    pointer-events: none;
-    overflow: visible;
-    z-index: 1001;
-  }
-
-  .svelte-flow__connection {
-    pointer-events: none;
-  }
-
-  .svelte-flow__edge-path,
-  .svelte-flow__connection-path {
-    stroke: var(--connection-line-color, var(--connection-line-color-default));
-    stroke-width: 1;
-    fill: none;
-  }
-</style>
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index b271bbf81..cc9f4eb07 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -89,10 +89,3 @@
     markerEnd={markerEndUrl}
   />
 </g>
-
-<style>
-  .svelte-flow__edge {
-    pointer-events: visibleStroke;
-    cursor: pointer;
-  }
-</style>
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index f8cf43d35..84e50bceb 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -93,6 +93,7 @@
   class:connectablestart={isConnectableStart}
   class:connectableend={isConnectableEnd}
   class:connectable={isConnectable}
+  class:connectionindicator={isConnectable}
   on:mousedown={onPointerDown}
   on:touchstart={onPointerDown}
   {style}
@@ -101,46 +102,3 @@
 >
   <slot />
 </div>
-
-<style>
-  .svelte-flow__handle {
-    position: absolute;
-    pointer-events: none;
-    min-width: 5px;
-    min-height: 5px;
-    width: 6px;
-    height: 6px;
-    background: var(--handle-background-color, var(--handle-background-color-default));
-    border: 1px solid var(--handle-border-color, var(--handle-border-color-default));
-    border-radius: 100%;
-  }
-
-  .connectable {
-    pointer-events: all;
-    cursor: crosshair;
-  }
-
-  .bottom {
-    top: 100%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-
-  .top {
-    left: 50%;
-    top: 0;
-    transform: translate(-50%, -50%);
-  }
-
-  .left {
-    top: 50%;
-    left: 0;
-    transform: translate(-50%, -50%);
-  }
-
-  .right {
-    top: 50%;
-    left: 100%;
-    transform: translate(-50%, -50%);
-  }
-</style>
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 549139716..75025c304 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -75,6 +75,8 @@
 
     dispatchEvent('nodeclick');
   }
+
+  // @todo: add selectable state
 </script>
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
@@ -95,6 +97,7 @@
   class:selected
   class:draggable
   class:connectable
+  class:selectable
   class:parent={isParent}
   style:z-index={zIndex}
   style:transform="translate({positionOrigin?.x ?? 0}px, {positionOrigin?.y ?? 0}px)"
@@ -123,33 +126,3 @@
     on:connectend
   />
 </div>
-
-<style>
-  .svelte-flow__node {
-    border-radius: 3px;
-    color: var(--node-color, var(--node-color-default));
-    text-align: center;
-    border-width: 1px;
-    border-style: solid;
-    border-color: var(--node-border-color, var(--node-border-color-default));
-    background-color: var(--node-background-color, var(--node-background-color-default));
-    position: absolute;
-    pointer-events: none;
-    user-select: none;
-  }
-
-  .draggable {
-    cursor: grab;
-    pointer-events: all;
-  }
-
-  .selected {
-    outline: none;
-    box-shadow: 0 0 0 0.5px
-      var(--node-shadow-color-selected, var(--node-shadow-color-selected-default));
-  }
-
-  .dragging {
-    cursor: grabbing;
-  }
-</style>
diff --git a/packages/svelte/src/lib/components/Selection/Selection.svelte b/packages/svelte/src/lib/components/Selection/Selection.svelte
index 24755b3ac..552c05ae9 100644
--- a/packages/svelte/src/lib/components/Selection/Selection.svelte
+++ b/packages/svelte/src/lib/components/Selection/Selection.svelte
@@ -18,13 +18,5 @@
     position: absolute;
     top: 0;
     left: 0;
-    background: rgba(0, 89, 220, 0.08);
-    border: 1px dotted rgba(0, 89, 220, 0.8);
-    z-index: 6;
-  }
-
-  .svelte-flow__selection:focus,
-  .svelte-flow__selection:focus-visible {
-    outline: none;
   }
 </style>
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 9563cf532..0658f47a5 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -30,7 +30,5 @@
     position: absolute;
     top: 0;
     left: 0;
-    pointer-events: none;
-    overflow: visible;
   }
 </style>
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 154e55781..3d212dba1 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -79,7 +79,8 @@
   .svelte-flow__nodes {
     width: 100%;
     height: 100%;
-    pointer-events: none;
-    transform-origin: 0 0;
+    position: absolute;
+    left: 0;
+    top: 0;
   }
 </style>
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index dc9772e70..d98fb1062 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -203,20 +203,10 @@
 
 <style>
   .svelte-flow__pane {
-    cursor: grab;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
-    z-index: 1;
-  }
-
-  .selection {
-    cursor: pointer;
-  }
-
-  .dragging {
-    cursor: grabbing;
   }
 </style>
diff --git a/packages/svelte/src/lib/container/Panel/Panel.svelte b/packages/svelte/src/lib/container/Panel/Panel.svelte
index 86b8aa358..e1629cccd 100644
--- a/packages/svelte/src/lib/container/Panel/Panel.svelte
+++ b/packages/svelte/src/lib/container/Panel/Panel.svelte
@@ -16,32 +16,3 @@
 <div class={cc(['svelte-flow__panel', className, ...positionClasses])} {style} {...$$restProps}>
   <slot />
 </div>
-
-<style>
-  .svelte-flow__panel {
-    position: absolute;
-    z-index: 5;
-    margin: 15px;
-  }
-
-  .svelte-flow__panel.top {
-    top: 0;
-  }
-
-  .svelte-flow__panel.bottom {
-    bottom: 0;
-  }
-
-  .svelte-flow__panel.left {
-    left: 0;
-  }
-
-  .svelte-flow__panel.right {
-    right: 0;
-  }
-
-  .svelte-flow__panel.center {
-    left: 50%;
-    transform: translateX(-50%);
-  }
-</style>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 1c4753312..bb3593024 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -175,25 +175,10 @@
     background-color: var(--background-color, var(--background-color-default));
   }
 
-  .svelte-flow :global(.svelte-flow__node-default),
-  .svelte-flow :global(.svelte-flow__node-input),
-  .svelte-flow :global(.svelte-flow__node-output) {
-    padding: 10px;
-  }
-
-  .svelte-flow__edgelabel-renderer {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    pointer-events: none;
-    user-select: none;
-  }
-
   :root {
     --background-color-default: #fff;
     --background-pattern-color-default: #ddd;
 
-    --minimap-background-color-default: #fff;
     --minimap-mask-color-default: rgb(240, 240, 240, 0.6);
     --minimap-mask-stroke-color-default: none;
     --minimap-mask-stroke-width-default: 1;
@@ -203,18 +188,5 @@
     --controls-button-color-default: inherit;
     --controls-button-color-hover-default: inherit;
     --controls-button-border-color-default: #eee;
-
-    --edge-color-default: #cfcfcf;
-    --edge-color-selected-default: #555;
-
-    --node-color-default: inherit;
-    --node-border-color-default: #1a192b;
-    --node-background-color-default: #fff;
-    --node-shadow-color-selected-default: #1a192b;
-
-    --handle-background-color-default: #1a192b;
-    --handle-border-color-default: #fff;
-
-    --connection-line-color-default: #b1b1b7;
   }
 </style>
diff --git a/packages/svelte/src/lib/container/Viewport/Viewport.svelte b/packages/svelte/src/lib/container/Viewport/Viewport.svelte
index 11b864e62..2d331ba1e 100644
--- a/packages/svelte/src/lib/container/Viewport/Viewport.svelte
+++ b/packages/svelte/src/lib/container/Viewport/Viewport.svelte
@@ -16,10 +16,7 @@
     width: 100%;
     height: 100%;
     position: absolute;
-    transform-origin: 0 0;
     top: 0;
     left: 0;
-    z-index: 2;
-    pointer-events: none;
   }
 </style>
diff --git a/packages/svelte/src/lib/plugins/Background/Background.svelte b/packages/svelte/src/lib/plugins/Background/Background.svelte
index c5bfec397..033cdb9f2 100644
--- a/packages/svelte/src/lib/plugins/Background/Background.svelte
+++ b/packages/svelte/src/lib/plugins/Background/Background.svelte
@@ -22,6 +22,7 @@
   export let lineWidth: $$Props['lineWidth'] = 1;
   export let bgColor: $$Props['bgColor'] = undefined;
   export let patternColor: $$Props['patternColor'] = undefined;
+  export let patternClassName: $$Props['patternClassName'] = undefined;
   let className: $$Props['class'] = '';
   export { className as class };
 
@@ -44,6 +45,7 @@
   class={cc(['svelte-flow__background', className])}
   data-testid="svelte-flow__background"
   style:--background-color-props={bgColor}
+  style:--pattern-color-props={patternColor}
 >
   <pattern
     id={patternId}
@@ -55,9 +57,9 @@
     patternTransform={`translate(-${patternOffset[0]},-${patternOffset[1]})`}
   >
     {#if isDots}
-      <DotPattern color={patternColor} radius={scaledSize / 2} />
+      <DotPattern radius={scaledSize / 2} class={patternClassName} />
     {:else}
-      <LinePattern dimensions={patternDimensions} color={patternColor} {lineWidth} />
+      <LinePattern dimensions={patternDimensions} {variant} {lineWidth} class={patternClassName} />
     {/if}
   </pattern>
   <rect x="0" y="0" width="100%" height="100%" fill={`url(#${patternId})`} />
@@ -70,8 +72,5 @@
     height: 100%;
     top: 0;
     left: 0;
-    pointer-events: none;
-    z-index: -1;
-    background-color: var(--background-color-props, 'transparent');
   }
 </style>
diff --git a/packages/svelte/src/lib/plugins/Background/DotPattern.svelte b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
index 474e555ce..1951a3d27 100644
--- a/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
+++ b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
@@ -1,15 +1,14 @@
 <script lang="ts">
+  import cc from 'classcat';
+
   export let radius = 5;
-  export let color: string | undefined = undefined;
+  let className: string = '';
+  export { className as class };
 </script>
 
-<circle cx={radius} cy={radius} r={radius} style:--pattern-color-props={color} />
-
-<style>
-  circle {
-    fill: var(
-      --pattern-color-props,
-      var(--background-pattern-color, var(--background-pattern-color-default))
-    );
-  }
-</style>
+<circle
+  cx={radius}
+  cy={radius}
+  r={radius}
+  class={cc(['svelte-flow__background-pattern', 'dot', className])}
+/>
diff --git a/packages/svelte/src/lib/plugins/Background/LinePattern.svelte b/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
index 16d720710..6ef755992 100644
--- a/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
+++ b/packages/svelte/src/lib/plugins/Background/LinePattern.svelte
@@ -1,20 +1,16 @@
 <script lang="ts">
+  import cc from 'classcat';
+  import type { BackgroundVariant } from './types';
+
   export let lineWidth = 1;
-  export let color: string | undefined = undefined;
   export let dimensions: [number, number];
+  export let variant: BackgroundVariant | undefined = undefined;
+  let className: string = '';
+  export { className as class };
 </script>
 
 <path
   stroke-width={lineWidth}
   d={`M${dimensions[0] / 2} 0 V${dimensions[1]} M0 ${dimensions[1] / 2} H${dimensions[0]}`}
-  style:--pattern-color-props={color}
+  class={cc(['svelte-flow__background-pattern', variant, className])}
 />
-
-<style>
-  path {
-    stroke: var(
-      --pattern-color-props,
-      var(--background-pattern-color, var(--background-pattern-color-default))
-    );
-  }
-</style>
diff --git a/packages/svelte/src/lib/plugins/Background/types.ts b/packages/svelte/src/lib/plugins/Background/types.ts
index 6f44057d7..d0935b4ce 100644
--- a/packages/svelte/src/lib/plugins/Background/types.ts
+++ b/packages/svelte/src/lib/plugins/Background/types.ts
@@ -7,6 +7,7 @@ export enum BackgroundVariant {
 export type BackgroundProps = {
   bgColor?: string;
   patternColor?: string;
+  patternClassName?: string;
   class?: string;
   gap?: number | [number, number];
   size?: number;
diff --git a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
index 0fd3dc09a..bd73ee30e 100644
--- a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
@@ -24,59 +24,3 @@
 >
   <slot class="button-svg" />
 </button>
-
-<style>
-  .svelte-flow__controls-button {
-    border: none;
-    background: var(
-      --controls-button-background-color-props,
-      var(--controls-button-background-color, var(--controls-button-background-color-default))
-    );
-    border-bottom: 1px solid
-      var(
-        --controls-button-border-color-props,
-        var(--controls-button-border-color, var(--controls-button-border-color-default))
-      );
-    color: var(
-      --controls-button-color-props,
-      var(--controls-button-color, var(--controls-button-color-default))
-    );
-    box-sizing: content-box;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 16px;
-    height: 16px;
-    cursor: pointer;
-    user-select: none;
-    padding: 5px;
-  }
-
-  .svelte-flow__controls-button:hover {
-    background: var(
-      --controls-button-background-color-hover-props,
-      var(
-        --controls-button-background-color-hover,
-        var(--controls-button-background-color-hover-default)
-      )
-    );
-    color: var(
-      --controls-button-color-hover-props,
-      var(--controls-button-hover-color, var(--controls-button-hover-color-default))
-    );
-  }
-
-  .svelte-flow__controls-button :global(svg) {
-    width: 100%;
-    max-width: 12px;
-    max-height: 12px;
-  }
-
-  .svelte-flow__controls-button:disabled {
-    pointer-events: none;
-  }
-
-  .svelte-flow__controls-button:disabled :global(svg) {
-    fill-opacity: 0.4;
-  }
-</style>
diff --git a/packages/svelte/src/routes/overview/+page.svelte b/packages/svelte/src/routes/overview/+page.svelte
index 9285f50f0..d8ac59828 100644
--- a/packages/svelte/src/routes/overview/+page.svelte
+++ b/packages/svelte/src/routes/overview/+page.svelte
@@ -12,8 +12,10 @@
     type EdgeTypes
   } from '../../lib/index';
 
-  import { CustomNode } from './CustomNode';
-  import { CustomEdge } from './CustomEdge';
+  import CustomNode from './CustomNode.svelte';
+  import CustomEdge from './CustomEdge.svelte';
+
+  import '../../styles/style.css';
 
   const nodeTypes: NodeTypes = {
     custom: CustomNode
diff --git a/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte b/packages/svelte/src/routes/overview/CustomEdge.svelte
similarity index 97%
rename from packages/svelte/src/routes/overview/CustomEdge/Custom.svelte
rename to packages/svelte/src/routes/overview/CustomEdge.svelte
index b858b453b..692961d63 100644
--- a/packages/svelte/src/routes/overview/CustomEdge/Custom.svelte
+++ b/packages/svelte/src/routes/overview/CustomEdge.svelte
@@ -5,7 +5,7 @@
     useSvelteFlow,
     type EdgeProps,
     getBezierPath
-  } from '../../../lib/index';
+  } from '../../lib/index';
 
   type $$Props = EdgeProps;
 
diff --git a/packages/svelte/src/routes/overview/CustomEdge/index.ts b/packages/svelte/src/routes/overview/CustomEdge/index.ts
deleted file mode 100644
index 6e7bab0ad..000000000
--- a/packages/svelte/src/routes/overview/CustomEdge/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as CustomEdge } from './Custom.svelte';
diff --git a/packages/svelte/src/routes/overview/CustomNode/Custom.svelte b/packages/svelte/src/routes/overview/CustomNode.svelte
similarity index 89%
rename from packages/svelte/src/routes/overview/CustomNode/Custom.svelte
rename to packages/svelte/src/routes/overview/CustomNode.svelte
index e636cdfe6..91115e5c6 100644
--- a/packages/svelte/src/routes/overview/CustomNode/Custom.svelte
+++ b/packages/svelte/src/routes/overview/CustomNode.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Handle, Position, type NodeProps } from '../../../lib/index';
+  import { Handle, Position, type NodeProps } from '../../lib/index';
 
   type $$Props = NodeProps;
 
diff --git a/packages/svelte/src/routes/overview/CustomNode/index.ts b/packages/svelte/src/routes/overview/CustomNode/index.ts
deleted file mode 100644
index c22c77aaf..000000000
--- a/packages/svelte/src/routes/overview/CustomNode/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as CustomNode } from './Custom.svelte';
diff --git a/packages/svelte/src/styles/base.css b/packages/svelte/src/styles/base.css
new file mode 100644
index 000000000..5cb2b8ff8
--- /dev/null
+++ b/packages/svelte/src/styles/base.css
@@ -0,0 +1,3 @@
+/* this gets exported as style.css and can be used for the default theming */
+@import '../../../system/src/styles/init.css';
+@import '../../../system/src/styles/base.css';
diff --git a/packages/svelte/src/styles/style.css b/packages/svelte/src/styles/style.css
new file mode 100644
index 000000000..7bd97d4a7
--- /dev/null
+++ b/packages/svelte/src/styles/style.css
@@ -0,0 +1,3 @@
+/* this gets exported as style.css and can be used for the default theming */
+@import '../../../system/src/styles/init.css';
+@import '../../../system/src/styles/style.css';
diff --git a/packages/svelte/vite.config.ts b/packages/svelte/vite.config.ts
index f2eb6d93c..d0269f724 100644
--- a/packages/svelte/vite.config.ts
+++ b/packages/svelte/vite.config.ts
@@ -2,7 +2,10 @@ import { sveltekit } from '@sveltejs/kit/vite';
 import type { UserConfig } from 'vite';
 
 const config: UserConfig = {
-  plugins: [sveltekit()]
+  plugins: [sveltekit()],
+  css: {
+    postcss: './../../tooling/postcss-config/'
+  }
 };
 
 export default config;
diff --git a/packages/system/src/styles/base.css b/packages/system/src/styles/base.css
new file mode 100644
index 000000000..31afe71a9
--- /dev/null
+++ b/packages/system/src/styles/base.css
@@ -0,0 +1,33 @@
+.xy-flow {
+  --node-border-default: 1px solid #bbb;
+  --node-border-selected-default: 1px solid #555;
+
+  --handle-background-color-default: #333;
+
+  --selection-background-color-default: rgba(150, 150, 180, 0.1);
+  --selection-border-default: 1px dotted rgba(155, 155, 155, 0.8);
+}
+
+.xy-flow__handle {
+  background-color: var(--handle-background-color, var(--handle-background-color-default));
+}
+
+.xy-flow__node-input,
+.xy-flow__node-default,
+.xy-flow__node-output,
+.xy-flow__node-group {
+  border: var(--node-border, var(--node-border-default));
+
+  &.selected,
+  &:focus,
+  &:focus-visible {
+    outline: none;
+    border: var(--node-border-selected, var(--node-border-selected-default));
+  }
+}
+
+.xy-flow__nodesselection-rect,
+.xy-flow__selection {
+  background: var(--selection-background-color, var(--selection-background-color-default));
+  border: var(--selection-border, var(--selection-border-default));
+}
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
new file mode 100644
index 000000000..b41e04313
--- /dev/null
+++ b/packages/system/src/styles/init.css
@@ -0,0 +1,298 @@
+/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
+
+.xy-flow {
+  --edge-stroke-default: #b1b1b7;
+  --edge-stroke-width-default: 1;
+  --edge-stroke-selected-default: #555;
+
+  --connectionline-stroke-default: #b1b1b7;
+  --connectionline-stroke-width-default: 1;
+
+  --attribution-background-color-default: rgba(255, 255, 255, 0.5);
+
+  --minimap-background-color-default: #fff;
+
+  --background-pattern-dot-color-default: #91919a;
+  --background-pattern-line-color-default: #eee;
+  --background-pattern-cross-color-default: #e2e2e2;
+}
+
+.xy-flow__container {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+}
+
+.xy-flow__pane {
+  z-index: 1;
+  cursor: grab;
+
+  &.selection {
+    cursor: pointer;
+  }
+
+  &.dragging {
+    cursor: grabbing;
+  }
+}
+
+.xy-flow__viewport {
+  transform-origin: 0 0;
+  z-index: 2;
+  pointer-events: none;
+}
+
+.xy-flow__renderer {
+  z-index: 4;
+}
+
+.xy-flow__selection {
+  z-index: 6;
+}
+
+.xy-flow__nodesselection-rect:focus,
+.xy-flow__nodesselection-rect:focus-visible {
+  outline: none;
+}
+
+.xy-flow .xy-flow__edges {
+  pointer-events: none;
+  overflow: visible;
+}
+
+.xy-flow__edge-path {
+  stroke: var(--edge-stroke, var(--edge-stroke-default));
+  stroke-width: var(--edge-stroke-width, var(--edge-stroke-width-default));
+  fill: none;
+}
+
+.xy-flow__connection-path {
+  stroke: var(--connectionline-stroke, var(--connectionline-stroke-default));
+  stroke-width: var(--connectionline-stroke-width, var(--connectionline-stroke-width-default));
+  fill: none;
+}
+
+.xy-flow__edge {
+  pointer-events: visibleStroke;
+  cursor: pointer;
+
+  &.animated path {
+    stroke-dasharray: 5;
+    animation: dashdraw 0.5s linear infinite;
+  }
+
+  &.animated path.xy-flow__edge-interaction {
+    stroke-dasharray: none;
+    animation: none;
+  }
+
+  &.inactive {
+    pointer-events: none;
+  }
+
+  &.selected,
+  &:focus,
+  &:focus-visible {
+    outline: none;
+  }
+
+  &.selected .xy-flow__edge-path,
+  &:focus .xy-flow__edge-path,
+  &:focus-visible .xy-flow__edge-path {
+    stroke: var(--edge-stroke-selected, var(--edge-stroke-selected-default));
+  }
+
+  &-textwrapper {
+    pointer-events: all;
+  }
+
+  &-textbg {
+    fill: white;
+  }
+
+  .xy-flow__edge-text {
+    pointer-events: none;
+    user-select: none;
+  }
+}
+
+.xy-flow__connection {
+  pointer-events: none;
+
+  .animated {
+    stroke-dasharray: 5;
+    animation: dashdraw 0.5s linear infinite;
+  }
+}
+
+.xy-flow__connectionline {
+  z-index: 1001;
+}
+
+.xy-flow__nodes {
+  pointer-events: none;
+  transform-origin: 0 0;
+}
+
+.xy-flow__node {
+  position: absolute;
+  user-select: none;
+  pointer-events: all;
+  transform-origin: 0 0;
+  box-sizing: border-box;
+  cursor: grab;
+
+  &.dragging {
+    cursor: grabbing;
+  }
+
+  /* only used in Svelte Flow, should we remove it here? */
+  &.draggable {
+    cursor: grab;
+    pointer-events: all;
+  }
+}
+
+.xy-flow__nodesselection {
+  z-index: 3;
+  transform-origin: left top;
+  pointer-events: none;
+
+  &-rect {
+    position: absolute;
+    pointer-events: all;
+    cursor: grab;
+  }
+}
+
+.xy-flow__handle {
+  position: absolute;
+  pointer-events: none;
+  min-width: 5px;
+  min-height: 5px;
+
+  &.connectionindicator {
+    pointer-events: all;
+    cursor: crosshair;
+  }
+
+  &-bottom {
+    top: auto;
+    left: 50%;
+    bottom: -4px;
+    transform: translate(-50%, 0);
+  }
+
+  &-top {
+    left: 50%;
+    top: -4px;
+    transform: translate(-50%, 0);
+  }
+
+  &-left {
+    top: 50%;
+    left: -4px;
+    transform: translate(0, -50%);
+  }
+
+  &-right {
+    right: -4px;
+    top: 50%;
+    transform: translate(0, -50%);
+  }
+}
+
+.xy-flow__edgeupdater {
+  cursor: move;
+  pointer-events: all;
+}
+
+.xy-flow__panel {
+  position: absolute;
+  z-index: 5;
+  margin: 15px;
+
+  &.top {
+    top: 0;
+  }
+
+  &.bottom {
+    bottom: 0;
+  }
+
+  &.left {
+    left: 0;
+  }
+
+  &.right {
+    right: 0;
+  }
+
+  &.center {
+    left: 50%;
+    transform: translateX(-50%);
+  }
+}
+
+.xy-flow__attribution {
+  font-size: 10px;
+  background: var(--attribution-background-color, var(--attribution-background-color-default));
+  padding: 2px 3px;
+  margin: 0;
+
+  a {
+    text-decoration: none;
+    color: #999;
+  }
+}
+
+@keyframes dashdraw {
+  from {
+    stroke-dashoffset: 10;
+  }
+}
+
+.xy-flow__edgelabel-renderer {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  user-select: none;
+  left: 0;
+  top: 0;
+}
+
+.xy-flow__minimap {
+  stroke: var(--minimap-background-color, var(--minimap-background-color-default));
+}
+
+.xy-flow__background {
+  pointer-events: none;
+  z-index: -1;
+  background-color: var(--background-color-props, 'transparent');
+}
+
+.xy-flow__background-pattern {
+  &.dot {
+    fill: var(
+      --background-pattern-color-props,
+      var(--background-pattern-color, var(--background-pattern-dot-color-default))
+    );
+  }
+
+  &.line {
+    stroke: var(
+      --background-pattern-color-props,
+      var(--background-pattern-color, var(--background-pattern-line-color-default))
+    );
+  }
+
+  &.cross {
+    stroke: var(
+      --background-pattern-color-props,
+      var(--background-pattern-color, var(--background-pattern-cross-color-default))
+    );
+  }
+}
diff --git a/packages/system/src/styles/node-resizer.css b/packages/system/src/styles/node-resizer.css
new file mode 100644
index 000000000..7918666a3
--- /dev/null
+++ b/packages/system/src/styles/node-resizer.css
@@ -0,0 +1,105 @@
+.xy-flow__resize-control {
+  position: absolute;
+}
+
+.xy-flow__resize-control.left,
+.xy-flow__resize-control.right {
+  cursor: ew-resize;
+}
+
+.xy-flow__resize-control.top,
+.xy-flow__resize-control.bottom {
+  cursor: ns-resize;
+}
+
+.xy-flow__resize-control.top.left,
+.xy-flow__resize-control.bottom.right {
+  cursor: nwse-resize;
+}
+
+.xy-flow__resize-control.bottom.left,
+.xy-flow__resize-control.top.right {
+  cursor: nesw-resize;
+}
+
+/* handle styles */
+.xy-flow__resize-control.handle {
+  width: 4px;
+  height: 4px;
+  border: 1px solid #fff;
+  border-radius: 1px;
+  background-color: #3367d9;
+  transform: translate(-50%, -50%);
+}
+
+.xy-flow__resize-control.handle.left {
+  left: 0;
+  top: 50%;
+}
+.xy-flow__resize-control.handle.right {
+  left: 100%;
+  top: 50%;
+}
+.xy-flow__resize-control.handle.top {
+  left: 50%;
+  top: 0;
+}
+.xy-flow__resize-control.handle.bottom {
+  left: 50%;
+  top: 100%;
+}
+.xy-flow__resize-control.handle.top.left {
+  left: 0;
+}
+.xy-flow__resize-control.handle.bottom.left {
+  left: 0;
+}
+.xy-flow__resize-control.handle.top.right {
+  left: 100%;
+}
+.xy-flow__resize-control.handle.bottom.right {
+  left: 100%;
+}
+
+/* line styles */
+.xy-flow__resize-control.line {
+  border-color: #3367d9;
+  border-width: 0;
+  border-style: solid;
+}
+
+.xy-flow__resize-control.line.left,
+.xy-flow__resize-control.line.right {
+  width: 1px;
+  transform: translate(-50%, 0);
+  top: 0;
+  height: 100%;
+}
+
+.xy-flow__resize-control.line.left {
+  left: 0;
+  border-left-width: 1px;
+}
+
+.xy-flow__resize-control.line.right {
+  left: 100%;
+  border-right-width: 1px;
+}
+
+.xy-flow__resize-control.line.top,
+.xy-flow__resize-control.line.bottom {
+  height: 1px;
+  transform: translate(0, -50%);
+  left: 0;
+  width: 100%;
+}
+
+.xy-flow__resize-control.line.top {
+  top: 0;
+  border-top-width: 1px;
+}
+
+.xy-flow__resize-control.line.bottom {
+  border-bottom-width: 1px;
+  top: 100%;
+}
diff --git a/packages/system/src/styles/style.css b/packages/system/src/styles/style.css
new file mode 100644
index 000000000..350960465
--- /dev/null
+++ b/packages/system/src/styles/style.css
@@ -0,0 +1,138 @@
+.xy-flow {
+  --node-color-default: inherit;
+  --node-border-default: 1px solid #1a192b;
+  --node-background-color-default: #fff;
+  --node-group-background-color-default: rgba(240, 240, 240, 0.25);
+  --node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
+  --node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
+
+  --handle-background-color-default: #1a192b;
+  --handle-border-color-default: #fff;
+
+  --selection-background-color-default: rgba(0, 89, 220, 0.08);
+  --selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);
+
+  --controls-button-background-color-default: #fefefe;
+  --controls-button-background-color-hover-default: #f4f4f4;
+  --controls-button-color-default: inherit;
+  --controls-button-color-hover-default: inherit;
+  --controls-button-border-color-default: #eee;
+  --controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
+}
+
+.xy-flow__edge {
+  &.updating {
+    .xy-flow__edge-path {
+      stroke: #777;
+    }
+  }
+
+  &-text {
+    font-size: 10px;
+  }
+}
+
+.xy-flow__node.selectable {
+  &:focus,
+  &:focus-visible {
+    outline: none;
+  }
+}
+
+.xy-flow__node-input,
+.xy-flow__node-default,
+.xy-flow__node-output,
+.xy-flow__node-group {
+  padding: 10px;
+  border-radius: 3px;
+  width: 150px;
+  font-size: 12px;
+  color: var(--node-color, var(--node-color-default));
+  text-align: center;
+  border: var(--node-border, var(--node-border-default));
+  background-color: var(--node-background-color, var(--node-background-color-default));
+
+  &.selectable {
+    &:hover {
+      box-shadow: var(--node-boxshadow-hover, var(--node-boxshadow-hover-default));
+    }
+
+    &.selected,
+    &:focus,
+    &:focus-visible {
+      box-shadow: var(--node-boxshadow-selected, var(--node-boxshadow-selected-default));
+    }
+  }
+}
+
+.xy-flow__node-group {
+  background-color: var(--node-group-background-color, var(--node-group-background-color-default));
+}
+
+.xy-flow__nodesselection-rect,
+.xy-flow__selection {
+  background: var(--selection-background-color, var(--selection-background-color-default));
+  border: var(--selection-border, var(--selection-border-default));
+
+  &:focus,
+  &:focus-visible {
+    outline: none;
+  }
+}
+
+.xy-flow__handle {
+  width: 6px;
+  height: 6px;
+  background-color: var(--handle-background-color, var(--handle-background-color-default));
+  border: 1px solid var(--handle-border-color, var(--handle-border-color-default));
+  border-radius: 100%;
+}
+
+.xy-flow__controls {
+  box-shadow: var(--controls-box-shadow, var(--controls-box-shadow-default));
+
+  &-button {
+    border: none;
+    background: var(--controls-button-background-color, var(--controls-button-background-color-default));
+    border-bottom: 1px solid
+      var(
+        --controls-button-border-color-props,
+        var(--controls-button-border-color, var(--controls-button-border-color-default))
+      );
+    color: var(--controls-button-color-props, var(--controls-button-color, var(--controls-button-color-default)));
+    box-sizing: content-box;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+    user-select: none;
+    padding: 5px;
+
+    &:hover {
+      background: var(
+        --controls-button-background-color-hover-props,
+        var(--controls-button-background-color-hover, var(--controls-button-background-color-hover-default))
+      );
+      color: var(
+        --controls-button-color-hover-props,
+        var(--controls-button-hover-color, var(--controls-button-hover-color-default))
+      );
+    }
+
+    svg {
+      width: 100%;
+      max-width: 12px;
+      max-height: 12px;
+    }
+
+    &:disabled {
+      pointer-events: none;
+
+      svg {
+        fill-opacity: 0.4;
+      }
+    }
+  }
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c3320495a..1782aafc5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -20,9 +20,6 @@ importers:
       '@typescript-eslint/parser':
         specifier: latest
         version: registry.npmjs.org/@typescript-eslint/parser@6.3.0(eslint@8.42.0)(typescript@5.1.3)
-      autoprefixer:
-        specifier: ^10.4.8
-        version: registry.npmjs.org/autoprefixer@10.4.14(postcss@8.4.24)
       concurrently:
         specifier: ^7.6.0
         version: registry.npmjs.org/concurrently@7.6.0
@@ -38,21 +35,6 @@ importers:
       eslint-plugin-react:
         specifier: latest
         version: registry.npmjs.org/eslint-plugin-react@7.33.1(eslint@8.42.0)
-      postcss:
-        specifier: ^8.4.21
-        version: registry.npmjs.org/postcss@8.4.24
-      postcss-cli:
-        specifier: ^10.1.0
-        version: registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.24)
-      postcss-combine-duplicated-selectors:
-        specifier: ^10.0.3
-        version: registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.24)
-      postcss-import:
-        specifier: ^15.1.0
-        version: registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.24)
-      postcss-nested:
-        specifier: ^6.0.0
-        version: registry.npmjs.org/postcss-nested@6.0.1(postcss@8.4.24)
       prettier:
         specifier: ^2.7.1
         version: registry.npmjs.org/prettier@2.8.8
@@ -190,6 +172,30 @@ importers:
       '@xyflow/tsconfig':
         specifier: workspace:*
         version: link:../../tooling/tsconfig
+      autoprefixer:
+        specifier: ^10.4.15
+        version: registry.npmjs.org/autoprefixer@10.4.15(postcss@8.4.27)
+      cssnano:
+        specifier: ^6.0.1
+        version: registry.npmjs.org/cssnano@6.0.1(postcss@8.4.27)
+      postcss:
+        specifier: ^8.4.21
+        version: registry.npmjs.org/postcss@8.4.27
+      postcss-cli:
+        specifier: ^10.1.0
+        version: registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.27)
+      postcss-combine-duplicated-selectors:
+        specifier: ^10.0.3
+        version: registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.27)
+      postcss-import:
+        specifier: ^15.1.0
+        version: registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.27)
+      postcss-nested:
+        specifier: ^6.0.0
+        version: registry.npmjs.org/postcss-nested@6.0.1(postcss@8.4.27)
+      postcss-rename:
+        specifier: ^0.6.1
+        version: registry.npmjs.org/postcss-rename@0.6.1(postcss@8.4.27)
       react:
         specifier: ^18.2.0
         version: registry.npmjs.org/react@18.2.0
@@ -224,6 +230,15 @@ importers:
       '@typescript-eslint/parser':
         specifier: ^5.60.0
         version: registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      autoprefixer:
+        specifier: ^10.4.15
+        version: registry.npmjs.org/autoprefixer@10.4.15(postcss@8.4.27)
+      cssnano:
+        specifier: ^6.0.1
+        version: registry.npmjs.org/cssnano@6.0.1(postcss@8.4.27)
+      dotenv:
+        specifier: ^16.3.1
+        version: registry.npmjs.org/dotenv@16.3.1
       eslint:
         specifier: ^8.43.0
         version: registry.npmjs.org/eslint@8.43.0
@@ -233,6 +248,24 @@ importers:
       eslint-plugin-svelte:
         specifier: ^2.31.1
         version: registry.npmjs.org/eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.0)
+      postcss:
+        specifier: ^8.4.21
+        version: registry.npmjs.org/postcss@8.4.27
+      postcss-cli:
+        specifier: ^10.1.0
+        version: registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.27)
+      postcss-combine-duplicated-selectors:
+        specifier: ^10.0.3
+        version: registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.27)
+      postcss-import:
+        specifier: ^15.1.0
+        version: registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.27)
+      postcss-nested:
+        specifier: ^6.0.0
+        version: registry.npmjs.org/postcss-nested@6.0.1(postcss@8.4.27)
+      postcss-rename:
+        specifier: ^0.6.1
+        version: registry.npmjs.org/postcss-rename@0.6.1(postcss@8.4.27)
       prettier:
         specifier: ^2.8.8
         version: registry.npmjs.org/prettier@2.8.8
@@ -2041,6 +2074,13 @@ packages:
       '@swc/core-win32-x64-msvc': registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.63
     dev: true
 
+  registry.npmjs.org/@trysound/sax@0.2.0:
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz}
+    name: '@trysound/sax'
+    version: 0.2.0
+    engines: {node: '>=10.13.0'}
+    dev: true
+
   registry.npmjs.org/@types/cookie@0.5.1:
     resolution: {integrity: sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/cookie/-/cookie-0.5.1.tgz}
     name: '@types/cookie'
@@ -3019,22 +3059,22 @@ packages:
     engines: {node: '>= 4.0.0'}
     dev: true
 
-  registry.npmjs.org/autoprefixer@10.4.14(postcss@8.4.24):
-    resolution: {integrity: sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz}
-    id: registry.npmjs.org/autoprefixer/10.4.14
+  registry.npmjs.org/autoprefixer@10.4.15(postcss@8.4.27):
+    resolution: {integrity: sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.15.tgz}
+    id: registry.npmjs.org/autoprefixer/10.4.15
     name: autoprefixer
-    version: 10.4.14
+    version: 10.4.15
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.21.8
-      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001502
+      browserslist: registry.npmjs.org/browserslist@4.21.10
+      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001521
       fraction.js: registry.npmjs.org/fraction.js@4.2.0
       normalize-range: registry.npmjs.org/normalize-range@0.1.2
       picocolors: registry.npmjs.org/picocolors@1.0.0
-      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss: registry.npmjs.org/postcss@8.4.27
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
@@ -3125,6 +3165,12 @@ packages:
     version: 3.7.2
     dev: true
 
+  registry.npmjs.org/boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz}
+    name: boolbase
+    version: 1.0.0
+    dev: true
+
   registry.npmjs.org/brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz}
     name: brace-expansion
@@ -3172,19 +3218,6 @@ packages:
       update-browserslist-db: registry.npmjs.org/update-browserslist-db@1.0.11(browserslist@4.21.10)
     dev: true
 
-  registry.npmjs.org/browserslist@4.21.8:
-    resolution: {integrity: sha512-j+7xYe+v+q2Id9qbBeCI8WX5NmZSRe8es1+0xntD/+gaWXznP8tFEkv5IgSaHf5dS1YwVMbX/4W6m937mj+wQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.21.8.tgz}
-    name: browserslist
-    version: 4.21.8
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-    dependencies:
-      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001502
-      electron-to-chromium: registry.npmjs.org/electron-to-chromium@1.4.428
-      node-releases: registry.npmjs.org/node-releases@2.0.12
-      update-browserslist-db: registry.npmjs.org/update-browserslist-db@1.0.11(browserslist@4.21.8)
-    dev: true
-
   registry.npmjs.org/buffer-crc32@0.2.13:
     resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz}
     name: buffer-crc32
@@ -3263,10 +3296,15 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/caniuse-lite@1.0.30001502:
-    resolution: {integrity: sha512-AZ+9tFXw1sS0o0jcpJQIXvFTOB/xGiQ4OQ2t98QX3NDn2EZTSRBC801gxrsGgViuq2ak/NLkNgSNEPtCr5lfKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001502.tgz}
-    name: caniuse-lite
-    version: 1.0.30001502
+  registry.npmjs.org/caniuse-api@3.0.0:
+    resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz}
+    name: caniuse-api
+    version: 3.0.0
+    dependencies:
+      browserslist: registry.npmjs.org/browserslist@4.21.10
+      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001521
+      lodash.memoize: registry.npmjs.org/lodash.memoize@4.1.2
+      lodash.uniq: registry.npmjs.org/lodash.uniq@4.5.0
     dev: true
 
   registry.npmjs.org/caniuse-lite@1.0.30001521:
@@ -3451,6 +3489,12 @@ packages:
     version: 1.1.4
     dev: true
 
+  registry.npmjs.org/colord@2.9.3:
+    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/colord/-/colord-2.9.3.tgz}
+    name: colord
+    version: 2.9.3
+    dev: true
+
   registry.npmjs.org/colorette@2.0.20:
     resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz}
     name: colorette
@@ -3479,6 +3523,13 @@ packages:
     engines: {node: '>= 6'}
     dev: true
 
+  registry.npmjs.org/commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/commander/-/commander-7.2.0.tgz}
+    name: commander
+    version: 7.2.0
+    engines: {node: '>= 10'}
+    dev: true
+
   registry.npmjs.org/common-tags@1.8.2:
     resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz}
     name: common-tags
@@ -3556,6 +3607,40 @@ packages:
       which: registry.npmjs.org/which@2.0.2
     dev: true
 
+  registry.npmjs.org/css-declaration-sorter@6.4.1(postcss@8.4.27):
+    resolution: {integrity: sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz}
+    id: registry.npmjs.org/css-declaration-sorter/6.4.1
+    name: css-declaration-sorter
+    version: 6.4.1
+    engines: {node: ^10 || ^12 || >=14}
+    peerDependencies:
+      postcss: ^8.0.9
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+    dev: true
+
+  registry.npmjs.org/css-select@5.1.0:
+    resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz}
+    name: css-select
+    version: 5.1.0
+    dependencies:
+      boolbase: registry.npmjs.org/boolbase@1.0.0
+      css-what: registry.npmjs.org/css-what@6.1.0
+      domhandler: registry.npmjs.org/domhandler@5.0.3
+      domutils: registry.npmjs.org/domutils@3.1.0
+      nth-check: registry.npmjs.org/nth-check@2.1.1
+    dev: true
+
+  registry.npmjs.org/css-tree@2.2.1:
+    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz}
+    name: css-tree
+    version: 2.2.1
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+    dependencies:
+      mdn-data: registry.npmjs.org/mdn-data@2.0.28
+      source-map-js: registry.npmjs.org/source-map-js@1.0.2
+    dev: true
+
   registry.npmjs.org/css-tree@2.3.1:
     resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz}
     name: css-tree
@@ -3566,6 +3651,13 @@ packages:
       source-map-js: registry.npmjs.org/source-map-js@1.0.2
     dev: true
 
+  registry.npmjs.org/css-what@6.1.0:
+    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz}
+    name: css-what
+    version: 6.1.0
+    engines: {node: '>= 6'}
+    dev: true
+
   registry.npmjs.org/cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz}
     name: cssesc
@@ -3574,6 +3666,82 @@ packages:
     hasBin: true
     dev: true
 
+  registry.npmjs.org/cssnano-preset-default@6.0.1(postcss@8.4.27):
+    resolution: {integrity: sha512-7VzyFZ5zEB1+l1nToKyrRkuaJIx0zi/1npjvZfbBwbtNTzhLtlvYraK/7/uqmX2Wb2aQtd983uuGw79jAjLSuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-6.0.1.tgz}
+    id: registry.npmjs.org/cssnano-preset-default/6.0.1
+    name: cssnano-preset-default
+    version: 6.0.1
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      css-declaration-sorter: registry.npmjs.org/css-declaration-sorter@6.4.1(postcss@8.4.27)
+      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.27)
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-calc: registry.npmjs.org/postcss-calc@9.0.1(postcss@8.4.27)
+      postcss-colormin: registry.npmjs.org/postcss-colormin@6.0.0(postcss@8.4.27)
+      postcss-convert-values: registry.npmjs.org/postcss-convert-values@6.0.0(postcss@8.4.27)
+      postcss-discard-comments: registry.npmjs.org/postcss-discard-comments@6.0.0(postcss@8.4.27)
+      postcss-discard-duplicates: registry.npmjs.org/postcss-discard-duplicates@6.0.0(postcss@8.4.27)
+      postcss-discard-empty: registry.npmjs.org/postcss-discard-empty@6.0.0(postcss@8.4.27)
+      postcss-discard-overridden: registry.npmjs.org/postcss-discard-overridden@6.0.0(postcss@8.4.27)
+      postcss-merge-longhand: registry.npmjs.org/postcss-merge-longhand@6.0.0(postcss@8.4.27)
+      postcss-merge-rules: registry.npmjs.org/postcss-merge-rules@6.0.1(postcss@8.4.27)
+      postcss-minify-font-values: registry.npmjs.org/postcss-minify-font-values@6.0.0(postcss@8.4.27)
+      postcss-minify-gradients: registry.npmjs.org/postcss-minify-gradients@6.0.0(postcss@8.4.27)
+      postcss-minify-params: registry.npmjs.org/postcss-minify-params@6.0.0(postcss@8.4.27)
+      postcss-minify-selectors: registry.npmjs.org/postcss-minify-selectors@6.0.0(postcss@8.4.27)
+      postcss-normalize-charset: registry.npmjs.org/postcss-normalize-charset@6.0.0(postcss@8.4.27)
+      postcss-normalize-display-values: registry.npmjs.org/postcss-normalize-display-values@6.0.0(postcss@8.4.27)
+      postcss-normalize-positions: registry.npmjs.org/postcss-normalize-positions@6.0.0(postcss@8.4.27)
+      postcss-normalize-repeat-style: registry.npmjs.org/postcss-normalize-repeat-style@6.0.0(postcss@8.4.27)
+      postcss-normalize-string: registry.npmjs.org/postcss-normalize-string@6.0.0(postcss@8.4.27)
+      postcss-normalize-timing-functions: registry.npmjs.org/postcss-normalize-timing-functions@6.0.0(postcss@8.4.27)
+      postcss-normalize-unicode: registry.npmjs.org/postcss-normalize-unicode@6.0.0(postcss@8.4.27)
+      postcss-normalize-url: registry.npmjs.org/postcss-normalize-url@6.0.0(postcss@8.4.27)
+      postcss-normalize-whitespace: registry.npmjs.org/postcss-normalize-whitespace@6.0.0(postcss@8.4.27)
+      postcss-ordered-values: registry.npmjs.org/postcss-ordered-values@6.0.0(postcss@8.4.27)
+      postcss-reduce-initial: registry.npmjs.org/postcss-reduce-initial@6.0.0(postcss@8.4.27)
+      postcss-reduce-transforms: registry.npmjs.org/postcss-reduce-transforms@6.0.0(postcss@8.4.27)
+      postcss-svgo: registry.npmjs.org/postcss-svgo@6.0.0(postcss@8.4.27)
+      postcss-unique-selectors: registry.npmjs.org/postcss-unique-selectors@6.0.0(postcss@8.4.27)
+    dev: true
+
+  registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-Z39TLP+1E0KUcd7LGyF4qMfu8ZufI0rDzhdyAMsa/8UyNUU8wpS0fhdBxbQbv32r64ea00h4878gommRVg2BHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-4.0.0.tgz}
+    id: registry.npmjs.org/cssnano-utils/4.0.0
+    name: cssnano-utils
+    version: 4.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+    dev: true
+
+  registry.npmjs.org/cssnano@6.0.1(postcss@8.4.27):
+    resolution: {integrity: sha512-fVO1JdJ0LSdIGJq68eIxOqFpIJrZqXUsBt8fkrBcztCQqAjQD51OhZp7tc0ImcbwXD4k7ny84QTV90nZhmqbkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cssnano/-/cssnano-6.0.1.tgz}
+    id: registry.npmjs.org/cssnano/6.0.1
+    name: cssnano
+    version: 6.0.1
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      cssnano-preset-default: registry.npmjs.org/cssnano-preset-default@6.0.1(postcss@8.4.27)
+      lilconfig: registry.npmjs.org/lilconfig@2.1.0
+      postcss: registry.npmjs.org/postcss@8.4.27
+    dev: true
+
+  registry.npmjs.org/csso@5.0.5:
+    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csso/-/csso-5.0.5.tgz}
+    name: csso
+    version: 5.0.5
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+    dependencies:
+      css-tree: registry.npmjs.org/css-tree@2.2.1
+    dev: true
+
   registry.npmjs.org/csstype@3.1.2:
     resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz}
     name: csstype
@@ -3942,6 +4110,41 @@ packages:
       esutils: registry.npmjs.org/esutils@2.0.3
     dev: true
 
+  registry.npmjs.org/dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz}
+    name: dom-serializer
+    version: 2.0.0
+    dependencies:
+      domelementtype: registry.npmjs.org/domelementtype@2.3.0
+      domhandler: registry.npmjs.org/domhandler@5.0.3
+      entities: registry.npmjs.org/entities@4.5.0
+    dev: true
+
+  registry.npmjs.org/domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz}
+    name: domelementtype
+    version: 2.3.0
+    dev: true
+
+  registry.npmjs.org/domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz}
+    name: domhandler
+    version: 5.0.3
+    engines: {node: '>= 4'}
+    dependencies:
+      domelementtype: registry.npmjs.org/domelementtype@2.3.0
+    dev: true
+
+  registry.npmjs.org/domutils@3.1.0:
+    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz}
+    name: domutils
+    version: 3.1.0
+    dependencies:
+      dom-serializer: registry.npmjs.org/dom-serializer@2.0.0
+      domelementtype: registry.npmjs.org/domelementtype@2.3.0
+      domhandler: registry.npmjs.org/domhandler@5.0.3
+    dev: true
+
   registry.npmjs.org/dotenv@16.0.3:
     resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dotenv/-/dotenv-16.0.3.tgz}
     name: dotenv
@@ -3949,6 +4152,13 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
+  registry.npmjs.org/dotenv@16.3.1:
+    resolution: {integrity: sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz}
+    name: dotenv
+    version: 16.3.1
+    engines: {node: '>=12'}
+    dev: true
+
   registry.npmjs.org/dotenv@8.6.0:
     resolution: {integrity: sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dotenv/-/dotenv-8.6.0.tgz}
     name: dotenv
@@ -3971,12 +4181,6 @@ packages:
       safer-buffer: registry.npmjs.org/safer-buffer@2.1.2
     dev: true
 
-  registry.npmjs.org/electron-to-chromium@1.4.428:
-    resolution: {integrity: sha512-L7uUknyY286of0AYC8CKfgWstD0Smk2DvHDi9F0GWQhSH90Bzi7iDrmCbZKz75tYJxeGSAc7TYeKpmbjMDoh1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.428.tgz}
-    name: electron-to-chromium
-    version: 1.4.428
-    dev: true
-
   registry.npmjs.org/electron-to-chromium@1.4.492:
     resolution: {integrity: sha512-36K9b/6skMVwAIEsC7GiQ8I8N3soCALVSHqWHzNDtGemAcI9Xu8hP02cywWM0A794rTHm0b0zHPeLJHtgFVamQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.492.tgz}
     name: electron-to-chromium
@@ -4006,6 +4210,13 @@ packages:
       ansi-colors: registry.npmjs.org/ansi-colors@4.1.3
     dev: true
 
+  registry.npmjs.org/entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/entities/-/entities-4.5.0.tgz}
+    name: entities
+    version: 4.5.0
+    engines: {node: '>=0.12'}
+    dev: true
+
   registry.npmjs.org/error-ex@1.3.2:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz}
     name: error-ex
@@ -4284,9 +4495,9 @@ packages:
       eslint: registry.npmjs.org/eslint@8.43.0
       esutils: registry.npmjs.org/esutils@2.0.3
       known-css-properties: registry.npmjs.org/known-css-properties@0.27.0
-      postcss: registry.npmjs.org/postcss@8.4.24
-      postcss-load-config: registry.npmjs.org/postcss-load-config@3.1.4(postcss@8.4.24)
-      postcss-safe-parser: registry.npmjs.org/postcss-safe-parser@6.0.0(postcss@8.4.24)
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-load-config: registry.npmjs.org/postcss-load-config@3.1.4(postcss@8.4.27)
+      postcss-safe-parser: registry.npmjs.org/postcss-safe-parser@6.0.0(postcss@8.4.27)
       postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
       semver: registry.npmjs.org/semver@7.5.3
       svelte: registry.npmjs.org/svelte@4.2.0
@@ -5863,6 +6074,12 @@ packages:
       p-locate: registry.npmjs.org/p-locate@5.0.0
     dev: true
 
+  registry.npmjs.org/lodash.memoize@4.1.2:
+    resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz}
+    name: lodash.memoize
+    version: 4.1.2
+    dev: true
+
   registry.npmjs.org/lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz}
     name: lodash.merge
@@ -5881,6 +6098,12 @@ packages:
     version: 4.4.0
     dev: true
 
+  registry.npmjs.org/lodash.uniq@4.5.0:
+    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz}
+    name: lodash.uniq
+    version: 4.5.0
+    dev: true
+
   registry.npmjs.org/lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz}
     name: lodash
@@ -5988,6 +6211,12 @@ packages:
     version: 0.1.0
     dev: true
 
+  registry.npmjs.org/mdn-data@2.0.28:
+    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz}
+    name: mdn-data
+    version: 2.0.28
+    dev: true
+
   registry.npmjs.org/mdn-data@2.0.30:
     resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz}
     name: mdn-data
@@ -6193,12 +6422,6 @@ packages:
       whatwg-url: registry.npmjs.org/whatwg-url@5.0.0
     dev: true
 
-  registry.npmjs.org/node-releases@2.0.12:
-    resolution: {integrity: sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-releases/-/node-releases-2.0.12.tgz}
-    name: node-releases
-    version: 2.0.12
-    dev: true
-
   registry.npmjs.org/node-releases@2.0.13:
     resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz}
     name: node-releases
@@ -6239,6 +6462,14 @@ packages:
       path-key: registry.npmjs.org/path-key@3.1.1
     dev: true
 
+  registry.npmjs.org/nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz}
+    name: nth-check
+    version: 2.1.1
+    dependencies:
+      boolbase: registry.npmjs.org/boolbase@1.0.0
+    dev: true
+
   registry.npmjs.org/object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz}
     name: object-assign
@@ -6561,7 +6792,21 @@ packages:
       find-up: registry.npmjs.org/find-up@4.1.0
     dev: true
 
-  registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.24):
+  registry.npmjs.org/postcss-calc@9.0.1(postcss@8.4.27):
+    resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-calc/-/postcss-calc-9.0.1.tgz}
+    id: registry.npmjs.org/postcss-calc/9.0.1
+    name: postcss-calc
+    version: 9.0.1
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.2
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+    dev: true
+
+  registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.27):
     resolution: {integrity: sha512-Zu7PLORkE9YwNdvOeOVKPmWghprOtjFQU3srMUGbdz3pHJiFh7yZ4geiZFMkjMfB0mtTFR3h8RemR62rPkbOPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-cli/-/postcss-cli-10.1.0.tgz}
     id: registry.npmjs.org/postcss-cli/10.1.0
     name: postcss-cli
@@ -6577,9 +6822,9 @@ packages:
       get-stdin: registry.npmjs.org/get-stdin@9.0.0
       globby: registry.npmjs.org/globby@13.1.4
       picocolors: registry.npmjs.org/picocolors@1.0.0
-      postcss: registry.npmjs.org/postcss@8.4.24
-      postcss-load-config: registry.npmjs.org/postcss-load-config@4.0.1(postcss@8.4.24)
-      postcss-reporter: registry.npmjs.org/postcss-reporter@7.0.5(postcss@8.4.24)
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-load-config: registry.npmjs.org/postcss-load-config@4.0.1(postcss@8.4.27)
+      postcss-reporter: registry.npmjs.org/postcss-reporter@7.0.5(postcss@8.4.27)
       pretty-hrtime: registry.npmjs.org/pretty-hrtime@1.0.3
       read-cache: registry.npmjs.org/read-cache@1.0.0
       slash: registry.npmjs.org/slash@5.1.0
@@ -6588,7 +6833,23 @@ packages:
       - ts-node
     dev: true
 
-  registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.24):
+  registry.npmjs.org/postcss-colormin@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-EuO+bAUmutWoZYgHn2T1dG1pPqHU6L4TjzPlu4t1wZGXQ/fxV16xg2EJmYi0z+6r+MGV1yvpx1BHkUaRrPa2bw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-colormin/6.0.0
+    name: postcss-colormin
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      browserslist: registry.npmjs.org/browserslist@4.21.10
+      caniuse-api: registry.npmjs.org/caniuse-api@3.0.0
+      colord: registry.npmjs.org/colord@2.9.3
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+    dev: true
+
+  registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.27):
     resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-combine-duplicated-selectors/-/postcss-combine-duplicated-selectors-10.0.3.tgz}
     id: registry.npmjs.org/postcss-combine-duplicated-selectors/10.0.3
     name: postcss-combine-duplicated-selectors
@@ -6597,11 +6858,73 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss: registry.npmjs.org/postcss@8.4.27
       postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.24):
+  registry.npmjs.org/postcss-convert-values@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-U5D8QhVwqT++ecmy8rnTb+RL9n/B806UVaS3m60lqle4YDFcpbS3ae5bTQIh3wOGUSDHSEtMYLs/38dNG7EYFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-convert-values/6.0.0
+    name: postcss-convert-values
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      browserslist: registry.npmjs.org/browserslist@4.21.10
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+    dev: true
+
+  registry.npmjs.org/postcss-discard-comments@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-p2skSGqzPMZkEQvJsgnkBhCn8gI7NzRH2683EEjrIkoMiwRELx68yoUJ3q3DGSGuQ8Ug9Gsn+OuDr46yfO+eFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-discard-comments/6.0.0
+    name: postcss-discard-comments
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+    dev: true
+
+  registry.npmjs.org/postcss-discard-duplicates@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-bU1SXIizMLtDW4oSsi5C/xHKbhLlhek/0/yCnoMQany9k3nPBq+Ctsv/9oMmyqbR96HYHxZcHyK2HR5P/mqoGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-discard-duplicates/6.0.0
+    name: postcss-discard-duplicates
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+    dev: true
+
+  registry.npmjs.org/postcss-discard-empty@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-b+h1S1VT6dNhpcg+LpyiUrdnEZfICF0my7HAKgJixJLW7BnNmpRH34+uw/etf5AhOlIhIAuXApSzzDzMI9K/gQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-discard-empty/6.0.0
+    name: postcss-discard-empty
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+    dev: true
+
+  registry.npmjs.org/postcss-discard-overridden@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-discard-overridden/6.0.0
+    name: postcss-discard-overridden
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+    dev: true
+
+  registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.27):
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz}
     id: registry.npmjs.org/postcss-import/15.1.0
     name: postcss-import
@@ -6610,13 +6933,13 @@ packages:
     peerDependencies:
       postcss: ^8.0.0
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss: registry.npmjs.org/postcss@8.4.27
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
       read-cache: registry.npmjs.org/read-cache@1.0.0
       resolve: registry.npmjs.org/resolve@1.22.2
     dev: true
 
-  registry.npmjs.org/postcss-load-config@3.1.4(postcss@8.4.24):
+  registry.npmjs.org/postcss-load-config@3.1.4(postcss@8.4.27):
     resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz}
     id: registry.npmjs.org/postcss-load-config/3.1.4
     name: postcss-load-config
@@ -6632,11 +6955,11 @@ packages:
         optional: true
     dependencies:
       lilconfig: registry.npmjs.org/lilconfig@2.1.0
-      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss: registry.npmjs.org/postcss@8.4.27
       yaml: registry.npmjs.org/yaml@1.10.2
     dev: true
 
-  registry.npmjs.org/postcss-load-config@4.0.1(postcss@8.4.24):
+  registry.npmjs.org/postcss-load-config@4.0.1(postcss@8.4.27):
     resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz}
     id: registry.npmjs.org/postcss-load-config/4.0.1
     name: postcss-load-config
@@ -6652,11 +6975,97 @@ packages:
         optional: true
     dependencies:
       lilconfig: registry.npmjs.org/lilconfig@2.1.0
-      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss: registry.npmjs.org/postcss@8.4.27
       yaml: registry.npmjs.org/yaml@2.3.1
     dev: true
 
-  registry.npmjs.org/postcss-nested@6.0.1(postcss@8.4.24):
+  registry.npmjs.org/postcss-merge-longhand@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-4VSfd1lvGkLTLYcxFuISDtWUfFS4zXe0FpF149AyziftPFQIWxjvFSKhA4MIxMe4XM3yTDgQMbSNgzIVxChbIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-merge-longhand/6.0.0
+    name: postcss-merge-longhand
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      stylehacks: registry.npmjs.org/stylehacks@6.0.0(postcss@8.4.27)
+    dev: true
+
+  registry.npmjs.org/postcss-merge-rules@6.0.1(postcss@8.4.27):
+    resolution: {integrity: sha512-a4tlmJIQo9SCjcfiCcCMg/ZCEe0XTkl/xK0XHBs955GWg9xDX3NwP9pwZ78QUOWB8/0XCjZeJn98Dae0zg6AAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-6.0.1.tgz}
+    id: registry.npmjs.org/postcss-merge-rules/6.0.1
+    name: postcss-merge-rules
+    version: 6.0.1
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      browserslist: registry.npmjs.org/browserslist@4.21.10
+      caniuse-api: registry.npmjs.org/caniuse-api@3.0.0
+      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.27)
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
+    dev: true
+
+  registry.npmjs.org/postcss-minify-font-values@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-zNRAVtyh5E8ndZEYXA4WS8ZYsAp798HiIQ1V2UF/C/munLp2r1UGHwf1+6JFu7hdEhJFN+W1WJQKBrtjhFgEnA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-minify-font-values/6.0.0
+    name: postcss-minify-font-values
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+    dev: true
+
+  registry.npmjs.org/postcss-minify-gradients@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-wO0F6YfVAR+K1xVxF53ueZJza3L+R3E6cp0VwuXJQejnNUH0DjcAFe3JEBeTY1dLwGa0NlDWueCA1VlEfiKgAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-minify-gradients/6.0.0
+    name: postcss-minify-gradients
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      colord: registry.npmjs.org/colord@2.9.3
+      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.27)
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+    dev: true
+
+  registry.npmjs.org/postcss-minify-params@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-Fz/wMQDveiS0n5JPcvsMeyNXOIMrwF88n7196puSuQSWSa+/Ofc1gDOSY2xi8+A4PqB5dlYCKk/WfqKqsI+ReQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-minify-params/6.0.0
+    name: postcss-minify-params
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      browserslist: registry.npmjs.org/browserslist@4.21.10
+      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.27)
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+    dev: true
+
+  registry.npmjs.org/postcss-minify-selectors@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-ec/q9JNCOC2CRDNnypipGfOhbYPuUkewGwLnbv6omue/PSASbHSU7s6uSQ0tcFRVv731oMIx8k0SP4ZX6be/0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-minify-selectors/6.0.0
+    name: postcss-minify-selectors
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
+    dev: true
+
+  registry.npmjs.org/postcss-nested@6.0.1(postcss@8.4.27):
     resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz}
     id: registry.npmjs.org/postcss-nested/6.0.1
     name: postcss-nested
@@ -6665,11 +7074,182 @@ packages:
     peerDependencies:
       postcss: ^8.2.14
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss: registry.npmjs.org/postcss@8.4.27
       postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-reporter@7.0.5(postcss@8.4.24):
+  registry.npmjs.org/postcss-normalize-charset@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-cqundwChbu8yO/gSWkuFDmKrCZ2vJzDAocheT2JTd0sFNA4HMGoKMfbk2B+J0OmO0t5GUkiAkSM5yF2rSLUjgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-normalize-charset/6.0.0
+    name: postcss-normalize-charset
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+    dev: true
+
+  registry.npmjs.org/postcss-normalize-display-values@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-normalize-display-values/6.0.0
+    name: postcss-normalize-display-values
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+    dev: true
+
+  registry.npmjs.org/postcss-normalize-positions@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-mPCzhSV8+30FZyWhxi6UoVRYd3ZBJgTRly4hOkaSifo0H+pjDYcii/aVT4YE6QpOil15a5uiv6ftnY3rm0igPg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-normalize-positions/6.0.0
+    name: postcss-normalize-positions
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+    dev: true
+
+  registry.npmjs.org/postcss-normalize-repeat-style@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-50W5JWEBiOOAez2AKBh4kRFm2uhrT3O1Uwdxz7k24aKtbD83vqmcVG7zoIwo6xI2FZ/HDlbrCopXhLeTpQib1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-normalize-repeat-style/6.0.0
+    name: postcss-normalize-repeat-style
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+    dev: true
+
+  registry.npmjs.org/postcss-normalize-string@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-KWkIB7TrPOiqb8ZZz6homet2KWKJwIlysF5ICPZrXAylGe2hzX/HSf4NTX2rRPJMAtlRsj/yfkrWGavFuB+c0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-normalize-string/6.0.0
+    name: postcss-normalize-string
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+    dev: true
+
+  registry.npmjs.org/postcss-normalize-timing-functions@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-tpIXWciXBp5CiFs8sem90IWlw76FV4oi6QEWfQwyeREVwUy39VSeSqjAT7X0Qw650yAimYW5gkl2Gd871N5SQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-normalize-timing-functions/6.0.0
+    name: postcss-normalize-timing-functions
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+    dev: true
+
+  registry.npmjs.org/postcss-normalize-unicode@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-ui5crYkb5ubEUDugDc786L/Me+DXp2dLg3fVJbqyAl0VPkAeALyAijF2zOsnZyaS1HyfPuMH0DwyY18VMFVNkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-normalize-unicode/6.0.0
+    name: postcss-normalize-unicode
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      browserslist: registry.npmjs.org/browserslist@4.21.10
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+    dev: true
+
+  registry.npmjs.org/postcss-normalize-url@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-98mvh2QzIPbb02YDIrYvAg4OUzGH7s1ZgHlD3fIdTHLgPLRpv1ZTKJDnSAKr4Rt21ZQFzwhGMXxpXlfrUBKFHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-normalize-url/6.0.0
+    name: postcss-normalize-url
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+    dev: true
+
+  registry.npmjs.org/postcss-normalize-whitespace@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-7cfE1AyLiK0+ZBG6FmLziJzqQCpTQY+8XjMhMAz8WSBSCsCNNUKujgIgjCAmDT3cJ+3zjTXFkoD15ZPsckArVw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-normalize-whitespace/6.0.0
+    name: postcss-normalize-whitespace
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+    dev: true
+
+  registry.npmjs.org/postcss-ordered-values@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-K36XzUDpvfG/nWkjs6d1hRBydeIxGpKS2+n+ywlKPzx1nMYDYpoGbcjhj5AwVYJK1qV2/SDoDEnHzlPD6s3nMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-ordered-values/6.0.0
+    name: postcss-ordered-values
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.27)
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+    dev: true
+
+  registry.npmjs.org/postcss-reduce-initial@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-s2UOnidpVuXu6JiiI5U+fV2jamAw5YNA9Fdi/GRK0zLDLCfXmSGqQtzpUPtfN66RtCbb9fFHoyZdQaxOB3WxVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-reduce-initial/6.0.0
+    name: postcss-reduce-initial
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      browserslist: registry.npmjs.org/browserslist@4.21.10
+      caniuse-api: registry.npmjs.org/caniuse-api@3.0.0
+      postcss: registry.npmjs.org/postcss@8.4.27
+    dev: true
+
+  registry.npmjs.org/postcss-reduce-transforms@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-FQ9f6xM1homnuy1wLe9lP1wujzxnwt1EwiigtWwuyf8FsqqXUDUp2Ulxf9A5yjlUOTdCJO6lonYjg1mgqIIi2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-reduce-transforms/6.0.0
+    name: postcss-reduce-transforms
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+    dev: true
+
+  registry.npmjs.org/postcss-rename@0.6.1(postcss@8.4.27):
+    resolution: {integrity: sha512-bsj9TMuPnh8pqF/FMX6BB3aZMjTxRdGP0qJHOg4yC2S1DCAomtAVuQaTJC16QTkH5fnrYMP/yYjuXZAibP3QnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-rename/-/postcss-rename-0.6.1.tgz}
+    id: registry.npmjs.org/postcss-rename/0.6.1
+    name: postcss-rename
+    version: 0.6.1
+    engines: {node: '>=8.3.0'}
+    peerDependencies:
+      postcss: ^8.2.6
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
+    dev: true
+
+  registry.npmjs.org/postcss-reporter@7.0.5(postcss@8.4.27):
     resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-7.0.5.tgz}
     id: registry.npmjs.org/postcss-reporter/7.0.5
     name: postcss-reporter
@@ -6679,11 +7259,11 @@ packages:
       postcss: ^8.1.0
     dependencies:
       picocolors: registry.npmjs.org/picocolors@1.0.0
-      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss: registry.npmjs.org/postcss@8.4.27
       thenby: registry.npmjs.org/thenby@1.3.4
     dev: true
 
-  registry.npmjs.org/postcss-safe-parser@6.0.0(postcss@8.4.24):
+  registry.npmjs.org/postcss-safe-parser@6.0.0(postcss@8.4.27):
     resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz}
     id: registry.npmjs.org/postcss-safe-parser/6.0.0
     name: postcss-safe-parser
@@ -6692,19 +7272,7 @@ packages:
     peerDependencies:
       postcss: ^8.3.3
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.24
-    dev: true
-
-  registry.npmjs.org/postcss-scss@4.0.6(postcss@8.4.24):
-    resolution: {integrity: sha512-rLDPhJY4z/i4nVFZ27j9GqLxj1pwxE80eAzUNRMXtcpipFYIeowerzBgG3yJhMtObGEXidtIgbUpQ3eLDsf5OQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.6.tgz}
-    id: registry.npmjs.org/postcss-scss/4.0.6
-    name: postcss-scss
-    version: 4.0.6
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.4.19
-    dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss: registry.npmjs.org/postcss@8.4.27
     dev: true
 
   registry.npmjs.org/postcss-scss@4.0.6(postcss@8.4.27):
@@ -6729,23 +7297,39 @@ packages:
       util-deprecate: registry.npmjs.org/util-deprecate@1.0.2
     dev: true
 
+  registry.npmjs.org/postcss-svgo@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-r9zvj/wGAoAIodn84dR/kFqwhINp5YsJkLoujybWG59grR/IHx+uQ2Zo+IcOwM0jskfYX3R0mo+1Kip1VSNcvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-svgo/6.0.0
+    name: postcss-svgo
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >= 18}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      svgo: registry.npmjs.org/svgo@3.0.2
+    dev: true
+
+  registry.npmjs.org/postcss-unique-selectors@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-EPQzpZNxOxP7777t73RQpZE5e9TrnCrkvp7AH7a0l89JmZiPnS82y216JowHXwpBCQitfyxrof9TK3rYbi7/Yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-unique-selectors/6.0.0
+    name: postcss-unique-selectors
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
+    dev: true
+
   registry.npmjs.org/postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz}
     name: postcss-value-parser
     version: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss@8.4.24:
-    resolution: {integrity: sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz}
-    name: postcss
-    version: 8.4.24
-    engines: {node: ^10 || ^12 || >=14}
-    dependencies:
-      nanoid: registry.npmjs.org/nanoid@3.3.6
-      picocolors: registry.npmjs.org/picocolors@1.0.0
-      source-map-js: registry.npmjs.org/source-map-js@1.0.2
-    dev: true
-
   registry.npmjs.org/postcss@8.4.27:
     resolution: {integrity: sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz}
     name: postcss
@@ -7702,6 +8286,20 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  registry.npmjs.org/stylehacks@6.0.0(postcss@8.4.27):
+    resolution: {integrity: sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stylehacks/-/stylehacks-6.0.0.tgz}
+    id: registry.npmjs.org/stylehacks/6.0.0
+    name: stylehacks
+    version: 6.0.0
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+    dependencies:
+      browserslist: registry.npmjs.org/browserslist@4.21.10
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
+    dev: true
+
   registry.npmjs.org/supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz}
     name: supports-color
@@ -7781,8 +8379,8 @@ packages:
       eslint-scope: registry.npmjs.org/eslint-scope@7.2.0
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
       espree: registry.npmjs.org/espree@9.5.2
-      postcss: registry.npmjs.org/postcss@8.4.24
-      postcss-scss: registry.npmjs.org/postcss-scss@4.0.6(postcss@8.4.24)
+      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss-scss: registry.npmjs.org/postcss-scss@4.0.6(postcss@8.4.27)
       svelte: registry.npmjs.org/svelte@4.2.0
     dev: true
 
@@ -7905,6 +8503,21 @@ packages:
       periscopic: registry.npmjs.org/periscopic@3.1.0
     dev: true
 
+  registry.npmjs.org/svgo@3.0.2:
+    resolution: {integrity: sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svgo/-/svgo-3.0.2.tgz}
+    name: svgo
+    version: 3.0.2
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+    dependencies:
+      '@trysound/sax': registry.npmjs.org/@trysound/sax@0.2.0
+      commander: registry.npmjs.org/commander@7.2.0
+      css-select: registry.npmjs.org/css-select@5.1.0
+      css-tree: registry.npmjs.org/css-tree@2.3.1
+      csso: registry.npmjs.org/csso@5.0.5
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+    dev: true
+
   registry.npmjs.org/term-size@2.2.1:
     resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/term-size/-/term-size-2.2.1.tgz}
     name: term-size
@@ -8323,20 +8936,6 @@ packages:
       picocolors: registry.npmjs.org/picocolors@1.0.0
     dev: true
 
-  registry.npmjs.org/update-browserslist-db@1.0.11(browserslist@4.21.8):
-    resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz}
-    id: registry.npmjs.org/update-browserslist-db/1.0.11
-    name: update-browserslist-db
-    version: 1.0.11
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
-    dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.21.8
-      escalade: registry.npmjs.org/escalade@3.1.1
-      picocolors: registry.npmjs.org/picocolors@1.0.0
-    dev: true
-
   registry.npmjs.org/uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz}
     name: uri-js
@@ -8417,7 +9016,7 @@ packages:
         optional: true
     dependencies:
       esbuild: registry.npmjs.org/esbuild@0.17.19
-      postcss: registry.npmjs.org/postcss@8.4.24
+      postcss: registry.npmjs.org/postcss@8.4.27
       rollup: registry.npmjs.org/rollup@3.25.1
     optionalDependencies:
       fsevents: registry.npmjs.org/fsevents@2.3.2
diff --git a/tooling/postcss-config/postcss.config.js b/tooling/postcss-config/postcss.config.js
index b183d86e9..e78c12e8f 100644
--- a/tooling/postcss-config/postcss.config.js
+++ b/tooling/postcss-config/postcss.config.js
@@ -1,8 +1,23 @@
-module.exports = {
-  plugins: [
-    require('postcss-import'),
-    require('postcss-nested'),
-    require('postcss-combine-duplicated-selectors'),
-    require('autoprefixer'),
-  ],
+require('dotenv').config();
+
+const postcssImport = require('postcss-import');
+const postcssNested = require('postcss-nested');
+const postcssCombine = require('postcss-combine-duplicated-selectors');
+const postcssRename = require('postcss-rename');
+const autoprefixer = require('autoprefixer');
+const cssnano = require('cssnano');
+
+module.exports = (ctx) => {
+  return {
+    plugins: [
+      postcssImport,
+      postcssNested,
+      postcssCombine,
+      postcssRename({
+        strategy: (className) => className.replace('xy', process.env.LIB),
+      }),
+      autoprefixer,
+      ctx.env === 'production' && cssnano,
+    ],
+  };
 };

From 34abe4781f237344047aa288483f361c72c1b4fd Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 24 Aug 2023 15:01:47 +0200
Subject: [PATCH 0145/1093] chore(svelte): cleanup examples

---
 packages/svelte/src/routes/customnode/+page.svelte            | 4 +++-
 .../{CustomNode/Custom.svelte => CustomNode.svelte}           | 0
 packages/svelte/src/routes/customnode/CustomNode/index.ts     | 1 -
 packages/svelte/src/routes/drag-n-drop/Flow.svelte            | 2 ++
 packages/svelte/src/routes/edges/+page.svelte                 | 2 ++
 packages/svelte/src/routes/figma/+page.svelte                 | 2 ++
 packages/svelte/src/routes/interaction/+page.svelte           | 2 ++
 packages/svelte/src/routes/stress/+page.svelte                | 2 ++
 packages/svelte/src/routes/subflows/+page.svelte              | 4 +++-
 .../src/routes/subflows/{DebugNode => }/DebugNode.svelte      | 2 +-
 packages/svelte/src/routes/subflows/DebugNode/index.ts        | 1 -
 packages/svelte/src/routes/usesvelteflow/Flow.svelte          | 2 ++
 packages/svelte/src/routes/validation/+page.svelte            | 2 ++
 packages/system/package.json                                  | 2 +-
 14 files changed, 22 insertions(+), 6 deletions(-)
 rename packages/svelte/src/routes/customnode/{CustomNode/Custom.svelte => CustomNode.svelte} (100%)
 delete mode 100644 packages/svelte/src/routes/customnode/CustomNode/index.ts
 rename packages/svelte/src/routes/subflows/{DebugNode => }/DebugNode.svelte (86%)
 delete mode 100644 packages/svelte/src/routes/subflows/DebugNode/index.ts

diff --git a/packages/svelte/src/routes/customnode/+page.svelte b/packages/svelte/src/routes/customnode/+page.svelte
index e2c287a41..fdb438ca1 100644
--- a/packages/svelte/src/routes/customnode/+page.svelte
+++ b/packages/svelte/src/routes/customnode/+page.svelte
@@ -13,7 +13,9 @@
     type Edge,
     type Connection
   } from '../../lib/index';
-  import { CustomNode } from './CustomNode';
+  import CustomNode from './CustomNode.svelte';
+
+  import '../../styles/style.css';
 
   const nodeTypes: NodeTypes = {
     colorNode: CustomNode
diff --git a/packages/svelte/src/routes/customnode/CustomNode/Custom.svelte b/packages/svelte/src/routes/customnode/CustomNode.svelte
similarity index 100%
rename from packages/svelte/src/routes/customnode/CustomNode/Custom.svelte
rename to packages/svelte/src/routes/customnode/CustomNode.svelte
diff --git a/packages/svelte/src/routes/customnode/CustomNode/index.ts b/packages/svelte/src/routes/customnode/CustomNode/index.ts
deleted file mode 100644
index c22c77aaf..000000000
--- a/packages/svelte/src/routes/customnode/CustomNode/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as CustomNode } from './Custom.svelte';
diff --git a/packages/svelte/src/routes/drag-n-drop/Flow.svelte b/packages/svelte/src/routes/drag-n-drop/Flow.svelte
index 2f88e4916..f4caae4e4 100644
--- a/packages/svelte/src/routes/drag-n-drop/Flow.svelte
+++ b/packages/svelte/src/routes/drag-n-drop/Flow.svelte
@@ -11,6 +11,8 @@
   } from '../../lib/index';
   import Sidebar from './Sidebar.svelte';
 
+  import '../../styles/style.css';
+
   const nodes = writable([
     {
       id: '1',
diff --git a/packages/svelte/src/routes/edges/+page.svelte b/packages/svelte/src/routes/edges/+page.svelte
index 74e1462cb..1247d02ff 100644
--- a/packages/svelte/src/routes/edges/+page.svelte
+++ b/packages/svelte/src/routes/edges/+page.svelte
@@ -9,6 +9,8 @@
     MarkerType
   } from '../../lib/index';
 
+  import '../../styles/style.css';
+
   const nodes = writable([
     {
       id: '1',
diff --git a/packages/svelte/src/routes/figma/+page.svelte b/packages/svelte/src/routes/figma/+page.svelte
index b8039f460..4447349bf 100644
--- a/packages/svelte/src/routes/figma/+page.svelte
+++ b/packages/svelte/src/routes/figma/+page.svelte
@@ -8,6 +8,8 @@
     SelectionMode
   } from '../../lib/index';
 
+  import '../../styles/style.css';
+
   const onPaneContextMenu = (e: any) => {
     e.preventDefault();
     console.log('context menu');
diff --git a/packages/svelte/src/routes/interaction/+page.svelte b/packages/svelte/src/routes/interaction/+page.svelte
index 71ef961fc..b14f4c92d 100644
--- a/packages/svelte/src/routes/interaction/+page.svelte
+++ b/packages/svelte/src/routes/interaction/+page.svelte
@@ -11,6 +11,8 @@
     type Edge
   } from '../../lib/index';
 
+  import '../../styles/style.css';
+
   const nodes = writable([
     {
       id: '1',
diff --git a/packages/svelte/src/routes/stress/+page.svelte b/packages/svelte/src/routes/stress/+page.svelte
index bd1a68fb1..d9e5a50d7 100644
--- a/packages/svelte/src/routes/stress/+page.svelte
+++ b/packages/svelte/src/routes/stress/+page.svelte
@@ -10,6 +10,8 @@
     type Edge
   } from '../../lib/index';
 
+  import '../../styles/style.css';
+
   const yNodes = 25;
   const xNodes = 25;
 
diff --git a/packages/svelte/src/routes/subflows/+page.svelte b/packages/svelte/src/routes/subflows/+page.svelte
index 46efde838..0e3ccb7e1 100644
--- a/packages/svelte/src/routes/subflows/+page.svelte
+++ b/packages/svelte/src/routes/subflows/+page.svelte
@@ -10,7 +10,9 @@
     type Node
   } from '../../lib/index';
 
-  import { DebugNode } from './DebugNode';
+  import '../../styles/style.css';
+
+  import DebugNode from './DebugNode.svelte';
 
   const nodeTypes: NodeTypes = {
     default: DebugNode
diff --git a/packages/svelte/src/routes/subflows/DebugNode/DebugNode.svelte b/packages/svelte/src/routes/subflows/DebugNode.svelte
similarity index 86%
rename from packages/svelte/src/routes/subflows/DebugNode/DebugNode.svelte
rename to packages/svelte/src/routes/subflows/DebugNode.svelte
index d5d7caaf0..d249493bc 100644
--- a/packages/svelte/src/routes/subflows/DebugNode/DebugNode.svelte
+++ b/packages/svelte/src/routes/subflows/DebugNode.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Handle, Position, type NodeProps } from '../../../lib/index';
+  import { Handle, Position, type NodeProps } from '../../lib/index';
 
   type $$Props = NodeProps;
 
diff --git a/packages/svelte/src/routes/subflows/DebugNode/index.ts b/packages/svelte/src/routes/subflows/DebugNode/index.ts
deleted file mode 100644
index 124af6caf..000000000
--- a/packages/svelte/src/routes/subflows/DebugNode/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as DebugNode } from './DebugNode.svelte';
diff --git a/packages/svelte/src/routes/usesvelteflow/Flow.svelte b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
index 4879fce0a..3b3991fc0 100644
--- a/packages/svelte/src/routes/usesvelteflow/Flow.svelte
+++ b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
@@ -4,6 +4,8 @@
 
   import Sidebar from './Sidebar.svelte';
 
+  import '../../styles/style.css';
+
   const nodes = writable([
     {
       id: '1',
diff --git a/packages/svelte/src/routes/validation/+page.svelte b/packages/svelte/src/routes/validation/+page.svelte
index 6f7d62478..6be2b32fb 100644
--- a/packages/svelte/src/routes/validation/+page.svelte
+++ b/packages/svelte/src/routes/validation/+page.svelte
@@ -9,6 +9,8 @@
     Position
   } from '../../lib/index';
 
+  import '../../styles/style.css';
+
   const nodeDefaults = {
     sourcePosition: Position.Right,
     targetPosition: Position.Left
diff --git a/packages/system/package.json b/packages/system/package.json
index 282501fa9..d356353be 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 05b735cc4f081c2bb6157999a8415440e4b38992 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 24 Aug 2023 15:10:19 +0200
Subject: [PATCH 0146/1093] chore(svelte): bump

---
 packages/svelte/package.json | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index c8fc6a5ee..455e32250 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
@@ -13,7 +13,7 @@
   ],
   "scripts": {
     "dev": "concurrently \"vite dev\" pnpm:css-watch",
-    "build": "svelte-kit sync && svelte-package -o dist",
+    "build": "svelte-kit sync && svelte-package -o dist && pnpm css",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "css": "postcss src/styles/{base,style}.css --config ./../../tooling/postcss-config --dir dist",
@@ -29,8 +29,13 @@
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js",
       "default": "./dist/index.js"
-    }
+    },
+    "./dist/base.css": "./dist/base.css",
+    "./dist/style.css": "./dist/style.css"
   },
+  "sideEffects": [
+    "*.css"
+  ],
   "publishConfig": {
     "access": "public"
   },

From e30ce0692d615212b5ebeca1edb60dddf4256e92 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 24 Aug 2023 15:17:06 +0200
Subject: [PATCH 0147/1093] chore(svelte): update readme

---
 packages/svelte/README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index 314e11c81..4ee45348e 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -29,6 +29,10 @@ A basic flow looks like this:
     BackgroundVariant,
     MiniMap,
   } from '@xyflow/svelte';
+
+  // you need to import the styles for Svelte Flow to work
+  // if you just want to load the basic styleds, you can import '@xyflow/svelte/dist/base.css'
+  import '@xyflow/svelte/dist/style.css'
   
   // We are using writables for the nodes and edges to sync them easily. When a user drags a node for example, Svelte Flow updates its position.
   // This also makes it easier to update nodes in user land.

From c12bcc13322f1730d940ac2d6ec63abe452965c9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 28 Aug 2023 13:09:15 +0200
Subject: [PATCH 0148/1093] fix(connectionline): set overflow visible

---
 packages/system/package.json        | 2 +-
 packages/system/src/styles/init.css | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/system/package.json b/packages/system/package.json
index d356353be..e9e44af38 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index b41e04313..2aac2df2a 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -129,6 +129,7 @@
 
 .xy-flow__connectionline {
   z-index: 1001;
+  overflow: visible;
 }
 
 .xy-flow__nodes {

From 50c2e1f82e7c7469cc3c9491ba73b6dc28f7a5d7 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 28 Aug 2023 13:09:45 +0200
Subject: [PATCH 0149/1093] chore(packages): bump

---
 packages/svelte/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 455e32250..3efc95579 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",

From 214d15ab2d6cff156f99467c7ce30c1efee017c5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 28 Aug 2023 13:27:12 +0200
Subject: [PATCH 0150/1093] fix(svelte): center edge label

---
 packages/svelte/package.json         | 2 +-
 packages/svelte/src/styles/base.css  | 4 ++++
 packages/svelte/src/styles/style.css | 4 ++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 3efc95579..f9f2ccefd 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/svelte/src/styles/base.css b/packages/svelte/src/styles/base.css
index 5cb2b8ff8..6dab76f35 100644
--- a/packages/svelte/src/styles/base.css
+++ b/packages/svelte/src/styles/base.css
@@ -1,3 +1,7 @@
 /* this gets exported as style.css and can be used for the default theming */
 @import '../../../system/src/styles/init.css';
 @import '../../../system/src/styles/base.css';
+
+.svelte-flow__edge-label {
+  text-align: center;
+}
diff --git a/packages/svelte/src/styles/style.css b/packages/svelte/src/styles/style.css
index 7bd97d4a7..0fbac76ad 100644
--- a/packages/svelte/src/styles/style.css
+++ b/packages/svelte/src/styles/style.css
@@ -1,3 +1,7 @@
 /* this gets exported as style.css and can be used for the default theming */
 @import '../../../system/src/styles/init.css';
 @import '../../../system/src/styles/style.css';
+
+.svelte-flow__edge-label {
+  text-align: center;
+}

From b6ac43ba4546a15329968f638968b9be3aa87040 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 29 Aug 2023 17:02:26 +0200
Subject: [PATCH 0151/1093] feat(svelte): export useStore

---
 packages/svelte/package.json     | 2 +-
 packages/svelte/src/lib/index.ts | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index f9f2ccefd..0bea25aa3 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index d6861045c..b3048f188 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -14,6 +14,9 @@ export * from '$lib/plugins/Controls';
 export * from '$lib/plugins/Background';
 export * from '$lib/plugins/Minimap';
 
+// store
+export { useStore } from '$lib/store';
+
 // utils
 export * from '$lib/utils';
 export * from '$lib/hooks/useSvelteFlow';
@@ -22,6 +25,7 @@ export * from '$lib/hooks/useSvelteFlow';
 export type { Edge, EdgeProps, EdgeTypes, DefaultEdgeOptions } from '$lib/types/edges';
 export type { HandleComponentProps, FitViewOptions } from '$lib/types/general';
 export type { Node, NodeTypes, DefaultNodeOptions } from '$lib/types/nodes';
+export type { SvelteFlowStore } from '$lib/store/types';
 
 // system types
 export {

From e5437ff2342a5af22f350da4e6f81ead532fe76e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 30 Aug 2023 12:58:41 +0200
Subject: [PATCH 0152/1093] fix(svelte): edge label size

---
 packages/svelte/src/styles/base.css  | 1 +
 packages/svelte/src/styles/style.css | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/svelte/src/styles/base.css b/packages/svelte/src/styles/base.css
index 6dab76f35..80bc953da 100644
--- a/packages/svelte/src/styles/base.css
+++ b/packages/svelte/src/styles/base.css
@@ -4,4 +4,5 @@
 
 .svelte-flow__edge-label {
   text-align: center;
+  position: absolute;
 }
diff --git a/packages/svelte/src/styles/style.css b/packages/svelte/src/styles/style.css
index 0fbac76ad..b3f57e6f8 100644
--- a/packages/svelte/src/styles/style.css
+++ b/packages/svelte/src/styles/style.css
@@ -4,4 +4,5 @@
 
 .svelte-flow__edge-label {
   text-align: center;
+  position: absolute;
 }

From 3da34c739e1ddb54552582144a57fa05613439c8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 30 Aug 2023 16:38:18 +0200
Subject: [PATCH 0153/1093] style(minimap): add default bg

---
 packages/system/src/styles/init.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 2aac2df2a..b65c4df47 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -266,7 +266,7 @@
 }
 
 .xy-flow__minimap {
-  stroke: var(--minimap-background-color, var(--minimap-background-color-default));
+  background: var(--minimap-background-color, var(--minimap-background-color-default));
 }
 
 .xy-flow__background {

From dcc38794a6d87cd19f3c77a963166b8ea2c45266 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Thu, 31 Aug 2023 16:44:27 +0200
Subject: [PATCH 0154/1093] chore(svelte-examples): pull out of lib package
 (#3363)

* chore(svelte-examples): pull out of lib package

* chore(svelte-examples): cleanup

* chore(examples): add readme files
---
 examples/{vite-app => react}/.gitignore       |   0
 examples/react/README.md                      |  12 +
 .../{vite-app => react}/cypress.config.ts     |   0
 .../cypress/components/hooks/useEdges.cy.tsx  |   0
 .../cypress/components/hooks/useNodes.cy.tsx  |   0
 .../hooks/useNodesInitialized.cy.tsx          |   0
 .../hooks/useOnViewportChange.cy.tsx          |   0
 .../components/hooks/useViewport.cy.tsx       |   0
 .../components/reactflow/basic-props.cy.tsx   |   0
 .../reactflow/event-handlers.cy.tsx           |   0
 .../reactflow/multiple-instance.cy.tsx        |   0
 .../components/reactflow/uncontrolled.cy.tsx  |   0
 .../components/reactflow/view-props.cy.tsx    |   0
 .../components/utils/graph-utils.cy.ts        |   0
 .../cypress/e2e/basic.cy.ts                   |   0
 .../cypress/e2e/controls.cy.ts                |   0
 .../cypress/e2e/draghandle.cy.ts              |   0
 .../cypress/e2e/empty.cy.ts                   |   0
 .../cypress/e2e/figma.cy.ts                   |   0
 .../cypress/e2e/hidden.cy.ts                  |   0
 .../cypress/e2e/interaction.cy.ts             |   0
 .../cypress/e2e/minimap.cy.ts                 |   0
 .../cypress/fixtures/simpleflow.ts            |   0
 .../cypress/support/ControlledFlow.tsx        |   0
 .../cypress/support/commands.ts               |   0
 .../cypress/support/component-index.html      |   0
 .../cypress/support/component.ts              |   0
 .../cypress/support/e2e.ts                    |   0
 examples/{vite-app => react}/index.html       |   0
 examples/{vite-app => react}/package.json     |   0
 examples/{vite-app => react}/public/vite.svg  |   0
 .../{vite-app => react}/src/App/index.tsx     |   0
 .../src/examples/Backgrounds/index.tsx        |   0
 .../src/examples/Backgrounds/style.module.css |   0
 .../src/examples/Basic/index.tsx              |   0
 .../CancelConnection/Timer.module.css         |   0
 .../src/examples/CancelConnection/Timer.tsx   |   0
 .../src/examples/CancelConnection/data.ts     |   0
 .../CancelConnection/hooks/useCountdown.ts    |   0
 .../src/examples/CancelConnection/index.tsx   |   0
 .../examples/ControlledUncontrolled/index.tsx |   0
 .../CustomConnectionLine/ConnectionLine.tsx   |   0
 .../examples/CustomConnectionLine/index.tsx   |   0
 .../src/examples/CustomMiniMapNode/index.tsx  |   0
 .../examples/CustomNode/ColorSelectorNode.tsx |   0
 .../src/examples/CustomNode/index.tsx         |   0
 .../src/examples/DefaultNodes/index.tsx       |   0
 .../examples/DragHandle/DragHandleNode.tsx    |   0
 .../src/examples/DragHandle/index.tsx         |   0
 .../src/examples/DragNDrop/Sidebar.tsx        |   0
 .../src/examples/DragNDrop/dnd.module.css     |   0
 .../src/examples/DragNDrop/index.tsx          |   0
 .../EasyConnect/CustomConnectionLine.tsx      |   0
 .../src/examples/EasyConnect/CustomNode.tsx   |   0
 .../src/examples/EasyConnect/FloatingEdge.tsx |   0
 .../src/examples/EasyConnect/index.tsx        |   0
 .../src/examples/EasyConnect/style.css        |   0
 .../src/examples/EasyConnect/utils.tsx        |   0
 .../src/examples/EdgeRenderer/CustomEdge.tsx  |   0
 .../src/examples/EdgeRenderer/CustomEdge2.tsx |   0
 .../src/examples/EdgeRenderer/index.tsx       |   0
 .../src/examples/EdgeRouting/index.tsx        |   0
 .../src/examples/EdgeTypes/index.tsx          |   0
 .../src/examples/EdgeTypes/utils.ts           |   0
 .../src/examples/Edges/CustomEdge.tsx         |   0
 .../src/examples/Edges/CustomEdge2.tsx        |   0
 .../src/examples/Edges/index.tsx              |   0
 .../src/examples/Empty/index.tsx              |   0
 .../src/examples/Figma/index.tsx              |   0
 .../FloatingEdges/FloatingConnectionLine.tsx  |   0
 .../examples/FloatingEdges/FloatingEdge.tsx   |   0
 .../src/examples/FloatingEdges/index.tsx      |   0
 .../examples/FloatingEdges/style.module.css   |   0
 .../src/examples/FloatingEdges/utils.ts       |   0
 .../src/examples/Hidden/index.tsx             |   0
 .../src/examples/Interaction/index.tsx        |   0
 .../src/examples/InteractiveMinimap/index.tsx |   0
 .../src/examples/Intersection/index.tsx       |   0
 .../src/examples/Intersection/style.css       |   0
 .../src/examples/Layouting/index.tsx          |   0
 .../examples/Layouting/initial-elements.ts    |   0
 .../examples/Layouting/layouting.module.css   |   0
 .../src/examples/MultiFlows/index.tsx         |   0
 .../examples/MultiFlows/multiflows.module.css |   0
 .../src/examples/NestedNodes/index.tsx        |   0
 .../examples/NodeResizer/CustomResizer.tsx    |   0
 .../examples/NodeResizer/DefaultResizer.tsx   |   0
 .../NodeResizer/HorizontalResizer.tsx         |   0
 .../src/examples/NodeResizer/ResizeIcon.tsx   |   0
 .../examples/NodeResizer/VerticalResizer.tsx  |   0
 .../src/examples/NodeResizer/index.tsx        |   0
 .../src/examples/NodeToolbar/CustomNode.tsx   |   0
 .../NodeToolbar/SelectedNodesToolbar.tsx      |   0
 .../src/examples/NodeToolbar/index.tsx        |   0
 .../src/examples/NodeTypeChange/index.tsx     |   0
 .../examples/NodeTypesObjectChange/index.tsx  |   0
 .../src/examples/Overview/index.tsx           |   0
 .../src/examples/Provider/Sidebar.tsx         |   0
 .../src/examples/Provider/index.tsx           |   0
 .../src/examples/Provider/provider.module.css |   0
 .../src/examples/SaveRestore/Controls.tsx     |   0
 .../src/examples/SaveRestore/index.tsx        |   0
 .../src/examples/SaveRestore/save.module.css  |   0
 .../src/examples/Stress/index.tsx             |   0
 .../src/examples/Stress/utils.ts              |   0
 .../src/examples/Subflow/DebugNode.tsx        |   0
 .../src/examples/Subflow/index.tsx            |   0
 .../src/examples/Switch/index.tsx             |   0
 .../src/examples/TouchDevice/index.tsx        |   0
 .../TouchDevice/touch-device.module.css       |   0
 .../src/examples/Undirectional/CustomNode.tsx |   0
 .../src/examples/Undirectional/index.tsx      |   0
 .../src/examples/UpdatableEdge/index.tsx      |   0
 .../src/examples/UpdateNode/index.tsx         |   0
 .../examples/UpdateNode/updatenode.module.css |   0
 .../src/examples/UseKeyPress/index.tsx        |   0
 .../src/examples/UseNodesInit/index.tsx       |   0
 .../UseOnSelectionChange/CustomNode.tsx       |   0
 .../examples/UseOnSelectionChange/index.tsx   |   0
 .../src/examples/UseReactFlow/index.tsx       |   0
 .../UseUpdateNodeInternals/CustomNode.tsx     |   0
 .../examples/UseUpdateNodeInternals/index.tsx |   0
 .../examples/Validation/ConnectionStatus.tsx  |   0
 .../src/examples/Validation/index.tsx         |   0
 .../examples/Validation/validation.module.css |   0
 examples/{vite-app => react}/src/index.css    |   0
 examples/{vite-app => react}/src/main.tsx     |   0
 .../{vite-app => react}/src/vite-env.d.ts     |   0
 examples/{vite-app => react}/tsconfig.json    |   0
 .../{vite-app => react}/tsconfig.node.json    |   0
 examples/{vite-app => react}/vite.config.ts   |   0
 examples/svelte/.eslintignore                 |  13 +
 examples/svelte/.eslintrc.cjs                 |  30 ++
 examples/svelte/.gitignore                    |  10 +
 examples/svelte/.npmrc                        |   2 +
 examples/svelte/.prettierignore               |  13 +
 examples/svelte/.prettierrc                   |   9 +
 examples/svelte/README.md                     |  10 +
 examples/svelte/package.json                  |  34 ++
 examples/svelte/src/app.d.ts                  |  12 +
 examples/svelte/src/app.html                  |  20 +
 .../src/components}/Header/Header.svelte      |   0
 .../svelte/src/components}/Header/index.ts    |   0
 .../svelte/src/routes/+layout.server.ts       |   0
 examples/svelte/src/routes/+layout.svelte     |  22 +
 examples/svelte/src/routes/+page.svelte       |   1 +
 .../svelte/src/routes/customnode/+page.svelte | 131 +++++
 .../src/routes/customnode/CustomNode.svelte   |  21 +
 .../src/routes/drag-n-drop/+page.svelte       |   9 +
 .../svelte/src/routes/drag-n-drop/Flow.svelte | 106 ++++
 .../src/routes/drag-n-drop/Sidebar.svelte     |  61 +++
 examples/svelte/src/routes/edges/+page.svelte | 152 ++++++
 examples/svelte/src/routes/figma/+page.svelte |  56 +++
 .../src/routes/interaction/+page.svelte       | 213 +++++++++
 .../svelte/src/routes/overview/+page.svelte   | 169 +++++++
 .../src/routes/overview/CustomEdge.svelte     |  59 +++
 .../src/routes/overview/CustomNode.svelte     |  27 ++
 .../svelte/src/routes/stress/+page.svelte     |  57 +++
 .../svelte/src/routes/subflows/+page.svelte   | 134 ++++++
 .../src/routes/subflows/DebugNode.svelte      |  24 +
 .../src/routes/usesvelteflow/+page.svelte     |   9 +
 .../src/routes/usesvelteflow/Flow.svelte      |  61 +++
 .../src/routes/usesvelteflow/Sidebar.svelte   |  56 +++
 .../svelte/src/routes/validation/+page.svelte |  40 ++
 .../svelte/src/routes/validation/style.css    |   7 +
 examples/svelte/src/styles/base.css           |   8 +
 examples/svelte/src/styles/style.css          |   8 +
 examples/svelte/static/favicon.png            | Bin 0 -> 1571 bytes
 examples/svelte/svelte.config.js              |  18 +
 examples/svelte/tsconfig.json                 |  17 +
 examples/svelte/vite.config.ts                |  12 +
 packages/svelte/package.json                  |  17 +-
 packages/svelte/src/app.d.ts                  |  12 -
 packages/svelte/src/app.html                  |  20 -
 packages/svelte/src/routes/+layout.svelte     |  22 -
 packages/svelte/src/routes/+page.svelte       |   2 +-
 .../svelte/src/routes/customnode/+page.svelte | 131 -----
 .../src/routes/customnode/CustomNode.svelte   |  21 -
 .../src/routes/drag-n-drop/+page.svelte       |   9 -
 .../svelte/src/routes/drag-n-drop/Flow.svelte | 106 ----
 .../src/routes/drag-n-drop/Sidebar.svelte     |  61 ---
 packages/svelte/src/routes/edges/+page.svelte | 152 ------
 packages/svelte/src/routes/figma/+page.svelte |  56 ---
 .../src/routes/interaction/+page.svelte       | 213 ---------
 .../svelte/src/routes/overview/+page.svelte   | 169 -------
 .../src/routes/overview/CustomEdge.svelte     |  59 ---
 .../src/routes/overview/CustomNode.svelte     |  27 --
 .../svelte/src/routes/stress/+page.svelte     |  57 ---
 .../svelte/src/routes/subflows/+page.svelte   | 134 ------
 .../src/routes/subflows/DebugNode.svelte      |  24 -
 .../src/routes/usesvelteflow/+page.svelte     |   9 -
 .../src/routes/usesvelteflow/Flow.svelte      |  61 ---
 .../src/routes/usesvelteflow/Sidebar.svelte   |  56 ---
 .../svelte/src/routes/validation/+page.svelte |  49 --
 packages/svelte/svelte.config.js              |   5 -
 packages/svelte/vite.config.ts                |  11 -
 pnpm-lock.yaml                                | 452 ++++++++++++++----
 197 files changed, 2003 insertions(+), 1575 deletions(-)
 rename examples/{vite-app => react}/.gitignore (100%)
 create mode 100644 examples/react/README.md
 rename examples/{vite-app => react}/cypress.config.ts (100%)
 rename examples/{vite-app => react}/cypress/components/hooks/useEdges.cy.tsx (100%)
 rename examples/{vite-app => react}/cypress/components/hooks/useNodes.cy.tsx (100%)
 rename examples/{vite-app => react}/cypress/components/hooks/useNodesInitialized.cy.tsx (100%)
 rename examples/{vite-app => react}/cypress/components/hooks/useOnViewportChange.cy.tsx (100%)
 rename examples/{vite-app => react}/cypress/components/hooks/useViewport.cy.tsx (100%)
 rename examples/{vite-app => react}/cypress/components/reactflow/basic-props.cy.tsx (100%)
 rename examples/{vite-app => react}/cypress/components/reactflow/event-handlers.cy.tsx (100%)
 rename examples/{vite-app => react}/cypress/components/reactflow/multiple-instance.cy.tsx (100%)
 rename examples/{vite-app => react}/cypress/components/reactflow/uncontrolled.cy.tsx (100%)
 rename examples/{vite-app => react}/cypress/components/reactflow/view-props.cy.tsx (100%)
 rename examples/{vite-app => react}/cypress/components/utils/graph-utils.cy.ts (100%)
 rename examples/{vite-app => react}/cypress/e2e/basic.cy.ts (100%)
 rename examples/{vite-app => react}/cypress/e2e/controls.cy.ts (100%)
 rename examples/{vite-app => react}/cypress/e2e/draghandle.cy.ts (100%)
 rename examples/{vite-app => react}/cypress/e2e/empty.cy.ts (100%)
 rename examples/{vite-app => react}/cypress/e2e/figma.cy.ts (100%)
 rename examples/{vite-app => react}/cypress/e2e/hidden.cy.ts (100%)
 rename examples/{vite-app => react}/cypress/e2e/interaction.cy.ts (100%)
 rename examples/{vite-app => react}/cypress/e2e/minimap.cy.ts (100%)
 rename examples/{vite-app => react}/cypress/fixtures/simpleflow.ts (100%)
 rename examples/{vite-app => react}/cypress/support/ControlledFlow.tsx (100%)
 rename examples/{vite-app => react}/cypress/support/commands.ts (100%)
 rename examples/{vite-app => react}/cypress/support/component-index.html (100%)
 rename examples/{vite-app => react}/cypress/support/component.ts (100%)
 rename examples/{vite-app => react}/cypress/support/e2e.ts (100%)
 rename examples/{vite-app => react}/index.html (100%)
 rename examples/{vite-app => react}/package.json (100%)
 rename examples/{vite-app => react}/public/vite.svg (100%)
 rename examples/{vite-app => react}/src/App/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Backgrounds/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Backgrounds/style.module.css (100%)
 rename examples/{vite-app => react}/src/examples/Basic/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/CancelConnection/Timer.module.css (100%)
 rename examples/{vite-app => react}/src/examples/CancelConnection/Timer.tsx (100%)
 rename examples/{vite-app => react}/src/examples/CancelConnection/data.ts (100%)
 rename examples/{vite-app => react}/src/examples/CancelConnection/hooks/useCountdown.ts (100%)
 rename examples/{vite-app => react}/src/examples/CancelConnection/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/ControlledUncontrolled/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/CustomConnectionLine/ConnectionLine.tsx (100%)
 rename examples/{vite-app => react}/src/examples/CustomConnectionLine/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/CustomMiniMapNode/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/CustomNode/ColorSelectorNode.tsx (100%)
 rename examples/{vite-app => react}/src/examples/CustomNode/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/DefaultNodes/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/DragHandle/DragHandleNode.tsx (100%)
 rename examples/{vite-app => react}/src/examples/DragHandle/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/DragNDrop/Sidebar.tsx (100%)
 rename examples/{vite-app => react}/src/examples/DragNDrop/dnd.module.css (100%)
 rename examples/{vite-app => react}/src/examples/DragNDrop/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/EasyConnect/CustomConnectionLine.tsx (100%)
 rename examples/{vite-app => react}/src/examples/EasyConnect/CustomNode.tsx (100%)
 rename examples/{vite-app => react}/src/examples/EasyConnect/FloatingEdge.tsx (100%)
 rename examples/{vite-app => react}/src/examples/EasyConnect/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/EasyConnect/style.css (100%)
 rename examples/{vite-app => react}/src/examples/EasyConnect/utils.tsx (100%)
 rename examples/{vite-app => react}/src/examples/EdgeRenderer/CustomEdge.tsx (100%)
 rename examples/{vite-app => react}/src/examples/EdgeRenderer/CustomEdge2.tsx (100%)
 rename examples/{vite-app => react}/src/examples/EdgeRenderer/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/EdgeRouting/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/EdgeTypes/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/EdgeTypes/utils.ts (100%)
 rename examples/{vite-app => react}/src/examples/Edges/CustomEdge.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Edges/CustomEdge2.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Edges/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Empty/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Figma/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/FloatingEdges/FloatingConnectionLine.tsx (100%)
 rename examples/{vite-app => react}/src/examples/FloatingEdges/FloatingEdge.tsx (100%)
 rename examples/{vite-app => react}/src/examples/FloatingEdges/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/FloatingEdges/style.module.css (100%)
 rename examples/{vite-app => react}/src/examples/FloatingEdges/utils.ts (100%)
 rename examples/{vite-app => react}/src/examples/Hidden/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Interaction/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/InteractiveMinimap/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Intersection/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Intersection/style.css (100%)
 rename examples/{vite-app => react}/src/examples/Layouting/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Layouting/initial-elements.ts (100%)
 rename examples/{vite-app => react}/src/examples/Layouting/layouting.module.css (100%)
 rename examples/{vite-app => react}/src/examples/MultiFlows/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/MultiFlows/multiflows.module.css (100%)
 rename examples/{vite-app => react}/src/examples/NestedNodes/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/NodeResizer/CustomResizer.tsx (100%)
 rename examples/{vite-app => react}/src/examples/NodeResizer/DefaultResizer.tsx (100%)
 rename examples/{vite-app => react}/src/examples/NodeResizer/HorizontalResizer.tsx (100%)
 rename examples/{vite-app => react}/src/examples/NodeResizer/ResizeIcon.tsx (100%)
 rename examples/{vite-app => react}/src/examples/NodeResizer/VerticalResizer.tsx (100%)
 rename examples/{vite-app => react}/src/examples/NodeResizer/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/NodeToolbar/CustomNode.tsx (100%)
 rename examples/{vite-app => react}/src/examples/NodeToolbar/SelectedNodesToolbar.tsx (100%)
 rename examples/{vite-app => react}/src/examples/NodeToolbar/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/NodeTypeChange/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/NodeTypesObjectChange/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Overview/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Provider/Sidebar.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Provider/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Provider/provider.module.css (100%)
 rename examples/{vite-app => react}/src/examples/SaveRestore/Controls.tsx (100%)
 rename examples/{vite-app => react}/src/examples/SaveRestore/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/SaveRestore/save.module.css (100%)
 rename examples/{vite-app => react}/src/examples/Stress/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Stress/utils.ts (100%)
 rename examples/{vite-app => react}/src/examples/Subflow/DebugNode.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Subflow/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Switch/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/TouchDevice/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/TouchDevice/touch-device.module.css (100%)
 rename examples/{vite-app => react}/src/examples/Undirectional/CustomNode.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Undirectional/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/UpdatableEdge/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/UpdateNode/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/UpdateNode/updatenode.module.css (100%)
 rename examples/{vite-app => react}/src/examples/UseKeyPress/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/UseNodesInit/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/UseOnSelectionChange/CustomNode.tsx (100%)
 rename examples/{vite-app => react}/src/examples/UseOnSelectionChange/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/UseReactFlow/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/UseUpdateNodeInternals/CustomNode.tsx (100%)
 rename examples/{vite-app => react}/src/examples/UseUpdateNodeInternals/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Validation/ConnectionStatus.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Validation/index.tsx (100%)
 rename examples/{vite-app => react}/src/examples/Validation/validation.module.css (100%)
 rename examples/{vite-app => react}/src/index.css (100%)
 rename examples/{vite-app => react}/src/main.tsx (100%)
 rename examples/{vite-app => react}/src/vite-env.d.ts (100%)
 rename examples/{vite-app => react}/tsconfig.json (100%)
 rename examples/{vite-app => react}/tsconfig.node.json (100%)
 rename examples/{vite-app => react}/vite.config.ts (100%)
 create mode 100644 examples/svelte/.eslintignore
 create mode 100644 examples/svelte/.eslintrc.cjs
 create mode 100644 examples/svelte/.gitignore
 create mode 100644 examples/svelte/.npmrc
 create mode 100644 examples/svelte/.prettierignore
 create mode 100644 examples/svelte/.prettierrc
 create mode 100644 examples/svelte/README.md
 create mode 100644 examples/svelte/package.json
 create mode 100644 examples/svelte/src/app.d.ts
 create mode 100644 examples/svelte/src/app.html
 rename {packages/svelte/src/example-components => examples/svelte/src/components}/Header/Header.svelte (100%)
 rename {packages/svelte/src/example-components => examples/svelte/src/components}/Header/index.ts (100%)
 rename {packages => examples}/svelte/src/routes/+layout.server.ts (100%)
 create mode 100644 examples/svelte/src/routes/+layout.svelte
 create mode 100644 examples/svelte/src/routes/+page.svelte
 create mode 100644 examples/svelte/src/routes/customnode/+page.svelte
 create mode 100644 examples/svelte/src/routes/customnode/CustomNode.svelte
 create mode 100644 examples/svelte/src/routes/drag-n-drop/+page.svelte
 create mode 100644 examples/svelte/src/routes/drag-n-drop/Flow.svelte
 create mode 100644 examples/svelte/src/routes/drag-n-drop/Sidebar.svelte
 create mode 100644 examples/svelte/src/routes/edges/+page.svelte
 create mode 100644 examples/svelte/src/routes/figma/+page.svelte
 create mode 100644 examples/svelte/src/routes/interaction/+page.svelte
 create mode 100644 examples/svelte/src/routes/overview/+page.svelte
 create mode 100644 examples/svelte/src/routes/overview/CustomEdge.svelte
 create mode 100644 examples/svelte/src/routes/overview/CustomNode.svelte
 create mode 100644 examples/svelte/src/routes/stress/+page.svelte
 create mode 100644 examples/svelte/src/routes/subflows/+page.svelte
 create mode 100644 examples/svelte/src/routes/subflows/DebugNode.svelte
 create mode 100644 examples/svelte/src/routes/usesvelteflow/+page.svelte
 create mode 100644 examples/svelte/src/routes/usesvelteflow/Flow.svelte
 create mode 100644 examples/svelte/src/routes/usesvelteflow/Sidebar.svelte
 create mode 100644 examples/svelte/src/routes/validation/+page.svelte
 create mode 100644 examples/svelte/src/routes/validation/style.css
 create mode 100644 examples/svelte/src/styles/base.css
 create mode 100644 examples/svelte/src/styles/style.css
 create mode 100644 examples/svelte/static/favicon.png
 create mode 100644 examples/svelte/svelte.config.js
 create mode 100644 examples/svelte/tsconfig.json
 create mode 100644 examples/svelte/vite.config.ts
 delete mode 100644 packages/svelte/src/app.d.ts
 delete mode 100644 packages/svelte/src/app.html
 delete mode 100644 packages/svelte/src/routes/+layout.svelte
 delete mode 100644 packages/svelte/src/routes/customnode/+page.svelte
 delete mode 100644 packages/svelte/src/routes/customnode/CustomNode.svelte
 delete mode 100644 packages/svelte/src/routes/drag-n-drop/+page.svelte
 delete mode 100644 packages/svelte/src/routes/drag-n-drop/Flow.svelte
 delete mode 100644 packages/svelte/src/routes/drag-n-drop/Sidebar.svelte
 delete mode 100644 packages/svelte/src/routes/edges/+page.svelte
 delete mode 100644 packages/svelte/src/routes/figma/+page.svelte
 delete mode 100644 packages/svelte/src/routes/interaction/+page.svelte
 delete mode 100644 packages/svelte/src/routes/overview/+page.svelte
 delete mode 100644 packages/svelte/src/routes/overview/CustomEdge.svelte
 delete mode 100644 packages/svelte/src/routes/overview/CustomNode.svelte
 delete mode 100644 packages/svelte/src/routes/stress/+page.svelte
 delete mode 100644 packages/svelte/src/routes/subflows/+page.svelte
 delete mode 100644 packages/svelte/src/routes/subflows/DebugNode.svelte
 delete mode 100644 packages/svelte/src/routes/usesvelteflow/+page.svelte
 delete mode 100644 packages/svelte/src/routes/usesvelteflow/Flow.svelte
 delete mode 100644 packages/svelte/src/routes/usesvelteflow/Sidebar.svelte
 delete mode 100644 packages/svelte/src/routes/validation/+page.svelte
 delete mode 100644 packages/svelte/vite.config.ts

diff --git a/examples/vite-app/.gitignore b/examples/react/.gitignore
similarity index 100%
rename from examples/vite-app/.gitignore
rename to examples/react/.gitignore
diff --git a/examples/react/README.md b/examples/react/README.md
new file mode 100644
index 000000000..5a9a880c5
--- /dev/null
+++ b/examples/react/README.md
@@ -0,0 +1,12 @@
+# React Flow examples 
+
+This Vite app is used internally to test the library.
+
+## Start local dev server
+
+```sh
+pnpm dev
+```
+
+
+
diff --git a/examples/vite-app/cypress.config.ts b/examples/react/cypress.config.ts
similarity index 100%
rename from examples/vite-app/cypress.config.ts
rename to examples/react/cypress.config.ts
diff --git a/examples/vite-app/cypress/components/hooks/useEdges.cy.tsx b/examples/react/cypress/components/hooks/useEdges.cy.tsx
similarity index 100%
rename from examples/vite-app/cypress/components/hooks/useEdges.cy.tsx
rename to examples/react/cypress/components/hooks/useEdges.cy.tsx
diff --git a/examples/vite-app/cypress/components/hooks/useNodes.cy.tsx b/examples/react/cypress/components/hooks/useNodes.cy.tsx
similarity index 100%
rename from examples/vite-app/cypress/components/hooks/useNodes.cy.tsx
rename to examples/react/cypress/components/hooks/useNodes.cy.tsx
diff --git a/examples/vite-app/cypress/components/hooks/useNodesInitialized.cy.tsx b/examples/react/cypress/components/hooks/useNodesInitialized.cy.tsx
similarity index 100%
rename from examples/vite-app/cypress/components/hooks/useNodesInitialized.cy.tsx
rename to examples/react/cypress/components/hooks/useNodesInitialized.cy.tsx
diff --git a/examples/vite-app/cypress/components/hooks/useOnViewportChange.cy.tsx b/examples/react/cypress/components/hooks/useOnViewportChange.cy.tsx
similarity index 100%
rename from examples/vite-app/cypress/components/hooks/useOnViewportChange.cy.tsx
rename to examples/react/cypress/components/hooks/useOnViewportChange.cy.tsx
diff --git a/examples/vite-app/cypress/components/hooks/useViewport.cy.tsx b/examples/react/cypress/components/hooks/useViewport.cy.tsx
similarity index 100%
rename from examples/vite-app/cypress/components/hooks/useViewport.cy.tsx
rename to examples/react/cypress/components/hooks/useViewport.cy.tsx
diff --git a/examples/vite-app/cypress/components/reactflow/basic-props.cy.tsx b/examples/react/cypress/components/reactflow/basic-props.cy.tsx
similarity index 100%
rename from examples/vite-app/cypress/components/reactflow/basic-props.cy.tsx
rename to examples/react/cypress/components/reactflow/basic-props.cy.tsx
diff --git a/examples/vite-app/cypress/components/reactflow/event-handlers.cy.tsx b/examples/react/cypress/components/reactflow/event-handlers.cy.tsx
similarity index 100%
rename from examples/vite-app/cypress/components/reactflow/event-handlers.cy.tsx
rename to examples/react/cypress/components/reactflow/event-handlers.cy.tsx
diff --git a/examples/vite-app/cypress/components/reactflow/multiple-instance.cy.tsx b/examples/react/cypress/components/reactflow/multiple-instance.cy.tsx
similarity index 100%
rename from examples/vite-app/cypress/components/reactflow/multiple-instance.cy.tsx
rename to examples/react/cypress/components/reactflow/multiple-instance.cy.tsx
diff --git a/examples/vite-app/cypress/components/reactflow/uncontrolled.cy.tsx b/examples/react/cypress/components/reactflow/uncontrolled.cy.tsx
similarity index 100%
rename from examples/vite-app/cypress/components/reactflow/uncontrolled.cy.tsx
rename to examples/react/cypress/components/reactflow/uncontrolled.cy.tsx
diff --git a/examples/vite-app/cypress/components/reactflow/view-props.cy.tsx b/examples/react/cypress/components/reactflow/view-props.cy.tsx
similarity index 100%
rename from examples/vite-app/cypress/components/reactflow/view-props.cy.tsx
rename to examples/react/cypress/components/reactflow/view-props.cy.tsx
diff --git a/examples/vite-app/cypress/components/utils/graph-utils.cy.ts b/examples/react/cypress/components/utils/graph-utils.cy.ts
similarity index 100%
rename from examples/vite-app/cypress/components/utils/graph-utils.cy.ts
rename to examples/react/cypress/components/utils/graph-utils.cy.ts
diff --git a/examples/vite-app/cypress/e2e/basic.cy.ts b/examples/react/cypress/e2e/basic.cy.ts
similarity index 100%
rename from examples/vite-app/cypress/e2e/basic.cy.ts
rename to examples/react/cypress/e2e/basic.cy.ts
diff --git a/examples/vite-app/cypress/e2e/controls.cy.ts b/examples/react/cypress/e2e/controls.cy.ts
similarity index 100%
rename from examples/vite-app/cypress/e2e/controls.cy.ts
rename to examples/react/cypress/e2e/controls.cy.ts
diff --git a/examples/vite-app/cypress/e2e/draghandle.cy.ts b/examples/react/cypress/e2e/draghandle.cy.ts
similarity index 100%
rename from examples/vite-app/cypress/e2e/draghandle.cy.ts
rename to examples/react/cypress/e2e/draghandle.cy.ts
diff --git a/examples/vite-app/cypress/e2e/empty.cy.ts b/examples/react/cypress/e2e/empty.cy.ts
similarity index 100%
rename from examples/vite-app/cypress/e2e/empty.cy.ts
rename to examples/react/cypress/e2e/empty.cy.ts
diff --git a/examples/vite-app/cypress/e2e/figma.cy.ts b/examples/react/cypress/e2e/figma.cy.ts
similarity index 100%
rename from examples/vite-app/cypress/e2e/figma.cy.ts
rename to examples/react/cypress/e2e/figma.cy.ts
diff --git a/examples/vite-app/cypress/e2e/hidden.cy.ts b/examples/react/cypress/e2e/hidden.cy.ts
similarity index 100%
rename from examples/vite-app/cypress/e2e/hidden.cy.ts
rename to examples/react/cypress/e2e/hidden.cy.ts
diff --git a/examples/vite-app/cypress/e2e/interaction.cy.ts b/examples/react/cypress/e2e/interaction.cy.ts
similarity index 100%
rename from examples/vite-app/cypress/e2e/interaction.cy.ts
rename to examples/react/cypress/e2e/interaction.cy.ts
diff --git a/examples/vite-app/cypress/e2e/minimap.cy.ts b/examples/react/cypress/e2e/minimap.cy.ts
similarity index 100%
rename from examples/vite-app/cypress/e2e/minimap.cy.ts
rename to examples/react/cypress/e2e/minimap.cy.ts
diff --git a/examples/vite-app/cypress/fixtures/simpleflow.ts b/examples/react/cypress/fixtures/simpleflow.ts
similarity index 100%
rename from examples/vite-app/cypress/fixtures/simpleflow.ts
rename to examples/react/cypress/fixtures/simpleflow.ts
diff --git a/examples/vite-app/cypress/support/ControlledFlow.tsx b/examples/react/cypress/support/ControlledFlow.tsx
similarity index 100%
rename from examples/vite-app/cypress/support/ControlledFlow.tsx
rename to examples/react/cypress/support/ControlledFlow.tsx
diff --git a/examples/vite-app/cypress/support/commands.ts b/examples/react/cypress/support/commands.ts
similarity index 100%
rename from examples/vite-app/cypress/support/commands.ts
rename to examples/react/cypress/support/commands.ts
diff --git a/examples/vite-app/cypress/support/component-index.html b/examples/react/cypress/support/component-index.html
similarity index 100%
rename from examples/vite-app/cypress/support/component-index.html
rename to examples/react/cypress/support/component-index.html
diff --git a/examples/vite-app/cypress/support/component.ts b/examples/react/cypress/support/component.ts
similarity index 100%
rename from examples/vite-app/cypress/support/component.ts
rename to examples/react/cypress/support/component.ts
diff --git a/examples/vite-app/cypress/support/e2e.ts b/examples/react/cypress/support/e2e.ts
similarity index 100%
rename from examples/vite-app/cypress/support/e2e.ts
rename to examples/react/cypress/support/e2e.ts
diff --git a/examples/vite-app/index.html b/examples/react/index.html
similarity index 100%
rename from examples/vite-app/index.html
rename to examples/react/index.html
diff --git a/examples/vite-app/package.json b/examples/react/package.json
similarity index 100%
rename from examples/vite-app/package.json
rename to examples/react/package.json
diff --git a/examples/vite-app/public/vite.svg b/examples/react/public/vite.svg
similarity index 100%
rename from examples/vite-app/public/vite.svg
rename to examples/react/public/vite.svg
diff --git a/examples/vite-app/src/App/index.tsx b/examples/react/src/App/index.tsx
similarity index 100%
rename from examples/vite-app/src/App/index.tsx
rename to examples/react/src/App/index.tsx
diff --git a/examples/vite-app/src/examples/Backgrounds/index.tsx b/examples/react/src/examples/Backgrounds/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Backgrounds/index.tsx
rename to examples/react/src/examples/Backgrounds/index.tsx
diff --git a/examples/vite-app/src/examples/Backgrounds/style.module.css b/examples/react/src/examples/Backgrounds/style.module.css
similarity index 100%
rename from examples/vite-app/src/examples/Backgrounds/style.module.css
rename to examples/react/src/examples/Backgrounds/style.module.css
diff --git a/examples/vite-app/src/examples/Basic/index.tsx b/examples/react/src/examples/Basic/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Basic/index.tsx
rename to examples/react/src/examples/Basic/index.tsx
diff --git a/examples/vite-app/src/examples/CancelConnection/Timer.module.css b/examples/react/src/examples/CancelConnection/Timer.module.css
similarity index 100%
rename from examples/vite-app/src/examples/CancelConnection/Timer.module.css
rename to examples/react/src/examples/CancelConnection/Timer.module.css
diff --git a/examples/vite-app/src/examples/CancelConnection/Timer.tsx b/examples/react/src/examples/CancelConnection/Timer.tsx
similarity index 100%
rename from examples/vite-app/src/examples/CancelConnection/Timer.tsx
rename to examples/react/src/examples/CancelConnection/Timer.tsx
diff --git a/examples/vite-app/src/examples/CancelConnection/data.ts b/examples/react/src/examples/CancelConnection/data.ts
similarity index 100%
rename from examples/vite-app/src/examples/CancelConnection/data.ts
rename to examples/react/src/examples/CancelConnection/data.ts
diff --git a/examples/vite-app/src/examples/CancelConnection/hooks/useCountdown.ts b/examples/react/src/examples/CancelConnection/hooks/useCountdown.ts
similarity index 100%
rename from examples/vite-app/src/examples/CancelConnection/hooks/useCountdown.ts
rename to examples/react/src/examples/CancelConnection/hooks/useCountdown.ts
diff --git a/examples/vite-app/src/examples/CancelConnection/index.tsx b/examples/react/src/examples/CancelConnection/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/CancelConnection/index.tsx
rename to examples/react/src/examples/CancelConnection/index.tsx
diff --git a/examples/vite-app/src/examples/ControlledUncontrolled/index.tsx b/examples/react/src/examples/ControlledUncontrolled/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/ControlledUncontrolled/index.tsx
rename to examples/react/src/examples/ControlledUncontrolled/index.tsx
diff --git a/examples/vite-app/src/examples/CustomConnectionLine/ConnectionLine.tsx b/examples/react/src/examples/CustomConnectionLine/ConnectionLine.tsx
similarity index 100%
rename from examples/vite-app/src/examples/CustomConnectionLine/ConnectionLine.tsx
rename to examples/react/src/examples/CustomConnectionLine/ConnectionLine.tsx
diff --git a/examples/vite-app/src/examples/CustomConnectionLine/index.tsx b/examples/react/src/examples/CustomConnectionLine/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/CustomConnectionLine/index.tsx
rename to examples/react/src/examples/CustomConnectionLine/index.tsx
diff --git a/examples/vite-app/src/examples/CustomMiniMapNode/index.tsx b/examples/react/src/examples/CustomMiniMapNode/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/CustomMiniMapNode/index.tsx
rename to examples/react/src/examples/CustomMiniMapNode/index.tsx
diff --git a/examples/vite-app/src/examples/CustomNode/ColorSelectorNode.tsx b/examples/react/src/examples/CustomNode/ColorSelectorNode.tsx
similarity index 100%
rename from examples/vite-app/src/examples/CustomNode/ColorSelectorNode.tsx
rename to examples/react/src/examples/CustomNode/ColorSelectorNode.tsx
diff --git a/examples/vite-app/src/examples/CustomNode/index.tsx b/examples/react/src/examples/CustomNode/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/CustomNode/index.tsx
rename to examples/react/src/examples/CustomNode/index.tsx
diff --git a/examples/vite-app/src/examples/DefaultNodes/index.tsx b/examples/react/src/examples/DefaultNodes/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/DefaultNodes/index.tsx
rename to examples/react/src/examples/DefaultNodes/index.tsx
diff --git a/examples/vite-app/src/examples/DragHandle/DragHandleNode.tsx b/examples/react/src/examples/DragHandle/DragHandleNode.tsx
similarity index 100%
rename from examples/vite-app/src/examples/DragHandle/DragHandleNode.tsx
rename to examples/react/src/examples/DragHandle/DragHandleNode.tsx
diff --git a/examples/vite-app/src/examples/DragHandle/index.tsx b/examples/react/src/examples/DragHandle/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/DragHandle/index.tsx
rename to examples/react/src/examples/DragHandle/index.tsx
diff --git a/examples/vite-app/src/examples/DragNDrop/Sidebar.tsx b/examples/react/src/examples/DragNDrop/Sidebar.tsx
similarity index 100%
rename from examples/vite-app/src/examples/DragNDrop/Sidebar.tsx
rename to examples/react/src/examples/DragNDrop/Sidebar.tsx
diff --git a/examples/vite-app/src/examples/DragNDrop/dnd.module.css b/examples/react/src/examples/DragNDrop/dnd.module.css
similarity index 100%
rename from examples/vite-app/src/examples/DragNDrop/dnd.module.css
rename to examples/react/src/examples/DragNDrop/dnd.module.css
diff --git a/examples/vite-app/src/examples/DragNDrop/index.tsx b/examples/react/src/examples/DragNDrop/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/DragNDrop/index.tsx
rename to examples/react/src/examples/DragNDrop/index.tsx
diff --git a/examples/vite-app/src/examples/EasyConnect/CustomConnectionLine.tsx b/examples/react/src/examples/EasyConnect/CustomConnectionLine.tsx
similarity index 100%
rename from examples/vite-app/src/examples/EasyConnect/CustomConnectionLine.tsx
rename to examples/react/src/examples/EasyConnect/CustomConnectionLine.tsx
diff --git a/examples/vite-app/src/examples/EasyConnect/CustomNode.tsx b/examples/react/src/examples/EasyConnect/CustomNode.tsx
similarity index 100%
rename from examples/vite-app/src/examples/EasyConnect/CustomNode.tsx
rename to examples/react/src/examples/EasyConnect/CustomNode.tsx
diff --git a/examples/vite-app/src/examples/EasyConnect/FloatingEdge.tsx b/examples/react/src/examples/EasyConnect/FloatingEdge.tsx
similarity index 100%
rename from examples/vite-app/src/examples/EasyConnect/FloatingEdge.tsx
rename to examples/react/src/examples/EasyConnect/FloatingEdge.tsx
diff --git a/examples/vite-app/src/examples/EasyConnect/index.tsx b/examples/react/src/examples/EasyConnect/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/EasyConnect/index.tsx
rename to examples/react/src/examples/EasyConnect/index.tsx
diff --git a/examples/vite-app/src/examples/EasyConnect/style.css b/examples/react/src/examples/EasyConnect/style.css
similarity index 100%
rename from examples/vite-app/src/examples/EasyConnect/style.css
rename to examples/react/src/examples/EasyConnect/style.css
diff --git a/examples/vite-app/src/examples/EasyConnect/utils.tsx b/examples/react/src/examples/EasyConnect/utils.tsx
similarity index 100%
rename from examples/vite-app/src/examples/EasyConnect/utils.tsx
rename to examples/react/src/examples/EasyConnect/utils.tsx
diff --git a/examples/vite-app/src/examples/EdgeRenderer/CustomEdge.tsx b/examples/react/src/examples/EdgeRenderer/CustomEdge.tsx
similarity index 100%
rename from examples/vite-app/src/examples/EdgeRenderer/CustomEdge.tsx
rename to examples/react/src/examples/EdgeRenderer/CustomEdge.tsx
diff --git a/examples/vite-app/src/examples/EdgeRenderer/CustomEdge2.tsx b/examples/react/src/examples/EdgeRenderer/CustomEdge2.tsx
similarity index 100%
rename from examples/vite-app/src/examples/EdgeRenderer/CustomEdge2.tsx
rename to examples/react/src/examples/EdgeRenderer/CustomEdge2.tsx
diff --git a/examples/vite-app/src/examples/EdgeRenderer/index.tsx b/examples/react/src/examples/EdgeRenderer/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/EdgeRenderer/index.tsx
rename to examples/react/src/examples/EdgeRenderer/index.tsx
diff --git a/examples/vite-app/src/examples/EdgeRouting/index.tsx b/examples/react/src/examples/EdgeRouting/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/EdgeRouting/index.tsx
rename to examples/react/src/examples/EdgeRouting/index.tsx
diff --git a/examples/vite-app/src/examples/EdgeTypes/index.tsx b/examples/react/src/examples/EdgeTypes/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/EdgeTypes/index.tsx
rename to examples/react/src/examples/EdgeTypes/index.tsx
diff --git a/examples/vite-app/src/examples/EdgeTypes/utils.ts b/examples/react/src/examples/EdgeTypes/utils.ts
similarity index 100%
rename from examples/vite-app/src/examples/EdgeTypes/utils.ts
rename to examples/react/src/examples/EdgeTypes/utils.ts
diff --git a/examples/vite-app/src/examples/Edges/CustomEdge.tsx b/examples/react/src/examples/Edges/CustomEdge.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Edges/CustomEdge.tsx
rename to examples/react/src/examples/Edges/CustomEdge.tsx
diff --git a/examples/vite-app/src/examples/Edges/CustomEdge2.tsx b/examples/react/src/examples/Edges/CustomEdge2.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Edges/CustomEdge2.tsx
rename to examples/react/src/examples/Edges/CustomEdge2.tsx
diff --git a/examples/vite-app/src/examples/Edges/index.tsx b/examples/react/src/examples/Edges/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Edges/index.tsx
rename to examples/react/src/examples/Edges/index.tsx
diff --git a/examples/vite-app/src/examples/Empty/index.tsx b/examples/react/src/examples/Empty/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Empty/index.tsx
rename to examples/react/src/examples/Empty/index.tsx
diff --git a/examples/vite-app/src/examples/Figma/index.tsx b/examples/react/src/examples/Figma/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Figma/index.tsx
rename to examples/react/src/examples/Figma/index.tsx
diff --git a/examples/vite-app/src/examples/FloatingEdges/FloatingConnectionLine.tsx b/examples/react/src/examples/FloatingEdges/FloatingConnectionLine.tsx
similarity index 100%
rename from examples/vite-app/src/examples/FloatingEdges/FloatingConnectionLine.tsx
rename to examples/react/src/examples/FloatingEdges/FloatingConnectionLine.tsx
diff --git a/examples/vite-app/src/examples/FloatingEdges/FloatingEdge.tsx b/examples/react/src/examples/FloatingEdges/FloatingEdge.tsx
similarity index 100%
rename from examples/vite-app/src/examples/FloatingEdges/FloatingEdge.tsx
rename to examples/react/src/examples/FloatingEdges/FloatingEdge.tsx
diff --git a/examples/vite-app/src/examples/FloatingEdges/index.tsx b/examples/react/src/examples/FloatingEdges/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/FloatingEdges/index.tsx
rename to examples/react/src/examples/FloatingEdges/index.tsx
diff --git a/examples/vite-app/src/examples/FloatingEdges/style.module.css b/examples/react/src/examples/FloatingEdges/style.module.css
similarity index 100%
rename from examples/vite-app/src/examples/FloatingEdges/style.module.css
rename to examples/react/src/examples/FloatingEdges/style.module.css
diff --git a/examples/vite-app/src/examples/FloatingEdges/utils.ts b/examples/react/src/examples/FloatingEdges/utils.ts
similarity index 100%
rename from examples/vite-app/src/examples/FloatingEdges/utils.ts
rename to examples/react/src/examples/FloatingEdges/utils.ts
diff --git a/examples/vite-app/src/examples/Hidden/index.tsx b/examples/react/src/examples/Hidden/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Hidden/index.tsx
rename to examples/react/src/examples/Hidden/index.tsx
diff --git a/examples/vite-app/src/examples/Interaction/index.tsx b/examples/react/src/examples/Interaction/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Interaction/index.tsx
rename to examples/react/src/examples/Interaction/index.tsx
diff --git a/examples/vite-app/src/examples/InteractiveMinimap/index.tsx b/examples/react/src/examples/InteractiveMinimap/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/InteractiveMinimap/index.tsx
rename to examples/react/src/examples/InteractiveMinimap/index.tsx
diff --git a/examples/vite-app/src/examples/Intersection/index.tsx b/examples/react/src/examples/Intersection/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Intersection/index.tsx
rename to examples/react/src/examples/Intersection/index.tsx
diff --git a/examples/vite-app/src/examples/Intersection/style.css b/examples/react/src/examples/Intersection/style.css
similarity index 100%
rename from examples/vite-app/src/examples/Intersection/style.css
rename to examples/react/src/examples/Intersection/style.css
diff --git a/examples/vite-app/src/examples/Layouting/index.tsx b/examples/react/src/examples/Layouting/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Layouting/index.tsx
rename to examples/react/src/examples/Layouting/index.tsx
diff --git a/examples/vite-app/src/examples/Layouting/initial-elements.ts b/examples/react/src/examples/Layouting/initial-elements.ts
similarity index 100%
rename from examples/vite-app/src/examples/Layouting/initial-elements.ts
rename to examples/react/src/examples/Layouting/initial-elements.ts
diff --git a/examples/vite-app/src/examples/Layouting/layouting.module.css b/examples/react/src/examples/Layouting/layouting.module.css
similarity index 100%
rename from examples/vite-app/src/examples/Layouting/layouting.module.css
rename to examples/react/src/examples/Layouting/layouting.module.css
diff --git a/examples/vite-app/src/examples/MultiFlows/index.tsx b/examples/react/src/examples/MultiFlows/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/MultiFlows/index.tsx
rename to examples/react/src/examples/MultiFlows/index.tsx
diff --git a/examples/vite-app/src/examples/MultiFlows/multiflows.module.css b/examples/react/src/examples/MultiFlows/multiflows.module.css
similarity index 100%
rename from examples/vite-app/src/examples/MultiFlows/multiflows.module.css
rename to examples/react/src/examples/MultiFlows/multiflows.module.css
diff --git a/examples/vite-app/src/examples/NestedNodes/index.tsx b/examples/react/src/examples/NestedNodes/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/NestedNodes/index.tsx
rename to examples/react/src/examples/NestedNodes/index.tsx
diff --git a/examples/vite-app/src/examples/NodeResizer/CustomResizer.tsx b/examples/react/src/examples/NodeResizer/CustomResizer.tsx
similarity index 100%
rename from examples/vite-app/src/examples/NodeResizer/CustomResizer.tsx
rename to examples/react/src/examples/NodeResizer/CustomResizer.tsx
diff --git a/examples/vite-app/src/examples/NodeResizer/DefaultResizer.tsx b/examples/react/src/examples/NodeResizer/DefaultResizer.tsx
similarity index 100%
rename from examples/vite-app/src/examples/NodeResizer/DefaultResizer.tsx
rename to examples/react/src/examples/NodeResizer/DefaultResizer.tsx
diff --git a/examples/vite-app/src/examples/NodeResizer/HorizontalResizer.tsx b/examples/react/src/examples/NodeResizer/HorizontalResizer.tsx
similarity index 100%
rename from examples/vite-app/src/examples/NodeResizer/HorizontalResizer.tsx
rename to examples/react/src/examples/NodeResizer/HorizontalResizer.tsx
diff --git a/examples/vite-app/src/examples/NodeResizer/ResizeIcon.tsx b/examples/react/src/examples/NodeResizer/ResizeIcon.tsx
similarity index 100%
rename from examples/vite-app/src/examples/NodeResizer/ResizeIcon.tsx
rename to examples/react/src/examples/NodeResizer/ResizeIcon.tsx
diff --git a/examples/vite-app/src/examples/NodeResizer/VerticalResizer.tsx b/examples/react/src/examples/NodeResizer/VerticalResizer.tsx
similarity index 100%
rename from examples/vite-app/src/examples/NodeResizer/VerticalResizer.tsx
rename to examples/react/src/examples/NodeResizer/VerticalResizer.tsx
diff --git a/examples/vite-app/src/examples/NodeResizer/index.tsx b/examples/react/src/examples/NodeResizer/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/NodeResizer/index.tsx
rename to examples/react/src/examples/NodeResizer/index.tsx
diff --git a/examples/vite-app/src/examples/NodeToolbar/CustomNode.tsx b/examples/react/src/examples/NodeToolbar/CustomNode.tsx
similarity index 100%
rename from examples/vite-app/src/examples/NodeToolbar/CustomNode.tsx
rename to examples/react/src/examples/NodeToolbar/CustomNode.tsx
diff --git a/examples/vite-app/src/examples/NodeToolbar/SelectedNodesToolbar.tsx b/examples/react/src/examples/NodeToolbar/SelectedNodesToolbar.tsx
similarity index 100%
rename from examples/vite-app/src/examples/NodeToolbar/SelectedNodesToolbar.tsx
rename to examples/react/src/examples/NodeToolbar/SelectedNodesToolbar.tsx
diff --git a/examples/vite-app/src/examples/NodeToolbar/index.tsx b/examples/react/src/examples/NodeToolbar/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/NodeToolbar/index.tsx
rename to examples/react/src/examples/NodeToolbar/index.tsx
diff --git a/examples/vite-app/src/examples/NodeTypeChange/index.tsx b/examples/react/src/examples/NodeTypeChange/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/NodeTypeChange/index.tsx
rename to examples/react/src/examples/NodeTypeChange/index.tsx
diff --git a/examples/vite-app/src/examples/NodeTypesObjectChange/index.tsx b/examples/react/src/examples/NodeTypesObjectChange/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/NodeTypesObjectChange/index.tsx
rename to examples/react/src/examples/NodeTypesObjectChange/index.tsx
diff --git a/examples/vite-app/src/examples/Overview/index.tsx b/examples/react/src/examples/Overview/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Overview/index.tsx
rename to examples/react/src/examples/Overview/index.tsx
diff --git a/examples/vite-app/src/examples/Provider/Sidebar.tsx b/examples/react/src/examples/Provider/Sidebar.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Provider/Sidebar.tsx
rename to examples/react/src/examples/Provider/Sidebar.tsx
diff --git a/examples/vite-app/src/examples/Provider/index.tsx b/examples/react/src/examples/Provider/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Provider/index.tsx
rename to examples/react/src/examples/Provider/index.tsx
diff --git a/examples/vite-app/src/examples/Provider/provider.module.css b/examples/react/src/examples/Provider/provider.module.css
similarity index 100%
rename from examples/vite-app/src/examples/Provider/provider.module.css
rename to examples/react/src/examples/Provider/provider.module.css
diff --git a/examples/vite-app/src/examples/SaveRestore/Controls.tsx b/examples/react/src/examples/SaveRestore/Controls.tsx
similarity index 100%
rename from examples/vite-app/src/examples/SaveRestore/Controls.tsx
rename to examples/react/src/examples/SaveRestore/Controls.tsx
diff --git a/examples/vite-app/src/examples/SaveRestore/index.tsx b/examples/react/src/examples/SaveRestore/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/SaveRestore/index.tsx
rename to examples/react/src/examples/SaveRestore/index.tsx
diff --git a/examples/vite-app/src/examples/SaveRestore/save.module.css b/examples/react/src/examples/SaveRestore/save.module.css
similarity index 100%
rename from examples/vite-app/src/examples/SaveRestore/save.module.css
rename to examples/react/src/examples/SaveRestore/save.module.css
diff --git a/examples/vite-app/src/examples/Stress/index.tsx b/examples/react/src/examples/Stress/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Stress/index.tsx
rename to examples/react/src/examples/Stress/index.tsx
diff --git a/examples/vite-app/src/examples/Stress/utils.ts b/examples/react/src/examples/Stress/utils.ts
similarity index 100%
rename from examples/vite-app/src/examples/Stress/utils.ts
rename to examples/react/src/examples/Stress/utils.ts
diff --git a/examples/vite-app/src/examples/Subflow/DebugNode.tsx b/examples/react/src/examples/Subflow/DebugNode.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Subflow/DebugNode.tsx
rename to examples/react/src/examples/Subflow/DebugNode.tsx
diff --git a/examples/vite-app/src/examples/Subflow/index.tsx b/examples/react/src/examples/Subflow/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Subflow/index.tsx
rename to examples/react/src/examples/Subflow/index.tsx
diff --git a/examples/vite-app/src/examples/Switch/index.tsx b/examples/react/src/examples/Switch/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Switch/index.tsx
rename to examples/react/src/examples/Switch/index.tsx
diff --git a/examples/vite-app/src/examples/TouchDevice/index.tsx b/examples/react/src/examples/TouchDevice/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/TouchDevice/index.tsx
rename to examples/react/src/examples/TouchDevice/index.tsx
diff --git a/examples/vite-app/src/examples/TouchDevice/touch-device.module.css b/examples/react/src/examples/TouchDevice/touch-device.module.css
similarity index 100%
rename from examples/vite-app/src/examples/TouchDevice/touch-device.module.css
rename to examples/react/src/examples/TouchDevice/touch-device.module.css
diff --git a/examples/vite-app/src/examples/Undirectional/CustomNode.tsx b/examples/react/src/examples/Undirectional/CustomNode.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Undirectional/CustomNode.tsx
rename to examples/react/src/examples/Undirectional/CustomNode.tsx
diff --git a/examples/vite-app/src/examples/Undirectional/index.tsx b/examples/react/src/examples/Undirectional/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Undirectional/index.tsx
rename to examples/react/src/examples/Undirectional/index.tsx
diff --git a/examples/vite-app/src/examples/UpdatableEdge/index.tsx b/examples/react/src/examples/UpdatableEdge/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/UpdatableEdge/index.tsx
rename to examples/react/src/examples/UpdatableEdge/index.tsx
diff --git a/examples/vite-app/src/examples/UpdateNode/index.tsx b/examples/react/src/examples/UpdateNode/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/UpdateNode/index.tsx
rename to examples/react/src/examples/UpdateNode/index.tsx
diff --git a/examples/vite-app/src/examples/UpdateNode/updatenode.module.css b/examples/react/src/examples/UpdateNode/updatenode.module.css
similarity index 100%
rename from examples/vite-app/src/examples/UpdateNode/updatenode.module.css
rename to examples/react/src/examples/UpdateNode/updatenode.module.css
diff --git a/examples/vite-app/src/examples/UseKeyPress/index.tsx b/examples/react/src/examples/UseKeyPress/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/UseKeyPress/index.tsx
rename to examples/react/src/examples/UseKeyPress/index.tsx
diff --git a/examples/vite-app/src/examples/UseNodesInit/index.tsx b/examples/react/src/examples/UseNodesInit/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/UseNodesInit/index.tsx
rename to examples/react/src/examples/UseNodesInit/index.tsx
diff --git a/examples/vite-app/src/examples/UseOnSelectionChange/CustomNode.tsx b/examples/react/src/examples/UseOnSelectionChange/CustomNode.tsx
similarity index 100%
rename from examples/vite-app/src/examples/UseOnSelectionChange/CustomNode.tsx
rename to examples/react/src/examples/UseOnSelectionChange/CustomNode.tsx
diff --git a/examples/vite-app/src/examples/UseOnSelectionChange/index.tsx b/examples/react/src/examples/UseOnSelectionChange/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/UseOnSelectionChange/index.tsx
rename to examples/react/src/examples/UseOnSelectionChange/index.tsx
diff --git a/examples/vite-app/src/examples/UseReactFlow/index.tsx b/examples/react/src/examples/UseReactFlow/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/UseReactFlow/index.tsx
rename to examples/react/src/examples/UseReactFlow/index.tsx
diff --git a/examples/vite-app/src/examples/UseUpdateNodeInternals/CustomNode.tsx b/examples/react/src/examples/UseUpdateNodeInternals/CustomNode.tsx
similarity index 100%
rename from examples/vite-app/src/examples/UseUpdateNodeInternals/CustomNode.tsx
rename to examples/react/src/examples/UseUpdateNodeInternals/CustomNode.tsx
diff --git a/examples/vite-app/src/examples/UseUpdateNodeInternals/index.tsx b/examples/react/src/examples/UseUpdateNodeInternals/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/UseUpdateNodeInternals/index.tsx
rename to examples/react/src/examples/UseUpdateNodeInternals/index.tsx
diff --git a/examples/vite-app/src/examples/Validation/ConnectionStatus.tsx b/examples/react/src/examples/Validation/ConnectionStatus.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Validation/ConnectionStatus.tsx
rename to examples/react/src/examples/Validation/ConnectionStatus.tsx
diff --git a/examples/vite-app/src/examples/Validation/index.tsx b/examples/react/src/examples/Validation/index.tsx
similarity index 100%
rename from examples/vite-app/src/examples/Validation/index.tsx
rename to examples/react/src/examples/Validation/index.tsx
diff --git a/examples/vite-app/src/examples/Validation/validation.module.css b/examples/react/src/examples/Validation/validation.module.css
similarity index 100%
rename from examples/vite-app/src/examples/Validation/validation.module.css
rename to examples/react/src/examples/Validation/validation.module.css
diff --git a/examples/vite-app/src/index.css b/examples/react/src/index.css
similarity index 100%
rename from examples/vite-app/src/index.css
rename to examples/react/src/index.css
diff --git a/examples/vite-app/src/main.tsx b/examples/react/src/main.tsx
similarity index 100%
rename from examples/vite-app/src/main.tsx
rename to examples/react/src/main.tsx
diff --git a/examples/vite-app/src/vite-env.d.ts b/examples/react/src/vite-env.d.ts
similarity index 100%
rename from examples/vite-app/src/vite-env.d.ts
rename to examples/react/src/vite-env.d.ts
diff --git a/examples/vite-app/tsconfig.json b/examples/react/tsconfig.json
similarity index 100%
rename from examples/vite-app/tsconfig.json
rename to examples/react/tsconfig.json
diff --git a/examples/vite-app/tsconfig.node.json b/examples/react/tsconfig.node.json
similarity index 100%
rename from examples/vite-app/tsconfig.node.json
rename to examples/react/tsconfig.node.json
diff --git a/examples/vite-app/vite.config.ts b/examples/react/vite.config.ts
similarity index 100%
rename from examples/vite-app/vite.config.ts
rename to examples/react/vite.config.ts
diff --git a/examples/svelte/.eslintignore b/examples/svelte/.eslintignore
new file mode 100644
index 000000000..38972655f
--- /dev/null
+++ b/examples/svelte/.eslintignore
@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
diff --git a/examples/svelte/.eslintrc.cjs b/examples/svelte/.eslintrc.cjs
new file mode 100644
index 000000000..ebc19589f
--- /dev/null
+++ b/examples/svelte/.eslintrc.cjs
@@ -0,0 +1,30 @@
+module.exports = {
+	root: true,
+	extends: [
+		'eslint:recommended',
+		'plugin:@typescript-eslint/recommended',
+		'plugin:svelte/recommended',
+		'prettier'
+	],
+	parser: '@typescript-eslint/parser',
+	plugins: ['@typescript-eslint'],
+	parserOptions: {
+		sourceType: 'module',
+		ecmaVersion: 2020,
+		extraFileExtensions: ['.svelte']
+	},
+	env: {
+		browser: true,
+		es2017: true,
+		node: true
+	},
+	overrides: [
+		{
+			files: ['*.svelte'],
+			parser: 'svelte-eslint-parser',
+			parserOptions: {
+				parser: '@typescript-eslint/parser'
+			}
+		}
+	]
+};
diff --git a/examples/svelte/.gitignore b/examples/svelte/.gitignore
new file mode 100644
index 000000000..6635cf554
--- /dev/null
+++ b/examples/svelte/.gitignore
@@ -0,0 +1,10 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
diff --git a/examples/svelte/.npmrc b/examples/svelte/.npmrc
new file mode 100644
index 000000000..0c05da457
--- /dev/null
+++ b/examples/svelte/.npmrc
@@ -0,0 +1,2 @@
+engine-strict=true
+resolution-mode=highest
diff --git a/examples/svelte/.prettierignore b/examples/svelte/.prettierignore
new file mode 100644
index 000000000..38972655f
--- /dev/null
+++ b/examples/svelte/.prettierignore
@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
diff --git a/examples/svelte/.prettierrc b/examples/svelte/.prettierrc
new file mode 100644
index 000000000..a77fddea9
--- /dev/null
+++ b/examples/svelte/.prettierrc
@@ -0,0 +1,9 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte"],
+	"pluginSearchDirs": ["."],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}
diff --git a/examples/svelte/README.md b/examples/svelte/README.md
new file mode 100644
index 000000000..72cd559cf
--- /dev/null
+++ b/examples/svelte/README.md
@@ -0,0 +1,10 @@
+# Svelte Flow examples 
+
+This Vite app is used internally to test the library.
+
+## Start local dev server
+
+```sh
+pnpm dev
+```
+
diff --git a/examples/svelte/package.json b/examples/svelte/package.json
new file mode 100644
index 000000000..4efc4adf0
--- /dev/null
+++ b/examples/svelte/package.json
@@ -0,0 +1,34 @@
+{
+	"name": "svelte",
+	"version": "0.0.1",
+	"private": true,
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "prettier --plugin-search-dir . --check . && eslint .",
+		"format": "prettier --plugin-search-dir . --write ."
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/kit": "^1.20.4",
+		"@typescript-eslint/eslint-plugin": "^5.45.0",
+		"@typescript-eslint/parser": "^5.45.0",
+		"eslint": "^8.28.0",
+		"eslint-config-prettier": "^8.5.0",
+		"eslint-plugin-svelte": "^2.30.0",
+		"prettier": "^2.8.0",
+		"prettier-plugin-svelte": "^2.10.1",
+		"svelte": "^4.0.5",
+		"svelte-check": "^3.4.3",
+		"tslib": "^2.4.1",
+		"typescript": "^5.0.0",
+		"vite": "^4.4.2"
+	},
+	"type": "module",
+	"dependencies": {
+		"@xyflow/svelte": "workspace:^"
+	}
+}
diff --git a/examples/svelte/src/app.d.ts b/examples/svelte/src/app.d.ts
new file mode 100644
index 000000000..f59b884c5
--- /dev/null
+++ b/examples/svelte/src/app.d.ts
@@ -0,0 +1,12 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface Platform {}
+	}
+}
+
+export {};
diff --git a/examples/svelte/src/app.html b/examples/svelte/src/app.html
new file mode 100644
index 000000000..68f1308aa
--- /dev/null
+++ b/examples/svelte/src/app.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<style>
+			html,
+			body,
+			#root {
+				height: 100%;
+				margin: 0;
+				font-family: Arial, Helvetica, sans-serif;
+			}
+		</style>
+		%sveltekit.head%
+	</head>
+	<body>
+		<div id="root">%sveltekit.body%</div>
+	</body>
+</html>
diff --git a/packages/svelte/src/example-components/Header/Header.svelte b/examples/svelte/src/components/Header/Header.svelte
similarity index 100%
rename from packages/svelte/src/example-components/Header/Header.svelte
rename to examples/svelte/src/components/Header/Header.svelte
diff --git a/packages/svelte/src/example-components/Header/index.ts b/examples/svelte/src/components/Header/index.ts
similarity index 100%
rename from packages/svelte/src/example-components/Header/index.ts
rename to examples/svelte/src/components/Header/index.ts
diff --git a/packages/svelte/src/routes/+layout.server.ts b/examples/svelte/src/routes/+layout.server.ts
similarity index 100%
rename from packages/svelte/src/routes/+layout.server.ts
rename to examples/svelte/src/routes/+layout.server.ts
diff --git a/examples/svelte/src/routes/+layout.svelte b/examples/svelte/src/routes/+layout.svelte
new file mode 100644
index 000000000..84598fece
--- /dev/null
+++ b/examples/svelte/src/routes/+layout.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { Header } from '../components/Header';
+</script>
+
+<div class="app">
+	<Header />
+	<div class="flow">
+		<slot />
+	</div>
+</div>
+
+<style>
+	.app {
+		display: flex;
+		flex-direction: column;
+		height: 100%;
+	}
+
+	.flow {
+		flex: 1;
+	}
+</style>
diff --git a/examples/svelte/src/routes/+page.svelte b/examples/svelte/src/routes/+page.svelte
new file mode 100644
index 000000000..45db22288
--- /dev/null
+++ b/examples/svelte/src/routes/+page.svelte
@@ -0,0 +1 @@
+<div>this redirects to /overview</div>
diff --git a/examples/svelte/src/routes/customnode/+page.svelte b/examples/svelte/src/routes/customnode/+page.svelte
new file mode 100644
index 000000000..e2654938f
--- /dev/null
+++ b/examples/svelte/src/routes/customnode/+page.svelte
@@ -0,0 +1,131 @@
+<script lang="ts">
+	import type { ChangeEventHandler } from 'svelte/elements';
+	import { writable } from 'svelte/store';
+	import {
+		SvelteFlow,
+		Controls,
+		Background,
+		BackgroundVariant,
+		MiniMap,
+		Position,
+		type Node,
+		type NodeTypes,
+		type Edge,
+		type Connection
+	} from '@xyflow/svelte';
+	import CustomNode from './CustomNode.svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodeTypes: NodeTypes = {
+		colorNode: CustomNode
+	};
+
+	const bgColor = writable('#1A192B');
+
+	const onChange: ChangeEventHandler<HTMLInputElement> = (event) => {
+		nodes.update((nds) =>
+			nds.map((node) => {
+				if (node.type !== 'colorNode') {
+					return node;
+				}
+
+				const color = (event.target as HTMLInputElement)?.value;
+
+				bgColor.set(color);
+
+				return {
+					...node,
+					data: {
+						...node.data,
+						color
+					}
+				};
+			})
+		);
+	};
+
+	const nodes = writable<Node[]>([
+		{
+			id: '1',
+			type: 'input',
+			data: { label: 'An input node' },
+			position: { x: 0, y: 50 },
+			sourcePosition: Position.Right
+		},
+		{
+			id: '2',
+			type: 'colorNode',
+			data: { onChange: onChange, color: $bgColor },
+			style: 'border: 1px solid #777; padding: 10px',
+			position: { x: 250, y: 50 }
+		},
+		{
+			id: '2a',
+			type: 'colorNode',
+			data: { onChange: onChange, color: $bgColor },
+			style: 'border: 1px solid #777; padding: 10px',
+			position: { x: 250, y: 520 }
+		},
+		{
+			id: '3',
+			type: 'output',
+			data: { label: 'Output A' },
+			position: { x: 650, y: 25 },
+			targetPosition: Position.Left
+		},
+		{
+			id: '4',
+			type: 'output',
+			data: { label: 'Output B' },
+			position: { x: 650, y: 120 },
+			targetPosition: Position.Left
+		}
+	]);
+
+	const edges = writable<Edge[]>([
+		{
+			id: 'e1-2',
+			source: '1',
+			target: '2',
+			animated: true
+		},
+		{
+			id: 'e2a-3',
+			source: '2',
+			sourceHandle: 'a',
+			target: '3',
+			animated: true
+		},
+		{
+			id: 'e2b-4',
+			source: '2',
+			sourceHandle: 'b',
+			target: '4',
+			animated: true
+		}
+	]);
+
+	const onConnect = (connection: Connection) => {
+		console.log('on connect', connection);
+	};
+</script>
+
+<SvelteFlow
+	{nodes}
+	{edges}
+	{nodeTypes}
+	style="--bgcolor: {$bgColor}"
+	fitView
+	on:connect={onConnect}
+>
+	<Controls />
+	<Background variant={BackgroundVariant.Dots} />
+	<MiniMap />
+</SvelteFlow>
+
+<style>
+	:global(.svelte-flow) {
+		background: var(--bgcolor);
+	}
+</style>
diff --git a/examples/svelte/src/routes/customnode/CustomNode.svelte b/examples/svelte/src/routes/customnode/CustomNode.svelte
new file mode 100644
index 000000000..7a40a742c
--- /dev/null
+++ b/examples/svelte/src/routes/customnode/CustomNode.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { Handle, Position, type NodeProps } from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+
+	export let data: { color: string; onChange: () => void } = { color: '#111', onChange: () => {} };
+</script>
+
+<Handle type="target" position={Position.Left} on:connect />
+<div>
+	Custom Color Picker Node: <strong>{data.color}</strong>
+</div>
+<input class="nodrag" type="color" on:input={data.onChange} value={data.color} />
+<Handle type="source" position={Position.Right} id="a" style="top: 10px;" on:connect />
+<Handle
+	type="source"
+	position={Position.Right}
+	id="b"
+	style="top: auto; bottom: 10px;"
+	on:connect
+/>
diff --git a/examples/svelte/src/routes/drag-n-drop/+page.svelte b/examples/svelte/src/routes/drag-n-drop/+page.svelte
new file mode 100644
index 000000000..12dec33ca
--- /dev/null
+++ b/examples/svelte/src/routes/drag-n-drop/+page.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+	import { SvelteFlowProvider } from '@xyflow/svelte';
+
+	import Flow from './Flow.svelte';
+</script>
+
+<SvelteFlowProvider>
+	<Flow />
+</SvelteFlowProvider>
diff --git a/examples/svelte/src/routes/drag-n-drop/Flow.svelte b/examples/svelte/src/routes/drag-n-drop/Flow.svelte
new file mode 100644
index 000000000..661b7f5e1
--- /dev/null
+++ b/examples/svelte/src/routes/drag-n-drop/Flow.svelte
@@ -0,0 +1,106 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import {
+		SvelteFlow,
+		Controls,
+		Background,
+		BackgroundVariant,
+		MiniMap,
+		useSvelteFlow,
+		type Node
+	} from '@xyflow/svelte';
+	import Sidebar from './Sidebar.svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodes = writable([
+		{
+			id: '1',
+			type: 'input',
+			data: { label: 'Input Node' },
+			position: { x: 150, y: 5 }
+		},
+		{
+			id: '2',
+			type: 'default',
+			data: { label: 'Node' },
+			position: { x: 0, y: 150 }
+		},
+		{
+			id: '3',
+			type: 'output',
+			data: { label: 'Output Node' },
+			position: { x: 300, y: 150 }
+		}
+	]);
+
+	const edges = writable([
+		{
+			id: '1-2',
+			type: 'default',
+			source: '1',
+			target: '2',
+			label: 'Edge Text'
+		},
+		{
+			id: '1-3',
+			type: 'smoothstep',
+			source: '1',
+			target: '3'
+		}
+	]);
+
+	const svelteFlow = useSvelteFlow();
+
+	const onDragOver = (event: DragEvent) => {
+		event.preventDefault();
+
+		console.log(event);
+
+		if (event.dataTransfer) {
+			event.dataTransfer.dropEffect = 'move';
+		}
+	};
+
+	const onDrop = (event: DragEvent) => {
+		event.preventDefault();
+
+		if (!event.dataTransfer) {
+			return null;
+		}
+
+		const type = event.dataTransfer.getData('application/svelteflow');
+		const position = svelteFlow.project({
+			x: event.clientX,
+			y: event.clientY - 40
+		});
+		const newNode: Node = {
+			id: `${Math.random()}`,
+			type,
+			position,
+			data: { label: `${type} node` }
+		};
+
+		svelteFlow.nodes.update((nds) => nds.concat(newNode));
+	};
+
+	$: {
+		console.log($nodes);
+	}
+</script>
+
+<main>
+	<SvelteFlow {nodes} {edges} fitView on:dragover={onDragOver} on:drop={onDrop}>
+		<Controls />
+		<Background variant={BackgroundVariant.Dots} />
+		<MiniMap />
+	</SvelteFlow>
+	<Sidebar />
+</main>
+
+<style>
+	main {
+		height: 100%;
+		display: flex;
+	}
+</style>
diff --git a/examples/svelte/src/routes/drag-n-drop/Sidebar.svelte b/examples/svelte/src/routes/drag-n-drop/Sidebar.svelte
new file mode 100644
index 000000000..98fb2b03c
--- /dev/null
+++ b/examples/svelte/src/routes/drag-n-drop/Sidebar.svelte
@@ -0,0 +1,61 @@
+<script lang="ts">
+	import { useSvelteFlow } from '@xyflow/svelte';
+
+	const onDragStart = (event: DragEvent, nodeType: string) => {
+		if (!event.dataTransfer) {
+			return null;
+		}
+
+		event.dataTransfer.setData('application/svelteflow', nodeType);
+		event.dataTransfer.effectAllowed = 'move';
+	};
+
+	const { zoomIn, zoomOut, fitView, viewport, nodes } = useSvelteFlow();
+</script>
+
+<aside>
+	<div class="label">You can drag these nodes to the pane on the left.</div>
+	<div
+		class="input-node node"
+		on:dragstart={(event) => onDragStart(event, 'input')}
+		draggable={true}
+	>
+		Input Node
+	</div>
+	<div
+		class="default-node node"
+		on:dragstart={(event) => onDragStart(event, 'default')}
+		draggable={true}
+	>
+		Default Node
+	</div>
+	<div
+		class="output-node node"
+		on:dragstart={(event) => onDragStart(event, 'output')}
+		draggable={true}
+	>
+		Output Node
+	</div>
+</aside>
+
+<style>
+	.label {
+		margin: 0.5rem 0 0.25rem 0;
+	}
+
+	aside {
+		width: 20vw;
+		background: #f4f4f4;
+		padding: 0.4rem 0.8rem;
+		font-size: 12px;
+	}
+
+	.node {
+		margin-bottom: 0.5rem;
+		border: 1px solid #111;
+		padding: 0.5rem 1rem;
+		font-weight: 700;
+		border-radius: 3px;
+		cursor: grab;
+	}
+</style>
diff --git a/examples/svelte/src/routes/edges/+page.svelte b/examples/svelte/src/routes/edges/+page.svelte
new file mode 100644
index 000000000..f8d2be0ed
--- /dev/null
+++ b/examples/svelte/src/routes/edges/+page.svelte
@@ -0,0 +1,152 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import {
+		SvelteFlow,
+		Controls,
+		Background,
+		BackgroundVariant,
+		MiniMap,
+		MarkerType
+	} from '@xyflow/svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodes = writable([
+		{
+			id: '1',
+			type: 'input',
+			data: { label: 'Input 1' },
+			position: { x: 250, y: 0 }
+		},
+		{ id: '2', data: { label: 'Node 2' }, position: { x: 150, y: 100 } },
+		{ id: '2a', data: { label: 'Node 2a' }, position: { x: 0, y: 180 } },
+		{ id: '2b', data: { label: 'Node 2b' }, position: { x: -40, y: 300 } },
+		{ id: '3', data: { label: 'Node 3' }, position: { x: 250, y: 200 } },
+		{ id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 300 } },
+		{ id: '3a', data: { label: 'Node 3a' }, position: { x: 150, y: 300 } },
+		{ id: '5', data: { label: 'Node 5' }, position: { x: 250, y: 400 } },
+		{
+			id: '6',
+			type: 'output',
+			data: { label: 'Output 6' },
+			position: { x: 50, y: 550 }
+		},
+		{
+			id: '7',
+			type: 'output',
+			data: { label: 'Output 7' },
+			position: { x: 250, y: 550 }
+		},
+		{
+			id: '8',
+			type: 'output',
+			data: { label: 'Output 8' },
+			position: { x: 525, y: 600 }
+		},
+		{
+			id: '9',
+			type: 'output',
+			data: { label: 'Output 9' },
+			position: { x: 675, y: 500 }
+		}
+	]);
+
+	const edges = writable([
+		{
+			id: 'e1-2',
+			source: '1',
+			target: '2',
+			label: 'bezier edge (default)'
+		},
+		{
+			id: 'e2-2a',
+			source: '2',
+			target: '2a',
+			type: 'smoothstep',
+			label: 'smoothstep edge'
+		},
+		{
+			id: 'e2a-2b',
+			source: '2a',
+			target: '2b',
+			type: 'simplebezier',
+			label: 'simple bezier edge'
+		},
+		{ id: 'e2-3', source: '2', target: '3', type: 'step', label: 'step edge' },
+		{
+			id: 'e3-4',
+			source: '3',
+			target: '4',
+			type: 'straight',
+			label: 'straight edge'
+		},
+		{
+			id: 'e3-3a',
+			source: '3',
+			target: '3a',
+			type: 'straight',
+			label: 'label only edge',
+			style: 'stroke: none'
+		},
+		{
+			id: 'e3-5',
+			source: '4',
+			target: '5',
+			animated: true,
+			label: 'animated styled edge',
+			style: 'stroke: red'
+		},
+		{
+			id: 'e5-7',
+			source: '5',
+			target: '7',
+			label: 'label with styled bg',
+			labelStyle: 'background: #FFCC00; color: #fff; opacity: 0.7',
+			markerEnd: {
+				type: MarkerType.ArrowClosed
+			}
+		},
+		{
+			id: 'e5-8',
+			source: '5',
+			target: '8',
+			data: { text: 'custom edge' }
+		},
+		{
+			id: 'e5-9',
+			source: '5',
+			target: '9',
+			data: { text: 'custom edge 2' }
+		},
+		{
+			id: 'e5-6',
+			source: '5',
+			target: '6',
+			label: 'hi',
+			labelStyle: 'background: red; font-weight: 700; padding: 5px;',
+			style: 'stroke: #ffcc0',
+			markerEnd: {
+				type: MarkerType.Arrow,
+				color: '#FFCC00',
+				markerUnits: 'userSpaceOnUse',
+				width: 20,
+				height: 20,
+				strokeWidth: 2
+			},
+			markerStart: {
+				type: MarkerType.ArrowClosed,
+				color: '#FFCC00',
+				orient: 'auto-start-reverse',
+				markerUnits: 'userSpaceOnUse',
+				width: 20,
+				height: 20
+			}
+		}
+	]);
+</script>
+
+<SvelteFlow {nodes} {edges} fitView>
+	<Controls />
+	<Background variant={BackgroundVariant.Dots} />
+	<MiniMap />
+</SvelteFlow>
diff --git a/examples/svelte/src/routes/figma/+page.svelte b/examples/svelte/src/routes/figma/+page.svelte
new file mode 100644
index 000000000..7ebdd5008
--- /dev/null
+++ b/examples/svelte/src/routes/figma/+page.svelte
@@ -0,0 +1,56 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import {
+		SvelteFlow,
+		Controls,
+		Background,
+		BackgroundVariant,
+		SelectionMode
+	} from '@xyflow/svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const onPaneContextMenu = (e: any) => {
+		e.preventDefault();
+		console.log('context menu');
+	};
+
+	const panOnDrag = [1, 2];
+
+	const onMoveStart = (e: any) => console.log('move start', e);
+	const onMove = (e: any) => console.log('move', e);
+	const onMoveEnd = (e: any) => console.log('move end', e);
+
+	const nodes = writable([
+		{
+			id: '1',
+			type: 'input',
+			data: { label: 'Node 1' },
+			position: { x: 250, y: 5 },
+			className: 'light'
+		},
+		{ id: '2', data: { label: 'Node 2' }, position: { x: 100, y: 100 }, className: 'light' },
+		{ id: '3', data: { label: 'Node 3' }, position: { x: 400, y: 100 }, className: 'light' },
+		{ id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 200 }, className: 'light' }
+	]);
+
+	const edges = writable([
+		{ id: 'e1-2', source: '1', target: '2', animated: true },
+		{ id: 'e1-3', source: '1', target: '3' }
+	]);
+</script>
+
+<SvelteFlow
+	{nodes}
+	{edges}
+	fitView
+	selectionMode={SelectionMode.Partial}
+	panOnScroll
+	{panOnDrag}
+	{onMoveStart}
+	{onMove}
+	{onMoveEnd}
+>
+	<Controls />
+	<Background variant={BackgroundVariant.Dots} />
+</SvelteFlow>
diff --git a/examples/svelte/src/routes/interaction/+page.svelte b/examples/svelte/src/routes/interaction/+page.svelte
new file mode 100644
index 000000000..05a0a75a5
--- /dev/null
+++ b/examples/svelte/src/routes/interaction/+page.svelte
@@ -0,0 +1,213 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import {
+		SvelteFlow,
+		Controls,
+		Panel,
+		PanOnScrollMode,
+		MiniMap,
+		type OnMoveEnd,
+		type Node,
+		type Edge
+	} from '@xyflow/svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodes = writable([
+		{
+			id: '1',
+			type: 'input',
+			data: { label: 'Node 1' },
+			position: { x: 250, y: 5 }
+		},
+		{ id: '2', data: { label: 'Node 2' }, position: { x: 100, y: 100 } },
+		{ id: '3', data: { label: 'Node 3' }, position: { x: 400, y: 100 } },
+		{ id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 200 } }
+	]);
+
+	const edges = writable([
+		{ id: 'e1-2', source: '1', target: '2', animated: true },
+		{ id: 'e1-3', source: '1', target: '3' }
+	]);
+
+	const onNodeDragStart = (_: MouseEvent, node: Node) => console.log('drag start', node);
+	const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node);
+	const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);
+	const onEdgeClick = (_: MouseEvent, edge: Edge) => console.log('click', edge);
+	const onPaneClick = (event: MouseEvent) => console.log('onPaneClick', event);
+	const onPaneScroll = (event?: WheelEvent) => console.log('onPaneScroll', event);
+	const onPaneContextMenu = (event: MouseEvent) => console.log('onPaneContextMenu', event);
+	const onMoveEnd: OnMoveEnd = (_, viewport) => console.log('onMoveEnd', viewport);
+
+	let isSelectable = false;
+	let isDraggable = false;
+	let isConnectable = false;
+	let zoomOnScroll = false;
+	let zoomOnPinch = false;
+	let panOnScroll = false;
+	let panOnScrollMode = PanOnScrollMode.Free;
+	let zoomOnDoubleClick = false;
+	let panOnDrag = true;
+	let captureZoomClick = false;
+	let captureZoomScroll = false;
+	let captureElementClick = false;
+</script>
+
+<SvelteFlow
+	{nodes}
+	{edges}
+	elementsSelectable={isSelectable}
+	nodesConnectable={isConnectable}
+	nodesDraggable={isDraggable}
+	{zoomOnScroll}
+	{zoomOnPinch}
+	{panOnScroll}
+	{panOnScrollMode}
+	{zoomOnDoubleClick}
+	{panOnDrag}
+	{onMoveEnd}
+>
+	<MiniMap />
+	<Controls />
+
+	<Panel position="top-right">
+		<div>
+			<label for="draggable">
+				nodesDraggable
+				<input
+					id="draggable"
+					type="checkbox"
+					bind:checked={isDraggable}
+					class="svelte-flow__draggable"
+				/>
+			</label>
+		</div>
+		<div>
+			<label for="connectable">
+				nodesConnectable
+				<input
+					id="connectable"
+					type="checkbox"
+					bind:checked={isConnectable}
+					class="svelte-flow__connectable"
+				/>
+			</label>
+		</div>
+		<div>
+			<label for="selectable">
+				elementsSelectable
+				<input
+					id="selectable"
+					type="checkbox"
+					bind:checked={isSelectable}
+					class="svelte-flow__selectable"
+				/>
+			</label>
+		</div>
+		<div>
+			<label for="zoomonscroll">
+				zoomOnScroll
+				<input
+					id="zoomonscroll"
+					type="checkbox"
+					bind:checked={zoomOnScroll}
+					class="svelte-flow__zoomonscroll"
+				/>
+			</label>
+		</div>
+		<div>
+			<label for="zoomonpinch">
+				zoomOnPinch
+				<input
+					id="zoomonpinch"
+					type="checkbox"
+					bind:checked={zoomOnPinch}
+					class="svelte-flow__zoomonpinch"
+				/>
+			</label>
+		</div>
+		<div>
+			<label for="panonscroll">
+				panOnScroll
+				<input
+					id="panonscroll"
+					type="checkbox"
+					bind:checked={panOnScroll}
+					class="svelte-flow__panonscroll"
+				/>
+			</label>
+		</div>
+		<div>
+			<label for="panonscrollmode">
+				panOnScrollMode
+				<select
+					id="panonscrollmode"
+					bind:value={panOnScrollMode}
+					on:change={(event) => {
+						panOnScrollMode = PanOnScrollMode.Free;
+					}}
+					class="svelte-flow__panonscrollmode"
+				>
+					<option value="free">free</option>
+					<option value="horizontal">horizontal</option>
+					<option value="vertical">vertical</option>
+				</select>
+			</label>
+		</div>
+		<div>
+			<label for="zoomondbl">
+				zoomOnDoubleClick
+				<input
+					id="zoomondbl"
+					type="checkbox"
+					bind:checked={zoomOnDoubleClick}
+					class="svelte-flow__zoomondbl"
+				/>
+			</label>
+		</div>
+		<div>
+			<label for="panondrag">
+				panOnDrag
+				<input
+					id="panondrag"
+					type="checkbox"
+					bind:checked={panOnDrag}
+					class="svelte-flow__panondrag"
+				/>
+			</label>
+		</div>
+		<div>
+			<label for="capturezoompaneclick">
+				capture onPaneClick
+				<input
+					id="capturezoompaneclick"
+					type="checkbox"
+					bind:checked={captureZoomClick}
+					class="svelte-flow__capturezoompaneclick"
+				/>
+			</label>
+		</div>
+		<div>
+			<label for="capturezoompanescroll">
+				capture onPaneScroll
+				<input
+					id="capturezoompanescroll"
+					type="checkbox"
+					bind:checked={captureZoomScroll}
+					class="svelte-flow__capturezoompanescroll"
+				/>
+			</label>
+		</div>
+		<div>
+			<label for="captureelementclick">
+				capture onElementClick
+				<input
+					id="captureelementclick"
+					type="checkbox"
+					bind:checked={captureElementClick}
+					class="svelte-flow__captureelementclick"
+				/>
+			</label>
+		</div>
+	</Panel>
+</SvelteFlow>
diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
new file mode 100644
index 000000000..ffe3c7603
--- /dev/null
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -0,0 +1,169 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import {
+		SvelteFlow,
+		Controls,
+		Background,
+		BackgroundVariant,
+		MiniMap,
+		Panel,
+		SelectionMode,
+		type NodeTypes,
+		type EdgeTypes
+	} from '@xyflow/svelte';
+
+	import CustomNode from './CustomNode.svelte';
+	import CustomEdge from './CustomEdge.svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodeTypes: NodeTypes = {
+		custom: CustomNode
+	};
+
+	const edgeTypes: EdgeTypes = {
+		custom: CustomEdge
+	};
+
+	const nodes = writable([
+		{
+			id: '1',
+			type: 'input',
+			data: { label: 'Input Node' },
+			position: { x: 150, y: 5 }
+		},
+		{
+			id: '2',
+			type: 'default',
+			data: { label: 'Node' },
+			position: { x: 0, y: 150 },
+			selectable: false
+		},
+		{
+			id: 'A',
+			type: 'default',
+			data: { label: 'Styled with class' },
+			class: 'custom-style',
+			position: { x: 150, y: 150 }
+		},
+		{
+			id: 'D',
+			type: 'default',
+			data: { label: 'Not draggable' },
+			position: { x: 150, y: 200 },
+			draggable: false
+		},
+		{
+			id: '3',
+			type: 'output',
+			data: { label: 'Output Node' },
+			position: { x: 300, y: 150 }
+		},
+		{
+			id: 'B',
+			type: 'default',
+			data: { label: 'Styled with style' },
+			style: 'border: 2px solid #ff5050;',
+			position: { x: 450, y: 150 }
+		},
+		{
+			id: '4',
+			type: 'custom',
+			data: { label: 'Custom Node' },
+			position: { x: 150, y: 300 }
+		}
+	]);
+
+	const edges = writable([
+		{
+			id: '1-2',
+			type: 'default',
+			source: '1',
+			target: '2',
+			label: 'Edge Text'
+		},
+		{
+			id: '1-3',
+			type: 'smoothstep',
+			source: '1',
+			target: '3',
+			selectable: false
+		},
+		{
+			id: '2-4',
+			type: 'custom',
+			source: '2',
+			target: '4',
+			animated: true
+		}
+	]);
+
+	function updateNode() {
+		nodes.update((nds) =>
+			nds.map((n) => {
+				if (n.id === '1') {
+					return {
+						...n,
+						position: { x: n.position.x + 20, y: n.position.y }
+					};
+				}
+
+				return n;
+			})
+		);
+	}
+
+	$: {
+		console.log('nodes changed', $nodes);
+	}
+</script>
+
+<SvelteFlow
+	{nodes}
+	{edges}
+	{nodeTypes}
+	{edgeTypes}
+	fitView
+	minZoom={0.1}
+	maxZoom={2.5}
+	selectionMode={SelectionMode.Full}
+	initialViewport={{ x: 100, y: 100, zoom: 2 }}
+	snapGrid={[25, 25]}
+	on:nodeclick={(event) => console.log('on node click', event)}
+	on:nodemouseenter={(event) => console.log('on node enter', event)}
+	on:nodemouseleave={(event) => console.log('on node leave', event)}
+	on:edgeclick={(event) => console.log('edge click', event)}
+	on:connectstart={(event) => console.log('on connect start', event)}
+	on:connect={(event) => console.log('on connect', event)}
+	on:connectend={(event) => console.log('on connect end', event)}
+	on:paneclick={(event) => console.log('on pane click', event)}
+	on:panecontextmenu={(event) => {
+		event.preventDefault();
+		console.log('on pane contextmenu', event);
+	}}
+>
+	<Controls />
+	<Background variant={BackgroundVariant.Dots} />
+	<MiniMap />
+	<Panel position="top-right">
+		<button on:click={updateNode}>update node pos</button>
+	</Panel>
+</SvelteFlow>
+
+<style>
+	:global(.svelte-flow .custom-style) {
+		background: #ff5050;
+		color: white;
+	}
+
+	:root {
+		--background-color: #ffffdd;
+		--background-pattern-color: #5050ff;
+
+		--minimap-background-color: #f5f6f7;
+		--minimap-mask-color: rgb(255, 255, 240, 0.6);
+
+		--controls-button-background-color: #ddd;
+		--controls-button-background-color-hover: #ccc;
+	}
+</style>
diff --git a/examples/svelte/src/routes/overview/CustomEdge.svelte b/examples/svelte/src/routes/overview/CustomEdge.svelte
new file mode 100644
index 000000000..9f0992bb3
--- /dev/null
+++ b/examples/svelte/src/routes/overview/CustomEdge.svelte
@@ -0,0 +1,59 @@
+<script lang="ts">
+	import {
+		BaseEdge,
+		EdgeLabelRenderer,
+		useSvelteFlow,
+		type EdgeProps,
+		getBezierPath
+	} from '@xyflow/svelte';
+
+	type $$Props = EdgeProps;
+
+	$: [path, labelX, labelY] = getBezierPath({
+		sourceX: $$props.sourceX,
+		sourceY: $$props.sourceY,
+		targetX: $$props.targetX,
+		targetY: $$props.targetY,
+		sourcePosition: $$props.sourcePosition,
+		targetPosition: $$props.targetPosition
+	});
+
+	const svelteFlow = useSvelteFlow();
+
+	function onClick() {
+		svelteFlow.edges.update((eds) => eds.filter((e) => e.id !== $$props.id));
+	}
+</script>
+
+<BaseEdge {path} {labelX} {labelY} {...$$props} />
+
+<EdgeLabelRenderer>
+	<button
+		style:transform={`translate(-50%,-50%) translate(${labelX}px,${labelY}px)`}
+		class="edge-button"
+		on:click={onClick}
+	>
+		✕
+	</button>
+</EdgeLabelRenderer>
+
+<style>
+	.edge-button {
+		border-radius: 50%;
+		position: absolute;
+		border: none;
+		width: 1rem;
+		height: 1rem;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		font-size: 8px;
+		pointer-events: all;
+		cursor: pointer;
+		background-color: #eee;
+	}
+
+	.edge-button:hover {
+		box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12);
+	}
+</style>
diff --git a/examples/svelte/src/routes/overview/CustomNode.svelte b/examples/svelte/src/routes/overview/CustomNode.svelte
new file mode 100644
index 000000000..a8f6a2262
--- /dev/null
+++ b/examples/svelte/src/routes/overview/CustomNode.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { Handle, Position, type NodeProps } from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+
+	export let data: { label: string } = { label: 'Node' };
+	export let xPos: number = 0;
+	export let yPos: number = 0;
+</script>
+
+<div class="custom">
+	<div>{data.label}</div>
+	<div>{~~xPos}, {~~yPos}</div>
+
+	<Handle type="target" position={Position.Top} />
+
+	<Handle type="source" position={Position.Bottom} style="left: 10%;" id="a" />
+	<Handle type="source" position={Position.Bottom} id="b" />
+	<Handle type="source" position={Position.Bottom} style="left: 90%;" id="c" />
+</div>
+
+<style>
+	.custom {
+		background: #ffcc00;
+		padding: 10px;
+	}
+</style>
diff --git a/examples/svelte/src/routes/stress/+page.svelte b/examples/svelte/src/routes/stress/+page.svelte
new file mode 100644
index 000000000..b57384cab
--- /dev/null
+++ b/examples/svelte/src/routes/stress/+page.svelte
@@ -0,0 +1,57 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import {
+		SvelteFlow,
+		Controls,
+		Background,
+		BackgroundVariant,
+		MiniMap,
+		type Node,
+		type Edge
+	} from '@xyflow/svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const yNodes = 25;
+	const xNodes = 25;
+
+	const nodeItems: Node[] = [];
+	const edgeItems: Edge[] = [];
+
+	let source = null;
+
+	for (let y = 0; y < yNodes; y++) {
+		for (let x = 0; x < xNodes; x++) {
+			const position = { x: x * 100, y: y * 50 };
+			const id = `${x}-${y}`;
+			const data = { label: `Node ${id}` };
+			const node = {
+				id,
+				data,
+				position,
+				type: 'default'
+			};
+			nodeItems.push(node);
+
+			if (source) {
+				const edge = {
+					id: `${source.id}-${id}`,
+					source: source.id,
+					target: id
+				};
+				edgeItems.push(edge);
+			}
+
+			source = node;
+		}
+	}
+
+	const nodes = writable(nodeItems);
+	const edges = writable(edgeItems);
+</script>
+
+<SvelteFlow {nodes} {edges} fitView minZoom={0.2}>
+	<Controls />
+	<Background variant={BackgroundVariant.Dots} />
+	<MiniMap />
+</SvelteFlow>
diff --git a/examples/svelte/src/routes/subflows/+page.svelte b/examples/svelte/src/routes/subflows/+page.svelte
new file mode 100644
index 000000000..4c57c1717
--- /dev/null
+++ b/examples/svelte/src/routes/subflows/+page.svelte
@@ -0,0 +1,134 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import {
+		SvelteFlow,
+		Controls,
+		Background,
+		BackgroundVariant,
+		MiniMap,
+		type NodeTypes,
+		type Node
+	} from '@xyflow/svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	import DebugNode from './DebugNode.svelte';
+
+	const nodeTypes: NodeTypes = {
+		default: DebugNode
+	};
+
+	const nodes = writable<Node[]>([
+		{
+			id: '1',
+			type: 'input',
+			data: { label: 'Node 1' },
+			position: { x: 250, y: 5 },
+			origin: [0.5, 0.5]
+		},
+		{
+			id: '4',
+			data: { label: 'Node 4' },
+			position: { x: 100, y: 200 },
+			style: 'width:500px; height:300px;'
+		},
+		{
+			id: '4a',
+			data: { label: 'Node 4a' },
+			position: { x: 15, y: 15 },
+			parentNode: '4',
+			extent: [
+				[0, 0],
+				[100, 100]
+			]
+		},
+		{
+			id: '4b',
+			data: { label: 'Node 4b' },
+			position: { x: 100, y: 60 },
+			style: 'width: 300px; height: 200px;',
+			parentNode: '4'
+		},
+		{
+			id: '4b1',
+			data: { label: 'Node 4b1' },
+			position: { x: 40, y: 20 },
+			parentNode: '4b'
+		},
+		{
+			id: '4b2',
+			data: { label: 'Node 4b2' },
+			position: { x: 20, y: 100 },
+			parentNode: '4b'
+		},
+		{
+			id: '5',
+			type: 'group',
+			data: { label: 'Node 5' },
+			position: { x: 650, y: 250 },
+			style: 'width: 400px; height: 150px',
+			zIndex: 1000
+		},
+		{
+			id: '5a',
+			data: { label: 'Node 5a' },
+			position: { x: 0, y: 0 },
+			parentNode: '5',
+			extent: 'parent'
+		},
+		{
+			id: '5b',
+			data: { label: 'Node 5b' },
+			position: { x: 225, y: 50 },
+			parentNode: '5',
+			expandParent: true
+		},
+		{
+			id: '2',
+			data: { label: 'Node 2' },
+			position: { x: 100, y: 100 }
+		},
+		{
+			id: '3',
+			data: { label: 'Node 3' },
+			position: { x: 400, y: 100 }
+		}
+	]);
+
+	const edges = writable([
+		{
+			id: 'e1-2',
+			source: '1',
+			target: '2'
+			// markerEnd: {
+			//   type: MarkerType.Arrow,
+			//   strokeWidth: 2,
+			//   width: 15,
+			//   height: 15,
+			//   color: '#f00',
+			// },
+		},
+		{ id: 'e1-3', source: '1', target: '3' },
+		{ id: 'e3-4', source: '3', target: '4' },
+		{ id: 'e3-4b', source: '3', target: '4b', zIndex: 100 },
+		{ id: 'e4a-4b1', source: '4a', target: '4b1' },
+		{ id: 'e4a-4b2', source: '4a', target: '4b2', zIndex: 100 },
+		{ id: 'e4b1-4b2', source: '4b1', target: '4b2' }
+	]);
+
+	$: {
+		console.log($nodes);
+	}
+</script>
+
+<SvelteFlow {nodes} {edges} {nodeTypes} fitView minZoom={0.1} maxZoom={2.5}>
+	<Controls />
+	<Background variant={BackgroundVariant.Dots} />
+	<MiniMap />
+</SvelteFlow>
+
+<style>
+	:global(.svelte-flow .svelte-flow__node.parent) {
+		background-color: rgba(220, 220, 255, 0.4);
+	}
+</style>
diff --git a/examples/svelte/src/routes/subflows/DebugNode.svelte b/examples/svelte/src/routes/subflows/DebugNode.svelte
new file mode 100644
index 000000000..7b4434be9
--- /dev/null
+++ b/examples/svelte/src/routes/subflows/DebugNode.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { Handle, Position, type NodeProps } from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+
+	export let id: string;
+	export let xPos: number = 0;
+	export let yPos: number = 0;
+	export let zIndex: number = 0;
+</script>
+
+<Handle type="target" position={Position.Top} />
+<div>{id}</div>
+<div>
+	x:{Math.round(xPos || 0)} y:{Math.round(yPos || 0)} z:{zIndex}
+</div>
+<Handle type="source" position={Position.Bottom} />
+
+<style>
+	.custom {
+		background: #ffcc00;
+		padding: 10px;
+	}
+</style>
diff --git a/examples/svelte/src/routes/usesvelteflow/+page.svelte b/examples/svelte/src/routes/usesvelteflow/+page.svelte
new file mode 100644
index 000000000..12dec33ca
--- /dev/null
+++ b/examples/svelte/src/routes/usesvelteflow/+page.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+	import { SvelteFlowProvider } from '@xyflow/svelte';
+
+	import Flow from './Flow.svelte';
+</script>
+
+<SvelteFlowProvider>
+	<Flow />
+</SvelteFlowProvider>
diff --git a/examples/svelte/src/routes/usesvelteflow/Flow.svelte b/examples/svelte/src/routes/usesvelteflow/Flow.svelte
new file mode 100644
index 000000000..2ba652a44
--- /dev/null
+++ b/examples/svelte/src/routes/usesvelteflow/Flow.svelte
@@ -0,0 +1,61 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import { SvelteFlow, Controls, Background, BackgroundVariant, MiniMap } from '@xyflow/svelte';
+
+	import Sidebar from './Sidebar.svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodes = writable([
+		{
+			id: '1',
+			type: 'input',
+			data: { label: 'Input Node' },
+			position: { x: 150, y: 5 }
+		},
+		{
+			id: '2',
+			type: 'default',
+			data: { label: 'Node' },
+			position: { x: 0, y: 150 }
+		},
+		{
+			id: '3',
+			type: 'output',
+			data: { label: 'Output Node' },
+			position: { x: 300, y: 150 }
+		}
+	]);
+
+	const edges = writable([
+		{
+			id: '1-2',
+			type: 'default',
+			source: '1',
+			target: '2',
+			label: 'Edge Text'
+		},
+		{
+			id: '1-3',
+			type: 'smoothstep',
+			source: '1',
+			target: '3'
+		}
+	]);
+</script>
+
+<main>
+	<SvelteFlow {nodes} {edges} fitView>
+		<Controls />
+		<Background variant={BackgroundVariant.Dots} />
+		<MiniMap />
+	</SvelteFlow>
+	<Sidebar />
+</main>
+
+<style>
+	main {
+		height: 100%;
+		display: flex;
+	}
+</style>
diff --git a/examples/svelte/src/routes/usesvelteflow/Sidebar.svelte b/examples/svelte/src/routes/usesvelteflow/Sidebar.svelte
new file mode 100644
index 000000000..5b81fa4fc
--- /dev/null
+++ b/examples/svelte/src/routes/usesvelteflow/Sidebar.svelte
@@ -0,0 +1,56 @@
+<script lang="ts">
+	import { useSvelteFlow } from '@xyflow/svelte';
+
+	const {
+		zoomIn,
+		zoomOut,
+		setZoom,
+		fitView,
+		setCenter,
+		setViewport,
+		getViewport,
+		viewport,
+		nodes
+	} = useSvelteFlow();
+</script>
+
+<aside>
+	<div class="label">Functions:</div>
+	<button on:click={() => zoomIn()}>zoom in</button>
+	<button on:click={() => zoomOut({ duration: 1000 })}>zoom out transition</button>
+	<button on:click={() => setZoom(2)}>set zoom</button>
+	<button on:click={() => fitView()}>fitView</button>
+	<button on:click={() => setCenter(0, 0)}>setCenter 0, 0</button>
+	<button on:click={() => setViewport({ x: 100, y: 100, zoom: 2 })}>setViewport</button>
+	<button on:click={() => console.log(getViewport())}>getViewport</button>
+
+	<div class="label">Nodes:</div>
+	{#each $nodes as node (node.id)}
+		<div>id: {node.id} | x: {node.position.x.toFixed(1)} y: {node.position.y.toFixed(1)}</div>
+	{/each}
+
+	<div class="label">Viewport:</div>
+	<div>
+		x: {$viewport.x.toFixed(1)} y: {$viewport.y.toFixed(1)} zoom: {$viewport.zoom.toFixed(1)}
+	</div>
+</aside>
+
+<style>
+	.label {
+		font-weight: 700;
+		margin: 0.5rem 0 0.25rem 0;
+	}
+
+	aside {
+		width: 20vw;
+		background: #f4f4f4;
+		padding: 0.4rem 0.8rem;
+		font-size: 12px;
+	}
+
+	button {
+		display: block;
+		margin-bottom: 0.5rem;
+		font-size: 12px;
+	}
+</style>
diff --git a/examples/svelte/src/routes/validation/+page.svelte b/examples/svelte/src/routes/validation/+page.svelte
new file mode 100644
index 000000000..1c72199ea
--- /dev/null
+++ b/examples/svelte/src/routes/validation/+page.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import {
+		SvelteFlow,
+		Controls,
+		Background,
+		BackgroundVariant,
+		type IsValidConnection,
+		Position
+	} from '@xyflow/svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+	import './style.css';
+
+	const nodeDefaults = {
+		sourcePosition: Position.Right,
+		targetPosition: Position.Left
+	};
+
+	const nodes = writable([
+		{
+			id: '0',
+			position: { x: 0, y: 150 },
+			data: { label: 'only connectable with B' },
+			...nodeDefaults
+		},
+		{ id: 'A', position: { x: 250, y: 0 }, data: { label: 'A' }, ...nodeDefaults },
+		{ id: 'B', position: { x: 250, y: 150 }, data: { label: 'B' }, ...nodeDefaults },
+		{ id: 'C', position: { x: 250, y: 300 }, data: { label: 'C' }, ...nodeDefaults }
+	]);
+
+	const edges = writable([]);
+
+	const isValidConnection: IsValidConnection = (connection) => connection.target === 'B';
+</script>
+
+<SvelteFlow {nodes} {edges} fitView minZoom={0.1} maxZoom={2.5} {isValidConnection}>
+	<Controls />
+	<Background variant={BackgroundVariant.Dots} />
+</SvelteFlow>
diff --git a/examples/svelte/src/routes/validation/style.css b/examples/svelte/src/routes/validation/style.css
new file mode 100644
index 000000000..6839e1298
--- /dev/null
+++ b/examples/svelte/src/routes/validation/style.css
@@ -0,0 +1,7 @@
+.svelte-flow__handle.connecting {
+	background: #ff6060;
+}
+
+.svelte-flow__handle.valid {
+	background: #55dd99;
+}
diff --git a/examples/svelte/src/styles/base.css b/examples/svelte/src/styles/base.css
new file mode 100644
index 000000000..80bc953da
--- /dev/null
+++ b/examples/svelte/src/styles/base.css
@@ -0,0 +1,8 @@
+/* this gets exported as style.css and can be used for the default theming */
+@import '../../../system/src/styles/init.css';
+@import '../../../system/src/styles/base.css';
+
+.svelte-flow__edge-label {
+  text-align: center;
+  position: absolute;
+}
diff --git a/examples/svelte/src/styles/style.css b/examples/svelte/src/styles/style.css
new file mode 100644
index 000000000..b3f57e6f8
--- /dev/null
+++ b/examples/svelte/src/styles/style.css
@@ -0,0 +1,8 @@
+/* this gets exported as style.css and can be used for the default theming */
+@import '../../../system/src/styles/init.css';
+@import '../../../system/src/styles/style.css';
+
+.svelte-flow__edge-label {
+  text-align: center;
+  position: absolute;
+}
diff --git a/examples/svelte/static/favicon.png b/examples/svelte/static/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..825b9e65af7c104cfb07089bb28659393b4f2097
GIT binary patch
literal 1571
zcmV+;2Hg3HP)<h;3K|Lk000e1NJLTq004jh004jp1ONa4X*a1r00001b5ch_0Itp)
z=>Px)-AP12RCwC$UE6KzI1p6{F2N<Fgp}YCTtZ542`(WexCEDw|A=A)1A-t30wEX>
z1VK2vi|pOpn{~#djwYcWXTI_im_u^TJgMZ4JMOsSj!0ma>B?-(Hr@X&W@|R-$}W@Z
zg<YDbY-gN-C@$NXr>j#$x=!~7LGqHW?IO8+*oE1MyDp!G=L<gz=E*n%PA*mnuaD-%
zU>0#^lUx?;!fXv@l^6SvTnf^ac{5OurzC#ZMYc20lI%HhX816AYVs1T3heS1*WaWH
z%;x>)-J}YB5#CLzU@GBR6sXYrD>Vw(Fmt#|JP;+}<#6b63Ike{Fuo!?M{yEffez;|
zp!PfsuaC)>h>-AdbnwN13g*1LowNjT5?+lFVd#9$!8Z9HA|$*6dQ8EHLu}U|obW6f
z2%uGv?vr=KNq7YYa2Roj;|zooo<)lf=&2yxM@e`kM$CmCR#x>gI>I|*Ubr({5Y^rb
zghxQU22N}F51}^yfDSt7<V*0Nvi!iKPY@n`1~$se=LwHTOE7`*@+};uU_gT$1{Nib
z9&~5~nc4J(EWez%_f0Ty7T;wB{7s*oNO=9p8(o}N*_V>86oMTc!W&V;d?76)9KXX1
z+6Okem(d}YXmmOiZq$!IPk5t8nnS{%?+vDFz3BevmFN<oPlV?qzG@=jl`t@|E8zV8
zJ4}It4e%+dFPWw16u{sAX42jlFu{_e!AKZE75iV2&Q7>gpIod~R{>@#@5x9zJK<vg
zI0+@80NMa{gtNoRhsR-w%piFI3d-5xrN)R}H!WtK=Gp%dC5(a`Q0V4_vS-mj<((Z~
zbV*PucDY#zFVglY>EHLHv!gHeK~n)Ld!M8DB|Kfe%~123&Hz1Z(86nU7*G5chmyDe
ziV7$pB7pJ=96hpxHv9rCR29%bLOXlKU<_13_M8x)6;P8E1Kz6G<&P?$P^%c!M5`2`
zfY2zg;VK5~^>TJGQzc+33-n~gKt{{of8GzUkWmU110IgI0DLxRIM>0US|TsM=L|@F
z0Bun8U!cRB7-2apz=y-7*UxOxz@Z0)@QM)9wSGki1AZ38ceG7Q72z5`i;i=J`ILzL
z@iUO?SBBG-0cQuo+an4TsL<j(YStU%^TNkjEqg808>y-g-x;8P4UVwk|D8{W@U1Zi
z!M)+jqy@nQ$p?5tsHp-6J304Q={v-B>66$P0IDx&YT(`IcZ~bZfmn11#rXd7<5s}y
zBi9eim&zQc0Dk|2>$bs0PnLmDfMP5lcXRY&cvJ=zKxI^f0%-d$tD!`LBf9^jMSYUA
zI8U?CWdY@}cRq6{5~y+<zzg4N+!Mudx;=&$zSp?cjRmyF-+404b-P66DA17$<$H}=
z7$P4)QXt>)#h1!*-HcGW@+gZ4B};0OnC~`xQOyH19z*TA!!<qA9l$G~6DRxiCy7Vo
zOl^oK!S3XbayWz&p33NSw$lxR1fm)O*rCE0^ZNmk0wnax!!?%g599+O37!666~F(y
z5fq?5T*Fm{^%YR^PiM%z#%x`fAC+;C&`X5JXN_40SieIEXoaUU=*}=c0OC7@a*rFE
z3xr3yyFB~zRl(lNY&B@$Fia%81M!xeIuTYNz!Dz6eBKONjL<@dJdT$H?ShKl6$p=F
ze!fdgzelJI&n`Hk9f}>BJ%9s0V3F?CAJ{hTd#*tf+ur-W9MOURF-@B77_-OshsY}6
zOXRY=5%C^*26z?l)1=$bz30!so5tfABdSYzO+H=CpV~aaUefmjvfZ3Ttu9W&W3Iu6
zROlh0MFA5h;my}8lB0tAV-Rvc2Zs_CCSJnx@d`<ao$!3dCkTn3@aF0ny6VrToO6qA
z-~&2=w&2nT&o5u>**$idgy-iMob4dJWWw|21b4NB=LfsYp0Aeh{Ov)yztQi;eL4y5
zMi>8^SzKqk8~k?UiQK^^-5d8c%bV?$F8%X~czyiaKCI2=UH<v&YL5FIcieFm_zQ2O
VHuiSbmk|H}002ovPDHLkV1f%e^4kCa

literal 0
HcmV?d00001

diff --git a/examples/svelte/svelte.config.js b/examples/svelte/svelte.config.js
new file mode 100644
index 000000000..1cf26a00d
--- /dev/null
+++ b/examples/svelte/svelte.config.js
@@ -0,0 +1,18 @@
+import adapter from '@sveltejs/adapter-auto';
+import { vitePreprocess } from '@sveltejs/kit/vite';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
+	// for more information about preprocessors
+	preprocess: vitePreprocess(),
+
+	kit: {
+		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
+		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
+		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
+		adapter: adapter()
+	}
+};
+
+export default config;
diff --git a/examples/svelte/tsconfig.json b/examples/svelte/tsconfig.json
new file mode 100644
index 000000000..6ae0c8c44
--- /dev/null
+++ b/examples/svelte/tsconfig.json
@@ -0,0 +1,17 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true
+	}
+	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
+}
diff --git a/examples/svelte/vite.config.ts b/examples/svelte/vite.config.ts
new file mode 100644
index 000000000..17c692017
--- /dev/null
+++ b/examples/svelte/vite.config.ts
@@ -0,0 +1,12 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+	plugins: [sveltekit()],
+	server: {
+		fs: {
+			// Allow serving files from one level up to the project root
+			allow: ['../..']
+		}
+	}
+});
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 0bea25aa3..161084784 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -12,8 +12,8 @@
     "xyflow"
   ],
   "scripts": {
-    "dev": "concurrently \"vite dev\" pnpm:css-watch",
-    "build": "svelte-kit sync && svelte-package -o dist && pnpm css",
+    "dev": "concurrently \"svelte-kit sync && svelte-package -o dist/lib -w\" pnpm:css-watch",
+    "build": "svelte-kit sync && svelte-package -o dist/lib && pnpm css",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "css": "postcss src/styles/{base,style}.css --config ./../../tooling/postcss-config --dir dist",
@@ -23,12 +23,12 @@
     "typecheck": "pnpm check"
   },
   "type": "module",
-  "module": "./dist/index.js",
+  "module": "./dist/lib/index.js",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js",
-      "default": "./dist/index.js"
+      "types": "./dist/lib/index.d.ts",
+      "svelte": "./dist/lib/index.js",
+      "default": "./dist/lib/index.js"
     },
     "./dist/base.css": "./dist/base.css",
     "./dist/style.css": "./dist/style.css"
@@ -68,8 +68,7 @@
     "svelte-check": "^3.5.0",
     "svelte-eslint-parser": "^0.32.2",
     "tslib": "^2.5.3",
-    "typescript": "5.1.3",
-    "vite": "^4.3.9"
+    "typescript": "5.1.3"
   },
   "peerDependencies": {
     "svelte": "^3.0.0 || ^4.0.0"
@@ -80,7 +79,7 @@
   "typesVersions": {
     ">4.0": {
       "index": [
-        "./dist/index.d.ts"
+        "./dist/lib/index.d.ts"
       ]
     }
   }
diff --git a/packages/svelte/src/app.d.ts b/packages/svelte/src/app.d.ts
deleted file mode 100644
index 899c7e8fc..000000000
--- a/packages/svelte/src/app.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-// See https://kit.svelte.dev/docs/types#app
-// for information about these interfaces
-declare global {
-  namespace App {
-    // interface Error {}
-    // interface Locals {}
-    // interface PageData {}
-    // interface Platform {}
-  }
-}
-
-export {};
diff --git a/packages/svelte/src/app.html b/packages/svelte/src/app.html
deleted file mode 100644
index 0bd925946..000000000
--- a/packages/svelte/src/app.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style>
-      html,
-      body,
-      #root {
-        height: 100%;
-        margin: 0;
-        font-family: Arial, Helvetica, sans-serif;
-      }
-    </style>
-    %sveltekit.head%
-  </head>
-  <body>
-    <div id="root">%sveltekit.body%</div>
-  </body>
-</html>
diff --git a/packages/svelte/src/routes/+layout.svelte b/packages/svelte/src/routes/+layout.svelte
deleted file mode 100644
index f319ea274..000000000
--- a/packages/svelte/src/routes/+layout.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-  import { Header } from '../example-components/Header';
-</script>
-
-<div class="app">
-  <Header />
-  <div class="flow">
-    <slot />
-  </div>
-</div>
-
-<style>
-  .app {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-  }
-
-  .flow {
-    flex: 1;
-  }
-</style>
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index 45db22288..977a3ecd0 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -1 +1 @@
-<div>this redirects to /overview</div>
+<div>404</div>
diff --git a/packages/svelte/src/routes/customnode/+page.svelte b/packages/svelte/src/routes/customnode/+page.svelte
deleted file mode 100644
index fdb438ca1..000000000
--- a/packages/svelte/src/routes/customnode/+page.svelte
+++ /dev/null
@@ -1,131 +0,0 @@
-<script lang="ts">
-  import type { ChangeEventHandler } from 'svelte/elements';
-  import { writable } from 'svelte/store';
-  import {
-    SvelteFlow,
-    Controls,
-    Background,
-    BackgroundVariant,
-    MiniMap,
-    Position,
-    type Node,
-    type NodeTypes,
-    type Edge,
-    type Connection
-  } from '../../lib/index';
-  import CustomNode from './CustomNode.svelte';
-
-  import '../../styles/style.css';
-
-  const nodeTypes: NodeTypes = {
-    colorNode: CustomNode
-  };
-
-  const bgColor = writable('#1A192B');
-
-  const onChange: ChangeEventHandler<HTMLInputElement> = (event) => {
-    nodes.update((nds) =>
-      nds.map((node) => {
-        if (node.type !== 'colorNode') {
-          return node;
-        }
-
-        const color = (event.target as HTMLInputElement)?.value;
-
-        bgColor.set(color);
-
-        return {
-          ...node,
-          data: {
-            ...node.data,
-            color
-          }
-        };
-      })
-    );
-  };
-
-  const nodes = writable<Node[]>([
-    {
-      id: '1',
-      type: 'input',
-      data: { label: 'An input node' },
-      position: { x: 0, y: 50 },
-      sourcePosition: Position.Right
-    },
-    {
-      id: '2',
-      type: 'colorNode',
-      data: { onChange: onChange, color: $bgColor },
-      style: 'border: 1px solid #777; padding: 10px',
-      position: { x: 250, y: 50 }
-    },
-    {
-      id: '2a',
-      type: 'colorNode',
-      data: { onChange: onChange, color: $bgColor },
-      style: 'border: 1px solid #777; padding: 10px',
-      position: { x: 250, y: 520 }
-    },
-    {
-      id: '3',
-      type: 'output',
-      data: { label: 'Output A' },
-      position: { x: 650, y: 25 },
-      targetPosition: Position.Left
-    },
-    {
-      id: '4',
-      type: 'output',
-      data: { label: 'Output B' },
-      position: { x: 650, y: 120 },
-      targetPosition: Position.Left
-    }
-  ]);
-
-  const edges = writable<Edge[]>([
-    {
-      id: 'e1-2',
-      source: '1',
-      target: '2',
-      animated: true
-    },
-    {
-      id: 'e2a-3',
-      source: '2',
-      sourceHandle: 'a',
-      target: '3',
-      animated: true
-    },
-    {
-      id: 'e2b-4',
-      source: '2',
-      sourceHandle: 'b',
-      target: '4',
-      animated: true
-    }
-  ]);
-
-  const onConnect = (connection: Connection) => {
-    console.log('on connect', connection);
-  };
-</script>
-
-<SvelteFlow
-  {nodes}
-  {edges}
-  {nodeTypes}
-  style="--bgcolor: {$bgColor}"
-  fitView
-  on:connect={onConnect}
->
-  <Controls />
-  <Background variant={BackgroundVariant.Dots} />
-  <MiniMap />
-</SvelteFlow>
-
-<style>
-  :global(.svelte-flow) {
-    background: var(--bgcolor);
-  }
-</style>
diff --git a/packages/svelte/src/routes/customnode/CustomNode.svelte b/packages/svelte/src/routes/customnode/CustomNode.svelte
deleted file mode 100644
index 639b79574..000000000
--- a/packages/svelte/src/routes/customnode/CustomNode.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-  import { Handle, Position, type NodeProps } from '../../../lib/index';
-
-  type $$Props = NodeProps;
-
-  export let data: { color: string; onChange: () => void } = { color: '#111', onChange: () => {} };
-</script>
-
-<Handle type="target" position={Position.Left} on:connect />
-<div>
-  Custom Color Picker Node: <strong>{data.color}</strong>
-</div>
-<input class="nodrag" type="color" on:input={data.onChange} value={data.color} />
-<Handle type="source" position={Position.Right} id="a" style="top: 10px;" on:connect />
-<Handle
-  type="source"
-  position={Position.Right}
-  id="b"
-  style="top: auto; bottom: 10px;"
-  on:connect
-/>
diff --git a/packages/svelte/src/routes/drag-n-drop/+page.svelte b/packages/svelte/src/routes/drag-n-drop/+page.svelte
deleted file mode 100644
index a59b58c9d..000000000
--- a/packages/svelte/src/routes/drag-n-drop/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-  import { SvelteFlowProvider } from '../../lib/index';
-
-  import Flow from './Flow.svelte';
-</script>
-
-<SvelteFlowProvider>
-  <Flow />
-</SvelteFlowProvider>
diff --git a/packages/svelte/src/routes/drag-n-drop/Flow.svelte b/packages/svelte/src/routes/drag-n-drop/Flow.svelte
deleted file mode 100644
index f4caae4e4..000000000
--- a/packages/svelte/src/routes/drag-n-drop/Flow.svelte
+++ /dev/null
@@ -1,106 +0,0 @@
-<script lang="ts">
-  import { writable } from 'svelte/store';
-  import {
-    SvelteFlow,
-    Controls,
-    Background,
-    BackgroundVariant,
-    MiniMap,
-    useSvelteFlow,
-    type Node
-  } from '../../lib/index';
-  import Sidebar from './Sidebar.svelte';
-
-  import '../../styles/style.css';
-
-  const nodes = writable([
-    {
-      id: '1',
-      type: 'input',
-      data: { label: 'Input Node' },
-      position: { x: 150, y: 5 }
-    },
-    {
-      id: '2',
-      type: 'default',
-      data: { label: 'Node' },
-      position: { x: 0, y: 150 }
-    },
-    {
-      id: '3',
-      type: 'output',
-      data: { label: 'Output Node' },
-      position: { x: 300, y: 150 }
-    }
-  ]);
-
-  const edges = writable([
-    {
-      id: '1-2',
-      type: 'default',
-      source: '1',
-      target: '2',
-      label: 'Edge Text'
-    },
-    {
-      id: '1-3',
-      type: 'smoothstep',
-      source: '1',
-      target: '3'
-    }
-  ]);
-
-  const svelteFlow = useSvelteFlow();
-
-  const onDragOver = (event: DragEvent) => {
-    event.preventDefault();
-
-    console.log(event);
-
-    if (event.dataTransfer) {
-      event.dataTransfer.dropEffect = 'move';
-    }
-  };
-
-  const onDrop = (event: DragEvent) => {
-    event.preventDefault();
-
-    if (!event.dataTransfer) {
-      return null;
-    }
-
-    const type = event.dataTransfer.getData('application/svelteflow');
-    const position = svelteFlow.project({
-      x: event.clientX,
-      y: event.clientY - 40
-    });
-    const newNode: Node = {
-      id: `${Math.random()}`,
-      type,
-      position,
-      data: { label: `${type} node` }
-    };
-
-    svelteFlow.nodes.update((nds) => nds.concat(newNode));
-  };
-
-  $: {
-    console.log($nodes);
-  }
-</script>
-
-<main>
-  <SvelteFlow {nodes} {edges} fitView on:dragover={onDragOver} on:drop={onDrop}>
-    <Controls />
-    <Background variant={BackgroundVariant.Dots} />
-    <MiniMap />
-  </SvelteFlow>
-  <Sidebar />
-</main>
-
-<style>
-  main {
-    height: 100%;
-    display: flex;
-  }
-</style>
diff --git a/packages/svelte/src/routes/drag-n-drop/Sidebar.svelte b/packages/svelte/src/routes/drag-n-drop/Sidebar.svelte
deleted file mode 100644
index 5e3dabba5..000000000
--- a/packages/svelte/src/routes/drag-n-drop/Sidebar.svelte
+++ /dev/null
@@ -1,61 +0,0 @@
-<script lang="ts">
-  import { useSvelteFlow } from '../../lib/index';
-
-  const onDragStart = (event: DragEvent, nodeType: string) => {
-    if (!event.dataTransfer) {
-      return null;
-    }
-
-    event.dataTransfer.setData('application/svelteflow', nodeType);
-    event.dataTransfer.effectAllowed = 'move';
-  };
-
-  const { zoomIn, zoomOut, fitView, viewport, nodes } = useSvelteFlow();
-</script>
-
-<aside>
-  <div class="label">You can drag these nodes to the pane on the left.</div>
-  <div
-    class="input-node node"
-    on:dragstart={(event) => onDragStart(event, 'input')}
-    draggable={true}
-  >
-    Input Node
-  </div>
-  <div
-    class="default-node node"
-    on:dragstart={(event) => onDragStart(event, 'default')}
-    draggable={true}
-  >
-    Default Node
-  </div>
-  <div
-    class="output-node node"
-    on:dragstart={(event) => onDragStart(event, 'output')}
-    draggable={true}
-  >
-    Output Node
-  </div>
-</aside>
-
-<style>
-  .label {
-    margin: 0.5rem 0 0.25rem 0;
-  }
-
-  aside {
-    width: 20vw;
-    background: #f4f4f4;
-    padding: 0.4rem 0.8rem;
-    font-size: 12px;
-  }
-
-  .node {
-    margin-bottom: 0.5rem;
-    border: 1px solid #111;
-    padding: 0.5rem 1rem;
-    font-weight: 700;
-    border-radius: 3px;
-    cursor: grab;
-  }
-</style>
diff --git a/packages/svelte/src/routes/edges/+page.svelte b/packages/svelte/src/routes/edges/+page.svelte
deleted file mode 100644
index 1247d02ff..000000000
--- a/packages/svelte/src/routes/edges/+page.svelte
+++ /dev/null
@@ -1,152 +0,0 @@
-<script lang="ts">
-  import { writable } from 'svelte/store';
-  import {
-    SvelteFlow,
-    Controls,
-    Background,
-    BackgroundVariant,
-    MiniMap,
-    MarkerType
-  } from '../../lib/index';
-
-  import '../../styles/style.css';
-
-  const nodes = writable([
-    {
-      id: '1',
-      type: 'input',
-      data: { label: 'Input 1' },
-      position: { x: 250, y: 0 }
-    },
-    { id: '2', data: { label: 'Node 2' }, position: { x: 150, y: 100 } },
-    { id: '2a', data: { label: 'Node 2a' }, position: { x: 0, y: 180 } },
-    { id: '2b', data: { label: 'Node 2b' }, position: { x: -40, y: 300 } },
-    { id: '3', data: { label: 'Node 3' }, position: { x: 250, y: 200 } },
-    { id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 300 } },
-    { id: '3a', data: { label: 'Node 3a' }, position: { x: 150, y: 300 } },
-    { id: '5', data: { label: 'Node 5' }, position: { x: 250, y: 400 } },
-    {
-      id: '6',
-      type: 'output',
-      data: { label: 'Output 6' },
-      position: { x: 50, y: 550 }
-    },
-    {
-      id: '7',
-      type: 'output',
-      data: { label: 'Output 7' },
-      position: { x: 250, y: 550 }
-    },
-    {
-      id: '8',
-      type: 'output',
-      data: { label: 'Output 8' },
-      position: { x: 525, y: 600 }
-    },
-    {
-      id: '9',
-      type: 'output',
-      data: { label: 'Output 9' },
-      position: { x: 675, y: 500 }
-    }
-  ]);
-
-  const edges = writable([
-    {
-      id: 'e1-2',
-      source: '1',
-      target: '2',
-      label: 'bezier edge (default)'
-    },
-    {
-      id: 'e2-2a',
-      source: '2',
-      target: '2a',
-      type: 'smoothstep',
-      label: 'smoothstep edge'
-    },
-    {
-      id: 'e2a-2b',
-      source: '2a',
-      target: '2b',
-      type: 'simplebezier',
-      label: 'simple bezier edge'
-    },
-    { id: 'e2-3', source: '2', target: '3', type: 'step', label: 'step edge' },
-    {
-      id: 'e3-4',
-      source: '3',
-      target: '4',
-      type: 'straight',
-      label: 'straight edge'
-    },
-    {
-      id: 'e3-3a',
-      source: '3',
-      target: '3a',
-      type: 'straight',
-      label: 'label only edge',
-      style: 'stroke: none'
-    },
-    {
-      id: 'e3-5',
-      source: '4',
-      target: '5',
-      animated: true,
-      label: 'animated styled edge',
-      style: 'stroke: red'
-    },
-    {
-      id: 'e5-7',
-      source: '5',
-      target: '7',
-      label: 'label with styled bg',
-      labelStyle: 'background: #FFCC00; color: #fff; opacity: 0.7',
-      markerEnd: {
-        type: MarkerType.ArrowClosed
-      }
-    },
-    {
-      id: 'e5-8',
-      source: '5',
-      target: '8',
-      data: { text: 'custom edge' }
-    },
-    {
-      id: 'e5-9',
-      source: '5',
-      target: '9',
-      data: { text: 'custom edge 2' }
-    },
-    {
-      id: 'e5-6',
-      source: '5',
-      target: '6',
-      label: 'hi',
-      labelStyle: 'background: red; font-weight: 700; padding: 5px;',
-      style: 'stroke: #ffcc0',
-      markerEnd: {
-        type: MarkerType.Arrow,
-        color: '#FFCC00',
-        markerUnits: 'userSpaceOnUse',
-        width: 20,
-        height: 20,
-        strokeWidth: 2
-      },
-      markerStart: {
-        type: MarkerType.ArrowClosed,
-        color: '#FFCC00',
-        orient: 'auto-start-reverse',
-        markerUnits: 'userSpaceOnUse',
-        width: 20,
-        height: 20
-      }
-    }
-  ]);
-</script>
-
-<SvelteFlow {nodes} {edges} fitView>
-  <Controls />
-  <Background variant={BackgroundVariant.Dots} />
-  <MiniMap />
-</SvelteFlow>
diff --git a/packages/svelte/src/routes/figma/+page.svelte b/packages/svelte/src/routes/figma/+page.svelte
deleted file mode 100644
index 4447349bf..000000000
--- a/packages/svelte/src/routes/figma/+page.svelte
+++ /dev/null
@@ -1,56 +0,0 @@
-<script lang="ts">
-  import { writable } from 'svelte/store';
-  import {
-    SvelteFlow,
-    Controls,
-    Background,
-    BackgroundVariant,
-    SelectionMode
-  } from '../../lib/index';
-
-  import '../../styles/style.css';
-
-  const onPaneContextMenu = (e: any) => {
-    e.preventDefault();
-    console.log('context menu');
-  };
-
-  const panOnDrag = [1, 2];
-
-  const onMoveStart = (e: any) => console.log('move start', e);
-  const onMove = (e: any) => console.log('move', e);
-  const onMoveEnd = (e: any) => console.log('move end', e);
-
-  const nodes = writable([
-    {
-      id: '1',
-      type: 'input',
-      data: { label: 'Node 1' },
-      position: { x: 250, y: 5 },
-      className: 'light'
-    },
-    { id: '2', data: { label: 'Node 2' }, position: { x: 100, y: 100 }, className: 'light' },
-    { id: '3', data: { label: 'Node 3' }, position: { x: 400, y: 100 }, className: 'light' },
-    { id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 200 }, className: 'light' }
-  ]);
-
-  const edges = writable([
-    { id: 'e1-2', source: '1', target: '2', animated: true },
-    { id: 'e1-3', source: '1', target: '3' }
-  ]);
-</script>
-
-<SvelteFlow
-  {nodes}
-  {edges}
-  fitView
-  selectionMode={SelectionMode.Partial}
-  panOnScroll
-  {panOnDrag}
-  {onMoveStart}
-  {onMove}
-  {onMoveEnd}
->
-  <Controls />
-  <Background variant={BackgroundVariant.Dots} />
-</SvelteFlow>
diff --git a/packages/svelte/src/routes/interaction/+page.svelte b/packages/svelte/src/routes/interaction/+page.svelte
deleted file mode 100644
index b14f4c92d..000000000
--- a/packages/svelte/src/routes/interaction/+page.svelte
+++ /dev/null
@@ -1,213 +0,0 @@
-<script lang="ts">
-  import { writable } from 'svelte/store';
-  import {
-    SvelteFlow,
-    Controls,
-    Panel,
-    PanOnScrollMode,
-    MiniMap,
-    type OnMoveEnd,
-    type Node,
-    type Edge
-  } from '../../lib/index';
-
-  import '../../styles/style.css';
-
-  const nodes = writable([
-    {
-      id: '1',
-      type: 'input',
-      data: { label: 'Node 1' },
-      position: { x: 250, y: 5 }
-    },
-    { id: '2', data: { label: 'Node 2' }, position: { x: 100, y: 100 } },
-    { id: '3', data: { label: 'Node 3' }, position: { x: 400, y: 100 } },
-    { id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 200 } }
-  ]);
-
-  const edges = writable([
-    { id: 'e1-2', source: '1', target: '2', animated: true },
-    { id: 'e1-3', source: '1', target: '3' }
-  ]);
-
-  const onNodeDragStart = (_: MouseEvent, node: Node) => console.log('drag start', node);
-  const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node);
-  const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);
-  const onEdgeClick = (_: MouseEvent, edge: Edge) => console.log('click', edge);
-  const onPaneClick = (event: MouseEvent) => console.log('onPaneClick', event);
-  const onPaneScroll = (event?: WheelEvent) => console.log('onPaneScroll', event);
-  const onPaneContextMenu = (event: MouseEvent) => console.log('onPaneContextMenu', event);
-  const onMoveEnd: OnMoveEnd = (_, viewport) => console.log('onMoveEnd', viewport);
-
-  let isSelectable = false;
-  let isDraggable = false;
-  let isConnectable = false;
-  let zoomOnScroll = false;
-  let zoomOnPinch = false;
-  let panOnScroll = false;
-  let panOnScrollMode = PanOnScrollMode.Free;
-  let zoomOnDoubleClick = false;
-  let panOnDrag = true;
-  let captureZoomClick = false;
-  let captureZoomScroll = false;
-  let captureElementClick = false;
-</script>
-
-<SvelteFlow
-  {nodes}
-  {edges}
-  elementsSelectable={isSelectable}
-  nodesConnectable={isConnectable}
-  nodesDraggable={isDraggable}
-  {zoomOnScroll}
-  {zoomOnPinch}
-  {panOnScroll}
-  {panOnScrollMode}
-  {zoomOnDoubleClick}
-  {panOnDrag}
-  {onMoveEnd}
->
-  <MiniMap />
-  <Controls />
-
-  <Panel position="top-right">
-    <div>
-      <label for="draggable">
-        nodesDraggable
-        <input
-          id="draggable"
-          type="checkbox"
-          bind:checked={isDraggable}
-          class="svelte-flow__draggable"
-        />
-      </label>
-    </div>
-    <div>
-      <label for="connectable">
-        nodesConnectable
-        <input
-          id="connectable"
-          type="checkbox"
-          bind:checked={isConnectable}
-          class="svelte-flow__connectable"
-        />
-      </label>
-    </div>
-    <div>
-      <label for="selectable">
-        elementsSelectable
-        <input
-          id="selectable"
-          type="checkbox"
-          bind:checked={isSelectable}
-          class="svelte-flow__selectable"
-        />
-      </label>
-    </div>
-    <div>
-      <label for="zoomonscroll">
-        zoomOnScroll
-        <input
-          id="zoomonscroll"
-          type="checkbox"
-          bind:checked={zoomOnScroll}
-          class="svelte-flow__zoomonscroll"
-        />
-      </label>
-    </div>
-    <div>
-      <label for="zoomonpinch">
-        zoomOnPinch
-        <input
-          id="zoomonpinch"
-          type="checkbox"
-          bind:checked={zoomOnPinch}
-          class="svelte-flow__zoomonpinch"
-        />
-      </label>
-    </div>
-    <div>
-      <label for="panonscroll">
-        panOnScroll
-        <input
-          id="panonscroll"
-          type="checkbox"
-          bind:checked={panOnScroll}
-          class="svelte-flow__panonscroll"
-        />
-      </label>
-    </div>
-    <div>
-      <label for="panonscrollmode">
-        panOnScrollMode
-        <select
-          id="panonscrollmode"
-          bind:value={panOnScrollMode}
-          on:change={(event) => {
-            panOnScrollMode = PanOnScrollMode.Free;
-          }}
-          class="svelte-flow__panonscrollmode"
-        >
-          <option value="free">free</option>
-          <option value="horizontal">horizontal</option>
-          <option value="vertical">vertical</option>
-        </select>
-      </label>
-    </div>
-    <div>
-      <label for="zoomondbl">
-        zoomOnDoubleClick
-        <input
-          id="zoomondbl"
-          type="checkbox"
-          bind:checked={zoomOnDoubleClick}
-          class="svelte-flow__zoomondbl"
-        />
-      </label>
-    </div>
-    <div>
-      <label for="panondrag">
-        panOnDrag
-        <input
-          id="panondrag"
-          type="checkbox"
-          bind:checked={panOnDrag}
-          class="svelte-flow__panondrag"
-        />
-      </label>
-    </div>
-    <div>
-      <label for="capturezoompaneclick">
-        capture onPaneClick
-        <input
-          id="capturezoompaneclick"
-          type="checkbox"
-          bind:checked={captureZoomClick}
-          class="svelte-flow__capturezoompaneclick"
-        />
-      </label>
-    </div>
-    <div>
-      <label for="capturezoompanescroll">
-        capture onPaneScroll
-        <input
-          id="capturezoompanescroll"
-          type="checkbox"
-          bind:checked={captureZoomScroll}
-          class="svelte-flow__capturezoompanescroll"
-        />
-      </label>
-    </div>
-    <div>
-      <label for="captureelementclick">
-        capture onElementClick
-        <input
-          id="captureelementclick"
-          type="checkbox"
-          bind:checked={captureElementClick}
-          class="svelte-flow__captureelementclick"
-        />
-      </label>
-    </div>
-  </Panel>
-</SvelteFlow>
diff --git a/packages/svelte/src/routes/overview/+page.svelte b/packages/svelte/src/routes/overview/+page.svelte
deleted file mode 100644
index d8ac59828..000000000
--- a/packages/svelte/src/routes/overview/+page.svelte
+++ /dev/null
@@ -1,169 +0,0 @@
-<script lang="ts">
-  import { writable } from 'svelte/store';
-  import {
-    SvelteFlow,
-    Controls,
-    Background,
-    BackgroundVariant,
-    MiniMap,
-    Panel,
-    SelectionMode,
-    type NodeTypes,
-    type EdgeTypes
-  } from '../../lib/index';
-
-  import CustomNode from './CustomNode.svelte';
-  import CustomEdge from './CustomEdge.svelte';
-
-  import '../../styles/style.css';
-
-  const nodeTypes: NodeTypes = {
-    custom: CustomNode
-  };
-
-  const edgeTypes: EdgeTypes = {
-    custom: CustomEdge
-  };
-
-  const nodes = writable([
-    {
-      id: '1',
-      type: 'input',
-      data: { label: 'Input Node' },
-      position: { x: 150, y: 5 }
-    },
-    {
-      id: '2',
-      type: 'default',
-      data: { label: 'Node' },
-      position: { x: 0, y: 150 },
-      selectable: false
-    },
-    {
-      id: 'A',
-      type: 'default',
-      data: { label: 'Styled with class' },
-      class: 'custom-style',
-      position: { x: 150, y: 150 }
-    },
-    {
-      id: 'D',
-      type: 'default',
-      data: { label: 'Not draggable' },
-      position: { x: 150, y: 200 },
-      draggable: false
-    },
-    {
-      id: '3',
-      type: 'output',
-      data: { label: 'Output Node' },
-      position: { x: 300, y: 150 }
-    },
-    {
-      id: 'B',
-      type: 'default',
-      data: { label: 'Styled with style' },
-      style: 'border: 2px solid #ff5050;',
-      position: { x: 450, y: 150 }
-    },
-    {
-      id: '4',
-      type: 'custom',
-      data: { label: 'Custom Node' },
-      position: { x: 150, y: 300 }
-    }
-  ]);
-
-  const edges = writable([
-    {
-      id: '1-2',
-      type: 'default',
-      source: '1',
-      target: '2',
-      label: 'Edge Text'
-    },
-    {
-      id: '1-3',
-      type: 'smoothstep',
-      source: '1',
-      target: '3',
-      selectable: false
-    },
-    {
-      id: '2-4',
-      type: 'custom',
-      source: '2',
-      target: '4',
-      animated: true
-    }
-  ]);
-
-  function updateNode() {
-    nodes.update((nds) =>
-      nds.map((n) => {
-        if (n.id === '1') {
-          return {
-            ...n,
-            position: { x: n.position.x + 20, y: n.position.y }
-          };
-        }
-
-        return n;
-      })
-    );
-  }
-
-  $: {
-    console.log('nodes changed', $nodes);
-  }
-</script>
-
-<SvelteFlow
-  {nodes}
-  {edges}
-  {nodeTypes}
-  {edgeTypes}
-  fitView
-  minZoom={0.1}
-  maxZoom={2.5}
-  selectionMode={SelectionMode.Full}
-  initialViewport={{ x: 100, y: 100, zoom: 2 }}
-  snapGrid={[25, 25]}
-  on:nodeclick={(event) => console.log('on node click', event)}
-  on:nodemouseenter={(event) => console.log('on node enter', event)}
-  on:nodemouseleave={(event) => console.log('on node leave', event)}
-  on:edgeclick={(event) => console.log('edge click', event)}
-  on:connectstart={(event) => console.log('on connect start', event)}
-  on:connect={(event) => console.log('on connect', event)}
-  on:connectend={(event) => console.log('on connect end', event)}
-  on:paneclick={(event) => console.log('on pane click', event)}
-  on:panecontextmenu={(event) => {
-    event.preventDefault();
-    console.log('on pane contextmenu', event);
-  }}
->
-  <Controls />
-  <Background variant={BackgroundVariant.Dots} />
-  <MiniMap />
-  <Panel position="top-right">
-    <button on:click={updateNode}>update node pos</button>
-  </Panel>
-</SvelteFlow>
-
-<style>
-  :global(.svelte-flow .custom-style) {
-    background: #ff5050;
-    color: white;
-  }
-
-  :root {
-    --background-color: #ffffdd;
-    --background-pattern-color: #5050ff;
-
-    --minimap-background-color: #f5f6f7;
-    --minimap-mask-color: rgb(255, 255, 240, 0.6);
-
-    --controls-button-background-color: #ddd;
-    --controls-button-background-color-hover: #ccc;
-  }
-</style>
diff --git a/packages/svelte/src/routes/overview/CustomEdge.svelte b/packages/svelte/src/routes/overview/CustomEdge.svelte
deleted file mode 100644
index 692961d63..000000000
--- a/packages/svelte/src/routes/overview/CustomEdge.svelte
+++ /dev/null
@@ -1,59 +0,0 @@
-<script lang="ts">
-  import {
-    BaseEdge,
-    EdgeLabelRenderer,
-    useSvelteFlow,
-    type EdgeProps,
-    getBezierPath
-  } from '../../lib/index';
-
-  type $$Props = EdgeProps;
-
-  $: [path, labelX, labelY] = getBezierPath({
-    sourceX: $$props.sourceX,
-    sourceY: $$props.sourceY,
-    targetX: $$props.targetX,
-    targetY: $$props.targetY,
-    sourcePosition: $$props.sourcePosition,
-    targetPosition: $$props.targetPosition
-  });
-
-  const svelteFlow = useSvelteFlow();
-
-  function onClick() {
-    svelteFlow.edges.update((eds) => eds.filter((e) => e.id !== $$props.id));
-  }
-</script>
-
-<BaseEdge {path} {labelX} {labelY} {...$$props} />
-
-<EdgeLabelRenderer>
-  <button
-    style:transform={`translate(-50%,-50%) translate(${labelX}px,${labelY}px)`}
-    class="edge-button"
-    on:click={onClick}
-  >
-    ✕
-  </button>
-</EdgeLabelRenderer>
-
-<style>
-  .edge-button {
-    border-radius: 50%;
-    position: absolute;
-    border: none;
-    width: 1rem;
-    height: 1rem;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-size: 8px;
-    pointer-events: all;
-    cursor: pointer;
-    background-color: #eee;
-  }
-
-  .edge-button:hover {
-    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12);
-  }
-</style>
diff --git a/packages/svelte/src/routes/overview/CustomNode.svelte b/packages/svelte/src/routes/overview/CustomNode.svelte
deleted file mode 100644
index 91115e5c6..000000000
--- a/packages/svelte/src/routes/overview/CustomNode.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-  import { Handle, Position, type NodeProps } from '../../lib/index';
-
-  type $$Props = NodeProps;
-
-  export let data: { label: string } = { label: 'Node' };
-  export let xPos: number = 0;
-  export let yPos: number = 0;
-</script>
-
-<div class="custom">
-  <div>{data.label}</div>
-  <div>{~~xPos}, {~~yPos}</div>
-
-  <Handle type="target" position={Position.Top} />
-
-  <Handle type="source" position={Position.Bottom} style="left: 10%;" id="a" />
-  <Handle type="source" position={Position.Bottom} id="b" />
-  <Handle type="source" position={Position.Bottom} style="left: 90%;" id="c" />
-</div>
-
-<style>
-  .custom {
-    background: #ffcc00;
-    padding: 10px;
-  }
-</style>
diff --git a/packages/svelte/src/routes/stress/+page.svelte b/packages/svelte/src/routes/stress/+page.svelte
deleted file mode 100644
index d9e5a50d7..000000000
--- a/packages/svelte/src/routes/stress/+page.svelte
+++ /dev/null
@@ -1,57 +0,0 @@
-<script lang="ts">
-  import { writable } from 'svelte/store';
-  import {
-    SvelteFlow,
-    Controls,
-    Background,
-    BackgroundVariant,
-    MiniMap,
-    type Node,
-    type Edge
-  } from '../../lib/index';
-
-  import '../../styles/style.css';
-
-  const yNodes = 25;
-  const xNodes = 25;
-
-  const nodeItems: Node[] = [];
-  const edgeItems: Edge[] = [];
-
-  let source = null;
-
-  for (let y = 0; y < yNodes; y++) {
-    for (let x = 0; x < xNodes; x++) {
-      const position = { x: x * 100, y: y * 50 };
-      const id = `${x}-${y}`;
-      const data = { label: `Node ${id}` };
-      const node = {
-        id,
-        data,
-        position,
-        type: 'default'
-      };
-      nodeItems.push(node);
-
-      if (source) {
-        const edge = {
-          id: `${source.id}-${id}`,
-          source: source.id,
-          target: id
-        };
-        edgeItems.push(edge);
-      }
-
-      source = node;
-    }
-  }
-
-  const nodes = writable(nodeItems);
-  const edges = writable(edgeItems);
-</script>
-
-<SvelteFlow {nodes} {edges} fitView minZoom={0.2}>
-  <Controls />
-  <Background variant={BackgroundVariant.Dots} />
-  <MiniMap />
-</SvelteFlow>
diff --git a/packages/svelte/src/routes/subflows/+page.svelte b/packages/svelte/src/routes/subflows/+page.svelte
deleted file mode 100644
index 0e3ccb7e1..000000000
--- a/packages/svelte/src/routes/subflows/+page.svelte
+++ /dev/null
@@ -1,134 +0,0 @@
-<script lang="ts">
-  import { writable } from 'svelte/store';
-  import {
-    SvelteFlow,
-    Controls,
-    Background,
-    BackgroundVariant,
-    MiniMap,
-    type NodeTypes,
-    type Node
-  } from '../../lib/index';
-
-  import '../../styles/style.css';
-
-  import DebugNode from './DebugNode.svelte';
-
-  const nodeTypes: NodeTypes = {
-    default: DebugNode
-  };
-
-  const nodes = writable<Node[]>([
-    {
-      id: '1',
-      type: 'input',
-      data: { label: 'Node 1' },
-      position: { x: 250, y: 5 },
-      origin: [0.5, 0.5]
-    },
-    {
-      id: '4',
-      data: { label: 'Node 4' },
-      position: { x: 100, y: 200 },
-      style: 'width:500px; height:300px;'
-    },
-    {
-      id: '4a',
-      data: { label: 'Node 4a' },
-      position: { x: 15, y: 15 },
-      parentNode: '4',
-      extent: [
-        [0, 0],
-        [100, 100]
-      ]
-    },
-    {
-      id: '4b',
-      data: { label: 'Node 4b' },
-      position: { x: 100, y: 60 },
-      style: 'width: 300px; height: 200px;',
-      parentNode: '4'
-    },
-    {
-      id: '4b1',
-      data: { label: 'Node 4b1' },
-      position: { x: 40, y: 20 },
-      parentNode: '4b'
-    },
-    {
-      id: '4b2',
-      data: { label: 'Node 4b2' },
-      position: { x: 20, y: 100 },
-      parentNode: '4b'
-    },
-    {
-      id: '5',
-      type: 'group',
-      data: { label: 'Node 5' },
-      position: { x: 650, y: 250 },
-      style: 'width: 400px; height: 150px',
-      zIndex: 1000
-    },
-    {
-      id: '5a',
-      data: { label: 'Node 5a' },
-      position: { x: 0, y: 0 },
-      parentNode: '5',
-      extent: 'parent'
-    },
-    {
-      id: '5b',
-      data: { label: 'Node 5b' },
-      position: { x: 225, y: 50 },
-      parentNode: '5',
-      expandParent: true
-    },
-    {
-      id: '2',
-      data: { label: 'Node 2' },
-      position: { x: 100, y: 100 }
-    },
-    {
-      id: '3',
-      data: { label: 'Node 3' },
-      position: { x: 400, y: 100 }
-    }
-  ]);
-
-  const edges = writable([
-    {
-      id: 'e1-2',
-      source: '1',
-      target: '2'
-      // markerEnd: {
-      //   type: MarkerType.Arrow,
-      //   strokeWidth: 2,
-      //   width: 15,
-      //   height: 15,
-      //   color: '#f00',
-      // },
-    },
-    { id: 'e1-3', source: '1', target: '3' },
-    { id: 'e3-4', source: '3', target: '4' },
-    { id: 'e3-4b', source: '3', target: '4b', zIndex: 100 },
-    { id: 'e4a-4b1', source: '4a', target: '4b1' },
-    { id: 'e4a-4b2', source: '4a', target: '4b2', zIndex: 100 },
-    { id: 'e4b1-4b2', source: '4b1', target: '4b2' }
-  ]);
-
-  $: {
-    console.log($nodes);
-  }
-</script>
-
-<SvelteFlow {nodes} {edges} {nodeTypes} fitView minZoom={0.1} maxZoom={2.5}>
-  <Controls />
-  <Background variant={BackgroundVariant.Dots} />
-  <MiniMap />
-</SvelteFlow>
-
-<style>
-  :global(.svelte-flow .svelte-flow__node.parent) {
-    background-color: rgba(220, 220, 255, 0.4);
-  }
-</style>
diff --git a/packages/svelte/src/routes/subflows/DebugNode.svelte b/packages/svelte/src/routes/subflows/DebugNode.svelte
deleted file mode 100644
index d249493bc..000000000
--- a/packages/svelte/src/routes/subflows/DebugNode.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-  import { Handle, Position, type NodeProps } from '../../lib/index';
-
-  type $$Props = NodeProps;
-
-  export let id: string;
-  export let xPos: number = 0;
-  export let yPos: number = 0;
-  export let zIndex: number = 0;
-</script>
-
-<Handle type="target" position={Position.Top} />
-<div>{id}</div>
-<div>
-  x:{Math.round(xPos || 0)} y:{Math.round(yPos || 0)} z:{zIndex}
-</div>
-<Handle type="source" position={Position.Bottom} />
-
-<style>
-  .custom {
-    background: #ffcc00;
-    padding: 10px;
-  }
-</style>
diff --git a/packages/svelte/src/routes/usesvelteflow/+page.svelte b/packages/svelte/src/routes/usesvelteflow/+page.svelte
deleted file mode 100644
index a59b58c9d..000000000
--- a/packages/svelte/src/routes/usesvelteflow/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-  import { SvelteFlowProvider } from '../../lib/index';
-
-  import Flow from './Flow.svelte';
-</script>
-
-<SvelteFlowProvider>
-  <Flow />
-</SvelteFlowProvider>
diff --git a/packages/svelte/src/routes/usesvelteflow/Flow.svelte b/packages/svelte/src/routes/usesvelteflow/Flow.svelte
deleted file mode 100644
index 3b3991fc0..000000000
--- a/packages/svelte/src/routes/usesvelteflow/Flow.svelte
+++ /dev/null
@@ -1,61 +0,0 @@
-<script lang="ts">
-  import { writable } from 'svelte/store';
-  import { SvelteFlow, Controls, Background, BackgroundVariant, MiniMap } from '../../lib/index';
-
-  import Sidebar from './Sidebar.svelte';
-
-  import '../../styles/style.css';
-
-  const nodes = writable([
-    {
-      id: '1',
-      type: 'input',
-      data: { label: 'Input Node' },
-      position: { x: 150, y: 5 }
-    },
-    {
-      id: '2',
-      type: 'default',
-      data: { label: 'Node' },
-      position: { x: 0, y: 150 }
-    },
-    {
-      id: '3',
-      type: 'output',
-      data: { label: 'Output Node' },
-      position: { x: 300, y: 150 }
-    }
-  ]);
-
-  const edges = writable([
-    {
-      id: '1-2',
-      type: 'default',
-      source: '1',
-      target: '2',
-      label: 'Edge Text'
-    },
-    {
-      id: '1-3',
-      type: 'smoothstep',
-      source: '1',
-      target: '3'
-    }
-  ]);
-</script>
-
-<main>
-  <SvelteFlow {nodes} {edges} fitView>
-    <Controls />
-    <Background variant={BackgroundVariant.Dots} />
-    <MiniMap />
-  </SvelteFlow>
-  <Sidebar />
-</main>
-
-<style>
-  main {
-    height: 100%;
-    display: flex;
-  }
-</style>
diff --git a/packages/svelte/src/routes/usesvelteflow/Sidebar.svelte b/packages/svelte/src/routes/usesvelteflow/Sidebar.svelte
deleted file mode 100644
index 0ba728aab..000000000
--- a/packages/svelte/src/routes/usesvelteflow/Sidebar.svelte
+++ /dev/null
@@ -1,56 +0,0 @@
-<script lang="ts">
-  import { useSvelteFlow } from '../../lib/index';
-
-  const {
-    zoomIn,
-    zoomOut,
-    setZoom,
-    fitView,
-    setCenter,
-    setViewport,
-    getViewport,
-    viewport,
-    nodes
-  } = useSvelteFlow();
-</script>
-
-<aside>
-  <div class="label">Functions:</div>
-  <button on:click={() => zoomIn()}>zoom in</button>
-  <button on:click={() => zoomOut({ duration: 1000 })}>zoom out transition</button>
-  <button on:click={() => setZoom(2)}>set zoom</button>
-  <button on:click={() => fitView()}>fitView</button>
-  <button on:click={() => setCenter(0, 0)}>setCenter 0, 0</button>
-  <button on:click={() => setViewport({ x: 100, y: 100, zoom: 2 })}>setViewport</button>
-  <button on:click={() => console.log(getViewport())}>getViewport</button>
-
-  <div class="label">Nodes:</div>
-  {#each $nodes as node (node.id)}
-    <div>id: {node.id} | x: {node.position.x.toFixed(1)} y: {node.position.y.toFixed(1)}</div>
-  {/each}
-
-  <div class="label">Viewport:</div>
-  <div>
-    x: {$viewport.x.toFixed(1)} y: {$viewport.y.toFixed(1)} zoom: {$viewport.zoom.toFixed(1)}
-  </div>
-</aside>
-
-<style>
-  .label {
-    font-weight: 700;
-    margin: 0.5rem 0 0.25rem 0;
-  }
-
-  aside {
-    width: 20vw;
-    background: #f4f4f4;
-    padding: 0.4rem 0.8rem;
-    font-size: 12px;
-  }
-
-  button {
-    display: block;
-    margin-bottom: 0.5rem;
-    font-size: 12px;
-  }
-</style>
diff --git a/packages/svelte/src/routes/validation/+page.svelte b/packages/svelte/src/routes/validation/+page.svelte
deleted file mode 100644
index 6be2b32fb..000000000
--- a/packages/svelte/src/routes/validation/+page.svelte
+++ /dev/null
@@ -1,49 +0,0 @@
-<script lang="ts">
-  import { writable } from 'svelte/store';
-  import {
-    SvelteFlow,
-    Controls,
-    Background,
-    BackgroundVariant,
-    type IsValidConnection,
-    Position
-  } from '../../lib/index';
-
-  import '../../styles/style.css';
-
-  const nodeDefaults = {
-    sourcePosition: Position.Right,
-    targetPosition: Position.Left
-  };
-
-  const nodes = writable([
-    {
-      id: '0',
-      position: { x: 0, y: 150 },
-      data: { label: 'only connectable with B' },
-      ...nodeDefaults
-    },
-    { id: 'A', position: { x: 250, y: 0 }, data: { label: 'A' }, ...nodeDefaults },
-    { id: 'B', position: { x: 250, y: 150 }, data: { label: 'B' }, ...nodeDefaults },
-    { id: 'C', position: { x: 250, y: 300 }, data: { label: 'C' }, ...nodeDefaults }
-  ]);
-
-  const edges = writable([]);
-
-  const isValidConnection: IsValidConnection = (connection) => connection.target === 'B';
-</script>
-
-<SvelteFlow {nodes} {edges} fitView minZoom={0.1} maxZoom={2.5} {isValidConnection}>
-  <Controls />
-  <Background variant={BackgroundVariant.Dots} />
-</SvelteFlow>
-
-<style>
-  :global(.svelte-flow__handle.connecting) {
-    background: #ff6060;
-  }
-
-  :global(.svelte-flow__handle.valid) {
-    background: #55dd99;
-  }
-</style>
diff --git a/packages/svelte/svelte.config.js b/packages/svelte/svelte.config.js
index 05e80f6c7..b42b17beb 100644
--- a/packages/svelte/svelte.config.js
+++ b/packages/svelte/svelte.config.js
@@ -1,12 +1,7 @@
 import adapter from '@sveltejs/adapter-auto';
-import { vitePreprocess } from '@sveltejs/kit/vite';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-  // Consult https://kit.svelte.dev/docs/integrations#preprocessors
-  // for more information about preprocessors
-  preprocess: vitePreprocess(),
-
   kit: {
     adapter: adapter()
   }
diff --git a/packages/svelte/vite.config.ts b/packages/svelte/vite.config.ts
deleted file mode 100644
index d0269f724..000000000
--- a/packages/svelte/vite.config.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import type { UserConfig } from 'vite';
-
-const config: UserConfig = {
-  plugins: [sveltekit()],
-  css: {
-    postcss: './../../tooling/postcss-config/'
-  }
-};
-
-export default config;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1782aafc5..c0345d891 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,10 +16,10 @@ importers:
         version: registry.npmjs.org/@changesets/cli@2.26.1
       '@typescript-eslint/eslint-plugin':
         specifier: latest
-        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.3.0(@typescript-eslint/parser@6.3.0)(eslint@8.42.0)(typescript@5.1.3)
+        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.5.0(@typescript-eslint/parser@6.5.0)(eslint@8.42.0)(typescript@5.1.3)
       '@typescript-eslint/parser':
         specifier: latest
-        version: registry.npmjs.org/@typescript-eslint/parser@6.3.0(eslint@8.42.0)(typescript@5.1.3)
+        version: registry.npmjs.org/@typescript-eslint/parser@6.5.0(eslint@8.42.0)(typescript@5.1.3)
       concurrently:
         specifier: ^7.6.0
         version: registry.npmjs.org/concurrently@7.6.0
@@ -34,7 +34,7 @@ importers:
         version: registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.42.0)(prettier@2.8.8)
       eslint-plugin-react:
         specifier: latest
-        version: registry.npmjs.org/eslint-plugin-react@7.33.1(eslint@8.42.0)
+        version: registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.42.0)
       prettier:
         specifier: ^2.7.1
         version: registry.npmjs.org/prettier@2.8.8
@@ -57,7 +57,7 @@ importers:
         specifier: 5.1.3
         version: registry.npmjs.org/typescript@5.1.3
 
-  examples/vite-app:
+  examples/react:
     dependencies:
       '@xyflow/react':
         specifier: workspace:*
@@ -118,6 +118,55 @@ importers:
         specifier: 4.4.9
         version: registry.npmjs.org/vite@4.4.9
 
+  examples/svelte:
+    dependencies:
+      '@xyflow/svelte':
+        specifier: workspace:^
+        version: link:../../packages/svelte
+    devDependencies:
+      '@sveltejs/adapter-auto':
+        specifier: ^2.0.0
+        version: registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6)
+      '@sveltejs/kit':
+        specifier: ^1.20.4
+        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.4.9)
+      '@typescript-eslint/eslint-plugin':
+        specifier: ^5.45.0
+        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/parser':
+        specifier: ^5.45.0
+        version: registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      eslint:
+        specifier: ^8.28.0
+        version: registry.npmjs.org/eslint@8.43.0
+      eslint-config-prettier:
+        specifier: ^8.5.0
+        version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0)
+      eslint-plugin-svelte:
+        specifier: ^2.30.0
+        version: registry.npmjs.org/eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.0)
+      prettier:
+        specifier: ^2.8.0
+        version: registry.npmjs.org/prettier@2.8.8
+      prettier-plugin-svelte:
+        specifier: ^2.10.1
+        version: registry.npmjs.org/prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.2.0)
+      svelte:
+        specifier: ^4.0.5
+        version: registry.npmjs.org/svelte@4.2.0
+      svelte-check:
+        specifier: ^3.4.3
+        version: registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.27)(svelte@4.2.0)
+      tslib:
+        specifier: ^2.4.1
+        version: registry.npmjs.org/tslib@2.5.3
+      typescript:
+        specifier: ^5.0.0
+        version: registry.npmjs.org/typescript@5.1.3
+      vite:
+        specifier: ^4.4.2
+        version: registry.npmjs.org/vite@4.4.9
+
   packages/react:
     dependencies:
       '@types/d3':
@@ -287,9 +336,6 @@ importers:
       typescript:
         specifier: 5.1.3
         version: registry.npmjs.org/typescript@5.1.3
-      vite:
-        specifier: ^4.3.9
-        version: registry.npmjs.org/vite@4.3.9
 
   packages/system:
     dependencies:
@@ -341,10 +387,10 @@ importers:
         version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.42.0)
       eslint-config-turbo:
         specifier: latest
-        version: registry.npmjs.org/eslint-config-turbo@1.10.6(eslint@8.42.0)
+        version: registry.npmjs.org/eslint-config-turbo@1.10.13(eslint@8.42.0)
       eslint-plugin-react:
         specifier: latest
-        version: registry.npmjs.org/eslint-plugin-react@7.33.1(eslint@8.42.0)
+        version: registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.42.0)
 
   tooling/rollup-config:
     devDependencies:
@@ -1844,7 +1890,7 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.3.9)
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.4.9)
       import-meta-resolve: registry.npmjs.org/import-meta-resolve@3.0.0
     dev: true
 
@@ -1878,6 +1924,36 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.4.9):
+    resolution: {integrity: sha512-SDKxI/QpsReCwIn5czjT53fKlPBybbmMk67d317gUqfeORroBAFN1Z6s/x0E1JYi+04i7kKllS+Sz9wVfmUkAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.22.6.tgz}
+    id: registry.npmjs.org/@sveltejs/kit/1.22.6
+    name: '@sveltejs/kit'
+    version: 1.22.6
+    engines: {node: ^16.14 || >=18}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0-next.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.4.9)
+      '@types/cookie': registry.npmjs.org/@types/cookie@0.5.1
+      cookie: registry.npmjs.org/cookie@0.5.0
+      devalue: registry.npmjs.org/devalue@4.3.2
+      esm-env: registry.npmjs.org/esm-env@1.0.0
+      kleur: registry.npmjs.org/kleur@4.1.5
+      magic-string: registry.npmjs.org/magic-string@0.30.0
+      mime: registry.npmjs.org/mime@3.0.0
+      sade: registry.npmjs.org/sade@1.8.1
+      set-cookie-parser: registry.npmjs.org/set-cookie-parser@2.6.0
+      sirv: registry.npmjs.org/sirv@2.0.3
+      svelte: registry.npmjs.org/svelte@4.2.0
+      undici: registry.npmjs.org/undici@5.23.0
+      vite: registry.npmjs.org/vite@4.4.9
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@sveltejs/package@2.2.1(svelte@4.2.0)(typescript@5.1.3):
     resolution: {integrity: sha512-7Yv4SdoOZFPYWK1/A8LtZ7+WLlZny/4q5sWbU7dnkEqbIt5j4V3TzrquT9nAE6sUy6Dghxf35dXoPIdvRH7w7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/package/-/package-2.2.1.tgz}
     id: registry.npmjs.org/@sveltejs/package/2.2.1
@@ -1917,6 +1993,25 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.2.0)(vite@4.4.9):
+    resolution: {integrity: sha512-Cy1dUMcYCnDVV/hPLXa43YZJ2jGKVW5rA0xuNL9dlmYhT0yoS1g7+FOFSRlgk0BXKk/Oc7grs+8BVA5Iz2fr8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.2.tgz}
+    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2
+    name: '@sveltejs/vite-plugin-svelte-inspector'
+    version: 1.0.2
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^2.2.0
+      svelte: ^3.54.0 || ^4.0.0-next.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.4.9)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      svelte: registry.npmjs.org/svelte@4.2.0
+      vite: registry.npmjs.org/vite@4.4.9
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.3.9):
     resolution: {integrity: sha512-bNNKvoRY89ptY7udeBSCmTdCVwkjmMcZ0j/z9J5MuedT8jPjq0zrknAo/jF1sToAza4NVaAgR9AkZoD9oJJmnA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.1.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1
@@ -1940,6 +2035,29 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.4.9):
+    resolution: {integrity: sha512-bNNKvoRY89ptY7udeBSCmTdCVwkjmMcZ0j/z9J5MuedT8jPjq0zrknAo/jF1sToAza4NVaAgR9AkZoD9oJJmnA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.1.tgz}
+    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1
+    name: '@sveltejs/vite-plugin-svelte'
+    version: 2.4.1
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0-next.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.2.0)(vite@4.4.9)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      deepmerge: registry.npmjs.org/deepmerge@4.3.1
+      kleur: registry.npmjs.org/kleur@4.1.5
+      magic-string: registry.npmjs.org/magic-string@0.30.0
+      svelte: registry.npmjs.org/svelte@4.2.0
+      svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.2(svelte@4.2.0)
+      vite: registry.npmjs.org/vite@4.4.9
+      vitefu: registry.npmjs.org/vitefu@0.2.4(vite@4.4.9)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@swc/core-darwin-arm64@1.3.63:
     resolution: {integrity: sha512-lNR0BgG0/6dGpGP+AyFZoZ3YBhZN5GzvgAUzwy4skqn5sKZ7duQD02CNq1lIy7Im5BzgMUcJ+/Z7z/YUlqBK+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.63.tgz}
     name: '@swc/core-darwin-arm64'
@@ -2494,11 +2612,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.3.0(@typescript-eslint/parser@6.3.0)(eslint@8.42.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-IZYjYZ0ifGSLZbwMqIip/nOamFiWJ9AH+T/GYNZBWkVcyNQOFGtSMoWV7RvY4poYCMZ/4lHzNl796WOSNxmk8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.3.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.3.0
+  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.5.0(@typescript-eslint/parser@6.5.0)(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-2pktILyjvMaScU6iK3925uvGU87E+N9rh372uGZgiMYwafaw9SXq86U04XPq3UH6tzRvNgBsub6x2DacHc33lw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.5.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.5.0
     name: '@typescript-eslint/eslint-plugin'
-    version: 6.3.0
+    version: 6.5.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
@@ -2509,17 +2627,16 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.6.2
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.3.0(eslint@8.42.0)(typescript@5.1.3)
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.3.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.3.0(eslint@8.42.0)(typescript@5.1.3)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.3.0(eslint@8.42.0)(typescript@5.1.3)
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.3.0
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.5.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.5.0
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.5.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.5.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.5.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       eslint: registry.npmjs.org/eslint@8.42.0
       graphemer: registry.npmjs.org/graphemer@1.4.0
       ignore: registry.npmjs.org/ignore@5.2.4
       natural-compare: registry.npmjs.org/natural-compare@1.4.0
-      natural-compare-lite: registry.npmjs.org/natural-compare-lite@1.4.0
       semver: registry.npmjs.org/semver@7.5.4
       ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3)
       typescript: registry.npmjs.org/typescript@5.1.3
@@ -2550,11 +2667,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser@6.3.0(eslint@8.42.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-ibP+y2Gr6p0qsUkhs7InMdXrwldjxZw66wpcQq9/PzAroM45wdwyu81T+7RibNCh8oc0AgrsyCwJByncY0Ongg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.3.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/6.3.0
+  registry.npmjs.org/@typescript-eslint/parser@6.5.0(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-LMAVtR5GN8nY0G0BadkG0XIe4AcNMeyEy3DyhKGAh9k4pLSMBO7rF29JvDBpZGCmp5Pgz5RLHP6eCpSYZJQDuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.5.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/6.5.0
     name: '@typescript-eslint/parser'
-    version: 6.3.0
+    version: 6.5.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -2563,10 +2680,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.3.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.3.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.3.0(typescript@5.1.3)
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.3.0
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.5.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.5.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.5.0(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.5.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       eslint: registry.npmjs.org/eslint@8.42.0
       typescript: registry.npmjs.org/typescript@5.1.3
@@ -2584,14 +2701,14 @@ packages:
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.60.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager@6.3.0:
-    resolution: {integrity: sha512-WlNFgBEuGu74ahrXzgefiz/QlVb+qg8KDTpknKwR7hMH+lQygWyx0CQFoUmMn1zDkQjTBBIn75IxtWss77iBIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.3.0.tgz}
+  registry.npmjs.org/@typescript-eslint/scope-manager@6.5.0:
+    resolution: {integrity: sha512-A8hZ7OlxURricpycp5kdPTH3XnjG85UpJS6Fn4VzeoH4T388gQJ/PGP4ole5NfKt4WDVhmLaQ/dBLNDC4Xl/Kw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.5.0.tgz}
     name: '@typescript-eslint/scope-manager'
-    version: 6.3.0
+    version: 6.5.0
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.3.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.3.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.5.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.5.0
     dev: true
 
   registry.npmjs.org/@typescript-eslint/type-utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
@@ -2617,11 +2734,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils@6.3.0(eslint@8.42.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-7Oj+1ox1T2Yc8PKpBvOKWhoI/4rWFd1j7FA/rPE0lbBPXTKjdbtC+7Ev0SeBjEKkIhKWVeZSP+mR7y1Db1CdfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.3.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/6.3.0
+  registry.npmjs.org/@typescript-eslint/type-utils@6.5.0(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-f7OcZOkRivtujIBQ4yrJNIuwyCQO1OjocVqntl9dgSIZAdKqicj3xFDqDOzHDlGCZX990LqhLQXWRnQvsapq8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.5.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/6.5.0
     name: '@typescript-eslint/type-utils'
-    version: 6.3.0
+    version: 6.5.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -2630,8 +2747,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.3.0(typescript@5.1.3)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.3.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.5.0(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.5.0(eslint@8.42.0)(typescript@5.1.3)
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       eslint: registry.npmjs.org/eslint@8.42.0
       ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3)
@@ -2647,10 +2764,10 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types@6.3.0:
-    resolution: {integrity: sha512-K6TZOvfVyc7MO9j60MkRNWyFSf86IbOatTKGrpTQnzarDZPYPVy0oe3myTMq7VjhfsUAbNUW8I5s+2lZvtx1gg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-6.3.0.tgz}
+  registry.npmjs.org/@typescript-eslint/types@6.5.0:
+    resolution: {integrity: sha512-eqLLOEF5/lU8jW3Bw+8auf4lZSbbljHR2saKnYqON12G/WsJrGeeDHWuQePoEf9ro22+JkbPfWQwKEC5WwLQ3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-6.5.0.tgz}
     name: '@typescript-eslint/types'
-    version: 6.3.0
+    version: 6.5.0
     engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
@@ -2678,11 +2795,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree@6.3.0(typescript@5.1.3):
-    resolution: {integrity: sha512-Xh4NVDaC4eYKY4O3QGPuQNp5NxBAlEvNQYOqJquR2MePNxO11E5K3t5x4M4Mx53IZvtpW+mBxIT0s274fLUocg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.3.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.3.0
+  registry.npmjs.org/@typescript-eslint/typescript-estree@6.5.0(typescript@5.1.3):
+    resolution: {integrity: sha512-q0rGwSe9e5Kk/XzliB9h2LBc9tmXX25G0833r7kffbl5437FPWb2tbpIV9wAATebC/018pGa9fwPDuvGN+LxWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.5.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.5.0
     name: '@typescript-eslint/typescript-estree'
-    version: 6.3.0
+    version: 6.5.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       typescript: '*'
@@ -2690,8 +2807,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.3.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.3.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.5.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.5.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       globby: registry.npmjs.org/globby@11.1.0
       is-glob: registry.npmjs.org/is-glob@4.0.3
@@ -2725,11 +2842,11 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils@6.3.0(eslint@8.42.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-hLLg3BZE07XHnpzglNBG8P/IXq/ZVXraEbgY7FM0Cnc1ehM8RMdn9mat3LubJ3KBeYXXPxV1nugWbQPjGeJk6Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.3.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/6.3.0
+  registry.npmjs.org/@typescript-eslint/utils@6.5.0(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-9nqtjkNykFzeVtt9Pj6lyR9WEdd8npPhhIPM992FWVkZuS6tmxHfGVnlUcjpUP2hv8r4w35nT33mlxd+Be1ACQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.5.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/6.5.0
     name: '@typescript-eslint/utils'
-    version: 6.3.0
+    version: 6.5.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -2737,9 +2854,9 @@ packages:
       '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.42.0)
       '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.12
       '@types/semver': registry.npmjs.org/@types/semver@7.5.0
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.3.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.3.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.3.0(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.5.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.5.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.5.0(typescript@5.1.3)
       eslint: registry.npmjs.org/eslint@8.42.0
       semver: registry.npmjs.org/semver@7.5.4
     transitivePeerDependencies:
@@ -2757,13 +2874,13 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys@6.3.0:
-    resolution: {integrity: sha512-kEhRRj7HnvaSjux1J9+7dBen15CdWmDnwrpyiHsFX6Qx2iW5LOBUgNefOFeh2PjWPlNwN8TOn6+4eBU3J/gupw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.3.0.tgz}
+  registry.npmjs.org/@typescript-eslint/visitor-keys@6.5.0:
+    resolution: {integrity: sha512-yCB/2wkbv3hPsh02ZS8dFQnij9VVQXJMN/gbQsaaY+zxALkZnxa/wagvLEFsAWMPv7d7lxQmNsIzGU1w/T/WyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.5.0.tgz}
     name: '@typescript-eslint/visitor-keys'
-    version: 6.3.0
+    version: 6.5.0
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.3.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.5.0
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
@@ -2799,7 +2916,7 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/acorn-jsx@5.3.2(acorn@8.8.2):
+  registry.npmjs.org/acorn-jsx@5.3.2(acorn@8.10.0):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz}
     id: registry.npmjs.org/acorn-jsx/5.3.2
     name: acorn-jsx
@@ -2807,7 +2924,7 @@ packages:
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      acorn: registry.npmjs.org/acorn@8.8.2
+      acorn: registry.npmjs.org/acorn@8.10.0
     dev: true
 
   registry.npmjs.org/acorn@8.10.0:
@@ -2818,14 +2935,6 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/acorn@8.8.2:
-    resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz}
-    name: acorn
-    version: 8.8.2
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-    dev: true
-
   registry.npmjs.org/aggregate-error@3.1.0:
     resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz}
     name: aggregate-error
@@ -3046,6 +3155,14 @@ packages:
     version: 3.2.4
     dev: true
 
+  registry.npmjs.org/asynciterator.prototype@1.0.0:
+    resolution: {integrity: sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz}
+    name: asynciterator.prototype
+    version: 1.0.0
+    dependencies:
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+    dev: true
+
   registry.npmjs.org/asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz}
     name: asynckit
@@ -4272,6 +4389,27 @@ packages:
       which-typed-array: registry.npmjs.org/which-typed-array@1.1.11
     dev: true
 
+  registry.npmjs.org/es-iterator-helpers@1.0.14:
+    resolution: {integrity: sha512-JgtVnwiuoRuzLvqelrvN3Xu7H9bu2ap/kQ2CrM62iidP8SKuD99rWU3CJy++s7IVL2qb/AjXPGR/E7i9ngd/Cw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.14.tgz}
+    name: es-iterator-helpers
+    version: 1.0.14
+    dependencies:
+      asynciterator.prototype: registry.npmjs.org/asynciterator.prototype@1.0.0
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
+      es-set-tostringtag: registry.npmjs.org/es-set-tostringtag@2.0.1
+      function-bind: registry.npmjs.org/function-bind@1.1.1
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      globalthis: registry.npmjs.org/globalthis@1.0.3
+      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.0
+      has-proto: registry.npmjs.org/has-proto@1.0.1
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      internal-slot: registry.npmjs.org/internal-slot@1.0.5
+      iterator.prototype: registry.npmjs.org/iterator.prototype@1.1.0
+      safe-array-concat: registry.npmjs.org/safe-array-concat@1.0.0
+    dev: true
+
   registry.npmjs.org/es-set-tostringtag@2.0.1:
     resolution: {integrity: sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz}
     name: es-set-tostringtag
@@ -4417,16 +4555,16 @@ packages:
       eslint: registry.npmjs.org/eslint@8.43.0
     dev: true
 
-  registry.npmjs.org/eslint-config-turbo@1.10.6(eslint@8.42.0):
-    resolution: {integrity: sha512-iZ63etePRUdEIDY5MxdUhU2ekV9TDbVdHg0BK00QqVFgQTXUYuJ7rsQj/wUKTsw3jwhbLfaY6H5sknAgYyWZ2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.6.tgz}
-    id: registry.npmjs.org/eslint-config-turbo/1.10.6
+  registry.npmjs.org/eslint-config-turbo@1.10.13(eslint@8.42.0):
+    resolution: {integrity: sha512-Ffa0SxkRCPMtfUX/HDanEqsWoLwZTQTAXO9W4IsOtycb2MzJDrVcLmoFW5sMwCrg7gjqbrC4ZJoD+1SPPzIVqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.13.tgz}
+    id: registry.npmjs.org/eslint-config-turbo/1.10.13
     name: eslint-config-turbo
-    version: 1.10.6
+    version: 1.10.13
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
       eslint: registry.npmjs.org/eslint@8.42.0
-      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo@1.10.6(eslint@8.42.0)
+      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo@1.10.13(eslint@8.42.0)
     dev: true
 
   registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.42.0)(prettier@2.8.8):
@@ -4449,11 +4587,11 @@ packages:
       prettier-linter-helpers: registry.npmjs.org/prettier-linter-helpers@1.0.0
     dev: true
 
-  registry.npmjs.org/eslint-plugin-react@7.33.1(eslint@8.42.0):
-    resolution: {integrity: sha512-L093k0WAMvr6VhNwReB8VgOq5s2LesZmrpPdKz/kZElQDzqS7G7+DnKoqT+w4JwuiGeAhAvHO0fvy0Eyk4ejDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.1.tgz}
-    id: registry.npmjs.org/eslint-plugin-react/7.33.1
+  registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.42.0):
+    resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz}
+    id: registry.npmjs.org/eslint-plugin-react/7.33.2
     name: eslint-plugin-react
-    version: 7.33.1
+    version: 7.33.2
     engines: {node: '>=4'}
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
@@ -4462,6 +4600,7 @@ packages:
       array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.1
       array.prototype.tosorted: registry.npmjs.org/array.prototype.tosorted@1.1.1
       doctrine: registry.npmjs.org/doctrine@2.1.0
+      es-iterator-helpers: registry.npmjs.org/es-iterator-helpers@1.0.14
       eslint: registry.npmjs.org/eslint@8.42.0
       estraverse: registry.npmjs.org/estraverse@5.3.0
       jsx-ast-utils: registry.npmjs.org/jsx-ast-utils@3.3.5
@@ -4507,11 +4646,11 @@ packages:
       - ts-node
     dev: true
 
-  registry.npmjs.org/eslint-plugin-turbo@1.10.6(eslint@8.42.0):
-    resolution: {integrity: sha512-jlzfxYaK8hcz1DTk8Glxxi1r0kgdy85191a4CbFOTiiBulmKHMLJgzhsyE9Ong796MA62n91KFpc20BiKjlHwg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.6.tgz}
-    id: registry.npmjs.org/eslint-plugin-turbo/1.10.6
+  registry.npmjs.org/eslint-plugin-turbo@1.10.13(eslint@8.42.0):
+    resolution: {integrity: sha512-el4AAmn0zXmvHEyp1h0IQMfse10Vy8g5Vbg4IU3+vD9CSj5sDbX07iFVt8sCKg7og9Q5FAa9mXzlCf7t4vYgzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.13.tgz}
+    id: registry.npmjs.org/eslint-plugin-turbo/1.10.13
     name: eslint-plugin-turbo
-    version: 1.10.6
+    version: 1.10.13
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
@@ -4611,7 +4750,7 @@ packages:
     hasBin: true
     dependencies:
       '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.5.1
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.6.2
       '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc@2.0.3
       '@eslint/js': registry.npmjs.org/@eslint/js@8.43.0
       '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array@0.11.10
@@ -4624,7 +4763,7 @@ packages:
       doctrine: registry.npmjs.org/doctrine@3.0.0
       escape-string-regexp: registry.npmjs.org/escape-string-regexp@4.0.0
       eslint-scope: registry.npmjs.org/eslint-scope@7.2.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
       espree: registry.npmjs.org/espree@9.5.2
       esquery: registry.npmjs.org/esquery@1.5.0
       esutils: registry.npmjs.org/esutils@2.0.3
@@ -4665,8 +4804,8 @@ packages:
     version: 9.5.2
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      acorn: registry.npmjs.org/acorn@8.8.2
-      acorn-jsx: registry.npmjs.org/acorn-jsx@5.3.2(acorn@8.8.2)
+      acorn: registry.npmjs.org/acorn@8.10.0
+      acorn-jsx: registry.npmjs.org/acorn-jsx@5.3.2(acorn@8.10.0)
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
@@ -4853,19 +4992,6 @@ packages:
     version: 1.3.0
     dev: true
 
-  registry.npmjs.org/fast-glob@3.2.12:
-    resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz}
-    name: fast-glob
-    version: 3.2.12
-    engines: {node: '>=8.6.0'}
-    dependencies:
-      '@nodelib/fs.stat': registry.npmjs.org/@nodelib/fs.stat@2.0.5
-      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk@1.2.8
-      glob-parent: registry.npmjs.org/glob-parent@5.1.2
-      merge2: registry.npmjs.org/merge2@1.4.1
-      micromatch: registry.npmjs.org/micromatch@4.0.5
-    dev: true
-
   registry.npmjs.org/fast-glob@3.3.1:
     resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz}
     name: fast-glob
@@ -5551,6 +5677,15 @@ packages:
     version: 0.2.1
     dev: true
 
+  registry.npmjs.org/is-async-function@2.0.0:
+    resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz}
+    name: is-async-function
+    version: 2.0.0
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+    dev: true
+
   registry.npmjs.org/is-bigint@1.0.4:
     resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz}
     name: is-bigint
@@ -5627,6 +5762,14 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  registry.npmjs.org/is-finalizationregistry@1.0.2:
+    resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz}
+    name: is-finalizationregistry
+    version: 1.0.2
+    dependencies:
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+    dev: true
+
   registry.npmjs.org/is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz}
     name: is-fullwidth-code-point
@@ -5634,6 +5777,15 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  registry.npmjs.org/is-generator-function@1.0.10:
+    resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz}
+    name: is-generator-function
+    version: 1.0.10
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+    dev: true
+
   registry.npmjs.org/is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz}
     name: is-glob
@@ -5653,6 +5805,12 @@ packages:
       is-path-inside: registry.npmjs.org/is-path-inside@3.0.3
     dev: true
 
+  registry.npmjs.org/is-map@2.0.2:
+    resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz}
+    name: is-map
+    version: 2.0.2
+    dev: true
+
   registry.npmjs.org/is-module@1.0.0:
     resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz}
     name: is-module
@@ -5722,6 +5880,12 @@ packages:
       has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
+  registry.npmjs.org/is-set@2.0.2:
+    resolution: {integrity: sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz}
+    name: is-set
+    version: 2.0.2
+    dev: true
+
   registry.npmjs.org/is-shared-array-buffer@1.0.2:
     resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz}
     name: is-shared-array-buffer
@@ -5786,6 +5950,12 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  registry.npmjs.org/is-weakmap@2.0.1:
+    resolution: {integrity: sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz}
+    name: is-weakmap
+    version: 2.0.1
+    dev: true
+
   registry.npmjs.org/is-weakref@1.0.2:
     resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz}
     name: is-weakref
@@ -5794,6 +5964,15 @@ packages:
       call-bind: registry.npmjs.org/call-bind@1.0.2
     dev: true
 
+  registry.npmjs.org/is-weakset@2.0.2:
+    resolution: {integrity: sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz}
+    name: is-weakset
+    version: 2.0.2
+    dependencies:
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+    dev: true
+
   registry.npmjs.org/is-windows@1.0.2:
     resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz}
     name: is-windows
@@ -5819,6 +5998,18 @@ packages:
     version: 0.1.2
     dev: true
 
+  registry.npmjs.org/iterator.prototype@1.1.0:
+    resolution: {integrity: sha512-rjuhAk1AJ1fssphHD0IFV6TWL40CwRZ53FrztKx43yk2v6rguBYsY4Bj1VU4HmoMmKwZUlx7mfnhDf9cOp4YTw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.0.tgz}
+    name: iterator.prototype
+    version: 1.1.0
+    dependencies:
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+      reflect.getprototypeof: registry.npmjs.org/reflect.getprototypeof@1.0.3
+    dev: true
+
   registry.npmjs.org/joi@17.9.2:
     resolution: {integrity: sha512-Itk/r+V4Dx0V3c7RLFdRh12IOjySm2/WGPMubBT92cQvRfYZhPM2W0hZlctjj72iES8jsRCwp7S/cRmWBnJ4nw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/joi/-/joi-17.9.2.tgz}
     name: joi
@@ -7620,6 +7811,20 @@ packages:
       strip-indent: registry.npmjs.org/strip-indent@3.0.0
     dev: true
 
+  registry.npmjs.org/reflect.getprototypeof@1.0.3:
+    resolution: {integrity: sha512-TTAOZpkJ2YLxl7mVHWrNo3iDMEkYlva/kgFcXndqMgbo/AZUmmavEkdXV+hXtE4P8xdyEKRzalaFqZVuwIk/Nw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.3.tgz}
+    name: reflect.getprototypeof
+    version: 1.0.3
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      globalthis: registry.npmjs.org/globalthis@1.0.3
+      which-builtin-type: registry.npmjs.org/which-builtin-type@1.1.3
+    dev: true
+
   registry.npmjs.org/regenerator-runtime@0.13.11:
     resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz}
     name: regenerator-runtime
@@ -8345,7 +8550,7 @@ packages:
     dependencies:
       '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
       chokidar: registry.npmjs.org/chokidar@3.5.3
-      fast-glob: registry.npmjs.org/fast-glob@3.2.12
+      fast-glob: registry.npmjs.org/fast-glob@3.3.1
       import-fresh: registry.npmjs.org/import-fresh@3.3.0
       picocolors: registry.npmjs.org/picocolors@1.0.0
       sade: registry.npmjs.org/sade@1.8.1
@@ -8533,7 +8738,7 @@ packages:
     hasBin: true
     dependencies:
       '@jridgewell/source-map': registry.npmjs.org/@jridgewell/source-map@0.3.3
-      acorn: registry.npmjs.org/acorn@8.8.2
+      acorn: registry.npmjs.org/acorn@8.10.0
       commander: registry.npmjs.org/commander@2.20.3
       source-map-support: registry.npmjs.org/source-map-support@0.5.21
     dev: true
@@ -9073,6 +9278,20 @@ packages:
       vite: registry.npmjs.org/vite@4.3.9
     dev: true
 
+  registry.npmjs.org/vitefu@0.2.4(vite@4.4.9):
+    resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz}
+    id: registry.npmjs.org/vitefu/0.2.4
+    name: vitefu
+    version: 0.2.4
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+    dependencies:
+      vite: registry.npmjs.org/vite@4.4.9
+    dev: true
+
   registry.npmjs.org/wait-on@7.0.1(debug@4.3.4):
     resolution: {integrity: sha512-9AnJE9qTjRQOlTZIldAaf/da2eW0eSRSgcqq85mXQja/DW3MriHxkpODDSUEg+Gri/rKEcXUZHe+cevvYItaog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wait-on/-/wait-on-7.0.1.tgz}
     id: registry.npmjs.org/wait-on/7.0.1
@@ -9125,6 +9344,37 @@ packages:
       is-symbol: registry.npmjs.org/is-symbol@1.0.4
     dev: true
 
+  registry.npmjs.org/which-builtin-type@1.1.3:
+    resolution: {integrity: sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz}
+    name: which-builtin-type
+    version: 1.1.3
+    engines: {node: '>= 0.4'}
+    dependencies:
+      function.prototype.name: registry.npmjs.org/function.prototype.name@1.1.5
+      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+      is-async-function: registry.npmjs.org/is-async-function@2.0.0
+      is-date-object: registry.npmjs.org/is-date-object@1.0.5
+      is-finalizationregistry: registry.npmjs.org/is-finalizationregistry@1.0.2
+      is-generator-function: registry.npmjs.org/is-generator-function@1.0.10
+      is-regex: registry.npmjs.org/is-regex@1.1.4
+      is-weakref: registry.npmjs.org/is-weakref@1.0.2
+      isarray: registry.npmjs.org/isarray@2.0.5
+      which-boxed-primitive: registry.npmjs.org/which-boxed-primitive@1.0.2
+      which-collection: registry.npmjs.org/which-collection@1.0.1
+      which-typed-array: registry.npmjs.org/which-typed-array@1.1.11
+    dev: true
+
+  registry.npmjs.org/which-collection@1.0.1:
+    resolution: {integrity: sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz}
+    name: which-collection
+    version: 1.0.1
+    dependencies:
+      is-map: registry.npmjs.org/is-map@2.0.2
+      is-set: registry.npmjs.org/is-set@2.0.2
+      is-weakmap: registry.npmjs.org/is-weakmap@2.0.1
+      is-weakset: registry.npmjs.org/is-weakset@2.0.2
+    dev: true
+
   registry.npmjs.org/which-module@2.0.1:
     resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz}
     name: which-module

From 30f07762039098322ea975e784cef617bef1327c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 31 Aug 2023 16:59:34 +0200
Subject: [PATCH 0155/1093] fix(svelte): add nodesDraggable

---
 .../src/lib/components/Handle/Handle.svelte   | 20 +++++++++++--------
 .../components/NodeWrapper/NodeWrapper.svelte |  9 +++++++--
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 84e50bceb..ff1ca8e41 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -5,6 +5,7 @@
 
   import { useStore } from '$lib/store';
   import type { HandleComponentProps } from '$lib/types';
+  import type { Writable } from 'svelte/store';
 
   type $$Props = HandleComponentProps;
 
@@ -12,16 +13,17 @@
   export let type: $$Props['type'] = 'source';
   export let position: $$Props['position'] = Position.Top;
   export let style: $$Props['style'] = undefined;
-  export let isConnectable: $$Props['isConnectable'] = true;
-  export let isConnectableStart: $$Props['isConnectableStart'] = true;
-  export let isConnectableEnd: $$Props['isConnectableEnd'] = true;
+  export let isConnectable: $$Props['isConnectable'] = undefined;
+  // export let isConnectableStart: $$Props['isConnectableStart'] = undefined;
+  // export let isConnectableEnd: $$Props['isConnectableEnd'] = undefined;
 
   let className: $$Props['class'] = undefined;
   export { className as class };
 
   const isTarget = type === 'target';
   const nodeId = getContext<string>('svelteflow__node_id');
-  // const connectable = getContext<string>('svelteflow__node_connectable');
+  const connectable = getContext<Writable<boolean>>('svelteflow__node_connectable');
+  $: handleConnectable = isConnectable !== undefined ? isConnectable : $connectable;
 
   const handleId = id || null;
   const dispatch = createEventDispatcher();
@@ -73,6 +75,8 @@
       });
     }
   }
+
+  // @todo implement connectablestart, connectableend
 </script>
 
 <div
@@ -90,10 +94,10 @@
   ])}
   class:source={!isTarget}
   class:target={isTarget}
-  class:connectablestart={isConnectableStart}
-  class:connectableend={isConnectableEnd}
-  class:connectable={isConnectable}
-  class:connectionindicator={isConnectable}
+  class:connectablestart={handleConnectable}
+  class:connectableend={handleConnectable}
+  class:connectable={handleConnectable}
+  class:connectionindicator={handleConnectable}
   on:mousedown={onPointerDown}
   on:touchstart={onPointerDown}
   {style}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 75025c304..a3b66963d 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -13,6 +13,7 @@
   import { useStore } from '$lib/store';
   import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
   import type { NodeWrapperProps } from './types';
+  import { writable } from 'svelte/store';
 
   interface $$Props extends NodeWrapperProps {}
 
@@ -50,9 +51,14 @@
   const nodeComponent: ComponentType<SvelteComponent<NodeProps>> = $nodeTypes[type!] || DefaultNode;
   const selectNodesOnDrag = false;
   const dispatch = createEventDispatcher();
+  const connectableStore = writable(connectable);
+
+  $: {
+    connectableStore.set(!!connectable);
+  }
 
   setContext('svelteflow__node_id', id);
-  setContext('svelteflow__node_connectable', connectable);
+  setContext('svelteflow__node_connectable', connectableStore);
 
   onMount(() => {
     resizeObserver?.observe(nodeRef);
@@ -75,7 +81,6 @@
 
     dispatchEvent('nodeclick');
   }
-
   // @todo: add selectable state
 </script>
 

From 961d1295b4f056dec6532ff785a3cc1de60dc1f6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 31 Aug 2023 17:01:06 +0200
Subject: [PATCH 0156/1093] chore(packages): bump

---
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 161084784..36957c684 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index e9e44af38..adad97533 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 43a3755fd9794431c4bdab19f3e51224350fc01b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 14 Sep 2023 18:12:40 +0200
Subject: [PATCH 0157/1093] fix edge selection: consistent behaviour with node
 selection closes

---
 packages/react/src/components/Edges/wrapEdge.tsx | 16 +++++++++++++---
 packages/react/src/components/Nodes/utils.ts     |  2 +-
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/components/Edges/wrapEdge.tsx b/packages/react/src/components/Edges/wrapEdge.tsx
index 92aaada6a..ad1d8f2ad 100644
--- a/packages/react/src/components/Edges/wrapEdge.tsx
+++ b/packages/react/src/components/Edges/wrapEdge.tsx
@@ -82,15 +82,25 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
     }
 
     const onEdgeClick = (event: React.MouseEvent<SVGGElement, MouseEvent>): void => {
-      const { edges, addSelectedEdges } = store.getState();
+      const { edges, addSelectedEdges, unselectNodesAndEdges, multiSelectionActive } = store.getState();
+      const edge = edges.find((e) => e.id === id);
+
+      if (!edge) {
+        return;
+      }
 
       if (isSelectable) {
         store.setState({ nodesSelectionActive: false });
-        addSelectedEdges([id]);
+
+        if (edge.selected && multiSelectionActive) {
+          unselectNodesAndEdges({ nodes: [], edges: [edge] });
+          edgeRef.current?.blur();
+        } else {
+          addSelectedEdges([id]);
+        }
       }
 
       if (onClick) {
-        const edge = edges.find((e) => e.id === id)!;
         onClick(event, edge);
       }
     };
diff --git a/packages/react/src/components/Nodes/utils.ts b/packages/react/src/components/Nodes/utils.ts
index 3c1299e9e..a70ccd34d 100644
--- a/packages/react/src/components/Nodes/utils.ts
+++ b/packages/react/src/components/Nodes/utils.ts
@@ -48,7 +48,7 @@ export function handleNodeClick({
   if (!node.selected) {
     addSelectedNodes([id]);
   } else if (unselect || (node.selected && multiSelectionActive)) {
-    unselectNodesAndEdges({ nodes: [node] });
+    unselectNodesAndEdges({ nodes: [node], edges: [] });
 
     requestAnimationFrame(() => nodeRef?.current?.blur());
   }

From bd6f774de6d3a03d827d1dee30b65bae201a28f0 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 14 Sep 2023 18:13:33 +0200
Subject: [PATCH 0158/1093] fix(edges): make it possible to change edge type
 dynamically closes #3386

---
 examples/svelte/src/routes/overview/+page.svelte | 16 ++++++++++++++++
 .../components/EdgeWrapper/EdgeWrapper.svelte    |  5 ++---
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index ffe3c7603..d11381d3e 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -113,6 +113,21 @@
 		);
 	}
 
+	function updateEdge() {
+		edges.update((eds) =>
+			eds.map((edge) => {
+				if (edge.id === '1-2') {
+					return {
+						...edge,
+						type: edge.type === 'default' ? 'smoothstep' : 'default'
+					};
+				}
+
+				return edge;
+			})
+		);
+	}
+
 	$: {
 		console.log('nodes changed', $nodes);
 	}
@@ -147,6 +162,7 @@
 	<MiniMap />
 	<Panel position="top-right">
 		<button on:click={updateNode}>update node pos</button>
+		<button on:click={updateEdge}>update edge type</button>
 	</Panel>
 </SvelteFlow>
 
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index cc9f4eb07..39c8a73de 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { createEventDispatcher, SvelteComponent, type ComponentType } from 'svelte';
+  import { createEventDispatcher } from 'svelte';
   import { getMarkerId } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
@@ -36,8 +36,7 @@
   const { edges, edgeTypes, flowId, addSelectedEdges } = useStore();
   const dispatch = createEventDispatcher();
 
-  const edgeComponent: ComponentType<SvelteComponent<EdgeProps>> = $edgeTypes[type!] || BezierEdge;
-
+  $: edgeComponent = $edgeTypes[type!] || BezierEdge;
   $: markerStartUrl = markerStart ? `url(#${getMarkerId(markerStart, $flowId)})` : undefined;
   $: markerEndUrl = markerEnd ? `url(#${getMarkerId(markerEnd, $flowId)})` : undefined;
 

From 89610ccd294da4700e2dc114861ad247be1a89e3 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 14 Sep 2023 18:24:15 +0200
Subject: [PATCH 0159/1093] fix(nodes/edges): handle hidden attribute closes
 #3387

---
 .../svelte/src/routes/overview/+page.svelte   |  8 +-
 .../components/EdgeWrapper/EdgeWrapper.svelte | 77 +++++++--------
 .../components/NodeWrapper/NodeWrapper.svelte | 95 ++++++++++---------
 .../src/lib/components/NodeWrapper/types.ts   |  1 +
 .../NodeRenderer/NodeRenderer.svelte          |  1 +
 packages/svelte/src/lib/types/edges.ts        |  1 +
 6 files changed, 98 insertions(+), 85 deletions(-)

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index d11381d3e..36027a67c 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -9,7 +9,9 @@
 		Panel,
 		SelectionMode,
 		type NodeTypes,
-		type EdgeTypes
+		type EdgeTypes,
+		type Node,
+		type Edge
 	} from '@xyflow/svelte';
 
 	import CustomNode from './CustomNode.svelte';
@@ -25,7 +27,7 @@
 		custom: CustomEdge
 	};
 
-	const nodes = writable([
+	const nodes = writable<Node[]>([
 		{
 			id: '1',
 			type: 'input',
@@ -74,7 +76,7 @@
 		}
 	]);
 
-	const edges = writable([
+	const edges = writable<Edge[]>([
 		{
 			id: '1-2',
 			type: 'default',
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 39c8a73de..c73904087 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -4,7 +4,7 @@
 
   import { useStore } from '$lib/store';
   import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
-  import type { EdgeLayouted, EdgeProps } from '$lib/types';
+  import type { EdgeLayouted } from '$lib/types';
 
   type $$Props = EdgeLayouted;
 
@@ -18,6 +18,7 @@
   export let animated: $$Props['animated'] = false;
   export let selected: $$Props['selected'] = false;
   export let selectable: $$Props['selectable'] = true;
+  export let hidden: $$Props['hidden'] = false;
   export let label: $$Props['label'] = undefined;
   export let labelStyle: $$Props['labelStyle'] = undefined;
   export let markerStart: $$Props['markerStart'] = undefined;
@@ -52,39 +53,41 @@
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
-<g
-  class="svelte-flow__edge"
-  class:animated
-  class:selected
-  data-id={id}
-  on:click={onClick}
-  aria-label={ariaLabel === null
-    ? undefined
-    : ariaLabel
-    ? ariaLabel
-    : `Edge from ${source} to ${target}`}
-  role="img"
->
-  <svelte:component
-    this={edgeComponent}
-    {id}
-    {source}
-    {target}
-    {sourceX}
-    {sourceY}
-    {targetX}
-    {targetY}
-    {sourcePosition}
-    {targetPosition}
-    {animated}
-    {selected}
-    {label}
-    {labelStyle}
-    {data}
-    {style}
-    sourceHandleId={sourceHandle}
-    targetHandleId={targetHandle}
-    markerStart={markerStartUrl}
-    markerEnd={markerEndUrl}
-  />
-</g>
+{#if !hidden}
+  <g
+    class="svelte-flow__edge"
+    class:animated
+    class:selected
+    data-id={id}
+    on:click={onClick}
+    aria-label={ariaLabel === null
+      ? undefined
+      : ariaLabel
+      ? ariaLabel
+      : `Edge from ${source} to ${target}`}
+    role="img"
+  >
+    <svelte:component
+      this={edgeComponent}
+      {id}
+      {source}
+      {target}
+      {sourceX}
+      {sourceY}
+      {targetX}
+      {targetY}
+      {sourcePosition}
+      {targetPosition}
+      {animated}
+      {selected}
+      {label}
+      {labelStyle}
+      {data}
+      {style}
+      sourceHandleId={sourceHandle}
+      targetHandleId={targetHandle}
+      markerStart={markerStartUrl}
+      markerEnd={markerEndUrl}
+    />
+  </g>
+{/if}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index a3b66963d..a629c1071 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -23,6 +23,7 @@
   export let draggable: NodeWrapperProps['draggable'] = undefined;
   export let selectable: NodeWrapperProps['selectable'] = undefined;
   export let connectable: NodeWrapperProps['connectable'] = true;
+  export let hidden: NodeWrapperProps['hidden'] = false;
   export let dragging: boolean = false;
   export let resizeObserver: NodeWrapperProps['resizeObserver'] = null;
   export let style: NodeWrapperProps['style'] = undefined;
@@ -79,6 +80,8 @@
       addSelectedNodes([id]);
     }
 
+    // @todo: support multiselection
+
     dispatchEvent('nodeclick');
   }
   // @todo: add selectable state
@@ -86,48 +89,50 @@
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div
-  use:drag={{
-    nodeId: id,
-    isSelectable: selectable,
-    disabled: false,
-    handleSelector: undefined,
-    noDragClassName: 'nodrag',
-    store
-  }}
-  bind:this={nodeRef}
-  data-id={id}
-  class={cc(['svelte-flow__node', `svelte-flow__node-${type || 'default'}`, className])}
-  class:dragging
-  class:selected
-  class:draggable
-  class:connectable
-  class:selectable
-  class:parent={isParent}
-  style:z-index={zIndex}
-  style:transform="translate({positionOrigin?.x ?? 0}px, {positionOrigin?.y ?? 0}px)"
-  {style}
-  on:click={onSelectNodeHandler}
-  on:mouseenter={() => dispatchEvent('nodemouseenter')}
-  on:mouseleave={() => dispatchEvent('nodemouseleave')}
-  on:mousemove={() => dispatchEvent('nodemousemove')}
->
-  <svelte:component
-    this={nodeComponent}
-    {data}
-    {id}
-    {selected}
-    {sourcePosition}
-    {targetPosition}
-    {type}
-    {zIndex}
-    {dragging}
-    {dragHandle}
-    isConnectable={connectable}
-    xPos={positionAbsolute?.x ?? 0}
-    yPos={positionAbsolute?.y ?? 0}
-    on:connectstart
-    on:connect
-    on:connectend
-  />
-</div>
+{#if !hidden}
+  <div
+    use:drag={{
+      nodeId: id,
+      isSelectable: selectable,
+      disabled: false,
+      handleSelector: undefined,
+      noDragClassName: 'nodrag',
+      store
+    }}
+    bind:this={nodeRef}
+    data-id={id}
+    class={cc(['svelte-flow__node', `svelte-flow__node-${type || 'default'}`, className])}
+    class:dragging
+    class:selected
+    class:draggable
+    class:connectable
+    class:selectable
+    class:parent={isParent}
+    style:z-index={zIndex}
+    style:transform="translate({positionOrigin?.x ?? 0}px, {positionOrigin?.y ?? 0}px)"
+    {style}
+    on:click={onSelectNodeHandler}
+    on:mouseenter={() => dispatchEvent('nodemouseenter')}
+    on:mouseleave={() => dispatchEvent('nodemouseleave')}
+    on:mousemove={() => dispatchEvent('nodemousemove')}
+  >
+    <svelte:component
+      this={nodeComponent}
+      {data}
+      {id}
+      {selected}
+      {sourcePosition}
+      {targetPosition}
+      {type}
+      {zIndex}
+      {dragging}
+      {dragHandle}
+      isConnectable={connectable}
+      xPos={positionAbsolute?.x ?? 0}
+      yPos={positionAbsolute?.y ?? 0}
+      on:connectstart
+      on:connect
+      on:connectend
+    />
+  </div>
+{/if}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index 6bb3759e9..02788d7a3 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -19,6 +19,7 @@ export type NodeWrapperProps = Pick<
   | 'sourcePosition'
   | 'targetPosition'
   | 'dragHandle'
+  | 'hidden'
 > & {
   positionOrigin?: XYPosition;
   'on:nodeclick'?: (event: MouseEvent) => void;
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 3d212dba1..bc30ea1a6 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -43,6 +43,7 @@
       id={node.id}
       data={node.data}
       selected={!!node.selected}
+      hidden={!!node.hidden}
       draggable={!!(node.draggable || ($nodesDraggable && typeof node.draggable === 'undefined'))}
       selectable={!!(
         node.selectable ||
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 3f68b509e..19e7e47fa 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -68,6 +68,7 @@ export type EdgeLayouted = Pick<
   | 'sourceHandle'
   | 'targetHandle'
   | 'ariaLabel'
+  | 'hidden'
 > &
   EdgePosition & {
     sourceHandleId?: string | null;

From f919cb152dd5a92ec3b4d7e4568ffe099bc2af39 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 14 Sep 2023 19:31:15 +0200
Subject: [PATCH 0160/1093] feat(svelte): add updateNodeInternals

---
 .../src/components/Header/Header.svelte       | 71 ++++++++++---------
 .../useupdatenodeinternals/+page.svelte       |  9 +++
 .../useupdatenodeinternals/CustomNode.svelte  | 29 ++++++++
 .../routes/useupdatenodeinternals/Flow.svelte | 68 ++++++++++++++++++
 packages/svelte/package.json                  |  2 +-
 .../svelte/src/lib/hooks/useSvelteFlow.ts     |  1 -
 .../src/lib/hooks/useUpdateNodeInternals.ts   | 28 ++++++++
 packages/svelte/src/lib/index.ts              |  1 +
 8 files changed, 172 insertions(+), 37 deletions(-)
 create mode 100644 examples/svelte/src/routes/useupdatenodeinternals/+page.svelte
 create mode 100644 examples/svelte/src/routes/useupdatenodeinternals/CustomNode.svelte
 create mode 100644 examples/svelte/src/routes/useupdatenodeinternals/Flow.svelte
 create mode 100644 packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts

diff --git a/examples/svelte/src/components/Header/Header.svelte b/examples/svelte/src/components/Header/Header.svelte
index 089aea871..6fa79b681 100644
--- a/examples/svelte/src/components/Header/Header.svelte
+++ b/examples/svelte/src/components/Header/Header.svelte
@@ -1,46 +1,47 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
-  import { page } from '$app/stores';
+	import { goto } from '$app/navigation';
+	import { page } from '$app/stores';
 
-  const routes = [
-    'customnode',
-    'drag-n-drop',
-    'edges',
-    'figma',
-    'interaction',
-    'overview',
-    'stress',
-    'subflows',
-    'usesvelteflow',
-    'validation'
-  ];
+	const routes = [
+		'customnode',
+		'drag-n-drop',
+		'edges',
+		'figma',
+		'interaction',
+		'overview',
+		'stress',
+		'subflows',
+		'usesvelteflow',
+		'useupdatenodeinternals',
+		'validation'
+	];
 
-  const onChange = (event: Event) => {
-    const route = (event.target as HTMLSelectElement).value;
-    goto(route);
-  };
+	const onChange = (event: Event) => {
+		const route = (event.target as HTMLSelectElement).value;
+		goto(route);
+	};
 </script>
 
 <header>
-  <div class="logo">Svelte Flow</div>
-  <select on:change={onChange} value={$page.route.id}>
-    {#each routes as route}
-      <option value={`/${route}`}>{route}</option>
-    {/each}
-  </select>
+	<div class="logo">Svelte Flow</div>
+	<select on:change={onChange} value={$page.route.id}>
+		{#each routes as route}
+			<option value={`/${route}`}>{route}</option>
+		{/each}
+	</select>
 </header>
 
 <style>
-  header {
-    padding: 10px;
-    border-bottom: 1px solid #eee;
-    display: flex;
-    font-weight: 700;
-    align-items: center;
-    color: #111;
-  }
+	header {
+		padding: 10px;
+		border-bottom: 1px solid #eee;
+		display: flex;
+		font-weight: 700;
+		align-items: center;
+		color: #111;
+	}
 
-  .logo {
-    margin-right: 1rem;
-  }
+	.logo {
+		margin-right: 1rem;
+	}
 </style>
diff --git a/examples/svelte/src/routes/useupdatenodeinternals/+page.svelte b/examples/svelte/src/routes/useupdatenodeinternals/+page.svelte
new file mode 100644
index 000000000..12dec33ca
--- /dev/null
+++ b/examples/svelte/src/routes/useupdatenodeinternals/+page.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+	import { SvelteFlowProvider } from '@xyflow/svelte';
+
+	import Flow from './Flow.svelte';
+</script>
+
+<SvelteFlowProvider>
+	<Flow />
+</SvelteFlowProvider>
diff --git a/examples/svelte/src/routes/useupdatenodeinternals/CustomNode.svelte b/examples/svelte/src/routes/useupdatenodeinternals/CustomNode.svelte
new file mode 100644
index 000000000..f4d306ac5
--- /dev/null
+++ b/examples/svelte/src/routes/useupdatenodeinternals/CustomNode.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { Handle, Position, type NodeProps, useUpdateNodeInternals } from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+
+	export let id: $$Props['id'];
+
+	const updateNodeInternals = useUpdateNodeInternals();
+
+	$: handleCount = 1;
+
+	const onClick = () => {
+		handleCount += 1;
+		updateNodeInternals(id);
+	};
+</script>
+
+<Handle type="target" position={Position.Top} on:connect />
+<button on:click={onClick}>add handle</button>
+
+{#each Array.from({ length: handleCount }) as handle, i}
+	<Handle
+		type="source"
+		position={Position.Bottom}
+		id={`${i}`}
+		style={`left: ${i * 10}px;`}
+		on:connect
+	/>
+{/each}
diff --git a/examples/svelte/src/routes/useupdatenodeinternals/Flow.svelte b/examples/svelte/src/routes/useupdatenodeinternals/Flow.svelte
new file mode 100644
index 000000000..13b48cb31
--- /dev/null
+++ b/examples/svelte/src/routes/useupdatenodeinternals/Flow.svelte
@@ -0,0 +1,68 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import {
+		SvelteFlow,
+		Controls,
+		Background,
+		BackgroundVariant,
+		MiniMap,
+		type NodeTypes
+	} from '@xyflow/svelte';
+
+	import CustomNode from './CustomNode.svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodeTypes: NodeTypes = {
+		custom: CustomNode
+	};
+
+	const nodes = writable([
+		{
+			id: '1',
+			type: 'custom',
+			data: { label: 'Input Node' },
+			position: { x: 150, y: 0 }
+		},
+		{
+			id: '2',
+			type: 'default',
+			data: { label: 'Node' },
+			position: { x: 0, y: 150 }
+		},
+		{
+			id: '3',
+			type: 'output',
+			data: { label: 'Output Node' },
+			position: { x: 300, y: 150 }
+		}
+	]);
+
+	const edges = writable([
+		{
+			id: '1-2',
+			source: '1',
+			target: '2'
+		},
+		{
+			id: '1-3',
+			source: '1',
+			target: '3'
+		}
+	]);
+</script>
+
+<main>
+	<SvelteFlow {nodes} {edges} {nodeTypes} fitView>
+		<Controls />
+		<Background variant={BackgroundVariant.Dots} />
+		<MiniMap />
+	</SvelteFlow>
+</main>
+
+<style>
+	main {
+		height: 100%;
+		display: flex;
+	}
+</style>
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 36957c684..3b04d4a12 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index a0dc8cb80..d4a40ac38 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -27,7 +27,6 @@ export function useSvelteFlow(): {
   nodes: SvelteFlowStore['nodes'];
   edges: SvelteFlowStore['edges'];
 } {
-  // how to get the new context here? fit view doesn't work, because the store is not updated (uses old nodes store)
   const {
     zoomIn,
     zoomOut,
diff --git a/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts b/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
new file mode 100644
index 000000000..9de907633
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
@@ -0,0 +1,28 @@
+import { get } from 'svelte/store';
+import type { UpdateNodeInternals, NodeDimensionUpdate } from '@xyflow/system';
+
+import { useStore } from '$lib/store';
+
+export function useUpdateNodeInternals(): UpdateNodeInternals {
+  const { domNode, updateNodeDimensions } = useStore();
+
+  // @todo: do we want to add this to system?
+  const updateInternals = (id: string | string[]) => {
+    const updateIds = Array.isArray(id) ? id : [id];
+    const updates = updateIds.reduce<NodeDimensionUpdate[]>((res, updateId) => {
+      const nodeElement = get(domNode)?.querySelector(
+        `.svelte-flow__node[data-id="${updateId}"]`
+      ) as HTMLDivElement;
+
+      if (nodeElement) {
+        res.push({ id: updateId, nodeElement, forceUpdate: true });
+      }
+
+      return res;
+    }, []);
+
+    requestAnimationFrame(() => updateNodeDimensions(updates));
+  };
+
+  return updateInternals;
+}
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index b3048f188..66b1af100 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -20,6 +20,7 @@ export { useStore } from '$lib/store';
 // utils
 export * from '$lib/utils';
 export * from '$lib/hooks/useSvelteFlow';
+export * from '$lib/hooks/useUpdateNodeInternals';
 
 // types
 export type { Edge, EdgeProps, EdgeTypes, DefaultEdgeOptions } from '$lib/types/edges';

From 5e92f093fd92aa1e5f624596d12ccd366cfd41ef Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 18 Sep 2023 13:41:55 +0200
Subject: [PATCH 0161/1093] [fix](svelte) exposed style for MiniMap

---
 packages/svelte/src/lib/plugins/Minimap/Minimap.svelte | 2 ++
 packages/svelte/src/lib/plugins/Minimap/types.ts       | 1 +
 2 files changed, 3 insertions(+)

diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index fc3676b8b..beb20d08d 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -34,6 +34,7 @@
   export let zoomable: $$Props['zoomable'] = true;
   export let inversePan: $$Props['inversePan'] = undefined;
   export let zoomStep: $$Props['zoomStep'] = undefined;
+  export let style: $$Props['style'] = '';
 
   let className: $$Props['class'] = '';
   export { className as class };
@@ -82,6 +83,7 @@
 
 <Panel
   {position}
+  {style}
   class={cc(['svelte-flow__minimap', className])}
   data-testid="svelte-flow__minimap"
 >
diff --git a/packages/svelte/src/lib/plugins/Minimap/types.ts b/packages/svelte/src/lib/plugins/Minimap/types.ts
index 27ac2f465..c141aac9e 100644
--- a/packages/svelte/src/lib/plugins/Minimap/types.ts
+++ b/packages/svelte/src/lib/plugins/Minimap/types.ts
@@ -16,6 +16,7 @@ export type MiniMapProps = {
   maskStrokeWidth?: number;
   position?: PanelPosition;
   class?: string;
+  style?: string;
   ariaLabel?: string | null;
   width?: number;
   height?: number;

From 087ef82618cb3b560e22ce6a5131120857277d01 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 18 Sep 2023 14:19:16 +0200
Subject: [PATCH 0162/1093] fix(svelte): pass dragHandle #3398

---
 .../svelte/src/routes/overview/+page.svelte   | 11 ++++++++++-
 .../overview/CustomNodeDragHandle.svelte      | 19 +++++++++++++++++++
 .../components/NodeWrapper/NodeWrapper.svelte |  2 +-
 3 files changed, 30 insertions(+), 2 deletions(-)
 create mode 100644 examples/svelte/src/routes/overview/CustomNodeDragHandle.svelte

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 36027a67c..5fdd7d476 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -15,12 +15,14 @@
 	} from '@xyflow/svelte';
 
 	import CustomNode from './CustomNode.svelte';
+	import CustomNodeDragHandle from './CustomNodeDragHandle.svelte';
 	import CustomEdge from './CustomEdge.svelte';
 
 	import '@xyflow/svelte/dist/style.css';
 
 	const nodeTypes: NodeTypes = {
-		custom: CustomNode
+		custom: CustomNode,
+		dragHandle: CustomNodeDragHandle
 	};
 
 	const edgeTypes: EdgeTypes = {
@@ -68,6 +70,13 @@
 			style: 'border: 2px solid #ff5050;',
 			position: { x: 450, y: 150 }
 		},
+		{
+			id: 'C',
+			type: 'dragHandle',
+			data: { label: 'custom drag handle' },
+			dragHandle: '.custom-drag-handle',
+			position: { x: 450, y: 250 }
+		},
 		{
 			id: '4',
 			type: 'custom',
diff --git a/examples/svelte/src/routes/overview/CustomNodeDragHandle.svelte b/examples/svelte/src/routes/overview/CustomNodeDragHandle.svelte
new file mode 100644
index 000000000..dcdddfc83
--- /dev/null
+++ b/examples/svelte/src/routes/overview/CustomNodeDragHandle.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	import type { NodeProps } from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+
+	export let data: { label: string } = { label: 'Node' };
+</script>
+
+<div class="custom">
+	<div>{data.label}</div>
+	<div class="custom-drag-handle" style="width:15px;height:15px;background:#222;" />
+</div>
+
+<style>
+	.custom {
+		background: white;
+		padding: 10px;
+	}
+</style>
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index a629c1071..8730b9e07 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -95,7 +95,7 @@
       nodeId: id,
       isSelectable: selectable,
       disabled: false,
-      handleSelector: undefined,
+      handleSelector: dragHandle,
       noDragClassName: 'nodrag',
       store
     }}

From 39a696afcb90efe47310cdc2a2162a84c754e9e9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 18 Sep 2023 15:59:21 +0200
Subject: [PATCH 0163/1093] chore(libs): add env files

---
 .gitignore                 | 1 -
 packages/react/.env        | 1 +
 packages/svelte/.env       | 1 +
 packages/svelte/.gitignore | 2 --
 4 files changed, 2 insertions(+), 3 deletions(-)
 create mode 100644 packages/react/.env
 create mode 100644 packages/svelte/.env

diff --git a/.gitignore b/.gitignore
index 86da1ac91..e567b884f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,7 +5,6 @@ examples/build
 cypress/videos
 cypress/screenshots
 dist
-.env
 stats.html
 .eslintcache
 .idea
diff --git a/packages/react/.env b/packages/react/.env
new file mode 100644
index 000000000..bb845868e
--- /dev/null
+++ b/packages/react/.env
@@ -0,0 +1 @@
+LIB=react
\ No newline at end of file
diff --git a/packages/svelte/.env b/packages/svelte/.env
new file mode 100644
index 000000000..da1be0278
--- /dev/null
+++ b/packages/svelte/.env
@@ -0,0 +1 @@
+LIB=svelte
\ No newline at end of file
diff --git a/packages/svelte/.gitignore b/packages/svelte/.gitignore
index 6635cf554..e91699ff5 100644
--- a/packages/svelte/.gitignore
+++ b/packages/svelte/.gitignore
@@ -3,8 +3,6 @@ node_modules
 /build
 /.svelte-kit
 /package
-.env
-.env.*
 !.env.example
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*

From aaf420f7996bad1334de8e78c36d99e2b9c112ae Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 18 Sep 2023 16:09:13 +0200
Subject: [PATCH 0164/1093] fix(svelte) background plugin pattern-color sets
 correct css variable

---
 packages/svelte/src/lib/plugins/Background/Background.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/plugins/Background/Background.svelte b/packages/svelte/src/lib/plugins/Background/Background.svelte
index 033cdb9f2..16d2f05d1 100644
--- a/packages/svelte/src/lib/plugins/Background/Background.svelte
+++ b/packages/svelte/src/lib/plugins/Background/Background.svelte
@@ -45,7 +45,7 @@
   class={cc(['svelte-flow__background', className])}
   data-testid="svelte-flow__background"
   style:--background-color-props={bgColor}
-  style:--pattern-color-props={patternColor}
+  style:--background-pattern-color-props={patternColor}
 >
   <pattern
     id={patternId}

From 1695b2828f5730965bb329d40bf4cfe9ae877f39 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 18 Sep 2023 16:10:51 +0200
Subject: [PATCH 0165/1093] chore(system): defaults for controls base styles

---
 packages/system/src/styles/init.css  | 17 +++++++++++++++++
 packages/system/src/styles/style.css | 13 -------------
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index b65c4df47..0bdb9f71f 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -297,3 +297,20 @@
     );
   }
 }
+
+.xy-flow__controls {
+  &-button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 26px;
+    width: 26px;
+    padding: 4px;
+
+    svg {
+      width: 100%;
+      max-width: 12px;
+      max-height: 12px;
+    }
+  }
+}
diff --git a/packages/system/src/styles/style.css b/packages/system/src/styles/style.css
index 350960465..99fa8876a 100644
--- a/packages/system/src/styles/style.css
+++ b/packages/system/src/styles/style.css
@@ -100,15 +100,8 @@
         var(--controls-button-border-color, var(--controls-button-border-color-default))
       );
     color: var(--controls-button-color-props, var(--controls-button-color, var(--controls-button-color-default)));
-    box-sizing: content-box;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 16px;
-    height: 16px;
     cursor: pointer;
     user-select: none;
-    padding: 5px;
 
     &:hover {
       background: var(
@@ -121,12 +114,6 @@
       );
     }
 
-    svg {
-      width: 100%;
-      max-width: 12px;
-      max-height: 12px;
-    }
-
     &:disabled {
       pointer-events: none;
 

From 572505ea15f2aa9b80fe838f3fd0855575ac6a85 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 18 Sep 2023 17:20:59 +0200
Subject: [PATCH 0166/1093] chore(marker-symbols): use style instead of svg
 attrs

---
 .../src/container/EdgeRenderer/MarkerSymbols.tsx   | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx b/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
index 8ae3bb520..13ebfd921 100644
--- a/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
+++ b/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
@@ -8,10 +8,12 @@ type SymbolProps = Omit<EdgeMarker, 'type'>;
 const ArrowSymbol = ({ color = 'none', strokeWidth = 1 }: SymbolProps) => {
   return (
     <polyline
-      stroke={color}
+      style={{
+        stroke: color,
+        strokeWidth,
+      }}
       strokeLinecap="round"
       strokeLinejoin="round"
-      strokeWidth={strokeWidth}
       fill="none"
       points="-5,-4 0,0 -5,4"
     />
@@ -21,11 +23,13 @@ const ArrowSymbol = ({ color = 'none', strokeWidth = 1 }: SymbolProps) => {
 const ArrowClosedSymbol = ({ color = 'none', strokeWidth = 1 }: SymbolProps) => {
   return (
     <polyline
-      stroke={color}
+      style={{
+        stroke: color,
+        fill: color,
+        strokeWidth,
+      }}
       strokeLinecap="round"
       strokeLinejoin="round"
-      strokeWidth={strokeWidth}
-      fill={color}
       points="-5,-4 0,0 -5,4 -5,-4"
     />
   );

From f4e9d9ad4c5799cd6b54f1e534216cae51b05afc Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 18 Sep 2023 17:36:53 +0200
Subject: [PATCH 0167/1093] fix(svelte) changed attribute names of className to
 class in MiniMap & Background plugins

---
 .../svelte/src/lib/plugins/Background/Background.svelte     | 6 +++---
 packages/svelte/src/lib/plugins/Background/types.ts         | 2 +-
 packages/svelte/src/lib/plugins/Minimap/Minimap.svelte      | 6 +++---
 packages/svelte/src/lib/plugins/Minimap/types.ts            | 2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/svelte/src/lib/plugins/Background/Background.svelte b/packages/svelte/src/lib/plugins/Background/Background.svelte
index 16d2f05d1..5086c210a 100644
--- a/packages/svelte/src/lib/plugins/Background/Background.svelte
+++ b/packages/svelte/src/lib/plugins/Background/Background.svelte
@@ -22,7 +22,7 @@
   export let lineWidth: $$Props['lineWidth'] = 1;
   export let bgColor: $$Props['bgColor'] = undefined;
   export let patternColor: $$Props['patternColor'] = undefined;
-  export let patternClassName: $$Props['patternClassName'] = undefined;
+  export let patternClass: $$Props['patternClass'] = undefined;
   let className: $$Props['class'] = '';
   export { className as class };
 
@@ -57,9 +57,9 @@
     patternTransform={`translate(-${patternOffset[0]},-${patternOffset[1]})`}
   >
     {#if isDots}
-      <DotPattern radius={scaledSize / 2} class={patternClassName} />
+      <DotPattern radius={scaledSize / 2} class={patternClass} />
     {:else}
-      <LinePattern dimensions={patternDimensions} {variant} {lineWidth} class={patternClassName} />
+      <LinePattern dimensions={patternDimensions} {variant} {lineWidth} class={patternClass} />
     {/if}
   </pattern>
   <rect x="0" y="0" width="100%" height="100%" fill={`url(#${patternId})`} />
diff --git a/packages/svelte/src/lib/plugins/Background/types.ts b/packages/svelte/src/lib/plugins/Background/types.ts
index d0935b4ce..dd6a4d3c0 100644
--- a/packages/svelte/src/lib/plugins/Background/types.ts
+++ b/packages/svelte/src/lib/plugins/Background/types.ts
@@ -7,7 +7,7 @@ export enum BackgroundVariant {
 export type BackgroundProps = {
   bgColor?: string;
   patternColor?: string;
-  patternClassName?: string;
+  patternClass?: string;
   class?: string;
   gap?: number | [number, number];
   size?: number;
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index beb20d08d..07ffde00b 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -21,7 +21,7 @@
   export let ariaLabel: $$Props['ariaLabel'] = 'Mini map';
   export let nodeStrokeColor: $$Props['nodeStrokeColor'] = 'transparent';
   export let nodeColor: $$Props['nodeColor'] = '#e2e2e2';
-  export let nodeClassName: $$Props['nodeClassName'] = '';
+  export let nodeClass: $$Props['nodeClass'] = '';
   export let nodeBorderRadius: $$Props['nodeBorderRadius'] = 5;
   export let nodeStrokeWidth: $$Props['nodeStrokeWidth'] = 2;
   export let bgColor: $$Props['bgColor'] = undefined;
@@ -53,7 +53,7 @@
 
   const nodeColorFunc = getAttrFunction(nodeColor);
   const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
-  const nodeClassNameFunc = getAttrFunction(nodeClassName);
+  const nodeClassFunc = getAttrFunction(nodeClass);
   const shapeRendering =
     typeof window === 'undefined' || !!window.chrome ? 'crispEdges' : 'geometricPrecision';
   const labelledBy = `svelte-flow__minimap-desc-${$flowId}`;
@@ -126,7 +126,7 @@
             strokeColor={nodeStrokeColorFunc(node)}
             strokeWidth={nodeStrokeWidth}
             {shapeRendering}
-            class={nodeClassNameFunc(node)}
+            class={nodeClassFunc(node)}
           />
         {/if}
       {/each}
diff --git a/packages/svelte/src/lib/plugins/Minimap/types.ts b/packages/svelte/src/lib/plugins/Minimap/types.ts
index c141aac9e..d39aab7ae 100644
--- a/packages/svelte/src/lib/plugins/Minimap/types.ts
+++ b/packages/svelte/src/lib/plugins/Minimap/types.ts
@@ -8,7 +8,7 @@ export type MiniMapProps = {
   bgColor?: string;
   nodeColor?: string | GetMiniMapNodeAttribute;
   nodeStrokeColor?: string | GetMiniMapNodeAttribute;
-  nodeClassName?: string | GetMiniMapNodeAttribute;
+  nodeClass?: string | GetMiniMapNodeAttribute;
   nodeBorderRadius?: number;
   nodeStrokeWidth?: number;
   maskColor?: string;

From 286753349e187ec41ea1dd7c2d5b62fb27ed1109 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 18 Sep 2023 17:45:21 +0200
Subject: [PATCH 0168/1093] fix(svelte) changed attribute names from className
 to class in zoom and drag actions

---
 packages/svelte/src/lib/actions/drag/index.ts | 4 ++--
 packages/svelte/src/lib/actions/zoom/index.ts | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index 692a17894..5a0d44366 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -6,7 +6,7 @@ import type { SvelteFlowStore } from '$lib/store/types';
 type UseDragParams = {
   store: SvelteFlowStore;
   disabled?: boolean;
-  noDragClassName?: string;
+  noDragClass?: string;
   handleSelector?: string;
   nodeId?: string;
   isSelectable?: boolean;
@@ -47,7 +47,7 @@ export default function drag(domNode: Element, params: UseDragParams) {
 
     dragInstance.update({
       domNode,
-      noDragClassName: params.noDragClassName,
+      noDragClassName: params.noDragClass,
       handleSelector: params.handleSelector,
       nodeId: params.nodeId,
       isSelectable: params.isSelectable
diff --git a/packages/svelte/src/lib/actions/zoom/index.ts b/packages/svelte/src/lib/actions/zoom/index.ts
index ce5797888..d85bc101a 100644
--- a/packages/svelte/src/lib/actions/zoom/index.ts
+++ b/packages/svelte/src/lib/actions/zoom/index.ts
@@ -30,6 +30,8 @@ type ZoomParams = {
   panOnScrollMode: PanOnScrollMode;
   zoomActivationKeyPressed: boolean;
   preventScrolling: boolean;
+  // last two instances of 'classname' being used
+  // changing it to class would require object restructuring for use with panZoomInstance.update
   noPanClassName: string;
   noWheelClassName: string;
   userSelectionActive: boolean;

From 581778c76f397cdd29713b94563e1e3c25cfb7a0 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 19 Sep 2023 13:32:32 +0200
Subject: [PATCH 0169/1093] fix(node-selection): cleanup selection when node is
 not selectable

---
 packages/system/src/xydrag/XYDrag.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 674d678c0..f56a40f46 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -208,7 +208,7 @@ export function XYDrag({
           unselectNodesAndEdges,
         } = getStoreItems();
 
-        if (!selectNodesOnDrag && !multiSelectionActive && nodeId) {
+        if ((!selectNodesOnDrag || !isSelectable) && !multiSelectionActive && nodeId) {
           if (!nodes.find((n) => n.id === nodeId)?.selected) {
             // we need to reset selected nodes when selectNodesOnDrag=false
             unselectNodesAndEdges();

From c848e32f1dfa598124443a311f3ac6535cd64279 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 19 Sep 2023 14:27:38 +0200
Subject: [PATCH 0170/1093] fix(node-wrapper): use noDragClass

---
 .../svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 8730b9e07..0e697afdd 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -96,7 +96,7 @@
       isSelectable: selectable,
       disabled: false,
       handleSelector: dragHandle,
-      noDragClassName: 'nodrag',
+      noDragClass: 'nodrag',
       store
     }}
     bind:this={nodeRef}

From edbc67e8c4a16f0a36d8ea6dfd88774ec48b8028 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 19 Sep 2023 14:36:04 +0200
Subject: [PATCH 0171/1093] feat(svelte) fixed on:connectstart and
 on:connectend

---
 .../svelte/src/lib/components/Handle/Handle.svelte    | 11 ++++++++++-
 packages/svelte/src/lib/container/SvelteFlow/types.ts |  4 ++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index ff1ca8e41..ac938374c 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -70,7 +70,16 @@
         updateConnection,
         cancelConnection,
         panBy,
-        onConnect: onConnectExtended,
+        onConnect: (params) => {
+          addEdge(params);
+          dispatch('connect', params);
+        },
+        onConnectStart: (event, params) => {
+          dispatch('connectstart', { event, params });
+        },
+        onConnectEnd: (event) => {
+          dispatch('connectend', event);
+        },
         getTransform: () => $transform
       });
     }
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index b6d121047..26b60f828 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -64,9 +64,9 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   'on:nodemousemove'?: CustomEvent<Node>;
   'on:nodemouseleave'?: CustomEvent<Node>;
   'on:edgeclick'?: CustomEvent<Edge>;
-  'on:connectstart'?: CustomEvent<OnConnectStartParams>;
+  'on:connectstart'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
   'on:connect'?: CustomEvent<Connection>;
-  'on:connectend'?: CustomEvent<OnConnectStartParams>;
+  'on:connectend'?: CustomEvent<MouseEvent | TouchEvent>;
   'on:paneclick'?: CustomEvent;
   'on:panecontextmenu'?: CustomEvent;
 };

From e27566f27921930d3d02e608a32228b4c984030d Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 19 Sep 2023 14:54:43 +0200
Subject: [PATCH 0172/1093] fix(svelte) fixed type for on:connectstart

---
 packages/svelte/src/lib/container/SvelteFlow/types.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 26b60f828..db9ae3084 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -64,7 +64,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   'on:nodemousemove'?: CustomEvent<Node>;
   'on:nodemouseleave'?: CustomEvent<Node>;
   'on:edgeclick'?: CustomEvent<Edge>;
-  'on:connectstart'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
+  'on:connectstart'?: CustomEvent<{ event: MouseEvent | TouchEvent; params: OnConnectStartParams }>;
   'on:connect'?: CustomEvent<Connection>;
   'on:connectend'?: CustomEvent<MouseEvent | TouchEvent>;
   'on:paneclick'?: CustomEvent;

From 1c2bcbef34e539d395cdf1bbdaad062dab5cf6f4 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 19 Sep 2023 15:23:10 +0200
Subject: [PATCH 0173/1093] fix(svelte) adjusted svelteflow types for connect
 events

---
 .../src/lib/components/Handle/Handle.svelte     | 17 +++++++++++------
 .../src/lib/container/SvelteFlow/types.ts       | 14 ++++++++++----
 2 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index ac938374c..c3af20ed1 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -70,15 +70,20 @@
         updateConnection,
         cancelConnection,
         panBy,
-        onConnect: (params) => {
-          addEdge(params);
-          dispatch('connect', params);
+        onConnect: (connection) => {
+          addEdge(connection);
+          dispatch('connect', { connection: connection });
         },
-        onConnectStart: (event, params) => {
-          dispatch('connectstart', { event, params });
+        onConnectStart: (event, startParams) => {
+          dispatch('connectstart', {
+            event,
+            nodeId: startParams.nodeId,
+            handleId: startParams.handleId,
+            handleType: startParams.handleType
+          });
         },
         onConnectEnd: (event) => {
-          dispatch('connectend', event);
+          dispatch('connectend', { event });
         },
         getTransform: () => $transform
       });
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index db9ae3084..a529bc02a 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -12,7 +12,8 @@ import type {
   OnMoveEnd,
   CoordinateExtent,
   PanOnScrollMode,
-  IsValidConnection
+  IsValidConnection,
+  HandleType
 } from '@xyflow/system';
 
 import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types';
@@ -64,9 +65,14 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   'on:nodemousemove'?: CustomEvent<Node>;
   'on:nodemouseleave'?: CustomEvent<Node>;
   'on:edgeclick'?: CustomEvent<Edge>;
-  'on:connectstart'?: CustomEvent<{ event: MouseEvent | TouchEvent; params: OnConnectStartParams }>;
-  'on:connect'?: CustomEvent<Connection>;
-  'on:connectend'?: CustomEvent<MouseEvent | TouchEvent>;
+  'on:connectstart'?: CustomEvent<{
+    event: MouseEvent | TouchEvent;
+    nodeId?: string;
+    handleId?: string;
+    handleType?: HandleType;
+  }>;
+  'on:connect'?: CustomEvent<{ connection: Connection }>;
+  'on:connectend'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
   'on:paneclick'?: CustomEvent;
   'on:panecontextmenu'?: CustomEvent;
 };

From a7228ab5d173859f1a1e17b7fc7fb5878829fbf4 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 19 Sep 2023 15:31:05 +0200
Subject: [PATCH 0174/1093] chore(svelte): add changelog

---
 packages/svelte/CHANGELOG.md | 71 ++++++++++++++++++++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 packages/svelte/CHANGELOG.md

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
new file mode 100644
index 000000000..1ad9f9832
--- /dev/null
+++ b/packages/svelte/CHANGELOG.md
@@ -0,0 +1,71 @@
+## 0.0.19
+
+- make it possible to change edge type dynamically
+- fix hiden attribute for nodes and edges
+- add `useUpdateNodeInternals` hook
+
+## 0.0.18
+
+- add `nodesDraggable` prop 
+- minimap: add default background
+
+## 0.0.17
+
+- export `useStore` to access internals
+
+## 0.0.16
+
+- center edge label by default
+
+## 0.0.15
+
+- fix wrongly displayed connectionline 
+
+## 0.0.14
+
+- export css correctly
+
+## 0.0.13
+
+- from now on it's necessary to import the styles like `@xyflow/svelte/styles/style.css` or `@xyflow/svelte/styles/base.css`. This makes it easier to work with tailwind or overwrite styles with regular CSS.
+
+## 0.0.7 ... 0.0.12
+
+- fix event handlers and rename from `on:node:click` to `on:nodeclick`
+- add `panActivationKey` prop
+- elevate nodes by default when selected
+- use css vars internally and let users overwrite them
+
+## 0.0.6
+
+- use svelte 4
+
+## 0.0.5
+
+this release fixes the path bug introduced in 0.0.4
+
+## 0.0.4
+
+this version is broken because of a wrong path in the package.json
+
+## 0.0.3
+
+- add `snapGrid` prop
+- add `onlyRenderVisibleElements` prop
+- cleanup some exports and types
+
+## 0.0.2
+
+- add `connectionRadius`
+
+## 0.0.1 
+
+Svelte Flow alpha is here 🔥 You can expect some changes until we reach 1.0.0 but we try to stick as close as possible to the React Flow API. There are no docs yet, but we are working on it! For now the easiest way is to use the autocomplete of your IDE, lookup the props in the SvelteFlow component or check out the React Flow docs. 
+
+This very first release comes with lots of features already:
+
+- pass `nodes` and `edges` as writables 
+- draggable, selectable and deletable nodes 
+- support for custom `nodeTypes` and `edgeTypes`
+- basic viewport settings like `fitView`, `minZoom` and `maxZoom`
+- additional components: `<MiniMap />`, `<Controls />` & `<Background />` 
\ No newline at end of file

From accfc9d200c1bd68a7f542796edd2063092f7533 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 19 Sep 2023 15:37:08 +0200
Subject: [PATCH 0175/1093] chore(svelte): cleanup handle component

---
 .../src/lib/components/Handle/Handle.svelte      | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index c3af20ed1..d53109238 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { getContext, createEventDispatcher } from 'svelte';
   import cc from 'classcat';
-  import { Position, type Connection, XYHandle, isMouseEvent } from '@xyflow/system';
+  import { Position, XYHandle, isMouseEvent } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import type { HandleComponentProps } from '$lib/types';
@@ -43,15 +43,6 @@
     updateConnection
   } = store;
 
-  function dispatchEvent(eventName: string, params?: Connection) {
-    dispatch(eventName, params || { nodeId, handleId, type });
-  }
-
-  function onConnectExtended(params: Connection) {
-    addEdge(params);
-    dispatchEvent('connect', params);
-  }
-
   function onPointerDown(event: MouseEvent | TouchEvent) {
     const isMouseTriggered = isMouseEvent(event);
 
@@ -72,7 +63,10 @@
         panBy,
         onConnect: (connection) => {
           addEdge(connection);
-          dispatch('connect', { connection: connection });
+
+          // @todo: should we change/ improve the stuff we are passing here?
+          // instead of source/target we could pass fromNodeId, fromHandleId, etc
+          dispatch('connect', { connection });
         },
         onConnectStart: (event, startParams) => {
           dispatch('connectstart', {

From a33351fb9f68d5f862fb332b73569f224f5c3bbd Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 19 Sep 2023 15:43:37 +0200
Subject: [PATCH 0176/1093] refactor(svelte): use same data passing convention
 for all custom events

---
 .../components/EdgeWrapper/EdgeWrapper.svelte    |  4 ++--
 .../components/NodeWrapper/NodeWrapper.svelte    | 16 ++++++++--------
 .../svelte/src/lib/container/Pane/Pane.svelte    |  6 +++---
 .../svelte/src/lib/container/SvelteFlow/types.ts | 15 +++++++--------
 4 files changed, 20 insertions(+), 21 deletions(-)

diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index c73904087..aabff7b71 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -41,13 +41,13 @@
   $: markerStartUrl = markerStart ? `url(#${getMarkerId(markerStart, $flowId)})` : undefined;
   $: markerEndUrl = markerEnd ? `url(#${getMarkerId(markerEnd, $flowId)})` : undefined;
 
-  function onClick() {
+  function onClick(event: MouseEvent | TouchEvent) {
     if (selectable) {
       addSelectedEdges([id]);
     }
 
     const edge = $edges.find((e) => e.id === id);
-    dispatch('edgeclick', edge);
+    dispatch('edgeclick', { event, edge });
   }
 </script>
 
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 0e697afdd..17c8e4cee 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -69,21 +69,21 @@
     };
   });
 
-  function dispatchEvent(eventName: string) {
+  function dispatchEvent(eventName: string, event?: MouseEvent | TouchEvent) {
     const node = $nodes.find((n) => n.id === id);
-    dispatch(eventName, node);
+    dispatch(eventName, { node, event });
   }
 
-  function onSelectNodeHandler(event: MouseEvent) {
+  function onSelectNodeHandler(event: MouseEvent | TouchEvent) {
     if (selectable && (!selectNodesOnDrag || !draggable)) {
       // this handler gets called within the drag start event when selectNodesOnDrag=true
       addSelectedNodes([id]);
     }
 
     // @todo: support multiselection
-
-    dispatchEvent('nodeclick');
+    dispatchEvent('nodeclick', event);
   }
+
   // @todo: add selectable state
 </script>
 
@@ -112,9 +112,9 @@
     style:transform="translate({positionOrigin?.x ?? 0}px, {positionOrigin?.y ?? 0}px)"
     {style}
     on:click={onSelectNodeHandler}
-    on:mouseenter={() => dispatchEvent('nodemouseenter')}
-    on:mouseleave={() => dispatchEvent('nodemouseleave')}
-    on:mousemove={() => dispatchEvent('nodemousemove')}
+    on:mouseenter={(event) => dispatchEvent('nodemouseenter', event)}
+    on:mouseleave={(event) => dispatchEvent('nodemouseleave', event)}
+    on:mousemove={(event) => dispatchEvent('nodemousemove', event)}
   >
     <svelte:component
       this={nodeComponent}
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index d98fb1062..1305ccdcb 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -64,8 +64,8 @@
   $: hasActiveSelection = $elementsSelectable && (isSelecting || $selectionRectMode === 'user');
   $: _panOnDrag = $panActivationKeyPressed || panOnDrag;
 
-  function onClick(event: MouseEvent) {
-    dispatch('paneclick', event);
+  function onClick(event: MouseEvent | TouchEvent) {
+    dispatch('paneclick', { event });
 
     unselectNodesAndEdges();
     selectionRectMode.set(null);
@@ -180,7 +180,7 @@
       return;
     }
 
-    dispatch('panecontextmenu', event);
+    dispatch('panecontextmenu', { event });
   };
 </script>
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index a529bc02a..97d5a3a95 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -3,7 +3,6 @@ import type {
   Connection,
   ConnectionLineType,
   NodeOrigin,
-  OnConnectStartParams,
   Viewport,
   SelectionMode,
   SnapGrid,
@@ -60,11 +59,11 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   onMove?: OnMove;
   onMoveEnd?: OnMoveEnd;
 
-  'on:nodeclick'?: CustomEvent<Node>;
-  'on:nodemouseenter'?: CustomEvent<Node>;
-  'on:nodemousemove'?: CustomEvent<Node>;
-  'on:nodemouseleave'?: CustomEvent<Node>;
-  'on:edgeclick'?: CustomEvent<Edge>;
+  'on:nodeclick'?: CustomEvent<{ event: MouseEvent | TouchEvent; node: Node }>;
+  'on:nodemouseenter'?: CustomEvent<{ event: MouseEvent; node: Node }>;
+  'on:nodemousemove'?: CustomEvent<{ event: MouseEvent; node: Node }>;
+  'on:nodemouseleave'?: CustomEvent<{ event: MouseEvent; node: Node }>;
+  'on:edgeclick'?: CustomEvent<{ event: MouseEvent; edge: Edge }>;
   'on:connectstart'?: CustomEvent<{
     event: MouseEvent | TouchEvent;
     nodeId?: string;
@@ -73,6 +72,6 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   }>;
   'on:connect'?: CustomEvent<{ connection: Connection }>;
   'on:connectend'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
-  'on:paneclick'?: CustomEvent;
-  'on:panecontextmenu'?: CustomEvent;
+  'on:paneclick'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
+  'on:panecontextmenu'?: CustomEvent<{ event: MouseEvent }>;
 };

From c0d5475b5d8a5117e93e471bd54916f2db95bbdc Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 19 Sep 2023 15:54:02 +0200
Subject: [PATCH 0177/1093] chore(svelte): update changelog

---
 packages/svelte/CHANGELOG.md | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 1ad9f9832..491aa21f6 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,7 +1,17 @@
+## 0.0.20
+
+- [breaking change] use same convention for all custom events: Always pass the original event if possible and additional data
+  - before: `on:nodeclick: CustomEvent<Node>`
+  - after: `on:nodeclick: CustomEvent<{event: MouseEvent, node: Node}>`
+- fix `on:connectstart` and `on:connectend` handlers
+- fix default styles for `<Controls />` component
+- fix `dragHandle` node option
+- expose `style` prop for minimap
+
 ## 0.0.19
 
 - make it possible to change edge type dynamically
-- fix hiden attribute for nodes and edges
+- fix `hidden` option for nodes and edges
 - add `useUpdateNodeInternals` hook
 
 ## 0.0.18
@@ -27,7 +37,7 @@
 
 ## 0.0.13
 
-- from now on it's necessary to import the styles like `@xyflow/svelte/styles/style.css` or `@xyflow/svelte/styles/base.css`. This makes it easier to work with tailwind or overwrite styles with regular CSS.
+- [breaking change] from now on it's necessary to import the styles like `@xyflow/svelte/styles/style.css` or `@xyflow/svelte/styles/base.css`. This makes it easier to work with tailwind or overwrite styles with regular CSS.
 
 ## 0.0.7 ... 0.0.12
 

From bc0620d1e677e9f89825413ab03aa07c90171a69 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 19 Sep 2023 15:55:04 +0200
Subject: [PATCH 0178/1093] chore(packages): bump

---
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 3b04d4a12..1eee25b6f 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index adad97533..e1f6f65a8 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 3eb9c12c20a4f2849dff32f5a62e3f141b9fbfd3 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 19 Sep 2023 16:51:17 +0200
Subject: [PATCH 0179/1093] chore(react): remove unused prop

---
 packages/react/src/types/component-props.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index f49b5097c..65e47b6ab 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -115,7 +115,6 @@ export type ReactFlowProps = HTMLAttributes<HTMLDivElement> & {
   nodeOrigin?: NodeOrigin;
   edgesFocusable?: boolean;
   edgesUpdatable?: boolean;
-  initNodeOrigin?: NodeOrigin;
   elementsSelectable?: boolean;
   selectNodesOnDrag?: boolean;
   panOnDrag?: boolean | number[];

From 3c3239afd8788527153570c33be0103bf97c8de8 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 20 Sep 2023 12:05:16 +0200
Subject: [PATCH 0180/1093] feat(svelte) added nodedrag events

---
 examples/svelte/src/routes/overview/+page.svelte     |  9 +++++++++
 packages/svelte/src/lib/actions/drag/index.ts        | 12 +++++++++---
 .../lib/components/NodeWrapper/NodeWrapper.svelte    |  9 +++++++++
 .../lib/container/NodeRenderer/NodeRenderer.svelte   |  3 +++
 .../src/lib/container/SvelteFlow/SvelteFlow.svelte   |  3 +++
 .../svelte/src/lib/container/SvelteFlow/types.ts     |  6 +++++-
 6 files changed, 38 insertions(+), 4 deletions(-)

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 5fdd7d476..2a290401a 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -167,6 +167,15 @@
 		event.preventDefault();
 		console.log('on pane contextmenu', event);
 	}}
+	on:nodedrag={(event) => {
+		console.log('on node drag', event);
+	}}
+	on:nodedragstart={(event) => {
+		console.log('on node drag start', event);
+	}}
+	on:nodedragstop={(event) => {
+		console.log('on node drag stop', event);
+	}}
 >
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />
diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index 5a0d44366..276e319cc 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -1,22 +1,28 @@
 import { get } from 'svelte/store';
-import { XYDrag } from '@xyflow/system';
+import { XYDrag, type OnDrag } from '@xyflow/system';
 
 import type { SvelteFlowStore } from '$lib/store/types';
 
-type UseDragParams = {
+export type UseDragParams = {
   store: SvelteFlowStore;
   disabled?: boolean;
   noDragClass?: string;
   handleSelector?: string;
   nodeId?: string;
   isSelectable?: boolean;
+  onDrag?: OnDrag;
+  onDragStart?: OnDrag;
+  onDragStop?: OnDrag;
 };
 
 export default function drag(domNode: Element, params: UseDragParams) {
+  const { store, onDrag, onDragStart, onDragStop } = params;
   const dragInstance = XYDrag({
     domNode,
+    onDrag,
+    onDragStart,
+    onDragStop,
     getStoreItems: () => {
-      const { store } = params;
       const snapGrid = get(store.snapGrid);
 
       return {
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 17c8e4cee..7e18ee610 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -97,6 +97,15 @@
       disabled: false,
       handleSelector: dragHandle,
       noDragClass: 'nodrag',
+      onDrag: (event, _, node, nodes) => {
+        dispatch('nodedrag', { event, node, nodes });
+      },
+      onDragStart: (event, _, node, nodes) => {
+        dispatch('nodedragstart', { event, node, nodes });
+      },
+      onDragStop: (event, _, node, nodes) => {
+        dispatch('nodedragstop', { event, node, nodes });
+      },
       store
     }}
     bind:this={nodeRef}
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index bc30ea1a6..a695b03d0 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -72,6 +72,9 @@
       on:connectstart
       on:connect
       on:connectend
+      on:nodedrag
+      on:nodedragstart
+      on:nodedragstop
     />
   {/each}
 </div>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index bb3593024..2d6da2540 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -154,6 +154,9 @@
           on:connectstart
           on:connect
           on:connectend
+          on:nodedrag
+          on:nodedragstart
+          on:nodedragstop
         />
         <NodeSelection />
       </ViewportComponent>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 97d5a3a95..2b145942b 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -12,7 +12,8 @@ import type {
   CoordinateExtent,
   PanOnScrollMode,
   IsValidConnection,
-  HandleType
+  HandleType,
+  NodeBase
 } from '@xyflow/system';
 
 import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types';
@@ -74,4 +75,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   'on:connectend'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
   'on:paneclick'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
   'on:panecontextmenu'?: CustomEvent<{ event: MouseEvent }>;
+  'on:nodedrag'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
+  'on:nodedragstop'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
+  'on:nodedragstart'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
 };

From 4dd231a3c9c174ce7a7a3f9d0494ae90be5ca7bb Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 20 Sep 2023 13:06:59 +0200
Subject: [PATCH 0181/1093] chore(svelte-examples) made examples more svelty

---
 .../svelte/src/routes/overview/+page.svelte   | 28 +++----------------
 1 file changed, 4 insertions(+), 24 deletions(-)

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 5fdd7d476..27aac391d 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -110,33 +110,13 @@
 	]);
 
 	function updateNode() {
-		nodes.update((nds) =>
-			nds.map((n) => {
-				if (n.id === '1') {
-					return {
-						...n,
-						position: { x: n.position.x + 20, y: n.position.y }
-					};
-				}
-
-				return n;
-			})
-		);
+		$nodes[0].position.x += 20;
+		$nodes = $nodes;
 	}
 
 	function updateEdge() {
-		edges.update((eds) =>
-			eds.map((edge) => {
-				if (edge.id === '1-2') {
-					return {
-						...edge,
-						type: edge.type === 'default' ? 'smoothstep' : 'default'
-					};
-				}
-
-				return edge;
-			})
-		);
+		$edges[0].type = $edges[0].type === 'default' ? 'smoothstep' : 'default';
+		$edges = $edges;
 	}
 
 	$: {

From 57413926443f79f5cf4720b21b46dffdda522786 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 20 Sep 2023 15:14:52 +0200
Subject: [PATCH 0182/1093] feat(svelte) added on:nodecontextmenu

---
 examples/svelte/src/routes/overview/+page.svelte               | 3 +++
 .../svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte   | 1 +
 .../svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte  | 1 +
 packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte | 1 +
 packages/svelte/src/lib/container/SvelteFlow/types.ts          | 1 +
 5 files changed, 7 insertions(+)

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 2a290401a..38a79a3fe 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -176,6 +176,9 @@
 	on:nodedragstop={(event) => {
 		console.log('on node drag stop', event);
 	}}
+	on:nodecontextmenu={(event) => {
+		console.log('on node contextmenu', event);
+	}}
 >
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 7e18ee610..2be5c0987 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -124,6 +124,7 @@
     on:mouseenter={(event) => dispatchEvent('nodemouseenter', event)}
     on:mouseleave={(event) => dispatchEvent('nodemouseleave', event)}
     on:mousemove={(event) => dispatchEvent('nodemousemove', event)}
+    on:contextmenu={(event) => dispatchEvent('nodecontextmenu', event)}
   >
     <svelte:component
       this={nodeComponent}
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index a695b03d0..c35e11d68 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -75,6 +75,7 @@
       on:nodedrag
       on:nodedragstart
       on:nodedragstop
+      on:nodecontextmenu
     />
   {/each}
 </div>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 2d6da2540..18b0c722c 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -157,6 +157,7 @@
           on:nodedrag
           on:nodedragstart
           on:nodedragstop
+          on:nodecontextmenu
         />
         <NodeSelection />
       </ViewportComponent>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 2b145942b..61e3f8c87 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -78,4 +78,5 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   'on:nodedrag'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
   'on:nodedragstop'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
   'on:nodedragstart'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
+  'on:nodecontextmenu'?: CustomEvent<{ event: MouseEvent; node: NodeBase }>;
 };

From c7f62885aacdf17499c3ee38f77f12030689f467 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 20 Sep 2023 15:34:19 +0200
Subject: [PATCH 0183/1093] fix(svelte) removed the need to search through all
 nodes when moving mouse over node

---
 .../components/NodeWrapper/NodeWrapper.svelte    | 16 ++++++----------
 .../src/lib/components/NodeWrapper/types.ts      |  1 +
 .../container/NodeRenderer/NodeRenderer.svelte   |  1 +
 3 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 17c8e4cee..3d14c4a63 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -17,6 +17,7 @@
 
   interface $$Props extends NodeWrapperProps {}
 
+  export let node: NodeWrapperProps['node'];
   export let id: NodeWrapperProps['id'];
   export let data: NodeWrapperProps['data'] = {};
   export let selected: NodeWrapperProps['selected'] = false;
@@ -39,7 +40,7 @@
   export { className as class };
 
   const store = useStore();
-  const { nodes, nodeTypes, addSelectedNodes } = store;
+  const { nodeTypes, addSelectedNodes } = store;
 
   let nodeRef: HTMLDivElement;
   const nodeTypeValid = !!$nodeTypes[type!];
@@ -69,11 +70,6 @@
     };
   });
 
-  function dispatchEvent(eventName: string, event?: MouseEvent | TouchEvent) {
-    const node = $nodes.find((n) => n.id === id);
-    dispatch(eventName, { node, event });
-  }
-
   function onSelectNodeHandler(event: MouseEvent | TouchEvent) {
     if (selectable && (!selectNodesOnDrag || !draggable)) {
       // this handler gets called within the drag start event when selectNodesOnDrag=true
@@ -81,7 +77,7 @@
     }
 
     // @todo: support multiselection
-    dispatchEvent('nodeclick', event);
+    dispatch('nodeclick', { node, event });
   }
 
   // @todo: add selectable state
@@ -112,9 +108,9 @@
     style:transform="translate({positionOrigin?.x ?? 0}px, {positionOrigin?.y ?? 0}px)"
     {style}
     on:click={onSelectNodeHandler}
-    on:mouseenter={(event) => dispatchEvent('nodemouseenter', event)}
-    on:mouseleave={(event) => dispatchEvent('nodemouseleave', event)}
-    on:mousemove={(event) => dispatchEvent('nodemousemove', event)}
+    on:mouseenter={(event) => dispatch('nodemouseenter', { node, event })}
+    on:mouseleave={(event) => dispatch('nodemouseleave', { node, event })}
+    on:mousemove={(event) => dispatch('nodemousemove', { node, event })}
   >
     <svelte:component
       this={nodeComponent}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index 02788d7a3..83d27e84d 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -26,4 +26,5 @@ export type NodeWrapperProps = Pick<
   resizeObserver?: ResizeObserver | null;
   isParent?: boolean;
   zIndex: number;
+  node: Node;
 };
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index bc30ea1a6..7c59373f6 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -40,6 +40,7 @@
       origin: node.origin
     })}
     <NodeWrapper
+      {node}
       id={node.id}
       data={node.data}
       selected={!!node.selected}

From c61a9f3c9bbdb2cbd51a0f842d2734bcdfdfb16b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 20 Sep 2023 15:51:17 +0200
Subject: [PATCH 0184/1093] chore(svelte): cleanup node drag handlers, add to
 changelog

---
 examples/svelte/src/routes/overview/+page.svelte             | 2 +-
 packages/svelte/CHANGELOG.md                                 | 5 +++++
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte    | 2 +-
 packages/svelte/src/lib/container/SvelteFlow/types.ts        | 2 +-
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 38a79a3fe..c975744f8 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -164,7 +164,6 @@
 	on:connectend={(event) => console.log('on connect end', event)}
 	on:paneclick={(event) => console.log('on pane click', event)}
 	on:panecontextmenu={(event) => {
-		event.preventDefault();
 		console.log('on pane contextmenu', event);
 	}}
 	on:nodedrag={(event) => {
@@ -177,6 +176,7 @@
 		console.log('on node drag stop', event);
 	}}
 	on:nodecontextmenu={(event) => {
+		event.detail.event.preventDefault();
 		console.log('on node contextmenu', event);
 	}}
 >
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 491aa21f6..30da979c4 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,3 +1,8 @@
+## 0.0.21
+
+- add `on:nodedragstart`, `on:nodedrag` and `on:nodedragstop`
+- add `on:nodecontextmenu`
+
 ## 0.0.20
 
 - [breaking change] use same convention for all custom events: Always pass the original event if possible and additional data
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 18b0c722c..0b2fac706 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -154,8 +154,8 @@
           on:connectstart
           on:connect
           on:connectend
-          on:nodedrag
           on:nodedragstart
+          on:nodedrag
           on:nodedragstop
           on:nodecontextmenu
         />
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 61e3f8c87..1c2f6ebb3 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -75,8 +75,8 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   'on:connectend'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
   'on:paneclick'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
   'on:panecontextmenu'?: CustomEvent<{ event: MouseEvent }>;
+  'on:nodedragstart'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
   'on:nodedrag'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
   'on:nodedragstop'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
-  'on:nodedragstart'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
   'on:nodecontextmenu'?: CustomEvent<{ event: MouseEvent; node: NodeBase }>;
 };

From d595e0b6bfa8f99b77ee9b876532ad00fcf47527 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 20 Sep 2023 16:15:04 +0200
Subject: [PATCH 0185/1093] fix(svelte): dont pan when dragHandle is beinng
 used

---
 .../svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte     | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 058f6dc69..fd44335ac 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -112,6 +112,7 @@
     class:draggable
     class:connectable
     class:selectable
+    class:nopan={draggable}
     class:parent={isParent}
     style:z-index={zIndex}
     style:transform="translate({positionOrigin?.x ?? 0}px, {positionOrigin?.y ?? 0}px)"

From 8846deb8e8a113065094e08c2b1248cced3e9a69 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 20 Sep 2023 16:24:40 +0200
Subject: [PATCH 0186/1093] fix(system): nopan doesn't work when used with
 panOnScroll

---
 packages/system/src/xypanzoom/filter.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/system/src/xypanzoom/filter.ts b/packages/system/src/xypanzoom/filter.ts
index 232c66af7..c0d0adddb 100644
--- a/packages/system/src/xypanzoom/filter.ts
+++ b/packages/system/src/xypanzoom/filter.ts
@@ -59,7 +59,10 @@ export function createFilter({
     }
 
     // if the target element is inside an element with the nopan class, we prevent panning
-    if (isWrappedWithClass(event, noPanClassName) && event.type !== 'wheel') {
+    if (
+      isWrappedWithClass(event, noPanClassName) &&
+      ((!panOnScroll && event.type !== 'wheel') || (panOnScroll && event.type === 'wheel'))
+    ) {
       return false;
     }
 

From 1e2ba65fce899178fc0dd817b73fe54fba61eadc Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 20 Sep 2023 16:25:44 +0200
Subject: [PATCH 0187/1093] chore(svelte): bump

---
 packages/svelte/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 1eee25b6f..131d7922c 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",

From fdb50e8ba4f10855439457a6c46926989fe1de7e Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 21 Sep 2023 10:27:05 +0200
Subject: [PATCH 0188/1093] fix(svelte) edge classes get applied

---
 .../svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte   | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index aabff7b71..e22f5c89f 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -33,6 +33,8 @@
   export let targetPosition: $$Props['targetPosition'];
   export let ariaLabel: $$Props['ariaLabel'] = undefined;
   // @ todo: support edge updates
+  let className: string = '';
+  export { className as class };
 
   const { edges, edgeTypes, flowId, addSelectedEdges } = useStore();
   const dispatch = createEventDispatcher();
@@ -69,6 +71,7 @@
   >
     <svelte:component
       this={edgeComponent}
+      class={className}
       {id}
       {source}
       {target}

From 6b7e72b06c51912ccee49471fb84cfccb4fb4086 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 21 Sep 2023 12:59:56 +0200
Subject: [PATCH 0189/1093] feat(svelte) add autoPanOnConnect autoPanOnNodeDrag
 props

---
 examples/svelte/src/routes/overview/+page.svelte            | 2 ++
 packages/svelte/src/lib/components/Handle/Handle.svelte     | 5 +++--
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte   | 6 +++++-
 packages/svelte/src/lib/container/SvelteFlow/types.ts       | 2 ++
 packages/svelte/src/lib/container/SvelteFlow/utils.ts       | 2 ++
 packages/svelte/src/lib/store/initial-store.ts              | 1 +
 6 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 31a8d4595..05bc506b3 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -159,6 +159,8 @@
 		event.detail.event.preventDefault();
 		console.log('on node contextmenu', event);
 	}}
+	autoPanOnConnect
+	autoPanOnNodeDrag
 >
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index d53109238..0108357be 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -40,7 +40,8 @@
     addEdge,
     panBy,
     cancelConnection,
-    updateConnection
+    updateConnection,
+    autoPanOnConnect
   } = store;
 
   function onPointerDown(event: MouseEvent | TouchEvent) {
@@ -56,7 +57,7 @@
         nodes: $nodes,
         connectionMode: $connectionMode,
         lib: $lib,
-        autoPanOnConnect: true,
+        autoPanOnConnect: $autoPanOnConnect,
         isValidConnection: $isValidConnection,
         updateConnection,
         cancelConnection,
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 0b2fac706..a24d7aaac 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -51,6 +51,8 @@
   export let zoomOnPinch: boolean = true;
   export let panOnScroll: boolean = false;
   export let panOnDrag: boolean | number[] = true;
+  export let autoPanOnConnect: $$Props['autoPanOnConnect'] = true;
+  export let autoPanOnNodeDrag: $$Props['autoPanOnNodeDrag'] = true;
 
   export let defaultMarkerColor = '#b1b1b7';
 
@@ -102,7 +104,9 @@
       nodesConnectable,
       elementsSelectable,
       onlyRenderVisibleElements,
-      isValidConnection
+      isValidConnection,
+      autoPanOnConnect,
+      autoPanOnNodeDrag
     };
 
     updateStoreByKeys(store, updatableProps);
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 1c2f6ebb3..2e7d8a532 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -49,6 +49,8 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   panOnScroll?: boolean;
   panOnDrag?: boolean | number[];
   onlyRenderVisibleElements?: boolean;
+  autoPanOnConnect?: boolean;
+  autoPanOnNodeDrag?: boolean;
 
   class?: string;
   style?: string;
diff --git a/packages/svelte/src/lib/container/SvelteFlow/utils.ts b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
index ce82b5cd0..f06a8dab7 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/utils.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
@@ -59,6 +59,8 @@ export type UpdatableStoreProps = {
   elementsSelectable?: UnwrapWritable<SvelteFlowStore['elementsSelectable']>;
   onlyRenderVisibleElements?: UnwrapWritable<SvelteFlowStore['onlyRenderVisibleElements']>;
   isValidConnection?: UnwrapWritable<SvelteFlowStore['isValidConnection']>;
+  autoPanOnConnect?: UnwrapWritable<SvelteFlowStore['autoPanOnConnect']>;
+  autoPanOnNodeDrag?: UnwrapWritable<SvelteFlowStore['autoPanOnNodeDrag']>;
 };
 
 export function updateStoreByKeys(store: SvelteFlowStore, keys: UpdatableStoreProps) {
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index f7326e4f2..bf6130850 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -59,6 +59,7 @@ export const getInitialStore = () => ({
   nodeExtent: writable<CoordinateExtent>(infiniteExtent),
   translateExtent: writable<CoordinateExtent>(infiniteExtent),
   autoPanOnNodeDrag: writable<boolean>(true),
+  autoPanOnConnect: writable<boolean>(true),
   fitViewOnInit: writable<boolean>(false),
   fitViewOnInitDone: writable<boolean>(false),
   panZoom: writable<PanZoomInstance | null>(null),

From 75712a1d6c292afe01f5f0a3eaa1b4f9fc63c57b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 21 Sep 2023 15:35:13 +0200
Subject: [PATCH 0190/1093] chore(svelte): cleanup edgewrapper

---
 .../svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte   | 3 +--
 packages/svelte/src/lib/types/edges.ts                         | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index e22f5c89f..0b99d7441 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -57,7 +57,7 @@
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 {#if !hidden}
   <g
-    class="svelte-flow__edge"
+    class="svelte-flow__edge {className}"
     class:animated
     class:selected
     data-id={id}
@@ -71,7 +71,6 @@
   >
     <svelte:component
       this={edgeComponent}
-      class={className}
       {id}
       {source}
       {target}
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 19e7e47fa..c4426a89d 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -69,6 +69,7 @@ export type EdgeLayouted = Pick<
   | 'targetHandle'
   | 'ariaLabel'
   | 'hidden'
+  | 'class'
 > &
   EdgePosition & {
     sourceHandleId?: string | null;

From 1a935de3f99f00f02aae6fdcf165a10da0ae56f2 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 21 Sep 2023 16:00:53 +0200
Subject: [PATCH 0191/1093] feat(svelte): add onError prop closes #3423

---
 .../container/SvelteFlow/SvelteFlow.svelte    | 36 ++++++++++---------
 .../src/lib/container/SvelteFlow/types.ts     |  4 ++-
 .../src/lib/container/SvelteFlow/utils.ts     |  1 +
 packages/svelte/src/lib/store/edge-tree.ts    |  8 ++---
 packages/svelte/src/lib/store/index.ts        |  9 ++---
 .../svelte/src/lib/store/initial-store.ts     |  9 +++--
 packages/svelte/src/lib/store/types.ts        |  4 +--
 7 files changed, 36 insertions(+), 35 deletions(-)

diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index a24d7aaac..d6e55ee27 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -19,7 +19,7 @@
 
   type $$Props = SvelteFlowProps;
 
-  export let id = '1';
+  export let id: $$Props['id'] = '1';
   export let nodes: $$Props['nodes'];
   export let edges: $$Props['edges'];
   export let fitView: $$Props['fitView'] = undefined;
@@ -44,15 +44,16 @@
   export let isValidConnection: $$Props['isValidConnection'] = undefined;
   export let translateExtent: $$Props['translateExtent'] = undefined;
   export let onlyRenderVisibleElements: $$Props['onlyRenderVisibleElements'] = undefined;
-  export let panOnScrollMode: PanOnScrollMode = PanOnScrollMode.Free;
-  export let preventScrolling: boolean = true;
-  export let zoomOnScroll: boolean = true;
-  export let zoomOnDoubleClick: boolean = true;
-  export let zoomOnPinch: boolean = true;
-  export let panOnScroll: boolean = false;
-  export let panOnDrag: boolean | number[] = true;
+  export let panOnScrollMode: $$Props['panOnScrollMode'] = PanOnScrollMode.Free;
+  export let preventScrolling: $$Props['preventScrolling'] = true;
+  export let zoomOnScroll: $$Props['zoomOnScroll'] = true;
+  export let zoomOnDoubleClick: $$Props['zoomOnDoubleClick'] = true;
+  export let zoomOnPinch: $$Props['zoomOnPinch'] = true;
+  export let panOnScroll: $$Props['panOnScroll'] = false;
+  export let panOnDrag: $$Props['panOnDrag'] = true;
   export let autoPanOnConnect: $$Props['autoPanOnConnect'] = true;
   export let autoPanOnNodeDrag: $$Props['autoPanOnNodeDrag'] = true;
+  export let onError: $$Props['onError'] = undefined;
 
   export let defaultMarkerColor = '#b1b1b7';
 
@@ -106,7 +107,8 @@
       onlyRenderVisibleElements,
       isValidConnection,
       autoPanOnConnect,
-      autoPanOnNodeDrag
+      autoPanOnNodeDrag,
+      onError
     };
 
     updateStoreByKeys(store, updatableProps);
@@ -137,15 +139,15 @@
     {onMoveStart}
     {onMove}
     {onMoveEnd}
-    {panOnScrollMode}
-    {preventScrolling}
-    {zoomOnScroll}
-    {zoomOnDoubleClick}
-    {zoomOnPinch}
-    {panOnScroll}
-    {panOnDrag}
+    panOnScrollMode={panOnScrollMode === undefined ? PanOnScrollMode.Free : panOnScrollMode}
+    preventScrolling={preventScrolling === undefined ? true : preventScrolling}
+    zoomOnScroll={zoomOnScroll === undefined ? true : zoomOnScroll}
+    zoomOnDoubleClick={zoomOnDoubleClick === undefined ? true : zoomOnDoubleClick}
+    zoomOnPinch={zoomOnPinch === undefined ? true : zoomOnPinch}
+    panOnScroll={panOnScroll === undefined ? false : panOnScroll}
+    panOnDrag={panOnDrag === undefined ? true : panOnDrag}
   >
-    <Pane on:paneclick {panOnDrag}>
+    <Pane on:paneclick panOnDrag={panOnDrag === undefined ? true : panOnDrag}>
       <ViewportComponent>
         <EdgeRenderer on:edgeclick />
         <ConnectionLine />
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 2e7d8a532..04838c3a3 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -13,7 +13,8 @@ import type {
   PanOnScrollMode,
   IsValidConnection,
   HandleType,
-  NodeBase
+  NodeBase,
+  OnError
 } from '@xyflow/system';
 
 import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types';
@@ -61,6 +62,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   onMoveStart?: OnMoveStart;
   onMove?: OnMove;
   onMoveEnd?: OnMoveEnd;
+  onError?: OnError;
 
   'on:nodeclick'?: CustomEvent<{ event: MouseEvent | TouchEvent; node: Node }>;
   'on:nodemouseenter'?: CustomEvent<{ event: MouseEvent; node: Node }>;
diff --git a/packages/svelte/src/lib/container/SvelteFlow/utils.ts b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
index f06a8dab7..8ad5547ba 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/utils.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
@@ -61,6 +61,7 @@ export type UpdatableStoreProps = {
   isValidConnection?: UnwrapWritable<SvelteFlowStore['isValidConnection']>;
   autoPanOnConnect?: UnwrapWritable<SvelteFlowStore['autoPanOnConnect']>;
   autoPanOnNodeDrag?: UnwrapWritable<SvelteFlowStore['autoPanOnNodeDrag']>;
+  onError?: UnwrapWritable<SvelteFlowStore['onError']>;
 };
 
 export function updateStoreByKeys(store: SvelteFlowStore, keys: UpdatableStoreProps) {
diff --git a/packages/svelte/src/lib/store/edge-tree.ts b/packages/svelte/src/lib/store/edge-tree.ts
index dbbe98278..f316fee55 100644
--- a/packages/svelte/src/lib/store/edge-tree.ts
+++ b/packages/svelte/src/lib/store/edge-tree.ts
@@ -1,10 +1,10 @@
 import { derived } from 'svelte/store';
-import { groupEdgesByZLevel, isEdgeVisible, getEdgePosition, type OnError } from '@xyflow/system';
+import { groupEdgesByZLevel, isEdgeVisible, getEdgePosition } from '@xyflow/system';
 
 import type { EdgeLayouted } from '$lib/types';
 import type { SvelteFlowStoreState } from './types';
 
-export function getEdgeTree(store: SvelteFlowStoreState, onError: OnError) {
+export function getEdgeTree(store: SvelteFlowStoreState) {
   const visibleEdges = derived(
     [
       store.edges,
@@ -40,8 +40,8 @@ export function getEdgeTree(store: SvelteFlowStoreState, onError: OnError) {
   );
 
   return derived(
-    [visibleEdges, store.nodes, store.connectionMode],
-    ([visibleEdges, nodes, connectionMode]) => {
+    [visibleEdges, store.nodes, store.connectionMode, store.onError],
+    ([visibleEdges, nodes, connectionMode, onError]) => {
       const layoutedEdges = visibleEdges.reduce<EdgeLayouted[]>((res, edge) => {
         const sourceNode = nodes.find((node) => node.id === edge.source);
         const targetNode = nodes.find((node) => node.id === edge.target);
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 5c41413e7..08fc8b90f 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -286,16 +286,12 @@ export function createStore(): SvelteFlowStore {
     cancelConnection();
   }
 
-  function onError(id: string, msg: string) {
-    console.log(msg);
-  }
-
   return {
     // state
     ...store,
 
     // derived state
-    edgeTree: getEdgeTree(store, onError),
+    edgeTree: getEdgeTree(store),
     connectionPath: getConnectionPath(store),
     visibleNodes: getVisibleNodes(store),
     markers: derived(
@@ -323,8 +319,7 @@ export function createStore(): SvelteFlowStore {
     panBy,
     updateConnection,
     cancelConnection,
-    reset,
-    onError
+    reset
   };
 }
 
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index bf6130850..f3e69b9e5 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -12,7 +12,9 @@ import {
   type CoordinateExtent,
   type IsValidConnection,
   type GroupedEdges,
-  type NodeOrigin
+  type NodeOrigin,
+  type OnError,
+  devWarn
 } from '@xyflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -79,8 +81,8 @@ export const getInitialStore = () => ({
   domNode: writable<HTMLDivElement | null>(null),
   connectionPath: readable<string | null>(null),
   connection: writable<ConnectionData>(initConnectionData),
-  connectionRadius: writable<number>(20),
   connectionLineType: writable<ConnectionLineType>(ConnectionLineType.Bezier),
+  connectionRadius: writable<number>(20),
   isValidConnection: writable<IsValidConnection>(() => true),
   nodesDraggable: writable<boolean>(true),
   nodesConnectable: writable<boolean>(true),
@@ -89,5 +91,6 @@ export const getInitialStore = () => ({
   markers: readable<MarkerProps[]>([]),
   defaultMarkerColor: writable<string>('#b1b1b7'),
   lib: readable<string>('svelte'),
-  onlyRenderVisibleElements: writable<boolean>(false)
+  onlyRenderVisibleElements: writable<boolean>(false),
+  onError: writable<OnError>(devWarn)
 });
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index 5dda4c395..9156f6f03 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -6,8 +6,7 @@ import type {
   Connection,
   UpdateNodePositions,
   CoordinateExtent,
-  UpdateConnection,
-  OnError
+  UpdateConnection
 } from '@xyflow/system';
 
 import type { getInitialStore } from './initial-store';
@@ -34,7 +33,6 @@ export type SvelteFlowStoreActions = {
   updateConnection: UpdateConnection;
   cancelConnection: () => void;
   reset(): void;
-  onError: OnError;
 };
 
 export type SvelteFlowStoreState = ReturnType<typeof getInitialStore>;

From 8100390142690cf63c56e52675c699971830276e Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 25 Sep 2023 10:00:38 +0200
Subject: [PATCH 0192/1093] feat(svelte) add attributionPosition and
 proOptions, closes #3424

---
 examples/svelte/src/routes/overview/+page.svelte            | 1 +
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte   | 4 +++-
 packages/svelte/src/lib/container/SvelteFlow/types.ts       | 6 +++++-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 05bc506b3..f6e0e683a 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -161,6 +161,7 @@
 	}}
 	autoPanOnConnect
 	autoPanOnNodeDrag
+	attributionPosition={'top-center'}
 >
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index d6e55ee27..2d2c1a448 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -54,6 +54,8 @@
   export let autoPanOnConnect: $$Props['autoPanOnConnect'] = true;
   export let autoPanOnNodeDrag: $$Props['autoPanOnNodeDrag'] = true;
   export let onError: $$Props['onError'] = undefined;
+  export let attributionPosition: $$Props['attributionPosition'] = undefined;
+  export let proOptions: $$Props['proOptions'] = undefined;
 
   export let defaultMarkerColor = '#b1b1b7';
 
@@ -170,7 +172,7 @@
       <UserSelection />
     </Pane>
   </Zoom>
-  <Attribution />
+  <Attribution {proOptions} position={attributionPosition} />
   <slot />
 </div>
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 04838c3a3..a482bbbf5 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -14,7 +14,9 @@ import type {
   IsValidConnection,
   HandleType,
   NodeBase,
-  OnError
+  OnError,
+  PanelPosition,
+  ProOptions
 } from '@xyflow/system';
 
 import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types';
@@ -52,6 +54,8 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   onlyRenderVisibleElements?: boolean;
   autoPanOnConnect?: boolean;
   autoPanOnNodeDrag?: boolean;
+  attributionPosition?: PanelPosition;
+  proOptions?: ProOptions;
 
   class?: string;
   style?: string;

From 339df4c651b81e21e38907eff884770cdd88f8d4 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 25 Sep 2023 10:36:31 +0200
Subject: [PATCH 0193/1093] feat(svelte) add defaultEdgeOptions, closes #3437

---
 examples/svelte/src/routes/overview/+page.svelte    |  3 +++
 .../lib/container/EdgeRenderer/EdgeRenderer.svelte  | 13 ++++++++++++-
 .../src/lib/container/SvelteFlow/SvelteFlow.svelte  |  3 ++-
 .../svelte/src/lib/container/SvelteFlow/types.ts    | 10 +++++++++-
 4 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 05bc506b3..0ba5e4dad 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -161,6 +161,9 @@
 	}}
 	autoPanOnConnect
 	autoPanOnNodeDrag
+	defaultEdgeOptions={{
+		hidden: false
+	}}
 >
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 0658f47a5..19f6848da 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -2,8 +2,19 @@
   import { EdgeWrapper } from '$lib/components/EdgeWrapper';
   import { MarkerDefinition } from '$lib/container/EdgeRenderer/MarkerDefinition';
   import { useStore } from '$lib/store';
+  import type { DefaultEdgeOptions } from '$lib/types';
 
-  const { width, height, elementsSelectable, edgeTree } = useStore();
+  export let defaultOptions: DefaultEdgeOptions | undefined;
+
+  const {
+    width,
+    height,
+    elementsSelectable,
+    edgeTree,
+    edges: { setDefaultOptions }
+  } = useStore();
+
+  $: if (defaultOptions) setDefaultOptions(defaultOptions);
 </script>
 
 {#each $edgeTree as group (group.level)}
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index d6e55ee27..cec7597d9 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -54,6 +54,7 @@
   export let autoPanOnConnect: $$Props['autoPanOnConnect'] = true;
   export let autoPanOnNodeDrag: $$Props['autoPanOnNodeDrag'] = true;
   export let onError: $$Props['onError'] = undefined;
+  export let defaultEdgeOptions: $$Props['defaultEdgeOptions'] = undefined;
 
   export let defaultMarkerColor = '#b1b1b7';
 
@@ -149,7 +150,7 @@
   >
     <Pane on:paneclick panOnDrag={panOnDrag === undefined ? true : panOnDrag}>
       <ViewportComponent>
-        <EdgeRenderer on:edgeclick />
+        <EdgeRenderer on:edgeclick defaultOptions={defaultEdgeOptions} />
         <ConnectionLine />
         <div class="svelte-flow__edgelabel-renderer" />
         <NodeRenderer
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 04838c3a3..3194ffef8 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -17,7 +17,14 @@ import type {
   OnError
 } from '@xyflow/system';
 
-import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types';
+import type {
+  Edge,
+  Node,
+  NodeTypes,
+  KeyDefinition,
+  EdgeTypes,
+  DefaultEdgeOptions
+} from '$lib/types';
 import type { Writable } from 'svelte/store';
 
 export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
@@ -52,6 +59,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   onlyRenderVisibleElements?: boolean;
   autoPanOnConnect?: boolean;
   autoPanOnNodeDrag?: boolean;
+  defaultEdgeOptions?: DefaultEdgeOptions;
 
   class?: string;
   style?: string;

From ada5b946739fcd7c23b52cdbf145551b4b93f92a Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 25 Sep 2023 12:58:04 +0200
Subject: [PATCH 0194/1093] feat(svelte) add fitViewOptions, closes #3440

---
 .../react/src/examples/Overview/index.tsx     |  4 +-
 .../svelte/src/routes/overview/+page.svelte   | 12 ++++-
 packages/react/src/store/index.ts             | 17 +++---
 .../container/SvelteFlow/SvelteFlow.svelte    |  5 ++
 .../src/lib/container/SvelteFlow/types.ts     |  4 +-
 packages/svelte/src/lib/store/index.ts        | 54 ++++++++++---------
 .../svelte/src/lib/store/initial-store.ts     | 10 +++-
 packages/system/src/utils/general.ts          |  2 +-
 packages/system/src/utils/graph.ts            |  7 +--
 9 files changed, 71 insertions(+), 44 deletions(-)

diff --git a/examples/react/src/examples/Overview/index.tsx b/examples/react/src/examples/Overview/index.tsx
index 233aa76c7..6dbe26631 100644
--- a/examples/react/src/examples/Overview/index.tsx
+++ b/examples/react/src/examples/Overview/index.tsx
@@ -199,7 +199,7 @@ const OverviewFlow = () => {
       onConnect={onConnect}
       onPaneClick={onPaneClick}
       onPaneScroll={onPaneScroll}
-      onPaneContextMenu={onPaneContextMenu}
+      // onPaneContextMenu={onPaneContextMenu}
       onNodeDragStart={onNodeDragStart}
       onNodeDrag={onNodeDrag}
       onNodeDragStop={onNodeDragStop}
@@ -221,7 +221,7 @@ const OverviewFlow = () => {
       onEdgeMouseLeave={onEdgeMouseLeave}
       onEdgeDoubleClick={onEdgeDoubleClick}
       fitView
-      fitViewOptions={{ padding: 0.2 }}
+      fitViewOptions={{ padding: 0.1, nodes: [{ id: '1' }] }}
       attributionPosition="top-right"
       maxZoom={Infinity}
       onNodesDelete={onNodesDelete}
diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 0ba5e4dad..6ca40dee6 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -130,8 +130,16 @@
 	{nodeTypes}
 	{edgeTypes}
 	fitView
-	minZoom={0.1}
-	maxZoom={2.5}
+	fitViewOptions={{
+		padding: 10,
+		nodes: [
+			{
+				id: '1'
+			}
+		]
+	}}
+	minZoom={0}
+	maxZoom={Infinity}
 	selectionMode={SelectionMode.Full}
 	initialViewport={{ x: 100, y: 100, zoom: 2 }}
 	snapGrid={[25, 25]}
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 51ba3eff1..a2a597f62 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -80,13 +80,13 @@ const createRFStore = () =>
 
         const nextNodes = updateAbsolutePositions(updatedNodes, nodeOrigin);
 
-        const nextFitViewDone =
-          fitViewDone ||
-          (fitViewOnInit &&
-            fitView({
-              ...fitViewOnInitOptions,
-              nodes: nextNodes,
-            }));
+        let nextFitViewDone = fitViewDone;
+        if (!fitViewDone && fitViewOnInit) {
+          nextFitViewDone = fitView({
+            ...fitViewOnInitOptions,
+            nodes: fitViewOnInitOptions?.nodes || nextNodes,
+          });
+        }
 
         set({ nodes: nextNodes, fitViewDone: nextFitViewDone });
 
@@ -243,7 +243,6 @@ const createRFStore = () =>
       },
       fitView: (options?: FitViewOptions): boolean => {
         const { panZoom, nodes, width, height, minZoom, maxZoom, nodeOrigin } = get();
-        const fitViewNodes = options?.nodes || nodes;
 
         if (!panZoom) {
           return false;
@@ -251,7 +250,7 @@ const createRFStore = () =>
 
         return fitViewSystem(
           {
-            nodes: fitViewNodes as Node[],
+            nodes,
             width,
             height,
             panZoom,
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index cec7597d9..93cb0f9d9 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -23,6 +23,7 @@
   export let nodes: $$Props['nodes'];
   export let edges: $$Props['edges'];
   export let fitView: $$Props['fitView'] = undefined;
+  export let fitViewOptions: $$Props['fitViewOptions'] = undefined;
   export let minZoom: $$Props['minZoom'] = undefined;
   export let maxZoom: $$Props['maxZoom'] = undefined;
   export let initialViewport: Viewport = { x: 0, y: 0, zoom: 1 };
@@ -79,6 +80,10 @@
       store.fitViewOnInit.set(fitView);
     }
 
+    if (fitViewOptions) {
+      store.fitViewOptions.set(fitViewOptions);
+    }
+
     updateStore(store, {
       nodeTypes,
       edgeTypes,
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 3194ffef8..2585e0fd5 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -23,7 +23,8 @@ import type {
   NodeTypes,
   KeyDefinition,
   EdgeTypes,
-  DefaultEdgeOptions
+  DefaultEdgeOptions,
+  FitViewOptions
 } from '$lib/types';
 import type { Writable } from 'svelte/store';
 
@@ -37,6 +38,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   panActivationKey?: KeyDefinition;
   deleteKey?: KeyDefinition;
   fitView?: boolean;
+  fitViewOptions?: FitViewOptions;
   nodeOrigin?: NodeOrigin;
   minZoom?: number;
   maxZoom?: number;
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 08fc8b90f..dffae5f35 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -90,13 +90,39 @@ export function createStore(): SvelteFlowStore {
       return;
     }
 
-    const fitViewOnInitDone =
-      get(store.fitViewOnInitDone) || (get(store.fitViewOnInit) && fitView({ nodes: nextNodes }));
+    if (!get(store.fitViewOnInitDone) && get(store.fitViewOnInit)) {
+      const fitViewOptions = get(store.fitViewOptions);
+      const fitViewOnInitDone = fitView(nextNodes, {
+        ...fitViewOptions,
+        nodes: fitViewOptions?.nodes || nextNodes
+      });
+      store.fitViewOnInitDone.set(fitViewOnInitDone);
+    }
 
-    store.fitViewOnInitDone.set(fitViewOnInitDone);
     store.nodes.set(nextNodes);
   }
 
+  function fitView(nodes: Node[], options?: FitViewOptions) {
+    const panZoom = get(store.panZoom);
+
+    if (!panZoom) {
+      return false;
+    }
+
+    return fitViewUtil(
+      {
+        nodes,
+        width: get(store.width),
+        height: get(store.height),
+        minZoom: get(store.minZoom),
+        maxZoom: get(store.maxZoom),
+        panZoom,
+        nodeOrigin: get(store.nodeOrigin)
+      },
+      options
+    );
+  }
+
   function zoomBy(factor: number, options?: ViewportHelperFunctionOptions) {
     const panZoom = get(store.panZoom);
 
@@ -140,28 +166,6 @@ export function createStore(): SvelteFlowStore {
     }
   }
 
-  function fitView(options?: FitViewOptions) {
-    const panZoom = get(store.panZoom);
-    const fitViewNodes = options?.nodes || get(store.nodes);
-
-    if (!panZoom) {
-      return false;
-    }
-
-    return fitViewUtil(
-      {
-        nodes: fitViewNodes as Node[],
-        width: get(store.width),
-        height: get(store.height),
-        minZoom: get(store.minZoom),
-        maxZoom: get(store.maxZoom),
-        panZoom,
-        nodeOrigin: get(store.nodeOrigin)
-      },
-      {}
-    );
-  }
-
   function resetSelectedItem<T extends Node | Edge>(item: T) {
     if (item.selected) {
       return {
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index f3e69b9e5..1c82f3010 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -24,7 +24,14 @@ import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
 import StepEdge from '$lib/components/edges/StepEdge.svelte';
-import type { ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted, Node } from '$lib/types';
+import type {
+  ConnectionData,
+  NodeTypes,
+  EdgeTypes,
+  EdgeLayouted,
+  Node,
+  FitViewOptions
+} from '$lib/types';
 import { createNodesStore, createEdgesStore } from './utils';
 
 export const initConnectionData = {
@@ -64,6 +71,7 @@ export const getInitialStore = () => ({
   autoPanOnConnect: writable<boolean>(true),
   fitViewOnInit: writable<boolean>(false),
   fitViewOnInitDone: writable<boolean>(false),
+  fitViewOptions: writable<FitViewOptions>(undefined),
   panZoom: writable<PanZoomInstance | null>(null),
   snapGrid: writable<SnapGrid | null>(null),
   dragging: writable<boolean>(false),
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index 0bad94c9e..11bbb902b 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -160,7 +160,7 @@ export const getTransformForBounds = (
   height: number,
   minZoom: number,
   maxZoom: number,
-  padding = 0.1
+  padding: number
 ): Transform => {
   const xZoom = width / (bounds.width * (1 + padding));
   const yZoom = height / (bounds.height * (1 + padding));
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index cde43bd8f..b5e61562d 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -180,10 +180,11 @@ export function fitView<Params extends FitViewParamsBase<NodeBase>, Options exte
     return isVisible;
   });
 
-  const nodesInitialized = filteredNodes.every((n) => n.width && n.height);
+  console.log(filteredNodes);
 
-  if (nodes.length > 0 && nodesInitialized) {
-    const bounds = getRectOfNodes(nodes, nodeOrigin);
+  if (filteredNodes.length > 0) {
+    const bounds = getRectOfNodes(filteredNodes, nodeOrigin);
+    console.log(bounds);
 
     const [x, y, zoom] = getTransformForBounds(
       bounds,

From 439916e619ebf603529c76ba4e3817c9696160a7 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 25 Sep 2023 13:46:22 +0200
Subject: [PATCH 0195/1093] fix(react) fitViewOptions.nodes are now working as
 intended

---
 examples/react/src/examples/Overview/index.tsx   | 2 +-
 examples/svelte/src/routes/overview/+page.svelte | 2 +-
 packages/react/src/store/index.ts                | 6 +++---
 packages/react/src/types/store.ts                | 2 +-
 packages/system/src/utils/graph.ts               | 5 +----
 5 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/examples/react/src/examples/Overview/index.tsx b/examples/react/src/examples/Overview/index.tsx
index 6dbe26631..eb8a8b950 100644
--- a/examples/react/src/examples/Overview/index.tsx
+++ b/examples/react/src/examples/Overview/index.tsx
@@ -221,7 +221,7 @@ const OverviewFlow = () => {
       onEdgeMouseLeave={onEdgeMouseLeave}
       onEdgeDoubleClick={onEdgeDoubleClick}
       fitView
-      fitViewOptions={{ padding: 0.1, nodes: [{ id: '1' }] }}
+      fitViewOptions={{ padding: 0.1 /*nodes: [{ id: '1' }]*/ }}
       attributionPosition="top-right"
       maxZoom={Infinity}
       onNodesDelete={onNodesDelete}
diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 6ca40dee6..dc3bbbc42 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -131,7 +131,7 @@
 	{edgeTypes}
 	fitView
 	fitViewOptions={{
-		padding: 10,
+		padding: 0.1,
 		nodes: [
 			{
 				id: '1'
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index a2a597f62..2f27da45a 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -82,7 +82,7 @@ const createRFStore = () =>
 
         let nextFitViewDone = fitViewDone;
         if (!fitViewDone && fitViewOnInit) {
-          nextFitViewDone = fitView({
+          nextFitViewDone = fitView(nextNodes, {
             ...fitViewOnInitOptions,
             nodes: fitViewOnInitOptions?.nodes || nextNodes,
           });
@@ -241,8 +241,8 @@ const createRFStore = () =>
         const { transform, width, height, panZoom, translateExtent } = get();
         return panBySystem({ delta, panZoom, transform, translateExtent, width, height });
       },
-      fitView: (options?: FitViewOptions): boolean => {
-        const { panZoom, nodes, width, height, minZoom, maxZoom, nodeOrigin } = get();
+      fitView: (nodes: Node[], options?: FitViewOptions): boolean => {
+        const { panZoom, width, height, minZoom, maxZoom, nodeOrigin } = get();
 
         if (!panZoom) {
           return false;
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 7fff1f732..36e792207 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -155,7 +155,7 @@ export type ReactFlowActions = {
   reset: () => void;
   triggerNodeChanges: (changes: NodeChange[]) => void;
   panBy: PanBy;
-  fitView: (options?: FitViewOptions) => boolean;
+  fitView: (nodes: Node[], options?: FitViewOptions) => boolean;
 };
 
 export type ReactFlowState = ReactFlowStore & ReactFlowActions;
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index b5e61562d..3da50ebcd 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -171,7 +171,7 @@ export function fitView<Params extends FitViewParamsBase<NodeBase>, Options exte
   options?: Options
 ) {
   const filteredNodes = nodes.filter((n) => {
-    const isVisible = options?.includeHiddenNodes ? n.width && n.height : !n.hidden;
+    const isVisible = n.width && n.height && (options?.includeHiddenNodes || !n.hidden);
 
     if (options?.nodes?.length) {
       return isVisible && options?.nodes.some((optionNode) => optionNode.id === n.id);
@@ -180,11 +180,8 @@ export function fitView<Params extends FitViewParamsBase<NodeBase>, Options exte
     return isVisible;
   });
 
-  console.log(filteredNodes);
-
   if (filteredNodes.length > 0) {
     const bounds = getRectOfNodes(filteredNodes, nodeOrigin);
-    console.log(bounds);
 
     const [x, y, zoom] = getTransformForBounds(
       bounds,

From 852372f41b698d65fab1a54906cf40db57d08b5e Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 25 Sep 2023 15:32:40 +0200
Subject: [PATCH 0196/1093] feat(svelte) added on:edgecontextmenu

---
 examples/svelte/src/routes/overview/+page.svelte            | 4 ++++
 .../src/lib/components/EdgeWrapper/EdgeWrapper.svelte       | 6 ++++++
 .../src/lib/container/EdgeRenderer/EdgeRenderer.svelte      | 2 +-
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte   | 2 +-
 packages/svelte/src/lib/container/SvelteFlow/types.ts       | 1 +
 5 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 05bc506b3..769e0662d 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -159,6 +159,10 @@
 		event.detail.event.preventDefault();
 		console.log('on node contextmenu', event);
 	}}
+	on:edgecontextmenu={({ detail: { event, edge } }) => {
+		event.preventDefault();
+		console.log('on edge contextmenu', edge);
+	}}
 	autoPanOnConnect
 	autoPanOnNodeDrag
 >
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 0b99d7441..81d35e498 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -51,6 +51,11 @@
     const edge = $edges.find((e) => e.id === id);
     dispatch('edgeclick', { event, edge });
   }
+
+  function onContextMenu(event: MouseEvent) {
+    const edge = $edges.find((e) => e.id === id);
+    dispatch('edgecontextmenu', { event, edge });
+  }
 </script>
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
@@ -62,6 +67,7 @@
     class:selected
     data-id={id}
     on:click={onClick}
+    on:contextmenu={onContextMenu}
     aria-label={ariaLabel === null
       ? undefined
       : ariaLabel
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 0658f47a5..8835c19ad 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -17,7 +17,7 @@
           ($elementsSelectable && typeof edge.selectable === 'undefined')
         )}
 
-        <EdgeWrapper {...edge} type={edgeType} {selectable} on:edgeclick />
+        <EdgeWrapper {...edge} type={edgeType} {selectable} on:edgeclick on:edgecontextmenu />
       {/each}
     </g>
   </svg>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index d6e55ee27..8b43ddb3b 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -149,7 +149,7 @@
   >
     <Pane on:paneclick panOnDrag={panOnDrag === undefined ? true : panOnDrag}>
       <ViewportComponent>
-        <EdgeRenderer on:edgeclick />
+        <EdgeRenderer on:edgeclick on:edgecontextmenu />
         <ConnectionLine />
         <div class="svelte-flow__edgelabel-renderer" />
         <NodeRenderer
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 04838c3a3..b7ea42b75 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -69,6 +69,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   'on:nodemousemove'?: CustomEvent<{ event: MouseEvent; node: Node }>;
   'on:nodemouseleave'?: CustomEvent<{ event: MouseEvent; node: Node }>;
   'on:edgeclick'?: CustomEvent<{ event: MouseEvent; edge: Edge }>;
+  'on:edgecontextmenu'?: CustomEvent<{ event: MouseEvent; edge: Edge }>;
   'on:connectstart'?: CustomEvent<{
     event: MouseEvent | TouchEvent;
     nodeId?: string;

From 75434d059bdf2d488571888464c4bad7a88158b3 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 25 Sep 2023 15:58:12 +0200
Subject: [PATCH 0197/1093] feat(svelte) added connectionMode prop

---
 examples/react/src/examples/Overview/index.tsx              | 2 ++
 examples/svelte/src/routes/overview/+page.svelte            | 4 +++-
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte   | 6 ++++--
 packages/svelte/src/lib/container/SvelteFlow/types.ts       | 4 +++-
 packages/svelte/src/lib/container/SvelteFlow/utils.ts       | 1 +
 5 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/examples/react/src/examples/Overview/index.tsx b/examples/react/src/examples/Overview/index.tsx
index 233aa76c7..7b25f131a 100644
--- a/examples/react/src/examples/Overview/index.tsx
+++ b/examples/react/src/examples/Overview/index.tsx
@@ -14,6 +14,7 @@ import {
   Controls,
   Background,
   MiniMap,
+  ConnectionMode,
 } from '@xyflow/react';
 
 const onNodeDragStart = (_: ReactMouseEvent, node: Node, nodes: Node[]) => console.log('drag start', node, nodes);
@@ -193,6 +194,7 @@ const OverviewFlow = () => {
     <ReactFlow
       nodes={nodes}
       edges={edges}
+      connectionMode={ConnectionMode.Loose}
       onNodesChange={onNodesChange}
       onEdgesChange={onEdgesChange}
       onNodeClick={onNodeClick}
diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 05bc506b3..3e24ce111 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -11,7 +11,8 @@
 		type NodeTypes,
 		type EdgeTypes,
 		type Node,
-		type Edge
+		type Edge,
+		ConnectionMode
 	} from '@xyflow/svelte';
 
 	import CustomNode from './CustomNode.svelte';
@@ -161,6 +162,7 @@
 	}}
 	autoPanOnConnect
 	autoPanOnNodeDrag
+	connectionMode={ConnectionMode.Loose}
 >
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index d6e55ee27..0b578b63a 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount, hasContext } from 'svelte';
   import cc from 'classcat';
-  import { PanOnScrollMode, type Viewport } from '@xyflow/system';
+  import { ConnectionMode, PanOnScrollMode, type Viewport } from '@xyflow/system';
 
   import { Zoom } from '$lib/container/Zoom';
   import { Pane } from '$lib/container/Pane';
@@ -38,6 +38,7 @@
   export let deleteKey: $$Props['deleteKey'] = undefined;
   export let connectionRadius: $$Props['connectionRadius'] = undefined;
   export let connectionLineType: $$Props['connectionLineType'] = undefined;
+  export let connectionMode: $$Props['connectionMode'] = ConnectionMode.Strict;
   export let onMoveStart: $$Props['onMoveStart'] = undefined;
   export let onMove: $$Props['onMove'] = undefined;
   export let onMoveEnd: $$Props['onMoveEnd'] = undefined;
@@ -108,7 +109,8 @@
       isValidConnection,
       autoPanOnConnect,
       autoPanOnNodeDrag,
-      onError
+      onError,
+      connectionMode
     };
 
     updateStoreByKeys(store, updatableProps);
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 04838c3a3..4c99e74e0 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -14,7 +14,8 @@ import type {
   IsValidConnection,
   HandleType,
   NodeBase,
-  OnError
+  OnError,
+  ConnectionMode
 } from '@xyflow/system';
 
 import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types';
@@ -35,6 +36,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   maxZoom?: number;
   initialViewport?: Viewport;
   connectionRadius?: number;
+  connectionMode?: ConnectionMode;
   selectionMode?: SelectionMode;
   snapGrid?: SnapGrid;
   defaultMarkerColor?: string;
diff --git a/packages/svelte/src/lib/container/SvelteFlow/utils.ts b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
index 8ad5547ba..93092bea2 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/utils.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
@@ -61,6 +61,7 @@ export type UpdatableStoreProps = {
   isValidConnection?: UnwrapWritable<SvelteFlowStore['isValidConnection']>;
   autoPanOnConnect?: UnwrapWritable<SvelteFlowStore['autoPanOnConnect']>;
   autoPanOnNodeDrag?: UnwrapWritable<SvelteFlowStore['autoPanOnNodeDrag']>;
+  connectionMode?: UnwrapWritable<SvelteFlowStore['connectionMode']>;
   onError?: UnwrapWritable<SvelteFlowStore['onError']>;
 };
 

From 9fe6dc57f41e91ae19a65762458092243ade4745 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 25 Sep 2023 16:28:17 +0200
Subject: [PATCH 0198/1093] fix(examples) removed connectionMode prop from
 overview

---
 examples/svelte/src/routes/overview/+page.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 3e24ce111..c1c563214 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -162,7 +162,6 @@
 	}}
 	autoPanOnConnect
 	autoPanOnNodeDrag
-	connectionMode={ConnectionMode.Loose}
 >
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />

From 7b5d98fc820860afbbfbb457e5dc930f36da5cc9 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 25 Sep 2023 16:29:49 +0200
Subject: [PATCH 0199/1093] fix(examples) added connectionMode prop to examples

---
 examples/react/src/examples/Overview/index.tsx   | 2 +-
 examples/svelte/src/routes/overview/+page.svelte | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/examples/react/src/examples/Overview/index.tsx b/examples/react/src/examples/Overview/index.tsx
index 7b25f131a..715d88370 100644
--- a/examples/react/src/examples/Overview/index.tsx
+++ b/examples/react/src/examples/Overview/index.tsx
@@ -194,7 +194,7 @@ const OverviewFlow = () => {
     <ReactFlow
       nodes={nodes}
       edges={edges}
-      connectionMode={ConnectionMode.Loose}
+      connectionMode={ConnectionMode.Strict}
       onNodesChange={onNodesChange}
       onEdgesChange={onEdgesChange}
       onNodeClick={onNodeClick}
diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index c1c563214..a9b32f6d7 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -162,6 +162,7 @@
 	}}
 	autoPanOnConnect
 	autoPanOnNodeDrag
+	connectionMode={ConnectionMode.Strict}
 >
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />

From e56e6a9a6b02a3511904b34e780fcf179e52b782 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 26 Sep 2023 10:20:13 +0200
Subject: [PATCH 0200/1093] fix(svelte) only updated defaultEdgeOptions once on
 Mount

---
 examples/svelte/src/routes/overview/+page.svelte            | 2 +-
 .../src/lib/container/EdgeRenderer/EdgeRenderer.svelte      | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 0ba5e4dad..2056c6195 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -162,7 +162,7 @@
 	autoPanOnConnect
 	autoPanOnNodeDrag
 	defaultEdgeOptions={{
-		hidden: false
+		// animated: true
 	}}
 >
 	<Controls />
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 19f6848da..babac2177 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -3,6 +3,7 @@
   import { MarkerDefinition } from '$lib/container/EdgeRenderer/MarkerDefinition';
   import { useStore } from '$lib/store';
   import type { DefaultEdgeOptions } from '$lib/types';
+  import { onMount } from 'svelte';
 
   export let defaultOptions: DefaultEdgeOptions | undefined;
 
@@ -14,7 +15,9 @@
     edges: { setDefaultOptions }
   } = useStore();
 
-  $: if (defaultOptions) setDefaultOptions(defaultOptions);
+  onMount(() => {
+    if (defaultOptions) setDefaultOptions(defaultOptions);
+  });
 </script>
 
 {#each $edgeTree as group (group.level)}
@@ -27,7 +30,6 @@
           edge.selectable ||
           ($elementsSelectable && typeof edge.selectable === 'undefined')
         )}
-
         <EdgeWrapper {...edge} type={edgeType} {selectable} on:edgeclick />
       {/each}
     </g>

From 5d742b4d9c27c7809df734b0d06fc9c981e15626 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 26 Sep 2023 10:57:02 +0200
Subject: [PATCH 0201/1093] pull request review

---
 examples/svelte/src/routes/overview/+page.svelte            | 3 ---
 .../src/lib/container/EdgeRenderer/EdgeRenderer.svelte      | 6 +++---
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte   | 2 +-
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 2056c6195..05bc506b3 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -161,9 +161,6 @@
 	}}
 	autoPanOnConnect
 	autoPanOnNodeDrag
-	defaultEdgeOptions={{
-		// animated: true
-	}}
 >
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index babac2177..d9c8602c4 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
+  import { onMount } from 'svelte';
   import { EdgeWrapper } from '$lib/components/EdgeWrapper';
   import { MarkerDefinition } from '$lib/container/EdgeRenderer/MarkerDefinition';
   import { useStore } from '$lib/store';
   import type { DefaultEdgeOptions } from '$lib/types';
-  import { onMount } from 'svelte';
 
-  export let defaultOptions: DefaultEdgeOptions | undefined;
+  export let defaultEdgeOptions: DefaultEdgeOptions | undefined;
 
   const {
     width,
@@ -16,7 +16,7 @@
   } = useStore();
 
   onMount(() => {
-    if (defaultOptions) setDefaultOptions(defaultOptions);
+    if (defaultEdgeOptions) setDefaultOptions(defaultEdgeOptions);
   });
 </script>
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index cec7597d9..6a7c416b3 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -150,7 +150,7 @@
   >
     <Pane on:paneclick panOnDrag={panOnDrag === undefined ? true : panOnDrag}>
       <ViewportComponent>
-        <EdgeRenderer on:edgeclick defaultOptions={defaultEdgeOptions} />
+        <EdgeRenderer on:edgeclick {defaultEdgeOptions} />
         <ConnectionLine />
         <div class="svelte-flow__edgelabel-renderer" />
         <NodeRenderer

From 88e840ccc9b2b35db3a868f86bd0157d4cb3292b Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 26 Sep 2023 11:17:21 +0200
Subject: [PATCH 0202/1093] pull request review

---
 examples/react/src/examples/Overview/index.tsx   | 2 +-
 examples/svelte/src/routes/overview/+page.svelte | 6 +-----
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/examples/react/src/examples/Overview/index.tsx b/examples/react/src/examples/Overview/index.tsx
index 904f31d68..091105297 100644
--- a/examples/react/src/examples/Overview/index.tsx
+++ b/examples/react/src/examples/Overview/index.tsx
@@ -201,7 +201,7 @@ const OverviewFlow = () => {
       onConnect={onConnect}
       onPaneClick={onPaneClick}
       onPaneScroll={onPaneScroll}
-      // onPaneContextMenu={onPaneContextMenu}
+      onPaneContextMenu={onPaneContextMenu}
       onNodeDragStart={onNodeDragStart}
       onNodeDrag={onNodeDrag}
       onNodeDragStop={onNodeDragStop}
diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 4dcd9149e..ac9394ede 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -133,11 +133,7 @@
 	fitView
 	fitViewOptions={{
 		padding: 0.1,
-		nodes: [
-			{
-				id: '1'
-			}
-		]
+		nodes: [{ id: '1' }]
 	}}
 	minZoom={0}
 	maxZoom={Infinity}

From e3ed768f6deb3a2d7f4cba943db699f9aaca85a2 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 26 Sep 2023 12:41:18 +0200
Subject: [PATCH 0203/1093] chore(changelog): update

---
 packages/svelte/CHANGELOG.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 30da979c4..369d0d299 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,3 +1,9 @@
+## WIP
+
+- add `on:edgecontextmenu` event handler prop
+- add `connectionMode` prop
+- add `attributionPosition` prop
+
 ## 0.0.21
 
 - add `on:nodedragstart`, `on:nodedrag` and `on:nodedragstop`

From b3329253ed1a4480feffaa9aaacaa4ea6a453c49 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 26 Sep 2023 12:46:32 +0200
Subject: [PATCH 0204/1093] chore(svelte): cleanup examples

---
 examples/svelte/src/routes/overview/+page.svelte   |  2 +-
 examples/svelte/src/routes/validation/+page.svelte | 14 +++++++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index ac9394ede..32bef5d00 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -133,7 +133,7 @@
 	fitView
 	fitViewOptions={{
 		padding: 0.1,
-		nodes: [{ id: '1' }]
+		nodes: [{ id: '1' }, { id: '2' }, { id: '3' }]
 	}}
 	minZoom={0}
 	maxZoom={Infinity}
diff --git a/examples/svelte/src/routes/validation/+page.svelte b/examples/svelte/src/routes/validation/+page.svelte
index 1c72199ea..c973e1931 100644
--- a/examples/svelte/src/routes/validation/+page.svelte
+++ b/examples/svelte/src/routes/validation/+page.svelte
@@ -32,9 +32,21 @@
 	const edges = writable([]);
 
 	const isValidConnection: IsValidConnection = (connection) => connection.target === 'B';
+
+	const defaultEdgeOptions = {
+		animated: true
+	};
 </script>
 
-<SvelteFlow {nodes} {edges} fitView minZoom={0.1} maxZoom={2.5} {isValidConnection}>
+<SvelteFlow
+	{nodes}
+	{edges}
+	fitView
+	minZoom={0.1}
+	maxZoom={2.5}
+	{isValidConnection}
+	{defaultEdgeOptions}
+>
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />
 </SvelteFlow>

From 348f311fc79eca5514bf561a46469902671cbfd9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 26 Sep 2023 13:08:27 +0200
Subject: [PATCH 0205/1093] feat(react,svelte): add nodeDragThreshold

---
 examples/react/src/examples/Switch/index.tsx  |  10 +-
 examples/svelte/src/routes/edges/+page.svelte |   2 +-
 .../src/components/StoreUpdater/index.tsx     |   3 +
 .../react/src/container/ReactFlow/index.tsx   |   2 +
 packages/react/src/store/initialState.ts      |   1 +
 packages/react/src/types/component-props.ts   |   1 +
 packages/react/src/types/store.ts             |   1 +
 packages/svelte/CHANGELOG.md                  |   5 +-
 packages/svelte/src/lib/actions/drag/index.ts |   1 +
 .../container/SvelteFlow/SvelteFlow.svelte    |   4 +-
 .../src/lib/container/SvelteFlow/types.ts     |   1 +
 .../src/lib/container/SvelteFlow/utils.ts     |   1 +
 .../svelte/src/lib/store/initial-store.ts     |   1 +
 packages/system/package.json                  |   2 +-
 packages/system/src/xydrag/XYDrag.ts          | 106 +++++++++++-------
 15 files changed, 94 insertions(+), 47 deletions(-)

diff --git a/examples/react/src/examples/Switch/index.tsx b/examples/react/src/examples/Switch/index.tsx
index d2b237c8b..517cbf8f1 100644
--- a/examples/react/src/examples/Switch/index.tsx
+++ b/examples/react/src/examples/Switch/index.tsx
@@ -1,9 +1,6 @@
 import { MouseEvent, useCallback } from 'react';
 import { ReactFlow, addEdge, Node, Connection, Edge, useNodesState, useEdgesState } from '@xyflow/react';
 
-const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node);
-const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);
-
 const nodesA: Node[] = [
   {
     id: '1a',
@@ -83,7 +80,10 @@ const edgesB: Edge[] = [
   { id: 'e4b', source: 'inputb', target: '4b' },
 ];
 
+const onNodeDragStart = (_: MouseEvent, node: Node) => console.log('drag start', node);
 const onNodeDrag = (_: MouseEvent, node: Node) => console.log('drag', node.position);
+const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node);
+const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);
 
 const BasicFlow = () => {
   const [nodes, setNodes, onNodesChange] = useNodesState(nodesA);
@@ -99,8 +99,10 @@ const BasicFlow = () => {
       onEdgesChange={onEdgesChange}
       onNodeClick={onNodeClick}
       onConnect={onConnect}
-      onNodeDragStop={onNodeDragStop}
+      onNodeDragStart={onNodeDragStart}
       onNodeDrag={onNodeDrag}
+      onNodeDragStop={onNodeDragStop}
+      nodeDragThreshold={10}
     >
       <div style={{ position: 'absolute', right: 10, top: 10, zIndex: 4 }}>
         <button
diff --git a/examples/svelte/src/routes/edges/+page.svelte b/examples/svelte/src/routes/edges/+page.svelte
index f8d2be0ed..403b0ef62 100644
--- a/examples/svelte/src/routes/edges/+page.svelte
+++ b/examples/svelte/src/routes/edges/+page.svelte
@@ -145,7 +145,7 @@
 	]);
 </script>
 
-<SvelteFlow {nodes} {edges} fitView>
+<SvelteFlow {nodes} {edges} fitView nodeDragThreshold={2}>
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />
 	<MiniMap />
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index bd6e7e07e..7b7145039 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -56,6 +56,7 @@ type StoreUpdaterProps = Pick<
   | 'connectionRadius'
   | 'isValidConnection'
   | 'selectNodesOnDrag'
+  | 'nodeDragThreshold'
 > & { rfId: string };
 
 const selector = (s: ReactFlowState) => ({
@@ -140,6 +141,7 @@ const StoreUpdater = ({
   connectionRadius,
   isValidConnection,
   selectNodesOnDrag,
+  nodeDragThreshold,
 }: StoreUpdaterProps) => {
   const {
     setNodes,
@@ -203,6 +205,7 @@ const StoreUpdater = ({
   useDirectStoreUpdater('connectionRadius', connectionRadius, store.setState);
   useDirectStoreUpdater('isValidConnection', isValidConnection, store.setState);
   useDirectStoreUpdater('selectNodesOnDrag', selectNodesOnDrag, store.setState);
+  useDirectStoreUpdater('nodeDragThreshold', nodeDragThreshold, store.setState);
 
   useStoreUpdater<Node[]>(nodes, setNodes);
   useStoreUpdater<Edge[]>(edges, setEdges);
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 5bc47f044..f45650991 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -163,6 +163,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
       onError,
       style,
       id,
+      nodeDragThreshold,
       ...rest
     },
     ref
@@ -292,6 +293,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
             connectionRadius={connectionRadius}
             isValidConnection={isValidConnection}
             selectNodesOnDrag={selectNodesOnDrag}
+            nodeDragThreshold={nodeDragThreshold}
           />
           <SelectionListener onSelectionChange={onSelectionChange} />
           {children}
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index db673ef29..52a5545c8 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -28,6 +28,7 @@ const initialState: ReactFlowStore = {
   paneDragging: false,
   noPanClassName: 'nopan',
   nodeOrigin: [0, 0],
+  nodeDragThreshold: 0,
 
   snapGrid: [15, 15],
   snapToGrid: false,
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index 65e47b6ab..b1078e7b6 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -148,6 +148,7 @@ export type ReactFlowProps = HTMLAttributes<HTMLDivElement> & {
   connectionRadius?: number;
   onError?: OnError;
   isValidConnection?: IsValidConnection;
+  nodeDragThreshold?: number;
 };
 
 export type ReactFlowRefType = HTMLDivElement;
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 36e792207..f79cb8742 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -61,6 +61,7 @@ export type ReactFlowStore = {
   translateExtent: CoordinateExtent;
   nodeExtent: CoordinateExtent;
   nodeOrigin: NodeOrigin;
+  nodeDragThreshold: number;
 
   nodesSelectionActive: boolean;
   userSelectionActive: boolean;
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 369d0d299..439de9512 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,8 @@
-## WIP
+## 0.0.22
 
+- add `nodeDragThreshold` prop
+- add `fitViewOptions` prop
+- add `defaultEdgeOptions` prop
 - add `on:edgecontextmenu` event handler prop
 - add `connectionMode` prop
 - add `attributionPosition` prop
diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index 276e319cc..65f7a1e7f 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -38,6 +38,7 @@ export default function drag(domNode: Element, params: UseDragParams) {
         autoPanOnNodeDrag: get(store.autoPanOnNodeDrag),
         nodesDraggable: get(store.nodesDraggable),
         selectNodesOnDrag: get(store.selectNodesOnDrag),
+        nodeDragThreshold: get(store.nodeDragThreshold),
         unselectNodesAndEdges: store.unselectNodesAndEdges,
         updateNodePositions: store.updateNodePositions,
         panBy: store.panBy
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 6c47f37e3..e48b3dfd3 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -34,6 +34,7 @@
   export let panActivationKey: $$Props['panActivationKey'] = undefined;
   export let nodesDraggable: $$Props['nodesDraggable'] = undefined;
   export let nodesConnectable: $$Props['nodesConnectable'] = undefined;
+  export let nodeDragThreshold: $$Props['nodeDragThreshold'] = undefined;
   export let elementsSelectable: $$Props['elementsSelectable'] = undefined;
   export let snapGrid: $$Props['snapGrid'] = undefined;
   export let deleteKey: $$Props['deleteKey'] = undefined;
@@ -118,7 +119,8 @@
       autoPanOnConnect,
       autoPanOnNodeDrag,
       onError,
-      connectionMode
+      connectionMode,
+      nodeDragThreshold
     };
 
     updateStoreByKeys(store, updatableProps);
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index b7667a92c..0b6eb87cf 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -43,6 +43,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   fitView?: boolean;
   fitViewOptions?: FitViewOptions;
   nodeOrigin?: NodeOrigin;
+  nodeDragThreshold?: number;
   minZoom?: number;
   maxZoom?: number;
   initialViewport?: Viewport;
diff --git a/packages/svelte/src/lib/container/SvelteFlow/utils.ts b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
index 93092bea2..0579eaa91 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/utils.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
@@ -63,6 +63,7 @@ export type UpdatableStoreProps = {
   autoPanOnNodeDrag?: UnwrapWritable<SvelteFlowStore['autoPanOnNodeDrag']>;
   connectionMode?: UnwrapWritable<SvelteFlowStore['connectionMode']>;
   onError?: UnwrapWritable<SvelteFlowStore['onError']>;
+  nodeDragThreshold?: UnwrapWritable<SvelteFlowStore['nodeDragThreshold']>;
 };
 
 export function updateStoreByKeys(store: SvelteFlowStore, keys: UpdatableStoreProps) {
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 1c82f3010..021bb6e80 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -65,6 +65,7 @@ export const getInitialStore = () => ({
   minZoom: writable<number>(0.5),
   maxZoom: writable<number>(2),
   nodeOrigin: writable<NodeOrigin>([0, 0]),
+  nodeDragThreshold: writable<number>(0),
   nodeExtent: writable<CoordinateExtent>(infiniteExtent),
   translateExtent: writable<CoordinateExtent>(infiniteExtent),
   autoPanOnNodeDrag: writable<boolean>(true),
diff --git a/packages/system/package.json b/packages/system/package.json
index e1f6f65a8..da20c3c6b 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index f56a40f46..5381d0efe 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -44,6 +44,7 @@ type StoreItems = {
   autoPanOnNodeDrag: boolean;
   nodesDraggable: boolean;
   selectNodesOnDrag: boolean;
+  nodeDragThreshold: number;
   panBy: PanBy;
   unselectNodesAndEdges: () => void;
   onError?: OnError;
@@ -93,6 +94,7 @@ export function XYDrag({
   let mousePosition: XYPosition = { x: 0, y: 0 };
   let dragEvent: MouseEvent | null = null;
   let containerBounds: DOMRect | null = null;
+  let dragStarted = false;
 
   const d3Selection = select(domNode);
 
@@ -192,63 +194,84 @@ export function XYDrag({
       autoPanId = requestAnimationFrame(autoPan);
     }
 
-    const d3DragInstance = drag()
-      .on('start', (event: UseDragEvent) => {
-        const {
-          nodes,
-          multiSelectionActive,
-          domNode,
-          nodesDraggable,
-          transform,
-          snapGrid,
-          snapToGrid,
-          selectNodesOnDrag,
-          onNodeDragStart,
-          onSelectionDragStart,
-          unselectNodesAndEdges,
-        } = getStoreItems();
-
-        if ((!selectNodesOnDrag || !isSelectable) && !multiSelectionActive && nodeId) {
-          if (!nodes.find((n) => n.id === nodeId)?.selected) {
-            // we need to reset selected nodes when selectNodesOnDrag=false
-            unselectNodesAndEdges();
-          }
-        }
+    function startDrag(event: UseDragEvent) {
+      const {
+        nodes,
+        multiSelectionActive,
+        nodesDraggable,
+        transform,
+        snapGrid,
+        snapToGrid,
+        selectNodesOnDrag,
+        onNodeDragStart,
+        onSelectionDragStart,
+        unselectNodesAndEdges,
+      } = getStoreItems();
+
+      dragStarted = true;
 
-        if (isSelectable && selectNodesOnDrag) {
-          onNodeClick?.();
+      if ((!selectNodesOnDrag || !isSelectable) && !multiSelectionActive && nodeId) {
+        if (!nodes.find((n) => n.id === nodeId)?.selected) {
+          // we need to reset selected nodes when selectNodesOnDrag=false
+          unselectNodesAndEdges();
         }
+      }
 
-        const pointerPos = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
-        lastPos = pointerPos;
-        dragItems = getDragItems(nodes, nodesDraggable, pointerPos, nodeId);
+      if (isSelectable && selectNodesOnDrag) {
+        onNodeClick?.();
+      }
 
-        const onNodeOrSelectionDragStart = nodeId ? onNodeDragStart : wrapSelectionDragFunc(onSelectionDragStart);
+      const pointerPos = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
+      lastPos = pointerPos;
+      dragItems = getDragItems(nodes, nodesDraggable, pointerPos, nodeId);
 
-        if (dragItems) {
-          const [currentNode, currentNodes] = getEventHandlerParams({
-            nodeId,
-            dragItems,
-            nodes,
-          });
-          onDragStart?.(event.sourceEvent as MouseEvent, dragItems, currentNode, currentNodes);
-          onNodeOrSelectionDragStart?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+      const onNodeOrSelectionDragStart = nodeId ? onNodeDragStart : wrapSelectionDragFunc(onSelectionDragStart);
+
+      if (dragItems) {
+        const [currentNode, currentNodes] = getEventHandlerParams({
+          nodeId,
+          dragItems,
+          nodes,
+        });
+        onDragStart?.(event.sourceEvent as MouseEvent, dragItems, currentNode, currentNodes);
+        onNodeOrSelectionDragStart?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+      }
+    }
+
+    const d3DragInstance = drag()
+      .on('start', (event: UseDragEvent) => {
+        const { domNode, nodeDragThreshold, transform, snapGrid, snapToGrid } = getStoreItems();
+
+        if (nodeDragThreshold === 0) {
+          startDrag(event);
         }
 
+        const pointerPos = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
+        lastPos = pointerPos;
         containerBounds = domNode?.getBoundingClientRect() || null;
         mousePosition = getEventPosition(event.sourceEvent, containerBounds!);
       })
       .on('drag', (event: UseDragEvent) => {
-        const { autoPanOnNodeDrag, transform, snapGrid, snapToGrid } = getStoreItems();
+        const { autoPanOnNodeDrag, transform, snapGrid, snapToGrid, nodeDragThreshold } = getStoreItems();
         const pointerPos = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
 
-        if (!autoPanStarted && autoPanOnNodeDrag) {
+        if (!autoPanStarted && autoPanOnNodeDrag && dragStarted) {
           autoPanStarted = true;
           autoPan();
         }
 
+        if (!dragStarted) {
+          const x = pointerPos.xSnapped - (lastPos.x ?? 0);
+          const y = pointerPos.ySnapped - (lastPos.y ?? 0);
+          const distance = Math.sqrt(x * x + y * y);
+
+          if (distance > nodeDragThreshold) {
+            startDrag(event);
+          }
+        }
+
         // skip events without movement
-        if ((lastPos.x !== pointerPos.xSnapped || lastPos.y !== pointerPos.ySnapped) && dragItems) {
+        if ((lastPos.x !== pointerPos.xSnapped || lastPos.y !== pointerPos.ySnapped) && dragItems && dragStarted) {
           dragEvent = event.sourceEvent as MouseEvent;
           mousePosition = getEventPosition(event.sourceEvent, containerBounds!);
 
@@ -256,7 +279,12 @@ export function XYDrag({
         }
       })
       .on('end', (event: UseDragEvent) => {
+        if (!dragStarted) {
+          return;
+        }
+
         autoPanStarted = false;
+        dragStarted = false;
         cancelAnimationFrame(autoPanId);
 
         if (dragItems) {

From 306f56d7f22208a031e2db83d97983bf52ae10e0 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 26 Sep 2023 13:09:50 +0200
Subject: [PATCH 0206/1093] chore(react): export handleParentExpand

---
 packages/react/src/index.ts         | 2 +-
 packages/react/src/utils/changes.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index ecb717915..37a6bc748 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -24,7 +24,7 @@ export { default as useOnSelectionChange, type UseOnSelectionChangeOptions } fro
 export { default as useNodesInitialized, type UseNodesInitializedOptions } from './hooks/useNodesInitialized';
 export { useNodeId } from './contexts/NodeIdContext';
 
-export { applyNodeChanges, applyEdgeChanges } from './utils/changes';
+export { applyNodeChanges, applyEdgeChanges, handleParentExpand } from './utils/changes';
 export { isNode, isEdge, getIncomers, getOutgoers, addEdge, updateEdge, getConnectedEdges } from './utils/general';
 
 export * from './additional-components';
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 5deb3fdca..a51eaba4d 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type { Node, Edge, EdgeChange, NodeChange } from '../types';
 
-function handleParentExpand(res: any[], updateItem: any) {
+export function handleParentExpand(res: any[], updateItem: any) {
   const parent = res.find((e) => e.id === updateItem.parentNode);
 
   if (parent) {

From bba97aa01a661398b8d5cb6912bf9ffdf82f0548 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 26 Sep 2023 15:45:06 +0200
Subject: [PATCH 0207/1093] feat(svelte) added connectionLineComponent

---
 .../src/components/Header/Header.svelte       |  3 +-
 .../custom-connection-line/+page.svelte       | 35 +++++++++++++++++++
 .../ConnectionLine.svelte                     | 11 ++++++
 .../custom-connection-line/CustomNode.svelte  | 34 ++++++++++++++++++
 .../ConnectionLine/ConnectionLine.svelte      |  8 +++--
 .../container/SvelteFlow/SvelteFlow.svelte    |  4 ++-
 6 files changed, 90 insertions(+), 5 deletions(-)
 create mode 100644 examples/svelte/src/routes/custom-connection-line/+page.svelte
 create mode 100644 examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
 create mode 100644 examples/svelte/src/routes/custom-connection-line/CustomNode.svelte

diff --git a/examples/svelte/src/components/Header/Header.svelte b/examples/svelte/src/components/Header/Header.svelte
index 6fa79b681..3d0c9ff53 100644
--- a/examples/svelte/src/components/Header/Header.svelte
+++ b/examples/svelte/src/components/Header/Header.svelte
@@ -13,7 +13,8 @@
 		'subflows',
 		'usesvelteflow',
 		'useupdatenodeinternals',
-		'validation'
+		'validation',
+		'custom-connection-line'
 	];
 
 	const onChange = (event: Event) => {
diff --git a/examples/svelte/src/routes/custom-connection-line/+page.svelte b/examples/svelte/src/routes/custom-connection-line/+page.svelte
new file mode 100644
index 000000000..c5bcab3f9
--- /dev/null
+++ b/examples/svelte/src/routes/custom-connection-line/+page.svelte
@@ -0,0 +1,35 @@
+<script lang="ts">
+	import { SvelteFlow } from '@xyflow/svelte';
+	import { Background, BackgroundVariant, type Edge, type Node } from '@xyflow/svelte';
+	import { writable } from 'svelte/store';
+
+	import CustomNode from './CustomNode.svelte';
+	import ConnectionLine from './ConnectionLine.svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodeTypes = {
+		custom: CustomNode
+	};
+
+	const nodes = writable<Node[]>([
+		{
+			id: 'connectionline-1',
+			type: 'custom',
+			data: { label: 'Node 1' },
+			position: { x: 250, y: 5 }
+		}
+	]);
+
+	const edges = writable<Edge[]>([]);
+</script>
+
+<div style="height:100vh;">
+	<SvelteFlow {nodeTypes} {nodes} {edges} fitView>
+		<ConnectionLine slot="connectionLineComponent" />
+		<Background variant={BackgroundVariant.Lines} />
+	</SvelteFlow>
+</div>
+
+<style>
+</style>
diff --git a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
new file mode 100644
index 000000000..977359f1c
--- /dev/null
+++ b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+	import { useStore } from '@xyflow/svelte';
+
+	const { connectionPath, connection } = useStore();
+</script>
+
+{#if $connectionPath}
+	<g class={$connection.connectionStatus}>
+		<path d={$connectionPath} fill="none" stroke="red" />
+	</g>
+{/if}
diff --git a/examples/svelte/src/routes/custom-connection-line/CustomNode.svelte b/examples/svelte/src/routes/custom-connection-line/CustomNode.svelte
new file mode 100644
index 000000000..0f4cc6bd2
--- /dev/null
+++ b/examples/svelte/src/routes/custom-connection-line/CustomNode.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+  import { Handle, Position, type NodeProps } from '@xyflow/svelte';
+
+  type $$Props = NodeProps;
+
+  export let isConnectable: $$Props['isConnectable'];
+
+  const DEFAULT_HANDLE_STYLE = 'width: 10px; height: 10px; bottom: -5px;';
+</script>
+
+<div style="background: #DDD; padding: 25px">
+  <div>Node</div>
+  <Handle
+    type="source"
+    id="red"
+    position={Position.Bottom}
+    style={DEFAULT_HANDLE_STYLE + 'left: 15%; background: red;'}
+    {isConnectable}
+  />
+  <Handle
+    type="source"
+    position={Position.Bottom}
+    id="blue"
+    style={DEFAULT_HANDLE_STYLE + 'left: 50%; background: blue;'}
+    {isConnectable}
+  />
+  <Handle
+    type="source"
+    position={Position.Bottom}
+    id="orange"
+    style={DEFAULT_HANDLE_STYLE + 'left: 85%; background: orange;'}
+    {isConnectable}
+  />
+</div>
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index f2abe041d..31d67711a 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -8,8 +8,10 @@
 
 {#if $connectionPath}
   <svg width={$width} height={$height} class="svelte-flow__connectionline">
-    <g class={cc(['svelte-flow__connection', $connection.connectionStatus])}>
-      <path d={$connectionPath} fill="none" class="svelte-flow__connection-path" />
-    </g>
+    <slot name="connectionLineComponent">
+      <g class={cc(['svelte-flow__connection', $connection.connectionStatus])}>
+        <path d={$connectionPath} fill="none" class="svelte-flow__connection-path" />
+      </g>
+    </slot>
   </svg>
 {/if}
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 600622cea..c77c0b297 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -154,7 +154,9 @@
     <Pane on:paneclick panOnDrag={panOnDrag === undefined ? true : panOnDrag}>
       <ViewportComponent>
         <EdgeRenderer on:edgeclick on:edgecontextmenu />
-        <ConnectionLine />
+        <ConnectionLine>
+          <slot name="connectionLineComponent" slot="connectionLineComponent" />
+        </ConnectionLine>
         <div class="svelte-flow__edgelabel-renderer" />
         <NodeRenderer
           on:nodeclick

From 9865b9c2bf4a9337d402f95f5640fedfaea99357 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 26 Sep 2023 15:48:40 +0200
Subject: [PATCH 0208/1093] refactor(nodes): don't delete nodes when user
 focuses input and presses modifier

---
 .../react/src/hooks/useGlobalKeyHandler.ts    |  6 ++--
 packages/react/src/hooks/useKeyPress.ts       | 31 +++++++++++++------
 2 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/packages/react/src/hooks/useGlobalKeyHandler.ts b/packages/react/src/hooks/useGlobalKeyHandler.ts
index 79b49a3f9..c243298d2 100644
--- a/packages/react/src/hooks/useGlobalKeyHandler.ts
+++ b/packages/react/src/hooks/useGlobalKeyHandler.ts
@@ -2,12 +2,14 @@ import { useEffect } from 'react';
 import type { KeyCode } from '@xyflow/system';
 
 import { useStoreApi } from '../hooks/useStore';
-import useKeyPress from './useKeyPress';
+import useKeyPress, { UseKeyPressOptions } from './useKeyPress';
 import useReactFlow from './useReactFlow';
 import { Edge, Node } from '../types';
 
 const selected = (item: Node | Edge) => item.selected;
 
+const deleteKeyOptions: UseKeyPressOptions = { actInsideInputWithModifier: false };
+
 export default ({
   deleteKeyCode,
   multiSelectionKeyCode,
@@ -18,7 +20,7 @@ export default ({
   const store = useStoreApi();
   const { deleteElements } = useReactFlow();
 
-  const deleteKeyPressed = useKeyPress(deleteKeyCode);
+  const deleteKeyPressed = useKeyPress(deleteKeyCode, deleteKeyOptions);
   const multiSelectionKeyPressed = useKeyPress(multiSelectionKeyCode);
 
   useEffect(() => {
diff --git a/packages/react/src/hooks/useKeyPress.ts b/packages/react/src/hooks/useKeyPress.ts
index 5259b19cd..f897a6c42 100644
--- a/packages/react/src/hooks/useKeyPress.ts
+++ b/packages/react/src/hooks/useKeyPress.ts
@@ -6,16 +6,20 @@ type PressedKeys = Set<string>;
 type KeyOrCode = 'key' | 'code';
 
 export type UseKeyPressOptions = {
-  target: Window | Document | HTMLElement | ShadowRoot | null;
+  target?: Window | Document | HTMLElement | ShadowRoot | null;
+  actInsideInputWithModifier?: boolean;
 };
 
-const doc = typeof document !== 'undefined' ? document : null;
+const defaultDoc = typeof document !== 'undefined' ? document : null;
 
 // the keycode can be a string 'a' or an array of strings ['a', 'a+d']
 // a string means a single key 'a' or a combination when '+' is used 'a+d'
 // an array means different possibilites. Explainer: ['a', 'd+s'] here the
 // user can use the single key 'a' or the combination 'd' + 's'
-export default (keyCode: KeyCode | null = null, options: UseKeyPressOptions = { target: doc }): boolean => {
+export default (
+  keyCode: KeyCode | null = null,
+  options: UseKeyPressOptions = { target: defaultDoc, actInsideInputWithModifier: true }
+): boolean => {
   const [keyPressed, setKeyPressed] = useState(false);
 
   // we need to remember if a modifier key is pressed in order to track it
@@ -43,11 +47,16 @@ export default (keyCode: KeyCode | null = null, options: UseKeyPressOptions = {
   }, [keyCode]);
 
   useEffect(() => {
+    const target = options?.target || defaultDoc;
+
     if (keyCode !== null) {
       const downHandler = (event: KeyboardEvent) => {
         modifierPressed.current = event.ctrlKey || event.metaKey || event.shiftKey;
+        const preventAction =
+          (!modifierPressed.current || (modifierPressed.current && !options.actInsideInputWithModifier)) &&
+          isInputDOMNode(event);
 
-        if (!modifierPressed.current && isInputDOMNode(event)) {
+        if (preventAction) {
           return false;
         }
         const keyOrCode = useKeyOrCode(event.code, keysToWatch);
@@ -60,7 +69,11 @@ export default (keyCode: KeyCode | null = null, options: UseKeyPressOptions = {
       };
 
       const upHandler = (event: KeyboardEvent) => {
-        if (!modifierPressed.current && isInputDOMNode(event)) {
+        const preventAction =
+          (!modifierPressed.current || (modifierPressed.current && !options.actInsideInputWithModifier)) &&
+          isInputDOMNode(event);
+
+        if (preventAction) {
           return false;
         }
         const keyOrCode = useKeyOrCode(event.code, keysToWatch);
@@ -79,13 +92,13 @@ export default (keyCode: KeyCode | null = null, options: UseKeyPressOptions = {
         setKeyPressed(false);
       };
 
-      options?.target?.addEventListener('keydown', downHandler as EventListenerOrEventListenerObject);
-      options?.target?.addEventListener('keyup', upHandler as EventListenerOrEventListenerObject);
+      target?.addEventListener('keydown', downHandler as EventListenerOrEventListenerObject);
+      target?.addEventListener('keyup', upHandler as EventListenerOrEventListenerObject);
       window.addEventListener('blur', resetHandler);
 
       return () => {
-        options?.target?.removeEventListener('keydown', downHandler as EventListenerOrEventListenerObject);
-        options?.target?.removeEventListener('keyup', upHandler as EventListenerOrEventListenerObject);
+        target?.removeEventListener('keydown', downHandler as EventListenerOrEventListenerObject);
+        target?.removeEventListener('keyup', upHandler as EventListenerOrEventListenerObject);
         window.removeEventListener('blur', resetHandler);
       };
     }

From beecd9623bbd43df2f52d89a2ba02442f46b4362 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 26 Sep 2023 15:49:09 +0200
Subject: [PATCH 0209/1093] refined example

---
 .../src/routes/custom-connection-line/ConnectionLine.svelte     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
index 977359f1c..a3676bb0b 100644
--- a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
+++ b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
@@ -6,6 +6,6 @@
 
 {#if $connectionPath}
 	<g class={$connection.connectionStatus}>
-		<path d={$connectionPath} fill="none" stroke="red" />
+		<path d={$connectionPath} fill="none" stroke={$connection.connectionStartHandle?.handleId} />
 	</g>
 {/if}

From 88104fc15fbbd9aa111bf0a5311fa412aae778dc Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 26 Sep 2023 15:55:21 +0200
Subject: [PATCH 0210/1093] refactor(node): make expandParent compatible with
 extent parent

---
 packages/system/src/types/nodes.ts  | 1 +
 packages/system/src/utils/graph.ts  | 4 ++--
 packages/system/src/xydrag/utils.ts | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 52731a079..9d2359f35 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -81,6 +81,7 @@ export type NodeDragItem = {
   parentNode?: string;
   dragging?: boolean;
   origin?: NodeOrigin;
+  expandParent?: boolean;
 };
 
 export type NodeOrigin = [number, number];
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 3da50ebcd..fb7d74c27 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -227,7 +227,7 @@ export function calcNextPosition<NodeType extends NodeBase>(
       : parentPos;
   }
 
-  if (node.extent === 'parent') {
+  if (node.extent === 'parent' && !node.expandParent) {
     if (node.parentNode && node.width && node.height) {
       const currNodeOrigin = node.origin || nodeOrigin;
 
@@ -245,7 +245,7 @@ export function calcNextPosition<NodeType extends NodeBase>(
       onError?.('005', errorMessages['error005']());
       currentExtent = clampedNodeExtent;
     }
-  } else if (node.extent && node.parentNode) {
+  } else if (node.extent && node.parentNode && node.extent !== 'parent') {
     currentExtent = [
       [node.extent[0][0] + parentPos.x, node.extent[0][1] + parentPos.y],
       [node.extent[1][0] + parentPos.x, node.extent[1][1] + parentPos.y],
diff --git a/packages/system/src/xydrag/utils.ts b/packages/system/src/xydrag/utils.ts
index 05d49f74d..fbf0e8f92 100644
--- a/packages/system/src/xydrag/utils.ts
+++ b/packages/system/src/xydrag/utils.ts
@@ -65,6 +65,7 @@ export function getDragItems<NodeType extends NodeBase>(
       width: n.width,
       height: n.height,
       origin: n.origin,
+      expandParent: n.expandParent,
     }));
 }
 

From 84fbb25f69c44eca4a4b45ed6b0051202410c254 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 26 Sep 2023 16:00:07 +0200
Subject: [PATCH 0211/1093] chore(store): use correct type for fitView action

---
 packages/svelte/src/lib/store/types.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index 9156f6f03..c9511bd5a 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -23,7 +23,7 @@ export type SvelteFlowStoreActions = {
   setMinZoom: (minZoom: number) => void;
   setMaxZoom: (maxZoom: number) => void;
   setTranslateExtent: (extent: CoordinateExtent) => void;
-  fitView: (options?: FitViewOptions) => boolean;
+  fitView: (nodes: Node[], options?: FitViewOptions) => boolean;
   updateNodePositions: UpdateNodePositions;
   updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
   unselectNodesAndEdges: () => void;

From 854a9d3606868ddb2da7daba88d0ee151f4f3807 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 26 Sep 2023 16:01:00 +0200
Subject: [PATCH 0212/1093] feat(svelte) added connectionLineContainerStyle and
 connectionLineStyle props

---
 .../lib/components/ConnectionLine/ConnectionLine.svelte    | 7 +++++--
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte  | 4 +++-
 packages/svelte/src/lib/container/SvelteFlow/types.ts      | 2 ++
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index 31d67711a..9f53f4865 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -3,13 +3,16 @@
 
   import { useStore } from '$lib/store';
 
+  export let containerStyle: string = '';
+  export let style: string = '';
+
   const { connectionPath, width, height, connection } = useStore();
 </script>
 
 {#if $connectionPath}
-  <svg width={$width} height={$height} class="svelte-flow__connectionline">
+  <svg width={$width} height={$height} class="svelte-flow__connectionline" style={containerStyle}>
     <slot name="connectionLineComponent">
-      <g class={cc(['svelte-flow__connection', $connection.connectionStatus])}>
+      <g class={cc(['svelte-flow__connection', $connection.connectionStatus])} {style}>
         <path d={$connectionPath} fill="none" class="svelte-flow__connection-path" />
       </g>
     </slot>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index c77c0b297..ec54dfeae 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -39,6 +39,8 @@
   export let connectionRadius: $$Props['connectionRadius'] = undefined;
   export let connectionLineType: $$Props['connectionLineType'] = undefined;
   export let connectionMode: $$Props['connectionMode'] = ConnectionMode.Strict;
+  export let connectionLineStyle: $$Props['connectionLineStyle'] = '';
+  export let connectionLineContainerStyle: $$Props['connectionLineContainerStyle'] = '';
   export let onMoveStart: $$Props['onMoveStart'] = undefined;
   export let onMove: $$Props['onMove'] = undefined;
   export let onMoveEnd: $$Props['onMoveEnd'] = undefined;
@@ -154,7 +156,7 @@
     <Pane on:paneclick panOnDrag={panOnDrag === undefined ? true : panOnDrag}>
       <ViewportComponent>
         <EdgeRenderer on:edgeclick on:edgecontextmenu />
-        <ConnectionLine>
+        <ConnectionLine containerStyle={connectionLineContainerStyle} style={connectionLineStyle}>
           <slot name="connectionLineComponent" slot="connectionLineComponent" />
         </ConnectionLine>
         <div class="svelte-flow__edgelabel-renderer" />
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 8f038bcb0..00fed6d6a 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -39,6 +39,8 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   initialViewport?: Viewport;
   connectionRadius?: number;
   connectionMode?: ConnectionMode;
+  connectionLineStyle?: string;
+  connectionLineContainerStyle?: string;
   selectionMode?: SelectionMode;
   snapGrid?: SnapGrid;
   defaultMarkerColor?: string;

From 05a33e6b6d574be9a078a4887de0df45829f6d52 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 26 Sep 2023 16:01:05 +0200
Subject: [PATCH 0213/1093] chore(svelte): bump

---
 packages/svelte/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 131d7922c..1de47e737 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",

From 66caa4c8caf7119623b13cf1d0ae17ca0ef08d86 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 27 Sep 2023 13:40:03 +0200
Subject: [PATCH 0214/1093] chore(svelte) refactored connectionPath &
 connection

---
 .../ConnectionLine.svelte                     |  8 +--
 .../ConnectionLine/ConnectionLine.svelte      |  8 +--
 ...on-path.ts => derived-connection-props.ts} | 49 +++++++++++++++++--
 packages/svelte/src/lib/store/index.ts        | 42 +++++++---------
 .../svelte/src/lib/store/initial-store.ts     | 13 ++---
 packages/system/src/types/general.ts          |  8 +--
 packages/system/src/xyhandle/XYHandle.ts      | 17 +++++--
 7 files changed, 88 insertions(+), 57 deletions(-)
 rename packages/svelte/src/lib/store/{connection-path.ts => derived-connection-props.ts} (68%)

diff --git a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
index a3676bb0b..20ac61922 100644
--- a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
+++ b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
 	import { useStore } from '@xyflow/svelte';
 
-	const { connectionPath, connection } = useStore();
+	const { connection } = useStore();
 </script>
 
-{#if $connectionPath}
-	<g class={$connection.connectionStatus}>
-		<path d={$connectionPath} fill="none" stroke={$connection.connectionStartHandle?.handleId} />
+{#if $connection.path}
+	<g class={$connection.status}>
+		<path d={$connection.path} fill="none" stroke={$connection.startHandle?.handleId} />
 	</g>
 {/if}
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index 9f53f4865..d88cb728f 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -6,14 +6,14 @@
   export let containerStyle: string = '';
   export let style: string = '';
 
-  const { connectionPath, width, height, connection } = useStore();
+  const { width, height, connection } = useStore();
 </script>
 
-{#if $connectionPath}
+{#if $connection.path}
   <svg width={$width} height={$height} class="svelte-flow__connectionline" style={containerStyle}>
     <slot name="connectionLineComponent">
-      <g class={cc(['svelte-flow__connection', $connection.connectionStatus])} {style}>
-        <path d={$connectionPath} fill="none" class="svelte-flow__connection-path" />
+      <g class={cc(['svelte-flow__connection', $connection.status])} {style}>
+        <path d={$connection.path} fill="none" class="svelte-flow__connection-path" />
       </g>
     </slot>
   </svg>
diff --git a/packages/svelte/src/lib/store/connection-path.ts b/packages/svelte/src/lib/store/derived-connection-props.ts
similarity index 68%
rename from packages/svelte/src/lib/store/connection-path.ts
rename to packages/svelte/src/lib/store/derived-connection-props.ts
index aea51c3f0..f95868859 100644
--- a/packages/svelte/src/lib/store/connection-path.ts
+++ b/packages/svelte/src/lib/store/derived-connection-props.ts
@@ -1,4 +1,4 @@
-import { derived } from 'svelte/store';
+import { derived, type Writable } from 'svelte/store';
 import {
   getBezierPath,
   getSmoothStepPath,
@@ -10,6 +10,35 @@ import {
 } from '@xyflow/system';
 
 import type { SvelteFlowStoreState } from './types';
+import type { ConnectionData } from '$lib/types';
+
+export type ConnectionProps = {
+  path: string | null;
+  sourceX: number | null;
+  sourceY: number | null;
+  sourcePosition: Position | undefined | null;
+  targetX: number | null;
+  targetY: number | null;
+  targetPosition: Position | undefined | null;
+  pointerPosition: ConnectionData['connectionPosition'] | null;
+  startHandle: ConnectionData['connectionStartHandle'] | null;
+  endHandle: ConnectionData['connectionEndHandle'] | null;
+  status: ConnectionData['connectionStatus'] | null;
+};
+
+export const initConnectionProps = {
+  path: null,
+  sourceX: null,
+  sourceY: null,
+  sourcePosition: null,
+  targetX: null,
+  targetY: null,
+  targetPosition: null,
+  pointerPosition: null,
+  startHandle: null,
+  endHandle: null,
+  status: null
+};
 
 const oppositePosition = {
   [Position.Left]: Position.Right,
@@ -18,10 +47,13 @@ const oppositePosition = {
   [Position.Bottom]: Position.Top
 };
 
-export function getConnectionPath(store: SvelteFlowStoreState) {
+export function getDerivedConnectionProps(
+  store: SvelteFlowStoreState,
+  currentConnection: Writable<ConnectionData>
+) {
   return derived(
     [
-      store.connection,
+      currentConnection,
       store.connectionLineType,
       store.connectionMode,
       store.nodes,
@@ -29,7 +61,7 @@ export function getConnectionPath(store: SvelteFlowStoreState) {
     ],
     ([connection, connectionLineType, connectionMode, nodes, transform]) => {
       if (!connection.connectionStartHandle?.nodeId) {
-        return null;
+        return initConnectionProps;
       }
 
       const fromNode = nodes.find((n) => n.id === connection.connectionStartHandle?.nodeId);
@@ -80,7 +112,14 @@ export function getConnectionPath(store: SvelteFlowStoreState) {
         [path] = getStraightPath(pathParams);
       }
 
-      return path;
+      return {
+        path,
+        ...pathParams,
+        pointerPosition: connection.connectionPosition,
+        startHandle: connection.connectionStartHandle,
+        endHandle: connection.connectionEndHandle,
+        status: connection.connectionStatus
+      };
     }
   );
 }
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 08fc8b90f..18896daef 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -1,5 +1,5 @@
 import { getContext, setContext } from 'svelte';
-import { derived, get } from 'svelte/store';
+import { derived, get, writable } from 'svelte/store';
 import {
   internalsSymbol,
   createMarkerIds,
@@ -19,18 +19,13 @@ import {
 } from '@xyflow/system';
 
 import { addEdge as addEdgeUtil } from '$lib/utils';
-import type { EdgeTypes, NodeTypes, Node, Edge, FitViewOptions } from '$lib/types';
-import { getConnectionPath } from './connection-path';
-import {
-  initConnectionData,
-  initialEdgeTypes,
-  initialNodeTypes,
-  getInitialStore
-} from './initial-store';
+import type { EdgeTypes, NodeTypes, Node, Edge, FitViewOptions, ConnectionData } from '$lib/types';
+import { initialEdgeTypes, initialNodeTypes, getInitialStore } from './initial-store';
 import type { SvelteFlowStore } from './types';
 import { syncNodeStores, syncEdgeStores } from './utils';
 import { getEdgeTree } from './edge-tree';
 import { getVisibleNodes } from './visible-nodes';
+import { getDerivedConnectionProps } from './derived-connection-props';
 
 export const key = Symbol();
 
@@ -252,25 +247,22 @@ export function createStore(): SvelteFlowStore {
     });
   }
 
-  const updateConnection: UpdateConnection = (update) => {
-    const currentConnectionData = get(store.connection);
-
-    const nextConnectionData = currentConnectionData
-      ? {
-          ...initConnectionData,
-          ...currentConnectionData,
-          ...update
-        }
-      : {
-          ...initConnectionData,
-          ...update
-        };
+  const initConnectionUpdateData = {
+    connectionStartHandle: null,
+    connectionEndHandle: null,
+    connectionPosition: null,
+    connectionStatus: null
+  };
 
-    store.connection.set(nextConnectionData);
+  // by creating an internal, unexposed store and using a derived store
+  // we prevent using slow get() calls
+  const currentConnection = writable<ConnectionData>(initConnectionUpdateData);
+  const updateConnection: UpdateConnection = (newConnection: ConnectionData) => {
+    currentConnection.set(newConnection);
   };
 
   function cancelConnection() {
-    updateConnection(initConnectionData);
+    updateConnection(initConnectionUpdateData);
   }
 
   function reset() {
@@ -292,7 +284,7 @@ export function createStore(): SvelteFlowStore {
 
     // derived state
     edgeTree: getEdgeTree(store),
-    connectionPath: getConnectionPath(store),
+    connection: getDerivedConnectionProps(store, currentConnection),
     visibleNodes: getVisibleNodes(store),
     markers: derived(
       [store.edges, store.defaultMarkerColor, store.flowId],
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index f3e69b9e5..2740be0a9 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -24,15 +24,9 @@ import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
 import StepEdge from '$lib/components/edges/StepEdge.svelte';
-import type { ConnectionData, NodeTypes, EdgeTypes, EdgeLayouted, Node } from '$lib/types';
+import type { NodeTypes, EdgeTypes, EdgeLayouted, Node } from '$lib/types';
 import { createNodesStore, createEdgesStore } from './utils';
-
-export const initConnectionData = {
-  connectionStartHandle: null,
-  connectionEndHandle: null,
-  connectionPosition: null,
-  connectionStatus: null
-};
+import { initConnectionProps, type ConnectionProps } from './derived-connection-props';
 
 export const initialNodeTypes = {
   input: InputNode,
@@ -79,8 +73,7 @@ export const getInitialStore = () => ({
   transform: writable<Transform>([0, 0, 1]),
   connectionMode: writable<ConnectionMode>(ConnectionMode.Strict),
   domNode: writable<HTMLDivElement | null>(null),
-  connectionPath: readable<string | null>(null),
-  connection: writable<ConnectionData>(initConnectionData),
+  connection: readable<ConnectionProps>(initConnectionProps),
   connectionLineType: writable<ConnectionLineType>(ConnectionLineType.Bezier),
   connectionRadius: writable<number>(20),
   isValidConnection: writable<IsValidConnection>(() => true),
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index ba1c6e3c3..d23dee9b1 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -131,8 +131,8 @@ export type UpdateNodePositions = (
 export type PanBy = (delta: XYPosition) => boolean;
 
 export type UpdateConnection = (params: {
-  connectionPosition?: XYPosition | null;
-  connectionStatus?: ConnectionStatus | null;
-  connectionStartHandle?: ConnectingHandle | null;
-  connectionEndHandle?: ConnectingHandle | null;
+  connectionPosition: XYPosition | null;
+  connectionStatus: ConnectionStatus | null;
+  connectionStartHandle: ConnectingHandle | null;
+  connectionEndHandle: ConnectingHandle | null;
 }) => void;
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 732b3e60e..6ec865284 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -66,6 +66,8 @@ const nullConnection: Connection = { source: null, target: null, sourceHandle: n
 
 const alwaysValid = () => true;
 
+let connectionStartHandle: ConnectingHandle | null = null;
+
 function onPointerDown(
   event: MouseEvent | TouchEvent,
   {
@@ -129,15 +131,18 @@ function onPointerDown(
     autoPanId = requestAnimationFrame(autoPan);
   }
 
+  // Stays the same for all consecutive pointermove events
+  connectionStartHandle = {
+    nodeId,
+    handleId,
+    type: handleType,
+  };
+
   updateConnection({
     connectionPosition,
     connectionStatus: null,
     // connectionNodeId etc will be removed in the next major in favor of connectionStartHandle
-    connectionStartHandle: {
-      nodeId,
-      handleId,
-      type: handleType,
-    },
+    connectionStartHandle,
     connectionEndHandle: null,
   });
 
@@ -173,6 +178,7 @@ function onPointerDown(
     isValid = result.isValid;
 
     updateConnection({
+      connectionStartHandle,
       connectionPosition:
         closestHandle && isValid
           ? rendererPointToPoint(
@@ -220,6 +226,7 @@ function onPointerDown(
     isValid = false;
     connection = null;
     handleDomNode = null;
+    connectionStartHandle = null;
 
     doc.removeEventListener('mousemove', onPointerMove as EventListener);
     doc.removeEventListener('mouseup', onPointerUp as EventListener);

From 2112398caacb77d4899663c1f5b1200c76d8c9ec Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 27 Sep 2023 13:44:47 +0200
Subject: [PATCH 0215/1093] fix(svelte): fitView

---
 packages/svelte/src/lib/hooks/useSvelteFlow.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index d4a40ac38..47603751e 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -95,7 +95,9 @@ export function useSvelteFlow(): {
         { duration: options?.duration }
       );
     },
-    fitView,
+    fitView: (fitViewOptions?: FitViewOptions) => {
+      fitView(get(nodes), fitViewOptions);
+    },
     project: (position: XYPosition) => {
       const _snapGrid = get(snapGrid);
       return pointToRendererPoint(

From e83ba5dfa8e73282517843e8889392e0d039f7fc Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 27 Sep 2023 15:10:55 +0200
Subject: [PATCH 0216/1093] fix(svelte) fitView props mismatched

---
 packages/svelte/src/lib/store/index.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index dffae5f35..8b7f51566 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -313,7 +313,9 @@ export function createStore(): SvelteFlowStore {
     updateNodeDimensions,
     zoomIn,
     zoomOut,
-    fitView,
+    fitView: (options?: FitViewOptions) => {
+      return fitView(get(store.nodes), options);
+    },
     setMinZoom,
     setMaxZoom,
     setTranslateExtent,

From 1d8fc1bfaf8702c88eb7d07f18fcbe8d0ea5ce98 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 27 Sep 2023 15:53:17 +0200
Subject: [PATCH 0217/1093] fix(svelte) backup connection line now renders
 correctly

---
 .../svelte/src/routes/custom-connection-line/+page.svelte | 2 +-
 .../lib/components/ConnectionLine/ConnectionLine.svelte   | 6 ++++--
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte | 8 ++++++--
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/examples/svelte/src/routes/custom-connection-line/+page.svelte b/examples/svelte/src/routes/custom-connection-line/+page.svelte
index c5bcab3f9..585522251 100644
--- a/examples/svelte/src/routes/custom-connection-line/+page.svelte
+++ b/examples/svelte/src/routes/custom-connection-line/+page.svelte
@@ -26,7 +26,7 @@
 
 <div style="height:100vh;">
 	<SvelteFlow {nodeTypes} {nodes} {edges} fitView>
-		<ConnectionLine slot="connectionLineComponent" />
+		<ConnectionLine slot="connectionLine" />
 		<Background variant={BackgroundVariant.Lines} />
 	</SvelteFlow>
 </div>
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index d88cb728f..f8ddc5b35 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -5,16 +5,18 @@
 
   export let containerStyle: string = '';
   export let style: string = '';
+  export let usingCustomLine: boolean = false;
 
   const { width, height, connection } = useStore();
 </script>
 
 {#if $connection.path}
   <svg width={$width} height={$height} class="svelte-flow__connectionline" style={containerStyle}>
-    <slot name="connectionLineComponent">
+    <slot name="connectionLine" />
+    {#if !usingCustomLine}
       <g class={cc(['svelte-flow__connection', $connection.status])} {style}>
         <path d={$connection.path} fill="none" class="svelte-flow__connection-path" />
       </g>
-    </slot>
+    {/if}
   </svg>
 {/if}
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 2f13ac2f8..bb4502369 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -162,8 +162,12 @@
     <Pane on:paneclick panOnDrag={panOnDrag === undefined ? true : panOnDrag}>
       <ViewportComponent>
         <EdgeRenderer on:edgeclick on:edgecontextmenu {defaultEdgeOptions} />
-        <ConnectionLine containerStyle={connectionLineContainerStyle} style={connectionLineStyle}>
-          <slot name="connectionLineComponent" slot="connectionLineComponent" />
+        <ConnectionLine
+          containerStyle={connectionLineContainerStyle}
+          style={connectionLineStyle}
+          usingCustomLine={$$slots.connectionLine}
+        >
+          <slot name="connectionLine" slot="connectionLine" />
         </ConnectionLine>
         <div class="svelte-flow__edgelabel-renderer" />
         <NodeRenderer

From 79ab4cb3e0b2795eaacc586e213687faa5f1517b Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 27 Sep 2023 16:02:46 +0200
Subject: [PATCH 0218/1093] fix(svelte) corrected <g> positioning

---
 .../custom-connection-line/ConnectionLine.svelte      |  4 +---
 .../components/ConnectionLine/ConnectionLine.svelte   | 11 ++++++-----
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
index 20ac61922..23d8653d1 100644
--- a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
+++ b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
@@ -5,7 +5,5 @@
 </script>
 
 {#if $connection.path}
-	<g class={$connection.status}>
-		<path d={$connection.path} fill="none" stroke={$connection.startHandle?.handleId} />
-	</g>
+	<path d={$connection.path} fill="none" stroke={$connection.startHandle?.handleId} />
 {/if}
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index f8ddc5b35..4635dad54 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -12,11 +12,12 @@
 
 {#if $connection.path}
   <svg width={$width} height={$height} class="svelte-flow__connectionline" style={containerStyle}>
-    <slot name="connectionLine" />
-    {#if !usingCustomLine}
-      <g class={cc(['svelte-flow__connection', $connection.status])} {style}>
+    <g class={cc(['svelte-flow__connection', $connection.status])} {style}>
+      <slot name="connectionLine" />
+      <!-- slot fallbacks do not work if slots are forwarded in parent -->
+      {#if !usingCustomLine}
         <path d={$connection.path} fill="none" class="svelte-flow__connection-path" />
-      </g>
-    {/if}
+      {/if}
+    </g>
   </svg>
 {/if}

From 8a1a26385a2e16562af62ea4e2a4acfbed7b687b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 27 Sep 2023 16:10:16 +0200
Subject: [PATCH 0219/1093] feat(hooks): add useConnection

---
 .../custom-connection-line/ConnectionLine.svelte       |  4 ++--
 packages/svelte/src/lib/hooks/useConnection.ts         | 10 ++++++++++
 packages/svelte/src/lib/index.ts                       |  1 +
 3 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 packages/svelte/src/lib/hooks/useConnection.ts

diff --git a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
index 23d8653d1..0a7f87b5b 100644
--- a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
+++ b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { useStore } from '@xyflow/svelte';
+	import { useConnection } from '@xyflow/svelte';
 
-	const { connection } = useStore();
+	const connection = useConnection();
 </script>
 
 {#if $connection.path}
diff --git a/packages/svelte/src/lib/hooks/useConnection.ts b/packages/svelte/src/lib/hooks/useConnection.ts
new file mode 100644
index 000000000..6db9e7354
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/useConnection.ts
@@ -0,0 +1,10 @@
+import type { Readable } from 'svelte/store';
+
+import { useStore } from '$lib/store';
+import type { ConnectionProps } from '$lib/store/derived-connection-props';
+
+export function useConnection(): Readable<ConnectionProps> {
+  const { connection } = useStore();
+
+  return connection;
+}
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 66b1af100..f1af37918 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -21,6 +21,7 @@ export { useStore } from '$lib/store';
 export * from '$lib/utils';
 export * from '$lib/hooks/useSvelteFlow';
 export * from '$lib/hooks/useUpdateNodeInternals';
+export * from '$lib/hooks/useConnection';
 
 // types
 export type { Edge, EdgeProps, EdgeTypes, DefaultEdgeOptions } from '$lib/types/edges';

From 335e116d4496e66005448a01037a99e21603cfd6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 27 Sep 2023 16:15:43 +0200
Subject: [PATCH 0220/1093] chore(svelte): cleanup

---
 packages/svelte/CHANGELOG.md                                  | 3 +++
 .../src/lib/components/ConnectionLine/ConnectionLine.svelte   | 4 ++--
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte     | 2 +-
 packages/svelte/src/lib/hooks/useSvelteFlow.ts                | 4 +---
 packages/svelte/src/lib/store/types.ts                        | 2 +-
 5 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 439de9512..bfd9be665 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,8 @@
 ## 0.0.22
 
+- add `connectionLine` slot for rendering a custom connection line 
+- add `connectionLineStyle` and `connectionLineContainerStyle` props
+- add `useConnection` hook
 - add `nodeDragThreshold` prop
 - add `fitViewOptions` prop
 - add `defaultEdgeOptions` prop
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index 4635dad54..eb30d3f7b 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -5,7 +5,7 @@
 
   export let containerStyle: string = '';
   export let style: string = '';
-  export let usingCustomLine: boolean = false;
+  export let isCustomComponent: boolean = false;
 
   const { width, height, connection } = useStore();
 </script>
@@ -15,7 +15,7 @@
     <g class={cc(['svelte-flow__connection', $connection.status])} {style}>
       <slot name="connectionLine" />
       <!-- slot fallbacks do not work if slots are forwarded in parent -->
-      {#if !usingCustomLine}
+      {#if !isCustomComponent}
         <path d={$connection.path} fill="none" class="svelte-flow__connection-path" />
       {/if}
     </g>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 94e0c117b..aaf510631 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -167,7 +167,7 @@
         <ConnectionLine
           containerStyle={connectionLineContainerStyle}
           style={connectionLineStyle}
-          usingCustomLine={$$slots.connectionLine}
+          isCustomComponent={$$slots.connectionLine}
         >
           <slot name="connectionLine" slot="connectionLine" />
         </ConnectionLine>
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 47603751e..d4a40ac38 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -95,9 +95,7 @@ export function useSvelteFlow(): {
         { duration: options?.duration }
       );
     },
-    fitView: (fitViewOptions?: FitViewOptions) => {
-      fitView(get(nodes), fitViewOptions);
-    },
+    fitView,
     project: (position: XYPosition) => {
       const _snapGrid = get(snapGrid);
       return pointToRendererPoint(
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index c9511bd5a..9156f6f03 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -23,7 +23,7 @@ export type SvelteFlowStoreActions = {
   setMinZoom: (minZoom: number) => void;
   setMaxZoom: (maxZoom: number) => void;
   setTranslateExtent: (extent: CoordinateExtent) => void;
-  fitView: (nodes: Node[], options?: FitViewOptions) => boolean;
+  fitView: (options?: FitViewOptions) => boolean;
   updateNodePositions: UpdateNodePositions;
   updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
   unselectNodesAndEdges: () => void;

From 2215b684383303dca36c6e5db06fca48d0f4d579 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 27 Sep 2023 17:26:51 +0200
Subject: [PATCH 0221/1093] fix(svelte): background lines

---
 examples/svelte/src/routes/stress/+page.svelte               | 2 +-
 packages/svelte/src/lib/plugins/Background/DotPattern.svelte | 2 +-
 packages/system/src/styles/init.css                          | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/examples/svelte/src/routes/stress/+page.svelte b/examples/svelte/src/routes/stress/+page.svelte
index b57384cab..0d67394bb 100644
--- a/examples/svelte/src/routes/stress/+page.svelte
+++ b/examples/svelte/src/routes/stress/+page.svelte
@@ -52,6 +52,6 @@
 
 <SvelteFlow {nodes} {edges} fitView minZoom={0.2}>
 	<Controls />
-	<Background variant={BackgroundVariant.Dots} />
+	<Background variant={BackgroundVariant.Lines} />
 	<MiniMap />
 </SvelteFlow>
diff --git a/packages/svelte/src/lib/plugins/Background/DotPattern.svelte b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
index 1951a3d27..62c0077a0 100644
--- a/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
+++ b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
@@ -10,5 +10,5 @@
   cx={radius}
   cy={radius}
   r={radius}
-  class={cc(['svelte-flow__background-pattern', 'dot', className])}
+  class={cc(['svelte-flow__background-pattern', 'dots', className])}
 />
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 0bdb9f71f..53a6bb83c 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -276,14 +276,14 @@
 }
 
 .xy-flow__background-pattern {
-  &.dot {
+  &.dots {
     fill: var(
       --background-pattern-color-props,
       var(--background-pattern-color, var(--background-pattern-dot-color-default))
     );
   }
 
-  &.line {
+  &.lines {
     stroke: var(
       --background-pattern-color-props,
       var(--background-pattern-color, var(--background-pattern-line-color-default))

From ae33cba887f5b71633b88e1e9b6b11d90ffa73d0 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Thu, 28 Sep 2023 16:19:03 +0200
Subject: [PATCH 0222/1093] feat(react/svelte): controlled viewport (#3461)

* feat(react): controlled viewport

* refactor(react): cleanup viewport

* feat(svelte): two way data binding for viewport, cleanup transform <> viewport stuff

* refactor(svelte): viewport stuff
---
 examples/react/src/App/index.tsx              |  6 ++
 .../src/examples/ControlledViewport/index.tsx | 88 +++++++++++++++++++
 .../src/components/Header/Header.svelte       |  5 +-
 .../src/routes/two-way-viewport/+page.svelte  |  9 ++
 .../src/routes/two-way-viewport/Flow.svelte   | 46 ++++++++++
 .../src/container/FlowRenderer/index.tsx      |  5 ++
 .../react/src/container/GraphView/index.tsx   |  8 +-
 .../react/src/container/ReactFlow/index.tsx   |  4 +
 .../react/src/container/Viewport/index.tsx    |  1 +
 .../react/src/container/ZoomPane/index.tsx    | 14 ++-
 packages/react/src/hooks/useViewportSync.ts   | 21 +++++
 packages/react/src/types/component-props.ts   |  2 +
 packages/svelte/src/lib/actions/drag/index.ts |  3 +-
 packages/svelte/src/lib/actions/zoom/index.ts | 14 +--
 .../src/lib/components/Handle/Handle.svelte   |  4 +-
 .../svelte/src/lib/container/Pane/Pane.svelte |  4 +-
 .../container/SvelteFlow/SvelteFlow.svelte    |  2 +
 .../src/lib/container/SvelteFlow/types.ts     |  1 +
 .../lib/container/Viewport/Viewport.svelte    |  4 +-
 .../svelte/src/lib/container/Zoom/Zoom.svelte |  4 +-
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 47 +++-------
 .../lib/plugins/Background/Background.svelte  | 10 +--
 .../src/lib/plugins/Controls/Controls.svelte  |  6 +-
 .../src/lib/plugins/Minimap/Minimap.svelte    | 12 +--
 .../src/lib/plugins/Minimap/interactive.ts    |  9 +-
 .../src/lib/store/derived-connection-props.ts |  8 +-
 packages/svelte/src/lib/store/edge-tree.ts    |  6 +-
 packages/svelte/src/lib/store/index.ts        | 10 +--
 .../svelte/src/lib/store/initial-store.ts     |  6 +-
 packages/svelte/src/lib/store/types.ts        |  4 +-
 packages/svelte/src/lib/store/utils.ts        | 50 ++++++++++-
 .../svelte/src/lib/store/visible-nodes.ts     |  7 +-
 packages/system/src/types/panzoom.ts          |  5 +-
 packages/system/src/xypanzoom/XYPanZoom.ts    | 17 ++++
 packages/system/src/xypanzoom/eventhandler.ts |  4 +-
 35 files changed, 351 insertions(+), 95 deletions(-)
 create mode 100644 examples/react/src/examples/ControlledViewport/index.tsx
 create mode 100644 examples/svelte/src/routes/two-way-viewport/+page.svelte
 create mode 100644 examples/svelte/src/routes/two-way-viewport/Flow.svelte
 create mode 100644 packages/react/src/hooks/useViewportSync.ts

diff --git a/examples/react/src/App/index.tsx b/examples/react/src/App/index.tsx
index ce5b48990..b6bc5be78 100644
--- a/examples/react/src/App/index.tsx
+++ b/examples/react/src/App/index.tsx
@@ -4,6 +4,7 @@ import { BrowserRouter, Route, Routes, useLocation, useNavigate } from 'react-ro
 import Basic from '../examples/Basic';
 import Backgrounds from '../examples/Backgrounds';
 import ControlledUncontrolled from '../examples/ControlledUncontrolled';
+import ControlledViewport from '../examples/ControlledViewport';
 import CustomConnectionLine from '../examples/CustomConnectionLine';
 import CustomMiniMapNode from '../examples/CustomMiniMapNode';
 import CustomNode from '../examples/CustomNode';
@@ -74,6 +75,11 @@ const routes: IRoute[] = [
     path: '/controlled-uncontrolled',
     component: ControlledUncontrolled,
   },
+  {
+    name: 'Controlled Viewport',
+    path: '/controlled-viewport',
+    component: ControlledViewport,
+  },
   {
     name: 'Custom Connection Line',
     path: '/custom-connectionline',
diff --git a/examples/react/src/examples/ControlledViewport/index.tsx b/examples/react/src/examples/ControlledViewport/index.tsx
new file mode 100644
index 000000000..ebf4d029f
--- /dev/null
+++ b/examples/react/src/examples/ControlledViewport/index.tsx
@@ -0,0 +1,88 @@
+import { MouseEvent, useCallback, useState } from 'react';
+import {
+  ReactFlow,
+  addEdge,
+  Node,
+  Connection,
+  Edge,
+  useNodesState,
+  useEdgesState,
+  Viewport,
+  Panel,
+  MiniMap,
+  Background,
+  ReactFlowProvider,
+  useReactFlow,
+  Controls,
+} from '@xyflow/react';
+
+const initNodes: Node[] = [
+  {
+    id: '1a',
+    type: 'input',
+    data: { label: 'Node 1' },
+    position: { x: 250, y: 5 },
+    className: 'light',
+    ariaLabel: 'Input Node 1',
+  },
+  {
+    id: '2a',
+    data: { label: 'Node 2' },
+    position: { x: 100, y: 100 },
+    className: 'light',
+    ariaLabel: 'Default Node 2',
+  },
+  {
+    id: '3a',
+    data: { label: 'Node 3' },
+    position: { x: 400, y: 100 },
+    className: 'light',
+  },
+  {
+    id: '4a',
+    data: { label: 'Node 4' },
+    position: { x: 400, y: 200 },
+    className: 'light',
+  },
+];
+
+const initEdges: Edge[] = [
+  { id: 'e1-2', source: '1a', target: '2a', ariaLabel: undefined },
+  { id: 'e1-3', source: '1a', target: '3a' },
+];
+
+const Flow = () => {
+  const [nodes, setNodes, onNodesChange] = useNodesState(initNodes);
+  const [edges, setEdges, onEdgesChange] = useEdgesState(initEdges);
+  const [viewport, setViewport] = useState<Viewport>({ x: 0, y: 0, zoom: 1 });
+  const { fitView } = useReactFlow();
+
+  const onConnect = useCallback((params: Connection | Edge) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
+
+  return (
+    <ReactFlow
+      nodes={nodes}
+      edges={edges}
+      onNodesChange={onNodesChange}
+      onEdgesChange={onEdgesChange}
+      onConnect={onConnect}
+      viewport={viewport}
+      onViewportChange={setViewport}
+    >
+      <Panel position="top-left">
+        <button onClick={() => setViewport((vp) => ({ ...vp, y: vp.y + 10 }))}>update viewport</button>
+        <button onClick={() => fitView()}>fitView</button>
+      </Panel>
+
+      <MiniMap />
+      <Background />
+      <Controls />
+    </ReactFlow>
+  );
+};
+
+export default () => (
+  <ReactFlowProvider>
+    <Flow />
+  </ReactFlowProvider>
+);
diff --git a/examples/svelte/src/components/Header/Header.svelte b/examples/svelte/src/components/Header/Header.svelte
index 3d0c9ff53..6755fc2d4 100644
--- a/examples/svelte/src/components/Header/Header.svelte
+++ b/examples/svelte/src/components/Header/Header.svelte
@@ -3,6 +3,7 @@
 	import { page } from '$app/stores';
 
 	const routes = [
+		'custom-connection-line',
 		'customnode',
 		'drag-n-drop',
 		'edges',
@@ -11,10 +12,10 @@
 		'overview',
 		'stress',
 		'subflows',
+		'two-way-viewport',
 		'usesvelteflow',
 		'useupdatenodeinternals',
-		'validation',
-		'custom-connection-line'
+		'validation'
 	];
 
 	const onChange = (event: Event) => {
diff --git a/examples/svelte/src/routes/two-way-viewport/+page.svelte b/examples/svelte/src/routes/two-way-viewport/+page.svelte
new file mode 100644
index 000000000..12dec33ca
--- /dev/null
+++ b/examples/svelte/src/routes/two-way-viewport/+page.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+	import { SvelteFlowProvider } from '@xyflow/svelte';
+
+	import Flow from './Flow.svelte';
+</script>
+
+<SvelteFlowProvider>
+	<Flow />
+</SvelteFlowProvider>
diff --git a/examples/svelte/src/routes/two-way-viewport/Flow.svelte b/examples/svelte/src/routes/two-way-viewport/Flow.svelte
new file mode 100644
index 000000000..7aa5a9b48
--- /dev/null
+++ b/examples/svelte/src/routes/two-way-viewport/Flow.svelte
@@ -0,0 +1,46 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import {
+		SvelteFlow,
+		Controls,
+		Background,
+		BackgroundVariant,
+		Panel,
+		useSvelteFlow,
+		type Viewport
+	} from '@xyflow/svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodes = writable([
+		{
+			id: 'A',
+			position: { x: 0, y: 0 },
+			data: { label: 'A' }
+		},
+		{ id: 'B', position: { x: 0, y: 100 }, data: { label: 'B' } }
+	]);
+	const edges = writable([{ id: 'ab', source: 'A', target: 'B' }]);
+	const viewport = writable<Viewport>({ x: 0, y: 10, zoom: 1.25 });
+
+	const { fitView } = useSvelteFlow();
+
+	const updateViewport = () => {
+		$viewport.x += 10;
+		$viewport = $viewport;
+	};
+
+	viewport.subscribe((vp) => {
+		console.log('viewport update', vp);
+	});
+</script>
+
+<SvelteFlow {nodes} {edges} fitView {viewport}>
+	<Controls />
+	<Background variant={BackgroundVariant.Dots} />
+
+	<Panel>
+		<button on:click={updateViewport}>update viewport</button>
+		<button on:click={() => fitView()}>fitView</button>
+	</Panel>
+</SvelteFlow>
diff --git a/packages/react/src/container/FlowRenderer/index.tsx b/packages/react/src/container/FlowRenderer/index.tsx
index 1267eba9e..442cc2bfc 100644
--- a/packages/react/src/container/FlowRenderer/index.tsx
+++ b/packages/react/src/container/FlowRenderer/index.tsx
@@ -24,6 +24,7 @@ export type FlowRendererProps = Omit<
   | 'rfId'
   | 'nodeOrigin'
 > & {
+  isControlledViewport: boolean;
   children: ReactNode;
 };
 
@@ -63,6 +64,8 @@ const FlowRenderer = ({
   noWheelClassName,
   noPanClassName,
   disableKeyboardA11y,
+  onViewportChange,
+  isControlledViewport,
 }: FlowRendererProps) => {
   const nodesSelectionActive = useStore(selector);
   const selectionKeyPressed = useKeyPress(selectionKeyCode);
@@ -92,6 +95,8 @@ const FlowRenderer = ({
       preventScrolling={preventScrolling}
       noWheelClassName={noWheelClassName}
       noPanClassName={noPanClassName}
+      onViewportChange={onViewportChange}
+      isControlledViewport={isControlledViewport}
     >
       <Pane
         onSelectionStart={onSelectionStart}
diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index 214602750..014d754fc 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -5,8 +5,9 @@ import NodeRenderer from '../NodeRenderer';
 import EdgeRenderer from '../EdgeRenderer';
 import ViewportWrapper from '../Viewport';
 import useOnInitHandler from '../../hooks/useOnInitHandler';
+import useViewportSync from '../../hooks/useViewportSync';
 import ConnectionLine from '../../components/ConnectionLine';
-import type { NodeTypesWrapped, ReactFlowProps } from '../../types';
+import type { ReactFlowProps } from '../../types';
 import { createNodeTypes } from '../NodeRenderer/utils';
 import { createEdgeTypes } from '../EdgeRenderer/utils';
 import { useNodeOrEdgeTypes } from './utils';
@@ -104,11 +105,14 @@ const GraphView = ({
   nodeOrigin,
   nodeExtent,
   rfId,
+  viewport,
+  onViewportChange,
 }: GraphViewProps) => {
   const nodeTypesWrapped = useNodeOrEdgeTypes(nodeTypes, createNodeTypes);
   const edgeTypesWrapped = useNodeOrEdgeTypes(edgeTypes, createEdgeTypes);
 
   useOnInitHandler(onInit);
+  useViewportSync(viewport);
 
   return (
     <FlowRenderer
@@ -145,6 +149,8 @@ const GraphView = ({
       noWheelClassName={noWheelClassName}
       noPanClassName={noPanClassName}
       disableKeyboardA11y={disableKeyboardA11y}
+      onViewportChange={onViewportChange}
+      isControlledViewport={!!viewport}
     >
       <ViewportWrapper>
         <EdgeRenderer
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index f45650991..8b5016248 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -164,6 +164,8 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
       style,
       id,
       nodeDragThreshold,
+      viewport,
+      onViewportChange,
       ...rest
     },
     ref
@@ -242,6 +244,8 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
             disableKeyboardA11y={disableKeyboardA11y}
             nodeOrigin={nodeOrigin}
             nodeExtent={nodeExtent}
+            viewport={viewport}
+            onViewportChange={onViewportChange}
           />
           <StoreUpdater
             nodes={nodes}
diff --git a/packages/react/src/container/Viewport/index.tsx b/packages/react/src/container/Viewport/index.tsx
index 5a297c54a..ab10bada7 100644
--- a/packages/react/src/container/Viewport/index.tsx
+++ b/packages/react/src/container/Viewport/index.tsx
@@ -2,6 +2,7 @@ import type { ReactNode } from 'react';
 
 import { useStore } from '../../hooks/useStore';
 import type { ReactFlowState } from '../../types';
+import { Viewport } from '@xyflow/system';
 
 const selector = (s: ReactFlowState) => `translate(${s.transform[0]}px,${s.transform[1]}px) scale(${s.transform[2]})`;
 
diff --git a/packages/react/src/container/ZoomPane/index.tsx b/packages/react/src/container/ZoomPane/index.tsx
index e24056cf4..aee6ac871 100644
--- a/packages/react/src/container/ZoomPane/index.tsx
+++ b/packages/react/src/container/ZoomPane/index.tsx
@@ -18,7 +18,9 @@ type ZoomPaneProps = Omit<
   | 'noDragClassName'
   | 'disableKeyboardA11y'
   | 'selectionOnDrag'
->;
+> & {
+  isControlledViewport: boolean;
+};
 
 const selector = (s: ReactFlowState) => ({
   userSelectionActive: s.userSelectionActive,
@@ -43,6 +45,8 @@ const ZoomPane = ({
   children,
   noWheelClassName,
   noPanClassName,
+  onViewportChange,
+  isControlledViewport,
 }: ZoomPaneProps) => {
   const store = useStoreApi();
   const zoomPane = useRef<HTMLDivElement>(null);
@@ -60,7 +64,13 @@ const ZoomPane = ({
         maxZoom,
         translateExtent,
         viewport: defaultViewport,
-        onTransformChange: (transform: Transform) => store.setState({ transform }),
+        onTransformChange: (transform: Transform) => {
+          onViewportChange?.({ x: transform[0], y: transform[1], zoom: transform[2] });
+
+          if (!isControlledViewport) {
+            store.setState({ transform });
+          }
+        },
         onDraggingChange: (paneDragging: boolean) => store.setState({ paneDragging }),
         onPanZoomStart: (event, vp) => {
           const { onViewportChangeStart, onMoveStart } = store.getState();
diff --git a/packages/react/src/hooks/useViewportSync.ts b/packages/react/src/hooks/useViewportSync.ts
new file mode 100644
index 000000000..a34cdcd57
--- /dev/null
+++ b/packages/react/src/hooks/useViewportSync.ts
@@ -0,0 +1,21 @@
+import { useEffect } from 'react';
+import type { Viewport } from '@xyflow/system';
+
+import { useStore, useStoreApi } from './useStore';
+import type { ReactFlowState } from '../types';
+
+const selector = (state: ReactFlowState) => state.panZoom?.syncViewport;
+
+export default function useViewportSync(viewport?: Viewport) {
+  const syncViewport = useStore(selector);
+  const store = useStoreApi();
+
+  useEffect(() => {
+    if (viewport) {
+      syncViewport?.(viewport);
+      store.setState({ transform: [viewport.x, viewport.y, viewport.zoom] });
+    }
+  }, [viewport, syncViewport]);
+
+  return null;
+}
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index b1078e7b6..3fe97f078 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -120,7 +120,9 @@ export type ReactFlowProps = HTMLAttributes<HTMLDivElement> & {
   panOnDrag?: boolean | number[];
   minZoom?: number;
   maxZoom?: number;
+  viewport?: Viewport;
   defaultViewport?: Viewport;
+  onViewportChange?: (viewport: Viewport) => void;
   translateExtent?: CoordinateExtent;
   preventScrolling?: boolean;
   nodeExtent?: CoordinateExtent;
diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index 65f7a1e7f..bf93b0419 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -24,6 +24,7 @@ export default function drag(domNode: Element, params: UseDragParams) {
     onDragStop,
     getStoreItems: () => {
       const snapGrid = get(store.snapGrid);
+      const vp = get(store.viewport);
 
       return {
         nodes: get(store.nodes),
@@ -34,7 +35,7 @@ export default function drag(domNode: Element, params: UseDragParams) {
         nodeOrigin: [0, 0],
         multiSelectionActive: false,
         domNode: get(store.domNode),
-        transform: get(store.transform),
+        transform: [vp.x, vp.y, vp.zoom],
         autoPanOnNodeDrag: get(store.autoPanOnNodeDrag),
         nodesDraggable: get(store.nodesDraggable),
         selectNodesOnDrag: get(store.selectNodesOnDrag),
diff --git a/packages/svelte/src/lib/actions/zoom/index.ts b/packages/svelte/src/lib/actions/zoom/index.ts
index d85bc101a..b96e012fd 100644
--- a/packages/svelte/src/lib/actions/zoom/index.ts
+++ b/packages/svelte/src/lib/actions/zoom/index.ts
@@ -5,15 +5,14 @@ import {
   type CoordinateExtent,
   type OnPanZoom,
   type PanZoomInstance,
-  type Transform,
   type Viewport
 } from '@xyflow/system';
 
 type ZoomParams = {
-  transform: Writable<Transform>;
+  viewport: Writable<Viewport>;
+  initialViewport: Viewport;
   minZoom: number;
   maxZoom: number;
-  initialViewport: Viewport;
   dragging: Writable<boolean>;
   onPanZoomStart?: OnPanZoom;
   onPanZoom?: OnPanZoom;
@@ -39,7 +38,7 @@ type ZoomParams = {
 };
 
 export default function zoom(domNode: Element, params: ZoomParams) {
-  const { panZoom, minZoom, maxZoom, initialViewport, transform, dragging, translateExtent } =
+  const { panZoom, minZoom, maxZoom, initialViewport, viewport, dragging, translateExtent } =
     params;
 
   const panZoomInstance = XYPanZoom({
@@ -48,11 +47,12 @@ export default function zoom(domNode: Element, params: ZoomParams) {
     maxZoom,
     translateExtent,
     viewport: initialViewport,
-    onTransformChange: transform.set,
+    onTransformChange: (transform) =>
+      viewport.set({ x: transform[0], y: transform[1], zoom: transform[2] }),
     onDraggingChange: dragging.set
   });
-  const { x, y, zoom } = panZoomInstance.getViewport();
-  transform.set([x, y, zoom]);
+  const currentViewport = panZoomInstance.getViewport();
+  viewport.set(currentViewport);
   panZoom.set(panZoomInstance);
 
   panZoomInstance.update(params);
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 0108357be..58d5ad021 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -34,7 +34,7 @@
     domNode,
     nodes,
     connectionRadius,
-    transform,
+    viewport,
     isValidConnection,
     lib,
     addEdge,
@@ -80,7 +80,7 @@
         onConnectEnd: (event) => {
           dispatch('connectend', { event });
         },
-        getTransform: () => $transform
+        getTransform: () => [$viewport.x, $viewport.y, $viewport.zoom]
       });
     }
   }
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 1305ccdcb..6727fc44c 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -45,7 +45,7 @@
   const {
     nodes,
     edges,
-    transform,
+    viewport,
     dragging,
     elementsSelectable,
     selectionRect,
@@ -120,7 +120,7 @@
     selectedNodes = getNodesInside<Node>(
       $nodes,
       nextUserSelectRect,
-      $transform,
+      [$viewport.x, $viewport.y, $viewport.zoom],
       $selectionMode === SelectionMode.Partial,
       true
     );
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index aaf510631..ef5d547b4 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -27,6 +27,7 @@
   export let minZoom: $$Props['minZoom'] = undefined;
   export let maxZoom: $$Props['maxZoom'] = undefined;
   export let initialViewport: Viewport = { x: 0, y: 0, zoom: 1 };
+  export let viewport: $$Props['viewport'] = undefined;
   export let nodeTypes: $$Props['nodeTypes'] = undefined;
   export let edgeTypes: $$Props['edgeTypes'] = undefined;
   export let selectionKey: $$Props['selectionKey'] = undefined;
@@ -81,6 +82,7 @@
 
     store.syncNodeStores(nodes);
     store.syncEdgeStores(edges);
+    store.syncViewport(viewport);
 
     if (fitView !== undefined) {
       store.fitViewOnInit.set(fitView);
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index f0214d4a1..91f3bb704 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -47,6 +47,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   minZoom?: number;
   maxZoom?: number;
   initialViewport?: Viewport;
+  viewport?: Writable<Viewport>;
   connectionRadius?: number;
   connectionMode?: ConnectionMode;
   connectionLineStyle?: string;
diff --git a/packages/svelte/src/lib/container/Viewport/Viewport.svelte b/packages/svelte/src/lib/container/Viewport/Viewport.svelte
index 2d331ba1e..a6578a874 100644
--- a/packages/svelte/src/lib/container/Viewport/Viewport.svelte
+++ b/packages/svelte/src/lib/container/Viewport/Viewport.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
   import { useStore } from '$lib/store';
 
-  const { transform } = useStore();
+  const { viewport } = useStore();
 </script>
 
 <div
   class="svelte-flow__viewport xyflow__viewport"
-  style="transform: translate({$transform[0]}px, {$transform[1]}px) scale({$transform[2]})"
+  style="transform: translate({$viewport.x}px, {$viewport.y}px) scale({$viewport.zoom})"
 >
   <slot />
 </div>
diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index 1a4a7008c..d86a8505e 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -20,7 +20,7 @@
   export let panOnScroll: $$Props['panOnScroll'];
 
   const {
-    transform,
+    viewport,
     panZoom,
     selectionKeyPressed,
     minZoom,
@@ -38,7 +38,7 @@
 <div
   class="svelte-flow__zoom"
   use:zoom={{
-    transform,
+    viewport,
     minZoom: $minZoom,
     maxZoom: $maxZoom,
     initialViewport: viewPort,
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index d4a40ac38..366f104df 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -1,4 +1,4 @@
-import { get, writable, type Writable } from 'svelte/store';
+import { get, type Writable } from 'svelte/store';
 import {
   pointToRendererPoint,
   type Project,
@@ -32,7 +32,7 @@ export function useSvelteFlow(): {
     zoomOut,
     fitView,
     snapGrid,
-    transform,
+    viewport,
     width,
     height,
     maxZoom,
@@ -41,44 +41,26 @@ export function useSvelteFlow(): {
     edges
   } = useStore();
 
-  const transformValues = get(transform);
-  const viewportWritable = writable({
-    x: transformValues[0],
-    y: transformValues[1],
-    zoom: transformValues[2]
-  });
-
-  transform.subscribe((ts) =>
-    viewportWritable.set({
-      x: ts[0],
-      y: ts[1],
-      zoom: ts[2]
-    })
-  );
-
   return {
     zoomIn,
     zoomOut,
     setZoom: (zoomLevel, options) => {
       get(panZoom)?.scaleTo(zoomLevel, { duration: options?.duration });
     },
-    getZoom: () => get(transform)[2],
-    setViewport: (viewport, options) => {
-      const [x, y, zoom] = get(transform);
+    getZoom: () => get(viewport).zoom,
+    setViewport: (vieport, options) => {
+      const currentViewport = get(viewport);
 
       get(panZoom)?.setViewport(
         {
-          x: viewport.x ?? x,
-          y: viewport.y ?? y,
-          zoom: viewport.zoom ?? zoom
+          x: vieport.x ?? currentViewport.x,
+          y: vieport.y ?? currentViewport.y,
+          zoom: vieport.zoom ?? currentViewport.zoom
         },
         { duration: options?.duration }
       );
     },
-    getViewport: () => {
-      const [x, y, zoom] = get(transform);
-      return { x, y, zoom };
-    },
+    getViewport: () => get(viewport),
     setCenter: (x, y, options) => {
       const _width = get(width);
       const _height = get(height);
@@ -98,15 +80,12 @@ export function useSvelteFlow(): {
     fitView,
     project: (position: XYPosition) => {
       const _snapGrid = get(snapGrid);
-      return pointToRendererPoint(
-        position,
-        get(transform),
-        _snapGrid !== null,
-        _snapGrid || [1, 1]
-      );
+      const { x, y, zoom } = get(viewport);
+
+      return pointToRendererPoint(position, [x, y, zoom], _snapGrid !== null, _snapGrid || [1, 1]);
     },
     nodes,
     edges,
-    viewport: viewportWritable
+    viewport: viewport
   };
 }
diff --git a/packages/svelte/src/lib/plugins/Background/Background.svelte b/packages/svelte/src/lib/plugins/Background/Background.svelte
index 5086c210a..7e6a9bffd 100644
--- a/packages/svelte/src/lib/plugins/Background/Background.svelte
+++ b/packages/svelte/src/lib/plugins/Background/Background.svelte
@@ -26,15 +26,15 @@
   let className: $$Props['class'] = '';
   export { className as class };
 
-  const { transform, flowId } = useStore();
+  const { viewport, flowId } = useStore();
   const patternSize = size || defaultSize[variant!];
   const isDots = variant === BackgroundVariant.Dots;
   const isCross = variant === BackgroundVariant.Cross;
   const gapXY: number[] = Array.isArray(gap!) ? gap! : [gap!, gap!];
 
   $: patternId = `background-pattern-${$flowId}`;
-  $: scaledGap = [gapXY[0] * $transform[2] || 1, gapXY[1] * $transform[2] || 1];
-  $: scaledSize = patternSize * $transform[2];
+  $: scaledGap = [gapXY[0] * $viewport.zoom || 1, gapXY[1] * $viewport.zoom || 1];
+  $: scaledSize = patternSize * $viewport.zoom;
   $: patternDimensions = (isCross ? [scaledSize, scaledSize] : scaledGap) as [number, number];
   $: patternOffset = isDots
     ? [scaledSize / 2, scaledSize / 2]
@@ -49,8 +49,8 @@
 >
   <pattern
     id={patternId}
-    x={$transform[0] % scaledGap[0]}
-    y={$transform[1] % scaledGap[1]}
+    x={$viewport.x % scaledGap[0]}
+    y={$viewport.y % scaledGap[1]}
     width={scaledGap[0]}
     height={scaledGap[1]}
     patternUnits="userSpaceOnUse"
diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index e08d39c86..80ef31a63 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -26,7 +26,7 @@
     zoomIn,
     zoomOut,
     fitView,
-    transform,
+    viewport,
     minZoom,
     maxZoom,
     nodesDraggable,
@@ -43,8 +43,8 @@
   };
 
   $: isInteractive = $nodesDraggable || $nodesConnectable || $elementsSelectable;
-  $: minZoomReached = $transform[2] <= $minZoom;
-  $: maxZoomReached = $transform[2] >= $maxZoom;
+  $: minZoomReached = $viewport.zoom <= $minZoom;
+  $: maxZoomReached = $viewport.zoom >= $maxZoom;
 
   const onZoomInHandler = () => {
     zoomIn();
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 07ffde00b..79b5e1ada 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -43,7 +43,7 @@
   const defaultHeight = 150;
   const {
     nodes,
-    transform,
+    viewport,
     width: containerWidth,
     height: containerHeight,
     flowId,
@@ -59,10 +59,10 @@
   const labelledBy = `svelte-flow__minimap-desc-${$flowId}`;
 
   $: viewBB = {
-    x: -$transform[0] / $transform[2],
-    y: -$transform[1] / $transform[2],
-    width: $containerWidth / $transform[2],
-    height: $containerHeight / $transform[2]
+    x: -$viewport.x / $viewport.zoom,
+    y: -$viewport.y / $viewport.zoom,
+    width: $containerWidth / $viewport.zoom,
+    height: $containerHeight / $viewport.zoom
   };
   $: boundingRect = $nodes.length > 0 ? getBoundsOfRects(getRectOfNodes($nodes), viewBB) : viewBB;
   $: elementWidth = width ?? defaultWidth;
@@ -100,7 +100,7 @@
       style:--minimap-mask-stroke-width-props={maskStrokeWidth}
       use:interactive={{
         panZoom: $panZoom,
-        transform,
+        viewport,
         getViewScale,
         translateExtent: $translateExtent,
         width: $containerWidth,
diff --git a/packages/svelte/src/lib/plugins/Minimap/interactive.ts b/packages/svelte/src/lib/plugins/Minimap/interactive.ts
index 9bdbea13f..064f0d272 100644
--- a/packages/svelte/src/lib/plugins/Minimap/interactive.ts
+++ b/packages/svelte/src/lib/plugins/Minimap/interactive.ts
@@ -2,13 +2,13 @@ import { get, type Writable } from 'svelte/store';
 import {
   XYMinimap,
   type PanZoomInstance,
-  type Transform,
+  type Viewport,
   type XYMinimapUpdate
 } from '@xyflow/system';
 
 export type UseInteractiveParams = {
   panZoom: PanZoomInstance;
-  transform: Writable<Transform>;
+  viewport: Writable<Viewport>;
   getViewScale: () => number;
 } & XYMinimapUpdate;
 
@@ -16,7 +16,10 @@ export default function interactive(domNode: Element, params: UseInteractivePara
   const minimap = XYMinimap({
     domNode,
     panZoom: params.panZoom,
-    getTransform: () => get(params.transform),
+    getTransform: () => {
+      const viewport = get(params.viewport);
+      return [viewport.x, viewport.y, viewport.zoom];
+    },
     getViewScale: params.getViewScale
   });
 
diff --git a/packages/svelte/src/lib/store/derived-connection-props.ts b/packages/svelte/src/lib/store/derived-connection-props.ts
index f95868859..5be1598c3 100644
--- a/packages/svelte/src/lib/store/derived-connection-props.ts
+++ b/packages/svelte/src/lib/store/derived-connection-props.ts
@@ -57,9 +57,9 @@ export function getDerivedConnectionProps(
       store.connectionLineType,
       store.connectionMode,
       store.nodes,
-      store.transform
+      store.viewport
     ],
-    ([connection, connectionLineType, connectionMode, nodes, transform]) => {
+    ([connection, connectionLineType, connectionMode, nodes, viewport]) => {
       if (!connection.connectionStartHandle?.nodeId) {
         return initConnectionProps;
       }
@@ -91,8 +91,8 @@ export function getDerivedConnectionProps(
         sourceX: fromX,
         sourceY: fromY,
         sourcePosition: fromPosition,
-        targetX: ((connection.connectionPosition?.x ?? 0) - transform[0]) / transform[2],
-        targetY: ((connection.connectionPosition?.y ?? 0) - transform[1]) / transform[2],
+        targetX: ((connection.connectionPosition?.x ?? 0) - viewport.x) / viewport.zoom,
+        targetY: ((connection.connectionPosition?.y ?? 0) - viewport.y) / viewport.zoom,
         targetPosition: toPosition
       };
 
diff --git a/packages/svelte/src/lib/store/edge-tree.ts b/packages/svelte/src/lib/store/edge-tree.ts
index f316fee55..ff0998685 100644
--- a/packages/svelte/src/lib/store/edge-tree.ts
+++ b/packages/svelte/src/lib/store/edge-tree.ts
@@ -10,11 +10,11 @@ export function getEdgeTree(store: SvelteFlowStoreState) {
       store.edges,
       store.nodes,
       store.onlyRenderVisibleElements,
-      store.transform,
+      store.viewport,
       store.width,
       store.height
     ],
-    ([edges, nodes, onlyRenderVisibleElements, transform, width, height]) => {
+    ([edges, nodes, onlyRenderVisibleElements, viewport, width, height]) => {
       const visibleEdges =
         onlyRenderVisibleElements && width && height
           ? edges.filter((edge) => {
@@ -29,7 +29,7 @@ export function getEdgeTree(store: SvelteFlowStoreState) {
                   targetNode,
                   width,
                   height,
-                  transform
+                  transform: [viewport.x, viewport.y, viewport.zoom]
                 })
               );
             })
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 4d411746b..22d49ac3b 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -22,7 +22,7 @@ import { addEdge as addEdgeUtil } from '$lib/utils';
 import type { EdgeTypes, NodeTypes, Node, Edge, FitViewOptions, ConnectionData } from '$lib/types';
 import { initialEdgeTypes, initialNodeTypes, getInitialStore } from './initial-store';
 import type { SvelteFlowStore } from './types';
-import { syncNodeStores, syncEdgeStores } from './utils';
+import { syncNodeStores, syncEdgeStores, syncViewportStores } from './utils';
 import { getEdgeTree } from './edge-tree';
 import { getVisibleNodes } from './visible-nodes';
 import { getDerivedConnectionProps } from './derived-connection-props';
@@ -241,10 +241,11 @@ export function createStore(): SvelteFlowStore {
   }
 
   function panBy(delta: XYPosition) {
+    const viewport = get(store.viewport);
     return panBySystem({
       delta,
       panZoom: get(store.panZoom),
-      transform: get(store.transform),
+      transform: [viewport.x, viewport.y, viewport.zoom],
       translateExtent: get(store.translateExtent),
       width: get(store.width),
       height: get(store.height)
@@ -298,6 +299,7 @@ export function createStore(): SvelteFlowStore {
     // actions
     syncNodeStores: (nodes) => syncNodeStores(store.nodes, nodes),
     syncEdgeStores: (edges) => syncEdgeStores(store.edges, edges),
+    syncViewport: (viewport) => syncViewportStores(store.panZoom, store.viewport, viewport),
     setNodeTypes,
     setEdgeTypes,
     addEdge,
@@ -305,9 +307,7 @@ export function createStore(): SvelteFlowStore {
     updateNodeDimensions,
     zoomIn,
     zoomOut,
-    fitView: (options?: FitViewOptions) => {
-      return fitView(get(store.nodes), options);
-    },
+    fitView: (options?: FitViewOptions) => fitView(get(store.nodes), options),
     setMinZoom,
     setMaxZoom,
     setTranslateExtent,
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index a6bee57be..c9deb6222 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -5,7 +5,6 @@ import {
   ConnectionMode,
   ConnectionLineType,
   type SelectionRect,
-  type Transform,
   type SnapGrid,
   type MarkerProps,
   type PanZoomInstance,
@@ -14,7 +13,8 @@ import {
   type GroupedEdges,
   type NodeOrigin,
   type OnError,
-  devWarn
+  devWarn,
+  type Viewport
 } from '@xyflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -72,7 +72,7 @@ export const getInitialStore = () => ({
   selectionMode: writable<SelectionMode>(SelectionMode.Partial),
   nodeTypes: writable<NodeTypes>(initialNodeTypes),
   edgeTypes: writable<EdgeTypes>(initialEdgeTypes),
-  transform: writable<Transform>([0, 0, 1]),
+  viewport: writable<Viewport>({ x: 0, y: 0, zoom: 1 }),
   connectionMode: writable<ConnectionMode>(ConnectionMode.Strict),
   domNode: writable<HTMLDivElement | null>(null),
   connection: readable<ConnectionProps>(initConnectionProps),
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index 9156f6f03..49213f7a8 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -6,7 +6,8 @@ import type {
   Connection,
   UpdateNodePositions,
   CoordinateExtent,
-  UpdateConnection
+  UpdateConnection,
+  Viewport
 } from '@xyflow/system';
 
 import type { getInitialStore } from './initial-store';
@@ -15,6 +16,7 @@ import type { Node, Edge, NodeTypes, EdgeTypes, FitViewOptions } from '$lib/type
 export type SvelteFlowStoreActions = {
   syncNodeStores: (nodesStore: Writable<Node[]>) => void;
   syncEdgeStores: (edgeStore: Writable<Edge[]>) => void;
+  syncViewport: (viewportStore?: Writable<Viewport>) => void;
   setNodeTypes: (nodeTypes: NodeTypes) => void;
   setEdgeTypes: (edgeTypes: EdgeTypes) => void;
   addEdge: (edge: Edge | Connection) => void;
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index 949e2272c..adf64c0fe 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -6,7 +6,7 @@ import {
   type Writable,
   get
 } from 'svelte/store';
-import { updateNodes } from '@xyflow/system';
+import { updateNodes, type Transform, type Viewport, type PanZoomInstance } from '@xyflow/system';
 
 import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, Node } from '$lib/types';
 
@@ -56,6 +56,54 @@ export function syncEdgeStores(
   edgesStore.update = userEdgesStore.update = (fn: (nds: Edge[]) => Edge[]) => _set(fn(val));
 }
 
+// it is possible to pass a viewport store to SvelteFlow for having more control
+// if that's the case we need to sync the internal viewport with the user viewport
+export const syncViewportStores = (
+  panZoomStore: Writable<PanZoomInstance | null>,
+  viewportStore: Writable<Viewport>,
+  userViewportStore?: Writable<Viewport>
+) => {
+  if (!userViewportStore) {
+    return;
+  }
+
+  const panZoom = get(panZoomStore);
+
+  const viewportStoreSetter = viewportStore.set;
+  const userViewportStoreSetter = userViewportStore.set;
+
+  let val = userViewportStore ? get(userViewportStore) : { x: 0, y: 0, zoom: 1 };
+  viewportStore.set(val);
+
+  viewportStore.set = (vp: Viewport) => {
+    viewportStoreSetter(vp);
+    userViewportStoreSetter(vp);
+
+    val = vp;
+
+    return vp;
+  };
+
+  userViewportStore.set = (vp: Viewport) => {
+    panZoom?.syncViewport(vp);
+
+    viewportStoreSetter(vp);
+    userViewportStoreSetter(vp);
+
+    val = vp;
+
+    return vp;
+  };
+
+  viewportStore.update = (fn: (vp: Viewport) => Viewport) => {
+    viewportStore.set(fn(val));
+  };
+
+  userViewportStore.update = (fn: (vp: Viewport) => Viewport) => {
+    userViewportStore.set(fn(val));
+  };
+};
+
 export type NodeStoreOptions = {
   elevateNodesOnSelect?: boolean;
 };
diff --git a/packages/svelte/src/lib/store/visible-nodes.ts b/packages/svelte/src/lib/store/visible-nodes.ts
index 5fff7fd63..73ed53a44 100644
--- a/packages/svelte/src/lib/store/visible-nodes.ts
+++ b/packages/svelte/src/lib/store/visible-nodes.ts
@@ -1,13 +1,14 @@
 import { derived } from 'svelte/store';
-import { getNodesInside } from '@xyflow/system';
+import { getNodesInside, type Transform } from '@xyflow/system';
 
 import type { Node } from '$lib/types';
 import type { SvelteFlowStoreState } from './types';
 
 export function getVisibleNodes(store: SvelteFlowStoreState) {
   return derived(
-    [store.nodes, store.onlyRenderVisibleElements, store.width, store.height, store.transform],
-    ([nodes, onlyRenderVisibleElements, width, height, transform]) => {
+    [store.nodes, store.onlyRenderVisibleElements, store.width, store.height, store.viewport],
+    ([nodes, onlyRenderVisibleElements, width, height, viewport]) => {
+      const transform: Transform = [viewport.x, viewport.y, viewport.zoom];
       return onlyRenderVisibleElements
         ? getNodesInside<Node>(nodes, { x: 0, y: 0, width, height }, transform, true)
         : nodes;
diff --git a/packages/system/src/types/panzoom.ts b/packages/system/src/types/panzoom.ts
index 3280ef787..81654bdba 100644
--- a/packages/system/src/types/panzoom.ts
+++ b/packages/system/src/types/panzoom.ts
@@ -1,6 +1,6 @@
-import { ZoomTransform } from 'd3-zoom';
+import type { ZoomTransform } from 'd3-zoom';
 
-import { CoordinateExtent, PanOnScrollMode, Transform, Viewport } from './';
+import { PanOnScrollMode, type CoordinateExtent, type Transform, type Viewport } from './';
 
 export type OnDraggingChange = (dragging: boolean) => void;
 export type OnTransformChange = (transform: Transform) => void;
@@ -55,4 +55,5 @@ export type PanZoomInstance = {
   setTranslateExtent: (translateExtent: CoordinateExtent) => void;
   scaleTo: (scale: number, options?: PanZoomTransformOptions) => void;
   scaleBy: (factor: number, options?: PanZoomTransformOptions) => void;
+  syncViewport: (viewport: Viewport) => void;
 };
diff --git a/packages/system/src/xypanzoom/XYPanZoom.ts b/packages/system/src/xypanzoom/XYPanZoom.ts
index f5a3e5fe5..372e6134d 100644
--- a/packages/system/src/xypanzoom/XYPanZoom.ts
+++ b/packages/system/src/xypanzoom/XYPanZoom.ts
@@ -194,6 +194,22 @@ export function XYPanZoom({
     return nextTransform;
   }
 
+  function syncViewport(viewport: Viewport) {
+    if (d3Selection) {
+      const nextTransform = viewportToTransform(viewport);
+      const currentTransform = d3Selection.property('__zoom');
+
+      if (
+        currentTransform.k !== viewport.zoom ||
+        currentTransform.x !== viewport.x ||
+        currentTransform.y !== viewport.y
+      ) {
+        // @ts-ignore
+        d3ZoomInstance?.transform(d3Selection, nextTransform, null, { sync: true });
+      }
+    }
+  }
+
   function getViewport(): Viewport {
     const transform = d3Selection ? zoomTransform(d3Selection.node() as Element) : { x: 0, y: 0, k: 1 };
     return { x: transform.x, y: transform.y, zoom: transform.k };
@@ -229,5 +245,6 @@ export function XYPanZoom({
     scaleBy,
     setScaleExtent,
     setTranslateExtent,
+    syncViewport,
   };
 }
diff --git a/packages/system/src/xypanzoom/eventhandler.ts b/packages/system/src/xypanzoom/eventhandler.ts
index 456e2332f..0c2c1d5fe 100644
--- a/packages/system/src/xypanzoom/eventhandler.ts
+++ b/packages/system/src/xypanzoom/eventhandler.ts
@@ -183,7 +183,9 @@ export function createPanZoomHandler({
       onPaneContextMenu && isRightClickPan(panOnDrag, zoomPanValues.mouseButton ?? 0)
     );
 
-    onTransformChange([event.transform.x, event.transform.y, event.transform.k]);
+    if (!event.sourceEvent?.sync) {
+      onTransformChange([event.transform.x, event.transform.y, event.transform.k]);
+    }
 
     if (onPanZoom && !event.sourceEvent?.internal) {
       onPanZoom?.(event.sourceEvent as MouseEvent | TouchEvent, transformToViewport(event.transform));

From 309126206505219bf7bcb49ae0487cc63cd4c104 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 2 Oct 2023 12:49:38 +0200
Subject: [PATCH 0223/1093] feat(svelte) added isNodeIntersecting and
 getIntersectingNodes to svelte-flow

---
 .../src/components/Header/Header.svelte       |  3 +-
 .../src/routes/intersections/+page.svelte     |  8 +++
 .../src/routes/intersections/+server.ts       | 29 ++++++++
 .../src/routes/intersections/Flow.svelte      | 60 +++++++++++++++++
 .../routes/intersections/nodes-and-edges.ts   | 28 ++++++++
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 66 ++++++++++++++++++-
 6 files changed, 192 insertions(+), 2 deletions(-)
 create mode 100644 examples/svelte/src/routes/intersections/+page.svelte
 create mode 100644 examples/svelte/src/routes/intersections/+server.ts
 create mode 100644 examples/svelte/src/routes/intersections/Flow.svelte
 create mode 100644 examples/svelte/src/routes/intersections/nodes-and-edges.ts

diff --git a/examples/svelte/src/components/Header/Header.svelte b/examples/svelte/src/components/Header/Header.svelte
index 6755fc2d4..26b26e1e0 100644
--- a/examples/svelte/src/components/Header/Header.svelte
+++ b/examples/svelte/src/components/Header/Header.svelte
@@ -15,7 +15,8 @@
 		'two-way-viewport',
 		'usesvelteflow',
 		'useupdatenodeinternals',
-		'validation'
+		'validation',
+		'intersections'
 	];
 
 	const onChange = (event: Event) => {
diff --git a/examples/svelte/src/routes/intersections/+page.svelte b/examples/svelte/src/routes/intersections/+page.svelte
new file mode 100644
index 000000000..8937b2c06
--- /dev/null
+++ b/examples/svelte/src/routes/intersections/+page.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { SvelteFlowProvider } from '@xyflow/svelte';
+  import Flow from './Flow.svelte';
+</script>
+
+<SvelteFlowProvider>
+  <Flow />
+</SvelteFlowProvider>
diff --git a/examples/svelte/src/routes/intersections/+server.ts b/examples/svelte/src/routes/intersections/+server.ts
new file mode 100644
index 000000000..ceca3ead9
--- /dev/null
+++ b/examples/svelte/src/routes/intersections/+server.ts
@@ -0,0 +1,29 @@
+// Template for ALL endpoints serving the code snippets
+// No need to edit these inside /src/routes/**
+// Will be overwritten by "pnpm run create:endpoints"
+
+import { json } from '@sveltejs/kit';
+
+export function POST() {
+  const files = import.meta.glob(['./*.js', './*.ts', './*.svelte', './*css', '!**/+server.ts'], {
+    as: 'raw',
+    eager: true
+  });
+
+  // Loose ./ for each filename
+  // +page.svelte becomes App.svelte for correct display in Sandpack
+  const filesClean: { [key: string]: string } = Object.entries(files).reduce(
+    (filesCleanAcc: { [key: string]: string }, [filename, file]) => {
+      if (filename === './+page.svelte') {
+        filesCleanAcc['App.svelte'] = file;
+      } else {
+        filesCleanAcc[filename.replace('./', '')] = file;
+      }
+
+      return filesCleanAcc;
+    },
+    {}
+  );
+
+  return json(filesClean);
+}
diff --git a/examples/svelte/src/routes/intersections/Flow.svelte b/examples/svelte/src/routes/intersections/Flow.svelte
new file mode 100644
index 000000000..f3f80335e
--- /dev/null
+++ b/examples/svelte/src/routes/intersections/Flow.svelte
@@ -0,0 +1,60 @@
+<script lang="ts">
+	import { SvelteFlow, Background, Controls, useSvelteFlow } from '@xyflow/svelte';
+	import type { Edge, Node } from '@xyflow/svelte';
+	import { writable } from 'svelte/store';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	import { initialNodes, initialEdges } from './nodes-and-edges';
+
+	const nodes = writable<Node[]>(initialNodes);
+	const edges = writable<Edge[]>(initialEdges);
+
+	const { getIntersectingNodes } = useSvelteFlow();
+
+	function onNodeDrag({ detail: { node } }) {
+		const intersections = getIntersectingNodes(node).map((n) => n.id);
+
+		$nodes.forEach((n) => {
+			n.class = intersections.includes(n.id) ? 'highlight' : '';
+		});
+		$nodes = $nodes;
+	}
+</script>
+
+<div style="height:100vh;">
+	<SvelteFlow {nodes} {edges} fitView class="intersection-flow" on:nodedrag={onNodeDrag}>
+		<Background />
+		<Controls />
+	</SvelteFlow>
+</div>
+
+<style>
+	:global(.svelte-flow__node.highlight) {
+		background-color: #ff0072 !important;
+		color: white;
+	}
+
+	:global(.intersection-flow .svelte-flow__node) {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		font-weight: 700;
+		border-radius: 1px;
+		border-width: 2px;
+		box-shadow: 6px 6px 0 1px rgba(0, 0, 0, 0.7);
+	}
+
+	:global(
+			.intersection-flow .svelte-flow__node.selected,
+			.intersection-flow .svelte-flow__node:hover,
+			.intersection-flow .svelte-flow__node:focus
+		) {
+		box-shadow: 6px 6px 0 1px rgba(0, 0, 0, 0.7);
+		background-color: #eee;
+	}
+
+	:global(.intersection-flow .svelte-flow__handle) {
+		display: none;
+	}
+</style>
diff --git a/examples/svelte/src/routes/intersections/nodes-and-edges.ts b/examples/svelte/src/routes/intersections/nodes-and-edges.ts
new file mode 100644
index 000000000..fffb59b89
--- /dev/null
+++ b/examples/svelte/src/routes/intersections/nodes-and-edges.ts
@@ -0,0 +1,28 @@
+import type { Node, Edge } from '@xyflow/svelte';
+
+export const initialNodes: Node[] = [
+  {
+    id: '1',
+    data: { label: 'Node 1' },
+    position: { x: 0, y: 0 },
+    style: 'width: 200px; height: 100px;'
+  },
+  {
+    id: '2',
+    data: { label: 'Node 2' },
+    position: { x: 0, y: 150 }
+  },
+  {
+    id: '3',
+    data: { label: 'Node 3' },
+    position: { x: 250, y: 0 }
+  },
+  {
+    id: '4',
+    data: { label: 'Node' },
+    position: { x: 350, y: 150 },
+    style: 'width: 50px; height: 50px;'
+  }
+];
+
+export const initialEdges: Edge[] = [];
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 366f104df..ced33dbaf 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -1,7 +1,11 @@
 import { get, type Writable } from 'svelte/store';
 import {
+  getOverlappingArea,
+  isRectObject,
+  nodeToRect,
   pointToRendererPoint,
   type Project,
+  type Rect,
   type SetCenterOptions,
   type Viewport,
   type ViewportHelperFunctionOptions,
@@ -10,7 +14,7 @@ import {
 } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
-import type { FitViewOptions } from '$lib/types';
+import type { FitViewOptions, Node } from '$lib/types';
 import type { SvelteFlowStore } from '$lib/store/types';
 
 export function useSvelteFlow(): {
@@ -22,6 +26,16 @@ export function useSvelteFlow(): {
   setViewport: (viewport: Viewport, options?: ViewportHelperFunctionOptions) => void;
   getViewport: () => Viewport;
   fitView: (options?: FitViewOptions) => void;
+  getIntersectingNodes: (
+    nodeOrRect: Partial<Node<any>> | Rect,
+    partially?: boolean,
+    nodesToIntersect?: Node[]
+  ) => Node[];
+  isNodeIntersecting: (
+    nodeOrRect: Partial<Node<any>> | Rect,
+    area: Rect,
+    partially?: boolean
+  ) => boolean;
   project: Project;
   viewport: Writable<Viewport>;
   nodes: SvelteFlowStore['nodes'];
@@ -41,6 +55,21 @@ export function useSvelteFlow(): {
     edges
   } = useStore();
 
+  const getNodeRect = (
+    nodeOrRect: Partial<Node<any>> | Rect
+  ): [Rect | null, Node<any> | null | undefined, boolean] => {
+    const isRect = isRectObject(nodeOrRect);
+    const node = isRect ? null : get(nodes).find((n) => n.id === nodeOrRect.id);
+
+    if (!isRect && !node) {
+      [null, null, isRect];
+    }
+
+    const nodeRect = isRect ? nodeOrRect : nodeToRect(node!);
+
+    return [nodeRect, node, isRect];
+  };
+
   return {
     zoomIn,
     zoomOut,
@@ -78,6 +107,41 @@ export function useSvelteFlow(): {
       );
     },
     fitView,
+    getIntersectingNodes: (
+      nodeOrRect: Partial<Node<any>> | Rect,
+      partially = true,
+      nodesToIntersect?: Node[]
+    ) => {
+      const [nodeRect, node, isRect] = getNodeRect(nodeOrRect);
+
+      if (!nodeRect) {
+        return [];
+      }
+
+      return (nodesToIntersect || get(nodes)).filter((n) => {
+        if (!isRect && (n.id === node!.id || !n.positionAbsolute)) {
+          return false;
+        }
+
+        const currNodeRect = nodeToRect(n);
+        const overlappingArea = getOverlappingArea(currNodeRect, nodeRect);
+        const partiallyVisible = partially && overlappingArea > 0;
+
+        return partiallyVisible || overlappingArea >= nodeOrRect.width! * nodeOrRect.height!;
+      });
+    },
+    isNodeIntersecting: (nodeOrRect: Partial<Node<any>> | Rect, area: Rect, partially = true) => {
+      const [nodeRect] = getNodeRect(nodeOrRect);
+
+      if (!nodeRect) {
+        return false;
+      }
+
+      const overlappingArea = getOverlappingArea(nodeRect, area);
+      const partiallyVisible = partially && overlappingArea > 0;
+
+      return partiallyVisible || overlappingArea >= nodeOrRect.width! * nodeOrRect.height!;
+    },
     project: (position: XYPosition) => {
       const _snapGrid = get(snapGrid);
       const { x, y, zoom } = get(viewport);

From cb72b6a3585bd6772350f728ed1782dc74b7e49f Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 2 Oct 2023 12:51:32 +0200
Subject: [PATCH 0224/1093] fix(svelte) improved type

---
 packages/svelte/src/lib/hooks/useSvelteFlow.ts | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index ced33dbaf..611c6227b 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -27,12 +27,12 @@ export function useSvelteFlow(): {
   getViewport: () => Viewport;
   fitView: (options?: FitViewOptions) => void;
   getIntersectingNodes: (
-    nodeOrRect: Partial<Node<any>> | Rect,
+    nodeOrRect: (Partial<Node<any>> & { id: Node['id'] }) | Rect,
     partially?: boolean,
     nodesToIntersect?: Node[]
   ) => Node[];
   isNodeIntersecting: (
-    nodeOrRect: Partial<Node<any>> | Rect,
+    nodeOrRect: (Partial<Node<any>> & { id: Node['id'] }) | Rect,
     area: Rect,
     partially?: boolean
   ) => boolean;
@@ -56,7 +56,7 @@ export function useSvelteFlow(): {
   } = useStore();
 
   const getNodeRect = (
-    nodeOrRect: Partial<Node<any>> | Rect
+    nodeOrRect: (Partial<Node<any>> & { id: Node['id'] }) | Rect
   ): [Rect | null, Node<any> | null | undefined, boolean] => {
     const isRect = isRectObject(nodeOrRect);
     const node = isRect ? null : get(nodes).find((n) => n.id === nodeOrRect.id);
@@ -108,7 +108,7 @@ export function useSvelteFlow(): {
     },
     fitView,
     getIntersectingNodes: (
-      nodeOrRect: Partial<Node<any>> | Rect,
+      nodeOrRect: (Partial<Node<any>> & { id: Node['id'] }) | Rect,
       partially = true,
       nodesToIntersect?: Node[]
     ) => {
@@ -130,7 +130,11 @@ export function useSvelteFlow(): {
         return partiallyVisible || overlappingArea >= nodeOrRect.width! * nodeOrRect.height!;
       });
     },
-    isNodeIntersecting: (nodeOrRect: Partial<Node<any>> | Rect, area: Rect, partially = true) => {
+    isNodeIntersecting: (
+      nodeOrRect: (Partial<Node<any>> & { id: Node['id'] }) | Rect,
+      area: Rect,
+      partially = true
+    ) => {
       const [nodeRect] = getNodeRect(nodeOrRect);
 
       if (!nodeRect) {

From 53c04e2546cad8081ef8d19ed73286cc025d4198 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 2 Oct 2023 16:16:17 +0200
Subject: [PATCH 0225/1093] chore(react): cleanup viewport component

---
 packages/react/src/container/Viewport/index.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/react/src/container/Viewport/index.tsx b/packages/react/src/container/Viewport/index.tsx
index ab10bada7..b0de6954d 100644
--- a/packages/react/src/container/Viewport/index.tsx
+++ b/packages/react/src/container/Viewport/index.tsx
@@ -2,7 +2,6 @@ import type { ReactNode } from 'react';
 
 import { useStore } from '../../hooks/useStore';
 import type { ReactFlowState } from '../../types';
-import { Viewport } from '@xyflow/system';
 
 const selector = (s: ReactFlowState) => `translate(${s.transform[0]}px,${s.transform[1]}px) scale(${s.transform[2]})`;
 
@@ -10,7 +9,7 @@ type ViewportProps = {
   children: ReactNode;
 };
 
-function Viewport({ children }: ViewportProps) {
+export default function Viewport({ children }: ViewportProps) {
   const transform = useStore(selector);
 
   return (
@@ -19,5 +18,3 @@ function Viewport({ children }: ViewportProps) {
     </div>
   );
 }
-
-export default Viewport;

From 969fa8280a913d470fab8a87c2aa917e9f2a3d29 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 4 Oct 2023 10:37:39 +0200
Subject: [PATCH 0226/1093] fix(svelte-flow) style is now applied properly to
 the connectionLine

---
 .../src/lib/components/ConnectionLine/ConnectionLine.svelte   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index eb30d3f7b..904a45d38 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -12,11 +12,11 @@
 
 {#if $connection.path}
   <svg width={$width} height={$height} class="svelte-flow__connectionline" style={containerStyle}>
-    <g class={cc(['svelte-flow__connection', $connection.status])} {style}>
+    <g class={cc(['svelte-flow__connection', $connection.status])}>
       <slot name="connectionLine" />
       <!-- slot fallbacks do not work if slots are forwarded in parent -->
       {#if !isCustomComponent}
-        <path d={$connection.path} fill="none" class="svelte-flow__connection-path" />
+        <path d={$connection.path} {style} fill="none" class="svelte-flow__connection-path" />
       {/if}
     </g>
   </svg>

From e46c3cddaa6b8458fe6fc8c472288b2c4a6b5739 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 4 Oct 2023 11:32:32 +0200
Subject: [PATCH 0227/1093] fix(svelte) prevent unecessary rerenders &
 execution of reactive statements, closes #3336

---
 .../svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte    | 2 ++
 .../svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte    | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 81d35e498..7d609447f 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -1,3 +1,5 @@
+<svelte:options immutable />
+
 <script lang="ts">
   import { createEventDispatcher } from 'svelte';
   import { getMarkerId } from '@xyflow/system';
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index fd44335ac..058da8b2d 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -1,3 +1,5 @@
+<svelte:options immutable />
+
 <script lang="ts">
   import {
     createEventDispatcher,

From 08dcae0c2b3ce545b1d45aa642a1ec23a3e164bc Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 4 Oct 2023 12:03:24 +0200
Subject: [PATCH 0228/1093] feat(svelte) added useNodes and useEdges hooks

---
 packages/svelte/src/lib/hooks/useNodesEdges.ts | 11 +++++++++++
 packages/svelte/src/lib/index.ts               |  3 +++
 2 files changed, 14 insertions(+)
 create mode 100644 packages/svelte/src/lib/hooks/useNodesEdges.ts

diff --git a/packages/svelte/src/lib/hooks/useNodesEdges.ts b/packages/svelte/src/lib/hooks/useNodesEdges.ts
new file mode 100644
index 000000000..64e953c40
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/useNodesEdges.ts
@@ -0,0 +1,11 @@
+import { useStore } from '$lib/store';
+
+export function useNodes() {
+  const { nodes } = useStore();
+  return nodes;
+}
+
+export function useEdges() {
+  const { edges } = useStore();
+  return edges;
+}
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index f1af37918..74a0ec7f9 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -19,9 +19,12 @@ export { useStore } from '$lib/store';
 
 // utils
 export * from '$lib/utils';
+
+//hooks
 export * from '$lib/hooks/useSvelteFlow';
 export * from '$lib/hooks/useUpdateNodeInternals';
 export * from '$lib/hooks/useConnection';
+export * from '$lib/hooks/useNodesEdges';
 
 // types
 export type { Edge, EdgeProps, EdgeTypes, DefaultEdgeOptions } from '$lib/types/edges';

From 86c041c2a0b8a39579462081dd48c01af56b6aeb Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 4 Oct 2023 16:03:23 +0200
Subject: [PATCH 0229/1093] feat(react): add basic ssr support

---
 examples/react-ssr/.gitignore                 |   21 +
 examples/react-ssr/.vscode/extensions.json    |    4 +
 examples/react-ssr/.vscode/launch.json        |   11 +
 examples/react-ssr/README.md                  |   47 +
 examples/react-ssr/astro.config.mjs           |    7 +
 examples/react-ssr/package.json               |   21 +
 examples/react-ssr/public/favicon.svg         |    9 +
 .../src/components/Flow/CustomNode.tsx        |   32 +
 .../react-ssr/src/components/Flow/index.tsx   |   71 +
 examples/react-ssr/src/env.d.ts               |    1 +
 examples/react-ssr/src/pages/index.astro      |   26 +
 examples/react-ssr/tsconfig.json              |    7 +
 .../react/src/examples/DragNDrop/index.tsx    |    3 +-
 .../react/src/components/Nodes/wrapNode.tsx   |    2 +-
 .../components/ReactFlowProvider/index.tsx    |   10 +-
 .../src/container/EdgeRenderer/index.tsx      |   14 +-
 .../react/src/container/ReactFlow/Wrapper.tsx |   13 +-
 .../react/src/container/ReactFlow/index.tsx   |    2 +-
 packages/react/src/store/index.ts             |   14 +-
 packages/react/src/store/initialState.ts      |  114 +-
 pnpm-lock.yaml                                | 3134 ++++++++++++++---
 21 files changed, 2936 insertions(+), 627 deletions(-)
 create mode 100644 examples/react-ssr/.gitignore
 create mode 100644 examples/react-ssr/.vscode/extensions.json
 create mode 100644 examples/react-ssr/.vscode/launch.json
 create mode 100644 examples/react-ssr/README.md
 create mode 100644 examples/react-ssr/astro.config.mjs
 create mode 100644 examples/react-ssr/package.json
 create mode 100644 examples/react-ssr/public/favicon.svg
 create mode 100644 examples/react-ssr/src/components/Flow/CustomNode.tsx
 create mode 100644 examples/react-ssr/src/components/Flow/index.tsx
 create mode 100644 examples/react-ssr/src/env.d.ts
 create mode 100644 examples/react-ssr/src/pages/index.astro
 create mode 100644 examples/react-ssr/tsconfig.json

diff --git a/examples/react-ssr/.gitignore b/examples/react-ssr/.gitignore
new file mode 100644
index 000000000..6240da8b1
--- /dev/null
+++ b/examples/react-ssr/.gitignore
@@ -0,0 +1,21 @@
+# build output
+dist/
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store
diff --git a/examples/react-ssr/.vscode/extensions.json b/examples/react-ssr/.vscode/extensions.json
new file mode 100644
index 000000000..22a15055d
--- /dev/null
+++ b/examples/react-ssr/.vscode/extensions.json
@@ -0,0 +1,4 @@
+{
+  "recommendations": ["astro-build.astro-vscode"],
+  "unwantedRecommendations": []
+}
diff --git a/examples/react-ssr/.vscode/launch.json b/examples/react-ssr/.vscode/launch.json
new file mode 100644
index 000000000..d64220976
--- /dev/null
+++ b/examples/react-ssr/.vscode/launch.json
@@ -0,0 +1,11 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "command": "./node_modules/.bin/astro dev",
+      "name": "Development server",
+      "request": "launch",
+      "type": "node-terminal"
+    }
+  ]
+}
diff --git a/examples/react-ssr/README.md b/examples/react-ssr/README.md
new file mode 100644
index 000000000..e34a99b44
--- /dev/null
+++ b/examples/react-ssr/README.md
@@ -0,0 +1,47 @@
+# Astro Starter Kit: Minimal
+
+```sh
+npm create astro@latest -- --template minimal
+```
+
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/minimal)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/minimal)
+[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/minimal/devcontainer.json)
+
+> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
+
+## 🚀 Project Structure
+
+Inside of your Astro project, you'll see the following folders and files:
+
+```text
+/
+├── public/
+├── src/
+│   └── pages/
+│       └── index.astro
+└── package.json
+```
+
+Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
+
+There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
+
+Any static assets, like images, can be placed in the `public/` directory.
+
+## 🧞 Commands
+
+All commands are run from the root of the project, from a terminal:
+
+| Command                   | Action                                           |
+| :------------------------ | :----------------------------------------------- |
+| `npm install`             | Installs dependencies                            |
+| `npm run dev`             | Starts local dev server at `localhost:4321`      |
+| `npm run build`           | Build your production site to `./dist/`          |
+| `npm run preview`         | Preview your build locally, before deploying     |
+| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
+| `npm run astro -- --help` | Get help using the Astro CLI                     |
+
+## 👀 Want to learn more?
+
+Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
diff --git a/examples/react-ssr/astro.config.mjs b/examples/react-ssr/astro.config.mjs
new file mode 100644
index 000000000..7986bcae1
--- /dev/null
+++ b/examples/react-ssr/astro.config.mjs
@@ -0,0 +1,7 @@
+import { defineConfig } from 'astro/config';
+import react from '@astrojs/react';
+
+// https://astro.build/config
+export default defineConfig({
+  integrations: [react()],
+});
diff --git a/examples/react-ssr/package.json b/examples/react-ssr/package.json
new file mode 100644
index 000000000..717931302
--- /dev/null
+++ b/examples/react-ssr/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "react-ssr",
+  "type": "module",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "astro": "astro"
+  },
+  "dependencies": {
+    "@astrojs/react": "^3.0.2",
+    "@types/react": "^18.2.24",
+    "@types/react-dom": "^18.2.8",
+    "@xyflow/react": "workspace:^",
+    "astro": "^3.2.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}
\ No newline at end of file
diff --git a/examples/react-ssr/public/favicon.svg b/examples/react-ssr/public/favicon.svg
new file mode 100644
index 000000000..f157bd1c5
--- /dev/null
+++ b/examples/react-ssr/public/favicon.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
+    <path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
+    <style>
+        path { fill: #000; }
+        @media (prefers-color-scheme: dark) {
+            path { fill: #FFF; }
+        }
+    </style>
+</svg>
diff --git a/examples/react-ssr/src/components/Flow/CustomNode.tsx b/examples/react-ssr/src/components/Flow/CustomNode.tsx
new file mode 100644
index 000000000..dc3712391
--- /dev/null
+++ b/examples/react-ssr/src/components/Flow/CustomNode.tsx
@@ -0,0 +1,32 @@
+import { memo, type FC, type CSSProperties } from 'react';
+import { Handle, Position, type NodeProps } from '@xyflow/react';
+
+const sourceHandleStyleA: CSSProperties = { left: 50 };
+const sourceHandleStyleB: CSSProperties = {
+  right: 50,
+  left: 'auto',
+};
+
+const CustomNode: FC<NodeProps> = ({ data, xPos, yPos }) => {
+  return (
+    <>
+      <Handle type="target" position={Position.Top} />
+      <div>
+        <div>
+          Label: <strong>{data.label}</strong>
+        </div>
+        <div>
+          Position:{' '}
+          <strong>
+            {xPos.toFixed(2)},{yPos.toFixed(2)}
+          </strong>
+        </div>
+      </div>
+
+      <Handle type="source" position={Position.Bottom} id="a" style={sourceHandleStyleA} />
+      <Handle type="source" position={Position.Bottom} id="b" style={sourceHandleStyleB} />
+    </>
+  );
+};
+
+export default memo(CustomNode);
diff --git a/examples/react-ssr/src/components/Flow/index.tsx b/examples/react-ssr/src/components/Flow/index.tsx
new file mode 100644
index 000000000..4f8b0aa38
--- /dev/null
+++ b/examples/react-ssr/src/components/Flow/index.tsx
@@ -0,0 +1,71 @@
+import { useCallback } from 'react';
+import {
+  ReactFlow,
+  addEdge,
+  useEdgesState,
+  useNodesState,
+  type Connection,
+  type Edge,
+  type Node,
+  type OnNodesChange,
+  ReactFlowProvider,
+} from '@xyflow/react';
+
+import CustomNode from './CustomNode';
+
+import '@xyflow/react/dist/style.css';
+
+const initialNodes: Node[] = [
+  {
+    id: '1',
+    type: 'input',
+    data: { label: 'Node 1' },
+    position: { x: 250, y: 5 },
+  },
+  {
+    id: '2',
+    data: { label: 'Node 2' },
+    position: { x: 100, y: 100 },
+  },
+  {
+    id: '3',
+    data: { label: 'Node 3' },
+    position: { x: 400, y: 100 },
+  },
+  {
+    id: '4',
+    data: { label: 'Node 4' },
+    position: { x: 400, y: 200 },
+    type: 'custom',
+  },
+];
+
+const initialEdges: Edge[] = [
+  { id: 'e1-2', source: '1', target: '2', animated: true },
+  { id: 'e1-3', source: '1', target: '3', animated: true },
+];
+
+const nodeTypes = {
+  custom: CustomNode,
+};
+
+function Flow() {
+  const [nodes, , onNodesChange] = useNodesState(initialNodes);
+  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
+  const onConnect = useCallback((params: Connection | Edge) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
+
+  return (
+    // <ReactFlowProvider nodes={nodes} edges={edges}>
+    <ReactFlow
+      nodes={nodes}
+      onNodesChange={onNodesChange}
+      edges={edges}
+      onEdgesChange={onEdgesChange}
+      onConnect={onConnect}
+      nodeTypes={nodeTypes}
+    />
+    // </ReactFlowProvider>
+  );
+}
+
+export default Flow;
diff --git a/examples/react-ssr/src/env.d.ts b/examples/react-ssr/src/env.d.ts
new file mode 100644
index 000000000..f964fe0cf
--- /dev/null
+++ b/examples/react-ssr/src/env.d.ts
@@ -0,0 +1 @@
+/// <reference types="astro/client" />
diff --git a/examples/react-ssr/src/pages/index.astro b/examples/react-ssr/src/pages/index.astro
new file mode 100644
index 000000000..e60c53d57
--- /dev/null
+++ b/examples/react-ssr/src/pages/index.astro
@@ -0,0 +1,26 @@
+---
+import Flow from '../components/Flow' 
+---
+
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<meta name="viewport" content="width=device-width" />
+		<meta name="generator" content={Astro.generator} />
+		<title>Astro</title>
+
+		<style>
+			html, body {
+				margin:0;
+				font-family: sans-serif;
+			}
+		</style>
+	</head>
+	<body>
+		<h1>Astro</h1>
+		<div style="height: 400px">
+			<Flow  />
+		</div>
+	</body>
+</html>
diff --git a/examples/react-ssr/tsconfig.json b/examples/react-ssr/tsconfig.json
new file mode 100644
index 000000000..b7243b92c
--- /dev/null
+++ b/examples/react-ssr/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "astro/tsconfigs/strict",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "react"
+  }
+}
diff --git a/examples/react/src/examples/DragNDrop/index.tsx b/examples/react/src/examples/DragNDrop/index.tsx
index 16e9737e9..2e844af44 100644
--- a/examples/react/src/examples/DragNDrop/index.tsx
+++ b/examples/react/src/examples/DragNDrop/index.tsx
@@ -66,7 +66,7 @@ const DnDFlow = () => {
 
   return (
     <div className={styles.dndflow}>
-      <ReactFlowProvider>
+      <ReactFlowProvider nodes={initialNodes} edges={[]}>
         <div className={styles.wrapper}>
           <ReactFlow
             nodes={nodes}
@@ -77,7 +77,6 @@ const DnDFlow = () => {
             onInit={onInit}
             onDrop={onDrop}
             onDragOver={onDragOver}
-            nodeOrigin={nodeOrigin}
           >
             <Controls />
           </ReactFlow>
diff --git a/packages/react/src/components/Nodes/wrapNode.tsx b/packages/react/src/components/Nodes/wrapNode.tsx
index c9c08135f..43e6334aa 100644
--- a/packages/react/src/components/Nodes/wrapNode.tsx
+++ b/packages/react/src/components/Nodes/wrapNode.tsx
@@ -181,7 +181,7 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
           zIndex,
           transform: `translate(${xPosOrigin}px,${yPosOrigin}px)`,
           pointerEvents: hasPointerEvents ? 'all' : 'none',
-          visibility: initialized ? 'visible' : 'hidden',
+          visibility: initialized ? 'visible' : 'visible',
           ...style,
         }}
         data-id={id}
diff --git a/packages/react/src/components/ReactFlowProvider/index.tsx b/packages/react/src/components/ReactFlowProvider/index.tsx
index db4f69d2b..4a1904bbf 100644
--- a/packages/react/src/components/ReactFlowProvider/index.tsx
+++ b/packages/react/src/components/ReactFlowProvider/index.tsx
@@ -1,20 +1,20 @@
-import { useRef, type FC, type PropsWithChildren } from 'react';
+import { useRef, type ReactNode } from 'react';
 import { type StoreApi } from 'zustand';
 import { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
 
 import { Provider } from '../../contexts/RFStoreContext';
 import { createRFStore } from '../../store';
-import type { ReactFlowState } from '../../types';
+import type { ReactFlowState, Node, Edge } from '../../types';
 
-const ReactFlowProvider: FC<PropsWithChildren<unknown>> = ({ children }) => {
+function ReactFlowProvider({ children, nodes, edges }: { children: ReactNode; nodes?: Node[]; edges?: Edge[] }) {
   const storeRef = useRef<UseBoundStoreWithEqualityFn<StoreApi<ReactFlowState>> | null>(null);
 
   if (!storeRef.current) {
-    storeRef.current = createRFStore();
+    storeRef.current = createRFStore({ nodes, edges });
   }
 
   return <Provider value={storeRef.current}>{children}</Provider>;
-};
+}
 
 ReactFlowProvider.displayName = 'ReactFlowProvider';
 
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index 858d7a5c8..fe2de1127 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -62,23 +62,13 @@ const EdgeRenderer = ({
   onEdgeUpdateEnd,
   children,
 }: EdgeRendererProps) => {
-  const { width, height, edgesFocusable, edgesUpdatable, elementsSelectable, onError } = useStore(selector, shallow);
+  const { edgesFocusable, edgesUpdatable, elementsSelectable, onError } = useStore(selector, shallow);
   const edgeTree = useVisibleEdges(onlyRenderVisibleElements, elevateEdgesOnSelect);
 
-  if (!width) {
-    return null;
-  }
-
   return (
     <>
       {edgeTree.map(({ level, edges, isMaxLevel }) => (
-        <svg
-          key={level}
-          style={{ zIndex: level }}
-          width={width}
-          height={height}
-          className="react-flow__edges react-flow__container"
-        >
+        <svg key={level} style={{ zIndex: level }} className="react-flow__edges react-flow__container">
           {isMaxLevel && <MarkerDefinitions defaultColor={defaultMarkerColor} rfId={rfId} />}
           <g>
             {edges.map((edge) => {
diff --git a/packages/react/src/container/ReactFlow/Wrapper.tsx b/packages/react/src/container/ReactFlow/Wrapper.tsx
index b497b97f1..b4ff1199b 100644
--- a/packages/react/src/container/ReactFlow/Wrapper.tsx
+++ b/packages/react/src/container/ReactFlow/Wrapper.tsx
@@ -1,9 +1,10 @@
-import { useContext, type FC, type PropsWithChildren } from 'react';
+import { useContext, type ReactNode } from 'react';
 
 import StoreContext from '../../contexts/RFStoreContext';
 import ReactFlowProvider from '../../components/ReactFlowProvider';
+import type { Node, Edge } from '../../types';
 
-const Wrapper: FC<PropsWithChildren<unknown>> = ({ children }) => {
+function Wrapper({ children, nodes, edges }: { children: ReactNode; nodes?: Node[]; edges?: Edge[] }) {
   const isWrapped = useContext(StoreContext);
 
   if (isWrapped) {
@@ -12,8 +13,12 @@ const Wrapper: FC<PropsWithChildren<unknown>> = ({ children }) => {
     return <>{children}</>;
   }
 
-  return <ReactFlowProvider>{children}</ReactFlowProvider>;
-};
+  return (
+    <ReactFlowProvider nodes={nodes} edges={edges}>
+      {children}
+    </ReactFlowProvider>
+  );
+}
 
 Wrapper.displayName = 'ReactFlowWrapper';
 
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 8b5016248..20d62cbec 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -181,7 +181,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
         data-testid="rf__wrapper"
         id={id}
       >
-        <Wrapper>
+        <Wrapper nodes={nodes} edges={edges}>
           <GraphView
             onInit={onInit}
             onNodeClick={onNodeClick}
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 2f27da45a..a64d481d2 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -11,7 +11,7 @@ import {
 
 import { applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
 import { updateNodesAndEdgesSelections } from './utils';
-import initialState from './initialState';
+import getInitialState from './initialState';
 import type {
   ReactFlowState,
   Node,
@@ -24,10 +24,10 @@ import type {
   FitViewOptions,
 } from '../types';
 
-const createRFStore = () =>
+const createRFStore = ({ nodes, edges }: { nodes?: Node[]; edges?: Edge[] }) =>
   createWithEqualityFn<ReactFlowState>(
     (set, get) => ({
-      ...initialState,
+      ...getInitialState({ nodes, edges }),
       setNodes: (nodes: Node[]) => {
         const { nodes: storeNodes, nodeOrigin, elevateNodesOnSelect } = get();
         const nextNodes = updateNodes(nodes, storeNodes, { nodeOrigin, elevateNodesOnSelect });
@@ -263,9 +263,9 @@ const createRFStore = () =>
       },
       cancelConnection: () =>
         set({
-          connectionStatus: initialState.connectionStatus,
-          connectionStartHandle: initialState.connectionStartHandle,
-          connectionEndHandle: initialState.connectionEndHandle,
+          connectionStatus: null,
+          connectionStartHandle: null,
+          connectionEndHandle: null,
         }),
       updateConnection: (params) => {
         const { connectionStatus, connectionStartHandle, connectionEndHandle, connectionPosition } = get();
@@ -279,7 +279,7 @@ const createRFStore = () =>
 
         set(currentConnection);
       },
-      reset: () => set({ ...initialState }),
+      reset: () => set({ ...getInitialState({ nodes: [] }) }),
     }),
     Object.is
   );
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 52a5545c8..4e6ed8e75 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -1,65 +1,69 @@
-import { devWarn, infiniteExtent, ConnectionMode } from '@xyflow/system';
+import { devWarn, infiniteExtent, ConnectionMode, updateNodes } from '@xyflow/system';
 
-import type { ReactFlowStore } from '../types';
+import type { Edge, Node, ReactFlowStore } from '../types';
 
-const initialState: ReactFlowStore = {
-  rfId: '1',
-  width: 0,
-  height: 0,
-  transform: [0, 0, 1],
-  nodes: [],
-  edges: [],
-  onNodesChange: null,
-  onEdgesChange: null,
-  hasDefaultNodes: false,
-  hasDefaultEdges: false,
-  panZoom: null,
-  minZoom: 0.5,
-  maxZoom: 2,
-  translateExtent: infiniteExtent,
-  nodeExtent: infiniteExtent,
-  nodesSelectionActive: false,
-  userSelectionActive: false,
-  userSelectionRect: null,
-  connectionPosition: { x: 0, y: 0 },
-  connectionStatus: null,
-  connectionMode: ConnectionMode.Strict,
-  domNode: null,
-  paneDragging: false,
-  noPanClassName: 'nopan',
-  nodeOrigin: [0, 0],
-  nodeDragThreshold: 0,
+const getInitialState = ({ nodes = [], edges = [] }: { nodes?: Node[]; edges?: Edge[] }): ReactFlowStore => {
+  const nextNodes = updateNodes(nodes, [], { nodeOrigin: [0, 0], elevateNodesOnSelect: false });
 
-  snapGrid: [15, 15],
-  snapToGrid: false,
+  return {
+    rfId: '1',
+    width: 0,
+    height: 0,
+    transform: [0, 0, 1],
+    nodes: nextNodes,
+    edges: edges,
+    onNodesChange: null,
+    onEdgesChange: null,
+    hasDefaultNodes: false,
+    hasDefaultEdges: false,
+    panZoom: null,
+    minZoom: 0.5,
+    maxZoom: 2,
+    translateExtent: infiniteExtent,
+    nodeExtent: infiniteExtent,
+    nodesSelectionActive: false,
+    userSelectionActive: false,
+    userSelectionRect: null,
+    connectionPosition: { x: 0, y: 0 },
+    connectionStatus: null,
+    connectionMode: ConnectionMode.Strict,
+    domNode: null,
+    paneDragging: false,
+    noPanClassName: 'nopan',
+    nodeOrigin: [0, 0],
+    nodeDragThreshold: 0,
 
-  nodesDraggable: true,
-  nodesConnectable: true,
-  nodesFocusable: true,
-  edgesFocusable: true,
-  edgesUpdatable: true,
-  elementsSelectable: true,
-  elevateNodesOnSelect: true,
-  fitViewOnInit: false,
-  fitViewDone: false,
-  fitViewOnInitOptions: undefined,
-  selectNodesOnDrag: true,
+    snapGrid: [15, 15],
+    snapToGrid: false,
 
-  multiSelectionActive: false,
+    nodesDraggable: true,
+    nodesConnectable: true,
+    nodesFocusable: true,
+    edgesFocusable: true,
+    edgesUpdatable: true,
+    elementsSelectable: true,
+    elevateNodesOnSelect: true,
+    fitViewOnInit: false,
+    fitViewDone: false,
+    fitViewOnInitOptions: undefined,
+    selectNodesOnDrag: true,
 
-  connectionStartHandle: null,
-  connectionEndHandle: null,
-  connectionClickStartHandle: null,
-  connectOnClick: true,
+    multiSelectionActive: false,
 
-  ariaLiveMessage: '',
-  autoPanOnConnect: true,
-  autoPanOnNodeDrag: true,
-  connectionRadius: 20,
-  onError: devWarn,
-  isValidConnection: undefined,
+    connectionStartHandle: null,
+    connectionEndHandle: null,
+    connectionClickStartHandle: null,
+    connectOnClick: true,
 
-  lib: 'react',
+    ariaLiveMessage: '',
+    autoPanOnConnect: true,
+    autoPanOnNodeDrag: true,
+    connectionRadius: 20,
+    onError: devWarn,
+    isValidConnection: undefined,
+
+    lib: 'react',
+  };
 };
 
-export default initialState;
+export default getInitialState;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c0345d891..129fc144b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -118,6 +118,30 @@ importers:
         specifier: 4.4.9
         version: registry.npmjs.org/vite@4.4.9
 
+  examples/react-ssr:
+    dependencies:
+      '@astrojs/react':
+        specifier: ^3.0.2
+        version: registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.4.9)
+      '@types/react':
+        specifier: ^18.2.24
+        version: registry.npmjs.org/@types/react@18.2.24
+      '@types/react-dom':
+        specifier: ^18.2.8
+        version: registry.npmjs.org/@types/react-dom@18.2.8
+      '@xyflow/react':
+        specifier: workspace:^
+        version: link:../../packages/react
+      astro:
+        specifier: ^3.2.2
+        version: registry.npmjs.org/astro@3.2.2
+      react:
+        specifier: ^18.2.0
+        version: registry.npmjs.org/react@18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+
   examples/svelte:
     dependencies:
       '@xyflow/svelte':
@@ -269,7 +293,7 @@ importers:
         version: registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6)
       '@sveltejs/kit':
         specifier: ^1.22.6
-        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.3.9)
+        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.4.9)
       '@sveltejs/package':
         specifier: ^2.2.1
         version: registry.npmjs.org/@sveltejs/package@2.2.1(svelte@4.2.0)(typescript@5.1.3)
@@ -431,7 +455,95 @@ packages:
     dependencies:
       '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
       '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
-    dev: true
+
+  registry.npmjs.org/@astrojs/compiler@2.1.0:
+    resolution: {integrity: sha512-Mp+qrNhly+27bL/Zq8lGeUY+YrdoU0eDfIlAeGIPrzt0PnI/jGpvPUdCaugv4zbCrDkOUScFfcbeEiYumrdJnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/compiler/-/compiler-2.1.0.tgz}
+    name: '@astrojs/compiler'
+    version: 2.1.0
+    dev: false
+
+  registry.npmjs.org/@astrojs/internal-helpers@0.2.0:
+    resolution: {integrity: sha512-NQ4ppp1CM0HNkKbJNM4saVSfmUYzGlRalF6wx7F6T/MYHYSWGuojY89/oFTy4t8VlOGUCUijlsVNNeziWaUo5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/internal-helpers/-/internal-helpers-0.2.0.tgz}
+    name: '@astrojs/internal-helpers'
+    version: 0.2.0
+    dev: false
+
+  registry.npmjs.org/@astrojs/markdown-remark@3.2.0(astro@3.2.2):
+    resolution: {integrity: sha512-jigyLfefUZPKgVmmraCkVpdUuFH1R3SrpgQO13axsgwLDBgkggaQpNR5Ag4O9PDualeBtbdt30aYSfvnBKx9Hg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-3.2.0.tgz}
+    id: registry.npmjs.org/@astrojs/markdown-remark/3.2.0
+    name: '@astrojs/markdown-remark'
+    version: 3.2.0
+    peerDependencies:
+      astro: ^3.1.0
+    dependencies:
+      '@astrojs/prism': registry.npmjs.org/@astrojs/prism@3.0.0
+      astro: registry.npmjs.org/astro@3.2.2
+      github-slugger: registry.npmjs.org/github-slugger@2.0.0
+      import-meta-resolve: registry.npmjs.org/import-meta-resolve@3.0.0
+      mdast-util-definitions: registry.npmjs.org/mdast-util-definitions@6.0.0
+      rehype-raw: registry.npmjs.org/rehype-raw@6.1.1
+      rehype-stringify: registry.npmjs.org/rehype-stringify@9.0.4
+      remark-gfm: registry.npmjs.org/remark-gfm@3.0.1
+      remark-parse: registry.npmjs.org/remark-parse@10.0.2
+      remark-rehype: registry.npmjs.org/remark-rehype@10.1.0
+      remark-smartypants: registry.npmjs.org/remark-smartypants@2.0.0
+      shiki: registry.npmjs.org/shiki@0.14.4
+      unified: registry.npmjs.org/unified@10.1.2
+      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
+      vfile: registry.npmjs.org/vfile@5.3.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  registry.npmjs.org/@astrojs/prism@3.0.0:
+    resolution: {integrity: sha512-g61lZupWq1bYbcBnYZqdjndShr/J3l/oFobBKPA3+qMat146zce3nz2kdO4giGbhYDt4gYdhmoBz0vZJ4sIurQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/prism/-/prism-3.0.0.tgz}
+    name: '@astrojs/prism'
+    version: 3.0.0
+    engines: {node: '>=18.14.1'}
+    dependencies:
+      prismjs: registry.npmjs.org/prismjs@1.29.0
+    dev: false
+
+  registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.4.9):
+    resolution: {integrity: sha512-aooNIuQxTg+IWGMZPuIEwBeBi4/TCPCMsr3714zuLjAjukVd5ZrX/bCNxJqDWU4HNwUm4XFU1OhcEvYOHa5uMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/react/-/react-3.0.2.tgz}
+    id: registry.npmjs.org/@astrojs/react/3.0.2
+    name: '@astrojs/react'
+    version: 3.0.2
+    engines: {node: '>=18.14.1'}
+    peerDependencies:
+      '@types/react': ^17.0.50 || ^18.0.21
+      '@types/react-dom': ^17.0.17 || ^18.0.6
+      react: ^17.0.2 || ^18.0.0
+      react-dom: ^17.0.2 || ^18.0.0
+    dependencies:
+      '@types/react': registry.npmjs.org/@types/react@18.2.24
+      '@types/react-dom': registry.npmjs.org/@types/react-dom@18.2.8
+      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react@4.0.4(vite@4.4.9)
+      react: registry.npmjs.org/react@18.2.0
+      react-dom: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+      ultrahtml: registry.npmjs.org/ultrahtml@1.5.2
+    transitivePeerDependencies:
+      - supports-color
+      - vite
+    dev: false
+
+  registry.npmjs.org/@astrojs/telemetry@3.0.2:
+    resolution: {integrity: sha512-ef+jqCkqopCzjGfsMsr+8p56Nj6F9ZzouWcWZt+dKsqbRccI3c8K3jfkLcdq4AyfFZtKBDB6N4ZuI68g33oiOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/telemetry/-/telemetry-3.0.2.tgz}
+    name: '@astrojs/telemetry'
+    version: 3.0.2
+    engines: {node: '>=18.14.1'}
+    dependencies:
+      ci-info: registry.npmjs.org/ci-info@3.8.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      dlv: registry.npmjs.org/dlv@1.1.3
+      dset: registry.npmjs.org/dset@3.1.2
+      is-docker: registry.npmjs.org/is-docker@3.0.0
+      is-wsl: registry.npmjs.org/is-wsl@3.1.0
+      undici: registry.npmjs.org/undici@5.23.0
+      which-pm-runs: registry.npmjs.org/which-pm-runs@1.1.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
 
   registry.npmjs.org/@babel/code-frame@7.22.10:
     resolution: {integrity: sha512-/KKIMG4UEL35WmI9OlvMhurwtytjvXoFcGNrOvyG9zIzA8YmPjVtIZUf7b05+TPO7G7/GEmLHDaoCgACHl9hhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.10.tgz}
@@ -441,23 +553,12 @@ packages:
     dependencies:
       '@babel/highlight': registry.npmjs.org/@babel/highlight@7.22.10
       chalk: registry.npmjs.org/chalk@2.4.2
-    dev: true
-
-  registry.npmjs.org/@babel/code-frame@7.22.5:
-    resolution: {integrity: sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.5.tgz}
-    name: '@babel/code-frame'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/highlight': registry.npmjs.org/@babel/highlight@7.22.5
-    dev: true
 
   registry.npmjs.org/@babel/compat-data@7.22.9:
     resolution: {integrity: sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.9.tgz}
     name: '@babel/compat-data'
     version: 7.22.9
     engines: {node: '>=6.9.0'}
-    dev: true
 
   registry.npmjs.org/@babel/core@7.22.10:
     resolution: {integrity: sha512-fTmqbbUBAwCcre6zPzNngvsI0aNrPZe77AeqvDxWM9Nm+04RrJ3CAmGHA9f7lJQY6ZMhRztNemy4uslDxTX4Qw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.22.10.tgz}
@@ -482,7 +583,6 @@ packages:
       semver: registry.npmjs.org/semver@6.3.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   registry.npmjs.org/@babel/generator@7.22.10:
     resolution: {integrity: sha512-79KIf7YiWjjdZ81JnLujDRApWtl7BxTqWD88+FFdQEIOG8LJ0etDOM7CXuIgGJa55sGOwZVwuEsaLEm0PJ5/+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.22.10.tgz}
@@ -494,7 +594,15 @@ packages:
       '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
       '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
       jsesc: registry.npmjs.org/jsesc@2.5.2
-    dev: true
+
+  registry.npmjs.org/@babel/helper-annotate-as-pure@7.22.5:
+    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz}
+    name: '@babel/helper-annotate-as-pure'
+    version: 7.22.5
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+    dev: false
 
   registry.npmjs.org/@babel/helper-compilation-targets@7.22.10:
     resolution: {integrity: sha512-JMSwHD4J7SLod0idLq5PKgI+6g/hLD/iuWBq08ZX49xE14VpVEojJ5rHWptpirV2j020MvypRLAXAO50igCJ5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.10.tgz}
@@ -507,14 +615,12 @@ packages:
       browserslist: registry.npmjs.org/browserslist@4.21.10
       lru-cache: registry.npmjs.org/lru-cache@5.1.1
       semver: registry.npmjs.org/semver@6.3.1
-    dev: true
 
   registry.npmjs.org/@babel/helper-environment-visitor@7.22.5:
     resolution: {integrity: sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz}
     name: '@babel/helper-environment-visitor'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
-    dev: true
 
   registry.npmjs.org/@babel/helper-function-name@7.22.5:
     resolution: {integrity: sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz}
@@ -524,7 +630,6 @@ packages:
     dependencies:
       '@babel/template': registry.npmjs.org/@babel/template@7.22.5
       '@babel/types': registry.npmjs.org/@babel/types@7.22.10
-    dev: true
 
   registry.npmjs.org/@babel/helper-hoist-variables@7.22.5:
     resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz}
@@ -533,7 +638,15 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': registry.npmjs.org/@babel/types@7.22.10
-    dev: true
+
+  registry.npmjs.org/@babel/helper-module-imports@7.22.15:
+    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz}
+    name: '@babel/helper-module-imports'
+    version: 7.22.15
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+    dev: false
 
   registry.npmjs.org/@babel/helper-module-imports@7.22.5:
     resolution: {integrity: sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz}
@@ -542,7 +655,6 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': registry.npmjs.org/@babel/types@7.22.10
-    dev: true
 
   registry.npmjs.org/@babel/helper-module-transforms@7.22.9(@babel/core@7.22.10):
     resolution: {integrity: sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.9.tgz}
@@ -559,14 +671,12 @@ packages:
       '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access@7.22.5
       '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6
       '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.5
-    dev: true
 
   registry.npmjs.org/@babel/helper-plugin-utils@7.22.5:
     resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz}
     name: '@babel/helper-plugin-utils'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
-    dev: true
 
   registry.npmjs.org/@babel/helper-simple-access@7.22.5:
     resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz}
@@ -575,7 +685,6 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': registry.npmjs.org/@babel/types@7.22.10
-    dev: true
 
   registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6:
     resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz}
@@ -584,28 +693,31 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': registry.npmjs.org/@babel/types@7.22.10
-    dev: true
 
   registry.npmjs.org/@babel/helper-string-parser@7.22.5:
     resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz}
     name: '@babel/helper-string-parser'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
-    dev: true
+
+  registry.npmjs.org/@babel/helper-validator-identifier@7.22.20:
+    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz}
+    name: '@babel/helper-validator-identifier'
+    version: 7.22.20
+    engines: {node: '>=6.9.0'}
+    dev: false
 
   registry.npmjs.org/@babel/helper-validator-identifier@7.22.5:
     resolution: {integrity: sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz}
     name: '@babel/helper-validator-identifier'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
-    dev: true
 
   registry.npmjs.org/@babel/helper-validator-option@7.22.5:
     resolution: {integrity: sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz}
     name: '@babel/helper-validator-option'
     version: 7.22.5
     engines: {node: '>=6.9.0'}
-    dev: true
 
   registry.npmjs.org/@babel/helpers@7.22.10:
     resolution: {integrity: sha512-a41J4NW8HyZa1I1vAndrraTlPZ/eZoga2ZgS7fEr0tZJGVU4xqdE80CEm0CcNjha5EZ8fTBYLKHF0kqDUuAwQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.10.tgz}
@@ -618,7 +730,6 @@ packages:
       '@babel/types': registry.npmjs.org/@babel/types@7.22.10
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   registry.npmjs.org/@babel/highlight@7.22.10:
     resolution: {integrity: sha512-78aUtVcT7MUscr0K5mIEnkwxPE0MaxkR5RxRwuHaQ+JuU5AmTPhY+do2mdzVTnIJJpyBglql2pehuBIWHug+WQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.10.tgz}
@@ -629,18 +740,6 @@ packages:
       '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.5
       chalk: registry.npmjs.org/chalk@2.4.2
       js-tokens: registry.npmjs.org/js-tokens@4.0.0
-    dev: true
-
-  registry.npmjs.org/@babel/highlight@7.22.5:
-    resolution: {integrity: sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.5.tgz}
-    name: '@babel/highlight'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.5
-      chalk: registry.npmjs.org/chalk@2.4.2
-      js-tokens: registry.npmjs.org/js-tokens@4.0.0
-    dev: true
 
   registry.npmjs.org/@babel/parser@7.22.10:
     resolution: {integrity: sha512-lNbdGsQb9ekfsnjFGhEiF4hfFqGgfOP3H3d27re3n+CGhNuTSUEQdfWk556sTLNTloczcdM5TYF2LhzmDQKyvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.22.10.tgz}
@@ -650,7 +749,19 @@ packages:
     hasBin: true
     dependencies:
       '@babel/types': registry.npmjs.org/@babel/types@7.22.10
-    dev: true
+
+  registry.npmjs.org/@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.22.10):
+    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz}
+    id: registry.npmjs.org/@babel/plugin-syntax-jsx/7.22.5
+    name: '@babel/plugin-syntax-jsx'
+    version: 7.22.5
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': registry.npmjs.org/@babel/core@7.22.10
+      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
+    dev: false
 
   registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.22.10):
     resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz}
@@ -663,7 +774,6 @@ packages:
     dependencies:
       '@babel/core': registry.npmjs.org/@babel/core@7.22.10
       '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
-    dev: true
 
   registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.22.10):
     resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz}
@@ -676,7 +786,23 @@ packages:
     dependencies:
       '@babel/core': registry.npmjs.org/@babel/core@7.22.10
       '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
-    dev: true
+
+  registry.npmjs.org/@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.22.10):
+    resolution: {integrity: sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz}
+    id: registry.npmjs.org/@babel/plugin-transform-react-jsx/7.22.15
+    name: '@babel/plugin-transform-react-jsx'
+    version: 7.22.15
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': registry.npmjs.org/@babel/core@7.22.10
+      '@babel/helper-annotate-as-pure': registry.npmjs.org/@babel/helper-annotate-as-pure@7.22.5
+      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports@7.22.15
+      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
+      '@babel/plugin-syntax-jsx': registry.npmjs.org/@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.22.10)
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+    dev: false
 
   registry.npmjs.org/@babel/runtime@7.22.5:
     resolution: {integrity: sha512-ecjvYlnAaZ/KVneE/OdKYBYfgXV3Ptu6zQWmgEF7vwKhQnvVS6bjMD2XYgj+SNvQ1GfK/pjgokfPkC/2CO8CuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.5.tgz}
@@ -696,7 +822,6 @@ packages:
       '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.10
       '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
       '@babel/types': registry.npmjs.org/@babel/types@7.22.10
-    dev: true
 
   registry.npmjs.org/@babel/traverse@7.22.10:
     resolution: {integrity: sha512-Q/urqV4pRByiNNpb/f5OSv28ZlGJiFiiTh+GAHktbIrkPhPbl90+uW6SmpoLyZqutrg9AEaEf3Q/ZBRHBXgxig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.10.tgz}
@@ -716,7 +841,6 @@ packages:
       globals: registry.npmjs.org/globals@11.12.0
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   registry.npmjs.org/@babel/types@7.22.10:
     resolution: {integrity: sha512-obaoigiLrlDZ7TUQln/8m4mSqIW2QFeOrCQc9r+xsaHGNoplVNYlRVpsfE8Vj35GEm2ZH4ZhrNYogs/3fj85kg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.22.10.tgz}
@@ -727,7 +851,17 @@ packages:
       '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser@7.22.5
       '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.5
       to-fast-properties: registry.npmjs.org/to-fast-properties@2.0.0
-    dev: true
+
+  registry.npmjs.org/@babel/types@7.23.0:
+    resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz}
+    name: '@babel/types'
+    version: 7.23.0
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser@7.22.5
+      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.20
+      to-fast-properties: registry.npmjs.org/to-fast-properties@2.0.0
+    dev: false
 
   registry.npmjs.org/@changesets/apply-release-plan@6.1.3:
     resolution: {integrity: sha512-ECDNeoc3nfeAe1jqJb5aFQX7CqzQhD2klXRez2JDb/aVpGUbX673HgKrnrgJRuQR/9f2TtLoYIzrGB9qwD77mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-6.1.3.tgz}
@@ -1023,17 +1157,6 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@esbuild/android-arm64@0.17.19:
-    resolution: {integrity: sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz}
-    name: '@esbuild/android-arm64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/android-arm64@0.18.20:
     resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz}
     name: '@esbuild/android-arm64'
@@ -1042,18 +1165,17 @@ packages:
     cpu: [arm64]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/android-arm@0.17.19:
-    resolution: {integrity: sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz}
-    name: '@esbuild/android-arm'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/android-arm64@0.19.4:
+    resolution: {integrity: sha512-mRsi2vJsk4Bx/AFsNBqOH2fqedxn5L/moT58xgg51DjX1la64Z3Npicut2VbhvDFO26qjWtPMsVxCd80YTFVeg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.4.tgz}
+    name: '@esbuild/android-arm64'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [arm]
+    cpu: [arm64]
     os: [android]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/android-arm@0.18.20:
@@ -1064,18 +1186,17 @@ packages:
     cpu: [arm]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/android-x64@0.17.19:
-    resolution: {integrity: sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz}
-    name: '@esbuild/android-x64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/android-arm@0.19.4:
+    resolution: {integrity: sha512-uBIbiYMeSsy2U0XQoOGVVcpIktjLMEKa7ryz2RLr7L/vTnANNEsPVAh4xOv7ondGz6ac1zVb0F8Jx20rQikffQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.4.tgz}
+    name: '@esbuild/android-arm'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [x64]
+    cpu: [arm]
     os: [android]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/android-x64@0.18.20:
@@ -1086,18 +1207,17 @@ packages:
     cpu: [x64]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/darwin-arm64@0.17.19:
-    resolution: {integrity: sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz}
-    name: '@esbuild/darwin-arm64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/android-x64@0.19.4:
+    resolution: {integrity: sha512-4iPufZ1TMOD3oBlGFqHXBpa3KFT46aLl6Vy7gwed0ZSYgHaZ/mihbYb4t7Z9etjkC9Al3ZYIoOaHrU60gcMy7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.4.tgz}
+    name: '@esbuild/android-x64'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
+    cpu: [x64]
+    os: [android]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/darwin-arm64@0.18.20:
@@ -1108,18 +1228,17 @@ packages:
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/darwin-x64@0.17.19:
-    resolution: {integrity: sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz}
-    name: '@esbuild/darwin-x64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/darwin-arm64@0.19.4:
+    resolution: {integrity: sha512-Lviw8EzxsVQKpbS+rSt6/6zjn9ashUZ7Tbuvc2YENgRl0yZTktGlachZ9KMJUsVjZEGFVu336kl5lBgDN6PmpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.4.tgz}
+    name: '@esbuild/darwin-arm64'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [x64]
+    cpu: [arm64]
     os: [darwin]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/darwin-x64@0.18.20:
@@ -1130,18 +1249,17 @@ packages:
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/freebsd-arm64@0.17.19:
-    resolution: {integrity: sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz}
-    name: '@esbuild/freebsd-arm64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/darwin-x64@0.19.4:
+    resolution: {integrity: sha512-YHbSFlLgDwglFn0lAO3Zsdrife9jcQXQhgRp77YiTDja23FrC2uwnhXMNkAucthsf+Psr7sTwYEryxz6FPAVqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.4.tgz}
+    name: '@esbuild/darwin-x64'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
+    cpu: [x64]
+    os: [darwin]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/freebsd-arm64@0.18.20:
@@ -1152,18 +1270,17 @@ packages:
     cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/freebsd-x64@0.17.19:
-    resolution: {integrity: sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz}
-    name: '@esbuild/freebsd-x64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/freebsd-arm64@0.19.4:
+    resolution: {integrity: sha512-vz59ijyrTG22Hshaj620e5yhs2dU1WJy723ofc+KUgxVCM6zxQESmWdMuVmUzxtGqtj5heHyB44PjV/HKsEmuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.4.tgz}
+    name: '@esbuild/freebsd-arm64'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [x64]
+    cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/freebsd-x64@0.18.20:
@@ -1174,18 +1291,17 @@ packages:
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-arm64@0.17.19:
-    resolution: {integrity: sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz}
-    name: '@esbuild/linux-arm64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/freebsd-x64@0.19.4:
+    resolution: {integrity: sha512-3sRbQ6W5kAiVQRBWREGJNd1YE7OgzS0AmOGjDmX/qZZecq8NFlQsQH0IfXjjmD0XtUYqr64e0EKNFjMUlPL3Cw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.4.tgz}
+    name: '@esbuild/freebsd-x64'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
+    cpu: [x64]
+    os: [freebsd]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/linux-arm64@0.18.20:
@@ -1196,18 +1312,17 @@ packages:
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-arm@0.17.19:
-    resolution: {integrity: sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz}
-    name: '@esbuild/linux-arm'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/linux-arm64@0.19.4:
+    resolution: {integrity: sha512-ZWmWORaPbsPwmyu7eIEATFlaqm0QGt+joRE9sKcnVUG3oBbr/KYdNE2TnkzdQwX6EDRdg/x8Q4EZQTXoClUqqA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.4.tgz}
+    name: '@esbuild/linux-arm64'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [arm]
+    cpu: [arm64]
     os: [linux]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/linux-arm@0.18.20:
@@ -1218,18 +1333,17 @@ packages:
     cpu: [arm]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-ia32@0.17.19:
-    resolution: {integrity: sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz}
-    name: '@esbuild/linux-ia32'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/linux-arm@0.19.4:
+    resolution: {integrity: sha512-z/4ArqOo9EImzTi4b6Vq+pthLnepFzJ92BnofU1jgNlcVb+UqynVFdoXMCFreTK7FdhqAzH0vmdwW5373Hm9pg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.4.tgz}
+    name: '@esbuild/linux-arm'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [ia32]
+    cpu: [arm]
     os: [linux]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/linux-ia32@0.18.20:
@@ -1240,18 +1354,17 @@ packages:
     cpu: [ia32]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-loong64@0.17.19:
-    resolution: {integrity: sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz}
-    name: '@esbuild/linux-loong64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/linux-ia32@0.19.4:
+    resolution: {integrity: sha512-EGc4vYM7i1GRUIMqRZNCTzJh25MHePYsnQfKDexD8uPTCm9mK56NIL04LUfX2aaJ+C9vyEp2fJ7jbqFEYgO9lQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.4.tgz}
+    name: '@esbuild/linux-ia32'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [loong64]
+    cpu: [ia32]
     os: [linux]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/linux-loong64@0.18.20:
@@ -1262,18 +1375,17 @@ packages:
     cpu: [loong64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-mips64el@0.17.19:
-    resolution: {integrity: sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz}
-    name: '@esbuild/linux-mips64el'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/linux-loong64@0.19.4:
+    resolution: {integrity: sha512-WVhIKO26kmm8lPmNrUikxSpXcgd6HDog0cx12BUfA2PkmURHSgx9G6vA19lrlQOMw+UjMZ+l3PpbtzffCxFDRg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.4.tgz}
+    name: '@esbuild/linux-loong64'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [mips64el]
+    cpu: [loong64]
     os: [linux]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/linux-mips64el@0.18.20:
@@ -1284,18 +1396,17 @@ packages:
     cpu: [mips64el]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-ppc64@0.17.19:
-    resolution: {integrity: sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz}
-    name: '@esbuild/linux-ppc64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/linux-mips64el@0.19.4:
+    resolution: {integrity: sha512-keYY+Hlj5w86hNp5JJPuZNbvW4jql7c1eXdBUHIJGTeN/+0QFutU3GrS+c27L+NTmzi73yhtojHk+lr2+502Mw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.4.tgz}
+    name: '@esbuild/linux-mips64el'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [ppc64]
+    cpu: [mips64el]
     os: [linux]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/linux-ppc64@0.18.20:
@@ -1306,18 +1417,17 @@ packages:
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-riscv64@0.17.19:
-    resolution: {integrity: sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz}
-    name: '@esbuild/linux-riscv64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/linux-ppc64@0.19.4:
+    resolution: {integrity: sha512-tQ92n0WMXyEsCH4m32S21fND8VxNiVazUbU4IUGVXQpWiaAxOBvtOtbEt3cXIV3GEBydYsY8pyeRMJx9kn3rvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.4.tgz}
+    name: '@esbuild/linux-ppc64'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [riscv64]
+    cpu: [ppc64]
     os: [linux]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/linux-riscv64@0.18.20:
@@ -1328,18 +1438,17 @@ packages:
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-s390x@0.17.19:
-    resolution: {integrity: sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz}
-    name: '@esbuild/linux-s390x'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/linux-riscv64@0.19.4:
+    resolution: {integrity: sha512-tRRBey6fG9tqGH6V75xH3lFPpj9E8BH+N+zjSUCnFOX93kEzqS0WdyJHkta/mmJHn7MBaa++9P4ARiU4ykjhig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.4.tgz}
+    name: '@esbuild/linux-riscv64'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [s390x]
+    cpu: [riscv64]
     os: [linux]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/linux-s390x@0.18.20:
@@ -1350,18 +1459,17 @@ packages:
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-x64@0.17.19:
-    resolution: {integrity: sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz}
-    name: '@esbuild/linux-x64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/linux-s390x@0.19.4:
+    resolution: {integrity: sha512-152aLpQqKZYhThiJ+uAM4PcuLCAOxDsCekIbnGzPKVBRUDlgaaAfaUl5NYkB1hgY6WN4sPkejxKlANgVcGl9Qg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.4.tgz}
+    name: '@esbuild/linux-s390x'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [x64]
+    cpu: [s390x]
     os: [linux]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/linux-x64@0.18.20:
@@ -1372,18 +1480,17 @@ packages:
     cpu: [x64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/netbsd-x64@0.17.19:
-    resolution: {integrity: sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz}
-    name: '@esbuild/netbsd-x64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/linux-x64@0.19.4:
+    resolution: {integrity: sha512-Mi4aNA3rz1BNFtB7aGadMD0MavmzuuXNTaYL6/uiYIs08U7YMPETpgNn5oue3ICr+inKwItOwSsJDYkrE9ekVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.4.tgz}
+    name: '@esbuild/linux-x64'
+    version: 0.19.4
     engines: {node: '>=12'}
     cpu: [x64]
-    os: [netbsd]
+    os: [linux]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/netbsd-x64@0.18.20:
@@ -1394,18 +1501,17 @@ packages:
     cpu: [x64]
     os: [netbsd]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/openbsd-x64@0.17.19:
-    resolution: {integrity: sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz}
-    name: '@esbuild/openbsd-x64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/netbsd-x64@0.19.4:
+    resolution: {integrity: sha512-9+Wxx1i5N/CYo505CTT7T+ix4lVzEdz0uCoYGxM5JDVlP2YdDC1Bdz+Khv6IbqmisT0Si928eAxbmGkcbiuM/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.4.tgz}
+    name: '@esbuild/netbsd-x64'
+    version: 0.19.4
     engines: {node: '>=12'}
     cpu: [x64]
-    os: [openbsd]
+    os: [netbsd]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/openbsd-x64@0.18.20:
@@ -1416,18 +1522,17 @@ packages:
     cpu: [x64]
     os: [openbsd]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/sunos-x64@0.17.19:
-    resolution: {integrity: sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz}
-    name: '@esbuild/sunos-x64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/openbsd-x64@0.19.4:
+    resolution: {integrity: sha512-MFsHleM5/rWRW9EivFssop+OulYVUoVcqkyOkjiynKBCGBj9Lihl7kh9IzrreDyXa4sNkquei5/DTP4uCk25xw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.4.tgz}
+    name: '@esbuild/openbsd-x64'
+    version: 0.19.4
     engines: {node: '>=12'}
     cpu: [x64]
-    os: [sunos]
+    os: [openbsd]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/sunos-x64@0.18.20:
@@ -1438,18 +1543,17 @@ packages:
     cpu: [x64]
     os: [sunos]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-arm64@0.17.19:
-    resolution: {integrity: sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz}
-    name: '@esbuild/win32-arm64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/sunos-x64@0.19.4:
+    resolution: {integrity: sha512-6Xq8SpK46yLvrGxjp6HftkDwPP49puU4OF0hEL4dTxqCbfx09LyrbUj/D7tmIRMj5D5FCUPksBbxyQhp8tmHzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.4.tgz}
+    name: '@esbuild/sunos-x64'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
+    cpu: [x64]
+    os: [sunos]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/win32-arm64@0.18.20:
@@ -1460,18 +1564,17 @@ packages:
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-ia32@0.17.19:
-    resolution: {integrity: sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz}
-    name: '@esbuild/win32-ia32'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/win32-arm64@0.19.4:
+    resolution: {integrity: sha512-PkIl7Jq4mP6ke7QKwyg4fD4Xvn8PXisagV/+HntWoDEdmerB2LTukRZg728Yd1Fj+LuEX75t/hKXE2Ppk8Hh1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.4.tgz}
+    name: '@esbuild/win32-arm64'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [ia32]
+    cpu: [arm64]
     os: [win32]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/win32-ia32@0.18.20:
@@ -1482,18 +1585,17 @@ packages:
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-x64@0.17.19:
-    resolution: {integrity: sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz}
-    name: '@esbuild/win32-x64'
-    version: 0.17.19
+  registry.npmjs.org/@esbuild/win32-ia32@0.19.4:
+    resolution: {integrity: sha512-ga676Hnvw7/ycdKB53qPusvsKdwrWzEyJ+AtItHGoARszIqvjffTwaaW3b2L6l90i7MO9i+dlAW415INuRhSGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.4.tgz}
+    name: '@esbuild/win32-ia32'
+    version: 0.19.4
     engines: {node: '>=12'}
-    cpu: [x64]
+    cpu: [ia32]
     os: [win32]
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@esbuild/win32-x64@0.18.20:
@@ -1504,7 +1606,17 @@ packages:
     cpu: [x64]
     os: [win32]
     requiresBuild: true
-    dev: true
+    optional: true
+
+  registry.npmjs.org/@esbuild/win32-x64@0.19.4:
+    resolution: {integrity: sha512-HP0GDNla1T3ZL8Ko/SHAS2GgtjOg+VmWnnYLhuTksr++EnduYB0f3Y2LzHsUwb2iQ13JGoY6G3R8h6Du/WG6uA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.4.tgz}
+    name: '@esbuild/win32-x64'
+    version: 0.19.4
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
     optional: true
 
   registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.42.0):
@@ -1629,21 +1741,18 @@ packages:
       '@jridgewell/set-array': registry.npmjs.org/@jridgewell/set-array@1.1.2
       '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
       '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
-    dev: true
 
   registry.npmjs.org/@jridgewell/resolve-uri@3.1.0:
     resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz}
     name: '@jridgewell/resolve-uri'
     version: 3.1.0
     engines: {node: '>=6.0.0'}
-    dev: true
 
   registry.npmjs.org/@jridgewell/set-array@1.1.2:
     resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz}
     name: '@jridgewell/set-array'
     version: 1.1.2
     engines: {node: '>=6.0.0'}
-    dev: true
 
   registry.npmjs.org/@jridgewell/source-map@0.3.3:
     resolution: {integrity: sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.3.tgz}
@@ -1658,13 +1767,11 @@ packages:
     resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz}
     name: '@jridgewell/sourcemap-codec'
     version: 1.4.14
-    dev: true
 
   registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15:
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz}
     name: '@jridgewell/sourcemap-codec'
     version: 1.4.15
-    dev: true
 
   registry.npmjs.org/@jridgewell/trace-mapping@0.3.18:
     resolution: {integrity: sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz}
@@ -1673,7 +1780,6 @@ packages:
     dependencies:
       '@jridgewell/resolve-uri': registry.npmjs.org/@jridgewell/resolve-uri@3.1.0
       '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.14
-    dev: true
 
   registry.npmjs.org/@manypkg/find-root@1.1.0:
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@manypkg/find-root/-/find-root-1.1.0.tgz}
@@ -1707,14 +1813,12 @@ packages:
     dependencies:
       '@nodelib/fs.stat': registry.npmjs.org/@nodelib/fs.stat@2.0.5
       run-parallel: registry.npmjs.org/run-parallel@1.2.0
-    dev: true
 
   registry.npmjs.org/@nodelib/fs.stat@2.0.5:
     resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz}
     name: '@nodelib/fs.stat'
     version: 2.0.5
     engines: {node: '>= 8'}
-    dev: true
 
   registry.npmjs.org/@nodelib/fs.walk@1.2.8:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz}
@@ -1724,7 +1828,6 @@ packages:
     dependencies:
       '@nodelib/fs.scandir': registry.npmjs.org/@nodelib/fs.scandir@2.1.5
       fastq: registry.npmjs.org/fastq@1.15.0
-    dev: true
 
   registry.npmjs.org/@polka/url@1.0.0-next.21:
     resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz}
@@ -1894,36 +1997,6 @@ packages:
       import-meta-resolve: registry.npmjs.org/import-meta-resolve@3.0.0
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.3.9):
-    resolution: {integrity: sha512-SDKxI/QpsReCwIn5czjT53fKlPBybbmMk67d317gUqfeORroBAFN1Z6s/x0E1JYi+04i7kKllS+Sz9wVfmUkAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.22.6.tgz}
-    id: registry.npmjs.org/@sveltejs/kit/1.22.6
-    name: '@sveltejs/kit'
-    version: 1.22.6
-    engines: {node: ^16.14 || >=18}
-    hasBin: true
-    requiresBuild: true
-    peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0-next.0
-      vite: ^4.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.3.9)
-      '@types/cookie': registry.npmjs.org/@types/cookie@0.5.1
-      cookie: registry.npmjs.org/cookie@0.5.0
-      devalue: registry.npmjs.org/devalue@4.3.2
-      esm-env: registry.npmjs.org/esm-env@1.0.0
-      kleur: registry.npmjs.org/kleur@4.1.5
-      magic-string: registry.npmjs.org/magic-string@0.30.0
-      mime: registry.npmjs.org/mime@3.0.0
-      sade: registry.npmjs.org/sade@1.8.1
-      set-cookie-parser: registry.npmjs.org/set-cookie-parser@2.6.0
-      sirv: registry.npmjs.org/sirv@2.0.3
-      svelte: registry.npmjs.org/svelte@4.2.0
-      undici: registry.npmjs.org/undici@5.23.0
-      vite: registry.npmjs.org/vite@4.3.9
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.4.9):
     resolution: {integrity: sha512-SDKxI/QpsReCwIn5czjT53fKlPBybbmMk67d317gUqfeORroBAFN1Z6s/x0E1JYi+04i7kKllS+Sz9wVfmUkAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.22.6.tgz}
     id: registry.npmjs.org/@sveltejs/kit/1.22.6
@@ -1974,25 +2047,6 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.2.0)(vite@4.3.9):
-    resolution: {integrity: sha512-Cy1dUMcYCnDVV/hPLXa43YZJ2jGKVW5rA0xuNL9dlmYhT0yoS1g7+FOFSRlgk0BXKk/Oc7grs+8BVA5Iz2fr8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.2.tgz}
-    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2
-    name: '@sveltejs/vite-plugin-svelte-inspector'
-    version: 1.0.2
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^2.2.0
-      svelte: ^3.54.0 || ^4.0.0-next.0
-      vite: ^4.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.3.9)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      svelte: registry.npmjs.org/svelte@4.2.0
-      vite: registry.npmjs.org/vite@4.3.9
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.2.0)(vite@4.4.9):
     resolution: {integrity: sha512-Cy1dUMcYCnDVV/hPLXa43YZJ2jGKVW5rA0xuNL9dlmYhT0yoS1g7+FOFSRlgk0BXKk/Oc7grs+8BVA5Iz2fr8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.2.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2
@@ -2012,29 +2066,6 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.3.9):
-    resolution: {integrity: sha512-bNNKvoRY89ptY7udeBSCmTdCVwkjmMcZ0j/z9J5MuedT8jPjq0zrknAo/jF1sToAza4NVaAgR9AkZoD9oJJmnA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.1.tgz}
-    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1
-    name: '@sveltejs/vite-plugin-svelte'
-    version: 2.4.1
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0-next.0
-      vite: ^4.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.2.0)(vite@4.3.9)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      deepmerge: registry.npmjs.org/deepmerge@4.3.1
-      kleur: registry.npmjs.org/kleur@4.1.5
-      magic-string: registry.npmjs.org/magic-string@0.30.0
-      svelte: registry.npmjs.org/svelte@4.2.0
-      svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.2(svelte@4.2.0)
-      vite: registry.npmjs.org/vite@4.3.9
-      vitefu: registry.npmjs.org/vitefu@0.2.4(vite@4.3.9)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.4.9):
     resolution: {integrity: sha512-bNNKvoRY89ptY7udeBSCmTdCVwkjmMcZ0j/z9J5MuedT8jPjq0zrknAo/jF1sToAza4NVaAgR9AkZoD9oJJmnA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.1.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1
@@ -2199,6 +2230,43 @@ packages:
     engines: {node: '>=10.13.0'}
     dev: true
 
+  registry.npmjs.org/@types/babel__core@7.20.2:
+    resolution: {integrity: sha512-pNpr1T1xLUc2l3xJKuPtsEky3ybxN3m4fJkknfIpTCTfIZCDW57oAg+EfCgIIp2rvCe0Wn++/FfodDS4YXxBwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.2.tgz}
+    name: '@types/babel__core'
+    version: 7.20.2
+    dependencies:
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@types/babel__generator': registry.npmjs.org/@types/babel__generator@7.6.5
+      '@types/babel__template': registry.npmjs.org/@types/babel__template@7.4.2
+      '@types/babel__traverse': registry.npmjs.org/@types/babel__traverse@7.20.2
+    dev: false
+
+  registry.npmjs.org/@types/babel__generator@7.6.5:
+    resolution: {integrity: sha512-h9yIuWbJKdOPLJTbmSpPzkF67e659PbQDba7ifWm5BJ8xTv+sDmS7rFmywkWOvXedGTivCdeGSIIX8WLcRTz8w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.5.tgz}
+    name: '@types/babel__generator'
+    version: 7.6.5
+    dependencies:
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+    dev: false
+
+  registry.npmjs.org/@types/babel__template@7.4.2:
+    resolution: {integrity: sha512-/AVzPICMhMOMYoSx9MoKpGDKdBRsIXMNByh1PXSZoa+v6ZoLa8xxtsT/uLQ/NJm0XVAWl/BvId4MlDeXJaeIZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.2.tgz}
+    name: '@types/babel__template'
+    version: 7.4.2
+    dependencies:
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+    dev: false
+
+  registry.npmjs.org/@types/babel__traverse@7.20.2:
+    resolution: {integrity: sha512-ojlGK1Hsfce93J0+kn3H5R73elidKUaZonirN33GSmgTUMpzI/MIFfSpF3haANe3G1bEBS9/9/QEqwTzwqFsKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.2.tgz}
+    name: '@types/babel__traverse'
+    version: 7.20.2
+    dependencies:
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+    dev: false
+
   registry.npmjs.org/@types/cookie@0.5.1:
     resolution: {integrity: sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/cookie/-/cookie-0.5.1.tgz}
     name: '@types/cookie'
@@ -2452,11 +2520,18 @@ packages:
     version: 0.7.48
     dev: true
 
+  registry.npmjs.org/@types/debug@4.1.9:
+    resolution: {integrity: sha512-8Hz50m2eoS56ldRlepxSBa6PWEVCtzUo/92HgLc2qTMnotJNIm7xP+UZhyWoYsyOdd5dxZ+NZLb24rsKyFs2ow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/debug/-/debug-4.1.9.tgz}
+    name: '@types/debug'
+    version: 4.1.9
+    dependencies:
+      '@types/ms': registry.npmjs.org/@types/ms@0.7.32
+    dev: false
+
   registry.npmjs.org/@types/estree@1.0.1:
     resolution: {integrity: sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz}
     name: '@types/estree'
     version: 1.0.1
-    dev: true
 
   registry.npmjs.org/@types/geojson@7946.0.10:
     resolution: {integrity: sha512-Nmh0K3iWQJzniTuPRcJn5hxXkfB1T1pgB89SBig5PlJQU5yocazeu4jATJlaA0GYFKWMqDdvYemoSnF2pXgLVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.10.tgz}
@@ -2464,6 +2539,14 @@ packages:
     version: 7946.0.10
     dev: false
 
+  registry.npmjs.org/@types/hast@2.3.6:
+    resolution: {integrity: sha512-47rJE80oqPmFdVDCD7IheXBrVdwuBgsYwoczFvKmwfo2Mzsnt+V9OONsYauFmICb6lQPpCuXYJWejBNs4pDJRg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/hast/-/hast-2.3.6.tgz}
+    name: '@types/hast'
+    version: 2.3.6
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+    dev: false
+
   registry.npmjs.org/@types/is-ci@3.0.0:
     resolution: {integrity: sha512-Q0Op0hdWbYd1iahB+IFNQcWXFq4O0Q5MwQP7uN0souuQ4rPg1vEYcnIOfr1gY+M+6rc8FGoRaBO1mOOvL29sEQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/is-ci/-/is-ci-3.0.0.tgz}
     name: '@types/is-ci'
@@ -2478,12 +2561,48 @@ packages:
     version: 7.0.12
     dev: true
 
+  registry.npmjs.org/@types/json5@0.0.30:
+    resolution: {integrity: sha512-sqm9g7mHlPY/43fcSNrCYfOeX9zkTTK+euO5E6+CVijSMm5tTjkVdwdqRkY3ljjIAf8679vps5jKUoJBCLsMDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json5/-/json5-0.0.30.tgz}
+    name: '@types/json5'
+    version: 0.0.30
+    dev: false
+
+  registry.npmjs.org/@types/mdast@3.0.13:
+    resolution: {integrity: sha512-HjiGiWedR0DVFkeNljpa6Lv4/IZU1+30VY5d747K7lBudFc3R0Ibr6yJ9lN3BE28VnZyDfLF/VB1Ql1ZIbKrmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/mdast/-/mdast-3.0.13.tgz}
+    name: '@types/mdast'
+    version: 3.0.13
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+    dev: false
+
+  registry.npmjs.org/@types/mdast@4.0.1:
+    resolution: {integrity: sha512-IlKct1rUTJ1T81d8OHzyop15kGv9A/ff7Gz7IJgrk6jDb4Udw77pCJ+vq8oxZf4Ghpm+616+i1s/LNg/Vh7d+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/mdast/-/mdast-4.0.1.tgz}
+    name: '@types/mdast'
+    version: 4.0.1
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@3.0.0
+    dev: false
+
   registry.npmjs.org/@types/minimist@1.2.2:
     resolution: {integrity: sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz}
     name: '@types/minimist'
     version: 1.2.2
     dev: true
 
+  registry.npmjs.org/@types/ms@0.7.32:
+    resolution: {integrity: sha512-xPSg0jm4mqgEkNhowKgZFBNtwoEwF6gJ4Dhww+GFpm3IgtNseHQZ5IqdNwnquZEoANxyDAKDRAdVo4Z72VvD/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/ms/-/ms-0.7.32.tgz}
+    name: '@types/ms'
+    version: 0.7.32
+    dev: false
+
+  registry.npmjs.org/@types/nlcst@1.0.2:
+    resolution: {integrity: sha512-ykxL/GDDUhqikjU0LIywZvEwb1NTYXTEWf+XgMSS2o6IXIakafPccxZmxgZcvJPZ3yFl2kdL1gJZz3U3iZF3QA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/nlcst/-/nlcst-1.0.2.tgz}
+    name: '@types/nlcst'
+    version: 1.0.2
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+    dev: false
+
   registry.npmjs.org/@types/node@12.20.55:
     resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-12.20.55.tgz}
     name: '@types/node'
@@ -2508,6 +2627,12 @@ packages:
     version: 2.4.1
     dev: true
 
+  registry.npmjs.org/@types/parse5@6.0.3:
+    resolution: {integrity: sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/parse5/-/parse5-6.0.3.tgz}
+    name: '@types/parse5'
+    version: 6.0.3
+    dev: false
+
   registry.npmjs.org/@types/prop-types@15.7.5:
     resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz}
     name: '@types/prop-types'
@@ -2524,9 +2649,17 @@ packages:
     name: '@types/react-dom'
     version: 18.2.5
     dependencies:
-      '@types/react': registry.npmjs.org/@types/react@18.2.12
+      '@types/react': registry.npmjs.org/@types/react@18.2.24
     dev: true
 
+  registry.npmjs.org/@types/react-dom@18.2.8:
+    resolution: {integrity: sha512-bAIvO5lN/U8sPGvs1Xm61rlRHHaq5rp5N3kp9C+NJ/Q41P8iqjkXSu0+/qu8POsjH9pNWb0OYabFez7taP7omw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.8.tgz}
+    name: '@types/react-dom'
+    version: 18.2.8
+    dependencies:
+      '@types/react': registry.npmjs.org/@types/react@18.2.24
+    dev: false
+
   registry.npmjs.org/@types/react@18.2.12:
     resolution: {integrity: sha512-ndmBMLCgn38v3SntMeoJaIrO6tGHYKMEBohCUmw8HoLLQdRMOIGXfeYaBTLe2lsFaSB3MOK1VXscYFnmLtTSmw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.12.tgz}
     name: '@types/react'
@@ -2536,11 +2669,19 @@ packages:
       '@types/scheduler': registry.npmjs.org/@types/scheduler@0.16.3
       csstype: registry.npmjs.org/csstype@3.1.2
 
+  registry.npmjs.org/@types/react@18.2.24:
+    resolution: {integrity: sha512-Ee0Jt4sbJxMu1iDcetZEIKQr99J1Zfb6D4F3qfUWoR1JpInkY1Wdg4WwCyBjL257D0+jGqSl1twBjV8iCaC0Aw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.24.tgz}
+    name: '@types/react'
+    version: 18.2.24
+    dependencies:
+      '@types/prop-types': registry.npmjs.org/@types/prop-types@15.7.5
+      '@types/scheduler': registry.npmjs.org/@types/scheduler@0.16.3
+      csstype: registry.npmjs.org/csstype@3.1.2
+
   registry.npmjs.org/@types/resolve@1.20.2:
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz}
     name: '@types/resolve'
     version: 1.20.2
-    dev: true
 
   registry.npmjs.org/@types/scheduler@0.16.3:
     resolution: {integrity: sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz}
@@ -2571,6 +2712,18 @@ packages:
     version: 2.3.3
     dev: true
 
+  registry.npmjs.org/@types/unist@2.0.8:
+    resolution: {integrity: sha512-d0XxK3YTObnWVp6rZuev3c49+j4Lo8g4L1ZRm9z5L0xpoZycUPshHgczK5gsUMaZOstjVYYi09p5gYvUtfChYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/unist/-/unist-2.0.8.tgz}
+    name: '@types/unist'
+    version: 2.0.8
+    dev: false
+
+  registry.npmjs.org/@types/unist@3.0.0:
+    resolution: {integrity: sha512-MFETx3tbTjE7Uk6vvnWINA/1iJ7LuMdO4fcq8UfF0pRbj01aGLduVvQcRyswuACJdpnHgg8E3rQLhaRdNEJS0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/unist/-/unist-3.0.0.tgz}
+    name: '@types/unist'
+    version: 3.0.0
+    dev: false
+
   registry.npmjs.org/@types/yauzl@2.10.0:
     resolution: {integrity: sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.0.tgz}
     name: '@types/yauzl'
@@ -2914,7 +3067,6 @@ packages:
       vite: registry.npmjs.org/vite@4.4.9
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   registry.npmjs.org/acorn-jsx@5.3.2(acorn@8.10.0):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz}
@@ -2933,7 +3085,6 @@ packages:
     version: 8.10.0
     engines: {node: '>=0.4.0'}
     hasBin: true
-    dev: true
 
   registry.npmjs.org/aggregate-error@3.1.0:
     resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz}
@@ -2956,6 +3107,14 @@ packages:
       uri-js: registry.npmjs.org/uri-js@4.4.1
     dev: true
 
+  registry.npmjs.org/ansi-align@3.0.1:
+    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz}
+    name: ansi-align
+    version: 3.0.1
+    dependencies:
+      string-width: registry.npmjs.org/string-width@4.2.3
+    dev: false
+
   registry.npmjs.org/ansi-colors@4.1.3:
     resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz}
     name: ansi-colors
@@ -2977,7 +3136,19 @@ packages:
     name: ansi-regex
     version: 5.0.1
     engines: {node: '>=8'}
-    dev: true
+
+  registry.npmjs.org/ansi-regex@6.0.1:
+    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz}
+    name: ansi-regex
+    version: 6.0.1
+    engines: {node: '>=12'}
+    dev: false
+
+  registry.npmjs.org/ansi-sequence-parser@1.1.1:
+    resolution: {integrity: sha512-vJXt3yiaUL4UU546s3rPXlsry/RnM730G1+HkpKE012AN0sx1eOrxSu95oKDIonskeLTijMgqWZ3uDEe3NFvyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-sequence-parser/-/ansi-sequence-parser-1.1.1.tgz}
+    name: ansi-sequence-parser
+    version: 1.1.1
+    dev: false
 
   registry.npmjs.org/ansi-styles@3.2.1:
     resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz}
@@ -2986,7 +3157,6 @@ packages:
     engines: {node: '>=4'}
     dependencies:
       color-convert: registry.npmjs.org/color-convert@1.9.3
-    dev: true
 
   registry.npmjs.org/ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz}
@@ -2997,6 +3167,13 @@ packages:
       color-convert: registry.npmjs.org/color-convert@2.0.1
     dev: true
 
+  registry.npmjs.org/ansi-styles@6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz}
+    name: ansi-styles
+    version: 6.2.1
+    engines: {node: '>=12'}
+    dev: false
+
   registry.npmjs.org/anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz}
     name: anymatch
@@ -3005,7 +3182,6 @@ packages:
     dependencies:
       normalize-path: registry.npmjs.org/normalize-path@3.0.0
       picomatch: registry.npmjs.org/picomatch@2.3.1
-    dev: true
 
   registry.npmjs.org/arch@2.2.0:
     resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arch/-/arch-2.2.0.tgz}
@@ -3025,13 +3201,11 @@ packages:
     version: 1.0.10
     dependencies:
       sprintf-js: registry.npmjs.org/sprintf-js@1.0.3
-    dev: true
 
   registry.npmjs.org/argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz}
     name: argparse
     version: 2.0.1
-    dev: true
 
   registry.npmjs.org/aria-query@5.3.0:
     resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz}
@@ -3063,6 +3237,12 @@ packages:
       is-string: registry.npmjs.org/is-string@1.0.7
     dev: true
 
+  registry.npmjs.org/array-iterate@2.0.1:
+    resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-iterate/-/array-iterate-2.0.1.tgz}
+    name: array-iterate
+    version: 2.0.1
+    dev: false
+
   registry.npmjs.org/array-union@2.1.0:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz}
     name: array-union
@@ -3149,6 +3329,82 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  registry.npmjs.org/astro@3.2.2:
+    resolution: {integrity: sha512-vLOOGyD2g1HRkCQAFHmHUrVAbMI5sgUqKignBMtXNantgEq1P17sL2cvH0Yy2ibNN9DHZ/4TknXmwHAig8PJNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/astro/-/astro-3.2.2.tgz}
+    name: astro
+    version: 3.2.2
+    engines: {node: '>=18.14.1', npm: '>=6.14.0'}
+    hasBin: true
+    dependencies:
+      '@astrojs/compiler': registry.npmjs.org/@astrojs/compiler@2.1.0
+      '@astrojs/internal-helpers': registry.npmjs.org/@astrojs/internal-helpers@0.2.0
+      '@astrojs/markdown-remark': registry.npmjs.org/@astrojs/markdown-remark@3.2.0(astro@3.2.2)
+      '@astrojs/telemetry': registry.npmjs.org/@astrojs/telemetry@3.0.2
+      '@babel/core': registry.npmjs.org/@babel/core@7.22.10
+      '@babel/generator': registry.npmjs.org/@babel/generator@7.22.10
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
+      '@babel/plugin-transform-react-jsx': registry.npmjs.org/@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.22.10)
+      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@types/babel__core': registry.npmjs.org/@types/babel__core@7.20.2
+      acorn: registry.npmjs.org/acorn@8.10.0
+      boxen: registry.npmjs.org/boxen@7.1.1
+      chokidar: registry.npmjs.org/chokidar@3.5.3
+      ci-info: registry.npmjs.org/ci-info@3.8.0
+      clsx: registry.npmjs.org/clsx@2.0.0
+      common-ancestor-path: registry.npmjs.org/common-ancestor-path@1.0.1
+      cookie: registry.npmjs.org/cookie@0.5.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      devalue: registry.npmjs.org/devalue@4.3.2
+      diff: registry.npmjs.org/diff@5.1.0
+      es-module-lexer: registry.npmjs.org/es-module-lexer@1.3.1
+      esbuild: registry.npmjs.org/esbuild@0.19.4
+      estree-walker: registry.npmjs.org/estree-walker@3.0.3
+      execa: registry.npmjs.org/execa@8.0.1
+      fast-glob: registry.npmjs.org/fast-glob@3.3.1
+      github-slugger: registry.npmjs.org/github-slugger@2.0.0
+      gray-matter: registry.npmjs.org/gray-matter@4.0.3
+      html-escaper: registry.npmjs.org/html-escaper@3.0.3
+      http-cache-semantics: registry.npmjs.org/http-cache-semantics@4.1.1
+      js-yaml: registry.npmjs.org/js-yaml@4.1.0
+      kleur: registry.npmjs.org/kleur@4.1.5
+      magic-string: registry.npmjs.org/magic-string@0.30.4
+      mime: registry.npmjs.org/mime@3.0.0
+      ora: registry.npmjs.org/ora@7.0.1
+      p-limit: registry.npmjs.org/p-limit@4.0.0
+      path-to-regexp: registry.npmjs.org/path-to-regexp@6.2.1
+      preferred-pm: registry.npmjs.org/preferred-pm@3.1.2
+      probe-image-size: registry.npmjs.org/probe-image-size@7.2.3
+      prompts: registry.npmjs.org/prompts@2.4.2
+      rehype: registry.npmjs.org/rehype@12.0.1
+      resolve: registry.npmjs.org/resolve@1.22.6
+      semver: registry.npmjs.org/semver@7.5.4
+      server-destroy: registry.npmjs.org/server-destroy@1.0.1
+      shiki: registry.npmjs.org/shiki@0.14.4
+      string-width: registry.npmjs.org/string-width@6.1.0
+      strip-ansi: registry.npmjs.org/strip-ansi@7.1.0
+      tsconfig-resolver: registry.npmjs.org/tsconfig-resolver@3.0.1
+      undici: registry.npmjs.org/undici@5.23.0
+      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
+      vfile: registry.npmjs.org/vfile@5.3.7
+      vite: registry.npmjs.org/vite@4.4.9
+      vitefu: registry.npmjs.org/vitefu@0.2.4(vite@4.4.9)
+      which-pm: registry.npmjs.org/which-pm@2.1.1
+      yargs-parser: registry.npmjs.org/yargs-parser@21.1.1
+      zod: registry.npmjs.org/zod@3.21.1
+    optionalDependencies:
+      sharp: registry.npmjs.org/sharp@0.32.6
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - lightningcss
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+    dev: false
+
   registry.npmjs.org/async@3.2.4:
     resolution: {integrity: sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/async/-/async-3.2.4.tgz}
     name: async
@@ -3234,6 +3490,19 @@ packages:
       dequal: registry.npmjs.org/dequal@2.0.3
     dev: true
 
+  registry.npmjs.org/b4a@1.6.4:
+    resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/b4a/-/b4a-1.6.4.tgz}
+    name: b4a
+    version: 1.6.4
+    dev: false
+    optional: true
+
+  registry.npmjs.org/bail@2.0.2:
+    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/bail/-/bail-2.0.2.tgz}
+    name: bail
+    version: 2.0.2
+    dev: false
+
   registry.npmjs.org/balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz}
     name: balanced-match
@@ -3244,7 +3513,6 @@ packages:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz}
     name: base64-js
     version: 1.5.1
-    dev: true
 
   registry.npmjs.org/bcrypt-pbkdf@1.0.2:
     resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz}
@@ -3268,13 +3536,33 @@ packages:
     name: binary-extensions
     version: 2.2.0
     engines: {node: '>=8'}
-    dev: true
 
-  registry.npmjs.org/blob-util@2.0.2:
-    resolution: {integrity: sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/blob-util/-/blob-util-2.0.2.tgz}
-    name: blob-util
-    version: 2.0.2
-    dev: true
+  registry.npmjs.org/bl@4.1.0:
+    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/bl/-/bl-4.1.0.tgz}
+    name: bl
+    version: 4.1.0
+    dependencies:
+      buffer: registry.npmjs.org/buffer@5.7.1
+      inherits: registry.npmjs.org/inherits@2.0.4
+      readable-stream: registry.npmjs.org/readable-stream@3.6.2
+    dev: false
+    optional: true
+
+  registry.npmjs.org/bl@5.1.0:
+    resolution: {integrity: sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/bl/-/bl-5.1.0.tgz}
+    name: bl
+    version: 5.1.0
+    dependencies:
+      buffer: registry.npmjs.org/buffer@6.0.3
+      inherits: registry.npmjs.org/inherits@2.0.4
+      readable-stream: registry.npmjs.org/readable-stream@3.6.2
+    dev: false
+
+  registry.npmjs.org/blob-util@2.0.2:
+    resolution: {integrity: sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/blob-util/-/blob-util-2.0.2.tgz}
+    name: blob-util
+    version: 2.0.2
+    dev: true
 
   registry.npmjs.org/bluebird@3.7.2:
     resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz}
@@ -3288,6 +3576,22 @@ packages:
     version: 1.0.0
     dev: true
 
+  registry.npmjs.org/boxen@7.1.1:
+    resolution: {integrity: sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/boxen/-/boxen-7.1.1.tgz}
+    name: boxen
+    version: 7.1.1
+    engines: {node: '>=14.16'}
+    dependencies:
+      ansi-align: registry.npmjs.org/ansi-align@3.0.1
+      camelcase: registry.npmjs.org/camelcase@7.0.1
+      chalk: registry.npmjs.org/chalk@5.3.0
+      cli-boxes: registry.npmjs.org/cli-boxes@3.0.0
+      string-width: registry.npmjs.org/string-width@5.1.2
+      type-fest: registry.npmjs.org/type-fest@2.19.0
+      widest-line: registry.npmjs.org/widest-line@4.0.1
+      wrap-ansi: registry.npmjs.org/wrap-ansi@8.1.0
+    dev: false
+
   registry.npmjs.org/brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz}
     name: brace-expansion
@@ -3312,7 +3616,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       fill-range: registry.npmjs.org/fill-range@7.0.1
-    dev: true
 
   registry.npmjs.org/breakword@1.0.6:
     resolution: {integrity: sha512-yjxDAYyK/pBvws9H4xKYpLDpYKEH6CzrBPAuXq3x18I+c/2MkVtT3qAr7Oloi6Dss9qNhPVueAAVU1CSeNDIXw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/breakword/-/breakword-1.0.6.tgz}
@@ -3333,7 +3636,6 @@ packages:
       electron-to-chromium: registry.npmjs.org/electron-to-chromium@1.4.492
       node-releases: registry.npmjs.org/node-releases@2.0.13
       update-browserslist-db: registry.npmjs.org/update-browserslist-db@1.0.11(browserslist@4.21.10)
-    dev: true
 
   registry.npmjs.org/buffer-crc32@0.2.13:
     resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz}
@@ -3354,7 +3656,15 @@ packages:
     dependencies:
       base64-js: registry.npmjs.org/base64-js@1.5.1
       ieee754: registry.npmjs.org/ieee754@1.2.1
-    dev: true
+
+  registry.npmjs.org/buffer@6.0.3:
+    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz}
+    name: buffer
+    version: 6.0.3
+    dependencies:
+      base64-js: registry.npmjs.org/base64-js@1.5.1
+      ieee754: registry.npmjs.org/ieee754@1.2.1
+    dev: false
 
   registry.npmjs.org/builtin-modules@3.3.0:
     resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz}
@@ -3370,7 +3680,6 @@ packages:
     engines: {node: '>=10.16.0'}
     dependencies:
       streamsearch: registry.npmjs.org/streamsearch@1.1.0
-    dev: true
 
   registry.npmjs.org/cachedir@2.3.0:
     resolution: {integrity: sha512-A+Fezp4zxnit6FanDmv9EqXNAi3vt9DWp51/71UEhXukb7QUuvtv9344h91dyAxuTLoSYJFU299qzR3tzwPAhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cachedir/-/cachedir-2.3.0.tgz}
@@ -3413,6 +3722,13 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  registry.npmjs.org/camelcase@7.0.1:
+    resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/camelcase/-/camelcase-7.0.1.tgz}
+    name: camelcase
+    version: 7.0.1
+    engines: {node: '>=14.16'}
+    dev: false
+
   registry.npmjs.org/caniuse-api@3.0.0:
     resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz}
     name: caniuse-api
@@ -3428,7 +3744,6 @@ packages:
     resolution: {integrity: sha512-fnx1grfpEOvDGH+V17eccmNjucGUnCbP6KL+l5KqBIerp26WK/+RQ7CIDE37KGJjaPyqWXXlFUyKiWmvdNNKmQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001521.tgz}
     name: caniuse-lite
     version: 1.0.30001521
-    dev: true
 
   registry.npmjs.org/caseless@0.12.0:
     resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz}
@@ -3436,6 +3751,12 @@ packages:
     version: 0.12.0
     dev: true
 
+  registry.npmjs.org/ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz}
+    name: ccount
+    version: 2.0.1
+    dev: false
+
   registry.npmjs.org/chalk@2.4.2:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz}
     name: chalk
@@ -3445,7 +3766,6 @@ packages:
       ansi-styles: registry.npmjs.org/ansi-styles@3.2.1
       escape-string-regexp: registry.npmjs.org/escape-string-regexp@1.0.5
       supports-color: registry.npmjs.org/supports-color@5.5.0
-    dev: true
 
   registry.npmjs.org/chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz}
@@ -3457,6 +3777,31 @@ packages:
       supports-color: registry.npmjs.org/supports-color@7.2.0
     dev: true
 
+  registry.npmjs.org/chalk@5.3.0:
+    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz}
+    name: chalk
+    version: 5.3.0
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+    dev: false
+
+  registry.npmjs.org/character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz}
+    name: character-entities-html4
+    version: 2.1.0
+    dev: false
+
+  registry.npmjs.org/character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz}
+    name: character-entities-legacy
+    version: 3.0.0
+    dev: false
+
+  registry.npmjs.org/character-entities@2.0.2:
+    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz}
+    name: character-entities
+    version: 2.0.2
+    dev: false
+
   registry.npmjs.org/chardet@0.7.0:
     resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz}
     name: chardet
@@ -3485,14 +3830,19 @@ packages:
       readdirp: registry.npmjs.org/readdirp@3.6.0
     optionalDependencies:
       fsevents: registry.npmjs.org/fsevents@2.3.2
-    dev: true
+
+  registry.npmjs.org/chownr@1.1.4:
+    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz}
+    name: chownr
+    version: 1.1.4
+    dev: false
+    optional: true
 
   registry.npmjs.org/ci-info@3.8.0:
     resolution: {integrity: sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz}
     name: ci-info
     version: 3.8.0
     engines: {node: '>=8'}
-    dev: true
 
   registry.npmjs.org/classcat@5.0.4:
     resolution: {integrity: sha512-sbpkOw6z413p+HDGcBENe498WM9woqWHiJxCq7nvmxe9WmrUmqfAcxpIwAiMtM5Q3AhYkzXcNQHqsWq0mND51g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/classcat/-/classcat-5.0.4.tgz}
@@ -3507,6 +3857,13 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  registry.npmjs.org/cli-boxes@3.0.0:
+    resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-boxes/-/cli-boxes-3.0.0.tgz}
+    name: cli-boxes
+    version: 3.0.0
+    engines: {node: '>=10'}
+    dev: false
+
   registry.npmjs.org/cli-cursor@3.1.0:
     resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz}
     name: cli-cursor
@@ -3516,6 +3873,22 @@ packages:
       restore-cursor: registry.npmjs.org/restore-cursor@3.1.0
     dev: true
 
+  registry.npmjs.org/cli-cursor@4.0.0:
+    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz}
+    name: cli-cursor
+    version: 4.0.0
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      restore-cursor: registry.npmjs.org/restore-cursor@4.0.0
+    dev: false
+
+  registry.npmjs.org/cli-spinners@2.9.1:
+    resolution: {integrity: sha512-jHgecW0pxkonBJdrKsqxgRX9AcG+u/5k0Q7WPDfi8AogLAdwxEkyYYNWwZ5GvVFoFx2uiY1eNcSK00fh+1+FyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.1.tgz}
+    name: cli-spinners
+    version: 2.9.1
+    engines: {node: '>=6'}
+    dev: false
+
   registry.npmjs.org/cli-table3@0.6.3:
     resolution: {integrity: sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.3.tgz}
     name: cli-table3
@@ -3565,6 +3938,13 @@ packages:
     engines: {node: '>=0.8'}
     dev: true
 
+  registry.npmjs.org/clsx@2.0.0:
+    resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz}
+    name: clsx
+    version: 2.0.0
+    engines: {node: '>=6'}
+    dev: false
+
   registry.npmjs.org/code-red@1.0.3:
     resolution: {integrity: sha512-kVwJELqiILQyG5aeuyKFbdsI1fmQy1Cmf7dQ8eGmVuJoaRVdwey7WaMknr2ZFeVSYSKT0rExsa8EGw0aoI/1QQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/code-red/-/code-red-1.0.3.tgz}
     name: code-red
@@ -3583,7 +3963,6 @@ packages:
     version: 1.9.3
     dependencies:
       color-name: registry.npmjs.org/color-name@1.1.3
-    dev: true
 
   registry.npmjs.org/color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz}
@@ -3592,19 +3971,37 @@ packages:
     engines: {node: '>=7.0.0'}
     dependencies:
       color-name: registry.npmjs.org/color-name@1.1.4
-    dev: true
 
   registry.npmjs.org/color-name@1.1.3:
     resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz}
     name: color-name
     version: 1.1.3
-    dev: true
 
   registry.npmjs.org/color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz}
     name: color-name
     version: 1.1.4
-    dev: true
+
+  registry.npmjs.org/color-string@1.9.1:
+    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz}
+    name: color-string
+    version: 1.9.1
+    dependencies:
+      color-name: registry.npmjs.org/color-name@1.1.4
+      simple-swizzle: registry.npmjs.org/simple-swizzle@0.2.2
+    dev: false
+    optional: true
+
+  registry.npmjs.org/color@4.2.3:
+    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color/-/color-4.2.3.tgz}
+    name: color
+    version: 4.2.3
+    engines: {node: '>=12.5.0'}
+    dependencies:
+      color-convert: registry.npmjs.org/color-convert@2.0.1
+      color-string: registry.npmjs.org/color-string@1.9.1
+    dev: false
+    optional: true
 
   registry.npmjs.org/colord@2.9.3:
     resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/colord/-/colord-2.9.3.tgz}
@@ -3627,6 +4024,12 @@ packages:
       delayed-stream: registry.npmjs.org/delayed-stream@1.0.0
     dev: true
 
+  registry.npmjs.org/comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz}
+    name: comma-separated-tokens
+    version: 2.0.3
+    dev: false
+
   registry.npmjs.org/commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/commander/-/commander-2.20.3.tgz}
     name: commander
@@ -3647,6 +4050,12 @@ packages:
     engines: {node: '>= 10'}
     dev: true
 
+  registry.npmjs.org/common-ancestor-path@1.0.1:
+    resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/common-ancestor-path/-/common-ancestor-path-1.0.1.tgz}
+    name: common-ancestor-path
+    version: 1.0.1
+    dev: false
+
   registry.npmjs.org/common-tags@1.8.2:
     resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz}
     name: common-tags
@@ -3688,14 +4097,12 @@ packages:
     resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz}
     name: convert-source-map
     version: 1.9.0
-    dev: true
 
   registry.npmjs.org/cookie@0.5.0:
     resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz}
     name: cookie
     version: 0.5.0
     engines: {node: '>= 0.6'}
-    dev: true
 
   registry.npmjs.org/core-util-is@1.0.2:
     resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz}
@@ -3722,7 +4129,6 @@ packages:
       path-key: registry.npmjs.org/path-key@3.1.1
       shebang-command: registry.npmjs.org/shebang-command@2.0.0
       which: registry.npmjs.org/which@2.0.2
-    dev: true
 
   registry.npmjs.org/css-declaration-sorter@6.4.1(postcss@8.4.27):
     resolution: {integrity: sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz}
@@ -4081,6 +4487,19 @@ packages:
     version: 1.11.8
     dev: true
 
+  registry.npmjs.org/debug@2.6.9:
+    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-2.6.9.tgz}
+    name: debug
+    version: 2.6.9
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: registry.npmjs.org/ms@2.0.0
+    dev: false
+
   registry.npmjs.org/debug@3.2.7(supports-color@8.1.1):
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-3.2.7.tgz}
     id: registry.npmjs.org/debug/3.2.7
@@ -4094,7 +4513,6 @@ packages:
     dependencies:
       ms: registry.npmjs.org/ms@2.1.3
       supports-color: registry.npmjs.org/supports-color@8.1.1
-    dev: true
 
   registry.npmjs.org/debug@4.3.4(supports-color@8.1.1):
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-4.3.4.tgz}
@@ -4110,7 +4528,6 @@ packages:
     dependencies:
       ms: registry.npmjs.org/ms@2.1.2
       supports-color: registry.npmjs.org/supports-color@8.1.1
-    dev: true
 
   registry.npmjs.org/decamelize-keys@1.1.1:
     resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.1.tgz}
@@ -4129,12 +4546,38 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  registry.npmjs.org/decode-named-character-reference@1.0.2:
+    resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.0.2.tgz}
+    name: decode-named-character-reference
+    version: 1.0.2
+    dependencies:
+      character-entities: registry.npmjs.org/character-entities@2.0.2
+    dev: false
+
+  registry.npmjs.org/decompress-response@6.0.0:
+    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz}
+    name: decompress-response
+    version: 6.0.0
+    engines: {node: '>=10'}
+    dependencies:
+      mimic-response: registry.npmjs.org/mimic-response@3.1.0
+    dev: false
+    optional: true
+
   registry.npmjs.org/dedent-js@1.0.1:
     resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dedent-js/-/dedent-js-1.0.1.tgz}
     name: dedent-js
     version: 1.0.1
     dev: true
 
+  registry.npmjs.org/deep-extend@0.6.0:
+    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz}
+    name: deep-extend
+    version: 0.6.0
+    engines: {node: '>=4.0.0'}
+    dev: false
+    optional: true
+
   registry.npmjs.org/deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz}
     name: deep-is
@@ -4185,7 +4628,6 @@ packages:
     name: dequal
     version: 2.0.3
     engines: {node: '>=6'}
-    dev: true
 
   registry.npmjs.org/detect-indent@6.1.0:
     resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz}
@@ -4194,11 +4636,25 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  registry.npmjs.org/detect-libc@2.0.2:
+    resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.2.tgz}
+    name: detect-libc
+    version: 2.0.2
+    engines: {node: '>=8'}
+    dev: false
+    optional: true
+
   registry.npmjs.org/devalue@4.3.2:
     resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/devalue/-/devalue-4.3.2.tgz}
     name: devalue
     version: 4.3.2
-    dev: true
+
+  registry.npmjs.org/diff@5.1.0:
+    resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/diff/-/diff-5.1.0.tgz}
+    name: diff
+    version: 5.1.0
+    engines: {node: '>=0.3.1'}
+    dev: false
 
   registry.npmjs.org/dir-glob@3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz}
@@ -4209,6 +4665,12 @@ packages:
       path-type: registry.npmjs.org/path-type@4.0.0
     dev: true
 
+  registry.npmjs.org/dlv@1.1.3:
+    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz}
+    name: dlv
+    version: 1.1.3
+    dev: false
+
   registry.npmjs.org/doctrine@2.1.0:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz}
     name: doctrine
@@ -4283,12 +4745,25 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  registry.npmjs.org/dset@3.1.2:
+    resolution: {integrity: sha512-g/M9sqy3oHe477Ar4voQxWtaPIFw1jTdKZuomOjhCcBx9nHUNn0pu6NopuFFrTh/TRZIKEj+76vLWFu9BNKk+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dset/-/dset-3.1.2.tgz}
+    name: dset
+    version: 3.1.2
+    engines: {node: '>=4'}
+    dev: false
+
   registry.npmjs.org/duplexer@0.1.2:
     resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz}
     name: duplexer
     version: 0.1.2
     dev: true
 
+  registry.npmjs.org/eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz}
+    name: eastasianwidth
+    version: 0.2.0
+    dev: false
+
   registry.npmjs.org/ecc-jsbn@0.1.2:
     resolution: {integrity: sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz}
     name: ecc-jsbn
@@ -4302,13 +4777,23 @@ packages:
     resolution: {integrity: sha512-36K9b/6skMVwAIEsC7GiQ8I8N3soCALVSHqWHzNDtGemAcI9Xu8hP02cywWM0A794rTHm0b0zHPeLJHtgFVamQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.492.tgz}
     name: electron-to-chromium
     version: 1.4.492
-    dev: true
+
+  registry.npmjs.org/emoji-regex@10.2.1:
+    resolution: {integrity: sha512-97g6QgOk8zlDRdgq1WxwgTMgEWGVAQvB5Fdpgc1MkNy56la5SKP9GsMXKDOdqwn90/41a8yPwIGk1Y6WVbeMQA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.2.1.tgz}
+    name: emoji-regex
+    version: 10.2.1
+    dev: false
 
   registry.npmjs.org/emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz}
     name: emoji-regex
     version: 8.0.0
-    dev: true
+
+  registry.npmjs.org/emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz}
+    name: emoji-regex
+    version: 9.2.2
+    dev: false
 
   registry.npmjs.org/end-of-stream@1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz}
@@ -4316,7 +4801,6 @@ packages:
     version: 1.4.4
     dependencies:
       once: registry.npmjs.org/once@1.4.0
-    dev: true
 
   registry.npmjs.org/enquirer@2.3.6:
     resolution: {integrity: sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz}
@@ -4410,6 +4894,12 @@ packages:
       safe-array-concat: registry.npmjs.org/safe-array-concat@1.0.0
     dev: true
 
+  registry.npmjs.org/es-module-lexer@1.3.1:
+    resolution: {integrity: sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.3.1.tgz}
+    name: es-module-lexer
+    version: 1.3.1
+    dev: false
+
   registry.npmjs.org/es-set-tostringtag@2.0.1:
     resolution: {integrity: sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz}
     name: es-set-tostringtag
@@ -4446,38 +4936,6 @@ packages:
     version: 3.3.1
     dev: true
 
-  registry.npmjs.org/esbuild@0.17.19:
-    resolution: {integrity: sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz}
-    name: esbuild
-    version: 0.17.19
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm@0.17.19
-      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64@0.17.19
-      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64@0.17.19
-      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64@0.17.19
-      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64@0.17.19
-      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64@0.17.19
-      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64@0.17.19
-      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm@0.17.19
-      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64@0.17.19
-      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32@0.17.19
-      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64@0.17.19
-      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el@0.17.19
-      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64@0.17.19
-      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64@0.17.19
-      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x@0.17.19
-      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64@0.17.19
-      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64@0.17.19
-      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64@0.17.19
-      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64@0.17.19
-      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64@0.17.19
-      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32@0.17.19
-      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64@0.17.19
-    dev: true
-
   registry.npmjs.org/esbuild@0.18.20:
     resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz}
     name: esbuild
@@ -4508,21 +4966,50 @@ packages:
       '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64@0.18.20
       '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32@0.18.20
       '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64@0.18.20
-    dev: true
+
+  registry.npmjs.org/esbuild@0.19.4:
+    resolution: {integrity: sha512-x7jL0tbRRpv4QUyuDMjONtWFciygUxWaUM1kMX2zWxI0X2YWOt7MSA0g4UdeSiHM8fcYVzpQhKYOycZwxTdZkA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.19.4.tgz}
+    name: esbuild
+    version: 0.19.4
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm@0.19.4
+      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64@0.19.4
+      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64@0.19.4
+      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64@0.19.4
+      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64@0.19.4
+      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64@0.19.4
+      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64@0.19.4
+      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm@0.19.4
+      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64@0.19.4
+      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32@0.19.4
+      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64@0.19.4
+      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el@0.19.4
+      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64@0.19.4
+      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64@0.19.4
+      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x@0.19.4
+      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64@0.19.4
+      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64@0.19.4
+      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64@0.19.4
+      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64@0.19.4
+      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64@0.19.4
+      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32@0.19.4
+      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64@0.19.4
+    dev: false
 
   registry.npmjs.org/escalade@3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz}
     name: escalade
     version: 3.1.1
     engines: {node: '>=6'}
-    dev: true
 
   registry.npmjs.org/escape-string-regexp@1.0.5:
     resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz}
     name: escape-string-regexp
     version: 1.0.5
     engines: {node: '>=0.8.0'}
-    dev: true
 
   registry.npmjs.org/escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz}
@@ -4531,6 +5018,13 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  registry.npmjs.org/escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz}
+    name: escape-string-regexp
+    version: 5.0.0
+    engines: {node: '>=12'}
+    dev: false
+
   registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.42.0):
     resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz}
     id: registry.npmjs.org/eslint-config-prettier/8.8.0
@@ -4815,7 +5309,6 @@ packages:
     version: 4.0.1
     engines: {node: '>=4'}
     hasBin: true
-    dev: true
 
   registry.npmjs.org/esquery@1.5.0:
     resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz}
@@ -4861,7 +5354,6 @@ packages:
     version: 3.0.3
     dependencies:
       '@types/estree': registry.npmjs.org/@types/estree@1.0.1
-    dev: true
 
   registry.npmjs.org/esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz}
@@ -4924,6 +5416,23 @@ packages:
       strip-final-newline: registry.npmjs.org/strip-final-newline@2.0.0
     dev: true
 
+  registry.npmjs.org/execa@8.0.1:
+    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/execa/-/execa-8.0.1.tgz}
+    name: execa
+    version: 8.0.1
+    engines: {node: '>=16.17'}
+    dependencies:
+      cross-spawn: registry.npmjs.org/cross-spawn@7.0.3
+      get-stream: registry.npmjs.org/get-stream@8.0.1
+      human-signals: registry.npmjs.org/human-signals@5.0.0
+      is-stream: registry.npmjs.org/is-stream@3.0.0
+      merge-stream: registry.npmjs.org/merge-stream@2.0.0
+      npm-run-path: registry.npmjs.org/npm-run-path@5.1.0
+      onetime: registry.npmjs.org/onetime@6.0.0
+      signal-exit: registry.npmjs.org/signal-exit@4.1.0
+      strip-final-newline: registry.npmjs.org/strip-final-newline@3.0.0
+    dev: false
+
   registry.npmjs.org/executable@4.1.1:
     resolution: {integrity: sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/executable/-/executable-4.1.1.tgz}
     name: executable
@@ -4933,11 +5442,27 @@ packages:
       pify: registry.npmjs.org/pify@2.3.0
     dev: true
 
+  registry.npmjs.org/expand-template@2.0.3:
+    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz}
+    name: expand-template
+    version: 2.0.3
+    engines: {node: '>=6'}
+    dev: false
+    optional: true
+
+  registry.npmjs.org/extend-shallow@2.0.1:
+    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz}
+    name: extend-shallow
+    version: 2.0.1
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extendable: registry.npmjs.org/is-extendable@0.1.1
+    dev: false
+
   registry.npmjs.org/extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/extend/-/extend-3.0.2.tgz}
     name: extend
     version: 3.0.2
-    dev: true
 
   registry.npmjs.org/extendable-error@0.1.7:
     resolution: {integrity: sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/extendable-error/-/extendable-error-0.1.7.tgz}
@@ -4992,6 +5517,13 @@ packages:
     version: 1.3.0
     dev: true
 
+  registry.npmjs.org/fast-fifo@1.3.2:
+    resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz}
+    name: fast-fifo
+    version: 1.3.2
+    dev: false
+    optional: true
+
   registry.npmjs.org/fast-glob@3.3.1:
     resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz}
     name: fast-glob
@@ -5003,7 +5535,6 @@ packages:
       glob-parent: registry.npmjs.org/glob-parent@5.1.2
       merge2: registry.npmjs.org/merge2@1.4.1
       micromatch: registry.npmjs.org/micromatch@4.0.5
-    dev: true
 
   registry.npmjs.org/fast-json-stable-stringify@2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz}
@@ -5023,7 +5554,6 @@ packages:
     version: 1.15.0
     dependencies:
       reusify: registry.npmjs.org/reusify@1.0.4
-    dev: true
 
   registry.npmjs.org/fd-slicer@1.1.0:
     resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz}
@@ -5058,7 +5588,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       to-regex-range: registry.npmjs.org/to-regex-range@5.0.1
-    dev: true
 
   registry.npmjs.org/find-up@4.1.0:
     resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz}
@@ -5068,7 +5597,6 @@ packages:
     dependencies:
       locate-path: registry.npmjs.org/locate-path@5.0.0
       path-exists: registry.npmjs.org/path-exists@4.0.0
-    dev: true
 
   registry.npmjs.org/find-up@5.0.0:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz}
@@ -5078,7 +5606,6 @@ packages:
     dependencies:
       locate-path: registry.npmjs.org/locate-path@6.0.0
       path-exists: registry.npmjs.org/path-exists@4.0.0
-    dev: true
 
   registry.npmjs.org/find-yarn-workspace-root2@1.2.16:
     resolution: {integrity: sha512-hr6hb1w8ePMpPVUK39S4RlwJzi+xPLuVuG8XlwXU3KD5Yn3qgBWVfy3AzNlDhWvE1EORCE65/Qm26rFQt3VLVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-yarn-workspace-root2/-/find-yarn-workspace-root2-1.2.16.tgz}
@@ -5087,7 +5614,6 @@ packages:
     dependencies:
       micromatch: registry.npmjs.org/micromatch@4.0.5
       pkg-dir: registry.npmjs.org/pkg-dir@4.2.0
-    dev: true
 
   registry.npmjs.org/flat-cache@3.0.4:
     resolution: {integrity: sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz}
@@ -5168,6 +5694,13 @@ packages:
     version: 0.1.7
     dev: true
 
+  registry.npmjs.org/fs-constants@1.0.0:
+    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz}
+    name: fs-constants
+    version: 1.0.0
+    dev: false
+    optional: true
+
   registry.npmjs.org/fs-extra@11.1.1:
     resolution: {integrity: sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz}
     name: fs-extra
@@ -5226,14 +5759,12 @@ packages:
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
     requiresBuild: true
-    dev: true
     optional: true
 
   registry.npmjs.org/function-bind@1.1.1:
     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz}
     name: function-bind
     version: 1.1.1
-    dev: true
 
   registry.npmjs.org/function.prototype.name@1.1.5:
     resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.5.tgz}
@@ -5258,7 +5789,6 @@ packages:
     name: gensync
     version: 1.0.0-beta.2
     engines: {node: '>=6.9.0'}
-    dev: true
 
   registry.npmjs.org/get-caller-file@2.0.5:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz}
@@ -5301,6 +5831,13 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  registry.npmjs.org/get-stream@8.0.1:
+    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-stream/-/get-stream-8.0.1.tgz}
+    name: get-stream
+    version: 8.0.1
+    engines: {node: '>=16'}
+    dev: false
+
   registry.npmjs.org/get-symbol-description@1.0.0:
     resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz}
     name: get-symbol-description
@@ -5327,6 +5864,19 @@ packages:
       assert-plus: registry.npmjs.org/assert-plus@1.0.0
     dev: true
 
+  registry.npmjs.org/github-from-package@0.0.0:
+    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz}
+    name: github-from-package
+    version: 0.0.0
+    dev: false
+    optional: true
+
+  registry.npmjs.org/github-slugger@2.0.0:
+    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/github-slugger/-/github-slugger-2.0.0.tgz}
+    name: github-slugger
+    version: 2.0.0
+    dev: false
+
   registry.npmjs.org/glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz}
     name: glob-parent
@@ -5334,7 +5884,6 @@ packages:
     engines: {node: '>= 6'}
     dependencies:
       is-glob: registry.npmjs.org/is-glob@4.0.3
-    dev: true
 
   registry.npmjs.org/glob-parent@6.0.2:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz}
@@ -5385,7 +5934,6 @@ packages:
     name: globals
     version: 11.12.0
     engines: {node: '>=4'}
-    dev: true
 
   registry.npmjs.org/globals@13.20.0:
     resolution: {integrity: sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globals/-/globals-13.20.0.tgz}
@@ -5444,7 +5992,6 @@ packages:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz}
     name: graceful-fs
     version: 4.2.11
-    dev: true
 
   registry.npmjs.org/grapheme-splitter@1.0.4:
     resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz}
@@ -5466,6 +6013,18 @@ packages:
       lodash: registry.npmjs.org/lodash@4.17.21
     dev: false
 
+  registry.npmjs.org/gray-matter@4.0.3:
+    resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/gray-matter/-/gray-matter-4.0.3.tgz}
+    name: gray-matter
+    version: 4.0.3
+    engines: {node: '>=6.0'}
+    dependencies:
+      js-yaml: registry.npmjs.org/js-yaml@3.14.1
+      kind-of: registry.npmjs.org/kind-of@6.0.3
+      section-matter: registry.npmjs.org/section-matter@1.0.0
+      strip-bom-string: registry.npmjs.org/strip-bom-string@1.0.0
+    dev: false
+
   registry.npmjs.org/hard-rejection@2.1.0:
     resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz}
     name: hard-rejection
@@ -5484,14 +6043,12 @@ packages:
     name: has-flag
     version: 3.0.0
     engines: {node: '>=4'}
-    dev: true
 
   registry.npmjs.org/has-flag@4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz}
     name: has-flag
     version: 4.0.0
     engines: {node: '>=8'}
-    dev: true
 
   registry.npmjs.org/has-property-descriptors@1.0.0:
     resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz}
@@ -5531,27 +6088,133 @@ packages:
     engines: {node: '>= 0.4.0'}
     dependencies:
       function-bind: registry.npmjs.org/function-bind@1.1.1
-    dev: true
 
-  registry.npmjs.org/hosted-git-info@2.8.9:
-    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz}
-    name: hosted-git-info
-    version: 2.8.9
-    dev: true
+  registry.npmjs.org/hast-util-from-parse5@7.1.2:
+    resolution: {integrity: sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-7.1.2.tgz}
+    name: hast-util-from-parse5
+    version: 7.1.2
+    dependencies:
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      hastscript: registry.npmjs.org/hastscript@7.2.0
+      property-information: registry.npmjs.org/property-information@6.3.0
+      vfile: registry.npmjs.org/vfile@5.3.7
+      vfile-location: registry.npmjs.org/vfile-location@4.1.0
+      web-namespaces: registry.npmjs.org/web-namespaces@2.0.1
+    dev: false
 
-  registry.npmjs.org/http-signature@1.3.6:
-    resolution: {integrity: sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/http-signature/-/http-signature-1.3.6.tgz}
-    name: http-signature
-    version: 1.3.6
-    engines: {node: '>=0.10'}
+  registry.npmjs.org/hast-util-parse-selector@3.1.1:
+    resolution: {integrity: sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-3.1.1.tgz}
+    name: hast-util-parse-selector
+    version: 3.1.1
     dependencies:
-      assert-plus: registry.npmjs.org/assert-plus@1.0.0
-      jsprim: registry.npmjs.org/jsprim@2.0.2
-      sshpk: registry.npmjs.org/sshpk@1.17.0
-    dev: true
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+    dev: false
 
-  registry.npmjs.org/human-id@1.0.2:
-    resolution: {integrity: sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/human-id/-/human-id-1.0.2.tgz}
+  registry.npmjs.org/hast-util-raw@7.2.3:
+    resolution: {integrity: sha512-RujVQfVsOrxzPOPSzZFiwofMArbQke6DJjnFfceiEbFh7S05CbPt0cYN+A5YeD3pso0JQk6O1aHBnx9+Pm2uqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-7.2.3.tgz}
+    name: hast-util-raw
+    version: 7.2.3
+    dependencies:
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      '@types/parse5': registry.npmjs.org/@types/parse5@6.0.3
+      hast-util-from-parse5: registry.npmjs.org/hast-util-from-parse5@7.1.2
+      hast-util-to-parse5: registry.npmjs.org/hast-util-to-parse5@7.1.0
+      html-void-elements: registry.npmjs.org/html-void-elements@2.0.1
+      parse5: registry.npmjs.org/parse5@6.0.1
+      unist-util-position: registry.npmjs.org/unist-util-position@4.0.4
+      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
+      vfile: registry.npmjs.org/vfile@5.3.7
+      web-namespaces: registry.npmjs.org/web-namespaces@2.0.1
+      zwitch: registry.npmjs.org/zwitch@2.0.4
+    dev: false
+
+  registry.npmjs.org/hast-util-to-html@8.0.4:
+    resolution: {integrity: sha512-4tpQTUOr9BMjtYyNlt0P50mH7xj0Ks2xpo8M943Vykljf99HW6EzulIoJP1N3eKOSScEHzyzi9dm7/cn0RfGwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-8.0.4.tgz}
+    name: hast-util-to-html
+    version: 8.0.4
+    dependencies:
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      ccount: registry.npmjs.org/ccount@2.0.1
+      comma-separated-tokens: registry.npmjs.org/comma-separated-tokens@2.0.3
+      hast-util-raw: registry.npmjs.org/hast-util-raw@7.2.3
+      hast-util-whitespace: registry.npmjs.org/hast-util-whitespace@2.0.1
+      html-void-elements: registry.npmjs.org/html-void-elements@2.0.1
+      property-information: registry.npmjs.org/property-information@6.3.0
+      space-separated-tokens: registry.npmjs.org/space-separated-tokens@2.0.2
+      stringify-entities: registry.npmjs.org/stringify-entities@4.0.3
+      zwitch: registry.npmjs.org/zwitch@2.0.4
+    dev: false
+
+  registry.npmjs.org/hast-util-to-parse5@7.1.0:
+    resolution: {integrity: sha512-YNRgAJkH2Jky5ySkIqFXTQiaqcAtJyVE+D5lkN6CdtOqrnkLfGYYrEcKuHOJZlp+MwjSwuD3fZuawI+sic/RBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hast-util-to-parse5/-/hast-util-to-parse5-7.1.0.tgz}
+    name: hast-util-to-parse5
+    version: 7.1.0
+    dependencies:
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      comma-separated-tokens: registry.npmjs.org/comma-separated-tokens@2.0.3
+      property-information: registry.npmjs.org/property-information@6.3.0
+      space-separated-tokens: registry.npmjs.org/space-separated-tokens@2.0.2
+      web-namespaces: registry.npmjs.org/web-namespaces@2.0.1
+      zwitch: registry.npmjs.org/zwitch@2.0.4
+    dev: false
+
+  registry.npmjs.org/hast-util-whitespace@2.0.1:
+    resolution: {integrity: sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-2.0.1.tgz}
+    name: hast-util-whitespace
+    version: 2.0.1
+    dev: false
+
+  registry.npmjs.org/hastscript@7.2.0:
+    resolution: {integrity: sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hastscript/-/hastscript-7.2.0.tgz}
+    name: hastscript
+    version: 7.2.0
+    dependencies:
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      comma-separated-tokens: registry.npmjs.org/comma-separated-tokens@2.0.3
+      hast-util-parse-selector: registry.npmjs.org/hast-util-parse-selector@3.1.1
+      property-information: registry.npmjs.org/property-information@6.3.0
+      space-separated-tokens: registry.npmjs.org/space-separated-tokens@2.0.2
+    dev: false
+
+  registry.npmjs.org/hosted-git-info@2.8.9:
+    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz}
+    name: hosted-git-info
+    version: 2.8.9
+    dev: true
+
+  registry.npmjs.org/html-escaper@3.0.3:
+    resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/html-escaper/-/html-escaper-3.0.3.tgz}
+    name: html-escaper
+    version: 3.0.3
+    dev: false
+
+  registry.npmjs.org/html-void-elements@2.0.1:
+    resolution: {integrity: sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/html-void-elements/-/html-void-elements-2.0.1.tgz}
+    name: html-void-elements
+    version: 2.0.1
+    dev: false
+
+  registry.npmjs.org/http-cache-semantics@4.1.1:
+    resolution: {integrity: sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz}
+    name: http-cache-semantics
+    version: 4.1.1
+    dev: false
+
+  registry.npmjs.org/http-signature@1.3.6:
+    resolution: {integrity: sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/http-signature/-/http-signature-1.3.6.tgz}
+    name: http-signature
+    version: 1.3.6
+    engines: {node: '>=0.10'}
+    dependencies:
+      assert-plus: registry.npmjs.org/assert-plus@1.0.0
+      jsprim: registry.npmjs.org/jsprim@2.0.2
+      sshpk: registry.npmjs.org/sshpk@1.17.0
+    dev: true
+
+  registry.npmjs.org/human-id@1.0.2:
+    resolution: {integrity: sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/human-id/-/human-id-1.0.2.tgz}
     name: human-id
     version: 1.0.2
     dev: true
@@ -5570,6 +6233,13 @@ packages:
     engines: {node: '>=10.17.0'}
     dev: true
 
+  registry.npmjs.org/human-signals@5.0.0:
+    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz}
+    name: human-signals
+    version: 5.0.0
+    engines: {node: '>=16.17.0'}
+    dev: false
+
   registry.npmjs.org/iconv-lite@0.4.24:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz}
     name: iconv-lite
@@ -5577,13 +6247,11 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       safer-buffer: registry.npmjs.org/safer-buffer@2.1.2
-    dev: true
 
   registry.npmjs.org/ieee754@1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz}
     name: ieee754
     version: 1.2.1
-    dev: true
 
   registry.npmjs.org/ignore@5.2.4:
     resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz}
@@ -5612,7 +6280,6 @@ packages:
     resolution: {integrity: sha512-4IwhLhNNA8yy445rPjD/lWh++7hMDOml2eHtd58eG7h+qK3EryMuuRbsHGPikCoAgIkkDnckKfWSk2iDla/ejg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-3.0.0.tgz}
     name: import-meta-resolve
     version: 3.0.0
-    dev: true
 
   registry.npmjs.org/imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz}
@@ -5641,7 +6308,13 @@ packages:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz}
     name: inherits
     version: 2.0.4
-    dev: true
+
+  registry.npmjs.org/ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ini/-/ini-1.3.8.tgz}
+    name: ini
+    version: 1.3.8
+    dev: false
+    optional: true
 
   registry.npmjs.org/ini@2.0.0:
     resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ini/-/ini-2.0.0.tgz}
@@ -5677,6 +6350,13 @@ packages:
     version: 0.2.1
     dev: true
 
+  registry.npmjs.org/is-arrayish@0.3.2:
+    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz}
+    name: is-arrayish
+    version: 0.3.2
+    dev: false
+    optional: true
+
   registry.npmjs.org/is-async-function@2.0.0:
     resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz}
     name: is-async-function
@@ -5701,7 +6381,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       binary-extensions: registry.npmjs.org/binary-extensions@2.2.0
-    dev: true
 
   registry.npmjs.org/is-boolean-object@1.1.2:
     resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz}
@@ -5713,6 +6392,13 @@ packages:
       has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
+  registry.npmjs.org/is-buffer@2.0.5:
+    resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz}
+    name: is-buffer
+    version: 2.0.5
+    engines: {node: '>=4'}
+    dev: false
+
   registry.npmjs.org/is-builtin-module@3.2.1:
     resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz}
     name: is-builtin-module
@@ -5744,7 +6430,6 @@ packages:
     version: 2.13.0
     dependencies:
       has: registry.npmjs.org/has@1.0.3
-    dev: true
 
   registry.npmjs.org/is-date-object@1.0.5:
     resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz}
@@ -5755,12 +6440,26 @@ packages:
       has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
+  registry.npmjs.org/is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz}
+    name: is-docker
+    version: 3.0.0
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+    dev: false
+
+  registry.npmjs.org/is-extendable@0.1.1:
+    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz}
+    name: is-extendable
+    version: 0.1.1
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   registry.npmjs.org/is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz}
     name: is-extglob
     version: 2.1.1
     engines: {node: '>=0.10.0'}
-    dev: true
 
   registry.npmjs.org/is-finalizationregistry@1.0.2:
     resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz}
@@ -5775,7 +6474,6 @@ packages:
     name: is-fullwidth-code-point
     version: 3.0.0
     engines: {node: '>=8'}
-    dev: true
 
   registry.npmjs.org/is-generator-function@1.0.10:
     resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz}
@@ -5793,7 +6491,16 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       is-extglob: registry.npmjs.org/is-extglob@2.1.1
-    dev: true
+
+  registry.npmjs.org/is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz}
+    name: is-inside-container
+    version: 1.0.0
+    engines: {node: '>=14.16'}
+    hasBin: true
+    dependencies:
+      is-docker: registry.npmjs.org/is-docker@3.0.0
+    dev: false
 
   registry.npmjs.org/is-installed-globally@0.4.0:
     resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.4.0.tgz}
@@ -5805,6 +6512,13 @@ packages:
       is-path-inside: registry.npmjs.org/is-path-inside@3.0.3
     dev: true
 
+  registry.npmjs.org/is-interactive@2.0.0:
+    resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-interactive/-/is-interactive-2.0.0.tgz}
+    name: is-interactive
+    version: 2.0.0
+    engines: {node: '>=12'}
+    dev: false
+
   registry.npmjs.org/is-map@2.0.2:
     resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz}
     name: is-map
@@ -5838,7 +6552,6 @@ packages:
     name: is-number
     version: 7.0.0
     engines: {node: '>=0.12.0'}
-    dev: true
 
   registry.npmjs.org/is-path-inside@3.0.3:
     resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz}
@@ -5854,6 +6567,13 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  registry.npmjs.org/is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz}
+    name: is-plain-obj
+    version: 4.1.0
+    engines: {node: '>=12'}
+    dev: false
+
   registry.npmjs.org/is-reference@1.2.1:
     resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz}
     name: is-reference
@@ -5901,6 +6621,13 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  registry.npmjs.org/is-stream@3.0.0:
+    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz}
+    name: is-stream
+    version: 3.0.0
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: false
+
   registry.npmjs.org/is-string@1.0.7:
     resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz}
     name: is-string
@@ -5950,6 +6677,13 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  registry.npmjs.org/is-unicode-supported@1.3.0:
+    resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-1.3.0.tgz}
+    name: is-unicode-supported
+    version: 1.3.0
+    engines: {node: '>=12'}
+    dev: false
+
   registry.npmjs.org/is-weakmap@2.0.1:
     resolution: {integrity: sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz}
     name: is-weakmap
@@ -5980,6 +6714,15 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  registry.npmjs.org/is-wsl@3.1.0:
+    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz}
+    name: is-wsl
+    version: 3.1.0
+    engines: {node: '>=16'}
+    dependencies:
+      is-inside-container: registry.npmjs.org/is-inside-container@1.0.0
+    dev: false
+
   registry.npmjs.org/isarray@2.0.5:
     resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz}
     name: isarray
@@ -5990,7 +6733,6 @@ packages:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz}
     name: isexe
     version: 2.0.0
-    dev: true
 
   registry.npmjs.org/isstream@0.1.2:
     resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz}
@@ -6035,7 +6777,6 @@ packages:
     dependencies:
       argparse: registry.npmjs.org/argparse@1.0.10
       esprima: registry.npmjs.org/esprima@4.0.1
-    dev: true
 
   registry.npmjs.org/js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz}
@@ -6044,7 +6785,6 @@ packages:
     hasBin: true
     dependencies:
       argparse: registry.npmjs.org/argparse@2.0.1
-    dev: true
 
   registry.npmjs.org/jsbn@0.1.1:
     resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz}
@@ -6058,7 +6798,6 @@ packages:
     version: 2.5.2
     engines: {node: '>=4'}
     hasBin: true
-    dev: true
 
   registry.npmjs.org/json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz}
@@ -6096,7 +6835,12 @@ packages:
     version: 2.2.3
     engines: {node: '>=6'}
     hasBin: true
-    dev: true
+
+  registry.npmjs.org/jsonc-parser@3.2.0:
+    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz}
+    name: jsonc-parser
+    version: 3.2.0
+    dev: false
 
   registry.npmjs.org/jsonfile@4.0.0:
     resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz}
@@ -6145,14 +6889,19 @@ packages:
     name: kind-of
     version: 6.0.3
     engines: {node: '>=0.10.0'}
-    dev: true
+
+  registry.npmjs.org/kleur@3.0.3:
+    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz}
+    name: kleur
+    version: 3.0.3
+    engines: {node: '>=6'}
+    dev: false
 
   registry.npmjs.org/kleur@4.1.5:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz}
     name: kleur
     version: 4.1.5
     engines: {node: '>=6'}
-    dev: true
 
   registry.npmjs.org/known-css-properties@0.27.0:
     resolution: {integrity: sha512-uMCj6+hZYDoffuvAJjFAPz56E9uoowFHmTkqRtRq5WyC5Q6Cu/fTZKNQpX/RbzChBYLLl3lo8CjFZBAZXq9qFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.27.0.tgz}
@@ -6231,7 +6980,6 @@ packages:
       js-yaml: registry.npmjs.org/js-yaml@3.14.1
       pify: registry.npmjs.org/pify@4.0.1
       strip-bom: registry.npmjs.org/strip-bom@3.0.0
-    dev: true
 
   registry.npmjs.org/localforage@1.10.0:
     resolution: {integrity: sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/localforage/-/localforage-1.10.0.tgz}
@@ -6254,7 +7002,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       p-locate: registry.npmjs.org/p-locate@4.1.0
-    dev: true
 
   registry.npmjs.org/locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz}
@@ -6263,7 +7010,6 @@ packages:
     engines: {node: '>=10'}
     dependencies:
       p-locate: registry.npmjs.org/p-locate@5.0.0
-    dev: true
 
   registry.npmjs.org/lodash.memoize@4.1.2:
     resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz}
@@ -6275,7 +7021,6 @@ packages:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz}
     name: lodash.merge
     version: 4.6.2
-    dev: true
 
   registry.npmjs.org/lodash.once@4.1.1:
     resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz}
@@ -6310,6 +7055,16 @@ packages:
       is-unicode-supported: registry.npmjs.org/is-unicode-supported@0.1.0
     dev: true
 
+  registry.npmjs.org/log-symbols@5.1.0:
+    resolution: {integrity: sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/log-symbols/-/log-symbols-5.1.0.tgz}
+    name: log-symbols
+    version: 5.1.0
+    engines: {node: '>=12'}
+    dependencies:
+      chalk: registry.npmjs.org/chalk@5.3.0
+      is-unicode-supported: registry.npmjs.org/is-unicode-supported@1.3.0
+    dev: false
+
   registry.npmjs.org/log-update@4.0.0:
     resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz}
     name: log-update
@@ -6322,6 +7077,12 @@ packages:
       wrap-ansi: registry.npmjs.org/wrap-ansi@6.2.0
     dev: true
 
+  registry.npmjs.org/longest-streak@3.1.0:
+    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz}
+    name: longest-streak
+    version: 3.1.0
+    dev: false
+
   registry.npmjs.org/loose-envify@1.4.0:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz}
     name: loose-envify
@@ -6353,7 +7114,6 @@ packages:
     version: 5.1.1
     dependencies:
       yallist: registry.npmjs.org/yallist@3.1.1
-    dev: true
 
   registry.npmjs.org/lru-cache@6.0.0:
     resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz}
@@ -6362,7 +7122,6 @@ packages:
     engines: {node: '>=10'}
     dependencies:
       yallist: registry.npmjs.org/yallist@4.0.0
-    dev: true
 
   registry.npmjs.org/magic-string@0.27.0:
     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz}
@@ -6382,6 +7141,15 @@ packages:
       '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
     dev: true
 
+  registry.npmjs.org/magic-string@0.30.4:
+    resolution: {integrity: sha512-Q/TKtsC5BPm0kGqgBIF9oXAs/xEf2vRKiIB4wCRQTJOQIByZ1d+NnUOotvJOvNpi5RNIgVOMC3pOuaP1ZTDlVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/magic-string/-/magic-string-0.30.4.tgz}
+    name: magic-string
+    version: 0.30.4
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+    dev: false
+
   registry.npmjs.org/map-obj@1.0.1:
     resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz}
     name: map-obj
@@ -6402,6 +7170,179 @@ packages:
     version: 0.1.0
     dev: true
 
+  registry.npmjs.org/markdown-table@3.0.3:
+    resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.3.tgz}
+    name: markdown-table
+    version: 3.0.3
+    dev: false
+
+  registry.npmjs.org/mdast-util-definitions@5.1.2:
+    resolution: {integrity: sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-5.1.2.tgz}
+    name: mdast-util-definitions
+    version: 5.1.2
+    dependencies:
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
+    dev: false
+
+  registry.npmjs.org/mdast-util-definitions@6.0.0:
+    resolution: {integrity: sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-6.0.0.tgz}
+    name: mdast-util-definitions
+    version: 6.0.0
+    dependencies:
+      '@types/mdast': registry.npmjs.org/@types/mdast@4.0.1
+      '@types/unist': registry.npmjs.org/@types/unist@3.0.0
+      unist-util-visit: registry.npmjs.org/unist-util-visit@5.0.0
+    dev: false
+
+  registry.npmjs.org/mdast-util-find-and-replace@2.2.2:
+    resolution: {integrity: sha512-MTtdFRz/eMDHXzeK6W3dO7mXUlF82Gom4y0oOgvHhh/HXZAGvIQDUvQ0SuUx+j2tv44b8xTHOm8K/9OoRFnXKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-2.2.2.tgz}
+    name: mdast-util-find-and-replace
+    version: 2.2.2
+    dependencies:
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      escape-string-regexp: registry.npmjs.org/escape-string-regexp@5.0.0
+      unist-util-is: registry.npmjs.org/unist-util-is@5.2.1
+      unist-util-visit-parents: registry.npmjs.org/unist-util-visit-parents@5.1.3
+    dev: false
+
+  registry.npmjs.org/mdast-util-from-markdown@1.3.1:
+    resolution: {integrity: sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-1.3.1.tgz}
+    name: mdast-util-from-markdown
+    version: 1.3.1
+    dependencies:
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      decode-named-character-reference: registry.npmjs.org/decode-named-character-reference@1.0.2
+      mdast-util-to-string: registry.npmjs.org/mdast-util-to-string@3.2.0
+      micromark: registry.npmjs.org/micromark@3.2.0
+      micromark-util-decode-numeric-character-reference: registry.npmjs.org/micromark-util-decode-numeric-character-reference@1.1.0
+      micromark-util-decode-string: registry.npmjs.org/micromark-util-decode-string@1.1.0
+      micromark-util-normalize-identifier: registry.npmjs.org/micromark-util-normalize-identifier@1.1.0
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      unist-util-stringify-position: registry.npmjs.org/unist-util-stringify-position@3.0.3
+      uvu: registry.npmjs.org/uvu@0.5.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  registry.npmjs.org/mdast-util-gfm-autolink-literal@1.0.3:
+    resolution: {integrity: sha512-My8KJ57FYEy2W2LyNom4n3E7hKTuQk/0SES0u16tjA9Z3oFkF4RrC/hPAPgjlSpezsOvI8ObcXcElo92wn5IGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-1.0.3.tgz}
+    name: mdast-util-gfm-autolink-literal
+    version: 1.0.3
+    dependencies:
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      ccount: registry.npmjs.org/ccount@2.0.1
+      mdast-util-find-and-replace: registry.npmjs.org/mdast-util-find-and-replace@2.2.2
+      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
+    dev: false
+
+  registry.npmjs.org/mdast-util-gfm-footnote@1.0.2:
+    resolution: {integrity: sha512-56D19KOGbE00uKVj3sgIykpwKL179QsVFwx/DCW0u/0+URsryacI4MAdNJl0dh+u2PSsD9FtxPFbHCzJ78qJFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-1.0.2.tgz}
+    name: mdast-util-gfm-footnote
+    version: 1.0.2
+    dependencies:
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      mdast-util-to-markdown: registry.npmjs.org/mdast-util-to-markdown@1.5.0
+      micromark-util-normalize-identifier: registry.npmjs.org/micromark-util-normalize-identifier@1.1.0
+    dev: false
+
+  registry.npmjs.org/mdast-util-gfm-strikethrough@1.0.3:
+    resolution: {integrity: sha512-DAPhYzTYrRcXdMjUtUjKvW9z/FNAMTdU0ORyMcbmkwYNbKocDpdk+PX1L1dQgOID/+vVs1uBQ7ElrBQfZ0cuiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-1.0.3.tgz}
+    name: mdast-util-gfm-strikethrough
+    version: 1.0.3
+    dependencies:
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      mdast-util-to-markdown: registry.npmjs.org/mdast-util-to-markdown@1.5.0
+    dev: false
+
+  registry.npmjs.org/mdast-util-gfm-table@1.0.7:
+    resolution: {integrity: sha512-jjcpmNnQvrmN5Vx7y7lEc2iIOEytYv7rTvu+MeyAsSHTASGCCRA79Igg2uKssgOs1i1po8s3plW0sTu1wkkLGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-gfm-table/-/mdast-util-gfm-table-1.0.7.tgz}
+    name: mdast-util-gfm-table
+    version: 1.0.7
+    dependencies:
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      markdown-table: registry.npmjs.org/markdown-table@3.0.3
+      mdast-util-from-markdown: registry.npmjs.org/mdast-util-from-markdown@1.3.1
+      mdast-util-to-markdown: registry.npmjs.org/mdast-util-to-markdown@1.5.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  registry.npmjs.org/mdast-util-gfm-task-list-item@1.0.2:
+    resolution: {integrity: sha512-PFTA1gzfp1B1UaiJVyhJZA1rm0+Tzn690frc/L8vNX1Jop4STZgOE6bxUhnzdVSB+vm2GU1tIsuQcA9bxTQpMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-1.0.2.tgz}
+    name: mdast-util-gfm-task-list-item
+    version: 1.0.2
+    dependencies:
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      mdast-util-to-markdown: registry.npmjs.org/mdast-util-to-markdown@1.5.0
+    dev: false
+
+  registry.npmjs.org/mdast-util-gfm@2.0.2:
+    resolution: {integrity: sha512-qvZ608nBppZ4icQlhQQIAdc6S3Ffj9RGmzwUKUWuEICFnd1LVkN3EktF7ZHAgfcEdvZB5owU9tQgt99e2TlLjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-gfm/-/mdast-util-gfm-2.0.2.tgz}
+    name: mdast-util-gfm
+    version: 2.0.2
+    dependencies:
+      mdast-util-from-markdown: registry.npmjs.org/mdast-util-from-markdown@1.3.1
+      mdast-util-gfm-autolink-literal: registry.npmjs.org/mdast-util-gfm-autolink-literal@1.0.3
+      mdast-util-gfm-footnote: registry.npmjs.org/mdast-util-gfm-footnote@1.0.2
+      mdast-util-gfm-strikethrough: registry.npmjs.org/mdast-util-gfm-strikethrough@1.0.3
+      mdast-util-gfm-table: registry.npmjs.org/mdast-util-gfm-table@1.0.7
+      mdast-util-gfm-task-list-item: registry.npmjs.org/mdast-util-gfm-task-list-item@1.0.2
+      mdast-util-to-markdown: registry.npmjs.org/mdast-util-to-markdown@1.5.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  registry.npmjs.org/mdast-util-phrasing@3.0.1:
+    resolution: {integrity: sha512-WmI1gTXUBJo4/ZmSk79Wcb2HcjPJBzM1nlI/OUWA8yk2X9ik3ffNbBGsU+09BFmXaL1IBb9fiuvq6/KMiNycSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-phrasing/-/mdast-util-phrasing-3.0.1.tgz}
+    name: mdast-util-phrasing
+    version: 3.0.1
+    dependencies:
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      unist-util-is: registry.npmjs.org/unist-util-is@5.2.1
+    dev: false
+
+  registry.npmjs.org/mdast-util-to-hast@12.3.0:
+    resolution: {integrity: sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-12.3.0.tgz}
+    name: mdast-util-to-hast
+    version: 12.3.0
+    dependencies:
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      mdast-util-definitions: registry.npmjs.org/mdast-util-definitions@5.1.2
+      micromark-util-sanitize-uri: registry.npmjs.org/micromark-util-sanitize-uri@1.2.0
+      trim-lines: registry.npmjs.org/trim-lines@3.0.1
+      unist-util-generated: registry.npmjs.org/unist-util-generated@2.0.1
+      unist-util-position: registry.npmjs.org/unist-util-position@4.0.4
+      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
+    dev: false
+
+  registry.npmjs.org/mdast-util-to-markdown@1.5.0:
+    resolution: {integrity: sha512-bbv7TPv/WC49thZPg3jXuqzuvI45IL2EVAr/KxF0BSdHsU0ceFHOmwQn6evxAh1GaoK/6GQ1wp4R4oW2+LFL/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-1.5.0.tgz}
+    name: mdast-util-to-markdown
+    version: 1.5.0
+    dependencies:
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      longest-streak: registry.npmjs.org/longest-streak@3.1.0
+      mdast-util-phrasing: registry.npmjs.org/mdast-util-phrasing@3.0.1
+      mdast-util-to-string: registry.npmjs.org/mdast-util-to-string@3.2.0
+      micromark-util-decode-string: registry.npmjs.org/micromark-util-decode-string@1.1.0
+      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
+      zwitch: registry.npmjs.org/zwitch@2.0.4
+    dev: false
+
+  registry.npmjs.org/mdast-util-to-string@3.2.0:
+    resolution: {integrity: sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-3.2.0.tgz}
+    name: mdast-util-to-string
+    version: 3.2.0
+    dependencies:
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+    dev: false
+
   registry.npmjs.org/mdn-data@2.0.28:
     resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz}
     name: mdn-data
@@ -6437,14 +7378,315 @@ packages:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz}
     name: merge-stream
     version: 2.0.0
-    dev: true
 
   registry.npmjs.org/merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz}
     name: merge2
     version: 1.4.1
     engines: {node: '>= 8'}
-    dev: true
+
+  registry.npmjs.org/micromark-core-commonmark@1.1.0:
+    resolution: {integrity: sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-1.1.0.tgz}
+    name: micromark-core-commonmark
+    version: 1.1.0
+    dependencies:
+      decode-named-character-reference: registry.npmjs.org/decode-named-character-reference@1.0.2
+      micromark-factory-destination: registry.npmjs.org/micromark-factory-destination@1.1.0
+      micromark-factory-label: registry.npmjs.org/micromark-factory-label@1.1.0
+      micromark-factory-space: registry.npmjs.org/micromark-factory-space@1.1.0
+      micromark-factory-title: registry.npmjs.org/micromark-factory-title@1.1.0
+      micromark-factory-whitespace: registry.npmjs.org/micromark-factory-whitespace@1.1.0
+      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
+      micromark-util-chunked: registry.npmjs.org/micromark-util-chunked@1.1.0
+      micromark-util-classify-character: registry.npmjs.org/micromark-util-classify-character@1.1.0
+      micromark-util-html-tag-name: registry.npmjs.org/micromark-util-html-tag-name@1.2.0
+      micromark-util-normalize-identifier: registry.npmjs.org/micromark-util-normalize-identifier@1.1.0
+      micromark-util-resolve-all: registry.npmjs.org/micromark-util-resolve-all@1.1.0
+      micromark-util-subtokenize: registry.npmjs.org/micromark-util-subtokenize@1.1.0
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      uvu: registry.npmjs.org/uvu@0.5.6
+    dev: false
+
+  registry.npmjs.org/micromark-extension-gfm-autolink-literal@1.0.5:
+    resolution: {integrity: sha512-z3wJSLrDf8kRDOh2qBtoTRD53vJ+CWIyo7uyZuxf/JAbNJjiHsOpG1y5wxk8drtv3ETAHutCu6N3thkOOgueWg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-1.0.5.tgz}
+    name: micromark-extension-gfm-autolink-literal
+    version: 1.0.5
+    dependencies:
+      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
+      micromark-util-sanitize-uri: registry.npmjs.org/micromark-util-sanitize-uri@1.2.0
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-extension-gfm-footnote@1.1.2:
+    resolution: {integrity: sha512-Yxn7z7SxgyGWRNa4wzf8AhYYWNrwl5q1Z8ii+CSTTIqVkmGZF1CElX2JI8g5yGoM3GAman9/PVCUFUSJ0kB/8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-1.1.2.tgz}
+    name: micromark-extension-gfm-footnote
+    version: 1.1.2
+    dependencies:
+      micromark-core-commonmark: registry.npmjs.org/micromark-core-commonmark@1.1.0
+      micromark-factory-space: registry.npmjs.org/micromark-factory-space@1.1.0
+      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
+      micromark-util-normalize-identifier: registry.npmjs.org/micromark-util-normalize-identifier@1.1.0
+      micromark-util-sanitize-uri: registry.npmjs.org/micromark-util-sanitize-uri@1.2.0
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      uvu: registry.npmjs.org/uvu@0.5.6
+    dev: false
+
+  registry.npmjs.org/micromark-extension-gfm-strikethrough@1.0.7:
+    resolution: {integrity: sha512-sX0FawVE1o3abGk3vRjOH50L5TTLr3b5XMqnP9YDRb34M0v5OoZhG+OHFz1OffZ9dlwgpTBKaT4XW/AsUVnSDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-1.0.7.tgz}
+    name: micromark-extension-gfm-strikethrough
+    version: 1.0.7
+    dependencies:
+      micromark-util-chunked: registry.npmjs.org/micromark-util-chunked@1.1.0
+      micromark-util-classify-character: registry.npmjs.org/micromark-util-classify-character@1.1.0
+      micromark-util-resolve-all: registry.npmjs.org/micromark-util-resolve-all@1.1.0
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      uvu: registry.npmjs.org/uvu@0.5.6
+    dev: false
+
+  registry.npmjs.org/micromark-extension-gfm-table@1.0.7:
+    resolution: {integrity: sha512-3ZORTHtcSnMQEKtAOsBQ9/oHp9096pI/UvdPtN7ehKvrmZZ2+bbWhi0ln+I9drmwXMt5boocn6OlwQzNXeVeqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-1.0.7.tgz}
+    name: micromark-extension-gfm-table
+    version: 1.0.7
+    dependencies:
+      micromark-factory-space: registry.npmjs.org/micromark-factory-space@1.1.0
+      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      uvu: registry.npmjs.org/uvu@0.5.6
+    dev: false
+
+  registry.npmjs.org/micromark-extension-gfm-tagfilter@1.0.2:
+    resolution: {integrity: sha512-5XWB9GbAUSHTn8VPU8/1DBXMuKYT5uOgEjJb8gN3mW0PNW5OPHpSdojoqf+iq1xo7vWzw/P8bAHY0n6ijpXF7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-1.0.2.tgz}
+    name: micromark-extension-gfm-tagfilter
+    version: 1.0.2
+    dependencies:
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-extension-gfm-task-list-item@1.0.5:
+    resolution: {integrity: sha512-RMFXl2uQ0pNQy6Lun2YBYT9g9INXtWJULgbt01D/x8/6yJ2qpKyzdZD3pi6UIkzF++Da49xAelVKUeUMqd5eIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-1.0.5.tgz}
+    name: micromark-extension-gfm-task-list-item
+    version: 1.0.5
+    dependencies:
+      micromark-factory-space: registry.npmjs.org/micromark-factory-space@1.1.0
+      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      uvu: registry.npmjs.org/uvu@0.5.6
+    dev: false
+
+  registry.npmjs.org/micromark-extension-gfm@2.0.3:
+    resolution: {integrity: sha512-vb9OoHqrhCmbRidQv/2+Bc6pkP0FrtlhurxZofvOEy5o8RtuuvTq+RQ1Vw5ZDNrVraQZu3HixESqbG+0iKk/MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-extension-gfm/-/micromark-extension-gfm-2.0.3.tgz}
+    name: micromark-extension-gfm
+    version: 2.0.3
+    dependencies:
+      micromark-extension-gfm-autolink-literal: registry.npmjs.org/micromark-extension-gfm-autolink-literal@1.0.5
+      micromark-extension-gfm-footnote: registry.npmjs.org/micromark-extension-gfm-footnote@1.1.2
+      micromark-extension-gfm-strikethrough: registry.npmjs.org/micromark-extension-gfm-strikethrough@1.0.7
+      micromark-extension-gfm-table: registry.npmjs.org/micromark-extension-gfm-table@1.0.7
+      micromark-extension-gfm-tagfilter: registry.npmjs.org/micromark-extension-gfm-tagfilter@1.0.2
+      micromark-extension-gfm-task-list-item: registry.npmjs.org/micromark-extension-gfm-task-list-item@1.0.5
+      micromark-util-combine-extensions: registry.npmjs.org/micromark-util-combine-extensions@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-factory-destination@1.1.0:
+    resolution: {integrity: sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-1.1.0.tgz}
+    name: micromark-factory-destination
+    version: 1.1.0
+    dependencies:
+      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-factory-label@1.1.0:
+    resolution: {integrity: sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-1.1.0.tgz}
+    name: micromark-factory-label
+    version: 1.1.0
+    dependencies:
+      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      uvu: registry.npmjs.org/uvu@0.5.6
+    dev: false
+
+  registry.npmjs.org/micromark-factory-space@1.1.0:
+    resolution: {integrity: sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-1.1.0.tgz}
+    name: micromark-factory-space
+    version: 1.1.0
+    dependencies:
+      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-factory-title@1.1.0:
+    resolution: {integrity: sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-1.1.0.tgz}
+    name: micromark-factory-title
+    version: 1.1.0
+    dependencies:
+      micromark-factory-space: registry.npmjs.org/micromark-factory-space@1.1.0
+      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-factory-whitespace@1.1.0:
+    resolution: {integrity: sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-1.1.0.tgz}
+    name: micromark-factory-whitespace
+    version: 1.1.0
+    dependencies:
+      micromark-factory-space: registry.npmjs.org/micromark-factory-space@1.1.0
+      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-util-character@1.2.0:
+    resolution: {integrity: sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-1.2.0.tgz}
+    name: micromark-util-character
+    version: 1.2.0
+    dependencies:
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-util-chunked@1.1.0:
+    resolution: {integrity: sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-1.1.0.tgz}
+    name: micromark-util-chunked
+    version: 1.1.0
+    dependencies:
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-util-classify-character@1.1.0:
+    resolution: {integrity: sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-1.1.0.tgz}
+    name: micromark-util-classify-character
+    version: 1.1.0
+    dependencies:
+      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-util-combine-extensions@1.1.0:
+    resolution: {integrity: sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-1.1.0.tgz}
+    name: micromark-util-combine-extensions
+    version: 1.1.0
+    dependencies:
+      micromark-util-chunked: registry.npmjs.org/micromark-util-chunked@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-util-decode-numeric-character-reference@1.1.0:
+    resolution: {integrity: sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-1.1.0.tgz}
+    name: micromark-util-decode-numeric-character-reference
+    version: 1.1.0
+    dependencies:
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-util-decode-string@1.1.0:
+    resolution: {integrity: sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-1.1.0.tgz}
+    name: micromark-util-decode-string
+    version: 1.1.0
+    dependencies:
+      decode-named-character-reference: registry.npmjs.org/decode-named-character-reference@1.0.2
+      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
+      micromark-util-decode-numeric-character-reference: registry.npmjs.org/micromark-util-decode-numeric-character-reference@1.1.0
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-util-encode@1.1.0:
+    resolution: {integrity: sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-1.1.0.tgz}
+    name: micromark-util-encode
+    version: 1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-util-html-tag-name@1.2.0:
+    resolution: {integrity: sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-1.2.0.tgz}
+    name: micromark-util-html-tag-name
+    version: 1.2.0
+    dev: false
+
+  registry.npmjs.org/micromark-util-normalize-identifier@1.1.0:
+    resolution: {integrity: sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-1.1.0.tgz}
+    name: micromark-util-normalize-identifier
+    version: 1.1.0
+    dependencies:
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-util-resolve-all@1.1.0:
+    resolution: {integrity: sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-1.1.0.tgz}
+    name: micromark-util-resolve-all
+    version: 1.1.0
+    dependencies:
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-util-sanitize-uri@1.2.0:
+    resolution: {integrity: sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-1.2.0.tgz}
+    name: micromark-util-sanitize-uri
+    version: 1.2.0
+    dependencies:
+      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
+      micromark-util-encode: registry.npmjs.org/micromark-util-encode@1.1.0
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-util-subtokenize@1.1.0:
+    resolution: {integrity: sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-1.1.0.tgz}
+    name: micromark-util-subtokenize
+    version: 1.1.0
+    dependencies:
+      micromark-util-chunked: registry.npmjs.org/micromark-util-chunked@1.1.0
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      uvu: registry.npmjs.org/uvu@0.5.6
+    dev: false
+
+  registry.npmjs.org/micromark-util-symbol@1.1.0:
+    resolution: {integrity: sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-1.1.0.tgz}
+    name: micromark-util-symbol
+    version: 1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark-util-types@1.1.0:
+    resolution: {integrity: sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-1.1.0.tgz}
+    name: micromark-util-types
+    version: 1.1.0
+    dev: false
+
+  registry.npmjs.org/micromark@3.2.0:
+    resolution: {integrity: sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark/-/micromark-3.2.0.tgz}
+    name: micromark
+    version: 3.2.0
+    dependencies:
+      '@types/debug': registry.npmjs.org/@types/debug@4.1.9
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      decode-named-character-reference: registry.npmjs.org/decode-named-character-reference@1.0.2
+      micromark-core-commonmark: registry.npmjs.org/micromark-core-commonmark@1.1.0
+      micromark-factory-space: registry.npmjs.org/micromark-factory-space@1.1.0
+      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
+      micromark-util-chunked: registry.npmjs.org/micromark-util-chunked@1.1.0
+      micromark-util-combine-extensions: registry.npmjs.org/micromark-util-combine-extensions@1.1.0
+      micromark-util-decode-numeric-character-reference: registry.npmjs.org/micromark-util-decode-numeric-character-reference@1.1.0
+      micromark-util-encode: registry.npmjs.org/micromark-util-encode@1.1.0
+      micromark-util-normalize-identifier: registry.npmjs.org/micromark-util-normalize-identifier@1.1.0
+      micromark-util-resolve-all: registry.npmjs.org/micromark-util-resolve-all@1.1.0
+      micromark-util-sanitize-uri: registry.npmjs.org/micromark-util-sanitize-uri@1.2.0
+      micromark-util-subtokenize: registry.npmjs.org/micromark-util-subtokenize@1.1.0
+      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      uvu: registry.npmjs.org/uvu@0.5.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
 
   registry.npmjs.org/micromatch@4.0.5:
     resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz}
@@ -6454,7 +7696,6 @@ packages:
     dependencies:
       braces: registry.npmjs.org/braces@3.0.2
       picomatch: registry.npmjs.org/picomatch@2.3.1
-    dev: true
 
   registry.npmjs.org/mime-db@1.52.0:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz}
@@ -6478,14 +7719,27 @@ packages:
     version: 3.0.0
     engines: {node: '>=10.0.0'}
     hasBin: true
-    dev: true
 
   registry.npmjs.org/mimic-fn@2.1.0:
     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz}
     name: mimic-fn
     version: 2.1.0
     engines: {node: '>=6'}
-    dev: true
+
+  registry.npmjs.org/mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz}
+    name: mimic-fn
+    version: 4.0.0
+    engines: {node: '>=12'}
+    dev: false
+
+  registry.npmjs.org/mimic-response@3.1.0:
+    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz}
+    name: mimic-response
+    version: 3.1.0
+    engines: {node: '>=10'}
+    dev: false
+    optional: true
 
   registry.npmjs.org/min-indent@1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz}
@@ -6526,7 +7780,6 @@ packages:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz}
     name: minimist
     version: 1.2.8
-    dev: true
 
   registry.npmjs.org/mixme@0.5.9:
     resolution: {integrity: sha512-VC5fg6ySUscaWUpI4gxCBTQMH2RdUpNrk+MsbpCYtIvf9SBJdiUey4qE7BXviJsJR4nDQxCZ+3yaYNW3guz/Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mixme/-/mixme-0.5.9.tgz}
@@ -6535,6 +7788,13 @@ packages:
     engines: {node: '>= 8.0.0'}
     dev: true
 
+  registry.npmjs.org/mkdirp-classic@0.5.3:
+    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz}
+    name: mkdirp-classic
+    version: 0.5.3
+    dev: false
+    optional: true
+
   registry.npmjs.org/mkdirp@0.5.6:
     resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz}
     name: mkdirp
@@ -6549,7 +7809,6 @@ packages:
     name: mri
     version: 1.2.0
     engines: {node: '>=4'}
-    dev: true
 
   registry.npmjs.org/mrmime@1.0.1:
     resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz}
@@ -6558,17 +7817,21 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  registry.npmjs.org/ms@2.0.0:
+    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ms/-/ms-2.0.0.tgz}
+    name: ms
+    version: 2.0.0
+    dev: false
+
   registry.npmjs.org/ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ms/-/ms-2.1.2.tgz}
     name: ms
     version: 2.1.2
-    dev: true
 
   registry.npmjs.org/ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ms/-/ms-2.1.3.tgz}
     name: ms
     version: 2.1.3
-    dev: true
 
   registry.npmjs.org/nanoid@3.3.6:
     resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz}
@@ -6576,7 +7839,13 @@ packages:
     version: 3.3.6
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
-    dev: true
+
+  registry.npmjs.org/napi-build-utils@1.0.2:
+    resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-1.0.2.tgz}
+    name: napi-build-utils
+    version: 1.0.2
+    dev: false
+    optional: true
 
   registry.npmjs.org/natural-compare-lite@1.4.0:
     resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz}
@@ -6590,6 +7859,28 @@ packages:
     version: 1.4.0
     dev: true
 
+  registry.npmjs.org/needle@2.9.1:
+    resolution: {integrity: sha512-6R9fqJ5Zcmf+uYaFgdIHmLwNldn5HbK8L5ybn7Uz+ylX/rnOsSp1AHcvQSrCaFN+qNM1wpymHqD7mVasEOlHGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/needle/-/needle-2.9.1.tgz}
+    name: needle
+    version: 2.9.1
+    engines: {node: '>= 4.4.x'}
+    hasBin: true
+    dependencies:
+      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
+      iconv-lite: registry.npmjs.org/iconv-lite@0.4.24
+      sax: registry.npmjs.org/sax@1.3.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  registry.npmjs.org/nlcst-to-string@3.1.1:
+    resolution: {integrity: sha512-63mVyqaqt0cmn2VcI2aH6kxe1rLAmSROqHMA0i4qqg1tidkfExgpb0FGMikMCn86mw5dFtBtEANfmSSK7TjNHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-3.1.1.tgz}
+    name: nlcst-to-string
+    version: 3.1.1
+    dependencies:
+      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.2
+    dev: false
+
   registry.npmjs.org/no-case@3.0.4:
     resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz}
     name: no-case
@@ -6599,6 +7890,23 @@ packages:
       tslib: registry.npmjs.org/tslib@2.5.3
     dev: true
 
+  registry.npmjs.org/node-abi@3.47.0:
+    resolution: {integrity: sha512-2s6B2CWZM//kPgwnuI0KrYwNjfdByE25zvAaEpq9IH4zcNsarH8Ihu/UuX6XMPEogDAxkuUFeZn60pXNHAqn3A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-abi/-/node-abi-3.47.0.tgz}
+    name: node-abi
+    version: 3.47.0
+    engines: {node: '>=10'}
+    dependencies:
+      semver: registry.npmjs.org/semver@7.5.4
+    dev: false
+    optional: true
+
+  registry.npmjs.org/node-addon-api@6.1.0:
+    resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz}
+    name: node-addon-api
+    version: 6.1.0
+    dev: false
+    optional: true
+
   registry.npmjs.org/node-fetch@2.6.11:
     resolution: {integrity: sha512-4I6pdBY1EthSqDmJkiNk3JIT8cswwR9nfeW/cPdUagJYEQG7R95WRH74wpz7ma8Gh/9dI9FP+OU+0E4FvtA55w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.11.tgz}
     name: node-fetch
@@ -6617,7 +7925,6 @@ packages:
     resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz}
     name: node-releases
     version: 2.0.13
-    dev: true
 
   registry.npmjs.org/normalize-package-data@2.5.0:
     resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz}
@@ -6625,7 +7932,7 @@ packages:
     version: 2.5.0
     dependencies:
       hosted-git-info: registry.npmjs.org/hosted-git-info@2.8.9
-      resolve: registry.npmjs.org/resolve@1.22.2
+      resolve: registry.npmjs.org/resolve@1.22.6
       semver: registry.npmjs.org/semver@5.7.1
       validate-npm-package-license: registry.npmjs.org/validate-npm-package-license@3.0.4
     dev: true
@@ -6635,7 +7942,6 @@ packages:
     name: normalize-path
     version: 3.0.0
     engines: {node: '>=0.10.0'}
-    dev: true
 
   registry.npmjs.org/normalize-range@0.1.2:
     resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz}
@@ -6653,6 +7959,15 @@ packages:
       path-key: registry.npmjs.org/path-key@3.1.1
     dev: true
 
+  registry.npmjs.org/npm-run-path@5.1.0:
+    resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.1.0.tgz}
+    name: npm-run-path
+    version: 5.1.0
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      path-key: registry.npmjs.org/path-key@4.0.0
+    dev: false
+
   registry.npmjs.org/nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz}
     name: nth-check
@@ -6741,7 +8056,6 @@ packages:
     version: 1.4.0
     dependencies:
       wrappy: registry.npmjs.org/wrappy@1.0.2
-    dev: true
 
   registry.npmjs.org/onetime@5.1.2:
     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz}
@@ -6750,7 +8064,15 @@ packages:
     engines: {node: '>=6'}
     dependencies:
       mimic-fn: registry.npmjs.org/mimic-fn@2.1.0
-    dev: true
+
+  registry.npmjs.org/onetime@6.0.0:
+    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz}
+    name: onetime
+    version: 6.0.0
+    engines: {node: '>=12'}
+    dependencies:
+      mimic-fn: registry.npmjs.org/mimic-fn@4.0.0
+    dev: false
 
   registry.npmjs.org/optionator@0.9.1:
     resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz}
@@ -6766,6 +8088,23 @@ packages:
       word-wrap: registry.npmjs.org/word-wrap@1.2.3
     dev: true
 
+  registry.npmjs.org/ora@7.0.1:
+    resolution: {integrity: sha512-0TUxTiFJWv+JnjWm4o9yvuskpEJLXTcng8MJuKd+SzAzp2o+OP3HWqNhB4OdJRt1Vsd9/mR0oyaEYlOnL7XIRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ora/-/ora-7.0.1.tgz}
+    name: ora
+    version: 7.0.1
+    engines: {node: '>=16'}
+    dependencies:
+      chalk: registry.npmjs.org/chalk@5.3.0
+      cli-cursor: registry.npmjs.org/cli-cursor@4.0.0
+      cli-spinners: registry.npmjs.org/cli-spinners@2.9.1
+      is-interactive: registry.npmjs.org/is-interactive@2.0.0
+      is-unicode-supported: registry.npmjs.org/is-unicode-supported@1.3.0
+      log-symbols: registry.npmjs.org/log-symbols@5.1.0
+      stdin-discarder: registry.npmjs.org/stdin-discarder@0.1.0
+      string-width: registry.npmjs.org/string-width@6.1.0
+      strip-ansi: registry.npmjs.org/strip-ansi@7.1.0
+    dev: false
+
   registry.npmjs.org/os-tmpdir@1.0.2:
     resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz}
     name: os-tmpdir
@@ -6801,7 +8140,6 @@ packages:
     engines: {node: '>=6'}
     dependencies:
       p-try: registry.npmjs.org/p-try@2.2.0
-    dev: true
 
   registry.npmjs.org/p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz}
@@ -6810,7 +8148,15 @@ packages:
     engines: {node: '>=10'}
     dependencies:
       yocto-queue: registry.npmjs.org/yocto-queue@0.1.0
-    dev: true
+
+  registry.npmjs.org/p-limit@4.0.0:
+    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz}
+    name: p-limit
+    version: 4.0.0
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      yocto-queue: registry.npmjs.org/yocto-queue@1.0.0
+    dev: false
 
   registry.npmjs.org/p-locate@4.1.0:
     resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz}
@@ -6819,7 +8165,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       p-limit: registry.npmjs.org/p-limit@2.3.0
-    dev: true
 
   registry.npmjs.org/p-locate@5.0.0:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz}
@@ -6828,7 +8173,6 @@ packages:
     engines: {node: '>=10'}
     dependencies:
       p-limit: registry.npmjs.org/p-limit@3.1.0
-    dev: true
 
   registry.npmjs.org/p-map@2.1.0:
     resolution: {integrity: sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-map/-/p-map-2.1.0.tgz}
@@ -6851,7 +8195,6 @@ packages:
     name: p-try
     version: 2.2.0
     engines: {node: '>=6'}
-    dev: true
 
   registry.npmjs.org/parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz}
@@ -6868,12 +8211,28 @@ packages:
     version: 5.2.0
     engines: {node: '>=8'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.5
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.10
       error-ex: registry.npmjs.org/error-ex@1.3.2
       json-parse-even-better-errors: registry.npmjs.org/json-parse-even-better-errors@2.3.1
       lines-and-columns: registry.npmjs.org/lines-and-columns@1.2.4
     dev: true
 
+  registry.npmjs.org/parse-latin@5.0.1:
+    resolution: {integrity: sha512-b/K8ExXaWC9t34kKeDV8kGXBkXZ1HCSAZRYE7HR14eA1GlXX5L8iWhs8USJNhQU9q5ci413jCKF0gOyovvyRBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parse-latin/-/parse-latin-5.0.1.tgz}
+    name: parse-latin
+    version: 5.0.1
+    dependencies:
+      nlcst-to-string: registry.npmjs.org/nlcst-to-string@3.1.1
+      unist-util-modify-children: registry.npmjs.org/unist-util-modify-children@3.1.1
+      unist-util-visit-children: registry.npmjs.org/unist-util-visit-children@2.0.2
+    dev: false
+
+  registry.npmjs.org/parse5@6.0.1:
+    resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz}
+    name: parse5
+    version: 6.0.1
+    dev: false
+
   registry.npmjs.org/pascal-case@3.1.2:
     resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz}
     name: pascal-case
@@ -6888,7 +8247,6 @@ packages:
     name: path-exists
     version: 4.0.0
     engines: {node: '>=8'}
-    dev: true
 
   registry.npmjs.org/path-is-absolute@1.0.1:
     resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz}
@@ -6902,13 +8260,24 @@ packages:
     name: path-key
     version: 3.1.1
     engines: {node: '>=8'}
-    dev: true
+
+  registry.npmjs.org/path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz}
+    name: path-key
+    version: 4.0.0
+    engines: {node: '>=12'}
+    dev: false
 
   registry.npmjs.org/path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz}
     name: path-parse
     version: 1.0.7
-    dev: true
+
+  registry.npmjs.org/path-to-regexp@6.2.1:
+    resolution: {integrity: sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.2.1.tgz}
+    name: path-to-regexp
+    version: 6.2.1
+    dev: false
 
   registry.npmjs.org/path-type@4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz}
@@ -6951,14 +8320,12 @@ packages:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz}
     name: picocolors
     version: 1.0.0
-    dev: true
 
   registry.npmjs.org/picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz}
     name: picomatch
     version: 2.3.1
     engines: {node: '>=8.6'}
-    dev: true
 
   registry.npmjs.org/pify@2.3.0:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pify/-/pify-2.3.0.tgz}
@@ -6972,7 +8339,6 @@ packages:
     name: pify
     version: 4.0.1
     engines: {node: '>=6'}
-    dev: true
 
   registry.npmjs.org/pkg-dir@4.2.0:
     resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz}
@@ -6981,7 +8347,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       find-up: registry.npmjs.org/find-up@4.1.0
-    dev: true
 
   registry.npmjs.org/postcss-calc@9.0.1(postcss@8.4.27):
     resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-calc/-/postcss-calc-9.0.1.tgz}
@@ -7530,7 +8895,28 @@ packages:
       nanoid: registry.npmjs.org/nanoid@3.3.6
       picocolors: registry.npmjs.org/picocolors@1.0.0
       source-map-js: registry.npmjs.org/source-map-js@1.0.2
-    dev: true
+
+  registry.npmjs.org/prebuild-install@7.1.1:
+    resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.1.tgz}
+    name: prebuild-install
+    version: 7.1.1
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      detect-libc: registry.npmjs.org/detect-libc@2.0.2
+      expand-template: registry.npmjs.org/expand-template@2.0.3
+      github-from-package: registry.npmjs.org/github-from-package@0.0.0
+      minimist: registry.npmjs.org/minimist@1.2.8
+      mkdirp-classic: registry.npmjs.org/mkdirp-classic@0.5.3
+      napi-build-utils: registry.npmjs.org/napi-build-utils@1.0.2
+      node-abi: registry.npmjs.org/node-abi@3.47.0
+      pump: registry.npmjs.org/pump@3.0.0
+      rc: registry.npmjs.org/rc@1.2.8
+      simple-get: registry.npmjs.org/simple-get@4.0.1
+      tar-fs: registry.npmjs.org/tar-fs@2.1.1
+      tunnel-agent: registry.npmjs.org/tunnel-agent@0.6.0
+    dev: false
+    optional: true
 
   registry.npmjs.org/preferred-pm@3.0.3:
     resolution: {integrity: sha512-+wZgbxNES/KlJs9q40F/1sfOd/j7f1O9JaHcW5Dsn3aUUOZg3L2bjpVUcKV2jvtElYfoTuQiNeMfQJ4kwUAhCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/preferred-pm/-/preferred-pm-3.0.3.tgz}
@@ -7544,6 +8930,18 @@ packages:
       which-pm: registry.npmjs.org/which-pm@2.0.0
     dev: true
 
+  registry.npmjs.org/preferred-pm@3.1.2:
+    resolution: {integrity: sha512-nk7dKrcW8hfCZ4H6klWcdRknBOXWzNQByJ0oJyX97BOupsYD+FzLS4hflgEu/uPUEHZCuRfMxzCBsuWd7OzT8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/preferred-pm/-/preferred-pm-3.1.2.tgz}
+    name: preferred-pm
+    version: 3.1.2
+    engines: {node: '>=10'}
+    dependencies:
+      find-up: registry.npmjs.org/find-up@5.0.0
+      find-yarn-workspace-root2: registry.npmjs.org/find-yarn-workspace-root2@1.2.16
+      path-exists: registry.npmjs.org/path-exists@4.0.0
+      which-pm: registry.npmjs.org/which-pm@2.0.0
+    dev: false
+
   registry.npmjs.org/prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz}
     name: prelude-ls
@@ -7603,6 +9001,35 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
+  registry.npmjs.org/prismjs@1.29.0:
+    resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz}
+    name: prismjs
+    version: 1.29.0
+    engines: {node: '>=6'}
+    dev: false
+
+  registry.npmjs.org/probe-image-size@7.2.3:
+    resolution: {integrity: sha512-HubhG4Rb2UH8YtV4ba0Vp5bQ7L78RTONYu/ujmCu5nBI8wGv24s4E9xSKBi0N1MowRpxk76pFCpJtW0KPzOK0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/probe-image-size/-/probe-image-size-7.2.3.tgz}
+    name: probe-image-size
+    version: 7.2.3
+    dependencies:
+      lodash.merge: registry.npmjs.org/lodash.merge@4.6.2
+      needle: registry.npmjs.org/needle@2.9.1
+      stream-parser: registry.npmjs.org/stream-parser@0.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  registry.npmjs.org/prompts@2.4.2:
+    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz}
+    name: prompts
+    version: 2.4.2
+    engines: {node: '>= 6'}
+    dependencies:
+      kleur: registry.npmjs.org/kleur@3.0.3
+      sisteransi: registry.npmjs.org/sisteransi@1.0.5
+    dev: false
+
   registry.npmjs.org/prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz}
     name: prop-types
@@ -7613,6 +9040,12 @@ packages:
       react-is: registry.npmjs.org/react-is@16.13.1
     dev: true
 
+  registry.npmjs.org/property-information@6.3.0:
+    resolution: {integrity: sha512-gVNZ74nqhRMiIUYWGQdosYetaKc83x8oT41a0LlV3AAFCAZwCpg4vmGkq8t34+cUhp3cnM4XDiU/7xlgK7HGrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/property-information/-/property-information-6.3.0.tgz}
+    name: property-information
+    version: 6.3.0
+    dev: false
+
   registry.npmjs.org/proxy-from-env@1.0.0:
     resolution: {integrity: sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz}
     name: proxy-from-env
@@ -7648,7 +9081,6 @@ packages:
     dependencies:
       end-of-stream: registry.npmjs.org/end-of-stream@1.4.4
       once: registry.npmjs.org/once@1.4.0
-    dev: true
 
   registry.npmjs.org/punycode@2.3.0:
     resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz}
@@ -7670,7 +9102,13 @@ packages:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz}
     name: queue-microtask
     version: 1.2.3
-    dev: true
+
+  registry.npmjs.org/queue-tick@1.0.1:
+    resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/queue-tick/-/queue-tick-1.0.1.tgz}
+    name: queue-tick
+    version: 1.0.1
+    dev: false
+    optional: true
 
   registry.npmjs.org/quick-lru@4.0.1:
     resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz}
@@ -7687,6 +9125,19 @@ packages:
       safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
     dev: true
 
+  registry.npmjs.org/rc@1.2.8:
+    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rc/-/rc-1.2.8.tgz}
+    name: rc
+    version: 1.2.8
+    hasBin: true
+    dependencies:
+      deep-extend: registry.npmjs.org/deep-extend@0.6.0
+      ini: registry.npmjs.org/ini@1.3.8
+      minimist: registry.npmjs.org/minimist@1.2.8
+      strip-json-comments: registry.npmjs.org/strip-json-comments@2.0.1
+    dev: false
+    optional: true
+
   registry.npmjs.org/react-dom@18.2.0(react@18.2.0):
     resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz}
     id: registry.npmjs.org/react-dom/18.2.0
@@ -7710,7 +9161,6 @@ packages:
     name: react-refresh
     version: 0.14.0
     engines: {node: '>=0.10.0'}
-    dev: true
 
   registry.npmjs.org/react-router-dom@6.12.1(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-POIZN9UDKWwEDga054LvYr2KnK8V+0HR4Ny4Bwv8V7/FZCPxJgsCjYxXGxqxzHs7VBxMKZfgvtKhafuJkJSPGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.12.1.tgz}
@@ -7792,6 +9242,17 @@ packages:
       strip-bom: registry.npmjs.org/strip-bom@3.0.0
     dev: true
 
+  registry.npmjs.org/readable-stream@3.6.2:
+    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz}
+    name: readable-stream
+    version: 3.6.2
+    engines: {node: '>= 6'}
+    dependencies:
+      inherits: registry.npmjs.org/inherits@2.0.4
+      string_decoder: registry.npmjs.org/string_decoder@1.3.0
+      util-deprecate: registry.npmjs.org/util-deprecate@1.0.2
+    dev: false
+
   registry.npmjs.org/readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz}
     name: readdirp
@@ -7799,7 +9260,6 @@ packages:
     engines: {node: '>=8.10.0'}
     dependencies:
       picomatch: registry.npmjs.org/picomatch@2.3.1
-    dev: true
 
   registry.npmjs.org/redent@3.0.0:
     resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/redent/-/redent-3.0.0.tgz}
@@ -7842,6 +9302,95 @@ packages:
       functions-have-names: registry.npmjs.org/functions-have-names@1.2.3
     dev: true
 
+  registry.npmjs.org/rehype-parse@8.0.5:
+    resolution: {integrity: sha512-Ds3RglaY/+clEX2U2mHflt7NlMA72KspZ0JLUJgBBLpRddBcEw3H8uYZQliQriku22NZpYMfjDdSgHcjxue24A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rehype-parse/-/rehype-parse-8.0.5.tgz}
+    name: rehype-parse
+    version: 8.0.5
+    dependencies:
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      hast-util-from-parse5: registry.npmjs.org/hast-util-from-parse5@7.1.2
+      parse5: registry.npmjs.org/parse5@6.0.1
+      unified: registry.npmjs.org/unified@10.1.2
+    dev: false
+
+  registry.npmjs.org/rehype-raw@6.1.1:
+    resolution: {integrity: sha512-d6AKtisSRtDRX4aSPsJGTfnzrX2ZkHQLE5kiUuGOeEoLpbEulFF4hj0mLPbsa+7vmguDKOVVEQdHKDSwoaIDsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rehype-raw/-/rehype-raw-6.1.1.tgz}
+    name: rehype-raw
+    version: 6.1.1
+    dependencies:
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      hast-util-raw: registry.npmjs.org/hast-util-raw@7.2.3
+      unified: registry.npmjs.org/unified@10.1.2
+    dev: false
+
+  registry.npmjs.org/rehype-stringify@9.0.4:
+    resolution: {integrity: sha512-Uk5xu1YKdqobe5XpSskwPvo1XeHUUucWEQSl8hTrXt5selvca1e8K1EZ37E6YoZ4BT8BCqCdVfQW7OfHfthtVQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rehype-stringify/-/rehype-stringify-9.0.4.tgz}
+    name: rehype-stringify
+    version: 9.0.4
+    dependencies:
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      hast-util-to-html: registry.npmjs.org/hast-util-to-html@8.0.4
+      unified: registry.npmjs.org/unified@10.1.2
+    dev: false
+
+  registry.npmjs.org/rehype@12.0.1:
+    resolution: {integrity: sha512-ey6kAqwLM3X6QnMDILJthGvG1m1ULROS9NT4uG9IDCuv08SFyLlreSuvOa//DgEvbXx62DS6elGVqusWhRUbgw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rehype/-/rehype-12.0.1.tgz}
+    name: rehype
+    version: 12.0.1
+    dependencies:
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      rehype-parse: registry.npmjs.org/rehype-parse@8.0.5
+      rehype-stringify: registry.npmjs.org/rehype-stringify@9.0.4
+      unified: registry.npmjs.org/unified@10.1.2
+    dev: false
+
+  registry.npmjs.org/remark-gfm@3.0.1:
+    resolution: {integrity: sha512-lEFDoi2PICJyNrACFOfDD3JlLkuSbOa5Wd8EPt06HUdptv8Gn0bxYTdbU/XXQ3swAPkEaGxxPN9cbnMHvVu1Ig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/remark-gfm/-/remark-gfm-3.0.1.tgz}
+    name: remark-gfm
+    version: 3.0.1
+    dependencies:
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      mdast-util-gfm: registry.npmjs.org/mdast-util-gfm@2.0.2
+      micromark-extension-gfm: registry.npmjs.org/micromark-extension-gfm@2.0.3
+      unified: registry.npmjs.org/unified@10.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  registry.npmjs.org/remark-parse@10.0.2:
+    resolution: {integrity: sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/remark-parse/-/remark-parse-10.0.2.tgz}
+    name: remark-parse
+    version: 10.0.2
+    dependencies:
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      mdast-util-from-markdown: registry.npmjs.org/mdast-util-from-markdown@1.3.1
+      unified: registry.npmjs.org/unified@10.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  registry.npmjs.org/remark-rehype@10.1.0:
+    resolution: {integrity: sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/remark-rehype/-/remark-rehype-10.1.0.tgz}
+    name: remark-rehype
+    version: 10.1.0
+    dependencies:
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      mdast-util-to-hast: registry.npmjs.org/mdast-util-to-hast@12.3.0
+      unified: registry.npmjs.org/unified@10.1.2
+    dev: false
+
+  registry.npmjs.org/remark-smartypants@2.0.0:
+    resolution: {integrity: sha512-Rc0VDmr/yhnMQIz8n2ACYXlfw/P/XZev884QU1I5u+5DgJls32o97Vc1RbK3pfumLsJomS2yy8eT4Fxj/2MDVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/remark-smartypants/-/remark-smartypants-2.0.0.tgz}
+    name: remark-smartypants
+    version: 2.0.0
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      retext: registry.npmjs.org/retext@8.1.0
+      retext-smartypants: registry.npmjs.org/retext-smartypants@5.2.0
+      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
+    dev: false
+
   registry.npmjs.org/request-progress@3.0.0:
     resolution: {integrity: sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/request-progress/-/request-progress-3.0.0.tgz}
     name: request-progress
@@ -7888,6 +9437,16 @@ packages:
       supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0
     dev: true
 
+  registry.npmjs.org/resolve@1.22.6:
+    resolution: {integrity: sha512-njhxM7mV12JfufShqGy3Rz8j11RPdLy4xi15UurGJeoHLfJpVXKdh3ueuOqbYUcDZnffr6X739JBo5LzyahEsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-1.22.6.tgz}
+    name: resolve
+    version: 1.22.6
+    hasBin: true
+    dependencies:
+      is-core-module: registry.npmjs.org/is-core-module@2.13.0
+      path-parse: registry.npmjs.org/path-parse@1.0.7
+      supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0
+
   registry.npmjs.org/resolve@2.0.0-next.4:
     resolution: {integrity: sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz}
     name: resolve
@@ -7909,12 +9468,64 @@ packages:
       signal-exit: registry.npmjs.org/signal-exit@3.0.7
     dev: true
 
+  registry.npmjs.org/restore-cursor@4.0.0:
+    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz}
+    name: restore-cursor
+    version: 4.0.0
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      onetime: registry.npmjs.org/onetime@5.1.2
+      signal-exit: registry.npmjs.org/signal-exit@3.0.7
+    dev: false
+
+  registry.npmjs.org/retext-latin@3.1.0:
+    resolution: {integrity: sha512-5MrD1tuebzO8ppsja5eEu+ZbBeUNCjoEarn70tkXOS7Bdsdf6tNahsv2bY0Z8VooFF6cw7/6S+d3yI/TMlMVVQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/retext-latin/-/retext-latin-3.1.0.tgz}
+    name: retext-latin
+    version: 3.1.0
+    dependencies:
+      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.2
+      parse-latin: registry.npmjs.org/parse-latin@5.0.1
+      unherit: registry.npmjs.org/unherit@3.0.1
+      unified: registry.npmjs.org/unified@10.1.2
+    dev: false
+
+  registry.npmjs.org/retext-smartypants@5.2.0:
+    resolution: {integrity: sha512-Do8oM+SsjrbzT2UNIKgheP0hgUQTDDQYyZaIY3kfq0pdFzoPk+ZClYJ+OERNXveog4xf1pZL4PfRxNoVL7a/jw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/retext-smartypants/-/retext-smartypants-5.2.0.tgz}
+    name: retext-smartypants
+    version: 5.2.0
+    dependencies:
+      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.2
+      nlcst-to-string: registry.npmjs.org/nlcst-to-string@3.1.1
+      unified: registry.npmjs.org/unified@10.1.2
+      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
+    dev: false
+
+  registry.npmjs.org/retext-stringify@3.1.0:
+    resolution: {integrity: sha512-767TLOaoXFXyOnjx/EggXlb37ZD2u4P1n0GJqVdpipqACsQP+20W+BNpMYrlJkq7hxffnFk+jc6mAK9qrbuB8w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/retext-stringify/-/retext-stringify-3.1.0.tgz}
+    name: retext-stringify
+    version: 3.1.0
+    dependencies:
+      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.2
+      nlcst-to-string: registry.npmjs.org/nlcst-to-string@3.1.1
+      unified: registry.npmjs.org/unified@10.1.2
+    dev: false
+
+  registry.npmjs.org/retext@8.1.0:
+    resolution: {integrity: sha512-N9/Kq7YTn6ZpzfiGW45WfEGJqFf1IM1q8OsRa1CGzIebCJBNCANDRmOrholiDRGKo/We7ofKR4SEvcGAWEMD3Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/retext/-/retext-8.1.0.tgz}
+    name: retext
+    version: 8.1.0
+    dependencies:
+      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.2
+      retext-latin: registry.npmjs.org/retext-latin@3.1.0
+      retext-stringify: registry.npmjs.org/retext-stringify@3.1.0
+      unified: registry.npmjs.org/unified@10.1.2
+    dev: false
+
   registry.npmjs.org/reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz}
     name: reusify
     version: 1.0.4
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
-    dev: true
 
   registry.npmjs.org/rfdc@1.3.0:
     resolution: {integrity: sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rfdc/-/rfdc-1.3.0.tgz}
@@ -7969,7 +9580,6 @@ packages:
     hasBin: true
     optionalDependencies:
       fsevents: registry.npmjs.org/fsevents@2.3.2
-    dev: true
 
   registry.npmjs.org/run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz}
@@ -7977,7 +9587,6 @@ packages:
     version: 1.2.0
     dependencies:
       queue-microtask: registry.npmjs.org/queue-microtask@1.2.3
-    dev: true
 
   registry.npmjs.org/rxjs@7.8.1:
     resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz}
@@ -7994,7 +9603,6 @@ packages:
     engines: {node: '>=6'}
     dependencies:
       mri: registry.npmjs.org/mri@1.2.0
-    dev: true
 
   registry.npmjs.org/safe-array-concat@1.0.0:
     resolution: {integrity: sha512-9dVEFruWIsnie89yym+xWTAYASdpw3CJV7Li/6zBewGf9z2i1j31rP6jnY0pHEO4QZh6N0K11bFjWmdR8UGdPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.0.tgz}
@@ -8012,7 +9620,6 @@ packages:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz}
     name: safe-buffer
     version: 5.2.1
-    dev: true
 
   registry.npmjs.org/safe-regex-test@1.0.0:
     resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz}
@@ -8028,7 +9635,6 @@ packages:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz}
     name: safer-buffer
     version: 2.1.2
-    dev: true
 
   registry.npmjs.org/sander@0.5.1:
     resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sander/-/sander-0.5.1.tgz}
@@ -8041,6 +9647,12 @@ packages:
       rimraf: registry.npmjs.org/rimraf@2.7.1
     dev: true
 
+  registry.npmjs.org/sax@1.3.0:
+    resolution: {integrity: sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sax/-/sax-1.3.0.tgz}
+    name: sax
+    version: 1.3.0
+    dev: false
+
   registry.npmjs.org/scheduler@0.23.0:
     resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz}
     name: scheduler
@@ -8048,6 +9660,16 @@ packages:
     dependencies:
       loose-envify: registry.npmjs.org/loose-envify@1.4.0
 
+  registry.npmjs.org/section-matter@1.0.0:
+    resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz}
+    name: section-matter
+    version: 1.0.0
+    engines: {node: '>=4'}
+    dependencies:
+      extend-shallow: registry.npmjs.org/extend-shallow@2.0.1
+      kind-of: registry.npmjs.org/kind-of@6.0.3
+    dev: false
+
   registry.npmjs.org/semver@5.7.1:
     resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-5.7.1.tgz}
     name: semver
@@ -8060,7 +9682,6 @@ packages:
     name: semver
     version: 6.3.1
     hasBin: true
-    dev: true
 
   registry.npmjs.org/semver@7.5.1:
     resolution: {integrity: sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.5.1.tgz}
@@ -8090,7 +9711,6 @@ packages:
     hasBin: true
     dependencies:
       lru-cache: registry.npmjs.org/lru-cache@6.0.0
-    dev: true
 
   registry.npmjs.org/serialize-javascript@6.0.1:
     resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz}
@@ -8100,6 +9720,12 @@ packages:
       randombytes: registry.npmjs.org/randombytes@2.1.0
     dev: true
 
+  registry.npmjs.org/server-destroy@1.0.1:
+    resolution: {integrity: sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/server-destroy/-/server-destroy-1.0.1.tgz}
+    name: server-destroy
+    version: 1.0.1
+    dev: false
+
   registry.npmjs.org/set-blocking@2.0.0:
     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz}
     name: set-blocking
@@ -8112,6 +9738,24 @@ packages:
     version: 2.6.0
     dev: true
 
+  registry.npmjs.org/sharp@0.32.6:
+    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz}
+    name: sharp
+    version: 0.32.6
+    engines: {node: '>=14.15.0'}
+    requiresBuild: true
+    dependencies:
+      color: registry.npmjs.org/color@4.2.3
+      detect-libc: registry.npmjs.org/detect-libc@2.0.2
+      node-addon-api: registry.npmjs.org/node-addon-api@6.1.0
+      prebuild-install: registry.npmjs.org/prebuild-install@7.1.1
+      semver: registry.npmjs.org/semver@7.5.4
+      simple-get: registry.npmjs.org/simple-get@4.0.1
+      tar-fs: registry.npmjs.org/tar-fs@3.0.4
+      tunnel-agent: registry.npmjs.org/tunnel-agent@0.6.0
+    dev: false
+    optional: true
+
   registry.npmjs.org/shebang-command@1.2.0:
     resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz}
     name: shebang-command
@@ -8128,7 +9772,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       shebang-regex: registry.npmjs.org/shebang-regex@3.0.0
-    dev: true
 
   registry.npmjs.org/shebang-regex@1.0.0:
     resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz}
@@ -8142,7 +9785,6 @@ packages:
     name: shebang-regex
     version: 3.0.0
     engines: {node: '>=8'}
-    dev: true
 
   registry.npmjs.org/shell-quote@1.8.1:
     resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz}
@@ -8150,6 +9792,17 @@ packages:
     version: 1.8.1
     dev: true
 
+  registry.npmjs.org/shiki@0.14.4:
+    resolution: {integrity: sha512-IXCRip2IQzKwxArNNq1S+On4KPML3Yyn8Zzs/xRgcgOWIr8ntIK3IKzjFPfjy/7kt9ZMjc+FItfqHRBg8b6tNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shiki/-/shiki-0.14.4.tgz}
+    name: shiki
+    version: 0.14.4
+    dependencies:
+      ansi-sequence-parser: registry.npmjs.org/ansi-sequence-parser@1.1.1
+      jsonc-parser: registry.npmjs.org/jsonc-parser@3.2.0
+      vscode-oniguruma: registry.npmjs.org/vscode-oniguruma@1.7.0
+      vscode-textmate: registry.npmjs.org/vscode-textmate@8.0.0
+    dev: false
+
   registry.npmjs.org/side-channel@1.0.4:
     resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz}
     name: side-channel
@@ -8164,7 +9817,40 @@ packages:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz}
     name: signal-exit
     version: 3.0.7
-    dev: true
+
+  registry.npmjs.org/signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz}
+    name: signal-exit
+    version: 4.1.0
+    engines: {node: '>=14'}
+    dev: false
+
+  registry.npmjs.org/simple-concat@1.0.1:
+    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz}
+    name: simple-concat
+    version: 1.0.1
+    dev: false
+    optional: true
+
+  registry.npmjs.org/simple-get@4.0.1:
+    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz}
+    name: simple-get
+    version: 4.0.1
+    dependencies:
+      decompress-response: registry.npmjs.org/decompress-response@6.0.0
+      once: registry.npmjs.org/once@1.4.0
+      simple-concat: registry.npmjs.org/simple-concat@1.0.1
+    dev: false
+    optional: true
+
+  registry.npmjs.org/simple-swizzle@0.2.2:
+    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz}
+    name: simple-swizzle
+    version: 0.2.2
+    dependencies:
+      is-arrayish: registry.npmjs.org/is-arrayish@0.3.2
+    dev: false
+    optional: true
 
   registry.npmjs.org/sirv@2.0.3:
     resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sirv/-/sirv-2.0.3.tgz}
@@ -8177,6 +9863,12 @@ packages:
       totalist: registry.npmjs.org/totalist@3.0.1
     dev: true
 
+  registry.npmjs.org/sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz}
+    name: sisteransi
+    version: 1.0.5
+    dev: false
+
   registry.npmjs.org/slash@3.0.0:
     resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slash/-/slash-3.0.0.tgz}
     name: slash
@@ -8258,7 +9950,6 @@ packages:
     name: source-map-js
     version: 1.0.2
     engines: {node: '>=0.10.0'}
-    dev: true
 
   registry.npmjs.org/source-map-support@0.5.21:
     resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz}
@@ -8276,6 +9967,12 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  registry.npmjs.org/space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz}
+    name: space-separated-tokens
+    version: 2.0.2
+    dev: false
+
   registry.npmjs.org/spawn-command@0.0.2-1:
     resolution: {integrity: sha512-n98l9E2RMSJ9ON1AKisHzz7V42VDiBQGY6PB1BwRglz99wpVsSuGzQ+jOi6lFXBGVTCrRpltvjm+/XA+tpeJrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spawn-command/-/spawn-command-0.0.2-1.tgz}
     name: spawn-command
@@ -8333,7 +10030,6 @@ packages:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz}
     name: sprintf-js
     version: 1.0.3
-    dev: true
 
   registry.npmjs.org/sshpk@1.17.0:
     resolution: {integrity: sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz}
@@ -8372,6 +10068,15 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/stdin-discarder@0.1.0:
+    resolution: {integrity: sha512-xhV7w8S+bUwlPTb4bAOUQhv8/cSS5offJuX8GQGq32ONF0ZtDWKfkdomM3HMRA+LhX6um/FZ0COqlwsjD53LeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stdin-discarder/-/stdin-discarder-0.1.0.tgz}
+    name: stdin-discarder
+    version: 0.1.0
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      bl: registry.npmjs.org/bl@5.1.0
+    dev: false
+
   registry.npmjs.org/stream-combiner@0.0.4:
     resolution: {integrity: sha512-rT00SPnTVyRsaSz5zgSPma/aHSOic5U1prhYdRy5HS2kTZviFpmDgzilbtsJsxiroqACmayynDN/9VzIbX5DOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stream-combiner/-/stream-combiner-0.0.4.tgz}
     name: stream-combiner
@@ -8380,6 +10085,16 @@ packages:
       duplexer: registry.npmjs.org/duplexer@0.1.2
     dev: true
 
+  registry.npmjs.org/stream-parser@0.3.1:
+    resolution: {integrity: sha512-bJ/HgKq41nlKvlhccD5kaCr/P+Hu0wPNKPJOH7en+YrJu/9EgqUF+88w5Jb6KNcjOFMhfX4B2asfeAtIGuHObQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stream-parser/-/stream-parser-0.3.1.tgz}
+    name: stream-parser
+    version: 0.3.1
+    dependencies:
+      debug: registry.npmjs.org/debug@2.6.9
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
   registry.npmjs.org/stream-transform@2.1.3:
     resolution: {integrity: sha512-9GHUiM5hMiCi6Y03jD2ARC1ettBXkQBoQAe7nJsPknnI0ow10aXjTnew8QtYQmLjzn974BnmWEAJgCY6ZP1DeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stream-transform/-/stream-transform-2.1.3.tgz}
     name: stream-transform
@@ -8393,7 +10108,16 @@ packages:
     name: streamsearch
     version: 1.1.0
     engines: {node: '>=10.0.0'}
-    dev: true
+
+  registry.npmjs.org/streamx@2.15.1:
+    resolution: {integrity: sha512-fQMzy2O/Q47rgwErk/eGeLu/roaFWV0jVsogDmrszM9uIw8L5OA+t+V93MgYlufNptfjmYR1tOMWhei/Eh7TQA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/streamx/-/streamx-2.15.1.tgz}
+    name: streamx
+    version: 2.15.1
+    dependencies:
+      fast-fifo: registry.npmjs.org/fast-fifo@1.3.2
+      queue-tick: registry.npmjs.org/queue-tick@1.0.1
+    dev: false
+    optional: true
 
   registry.npmjs.org/string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz}
@@ -8404,7 +10128,28 @@ packages:
       emoji-regex: registry.npmjs.org/emoji-regex@8.0.0
       is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point@3.0.0
       strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
-    dev: true
+
+  registry.npmjs.org/string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz}
+    name: string-width
+    version: 5.1.2
+    engines: {node: '>=12'}
+    dependencies:
+      eastasianwidth: registry.npmjs.org/eastasianwidth@0.2.0
+      emoji-regex: registry.npmjs.org/emoji-regex@9.2.2
+      strip-ansi: registry.npmjs.org/strip-ansi@7.1.0
+    dev: false
+
+  registry.npmjs.org/string-width@6.1.0:
+    resolution: {integrity: sha512-k01swCJAgQmuADB0YIc+7TuatfNvTBVOoaUWJjTB9R4VJzR5vNWzf5t42ESVZFPS8xTySF7CAdV4t/aaIm3UnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string-width/-/string-width-6.1.0.tgz}
+    name: string-width
+    version: 6.1.0
+    engines: {node: '>=16'}
+    dependencies:
+      eastasianwidth: registry.npmjs.org/eastasianwidth@0.2.0
+      emoji-regex: registry.npmjs.org/emoji-regex@10.2.1
+      strip-ansi: registry.npmjs.org/strip-ansi@7.1.0
+    dev: false
 
   registry.npmjs.org/string.prototype.matchall@4.0.8:
     resolution: {integrity: sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz}
@@ -8452,6 +10197,23 @@ packages:
       es-abstract: registry.npmjs.org/es-abstract@1.22.1
     dev: true
 
+  registry.npmjs.org/string_decoder@1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz}
+    name: string_decoder
+    version: 1.3.0
+    dependencies:
+      safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
+    dev: false
+
+  registry.npmjs.org/stringify-entities@4.0.3:
+    resolution: {integrity: sha512-BP9nNHMhhfcMbiuQKCqMjhDP5yBCAxsPu4pHFFzJ6Alo9dZgY4VLDPutXqIjpRiMoKdp7Av85Gr73Q5uH9k7+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.3.tgz}
+    name: stringify-entities
+    version: 4.0.3
+    dependencies:
+      character-entities-html4: registry.npmjs.org/character-entities-html4@2.1.0
+      character-entities-legacy: registry.npmjs.org/character-entities-legacy@3.0.0
+    dev: false
+
   registry.npmjs.org/strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz}
     name: strip-ansi
@@ -8459,14 +10221,35 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       ansi-regex: registry.npmjs.org/ansi-regex@5.0.1
-    dev: true
+
+  registry.npmjs.org/strip-ansi@7.1.0:
+    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz}
+    name: strip-ansi
+    version: 7.1.0
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-regex: registry.npmjs.org/ansi-regex@6.0.1
+    dev: false
+
+  registry.npmjs.org/strip-bom-string@1.0.0:
+    resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-1.0.0.tgz}
+    name: strip-bom-string
+    version: 1.0.0
+    engines: {node: '>=0.10.0'}
+    dev: false
 
   registry.npmjs.org/strip-bom@3.0.0:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz}
     name: strip-bom
     version: 3.0.0
     engines: {node: '>=4'}
-    dev: true
+
+  registry.npmjs.org/strip-bom@4.0.0:
+    resolution: {integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz}
+    name: strip-bom
+    version: 4.0.0
+    engines: {node: '>=8'}
+    dev: false
 
   registry.npmjs.org/strip-final-newline@2.0.0:
     resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz}
@@ -8475,6 +10258,13 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  registry.npmjs.org/strip-final-newline@3.0.0:
+    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz}
+    name: strip-final-newline
+    version: 3.0.0
+    engines: {node: '>=12'}
+    dev: false
+
   registry.npmjs.org/strip-indent@3.0.0:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz}
     name: strip-indent
@@ -8484,6 +10274,14 @@ packages:
       min-indent: registry.npmjs.org/min-indent@1.0.1
     dev: true
 
+  registry.npmjs.org/strip-json-comments@2.0.1:
+    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz}
+    name: strip-json-comments
+    version: 2.0.1
+    engines: {node: '>=0.10.0'}
+    dev: false
+    optional: true
+
   registry.npmjs.org/strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz}
     name: strip-json-comments
@@ -8512,7 +10310,6 @@ packages:
     engines: {node: '>=4'}
     dependencies:
       has-flag: registry.npmjs.org/has-flag@3.0.0
-    dev: true
 
   registry.npmjs.org/supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz}
@@ -8530,14 +10327,12 @@ packages:
     engines: {node: '>=10'}
     dependencies:
       has-flag: registry.npmjs.org/has-flag@4.0.0
-    dev: true
 
   registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz}
     name: supports-preserve-symlinks-flag
     version: 1.0.0
     engines: {node: '>= 0.4'}
-    dev: true
 
   registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.27)(svelte@4.2.0):
     resolution: {integrity: sha512-KHujbn4k17xKYLmtCwv0sKKM7uiHTYcQvXnvrCcNU6a7hcszh99zFTIoiu/Sp/ewAw5aJmillJ1Cs8gKLmcX4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.5.0.tgz}
@@ -8555,8 +10350,8 @@ packages:
       picocolors: registry.npmjs.org/picocolors@1.0.0
       sade: registry.npmjs.org/sade@1.8.1
       svelte: registry.npmjs.org/svelte@4.2.0
-      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.27)(svelte@4.2.0)(typescript@5.1.3)
-      typescript: registry.npmjs.org/typescript@5.1.3
+      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.27)(svelte@4.2.0)(typescript@5.2.2)
+      typescript: registry.npmjs.org/typescript@5.2.2
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -8621,7 +10416,7 @@ packages:
       svelte: registry.npmjs.org/svelte@4.2.0
     dev: true
 
-  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.27)(svelte@4.2.0)(typescript@5.1.3):
+  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.27)(svelte@4.2.0)(typescript@5.2.2):
     resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz}
     id: registry.npmjs.org/svelte-preprocess/5.0.4
     name: svelte-preprocess
@@ -8669,7 +10464,7 @@ packages:
       sorcery: registry.npmjs.org/sorcery@0.11.0
       strip-indent: registry.npmjs.org/strip-indent@3.0.0
       svelte: registry.npmjs.org/svelte@4.2.0
-      typescript: registry.npmjs.org/typescript@5.1.3
+      typescript: registry.npmjs.org/typescript@5.2.2
     dev: true
 
   registry.npmjs.org/svelte2tsx@0.6.20(svelte@4.2.0)(typescript@5.1.3):
@@ -8723,6 +10518,54 @@ packages:
       picocolors: registry.npmjs.org/picocolors@1.0.0
     dev: true
 
+  registry.npmjs.org/tar-fs@2.1.1:
+    resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz}
+    name: tar-fs
+    version: 2.1.1
+    dependencies:
+      chownr: registry.npmjs.org/chownr@1.1.4
+      mkdirp-classic: registry.npmjs.org/mkdirp-classic@0.5.3
+      pump: registry.npmjs.org/pump@3.0.0
+      tar-stream: registry.npmjs.org/tar-stream@2.2.0
+    dev: false
+    optional: true
+
+  registry.npmjs.org/tar-fs@3.0.4:
+    resolution: {integrity: sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.4.tgz}
+    name: tar-fs
+    version: 3.0.4
+    dependencies:
+      mkdirp-classic: registry.npmjs.org/mkdirp-classic@0.5.3
+      pump: registry.npmjs.org/pump@3.0.0
+      tar-stream: registry.npmjs.org/tar-stream@3.1.6
+    dev: false
+    optional: true
+
+  registry.npmjs.org/tar-stream@2.2.0:
+    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz}
+    name: tar-stream
+    version: 2.2.0
+    engines: {node: '>=6'}
+    dependencies:
+      bl: registry.npmjs.org/bl@4.1.0
+      end-of-stream: registry.npmjs.org/end-of-stream@1.4.4
+      fs-constants: registry.npmjs.org/fs-constants@1.0.0
+      inherits: registry.npmjs.org/inherits@2.0.4
+      readable-stream: registry.npmjs.org/readable-stream@3.6.2
+    dev: false
+    optional: true
+
+  registry.npmjs.org/tar-stream@3.1.6:
+    resolution: {integrity: sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.6.tgz}
+    name: tar-stream
+    version: 3.1.6
+    dependencies:
+      b4a: registry.npmjs.org/b4a@1.6.4
+      fast-fifo: registry.npmjs.org/fast-fifo@1.3.2
+      streamx: registry.npmjs.org/streamx@2.15.1
+    dev: false
+    optional: true
+
   registry.npmjs.org/term-size@2.2.1:
     resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/term-size/-/term-size-2.2.1.tgz}
     name: term-size
@@ -8790,7 +10633,6 @@ packages:
     name: to-fast-properties
     version: 2.0.0
     engines: {node: '>=4'}
-    dev: true
 
   registry.npmjs.org/to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz}
@@ -8799,7 +10641,6 @@ packages:
     engines: {node: '>=8.0'}
     dependencies:
       is-number: registry.npmjs.org/is-number@7.0.0
-    dev: true
 
   registry.npmjs.org/totalist@3.0.1:
     resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz}
@@ -8831,6 +10672,12 @@ packages:
     hasBin: true
     dev: true
 
+  registry.npmjs.org/trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz}
+    name: trim-lines
+    version: 3.0.1
+    dev: false
+
   registry.npmjs.org/trim-newlines@3.0.1:
     resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz}
     name: trim-newlines
@@ -8838,6 +10685,12 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  registry.npmjs.org/trough@2.1.0:
+    resolution: {integrity: sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/trough/-/trough-2.1.0.tgz}
+    name: trough
+    version: 2.1.0
+    dev: false
+
   registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3):
     resolution: {integrity: sha512-lC/RGlPmwdrIBFTX59wwNzqh7aR2otPNPR/5brHZm/XKFYKsfqxihXUe9pU3JI+3vGkl+vyCoNNnPhJn3aLK1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.1.tgz}
     id: registry.npmjs.org/ts-api-utils/1.0.1
@@ -8850,6 +10703,19 @@ packages:
       typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
+  registry.npmjs.org/tsconfig-resolver@3.0.1:
+    resolution: {integrity: sha512-ZHqlstlQF449v8glscGRXzL6l2dZvASPCdXJRWG4gHEZlUVx2Jtmr+a2zeVG4LCsKhDXKRj5R3h0C/98UcVAQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsconfig-resolver/-/tsconfig-resolver-3.0.1.tgz}
+    name: tsconfig-resolver
+    version: 3.0.1
+    dependencies:
+      '@types/json5': registry.npmjs.org/@types/json5@0.0.30
+      '@types/resolve': registry.npmjs.org/@types/resolve@1.20.2
+      json5: registry.npmjs.org/json5@2.2.3
+      resolve: registry.npmjs.org/resolve@1.22.6
+      strip-bom: registry.npmjs.org/strip-bom@4.0.0
+      type-fest: registry.npmjs.org/type-fest@0.13.1
+    dev: false
+
   registry.npmjs.org/tslib@1.14.1:
     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz}
     name: tslib
@@ -8897,7 +10763,6 @@ packages:
     version: 0.6.0
     dependencies:
       safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
-    dev: true
 
   registry.npmjs.org/turbo-darwin-64@1.10.3:
     resolution: {integrity: sha512-IIB9IomJGyD3EdpSscm7Ip1xVWtYb7D0x7oH3vad3gjFcjHJzDz9xZ/iw/qItFEW+wGFcLSRPd+1BNnuLM8AsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.10.3.tgz}
@@ -8994,7 +10859,6 @@ packages:
     name: type-fest
     version: 0.13.1
     engines: {node: '>=10'}
-    dev: true
 
   registry.npmjs.org/type-fest@0.20.2:
     resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz}
@@ -9024,6 +10888,13 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  registry.npmjs.org/type-fest@2.19.0:
+    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz}
+    name: type-fest
+    version: 2.19.0
+    engines: {node: '>=12.20'}
+    dev: false
+
   registry.npmjs.org/typed-array-buffer@1.0.0:
     resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz}
     name: typed-array-buffer
@@ -9086,6 +10957,20 @@ packages:
     hasBin: true
     dev: true
 
+  registry.npmjs.org/typescript@5.2.2:
+    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz}
+    name: typescript
+    version: 5.2.2
+    engines: {node: '>=14.17'}
+    hasBin: true
+    dev: true
+
+  registry.npmjs.org/ultrahtml@1.5.2:
+    resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ultrahtml/-/ultrahtml-1.5.2.tgz}
+    name: ultrahtml
+    version: 1.5.2
+    dev: false
+
   registry.npmjs.org/unbox-primitive@1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz}
     name: unbox-primitive
@@ -9104,7 +10989,119 @@ packages:
     engines: {node: '>=14.0'}
     dependencies:
       busboy: registry.npmjs.org/busboy@1.6.0
-    dev: true
+
+  registry.npmjs.org/unherit@3.0.1:
+    resolution: {integrity: sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unherit/-/unherit-3.0.1.tgz}
+    name: unherit
+    version: 3.0.1
+    dev: false
+
+  registry.npmjs.org/unified@10.1.2:
+    resolution: {integrity: sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unified/-/unified-10.1.2.tgz}
+    name: unified
+    version: 10.1.2
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      bail: registry.npmjs.org/bail@2.0.2
+      extend: registry.npmjs.org/extend@3.0.2
+      is-buffer: registry.npmjs.org/is-buffer@2.0.5
+      is-plain-obj: registry.npmjs.org/is-plain-obj@4.1.0
+      trough: registry.npmjs.org/trough@2.1.0
+      vfile: registry.npmjs.org/vfile@5.3.7
+    dev: false
+
+  registry.npmjs.org/unist-util-generated@2.0.1:
+    resolution: {integrity: sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-generated/-/unist-util-generated-2.0.1.tgz}
+    name: unist-util-generated
+    version: 2.0.1
+    dev: false
+
+  registry.npmjs.org/unist-util-is@5.2.1:
+    resolution: {integrity: sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.2.1.tgz}
+    name: unist-util-is
+    version: 5.2.1
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+    dev: false
+
+  registry.npmjs.org/unist-util-is@6.0.0:
+    resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.0.tgz}
+    name: unist-util-is
+    version: 6.0.0
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@3.0.0
+    dev: false
+
+  registry.npmjs.org/unist-util-modify-children@3.1.1:
+    resolution: {integrity: sha512-yXi4Lm+TG5VG+qvokP6tpnk+r1EPwyYL04JWDxLvgvPV40jANh7nm3udk65OOWquvbMDe+PL9+LmkxDpTv/7BA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-modify-children/-/unist-util-modify-children-3.1.1.tgz}
+    name: unist-util-modify-children
+    version: 3.1.1
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      array-iterate: registry.npmjs.org/array-iterate@2.0.1
+    dev: false
+
+  registry.npmjs.org/unist-util-position@4.0.4:
+    resolution: {integrity: sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-position/-/unist-util-position-4.0.4.tgz}
+    name: unist-util-position
+    version: 4.0.4
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+    dev: false
+
+  registry.npmjs.org/unist-util-stringify-position@3.0.3:
+    resolution: {integrity: sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz}
+    name: unist-util-stringify-position
+    version: 3.0.3
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+    dev: false
+
+  registry.npmjs.org/unist-util-visit-children@2.0.2:
+    resolution: {integrity: sha512-+LWpMFqyUwLGpsQxpumsQ9o9DG2VGLFrpz+rpVXYIEdPy57GSy5HioC0g3bg/8WP9oCLlapQtklOzQ8uLS496Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-visit-children/-/unist-util-visit-children-2.0.2.tgz}
+    name: unist-util-visit-children
+    version: 2.0.2
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+    dev: false
+
+  registry.npmjs.org/unist-util-visit-parents@5.1.3:
+    resolution: {integrity: sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.3.tgz}
+    name: unist-util-visit-parents
+    version: 5.1.3
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      unist-util-is: registry.npmjs.org/unist-util-is@5.2.1
+    dev: false
+
+  registry.npmjs.org/unist-util-visit-parents@6.0.1:
+    resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz}
+    name: unist-util-visit-parents
+    version: 6.0.1
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@3.0.0
+      unist-util-is: registry.npmjs.org/unist-util-is@6.0.0
+    dev: false
+
+  registry.npmjs.org/unist-util-visit@4.1.2:
+    resolution: {integrity: sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz}
+    name: unist-util-visit
+    version: 4.1.2
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      unist-util-is: registry.npmjs.org/unist-util-is@5.2.1
+      unist-util-visit-parents: registry.npmjs.org/unist-util-visit-parents@5.1.3
+    dev: false
+
+  registry.npmjs.org/unist-util-visit@5.0.0:
+    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.0.0.tgz}
+    name: unist-util-visit
+    version: 5.0.0
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@3.0.0
+      unist-util-is: registry.npmjs.org/unist-util-is@6.0.0
+      unist-util-visit-parents: registry.npmjs.org/unist-util-visit-parents@6.0.1
+    dev: false
 
   registry.npmjs.org/universalify@0.1.2:
     resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz}
@@ -9139,7 +11136,6 @@ packages:
       browserslist: registry.npmjs.org/browserslist@4.21.10
       escalade: registry.npmjs.org/escalade@3.1.1
       picocolors: registry.npmjs.org/picocolors@1.0.0
-    dev: true
 
   registry.npmjs.org/uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz}
@@ -9164,7 +11160,6 @@ packages:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz}
     name: util-deprecate
     version: 1.0.2
-    dev: true
 
   registry.npmjs.org/uuid@8.3.2:
     resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz}
@@ -9173,6 +11168,19 @@ packages:
     hasBin: true
     dev: true
 
+  registry.npmjs.org/uvu@0.5.6:
+    resolution: {integrity: sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/uvu/-/uvu-0.5.6.tgz}
+    name: uvu
+    version: 0.5.6
+    engines: {node: '>=8'}
+    hasBin: true
+    dependencies:
+      dequal: registry.npmjs.org/dequal@2.0.3
+      diff: registry.npmjs.org/diff@5.1.0
+      kleur: registry.npmjs.org/kleur@4.1.5
+      sade: registry.npmjs.org/sade@1.8.1
+    dev: false
+
   registry.npmjs.org/validate-npm-package-license@3.0.4:
     resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz}
     name: validate-npm-package-license
@@ -9193,39 +11201,34 @@ packages:
       extsprintf: registry.npmjs.org/extsprintf@1.3.0
     dev: true
 
-  registry.npmjs.org/vite@4.3.9:
-    resolution: {integrity: sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.3.9.tgz}
-    name: vite
-    version: 4.3.9
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
+  registry.npmjs.org/vfile-location@4.1.0:
+    resolution: {integrity: sha512-YF23YMyASIIJXpktBa4vIGLJ5Gs88UB/XePgqPmTa7cDA+JeO3yclbpheQYCHjVHBn/yePzrXuygIL+xbvRYHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vfile-location/-/vfile-location-4.1.0.tgz}
+    name: vfile-location
+    version: 4.1.0
     dependencies:
-      esbuild: registry.npmjs.org/esbuild@0.17.19
-      postcss: registry.npmjs.org/postcss@8.4.27
-      rollup: registry.npmjs.org/rollup@3.25.1
-    optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents@2.3.2
-    dev: true
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      vfile: registry.npmjs.org/vfile@5.3.7
+    dev: false
+
+  registry.npmjs.org/vfile-message@3.1.4:
+    resolution: {integrity: sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.4.tgz}
+    name: vfile-message
+    version: 3.1.4
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      unist-util-stringify-position: registry.npmjs.org/unist-util-stringify-position@3.0.3
+    dev: false
+
+  registry.npmjs.org/vfile@5.3.7:
+    resolution: {integrity: sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vfile/-/vfile-5.3.7.tgz}
+    name: vfile
+    version: 5.3.7
+    dependencies:
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      is-buffer: registry.npmjs.org/is-buffer@2.0.5
+      unist-util-stringify-position: registry.npmjs.org/unist-util-stringify-position@3.0.3
+      vfile-message: registry.npmjs.org/vfile-message@3.1.4
+    dev: false
 
   registry.npmjs.org/vite@4.4.9:
     resolution: {integrity: sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.4.9.tgz}
@@ -9262,21 +11265,6 @@ packages:
       rollup: registry.npmjs.org/rollup@3.28.0
     optionalDependencies:
       fsevents: registry.npmjs.org/fsevents@2.3.2
-    dev: true
-
-  registry.npmjs.org/vitefu@0.2.4(vite@4.3.9):
-    resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz}
-    id: registry.npmjs.org/vitefu/0.2.4
-    name: vitefu
-    version: 0.2.4
-    peerDependencies:
-      vite: ^3.0.0 || ^4.0.0
-    peerDependenciesMeta:
-      vite:
-        optional: true
-    dependencies:
-      vite: registry.npmjs.org/vite@4.3.9
-    dev: true
 
   registry.npmjs.org/vitefu@0.2.4(vite@4.4.9):
     resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz}
@@ -9290,7 +11278,18 @@ packages:
         optional: true
     dependencies:
       vite: registry.npmjs.org/vite@4.4.9
-    dev: true
+
+  registry.npmjs.org/vscode-oniguruma@1.7.0:
+    resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz}
+    name: vscode-oniguruma
+    version: 1.7.0
+    dev: false
+
+  registry.npmjs.org/vscode-textmate@8.0.0:
+    resolution: {integrity: sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vscode-textmate/-/vscode-textmate-8.0.0.tgz}
+    name: vscode-textmate
+    version: 8.0.0
+    dev: false
 
   registry.npmjs.org/wait-on@7.0.1(debug@4.3.4):
     resolution: {integrity: sha512-9AnJE9qTjRQOlTZIldAaf/da2eW0eSRSgcqq85mXQja/DW3MriHxkpODDSUEg+Gri/rKEcXUZHe+cevvYItaog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wait-on/-/wait-on-7.0.1.tgz}
@@ -9317,6 +11316,12 @@ packages:
       defaults: registry.npmjs.org/defaults@1.0.4
     dev: true
 
+  registry.npmjs.org/web-namespaces@2.0.1:
+    resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz}
+    name: web-namespaces
+    version: 2.0.1
+    dev: false
+
   registry.npmjs.org/webidl-conversions@3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz}
     name: webidl-conversions
@@ -9381,6 +11386,13 @@ packages:
     version: 2.0.1
     dev: true
 
+  registry.npmjs.org/which-pm-runs@1.1.0:
+    resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-pm-runs/-/which-pm-runs-1.1.0.tgz}
+    name: which-pm-runs
+    version: 1.1.0
+    engines: {node: '>=4'}
+    dev: false
+
   registry.npmjs.org/which-pm@2.0.0:
     resolution: {integrity: sha512-Lhs9Pmyph0p5n5Z3mVnN0yWcbQYUAD7rbQUiMsQxOJ3T57k7RFe35SUwWMf7dsbDZks1uOmw4AecB/JMDj3v/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-pm/-/which-pm-2.0.0.tgz}
     name: which-pm
@@ -9389,7 +11401,16 @@ packages:
     dependencies:
       load-yaml-file: registry.npmjs.org/load-yaml-file@0.2.0
       path-exists: registry.npmjs.org/path-exists@4.0.0
-    dev: true
+
+  registry.npmjs.org/which-pm@2.1.1:
+    resolution: {integrity: sha512-xzzxNw2wMaoCWXiGE8IJ9wuPMU+EYhFksjHxrRT8kMT5SnocBPRg69YAMtyV4D12fP582RA+k3P8H9J5EMdIxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-pm/-/which-pm-2.1.1.tgz}
+    name: which-pm
+    version: 2.1.1
+    engines: {node: '>=8.15'}
+    dependencies:
+      load-yaml-file: registry.npmjs.org/load-yaml-file@0.2.0
+      path-exists: registry.npmjs.org/path-exists@4.0.0
+    dev: false
 
   registry.npmjs.org/which-typed-array@1.1.11:
     resolution: {integrity: sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.11.tgz}
@@ -9421,7 +11442,15 @@ packages:
     hasBin: true
     dependencies:
       isexe: registry.npmjs.org/isexe@2.0.0
-    dev: true
+
+  registry.npmjs.org/widest-line@4.0.1:
+    resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/widest-line/-/widest-line-4.0.1.tgz}
+    name: widest-line
+    version: 4.0.1
+    engines: {node: '>=12'}
+    dependencies:
+      string-width: registry.npmjs.org/string-width@5.1.2
+    dev: false
 
   registry.npmjs.org/word-wrap@1.2.3:
     resolution: {integrity: sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz}
@@ -9452,11 +11481,21 @@ packages:
       strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
     dev: true
 
+  registry.npmjs.org/wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz}
+    name: wrap-ansi
+    version: 8.1.0
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-styles: registry.npmjs.org/ansi-styles@6.2.1
+      string-width: registry.npmjs.org/string-width@5.1.2
+      strip-ansi: registry.npmjs.org/strip-ansi@7.1.0
+    dev: false
+
   registry.npmjs.org/wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz}
     name: wrappy
     version: 1.0.2
-    dev: true
 
   registry.npmjs.org/y18n@4.0.3:
     resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz}
@@ -9481,13 +11520,11 @@ packages:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz}
     name: yallist
     version: 3.1.1
-    dev: true
 
   registry.npmjs.org/yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz}
     name: yallist
     version: 4.0.0
-    dev: true
 
   registry.npmjs.org/yaml@1.10.2:
     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz}
@@ -9518,7 +11555,6 @@ packages:
     name: yargs-parser
     version: 21.1.1
     engines: {node: '>=12'}
-    dev: true
 
   registry.npmjs.org/yargs@15.4.1:
     resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz}
@@ -9568,7 +11604,19 @@ packages:
     name: yocto-queue
     version: 0.1.0
     engines: {node: '>=10'}
-    dev: true
+
+  registry.npmjs.org/yocto-queue@1.0.0:
+    resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz}
+    name: yocto-queue
+    version: 1.0.0
+    engines: {node: '>=12.20'}
+    dev: false
+
+  registry.npmjs.org/zod@3.21.1:
+    resolution: {integrity: sha512-+dTu2m6gmCbO9Ahm4ZBDapx2O6ZY9QSPXst2WXjcznPMwf2YNpn3RevLx4KkZp1OPW/ouFcoBtBzFz/LeY69oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zod/-/zod-3.21.1.tgz}
+    name: zod
+    version: 3.21.1
+    dev: false
 
   registry.npmjs.org/zustand@4.4.0(@types/react@18.2.12)(react@18.2.0):
     resolution: {integrity: sha512-2dq6wq4dSxbiPTamGar0NlIG/av0wpyWZJGeQYtUOLegIUvhM2Bf86ekPlmgpUtS5uR7HyetSiktYrGsdsyZgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.4.0.tgz}
@@ -9615,3 +11663,9 @@ packages:
       react: registry.npmjs.org/react@18.2.0
       use-sync-external-store: registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0)
     dev: false
+
+  registry.npmjs.org/zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz}
+    name: zwitch
+    version: 2.0.4
+    dev: false

From 2d2f642c82e397265870fe7b60799d4f5baf63b9 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 5 Oct 2023 10:34:58 +0200
Subject: [PATCH 0230/1093] feat(react) added screenToFlowCoordinate &
 flowToScreenCoordinate

---
 .../react/src/examples/DragNDrop/index.tsx    |  4 +-
 packages/react/src/hooks/useViewportHelper.ts | 38 ++++++++++++++++++-
 packages/react/src/types/general.ts           |  2 +
 3 files changed, 41 insertions(+), 3 deletions(-)

diff --git a/examples/react/src/examples/DragNDrop/index.tsx b/examples/react/src/examples/DragNDrop/index.tsx
index 16e9737e9..a3e09d8d5 100644
--- a/examples/react/src/examples/DragNDrop/index.tsx
+++ b/examples/react/src/examples/DragNDrop/index.tsx
@@ -49,9 +49,9 @@ const DnDFlow = () => {
 
     if (reactFlowInstance) {
       const type = event.dataTransfer.getData('application/reactflow');
-      const position = reactFlowInstance.project({
+      const position = reactFlowInstance.screenToFlowCoordinate({
         x: event.clientX,
-        y: event.clientY - 40,
+        y: event.clientY,
       });
       const newNode: Node = {
         id: getId(),
diff --git a/packages/react/src/hooks/useViewportHelper.ts b/packages/react/src/hooks/useViewportHelper.ts
index aded1f175..1872d4142 100644
--- a/packages/react/src/hooks/useViewportHelper.ts
+++ b/packages/react/src/hooks/useViewportHelper.ts
@@ -1,5 +1,11 @@
 import { useMemo } from 'react';
-import { pointToRendererPoint, getTransformForBounds, fitView, type XYPosition } from '@xyflow/system';
+import {
+  pointToRendererPoint,
+  getTransformForBounds,
+  fitView,
+  type XYPosition,
+  rendererPointToPoint,
+} from '@xyflow/system';
 
 import { useStoreApi, useStore } from '../hooks/useStore';
 import type { ViewportHelperFunctions, ReactFlowState } from '../types';
@@ -85,6 +91,36 @@ const useViewportHelper = (): ViewportHelperFunctions => {
         const { transform, snapToGrid, snapGrid } = store.getState();
         return pointToRendererPoint(position, transform, snapToGrid, snapGrid);
       },
+      screenToFlowCoordinate: (position: XYPosition) => {
+        const { transform, snapToGrid, snapGrid, domNode } = store.getState();
+        if (domNode) {
+          const { x: domX, y: domY } = domNode.getBoundingClientRect();
+
+          const correctedPosition = {
+            x: position.x - domX,
+            y: position.y - domY,
+          };
+
+          return pointToRendererPoint(correctedPosition, transform, snapToGrid, snapGrid || [1, 1]);
+        }
+
+        return { x: 0, y: 0 };
+      },
+      flowToScreenCoordinate: (position: XYPosition) => {
+        const { transform, domNode } = store.getState();
+        if (domNode) {
+          const { x: domX, y: domY } = domNode.getBoundingClientRect();
+
+          const rendererPosition = rendererPointToPoint(position, transform);
+
+          return {
+            x: rendererPosition.x + domX,
+            y: rendererPosition.y + domY,
+          };
+        }
+
+        return { x: 0, y: 0 };
+      },
       viewportInitialized: panZoomInitialized,
     };
   }, [panZoomInitialized]);
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 8108c3ddf..2b2945a65 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -55,5 +55,7 @@ export type ViewportHelperFunctions = {
   setCenter: SetCenter;
   fitBounds: FitBounds;
   project: Project;
+  screenToFlowCoordinate: Project;
+  flowToScreenCoordinate: Project;
   viewportInitialized: boolean;
 };

From b6ea01f51bb2c5c63dd12f7e48aa46d0b9fbb4e9 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 5 Oct 2023 10:39:52 +0200
Subject: [PATCH 0231/1093] chore(react) deleteElements now returns
 deletedEdges & deletedNodes

---
 packages/react/src/hooks/useReactFlow.ts | 2 ++
 packages/react/src/types/instance.ts     | 5 ++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 45a8dbe14..f66ac38b8 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -164,6 +164,8 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
         }
       }
     }
+
+    return { deletedNodes: matchingNodes, deletedEdges: matchingEdges };
   }, []);
 
   const getNodeRect = useCallback(
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 239d339f3..531e518ed 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -28,7 +28,10 @@ export namespace Instance {
   export type GetEdge<EdgeData> = (id: string) => Edge<EdgeData> | undefined;
   export type AddEdges<EdgeData> = (payload: Edge<EdgeData>[] | Edge<EdgeData>) => void;
   export type ToObject<NodeData = any, EdgeData = any> = () => ReactFlowJsonObject<NodeData, EdgeData>;
-  export type DeleteElements = ({ nodes, edges }: DeleteElementsOptions) => void;
+  export type DeleteElements = ({ nodes, edges }: DeleteElementsOptions) => {
+    deletedNodes: Node[];
+    deletedEdges: Edge[];
+  };
   export type GetIntersectingNodes<NodeData> = (
     node: (Partial<Node<NodeData>> & { id: Node['id'] }) | Rect,
     partially?: boolean,

From 18a22e6f4c04eb47e2912d0648460575fd167cc9 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 5 Oct 2023 12:10:35 +0200
Subject: [PATCH 0232/1093] refactor(xyflow) improved performance of
 getConnectedEdgesBase

---
 packages/system/src/utils/graph.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index fb7d74c27..dca0daccd 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -161,9 +161,12 @@ export const getConnectedEdgesBase = <NodeType extends NodeBase = NodeBase, Edge
   nodes: NodeType[],
   edges: EdgeType[]
 ): EdgeType[] => {
-  const nodeIds = nodes.map((node) => node.id);
+  const nodeIds = new Set();
+  nodes.forEach((node) => {
+    nodeIds.add(node.id);
+  });
 
-  return edges.filter((edge) => nodeIds.includes(edge.source) || nodeIds.includes(edge.target));
+  return edges.filter((edge) => nodeIds.has(edge.source) || nodeIds.has(edge.target));
 };
 
 export function fitView<Params extends FitViewParamsBase<NodeBase>, Options extends FitViewOptionsBase<NodeBase>>(

From 8e7ee88ca3241a0a71682389cb8886eef3995501 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 5 Oct 2023 12:24:35 +0200
Subject: [PATCH 0233/1093] feat(react) added getConnectedEdges to useReactFlow

---
 packages/react/src/hooks/useReactFlow.ts | 17 +++++++++++++++++
 packages/react/src/types/instance.ts     |  1 +
 2 files changed, 18 insertions(+)

diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 45a8dbe14..cec31cc86 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -223,6 +223,21 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
     []
   );
 
+  const getConnectedEdges = useCallback<Instance.getConnectedEdges>((node) => {
+    const edges = store.getState().edges;
+
+    const nodeIds = new Set();
+    if (typeof node === 'string') {
+      nodeIds.add(node);
+    } else if (node.length >= 1) {
+      node.forEach((n) => {
+        nodeIds.add(n.id);
+      });
+    }
+
+    return edges.filter((edge) => nodeIds.has(edge.source) || nodeIds.has(edge.target));
+  }, []);
+
   return useMemo(() => {
     return {
       ...viewportHelper,
@@ -238,6 +253,7 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
       deleteElements,
       getIntersectingNodes,
       isNodeIntersecting,
+      getConnectedEdges,
     };
   }, [
     viewportHelper,
@@ -253,5 +269,6 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
     deleteElements,
     getIntersectingNodes,
     isNodeIntersecting,
+    getConnectedEdges,
   ]);
 }
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 239d339f3..0bc616178 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -39,6 +39,7 @@ export namespace Instance {
     area: Rect,
     partially?: boolean
   ) => boolean;
+  export type getConnectedEdges = (id: string | (Partial<Node> & { id: Node['id'] })[]) => Edge[];
 }
 
 export type ReactFlowInstance<NodeData = any, EdgeData = any> = {

From d4179ac5925e8144dd29ff383b85deb5ee165b26 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 5 Oct 2023 12:28:06 +0200
Subject: [PATCH 0234/1093] feat(svelte) added getConnectedEdges to
 useSvelteFlow

---
 packages/svelte/src/lib/hooks/useSvelteFlow.ts | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 366f104df..191b2ea04 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -10,7 +10,7 @@ import {
 } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
-import type { FitViewOptions } from '$lib/types';
+import type { Edge, FitViewOptions, Node } from '$lib/types';
 import type { SvelteFlowStore } from '$lib/store/types';
 
 export function useSvelteFlow(): {
@@ -26,6 +26,7 @@ export function useSvelteFlow(): {
   viewport: Writable<Viewport>;
   nodes: SvelteFlowStore['nodes'];
   edges: SvelteFlowStore['edges'];
+  getConnectedEdges: (id: string | (Partial<Node> & { id: Node['id'] })[]) => Edge[];
 } {
   const {
     zoomIn,
@@ -86,6 +87,20 @@ export function useSvelteFlow(): {
     },
     nodes,
     edges,
+    getConnectedEdges: (node) => {
+      const _edges = get(edges);
+
+      const nodeIds = new Set();
+      if (typeof node === 'string') {
+        nodeIds.add(node);
+      } else if (node.length >= 1) {
+        node.forEach((n) => {
+          nodeIds.add(n.id);
+        });
+      }
+
+      return _edges.filter((edge) => nodeIds.has(edge.source) || nodeIds.has(edge.target));
+    },
     viewport: viewport
   };
 }

From 1b0790e79f2d7ef310a88158cf9c062457ef5df4 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 5 Oct 2023 13:00:20 +0200
Subject: [PATCH 0235/1093] refactor(xyflow) improved performance of
 getOutgoersBase & getIncomersBase

---
 packages/system/src/utils/graph.ts | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index dca0daccd..e72642be5 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -43,8 +43,14 @@ export const getOutgoersBase = <NodeType extends NodeBase = NodeBase, EdgeType e
     return [];
   }
 
-  const outgoerIds = edges.filter((e) => e.source === node.id).map((e) => e.target);
-  return nodes.filter((n) => outgoerIds.includes(n.id));
+  const outgoerIds = new Set();
+  edges.forEach((edge) => {
+    if (edge.source === node.id) {
+      outgoerIds.add(edge.target);
+    }
+  });
+
+  return nodes.filter((n) => outgoerIds.has(n.id));
 };
 
 export const getIncomersBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
@@ -55,9 +61,14 @@ export const getIncomersBase = <NodeType extends NodeBase = NodeBase, EdgeType e
   if (!isNodeBase(node)) {
     return [];
   }
+  const incomersIds = new Set();
+  edges.forEach((edge) => {
+    if (edge.target === node.id) {
+      incomersIds.add(edge.source);
+    }
+  });
 
-  const incomersIds = edges.filter((e) => e.target === node.id).map((e) => e.source);
-  return nodes.filter((n) => incomersIds.includes(n.id));
+  return nodes.filter((n) => incomersIds.has(n.id));
 };
 
 export const getNodePositionWithOrigin = (

From 6fd9d19797ca72997d0c0afdbb71418e2238c825 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 5 Oct 2023 13:28:04 +0200
Subject: [PATCH 0236/1093] feat(react, svelte) added getIncomers & getOutgoers
 to use...Flow()

---
 packages/react/src/hooks/useReactFlow.ts      | 36 +++++++++++++++++--
 packages/react/src/types/instance.ts          |  2 ++
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 24 +++++++++++++
 packages/system/src/utils/graph.ts            |  8 ++---
 4 files changed, 64 insertions(+), 6 deletions(-)

diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index cec31cc86..8e94954ab 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -1,5 +1,13 @@
 import { useCallback, useMemo } from 'react';
-import { getElementsToRemove, getOverlappingArea, isRectObject, nodeToRect, type Rect } from '@xyflow/system';
+import {
+  getElementsToRemove,
+  getIncomersBase,
+  getOutgoersBase,
+  getOverlappingArea,
+  isRectObject,
+  nodeToRect,
+  type Rect,
+} from '@xyflow/system';
 
 import useViewportHelper from './useViewportHelper';
 import { useStoreApi } from '../hooks/useStore';
@@ -224,7 +232,7 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
   );
 
   const getConnectedEdges = useCallback<Instance.getConnectedEdges>((node) => {
-    const edges = store.getState().edges;
+    const { edges } = store.getState();
 
     const nodeIds = new Set();
     if (typeof node === 'string') {
@@ -238,6 +246,26 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
     return edges.filter((edge) => nodeIds.has(edge.source) || nodeIds.has(edge.target));
   }, []);
 
+  const getIncomers = useCallback<Instance.getIncomers>((node) => {
+    const { nodes, edges } = store.getState();
+
+    if (typeof node === 'string') {
+      return getIncomersBase({ id: node }, nodes, edges);
+    }
+
+    return getIncomersBase(node, nodes, edges);
+  }, []);
+
+  const getOutgoers = useCallback<Instance.getOutgoers>((node) => {
+    const { nodes, edges } = store.getState();
+
+    if (typeof node == 'string') {
+      return getOutgoersBase({ id: node }, nodes, edges);
+    }
+
+    return getOutgoersBase(node, nodes, edges);
+  }, []);
+
   return useMemo(() => {
     return {
       ...viewportHelper,
@@ -254,6 +282,8 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
       getIntersectingNodes,
       isNodeIntersecting,
       getConnectedEdges,
+      getIncomers,
+      getOutgoers,
     };
   }, [
     viewportHelper,
@@ -270,5 +300,7 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
     getIntersectingNodes,
     isNodeIntersecting,
     getConnectedEdges,
+    getIncomers,
+    getOutgoers,
   ]);
 }
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 0bc616178..694329fb2 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -40,6 +40,8 @@ export namespace Instance {
     partially?: boolean
   ) => boolean;
   export type getConnectedEdges = (id: string | (Partial<Node> & { id: Node['id'] })[]) => Edge[];
+  export type getIncomers = (node: string | (Partial<Node> & { id: Node['id'] })) => Node[];
+  export type getOutgoers = (node: string | (Partial<Node> & { id: Node['id'] })) => Node[];
 }
 
 export type ReactFlowInstance<NodeData = any, EdgeData = any> = {
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 191b2ea04..c3b6caec4 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -1,5 +1,7 @@
 import { get, type Writable } from 'svelte/store';
 import {
+  getIncomersBase,
+  getOutgoersBase,
   pointToRendererPoint,
   type Project,
   type SetCenterOptions,
@@ -27,6 +29,8 @@ export function useSvelteFlow(): {
   nodes: SvelteFlowStore['nodes'];
   edges: SvelteFlowStore['edges'];
   getConnectedEdges: (id: string | (Partial<Node> & { id: Node['id'] })[]) => Edge[];
+  getIncomers: (node: string | (Partial<Node> & { id: Node['id'] })) => Node[];
+  getOutgoers: (node: string | (Partial<Node> & { id: Node['id'] })) => Node[];
 } {
   const {
     zoomIn,
@@ -101,6 +105,26 @@ export function useSvelteFlow(): {
 
       return _edges.filter((edge) => nodeIds.has(edge.source) || nodeIds.has(edge.target));
     },
+    getIncomers: (node) => {
+      const _edges = get(edges);
+      const _nodes = get(nodes);
+
+      if (typeof node === 'string') {
+        return getIncomersBase({ id: node }, _nodes, _edges);
+      }
+
+      return getIncomersBase(node, _nodes, _edges);
+    },
+    getOutgoers: (node) => {
+      const _edges = get(edges);
+      const _nodes = get(nodes);
+
+      if (typeof node == 'string') {
+        return getOutgoersBase({ id: node }, _nodes, _edges);
+      }
+
+      return getOutgoersBase(node, _nodes, _edges);
+    },
     viewport: viewport
   };
 }
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index e72642be5..174675039 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -35,11 +35,11 @@ export const isNodeBase = <NodeType extends NodeBase = NodeBase, EdgeType extend
 ): element is NodeType => 'id' in element && !('source' in element) && !('target' in element);
 
 export const getOutgoersBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
-  node: NodeType,
+  node: Partial<NodeType> & { id: string },
   nodes: NodeType[],
   edges: EdgeType[]
 ): NodeType[] => {
-  if (!isNodeBase(node)) {
+  if (!node.id) {
     return [];
   }
 
@@ -54,11 +54,11 @@ export const getOutgoersBase = <NodeType extends NodeBase = NodeBase, EdgeType e
 };
 
 export const getIncomersBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
-  node: NodeType,
+  node: Partial<NodeType> & { id: string },
   nodes: NodeType[],
   edges: EdgeType[]
 ): NodeType[] => {
-  if (!isNodeBase(node)) {
+  if (!node.id) {
     return [];
   }
   const incomersIds = new Set();

From 10a14a2af4c05faed37adbb8354a76851d018663 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 5 Oct 2023 14:44:56 +0200
Subject: [PATCH 0237/1093] fix(svelte) edge labels default font-size is 10px

---
 packages/svelte/src/styles/style.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/svelte/src/styles/style.css b/packages/svelte/src/styles/style.css
index b3f57e6f8..8d45911ab 100644
--- a/packages/svelte/src/styles/style.css
+++ b/packages/svelte/src/styles/style.css
@@ -5,4 +5,5 @@
 .svelte-flow__edge-label {
   text-align: center;
   position: absolute;
+  font-size: 10px;
 }

From 1c791811a9683928fff918e89d9cc11619153d9d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 5 Oct 2023 17:26:59 +0200
Subject: [PATCH 0238/1093] feat(system): add handles and dimensions for ssr

---
 packages/system/src/types/handles.ts         | 16 +++++---
 packages/system/src/types/nodes.ts           |  4 +-
 packages/system/src/utils/edges/positions.ts | 42 ++++++++++++++++----
 3 files changed, 47 insertions(+), 15 deletions(-)

diff --git a/packages/system/src/types/handles.ts b/packages/system/src/types/handles.ts
index be0ee6084..c1ea7d0e6 100644
--- a/packages/system/src/types/handles.ts
+++ b/packages/system/src/types/handles.ts
@@ -1,12 +1,16 @@
-import type { XYPosition, Position, Dimensions, OnConnect, IsValidConnection } from '.';
+import type { Position, OnConnect, IsValidConnection } from '.';
 
 export type HandleType = 'source' | 'target';
 
-export type HandleElement = XYPosition &
-  Dimensions & {
-    id?: string | null;
-    position: Position;
-  };
+export type HandleElement = {
+  id?: string | null;
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+  position: Position;
+  type?: HandleType;
+};
 
 export type ConnectingHandle = {
   nodeId: string;
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 9d2359f35..8ca0131a8 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { internalsSymbol } from '../constants';
-import type { XYPosition, Position, CoordinateExtent, HandleElement } from '.';
+import type { XYPosition, Position, CoordinateExtent, HandleElement, Dimensions } from '.';
 
 // this is stuff that all nodes share independent of the framework
 export type NodeBase<T = any, U extends string | undefined = string | undefined> = {
@@ -28,6 +28,8 @@ export type NodeBase<T = any, U extends string | undefined = string | undefined>
   ariaLabel?: string;
   focusable?: boolean;
   origin?: NodeOrigin;
+  handles?: HandleElement[];
+  dimensions?: Dimensions;
 
   // only used internally
   [internalsSymbol]?: {
diff --git a/packages/system/src/utils/edges/positions.ts b/packages/system/src/utils/edges/positions.ts
index 28642d354..9d7af2b32 100644
--- a/packages/system/src/utils/edges/positions.ts
+++ b/packages/system/src/utils/edges/positions.ts
@@ -16,10 +16,10 @@ export type GetEdgePositionParams = {
 };
 
 export function getEdgePosition(params: GetEdgePositionParams): EdgePosition | null {
-  const [sourceNodeRect, sourceHandleBounds, sourceIsValid] = getHandleDataByNode(params.sourceNode);
-  const [targetNodeRect, targetHandleBounds, targetIsValid] = getHandleDataByNode(params.targetNode);
+  const [sourceNodeRect, sourceHandleBounds, isSourceValid] = getHandleDataByNode(params.sourceNode);
+  const [targetNodeRect, targetHandleBounds, isTargetValid] = getHandleDataByNode(params.targetNode);
 
-  if (!sourceIsValid || !targetIsValid) {
+  if (!isSourceValid || !isTargetValid) {
     return null;
   }
 
@@ -59,13 +59,39 @@ export function getEdgePosition(params: GetEdgePositionParams): EdgePosition | n
   };
 }
 
+function toHandleBounds(handles?: HandleElement[]) {
+  if (!handles) {
+    return null;
+  }
+
+  return handles.reduce<NodeHandleBounds>(
+    (res, item) => {
+      if (item.type === 'source') {
+        res.source?.push(item);
+      }
+
+      if (item.type === 'target') {
+        res.target?.push(item);
+      }
+
+      return res;
+    },
+    {
+      source: [],
+      target: [],
+    }
+  );
+}
+
 function getHandleDataByNode(node?: NodeBase): [Rect, NodeHandleBounds | null, boolean] {
-  const handleBounds = node?.[internalsSymbol]?.handleBounds || null;
+  const handleBounds = node?.[internalsSymbol]?.handleBounds || toHandleBounds(node?.handles) || null;
+  const nodeWidth = node?.width || node?.dimensions?.width;
+  const nodeHeight = node?.height || node?.dimensions?.height;
 
   const isValid =
     handleBounds &&
-    node?.width &&
-    node?.height &&
+    nodeWidth &&
+    nodeHeight &&
     typeof node?.positionAbsolute?.x !== 'undefined' &&
     typeof node?.positionAbsolute?.y !== 'undefined';
 
@@ -73,8 +99,8 @@ function getHandleDataByNode(node?: NodeBase): [Rect, NodeHandleBounds | null, b
     {
       x: node?.positionAbsolute?.x || 0,
       y: node?.positionAbsolute?.y || 0,
-      width: node?.width || 0,
-      height: node?.height || 0,
+      width: nodeWidth || 0,
+      height: nodeHeight || 0,
     },
     handleBounds,
     !!isValid,

From f37a2d9a19820c4c4f64bbe59583e40d3cdf4810 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 5 Oct 2023 17:27:53 +0200
Subject: [PATCH 0239/1093] feat(svelte): ssr

---
 .../components/NodeWrapper/NodeWrapper.svelte |   2 +
 .../SvelteFlowProvider.svelte                 |   8 +-
 .../components/SvelteFlowProvider/types.ts    |   6 +
 .../EdgeRenderer/EdgeRenderer.svelte          |   4 +-
 .../container/SvelteFlow/SvelteFlow.svelte    |   7 +-
 .../src/lib/container/SvelteFlow/types.ts     |   2 +
 packages/svelte/src/lib/store/index.ts        |  28 ++++-
 .../svelte/src/lib/store/initial-store.ts     | 110 ++++++++++--------
 packages/svelte/src/lib/store/utils.ts        |   2 +-
 .../svelte/src/lib/store/visible-nodes.ts     |   1 +
 10 files changed, 111 insertions(+), 59 deletions(-)
 create mode 100644 packages/svelte/src/lib/components/SvelteFlowProvider/types.ts

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index fd44335ac..c1dfb7f00 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -116,6 +116,8 @@
     class:parent={isParent}
     style:z-index={zIndex}
     style:transform="translate({positionOrigin?.x ?? 0}px, {positionOrigin?.y ?? 0}px)"
+    style:width={node.dimensions?.width && `${node.dimensions?.width}px`}
+    style:height={node.dimensions?.height && `${node.dimensions?.height}px`}
     {style}
     on:click={onSelectNodeHandler}
     on:mouseenter={(event) => dispatch('nodemouseenter', { node, event })}
diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
index aacc69c47..b4b6a9860 100644
--- a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
@@ -2,8 +2,14 @@
   import { onDestroy, setContext } from 'svelte';
 
   import { createStore, key } from '$lib/store';
+  import type { SvelteFlowProviderProps } from './types';
 
-  const store = createStore();
+  type $$Props = SvelteFlowProviderProps;
+
+  export let nodes: $$Props['nodes'] = undefined;
+  export let edges: $$Props['edges'] = undefined;
+
+  const store = createStore({ nodes, edges });
 
   setContext(key, {
     getStore: () => store
diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts b/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
new file mode 100644
index 000000000..74ddb7132
--- /dev/null
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
@@ -0,0 +1,6 @@
+import type { Edge, Node } from '$lib/types';
+
+export type SvelteFlowProviderProps = {
+  nodes?: Node[];
+  edges?: Edge[];
+};
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 4831278df..77848c027 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -8,8 +8,6 @@
   export let defaultEdgeOptions: DefaultEdgeOptions | undefined;
 
   const {
-    width,
-    height,
     elementsSelectable,
     edgeTree,
     edges: { setDefaultOptions }
@@ -21,7 +19,7 @@
 </script>
 
 {#each $edgeTree as group (group.level)}
-  <svg width={$width} height={$height} style="z-index: {group.level}" class="svelte-flow__edges">
+  <svg style="z-index: {group.level}" class="svelte-flow__edges">
     {#if group.isMaxLevel} <MarkerDefinition />{/if}
     <g>
       {#each group.edges as edge (edge.id)}
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index ef5d547b4..5da987b5c 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -16,6 +16,7 @@
   import { key, useStore, createStoreContext } from '$lib/store';
   import type { SvelteFlowProps } from './types';
   import { updateStore, updateStoreByKeys, type UpdatableStoreProps } from './utils';
+  import { get } from 'svelte/store';
 
   type $$Props = SvelteFlowProps;
 
@@ -63,6 +64,8 @@
   export let attributionPosition: $$Props['attributionPosition'] = undefined;
   export let proOptions: $$Props['proOptions'] = undefined;
   export let defaultEdgeOptions: $$Props['defaultEdgeOptions'] = undefined;
+  export let width: $$Props['width'] = undefined;
+  export let height: $$Props['height'] = undefined;
 
   export let defaultMarkerColor = '#b1b1b7';
 
@@ -72,7 +75,9 @@
 
   let domNode: HTMLDivElement;
 
-  const store = hasContext(key) ? useStore() : createStoreContext();
+  const store = hasContext(key)
+    ? useStore()
+    : createStoreContext({ nodes: get(nodes), edges: get(edges), width, height });
 
   onMount(() => {
     const { width, height } = domNode.getBoundingClientRect();
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 91f3bb704..754a67105 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -72,6 +72,8 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   attributionPosition?: PanelPosition;
   proOptions?: ProOptions;
   defaultEdgeOptions?: DefaultEdgeOptions;
+  width?: number;
+  height?: number;
 
   class?: string;
   style?: string;
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 22d49ac3b..9b27da789 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -29,8 +29,18 @@ import { getDerivedConnectionProps } from './derived-connection-props';
 
 export const key = Symbol();
 
-export function createStore(): SvelteFlowStore {
-  const store = getInitialStore();
+export function createStore({
+  nodes,
+  edges,
+  width,
+  height
+}: {
+  nodes?: Node[];
+  edges?: Edge[];
+  width?: number;
+  height?: number;
+}): SvelteFlowStore {
+  const store = getInitialStore({ nodes, edges, width, height });
 
   function setNodeTypes(nodeTypes: NodeTypes) {
     store.nodeTypes.set({
@@ -333,8 +343,18 @@ export function useStore(): SvelteFlowStore {
   return store.getStore();
 }
 
-export function createStoreContext() {
-  const store = createStore();
+export function createStoreContext({
+  nodes,
+  edges,
+  width,
+  height
+}: {
+  nodes?: Node[];
+  edges?: Edge[];
+  width?: number;
+  height?: number;
+}) {
+  const store = createStore({ nodes, edges, width, height });
 
   setContext(key, {
     getStore: () => store
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index c9deb6222..f684dd33e 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -24,7 +24,7 @@ import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
 import StepEdge from '$lib/components/edges/StepEdge.svelte';
-import type { NodeTypes, EdgeTypes, EdgeLayouted, Node, FitViewOptions } from '$lib/types';
+import type { NodeTypes, EdgeTypes, EdgeLayouted, Node, Edge, FitViewOptions } from '$lib/types';
 import { createNodesStore, createEdgesStore } from './utils';
 import { initConnectionProps, type ConnectionProps } from './derived-connection-props';
 
@@ -41,51 +41,63 @@ export const initialEdgeTypes = {
   step: StepEdge
 };
 
-export const getInitialStore = () => ({
-  flowId: writable<string | null>(null),
-  nodes: createNodesStore([]),
-  visibleNodes: readable<Node[]>([]),
-  edges: createEdgesStore([]),
-  edgeTree: readable<GroupedEdges<EdgeLayouted>[]>([]),
-  height: writable<number>(500),
-  width: writable<number>(500),
-  minZoom: writable<number>(0.5),
-  maxZoom: writable<number>(2),
-  nodeOrigin: writable<NodeOrigin>([0, 0]),
-  nodeDragThreshold: writable<number>(0),
-  nodeExtent: writable<CoordinateExtent>(infiniteExtent),
-  translateExtent: writable<CoordinateExtent>(infiniteExtent),
-  autoPanOnNodeDrag: writable<boolean>(true),
-  autoPanOnConnect: writable<boolean>(true),
-  fitViewOnInit: writable<boolean>(false),
-  fitViewOnInitDone: writable<boolean>(false),
-  fitViewOptions: writable<FitViewOptions>(undefined),
-  panZoom: writable<PanZoomInstance | null>(null),
-  snapGrid: writable<SnapGrid | null>(null),
-  dragging: writable<boolean>(false),
-  selectionRect: writable<SelectionRect | null>(null),
-  selectionKeyPressed: writable<boolean>(false),
-  multiselectionKeyPressed: writable<boolean>(false),
-  deleteKeyPressed: writable<boolean>(false),
-  panActivationKeyPressed: writable<boolean>(false),
-  selectionRectMode: writable<string | null>(null),
-  selectionMode: writable<SelectionMode>(SelectionMode.Partial),
-  nodeTypes: writable<NodeTypes>(initialNodeTypes),
-  edgeTypes: writable<EdgeTypes>(initialEdgeTypes),
-  viewport: writable<Viewport>({ x: 0, y: 0, zoom: 1 }),
-  connectionMode: writable<ConnectionMode>(ConnectionMode.Strict),
-  domNode: writable<HTMLDivElement | null>(null),
-  connection: readable<ConnectionProps>(initConnectionProps),
-  connectionLineType: writable<ConnectionLineType>(ConnectionLineType.Bezier),
-  connectionRadius: writable<number>(20),
-  isValidConnection: writable<IsValidConnection>(() => true),
-  nodesDraggable: writable<boolean>(true),
-  nodesConnectable: writable<boolean>(true),
-  elementsSelectable: writable<boolean>(true),
-  selectNodesOnDrag: writable<boolean>(true),
-  markers: readable<MarkerProps[]>([]),
-  defaultMarkerColor: writable<string>('#b1b1b7'),
-  lib: readable<string>('svelte'),
-  onlyRenderVisibleElements: writable<boolean>(false),
-  onError: writable<OnError>(devWarn)
-});
+export const getInitialStore = ({
+  nodes = [],
+  edges = [],
+  width,
+  height
+}: {
+  nodes?: Node[];
+  edges?: Edge[];
+  width?: number;
+  height?: number;
+}) => {
+  return {
+    flowId: writable<string | null>(null),
+    nodes: createNodesStore(nodes),
+    visibleNodes: readable<Node[]>([]),
+    edges: createEdgesStore(edges),
+    edgeTree: readable<GroupedEdges<EdgeLayouted>[]>([]),
+    height: writable<number>(500),
+    width: writable<number>(500),
+    minZoom: writable<number>(0.5),
+    maxZoom: writable<number>(2),
+    nodeOrigin: writable<NodeOrigin>([0, 0]),
+    nodeDragThreshold: writable<number>(0),
+    nodeExtent: writable<CoordinateExtent>(infiniteExtent),
+    translateExtent: writable<CoordinateExtent>(infiniteExtent),
+    autoPanOnNodeDrag: writable<boolean>(true),
+    autoPanOnConnect: writable<boolean>(true),
+    fitViewOnInit: writable<boolean>(false),
+    fitViewOnInitDone: writable<boolean>(false),
+    fitViewOptions: writable<FitViewOptions>(undefined),
+    panZoom: writable<PanZoomInstance | null>(null),
+    snapGrid: writable<SnapGrid | null>(null),
+    dragging: writable<boolean>(false),
+    selectionRect: writable<SelectionRect | null>(null),
+    selectionKeyPressed: writable<boolean>(false),
+    multiselectionKeyPressed: writable<boolean>(false),
+    deleteKeyPressed: writable<boolean>(false),
+    panActivationKeyPressed: writable<boolean>(false),
+    selectionRectMode: writable<string | null>(null),
+    selectionMode: writable<SelectionMode>(SelectionMode.Partial),
+    nodeTypes: writable<NodeTypes>(initialNodeTypes),
+    edgeTypes: writable<EdgeTypes>(initialEdgeTypes),
+    viewport: writable<Viewport>({ x: 0, y: 0, zoom: 1 }),
+    connectionMode: writable<ConnectionMode>(ConnectionMode.Strict),
+    domNode: writable<HTMLDivElement | null>(null),
+    connection: readable<ConnectionProps>(initConnectionProps),
+    connectionLineType: writable<ConnectionLineType>(ConnectionLineType.Bezier),
+    connectionRadius: writable<number>(20),
+    isValidConnection: writable<IsValidConnection>(() => true),
+    nodesDraggable: writable<boolean>(true),
+    nodesConnectable: writable<boolean>(true),
+    elementsSelectable: writable<boolean>(true),
+    selectNodesOnDrag: writable<boolean>(true),
+    markers: readable<MarkerProps[]>([]),
+    defaultMarkerColor: writable<string>('#b1b1b7'),
+    lib: readable<string>('svelte'),
+    onlyRenderVisibleElements: writable<boolean>(false),
+    onError: writable<OnError>(devWarn)
+  };
+};
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index adf64c0fe..cfd5b343a 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -6,7 +6,7 @@ import {
   type Writable,
   get
 } from 'svelte/store';
-import { updateNodes, type Transform, type Viewport, type PanZoomInstance } from '@xyflow/system';
+import { updateNodes, type Viewport, type PanZoomInstance } from '@xyflow/system';
 
 import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, Node } from '$lib/types';
 
diff --git a/packages/svelte/src/lib/store/visible-nodes.ts b/packages/svelte/src/lib/store/visible-nodes.ts
index 73ed53a44..2d9ab7fb6 100644
--- a/packages/svelte/src/lib/store/visible-nodes.ts
+++ b/packages/svelte/src/lib/store/visible-nodes.ts
@@ -9,6 +9,7 @@ export function getVisibleNodes(store: SvelteFlowStoreState) {
     [store.nodes, store.onlyRenderVisibleElements, store.width, store.height, store.viewport],
     ([nodes, onlyRenderVisibleElements, width, height, viewport]) => {
       const transform: Transform = [viewport.x, viewport.y, viewport.zoom];
+
       return onlyRenderVisibleElements
         ? getNodesInside<Node>(nodes, { x: 0, y: 0, width, height }, transform, true)
         : nodes;

From 1acc59e44c9eab0a6e2ce6e787af7184e5fcd2d9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 5 Oct 2023 17:28:05 +0200
Subject: [PATCH 0240/1093] feat(react): ssr

---
 .../Controls/Controls.tsx                     | 11 +-----
 .../react/src/components/Nodes/wrapNode.tsx   |  6 +++-
 .../components/ReactFlowProvider/index.tsx    | 16 +++++++--
 .../src/container/NodeRenderer/index.tsx      |  5 ++-
 .../react/src/container/ReactFlow/Wrapper.tsx | 16 +++++++--
 .../react/src/container/ReactFlow/index.tsx   |  4 ++-
 packages/react/src/store/index.ts             | 14 ++++++--
 packages/react/src/store/initialState.ts      | 36 +++++++++++++++++--
 packages/react/src/types/component-props.ts   |  2 ++
 packages/react/src/types/nodes.ts             |  2 ++
 10 files changed, 90 insertions(+), 22 deletions(-)

diff --git a/packages/react/src/additional-components/Controls/Controls.tsx b/packages/react/src/additional-components/Controls/Controls.tsx
index 99139b81f..29fcb268b 100644
--- a/packages/react/src/additional-components/Controls/Controls.tsx
+++ b/packages/react/src/additional-components/Controls/Controls.tsx
@@ -1,4 +1,4 @@
-import { memo, useEffect, useState, type FC, type PropsWithChildren } from 'react';
+import { memo, type FC, type PropsWithChildren } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
 
@@ -37,18 +37,9 @@ const Controls: FC<PropsWithChildren<ControlProps>> = ({
   position = 'bottom-left',
 }) => {
   const store = useStoreApi();
-  const [isVisible, setIsVisible] = useState<boolean>(false);
   const { isInteractive, minZoomReached, maxZoomReached } = useStore(selector, shallow);
   const { zoomIn, zoomOut, fitView } = useReactFlow();
 
-  useEffect(() => {
-    setIsVisible(true);
-  }, []);
-
-  if (!isVisible) {
-    return null;
-  }
-
   const onZoomInHandler = () => {
     zoomIn();
     onZoomIn?.();
diff --git a/packages/react/src/components/Nodes/wrapNode.tsx b/packages/react/src/components/Nodes/wrapNode.tsx
index 43e6334aa..858188cb1 100644
--- a/packages/react/src/components/Nodes/wrapNode.tsx
+++ b/packages/react/src/components/Nodes/wrapNode.tsx
@@ -52,6 +52,8 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
     disableKeyboardA11y,
     ariaLabel,
     rfId,
+    dimensionWidth,
+    dimensionHeight,
   }: WrapNodeProps) => {
     const store = useStoreApi();
     const nodeRef = useRef<HTMLDivElement>(null);
@@ -181,7 +183,9 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
           zIndex,
           transform: `translate(${xPosOrigin}px,${yPosOrigin}px)`,
           pointerEvents: hasPointerEvents ? 'all' : 'none',
-          visibility: initialized ? 'visible' : 'visible',
+          visibility: initialized ? 'visible' : 'hidden',
+          width: dimensionWidth,
+          height: dimensionHeight,
           ...style,
         }}
         data-id={id}
diff --git a/packages/react/src/components/ReactFlowProvider/index.tsx b/packages/react/src/components/ReactFlowProvider/index.tsx
index 4a1904bbf..cd3b2139c 100644
--- a/packages/react/src/components/ReactFlowProvider/index.tsx
+++ b/packages/react/src/components/ReactFlowProvider/index.tsx
@@ -6,11 +6,23 @@ import { Provider } from '../../contexts/RFStoreContext';
 import { createRFStore } from '../../store';
 import type { ReactFlowState, Node, Edge } from '../../types';
 
-function ReactFlowProvider({ children, nodes, edges }: { children: ReactNode; nodes?: Node[]; edges?: Edge[] }) {
+function ReactFlowProvider({
+  children,
+  nodes,
+  edges,
+  width,
+  height,
+}: {
+  children: ReactNode;
+  nodes?: Node[];
+  edges?: Edge[];
+  width?: number;
+  height?: number;
+}) {
   const storeRef = useRef<UseBoundStoreWithEqualityFn<StoreApi<ReactFlowState>> | null>(null);
 
   if (!storeRef.current) {
-    storeRef.current = createRFStore({ nodes, edges });
+    storeRef.current = createRFStore({ nodes, edges, width, height });
   }
 
   return <Provider value={storeRef.current}>{children}</Provider>;
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index 34fb4c55f..8096a9aba 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -98,6 +98,7 @@ const NodeRenderer = (props: NodeRendererProps) => {
           height: node.height ?? 0,
           origin: node.origin || props.nodeOrigin,
         });
+        const initialized = (!!node.width && !!node.height) || (!!node.dimensions?.width && !!node.dimensions?.height);
 
         return (
           <NodeComponent
@@ -105,6 +106,8 @@ const NodeRenderer = (props: NodeRendererProps) => {
             id={node.id}
             className={node.className}
             style={node.style}
+            dimensionWidth={node.dimensions?.width}
+            dimensionHeight={node.dimensions?.height}
             type={nodeType}
             data={node.data}
             sourcePosition={node.sourcePosition || Position.Bottom}
@@ -131,7 +134,7 @@ const NodeRenderer = (props: NodeRendererProps) => {
             isParent={!!node[internalsSymbol]?.isParent}
             noDragClassName={props.noDragClassName}
             noPanClassName={props.noPanClassName}
-            initialized={!!node.width && !!node.height}
+            initialized={initialized}
             rfId={props.rfId}
             disableKeyboardA11y={props.disableKeyboardA11y}
             ariaLabel={node.ariaLabel}
diff --git a/packages/react/src/container/ReactFlow/Wrapper.tsx b/packages/react/src/container/ReactFlow/Wrapper.tsx
index b4ff1199b..37b465fbb 100644
--- a/packages/react/src/container/ReactFlow/Wrapper.tsx
+++ b/packages/react/src/container/ReactFlow/Wrapper.tsx
@@ -4,7 +4,19 @@ import StoreContext from '../../contexts/RFStoreContext';
 import ReactFlowProvider from '../../components/ReactFlowProvider';
 import type { Node, Edge } from '../../types';
 
-function Wrapper({ children, nodes, edges }: { children: ReactNode; nodes?: Node[]; edges?: Edge[] }) {
+function Wrapper({
+  children,
+  nodes,
+  edges,
+  width,
+  height,
+}: {
+  children: ReactNode;
+  nodes?: Node[];
+  edges?: Edge[];
+  width?: number;
+  height?: number;
+}) {
   const isWrapped = useContext(StoreContext);
 
   if (isWrapped) {
@@ -14,7 +26,7 @@ function Wrapper({ children, nodes, edges }: { children: ReactNode; nodes?: Node
   }
 
   return (
-    <ReactFlowProvider nodes={nodes} edges={edges}>
+    <ReactFlowProvider nodes={nodes} edges={edges} width={width} height={height}>
       {children}
     </ReactFlowProvider>
   );
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 20d62cbec..8f748831a 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -166,6 +166,8 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
       nodeDragThreshold,
       viewport,
       onViewportChange,
+      width,
+      height,
       ...rest
     },
     ref
@@ -181,7 +183,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
         data-testid="rf__wrapper"
         id={id}
       >
-        <Wrapper nodes={nodes} edges={edges}>
+        <Wrapper nodes={nodes} edges={edges} width={width} height={height}>
           <GraphView
             onInit={onInit}
             onNodeClick={onNodeClick}
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index a64d481d2..3da2c2839 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -24,10 +24,20 @@ import type {
   FitViewOptions,
 } from '../types';
 
-const createRFStore = ({ nodes, edges }: { nodes?: Node[]; edges?: Edge[] }) =>
+const createRFStore = ({
+  nodes,
+  edges,
+  width,
+  height,
+}: {
+  nodes?: Node[];
+  edges?: Edge[];
+  width?: number;
+  height?: number;
+}) =>
   createWithEqualityFn<ReactFlowState>(
     (set, get) => ({
-      ...getInitialState({ nodes, edges }),
+      ...getInitialState({ nodes, edges, width, height }),
       setNodes: (nodes: Node[]) => {
         const { nodes: storeNodes, nodeOrigin, elevateNodesOnSelect } = get();
         const nextNodes = updateNodes(nodes, storeNodes, { nodeOrigin, elevateNodesOnSelect });
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 4e6ed8e75..c70072a1d 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -1,15 +1,45 @@
-import { devWarn, infiniteExtent, ConnectionMode, updateNodes } from '@xyflow/system';
+import {
+  devWarn,
+  infiniteExtent,
+  ConnectionMode,
+  updateNodes,
+  getRectOfNodes,
+  getTransformForBounds,
+  Transform,
+} from '@xyflow/system';
 
 import type { Edge, Node, ReactFlowStore } from '../types';
 
-const getInitialState = ({ nodes = [], edges = [] }: { nodes?: Node[]; edges?: Edge[] }): ReactFlowStore => {
+const getInitialState = ({
+  nodes = [],
+  edges = [],
+  width,
+  height,
+}: {
+  nodes?: Node[];
+  edges?: Edge[];
+  width?: number;
+  height?: number;
+}): ReactFlowStore => {
   const nextNodes = updateNodes(nodes, [], { nodeOrigin: [0, 0], elevateNodesOnSelect: false });
 
+  let transform: Transform = [0, 0, 1];
+
+  if (width && height) {
+    const nodesWithDimensions = nextNodes.map((node) => ({
+      ...node,
+      width: node.dimensions?.width,
+      height: node.dimensions?.height,
+    }));
+    const bounds = getRectOfNodes(nodesWithDimensions, [0, 0]);
+    transform = getTransformForBounds(bounds, width, height, 0.5, 2, 0.1);
+  }
+
   return {
     rfId: '1',
     width: 0,
     height: 0,
-    transform: [0, 0, 1],
+    transform,
     nodes: nextNodes,
     edges: edges,
     onNodesChange: null,
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index 3fe97f078..e9c7a5ff6 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -151,6 +151,8 @@ export type ReactFlowProps = HTMLAttributes<HTMLDivElement> & {
   onError?: OnError;
   isValidConnection?: IsValidConnection;
   nodeDragThreshold?: number;
+  width?: number;
+  height?: number;
 };
 
 export type ReactFlowRefType = HTMLDivElement;
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index 9f5edc0a3..f33de6821 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -40,4 +40,6 @@ export type WrapNodeProps<NodeData = any> = Pick<
     noPanClassName: string;
     rfId: string;
     disableKeyboardA11y: boolean;
+    dimensionWidth?: number;
+    dimensionHeight?: number;
   };

From 0888f699095303f42f84cdb3217aa03ca00de36e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 5 Oct 2023 17:28:30 +0200
Subject: [PATCH 0241/1093] chore(examples): cleanup

---
 .../{react-ssr => astro-xyflow}/.gitignore    |   0
 .../.vscode/extensions.json                   |   0
 .../.vscode/launch.json                       |   0
 .../{react-ssr => astro-xyflow}/README.md     |   0
 .../astro.config.mjs                          |   3 +-
 .../{react-ssr => astro-xyflow}/package.json  |   9 +-
 .../public/favicon.svg                        |   0
 .../ReactFlowExample}/CustomNode.tsx          |   0
 .../src/components/ReactFlowExample/index.tsx | 134 ++++++++++++
 .../components/SvelteFlowExample/index.svelte |  46 ++++
 .../{react-ssr => astro-xyflow}/src/env.d.ts  |   0
 .../src/pages/index.astro                     |  12 +-
 .../{react-ssr => astro-xyflow}/tsconfig.json |   0
 .../react-ssr/src/components/Flow/index.tsx   |  71 ------
 examples/react/src/examples/Stress/utils.ts   |   4 +-
 examples/react/src/examples/Subflow/index.tsx |   3 -
 pnpm-lock.yaml                                | 202 +++++++++++++-----
 17 files changed, 352 insertions(+), 132 deletions(-)
 rename examples/{react-ssr => astro-xyflow}/.gitignore (100%)
 rename examples/{react-ssr => astro-xyflow}/.vscode/extensions.json (100%)
 rename examples/{react-ssr => astro-xyflow}/.vscode/launch.json (100%)
 rename examples/{react-ssr => astro-xyflow}/README.md (100%)
 rename examples/{react-ssr => astro-xyflow}/astro.config.mjs (66%)
 rename examples/{react-ssr => astro-xyflow}/package.json (73%)
 rename examples/{react-ssr => astro-xyflow}/public/favicon.svg (100%)
 rename examples/{react-ssr/src/components/Flow => astro-xyflow/src/components/ReactFlowExample}/CustomNode.tsx (100%)
 create mode 100644 examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
 create mode 100644 examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte
 rename examples/{react-ssr => astro-xyflow}/src/env.d.ts (100%)
 rename examples/{react-ssr => astro-xyflow}/src/pages/index.astro (67%)
 rename examples/{react-ssr => astro-xyflow}/tsconfig.json (100%)
 delete mode 100644 examples/react-ssr/src/components/Flow/index.tsx

diff --git a/examples/react-ssr/.gitignore b/examples/astro-xyflow/.gitignore
similarity index 100%
rename from examples/react-ssr/.gitignore
rename to examples/astro-xyflow/.gitignore
diff --git a/examples/react-ssr/.vscode/extensions.json b/examples/astro-xyflow/.vscode/extensions.json
similarity index 100%
rename from examples/react-ssr/.vscode/extensions.json
rename to examples/astro-xyflow/.vscode/extensions.json
diff --git a/examples/react-ssr/.vscode/launch.json b/examples/astro-xyflow/.vscode/launch.json
similarity index 100%
rename from examples/react-ssr/.vscode/launch.json
rename to examples/astro-xyflow/.vscode/launch.json
diff --git a/examples/react-ssr/README.md b/examples/astro-xyflow/README.md
similarity index 100%
rename from examples/react-ssr/README.md
rename to examples/astro-xyflow/README.md
diff --git a/examples/react-ssr/astro.config.mjs b/examples/astro-xyflow/astro.config.mjs
similarity index 66%
rename from examples/react-ssr/astro.config.mjs
rename to examples/astro-xyflow/astro.config.mjs
index 7986bcae1..ffcf8fb73 100644
--- a/examples/react-ssr/astro.config.mjs
+++ b/examples/astro-xyflow/astro.config.mjs
@@ -1,7 +1,8 @@
 import { defineConfig } from 'astro/config';
 import react from '@astrojs/react';
+import svelte from '@astrojs/svelte';
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [react()],
+  integrations: [react(), svelte()],
 });
diff --git a/examples/react-ssr/package.json b/examples/astro-xyflow/package.json
similarity index 73%
rename from examples/react-ssr/package.json
rename to examples/astro-xyflow/package.json
index 717931302..e5ced4765 100644
--- a/examples/react-ssr/package.json
+++ b/examples/astro-xyflow/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "react-ssr",
+  "name": "astro",
   "type": "module",
   "version": "0.0.1",
   "scripts": {
@@ -11,11 +11,14 @@
   },
   "dependencies": {
     "@astrojs/react": "^3.0.2",
+    "@astrojs/svelte": "^4.0.2",
     "@types/react": "^18.2.24",
     "@types/react-dom": "^18.2.8",
     "@xyflow/react": "workspace:^",
+    "@xyflow/svelte": "workspace:^",
     "astro": "^3.2.2",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "svelte": "^4.2.1"
   }
-}
\ No newline at end of file
+}
diff --git a/examples/react-ssr/public/favicon.svg b/examples/astro-xyflow/public/favicon.svg
similarity index 100%
rename from examples/react-ssr/public/favicon.svg
rename to examples/astro-xyflow/public/favicon.svg
diff --git a/examples/react-ssr/src/components/Flow/CustomNode.tsx b/examples/astro-xyflow/src/components/ReactFlowExample/CustomNode.tsx
similarity index 100%
rename from examples/react-ssr/src/components/Flow/CustomNode.tsx
rename to examples/astro-xyflow/src/components/ReactFlowExample/CustomNode.tsx
diff --git a/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx b/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
new file mode 100644
index 000000000..1bad3481a
--- /dev/null
+++ b/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
@@ -0,0 +1,134 @@
+import { useCallback } from 'react';
+import {
+  ReactFlow,
+  addEdge,
+  useEdgesState,
+  useNodesState,
+  Background,
+  Controls,
+  type Connection,
+  type Edge,
+  type Node,
+  Position,
+} from '@xyflow/react';
+
+import CustomNode from './CustomNode';
+
+import '@xyflow/react/dist/style.css';
+
+const nodeDimensions = {
+  width: 100,
+  height: 40,
+};
+
+const handleSize = 1;
+
+const initialNodes: Node[] = [
+  {
+    id: '1',
+    type: 'input',
+    data: { label: 'Node 1' },
+    position: { x: 250, y: 5 },
+    dimensions: nodeDimensions,
+    handles: [
+      {
+        type: 'source',
+        position: Position.Bottom,
+        x: nodeDimensions.width * 0.5,
+        y: nodeDimensions.height,
+        width: 1,
+        height: 1,
+      },
+    ],
+  },
+  {
+    id: '2',
+    data: { label: 'Node 2' },
+    position: { x: 100, y: 100 },
+    dimensions: nodeDimensions,
+    handles: [
+      {
+        type: 'source',
+        position: Position.Bottom,
+        x: nodeDimensions.width * 0.5,
+        y: nodeDimensions.height,
+        width: 1,
+        height: 1,
+      },
+      {
+        type: 'target',
+        position: Position.Top,
+        x: nodeDimensions.width * 0.5,
+        y: 0,
+        width: 1,
+        height: 1,
+      },
+    ],
+  },
+  {
+    id: '3',
+    data: { label: 'Node 3' },
+    position: { x: 400, y: 100 },
+    dimensions: nodeDimensions,
+    handles: [
+      {
+        type: 'source',
+        position: Position.Bottom,
+        x: nodeDimensions.width * 0.5,
+        y: nodeDimensions.height,
+        width: 1,
+        height: 1,
+      },
+      {
+        type: 'target',
+        position: Position.Top,
+        x: nodeDimensions.width * 0.5,
+        y: 0,
+        width: 1,
+        height: 1,
+      },
+    ],
+  },
+  {
+    id: '4',
+    data: { label: 'Node 4' },
+    position: { x: 400, y: 200 },
+    type: 'custom',
+  },
+];
+
+const initialEdges: Edge[] = [
+  { id: 'e1-2', source: '1', target: '2', animated: true },
+  { id: 'e1-3', source: '1', target: '3', animated: true },
+];
+
+const nodeTypes = {
+  custom: CustomNode,
+};
+
+function Flow() {
+  const [nodes, , onNodesChange] = useNodesState(initialNodes);
+  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
+  const onConnect = useCallback((params: Connection | Edge) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
+
+  return (
+    <div style={{ width: 700, height: 400 }}>
+      <ReactFlow
+        nodes={nodes}
+        onNodesChange={onNodesChange}
+        edges={edges}
+        onEdgesChange={onEdgesChange}
+        onConnect={onConnect}
+        nodeTypes={nodeTypes}
+        fitView
+        width={700}
+        height={400}
+      >
+        <Background />
+        <Controls />
+      </ReactFlow>
+    </div>
+  );
+}
+
+export default Flow;
diff --git a/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte b/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte
new file mode 100644
index 000000000..c7b97e3dc
--- /dev/null
+++ b/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte
@@ -0,0 +1,46 @@
+<script lang="ts">
+  import { writable } from 'svelte/store';
+  import { SvelteFlow, Controls, Background, BackgroundVariant, Position } from '@xyflow/svelte';
+
+  import '@xyflow/svelte/dist/style.css';
+
+  const nodeDefaults = {
+    sourcePosition: Position.Right,
+    targetPosition: Position.Left,
+    dimensions: {
+      width: 100,
+      height: 40,
+    },
+    handles: [
+      { type: 'source', x: 100, y: 20, position: Position.Right, width: 1, height: 1 },
+      { type: 'target', x: 0, y: 20, position: Position.Left, width: 1, height: 1 },
+    ],
+  };
+
+  const nodes = writable([
+    {
+      id: '0',
+      position: { x: 0, y: 150 },
+      data: { label: 'Node 0' },
+      ...nodeDefaults,
+    },
+    { id: 'A', position: { x: 250, y: 0 }, data: { label: 'A' }, ...nodeDefaults },
+    { id: 'B', position: { x: 250, y: 150 }, data: { label: 'B' }, ...nodeDefaults },
+    { id: 'C', position: { x: 250, y: 300 }, data: { label: 'C' }, ...nodeDefaults },
+  ]);
+
+  const edges = writable([
+    { id: '0A', source: '0', target: 'A', animated: true },
+    { id: '0B', source: '0', target: 'B', animated: true },
+    { id: '0C', source: '0', target: 'C', animated: true },
+  ]);
+
+  const defaultEdgeOptions = {
+    animated: true,
+  };
+</script>
+
+<SvelteFlow {nodes} {edges} fitView {defaultEdgeOptions}>
+  <Controls />
+  <Background variant={BackgroundVariant.Dots} />
+</SvelteFlow>
diff --git a/examples/react-ssr/src/env.d.ts b/examples/astro-xyflow/src/env.d.ts
similarity index 100%
rename from examples/react-ssr/src/env.d.ts
rename to examples/astro-xyflow/src/env.d.ts
diff --git a/examples/react-ssr/src/pages/index.astro b/examples/astro-xyflow/src/pages/index.astro
similarity index 67%
rename from examples/react-ssr/src/pages/index.astro
rename to examples/astro-xyflow/src/pages/index.astro
index e60c53d57..5dae52a0b 100644
--- a/examples/react-ssr/src/pages/index.astro
+++ b/examples/astro-xyflow/src/pages/index.astro
@@ -1,5 +1,6 @@
 ---
-import Flow from '../components/Flow' 
+import RF from '../components/ReactFlowExample' 
+import SF from '../components/SvelteFlowExample/index.svelte' 
 ---
 
 <html lang="en">
@@ -18,9 +19,14 @@ import Flow from '../components/Flow'
 		</style>
 	</head>
 	<body>
-		<h1>Astro</h1>
+		<h2>Svelte Flow</h2>
 		<div style="height: 400px">
-			<Flow  />
+			<SF />
+		</div>
+
+		<h2>React Flow</h2>
+		<div >
+			<RF />
 		</div>
 	</body>
 </html>
diff --git a/examples/react-ssr/tsconfig.json b/examples/astro-xyflow/tsconfig.json
similarity index 100%
rename from examples/react-ssr/tsconfig.json
rename to examples/astro-xyflow/tsconfig.json
diff --git a/examples/react-ssr/src/components/Flow/index.tsx b/examples/react-ssr/src/components/Flow/index.tsx
deleted file mode 100644
index 4f8b0aa38..000000000
--- a/examples/react-ssr/src/components/Flow/index.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import { useCallback } from 'react';
-import {
-  ReactFlow,
-  addEdge,
-  useEdgesState,
-  useNodesState,
-  type Connection,
-  type Edge,
-  type Node,
-  type OnNodesChange,
-  ReactFlowProvider,
-} from '@xyflow/react';
-
-import CustomNode from './CustomNode';
-
-import '@xyflow/react/dist/style.css';
-
-const initialNodes: Node[] = [
-  {
-    id: '1',
-    type: 'input',
-    data: { label: 'Node 1' },
-    position: { x: 250, y: 5 },
-  },
-  {
-    id: '2',
-    data: { label: 'Node 2' },
-    position: { x: 100, y: 100 },
-  },
-  {
-    id: '3',
-    data: { label: 'Node 3' },
-    position: { x: 400, y: 100 },
-  },
-  {
-    id: '4',
-    data: { label: 'Node 4' },
-    position: { x: 400, y: 200 },
-    type: 'custom',
-  },
-];
-
-const initialEdges: Edge[] = [
-  { id: 'e1-2', source: '1', target: '2', animated: true },
-  { id: 'e1-3', source: '1', target: '3', animated: true },
-];
-
-const nodeTypes = {
-  custom: CustomNode,
-};
-
-function Flow() {
-  const [nodes, , onNodesChange] = useNodesState(initialNodes);
-  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
-  const onConnect = useCallback((params: Connection | Edge) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
-
-  return (
-    // <ReactFlowProvider nodes={nodes} edges={edges}>
-    <ReactFlow
-      nodes={nodes}
-      onNodesChange={onNodesChange}
-      edges={edges}
-      onEdgesChange={onEdgesChange}
-      onConnect={onConnect}
-      nodeTypes={nodeTypes}
-    />
-    // </ReactFlowProvider>
-  );
-}
-
-export default Flow;
diff --git a/examples/react/src/examples/Stress/utils.ts b/examples/react/src/examples/Stress/utils.ts
index 766b4bb70..6278e006f 100644
--- a/examples/react/src/examples/Stress/utils.ts
+++ b/examples/react/src/examples/Stress/utils.ts
@@ -17,9 +17,11 @@ export function getNodesAndEdges(xElements = 10, yElements = 10): ElementsCollec
       const data = { label: `Node ${nodeId}` };
       const node = {
         id: nodeId.toString(),
-        style: { width: 50, fontSize: 11 },
+        style: { width: 50, height: 30, fontSize: 11 },
         data,
         position,
+        width: 50,
+        height: 30,
       };
       initialNodes.push(node);
 
diff --git a/examples/react/src/examples/Subflow/index.tsx b/examples/react/src/examples/Subflow/index.tsx
index 617b68ea4..e2e9af891 100644
--- a/examples/react/src/examples/Subflow/index.tsx
+++ b/examples/react/src/examples/Subflow/index.tsx
@@ -204,9 +204,6 @@ const Subflow = () => {
       onNodeDrag={onNodeDrag}
       onNodeDragStop={onNodeDragStop}
       className="react-flow-basic-example"
-      defaultViewport={defaultViewport}
-      minZoom={0.2}
-      maxZoom={4}
       onlyRenderVisibleElements={false}
       nodeTypes={nodeTypes}
       fitView
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 129fc144b..f8683c11d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,39 @@ importers:
         specifier: 5.1.3
         version: registry.npmjs.org/typescript@5.1.3
 
+  examples/astro-xyflow:
+    dependencies:
+      '@astrojs/react':
+        specifier: ^3.0.2
+        version: registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.4.9)
+      '@astrojs/svelte':
+        specifier: ^4.0.2
+        version: registry.npmjs.org/@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.1.3)(vite@4.4.9)
+      '@types/react':
+        specifier: ^18.2.24
+        version: registry.npmjs.org/@types/react@18.2.24
+      '@types/react-dom':
+        specifier: ^18.2.8
+        version: registry.npmjs.org/@types/react-dom@18.2.8
+      '@xyflow/react':
+        specifier: workspace:^
+        version: link:../../packages/react
+      '@xyflow/svelte':
+        specifier: workspace:^
+        version: link:../../packages/svelte
+      astro:
+        specifier: ^3.2.2
+        version: registry.npmjs.org/astro@3.2.2
+      react:
+        specifier: ^18.2.0
+        version: registry.npmjs.org/react@18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+      svelte:
+        specifier: ^4.2.1
+        version: registry.npmjs.org/svelte@4.2.1
+
   examples/react:
     dependencies:
       '@xyflow/react':
@@ -118,30 +151,6 @@ importers:
         specifier: 4.4.9
         version: registry.npmjs.org/vite@4.4.9
 
-  examples/react-ssr:
-    dependencies:
-      '@astrojs/react':
-        specifier: ^3.0.2
-        version: registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.4.9)
-      '@types/react':
-        specifier: ^18.2.24
-        version: registry.npmjs.org/@types/react@18.2.24
-      '@types/react-dom':
-        specifier: ^18.2.8
-        version: registry.npmjs.org/@types/react-dom@18.2.8
-      '@xyflow/react':
-        specifier: workspace:^
-        version: link:../../packages/react
-      astro:
-        specifier: ^3.2.2
-        version: registry.npmjs.org/astro@3.2.2
-      react:
-        specifier: ^18.2.0
-        version: registry.npmjs.org/react@18.2.0
-      react-dom:
-        specifier: ^18.2.0
-        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
-
   examples/svelte:
     dependencies:
       '@xyflow/svelte':
@@ -527,6 +536,26 @@ packages:
       - vite
     dev: false
 
+  registry.npmjs.org/@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.1.3)(vite@4.4.9):
+    resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/svelte/-/svelte-4.0.2.tgz}
+    id: registry.npmjs.org/@astrojs/svelte/4.0.2
+    name: '@astrojs/svelte'
+    version: 4.0.2
+    engines: {node: '>=18.14.1'}
+    peerDependencies:
+      astro: ^3.0.11
+      svelte: ^3.55.0 || ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.4.9)
+      astro: registry.npmjs.org/astro@3.2.2
+      svelte: registry.npmjs.org/svelte@4.2.1
+      svelte2tsx: registry.npmjs.org/svelte2tsx@0.6.20(svelte@4.2.1)(typescript@5.1.3)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+      - vite
+    dev: false
+
   registry.npmjs.org/@astrojs/telemetry@3.0.2:
     resolution: {integrity: sha512-ef+jqCkqopCzjGfsMsr+8p56Nj6F9ZzouWcWZt+dKsqbRccI3c8K3jfkLcdq4AyfFZtKBDB6N4ZuI68g33oiOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/telemetry/-/telemetry-3.0.2.tgz}
     name: '@astrojs/telemetry'
@@ -575,7 +604,7 @@ packages:
       '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
       '@babel/template': registry.npmjs.org/@babel/template@7.22.5
       '@babel/traverse': registry.npmjs.org/@babel/traverse@7.22.10
-      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
       convert-source-map: registry.npmjs.org/convert-source-map@1.9.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       gensync: registry.npmjs.org/gensync@1.0.0-beta.2
@@ -590,7 +619,7 @@ packages:
     version: 7.22.10
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
       '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
       '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
       jsesc: registry.npmjs.org/jsesc@2.5.2
@@ -705,7 +734,6 @@ packages:
     name: '@babel/helper-validator-identifier'
     version: 7.22.20
     engines: {node: '>=6.9.0'}
-    dev: false
 
   registry.npmjs.org/@babel/helper-validator-identifier@7.22.5:
     resolution: {integrity: sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz}
@@ -748,7 +776,7 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
 
   registry.npmjs.org/@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.22.10):
     resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz}
@@ -836,7 +864,7 @@ packages:
       '@babel/helper-hoist-variables': registry.npmjs.org/@babel/helper-hoist-variables@7.22.5
       '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6
       '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
-      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       globals: registry.npmjs.org/globals@11.12.0
     transitivePeerDependencies:
@@ -861,7 +889,6 @@ packages:
       '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser@7.22.5
       '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.20
       to-fast-properties: registry.npmjs.org/to-fast-properties@2.0.0
-    dev: false
 
   registry.npmjs.org/@changesets/apply-release-plan@6.1.3:
     resolution: {integrity: sha512-ECDNeoc3nfeAe1jqJb5aFQX7CqzQhD2klXRez2JDb/aVpGUbX673HgKrnrgJRuQR/9f2TtLoYIzrGB9qwD77mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-6.1.3.tgz}
@@ -2066,6 +2093,25 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.4.9):
+    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.4.tgz}
+    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.4
+    name: '@sveltejs/vite-plugin-svelte-inspector'
+    version: 1.0.4
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^2.2.0
+      svelte: ^3.54.0 || ^4.0.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.4.9)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      svelte: registry.npmjs.org/svelte@4.2.1
+      vite: registry.npmjs.org/vite@4.4.9
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
   registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.4.9):
     resolution: {integrity: sha512-bNNKvoRY89ptY7udeBSCmTdCVwkjmMcZ0j/z9J5MuedT8jPjq0zrknAo/jF1sToAza4NVaAgR9AkZoD9oJJmnA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.1.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1
@@ -2089,6 +2135,29 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.4.9):
+    resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.6.tgz}
+    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.6
+    name: '@sveltejs/vite-plugin-svelte'
+    version: 2.4.6
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.4.9)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      deepmerge: registry.npmjs.org/deepmerge@4.3.1
+      kleur: registry.npmjs.org/kleur@4.1.5
+      magic-string: registry.npmjs.org/magic-string@0.30.4
+      svelte: registry.npmjs.org/svelte@4.2.1
+      svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.1)
+      vite: registry.npmjs.org/vite@4.4.9
+      vitefu: registry.npmjs.org/vitefu@0.2.4(vite@4.4.9)
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
   registry.npmjs.org/@swc/core-darwin-arm64@1.3.63:
     resolution: {integrity: sha512-lNR0BgG0/6dGpGP+AyFZoZ3YBhZN5GzvgAUzwy4skqn5sKZ7duQD02CNq1lIy7Im5BzgMUcJ+/Z7z/YUlqBK+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.63.tgz}
     name: '@swc/core-darwin-arm64'
@@ -2236,7 +2305,7 @@ packages:
     version: 7.20.2
     dependencies:
       '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
-      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
       '@types/babel__generator': registry.npmjs.org/@types/babel__generator@7.6.5
       '@types/babel__template': registry.npmjs.org/@types/babel__template@7.4.2
       '@types/babel__traverse': registry.npmjs.org/@types/babel__traverse@7.20.2
@@ -2247,7 +2316,7 @@ packages:
     name: '@types/babel__generator'
     version: 7.6.5
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
     dev: false
 
   registry.npmjs.org/@types/babel__template@7.4.2:
@@ -2256,7 +2325,7 @@ packages:
     version: 7.4.2
     dependencies:
       '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
-      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
     dev: false
 
   registry.npmjs.org/@types/babel__traverse@7.20.2:
@@ -2264,7 +2333,7 @@ packages:
     name: '@types/babel__traverse'
     version: 7.20.2
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
     dev: false
 
   registry.npmjs.org/@types/cookie@0.5.1:
@@ -3213,7 +3282,6 @@ packages:
     version: 5.3.0
     dependencies:
       dequal: registry.npmjs.org/dequal@2.0.3
-    dev: true
 
   registry.npmjs.org/array-buffer-byte-length@1.0.0:
     resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz}
@@ -3345,7 +3413,7 @@ packages:
       '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
       '@babel/plugin-transform-react-jsx': registry.npmjs.org/@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.22.10)
       '@babel/traverse': registry.npmjs.org/@babel/traverse@7.22.10
-      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
       '@types/babel__core': registry.npmjs.org/@types/babel__core@7.20.2
       acorn: registry.npmjs.org/acorn@8.10.0
       boxen: registry.npmjs.org/boxen@7.1.1
@@ -3488,7 +3556,6 @@ packages:
     version: 3.2.1
     dependencies:
       dequal: registry.npmjs.org/dequal@2.0.3
-    dev: true
 
   registry.npmjs.org/b4a@1.6.4:
     resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/b4a/-/b4a-1.6.4.tgz}
@@ -3955,7 +4022,6 @@ packages:
       acorn: registry.npmjs.org/acorn@8.10.0
       estree-walker: registry.npmjs.org/estree-walker@3.0.3
       periscopic: registry.npmjs.org/periscopic@3.1.0
-    dev: true
 
   registry.npmjs.org/color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz}
@@ -4172,7 +4238,6 @@ packages:
     dependencies:
       mdn-data: registry.npmjs.org/mdn-data@2.0.30
       source-map-js: registry.npmjs.org/source-map-js@1.0.2
-    dev: true
 
   registry.npmjs.org/css-what@6.1.0:
     resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz}
@@ -4568,7 +4633,6 @@ packages:
     resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dedent-js/-/dedent-js-1.0.1.tgz}
     name: dedent-js
     version: 1.0.1
-    dev: true
 
   registry.npmjs.org/deep-extend@0.6.0:
     resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz}
@@ -4589,7 +4653,6 @@ packages:
     name: deepmerge
     version: 4.3.1
     engines: {node: '>=0.10.0'}
-    dev: true
 
   registry.npmjs.org/defaults@1.0.4:
     resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz}
@@ -6588,7 +6651,6 @@ packages:
     version: 3.0.1
     dependencies:
       '@types/estree': registry.npmjs.org/@types/estree@1.0.1
-    dev: true
 
   registry.npmjs.org/is-regex@1.1.4:
     resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz}
@@ -6993,7 +7055,6 @@ packages:
     resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz}
     name: locate-character
     version: 3.0.0
-    dev: true
 
   registry.npmjs.org/locate-path@5.0.0:
     resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz}
@@ -7097,7 +7158,6 @@ packages:
     version: 2.0.2
     dependencies:
       tslib: registry.npmjs.org/tslib@2.5.3
-    dev: true
 
   registry.npmjs.org/lru-cache@4.1.5:
     resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz}
@@ -7353,7 +7413,6 @@ packages:
     resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz}
     name: mdn-data
     version: 2.0.30
-    dev: true
 
   registry.npmjs.org/meow@6.1.1:
     resolution: {integrity: sha512-3YffViIt2QWgTy6Pale5QpopX/IvU3LPL03jOTqp6pGj3VjesdO/U8CuHMKpnQr4shCNCM5fd5XFFvIIl6JBHg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/meow/-/meow-6.1.1.tgz}
@@ -7888,7 +7947,6 @@ packages:
     dependencies:
       lower-case: registry.npmjs.org/lower-case@2.0.2
       tslib: registry.npmjs.org/tslib@2.5.3
-    dev: true
 
   registry.npmjs.org/node-abi@3.47.0:
     resolution: {integrity: sha512-2s6B2CWZM//kPgwnuI0KrYwNjfdByE25zvAaEpq9IH4zcNsarH8Ihu/UuX6XMPEogDAxkuUFeZn60pXNHAqn3A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-abi/-/node-abi-3.47.0.tgz}
@@ -8240,7 +8298,6 @@ packages:
     dependencies:
       no-case: registry.npmjs.org/no-case@3.0.4
       tslib: registry.npmjs.org/tslib@2.5.3
-    dev: true
 
   registry.npmjs.org/path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz}
@@ -8314,7 +8371,6 @@ packages:
       '@types/estree': registry.npmjs.org/@types/estree@1.0.1
       estree-walker: registry.npmjs.org/estree-walker@3.0.3
       is-reference: registry.npmjs.org/is-reference@3.0.1
-    dev: true
 
   registry.npmjs.org/picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz}
@@ -10416,6 +10472,18 @@ packages:
       svelte: registry.npmjs.org/svelte@4.2.0
     dev: true
 
+  registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.1):
+    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.3.tgz}
+    id: registry.npmjs.org/svelte-hmr/0.15.3
+    name: svelte-hmr
+    version: 0.15.3
+    engines: {node: ^12.20 || ^14.13.1 || >= 16}
+    peerDependencies:
+      svelte: ^3.19.0 || ^4.0.0
+    dependencies:
+      svelte: registry.npmjs.org/svelte@4.2.1
+    dev: false
+
   registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.27)(svelte@4.2.0)(typescript@5.2.2):
     resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz}
     id: registry.npmjs.org/svelte-preprocess/5.0.4
@@ -10482,6 +10550,21 @@ packages:
       typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
+  registry.npmjs.org/svelte2tsx@0.6.20(svelte@4.2.1)(typescript@5.1.3):
+    resolution: {integrity: sha512-zaSnHSERYceKxugFbjiZ3YiNcC2fNbVjpQ9qaE5hrYI4tIOX9ZqHS+I30Hp2HF+MVXLOVWVErgn/6pAlQNnheA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.20.tgz}
+    id: registry.npmjs.org/svelte2tsx/0.6.20
+    name: svelte2tsx
+    version: 0.6.20
+    peerDependencies:
+      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
+      typescript: ^4.9.4 || ^5.0.0
+    dependencies:
+      dedent-js: registry.npmjs.org/dedent-js@1.0.1
+      pascal-case: registry.npmjs.org/pascal-case@3.1.2
+      svelte: registry.npmjs.org/svelte@4.2.1
+      typescript: registry.npmjs.org/typescript@5.1.3
+    dev: false
+
   registry.npmjs.org/svelte@4.2.0:
     resolution: {integrity: sha512-kVsdPjDbLrv74SmLSUzAsBGquMs4MPgWGkGLpH+PjOYnFOziAvENVzgJmyOCV2gntxE32aNm8/sqNKD6LbIpeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-4.2.0.tgz}
     name: svelte
@@ -10503,6 +10586,27 @@ packages:
       periscopic: registry.npmjs.org/periscopic@3.1.0
     dev: true
 
+  registry.npmjs.org/svelte@4.2.1:
+    resolution: {integrity: sha512-LpLqY2Jr7cRxkrTc796/AaaoMLF/1ax7cto8Ot76wrvKQhrPmZ0JgajiWPmg9mTSDqO16SSLiD17r9MsvAPTmw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-4.2.1.tgz}
+    name: svelte
+    version: 4.2.1
+    engines: {node: '>=16'}
+    dependencies:
+      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping@2.2.1
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
+      acorn: registry.npmjs.org/acorn@8.10.0
+      aria-query: registry.npmjs.org/aria-query@5.3.0
+      axobject-query: registry.npmjs.org/axobject-query@3.2.1
+      code-red: registry.npmjs.org/code-red@1.0.3
+      css-tree: registry.npmjs.org/css-tree@2.3.1
+      estree-walker: registry.npmjs.org/estree-walker@3.0.3
+      is-reference: registry.npmjs.org/is-reference@3.0.1
+      locate-character: registry.npmjs.org/locate-character@3.0.0
+      magic-string: registry.npmjs.org/magic-string@0.30.4
+      periscopic: registry.npmjs.org/periscopic@3.1.0
+    dev: false
+
   registry.npmjs.org/svgo@3.0.2:
     resolution: {integrity: sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svgo/-/svgo-3.0.2.tgz}
     name: svgo
@@ -10726,7 +10830,6 @@ packages:
     resolution: {integrity: sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz}
     name: tslib
     version: 2.5.3
-    dev: true
 
   registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3):
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz}
@@ -10955,7 +11058,6 @@ packages:
     version: 5.1.3
     engines: {node: '>=14.17'}
     hasBin: true
-    dev: true
 
   registry.npmjs.org/typescript@5.2.2:
     resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz}

From cdf1c4c3a60c0d543097432ccc88380d0bd68dc8 Mon Sep 17 00:00:00 2001
From: peterkogo <7165378+peterkogo@users.noreply.github.com>
Date: Thu, 5 Oct 2023 18:53:57 +0200
Subject: [PATCH 0242/1093] refactor(svelte): cleanup useSvelteFlow, add
 functions (#3474)

* chore(svelte) removed nodes, edges from useSvelteFlow

* feat(svelte) added deleteElements to useSvelteFlow

* fix(svelte) parent div gets resized correctly, got rid of getBoundingClient Rect

* feat(svelte) added screenToFlowCoordinate

* feat(svelte) added flowToScreenCoordinate to useSvelteFlow

* chore(svelte) removed project from useSvelteFlow

* Delete examples/svelte/src/routes/add-node-on-drop/+server.ts

---------

Co-authored-by: Moritz Klack <info@moritzklack.com>
---
 .../src/components/Header/Header.svelte       |   3 +-
 .../src/routes/add-node-on-drop/+page.svelte  |   9 ++
 .../src/routes/add-node-on-drop/Flow.svelte   | 115 +++++++++++++++++
 .../container/SvelteFlow/SvelteFlow.svelte    |   9 +-
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 117 +++++++++++++++---
 5 files changed, 235 insertions(+), 18 deletions(-)
 create mode 100644 examples/svelte/src/routes/add-node-on-drop/+page.svelte
 create mode 100644 examples/svelte/src/routes/add-node-on-drop/Flow.svelte

diff --git a/examples/svelte/src/components/Header/Header.svelte b/examples/svelte/src/components/Header/Header.svelte
index 6755fc2d4..2b8e158e6 100644
--- a/examples/svelte/src/components/Header/Header.svelte
+++ b/examples/svelte/src/components/Header/Header.svelte
@@ -15,7 +15,8 @@
 		'two-way-viewport',
 		'usesvelteflow',
 		'useupdatenodeinternals',
-		'validation'
+		'validation',
+		'add-node-on-drop'
 	];
 
 	const onChange = (event: Event) => {
diff --git a/examples/svelte/src/routes/add-node-on-drop/+page.svelte b/examples/svelte/src/routes/add-node-on-drop/+page.svelte
new file mode 100644
index 000000000..338f964ff
--- /dev/null
+++ b/examples/svelte/src/routes/add-node-on-drop/+page.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+  import { SvelteFlowProvider } from '@xyflow/svelte';
+  import Flow from './Flow.svelte';
+</script>
+
+<!-- You need the SvelteFlowProvider so you can useSvelteFlow  -->
+<SvelteFlowProvider>
+  <Flow />
+</SvelteFlowProvider>
diff --git a/examples/svelte/src/routes/add-node-on-drop/Flow.svelte b/examples/svelte/src/routes/add-node-on-drop/Flow.svelte
new file mode 100644
index 000000000..cd12c1a41
--- /dev/null
+++ b/examples/svelte/src/routes/add-node-on-drop/Flow.svelte
@@ -0,0 +1,115 @@
+<script lang="ts">
+	import { SvelteFlow, useSvelteFlow } from '@xyflow/svelte';
+	import type { Edge, Node } from '@xyflow/svelte';
+	import { writable } from 'svelte/store';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const initialNodes: Node[] = [
+		{
+			id: '0',
+			type: 'input',
+			data: { label: 'Node' },
+			position: { x: 0, y: 50 }
+		}
+	];
+
+	const nodes = writable<Node[]>(initialNodes);
+	const edges = writable<Edge[]>([]);
+
+	let connectingNodeId: string = '0';
+	let rect: DOMRectReadOnly;
+	let id = 1;
+	const getId = () => `${id++}`;
+
+	const { screenToFlowCoordinate, flowToScreenCoordinate } = useSvelteFlow();
+
+	function handleConnectEnd({ detail: { event } }: { detail: { event: MouseEvent | TouchEvent } }) {
+		// See of connection landed inside the flow pane
+		const targetIsPane = event.target?.classList.contains('svelte-flow__pane');
+		if (targetIsPane) {
+			const id = getId();
+			const position = {
+				x: event.clientX,
+				y: event.clientY
+			};
+
+			const doubleTransformedPosition = flowToScreenCoordinate(screenToFlowCoordinate(position));
+			console.log(
+				'Is transforming in both directions (screen-flow, flow-screen) the same?',
+				position.x === doubleTransformedPosition.x && position.y === doubleTransformedPosition.y
+			);
+
+			const newNode: Node = {
+				id,
+				data: { label: `Node ${id}` },
+				// project the screen coordinates to pane coordinates
+				position: screenToFlowCoordinate(position),
+				// set the origin of the new node so it is centered
+				origin: [0.5, 0.0]
+			};
+
+			$nodes.push(newNode);
+			$edges.push({
+				source: connectingNodeId,
+				target: id,
+				id: `${connectingNodeId}--${id}`
+			});
+
+			$nodes = $nodes;
+			$edges = $edges;
+		}
+	}
+</script>
+
+<svelte:window />
+
+<div class="wrapper" bind:contentRect={rect}>
+	<SvelteFlow
+		{nodes}
+		{edges}
+		fitView
+		fitViewOptions={{ padding: 2 }}
+		on:connectstart={({ detail: { nodeId } }) => {
+			// Memorize the nodeId you start draggin a connection line from a node
+			connectingNodeId = nodeId;
+		}}
+		on:connectend={handleConnectEnd}
+	/>
+</div>
+
+<style>
+	:global(.svelte-flow .svelte-flow__handle) {
+		width: 30px;
+		height: 14px;
+		border-radius: 3px;
+		background-color: #784be8;
+	}
+
+	:global(.svelte-flow .svelte-flow__handle-top) {
+		top: -10px;
+	}
+
+	:global(.svelte-flow .svelte-flow__handle-bottom) {
+		bottom: -10px;
+	}
+
+	:global(.svelte-flow .svelte-flow__node) {
+		height: 40px;
+		width: 150px;
+		justify-content: center;
+		align-items: center;
+		display: flex;
+		border-width: 2px;
+		font-weight: 700;
+	}
+
+	:global(.svelte-flow .svelte-flow__edge path, .svelte-flow__connectionline path) {
+		stroke-width: 2;
+	}
+
+	.wrapper {
+		height: 100vh;
+		width: 100vw;
+	}
+</style>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index ef5d547b4..d9eb867da 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -71,13 +71,14 @@
   export { className as class };
 
   let domNode: HTMLDivElement;
+  let clientWidth: number;
+  let clientHeight: number;
 
   const store = hasContext(key) ? useStore() : createStoreContext();
 
   onMount(() => {
-    const { width, height } = domNode.getBoundingClientRect();
-    store.width.set(width);
-    store.height.set(height);
+    store.width.set(clientWidth);
+    store.height.set(clientHeight);
     store.domNode.set(domNode);
 
     store.syncNodeStores(nodes);
@@ -141,6 +142,8 @@
 
 <div
   bind:this={domNode}
+  bind:clientWidth
+  bind:clientHeight
   {style}
   class={cc(['svelte-flow', className])}
   data-testid="svelte-flow__wrapper"
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 366f104df..e40ade355 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -1,17 +1,20 @@
 import { get, type Writable } from 'svelte/store';
 import {
   pointToRendererPoint,
-  type Project,
+  type FitBoundsOptions,
   type SetCenterOptions,
   type Viewport,
   type ViewportHelperFunctionOptions,
   type XYPosition,
-  type ZoomInOut
+  type ZoomInOut,
+  type Rect,
+  getTransformForBounds,
+  getElementsToRemove,
+  rendererPointToPoint
 } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
-import type { FitViewOptions } from '$lib/types';
-import type { SvelteFlowStore } from '$lib/store/types';
+import type { Edge, FitViewOptions, Node } from '$lib/types';
 
 export function useSvelteFlow(): {
   zoomIn: ZoomInOut;
@@ -22,10 +25,14 @@ export function useSvelteFlow(): {
   setViewport: (viewport: Viewport, options?: ViewportHelperFunctionOptions) => void;
   getViewport: () => Viewport;
   fitView: (options?: FitViewOptions) => void;
-  project: Project;
+  fitBounds: (bounds: Rect, options?: FitBoundsOptions) => void;
+  deleteElements: (
+    nodesToRemove?: Partial<Node> & { id: string }[],
+    edgesToRemove?: Partial<Edge> & { id: string }[]
+  ) => { deletedNodes: Node[]; deletedEdges: Edge[] };
+  screenToFlowCoordinate: (position: XYPosition) => XYPosition;
+  flowToScreenCoordinate: (position: XYPosition) => XYPosition;
   viewport: Writable<Viewport>;
-  nodes: SvelteFlowStore['nodes'];
-  edges: SvelteFlowStore['edges'];
 } {
   const {
     zoomIn,
@@ -35,10 +42,12 @@ export function useSvelteFlow(): {
     viewport,
     width,
     height,
+    minZoom,
     maxZoom,
     panZoom,
     nodes,
-    edges
+    edges,
+    domNode
   } = useStore();
 
   return {
@@ -78,14 +87,94 @@ export function useSvelteFlow(): {
       );
     },
     fitView,
-    project: (position: XYPosition) => {
-      const _snapGrid = get(snapGrid);
-      const { x, y, zoom } = get(viewport);
+    fitBounds: (bounds: Rect, options?: FitBoundsOptions) => {
+      const _width = get(width);
+      const _height = get(height);
+      const _maxZoom = get(maxZoom);
+      const _minZoom = get(minZoom);
 
-      return pointToRendererPoint(position, [x, y, zoom], _snapGrid !== null, _snapGrid || [1, 1]);
+      const [x, y, zoom] = getTransformForBounds(
+        bounds,
+        _width,
+        _height,
+        _minZoom,
+        _maxZoom,
+        options?.padding ?? 0.1
+      );
+
+      get(panZoom)?.setViewport(
+        {
+          x,
+          y,
+          zoom
+        },
+        { duration: options?.duration }
+      );
+    },
+    deleteElements: (
+      nodesToRemove: Partial<Node> & { id: string }[] = [],
+      edgesToRemove: Partial<Edge> & { id: string }[] = []
+    ) => {
+      const _nodes = get(nodes);
+      const _edges = get(edges);
+      const { matchingNodes, matchingEdges } = getElementsToRemove<Node, Edge>({
+        nodesToRemove,
+        edgesToRemove,
+        nodes: _nodes,
+        edges: _edges
+      });
+
+      if (matchingNodes) {
+        nodes.set(_nodes.filter((node) => !matchingNodes.some(({ id }) => id === node.id)));
+      }
+
+      if (matchingEdges) {
+        edges.set(_edges.filter((edge) => !matchingEdges.some(({ id }) => id === edge.id)));
+      }
+
+      return {
+        deletedNodes: matchingNodes,
+        deletedEdges: matchingEdges
+      };
+    },
+    screenToFlowCoordinate: (position: XYPosition) => {
+      const _domNode = get(domNode);
+      if (_domNode) {
+        const _snapGrid = get(snapGrid);
+        const { x, y, zoom } = get(viewport);
+        const { x: domX, y: domY } = _domNode.getBoundingClientRect();
+
+        const correctedPosition = {
+          x: position.x - domX,
+          y: position.y - domY
+        };
+
+        return pointToRendererPoint(
+          correctedPosition,
+          [x, y, zoom],
+          _snapGrid !== null,
+          _snapGrid || [1, 1]
+        );
+      }
+
+      return { x: 0, y: 0 };
+    },
+    flowToScreenCoordinate: (position: XYPosition) => {
+      const _domNode = get(domNode);
+      if (_domNode) {
+        const { x, y, zoom } = get(viewport);
+        const { x: domX, y: domY } = _domNode.getBoundingClientRect();
+
+        const rendererPosition = rendererPointToPoint(position, [x, y, zoom]);
+
+        return {
+          x: rendererPosition.x + domX,
+          y: rendererPosition.y + domY
+        };
+      }
+
+      return { x: 0, y: 0 };
     },
-    nodes,
-    edges,
     viewport: viewport
   };
 }

From 6f9ebbf609d3ec7e75a123b476cb45857e9eb404 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 9 Oct 2023 15:22:58 +0200
Subject: [PATCH 0243/1093] fix(react/svelte): select nodes on click when
 nodeDragThreshold > 0

---
 packages/react/src/components/Nodes/wrapNode.tsx            | 5 +++--
 .../src/lib/components/NodeWrapper/NodeWrapper.svelte       | 6 +++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/components/Nodes/wrapNode.tsx b/packages/react/src/components/Nodes/wrapNode.tsx
index c9c08135f..f4e71c8db 100644
--- a/packages/react/src/components/Nodes/wrapNode.tsx
+++ b/packages/react/src/components/Nodes/wrapNode.tsx
@@ -67,8 +67,9 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
     const onContextMenuHandler = getMouseHandler(id, store.getState, onContextMenu);
     const onDoubleClickHandler = getMouseHandler(id, store.getState, onDoubleClick);
     const onSelectNodeHandler = (event: MouseEvent) => {
-      const { selectNodesOnDrag } = store.getState();
-      if (isSelectable && (!selectNodesOnDrag || !isDraggable)) {
+      const { selectNodesOnDrag, nodeDragThreshold } = store.getState();
+
+      if (isSelectable && (!selectNodesOnDrag || !isDraggable || nodeDragThreshold > 0)) {
         // this handler gets called within the drag start event when selectNodesOnDrag=true
         handleNodeClick({
           id,
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 058da8b2d..10906aea8 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -9,13 +9,13 @@
     type ComponentType
   } from 'svelte';
   import cc from 'classcat';
+  import { get, writable } from 'svelte/store';
   import { errorMessages, type NodeProps } from '@xyflow/system';
 
   import drag from '$lib/actions/drag';
   import { useStore } from '$lib/store';
   import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
   import type { NodeWrapperProps } from './types';
-  import { writable } from 'svelte/store';
 
   interface $$Props extends NodeWrapperProps {}
 
@@ -42,7 +42,7 @@
   export { className as class };
 
   const store = useStore();
-  const { nodeTypes, addSelectedNodes } = store;
+  const { nodeTypes, nodeDragThreshold, addSelectedNodes } = store;
 
   let nodeRef: HTMLDivElement;
   const nodeTypeValid = !!$nodeTypes[type!];
@@ -73,7 +73,7 @@
   });
 
   function onSelectNodeHandler(event: MouseEvent | TouchEvent) {
-    if (selectable && (!selectNodesOnDrag || !draggable)) {
+    if (selectable && (!selectNodesOnDrag || !draggable || get(nodeDragThreshold) > 0)) {
       // this handler gets called within the drag start event when selectNodesOnDrag=true
       addSelectedNodes([id]);
     }

From a46104cf407fcc5b53323d72148530f38688abae Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 9 Oct 2023 15:51:53 +0200
Subject: [PATCH 0244/1093] refactor(svelte): cleanup nodes selection

---
 packages/svelte/CHANGELOG.md                      | 15 +++++++++++++++
 packages/svelte/package.json                      |  2 +-
 .../components/NodeSelection/NodeSelection.svelte | 11 +++--------
 .../src/lib/components/Selection/Selection.svelte |  8 +++++---
 packages/svelte/src/styles/style.css              |  8 ++++++++
 packages/system/package.json                      |  2 +-
 6 files changed, 33 insertions(+), 13 deletions(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index bfd9be665..d1ec076b4 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,3 +1,18 @@
+## 0.0.23
+
+- updates `useSvelteFlow` hook:
+  - add `screenToFlowCoordinate` and `flowToScreenCoordinate`
+  - add `getConnectedEdges`, `getIncomers` and `getOutgoers`
+  - add `deleteElements`
+  - add `fitBounds`
+  - add `getIntersectingNodes` and `isNodeIntersecting`
+- add `useConnection` hook
+- add `useNodes` hook
+- add `useEdges` hook
+- add `viewport` prop (writable viewport)
+- fix selection style
+- fix Background component with lines variant
+
 ## 0.0.22
 
 - add `connectionLine` slot for rendering a custom connection line 
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 1de47e737..00bfbaf8e 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index ea9ec2025..1a409938b 100644
--- a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -17,14 +17,9 @@
     class="selection-wrapper nopan"
     style="width: {rect.width}px; height: {rect.height}px; transform: translate({rect.x}px, {rect.y}px)"
     use:drag={{ disabled: false, store }}
-  />
-  <Selection
-    isVisible={$selectionRectMode === 'nodes'}
-    width={rect.width}
-    height={rect.height}
-    x={rect.x}
-    y={rect.y}
-  />
+  >
+    <Selection width="100%" height="100%" x={0} y={0} />
+  </div>
 {/if}
 
 <style>
diff --git a/packages/svelte/src/lib/components/Selection/Selection.svelte b/packages/svelte/src/lib/components/Selection/Selection.svelte
index 552c05ae9..a9e0e7d63 100644
--- a/packages/svelte/src/lib/components/Selection/Selection.svelte
+++ b/packages/svelte/src/lib/components/Selection/Selection.svelte
@@ -1,15 +1,17 @@
 <script lang="ts">
   export let x: number | null = 0;
   export let y: number | null = 0;
-  export let width: number | null = 0;
-  export let height: number | null = 0;
+  export let width: number | string | null = 0;
+  export let height: number | string | null = 0;
   export let isVisible: boolean = true;
 </script>
 
 {#if isVisible}
   <div
     class="svelte-flow__selection"
-    style="width: {width}px; height: {height}px; transform: translate({x}px, {y}px)"
+    style:width={typeof width === 'string' ? width : `${width}px`}
+    style:height={typeof height === 'string' ? height : `${height}px`}
+    style:transform={`translate(${x}px, ${y}px)`}
   />
 {/if}
 
diff --git a/packages/svelte/src/styles/style.css b/packages/svelte/src/styles/style.css
index 8d45911ab..c65dc9827 100644
--- a/packages/svelte/src/styles/style.css
+++ b/packages/svelte/src/styles/style.css
@@ -7,3 +7,11 @@
   position: absolute;
   font-size: 10px;
 }
+
+.svelte-flow__nodes {
+  z-index: 0;
+}
+
+.svelte-flow__edgelabel-renderer {
+  z-index: 0;
+}
diff --git a/packages/system/package.json b/packages/system/package.json
index da20c3c6b..33ed33953 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From afa6365e12c18638c5d67301087eb501e2547298 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 9 Oct 2023 17:04:11 +0200
Subject: [PATCH 0245/1093] chore(react/svelte): rename node.dimensions to
 node.size

---
 .../src/components/ReactFlowExample/index.tsx | 24 +++++++++----------
 .../components/SvelteFlowExample/index.svelte |  2 +-
 .../react/src/components/Nodes/wrapNode.tsx   |  8 +++----
 .../src/container/NodeRenderer/index.tsx      |  6 ++---
 packages/react/src/types/nodes.ts             |  4 ++--
 .../components/NodeWrapper/NodeWrapper.svelte |  4 ++--
 packages/system/src/types/nodes.ts            |  7 ++++--
 packages/system/src/utils/edges/positions.ts  |  4 ++--
 8 files changed, 31 insertions(+), 28 deletions(-)

diff --git a/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx b/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
index 1bad3481a..2d0d424aa 100644
--- a/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
+++ b/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
@@ -16,7 +16,7 @@ import CustomNode from './CustomNode';
 
 import '@xyflow/react/dist/style.css';
 
-const nodeDimensions = {
+const nodeSize = {
   width: 100,
   height: 40,
 };
@@ -29,13 +29,13 @@ const initialNodes: Node[] = [
     type: 'input',
     data: { label: 'Node 1' },
     position: { x: 250, y: 5 },
-    dimensions: nodeDimensions,
+    size: nodeSize,
     handles: [
       {
         type: 'source',
         position: Position.Bottom,
-        x: nodeDimensions.width * 0.5,
-        y: nodeDimensions.height,
+        x: nodeSize.width * 0.5,
+        y: nodeSize.height,
         width: 1,
         height: 1,
       },
@@ -45,20 +45,20 @@ const initialNodes: Node[] = [
     id: '2',
     data: { label: 'Node 2' },
     position: { x: 100, y: 100 },
-    dimensions: nodeDimensions,
+    size: nodeSize,
     handles: [
       {
         type: 'source',
         position: Position.Bottom,
-        x: nodeDimensions.width * 0.5,
-        y: nodeDimensions.height,
+        x: nodeSize.width * 0.5,
+        y: nodeSize.height,
         width: 1,
         height: 1,
       },
       {
         type: 'target',
         position: Position.Top,
-        x: nodeDimensions.width * 0.5,
+        x: nodeSize.width * 0.5,
         y: 0,
         width: 1,
         height: 1,
@@ -69,20 +69,20 @@ const initialNodes: Node[] = [
     id: '3',
     data: { label: 'Node 3' },
     position: { x: 400, y: 100 },
-    dimensions: nodeDimensions,
+    size: nodeSize,
     handles: [
       {
         type: 'source',
         position: Position.Bottom,
-        x: nodeDimensions.width * 0.5,
-        y: nodeDimensions.height,
+        x: nodeSize.width * 0.5,
+        y: nodeSize.height,
         width: 1,
         height: 1,
       },
       {
         type: 'target',
         position: Position.Top,
-        x: nodeDimensions.width * 0.5,
+        x: nodeSize.width * 0.5,
         y: 0,
         width: 1,
         height: 1,
diff --git a/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte b/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte
index c7b97e3dc..e9cb9acdd 100644
--- a/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte
+++ b/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte
@@ -7,7 +7,7 @@
   const nodeDefaults = {
     sourcePosition: Position.Right,
     targetPosition: Position.Left,
-    dimensions: {
+    size: {
       width: 100,
       height: 40,
     },
diff --git a/packages/react/src/components/Nodes/wrapNode.tsx b/packages/react/src/components/Nodes/wrapNode.tsx
index 858188cb1..bff0ac246 100644
--- a/packages/react/src/components/Nodes/wrapNode.tsx
+++ b/packages/react/src/components/Nodes/wrapNode.tsx
@@ -52,8 +52,8 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
     disableKeyboardA11y,
     ariaLabel,
     rfId,
-    dimensionWidth,
-    dimensionHeight,
+    sizeWidth,
+    sizeHeight,
   }: WrapNodeProps) => {
     const store = useStoreApi();
     const nodeRef = useRef<HTMLDivElement>(null);
@@ -184,8 +184,8 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
           transform: `translate(${xPosOrigin}px,${yPosOrigin}px)`,
           pointerEvents: hasPointerEvents ? 'all' : 'none',
           visibility: initialized ? 'visible' : 'hidden',
-          width: dimensionWidth,
-          height: dimensionHeight,
+          width: sizeWidth,
+          height: sizeHeight,
           ...style,
         }}
         data-id={id}
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index 8096a9aba..f2b3ebe38 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -98,7 +98,7 @@ const NodeRenderer = (props: NodeRendererProps) => {
           height: node.height ?? 0,
           origin: node.origin || props.nodeOrigin,
         });
-        const initialized = (!!node.width && !!node.height) || (!!node.dimensions?.width && !!node.dimensions?.height);
+        const initialized = (!!node.width && !!node.height) || (!!node.size?.width && !!node.size?.height);
 
         return (
           <NodeComponent
@@ -106,8 +106,8 @@ const NodeRenderer = (props: NodeRendererProps) => {
             id={node.id}
             className={node.className}
             style={node.style}
-            dimensionWidth={node.dimensions?.width}
-            dimensionHeight={node.dimensions?.height}
+            sizeWidth={node.size?.width}
+            sizeHeight={node.size?.height}
             type={nodeType}
             data={node.data}
             sourcePosition={node.sourcePosition || Position.Bottom}
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index f33de6821..4e648f8e4 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -40,6 +40,6 @@ export type WrapNodeProps<NodeData = any> = Pick<
     noPanClassName: string;
     rfId: string;
     disableKeyboardA11y: boolean;
-    dimensionWidth?: number;
-    dimensionHeight?: number;
+    sizeWidth?: number;
+    sizeHeight?: number;
   };
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index ff4af48c9..9981a20e9 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -118,8 +118,8 @@
     class:parent={isParent}
     style:z-index={zIndex}
     style:transform="translate({positionOrigin?.x ?? 0}px, {positionOrigin?.y ?? 0}px)"
-    style:width={node.dimensions?.width && `${node.dimensions?.width}px`}
-    style:height={node.dimensions?.height && `${node.dimensions?.height}px`}
+    style:width={node.size?.width && `${node.size?.width}px`}
+    style:height={node.size?.height && `${node.size?.height}px`}
     {style}
     on:click={onSelectNodeHandler}
     on:mouseenter={(event) => dispatch('nodemouseenter', { node, event })}
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 8ca0131a8..4d26e964f 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { internalsSymbol } from '../constants';
-import type { XYPosition, Position, CoordinateExtent, HandleElement, Dimensions } from '.';
+import type { XYPosition, Position, CoordinateExtent, HandleElement } from '.';
 
 // this is stuff that all nodes share independent of the framework
 export type NodeBase<T = any, U extends string | undefined = string | undefined> = {
@@ -29,7 +29,10 @@ export type NodeBase<T = any, U extends string | undefined = string | undefined>
   focusable?: boolean;
   origin?: NodeOrigin;
   handles?: HandleElement[];
-  dimensions?: Dimensions;
+  size?: {
+    width?: number;
+    height?: number;
+  };
 
   // only used internally
   [internalsSymbol]?: {
diff --git a/packages/system/src/utils/edges/positions.ts b/packages/system/src/utils/edges/positions.ts
index 9d7af2b32..4e5cc8b60 100644
--- a/packages/system/src/utils/edges/positions.ts
+++ b/packages/system/src/utils/edges/positions.ts
@@ -85,8 +85,8 @@ function toHandleBounds(handles?: HandleElement[]) {
 
 function getHandleDataByNode(node?: NodeBase): [Rect, NodeHandleBounds | null, boolean] {
   const handleBounds = node?.[internalsSymbol]?.handleBounds || toHandleBounds(node?.handles) || null;
-  const nodeWidth = node?.width || node?.dimensions?.width;
-  const nodeHeight = node?.height || node?.dimensions?.height;
+  const nodeWidth = node?.width || node?.size?.width;
+  const nodeHeight = node?.height || node?.size?.height;
 
   const isValid =
     handleBounds &&

From d0622145362fa7edce4f16e75b8c41c4e701e59a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 9 Oct 2023 17:12:49 +0200
Subject: [PATCH 0246/1093] chore(react/svelte): rename nodes/edges to
 initialNodes/initialEdges for Provider comp

---
 .../components/ReactFlowProvider/index.tsx    | 23 +++++++++++--------
 .../SvelteFlowProvider.svelte                 | 13 ++++++++---
 .../components/SvelteFlowProvider/types.ts    |  6 +++--
 3 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/packages/react/src/components/ReactFlowProvider/index.tsx b/packages/react/src/components/ReactFlowProvider/index.tsx
index cd3b2139c..d529c34c1 100644
--- a/packages/react/src/components/ReactFlowProvider/index.tsx
+++ b/packages/react/src/components/ReactFlowProvider/index.tsx
@@ -8,21 +8,26 @@ import type { ReactFlowState, Node, Edge } from '../../types';
 
 function ReactFlowProvider({
   children,
-  nodes,
-  edges,
-  width,
-  height,
+  initialNodes,
+  initialEdges,
+  initialWidth,
+  initialHeight,
 }: {
   children: ReactNode;
-  nodes?: Node[];
-  edges?: Edge[];
-  width?: number;
-  height?: number;
+  initialNodes?: Node[];
+  initialEdges?: Edge[];
+  initialWidth?: number;
+  initialHeight?: number;
 }) {
   const storeRef = useRef<UseBoundStoreWithEqualityFn<StoreApi<ReactFlowState>> | null>(null);
 
   if (!storeRef.current) {
-    storeRef.current = createRFStore({ nodes, edges, width, height });
+    storeRef.current = createRFStore({
+      nodes: initialNodes,
+      edges: initialEdges,
+      width: initialWidth,
+      height: initialHeight,
+    });
   }
 
   return <Provider value={storeRef.current}>{children}</Provider>;
diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
index b4b6a9860..62ac30963 100644
--- a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
@@ -6,10 +6,17 @@
 
   type $$Props = SvelteFlowProviderProps;
 
-  export let nodes: $$Props['nodes'] = undefined;
-  export let edges: $$Props['edges'] = undefined;
+  export let initialNodes: $$Props['initialNodes'] = undefined;
+  export let initialEdges: $$Props['initialEdges'] = undefined;
+  export let initialWidth: $$Props['initialWidth'] = undefined;
+  export let initialHeight: $$Props['initialHeight'] = undefined;
 
-  const store = createStore({ nodes, edges });
+  const store = createStore({
+    nodes: initialNodes,
+    edges: initialEdges,
+    width: initialWidth,
+    height: initialHeight
+  });
 
   setContext(key, {
     getStore: () => store
diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts b/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
index 74ddb7132..8e21df165 100644
--- a/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
@@ -1,6 +1,8 @@
 import type { Edge, Node } from '$lib/types';
 
 export type SvelteFlowProviderProps = {
-  nodes?: Node[];
-  edges?: Edge[];
+  initialNodes?: Node[];
+  initialEdges?: Edge[];
+  initialWidth?: number;
+  initialHeight?: number;
 };

From 77f059a078dda665835e4c840cd8d0d00fdde018 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 10 Oct 2023 10:05:22 +0200
Subject: [PATCH 0247/1093] chore(svelte): add license

---
 packages/svelte/package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 00bfbaf8e..ea956ef59 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -36,6 +36,7 @@
   "sideEffects": [
     "*.css"
   ],
+  "license": "MIT",
   "publishConfig": {
     "access": "public"
   },

From 93a180b19d10ff6090a5562c27a6c68570f49866 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 10 Oct 2023 13:19:37 +0200
Subject: [PATCH 0248/1093] feat(examples): add next

---
 examples/next-xyflow/.eslintrc.json          |    3 +
 examples/next-xyflow/.gitignore              |   35 +
 examples/next-xyflow/README.md               |   36 +
 examples/next-xyflow/next.config.js          |    4 +
 examples/next-xyflow/package-lock.json       | 3656 ++++++++++++++++++
 examples/next-xyflow/package.json            |   25 +
 examples/next-xyflow/public/next.svg         |    1 +
 examples/next-xyflow/public/vercel.svg       |    1 +
 examples/next-xyflow/src/app/globals.css     |   29 +
 examples/next-xyflow/src/app/layout.tsx      |   22 +
 examples/next-xyflow/src/app/page.module.css |    3 +
 examples/next-xyflow/src/app/page.tsx        |  102 +
 examples/next-xyflow/src/components/Flow.tsx |   49 +
 examples/next-xyflow/tsconfig.json           |   27 +
 14 files changed, 3993 insertions(+)
 create mode 100644 examples/next-xyflow/.eslintrc.json
 create mode 100644 examples/next-xyflow/.gitignore
 create mode 100644 examples/next-xyflow/README.md
 create mode 100644 examples/next-xyflow/next.config.js
 create mode 100644 examples/next-xyflow/package-lock.json
 create mode 100644 examples/next-xyflow/package.json
 create mode 100644 examples/next-xyflow/public/next.svg
 create mode 100644 examples/next-xyflow/public/vercel.svg
 create mode 100644 examples/next-xyflow/src/app/globals.css
 create mode 100644 examples/next-xyflow/src/app/layout.tsx
 create mode 100644 examples/next-xyflow/src/app/page.module.css
 create mode 100644 examples/next-xyflow/src/app/page.tsx
 create mode 100644 examples/next-xyflow/src/components/Flow.tsx
 create mode 100644 examples/next-xyflow/tsconfig.json

diff --git a/examples/next-xyflow/.eslintrc.json b/examples/next-xyflow/.eslintrc.json
new file mode 100644
index 000000000..bffb357a7
--- /dev/null
+++ b/examples/next-xyflow/.eslintrc.json
@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}
diff --git a/examples/next-xyflow/.gitignore b/examples/next-xyflow/.gitignore
new file mode 100644
index 000000000..8f322f0d8
--- /dev/null
+++ b/examples/next-xyflow/.gitignore
@@ -0,0 +1,35 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/examples/next-xyflow/README.md b/examples/next-xyflow/README.md
new file mode 100644
index 000000000..c4033664f
--- /dev/null
+++ b/examples/next-xyflow/README.md
@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
diff --git a/examples/next-xyflow/next.config.js b/examples/next-xyflow/next.config.js
new file mode 100644
index 000000000..767719fc4
--- /dev/null
+++ b/examples/next-xyflow/next.config.js
@@ -0,0 +1,4 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {}
+
+module.exports = nextConfig
diff --git a/examples/next-xyflow/package-lock.json b/examples/next-xyflow/package-lock.json
new file mode 100644
index 000000000..436a5d366
--- /dev/null
+++ b/examples/next-xyflow/package-lock.json
@@ -0,0 +1,3656 @@
+{
+  "name": "next-xyflow",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "next-xyflow",
+      "version": "0.1.0",
+      "dependencies": {
+        "next": "13.5.4",
+        "react": "^18",
+        "react-dom": "^18"
+      },
+      "devDependencies": {
+        "@types/node": "^20",
+        "@types/react": "^18",
+        "@types/react-dom": "^18",
+        "eslint": "^8",
+        "eslint-config-next": "13.5.4",
+        "typescript": "^5"
+      }
+    },
+    "node_modules/@aashutoshrathi/word-wrap": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
+      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.23.1",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.1.tgz",
+      "integrity": "sha512-hC2v6p8ZSI/W0HUzh3V8C5g+NwSKzKPtJwSpTjwl0o297GP9+ZLQSkdvHz46CM3LqyoXxq+5G9komY+eSqSO0g==",
+      "dev": true,
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.9.1.tgz",
+      "integrity": "sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.2.tgz",
+      "integrity": "sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.51.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.51.0.tgz",
+      "integrity": "sha512-HxjQ8Qn+4SI3/AFv6sOrDB+g6PpUTDwSJiQqOrnneEk8L71161srI9gjzzZvYVbzHiVg/BvcH95+cK/zfIt4pg==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.11.11",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.11.tgz",
+      "integrity": "sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==",
+      "dev": true,
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^1.2.1",
+        "debug": "^4.1.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
+      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+      "dev": true
+    },
+    "node_modules/@next/env": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.5.4.tgz",
+      "integrity": "sha512-LGegJkMvRNw90WWphGJ3RMHMVplYcOfRWf2Be3td3sUa+1AaxmsYyANsA+znrGCBjXJNi4XAQlSoEfUxs/4kIQ=="
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-13.5.4.tgz",
+      "integrity": "sha512-vI94U+D7RNgX6XypSyjeFrOzxGlZyxOplU0dVE5norIfZGn/LDjJYPHdvdsR5vN1eRtl6PDAsOHmycFEOljK5A==",
+      "dev": true,
+      "dependencies": {
+        "glob": "7.1.7"
+      }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.4.tgz",
+      "integrity": "sha512-Df8SHuXgF1p+aonBMcDPEsaahNo2TCwuie7VXED4FVyECvdXfRT9unapm54NssV9tF3OQFKBFOdlje4T43VO0w==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.4.tgz",
+      "integrity": "sha512-siPuUwO45PnNRMeZnSa8n/Lye5ZX93IJom9wQRB5DEOdFrw0JjOMu1GINB8jAEdwa7Vdyn1oJ2xGNaQpdQQ9Pw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.4.tgz",
+      "integrity": "sha512-l/k/fvRP/zmB2jkFMfefmFkyZbDkYW0mRM/LB+tH5u9pB98WsHXC0WvDHlGCYp3CH/jlkJPL7gN8nkTQVrQ/2w==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.4.tgz",
+      "integrity": "sha512-YYGb7SlLkI+XqfQa8VPErljb7k9nUnhhRrVaOdfJNCaQnHBcvbT7cx/UjDQLdleJcfyg1Hkn5YSSIeVfjgmkTg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.4.tgz",
+      "integrity": "sha512-uE61vyUSClnCH18YHjA8tE1prr/PBFlBFhxBZis4XBRJoR+txAky5d7gGNUIbQ8sZZ7LVkSVgm/5Fc7mwXmRAg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.4.tgz",
+      "integrity": "sha512-qVEKFYML/GvJSy9CfYqAdUexA6M5AklYcQCW+8JECmkQHGoPxCf04iMh7CPR7wkHyWWK+XLt4Ja7hhsPJtSnhg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.4.tgz",
+      "integrity": "sha512-mDSQfqxAlfpeZOLPxLymZkX0hYF3juN57W6vFHTvwKlnHfmh12Pt7hPIRLYIShk8uYRsKPtMTth/EzpwRI+u8w==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.4.tgz",
+      "integrity": "sha512-aoqAT2XIekIWoriwzOmGFAvTtVY5O7JjV21giozBTP5c6uZhpvTWRbmHXbmsjZqY4HnEZQRXWkSAppsIBweKqw==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.4.tgz",
+      "integrity": "sha512-cyRvlAxwlddlqeB9xtPSfNSCRy8BOa4wtMo0IuI9P7Y0XT2qpDrpFKRyZ7kUngZis59mPVla5k8X1oOJ8RxDYg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@rushstack/eslint-patch": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz",
+      "integrity": "sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==",
+      "dev": true
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
+      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true
+    },
+    "node_modules/@types/node": {
+      "version": "20.8.4",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.8.4.tgz",
+      "integrity": "sha512-ZVPnqU58giiCjSxjVUESDtdPk4QR5WQhhINbc9UBrKLU68MX5BF6kbQzTrkwbolyr0X8ChBpXfavr5mZFKZQ5A==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~5.25.1"
+      }
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.8",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.8.tgz",
+      "integrity": "sha512-kMpQpfZKSCBqltAJwskgePRaYRFukDkm1oItcAbC3gNELR20XIBcN9VRgg4+m8DKsTfkWeA4m4Imp4DDuWy7FQ==",
+      "dev": true
+    },
+    "node_modules/@types/react": {
+      "version": "18.2.27",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.27.tgz",
+      "integrity": "sha512-Wfv7B7FZiR2r3MIqbAlXoY1+tXm4bOqfz4oRr+nyXdBqapDBZ0l/IGcSlAfvxIHEEJjkPU0MYAc/BlFPOcrgLw==",
+      "dev": true,
+      "dependencies": {
+        "@types/prop-types": "*",
+        "@types/scheduler": "*",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "18.2.12",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.12.tgz",
+      "integrity": "sha512-QWZuiA/7J/hPIGocXreCRbx7wyoeet9ooxfbSA+zbIWqyQEE7GMtRn4A37BdYyksnN+/NDnWgfxZH9UVGDw1hg==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/scheduler": {
+      "version": "0.16.4",
+      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.4.tgz",
+      "integrity": "sha512-2L9ifAGl7wmXwP4v3pN4p2FLhD0O1qsJpvKmNin5VA8+UvNVb447UDaAEV6UdrkA+m/Xs58U1RFps44x6TFsVQ==",
+      "dev": true
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "6.7.5",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.7.5.tgz",
+      "integrity": "sha512-bIZVSGx2UME/lmhLcjdVc7ePBwn7CLqKarUBL4me1C5feOd663liTGjMBGVcGr+BhnSLeP4SgwdvNnnkbIdkCw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "6.7.5",
+        "@typescript-eslint/types": "6.7.5",
+        "@typescript-eslint/typescript-estree": "6.7.5",
+        "@typescript-eslint/visitor-keys": "6.7.5",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "6.7.5",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.7.5.tgz",
+      "integrity": "sha512-GAlk3eQIwWOJeb9F7MKQ6Jbah/vx1zETSDw8likab/eFcqkjSD7BI75SDAeC5N2L0MmConMoPvTsmkrg71+B1A==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.7.5",
+        "@typescript-eslint/visitor-keys": "6.7.5"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "6.7.5",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.7.5.tgz",
+      "integrity": "sha512-WboQBlOXtdj1tDFPyIthpKrUb+kZf2VroLZhxKa/VlwLlLyqv/PwUNgL30BlTVZV1Wu4Asu2mMYPqarSO4L5ZQ==",
+      "dev": true,
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "6.7.5",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.7.5.tgz",
+      "integrity": "sha512-NhJiJ4KdtwBIxrKl0BqG1Ur+uw7FiOnOThcYx9DpOGJ/Abc9z2xNzLeirCG02Ig3vkvrc2qFLmYSSsaITbKjlg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.7.5",
+        "@typescript-eslint/visitor-keys": "6.7.5",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "6.7.5",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.7.5.tgz",
+      "integrity": "sha512-3MaWdDZtLlsexZzDSdQWsFQ9l9nL8B80Z4fImSpyllFC/KLqWQRdEcB+gGGO+N3Q2uL40EsG66wZLsohPxNXvg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.7.5",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.10.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
+      "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "is-array-buffer": "^3.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
+      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-string": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
+      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
+      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
+      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.2.tgz",
+      "integrity": "sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.2.1"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
+      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-array-buffer": "^3.0.2",
+        "is-shared-array-buffer": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
+      "integrity": "sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==",
+      "dev": true
+    },
+    "node_modules/asynciterator.prototype": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
+      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.8.2",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.8.2.tgz",
+      "integrity": "sha512-/dlp0fxyM3R8YW7MFzaHWXrf4zzbr0vaYb23VBFCl83R7nWNPg/yaQw2Dc8jzCMmDVLhSdzH8MjrsuIUuvX+6g==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
+      "integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
+      "dev": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001547",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001547.tgz",
+      "integrity": "sha512-W7CrtIModMAxobGhz8iXmDfuJiiKg1WADMO/9x7/CLNin5cpSbuBjooyoIUVB5eyCc36QuTVlkVa1iB2S5+/eA==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
+      "dev": true
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true
+    },
+    "node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.0.tgz",
+      "integrity": "sha512-UzGwzcjyv3OtAvolTj1GoyNYzfFR+iqbGjcnBEENZVCpM4/Ng1yhGNvS3lR/xDS74Tb2wGG9WzNSNIOS9UVb2g==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.15.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
+      "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.22.2",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.2.tgz",
+      "integrity": "sha512-YoxfFcDmhjOgWPWsV13+2RNjq1F6UQnfs+8TftwNqtzlmFzEXvlUwdrNrYeaizfjQzRMxkZ6ElWMOJIFKdVqwA==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "arraybuffer.prototype.slice": "^1.0.2",
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "es-set-tostringtag": "^2.0.1",
+        "es-to-primitive": "^1.2.1",
+        "function.prototype.name": "^1.1.6",
+        "get-intrinsic": "^1.2.1",
+        "get-symbol-description": "^1.0.0",
+        "globalthis": "^1.0.3",
+        "gopd": "^1.0.1",
+        "has": "^1.0.3",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "is-array-buffer": "^3.0.2",
+        "is-callable": "^1.2.7",
+        "is-negative-zero": "^2.0.2",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.12",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.12.3",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.1",
+        "safe-array-concat": "^1.0.1",
+        "safe-regex-test": "^1.0.0",
+        "string.prototype.trim": "^1.2.8",
+        "string.prototype.trimend": "^1.0.7",
+        "string.prototype.trimstart": "^1.0.7",
+        "typed-array-buffer": "^1.0.0",
+        "typed-array-byte-length": "^1.0.0",
+        "typed-array-byte-offset": "^1.0.0",
+        "typed-array-length": "^1.0.4",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.11"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
+      "integrity": "sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==",
+      "dev": true,
+      "dependencies": {
+        "asynciterator.prototype": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.22.1",
+        "es-set-tostringtag": "^2.0.1",
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "iterator.prototype": "^1.1.2",
+        "safe-array-concat": "^1.0.1"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
+      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.3",
+        "has": "^1.0.3",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
+      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
+      "dev": true,
+      "dependencies": {
+        "has": "^1.0.3"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.51.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.51.0.tgz",
+      "integrity": "sha512-2WuxRZBrlwnXi+/vFSJyjMqrNjtJqiasMzehF0shoLaW7DzS3/9Yvrmq5JiT66+pNjiX4UBnLDiKHcWAr/OInA==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.2",
+        "@eslint/js": "8.51.0",
+        "@humanwhocodes/config-array": "^0.11.11",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-config-next": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-13.5.4.tgz",
+      "integrity": "sha512-FzQGIj4UEszRX7fcRSJK6L1LrDiVZvDFW320VVntVKh3BSU8Fb9kpaoxQx0cdFgf3MQXdeSbrCXJ/5Z/NndDkQ==",
+      "dev": true,
+      "dependencies": {
+        "@next/eslint-plugin-next": "13.5.4",
+        "@rushstack/eslint-patch": "^1.3.3",
+        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.28.1",
+        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "eslint-plugin-react": "^7.33.2",
+        "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
+      },
+      "peerDependencies": {
+        "eslint": "^7.23.0 || ^8.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
+      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.3.4",
+        "enhanced-resolve": "^5.12.0",
+        "eslint-module-utils": "^2.7.4",
+        "fast-glob": "^3.3.1",
+        "get-tsconfig": "^4.5.0",
+        "is-core-module": "^2.11.0",
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*"
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
+      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.28.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.28.1.tgz",
+      "integrity": "sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.findlastindex": "^1.2.2",
+        "array.prototype.flat": "^1.3.1",
+        "array.prototype.flatmap": "^1.3.1",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.7",
+        "eslint-module-utils": "^2.8.0",
+        "has": "^1.0.3",
+        "is-core-module": "^2.13.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.6",
+        "object.groupby": "^1.0.0",
+        "object.values": "^1.1.6",
+        "semver": "^6.3.1",
+        "tsconfig-paths": "^3.14.2"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz",
+      "integrity": "sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.20.7",
+        "aria-query": "^5.1.3",
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "ast-types-flow": "^0.0.7",
+        "axe-core": "^4.6.2",
+        "axobject-query": "^3.1.1",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "has": "^1.0.3",
+        "jsx-ast-utils": "^3.3.3",
+        "language-tags": "=1.0.5",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.33.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
+      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "array.prototype.tosorted": "^1.1.1",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.0.12",
+        "estraverse": "^5.3.0",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "object.hasown": "^1.1.2",
+        "object.values": "^1.1.6",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.4",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.4",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
+      "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.9.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true
+    },
+    "node_modules/fastq": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
+      "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.1.1.tgz",
+      "integrity": "sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==",
+      "dev": true,
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.3",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.2.9",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
+      "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
+      "dev": true
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "functions-have-names": "^1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+      "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
+      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
+      "dev": true,
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.1.7",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
+      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
+    },
+    "node_modules/globals": {
+      "version": "13.23.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
+      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true
+    },
+    "node_modules/has": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.4.tgz",
+      "integrity": "sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.2.4",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
+      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
+    },
+    "node_modules/internal-slot": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.0",
+        "has": "^1.0.3",
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.0",
+        "is-typed-array": "^1.1.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-async-function": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
+      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "dev": true,
+      "dependencies": {
+        "has-bigints": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz",
+      "integrity": "sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==",
+      "dev": true,
+      "dependencies": {
+        "has": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
+      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
+      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
+      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
+      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
+      "dev": true,
+      "dependencies": {
+        "which-typed-array": "^1.1.11"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
+      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
+      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
+      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "reflect.getprototypeof": "^1.0.4",
+        "set-function-name": "^2.0.1"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true
+    },
+    "node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.22",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
+      "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==",
+      "dev": true
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz",
+      "integrity": "sha512-qJhlO9cGXi6hBGKoxEG/sKZDAHD5Hnu9Hs4WbOY3pCWXDhw0N8x1NenNzm2EnNLkLkk7J2SdxAkDSbb6ftT+UQ==",
+      "dev": true,
+      "dependencies": {
+        "language-subtag-registry": "~0.3.2"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true
+    },
+    "node_modules/next": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-13.5.4.tgz",
+      "integrity": "sha512-+93un5S779gho8y9ASQhb/bTkQF17FNQOtXLKAj3lsNgltEcF0C5PMLLncDmH+8X1EnJH1kbqAERa29nRXqhjA==",
+      "dependencies": {
+        "@next/env": "13.5.4",
+        "@swc/helpers": "0.5.2",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001406",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.1",
+        "watchpack": "2.4.0"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=16.14.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "13.5.4",
+        "@next/swc-darwin-x64": "13.5.4",
+        "@next/swc-linux-arm64-gnu": "13.5.4",
+        "@next/swc-linux-arm64-musl": "13.5.4",
+        "@next/swc-linux-x64-gnu": "13.5.4",
+        "@next/swc-linux-x64-musl": "13.5.4",
+        "@next/swc-win32-arm64-msvc": "13.5.4",
+        "@next/swc-win32-ia32-msvc": "13.5.4",
+        "@next/swc-win32-x64-msvc": "13.5.4"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.12.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+      "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz",
+      "integrity": "sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
+      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
+      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1"
+      }
+    },
+    "node_modules/object.hasown": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz",
+      "integrity": "sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
+      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
+      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+      "dev": true,
+      "dependencies": {
+        "@aashutoshrathi/word-wrap": "^1.2.3",
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
+      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/react": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
+      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "which-builtin-type": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==",
+      "dev": true
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
+      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "set-function-name": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.6",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.6.tgz",
+      "integrity": "sha512-njhxM7mV12JfufShqGy3Rz8j11RPdLy4xi15UurGJeoHLfJpVXKdh3ueuOqbYUcDZnffr6X739JBo5LzyahEsw==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dev": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
+      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "is-regex": "^1.1.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
+      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz",
+      "integrity": "sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "regexp.prototype.flags": "^1.5.0",
+        "set-function-name": "^2.0.0",
+        "side-channel": "^1.0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
+      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
+      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
+      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz",
+      "integrity": "sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==",
+      "dev": true,
+      "engines": {
+        "node": ">=16.13.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
+      "integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
+      "dev": true,
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
+      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
+      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
+      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "is-typed-array": "^1.1.9"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
+      "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
+      "dev": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "which-boxed-primitive": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "5.25.3",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.25.3.tgz",
+      "integrity": "sha512-Ga1jfYwRn7+cP9v8auvEXN1rX3sWqlayd4HP7OKk4mZWylEmu3KzXDUGrQUN6Ol7qo1gPvB2e5gX6udnyEPgdA==",
+      "dev": true
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
+      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dev": true,
+      "dependencies": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
+      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
+      "dev": true,
+      "dependencies": {
+        "function.prototype.name": "^1.1.5",
+        "has-tostringtag": "^1.0.0",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.0.5",
+        "is-finalizationregistry": "^1.0.2",
+        "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.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
+      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+      "dev": true,
+      "dependencies": {
+        "is-map": "^2.0.1",
+        "is-set": "^2.0.1",
+        "is-weakmap": "^2.0.1",
+        "is-weakset": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.11.tgz",
+      "integrity": "sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  }
+}
diff --git a/examples/next-xyflow/package.json b/examples/next-xyflow/package.json
new file mode 100644
index 000000000..1c457fe38
--- /dev/null
+++ b/examples/next-xyflow/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "next-xyflow",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@xyflow/react": "workspace:^",
+    "next": "13.5.4",
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "eslint": "^8",
+    "eslint-config-next": "13.5.4",
+    "typescript": "^5"
+  }
+}
diff --git a/examples/next-xyflow/public/next.svg b/examples/next-xyflow/public/next.svg
new file mode 100644
index 000000000..5174b28c5
--- /dev/null
+++ b/examples/next-xyflow/public/next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/examples/next-xyflow/public/vercel.svg b/examples/next-xyflow/public/vercel.svg
new file mode 100644
index 000000000..d2f842227
--- /dev/null
+++ b/examples/next-xyflow/public/vercel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>
\ No newline at end of file
diff --git a/examples/next-xyflow/src/app/globals.css b/examples/next-xyflow/src/app/globals.css
new file mode 100644
index 000000000..6592940e8
--- /dev/null
+++ b/examples/next-xyflow/src/app/globals.css
@@ -0,0 +1,29 @@
+:root {
+  --max-width: 1100px;
+  --font-mono: ui-monospace, Menlo, Monaco;
+
+  --foreground-rgb: 0, 0, 0;
+  --background-start-rgb: 214, 219, 220;
+  --background-end-rgb: 255, 255, 255;
+}
+
+* {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}
+
+html,
+body {
+  max-width: 100vw;
+  overflow-x: hidden;
+}
+
+body {
+  background: linear-gradient(to bottom, transparent, rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
diff --git a/examples/next-xyflow/src/app/layout.tsx b/examples/next-xyflow/src/app/layout.tsx
new file mode 100644
index 000000000..ae8456212
--- /dev/null
+++ b/examples/next-xyflow/src/app/layout.tsx
@@ -0,0 +1,22 @@
+import './globals.css'
+import type { Metadata } from 'next'
+import { Inter } from 'next/font/google'
+
+const inter = Inter({ subsets: ['latin'] })
+
+export const metadata: Metadata = {
+  title: 'Create Next App',
+  description: 'Generated by create next app',
+}
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en">
+      <body className={inter.className}>{children}</body>
+    </html>
+  )
+}
diff --git a/examples/next-xyflow/src/app/page.module.css b/examples/next-xyflow/src/app/page.module.css
new file mode 100644
index 000000000..68e921882
--- /dev/null
+++ b/examples/next-xyflow/src/app/page.module.css
@@ -0,0 +1,3 @@
+.main {
+  display: flex;
+}
diff --git a/examples/next-xyflow/src/app/page.tsx b/examples/next-xyflow/src/app/page.tsx
new file mode 100644
index 000000000..67caec3ff
--- /dev/null
+++ b/examples/next-xyflow/src/app/page.tsx
@@ -0,0 +1,102 @@
+import { Edge, Node, Position, ReactFlowProvider } from '@xyflow/react';
+
+import styles from './page.module.css';
+import Flow from '../components/Flow';
+
+const nodeSize = {
+  width: 100,
+  height: 40,
+};
+
+const initialNodes: Node[] = [
+  {
+    id: '1',
+    type: 'input',
+    data: { label: 'Node 1' },
+    position: { x: 250, y: 5 },
+    size: nodeSize,
+    handles: [
+      {
+        type: 'source',
+        position: 'bottom' as Position,
+        x: nodeSize.width * 0.5,
+        y: nodeSize.height,
+        width: 1,
+        height: 1,
+      },
+    ],
+  },
+  {
+    id: '2',
+    data: { label: 'Node 2' },
+    position: { x: 100, y: 100 },
+    size: nodeSize,
+    handles: [
+      {
+        type: 'source',
+        position: 'bottom' as Position,
+        x: nodeSize.width * 0.5,
+        y: nodeSize.height,
+        width: 1,
+        height: 1,
+      },
+      {
+        type: 'target',
+        position: 'top' as Position,
+        x: nodeSize.width * 0.5,
+        y: 0,
+        width: 1,
+        height: 1,
+      },
+    ],
+  },
+  {
+    id: '3',
+    data: { label: 'Node 3' },
+    position: { x: 400, y: 100 },
+    size: nodeSize,
+    handles: [
+      {
+        type: 'source',
+        position: 'bottom' as Position,
+        x: nodeSize.width * 0.5,
+        y: nodeSize.height,
+        width: 1,
+        height: 1,
+      },
+      {
+        type: 'target',
+        position: 'top' as Position,
+        x: nodeSize.width * 0.5,
+        y: 0,
+        width: 1,
+        height: 1,
+      },
+    ],
+  },
+];
+
+const initialEdges: Edge[] = [
+  { id: 'e1-2', source: '1', target: '2', animated: true },
+  { id: 'e1-3', source: '1', target: '3', animated: true },
+];
+
+async function fetchData(): Promise<{ nodes: Node[]; edges: Edge[] }> {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve({ nodes: initialNodes, edges: initialEdges });
+    }, 1000);
+  });
+}
+
+export default async function App() {
+  const { nodes, edges } = await fetchData();
+
+  return (
+    <main className={styles.main}>
+      <ReactFlowProvider initialNodes={nodes} initialEdges={edges}>
+        <Flow nodes={nodes} edges={edges} />
+      </ReactFlowProvider>
+    </main>
+  );
+}
diff --git a/examples/next-xyflow/src/components/Flow.tsx b/examples/next-xyflow/src/components/Flow.tsx
new file mode 100644
index 000000000..dc7aa153f
--- /dev/null
+++ b/examples/next-xyflow/src/components/Flow.tsx
@@ -0,0 +1,49 @@
+'use client';
+
+import { useCallback, useState } from 'react';
+import {
+  ReactFlow,
+  addEdge,
+  Node,
+  Edge,
+  applyNodeChanges,
+  applyEdgeChanges,
+  OnNodesChange,
+  OnEdgesChange,
+  OnConnect,
+} from '@xyflow/react';
+
+import '@xyflow/react/dist/style.css';
+
+export default function App({ nodes: initNodes, edges: initEdges }: { nodes: Node[]; edges: Edge[] }) {
+  const [nodes, setNodes] = useState<Node[]>(initNodes);
+  const [edges, setEdges] = useState<Edge[]>(initEdges);
+
+  const onNodesChange: OnNodesChange = useCallback(
+    (chs) => {
+      setNodes((nds) => applyNodeChanges(chs, nds));
+    },
+    [setNodes]
+  );
+
+  const onEdgesChange: OnEdgesChange = useCallback(
+    (chs) => {
+      setEdges((eds) => applyEdgeChanges(chs, eds));
+    },
+    [setEdges]
+  );
+
+  const onConnect: OnConnect = useCallback((params) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
+
+  return (
+    <div style={{ width: '100vw', height: '100vh' }}>
+      <ReactFlow
+        nodes={nodes}
+        edges={edges}
+        onNodesChange={onNodesChange}
+        onEdgesChange={onEdgesChange}
+        onConnect={onConnect}
+      />
+    </div>
+  );
+}
diff --git a/examples/next-xyflow/tsconfig.json b/examples/next-xyflow/tsconfig.json
new file mode 100644
index 000000000..e59724b28
--- /dev/null
+++ b/examples/next-xyflow/tsconfig.json
@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}

From ed5606d8707f2de8fc6a0529cb0e21213de71120 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 10 Oct 2023 13:24:02 +0200
Subject: [PATCH 0249/1093] refactor(react): use size instead of dimensions,
 cleanup defaul node handling

---
 .../react/src/container/ReactFlow/Wrapper.tsx |   2 +-
 .../react/src/container/ReactFlow/index.tsx   |   2 +
 packages/react/src/store/index.ts             |  38 +-
 packages/react/src/store/initialState.ts      |   6 +-
 packages/react/src/types/general.ts           |   5 +-
 pnpm-lock.yaml                                | 730 +++++++++++++++++-
 tooling/rollup-config/src/index.js            |   1 +
 7 files changed, 741 insertions(+), 43 deletions(-)

diff --git a/packages/react/src/container/ReactFlow/Wrapper.tsx b/packages/react/src/container/ReactFlow/Wrapper.tsx
index 37b465fbb..9f78d979f 100644
--- a/packages/react/src/container/ReactFlow/Wrapper.tsx
+++ b/packages/react/src/container/ReactFlow/Wrapper.tsx
@@ -26,7 +26,7 @@ function Wrapper({
   }
 
   return (
-    <ReactFlowProvider nodes={nodes} edges={edges} width={width} height={height}>
+    <ReactFlowProvider initialNodes={nodes} initialEdges={edges} initialWidth={width} initialHeight={height}>
       {children}
     </ReactFlowProvider>
   );
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 8f748831a..55c3b5beb 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { forwardRef, type CSSProperties } from 'react';
 import cc from 'classcat';
 import {
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 3da2c2839..3602f52e8 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -55,15 +55,27 @@ const createRFStore = ({
         const hasDefaultNodes = typeof nodes !== 'undefined';
         const hasDefaultEdges = typeof edges !== 'undefined';
 
-        const nextNodes = hasDefaultNodes
-          ? updateNodes(nodes, [], {
-              nodeOrigin: get().nodeOrigin,
-              elevateNodesOnSelect: get().elevateNodesOnSelect,
-            })
-          : [];
-        const nextEdges = hasDefaultEdges ? edges : [];
-
-        set({ nodes: nextNodes, edges: nextEdges, hasDefaultNodes, hasDefaultEdges });
+        const nextState: {
+          nodes?: Node[];
+          edges?: Edge[];
+          hasDefaultNodes: boolean;
+          hasDefaultEdges: boolean;
+        } = {
+          hasDefaultNodes,
+          hasDefaultEdges,
+        };
+
+        if (hasDefaultNodes) {
+          nextState.nodes = updateNodes(nodes, [], {
+            nodeOrigin: get().nodeOrigin,
+            elevateNodesOnSelect: get().elevateNodesOnSelect,
+          });
+        }
+        if (hasDefaultEdges) {
+          nextState.edges = edges;
+        }
+
+        set(nextState);
       },
       updateNodeDimensions: (updates) => {
         const { onNodesChange, fitView, nodes, fitViewOnInit, fitViewDone, fitViewOnInitOptions, domNode, nodeOrigin } =
@@ -289,7 +301,13 @@ const createRFStore = ({
 
         set(currentConnection);
       },
-      reset: () => set({ ...getInitialState({ nodes: [] }) }),
+      reset: () => {
+        // @todo: what should we do about this? Do we still need it?
+        // if you are on a SPA with multiple flows, we want to make sure that the store gets resetted
+        // when you switch pages. Does this reset solves this? Currently it always gets called. This
+        // leads to an emtpy nodes array at the beginning.
+        // set({ ...getInitialState() });
+      },
     }),
     Object.is
   );
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index c70072a1d..a2bc69ae5 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -20,7 +20,7 @@ const getInitialState = ({
   edges?: Edge[];
   width?: number;
   height?: number;
-}): ReactFlowStore => {
+} = {}): ReactFlowStore => {
   const nextNodes = updateNodes(nodes, [], { nodeOrigin: [0, 0], elevateNodesOnSelect: false });
 
   let transform: Transform = [0, 0, 1];
@@ -28,8 +28,8 @@ const getInitialState = ({
   if (width && height) {
     const nodesWithDimensions = nextNodes.map((node) => ({
       ...node,
-      width: node.dimensions?.width,
-      height: node.dimensions?.height,
+      width: node.size?.width,
+      height: node.size?.height,
     }));
     const bounds = getRectOfNodes(nodesWithDimensions, [0, 0]);
     transform = getTransformForBounds(bounds, width, height, 0.5, 2, 0.1);
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 2b2945a65..64b368e57 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -42,7 +42,10 @@ export type OnSelectionChangeFunc = (params: OnSelectionChangeParams) => void;
 export type FitViewParams = FitViewParamsBase<Node>;
 export type FitViewOptions = FitViewOptionsBase<Node>;
 export type FitView = (fitViewOptions?: FitViewOptions) => boolean;
-export type OnInit<NodeData = any, EdgeData = any> = (reactFlowInstance: ReactFlowInstance<NodeData, EdgeData>) => void;
+export type OnInit<NodeData = any, EdgeData = any> = (
+  reactFlowInstance: ReactFlowInstance<NodeData, EdgeData>,
+  { nodes, edges }: { nodes: Node<NodeData>[]; edges: Edge<EdgeData>[] }
+) => void;
 
 export type ViewportHelperFunctions = {
   zoomIn: ZoomInOut;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f8683c11d..0f74c4ed2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,10 +16,10 @@ importers:
         version: registry.npmjs.org/@changesets/cli@2.26.1
       '@typescript-eslint/eslint-plugin':
         specifier: latest
-        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.5.0(@typescript-eslint/parser@6.5.0)(eslint@8.42.0)(typescript@5.1.3)
+        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.5.0(@typescript-eslint/parser@6.7.5)(eslint@8.42.0)(typescript@5.1.3)
       '@typescript-eslint/parser':
         specifier: latest
-        version: registry.npmjs.org/@typescript-eslint/parser@6.5.0(eslint@8.42.0)(typescript@5.1.3)
+        version: registry.npmjs.org/@typescript-eslint/parser@6.7.5(eslint@8.42.0)(typescript@5.1.3)
       concurrently:
         specifier: ^7.6.0
         version: registry.npmjs.org/concurrently@7.6.0
@@ -90,6 +90,40 @@ importers:
         specifier: ^4.2.1
         version: registry.npmjs.org/svelte@4.2.1
 
+  examples/next-xyflow:
+    dependencies:
+      '@xyflow/react':
+        specifier: workspace:^
+        version: link:../../packages/react
+      next:
+        specifier: 13.5.4
+        version: registry.npmjs.org/next@13.5.4(react-dom@18.2.0)(react@18.2.0)
+      react:
+        specifier: ^18
+        version: registry.npmjs.org/react@18.2.0
+      react-dom:
+        specifier: ^18
+        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+    devDependencies:
+      '@types/node':
+        specifier: ^20
+        version: registry.npmjs.org/@types/node@20.8.4
+      '@types/react':
+        specifier: ^18
+        version: registry.npmjs.org/@types/react@18.2.24
+      '@types/react-dom':
+        specifier: ^18
+        version: registry.npmjs.org/@types/react-dom@18.2.8
+      eslint:
+        specifier: ^8
+        version: registry.npmjs.org/eslint@8.43.0
+      eslint-config-next:
+        specifier: 13.5.4
+        version: registry.npmjs.org/eslint-config-next@13.5.4(eslint@8.43.0)(typescript@5.1.3)
+      typescript:
+        specifier: ^5
+        version: registry.npmjs.org/typescript@5.1.3
+
   examples/react:
     dependencies:
       '@xyflow/react':
@@ -1832,6 +1866,119 @@ packages:
       read-yaml-file: registry.npmjs.org/read-yaml-file@1.1.0
     dev: true
 
+  registry.npmjs.org/@next/env@13.5.4:
+    resolution: {integrity: sha512-LGegJkMvRNw90WWphGJ3RMHMVplYcOfRWf2Be3td3sUa+1AaxmsYyANsA+znrGCBjXJNi4XAQlSoEfUxs/4kIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/env/-/env-13.5.4.tgz}
+    name: '@next/env'
+    version: 13.5.4
+    dev: false
+
+  registry.npmjs.org/@next/eslint-plugin-next@13.5.4:
+    resolution: {integrity: sha512-vI94U+D7RNgX6XypSyjeFrOzxGlZyxOplU0dVE5norIfZGn/LDjJYPHdvdsR5vN1eRtl6PDAsOHmycFEOljK5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-13.5.4.tgz}
+    name: '@next/eslint-plugin-next'
+    version: 13.5.4
+    dependencies:
+      glob: registry.npmjs.org/glob@7.1.7
+    dev: true
+
+  registry.npmjs.org/@next/swc-darwin-arm64@13.5.4:
+    resolution: {integrity: sha512-Df8SHuXgF1p+aonBMcDPEsaahNo2TCwuie7VXED4FVyECvdXfRT9unapm54NssV9tF3OQFKBFOdlje4T43VO0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.4.tgz}
+    name: '@next/swc-darwin-arm64'
+    version: 13.5.4
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  registry.npmjs.org/@next/swc-darwin-x64@13.5.4:
+    resolution: {integrity: sha512-siPuUwO45PnNRMeZnSa8n/Lye5ZX93IJom9wQRB5DEOdFrw0JjOMu1GINB8jAEdwa7Vdyn1oJ2xGNaQpdQQ9Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.4.tgz}
+    name: '@next/swc-darwin-x64'
+    version: 13.5.4
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  registry.npmjs.org/@next/swc-linux-arm64-gnu@13.5.4:
+    resolution: {integrity: sha512-l/k/fvRP/zmB2jkFMfefmFkyZbDkYW0mRM/LB+tH5u9pB98WsHXC0WvDHlGCYp3CH/jlkJPL7gN8nkTQVrQ/2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.4.tgz}
+    name: '@next/swc-linux-arm64-gnu'
+    version: 13.5.4
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  registry.npmjs.org/@next/swc-linux-arm64-musl@13.5.4:
+    resolution: {integrity: sha512-YYGb7SlLkI+XqfQa8VPErljb7k9nUnhhRrVaOdfJNCaQnHBcvbT7cx/UjDQLdleJcfyg1Hkn5YSSIeVfjgmkTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.4.tgz}
+    name: '@next/swc-linux-arm64-musl'
+    version: 13.5.4
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  registry.npmjs.org/@next/swc-linux-x64-gnu@13.5.4:
+    resolution: {integrity: sha512-uE61vyUSClnCH18YHjA8tE1prr/PBFlBFhxBZis4XBRJoR+txAky5d7gGNUIbQ8sZZ7LVkSVgm/5Fc7mwXmRAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.4.tgz}
+    name: '@next/swc-linux-x64-gnu'
+    version: 13.5.4
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  registry.npmjs.org/@next/swc-linux-x64-musl@13.5.4:
+    resolution: {integrity: sha512-qVEKFYML/GvJSy9CfYqAdUexA6M5AklYcQCW+8JECmkQHGoPxCf04iMh7CPR7wkHyWWK+XLt4Ja7hhsPJtSnhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.4.tgz}
+    name: '@next/swc-linux-x64-musl'
+    version: 13.5.4
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  registry.npmjs.org/@next/swc-win32-arm64-msvc@13.5.4:
+    resolution: {integrity: sha512-mDSQfqxAlfpeZOLPxLymZkX0hYF3juN57W6vFHTvwKlnHfmh12Pt7hPIRLYIShk8uYRsKPtMTth/EzpwRI+u8w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.4.tgz}
+    name: '@next/swc-win32-arm64-msvc'
+    version: 13.5.4
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  registry.npmjs.org/@next/swc-win32-ia32-msvc@13.5.4:
+    resolution: {integrity: sha512-aoqAT2XIekIWoriwzOmGFAvTtVY5O7JjV21giozBTP5c6uZhpvTWRbmHXbmsjZqY4HnEZQRXWkSAppsIBweKqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.4.tgz}
+    name: '@next/swc-win32-ia32-msvc'
+    version: 13.5.4
+    engines: {node: '>= 10'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  registry.npmjs.org/@next/swc-win32-x64-msvc@13.5.4:
+    resolution: {integrity: sha512-cyRvlAxwlddlqeB9xtPSfNSCRy8BOa4wtMo0IuI9P7Y0XT2qpDrpFKRyZ7kUngZis59mPVla5k8X1oOJ8RxDYg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.4.tgz}
+    name: '@next/swc-win32-x64-msvc'
+    version: 13.5.4
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   registry.npmjs.org/@nodelib/fs.scandir@2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz}
     name: '@nodelib/fs.scandir'
@@ -1986,6 +2133,12 @@ packages:
       rollup: registry.npmjs.org/rollup@3.25.1
     dev: true
 
+  registry.npmjs.org/@rushstack/eslint-patch@1.5.1:
+    resolution: {integrity: sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz}
+    name: '@rushstack/eslint-patch'
+    version: 1.5.1
+    dev: true
+
   registry.npmjs.org/@sideway/address@4.1.4:
     resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz}
     name: '@sideway/address'
@@ -2126,7 +2279,7 @@ packages:
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       deepmerge: registry.npmjs.org/deepmerge@4.3.1
       kleur: registry.npmjs.org/kleur@4.1.5
-      magic-string: registry.npmjs.org/magic-string@0.30.0
+      magic-string: registry.npmjs.org/magic-string@0.30.4
       svelte: registry.npmjs.org/svelte@4.2.0
       svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.2(svelte@4.2.0)
       vite: registry.npmjs.org/vite@4.4.9
@@ -2292,6 +2445,14 @@ packages:
       '@swc/core-win32-x64-msvc': registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.63
     dev: true
 
+  registry.npmjs.org/@swc/helpers@0.5.2:
+    resolution: {integrity: sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz}
+    name: '@swc/helpers'
+    version: 0.5.2
+    dependencies:
+      tslib: registry.npmjs.org/tslib@2.5.3
+    dev: false
+
   registry.npmjs.org/@trysound/sax@0.2.0:
     resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz}
     name: '@trysound/sax'
@@ -2630,6 +2791,12 @@ packages:
     version: 7.0.12
     dev: true
 
+  registry.npmjs.org/@types/json5@0.0.29:
+    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz}
+    name: '@types/json5'
+    version: 0.0.29
+    dev: true
+
   registry.npmjs.org/@types/json5@0.0.30:
     resolution: {integrity: sha512-sqm9g7mHlPY/43fcSNrCYfOeX9zkTTK+euO5E6+CVijSMm5tTjkVdwdqRkY3ljjIAf8679vps5jKUoJBCLsMDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json5/-/json5-0.0.30.tgz}
     name: '@types/json5'
@@ -2690,6 +2857,14 @@ packages:
     version: 18.16.18
     dev: true
 
+  registry.npmjs.org/@types/node@20.8.4:
+    resolution: {integrity: sha512-ZVPnqU58giiCjSxjVUESDtdPk4QR5WQhhINbc9UBrKLU68MX5BF6kbQzTrkwbolyr0X8ChBpXfavr5mZFKZQ5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-20.8.4.tgz}
+    name: '@types/node'
+    version: 20.8.4
+    dependencies:
+      undici-types: registry.npmjs.org/undici-types@5.25.3
+    dev: true
+
   registry.npmjs.org/@types/normalize-package-data@2.4.1:
     resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz}
     name: '@types/normalize-package-data'
@@ -2727,7 +2902,6 @@ packages:
     version: 18.2.8
     dependencies:
       '@types/react': registry.npmjs.org/@types/react@18.2.24
-    dev: false
 
   registry.npmjs.org/@types/react@18.2.12:
     resolution: {integrity: sha512-ndmBMLCgn38v3SntMeoJaIrO6tGHYKMEBohCUmw8HoLLQdRMOIGXfeYaBTLe2lsFaSB3MOK1VXscYFnmLtTSmw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.12.tgz}
@@ -2834,7 +3008,7 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.5.0(@typescript-eslint/parser@6.5.0)(eslint@8.42.0)(typescript@5.1.3):
+  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.5.0(@typescript-eslint/parser@6.7.5)(eslint@8.42.0)(typescript@5.1.3):
     resolution: {integrity: sha512-2pktILyjvMaScU6iK3925uvGU87E+N9rh372uGZgiMYwafaw9SXq86U04XPq3UH6tzRvNgBsub6x2DacHc33lw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.5.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.5.0
     name: '@typescript-eslint/eslint-plugin'
@@ -2849,7 +3023,7 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.6.2
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.5.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.7.5(eslint@8.42.0)(typescript@5.1.3)
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.5.0
       '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.5.0(eslint@8.42.0)(typescript@5.1.3)
       '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.5.0(eslint@8.42.0)(typescript@5.1.3)
@@ -2889,11 +3063,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser@6.5.0(eslint@8.42.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-LMAVtR5GN8nY0G0BadkG0XIe4AcNMeyEy3DyhKGAh9k4pLSMBO7rF29JvDBpZGCmp5Pgz5RLHP6eCpSYZJQDuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.5.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/6.5.0
+  registry.npmjs.org/@typescript-eslint/parser@6.7.5(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-bIZVSGx2UME/lmhLcjdVc7ePBwn7CLqKarUBL4me1C5feOd663liTGjMBGVcGr+BhnSLeP4SgwdvNnnkbIdkCw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.7.5.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/6.7.5
     name: '@typescript-eslint/parser'
-    version: 6.5.0
+    version: 6.7.5
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -2902,10 +3076,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.5.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.5.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.5.0(typescript@5.1.3)
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.5.0
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.7.5
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.7.5
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.7.5(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.7.5
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       eslint: registry.npmjs.org/eslint@8.42.0
       typescript: registry.npmjs.org/typescript@5.1.3
@@ -2933,6 +3107,16 @@ packages:
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.5.0
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/scope-manager@6.7.5:
+    resolution: {integrity: sha512-GAlk3eQIwWOJeb9F7MKQ6Jbah/vx1zETSDw8likab/eFcqkjSD7BI75SDAeC5N2L0MmConMoPvTsmkrg71+B1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.7.5.tgz}
+    name: '@typescript-eslint/scope-manager'
+    version: 6.7.5
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.7.5
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.7.5
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/type-utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-X7NsRQddORMYRFH7FWo6sA9Y/zbJ8s1x1RIAtnlj6YprbToTiQnM6vxcMu7iYhdunmoC0rUWlca13D5DVHkK2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/type-utils/5.60.0
@@ -2993,6 +3177,13 @@ packages:
     engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/types@6.7.5:
+    resolution: {integrity: sha512-WboQBlOXtdj1tDFPyIthpKrUb+kZf2VroLZhxKa/VlwLlLyqv/PwUNgL30BlTVZV1Wu4Asu2mMYPqarSO4L5ZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-6.7.5.tgz}
+    name: '@typescript-eslint/types'
+    version: 6.7.5
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3):
     resolution: {integrity: sha512-R43thAuwarC99SnvrBmh26tc7F6sPa2B3evkXp/8q954kYL6Ro56AwASYWtEEi+4j09GbiNAHqYwNNZuNlARGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0
@@ -3041,6 +3232,30 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/typescript-estree@6.7.5(typescript@5.1.3):
+    resolution: {integrity: sha512-NhJiJ4KdtwBIxrKl0BqG1Ur+uw7FiOnOThcYx9DpOGJ/Abc9z2xNzLeirCG02Ig3vkvrc2qFLmYSSsaITbKjlg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.7.5.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.7.5
+    name: '@typescript-eslint/typescript-estree'
+    version: 6.7.5
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.7.5
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.7.5
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      globby: registry.npmjs.org/globby@11.1.0
+      is-glob: registry.npmjs.org/is-glob@4.0.3
+      semver: registry.npmjs.org/semver@7.5.4
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-ba51uMqDtfLQ5+xHtwlO84vkdjrqNzOnqrnwbMHMRY8Tqeme8C2Q8Fc7LajfGR+e3/4LoYiWXUM6BpIIbHJ4hQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/utils/5.60.0
@@ -3106,6 +3321,16 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/visitor-keys@6.7.5:
+    resolution: {integrity: sha512-3MaWdDZtLlsexZzDSdQWsFQ9l9nL8B80Z4fImSpyllFC/KLqWQRdEcB+gGGO+N3Q2uL40EsG66wZLsohPxNXvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.7.5.tgz}
+    name: '@typescript-eslint/visitor-keys'
+    version: 6.7.5
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.7.5
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
+    dev: true
+
   registry.npmjs.org/@vitejs/plugin-react-swc@3.3.2(vite@4.4.9):
     resolution: {integrity: sha512-VJFWY5sfoZerQRvJrh518h3AcQt6f/yTuWn4/TRB+dqmYU0NX1qz7qM5Wfd+gOQqUzQW4gxKqKN3KpE/P3+zrA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.3.2.tgz}
     id: registry.npmjs.org/@vitejs/plugin-react-swc/3.3.2
@@ -3318,6 +3543,19 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  registry.npmjs.org/array.prototype.findlastindex@1.2.3:
+    resolution: {integrity: sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz}
+    name: array.prototype.findlastindex
+    version: 1.2.3
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
+      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.0
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+    dev: true
+
   registry.npmjs.org/array.prototype.flat@1.3.1:
     resolution: {integrity: sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz}
     name: array.prototype.flat
@@ -3390,6 +3628,12 @@ packages:
     engines: {node: '>=0.8'}
     dev: true
 
+  registry.npmjs.org/ast-types-flow@0.0.7:
+    resolution: {integrity: sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz}
+    name: ast-types-flow
+    version: 0.0.7
+    dev: true
+
   registry.npmjs.org/astral-regex@2.0.0:
     resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz}
     name: astral-regex
@@ -3538,6 +3782,13 @@ packages:
     version: 1.12.0
     dev: true
 
+  registry.npmjs.org/axe-core@4.8.2:
+    resolution: {integrity: sha512-/dlp0fxyM3R8YW7MFzaHWXrf4zzbr0vaYb23VBFCl83R7nWNPg/yaQw2Dc8jzCMmDVLhSdzH8MjrsuIUuvX+6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axe-core/-/axe-core-4.8.2.tgz}
+    name: axe-core
+    version: 4.8.2
+    engines: {node: '>=4'}
+    dev: true
+
   registry.npmjs.org/axios@0.27.2(debug@4.3.4):
     resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axios/-/axios-0.27.2.tgz}
     id: registry.npmjs.org/axios/0.27.2
@@ -3977,6 +4228,12 @@ packages:
       string-width: registry.npmjs.org/string-width@4.2.3
     dev: true
 
+  registry.npmjs.org/client-only@0.0.1:
+    resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz}
+    name: client-only
+    version: 0.0.1
+    dev: false
+
   registry.npmjs.org/cliui@6.0.0:
     resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz}
     name: cliui
@@ -4522,6 +4779,12 @@ packages:
       lodash: registry.npmjs.org/lodash@4.17.21
     dev: false
 
+  registry.npmjs.org/damerau-levenshtein@1.0.8:
+    resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz}
+    name: damerau-levenshtein
+    version: 1.0.8
+    dev: true
+
   registry.npmjs.org/dashdash@1.14.1:
     resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz}
     name: dashdash
@@ -4856,7 +5119,6 @@ packages:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz}
     name: emoji-regex
     version: 9.2.2
-    dev: false
 
   registry.npmjs.org/end-of-stream@1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz}
@@ -4865,6 +5127,16 @@ packages:
     dependencies:
       once: registry.npmjs.org/once@1.4.0
 
+  registry.npmjs.org/enhanced-resolve@5.15.0:
+    resolution: {integrity: sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz}
+    name: enhanced-resolve
+    version: 5.15.0
+    engines: {node: '>=10.13.0'}
+    dependencies:
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      tapable: registry.npmjs.org/tapable@2.2.1
+    dev: true
+
   registry.npmjs.org/enquirer@2.3.6:
     resolution: {integrity: sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz}
     name: enquirer
@@ -5088,6 +5360,34 @@ packages:
     engines: {node: '>=12'}
     dev: false
 
+  registry.npmjs.org/eslint-config-next@13.5.4(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-FzQGIj4UEszRX7fcRSJK6L1LrDiVZvDFW320VVntVKh3BSU8Fb9kpaoxQx0cdFgf3MQXdeSbrCXJ/5Z/NndDkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-13.5.4.tgz}
+    id: registry.npmjs.org/eslint-config-next/13.5.4
+    name: eslint-config-next
+    version: 13.5.4
+    peerDependencies:
+      eslint: ^7.23.0 || ^8.0.0
+      typescript: '>=3.3.1'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@next/eslint-plugin-next': registry.npmjs.org/@next/eslint-plugin-next@13.5.4
+      '@rushstack/eslint-patch': registry.npmjs.org/@rushstack/eslint-patch@1.5.1
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      eslint-import-resolver-node: registry.npmjs.org/eslint-import-resolver-node@0.3.9
+      eslint-import-resolver-typescript: registry.npmjs.org/eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.60.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1)(eslint@8.43.0)
+      eslint-plugin-import: registry.npmjs.org/eslint-plugin-import@2.28.1(@typescript-eslint/parser@6.7.5)(eslint@8.43.0)
+      eslint-plugin-jsx-a11y: registry.npmjs.org/eslint-plugin-jsx-a11y@6.7.1(eslint@8.43.0)
+      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.43.0)
+      eslint-plugin-react-hooks: registry.npmjs.org/eslint-plugin-react-hooks@4.6.0(eslint@8.43.0)
+      typescript: registry.npmjs.org/typescript@5.1.3
+    transitivePeerDependencies:
+      - eslint-import-resolver-webpack
+      - supports-color
+    dev: true
+
   registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.42.0):
     resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz}
     id: registry.npmjs.org/eslint-config-prettier/8.8.0
@@ -5124,6 +5424,175 @@ packages:
       eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo@1.10.13(eslint@8.42.0)
     dev: true
 
+  registry.npmjs.org/eslint-import-resolver-node@0.3.9:
+    resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz}
+    name: eslint-import-resolver-node
+    version: 0.3.9
+    dependencies:
+      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
+      is-core-module: registry.npmjs.org/is-core-module@2.13.0
+      resolve: registry.npmjs.org/resolve@1.22.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  registry.npmjs.org/eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.60.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1)(eslint@8.43.0):
+    resolution: {integrity: sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz}
+    id: registry.npmjs.org/eslint-import-resolver-typescript/3.6.1
+    name: eslint-import-resolver-typescript
+    version: 3.6.1
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      eslint-plugin-import: '*'
+    dependencies:
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      enhanced-resolve: registry.npmjs.org/enhanced-resolve@5.15.0
+      eslint: registry.npmjs.org/eslint@8.43.0
+      eslint-module-utils: registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@5.60.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.43.0)
+      eslint-plugin-import: registry.npmjs.org/eslint-plugin-import@2.28.1(@typescript-eslint/parser@6.7.5)(eslint@8.43.0)
+      fast-glob: registry.npmjs.org/fast-glob@3.3.1
+      get-tsconfig: registry.npmjs.org/get-tsconfig@4.7.2
+      is-core-module: registry.npmjs.org/is-core-module@2.13.0
+      is-glob: registry.npmjs.org/is-glob@4.0.3
+    transitivePeerDependencies:
+      - '@typescript-eslint/parser'
+      - eslint-import-resolver-node
+      - eslint-import-resolver-webpack
+      - supports-color
+    dev: true
+
+  registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@5.60.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.43.0):
+    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz}
+    id: registry.npmjs.org/eslint-module-utils/2.8.0
+    name: eslint-module-utils
+    version: 2.8.0
+    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
+    dependencies:
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      eslint-import-resolver-node: registry.npmjs.org/eslint-import-resolver-node@0.3.9
+      eslint-import-resolver-typescript: registry.npmjs.org/eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.60.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1)(eslint@8.43.0)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@6.7.5)(eslint-import-resolver-node@0.3.9)(eslint@8.43.0):
+    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz}
+    id: registry.npmjs.org/eslint-module-utils/2.8.0
+    name: eslint-module-utils
+    version: 2.8.0
+    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
+    dependencies:
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.7.5(eslint@8.42.0)(typescript@5.1.3)
+      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      eslint-import-resolver-node: registry.npmjs.org/eslint-import-resolver-node@0.3.9
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  registry.npmjs.org/eslint-plugin-import@2.28.1(@typescript-eslint/parser@6.7.5)(eslint@8.43.0):
+    resolution: {integrity: sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.28.1.tgz}
+    id: registry.npmjs.org/eslint-plugin-import/2.28.1
+    name: eslint-plugin-import
+    version: 2.28.1
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.7.5(eslint@8.42.0)(typescript@5.1.3)
+      array-includes: registry.npmjs.org/array-includes@3.1.6
+      array.prototype.findlastindex: registry.npmjs.org/array.prototype.findlastindex@1.2.3
+      array.prototype.flat: registry.npmjs.org/array.prototype.flat@1.3.1
+      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.1
+      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
+      doctrine: registry.npmjs.org/doctrine@2.1.0
+      eslint: registry.npmjs.org/eslint@8.43.0
+      eslint-import-resolver-node: registry.npmjs.org/eslint-import-resolver-node@0.3.9
+      eslint-module-utils: registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@6.7.5)(eslint-import-resolver-node@0.3.9)(eslint@8.43.0)
+      has: registry.npmjs.org/has@1.0.3
+      is-core-module: registry.npmjs.org/is-core-module@2.13.0
+      is-glob: registry.npmjs.org/is-glob@4.0.3
+      minimatch: registry.npmjs.org/minimatch@3.1.2
+      object.fromentries: registry.npmjs.org/object.fromentries@2.0.6
+      object.groupby: registry.npmjs.org/object.groupby@1.0.1
+      object.values: registry.npmjs.org/object.values@1.1.6
+      semver: registry.npmjs.org/semver@6.3.1
+      tsconfig-paths: registry.npmjs.org/tsconfig-paths@3.14.2
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+    dev: true
+
+  registry.npmjs.org/eslint-plugin-jsx-a11y@6.7.1(eslint@8.43.0):
+    resolution: {integrity: sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz}
+    id: registry.npmjs.org/eslint-plugin-jsx-a11y/6.7.1
+    name: eslint-plugin-jsx-a11y
+    version: 6.7.1
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+    dependencies:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      aria-query: registry.npmjs.org/aria-query@5.3.0
+      array-includes: registry.npmjs.org/array-includes@3.1.6
+      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.1
+      ast-types-flow: registry.npmjs.org/ast-types-flow@0.0.7
+      axe-core: registry.npmjs.org/axe-core@4.8.2
+      axobject-query: registry.npmjs.org/axobject-query@3.2.1
+      damerau-levenshtein: registry.npmjs.org/damerau-levenshtein@1.0.8
+      emoji-regex: registry.npmjs.org/emoji-regex@9.2.2
+      eslint: registry.npmjs.org/eslint@8.43.0
+      has: registry.npmjs.org/has@1.0.3
+      jsx-ast-utils: registry.npmjs.org/jsx-ast-utils@3.3.5
+      language-tags: registry.npmjs.org/language-tags@1.0.5
+      minimatch: registry.npmjs.org/minimatch@3.1.2
+      object.entries: registry.npmjs.org/object.entries@1.1.6
+      object.fromentries: registry.npmjs.org/object.fromentries@2.0.6
+      semver: registry.npmjs.org/semver@6.3.1
+    dev: true
+
   registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.42.0)(prettier@2.8.8):
     resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz}
     id: registry.npmjs.org/eslint-plugin-prettier/4.2.1
@@ -5144,6 +5613,18 @@ packages:
       prettier-linter-helpers: registry.npmjs.org/prettier-linter-helpers@1.0.0
     dev: true
 
+  registry.npmjs.org/eslint-plugin-react-hooks@4.6.0(eslint@8.43.0):
+    resolution: {integrity: sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz}
+    id: registry.npmjs.org/eslint-plugin-react-hooks/4.6.0
+    name: eslint-plugin-react-hooks
+    version: 4.6.0
+    engines: {node: '>=10'}
+    peerDependencies:
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
+    dependencies:
+      eslint: registry.npmjs.org/eslint@8.43.0
+    dev: true
+
   registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.42.0):
     resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz}
     id: registry.npmjs.org/eslint-plugin-react/7.33.2
@@ -5172,6 +5653,34 @@ packages:
       string.prototype.matchall: registry.npmjs.org/string.prototype.matchall@4.0.8
     dev: true
 
+  registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.43.0):
+    resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz}
+    id: registry.npmjs.org/eslint-plugin-react/7.33.2
+    name: eslint-plugin-react
+    version: 7.33.2
+    engines: {node: '>=4'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+    dependencies:
+      array-includes: registry.npmjs.org/array-includes@3.1.6
+      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.1
+      array.prototype.tosorted: registry.npmjs.org/array.prototype.tosorted@1.1.1
+      doctrine: registry.npmjs.org/doctrine@2.1.0
+      es-iterator-helpers: registry.npmjs.org/es-iterator-helpers@1.0.14
+      eslint: registry.npmjs.org/eslint@8.43.0
+      estraverse: registry.npmjs.org/estraverse@5.3.0
+      jsx-ast-utils: registry.npmjs.org/jsx-ast-utils@3.3.5
+      minimatch: registry.npmjs.org/minimatch@3.1.2
+      object.entries: registry.npmjs.org/object.entries@1.1.6
+      object.fromentries: registry.npmjs.org/object.fromentries@2.0.6
+      object.hasown: registry.npmjs.org/object.hasown@1.1.2
+      object.values: registry.npmjs.org/object.values@1.1.6
+      prop-types: registry.npmjs.org/prop-types@15.8.1
+      resolve: registry.npmjs.org/resolve@2.0.0-next.4
+      semver: registry.npmjs.org/semver@6.3.1
+      string.prototype.matchall: registry.npmjs.org/string.prototype.matchall@4.0.8
+    dev: true
+
   registry.npmjs.org/eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.0):
     resolution: {integrity: sha512-08v+DqzHiwIVEbi+266D7+BDhayp9OSqCwa/lHaZlZOlFY0vZLYs/h7SkkUPzA5fTVt8OUJBtvCxFiWEYOvvGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-2.31.1.tgz}
     id: registry.npmjs.org/eslint-plugin-svelte/2.31.1
@@ -5911,6 +6420,14 @@ packages:
       get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
     dev: true
 
+  registry.npmjs.org/get-tsconfig@4.7.2:
+    resolution: {integrity: sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz}
+    name: get-tsconfig
+    version: 4.7.2
+    dependencies:
+      resolve-pkg-maps: registry.npmjs.org/resolve-pkg-maps@1.0.0
+    dev: true
+
   registry.npmjs.org/getos@3.2.1:
     resolution: {integrity: sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/getos/-/getos-3.2.1.tgz}
     name: getos
@@ -5957,6 +6474,25 @@ packages:
       is-glob: registry.npmjs.org/is-glob@4.0.3
     dev: true
 
+  registry.npmjs.org/glob-to-regexp@0.4.1:
+    resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz}
+    name: glob-to-regexp
+    version: 0.4.1
+    dev: false
+
+  registry.npmjs.org/glob@7.1.7:
+    resolution: {integrity: sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-7.1.7.tgz}
+    name: glob
+    version: 7.1.7
+    dependencies:
+      fs.realpath: registry.npmjs.org/fs.realpath@1.0.0
+      inflight: registry.npmjs.org/inflight@1.0.6
+      inherits: registry.npmjs.org/inherits@2.0.4
+      minimatch: registry.npmjs.org/minimatch@3.1.2
+      once: registry.npmjs.org/once@1.4.0
+      path-is-absolute: registry.npmjs.org/path-is-absolute@1.0.1
+    dev: true
+
   registry.npmjs.org/glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-7.2.3.tgz}
     name: glob
@@ -6891,6 +7427,15 @@ packages:
     version: 5.0.1
     dev: true
 
+  registry.npmjs.org/json5@1.0.2:
+    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json5/-/json5-1.0.2.tgz}
+    name: json5
+    version: 1.0.2
+    hasBin: true
+    dependencies:
+      minimist: registry.npmjs.org/minimist@1.2.8
+    dev: true
+
   registry.npmjs.org/json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json5/-/json5-2.2.3.tgz}
     name: json5
@@ -6971,6 +7516,20 @@ packages:
     version: 0.27.0
     dev: true
 
+  registry.npmjs.org/language-subtag-registry@0.3.22:
+    resolution: {integrity: sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz}
+    name: language-subtag-registry
+    version: 0.3.22
+    dev: true
+
+  registry.npmjs.org/language-tags@1.0.5:
+    resolution: {integrity: sha512-qJhlO9cGXi6hBGKoxEG/sKZDAHD5Hnu9Hs4WbOY3pCWXDhw0N8x1NenNzm2EnNLkLkk7J2SdxAkDSbb6ftT+UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz}
+    name: language-tags
+    version: 1.0.5
+    dependencies:
+      language-subtag-registry: registry.npmjs.org/language-subtag-registry@0.3.22
+    dev: true
+
   registry.npmjs.org/lazy-ass@1.6.0:
     resolution: {integrity: sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lazy-ass/-/lazy-ass-1.6.0.tgz}
     name: lazy-ass
@@ -7208,7 +7767,6 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
-    dev: false
 
   registry.npmjs.org/map-obj@1.0.1:
     resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz}
@@ -7932,6 +8490,48 @@ packages:
       - supports-color
     dev: false
 
+  registry.npmjs.org/next@13.5.4(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-+93un5S779gho8y9ASQhb/bTkQF17FNQOtXLKAj3lsNgltEcF0C5PMLLncDmH+8X1EnJH1kbqAERa29nRXqhjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/next/-/next-13.5.4.tgz}
+    id: registry.npmjs.org/next/13.5.4
+    name: next
+    version: 13.5.4
+    engines: {node: '>=16.14.0'}
+    hasBin: true
+    peerDependencies:
+      '@opentelemetry/api': ^1.1.0
+      react: ^18.2.0
+      react-dom: ^18.2.0
+      sass: ^1.3.0
+    peerDependenciesMeta:
+      '@opentelemetry/api':
+        optional: true
+      sass:
+        optional: true
+    dependencies:
+      '@next/env': registry.npmjs.org/@next/env@13.5.4
+      '@swc/helpers': registry.npmjs.org/@swc/helpers@0.5.2
+      busboy: registry.npmjs.org/busboy@1.6.0
+      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001521
+      postcss: registry.npmjs.org/postcss@8.4.31
+      react: registry.npmjs.org/react@18.2.0
+      react-dom: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+      styled-jsx: registry.npmjs.org/styled-jsx@5.1.1(react@18.2.0)
+      watchpack: registry.npmjs.org/watchpack@2.4.0
+    optionalDependencies:
+      '@next/swc-darwin-arm64': registry.npmjs.org/@next/swc-darwin-arm64@13.5.4
+      '@next/swc-darwin-x64': registry.npmjs.org/@next/swc-darwin-x64@13.5.4
+      '@next/swc-linux-arm64-gnu': registry.npmjs.org/@next/swc-linux-arm64-gnu@13.5.4
+      '@next/swc-linux-arm64-musl': registry.npmjs.org/@next/swc-linux-arm64-musl@13.5.4
+      '@next/swc-linux-x64-gnu': registry.npmjs.org/@next/swc-linux-x64-gnu@13.5.4
+      '@next/swc-linux-x64-musl': registry.npmjs.org/@next/swc-linux-x64-musl@13.5.4
+      '@next/swc-win32-arm64-msvc': registry.npmjs.org/@next/swc-win32-arm64-msvc@13.5.4
+      '@next/swc-win32-ia32-msvc': registry.npmjs.org/@next/swc-win32-ia32-msvc@13.5.4
+      '@next/swc-win32-x64-msvc': registry.npmjs.org/@next/swc-win32-x64-msvc@13.5.4
+    transitivePeerDependencies:
+      - '@babel/core'
+      - babel-plugin-macros
+    dev: false
+
   registry.npmjs.org/nlcst-to-string@3.1.1:
     resolution: {integrity: sha512-63mVyqaqt0cmn2VcI2aH6kxe1rLAmSROqHMA0i4qqg1tidkfExgpb0FGMikMCn86mw5dFtBtEANfmSSK7TjNHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-3.1.1.tgz}
     name: nlcst-to-string
@@ -8088,6 +8688,17 @@ packages:
       es-abstract: registry.npmjs.org/es-abstract@1.22.1
     dev: true
 
+  registry.npmjs.org/object.groupby@1.0.1:
+    resolution: {integrity: sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz}
+    name: object.groupby
+    version: 1.0.1
+    dependencies:
+      call-bind: registry.npmjs.org/call-bind@1.0.2
+      define-properties: registry.npmjs.org/define-properties@1.2.0
+      es-abstract: registry.npmjs.org/es-abstract@1.22.1
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+    dev: true
+
   registry.npmjs.org/object.hasown@1.1.2:
     resolution: {integrity: sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz}
     name: object.hasown
@@ -8952,6 +9563,17 @@ packages:
       picocolors: registry.npmjs.org/picocolors@1.0.0
       source-map-js: registry.npmjs.org/source-map-js@1.0.2
 
+  registry.npmjs.org/postcss@8.4.31:
+    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz}
+    name: postcss
+    version: 8.4.31
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: registry.npmjs.org/nanoid@3.3.6
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+      source-map-js: registry.npmjs.org/source-map-js@1.0.2
+    dev: false
+
   registry.npmjs.org/prebuild-install@7.1.1:
     resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.1.tgz}
     name: prebuild-install
@@ -9482,6 +10104,12 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  registry.npmjs.org/resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz}
+    name: resolve-pkg-maps
+    version: 1.0.0
+    dev: true
+
   registry.npmjs.org/resolve@1.22.2:
     resolution: {integrity: sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz}
     name: resolve
@@ -10345,6 +10973,26 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  registry.npmjs.org/styled-jsx@5.1.1(react@18.2.0):
+    resolution: {integrity: sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz}
+    id: registry.npmjs.org/styled-jsx/5.1.1
+    name: styled-jsx
+    version: 5.1.1
+    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
+    dependencies:
+      client-only: registry.npmjs.org/client-only@0.0.1
+      react: registry.npmjs.org/react@18.2.0
+    dev: false
+
   registry.npmjs.org/stylehacks@6.0.0(postcss@8.4.27):
     resolution: {integrity: sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stylehacks/-/stylehacks-6.0.0.tgz}
     id: registry.npmjs.org/stylehacks/6.0.0
@@ -10406,8 +11054,8 @@ packages:
       picocolors: registry.npmjs.org/picocolors@1.0.0
       sade: registry.npmjs.org/sade@1.8.1
       svelte: registry.npmjs.org/svelte@4.2.0
-      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.27)(svelte@4.2.0)(typescript@5.2.2)
-      typescript: registry.npmjs.org/typescript@5.2.2
+      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.27)(svelte@4.2.0)(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -10484,7 +11132,7 @@ packages:
       svelte: registry.npmjs.org/svelte@4.2.1
     dev: false
 
-  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.27)(svelte@4.2.0)(typescript@5.2.2):
+  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.27)(svelte@4.2.0)(typescript@5.1.3):
     resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz}
     id: registry.npmjs.org/svelte-preprocess/5.0.4
     name: svelte-preprocess
@@ -10532,7 +11180,7 @@ packages:
       sorcery: registry.npmjs.org/sorcery@0.11.0
       strip-indent: registry.npmjs.org/strip-indent@3.0.0
       svelte: registry.npmjs.org/svelte@4.2.0
-      typescript: registry.npmjs.org/typescript@5.2.2
+      typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
   registry.npmjs.org/svelte2tsx@0.6.20(svelte@4.2.0)(typescript@5.1.3):
@@ -10622,6 +11270,13 @@ packages:
       picocolors: registry.npmjs.org/picocolors@1.0.0
     dev: true
 
+  registry.npmjs.org/tapable@2.2.1:
+    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz}
+    name: tapable
+    version: 2.2.1
+    engines: {node: '>=6'}
+    dev: true
+
   registry.npmjs.org/tar-fs@2.1.1:
     resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz}
     name: tar-fs
@@ -10807,6 +11462,17 @@ packages:
       typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
+  registry.npmjs.org/tsconfig-paths@3.14.2:
+    resolution: {integrity: sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz}
+    name: tsconfig-paths
+    version: 3.14.2
+    dependencies:
+      '@types/json5': registry.npmjs.org/@types/json5@0.0.29
+      json5: registry.npmjs.org/json5@1.0.2
+      minimist: registry.npmjs.org/minimist@1.2.8
+      strip-bom: registry.npmjs.org/strip-bom@3.0.0
+    dev: true
+
   registry.npmjs.org/tsconfig-resolver@3.0.1:
     resolution: {integrity: sha512-ZHqlstlQF449v8glscGRXzL6l2dZvASPCdXJRWG4gHEZlUVx2Jtmr+a2zeVG4LCsKhDXKRj5R3h0C/98UcVAQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsconfig-resolver/-/tsconfig-resolver-3.0.1.tgz}
     name: tsconfig-resolver
@@ -11059,14 +11725,6 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
-  registry.npmjs.org/typescript@5.2.2:
-    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz}
-    name: typescript
-    version: 5.2.2
-    engines: {node: '>=14.17'}
-    hasBin: true
-    dev: true
-
   registry.npmjs.org/ultrahtml@1.5.2:
     resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ultrahtml/-/ultrahtml-1.5.2.tgz}
     name: ultrahtml
@@ -11084,6 +11742,12 @@ packages:
       which-boxed-primitive: registry.npmjs.org/which-boxed-primitive@1.0.2
     dev: true
 
+  registry.npmjs.org/undici-types@5.25.3:
+    resolution: {integrity: sha512-Ga1jfYwRn7+cP9v8auvEXN1rX3sWqlayd4HP7OKk4mZWylEmu3KzXDUGrQUN6Ol7qo1gPvB2e5gX6udnyEPgdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici-types/-/undici-types-5.25.3.tgz}
+    name: undici-types
+    version: 5.25.3
+    dev: true
+
   registry.npmjs.org/undici@5.23.0:
     resolution: {integrity: sha512-1D7w+fvRsqlQ9GscLBwcAJinqcZGHUKjbOmXdlE/v8BvEGXjeWAax+341q44EuTcHXXnfyKNbKRq4Lg7OzhMmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici/-/undici-5.23.0.tgz}
     name: undici
@@ -11410,6 +12074,16 @@ packages:
       - debug
     dev: true
 
+  registry.npmjs.org/watchpack@2.4.0:
+    resolution: {integrity: sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz}
+    name: watchpack
+    version: 2.4.0
+    engines: {node: '>=10.13.0'}
+    dependencies:
+      glob-to-regexp: registry.npmjs.org/glob-to-regexp@0.4.1
+      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+    dev: false
+
   registry.npmjs.org/wcwidth@1.0.1:
     resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz}
     name: wcwidth
diff --git a/tooling/rollup-config/src/index.js b/tooling/rollup-config/src/index.js
index a947fdca9..0c9c21baa 100644
--- a/tooling/rollup-config/src/index.js
+++ b/tooling/rollup-config/src/index.js
@@ -30,6 +30,7 @@ export const esmConfig = defineConfig({
   output: {
     file: pkg.module,
     format: 'esm',
+    banner: '"use client"',
   },
   onwarn,
   plugins: [

From 0cfecc823fc6c760b21189473f13092c3bbb9211 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 11 Oct 2023 11:17:15 +0200
Subject: [PATCH 0250/1093] feat(svelte): add group node

---
 packages/svelte/src/lib/components/nodes/GroupNode.svelte | 5 +++++
 packages/svelte/src/lib/store/initial-store.ts            | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 packages/svelte/src/lib/components/nodes/GroupNode.svelte

diff --git a/packages/svelte/src/lib/components/nodes/GroupNode.svelte b/packages/svelte/src/lib/components/nodes/GroupNode.svelte
new file mode 100644
index 000000000..ca876fd91
--- /dev/null
+++ b/packages/svelte/src/lib/components/nodes/GroupNode.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+  import { type NodeProps } from '@xyflow/system';
+
+  interface $$Props extends NodeProps<{}> {}
+</script>
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index c9deb6222..c34199ecb 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -20,6 +20,7 @@ import {
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
 import InputNode from '$lib/components/nodes/InputNode.svelte';
 import OutputNode from '$lib/components/nodes/OutputNode.svelte';
+import GroupNode from '$lib/components/nodes/GroupNode.svelte';
 import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
@@ -31,7 +32,8 @@ import { initConnectionProps, type ConnectionProps } from './derived-connection-
 export const initialNodeTypes = {
   input: InputNode,
   output: OutputNode,
-  default: DefaultNode
+  default: DefaultNode,
+  group: GroupNode
 };
 
 export const initialEdgeTypes = {

From f68d6d1066b71b02761f2667f228ace262532e65 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 16 Oct 2023 11:14:18 +0200
Subject: [PATCH 0251/1093] chore(svelte): edge types

---
 packages/svelte/src/lib/types/edges.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index c4426a89d..3f65be9c3 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -10,13 +10,11 @@ import type {
 
 import type { Node } from '$lib/types';
 
-export type DefaultEdge<EdgeData = any> = EdgeBase<EdgeData> & {
+export type DefaultEdge<EdgeData = any> = Omit<EdgeBase<EdgeData>, 'focusable'> & {
   label?: string;
   labelStyle?: string;
   style?: string;
   class?: string;
-  sourceNode?: Node;
-  targetNode?: Node;
 };
 
 type SmoothStepEdgeType<T> = DefaultEdge<T> & {
@@ -47,7 +45,7 @@ export type EdgeProps = Omit<Edge, 'sourceHandle' | 'targetHandle'> &
 
 export type EdgeTypes = Record<string, ComponentType<SvelteComponent<EdgeProps>>>;
 
-export type DefaultEdgeOptions = DefaultEdgeOptionsBase<Edge>;
+export type DefaultEdgeOptions = Omit<DefaultEdgeOptionsBase<Edge>, 'focusable'>;
 
 export type EdgeLayouted = Pick<
   Edge,
@@ -72,6 +70,8 @@ export type EdgeLayouted = Pick<
   | 'class'
 > &
   EdgePosition & {
+    sourceNode?: Node;
+    targetNode?: Node;
     sourceHandleId?: string | null;
     targetHandleId?: string | null;
   };

From 3c30fa40874ffa230ec8191f155ba5252ec096cc Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 16 Oct 2023 11:14:56 +0200
Subject: [PATCH 0252/1093] chore(svelte): rename showInteractive to showLock

---
 packages/svelte/src/lib/plugins/Controls/Controls.svelte | 4 ++--
 packages/svelte/src/lib/plugins/Controls/types.ts        | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index 80ef31a63..396d19dd2 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -15,7 +15,7 @@
   export let position: $$Props['position'] = 'bottom-left';
   export let showZoom: $$Props['showZoom'] = true;
   export let showFitView: $$Props['showFitView'] = true;
-  export let showInteractive: $$Props['showInteractive'] = true;
+  export let showLock: $$Props['showLock'] = true;
   export let buttonBgColor: $$Props['buttonBgColor'] = undefined;
   export let buttonBgColorHover: $$Props['buttonBgColorHover'] = undefined;
   export let buttonColor: $$Props['buttonColor'] = undefined;
@@ -101,7 +101,7 @@
       <FitViewIcon />
     </ControlButton>
   {/if}
-  {#if showInteractive}
+  {#if showLock}
     <ControlButton
       class="svelte-flow__controls-interactive"
       on:click={onToggleInteractivity}
diff --git a/packages/svelte/src/lib/plugins/Controls/types.ts b/packages/svelte/src/lib/plugins/Controls/types.ts
index 0f3c05d7f..31131dff9 100644
--- a/packages/svelte/src/lib/plugins/Controls/types.ts
+++ b/packages/svelte/src/lib/plugins/Controls/types.ts
@@ -4,7 +4,7 @@ export type ControlsProps = {
   position?: PanelPosition;
   showZoom?: boolean;
   showFitView?: boolean;
-  showInteractive?: boolean;
+  showLock?: boolean;
   buttonBgColor?: string;
   buttonBgColorHover?: string;
   buttonColor?: string;

From 92a06d25dbe0b2b48f4f04c55bcc235851596a89 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 16 Oct 2023 11:22:05 +0200
Subject: [PATCH 0253/1093] chore(svelte): add id prop

---
 .../src/additional-components/Background/Background.tsx     | 6 ++++--
 .../svelte/src/lib/plugins/Background/Background.svelte     | 3 ++-
 packages/svelte/src/lib/plugins/Background/types.ts         | 1 +
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/additional-components/Background/Background.tsx b/packages/react/src/additional-components/Background/Background.tsx
index 73664f9fe..843daf196 100644
--- a/packages/react/src/additional-components/Background/Background.tsx
+++ b/packages/react/src/additional-components/Background/Background.tsx
@@ -46,6 +46,8 @@ function Background({
     ? [scaledSize / offset, scaledSize / offset]
     : [patternDimensions[0] / offset, patternDimensions[1] / offset];
 
+  const _patternId = `${patternId}${id ? id : ''}`;
+
   return (
     <svg
       className={cc(['react-flow__background', className])}
@@ -61,7 +63,7 @@ function Background({
       data-testid="rf__background"
     >
       <pattern
-        id={patternId + id}
+        id={_patternId}
         x={transform[0] % scaledGap[0]}
         y={transform[1] % scaledGap[1]}
         width={scaledGap[0]}
@@ -80,7 +82,7 @@ function Background({
           />
         )}
       </pattern>
-      <rect x="0" y="0" width="100%" height="100%" fill={`url(#${patternId + id})`} />
+      <rect x="0" y="0" width="100%" height="100%" fill={`url(#${_patternId})`} />
     </svg>
   );
 }
diff --git a/packages/svelte/src/lib/plugins/Background/Background.svelte b/packages/svelte/src/lib/plugins/Background/Background.svelte
index 7e6a9bffd..67689ab95 100644
--- a/packages/svelte/src/lib/plugins/Background/Background.svelte
+++ b/packages/svelte/src/lib/plugins/Background/Background.svelte
@@ -16,6 +16,7 @@
 
   type $$Props = BackgroundProps;
 
+  export let id: $$Props['id'] = undefined;
   export let variant: $$Props['variant'] = BackgroundVariant.Dots;
   export let gap: $$Props['gap'] = 20;
   export let size: $$Props['size'] = 1;
@@ -32,7 +33,7 @@
   const isCross = variant === BackgroundVariant.Cross;
   const gapXY: number[] = Array.isArray(gap!) ? gap! : [gap!, gap!];
 
-  $: patternId = `background-pattern-${$flowId}`;
+  $: patternId = `background-pattern-${$flowId}-${id ? id : ''}`;
   $: scaledGap = [gapXY[0] * $viewport.zoom || 1, gapXY[1] * $viewport.zoom || 1];
   $: scaledSize = patternSize * $viewport.zoom;
   $: patternDimensions = (isCross ? [scaledSize, scaledSize] : scaledGap) as [number, number];
diff --git a/packages/svelte/src/lib/plugins/Background/types.ts b/packages/svelte/src/lib/plugins/Background/types.ts
index dd6a4d3c0..3ca5667dc 100644
--- a/packages/svelte/src/lib/plugins/Background/types.ts
+++ b/packages/svelte/src/lib/plugins/Background/types.ts
@@ -5,6 +5,7 @@ export enum BackgroundVariant {
 }
 
 export type BackgroundProps = {
+  id?: string;
   bgColor?: string;
   patternColor?: string;
   patternClass?: string;

From c7a533bffed7bb39885cf8abdf4f9078a5ebef5d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 16 Oct 2023 15:53:36 +0200
Subject: [PATCH 0254/1093] chore(svelte): fix types for event handlers

---
 .../components/EdgeWrapper/EdgeWrapper.svelte | 17 +++++++++++----
 .../src/lib/components/Handle/Handle.svelte   | 21 +++++++++++++++++--
 .../components/NodeWrapper/NodeWrapper.svelte | 12 ++++++++++-
 .../svelte/src/lib/container/Pane/Pane.svelte |  9 +++++++-
 .../src/lib/container/SvelteFlow/types.ts     | 21 -------------------
 5 files changed, 51 insertions(+), 29 deletions(-)

diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 7d609447f..8601415bb 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -6,7 +6,7 @@
 
   import { useStore } from '$lib/store';
   import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
-  import type { EdgeLayouted } from '$lib/types';
+  import type { EdgeLayouted, Edge } from '$lib/types';
 
   type $$Props = EdgeLayouted;
 
@@ -39,7 +39,10 @@
   export { className as class };
 
   const { edges, edgeTypes, flowId, addSelectedEdges } = useStore();
-  const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher<{
+    edgeclick: { edge: Edge; event: MouseEvent | TouchEvent };
+    edgecontextmenu: { edge: Edge; event: MouseEvent };
+  }>();
 
   $: edgeComponent = $edgeTypes[type!] || BezierEdge;
   $: markerStartUrl = markerStart ? `url(#${getMarkerId(markerStart, $flowId)})` : undefined;
@@ -51,12 +54,18 @@
     }
 
     const edge = $edges.find((e) => e.id === id);
-    dispatch('edgeclick', { event, edge });
+
+    if (edge) {
+      dispatch('edgeclick', { event, edge });
+    }
   }
 
   function onContextMenu(event: MouseEvent) {
     const edge = $edges.find((e) => e.id === id);
-    dispatch('edgecontextmenu', { event, edge });
+
+    if (edge) {
+      dispatch('edgecontextmenu', { event, edge });
+    }
   }
 </script>
 
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 58d5ad021..655bcc6b1 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -1,7 +1,13 @@
 <script lang="ts">
   import { getContext, createEventDispatcher } from 'svelte';
   import cc from 'classcat';
-  import { Position, XYHandle, isMouseEvent } from '@xyflow/system';
+  import {
+    Position,
+    XYHandle,
+    isMouseEvent,
+    type Connection,
+    type HandleType
+  } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import type { HandleComponentProps } from '$lib/types';
@@ -26,7 +32,18 @@
   $: handleConnectable = isConnectable !== undefined ? isConnectable : $connectable;
 
   const handleId = id || null;
-  const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher<{
+    connect: { connection: Connection };
+    connectstart: {
+      event: MouseEvent | TouchEvent;
+      nodeId: string | null;
+      handleId: string | null;
+      handleType: HandleType | null;
+    };
+    connectend: {
+      event: MouseEvent | TouchEvent;
+    };
+  }>();
 
   const store = useStore();
   const {
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 10906aea8..df1429740 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -16,6 +16,7 @@
   import { useStore } from '$lib/store';
   import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
   import type { NodeWrapperProps } from './types';
+  import type { Node } from '$lib/types';
 
   interface $$Props extends NodeWrapperProps {}
 
@@ -54,7 +55,16 @@
 
   const nodeComponent: ComponentType<SvelteComponent<NodeProps>> = $nodeTypes[type!] || DefaultNode;
   const selectNodesOnDrag = false;
-  const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher<{
+    nodeclick: { node: Node; event: MouseEvent | TouchEvent };
+    nodecontextmenu: { node: Node; event: MouseEvent | TouchEvent };
+    nodedrag: { node: Node; nodes: Node[]; event: MouseEvent | TouchEvent };
+    nodedragstart: { node: Node; nodes: Node[]; event: MouseEvent | TouchEvent };
+    nodedragstop: { node: Node; nodes: Node[]; event: MouseEvent | TouchEvent };
+    nodemouseenter: { node: Node; event: MouseEvent | TouchEvent };
+    nodemouseleave: { node: Node; event: MouseEvent | TouchEvent };
+    nodemousemove: { node: Node; event: MouseEvent | TouchEvent };
+  }>();
   const connectableStore = writable(connectable);
 
   $: {
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 6727fc44c..efc365fc4 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -41,7 +41,14 @@
 
   export let panOnDrag: $$Props['panOnDrag'] = undefined;
 
-  const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher<{
+    paneclick: {
+      event: MouseEvent | TouchEvent;
+    };
+    panecontextmenu: {
+      event: MouseEvent;
+    };
+  }>();
   const {
     nodes,
     edges,
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 91f3bb704..9e59bef93 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -83,25 +83,4 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   onMove?: OnMove;
   onMoveEnd?: OnMoveEnd;
   onError?: OnError;
-
-  'on:nodeclick'?: CustomEvent<{ event: MouseEvent | TouchEvent; node: Node }>;
-  'on:nodemouseenter'?: CustomEvent<{ event: MouseEvent; node: Node }>;
-  'on:nodemousemove'?: CustomEvent<{ event: MouseEvent; node: Node }>;
-  'on:nodemouseleave'?: CustomEvent<{ event: MouseEvent; node: Node }>;
-  'on:edgeclick'?: CustomEvent<{ event: MouseEvent; edge: Edge }>;
-  'on:edgecontextmenu'?: CustomEvent<{ event: MouseEvent; edge: Edge }>;
-  'on:connectstart'?: CustomEvent<{
-    event: MouseEvent | TouchEvent;
-    nodeId?: string;
-    handleId?: string;
-    handleType?: HandleType;
-  }>;
-  'on:connect'?: CustomEvent<{ connection: Connection }>;
-  'on:connectend'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
-  'on:paneclick'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
-  'on:panecontextmenu'?: CustomEvent<{ event: MouseEvent }>;
-  'on:nodedragstart'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
-  'on:nodedrag'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
-  'on:nodedragstop'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
-  'on:nodecontextmenu'?: CustomEvent<{ event: MouseEvent; node: NodeBase }>;
 };

From bce7a49c73f9220a0379e390454795493ab87551 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 16 Oct 2023 15:54:43 +0200
Subject: [PATCH 0255/1093] chore(svelte): add class to BaseEdge comp

---
 packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte | 2 ++
 packages/svelte/src/lib/components/BaseEdge/types.ts        | 1 +
 2 files changed, 3 insertions(+)

diff --git a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
index 5676d135d..fe0e7d946 100644
--- a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
@@ -14,6 +14,8 @@
   export let markerEnd: $$Props['markerEnd'] = undefined;
   export let style: $$Props['style'] = undefined;
   export let interactionWidth: $$Props['interactionWidth'] = 20;
+  let className: $$Props['class'] = undefined;
+  export { className as class };
 </script>
 
 <path
diff --git a/packages/svelte/src/lib/components/BaseEdge/types.ts b/packages/svelte/src/lib/components/BaseEdge/types.ts
index 32ed066ba..c4135c1c2 100644
--- a/packages/svelte/src/lib/components/BaseEdge/types.ts
+++ b/packages/svelte/src/lib/components/BaseEdge/types.ts
@@ -10,4 +10,5 @@ export type BaseEdgeProps = Pick<
   labelY?: number;
   markerStart?: string;
   markerEnd?: string;
+  class?: string;
 };

From 82bcc2263ebf9bdf7a8f02908336f5ed6b59ffc4 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 16 Oct 2023 18:54:40 +0200
Subject: [PATCH 0256/1093] feat(svelte): add selected prop for minimap node

---
 packages/svelte/src/lib/plugins/Minimap/Minimap.svelte     | 1 +
 packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 79b5e1ada..95c8c7d3c 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -121,6 +121,7 @@
             y={pos.y}
             width={node.width}
             height={node.height}
+            selected={node.selected}
             color={nodeColorFunc(node)}
             borderRadius={nodeBorderRadius}
             strokeColor={nodeStrokeColorFunc(node)}
diff --git a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
index c9658f8a6..ff0b1f0a5 100644
--- a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
@@ -10,12 +10,14 @@
   export let shapeRendering: string;
   export let strokeColor: string;
   export let strokeWidth: number = 2;
+  export let selected: boolean = false;
   let className: string = '';
   export { className as class };
 </script>
 
 <rect
   class={cc(['svelte-flow__minimap-node', className])}
+  class:selected
   {x}
   {y}
   rx={borderRadius}

From e5f877a9bd883b0a37384fbdda38a9c6fbae4df8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 19 Oct 2023 15:47:09 +0200
Subject: [PATCH 0257/1093] refactor(svelte): update node automatically when
 source-/ targetPos change

---
 examples/svelte/package.json                  |   1 +
 .../src/components/Header/Header.svelte       |   7 +-
 examples/svelte/src/routes/dagre/+page.svelte |  79 +++
 .../src/routes/dagre/nodes-and-edges.ts       |  72 +++
 examples/svelte/src/styles/base.css           |   8 -
 examples/svelte/src/styles/style.css          |   8 -
 .../components/NodeWrapper/NodeWrapper.svelte |  41 +-
 pnpm-lock.yaml                                | 532 +++---------------
 8 files changed, 269 insertions(+), 479 deletions(-)
 create mode 100644 examples/svelte/src/routes/dagre/+page.svelte
 create mode 100644 examples/svelte/src/routes/dagre/nodes-and-edges.ts
 delete mode 100644 examples/svelte/src/styles/base.css
 delete mode 100644 examples/svelte/src/styles/style.css

diff --git a/examples/svelte/package.json b/examples/svelte/package.json
index 4efc4adf0..8cd6a14eb 100644
--- a/examples/svelte/package.json
+++ b/examples/svelte/package.json
@@ -29,6 +29,7 @@
 	},
 	"type": "module",
 	"dependencies": {
+		"@dagrejs/dagre": "^1.0.4",
 		"@xyflow/svelte": "workspace:^"
 	}
 }
diff --git a/examples/svelte/src/components/Header/Header.svelte b/examples/svelte/src/components/Header/Header.svelte
index e842824e0..202e513be 100644
--- a/examples/svelte/src/components/Header/Header.svelte
+++ b/examples/svelte/src/components/Header/Header.svelte
@@ -3,21 +3,22 @@
 	import { page } from '$app/stores';
 
 	const routes = [
+		'add-node-on-drop',
 		'custom-connection-line',
 		'customnode',
+		'dagre',
 		'drag-n-drop',
 		'edges',
 		'figma',
 		'interaction',
+		'intersections',
 		'overview',
 		'stress',
 		'subflows',
 		'two-way-viewport',
 		'usesvelteflow',
 		'useupdatenodeinternals',
-		'validation',
-		'intersections',
-		'add-node-on-drop'
+		'validation'
 	];
 
 	const onChange = (event: Event) => {
diff --git a/examples/svelte/src/routes/dagre/+page.svelte b/examples/svelte/src/routes/dagre/+page.svelte
new file mode 100644
index 000000000..02b417a90
--- /dev/null
+++ b/examples/svelte/src/routes/dagre/+page.svelte
@@ -0,0 +1,79 @@
+<script lang="ts">
+  import { writable } from 'svelte/store';
+  import { SvelteFlow, Background, Position, ConnectionLineType, Panel } from '@xyflow/svelte';
+  import type { Edge, Node } from '@xyflow/svelte';
+  import dagre from '@dagrejs/dagre';
+
+  import '@xyflow/svelte/dist/style.css';
+
+  import { initialNodes, initialEdges } from './nodes-and-edges';
+
+  const dagreGraph = new dagre.graphlib.Graph();
+  dagreGraph.setDefaultEdgeLabel(() => ({}));
+
+  const nodeWidth = 172;
+  const nodeHeight = 36;
+
+  function getLayoutedElements(nodes: Node[], edges: Edge[], direction = 'TB') {
+    const isHorizontal = direction === 'LR';
+    dagreGraph.setGraph({ rankdir: direction });
+
+    nodes.forEach((node) => {
+      dagreGraph.setNode(node.id, { width: nodeWidth, height: nodeHeight });
+    });
+
+    edges.forEach((edge) => {
+      dagreGraph.setEdge(edge.source, edge.target);
+    });
+
+    dagre.layout(dagreGraph);
+
+    nodes.forEach((node) => {
+      const nodeWithPosition = dagreGraph.node(node.id);
+      node.targetPosition = isHorizontal ? Position.Left : Position.Top;
+      node.sourcePosition = isHorizontal ? Position.Right : Position.Bottom;
+
+      // We are shifting the dagre node position (anchor=center center) to the top left
+      // so it matches the React Flow node anchor point (top left).
+      node.position = {
+        x: nodeWithPosition.x - nodeWidth / 2,
+        y: nodeWithPosition.y - nodeHeight / 2
+      };
+    });
+
+    return { nodes, edges };
+  }
+
+  const { nodes: layoutedNodes, edges: layoutedEdges } = getLayoutedElements(
+    initialNodes,
+    initialEdges
+  );
+
+  const nodes = writable<Node[]>(layoutedNodes);
+  const edges = writable<Edge[]>(layoutedEdges);
+
+  function onLayout(direction: string) {
+    const layoutedElements = getLayoutedElements($nodes, $edges, direction);
+
+    $nodes = layoutedElements.nodes;
+    $edges = layoutedElements.edges;
+    // nodes.set(layoutedElements.nodes);
+    // edges.set(layoutedElements.edges);
+  }
+</script>
+
+<div style="height:100vh;">
+  <SvelteFlow
+    {nodes}
+    {edges}
+    fitView
+    connectionLineType={ConnectionLineType.SmoothStep}
+    defaultEdgeOptions={{ type: 'smoothstep', animated: true }}
+  >
+    <Panel position="top-right">
+      <button on:click={() => onLayout('TB')}>vertical layout</button>
+      <button on:click={() => onLayout('LR')}>horizontal layout</button>
+    </Panel>
+    <Background />
+  </SvelteFlow>
+</div>
diff --git a/examples/svelte/src/routes/dagre/nodes-and-edges.ts b/examples/svelte/src/routes/dagre/nodes-and-edges.ts
new file mode 100644
index 000000000..7be0a33f9
--- /dev/null
+++ b/examples/svelte/src/routes/dagre/nodes-and-edges.ts
@@ -0,0 +1,72 @@
+import type { Node, Edge } from '@xyflow/svelte';
+
+const position = { x: 0, y: 0 };
+const edgeType = 'smoothstep';
+
+export const initialNodes: Node[] = [
+	{
+		id: '1',
+		type: 'input',
+		data: { label: 'input' },
+		position
+	},
+	{
+		id: '2',
+		data: { label: 'node 2' },
+		position
+	},
+	{
+		id: '2a',
+		data: { label: 'node 2a' },
+		position
+	},
+	{
+		id: '2b',
+		data: { label: 'node 2b' },
+		position
+	},
+	{
+		id: '2c',
+		data: { label: 'node 2c' },
+		position
+	},
+	{
+		id: '2d',
+		data: { label: 'node 2d' },
+		position
+	},
+	{
+		id: '3',
+		data: { label: 'node 3' },
+		position
+	},
+	{
+		id: '4',
+		data: { label: 'node 4' },
+		position
+	},
+	{
+		id: '5',
+		data: { label: 'node 5' },
+		position
+	},
+	{
+		id: '6',
+		type: 'output',
+		data: { label: 'output' },
+		position
+	},
+	{ id: '7', type: 'output', data: { label: 'output' }, position }
+];
+
+export const initialEdges: Edge[] = [
+	{ id: 'e12', source: '1', target: '2', type: edgeType, animated: true },
+	{ id: 'e13', source: '1', target: '3', type: edgeType, animated: true },
+	{ id: 'e22a', source: '2', target: '2a', type: edgeType, animated: true },
+	{ id: 'e22b', source: '2', target: '2b', type: edgeType, animated: true },
+	{ id: 'e22c', source: '2', target: '2c', type: edgeType, animated: true },
+	{ id: 'e2c2d', source: '2c', target: '2d', type: edgeType, animated: true },
+	{ id: 'e45', source: '4', target: '5', type: edgeType, animated: true },
+	{ id: 'e56', source: '5', target: '6', type: edgeType, animated: true },
+	{ id: 'e57', source: '5', target: '7', type: edgeType, animated: true }
+];
diff --git a/examples/svelte/src/styles/base.css b/examples/svelte/src/styles/base.css
deleted file mode 100644
index 80bc953da..000000000
--- a/examples/svelte/src/styles/base.css
+++ /dev/null
@@ -1,8 +0,0 @@
-/* this gets exported as style.css and can be used for the default theming */
-@import '../../../system/src/styles/init.css';
-@import '../../../system/src/styles/base.css';
-
-.svelte-flow__edge-label {
-  text-align: center;
-  position: absolute;
-}
diff --git a/examples/svelte/src/styles/style.css b/examples/svelte/src/styles/style.css
deleted file mode 100644
index b3f57e6f8..000000000
--- a/examples/svelte/src/styles/style.css
+++ /dev/null
@@ -1,8 +0,0 @@
-/* this gets exported as style.css and can be used for the default theming */
-@import '../../../system/src/styles/init.css';
-@import '../../../system/src/styles/style.css';
-
-.svelte-flow__edge-label {
-  text-align: center;
-  position: absolute;
-}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index df1429740..4b347b290 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -10,7 +10,7 @@
   } from 'svelte';
   import cc from 'classcat';
   import { get, writable } from 'svelte/store';
-  import { errorMessages, type NodeProps } from '@xyflow/system';
+  import { errorMessages, Position, type NodeProps } from '@xyflow/system';
 
   import drag from '$lib/actions/drag';
   import { useStore } from '$lib/store';
@@ -43,17 +43,18 @@
   export { className as class };
 
   const store = useStore();
-  const { nodeTypes, nodeDragThreshold, addSelectedNodes } = store;
+  const { nodeTypes, nodeDragThreshold, addSelectedNodes, updateNodeDimensions } = store;
+  const nodeType = type || 'default';
 
   let nodeRef: HTMLDivElement;
-  const nodeTypeValid = !!$nodeTypes[type!];
+  const nodeTypeValid = !!$nodeTypes[nodeType];
 
   if (!nodeTypeValid) {
     console.warn('003', errorMessages['error003'](type!));
-    type = 'default';
   }
 
-  const nodeComponent: ComponentType<SvelteComponent<NodeProps>> = $nodeTypes[type!] || DefaultNode;
+  const nodeComponent: ComponentType<SvelteComponent<NodeProps>> =
+    $nodeTypes[nodeType] || DefaultNode;
   const selectNodesOnDrag = false;
   const dispatch = createEventDispatcher<{
     nodeclick: { node: Node; event: MouseEvent | TouchEvent };
@@ -66,11 +67,39 @@
     nodemousemove: { node: Node; event: MouseEvent | TouchEvent };
   }>();
   const connectableStore = writable(connectable);
+  let prevType: string | undefined = undefined;
+  let prevSourcePosition: Position | undefined = undefined;
+  let prevTargetPosition: Position | undefined = undefined;
 
   $: {
     connectableStore.set(!!connectable);
   }
 
+  $: {
+    // if type, sourcePosition or targetPosition changes,
+    // we need to re-calculate the handle positions
+    const doUpdate =
+      (prevType && nodeType !== prevType) ||
+      (prevSourcePosition && sourcePosition !== prevSourcePosition) ||
+      (prevTargetPosition && targetPosition !== prevTargetPosition);
+
+    if (doUpdate) {
+      requestAnimationFrame(() =>
+        updateNodeDimensions([
+          {
+            id,
+            nodeElement: nodeRef,
+            forceUpdate: true
+          }
+        ])
+      );
+    }
+
+    prevType = nodeType;
+    prevSourcePosition = sourcePosition;
+    prevTargetPosition = targetPosition;
+  }
+
   setContext('svelteflow__node_id', id);
   setContext('svelteflow__node_connectable', connectableStore);
 
@@ -118,7 +147,7 @@
     }}
     bind:this={nodeRef}
     data-id={id}
-    class={cc(['svelte-flow__node', `svelte-flow__node-${type || 'default'}`, className])}
+    class={cc(['svelte-flow__node', `svelte-flow__node-${nodeType}`, className])}
     class:dragging
     class:selected
     class:draggable
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c0345d891..deb677030 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,10 +16,10 @@ importers:
         version: registry.npmjs.org/@changesets/cli@2.26.1
       '@typescript-eslint/eslint-plugin':
         specifier: latest
-        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.5.0(@typescript-eslint/parser@6.5.0)(eslint@8.42.0)(typescript@5.1.3)
+        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.42.0)(typescript@5.1.3)
       '@typescript-eslint/parser':
         specifier: latest
-        version: registry.npmjs.org/@typescript-eslint/parser@6.5.0(eslint@8.42.0)(typescript@5.1.3)
+        version: registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.42.0)(typescript@5.1.3)
       concurrently:
         specifier: ^7.6.0
         version: registry.npmjs.org/concurrently@7.6.0
@@ -120,6 +120,9 @@ importers:
 
   examples/svelte:
     dependencies:
+      '@dagrejs/dagre':
+        specifier: ^1.0.4
+        version: registry.npmjs.org/@dagrejs/dagre@1.0.4
       '@xyflow/svelte':
         specifier: workspace:^
         version: link:../../packages/svelte
@@ -269,7 +272,7 @@ importers:
         version: registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6)
       '@sveltejs/kit':
         specifier: ^1.22.6
-        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.3.9)
+        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.4.9)
       '@sveltejs/package':
         specifier: ^2.2.1
         version: registry.npmjs.org/@sveltejs/package@2.2.1(svelte@4.2.0)(typescript@5.1.3)
@@ -387,7 +390,7 @@ importers:
         version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.42.0)
       eslint-config-turbo:
         specifier: latest
-        version: registry.npmjs.org/eslint-config-turbo@1.10.13(eslint@8.42.0)
+        version: registry.npmjs.org/eslint-config-turbo@1.10.15(eslint@8.42.0)
       eslint-plugin-react:
         specifier: latest
         version: registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.42.0)
@@ -1023,16 +1026,20 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@esbuild/android-arm64@0.17.19:
-    resolution: {integrity: sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz}
-    name: '@esbuild/android-arm64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
+  registry.npmjs.org/@dagrejs/dagre@1.0.4:
+    resolution: {integrity: sha512-jrEore+HhW1yg1Rsd9H1PPMcoEOD4bVh0WCXc6GqzyzubnJj4GaWGg8ETOrskTd/3n/g5LOzumGM4CCgpNLJNw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@dagrejs/dagre/-/dagre-1.0.4.tgz}
+    name: '@dagrejs/dagre'
+    version: 1.0.4
+    dependencies:
+      '@dagrejs/graphlib': registry.npmjs.org/@dagrejs/graphlib@2.1.13
+    dev: false
+
+  registry.npmjs.org/@dagrejs/graphlib@2.1.13:
+    resolution: {integrity: sha512-calbMa7Gcyo+/t23XBaqQqon8LlgE9regey4UVoikoenKBXvUnCUL3s9RP6USCxttfr0XWVICtYUuKMdehKqMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@dagrejs/graphlib/-/graphlib-2.1.13.tgz}
+    name: '@dagrejs/graphlib'
+    version: 2.1.13
+    engines: {node: '>17.0.0'}
+    dev: false
 
   registry.npmjs.org/@esbuild/android-arm64@0.18.20:
     resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz}
@@ -1045,17 +1052,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/android-arm@0.17.19:
-    resolution: {integrity: sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz}
-    name: '@esbuild/android-arm'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/android-arm@0.18.20:
     resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz}
     name: '@esbuild/android-arm'
@@ -1067,17 +1063,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/android-x64@0.17.19:
-    resolution: {integrity: sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz}
-    name: '@esbuild/android-x64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/android-x64@0.18.20:
     resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz}
     name: '@esbuild/android-x64'
@@ -1089,17 +1074,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/darwin-arm64@0.17.19:
-    resolution: {integrity: sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz}
-    name: '@esbuild/darwin-arm64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/darwin-arm64@0.18.20:
     resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz}
     name: '@esbuild/darwin-arm64'
@@ -1111,17 +1085,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/darwin-x64@0.17.19:
-    resolution: {integrity: sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz}
-    name: '@esbuild/darwin-x64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/darwin-x64@0.18.20:
     resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz}
     name: '@esbuild/darwin-x64'
@@ -1133,17 +1096,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/freebsd-arm64@0.17.19:
-    resolution: {integrity: sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz}
-    name: '@esbuild/freebsd-arm64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/freebsd-arm64@0.18.20:
     resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz}
     name: '@esbuild/freebsd-arm64'
@@ -1155,17 +1107,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/freebsd-x64@0.17.19:
-    resolution: {integrity: sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz}
-    name: '@esbuild/freebsd-x64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/freebsd-x64@0.18.20:
     resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz}
     name: '@esbuild/freebsd-x64'
@@ -1177,17 +1118,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-arm64@0.17.19:
-    resolution: {integrity: sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz}
-    name: '@esbuild/linux-arm64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-arm64@0.18.20:
     resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz}
     name: '@esbuild/linux-arm64'
@@ -1199,17 +1129,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-arm@0.17.19:
-    resolution: {integrity: sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz}
-    name: '@esbuild/linux-arm'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-arm@0.18.20:
     resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz}
     name: '@esbuild/linux-arm'
@@ -1221,17 +1140,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-ia32@0.17.19:
-    resolution: {integrity: sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz}
-    name: '@esbuild/linux-ia32'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-ia32@0.18.20:
     resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz}
     name: '@esbuild/linux-ia32'
@@ -1243,17 +1151,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-loong64@0.17.19:
-    resolution: {integrity: sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz}
-    name: '@esbuild/linux-loong64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-loong64@0.18.20:
     resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz}
     name: '@esbuild/linux-loong64'
@@ -1265,17 +1162,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-mips64el@0.17.19:
-    resolution: {integrity: sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz}
-    name: '@esbuild/linux-mips64el'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-mips64el@0.18.20:
     resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz}
     name: '@esbuild/linux-mips64el'
@@ -1287,17 +1173,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-ppc64@0.17.19:
-    resolution: {integrity: sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz}
-    name: '@esbuild/linux-ppc64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-ppc64@0.18.20:
     resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz}
     name: '@esbuild/linux-ppc64'
@@ -1309,17 +1184,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-riscv64@0.17.19:
-    resolution: {integrity: sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz}
-    name: '@esbuild/linux-riscv64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-riscv64@0.18.20:
     resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz}
     name: '@esbuild/linux-riscv64'
@@ -1331,17 +1195,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-s390x@0.17.19:
-    resolution: {integrity: sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz}
-    name: '@esbuild/linux-s390x'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-s390x@0.18.20:
     resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz}
     name: '@esbuild/linux-s390x'
@@ -1353,17 +1206,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-x64@0.17.19:
-    resolution: {integrity: sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz}
-    name: '@esbuild/linux-x64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/linux-x64@0.18.20:
     resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz}
     name: '@esbuild/linux-x64'
@@ -1375,17 +1217,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/netbsd-x64@0.17.19:
-    resolution: {integrity: sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz}
-    name: '@esbuild/netbsd-x64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/netbsd-x64@0.18.20:
     resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz}
     name: '@esbuild/netbsd-x64'
@@ -1397,17 +1228,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/openbsd-x64@0.17.19:
-    resolution: {integrity: sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz}
-    name: '@esbuild/openbsd-x64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/openbsd-x64@0.18.20:
     resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz}
     name: '@esbuild/openbsd-x64'
@@ -1419,17 +1239,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/sunos-x64@0.17.19:
-    resolution: {integrity: sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz}
-    name: '@esbuild/sunos-x64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/sunos-x64@0.18.20:
     resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz}
     name: '@esbuild/sunos-x64'
@@ -1441,17 +1250,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-arm64@0.17.19:
-    resolution: {integrity: sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz}
-    name: '@esbuild/win32-arm64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/win32-arm64@0.18.20:
     resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz}
     name: '@esbuild/win32-arm64'
@@ -1463,17 +1261,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-ia32@0.17.19:
-    resolution: {integrity: sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz}
-    name: '@esbuild/win32-ia32'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/win32-ia32@0.18.20:
     resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz}
     name: '@esbuild/win32-ia32'
@@ -1485,17 +1272,6 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-x64@0.17.19:
-    resolution: {integrity: sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz}
-    name: '@esbuild/win32-x64'
-    version: 0.17.19
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@esbuild/win32-x64@0.18.20:
     resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz}
     name: '@esbuild/win32-x64'
@@ -1894,36 +1670,6 @@ packages:
       import-meta-resolve: registry.npmjs.org/import-meta-resolve@3.0.0
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.3.9):
-    resolution: {integrity: sha512-SDKxI/QpsReCwIn5czjT53fKlPBybbmMk67d317gUqfeORroBAFN1Z6s/x0E1JYi+04i7kKllS+Sz9wVfmUkAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.22.6.tgz}
-    id: registry.npmjs.org/@sveltejs/kit/1.22.6
-    name: '@sveltejs/kit'
-    version: 1.22.6
-    engines: {node: ^16.14 || >=18}
-    hasBin: true
-    requiresBuild: true
-    peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0-next.0
-      vite: ^4.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.3.9)
-      '@types/cookie': registry.npmjs.org/@types/cookie@0.5.1
-      cookie: registry.npmjs.org/cookie@0.5.0
-      devalue: registry.npmjs.org/devalue@4.3.2
-      esm-env: registry.npmjs.org/esm-env@1.0.0
-      kleur: registry.npmjs.org/kleur@4.1.5
-      magic-string: registry.npmjs.org/magic-string@0.30.0
-      mime: registry.npmjs.org/mime@3.0.0
-      sade: registry.npmjs.org/sade@1.8.1
-      set-cookie-parser: registry.npmjs.org/set-cookie-parser@2.6.0
-      sirv: registry.npmjs.org/sirv@2.0.3
-      svelte: registry.npmjs.org/svelte@4.2.0
-      undici: registry.npmjs.org/undici@5.23.0
-      vite: registry.npmjs.org/vite@4.3.9
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.4.9):
     resolution: {integrity: sha512-SDKxI/QpsReCwIn5czjT53fKlPBybbmMk67d317gUqfeORroBAFN1Z6s/x0E1JYi+04i7kKllS+Sz9wVfmUkAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.22.6.tgz}
     id: registry.npmjs.org/@sveltejs/kit/1.22.6
@@ -1974,25 +1720,6 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.2.0)(vite@4.3.9):
-    resolution: {integrity: sha512-Cy1dUMcYCnDVV/hPLXa43YZJ2jGKVW5rA0xuNL9dlmYhT0yoS1g7+FOFSRlgk0BXKk/Oc7grs+8BVA5Iz2fr8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.2.tgz}
-    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2
-    name: '@sveltejs/vite-plugin-svelte-inspector'
-    version: 1.0.2
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^2.2.0
-      svelte: ^3.54.0 || ^4.0.0-next.0
-      vite: ^4.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.3.9)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      svelte: registry.npmjs.org/svelte@4.2.0
-      vite: registry.npmjs.org/vite@4.3.9
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.2.0)(vite@4.4.9):
     resolution: {integrity: sha512-Cy1dUMcYCnDVV/hPLXa43YZJ2jGKVW5rA0xuNL9dlmYhT0yoS1g7+FOFSRlgk0BXKk/Oc7grs+8BVA5Iz2fr8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.2.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2
@@ -2012,29 +1739,6 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.3.9):
-    resolution: {integrity: sha512-bNNKvoRY89ptY7udeBSCmTdCVwkjmMcZ0j/z9J5MuedT8jPjq0zrknAo/jF1sToAza4NVaAgR9AkZoD9oJJmnA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.1.tgz}
-    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1
-    name: '@sveltejs/vite-plugin-svelte'
-    version: 2.4.1
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0-next.0
-      vite: ^4.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.2.0)(vite@4.3.9)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      deepmerge: registry.npmjs.org/deepmerge@4.3.1
-      kleur: registry.npmjs.org/kleur@4.1.5
-      magic-string: registry.npmjs.org/magic-string@0.30.0
-      svelte: registry.npmjs.org/svelte@4.2.0
-      svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.2(svelte@4.2.0)
-      vite: registry.npmjs.org/vite@4.3.9
-      vitefu: registry.npmjs.org/vitefu@0.2.4(vite@4.3.9)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.4.9):
     resolution: {integrity: sha512-bNNKvoRY89ptY7udeBSCmTdCVwkjmMcZ0j/z9J5MuedT8jPjq0zrknAo/jF1sToAza4NVaAgR9AkZoD9oJJmnA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.1.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1
@@ -2612,11 +2316,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.5.0(@typescript-eslint/parser@6.5.0)(eslint@8.42.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-2pktILyjvMaScU6iK3925uvGU87E+N9rh372uGZgiMYwafaw9SXq86U04XPq3UH6tzRvNgBsub6x2DacHc33lw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.5.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.5.0
+  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-GosF4238Tkes2SHPQ1i8f6rMtG6zlKwMEB0abqSJ3Npvos+doIlc/ATG+vX1G9coDF3Ex78zM3heXHLyWEwLUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.8.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.8.0
     name: '@typescript-eslint/eslint-plugin'
-    version: 6.5.0
+    version: 6.8.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
@@ -2627,11 +2331,11 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.6.2
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.5.0(eslint@8.42.0)(typescript@5.1.3)
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.5.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.5.0(eslint@8.42.0)(typescript@5.1.3)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.5.0(eslint@8.42.0)(typescript@5.1.3)
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.5.0
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.8.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       eslint: registry.npmjs.org/eslint@8.42.0
       graphemer: registry.npmjs.org/graphemer@1.4.0
@@ -2667,11 +2371,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser@6.5.0(eslint@8.42.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-LMAVtR5GN8nY0G0BadkG0XIe4AcNMeyEy3DyhKGAh9k4pLSMBO7rF29JvDBpZGCmp5Pgz5RLHP6eCpSYZJQDuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.5.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/6.5.0
+  registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.8.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/6.8.0
     name: '@typescript-eslint/parser'
-    version: 6.5.0
+    version: 6.8.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -2680,10 +2384,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.5.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.5.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.5.0(typescript@5.1.3)
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.5.0
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       eslint: registry.npmjs.org/eslint@8.42.0
       typescript: registry.npmjs.org/typescript@5.1.3
@@ -2701,14 +2405,14 @@ packages:
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.60.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager@6.5.0:
-    resolution: {integrity: sha512-A8hZ7OlxURricpycp5kdPTH3XnjG85UpJS6Fn4VzeoH4T388gQJ/PGP4ole5NfKt4WDVhmLaQ/dBLNDC4Xl/Kw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.5.0.tgz}
+  registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0:
+    resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.8.0.tgz}
     name: '@typescript-eslint/scope-manager'
-    version: 6.5.0
+    version: 6.8.0
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.5.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.5.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
     dev: true
 
   registry.npmjs.org/@typescript-eslint/type-utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
@@ -2734,11 +2438,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils@6.5.0(eslint@8.42.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-f7OcZOkRivtujIBQ4yrJNIuwyCQO1OjocVqntl9dgSIZAdKqicj3xFDqDOzHDlGCZX990LqhLQXWRnQvsapq8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.5.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/6.5.0
+  registry.npmjs.org/@typescript-eslint/type-utils@6.8.0(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-RYOJdlkTJIXW7GSldUIHqc/Hkto8E+fZN96dMIFhuTJcQwdRoGN2rEWA8U6oXbLo0qufH7NPElUb+MceHtz54g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.8.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/6.8.0
     name: '@typescript-eslint/type-utils'
-    version: 6.5.0
+    version: 6.8.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -2747,8 +2451,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.5.0(typescript@5.1.3)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.5.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.42.0)(typescript@5.1.3)
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       eslint: registry.npmjs.org/eslint@8.42.0
       ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3)
@@ -2764,10 +2468,10 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types@6.5.0:
-    resolution: {integrity: sha512-eqLLOEF5/lU8jW3Bw+8auf4lZSbbljHR2saKnYqON12G/WsJrGeeDHWuQePoEf9ro22+JkbPfWQwKEC5WwLQ3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-6.5.0.tgz}
+  registry.npmjs.org/@typescript-eslint/types@6.8.0:
+    resolution: {integrity: sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-6.8.0.tgz}
     name: '@typescript-eslint/types'
-    version: 6.5.0
+    version: 6.8.0
     engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
@@ -2795,11 +2499,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree@6.5.0(typescript@5.1.3):
-    resolution: {integrity: sha512-q0rGwSe9e5Kk/XzliB9h2LBc9tmXX25G0833r7kffbl5437FPWb2tbpIV9wAATebC/018pGa9fwPDuvGN+LxWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.5.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.5.0
+  registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3):
+    resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.8.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.8.0
     name: '@typescript-eslint/typescript-estree'
-    version: 6.5.0
+    version: 6.8.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       typescript: '*'
@@ -2807,8 +2511,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.5.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.5.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       globby: registry.npmjs.org/globby@11.1.0
       is-glob: registry.npmjs.org/is-glob@4.0.3
@@ -2842,11 +2546,11 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils@6.5.0(eslint@8.42.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-9nqtjkNykFzeVtt9Pj6lyR9WEdd8npPhhIPM992FWVkZuS6tmxHfGVnlUcjpUP2hv8r4w35nT33mlxd+Be1ACQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.5.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/6.5.0
+  registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.42.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-dKs1itdE2qFG4jr0dlYLQVppqTE+Itt7GmIf/vX6CSvsW+3ov8PbWauVKyyfNngokhIO9sKZeRGCUo1+N7U98Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.8.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/6.8.0
     name: '@typescript-eslint/utils'
-    version: 6.5.0
+    version: 6.8.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -2854,9 +2558,9 @@ packages:
       '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.42.0)
       '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.12
       '@types/semver': registry.npmjs.org/@types/semver@7.5.0
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.5.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.5.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.5.0(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)
       eslint: registry.npmjs.org/eslint@8.42.0
       semver: registry.npmjs.org/semver@7.5.4
     transitivePeerDependencies:
@@ -2874,13 +2578,13 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys@6.5.0:
-    resolution: {integrity: sha512-yCB/2wkbv3hPsh02ZS8dFQnij9VVQXJMN/gbQsaaY+zxALkZnxa/wagvLEFsAWMPv7d7lxQmNsIzGU1w/T/WyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.5.0.tgz}
+  registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0:
+    resolution: {integrity: sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.8.0.tgz}
     name: '@typescript-eslint/visitor-keys'
-    version: 6.5.0
+    version: 6.8.0
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.5.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
@@ -4446,38 +4150,6 @@ packages:
     version: 3.3.1
     dev: true
 
-  registry.npmjs.org/esbuild@0.17.19:
-    resolution: {integrity: sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz}
-    name: esbuild
-    version: 0.17.19
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm@0.17.19
-      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64@0.17.19
-      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64@0.17.19
-      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64@0.17.19
-      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64@0.17.19
-      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64@0.17.19
-      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64@0.17.19
-      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm@0.17.19
-      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64@0.17.19
-      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32@0.17.19
-      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64@0.17.19
-      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el@0.17.19
-      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64@0.17.19
-      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64@0.17.19
-      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x@0.17.19
-      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64@0.17.19
-      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64@0.17.19
-      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64@0.17.19
-      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64@0.17.19
-      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64@0.17.19
-      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32@0.17.19
-      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64@0.17.19
-    dev: true
-
   registry.npmjs.org/esbuild@0.18.20:
     resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz}
     name: esbuild
@@ -4555,16 +4227,16 @@ packages:
       eslint: registry.npmjs.org/eslint@8.43.0
     dev: true
 
-  registry.npmjs.org/eslint-config-turbo@1.10.13(eslint@8.42.0):
-    resolution: {integrity: sha512-Ffa0SxkRCPMtfUX/HDanEqsWoLwZTQTAXO9W4IsOtycb2MzJDrVcLmoFW5sMwCrg7gjqbrC4ZJoD+1SPPzIVqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.13.tgz}
-    id: registry.npmjs.org/eslint-config-turbo/1.10.13
+  registry.npmjs.org/eslint-config-turbo@1.10.15(eslint@8.42.0):
+    resolution: {integrity: sha512-76mpx2x818JZE26euen14utYcFDxOahZ9NaWA+6Xa4pY2ezVKVschuOxS96EQz3o3ZRSmcgBOapw/gHbN+EKxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.15.tgz}
+    id: registry.npmjs.org/eslint-config-turbo/1.10.15
     name: eslint-config-turbo
-    version: 1.10.13
+    version: 1.10.15
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
       eslint: registry.npmjs.org/eslint@8.42.0
-      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo@1.10.13(eslint@8.42.0)
+      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo@1.10.15(eslint@8.42.0)
     dev: true
 
   registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.42.0)(prettier@2.8.8):
@@ -4646,11 +4318,11 @@ packages:
       - ts-node
     dev: true
 
-  registry.npmjs.org/eslint-plugin-turbo@1.10.13(eslint@8.42.0):
-    resolution: {integrity: sha512-el4AAmn0zXmvHEyp1h0IQMfse10Vy8g5Vbg4IU3+vD9CSj5sDbX07iFVt8sCKg7og9Q5FAa9mXzlCf7t4vYgzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.13.tgz}
-    id: registry.npmjs.org/eslint-plugin-turbo/1.10.13
+  registry.npmjs.org/eslint-plugin-turbo@1.10.15(eslint@8.42.0):
+    resolution: {integrity: sha512-Tv4QSKV/U56qGcTqS/UgOvb9HcKFmWOQcVh3HEaj7of94lfaENgfrtK48E2CckQf7amhKs1i+imhCsNCKjkQyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.15.tgz}
+    id: registry.npmjs.org/eslint-plugin-turbo/1.10.15
     name: eslint-plugin-turbo
-    version: 1.10.13
+    version: 1.10.15
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
@@ -9193,40 +8865,6 @@ packages:
       extsprintf: registry.npmjs.org/extsprintf@1.3.0
     dev: true
 
-  registry.npmjs.org/vite@4.3.9:
-    resolution: {integrity: sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.3.9.tgz}
-    name: vite
-    version: 4.3.9
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      esbuild: registry.npmjs.org/esbuild@0.17.19
-      postcss: registry.npmjs.org/postcss@8.4.27
-      rollup: registry.npmjs.org/rollup@3.25.1
-    optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents@2.3.2
-    dev: true
-
   registry.npmjs.org/vite@4.4.9:
     resolution: {integrity: sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.4.9.tgz}
     name: vite
@@ -9264,20 +8902,6 @@ packages:
       fsevents: registry.npmjs.org/fsevents@2.3.2
     dev: true
 
-  registry.npmjs.org/vitefu@0.2.4(vite@4.3.9):
-    resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz}
-    id: registry.npmjs.org/vitefu/0.2.4
-    name: vitefu
-    version: 0.2.4
-    peerDependencies:
-      vite: ^3.0.0 || ^4.0.0
-    peerDependenciesMeta:
-      vite:
-        optional: true
-    dependencies:
-      vite: registry.npmjs.org/vite@4.3.9
-    dev: true
-
   registry.npmjs.org/vitefu@0.2.4(vite@4.4.9):
     resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz}
     id: registry.npmjs.org/vitefu/0.2.4

From 7a61c9e331abc37cf96a94ae6b733dcdaa7cbddb Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 19 Oct 2023 15:56:31 +0200
Subject: [PATCH 0258/1093] chore(svelte): prevent warnings when using default
 node types

---
 .../src/lib/components/nodes/DefaultNode.svelte  | 11 +++++++++++
 .../src/lib/components/nodes/GroupNode.svelte    | 16 +++++++++++++++-
 .../src/lib/components/nodes/InputNode.svelte    | 12 ++++++++++++
 .../src/lib/components/nodes/OutputNode.svelte   | 12 ++++++++++++
 4 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index 6d8e06dbf..b64092130 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -8,6 +8,17 @@
   export let data: $$Props['data'] = { label: 'Node' };
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
+
+  // unused props - we need to list them here in order to prevent warnings
+  export let id: $$Props['id'] = '';
+  export let selected: $$Props['selected'] = undefined;
+  export let type: $$Props['type'] = undefined;
+  export let zIndex: $$Props['zIndex'] = undefined;
+  export let dragging: $$Props['dragging'] = false;
+  export let dragHandle: $$Props['dragHandle'] = undefined;
+  export let xPos: $$Props['xPos'] = 0;
+  export let yPos: $$Props['yPos'] = 0;
+  export let isConnectable: $$Props['isConnectable'] = undefined;
 </script>
 
 <Handle type="target" position={targetPosition} on:connectstart on:connect on:connectend />
diff --git a/packages/svelte/src/lib/components/nodes/GroupNode.svelte b/packages/svelte/src/lib/components/nodes/GroupNode.svelte
index ca876fd91..93dcac14a 100644
--- a/packages/svelte/src/lib/components/nodes/GroupNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/GroupNode.svelte
@@ -1,5 +1,19 @@
 <script lang="ts">
-  import { type NodeProps } from '@xyflow/system';
+  import type { NodeProps } from '@xyflow/system';
 
   interface $$Props extends NodeProps<{}> {}
+
+  // unused props - we need to list them here in order to prevent warnings
+  export let id: $$Props['id'] = '';
+  export let data: $$Props['data'] = {};
+  export let selected: $$Props['selected'] = undefined;
+  export let sourcePosition: $$Props['sourcePosition'] = undefined;
+  export let targetPosition: $$Props['targetPosition'] = undefined;
+  export let type: $$Props['type'] = undefined;
+  export let zIndex: $$Props['zIndex'] = undefined;
+  export let dragging: $$Props['dragging'] = false;
+  export let dragHandle: $$Props['dragHandle'] = undefined;
+  export let xPos: $$Props['xPos'] = 0;
+  export let yPos: $$Props['yPos'] = 0;
+  export let isConnectable: $$Props['isConnectable'] = undefined;
 </script>
diff --git a/packages/svelte/src/lib/components/nodes/InputNode.svelte b/packages/svelte/src/lib/components/nodes/InputNode.svelte
index 4eb41ddd3..320fa33e7 100644
--- a/packages/svelte/src/lib/components/nodes/InputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/InputNode.svelte
@@ -7,6 +7,18 @@
 
   export let data: $$Props['data'] = { label: 'Node' };
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
+
+  // unused props - we need to list them here in order to prevent warnings
+  export let id: $$Props['id'] = '';
+  export let selected: $$Props['selected'] = undefined;
+  export let targetPosition: $$Props['targetPosition'] = undefined;
+  export let type: $$Props['type'] = undefined;
+  export let zIndex: $$Props['zIndex'] = undefined;
+  export let dragging: $$Props['dragging'] = false;
+  export let dragHandle: $$Props['dragHandle'] = undefined;
+  export let xPos: $$Props['xPos'] = 0;
+  export let yPos: $$Props['yPos'] = 0;
+  export let isConnectable: $$Props['isConnectable'] = undefined;
 </script>
 
 {data?.label}
diff --git a/packages/svelte/src/lib/components/nodes/OutputNode.svelte b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
index 83b3745c1..2b394c8a9 100644
--- a/packages/svelte/src/lib/components/nodes/OutputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
@@ -7,6 +7,18 @@
 
   export let data: $$Props['data'] = { label: 'Node' };
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
+
+  // unused props - we need to list them here in order to prevent warnings
+  export let id: $$Props['id'] = '';
+  export let selected: $$Props['selected'] = undefined;
+  export let sourcePosition: $$Props['sourcePosition'] = undefined;
+  export let type: $$Props['type'] = undefined;
+  export let zIndex: $$Props['zIndex'] = undefined;
+  export let dragging: $$Props['dragging'] = false;
+  export let dragHandle: $$Props['dragHandle'] = undefined;
+  export let xPos: $$Props['xPos'] = 0;
+  export let yPos: $$Props['yPos'] = 0;
+  export let isConnectable: $$Props['isConnectable'] = undefined;
 </script>
 
 {data?.label}

From 747c136ced5697752b94ccb95390f6f4a20ecebf Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 19 Oct 2023 16:37:10 +0200
Subject: [PATCH 0259/1093] chore(svelte): bump

---
 .../src/routes/overview/CustomEdge.svelte     |  6 ++--
 packages/svelte/CHANGELOG.md                  | 11 +++++++
 packages/svelte/package.json                  |  2 +-
 .../lib/components/nodes/DefaultNode.svelte   | 11 +++++++
 .../src/lib/components/nodes/GroupNode.svelte | 14 +++++++++
 .../src/lib/components/nodes/InputNode.svelte | 12 ++++++++
 .../lib/components/nodes/OutputNode.svelte    | 12 ++++++++
 .../EdgeRenderer/EdgeRenderer.svelte          | 29 ++++++++++++++++++-
 8 files changed, 92 insertions(+), 5 deletions(-)

diff --git a/examples/svelte/src/routes/overview/CustomEdge.svelte b/examples/svelte/src/routes/overview/CustomEdge.svelte
index 9f0992bb3..5f22a8267 100644
--- a/examples/svelte/src/routes/overview/CustomEdge.svelte
+++ b/examples/svelte/src/routes/overview/CustomEdge.svelte
@@ -2,7 +2,7 @@
 	import {
 		BaseEdge,
 		EdgeLabelRenderer,
-		useSvelteFlow,
+		useEdges,
 		type EdgeProps,
 		getBezierPath
 	} from '@xyflow/svelte';
@@ -18,10 +18,10 @@
 		targetPosition: $$props.targetPosition
 	});
 
-	const svelteFlow = useSvelteFlow();
+	const edges = useEdges();
 
 	function onClick() {
-		svelteFlow.edges.update((eds) => eds.filter((e) => e.id !== $$props.id));
+		edges.update((eds) => eds.filter((e) => e.id !== $$props.id));
 	}
 </script>
 
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index d1ec076b4..3f3fbf59c 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,3 +1,14 @@
+## 0.0.24
+
+- update node automatically when `type`, `sourcePosition` or `targetPosition` option changes
+- prevent dev tool warnings when using built-in node types
+- updates `useSvelteFlow` hook:
+- add node type "group"
+- add `class` prop for BaseEdge
+- add `id` prop for Background
+- add `selected` prop for MiniMap Node
+- rename Controls prop `showInteractive` to `showLock`
+
 ## 0.0.23
 
 - updates `useSvelteFlow` hook:
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index ea956ef59..d30631e35 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index b64092130..c802de0cf 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -19,6 +19,17 @@
   export let xPos: $$Props['xPos'] = 0;
   export let yPos: $$Props['yPos'] = 0;
   export let isConnectable: $$Props['isConnectable'] = undefined;
+
+  // @todo: there must be a better way to do this
+  id;
+  selected;
+  type;
+  zIndex;
+  dragging;
+  dragHandle;
+  xPos;
+  yPos;
+  isConnectable;
 </script>
 
 <Handle type="target" position={targetPosition} on:connectstart on:connect on:connectend />
diff --git a/packages/svelte/src/lib/components/nodes/GroupNode.svelte b/packages/svelte/src/lib/components/nodes/GroupNode.svelte
index 93dcac14a..cd11b2992 100644
--- a/packages/svelte/src/lib/components/nodes/GroupNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/GroupNode.svelte
@@ -16,4 +16,18 @@
   export let xPos: $$Props['xPos'] = 0;
   export let yPos: $$Props['yPos'] = 0;
   export let isConnectable: $$Props['isConnectable'] = undefined;
+
+  // @todo: there must be a better way to do this
+  id;
+  data;
+  selected;
+  sourcePosition;
+  targetPosition;
+  type;
+  zIndex;
+  dragging;
+  dragHandle;
+  xPos;
+  yPos;
+  isConnectable;
 </script>
diff --git a/packages/svelte/src/lib/components/nodes/InputNode.svelte b/packages/svelte/src/lib/components/nodes/InputNode.svelte
index 320fa33e7..71e40096f 100644
--- a/packages/svelte/src/lib/components/nodes/InputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/InputNode.svelte
@@ -19,6 +19,18 @@
   export let xPos: $$Props['xPos'] = 0;
   export let yPos: $$Props['yPos'] = 0;
   export let isConnectable: $$Props['isConnectable'] = undefined;
+
+  // @todo: there must be a better way to do this
+  id;
+  selected;
+  targetPosition;
+  type;
+  zIndex;
+  dragging;
+  dragHandle;
+  xPos;
+  yPos;
+  isConnectable;
 </script>
 
 {data?.label}
diff --git a/packages/svelte/src/lib/components/nodes/OutputNode.svelte b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
index 2b394c8a9..a9bde54bb 100644
--- a/packages/svelte/src/lib/components/nodes/OutputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
@@ -19,6 +19,18 @@
   export let xPos: $$Props['xPos'] = 0;
   export let yPos: $$Props['yPos'] = 0;
   export let isConnectable: $$Props['isConnectable'] = undefined;
+
+  // @todo: there must be a better way to do this
+  id;
+  selected;
+  sourcePosition;
+  type;
+  zIndex;
+  dragging;
+  dragHandle;
+  xPos;
+  yPos;
+  isConnectable;
 </script>
 
 {data?.label}
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 4831278df..5a0cba407 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -31,7 +31,34 @@
           ($elementsSelectable && typeof edge.selectable === 'undefined')
         )}
 
-        <EdgeWrapper {...edge} type={edgeType} {selectable} on:edgeclick on:edgecontextmenu />
+        <EdgeWrapper
+          id={edge.id}
+          source={edge.source}
+          target={edge.target}
+          data={edge.data}
+          style={edge.style}
+          animated={edge.animated}
+          selected={edge.selected}
+          hidden={edge.hidden}
+          label={edge.label}
+          labelStyle={edge.labelStyle}
+          markerStart={edge.markerStart}
+          markerEnd={edge.markerEnd}
+          sourceHandle={edge.sourceHandle}
+          targetHandle={edge.targetHandle}
+          sourceX={edge.sourceX}
+          sourceY={edge.sourceY}
+          targetX={edge.targetX}
+          targetY={edge.targetY}
+          sourcePosition={edge.sourcePosition}
+          targetPosition={edge.targetPosition}
+          ariaLabel={edge.ariaLabel}
+          class={edge.class}
+          type={edgeType}
+          {selectable}
+          on:edgeclick
+          on:edgecontextmenu
+        />
       {/each}
     </g>
   </svg>

From d8d94016553f652150647fe9e6ca7a060dfad990 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 23 Oct 2023 12:24:37 +0200
Subject: [PATCH 0260/1093] svelte(chore) edge components are now exported

---
 packages/svelte/src/lib/components/edges/index.ts | 4 ++++
 packages/svelte/src/lib/index.ts                  | 1 +
 2 files changed, 5 insertions(+)
 create mode 100644 packages/svelte/src/lib/components/edges/index.ts

diff --git a/packages/svelte/src/lib/components/edges/index.ts b/packages/svelte/src/lib/components/edges/index.ts
new file mode 100644
index 000000000..1f1567b64
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/index.ts
@@ -0,0 +1,4 @@
+export { default as BezierEdge } from './BezierEdge.svelte';
+export { default as StraightEdge } from './StraightEdge.svelte';
+export { default as SmoothStepEdge } from './SmoothStepEdge.svelte';
+export { default as StepEdge } from './StepEdge.svelte';
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 74a0ec7f9..136668961 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -7,6 +7,7 @@ export * from '$lib/container/Panel';
 export * from '$lib/components/SvelteFlowProvider';
 export * from '$lib/components/EdgeLabelRenderer';
 export * from '$lib/components/BaseEdge';
+export * from '$lib/components/edges';
 export * from '$lib/components/Handle';
 
 // plugins

From f2b36f2d335382fab8e6fb04dbb23ffad0be0e40 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 23 Oct 2023 16:00:20 +0200
Subject: [PATCH 0261/1093] refactor(svelte): prevent jumping nodes

---
 .../svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte | 2 ++
 packages/svelte/src/lib/components/NodeWrapper/types.ts      | 1 +
 .../src/lib/container/NodeRenderer/NodeRenderer.svelte       | 5 +++--
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 2d8e9627f..fa1cd1541 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -39,6 +39,7 @@
   export let targetPosition: NodeWrapperProps['targetPosition'] = undefined;
   export let zIndex: NodeWrapperProps['zIndex'];
   export let dragHandle: NodeWrapperProps['dragHandle'] = undefined;
+  export let initialized: NodeWrapperProps['initialized'] = false;
   let className: string = '';
   export { className as class };
 
@@ -159,6 +160,7 @@
     style:transform="translate({positionOrigin?.x ?? 0}px, {positionOrigin?.y ?? 0}px)"
     style:width={node.size?.width && `${node.size?.width}px`}
     style:height={node.size?.height && `${node.size?.height}px`}
+    style:visibility={initialized ? 'visible' : 'hidden'}
     {style}
     on:click={onSelectNodeHandler}
     on:mouseenter={(event) => dispatch('nodemouseenter', { node, event })}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index 83d27e84d..f4f5c3108 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -27,4 +27,5 @@ export type NodeWrapperProps = Pick<
   isParent?: boolean;
   zIndex: number;
   node: Node;
+  initialized: boolean;
 };
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 35ddc630d..c4f9ec6f7 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -35,8 +35,8 @@
     {@const posOrigin = getPositionWithOrigin({
       x: node.positionAbsolute?.x ?? 0,
       y: node.positionAbsolute?.y ?? 0,
-      width: node.width ?? 0,
-      height: node.height ?? 0,
+      width: (node.size?.width || node.width) ?? 0,
+      height: (node.size?.height || node.height) ?? 0,
       origin: node.origin
     })}
     <NodeWrapper
@@ -65,6 +65,7 @@
       dragging={node.dragging}
       zIndex={node[internalsSymbol]?.z ?? 0}
       dragHandle={node.dragHandle}
+      initialized={(!!node.width && !!node.height) || (!!node.size?.width && !!node.size?.height)}
       {resizeObserver}
       on:nodeclick
       on:nodemouseenter

From 52a47a7a2632813d5e22dc3c29fb2676ab97750c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 23 Oct 2023 16:01:22 +0200
Subject: [PATCH 0262/1093] refactor(react): pass fitView for ssr

---
 .../react/src/components/ReactFlowProvider/index.tsx   |  3 +++
 packages/react/src/container/ReactFlow/Wrapper.tsx     | 10 +++++++++-
 packages/react/src/container/ReactFlow/index.tsx       |  2 +-
 packages/react/src/store/index.ts                      |  4 +++-
 packages/react/src/store/initialState.ts               |  6 ++++--
 5 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/components/ReactFlowProvider/index.tsx b/packages/react/src/components/ReactFlowProvider/index.tsx
index d529c34c1..07f011cab 100644
--- a/packages/react/src/components/ReactFlowProvider/index.tsx
+++ b/packages/react/src/components/ReactFlowProvider/index.tsx
@@ -12,12 +12,14 @@ function ReactFlowProvider({
   initialEdges,
   initialWidth,
   initialHeight,
+  fitView,
 }: {
   children: ReactNode;
   initialNodes?: Node[];
   initialEdges?: Edge[];
   initialWidth?: number;
   initialHeight?: number;
+  fitView?: boolean;
 }) {
   const storeRef = useRef<UseBoundStoreWithEqualityFn<StoreApi<ReactFlowState>> | null>(null);
 
@@ -27,6 +29,7 @@ function ReactFlowProvider({
       edges: initialEdges,
       width: initialWidth,
       height: initialHeight,
+      fitView,
     });
   }
 
diff --git a/packages/react/src/container/ReactFlow/Wrapper.tsx b/packages/react/src/container/ReactFlow/Wrapper.tsx
index 9f78d979f..d658c5a3c 100644
--- a/packages/react/src/container/ReactFlow/Wrapper.tsx
+++ b/packages/react/src/container/ReactFlow/Wrapper.tsx
@@ -10,12 +10,14 @@ function Wrapper({
   edges,
   width,
   height,
+  fitView,
 }: {
   children: ReactNode;
   nodes?: Node[];
   edges?: Edge[];
   width?: number;
   height?: number;
+  fitView?: boolean;
 }) {
   const isWrapped = useContext(StoreContext);
 
@@ -26,7 +28,13 @@ function Wrapper({
   }
 
   return (
-    <ReactFlowProvider initialNodes={nodes} initialEdges={edges} initialWidth={width} initialHeight={height}>
+    <ReactFlowProvider
+      initialNodes={nodes}
+      initialEdges={edges}
+      initialWidth={width}
+      initialHeight={height}
+      fitView={fitView}
+    >
       {children}
     </ReactFlowProvider>
   );
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 55c3b5beb..3d612b7cb 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -185,7 +185,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
         data-testid="rf__wrapper"
         id={id}
       >
-        <Wrapper nodes={nodes} edges={edges} width={width} height={height}>
+        <Wrapper nodes={nodes} edges={edges} width={width} height={height} fitView={fitView}>
           <GraphView
             onInit={onInit}
             onNodeClick={onNodeClick}
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 3602f52e8..ad42fd6ee 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -29,15 +29,17 @@ const createRFStore = ({
   edges,
   width,
   height,
+  fitView,
 }: {
   nodes?: Node[];
   edges?: Edge[];
   width?: number;
   height?: number;
+  fitView?: boolean;
 }) =>
   createWithEqualityFn<ReactFlowState>(
     (set, get) => ({
-      ...getInitialState({ nodes, edges, width, height }),
+      ...getInitialState({ nodes, edges, width, height, fitView }),
       setNodes: (nodes: Node[]) => {
         const { nodes: storeNodes, nodeOrigin, elevateNodesOnSelect } = get();
         const nextNodes = updateNodes(nodes, storeNodes, { nodeOrigin, elevateNodesOnSelect });
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index a2bc69ae5..545224743 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -15,17 +15,19 @@ const getInitialState = ({
   edges = [],
   width,
   height,
+  fitView,
 }: {
   nodes?: Node[];
   edges?: Edge[];
   width?: number;
   height?: number;
+  fitView?: boolean;
 } = {}): ReactFlowStore => {
   const nextNodes = updateNodes(nodes, [], { nodeOrigin: [0, 0], elevateNodesOnSelect: false });
 
   let transform: Transform = [0, 0, 1];
 
-  if (width && height) {
+  if (fitView && width && height) {
     const nodesWithDimensions = nextNodes.map((node) => ({
       ...node,
       width: node.size?.width,
@@ -89,7 +91,7 @@ const getInitialState = ({
     autoPanOnConnect: true,
     autoPanOnNodeDrag: true,
     connectionRadius: 20,
-    onError: devWarn,
+    onError: () => null,
     isValidConnection: undefined,
 
     lib: 'react',

From 13f274b1db5b12ed45e3e23daff4854815e7ee15 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 23 Oct 2023 16:01:49 +0200
Subject: [PATCH 0263/1093] refactor(react): cleanup types

---
 packages/react/src/types/component-props.ts | 2 +-
 packages/react/src/types/general.ts         | 5 +----
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index e9c7a5ff6..2ce0fc706 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -42,7 +42,7 @@ import type {
   EdgeMouseHandler,
 } from '.';
 
-export type ReactFlowProps = HTMLAttributes<HTMLDivElement> & {
+export type ReactFlowProps = Omit<HTMLAttributes<HTMLDivElement>, 'onError'> & {
   nodes?: Node[];
   edges?: Edge[];
   defaultNodes?: Node[];
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 64b368e57..2b2945a65 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -42,10 +42,7 @@ export type OnSelectionChangeFunc = (params: OnSelectionChangeParams) => void;
 export type FitViewParams = FitViewParamsBase<Node>;
 export type FitViewOptions = FitViewOptionsBase<Node>;
 export type FitView = (fitViewOptions?: FitViewOptions) => boolean;
-export type OnInit<NodeData = any, EdgeData = any> = (
-  reactFlowInstance: ReactFlowInstance<NodeData, EdgeData>,
-  { nodes, edges }: { nodes: Node<NodeData>[]; edges: Edge<EdgeData>[] }
-) => void;
+export type OnInit<NodeData = any, EdgeData = any> = (reactFlowInstance: ReactFlowInstance<NodeData, EdgeData>) => void;
 
 export type ViewportHelperFunctions = {
   zoomIn: ZoomInOut;

From f42f6314e2b5a859e1c9995559939da55c4524a8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 23 Oct 2023 16:02:12 +0200
Subject: [PATCH 0264/1093] chore(examples): cleanup

---
 examples/astro-xyflow/package.json            |    1 +
 .../src/components/ReactFlowExample/index.tsx |    2 -
 examples/next-xyflow/src/components/Flow.tsx  |    1 +
 package.json                                  |    2 +-
 .../src/components/StoreUpdater/index.tsx     |    4 +-
 .../react/src/container/GraphView/utils.ts    |    1 +
 pnpm-lock.yaml                                | 3700 ++++++++---------
 7 files changed, 1837 insertions(+), 1874 deletions(-)

diff --git a/examples/astro-xyflow/package.json b/examples/astro-xyflow/package.json
index e5ced4765..c5e498dbe 100644
--- a/examples/astro-xyflow/package.json
+++ b/examples/astro-xyflow/package.json
@@ -1,6 +1,7 @@
 {
   "name": "astro",
   "type": "module",
+  "private": true,
   "version": "0.0.1",
   "scripts": {
     "dev": "astro dev",
diff --git a/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx b/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
index 2d0d424aa..c2817f7a9 100644
--- a/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
+++ b/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
@@ -21,8 +21,6 @@ const nodeSize = {
   height: 40,
 };
 
-const handleSize = 1;
-
 const initialNodes: Node[] = [
   {
     id: '1',
diff --git a/examples/next-xyflow/src/components/Flow.tsx b/examples/next-xyflow/src/components/Flow.tsx
index dc7aa153f..bdd11fb53 100644
--- a/examples/next-xyflow/src/components/Flow.tsx
+++ b/examples/next-xyflow/src/components/Flow.tsx
@@ -11,6 +11,7 @@ import {
   OnNodesChange,
   OnEdgesChange,
   OnConnect,
+  OnError,
 } from '@xyflow/react';
 
 import '@xyflow/react/dist/style.css';
diff --git a/package.json b/package.json
index e9583c5df..f0e22afe1 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
   "private": true,
   "scripts": {
     "preinstall": "npx only-allow pnpm",
-    "dev": "turbo run dev --parallel",
+    "dev": "turbo run dev --parallel --concurrency 12",
     "dev:svelte": "turbo run dev --filter=svelte --filter=system",
     "dev:react": "turbo run dev --filter=react",
     "build": "turbo run build",
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 7b7145039..a0ce26dd8 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import { StoreApi } from 'zustand';
 import { shallow } from 'zustand/shallow';
-import type { CoordinateExtent } from '@xyflow/system';
+import { devWarn, type CoordinateExtent } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import type { Node, Edge, ReactFlowState, ReactFlowProps, ReactFlowStore } from '../../types';
@@ -201,7 +201,7 @@ const StoreUpdater = ({
   useDirectStoreUpdater('rfId', rfId, store.setState);
   useDirectStoreUpdater('autoPanOnConnect', autoPanOnConnect, store.setState);
   useDirectStoreUpdater('autoPanOnNodeDrag', autoPanOnNodeDrag, store.setState);
-  useDirectStoreUpdater('onError', onError, store.setState);
+  useDirectStoreUpdater('onError', onError || devWarn, store.setState);
   useDirectStoreUpdater('connectionRadius', connectionRadius, store.setState);
   useDirectStoreUpdater('isValidConnection', isValidConnection, store.setState);
   useDirectStoreUpdater('selectNodesOnDrag', selectNodesOnDrag, store.setState);
diff --git a/packages/react/src/container/GraphView/utils.ts b/packages/react/src/container/GraphView/utils.ts
index f6ef1e593..15dbaafec 100644
--- a/packages/react/src/container/GraphView/utils.ts
+++ b/packages/react/src/container/GraphView/utils.ts
@@ -17,6 +17,7 @@ export function useNodeOrEdgeTypes(nodeOrEdgeTypes: any, createTypes: any): any
   const typesParsed = useMemo(() => {
     if (process.env.NODE_ENV === 'development') {
       const typeKeys = Object.keys(nodeOrEdgeTypes);
+
       if (shallow(typesKeysRef.current, typeKeys)) {
         store.getState().onError?.('002', errorMessages['error002']());
       }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 504d1a0ca..981e66bf7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,31 +10,31 @@ importers:
     devDependencies:
       '@changesets/changelog-github':
         specifier: ^0.4.7
-        version: registry.npmjs.org/@changesets/changelog-github@0.4.8
+        version: registry.npmjs.org/@changesets/changelog-github@0.4.7
       '@changesets/cli':
         specifier: ^2.25.0
-        version: registry.npmjs.org/@changesets/cli@2.26.1
+        version: registry.npmjs.org/@changesets/cli@2.25.0
       '@typescript-eslint/eslint-plugin':
         specifier: latest
-        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.42.0)(typescript@5.1.3)
+        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3)
       '@typescript-eslint/parser':
         specifier: latest
-        version: registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.42.0)(typescript@5.1.3)
+        version: registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)
       concurrently:
         specifier: ^7.6.0
         version: registry.npmjs.org/concurrently@7.6.0
       eslint:
         specifier: ^8.22.0
-        version: registry.npmjs.org/eslint@8.42.0
+        version: registry.npmjs.org/eslint@8.43.0
       eslint-config-prettier:
         specifier: ^8.5.0
-        version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.42.0)
+        version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0)
       eslint-plugin-prettier:
         specifier: ^4.2.1
-        version: registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.42.0)(prettier@2.8.8)
+        version: registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8)
       eslint-plugin-react:
         specifier: latest
-        version: registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.42.0)
+        version: registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.43.0)
       prettier:
         specifier: ^2.7.1
         version: registry.npmjs.org/prettier@2.8.8
@@ -49,10 +49,10 @@ importers:
         version: registry.npmjs.org/rimraf@3.0.2
       rollup:
         specifier: ^3.23.0
-        version: registry.npmjs.org/rollup@3.25.1
+        version: registry.npmjs.org/rollup@3.23.0
       turbo:
         specifier: ^1.10.0
-        version: registry.npmjs.org/turbo@1.10.3
+        version: registry.npmjs.org/turbo@1.10.0
       typescript:
         specifier: 5.1.3
         version: registry.npmjs.org/typescript@5.1.3
@@ -107,7 +107,7 @@ importers:
     devDependencies:
       '@types/node':
         specifier: ^20
-        version: registry.npmjs.org/@types/node@20.8.4
+        version: registry.npmjs.org/@types/node@20.0.0
       '@types/react':
         specifier: ^18
         version: registry.npmjs.org/@types/react@18.2.24
@@ -146,10 +146,10 @@ importers:
         version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
       react-router-dom:
         specifier: ^6.3.0
-        version: registry.npmjs.org/react-router-dom@6.12.1(react-dom@18.2.0)(react@18.2.0)
+        version: registry.npmjs.org/react-router-dom@6.3.0(react-dom@18.2.0)(react@18.2.0)
       zustand:
         specifier: ^4.4.1
-        version: registry.npmjs.org/zustand@4.4.1(@types/react@18.2.12)(react@18.2.0)
+        version: registry.npmjs.org/zustand@4.4.1(@types/react@18.2.24)(react@18.2.0)
     devDependencies:
       '@cypress/skip-test':
         specifier: ^2.6.1
@@ -159,10 +159,10 @@ importers:
         version: registry.npmjs.org/@types/dagre@0.7.48
       '@types/react':
         specifier: ^18.0.17
-        version: registry.npmjs.org/@types/react@18.2.12
+        version: registry.npmjs.org/@types/react@18.2.24
       '@types/react-dom':
         specifier: ^18.0.6
-        version: registry.npmjs.org/@types/react-dom@18.2.5
+        version: registry.npmjs.org/@types/react-dom@18.2.8
       '@vitejs/plugin-react':
         specifier: 4.0.4
         version: registry.npmjs.org/@vitejs/plugin-react@4.0.4(vite@4.4.9)
@@ -177,7 +177,7 @@ importers:
         version: registry.npmjs.org/cypress-real-events@1.10.0(cypress@12.17.3)
       start-server-and-test:
         specifier: ^1.14.0
-        version: registry.npmjs.org/start-server-and-test@1.15.4
+        version: registry.npmjs.org/start-server-and-test@1.14.0
       typescript:
         specifier: 5.1.3
         version: registry.npmjs.org/typescript@5.1.3
@@ -199,7 +199,7 @@ importers:
         version: registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6)
       '@sveltejs/kit':
         specifier: ^1.20.4
-        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.4.9)
+        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.4.9)
       '@typescript-eslint/eslint-plugin':
         specifier: ^5.45.0
         version: registry.npmjs.org/@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3)
@@ -214,19 +214,19 @@ importers:
         version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0)
       eslint-plugin-svelte:
         specifier: ^2.30.0
-        version: registry.npmjs.org/eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.0)
+        version: registry.npmjs.org/eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.1)
       prettier:
         specifier: ^2.8.0
         version: registry.npmjs.org/prettier@2.8.8
       prettier-plugin-svelte:
         specifier: ^2.10.1
-        version: registry.npmjs.org/prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.2.0)
+        version: registry.npmjs.org/prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.2.1)
       svelte:
         specifier: ^4.0.5
-        version: registry.npmjs.org/svelte@4.2.0
+        version: registry.npmjs.org/svelte@4.2.1
       svelte-check:
         specifier: ^3.4.3
-        version: registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.27)(svelte@4.2.0)
+        version: registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.31)(svelte@4.2.1)
       tslib:
         specifier: ^2.4.1
         version: registry.npmjs.org/tslib@2.5.3
@@ -244,13 +244,13 @@ importers:
         version: registry.npmjs.org/@types/d3@7.4.0
       '@types/d3-drag':
         specifier: ^3.0.1
-        version: registry.npmjs.org/@types/d3-drag@3.0.2
+        version: registry.npmjs.org/@types/d3-drag@3.0.1
       '@types/d3-selection':
         specifier: ^3.0.3
-        version: registry.npmjs.org/@types/d3-selection@3.0.5
+        version: registry.npmjs.org/@types/d3-selection@3.0.3
       '@types/d3-zoom':
         specifier: ^3.0.1
-        version: registry.npmjs.org/@types/d3-zoom@3.0.3
+        version: registry.npmjs.org/@types/d3-zoom@3.0.1
       '@xyflow/system':
         specifier: workspace:*
         version: link:../system
@@ -271,17 +271,17 @@ importers:
         version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
       zustand:
         specifier: ^4.4.0
-        version: registry.npmjs.org/zustand@4.4.0(@types/react@18.2.12)(react@18.2.0)
+        version: registry.npmjs.org/zustand@4.4.1(@types/react@18.2.24)(react@18.2.0)
     devDependencies:
       '@types/node':
         specifier: ^18.7.16
-        version: registry.npmjs.org/@types/node@18.16.18
+        version: registry.npmjs.org/@types/node@18.7.16
       '@types/react':
         specifier: '>=17'
-        version: registry.npmjs.org/@types/react@18.2.12
+        version: registry.npmjs.org/@types/react@18.2.24
       '@types/react-dom':
         specifier: '>=17'
-        version: registry.npmjs.org/@types/react-dom@18.2.5
+        version: registry.npmjs.org/@types/react-dom@18.2.8
       '@xyflow/eslint-config':
         specifier: workspace:*
         version: link:../../tooling/eslint-config
@@ -293,28 +293,28 @@ importers:
         version: link:../../tooling/tsconfig
       autoprefixer:
         specifier: ^10.4.15
-        version: registry.npmjs.org/autoprefixer@10.4.15(postcss@8.4.27)
+        version: registry.npmjs.org/autoprefixer@10.4.15(postcss@8.4.21)
       cssnano:
         specifier: ^6.0.1
-        version: registry.npmjs.org/cssnano@6.0.1(postcss@8.4.27)
+        version: registry.npmjs.org/cssnano@6.0.1(postcss@8.4.21)
       postcss:
         specifier: ^8.4.21
-        version: registry.npmjs.org/postcss@8.4.27
+        version: registry.npmjs.org/postcss@8.4.21
       postcss-cli:
         specifier: ^10.1.0
-        version: registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.27)
+        version: registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.21)
       postcss-combine-duplicated-selectors:
         specifier: ^10.0.3
-        version: registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.27)
+        version: registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.21)
       postcss-import:
         specifier: ^15.1.0
-        version: registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.27)
+        version: registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.21)
       postcss-nested:
         specifier: ^6.0.0
-        version: registry.npmjs.org/postcss-nested@6.0.1(postcss@8.4.27)
+        version: registry.npmjs.org/postcss-nested@6.0.0(postcss@8.4.21)
       postcss-rename:
         specifier: ^0.6.1
-        version: registry.npmjs.org/postcss-rename@0.6.1(postcss@8.4.27)
+        version: registry.npmjs.org/postcss-rename@0.6.1(postcss@8.4.21)
       react:
         specifier: ^18.2.0
         version: registry.npmjs.org/react@18.2.0
@@ -339,10 +339,10 @@ importers:
         version: registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6)
       '@sveltejs/kit':
         specifier: ^1.22.6
-        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.4.9)
+        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.4.9)
       '@sveltejs/package':
         specifier: ^2.2.1
-        version: registry.npmjs.org/@sveltejs/package@2.2.1(svelte@4.2.0)(typescript@5.1.3)
+        version: registry.npmjs.org/@sveltejs/package@2.2.1(svelte@4.2.1)(typescript@5.1.3)
       '@typescript-eslint/eslint-plugin':
         specifier: ^5.60.0
         version: registry.npmjs.org/@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3)
@@ -351,10 +351,10 @@ importers:
         version: registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3)
       autoprefixer:
         specifier: ^10.4.15
-        version: registry.npmjs.org/autoprefixer@10.4.15(postcss@8.4.27)
+        version: registry.npmjs.org/autoprefixer@10.4.15(postcss@8.4.21)
       cssnano:
         specifier: ^6.0.1
-        version: registry.npmjs.org/cssnano@6.0.1(postcss@8.4.27)
+        version: registry.npmjs.org/cssnano@6.0.1(postcss@8.4.21)
       dotenv:
         specifier: ^16.3.1
         version: registry.npmjs.org/dotenv@16.3.1
@@ -366,40 +366,40 @@ importers:
         version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0)
       eslint-plugin-svelte:
         specifier: ^2.31.1
-        version: registry.npmjs.org/eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.0)
+        version: registry.npmjs.org/eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.1)
       postcss:
         specifier: ^8.4.21
-        version: registry.npmjs.org/postcss@8.4.27
+        version: registry.npmjs.org/postcss@8.4.21
       postcss-cli:
         specifier: ^10.1.0
-        version: registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.27)
+        version: registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.21)
       postcss-combine-duplicated-selectors:
         specifier: ^10.0.3
-        version: registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.27)
+        version: registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.21)
       postcss-import:
         specifier: ^15.1.0
-        version: registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.27)
+        version: registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.21)
       postcss-nested:
         specifier: ^6.0.0
-        version: registry.npmjs.org/postcss-nested@6.0.1(postcss@8.4.27)
+        version: registry.npmjs.org/postcss-nested@6.0.0(postcss@8.4.21)
       postcss-rename:
         specifier: ^0.6.1
-        version: registry.npmjs.org/postcss-rename@0.6.1(postcss@8.4.27)
+        version: registry.npmjs.org/postcss-rename@0.6.1(postcss@8.4.21)
       prettier:
         specifier: ^2.8.8
         version: registry.npmjs.org/prettier@2.8.8
       prettier-plugin-svelte:
         specifier: ^2.10.1
-        version: registry.npmjs.org/prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.2.0)
+        version: registry.npmjs.org/prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.2.1)
       svelte:
         specifier: ^4.2.0
-        version: registry.npmjs.org/svelte@4.2.0
+        version: registry.npmjs.org/svelte@4.2.1
       svelte-check:
         specifier: ^3.5.0
-        version: registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.27)(svelte@4.2.0)
+        version: registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.21)(svelte@4.2.1)
       svelte-eslint-parser:
         specifier: ^0.32.2
-        version: registry.npmjs.org/svelte-eslint-parser@0.32.2(svelte@4.2.0)
+        version: registry.npmjs.org/svelte-eslint-parser@0.32.2(svelte@4.2.1)
       tslib:
         specifier: ^2.5.3
         version: registry.npmjs.org/tslib@2.5.3
@@ -414,13 +414,13 @@ importers:
         version: registry.npmjs.org/@types/d3@7.4.0
       '@types/d3-drag':
         specifier: ^3.0.1
-        version: registry.npmjs.org/@types/d3-drag@3.0.2
+        version: registry.npmjs.org/@types/d3-drag@3.0.1
       '@types/d3-selection':
         specifier: ^3.0.3
-        version: registry.npmjs.org/@types/d3-selection@3.0.5
+        version: registry.npmjs.org/@types/d3-selection@3.0.3
       '@types/d3-zoom':
         specifier: ^3.0.1
-        version: registry.npmjs.org/@types/d3-zoom@3.0.3
+        version: registry.npmjs.org/@types/d3-zoom@3.0.1
       d3-drag:
         specifier: ^3.0.0
         version: registry.npmjs.org/d3-drag@3.0.0
@@ -433,7 +433,7 @@ importers:
     devDependencies:
       '@types/node':
         specifier: ^18.7.16
-        version: registry.npmjs.org/@types/node@18.16.18
+        version: registry.npmjs.org/@types/node@18.7.16
       '@xyflow/eslint-config':
         specifier: workspace:*
         version: link:../../tooling/eslint-config
@@ -451,48 +451,55 @@ importers:
     devDependencies:
       eslint:
         specifier: ^8.22.0
-        version: registry.npmjs.org/eslint@8.42.0
+        version: registry.npmjs.org/eslint@8.43.0
       eslint-config-prettier:
         specifier: ^8.5.0
-        version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.42.0)
+        version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0)
       eslint-config-turbo:
         specifier: latest
-        version: registry.npmjs.org/eslint-config-turbo@1.10.15(eslint@8.42.0)
+        version: registry.npmjs.org/eslint-config-turbo@1.10.15(eslint@8.43.0)
       eslint-plugin-react:
         specifier: latest
-        version: registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.42.0)
+        version: registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.43.0)
 
   tooling/rollup-config:
     devDependencies:
       '@rollup/plugin-commonjs':
         specifier: ^25.0.0
-        version: registry.npmjs.org/@rollup/plugin-commonjs@25.0.1(rollup@3.25.1)
+        version: registry.npmjs.org/@rollup/plugin-commonjs@25.0.0(rollup@3.23.0)
       '@rollup/plugin-node-resolve':
         specifier: ^15.1.0
-        version: registry.npmjs.org/@rollup/plugin-node-resolve@15.1.0(rollup@3.25.1)
+        version: registry.npmjs.org/@rollup/plugin-node-resolve@15.1.0(rollup@3.23.0)
       '@rollup/plugin-replace':
         specifier: ^5.0.2
-        version: registry.npmjs.org/@rollup/plugin-replace@5.0.2(rollup@3.25.1)
+        version: registry.npmjs.org/@rollup/plugin-replace@5.0.2(rollup@3.23.0)
       '@rollup/plugin-terser':
         specifier: ^0.4.3
-        version: registry.npmjs.org/@rollup/plugin-terser@0.4.3(rollup@3.25.1)
+        version: registry.npmjs.org/@rollup/plugin-terser@0.4.3(rollup@3.23.0)
       '@rollup/plugin-typescript':
         specifier: 11.0.0
-        version: registry.npmjs.org/@rollup/plugin-typescript@11.0.0(rollup@3.25.1)(typescript@4.9.5)
+        version: registry.npmjs.org/@rollup/plugin-typescript@11.0.0(rollup@3.23.0)(typescript@4.9.4)
       rollup:
         specifier: ^3.23.0
-        version: registry.npmjs.org/rollup@3.25.1
+        version: registry.npmjs.org/rollup@3.23.0
       rollup-plugin-peer-deps-external:
         specifier: ^2.2.4
-        version: registry.npmjs.org/rollup-plugin-peer-deps-external@2.2.4(rollup@3.25.1)
+        version: registry.npmjs.org/rollup-plugin-peer-deps-external@2.2.4(rollup@3.23.0)
       typescript:
         specifier: ^4.9.4
-        version: registry.npmjs.org/typescript@4.9.5
+        version: registry.npmjs.org/typescript@4.9.4
 
   tooling/tsconfig: {}
 
 packages:
 
+  registry.npmjs.org/@aashutoshrathi/word-wrap@1.2.6:
+    resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz}
+    name: '@aashutoshrathi/word-wrap'
+    version: 1.2.6
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   registry.npmjs.org/@ampproject/remapping@2.2.1:
     resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz}
     name: '@ampproject/remapping'
@@ -500,12 +507,12 @@ packages:
     engines: {node: '>=6.0.0'}
     dependencies:
       '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
 
-  registry.npmjs.org/@astrojs/compiler@2.1.0:
-    resolution: {integrity: sha512-Mp+qrNhly+27bL/Zq8lGeUY+YrdoU0eDfIlAeGIPrzt0PnI/jGpvPUdCaugv4zbCrDkOUScFfcbeEiYumrdJnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/compiler/-/compiler-2.1.0.tgz}
+  registry.npmjs.org/@astrojs/compiler@2.2.1:
+    resolution: {integrity: sha512-NJ1lWKzMkyEjE3W5NpPNAVot4/PLF5om/P6ekxNu3iLS05CaYFTcp7WpYMjdCC252b7wkNVAs45FNkVQ+RHW/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/compiler/-/compiler-2.2.1.tgz}
     name: '@astrojs/compiler'
-    version: 2.1.0
+    version: 2.2.1
     dev: false
 
   registry.npmjs.org/@astrojs/internal-helpers@0.2.0:
@@ -533,7 +540,7 @@ packages:
       remark-parse: registry.npmjs.org/remark-parse@10.0.2
       remark-rehype: registry.npmjs.org/remark-rehype@10.1.0
       remark-smartypants: registry.npmjs.org/remark-smartypants@2.0.0
-      shiki: registry.npmjs.org/shiki@0.14.4
+      shiki: registry.npmjs.org/shiki@0.14.5
       unified: registry.npmjs.org/unified@10.1.2
       unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
       vfile: registry.npmjs.org/vfile@5.3.7
@@ -586,7 +593,7 @@ packages:
       '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.4.9)
       astro: registry.npmjs.org/astro@3.2.2
       svelte: registry.npmjs.org/svelte@4.2.1
-      svelte2tsx: registry.npmjs.org/svelte2tsx@0.6.20(svelte@4.2.1)(typescript@5.1.3)
+      svelte2tsx: registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.1.3)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -599,50 +606,50 @@ packages:
     version: 3.0.2
     engines: {node: '>=18.14.1'}
     dependencies:
-      ci-info: registry.npmjs.org/ci-info@3.8.0
+      ci-info: registry.npmjs.org/ci-info@3.9.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       dlv: registry.npmjs.org/dlv@1.1.3
       dset: registry.npmjs.org/dset@3.1.2
       is-docker: registry.npmjs.org/is-docker@3.0.0
       is-wsl: registry.npmjs.org/is-wsl@3.1.0
-      undici: registry.npmjs.org/undici@5.23.0
+      undici: registry.npmjs.org/undici@5.26.5
       which-pm-runs: registry.npmjs.org/which-pm-runs@1.1.0
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  registry.npmjs.org/@babel/code-frame@7.22.10:
-    resolution: {integrity: sha512-/KKIMG4UEL35WmI9OlvMhurwtytjvXoFcGNrOvyG9zIzA8YmPjVtIZUf7b05+TPO7G7/GEmLHDaoCgACHl9hhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.10.tgz}
+  registry.npmjs.org/@babel/code-frame@7.22.13:
+    resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz}
     name: '@babel/code-frame'
-    version: 7.22.10
+    version: 7.22.13
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/highlight': registry.npmjs.org/@babel/highlight@7.22.10
+      '@babel/highlight': registry.npmjs.org/@babel/highlight@7.22.20
       chalk: registry.npmjs.org/chalk@2.4.2
 
-  registry.npmjs.org/@babel/compat-data@7.22.9:
-    resolution: {integrity: sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.9.tgz}
+  registry.npmjs.org/@babel/compat-data@7.23.2:
+    resolution: {integrity: sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.2.tgz}
     name: '@babel/compat-data'
-    version: 7.22.9
+    version: 7.23.2
     engines: {node: '>=6.9.0'}
 
-  registry.npmjs.org/@babel/core@7.22.10:
-    resolution: {integrity: sha512-fTmqbbUBAwCcre6zPzNngvsI0aNrPZe77AeqvDxWM9Nm+04RrJ3CAmGHA9f7lJQY6ZMhRztNemy4uslDxTX4Qw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.22.10.tgz}
+  registry.npmjs.org/@babel/core@7.23.2:
+    resolution: {integrity: sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.23.2.tgz}
     name: '@babel/core'
-    version: 7.22.10
+    version: 7.23.2
     engines: {node: '>=6.9.0'}
     dependencies:
       '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping@2.2.1
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.10
-      '@babel/generator': registry.npmjs.org/@babel/generator@7.22.10
-      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets@7.22.10
-      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms@7.22.9(@babel/core@7.22.10)
-      '@babel/helpers': registry.npmjs.org/@babel/helpers@7.22.10
-      '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
-      '@babel/template': registry.npmjs.org/@babel/template@7.22.5
-      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.22.10
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.13
+      '@babel/generator': registry.npmjs.org/@babel/generator@7.23.0
+      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets@7.22.15
+      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2)
+      '@babel/helpers': registry.npmjs.org/@babel/helpers@7.23.2
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
+      '@babel/template': registry.npmjs.org/@babel/template@7.22.15
+      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.23.2
       '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-      convert-source-map: registry.npmjs.org/convert-source-map@1.9.0
+      convert-source-map: registry.npmjs.org/convert-source-map@2.0.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       gensync: registry.npmjs.org/gensync@1.0.0-beta.2
       json5: registry.npmjs.org/json5@2.2.3
@@ -650,15 +657,15 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  registry.npmjs.org/@babel/generator@7.22.10:
-    resolution: {integrity: sha512-79KIf7YiWjjdZ81JnLujDRApWtl7BxTqWD88+FFdQEIOG8LJ0etDOM7CXuIgGJa55sGOwZVwuEsaLEm0PJ5/+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.22.10.tgz}
+  registry.npmjs.org/@babel/generator@7.23.0:
+    resolution: {integrity: sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz}
     name: '@babel/generator'
-    version: 7.22.10
+    version: 7.23.0
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': registry.npmjs.org/@babel/types@7.23.0
       '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
       jsesc: registry.npmjs.org/jsesc@2.5.2
 
   registry.npmjs.org/@babel/helper-annotate-as-pure@7.22.5:
@@ -670,32 +677,32 @@ packages:
       '@babel/types': registry.npmjs.org/@babel/types@7.23.0
     dev: false
 
-  registry.npmjs.org/@babel/helper-compilation-targets@7.22.10:
-    resolution: {integrity: sha512-JMSwHD4J7SLod0idLq5PKgI+6g/hLD/iuWBq08ZX49xE14VpVEojJ5rHWptpirV2j020MvypRLAXAO50igCJ5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.10.tgz}
+  registry.npmjs.org/@babel/helper-compilation-targets@7.22.15:
+    resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz}
     name: '@babel/helper-compilation-targets'
-    version: 7.22.10
+    version: 7.22.15
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/compat-data': registry.npmjs.org/@babel/compat-data@7.22.9
-      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option@7.22.5
-      browserslist: registry.npmjs.org/browserslist@4.21.10
+      '@babel/compat-data': registry.npmjs.org/@babel/compat-data@7.23.2
+      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option@7.22.15
+      browserslist: registry.npmjs.org/browserslist@4.22.1
       lru-cache: registry.npmjs.org/lru-cache@5.1.1
       semver: registry.npmjs.org/semver@6.3.1
 
-  registry.npmjs.org/@babel/helper-environment-visitor@7.22.5:
-    resolution: {integrity: sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz}
+  registry.npmjs.org/@babel/helper-environment-visitor@7.22.20:
+    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz}
     name: '@babel/helper-environment-visitor'
-    version: 7.22.5
+    version: 7.22.20
     engines: {node: '>=6.9.0'}
 
-  registry.npmjs.org/@babel/helper-function-name@7.22.5:
-    resolution: {integrity: sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz}
+  registry.npmjs.org/@babel/helper-function-name@7.23.0:
+    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz}
     name: '@babel/helper-function-name'
-    version: 7.22.5
+    version: 7.23.0
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/template': registry.npmjs.org/@babel/template@7.22.5
-      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@babel/template': registry.npmjs.org/@babel/template@7.22.15
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
 
   registry.npmjs.org/@babel/helper-hoist-variables@7.22.5:
     resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz}
@@ -703,7 +710,7 @@ packages:
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
 
   registry.npmjs.org/@babel/helper-module-imports@7.22.15:
     resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz}
@@ -712,31 +719,22 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-    dev: false
 
-  registry.npmjs.org/@babel/helper-module-imports@7.22.5:
-    resolution: {integrity: sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz}
-    name: '@babel/helper-module-imports'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
-
-  registry.npmjs.org/@babel/helper-module-transforms@7.22.9(@babel/core@7.22.10):
-    resolution: {integrity: sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.9.tgz}
-    id: registry.npmjs.org/@babel/helper-module-transforms/7.22.9
+  registry.npmjs.org/@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2):
+    resolution: {integrity: sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz}
+    id: registry.npmjs.org/@babel/helper-module-transforms/7.23.0
     name: '@babel/helper-module-transforms'
-    version: 7.22.9
+    version: 7.23.0
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.22.10
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor@7.22.5
-      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports@7.22.5
+      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
+      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor@7.22.20
+      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports@7.22.15
       '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access@7.22.5
       '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.5
+      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.20
 
   registry.npmjs.org/@babel/helper-plugin-utils@7.22.5:
     resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz}
@@ -750,7 +748,7 @@ packages:
     version: 7.22.5
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
 
   registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6:
     resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz}
@@ -758,7 +756,7 @@ packages:
     version: 7.22.6
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
 
   registry.npmjs.org/@babel/helper-string-parser@7.22.5:
     resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz}
@@ -772,50 +770,44 @@ packages:
     version: 7.22.20
     engines: {node: '>=6.9.0'}
 
-  registry.npmjs.org/@babel/helper-validator-identifier@7.22.5:
-    resolution: {integrity: sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz}
-    name: '@babel/helper-validator-identifier'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-
-  registry.npmjs.org/@babel/helper-validator-option@7.22.5:
-    resolution: {integrity: sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz}
+  registry.npmjs.org/@babel/helper-validator-option@7.22.15:
+    resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz}
     name: '@babel/helper-validator-option'
-    version: 7.22.5
+    version: 7.22.15
     engines: {node: '>=6.9.0'}
 
-  registry.npmjs.org/@babel/helpers@7.22.10:
-    resolution: {integrity: sha512-a41J4NW8HyZa1I1vAndrraTlPZ/eZoga2ZgS7fEr0tZJGVU4xqdE80CEm0CcNjha5EZ8fTBYLKHF0kqDUuAwQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.10.tgz}
+  registry.npmjs.org/@babel/helpers@7.23.2:
+    resolution: {integrity: sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.2.tgz}
     name: '@babel/helpers'
-    version: 7.22.10
+    version: 7.23.2
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/template': registry.npmjs.org/@babel/template@7.22.5
-      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.22.10
-      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@babel/template': registry.npmjs.org/@babel/template@7.22.15
+      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.23.2
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
     transitivePeerDependencies:
       - supports-color
 
-  registry.npmjs.org/@babel/highlight@7.22.10:
-    resolution: {integrity: sha512-78aUtVcT7MUscr0K5mIEnkwxPE0MaxkR5RxRwuHaQ+JuU5AmTPhY+do2mdzVTnIJJpyBglql2pehuBIWHug+WQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.10.tgz}
+  registry.npmjs.org/@babel/highlight@7.22.20:
+    resolution: {integrity: sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz}
     name: '@babel/highlight'
-    version: 7.22.10
+    version: 7.22.20
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.5
+      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.20
       chalk: registry.npmjs.org/chalk@2.4.2
       js-tokens: registry.npmjs.org/js-tokens@4.0.0
 
-  registry.npmjs.org/@babel/parser@7.22.10:
-    resolution: {integrity: sha512-lNbdGsQb9ekfsnjFGhEiF4hfFqGgfOP3H3d27re3n+CGhNuTSUEQdfWk556sTLNTloczcdM5TYF2LhzmDQKyvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.22.10.tgz}
+  registry.npmjs.org/@babel/parser@7.23.0:
+    resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz}
     name: '@babel/parser'
-    version: 7.22.10
+    version: 7.23.0
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
       '@babel/types': registry.npmjs.org/@babel/types@7.23.0
 
-  registry.npmjs.org/@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.22.10):
+  registry.npmjs.org/@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz}
     id: registry.npmjs.org/@babel/plugin-syntax-jsx/7.22.5
     name: '@babel/plugin-syntax-jsx'
@@ -824,11 +816,11 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.22.10
+      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
       '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
     dev: false
 
-  registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.22.10):
+  registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz}
     id: registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.22.5
     name: '@babel/plugin-transform-react-jsx-self'
@@ -837,10 +829,10 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.22.10
+      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
       '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
 
-  registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.22.10):
+  registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz}
     id: registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.22.5
     name: '@babel/plugin-transform-react-jsx-source'
@@ -849,10 +841,10 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.22.10
+      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
       '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
 
-  registry.npmjs.org/@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.22.10):
+  registry.npmjs.org/@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.2):
     resolution: {integrity: sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz}
     id: registry.npmjs.org/@babel/plugin-transform-react-jsx/7.22.15
     name: '@babel/plugin-transform-react-jsx'
@@ -861,62 +853,51 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.22.10
+      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
       '@babel/helper-annotate-as-pure': registry.npmjs.org/@babel/helper-annotate-as-pure@7.22.5
       '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports@7.22.15
       '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
-      '@babel/plugin-syntax-jsx': registry.npmjs.org/@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.22.10)
+      '@babel/plugin-syntax-jsx': registry.npmjs.org/@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2)
       '@babel/types': registry.npmjs.org/@babel/types@7.23.0
     dev: false
 
-  registry.npmjs.org/@babel/runtime@7.22.5:
-    resolution: {integrity: sha512-ecjvYlnAaZ/KVneE/OdKYBYfgXV3Ptu6zQWmgEF7vwKhQnvVS6bjMD2XYgj+SNvQ1GfK/pjgokfPkC/2CO8CuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.5.tgz}
+  registry.npmjs.org/@babel/runtime@7.23.2:
+    resolution: {integrity: sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz}
     name: '@babel/runtime'
-    version: 7.22.5
+    version: 7.23.2
     engines: {node: '>=6.9.0'}
     dependencies:
-      regenerator-runtime: registry.npmjs.org/regenerator-runtime@0.13.11
-    dev: true
+      regenerator-runtime: registry.npmjs.org/regenerator-runtime@0.14.0
 
-  registry.npmjs.org/@babel/template@7.22.5:
-    resolution: {integrity: sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/template/-/template-7.22.5.tgz}
+  registry.npmjs.org/@babel/template@7.22.15:
+    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz}
     name: '@babel/template'
-    version: 7.22.5
+    version: 7.22.15
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.10
-      '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
-      '@babel/types': registry.npmjs.org/@babel/types@7.22.10
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.13
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
 
-  registry.npmjs.org/@babel/traverse@7.22.10:
-    resolution: {integrity: sha512-Q/urqV4pRByiNNpb/f5OSv28ZlGJiFiiTh+GAHktbIrkPhPbl90+uW6SmpoLyZqutrg9AEaEf3Q/ZBRHBXgxig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.10.tgz}
+  registry.npmjs.org/@babel/traverse@7.23.2:
+    resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.2.tgz}
     name: '@babel/traverse'
-    version: 7.22.10
+    version: 7.23.2
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.10
-      '@babel/generator': registry.npmjs.org/@babel/generator@7.22.10
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor@7.22.5
-      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name@7.22.5
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.13
+      '@babel/generator': registry.npmjs.org/@babel/generator@7.23.0
+      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor@7.22.20
+      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name@7.23.0
       '@babel/helper-hoist-variables': registry.npmjs.org/@babel/helper-hoist-variables@7.22.5
       '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6
-      '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
       '@babel/types': registry.npmjs.org/@babel/types@7.23.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       globals: registry.npmjs.org/globals@11.12.0
     transitivePeerDependencies:
       - supports-color
 
-  registry.npmjs.org/@babel/types@7.22.10:
-    resolution: {integrity: sha512-obaoigiLrlDZ7TUQln/8m4mSqIW2QFeOrCQc9r+xsaHGNoplVNYlRVpsfE8Vj35GEm2ZH4ZhrNYogs/3fj85kg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.22.10.tgz}
-    name: '@babel/types'
-    version: 7.22.10
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser@7.22.5
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.5
-      to-fast-properties: registry.npmjs.org/to-fast-properties@2.0.0
-
   registry.npmjs.org/@babel/types@7.23.0:
     resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz}
     name: '@babel/types'
@@ -927,13 +908,13 @@ packages:
       '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.20
       to-fast-properties: registry.npmjs.org/to-fast-properties@2.0.0
 
-  registry.npmjs.org/@changesets/apply-release-plan@6.1.3:
-    resolution: {integrity: sha512-ECDNeoc3nfeAe1jqJb5aFQX7CqzQhD2klXRez2JDb/aVpGUbX673HgKrnrgJRuQR/9f2TtLoYIzrGB9qwD77mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-6.1.3.tgz}
+  registry.npmjs.org/@changesets/apply-release-plan@6.1.4:
+    resolution: {integrity: sha512-FMpKF1fRlJyCZVYHr3CbinpZZ+6MwvOtWUuO8uo+svcATEoc1zRDcj23pAurJ2TZ/uVz1wFHH6K3NlACy0PLew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-6.1.4.tgz}
     name: '@changesets/apply-release-plan'
-    version: 6.1.3
+    version: 6.1.4
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
-      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
+      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.1
       '@changesets/get-version-range-type': registry.npmjs.org/@changesets/get-version-range-type@0.3.2
       '@changesets/git': registry.npmjs.org/@changesets/git@2.0.0
       '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
@@ -944,20 +925,20 @@ packages:
       outdent: registry.npmjs.org/outdent@0.5.0
       prettier: registry.npmjs.org/prettier@2.8.8
       resolve-from: registry.npmjs.org/resolve-from@5.0.0
-      semver: registry.npmjs.org/semver@5.7.1
+      semver: registry.npmjs.org/semver@7.5.4
     dev: true
 
-  registry.npmjs.org/@changesets/assemble-release-plan@5.2.3:
-    resolution: {integrity: sha512-g7EVZCmnWz3zMBAdrcKhid4hkHT+Ft1n0mLussFMcB1dE2zCuwcvGoy9ec3yOgPGF4hoMtgHaMIk3T3TBdvU9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/assemble-release-plan/-/assemble-release-plan-5.2.3.tgz}
+  registry.npmjs.org/@changesets/assemble-release-plan@5.2.4:
+    resolution: {integrity: sha512-xJkWX+1/CUaOUWTguXEbCDTyWJFECEhmdtbkjhn5GVBGxdP/JwaHBIU9sW3FR6gD07UwZ7ovpiPclQZs+j+mvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/assemble-release-plan/-/assemble-release-plan-5.2.4.tgz}
     name: '@changesets/assemble-release-plan'
-    version: 5.2.3
+    version: 5.2.4
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
       '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.5
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.6
       '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      semver: registry.npmjs.org/semver@5.7.1
+      semver: registry.npmjs.org/semver@7.5.4
     dev: true
 
   registry.npmjs.org/@changesets/changelog-git@0.1.14:
@@ -968,10 +949,10 @@ packages:
       '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
     dev: true
 
-  registry.npmjs.org/@changesets/changelog-github@0.4.8:
-    resolution: {integrity: sha512-jR1DHibkMAb5v/8ym77E4AMNWZKB5NPzw5a5Wtqm1JepAuIF+hrKp2u04NKM14oBZhHglkCfrla9uq8ORnK/dw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-github/-/changelog-github-0.4.8.tgz}
+  registry.npmjs.org/@changesets/changelog-github@0.4.7:
+    resolution: {integrity: sha512-UUG5sKwShs5ha1GFnayUpZNcDGWoY7F5XxhOEHS62sDPOtoHQZsG3j1nC5RxZ3M1URHA321cwVZHeXgu99Y3ew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-github/-/changelog-github-0.4.7.tgz}
     name: '@changesets/changelog-github'
-    version: 0.4.8
+    version: 0.4.7
     dependencies:
       '@changesets/get-github-info': registry.npmjs.org/@changesets/get-github-info@0.5.2
       '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
@@ -980,32 +961,32 @@ packages:
       - encoding
     dev: true
 
-  registry.npmjs.org/@changesets/cli@2.26.1:
-    resolution: {integrity: sha512-XnTa+b51vt057fyAudvDKGB0Sh72xutQZNAdXkCqPBKO2zvs2yYZx5hFZj1u9cbtpwM6Sxtcr02/FQJfZOzemQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/cli/-/cli-2.26.1.tgz}
+  registry.npmjs.org/@changesets/cli@2.25.0:
+    resolution: {integrity: sha512-Svu5KD2enurVHGEEzCRlaojrHjVYgF9srmMP9VQSy9c1TspX6C9lDPpulsSNIjYY9BuU/oiWpjBgR7RI9eQiAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/cli/-/cli-2.25.0.tgz}
     name: '@changesets/cli'
-    version: 2.26.1
+    version: 2.25.0
     hasBin: true
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
-      '@changesets/apply-release-plan': registry.npmjs.org/@changesets/apply-release-plan@6.1.3
-      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan@5.2.3
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
+      '@changesets/apply-release-plan': registry.npmjs.org/@changesets/apply-release-plan@6.1.4
+      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan@5.2.4
       '@changesets/changelog-git': registry.npmjs.org/@changesets/changelog-git@0.1.14
-      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.0
+      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.1
       '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.5
-      '@changesets/get-release-plan': registry.npmjs.org/@changesets/get-release-plan@3.0.16
-      '@changesets/git': registry.npmjs.org/@changesets/git@2.0.0
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.6
+      '@changesets/get-release-plan': registry.npmjs.org/@changesets/get-release-plan@3.0.17
+      '@changesets/git': registry.npmjs.org/@changesets/git@1.5.0
       '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
       '@changesets/pre': registry.npmjs.org/@changesets/pre@1.0.14
       '@changesets/read': registry.npmjs.org/@changesets/read@0.5.9
       '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
       '@changesets/write': registry.npmjs.org/@changesets/write@0.2.3
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      '@types/is-ci': registry.npmjs.org/@types/is-ci@3.0.0
-      '@types/semver': registry.npmjs.org/@types/semver@6.2.3
+      '@types/is-ci': registry.npmjs.org/@types/is-ci@3.0.3
+      '@types/semver': registry.npmjs.org/@types/semver@6.2.5
       ansi-colors: registry.npmjs.org/ansi-colors@4.1.3
       chalk: registry.npmjs.org/chalk@2.4.2
-      enquirer: registry.npmjs.org/enquirer@2.3.6
+      enquirer: registry.npmjs.org/enquirer@2.4.1
       external-editor: registry.npmjs.org/external-editor@3.1.0
       fs-extra: registry.npmjs.org/fs-extra@7.0.1
       human-id: registry.npmjs.org/human-id@1.0.2
@@ -1013,21 +994,21 @@ packages:
       meow: registry.npmjs.org/meow@6.1.1
       outdent: registry.npmjs.org/outdent@0.5.0
       p-limit: registry.npmjs.org/p-limit@2.3.0
-      preferred-pm: registry.npmjs.org/preferred-pm@3.0.3
+      preferred-pm: registry.npmjs.org/preferred-pm@3.1.2
       resolve-from: registry.npmjs.org/resolve-from@5.0.0
-      semver: registry.npmjs.org/semver@5.7.1
+      semver: registry.npmjs.org/semver@5.7.2
       spawndamnit: registry.npmjs.org/spawndamnit@2.0.0
       term-size: registry.npmjs.org/term-size@2.2.1
-      tty-table: registry.npmjs.org/tty-table@4.2.1
+      tty-table: registry.npmjs.org/tty-table@4.2.2
     dev: true
 
-  registry.npmjs.org/@changesets/config@2.3.0:
-    resolution: {integrity: sha512-EgP/px6mhCx8QeaMAvWtRrgyxW08k/Bx2tpGT+M84jEdX37v3VKfh4Cz1BkwrYKuMV2HZKeHOh8sHvja/HcXfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/config/-/config-2.3.0.tgz}
+  registry.npmjs.org/@changesets/config@2.3.1:
+    resolution: {integrity: sha512-PQXaJl82CfIXddUOppj4zWu+987GCw2M+eQcOepxN5s+kvnsZOwjEJO3DH9eVy+OP6Pg/KFEWdsECFEYTtbg6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/config/-/config-2.3.1.tgz}
     name: '@changesets/config'
-    version: 2.3.0
+    version: 2.3.1
     dependencies:
       '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.5
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.6
       '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
       '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
@@ -1043,16 +1024,16 @@ packages:
       extendable-error: registry.npmjs.org/extendable-error@0.1.7
     dev: true
 
-  registry.npmjs.org/@changesets/get-dependents-graph@1.3.5:
-    resolution: {integrity: sha512-w1eEvnWlbVDIY8mWXqWuYE9oKhvIaBhzqzo4ITSJY9hgoqQ3RoBqwlcAzg11qHxv/b8ReDWnMrpjpKrW6m1ZTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-dependents-graph/-/get-dependents-graph-1.3.5.tgz}
+  registry.npmjs.org/@changesets/get-dependents-graph@1.3.6:
+    resolution: {integrity: sha512-Q/sLgBANmkvUm09GgRsAvEtY3p1/5OCzgBE5vX3vgb5CvW0j7CEljocx5oPXeQSNph6FXulJlXV3Re/v3K3P3Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-dependents-graph/-/get-dependents-graph-1.3.6.tgz}
     name: '@changesets/get-dependents-graph'
-    version: 1.3.5
+    version: 1.3.6
     dependencies:
       '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
       chalk: registry.npmjs.org/chalk@2.4.2
       fs-extra: registry.npmjs.org/fs-extra@7.0.1
-      semver: registry.npmjs.org/semver@5.7.1
+      semver: registry.npmjs.org/semver@7.5.4
     dev: true
 
   registry.npmjs.org/@changesets/get-github-info@0.5.2:
@@ -1061,19 +1042,19 @@ packages:
     version: 0.5.2
     dependencies:
       dataloader: registry.npmjs.org/dataloader@1.4.0
-      node-fetch: registry.npmjs.org/node-fetch@2.6.11
+      node-fetch: registry.npmjs.org/node-fetch@2.7.0
     transitivePeerDependencies:
       - encoding
     dev: true
 
-  registry.npmjs.org/@changesets/get-release-plan@3.0.16:
-    resolution: {integrity: sha512-OpP9QILpBp1bY2YNIKFzwigKh7Qe9KizRsZomzLe6pK8IUo8onkAAVUD8+JRKSr8R7d4+JRuQrfSSNlEwKyPYg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-release-plan/-/get-release-plan-3.0.16.tgz}
+  registry.npmjs.org/@changesets/get-release-plan@3.0.17:
+    resolution: {integrity: sha512-6IwKTubNEgoOZwDontYc2x2cWXfr6IKxP3IhKeK+WjyD6y3M4Gl/jdQvBw+m/5zWILSOCAaGLu2ZF6Q+WiPniw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-release-plan/-/get-release-plan-3.0.17.tgz}
     name: '@changesets/get-release-plan'
-    version: 3.0.16
+    version: 3.0.17
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
-      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan@5.2.3
-      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.0
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
+      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan@5.2.4
+      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.1
       '@changesets/pre': registry.npmjs.org/@changesets/pre@1.0.14
       '@changesets/read': registry.npmjs.org/@changesets/read@0.5.9
       '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
@@ -1086,12 +1067,25 @@ packages:
     version: 0.3.2
     dev: true
 
+  registry.npmjs.org/@changesets/git@1.5.0:
+    resolution: {integrity: sha512-Xo8AT2G7rQJSwV87c8PwMm6BAc98BnufRMsML7m7Iw8Or18WFvFmxqG5aOL5PBvhgq9KrKvaeIBNIymracSuHg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/git/-/git-1.5.0.tgz}
+    name: '@changesets/git'
+    version: 1.5.0
+    dependencies:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      is-subdir: registry.npmjs.org/is-subdir@1.2.0
+      spawndamnit: registry.npmjs.org/spawndamnit@2.0.0
+    dev: true
+
   registry.npmjs.org/@changesets/git@2.0.0:
     resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/git/-/git-2.0.0.tgz}
     name: '@changesets/git'
     version: 2.0.0
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
       '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
       '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
@@ -1122,7 +1116,7 @@ packages:
     name: '@changesets/pre'
     version: 1.0.14
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
       '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
       '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
       '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
@@ -1134,7 +1128,7 @@ packages:
     name: '@changesets/read'
     version: 0.5.9
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
       '@changesets/git': registry.npmjs.org/@changesets/git@2.0.0
       '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
       '@changesets/parse': registry.npmjs.org/@changesets/parse@0.3.16
@@ -1161,7 +1155,7 @@ packages:
     name: '@changesets/write'
     version: 0.2.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
       '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
       fs-extra: registry.npmjs.org/fs-extra@7.0.1
       human-id: registry.npmjs.org/human-id@1.0.2
@@ -1177,10 +1171,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@cypress/request@2.88.11:
-    resolution: {integrity: sha512-M83/wfQ1EkspjkE2lNWNV5ui2Cv7UCv1swW1DqljahbzLVWltcsexQh8jYtuS/vzFXP+HySntGM83ZXA9fn17w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/request/-/request-2.88.11.tgz}
+  registry.npmjs.org/@cypress/request@2.88.12:
+    resolution: {integrity: sha512-tOn+0mDZxASFM+cuAP9szGUGPI1HwWVSvdzm7V4cCsPdFTx6qMj29CwaQmRAMIEhORIUBFBsYROYJcveK4uOjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/request/-/request-2.88.12.tgz}
     name: '@cypress/request'
-    version: 2.88.11
+    version: 2.88.12
     engines: {node: '>= 6'}
     dependencies:
       aws-sign2: registry.npmjs.org/aws-sign2@0.7.0
@@ -1198,7 +1192,7 @@ packages:
       performance-now: registry.npmjs.org/performance-now@2.1.0
       qs: registry.npmjs.org/qs@6.10.4
       safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
-      tough-cookie: registry.npmjs.org/tough-cookie@2.5.0
+      tough-cookie: registry.npmjs.org/tough-cookie@4.1.3
       tunnel-agent: registry.npmjs.org/tunnel-agent@0.6.0
       uuid: registry.npmjs.org/uuid@8.3.2
     dev: true
@@ -1246,10 +1240,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/android-arm64@0.19.4:
-    resolution: {integrity: sha512-mRsi2vJsk4Bx/AFsNBqOH2fqedxn5L/moT58xgg51DjX1la64Z3Npicut2VbhvDFO26qjWtPMsVxCd80YTFVeg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/android-arm64@0.19.5:
+    resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.5.tgz}
     name: '@esbuild/android-arm64'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
@@ -1267,10 +1261,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/android-arm@0.19.4:
-    resolution: {integrity: sha512-uBIbiYMeSsy2U0XQoOGVVcpIktjLMEKa7ryz2RLr7L/vTnANNEsPVAh4xOv7ondGz6ac1zVb0F8Jx20rQikffQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/android-arm@0.19.5:
+    resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.5.tgz}
     name: '@esbuild/android-arm'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
@@ -1288,10 +1282,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/android-x64@0.19.4:
-    resolution: {integrity: sha512-4iPufZ1TMOD3oBlGFqHXBpa3KFT46aLl6Vy7gwed0ZSYgHaZ/mihbYb4t7Z9etjkC9Al3ZYIoOaHrU60gcMy7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/android-x64@0.19.5:
+    resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.5.tgz}
     name: '@esbuild/android-x64'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
@@ -1309,10 +1303,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/darwin-arm64@0.19.4:
-    resolution: {integrity: sha512-Lviw8EzxsVQKpbS+rSt6/6zjn9ashUZ7Tbuvc2YENgRl0yZTktGlachZ9KMJUsVjZEGFVu336kl5lBgDN6PmpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/darwin-arm64@0.19.5:
+    resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.5.tgz}
     name: '@esbuild/darwin-arm64'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
@@ -1330,10 +1324,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/darwin-x64@0.19.4:
-    resolution: {integrity: sha512-YHbSFlLgDwglFn0lAO3Zsdrife9jcQXQhgRp77YiTDja23FrC2uwnhXMNkAucthsf+Psr7sTwYEryxz6FPAVqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/darwin-x64@0.19.5:
+    resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.5.tgz}
     name: '@esbuild/darwin-x64'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
@@ -1351,10 +1345,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/freebsd-arm64@0.19.4:
-    resolution: {integrity: sha512-vz59ijyrTG22Hshaj620e5yhs2dU1WJy723ofc+KUgxVCM6zxQESmWdMuVmUzxtGqtj5heHyB44PjV/HKsEmuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/freebsd-arm64@0.19.5:
+    resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.5.tgz}
     name: '@esbuild/freebsd-arm64'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
@@ -1372,10 +1366,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/freebsd-x64@0.19.4:
-    resolution: {integrity: sha512-3sRbQ6W5kAiVQRBWREGJNd1YE7OgzS0AmOGjDmX/qZZecq8NFlQsQH0IfXjjmD0XtUYqr64e0EKNFjMUlPL3Cw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/freebsd-x64@0.19.5:
+    resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.5.tgz}
     name: '@esbuild/freebsd-x64'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
@@ -1393,10 +1387,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-arm64@0.19.4:
-    resolution: {integrity: sha512-ZWmWORaPbsPwmyu7eIEATFlaqm0QGt+joRE9sKcnVUG3oBbr/KYdNE2TnkzdQwX6EDRdg/x8Q4EZQTXoClUqqA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/linux-arm64@0.19.5:
+    resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.5.tgz}
     name: '@esbuild/linux-arm64'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
@@ -1414,10 +1408,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-arm@0.19.4:
-    resolution: {integrity: sha512-z/4ArqOo9EImzTi4b6Vq+pthLnepFzJ92BnofU1jgNlcVb+UqynVFdoXMCFreTK7FdhqAzH0vmdwW5373Hm9pg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/linux-arm@0.19.5:
+    resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.5.tgz}
     name: '@esbuild/linux-arm'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
@@ -1435,10 +1429,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-ia32@0.19.4:
-    resolution: {integrity: sha512-EGc4vYM7i1GRUIMqRZNCTzJh25MHePYsnQfKDexD8uPTCm9mK56NIL04LUfX2aaJ+C9vyEp2fJ7jbqFEYgO9lQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/linux-ia32@0.19.5:
+    resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.5.tgz}
     name: '@esbuild/linux-ia32'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
@@ -1456,10 +1450,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-loong64@0.19.4:
-    resolution: {integrity: sha512-WVhIKO26kmm8lPmNrUikxSpXcgd6HDog0cx12BUfA2PkmURHSgx9G6vA19lrlQOMw+UjMZ+l3PpbtzffCxFDRg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/linux-loong64@0.19.5:
+    resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.5.tgz}
     name: '@esbuild/linux-loong64'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
@@ -1477,10 +1471,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-mips64el@0.19.4:
-    resolution: {integrity: sha512-keYY+Hlj5w86hNp5JJPuZNbvW4jql7c1eXdBUHIJGTeN/+0QFutU3GrS+c27L+NTmzi73yhtojHk+lr2+502Mw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/linux-mips64el@0.19.5:
+    resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.5.tgz}
     name: '@esbuild/linux-mips64el'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
@@ -1498,10 +1492,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-ppc64@0.19.4:
-    resolution: {integrity: sha512-tQ92n0WMXyEsCH4m32S21fND8VxNiVazUbU4IUGVXQpWiaAxOBvtOtbEt3cXIV3GEBydYsY8pyeRMJx9kn3rvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/linux-ppc64@0.19.5:
+    resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.5.tgz}
     name: '@esbuild/linux-ppc64'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
@@ -1519,10 +1513,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-riscv64@0.19.4:
-    resolution: {integrity: sha512-tRRBey6fG9tqGH6V75xH3lFPpj9E8BH+N+zjSUCnFOX93kEzqS0WdyJHkta/mmJHn7MBaa++9P4ARiU4ykjhig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/linux-riscv64@0.19.5:
+    resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.5.tgz}
     name: '@esbuild/linux-riscv64'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
@@ -1540,10 +1534,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-s390x@0.19.4:
-    resolution: {integrity: sha512-152aLpQqKZYhThiJ+uAM4PcuLCAOxDsCekIbnGzPKVBRUDlgaaAfaUl5NYkB1hgY6WN4sPkejxKlANgVcGl9Qg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/linux-s390x@0.19.5:
+    resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.5.tgz}
     name: '@esbuild/linux-s390x'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
@@ -1561,10 +1555,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-x64@0.19.4:
-    resolution: {integrity: sha512-Mi4aNA3rz1BNFtB7aGadMD0MavmzuuXNTaYL6/uiYIs08U7YMPETpgNn5oue3ICr+inKwItOwSsJDYkrE9ekVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/linux-x64@0.19.5:
+    resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.5.tgz}
     name: '@esbuild/linux-x64'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
@@ -1582,10 +1576,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/netbsd-x64@0.19.4:
-    resolution: {integrity: sha512-9+Wxx1i5N/CYo505CTT7T+ix4lVzEdz0uCoYGxM5JDVlP2YdDC1Bdz+Khv6IbqmisT0Si928eAxbmGkcbiuM/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/netbsd-x64@0.19.5:
+    resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.5.tgz}
     name: '@esbuild/netbsd-x64'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
@@ -1603,10 +1597,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/openbsd-x64@0.19.4:
-    resolution: {integrity: sha512-MFsHleM5/rWRW9EivFssop+OulYVUoVcqkyOkjiynKBCGBj9Lihl7kh9IzrreDyXa4sNkquei5/DTP4uCk25xw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/openbsd-x64@0.19.5:
+    resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.5.tgz}
     name: '@esbuild/openbsd-x64'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
@@ -1624,10 +1618,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/sunos-x64@0.19.4:
-    resolution: {integrity: sha512-6Xq8SpK46yLvrGxjp6HftkDwPP49puU4OF0hEL4dTxqCbfx09LyrbUj/D7tmIRMj5D5FCUPksBbxyQhp8tmHzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/sunos-x64@0.19.5:
+    resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.5.tgz}
     name: '@esbuild/sunos-x64'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
@@ -1645,10 +1639,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-arm64@0.19.4:
-    resolution: {integrity: sha512-PkIl7Jq4mP6ke7QKwyg4fD4Xvn8PXisagV/+HntWoDEdmerB2LTukRZg728Yd1Fj+LuEX75t/hKXE2Ppk8Hh1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/win32-arm64@0.19.5:
+    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.5.tgz}
     name: '@esbuild/win32-arm64'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
@@ -1666,10 +1660,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-ia32@0.19.4:
-    resolution: {integrity: sha512-ga676Hnvw7/ycdKB53qPusvsKdwrWzEyJ+AtItHGoARszIqvjffTwaaW3b2L6l90i7MO9i+dlAW415INuRhSGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/win32-ia32@0.19.5:
+    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.5.tgz}
     name: '@esbuild/win32-ia32'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
@@ -1687,10 +1681,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/win32-x64@0.19.4:
-    resolution: {integrity: sha512-HP0GDNla1T3ZL8Ko/SHAS2GgtjOg+VmWnnYLhuTksr++EnduYB0f3Y2LzHsUwb2iQ13JGoY6G3R8h6Du/WG6uA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.4.tgz}
+  registry.npmjs.org/@esbuild/win32-x64@0.19.5:
+    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.5.tgz}
     name: '@esbuild/win32-x64'
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
@@ -1698,19 +1692,6 @@ packages:
     dev: false
     optional: true
 
-  registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.42.0):
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz}
-    id: registry.npmjs.org/@eslint-community/eslint-utils/4.4.0
-    name: '@eslint-community/eslint-utils'
-    version: 4.4.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
-    dependencies:
-      eslint: registry.npmjs.org/eslint@8.42.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
-    dev: true
-
   registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0):
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz}
     id: registry.npmjs.org/@eslint-community/eslint-utils/4.4.0
@@ -1724,30 +1705,23 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
-  registry.npmjs.org/@eslint-community/regexpp@4.5.1:
-    resolution: {integrity: sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.5.1.tgz}
+  registry.npmjs.org/@eslint-community/regexpp@4.9.1:
+    resolution: {integrity: sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.9.1.tgz}
     name: '@eslint-community/regexpp'
-    version: 4.5.1
+    version: 4.9.1
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@eslint-community/regexpp@4.6.2:
-    resolution: {integrity: sha512-pPTNuaAG3QMH+buKyBIGJs3g/S5y0caxw0ygM3YyE6yJFySwiGGSzA+mM3KJ8QQvzeLh3blwgSonkFjgQdxzMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.6.2.tgz}
-    name: '@eslint-community/regexpp'
-    version: 4.6.2
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-    dev: true
-
-  registry.npmjs.org/@eslint/eslintrc@2.0.3:
-    resolution: {integrity: sha512-+5gy6OQfk+xx3q0d6jGZZC3f3KzAkXc/IanVxd1is/VIIziRqqt3ongQz0FiTUXqTk0c7aDB3OaFuKnuSoJicQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.3.tgz}
+  registry.npmjs.org/@eslint/eslintrc@2.1.2:
+    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.2.tgz}
     name: '@eslint/eslintrc'
-    version: 2.0.3
+    version: 2.1.2
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: registry.npmjs.org/ajv@6.12.6
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      espree: registry.npmjs.org/espree@9.5.2
-      globals: registry.npmjs.org/globals@13.20.0
+      espree: registry.npmjs.org/espree@9.6.1
+      globals: registry.npmjs.org/globals@13.23.0
       ignore: registry.npmjs.org/ignore@5.2.4
       import-fresh: registry.npmjs.org/import-fresh@3.3.0
       js-yaml: registry.npmjs.org/js-yaml@4.1.0
@@ -1757,13 +1731,6 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@eslint/js@8.42.0:
-    resolution: {integrity: sha512-6SWlXpWU5AvId8Ac7zjzmIOqMOba/JWY8XZ4A7q7Gn1Vlfg/SFFIlrtHXt9nPn4op9ZPAkl91Jao+QQv3r/ukw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/js/-/js-8.42.0.tgz}
-    name: '@eslint/js'
-    version: 8.42.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
-
   registry.npmjs.org/@eslint/js@8.43.0:
     resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/js/-/js-8.43.0.tgz}
     name: '@eslint/js'
@@ -1771,6 +1738,13 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
+  registry.npmjs.org/@fastify/busboy@2.0.0:
+    resolution: {integrity: sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@fastify/busboy/-/busboy-2.0.0.tgz}
+    name: '@fastify/busboy'
+    version: 2.0.0
+    engines: {node: '>=14'}
+    dev: false
+
   registry.npmjs.org/@hapi/hoek@9.3.0:
     resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz}
     name: '@hapi/hoek'
@@ -1785,13 +1759,13 @@ packages:
       '@hapi/hoek': registry.npmjs.org/@hapi/hoek@9.3.0
     dev: true
 
-  registry.npmjs.org/@humanwhocodes/config-array@0.11.10:
-    resolution: {integrity: sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz}
+  registry.npmjs.org/@humanwhocodes/config-array@0.11.13:
+    resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz}
     name: '@humanwhocodes/config-array'
-    version: 0.11.10
+    version: 0.11.13
     engines: {node: '>=10.10.0'}
     dependencies:
-      '@humanwhocodes/object-schema': registry.npmjs.org/@humanwhocodes/object-schema@1.2.1
+      '@humanwhocodes/object-schema': registry.npmjs.org/@humanwhocodes/object-schema@2.0.1
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       minimatch: registry.npmjs.org/minimatch@3.1.2
     transitivePeerDependencies:
@@ -1805,10 +1779,10 @@ packages:
     engines: {node: '>=12.22'}
     dev: true
 
-  registry.npmjs.org/@humanwhocodes/object-schema@1.2.1:
-    resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz}
+  registry.npmjs.org/@humanwhocodes/object-schema@2.0.1:
+    resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz}
     name: '@humanwhocodes/object-schema'
-    version: 1.2.1
+    version: 2.0.1
     dev: true
 
   registry.npmjs.org/@jridgewell/gen-mapping@0.3.3:
@@ -1819,12 +1793,12 @@ packages:
     dependencies:
       '@jridgewell/set-array': registry.npmjs.org/@jridgewell/set-array@1.1.2
       '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
 
-  registry.npmjs.org/@jridgewell/resolve-uri@3.1.0:
-    resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz}
+  registry.npmjs.org/@jridgewell/resolve-uri@3.1.1:
+    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz}
     name: '@jridgewell/resolve-uri'
-    version: 3.1.0
+    version: 3.1.1
     engines: {node: '>=6.0.0'}
 
   registry.npmjs.org/@jridgewell/set-array@1.1.2:
@@ -1833,39 +1807,34 @@ packages:
     version: 1.1.2
     engines: {node: '>=6.0.0'}
 
-  registry.npmjs.org/@jridgewell/source-map@0.3.3:
-    resolution: {integrity: sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.3.tgz}
+  registry.npmjs.org/@jridgewell/source-map@0.3.5:
+    resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz}
     name: '@jridgewell/source-map'
-    version: 0.3.3
+    version: 0.3.5
     dependencies:
       '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
     dev: true
 
-  registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.14:
-    resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz}
-    name: '@jridgewell/sourcemap-codec'
-    version: 1.4.14
-
   registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15:
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz}
     name: '@jridgewell/sourcemap-codec'
     version: 1.4.15
 
-  registry.npmjs.org/@jridgewell/trace-mapping@0.3.18:
-    resolution: {integrity: sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz}
+  registry.npmjs.org/@jridgewell/trace-mapping@0.3.20:
+    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz}
     name: '@jridgewell/trace-mapping'
-    version: 0.3.18
+    version: 0.3.20
     dependencies:
-      '@jridgewell/resolve-uri': registry.npmjs.org/@jridgewell/resolve-uri@3.1.0
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.14
+      '@jridgewell/resolve-uri': registry.npmjs.org/@jridgewell/resolve-uri@3.1.1
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
 
   registry.npmjs.org/@manypkg/find-root@1.1.0:
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@manypkg/find-root/-/find-root-1.1.0.tgz}
     name: '@manypkg/find-root'
     version: 1.1.0
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
       '@types/node': registry.npmjs.org/@types/node@12.20.55
       find-up: registry.npmjs.org/find-up@4.1.0
       fs-extra: registry.npmjs.org/fs-extra@8.1.0
@@ -1876,7 +1845,7 @@ packages:
     name: '@manypkg/get-packages'
     version: 1.1.3
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
       '@changesets/types': registry.npmjs.org/@changesets/types@4.1.0
       '@manypkg/find-root': registry.npmjs.org/@manypkg/find-root@1.1.0
       fs-extra: registry.npmjs.org/fs-extra@8.1.0
@@ -2021,24 +1990,17 @@ packages:
       '@nodelib/fs.scandir': registry.npmjs.org/@nodelib/fs.scandir@2.1.5
       fastq: registry.npmjs.org/fastq@1.15.0
 
-  registry.npmjs.org/@polka/url@1.0.0-next.21:
-    resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz}
+  registry.npmjs.org/@polka/url@1.0.0-next.23:
+    resolution: {integrity: sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.23.tgz}
     name: '@polka/url'
-    version: 1.0.0-next.21
+    version: 1.0.0-next.23
     dev: true
 
-  registry.npmjs.org/@remix-run/router@1.6.3:
-    resolution: {integrity: sha512-EXJysQ7J3veRECd0kZFQwYYd5sJMcq2O/m60zu1W2l3oVQ9xtub8jTOtYRE0+M2iomyG/W3Ps7+vp2kna0C27Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@remix-run/router/-/router-1.6.3.tgz}
-    name: '@remix-run/router'
-    version: 1.6.3
-    engines: {node: '>=14'}
-    dev: false
-
-  registry.npmjs.org/@rollup/plugin-commonjs@25.0.1(rollup@3.25.1):
-    resolution: {integrity: sha512-2DJ4kv4b1xfTJopWhu61ANdNRHvzQZ2fpaIrlgaP2jOfUv1wDJ0Ucqy8AZlbFmn/iUjiwKoqki9j55Y6L8kyNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.1.tgz}
-    id: registry.npmjs.org/@rollup/plugin-commonjs/25.0.1
+  registry.npmjs.org/@rollup/plugin-commonjs@25.0.0(rollup@3.23.0):
+    resolution: {integrity: sha512-hoho2Kay9TZrLu0bnDsTTCaj4Npa+THk9snajP/XDNb9a9mmjTjh52EQM9sKl3HD1LsnihX7js+eA2sd2uKAhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.0.tgz}
+    id: registry.npmjs.org/@rollup/plugin-commonjs/25.0.0
     name: '@rollup/plugin-commonjs'
-    version: 25.0.1
+    version: 25.0.0
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^2.68.0||^3.0.0
@@ -2046,16 +2008,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.2(rollup@3.25.1)
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.5(rollup@3.23.0)
       commondir: registry.npmjs.org/commondir@1.0.1
       estree-walker: registry.npmjs.org/estree-walker@2.0.2
       glob: registry.npmjs.org/glob@8.1.0
       is-reference: registry.npmjs.org/is-reference@1.2.1
       magic-string: registry.npmjs.org/magic-string@0.27.0
-      rollup: registry.npmjs.org/rollup@3.25.1
+      rollup: registry.npmjs.org/rollup@3.23.0
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-node-resolve@15.1.0(rollup@3.25.1):
+  registry.npmjs.org/@rollup/plugin-node-resolve@15.1.0(rollup@3.23.0):
     resolution: {integrity: sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.1.0.tgz}
     id: registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0
     name: '@rollup/plugin-node-resolve'
@@ -2067,16 +2029,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.2(rollup@3.25.1)
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.5(rollup@3.23.0)
       '@types/resolve': registry.npmjs.org/@types/resolve@1.20.2
       deepmerge: registry.npmjs.org/deepmerge@4.3.1
       is-builtin-module: registry.npmjs.org/is-builtin-module@3.2.1
       is-module: registry.npmjs.org/is-module@1.0.0
-      resolve: registry.npmjs.org/resolve@1.22.2
-      rollup: registry.npmjs.org/rollup@3.25.1
+      resolve: registry.npmjs.org/resolve@1.22.8
+      rollup: registry.npmjs.org/rollup@3.23.0
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-replace@5.0.2(rollup@3.25.1):
+  registry.npmjs.org/@rollup/plugin-replace@5.0.2(rollup@3.23.0):
     resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-5.0.2.tgz}
     id: registry.npmjs.org/@rollup/plugin-replace/5.0.2
     name: '@rollup/plugin-replace'
@@ -2088,12 +2050,12 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.2(rollup@3.25.1)
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.5(rollup@3.23.0)
       magic-string: registry.npmjs.org/magic-string@0.27.0
-      rollup: registry.npmjs.org/rollup@3.25.1
+      rollup: registry.npmjs.org/rollup@3.23.0
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-terser@0.4.3(rollup@3.25.1):
+  registry.npmjs.org/@rollup/plugin-terser@0.4.3(rollup@3.23.0):
     resolution: {integrity: sha512-EF0oejTMtkyhrkwCdg0HJ0IpkcaVg1MMSf2olHb2Jp+1mnLM04OhjpJWGma4HobiDTF0WCyViWuvadyE9ch2XA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.3.tgz}
     id: registry.npmjs.org/@rollup/plugin-terser/0.4.3
     name: '@rollup/plugin-terser'
@@ -2105,13 +2067,13 @@ packages:
       rollup:
         optional: true
     dependencies:
-      rollup: registry.npmjs.org/rollup@3.25.1
+      rollup: registry.npmjs.org/rollup@3.23.0
       serialize-javascript: registry.npmjs.org/serialize-javascript@6.0.1
-      smob: registry.npmjs.org/smob@1.4.0
-      terser: registry.npmjs.org/terser@5.18.0
+      smob: registry.npmjs.org/smob@1.4.1
+      terser: registry.npmjs.org/terser@5.22.0
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-typescript@11.0.0(rollup@3.25.1)(typescript@4.9.5):
+  registry.npmjs.org/@rollup/plugin-typescript@11.0.0(rollup@3.23.0)(typescript@4.9.4):
     resolution: {integrity: sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-11.0.0.tgz}
     id: registry.npmjs.org/@rollup/plugin-typescript/11.0.0
     name: '@rollup/plugin-typescript'
@@ -2127,28 +2089,28 @@ packages:
       tslib:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.2(rollup@3.25.1)
-      resolve: registry.npmjs.org/resolve@1.22.2
-      rollup: registry.npmjs.org/rollup@3.25.1
-      typescript: registry.npmjs.org/typescript@4.9.5
+      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.5(rollup@3.23.0)
+      resolve: registry.npmjs.org/resolve@1.22.8
+      rollup: registry.npmjs.org/rollup@3.23.0
+      typescript: registry.npmjs.org/typescript@4.9.4
     dev: true
 
-  registry.npmjs.org/@rollup/pluginutils@5.0.2(rollup@3.25.1):
-    resolution: {integrity: sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz}
-    id: registry.npmjs.org/@rollup/pluginutils/5.0.2
+  registry.npmjs.org/@rollup/pluginutils@5.0.5(rollup@3.23.0):
+    resolution: {integrity: sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.5.tgz}
+    id: registry.npmjs.org/@rollup/pluginutils/5.0.5
     name: '@rollup/pluginutils'
-    version: 5.0.2
+    version: 5.0.5
     engines: {node: '>=14.0.0'}
     peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
     peerDependenciesMeta:
       rollup:
         optional: true
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.3
       estree-walker: registry.npmjs.org/estree-walker@2.0.2
       picomatch: registry.npmjs.org/picomatch@2.3.1
-      rollup: registry.npmjs.org/rollup@3.25.1
+      rollup: registry.npmjs.org/rollup@3.23.0
     dev: true
 
   registry.npmjs.org/@rushstack/eslint-patch@1.5.1:
@@ -2191,11 +2153,11 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.4.9)
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.4.9)
       import-meta-resolve: registry.npmjs.org/import-meta-resolve@3.0.0
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.0)(vite@4.4.9):
+  registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.4.9):
     resolution: {integrity: sha512-SDKxI/QpsReCwIn5czjT53fKlPBybbmMk67d317gUqfeORroBAFN1Z6s/x0E1JYi+04i7kKllS+Sz9wVfmUkAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.22.6.tgz}
     id: registry.npmjs.org/@sveltejs/kit/1.22.6
     name: '@sveltejs/kit'
@@ -2207,25 +2169,25 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.4.9)
-      '@types/cookie': registry.npmjs.org/@types/cookie@0.5.1
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.4.9)
+      '@types/cookie': registry.npmjs.org/@types/cookie@0.5.3
       cookie: registry.npmjs.org/cookie@0.5.0
       devalue: registry.npmjs.org/devalue@4.3.2
       esm-env: registry.npmjs.org/esm-env@1.0.0
       kleur: registry.npmjs.org/kleur@4.1.5
-      magic-string: registry.npmjs.org/magic-string@0.30.0
+      magic-string: registry.npmjs.org/magic-string@0.30.5
       mime: registry.npmjs.org/mime@3.0.0
       sade: registry.npmjs.org/sade@1.8.1
       set-cookie-parser: registry.npmjs.org/set-cookie-parser@2.6.0
       sirv: registry.npmjs.org/sirv@2.0.3
-      svelte: registry.npmjs.org/svelte@4.2.0
+      svelte: registry.npmjs.org/svelte@4.2.1
       undici: registry.npmjs.org/undici@5.23.0
       vite: registry.npmjs.org/vite@4.4.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/package@2.2.1(svelte@4.2.0)(typescript@5.1.3):
+  registry.npmjs.org/@sveltejs/package@2.2.1(svelte@4.2.1)(typescript@5.1.3):
     resolution: {integrity: sha512-7Yv4SdoOZFPYWK1/A8LtZ7+WLlZny/4q5sWbU7dnkEqbIt5j4V3TzrquT9nAE6sUy6Dghxf35dXoPIdvRH7w7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/package/-/package-2.2.1.tgz}
     id: registry.npmjs.org/@sveltejs/package/2.2.1
     name: '@sveltejs/package'
@@ -2238,32 +2200,13 @@ packages:
       chokidar: registry.npmjs.org/chokidar@3.5.3
       kleur: registry.npmjs.org/kleur@4.1.5
       sade: registry.npmjs.org/sade@1.8.1
-      semver: registry.npmjs.org/semver@7.5.3
-      svelte: registry.npmjs.org/svelte@4.2.0
-      svelte2tsx: registry.npmjs.org/svelte2tsx@0.6.20(svelte@4.2.0)(typescript@5.1.3)
+      semver: registry.npmjs.org/semver@7.5.4
+      svelte: registry.npmjs.org/svelte@4.2.1
+      svelte2tsx: registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.1.3)
     transitivePeerDependencies:
       - typescript
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.2.0)(vite@4.4.9):
-    resolution: {integrity: sha512-Cy1dUMcYCnDVV/hPLXa43YZJ2jGKVW5rA0xuNL9dlmYhT0yoS1g7+FOFSRlgk0BXKk/Oc7grs+8BVA5Iz2fr8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.2.tgz}
-    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.2
-    name: '@sveltejs/vite-plugin-svelte-inspector'
-    version: 1.0.2
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^2.2.0
-      svelte: ^3.54.0 || ^4.0.0-next.0
-      vite: ^4.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.4.9)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      svelte: registry.npmjs.org/svelte@4.2.0
-      vite: registry.npmjs.org/vite@4.4.9
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.4.9):
     resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.4.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.4
@@ -2281,30 +2224,6 @@ packages:
       vite: registry.npmjs.org/vite@4.4.9
     transitivePeerDependencies:
       - supports-color
-    dev: false
-
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.2.0)(vite@4.4.9):
-    resolution: {integrity: sha512-bNNKvoRY89ptY7udeBSCmTdCVwkjmMcZ0j/z9J5MuedT8jPjq0zrknAo/jF1sToAza4NVaAgR9AkZoD9oJJmnA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.1.tgz}
-    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.1
-    name: '@sveltejs/vite-plugin-svelte'
-    version: 2.4.1
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0-next.0
-      vite: ^4.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.2.0)(vite@4.4.9)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      deepmerge: registry.npmjs.org/deepmerge@4.3.1
-      kleur: registry.npmjs.org/kleur@4.1.5
-      magic-string: registry.npmjs.org/magic-string@0.30.4
-      svelte: registry.npmjs.org/svelte@4.2.0
-      svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.2(svelte@4.2.0)
-      vite: registry.npmjs.org/vite@4.4.9
-      vitefu: registry.npmjs.org/vitefu@0.2.4(vite@4.4.9)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
 
   registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.4.9):
     resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.6.tgz}
@@ -2320,19 +2239,18 @@ packages:
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       deepmerge: registry.npmjs.org/deepmerge@4.3.1
       kleur: registry.npmjs.org/kleur@4.1.5
-      magic-string: registry.npmjs.org/magic-string@0.30.4
+      magic-string: registry.npmjs.org/magic-string@0.30.5
       svelte: registry.npmjs.org/svelte@4.2.1
       svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.1)
       vite: registry.npmjs.org/vite@4.4.9
-      vitefu: registry.npmjs.org/vitefu@0.2.4(vite@4.4.9)
+      vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.4.9)
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  registry.npmjs.org/@swc/core-darwin-arm64@1.3.63:
-    resolution: {integrity: sha512-lNR0BgG0/6dGpGP+AyFZoZ3YBhZN5GzvgAUzwy4skqn5sKZ7duQD02CNq1lIy7Im5BzgMUcJ+/Z7z/YUlqBK+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.63.tgz}
+  registry.npmjs.org/@swc/core-darwin-arm64@1.3.94:
+    resolution: {integrity: sha512-KNuE6opIy/wAXiGUWLhGWhCG3wA/AdjG6eYkv6dstrAURLaQMAoD8vDfVm8pxS8FA8Kx+0Z4QiDNPqk5aKIsqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.94.tgz}
     name: '@swc/core-darwin-arm64'
-    version: 1.3.63
+    version: 1.3.94
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [darwin]
@@ -2340,10 +2258,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-darwin-x64@1.3.63:
-    resolution: {integrity: sha512-1lydnc+LgSD0gwD1axW3+Y1htKZZRn33aJF4ITd6hsA9Y2eIhdMVxgx6peXp8wWzoRBXy5GEMTnd7704oya4zw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.63.tgz}
+  registry.npmjs.org/@swc/core-darwin-x64@1.3.94:
+    resolution: {integrity: sha512-HypemhyehQrLqXwfJv5ronD4BMAXdgMCP4Ei7rt3B6Ftmt9axwGvdwGiXxsYR9h1ncyxoVxN+coGxbNIhKhahw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.94.tgz}
     name: '@swc/core-darwin-x64'
-    version: 1.3.63
+    version: 1.3.94
     engines: {node: '>=10'}
     cpu: [x64]
     os: [darwin]
@@ -2351,10 +2269,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-arm-gnueabihf@1.3.63:
-    resolution: {integrity: sha512-cJT+XJ6f25QeAcz2ONy1i8WKP6olqOIbU5fHZKsoPqEZmLkK5NCTnmIolT0HZpH1SNkE/hHkPYGn620Domvn8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.63.tgz}
+  registry.npmjs.org/@swc/core-linux-arm-gnueabihf@1.3.94:
+    resolution: {integrity: sha512-KzKN54c7Y6X1db+bBVSXG4+bXmAPvXtDWk+TgwNJH4yYliOrnP/RKkHA5QZ9VFSnqJF06/sAO4kYBiL/aVQDBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.94.tgz}
     name: '@swc/core-linux-arm-gnueabihf'
-    version: 1.3.63
+    version: 1.3.94
     engines: {node: '>=10'}
     cpu: [arm]
     os: [linux]
@@ -2362,10 +2280,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-arm64-gnu@1.3.63:
-    resolution: {integrity: sha512-xtuk0v/86i0UR6G+5X6l3bgP1I1iWlEI23ad44L0FNrZ8wLLEvVzYuVoI6U5fKbp91LAsVpdWyyvSAo1sT7BWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.63.tgz}
+  registry.npmjs.org/@swc/core-linux-arm64-gnu@1.3.94:
+    resolution: {integrity: sha512-iAcR8Ho0Uck/SLSrgYfXkpcGOXuN5waMZO7GlL/52QODr7GJtOfZ0H1MCZLbIFkPJp/iXoJpYgym4d/qSd477Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.94.tgz}
     name: '@swc/core-linux-arm64-gnu'
-    version: 1.3.63
+    version: 1.3.94
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
@@ -2373,10 +2291,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-arm64-musl@1.3.63:
-    resolution: {integrity: sha512-AIRqE/3659zt5hfZzj3i/xtJbJl1iz9FcYEGUsIqqrxouqZWNbFujQpIguX4qFI7uoM+m6p6pqLjMmArwErRxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.63.tgz}
+  registry.npmjs.org/@swc/core-linux-arm64-musl@1.3.94:
+    resolution: {integrity: sha512-VCHL1Mb9ENHx+sAeubSSg481MUeP9/PYzPPy9tfswunj/w35M+vEWflwK2dzQL9kUTFD3zcFTpAgsKnj6aX24w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.94.tgz}
     name: '@swc/core-linux-arm64-musl'
-    version: 1.3.63
+    version: 1.3.94
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
@@ -2384,10 +2302,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-x64-gnu@1.3.63:
-    resolution: {integrity: sha512-EAB5gkgDvStJofvdQU40hqEqjtSvtPs3PR0WupZtbLKWWCTWg76uTXQZEKNYx9r60Pt7sx1BAa3XnqgXjmcjDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.63.tgz}
+  registry.npmjs.org/@swc/core-linux-x64-gnu@1.3.94:
+    resolution: {integrity: sha512-gjq7U6clhJi0Oel2a4gwR4MbSu+THQ2hmBNVCOSA3JjPZWZTkJXaJDpnh/r7PJxKBwUDlo0VPlwiwjepAQR2Rw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.94.tgz}
     name: '@swc/core-linux-x64-gnu'
-    version: 1.3.63
+    version: 1.3.94
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
@@ -2395,10 +2313,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-x64-musl@1.3.63:
-    resolution: {integrity: sha512-8ScbtDPd8Hr1VkpzCseI5H770YgxxjTFsxinH9UtJWJBFIkdu2rEwjgz4t+lDjsc/R3JWaKt1q8Dkgzqmj+77g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.63.tgz}
+  registry.npmjs.org/@swc/core-linux-x64-musl@1.3.94:
+    resolution: {integrity: sha512-rSylruWyeol2ujZDHmwiovupMR5ukMXivlA7DDxmQ1dFUV9HuiPknQrU5rEbI3V2V3V5RkpbEKjnADen7AeMPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.94.tgz}
     name: '@swc/core-linux-x64-musl'
-    version: 1.3.63
+    version: 1.3.94
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
@@ -2406,10 +2324,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-win32-arm64-msvc@1.3.63:
-    resolution: {integrity: sha512-+41tEugXJjpK04KIb2+Xlpb1NArhIne4u0NQo+cHb6ekJoqQmgIj3uNJhQ0v+0DDMjFqbA07l0KYNMgYLBls/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.63.tgz}
+  registry.npmjs.org/@swc/core-win32-arm64-msvc@1.3.94:
+    resolution: {integrity: sha512-OenDUr5MQkz506ebVQq6ezoZ3GZ26nchgf5mPnwab4gx2TEiyR9zn7MdX5LWskTmOK3+FszPbGK0B5oLK6Y5yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.94.tgz}
     name: '@swc/core-win32-arm64-msvc'
-    version: 1.3.63
+    version: 1.3.94
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [win32]
@@ -2417,10 +2335,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-win32-ia32-msvc@1.3.63:
-    resolution: {integrity: sha512-W6nPOD5k++rSmoAb0Jg0h7gyfjly8b5ld7cSnmrWKXfmjgxOqxcoqP2LlzNkamg320eqkGaD9n+UnPJDteLTBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.63.tgz}
+  registry.npmjs.org/@swc/core-win32-ia32-msvc@1.3.94:
+    resolution: {integrity: sha512-mi6NcmtJKnaiHAxLtVz+WzunscsEwPdA0j15DuiYVx06Xo+MdRLJj4eVBgVLwGD1AI3IqKs4MVVx2cD7n0h5mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.94.tgz}
     name: '@swc/core-win32-ia32-msvc'
-    version: 1.3.63
+    version: 1.3.94
     engines: {node: '>=10'}
     cpu: [ia32]
     os: [win32]
@@ -2428,10 +2346,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.63:
-    resolution: {integrity: sha512-MHNCF3GWtlKZL3vNhMiCrtM4gBHqAv0Iw38bLoJRagh1Q/UDNVjNzWhgngCno9NUQodMtCo6G7iTQilW7YaAQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.63.tgz}
+  registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.94:
+    resolution: {integrity: sha512-Ba0ZLcGMnqPWWF9Xa+rWhhnkpvE7XoQegMP/VCF2JIHb2ieGBC8jChO6nKRFKZjib/3wghGzxakyDQx3LDhDug==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.94.tgz}
     name: '@swc/core-win32-x64-msvc'
-    version: 1.3.63
+    version: 1.3.94
     engines: {node: '>=10'}
     cpu: [x64]
     os: [win32]
@@ -2439,10 +2357,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core@1.3.63:
-    resolution: {integrity: sha512-mNRMr0xcqkvnC1a/H7rpMtbIjq7KKy4XaW/+zj3+w9cH5g72eMo3ADNHE03zHoqPn+Ov3szzFOMHT6rgJlRxow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core/-/core-1.3.63.tgz}
+  registry.npmjs.org/@swc/core@1.3.94:
+    resolution: {integrity: sha512-jTHn8UJOGgERKZLy8euEixVAzC/w/rUSuMlM3e7hxgap/TC595hSkuQwtkpL238dsuEPveD44GMy2A5UBtSvjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core/-/core-1.3.94.tgz}
     name: '@swc/core'
-    version: 1.3.63
+    version: 1.3.94
     engines: {node: '>=10'}
     requiresBuild: true
     peerDependencies:
@@ -2450,17 +2368,26 @@ packages:
     peerDependenciesMeta:
       '@swc/helpers':
         optional: true
+    dependencies:
+      '@swc/counter': registry.npmjs.org/@swc/counter@0.1.2
+      '@swc/types': registry.npmjs.org/@swc/types@0.1.5
     optionalDependencies:
-      '@swc/core-darwin-arm64': registry.npmjs.org/@swc/core-darwin-arm64@1.3.63
-      '@swc/core-darwin-x64': registry.npmjs.org/@swc/core-darwin-x64@1.3.63
-      '@swc/core-linux-arm-gnueabihf': registry.npmjs.org/@swc/core-linux-arm-gnueabihf@1.3.63
-      '@swc/core-linux-arm64-gnu': registry.npmjs.org/@swc/core-linux-arm64-gnu@1.3.63
-      '@swc/core-linux-arm64-musl': registry.npmjs.org/@swc/core-linux-arm64-musl@1.3.63
-      '@swc/core-linux-x64-gnu': registry.npmjs.org/@swc/core-linux-x64-gnu@1.3.63
-      '@swc/core-linux-x64-musl': registry.npmjs.org/@swc/core-linux-x64-musl@1.3.63
-      '@swc/core-win32-arm64-msvc': registry.npmjs.org/@swc/core-win32-arm64-msvc@1.3.63
-      '@swc/core-win32-ia32-msvc': registry.npmjs.org/@swc/core-win32-ia32-msvc@1.3.63
-      '@swc/core-win32-x64-msvc': registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.63
+      '@swc/core-darwin-arm64': registry.npmjs.org/@swc/core-darwin-arm64@1.3.94
+      '@swc/core-darwin-x64': registry.npmjs.org/@swc/core-darwin-x64@1.3.94
+      '@swc/core-linux-arm-gnueabihf': registry.npmjs.org/@swc/core-linux-arm-gnueabihf@1.3.94
+      '@swc/core-linux-arm64-gnu': registry.npmjs.org/@swc/core-linux-arm64-gnu@1.3.94
+      '@swc/core-linux-arm64-musl': registry.npmjs.org/@swc/core-linux-arm64-musl@1.3.94
+      '@swc/core-linux-x64-gnu': registry.npmjs.org/@swc/core-linux-x64-gnu@1.3.94
+      '@swc/core-linux-x64-musl': registry.npmjs.org/@swc/core-linux-x64-musl@1.3.94
+      '@swc/core-win32-arm64-msvc': registry.npmjs.org/@swc/core-win32-arm64-msvc@1.3.94
+      '@swc/core-win32-ia32-msvc': registry.npmjs.org/@swc/core-win32-ia32-msvc@1.3.94
+      '@swc/core-win32-x64-msvc': registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.94
+    dev: true
+
+  registry.npmjs.org/@swc/counter@0.1.2:
+    resolution: {integrity: sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/counter/-/counter-0.1.2.tgz}
+    name: '@swc/counter'
+    version: 0.1.2
     dev: true
 
   registry.npmjs.org/@swc/helpers@0.5.2:
@@ -2468,9 +2395,15 @@ packages:
     name: '@swc/helpers'
     version: 0.5.2
     dependencies:
-      tslib: registry.npmjs.org/tslib@2.5.3
+      tslib: registry.npmjs.org/tslib@2.6.2
     dev: false
 
+  registry.npmjs.org/@swc/types@0.1.5:
+    resolution: {integrity: sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/types/-/types-0.1.5.tgz}
+    name: '@swc/types'
+    version: 0.1.5
+    dev: true
+
   registry.npmjs.org/@trysound/sax@0.2.0:
     resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz}
     name: '@trysound/sax'
@@ -2478,251 +2411,251 @@ packages:
     engines: {node: '>=10.13.0'}
     dev: true
 
-  registry.npmjs.org/@types/babel__core@7.20.2:
-    resolution: {integrity: sha512-pNpr1T1xLUc2l3xJKuPtsEky3ybxN3m4fJkknfIpTCTfIZCDW57oAg+EfCgIIp2rvCe0Wn++/FfodDS4YXxBwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.2.tgz}
+  registry.npmjs.org/@types/babel__core@7.20.3:
+    resolution: {integrity: sha512-54fjTSeSHwfan8AyHWrKbfBWiEUrNTZsUwPTDSNaaP1QDQIZbeNUg3a59E9D+375MzUw/x1vx2/0F5LBz+AeYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.3.tgz}
     name: '@types/babel__core'
-    version: 7.20.2
+    version: 7.20.3
     dependencies:
-      '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
       '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-      '@types/babel__generator': registry.npmjs.org/@types/babel__generator@7.6.5
-      '@types/babel__template': registry.npmjs.org/@types/babel__template@7.4.2
-      '@types/babel__traverse': registry.npmjs.org/@types/babel__traverse@7.20.2
+      '@types/babel__generator': registry.npmjs.org/@types/babel__generator@7.6.6
+      '@types/babel__template': registry.npmjs.org/@types/babel__template@7.4.3
+      '@types/babel__traverse': registry.npmjs.org/@types/babel__traverse@7.20.3
     dev: false
 
-  registry.npmjs.org/@types/babel__generator@7.6.5:
-    resolution: {integrity: sha512-h9yIuWbJKdOPLJTbmSpPzkF67e659PbQDba7ifWm5BJ8xTv+sDmS7rFmywkWOvXedGTivCdeGSIIX8WLcRTz8w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.5.tgz}
+  registry.npmjs.org/@types/babel__generator@7.6.6:
+    resolution: {integrity: sha512-66BXMKb/sUWbMdBNdMvajU7i/44RkrA3z/Yt1c7R5xejt8qh84iU54yUWCtm0QwGJlDcf/gg4zd/x4mpLAlb/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.6.tgz}
     name: '@types/babel__generator'
-    version: 7.6.5
+    version: 7.6.6
     dependencies:
       '@babel/types': registry.npmjs.org/@babel/types@7.23.0
     dev: false
 
-  registry.npmjs.org/@types/babel__template@7.4.2:
-    resolution: {integrity: sha512-/AVzPICMhMOMYoSx9MoKpGDKdBRsIXMNByh1PXSZoa+v6ZoLa8xxtsT/uLQ/NJm0XVAWl/BvId4MlDeXJaeIZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.2.tgz}
+  registry.npmjs.org/@types/babel__template@7.4.3:
+    resolution: {integrity: sha512-ciwyCLeuRfxboZ4isgdNZi/tkt06m8Tw6uGbBSBgWrnnZGNXiEyM27xc/PjXGQLqlZ6ylbgHMnm7ccF9tCkOeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.3.tgz}
     name: '@types/babel__template'
-    version: 7.4.2
+    version: 7.4.3
     dependencies:
-      '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
       '@babel/types': registry.npmjs.org/@babel/types@7.23.0
     dev: false
 
-  registry.npmjs.org/@types/babel__traverse@7.20.2:
-    resolution: {integrity: sha512-ojlGK1Hsfce93J0+kn3H5R73elidKUaZonirN33GSmgTUMpzI/MIFfSpF3haANe3G1bEBS9/9/QEqwTzwqFsKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.2.tgz}
+  registry.npmjs.org/@types/babel__traverse@7.20.3:
+    resolution: {integrity: sha512-Lsh766rGEFbaxMIDH7Qa+Yha8cMVI3qAK6CHt3OR0YfxOIn5Z54iHiyDRycHrBqeIiqGa20Kpsv1cavfBKkRSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.3.tgz}
     name: '@types/babel__traverse'
-    version: 7.20.2
+    version: 7.20.3
     dependencies:
       '@babel/types': registry.npmjs.org/@babel/types@7.23.0
     dev: false
 
-  registry.npmjs.org/@types/cookie@0.5.1:
-    resolution: {integrity: sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/cookie/-/cookie-0.5.1.tgz}
+  registry.npmjs.org/@types/cookie@0.5.3:
+    resolution: {integrity: sha512-SLg07AS9z1Ab2LU+QxzU8RCmzsja80ywjf/t5oqw+4NSH20gIGlhLOrBDm1L3PBWzPa4+wkgFQVZAjE6Ioj2ug==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/cookie/-/cookie-0.5.3.tgz}
     name: '@types/cookie'
-    version: 0.5.1
+    version: 0.5.3
     dev: true
 
-  registry.npmjs.org/@types/d3-array@3.0.5:
-    resolution: {integrity: sha512-Qk7fpJ6qFp+26VeQ47WY0mkwXaiq8+76RJcncDEfMc2ocRzXLO67bLFRNI4OX1aGBoPzsM5Y2T+/m1pldOgD+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-array/-/d3-array-3.0.5.tgz}
+  registry.npmjs.org/@types/d3-array@3.0.9:
+    resolution: {integrity: sha512-mZowFN3p64ajCJJ4riVYlOjNlBJv3hctgAY01pjw3qTnJePD8s9DZmYDzhHKvzfCYvdjwylkU38+Vdt7Cu2FDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-array/-/d3-array-3.0.9.tgz}
     name: '@types/d3-array'
-    version: 3.0.5
+    version: 3.0.9
     dev: false
 
-  registry.npmjs.org/@types/d3-axis@3.0.2:
-    resolution: {integrity: sha512-uGC7DBh0TZrU/LY43Fd8Qr+2ja1FKmH07q2FoZFHo1eYl8aj87GhfVoY1saJVJiq24rp1+wpI6BvQJMKgQm8oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.2.tgz}
+  registry.npmjs.org/@types/d3-axis@3.0.5:
+    resolution: {integrity: sha512-ufDAV3SQzju+uB3Jlty7SUb/jMigjpIlvDDcSGvGmmO6OT/sNO93UE0dRzwWOZeBLzrLSA0CQM4bf3iq1std3A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.5.tgz}
     name: '@types/d3-axis'
-    version: 3.0.2
+    version: 3.0.5
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.3
     dev: false
 
-  registry.npmjs.org/@types/d3-brush@3.0.2:
-    resolution: {integrity: sha512-2TEm8KzUG3N7z0TrSKPmbxByBx54M+S9lHoP2J55QuLU0VSQ9mE96EJSAOVNEqd1bbynMjeTS9VHmz8/bSw8rA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.2.tgz}
+  registry.npmjs.org/@types/d3-brush@3.0.5:
+    resolution: {integrity: sha512-JROQXZNq1X6QdWstESDUv1VilwZ2hBCQnWB91yal+5yZvYwGQvYsGCjrkHGfKK/8/AcX1JnERmpQzdDDuLRUsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.5.tgz}
     name: '@types/d3-brush'
-    version: 3.0.2
+    version: 3.0.5
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.3
     dev: false
 
-  registry.npmjs.org/@types/d3-chord@3.0.2:
-    resolution: {integrity: sha512-abT/iLHD3sGZwqMTX1TYCMEulr+wBd0SzyOQnjYNLp7sngdOHYtNkMRI5v3w5thoN+BWtlHVDx2Osvq6fxhZWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.2.tgz}
+  registry.npmjs.org/@types/d3-chord@3.0.5:
+    resolution: {integrity: sha512-rs26AIhJjtc+XLR4YQU8IjPTLOlDVO4PR1y+pVFYEHzKh2tE5tYz3MF4QV6iz7HboXQEaYpJQt8dH9uUkne8yA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.5.tgz}
     name: '@types/d3-chord'
-    version: 3.0.2
+    version: 3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-color@3.1.0:
-    resolution: {integrity: sha512-HKuicPHJuvPgCD+np6Se9MQvS6OCbJmOjGvylzMJRlDwUXjKTTXs6Pwgk79O09Vj/ho3u1ofXnhFOaEWWPrlwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.0.tgz}
+  registry.npmjs.org/@types/d3-color@3.1.2:
+    resolution: {integrity: sha512-At+Ski7dL8Bs58E8g8vPcFJc8tGcaC12Z4m07+p41+DRqnZQcAlp3NfYjLrhNYv+zEyQitU1CUxXNjqUyf+c0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.2.tgz}
     name: '@types/d3-color'
-    version: 3.1.0
+    version: 3.1.2
     dev: false
 
-  registry.npmjs.org/@types/d3-contour@3.0.2:
-    resolution: {integrity: sha512-k6/bGDoAGJZnZWaKzeB+9glgXCYGvh6YlluxzBREiVo8f/X2vpTEdgPy9DN7Z2i42PZOZ4JDhVdlTSTSkLDPlQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.2.tgz}
+  registry.npmjs.org/@types/d3-contour@3.0.5:
+    resolution: {integrity: sha512-wLvjwdOQVd1NL1IcW90CCt1VtpeZ3V20p/OTXlkT8uAiprrJnq2PNNnRNe1QCez4U9aMU29Z14zpJQVLW1+Lcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.5.tgz}
     name: '@types/d3-contour'
-    version: 3.0.2
+    version: 3.0.5
     dependencies:
-      '@types/d3-array': registry.npmjs.org/@types/d3-array@3.0.5
-      '@types/geojson': registry.npmjs.org/@types/geojson@7946.0.10
+      '@types/d3-array': registry.npmjs.org/@types/d3-array@3.0.9
+      '@types/geojson': registry.npmjs.org/@types/geojson@7946.0.12
     dev: false
 
-  registry.npmjs.org/@types/d3-delaunay@6.0.1:
-    resolution: {integrity: sha512-tLxQ2sfT0p6sxdG75c6f/ekqxjyYR0+LwPrsO1mbC9YDBzPJhs2HbJJRrn8Ez1DBoHRo2yx7YEATI+8V1nGMnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-delaunay/-/d3-delaunay-6.0.1.tgz}
+  registry.npmjs.org/@types/d3-delaunay@6.0.3:
+    resolution: {integrity: sha512-+Lf5NPKZ4JBC9tbudVkKceQXRxU3jJs0el9aKQvinMtdnFSOG84eVXyhCNgIFuXNQO3iIcYs7sgzN359FEOZnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-delaunay/-/d3-delaunay-6.0.3.tgz}
     name: '@types/d3-delaunay'
-    version: 6.0.1
+    version: 6.0.3
     dev: false
 
-  registry.npmjs.org/@types/d3-dispatch@3.0.2:
-    resolution: {integrity: sha512-rxN6sHUXEZYCKV05MEh4z4WpPSqIw+aP7n9ZN6WYAAvZoEAghEK1WeVZMZcHRBwyaKflU43PCUAJNjFxCzPDjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.2.tgz}
+  registry.npmjs.org/@types/d3-dispatch@3.0.5:
+    resolution: {integrity: sha512-hxvq2kc+9hydVppo21JCGfcM0tLTh1DXnG3MLN0KlxsNZJH4bsdl1iXDuWtXFpWWlBrCMwSqlnoLPDxNAZU3Bg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.5.tgz}
     name: '@types/d3-dispatch'
-    version: 3.0.2
+    version: 3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-drag@3.0.2:
-    resolution: {integrity: sha512-qmODKEDvyKWVHcWWCOVcuVcOwikLVsyc4q4EBJMREsoQnR2Qoc2cZQUyFUPgO9q4S3qdSqJKBsuefv+h0Qy+tw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.2.tgz}
+  registry.npmjs.org/@types/d3-drag@3.0.1:
+    resolution: {integrity: sha512-o1Va7bLwwk6h03+nSM8dpaGEYnoIG19P0lKqlic8Un36ymh9NSkNFX1yiXMKNMx8rJ0Kfnn2eovuFaL6Jvj0zA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.1.tgz}
     name: '@types/d3-drag'
-    version: 3.0.2
+    version: 3.0.1
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.3
     dev: false
 
-  registry.npmjs.org/@types/d3-dsv@3.0.1:
-    resolution: {integrity: sha512-76pBHCMTvPLt44wFOieouXcGXWOF0AJCceUvaFkxSZEu4VDUdv93JfpMa6VGNFs01FHfuP4a5Ou68eRG1KBfTw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-dsv@3.0.5:
+    resolution: {integrity: sha512-73WZR3QFOaSRVz9iOrebTbTnbo7xjcgS/i0Cq5zy0jMXPO3v/JbkTD3Zqii1eYE6v4EJ78g5VP407rm+p8fdlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.5.tgz}
     name: '@types/d3-dsv'
-    version: 3.0.1
+    version: 3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-ease@3.0.0:
-    resolution: {integrity: sha512-aMo4eaAOijJjA6uU+GIeW018dvy9+oH5Y2VPPzjjfxevvGQ/oRDs+tfYC9b50Q4BygRR8yE2QCLsrT0WtAVseA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.0.tgz}
+  registry.npmjs.org/@types/d3-ease@3.0.1:
+    resolution: {integrity: sha512-VZofjpEt8HWv3nxUAosj5o/+4JflnJ7Bbv07k17VO3T2WRuzGdZeookfaF60iVh5RdhVG49LE5w6LIshVUC6rg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.1.tgz}
     name: '@types/d3-ease'
-    version: 3.0.0
+    version: 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-fetch@3.0.2:
-    resolution: {integrity: sha512-gllwYWozWfbep16N9fByNBDTkJW/SyhH6SGRlXloR7WdtAaBui4plTP+gbUgiEot7vGw/ZZop1yDZlgXXSuzjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.2.tgz}
+  registry.npmjs.org/@types/d3-fetch@3.0.5:
+    resolution: {integrity: sha512-Rc8pb6H0RRLpAV2hEXduykUgcDUOhjSLTLmCIeo6ejzgs4SaITh/EteMb3p5Env3Hqjsqw0fCksyqopHHzMkMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.5.tgz}
     name: '@types/d3-fetch'
-    version: 3.0.2
+    version: 3.0.5
     dependencies:
-      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv@3.0.1
+      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv@3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-force@3.0.4:
-    resolution: {integrity: sha512-q7xbVLrWcXvSBBEoadowIUJ7sRpS1yvgMWnzHJggFy5cUZBq2HZL5k/pBSm0GdYWS1vs5/EDwMjSKF55PDY4Aw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.4.tgz}
+  registry.npmjs.org/@types/d3-force@3.0.7:
+    resolution: {integrity: sha512-rsok4CEvPLyVWRPsFiBhanJc3up03H/EARVz4d8soPh8drv82YMuAckYy4yv8g4/81JwCng5U5/o9aj9d0T6bQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.7.tgz}
     name: '@types/d3-force'
-    version: 3.0.4
+    version: 3.0.7
     dev: false
 
-  registry.npmjs.org/@types/d3-format@3.0.1:
-    resolution: {integrity: sha512-5KY70ifCCzorkLuIkDe0Z9YTf9RR2CjBX1iaJG+rgM/cPP+sO+q9YdQ9WdhQcgPj1EQiJ2/0+yUkkziTG6Lubg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-format@3.0.3:
+    resolution: {integrity: sha512-kxuLXSAEJykTeL/EI3tUiEfGqru7PRdqEy099YBnqFl+fF167UVSB4+wntlZv86ZdoYf0DHjsRHnTIm8kcH7qw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.3.tgz}
     name: '@types/d3-format'
-    version: 3.0.1
+    version: 3.0.3
     dev: false
 
-  registry.npmjs.org/@types/d3-geo@3.0.3:
-    resolution: {integrity: sha512-bK9uZJS3vuDCNeeXQ4z3u0E7OeJZXjUgzFdSOtNtMCJCLvDtWDwfpRVWlyt3y8EvRzI0ccOu9xlMVirawolSCw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.0.3.tgz}
+  registry.npmjs.org/@types/d3-geo@3.0.6:
+    resolution: {integrity: sha512-wblAES3b+C3hvp4VakwECEKtHquT/xc6K4HOna95LM1j1fd7s7WmU4V+JMQZfKhNCMkV2vWD+ZUgY2Uj6gqfuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.0.6.tgz}
     name: '@types/d3-geo'
-    version: 3.0.3
+    version: 3.0.6
     dependencies:
-      '@types/geojson': registry.npmjs.org/@types/geojson@7946.0.10
+      '@types/geojson': registry.npmjs.org/@types/geojson@7946.0.12
     dev: false
 
-  registry.npmjs.org/@types/d3-hierarchy@3.1.2:
-    resolution: {integrity: sha512-9hjRTVoZjRFR6xo8igAJyNXQyPX6Aq++Nhb5ebrUF414dv4jr2MitM2fWiOY475wa3Za7TOS2Gh9fmqEhLTt0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz}
+  registry.npmjs.org/@types/d3-hierarchy@3.1.5:
+    resolution: {integrity: sha512-DEcBUj1IL3WyPLDlh4m2nsNXnMLITXM5Vwcu4G85yJHtf2cVGPBjgky3L11WBnT+ayHKf06Tchk5mY1eGmd4WQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.5.tgz}
     name: '@types/d3-hierarchy'
-    version: 3.1.2
+    version: 3.1.5
     dev: false
 
-  registry.npmjs.org/@types/d3-interpolate@3.0.1:
-    resolution: {integrity: sha512-jx5leotSeac3jr0RePOH1KdR9rISG91QIE4Q2PYTu4OymLTZfA3SrnURSLzKH48HmXVUru50b8nje4E79oQSQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-interpolate@3.0.3:
+    resolution: {integrity: sha512-6OZ2EIB4lLj+8cUY7I/Cgn9Q+hLdA4DjJHYOQDiHL0SzqS1K9DL5xIOVBSIHgF+tiuO9MU1D36qvdIvRDRPh+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.3.tgz}
     name: '@types/d3-interpolate'
-    version: 3.0.1
+    version: 3.0.3
     dependencies:
-      '@types/d3-color': registry.npmjs.org/@types/d3-color@3.1.0
+      '@types/d3-color': registry.npmjs.org/@types/d3-color@3.1.2
     dev: false
 
-  registry.npmjs.org/@types/d3-path@3.0.0:
-    resolution: {integrity: sha512-0g/A+mZXgFkQxN3HniRDbXMN79K3CdTpLsevj+PXiTcb2hVyvkZUBg37StmgCQkaD84cUJ4uaDAWq7UJOQy2Tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-path/-/d3-path-3.0.0.tgz}
+  registry.npmjs.org/@types/d3-path@3.0.1:
+    resolution: {integrity: sha512-blRhp7ki7pVznM8k6lk5iUU9paDbVRVq+/xpf0RRgSJn5gr6SE7RcFtxooYGMBOc1RZiGyqRpVdu5AD0z0ooMA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-path/-/d3-path-3.0.1.tgz}
     name: '@types/d3-path'
-    version: 3.0.0
+    version: 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-polygon@3.0.0:
-    resolution: {integrity: sha512-D49z4DyzTKXM0sGKVqiTDTYr+DHg/uxsiWDAkNrwXYuiZVd9o9wXZIo+YsHkifOiyBkmSWlEngHCQme54/hnHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-polygon/-/d3-polygon-3.0.0.tgz}
+  registry.npmjs.org/@types/d3-polygon@3.0.1:
+    resolution: {integrity: sha512-nrcWPk7B9qs6xnpq60Cls44zm9eDmFAv65qi/N/emh/oftnG6uYz49aIS0mdFaGeJxVN8H3pHneMuZMV8EwFdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-polygon/-/d3-polygon-3.0.1.tgz}
     name: '@types/d3-polygon'
-    version: 3.0.0
+    version: 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-quadtree@3.0.2:
-    resolution: {integrity: sha512-QNcK8Jguvc8lU+4OfeNx+qnVy7c0VrDJ+CCVFS9srBo2GL9Y18CnIxBdTF3v38flrGy5s1YggcoAiu6s4fLQIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.2.tgz}
+  registry.npmjs.org/@types/d3-quadtree@3.0.4:
+    resolution: {integrity: sha512-B725MopFDIOQ6njFbeOxIEf42HVO2Xv+FmcxQISdOKErvLbFqWz3Riu+OWujUYoogreqqyHBHcGGL/JzzXQYsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.4.tgz}
     name: '@types/d3-quadtree'
-    version: 3.0.2
+    version: 3.0.4
     dev: false
 
-  registry.npmjs.org/@types/d3-random@3.0.1:
-    resolution: {integrity: sha512-IIE6YTekGczpLYo/HehAy3JGF1ty7+usI97LqraNa8IiDur+L44d0VOjAvFQWJVdZOJHukUJw+ZdZBlgeUsHOQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.1.tgz}
+  registry.npmjs.org/@types/d3-random@3.0.2:
+    resolution: {integrity: sha512-8QhsqkKs6mymAZMrg3ZFXPxKA34rdgp3ZrtB8o6mhFsKAd1gOvR1gocWnca+kmXypQdwgnzKm9gZE2Uw8NjjKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.2.tgz}
     name: '@types/d3-random'
-    version: 3.0.1
+    version: 3.0.2
     dev: false
 
-  registry.npmjs.org/@types/d3-scale-chromatic@3.0.0:
-    resolution: {integrity: sha512-dsoJGEIShosKVRBZB0Vo3C8nqSDqVGujJU6tPznsBJxNJNwMF8utmS83nvCBKQYPpjCzaaHcrf66iTRpZosLPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.0.0.tgz}
+  registry.npmjs.org/@types/d3-scale-chromatic@3.0.1:
+    resolution: {integrity: sha512-Ob7OrwiTeQXY/WBBbRHGZBOn6rH1h7y3jjpTSKYqDEeqFjktql6k2XSgNwLrLDmAsXhEn8P9NHDY4VTuo0ZY1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.0.1.tgz}
     name: '@types/d3-scale-chromatic'
-    version: 3.0.0
+    version: 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-scale@4.0.3:
-    resolution: {integrity: sha512-PATBiMCpvHJSMtZAMEhc2WyL+hnzarKzI6wAHYjhsonjWJYGq5BXTzQjv4l8m2jO183/4wZ90rKvSeT7o72xNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.3.tgz}
+  registry.npmjs.org/@types/d3-scale@4.0.6:
+    resolution: {integrity: sha512-lo3oMLSiqsQUovv8j15X4BNEDOsnHuGjeVg7GRbAuB2PUa1prK5BNSOu6xixgNf3nqxPl4I1BqJWrPvFGlQoGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.6.tgz}
     name: '@types/d3-scale'
-    version: 4.0.3
+    version: 4.0.6
     dependencies:
-      '@types/d3-time': registry.npmjs.org/@types/d3-time@3.0.0
+      '@types/d3-time': registry.npmjs.org/@types/d3-time@3.0.2
     dev: false
 
-  registry.npmjs.org/@types/d3-selection@3.0.5:
-    resolution: {integrity: sha512-xCB0z3Hi8eFIqyja3vW8iV01+OHGYR2di/+e+AiOcXIOrY82lcvWW8Ke1DYE/EUVMsBl4Db9RppSBS3X1U6J0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.5.tgz}
+  registry.npmjs.org/@types/d3-selection@3.0.3:
+    resolution: {integrity: sha512-Mw5cf6nlW1MlefpD9zrshZ+DAWL4IQ5LnWfRheW6xwsdaWOb6IRRu2H7XPAQcyXEx1D7XQWgdoKR83ui1/HlEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.3.tgz}
     name: '@types/d3-selection'
-    version: 3.0.5
+    version: 3.0.3
     dev: false
 
-  registry.npmjs.org/@types/d3-shape@3.1.1:
-    resolution: {integrity: sha512-6Uh86YFF7LGg4PQkuO2oG6EMBRLuW9cbavUW46zkIO5kuS2PfTqo2o9SkgtQzguBHbLgNnU90UNsITpsX1My+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.1.tgz}
+  registry.npmjs.org/@types/d3-shape@3.1.4:
+    resolution: {integrity: sha512-M2/xsWPsjaZc5ifMKp1EBp0gqJG0eO/zlldJNOC85Y/5DGsBQ49gDkRJ2h5GY7ZVD6KUumvZWsylSbvTaJTqKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.4.tgz}
     name: '@types/d3-shape'
-    version: 3.1.1
+    version: 3.1.4
     dependencies:
-      '@types/d3-path': registry.npmjs.org/@types/d3-path@3.0.0
+      '@types/d3-path': registry.npmjs.org/@types/d3-path@3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-time-format@4.0.0:
-    resolution: {integrity: sha512-yjfBUe6DJBsDin2BMIulhSHmr5qNR5Pxs17+oW4DoVPyVIXZ+m6bs7j1UVKP08Emv6jRmYrYqxYzO63mQxy1rw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-time-format/-/d3-time-format-4.0.0.tgz}
+  registry.npmjs.org/@types/d3-time-format@4.0.2:
+    resolution: {integrity: sha512-wr08C1Gh77qaN8JIkrn5Rz/bdt5M9bdEqFmEOcYhUSq2t2sHvLTBfb4XAtGB3D4hm0ubj50NXWWXoXyp5tPXDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-time-format/-/d3-time-format-4.0.2.tgz}
     name: '@types/d3-time-format'
-    version: 4.0.0
+    version: 4.0.2
     dev: false
 
-  registry.npmjs.org/@types/d3-time@3.0.0:
-    resolution: {integrity: sha512-sZLCdHvBUcNby1cB6Fd3ZBrABbjz3v1Vm90nysCQ6Vt7vd6e/h9Lt7SiJUoEX0l4Dzc7P5llKyhqSi1ycSf1Hg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.0.tgz}
+  registry.npmjs.org/@types/d3-time@3.0.2:
+    resolution: {integrity: sha512-kbdRXTmUgNfw5OTE3KZnFQn6XdIc4QGroN5UixgdrXATmYsdlPQS6pEut9tVlIojtzuFD4txs/L+Rq41AHtLpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.2.tgz}
     name: '@types/d3-time'
-    version: 3.0.0
+    version: 3.0.2
     dev: false
 
-  registry.npmjs.org/@types/d3-timer@3.0.0:
-    resolution: {integrity: sha512-HNB/9GHqu7Fo8AQiugyJbv6ZxYz58wef0esl4Mv828w1ZKpAshw/uFWVDUcIB9KKFeFKoxS3cHY07FFgtTRZ1g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.0.tgz}
+  registry.npmjs.org/@types/d3-timer@3.0.1:
+    resolution: {integrity: sha512-GGTvzKccVEhxmRfJEB6zhY9ieT4UhGVUIQaBzFpUO9OXy2ycAlnPCSJLzmGGgqt3KVjqN3QCQB4g1rsZnHsWhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.1.tgz}
     name: '@types/d3-timer'
-    version: 3.0.0
+    version: 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-transition@3.0.3:
-    resolution: {integrity: sha512-/S90Od8Id1wgQNvIA8iFv9jRhCiZcGhPd2qX0bKF/PS+y0W5CrXKgIiELd2CvG1mlQrWK/qlYh3VxicqG1ZvgA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.3.tgz}
+  registry.npmjs.org/@types/d3-transition@3.0.6:
+    resolution: {integrity: sha512-K0To23B5UxNwFtKORnS5JoNYvw/DnknU5MzhHIS9czJ/lTqFFDeU6w9lArOdoTl0cZFNdNrMJSFCbRCEHccH2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.6.tgz}
     name: '@types/d3-transition'
-    version: 3.0.3
+    version: 3.0.6
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.3
     dev: false
 
-  registry.npmjs.org/@types/d3-zoom@3.0.3:
-    resolution: {integrity: sha512-OWk1yYIIWcZ07+igN6BeoG6rqhnJ/pYe+R1qWFM2DtW49zsoSjgb9G5xB0ZXA8hh2jAzey1XuRmMSoXdKw8MDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.3.tgz}
+  registry.npmjs.org/@types/d3-zoom@3.0.1:
+    resolution: {integrity: sha512-7s5L9TjfqIYQmQQEUcpMAcBOahem7TRoSO/+Gkz02GbMVuULiZzjF2BOdw291dbO2aNon4m2OdFsRGaCq2caLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.1.tgz}
     name: '@types/d3-zoom'
-    version: 3.0.3
+    version: 3.0.1
     dependencies:
-      '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate@3.0.1
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
+      '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate@3.0.3
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.3
     dev: false
 
   registry.npmjs.org/@types/d3@7.4.0:
@@ -2730,36 +2663,36 @@ packages:
     name: '@types/d3'
     version: 7.4.0
     dependencies:
-      '@types/d3-array': registry.npmjs.org/@types/d3-array@3.0.5
-      '@types/d3-axis': registry.npmjs.org/@types/d3-axis@3.0.2
-      '@types/d3-brush': registry.npmjs.org/@types/d3-brush@3.0.2
-      '@types/d3-chord': registry.npmjs.org/@types/d3-chord@3.0.2
-      '@types/d3-color': registry.npmjs.org/@types/d3-color@3.1.0
-      '@types/d3-contour': registry.npmjs.org/@types/d3-contour@3.0.2
-      '@types/d3-delaunay': registry.npmjs.org/@types/d3-delaunay@6.0.1
-      '@types/d3-dispatch': registry.npmjs.org/@types/d3-dispatch@3.0.2
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag@3.0.2
-      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv@3.0.1
-      '@types/d3-ease': registry.npmjs.org/@types/d3-ease@3.0.0
-      '@types/d3-fetch': registry.npmjs.org/@types/d3-fetch@3.0.2
-      '@types/d3-force': registry.npmjs.org/@types/d3-force@3.0.4
-      '@types/d3-format': registry.npmjs.org/@types/d3-format@3.0.1
-      '@types/d3-geo': registry.npmjs.org/@types/d3-geo@3.0.3
-      '@types/d3-hierarchy': registry.npmjs.org/@types/d3-hierarchy@3.1.2
-      '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate@3.0.1
-      '@types/d3-path': registry.npmjs.org/@types/d3-path@3.0.0
-      '@types/d3-polygon': registry.npmjs.org/@types/d3-polygon@3.0.0
-      '@types/d3-quadtree': registry.npmjs.org/@types/d3-quadtree@3.0.2
-      '@types/d3-random': registry.npmjs.org/@types/d3-random@3.0.1
-      '@types/d3-scale': registry.npmjs.org/@types/d3-scale@4.0.3
-      '@types/d3-scale-chromatic': registry.npmjs.org/@types/d3-scale-chromatic@3.0.0
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.5
-      '@types/d3-shape': registry.npmjs.org/@types/d3-shape@3.1.1
-      '@types/d3-time': registry.npmjs.org/@types/d3-time@3.0.0
-      '@types/d3-time-format': registry.npmjs.org/@types/d3-time-format@4.0.0
-      '@types/d3-timer': registry.npmjs.org/@types/d3-timer@3.0.0
-      '@types/d3-transition': registry.npmjs.org/@types/d3-transition@3.0.3
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom@3.0.3
+      '@types/d3-array': registry.npmjs.org/@types/d3-array@3.0.9
+      '@types/d3-axis': registry.npmjs.org/@types/d3-axis@3.0.5
+      '@types/d3-brush': registry.npmjs.org/@types/d3-brush@3.0.5
+      '@types/d3-chord': registry.npmjs.org/@types/d3-chord@3.0.5
+      '@types/d3-color': registry.npmjs.org/@types/d3-color@3.1.2
+      '@types/d3-contour': registry.npmjs.org/@types/d3-contour@3.0.5
+      '@types/d3-delaunay': registry.npmjs.org/@types/d3-delaunay@6.0.3
+      '@types/d3-dispatch': registry.npmjs.org/@types/d3-dispatch@3.0.5
+      '@types/d3-drag': registry.npmjs.org/@types/d3-drag@3.0.1
+      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv@3.0.5
+      '@types/d3-ease': registry.npmjs.org/@types/d3-ease@3.0.1
+      '@types/d3-fetch': registry.npmjs.org/@types/d3-fetch@3.0.5
+      '@types/d3-force': registry.npmjs.org/@types/d3-force@3.0.7
+      '@types/d3-format': registry.npmjs.org/@types/d3-format@3.0.3
+      '@types/d3-geo': registry.npmjs.org/@types/d3-geo@3.0.6
+      '@types/d3-hierarchy': registry.npmjs.org/@types/d3-hierarchy@3.1.5
+      '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate@3.0.3
+      '@types/d3-path': registry.npmjs.org/@types/d3-path@3.0.1
+      '@types/d3-polygon': registry.npmjs.org/@types/d3-polygon@3.0.1
+      '@types/d3-quadtree': registry.npmjs.org/@types/d3-quadtree@3.0.4
+      '@types/d3-random': registry.npmjs.org/@types/d3-random@3.0.2
+      '@types/d3-scale': registry.npmjs.org/@types/d3-scale@4.0.6
+      '@types/d3-scale-chromatic': registry.npmjs.org/@types/d3-scale-chromatic@3.0.1
+      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.3
+      '@types/d3-shape': registry.npmjs.org/@types/d3-shape@3.1.4
+      '@types/d3-time': registry.npmjs.org/@types/d3-time@3.0.2
+      '@types/d3-time-format': registry.npmjs.org/@types/d3-time-format@4.0.2
+      '@types/d3-timer': registry.npmjs.org/@types/d3-timer@3.0.1
+      '@types/d3-transition': registry.npmjs.org/@types/d3-transition@3.0.6
+      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom@3.0.1
     dev: false
 
   registry.npmjs.org/@types/dagre@0.7.48:
@@ -2768,45 +2701,45 @@ packages:
     version: 0.7.48
     dev: true
 
-  registry.npmjs.org/@types/debug@4.1.9:
-    resolution: {integrity: sha512-8Hz50m2eoS56ldRlepxSBa6PWEVCtzUo/92HgLc2qTMnotJNIm7xP+UZhyWoYsyOdd5dxZ+NZLb24rsKyFs2ow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/debug/-/debug-4.1.9.tgz}
+  registry.npmjs.org/@types/debug@4.1.10:
+    resolution: {integrity: sha512-tOSCru6s732pofZ+sMv9o4o3Zc+Sa8l3bxd/tweTQudFn06vAzb13ZX46Zi6m6EJ+RUbRTHvgQJ1gBtSgkaUYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/debug/-/debug-4.1.10.tgz}
     name: '@types/debug'
-    version: 4.1.9
+    version: 4.1.10
     dependencies:
-      '@types/ms': registry.npmjs.org/@types/ms@0.7.32
+      '@types/ms': registry.npmjs.org/@types/ms@0.7.33
     dev: false
 
-  registry.npmjs.org/@types/estree@1.0.1:
-    resolution: {integrity: sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz}
+  registry.npmjs.org/@types/estree@1.0.3:
+    resolution: {integrity: sha512-CS2rOaoQ/eAgAfcTfq6amKG7bsN+EMcgGY4FAFQdvSj2y1ixvOZTUA9mOtCai7E1SYu283XNw7urKK30nP3wkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/estree/-/estree-1.0.3.tgz}
     name: '@types/estree'
-    version: 1.0.1
+    version: 1.0.3
 
-  registry.npmjs.org/@types/geojson@7946.0.10:
-    resolution: {integrity: sha512-Nmh0K3iWQJzniTuPRcJn5hxXkfB1T1pgB89SBig5PlJQU5yocazeu4jATJlaA0GYFKWMqDdvYemoSnF2pXgLVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.10.tgz}
+  registry.npmjs.org/@types/geojson@7946.0.12:
+    resolution: {integrity: sha512-uK2z1ZHJyC0nQRbuovXFt4mzXDwf27vQeUWNhfKGwRcWW429GOhP8HxUHlM6TLH4bzmlv/HlEjpvJh3JfmGsAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.12.tgz}
     name: '@types/geojson'
-    version: 7946.0.10
+    version: 7946.0.12
     dev: false
 
-  registry.npmjs.org/@types/hast@2.3.6:
-    resolution: {integrity: sha512-47rJE80oqPmFdVDCD7IheXBrVdwuBgsYwoczFvKmwfo2Mzsnt+V9OONsYauFmICb6lQPpCuXYJWejBNs4pDJRg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/hast/-/hast-2.3.6.tgz}
+  registry.npmjs.org/@types/hast@2.3.7:
+    resolution: {integrity: sha512-EVLigw5zInURhzfXUM65eixfadfsHKomGKUakToXo84t8gGIJuTcD2xooM2See7GyQ7DRtYjhCHnSUQez8JaLw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/hast/-/hast-2.3.7.tgz}
     name: '@types/hast'
-    version: 2.3.6
+    version: 2.3.7
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
     dev: false
 
-  registry.npmjs.org/@types/is-ci@3.0.0:
-    resolution: {integrity: sha512-Q0Op0hdWbYd1iahB+IFNQcWXFq4O0Q5MwQP7uN0souuQ4rPg1vEYcnIOfr1gY+M+6rc8FGoRaBO1mOOvL29sEQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/is-ci/-/is-ci-3.0.0.tgz}
+  registry.npmjs.org/@types/is-ci@3.0.3:
+    resolution: {integrity: sha512-FdHbjLiN2e8fk9QYQyVYZrK8svUDJpxSaSWLUga8EZS1RGAvvrqM9zbVARBtQuYPeLgnJxM2xloOswPwj1o2cQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/is-ci/-/is-ci-3.0.3.tgz}
     name: '@types/is-ci'
-    version: 3.0.0
+    version: 3.0.3
     dependencies:
-      ci-info: registry.npmjs.org/ci-info@3.8.0
+      ci-info: registry.npmjs.org/ci-info@3.9.0
     dev: true
 
-  registry.npmjs.org/@types/json-schema@7.0.12:
-    resolution: {integrity: sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz}
+  registry.npmjs.org/@types/json-schema@7.0.14:
+    resolution: {integrity: sha512-U3PUjAudAdJBeC2pgN8uTIKgxrb4nlDF3SF0++EldXQvQBGkpFZMSnwQiIoDU77tv45VgNkl/L4ouD+rEomujw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.14.tgz}
     name: '@types/json-schema'
-    version: 7.0.12
+    version: 7.0.14
     dev: true
 
   registry.npmjs.org/@types/json5@0.0.29:
@@ -2821,40 +2754,40 @@ packages:
     version: 0.0.30
     dev: false
 
-  registry.npmjs.org/@types/mdast@3.0.13:
-    resolution: {integrity: sha512-HjiGiWedR0DVFkeNljpa6Lv4/IZU1+30VY5d747K7lBudFc3R0Ibr6yJ9lN3BE28VnZyDfLF/VB1Ql1ZIbKrmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/mdast/-/mdast-3.0.13.tgz}
+  registry.npmjs.org/@types/mdast@3.0.14:
+    resolution: {integrity: sha512-gVZ04PGgw1qLZKsnWnyFv4ORnaJ+DXLdHTVSFbU8yX6xZ34Bjg4Q32yPkmveUP1yItXReKfB0Aknlh/3zxTKAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/mdast/-/mdast-3.0.14.tgz}
     name: '@types/mdast'
-    version: 3.0.13
+    version: 3.0.14
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
     dev: false
 
-  registry.npmjs.org/@types/mdast@4.0.1:
-    resolution: {integrity: sha512-IlKct1rUTJ1T81d8OHzyop15kGv9A/ff7Gz7IJgrk6jDb4Udw77pCJ+vq8oxZf4Ghpm+616+i1s/LNg/Vh7d+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/mdast/-/mdast-4.0.1.tgz}
+  registry.npmjs.org/@types/mdast@4.0.2:
+    resolution: {integrity: sha512-tYR83EignvhYO9iU3kDg8V28M0jqyh9zzp5GV+EO+AYnyUl3P5ltkTeJuTiFZQFz670FSb3EwT/6LQdX+UdKfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/mdast/-/mdast-4.0.2.tgz}
     name: '@types/mdast'
-    version: 4.0.1
+    version: 4.0.2
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@3.0.0
+      '@types/unist': registry.npmjs.org/@types/unist@3.0.1
     dev: false
 
-  registry.npmjs.org/@types/minimist@1.2.2:
-    resolution: {integrity: sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz}
+  registry.npmjs.org/@types/minimist@1.2.4:
+    resolution: {integrity: sha512-Kfe/D3hxHTusnPNRbycJE1N77WHDsdS4AjUYIzlDzhDrS47NrwuL3YW4VITxwR7KCVpzwgy4Rbj829KSSQmwXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/minimist/-/minimist-1.2.4.tgz}
     name: '@types/minimist'
-    version: 1.2.2
+    version: 1.2.4
     dev: true
 
-  registry.npmjs.org/@types/ms@0.7.32:
-    resolution: {integrity: sha512-xPSg0jm4mqgEkNhowKgZFBNtwoEwF6gJ4Dhww+GFpm3IgtNseHQZ5IqdNwnquZEoANxyDAKDRAdVo4Z72VvD/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/ms/-/ms-0.7.32.tgz}
+  registry.npmjs.org/@types/ms@0.7.33:
+    resolution: {integrity: sha512-AuHIyzR5Hea7ij0P9q7vx7xu4z0C28ucwjAZC0ja7JhINyCnOw8/DnvAPQQ9TfOlCtZAmCERKQX9+o1mgQhuOQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/ms/-/ms-0.7.33.tgz}
     name: '@types/ms'
-    version: 0.7.32
+    version: 0.7.33
     dev: false
 
-  registry.npmjs.org/@types/nlcst@1.0.2:
-    resolution: {integrity: sha512-ykxL/GDDUhqikjU0LIywZvEwb1NTYXTEWf+XgMSS2o6IXIakafPccxZmxgZcvJPZ3yFl2kdL1gJZz3U3iZF3QA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/nlcst/-/nlcst-1.0.2.tgz}
+  registry.npmjs.org/@types/nlcst@1.0.3:
+    resolution: {integrity: sha512-cpO6PPMz4E++zxP2Vhp/3KVl2Nbtj+Iksb25rlRinG7mphu2zmCIKWWlqdsx1NwJEISogR2eeZTD7JqLOCzaiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/nlcst/-/nlcst-1.0.3.tgz}
     name: '@types/nlcst'
-    version: 1.0.2
+    version: 1.0.3
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
     dev: false
 
   registry.npmjs.org/@types/node@12.20.55:
@@ -2863,30 +2796,37 @@ packages:
     version: 12.20.55
     dev: true
 
-  registry.npmjs.org/@types/node@16.18.40:
-    resolution: {integrity: sha512-+yno3ItTEwGxXiS/75Q/aHaa5srkpnJaH+kdkTVJ3DtJEwv92itpKbxU+FjPoh2m/5G9zmUQfrL4A4C13c+iGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-16.18.40.tgz}
+  registry.npmjs.org/@types/node@16.18.59:
+    resolution: {integrity: sha512-PJ1w2cNeKUEdey4LiPra0ZuxZFOGvetswE8qHRriV/sUkL5Al4tTmPV9D2+Y/TPIxTHHgxTfRjZVKWhPw/ORhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-16.18.59.tgz}
+    name: '@types/node'
+    version: 16.18.59
+    dev: true
+
+  registry.npmjs.org/@types/node@18.7.16:
+    resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-18.7.16.tgz}
     name: '@types/node'
-    version: 16.18.40
+    version: 18.7.16
     dev: true
 
-  registry.npmjs.org/@types/node@18.16.18:
-    resolution: {integrity: sha512-/aNaQZD0+iSBAGnvvN2Cx92HqE5sZCPZtx2TsK+4nvV23fFe09jVDvpArXr2j9DnYlzuU9WuoykDDc6wqvpNcw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-18.16.18.tgz}
+  registry.npmjs.org/@types/node@20.0.0:
+    resolution: {integrity: sha512-cD2uPTDnQQCVpmRefonO98/PPijuOnnEy5oytWJFPY1N9aJCz2wJ5kSGWO+zJoed2cY2JxQh6yBuUq4vIn61hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-20.0.0.tgz}
     name: '@types/node'
-    version: 18.16.18
+    version: 20.0.0
     dev: true
 
-  registry.npmjs.org/@types/node@20.8.4:
-    resolution: {integrity: sha512-ZVPnqU58giiCjSxjVUESDtdPk4QR5WQhhINbc9UBrKLU68MX5BF6kbQzTrkwbolyr0X8ChBpXfavr5mZFKZQ5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-20.8.4.tgz}
+  registry.npmjs.org/@types/node@20.8.7:
+    resolution: {integrity: sha512-21TKHHh3eUHIi2MloeptJWALuCu5H7HQTdTrWIFReA8ad+aggoX+lRes3ex7/FtpC+sVUpFMQ+QTfYr74mruiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-20.8.7.tgz}
     name: '@types/node'
-    version: 20.8.4
+    version: 20.8.7
     dependencies:
       undici-types: registry.npmjs.org/undici-types@5.25.3
     dev: true
+    optional: true
 
-  registry.npmjs.org/@types/normalize-package-data@2.4.1:
-    resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz}
+  registry.npmjs.org/@types/normalize-package-data@2.4.3:
+    resolution: {integrity: sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.3.tgz}
     name: '@types/normalize-package-data'
-    version: 2.4.1
+    version: 2.4.3
     dev: true
 
   registry.npmjs.org/@types/parse5@6.0.3:
@@ -2895,23 +2835,15 @@ packages:
     version: 6.0.3
     dev: false
 
-  registry.npmjs.org/@types/prop-types@15.7.5:
-    resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz}
+  registry.npmjs.org/@types/prop-types@15.7.9:
+    resolution: {integrity: sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.9.tgz}
     name: '@types/prop-types'
-    version: 15.7.5
+    version: 15.7.9
 
-  registry.npmjs.org/@types/pug@2.0.6:
-    resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/pug/-/pug-2.0.6.tgz}
+  registry.npmjs.org/@types/pug@2.0.8:
+    resolution: {integrity: sha512-QzhsZ1dMGyJbn/D9V80zp4GIA4J4rfAjCCxc3MP+new0E8dyVdSkR735Lx+n3LIaHNFcjHL5+TbziccuT+fdoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/pug/-/pug-2.0.8.tgz}
     name: '@types/pug'
-    version: 2.0.6
-    dev: true
-
-  registry.npmjs.org/@types/react-dom@18.2.5:
-    resolution: {integrity: sha512-sRQsOS/sCLnpQhR4DSKGTtWFE3FZjpQa86KPVbhUqdYMRZ9FEFcfAytKhR/vUG2rH1oFbOOej6cuD7MFSobDRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.5.tgz}
-    name: '@types/react-dom'
-    version: 18.2.5
-    dependencies:
-      '@types/react': registry.npmjs.org/@types/react@18.2.24
+    version: 2.0.8
     dev: true
 
   registry.npmjs.org/@types/react-dom@18.2.8:
@@ -2921,44 +2853,42 @@ packages:
     dependencies:
       '@types/react': registry.npmjs.org/@types/react@18.2.24
 
-  registry.npmjs.org/@types/react@18.2.12:
-    resolution: {integrity: sha512-ndmBMLCgn38v3SntMeoJaIrO6tGHYKMEBohCUmw8HoLLQdRMOIGXfeYaBTLe2lsFaSB3MOK1VXscYFnmLtTSmw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.12.tgz}
-    name: '@types/react'
-    version: 18.2.12
-    dependencies:
-      '@types/prop-types': registry.npmjs.org/@types/prop-types@15.7.5
-      '@types/scheduler': registry.npmjs.org/@types/scheduler@0.16.3
-      csstype: registry.npmjs.org/csstype@3.1.2
-
   registry.npmjs.org/@types/react@18.2.24:
     resolution: {integrity: sha512-Ee0Jt4sbJxMu1iDcetZEIKQr99J1Zfb6D4F3qfUWoR1JpInkY1Wdg4WwCyBjL257D0+jGqSl1twBjV8iCaC0Aw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.24.tgz}
     name: '@types/react'
     version: 18.2.24
     dependencies:
-      '@types/prop-types': registry.npmjs.org/@types/prop-types@15.7.5
-      '@types/scheduler': registry.npmjs.org/@types/scheduler@0.16.3
+      '@types/prop-types': registry.npmjs.org/@types/prop-types@15.7.9
+      '@types/scheduler': registry.npmjs.org/@types/scheduler@0.16.5
       csstype: registry.npmjs.org/csstype@3.1.2
 
   registry.npmjs.org/@types/resolve@1.20.2:
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz}
     name: '@types/resolve'
     version: 1.20.2
+    dev: true
 
-  registry.npmjs.org/@types/scheduler@0.16.3:
-    resolution: {integrity: sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz}
+  registry.npmjs.org/@types/resolve@1.20.4:
+    resolution: {integrity: sha512-BKGK0T1VgB1zD+PwQR4RRf0ais3NyvH1qjLUrHI5SEiccYaJrhLstLuoXFWJ+2Op9whGizSPUMGPJY/Qtb/A2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/resolve/-/resolve-1.20.4.tgz}
+    name: '@types/resolve'
+    version: 1.20.4
+    dev: false
+
+  registry.npmjs.org/@types/scheduler@0.16.5:
+    resolution: {integrity: sha512-s/FPdYRmZR8SjLWGMCuax7r3qCWQw9QKHzXVukAuuIJkXkDRwp+Pu5LMIVFi0Fxbav35WURicYr8u1QsoybnQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.5.tgz}
     name: '@types/scheduler'
-    version: 0.16.3
+    version: 0.16.5
 
-  registry.npmjs.org/@types/semver@6.2.3:
-    resolution: {integrity: sha512-KQf+QAMWKMrtBMsB8/24w53tEsxllMj6TuA80TT/5igJalLI/zm0L3oXRbIAl4Ohfc85gyHX/jhMwsVkmhLU4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/semver/-/semver-6.2.3.tgz}
+  registry.npmjs.org/@types/semver@6.2.5:
+    resolution: {integrity: sha512-NAxro9/RqWXTqdSjccDZAjA4nXK+6zRun+HvibYJfGy8TQhpOC7Vv6v2rlHYKrT0Q8jGGoNRd/xVdHRIQRNlFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/semver/-/semver-6.2.5.tgz}
     name: '@types/semver'
-    version: 6.2.3
+    version: 6.2.5
     dev: true
 
-  registry.npmjs.org/@types/semver@7.5.0:
-    resolution: {integrity: sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz}
+  registry.npmjs.org/@types/semver@7.5.4:
+    resolution: {integrity: sha512-MMzuxN3GdFwskAnb6fz0orFvhfqi752yjaXylr0Rp4oDg5H0Zn1IuyRhDVvYOwAXoJirx2xuS16I3WjxnAIHiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/semver/-/semver-7.5.4.tgz}
     name: '@types/semver'
-    version: 7.5.0
+    version: 7.5.4
     dev: true
 
   registry.npmjs.org/@types/sinonjs__fake-timers@8.1.1:
@@ -2967,31 +2897,31 @@ packages:
     version: 8.1.1
     dev: true
 
-  registry.npmjs.org/@types/sizzle@2.3.3:
-    resolution: {integrity: sha512-JYM8x9EGF163bEyhdJBpR2QX1R5naCJHC8ucJylJ3w9/CVBaskdQ8WqBf8MmQrd1kRvp/a4TS8HJ+bxzR7ZJYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.3.tgz}
+  registry.npmjs.org/@types/sizzle@2.3.5:
+    resolution: {integrity: sha512-tAe4Q+OLFOA/AMD+0lq8ovp8t3ysxAOeaScnfNdZpUxaGl51ZMDEITxkvFl1STudQ58mz6gzVGl9VhMKhwRnZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.5.tgz}
     name: '@types/sizzle'
-    version: 2.3.3
+    version: 2.3.5
     dev: true
 
-  registry.npmjs.org/@types/unist@2.0.8:
-    resolution: {integrity: sha512-d0XxK3YTObnWVp6rZuev3c49+j4Lo8g4L1ZRm9z5L0xpoZycUPshHgczK5gsUMaZOstjVYYi09p5gYvUtfChYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/unist/-/unist-2.0.8.tgz}
+  registry.npmjs.org/@types/unist@2.0.9:
+    resolution: {integrity: sha512-zC0iXxAv1C1ERURduJueYzkzZ2zaGyc+P2c95hgkikHPr3z8EdUZOlgEQ5X0DRmwDZn+hekycQnoeiiRVrmilQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/unist/-/unist-2.0.9.tgz}
     name: '@types/unist'
-    version: 2.0.8
+    version: 2.0.9
     dev: false
 
-  registry.npmjs.org/@types/unist@3.0.0:
-    resolution: {integrity: sha512-MFETx3tbTjE7Uk6vvnWINA/1iJ7LuMdO4fcq8UfF0pRbj01aGLduVvQcRyswuACJdpnHgg8E3rQLhaRdNEJS0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/unist/-/unist-3.0.0.tgz}
+  registry.npmjs.org/@types/unist@3.0.1:
+    resolution: {integrity: sha512-ue/hDUpPjC85m+PM9OQDMZr3LywT+CT6mPsQq8OJtCLiERkGRcQUFvu9XASF5XWqyZFXbf15lvb3JFJ4dRLWPg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/unist/-/unist-3.0.1.tgz}
     name: '@types/unist'
-    version: 3.0.0
+    version: 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/yauzl@2.10.0:
-    resolution: {integrity: sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.0.tgz}
+  registry.npmjs.org/@types/yauzl@2.10.2:
+    resolution: {integrity: sha512-Km7XAtUIduROw7QPgvcft0lIupeG8a8rdKL8RiSyKvlE7dYY31fEn41HVuQsRFDuROA8tA4K2UVL+WdfFmErBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.2.tgz}
     name: '@types/yauzl'
-    version: 2.10.0
+    version: 2.10.2
     requiresBuild: true
     dependencies:
-      '@types/node': registry.npmjs.org/@types/node@18.16.18
+      '@types/node': registry.npmjs.org/@types/node@20.8.7
     dev: true
     optional: true
 
@@ -3009,7 +2939,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.5.1
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.9.1
       '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3)
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@5.60.0
       '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@5.60.0(eslint@8.43.0)(typescript@5.1.3)
@@ -3019,14 +2949,14 @@ packages:
       grapheme-splitter: registry.npmjs.org/grapheme-splitter@1.0.4
       ignore: registry.npmjs.org/ignore@5.2.4
       natural-compare-lite: registry.npmjs.org/natural-compare-lite@1.4.0
-      semver: registry.npmjs.org/semver@7.5.1
+      semver: registry.npmjs.org/semver@7.5.4
       tsutils: registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3)
       typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.42.0)(typescript@5.1.3):
+  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-GosF4238Tkes2SHPQ1i8f6rMtG6zlKwMEB0abqSJ3Npvos+doIlc/ATG+vX1G9coDF3Ex78zM3heXHLyWEwLUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.8.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.8.0
     name: '@typescript-eslint/eslint-plugin'
@@ -3040,19 +2970,19 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.6.2
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.42.0)(typescript@5.1.3)
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.9.1
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.8.0(eslint@8.42.0)(typescript@5.1.3)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.42.0
+      eslint: registry.npmjs.org/eslint@8.43.0
       graphemer: registry.npmjs.org/graphemer@1.4.0
       ignore: registry.npmjs.org/ignore@5.2.4
       natural-compare: registry.npmjs.org/natural-compare@1.4.0
       semver: registry.npmjs.org/semver@7.5.4
-      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3)
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3)
       typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
@@ -3081,7 +3011,30 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.42.0)(typescript@5.1.3):
+  registry.npmjs.org/@typescript-eslint/parser@5.62.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/5.62.0
+    name: '@typescript-eslint/parser'
+    version: 5.62.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@5.62.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.62.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@5.62.0(typescript@5.1.3)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      typescript: registry.npmjs.org/typescript@5.1.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.8.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/parser/6.8.0
     name: '@typescript-eslint/parser'
@@ -3099,7 +3052,7 @@ packages:
       '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.42.0
+      eslint: registry.npmjs.org/eslint@8.43.0
       typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
@@ -3115,6 +3068,16 @@ packages:
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.60.0
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/scope-manager@5.62.0:
+    resolution: {integrity: sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz}
+    name: '@typescript-eslint/scope-manager'
+    version: 5.62.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.62.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.62.0
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0:
     resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.8.0.tgz}
     name: '@typescript-eslint/scope-manager'
@@ -3148,7 +3111,7 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils@6.8.0(eslint@8.42.0)(typescript@5.1.3):
+  registry.npmjs.org/@typescript-eslint/type-utils@6.8.0(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-RYOJdlkTJIXW7GSldUIHqc/Hkto8E+fZN96dMIFhuTJcQwdRoGN2rEWA8U6oXbLo0qufH7NPElUb+MceHtz54g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.8.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/type-utils/6.8.0
     name: '@typescript-eslint/type-utils'
@@ -3162,10 +3125,10 @@ packages:
         optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.42.0
-      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3)
       typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
@@ -3178,6 +3141,13 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/types@5.62.0:
+    resolution: {integrity: sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz}
+    name: '@typescript-eslint/types'
+    version: 5.62.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/types@6.8.0:
     resolution: {integrity: sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-6.8.0.tgz}
     name: '@typescript-eslint/types'
@@ -3209,6 +3179,30 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/typescript-estree@5.62.0(typescript@5.1.3):
+    resolution: {integrity: sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.62.0
+    name: '@typescript-eslint/typescript-estree'
+    version: 5.62.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.62.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.62.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      globby: registry.npmjs.org/globby@11.1.0
+      is-glob: registry.npmjs.org/is-glob@4.0.3
+      semver: registry.npmjs.org/semver@7.5.4
+      tsutils: registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3):
     resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.8.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.8.0
@@ -3227,7 +3221,7 @@ packages:
       globby: registry.npmjs.org/globby@11.1.0
       is-glob: registry.npmjs.org/is-glob@4.0.3
       semver: registry.npmjs.org/semver@7.5.4
-      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3)
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3)
       typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
@@ -3243,8 +3237,8 @@ packages:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
-      '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.12
-      '@types/semver': registry.npmjs.org/@types/semver@7.5.0
+      '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.14
+      '@types/semver': registry.npmjs.org/@types/semver@7.5.4
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@5.60.0
       '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
       '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3)
@@ -3256,7 +3250,7 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.42.0)(typescript@5.1.3):
+  registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-dKs1itdE2qFG4jr0dlYLQVppqTE+Itt7GmIf/vX6CSvsW+3ov8PbWauVKyyfNngokhIO9sKZeRGCUo1+N7U98Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.8.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/utils/6.8.0
     name: '@typescript-eslint/utils'
@@ -3265,13 +3259,13 @@ packages:
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.42.0)
-      '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.12
-      '@types/semver': registry.npmjs.org/@types/semver@7.5.0
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
+      '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.14
+      '@types/semver': registry.npmjs.org/@types/semver@7.5.4
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0
       '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
       '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)
-      eslint: registry.npmjs.org/eslint@8.42.0
+      eslint: registry.npmjs.org/eslint@8.43.0
       semver: registry.npmjs.org/semver@7.5.4
     transitivePeerDependencies:
       - supports-color
@@ -3288,6 +3282,16 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/visitor-keys@5.62.0:
+    resolution: {integrity: sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz}
+    name: '@typescript-eslint/visitor-keys'
+    version: 5.62.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.62.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0:
     resolution: {integrity: sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.8.0.tgz}
     name: '@typescript-eslint/visitor-keys'
@@ -3306,7 +3310,7 @@ packages:
     peerDependencies:
       vite: ^4
     dependencies:
-      '@swc/core': registry.npmjs.org/@swc/core@1.3.63
+      '@swc/core': registry.npmjs.org/@swc/core@1.3.94
       vite: registry.npmjs.org/vite@4.4.9
     transitivePeerDependencies:
       - '@swc/helpers'
@@ -3321,9 +3325,9 @@ packages:
     peerDependencies:
       vite: ^4.2.0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.22.10
-      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.22.10)
-      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.22.10)
+      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
+      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2)
       react-refresh: registry.npmjs.org/react-refresh@0.14.0
       vite: registry.npmjs.org/vite@4.4.9
     transitivePeerDependencies:
@@ -3450,12 +3454,6 @@ packages:
     version: 2.2.0
     dev: true
 
-  registry.npmjs.org/arg@5.0.2:
-    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arg/-/arg-5.0.2.tgz}
-    name: arg
-    version: 5.0.2
-    dev: true
-
   registry.npmjs.org/argparse@1.0.10:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz}
     name: argparse
@@ -3480,20 +3478,20 @@ packages:
     name: array-buffer-byte-length
     version: 1.0.0
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.5
       is-array-buffer: registry.npmjs.org/is-array-buffer@3.0.2
     dev: true
 
-  registry.npmjs.org/array-includes@3.1.6:
-    resolution: {integrity: sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz}
+  registry.npmjs.org/array-includes@3.1.7:
+    resolution: {integrity: sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz}
     name: array-includes
-    version: 3.1.6
+    version: 3.1.7
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
       is-string: registry.npmjs.org/is-string@1.0.7
     dev: true
 
@@ -3516,59 +3514,60 @@ packages:
     version: 1.2.3
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
-      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.0
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
     dev: true
 
-  registry.npmjs.org/array.prototype.flat@1.3.1:
-    resolution: {integrity: sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz}
+  registry.npmjs.org/array.prototype.flat@1.3.2:
+    resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz}
     name: array.prototype.flat
-    version: 1.3.1
+    version: 1.3.2
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
-      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.0
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.2
     dev: true
 
-  registry.npmjs.org/array.prototype.flatmap@1.3.1:
-    resolution: {integrity: sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz}
+  registry.npmjs.org/array.prototype.flatmap@1.3.2:
+    resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz}
     name: array.prototype.flatmap
-    version: 1.3.1
+    version: 1.3.2
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
-      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.0
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.2
     dev: true
 
-  registry.npmjs.org/array.prototype.tosorted@1.1.1:
-    resolution: {integrity: sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz}
+  registry.npmjs.org/array.prototype.tosorted@1.1.2:
+    resolution: {integrity: sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.2.tgz}
     name: array.prototype.tosorted
-    version: 1.1.1
+    version: 1.1.2
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
-      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.0
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
     dev: true
 
-  registry.npmjs.org/arraybuffer.prototype.slice@1.0.1:
-    resolution: {integrity: sha512-09x0ZWFEjj4WD8PDbykUwo3t9arLn8NIzmmYEJFpYekOAQjpkGSyrQhNoRTcwwcFRu+ycWF78QZ63oWTqSjBcw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.1.tgz}
+  registry.npmjs.org/arraybuffer.prototype.slice@1.0.2:
+    resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz}
     name: arraybuffer.prototype.slice
-    version: 1.0.1
+    version: 1.0.2
     engines: {node: '>= 0.4'}
     dependencies:
       array-buffer-byte-length: registry.npmjs.org/array-buffer-byte-length@1.0.0
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
       is-array-buffer: registry.npmjs.org/is-array-buffer@3.0.2
       is-shared-array-buffer: registry.npmjs.org/is-shared-array-buffer@1.0.2
     dev: true
@@ -3615,21 +3614,21 @@ packages:
     engines: {node: '>=18.14.1', npm: '>=6.14.0'}
     hasBin: true
     dependencies:
-      '@astrojs/compiler': registry.npmjs.org/@astrojs/compiler@2.1.0
+      '@astrojs/compiler': registry.npmjs.org/@astrojs/compiler@2.2.1
       '@astrojs/internal-helpers': registry.npmjs.org/@astrojs/internal-helpers@0.2.0
       '@astrojs/markdown-remark': registry.npmjs.org/@astrojs/markdown-remark@3.2.0(astro@3.2.2)
       '@astrojs/telemetry': registry.npmjs.org/@astrojs/telemetry@3.0.2
-      '@babel/core': registry.npmjs.org/@babel/core@7.22.10
-      '@babel/generator': registry.npmjs.org/@babel/generator@7.22.10
-      '@babel/parser': registry.npmjs.org/@babel/parser@7.22.10
-      '@babel/plugin-transform-react-jsx': registry.npmjs.org/@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.22.10)
-      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.22.10
+      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
+      '@babel/generator': registry.npmjs.org/@babel/generator@7.23.0
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
+      '@babel/plugin-transform-react-jsx': registry.npmjs.org/@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.2)
+      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.23.2
       '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-      '@types/babel__core': registry.npmjs.org/@types/babel__core@7.20.2
+      '@types/babel__core': registry.npmjs.org/@types/babel__core@7.20.3
       acorn: registry.npmjs.org/acorn@8.10.0
       boxen: registry.npmjs.org/boxen@7.1.1
       chokidar: registry.npmjs.org/chokidar@3.5.3
-      ci-info: registry.npmjs.org/ci-info@3.8.0
+      ci-info: registry.npmjs.org/ci-info@3.9.0
       clsx: registry.npmjs.org/clsx@2.0.0
       common-ancestor-path: registry.npmjs.org/common-ancestor-path@1.0.1
       cookie: registry.npmjs.org/cookie@0.5.0
@@ -3637,7 +3636,7 @@ packages:
       devalue: registry.npmjs.org/devalue@4.3.2
       diff: registry.npmjs.org/diff@5.1.0
       es-module-lexer: registry.npmjs.org/es-module-lexer@1.3.1
-      esbuild: registry.npmjs.org/esbuild@0.19.4
+      esbuild: registry.npmjs.org/esbuild@0.19.5
       estree-walker: registry.npmjs.org/estree-walker@3.0.3
       execa: registry.npmjs.org/execa@8.0.1
       fast-glob: registry.npmjs.org/fast-glob@3.3.1
@@ -3647,7 +3646,7 @@ packages:
       http-cache-semantics: registry.npmjs.org/http-cache-semantics@4.1.1
       js-yaml: registry.npmjs.org/js-yaml@4.1.0
       kleur: registry.npmjs.org/kleur@4.1.5
-      magic-string: registry.npmjs.org/magic-string@0.30.4
+      magic-string: registry.npmjs.org/magic-string@0.30.5
       mime: registry.npmjs.org/mime@3.0.0
       ora: registry.npmjs.org/ora@7.0.1
       p-limit: registry.npmjs.org/p-limit@4.0.0
@@ -3656,18 +3655,18 @@ packages:
       probe-image-size: registry.npmjs.org/probe-image-size@7.2.3
       prompts: registry.npmjs.org/prompts@2.4.2
       rehype: registry.npmjs.org/rehype@12.0.1
-      resolve: registry.npmjs.org/resolve@1.22.6
+      resolve: registry.npmjs.org/resolve@1.22.8
       semver: registry.npmjs.org/semver@7.5.4
       server-destroy: registry.npmjs.org/server-destroy@1.0.1
-      shiki: registry.npmjs.org/shiki@0.14.4
+      shiki: registry.npmjs.org/shiki@0.14.5
       string-width: registry.npmjs.org/string-width@6.1.0
       strip-ansi: registry.npmjs.org/strip-ansi@7.1.0
       tsconfig-resolver: registry.npmjs.org/tsconfig-resolver@3.0.1
-      undici: registry.npmjs.org/undici@5.23.0
+      undici: registry.npmjs.org/undici@5.26.5
       unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
       vfile: registry.npmjs.org/vfile@5.3.7
       vite: registry.npmjs.org/vite@4.4.9
-      vitefu: registry.npmjs.org/vitefu@0.2.4(vite@4.4.9)
+      vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.4.9)
       which-pm: registry.npmjs.org/which-pm@2.1.1
       yargs-parser: registry.npmjs.org/yargs-parser@21.1.1
       zod: registry.npmjs.org/zod@3.21.1
@@ -3711,7 +3710,7 @@ packages:
     engines: {node: '>= 4.0.0'}
     dev: true
 
-  registry.npmjs.org/autoprefixer@10.4.15(postcss@8.4.27):
+  registry.npmjs.org/autoprefixer@10.4.15(postcss@8.4.21):
     resolution: {integrity: sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.15.tgz}
     id: registry.npmjs.org/autoprefixer/10.4.15
     name: autoprefixer
@@ -3721,12 +3720,12 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.21.10
-      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001521
-      fraction.js: registry.npmjs.org/fraction.js@4.2.0
+      browserslist: registry.npmjs.org/browserslist@4.22.1
+      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001553
+      fraction.js: registry.npmjs.org/fraction.js@4.3.7
       normalize-range: registry.npmjs.org/normalize-range@0.1.2
       picocolors: registry.npmjs.org/picocolors@1.0.0
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
@@ -3756,14 +3755,13 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/axios@0.27.2(debug@4.3.4):
-    resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axios/-/axios-0.27.2.tgz}
-    id: registry.npmjs.org/axios/0.27.2
+  registry.npmjs.org/axios@0.21.4(debug@4.3.2):
+    resolution: {integrity: sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axios/-/axios-0.21.4.tgz}
+    id: registry.npmjs.org/axios/0.21.4
     name: axios
-    version: 0.27.2
+    version: 0.21.4
     dependencies:
-      follow-redirects: registry.npmjs.org/follow-redirects@1.15.2(debug@4.3.4)
-      form-data: registry.npmjs.org/form-data@4.0.0
+      follow-redirects: registry.npmjs.org/follow-redirects@1.15.3(debug@4.3.2)
     transitivePeerDependencies:
       - debug
     dev: true
@@ -3910,17 +3908,17 @@ packages:
       wcwidth: registry.npmjs.org/wcwidth@1.0.1
     dev: true
 
-  registry.npmjs.org/browserslist@4.21.10:
-    resolution: {integrity: sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.21.10.tgz}
+  registry.npmjs.org/browserslist@4.22.1:
+    resolution: {integrity: sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz}
     name: browserslist
-    version: 4.21.10
+    version: 4.22.1
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001521
-      electron-to-chromium: registry.npmjs.org/electron-to-chromium@1.4.492
+      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001553
+      electron-to-chromium: registry.npmjs.org/electron-to-chromium@1.4.563
       node-releases: registry.npmjs.org/node-releases@2.0.13
-      update-browserslist-db: registry.npmjs.org/update-browserslist-db@1.0.11(browserslist@4.21.10)
+      update-browserslist-db: registry.npmjs.org/update-browserslist-db@1.0.13(browserslist@4.22.1)
 
   registry.npmjs.org/buffer-crc32@0.2.13:
     resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz}
@@ -3966,20 +3964,21 @@ packages:
     dependencies:
       streamsearch: registry.npmjs.org/streamsearch@1.1.0
 
-  registry.npmjs.org/cachedir@2.3.0:
-    resolution: {integrity: sha512-A+Fezp4zxnit6FanDmv9EqXNAi3vt9DWp51/71UEhXukb7QUuvtv9344h91dyAxuTLoSYJFU299qzR3tzwPAhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cachedir/-/cachedir-2.3.0.tgz}
+  registry.npmjs.org/cachedir@2.4.0:
+    resolution: {integrity: sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cachedir/-/cachedir-2.4.0.tgz}
     name: cachedir
-    version: 2.3.0
+    version: 2.4.0
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/call-bind@1.0.2:
-    resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz}
+  registry.npmjs.org/call-bind@1.0.5:
+    resolution: {integrity: sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz}
     name: call-bind
-    version: 1.0.2
+    version: 1.0.5
     dependencies:
-      function-bind: registry.npmjs.org/function-bind@1.1.1
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      function-bind: registry.npmjs.org/function-bind@1.1.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
+      set-function-length: registry.npmjs.org/set-function-length@1.1.1
     dev: true
 
   registry.npmjs.org/callsites@3.1.0:
@@ -4019,16 +4018,16 @@ packages:
     name: caniuse-api
     version: 3.0.0
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.21.10
-      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001521
+      browserslist: registry.npmjs.org/browserslist@4.22.1
+      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001553
       lodash.memoize: registry.npmjs.org/lodash.memoize@4.1.2
       lodash.uniq: registry.npmjs.org/lodash.uniq@4.5.0
     dev: true
 
-  registry.npmjs.org/caniuse-lite@1.0.30001521:
-    resolution: {integrity: sha512-fnx1grfpEOvDGH+V17eccmNjucGUnCbP6KL+l5KqBIerp26WK/+RQ7CIDE37KGJjaPyqWXXlFUyKiWmvdNNKmQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001521.tgz}
+  registry.npmjs.org/caniuse-lite@1.0.30001553:
+    resolution: {integrity: sha512-N0ttd6TrFfuqKNi+pMgWJTb9qrdJu4JSpgPFLe/lrD19ugC6fZgF0pUewRowDwzdDnb9V41mFcdlYgl/PyKf4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001553.tgz}
     name: caniuse-lite
-    version: 1.0.30001521
+    version: 1.0.30001553
 
   registry.npmjs.org/caseless@0.12.0:
     resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz}
@@ -4114,7 +4113,7 @@ packages:
       normalize-path: registry.npmjs.org/normalize-path@3.0.0
       readdirp: registry.npmjs.org/readdirp@3.6.0
     optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents@2.3.2
+      fsevents: registry.npmjs.org/fsevents@2.3.3
 
   registry.npmjs.org/chownr@1.1.4:
     resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz}
@@ -4123,10 +4122,10 @@ packages:
     dev: false
     optional: true
 
-  registry.npmjs.org/ci-info@3.8.0:
-    resolution: {integrity: sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz}
+  registry.npmjs.org/ci-info@3.9.0:
+    resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz}
     name: ci-info
-    version: 3.8.0
+    version: 3.9.0
     engines: {node: '>=8'}
 
   registry.npmjs.org/classcat@5.0.4:
@@ -4236,13 +4235,13 @@ packages:
     engines: {node: '>=6'}
     dev: false
 
-  registry.npmjs.org/code-red@1.0.3:
-    resolution: {integrity: sha512-kVwJELqiILQyG5aeuyKFbdsI1fmQy1Cmf7dQ8eGmVuJoaRVdwey7WaMknr2ZFeVSYSKT0rExsa8EGw0aoI/1QQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/code-red/-/code-red-1.0.3.tgz}
+  registry.npmjs.org/code-red@1.0.4:
+    resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz}
     name: code-red
-    version: 1.0.3
+    version: 1.0.4
     dependencies:
       '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
-      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.3
       acorn: registry.npmjs.org/acorn@8.10.0
       estree-walker: registry.npmjs.org/estree-walker@3.0.3
       periscopic: registry.npmjs.org/periscopic@3.1.0
@@ -4383,10 +4382,10 @@ packages:
       yargs: registry.npmjs.org/yargs@17.7.2
     dev: true
 
-  registry.npmjs.org/convert-source-map@1.9.0:
-    resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz}
+  registry.npmjs.org/convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz}
     name: convert-source-map
-    version: 1.9.0
+    version: 2.0.0
 
   registry.npmjs.org/cookie@0.5.0:
     resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz}
@@ -4420,7 +4419,7 @@ packages:
       shebang-command: registry.npmjs.org/shebang-command@2.0.0
       which: registry.npmjs.org/which@2.0.2
 
-  registry.npmjs.org/css-declaration-sorter@6.4.1(postcss@8.4.27):
+  registry.npmjs.org/css-declaration-sorter@6.4.1(postcss@8.4.21):
     resolution: {integrity: sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz}
     id: registry.npmjs.org/css-declaration-sorter/6.4.1
     name: css-declaration-sorter
@@ -4429,7 +4428,7 @@ packages:
     peerDependencies:
       postcss: ^8.0.9
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
     dev: true
 
   registry.npmjs.org/css-select@5.1.0:
@@ -4478,7 +4477,7 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/cssnano-preset-default@6.0.1(postcss@8.4.27):
+  registry.npmjs.org/cssnano-preset-default@6.0.1(postcss@8.4.21):
     resolution: {integrity: sha512-7VzyFZ5zEB1+l1nToKyrRkuaJIx0zi/1npjvZfbBwbtNTzhLtlvYraK/7/uqmX2Wb2aQtd983uuGw79jAjLSuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-6.0.1.tgz}
     id: registry.npmjs.org/cssnano-preset-default/6.0.1
     name: cssnano-preset-default
@@ -4487,39 +4486,39 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      css-declaration-sorter: registry.npmjs.org/css-declaration-sorter@6.4.1(postcss@8.4.27)
-      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.27)
-      postcss: registry.npmjs.org/postcss@8.4.27
-      postcss-calc: registry.npmjs.org/postcss-calc@9.0.1(postcss@8.4.27)
-      postcss-colormin: registry.npmjs.org/postcss-colormin@6.0.0(postcss@8.4.27)
-      postcss-convert-values: registry.npmjs.org/postcss-convert-values@6.0.0(postcss@8.4.27)
-      postcss-discard-comments: registry.npmjs.org/postcss-discard-comments@6.0.0(postcss@8.4.27)
-      postcss-discard-duplicates: registry.npmjs.org/postcss-discard-duplicates@6.0.0(postcss@8.4.27)
-      postcss-discard-empty: registry.npmjs.org/postcss-discard-empty@6.0.0(postcss@8.4.27)
-      postcss-discard-overridden: registry.npmjs.org/postcss-discard-overridden@6.0.0(postcss@8.4.27)
-      postcss-merge-longhand: registry.npmjs.org/postcss-merge-longhand@6.0.0(postcss@8.4.27)
-      postcss-merge-rules: registry.npmjs.org/postcss-merge-rules@6.0.1(postcss@8.4.27)
-      postcss-minify-font-values: registry.npmjs.org/postcss-minify-font-values@6.0.0(postcss@8.4.27)
-      postcss-minify-gradients: registry.npmjs.org/postcss-minify-gradients@6.0.0(postcss@8.4.27)
-      postcss-minify-params: registry.npmjs.org/postcss-minify-params@6.0.0(postcss@8.4.27)
-      postcss-minify-selectors: registry.npmjs.org/postcss-minify-selectors@6.0.0(postcss@8.4.27)
-      postcss-normalize-charset: registry.npmjs.org/postcss-normalize-charset@6.0.0(postcss@8.4.27)
-      postcss-normalize-display-values: registry.npmjs.org/postcss-normalize-display-values@6.0.0(postcss@8.4.27)
-      postcss-normalize-positions: registry.npmjs.org/postcss-normalize-positions@6.0.0(postcss@8.4.27)
-      postcss-normalize-repeat-style: registry.npmjs.org/postcss-normalize-repeat-style@6.0.0(postcss@8.4.27)
-      postcss-normalize-string: registry.npmjs.org/postcss-normalize-string@6.0.0(postcss@8.4.27)
-      postcss-normalize-timing-functions: registry.npmjs.org/postcss-normalize-timing-functions@6.0.0(postcss@8.4.27)
-      postcss-normalize-unicode: registry.npmjs.org/postcss-normalize-unicode@6.0.0(postcss@8.4.27)
-      postcss-normalize-url: registry.npmjs.org/postcss-normalize-url@6.0.0(postcss@8.4.27)
-      postcss-normalize-whitespace: registry.npmjs.org/postcss-normalize-whitespace@6.0.0(postcss@8.4.27)
-      postcss-ordered-values: registry.npmjs.org/postcss-ordered-values@6.0.0(postcss@8.4.27)
-      postcss-reduce-initial: registry.npmjs.org/postcss-reduce-initial@6.0.0(postcss@8.4.27)
-      postcss-reduce-transforms: registry.npmjs.org/postcss-reduce-transforms@6.0.0(postcss@8.4.27)
-      postcss-svgo: registry.npmjs.org/postcss-svgo@6.0.0(postcss@8.4.27)
-      postcss-unique-selectors: registry.npmjs.org/postcss-unique-selectors@6.0.0(postcss@8.4.27)
-    dev: true
-
-  registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.27):
+      css-declaration-sorter: registry.npmjs.org/css-declaration-sorter@6.4.1(postcss@8.4.21)
+      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.21)
+      postcss: registry.npmjs.org/postcss@8.4.21
+      postcss-calc: registry.npmjs.org/postcss-calc@9.0.1(postcss@8.4.21)
+      postcss-colormin: registry.npmjs.org/postcss-colormin@6.0.0(postcss@8.4.21)
+      postcss-convert-values: registry.npmjs.org/postcss-convert-values@6.0.0(postcss@8.4.21)
+      postcss-discard-comments: registry.npmjs.org/postcss-discard-comments@6.0.0(postcss@8.4.21)
+      postcss-discard-duplicates: registry.npmjs.org/postcss-discard-duplicates@6.0.0(postcss@8.4.21)
+      postcss-discard-empty: registry.npmjs.org/postcss-discard-empty@6.0.0(postcss@8.4.21)
+      postcss-discard-overridden: registry.npmjs.org/postcss-discard-overridden@6.0.0(postcss@8.4.21)
+      postcss-merge-longhand: registry.npmjs.org/postcss-merge-longhand@6.0.0(postcss@8.4.21)
+      postcss-merge-rules: registry.npmjs.org/postcss-merge-rules@6.0.1(postcss@8.4.21)
+      postcss-minify-font-values: registry.npmjs.org/postcss-minify-font-values@6.0.0(postcss@8.4.21)
+      postcss-minify-gradients: registry.npmjs.org/postcss-minify-gradients@6.0.0(postcss@8.4.21)
+      postcss-minify-params: registry.npmjs.org/postcss-minify-params@6.0.0(postcss@8.4.21)
+      postcss-minify-selectors: registry.npmjs.org/postcss-minify-selectors@6.0.0(postcss@8.4.21)
+      postcss-normalize-charset: registry.npmjs.org/postcss-normalize-charset@6.0.0(postcss@8.4.21)
+      postcss-normalize-display-values: registry.npmjs.org/postcss-normalize-display-values@6.0.0(postcss@8.4.21)
+      postcss-normalize-positions: registry.npmjs.org/postcss-normalize-positions@6.0.0(postcss@8.4.21)
+      postcss-normalize-repeat-style: registry.npmjs.org/postcss-normalize-repeat-style@6.0.0(postcss@8.4.21)
+      postcss-normalize-string: registry.npmjs.org/postcss-normalize-string@6.0.0(postcss@8.4.21)
+      postcss-normalize-timing-functions: registry.npmjs.org/postcss-normalize-timing-functions@6.0.0(postcss@8.4.21)
+      postcss-normalize-unicode: registry.npmjs.org/postcss-normalize-unicode@6.0.0(postcss@8.4.21)
+      postcss-normalize-url: registry.npmjs.org/postcss-normalize-url@6.0.0(postcss@8.4.21)
+      postcss-normalize-whitespace: registry.npmjs.org/postcss-normalize-whitespace@6.0.0(postcss@8.4.21)
+      postcss-ordered-values: registry.npmjs.org/postcss-ordered-values@6.0.0(postcss@8.4.21)
+      postcss-reduce-initial: registry.npmjs.org/postcss-reduce-initial@6.0.0(postcss@8.4.21)
+      postcss-reduce-transforms: registry.npmjs.org/postcss-reduce-transforms@6.0.0(postcss@8.4.21)
+      postcss-svgo: registry.npmjs.org/postcss-svgo@6.0.0(postcss@8.4.21)
+      postcss-unique-selectors: registry.npmjs.org/postcss-unique-selectors@6.0.0(postcss@8.4.21)
+    dev: true
+
+  registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-Z39TLP+1E0KUcd7LGyF4qMfu8ZufI0rDzhdyAMsa/8UyNUU8wpS0fhdBxbQbv32r64ea00h4878gommRVg2BHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-4.0.0.tgz}
     id: registry.npmjs.org/cssnano-utils/4.0.0
     name: cssnano-utils
@@ -4528,10 +4527,10 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
     dev: true
 
-  registry.npmjs.org/cssnano@6.0.1(postcss@8.4.27):
+  registry.npmjs.org/cssnano@6.0.1(postcss@8.4.21):
     resolution: {integrity: sha512-fVO1JdJ0LSdIGJq68eIxOqFpIJrZqXUsBt8fkrBcztCQqAjQD51OhZp7tc0ImcbwXD4k7ny84QTV90nZhmqbkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cssnano/-/cssnano-6.0.1.tgz}
     id: registry.npmjs.org/cssnano/6.0.1
     name: cssnano
@@ -4540,9 +4539,9 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      cssnano-preset-default: registry.npmjs.org/cssnano-preset-default@6.0.1(postcss@8.4.27)
+      cssnano-preset-default: registry.npmjs.org/cssnano-preset-default@6.0.1(postcss@8.4.21)
       lilconfig: registry.npmjs.org/lilconfig@2.1.0
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
     dev: true
 
   registry.npmjs.org/csso@5.0.5:
@@ -4598,7 +4597,7 @@ packages:
       cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x
     dependencies:
       cypress: registry.npmjs.org/cypress@12.17.3
-      prettier: registry.npmjs.org/prettier@3.0.2
+      prettier: registry.npmjs.org/prettier@3.0.3
     dev: true
 
   registry.npmjs.org/cypress@12.17.3:
@@ -4609,25 +4608,25 @@ packages:
     hasBin: true
     requiresBuild: true
     dependencies:
-      '@cypress/request': registry.npmjs.org/@cypress/request@2.88.11
+      '@cypress/request': registry.npmjs.org/@cypress/request@2.88.12
       '@cypress/xvfb': registry.npmjs.org/@cypress/xvfb@1.2.4(supports-color@8.1.1)
-      '@types/node': registry.npmjs.org/@types/node@16.18.40
+      '@types/node': registry.npmjs.org/@types/node@16.18.59
       '@types/sinonjs__fake-timers': registry.npmjs.org/@types/sinonjs__fake-timers@8.1.1
-      '@types/sizzle': registry.npmjs.org/@types/sizzle@2.3.3
+      '@types/sizzle': registry.npmjs.org/@types/sizzle@2.3.5
       arch: registry.npmjs.org/arch@2.2.0
       blob-util: registry.npmjs.org/blob-util@2.0.2
       bluebird: registry.npmjs.org/bluebird@3.7.2
       buffer: registry.npmjs.org/buffer@5.7.1
-      cachedir: registry.npmjs.org/cachedir@2.3.0
+      cachedir: registry.npmjs.org/cachedir@2.4.0
       chalk: registry.npmjs.org/chalk@4.1.2
       check-more-types: registry.npmjs.org/check-more-types@2.24.0
       cli-cursor: registry.npmjs.org/cli-cursor@3.1.0
       cli-table3: registry.npmjs.org/cli-table3@0.6.3
       commander: registry.npmjs.org/commander@6.2.1
       common-tags: registry.npmjs.org/common-tags@1.8.2
-      dayjs: registry.npmjs.org/dayjs@1.11.8
+      dayjs: registry.npmjs.org/dayjs@1.11.10
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      enquirer: registry.npmjs.org/enquirer@2.3.6
+      enquirer: registry.npmjs.org/enquirer@2.4.1
       eventemitter2: registry.npmjs.org/eventemitter2@6.4.7
       execa: registry.npmjs.org/execa@4.1.0
       executable: registry.npmjs.org/executable@4.1.1
@@ -4638,7 +4637,7 @@ packages:
       is-ci: registry.npmjs.org/is-ci@3.0.1
       is-installed-globally: registry.npmjs.org/is-installed-globally@0.4.0
       lazy-ass: registry.npmjs.org/lazy-ass@1.6.0
-      listr2: registry.npmjs.org/listr2@3.14.0(enquirer@2.3.6)
+      listr2: registry.npmjs.org/listr2@3.14.0(enquirer@2.4.1)
       lodash: registry.npmjs.org/lodash@4.17.21
       log-symbols: registry.npmjs.org/log-symbols@4.1.0
       minimist: registry.npmjs.org/minimist@1.2.8
@@ -4773,13 +4772,13 @@ packages:
     version: 2.30.0
     engines: {node: '>=0.11'}
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
     dev: true
 
-  registry.npmjs.org/dayjs@1.11.8:
-    resolution: {integrity: sha512-LcgxzFoWMEPO7ggRv1Y2N31hUf2R0Vj7fuy/m+Bg1K8rr+KAs1AEy4y9jd5DXe8pbHgX+srkHNS7TH6Q6ZhYeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dayjs/-/dayjs-1.11.8.tgz}
+  registry.npmjs.org/dayjs@1.11.10:
+    resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz}
     name: dayjs
-    version: 1.11.8
+    version: 1.11.10
     dev: true
 
   registry.npmjs.org/debug@2.6.9:
@@ -4809,6 +4808,20 @@ packages:
       ms: registry.npmjs.org/ms@2.1.3
       supports-color: registry.npmjs.org/supports-color@8.1.1
 
+  registry.npmjs.org/debug@4.3.2:
+    resolution: {integrity: sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-4.3.2.tgz}
+    name: debug
+    version: 4.3.2
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: registry.npmjs.org/ms@2.1.2
+    dev: true
+
   registry.npmjs.org/debug@4.3.4(supports-color@8.1.1):
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-4.3.4.tgz}
     id: registry.npmjs.org/debug/4.3.4
@@ -4892,13 +4905,25 @@ packages:
       clone: registry.npmjs.org/clone@1.0.4
     dev: true
 
-  registry.npmjs.org/define-properties@1.2.0:
-    resolution: {integrity: sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz}
+  registry.npmjs.org/define-data-property@1.1.1:
+    resolution: {integrity: sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz}
+    name: define-data-property
+    version: 1.1.1
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
+      gopd: registry.npmjs.org/gopd@1.0.1
+      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.1
+    dev: true
+
+  registry.npmjs.org/define-properties@1.2.1:
+    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz}
     name: define-properties
-    version: 1.2.0
+    version: 1.2.1
     engines: {node: '>= 0.4'}
     dependencies:
-      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.0
+      define-data-property: registry.npmjs.org/define-data-property@1.1.1
+      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.1
       object-keys: registry.npmjs.org/object-keys@1.1.1
     dev: true
 
@@ -5066,15 +5091,15 @@ packages:
       safer-buffer: registry.npmjs.org/safer-buffer@2.1.2
     dev: true
 
-  registry.npmjs.org/electron-to-chromium@1.4.492:
-    resolution: {integrity: sha512-36K9b/6skMVwAIEsC7GiQ8I8N3soCALVSHqWHzNDtGemAcI9Xu8hP02cywWM0A794rTHm0b0zHPeLJHtgFVamQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.492.tgz}
+  registry.npmjs.org/electron-to-chromium@1.4.563:
+    resolution: {integrity: sha512-dg5gj5qOgfZNkPNeyKBZQAQitIQ/xwfIDmEQJHCbXaD9ebTZxwJXUsDYcBlAvZGZLi+/354l35J1wkmP6CqYaw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.563.tgz}
     name: electron-to-chromium
-    version: 1.4.492
+    version: 1.4.563
 
-  registry.npmjs.org/emoji-regex@10.2.1:
-    resolution: {integrity: sha512-97g6QgOk8zlDRdgq1WxwgTMgEWGVAQvB5Fdpgc1MkNy56la5SKP9GsMXKDOdqwn90/41a8yPwIGk1Y6WVbeMQA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.2.1.tgz}
+  registry.npmjs.org/emoji-regex@10.3.0:
+    resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.3.0.tgz}
     name: emoji-regex
-    version: 10.2.1
+    version: 10.3.0
     dev: false
 
   registry.npmjs.org/emoji-regex@8.0.0:
@@ -5104,13 +5129,14 @@ packages:
       tapable: registry.npmjs.org/tapable@2.2.1
     dev: true
 
-  registry.npmjs.org/enquirer@2.3.6:
-    resolution: {integrity: sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz}
+  registry.npmjs.org/enquirer@2.4.1:
+    resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/enquirer/-/enquirer-2.4.1.tgz}
     name: enquirer
-    version: 2.3.6
+    version: 2.4.1
     engines: {node: '>=8.6'}
     dependencies:
       ansi-colors: registry.npmjs.org/ansi-colors@4.1.3
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
     dev: true
 
   registry.npmjs.org/entities@4.5.0:
@@ -5128,28 +5154,28 @@ packages:
       is-arrayish: registry.npmjs.org/is-arrayish@0.2.1
     dev: true
 
-  registry.npmjs.org/es-abstract@1.22.1:
-    resolution: {integrity: sha512-ioRRcXMO6OFyRpyzV3kE1IIBd4WG5/kltnzdxSCqoP8CMGs/Li+M1uF5o7lOkZVFjDs+NLesthnF66Pg/0q0Lw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.1.tgz}
+  registry.npmjs.org/es-abstract@1.22.3:
+    resolution: {integrity: sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz}
     name: es-abstract
-    version: 1.22.1
+    version: 1.22.3
     engines: {node: '>= 0.4'}
     dependencies:
       array-buffer-byte-length: registry.npmjs.org/array-buffer-byte-length@1.0.0
-      arraybuffer.prototype.slice: registry.npmjs.org/arraybuffer.prototype.slice@1.0.1
+      arraybuffer.prototype.slice: registry.npmjs.org/arraybuffer.prototype.slice@1.0.2
       available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      es-set-tostringtag: registry.npmjs.org/es-set-tostringtag@2.0.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      es-set-tostringtag: registry.npmjs.org/es-set-tostringtag@2.0.2
       es-to-primitive: registry.npmjs.org/es-to-primitive@1.2.1
-      function.prototype.name: registry.npmjs.org/function.prototype.name@1.1.5
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      function.prototype.name: registry.npmjs.org/function.prototype.name@1.1.6
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
       get-symbol-description: registry.npmjs.org/get-symbol-description@1.0.0
       globalthis: registry.npmjs.org/globalthis@1.0.3
       gopd: registry.npmjs.org/gopd@1.0.1
-      has: registry.npmjs.org/has@1.0.3
-      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.0
+      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.1
       has-proto: registry.npmjs.org/has-proto@1.0.1
       has-symbols: registry.npmjs.org/has-symbols@1.0.3
-      internal-slot: registry.npmjs.org/internal-slot@1.0.5
+      hasown: registry.npmjs.org/hasown@2.0.0
+      internal-slot: registry.npmjs.org/internal-slot@1.0.6
       is-array-buffer: registry.npmjs.org/is-array-buffer@3.0.2
       is-callable: registry.npmjs.org/is-callable@1.2.7
       is-negative-zero: registry.npmjs.org/is-negative-zero@2.0.2
@@ -5158,42 +5184,42 @@ packages:
       is-string: registry.npmjs.org/is-string@1.0.7
       is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
       is-weakref: registry.npmjs.org/is-weakref@1.0.2
-      object-inspect: registry.npmjs.org/object-inspect@1.12.3
+      object-inspect: registry.npmjs.org/object-inspect@1.13.1
       object-keys: registry.npmjs.org/object-keys@1.1.1
       object.assign: registry.npmjs.org/object.assign@4.1.4
-      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags@1.5.0
-      safe-array-concat: registry.npmjs.org/safe-array-concat@1.0.0
+      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags@1.5.1
+      safe-array-concat: registry.npmjs.org/safe-array-concat@1.0.1
       safe-regex-test: registry.npmjs.org/safe-regex-test@1.0.0
-      string.prototype.trim: registry.npmjs.org/string.prototype.trim@1.2.7
-      string.prototype.trimend: registry.npmjs.org/string.prototype.trimend@1.0.6
-      string.prototype.trimstart: registry.npmjs.org/string.prototype.trimstart@1.0.6
+      string.prototype.trim: registry.npmjs.org/string.prototype.trim@1.2.8
+      string.prototype.trimend: registry.npmjs.org/string.prototype.trimend@1.0.7
+      string.prototype.trimstart: registry.npmjs.org/string.prototype.trimstart@1.0.7
       typed-array-buffer: registry.npmjs.org/typed-array-buffer@1.0.0
       typed-array-byte-length: registry.npmjs.org/typed-array-byte-length@1.0.0
       typed-array-byte-offset: registry.npmjs.org/typed-array-byte-offset@1.0.0
       typed-array-length: registry.npmjs.org/typed-array-length@1.0.4
       unbox-primitive: registry.npmjs.org/unbox-primitive@1.0.2
-      which-typed-array: registry.npmjs.org/which-typed-array@1.1.11
+      which-typed-array: registry.npmjs.org/which-typed-array@1.1.13
     dev: true
 
-  registry.npmjs.org/es-iterator-helpers@1.0.14:
-    resolution: {integrity: sha512-JgtVnwiuoRuzLvqelrvN3Xu7H9bu2ap/kQ2CrM62iidP8SKuD99rWU3CJy++s7IVL2qb/AjXPGR/E7i9ngd/Cw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.14.tgz}
+  registry.npmjs.org/es-iterator-helpers@1.0.15:
+    resolution: {integrity: sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz}
     name: es-iterator-helpers
-    version: 1.0.14
+    version: 1.0.15
     dependencies:
       asynciterator.prototype: registry.npmjs.org/asynciterator.prototype@1.0.0
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
-      es-set-tostringtag: registry.npmjs.org/es-set-tostringtag@2.0.1
-      function-bind: registry.npmjs.org/function-bind@1.1.1
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      es-set-tostringtag: registry.npmjs.org/es-set-tostringtag@2.0.2
+      function-bind: registry.npmjs.org/function-bind@1.1.2
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
       globalthis: registry.npmjs.org/globalthis@1.0.3
-      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.0
+      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.1
       has-proto: registry.npmjs.org/has-proto@1.0.1
       has-symbols: registry.npmjs.org/has-symbols@1.0.3
-      internal-slot: registry.npmjs.org/internal-slot@1.0.5
-      iterator.prototype: registry.npmjs.org/iterator.prototype@1.1.0
-      safe-array-concat: registry.npmjs.org/safe-array-concat@1.0.0
+      internal-slot: registry.npmjs.org/internal-slot@1.0.6
+      iterator.prototype: registry.npmjs.org/iterator.prototype@1.1.2
+      safe-array-concat: registry.npmjs.org/safe-array-concat@1.0.1
     dev: true
 
   registry.npmjs.org/es-module-lexer@1.3.1:
@@ -5202,23 +5228,23 @@ packages:
     version: 1.3.1
     dev: false
 
-  registry.npmjs.org/es-set-tostringtag@2.0.1:
-    resolution: {integrity: sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz}
+  registry.npmjs.org/es-set-tostringtag@2.0.2:
+    resolution: {integrity: sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz}
     name: es-set-tostringtag
-    version: 2.0.1
+    version: 2.0.2
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
-      has: registry.npmjs.org/has@1.0.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
       has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+      hasown: registry.npmjs.org/hasown@2.0.0
     dev: true
 
-  registry.npmjs.org/es-shim-unscopables@1.0.0:
-    resolution: {integrity: sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz}
+  registry.npmjs.org/es-shim-unscopables@1.0.2:
+    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz}
     name: es-shim-unscopables
-    version: 1.0.0
+    version: 1.0.2
     dependencies:
-      has: registry.npmjs.org/has@1.0.3
+      hasown: registry.npmjs.org/hasown@2.0.0
     dev: true
 
   registry.npmjs.org/es-to-primitive@1.2.1:
@@ -5269,36 +5295,36 @@ packages:
       '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32@0.18.20
       '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64@0.18.20
 
-  registry.npmjs.org/esbuild@0.19.4:
-    resolution: {integrity: sha512-x7jL0tbRRpv4QUyuDMjONtWFciygUxWaUM1kMX2zWxI0X2YWOt7MSA0g4UdeSiHM8fcYVzpQhKYOycZwxTdZkA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.19.4.tgz}
+  registry.npmjs.org/esbuild@0.19.5:
+    resolution: {integrity: sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.19.5.tgz}
     name: esbuild
-    version: 0.19.4
+    version: 0.19.5
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm@0.19.4
-      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64@0.19.4
-      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64@0.19.4
-      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64@0.19.4
-      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64@0.19.4
-      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64@0.19.4
-      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64@0.19.4
-      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm@0.19.4
-      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64@0.19.4
-      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32@0.19.4
-      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64@0.19.4
-      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el@0.19.4
-      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64@0.19.4
-      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64@0.19.4
-      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x@0.19.4
-      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64@0.19.4
-      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64@0.19.4
-      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64@0.19.4
-      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64@0.19.4
-      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64@0.19.4
-      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32@0.19.4
-      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64@0.19.4
+      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm@0.19.5
+      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64@0.19.5
+      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64@0.19.5
+      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64@0.19.5
+      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64@0.19.5
+      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64@0.19.5
+      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64@0.19.5
+      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm@0.19.5
+      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64@0.19.5
+      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32@0.19.5
+      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64@0.19.5
+      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el@0.19.5
+      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64@0.19.5
+      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64@0.19.5
+      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x@0.19.5
+      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64@0.19.5
+      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64@0.19.5
+      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64@0.19.5
+      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64@0.19.5
+      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64@0.19.5
+      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32@0.19.5
+      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64@0.19.5
     dev: false
 
   registry.npmjs.org/escalade@3.1.1:
@@ -5341,11 +5367,11 @@ packages:
     dependencies:
       '@next/eslint-plugin-next': registry.npmjs.org/@next/eslint-plugin-next@13.5.4
       '@rushstack/eslint-patch': registry.npmjs.org/@rushstack/eslint-patch@1.5.1
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@5.62.0(eslint@8.43.0)(typescript@5.1.3)
       eslint: registry.npmjs.org/eslint@8.43.0
       eslint-import-resolver-node: registry.npmjs.org/eslint-import-resolver-node@0.3.9
-      eslint-import-resolver-typescript: registry.npmjs.org/eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.60.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1)(eslint@8.43.0)
-      eslint-plugin-import: registry.npmjs.org/eslint-plugin-import@2.28.1(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)
+      eslint-import-resolver-typescript: registry.npmjs.org/eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0)(eslint@8.43.0)
+      eslint-plugin-import: registry.npmjs.org/eslint-plugin-import@2.29.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)
       eslint-plugin-jsx-a11y: registry.npmjs.org/eslint-plugin-jsx-a11y@6.7.1(eslint@8.43.0)
       eslint-plugin-react: registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.43.0)
       eslint-plugin-react-hooks: registry.npmjs.org/eslint-plugin-react-hooks@4.6.0(eslint@8.43.0)
@@ -5355,18 +5381,6 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.42.0):
-    resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz}
-    id: registry.npmjs.org/eslint-config-prettier/8.8.0
-    name: eslint-config-prettier
-    version: 8.8.0
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
-    dependencies:
-      eslint: registry.npmjs.org/eslint@8.42.0
-    dev: true
-
   registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0):
     resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz}
     id: registry.npmjs.org/eslint-config-prettier/8.8.0
@@ -5379,7 +5393,7 @@ packages:
       eslint: registry.npmjs.org/eslint@8.43.0
     dev: true
 
-  registry.npmjs.org/eslint-config-turbo@1.10.15(eslint@8.42.0):
+  registry.npmjs.org/eslint-config-turbo@1.10.15(eslint@8.43.0):
     resolution: {integrity: sha512-76mpx2x818JZE26euen14utYcFDxOahZ9NaWA+6Xa4pY2ezVKVschuOxS96EQz3o3ZRSmcgBOapw/gHbN+EKxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.15.tgz}
     id: registry.npmjs.org/eslint-config-turbo/1.10.15
     name: eslint-config-turbo
@@ -5387,8 +5401,8 @@ packages:
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint@8.42.0
-      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo@1.10.15(eslint@8.42.0)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo@1.10.15(eslint@8.43.0)
     dev: true
 
   registry.npmjs.org/eslint-import-resolver-node@0.3.9:
@@ -5397,13 +5411,13 @@ packages:
     version: 0.3.9
     dependencies:
       debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
-      is-core-module: registry.npmjs.org/is-core-module@2.13.0
-      resolve: registry.npmjs.org/resolve@1.22.6
+      is-core-module: registry.npmjs.org/is-core-module@2.13.1
+      resolve: registry.npmjs.org/resolve@1.22.8
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.60.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1)(eslint@8.43.0):
+  registry.npmjs.org/eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0)(eslint@8.43.0):
     resolution: {integrity: sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz}
     id: registry.npmjs.org/eslint-import-resolver-typescript/3.6.1
     name: eslint-import-resolver-typescript
@@ -5416,11 +5430,11 @@ packages:
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       enhanced-resolve: registry.npmjs.org/enhanced-resolve@5.15.0
       eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-module-utils: registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@5.60.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.43.0)
-      eslint-plugin-import: registry.npmjs.org/eslint-plugin-import@2.28.1(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)
+      eslint-module-utils: registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.43.0)
+      eslint-plugin-import: registry.npmjs.org/eslint-plugin-import@2.29.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)
       fast-glob: registry.npmjs.org/fast-glob@3.3.1
       get-tsconfig: registry.npmjs.org/get-tsconfig@4.7.2
-      is-core-module: registry.npmjs.org/is-core-module@2.13.0
+      is-core-module: registry.npmjs.org/is-core-module@2.13.1
       is-glob: registry.npmjs.org/is-glob@4.0.3
     transitivePeerDependencies:
       - '@typescript-eslint/parser'
@@ -5429,7 +5443,7 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@5.60.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.43.0):
+  registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.43.0):
     resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz}
     id: registry.npmjs.org/eslint-module-utils/2.8.0
     name: eslint-module-utils
@@ -5453,11 +5467,11 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@5.62.0(eslint@8.43.0)(typescript@5.1.3)
       debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
       eslint: registry.npmjs.org/eslint@8.43.0
       eslint-import-resolver-node: registry.npmjs.org/eslint-import-resolver-node@0.3.9
-      eslint-import-resolver-typescript: registry.npmjs.org/eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.60.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1)(eslint@8.43.0)
+      eslint-import-resolver-typescript: registry.npmjs.org/eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0)(eslint@8.43.0)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -5486,7 +5500,7 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.42.0)(typescript@5.1.3)
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)
       debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
       eslint: registry.npmjs.org/eslint@8.43.0
       eslint-import-resolver-node: registry.npmjs.org/eslint-import-resolver-node@0.3.9
@@ -5494,11 +5508,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/eslint-plugin-import@2.28.1(@typescript-eslint/parser@6.8.0)(eslint@8.43.0):
-    resolution: {integrity: sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.28.1.tgz}
-    id: registry.npmjs.org/eslint-plugin-import/2.28.1
+  registry.npmjs.org/eslint-plugin-import@2.29.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0):
+    resolution: {integrity: sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz}
+    id: registry.npmjs.org/eslint-plugin-import/2.29.0
     name: eslint-plugin-import
-    version: 2.28.1
+    version: 2.29.0
     engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
@@ -5507,23 +5521,23 @@ packages:
       '@typescript-eslint/parser':
         optional: true
     dependencies:
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.42.0)(typescript@5.1.3)
-      array-includes: registry.npmjs.org/array-includes@3.1.6
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)
+      array-includes: registry.npmjs.org/array-includes@3.1.7
       array.prototype.findlastindex: registry.npmjs.org/array.prototype.findlastindex@1.2.3
-      array.prototype.flat: registry.npmjs.org/array.prototype.flat@1.3.1
-      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.1
+      array.prototype.flat: registry.npmjs.org/array.prototype.flat@1.3.2
+      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.2
       debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
       doctrine: registry.npmjs.org/doctrine@2.1.0
       eslint: registry.npmjs.org/eslint@8.43.0
       eslint-import-resolver-node: registry.npmjs.org/eslint-import-resolver-node@0.3.9
       eslint-module-utils: registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint@8.43.0)
-      has: registry.npmjs.org/has@1.0.3
-      is-core-module: registry.npmjs.org/is-core-module@2.13.0
+      hasown: registry.npmjs.org/hasown@2.0.0
+      is-core-module: registry.npmjs.org/is-core-module@2.13.1
       is-glob: registry.npmjs.org/is-glob@4.0.3
       minimatch: registry.npmjs.org/minimatch@3.1.2
-      object.fromentries: registry.npmjs.org/object.fromentries@2.0.6
+      object.fromentries: registry.npmjs.org/object.fromentries@2.0.7
       object.groupby: registry.npmjs.org/object.groupby@1.0.1
-      object.values: registry.npmjs.org/object.values@1.1.6
+      object.values: registry.npmjs.org/object.values@1.1.7
       semver: registry.npmjs.org/semver@6.3.1
       tsconfig-paths: registry.npmjs.org/tsconfig-paths@3.14.2
     transitivePeerDependencies:
@@ -5541,26 +5555,26 @@ packages:
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.22.5
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
       aria-query: registry.npmjs.org/aria-query@5.3.0
-      array-includes: registry.npmjs.org/array-includes@3.1.6
-      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.1
+      array-includes: registry.npmjs.org/array-includes@3.1.7
+      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.2
       ast-types-flow: registry.npmjs.org/ast-types-flow@0.0.7
       axe-core: registry.npmjs.org/axe-core@4.8.2
       axobject-query: registry.npmjs.org/axobject-query@3.2.1
       damerau-levenshtein: registry.npmjs.org/damerau-levenshtein@1.0.8
       emoji-regex: registry.npmjs.org/emoji-regex@9.2.2
       eslint: registry.npmjs.org/eslint@8.43.0
-      has: registry.npmjs.org/has@1.0.3
+      has: registry.npmjs.org/has@1.0.4
       jsx-ast-utils: registry.npmjs.org/jsx-ast-utils@3.3.5
       language-tags: registry.npmjs.org/language-tags@1.0.5
       minimatch: registry.npmjs.org/minimatch@3.1.2
-      object.entries: registry.npmjs.org/object.entries@1.1.6
-      object.fromentries: registry.npmjs.org/object.fromentries@2.0.6
+      object.entries: registry.npmjs.org/object.entries@1.1.7
+      object.fromentries: registry.npmjs.org/object.fromentries@2.0.7
       semver: registry.npmjs.org/semver@6.3.1
     dev: true
 
-  registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.42.0)(prettier@2.8.8):
+  registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8):
     resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz}
     id: registry.npmjs.org/eslint-plugin-prettier/4.2.1
     name: eslint-plugin-prettier
@@ -5574,8 +5588,8 @@ packages:
       eslint-config-prettier:
         optional: true
     dependencies:
-      eslint: registry.npmjs.org/eslint@8.42.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.42.0)
+      eslint: registry.npmjs.org/eslint@8.43.0
+      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0)
       prettier: registry.npmjs.org/prettier@2.8.8
       prettier-linter-helpers: registry.npmjs.org/prettier-linter-helpers@1.0.0
     dev: true
@@ -5592,34 +5606,6 @@ packages:
       eslint: registry.npmjs.org/eslint@8.43.0
     dev: true
 
-  registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.42.0):
-    resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz}
-    id: registry.npmjs.org/eslint-plugin-react/7.33.2
-    name: eslint-plugin-react
-    version: 7.33.2
-    engines: {node: '>=4'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-    dependencies:
-      array-includes: registry.npmjs.org/array-includes@3.1.6
-      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.1
-      array.prototype.tosorted: registry.npmjs.org/array.prototype.tosorted@1.1.1
-      doctrine: registry.npmjs.org/doctrine@2.1.0
-      es-iterator-helpers: registry.npmjs.org/es-iterator-helpers@1.0.14
-      eslint: registry.npmjs.org/eslint@8.42.0
-      estraverse: registry.npmjs.org/estraverse@5.3.0
-      jsx-ast-utils: registry.npmjs.org/jsx-ast-utils@3.3.5
-      minimatch: registry.npmjs.org/minimatch@3.1.2
-      object.entries: registry.npmjs.org/object.entries@1.1.6
-      object.fromentries: registry.npmjs.org/object.fromentries@2.0.6
-      object.hasown: registry.npmjs.org/object.hasown@1.1.2
-      object.values: registry.npmjs.org/object.values@1.1.6
-      prop-types: registry.npmjs.org/prop-types@15.8.1
-      resolve: registry.npmjs.org/resolve@2.0.0-next.4
-      semver: registry.npmjs.org/semver@6.3.1
-      string.prototype.matchall: registry.npmjs.org/string.prototype.matchall@4.0.8
-    dev: true
-
   registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.43.0):
     resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz}
     id: registry.npmjs.org/eslint-plugin-react/7.33.2
@@ -5629,26 +5615,26 @@ packages:
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
     dependencies:
-      array-includes: registry.npmjs.org/array-includes@3.1.6
-      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.1
-      array.prototype.tosorted: registry.npmjs.org/array.prototype.tosorted@1.1.1
+      array-includes: registry.npmjs.org/array-includes@3.1.7
+      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.2
+      array.prototype.tosorted: registry.npmjs.org/array.prototype.tosorted@1.1.2
       doctrine: registry.npmjs.org/doctrine@2.1.0
-      es-iterator-helpers: registry.npmjs.org/es-iterator-helpers@1.0.14
+      es-iterator-helpers: registry.npmjs.org/es-iterator-helpers@1.0.15
       eslint: registry.npmjs.org/eslint@8.43.0
       estraverse: registry.npmjs.org/estraverse@5.3.0
       jsx-ast-utils: registry.npmjs.org/jsx-ast-utils@3.3.5
       minimatch: registry.npmjs.org/minimatch@3.1.2
-      object.entries: registry.npmjs.org/object.entries@1.1.6
-      object.fromentries: registry.npmjs.org/object.fromentries@2.0.6
-      object.hasown: registry.npmjs.org/object.hasown@1.1.2
-      object.values: registry.npmjs.org/object.values@1.1.6
+      object.entries: registry.npmjs.org/object.entries@1.1.7
+      object.fromentries: registry.npmjs.org/object.fromentries@2.0.7
+      object.hasown: registry.npmjs.org/object.hasown@1.1.3
+      object.values: registry.npmjs.org/object.values@1.1.7
       prop-types: registry.npmjs.org/prop-types@15.8.1
-      resolve: registry.npmjs.org/resolve@2.0.0-next.4
+      resolve: registry.npmjs.org/resolve@2.0.0-next.5
       semver: registry.npmjs.org/semver@6.3.1
-      string.prototype.matchall: registry.npmjs.org/string.prototype.matchall@4.0.8
+      string.prototype.matchall: registry.npmjs.org/string.prototype.matchall@4.0.10
     dev: true
 
-  registry.npmjs.org/eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.0):
+  registry.npmjs.org/eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.1):
     resolution: {integrity: sha512-08v+DqzHiwIVEbi+266D7+BDhayp9OSqCwa/lHaZlZOlFY0vZLYs/h7SkkUPzA5fTVt8OUJBtvCxFiWEYOvvGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-2.31.1.tgz}
     id: registry.npmjs.org/eslint-plugin-svelte/2.31.1
     name: eslint-plugin-svelte
@@ -5667,19 +5653,19 @@ packages:
       eslint: registry.npmjs.org/eslint@8.43.0
       esutils: registry.npmjs.org/esutils@2.0.3
       known-css-properties: registry.npmjs.org/known-css-properties@0.27.0
-      postcss: registry.npmjs.org/postcss@8.4.27
-      postcss-load-config: registry.npmjs.org/postcss-load-config@3.1.4(postcss@8.4.27)
-      postcss-safe-parser: registry.npmjs.org/postcss-safe-parser@6.0.0(postcss@8.4.27)
+      postcss: registry.npmjs.org/postcss@8.4.31
+      postcss-load-config: registry.npmjs.org/postcss-load-config@3.1.4(postcss@8.4.31)
+      postcss-safe-parser: registry.npmjs.org/postcss-safe-parser@6.0.0(postcss@8.4.31)
       postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
-      semver: registry.npmjs.org/semver@7.5.3
-      svelte: registry.npmjs.org/svelte@4.2.0
-      svelte-eslint-parser: registry.npmjs.org/svelte-eslint-parser@0.31.0(svelte@4.2.0)
+      semver: registry.npmjs.org/semver@7.5.4
+      svelte: registry.npmjs.org/svelte@4.2.1
+      svelte-eslint-parser: registry.npmjs.org/svelte-eslint-parser@0.31.0(svelte@4.2.1)
     transitivePeerDependencies:
       - supports-color
       - ts-node
     dev: true
 
-  registry.npmjs.org/eslint-plugin-turbo@1.10.15(eslint@8.42.0):
+  registry.npmjs.org/eslint-plugin-turbo@1.10.15(eslint@8.43.0):
     resolution: {integrity: sha512-Tv4QSKV/U56qGcTqS/UgOvb9HcKFmWOQcVh3HEaj7of94lfaENgfrtK48E2CckQf7amhKs1i+imhCsNCKjkQyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.15.tgz}
     id: registry.npmjs.org/eslint-plugin-turbo/1.10.15
     name: eslint-plugin-turbo
@@ -5688,7 +5674,7 @@ packages:
       eslint: '>6.6.0'
     dependencies:
       dotenv: registry.npmjs.org/dotenv@16.0.3
-      eslint: registry.npmjs.org/eslint@8.42.0
+      eslint: registry.npmjs.org/eslint@8.43.0
     dev: true
 
   registry.npmjs.org/eslint-scope@5.1.1:
@@ -5701,23 +5687,16 @@ packages:
       estraverse: registry.npmjs.org/estraverse@4.3.0
     dev: true
 
-  registry.npmjs.org/eslint-scope@7.2.0:
-    resolution: {integrity: sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.0.tgz}
+  registry.npmjs.org/eslint-scope@7.2.2:
+    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz}
     name: eslint-scope
-    version: 7.2.0
+    version: 7.2.2
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       esrecurse: registry.npmjs.org/esrecurse@4.3.0
       estraverse: registry.npmjs.org/estraverse@5.3.0
     dev: true
 
-  registry.npmjs.org/eslint-visitor-keys@3.4.1:
-    resolution: {integrity: sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz}
-    name: eslint-visitor-keys
-    version: 3.4.1
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
-
   registry.npmjs.org/eslint-visitor-keys@3.4.3:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz}
     name: eslint-visitor-keys
@@ -5725,56 +5704,6 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/eslint@8.42.0:
-    resolution: {integrity: sha512-ulg9Ms6E1WPf67PHaEY4/6E2tEn5/f7FXGzr3t9cBMugOmf1INYvuUwwh1aXQN4MfJ6a5K2iNwP3w4AColvI9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.42.0.tgz}
-    name: eslint
-    version: 8.42.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
-    dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.42.0)
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.5.1
-      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc@2.0.3
-      '@eslint/js': registry.npmjs.org/@eslint/js@8.42.0
-      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array@0.11.10
-      '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer@1.0.1
-      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk@1.2.8
-      ajv: registry.npmjs.org/ajv@6.12.6
-      chalk: registry.npmjs.org/chalk@4.1.2
-      cross-spawn: registry.npmjs.org/cross-spawn@7.0.3
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      doctrine: registry.npmjs.org/doctrine@3.0.0
-      escape-string-regexp: registry.npmjs.org/escape-string-regexp@4.0.0
-      eslint-scope: registry.npmjs.org/eslint-scope@7.2.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
-      espree: registry.npmjs.org/espree@9.5.2
-      esquery: registry.npmjs.org/esquery@1.5.0
-      esutils: registry.npmjs.org/esutils@2.0.3
-      fast-deep-equal: registry.npmjs.org/fast-deep-equal@3.1.3
-      file-entry-cache: registry.npmjs.org/file-entry-cache@6.0.1
-      find-up: registry.npmjs.org/find-up@5.0.0
-      glob-parent: registry.npmjs.org/glob-parent@6.0.2
-      globals: registry.npmjs.org/globals@13.20.0
-      graphemer: registry.npmjs.org/graphemer@1.4.0
-      ignore: registry.npmjs.org/ignore@5.2.4
-      import-fresh: registry.npmjs.org/import-fresh@3.3.0
-      imurmurhash: registry.npmjs.org/imurmurhash@0.1.4
-      is-glob: registry.npmjs.org/is-glob@4.0.3
-      is-path-inside: registry.npmjs.org/is-path-inside@3.0.3
-      js-yaml: registry.npmjs.org/js-yaml@4.1.0
-      json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify@1.0.1
-      levn: registry.npmjs.org/levn@0.4.1
-      lodash.merge: registry.npmjs.org/lodash.merge@4.6.2
-      minimatch: registry.npmjs.org/minimatch@3.1.2
-      natural-compare: registry.npmjs.org/natural-compare@1.4.0
-      optionator: registry.npmjs.org/optionator@0.9.1
-      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
-      strip-json-comments: registry.npmjs.org/strip-json-comments@3.1.1
-      text-table: registry.npmjs.org/text-table@0.2.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   registry.npmjs.org/eslint@8.43.0:
     resolution: {integrity: sha512-aaCpf2JqqKesMFGgmRPessmVKjcGXqdlAYLLC3THM8t5nBRZRQ+st5WM/hoJXkdioEXLLbXgclUpM0TXo5HX5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.43.0.tgz}
     name: eslint
@@ -5783,10 +5712,10 @@ packages:
     hasBin: true
     dependencies:
       '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.6.2
-      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc@2.0.3
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.9.1
+      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc@2.1.2
       '@eslint/js': registry.npmjs.org/@eslint/js@8.43.0
-      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array@0.11.10
+      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array@0.11.13
       '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer@1.0.1
       '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk@1.2.8
       ajv: registry.npmjs.org/ajv@6.12.6
@@ -5795,16 +5724,16 @@ packages:
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       doctrine: registry.npmjs.org/doctrine@3.0.0
       escape-string-regexp: registry.npmjs.org/escape-string-regexp@4.0.0
-      eslint-scope: registry.npmjs.org/eslint-scope@7.2.0
+      eslint-scope: registry.npmjs.org/eslint-scope@7.2.2
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
-      espree: registry.npmjs.org/espree@9.5.2
+      espree: registry.npmjs.org/espree@9.6.1
       esquery: registry.npmjs.org/esquery@1.5.0
       esutils: registry.npmjs.org/esutils@2.0.3
       fast-deep-equal: registry.npmjs.org/fast-deep-equal@3.1.3
       file-entry-cache: registry.npmjs.org/file-entry-cache@6.0.1
       find-up: registry.npmjs.org/find-up@5.0.0
       glob-parent: registry.npmjs.org/glob-parent@6.0.2
-      globals: registry.npmjs.org/globals@13.20.0
+      globals: registry.npmjs.org/globals@13.23.0
       graphemer: registry.npmjs.org/graphemer@1.4.0
       ignore: registry.npmjs.org/ignore@5.2.4
       import-fresh: registry.npmjs.org/import-fresh@3.3.0
@@ -5817,7 +5746,7 @@ packages:
       lodash.merge: registry.npmjs.org/lodash.merge@4.6.2
       minimatch: registry.npmjs.org/minimatch@3.1.2
       natural-compare: registry.npmjs.org/natural-compare@1.4.0
-      optionator: registry.npmjs.org/optionator@0.9.1
+      optionator: registry.npmjs.org/optionator@0.9.3
       strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
       strip-json-comments: registry.npmjs.org/strip-json-comments@3.1.1
       text-table: registry.npmjs.org/text-table@0.2.0
@@ -5831,10 +5760,10 @@ packages:
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/espree@9.5.2:
-    resolution: {integrity: sha512-7OASN1Wma5fum5SrNhFMAMJxOUAbhyfQ8dQ//PJaJbNw0URTPWqIghHWt1MmAANKhHZIYOHruW4Kw4ruUWOdGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/espree/-/espree-9.5.2.tgz}
+  registry.npmjs.org/espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/espree/-/espree-9.6.1.tgz}
     name: espree
-    version: 9.5.2
+    version: 9.6.1
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       acorn: registry.npmjs.org/acorn@8.10.0
@@ -5892,7 +5821,7 @@ packages:
     name: estree-walker
     version: 3.0.3
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.3
 
   registry.npmjs.org/esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz}
@@ -6032,7 +5961,7 @@ packages:
       get-stream: registry.npmjs.org/get-stream@5.2.0
       yauzl: registry.npmjs.org/yauzl@2.10.0
     optionalDependencies:
-      '@types/yauzl': registry.npmjs.org/@types/yauzl@2.10.0
+      '@types/yauzl': registry.npmjs.org/@types/yauzl@2.10.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -6117,7 +6046,7 @@ packages:
     version: 6.0.1
     engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
-      flat-cache: registry.npmjs.org/flat-cache@3.0.4
+      flat-cache: registry.npmjs.org/flat-cache@3.1.1
     dev: true
 
   registry.npmjs.org/fill-range@7.0.1:
@@ -6154,27 +6083,28 @@ packages:
       micromatch: registry.npmjs.org/micromatch@4.0.5
       pkg-dir: registry.npmjs.org/pkg-dir@4.2.0
 
-  registry.npmjs.org/flat-cache@3.0.4:
-    resolution: {integrity: sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz}
+  registry.npmjs.org/flat-cache@3.1.1:
+    resolution: {integrity: sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/flat-cache/-/flat-cache-3.1.1.tgz}
     name: flat-cache
-    version: 3.0.4
-    engines: {node: ^10.12.0 || >=12.0.0}
+    version: 3.1.1
+    engines: {node: '>=12.0.0'}
     dependencies:
-      flatted: registry.npmjs.org/flatted@3.2.7
+      flatted: registry.npmjs.org/flatted@3.2.9
+      keyv: registry.npmjs.org/keyv@4.5.4
       rimraf: registry.npmjs.org/rimraf@3.0.2
     dev: true
 
-  registry.npmjs.org/flatted@3.2.7:
-    resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz}
+  registry.npmjs.org/flatted@3.2.9:
+    resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz}
     name: flatted
-    version: 3.2.7
+    version: 3.2.9
     dev: true
 
-  registry.npmjs.org/follow-redirects@1.15.2(debug@4.3.4):
-    resolution: {integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz}
-    id: registry.npmjs.org/follow-redirects/1.15.2
+  registry.npmjs.org/follow-redirects@1.15.3(debug@4.3.2):
+    resolution: {integrity: sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz}
+    id: registry.npmjs.org/follow-redirects/1.15.3
     name: follow-redirects
-    version: 1.15.2
+    version: 1.15.3
     engines: {node: '>=4.0'}
     peerDependencies:
       debug: '*'
@@ -6182,7 +6112,7 @@ packages:
       debug:
         optional: true
     dependencies:
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      debug: registry.npmjs.org/debug@4.3.2
     dev: true
 
   registry.npmjs.org/for-each@0.3.3:
@@ -6210,21 +6140,10 @@ packages:
       mime-types: registry.npmjs.org/mime-types@2.1.35
     dev: true
 
-  registry.npmjs.org/form-data@4.0.0:
-    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz}
-    name: form-data
-    version: 4.0.0
-    engines: {node: '>= 6'}
-    dependencies:
-      asynckit: registry.npmjs.org/asynckit@0.4.0
-      combined-stream: registry.npmjs.org/combined-stream@1.0.8
-      mime-types: registry.npmjs.org/mime-types@2.1.35
-    dev: true
-
-  registry.npmjs.org/fraction.js@4.2.0:
-    resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz}
+  registry.npmjs.org/fraction.js@4.3.7:
+    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz}
     name: fraction.js
-    version: 4.2.0
+    version: 4.3.7
     dev: true
 
   registry.npmjs.org/from@0.1.7:
@@ -6291,29 +6210,29 @@ packages:
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/fsevents@2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz}
+  registry.npmjs.org/fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz}
     name: fsevents
-    version: 2.3.2
+    version: 2.3.3
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/function-bind@1.1.1:
-    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz}
+  registry.npmjs.org/function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz}
     name: function-bind
-    version: 1.1.1
+    version: 1.1.2
 
-  registry.npmjs.org/function.prototype.name@1.1.5:
-    resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.5.tgz}
+  registry.npmjs.org/function.prototype.name@1.1.6:
+    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz}
     name: function.prototype.name
-    version: 1.1.5
+    version: 1.1.6
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
       functions-have-names: registry.npmjs.org/functions-have-names@1.2.3
     dev: true
 
@@ -6336,15 +6255,15 @@ packages:
     engines: {node: 6.* || 8.* || >= 10.*}
     dev: true
 
-  registry.npmjs.org/get-intrinsic@1.2.1:
-    resolution: {integrity: sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz}
+  registry.npmjs.org/get-intrinsic@1.2.2:
+    resolution: {integrity: sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz}
     name: get-intrinsic
-    version: 1.2.1
+    version: 1.2.2
     dependencies:
-      function-bind: registry.npmjs.org/function-bind@1.1.1
-      has: registry.npmjs.org/has@1.0.3
+      function-bind: registry.npmjs.org/function-bind@1.1.2
       has-proto: registry.npmjs.org/has-proto@1.0.1
       has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      hasown: registry.npmjs.org/hasown@2.0.0
     dev: true
 
   registry.npmjs.org/get-stdin@9.0.0:
@@ -6383,8 +6302,8 @@ packages:
     version: 1.0.0
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
     dev: true
 
   registry.npmjs.org/get-tsconfig@4.7.2:
@@ -6501,10 +6420,10 @@ packages:
     version: 11.12.0
     engines: {node: '>=4'}
 
-  registry.npmjs.org/globals@13.20.0:
-    resolution: {integrity: sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globals/-/globals-13.20.0.tgz}
+  registry.npmjs.org/globals@13.23.0:
+    resolution: {integrity: sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globals/-/globals-13.23.0.tgz}
     name: globals
-    version: 13.20.0
+    version: 13.23.0
     engines: {node: '>=8'}
     dependencies:
       type-fest: registry.npmjs.org/type-fest@0.20.2
@@ -6516,7 +6435,7 @@ packages:
     version: 1.0.3
     engines: {node: '>= 0.4'}
     dependencies:
-      define-properties: registry.npmjs.org/define-properties@1.2.0
+      define-properties: registry.npmjs.org/define-properties@1.2.1
     dev: true
 
   registry.npmjs.org/globby@11.1.0:
@@ -6533,10 +6452,10 @@ packages:
       slash: registry.npmjs.org/slash@3.0.0
     dev: true
 
-  registry.npmjs.org/globby@13.1.4:
-    resolution: {integrity: sha512-iui/IiiW+QrJ1X1hKH5qwlMQyv34wJAYwH1vrf8b9kBA4sNiif3gKsMHa+BrdnOpEudWjpotfa7LrTzB1ERS/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globby/-/globby-13.1.4.tgz}
+  registry.npmjs.org/globby@13.2.2:
+    resolution: {integrity: sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globby/-/globby-13.2.2.tgz}
     name: globby
-    version: 13.1.4
+    version: 13.2.2
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       dir-glob: registry.npmjs.org/dir-glob@3.0.1
@@ -6551,7 +6470,7 @@ packages:
     name: gopd
     version: 1.0.1
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
     dev: true
 
   registry.npmjs.org/graceful-fs@4.2.11:
@@ -6616,12 +6535,12 @@ packages:
     version: 4.0.0
     engines: {node: '>=8'}
 
-  registry.npmjs.org/has-property-descriptors@1.0.0:
-    resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz}
+  registry.npmjs.org/has-property-descriptors@1.0.1:
+    resolution: {integrity: sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz}
     name: has-property-descriptors
-    version: 1.0.0
+    version: 1.0.1
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
     dev: true
 
   registry.npmjs.org/has-proto@1.0.1:
@@ -6647,21 +6566,28 @@ packages:
       has-symbols: registry.npmjs.org/has-symbols@1.0.3
     dev: true
 
-  registry.npmjs.org/has@1.0.3:
-    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has/-/has-1.0.3.tgz}
+  registry.npmjs.org/has@1.0.4:
+    resolution: {integrity: sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has/-/has-1.0.4.tgz}
     name: has
-    version: 1.0.3
+    version: 1.0.4
     engines: {node: '>= 0.4.0'}
+    dev: true
+
+  registry.npmjs.org/hasown@2.0.0:
+    resolution: {integrity: sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz}
+    name: hasown
+    version: 2.0.0
+    engines: {node: '>= 0.4'}
     dependencies:
-      function-bind: registry.npmjs.org/function-bind@1.1.1
+      function-bind: registry.npmjs.org/function-bind@1.1.2
 
   registry.npmjs.org/hast-util-from-parse5@7.1.2:
     resolution: {integrity: sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-7.1.2.tgz}
     name: hast-util-from-parse5
     version: 7.1.2
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
       hastscript: registry.npmjs.org/hastscript@7.2.0
       property-information: registry.npmjs.org/property-information@6.3.0
       vfile: registry.npmjs.org/vfile@5.3.7
@@ -6674,7 +6600,7 @@ packages:
     name: hast-util-parse-selector
     version: 3.1.1
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
     dev: false
 
   registry.npmjs.org/hast-util-raw@7.2.3:
@@ -6682,7 +6608,7 @@ packages:
     name: hast-util-raw
     version: 7.2.3
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
       '@types/parse5': registry.npmjs.org/@types/parse5@6.0.3
       hast-util-from-parse5: registry.npmjs.org/hast-util-from-parse5@7.1.2
       hast-util-to-parse5: registry.npmjs.org/hast-util-to-parse5@7.1.0
@@ -6700,8 +6626,8 @@ packages:
     name: hast-util-to-html
     version: 8.0.4
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
       ccount: registry.npmjs.org/ccount@2.0.1
       comma-separated-tokens: registry.npmjs.org/comma-separated-tokens@2.0.3
       hast-util-raw: registry.npmjs.org/hast-util-raw@7.2.3
@@ -6718,7 +6644,7 @@ packages:
     name: hast-util-to-parse5
     version: 7.1.0
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
       comma-separated-tokens: registry.npmjs.org/comma-separated-tokens@2.0.3
       property-information: registry.npmjs.org/property-information@6.3.0
       space-separated-tokens: registry.npmjs.org/space-separated-tokens@2.0.2
@@ -6737,13 +6663,21 @@ packages:
     name: hastscript
     version: 7.2.0
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
       comma-separated-tokens: registry.npmjs.org/comma-separated-tokens@2.0.3
       hast-util-parse-selector: registry.npmjs.org/hast-util-parse-selector@3.1.1
       property-information: registry.npmjs.org/property-information@6.3.0
       space-separated-tokens: registry.npmjs.org/space-separated-tokens@2.0.2
     dev: false
 
+  registry.npmjs.org/history@5.3.0:
+    resolution: {integrity: sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/history/-/history-5.3.0.tgz}
+    name: history
+    version: 5.3.0
+    dependencies:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
+    dev: false
+
   registry.npmjs.org/hosted-git-info@2.8.9:
     resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz}
     name: hosted-git-info
@@ -6776,7 +6710,7 @@ packages:
     dependencies:
       assert-plus: registry.npmjs.org/assert-plus@1.0.0
       jsprim: registry.npmjs.org/jsprim@2.0.2
-      sshpk: registry.npmjs.org/sshpk@1.17.0
+      sshpk: registry.npmjs.org/sshpk@1.18.0
     dev: true
 
   registry.npmjs.org/human-id@1.0.2:
@@ -6889,14 +6823,14 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/internal-slot@1.0.5:
-    resolution: {integrity: sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz}
+  registry.npmjs.org/internal-slot@1.0.6:
+    resolution: {integrity: sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.6.tgz}
     name: internal-slot
-    version: 1.0.5
+    version: 1.0.6
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
-      has: registry.npmjs.org/has@1.0.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
+      hasown: registry.npmjs.org/hasown@2.0.0
       side-channel: registry.npmjs.org/side-channel@1.0.4
     dev: true
 
@@ -6905,8 +6839,8 @@ packages:
     name: is-array-buffer
     version: 3.0.2
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
       is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
     dev: true
 
@@ -6954,7 +6888,7 @@ packages:
     version: 1.1.2
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.5
       has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
@@ -6987,15 +6921,15 @@ packages:
     version: 3.0.1
     hasBin: true
     dependencies:
-      ci-info: registry.npmjs.org/ci-info@3.8.0
+      ci-info: registry.npmjs.org/ci-info@3.9.0
     dev: true
 
-  registry.npmjs.org/is-core-module@2.13.0:
-    resolution: {integrity: sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz}
+  registry.npmjs.org/is-core-module@2.13.1:
+    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz}
     name: is-core-module
-    version: 2.13.0
+    version: 2.13.1
     dependencies:
-      has: registry.npmjs.org/has@1.0.3
+      hasown: registry.npmjs.org/hasown@2.0.0
 
   registry.npmjs.org/is-date-object@1.0.5:
     resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz}
@@ -7032,7 +6966,7 @@ packages:
     name: is-finalizationregistry
     version: 1.0.2
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.5
     dev: true
 
   registry.npmjs.org/is-fullwidth-code-point@3.0.0:
@@ -7145,15 +7079,15 @@ packages:
     name: is-reference
     version: 1.2.1
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.3
     dev: true
 
-  registry.npmjs.org/is-reference@3.0.1:
-    resolution: {integrity: sha512-baJJdQLiYaJdvFbJqXrcGv3WU3QCzBlUcI5QhbesIm6/xPsvmO+2CDoi/GMOFBQEQm+PXkwOPrp9KK5ozZsp2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-reference/-/is-reference-3.0.1.tgz}
+  registry.npmjs.org/is-reference@3.0.2:
+    resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-reference/-/is-reference-3.0.2.tgz}
     name: is-reference
-    version: 3.0.1
+    version: 3.0.2
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.3
 
   registry.npmjs.org/is-regex@1.1.4:
     resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz}
@@ -7161,7 +7095,7 @@ packages:
     version: 1.1.4
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.5
       has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
     dev: true
 
@@ -7176,7 +7110,7 @@ packages:
     name: is-shared-array-buffer
     version: 1.0.2
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.5
     dev: true
 
   registry.npmjs.org/is-stream@2.0.1:
@@ -7226,7 +7160,7 @@ packages:
     version: 1.1.12
     engines: {node: '>= 0.4'}
     dependencies:
-      which-typed-array: registry.npmjs.org/which-typed-array@1.1.11
+      which-typed-array: registry.npmjs.org/which-typed-array@1.1.13
     dev: true
 
   registry.npmjs.org/is-typedarray@1.0.0:
@@ -7260,7 +7194,7 @@ packages:
     name: is-weakref
     version: 1.0.2
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.5
     dev: true
 
   registry.npmjs.org/is-weakset@2.0.2:
@@ -7268,8 +7202,8 @@ packages:
     name: is-weakset
     version: 2.0.2
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
     dev: true
 
   registry.npmjs.org/is-windows@1.0.2:
@@ -7305,22 +7239,22 @@ packages:
     version: 0.1.2
     dev: true
 
-  registry.npmjs.org/iterator.prototype@1.1.0:
-    resolution: {integrity: sha512-rjuhAk1AJ1fssphHD0IFV6TWL40CwRZ53FrztKx43yk2v6rguBYsY4Bj1VU4HmoMmKwZUlx7mfnhDf9cOp4YTw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.0.tgz}
+  registry.npmjs.org/iterator.prototype@1.1.2:
+    resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz}
     name: iterator.prototype
-    version: 1.1.0
+    version: 1.1.2
     dependencies:
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
       has-symbols: registry.npmjs.org/has-symbols@1.0.3
-      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
-      reflect.getprototypeof: registry.npmjs.org/reflect.getprototypeof@1.0.3
+      reflect.getprototypeof: registry.npmjs.org/reflect.getprototypeof@1.0.4
+      set-function-name: registry.npmjs.org/set-function-name@2.0.1
     dev: true
 
-  registry.npmjs.org/joi@17.9.2:
-    resolution: {integrity: sha512-Itk/r+V4Dx0V3c7RLFdRh12IOjySm2/WGPMubBT92cQvRfYZhPM2W0hZlctjj72iES8jsRCwp7S/cRmWBnJ4nw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/joi/-/joi-17.9.2.tgz}
+  registry.npmjs.org/joi@17.11.0:
+    resolution: {integrity: sha512-NgB+lZLNoqISVy1rZocE9PZI36bL/77ie924Ri43yEvi9GUUMPeyVIr8KdFTMUlby1p0PBYMk9spIxEUQYqrJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/joi/-/joi-17.11.0.tgz}
     name: joi
-    version: 17.9.2
+    version: 17.11.0
     dependencies:
       '@hapi/hoek': registry.npmjs.org/@hapi/hoek@9.3.0
       '@hapi/topo': registry.npmjs.org/@hapi/topo@5.1.0
@@ -7364,6 +7298,12 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
+  registry.npmjs.org/json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz}
+    name: json-buffer
+    version: 3.0.1
+    dev: true
+
   registry.npmjs.org/json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz}
     name: json-parse-even-better-errors
@@ -7452,10 +7392,18 @@ packages:
     version: 3.3.5
     engines: {node: '>=4.0'}
     dependencies:
-      array-includes: registry.npmjs.org/array-includes@3.1.6
-      array.prototype.flat: registry.npmjs.org/array.prototype.flat@1.3.1
+      array-includes: registry.npmjs.org/array-includes@3.1.7
+      array.prototype.flat: registry.npmjs.org/array.prototype.flat@1.3.2
       object.assign: registry.npmjs.org/object.assign@4.1.4
-      object.values: registry.npmjs.org/object.values@1.1.6
+      object.values: registry.npmjs.org/object.values@1.1.7
+    dev: true
+
+  registry.npmjs.org/keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz}
+    name: keyv
+    version: 4.5.4
+    dependencies:
+      json-buffer: registry.npmjs.org/json-buffer@3.0.1
     dev: true
 
   registry.npmjs.org/kind-of@6.0.3:
@@ -7535,7 +7483,7 @@ packages:
     version: 1.2.4
     dev: true
 
-  registry.npmjs.org/listr2@3.14.0(enquirer@2.3.6):
+  registry.npmjs.org/listr2@3.14.0(enquirer@2.4.1):
     resolution: {integrity: sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/listr2/-/listr2-3.14.0.tgz}
     id: registry.npmjs.org/listr2/3.14.0
     name: listr2
@@ -7549,7 +7497,7 @@ packages:
     dependencies:
       cli-truncate: registry.npmjs.org/cli-truncate@2.1.0
       colorette: registry.npmjs.org/colorette@2.0.20
-      enquirer: registry.npmjs.org/enquirer@2.3.6
+      enquirer: registry.npmjs.org/enquirer@2.4.1
       log-update: registry.npmjs.org/log-update@4.0.0
       p-map: registry.npmjs.org/p-map@4.0.0
       rfdc: registry.npmjs.org/rfdc@1.3.0
@@ -7683,7 +7631,7 @@ packages:
     name: lower-case
     version: 2.0.2
     dependencies:
-      tslib: registry.npmjs.org/tslib@2.5.3
+      tslib: registry.npmjs.org/tslib@2.6.2
 
   registry.npmjs.org/lru-cache@4.1.5:
     resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz}
@@ -7718,19 +7666,10 @@ packages:
       '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
     dev: true
 
-  registry.npmjs.org/magic-string@0.30.0:
-    resolution: {integrity: sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz}
-    name: magic-string
-    version: 0.30.0
-    engines: {node: '>=12'}
-    dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
-    dev: true
-
-  registry.npmjs.org/magic-string@0.30.4:
-    resolution: {integrity: sha512-Q/TKtsC5BPm0kGqgBIF9oXAs/xEf2vRKiIB4wCRQTJOQIByZ1d+NnUOotvJOvNpi5RNIgVOMC3pOuaP1ZTDlVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/magic-string/-/magic-string-0.30.4.tgz}
+  registry.npmjs.org/magic-string@0.30.5:
+    resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz}
     name: magic-string
-    version: 0.30.4
+    version: 0.30.5
     engines: {node: '>=12'}
     dependencies:
       '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
@@ -7766,8 +7705,8 @@ packages:
     name: mdast-util-definitions
     version: 5.1.2
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
       unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
     dev: false
 
@@ -7776,8 +7715,8 @@ packages:
     name: mdast-util-definitions
     version: 6.0.0
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@4.0.1
-      '@types/unist': registry.npmjs.org/@types/unist@3.0.0
+      '@types/mdast': registry.npmjs.org/@types/mdast@4.0.2
+      '@types/unist': registry.npmjs.org/@types/unist@3.0.1
       unist-util-visit: registry.npmjs.org/unist-util-visit@5.0.0
     dev: false
 
@@ -7786,7 +7725,7 @@ packages:
     name: mdast-util-find-and-replace
     version: 2.2.2
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
       escape-string-regexp: registry.npmjs.org/escape-string-regexp@5.0.0
       unist-util-is: registry.npmjs.org/unist-util-is@5.2.1
       unist-util-visit-parents: registry.npmjs.org/unist-util-visit-parents@5.1.3
@@ -7797,8 +7736,8 @@ packages:
     name: mdast-util-from-markdown
     version: 1.3.1
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
       decode-named-character-reference: registry.npmjs.org/decode-named-character-reference@1.0.2
       mdast-util-to-string: registry.npmjs.org/mdast-util-to-string@3.2.0
       micromark: registry.npmjs.org/micromark@3.2.0
@@ -7818,7 +7757,7 @@ packages:
     name: mdast-util-gfm-autolink-literal
     version: 1.0.3
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
       ccount: registry.npmjs.org/ccount@2.0.1
       mdast-util-find-and-replace: registry.npmjs.org/mdast-util-find-and-replace@2.2.2
       micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
@@ -7829,7 +7768,7 @@ packages:
     name: mdast-util-gfm-footnote
     version: 1.0.2
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
       mdast-util-to-markdown: registry.npmjs.org/mdast-util-to-markdown@1.5.0
       micromark-util-normalize-identifier: registry.npmjs.org/micromark-util-normalize-identifier@1.1.0
     dev: false
@@ -7839,7 +7778,7 @@ packages:
     name: mdast-util-gfm-strikethrough
     version: 1.0.3
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
       mdast-util-to-markdown: registry.npmjs.org/mdast-util-to-markdown@1.5.0
     dev: false
 
@@ -7848,7 +7787,7 @@ packages:
     name: mdast-util-gfm-table
     version: 1.0.7
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
       markdown-table: registry.npmjs.org/markdown-table@3.0.3
       mdast-util-from-markdown: registry.npmjs.org/mdast-util-from-markdown@1.3.1
       mdast-util-to-markdown: registry.npmjs.org/mdast-util-to-markdown@1.5.0
@@ -7861,7 +7800,7 @@ packages:
     name: mdast-util-gfm-task-list-item
     version: 1.0.2
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
       mdast-util-to-markdown: registry.npmjs.org/mdast-util-to-markdown@1.5.0
     dev: false
 
@@ -7886,7 +7825,7 @@ packages:
     name: mdast-util-phrasing
     version: 3.0.1
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
       unist-util-is: registry.npmjs.org/unist-util-is@5.2.1
     dev: false
 
@@ -7895,8 +7834,8 @@ packages:
     name: mdast-util-to-hast
     version: 12.3.0
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
       mdast-util-definitions: registry.npmjs.org/mdast-util-definitions@5.1.2
       micromark-util-sanitize-uri: registry.npmjs.org/micromark-util-sanitize-uri@1.2.0
       trim-lines: registry.npmjs.org/trim-lines@3.0.1
@@ -7910,8 +7849,8 @@ packages:
     name: mdast-util-to-markdown
     version: 1.5.0
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
       longest-streak: registry.npmjs.org/longest-streak@3.1.0
       mdast-util-phrasing: registry.npmjs.org/mdast-util-phrasing@3.0.1
       mdast-util-to-string: registry.npmjs.org/mdast-util-to-string@3.2.0
@@ -7925,7 +7864,7 @@ packages:
     name: mdast-util-to-string
     version: 3.2.0
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
     dev: false
 
   registry.npmjs.org/mdn-data@2.0.28:
@@ -7945,7 +7884,7 @@ packages:
     version: 6.1.1
     engines: {node: '>=8'}
     dependencies:
-      '@types/minimist': registry.npmjs.org/@types/minimist@1.2.2
+      '@types/minimist': registry.npmjs.org/@types/minimist@1.2.4
       camelcase-keys: registry.npmjs.org/camelcase-keys@6.2.2
       decamelize-keys: registry.npmjs.org/decamelize-keys@1.1.1
       hard-rejection: registry.npmjs.org/hard-rejection@2.1.0
@@ -8251,7 +8190,7 @@ packages:
     name: micromark
     version: 3.2.0
     dependencies:
-      '@types/debug': registry.npmjs.org/@types/debug@4.1.9
+      '@types/debug': registry.npmjs.org/@types/debug@4.1.10
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       decode-named-character-reference: registry.npmjs.org/decode-named-character-reference@1.0.2
       micromark-core-commonmark: registry.npmjs.org/micromark-core-commonmark@1.1.0
@@ -8478,7 +8417,7 @@ packages:
       '@next/env': registry.npmjs.org/@next/env@13.5.4
       '@swc/helpers': registry.npmjs.org/@swc/helpers@0.5.2
       busboy: registry.npmjs.org/busboy@1.6.0
-      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001521
+      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001553
       postcss: registry.npmjs.org/postcss@8.4.31
       react: registry.npmjs.org/react@18.2.0
       react-dom: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
@@ -8504,7 +8443,7 @@ packages:
     name: nlcst-to-string
     version: 3.1.1
     dependencies:
-      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.2
+      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.3
     dev: false
 
   registry.npmjs.org/no-case@3.0.4:
@@ -8513,12 +8452,12 @@ packages:
     version: 3.0.4
     dependencies:
       lower-case: registry.npmjs.org/lower-case@2.0.2
-      tslib: registry.npmjs.org/tslib@2.5.3
+      tslib: registry.npmjs.org/tslib@2.6.2
 
-  registry.npmjs.org/node-abi@3.47.0:
-    resolution: {integrity: sha512-2s6B2CWZM//kPgwnuI0KrYwNjfdByE25zvAaEpq9IH4zcNsarH8Ihu/UuX6XMPEogDAxkuUFeZn60pXNHAqn3A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-abi/-/node-abi-3.47.0.tgz}
+  registry.npmjs.org/node-abi@3.51.0:
+    resolution: {integrity: sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-abi/-/node-abi-3.51.0.tgz}
     name: node-abi
-    version: 3.47.0
+    version: 3.51.0
     engines: {node: '>=10'}
     dependencies:
       semver: registry.npmjs.org/semver@7.5.4
@@ -8532,10 +8471,10 @@ packages:
     dev: false
     optional: true
 
-  registry.npmjs.org/node-fetch@2.6.11:
-    resolution: {integrity: sha512-4I6pdBY1EthSqDmJkiNk3JIT8cswwR9nfeW/cPdUagJYEQG7R95WRH74wpz7ma8Gh/9dI9FP+OU+0E4FvtA55w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.11.tgz}
+  registry.npmjs.org/node-fetch@2.7.0:
+    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz}
     name: node-fetch
-    version: 2.6.11
+    version: 2.7.0
     engines: {node: 4.x || >=6.0.0}
     peerDependencies:
       encoding: ^0.1.0
@@ -8557,8 +8496,8 @@ packages:
     version: 2.5.0
     dependencies:
       hosted-git-info: registry.npmjs.org/hosted-git-info@2.8.9
-      resolve: registry.npmjs.org/resolve@1.22.6
-      semver: registry.npmjs.org/semver@5.7.1
+      resolve: registry.npmjs.org/resolve@1.22.8
+      semver: registry.npmjs.org/semver@5.7.2
       validate-npm-package-license: registry.npmjs.org/validate-npm-package-license@3.0.4
     dev: true
 
@@ -8608,10 +8547,10 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/object-inspect@1.12.3:
-    resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz}
+  registry.npmjs.org/object-inspect@1.13.1:
+    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz}
     name: object-inspect
-    version: 1.12.3
+    version: 1.13.1
     dev: true
 
   registry.npmjs.org/object-keys@1.1.1:
@@ -8627,32 +8566,32 @@ packages:
     version: 4.1.4
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
       has-symbols: registry.npmjs.org/has-symbols@1.0.3
       object-keys: registry.npmjs.org/object-keys@1.1.1
     dev: true
 
-  registry.npmjs.org/object.entries@1.1.6:
-    resolution: {integrity: sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.entries/-/object.entries-1.1.6.tgz}
+  registry.npmjs.org/object.entries@1.1.7:
+    resolution: {integrity: sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz}
     name: object.entries
-    version: 1.1.6
+    version: 1.1.7
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
     dev: true
 
-  registry.npmjs.org/object.fromentries@2.0.6:
-    resolution: {integrity: sha512-VciD13dswC4j1Xt5394WR4MzmAQmlgN72phd/riNp9vtD7tp4QQWJ0R4wvclXcafgcYK8veHRed2W6XeGBvcfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.6.tgz}
+  registry.npmjs.org/object.fromentries@2.0.7:
+    resolution: {integrity: sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz}
     name: object.fromentries
-    version: 2.0.6
+    version: 2.0.7
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
     dev: true
 
   registry.npmjs.org/object.groupby@1.0.1:
@@ -8660,30 +8599,30 @@ packages:
     name: object.groupby
     version: 1.0.1
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
     dev: true
 
-  registry.npmjs.org/object.hasown@1.1.2:
-    resolution: {integrity: sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz}
+  registry.npmjs.org/object.hasown@1.1.3:
+    resolution: {integrity: sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz}
     name: object.hasown
-    version: 1.1.2
+    version: 1.1.3
     dependencies:
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
     dev: true
 
-  registry.npmjs.org/object.values@1.1.6:
-    resolution: {integrity: sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.values/-/object.values-1.1.6.tgz}
+  registry.npmjs.org/object.values@1.1.7:
+    resolution: {integrity: sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz}
     name: object.values
-    version: 1.1.6
+    version: 1.1.7
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
     dev: true
 
   registry.npmjs.org/once@1.4.0:
@@ -8710,18 +8649,18 @@ packages:
       mimic-fn: registry.npmjs.org/mimic-fn@4.0.0
     dev: false
 
-  registry.npmjs.org/optionator@0.9.1:
-    resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz}
+  registry.npmjs.org/optionator@0.9.3:
+    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz}
     name: optionator
-    version: 0.9.1
+    version: 0.9.3
     engines: {node: '>= 0.8.0'}
     dependencies:
+      '@aashutoshrathi/word-wrap': registry.npmjs.org/@aashutoshrathi/word-wrap@1.2.6
       deep-is: registry.npmjs.org/deep-is@0.1.4
       fast-levenshtein: registry.npmjs.org/fast-levenshtein@2.0.6
       levn: registry.npmjs.org/levn@0.4.1
       prelude-ls: registry.npmjs.org/prelude-ls@1.2.1
       type-check: registry.npmjs.org/type-check@0.4.0
-      word-wrap: registry.npmjs.org/word-wrap@1.2.3
     dev: true
 
   registry.npmjs.org/ora@7.0.1:
@@ -8847,7 +8786,7 @@ packages:
     version: 5.2.0
     engines: {node: '>=8'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.10
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.13
       error-ex: registry.npmjs.org/error-ex@1.3.2
       json-parse-even-better-errors: registry.npmjs.org/json-parse-even-better-errors@2.3.1
       lines-and-columns: registry.npmjs.org/lines-and-columns@1.2.4
@@ -8875,7 +8814,7 @@ packages:
     version: 3.1.2
     dependencies:
       no-case: registry.npmjs.org/no-case@3.0.4
-      tslib: registry.npmjs.org/tslib@2.5.3
+      tslib: registry.npmjs.org/tslib@2.6.2
 
   registry.npmjs.org/path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz}
@@ -8946,9 +8885,9 @@ packages:
     name: periscopic
     version: 3.1.0
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree@1.0.1
+      '@types/estree': registry.npmjs.org/@types/estree@1.0.3
       estree-walker: registry.npmjs.org/estree-walker@3.0.3
-      is-reference: registry.npmjs.org/is-reference@3.0.1
+      is-reference: registry.npmjs.org/is-reference@3.0.2
 
   registry.npmjs.org/picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz}
@@ -8982,7 +8921,7 @@ packages:
     dependencies:
       find-up: registry.npmjs.org/find-up@4.1.0
 
-  registry.npmjs.org/postcss-calc@9.0.1(postcss@8.4.27):
+  registry.npmjs.org/postcss-calc@9.0.1(postcss@8.4.21):
     resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-calc/-/postcss-calc-9.0.1.tgz}
     id: registry.npmjs.org/postcss-calc/9.0.1
     name: postcss-calc
@@ -8991,12 +8930,12 @@ packages:
     peerDependencies:
       postcss: ^8.2.2
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.21):
     resolution: {integrity: sha512-Zu7PLORkE9YwNdvOeOVKPmWghprOtjFQU3srMUGbdz3pHJiFh7yZ4geiZFMkjMfB0mtTFR3h8RemR62rPkbOPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-cli/-/postcss-cli-10.1.0.tgz}
     id: registry.npmjs.org/postcss-cli/10.1.0
     name: postcss-cli
@@ -9010,11 +8949,11 @@ packages:
       dependency-graph: registry.npmjs.org/dependency-graph@0.11.0
       fs-extra: registry.npmjs.org/fs-extra@11.1.1
       get-stdin: registry.npmjs.org/get-stdin@9.0.0
-      globby: registry.npmjs.org/globby@13.1.4
+      globby: registry.npmjs.org/globby@13.2.2
       picocolors: registry.npmjs.org/picocolors@1.0.0
-      postcss: registry.npmjs.org/postcss@8.4.27
-      postcss-load-config: registry.npmjs.org/postcss-load-config@4.0.1(postcss@8.4.27)
-      postcss-reporter: registry.npmjs.org/postcss-reporter@7.0.5(postcss@8.4.27)
+      postcss: registry.npmjs.org/postcss@8.4.21
+      postcss-load-config: registry.npmjs.org/postcss-load-config@4.0.1(postcss@8.4.21)
+      postcss-reporter: registry.npmjs.org/postcss-reporter@7.0.5(postcss@8.4.21)
       pretty-hrtime: registry.npmjs.org/pretty-hrtime@1.0.3
       read-cache: registry.npmjs.org/read-cache@1.0.0
       slash: registry.npmjs.org/slash@5.1.0
@@ -9023,7 +8962,7 @@ packages:
       - ts-node
     dev: true
 
-  registry.npmjs.org/postcss-colormin@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-colormin@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-EuO+bAUmutWoZYgHn2T1dG1pPqHU6L4TjzPlu4t1wZGXQ/fxV16xg2EJmYi0z+6r+MGV1yvpx1BHkUaRrPa2bw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-6.0.0.tgz}
     id: registry.npmjs.org/postcss-colormin/6.0.0
     name: postcss-colormin
@@ -9032,14 +8971,14 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.21.10
+      browserslist: registry.npmjs.org/browserslist@4.22.1
       caniuse-api: registry.npmjs.org/caniuse-api@3.0.0
       colord: registry.npmjs.org/colord@2.9.3
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.27):
+  registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.21):
     resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-combine-duplicated-selectors/-/postcss-combine-duplicated-selectors-10.0.3.tgz}
     id: registry.npmjs.org/postcss-combine-duplicated-selectors/10.0.3
     name: postcss-combine-duplicated-selectors
@@ -9048,11 +8987,11 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-convert-values@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-convert-values@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-U5D8QhVwqT++ecmy8rnTb+RL9n/B806UVaS3m60lqle4YDFcpbS3ae5bTQIh3wOGUSDHSEtMYLs/38dNG7EYFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-6.0.0.tgz}
     id: registry.npmjs.org/postcss-convert-values/6.0.0
     name: postcss-convert-values
@@ -9061,12 +9000,12 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.21.10
-      postcss: registry.npmjs.org/postcss@8.4.27
+      browserslist: registry.npmjs.org/browserslist@4.22.1
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-discard-comments@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-discard-comments@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-p2skSGqzPMZkEQvJsgnkBhCn8gI7NzRH2683EEjrIkoMiwRELx68yoUJ3q3DGSGuQ8Ug9Gsn+OuDr46yfO+eFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-6.0.0.tgz}
     id: registry.npmjs.org/postcss-discard-comments/6.0.0
     name: postcss-discard-comments
@@ -9075,10 +9014,10 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
     dev: true
 
-  registry.npmjs.org/postcss-discard-duplicates@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-discard-duplicates@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-bU1SXIizMLtDW4oSsi5C/xHKbhLlhek/0/yCnoMQany9k3nPBq+Ctsv/9oMmyqbR96HYHxZcHyK2HR5P/mqoGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-6.0.0.tgz}
     id: registry.npmjs.org/postcss-discard-duplicates/6.0.0
     name: postcss-discard-duplicates
@@ -9087,10 +9026,10 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
     dev: true
 
-  registry.npmjs.org/postcss-discard-empty@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-discard-empty@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-b+h1S1VT6dNhpcg+LpyiUrdnEZfICF0my7HAKgJixJLW7BnNmpRH34+uw/etf5AhOlIhIAuXApSzzDzMI9K/gQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-6.0.0.tgz}
     id: registry.npmjs.org/postcss-discard-empty/6.0.0
     name: postcss-discard-empty
@@ -9099,10 +9038,10 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
     dev: true
 
-  registry.npmjs.org/postcss-discard-overridden@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-discard-overridden@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-6.0.0.tgz}
     id: registry.npmjs.org/postcss-discard-overridden/6.0.0
     name: postcss-discard-overridden
@@ -9111,10 +9050,10 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
     dev: true
 
-  registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.21):
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz}
     id: registry.npmjs.org/postcss-import/15.1.0
     name: postcss-import
@@ -9123,13 +9062,13 @@ packages:
     peerDependencies:
       postcss: ^8.0.0
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
       read-cache: registry.npmjs.org/read-cache@1.0.0
-      resolve: registry.npmjs.org/resolve@1.22.2
+      resolve: registry.npmjs.org/resolve@1.22.8
     dev: true
 
-  registry.npmjs.org/postcss-load-config@3.1.4(postcss@8.4.27):
+  registry.npmjs.org/postcss-load-config@3.1.4(postcss@8.4.31):
     resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz}
     id: registry.npmjs.org/postcss-load-config/3.1.4
     name: postcss-load-config
@@ -9145,11 +9084,11 @@ packages:
         optional: true
     dependencies:
       lilconfig: registry.npmjs.org/lilconfig@2.1.0
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.31
       yaml: registry.npmjs.org/yaml@1.10.2
     dev: true
 
-  registry.npmjs.org/postcss-load-config@4.0.1(postcss@8.4.27):
+  registry.npmjs.org/postcss-load-config@4.0.1(postcss@8.4.21):
     resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz}
     id: registry.npmjs.org/postcss-load-config/4.0.1
     name: postcss-load-config
@@ -9165,11 +9104,11 @@ packages:
         optional: true
     dependencies:
       lilconfig: registry.npmjs.org/lilconfig@2.1.0
-      postcss: registry.npmjs.org/postcss@8.4.27
-      yaml: registry.npmjs.org/yaml@2.3.1
+      postcss: registry.npmjs.org/postcss@8.4.21
+      yaml: registry.npmjs.org/yaml@2.3.3
     dev: true
 
-  registry.npmjs.org/postcss-merge-longhand@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-merge-longhand@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-4VSfd1lvGkLTLYcxFuISDtWUfFS4zXe0FpF149AyziftPFQIWxjvFSKhA4MIxMe4XM3yTDgQMbSNgzIVxChbIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-6.0.0.tgz}
     id: registry.npmjs.org/postcss-merge-longhand/6.0.0
     name: postcss-merge-longhand
@@ -9178,12 +9117,12 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
-      stylehacks: registry.npmjs.org/stylehacks@6.0.0(postcss@8.4.27)
+      stylehacks: registry.npmjs.org/stylehacks@6.0.0(postcss@8.4.21)
     dev: true
 
-  registry.npmjs.org/postcss-merge-rules@6.0.1(postcss@8.4.27):
+  registry.npmjs.org/postcss-merge-rules@6.0.1(postcss@8.4.21):
     resolution: {integrity: sha512-a4tlmJIQo9SCjcfiCcCMg/ZCEe0XTkl/xK0XHBs955GWg9xDX3NwP9pwZ78QUOWB8/0XCjZeJn98Dae0zg6AAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-6.0.1.tgz}
     id: registry.npmjs.org/postcss-merge-rules/6.0.1
     name: postcss-merge-rules
@@ -9192,14 +9131,14 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.21.10
+      browserslist: registry.npmjs.org/browserslist@4.22.1
       caniuse-api: registry.npmjs.org/caniuse-api@3.0.0
-      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.27)
-      postcss: registry.npmjs.org/postcss@8.4.27
+      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.21)
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-minify-font-values@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-minify-font-values@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-zNRAVtyh5E8ndZEYXA4WS8ZYsAp798HiIQ1V2UF/C/munLp2r1UGHwf1+6JFu7hdEhJFN+W1WJQKBrtjhFgEnA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-6.0.0.tgz}
     id: registry.npmjs.org/postcss-minify-font-values/6.0.0
     name: postcss-minify-font-values
@@ -9208,11 +9147,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-minify-gradients@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-minify-gradients@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-wO0F6YfVAR+K1xVxF53ueZJza3L+R3E6cp0VwuXJQejnNUH0DjcAFe3JEBeTY1dLwGa0NlDWueCA1VlEfiKgAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-6.0.0.tgz}
     id: registry.npmjs.org/postcss-minify-gradients/6.0.0
     name: postcss-minify-gradients
@@ -9222,12 +9161,12 @@ packages:
       postcss: ^8.2.15
     dependencies:
       colord: registry.npmjs.org/colord@2.9.3
-      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.27)
-      postcss: registry.npmjs.org/postcss@8.4.27
+      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.21)
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-minify-params@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-minify-params@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-Fz/wMQDveiS0n5JPcvsMeyNXOIMrwF88n7196puSuQSWSa+/Ofc1gDOSY2xi8+A4PqB5dlYCKk/WfqKqsI+ReQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-6.0.0.tgz}
     id: registry.npmjs.org/postcss-minify-params/6.0.0
     name: postcss-minify-params
@@ -9236,13 +9175,13 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.21.10
-      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.27)
-      postcss: registry.npmjs.org/postcss@8.4.27
+      browserslist: registry.npmjs.org/browserslist@4.22.1
+      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.21)
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-minify-selectors@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-minify-selectors@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-ec/q9JNCOC2CRDNnypipGfOhbYPuUkewGwLnbv6omue/PSASbHSU7s6uSQ0tcFRVv731oMIx8k0SP4ZX6be/0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-6.0.0.tgz}
     id: registry.npmjs.org/postcss-minify-selectors/6.0.0
     name: postcss-minify-selectors
@@ -9251,24 +9190,24 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-nested@6.0.1(postcss@8.4.27):
-    resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz}
-    id: registry.npmjs.org/postcss-nested/6.0.1
+  registry.npmjs.org/postcss-nested@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.0.tgz}
+    id: registry.npmjs.org/postcss-nested/6.0.0
     name: postcss-nested
-    version: 6.0.1
+    version: 6.0.0
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.2.14
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-normalize-charset@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-normalize-charset@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-cqundwChbu8yO/gSWkuFDmKrCZ2vJzDAocheT2JTd0sFNA4HMGoKMfbk2B+J0OmO0t5GUkiAkSM5yF2rSLUjgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-6.0.0.tgz}
     id: registry.npmjs.org/postcss-normalize-charset/6.0.0
     name: postcss-normalize-charset
@@ -9277,10 +9216,10 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
     dev: true
 
-  registry.npmjs.org/postcss-normalize-display-values@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-normalize-display-values@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-6.0.0.tgz}
     id: registry.npmjs.org/postcss-normalize-display-values/6.0.0
     name: postcss-normalize-display-values
@@ -9289,11 +9228,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-normalize-positions@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-normalize-positions@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-mPCzhSV8+30FZyWhxi6UoVRYd3ZBJgTRly4hOkaSifo0H+pjDYcii/aVT4YE6QpOil15a5uiv6ftnY3rm0igPg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-6.0.0.tgz}
     id: registry.npmjs.org/postcss-normalize-positions/6.0.0
     name: postcss-normalize-positions
@@ -9302,11 +9241,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-normalize-repeat-style@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-normalize-repeat-style@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-50W5JWEBiOOAez2AKBh4kRFm2uhrT3O1Uwdxz7k24aKtbD83vqmcVG7zoIwo6xI2FZ/HDlbrCopXhLeTpQib1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-6.0.0.tgz}
     id: registry.npmjs.org/postcss-normalize-repeat-style/6.0.0
     name: postcss-normalize-repeat-style
@@ -9315,11 +9254,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-normalize-string@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-normalize-string@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-KWkIB7TrPOiqb8ZZz6homet2KWKJwIlysF5ICPZrXAylGe2hzX/HSf4NTX2rRPJMAtlRsj/yfkrWGavFuB+c0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-6.0.0.tgz}
     id: registry.npmjs.org/postcss-normalize-string/6.0.0
     name: postcss-normalize-string
@@ -9328,11 +9267,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-normalize-timing-functions@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-normalize-timing-functions@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-tpIXWciXBp5CiFs8sem90IWlw76FV4oi6QEWfQwyeREVwUy39VSeSqjAT7X0Qw650yAimYW5gkl2Gd871N5SQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-6.0.0.tgz}
     id: registry.npmjs.org/postcss-normalize-timing-functions/6.0.0
     name: postcss-normalize-timing-functions
@@ -9341,11 +9280,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-normalize-unicode@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-normalize-unicode@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-ui5crYkb5ubEUDugDc786L/Me+DXp2dLg3fVJbqyAl0VPkAeALyAijF2zOsnZyaS1HyfPuMH0DwyY18VMFVNkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-6.0.0.tgz}
     id: registry.npmjs.org/postcss-normalize-unicode/6.0.0
     name: postcss-normalize-unicode
@@ -9354,12 +9293,12 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.21.10
-      postcss: registry.npmjs.org/postcss@8.4.27
+      browserslist: registry.npmjs.org/browserslist@4.22.1
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-normalize-url@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-normalize-url@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-98mvh2QzIPbb02YDIrYvAg4OUzGH7s1ZgHlD3fIdTHLgPLRpv1ZTKJDnSAKr4Rt21ZQFzwhGMXxpXlfrUBKFHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-6.0.0.tgz}
     id: registry.npmjs.org/postcss-normalize-url/6.0.0
     name: postcss-normalize-url
@@ -9368,11 +9307,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-normalize-whitespace@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-normalize-whitespace@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-7cfE1AyLiK0+ZBG6FmLziJzqQCpTQY+8XjMhMAz8WSBSCsCNNUKujgIgjCAmDT3cJ+3zjTXFkoD15ZPsckArVw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-6.0.0.tgz}
     id: registry.npmjs.org/postcss-normalize-whitespace/6.0.0
     name: postcss-normalize-whitespace
@@ -9381,11 +9320,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-ordered-values@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-ordered-values@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-K36XzUDpvfG/nWkjs6d1hRBydeIxGpKS2+n+ywlKPzx1nMYDYpoGbcjhj5AwVYJK1qV2/SDoDEnHzlPD6s3nMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-6.0.0.tgz}
     id: registry.npmjs.org/postcss-ordered-values/6.0.0
     name: postcss-ordered-values
@@ -9394,12 +9333,12 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.27)
-      postcss: registry.npmjs.org/postcss@8.4.27
+      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.21)
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-reduce-initial@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-reduce-initial@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-s2UOnidpVuXu6JiiI5U+fV2jamAw5YNA9Fdi/GRK0zLDLCfXmSGqQtzpUPtfN66RtCbb9fFHoyZdQaxOB3WxVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-6.0.0.tgz}
     id: registry.npmjs.org/postcss-reduce-initial/6.0.0
     name: postcss-reduce-initial
@@ -9408,12 +9347,12 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.21.10
+      browserslist: registry.npmjs.org/browserslist@4.22.1
       caniuse-api: registry.npmjs.org/caniuse-api@3.0.0
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
     dev: true
 
-  registry.npmjs.org/postcss-reduce-transforms@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-reduce-transforms@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-FQ9f6xM1homnuy1wLe9lP1wujzxnwt1EwiigtWwuyf8FsqqXUDUp2Ulxf9A5yjlUOTdCJO6lonYjg1mgqIIi2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-6.0.0.tgz}
     id: registry.npmjs.org/postcss-reduce-transforms/6.0.0
     name: postcss-reduce-transforms
@@ -9422,11 +9361,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-rename@0.6.1(postcss@8.4.27):
+  registry.npmjs.org/postcss-rename@0.6.1(postcss@8.4.21):
     resolution: {integrity: sha512-bsj9TMuPnh8pqF/FMX6BB3aZMjTxRdGP0qJHOg4yC2S1DCAomtAVuQaTJC16QTkH5fnrYMP/yYjuXZAibP3QnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-rename/-/postcss-rename-0.6.1.tgz}
     id: registry.npmjs.org/postcss-rename/0.6.1
     name: postcss-rename
@@ -9435,11 +9374,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.6
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-reporter@7.0.5(postcss@8.4.27):
+  registry.npmjs.org/postcss-reporter@7.0.5(postcss@8.4.21):
     resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-7.0.5.tgz}
     id: registry.npmjs.org/postcss-reporter/7.0.5
     name: postcss-reporter
@@ -9449,11 +9388,11 @@ packages:
       postcss: ^8.1.0
     dependencies:
       picocolors: registry.npmjs.org/picocolors@1.0.0
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       thenby: registry.npmjs.org/thenby@1.3.4
     dev: true
 
-  registry.npmjs.org/postcss-safe-parser@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-safe-parser@6.0.0(postcss@8.4.31):
     resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz}
     id: registry.npmjs.org/postcss-safe-parser/6.0.0
     name: postcss-safe-parser
@@ -9462,19 +9401,19 @@ packages:
     peerDependencies:
       postcss: ^8.3.3
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.31
     dev: true
 
-  registry.npmjs.org/postcss-scss@4.0.6(postcss@8.4.27):
-    resolution: {integrity: sha512-rLDPhJY4z/i4nVFZ27j9GqLxj1pwxE80eAzUNRMXtcpipFYIeowerzBgG3yJhMtObGEXidtIgbUpQ3eLDsf5OQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.6.tgz}
-    id: registry.npmjs.org/postcss-scss/4.0.6
+  registry.npmjs.org/postcss-scss@4.0.9(postcss@8.4.31):
+    resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.9.tgz}
+    id: registry.npmjs.org/postcss-scss/4.0.9
     name: postcss-scss
-    version: 4.0.6
+    version: 4.0.9
     engines: {node: '>=12.0'}
     peerDependencies:
-      postcss: ^8.4.19
+      postcss: ^8.4.29
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.31
     dev: true
 
   registry.npmjs.org/postcss-selector-parser@6.0.13:
@@ -9487,7 +9426,7 @@ packages:
       util-deprecate: registry.npmjs.org/util-deprecate@1.0.2
     dev: true
 
-  registry.npmjs.org/postcss-svgo@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-svgo@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-r9zvj/wGAoAIodn84dR/kFqwhINp5YsJkLoujybWG59grR/IHx+uQ2Zo+IcOwM0jskfYX3R0mo+1Kip1VSNcvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-6.0.0.tgz}
     id: registry.npmjs.org/postcss-svgo/6.0.0
     name: postcss-svgo
@@ -9496,12 +9435,12 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
       svgo: registry.npmjs.org/svgo@3.0.2
     dev: true
 
-  registry.npmjs.org/postcss-unique-selectors@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/postcss-unique-selectors@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-EPQzpZNxOxP7777t73RQpZE5e9TrnCrkvp7AH7a0l89JmZiPnS82y216JowHXwpBCQitfyxrof9TK3rYbi7/Yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-6.0.0.tgz}
     id: registry.npmjs.org/postcss-unique-selectors/6.0.0
     name: postcss-unique-selectors
@@ -9510,7 +9449,7 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
     dev: true
 
@@ -9520,15 +9459,16 @@ packages:
     version: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss@8.4.27:
-    resolution: {integrity: sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz}
+  registry.npmjs.org/postcss@8.4.21:
+    resolution: {integrity: sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz}
     name: postcss
-    version: 8.4.27
+    version: 8.4.21
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
       nanoid: registry.npmjs.org/nanoid@3.3.6
       picocolors: registry.npmjs.org/picocolors@1.0.0
       source-map-js: registry.npmjs.org/source-map-js@1.0.2
+    dev: true
 
   registry.npmjs.org/postcss@8.4.31:
     resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz}
@@ -9539,7 +9479,6 @@ packages:
       nanoid: registry.npmjs.org/nanoid@3.3.6
       picocolors: registry.npmjs.org/picocolors@1.0.0
       source-map-js: registry.npmjs.org/source-map-js@1.0.2
-    dev: false
 
   registry.npmjs.org/prebuild-install@7.1.1:
     resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.1.tgz}
@@ -9554,7 +9493,7 @@ packages:
       minimist: registry.npmjs.org/minimist@1.2.8
       mkdirp-classic: registry.npmjs.org/mkdirp-classic@0.5.3
       napi-build-utils: registry.npmjs.org/napi-build-utils@1.0.2
-      node-abi: registry.npmjs.org/node-abi@3.47.0
+      node-abi: registry.npmjs.org/node-abi@3.51.0
       pump: registry.npmjs.org/pump@3.0.0
       rc: registry.npmjs.org/rc@1.2.8
       simple-get: registry.npmjs.org/simple-get@4.0.1
@@ -9563,18 +9502,6 @@ packages:
     dev: false
     optional: true
 
-  registry.npmjs.org/preferred-pm@3.0.3:
-    resolution: {integrity: sha512-+wZgbxNES/KlJs9q40F/1sfOd/j7f1O9JaHcW5Dsn3aUUOZg3L2bjpVUcKV2jvtElYfoTuQiNeMfQJ4kwUAhCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/preferred-pm/-/preferred-pm-3.0.3.tgz}
-    name: preferred-pm
-    version: 3.0.3
-    engines: {node: '>=10'}
-    dependencies:
-      find-up: registry.npmjs.org/find-up@5.0.0
-      find-yarn-workspace-root2: registry.npmjs.org/find-yarn-workspace-root2@1.2.16
-      path-exists: registry.npmjs.org/path-exists@4.0.0
-      which-pm: registry.npmjs.org/which-pm@2.0.0
-    dev: true
-
   registry.npmjs.org/preferred-pm@3.1.2:
     resolution: {integrity: sha512-nk7dKrcW8hfCZ4H6klWcdRknBOXWzNQByJ0oJyX97BOupsYD+FzLS4hflgEu/uPUEHZCuRfMxzCBsuWd7OzT8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/preferred-pm/-/preferred-pm-3.1.2.tgz}
     name: preferred-pm
@@ -9585,7 +9512,6 @@ packages:
       find-yarn-workspace-root2: registry.npmjs.org/find-yarn-workspace-root2@1.2.16
       path-exists: registry.npmjs.org/path-exists@4.0.0
       which-pm: registry.npmjs.org/which-pm@2.0.0
-    dev: false
 
   registry.npmjs.org/prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz}
@@ -9603,7 +9529,7 @@ packages:
       fast-diff: registry.npmjs.org/fast-diff@1.3.0
     dev: true
 
-  registry.npmjs.org/prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.2.0):
+  registry.npmjs.org/prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.2.1):
     resolution: {integrity: sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.10.1.tgz}
     id: registry.npmjs.org/prettier-plugin-svelte/2.10.1
     name: prettier-plugin-svelte
@@ -9613,7 +9539,7 @@ packages:
       svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
       prettier: registry.npmjs.org/prettier@2.8.8
-      svelte: registry.npmjs.org/svelte@4.2.0
+      svelte: registry.npmjs.org/svelte@4.2.1
     dev: true
 
   registry.npmjs.org/prettier@2.8.8:
@@ -9624,10 +9550,10 @@ packages:
     hasBin: true
     dev: true
 
-  registry.npmjs.org/prettier@3.0.2:
-    resolution: {integrity: sha512-o2YR9qtniXvwEZlOKbveKfDQVyqxbEIWn48Z8m3ZJjBjcCmUy3xZGIv+7AkaeuaTr6yPXJjwv07ZWlsWbEy1rQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-3.0.2.tgz}
+  registry.npmjs.org/prettier@3.0.3:
+    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-3.0.3.tgz}
     name: prettier
-    version: 3.0.2
+    version: 3.0.3
     engines: {node: '>=14'}
     hasBin: true
     dev: true
@@ -9743,6 +9669,12 @@ packages:
       side-channel: registry.npmjs.org/side-channel@1.0.4
     dev: true
 
+  registry.npmjs.org/querystringify@2.2.0:
+    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz}
+    name: querystringify
+    version: 2.2.0
+    dev: true
+
   registry.npmjs.org/queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz}
     name: queue-microtask
@@ -9807,32 +9739,30 @@ packages:
     version: 0.14.0
     engines: {node: '>=0.10.0'}
 
-  registry.npmjs.org/react-router-dom@6.12.1(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-POIZN9UDKWwEDga054LvYr2KnK8V+0HR4Ny4Bwv8V7/FZCPxJgsCjYxXGxqxzHs7VBxMKZfgvtKhafuJkJSPGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.12.1.tgz}
-    id: registry.npmjs.org/react-router-dom/6.12.1
+  registry.npmjs.org/react-router-dom@6.3.0(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-uaJj7LKytRxZNQV8+RbzJWnJ8K2nPsOOEuX7aQstlMZKQT0164C+X2w6bnkqU3sjtLvpd5ojrezAyfZ1+0sStw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.3.0.tgz}
+    id: registry.npmjs.org/react-router-dom/6.3.0
     name: react-router-dom
-    version: 6.12.1
-    engines: {node: '>=14'}
+    version: 6.3.0
     peerDependencies:
       react: '>=16.8'
       react-dom: '>=16.8'
     dependencies:
-      '@remix-run/router': registry.npmjs.org/@remix-run/router@1.6.3
+      history: registry.npmjs.org/history@5.3.0
       react: registry.npmjs.org/react@18.2.0
       react-dom: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
-      react-router: registry.npmjs.org/react-router@6.12.1(react@18.2.0)
+      react-router: registry.npmjs.org/react-router@6.3.0(react@18.2.0)
     dev: false
 
-  registry.npmjs.org/react-router@6.12.1(react@18.2.0):
-    resolution: {integrity: sha512-evd/GrKJOeOypD0JB9e1r7pQh2gWCsTbUfq059Wm1AFT/K2MNZuDo19lFtAgIhlBrp0MmpgpqtvZC7LPAs7vSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router/-/react-router-6.12.1.tgz}
-    id: registry.npmjs.org/react-router/6.12.1
+  registry.npmjs.org/react-router@6.3.0(react@18.2.0):
+    resolution: {integrity: sha512-7Wh1DzVQ+tlFjkeo+ujvjSqSJmkt1+8JO+T5xklPlgrh70y7ogx75ODRW0ThWhY7S+6yEDks8TYrtQe/aoboBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router/-/react-router-6.3.0.tgz}
+    id: registry.npmjs.org/react-router/6.3.0
     name: react-router
-    version: 6.12.1
-    engines: {node: '>=14'}
+    version: 6.3.0
     peerDependencies:
       react: '>=16.8'
     dependencies:
-      '@remix-run/router': registry.npmjs.org/@remix-run/router@1.6.3
+      history: registry.npmjs.org/history@5.3.0
       react: registry.npmjs.org/react@18.2.0
     dev: false
 
@@ -9869,7 +9799,7 @@ packages:
     version: 5.2.0
     engines: {node: '>=8'}
     dependencies:
-      '@types/normalize-package-data': registry.npmjs.org/@types/normalize-package-data@2.4.1
+      '@types/normalize-package-data': registry.npmjs.org/@types/normalize-package-data@2.4.3
       normalize-package-data: registry.npmjs.org/normalize-package-data@2.5.0
       parse-json: registry.npmjs.org/parse-json@5.2.0
       type-fest: registry.npmjs.org/type-fest@0.6.0
@@ -9916,35 +9846,34 @@ packages:
       strip-indent: registry.npmjs.org/strip-indent@3.0.0
     dev: true
 
-  registry.npmjs.org/reflect.getprototypeof@1.0.3:
-    resolution: {integrity: sha512-TTAOZpkJ2YLxl7mVHWrNo3iDMEkYlva/kgFcXndqMgbo/AZUmmavEkdXV+hXtE4P8xdyEKRzalaFqZVuwIk/Nw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.3.tgz}
+  registry.npmjs.org/reflect.getprototypeof@1.0.4:
+    resolution: {integrity: sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz}
     name: reflect.getprototypeof
-    version: 1.0.3
+    version: 1.0.4
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
       globalthis: registry.npmjs.org/globalthis@1.0.3
       which-builtin-type: registry.npmjs.org/which-builtin-type@1.1.3
     dev: true
 
-  registry.npmjs.org/regenerator-runtime@0.13.11:
-    resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz}
+  registry.npmjs.org/regenerator-runtime@0.14.0:
+    resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz}
     name: regenerator-runtime
-    version: 0.13.11
-    dev: true
+    version: 0.14.0
 
-  registry.npmjs.org/regexp.prototype.flags@1.5.0:
-    resolution: {integrity: sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz}
+  registry.npmjs.org/regexp.prototype.flags@1.5.1:
+    resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz}
     name: regexp.prototype.flags
-    version: 1.5.0
+    version: 1.5.1
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      functions-have-names: registry.npmjs.org/functions-have-names@1.2.3
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      set-function-name: registry.npmjs.org/set-function-name@2.0.1
     dev: true
 
   registry.npmjs.org/rehype-parse@8.0.5:
@@ -9952,7 +9881,7 @@ packages:
     name: rehype-parse
     version: 8.0.5
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
       hast-util-from-parse5: registry.npmjs.org/hast-util-from-parse5@7.1.2
       parse5: registry.npmjs.org/parse5@6.0.1
       unified: registry.npmjs.org/unified@10.1.2
@@ -9963,7 +9892,7 @@ packages:
     name: rehype-raw
     version: 6.1.1
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
       hast-util-raw: registry.npmjs.org/hast-util-raw@7.2.3
       unified: registry.npmjs.org/unified@10.1.2
     dev: false
@@ -9973,7 +9902,7 @@ packages:
     name: rehype-stringify
     version: 9.0.4
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
       hast-util-to-html: registry.npmjs.org/hast-util-to-html@8.0.4
       unified: registry.npmjs.org/unified@10.1.2
     dev: false
@@ -9983,7 +9912,7 @@ packages:
     name: rehype
     version: 12.0.1
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
       rehype-parse: registry.npmjs.org/rehype-parse@8.0.5
       rehype-stringify: registry.npmjs.org/rehype-stringify@9.0.4
       unified: registry.npmjs.org/unified@10.1.2
@@ -9994,7 +9923,7 @@ packages:
     name: remark-gfm
     version: 3.0.1
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
       mdast-util-gfm: registry.npmjs.org/mdast-util-gfm@2.0.2
       micromark-extension-gfm: registry.npmjs.org/micromark-extension-gfm@2.0.3
       unified: registry.npmjs.org/unified@10.1.2
@@ -10007,7 +9936,7 @@ packages:
     name: remark-parse
     version: 10.0.2
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
       mdast-util-from-markdown: registry.npmjs.org/mdast-util-from-markdown@1.3.1
       unified: registry.npmjs.org/unified@10.1.2
     transitivePeerDependencies:
@@ -10019,8 +9948,8 @@ packages:
     name: remark-rehype
     version: 10.1.0
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.6
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.13
+      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
+      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
       mdast-util-to-hast: registry.npmjs.org/mdast-util-to-hast@12.3.0
       unified: registry.npmjs.org/unified@10.1.2
     dev: false
@@ -10057,6 +9986,12 @@ packages:
     version: 2.0.0
     dev: true
 
+  registry.npmjs.org/requires-port@1.0.0:
+    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz}
+    name: requires-port
+    version: 1.0.0
+    dev: true
+
   registry.npmjs.org/resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz}
     name: resolve-from
@@ -10077,34 +10012,23 @@ packages:
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/resolve@1.22.2:
-    resolution: {integrity: sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz}
-    name: resolve
-    version: 1.22.2
-    hasBin: true
-    dependencies:
-      is-core-module: registry.npmjs.org/is-core-module@2.13.0
-      path-parse: registry.npmjs.org/path-parse@1.0.7
-      supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0
-    dev: true
-
-  registry.npmjs.org/resolve@1.22.6:
-    resolution: {integrity: sha512-njhxM7mV12JfufShqGy3Rz8j11RPdLy4xi15UurGJeoHLfJpVXKdh3ueuOqbYUcDZnffr6X739JBo5LzyahEsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-1.22.6.tgz}
+  registry.npmjs.org/resolve@1.22.8:
+    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz}
     name: resolve
-    version: 1.22.6
+    version: 1.22.8
     hasBin: true
     dependencies:
-      is-core-module: registry.npmjs.org/is-core-module@2.13.0
+      is-core-module: registry.npmjs.org/is-core-module@2.13.1
       path-parse: registry.npmjs.org/path-parse@1.0.7
       supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0
 
-  registry.npmjs.org/resolve@2.0.0-next.4:
-    resolution: {integrity: sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz}
+  registry.npmjs.org/resolve@2.0.0-next.5:
+    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz}
     name: resolve
-    version: 2.0.0-next.4
+    version: 2.0.0-next.5
     hasBin: true
     dependencies:
-      is-core-module: registry.npmjs.org/is-core-module@2.13.0
+      is-core-module: registry.npmjs.org/is-core-module@2.13.1
       path-parse: registry.npmjs.org/path-parse@1.0.7
       supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0
     dev: true
@@ -10134,7 +10058,7 @@ packages:
     name: retext-latin
     version: 3.1.0
     dependencies:
-      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.2
+      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.3
       parse-latin: registry.npmjs.org/parse-latin@5.0.1
       unherit: registry.npmjs.org/unherit@3.0.1
       unified: registry.npmjs.org/unified@10.1.2
@@ -10145,7 +10069,7 @@ packages:
     name: retext-smartypants
     version: 5.2.0
     dependencies:
-      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.2
+      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.3
       nlcst-to-string: registry.npmjs.org/nlcst-to-string@3.1.1
       unified: registry.npmjs.org/unified@10.1.2
       unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
@@ -10156,7 +10080,7 @@ packages:
     name: retext-stringify
     version: 3.1.0
     dependencies:
-      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.2
+      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.3
       nlcst-to-string: registry.npmjs.org/nlcst-to-string@3.1.1
       unified: registry.npmjs.org/unified@10.1.2
     dev: false
@@ -10166,7 +10090,7 @@ packages:
     name: retext
     version: 8.1.0
     dependencies:
-      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.2
+      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.3
       retext-latin: registry.npmjs.org/retext-latin@3.1.0
       retext-stringify: registry.npmjs.org/retext-stringify@3.1.0
       unified: registry.npmjs.org/unified@10.1.2
@@ -10202,7 +10126,7 @@ packages:
       glob: registry.npmjs.org/glob@7.2.3
     dev: true
 
-  registry.npmjs.org/rollup-plugin-peer-deps-external@2.2.4(rollup@3.25.1):
+  registry.npmjs.org/rollup-plugin-peer-deps-external@2.2.4(rollup@3.23.0):
     resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup-plugin-peer-deps-external/-/rollup-plugin-peer-deps-external-2.2.4.tgz}
     id: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4
     name: rollup-plugin-peer-deps-external
@@ -10210,27 +10134,27 @@ packages:
     peerDependencies:
       rollup: '*'
     dependencies:
-      rollup: registry.npmjs.org/rollup@3.25.1
+      rollup: registry.npmjs.org/rollup@3.23.0
     dev: true
 
-  registry.npmjs.org/rollup@3.25.1:
-    resolution: {integrity: sha512-tywOR+rwIt5m2ZAWSe5AIJcTat8vGlnPFAv15ycCrw33t6iFsXZ6mzHVFh2psSjxQPmI+xgzMZZizUAukBI4aQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.25.1.tgz}
+  registry.npmjs.org/rollup@3.23.0:
+    resolution: {integrity: sha512-h31UlwEi7FHihLe1zbk+3Q7z1k/84rb9BSwmBSr/XjOCEaBJ2YyedQDuM0t/kfOS0IxM+vk1/zI9XxYj9V+NJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.23.0.tgz}
     name: rollup
-    version: 3.25.1
+    version: 3.23.0
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents@2.3.2
+      fsevents: registry.npmjs.org/fsevents@2.3.3
     dev: true
 
-  registry.npmjs.org/rollup@3.28.0:
-    resolution: {integrity: sha512-d7zhvo1OUY2SXSM6pfNjgD5+d0Nz87CUp4mt8l/GgVP3oBsPwzNvSzyu1me6BSG9JIgWNTVcafIXBIyM8yQ3yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.28.0.tgz}
+  registry.npmjs.org/rollup@3.29.4:
+    resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz}
     name: rollup
-    version: 3.28.0
+    version: 3.29.4
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents@2.3.2
+      fsevents: registry.npmjs.org/fsevents@2.3.3
 
   registry.npmjs.org/run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz}
@@ -10244,7 +10168,7 @@ packages:
     name: rxjs
     version: 7.8.1
     dependencies:
-      tslib: registry.npmjs.org/tslib@2.5.3
+      tslib: registry.npmjs.org/tslib@2.6.2
     dev: true
 
   registry.npmjs.org/sade@1.8.1:
@@ -10255,14 +10179,14 @@ packages:
     dependencies:
       mri: registry.npmjs.org/mri@1.2.0
 
-  registry.npmjs.org/safe-array-concat@1.0.0:
-    resolution: {integrity: sha512-9dVEFruWIsnie89yym+xWTAYASdpw3CJV7Li/6zBewGf9z2i1j31rP6jnY0pHEO4QZh6N0K11bFjWmdR8UGdPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.0.tgz}
+  registry.npmjs.org/safe-array-concat@1.0.1:
+    resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz}
     name: safe-array-concat
-    version: 1.0.0
+    version: 1.0.1
     engines: {node: '>=0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
       has-symbols: registry.npmjs.org/has-symbols@1.0.3
       isarray: registry.npmjs.org/isarray@2.0.5
     dev: true
@@ -10277,8 +10201,8 @@ packages:
     name: safe-regex-test
     version: 1.0.0
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
       is-regex: registry.npmjs.org/is-regex@1.1.4
     dev: true
 
@@ -10321,10 +10245,10 @@ packages:
       kind-of: registry.npmjs.org/kind-of@6.0.3
     dev: false
 
-  registry.npmjs.org/semver@5.7.1:
-    resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-5.7.1.tgz}
+  registry.npmjs.org/semver@5.7.2:
+    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-5.7.2.tgz}
     name: semver
-    version: 5.7.1
+    version: 5.7.2
     hasBin: true
     dev: true
 
@@ -10334,26 +10258,6 @@ packages:
     version: 6.3.1
     hasBin: true
 
-  registry.npmjs.org/semver@7.5.1:
-    resolution: {integrity: sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.5.1.tgz}
-    name: semver
-    version: 7.5.1
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      lru-cache: registry.npmjs.org/lru-cache@6.0.0
-    dev: true
-
-  registry.npmjs.org/semver@7.5.3:
-    resolution: {integrity: sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.5.3.tgz}
-    name: semver
-    version: 7.5.3
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      lru-cache: registry.npmjs.org/lru-cache@6.0.0
-    dev: true
-
   registry.npmjs.org/semver@7.5.4:
     resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.5.4.tgz}
     name: semver
@@ -10389,6 +10293,29 @@ packages:
     version: 2.6.0
     dev: true
 
+  registry.npmjs.org/set-function-length@1.1.1:
+    resolution: {integrity: sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz}
+    name: set-function-length
+    version: 1.1.1
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: registry.npmjs.org/define-data-property@1.1.1
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
+      gopd: registry.npmjs.org/gopd@1.0.1
+      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.1
+    dev: true
+
+  registry.npmjs.org/set-function-name@2.0.1:
+    resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz}
+    name: set-function-name
+    version: 2.0.1
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: registry.npmjs.org/define-data-property@1.1.1
+      functions-have-names: registry.npmjs.org/functions-have-names@1.2.3
+      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.1
+    dev: true
+
   registry.npmjs.org/sharp@0.32.6:
     resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz}
     name: sharp
@@ -10443,10 +10370,10 @@ packages:
     version: 1.8.1
     dev: true
 
-  registry.npmjs.org/shiki@0.14.4:
-    resolution: {integrity: sha512-IXCRip2IQzKwxArNNq1S+On4KPML3Yyn8Zzs/xRgcgOWIr8ntIK3IKzjFPfjy/7kt9ZMjc+FItfqHRBg8b6tNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shiki/-/shiki-0.14.4.tgz}
+  registry.npmjs.org/shiki@0.14.5:
+    resolution: {integrity: sha512-1gCAYOcmCFONmErGTrS1fjzJLA7MGZmKzrBNX7apqSwhyITJg2O102uFzXUeBxNnEkDA9vHIKLyeKq0V083vIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shiki/-/shiki-0.14.5.tgz}
     name: shiki
-    version: 0.14.4
+    version: 0.14.5
     dependencies:
       ansi-sequence-parser: registry.npmjs.org/ansi-sequence-parser@1.1.1
       jsonc-parser: registry.npmjs.org/jsonc-parser@3.2.0
@@ -10459,9 +10386,9 @@ packages:
     name: side-channel
     version: 1.0.4
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
-      object-inspect: registry.npmjs.org/object-inspect@1.12.3
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
+      object-inspect: registry.npmjs.org/object-inspect@1.13.1
     dev: true
 
   registry.npmjs.org/signal-exit@3.0.7:
@@ -10509,7 +10436,7 @@ packages:
     version: 2.0.3
     engines: {node: '>= 10'}
     dependencies:
-      '@polka/url': registry.npmjs.org/@polka/url@1.0.0-next.21
+      '@polka/url': registry.npmjs.org/@polka/url@1.0.0-next.23
       mrmime: registry.npmjs.org/mrmime@1.0.1
       totalist: registry.npmjs.org/totalist@3.0.1
     dev: true
@@ -10570,7 +10497,7 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
     dependencies:
-      array.prototype.flat: registry.npmjs.org/array.prototype.flat@1.3.1
+      array.prototype.flat: registry.npmjs.org/array.prototype.flat@1.3.2
       breakword: registry.npmjs.org/breakword@1.0.6
       grapheme-splitter: registry.npmjs.org/grapheme-splitter@1.0.4
       strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
@@ -10578,10 +10505,10 @@ packages:
       yargs: registry.npmjs.org/yargs@15.4.1
     dev: true
 
-  registry.npmjs.org/smob@1.4.0:
-    resolution: {integrity: sha512-MqR3fVulhjWuRNSMydnTlweu38UhQ0HXM4buStD/S3mc/BzX3CuM9OmhyQpmtYCvoYdl5ris6TI0ZqH355Ymqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/smob/-/smob-1.4.0.tgz}
+  registry.npmjs.org/smob@1.4.1:
+    resolution: {integrity: sha512-9LK+E7Hv5R9u4g4C3p+jjLstaLe11MDsL21UpYaCNmapvMkYhqCV4A/f/3gyH8QjMyh6l68q9xC85vihY9ahMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/smob/-/smob-1.4.1.tgz}
     name: smob
-    version: 1.4.0
+    version: 1.4.1
     dev: true
 
   registry.npmjs.org/sorcery@0.11.0:
@@ -10645,7 +10572,7 @@ packages:
     version: 3.2.0
     dependencies:
       spdx-expression-parse: registry.npmjs.org/spdx-expression-parse@3.0.1
-      spdx-license-ids: registry.npmjs.org/spdx-license-ids@3.0.13
+      spdx-license-ids: registry.npmjs.org/spdx-license-ids@3.0.16
     dev: true
 
   registry.npmjs.org/spdx-exceptions@2.3.0:
@@ -10660,13 +10587,13 @@ packages:
     version: 3.0.1
     dependencies:
       spdx-exceptions: registry.npmjs.org/spdx-exceptions@2.3.0
-      spdx-license-ids: registry.npmjs.org/spdx-license-ids@3.0.13
+      spdx-license-ids: registry.npmjs.org/spdx-license-ids@3.0.16
     dev: true
 
-  registry.npmjs.org/spdx-license-ids@3.0.13:
-    resolution: {integrity: sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz}
+  registry.npmjs.org/spdx-license-ids@3.0.16:
+    resolution: {integrity: sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.16.tgz}
     name: spdx-license-ids
-    version: 3.0.13
+    version: 3.0.16
     dev: true
 
   registry.npmjs.org/split@0.3.3:
@@ -10682,10 +10609,10 @@ packages:
     name: sprintf-js
     version: 1.0.3
 
-  registry.npmjs.org/sshpk@1.17.0:
-    resolution: {integrity: sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz}
+  registry.npmjs.org/sshpk@1.18.0:
+    resolution: {integrity: sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sshpk/-/sshpk-1.18.0.tgz}
     name: sshpk
-    version: 1.17.0
+    version: 1.18.0
     engines: {node: '>=0.10.0'}
     hasBin: true
     dependencies:
@@ -10700,21 +10627,20 @@ packages:
       tweetnacl: registry.npmjs.org/tweetnacl@0.14.5
     dev: true
 
-  registry.npmjs.org/start-server-and-test@1.15.4:
-    resolution: {integrity: sha512-ucQtp5+UCr0m4aHlY+aEV2JSYNTiMZKdSKK/bsIr6AlmwAWDYDnV7uGlWWEtWa7T4XvRI5cPYcPcQgeLqpz+Tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-1.15.4.tgz}
+  registry.npmjs.org/start-server-and-test@1.14.0:
+    resolution: {integrity: sha512-on5ELuxO2K0t8EmNj9MtVlFqwBMxfWOhu4U7uZD1xccVpFlOQKR93CSe0u98iQzfNxRyaNTb/CdadbNllplTsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-1.14.0.tgz}
     name: start-server-and-test
-    version: 1.15.4
+    version: 1.14.0
     engines: {node: '>=6'}
     hasBin: true
     dependencies:
-      arg: registry.npmjs.org/arg@5.0.2
       bluebird: registry.npmjs.org/bluebird@3.7.2
       check-more-types: registry.npmjs.org/check-more-types@2.24.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      debug: registry.npmjs.org/debug@4.3.2
       execa: registry.npmjs.org/execa@5.1.1
       lazy-ass: registry.npmjs.org/lazy-ass@1.6.0
       ps-tree: registry.npmjs.org/ps-tree@1.2.0
-      wait-on: registry.npmjs.org/wait-on@7.0.1(debug@4.3.4)
+      wait-on: registry.npmjs.org/wait-on@6.0.0(debug@4.3.2)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -10798,54 +10724,55 @@ packages:
     engines: {node: '>=16'}
     dependencies:
       eastasianwidth: registry.npmjs.org/eastasianwidth@0.2.0
-      emoji-regex: registry.npmjs.org/emoji-regex@10.2.1
+      emoji-regex: registry.npmjs.org/emoji-regex@10.3.0
       strip-ansi: registry.npmjs.org/strip-ansi@7.1.0
     dev: false
 
-  registry.npmjs.org/string.prototype.matchall@4.0.8:
-    resolution: {integrity: sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz}
+  registry.npmjs.org/string.prototype.matchall@4.0.10:
+    resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz}
     name: string.prototype.matchall
-    version: 4.0.8
+    version: 4.0.10
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
       has-symbols: registry.npmjs.org/has-symbols@1.0.3
-      internal-slot: registry.npmjs.org/internal-slot@1.0.5
-      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags@1.5.0
+      internal-slot: registry.npmjs.org/internal-slot@1.0.6
+      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags@1.5.1
+      set-function-name: registry.npmjs.org/set-function-name@2.0.1
       side-channel: registry.npmjs.org/side-channel@1.0.4
     dev: true
 
-  registry.npmjs.org/string.prototype.trim@1.2.7:
-    resolution: {integrity: sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz}
+  registry.npmjs.org/string.prototype.trim@1.2.8:
+    resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz}
     name: string.prototype.trim
-    version: 1.2.7
+    version: 1.2.8
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
     dev: true
 
-  registry.npmjs.org/string.prototype.trimend@1.0.6:
-    resolution: {integrity: sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz}
+  registry.npmjs.org/string.prototype.trimend@1.0.7:
+    resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz}
     name: string.prototype.trimend
-    version: 1.0.6
+    version: 1.0.7
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
     dev: true
 
-  registry.npmjs.org/string.prototype.trimstart@1.0.6:
-    resolution: {integrity: sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz}
+  registry.npmjs.org/string.prototype.trimstart@1.0.7:
+    resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz}
     name: string.prototype.trimstart
-    version: 1.0.6
+    version: 1.0.7
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      define-properties: registry.npmjs.org/define-properties@1.2.0
-      es-abstract: registry.npmjs.org/es-abstract@1.22.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      define-properties: registry.npmjs.org/define-properties@1.2.1
+      es-abstract: registry.npmjs.org/es-abstract@1.22.3
     dev: true
 
   registry.npmjs.org/string_decoder@1.3.0:
@@ -10960,7 +10887,7 @@ packages:
       react: registry.npmjs.org/react@18.2.0
     dev: false
 
-  registry.npmjs.org/stylehacks@6.0.0(postcss@8.4.27):
+  registry.npmjs.org/stylehacks@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stylehacks/-/stylehacks-6.0.0.tgz}
     id: registry.npmjs.org/stylehacks/6.0.0
     name: stylehacks
@@ -10969,8 +10896,8 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.21.10
-      postcss: registry.npmjs.org/postcss@8.4.27
+      browserslist: registry.npmjs.org/browserslist@4.22.1
+      postcss: registry.npmjs.org/postcss@8.4.21
       postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
     dev: true
 
@@ -11005,7 +10932,37 @@ packages:
     version: 1.0.0
     engines: {node: '>= 0.4'}
 
-  registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.27)(svelte@4.2.0):
+  registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.21)(svelte@4.2.1):
+    resolution: {integrity: sha512-KHujbn4k17xKYLmtCwv0sKKM7uiHTYcQvXnvrCcNU6a7hcszh99zFTIoiu/Sp/ewAw5aJmillJ1Cs8gKLmcX4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.5.0.tgz}
+    id: registry.npmjs.org/svelte-check/3.5.0
+    name: svelte-check
+    version: 3.5.0
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0
+    dependencies:
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
+      chokidar: registry.npmjs.org/chokidar@3.5.3
+      fast-glob: registry.npmjs.org/fast-glob@3.3.1
+      import-fresh: registry.npmjs.org/import-fresh@3.3.0
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+      sade: registry.npmjs.org/sade@1.8.1
+      svelte: registry.npmjs.org/svelte@4.2.1
+      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.21)(svelte@4.2.1)(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
+    transitivePeerDependencies:
+      - '@babel/core'
+      - coffeescript
+      - less
+      - postcss
+      - postcss-load-config
+      - pug
+      - sass
+      - stylus
+      - sugarss
+    dev: true
+
+  registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.31)(svelte@4.2.1):
     resolution: {integrity: sha512-KHujbn4k17xKYLmtCwv0sKKM7uiHTYcQvXnvrCcNU6a7hcszh99zFTIoiu/Sp/ewAw5aJmillJ1Cs8gKLmcX4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.5.0.tgz}
     id: registry.npmjs.org/svelte-check/3.5.0
     name: svelte-check
@@ -11014,14 +10971,14 @@ packages:
     peerDependencies:
       svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0
     dependencies:
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
       chokidar: registry.npmjs.org/chokidar@3.5.3
       fast-glob: registry.npmjs.org/fast-glob@3.3.1
       import-fresh: registry.npmjs.org/import-fresh@3.3.0
       picocolors: registry.npmjs.org/picocolors@1.0.0
       sade: registry.npmjs.org/sade@1.8.1
-      svelte: registry.npmjs.org/svelte@4.2.0
-      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.27)(svelte@4.2.0)(typescript@5.1.3)
+      svelte: registry.npmjs.org/svelte@4.2.1
+      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.31)(svelte@4.2.1)(typescript@5.1.3)
       typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - '@babel/core'
@@ -11035,7 +10992,7 @@ packages:
       - sugarss
     dev: true
 
-  registry.npmjs.org/svelte-eslint-parser@0.31.0(svelte@4.2.0):
+  registry.npmjs.org/svelte-eslint-parser@0.31.0(svelte@4.2.1):
     resolution: {integrity: sha512-/31RpBf/e3YjoFphjsyo3JRyN1r4UalGAGafXrZ6EJK4h4COOO0rbfBoen5byGsXnIJKsrlC1lkEd2Vzpq2IDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.31.0.tgz}
     id: registry.npmjs.org/svelte-eslint-parser/0.31.0
     name: svelte-eslint-parser
@@ -11047,15 +11004,15 @@ packages:
       svelte:
         optional: true
     dependencies:
-      eslint-scope: registry.npmjs.org/eslint-scope@7.2.0
+      eslint-scope: registry.npmjs.org/eslint-scope@7.2.2
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
-      espree: registry.npmjs.org/espree@9.5.2
-      postcss: registry.npmjs.org/postcss@8.4.27
-      postcss-scss: registry.npmjs.org/postcss-scss@4.0.6(postcss@8.4.27)
-      svelte: registry.npmjs.org/svelte@4.2.0
+      espree: registry.npmjs.org/espree@9.6.1
+      postcss: registry.npmjs.org/postcss@8.4.31
+      postcss-scss: registry.npmjs.org/postcss-scss@4.0.9(postcss@8.4.31)
+      svelte: registry.npmjs.org/svelte@4.2.1
     dev: true
 
-  registry.npmjs.org/svelte-eslint-parser@0.32.2(svelte@4.2.0):
+  registry.npmjs.org/svelte-eslint-parser@0.32.2(svelte@4.2.1):
     resolution: {integrity: sha512-Ok9D3A4b23iLQsONrjqtXtYDu5ZZ/826Blaw2LeFZVTg1pwofKDG4mz3/GYTax8fQ0plRGHI6j+d9VQYy5Lo/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.32.2.tgz}
     id: registry.npmjs.org/svelte-eslint-parser/0.32.2
     name: svelte-eslint-parser
@@ -11067,24 +11024,12 @@ packages:
       svelte:
         optional: true
     dependencies:
-      eslint-scope: registry.npmjs.org/eslint-scope@7.2.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.1
-      espree: registry.npmjs.org/espree@9.5.2
-      postcss: registry.npmjs.org/postcss@8.4.27
-      postcss-scss: registry.npmjs.org/postcss-scss@4.0.6(postcss@8.4.27)
-      svelte: registry.npmjs.org/svelte@4.2.0
-    dev: true
-
-  registry.npmjs.org/svelte-hmr@0.15.2(svelte@4.2.0):
-    resolution: {integrity: sha512-q/bAruCvFLwvNbeE1x3n37TYFb3mTBJ6TrCq6p2CoFbSTNhDE9oAtEfpy+wmc9So8AG0Tja+X0/mJzX9tSfvIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.2.tgz}
-    id: registry.npmjs.org/svelte-hmr/0.15.2
-    name: svelte-hmr
-    version: 0.15.2
-    engines: {node: ^12.20 || ^14.13.1 || >= 16}
-    peerDependencies:
-      svelte: ^3.19.0 || ^4.0.0-next.0
-    dependencies:
-      svelte: registry.npmjs.org/svelte@4.2.0
+      eslint-scope: registry.npmjs.org/eslint-scope@7.2.2
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
+      espree: registry.npmjs.org/espree@9.6.1
+      postcss: registry.npmjs.org/postcss@8.4.31
+      postcss-scss: registry.npmjs.org/postcss-scss@4.0.9(postcss@8.4.31)
+      svelte: registry.npmjs.org/svelte@4.2.1
     dev: true
 
   registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.1):
@@ -11097,9 +11042,8 @@ packages:
       svelte: ^3.19.0 || ^4.0.0
     dependencies:
       svelte: registry.npmjs.org/svelte@4.2.1
-    dev: false
 
-  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.27)(svelte@4.2.0)(typescript@5.1.3):
+  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.21)(svelte@4.2.1)(typescript@5.1.3):
     resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz}
     id: registry.npmjs.org/svelte-preprocess/5.0.4
     name: svelte-preprocess
@@ -11140,36 +11084,72 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@types/pug': registry.npmjs.org/@types/pug@2.0.6
+      '@types/pug': registry.npmjs.org/@types/pug@2.0.8
       detect-indent: registry.npmjs.org/detect-indent@6.1.0
       magic-string: registry.npmjs.org/magic-string@0.27.0
-      postcss: registry.npmjs.org/postcss@8.4.27
+      postcss: registry.npmjs.org/postcss@8.4.21
       sorcery: registry.npmjs.org/sorcery@0.11.0
       strip-indent: registry.npmjs.org/strip-indent@3.0.0
-      svelte: registry.npmjs.org/svelte@4.2.0
+      svelte: registry.npmjs.org/svelte@4.2.1
       typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
-  registry.npmjs.org/svelte2tsx@0.6.20(svelte@4.2.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-zaSnHSERYceKxugFbjiZ3YiNcC2fNbVjpQ9qaE5hrYI4tIOX9ZqHS+I30Hp2HF+MVXLOVWVErgn/6pAlQNnheA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.20.tgz}
-    id: registry.npmjs.org/svelte2tsx/0.6.20
-    name: svelte2tsx
-    version: 0.6.20
+  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.31)(svelte@4.2.1)(typescript@5.1.3):
+    resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz}
+    id: registry.npmjs.org/svelte-preprocess/5.0.4
+    name: svelte-preprocess
+    version: 5.0.4
+    engines: {node: '>= 14.10.0'}
+    requiresBuild: true
     peerDependencies:
-      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
-      typescript: ^4.9.4 || ^5.0.0
+      '@babel/core': ^7.10.2
+      coffeescript: ^2.5.1
+      less: ^3.11.3 || ^4.0.0
+      postcss: ^7 || ^8
+      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0
+      pug: ^3.0.0
+      sass: ^1.26.8
+      stylus: ^0.55.0
+      sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
+      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0
+      typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      coffeescript:
+        optional: true
+      less:
+        optional: true
+      postcss:
+        optional: true
+      postcss-load-config:
+        optional: true
+      pug:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      typescript:
+        optional: true
     dependencies:
-      dedent-js: registry.npmjs.org/dedent-js@1.0.1
-      pascal-case: registry.npmjs.org/pascal-case@3.1.2
-      svelte: registry.npmjs.org/svelte@4.2.0
+      '@types/pug': registry.npmjs.org/@types/pug@2.0.8
+      detect-indent: registry.npmjs.org/detect-indent@6.1.0
+      magic-string: registry.npmjs.org/magic-string@0.27.0
+      postcss: registry.npmjs.org/postcss@8.4.31
+      sorcery: registry.npmjs.org/sorcery@0.11.0
+      strip-indent: registry.npmjs.org/strip-indent@3.0.0
+      svelte: registry.npmjs.org/svelte@4.2.1
       typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
-  registry.npmjs.org/svelte2tsx@0.6.20(svelte@4.2.1)(typescript@5.1.3):
-    resolution: {integrity: sha512-zaSnHSERYceKxugFbjiZ3YiNcC2fNbVjpQ9qaE5hrYI4tIOX9ZqHS+I30Hp2HF+MVXLOVWVErgn/6pAlQNnheA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.20.tgz}
-    id: registry.npmjs.org/svelte2tsx/0.6.20
+  registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.1.3):
+    resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.23.tgz}
+    id: registry.npmjs.org/svelte2tsx/0.6.23
     name: svelte2tsx
-    version: 0.6.20
+    version: 0.6.23
     peerDependencies:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
       typescript: ^4.9.4 || ^5.0.0
@@ -11178,28 +11158,6 @@ packages:
       pascal-case: registry.npmjs.org/pascal-case@3.1.2
       svelte: registry.npmjs.org/svelte@4.2.1
       typescript: registry.npmjs.org/typescript@5.1.3
-    dev: false
-
-  registry.npmjs.org/svelte@4.2.0:
-    resolution: {integrity: sha512-kVsdPjDbLrv74SmLSUzAsBGquMs4MPgWGkGLpH+PjOYnFOziAvENVzgJmyOCV2gntxE32aNm8/sqNKD6LbIpeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-4.2.0.tgz}
-    name: svelte
-    version: 4.2.0
-    engines: {node: '>=16'}
-    dependencies:
-      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping@2.2.1
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
-      acorn: registry.npmjs.org/acorn@8.10.0
-      aria-query: registry.npmjs.org/aria-query@5.3.0
-      axobject-query: registry.npmjs.org/axobject-query@3.2.1
-      code-red: registry.npmjs.org/code-red@1.0.3
-      css-tree: registry.npmjs.org/css-tree@2.3.1
-      estree-walker: registry.npmjs.org/estree-walker@3.0.3
-      is-reference: registry.npmjs.org/is-reference@3.0.1
-      locate-character: registry.npmjs.org/locate-character@3.0.0
-      magic-string: registry.npmjs.org/magic-string@0.30.0
-      periscopic: registry.npmjs.org/periscopic@3.1.0
-    dev: true
 
   registry.npmjs.org/svelte@4.2.1:
     resolution: {integrity: sha512-LpLqY2Jr7cRxkrTc796/AaaoMLF/1ax7cto8Ot76wrvKQhrPmZ0JgajiWPmg9mTSDqO16SSLiD17r9MsvAPTmw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-4.2.1.tgz}
@@ -11209,18 +11167,17 @@ packages:
     dependencies:
       '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping@2.2.1
       '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.18
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
       acorn: registry.npmjs.org/acorn@8.10.0
       aria-query: registry.npmjs.org/aria-query@5.3.0
       axobject-query: registry.npmjs.org/axobject-query@3.2.1
-      code-red: registry.npmjs.org/code-red@1.0.3
+      code-red: registry.npmjs.org/code-red@1.0.4
       css-tree: registry.npmjs.org/css-tree@2.3.1
       estree-walker: registry.npmjs.org/estree-walker@3.0.3
-      is-reference: registry.npmjs.org/is-reference@3.0.1
+      is-reference: registry.npmjs.org/is-reference@3.0.2
       locate-character: registry.npmjs.org/locate-character@3.0.0
-      magic-string: registry.npmjs.org/magic-string@0.30.4
+      magic-string: registry.npmjs.org/magic-string@0.30.5
       periscopic: registry.npmjs.org/periscopic@3.1.0
-    dev: false
 
   registry.npmjs.org/svgo@3.0.2:
     resolution: {integrity: sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svgo/-/svgo-3.0.2.tgz}
@@ -11299,14 +11256,14 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/terser@5.18.0:
-    resolution: {integrity: sha512-pdL757Ig5a0I+owA42l6tIuEycRuM7FPY4n62h44mRLRfnOxJkkOHd6i89dOpwZlpF6JXBwaAHF6yWzFrt+QyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/terser/-/terser-5.18.0.tgz}
+  registry.npmjs.org/terser@5.22.0:
+    resolution: {integrity: sha512-hHZVLgRA2z4NWcN6aS5rQDc+7Dcy58HOf2zbYwmFcQ+ua3h6eEFf5lIDKTzbWwlazPyOZsFQO8V80/IjVNExEw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/terser/-/terser-5.22.0.tgz}
     name: terser
-    version: 5.18.0
+    version: 5.22.0
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
-      '@jridgewell/source-map': registry.npmjs.org/@jridgewell/source-map@0.3.3
+      '@jridgewell/source-map': registry.npmjs.org/@jridgewell/source-map@0.3.5
       acorn: registry.npmjs.org/acorn@8.10.0
       commander: registry.npmjs.org/commander@2.20.3
       source-map-support: registry.npmjs.org/source-map-support@0.5.21
@@ -11375,14 +11332,16 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/tough-cookie@2.5.0:
-    resolution: {integrity: sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz}
+  registry.npmjs.org/tough-cookie@4.1.3:
+    resolution: {integrity: sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz}
     name: tough-cookie
-    version: 2.5.0
-    engines: {node: '>=0.8'}
+    version: 4.1.3
+    engines: {node: '>=6'}
     dependencies:
       psl: registry.npmjs.org/psl@1.9.0
       punycode: registry.npmjs.org/punycode@2.3.0
+      universalify: registry.npmjs.org/universalify@0.2.0
+      url-parse: registry.npmjs.org/url-parse@1.5.10
     dev: true
 
   registry.npmjs.org/tr46@0.0.3:
@@ -11417,11 +11376,11 @@ packages:
     version: 2.1.0
     dev: false
 
-  registry.npmjs.org/ts-api-utils@1.0.1(typescript@5.1.3):
-    resolution: {integrity: sha512-lC/RGlPmwdrIBFTX59wwNzqh7aR2otPNPR/5brHZm/XKFYKsfqxihXUe9pU3JI+3vGkl+vyCoNNnPhJn3aLK1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.1.tgz}
-    id: registry.npmjs.org/ts-api-utils/1.0.1
+  registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3):
+    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz}
+    id: registry.npmjs.org/ts-api-utils/1.0.3
     name: ts-api-utils
-    version: 1.0.1
+    version: 1.0.3
     engines: {node: '>=16.13.0'}
     peerDependencies:
       typescript: '>=4.2.0'
@@ -11446,9 +11405,9 @@ packages:
     version: 3.0.1
     dependencies:
       '@types/json5': registry.npmjs.org/@types/json5@0.0.30
-      '@types/resolve': registry.npmjs.org/@types/resolve@1.20.2
+      '@types/resolve': registry.npmjs.org/@types/resolve@1.20.4
       json5: registry.npmjs.org/json5@2.2.3
-      resolve: registry.npmjs.org/resolve@1.22.6
+      resolve: registry.npmjs.org/resolve@1.22.8
       strip-bom: registry.npmjs.org/strip-bom@4.0.0
       type-fest: registry.npmjs.org/type-fest@0.13.1
     dev: false
@@ -11463,6 +11422,12 @@ packages:
     resolution: {integrity: sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz}
     name: tslib
     version: 2.5.3
+    dev: true
+
+  registry.npmjs.org/tslib@2.6.2:
+    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz}
+    name: tslib
+    version: 2.6.2
 
   registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3):
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz}
@@ -11477,10 +11442,10 @@ packages:
       typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
-  registry.npmjs.org/tty-table@4.2.1:
-    resolution: {integrity: sha512-xz0uKo+KakCQ+Dxj1D/tKn2FSyreSYWzdkL/BYhgN6oMW808g8QRMuh1atAV9fjTPbWBjfbkKQpI/5rEcnAc7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tty-table/-/tty-table-4.2.1.tgz}
+  registry.npmjs.org/tty-table@4.2.2:
+    resolution: {integrity: sha512-2gvCArMZLxgvpZ2NvQKdnYWIFLe7I/z5JClMuhrDXunmKgSZcQKcZRjN9XjAFiToMz2pUo1dEIXyrm0AwgV5Tw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tty-table/-/tty-table-4.2.2.tgz}
     name: tty-table
-    version: 4.2.1
+    version: 4.2.2
     engines: {node: '>=8.0.0'}
     hasBin: true
     dependencies:
@@ -11500,79 +11465,79 @@ packages:
     dependencies:
       safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
 
-  registry.npmjs.org/turbo-darwin-64@1.10.3:
-    resolution: {integrity: sha512-IIB9IomJGyD3EdpSscm7Ip1xVWtYb7D0x7oH3vad3gjFcjHJzDz9xZ/iw/qItFEW+wGFcLSRPd+1BNnuLM8AsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.10.3.tgz}
+  registry.npmjs.org/turbo-darwin-64@1.10.0:
+    resolution: {integrity: sha512-N0aVGFtBgOKd7pIdUiKREwnDhNHRIvpMJbmUw04c1AqEoTiKAKT6iuzcCozO5N/gYMVr0hxrXgLal5OLYXtcsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.10.0.tgz}
     name: turbo-darwin-64
-    version: 1.10.3
+    version: 1.10.0
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-darwin-arm64@1.10.3:
-    resolution: {integrity: sha512-SBNmOZU9YEB0eyNIxeeQ+Wi0Ufd+nprEVp41rgUSRXEIpXjsDjyBnKnF+sQQj3+FLb4yyi/yZQckB+55qXWEsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.10.3.tgz}
+  registry.npmjs.org/turbo-darwin-arm64@1.10.0:
+    resolution: {integrity: sha512-boXzhaHTS5MsTMv48I/JmYp9/fYplXk5nACUDrqV6nD1hzO5PMn5wNg75ATbpkaMaeuD+hjuobeSxn1p4vpqQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.10.0.tgz}
     name: turbo-darwin-arm64
-    version: 1.10.3
+    version: 1.10.0
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-linux-64@1.10.3:
-    resolution: {integrity: sha512-kvAisGKE7xHJdyMxZLvg53zvHxjqPK1UVj4757PQqtx9dnjYHSc8epmivE6niPgDHon5YqImzArCjVZJYpIGHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.10.3.tgz}
+  registry.npmjs.org/turbo-linux-64@1.10.0:
+    resolution: {integrity: sha512-crKQuS1jrp4vp+Th6EmUqqmAlvYNnzGmwWMLeckmYILrV7zAddu87eJu4hB7V6uV+W1qHZUTw8WXa1w1+8boBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.10.0.tgz}
     name: turbo-linux-64
-    version: 1.10.3
+    version: 1.10.0
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-linux-arm64@1.10.3:
-    resolution: {integrity: sha512-Qgaqln0IYRgyL0SowJOi+PNxejv1I2xhzXOI+D+z4YHbgSx87ox1IsALYBlK8VRVYY8VCXl+PN12r1ioV09j7A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.10.3.tgz}
+  registry.npmjs.org/turbo-linux-arm64@1.10.0:
+    resolution: {integrity: sha512-Y2fhWe0xepLjl7doIvsJK7mp2h8E+OF6qJsUHRgxFeRWQWi1I6clD2aEQeykHK8Tp+qp8pKFMocj32nFBvuCcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.10.0.tgz}
     name: turbo-linux-arm64
-    version: 1.10.3
+    version: 1.10.0
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-windows-64@1.10.3:
-    resolution: {integrity: sha512-rbH9wManURNN8mBnN/ZdkpUuTvyVVEMiUwFUX4GVE5qmV15iHtZfDLUSGGCP2UFBazHcpNHG1OJzgc55GFFrUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.10.3.tgz}
+  registry.npmjs.org/turbo-windows-64@1.10.0:
+    resolution: {integrity: sha512-uh8rEqH6teaHysEMjinwWBqyNwv4IvgSAwbq/OphP8jObstTYHoR+gFPo8RQUSTaBYy4QVszgi5eO5YLvEQqNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.10.0.tgz}
     name: turbo-windows-64
-    version: 1.10.3
+    version: 1.10.0
     cpu: [x64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo-windows-arm64@1.10.3:
-    resolution: {integrity: sha512-ThlkqxhcGZX39CaTjsHqJnqVe+WImjX13pmjnpChz6q5HHbeRxaJSFzgrHIOt0sUUVx90W/WrNRyoIt/aafniw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.10.3.tgz}
+  registry.npmjs.org/turbo-windows-arm64@1.10.0:
+    resolution: {integrity: sha512-JaVj3iM7qyRD6xYGZLL/Gs4mQKfM1zL0f91AwHZLNkk1CrJ6i5kO4ZjhKkwXSpVOTNKW3sX0Q7dExXj85Vv7UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.10.0.tgz}
     name: turbo-windows-arm64
-    version: 1.10.3
+    version: 1.10.0
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  registry.npmjs.org/turbo@1.10.3:
-    resolution: {integrity: sha512-U4gKCWcKgLcCjQd4Pl8KJdfEKumpyWbzRu75A6FCj6Ctea1PIm58W6Ltw1QXKqHrl2pF9e1raAskf/h6dlrPCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo/-/turbo-1.10.3.tgz}
+  registry.npmjs.org/turbo@1.10.0:
+    resolution: {integrity: sha512-GWxoL2zJduiNaEHz78o74l2jCQEeuUZ3MdpMPz0SpZOvt3nimpvQPNxiyfbqt3U9/V5G375PWKYSbXkVnIbQcA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo/-/turbo-1.10.0.tgz}
     name: turbo
-    version: 1.10.3
+    version: 1.10.0
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      turbo-darwin-64: registry.npmjs.org/turbo-darwin-64@1.10.3
-      turbo-darwin-arm64: registry.npmjs.org/turbo-darwin-arm64@1.10.3
-      turbo-linux-64: registry.npmjs.org/turbo-linux-64@1.10.3
-      turbo-linux-arm64: registry.npmjs.org/turbo-linux-arm64@1.10.3
-      turbo-windows-64: registry.npmjs.org/turbo-windows-64@1.10.3
-      turbo-windows-arm64: registry.npmjs.org/turbo-windows-arm64@1.10.3
+      turbo-darwin-64: registry.npmjs.org/turbo-darwin-64@1.10.0
+      turbo-darwin-arm64: registry.npmjs.org/turbo-darwin-arm64@1.10.0
+      turbo-linux-64: registry.npmjs.org/turbo-linux-64@1.10.0
+      turbo-linux-arm64: registry.npmjs.org/turbo-linux-arm64@1.10.0
+      turbo-windows-64: registry.npmjs.org/turbo-windows-64@1.10.0
+      turbo-windows-arm64: registry.npmjs.org/turbo-windows-arm64@1.10.0
     dev: true
 
   registry.npmjs.org/tweetnacl@0.14.5:
@@ -11637,8 +11602,8 @@ packages:
     version: 1.0.0
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.1
+      call-bind: registry.npmjs.org/call-bind@1.0.5
+      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
       is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
     dev: true
 
@@ -11648,7 +11613,7 @@ packages:
     version: 1.0.0
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.5
       for-each: registry.npmjs.org/for-each@0.3.3
       has-proto: registry.npmjs.org/has-proto@1.0.1
       is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
@@ -11661,7 +11626,7 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
-      call-bind: registry.npmjs.org/call-bind@1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.5
       for-each: registry.npmjs.org/for-each@0.3.3
       has-proto: registry.npmjs.org/has-proto@1.0.1
       is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
@@ -11672,15 +11637,15 @@ packages:
     name: typed-array-length
     version: 1.0.4
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.5
       for-each: registry.npmjs.org/for-each@0.3.3
       is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
     dev: true
 
-  registry.npmjs.org/typescript@4.9.5:
-    resolution: {integrity: sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz}
+  registry.npmjs.org/typescript@4.9.4:
+    resolution: {integrity: sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-4.9.4.tgz}
     name: typescript
-    version: 4.9.5
+    version: 4.9.4
     engines: {node: '>=4.2.0'}
     hasBin: true
     dev: true
@@ -11703,7 +11668,7 @@ packages:
     name: unbox-primitive
     version: 1.0.2
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.5
       has-bigints: registry.npmjs.org/has-bigints@1.0.2
       has-symbols: registry.npmjs.org/has-symbols@1.0.3
       which-boxed-primitive: registry.npmjs.org/which-boxed-primitive@1.0.2
@@ -11714,6 +11679,7 @@ packages:
     name: undici-types
     version: 5.25.3
     dev: true
+    optional: true
 
   registry.npmjs.org/undici@5.23.0:
     resolution: {integrity: sha512-1D7w+fvRsqlQ9GscLBwcAJinqcZGHUKjbOmXdlE/v8BvEGXjeWAax+341q44EuTcHXXnfyKNbKRq4Lg7OzhMmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici/-/undici-5.23.0.tgz}
@@ -11722,6 +11688,16 @@ packages:
     engines: {node: '>=14.0'}
     dependencies:
       busboy: registry.npmjs.org/busboy@1.6.0
+    dev: true
+
+  registry.npmjs.org/undici@5.26.5:
+    resolution: {integrity: sha512-cSb4bPFd5qgR7qr2jYAi0hlX9n5YKK2ONKkLFkxl+v/9BvC0sOpZjBHDBSXc5lWAf5ty9oZdRXytBIHzgUcerw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici/-/undici-5.26.5.tgz}
+    name: undici
+    version: 5.26.5
+    engines: {node: '>=14.0'}
+    dependencies:
+      '@fastify/busboy': registry.npmjs.org/@fastify/busboy@2.0.0
+    dev: false
 
   registry.npmjs.org/unherit@3.0.1:
     resolution: {integrity: sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unherit/-/unherit-3.0.1.tgz}
@@ -11734,7 +11710,7 @@ packages:
     name: unified
     version: 10.1.2
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
       bail: registry.npmjs.org/bail@2.0.2
       extend: registry.npmjs.org/extend@3.0.2
       is-buffer: registry.npmjs.org/is-buffer@2.0.5
@@ -11754,7 +11730,7 @@ packages:
     name: unist-util-is
     version: 5.2.1
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
     dev: false
 
   registry.npmjs.org/unist-util-is@6.0.0:
@@ -11762,7 +11738,7 @@ packages:
     name: unist-util-is
     version: 6.0.0
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@3.0.0
+      '@types/unist': registry.npmjs.org/@types/unist@3.0.1
     dev: false
 
   registry.npmjs.org/unist-util-modify-children@3.1.1:
@@ -11770,7 +11746,7 @@ packages:
     name: unist-util-modify-children
     version: 3.1.1
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
       array-iterate: registry.npmjs.org/array-iterate@2.0.1
     dev: false
 
@@ -11779,7 +11755,7 @@ packages:
     name: unist-util-position
     version: 4.0.4
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
     dev: false
 
   registry.npmjs.org/unist-util-stringify-position@3.0.3:
@@ -11787,7 +11763,7 @@ packages:
     name: unist-util-stringify-position
     version: 3.0.3
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
     dev: false
 
   registry.npmjs.org/unist-util-visit-children@2.0.2:
@@ -11795,7 +11771,7 @@ packages:
     name: unist-util-visit-children
     version: 2.0.2
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
     dev: false
 
   registry.npmjs.org/unist-util-visit-parents@5.1.3:
@@ -11803,7 +11779,7 @@ packages:
     name: unist-util-visit-parents
     version: 5.1.3
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
       unist-util-is: registry.npmjs.org/unist-util-is@5.2.1
     dev: false
 
@@ -11812,7 +11788,7 @@ packages:
     name: unist-util-visit-parents
     version: 6.0.1
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@3.0.0
+      '@types/unist': registry.npmjs.org/@types/unist@3.0.1
       unist-util-is: registry.npmjs.org/unist-util-is@6.0.0
     dev: false
 
@@ -11821,7 +11797,7 @@ packages:
     name: unist-util-visit
     version: 4.1.2
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
       unist-util-is: registry.npmjs.org/unist-util-is@5.2.1
       unist-util-visit-parents: registry.npmjs.org/unist-util-visit-parents@5.1.3
     dev: false
@@ -11831,7 +11807,7 @@ packages:
     name: unist-util-visit
     version: 5.0.0
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@3.0.0
+      '@types/unist': registry.npmjs.org/@types/unist@3.0.1
       unist-util-is: registry.npmjs.org/unist-util-is@6.0.0
       unist-util-visit-parents: registry.npmjs.org/unist-util-visit-parents@6.0.1
     dev: false
@@ -11843,6 +11819,13 @@ packages:
     engines: {node: '>= 4.0.0'}
     dev: true
 
+  registry.npmjs.org/universalify@0.2.0:
+    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz}
+    name: universalify
+    version: 0.2.0
+    engines: {node: '>= 4.0.0'}
+    dev: true
+
   registry.npmjs.org/universalify@2.0.0:
     resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz}
     name: universalify
@@ -11857,16 +11840,16 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/update-browserslist-db@1.0.11(browserslist@4.21.10):
-    resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz}
-    id: registry.npmjs.org/update-browserslist-db/1.0.11
+  registry.npmjs.org/update-browserslist-db@1.0.13(browserslist@4.22.1):
+    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz}
+    id: registry.npmjs.org/update-browserslist-db/1.0.13
     name: update-browserslist-db
-    version: 1.0.11
+    version: 1.0.13
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.21.10
+      browserslist: registry.npmjs.org/browserslist@4.22.1
       escalade: registry.npmjs.org/escalade@3.1.1
       picocolors: registry.npmjs.org/picocolors@1.0.0
 
@@ -11878,6 +11861,15 @@ packages:
       punycode: registry.npmjs.org/punycode@2.3.0
     dev: true
 
+  registry.npmjs.org/url-parse@1.5.10:
+    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz}
+    name: url-parse
+    version: 1.5.10
+    dependencies:
+      querystringify: registry.npmjs.org/querystringify@2.2.0
+      requires-port: registry.npmjs.org/requires-port@1.0.0
+    dev: true
+
   registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0):
     resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz}
     id: registry.npmjs.org/use-sync-external-store/1.2.0
@@ -11939,7 +11931,7 @@ packages:
     name: vfile-location
     version: 4.1.0
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
       vfile: registry.npmjs.org/vfile@5.3.7
     dev: false
 
@@ -11948,7 +11940,7 @@ packages:
     name: vfile-message
     version: 3.1.4
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
       unist-util-stringify-position: registry.npmjs.org/unist-util-stringify-position@3.0.3
     dev: false
 
@@ -11957,7 +11949,7 @@ packages:
     name: vfile
     version: 5.3.7
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.8
+      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
       is-buffer: registry.npmjs.org/is-buffer@2.0.5
       unist-util-stringify-position: registry.npmjs.org/unist-util-stringify-position@3.0.3
       vfile-message: registry.npmjs.org/vfile-message@3.1.4
@@ -11994,18 +11986,18 @@ packages:
         optional: true
     dependencies:
       esbuild: registry.npmjs.org/esbuild@0.18.20
-      postcss: registry.npmjs.org/postcss@8.4.27
-      rollup: registry.npmjs.org/rollup@3.28.0
+      postcss: registry.npmjs.org/postcss@8.4.31
+      rollup: registry.npmjs.org/rollup@3.29.4
     optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents@2.3.2
+      fsevents: registry.npmjs.org/fsevents@2.3.3
 
-  registry.npmjs.org/vitefu@0.2.4(vite@4.4.9):
-    resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz}
-    id: registry.npmjs.org/vitefu/0.2.4
+  registry.npmjs.org/vitefu@0.2.5(vite@4.4.9):
+    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz}
+    id: registry.npmjs.org/vitefu/0.2.5
     name: vitefu
-    version: 0.2.4
+    version: 0.2.5
     peerDependencies:
-      vite: ^3.0.0 || ^4.0.0
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
     peerDependenciesMeta:
       vite:
         optional: true
@@ -12024,16 +12016,16 @@ packages:
     version: 8.0.0
     dev: false
 
-  registry.npmjs.org/wait-on@7.0.1(debug@4.3.4):
-    resolution: {integrity: sha512-9AnJE9qTjRQOlTZIldAaf/da2eW0eSRSgcqq85mXQja/DW3MriHxkpODDSUEg+Gri/rKEcXUZHe+cevvYItaog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wait-on/-/wait-on-7.0.1.tgz}
-    id: registry.npmjs.org/wait-on/7.0.1
+  registry.npmjs.org/wait-on@6.0.0(debug@4.3.2):
+    resolution: {integrity: sha512-tnUJr9p5r+bEYXPUdRseolmz5XqJTTj98JgOsfBn7Oz2dxfE2g3zw1jE+Mo8lopM3j3et/Mq1yW7kKX6qw7RVw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wait-on/-/wait-on-6.0.0.tgz}
+    id: registry.npmjs.org/wait-on/6.0.0
     name: wait-on
-    version: 7.0.1
-    engines: {node: '>=12.0.0'}
+    version: 6.0.0
+    engines: {node: '>=10.0.0'}
     hasBin: true
     dependencies:
-      axios: registry.npmjs.org/axios@0.27.2(debug@4.3.4)
-      joi: registry.npmjs.org/joi@17.9.2
+      axios: registry.npmjs.org/axios@0.21.4(debug@4.3.2)
+      joi: registry.npmjs.org/joi@17.11.0
       lodash: registry.npmjs.org/lodash@4.17.21
       minimist: registry.npmjs.org/minimist@1.2.8
       rxjs: registry.npmjs.org/rxjs@7.8.1
@@ -12098,7 +12090,7 @@ packages:
     version: 1.1.3
     engines: {node: '>= 0.4'}
     dependencies:
-      function.prototype.name: registry.npmjs.org/function.prototype.name@1.1.5
+      function.prototype.name: registry.npmjs.org/function.prototype.name@1.1.6
       has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
       is-async-function: registry.npmjs.org/is-async-function@2.0.0
       is-date-object: registry.npmjs.org/is-date-object@1.0.5
@@ -12109,7 +12101,7 @@ packages:
       isarray: registry.npmjs.org/isarray@2.0.5
       which-boxed-primitive: registry.npmjs.org/which-boxed-primitive@1.0.2
       which-collection: registry.npmjs.org/which-collection@1.0.1
-      which-typed-array: registry.npmjs.org/which-typed-array@1.1.11
+      which-typed-array: registry.npmjs.org/which-typed-array@1.1.13
     dev: true
 
   registry.npmjs.org/which-collection@1.0.1:
@@ -12155,14 +12147,14 @@ packages:
       path-exists: registry.npmjs.org/path-exists@4.0.0
     dev: false
 
-  registry.npmjs.org/which-typed-array@1.1.11:
-    resolution: {integrity: sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.11.tgz}
+  registry.npmjs.org/which-typed-array@1.1.13:
+    resolution: {integrity: sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz}
     name: which-typed-array
-    version: 1.1.11
+    version: 1.1.13
     engines: {node: '>= 0.4'}
     dependencies:
       available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
-      call-bind: registry.npmjs.org/call-bind@1.0.2
+      call-bind: registry.npmjs.org/call-bind@1.0.5
       for-each: registry.npmjs.org/for-each@0.3.3
       gopd: registry.npmjs.org/gopd@1.0.1
       has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
@@ -12195,13 +12187,6 @@ packages:
       string-width: registry.npmjs.org/string-width@5.1.2
     dev: false
 
-  registry.npmjs.org/word-wrap@1.2.3:
-    resolution: {integrity: sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz}
-    name: word-wrap
-    version: 1.2.3
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   registry.npmjs.org/wrap-ansi@6.2.0:
     resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz}
     name: wrap-ansi
@@ -12276,10 +12261,10 @@ packages:
     engines: {node: '>= 6'}
     dev: true
 
-  registry.npmjs.org/yaml@2.3.1:
-    resolution: {integrity: sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz}
+  registry.npmjs.org/yaml@2.3.3:
+    resolution: {integrity: sha512-zw0VAJxgeZ6+++/su5AFoqBbZbrEakwu+X0M5HmcwUiBL7AzcuPKjj5we4xfQLp78LkEMpD0cOnUhmgOVy3KdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yaml/-/yaml-2.3.3.tgz}
     name: yaml
-    version: 2.3.1
+    version: 2.3.3
     engines: {node: '>= 14'}
     dev: true
 
@@ -12361,30 +12346,7 @@ packages:
     version: 3.21.1
     dev: false
 
-  registry.npmjs.org/zustand@4.4.0(@types/react@18.2.12)(react@18.2.0):
-    resolution: {integrity: sha512-2dq6wq4dSxbiPTamGar0NlIG/av0wpyWZJGeQYtUOLegIUvhM2Bf86ekPlmgpUtS5uR7HyetSiktYrGsdsyZgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.4.0.tgz}
-    id: registry.npmjs.org/zustand/4.4.0
-    name: zustand
-    version: 4.4.0
-    engines: {node: '>=12.7.0'}
-    peerDependencies:
-      '@types/react': '>=16.8'
-      immer: '>=9.0'
-      react: '>=16.8'
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      immer:
-        optional: true
-      react:
-        optional: true
-    dependencies:
-      '@types/react': registry.npmjs.org/@types/react@18.2.12
-      react: registry.npmjs.org/react@18.2.0
-      use-sync-external-store: registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0)
-    dev: false
-
-  registry.npmjs.org/zustand@4.4.1(@types/react@18.2.12)(react@18.2.0):
+  registry.npmjs.org/zustand@4.4.1(@types/react@18.2.24)(react@18.2.0):
     resolution: {integrity: sha512-QCPfstAS4EBiTQzlaGP1gmorkh/UL1Leaj2tdj+zZCZ/9bm0WS7sI2wnfD5lpOszFqWJ1DcPnGoY8RDL61uokw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.4.1.tgz}
     id: registry.npmjs.org/zustand/4.4.1
     name: zustand
@@ -12402,7 +12364,7 @@ packages:
       react:
         optional: true
     dependencies:
-      '@types/react': registry.npmjs.org/@types/react@18.2.12
+      '@types/react': registry.npmjs.org/@types/react@18.2.24
       react: registry.npmjs.org/react@18.2.0
       use-sync-external-store: registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0)
     dev: false

From 6de9bbc916fc77b2490b7df212f67168c85942b0 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 23 Oct 2023 16:37:28 +0200
Subject: [PATCH 0265/1093] refactor(react/svelte): simplify ssr usage

---
 .../src/components/ReactFlowExample/index.tsx |  2 -
 .../components/SvelteFlowExample/index.svelte | 78 ++++++++++++++-----
 packages/react/src/store/initialState.ts      |  1 -
 packages/system/src/types/nodes.ts            |  5 +-
 packages/system/src/utils/edges/positions.ts  | 11 ++-
 packages/system/src/utils/types.ts            |  1 +
 6 files changed, 70 insertions(+), 28 deletions(-)
 create mode 100644 packages/system/src/utils/types.ts

diff --git a/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx b/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
index c2817f7a9..ae5a5c87f 100644
--- a/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
+++ b/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
@@ -34,8 +34,6 @@ const initialNodes: Node[] = [
         position: Position.Bottom,
         x: nodeSize.width * 0.5,
         y: nodeSize.height,
-        width: 1,
-        height: 1,
       },
     ],
   },
diff --git a/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte b/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte
index e9cb9acdd..45f37b130 100644
--- a/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte
+++ b/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte
@@ -1,35 +1,73 @@
 <script lang="ts">
   import { writable } from 'svelte/store';
-  import { SvelteFlow, Controls, Background, BackgroundVariant, Position } from '@xyflow/svelte';
+  import { SvelteFlow, Controls, Background, BackgroundVariant, Position, type Node, type Edge } from '@xyflow/svelte';
 
   import '@xyflow/svelte/dist/style.css';
 
-  const nodeDefaults = {
-    sourcePosition: Position.Right,
-    targetPosition: Position.Left,
-    size: {
-      width: 100,
-      height: 40,
-    },
-    handles: [
-      { type: 'source', x: 100, y: 20, position: Position.Right, width: 1, height: 1 },
-      { type: 'target', x: 0, y: 20, position: Position.Left, width: 1, height: 1 },
-    ],
-  };
-
-  const nodes = writable([
+  const nodes = writable<Node[]>([
     {
       id: '0',
       position: { x: 0, y: 150 },
       data: { label: 'Node 0' },
-      ...nodeDefaults,
+      sourcePosition: Position.Right,
+      targetPosition: Position.Left,
+      size: {
+        width: 100,
+        height: 40,
+      },
+      handles: [
+        { type: 'source', x: 100, y: 20, position: Position.Right },
+        { type: 'target', x: 0, y: 20, position: Position.Left },
+      ],
+    },
+    {
+      id: 'A',
+      position: { x: 250, y: 0 },
+      data: { label: 'A' },
+      sourcePosition: Position.Right,
+      targetPosition: Position.Left,
+      size: {
+        width: 100,
+        height: 40,
+      },
+      handles: [
+        { type: 'source', x: 100, y: 20, position: Position.Right },
+        { type: 'target', x: 0, y: 20, position: Position.Left },
+      ],
+    },
+    {
+      id: 'B',
+      position: { x: 250, y: 150 },
+      data: { label: 'B' },
+      sourcePosition: Position.Right,
+      targetPosition: Position.Left,
+      size: {
+        width: 100,
+        height: 40,
+      },
+      handles: [
+        { type: 'source', x: 100, y: 20, position: Position.Right },
+        { type: 'target', x: 0, y: 20, position: Position.Left },
+      ],
+    },
+    {
+      id: 'C',
+      position: { x: 250, y: 300 },
+      data: { label: 'C' },
+      sourcePosition: Position.Right,
+      targetPosition: Position.Left,
+      size: {
+        width: 100,
+        height: 40,
+      },
+      handles: [
+        { type: 'source', x: 100, y: 20, position: Position.Right },
+        { type: 'target', x: 0, y: 20, position: Position.Left },
+      ],
     },
-    { id: 'A', position: { x: 250, y: 0 }, data: { label: 'A' }, ...nodeDefaults },
-    { id: 'B', position: { x: 250, y: 150 }, data: { label: 'B' }, ...nodeDefaults },
-    { id: 'C', position: { x: 250, y: 300 }, data: { label: 'C' }, ...nodeDefaults },
   ]);
 
-  const edges = writable([
+  const edges = writable<Edge[]>([
     { id: '0A', source: '0', target: 'A', animated: true },
     { id: '0B', source: '0', target: 'B', animated: true },
     { id: '0C', source: '0', target: 'C', animated: true },
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 545224743..b87310f99 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -1,5 +1,4 @@
 import {
-  devWarn,
   infiniteExtent,
   ConnectionMode,
   updateNodes,
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 4d26e964f..22b4e6ab2 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { internalsSymbol } from '../constants';
 import type { XYPosition, Position, CoordinateExtent, HandleElement } from '.';
+import { Optional } from '../utils/types';
 
 // this is stuff that all nodes share independent of the framework
 export type NodeBase<T = any, U extends string | undefined = string | undefined> = {
@@ -28,7 +29,7 @@ export type NodeBase<T = any, U extends string | undefined = string | undefined>
   ariaLabel?: string;
   focusable?: boolean;
   origin?: NodeOrigin;
-  handles?: HandleElement[];
+  handles?: NodeHandle[];
   size?: {
     width?: number;
     height?: number;
@@ -94,3 +95,5 @@ export type NodeOrigin = [number, number];
 export type OnNodeDrag = (event: MouseEvent, node: NodeBase, nodes: NodeBase[]) => void;
 
 export type OnSelectionDrag = (event: MouseEvent, nodes: NodeBase[]) => void;
+
+export type NodeHandle = Optional<HandleElement, 'width' | 'height'>;
diff --git a/packages/system/src/utils/edges/positions.ts b/packages/system/src/utils/edges/positions.ts
index 4e5cc8b60..8159d46b9 100644
--- a/packages/system/src/utils/edges/positions.ts
+++ b/packages/system/src/utils/edges/positions.ts
@@ -1,6 +1,6 @@
 import { EdgePosition } from '../../types/edges';
 import { ConnectionMode, OnError } from '../../types/general';
-import { NodeBase, NodeHandleBounds } from '../../types/nodes';
+import { NodeBase, NodeHandle, NodeHandleBounds } from '../../types/nodes';
 import { Position, Rect, XYPosition } from '../../types/utils';
 import { errorMessages, internalsSymbol } from '../../constants';
 import { HandleElement } from '../../types';
@@ -59,19 +59,22 @@ export function getEdgePosition(params: GetEdgePositionParams): EdgePosition | n
   };
 }
 
-function toHandleBounds(handles?: HandleElement[]) {
+function toHandleBounds(handles?: NodeHandle[]) {
   if (!handles) {
     return null;
   }
 
   return handles.reduce<NodeHandleBounds>(
     (res, item) => {
+      item.width = item.width || 1;
+      item.height = item.height || 1;
+
       if (item.type === 'source') {
-        res.source?.push(item);
+        res.source?.push(item as HandleElement);
       }
 
       if (item.type === 'target') {
-        res.target?.push(item);
+        res.target?.push(item as HandleElement);
       }
 
       return res;
diff --git a/packages/system/src/utils/types.ts b/packages/system/src/utils/types.ts
new file mode 100644
index 000000000..4a4634c2f
--- /dev/null
+++ b/packages/system/src/utils/types.ts
@@ -0,0 +1 @@
+export type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;

From e5acbbcf9d3d0770811a36119f3a9afca73de86d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 23 Oct 2023 17:47:50 +0200
Subject: [PATCH 0266/1093] chore(types): cleanup

---
 packages/react/src/hooks/useReactFlow.ts      |  2 +-
 packages/react/src/types/instance.ts          | 14 +++++-----
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 28 +++++++++----------
 packages/svelte/src/lib/types/edges.ts        |  2 ++
 packages/system/src/types/general.ts          |  2 +-
 packages/system/src/utils/graph.ts            |  4 +--
 6 files changed, 27 insertions(+), 25 deletions(-)

diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index da65a4e39..70f5e203d 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -178,7 +178,7 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
 
   const getNodeRect = useCallback(
     (
-      nodeOrRect: (Partial<Node<NodeData>> & { id: Node['id'] }) | Rect
+      nodeOrRect: Node<NodeData> | { id: Node['id'] } | Rect
     ): [Rect | null, Node<NodeData> | null | undefined, boolean] => {
       const isRect = isRectObject(nodeOrRect);
       const node = isRect ? null : store.getState().nodes.find((n) => n.id === nodeOrRect.id);
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 3d123c1a0..f229ec87b 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -10,8 +10,8 @@ export type ReactFlowJsonObject<NodeData = any, EdgeData = any> = {
 };
 
 export type DeleteElementsOptions = {
-  nodes?: (Partial<Node> & { id: Node['id'] })[];
-  edges?: (Partial<Edge> & { id: Edge['id'] })[];
+  nodes?: (Node | { id: Node['id'] })[];
+  edges?: (Edge | { id: Edge['id'] })[];
 };
 
 export namespace Instance {
@@ -33,18 +33,18 @@ export namespace Instance {
     deletedEdges: Edge[];
   };
   export type GetIntersectingNodes<NodeData> = (
-    node: (Partial<Node<NodeData>> & { id: Node['id'] }) | Rect,
+    node: Node<NodeData> | { id: Node['id'] } | Rect,
     partially?: boolean,
     nodes?: Node<NodeData>[]
   ) => Node<NodeData>[];
   export type IsNodeIntersecting<NodeData> = (
-    node: (Partial<Node<NodeData>> & { id: Node['id'] }) | Rect,
+    node: Node<NodeData> | { id: Node['id'] } | Rect,
     area: Rect,
     partially?: boolean
   ) => boolean;
-  export type getConnectedEdges = (id: string | (Partial<Node> & { id: Node['id'] })[]) => Edge[];
-  export type getIncomers = (node: string | (Partial<Node> & { id: Node['id'] })) => Node[];
-  export type getOutgoers = (node: string | (Partial<Node> & { id: Node['id'] })) => Node[];
+  export type getConnectedEdges = (id: string | (Node | { id: Node['id'] })[]) => Edge[];
+  export type getIncomers = (node: string | Node | { id: Node['id'] }) => Node[];
+  export type getOutgoers = (node: string | Node | { id: Node['id'] }) => Node[];
 }
 
 export type ReactFlowInstance<NodeData = any, EdgeData = any> = {
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 756b856c3..d4a832d97 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -31,26 +31,26 @@ export function useSvelteFlow(): {
   getViewport: () => Viewport;
   fitView: (options?: FitViewOptions) => void;
   getIntersectingNodes: (
-    nodeOrRect: (Partial<Node> & { id: Node['id'] }) | Rect,
+    nodeOrRect: Node | { id: Node['id'] } | Rect,
     partially?: boolean,
     nodesToIntersect?: Node[]
   ) => Node[];
   isNodeIntersecting: (
-    nodeOrRect: (Partial<Node> & { id: Node['id'] }) | Rect,
+    nodeOrRect: Node | { id: Node['id'] } | Rect,
     area: Rect,
     partially?: boolean
   ) => boolean;
   fitBounds: (bounds: Rect, options?: FitBoundsOptions) => void;
   deleteElements: (
-    nodesToRemove?: Partial<Node> & { id: string }[],
-    edgesToRemove?: Partial<Edge> & { id: string }[]
+    nodesToRemove?: (Node | { id: Node['id'] })[],
+    edgesToRemove?: (Edge | { id: Edge['id'] })[]
   ) => { deletedNodes: Node[]; deletedEdges: Edge[] };
   screenToFlowCoordinate: (position: XYPosition) => XYPosition;
   flowToScreenCoordinate: (position: XYPosition) => XYPosition;
   viewport: Writable<Viewport>;
-  getConnectedEdges: (id: string | (Partial<Node> & { id: Node['id'] })[]) => Edge[];
-  getIncomers: (node: string | (Partial<Node> & { id: Node['id'] })) => Node[];
-  getOutgoers: (node: string | (Partial<Node> & { id: Node['id'] })) => Node[];
+  getConnectedEdges: (id: string | (Node | { id: Node['id'] })[]) => Edge[];
+  getIncomers: (node: string | Node | { id: Node['id'] }) => Node[];
+  getOutgoers: (node: string | Node | { id: Node['id'] }) => Node[];
 } {
   const {
     zoomIn,
@@ -69,7 +69,7 @@ export function useSvelteFlow(): {
   } = useStore();
 
   const getNodeRect = (
-    nodeOrRect: (Partial<Node> & { id: Node['id'] }) | Rect
+    nodeOrRect: Node | { id: Node['id'] } | Rect
   ): [Rect | null, Node | null | undefined, boolean] => {
     const isRect = isRectObject(nodeOrRect);
     const node = isRect ? null : get(nodes).find((n) => n.id === nodeOrRect.id);
@@ -136,7 +136,7 @@ export function useSvelteFlow(): {
       );
     },
     getIntersectingNodes: (
-      nodeOrRect: (Partial<Node> & { id: Node['id'] }) | Rect,
+      nodeOrRect: Node | { id: Node['id'] } | Rect,
       partially = true,
       nodesToIntersect?: Node[]
     ) => {
@@ -155,11 +155,11 @@ export function useSvelteFlow(): {
         const overlappingArea = getOverlappingArea(currNodeRect, nodeRect);
         const partiallyVisible = partially && overlappingArea > 0;
 
-        return partiallyVisible || overlappingArea >= nodeOrRect.width! * nodeOrRect.height!;
+        return partiallyVisible || overlappingArea >= nodeRect.width * nodeRect.height;
       });
     },
     isNodeIntersecting: (
-      nodeOrRect: (Partial<Node> & { id: Node['id'] }) | Rect,
+      nodeOrRect: Node | { id: Node['id'] } | Rect,
       area: Rect,
       partially = true
     ) => {
@@ -172,11 +172,11 @@ export function useSvelteFlow(): {
       const overlappingArea = getOverlappingArea(nodeRect, area);
       const partiallyVisible = partially && overlappingArea > 0;
 
-      return partiallyVisible || overlappingArea >= nodeOrRect.width! * nodeOrRect.height!;
+      return partiallyVisible || overlappingArea >= nodeRect.width * nodeRect.height;
     },
     deleteElements: (
-      nodesToRemove: Partial<Node> & { id: string }[] = [],
-      edgesToRemove: Partial<Edge> & { id: string }[] = []
+      nodesToRemove: (Node | { id: Node['id'] })[] = [],
+      edgesToRemove: (Edge | { id: Edge['id'] })[] = []
     ) => {
       const _nodes = get(nodes);
       const _edges = get(edges);
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 3f65be9c3..33f0d9081 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -39,6 +39,8 @@ export type Edge<T = any> =
 
 export type EdgeProps = Omit<Edge, 'sourceHandle' | 'targetHandle'> &
   EdgePosition & {
+    markerStart?: string;
+    markerEnd?: string;
     sourceHandleId?: string | null;
     targetHandleId?: string | null;
   };
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index d23dee9b1..bc86442d9 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -63,7 +63,7 @@ export type FitViewOptionsBase<NodeType extends NodeBase> = {
   minZoom?: number;
   maxZoom?: number;
   duration?: number;
-  nodes?: (Partial<NodeType> & { id: NodeType['id'] })[];
+  nodes?: (NodeType | { id: NodeType['id'] })[];
 };
 
 export type Viewport = {
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 174675039..d9ef71630 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -35,7 +35,7 @@ export const isNodeBase = <NodeType extends NodeBase = NodeBase, EdgeType extend
 ): element is NodeType => 'id' in element && !('source' in element) && !('target' in element);
 
 export const getOutgoersBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
-  node: Partial<NodeType> & { id: string },
+  node: NodeType | { id: string },
   nodes: NodeType[],
   edges: EdgeType[]
 ): NodeType[] => {
@@ -54,7 +54,7 @@ export const getOutgoersBase = <NodeType extends NodeBase = NodeBase, EdgeType e
 };
 
 export const getIncomersBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
-  node: Partial<NodeType> & { id: string },
+  node: NodeType | { id: string },
   nodes: NodeType[],
   edges: EdgeType[]
 ): NodeType[] => {

From 7bc35b59aa2a3bdeb7dceab7693c662143739ebf Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 23 Oct 2023 18:05:04 +0200
Subject: [PATCH 0267/1093] chore(examples): remove next example

---
 examples/next-xyflow/.eslintrc.json          |    3 -
 examples/next-xyflow/.gitignore              |   35 -
 examples/next-xyflow/README.md               |   36 -
 examples/next-xyflow/next.config.js          |    4 -
 examples/next-xyflow/package-lock.json       | 3656 ------------------
 examples/next-xyflow/package.json            |   25 -
 examples/next-xyflow/public/next.svg         |    1 -
 examples/next-xyflow/public/vercel.svg       |    1 -
 examples/next-xyflow/src/app/globals.css     |   29 -
 examples/next-xyflow/src/app/layout.tsx      |   22 -
 examples/next-xyflow/src/app/page.module.css |    3 -
 examples/next-xyflow/src/app/page.tsx        |  102 -
 examples/next-xyflow/src/components/Flow.tsx |   50 -
 examples/next-xyflow/tsconfig.json           |   27 -
 14 files changed, 3994 deletions(-)
 delete mode 100644 examples/next-xyflow/.eslintrc.json
 delete mode 100644 examples/next-xyflow/.gitignore
 delete mode 100644 examples/next-xyflow/README.md
 delete mode 100644 examples/next-xyflow/next.config.js
 delete mode 100644 examples/next-xyflow/package-lock.json
 delete mode 100644 examples/next-xyflow/package.json
 delete mode 100644 examples/next-xyflow/public/next.svg
 delete mode 100644 examples/next-xyflow/public/vercel.svg
 delete mode 100644 examples/next-xyflow/src/app/globals.css
 delete mode 100644 examples/next-xyflow/src/app/layout.tsx
 delete mode 100644 examples/next-xyflow/src/app/page.module.css
 delete mode 100644 examples/next-xyflow/src/app/page.tsx
 delete mode 100644 examples/next-xyflow/src/components/Flow.tsx
 delete mode 100644 examples/next-xyflow/tsconfig.json

diff --git a/examples/next-xyflow/.eslintrc.json b/examples/next-xyflow/.eslintrc.json
deleted file mode 100644
index bffb357a7..000000000
--- a/examples/next-xyflow/.eslintrc.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "extends": "next/core-web-vitals"
-}
diff --git a/examples/next-xyflow/.gitignore b/examples/next-xyflow/.gitignore
deleted file mode 100644
index 8f322f0d8..000000000
--- a/examples/next-xyflow/.gitignore
+++ /dev/null
@@ -1,35 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# local env files
-.env*.local
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
diff --git a/examples/next-xyflow/README.md b/examples/next-xyflow/README.md
deleted file mode 100644
index c4033664f..000000000
--- a/examples/next-xyflow/README.md
+++ /dev/null
@@ -1,36 +0,0 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
diff --git a/examples/next-xyflow/next.config.js b/examples/next-xyflow/next.config.js
deleted file mode 100644
index 767719fc4..000000000
--- a/examples/next-xyflow/next.config.js
+++ /dev/null
@@ -1,4 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {}
-
-module.exports = nextConfig
diff --git a/examples/next-xyflow/package-lock.json b/examples/next-xyflow/package-lock.json
deleted file mode 100644
index 436a5d366..000000000
--- a/examples/next-xyflow/package-lock.json
+++ /dev/null
@@ -1,3656 +0,0 @@
-{
-  "name": "next-xyflow",
-  "version": "0.1.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "next-xyflow",
-      "version": "0.1.0",
-      "dependencies": {
-        "next": "13.5.4",
-        "react": "^18",
-        "react-dom": "^18"
-      },
-      "devDependencies": {
-        "@types/node": "^20",
-        "@types/react": "^18",
-        "@types/react-dom": "^18",
-        "eslint": "^8",
-        "eslint-config-next": "13.5.4",
-        "typescript": "^5"
-      }
-    },
-    "node_modules/@aashutoshrathi/word-wrap": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
-      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/@babel/runtime": {
-      "version": "7.23.1",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.1.tgz",
-      "integrity": "sha512-hC2v6p8ZSI/W0HUzh3V8C5g+NwSKzKPtJwSpTjwl0o297GP9+ZLQSkdvHz46CM3LqyoXxq+5G9komY+eSqSO0g==",
-      "dev": true,
-      "dependencies": {
-        "regenerator-runtime": "^0.14.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-      "dev": true,
-      "dependencies": {
-        "eslint-visitor-keys": "^3.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-      }
-    },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.9.1.tgz",
-      "integrity": "sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==",
-      "dev": true,
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.2.tgz",
-      "integrity": "sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^9.6.0",
-        "globals": "^13.19.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
-        "minimatch": "^3.1.2",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint/js": {
-      "version": "8.51.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.51.0.tgz",
-      "integrity": "sha512-HxjQ8Qn+4SI3/AFv6sOrDB+g6PpUTDwSJiQqOrnneEk8L71161srI9gjzzZvYVbzHiVg/BvcH95+cK/zfIt4pg==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.11",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.11.tgz",
-      "integrity": "sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==",
-      "dev": true,
-      "dependencies": {
-        "@humanwhocodes/object-schema": "^1.2.1",
-        "debug": "^4.1.1",
-        "minimatch": "^3.0.5"
-      },
-      "engines": {
-        "node": ">=10.10.0"
-      }
-    },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.22"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@humanwhocodes/object-schema": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
-      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
-      "dev": true
-    },
-    "node_modules/@next/env": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.5.4.tgz",
-      "integrity": "sha512-LGegJkMvRNw90WWphGJ3RMHMVplYcOfRWf2Be3td3sUa+1AaxmsYyANsA+znrGCBjXJNi4XAQlSoEfUxs/4kIQ=="
-    },
-    "node_modules/@next/eslint-plugin-next": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-13.5.4.tgz",
-      "integrity": "sha512-vI94U+D7RNgX6XypSyjeFrOzxGlZyxOplU0dVE5norIfZGn/LDjJYPHdvdsR5vN1eRtl6PDAsOHmycFEOljK5A==",
-      "dev": true,
-      "dependencies": {
-        "glob": "7.1.7"
-      }
-    },
-    "node_modules/@next/swc-darwin-arm64": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.4.tgz",
-      "integrity": "sha512-Df8SHuXgF1p+aonBMcDPEsaahNo2TCwuie7VXED4FVyECvdXfRT9unapm54NssV9tF3OQFKBFOdlje4T43VO0w==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-darwin-x64": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.4.tgz",
-      "integrity": "sha512-siPuUwO45PnNRMeZnSa8n/Lye5ZX93IJom9wQRB5DEOdFrw0JjOMu1GINB8jAEdwa7Vdyn1oJ2xGNaQpdQQ9Pw==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.4.tgz",
-      "integrity": "sha512-l/k/fvRP/zmB2jkFMfefmFkyZbDkYW0mRM/LB+tH5u9pB98WsHXC0WvDHlGCYp3CH/jlkJPL7gN8nkTQVrQ/2w==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.4.tgz",
-      "integrity": "sha512-YYGb7SlLkI+XqfQa8VPErljb7k9nUnhhRrVaOdfJNCaQnHBcvbT7cx/UjDQLdleJcfyg1Hkn5YSSIeVfjgmkTg==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.4.tgz",
-      "integrity": "sha512-uE61vyUSClnCH18YHjA8tE1prr/PBFlBFhxBZis4XBRJoR+txAky5d7gGNUIbQ8sZZ7LVkSVgm/5Fc7mwXmRAg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-musl": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.4.tgz",
-      "integrity": "sha512-qVEKFYML/GvJSy9CfYqAdUexA6M5AklYcQCW+8JECmkQHGoPxCf04iMh7CPR7wkHyWWK+XLt4Ja7hhsPJtSnhg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.4.tgz",
-      "integrity": "sha512-mDSQfqxAlfpeZOLPxLymZkX0hYF3juN57W6vFHTvwKlnHfmh12Pt7hPIRLYIShk8uYRsKPtMTth/EzpwRI+u8w==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.4.tgz",
-      "integrity": "sha512-aoqAT2XIekIWoriwzOmGFAvTtVY5O7JjV21giozBTP5c6uZhpvTWRbmHXbmsjZqY4HnEZQRXWkSAppsIBweKqw==",
-      "cpu": [
-        "ia32"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.4.tgz",
-      "integrity": "sha512-cyRvlAxwlddlqeB9xtPSfNSCRy8BOa4wtMo0IuI9P7Y0XT2qpDrpFKRyZ7kUngZis59mPVla5k8X1oOJ8RxDYg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@rushstack/eslint-patch": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz",
-      "integrity": "sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==",
-      "dev": true
-    },
-    "node_modules/@swc/helpers": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
-      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@types/json5": {
-      "version": "0.0.29",
-      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-      "dev": true
-    },
-    "node_modules/@types/node": {
-      "version": "20.8.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.8.4.tgz",
-      "integrity": "sha512-ZVPnqU58giiCjSxjVUESDtdPk4QR5WQhhINbc9UBrKLU68MX5BF6kbQzTrkwbolyr0X8ChBpXfavr5mZFKZQ5A==",
-      "dev": true,
-      "dependencies": {
-        "undici-types": "~5.25.1"
-      }
-    },
-    "node_modules/@types/prop-types": {
-      "version": "15.7.8",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.8.tgz",
-      "integrity": "sha512-kMpQpfZKSCBqltAJwskgePRaYRFukDkm1oItcAbC3gNELR20XIBcN9VRgg4+m8DKsTfkWeA4m4Imp4DDuWy7FQ==",
-      "dev": true
-    },
-    "node_modules/@types/react": {
-      "version": "18.2.27",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.27.tgz",
-      "integrity": "sha512-Wfv7B7FZiR2r3MIqbAlXoY1+tXm4bOqfz4oRr+nyXdBqapDBZ0l/IGcSlAfvxIHEEJjkPU0MYAc/BlFPOcrgLw==",
-      "dev": true,
-      "dependencies": {
-        "@types/prop-types": "*",
-        "@types/scheduler": "*",
-        "csstype": "^3.0.2"
-      }
-    },
-    "node_modules/@types/react-dom": {
-      "version": "18.2.12",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.12.tgz",
-      "integrity": "sha512-QWZuiA/7J/hPIGocXreCRbx7wyoeet9ooxfbSA+zbIWqyQEE7GMtRn4A37BdYyksnN+/NDnWgfxZH9UVGDw1hg==",
-      "dev": true,
-      "dependencies": {
-        "@types/react": "*"
-      }
-    },
-    "node_modules/@types/scheduler": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.4.tgz",
-      "integrity": "sha512-2L9ifAGl7wmXwP4v3pN4p2FLhD0O1qsJpvKmNin5VA8+UvNVb447UDaAEV6UdrkA+m/Xs58U1RFps44x6TFsVQ==",
-      "dev": true
-    },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "6.7.5",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.7.5.tgz",
-      "integrity": "sha512-bIZVSGx2UME/lmhLcjdVc7ePBwn7CLqKarUBL4me1C5feOd663liTGjMBGVcGr+BhnSLeP4SgwdvNnnkbIdkCw==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "6.7.5",
-        "@typescript-eslint/types": "6.7.5",
-        "@typescript-eslint/typescript-estree": "6.7.5",
-        "@typescript-eslint/visitor-keys": "6.7.5",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "6.7.5",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.7.5.tgz",
-      "integrity": "sha512-GAlk3eQIwWOJeb9F7MKQ6Jbah/vx1zETSDw8likab/eFcqkjSD7BI75SDAeC5N2L0MmConMoPvTsmkrg71+B1A==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "6.7.5",
-        "@typescript-eslint/visitor-keys": "6.7.5"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/types": {
-      "version": "6.7.5",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.7.5.tgz",
-      "integrity": "sha512-WboQBlOXtdj1tDFPyIthpKrUb+kZf2VroLZhxKa/VlwLlLyqv/PwUNgL30BlTVZV1Wu4Asu2mMYPqarSO4L5ZQ==",
-      "dev": true,
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "6.7.5",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.7.5.tgz",
-      "integrity": "sha512-NhJiJ4KdtwBIxrKl0BqG1Ur+uw7FiOnOThcYx9DpOGJ/Abc9z2xNzLeirCG02Ig3vkvrc2qFLmYSSsaITbKjlg==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "6.7.5",
-        "@typescript-eslint/visitor-keys": "6.7.5",
-        "debug": "^4.3.4",
-        "globby": "^11.1.0",
-        "is-glob": "^4.0.3",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "6.7.5",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.7.5.tgz",
-      "integrity": "sha512-3MaWdDZtLlsexZzDSdQWsFQ9l9nL8B80Z4fImSpyllFC/KLqWQRdEcB+gGGO+N3Q2uL40EsG66wZLsohPxNXvg==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "6.7.5",
-        "eslint-visitor-keys": "^3.4.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/acorn": {
-      "version": "8.10.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
-      "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
-    },
-    "node_modules/aria-query": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
-      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
-      "dev": true,
-      "dependencies": {
-        "dequal": "^2.0.3"
-      }
-    },
-    "node_modules/array-buffer-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
-      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "is-array-buffer": "^3.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-includes": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
-      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "is-string": "^1.0.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-union": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/array.prototype.findlastindex": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
-      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flat": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
-      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flatmap": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
-      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.tosorted": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.2.tgz",
-      "integrity": "sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.2.1"
-      }
-    },
-    "node_modules/arraybuffer.prototype.slice": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
-      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "is-array-buffer": "^3.0.2",
-        "is-shared-array-buffer": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/ast-types-flow": {
-      "version": "0.0.7",
-      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
-      "integrity": "sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==",
-      "dev": true
-    },
-    "node_modules/asynciterator.prototype": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
-      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      }
-    },
-    "node_modules/available-typed-arrays": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
-      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/axe-core": {
-      "version": "4.8.2",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.8.2.tgz",
-      "integrity": "sha512-/dlp0fxyM3R8YW7MFzaHWXrf4zzbr0vaYb23VBFCl83R7nWNPg/yaQw2Dc8jzCMmDVLhSdzH8MjrsuIUuvX+6g==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/axobject-query": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
-      "integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
-      "dev": true,
-      "dependencies": {
-        "dequal": "^2.0.3"
-      }
-    },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true
-    },
-    "node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "dev": true,
-      "dependencies": {
-        "fill-range": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/busboy": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
-      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
-      "dependencies": {
-        "streamsearch": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=10.16.0"
-      }
-    },
-    "node_modules/call-bind": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
-      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001547",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001547.tgz",
-      "integrity": "sha512-W7CrtIModMAxobGhz8iXmDfuJiiKg1WADMO/9x7/CLNin5cpSbuBjooyoIUVB5eyCc36QuTVlkVa1iB2S5+/eA==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ]
-    },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/client-only": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/csstype": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
-      "dev": true
-    },
-    "node_modules/damerau-levenshtein": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
-      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
-      "dev": true
-    },
-    "node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true
-    },
-    "node_modules/define-data-property": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.0.tgz",
-      "integrity": "sha512-UzGwzcjyv3OtAvolTj1GoyNYzfFR+iqbGjcnBEENZVCpM4/Ng1yhGNvS3lR/xDS74Tb2wGG9WzNSNIOS9UVb2g==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.1",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/define-properties": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
-      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/dequal": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/dir-glob": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
-      "dependencies": {
-        "path-type": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "dev": true
-    },
-    "node_modules/enhanced-resolve": {
-      "version": "5.15.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
-      "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/es-abstract": {
-      "version": "1.22.2",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.2.tgz",
-      "integrity": "sha512-YoxfFcDmhjOgWPWsV13+2RNjq1F6UQnfs+8TftwNqtzlmFzEXvlUwdrNrYeaizfjQzRMxkZ6ElWMOJIFKdVqwA==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "arraybuffer.prototype.slice": "^1.0.2",
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
-        "es-set-tostringtag": "^2.0.1",
-        "es-to-primitive": "^1.2.1",
-        "function.prototype.name": "^1.1.6",
-        "get-intrinsic": "^1.2.1",
-        "get-symbol-description": "^1.0.0",
-        "globalthis": "^1.0.3",
-        "gopd": "^1.0.1",
-        "has": "^1.0.3",
-        "has-property-descriptors": "^1.0.0",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "is-array-buffer": "^3.0.2",
-        "is-callable": "^1.2.7",
-        "is-negative-zero": "^2.0.2",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "is-string": "^1.0.7",
-        "is-typed-array": "^1.1.12",
-        "is-weakref": "^1.0.2",
-        "object-inspect": "^1.12.3",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.1",
-        "safe-array-concat": "^1.0.1",
-        "safe-regex-test": "^1.0.0",
-        "string.prototype.trim": "^1.2.8",
-        "string.prototype.trimend": "^1.0.7",
-        "string.prototype.trimstart": "^1.0.7",
-        "typed-array-buffer": "^1.0.0",
-        "typed-array-byte-length": "^1.0.0",
-        "typed-array-byte-offset": "^1.0.0",
-        "typed-array-length": "^1.0.4",
-        "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.11"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/es-iterator-helpers": {
-      "version": "1.0.15",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
-      "integrity": "sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==",
-      "dev": true,
-      "dependencies": {
-        "asynciterator.prototype": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.1",
-        "es-set-tostringtag": "^2.0.1",
-        "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.2.1",
-        "globalthis": "^1.0.3",
-        "has-property-descriptors": "^1.0.0",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "iterator.prototype": "^1.1.2",
-        "safe-array-concat": "^1.0.1"
-      }
-    },
-    "node_modules/es-set-tostringtag": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
-      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.3",
-        "has": "^1.0.3",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-shim-unscopables": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
-      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
-      "dev": true,
-      "dependencies": {
-        "has": "^1.0.3"
-      }
-    },
-    "node_modules/es-to-primitive": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-      "dev": true,
-      "dependencies": {
-        "is-callable": "^1.1.4",
-        "is-date-object": "^1.0.1",
-        "is-symbol": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint": {
-      "version": "8.51.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.51.0.tgz",
-      "integrity": "sha512-2WuxRZBrlwnXi+/vFSJyjMqrNjtJqiasMzehF0shoLaW7DzS3/9Yvrmq5JiT66+pNjiX4UBnLDiKHcWAr/OInA==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/eslintrc": "^2.1.2",
-        "@eslint/js": "8.51.0",
-        "@humanwhocodes/config-array": "^0.11.11",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@nodelib/fs.walk": "^1.2.8",
-        "ajv": "^6.12.4",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.2",
-        "debug": "^4.3.2",
-        "doctrine": "^3.0.0",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.2.2",
-        "eslint-visitor-keys": "^3.4.3",
-        "espree": "^9.6.1",
-        "esquery": "^1.4.2",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^6.0.1",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "globals": "^13.19.0",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "is-path-inside": "^3.0.3",
-        "js-yaml": "^4.1.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3",
-        "strip-ansi": "^6.0.1",
-        "text-table": "^0.2.0"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-config-next": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-13.5.4.tgz",
-      "integrity": "sha512-FzQGIj4UEszRX7fcRSJK6L1LrDiVZvDFW320VVntVKh3BSU8Fb9kpaoxQx0cdFgf3MQXdeSbrCXJ/5Z/NndDkQ==",
-      "dev": true,
-      "dependencies": {
-        "@next/eslint-plugin-next": "13.5.4",
-        "@rushstack/eslint-patch": "^1.3.3",
-        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
-        "eslint-import-resolver-node": "^0.3.6",
-        "eslint-import-resolver-typescript": "^3.5.2",
-        "eslint-plugin-import": "^2.28.1",
-        "eslint-plugin-jsx-a11y": "^6.7.1",
-        "eslint-plugin-react": "^7.33.2",
-        "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
-      },
-      "peerDependencies": {
-        "eslint": "^7.23.0 || ^8.0.0",
-        "typescript": ">=3.3.1"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-import-resolver-node": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
-      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^3.2.7",
-        "is-core-module": "^2.13.0",
-        "resolve": "^1.22.4"
-      }
-    },
-    "node_modules/eslint-import-resolver-node/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-import-resolver-typescript": {
-      "version": "3.6.1",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
-      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^4.3.4",
-        "enhanced-resolve": "^5.12.0",
-        "eslint-module-utils": "^2.7.4",
-        "fast-glob": "^3.3.1",
-        "get-tsconfig": "^4.5.0",
-        "is-core-module": "^2.11.0",
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": "^14.18.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
-      },
-      "peerDependencies": {
-        "eslint": "*",
-        "eslint-plugin-import": "*"
-      }
-    },
-    "node_modules/eslint-module-utils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
-      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^3.2.7"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependenciesMeta": {
-        "eslint": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-module-utils/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-import": {
-      "version": "2.28.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.28.1.tgz",
-      "integrity": "sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.findlastindex": "^1.2.2",
-        "array.prototype.flat": "^1.3.1",
-        "array.prototype.flatmap": "^1.3.1",
-        "debug": "^3.2.7",
-        "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.7",
-        "eslint-module-utils": "^2.8.0",
-        "has": "^1.0.3",
-        "is-core-module": "^2.13.0",
-        "is-glob": "^4.0.3",
-        "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.6",
-        "object.groupby": "^1.0.0",
-        "object.values": "^1.1.6",
-        "semver": "^6.3.1",
-        "tsconfig-paths": "^3.14.2"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/eslint-plugin-jsx-a11y": {
-      "version": "6.7.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz",
-      "integrity": "sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.20.7",
-        "aria-query": "^5.1.3",
-        "array-includes": "^3.1.6",
-        "array.prototype.flatmap": "^1.3.1",
-        "ast-types-flow": "^0.0.7",
-        "axe-core": "^4.6.2",
-        "axobject-query": "^3.1.1",
-        "damerau-levenshtein": "^1.0.8",
-        "emoji-regex": "^9.2.2",
-        "has": "^1.0.3",
-        "jsx-ast-utils": "^3.3.3",
-        "language-tags": "=1.0.5",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.6",
-        "object.fromentries": "^2.0.6",
-        "semver": "^6.3.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-jsx-a11y/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/eslint-plugin-react": {
-      "version": "7.33.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
-      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flatmap": "^1.3.1",
-        "array.prototype.tosorted": "^1.1.1",
-        "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.0.12",
-        "estraverse": "^5.3.0",
-        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.6",
-        "object.fromentries": "^2.0.6",
-        "object.hasown": "^1.1.2",
-        "object.values": "^1.1.6",
-        "prop-types": "^15.8.1",
-        "resolve": "^2.0.0-next.4",
-        "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.8"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-react-hooks": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
-      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/resolve": {
-      "version": "2.0.0-next.4",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
-      "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
-      "dev": true,
-      "dependencies": {
-        "is-core-module": "^2.9.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/eslint-scope": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-      "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/espree": {
-      "version": "9.6.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
-      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
-      "dev": true,
-      "dependencies": {
-        "acorn": "^8.9.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^3.4.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/esquery": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
-      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
-    },
-    "node_modules/fast-glob": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
-      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.4"
-      },
-      "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true
-    },
-    "node_modules/fastq": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
-      "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
-      "dev": true,
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "node_modules/file-entry-cache": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-      "dev": true,
-      "dependencies": {
-        "flat-cache": "^3.0.4"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dev": true,
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/flat-cache": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.1.1.tgz",
-      "integrity": "sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==",
-      "dev": true,
-      "dependencies": {
-        "flatted": "^3.2.9",
-        "keyv": "^4.5.3",
-        "rimraf": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/flatted": {
-      "version": "3.2.9",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
-      "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
-      "dev": true
-    },
-    "node_modules/for-each": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
-      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-      "dev": true,
-      "dependencies": {
-        "is-callable": "^1.1.3"
-      }
-    },
-    "node_modules/fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-      "dev": true
-    },
-    "node_modules/function.prototype.name": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
-      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "functions-have-names": "^1.2.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/functions-have-names": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-intrinsic": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
-      "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.1",
-        "has": "^1.0.3",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-symbol-description": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
-      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-tsconfig": {
-      "version": "4.7.2",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
-      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
-      "dev": true,
-      "dependencies": {
-        "resolve-pkg-maps": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
-      }
-    },
-    "node_modules/glob": {
-      "version": "7.1.7",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
-      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
-      "dev": true,
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/glob-to-regexp": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
-    },
-    "node_modules/globals": {
-      "version": "13.23.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^0.20.2"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/globalthis": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
-      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
-      "dependencies": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/graceful-fs": {
-      "version": "4.2.11",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
-    },
-    "node_modules/graphemer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true
-    },
-    "node_modules/has": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.4.tgz",
-      "integrity": "sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/has-bigints": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/has-property-descriptors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
-      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
-      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/ignore": {
-      "version": "5.2.4",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
-      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "dev": true,
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.19"
-      }
-    },
-    "node_modules/inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "dev": true,
-      "dependencies": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
-    },
-    "node_modules/internal-slot": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
-      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.0",
-        "has": "^1.0.3",
-        "side-channel": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-array-buffer": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
-      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.0",
-        "is-typed-array": "^1.1.10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-async-function": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
-      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-bigint": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-      "dev": true,
-      "dependencies": {
-        "has-bigints": "^1.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-boolean-object": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-callable": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-core-module": {
-      "version": "2.13.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz",
-      "integrity": "sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==",
-      "dev": true,
-      "dependencies": {
-        "has": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-date-object": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-finalizationregistry": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
-      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-generator-function": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
-      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-map": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
-      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-negative-zero": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
-      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/is-number-object": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-path-inside": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-regex": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-set": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
-      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-shared-array-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
-      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-string": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-symbol": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-typed-array": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
-      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
-      "dev": true,
-      "dependencies": {
-        "which-typed-array": "^1.1.11"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakmap": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
-      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakref": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
-      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakset": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
-      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/isarray": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-      "dev": true
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true
-    },
-    "node_modules/iterator.prototype": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
-      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.2.1",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "reflect.getprototypeof": "^1.0.4",
-        "set-function-name": "^2.0.1"
-      }
-    },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
-    },
-    "node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true
-    },
-    "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
-    "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true
-    },
-    "node_modules/json5": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
-      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
-      "dev": true,
-      "dependencies": {
-        "minimist": "^1.2.0"
-      },
-      "bin": {
-        "json5": "lib/cli.js"
-      }
-    },
-    "node_modules/jsx-ast-utils": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
-      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flat": "^1.3.1",
-        "object.assign": "^4.1.4",
-        "object.values": "^1.1.6"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/keyv": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-      "dev": true,
-      "dependencies": {
-        "json-buffer": "3.0.1"
-      }
-    },
-    "node_modules/language-subtag-registry": {
-      "version": "0.3.22",
-      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
-      "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==",
-      "dev": true
-    },
-    "node_modules/language-tags": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz",
-      "integrity": "sha512-qJhlO9cGXi6hBGKoxEG/sKZDAHD5Hnu9Hs4WbOY3pCWXDhw0N8x1NenNzm2EnNLkLkk7J2SdxAkDSbb6ftT+UQ==",
-      "dev": true,
-      "dependencies": {
-        "language-subtag-registry": "~0.3.2"
-      }
-    },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true
-    },
-    "node_modules/loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
-      },
-      "bin": {
-        "loose-envify": "cli.js"
-      }
-    },
-    "node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dev": true,
-      "dependencies": {
-        "braces": "^3.0.2",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/minimist": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
-    },
-    "node_modules/nanoid": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
-      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true
-    },
-    "node_modules/next": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/next/-/next-13.5.4.tgz",
-      "integrity": "sha512-+93un5S779gho8y9ASQhb/bTkQF17FNQOtXLKAj3lsNgltEcF0C5PMLLncDmH+8X1EnJH1kbqAERa29nRXqhjA==",
-      "dependencies": {
-        "@next/env": "13.5.4",
-        "@swc/helpers": "0.5.2",
-        "busboy": "1.6.0",
-        "caniuse-lite": "^1.0.30001406",
-        "postcss": "8.4.31",
-        "styled-jsx": "5.1.1",
-        "watchpack": "2.4.0"
-      },
-      "bin": {
-        "next": "dist/bin/next"
-      },
-      "engines": {
-        "node": ">=16.14.0"
-      },
-      "optionalDependencies": {
-        "@next/swc-darwin-arm64": "13.5.4",
-        "@next/swc-darwin-x64": "13.5.4",
-        "@next/swc-linux-arm64-gnu": "13.5.4",
-        "@next/swc-linux-arm64-musl": "13.5.4",
-        "@next/swc-linux-x64-gnu": "13.5.4",
-        "@next/swc-linux-x64-musl": "13.5.4",
-        "@next/swc-win32-arm64-msvc": "13.5.4",
-        "@next/swc-win32-ia32-msvc": "13.5.4",
-        "@next/swc-win32-x64-msvc": "13.5.4"
-      },
-      "peerDependencies": {
-        "@opentelemetry/api": "^1.1.0",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "sass": "^1.3.0"
-      },
-      "peerDependenciesMeta": {
-        "@opentelemetry/api": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-inspect": {
-      "version": "1.12.3",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
-      "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object-keys": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object.assign": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
-      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "has-symbols": "^1.0.3",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.entries": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz",
-      "integrity": "sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object.fromentries": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
-      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.groupby": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
-      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1"
-      }
-    },
-    "node_modules/object.hasown": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz",
-      "integrity": "sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.values": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
-      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dev": true,
-      "dependencies": {
-        "wrappy": "1"
-      }
-    },
-    "node_modules/optionator": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
-      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
-      "dev": true,
-      "dependencies": {
-        "@aashutoshrathi/word-wrap": "^1.2.3",
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
-      "dependencies": {
-        "callsites": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true
-    },
-    "node_modules/path-type": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
-    },
-    "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/prop-types": {
-      "version": "15.8.1",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
-      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "dev": true,
-      "dependencies": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.13.1"
-      }
-    },
-    "node_modules/punycode": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
-      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/react": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
-      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react-dom": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
-      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.0"
-      },
-      "peerDependencies": {
-        "react": "^18.2.0"
-      }
-    },
-    "node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true
-    },
-    "node_modules/reflect.getprototypeof": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
-      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "globalthis": "^1.0.3",
-        "which-builtin-type": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/regenerator-runtime": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
-      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==",
-      "dev": true
-    },
-    "node_modules/regexp.prototype.flags": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
-      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "set-function-name": "^2.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/resolve": {
-      "version": "1.22.6",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.6.tgz",
-      "integrity": "sha512-njhxM7mV12JfufShqGy3Rz8j11RPdLy4xi15UurGJeoHLfJpVXKdh3ueuOqbYUcDZnffr6X739JBo5LzyahEsw==",
-      "dev": true,
-      "dependencies": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/resolve-pkg-maps": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
-      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
-      }
-    },
-    "node_modules/reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/rimraf": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "dev": true,
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
-    "node_modules/safe-array-concat": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
-      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "isarray": "^2.0.5"
-      },
-      "engines": {
-        "node": ">=0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/safe-regex-test": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
-      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "is-regex": "^1.1.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/scheduler": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
-      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      }
-    },
-    "node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/set-function-name": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
-      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.0.1",
-        "functions-have-names": "^1.2.3",
-        "has-property-descriptors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/side-channel": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.0",
-        "get-intrinsic": "^1.0.2",
-        "object-inspect": "^1.9.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/streamsearch": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
-      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/string.prototype.matchall": {
-      "version": "4.0.10",
-      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz",
-      "integrity": "sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "regexp.prototype.flags": "^1.5.0",
-        "set-function-name": "^2.0.0",
-        "side-channel": "^1.0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trim": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
-      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trimend": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
-      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trimstart": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
-      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-bom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
-      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/styled-jsx": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
-      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
-      "dependencies": {
-        "client-only": "0.0.1"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "peerDependencies": {
-        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
-      },
-      "peerDependenciesMeta": {
-        "@babel/core": {
-          "optional": true
-        },
-        "babel-plugin-macros": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/tapable": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
-      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "dev": true
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/ts-api-utils": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz",
-      "integrity": "sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==",
-      "dev": true,
-      "engines": {
-        "node": ">=16.13.0"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.2.0"
-      }
-    },
-    "node_modules/tsconfig-paths": {
-      "version": "3.14.2",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
-      "integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
-      "dev": true,
-      "dependencies": {
-        "@types/json5": "^0.0.29",
-        "json5": "^1.0.2",
-        "minimist": "^1.2.6",
-        "strip-bom": "^3.0.0"
-      }
-    },
-    "node_modules/tslib": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
-    },
-    "node_modules/type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/typed-array-buffer": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
-      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/typed-array-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
-      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "has-proto": "^1.0.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typed-array-byte-offset": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
-      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
-      "dev": true,
-      "dependencies": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "has-proto": "^1.0.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typed-array-length": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
-      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "is-typed-array": "^1.1.9"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typescript": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
-      "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
-      "dev": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/unbox-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
-      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-bigints": "^1.0.2",
-        "has-symbols": "^1.0.3",
-        "which-boxed-primitive": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/undici-types": {
-      "version": "5.25.3",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.25.3.tgz",
-      "integrity": "sha512-Ga1jfYwRn7+cP9v8auvEXN1rX3sWqlayd4HP7OKk4mZWylEmu3KzXDUGrQUN6Ol7qo1gPvB2e5gX6udnyEPgdA==",
-      "dev": true
-    },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/watchpack": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
-      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
-      "dependencies": {
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.1.2"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/which-boxed-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-      "dev": true,
-      "dependencies": {
-        "is-bigint": "^1.0.1",
-        "is-boolean-object": "^1.1.0",
-        "is-number-object": "^1.0.4",
-        "is-string": "^1.0.5",
-        "is-symbol": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-builtin-type": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
-      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
-      "dev": true,
-      "dependencies": {
-        "function.prototype.name": "^1.1.5",
-        "has-tostringtag": "^1.0.0",
-        "is-async-function": "^2.0.0",
-        "is-date-object": "^1.0.5",
-        "is-finalizationregistry": "^1.0.2",
-        "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.1",
-        "which-typed-array": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-collection": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
-      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
-      "dev": true,
-      "dependencies": {
-        "is-map": "^2.0.1",
-        "is-set": "^2.0.1",
-        "is-weakmap": "^2.0.1",
-        "is-weakset": "^2.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-typed-array": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.11.tgz",
-      "integrity": "sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==",
-      "dev": true,
-      "dependencies": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true
-    },
-    "node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    }
-  }
-}
diff --git a/examples/next-xyflow/package.json b/examples/next-xyflow/package.json
deleted file mode 100644
index 1c457fe38..000000000
--- a/examples/next-xyflow/package.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-  "name": "next-xyflow",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "@xyflow/react": "workspace:^",
-    "next": "13.5.4",
-    "react": "^18",
-    "react-dom": "^18"
-  },
-  "devDependencies": {
-    "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "eslint": "^8",
-    "eslint-config-next": "13.5.4",
-    "typescript": "^5"
-  }
-}
diff --git a/examples/next-xyflow/public/next.svg b/examples/next-xyflow/public/next.svg
deleted file mode 100644
index 5174b28c5..000000000
--- a/examples/next-xyflow/public/next.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/examples/next-xyflow/public/vercel.svg b/examples/next-xyflow/public/vercel.svg
deleted file mode 100644
index d2f842227..000000000
--- a/examples/next-xyflow/public/vercel.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>
\ No newline at end of file
diff --git a/examples/next-xyflow/src/app/globals.css b/examples/next-xyflow/src/app/globals.css
deleted file mode 100644
index 6592940e8..000000000
--- a/examples/next-xyflow/src/app/globals.css
+++ /dev/null
@@ -1,29 +0,0 @@
-:root {
-  --max-width: 1100px;
-  --font-mono: ui-monospace, Menlo, Monaco;
-
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
-
-* {
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-}
-
-html,
-body {
-  max-width: 100vw;
-  overflow-x: hidden;
-}
-
-body {
-  background: linear-gradient(to bottom, transparent, rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
diff --git a/examples/next-xyflow/src/app/layout.tsx b/examples/next-xyflow/src/app/layout.tsx
deleted file mode 100644
index ae8456212..000000000
--- a/examples/next-xyflow/src/app/layout.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import './globals.css'
-import type { Metadata } from 'next'
-import { Inter } from 'next/font/google'
-
-const inter = Inter({ subsets: ['latin'] })
-
-export const metadata: Metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
-}
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
-  return (
-    <html lang="en">
-      <body className={inter.className}>{children}</body>
-    </html>
-  )
-}
diff --git a/examples/next-xyflow/src/app/page.module.css b/examples/next-xyflow/src/app/page.module.css
deleted file mode 100644
index 68e921882..000000000
--- a/examples/next-xyflow/src/app/page.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.main {
-  display: flex;
-}
diff --git a/examples/next-xyflow/src/app/page.tsx b/examples/next-xyflow/src/app/page.tsx
deleted file mode 100644
index 67caec3ff..000000000
--- a/examples/next-xyflow/src/app/page.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import { Edge, Node, Position, ReactFlowProvider } from '@xyflow/react';
-
-import styles from './page.module.css';
-import Flow from '../components/Flow';
-
-const nodeSize = {
-  width: 100,
-  height: 40,
-};
-
-const initialNodes: Node[] = [
-  {
-    id: '1',
-    type: 'input',
-    data: { label: 'Node 1' },
-    position: { x: 250, y: 5 },
-    size: nodeSize,
-    handles: [
-      {
-        type: 'source',
-        position: 'bottom' as Position,
-        x: nodeSize.width * 0.5,
-        y: nodeSize.height,
-        width: 1,
-        height: 1,
-      },
-    ],
-  },
-  {
-    id: '2',
-    data: { label: 'Node 2' },
-    position: { x: 100, y: 100 },
-    size: nodeSize,
-    handles: [
-      {
-        type: 'source',
-        position: 'bottom' as Position,
-        x: nodeSize.width * 0.5,
-        y: nodeSize.height,
-        width: 1,
-        height: 1,
-      },
-      {
-        type: 'target',
-        position: 'top' as Position,
-        x: nodeSize.width * 0.5,
-        y: 0,
-        width: 1,
-        height: 1,
-      },
-    ],
-  },
-  {
-    id: '3',
-    data: { label: 'Node 3' },
-    position: { x: 400, y: 100 },
-    size: nodeSize,
-    handles: [
-      {
-        type: 'source',
-        position: 'bottom' as Position,
-        x: nodeSize.width * 0.5,
-        y: nodeSize.height,
-        width: 1,
-        height: 1,
-      },
-      {
-        type: 'target',
-        position: 'top' as Position,
-        x: nodeSize.width * 0.5,
-        y: 0,
-        width: 1,
-        height: 1,
-      },
-    ],
-  },
-];
-
-const initialEdges: Edge[] = [
-  { id: 'e1-2', source: '1', target: '2', animated: true },
-  { id: 'e1-3', source: '1', target: '3', animated: true },
-];
-
-async function fetchData(): Promise<{ nodes: Node[]; edges: Edge[] }> {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve({ nodes: initialNodes, edges: initialEdges });
-    }, 1000);
-  });
-}
-
-export default async function App() {
-  const { nodes, edges } = await fetchData();
-
-  return (
-    <main className={styles.main}>
-      <ReactFlowProvider initialNodes={nodes} initialEdges={edges}>
-        <Flow nodes={nodes} edges={edges} />
-      </ReactFlowProvider>
-    </main>
-  );
-}
diff --git a/examples/next-xyflow/src/components/Flow.tsx b/examples/next-xyflow/src/components/Flow.tsx
deleted file mode 100644
index bdd11fb53..000000000
--- a/examples/next-xyflow/src/components/Flow.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-'use client';
-
-import { useCallback, useState } from 'react';
-import {
-  ReactFlow,
-  addEdge,
-  Node,
-  Edge,
-  applyNodeChanges,
-  applyEdgeChanges,
-  OnNodesChange,
-  OnEdgesChange,
-  OnConnect,
-  OnError,
-} from '@xyflow/react';
-
-import '@xyflow/react/dist/style.css';
-
-export default function App({ nodes: initNodes, edges: initEdges }: { nodes: Node[]; edges: Edge[] }) {
-  const [nodes, setNodes] = useState<Node[]>(initNodes);
-  const [edges, setEdges] = useState<Edge[]>(initEdges);
-
-  const onNodesChange: OnNodesChange = useCallback(
-    (chs) => {
-      setNodes((nds) => applyNodeChanges(chs, nds));
-    },
-    [setNodes]
-  );
-
-  const onEdgesChange: OnEdgesChange = useCallback(
-    (chs) => {
-      setEdges((eds) => applyEdgeChanges(chs, eds));
-    },
-    [setEdges]
-  );
-
-  const onConnect: OnConnect = useCallback((params) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
-
-  return (
-    <div style={{ width: '100vw', height: '100vh' }}>
-      <ReactFlow
-        nodes={nodes}
-        edges={edges}
-        onNodesChange={onNodesChange}
-        onEdgesChange={onEdgesChange}
-        onConnect={onConnect}
-      />
-    </div>
-  );
-}
diff --git a/examples/next-xyflow/tsconfig.json b/examples/next-xyflow/tsconfig.json
deleted file mode 100644
index e59724b28..000000000
--- a/examples/next-xyflow/tsconfig.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
-}

From 9351a492ac74ee81638df7d8a0ad70892829fca7 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 23 Oct 2023 18:05:19 +0200
Subject: [PATCH 0268/1093] chore(examples): cleanup astro

---
 examples/astro-xyflow/.vscode/extensions.json     |  4 ----
 examples/astro-xyflow/.vscode/launch.json         | 11 -----------
 examples/astro-xyflow/public/.gitkeep             |  0
 examples/astro-xyflow/public/favicon.svg          |  9 ---------
 .../src/components/SvelteFlowExample/index.svelte | 10 ++++++----
 examples/astro-xyflow/src/pages/index.astro       | 15 +++++----------
 6 files changed, 11 insertions(+), 38 deletions(-)
 delete mode 100644 examples/astro-xyflow/.vscode/extensions.json
 delete mode 100644 examples/astro-xyflow/.vscode/launch.json
 create mode 100644 examples/astro-xyflow/public/.gitkeep
 delete mode 100644 examples/astro-xyflow/public/favicon.svg

diff --git a/examples/astro-xyflow/.vscode/extensions.json b/examples/astro-xyflow/.vscode/extensions.json
deleted file mode 100644
index 22a15055d..000000000
--- a/examples/astro-xyflow/.vscode/extensions.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "recommendations": ["astro-build.astro-vscode"],
-  "unwantedRecommendations": []
-}
diff --git a/examples/astro-xyflow/.vscode/launch.json b/examples/astro-xyflow/.vscode/launch.json
deleted file mode 100644
index d64220976..000000000
--- a/examples/astro-xyflow/.vscode/launch.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "version": "0.2.0",
-  "configurations": [
-    {
-      "command": "./node_modules/.bin/astro dev",
-      "name": "Development server",
-      "request": "launch",
-      "type": "node-terminal"
-    }
-  ]
-}
diff --git a/examples/astro-xyflow/public/.gitkeep b/examples/astro-xyflow/public/.gitkeep
new file mode 100644
index 000000000..e69de29bb
diff --git a/examples/astro-xyflow/public/favicon.svg b/examples/astro-xyflow/public/favicon.svg
deleted file mode 100644
index f157bd1c5..000000000
--- a/examples/astro-xyflow/public/favicon.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
-    <path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
-    <style>
-        path { fill: #000; }
-        @media (prefers-color-scheme: dark) {
-            path { fill: #FFF; }
-        }
-    </style>
-</svg>
diff --git a/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte b/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte
index 45f37b130..cfa8a449d 100644
--- a/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte
+++ b/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte
@@ -78,7 +78,9 @@
   };
 </script>
 
-<SvelteFlow {nodes} {edges} fitView {defaultEdgeOptions}>
-  <Controls />
-  <Background variant={BackgroundVariant.Dots} />
-</SvelteFlow>
+<div style="height: 400px; width: 700px;">
+  <SvelteFlow {nodes} {edges} fitView {defaultEdgeOptions} width={700} height={400}>
+    <Controls />
+    <Background variant={BackgroundVariant.Dots} />
+  </SvelteFlow>
+</div>
diff --git a/examples/astro-xyflow/src/pages/index.astro b/examples/astro-xyflow/src/pages/index.astro
index 5dae52a0b..be9d18850 100644
--- a/examples/astro-xyflow/src/pages/index.astro
+++ b/examples/astro-xyflow/src/pages/index.astro
@@ -1,15 +1,14 @@
 ---
-import RF from '../components/ReactFlowExample' 
-import SF from '../components/SvelteFlowExample/index.svelte' 
+import ReactFlowApp from '../components/ReactFlowExample' 
+import SvelteFlowApp from '../components/SvelteFlowExample/index.svelte' 
 ---
 
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
-		<title>Astro</title>
+		<title>Astro example for React Flow and Svelte Flow</title>
 
 		<style>
 			html, body {
@@ -20,13 +19,9 @@ import SF from '../components/SvelteFlowExample/index.svelte'
 	</head>
 	<body>
 		<h2>Svelte Flow</h2>
-		<div style="height: 400px">
-			<SF />
-		</div>
+		<SvelteFlowApp />
 
 		<h2>React Flow</h2>
-		<div >
-			<RF />
-		</div>
+		<ReactFlowApp />
 	</body>
 </html>

From 2435a0da8ffab6e4d0a477aefc89bc6380ddba79 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 23 Oct 2023 18:05:45 +0200
Subject: [PATCH 0269/1093] feat(svelte): ssr fitView

---
 packages/react/src/hooks/useReactFlow.ts      |  4 +--
 .../SvelteFlowProvider.svelte                 |  4 ++-
 .../components/SvelteFlowProvider/types.ts    |  1 +
 .../container/SvelteFlow/SvelteFlow.svelte    |  2 +-
 packages/svelte/src/lib/store/index.ts        | 12 +++++---
 .../svelte/src/lib/store/initial-store.ts     | 28 ++++++++++++++++---
 6 files changed, 39 insertions(+), 12 deletions(-)

diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 70f5e203d..301f49f5e 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -211,7 +211,7 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
         const overlappingArea = getOverlappingArea(currNodeRect, nodeRect);
         const partiallyVisible = partially && overlappingArea > 0;
 
-        return partiallyVisible || overlappingArea >= nodeOrRect.width! * nodeOrRect.height!;
+        return partiallyVisible || overlappingArea >= nodeRect.width * nodeRect.height;
       });
     },
     []
@@ -228,7 +228,7 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
       const overlappingArea = getOverlappingArea(nodeRect, area);
       const partiallyVisible = partially && overlappingArea > 0;
 
-      return partiallyVisible || overlappingArea >= nodeOrRect.width! * nodeOrRect.height!;
+      return partiallyVisible || overlappingArea >= nodeRect.width * nodeRect.height;
     },
     []
   );
diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
index 62ac30963..b943ab0ad 100644
--- a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
@@ -10,12 +10,14 @@
   export let initialEdges: $$Props['initialEdges'] = undefined;
   export let initialWidth: $$Props['initialWidth'] = undefined;
   export let initialHeight: $$Props['initialHeight'] = undefined;
+  export let fitView: $$Props['fitView'] = undefined;
 
   const store = createStore({
     nodes: initialNodes,
     edges: initialEdges,
     width: initialWidth,
-    height: initialHeight
+    height: initialHeight,
+    fitView
   });
 
   setContext(key, {
diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts b/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
index 8e21df165..769588b2b 100644
--- a/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
@@ -5,4 +5,5 @@ export type SvelteFlowProviderProps = {
   initialEdges?: Edge[];
   initialWidth?: number;
   initialHeight?: number;
+  fitView?: boolean;
 };
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index d9d3895bc..4865594d6 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -79,7 +79,7 @@
 
   const store = hasContext(key)
     ? useStore()
-    : createStoreContext({ nodes: get(nodes), edges: get(edges), width, height });
+    : createStoreContext({ nodes: get(nodes), edges: get(edges), width, height, fitView });
 
   onMount(() => {
     store.width.set(clientWidth);
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 9b27da789..0c49c337f 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -33,14 +33,16 @@ export function createStore({
   nodes,
   edges,
   width,
-  height
+  height,
+  fitView: fitViewOnCreate
 }: {
   nodes?: Node[];
   edges?: Edge[];
   width?: number;
   height?: number;
+  fitView?: boolean;
 }): SvelteFlowStore {
-  const store = getInitialStore({ nodes, edges, width, height });
+  const store = getInitialStore({ nodes, edges, width, height, fitView: fitViewOnCreate });
 
   function setNodeTypes(nodeTypes: NodeTypes) {
     store.nodeTypes.set({
@@ -347,14 +349,16 @@ export function createStoreContext({
   nodes,
   edges,
   width,
-  height
+  height,
+  fitView
 }: {
   nodes?: Node[];
   edges?: Edge[];
   width?: number;
   height?: number;
+  fitView?: boolean;
 }) {
-  const store = createStore({ nodes, edges, width, height });
+  const store = createStore({ nodes, edges, width, height, fitView });
 
   setContext(key, {
     getStore: () => store
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index ccfecb30a..8d166d216 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -14,7 +14,10 @@ import {
   type NodeOrigin,
   type OnError,
   devWarn,
-  type Viewport
+  type Viewport,
+  updateNodes,
+  getRectOfNodes,
+  getTransformForBounds
 } from '@xyflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -47,16 +50,33 @@ export const getInitialStore = ({
   nodes = [],
   edges = [],
   width,
-  height
+  height,
+  fitView
 }: {
   nodes?: Node[];
   edges?: Edge[];
   width?: number;
   height?: number;
+  fitView?: boolean;
 }) => {
+  const nextNodes = updateNodes(nodes, [], { nodeOrigin: [0, 0], elevateNodesOnSelect: false });
+
+  let viewport: Viewport = { x: 0, y: 0, zoom: 1 };
+
+  if (fitView && width && height) {
+    const nodesWithDimensions = nextNodes.map((node) => ({
+      ...node,
+      width: node.size?.width,
+      height: node.size?.height
+    }));
+    const bounds = getRectOfNodes(nodesWithDimensions, [0, 0]);
+    const transform = getTransformForBounds(bounds, width, height, 0.5, 2, 0.1);
+    viewport = { x: transform[0], y: transform[1], zoom: transform[2] };
+  }
+
   return {
     flowId: writable<string | null>(null),
-    nodes: createNodesStore(nodes),
+    nodes: createNodesStore(nextNodes),
     visibleNodes: readable<Node[]>([]),
     edges: createEdgesStore(edges),
     edgeTree: readable<GroupedEdges<EdgeLayouted>[]>([]),
@@ -85,7 +105,7 @@ export const getInitialStore = ({
     selectionMode: writable<SelectionMode>(SelectionMode.Partial),
     nodeTypes: writable<NodeTypes>(initialNodeTypes),
     edgeTypes: writable<EdgeTypes>(initialEdgeTypes),
-    viewport: writable<Viewport>({ x: 0, y: 0, zoom: 1 }),
+    viewport: writable<Viewport>(viewport),
     connectionMode: writable<ConnectionMode>(ConnectionMode.Strict),
     domNode: writable<HTMLDivElement | null>(null),
     connection: readable<ConnectionProps>(initConnectionProps),

From 5240dcfa7c379a8b9c5cbbe0225c2c9ebd50051a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 23 Oct 2023 18:17:56 +0200
Subject: [PATCH 0270/1093] chore(react): remove use client

---
 packages/react/src/container/ReactFlow/index.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 3d612b7cb..f39650a49 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -1,5 +1,3 @@
-'use client';
-
 import { forwardRef, type CSSProperties } from 'react';
 import cc from 'classcat';
 import {

From b42f3a95e5cb1791ba4c2ce770fc4b8491319437 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 23 Oct 2023 18:18:17 +0200
Subject: [PATCH 0271/1093] fix(svelte): use class prop for BaseEdge component

---
 packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
index fe0e7d946..e8daae22c 100644
--- a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import cc from 'classcat';
   import { EdgeLabelRenderer } from '$lib/components/EdgeLabelRenderer';
   import type { BaseEdgeProps } from './types';
 
@@ -21,7 +22,7 @@
 <path
   d={path}
   {id}
-  class="svelte-flow__edge-path"
+  class={cc(['svelte-flow__edge-path', className])}
   marker-start={markerStart}
   marker-end={markerEnd}
   fill="none"

From 78169c992bf95a5dbc9bccbdc2a07725a307e2c3 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 23 Oct 2023 18:29:57 +0200
Subject: [PATCH 0272/1093] chore(examples): cleanup

---
 examples/astro-xyflow/README.md | 47 ++++-----------------------------
 1 file changed, 5 insertions(+), 42 deletions(-)

diff --git a/examples/astro-xyflow/README.md b/examples/astro-xyflow/README.md
index e34a99b44..5cab08712 100644
--- a/examples/astro-xyflow/README.md
+++ b/examples/astro-xyflow/README.md
@@ -1,47 +1,10 @@
-# Astro Starter Kit: Minimal
+# Astro examples 
 
-```sh
-npm create astro@latest -- --template minimal
-```
-
-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/minimal)
-[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/minimal)
-[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/minimal/devcontainer.json)
-
-> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
+Tiny app for testing React Flow and Svelte Flow with Astro.
 
-## 🚀 Project Structure
+## Start local dev server
 
-Inside of your Astro project, you'll see the following folders and files:
-
-```text
-/
-├── public/
-├── src/
-│   └── pages/
-│       └── index.astro
-└── package.json
+```sh
+pnpm dev
 ```
 
-Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
-
-There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
-
-Any static assets, like images, can be placed in the `public/` directory.
-
-## 🧞 Commands
-
-All commands are run from the root of the project, from a terminal:
-
-| Command                   | Action                                           |
-| :------------------------ | :----------------------------------------------- |
-| `npm install`             | Installs dependencies                            |
-| `npm run dev`             | Starts local dev server at `localhost:4321`      |
-| `npm run build`           | Build your production site to `./dist/`          |
-| `npm run preview`         | Preview your build locally, before deploying     |
-| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
-| `npm run astro -- --help` | Get help using the Astro CLI                     |
-
-## 👀 Want to learn more?
-
-Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).

From 87c1e225b9a77553fe620f6e48f4683fa1a26e30 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 24 Oct 2023 16:19:29 +0200
Subject: [PATCH 0273/1093] Added playwright e2e tests for svelte & react

---
 tests/playwright/.env.svelte                  |   1 +
 tests/playwright/.gitignore                   |   4 +
 tests/playwright/e2e/backspace-delete.spec.ts |  16 +
 tests/playwright/e2e/move-node.spec.ts        |  22 +
 tests/playwright/package.json                 |  27 ++
 tests/playwright/playwright.react.config.ts   |  77 +++
 tests/playwright/playwright.svelte.config.ts  |  79 ++++
 .../tests-examples/demo-todo-app.spec.ts      | 437 ++++++++++++++++++
 8 files changed, 663 insertions(+)
 create mode 100644 tests/playwright/.env.svelte
 create mode 100644 tests/playwright/.gitignore
 create mode 100644 tests/playwright/e2e/backspace-delete.spec.ts
 create mode 100644 tests/playwright/e2e/move-node.spec.ts
 create mode 100644 tests/playwright/package.json
 create mode 100644 tests/playwright/playwright.react.config.ts
 create mode 100644 tests/playwright/playwright.svelte.config.ts
 create mode 100644 tests/playwright/tests-examples/demo-todo-app.spec.ts

diff --git a/tests/playwright/.env.svelte b/tests/playwright/.env.svelte
new file mode 100644
index 000000000..c157dcbcc
--- /dev/null
+++ b/tests/playwright/.env.svelte
@@ -0,0 +1 @@
+FRAMEWROK=svelte
\ No newline at end of file
diff --git a/tests/playwright/.gitignore b/tests/playwright/.gitignore
new file mode 100644
index 000000000..75e854d8d
--- /dev/null
+++ b/tests/playwright/.gitignore
@@ -0,0 +1,4 @@
+node_modules/
+/test-results/
+/playwright-report/
+/playwright/.cache/
diff --git a/tests/playwright/e2e/backspace-delete.spec.ts b/tests/playwright/e2e/backspace-delete.spec.ts
new file mode 100644
index 000000000..9b5cee21e
--- /dev/null
+++ b/tests/playwright/e2e/backspace-delete.spec.ts
@@ -0,0 +1,16 @@
+import { test, expect } from '@playwright/test';
+
+const framework = process.env.FRAMEWORK;
+
+test('Delete Node with backspace', async ({ page }) => {
+  await page.goto('/');
+  await page.locator(`.${framework}-flow__node`).nth(0).click();
+  // await page.getByTestId('rf__node-1').click();
+  await page.keyboard.press('Backspace');
+
+  const nodes = await page.locator(`.${framework}-flow__node`).all();
+  expect(nodes).toHaveLength(3);
+
+  const edges = await page.locator(`.${framework}-flow__edge`).all();
+  expect(edges).toHaveLength(0);
+});
diff --git a/tests/playwright/e2e/move-node.spec.ts b/tests/playwright/e2e/move-node.spec.ts
new file mode 100644
index 000000000..d9fea594b
--- /dev/null
+++ b/tests/playwright/e2e/move-node.spec.ts
@@ -0,0 +1,22 @@
+import { test, expect } from '@playwright/test';
+
+test('Move Node', async ({ page }) => {
+  await page.goto('/');
+
+  const locator = page.getByTestId('rf__node-1');
+
+  const transformBeforeMove = await locator.evaluate((element) => {
+    return element.style.transform;
+  });
+
+  await locator.hover();
+  await page.mouse.down();
+  await page.mouse.move(500, 500);
+  await page.mouse.up();
+
+  const transformAfterMove = await locator.evaluate((element) => {
+    return element.style.transform;
+  });
+
+  expect(transformBeforeMove).not.toMatch(transformAfterMove);
+});
diff --git a/tests/playwright/package.json b/tests/playwright/package.json
new file mode 100644
index 000000000..af0109dab
--- /dev/null
+++ b/tests/playwright/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "playwright",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test:svelte": "FRAMEWORK=svelte npx playwright test -c playwright.svelte.config.ts",
+    "test:react": "FRAMEWORK=react npx playwright test -c playwright.react.config.ts",
+    "test:react:ui": "pnpm run test:react --ui",
+    "test:svelte:ui": "pnpm run test:svelte --ui"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@playwright/test": "^1.39.0",
+    "@types/node": "^18.7.16"
+  },
+  "dependencies": {
+    "@playwright/experimental-ct-react": "^1.39.0",
+    "@types/react": "^18.2.31",
+    "@types/react-dom": "^18.2.14",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.2.2"
+  }
+}
diff --git a/tests/playwright/playwright.react.config.ts b/tests/playwright/playwright.react.config.ts
new file mode 100644
index 000000000..fc8009eda
--- /dev/null
+++ b/tests/playwright/playwright.react.config.ts
@@ -0,0 +1,77 @@
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// require('dotenv').config();
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './e2e',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: 'http://127.0.0.1:3000',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: 'cd ../../examples/react && pnpm run dev',
+    url: 'http://127.0.0.1:3000',
+    reuseExistingServer: !process.env.CI,
+  },
+});
diff --git a/tests/playwright/playwright.svelte.config.ts b/tests/playwright/playwright.svelte.config.ts
new file mode 100644
index 000000000..e1845f203
--- /dev/null
+++ b/tests/playwright/playwright.svelte.config.ts
@@ -0,0 +1,79 @@
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// require('dotenv').config();
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './e2e',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: 'http://localhost:5173/',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: 'cd ../../examples/svelte && pnpm run dev',
+    // for some reason you need to use port otherwise it loads forever
+    // url: 'http://127.0.0.1:5173',
+    port: 5173,
+    reuseExistingServer: !process.env.CI,
+  },
+});
diff --git a/tests/playwright/tests-examples/demo-todo-app.spec.ts b/tests/playwright/tests-examples/demo-todo-app.spec.ts
new file mode 100644
index 000000000..2fd6016fe
--- /dev/null
+++ b/tests/playwright/tests-examples/demo-todo-app.spec.ts
@@ -0,0 +1,437 @@
+import { test, expect, type Page } from '@playwright/test';
+
+test.beforeEach(async ({ page }) => {
+  await page.goto('https://demo.playwright.dev/todomvc');
+});
+
+const TODO_ITEMS = [
+  'buy some cheese',
+  'feed the cat',
+  'book a doctors appointment'
+];
+
+test.describe('New Todo', () => {
+  test('should allow me to add todo items', async ({ page }) => {
+    // create a new todo locator
+    const newTodo = page.getByPlaceholder('What needs to be done?');
+
+    // Create 1st todo.
+    await newTodo.fill(TODO_ITEMS[0]);
+    await newTodo.press('Enter');
+
+    // Make sure the list only has one todo item.
+    await expect(page.getByTestId('todo-title')).toHaveText([
+      TODO_ITEMS[0]
+    ]);
+
+    // Create 2nd todo.
+    await newTodo.fill(TODO_ITEMS[1]);
+    await newTodo.press('Enter');
+
+    // Make sure the list now has two todo items.
+    await expect(page.getByTestId('todo-title')).toHaveText([
+      TODO_ITEMS[0],
+      TODO_ITEMS[1]
+    ]);
+
+    await checkNumberOfTodosInLocalStorage(page, 2);
+  });
+
+  test('should clear text input field when an item is added', async ({ page }) => {
+    // create a new todo locator
+    const newTodo = page.getByPlaceholder('What needs to be done?');
+
+    // Create one todo item.
+    await newTodo.fill(TODO_ITEMS[0]);
+    await newTodo.press('Enter');
+
+    // Check that input is empty.
+    await expect(newTodo).toBeEmpty();
+    await checkNumberOfTodosInLocalStorage(page, 1);
+  });
+
+  test('should append new items to the bottom of the list', async ({ page }) => {
+    // Create 3 items.
+    await createDefaultTodos(page);
+
+    // create a todo count locator
+    const todoCount = page.getByTestId('todo-count')
+  
+    // Check test using different methods.
+    await expect(page.getByText('3 items left')).toBeVisible();
+    await expect(todoCount).toHaveText('3 items left');
+    await expect(todoCount).toContainText('3');
+    await expect(todoCount).toHaveText(/3/);
+
+    // Check all items in one call.
+    await expect(page.getByTestId('todo-title')).toHaveText(TODO_ITEMS);
+    await checkNumberOfTodosInLocalStorage(page, 3);
+  });
+});
+
+test.describe('Mark all as completed', () => {
+  test.beforeEach(async ({ page }) => {
+    await createDefaultTodos(page);
+    await checkNumberOfTodosInLocalStorage(page, 3);
+  });
+
+  test.afterEach(async ({ page }) => {
+    await checkNumberOfTodosInLocalStorage(page, 3);
+  });
+
+  test('should allow me to mark all items as completed', async ({ page }) => {
+    // Complete all todos.
+    await page.getByLabel('Mark all as complete').check();
+
+    // Ensure all todos have 'completed' class.
+    await expect(page.getByTestId('todo-item')).toHaveClass(['completed', 'completed', 'completed']);
+    await checkNumberOfCompletedTodosInLocalStorage(page, 3);
+  });
+
+  test('should allow me to clear the complete state of all items', async ({ page }) => {
+    const toggleAll = page.getByLabel('Mark all as complete');
+    // Check and then immediately uncheck.
+    await toggleAll.check();
+    await toggleAll.uncheck();
+
+    // Should be no completed classes.
+    await expect(page.getByTestId('todo-item')).toHaveClass(['', '', '']);
+  });
+
+  test('complete all checkbox should update state when items are completed / cleared', async ({ page }) => {
+    const toggleAll = page.getByLabel('Mark all as complete');
+    await toggleAll.check();
+    await expect(toggleAll).toBeChecked();
+    await checkNumberOfCompletedTodosInLocalStorage(page, 3);
+
+    // Uncheck first todo.
+    const firstTodo = page.getByTestId('todo-item').nth(0);
+    await firstTodo.getByRole('checkbox').uncheck();
+
+    // Reuse toggleAll locator and make sure its not checked.
+    await expect(toggleAll).not.toBeChecked();
+
+    await firstTodo.getByRole('checkbox').check();
+    await checkNumberOfCompletedTodosInLocalStorage(page, 3);
+
+    // Assert the toggle all is checked again.
+    await expect(toggleAll).toBeChecked();
+  });
+});
+
+test.describe('Item', () => {
+
+  test('should allow me to mark items as complete', async ({ page }) => {
+    // create a new todo locator
+    const newTodo = page.getByPlaceholder('What needs to be done?');
+
+    // Create two items.
+    for (const item of TODO_ITEMS.slice(0, 2)) {
+      await newTodo.fill(item);
+      await newTodo.press('Enter');
+    }
+
+    // Check first item.
+    const firstTodo = page.getByTestId('todo-item').nth(0);
+    await firstTodo.getByRole('checkbox').check();
+    await expect(firstTodo).toHaveClass('completed');
+
+    // Check second item.
+    const secondTodo = page.getByTestId('todo-item').nth(1);
+    await expect(secondTodo).not.toHaveClass('completed');
+    await secondTodo.getByRole('checkbox').check();
+
+    // Assert completed class.
+    await expect(firstTodo).toHaveClass('completed');
+    await expect(secondTodo).toHaveClass('completed');
+  });
+
+  test('should allow me to un-mark items as complete', async ({ page }) => {
+    // create a new todo locator
+    const newTodo = page.getByPlaceholder('What needs to be done?');
+
+    // Create two items.
+    for (const item of TODO_ITEMS.slice(0, 2)) {
+      await newTodo.fill(item);
+      await newTodo.press('Enter');
+    }
+
+    const firstTodo = page.getByTestId('todo-item').nth(0);
+    const secondTodo = page.getByTestId('todo-item').nth(1);
+    const firstTodoCheckbox = firstTodo.getByRole('checkbox');
+
+    await firstTodoCheckbox.check();
+    await expect(firstTodo).toHaveClass('completed');
+    await expect(secondTodo).not.toHaveClass('completed');
+    await checkNumberOfCompletedTodosInLocalStorage(page, 1);
+
+    await firstTodoCheckbox.uncheck();
+    await expect(firstTodo).not.toHaveClass('completed');
+    await expect(secondTodo).not.toHaveClass('completed');
+    await checkNumberOfCompletedTodosInLocalStorage(page, 0);
+  });
+
+  test('should allow me to edit an item', async ({ page }) => {
+    await createDefaultTodos(page);
+
+    const todoItems = page.getByTestId('todo-item');
+    const secondTodo = todoItems.nth(1);
+    await secondTodo.dblclick();
+    await expect(secondTodo.getByRole('textbox', { name: 'Edit' })).toHaveValue(TODO_ITEMS[1]);
+    await secondTodo.getByRole('textbox', { name: 'Edit' }).fill('buy some sausages');
+    await secondTodo.getByRole('textbox', { name: 'Edit' }).press('Enter');
+
+    // Explicitly assert the new text value.
+    await expect(todoItems).toHaveText([
+      TODO_ITEMS[0],
+      'buy some sausages',
+      TODO_ITEMS[2]
+    ]);
+    await checkTodosInLocalStorage(page, 'buy some sausages');
+  });
+});
+
+test.describe('Editing', () => {
+  test.beforeEach(async ({ page }) => {
+    await createDefaultTodos(page);
+    await checkNumberOfTodosInLocalStorage(page, 3);
+  });
+
+  test('should hide other controls when editing', async ({ page }) => {
+    const todoItem = page.getByTestId('todo-item').nth(1);
+    await todoItem.dblclick();
+    await expect(todoItem.getByRole('checkbox')).not.toBeVisible();
+    await expect(todoItem.locator('label', {
+      hasText: TODO_ITEMS[1],
+    })).not.toBeVisible();
+    await checkNumberOfTodosInLocalStorage(page, 3);
+  });
+
+  test('should save edits on blur', async ({ page }) => {
+    const todoItems = page.getByTestId('todo-item');
+    await todoItems.nth(1).dblclick();
+    await todoItems.nth(1).getByRole('textbox', { name: 'Edit' }).fill('buy some sausages');
+    await todoItems.nth(1).getByRole('textbox', { name: 'Edit' }).dispatchEvent('blur');
+
+    await expect(todoItems).toHaveText([
+      TODO_ITEMS[0],
+      'buy some sausages',
+      TODO_ITEMS[2],
+    ]);
+    await checkTodosInLocalStorage(page, 'buy some sausages');
+  });
+
+  test('should trim entered text', async ({ page }) => {
+    const todoItems = page.getByTestId('todo-item');
+    await todoItems.nth(1).dblclick();
+    await todoItems.nth(1).getByRole('textbox', { name: 'Edit' }).fill('    buy some sausages    ');
+    await todoItems.nth(1).getByRole('textbox', { name: 'Edit' }).press('Enter');
+
+    await expect(todoItems).toHaveText([
+      TODO_ITEMS[0],
+      'buy some sausages',
+      TODO_ITEMS[2],
+    ]);
+    await checkTodosInLocalStorage(page, 'buy some sausages');
+  });
+
+  test('should remove the item if an empty text string was entered', async ({ page }) => {
+    const todoItems = page.getByTestId('todo-item');
+    await todoItems.nth(1).dblclick();
+    await todoItems.nth(1).getByRole('textbox', { name: 'Edit' }).fill('');
+    await todoItems.nth(1).getByRole('textbox', { name: 'Edit' }).press('Enter');
+
+    await expect(todoItems).toHaveText([
+      TODO_ITEMS[0],
+      TODO_ITEMS[2],
+    ]);
+  });
+
+  test('should cancel edits on escape', async ({ page }) => {
+    const todoItems = page.getByTestId('todo-item');
+    await todoItems.nth(1).dblclick();
+    await todoItems.nth(1).getByRole('textbox', { name: 'Edit' }).fill('buy some sausages');
+    await todoItems.nth(1).getByRole('textbox', { name: 'Edit' }).press('Escape');
+    await expect(todoItems).toHaveText(TODO_ITEMS);
+  });
+});
+
+test.describe('Counter', () => {
+  test('should display the current number of todo items', async ({ page }) => {
+    // create a new todo locator
+    const newTodo = page.getByPlaceholder('What needs to be done?');
+    
+    // create a todo count locator
+    const todoCount = page.getByTestId('todo-count')
+
+    await newTodo.fill(TODO_ITEMS[0]);
+    await newTodo.press('Enter');
+
+    await expect(todoCount).toContainText('1');
+
+    await newTodo.fill(TODO_ITEMS[1]);
+    await newTodo.press('Enter');
+    await expect(todoCount).toContainText('2');
+
+    await checkNumberOfTodosInLocalStorage(page, 2);
+  });
+});
+
+test.describe('Clear completed button', () => {
+  test.beforeEach(async ({ page }) => {
+    await createDefaultTodos(page);
+  });
+
+  test('should display the correct text', async ({ page }) => {
+    await page.locator('.todo-list li .toggle').first().check();
+    await expect(page.getByRole('button', { name: 'Clear completed' })).toBeVisible();
+  });
+
+  test('should remove completed items when clicked', async ({ page }) => {
+    const todoItems = page.getByTestId('todo-item');
+    await todoItems.nth(1).getByRole('checkbox').check();
+    await page.getByRole('button', { name: 'Clear completed' }).click();
+    await expect(todoItems).toHaveCount(2);
+    await expect(todoItems).toHaveText([TODO_ITEMS[0], TODO_ITEMS[2]]);
+  });
+
+  test('should be hidden when there are no items that are completed', async ({ page }) => {
+    await page.locator('.todo-list li .toggle').first().check();
+    await page.getByRole('button', { name: 'Clear completed' }).click();
+    await expect(page.getByRole('button', { name: 'Clear completed' })).toBeHidden();
+  });
+});
+
+test.describe('Persistence', () => {
+  test('should persist its data', async ({ page }) => {
+    // create a new todo locator
+    const newTodo = page.getByPlaceholder('What needs to be done?');
+
+    for (const item of TODO_ITEMS.slice(0, 2)) {
+      await newTodo.fill(item);
+      await newTodo.press('Enter');
+    }
+
+    const todoItems = page.getByTestId('todo-item');
+    const firstTodoCheck = todoItems.nth(0).getByRole('checkbox');
+    await firstTodoCheck.check();
+    await expect(todoItems).toHaveText([TODO_ITEMS[0], TODO_ITEMS[1]]);
+    await expect(firstTodoCheck).toBeChecked();
+    await expect(todoItems).toHaveClass(['completed', '']);
+
+    // Ensure there is 1 completed item.
+    await checkNumberOfCompletedTodosInLocalStorage(page, 1);
+
+    // Now reload.
+    await page.reload();
+    await expect(todoItems).toHaveText([TODO_ITEMS[0], TODO_ITEMS[1]]);
+    await expect(firstTodoCheck).toBeChecked();
+    await expect(todoItems).toHaveClass(['completed', '']);
+  });
+});
+
+test.describe('Routing', () => {
+  test.beforeEach(async ({ page }) => {
+    await createDefaultTodos(page);
+    // make sure the app had a chance to save updated todos in storage
+    // before navigating to a new view, otherwise the items can get lost :(
+    // in some frameworks like Durandal
+    await checkTodosInLocalStorage(page, TODO_ITEMS[0]);
+  });
+
+  test('should allow me to display active items', async ({ page }) => {
+    const todoItem = page.getByTestId('todo-item');
+    await page.getByTestId('todo-item').nth(1).getByRole('checkbox').check();
+
+    await checkNumberOfCompletedTodosInLocalStorage(page, 1);
+    await page.getByRole('link', { name: 'Active' }).click();
+    await expect(todoItem).toHaveCount(2);
+    await expect(todoItem).toHaveText([TODO_ITEMS[0], TODO_ITEMS[2]]);
+  });
+
+  test('should respect the back button', async ({ page }) => {
+    const todoItem = page.getByTestId('todo-item'); 
+    await page.getByTestId('todo-item').nth(1).getByRole('checkbox').check();
+
+    await checkNumberOfCompletedTodosInLocalStorage(page, 1);
+
+    await test.step('Showing all items', async () => {
+      await page.getByRole('link', { name: 'All' }).click();
+      await expect(todoItem).toHaveCount(3);
+    });
+
+    await test.step('Showing active items', async () => {
+      await page.getByRole('link', { name: 'Active' }).click();
+    });
+
+    await test.step('Showing completed items', async () => {
+      await page.getByRole('link', { name: 'Completed' }).click();
+    });
+
+    await expect(todoItem).toHaveCount(1);
+    await page.goBack();
+    await expect(todoItem).toHaveCount(2);
+    await page.goBack();
+    await expect(todoItem).toHaveCount(3);
+  });
+
+  test('should allow me to display completed items', async ({ page }) => {
+    await page.getByTestId('todo-item').nth(1).getByRole('checkbox').check();
+    await checkNumberOfCompletedTodosInLocalStorage(page, 1);
+    await page.getByRole('link', { name: 'Completed' }).click();
+    await expect(page.getByTestId('todo-item')).toHaveCount(1);
+  });
+
+  test('should allow me to display all items', async ({ page }) => {
+    await page.getByTestId('todo-item').nth(1).getByRole('checkbox').check();
+    await checkNumberOfCompletedTodosInLocalStorage(page, 1);
+    await page.getByRole('link', { name: 'Active' }).click();
+    await page.getByRole('link', { name: 'Completed' }).click();
+    await page.getByRole('link', { name: 'All' }).click();
+    await expect(page.getByTestId('todo-item')).toHaveCount(3);
+  });
+
+  test('should highlight the currently applied filter', async ({ page }) => {
+    await expect(page.getByRole('link', { name: 'All' })).toHaveClass('selected');
+    
+    //create locators for active and completed links
+    const activeLink = page.getByRole('link', { name: 'Active' });
+    const completedLink = page.getByRole('link', { name: 'Completed' });
+    await activeLink.click();
+
+    // Page change - active items.
+    await expect(activeLink).toHaveClass('selected');
+    await completedLink.click();
+
+    // Page change - completed items.
+    await expect(completedLink).toHaveClass('selected');
+  });
+});
+
+async function createDefaultTodos(page: Page) {
+  // create a new todo locator
+  const newTodo = page.getByPlaceholder('What needs to be done?');
+
+  for (const item of TODO_ITEMS) {
+    await newTodo.fill(item);
+    await newTodo.press('Enter');
+  }
+}
+
+async function checkNumberOfTodosInLocalStorage(page: Page, expected: number) {
+  return await page.waitForFunction(e => {
+    return JSON.parse(localStorage['react-todos']).length === e;
+  }, expected);
+}
+
+async function checkNumberOfCompletedTodosInLocalStorage(page: Page, expected: number) {
+  return await page.waitForFunction(e => {
+    return JSON.parse(localStorage['react-todos']).filter((todo: any) => todo.completed).length === e;
+  }, expected);
+}
+
+async function checkTodosInLocalStorage(page: Page, title: string) {
+  return await page.waitForFunction(t => {
+    return JSON.parse(localStorage['react-todos']).map((todo: any) => todo.title).includes(t);
+  }, title);
+}

From 81ae72f497e5c4508ffb1f7c56795a1eff977d5e Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 24 Oct 2023 16:49:55 +0200
Subject: [PATCH 0274/1093] Added shared playwright config

---
 tests/playwright/playwright.react.config.ts  | 74 ++------------------
 tests/playwright/playwright.shared.config.ts | 63 +++++++++++++++++
 tests/playwright/playwright.svelte.config.ts | 74 ++------------------
 3 files changed, 72 insertions(+), 139 deletions(-)
 create mode 100644 tests/playwright/playwright.shared.config.ts

diff --git a/tests/playwright/playwright.react.config.ts b/tests/playwright/playwright.react.config.ts
index fc8009eda..c8fa98ef5 100644
--- a/tests/playwright/playwright.react.config.ts
+++ b/tests/playwright/playwright.react.config.ts
@@ -1,77 +1,13 @@
-import { defineConfig, devices } from '@playwright/test';
+import { defineConfig } from '@playwright/test';
+import { sharedConfigWithPort } from './playwright.shared.config';
 
-/**
- * Read environment variables from file.
- * https://github.com/motdotla/dotenv
- */
-// require('dotenv').config();
+const port = 3000;
 
-/**
- * See https://playwright.dev/docs/test-configuration.
- */
 export default defineConfig({
-  testDir: './e2e',
-  /* Run tests in files in parallel */
-  fullyParallel: true,
-  /* Fail the build on CI if you accidentally left test.only in the source code. */
-  forbidOnly: !!process.env.CI,
-  /* Retry on CI only */
-  retries: process.env.CI ? 2 : 0,
-  /* Opt out of parallel tests on CI. */
-  workers: process.env.CI ? 1 : undefined,
-  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: 'html',
-  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
-  use: {
-    /* Base URL to use in actions like `await page.goto('/')`. */
-    baseURL: 'http://127.0.0.1:3000',
-
-    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
-    trace: 'on-first-retry',
-  },
-
-  /* Configure projects for major browsers */
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
-    },
-
-    {
-      name: 'firefox',
-      use: { ...devices['Desktop Firefox'] },
-    },
-
-    {
-      name: 'webkit',
-      use: { ...devices['Desktop Safari'] },
-    },
-
-    /* Test against mobile viewports. */
-    // {
-    //   name: 'Mobile Chrome',
-    //   use: { ...devices['Pixel 5'] },
-    // },
-    // {
-    //   name: 'Mobile Safari',
-    //   use: { ...devices['iPhone 12'] },
-    // },
-
-    /* Test against branded browsers. */
-    // {
-    //   name: 'Microsoft Edge',
-    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
-    // },
-    // {
-    //   name: 'Google Chrome',
-    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
-    // },
-  ],
-
-  /* Run your local dev server before starting the tests */
+  ...sharedConfigWithPort(port),
   webServer: {
     command: 'cd ../../examples/react && pnpm run dev',
-    url: 'http://127.0.0.1:3000',
+    port,
     reuseExistingServer: !process.env.CI,
   },
 });
diff --git a/tests/playwright/playwright.shared.config.ts b/tests/playwright/playwright.shared.config.ts
new file mode 100644
index 000000000..828317a7e
--- /dev/null
+++ b/tests/playwright/playwright.shared.config.ts
@@ -0,0 +1,63 @@
+import { PlaywrightTestConfig, devices } from '@playwright/test';
+
+export function sharedConfigWithPort(port: number): PlaywrightTestConfig {
+  return {
+    testDir: './e2e',
+    /* Run tests in files in parallel */
+    fullyParallel: true,
+    /* Fail the build on CI if you accidentally left test.only in the source code. */
+    forbidOnly: !!process.env.CI,
+    /* Retry on CI only */
+    retries: process.env.CI ? 2 : 0,
+    /* Opt out of parallel tests on CI. */
+    workers: process.env.CI ? 1 : undefined,
+    /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+    reporter: 'html',
+    /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+    use: {
+      /* Base URL to use in actions like `await page.goto('/')`. */
+      baseURL: `http://localhost:${port}/`,
+
+      /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+      trace: 'on-first-retry',
+    },
+
+    /* Configure projects for major browsers */
+    projects: [
+      {
+        name: 'chromium',
+        use: { ...devices['Desktop Chrome'] },
+      },
+
+      {
+        name: 'firefox',
+        use: { ...devices['Desktop Firefox'] },
+      },
+
+      {
+        name: 'webkit',
+        use: { ...devices['Desktop Safari'] },
+      },
+
+      /* Test against mobile viewports. */
+      // {
+      //   name: 'Mobile Chrome',
+      //   use: { ...devices['Pixel 5'] },
+      // },
+      // {
+      //   name: 'Mobile Safari',
+      //   use: { ...devices['iPhone 12'] },
+      // },
+
+      /* Test against branded browsers. */
+      // {
+      //   name: 'Microsoft Edge',
+      //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+      // },
+      // {
+      //   name: 'Google Chrome',
+      //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+      // },
+    ],
+  };
+}
diff --git a/tests/playwright/playwright.svelte.config.ts b/tests/playwright/playwright.svelte.config.ts
index e1845f203..f92bd3dca 100644
--- a/tests/playwright/playwright.svelte.config.ts
+++ b/tests/playwright/playwright.svelte.config.ts
@@ -1,79 +1,13 @@
 import { defineConfig, devices } from '@playwright/test';
+import { sharedConfigWithPort } from './playwright.shared.config';
 
-/**
- * Read environment variables from file.
- * https://github.com/motdotla/dotenv
- */
-// require('dotenv').config();
+const port = 5173;
 
-/**
- * See https://playwright.dev/docs/test-configuration.
- */
 export default defineConfig({
-  testDir: './e2e',
-  /* Run tests in files in parallel */
-  fullyParallel: true,
-  /* Fail the build on CI if you accidentally left test.only in the source code. */
-  forbidOnly: !!process.env.CI,
-  /* Retry on CI only */
-  retries: process.env.CI ? 2 : 0,
-  /* Opt out of parallel tests on CI. */
-  workers: process.env.CI ? 1 : undefined,
-  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: 'html',
-  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
-  use: {
-    /* Base URL to use in actions like `await page.goto('/')`. */
-    baseURL: 'http://localhost:5173/',
-
-    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
-    trace: 'on-first-retry',
-  },
-
-  /* Configure projects for major browsers */
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
-    },
-
-    {
-      name: 'firefox',
-      use: { ...devices['Desktop Firefox'] },
-    },
-
-    {
-      name: 'webkit',
-      use: { ...devices['Desktop Safari'] },
-    },
-
-    /* Test against mobile viewports. */
-    // {
-    //   name: 'Mobile Chrome',
-    //   use: { ...devices['Pixel 5'] },
-    // },
-    // {
-    //   name: 'Mobile Safari',
-    //   use: { ...devices['iPhone 12'] },
-    // },
-
-    /* Test against branded browsers. */
-    // {
-    //   name: 'Microsoft Edge',
-    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
-    // },
-    // {
-    //   name: 'Google Chrome',
-    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
-    // },
-  ],
-
-  /* Run your local dev server before starting the tests */
+  ...sharedConfigWithPort(port),
   webServer: {
     command: 'cd ../../examples/svelte && pnpm run dev',
-    // for some reason you need to use port otherwise it loads forever
-    // url: 'http://127.0.0.1:5173',
-    port: 5173,
+    port: port,
     reuseExistingServer: !process.env.CI,
   },
 });

From b502547f8c9333979709409e8910e88e24d826b8 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 25 Oct 2023 09:10:20 +0200
Subject: [PATCH 0275/1093] feat(svelte) added toObject() on useSvelteFlow

---
 packages/svelte/src/lib/hooks/useSvelteFlow.ts | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 756b856c3..fd20d61b6 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -51,6 +51,7 @@ export function useSvelteFlow(): {
   getConnectedEdges: (id: string | (Partial<Node> & { id: Node['id'] })[]) => Edge[];
   getIncomers: (node: string | (Partial<Node> & { id: Node['id'] })) => Node[];
   getOutgoers: (node: string | (Partial<Node> & { id: Node['id'] })) => Node[];
+  toObject: () => { nodes: Node[]; edges: Edge[]; viewport: Viewport };
 } {
   const {
     zoomIn,
@@ -263,6 +264,17 @@ export function useSvelteFlow(): {
 
       return getOutgoersBase(_node, get(nodes), get(edges));
     },
+    toObject: () => {
+      const _nodes = get(nodes);
+      const _edges = get(edges);
+      const _viewport = get(viewport);
+
+      return {
+        nodes: { ..._nodes },
+        edges: { ..._edges },
+        viewport: { ..._viewport }
+      };
+    },
     viewport
   };
 }

From d1662f1703ef46ed98a2367d6398427b32d54d56 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 25 Oct 2023 09:31:04 +0200
Subject: [PATCH 0276/1093] fix(svelte) resizing updates width & height in the
 store correctly

---
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte   | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index d9eb867da..cfa66d676 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -106,6 +106,12 @@
     };
   });
 
+  // Update width & height on resize
+  $: {
+    store.width.set(clientWidth);
+    store.height.set(clientHeight);
+  }
+
   // this updates the store for simple changes
   // where the prop names equals the store name
   $: {

From 117b4a4cb6eb4ed0abfe089d483a00429bc67e98 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 25 Oct 2023 13:23:14 +0200
Subject: [PATCH 0277/1093] restrucutred svelte examples

---
 tests/playwright/.gitignore                   |    3 +
 tests/playwright/e2e/backspace-delete.spec.ts |    8 +-
 tests/playwright/e2e/constants.ts             |    1 +
 tests/playwright/e2e/nodes.spec.ts            |   14 +
 tests/playwright/package-lock.json            | 1377 +++++++++++++++++
 .../tests-examples/demo-todo-app.spec.ts      |  437 ------
 6 files changed, 1399 insertions(+), 441 deletions(-)
 create mode 100644 tests/playwright/e2e/constants.ts
 create mode 100644 tests/playwright/e2e/nodes.spec.ts
 create mode 100644 tests/playwright/package-lock.json
 delete mode 100644 tests/playwright/tests-examples/demo-todo-app.spec.ts

diff --git a/tests/playwright/.gitignore b/tests/playwright/.gitignore
index 75e854d8d..6d284fa68 100644
--- a/tests/playwright/.gitignore
+++ b/tests/playwright/.gitignore
@@ -2,3 +2,6 @@ node_modules/
 /test-results/
 /playwright-report/
 /playwright/.cache/
+/test-results/
+/playwright-report/
+/playwright/.cache/
diff --git a/tests/playwright/e2e/backspace-delete.spec.ts b/tests/playwright/e2e/backspace-delete.spec.ts
index 9b5cee21e..0f6d36487 100644
--- a/tests/playwright/e2e/backspace-delete.spec.ts
+++ b/tests/playwright/e2e/backspace-delete.spec.ts
@@ -1,16 +1,16 @@
 import { test, expect } from '@playwright/test';
 
-const framework = process.env.FRAMEWORK;
+import { FRAMEWORK } from './constants';
 
 test('Delete Node with backspace', async ({ page }) => {
   await page.goto('/');
-  await page.locator(`.${framework}-flow__node`).nth(0).click();
+  await page.locator(`.${FRAMEWORK}-flow__node`).nth(0).click();
   // await page.getByTestId('rf__node-1').click();
   await page.keyboard.press('Backspace');
 
-  const nodes = await page.locator(`.${framework}-flow__node`).all();
+  const nodes = await page.locator(`.${FRAMEWORK}-flow__node`).all();
   expect(nodes).toHaveLength(3);
 
-  const edges = await page.locator(`.${framework}-flow__edge`).all();
+  const edges = await page.locator(`.${FRAMEWORK}-flow__edge`).all();
   expect(edges).toHaveLength(0);
 });
diff --git a/tests/playwright/e2e/constants.ts b/tests/playwright/e2e/constants.ts
new file mode 100644
index 000000000..b1ce66b10
--- /dev/null
+++ b/tests/playwright/e2e/constants.ts
@@ -0,0 +1 @@
+export const FRAMEWORK = process.env.FRAMEWORK;
diff --git a/tests/playwright/e2e/nodes.spec.ts b/tests/playwright/e2e/nodes.spec.ts
new file mode 100644
index 000000000..b06de9617
--- /dev/null
+++ b/tests/playwright/e2e/nodes.spec.ts
@@ -0,0 +1,14 @@
+import { test, expect } from '@playwright/test';
+
+import { FRAMEWORK } from './constants';
+
+test.describe('NODES', () => {
+  test.beforeEach(async ({ page }) => {
+    // Go to the starting url before each test.
+    await page.goto('/tests/nodes');
+  });
+
+  test.describe('selection', () => {
+    test('selecting a node', async ({ page }) => {});
+  });
+});
diff --git a/tests/playwright/package-lock.json b/tests/playwright/package-lock.json
new file mode 100644
index 000000000..98e0fdff8
--- /dev/null
+++ b/tests/playwright/package-lock.json
@@ -0,0 +1,1377 @@
+{
+  "name": "playwright",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "playwright",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "@playwright/experimental-ct-react": "^1.39.0",
+        "@types/react": "^18.2.31",
+        "@types/react-dom": "^18.2.14",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "typescript": "^5.2.2"
+      },
+      "devDependencies": {
+        "@playwright/test": "^1.39.0",
+        "@types/node": "^18.7.16"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.22.13",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz",
+      "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==",
+      "dependencies": {
+        "@babel/highlight": "^7.22.13",
+        "chalk": "^2.4.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.2.tgz",
+      "integrity": "sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.2.tgz",
+      "integrity": "sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==",
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.22.13",
+        "@babel/generator": "^7.23.0",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helpers": "^7.23.2",
+        "@babel/parser": "^7.23.0",
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.23.2",
+        "@babel/types": "^7.23.0",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz",
+      "integrity": "sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==",
+      "dependencies": {
+        "@babel/types": "^7.23.0",
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jsesc": "^2.5.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz",
+      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.9",
+        "@babel/helper-validator-option": "^7.22.15",
+        "browserslist": "^4.21.9",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-environment-visitor": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
+      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-function-name": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
+      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.23.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-hoist-variables": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
+      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz",
+      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz",
+      "integrity": "sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-simple-access": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz",
+      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-simple-access": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
+      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-split-export-declaration": {
+      "version": "7.22.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
+      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
+      "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz",
+      "integrity": "sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.2.tgz",
+      "integrity": "sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==",
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.23.2",
+        "@babel/types": "^7.23.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz",
+      "integrity": "sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "chalk": "^2.4.2",
+        "js-tokens": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz",
+      "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==",
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz",
+      "integrity": "sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz",
+      "integrity": "sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
+      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
+      "dependencies": {
+        "@babel/code-frame": "^7.22.13",
+        "@babel/parser": "^7.22.15",
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.2.tgz",
+      "integrity": "sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==",
+      "dependencies": {
+        "@babel/code-frame": "^7.22.13",
+        "@babel/generator": "^7.23.0",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-function-name": "^7.23.0",
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/parser": "^7.23.0",
+        "@babel/types": "^7.23.0",
+        "debug": "^4.1.0",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
+      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
+      "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
+      "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
+      "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
+      "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
+      "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
+      "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
+      "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
+      "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
+      "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
+      "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
+      "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
+      "cpu": [
+        "loong64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
+      "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
+      "cpu": [
+        "mips64el"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
+      "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
+      "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
+      "cpu": [
+        "riscv64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
+      "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
+      "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
+      "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
+      "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
+      "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
+      "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "dependencies": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.20",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
+      "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@playwright/experimental-ct-core": {
+      "version": "1.39.0",
+      "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-core/-/experimental-ct-core-1.39.0.tgz",
+      "integrity": "sha512-1b/qrlB5A/CdEZns8f2RDkWFmSnGkNyec8n72iinmw07+GHsdMP8fIpazeFB0umxWfo+gPLhkjhTGdB3WXJTBw==",
+      "dependencies": {
+        "playwright": "1.39.0",
+        "playwright-core": "1.39.0",
+        "vite": "^4.4.10"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@playwright/experimental-ct-react": {
+      "version": "1.39.0",
+      "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-react/-/experimental-ct-react-1.39.0.tgz",
+      "integrity": "sha512-6GaDVVo6x8P9Jdw3yPbVaEP59nesRsETn3kznHAy+2493VsP3IaVATat2G28z0Sivf/K9Tkh5xRYjiawN0ebgw==",
+      "dependencies": {
+        "@playwright/experimental-ct-core": "1.39.0",
+        "@vitejs/plugin-react": "^4.0.0"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@playwright/test": {
+      "version": "1.39.0",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.39.0.tgz",
+      "integrity": "sha512-3u1iFqgzl7zr004bGPYiN/5EZpRUSFddQBra8Rqll5N0/vfpqlP9I9EXqAoGacuAbX6c9Ulg/Cjqglp5VkK6UQ==",
+      "dev": true,
+      "dependencies": {
+        "playwright": "1.39.0"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.3",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.3.tgz",
+      "integrity": "sha512-54fjTSeSHwfan8AyHWrKbfBWiEUrNTZsUwPTDSNaaP1QDQIZbeNUg3a59E9D+375MzUw/x1vx2/0F5LBz+AeYA==",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.6.6",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.6.tgz",
+      "integrity": "sha512-66BXMKb/sUWbMdBNdMvajU7i/44RkrA3z/Yt1c7R5xejt8qh84iU54yUWCtm0QwGJlDcf/gg4zd/x4mpLAlb/w==",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.3",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.3.tgz",
+      "integrity": "sha512-ciwyCLeuRfxboZ4isgdNZi/tkt06m8Tw6uGbBSBgWrnnZGNXiEyM27xc/PjXGQLqlZ6ylbgHMnm7ccF9tCkOeQ==",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.20.3",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.3.tgz",
+      "integrity": "sha512-Lsh766rGEFbaxMIDH7Qa+Yha8cMVI3qAK6CHt3OR0YfxOIn5Z54iHiyDRycHrBqeIiqGa20Kpsv1cavfBKkRSw==",
+      "dependencies": {
+        "@babel/types": "^7.20.7"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "18.18.6",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.6.tgz",
+      "integrity": "sha512-wf3Vz+jCmOQ2HV1YUJuCWdL64adYxumkrxtc+H1VUQlnQI04+5HtH+qZCOE21lBE7gIrt+CwX2Wv8Acrw5Ak6w==",
+      "devOptional": true
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.9",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.9.tgz",
+      "integrity": "sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g=="
+    },
+    "node_modules/@types/react": {
+      "version": "18.2.31",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.31.tgz",
+      "integrity": "sha512-c2UnPv548q+5DFh03y8lEDeMfDwBn9G3dRwfkrxQMo/dOtRHUUO57k6pHvBIfH/VF4Nh+98mZ5aaSe+2echD5g==",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "@types/scheduler": "*",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "18.2.14",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.14.tgz",
+      "integrity": "sha512-V835xgdSVmyQmI1KLV2BEIUgqEuinxp9O4G6g3FqO/SqLac049E53aysv0oEFD2kHfejeKU+ZqL2bcFWj9gLAQ==",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/scheduler": {
+      "version": "0.16.5",
+      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.5.tgz",
+      "integrity": "sha512-s/FPdYRmZR8SjLWGMCuax7r3qCWQw9QKHzXVukAuuIJkXkDRwp+Pu5LMIVFi0Fxbav35WURicYr8u1QsoybnQw=="
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.1.0.tgz",
+      "integrity": "sha512-rM0SqazU9iqPUraQ2JlIvReeaxOoRj6n+PzB1C0cBzIbd8qP336nC39/R9yPi3wVcah7E7j/kdU1uCUqMEU4OQ==",
+      "dependencies": {
+        "@babel/core": "^7.22.20",
+        "@babel/plugin-transform-react-jsx-self": "^7.22.5",
+        "@babel/plugin-transform-react-jsx-source": "^7.22.5",
+        "@types/babel__core": "^7.20.2",
+        "react-refresh": "^0.14.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
+      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001541",
+        "electron-to-chromium": "^1.4.535",
+        "node-releases": "^2.0.13",
+        "update-browserslist-db": "^1.0.13"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001554",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001554.tgz",
+      "integrity": "sha512-A2E3U//MBwbJVzebddm1YfNp7Nud5Ip+IPn4BozBmn4KqVX7AvluoIDFWjsv5OkGnKUXQVmMSoMKLa3ScCblcQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="
+    },
+    "node_modules/csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+    },
+    "node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.4.566",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.566.tgz",
+      "integrity": "sha512-mv+fAy27uOmTVlUULy15U3DVJ+jg+8iyKH1bpwboCRhtDC69GKf1PPTZvEIhCyDr81RFqfxZJYrbgp933a1vtg=="
+    },
+    "node_modules/esbuild": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
+      "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.18.20",
+        "@esbuild/android-arm64": "0.18.20",
+        "@esbuild/android-x64": "0.18.20",
+        "@esbuild/darwin-arm64": "0.18.20",
+        "@esbuild/darwin-x64": "0.18.20",
+        "@esbuild/freebsd-arm64": "0.18.20",
+        "@esbuild/freebsd-x64": "0.18.20",
+        "@esbuild/linux-arm": "0.18.20",
+        "@esbuild/linux-arm64": "0.18.20",
+        "@esbuild/linux-ia32": "0.18.20",
+        "@esbuild/linux-loong64": "0.18.20",
+        "@esbuild/linux-mips64el": "0.18.20",
+        "@esbuild/linux-ppc64": "0.18.20",
+        "@esbuild/linux-riscv64": "0.18.20",
+        "@esbuild/linux-s390x": "0.18.20",
+        "@esbuild/linux-x64": "0.18.20",
+        "@esbuild/netbsd-x64": "0.18.20",
+        "@esbuild/openbsd-x64": "0.18.20",
+        "@esbuild/sunos-x64": "0.18.20",
+        "@esbuild/win32-arm64": "0.18.20",
+        "@esbuild/win32-ia32": "0.18.20",
+        "@esbuild/win32-x64": "0.18.20"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "node_modules/jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.13",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
+      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+    },
+    "node_modules/playwright": {
+      "version": "1.39.0",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.39.0.tgz",
+      "integrity": "sha512-naE5QT11uC/Oiq0BwZ50gDmy8c8WLPRTEWuSSFVG2egBka/1qMoSqYQcROMT9zLwJ86oPofcTH2jBY/5wWOgIw==",
+      "dependencies": {
+        "playwright-core": "1.39.0"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.39.0",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.39.0.tgz",
+      "integrity": "sha512-+k4pdZgs1qiM+OUkSjx96YiKsXsmb59evFoqv8SKO067qBA+Z2s/dCzJij/ZhdQcs2zlTAgRKfeiiLm8PQ2qvw==",
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/react": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0"
+      }
+    },
+    "node_modules/react-refresh": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz",
+      "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "3.29.4",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
+      "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=14.18.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
+      "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.1.1",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
+      "integrity": "sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==",
+      "dependencies": {
+        "esbuild": "^0.18.10",
+        "postcss": "^8.4.27",
+        "rollup": "^3.27.1"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      },
+      "peerDependencies": {
+        "@types/node": ">= 14",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
+    }
+  }
+}
diff --git a/tests/playwright/tests-examples/demo-todo-app.spec.ts b/tests/playwright/tests-examples/demo-todo-app.spec.ts
deleted file mode 100644
index 2fd6016fe..000000000
--- a/tests/playwright/tests-examples/demo-todo-app.spec.ts
+++ /dev/null
@@ -1,437 +0,0 @@
-import { test, expect, type Page } from '@playwright/test';
-
-test.beforeEach(async ({ page }) => {
-  await page.goto('https://demo.playwright.dev/todomvc');
-});
-
-const TODO_ITEMS = [
-  'buy some cheese',
-  'feed the cat',
-  'book a doctors appointment'
-];
-
-test.describe('New Todo', () => {
-  test('should allow me to add todo items', async ({ page }) => {
-    // create a new todo locator
-    const newTodo = page.getByPlaceholder('What needs to be done?');
-
-    // Create 1st todo.
-    await newTodo.fill(TODO_ITEMS[0]);
-    await newTodo.press('Enter');
-
-    // Make sure the list only has one todo item.
-    await expect(page.getByTestId('todo-title')).toHaveText([
-      TODO_ITEMS[0]
-    ]);
-
-    // Create 2nd todo.
-    await newTodo.fill(TODO_ITEMS[1]);
-    await newTodo.press('Enter');
-
-    // Make sure the list now has two todo items.
-    await expect(page.getByTestId('todo-title')).toHaveText([
-      TODO_ITEMS[0],
-      TODO_ITEMS[1]
-    ]);
-
-    await checkNumberOfTodosInLocalStorage(page, 2);
-  });
-
-  test('should clear text input field when an item is added', async ({ page }) => {
-    // create a new todo locator
-    const newTodo = page.getByPlaceholder('What needs to be done?');
-
-    // Create one todo item.
-    await newTodo.fill(TODO_ITEMS[0]);
-    await newTodo.press('Enter');
-
-    // Check that input is empty.
-    await expect(newTodo).toBeEmpty();
-    await checkNumberOfTodosInLocalStorage(page, 1);
-  });
-
-  test('should append new items to the bottom of the list', async ({ page }) => {
-    // Create 3 items.
-    await createDefaultTodos(page);
-
-    // create a todo count locator
-    const todoCount = page.getByTestId('todo-count')
-  
-    // Check test using different methods.
-    await expect(page.getByText('3 items left')).toBeVisible();
-    await expect(todoCount).toHaveText('3 items left');
-    await expect(todoCount).toContainText('3');
-    await expect(todoCount).toHaveText(/3/);
-
-    // Check all items in one call.
-    await expect(page.getByTestId('todo-title')).toHaveText(TODO_ITEMS);
-    await checkNumberOfTodosInLocalStorage(page, 3);
-  });
-});
-
-test.describe('Mark all as completed', () => {
-  test.beforeEach(async ({ page }) => {
-    await createDefaultTodos(page);
-    await checkNumberOfTodosInLocalStorage(page, 3);
-  });
-
-  test.afterEach(async ({ page }) => {
-    await checkNumberOfTodosInLocalStorage(page, 3);
-  });
-
-  test('should allow me to mark all items as completed', async ({ page }) => {
-    // Complete all todos.
-    await page.getByLabel('Mark all as complete').check();
-
-    // Ensure all todos have 'completed' class.
-    await expect(page.getByTestId('todo-item')).toHaveClass(['completed', 'completed', 'completed']);
-    await checkNumberOfCompletedTodosInLocalStorage(page, 3);
-  });
-
-  test('should allow me to clear the complete state of all items', async ({ page }) => {
-    const toggleAll = page.getByLabel('Mark all as complete');
-    // Check and then immediately uncheck.
-    await toggleAll.check();
-    await toggleAll.uncheck();
-
-    // Should be no completed classes.
-    await expect(page.getByTestId('todo-item')).toHaveClass(['', '', '']);
-  });
-
-  test('complete all checkbox should update state when items are completed / cleared', async ({ page }) => {
-    const toggleAll = page.getByLabel('Mark all as complete');
-    await toggleAll.check();
-    await expect(toggleAll).toBeChecked();
-    await checkNumberOfCompletedTodosInLocalStorage(page, 3);
-
-    // Uncheck first todo.
-    const firstTodo = page.getByTestId('todo-item').nth(0);
-    await firstTodo.getByRole('checkbox').uncheck();
-
-    // Reuse toggleAll locator and make sure its not checked.
-    await expect(toggleAll).not.toBeChecked();
-
-    await firstTodo.getByRole('checkbox').check();
-    await checkNumberOfCompletedTodosInLocalStorage(page, 3);
-
-    // Assert the toggle all is checked again.
-    await expect(toggleAll).toBeChecked();
-  });
-});
-
-test.describe('Item', () => {
-
-  test('should allow me to mark items as complete', async ({ page }) => {
-    // create a new todo locator
-    const newTodo = page.getByPlaceholder('What needs to be done?');
-
-    // Create two items.
-    for (const item of TODO_ITEMS.slice(0, 2)) {
-      await newTodo.fill(item);
-      await newTodo.press('Enter');
-    }
-
-    // Check first item.
-    const firstTodo = page.getByTestId('todo-item').nth(0);
-    await firstTodo.getByRole('checkbox').check();
-    await expect(firstTodo).toHaveClass('completed');
-
-    // Check second item.
-    const secondTodo = page.getByTestId('todo-item').nth(1);
-    await expect(secondTodo).not.toHaveClass('completed');
-    await secondTodo.getByRole('checkbox').check();
-
-    // Assert completed class.
-    await expect(firstTodo).toHaveClass('completed');
-    await expect(secondTodo).toHaveClass('completed');
-  });
-
-  test('should allow me to un-mark items as complete', async ({ page }) => {
-    // create a new todo locator
-    const newTodo = page.getByPlaceholder('What needs to be done?');
-
-    // Create two items.
-    for (const item of TODO_ITEMS.slice(0, 2)) {
-      await newTodo.fill(item);
-      await newTodo.press('Enter');
-    }
-
-    const firstTodo = page.getByTestId('todo-item').nth(0);
-    const secondTodo = page.getByTestId('todo-item').nth(1);
-    const firstTodoCheckbox = firstTodo.getByRole('checkbox');
-
-    await firstTodoCheckbox.check();
-    await expect(firstTodo).toHaveClass('completed');
-    await expect(secondTodo).not.toHaveClass('completed');
-    await checkNumberOfCompletedTodosInLocalStorage(page, 1);
-
-    await firstTodoCheckbox.uncheck();
-    await expect(firstTodo).not.toHaveClass('completed');
-    await expect(secondTodo).not.toHaveClass('completed');
-    await checkNumberOfCompletedTodosInLocalStorage(page, 0);
-  });
-
-  test('should allow me to edit an item', async ({ page }) => {
-    await createDefaultTodos(page);
-
-    const todoItems = page.getByTestId('todo-item');
-    const secondTodo = todoItems.nth(1);
-    await secondTodo.dblclick();
-    await expect(secondTodo.getByRole('textbox', { name: 'Edit' })).toHaveValue(TODO_ITEMS[1]);
-    await secondTodo.getByRole('textbox', { name: 'Edit' }).fill('buy some sausages');
-    await secondTodo.getByRole('textbox', { name: 'Edit' }).press('Enter');
-
-    // Explicitly assert the new text value.
-    await expect(todoItems).toHaveText([
-      TODO_ITEMS[0],
-      'buy some sausages',
-      TODO_ITEMS[2]
-    ]);
-    await checkTodosInLocalStorage(page, 'buy some sausages');
-  });
-});
-
-test.describe('Editing', () => {
-  test.beforeEach(async ({ page }) => {
-    await createDefaultTodos(page);
-    await checkNumberOfTodosInLocalStorage(page, 3);
-  });
-
-  test('should hide other controls when editing', async ({ page }) => {
-    const todoItem = page.getByTestId('todo-item').nth(1);
-    await todoItem.dblclick();
-    await expect(todoItem.getByRole('checkbox')).not.toBeVisible();
-    await expect(todoItem.locator('label', {
-      hasText: TODO_ITEMS[1],
-    })).not.toBeVisible();
-    await checkNumberOfTodosInLocalStorage(page, 3);
-  });
-
-  test('should save edits on blur', async ({ page }) => {
-    const todoItems = page.getByTestId('todo-item');
-    await todoItems.nth(1).dblclick();
-    await todoItems.nth(1).getByRole('textbox', { name: 'Edit' }).fill('buy some sausages');
-    await todoItems.nth(1).getByRole('textbox', { name: 'Edit' }).dispatchEvent('blur');
-
-    await expect(todoItems).toHaveText([
-      TODO_ITEMS[0],
-      'buy some sausages',
-      TODO_ITEMS[2],
-    ]);
-    await checkTodosInLocalStorage(page, 'buy some sausages');
-  });
-
-  test('should trim entered text', async ({ page }) => {
-    const todoItems = page.getByTestId('todo-item');
-    await todoItems.nth(1).dblclick();
-    await todoItems.nth(1).getByRole('textbox', { name: 'Edit' }).fill('    buy some sausages    ');
-    await todoItems.nth(1).getByRole('textbox', { name: 'Edit' }).press('Enter');
-
-    await expect(todoItems).toHaveText([
-      TODO_ITEMS[0],
-      'buy some sausages',
-      TODO_ITEMS[2],
-    ]);
-    await checkTodosInLocalStorage(page, 'buy some sausages');
-  });
-
-  test('should remove the item if an empty text string was entered', async ({ page }) => {
-    const todoItems = page.getByTestId('todo-item');
-    await todoItems.nth(1).dblclick();
-    await todoItems.nth(1).getByRole('textbox', { name: 'Edit' }).fill('');
-    await todoItems.nth(1).getByRole('textbox', { name: 'Edit' }).press('Enter');
-
-    await expect(todoItems).toHaveText([
-      TODO_ITEMS[0],
-      TODO_ITEMS[2],
-    ]);
-  });
-
-  test('should cancel edits on escape', async ({ page }) => {
-    const todoItems = page.getByTestId('todo-item');
-    await todoItems.nth(1).dblclick();
-    await todoItems.nth(1).getByRole('textbox', { name: 'Edit' }).fill('buy some sausages');
-    await todoItems.nth(1).getByRole('textbox', { name: 'Edit' }).press('Escape');
-    await expect(todoItems).toHaveText(TODO_ITEMS);
-  });
-});
-
-test.describe('Counter', () => {
-  test('should display the current number of todo items', async ({ page }) => {
-    // create a new todo locator
-    const newTodo = page.getByPlaceholder('What needs to be done?');
-    
-    // create a todo count locator
-    const todoCount = page.getByTestId('todo-count')
-
-    await newTodo.fill(TODO_ITEMS[0]);
-    await newTodo.press('Enter');
-
-    await expect(todoCount).toContainText('1');
-
-    await newTodo.fill(TODO_ITEMS[1]);
-    await newTodo.press('Enter');
-    await expect(todoCount).toContainText('2');
-
-    await checkNumberOfTodosInLocalStorage(page, 2);
-  });
-});
-
-test.describe('Clear completed button', () => {
-  test.beforeEach(async ({ page }) => {
-    await createDefaultTodos(page);
-  });
-
-  test('should display the correct text', async ({ page }) => {
-    await page.locator('.todo-list li .toggle').first().check();
-    await expect(page.getByRole('button', { name: 'Clear completed' })).toBeVisible();
-  });
-
-  test('should remove completed items when clicked', async ({ page }) => {
-    const todoItems = page.getByTestId('todo-item');
-    await todoItems.nth(1).getByRole('checkbox').check();
-    await page.getByRole('button', { name: 'Clear completed' }).click();
-    await expect(todoItems).toHaveCount(2);
-    await expect(todoItems).toHaveText([TODO_ITEMS[0], TODO_ITEMS[2]]);
-  });
-
-  test('should be hidden when there are no items that are completed', async ({ page }) => {
-    await page.locator('.todo-list li .toggle').first().check();
-    await page.getByRole('button', { name: 'Clear completed' }).click();
-    await expect(page.getByRole('button', { name: 'Clear completed' })).toBeHidden();
-  });
-});
-
-test.describe('Persistence', () => {
-  test('should persist its data', async ({ page }) => {
-    // create a new todo locator
-    const newTodo = page.getByPlaceholder('What needs to be done?');
-
-    for (const item of TODO_ITEMS.slice(0, 2)) {
-      await newTodo.fill(item);
-      await newTodo.press('Enter');
-    }
-
-    const todoItems = page.getByTestId('todo-item');
-    const firstTodoCheck = todoItems.nth(0).getByRole('checkbox');
-    await firstTodoCheck.check();
-    await expect(todoItems).toHaveText([TODO_ITEMS[0], TODO_ITEMS[1]]);
-    await expect(firstTodoCheck).toBeChecked();
-    await expect(todoItems).toHaveClass(['completed', '']);
-
-    // Ensure there is 1 completed item.
-    await checkNumberOfCompletedTodosInLocalStorage(page, 1);
-
-    // Now reload.
-    await page.reload();
-    await expect(todoItems).toHaveText([TODO_ITEMS[0], TODO_ITEMS[1]]);
-    await expect(firstTodoCheck).toBeChecked();
-    await expect(todoItems).toHaveClass(['completed', '']);
-  });
-});
-
-test.describe('Routing', () => {
-  test.beforeEach(async ({ page }) => {
-    await createDefaultTodos(page);
-    // make sure the app had a chance to save updated todos in storage
-    // before navigating to a new view, otherwise the items can get lost :(
-    // in some frameworks like Durandal
-    await checkTodosInLocalStorage(page, TODO_ITEMS[0]);
-  });
-
-  test('should allow me to display active items', async ({ page }) => {
-    const todoItem = page.getByTestId('todo-item');
-    await page.getByTestId('todo-item').nth(1).getByRole('checkbox').check();
-
-    await checkNumberOfCompletedTodosInLocalStorage(page, 1);
-    await page.getByRole('link', { name: 'Active' }).click();
-    await expect(todoItem).toHaveCount(2);
-    await expect(todoItem).toHaveText([TODO_ITEMS[0], TODO_ITEMS[2]]);
-  });
-
-  test('should respect the back button', async ({ page }) => {
-    const todoItem = page.getByTestId('todo-item'); 
-    await page.getByTestId('todo-item').nth(1).getByRole('checkbox').check();
-
-    await checkNumberOfCompletedTodosInLocalStorage(page, 1);
-
-    await test.step('Showing all items', async () => {
-      await page.getByRole('link', { name: 'All' }).click();
-      await expect(todoItem).toHaveCount(3);
-    });
-
-    await test.step('Showing active items', async () => {
-      await page.getByRole('link', { name: 'Active' }).click();
-    });
-
-    await test.step('Showing completed items', async () => {
-      await page.getByRole('link', { name: 'Completed' }).click();
-    });
-
-    await expect(todoItem).toHaveCount(1);
-    await page.goBack();
-    await expect(todoItem).toHaveCount(2);
-    await page.goBack();
-    await expect(todoItem).toHaveCount(3);
-  });
-
-  test('should allow me to display completed items', async ({ page }) => {
-    await page.getByTestId('todo-item').nth(1).getByRole('checkbox').check();
-    await checkNumberOfCompletedTodosInLocalStorage(page, 1);
-    await page.getByRole('link', { name: 'Completed' }).click();
-    await expect(page.getByTestId('todo-item')).toHaveCount(1);
-  });
-
-  test('should allow me to display all items', async ({ page }) => {
-    await page.getByTestId('todo-item').nth(1).getByRole('checkbox').check();
-    await checkNumberOfCompletedTodosInLocalStorage(page, 1);
-    await page.getByRole('link', { name: 'Active' }).click();
-    await page.getByRole('link', { name: 'Completed' }).click();
-    await page.getByRole('link', { name: 'All' }).click();
-    await expect(page.getByTestId('todo-item')).toHaveCount(3);
-  });
-
-  test('should highlight the currently applied filter', async ({ page }) => {
-    await expect(page.getByRole('link', { name: 'All' })).toHaveClass('selected');
-    
-    //create locators for active and completed links
-    const activeLink = page.getByRole('link', { name: 'Active' });
-    const completedLink = page.getByRole('link', { name: 'Completed' });
-    await activeLink.click();
-
-    // Page change - active items.
-    await expect(activeLink).toHaveClass('selected');
-    await completedLink.click();
-
-    // Page change - completed items.
-    await expect(completedLink).toHaveClass('selected');
-  });
-});
-
-async function createDefaultTodos(page: Page) {
-  // create a new todo locator
-  const newTodo = page.getByPlaceholder('What needs to be done?');
-
-  for (const item of TODO_ITEMS) {
-    await newTodo.fill(item);
-    await newTodo.press('Enter');
-  }
-}
-
-async function checkNumberOfTodosInLocalStorage(page: Page, expected: number) {
-  return await page.waitForFunction(e => {
-    return JSON.parse(localStorage['react-todos']).length === e;
-  }, expected);
-}
-
-async function checkNumberOfCompletedTodosInLocalStorage(page: Page, expected: number) {
-  return await page.waitForFunction(e => {
-    return JSON.parse(localStorage['react-todos']).filter((todo: any) => todo.completed).length === e;
-  }, expected);
-}
-
-async function checkTodosInLocalStorage(page: Page, title: string) {
-  return await page.waitForFunction(t => {
-    return JSON.parse(localStorage['react-todos']).map((todo: any) => todo.title).includes(t);
-  }, title);
-}

From eca85310e165cf7fbc5d08f36d512fc71a5fc8f4 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 25 Oct 2023 13:23:37 +0200
Subject: [PATCH 0278/1093] restrucutred svelte examples

---
 .../src/components/Header/Header.svelte       |  2 +-
 examples/svelte/src/routes/+layout.server.ts  |  6 +-
 .../src/routes/{ => examples}/+layout.svelte  |  2 +-
 .../svelte/src/routes/examples/+page.svelte   |  1 +
 .../add-node-on-drop/+page.svelte             |  0
 .../add-node-on-drop/Flow.svelte              |  0
 .../custom-connection-line/+page.svelte       |  0
 .../ConnectionLine.svelte                     |  0
 .../custom-connection-line/CustomNode.svelte  |  0
 .../{ => examples}/customnode/+page.svelte    |  0
 .../customnode/CustomNode.svelte              |  0
 .../routes/{ => examples}/dagre/+page.svelte  |  0
 .../{ => examples}/dagre/nodes-and-edges.ts   |  0
 .../{ => examples}/drag-n-drop/+page.svelte   |  0
 .../{ => examples}/drag-n-drop/Flow.svelte    |  0
 .../{ => examples}/drag-n-drop/Sidebar.svelte |  0
 .../routes/{ => examples}/edges/+page.svelte  |  0
 .../routes/{ => examples}/figma/+page.svelte  |  0
 .../{ => examples}/interaction/+page.svelte   |  0
 .../{ => examples}/intersections/+page.svelte |  0
 .../{ => examples}/intersections/+server.ts   |  0
 .../{ => examples}/intersections/Flow.svelte  |  0
 .../intersections/nodes-and-edges.ts          |  0
 .../{ => examples}/overview/+page.svelte      |  0
 .../{ => examples}/overview/CustomEdge.svelte |  0
 .../{ => examples}/overview/CustomNode.svelte |  0
 .../overview/CustomNodeDragHandle.svelte      |  0
 .../routes/{ => examples}/stress/+page.svelte |  0
 .../{ => examples}/subflows/+page.svelte      |  0
 .../{ => examples}/subflows/DebugNode.svelte  |  0
 .../two-way-viewport/+page.svelte             |  0
 .../two-way-viewport/Flow.svelte              |  0
 .../{ => examples}/usesvelteflow/+page.svelte |  0
 .../{ => examples}/usesvelteflow/Flow.svelte  |  0
 .../usesvelteflow/Sidebar.svelte              |  0
 .../useupdatenodeinternals/+page.svelte       |  0
 .../useupdatenodeinternals/CustomNode.svelte  |  0
 .../useupdatenodeinternals/Flow.svelte        |  0
 .../{ => examples}/validation/+page.svelte    |  0
 .../{ => examples}/validation/style.css       |  0
 .../src/routes/tests/nodes/+page.svelte       |  9 +++
 .../svelte/src/routes/tests/nodes/Flow.svelte | 12 +++
 .../src/routes/tests/nodes/nodesAndEdges.ts   | 73 +++++++++++++++++++
 examples/svelte/svelte.config.js              |  5 +-
 44 files changed, 104 insertions(+), 6 deletions(-)
 rename examples/svelte/src/routes/{ => examples}/+layout.svelte (81%)
 create mode 100644 examples/svelte/src/routes/examples/+page.svelte
 rename examples/svelte/src/routes/{ => examples}/add-node-on-drop/+page.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/add-node-on-drop/Flow.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/custom-connection-line/+page.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/custom-connection-line/ConnectionLine.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/custom-connection-line/CustomNode.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/customnode/+page.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/customnode/CustomNode.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/dagre/+page.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/dagre/nodes-and-edges.ts (100%)
 rename examples/svelte/src/routes/{ => examples}/drag-n-drop/+page.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/drag-n-drop/Flow.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/drag-n-drop/Sidebar.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/edges/+page.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/figma/+page.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/interaction/+page.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/intersections/+page.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/intersections/+server.ts (100%)
 rename examples/svelte/src/routes/{ => examples}/intersections/Flow.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/intersections/nodes-and-edges.ts (100%)
 rename examples/svelte/src/routes/{ => examples}/overview/+page.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/overview/CustomEdge.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/overview/CustomNode.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/overview/CustomNodeDragHandle.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/stress/+page.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/subflows/+page.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/subflows/DebugNode.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/two-way-viewport/+page.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/two-way-viewport/Flow.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/usesvelteflow/+page.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/usesvelteflow/Flow.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/usesvelteflow/Sidebar.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/useupdatenodeinternals/+page.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/useupdatenodeinternals/CustomNode.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/useupdatenodeinternals/Flow.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/validation/+page.svelte (100%)
 rename examples/svelte/src/routes/{ => examples}/validation/style.css (100%)
 create mode 100644 examples/svelte/src/routes/tests/nodes/+page.svelte
 create mode 100644 examples/svelte/src/routes/tests/nodes/Flow.svelte
 create mode 100644 examples/svelte/src/routes/tests/nodes/nodesAndEdges.ts

diff --git a/examples/svelte/src/components/Header/Header.svelte b/examples/svelte/src/components/Header/Header.svelte
index 202e513be..0bd941b72 100644
--- a/examples/svelte/src/components/Header/Header.svelte
+++ b/examples/svelte/src/components/Header/Header.svelte
@@ -31,7 +31,7 @@
 	<div class="logo">Svelte Flow</div>
 	<select on:change={onChange} value={$page.route.id}>
 		{#each routes as route}
-			<option value={`/${route}`}>{route}</option>
+			<option value={`/examples/${route}`}>{route}</option>
 		{/each}
 	</select>
 </header>
diff --git a/examples/svelte/src/routes/+layout.server.ts b/examples/svelte/src/routes/+layout.server.ts
index b64f11707..c968a6101 100644
--- a/examples/svelte/src/routes/+layout.server.ts
+++ b/examples/svelte/src/routes/+layout.server.ts
@@ -2,7 +2,7 @@ import { redirect } from '@sveltejs/kit';
 
 /** @type {import('./$types').LayoutServerLoad} */
 export function load({ route }) {
-  if (route.id === '/') {
-    throw redirect(307, '/overview');
-  }
+	if (route.id === '/') {
+		throw redirect(307, '/examples/overview');
+	}
 }
diff --git a/examples/svelte/src/routes/+layout.svelte b/examples/svelte/src/routes/examples/+layout.svelte
similarity index 81%
rename from examples/svelte/src/routes/+layout.svelte
rename to examples/svelte/src/routes/examples/+layout.svelte
index 84598fece..cf9f655ff 100644
--- a/examples/svelte/src/routes/+layout.svelte
+++ b/examples/svelte/src/routes/examples/+layout.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Header } from '../components/Header';
+	import { Header } from '$components/Header';
 </script>
 
 <div class="app">
diff --git a/examples/svelte/src/routes/examples/+page.svelte b/examples/svelte/src/routes/examples/+page.svelte
new file mode 100644
index 000000000..45db22288
--- /dev/null
+++ b/examples/svelte/src/routes/examples/+page.svelte
@@ -0,0 +1 @@
+<div>this redirects to /overview</div>
diff --git a/examples/svelte/src/routes/add-node-on-drop/+page.svelte b/examples/svelte/src/routes/examples/add-node-on-drop/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/add-node-on-drop/+page.svelte
rename to examples/svelte/src/routes/examples/add-node-on-drop/+page.svelte
diff --git a/examples/svelte/src/routes/add-node-on-drop/Flow.svelte b/examples/svelte/src/routes/examples/add-node-on-drop/Flow.svelte
similarity index 100%
rename from examples/svelte/src/routes/add-node-on-drop/Flow.svelte
rename to examples/svelte/src/routes/examples/add-node-on-drop/Flow.svelte
diff --git a/examples/svelte/src/routes/custom-connection-line/+page.svelte b/examples/svelte/src/routes/examples/custom-connection-line/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/custom-connection-line/+page.svelte
rename to examples/svelte/src/routes/examples/custom-connection-line/+page.svelte
diff --git a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte b/examples/svelte/src/routes/examples/custom-connection-line/ConnectionLine.svelte
similarity index 100%
rename from examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
rename to examples/svelte/src/routes/examples/custom-connection-line/ConnectionLine.svelte
diff --git a/examples/svelte/src/routes/custom-connection-line/CustomNode.svelte b/examples/svelte/src/routes/examples/custom-connection-line/CustomNode.svelte
similarity index 100%
rename from examples/svelte/src/routes/custom-connection-line/CustomNode.svelte
rename to examples/svelte/src/routes/examples/custom-connection-line/CustomNode.svelte
diff --git a/examples/svelte/src/routes/customnode/+page.svelte b/examples/svelte/src/routes/examples/customnode/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/customnode/+page.svelte
rename to examples/svelte/src/routes/examples/customnode/+page.svelte
diff --git a/examples/svelte/src/routes/customnode/CustomNode.svelte b/examples/svelte/src/routes/examples/customnode/CustomNode.svelte
similarity index 100%
rename from examples/svelte/src/routes/customnode/CustomNode.svelte
rename to examples/svelte/src/routes/examples/customnode/CustomNode.svelte
diff --git a/examples/svelte/src/routes/dagre/+page.svelte b/examples/svelte/src/routes/examples/dagre/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/dagre/+page.svelte
rename to examples/svelte/src/routes/examples/dagre/+page.svelte
diff --git a/examples/svelte/src/routes/dagre/nodes-and-edges.ts b/examples/svelte/src/routes/examples/dagre/nodes-and-edges.ts
similarity index 100%
rename from examples/svelte/src/routes/dagre/nodes-and-edges.ts
rename to examples/svelte/src/routes/examples/dagre/nodes-and-edges.ts
diff --git a/examples/svelte/src/routes/drag-n-drop/+page.svelte b/examples/svelte/src/routes/examples/drag-n-drop/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/drag-n-drop/+page.svelte
rename to examples/svelte/src/routes/examples/drag-n-drop/+page.svelte
diff --git a/examples/svelte/src/routes/drag-n-drop/Flow.svelte b/examples/svelte/src/routes/examples/drag-n-drop/Flow.svelte
similarity index 100%
rename from examples/svelte/src/routes/drag-n-drop/Flow.svelte
rename to examples/svelte/src/routes/examples/drag-n-drop/Flow.svelte
diff --git a/examples/svelte/src/routes/drag-n-drop/Sidebar.svelte b/examples/svelte/src/routes/examples/drag-n-drop/Sidebar.svelte
similarity index 100%
rename from examples/svelte/src/routes/drag-n-drop/Sidebar.svelte
rename to examples/svelte/src/routes/examples/drag-n-drop/Sidebar.svelte
diff --git a/examples/svelte/src/routes/edges/+page.svelte b/examples/svelte/src/routes/examples/edges/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/edges/+page.svelte
rename to examples/svelte/src/routes/examples/edges/+page.svelte
diff --git a/examples/svelte/src/routes/figma/+page.svelte b/examples/svelte/src/routes/examples/figma/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/figma/+page.svelte
rename to examples/svelte/src/routes/examples/figma/+page.svelte
diff --git a/examples/svelte/src/routes/interaction/+page.svelte b/examples/svelte/src/routes/examples/interaction/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/interaction/+page.svelte
rename to examples/svelte/src/routes/examples/interaction/+page.svelte
diff --git a/examples/svelte/src/routes/intersections/+page.svelte b/examples/svelte/src/routes/examples/intersections/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/intersections/+page.svelte
rename to examples/svelte/src/routes/examples/intersections/+page.svelte
diff --git a/examples/svelte/src/routes/intersections/+server.ts b/examples/svelte/src/routes/examples/intersections/+server.ts
similarity index 100%
rename from examples/svelte/src/routes/intersections/+server.ts
rename to examples/svelte/src/routes/examples/intersections/+server.ts
diff --git a/examples/svelte/src/routes/intersections/Flow.svelte b/examples/svelte/src/routes/examples/intersections/Flow.svelte
similarity index 100%
rename from examples/svelte/src/routes/intersections/Flow.svelte
rename to examples/svelte/src/routes/examples/intersections/Flow.svelte
diff --git a/examples/svelte/src/routes/intersections/nodes-and-edges.ts b/examples/svelte/src/routes/examples/intersections/nodes-and-edges.ts
similarity index 100%
rename from examples/svelte/src/routes/intersections/nodes-and-edges.ts
rename to examples/svelte/src/routes/examples/intersections/nodes-and-edges.ts
diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/examples/overview/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/overview/+page.svelte
rename to examples/svelte/src/routes/examples/overview/+page.svelte
diff --git a/examples/svelte/src/routes/overview/CustomEdge.svelte b/examples/svelte/src/routes/examples/overview/CustomEdge.svelte
similarity index 100%
rename from examples/svelte/src/routes/overview/CustomEdge.svelte
rename to examples/svelte/src/routes/examples/overview/CustomEdge.svelte
diff --git a/examples/svelte/src/routes/overview/CustomNode.svelte b/examples/svelte/src/routes/examples/overview/CustomNode.svelte
similarity index 100%
rename from examples/svelte/src/routes/overview/CustomNode.svelte
rename to examples/svelte/src/routes/examples/overview/CustomNode.svelte
diff --git a/examples/svelte/src/routes/overview/CustomNodeDragHandle.svelte b/examples/svelte/src/routes/examples/overview/CustomNodeDragHandle.svelte
similarity index 100%
rename from examples/svelte/src/routes/overview/CustomNodeDragHandle.svelte
rename to examples/svelte/src/routes/examples/overview/CustomNodeDragHandle.svelte
diff --git a/examples/svelte/src/routes/stress/+page.svelte b/examples/svelte/src/routes/examples/stress/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/stress/+page.svelte
rename to examples/svelte/src/routes/examples/stress/+page.svelte
diff --git a/examples/svelte/src/routes/subflows/+page.svelte b/examples/svelte/src/routes/examples/subflows/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/subflows/+page.svelte
rename to examples/svelte/src/routes/examples/subflows/+page.svelte
diff --git a/examples/svelte/src/routes/subflows/DebugNode.svelte b/examples/svelte/src/routes/examples/subflows/DebugNode.svelte
similarity index 100%
rename from examples/svelte/src/routes/subflows/DebugNode.svelte
rename to examples/svelte/src/routes/examples/subflows/DebugNode.svelte
diff --git a/examples/svelte/src/routes/two-way-viewport/+page.svelte b/examples/svelte/src/routes/examples/two-way-viewport/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/two-way-viewport/+page.svelte
rename to examples/svelte/src/routes/examples/two-way-viewport/+page.svelte
diff --git a/examples/svelte/src/routes/two-way-viewport/Flow.svelte b/examples/svelte/src/routes/examples/two-way-viewport/Flow.svelte
similarity index 100%
rename from examples/svelte/src/routes/two-way-viewport/Flow.svelte
rename to examples/svelte/src/routes/examples/two-way-viewport/Flow.svelte
diff --git a/examples/svelte/src/routes/usesvelteflow/+page.svelte b/examples/svelte/src/routes/examples/usesvelteflow/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/usesvelteflow/+page.svelte
rename to examples/svelte/src/routes/examples/usesvelteflow/+page.svelte
diff --git a/examples/svelte/src/routes/usesvelteflow/Flow.svelte b/examples/svelte/src/routes/examples/usesvelteflow/Flow.svelte
similarity index 100%
rename from examples/svelte/src/routes/usesvelteflow/Flow.svelte
rename to examples/svelte/src/routes/examples/usesvelteflow/Flow.svelte
diff --git a/examples/svelte/src/routes/usesvelteflow/Sidebar.svelte b/examples/svelte/src/routes/examples/usesvelteflow/Sidebar.svelte
similarity index 100%
rename from examples/svelte/src/routes/usesvelteflow/Sidebar.svelte
rename to examples/svelte/src/routes/examples/usesvelteflow/Sidebar.svelte
diff --git a/examples/svelte/src/routes/useupdatenodeinternals/+page.svelte b/examples/svelte/src/routes/examples/useupdatenodeinternals/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/useupdatenodeinternals/+page.svelte
rename to examples/svelte/src/routes/examples/useupdatenodeinternals/+page.svelte
diff --git a/examples/svelte/src/routes/useupdatenodeinternals/CustomNode.svelte b/examples/svelte/src/routes/examples/useupdatenodeinternals/CustomNode.svelte
similarity index 100%
rename from examples/svelte/src/routes/useupdatenodeinternals/CustomNode.svelte
rename to examples/svelte/src/routes/examples/useupdatenodeinternals/CustomNode.svelte
diff --git a/examples/svelte/src/routes/useupdatenodeinternals/Flow.svelte b/examples/svelte/src/routes/examples/useupdatenodeinternals/Flow.svelte
similarity index 100%
rename from examples/svelte/src/routes/useupdatenodeinternals/Flow.svelte
rename to examples/svelte/src/routes/examples/useupdatenodeinternals/Flow.svelte
diff --git a/examples/svelte/src/routes/validation/+page.svelte b/examples/svelte/src/routes/examples/validation/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/validation/+page.svelte
rename to examples/svelte/src/routes/examples/validation/+page.svelte
diff --git a/examples/svelte/src/routes/validation/style.css b/examples/svelte/src/routes/examples/validation/style.css
similarity index 100%
rename from examples/svelte/src/routes/validation/style.css
rename to examples/svelte/src/routes/examples/validation/style.css
diff --git a/examples/svelte/src/routes/tests/nodes/+page.svelte b/examples/svelte/src/routes/tests/nodes/+page.svelte
new file mode 100644
index 000000000..12dec33ca
--- /dev/null
+++ b/examples/svelte/src/routes/tests/nodes/+page.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+	import { SvelteFlowProvider } from '@xyflow/svelte';
+
+	import Flow from './Flow.svelte';
+</script>
+
+<SvelteFlowProvider>
+	<Flow />
+</SvelteFlowProvider>
diff --git a/examples/svelte/src/routes/tests/nodes/Flow.svelte b/examples/svelte/src/routes/tests/nodes/Flow.svelte
new file mode 100644
index 000000000..6686c9078
--- /dev/null
+++ b/examples/svelte/src/routes/tests/nodes/Flow.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import { initialNodes, initialEdges } from './nodesAndEdges';
+	import { SvelteFlow } from '@xyflow/svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodes = writable(initialNodes);
+	const edges = writable(initialEdges);
+</script>
+
+<SvelteFlow {nodes} {edges} fitView />
diff --git a/examples/svelte/src/routes/tests/nodes/nodesAndEdges.ts b/examples/svelte/src/routes/tests/nodes/nodesAndEdges.ts
new file mode 100644
index 000000000..37e2d9998
--- /dev/null
+++ b/examples/svelte/src/routes/tests/nodes/nodesAndEdges.ts
@@ -0,0 +1,73 @@
+import type { Edge, Node } from '@xyflow/svelte';
+
+export const initialNodes: Node[] = [
+	{
+		id: '1',
+		data: { label: '1' },
+		position: { x: 0, y: 0 },
+		class: 'test-class',
+		style: 'background-color: red;'
+	},
+	{
+		id: '2',
+		data: { label: '2' },
+		position: { x: -100, y: 100 }
+	},
+	{
+		id: '3',
+		data: { label: '3' },
+		position: { x: 100, y: 100 }
+	},
+	{
+		id: '4',
+		data: { label: '4' },
+		position: { x: 0, y: 200 }
+	},
+	{
+		id: 'notDraggable',
+		data: { label: 'notDraggable' },
+		position: { x: 0, y: 300 },
+		draggable: false
+	},
+	{
+		id: 'notSelectable',
+		data: { label: 'notSelectable' },
+		position: { x: 0, y: 400 },
+		selectable: false
+	},
+	{
+		id: 'notConnectable',
+		data: { label: 'notConnectable' },
+		position: { x: 0, y: 500 },
+		connectable: false
+	},
+	{
+		id: 'notDeletable',
+		data: { label: 'notDeletable' },
+		position: { x: 0, y: 600 },
+		connectable: false
+	},
+	{
+		id: 'hidden',
+		data: { label: 'hidden' },
+		position: { x: 0, y: 700 },
+		hidden: true
+	}
+];
+
+export const initialEdges: Edge[] = [
+	{
+		id: '1-2',
+		type: 'default',
+		source: '1',
+		target: '2',
+		label: 'edge'
+	},
+	{
+		id: '1-3',
+		type: 'default',
+		source: '1',
+		target: '3',
+		label: 'edge'
+	}
+];
diff --git a/examples/svelte/svelte.config.js b/examples/svelte/svelte.config.js
index 1cf26a00d..80719d796 100644
--- a/examples/svelte/svelte.config.js
+++ b/examples/svelte/svelte.config.js
@@ -11,7 +11,10 @@ const config = {
 		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
 		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
 		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
-		adapter: adapter()
+		adapter: adapter(),
+		alias: {
+			$components: './src/components'
+		}
 	}
 };
 

From 45ae126d438662cc6e933cf6011702287c607487 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 25 Oct 2023 16:57:22 +0200
Subject: [PATCH 0279/1093] Created e2e tests for node interactions

---
 examples/react/src/examples/Basic/index.tsx   |   1 +
 .../routes/tests/nodes/DragHandleNode.svelte  |  26 ++
 .../svelte/src/routes/tests/nodes/Flow.svelte |   8 +-
 .../src/routes/tests/nodes/nodesAndEdges.ts   |  57 +++--
 tests/playwright/e2e/backspace-delete.spec.ts |  16 --
 tests/playwright/e2e/move-node.spec.ts        |  22 --
 tests/playwright/e2e/nodes.spec.ts            | 236 +++++++++++++++++-
 7 files changed, 303 insertions(+), 63 deletions(-)
 create mode 100644 examples/svelte/src/routes/tests/nodes/DragHandleNode.svelte
 delete mode 100644 tests/playwright/e2e/backspace-delete.spec.ts
 delete mode 100644 tests/playwright/e2e/move-node.spec.ts

diff --git a/examples/react/src/examples/Basic/index.tsx b/examples/react/src/examples/Basic/index.tsx
index 21f48ec57..4f1a51d2c 100644
--- a/examples/react/src/examples/Basic/index.tsx
+++ b/examples/react/src/examples/Basic/index.tsx
@@ -41,6 +41,7 @@ const initialNodes: Node[] = [
     data: { label: 'Node 4' },
     position: { x: 400, y: 200 },
     className: 'light',
+    connectable: false,
   },
 ];
 
diff --git a/examples/svelte/src/routes/tests/nodes/DragHandleNode.svelte b/examples/svelte/src/routes/tests/nodes/DragHandleNode.svelte
new file mode 100644
index 000000000..da5fa4c40
--- /dev/null
+++ b/examples/svelte/src/routes/tests/nodes/DragHandleNode.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	import type { NodeProps } from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+</script>
+
+<div class="container">
+	<div class="drag-handle custom-drag-handle" />
+</div>
+
+<style>
+	.container {
+		width: 100px;
+		height: 50px;
+		background: red;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	.drag-handle {
+		display: inline-block;
+		width: 25px;
+		height: 25px;
+		background-color: green;
+	}
+</style>
diff --git a/examples/svelte/src/routes/tests/nodes/Flow.svelte b/examples/svelte/src/routes/tests/nodes/Flow.svelte
index 6686c9078..6f684cbf3 100644
--- a/examples/svelte/src/routes/tests/nodes/Flow.svelte
+++ b/examples/svelte/src/routes/tests/nodes/Flow.svelte
@@ -3,10 +3,16 @@
 	import { initialNodes, initialEdges } from './nodesAndEdges';
 	import { SvelteFlow } from '@xyflow/svelte';
 
+	import DragHandleNode from './DragHandleNode.svelte';
+
 	import '@xyflow/svelte/dist/style.css';
 
 	const nodes = writable(initialNodes);
 	const edges = writable(initialEdges);
+
+	const nodeTypes = {
+		DragHandleNode
+	};
 </script>
 
-<SvelteFlow {nodes} {edges} fitView />
+<SvelteFlow {nodes} {nodeTypes} {edges} fitView />
diff --git a/examples/svelte/src/routes/tests/nodes/nodesAndEdges.ts b/examples/svelte/src/routes/tests/nodes/nodesAndEdges.ts
index 37e2d9998..bd382bef8 100644
--- a/examples/svelte/src/routes/tests/nodes/nodesAndEdges.ts
+++ b/examples/svelte/src/routes/tests/nodes/nodesAndEdges.ts
@@ -2,50 +2,61 @@ import type { Edge, Node } from '@xyflow/svelte';
 
 export const initialNodes: Node[] = [
 	{
-		id: '1',
-		data: { label: '1' },
+		id: 'Node-1',
+		data: { label: 'Node-1' },
 		position: { x: 0, y: 0 },
-		class: 'test-class',
+		type: 'input',
+		class: 'playwright-test-class-123',
 		style: 'background-color: red;'
 	},
 	{
-		id: '2',
-		data: { label: '2' },
+		id: 'Node-2',
+		type: 'output',
+		data: { label: 'Node-2' },
 		position: { x: -100, y: 100 }
 	},
 	{
-		id: '3',
-		data: { label: '3' },
+		id: 'Node-3',
+		data: { label: 'Node-3' },
 		position: { x: 100, y: 100 }
 	},
 	{
-		id: '4',
-		data: { label: '4' },
-		position: { x: 0, y: 200 }
+		id: 'Node-4',
+		data: { label: 'Node-4' },
+		position: { x: 0, y: 200 },
+		type: 'output'
+	},
+	{
+		id: 'drag-handle',
+		data: { label: 'Drag Handle' },
+		position: { x: 200, y: 0 },
+		type: 'DragHandleNode',
+		dragHandle: '.custom-drag-handle'
+	},
+	{
+		id: 'notConnectable',
+		type: 'output',
+		data: { label: 'notConnectable' },
+		position: { x: 0, y: 300 },
+		connectable: false
 	},
 	{
 		id: 'notDraggable',
 		data: { label: 'notDraggable' },
-		position: { x: 0, y: 300 },
+		position: { x: 0, y: 400 },
 		draggable: false
 	},
 	{
 		id: 'notSelectable',
 		data: { label: 'notSelectable' },
-		position: { x: 0, y: 400 },
-		selectable: false
-	},
-	{
-		id: 'notConnectable',
-		data: { label: 'notConnectable' },
 		position: { x: 0, y: 500 },
-		connectable: false
+		selectable: false
 	},
 	{
 		id: 'notDeletable',
 		data: { label: 'notDeletable' },
 		position: { x: 0, y: 600 },
-		connectable: false
+		deletable: false
 	},
 	{
 		id: 'hidden',
@@ -59,15 +70,15 @@ export const initialEdges: Edge[] = [
 	{
 		id: '1-2',
 		type: 'default',
-		source: '1',
-		target: '2',
+		source: 'Node-1',
+		target: 'Node-2',
 		label: 'edge'
 	},
 	{
 		id: '1-3',
 		type: 'default',
-		source: '1',
-		target: '3',
+		source: 'Node-1',
+		target: 'Node-3',
 		label: 'edge'
 	}
 ];
diff --git a/tests/playwright/e2e/backspace-delete.spec.ts b/tests/playwright/e2e/backspace-delete.spec.ts
deleted file mode 100644
index 0f6d36487..000000000
--- a/tests/playwright/e2e/backspace-delete.spec.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-import { FRAMEWORK } from './constants';
-
-test('Delete Node with backspace', async ({ page }) => {
-  await page.goto('/');
-  await page.locator(`.${FRAMEWORK}-flow__node`).nth(0).click();
-  // await page.getByTestId('rf__node-1').click();
-  await page.keyboard.press('Backspace');
-
-  const nodes = await page.locator(`.${FRAMEWORK}-flow__node`).all();
-  expect(nodes).toHaveLength(3);
-
-  const edges = await page.locator(`.${FRAMEWORK}-flow__edge`).all();
-  expect(edges).toHaveLength(0);
-});
diff --git a/tests/playwright/e2e/move-node.spec.ts b/tests/playwright/e2e/move-node.spec.ts
deleted file mode 100644
index d9fea594b..000000000
--- a/tests/playwright/e2e/move-node.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-test('Move Node', async ({ page }) => {
-  await page.goto('/');
-
-  const locator = page.getByTestId('rf__node-1');
-
-  const transformBeforeMove = await locator.evaluate((element) => {
-    return element.style.transform;
-  });
-
-  await locator.hover();
-  await page.mouse.down();
-  await page.mouse.move(500, 500);
-  await page.mouse.up();
-
-  const transformAfterMove = await locator.evaluate((element) => {
-    return element.style.transform;
-  });
-
-  expect(transformBeforeMove).not.toMatch(transformAfterMove);
-});
diff --git a/tests/playwright/e2e/nodes.spec.ts b/tests/playwright/e2e/nodes.spec.ts
index b06de9617..03a3bef92 100644
--- a/tests/playwright/e2e/nodes.spec.ts
+++ b/tests/playwright/e2e/nodes.spec.ts
@@ -9,6 +9,240 @@ test.describe('NODES', () => {
   });
 
   test.describe('selection', () => {
-    test('selecting a node', async ({ page }) => {});
+    test('selecting a node by click', async ({ page }) => {
+      const locator = page.locator(`.${FRAMEWORK}-flow__node`).first();
+      await locator.click();
+
+      await expect(locator).toHaveClass(/selected/);
+    });
+
+    test('selecting multiple nodes with shift drag', async ({ page }) => {
+      const nodes = page.locator(`.${FRAMEWORK}-flow__node`);
+      const firstNode = nodes.first();
+      const secondNode = nodes.nth(1);
+      const thirdNode = nodes.nth(2);
+
+      await expect(firstNode).toBeInViewport();
+      await expect(secondNode).toBeInViewport();
+      await expect(thirdNode).toBeInViewport();
+
+      const box = await firstNode.boundingBox();
+
+      await page.mouse.move(box!.x - 100, box!.y - 10);
+      await page.keyboard.down('Shift');
+      await page.mouse.down();
+      await page.mouse.move(box!.x + 200, box!.y + 200);
+      await page.mouse.up();
+      await page.keyboard.up('Shift');
+
+      await expect(firstNode).toHaveClass(/selected/);
+      await expect(secondNode).toHaveClass(/selected/);
+      await expect(thirdNode).toHaveClass(/selected/);
+
+      const selection = page.locator(`.${FRAMEWORK}-flow__selection`);
+      await expect(selection).toBeInViewport();
+    });
+
+    test('selectable=false prevents selection', async ({ page }) => {
+      const locator = page.locator(`.${FRAMEWORK}-flow__node`).and(page.locator('[data-id="notSelectable"]'));
+      await locator.click();
+
+      await expect(locator).not.toHaveClass(/selected/);
+    });
+  });
+
+  test.describe('dragging', () => {
+    test('dragging a node', async ({ page }) => {
+      const node = page.locator(`.${FRAMEWORK}-flow__node`).first();
+
+      const transformBeforeMove = await node.evaluate((element) => {
+        return element.style.transform;
+      });
+
+      await node.hover();
+      await page.mouse.down();
+      await page.mouse.move(500, 500);
+      await page.mouse.up();
+
+      const transformAfterMove = await node.evaluate((element) => {
+        return element.style.transform;
+      });
+
+      expect(transformBeforeMove).not.toMatch(transformAfterMove);
+    });
+
+    test('draggable=false prevents dragging', async ({ page }) => {
+      const node = page.locator(`.${FRAMEWORK}-flow__node`).and(page.locator('[data-id="notDraggable"]'));
+
+      const transformBeforeMove = await node.evaluate((element) => {
+        return element.style.transform;
+      });
+
+      await node.hover();
+      await page.mouse.down();
+      await page.mouse.move(500, 500);
+      await page.mouse.up();
+
+      const transformAfterMove = await node.evaluate((element) => {
+        return element.style.transform;
+      });
+
+      expect(transformBeforeMove).toMatch(transformAfterMove);
+    });
+
+    test('custom drag handle works', async ({ page }) => {
+      const node = page.locator(`.${FRAMEWORK}-flow__node`).and(page.locator('[data-id="drag-handle"]'));
+      const dragHandle = page.locator('.custom-drag-handle');
+
+      const transformBeforeMove = await node.evaluate((element) => {
+        return element.style.transform;
+      });
+
+      const nodeBox = await node.boundingBox();
+
+      await page.mouse.move(nodeBox!.x + 10, nodeBox!.y + 10);
+      await page.mouse.down();
+      await page.mouse.move(500, 500);
+      await page.mouse.up();
+
+      const transformAfterMove = await node.evaluate((element) => {
+        return element.style.transform;
+      });
+
+      expect(transformBeforeMove).toMatch(transformAfterMove);
+
+      await dragHandle.hover();
+      await page.mouse.down();
+      await page.mouse.move(500, 500);
+      await page.mouse.up();
+
+      const transformAfterDragHandleMove = await node.evaluate((element) => {
+        return element.style.transform;
+      });
+
+      expect(transformBeforeMove).not.toMatch(transformAfterDragHandleMove);
+    });
+  });
+
+  test.describe('deleting', () => {
+    test('deleting a node and its edges', async ({ page }) => {
+      const node = page.locator(`.${FRAMEWORK}-flow__node`).and(page.locator('[data-id="Node-1"]'));
+
+      await node.click();
+      await page.keyboard.press('Backspace');
+
+      await expect(node).not.toBeAttached();
+
+      const edges = await page.locator(`.${FRAMEWORK}-flow__edge`).all();
+      expect(edges).toHaveLength(0);
+    });
+
+    test('deletable=false prevents deletion', async ({ page }) => {
+      const node = page.locator(`.${FRAMEWORK}-flow__node`).and(page.locator('[data-id="notDeletable"]'));
+
+      await node.click();
+      await page.keyboard.press('Backspace');
+
+      await expect(node).toBeAttached();
+    });
+  });
+
+  test.describe('connecting', () => {
+    test('connecting two nodes', async ({ page }) => {
+      const outputSourceHandle = page.locator(`.${FRAMEWORK}-flow__handle`).and(page.locator('[data-nodeid="Node-1"]'));
+      const inputSourceHandle = page.locator(`.${FRAMEWORK}-flow__handle`).and(page.locator('[data-nodeid="Node-4"]'));
+
+      await expect(outputSourceHandle).toBeInViewport();
+      await expect(inputSourceHandle).toBeInViewport();
+
+      const edgesBefore = await page.locator(`.${FRAMEWORK}-flow__edge`).all();
+
+      await outputSourceHandle.hover();
+      await page.mouse.down();
+      await inputSourceHandle.hover();
+      await page.mouse.up();
+
+      const edgesAfter = await page.locator(`.${FRAMEWORK}-flow__edge`).all();
+      expect(edgesAfter).toHaveLength(edgesBefore.length + 1);
+    });
+
+    test('connecting two output handles does not work', async ({ page }) => {
+      const firstOutputHandle = page.locator(`.${FRAMEWORK}-flow__handle`).and(page.locator('[data-nodeid="Node-2"]'));
+      const secondOutputHandle = page.locator(`.${FRAMEWORK}-flow__handle`).and(page.locator('[data-nodeid="Node-4"]'));
+
+      await expect(firstOutputHandle).toBeInViewport();
+      await expect(secondOutputHandle).toBeInViewport();
+
+      const edgesBefore = await page.locator(`.${FRAMEWORK}-flow__edge`).all();
+
+      await firstOutputHandle.hover();
+      await page.mouse.down();
+      await secondOutputHandle.hover();
+      await page.mouse.up();
+
+      const edgesAfter = await page.locator(`.${FRAMEWORK}-flow__edge`).all();
+      expect(edgesAfter).toHaveLength(edgesBefore.length);
+    });
+
+    test('connecting two input handles does not work', async ({ page }) => {
+      const firstInputHandle = page.locator(`.${FRAMEWORK}-flow__handle`).and(page.locator('[data-nodeid="Node-1"]'));
+      const secondInputHandle = page
+        .locator(`.${FRAMEWORK}-flow__handle`)
+        .and(page.locator('[data-nodeid="Node-3"]'))
+        .and(page.locator('.source'));
+
+      await expect(firstInputHandle).toBeInViewport();
+      await expect(secondInputHandle).toBeInViewport();
+
+      const edgesBefore = await page.locator(`.${FRAMEWORK}-flow__edge`).all();
+
+      await firstInputHandle.hover();
+      await page.mouse.down();
+      await secondInputHandle.hover();
+      await page.mouse.up();
+
+      const edgesAfter = await page.locator(`.${FRAMEWORK}-flow__edge`).all();
+      expect(edgesAfter).toHaveLength(edgesBefore.length);
+    });
+
+    test('connectable=false prevents connections', async ({ page }) => {
+      const outputHandle = page.locator(`.${FRAMEWORK}-flow__handle`).and(page.locator('[data-nodeid="Node-1"]'));
+      const notConnectableHandle = page
+        .locator(`.${FRAMEWORK}-flow__handle`)
+        .and(page.locator('[data-nodeid="notConnectable"]'));
+
+      const notConnectableBox = await notConnectableHandle.boundingBox();
+
+      await expect(outputHandle).toBeInViewport();
+      await expect(notConnectableHandle).toBeInViewport();
+
+      const edgesBefore = await page.locator(`.${FRAMEWORK}-flow__edge`).all();
+
+      await outputHandle.hover();
+      await page.mouse.down();
+      await page.mouse.move(notConnectableBox!.x + 2, notConnectableBox!.y + 2);
+      await page.mouse.up();
+
+      const edgesAfter = await page.locator(`.${FRAMEWORK}-flow__edge`).all();
+      expect(edgesAfter).toHaveLength(edgesBefore.length);
+    });
+  });
+
+  test('hidden=true hides the node', async ({ page }) => {
+    const node = page.locator(`.${FRAMEWORK}-flow__node`).and(page.locator('[data-id="hidden"]'));
+
+    await expect(node).not.toBeInViewport();
+  });
+
+  test('classes get applied', async ({ page }) => {
+    const node = page.locator(`.${FRAMEWORK}-flow__node`).and(page.locator('[data-id="Node-1"]'));
+
+    await expect(node).toHaveClass(/playwright-test-class-123/);
+  });
+
+  test('styles get applied', async ({ page }) => {
+    const node = page.locator(`.${FRAMEWORK}-flow__node`).and(page.locator('[data-id="Node-1"]'));
+
+    await expect(node).toHaveCSS('background-color', 'rgb(255, 0, 0)');
   });
 });

From 7eb9fda0fb44049cc5e7bae181775fefb414182f Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 25 Oct 2023 17:26:23 +0200
Subject: [PATCH 0280/1093] fixed test case

---
 tests/playwright/e2e/nodes.spec.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/tests/playwright/e2e/nodes.spec.ts b/tests/playwright/e2e/nodes.spec.ts
index 03a3bef92..2136c3f1c 100644
--- a/tests/playwright/e2e/nodes.spec.ts
+++ b/tests/playwright/e2e/nodes.spec.ts
@@ -140,6 +140,8 @@ test.describe('NODES', () => {
     test('deletable=false prevents deletion', async ({ page }) => {
       const node = page.locator(`.${FRAMEWORK}-flow__node`).and(page.locator('[data-id="notDeletable"]'));
 
+      await expect(node).toBeAttached();
+
       await node.click();
       await page.keyboard.press('Backspace');
 

From bbdff5ab10be24bb67a54816a9d60204998da953 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 30 Oct 2023 11:14:10 +0100
Subject: [PATCH 0281/1093] chore(svelte): prevent undefined for width and
 height

---
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte   | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index cfa66d676..36209b17c 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -108,8 +108,10 @@
 
   // Update width & height on resize
   $: {
-    store.width.set(clientWidth);
-    store.height.set(clientHeight);
+    if (clientWidth !== undefined && clientHeight !== undefined) {
+      store.width.set(clientWidth);
+      store.height.set(clientHeight);
+    }
   }
 
   // this updates the store for simple changes

From e899c379d027650edd6e400c0e24f4f4ae34fb79 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 30 Oct 2023 11:52:50 +0100
Subject: [PATCH 0282/1093] chore(svelte): cleanup useSvelteFlow

---
 .../src/routes/usesvelteflow/Sidebar.svelte      | 12 ++++++++++--
 packages/svelte/src/lib/hooks/useSvelteFlow.ts   | 16 +++++++++-------
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/examples/svelte/src/routes/usesvelteflow/Sidebar.svelte b/examples/svelte/src/routes/usesvelteflow/Sidebar.svelte
index 5b81fa4fc..a195cf1ce 100644
--- a/examples/svelte/src/routes/usesvelteflow/Sidebar.svelte
+++ b/examples/svelte/src/routes/usesvelteflow/Sidebar.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { useSvelteFlow } from '@xyflow/svelte';
+	import { useNodes, useSvelteFlow } from '@xyflow/svelte';
 
 	const {
 		zoomIn,
@@ -10,8 +10,10 @@
 		setViewport,
 		getViewport,
 		viewport,
-		nodes
+		toObject
 	} = useSvelteFlow();
+
+	const nodes = useNodes();
 </script>
 
 <aside>
@@ -23,6 +25,12 @@
 	<button on:click={() => setCenter(0, 0)}>setCenter 0, 0</button>
 	<button on:click={() => setViewport({ x: 100, y: 100, zoom: 2 })}>setViewport</button>
 	<button on:click={() => console.log(getViewport())}>getViewport</button>
+	<button
+		on:click={() => {
+			const { nodes, edges, viewport } = toObject();
+			console.log(nodes, edges, viewport);
+		}}>toObject</button
+	>
 
 	<div class="label">Nodes:</div>
 	{#each $nodes as node (node.id)}
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index fd20d61b6..abe097bbd 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -265,14 +265,16 @@ export function useSvelteFlow(): {
       return getOutgoersBase(_node, get(nodes), get(edges));
     },
     toObject: () => {
-      const _nodes = get(nodes);
-      const _edges = get(edges);
-      const _viewport = get(viewport);
-
       return {
-        nodes: { ..._nodes },
-        edges: { ..._edges },
-        viewport: { ..._viewport }
+        nodes: get(nodes).map((node) => ({
+          ...node,
+          // we want to make sure that changes to the nodes object that gets returned by toObject
+          // do not affect the nodes object
+          position: { ...node.position },
+          data: { ...node.data }
+        })),
+        edges: get(edges).map((edge) => ({ ...edge })),
+        viewport: { ...get(viewport) }
       };
     },
     viewport

From 9d386abb2aa299a94955d33751e258380b26c1c0 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 30 Oct 2023 13:24:25 +0100
Subject: [PATCH 0283/1093] tests(svelte) WIP added some e2e tests and edges
 example

---
 .../src/routes/tests/edges/+page.svelte       |   9 +
 .../svelte/src/routes/tests/edges/Flow.svelte |  12 ++
 .../src/routes/tests/edges/nodesAndEdges.ts   | 157 ++++++++++++++++++
 tests/playwright/e2e/edges.spec.ts            | 120 +++++++++++++
 tests/playwright/e2e/nodes.spec.ts            |   1 +
 5 files changed, 299 insertions(+)
 create mode 100644 examples/svelte/src/routes/tests/edges/+page.svelte
 create mode 100644 examples/svelte/src/routes/tests/edges/Flow.svelte
 create mode 100644 examples/svelte/src/routes/tests/edges/nodesAndEdges.ts
 create mode 100644 tests/playwright/e2e/edges.spec.ts

diff --git a/examples/svelte/src/routes/tests/edges/+page.svelte b/examples/svelte/src/routes/tests/edges/+page.svelte
new file mode 100644
index 000000000..12dec33ca
--- /dev/null
+++ b/examples/svelte/src/routes/tests/edges/+page.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+	import { SvelteFlowProvider } from '@xyflow/svelte';
+
+	import Flow from './Flow.svelte';
+</script>
+
+<SvelteFlowProvider>
+	<Flow />
+</SvelteFlowProvider>
diff --git a/examples/svelte/src/routes/tests/edges/Flow.svelte b/examples/svelte/src/routes/tests/edges/Flow.svelte
new file mode 100644
index 000000000..6686c9078
--- /dev/null
+++ b/examples/svelte/src/routes/tests/edges/Flow.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import { initialNodes, initialEdges } from './nodesAndEdges';
+	import { SvelteFlow } from '@xyflow/svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodes = writable(initialNodes);
+	const edges = writable(initialEdges);
+</script>
+
+<SvelteFlow {nodes} {edges} fitView />
diff --git a/examples/svelte/src/routes/tests/edges/nodesAndEdges.ts b/examples/svelte/src/routes/tests/edges/nodesAndEdges.ts
new file mode 100644
index 000000000..6e0d969a9
--- /dev/null
+++ b/examples/svelte/src/routes/tests/edges/nodesAndEdges.ts
@@ -0,0 +1,157 @@
+import { MarkerType, type Edge, type Node } from '@xyflow/svelte';
+
+export const initialNodes: Node[] = [
+	{
+		id: '1',
+		data: { label: '1' },
+		position: { x: 0, y: 0 },
+		type: 'input'
+	},
+	{
+		id: '2',
+		data: { label: '2' },
+		position: { x: -100, y: 100 }
+	},
+	{
+		id: '3',
+		data: { label: '3' },
+		position: { x: 100, y: 100 }
+	},
+	{
+		id: '4',
+		data: { label: '4' },
+		position: { x: -100, y: 200 }
+	},
+	{
+		id: '5',
+		data: { label: '5' },
+		position: { x: 100, y: 200 }
+	},
+	{
+		id: '6',
+		data: { label: '6' },
+		position: { x: -100, y: 300 }
+	},
+	{
+		id: '7',
+		data: { label: '7' },
+		position: { x: 100, y: 300 }
+	},
+	{
+		id: '8',
+		data: { label: '8' },
+		position: { x: -100, y: 400 }
+	},
+	{
+		id: '9',
+		data: { label: '9' },
+		position: { x: 100, y: 400 }
+	},
+	{
+		id: '10',
+		data: { label: '10' },
+		position: { x: -100, y: 500 }
+	},
+	{
+		id: '11',
+		data: { label: '11' },
+		position: { x: 100, y: 500 }
+	},
+	{
+		id: '12',
+		data: { label: '12' },
+		position: { x: -100, y: 600 }
+	},
+	{
+		id: '13',
+		data: { label: '13' },
+		position: { x: 100, y: 600 }
+	}
+];
+
+export const initialEdges: Edge[] = [
+	{
+		id: 'edge-with-class',
+		source: '1',
+		target: '2',
+		class: 'edge-class-test'
+	},
+	{
+		id: 'edge-with-style',
+		source: '1',
+		target: '3',
+		style: 'stroke: red;'
+	},
+	{
+		id: 'hidden-edge',
+		source: '2',
+		target: '4',
+		label: 'hidden',
+		hidden: true
+	},
+	{
+		id: 'animated-edge',
+		source: '3',
+		target: '5',
+		label: 'animated',
+		animated: true
+	},
+	{
+		id: 'not-selectable-edge',
+		source: '4',
+		target: '6',
+		label: 'not-selectable',
+		selectable: false
+	},
+	{
+		id: 'not-deletable',
+		source: '5',
+		target: '7',
+		label: 'not-deletable',
+		deletable: false
+	},
+	{
+		id: 'z-index',
+		source: '6',
+		target: '8',
+		label: 'z-index',
+		zIndex: 3141592
+	},
+	{
+		id: 'aria-label',
+		source: '7',
+		target: '9',
+		label: 'aria-label',
+		ariaLabel: 'aria-label-test'
+	},
+	{
+		id: 'interaction-width',
+		source: '8',
+		target: '10',
+		label: 'interaction-width',
+		interactionWidth: 42
+	},
+	{
+		id: 'markers',
+		source: '9',
+		target: '11',
+		label: 'markers',
+		markerEnd: { type: MarkerType.Arrow },
+		markerStart: { type: MarkerType.ArrowClosed }
+	}
+	// {
+	// 	id: 'updatable',
+	// 	source: '9',
+	// 	target: '11',
+	// 	label: 'focusable',
+	// 	updatable: true
+	// },
+	// {
+	// 	id: 'not-focusable',
+	//
+	// 	source: '5',
+	// 	target: '7',
+	// 	label: 'not-focusable',
+	// 	focusable: false
+	// },
+];
diff --git a/tests/playwright/e2e/edges.spec.ts b/tests/playwright/e2e/edges.spec.ts
new file mode 100644
index 000000000..da5a3feb2
--- /dev/null
+++ b/tests/playwright/e2e/edges.spec.ts
@@ -0,0 +1,120 @@
+import { test, expect } from '@playwright/test';
+
+import { FRAMEWORK } from './constants';
+
+test.describe('EDGES', () => {
+  test.beforeEach(async ({ page }) => {
+    // Go to the starting url before each test.
+    await page.goto('/tests/edges');
+
+    // Timeout get's ignored and tests timeout after 200ms ???
+    // page.waitForSelector('[data-id="edge-with-class"]', { timeout: 5000 });
+  });
+
+  test.describe('selection', () => {
+    test('selecting an edge by click', async ({ page }) => {
+      const edge = page.locator('.svelte-flow__edge').and(page.locator('[data-id="edge-with-class"]'));
+
+      await expect(edge).toBeAttached();
+      await edge.click();
+      await expect(edge).toHaveClass(/selected/);
+    });
+
+    // test('selecting multiple edges by meta-click', async ({ page }) => {
+    //   const edge1 = page.locator('[data-id="edge-with-class"]');
+    //   const edge2 = page.locator('[data-id="edge-with-style"]');
+
+    //   await expect(edge1).toBeAttached();
+    //   await expect(edge2).toBeAttached();
+
+    //   await edge1.click();
+    //   await page.keyboard.down('Meta');
+    //   await edge2.click();
+
+    //   await expect(edge1).toHaveClass(/selected/);
+    //   await expect(edge2).toHaveClass(/selected/);
+    // });
+  });
+
+  test.describe('properties', () => {
+    test('classes get applied', async ({ page }) => {
+      const edge = page.locator('[data-id="edge-with-class"]');
+
+      await expect(edge).toHaveClass(/edge-class-test/);
+    });
+
+    test('styles get applied', async ({ page }) => {
+      const edge = page.locator('#edge-with-style');
+
+      await expect(edge).toHaveCSS('stroke', 'rgb(255, 0, 0)');
+    });
+
+    test('hidden=true hides edge', async ({ page }) => {
+      const edge = page.locator('#hidden-edge');
+
+      await expect(edge).not.toBeVisible();
+    });
+
+    test('animated=true add "animated" class', async ({ page }) => {
+      const edge = page.locator('[data-id="animated-edge"]');
+
+      await expect(edge).toHaveClass(/animated/);
+    });
+
+    test('selectable=false prevents selecting of edges', async ({ page }) => {
+      const edge = page.locator('[data-id="not-selectable-edge"]');
+
+      await expect(edge).toBeAttached();
+      await expect(edge).not.toHaveClass(/selected/);
+
+      // For some reason these commands do not work
+      // await expect(edge).toBeInViewport();
+      // await edge.click();
+
+      const edgeBox = await edge.boundingBox();
+
+      await page.mouse.move(edgeBox!.x + edgeBox!.width * 0.5, edgeBox!.y + edgeBox!.height * 0.5);
+      await page.mouse.down();
+      await page.mouse.up();
+
+      await expect(edge).not.toHaveClass(/selected/);
+    });
+
+    test('deleting edges is possible', async ({ page }) => {
+      const edge = page.locator('[data-id="edge-with-class"]');
+
+      await expect(edge).toBeAttached();
+
+      const edgeBox = await edge.boundingBox();
+
+      await edge.click();
+      await expect(edge).toHaveClass(/selected/);
+
+      await page.keyboard.press('Backspace');
+
+      await expect(edge).not.toBeAttached();
+    });
+
+    test('deletable=false prevents deleting of edges', async ({ page }) => {
+      const edge = page.locator('[data-id="not-deletable"]');
+
+      await expect(edge).toBeAttached();
+
+      // For some reason these commands do not work
+      // await expect(edge).toBeInViewport();
+      // await edge.click();
+
+      const edgeBox = await edge.boundingBox();
+
+      await page.mouse.move(edgeBox!.x + edgeBox!.width * 0.5, edgeBox!.y + edgeBox!.height * 0.5);
+      await page.mouse.down();
+      await page.mouse.up();
+
+      // TODO: times out on webkit
+      await expect(edge).toHaveClass(/selected/);
+
+      await page.keyboard.press('Backspace');
+      await expect(edge).toBeAttached();
+    });
+  });
+});
diff --git a/tests/playwright/e2e/nodes.spec.ts b/tests/playwright/e2e/nodes.spec.ts
index 2136c3f1c..697cefa69 100644
--- a/tests/playwright/e2e/nodes.spec.ts
+++ b/tests/playwright/e2e/nodes.spec.ts
@@ -137,6 +137,7 @@ test.describe('NODES', () => {
       expect(edges).toHaveLength(0);
     });
 
+    // TODO: pressing backspace creates problems on webkit
     test('deletable=false prevents deletion', async ({ page }) => {
       const node = page.locator(`.${FRAMEWORK}-flow__node`).and(page.locator('[data-id="notDeletable"]'));
 

From 310c2ebf5d2de29c289fcec4ad4bb49fd5d9d49d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 30 Oct 2023 14:07:36 +0100
Subject: [PATCH 0284/1093] chore(readmes): update

---
 packages/react/README.md  | 131 ++++++++++++++++++++++++++++++++++++--
 packages/svelte/README.md |   2 +-
 2 files changed, 127 insertions(+), 6 deletions(-)

diff --git a/packages/react/README.md b/packages/react/README.md
index d87523edd..a585eb1dc 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -1,10 +1,131 @@
-# @reactflow/core
+![readme-header-dark](https://user-images.githubusercontent.com/3797215/156384064-08a889d6-73c0-4cbf-8ff3-28dc601d1f5f.svg#gh-dark-mode-only)
+![readme-header](https://user-images.githubusercontent.com/3797215/156259138-fb9f59f8-52f2-474a-b78c-6570867e4ead.svg#gh-light-mode-only)
 
-Core components and util functions of React Flow.
+<div align="center">
 
-## Installation 
+![GitHub License MIT](https://img.shields.io/github/license/wbkd/react-flow?color=%23ff0072)
+![npm downloads](https://img.shields.io/npm/dt/reactflow?color=%23FF0072&label=downloads)
+![GitHub Repo stars](https://img.shields.io/github/stars/wbkd/react-flow?color=%23FF0072)
+![GitHub release (latest by date)](https://img.shields.io/github/v/release/wbkd/react-flow?color=%23FF0072)
 
-```sh 
-npm install @reactflow/core
+A highly customizable React component for building interactive graphs and node-based editors.
+
+[🚀 Getting Started](https://reactflow.dev/learn) | [📖 Documentation](https://reactflow.dev/api-reference/react-flow) | [📺 Examples](https://reactflow.dev/examples/overview) | [☎️ Discord](https://discord.gg/RVmnytFmGW) | [💎 React Flow Pro](https://pro.reactflow.dev)
+
+</div>
+
+---
+
+## Key Features
+
+- **Easy to use:** Seamless zooming and panning, single- and multi selection of graph elements and keyboard shortcuts are supported out of the box
+- **Customizable:** Different [node](https://reactflow.dev/examples) and [edge types](https://reactflow.dev/examples/edges/edge-types) and support for custom nodes with multiple handles and custom edges
+- **Fast rendering:** Only nodes that have changed are re-rendered and only those in the viewport are displayed
+- **Hooks and Utils:** [Hooks](https://reactflow.dev/api-reference/hooks) for handling nodes, edges and the viewport and graph [helper functions](https://reactflow.dev/api-reference/utils)
+- **Plugin Components:** [Background](https://reactflow.dev/api-reference/components/background), [MiniMap](https://reactflow.dev/api-reference/components/minimap) and [Controls](https://reactflow.dev/api-reference/components/controls)
+- **Reliable**: Written in [Typescript](https://www.typescriptlang.org/) and tested with [cypress](https://www.cypress.io/)
+
+## Commercial Usage
+
+**Are you using React Flow for a personal project?** Great! No sponsorship needed, you can support us by reporting any bugs you find, sending us screenshots of your projects, and starring us on Github 🌟
+
+**Are you using React Flow at your organization and making money from it?** Awesome! We rely on your support to keep React Flow developed and maintained under an MIT License, just how we like it. You can do that on the [React Flow Pro website](https://pro.reactflow.dev) or through [Github Sponsors](https://github.com/sponsors/wbkd).
+
+You can find more information in our [React Flow Pro FAQs](https://pro.reactflow.dev/info).
+
+## Installation
+
+The easiest way to get the latest version of React Flow is to install it via npm, yarn or pnpm:
+
+```bash
+npm install reactflow
+```
+
+## Quickstart
+
+This is only a very basic usage example of React Flow. To see everything that is possible with the library, please refer to the [website](https://reactflow.dev) for [guides](https://reactflow.dev/learn/customization/custom-nodes), [examples](https://reactflow.dev/examples/overview) and the full [API reference](https://reactflow.dev/api-reference/react-flow).
+
+```jsx
+import { useCallback } from 'react';
+import ReactFlow, {
+  MiniMap,
+  Controls,
+  Background,
+  useNodesState,
+  useEdgesState,
+  addEdge,
+} from 'reactflow';
+
+import 'reactflow/dist/style.css';
+
+const initialNodes = [
+  { id: '1', position: { x: 0, y: 0 }, data: { label: '1' } },
+  { id: '2', position: { x: 0, y: 100 }, data: { label: '2' } },
+];
+
+const initialEdges = [{ id: 'e1-2', source: '1', target: '2' }];
+
+function Flow() {
+  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
+  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
+
+  const onConnect = useCallback((params) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
+
+  return (
+    <ReactFlow
+      nodes={nodes}
+      edges={edges}
+      onNodesChange={onNodesChange}
+      onEdgesChange={onEdgesChange}
+      onConnect={onConnect}
+    >
+      <MiniMap />
+      <Controls />
+      <Background />
+    </ReactFlow>
+  );
+}
+
+export default Flow;
+```
+
+## Development
+
+Before you can start developing please make sure that you have [pnpm](https://pnpm.io/) installed (`npm i -g pnpm`). Then install the dependencies using pnpm: `pnpm install`.
+
+Run `pnpm build` once and then you can use `pnpm dev` for local development.
+
+## Testing
+
+Testing is done with cypress. You can find the tests in the [`examples/vite-app/cypress`](/examples/vite-app/cypress/) folder. In order to run the tests do:
+
+```sh
+pnpm test
 ```
 
+## Maintainers
+
+React Flow is the full-time project of Moritz and Christopher of [webkid](https://webkid.io/), based in Berlin. If you need help or want to talk to us about a collaboration, reach out through our [contact form](https://pro.reactflow.dev/contact) or by joining the [React Flow Discord Server](https://discord.gg/Bqt6xrs).
+
+- Moritz Klack • [Twitter](https://twitter.com/moklick) • [Github](https://github.com/moklick)
+- Christopher Möller • [Twitter](https://twitter.com/chrtze) • [Github](https://github.com/chrtze)
+
+Any support you provide goes directly towards the development and maintenance of React Flow, allowing us to continue to operate as an independent company, working on what we think is best for React Flow as an open-source library.
+
+## Community Packages
+
+- [useUndoable](https://github.com/xplato/useUndoable) - Hook for undo/redo functionality with an explicit React Flow example
+- [react-flow-smart-edge](https://github.com/tisoap/react-flow-smart-edge) - Custom edge that doesn't intersect with nodes
+- [Feliz.ReactFlow](https://github.com/tforkmann/Feliz.ReactFlow) - Feliz React Bindings for React Flow
+
+## Credits
+
+React Flow was initially developed for [datablocks](https://datablocks.pro), a graph-based editor for transforming, analyzing and visualizing data in the browser. Under the hood, React Flow depends on these great libraries:
+
+- [d3-zoom](https://github.com/d3/d3-zoom) - used for zoom, pan and drag interactions with the graph canvas
+- [d3-drag](https://github.com/d3/d3-drag) - used for making the nodes draggable
+- [zustand](https://github.com/pmndrs/zustand) - internal state management
+
+## License
+
+React Flow is [MIT licensed](../LICENSE).
diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index 4ee45348e..e06335398 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -1,6 +1,6 @@
 # Svelte Flow (alpha)
 
-Svelte Flow is a highly customizable component for building interactive graphs and node-based editors, built by the creators of React Flow. **This package is currently under heavy development and the API is very likely to change.**
+Svelte Flow is a highly customizable component for building interactive graphs and node-based editors, built by the creators of React Flow. **Svelte Flow alpha and currently under heavy development. The API is relatively stable but some things might change.**
 
 ## Installation
 

From 9e985457a4eb744b9ea66919b6f06c5c92cca6a9 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 30 Oct 2023 17:20:23 +0100
Subject: [PATCH 0285/1093] fix(svelte) undefined edge classes do not append
 "undefined" as class

---
 .../svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte   | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 8601415bb..d7ddfb298 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -1,6 +1,7 @@
 <svelte:options immutable />
 
 <script lang="ts">
+  import cc from 'classcat';
   import { createEventDispatcher } from 'svelte';
   import { getMarkerId } from '@xyflow/system';
 
@@ -73,7 +74,7 @@
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 {#if !hidden}
   <g
-    class="svelte-flow__edge {className}"
+    class={cc(['svelte-flow__edge', className])}
     class:animated
     class:selected
     data-id={id}

From 2eccdc125da004da05d98d1ba60af0851883a4a6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 31 Oct 2023 12:29:10 +0100
Subject: [PATCH 0286/1093] chore(readmes): update

---
 README.md                 | 146 +++++++++++++++++++++++---------------
 packages/react/README.md  |   8 +--
 packages/svelte/README.md |  49 +++++++++----
 3 files changed, 130 insertions(+), 73 deletions(-)

diff --git a/README.md b/README.md
index bd25d0f91..657ed0f9d 100644
--- a/README.md
+++ b/README.md
@@ -1,51 +1,50 @@
 ![readme-header-dark](https://user-images.githubusercontent.com/3797215/156384064-08a889d6-73c0-4cbf-8ff3-28dc601d1f5f.svg#gh-dark-mode-only)
-![readme-header](https://user-images.githubusercontent.com/3797215/156259138-fb9f59f8-52f2-474a-b78c-6570867e4ead.svg#gh-light-mode-only)
+![readme-header](https://user-1images.githubusercontent.com/3797215/156259138-fb9f59f8-52f2-474a-b78c-6570867e4ead.svg#gh-light-mode-only)
 
 <div align="center">
 
 ![GitHub License MIT](https://img.shields.io/github/license/wbkd/react-flow?color=%23ff0072)
-![npm downloads](https://img.shields.io/npm/dt/reactflow?color=%23FF0072&label=downloads)
+![npm downloads](https://img.shields.io/npm/dt/reactflow?color=%23FF0072&label=React%20Flow%20downloads)
+![npm downloads](https://img.shields.io/npm/dt/@xyflow/svelte?color=%23FF3E00&label=Svelte%20Flow%20downloads)
 ![GitHub Repo stars](https://img.shields.io/github/stars/wbkd/react-flow?color=%23FF0072)
 ![GitHub release (latest by date)](https://img.shields.io/github/v/release/wbkd/react-flow?color=%23FF0072)
 
-A highly customizable React component for building interactive graphs and node-based editors.
-
-[🚀 Getting Started](https://reactflow.dev/docs/quickstart/) | [📖 Documentation](https://reactflow.dev/docs/api/react-flow-props) | [📺 Examples](https://reactflow.dev/docs/examples/overview) | [☎️ Discord](https://discord.gg/RVmnytFmGW) | [💎 React Flow Pro](https://pro.reactflow.dev)
+Powerful open source libraries for building node-based UIs with React or Svelte. Ready out-of-the-box and infinitely customizable.
 
+[React Flow](https://reactflow.dev/) | [Svelte Flow](https://svelteflow.dev/) | [💎 React Flow Pro](https://pro.reactflow.dev)
 </div>
 
 ---
 
-## Key Features
+## The xyflow mono repo
 
-- **Easy to use:** Seamless zooming and panning, single- and multi selection of graph elements and keyboard shortcuts are supported out of the box
-- **Customizable:** Different [node](https://reactflow.dev/docs/api/nodes/node-types) and [edge types](https://reactflow.dev/docs/api/edges/edge-types) and support for custom nodes with multiple handles and custom edges
-- **Fast rendering:** Only nodes that have changed are re-rendered and only those in the viewport are displayed
-- **Hooks and Utils:** [Hooks](https://reactflow.dev/docs/api/hooks/use-react-flow) for handling nodes, edges and the viewport and graph [helper functions](https://reactflow.dev/docs/api/graph-util-functions)
-- **Plugin Components:** [Background](https://reactflow.dev/docs/api/plugin-components/background), [MiniMap](https://reactflow.dev/docs/api/plugin-components/minimap) and [Controls](https://reactflow.dev/docs/api/plugin-components/controls)
-- **Reliable**: Written in [Typescript](https://www.typescriptlang.org/) and tested with [cypress](https://www.cypress.io/)
+The xyflow repository is the home of three packages: React Flow `reactflow`, Svelte Flow `@xyflow/svelte` and a shared helper library `@xyflow/system`. The package name of React Flow will change when we have a stable v12 (probably by beginning of 2024). Until then the current version (v11) of React Flow lives on the v11 branch and is still supported of course. 
 
-## Commercial Usage
+## Key Features
 
-**Are you using React Flow for a personal project?** Great! No sponsorship needed, you can support us by reporting any bugs you find, sending us screenshots of your projects, and starring us on Github 🌟
+- **Easy to use:** Seamless zooming and panning, single- and multi selection of graph elements and keyboard shortcuts are supported out of the box
+- **Customizable:** Different node and edge types and support for custom nodes with multiple handles and custom edges
+- **Fast rendering:** Only nodes that have changed are re-rendered 
+- **Hooks and Utils:** hooks for handling nodes, edges and the viewport and graph util functions
+- **Plugin Components:** Background, Minimap, Controls and a Panel
+- **Reliable**: Written in Typescript and tested with Cypress and Playwright
 
-**Are you using React Flow at your organization and making money from it?** Awesome! We rely on your support to keep React Flow developed and maintained under an MIT License, just how we like it. You can do that on the [React Flow Pro website](https://pro.reactflow.dev) or through [Github Sponsors](https://github.com/sponsors/wbkd).
 
-You can find more information in our [React Flow Pro FAQs](https://pro.reactflow.dev/info).
+## Getting Started
 
-## Installation
+The best way to get started is to check out the [React Flow](https://reactflow.dev/learn) or [Svelte Flow](https://svelteflow.dev/learn) learn section. However if you want to get a sneak peek of how to install the and use the libraries you can see it here: 
 
-The easiest way to get the latest version of React Flow is to install it via npm, yarn or pnpm:
+<details>
+  <summary><strong>React Flow</strong> basic usage</summary>
 
-```bash
+  ### Installation
+  
+  ```sh
 npm install reactflow
-```
-
-## Quickstart
-
-This is only a very basic usage example of React Flow. To see everything that is possible with the library, please refer to the [website](https://reactflow.dev) for [guides](https://reactflow.dev/docs/guides/custom-nodes), [examples](https://reactflow.dev/docs/examples/overview) and the full [API reference](https://reactflow.dev/docs/api/react-flow-props).
+  ```
 
-```jsx
+  ### Basic usage
+  ```jsx
 import { useCallback } from 'react';
 import ReactFlow, {
   MiniMap,
@@ -54,7 +53,7 @@ import ReactFlow, {
   useNodesState,
   useEdgesState,
   addEdge,
-} from '@xyflow/react';
+} from 'reactflow';
 
 import 'reactflow/dist/style.css';
 
@@ -88,44 +87,79 @@ function Flow() {
 
 export default Flow;
 ```
-
-## Development
-
-Before you can start developing please make sure that you have [pnpm](https://pnpm.io/) installed (`npm i -g pnpm`). Then install the dependencies using pnpm: `pnpm install`.
-
-Run `pnpm build` once and then you can use `pnpm dev` for local development.
-
-## Testing
-
-Testing is done with cypress. You can find the tests in the [`examples/vite-app/cypress`](/examples/vite-app/cypress/) folder. In order to run the tests do:
-
-```sh
-pnpm test
+</details>
+
+<details>
+  <summary><strong>Svelte Flow</strong> basic usage</summary>
+
+  ### Installation
+  
+  ```sh
+npm install @xyflow/svelte
+  ```
+
+  ### Basic usage
+  ```svelte
+<script lang="ts">
+  import { writable } from 'svelte/store';
+  import {
+    SvelteFlow,
+    Controls,
+    Background,
+    BackgroundVariant,
+    MiniMap,
+  } from '@xyflow/svelte';
+
+  import '@xyflow/svelte/dist/style.css'
+  
+  const nodes = writable([
+    {
+      id: '1',
+      type: 'input',
+      data: { label: 'Input Node' },
+      position: { x: 0, y: 0 }
+    },
+    {
+      id: '2',
+      type: 'custom',
+      data: { label: 'Node' },
+      position: { x: 0, y: 150 }
+    }
+  ]);
+
+  const edges = writable([
+    {
+      id: '1-2',
+      type: 'default',
+      source: '1',
+      target: '2',
+      label: 'Edge Text'
+    }
+  ]);
+</script>
+
+<SvelteFlow
+  {nodes}
+  {edges}
+  fitView
+  on:nodeclick={(event) => console.log('on node click', event)}
+>
+  <Controls />
+  <Background variant={BackgroundVariant.Dots} />
+  <MiniMap />
+</SvelteFlow>
 ```
+</details>
 
 ## Maintainers
 
-React Flow is the full-time project of Moritz and Christopher of [webkid](https://webkid.io/), based in Berlin. If you need help or want to talk to us about a collaboration, reach out through our [contact form](https://pro.reactflow.dev/contact) or by joining the [React Flow Discord Server](https://discord.gg/Bqt6xrs).
+React Flow and Svelte Flow are maintained by the team behind [xyflow](https://xyflow.com). If you need help or want to talk to us about a collaboration, reach out through our [contact form](https://xyflow.com/contact) or by joining our[Discord Server](https://discord.gg/Bqt6xrs).
 
 - Moritz Klack • [Twitter](https://twitter.com/moklick) • [Github](https://github.com/moklick)
 - Christopher Möller • [Twitter](https://twitter.com/chrtze) • [Github](https://github.com/chrtze)
 
-Any support you provide goes directly towards the development and maintenance of React Flow, allowing us to continue to operate as an independent company, working on what we think is best for React Flow as an open-source library.
-
-## Community Packages
-
-- [useUndoable](https://github.com/xplato/useUndoable) - Hook for undo/redo functionality with an explicit React Flow example
-- [react-flow-smart-edge](https://github.com/tisoap/react-flow-smart-edge) - Custom edge that doesn't intersect with nodes
-- [Feliz.ReactFlow](https://github.com/tforkmann/Feliz.ReactFlow) - Feliz React Bindings for React Flow
-
-## Credits
-
-React Flow was initially developed for [datablocks](https://datablocks.pro), a graph-based editor for transforming, analyzing and visualizing data in the browser. Under the hood, React Flow depends on these great libraries:
-
-- [d3-zoom](https://github.com/d3/d3-zoom) - used for zoom, pan and drag interactions with the graph canvas
-- [d3-drag](https://github.com/d3/d3-drag) - used for making the nodes draggable
-- [zustand](https://github.com/pmndrs/zustand) - internal state management
+Any support you provide goes directly towards the development and maintenance of React Flow and Svelte Flow, allowing us to continue to operate as an independent company, working on what we think is best for our open-source libraries.
 
 ## License
 
-React Flow is [MIT licensed](https://github.com/wbkd/react-flow/blob/main/LICENSE).
+React Flow and Svelte Flow are [MIT licensed](./LICENSE).
diff --git a/packages/react/README.md b/packages/react/README.md
index a585eb1dc..863c836f6 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -20,7 +20,7 @@ A highly customizable React component for building interactive graphs and node-b
 
 - **Easy to use:** Seamless zooming and panning, single- and multi selection of graph elements and keyboard shortcuts are supported out of the box
 - **Customizable:** Different [node](https://reactflow.dev/examples) and [edge types](https://reactflow.dev/examples/edges/edge-types) and support for custom nodes with multiple handles and custom edges
-- **Fast rendering:** Only nodes that have changed are re-rendered and only those in the viewport are displayed
+- **Fast rendering:** Only nodes that have changed are re-rendered 
 - **Hooks and Utils:** [Hooks](https://reactflow.dev/api-reference/hooks) for handling nodes, edges and the viewport and graph [helper functions](https://reactflow.dev/api-reference/utils)
 - **Plugin Components:** [Background](https://reactflow.dev/api-reference/components/background), [MiniMap](https://reactflow.dev/api-reference/components/minimap) and [Controls](https://reactflow.dev/api-reference/components/controls)
 - **Reliable**: Written in [Typescript](https://www.typescriptlang.org/) and tested with [cypress](https://www.cypress.io/)
@@ -105,12 +105,12 @@ pnpm test
 
 ## Maintainers
 
-React Flow is the full-time project of Moritz and Christopher of [webkid](https://webkid.io/), based in Berlin. If you need help or want to talk to us about a collaboration, reach out through our [contact form](https://pro.reactflow.dev/contact) or by joining the [React Flow Discord Server](https://discord.gg/Bqt6xrs).
+React Flow is maintained by the team behind [xyflow](https://xyflow.com). If you need help or want to talk to us about a collaboration, reach out through our [contact form](https://xyflow.com/contact) or by joining our [Discord Server](https://discord.gg/Bqt6xrs).
 
 - Moritz Klack • [Twitter](https://twitter.com/moklick) • [Github](https://github.com/moklick)
 - Christopher Möller • [Twitter](https://twitter.com/chrtze) • [Github](https://github.com/chrtze)
 
-Any support you provide goes directly towards the development and maintenance of React Flow, allowing us to continue to operate as an independent company, working on what we think is best for React Flow as an open-source library.
+Any support you provide goes directly towards the development and maintenance of React Flow and Svelte Flow, allowing us to continue to operate as an independent company, working on what we think is best for our open-source libraries.
 
 ## Community Packages
 
@@ -128,4 +128,4 @@ React Flow was initially developed for [datablocks](https://datablocks.pro), a g
 
 ## License
 
-React Flow is [MIT licensed](../LICENSE).
+React Flow is [MIT licensed](../../LICENSE).
diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index e06335398..aa75f3f21 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -1,6 +1,25 @@
-# Svelte Flow (alpha)
+![readme-header-dark](https://user-images.githubusercontent.com/3797215/156384064-08a889d6-73c0-4cbf-8ff3-28dc601d1f5f.svg#gh-dark-mode-only)
+![readme-header](https://user-images.githubusercontent.com/3797215/156259138-fb9f59f8-52f2-474a-b78c-6570867e4ead.svg#gh-light-mode-only)
 
-Svelte Flow is a highly customizable component for building interactive graphs and node-based editors, built by the creators of React Flow. **Svelte Flow alpha and currently under heavy development. The API is relatively stable but some things might change.**
+<div align="center">
+
+![GitHub License MIT](https://img.shields.io/github/license/wbkd/react-flow?color=%23ff0072)
+![npm downloads](https://img.shields.io/npm/dt/@xyflow/svelte?color=%23FF0072&label=downloads)
+
+Svelte Flow is a highly customizable component for building interactive graphs and node-based editors, built by the creators of React Flow. **Svelte Flow is still alpha and currently under heavy development. The API is relatively stable but some things might change.**
+
+[🚀 Getting Started](https://svelteflow.dev/learn) | [📖 Documentation](https://svelteflow.dev/api-reference/react-flow) | [📺 Examples](https://svelteflow.dev/examples/overview) | [☎️ Discord](https://discord.gg/RVmnytFmGW) 
+
+</div>
+
+## Key Features
+
+- **Easy to use:** Seamless zooming and panning, single- and multi selection of graph elements and keyboard shortcuts are supported out of the box
+- **Customizable:** Different [node](https://svelteflow.dev/examples) and [edge types](https://svelteflow.dev/examples/edges/edge-types) and support for custom nodes with multiple handles and custom edges
+- **Fast rendering:** Only nodes that have changed are re-rendered 
+- **Hooks and Utils:** [Hooks](https://svelteflow.dev/api-reference/hooks) for handling nodes, edges and the viewport and graph [helper functions](https://svelteflow.dev/api-reference/utils)
+- **Plugin Components:** [Background](https://svelteflow.dev/api-reference/components/background), [MiniMap](https://svelteflow.dev/api-reference/components/minimap) and [Controls](https://svelteflow.dev/api-reference/components/controls)
+- **Reliable**: Written in [Typescript](https://www.typescriptlang.org) and tested with [Playwright](https://www.playwright.dev)
 
 ## Installation
 
@@ -10,14 +29,9 @@ The easiest way to get the latest version of Svelte Flow is to install it via np
 npm install @xyflow/svelte
 ```
 
-What is “xyflow”? Learn more [here](https://wbkd.notion.site/Upcoming-Changes-at-React-Flow-1a443641891a4069927c0a115e915251).
-
 ## Getting started
 
-We are working on a new website and everything so there are no docs for Svelte Flow yet. Everything is typed, so your IDE should help you a bit and you can also the [React Flow docs](https://reactflow.dev/docs) because the API is very similar. You can also check out the [Svelte Flow examples](https://github.com/wbkd/react-flow/tree/xyflow/packages/svelte/src/routes) in this repo.
-If you want to start right away you can check out the [Svelte Flow examples Stackblitz project](https://stackblitz.com/edit/svelte-flow-examples?file=src%2Froutes%2Foverview%2F%2Bpage.svelte). 
-
-A basic flow looks like this:
+You only need a few lines to get a fully interactive (e.g. select and drag nodes or pan and zoom) flow. If you want to learn more, please refer to the [learn section](https://svelteflow.dev/learn), the [examples](https://svelteflow.dev/examples) or the [API reference](https://svelteflow.dev/api-reference).
 
 ```svelte
 <script lang="ts">
@@ -34,8 +48,7 @@ A basic flow looks like this:
   // if you just want to load the basic styleds, you can import '@xyflow/svelte/dist/base.css'
   import '@xyflow/svelte/dist/style.css'
   
-  // We are using writables for the nodes and edges to sync them easily. When a user drags a node for example, Svelte Flow updates its position.
-  // This also makes it easier to update nodes in user land.
+  // We are using writables for the nodes and edges to sync them easily. When a user drags a node for example, Svelte Flow updates its position. This also makes it easier to update nodes in user land.
   const nodes = writable([
     {
       id: '1',
@@ -77,13 +90,13 @@ A basic flow looks like this:
 
 ## How to Contribute
 
-**Show us what you make:** Drop it in into our [Discord Server](https://discord.com/invite/Bqt6xrs), [tweet](https://twitter.com/reactflowdev) at us, or email us at info@reactflow.dev
+**Show us what you make:** Drop it in into our [Discord Server](https://discord.com/invite/Bqt6xrs), [tweet](https://twitter.com/reactflowdev) at us, or email us at info@xyflow.com
 
 **Community Participation:** Ask and answer questions in our [Discord Server](https://discord.com/invite/Bqt6xrs) or jump in on Github discussions.
 
 **Squash Bugs:** We can’t catch them all. Check existing issues and discussions first, then create a new issue to tell us what’s up.
 
-**Financial Support:** If you are an organization who wants to make sure Svelte Flow continues to be maintained, reach out to us at info@reactflow.dev
+**Financial Support:** If you are an organization who wants to make sure Svelte Flow continues to be maintained, reach out to us at info@xyflow.com
 
 And of course, we love Github stars ⭐
 
@@ -99,6 +112,16 @@ If you want to check out the current version you need to run the following comma
 You can now access the examples under http://127.0.0.1:5173
 
 
+## Maintainers
+
+Svelte Flow is maintained by the team behind [xyflow](https://xyflow.com). If you need help or want to talk to us about a collaboration, reach out through our [contact form](https://xyflow.com/contact) or by joining our [Discord Server](https://discord.gg/Bqt6xrs).
+
+- Moritz Klack • [Twitter](https://twitter.com/moklick) • [Github](https://github.com/moklick)
+- Christopher Möller • [Twitter](https://twitter.com/chrtze) • [Github](https://github.com/chrtze)
+
+Any support you provide goes directly towards the development and maintenance of React Flow and Svelte Flow, allowing us to continue to operate as an independent company, working on what we think is best for our open-source libraries.
+
+
 # License
 
-Svelte Flow is MIT Licensed.
+Svelte Flow is [MIT licensed](../../LICENSE).

From c480de4adb0d28871c8fa21ee136dc8155030712 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 31 Oct 2023 12:30:11 +0100
Subject: [PATCH 0287/1093] chore(readme): update

---
 packages/svelte/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index aa75f3f21..9699ab1c8 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -8,7 +8,7 @@
 
 Svelte Flow is a highly customizable component for building interactive graphs and node-based editors, built by the creators of React Flow. **Svelte Flow is still alpha and currently under heavy development. The API is relatively stable but some things might change.**
 
-[🚀 Getting Started](https://svelteflow.dev/learn) | [📖 Documentation](https://svelteflow.dev/api-reference/react-flow) | [📺 Examples](https://svelteflow.dev/examples/overview) | [☎️ Discord](https://discord.gg/RVmnytFmGW) 
+[🚀 Getting Started](https://svelteflow.dev/learn) | [📖 Documentation](https://svelteflow.dev/api-reference/svelte-flow) | [📺 Examples](https://svelteflow.dev/examples/overview) | [☎️ Discord](https://discord.gg/RVmnytFmGW) 
 
 </div>
 

From 6be631610a619eb6ddcb296d0c7fd6d5fed538fb Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Tue, 31 Oct 2023 12:38:11 +0100
Subject: [PATCH 0288/1093] Update reactflow readme

---
 packages/react/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/README.md b/packages/react/README.md
index 863c836f6..bd54edbd3 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -1,5 +1,5 @@
 ![readme-header-dark](https://user-images.githubusercontent.com/3797215/156384064-08a889d6-73c0-4cbf-8ff3-28dc601d1f5f.svg#gh-dark-mode-only)
-![readme-header](https://user-images.githubusercontent.com/3797215/156259138-fb9f59f8-52f2-474a-b78c-6570867e4ead.svg#gh-light-mode-only)
+![readme-header](https://github.com/wbkd/react-flow/assets/2857535/b46cabed-53c8-4507-a7c6-f53cfb9f1002#gh-light-mode-only)
 
 <div align="center">
 

From 948c5d9e3bb49d8479130b0d2dd91e317d48bd95 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Tue, 31 Oct 2023 12:41:16 +0100
Subject: [PATCH 0289/1093] Update README.md

---
 packages/react/README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/README.md b/packages/react/README.md
index bd54edbd3..50ad93f7a 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -1,5 +1,5 @@
-![readme-header-dark](https://user-images.githubusercontent.com/3797215/156384064-08a889d6-73c0-4cbf-8ff3-28dc601d1f5f.svg#gh-dark-mode-only)
-![readme-header](https://github.com/wbkd/react-flow/assets/2857535/b46cabed-53c8-4507-a7c6-f53cfb9f1002#gh-light-mode-only)
+![readme header - dark](https://github.com/wbkd/react-flow/assets/2857535/44bc20bb-ce63-4812-ae99-490e65fa8a5f#gh-dark-mode-only)
+![readme header](https://github.com/wbkd/react-flow/assets/2857535/ce43cd45-61df-47a1-a700-df5f10c4b28e#gh-light-mode-only)
 
 <div align="center">
 

From cddafb924fb1a6dc69bd8caa37963360d6eca10c Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Tue, 31 Oct 2023 13:40:22 +0100
Subject: [PATCH 0290/1093] Fix/readme headers (#3565)

* Update README.md
---
 CONTRIBUTING.md           | 18 +++++++++++++-----
 README.md                 | 11 +++++++----
 packages/react/README.md  |  3 +--
 packages/svelte/README.md |  3 +--
 4 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index beb24d6c7..a67102809 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -1,12 +1,20 @@
 # Contributing to React Flow
 
-Hello there! So glad you want to help out with React Flow 🤗 You’re the best. Here’s a guide for how you can contribute to the project.
+Hello there! So glad you want to help out with React Flow and Svelte Flow 🤗 You’re the best. Here’s a guide for how you can contribute to the project.
+
+# The new xyflow organization
+
+Just recently we renamed our organization and repository of React Flow to "xyflow". Now you can not only find the source code of React Flow but also of Svelte Flow in this repository. We are in a state of transition. This is the current structure:
+
+* React Flow `reactflow` version v11 is on branch v11
+* Svelte Flow `@xyflow/svelte` can be found under [packages/svelte](./packages/svelte)
+* React Flow v12 (not published yet) can be found under [packages/react](./packages/react)
 
 # Our Contributing Philosophy
 
-The direction of React Flow and which new features are added, and which are left out, is decided by the core team (sometimes referred to as a “cathedral” style of development). The core team is paid to do this work ([see how here](https://reactflow.dev/blog/asking-for-money-for-open-source/)). With this model we ensure that the people doing the most work on the library are paid for their time and effort, and that we prevent the library from bloating.
+The direction of React Flow and Svelte Flow and which new features are added, and which are left out, is decided by the core team (sometimes referred to as a “cathedral” style of development). The core team is paid to do this work ([see how here](https://xyflow.com/blog/asking-for-money-for-open-source/)). With this model we ensure that the people doing the most work on the library are paid for their time and effort, and that we prevent the library from bloating.
 
-That being said, React Flow is only interesting because of the people who make things with it, share their work, and discuss it. Some of the most important and undervalued work in open source is from non-code contributions, and that is where we can use the most help from you.
+That being said, our libraries are only interesting because of the people who make things with it, share their work, and discuss it. Some of the most important and undervalued work in open source is from non-code contributions, and that is where we can use the most help from you.
 
 # How can I help?
 
@@ -16,7 +24,7 @@ The things we need the most help for the library and its community are:
 
 **💬 Answering questions** in our [Discord Server](https://discord.gg/Bqt6xrs) and [Github discussions](https://github.com/wbkd/react-flow/discussions).
 
-🎬 **Create tutorials** for React Flow. Send them to us and we’ll happily share them!
+🎬 **Create tutorials**. Send them to us and we’ll happily share them!
 
 **✏️ Edit our [Docs](https://reactflow.dev/docs/introduction/)**: Make changes in the [react-flow-docs repo](https://github.com/wbkd/react-flow-docs), or click the "edit this page” button that lives on every doc site.
 
@@ -24,7 +32,7 @@ All interactions should be done with care following our [Code of Conduct](https:
 
 ## Enhancements
 
-If you have an idea or suggestion for an enhancement to the React Flow library, please use the [New Features](https://github.com/wbkd/react-flow/discussions/categories/new-features) discussion section. If you want to build it yourself, **please reach out to us before you dive into a new pull request.** The direction of React Flow and which new features are added are discussed in our Discord Server and in [this Github discussions section](https://github.com/wbkd/react-flow/discussions/categories/new-features), and in the end they are decided by the core team.
+If you have an idea or suggestion for an enhancement to the React Flow or Svelte Flow library, please use the [New Features](https://github.com/wbkd/react-flow/discussions/categories/new-features) discussion section. If you want to build it yourself, **please reach out to us before you dive into a new pull request.** The direction of React Flow/ Svelte Flow and which new features are added are discussed in our Discord Server and in [this Github discussions section](https://github.com/wbkd/react-flow/discussions/categories/new-features), and in the end they are decided by the core team.
 
 Talking to us first about the enhancement you want to build will be the most likely way to get your pull request into the library (see Our Contributing Philosophy above). We would hate to see you write code you’re proud of, just to learn that we’ve already been working on the same thing, or that we feel doesn’t fit into the core library.
 
diff --git a/README.md b/README.md
index 657ed0f9d..3964c22fa 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,4 @@
-![readme-header-dark](https://user-images.githubusercontent.com/3797215/156384064-08a889d6-73c0-4cbf-8ff3-28dc601d1f5f.svg#gh-dark-mode-only)
-![readme-header](https://user-1images.githubusercontent.com/3797215/156259138-fb9f59f8-52f2-474a-b78c-6570867e4ead.svg#gh-light-mode-only)
+![xyflow-readme](https://github.com/wbkd/react-flow/assets/2857535/5504f9d5-adbd-47c6-b3ce-8abccb5fb4a4)
 
 <div align="center">
 
@@ -11,7 +10,7 @@
 
 Powerful open source libraries for building node-based UIs with React or Svelte. Ready out-of-the-box and infinitely customizable.
 
-[React Flow](https://reactflow.dev/) | [Svelte Flow](https://svelteflow.dev/) | [💎 React Flow Pro](https://pro.reactflow.dev)
+[React Flow](https://reactflow.dev/) · [Svelte Flow](https://svelteflow.dev/) · [React Flow Pro](https://pro.reactflow.dev)
 </div>
 
 ---
@@ -20,6 +19,10 @@ Powerful open source libraries for building node-based UIs with React or Svelte.
 
 The xyflow repository is the home of three packages: React Flow `reactflow`, Svelte Flow `@xyflow/svelte` and a shared helper library `@xyflow/system`. The package name of React Flow will change when we have a stable v12 (probably by beginning of 2024). Until then the current version (v11) of React Flow lives on the v11 branch and is still supported of course. 
 
+* React Flow `reactflow` version v11 is on branch v11
+* Svelte Flow `@xyflow/svelte` can be found under [packages/svelte](./packages/svelte)
+* React Flow v12 (not published yet) can be found under [packages/react](./packages/react)
+
 ## Key Features
 
 - **Easy to use:** Seamless zooming and panning, single- and multi selection of graph elements and keyboard shortcuts are supported out of the box
@@ -153,7 +156,7 @@ npm install @xyflow/svelte
 
 ## Maintainers
 
-React Flow and Svelte Flow are maintained by the team behind [xyflow](https://xyflow.com). If you need help or want to talk to us about a collaboration, reach out through our [contact form](https://xyflow.com/contact) or by joining our[Discord Server](https://discord.gg/Bqt6xrs).
+React Flow and Svelte Flow are maintained by the team behind [xyflow](https://xyflow.com). If you need help or want to talk to us about a collaboration, reach out through our [contact form](https://xyflow.com/contact) or by joining our [Discord Server](https://discord.gg/Bqt6xrs).
 
 - Moritz Klack • [Twitter](https://twitter.com/moklick) • [Github](https://github.com/moklick)
 - Christopher Möller • [Twitter](https://twitter.com/chrtze) • [Github](https://github.com/chrtze)
diff --git a/packages/react/README.md b/packages/react/README.md
index 50ad93f7a..78013d939 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -1,5 +1,4 @@
-![readme header - dark](https://github.com/wbkd/react-flow/assets/2857535/44bc20bb-ce63-4812-ae99-490e65fa8a5f#gh-dark-mode-only)
-![readme header](https://github.com/wbkd/react-flow/assets/2857535/ce43cd45-61df-47a1-a700-df5f10c4b28e#gh-light-mode-only)
+![readme-header](https://github.com/wbkd/react-flow/assets/2857535/c54e3334-eef0-48b2-b598-792e924c34f1)
 
 <div align="center">
 
diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index 9699ab1c8..8b8af5267 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -1,5 +1,4 @@
-![readme-header-dark](https://user-images.githubusercontent.com/3797215/156384064-08a889d6-73c0-4cbf-8ff3-28dc601d1f5f.svg#gh-dark-mode-only)
-![readme-header](https://user-images.githubusercontent.com/3797215/156259138-fb9f59f8-52f2-474a-b78c-6570867e4ead.svg#gh-light-mode-only)
+![svelteflow](https://github.com/wbkd/react-flow/assets/2857535/1c722629-7e8b-4322-bfd2-aec041d64aab)
 
 <div align="center">
 

From d2ff09b744498e26bc2c8eef33c347ba149132b1 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Tue, 31 Oct 2023 14:24:50 +0100
Subject: [PATCH 0291/1093] Update README.md (#3566)

* add team members to readme
* add xyflow team members to readme
* remove irrelevant copy
* add emphasis to alpha-warning

---------

Co-authored-by: John Robb <johnhrobb@gmail.com>
---
 README.md                 | 31 ++++++++++++-------------------
 packages/react/README.md  |  9 ++++++---
 packages/svelte/README.md | 14 ++++++++------
 3 files changed, 26 insertions(+), 28 deletions(-)

diff --git a/README.md b/README.md
index 3964c22fa..f2b51c5d5 100644
--- a/README.md
+++ b/README.md
@@ -5,8 +5,6 @@
 ![GitHub License MIT](https://img.shields.io/github/license/wbkd/react-flow?color=%23ff0072)
 ![npm downloads](https://img.shields.io/npm/dt/reactflow?color=%23FF0072&label=React%20Flow%20downloads)
 ![npm downloads](https://img.shields.io/npm/dt/@xyflow/svelte?color=%23FF3E00&label=Svelte%20Flow%20downloads)
-![GitHub Repo stars](https://img.shields.io/github/stars/wbkd/react-flow?color=%23FF0072)
-![GitHub release (latest by date)](https://img.shields.io/github/v/release/wbkd/react-flow?color=%23FF0072)
 
 Powerful open source libraries for building node-based UIs with React or Svelte. Ready out-of-the-box and infinitely customizable.
 
@@ -17,20 +15,13 @@ Powerful open source libraries for building node-based UIs with React or Svelte.
 
 ## The xyflow mono repo
 
-The xyflow repository is the home of three packages: React Flow `reactflow`, Svelte Flow `@xyflow/svelte` and a shared helper library `@xyflow/system`. The package name of React Flow will change when we have a stable v12 (probably by beginning of 2024). Until then the current version (v11) of React Flow lives on the v11 branch and is still supported of course. 
+The xyflow repository is the home of four packages:
+* React Flow v11 `reactflow` [v11 branch](https://github.com/xyflow/xyflow/tree/v11)
+* React Flow v12 (not published yet) [packages/react](./packages/react)
+* Svelte Flow `@xyflow/svelte` [packages/svelte](./packages/svelte)
+* Shared helper library `@xyflow/system` [packages/system](./packages/system)
 
-* React Flow `reactflow` version v11 is on branch v11
-* Svelte Flow `@xyflow/svelte` can be found under [packages/svelte](./packages/svelte)
-* React Flow v12 (not published yet) can be found under [packages/react](./packages/react)
-
-## Key Features
-
-- **Easy to use:** Seamless zooming and panning, single- and multi selection of graph elements and keyboard shortcuts are supported out of the box
-- **Customizable:** Different node and edge types and support for custom nodes with multiple handles and custom edges
-- **Fast rendering:** Only nodes that have changed are re-rendered 
-- **Hooks and Utils:** hooks for handling nodes, edges and the viewport and graph util functions
-- **Plugin Components:** Background, Minimap, Controls and a Panel
-- **Reliable**: Written in Typescript and tested with Cypress and Playwright
+**We just moved repositories** from the @wbkd org to this one. React Flow v11 will remain on the [v11 branch](https://github.com/xyflow/xyflow/tree/v11). When we have a stable v12, the package name of React Flow will change from `reactflow` to `@xyflow/react`.
 
 
 ## Getting Started
@@ -154,14 +145,16 @@ npm install @xyflow/svelte
 ```
 </details>
 
-## Maintainers
+## The xyflow team
 
 React Flow and Svelte Flow are maintained by the team behind [xyflow](https://xyflow.com). If you need help or want to talk to us about a collaboration, reach out through our [contact form](https://xyflow.com/contact) or by joining our [Discord Server](https://discord.gg/Bqt6xrs).
 
-- Moritz Klack • [Twitter](https://twitter.com/moklick) • [Github](https://github.com/moklick)
-- Christopher Möller • [Twitter](https://twitter.com/chrtze) • [Github](https://github.com/chrtze)
+- Christopher • [Twitter](https://twitter.com/chrtze) • [Github](https://github.com/chrtze)
+- Hayleigh • [Twitter](https://twitter.com/hayleighdotdev) • [Github](https://github.com/hayleigh-dot-dev)
+- John • [Website](https://johnrobbdesign.com/) • [Mastodon](https://mastodon.social/@johnrobbjr)
+- Moritz • [Twitter](https://twitter.com/moklick) • [Github](https://github.com/moklick)
+- Peter • [Github](https://github.com/peterkogo)
 
-Any support you provide goes directly towards the development and maintenance of React Flow and Svelte Flow, allowing us to continue to operate as an independent company, working on what we think is best for our open-source libraries.
 
 ## License
 
diff --git a/packages/react/README.md b/packages/react/README.md
index 78013d939..873ad7fb8 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -102,12 +102,15 @@ Testing is done with cypress. You can find the tests in the [`examples/vite-app/
 pnpm test
 ```
 
-## Maintainers
+## xyflow Team
 
 React Flow is maintained by the team behind [xyflow](https://xyflow.com). If you need help or want to talk to us about a collaboration, reach out through our [contact form](https://xyflow.com/contact) or by joining our [Discord Server](https://discord.gg/Bqt6xrs).
 
-- Moritz Klack • [Twitter](https://twitter.com/moklick) • [Github](https://github.com/moklick)
-- Christopher Möller • [Twitter](https://twitter.com/chrtze) • [Github](https://github.com/chrtze)
+- Christopher • [Twitter](https://twitter.com/chrtze) • [Github](https://github.com/chrtze)
+- Hayleigh • [Twitter](https://twitter.com/hayleighdotdev) • [Github](https://github.com/hayleigh-dot-dev)
+- John • [Website](https://johnrobbdesign.com/) • [Mastodon](https://mastodon.social/@johnrobbjr)
+- Moritz • [Twitter](https://twitter.com/moklick) • [Github](https://github.com/moklick)
+- Peter • [Github](https://github.com/peterkogo)
 
 Any support you provide goes directly towards the development and maintenance of React Flow and Svelte Flow, allowing us to continue to operate as an independent company, working on what we think is best for our open-source libraries.
 
diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index 8b8af5267..68c60c225 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -5,7 +5,9 @@
 ![GitHub License MIT](https://img.shields.io/github/license/wbkd/react-flow?color=%23ff0072)
 ![npm downloads](https://img.shields.io/npm/dt/@xyflow/svelte?color=%23FF0072&label=downloads)
 
-Svelte Flow is a highly customizable component for building interactive graphs and node-based editors, built by the creators of React Flow. **Svelte Flow is still alpha and currently under heavy development. The API is relatively stable but some things might change.**
+Svelte Flow is a highly customizable component for building interactive graphs and node-based editors, built by the creators of React Flow.
+
+☣️ **Svelte Flow is still alpha and currently under heavy development. The API is relatively stable but some things might change.** ☣️
 
 [🚀 Getting Started](https://svelteflow.dev/learn) | [📖 Documentation](https://svelteflow.dev/api-reference/svelte-flow) | [📺 Examples](https://svelteflow.dev/examples/overview) | [☎️ Discord](https://discord.gg/RVmnytFmGW) 
 
@@ -115,11 +117,11 @@ You can now access the examples under http://127.0.0.1:5173
 
 Svelte Flow is maintained by the team behind [xyflow](https://xyflow.com). If you need help or want to talk to us about a collaboration, reach out through our [contact form](https://xyflow.com/contact) or by joining our [Discord Server](https://discord.gg/Bqt6xrs).
 
-- Moritz Klack • [Twitter](https://twitter.com/moklick) • [Github](https://github.com/moklick)
-- Christopher Möller • [Twitter](https://twitter.com/chrtze) • [Github](https://github.com/chrtze)
-
-Any support you provide goes directly towards the development and maintenance of React Flow and Svelte Flow, allowing us to continue to operate as an independent company, working on what we think is best for our open-source libraries.
-
+- Christopher • [Twitter](https://twitter.com/chrtze) • [Github](https://github.com/chrtze)
+- Hayleigh • [Twitter](https://twitter.com/hayleighdotdev) • [Github](https://github.com/hayleigh-dot-dev)
+- John • [Website](https://johnrobbdesign.com/) • [Mastodon](https://mastodon.social/@johnrobbjr)
+- Moritz • [Twitter](https://twitter.com/moklick) • [Github](https://github.com/moklick)
+- Peter • [Github](https://github.com/peterkogo)
 
 # License
 

From 22cb43543d62322d42324477cfe96fa469923eea Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 31 Oct 2023 15:31:19 +0100
Subject: [PATCH 0292/1093] fix(svelte): handle interactionWidth closes #3558

---
 .../svelte/src/lib/components/BaseEdge/BaseEdge.svelte     | 7 +++++--
 .../src/lib/components/EdgeWrapper/EdgeWrapper.svelte      | 3 +++
 .../src/lib/container/EdgeRenderer/EdgeRenderer.svelte     | 1 +
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
index e8daae22c..e53bd7c11 100644
--- a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
@@ -17,6 +17,9 @@
   export let interactionWidth: $$Props['interactionWidth'] = 20;
   let className: $$Props['class'] = undefined;
   export { className as class };
+
+  // @todo, why is interactionWidth undefined after first re-render?
+  let interactionWidthValue = interactionWidth === undefined ? 20 : interactionWidth;
 </script>
 
 <path
@@ -29,11 +32,11 @@
   {style}
 />
 
-{#if interactionWidth}
+{#if interactionWidthValue}
   <path
     d={path}
     stroke-opacity={0}
-    stroke-width={interactionWidth}
+    stroke-width={interactionWidthValue}
     fill="none"
     class="svelte-flow__edge-interaction"
   />
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index d7ddfb298..59c8134c3 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -35,6 +35,8 @@
   export let sourcePosition: $$Props['sourcePosition'];
   export let targetPosition: $$Props['targetPosition'];
   export let ariaLabel: $$Props['ariaLabel'] = undefined;
+  export let interactionWidth: $$Props['interactionWidth'] = undefined;
+
   // @ todo: support edge updates
   let className: string = '';
   export { className as class };
@@ -104,6 +106,7 @@
       {labelStyle}
       {data}
       {style}
+      {interactionWidth}
       sourceHandleId={sourceHandle}
       targetHandleId={targetHandle}
       markerStart={markerStartUrl}
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 396c71193..27bc7d724 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -51,6 +51,7 @@
           sourcePosition={edge.sourcePosition}
           targetPosition={edge.targetPosition}
           ariaLabel={edge.ariaLabel}
+          interactionWidth={edge.interactionWidth}
           class={edge.class}
           type={edgeType}
           {selectable}

From ce1680ba718d39d1a66118f358e41db57bbf43f9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 31 Oct 2023 15:36:46 +0100
Subject: [PATCH 0293/1093] fix(svelte): connectionline zIndex closes #3560

---
 packages/system/src/styles/init.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 53a6bb83c..b28540de0 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -130,6 +130,7 @@
 .xy-flow__connectionline {
   z-index: 1001;
   overflow: visible;
+  position: absolute;
 }
 
 .xy-flow__nodes {

From d2b140ce5e828e00a96b1c7f5e073fd636a3966e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 31 Oct 2023 18:31:24 +0100
Subject: [PATCH 0294/1093] fix(svelte): repair selection, add multi selection
 closes #3557

---
 .../svelte/src/routes/customnode/+page.svelte |  40 +------
 .../src/routes/customnode/CustomNode.svelte   |  45 ++++---
 .../react/src/components/Nodes/wrapNode.tsx   |   3 +-
 packages/react/src/hooks/useDrag.ts           |  14 +--
 packages/svelte/src/lib/actions/drag/index.ts |   6 +-
 .../components/EdgeWrapper/EdgeWrapper.svelte |  34 ++++--
 .../components/KeyHandler/KeyHandler.svelte   |  33 +++++-
 .../src/lib/components/KeyHandler/types.ts    |   1 +
 .../components/NodeWrapper/NodeWrapper.svelte |  20 ++--
 packages/svelte/src/lib/store/index.ts        | 110 ++++++++++++------
 packages/svelte/src/lib/store/types.ts        |   3 +-
 packages/system/src/xydrag/XYDrag.ts          |  10 +-
 12 files changed, 203 insertions(+), 116 deletions(-)

diff --git a/examples/svelte/src/routes/customnode/+page.svelte b/examples/svelte/src/routes/customnode/+page.svelte
index e2654938f..14130a470 100644
--- a/examples/svelte/src/routes/customnode/+page.svelte
+++ b/examples/svelte/src/routes/customnode/+page.svelte
@@ -23,28 +23,6 @@
 
 	const bgColor = writable('#1A192B');
 
-	const onChange: ChangeEventHandler<HTMLInputElement> = (event) => {
-		nodes.update((nds) =>
-			nds.map((node) => {
-				if (node.type !== 'colorNode') {
-					return node;
-				}
-
-				const color = (event.target as HTMLInputElement)?.value;
-
-				bgColor.set(color);
-
-				return {
-					...node,
-					data: {
-						...node.data,
-						color
-					}
-				};
-			})
-		);
-	};
-
 	const nodes = writable<Node[]>([
 		{
 			id: '1',
@@ -56,17 +34,9 @@
 		{
 			id: '2',
 			type: 'colorNode',
-			data: { onChange: onChange, color: $bgColor },
-			style: 'border: 1px solid #777; padding: 10px',
+			data: { colorStore: bgColor },
 			position: { x: 250, y: 50 }
 		},
-		{
-			id: '2a',
-			type: 'colorNode',
-			data: { onChange: onChange, color: $bgColor },
-			style: 'border: 1px solid #777; padding: 10px',
-			position: { x: 250, y: 520 }
-		},
 		{
 			id: '3',
 			type: 'output',
@@ -115,7 +85,7 @@
 	{nodes}
 	{edges}
 	{nodeTypes}
-	style="--bgcolor: {$bgColor}"
+	style="--background-color: {$bgColor}"
 	fitView
 	on:connect={onConnect}
 >
@@ -123,9 +93,3 @@
 	<Background variant={BackgroundVariant.Dots} />
 	<MiniMap />
 </SvelteFlow>
-
-<style>
-	:global(.svelte-flow) {
-		background: var(--bgcolor);
-	}
-</style>
diff --git a/examples/svelte/src/routes/customnode/CustomNode.svelte b/examples/svelte/src/routes/customnode/CustomNode.svelte
index 7a40a742c..25d37d320 100644
--- a/examples/svelte/src/routes/customnode/CustomNode.svelte
+++ b/examples/svelte/src/routes/customnode/CustomNode.svelte
@@ -1,21 +1,40 @@
 <script lang="ts">
+	import type { Writable } from 'svelte/store';
 	import { Handle, Position, type NodeProps } from '@xyflow/svelte';
 
 	type $$Props = NodeProps;
 
-	export let data: { color: string; onChange: () => void } = { color: '#111', onChange: () => {} };
+	export let data: { colorStore: Writable<string> };
+
+	const { colorStore } = data;
 </script>
 
-<Handle type="target" position={Position.Left} on:connect />
-<div>
-	Custom Color Picker Node: <strong>{data.color}</strong>
+<div class="custom">
+	<Handle type="target" position={Position.Left} on:connect />
+	<div>
+		Custom Color Picker Node: <strong>{$colorStore}</strong>
+	</div>
+	<input
+		class="nodrag"
+		type="color"
+		on:input={(evt) => colorStore.set(evt.currentTarget.value)}
+		value={$colorStore}
+	/>
+	<Handle type="source" position={Position.Right} id="a" style="top: 20px;" on:connect />
+	<Handle
+		type="source"
+		position={Position.Right}
+		id="b"
+		style="top: auto; bottom: 10px;"
+		on:connect
+	/>
 </div>
-<input class="nodrag" type="color" on:input={data.onChange} value={data.color} />
-<Handle type="source" position={Position.Right} id="a" style="top: 10px;" on:connect />
-<Handle
-	type="source"
-	position={Position.Right}
-	id="b"
-	style="top: auto; bottom: 10px;"
-	on:connect
-/>
+
+<style>
+	.custom {
+		background-color: white;
+		padding: 10px;
+		border: 1px solid #777;
+		border-radius: 20px;
+	}
+</style>
diff --git a/packages/react/src/components/Nodes/wrapNode.tsx b/packages/react/src/components/Nodes/wrapNode.tsx
index 4ebead719..f96361ce5 100644
--- a/packages/react/src/components/Nodes/wrapNode.tsx
+++ b/packages/react/src/components/Nodes/wrapNode.tsx
@@ -72,7 +72,8 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
       const { selectNodesOnDrag, nodeDragThreshold } = store.getState();
 
       if (isSelectable && (!selectNodesOnDrag || !isDraggable || nodeDragThreshold > 0)) {
-        // this handler gets called within the drag start event when selectNodesOnDrag=true
+        // this handler gets called by XYDrag on drag start when selectNodesOnDrag=true
+        // here we only need to call it when selectNodesOnDrag=false
         handleNodeClick({
           id,
           store,
diff --git a/packages/react/src/hooks/useDrag.ts b/packages/react/src/hooks/useDrag.ts
index 1cee64f33..3b332d8a8 100644
--- a/packages/react/src/hooks/useDrag.ts
+++ b/packages/react/src/hooks/useDrag.ts
@@ -23,14 +23,12 @@ function useDrag({ nodeRef, disabled = false, noDragClassName, handleSelector, n
       xyDrag.current = XYDrag({
         domNode: nodeRef.current,
         getStoreItems: () => store.getState(),
-        onNodeClick: () => {
-          if (nodeId) {
-            handleNodeClick({
-              id: nodeId,
-              store,
-              nodeRef: nodeRef as RefObject<HTMLDivElement>,
-            });
-          }
+        onNodeMouseDown: (id: string) => {
+          handleNodeClick({
+            id,
+            store,
+            nodeRef: nodeRef as RefObject<HTMLDivElement>,
+          });
         },
         onDragStart: () => {
           setDragging(true);
diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index bf93b0419..e936d3a58 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -13,15 +13,17 @@ export type UseDragParams = {
   onDrag?: OnDrag;
   onDragStart?: OnDrag;
   onDragStop?: OnDrag;
+  onNodeMouseDown?: (id: string) => void;
 };
 
 export default function drag(domNode: Element, params: UseDragParams) {
-  const { store, onDrag, onDragStart, onDragStop } = params;
+  const { store, onDrag, onDragStart, onDragStop, onNodeMouseDown } = params;
   const dragInstance = XYDrag({
     domNode,
     onDrag,
     onDragStart,
     onDragStop,
+    onNodeMouseDown,
     getStoreItems: () => {
       const snapGrid = get(store.snapGrid);
       const vp = get(store.viewport);
@@ -33,7 +35,7 @@ export default function drag(domNode: Element, params: UseDragParams) {
         snapGrid: snapGrid ? snapGrid : [0, 0],
         snapToGrid: !!snapGrid,
         nodeOrigin: [0, 0],
-        multiSelectionActive: false,
+        multiSelectionActive: get(store.multiselectionKeyPressed),
         domNode: get(store.domNode),
         transform: [vp.x, vp.y, vp.zoom],
         autoPanOnNodeDrag: get(store.autoPanOnNodeDrag),
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 59c8134c3..7a8df68ce 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -3,11 +3,12 @@
 <script lang="ts">
   import cc from 'classcat';
   import { createEventDispatcher } from 'svelte';
-  import { getMarkerId } from '@xyflow/system';
+  import { errorMessages, getMarkerId } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
   import type { EdgeLayouted, Edge } from '$lib/types';
+  import { get } from 'svelte/store';
 
   type $$Props = EdgeLayouted;
 
@@ -41,7 +42,16 @@
   let className: string = '';
   export { className as class };
 
-  const { edges, edgeTypes, flowId, addSelectedEdges } = useStore();
+  const {
+    edges,
+    edgeTypes,
+    flowId,
+    selectionRect,
+    selectionRectMode,
+    multiselectionKeyPressed,
+    addSelectedEdges,
+    unselectNodesAndEdges
+  } = useStore();
   const dispatch = createEventDispatcher<{
     edgeclick: { edge: Edge; event: MouseEvent | TouchEvent };
     edgecontextmenu: { edge: Edge; event: MouseEvent };
@@ -52,15 +62,25 @@
   $: markerEndUrl = markerEnd ? `url(#${getMarkerId(markerEnd, $flowId)})` : undefined;
 
   function onClick(event: MouseEvent | TouchEvent) {
-    if (selectable) {
-      addSelectedEdges([id]);
+    const edge = $edges.find((e) => e.id === id);
+
+    if (!edge) {
+      console.warn('012', errorMessages['error012'](id));
+      return;
     }
 
-    const edge = $edges.find((e) => e.id === id);
+    if (selectable) {
+      selectionRect.set(null);
+      selectionRectMode.set(null);
 
-    if (edge) {
-      dispatch('edgeclick', { event, edge });
+      if (!edge.selected) {
+        addSelectedEdges([id]);
+      } else if (edge.selected && get(multiselectionKeyPressed)) {
+        unselectNodesAndEdges({ nodes: [], edges: [edge] });
+      }
     }
+
+    dispatch('edgeclick', { event, edge });
   }
 
   function onContextMenu(event: MouseEvent) {
diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index a7c852ab9..77195ea2d 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -4,14 +4,21 @@
   import { useStore } from '$lib/store';
   import type { KeyHandlerProps } from './types';
   import type { KeyDefinition, KeyDefinitionObject } from '$lib/types';
+  import { isMacOs } from '@xyflow/system';
 
   type $$Props = KeyHandlerProps;
 
   export let selectionKey: $$Props['selectionKey'] = 'Shift';
+  export let multiSelectionKey: $$Props['multiSelectionKey'] = isMacOs() ? 'Meta' : 'Control';
   export let deleteKey: $$Props['deleteKey'] = 'Backspace';
   export let panActivationKey: $$Props['panActivationKey'] = ' ';
 
-  const { selectionKeyPressed, deleteKeyPressed, panActivationKeyPressed } = useStore();
+  const {
+    selectionKeyPressed,
+    multiselectionKeyPressed,
+    deleteKeyPressed,
+    panActivationKeyPressed
+  } = useStore();
 
   function isKeyObject(key?: KeyDefinition): key is KeyDefinitionObject {
     return typeof key === 'object';
@@ -20,6 +27,10 @@
   $: selectionKeyString = typeof selectionKey === 'string' ? selectionKey : selectionKey!.key;
   $: selectionKeyModifier = isKeyObject(selectionKey) ? selectionKey?.modifier : [];
 
+  $: multiSelectionKeyString =
+    typeof multiSelectionKey === 'string' ? multiSelectionKey : multiSelectionKey!.key;
+  $: multiSelectionKeyModifier = isKeyObject(multiSelectionKey) ? multiSelectionKey?.modifier : [];
+
   $: deleteKeyString = typeof deleteKey === 'string' ? deleteKey : deleteKey!.key;
   $: deleteKeyModifier = isKeyObject(deleteKey) ? deleteKey?.modifier : [];
 
@@ -49,6 +60,26 @@
     ],
     type: 'keyup'
   }}
+  use:shortcut={{
+    trigger: [
+      {
+        key: multiSelectionKeyString,
+        modifier: multiSelectionKeyModifier,
+        callback: () => multiselectionKeyPressed.set(true)
+      }
+    ],
+    type: 'keydown'
+  }}
+  use:shortcut={{
+    trigger: [
+      {
+        key: multiSelectionKeyString,
+        modifier: multiSelectionKeyModifier,
+        callback: () => multiselectionKeyPressed.set(false)
+      }
+    ],
+    type: 'keyup'
+  }}
   use:shortcut={{
     trigger: [
       {
diff --git a/packages/svelte/src/lib/components/KeyHandler/types.ts b/packages/svelte/src/lib/components/KeyHandler/types.ts
index 70cc95a54..de81d1c36 100644
--- a/packages/svelte/src/lib/components/KeyHandler/types.ts
+++ b/packages/svelte/src/lib/components/KeyHandler/types.ts
@@ -2,6 +2,7 @@ import type { KeyDefinition } from '$lib/types';
 
 export type KeyHandlerProps = {
   selectionKey?: KeyDefinition;
+  multiSelectionKey?: KeyDefinition;
   deleteKey?: KeyDefinition;
   panActivationKey?: KeyDefinition;
 };
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index fa1cd1541..95dcb9339 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -8,8 +8,8 @@
     SvelteComponent,
     type ComponentType
   } from 'svelte';
-  import cc from 'classcat';
   import { get, writable } from 'svelte/store';
+  import cc from 'classcat';
   import { errorMessages, Position, type NodeProps } from '@xyflow/system';
 
   import drag from '$lib/actions/drag';
@@ -44,7 +44,13 @@
   export { className as class };
 
   const store = useStore();
-  const { nodeTypes, nodeDragThreshold, addSelectedNodes, updateNodeDimensions } = store;
+  const {
+    nodeTypes,
+    nodeDragThreshold,
+    selectNodesOnDrag,
+    handleNodeSelection,
+    updateNodeDimensions
+  } = store;
   const nodeType = type || 'default';
 
   let nodeRef: HTMLDivElement;
@@ -56,7 +62,6 @@
 
   const nodeComponent: ComponentType<SvelteComponent<NodeProps>> =
     $nodeTypes[nodeType] || DefaultNode;
-  const selectNodesOnDrag = false;
   const dispatch = createEventDispatcher<{
     nodeclick: { node: Node; event: MouseEvent | TouchEvent };
     nodecontextmenu: { node: Node; event: MouseEvent | TouchEvent };
@@ -113,12 +118,12 @@
   });
 
   function onSelectNodeHandler(event: MouseEvent | TouchEvent) {
-    if (selectable && (!selectNodesOnDrag || !draggable || get(nodeDragThreshold) > 0)) {
-      // this handler gets called within the drag start event when selectNodesOnDrag=true
-      addSelectedNodes([id]);
+    if (selectable && (!get(selectNodesOnDrag) || !draggable || get(nodeDragThreshold) > 0)) {
+      // this handler gets called by XYDrag on drag start when selectNodesOnDrag=true
+      // here we only need to call it when selectNodesOnDrag=false
+      handleNodeSelection(id);
     }
 
-    // @todo: support multiselection
     dispatch('nodeclick', { node, event });
   }
 
@@ -135,6 +140,7 @@
       disabled: false,
       handleSelector: dragHandle,
       noDragClass: 'nodrag',
+      onNodeMouseDown: handleNodeSelection,
       onDrag: (event, _, node, nodes) => {
         dispatch('nodedrag', { event, node, nodes });
       },
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 0c49c337f..b78e6fb2e 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -15,7 +15,8 @@ import {
   type CoordinateExtent,
   type UpdateConnection,
   type NodeBase,
-  type NodeDragItem
+  type NodeDragItem,
+  errorMessages
 } from '@xyflow/system';
 
 import { addEdge as addEdgeUtil } from '$lib/utils';
@@ -173,25 +174,29 @@ export function createStore({
     }
   }
 
-  function resetSelectedItem<T extends Node | Edge>(item: T) {
-    if (item.selected) {
-      return {
-        ...item,
-        selected: false
-      };
-    }
+  function resetSelectedItem<T extends Node | Edge>(ids: string[]) {
+    return (item: T) => {
+      if (item.selected && ids.includes(item.id)) {
+        return {
+          ...item,
+          selected: false
+        };
+      }
 
-    return item;
+      return item;
+    };
   }
 
-  function unselectNodesAndEdges() {
-    if (get(store.nodes).some((node) => node.selected)) {
-      store.nodes.update((ns) => ns.map(resetSelectedItem));
-    }
+  function unselectNodesAndEdges(params?: { nodes?: Node[]; edges?: Edge[] }) {
+    const nodeIdsToUnselect = (params?.nodes ? params.nodes : get(store.nodes)).map(
+      (item) => item.id
+    );
+    const edgeIdsToUnselect = (params?.edges ? params.edges : get(store.edges)).map(
+      (item) => item.id
+    );
 
-    if (get(store.edges).some((edge) => edge.selected)) {
-      store.edges.update((es) => es.map(resetSelectedItem));
-    }
+    store.nodes.update((ns) => ns.map(resetSelectedItem(nodeIdsToUnselect)));
+    store.edges.update((es) => es.map(resetSelectedItem(edgeIdsToUnselect)));
   }
 
   store.deleteKeyPressed.subscribe((deleteKeyPressed) => {
@@ -220,36 +225,74 @@ export function createStore({
   });
 
   function addSelectedNodes(ids: string[]) {
-    store.selectionRect.set(null);
-    store.selectionRectMode.set(null);
-
-    if (get(store.multiselectionKeyPressed)) {
-      // @todo handle multiselection key
-    }
+    const isMultiSelection = get(store.multiselectionKeyPressed);
 
     store.nodes.update((ns) =>
       ns.map((node) => {
-        return {
-          ...node,
-          selected: ids.includes(node.id)
-        };
+        const nodeWillBeSelected = ids.includes(node.id);
+        const selected = isMultiSelection
+          ? node.selected || nodeWillBeSelected
+          : nodeWillBeSelected;
+
+        // we need to mutate the node here in order to have the correct selected state in the drag handler
+        node.selected = selected;
+
+        return node;
       })
     );
+
+    if (!isMultiSelection) {
+      store.edges.update((es) =>
+        es.map((edge) => {
+          edge.selected = false;
+          return edge;
+        })
+      );
+    }
   }
 
   function addSelectedEdges(ids: string[]) {
-    if (get(store.multiselectionKeyPressed)) {
-      // @todo handle multiselection key
-    }
+    const isMultiSelection = get(store.multiselectionKeyPressed);
 
     store.edges.update((edges) =>
       edges.map((edge) => {
-        return {
-          ...edge,
-          selected: ids.includes(edge.id)
-        };
+        const edgeWillBeSelected = ids.includes(edge.id);
+        const selected = isMultiSelection
+          ? edge.selected || edgeWillBeSelected
+          : edgeWillBeSelected;
+
+        edge.selected = selected;
+
+        return edge;
       })
     );
+
+    if (!isMultiSelection) {
+      store.nodes.update((ns) =>
+        ns.map((node) => {
+          node.selected = false;
+          return node;
+        })
+      );
+    }
+  }
+
+  function handleNodeSelection(id: string) {
+    const node = get(store.nodes)?.find((n) => n.id === id);
+
+    if (!node) {
+      console.warn('012', errorMessages['error012'](id));
+      return;
+    }
+
+    store.selectionRect.set(null);
+    store.selectionRectMode.set(null);
+
+    if (!node.selected) {
+      addSelectedNodes([id]);
+    } else if (node.selected && get(store.multiselectionKeyPressed)) {
+      unselectNodesAndEdges({ nodes: [node], edges: [] });
+    }
   }
 
   function panBy(delta: XYPosition) {
@@ -326,6 +369,7 @@ export function createStore({
     unselectNodesAndEdges,
     addSelectedNodes,
     addSelectedEdges,
+    handleNodeSelection,
     panBy,
     updateConnection,
     cancelConnection,
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index 49213f7a8..ae854cfd1 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -28,9 +28,10 @@ export type SvelteFlowStoreActions = {
   fitView: (options?: FitViewOptions) => boolean;
   updateNodePositions: UpdateNodePositions;
   updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
-  unselectNodesAndEdges: () => void;
+  unselectNodesAndEdges: (params?: { nodes?: Node[]; edges?: Edge[] }) => void;
   addSelectedNodes: (ids: string[]) => void;
   addSelectedEdges: (ids: string[]) => void;
+  handleNodeSelection: (id: string) => void;
   panBy: (delta: XYPosition) => boolean;
   updateConnection: UpdateConnection;
   cancelConnection: () => void;
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 5381d0efe..17f4f99d5 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -46,7 +46,7 @@ type StoreItems = {
   selectNodesOnDrag: boolean;
   nodeDragThreshold: number;
   panBy: PanBy;
-  unselectNodesAndEdges: () => void;
+  unselectNodesAndEdges: (params?: { nodes?: NodeBase[]; edges?: EdgeBase[] }) => void;
   onError?: OnError;
   onNodeDragStart?: OnNodeDrag;
   onNodeDrag?: OnNodeDrag;
@@ -63,7 +63,7 @@ export type XYDragParams = {
   onDragStart?: OnDrag;
   onDrag?: OnDrag;
   onDragStop?: OnDrag;
-  onNodeClick?: () => void;
+  onNodeMouseDown?: (id: string) => void;
 };
 
 export type XYDragInstance = {
@@ -81,7 +81,7 @@ export type DragUpdateParams = {
 
 export function XYDrag({
   domNode,
-  onNodeClick,
+  onNodeMouseDown,
   getStoreItems,
   onDragStart,
   onDrag,
@@ -217,8 +217,8 @@ export function XYDrag({
         }
       }
 
-      if (isSelectable && selectNodesOnDrag) {
-        onNodeClick?.();
+      if (isSelectable && selectNodesOnDrag && nodeId) {
+        onNodeMouseDown?.(nodeId);
       }
 
       const pointerPos = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });

From 39f7829726c723ea829e0228e6a3fbdd53edd880 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 31 Oct 2023 18:37:13 +0100
Subject: [PATCH 0295/1093] chore(svelte): update attribution

---
 .../svelte/src/lib/components/Attribution/Attribution.svelte  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/components/Attribution/Attribution.svelte b/packages/svelte/src/lib/components/Attribution/Attribution.svelte
index 0e7d78f82..8edf0074c 100644
--- a/packages/svelte/src/lib/components/Attribution/Attribution.svelte
+++ b/packages/svelte/src/lib/components/Attribution/Attribution.svelte
@@ -12,10 +12,10 @@
   <Panel
     {position}
     class="svelte-flow__attribution"
-    data-message="Please only hide this attribution when you are subscribed to Svelte Flow Pro: https://pro.reactflow.dev"
+    data-message="Feel free to remove the attribution or check out how you could support us: https://svelteflow.dev/support-us"
   >
     <a
-      href="https://reactflow.dev/svelte"
+      href="https://svelteflow.dev"
       target="_blank"
       rel="noopener noreferrer"
       aria-label="Svelte Flow attribution"

From 00dc0c734794ad8d56fa1db4e5084ff95ce01751 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 31 Oct 2023 18:44:20 +0100
Subject: [PATCH 0296/1093] chore(packages): bump

---
 packages/svelte/CHANGELOG.md | 9 +++++++++
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 3f3fbf59c..6a3a9d15f 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,3 +1,12 @@
+## 0.0.25
+
+- add `toObject` to `useSvelteFlow` hook
+- export `BezierEdge`, `StepEdge` and `SmoothStepEdge` components
+- handle window resize (Minimap updates its viewport)
+- fix wrongly selected nodes
+- fix connection line z-index
+- fix broken edges (`interactionWidth` was missing)
+
 ## 0.0.24
 
 - update node automatically when `type`, `sourcePosition` or `targetPosition` option changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index d30631e35..4fb28c567 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index 33ed33953..8b0e50171 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 9c6a4c4977ee1f6176865c5300a4bf79c9e9eac7 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Wed, 1 Nov 2023 11:16:57 +0100
Subject: [PATCH 0297/1093] chore(readme): update

---
 README.md | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index f2b51c5d5..722fa0015 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,5 @@
-![xyflow-readme](https://github.com/wbkd/react-flow/assets/2857535/5504f9d5-adbd-47c6-b3ce-8abccb5fb4a4)
+![xyflow-header](https://user-images.githubusercontent.com/2857535/279643999-ffda9f91-6b6d-447d-82be-fcbd6103edb6.svg#gh-light-mode-only)
+![xyflow-header-dark](https://user-images.githubusercontent.com/2857535/279644026-a01c231c-6c6e-4b41-96e0-a85c75c9acee.svg#gh-dark-mode-only)
 
 <div align="center">
 
@@ -8,7 +9,7 @@
 
 Powerful open source libraries for building node-based UIs with React or Svelte. Ready out-of-the-box and infinitely customizable.
 
-[React Flow](https://reactflow.dev/) · [Svelte Flow](https://svelteflow.dev/) · [React Flow Pro](https://pro.reactflow.dev)
+[React Flow](https://reactflow.dev/) · [Svelte Flow](https://svelteflow.dev/) · [React Flow Pro](https://reactflow.dev/pro) · [Discord](https://discord.gg/Bqt6xrs)
 </div>
 
 ---
@@ -23,6 +24,11 @@ The xyflow repository is the home of four packages:
 
 **We just moved repositories** from the @wbkd org to this one. React Flow v11 will remain on the [v11 branch](https://github.com/xyflow/xyflow/tree/v11). When we have a stable v12, the package name of React Flow will change from `reactflow` to `@xyflow/react`.
 
+## Commercial Usage
+
+**Are you using React Flow or Svelte Flow for a personal project?** Great! No sponsorship needed, you can support us by reporting any bugs you find, sending us screenshots of your projects, and starring us on Github 🌟
+
+**Are you using React Flow or Svelte Flow at your organization and making money from it?** Awesome! We rely on your support to keep our libraries developed and maintained under an MIT License, just how we like it. For React Flow you can do that on the [React Flow Pro website](https://reactflow.dev/pro) and for both of our libraries you can do it through [Github Sponsors](https://github.com/sponsors/xyflow).
 
 ## Getting Started
 

From e8d55f255bc7beefd62ec161caf200fa5a6ea28b Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Wed, 1 Nov 2023 14:50:15 +0100
Subject: [PATCH 0298/1093] chore(react): update readme

---
 packages/react/README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react/README.md b/packages/react/README.md
index 873ad7fb8..a3e9d66b5 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -1,4 +1,5 @@
-![readme-header](https://github.com/wbkd/react-flow/assets/2857535/c54e3334-eef0-48b2-b598-792e924c34f1)
+![readme-header](https://user-images.githubusercontent.com/2857535/279691008-efd8f0d2-d235-4f19-b136-6e81e5ba974d.svg#gh-light-mode-only)
+![readme-header-dark](https://user-images.githubusercontent.com/2857535/279691021-f1cbf9e6-ea4d-43e8-935d-dd4c4983c0d9.svg#gh-dark-mode-only)
 
 <div align="center">
 

From 5d464036d1af97a790d6b6eed13e0434a23f10bd Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Wed, 1 Nov 2023 14:51:29 +0100
Subject: [PATCH 0299/1093] chore(svelte): update readme

---
 packages/svelte/README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index 68c60c225..33e84761d 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -1,4 +1,5 @@
-![svelteflow](https://github.com/wbkd/react-flow/assets/2857535/1c722629-7e8b-4322-bfd2-aec041d64aab)
+![readme-header](https://user-images.githubusercontent.com/2857535/279691030-dd853bef-88c5-433b-a51a-10294dc82d2b.svg#gh-light-mode-only)
+![readme-header-dark](https://user-images.githubusercontent.com/2857535/279691048-accf12e0-da89-4c79-8d66-dee0c43585cd.svg#gh-dark-mode-only)
 
 <div align="center">
 

From 2a38a010f607702084cde292c804adc17740a609 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 1 Nov 2023 15:21:53 +0100
Subject: [PATCH 0300/1093] fix(svelte): subflows

---
 .../src/lib/components/NodeWrapper/NodeWrapper.svelte       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 95dcb9339..e02a0f987 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -164,10 +164,10 @@
     class:parent={isParent}
     style:z-index={zIndex}
     style:transform="translate({positionOrigin?.x ?? 0}px, {positionOrigin?.y ?? 0}px)"
-    style:width={node.size?.width && `${node.size?.width}px`}
-    style:height={node.size?.height && `${node.size?.height}px`}
     style:visibility={initialized ? 'visible' : 'hidden'}
-    {style}
+    style="{style} {node.size?.width ? `;width=${node.size?.width}px` : ''} {node.size?.height
+      ? `;height=${node.size?.height}px;`
+      : ''}"
     on:click={onSelectNodeHandler}
     on:mouseenter={(event) => dispatch('nodemouseenter', { node, event })}
     on:mouseleave={(event) => dispatch('nodemouseleave', { node, event })}

From 351ba3c863945d7e95474449718245a43c5d8c50 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 1 Nov 2023 15:31:37 +0100
Subject: [PATCH 0301/1093] chore(svelte): bump

---
 packages/svelte/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 4fb28c567..810d9c451 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",

From 428fced240f13f3703c73e50d261d9144439a174 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Wed, 1 Nov 2023 19:34:09 +0100
Subject: [PATCH 0302/1093] chore(funding): update org

---
 .github/FUNDING.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
index b8b477fd5..684e92a47 100644
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@@ -1,3 +1,3 @@
 # These are supported funding model platforms
 
-github: [wbkd]
+github: [xyflow]

From a9b911eac38fc8f891fedee1a19c7edfbb4661f1 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 2 Nov 2023 12:29:58 +0100
Subject: [PATCH 0303/1093] some more trying around

---
 tests/playwright/e2e/edges.spec.ts | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/tests/playwright/e2e/edges.spec.ts b/tests/playwright/e2e/edges.spec.ts
index da5a3feb2..f91d89e08 100644
--- a/tests/playwright/e2e/edges.spec.ts
+++ b/tests/playwright/e2e/edges.spec.ts
@@ -20,20 +20,22 @@ test.describe('EDGES', () => {
       await expect(edge).toHaveClass(/selected/);
     });
 
-    // test('selecting multiple edges by meta-click', async ({ page }) => {
-    //   const edge1 = page.locator('[data-id="edge-with-class"]');
-    //   const edge2 = page.locator('[data-id="edge-with-style"]');
+    test('selecting multiple edges by meta-click', async ({ page }) => {
+      const edge1 = page.locator('[data-id="edge-with-class"]');
+      const edge2 = page.locator('[data-id="edge-with-style"]');
 
-    //   await expect(edge1).toBeAttached();
-    //   await expect(edge2).toBeAttached();
+      await expect(edge1).toBeAttached();
+      await expect(edge2).toBeAttached();
+      // FIXME: I cannot get this to work
+      await page.keyboard.down('MetaLeft');
+      await edge1.click();
+      await expect(edge1).toHaveClass(/selected/);
 
-    //   await edge1.click();
-    //   await page.keyboard.down('Meta');
-    //   await edge2.click();
+      await edge2.click();
+      await expect(edge2).toHaveClass(/selected/);
 
-    //   await expect(edge1).toHaveClass(/selected/);
-    //   await expect(edge2).toHaveClass(/selected/);
-    // });
+      await expect(edge1).toHaveClass(/selected/);
+    });
   });
 
   test.describe('properties', () => {

From 4cf99ec425470a068fc427fd53497f8839eddf42 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 2 Nov 2023 12:30:27 +0100
Subject: [PATCH 0304/1093] updated lockfile

---
 pnpm-lock.yaml | 791 ++++---------------------------------------------
 1 file changed, 63 insertions(+), 728 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 981e66bf7..449ca1d34 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,10 +16,10 @@ importers:
         version: registry.npmjs.org/@changesets/cli@2.25.0
       '@typescript-eslint/eslint-plugin':
         specifier: latest
-        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3)
+        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.9.0(@typescript-eslint/parser@6.9.0)(eslint@8.43.0)(typescript@5.1.3)
       '@typescript-eslint/parser':
         specifier: latest
-        version: registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)
+        version: registry.npmjs.org/@typescript-eslint/parser@6.9.0(eslint@8.43.0)(typescript@5.1.3)
       concurrently:
         specifier: ^7.6.0
         version: registry.npmjs.org/concurrently@7.6.0
@@ -90,40 +90,6 @@ importers:
         specifier: ^4.2.1
         version: registry.npmjs.org/svelte@4.2.1
 
-  examples/next-xyflow:
-    dependencies:
-      '@xyflow/react':
-        specifier: workspace:^
-        version: link:../../packages/react
-      next:
-        specifier: 13.5.4
-        version: registry.npmjs.org/next@13.5.4(react-dom@18.2.0)(react@18.2.0)
-      react:
-        specifier: ^18
-        version: registry.npmjs.org/react@18.2.0
-      react-dom:
-        specifier: ^18
-        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
-    devDependencies:
-      '@types/node':
-        specifier: ^20
-        version: registry.npmjs.org/@types/node@20.0.0
-      '@types/react':
-        specifier: ^18
-        version: registry.npmjs.org/@types/react@18.2.24
-      '@types/react-dom':
-        specifier: ^18
-        version: registry.npmjs.org/@types/react-dom@18.2.8
-      eslint:
-        specifier: ^8
-        version: registry.npmjs.org/eslint@8.43.0
-      eslint-config-next:
-        specifier: 13.5.4
-        version: registry.npmjs.org/eslint-config-next@13.5.4(eslint@8.43.0)(typescript@5.1.3)
-      typescript:
-        specifier: ^5
-        version: registry.npmjs.org/typescript@5.1.3
-
   examples/react:
     dependencies:
       '@xyflow/react':
@@ -457,7 +423,7 @@ importers:
         version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0)
       eslint-config-turbo:
         specifier: latest
-        version: registry.npmjs.org/eslint-config-turbo@1.10.15(eslint@8.43.0)
+        version: registry.npmjs.org/eslint-config-turbo@1.10.16(eslint@8.43.0)
       eslint-plugin-react:
         specifier: latest
         version: registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.43.0)
@@ -1853,119 +1819,6 @@ packages:
       read-yaml-file: registry.npmjs.org/read-yaml-file@1.1.0
     dev: true
 
-  registry.npmjs.org/@next/env@13.5.4:
-    resolution: {integrity: sha512-LGegJkMvRNw90WWphGJ3RMHMVplYcOfRWf2Be3td3sUa+1AaxmsYyANsA+znrGCBjXJNi4XAQlSoEfUxs/4kIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/env/-/env-13.5.4.tgz}
-    name: '@next/env'
-    version: 13.5.4
-    dev: false
-
-  registry.npmjs.org/@next/eslint-plugin-next@13.5.4:
-    resolution: {integrity: sha512-vI94U+D7RNgX6XypSyjeFrOzxGlZyxOplU0dVE5norIfZGn/LDjJYPHdvdsR5vN1eRtl6PDAsOHmycFEOljK5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-13.5.4.tgz}
-    name: '@next/eslint-plugin-next'
-    version: 13.5.4
-    dependencies:
-      glob: registry.npmjs.org/glob@7.1.7
-    dev: true
-
-  registry.npmjs.org/@next/swc-darwin-arm64@13.5.4:
-    resolution: {integrity: sha512-Df8SHuXgF1p+aonBMcDPEsaahNo2TCwuie7VXED4FVyECvdXfRT9unapm54NssV9tF3OQFKBFOdlje4T43VO0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.4.tgz}
-    name: '@next/swc-darwin-arm64'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  registry.npmjs.org/@next/swc-darwin-x64@13.5.4:
-    resolution: {integrity: sha512-siPuUwO45PnNRMeZnSa8n/Lye5ZX93IJom9wQRB5DEOdFrw0JjOMu1GINB8jAEdwa7Vdyn1oJ2xGNaQpdQQ9Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.4.tgz}
-    name: '@next/swc-darwin-x64'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  registry.npmjs.org/@next/swc-linux-arm64-gnu@13.5.4:
-    resolution: {integrity: sha512-l/k/fvRP/zmB2jkFMfefmFkyZbDkYW0mRM/LB+tH5u9pB98WsHXC0WvDHlGCYp3CH/jlkJPL7gN8nkTQVrQ/2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.4.tgz}
-    name: '@next/swc-linux-arm64-gnu'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  registry.npmjs.org/@next/swc-linux-arm64-musl@13.5.4:
-    resolution: {integrity: sha512-YYGb7SlLkI+XqfQa8VPErljb7k9nUnhhRrVaOdfJNCaQnHBcvbT7cx/UjDQLdleJcfyg1Hkn5YSSIeVfjgmkTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.4.tgz}
-    name: '@next/swc-linux-arm64-musl'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  registry.npmjs.org/@next/swc-linux-x64-gnu@13.5.4:
-    resolution: {integrity: sha512-uE61vyUSClnCH18YHjA8tE1prr/PBFlBFhxBZis4XBRJoR+txAky5d7gGNUIbQ8sZZ7LVkSVgm/5Fc7mwXmRAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.4.tgz}
-    name: '@next/swc-linux-x64-gnu'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  registry.npmjs.org/@next/swc-linux-x64-musl@13.5.4:
-    resolution: {integrity: sha512-qVEKFYML/GvJSy9CfYqAdUexA6M5AklYcQCW+8JECmkQHGoPxCf04iMh7CPR7wkHyWWK+XLt4Ja7hhsPJtSnhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.4.tgz}
-    name: '@next/swc-linux-x64-musl'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  registry.npmjs.org/@next/swc-win32-arm64-msvc@13.5.4:
-    resolution: {integrity: sha512-mDSQfqxAlfpeZOLPxLymZkX0hYF3juN57W6vFHTvwKlnHfmh12Pt7hPIRLYIShk8uYRsKPtMTth/EzpwRI+u8w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.4.tgz}
-    name: '@next/swc-win32-arm64-msvc'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  registry.npmjs.org/@next/swc-win32-ia32-msvc@13.5.4:
-    resolution: {integrity: sha512-aoqAT2XIekIWoriwzOmGFAvTtVY5O7JjV21giozBTP5c6uZhpvTWRbmHXbmsjZqY4HnEZQRXWkSAppsIBweKqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.4.tgz}
-    name: '@next/swc-win32-ia32-msvc'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  registry.npmjs.org/@next/swc-win32-x64-msvc@13.5.4:
-    resolution: {integrity: sha512-cyRvlAxwlddlqeB9xtPSfNSCRy8BOa4wtMo0IuI9P7Y0XT2qpDrpFKRyZ7kUngZis59mPVla5k8X1oOJ8RxDYg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.4.tgz}
-    name: '@next/swc-win32-x64-msvc'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: false
-    optional: true
-
   registry.npmjs.org/@nodelib/fs.scandir@2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz}
     name: '@nodelib/fs.scandir'
@@ -2113,12 +1966,6 @@ packages:
       rollup: registry.npmjs.org/rollup@3.23.0
     dev: true
 
-  registry.npmjs.org/@rushstack/eslint-patch@1.5.1:
-    resolution: {integrity: sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz}
-    name: '@rushstack/eslint-patch'
-    version: 1.5.1
-    dev: true
-
   registry.npmjs.org/@sideway/address@4.1.4:
     resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz}
     name: '@sideway/address'
@@ -2390,14 +2237,6 @@ packages:
     version: 0.1.2
     dev: true
 
-  registry.npmjs.org/@swc/helpers@0.5.2:
-    resolution: {integrity: sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz}
-    name: '@swc/helpers'
-    version: 0.5.2
-    dependencies:
-      tslib: registry.npmjs.org/tslib@2.6.2
-    dev: false
-
   registry.npmjs.org/@swc/types@0.1.5:
     resolution: {integrity: sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/types/-/types-0.1.5.tgz}
     name: '@swc/types'
@@ -2742,12 +2581,6 @@ packages:
     version: 7.0.14
     dev: true
 
-  registry.npmjs.org/@types/json5@0.0.29:
-    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz}
-    name: '@types/json5'
-    version: 0.0.29
-    dev: true
-
   registry.npmjs.org/@types/json5@0.0.30:
     resolution: {integrity: sha512-sqm9g7mHlPY/43fcSNrCYfOeX9zkTTK+euO5E6+CVijSMm5tTjkVdwdqRkY3ljjIAf8679vps5jKUoJBCLsMDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json5/-/json5-0.0.30.tgz}
     name: '@types/json5'
@@ -2808,12 +2641,6 @@ packages:
     version: 18.7.16
     dev: true
 
-  registry.npmjs.org/@types/node@20.0.0:
-    resolution: {integrity: sha512-cD2uPTDnQQCVpmRefonO98/PPijuOnnEy5oytWJFPY1N9aJCz2wJ5kSGWO+zJoed2cY2JxQh6yBuUq4vIn61hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-20.0.0.tgz}
-    name: '@types/node'
-    version: 20.0.0
-    dev: true
-
   registry.npmjs.org/@types/node@20.8.7:
     resolution: {integrity: sha512-21TKHHh3eUHIi2MloeptJWALuCu5H7HQTdTrWIFReA8ad+aggoX+lRes3ex7/FtpC+sVUpFMQ+QTfYr74mruiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-20.8.7.tgz}
     name: '@types/node'
@@ -2956,11 +2783,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-GosF4238Tkes2SHPQ1i8f6rMtG6zlKwMEB0abqSJ3Npvos+doIlc/ATG+vX1G9coDF3Ex78zM3heXHLyWEwLUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.8.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.8.0
+  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.9.0(@typescript-eslint/parser@6.9.0)(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-lgX7F0azQwRPB7t7WAyeHWVfW1YJ9NIgd9mvGhfQpRY56X6AVf8mwM8Wol+0z4liE7XX3QOt8MN1rUKCfSjRIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.9.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.9.0
     name: '@typescript-eslint/eslint-plugin'
-    version: 6.8.0
+    version: 6.9.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
@@ -2971,11 +2798,11 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.9.1
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.9.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.9.0
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.9.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.9.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.9.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       eslint: registry.npmjs.org/eslint@8.43.0
       graphemer: registry.npmjs.org/graphemer@1.4.0
@@ -3011,34 +2838,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser@5.62.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/5.62.0
-    name: '@typescript-eslint/parser'
-    version: 5.62.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@5.62.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.62.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@5.62.0(typescript@5.1.3)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      typescript: registry.npmjs.org/typescript@5.1.3
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.8.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/6.8.0
+  registry.npmjs.org/@typescript-eslint/parser@6.9.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-GZmjMh4AJ/5gaH4XF2eXA8tMnHWP+Pm1mjQR2QN4Iz+j/zO04b9TOvJYOX2sCNIQHtRStKTxRY1FX7LhpJT4Gw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.9.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/6.9.0
     name: '@typescript-eslint/parser'
-    version: 6.8.0
+    version: 6.9.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -3047,10 +2851,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.9.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.9.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.9.0(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.9.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       eslint: registry.npmjs.org/eslint@8.43.0
       typescript: registry.npmjs.org/typescript@5.1.3
@@ -3068,24 +2872,14 @@ packages:
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.60.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager@5.62.0:
-    resolution: {integrity: sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz}
-    name: '@typescript-eslint/scope-manager'
-    version: 5.62.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.62.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.62.0
-    dev: true
-
-  registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0:
-    resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.8.0.tgz}
+  registry.npmjs.org/@typescript-eslint/scope-manager@6.9.0:
+    resolution: {integrity: sha512-1R8A9Mc39n4pCCz9o79qRO31HGNDvC7UhPhv26TovDsWPBDx+Sg3rOZdCELIA3ZmNoWAuxaMOT7aWtGRSYkQxw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.9.0.tgz}
     name: '@typescript-eslint/scope-manager'
-    version: 6.8.0
+    version: 6.9.0
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.9.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.9.0
     dev: true
 
   registry.npmjs.org/@typescript-eslint/type-utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
@@ -3111,11 +2905,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils@6.8.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-RYOJdlkTJIXW7GSldUIHqc/Hkto8E+fZN96dMIFhuTJcQwdRoGN2rEWA8U6oXbLo0qufH7NPElUb+MceHtz54g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.8.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/6.8.0
+  registry.npmjs.org/@typescript-eslint/type-utils@6.9.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-XXeahmfbpuhVbhSOROIzJ+b13krFmgtc4GlEuu1WBT+RpyGPIA4Y/eGnXzjbDj5gZLzpAXO/sj+IF/x2GtTMjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.9.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/6.9.0
     name: '@typescript-eslint/type-utils'
-    version: 6.8.0
+    version: 6.9.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -3124,8 +2918,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.9.0(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.9.0(eslint@8.43.0)(typescript@5.1.3)
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       eslint: registry.npmjs.org/eslint@8.43.0
       ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3)
@@ -3141,17 +2935,10 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types@5.62.0:
-    resolution: {integrity: sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz}
-    name: '@typescript-eslint/types'
-    version: 5.62.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
-
-  registry.npmjs.org/@typescript-eslint/types@6.8.0:
-    resolution: {integrity: sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-6.8.0.tgz}
+  registry.npmjs.org/@typescript-eslint/types@6.9.0:
+    resolution: {integrity: sha512-+KB0lbkpxBkBSiVCuQvduqMJy+I1FyDbdwSpM3IoBS7APl4Bu15lStPjgBIdykdRqQNYqYNMa8Kuidax6phaEw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-6.9.0.tgz}
     name: '@typescript-eslint/types'
-    version: 6.8.0
+    version: 6.9.0
     engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
@@ -3179,35 +2966,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree@5.62.0(typescript@5.1.3):
-    resolution: {integrity: sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.62.0
+  registry.npmjs.org/@typescript-eslint/typescript-estree@6.9.0(typescript@5.1.3):
+    resolution: {integrity: sha512-NJM2BnJFZBEAbCfBP00zONKXvMqihZCrmwCaik0UhLr0vAgb6oguXxLX1k00oQyD+vZZ+CJn3kocvv2yxm4awQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.9.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.9.0
     name: '@typescript-eslint/typescript-estree'
-    version: 5.62.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.62.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.62.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      globby: registry.npmjs.org/globby@11.1.0
-      is-glob: registry.npmjs.org/is-glob@4.0.3
-      semver: registry.npmjs.org/semver@7.5.4
-      tsutils: registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3)
-      typescript: registry.npmjs.org/typescript@5.1.3
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3):
-    resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.8.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.8.0
-    name: '@typescript-eslint/typescript-estree'
-    version: 6.8.0
+    version: 6.9.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       typescript: '*'
@@ -3215,8 +2978,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.9.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.9.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       globby: registry.npmjs.org/globby@11.1.0
       is-glob: registry.npmjs.org/is-glob@4.0.3
@@ -3250,11 +3013,11 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-dKs1itdE2qFG4jr0dlYLQVppqTE+Itt7GmIf/vX6CSvsW+3ov8PbWauVKyyfNngokhIO9sKZeRGCUo1+N7U98Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.8.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/6.8.0
+  registry.npmjs.org/@typescript-eslint/utils@6.9.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-5Wf+Jsqya7WcCO8me504FBigeQKVLAMPmUzYgDbWchINNh1KJbxCgVya3EQ2MjvJMVeXl3pofRmprqX6mfQkjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.9.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/6.9.0
     name: '@typescript-eslint/utils'
-    version: 6.8.0
+    version: 6.9.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -3262,9 +3025,9 @@ packages:
       '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
       '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.14
       '@types/semver': registry.npmjs.org/@types/semver@7.5.4
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.9.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.9.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.9.0(typescript@5.1.3)
       eslint: registry.npmjs.org/eslint@8.43.0
       semver: registry.npmjs.org/semver@7.5.4
     transitivePeerDependencies:
@@ -3282,23 +3045,13 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys@5.62.0:
-    resolution: {integrity: sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz}
-    name: '@typescript-eslint/visitor-keys'
-    version: 5.62.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.62.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
-    dev: true
-
-  registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0:
-    resolution: {integrity: sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.8.0.tgz}
+  registry.npmjs.org/@typescript-eslint/visitor-keys@6.9.0:
+    resolution: {integrity: sha512-dGtAfqjV6RFOtIP8I0B4ZTBRrlTT8NHHlZZSchQx3qReaoDeXhYM++M4So2AgFK9ZB0emRPA6JI1HkafzA2Ibg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.9.0.tgz}
     name: '@typescript-eslint/visitor-keys'
-    version: 6.8.0
+    version: 6.9.0
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.9.0
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
@@ -3508,19 +3261,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/array.prototype.findlastindex@1.2.3:
-    resolution: {integrity: sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz}
-    name: array.prototype.findlastindex
-    version: 1.2.3
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
-      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-    dev: true
-
   registry.npmjs.org/array.prototype.flat@1.3.2:
     resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz}
     name: array.prototype.flat
@@ -3594,12 +3334,6 @@ packages:
     engines: {node: '>=0.8'}
     dev: true
 
-  registry.npmjs.org/ast-types-flow@0.0.7:
-    resolution: {integrity: sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz}
-    name: ast-types-flow
-    version: 0.0.7
-    dev: true
-
   registry.npmjs.org/astral-regex@2.0.0:
     resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz}
     name: astral-regex
@@ -3748,13 +3482,6 @@ packages:
     version: 1.12.0
     dev: true
 
-  registry.npmjs.org/axe-core@4.8.2:
-    resolution: {integrity: sha512-/dlp0fxyM3R8YW7MFzaHWXrf4zzbr0vaYb23VBFCl83R7nWNPg/yaQw2Dc8jzCMmDVLhSdzH8MjrsuIUuvX+6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axe-core/-/axe-core-4.8.2.tgz}
-    name: axe-core
-    version: 4.8.2
-    engines: {node: '>=4'}
-    dev: true
-
   registry.npmjs.org/axios@0.21.4(debug@4.3.2):
     resolution: {integrity: sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axios/-/axios-0.21.4.tgz}
     id: registry.npmjs.org/axios/0.21.4
@@ -3963,6 +3690,7 @@ packages:
     engines: {node: '>=10.16.0'}
     dependencies:
       streamsearch: registry.npmjs.org/streamsearch@1.1.0
+    dev: true
 
   registry.npmjs.org/cachedir@2.4.0:
     resolution: {integrity: sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cachedir/-/cachedir-2.4.0.tgz}
@@ -4194,12 +3922,6 @@ packages:
       string-width: registry.npmjs.org/string-width@4.2.3
     dev: true
 
-  registry.npmjs.org/client-only@0.0.1:
-    resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz}
-    name: client-only
-    version: 0.0.1
-    dev: false
-
   registry.npmjs.org/cliui@6.0.0:
     resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz}
     name: cliui
@@ -4745,12 +4467,6 @@ packages:
       lodash: registry.npmjs.org/lodash@4.17.21
     dev: false
 
-  registry.npmjs.org/damerau-levenshtein@1.0.8:
-    resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz}
-    name: damerau-levenshtein
-    version: 1.0.8
-    dev: true
-
   registry.npmjs.org/dashdash@1.14.1:
     resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz}
     name: dashdash
@@ -5111,6 +4827,7 @@ packages:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz}
     name: emoji-regex
     version: 9.2.2
+    dev: false
 
   registry.npmjs.org/end-of-stream@1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz}
@@ -5119,16 +4836,6 @@ packages:
     dependencies:
       once: registry.npmjs.org/once@1.4.0
 
-  registry.npmjs.org/enhanced-resolve@5.15.0:
-    resolution: {integrity: sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz}
-    name: enhanced-resolve
-    version: 5.15.0
-    engines: {node: '>=10.13.0'}
-    dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
-      tapable: registry.npmjs.org/tapable@2.2.1
-    dev: true
-
   registry.npmjs.org/enquirer@2.4.1:
     resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/enquirer/-/enquirer-2.4.1.tgz}
     name: enquirer
@@ -5353,34 +5060,6 @@ packages:
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/eslint-config-next@13.5.4(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-FzQGIj4UEszRX7fcRSJK6L1LrDiVZvDFW320VVntVKh3BSU8Fb9kpaoxQx0cdFgf3MQXdeSbrCXJ/5Z/NndDkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-13.5.4.tgz}
-    id: registry.npmjs.org/eslint-config-next/13.5.4
-    name: eslint-config-next
-    version: 13.5.4
-    peerDependencies:
-      eslint: ^7.23.0 || ^8.0.0
-      typescript: '>=3.3.1'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@next/eslint-plugin-next': registry.npmjs.org/@next/eslint-plugin-next@13.5.4
-      '@rushstack/eslint-patch': registry.npmjs.org/@rushstack/eslint-patch@1.5.1
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@5.62.0(eslint@8.43.0)(typescript@5.1.3)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-import-resolver-node: registry.npmjs.org/eslint-import-resolver-node@0.3.9
-      eslint-import-resolver-typescript: registry.npmjs.org/eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0)(eslint@8.43.0)
-      eslint-plugin-import: registry.npmjs.org/eslint-plugin-import@2.29.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)
-      eslint-plugin-jsx-a11y: registry.npmjs.org/eslint-plugin-jsx-a11y@6.7.1(eslint@8.43.0)
-      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.43.0)
-      eslint-plugin-react-hooks: registry.npmjs.org/eslint-plugin-react-hooks@4.6.0(eslint@8.43.0)
-      typescript: registry.npmjs.org/typescript@5.1.3
-    transitivePeerDependencies:
-      - eslint-import-resolver-webpack
-      - supports-color
-    dev: true
-
   registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0):
     resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz}
     id: registry.npmjs.org/eslint-config-prettier/8.8.0
@@ -5393,185 +5072,16 @@ packages:
       eslint: registry.npmjs.org/eslint@8.43.0
     dev: true
 
-  registry.npmjs.org/eslint-config-turbo@1.10.15(eslint@8.43.0):
-    resolution: {integrity: sha512-76mpx2x818JZE26euen14utYcFDxOahZ9NaWA+6Xa4pY2ezVKVschuOxS96EQz3o3ZRSmcgBOapw/gHbN+EKxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.15.tgz}
-    id: registry.npmjs.org/eslint-config-turbo/1.10.15
+  registry.npmjs.org/eslint-config-turbo@1.10.16(eslint@8.43.0):
+    resolution: {integrity: sha512-O3NQI72bQHV7FvSC6lWj66EGx8drJJjuT1kuInn6nbMLOHdMBhSUX/8uhTAlHRQdlxZk2j9HtgFCIzSc93w42g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.16.tgz}
+    id: registry.npmjs.org/eslint-config-turbo/1.10.16
     name: eslint-config-turbo
-    version: 1.10.15
+    version: 1.10.16
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
       eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo@1.10.15(eslint@8.43.0)
-    dev: true
-
-  registry.npmjs.org/eslint-import-resolver-node@0.3.9:
-    resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz}
-    name: eslint-import-resolver-node
-    version: 0.3.9
-    dependencies:
-      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
-      is-core-module: registry.npmjs.org/is-core-module@2.13.1
-      resolve: registry.npmjs.org/resolve@1.22.8
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0)(eslint@8.43.0):
-    resolution: {integrity: sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz}
-    id: registry.npmjs.org/eslint-import-resolver-typescript/3.6.1
-    name: eslint-import-resolver-typescript
-    version: 3.6.1
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '*'
-      eslint-plugin-import: '*'
-    dependencies:
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      enhanced-resolve: registry.npmjs.org/enhanced-resolve@5.15.0
-      eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-module-utils: registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.43.0)
-      eslint-plugin-import: registry.npmjs.org/eslint-plugin-import@2.29.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)
-      fast-glob: registry.npmjs.org/fast-glob@3.3.1
-      get-tsconfig: registry.npmjs.org/get-tsconfig@4.7.2
-      is-core-module: registry.npmjs.org/is-core-module@2.13.1
-      is-glob: registry.npmjs.org/is-glob@4.0.3
-    transitivePeerDependencies:
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-node
-      - eslint-import-resolver-webpack
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.43.0):
-    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz}
-    id: registry.npmjs.org/eslint-module-utils/2.8.0
-    name: eslint-module-utils
-    version: 2.8.0
-    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
-    dependencies:
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@5.62.0(eslint@8.43.0)(typescript@5.1.3)
-      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-import-resolver-node: registry.npmjs.org/eslint-import-resolver-node@0.3.9
-      eslint-import-resolver-typescript: registry.npmjs.org/eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0)(eslint@8.43.0)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint@8.43.0):
-    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz}
-    id: registry.npmjs.org/eslint-module-utils/2.8.0
-    name: eslint-module-utils
-    version: 2.8.0
-    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
-    dependencies:
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)
-      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-import-resolver-node: registry.npmjs.org/eslint-import-resolver-node@0.3.9
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/eslint-plugin-import@2.29.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0):
-    resolution: {integrity: sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz}
-    id: registry.npmjs.org/eslint-plugin-import/2.29.0
-    name: eslint-plugin-import
-    version: 2.29.0
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-    dependencies:
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)
-      array-includes: registry.npmjs.org/array-includes@3.1.7
-      array.prototype.findlastindex: registry.npmjs.org/array.prototype.findlastindex@1.2.3
-      array.prototype.flat: registry.npmjs.org/array.prototype.flat@1.3.2
-      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.2
-      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
-      doctrine: registry.npmjs.org/doctrine@2.1.0
-      eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-import-resolver-node: registry.npmjs.org/eslint-import-resolver-node@0.3.9
-      eslint-module-utils: registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint@8.43.0)
-      hasown: registry.npmjs.org/hasown@2.0.0
-      is-core-module: registry.npmjs.org/is-core-module@2.13.1
-      is-glob: registry.npmjs.org/is-glob@4.0.3
-      minimatch: registry.npmjs.org/minimatch@3.1.2
-      object.fromentries: registry.npmjs.org/object.fromentries@2.0.7
-      object.groupby: registry.npmjs.org/object.groupby@1.0.1
-      object.values: registry.npmjs.org/object.values@1.1.7
-      semver: registry.npmjs.org/semver@6.3.1
-      tsconfig-paths: registry.npmjs.org/tsconfig-paths@3.14.2
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/eslint-plugin-jsx-a11y@6.7.1(eslint@8.43.0):
-    resolution: {integrity: sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz}
-    id: registry.npmjs.org/eslint-plugin-jsx-a11y/6.7.1
-    name: eslint-plugin-jsx-a11y
-    version: 6.7.1
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      aria-query: registry.npmjs.org/aria-query@5.3.0
-      array-includes: registry.npmjs.org/array-includes@3.1.7
-      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.2
-      ast-types-flow: registry.npmjs.org/ast-types-flow@0.0.7
-      axe-core: registry.npmjs.org/axe-core@4.8.2
-      axobject-query: registry.npmjs.org/axobject-query@3.2.1
-      damerau-levenshtein: registry.npmjs.org/damerau-levenshtein@1.0.8
-      emoji-regex: registry.npmjs.org/emoji-regex@9.2.2
-      eslint: registry.npmjs.org/eslint@8.43.0
-      has: registry.npmjs.org/has@1.0.4
-      jsx-ast-utils: registry.npmjs.org/jsx-ast-utils@3.3.5
-      language-tags: registry.npmjs.org/language-tags@1.0.5
-      minimatch: registry.npmjs.org/minimatch@3.1.2
-      object.entries: registry.npmjs.org/object.entries@1.1.7
-      object.fromentries: registry.npmjs.org/object.fromentries@2.0.7
-      semver: registry.npmjs.org/semver@6.3.1
+      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo@1.10.16(eslint@8.43.0)
     dev: true
 
   registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8):
@@ -5594,18 +5104,6 @@ packages:
       prettier-linter-helpers: registry.npmjs.org/prettier-linter-helpers@1.0.0
     dev: true
 
-  registry.npmjs.org/eslint-plugin-react-hooks@4.6.0(eslint@8.43.0):
-    resolution: {integrity: sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz}
-    id: registry.npmjs.org/eslint-plugin-react-hooks/4.6.0
-    name: eslint-plugin-react-hooks
-    version: 4.6.0
-    engines: {node: '>=10'}
-    peerDependencies:
-      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
-    dependencies:
-      eslint: registry.npmjs.org/eslint@8.43.0
-    dev: true
-
   registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.43.0):
     resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz}
     id: registry.npmjs.org/eslint-plugin-react/7.33.2
@@ -5665,11 +5163,11 @@ packages:
       - ts-node
     dev: true
 
-  registry.npmjs.org/eslint-plugin-turbo@1.10.15(eslint@8.43.0):
-    resolution: {integrity: sha512-Tv4QSKV/U56qGcTqS/UgOvb9HcKFmWOQcVh3HEaj7of94lfaENgfrtK48E2CckQf7amhKs1i+imhCsNCKjkQyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.15.tgz}
-    id: registry.npmjs.org/eslint-plugin-turbo/1.10.15
+  registry.npmjs.org/eslint-plugin-turbo@1.10.16(eslint@8.43.0):
+    resolution: {integrity: sha512-ZjrR88MTN64PNGufSEcM0tf+V1xFYVbeiMeuIqr0aiABGomxFLo4DBkQ7WI4WzkZtWQSIA2sP+yxqSboEfL9MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.16.tgz}
+    id: registry.npmjs.org/eslint-plugin-turbo/1.10.16
     name: eslint-plugin-turbo
-    version: 1.10.15
+    version: 1.10.16
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
@@ -6306,14 +5804,6 @@ packages:
       get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
     dev: true
 
-  registry.npmjs.org/get-tsconfig@4.7.2:
-    resolution: {integrity: sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz}
-    name: get-tsconfig
-    version: 4.7.2
-    dependencies:
-      resolve-pkg-maps: registry.npmjs.org/resolve-pkg-maps@1.0.0
-    dev: true
-
   registry.npmjs.org/getos@3.2.1:
     resolution: {integrity: sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/getos/-/getos-3.2.1.tgz}
     name: getos
@@ -6360,25 +5850,6 @@ packages:
       is-glob: registry.npmjs.org/is-glob@4.0.3
     dev: true
 
-  registry.npmjs.org/glob-to-regexp@0.4.1:
-    resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz}
-    name: glob-to-regexp
-    version: 0.4.1
-    dev: false
-
-  registry.npmjs.org/glob@7.1.7:
-    resolution: {integrity: sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-7.1.7.tgz}
-    name: glob
-    version: 7.1.7
-    dependencies:
-      fs.realpath: registry.npmjs.org/fs.realpath@1.0.0
-      inflight: registry.npmjs.org/inflight@1.0.6
-      inherits: registry.npmjs.org/inherits@2.0.4
-      minimatch: registry.npmjs.org/minimatch@3.1.2
-      once: registry.npmjs.org/once@1.4.0
-      path-is-absolute: registry.npmjs.org/path-is-absolute@1.0.1
-    dev: true
-
   registry.npmjs.org/glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-7.2.3.tgz}
     name: glob
@@ -6566,13 +6037,6 @@ packages:
       has-symbols: registry.npmjs.org/has-symbols@1.0.3
     dev: true
 
-  registry.npmjs.org/has@1.0.4:
-    resolution: {integrity: sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has/-/has-1.0.4.tgz}
-    name: has
-    version: 1.0.4
-    engines: {node: '>= 0.4.0'}
-    dev: true
-
   registry.npmjs.org/hasown@2.0.0:
     resolution: {integrity: sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz}
     name: hasown
@@ -7334,15 +6798,6 @@ packages:
     version: 5.0.1
     dev: true
 
-  registry.npmjs.org/json5@1.0.2:
-    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json5/-/json5-1.0.2.tgz}
-    name: json5
-    version: 1.0.2
-    hasBin: true
-    dependencies:
-      minimist: registry.npmjs.org/minimist@1.2.8
-    dev: true
-
   registry.npmjs.org/json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json5/-/json5-2.2.3.tgz}
     name: json5
@@ -7431,20 +6886,6 @@ packages:
     version: 0.27.0
     dev: true
 
-  registry.npmjs.org/language-subtag-registry@0.3.22:
-    resolution: {integrity: sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz}
-    name: language-subtag-registry
-    version: 0.3.22
-    dev: true
-
-  registry.npmjs.org/language-tags@1.0.5:
-    resolution: {integrity: sha512-qJhlO9cGXi6hBGKoxEG/sKZDAHD5Hnu9Hs4WbOY3pCWXDhw0N8x1NenNzm2EnNLkLkk7J2SdxAkDSbb6ftT+UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz}
-    name: language-tags
-    version: 1.0.5
-    dependencies:
-      language-subtag-registry: registry.npmjs.org/language-subtag-registry@0.3.22
-    dev: true
-
   registry.npmjs.org/lazy-ass@1.6.0:
     resolution: {integrity: sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lazy-ass/-/lazy-ass-1.6.0.tgz}
     name: lazy-ass
@@ -8396,48 +7837,6 @@ packages:
       - supports-color
     dev: false
 
-  registry.npmjs.org/next@13.5.4(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-+93un5S779gho8y9ASQhb/bTkQF17FNQOtXLKAj3lsNgltEcF0C5PMLLncDmH+8X1EnJH1kbqAERa29nRXqhjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/next/-/next-13.5.4.tgz}
-    id: registry.npmjs.org/next/13.5.4
-    name: next
-    version: 13.5.4
-    engines: {node: '>=16.14.0'}
-    hasBin: true
-    peerDependencies:
-      '@opentelemetry/api': ^1.1.0
-      react: ^18.2.0
-      react-dom: ^18.2.0
-      sass: ^1.3.0
-    peerDependenciesMeta:
-      '@opentelemetry/api':
-        optional: true
-      sass:
-        optional: true
-    dependencies:
-      '@next/env': registry.npmjs.org/@next/env@13.5.4
-      '@swc/helpers': registry.npmjs.org/@swc/helpers@0.5.2
-      busboy: registry.npmjs.org/busboy@1.6.0
-      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001553
-      postcss: registry.npmjs.org/postcss@8.4.31
-      react: registry.npmjs.org/react@18.2.0
-      react-dom: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
-      styled-jsx: registry.npmjs.org/styled-jsx@5.1.1(react@18.2.0)
-      watchpack: registry.npmjs.org/watchpack@2.4.0
-    optionalDependencies:
-      '@next/swc-darwin-arm64': registry.npmjs.org/@next/swc-darwin-arm64@13.5.4
-      '@next/swc-darwin-x64': registry.npmjs.org/@next/swc-darwin-x64@13.5.4
-      '@next/swc-linux-arm64-gnu': registry.npmjs.org/@next/swc-linux-arm64-gnu@13.5.4
-      '@next/swc-linux-arm64-musl': registry.npmjs.org/@next/swc-linux-arm64-musl@13.5.4
-      '@next/swc-linux-x64-gnu': registry.npmjs.org/@next/swc-linux-x64-gnu@13.5.4
-      '@next/swc-linux-x64-musl': registry.npmjs.org/@next/swc-linux-x64-musl@13.5.4
-      '@next/swc-win32-arm64-msvc': registry.npmjs.org/@next/swc-win32-arm64-msvc@13.5.4
-      '@next/swc-win32-ia32-msvc': registry.npmjs.org/@next/swc-win32-ia32-msvc@13.5.4
-      '@next/swc-win32-x64-msvc': registry.npmjs.org/@next/swc-win32-x64-msvc@13.5.4
-    transitivePeerDependencies:
-      - '@babel/core'
-      - babel-plugin-macros
-    dev: false
-
   registry.npmjs.org/nlcst-to-string@3.1.1:
     resolution: {integrity: sha512-63mVyqaqt0cmn2VcI2aH6kxe1rLAmSROqHMA0i4qqg1tidkfExgpb0FGMikMCn86mw5dFtBtEANfmSSK7TjNHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-3.1.1.tgz}
     name: nlcst-to-string
@@ -8594,17 +7993,6 @@ packages:
       es-abstract: registry.npmjs.org/es-abstract@1.22.3
     dev: true
 
-  registry.npmjs.org/object.groupby@1.0.1:
-    resolution: {integrity: sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz}
-    name: object.groupby
-    version: 1.0.1
-    dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-    dev: true
-
   registry.npmjs.org/object.hasown@1.1.3:
     resolution: {integrity: sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz}
     name: object.hasown
@@ -10006,12 +9394,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/resolve-pkg-maps@1.0.0:
-    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz}
-    name: resolve-pkg-maps
-    version: 1.0.0
-    dev: true
-
   registry.npmjs.org/resolve@1.22.8:
     resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz}
     name: resolve
@@ -10685,6 +10067,7 @@ packages:
     name: streamsearch
     version: 1.1.0
     engines: {node: '>=10.0.0'}
+    dev: true
 
   registry.npmjs.org/streamx@2.15.1:
     resolution: {integrity: sha512-fQMzy2O/Q47rgwErk/eGeLu/roaFWV0jVsogDmrszM9uIw8L5OA+t+V93MgYlufNptfjmYR1tOMWhei/Eh7TQA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/streamx/-/streamx-2.15.1.tgz}
@@ -10867,26 +10250,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/styled-jsx@5.1.1(react@18.2.0):
-    resolution: {integrity: sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz}
-    id: registry.npmjs.org/styled-jsx/5.1.1
-    name: styled-jsx
-    version: 5.1.1
-    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
-    dependencies:
-      client-only: registry.npmjs.org/client-only@0.0.1
-      react: registry.npmjs.org/react@18.2.0
-    dev: false
-
   registry.npmjs.org/stylehacks@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stylehacks/-/stylehacks-6.0.0.tgz}
     id: registry.npmjs.org/stylehacks/6.0.0
@@ -11194,13 +10557,6 @@ packages:
       picocolors: registry.npmjs.org/picocolors@1.0.0
     dev: true
 
-  registry.npmjs.org/tapable@2.2.1:
-    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz}
-    name: tapable
-    version: 2.2.1
-    engines: {node: '>=6'}
-    dev: true
-
   registry.npmjs.org/tar-fs@2.1.1:
     resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz}
     name: tar-fs
@@ -11388,17 +10744,6 @@ packages:
       typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
-  registry.npmjs.org/tsconfig-paths@3.14.2:
-    resolution: {integrity: sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz}
-    name: tsconfig-paths
-    version: 3.14.2
-    dependencies:
-      '@types/json5': registry.npmjs.org/@types/json5@0.0.29
-      json5: registry.npmjs.org/json5@1.0.2
-      minimist: registry.npmjs.org/minimist@1.2.8
-      strip-bom: registry.npmjs.org/strip-bom@3.0.0
-    dev: true
-
   registry.npmjs.org/tsconfig-resolver@3.0.1:
     resolution: {integrity: sha512-ZHqlstlQF449v8glscGRXzL6l2dZvASPCdXJRWG4gHEZlUVx2Jtmr+a2zeVG4LCsKhDXKRj5R3h0C/98UcVAQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsconfig-resolver/-/tsconfig-resolver-3.0.1.tgz}
     name: tsconfig-resolver
@@ -12033,16 +11378,6 @@ packages:
       - debug
     dev: true
 
-  registry.npmjs.org/watchpack@2.4.0:
-    resolution: {integrity: sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz}
-    name: watchpack
-    version: 2.4.0
-    engines: {node: '>=10.13.0'}
-    dependencies:
-      glob-to-regexp: registry.npmjs.org/glob-to-regexp@0.4.1
-      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
-    dev: false
-
   registry.npmjs.org/wcwidth@1.0.1:
     resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz}
     name: wcwidth

From 92272080e36c232c87f4bc260e21f507558897b1 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 2 Nov 2023 14:04:41 +0100
Subject: [PATCH 0305/1093] Added more tests for edges, pane

---
 .../src/routes/tests/edges/nodesAndEdges.ts   | 20 +++++-----
 .../svelte/src/routes/tests/pane/+page.svelte |  9 +++++
 .../svelte/src/routes/tests/pane/Flow.svelte  | 12 ++++++
 .../src/routes/tests/pane/nodesAndEdges.ts    | 35 +++++++++++++++++
 tests/playwright/e2e/edges.spec.ts            | 38 +++++++++++++++++++
 tests/playwright/e2e/pane.spec.ts             | 36 ++++++++++++++++++
 6 files changed, 140 insertions(+), 10 deletions(-)
 create mode 100644 examples/svelte/src/routes/tests/pane/+page.svelte
 create mode 100644 examples/svelte/src/routes/tests/pane/Flow.svelte
 create mode 100644 examples/svelte/src/routes/tests/pane/nodesAndEdges.ts
 create mode 100644 tests/playwright/e2e/pane.spec.ts

diff --git a/examples/svelte/src/routes/tests/edges/nodesAndEdges.ts b/examples/svelte/src/routes/tests/edges/nodesAndEdges.ts
index 6e0d969a9..b5452b8c5 100644
--- a/examples/svelte/src/routes/tests/edges/nodesAndEdges.ts
+++ b/examples/svelte/src/routes/tests/edges/nodesAndEdges.ts
@@ -56,17 +56,17 @@ export const initialNodes: Node[] = [
 		id: '11',
 		data: { label: '11' },
 		position: { x: 100, y: 500 }
-	},
-	{
-		id: '12',
-		data: { label: '12' },
-		position: { x: -100, y: 600 }
-	},
-	{
-		id: '13',
-		data: { label: '13' },
-		position: { x: 100, y: 600 }
 	}
+	// {
+	// 	id: '12',
+	// 	data: { label: '12' },
+	// 	position: { x: -100, y: 600 }
+	// },
+	// {
+	// 	id: '13',
+	// 	data: { label: '13' },
+	// 	position: { x: 100, y: 600 }
+	// }
 ];
 
 export const initialEdges: Edge[] = [
diff --git a/examples/svelte/src/routes/tests/pane/+page.svelte b/examples/svelte/src/routes/tests/pane/+page.svelte
new file mode 100644
index 000000000..12dec33ca
--- /dev/null
+++ b/examples/svelte/src/routes/tests/pane/+page.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+	import { SvelteFlowProvider } from '@xyflow/svelte';
+
+	import Flow from './Flow.svelte';
+</script>
+
+<SvelteFlowProvider>
+	<Flow />
+</SvelteFlowProvider>
diff --git a/examples/svelte/src/routes/tests/pane/Flow.svelte b/examples/svelte/src/routes/tests/pane/Flow.svelte
new file mode 100644
index 000000000..6686c9078
--- /dev/null
+++ b/examples/svelte/src/routes/tests/pane/Flow.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import { initialNodes, initialEdges } from './nodesAndEdges';
+	import { SvelteFlow } from '@xyflow/svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodes = writable(initialNodes);
+	const edges = writable(initialEdges);
+</script>
+
+<SvelteFlow {nodes} {edges} fitView />
diff --git a/examples/svelte/src/routes/tests/pane/nodesAndEdges.ts b/examples/svelte/src/routes/tests/pane/nodesAndEdges.ts
new file mode 100644
index 000000000..81e88cc40
--- /dev/null
+++ b/examples/svelte/src/routes/tests/pane/nodesAndEdges.ts
@@ -0,0 +1,35 @@
+import type { Edge, Node } from '@xyflow/svelte';
+
+export const initialNodes: Node[] = [
+	{
+		id: '1',
+		data: { label: '1' },
+		position: { x: 0, y: 0 },
+		type: 'input'
+	},
+	{
+		id: '2',
+		data: { label: '2' },
+		position: { x: -100, y: 100 }
+	},
+	{
+		id: '3',
+		data: { label: '3' },
+		position: { x: 100, y: 100 }
+	}
+];
+
+export const initialEdges: Edge[] = [
+	{
+		id: 'edge-with-class',
+		source: '1',
+		target: '2',
+		class: 'edge-class-test'
+	},
+	{
+		id: 'edge-with-style',
+		source: '1',
+		target: '3',
+		style: 'stroke: red;'
+	}
+];
diff --git a/tests/playwright/e2e/edges.spec.ts b/tests/playwright/e2e/edges.spec.ts
index f91d89e08..033bc1076 100644
--- a/tests/playwright/e2e/edges.spec.ts
+++ b/tests/playwright/e2e/edges.spec.ts
@@ -118,5 +118,43 @@ test.describe('EDGES', () => {
       await page.keyboard.press('Backspace');
       await expect(edge).toBeAttached();
     });
+
+    test('zIndex sets z-index of edge svgs', async ({ page }) => {
+      const svg = page.locator('svg', { has: page.locator('#z-index') });
+
+      await expect(svg).toBeAttached();
+      await expect(svg).toHaveCSS('z-index', '3141592');
+    });
+
+    test('aria-lable is working', async ({ page }) => {
+      const edge = page.locator('[data-id="aria-label"]');
+
+      await expect(edge).toHaveAttribute('aria-label', 'aria-label-test');
+    });
+
+    test('interactionWidth is working', async ({ page }) => {
+      const edge = page.locator('[data-id="interaction-width"]');
+
+      await expect(edge).toBeAttached();
+
+      const edgeBox = await edge.boundingBox();
+
+      //FIXME: Negative values are not working. Investigate further
+      await page.mouse.move(edgeBox!.x + edgeBox!.width * 0.5 + 21, edgeBox!.y + edgeBox!.height * 0.5);
+      await page.mouse.down();
+      await page.mouse.up();
+
+      // TODO: times out on webkit
+      await expect(edge).toHaveClass(/selected/);
+    });
+
+    test('markerEnd is setting marker-end', async ({ page }) => {
+      const edge = page.locator('#markers');
+
+      await expect(edge).toBeAttached();
+
+      await expect(edge).toHaveAttribute('marker-start', 'url(#1__type=arrowclosed)');
+      await expect(edge).toHaveAttribute('marker-end', 'url(#1__type=arrow)');
+    });
   });
 });
diff --git a/tests/playwright/e2e/pane.spec.ts b/tests/playwright/e2e/pane.spec.ts
new file mode 100644
index 000000000..c3899f122
--- /dev/null
+++ b/tests/playwright/e2e/pane.spec.ts
@@ -0,0 +1,36 @@
+import { test, expect } from '@playwright/test';
+
+import { FRAMEWORK } from './constants';
+
+test.describe('PANE', () => {
+  test.beforeEach(async ({ page }) => {
+    // Go to the starting url before each test.
+    await page.goto('/tests/pane');
+  });
+
+  test.describe('pan', () => {
+    test('panning the pane', async ({ page }) => {
+      const pane = page.locator(`.${FRAMEWORK}-flow__pane`);
+      const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
+
+      await expect(pane).toBeAttached();
+
+      const paneBox = await pane.boundingBox();
+
+      const viewportTransformBeforePan = await viewport.evaluate((element) => {
+        return element.style.transform;
+      });
+
+      await pane.hover();
+      await page.mouse.down();
+      await page.mouse.move(paneBox!.x + 150, paneBox!.y + 100);
+      await page.mouse.up();
+
+      const viewportTransformAfterPan = await viewport.evaluate((element) => {
+        return element.style.transform;
+      });
+
+      expect(viewportTransformBeforePan).toBe(viewportTransformAfterPan);
+    });
+  });
+});

From 0b7613c64eb1bff80491f1db686f9a5c0fd0d80f Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 2 Nov 2023 16:29:22 +0100
Subject: [PATCH 0306/1093] Added tests for pane

---
 .../tests/pane/{ => default}/+page.svelte     |   0
 .../tests/pane/{ => default}/Flow.svelte      |   2 +-
 .../tests/pane/{ => default}/nodesAndEdges.ts |  10 +-
 .../tests/pane/non-default/+page.svelte       |   9 +
 .../routes/tests/pane/non-default/Flow.svelte |  19 ++
 .../tests/pane/non-default/nodesAndEdges.ts   |  33 ++++
 tests/playwright/e2e/pane.spec.ts             | 178 ++++++++++++++++--
 7 files changed, 231 insertions(+), 20 deletions(-)
 rename examples/svelte/src/routes/tests/pane/{ => default}/+page.svelte (100%)
 rename examples/svelte/src/routes/tests/pane/{ => default}/Flow.svelte (82%)
 rename examples/svelte/src/routes/tests/pane/{ => default}/nodesAndEdges.ts (75%)
 create mode 100644 examples/svelte/src/routes/tests/pane/non-default/+page.svelte
 create mode 100644 examples/svelte/src/routes/tests/pane/non-default/Flow.svelte
 create mode 100644 examples/svelte/src/routes/tests/pane/non-default/nodesAndEdges.ts

diff --git a/examples/svelte/src/routes/tests/pane/+page.svelte b/examples/svelte/src/routes/tests/pane/default/+page.svelte
similarity index 100%
rename from examples/svelte/src/routes/tests/pane/+page.svelte
rename to examples/svelte/src/routes/tests/pane/default/+page.svelte
diff --git a/examples/svelte/src/routes/tests/pane/Flow.svelte b/examples/svelte/src/routes/tests/pane/default/Flow.svelte
similarity index 82%
rename from examples/svelte/src/routes/tests/pane/Flow.svelte
rename to examples/svelte/src/routes/tests/pane/default/Flow.svelte
index 6686c9078..ae2093ed2 100644
--- a/examples/svelte/src/routes/tests/pane/Flow.svelte
+++ b/examples/svelte/src/routes/tests/pane/default/Flow.svelte
@@ -9,4 +9,4 @@
 	const edges = writable(initialEdges);
 </script>
 
-<SvelteFlow {nodes} {edges} fitView />
+<SvelteFlow {nodes} {edges} fitView minZoom={0.25} maxZoom={4} />
diff --git a/examples/svelte/src/routes/tests/pane/nodesAndEdges.ts b/examples/svelte/src/routes/tests/pane/default/nodesAndEdges.ts
similarity index 75%
rename from examples/svelte/src/routes/tests/pane/nodesAndEdges.ts
rename to examples/svelte/src/routes/tests/pane/default/nodesAndEdges.ts
index 81e88cc40..7d2e05227 100644
--- a/examples/svelte/src/routes/tests/pane/nodesAndEdges.ts
+++ b/examples/svelte/src/routes/tests/pane/default/nodesAndEdges.ts
@@ -21,15 +21,13 @@ export const initialNodes: Node[] = [
 
 export const initialEdges: Edge[] = [
 	{
-		id: 'edge-with-class',
+		id: 'first-edge',
 		source: '1',
-		target: '2',
-		class: 'edge-class-test'
+		target: '2'
 	},
 	{
-		id: 'edge-with-style',
+		id: 'second-edge',
 		source: '1',
-		target: '3',
-		style: 'stroke: red;'
+		target: '3'
 	}
 ];
diff --git a/examples/svelte/src/routes/tests/pane/non-default/+page.svelte b/examples/svelte/src/routes/tests/pane/non-default/+page.svelte
new file mode 100644
index 000000000..12dec33ca
--- /dev/null
+++ b/examples/svelte/src/routes/tests/pane/non-default/+page.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+	import { SvelteFlowProvider } from '@xyflow/svelte';
+
+	import Flow from './Flow.svelte';
+</script>
+
+<SvelteFlowProvider>
+	<Flow />
+</SvelteFlowProvider>
diff --git a/examples/svelte/src/routes/tests/pane/non-default/Flow.svelte b/examples/svelte/src/routes/tests/pane/non-default/Flow.svelte
new file mode 100644
index 000000000..d06a8de35
--- /dev/null
+++ b/examples/svelte/src/routes/tests/pane/non-default/Flow.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import { initialNodes, initialEdges } from './nodesAndEdges';
+	import { SvelteFlow } from '@xyflow/svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodes = writable(initialNodes);
+	const edges = writable(initialEdges);
+</script>
+
+<SvelteFlow
+	{nodes}
+	{edges}
+	panOnScroll={true}
+	initialViewport={{ x: 1.23, y: 9.87, zoom: 1.234 }}
+	autoPanOnConnect={false}
+	autoPanOnNodeDrag={false}
+/>
diff --git a/examples/svelte/src/routes/tests/pane/non-default/nodesAndEdges.ts b/examples/svelte/src/routes/tests/pane/non-default/nodesAndEdges.ts
new file mode 100644
index 000000000..7d2e05227
--- /dev/null
+++ b/examples/svelte/src/routes/tests/pane/non-default/nodesAndEdges.ts
@@ -0,0 +1,33 @@
+import type { Edge, Node } from '@xyflow/svelte';
+
+export const initialNodes: Node[] = [
+	{
+		id: '1',
+		data: { label: '1' },
+		position: { x: 0, y: 0 },
+		type: 'input'
+	},
+	{
+		id: '2',
+		data: { label: '2' },
+		position: { x: -100, y: 100 }
+	},
+	{
+		id: '3',
+		data: { label: '3' },
+		position: { x: 100, y: 100 }
+	}
+];
+
+export const initialEdges: Edge[] = [
+	{
+		id: 'first-edge',
+		source: '1',
+		target: '2'
+	},
+	{
+		id: 'second-edge',
+		source: '1',
+		target: '3'
+	}
+];
diff --git a/tests/playwright/e2e/pane.spec.ts b/tests/playwright/e2e/pane.spec.ts
index c3899f122..fab03bdb9 100644
--- a/tests/playwright/e2e/pane.spec.ts
+++ b/tests/playwright/e2e/pane.spec.ts
@@ -1,15 +1,36 @@
 import { test, expect } from '@playwright/test';
 
 import { FRAMEWORK } from './constants';
+import { transform } from 'typescript';
 
-test.describe('PANE', () => {
+const MATCH_ALL_NUMBERS = /[\d\.]+/g;
+
+// Type "Locator" not exported...
+async function getTransform(element) {
+  const transformString = await element.evaluate((el) => {
+    return el.style.transform;
+  });
+
+  // Parses all numbers in f.ex "translate(590px, 324px) scale(2)""
+  const transforms = transformString.match(MATCH_ALL_NUMBERS);
+  return {
+    translateX: parseFloat(transforms![0]),
+    translateY: parseFloat(transforms![1]),
+    scale: parseFloat(transforms![2]),
+  };
+}
+
+test.describe('PANE DEFAULT', () => {
   test.beforeEach(async ({ page }) => {
     // Go to the starting url before each test.
-    await page.goto('/tests/pane');
+    await page.goto('/tests/pane/default');
+
+    // Wait till the edges are rendered
+    await page.waitForSelector('#first-edge', { timeout: 5000 });
   });
 
-  test.describe('pan', () => {
-    test('panning the pane', async ({ page }) => {
+  test.describe('pan & zoom', () => {
+    test('panning the pane moves it', async ({ page }) => {
       const pane = page.locator(`.${FRAMEWORK}-flow__pane`);
       const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
 
@@ -17,20 +38,151 @@ test.describe('PANE', () => {
 
       const paneBox = await pane.boundingBox();
 
-      const viewportTransformBeforePan = await viewport.evaluate((element) => {
-        return element.style.transform;
-      });
+      const transformsBefore = await getTransform(viewport);
 
       await pane.hover();
       await page.mouse.down();
-      await page.mouse.move(paneBox!.x + 150, paneBox!.y + 100);
-      await page.mouse.up();
+      // Move pane by 100, 100
+      await page.mouse.move(paneBox!.x + paneBox!.width * 0.5 + 100, paneBox!.y + paneBox!.height * 0.5 + 100);
+
+      const transformsAfter = await getTransform(viewport);
+
+      expect(transformsAfter.translateX - transformsBefore.translateX).toBe(100);
+      expect(transformsAfter.translateY - transformsBefore.translateY).toBe(100);
+    });
+
+    test('scrolling the default pane zooms it', async ({ page }) => {
+      const pane = page.locator(`.${FRAMEWORK}-flow__pane`);
+      const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
+
+      await expect(pane).toBeAttached();
+
+      const transformsBefore = await getTransform(viewport);
+
+      await pane.hover();
+      await page.mouse.wheel(0, 100);
+
+      const transformsAfter = await getTransform(viewport);
+
+      expect(transformsAfter.scale).not.toBe(transformsBefore.scale);
+    });
+  });
+
+  test.describe('minZoom & maxZoom', () => {
+    test('minZoom works as intended', async ({ page }) => {
+      const pane = page.locator(`.${FRAMEWORK}-flow__pane`);
+      const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
+
+      await expect(pane).toBeAttached();
+
+      await pane.hover();
 
-      const viewportTransformAfterPan = await viewport.evaluate((element) => {
-        return element.style.transform;
-      });
+      // Zoom out
+      await page.mouse.wheel(5000, 5000);
 
-      expect(viewportTransformBeforePan).toBe(viewportTransformAfterPan);
+      const transformsMinZoom = await getTransform(viewport);
+      expect(transformsMinZoom.scale).toBe(0.25);
+    });
+
+    test('maxZoom works as intended', async ({ page }) => {
+      const pane = page.locator(`.${FRAMEWORK}-flow__pane`);
+      const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
+
+      await expect(pane).toBeAttached();
+
+      await pane.hover();
+
+      // Zoom in
+      await page.mouse.wheel(-5000, -5000);
+
+      const transformsMaxZoom = await getTransform(viewport);
+      expect(transformsMaxZoom.scale).toBe(4);
+    });
+  });
+
+  test.describe('autoPan', () => {
+    test('autoPanOnNodeDrag works as intended', async ({ page }) => {
+      const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
+      const node = page.locator('[data-id="1"]');
+
+      await expect(node).toBeAttached();
+
+      const transformBefore = await getTransform(viewport);
+
+      await node.hover();
+      await page.mouse.down();
+      await page.mouse.move(0, 0);
+      await page.waitForTimeout(500);
+      await page.mouse.move(100, 100);
+
+      const transformAfter = await getTransform(viewport);
+
+      await expect(transformAfter.translateX).toBeGreaterThan(transformBefore.translateX);
+      await expect(transformAfter.translateY).toBeGreaterThan(transformBefore.translateY);
+    });
+
+    test('autoPanOnConnect works as intended', async ({ page }) => {
+      const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
+      const handle = page.locator('[data-id="1"] .svelte-flow__handle');
+
+      await expect(handle).toBeAttached();
+
+      const transformBefore = await getTransform(viewport);
+
+      await handle.hover();
+      await page.mouse.down();
+      await page.mouse.move(0, 0);
+      await page.waitForTimeout(500);
+      await page.mouse.move(100, 100);
+
+      const transformAfter = await getTransform(viewport);
+
+      await expect(transformAfter.translateX).toBeGreaterThan(transformBefore.translateX);
+      await expect(transformAfter.translateY).toBeGreaterThan(transformBefore.translateY);
     });
   });
 });
+
+test.describe('PANE NON-DEFAULT', () => {
+  test.beforeEach(async ({ page }) => {
+    // Go to the starting url before each test.
+    await page.goto('/tests/pane/non-default');
+
+    // Wait till the edges are rendered
+    await page.waitForSelector('#first-edge', { timeout: 5000 });
+  });
+
+  test.describe('pan & zoom', () => {
+    test('panOnScroll pans the pane on scrolling', async ({ page }) => {
+      const pane = page.locator(`.${FRAMEWORK}-flow__pane`);
+      const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
+
+      await expect(pane).toBeAttached();
+
+      const transformsBefore = await getTransform(viewport);
+
+      await pane.hover();
+      await page.mouse.wheel(100, 100);
+
+      const transformsAfter = await getTransform(viewport);
+
+      expect(transformsAfter.translateX).not.toBe(transformsBefore.translateX);
+      expect(transformsAfter.translateY).not.toBe(transformsBefore.translateY);
+    });
+
+    test('intialViewport', async ({ page }) => {
+      const pane = page.locator(`.${FRAMEWORK}-flow__pane`);
+      const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
+
+      await expect(pane).toBeAttached();
+
+      const viewportTransform = await getTransform(viewport);
+
+      expect(viewportTransform.translateX).toBe(1.23);
+      expect(viewportTransform.translateY).toBe(9.87);
+      expect(viewportTransform.scale).toBe(1.234);
+    });
+  });
+});
+
+//TODO: Inverse: Not zooming/panning when disabled

From bbd5973d669ae0c089244424573e4eff3685a54d Mon Sep 17 00:00:00 2001
From: spky <11074890+juspky@users.noreply.github.com>
Date: Fri, 3 Nov 2023 00:48:46 +0100
Subject: [PATCH 0307/1093] feat(react): Support Mutiple useOnSelectionChange
 Hook subscribers

---
 .../examples/UseOnSelectionChange/index.tsx   |  35 +-
 .../components/SelectionListener/index.tsx    |   2 +-
 .../react/src/hooks/useOnSelectionChange.ts   |   9 +-
 packages/react/src/store/initialState.ts      |   1 +
 packages/react/src/types/store.ts             |   4 +-
 pnpm-lock.yaml                                | 704 +-----------------
 6 files changed, 69 insertions(+), 686 deletions(-)

diff --git a/examples/react/src/examples/UseOnSelectionChange/index.tsx b/examples/react/src/examples/UseOnSelectionChange/index.tsx
index a9f91adf0..f1d8ffeb3 100644
--- a/examples/react/src/examples/UseOnSelectionChange/index.tsx
+++ b/examples/react/src/examples/UseOnSelectionChange/index.tsx
@@ -1,5 +1,5 @@
-import { useCallback } from 'react';
-import {
+import { useCallback, useState } from 'react';
+import  {
   ReactFlow,
   addEdge,
   ReactFlowProvider,
@@ -35,9 +35,9 @@ const initialEdges: Edge[] = [
   },
 ];
 
-const SelectionLogger = () => {
+const SelectionLogger = ({ id }: { id: string }) => {
   const onChange = useCallback(({ nodes, edges }: OnSelectionChangeParams) => {
-    console.log(nodes, edges);
+    console.log(id, nodes, edges);
   }, []);
 
   useOnSelectionChange({
@@ -63,14 +63,23 @@ const Flow = () => {
   );
 };
 
-const WrappedFlow = () => (
-  <ReactFlowProvider>
-    <Flow />
-    <SelectionLogger />
-    <div style={{ position: 'absolute', right: 10, top: 10, zIndex: 4 }}>
-      <input type={'text'} placeholder={'name'} />
-    </div>
-  </ReactFlowProvider>
-);
+const WrappedFlow = () => {
+  const [secondLoggerActive, setSecondLoggerActive] = useState<boolean>(false);
+
+  const toggleSecondLogger = () => {
+    setSecondLoggerActive(!secondLoggerActive);
+  };
+
+  return (
+    <ReactFlowProvider>
+      <Flow />
+      <SelectionLogger id="Logger 1" />
+      {secondLoggerActive && <SelectionLogger id="Logger 2" />}
+      <div style={{ position: 'absolute', right: 10, top: 10, zIndex: 4 }}>
+        <button onClick={toggleSecondLogger}>{secondLoggerActive ? 'Disable' : 'Enable'} Logger 2</button>
+      </div>
+    </ReactFlowProvider>
+  );
+};
 
 export default WrappedFlow;
diff --git a/packages/react/src/components/SelectionListener/index.tsx b/packages/react/src/components/SelectionListener/index.tsx
index 92644f851..c26888b8b 100644
--- a/packages/react/src/components/SelectionListener/index.tsx
+++ b/packages/react/src/components/SelectionListener/index.tsx
@@ -33,7 +33,7 @@ const SelectionListener = memo(({ onSelectionChange }: SelectionListenerProps) =
   useEffect(() => {
     const params = { nodes: selectedNodes, edges: selectedEdges };
     onSelectionChange?.(params);
-    store.getState().onSelectionChange?.(params);
+    store.getState().onSelectionChange.forEach((fn) => fn(params));
   }, [selectedNodes, selectedEdges, onSelectionChange]);
 
   return null;
diff --git a/packages/react/src/hooks/useOnSelectionChange.ts b/packages/react/src/hooks/useOnSelectionChange.ts
index 323f23a80..8ac71464e 100644
--- a/packages/react/src/hooks/useOnSelectionChange.ts
+++ b/packages/react/src/hooks/useOnSelectionChange.ts
@@ -4,14 +4,19 @@ import { useStoreApi } from './useStore';
 import type { OnSelectionChangeFunc } from '../types';
 
 export type UseOnSelectionChangeOptions = {
-  onChange?: OnSelectionChangeFunc;
+  onChange: OnSelectionChangeFunc;
 };
 
 function useOnSelectionChange({ onChange }: UseOnSelectionChangeOptions) {
   const store = useStoreApi();
 
   useEffect(() => {
-    store.setState({ onSelectionChange: onChange });
+    const addedOnSelectionChange = [...store.getState().onSelectionChange, onChange];
+    store.setState({ onSelectionChange: addedOnSelectionChange });
+    return () => {
+      const removedOnSelectionChange = store.getState().onSelectionChange.filter((fn) => fn !== onChange);
+      store.setState({ onSelectionChange: removedOnSelectionChange });
+    };
   }, [onChange]);
 }
 
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index b87310f99..3bbd80530 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -92,6 +92,7 @@ const getInitialState = ({
     connectionRadius: 20,
     onError: () => null,
     isValidConnection: undefined,
+    onSelectionChange: [],
 
     lib: 'react',
   };
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index f79cb8742..47ffd28b3 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -123,8 +123,8 @@ export type ReactFlowStore = {
   onViewportChangeStart?: OnViewportChange;
   onViewportChange?: OnViewportChange;
   onViewportChangeEnd?: OnViewportChange;
-
-  onSelectionChange?: OnSelectionChangeFunc;
+  
+  onSelectionChange: OnSelectionChangeFunc[];
 
   ariaLiveMessage: string;
   autoPanOnConnect: boolean;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 981e66bf7..bc38c2124 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -90,40 +90,6 @@ importers:
         specifier: ^4.2.1
         version: registry.npmjs.org/svelte@4.2.1
 
-  examples/next-xyflow:
-    dependencies:
-      '@xyflow/react':
-        specifier: workspace:^
-        version: link:../../packages/react
-      next:
-        specifier: 13.5.4
-        version: registry.npmjs.org/next@13.5.4(react-dom@18.2.0)(react@18.2.0)
-      react:
-        specifier: ^18
-        version: registry.npmjs.org/react@18.2.0
-      react-dom:
-        specifier: ^18
-        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
-    devDependencies:
-      '@types/node':
-        specifier: ^20
-        version: registry.npmjs.org/@types/node@20.0.0
-      '@types/react':
-        specifier: ^18
-        version: registry.npmjs.org/@types/react@18.2.24
-      '@types/react-dom':
-        specifier: ^18
-        version: registry.npmjs.org/@types/react-dom@18.2.8
-      eslint:
-        specifier: ^8
-        version: registry.npmjs.org/eslint@8.43.0
-      eslint-config-next:
-        specifier: 13.5.4
-        version: registry.npmjs.org/eslint-config-next@13.5.4(eslint@8.43.0)(typescript@5.1.3)
-      typescript:
-        specifier: ^5
-        version: registry.npmjs.org/typescript@5.1.3
-
   examples/react:
     dependencies:
       '@xyflow/react':
@@ -1853,119 +1819,6 @@ packages:
       read-yaml-file: registry.npmjs.org/read-yaml-file@1.1.0
     dev: true
 
-  registry.npmjs.org/@next/env@13.5.4:
-    resolution: {integrity: sha512-LGegJkMvRNw90WWphGJ3RMHMVplYcOfRWf2Be3td3sUa+1AaxmsYyANsA+znrGCBjXJNi4XAQlSoEfUxs/4kIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/env/-/env-13.5.4.tgz}
-    name: '@next/env'
-    version: 13.5.4
-    dev: false
-
-  registry.npmjs.org/@next/eslint-plugin-next@13.5.4:
-    resolution: {integrity: sha512-vI94U+D7RNgX6XypSyjeFrOzxGlZyxOplU0dVE5norIfZGn/LDjJYPHdvdsR5vN1eRtl6PDAsOHmycFEOljK5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-13.5.4.tgz}
-    name: '@next/eslint-plugin-next'
-    version: 13.5.4
-    dependencies:
-      glob: registry.npmjs.org/glob@7.1.7
-    dev: true
-
-  registry.npmjs.org/@next/swc-darwin-arm64@13.5.4:
-    resolution: {integrity: sha512-Df8SHuXgF1p+aonBMcDPEsaahNo2TCwuie7VXED4FVyECvdXfRT9unapm54NssV9tF3OQFKBFOdlje4T43VO0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.4.tgz}
-    name: '@next/swc-darwin-arm64'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  registry.npmjs.org/@next/swc-darwin-x64@13.5.4:
-    resolution: {integrity: sha512-siPuUwO45PnNRMeZnSa8n/Lye5ZX93IJom9wQRB5DEOdFrw0JjOMu1GINB8jAEdwa7Vdyn1oJ2xGNaQpdQQ9Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.4.tgz}
-    name: '@next/swc-darwin-x64'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  registry.npmjs.org/@next/swc-linux-arm64-gnu@13.5.4:
-    resolution: {integrity: sha512-l/k/fvRP/zmB2jkFMfefmFkyZbDkYW0mRM/LB+tH5u9pB98WsHXC0WvDHlGCYp3CH/jlkJPL7gN8nkTQVrQ/2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.4.tgz}
-    name: '@next/swc-linux-arm64-gnu'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  registry.npmjs.org/@next/swc-linux-arm64-musl@13.5.4:
-    resolution: {integrity: sha512-YYGb7SlLkI+XqfQa8VPErljb7k9nUnhhRrVaOdfJNCaQnHBcvbT7cx/UjDQLdleJcfyg1Hkn5YSSIeVfjgmkTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.4.tgz}
-    name: '@next/swc-linux-arm64-musl'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  registry.npmjs.org/@next/swc-linux-x64-gnu@13.5.4:
-    resolution: {integrity: sha512-uE61vyUSClnCH18YHjA8tE1prr/PBFlBFhxBZis4XBRJoR+txAky5d7gGNUIbQ8sZZ7LVkSVgm/5Fc7mwXmRAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.4.tgz}
-    name: '@next/swc-linux-x64-gnu'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  registry.npmjs.org/@next/swc-linux-x64-musl@13.5.4:
-    resolution: {integrity: sha512-qVEKFYML/GvJSy9CfYqAdUexA6M5AklYcQCW+8JECmkQHGoPxCf04iMh7CPR7wkHyWWK+XLt4Ja7hhsPJtSnhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.4.tgz}
-    name: '@next/swc-linux-x64-musl'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  registry.npmjs.org/@next/swc-win32-arm64-msvc@13.5.4:
-    resolution: {integrity: sha512-mDSQfqxAlfpeZOLPxLymZkX0hYF3juN57W6vFHTvwKlnHfmh12Pt7hPIRLYIShk8uYRsKPtMTth/EzpwRI+u8w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.4.tgz}
-    name: '@next/swc-win32-arm64-msvc'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  registry.npmjs.org/@next/swc-win32-ia32-msvc@13.5.4:
-    resolution: {integrity: sha512-aoqAT2XIekIWoriwzOmGFAvTtVY5O7JjV21giozBTP5c6uZhpvTWRbmHXbmsjZqY4HnEZQRXWkSAppsIBweKqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.4.tgz}
-    name: '@next/swc-win32-ia32-msvc'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  registry.npmjs.org/@next/swc-win32-x64-msvc@13.5.4:
-    resolution: {integrity: sha512-cyRvlAxwlddlqeB9xtPSfNSCRy8BOa4wtMo0IuI9P7Y0XT2qpDrpFKRyZ7kUngZis59mPVla5k8X1oOJ8RxDYg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.4.tgz}
-    name: '@next/swc-win32-x64-msvc'
-    version: 13.5.4
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: false
-    optional: true
-
   registry.npmjs.org/@nodelib/fs.scandir@2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz}
     name: '@nodelib/fs.scandir'
@@ -2113,12 +1966,6 @@ packages:
       rollup: registry.npmjs.org/rollup@3.23.0
     dev: true
 
-  registry.npmjs.org/@rushstack/eslint-patch@1.5.1:
-    resolution: {integrity: sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz}
-    name: '@rushstack/eslint-patch'
-    version: 1.5.1
-    dev: true
-
   registry.npmjs.org/@sideway/address@4.1.4:
     resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz}
     name: '@sideway/address'
@@ -2390,14 +2237,6 @@ packages:
     version: 0.1.2
     dev: true
 
-  registry.npmjs.org/@swc/helpers@0.5.2:
-    resolution: {integrity: sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz}
-    name: '@swc/helpers'
-    version: 0.5.2
-    dependencies:
-      tslib: registry.npmjs.org/tslib@2.6.2
-    dev: false
-
   registry.npmjs.org/@swc/types@0.1.5:
     resolution: {integrity: sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/types/-/types-0.1.5.tgz}
     name: '@swc/types'
@@ -2742,12 +2581,6 @@ packages:
     version: 7.0.14
     dev: true
 
-  registry.npmjs.org/@types/json5@0.0.29:
-    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz}
-    name: '@types/json5'
-    version: 0.0.29
-    dev: true
-
   registry.npmjs.org/@types/json5@0.0.30:
     resolution: {integrity: sha512-sqm9g7mHlPY/43fcSNrCYfOeX9zkTTK+euO5E6+CVijSMm5tTjkVdwdqRkY3ljjIAf8679vps5jKUoJBCLsMDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json5/-/json5-0.0.30.tgz}
     name: '@types/json5'
@@ -2808,16 +2641,11 @@ packages:
     version: 18.7.16
     dev: true
 
-  registry.npmjs.org/@types/node@20.0.0:
-    resolution: {integrity: sha512-cD2uPTDnQQCVpmRefonO98/PPijuOnnEy5oytWJFPY1N9aJCz2wJ5kSGWO+zJoed2cY2JxQh6yBuUq4vIn61hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-20.0.0.tgz}
-    name: '@types/node'
-    version: 20.0.0
-    dev: true
-
   registry.npmjs.org/@types/node@20.8.7:
     resolution: {integrity: sha512-21TKHHh3eUHIi2MloeptJWALuCu5H7HQTdTrWIFReA8ad+aggoX+lRes3ex7/FtpC+sVUpFMQ+QTfYr74mruiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-20.8.7.tgz}
     name: '@types/node'
     version: 20.8.7
+    requiresBuild: true
     dependencies:
       undici-types: registry.npmjs.org/undici-types@5.25.3
     dev: true
@@ -3011,29 +2839,6 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser@5.62.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/5.62.0
-    name: '@typescript-eslint/parser'
-    version: 5.62.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@5.62.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.62.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@5.62.0(typescript@5.1.3)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      typescript: registry.npmjs.org/typescript@5.1.3
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.8.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/parser/6.8.0
@@ -3068,16 +2873,6 @@ packages:
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.60.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager@5.62.0:
-    resolution: {integrity: sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz}
-    name: '@typescript-eslint/scope-manager'
-    version: 5.62.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.62.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.62.0
-    dev: true
-
   registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0:
     resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.8.0.tgz}
     name: '@typescript-eslint/scope-manager'
@@ -3141,13 +2936,6 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types@5.62.0:
-    resolution: {integrity: sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz}
-    name: '@typescript-eslint/types'
-    version: 5.62.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
-
   registry.npmjs.org/@typescript-eslint/types@6.8.0:
     resolution: {integrity: sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-6.8.0.tgz}
     name: '@typescript-eslint/types'
@@ -3179,30 +2967,6 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree@5.62.0(typescript@5.1.3):
-    resolution: {integrity: sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.62.0
-    name: '@typescript-eslint/typescript-estree'
-    version: 5.62.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.62.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.62.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      globby: registry.npmjs.org/globby@11.1.0
-      is-glob: registry.npmjs.org/is-glob@4.0.3
-      semver: registry.npmjs.org/semver@7.5.4
-      tsutils: registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3)
-      typescript: registry.npmjs.org/typescript@5.1.3
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3):
     resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.8.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.8.0
@@ -3282,16 +3046,6 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys@5.62.0:
-    resolution: {integrity: sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz}
-    name: '@typescript-eslint/visitor-keys'
-    version: 5.62.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.62.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
-    dev: true
-
   registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0:
     resolution: {integrity: sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.8.0.tgz}
     name: '@typescript-eslint/visitor-keys'
@@ -3508,19 +3262,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/array.prototype.findlastindex@1.2.3:
-    resolution: {integrity: sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz}
-    name: array.prototype.findlastindex
-    version: 1.2.3
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
-      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-    dev: true
-
   registry.npmjs.org/array.prototype.flat@1.3.2:
     resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz}
     name: array.prototype.flat
@@ -3594,12 +3335,6 @@ packages:
     engines: {node: '>=0.8'}
     dev: true
 
-  registry.npmjs.org/ast-types-flow@0.0.7:
-    resolution: {integrity: sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz}
-    name: ast-types-flow
-    version: 0.0.7
-    dev: true
-
   registry.npmjs.org/astral-regex@2.0.0:
     resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz}
     name: astral-regex
@@ -3748,13 +3483,6 @@ packages:
     version: 1.12.0
     dev: true
 
-  registry.npmjs.org/axe-core@4.8.2:
-    resolution: {integrity: sha512-/dlp0fxyM3R8YW7MFzaHWXrf4zzbr0vaYb23VBFCl83R7nWNPg/yaQw2Dc8jzCMmDVLhSdzH8MjrsuIUuvX+6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axe-core/-/axe-core-4.8.2.tgz}
-    name: axe-core
-    version: 4.8.2
-    engines: {node: '>=4'}
-    dev: true
-
   registry.npmjs.org/axios@0.21.4(debug@4.3.2):
     resolution: {integrity: sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axios/-/axios-0.21.4.tgz}
     id: registry.npmjs.org/axios/0.21.4
@@ -3777,6 +3505,7 @@ packages:
     resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/b4a/-/b4a-1.6.4.tgz}
     name: b4a
     version: 1.6.4
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -3824,6 +3553,7 @@ packages:
     resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/bl/-/bl-4.1.0.tgz}
     name: bl
     version: 4.1.0
+    requiresBuild: true
     dependencies:
       buffer: registry.npmjs.org/buffer@5.7.1
       inherits: registry.npmjs.org/inherits@2.0.4
@@ -3963,6 +3693,7 @@ packages:
     engines: {node: '>=10.16.0'}
     dependencies:
       streamsearch: registry.npmjs.org/streamsearch@1.1.0
+    dev: true
 
   registry.npmjs.org/cachedir@2.4.0:
     resolution: {integrity: sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cachedir/-/cachedir-2.4.0.tgz}
@@ -4119,6 +3850,7 @@ packages:
     resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz}
     name: chownr
     version: 1.1.4
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -4194,12 +3926,6 @@ packages:
       string-width: registry.npmjs.org/string-width@4.2.3
     dev: true
 
-  registry.npmjs.org/client-only@0.0.1:
-    resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz}
-    name: client-only
-    version: 0.0.1
-    dev: false
-
   registry.npmjs.org/cliui@6.0.0:
     resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz}
     name: cliui
@@ -4275,6 +4001,7 @@ packages:
     resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz}
     name: color-string
     version: 1.9.1
+    requiresBuild: true
     dependencies:
       color-name: registry.npmjs.org/color-name@1.1.4
       simple-swizzle: registry.npmjs.org/simple-swizzle@0.2.2
@@ -4286,6 +4013,7 @@ packages:
     name: color
     version: 4.2.3
     engines: {node: '>=12.5.0'}
+    requiresBuild: true
     dependencies:
       color-convert: registry.npmjs.org/color-convert@2.0.1
       color-string: registry.npmjs.org/color-string@1.9.1
@@ -4745,12 +4473,6 @@ packages:
       lodash: registry.npmjs.org/lodash@4.17.21
     dev: false
 
-  registry.npmjs.org/damerau-levenshtein@1.0.8:
-    resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz}
-    name: damerau-levenshtein
-    version: 1.0.8
-    dev: true
-
   registry.npmjs.org/dashdash@1.14.1:
     resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz}
     name: dashdash
@@ -4867,6 +4589,7 @@ packages:
     name: decompress-response
     version: 6.0.0
     engines: {node: '>=10'}
+    requiresBuild: true
     dependencies:
       mimic-response: registry.npmjs.org/mimic-response@3.1.0
     dev: false
@@ -4882,6 +4605,7 @@ packages:
     name: deep-extend
     version: 0.6.0
     engines: {node: '>=4.0.0'}
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -4959,6 +4683,7 @@ packages:
     name: detect-libc
     version: 2.0.2
     engines: {node: '>=8'}
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -5111,6 +4836,7 @@ packages:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz}
     name: emoji-regex
     version: 9.2.2
+    dev: false
 
   registry.npmjs.org/end-of-stream@1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz}
@@ -5119,16 +4845,6 @@ packages:
     dependencies:
       once: registry.npmjs.org/once@1.4.0
 
-  registry.npmjs.org/enhanced-resolve@5.15.0:
-    resolution: {integrity: sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz}
-    name: enhanced-resolve
-    version: 5.15.0
-    engines: {node: '>=10.13.0'}
-    dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
-      tapable: registry.npmjs.org/tapable@2.2.1
-    dev: true
-
   registry.npmjs.org/enquirer@2.4.1:
     resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/enquirer/-/enquirer-2.4.1.tgz}
     name: enquirer
@@ -5353,34 +5069,6 @@ packages:
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/eslint-config-next@13.5.4(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-FzQGIj4UEszRX7fcRSJK6L1LrDiVZvDFW320VVntVKh3BSU8Fb9kpaoxQx0cdFgf3MQXdeSbrCXJ/5Z/NndDkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-13.5.4.tgz}
-    id: registry.npmjs.org/eslint-config-next/13.5.4
-    name: eslint-config-next
-    version: 13.5.4
-    peerDependencies:
-      eslint: ^7.23.0 || ^8.0.0
-      typescript: '>=3.3.1'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@next/eslint-plugin-next': registry.npmjs.org/@next/eslint-plugin-next@13.5.4
-      '@rushstack/eslint-patch': registry.npmjs.org/@rushstack/eslint-patch@1.5.1
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@5.62.0(eslint@8.43.0)(typescript@5.1.3)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-import-resolver-node: registry.npmjs.org/eslint-import-resolver-node@0.3.9
-      eslint-import-resolver-typescript: registry.npmjs.org/eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0)(eslint@8.43.0)
-      eslint-plugin-import: registry.npmjs.org/eslint-plugin-import@2.29.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)
-      eslint-plugin-jsx-a11y: registry.npmjs.org/eslint-plugin-jsx-a11y@6.7.1(eslint@8.43.0)
-      eslint-plugin-react: registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.43.0)
-      eslint-plugin-react-hooks: registry.npmjs.org/eslint-plugin-react-hooks@4.6.0(eslint@8.43.0)
-      typescript: registry.npmjs.org/typescript@5.1.3
-    transitivePeerDependencies:
-      - eslint-import-resolver-webpack
-      - supports-color
-    dev: true
-
   registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0):
     resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz}
     id: registry.npmjs.org/eslint-config-prettier/8.8.0
@@ -5405,175 +5093,6 @@ packages:
       eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo@1.10.15(eslint@8.43.0)
     dev: true
 
-  registry.npmjs.org/eslint-import-resolver-node@0.3.9:
-    resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz}
-    name: eslint-import-resolver-node
-    version: 0.3.9
-    dependencies:
-      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
-      is-core-module: registry.npmjs.org/is-core-module@2.13.1
-      resolve: registry.npmjs.org/resolve@1.22.8
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0)(eslint@8.43.0):
-    resolution: {integrity: sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz}
-    id: registry.npmjs.org/eslint-import-resolver-typescript/3.6.1
-    name: eslint-import-resolver-typescript
-    version: 3.6.1
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '*'
-      eslint-plugin-import: '*'
-    dependencies:
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      enhanced-resolve: registry.npmjs.org/enhanced-resolve@5.15.0
-      eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-module-utils: registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.43.0)
-      eslint-plugin-import: registry.npmjs.org/eslint-plugin-import@2.29.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)
-      fast-glob: registry.npmjs.org/fast-glob@3.3.1
-      get-tsconfig: registry.npmjs.org/get-tsconfig@4.7.2
-      is-core-module: registry.npmjs.org/is-core-module@2.13.1
-      is-glob: registry.npmjs.org/is-glob@4.0.3
-    transitivePeerDependencies:
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-node
-      - eslint-import-resolver-webpack
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.43.0):
-    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz}
-    id: registry.npmjs.org/eslint-module-utils/2.8.0
-    name: eslint-module-utils
-    version: 2.8.0
-    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
-    dependencies:
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@5.62.0(eslint@8.43.0)(typescript@5.1.3)
-      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-import-resolver-node: registry.npmjs.org/eslint-import-resolver-node@0.3.9
-      eslint-import-resolver-typescript: registry.npmjs.org/eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0)(eslint@8.43.0)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint@8.43.0):
-    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz}
-    id: registry.npmjs.org/eslint-module-utils/2.8.0
-    name: eslint-module-utils
-    version: 2.8.0
-    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
-    dependencies:
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)
-      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-import-resolver-node: registry.npmjs.org/eslint-import-resolver-node@0.3.9
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/eslint-plugin-import@2.29.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0):
-    resolution: {integrity: sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz}
-    id: registry.npmjs.org/eslint-plugin-import/2.29.0
-    name: eslint-plugin-import
-    version: 2.29.0
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-    dependencies:
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)
-      array-includes: registry.npmjs.org/array-includes@3.1.7
-      array.prototype.findlastindex: registry.npmjs.org/array.prototype.findlastindex@1.2.3
-      array.prototype.flat: registry.npmjs.org/array.prototype.flat@1.3.2
-      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.2
-      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
-      doctrine: registry.npmjs.org/doctrine@2.1.0
-      eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-import-resolver-node: registry.npmjs.org/eslint-import-resolver-node@0.3.9
-      eslint-module-utils: registry.npmjs.org/eslint-module-utils@2.8.0(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint@8.43.0)
-      hasown: registry.npmjs.org/hasown@2.0.0
-      is-core-module: registry.npmjs.org/is-core-module@2.13.1
-      is-glob: registry.npmjs.org/is-glob@4.0.3
-      minimatch: registry.npmjs.org/minimatch@3.1.2
-      object.fromentries: registry.npmjs.org/object.fromentries@2.0.7
-      object.groupby: registry.npmjs.org/object.groupby@1.0.1
-      object.values: registry.npmjs.org/object.values@1.1.7
-      semver: registry.npmjs.org/semver@6.3.1
-      tsconfig-paths: registry.npmjs.org/tsconfig-paths@3.14.2
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/eslint-plugin-jsx-a11y@6.7.1(eslint@8.43.0):
-    resolution: {integrity: sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz}
-    id: registry.npmjs.org/eslint-plugin-jsx-a11y/6.7.1
-    name: eslint-plugin-jsx-a11y
-    version: 6.7.1
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      aria-query: registry.npmjs.org/aria-query@5.3.0
-      array-includes: registry.npmjs.org/array-includes@3.1.7
-      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.2
-      ast-types-flow: registry.npmjs.org/ast-types-flow@0.0.7
-      axe-core: registry.npmjs.org/axe-core@4.8.2
-      axobject-query: registry.npmjs.org/axobject-query@3.2.1
-      damerau-levenshtein: registry.npmjs.org/damerau-levenshtein@1.0.8
-      emoji-regex: registry.npmjs.org/emoji-regex@9.2.2
-      eslint: registry.npmjs.org/eslint@8.43.0
-      has: registry.npmjs.org/has@1.0.4
-      jsx-ast-utils: registry.npmjs.org/jsx-ast-utils@3.3.5
-      language-tags: registry.npmjs.org/language-tags@1.0.5
-      minimatch: registry.npmjs.org/minimatch@3.1.2
-      object.entries: registry.npmjs.org/object.entries@1.1.7
-      object.fromentries: registry.npmjs.org/object.fromentries@2.0.7
-      semver: registry.npmjs.org/semver@6.3.1
-    dev: true
-
   registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8):
     resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz}
     id: registry.npmjs.org/eslint-plugin-prettier/4.2.1
@@ -5594,18 +5113,6 @@ packages:
       prettier-linter-helpers: registry.npmjs.org/prettier-linter-helpers@1.0.0
     dev: true
 
-  registry.npmjs.org/eslint-plugin-react-hooks@4.6.0(eslint@8.43.0):
-    resolution: {integrity: sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz}
-    id: registry.npmjs.org/eslint-plugin-react-hooks/4.6.0
-    name: eslint-plugin-react-hooks
-    version: 4.6.0
-    engines: {node: '>=10'}
-    peerDependencies:
-      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
-    dependencies:
-      eslint: registry.npmjs.org/eslint@8.43.0
-    dev: true
-
   registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.43.0):
     resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz}
     id: registry.npmjs.org/eslint-plugin-react/7.33.2
@@ -5915,6 +5422,7 @@ packages:
     name: expand-template
     version: 2.0.3
     engines: {node: '>=6'}
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -5989,6 +5497,7 @@ packages:
     resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz}
     name: fast-fifo
     version: 1.3.2
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -6156,6 +5665,7 @@ packages:
     resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz}
     name: fs-constants
     version: 1.0.0
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -6306,14 +5816,6 @@ packages:
       get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
     dev: true
 
-  registry.npmjs.org/get-tsconfig@4.7.2:
-    resolution: {integrity: sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz}
-    name: get-tsconfig
-    version: 4.7.2
-    dependencies:
-      resolve-pkg-maps: registry.npmjs.org/resolve-pkg-maps@1.0.0
-    dev: true
-
   registry.npmjs.org/getos@3.2.1:
     resolution: {integrity: sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/getos/-/getos-3.2.1.tgz}
     name: getos
@@ -6334,6 +5836,7 @@ packages:
     resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz}
     name: github-from-package
     version: 0.0.0
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -6360,25 +5863,6 @@ packages:
       is-glob: registry.npmjs.org/is-glob@4.0.3
     dev: true
 
-  registry.npmjs.org/glob-to-regexp@0.4.1:
-    resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz}
-    name: glob-to-regexp
-    version: 0.4.1
-    dev: false
-
-  registry.npmjs.org/glob@7.1.7:
-    resolution: {integrity: sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-7.1.7.tgz}
-    name: glob
-    version: 7.1.7
-    dependencies:
-      fs.realpath: registry.npmjs.org/fs.realpath@1.0.0
-      inflight: registry.npmjs.org/inflight@1.0.6
-      inherits: registry.npmjs.org/inherits@2.0.4
-      minimatch: registry.npmjs.org/minimatch@3.1.2
-      once: registry.npmjs.org/once@1.4.0
-      path-is-absolute: registry.npmjs.org/path-is-absolute@1.0.1
-    dev: true
-
   registry.npmjs.org/glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-7.2.3.tgz}
     name: glob
@@ -6566,13 +6050,6 @@ packages:
       has-symbols: registry.npmjs.org/has-symbols@1.0.3
     dev: true
 
-  registry.npmjs.org/has@1.0.4:
-    resolution: {integrity: sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has/-/has-1.0.4.tgz}
-    name: has
-    version: 1.0.4
-    engines: {node: '>= 0.4.0'}
-    dev: true
-
   registry.npmjs.org/hasown@2.0.0:
     resolution: {integrity: sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz}
     name: hasown
@@ -6813,6 +6290,7 @@ packages:
     resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ini/-/ini-1.3.8.tgz}
     name: ini
     version: 1.3.8
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -6854,6 +6332,7 @@ packages:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz}
     name: is-arrayish
     version: 0.3.2
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -7334,15 +6813,6 @@ packages:
     version: 5.0.1
     dev: true
 
-  registry.npmjs.org/json5@1.0.2:
-    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json5/-/json5-1.0.2.tgz}
-    name: json5
-    version: 1.0.2
-    hasBin: true
-    dependencies:
-      minimist: registry.npmjs.org/minimist@1.2.8
-    dev: true
-
   registry.npmjs.org/json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json5/-/json5-2.2.3.tgz}
     name: json5
@@ -7431,20 +6901,6 @@ packages:
     version: 0.27.0
     dev: true
 
-  registry.npmjs.org/language-subtag-registry@0.3.22:
-    resolution: {integrity: sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz}
-    name: language-subtag-registry
-    version: 0.3.22
-    dev: true
-
-  registry.npmjs.org/language-tags@1.0.5:
-    resolution: {integrity: sha512-qJhlO9cGXi6hBGKoxEG/sKZDAHD5Hnu9Hs4WbOY3pCWXDhw0N8x1NenNzm2EnNLkLkk7J2SdxAkDSbb6ftT+UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz}
-    name: language-tags
-    version: 1.0.5
-    dependencies:
-      language-subtag-registry: registry.npmjs.org/language-subtag-registry@0.3.22
-    dev: true
-
   registry.npmjs.org/lazy-ass@1.6.0:
     resolution: {integrity: sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lazy-ass/-/lazy-ass-1.6.0.tgz}
     name: lazy-ass
@@ -8261,6 +7717,7 @@ packages:
     name: mimic-response
     version: 3.1.0
     engines: {node: '>=10'}
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -8315,6 +7772,7 @@ packages:
     resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz}
     name: mkdirp-classic
     version: 0.5.3
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -8367,6 +7825,7 @@ packages:
     resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-1.0.2.tgz}
     name: napi-build-utils
     version: 1.0.2
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -8396,48 +7855,6 @@ packages:
       - supports-color
     dev: false
 
-  registry.npmjs.org/next@13.5.4(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-+93un5S779gho8y9ASQhb/bTkQF17FNQOtXLKAj3lsNgltEcF0C5PMLLncDmH+8X1EnJH1kbqAERa29nRXqhjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/next/-/next-13.5.4.tgz}
-    id: registry.npmjs.org/next/13.5.4
-    name: next
-    version: 13.5.4
-    engines: {node: '>=16.14.0'}
-    hasBin: true
-    peerDependencies:
-      '@opentelemetry/api': ^1.1.0
-      react: ^18.2.0
-      react-dom: ^18.2.0
-      sass: ^1.3.0
-    peerDependenciesMeta:
-      '@opentelemetry/api':
-        optional: true
-      sass:
-        optional: true
-    dependencies:
-      '@next/env': registry.npmjs.org/@next/env@13.5.4
-      '@swc/helpers': registry.npmjs.org/@swc/helpers@0.5.2
-      busboy: registry.npmjs.org/busboy@1.6.0
-      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001553
-      postcss: registry.npmjs.org/postcss@8.4.31
-      react: registry.npmjs.org/react@18.2.0
-      react-dom: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
-      styled-jsx: registry.npmjs.org/styled-jsx@5.1.1(react@18.2.0)
-      watchpack: registry.npmjs.org/watchpack@2.4.0
-    optionalDependencies:
-      '@next/swc-darwin-arm64': registry.npmjs.org/@next/swc-darwin-arm64@13.5.4
-      '@next/swc-darwin-x64': registry.npmjs.org/@next/swc-darwin-x64@13.5.4
-      '@next/swc-linux-arm64-gnu': registry.npmjs.org/@next/swc-linux-arm64-gnu@13.5.4
-      '@next/swc-linux-arm64-musl': registry.npmjs.org/@next/swc-linux-arm64-musl@13.5.4
-      '@next/swc-linux-x64-gnu': registry.npmjs.org/@next/swc-linux-x64-gnu@13.5.4
-      '@next/swc-linux-x64-musl': registry.npmjs.org/@next/swc-linux-x64-musl@13.5.4
-      '@next/swc-win32-arm64-msvc': registry.npmjs.org/@next/swc-win32-arm64-msvc@13.5.4
-      '@next/swc-win32-ia32-msvc': registry.npmjs.org/@next/swc-win32-ia32-msvc@13.5.4
-      '@next/swc-win32-x64-msvc': registry.npmjs.org/@next/swc-win32-x64-msvc@13.5.4
-    transitivePeerDependencies:
-      - '@babel/core'
-      - babel-plugin-macros
-    dev: false
-
   registry.npmjs.org/nlcst-to-string@3.1.1:
     resolution: {integrity: sha512-63mVyqaqt0cmn2VcI2aH6kxe1rLAmSROqHMA0i4qqg1tidkfExgpb0FGMikMCn86mw5dFtBtEANfmSSK7TjNHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-3.1.1.tgz}
     name: nlcst-to-string
@@ -8459,6 +7876,7 @@ packages:
     name: node-abi
     version: 3.51.0
     engines: {node: '>=10'}
+    requiresBuild: true
     dependencies:
       semver: registry.npmjs.org/semver@7.5.4
     dev: false
@@ -8468,6 +7886,7 @@ packages:
     resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz}
     name: node-addon-api
     version: 6.1.0
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -8594,17 +8013,6 @@ packages:
       es-abstract: registry.npmjs.org/es-abstract@1.22.3
     dev: true
 
-  registry.npmjs.org/object.groupby@1.0.1:
-    resolution: {integrity: sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz}
-    name: object.groupby
-    version: 1.0.1
-    dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-    dev: true
-
   registry.npmjs.org/object.hasown@1.1.3:
     resolution: {integrity: sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz}
     name: object.hasown
@@ -9486,6 +8894,7 @@ packages:
     version: 7.1.1
     engines: {node: '>=10'}
     hasBin: true
+    requiresBuild: true
     dependencies:
       detect-libc: registry.npmjs.org/detect-libc@2.0.2
       expand-template: registry.npmjs.org/expand-template@2.0.3
@@ -9684,6 +9093,7 @@ packages:
     resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/queue-tick/-/queue-tick-1.0.1.tgz}
     name: queue-tick
     version: 1.0.1
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -9707,6 +9117,7 @@ packages:
     name: rc
     version: 1.2.8
     hasBin: true
+    requiresBuild: true
     dependencies:
       deep-extend: registry.npmjs.org/deep-extend@0.6.0
       ini: registry.npmjs.org/ini@1.3.8
@@ -10006,12 +9417,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/resolve-pkg-maps@1.0.0:
-    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz}
-    name: resolve-pkg-maps
-    version: 1.0.0
-    dev: true
-
   registry.npmjs.org/resolve@1.22.8:
     resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz}
     name: resolve
@@ -10407,6 +9812,7 @@ packages:
     resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz}
     name: simple-concat
     version: 1.0.1
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -10414,6 +9820,7 @@ packages:
     resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz}
     name: simple-get
     version: 4.0.1
+    requiresBuild: true
     dependencies:
       decompress-response: registry.npmjs.org/decompress-response@6.0.0
       once: registry.npmjs.org/once@1.4.0
@@ -10425,6 +9832,7 @@ packages:
     resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz}
     name: simple-swizzle
     version: 0.2.2
+    requiresBuild: true
     dependencies:
       is-arrayish: registry.npmjs.org/is-arrayish@0.3.2
     dev: false
@@ -10685,11 +10093,13 @@ packages:
     name: streamsearch
     version: 1.1.0
     engines: {node: '>=10.0.0'}
+    dev: true
 
   registry.npmjs.org/streamx@2.15.1:
     resolution: {integrity: sha512-fQMzy2O/Q47rgwErk/eGeLu/roaFWV0jVsogDmrszM9uIw8L5OA+t+V93MgYlufNptfjmYR1tOMWhei/Eh7TQA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/streamx/-/streamx-2.15.1.tgz}
     name: streamx
     version: 2.15.1
+    requiresBuild: true
     dependencies:
       fast-fifo: registry.npmjs.org/fast-fifo@1.3.2
       queue-tick: registry.npmjs.org/queue-tick@1.0.1
@@ -10857,6 +10267,7 @@ packages:
     name: strip-json-comments
     version: 2.0.1
     engines: {node: '>=0.10.0'}
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -10867,26 +10278,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/styled-jsx@5.1.1(react@18.2.0):
-    resolution: {integrity: sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz}
-    id: registry.npmjs.org/styled-jsx/5.1.1
-    name: styled-jsx
-    version: 5.1.1
-    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
-    dependencies:
-      client-only: registry.npmjs.org/client-only@0.0.1
-      react: registry.npmjs.org/react@18.2.0
-    dev: false
-
   registry.npmjs.org/stylehacks@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stylehacks/-/stylehacks-6.0.0.tgz}
     id: registry.npmjs.org/stylehacks/6.0.0
@@ -11194,17 +10585,11 @@ packages:
       picocolors: registry.npmjs.org/picocolors@1.0.0
     dev: true
 
-  registry.npmjs.org/tapable@2.2.1:
-    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz}
-    name: tapable
-    version: 2.2.1
-    engines: {node: '>=6'}
-    dev: true
-
   registry.npmjs.org/tar-fs@2.1.1:
     resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz}
     name: tar-fs
     version: 2.1.1
+    requiresBuild: true
     dependencies:
       chownr: registry.npmjs.org/chownr@1.1.4
       mkdirp-classic: registry.npmjs.org/mkdirp-classic@0.5.3
@@ -11217,6 +10602,7 @@ packages:
     resolution: {integrity: sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.4.tgz}
     name: tar-fs
     version: 3.0.4
+    requiresBuild: true
     dependencies:
       mkdirp-classic: registry.npmjs.org/mkdirp-classic@0.5.3
       pump: registry.npmjs.org/pump@3.0.0
@@ -11229,6 +10615,7 @@ packages:
     name: tar-stream
     version: 2.2.0
     engines: {node: '>=6'}
+    requiresBuild: true
     dependencies:
       bl: registry.npmjs.org/bl@4.1.0
       end-of-stream: registry.npmjs.org/end-of-stream@1.4.4
@@ -11242,6 +10629,7 @@ packages:
     resolution: {integrity: sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.6.tgz}
     name: tar-stream
     version: 3.1.6
+    requiresBuild: true
     dependencies:
       b4a: registry.npmjs.org/b4a@1.6.4
       fast-fifo: registry.npmjs.org/fast-fifo@1.3.2
@@ -11388,17 +10776,6 @@ packages:
       typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
-  registry.npmjs.org/tsconfig-paths@3.14.2:
-    resolution: {integrity: sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz}
-    name: tsconfig-paths
-    version: 3.14.2
-    dependencies:
-      '@types/json5': registry.npmjs.org/@types/json5@0.0.29
-      json5: registry.npmjs.org/json5@1.0.2
-      minimist: registry.npmjs.org/minimist@1.2.8
-      strip-bom: registry.npmjs.org/strip-bom@3.0.0
-    dev: true
-
   registry.npmjs.org/tsconfig-resolver@3.0.1:
     resolution: {integrity: sha512-ZHqlstlQF449v8glscGRXzL6l2dZvASPCdXJRWG4gHEZlUVx2Jtmr+a2zeVG4LCsKhDXKRj5R3h0C/98UcVAQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsconfig-resolver/-/tsconfig-resolver-3.0.1.tgz}
     name: tsconfig-resolver
@@ -11678,6 +11055,7 @@ packages:
     resolution: {integrity: sha512-Ga1jfYwRn7+cP9v8auvEXN1rX3sWqlayd4HP7OKk4mZWylEmu3KzXDUGrQUN6Ol7qo1gPvB2e5gX6udnyEPgdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici-types/-/undici-types-5.25.3.tgz}
     name: undici-types
     version: 5.25.3
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -12033,16 +11411,6 @@ packages:
       - debug
     dev: true
 
-  registry.npmjs.org/watchpack@2.4.0:
-    resolution: {integrity: sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz}
-    name: watchpack
-    version: 2.4.0
-    engines: {node: '>=10.13.0'}
-    dependencies:
-      glob-to-regexp: registry.npmjs.org/glob-to-regexp@0.4.1
-      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
-    dev: false
-
   registry.npmjs.org/wcwidth@1.0.1:
     resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz}
     name: wcwidth

From 57e6e389c9c05f34fcffbe3aa621502b1e373533 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 7 Nov 2023 13:04:13 +0100
Subject: [PATCH 0308/1093] implemented generic tests for config based test
 flow creation

---
 tests/playwright/e2e/edges.spec.ts           | 2 +-
 tests/playwright/e2e/nodes.spec.ts           | 2 +-
 tests/playwright/e2e/pane.spec.ts            | 5 ++---
 tests/playwright/playwright.svelte.config.ts | 4 ++--
 4 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/tests/playwright/e2e/edges.spec.ts b/tests/playwright/e2e/edges.spec.ts
index 033bc1076..1318ee4bb 100644
--- a/tests/playwright/e2e/edges.spec.ts
+++ b/tests/playwright/e2e/edges.spec.ts
@@ -5,7 +5,7 @@ import { FRAMEWORK } from './constants';
 test.describe('EDGES', () => {
   test.beforeEach(async ({ page }) => {
     // Go to the starting url before each test.
-    await page.goto('/tests/edges');
+    await page.goto('/tests/generic/edges/general');
 
     // Timeout get's ignored and tests timeout after 200ms ???
     // page.waitForSelector('[data-id="edge-with-class"]', { timeout: 5000 });
diff --git a/tests/playwright/e2e/nodes.spec.ts b/tests/playwright/e2e/nodes.spec.ts
index 697cefa69..f0e97b0ce 100644
--- a/tests/playwright/e2e/nodes.spec.ts
+++ b/tests/playwright/e2e/nodes.spec.ts
@@ -5,7 +5,7 @@ import { FRAMEWORK } from './constants';
 test.describe('NODES', () => {
   test.beforeEach(async ({ page }) => {
     // Go to the starting url before each test.
-    await page.goto('/tests/nodes');
+    await page.goto('/tests/generic/nodes/general');
   });
 
   test.describe('selection', () => {
diff --git a/tests/playwright/e2e/pane.spec.ts b/tests/playwright/e2e/pane.spec.ts
index fab03bdb9..9c3d83a0f 100644
--- a/tests/playwright/e2e/pane.spec.ts
+++ b/tests/playwright/e2e/pane.spec.ts
@@ -1,7 +1,6 @@
 import { test, expect } from '@playwright/test';
 
 import { FRAMEWORK } from './constants';
-import { transform } from 'typescript';
 
 const MATCH_ALL_NUMBERS = /[\d\.]+/g;
 
@@ -23,7 +22,7 @@ async function getTransform(element) {
 test.describe('PANE DEFAULT', () => {
   test.beforeEach(async ({ page }) => {
     // Go to the starting url before each test.
-    await page.goto('/tests/pane/default');
+    await page.goto('/tests/generic/pane/general');
 
     // Wait till the edges are rendered
     await page.waitForSelector('#first-edge', { timeout: 5000 });
@@ -146,7 +145,7 @@ test.describe('PANE DEFAULT', () => {
 test.describe('PANE NON-DEFAULT', () => {
   test.beforeEach(async ({ page }) => {
     // Go to the starting url before each test.
-    await page.goto('/tests/pane/non-default');
+    await page.goto('/tests/generic/pane/non-defaults');
 
     // Wait till the edges are rendered
     await page.waitForSelector('#first-edge', { timeout: 5000 });
diff --git a/tests/playwright/playwright.svelte.config.ts b/tests/playwright/playwright.svelte.config.ts
index f92bd3dca..b08b566c0 100644
--- a/tests/playwright/playwright.svelte.config.ts
+++ b/tests/playwright/playwright.svelte.config.ts
@@ -1,4 +1,4 @@
-import { defineConfig, devices } from '@playwright/test';
+import { defineConfig } from '@playwright/test';
 import { sharedConfigWithPort } from './playwright.shared.config';
 
 const port = 5173;
@@ -6,7 +6,7 @@ const port = 5173;
 export default defineConfig({
   ...sharedConfigWithPort(port),
   webServer: {
-    command: 'cd ../../examples/svelte && pnpm run dev',
+    command: 'cd ../../examples/svelte && pnpm run dev --port 5173',
     port: port,
     reuseExistingServer: !process.env.CI,
   },

From 3676670c4403a63dd4d3d18c2c66e591ff61655b Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 7 Nov 2023 13:04:44 +0100
Subject: [PATCH 0309/1093] implemented generic tests for config based test
 flow creation

---
 examples/svelte/src/app.d.ts                  |   7 +
 .../svelte/src/generic-tests/edges/general.ts | 161 ++++++++++++++++++
 .../nodes/components}/DragHandleNode.svelte   |   0
 .../svelte/src/generic-tests/nodes/general.ts |  91 ++++++++++
 .../svelte/src/generic-tests/pane/general.ts  |  37 ++++
 .../src/generic-tests/pane/non-defaults.ts    |  38 +++++
 .../svelte/src/routes/tests/edges/Flow.svelte |  12 --
 .../src/routes/tests/edges/nodesAndEdges.ts   | 157 -----------------
 .../[topic]/[example]}/+page.svelte           |   4 +-
 .../tests/generic/[topic]/[example]/+page.ts  |  22 +++
 .../generic/[topic]/[example]/Flow.svelte     |  16 ++
 .../src/routes/tests/nodes/+page.svelte       |   9 -
 .../svelte/src/routes/tests/nodes/Flow.svelte |  18 --
 .../src/routes/tests/nodes/nodesAndEdges.ts   |  84 ---------
 .../routes/tests/pane/default/+page.svelte    |   9 -
 .../src/routes/tests/pane/default/Flow.svelte |  12 --
 .../tests/pane/default/nodesAndEdges.ts       |  33 ----
 .../tests/pane/non-default/+page.svelte       |   9 -
 .../routes/tests/pane/non-default/Flow.svelte |  19 ---
 .../tests/pane/non-default/nodesAndEdges.ts   |  33 ----
 20 files changed, 375 insertions(+), 396 deletions(-)
 create mode 100644 examples/svelte/src/generic-tests/edges/general.ts
 rename examples/svelte/src/{routes/tests/nodes => generic-tests/nodes/components}/DragHandleNode.svelte (100%)
 create mode 100644 examples/svelte/src/generic-tests/nodes/general.ts
 create mode 100644 examples/svelte/src/generic-tests/pane/general.ts
 create mode 100644 examples/svelte/src/generic-tests/pane/non-defaults.ts
 delete mode 100644 examples/svelte/src/routes/tests/edges/Flow.svelte
 delete mode 100644 examples/svelte/src/routes/tests/edges/nodesAndEdges.ts
 rename examples/svelte/src/routes/tests/{edges => generic/[topic]/[example]}/+page.svelte (75%)
 create mode 100644 examples/svelte/src/routes/tests/generic/[topic]/[example]/+page.ts
 create mode 100644 examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
 delete mode 100644 examples/svelte/src/routes/tests/nodes/+page.svelte
 delete mode 100644 examples/svelte/src/routes/tests/nodes/Flow.svelte
 delete mode 100644 examples/svelte/src/routes/tests/nodes/nodesAndEdges.ts
 delete mode 100644 examples/svelte/src/routes/tests/pane/default/+page.svelte
 delete mode 100644 examples/svelte/src/routes/tests/pane/default/Flow.svelte
 delete mode 100644 examples/svelte/src/routes/tests/pane/default/nodesAndEdges.ts
 delete mode 100644 examples/svelte/src/routes/tests/pane/non-default/+page.svelte
 delete mode 100644 examples/svelte/src/routes/tests/pane/non-default/Flow.svelte
 delete mode 100644 examples/svelte/src/routes/tests/pane/non-default/nodesAndEdges.ts

diff --git a/examples/svelte/src/app.d.ts b/examples/svelte/src/app.d.ts
index f59b884c5..343f3fd6d 100644
--- a/examples/svelte/src/app.d.ts
+++ b/examples/svelte/src/app.d.ts
@@ -1,4 +1,7 @@
 // See https://kit.svelte.dev/docs/types#app
+
+import type { Edge, Node, SvelteFlowProps } from '@xyflow/svelte';
+
 // for information about these interfaces
 declare global {
 	namespace App {
@@ -7,6 +10,10 @@ declare global {
 		// interface PageData {}
 		// interface Platform {}
 	}
+
+	interface GenericTestCase {
+		svelteFlowProps: Omit<SvelteFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
+	}
 }
 
 export {};
diff --git a/examples/svelte/src/generic-tests/edges/general.ts b/examples/svelte/src/generic-tests/edges/general.ts
new file mode 100644
index 000000000..cc05aadaa
--- /dev/null
+++ b/examples/svelte/src/generic-tests/edges/general.ts
@@ -0,0 +1,161 @@
+import { MarkerType } from '@xyflow/svelte';
+
+export default {
+	svelteFlowProps: {
+		fitView: true,
+		nodes: [
+			{
+				id: '1',
+				data: { label: '1' },
+				position: { x: 0, y: 0 },
+				type: 'input'
+			},
+			{
+				id: '2',
+				data: { label: '2' },
+				position: { x: -100, y: 100 }
+			},
+			{
+				id: '3',
+				data: { label: '3' },
+				position: { x: 100, y: 100 }
+			},
+			{
+				id: '4',
+				data: { label: '4' },
+				position: { x: -100, y: 200 }
+			},
+			{
+				id: '5',
+				data: { label: '5' },
+				position: { x: 100, y: 200 }
+			},
+			{
+				id: '6',
+				data: { label: '6' },
+				position: { x: -100, y: 300 }
+			},
+			{
+				id: '7',
+				data: { label: '7' },
+				position: { x: 100, y: 300 }
+			},
+			{
+				id: '8',
+				data: { label: '8' },
+				position: { x: -100, y: 400 }
+			},
+			{
+				id: '9',
+				data: { label: '9' },
+				position: { x: 100, y: 400 }
+			},
+			{
+				id: '10',
+				data: { label: '10' },
+				position: { x: -100, y: 500 }
+			},
+			{
+				id: '11',
+				data: { label: '11' },
+				position: { x: 100, y: 500 }
+			}
+			// {
+			// 	id: '12',
+			// 	data: { label: '12' },
+			// 	position: { x: -100, y: 600 }
+			// },
+			// {
+			// 	id: '13',
+			// 	data: { label: '13' },
+			// 	position: { x: 100, y: 600 }
+			// }
+		],
+		edges: [
+			{
+				id: 'edge-with-class',
+				source: '1',
+				target: '2',
+				class: 'edge-class-test'
+			},
+			{
+				id: 'edge-with-style',
+				source: '1',
+				target: '3',
+				style: 'stroke: red;'
+			},
+			{
+				id: 'hidden-edge',
+				source: '2',
+				target: '4',
+				label: 'hidden',
+				hidden: true
+			},
+			{
+				id: 'animated-edge',
+				source: '3',
+				target: '5',
+				label: 'animated',
+				animated: true
+			},
+			{
+				id: 'not-selectable-edge',
+				source: '4',
+				target: '6',
+				label: 'not-selectable',
+				selectable: false
+			},
+			{
+				id: 'not-deletable',
+				source: '5',
+				target: '7',
+				label: 'not-deletable',
+				deletable: false
+			},
+			{
+				id: 'z-index',
+				source: '6',
+				target: '8',
+				label: 'z-index',
+				zIndex: 3141592
+			},
+			{
+				id: 'aria-label',
+				source: '7',
+				target: '9',
+				label: 'aria-label',
+				ariaLabel: 'aria-label-test'
+			},
+			{
+				id: 'interaction-width',
+				source: '8',
+				target: '10',
+				label: 'interaction-width',
+				interactionWidth: 42
+			},
+			{
+				id: 'markers',
+				source: '9',
+				target: '11',
+				label: 'markers',
+				markerEnd: { type: MarkerType.Arrow },
+				markerStart: { type: MarkerType.ArrowClosed }
+			}
+			// {
+			// 	id: 'updatable',
+			// 	source: '9',
+			// 	target: '11',
+			// 	label: 'focusable',
+			// 	updatable: true
+			// },
+			// {
+			// 	id: 'not-focusable',
+			//
+			// 	source: '5',
+			// 	target: '7',
+			// 	label: 'not-focusable',
+			// 	focusable: false
+			// },
+		]
+	}
+} satisfies GenericTestCase;
diff --git a/examples/svelte/src/routes/tests/nodes/DragHandleNode.svelte b/examples/svelte/src/generic-tests/nodes/components/DragHandleNode.svelte
similarity index 100%
rename from examples/svelte/src/routes/tests/nodes/DragHandleNode.svelte
rename to examples/svelte/src/generic-tests/nodes/components/DragHandleNode.svelte
diff --git a/examples/svelte/src/generic-tests/nodes/general.ts b/examples/svelte/src/generic-tests/nodes/general.ts
new file mode 100644
index 000000000..b7707a081
--- /dev/null
+++ b/examples/svelte/src/generic-tests/nodes/general.ts
@@ -0,0 +1,91 @@
+import DragHandleNode from './components/DragHandleNode.svelte';
+
+export default {
+	svelteFlowProps: {
+		fitView: true,
+		nodeTypes: {
+			DragHandleNode
+		},
+		nodes: [
+			{
+				id: 'Node-1',
+				data: { label: 'Node-1' },
+				position: { x: 0, y: 0 },
+				type: 'input',
+				class: 'playwright-test-class-123',
+				style: 'background-color: red;'
+			},
+			{
+				id: 'Node-2',
+				type: 'output',
+				data: { label: 'Node-2' },
+				position: { x: -100, y: 100 }
+			},
+			{
+				id: 'Node-3',
+				data: { label: 'Node-3' },
+				position: { x: 100, y: 100 }
+			},
+			{
+				id: 'Node-4',
+				data: { label: 'Node-4' },
+				position: { x: 0, y: 200 },
+				type: 'output'
+			},
+			{
+				id: 'drag-handle',
+				data: { label: 'Drag Handle' },
+				position: { x: 200, y: 0 },
+				type: 'DragHandleNode',
+				dragHandle: '.custom-drag-handle'
+			},
+			{
+				id: 'notConnectable',
+				type: 'output',
+				data: { label: 'notConnectable' },
+				position: { x: 0, y: 300 },
+				connectable: false
+			},
+			{
+				id: 'notDraggable',
+				data: { label: 'notDraggable' },
+				position: { x: 0, y: 400 },
+				draggable: false
+			},
+			{
+				id: 'notSelectable',
+				data: { label: 'notSelectable' },
+				position: { x: 0, y: 500 },
+				selectable: false
+			},
+			{
+				id: 'notDeletable',
+				data: { label: 'notDeletable' },
+				position: { x: 0, y: 600 },
+				deletable: false
+			},
+			{
+				id: 'hidden',
+				data: { label: 'hidden' },
+				position: { x: 0, y: 700 },
+				hidden: true
+			}
+		],
+		edges: [
+			{
+				id: '1-2',
+				type: 'default',
+				source: 'Node-1',
+				target: 'Node-2',
+				label: 'edge'
+			},
+			{
+				id: '1-3',
+				type: 'default',
+				source: 'Node-1',
+				target: 'Node-3',
+				label: 'edge'
+			}
+		]
+	}
+} satisfies GenericTestCase;
diff --git a/examples/svelte/src/generic-tests/pane/general.ts b/examples/svelte/src/generic-tests/pane/general.ts
new file mode 100644
index 000000000..5caac0035
--- /dev/null
+++ b/examples/svelte/src/generic-tests/pane/general.ts
@@ -0,0 +1,37 @@
+export default {
+	svelteFlowProps: {
+		minZoom: 0.25,
+		maxZoom: 4,
+		fitView: true,
+		nodes: [
+			{
+				id: '1',
+				data: { label: '1' },
+				position: { x: 0, y: 0 },
+				type: 'input'
+			},
+			{
+				id: '2',
+				data: { label: '2' },
+				position: { x: -100, y: 100 }
+			},
+			{
+				id: '3',
+				data: { label: '3' },
+				position: { x: 100, y: 100 }
+			}
+		],
+		edges: [
+			{
+				id: 'first-edge',
+				source: '1',
+				target: '2'
+			},
+			{
+				id: 'second-edge',
+				source: '1',
+				target: '3'
+			}
+		]
+	}
+} satisfies GenericTestCase;
diff --git a/examples/svelte/src/generic-tests/pane/non-defaults.ts b/examples/svelte/src/generic-tests/pane/non-defaults.ts
new file mode 100644
index 000000000..0d17e9541
--- /dev/null
+++ b/examples/svelte/src/generic-tests/pane/non-defaults.ts
@@ -0,0 +1,38 @@
+export default {
+	svelteFlowProps: {
+		panOnScroll: true,
+		initialViewport: { x: 1.23, y: 9.87, zoom: 1.234 },
+		autoPanOnConnect: false,
+		autoPanOnNodeDrag: false,
+		nodes: [
+			{
+				id: '1',
+				data: { label: '1' },
+				position: { x: 0, y: 0 },
+				type: 'input'
+			},
+			{
+				id: '2',
+				data: { label: '2' },
+				position: { x: -100, y: 100 }
+			},
+			{
+				id: '3',
+				data: { label: '3' },
+				position: { x: 100, y: 100 }
+			}
+		],
+		edges: [
+			{
+				id: 'first-edge',
+				source: '1',
+				target: '2'
+			},
+			{
+				id: 'second-edge',
+				source: '1',
+				target: '3'
+			}
+		]
+	}
+} satisfies GenericTestCase;
diff --git a/examples/svelte/src/routes/tests/edges/Flow.svelte b/examples/svelte/src/routes/tests/edges/Flow.svelte
deleted file mode 100644
index 6686c9078..000000000
--- a/examples/svelte/src/routes/tests/edges/Flow.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { writable } from 'svelte/store';
-	import { initialNodes, initialEdges } from './nodesAndEdges';
-	import { SvelteFlow } from '@xyflow/svelte';
-
-	import '@xyflow/svelte/dist/style.css';
-
-	const nodes = writable(initialNodes);
-	const edges = writable(initialEdges);
-</script>
-
-<SvelteFlow {nodes} {edges} fitView />
diff --git a/examples/svelte/src/routes/tests/edges/nodesAndEdges.ts b/examples/svelte/src/routes/tests/edges/nodesAndEdges.ts
deleted file mode 100644
index b5452b8c5..000000000
--- a/examples/svelte/src/routes/tests/edges/nodesAndEdges.ts
+++ /dev/null
@@ -1,157 +0,0 @@
-import { MarkerType, type Edge, type Node } from '@xyflow/svelte';
-
-export const initialNodes: Node[] = [
-	{
-		id: '1',
-		data: { label: '1' },
-		position: { x: 0, y: 0 },
-		type: 'input'
-	},
-	{
-		id: '2',
-		data: { label: '2' },
-		position: { x: -100, y: 100 }
-	},
-	{
-		id: '3',
-		data: { label: '3' },
-		position: { x: 100, y: 100 }
-	},
-	{
-		id: '4',
-		data: { label: '4' },
-		position: { x: -100, y: 200 }
-	},
-	{
-		id: '5',
-		data: { label: '5' },
-		position: { x: 100, y: 200 }
-	},
-	{
-		id: '6',
-		data: { label: '6' },
-		position: { x: -100, y: 300 }
-	},
-	{
-		id: '7',
-		data: { label: '7' },
-		position: { x: 100, y: 300 }
-	},
-	{
-		id: '8',
-		data: { label: '8' },
-		position: { x: -100, y: 400 }
-	},
-	{
-		id: '9',
-		data: { label: '9' },
-		position: { x: 100, y: 400 }
-	},
-	{
-		id: '10',
-		data: { label: '10' },
-		position: { x: -100, y: 500 }
-	},
-	{
-		id: '11',
-		data: { label: '11' },
-		position: { x: 100, y: 500 }
-	}
-	// {
-	// 	id: '12',
-	// 	data: { label: '12' },
-	// 	position: { x: -100, y: 600 }
-	// },
-	// {
-	// 	id: '13',
-	// 	data: { label: '13' },
-	// 	position: { x: 100, y: 600 }
-	// }
-];
-
-export const initialEdges: Edge[] = [
-	{
-		id: 'edge-with-class',
-		source: '1',
-		target: '2',
-		class: 'edge-class-test'
-	},
-	{
-		id: 'edge-with-style',
-		source: '1',
-		target: '3',
-		style: 'stroke: red;'
-	},
-	{
-		id: 'hidden-edge',
-		source: '2',
-		target: '4',
-		label: 'hidden',
-		hidden: true
-	},
-	{
-		id: 'animated-edge',
-		source: '3',
-		target: '5',
-		label: 'animated',
-		animated: true
-	},
-	{
-		id: 'not-selectable-edge',
-		source: '4',
-		target: '6',
-		label: 'not-selectable',
-		selectable: false
-	},
-	{
-		id: 'not-deletable',
-		source: '5',
-		target: '7',
-		label: 'not-deletable',
-		deletable: false
-	},
-	{
-		id: 'z-index',
-		source: '6',
-		target: '8',
-		label: 'z-index',
-		zIndex: 3141592
-	},
-	{
-		id: 'aria-label',
-		source: '7',
-		target: '9',
-		label: 'aria-label',
-		ariaLabel: 'aria-label-test'
-	},
-	{
-		id: 'interaction-width',
-		source: '8',
-		target: '10',
-		label: 'interaction-width',
-		interactionWidth: 42
-	},
-	{
-		id: 'markers',
-		source: '9',
-		target: '11',
-		label: 'markers',
-		markerEnd: { type: MarkerType.Arrow },
-		markerStart: { type: MarkerType.ArrowClosed }
-	}
-	// {
-	// 	id: 'updatable',
-	// 	source: '9',
-	// 	target: '11',
-	// 	label: 'focusable',
-	// 	updatable: true
-	// },
-	// {
-	// 	id: 'not-focusable',
-	//
-	// 	source: '5',
-	// 	target: '7',
-	// 	label: 'not-focusable',
-	// 	focusable: false
-	// },
-];
diff --git a/examples/svelte/src/routes/tests/edges/+page.svelte b/examples/svelte/src/routes/tests/generic/[topic]/[example]/+page.svelte
similarity index 75%
rename from examples/svelte/src/routes/tests/edges/+page.svelte
rename to examples/svelte/src/routes/tests/generic/[topic]/[example]/+page.svelte
index 12dec33ca..2487d85a2 100644
--- a/examples/svelte/src/routes/tests/edges/+page.svelte
+++ b/examples/svelte/src/routes/tests/generic/[topic]/[example]/+page.svelte
@@ -2,8 +2,10 @@
 	import { SvelteFlowProvider } from '@xyflow/svelte';
 
 	import Flow from './Flow.svelte';
+
+	export let data;
 </script>
 
 <SvelteFlowProvider>
-	<Flow />
+	<Flow generic={data.generic} />
 </SvelteFlowProvider>
diff --git a/examples/svelte/src/routes/tests/generic/[topic]/[example]/+page.ts b/examples/svelte/src/routes/tests/generic/[topic]/[example]/+page.ts
new file mode 100644
index 000000000..65f62996e
--- /dev/null
+++ b/examples/svelte/src/routes/tests/generic/[topic]/[example]/+page.ts
@@ -0,0 +1,22 @@
+import { error } from '@sveltejs/kit';
+
+/** @type {import('./$types').PageLoad} */
+export function load({ params }) {
+	try {
+		const genericTestCases = import.meta.glob<GenericTestCase>('/src/generic-tests/**/*.ts', {
+			eager: true,
+			import: 'default'
+		});
+
+		const generic = genericTestCases[`/src/generic-tests/${params.topic}/${params.example}.ts`];
+		if (generic) {
+			return {
+				generic
+			};
+		}
+	} catch (e) {
+		console.error(e);
+	}
+
+	throw error(404, 'Not found');
+}
diff --git a/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte b/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
new file mode 100644
index 000000000..40babf508
--- /dev/null
+++ b/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import { SvelteFlow } from '@xyflow/svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	export let generic: GenericTestCase;
+
+	// Create writables here so it is easier to create test cases
+	const nodes = writable(generic.svelteFlowProps.nodes);
+	const edges = writable(generic.svelteFlowProps.edges);
+
+	const svelteFlowPropsWithWritables = { ...generic.svelteFlowProps, nodes, edges };
+</script>
+
+<SvelteFlow {...svelteFlowPropsWithWritables} />
diff --git a/examples/svelte/src/routes/tests/nodes/+page.svelte b/examples/svelte/src/routes/tests/nodes/+page.svelte
deleted file mode 100644
index 12dec33ca..000000000
--- a/examples/svelte/src/routes/tests/nodes/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { SvelteFlowProvider } from '@xyflow/svelte';
-
-	import Flow from './Flow.svelte';
-</script>
-
-<SvelteFlowProvider>
-	<Flow />
-</SvelteFlowProvider>
diff --git a/examples/svelte/src/routes/tests/nodes/Flow.svelte b/examples/svelte/src/routes/tests/nodes/Flow.svelte
deleted file mode 100644
index 6f684cbf3..000000000
--- a/examples/svelte/src/routes/tests/nodes/Flow.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts">
-	import { writable } from 'svelte/store';
-	import { initialNodes, initialEdges } from './nodesAndEdges';
-	import { SvelteFlow } from '@xyflow/svelte';
-
-	import DragHandleNode from './DragHandleNode.svelte';
-
-	import '@xyflow/svelte/dist/style.css';
-
-	const nodes = writable(initialNodes);
-	const edges = writable(initialEdges);
-
-	const nodeTypes = {
-		DragHandleNode
-	};
-</script>
-
-<SvelteFlow {nodes} {nodeTypes} {edges} fitView />
diff --git a/examples/svelte/src/routes/tests/nodes/nodesAndEdges.ts b/examples/svelte/src/routes/tests/nodes/nodesAndEdges.ts
deleted file mode 100644
index bd382bef8..000000000
--- a/examples/svelte/src/routes/tests/nodes/nodesAndEdges.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import type { Edge, Node } from '@xyflow/svelte';
-
-export const initialNodes: Node[] = [
-	{
-		id: 'Node-1',
-		data: { label: 'Node-1' },
-		position: { x: 0, y: 0 },
-		type: 'input',
-		class: 'playwright-test-class-123',
-		style: 'background-color: red;'
-	},
-	{
-		id: 'Node-2',
-		type: 'output',
-		data: { label: 'Node-2' },
-		position: { x: -100, y: 100 }
-	},
-	{
-		id: 'Node-3',
-		data: { label: 'Node-3' },
-		position: { x: 100, y: 100 }
-	},
-	{
-		id: 'Node-4',
-		data: { label: 'Node-4' },
-		position: { x: 0, y: 200 },
-		type: 'output'
-	},
-	{
-		id: 'drag-handle',
-		data: { label: 'Drag Handle' },
-		position: { x: 200, y: 0 },
-		type: 'DragHandleNode',
-		dragHandle: '.custom-drag-handle'
-	},
-	{
-		id: 'notConnectable',
-		type: 'output',
-		data: { label: 'notConnectable' },
-		position: { x: 0, y: 300 },
-		connectable: false
-	},
-	{
-		id: 'notDraggable',
-		data: { label: 'notDraggable' },
-		position: { x: 0, y: 400 },
-		draggable: false
-	},
-	{
-		id: 'notSelectable',
-		data: { label: 'notSelectable' },
-		position: { x: 0, y: 500 },
-		selectable: false
-	},
-	{
-		id: 'notDeletable',
-		data: { label: 'notDeletable' },
-		position: { x: 0, y: 600 },
-		deletable: false
-	},
-	{
-		id: 'hidden',
-		data: { label: 'hidden' },
-		position: { x: 0, y: 700 },
-		hidden: true
-	}
-];
-
-export const initialEdges: Edge[] = [
-	{
-		id: '1-2',
-		type: 'default',
-		source: 'Node-1',
-		target: 'Node-2',
-		label: 'edge'
-	},
-	{
-		id: '1-3',
-		type: 'default',
-		source: 'Node-1',
-		target: 'Node-3',
-		label: 'edge'
-	}
-];
diff --git a/examples/svelte/src/routes/tests/pane/default/+page.svelte b/examples/svelte/src/routes/tests/pane/default/+page.svelte
deleted file mode 100644
index 12dec33ca..000000000
--- a/examples/svelte/src/routes/tests/pane/default/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { SvelteFlowProvider } from '@xyflow/svelte';
-
-	import Flow from './Flow.svelte';
-</script>
-
-<SvelteFlowProvider>
-	<Flow />
-</SvelteFlowProvider>
diff --git a/examples/svelte/src/routes/tests/pane/default/Flow.svelte b/examples/svelte/src/routes/tests/pane/default/Flow.svelte
deleted file mode 100644
index ae2093ed2..000000000
--- a/examples/svelte/src/routes/tests/pane/default/Flow.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { writable } from 'svelte/store';
-	import { initialNodes, initialEdges } from './nodesAndEdges';
-	import { SvelteFlow } from '@xyflow/svelte';
-
-	import '@xyflow/svelte/dist/style.css';
-
-	const nodes = writable(initialNodes);
-	const edges = writable(initialEdges);
-</script>
-
-<SvelteFlow {nodes} {edges} fitView minZoom={0.25} maxZoom={4} />
diff --git a/examples/svelte/src/routes/tests/pane/default/nodesAndEdges.ts b/examples/svelte/src/routes/tests/pane/default/nodesAndEdges.ts
deleted file mode 100644
index 7d2e05227..000000000
--- a/examples/svelte/src/routes/tests/pane/default/nodesAndEdges.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import type { Edge, Node } from '@xyflow/svelte';
-
-export const initialNodes: Node[] = [
-	{
-		id: '1',
-		data: { label: '1' },
-		position: { x: 0, y: 0 },
-		type: 'input'
-	},
-	{
-		id: '2',
-		data: { label: '2' },
-		position: { x: -100, y: 100 }
-	},
-	{
-		id: '3',
-		data: { label: '3' },
-		position: { x: 100, y: 100 }
-	}
-];
-
-export const initialEdges: Edge[] = [
-	{
-		id: 'first-edge',
-		source: '1',
-		target: '2'
-	},
-	{
-		id: 'second-edge',
-		source: '1',
-		target: '3'
-	}
-];
diff --git a/examples/svelte/src/routes/tests/pane/non-default/+page.svelte b/examples/svelte/src/routes/tests/pane/non-default/+page.svelte
deleted file mode 100644
index 12dec33ca..000000000
--- a/examples/svelte/src/routes/tests/pane/non-default/+page.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { SvelteFlowProvider } from '@xyflow/svelte';
-
-	import Flow from './Flow.svelte';
-</script>
-
-<SvelteFlowProvider>
-	<Flow />
-</SvelteFlowProvider>
diff --git a/examples/svelte/src/routes/tests/pane/non-default/Flow.svelte b/examples/svelte/src/routes/tests/pane/non-default/Flow.svelte
deleted file mode 100644
index d06a8de35..000000000
--- a/examples/svelte/src/routes/tests/pane/non-default/Flow.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { writable } from 'svelte/store';
-	import { initialNodes, initialEdges } from './nodesAndEdges';
-	import { SvelteFlow } from '@xyflow/svelte';
-
-	import '@xyflow/svelte/dist/style.css';
-
-	const nodes = writable(initialNodes);
-	const edges = writable(initialEdges);
-</script>
-
-<SvelteFlow
-	{nodes}
-	{edges}
-	panOnScroll={true}
-	initialViewport={{ x: 1.23, y: 9.87, zoom: 1.234 }}
-	autoPanOnConnect={false}
-	autoPanOnNodeDrag={false}
-/>
diff --git a/examples/svelte/src/routes/tests/pane/non-default/nodesAndEdges.ts b/examples/svelte/src/routes/tests/pane/non-default/nodesAndEdges.ts
deleted file mode 100644
index 7d2e05227..000000000
--- a/examples/svelte/src/routes/tests/pane/non-default/nodesAndEdges.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import type { Edge, Node } from '@xyflow/svelte';
-
-export const initialNodes: Node[] = [
-	{
-		id: '1',
-		data: { label: '1' },
-		position: { x: 0, y: 0 },
-		type: 'input'
-	},
-	{
-		id: '2',
-		data: { label: '2' },
-		position: { x: -100, y: 100 }
-	},
-	{
-		id: '3',
-		data: { label: '3' },
-		position: { x: 100, y: 100 }
-	}
-];
-
-export const initialEdges: Edge[] = [
-	{
-		id: 'first-edge',
-		source: '1',
-		target: '2'
-	},
-	{
-		id: 'second-edge',
-		source: '1',
-		target: '3'
-	}
-];

From b92df2ded28f1eaba62cf15365b8dae4c06e1b75 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 7 Nov 2023 14:44:18 +0100
Subject: [PATCH 0310/1093] created new test case

---
 .../src/generic-tests/pane/activation-keys.ts | 40 +++++++++++++++++
 tests/playwright/e2e/pane.spec.ts             | 43 ++++++++++++++++++-
 2 files changed, 81 insertions(+), 2 deletions(-)
 create mode 100644 examples/svelte/src/generic-tests/pane/activation-keys.ts

diff --git a/examples/svelte/src/generic-tests/pane/activation-keys.ts b/examples/svelte/src/generic-tests/pane/activation-keys.ts
new file mode 100644
index 000000000..e4dbe4e1f
--- /dev/null
+++ b/examples/svelte/src/generic-tests/pane/activation-keys.ts
@@ -0,0 +1,40 @@
+export default {
+	svelteFlowProps: {
+		zoomOnScroll: false,
+		// zoomActivationKey: 'Space',
+		// panOnDrag: false,
+		// panOnScroll: false,
+		panActivationKey: 'Space',
+		fitView: true,
+		nodes: [
+			{
+				id: '1',
+				data: { label: '1' },
+				position: { x: 0, y: 0 },
+				type: 'input'
+			},
+			{
+				id: '2',
+				data: { label: '2' },
+				position: { x: -100, y: 100 }
+			},
+			{
+				id: '3',
+				data: { label: '3' },
+				position: { x: 100, y: 100 }
+			}
+		],
+		edges: [
+			{
+				id: 'first-edge',
+				source: '1',
+				target: '2'
+			},
+			{
+				id: 'second-edge',
+				source: '1',
+				target: '3'
+			}
+		]
+	}
+} satisfies GenericTestCase;
diff --git a/tests/playwright/e2e/pane.spec.ts b/tests/playwright/e2e/pane.spec.ts
index 9c3d83a0f..6090beaca 100644
--- a/tests/playwright/e2e/pane.spec.ts
+++ b/tests/playwright/e2e/pane.spec.ts
@@ -182,6 +182,45 @@ test.describe('PANE NON-DEFAULT', () => {
       expect(viewportTransform.scale).toBe(1.234);
     });
   });
-});
 
-//TODO: Inverse: Not zooming/panning when disabled
+  test.describe('PANE ACTIVATION KEYS', () => {
+    test.beforeEach(async ({ page }) => {
+      // Go to the starting url before each test.
+      await page.goto('/tests/generic/pane/activation-keys');
+  
+      // Wait till the edges are rendered
+      await page.waitForSelector('#first-edge', { timeout: 5000 });
+    });
+  
+    test.describe('pan & zoom', () => {
+      test('panOnScroll pans the pane on scrolling', async ({ page }) => {
+        const pane = page.locator(`.${FRAMEWORK}-flow__pane`);
+        const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
+  
+        await expect(pane).toBeAttached();
+  
+        const transformsBefore = await getTransform(viewport);
+  
+        await pane.hover();
+        await page.mouse.wheel(100, 100);
+  
+        const transformsAfter = await getTransform(viewport);
+  
+        expect(transformsAfter.translateX).not.toBe(transformsBefore.translateX);
+        expect(transformsAfter.translateY).not.toBe(transformsBefore.translateY);
+      });
+  
+      test('intialViewport', async ({ page }) => {
+        const pane = page.locator(`.${FRAMEWORK}-flow__pane`);
+        const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
+  
+        await expect(pane).toBeAttached();
+  
+        const viewportTransform = await getTransform(viewport);
+  
+        expect(viewportTransform.translateX).toBe(1.23);
+        expect(viewportTransform.translateY).toBe(9.87);
+        expect(viewportTransform.scale).toBe(1.234);
+      });
+    });
+});

From 76f482a105739fca6124912e2ff9803b1cf43bde Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 7 Nov 2023 14:49:02 +0100
Subject: [PATCH 0311/1093] chore(svelte-examples) updated dependencies

---
 examples/svelte/package.json |  28 +-
 pnpm-lock.yaml               | 838 ++++++++++++++++++++++++++++++-----
 2 files changed, 734 insertions(+), 132 deletions(-)

diff --git a/examples/svelte/package.json b/examples/svelte/package.json
index 8cd6a14eb..03f324bf5 100644
--- a/examples/svelte/package.json
+++ b/examples/svelte/package.json
@@ -12,20 +12,20 @@
 		"format": "prettier --plugin-search-dir . --write ."
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-auto": "^2.0.0",
-		"@sveltejs/kit": "^1.20.4",
-		"@typescript-eslint/eslint-plugin": "^5.45.0",
-		"@typescript-eslint/parser": "^5.45.0",
-		"eslint": "^8.28.0",
-		"eslint-config-prettier": "^8.5.0",
-		"eslint-plugin-svelte": "^2.30.0",
-		"prettier": "^2.8.0",
-		"prettier-plugin-svelte": "^2.10.1",
-		"svelte": "^4.0.5",
-		"svelte-check": "^3.4.3",
-		"tslib": "^2.4.1",
-		"typescript": "^5.0.0",
-		"vite": "^4.4.2"
+		"@sveltejs/adapter-auto": "^2.1.1",
+		"@sveltejs/kit": "^1.27.3",
+		"@typescript-eslint/eslint-plugin": "^6.10.0",
+		"@typescript-eslint/parser": "^6.10.0",
+		"eslint": "^8.53.0",
+		"eslint-config-prettier": "^9.0.0",
+		"eslint-plugin-svelte": "^2.35.0",
+		"prettier": "^3.0.3",
+		"prettier-plugin-svelte": "^3.0.3",
+		"svelte": "^4.2.2",
+		"svelte-check": "^3.5.2",
+		"tslib": "^2.6.2",
+		"typescript": "^5.2.2",
+		"vite": "^4.5.0"
 	},
 	"type": "module",
 	"dependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 449ca1d34..9a622802b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,10 +16,10 @@ importers:
         version: registry.npmjs.org/@changesets/cli@2.25.0
       '@typescript-eslint/eslint-plugin':
         specifier: latest
-        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.9.0(@typescript-eslint/parser@6.9.0)(eslint@8.43.0)(typescript@5.1.3)
+        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.43.0)(typescript@5.1.3)
       '@typescript-eslint/parser':
         specifier: latest
-        version: registry.npmjs.org/@typescript-eslint/parser@6.9.0(eslint@8.43.0)(typescript@5.1.3)
+        version: registry.npmjs.org/@typescript-eslint/parser@6.10.0(eslint@8.43.0)(typescript@5.1.3)
       concurrently:
         specifier: ^7.6.0
         version: registry.npmjs.org/concurrently@7.6.0
@@ -61,10 +61,10 @@ importers:
     dependencies:
       '@astrojs/react':
         specifier: ^3.0.2
-        version: registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.4.9)
+        version: registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0)
       '@astrojs/svelte':
         specifier: ^4.0.2
-        version: registry.npmjs.org/@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.1.3)(vite@4.4.9)
+        version: registry.npmjs.org/@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.2.2)(vite@4.5.0)
       '@types/react':
         specifier: ^18.2.24
         version: registry.npmjs.org/@types/react@18.2.24
@@ -161,47 +161,47 @@ importers:
         version: link:../../packages/svelte
     devDependencies:
       '@sveltejs/adapter-auto':
-        specifier: ^2.0.0
-        version: registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6)
+        specifier: ^2.1.1
+        version: registry.npmjs.org/@sveltejs/adapter-auto@2.1.1(@sveltejs/kit@1.27.3)
       '@sveltejs/kit':
-        specifier: ^1.20.4
-        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.4.9)
+        specifier: ^1.27.3
+        version: registry.npmjs.org/@sveltejs/kit@1.27.3(svelte@4.2.2)(vite@4.5.0)
       '@typescript-eslint/eslint-plugin':
-        specifier: ^5.45.0
-        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3)
+        specifier: ^6.10.0
+        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2)
       '@typescript-eslint/parser':
-        specifier: ^5.45.0
-        version: registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+        specifier: ^6.10.0
+        version: registry.npmjs.org/@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2)
       eslint:
-        specifier: ^8.28.0
-        version: registry.npmjs.org/eslint@8.43.0
+        specifier: ^8.53.0
+        version: registry.npmjs.org/eslint@8.53.0
       eslint-config-prettier:
-        specifier: ^8.5.0
-        version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0)
+        specifier: ^9.0.0
+        version: registry.npmjs.org/eslint-config-prettier@9.0.0(eslint@8.53.0)
       eslint-plugin-svelte:
-        specifier: ^2.30.0
-        version: registry.npmjs.org/eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.1)
+        specifier: ^2.35.0
+        version: registry.npmjs.org/eslint-plugin-svelte@2.35.0(eslint@8.53.0)(svelte@4.2.2)
       prettier:
-        specifier: ^2.8.0
-        version: registry.npmjs.org/prettier@2.8.8
+        specifier: ^3.0.3
+        version: registry.npmjs.org/prettier@3.0.3
       prettier-plugin-svelte:
-        specifier: ^2.10.1
-        version: registry.npmjs.org/prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.2.1)
+        specifier: ^3.0.3
+        version: registry.npmjs.org/prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@4.2.2)
       svelte:
-        specifier: ^4.0.5
-        version: registry.npmjs.org/svelte@4.2.1
+        specifier: ^4.2.2
+        version: registry.npmjs.org/svelte@4.2.2
       svelte-check:
-        specifier: ^3.4.3
-        version: registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.31)(svelte@4.2.1)
+        specifier: ^3.5.2
+        version: registry.npmjs.org/svelte-check@3.5.2(postcss@8.4.31)(svelte@4.2.2)
       tslib:
-        specifier: ^2.4.1
-        version: registry.npmjs.org/tslib@2.5.3
+        specifier: ^2.6.2
+        version: registry.npmjs.org/tslib@2.6.2
       typescript:
-        specifier: ^5.0.0
-        version: registry.npmjs.org/typescript@5.1.3
+        specifier: ^5.2.2
+        version: registry.npmjs.org/typescript@5.2.2
       vite:
-        specifier: ^4.4.2
-        version: registry.npmjs.org/vite@4.4.9
+        specifier: ^4.5.0
+        version: registry.npmjs.org/vite@4.5.0
 
   packages/react:
     dependencies:
@@ -305,7 +305,7 @@ importers:
         version: registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6)
       '@sveltejs/kit':
         specifier: ^1.22.6
-        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.4.9)
+        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.0)
       '@sveltejs/package':
         specifier: ^2.2.1
         version: registry.npmjs.org/@sveltejs/package@2.2.1(svelte@4.2.1)(typescript@5.1.3)
@@ -498,7 +498,7 @@ packages:
       '@astrojs/prism': registry.npmjs.org/@astrojs/prism@3.0.0
       astro: registry.npmjs.org/astro@3.2.2
       github-slugger: registry.npmjs.org/github-slugger@2.0.0
-      import-meta-resolve: registry.npmjs.org/import-meta-resolve@3.0.0
+      import-meta-resolve: registry.npmjs.org/import-meta-resolve@3.1.1
       mdast-util-definitions: registry.npmjs.org/mdast-util-definitions@6.0.0
       rehype-raw: registry.npmjs.org/rehype-raw@6.1.1
       rehype-stringify: registry.npmjs.org/rehype-stringify@9.0.4
@@ -523,7 +523,7 @@ packages:
       prismjs: registry.npmjs.org/prismjs@1.29.0
     dev: false
 
-  registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.4.9):
+  registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0):
     resolution: {integrity: sha512-aooNIuQxTg+IWGMZPuIEwBeBi4/TCPCMsr3714zuLjAjukVd5ZrX/bCNxJqDWU4HNwUm4XFU1OhcEvYOHa5uMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/react/-/react-3.0.2.tgz}
     id: registry.npmjs.org/@astrojs/react/3.0.2
     name: '@astrojs/react'
@@ -537,7 +537,7 @@ packages:
     dependencies:
       '@types/react': registry.npmjs.org/@types/react@18.2.24
       '@types/react-dom': registry.npmjs.org/@types/react-dom@18.2.8
-      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react@4.0.4(vite@4.4.9)
+      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react@4.0.4(vite@4.5.0)
       react: registry.npmjs.org/react@18.2.0
       react-dom: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
       ultrahtml: registry.npmjs.org/ultrahtml@1.5.2
@@ -546,7 +546,7 @@ packages:
       - vite
     dev: false
 
-  registry.npmjs.org/@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.1.3)(vite@4.4.9):
+  registry.npmjs.org/@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.2.2)(vite@4.5.0):
     resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/svelte/-/svelte-4.0.2.tgz}
     id: registry.npmjs.org/@astrojs/svelte/4.0.2
     name: '@astrojs/svelte'
@@ -556,10 +556,10 @@ packages:
       astro: ^3.0.11
       svelte: ^3.55.0 || ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.4.9)
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0)
       astro: registry.npmjs.org/astro@3.2.2
       svelte: registry.npmjs.org/svelte@4.2.1
-      svelte2tsx: registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.1.3)
+      svelte2tsx: registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.2.2)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -1671,6 +1671,26 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
+  registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.53.0):
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz}
+    id: registry.npmjs.org/@eslint-community/eslint-utils/4.4.0
+    name: '@eslint-community/eslint-utils'
+    version: 4.4.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+    dependencies:
+      eslint: registry.npmjs.org/eslint@8.53.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
+    dev: true
+
+  registry.npmjs.org/@eslint-community/regexpp@4.10.0:
+    resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz}
+    name: '@eslint-community/regexpp'
+    version: 4.10.0
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+    dev: true
+
   registry.npmjs.org/@eslint-community/regexpp@4.9.1:
     resolution: {integrity: sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.9.1.tgz}
     name: '@eslint-community/regexpp'
@@ -1697,6 +1717,25 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@eslint/eslintrc@2.1.3:
+    resolution: {integrity: sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.3.tgz}
+    name: '@eslint/eslintrc'
+    version: 2.1.3
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      ajv: registry.npmjs.org/ajv@6.12.6
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      espree: registry.npmjs.org/espree@9.6.1
+      globals: registry.npmjs.org/globals@13.23.0
+      ignore: registry.npmjs.org/ignore@5.2.4
+      import-fresh: registry.npmjs.org/import-fresh@3.3.0
+      js-yaml: registry.npmjs.org/js-yaml@4.1.0
+      minimatch: registry.npmjs.org/minimatch@3.1.2
+      strip-json-comments: registry.npmjs.org/strip-json-comments@3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@eslint/js@8.43.0:
     resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/js/-/js-8.43.0.tgz}
     name: '@eslint/js'
@@ -1704,12 +1743,18 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
+  registry.npmjs.org/@eslint/js@8.53.0:
+    resolution: {integrity: sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/js/-/js-8.53.0.tgz}
+    name: '@eslint/js'
+    version: 8.53.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
   registry.npmjs.org/@fastify/busboy@2.0.0:
     resolution: {integrity: sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@fastify/busboy/-/busboy-2.0.0.tgz}
     name: '@fastify/busboy'
     version: 2.0.0
     engines: {node: '>=14'}
-    dev: false
 
   registry.npmjs.org/@hapi/hoek@9.3.0:
     resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz}
@@ -2000,11 +2045,23 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.4.9)
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.0)
       import-meta-resolve: registry.npmjs.org/import-meta-resolve@3.0.0
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.4.9):
+  registry.npmjs.org/@sveltejs/adapter-auto@2.1.1(@sveltejs/kit@1.27.3):
+    resolution: {integrity: sha512-nzi6x/7/3Axh5VKQ8Eed3pYxastxoa06Y/bFhWb7h3Nu+nGRVxKAy3+hBJgmPCwWScy8n0TsstZjSVKfyrIHkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-2.1.1.tgz}
+    id: registry.npmjs.org/@sveltejs/adapter-auto/2.1.1
+    name: '@sveltejs/adapter-auto'
+    version: 2.1.1
+    peerDependencies:
+      '@sveltejs/kit': ^1.0.0
+    dependencies:
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit@1.27.3(svelte@4.2.2)(vite@4.5.0)
+      import-meta-resolve: registry.npmjs.org/import-meta-resolve@4.0.0
+    dev: true
+
+  registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.0):
     resolution: {integrity: sha512-SDKxI/QpsReCwIn5czjT53fKlPBybbmMk67d317gUqfeORroBAFN1Z6s/x0E1JYi+04i7kKllS+Sz9wVfmUkAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.22.6.tgz}
     id: registry.npmjs.org/@sveltejs/kit/1.22.6
     name: '@sveltejs/kit'
@@ -2016,7 +2073,7 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.4.9)
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0)
       '@types/cookie': registry.npmjs.org/@types/cookie@0.5.3
       cookie: registry.npmjs.org/cookie@0.5.0
       devalue: registry.npmjs.org/devalue@4.3.2
@@ -2029,7 +2086,38 @@ packages:
       sirv: registry.npmjs.org/sirv@2.0.3
       svelte: registry.npmjs.org/svelte@4.2.1
       undici: registry.npmjs.org/undici@5.23.0
-      vite: registry.npmjs.org/vite@4.4.9
+      vite: registry.npmjs.org/vite@4.5.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  registry.npmjs.org/@sveltejs/kit@1.27.3(svelte@4.2.2)(vite@4.5.0):
+    resolution: {integrity: sha512-pd7qwX6ww5noA0/FLk45B0aKUeOXWR+pfZsGTrv3dRmj3lTmnki9UTmTdWzHJGrje+BBkGUZHfgGrsSOQQBQpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.27.3.tgz}
+    id: registry.npmjs.org/@sveltejs/kit/1.27.3
+    name: '@sveltejs/kit'
+    version: 1.27.3
+    engines: {node: ^16.14 || >=18}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0-next.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.2)(vite@4.5.0)
+      '@types/cookie': registry.npmjs.org/@types/cookie@0.5.4
+      cookie: registry.npmjs.org/cookie@0.5.0
+      devalue: registry.npmjs.org/devalue@4.3.2
+      esm-env: registry.npmjs.org/esm-env@1.0.0
+      kleur: registry.npmjs.org/kleur@4.1.5
+      magic-string: registry.npmjs.org/magic-string@0.30.5
+      mrmime: registry.npmjs.org/mrmime@1.0.1
+      sade: registry.npmjs.org/sade@1.8.1
+      set-cookie-parser: registry.npmjs.org/set-cookie-parser@2.6.0
+      sirv: registry.npmjs.org/sirv@2.0.3
+      svelte: registry.npmjs.org/svelte@4.2.2
+      tiny-glob: registry.npmjs.org/tiny-glob@0.2.9
+      undici: registry.npmjs.org/undici@5.26.5
+      vite: registry.npmjs.org/vite@4.5.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2054,7 +2142,7 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.4.9):
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0):
     resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.4.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.4
     name: '@sveltejs/vite-plugin-svelte-inspector'
@@ -2065,14 +2153,33 @@ packages:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.4.9)
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0)
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       svelte: registry.npmjs.org/svelte@4.2.1
-      vite: registry.npmjs.org/vite@4.4.9
+      vite: registry.npmjs.org/vite@4.5.0
+    transitivePeerDependencies:
+      - supports-color
+
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.2)(vite@4.5.0):
+    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.4.tgz}
+    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.4
+    name: '@sveltejs/vite-plugin-svelte-inspector'
+    version: 1.0.4
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^2.2.0
+      svelte: ^3.54.0 || ^4.0.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.2)(vite@4.5.0)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      svelte: registry.npmjs.org/svelte@4.2.2
+      vite: registry.npmjs.org/vite@4.5.0
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.4.9):
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0):
     resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.6.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.6
     name: '@sveltejs/vite-plugin-svelte'
@@ -2082,17 +2189,40 @@ packages:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.4.9)
+      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0)
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       deepmerge: registry.npmjs.org/deepmerge@4.3.1
       kleur: registry.npmjs.org/kleur@4.1.5
       magic-string: registry.npmjs.org/magic-string@0.30.5
       svelte: registry.npmjs.org/svelte@4.2.1
       svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.1)
-      vite: registry.npmjs.org/vite@4.4.9
-      vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.4.9)
+      vite: registry.npmjs.org/vite@4.5.0
+      vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.5.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.2)(vite@4.5.0):
+    resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.6.tgz}
+    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.6
+    name: '@sveltejs/vite-plugin-svelte'
+    version: 2.4.6
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.2)(vite@4.5.0)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      deepmerge: registry.npmjs.org/deepmerge@4.3.1
+      kleur: registry.npmjs.org/kleur@4.1.5
+      magic-string: registry.npmjs.org/magic-string@0.30.5
+      svelte: registry.npmjs.org/svelte@4.2.2
+      svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.2)
+      vite: registry.npmjs.org/vite@4.5.0
+      vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
   registry.npmjs.org/@swc/core-darwin-arm64@1.3.94:
     resolution: {integrity: sha512-KNuE6opIy/wAXiGUWLhGWhCG3wA/AdjG6eYkv6dstrAURLaQMAoD8vDfVm8pxS8FA8Kx+0Z4QiDNPqk5aKIsqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.94.tgz}
@@ -2293,6 +2423,12 @@ packages:
     version: 0.5.3
     dev: true
 
+  registry.npmjs.org/@types/cookie@0.5.4:
+    resolution: {integrity: sha512-7z/eR6O859gyWIAjuvBWFzNURmf2oPBmJlfVWkwehU5nzIyjwBsTh7WMmEEV4JFnHuQ3ex4oyTvfKzcyJVDBNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/cookie/-/cookie-0.5.4.tgz}
+    name: '@types/cookie'
+    version: 0.5.4
+    dev: true
+
   registry.npmjs.org/@types/d3-array@3.0.9:
     resolution: {integrity: sha512-mZowFN3p64ajCJJ4riVYlOjNlBJv3hctgAY01pjw3qTnJePD8s9DZmYDzhHKvzfCYvdjwylkU38+Vdt7Cu2FDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-array/-/d3-array-3.0.9.tgz}
     name: '@types/d3-array'
@@ -2581,6 +2717,12 @@ packages:
     version: 7.0.14
     dev: true
 
+  registry.npmjs.org/@types/json-schema@7.0.15:
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz}
+    name: '@types/json-schema'
+    version: 7.0.15
+    dev: true
+
   registry.npmjs.org/@types/json5@0.0.30:
     resolution: {integrity: sha512-sqm9g7mHlPY/43fcSNrCYfOeX9zkTTK+euO5E6+CVijSMm5tTjkVdwdqRkY3ljjIAf8679vps5jKUoJBCLsMDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json5/-/json5-0.0.30.tgz}
     name: '@types/json5'
@@ -2673,6 +2815,12 @@ packages:
     version: 2.0.8
     dev: true
 
+  registry.npmjs.org/@types/pug@2.0.9:
+    resolution: {integrity: sha512-Yg4LkgFYvn1faISbDNWmcAC1XoDT8IoMUFspp5mnagKk+UvD2N0IWt5A7GRdMubsNWqgCLmrkf8rXkzNqb4szA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/pug/-/pug-2.0.9.tgz}
+    name: '@types/pug'
+    version: 2.0.9
+    dev: true
+
   registry.npmjs.org/@types/react-dom@18.2.8:
     resolution: {integrity: sha512-bAIvO5lN/U8sPGvs1Xm61rlRHHaq5rp5N3kp9C+NJ/Q41P8iqjkXSu0+/qu8POsjH9pNWb0OYabFez7taP7omw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.8.tgz}
     name: '@types/react-dom'
@@ -2783,11 +2931,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.9.0(@typescript-eslint/parser@6.9.0)(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-lgX7F0azQwRPB7t7WAyeHWVfW1YJ9NIgd9mvGhfQpRY56X6AVf8mwM8Wol+0z4liE7XX3QOt8MN1rUKCfSjRIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.9.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.9.0
+  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-uoLj4g2OTL8rfUQVx2AFO1hp/zja1wABJq77P6IclQs6I/m9GLrm7jCdgzZkvWdDCQf1uEvoa8s8CupsgWQgVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.10.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.10.0
     name: '@typescript-eslint/eslint-plugin'
-    version: 6.9.0
+    version: 6.10.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
@@ -2797,12 +2945,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.9.1
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.9.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.9.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.9.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.9.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.9.0
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.10.0
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.10.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.10.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       eslint: registry.npmjs.org/eslint@8.43.0
       graphemer: registry.npmjs.org/graphemer@1.4.0
@@ -2815,6 +2963,38 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-uoLj4g2OTL8rfUQVx2AFO1hp/zja1wABJq77P6IclQs6I/m9GLrm7jCdgzZkvWdDCQf1uEvoa8s8CupsgWQgVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.10.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.10.0
+    name: '@typescript-eslint/eslint-plugin'
+    version: 6.10.0
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.10.0
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2)
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.53.0
+      graphemer: registry.npmjs.org/graphemer@1.4.0
+      ignore: registry.npmjs.org/ignore@5.2.4
+      natural-compare: registry.npmjs.org/natural-compare@1.4.0
+      semver: registry.npmjs.org/semver@7.5.4
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.2.2)
+      typescript: registry.npmjs.org/typescript@5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-jBONcBsDJ9UoTWrARkRRCgDz6wUggmH5RpQVlt7BimSwaTkTjwypGzKORXbR4/2Hqjk9hgwlon2rVQAjWNpkyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/parser/5.60.0
@@ -2838,11 +3018,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser@6.9.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-GZmjMh4AJ/5gaH4XF2eXA8tMnHWP+Pm1mjQR2QN4Iz+j/zO04b9TOvJYOX2sCNIQHtRStKTxRY1FX7LhpJT4Gw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.9.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/6.9.0
+  registry.npmjs.org/@typescript-eslint/parser@6.10.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-+sZwIj+s+io9ozSxIWbNB5873OSdfeBEH/FR0re14WLI6BaKuSOnnwCJ2foUiu8uXf4dRp1UqHP0vrZ1zXGrog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.10.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/6.10.0
     name: '@typescript-eslint/parser'
-    version: 6.9.0
+    version: 6.10.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -2851,10 +3031,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.9.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.9.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.9.0(typescript@5.1.3)
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.9.0
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       eslint: registry.npmjs.org/eslint@8.43.0
       typescript: registry.npmjs.org/typescript@5.1.3
@@ -2862,6 +3042,30 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-+sZwIj+s+io9ozSxIWbNB5873OSdfeBEH/FR0re14WLI6BaKuSOnnwCJ2foUiu8uXf4dRp1UqHP0vrZ1zXGrog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.10.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/6.10.0
+    name: '@typescript-eslint/parser'
+    version: 6.10.0
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.53.0
+      typescript: registry.npmjs.org/typescript@5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/scope-manager@5.60.0:
     resolution: {integrity: sha512-hakuzcxPwXi2ihf9WQu1BbRj1e/Pd8ZZwVTG9kfbxAMZstKz8/9OoexIwnmLzShtsdap5U/CoQGRCWlSuPbYxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.60.0.tgz}
     name: '@typescript-eslint/scope-manager'
@@ -2872,14 +3076,14 @@ packages:
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.60.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager@6.9.0:
-    resolution: {integrity: sha512-1R8A9Mc39n4pCCz9o79qRO31HGNDvC7UhPhv26TovDsWPBDx+Sg3rOZdCELIA3ZmNoWAuxaMOT7aWtGRSYkQxw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.9.0.tgz}
+  registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0:
+    resolution: {integrity: sha512-TN/plV7dzqqC2iPNf1KrxozDgZs53Gfgg5ZHyw8erd6jd5Ta/JIEcdCheXFt9b1NYb93a1wmIIVW/2gLkombDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.10.0.tgz}
     name: '@typescript-eslint/scope-manager'
-    version: 6.9.0
+    version: 6.10.0
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.9.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.9.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
     dev: true
 
   registry.npmjs.org/@typescript-eslint/type-utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
@@ -2905,11 +3109,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils@6.9.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-XXeahmfbpuhVbhSOROIzJ+b13krFmgtc4GlEuu1WBT+RpyGPIA4Y/eGnXzjbDj5gZLzpAXO/sj+IF/x2GtTMjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.9.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/6.9.0
+  registry.npmjs.org/@typescript-eslint/type-utils@6.10.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.10.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/6.10.0
     name: '@typescript-eslint/type-utils'
-    version: 6.9.0
+    version: 6.10.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -2918,8 +3122,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.9.0(typescript@5.1.3)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.9.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.43.0)(typescript@5.1.3)
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       eslint: registry.npmjs.org/eslint@8.43.0
       ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3)
@@ -2928,6 +3132,29 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.10.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/6.10.0
+    name: '@typescript-eslint/type-utils'
+    version: 6.10.0
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.53.0
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.2.2)
+      typescript: registry.npmjs.org/typescript@5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/types@5.60.0:
     resolution: {integrity: sha512-ascOuoCpNZBccFVNJRSC6rPq4EmJ2NkuoKnd6LDNyAQmdDnziAtxbCGWCbefG1CNzmDvd05zO36AmB7H8RzKPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.60.0.tgz}
     name: '@typescript-eslint/types'
@@ -2935,10 +3162,10 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types@6.9.0:
-    resolution: {integrity: sha512-+KB0lbkpxBkBSiVCuQvduqMJy+I1FyDbdwSpM3IoBS7APl4Bu15lStPjgBIdykdRqQNYqYNMa8Kuidax6phaEw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-6.9.0.tgz}
+  registry.npmjs.org/@typescript-eslint/types@6.10.0:
+    resolution: {integrity: sha512-36Fq1PWh9dusgo3vH7qmQAj5/AZqARky1Wi6WpINxB6SkQdY5vQoT2/7rW7uBIsPDcvvGCLi4r10p0OJ7ITAeg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-6.10.0.tgz}
     name: '@typescript-eslint/types'
-    version: 6.9.0
+    version: 6.10.0
     engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
@@ -2966,11 +3193,11 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree@6.9.0(typescript@5.1.3):
-    resolution: {integrity: sha512-NJM2BnJFZBEAbCfBP00zONKXvMqihZCrmwCaik0UhLr0vAgb6oguXxLX1k00oQyD+vZZ+CJn3kocvv2yxm4awQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.9.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.9.0
+  registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.1.3):
+    resolution: {integrity: sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.10.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.10.0
     name: '@typescript-eslint/typescript-estree'
-    version: 6.9.0
+    version: 6.10.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       typescript: '*'
@@ -2978,8 +3205,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.9.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.9.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       globby: registry.npmjs.org/globby@11.1.0
       is-glob: registry.npmjs.org/is-glob@4.0.3
@@ -2990,6 +3217,30 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2):
+    resolution: {integrity: sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.10.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.10.0
+    name: '@typescript-eslint/typescript-estree'
+    version: 6.10.0
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      globby: registry.npmjs.org/globby@11.1.0
+      is-glob: registry.npmjs.org/is-glob@4.0.3
+      semver: registry.npmjs.org/semver@7.5.4
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.2.2)
+      typescript: registry.npmjs.org/typescript@5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-ba51uMqDtfLQ5+xHtwlO84vkdjrqNzOnqrnwbMHMRY8Tqeme8C2Q8Fc7LajfGR+e3/4LoYiWXUM6BpIIbHJ4hQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/utils/5.60.0
@@ -3013,21 +3264,21 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils@6.9.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-5Wf+Jsqya7WcCO8me504FBigeQKVLAMPmUzYgDbWchINNh1KJbxCgVya3EQ2MjvJMVeXl3pofRmprqX6mfQkjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.9.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/6.9.0
+  registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.10.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/6.10.0
     name: '@typescript-eslint/utils'
-    version: 6.9.0
+    version: 6.10.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
     dependencies:
       '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
-      '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.14
+      '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.15
       '@types/semver': registry.npmjs.org/@types/semver@7.5.4
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.9.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.9.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.9.0(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.1.3)
       eslint: registry.npmjs.org/eslint@8.43.0
       semver: registry.npmjs.org/semver@7.5.4
     transitivePeerDependencies:
@@ -3035,6 +3286,28 @@ packages:
       - typescript
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.10.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/6.10.0
+    name: '@typescript-eslint/utils'
+    version: 6.10.0
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.53.0)
+      '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.15
+      '@types/semver': registry.npmjs.org/@types/semver@7.5.4
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)
+      eslint: registry.npmjs.org/eslint@8.53.0
+      semver: registry.npmjs.org/semver@7.5.4
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/visitor-keys@5.60.0:
     resolution: {integrity: sha512-wm9Uz71SbCyhUKgcaPRauBdTegUyY/ZWl8gLwD/i/ybJqscrrdVSFImpvUz16BLPChIeKBK5Fa9s6KDQjsjyWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.60.0.tgz}
     name: '@typescript-eslint/visitor-keys'
@@ -3045,16 +3318,22 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys@6.9.0:
-    resolution: {integrity: sha512-dGtAfqjV6RFOtIP8I0B4ZTBRrlTT8NHHlZZSchQx3qReaoDeXhYM++M4So2AgFK9ZB0emRPA6JI1HkafzA2Ibg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.9.0.tgz}
+  registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0:
+    resolution: {integrity: sha512-xMGluxQIEtOM7bqFCo+rCMh5fqI+ZxV5RUUOa29iVPz1OgCZrtc7rFnz5cLUazlkPKYqX+75iuDq7m0HQ48nCg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.10.0.tgz}
     name: '@typescript-eslint/visitor-keys'
-    version: 6.9.0
+    version: 6.10.0
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.9.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
+  registry.npmjs.org/@ungap/structured-clone@1.2.0:
+    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz}
+    name: '@ungap/structured-clone'
+    version: 1.2.0
+    dev: true
+
   registry.npmjs.org/@vitejs/plugin-react-swc@3.3.2(vite@4.4.9):
     resolution: {integrity: sha512-VJFWY5sfoZerQRvJrh518h3AcQt6f/yTuWn4/TRB+dqmYU0NX1qz7qM5Wfd+gOQqUzQW4gxKqKN3KpE/P3+zrA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.3.2.tgz}
     id: registry.npmjs.org/@vitejs/plugin-react-swc/3.3.2
@@ -3085,6 +3364,25 @@ packages:
       vite: registry.npmjs.org/vite@4.4.9
     transitivePeerDependencies:
       - supports-color
+    dev: true
+
+  registry.npmjs.org/@vitejs/plugin-react@4.0.4(vite@4.5.0):
+    resolution: {integrity: sha512-7wU921ABnNYkETiMaZy7XqpueMnpu5VxvVps13MjmCo+utBdD79sZzrApHawHtVX66cCJQQTXFcjH0y9dSUK8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.0.4.tgz}
+    id: registry.npmjs.org/@vitejs/plugin-react/4.0.4
+    name: '@vitejs/plugin-react'
+    version: 4.0.4
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.2.0
+    dependencies:
+      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
+      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2)
+      react-refresh: registry.npmjs.org/react-refresh@0.14.0
+      vite: registry.npmjs.org/vite@4.5.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
 
   registry.npmjs.org/acorn-jsx@5.3.2(acorn@8.10.0):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz}
@@ -3104,6 +3402,14 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  registry.npmjs.org/acorn@8.11.2:
+    resolution: {integrity: sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz}
+    name: acorn
+    version: 8.11.2
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: true
+
   registry.npmjs.org/aggregate-error@3.1.0:
     resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz}
     name: aggregate-error
@@ -3399,8 +3705,8 @@ packages:
       undici: registry.npmjs.org/undici@5.26.5
       unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
       vfile: registry.npmjs.org/vfile@5.3.7
-      vite: registry.npmjs.org/vite@4.4.9
-      vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.4.9)
+      vite: registry.npmjs.org/vite@4.5.0
+      vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.5.0)
       which-pm: registry.npmjs.org/which-pm@2.1.1
       yargs-parser: registry.npmjs.org/yargs-parser@21.1.1
       zod: registry.npmjs.org/zod@3.21.1
@@ -5060,6 +5366,18 @@ packages:
     engines: {node: '>=12'}
     dev: false
 
+  registry.npmjs.org/eslint-compat-utils@0.1.2(eslint@8.53.0):
+    resolution: {integrity: sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-compat-utils/-/eslint-compat-utils-0.1.2.tgz}
+    id: registry.npmjs.org/eslint-compat-utils/0.1.2
+    name: eslint-compat-utils
+    version: 0.1.2
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: '>=6.0.0'
+    dependencies:
+      eslint: registry.npmjs.org/eslint@8.53.0
+    dev: true
+
   registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0):
     resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz}
     id: registry.npmjs.org/eslint-config-prettier/8.8.0
@@ -5072,6 +5390,18 @@ packages:
       eslint: registry.npmjs.org/eslint@8.43.0
     dev: true
 
+  registry.npmjs.org/eslint-config-prettier@9.0.0(eslint@8.53.0):
+    resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.0.0.tgz}
+    id: registry.npmjs.org/eslint-config-prettier/9.0.0
+    name: eslint-config-prettier
+    version: 9.0.0
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      eslint: registry.npmjs.org/eslint@8.53.0
+    dev: true
+
   registry.npmjs.org/eslint-config-turbo@1.10.16(eslint@8.43.0):
     resolution: {integrity: sha512-O3NQI72bQHV7FvSC6lWj66EGx8drJJjuT1kuInn6nbMLOHdMBhSUX/8uhTAlHRQdlxZk2j9HtgFCIzSc93w42g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.16.tgz}
     id: registry.npmjs.org/eslint-config-turbo/1.10.16
@@ -5163,6 +5493,38 @@ packages:
       - ts-node
     dev: true
 
+  registry.npmjs.org/eslint-plugin-svelte@2.35.0(eslint@8.53.0)(svelte@4.2.2):
+    resolution: {integrity: sha512-3WDFxNrkXaMlpqoNo3M1ZOQuoFLMO9+bdnN6oVVXaydXC7nzCJuGy9a0zqoNDHMSRPYt0Rqo6hIdHMEaI5sQnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-2.35.0.tgz}
+    id: registry.npmjs.org/eslint-plugin-svelte/2.35.0
+    name: eslint-plugin-svelte
+    version: 2.35.0
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0-0
+      svelte: ^3.37.0 || ^4.0.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+    dependencies:
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.53.0)
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      eslint: registry.npmjs.org/eslint@8.53.0
+      eslint-compat-utils: registry.npmjs.org/eslint-compat-utils@0.1.2(eslint@8.53.0)
+      esutils: registry.npmjs.org/esutils@2.0.3
+      known-css-properties: registry.npmjs.org/known-css-properties@0.29.0
+      postcss: registry.npmjs.org/postcss@8.4.31
+      postcss-load-config: registry.npmjs.org/postcss-load-config@3.1.4(postcss@8.4.31)
+      postcss-safe-parser: registry.npmjs.org/postcss-safe-parser@6.0.0(postcss@8.4.31)
+      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
+      semver: registry.npmjs.org/semver@7.5.4
+      svelte: registry.npmjs.org/svelte@4.2.2
+      svelte-eslint-parser: registry.npmjs.org/svelte-eslint-parser@0.33.1(svelte@4.2.2)
+    transitivePeerDependencies:
+      - supports-color
+      - ts-node
+    dev: true
+
   registry.npmjs.org/eslint-plugin-turbo@1.10.16(eslint@8.43.0):
     resolution: {integrity: sha512-ZjrR88MTN64PNGufSEcM0tf+V1xFYVbeiMeuIqr0aiABGomxFLo4DBkQ7WI4WzkZtWQSIA2sP+yxqSboEfL9MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.16.tgz}
     id: registry.npmjs.org/eslint-plugin-turbo/1.10.16
@@ -5252,6 +5614,55 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/eslint@8.53.0:
+    resolution: {integrity: sha512-N4VuiPjXDUa4xVeV/GC/RV3hQW9Nw+Y463lkWaKKXKYMvmRiRDAtfpuPFLN+E1/6ZhyR8J2ig+eVREnYgUsiag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.53.0.tgz}
+    name: eslint
+    version: 8.53.0
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.53.0)
+      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.10.0
+      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc@2.1.3
+      '@eslint/js': registry.npmjs.org/@eslint/js@8.53.0
+      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array@0.11.13
+      '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer@1.0.1
+      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk@1.2.8
+      '@ungap/structured-clone': registry.npmjs.org/@ungap/structured-clone@1.2.0
+      ajv: registry.npmjs.org/ajv@6.12.6
+      chalk: registry.npmjs.org/chalk@4.1.2
+      cross-spawn: registry.npmjs.org/cross-spawn@7.0.3
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      doctrine: registry.npmjs.org/doctrine@3.0.0
+      escape-string-regexp: registry.npmjs.org/escape-string-regexp@4.0.0
+      eslint-scope: registry.npmjs.org/eslint-scope@7.2.2
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
+      espree: registry.npmjs.org/espree@9.6.1
+      esquery: registry.npmjs.org/esquery@1.5.0
+      esutils: registry.npmjs.org/esutils@2.0.3
+      fast-deep-equal: registry.npmjs.org/fast-deep-equal@3.1.3
+      file-entry-cache: registry.npmjs.org/file-entry-cache@6.0.1
+      find-up: registry.npmjs.org/find-up@5.0.0
+      glob-parent: registry.npmjs.org/glob-parent@6.0.2
+      globals: registry.npmjs.org/globals@13.23.0
+      graphemer: registry.npmjs.org/graphemer@1.4.0
+      ignore: registry.npmjs.org/ignore@5.2.4
+      imurmurhash: registry.npmjs.org/imurmurhash@0.1.4
+      is-glob: registry.npmjs.org/is-glob@4.0.3
+      is-path-inside: registry.npmjs.org/is-path-inside@3.0.3
+      js-yaml: registry.npmjs.org/js-yaml@4.1.0
+      json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify@1.0.1
+      levn: registry.npmjs.org/levn@0.4.1
+      lodash.merge: registry.npmjs.org/lodash.merge@4.6.2
+      minimatch: registry.npmjs.org/minimatch@3.1.2
+      natural-compare: registry.npmjs.org/natural-compare@1.4.0
+      optionator: registry.npmjs.org/optionator@0.9.3
+      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      text-table: registry.npmjs.org/text-table@0.2.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   registry.npmjs.org/esm-env@1.0.0:
     resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz}
     name: esm-env
@@ -5502,6 +5913,19 @@ packages:
       merge2: registry.npmjs.org/merge2@1.4.1
       micromatch: registry.npmjs.org/micromatch@4.0.5
 
+  registry.npmjs.org/fast-glob@3.3.2:
+    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz}
+    name: fast-glob
+    version: 3.3.2
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': registry.npmjs.org/@nodelib/fs.stat@2.0.5
+      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk@1.2.8
+      glob-parent: registry.npmjs.org/glob-parent@5.1.2
+      merge2: registry.npmjs.org/merge2@1.4.1
+      micromatch: registry.npmjs.org/micromatch@4.0.5
+    dev: true
+
   registry.npmjs.org/fast-json-stable-stringify@2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz}
     name: fast-json-stable-stringify
@@ -5909,6 +6333,12 @@ packages:
       define-properties: registry.npmjs.org/define-properties@1.2.1
     dev: true
 
+  registry.npmjs.org/globalyzer@0.1.0:
+    resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz}
+    name: globalyzer
+    version: 0.1.0
+    dev: true
+
   registry.npmjs.org/globby@11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globby/-/globby-11.1.0.tgz}
     name: globby
@@ -5936,6 +6366,12 @@ packages:
       slash: registry.npmjs.org/slash@4.0.0
     dev: true
 
+  registry.npmjs.org/globrex@0.1.2:
+    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz}
+    name: globrex
+    version: 0.1.2
+    dev: true
+
   registry.npmjs.org/gopd@1.0.1:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz}
     name: gopd
@@ -6244,6 +6680,19 @@ packages:
     resolution: {integrity: sha512-4IwhLhNNA8yy445rPjD/lWh++7hMDOml2eHtd58eG7h+qK3EryMuuRbsHGPikCoAgIkkDnckKfWSk2iDla/ejg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-3.0.0.tgz}
     name: import-meta-resolve
     version: 3.0.0
+    dev: true
+
+  registry.npmjs.org/import-meta-resolve@3.1.1:
+    resolution: {integrity: sha512-qeywsE/KC3w9Fd2ORrRDUw6nS/nLwZpXgfrOc2IILvZYnCaEMd+D56Vfg9k4G29gIeVi3XKql1RQatME8iYsiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-3.1.1.tgz}
+    name: import-meta-resolve
+    version: 3.1.1
+    dev: false
+
+  registry.npmjs.org/import-meta-resolve@4.0.0:
+    resolution: {integrity: sha512-okYUR7ZQPH+efeuMJGlq4f8ubUgO50kByRPyt/Cy1Io4PSRsPjxME+YlVaCOx+NIToW7hCsZNFJyTPFFKepRSA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.0.0.tgz}
+    name: import-meta-resolve
+    version: 4.0.0
+    dev: true
 
   registry.npmjs.org/imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz}
@@ -6886,6 +7335,12 @@ packages:
     version: 0.27.0
     dev: true
 
+  registry.npmjs.org/known-css-properties@0.29.0:
+    resolution: {integrity: sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.29.0.tgz}
+    name: known-css-properties
+    version: 0.29.0
+    dev: true
+
   registry.npmjs.org/lazy-ass@1.6.0:
     resolution: {integrity: sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lazy-ass/-/lazy-ass-1.6.0.tgz}
     name: lazy-ass
@@ -8930,6 +9385,19 @@ packages:
       svelte: registry.npmjs.org/svelte@4.2.1
     dev: true
 
+  registry.npmjs.org/prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@4.2.2):
+    resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-3.0.3.tgz}
+    id: registry.npmjs.org/prettier-plugin-svelte/3.0.3
+    name: prettier-plugin-svelte
+    version: 3.0.3
+    peerDependencies:
+      prettier: ^3.0.0
+      svelte: ^3.2.0 || ^4.0.0-next.0
+    dependencies:
+      prettier: registry.npmjs.org/prettier@3.0.3
+      svelte: registry.npmjs.org/svelte@4.2.2
+    dev: true
+
   registry.npmjs.org/prettier@2.8.8:
     resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz}
     name: prettier
@@ -10325,24 +10793,24 @@ packages:
       - sugarss
     dev: true
 
-  registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.31)(svelte@4.2.1):
-    resolution: {integrity: sha512-KHujbn4k17xKYLmtCwv0sKKM7uiHTYcQvXnvrCcNU6a7hcszh99zFTIoiu/Sp/ewAw5aJmillJ1Cs8gKLmcX4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.5.0.tgz}
-    id: registry.npmjs.org/svelte-check/3.5.0
+  registry.npmjs.org/svelte-check@3.5.2(postcss@8.4.31)(svelte@4.2.2):
+    resolution: {integrity: sha512-5a/YWbiH4c+AqAUP+0VneiV5bP8YOk9JL3jwvN+k2PEPLgpu85bjQc5eE67+eIZBBwUEJzmO3I92OqKcqbp3fw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.5.2.tgz}
+    id: registry.npmjs.org/svelte-check/3.5.2
     name: svelte-check
-    version: 3.5.0
+    version: 3.5.2
     hasBin: true
     peerDependencies:
       svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0
     dependencies:
       '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
       chokidar: registry.npmjs.org/chokidar@3.5.3
-      fast-glob: registry.npmjs.org/fast-glob@3.3.1
+      fast-glob: registry.npmjs.org/fast-glob@3.3.2
       import-fresh: registry.npmjs.org/import-fresh@3.3.0
       picocolors: registry.npmjs.org/picocolors@1.0.0
       sade: registry.npmjs.org/sade@1.8.1
-      svelte: registry.npmjs.org/svelte@4.2.1
-      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.31)(svelte@4.2.1)(typescript@5.1.3)
-      typescript: registry.npmjs.org/typescript@5.1.3
+      svelte: registry.npmjs.org/svelte@4.2.2
+      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.31)(svelte@4.2.2)(typescript@5.2.2)
+      typescript: registry.npmjs.org/typescript@5.2.2
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -10395,6 +10863,26 @@ packages:
       svelte: registry.npmjs.org/svelte@4.2.1
     dev: true
 
+  registry.npmjs.org/svelte-eslint-parser@0.33.1(svelte@4.2.2):
+    resolution: {integrity: sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.33.1.tgz}
+    id: registry.npmjs.org/svelte-eslint-parser/0.33.1
+    name: svelte-eslint-parser
+    version: 0.33.1
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      svelte: ^3.37.0 || ^4.0.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+    dependencies:
+      eslint-scope: registry.npmjs.org/eslint-scope@7.2.2
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
+      espree: registry.npmjs.org/espree@9.6.1
+      postcss: registry.npmjs.org/postcss@8.4.31
+      postcss-scss: registry.npmjs.org/postcss-scss@4.0.9(postcss@8.4.31)
+      svelte: registry.npmjs.org/svelte@4.2.2
+    dev: true
+
   registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.1):
     resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.3.tgz}
     id: registry.npmjs.org/svelte-hmr/0.15.3
@@ -10406,6 +10894,18 @@ packages:
     dependencies:
       svelte: registry.npmjs.org/svelte@4.2.1
 
+  registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.2):
+    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.3.tgz}
+    id: registry.npmjs.org/svelte-hmr/0.15.3
+    name: svelte-hmr
+    version: 0.15.3
+    engines: {node: ^12.20 || ^14.13.1 || >= 16}
+    peerDependencies:
+      svelte: ^3.19.0 || ^4.0.0
+    dependencies:
+      svelte: registry.npmjs.org/svelte@4.2.2
+    dev: true
+
   registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.21)(svelte@4.2.1)(typescript@5.1.3):
     resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz}
     id: registry.npmjs.org/svelte-preprocess/5.0.4
@@ -10457,7 +10957,7 @@ packages:
       typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
-  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.31)(svelte@4.2.1)(typescript@5.1.3):
+  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.31)(svelte@4.2.2)(typescript@5.2.2):
     resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz}
     id: registry.npmjs.org/svelte-preprocess/5.0.4
     name: svelte-preprocess
@@ -10498,14 +10998,14 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@types/pug': registry.npmjs.org/@types/pug@2.0.8
+      '@types/pug': registry.npmjs.org/@types/pug@2.0.9
       detect-indent: registry.npmjs.org/detect-indent@6.1.0
       magic-string: registry.npmjs.org/magic-string@0.27.0
       postcss: registry.npmjs.org/postcss@8.4.31
       sorcery: registry.npmjs.org/sorcery@0.11.0
       strip-indent: registry.npmjs.org/strip-indent@3.0.0
-      svelte: registry.npmjs.org/svelte@4.2.1
-      typescript: registry.npmjs.org/typescript@5.1.3
+      svelte: registry.npmjs.org/svelte@4.2.2
+      typescript: registry.npmjs.org/typescript@5.2.2
     dev: true
 
   registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.1.3):
@@ -10521,6 +11021,22 @@ packages:
       pascal-case: registry.npmjs.org/pascal-case@3.1.2
       svelte: registry.npmjs.org/svelte@4.2.1
       typescript: registry.npmjs.org/typescript@5.1.3
+    dev: true
+
+  registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.2.2):
+    resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.23.tgz}
+    id: registry.npmjs.org/svelte2tsx/0.6.23
+    name: svelte2tsx
+    version: 0.6.23
+    peerDependencies:
+      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
+      typescript: ^4.9.4 || ^5.0.0
+    dependencies:
+      dedent-js: registry.npmjs.org/dedent-js@1.0.1
+      pascal-case: registry.npmjs.org/pascal-case@3.1.2
+      svelte: registry.npmjs.org/svelte@4.2.1
+      typescript: registry.npmjs.org/typescript@5.2.2
+    dev: false
 
   registry.npmjs.org/svelte@4.2.1:
     resolution: {integrity: sha512-LpLqY2Jr7cRxkrTc796/AaaoMLF/1ax7cto8Ot76wrvKQhrPmZ0JgajiWPmg9mTSDqO16SSLiD17r9MsvAPTmw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-4.2.1.tgz}
@@ -10542,6 +11058,27 @@ packages:
       magic-string: registry.npmjs.org/magic-string@0.30.5
       periscopic: registry.npmjs.org/periscopic@3.1.0
 
+  registry.npmjs.org/svelte@4.2.2:
+    resolution: {integrity: sha512-My2tytF2e2NnHSpn2M7/3VdXT4JdTglYVUuSuK/mXL2XtulPYbeBfl8Dm1QiaKRn0zoULRnL+EtfZHHP0k4H3A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-4.2.2.tgz}
+    name: svelte
+    version: 4.2.2
+    engines: {node: '>=16'}
+    dependencies:
+      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping@2.2.1
+      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
+      acorn: registry.npmjs.org/acorn@8.11.2
+      aria-query: registry.npmjs.org/aria-query@5.3.0
+      axobject-query: registry.npmjs.org/axobject-query@3.2.1
+      code-red: registry.npmjs.org/code-red@1.0.4
+      css-tree: registry.npmjs.org/css-tree@2.3.1
+      estree-walker: registry.npmjs.org/estree-walker@3.0.3
+      is-reference: registry.npmjs.org/is-reference@3.0.2
+      locate-character: registry.npmjs.org/locate-character@3.0.0
+      magic-string: registry.npmjs.org/magic-string@0.30.5
+      periscopic: registry.npmjs.org/periscopic@3.1.0
+    dev: true
+
   registry.npmjs.org/svgo@3.0.2:
     resolution: {integrity: sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svgo/-/svgo-3.0.2.tgz}
     name: svgo
@@ -10649,6 +11186,15 @@ packages:
     version: 2.3.8
     dev: true
 
+  registry.npmjs.org/tiny-glob@0.2.9:
+    resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz}
+    name: tiny-glob
+    version: 0.2.9
+    dependencies:
+      globalyzer: registry.npmjs.org/globalyzer@0.1.0
+      globrex: registry.npmjs.org/globrex@0.1.2
+    dev: true
+
   registry.npmjs.org/tmp@0.0.33:
     resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz}
     name: tmp
@@ -10744,6 +11290,18 @@ packages:
       typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
+  registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.2.2):
+    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz}
+    id: registry.npmjs.org/ts-api-utils/1.0.3
+    name: ts-api-utils
+    version: 1.0.3
+    engines: {node: '>=16.13.0'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+    dependencies:
+      typescript: registry.npmjs.org/typescript@5.2.2
+    dev: true
+
   registry.npmjs.org/tsconfig-resolver@3.0.1:
     resolution: {integrity: sha512-ZHqlstlQF449v8glscGRXzL6l2dZvASPCdXJRWG4gHEZlUVx2Jtmr+a2zeVG4LCsKhDXKRj5R3h0C/98UcVAQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsconfig-resolver/-/tsconfig-resolver-3.0.1.tgz}
     name: tsconfig-resolver
@@ -11001,6 +11559,14 @@ packages:
     version: 5.1.3
     engines: {node: '>=14.17'}
     hasBin: true
+    dev: true
+
+  registry.npmjs.org/typescript@5.2.2:
+    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz}
+    name: typescript
+    version: 5.2.2
+    engines: {node: '>=14.17'}
+    hasBin: true
 
   registry.npmjs.org/ultrahtml@1.5.2:
     resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ultrahtml/-/ultrahtml-1.5.2.tgz}
@@ -11042,7 +11608,6 @@ packages:
     engines: {node: '>=14.0'}
     dependencies:
       '@fastify/busboy': registry.npmjs.org/@fastify/busboy@2.0.0
-    dev: false
 
   registry.npmjs.org/unherit@3.0.1:
     resolution: {integrity: sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unherit/-/unherit-3.0.1.tgz}
@@ -11335,8 +11900,45 @@ packages:
       rollup: registry.npmjs.org/rollup@3.29.4
     optionalDependencies:
       fsevents: registry.npmjs.org/fsevents@2.3.3
+    dev: true
+
+  registry.npmjs.org/vite@4.5.0:
+    resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.5.0.tgz}
+    name: vite
+    version: 4.5.0
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      esbuild: registry.npmjs.org/esbuild@0.18.20
+      postcss: registry.npmjs.org/postcss@8.4.31
+      rollup: registry.npmjs.org/rollup@3.29.4
+    optionalDependencies:
+      fsevents: registry.npmjs.org/fsevents@2.3.3
 
-  registry.npmjs.org/vitefu@0.2.5(vite@4.4.9):
+  registry.npmjs.org/vitefu@0.2.5(vite@4.5.0):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz}
     id: registry.npmjs.org/vitefu/0.2.5
     name: vitefu
@@ -11347,7 +11949,7 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: registry.npmjs.org/vite@4.4.9
+      vite: registry.npmjs.org/vite@4.5.0
 
   registry.npmjs.org/vscode-oniguruma@1.7.0:
     resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz}

From c5b22e049802ea9b65470e4964e2e9d67e50f243 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 7 Nov 2023 14:52:56 +0100
Subject: [PATCH 0312/1093] removed broken test

---
 tests/playwright/e2e/pane.spec.ts | 50 +++++++------------------------
 1 file changed, 10 insertions(+), 40 deletions(-)

diff --git a/tests/playwright/e2e/pane.spec.ts b/tests/playwright/e2e/pane.spec.ts
index 6090beaca..f7f52e3c6 100644
--- a/tests/playwright/e2e/pane.spec.ts
+++ b/tests/playwright/e2e/pane.spec.ts
@@ -182,45 +182,15 @@ test.describe('PANE NON-DEFAULT', () => {
       expect(viewportTransform.scale).toBe(1.234);
     });
   });
+});
 
-  test.describe('PANE ACTIVATION KEYS', () => {
-    test.beforeEach(async ({ page }) => {
-      // Go to the starting url before each test.
-      await page.goto('/tests/generic/pane/activation-keys');
-  
-      // Wait till the edges are rendered
-      await page.waitForSelector('#first-edge', { timeout: 5000 });
-    });
-  
-    test.describe('pan & zoom', () => {
-      test('panOnScroll pans the pane on scrolling', async ({ page }) => {
-        const pane = page.locator(`.${FRAMEWORK}-flow__pane`);
-        const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
-  
-        await expect(pane).toBeAttached();
-  
-        const transformsBefore = await getTransform(viewport);
-  
-        await pane.hover();
-        await page.mouse.wheel(100, 100);
-  
-        const transformsAfter = await getTransform(viewport);
-  
-        expect(transformsAfter.translateX).not.toBe(transformsBefore.translateX);
-        expect(transformsAfter.translateY).not.toBe(transformsBefore.translateY);
-      });
-  
-      test('intialViewport', async ({ page }) => {
-        const pane = page.locator(`.${FRAMEWORK}-flow__pane`);
-        const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
-  
-        await expect(pane).toBeAttached();
-  
-        const viewportTransform = await getTransform(viewport);
-  
-        expect(viewportTransform.translateX).toBe(1.23);
-        expect(viewportTransform.translateY).toBe(9.87);
-        expect(viewportTransform.scale).toBe(1.234);
-      });
-    });
+test.describe('PANE ACTIVATION KEYS', () => {
+  test.beforeEach(async ({ page }) => {
+    // Go to the starting url before each test.
+    await page.goto('/tests/generic/pane/activation-keys');
+
+    // Wait till the edges are rendered
+    await page.waitForSelector('#first-edge', { timeout: 5000 });
+  });
+  // TODO
 });

From b8a75ccac61c5e258eaf52fbf389253cd4f51a22 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 7 Nov 2023 15:05:38 +0100
Subject: [PATCH 0313/1093] chore(react-examples) updated dependencies

---
 examples/react/package.json |  24 +-
 pnpm-lock.yaml              | 499 ++++++++++++++++++------------------
 2 files changed, 264 insertions(+), 259 deletions(-)

diff --git a/examples/react/package.json b/examples/react/package.json
index 73d91382b..9c303aaee 100644
--- a/examples/react/package.json
+++ b/examples/react/package.json
@@ -15,25 +15,25 @@
   },
   "dependencies": {
     "@xyflow/react": "workspace:*",
-    "classcat": "^5.0.3",
+    "classcat": "^5.0.4",
     "dagre": "^0.8.5",
     "localforage": "^1.10.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.3.0",
-    "zustand": "^4.4.1"
+    "react-router-dom": "^6.18.0",
+    "zustand": "^4.4.6"
   },
   "devDependencies": {
     "@cypress/skip-test": "^2.6.1",
-    "@types/dagre": "^0.7.48",
-    "@types/react": "^18.0.17",
-    "@types/react-dom": "^18.0.6",
-    "@vitejs/plugin-react": "4.0.4",
-    "@vitejs/plugin-react-swc": "^3.3.2",
+    "@types/dagre": "^0.7.52",
+    "@types/react": "^18.2.36",
+    "@types/react-dom": "^18.2.14",
+    "@vitejs/plugin-react": "4.1.1",
+    "@vitejs/plugin-react-swc": "^3.4.1",
     "cypress": "12.17.3",
-    "cypress-real-events": "1.10.0",
-    "start-server-and-test": "^1.14.0",
-    "typescript": "5.1.3",
-    "vite": "4.4.9"
+    "cypress-real-events": "1.11.0",
+    "start-server-and-test": "^2.0.2",
+    "typescript": "5.2.2",
+    "vite": "4.5.0"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9a622802b..c07f3def9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -96,7 +96,7 @@ importers:
         specifier: workspace:*
         version: link:../../packages/react
       classcat:
-        specifier: ^5.0.3
+        specifier: ^5.0.4
         version: registry.npmjs.org/classcat@5.0.4
       dagre:
         specifier: ^0.8.5
@@ -111,45 +111,45 @@ importers:
         specifier: ^18.2.0
         version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
       react-router-dom:
-        specifier: ^6.3.0
-        version: registry.npmjs.org/react-router-dom@6.3.0(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^6.18.0
+        version: registry.npmjs.org/react-router-dom@6.18.0(react-dom@18.2.0)(react@18.2.0)
       zustand:
-        specifier: ^4.4.1
-        version: registry.npmjs.org/zustand@4.4.1(@types/react@18.2.24)(react@18.2.0)
+        specifier: ^4.4.6
+        version: registry.npmjs.org/zustand@4.4.6(@types/react@18.2.36)(react@18.2.0)
     devDependencies:
       '@cypress/skip-test':
         specifier: ^2.6.1
         version: registry.npmjs.org/@cypress/skip-test@2.6.1
       '@types/dagre':
-        specifier: ^0.7.48
-        version: registry.npmjs.org/@types/dagre@0.7.48
+        specifier: ^0.7.52
+        version: registry.npmjs.org/@types/dagre@0.7.52
       '@types/react':
-        specifier: ^18.0.17
-        version: registry.npmjs.org/@types/react@18.2.24
+        specifier: ^18.2.36
+        version: registry.npmjs.org/@types/react@18.2.36
       '@types/react-dom':
-        specifier: ^18.0.6
-        version: registry.npmjs.org/@types/react-dom@18.2.8
+        specifier: ^18.2.14
+        version: registry.npmjs.org/@types/react-dom@18.2.14
       '@vitejs/plugin-react':
-        specifier: 4.0.4
-        version: registry.npmjs.org/@vitejs/plugin-react@4.0.4(vite@4.4.9)
+        specifier: 4.1.1
+        version: registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.0)
       '@vitejs/plugin-react-swc':
-        specifier: ^3.3.2
-        version: registry.npmjs.org/@vitejs/plugin-react-swc@3.3.2(vite@4.4.9)
+        specifier: ^3.4.1
+        version: registry.npmjs.org/@vitejs/plugin-react-swc@3.4.1(vite@4.5.0)
       cypress:
         specifier: 12.17.3
         version: registry.npmjs.org/cypress@12.17.3
       cypress-real-events:
-        specifier: 1.10.0
-        version: registry.npmjs.org/cypress-real-events@1.10.0(cypress@12.17.3)
+        specifier: 1.11.0
+        version: registry.npmjs.org/cypress-real-events@1.11.0(cypress@12.17.3)
       start-server-and-test:
-        specifier: ^1.14.0
-        version: registry.npmjs.org/start-server-and-test@1.14.0
+        specifier: ^2.0.2
+        version: registry.npmjs.org/start-server-and-test@2.0.2
       typescript:
-        specifier: 5.1.3
-        version: registry.npmjs.org/typescript@5.1.3
+        specifier: 5.2.2
+        version: registry.npmjs.org/typescript@5.2.2
       vite:
-        specifier: 4.4.9
-        version: registry.npmjs.org/vite@4.4.9
+        specifier: 4.5.0
+        version: registry.npmjs.org/vite@4.5.0
 
   examples/svelte:
     dependencies:
@@ -537,7 +537,7 @@ packages:
     dependencies:
       '@types/react': registry.npmjs.org/@types/react@18.2.24
       '@types/react-dom': registry.npmjs.org/@types/react-dom@18.2.8
-      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react@4.0.4(vite@4.5.0)
+      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.0)
       react: registry.npmjs.org/react@18.2.0
       react-dom: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
       ultrahtml: registry.npmjs.org/ultrahtml@1.5.2
@@ -834,6 +834,7 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       regenerator-runtime: registry.npmjs.org/regenerator-runtime@0.14.0
+    dev: true
 
   registry.npmjs.org/@babel/template@7.22.15:
     resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz}
@@ -1894,6 +1895,13 @@ packages:
     version: 1.0.0-next.23
     dev: true
 
+  registry.npmjs.org/@remix-run/router@1.11.0:
+    resolution: {integrity: sha512-BHdhcWgeiudl91HvVa2wxqZjSHbheSgIiDvxrF1VjFzBzpTtuDPkOdOi3Iqvc08kXtFkLjhbS+ML9aM8mJS+wQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@remix-run/router/-/router-1.11.0.tgz}
+    name: '@remix-run/router'
+    version: 1.11.0
+    engines: {node: '>=14.0.0'}
+    dev: false
+
   registry.npmjs.org/@rollup/plugin-commonjs@25.0.0(rollup@3.23.0):
     resolution: {integrity: sha512-hoho2Kay9TZrLu0bnDsTTCaj4Npa+THk9snajP/XDNb9a9mmjTjh52EQM9sKl3HD1LsnihX7js+eA2sd2uKAhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.0.tgz}
     id: registry.npmjs.org/@rollup/plugin-commonjs/25.0.0
@@ -2224,10 +2232,10 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@swc/core-darwin-arm64@1.3.94:
-    resolution: {integrity: sha512-KNuE6opIy/wAXiGUWLhGWhCG3wA/AdjG6eYkv6dstrAURLaQMAoD8vDfVm8pxS8FA8Kx+0Z4QiDNPqk5aKIsqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.94.tgz}
+  registry.npmjs.org/@swc/core-darwin-arm64@1.3.96:
+    resolution: {integrity: sha512-8hzgXYVd85hfPh6mJ9yrG26rhgzCmcLO0h1TIl8U31hwmTbfZLzRitFQ/kqMJNbIBCwmNH1RU2QcJnL3d7f69A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.96.tgz}
     name: '@swc/core-darwin-arm64'
-    version: 1.3.94
+    version: 1.3.96
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [darwin]
@@ -2235,10 +2243,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-darwin-x64@1.3.94:
-    resolution: {integrity: sha512-HypemhyehQrLqXwfJv5ronD4BMAXdgMCP4Ei7rt3B6Ftmt9axwGvdwGiXxsYR9h1ncyxoVxN+coGxbNIhKhahw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.94.tgz}
+  registry.npmjs.org/@swc/core-darwin-x64@1.3.96:
+    resolution: {integrity: sha512-mFp9GFfuPg+43vlAdQZl0WZpZSE8sEzqL7sr/7Reul5McUHP0BaLsEzwjvD035ESfkY8GBZdLpMinblIbFNljQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.96.tgz}
     name: '@swc/core-darwin-x64'
-    version: 1.3.94
+    version: 1.3.96
     engines: {node: '>=10'}
     cpu: [x64]
     os: [darwin]
@@ -2246,10 +2254,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-arm-gnueabihf@1.3.94:
-    resolution: {integrity: sha512-KzKN54c7Y6X1db+bBVSXG4+bXmAPvXtDWk+TgwNJH4yYliOrnP/RKkHA5QZ9VFSnqJF06/sAO4kYBiL/aVQDBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.94.tgz}
+  registry.npmjs.org/@swc/core-linux-arm-gnueabihf@1.3.96:
+    resolution: {integrity: sha512-8UEKkYJP4c8YzYIY/LlbSo8z5Obj4hqcv/fUTHiEePiGsOddgGf7AWjh56u7IoN/0uEmEro59nc1ChFXqXSGyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.96.tgz}
     name: '@swc/core-linux-arm-gnueabihf'
-    version: 1.3.94
+    version: 1.3.96
     engines: {node: '>=10'}
     cpu: [arm]
     os: [linux]
@@ -2257,10 +2265,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-arm64-gnu@1.3.94:
-    resolution: {integrity: sha512-iAcR8Ho0Uck/SLSrgYfXkpcGOXuN5waMZO7GlL/52QODr7GJtOfZ0H1MCZLbIFkPJp/iXoJpYgym4d/qSd477Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.94.tgz}
+  registry.npmjs.org/@swc/core-linux-arm64-gnu@1.3.96:
+    resolution: {integrity: sha512-c/IiJ0s1y3Ymm2BTpyC/xr6gOvoqAVETrivVXHq68xgNms95luSpbYQ28rqaZC8bQC8M5zdXpSc0T8DJu8RJGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.96.tgz}
     name: '@swc/core-linux-arm64-gnu'
-    version: 1.3.94
+    version: 1.3.96
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
@@ -2268,10 +2276,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-arm64-musl@1.3.94:
-    resolution: {integrity: sha512-VCHL1Mb9ENHx+sAeubSSg481MUeP9/PYzPPy9tfswunj/w35M+vEWflwK2dzQL9kUTFD3zcFTpAgsKnj6aX24w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.94.tgz}
+  registry.npmjs.org/@swc/core-linux-arm64-musl@1.3.96:
+    resolution: {integrity: sha512-i5/UTUwmJLri7zhtF6SAo/4QDQJDH2fhYJaBIUhrICmIkRO/ltURmpejqxsM/ye9Jqv5zG7VszMC0v/GYn/7BQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.96.tgz}
     name: '@swc/core-linux-arm64-musl'
-    version: 1.3.94
+    version: 1.3.96
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
@@ -2279,10 +2287,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-x64-gnu@1.3.94:
-    resolution: {integrity: sha512-gjq7U6clhJi0Oel2a4gwR4MbSu+THQ2hmBNVCOSA3JjPZWZTkJXaJDpnh/r7PJxKBwUDlo0VPlwiwjepAQR2Rw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.94.tgz}
+  registry.npmjs.org/@swc/core-linux-x64-gnu@1.3.96:
+    resolution: {integrity: sha512-USdaZu8lTIkm4Yf9cogct/j5eqtdZqTgcTib4I+NloUW0E/hySou3eSyp3V2UAA1qyuC72ld1otXuyKBna0YKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.96.tgz}
     name: '@swc/core-linux-x64-gnu'
-    version: 1.3.94
+    version: 1.3.96
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
@@ -2290,10 +2298,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-linux-x64-musl@1.3.94:
-    resolution: {integrity: sha512-rSylruWyeol2ujZDHmwiovupMR5ukMXivlA7DDxmQ1dFUV9HuiPknQrU5rEbI3V2V3V5RkpbEKjnADen7AeMPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.94.tgz}
+  registry.npmjs.org/@swc/core-linux-x64-musl@1.3.96:
+    resolution: {integrity: sha512-QYErutd+G2SNaCinUVobfL7jWWjGTI0QEoQ6hqTp7PxCJS/dmKmj3C5ZkvxRYcq7XcZt7ovrYCTwPTHzt6lZBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.96.tgz}
     name: '@swc/core-linux-x64-musl'
-    version: 1.3.94
+    version: 1.3.96
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
@@ -2301,10 +2309,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-win32-arm64-msvc@1.3.94:
-    resolution: {integrity: sha512-OenDUr5MQkz506ebVQq6ezoZ3GZ26nchgf5mPnwab4gx2TEiyR9zn7MdX5LWskTmOK3+FszPbGK0B5oLK6Y5yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.94.tgz}
+  registry.npmjs.org/@swc/core-win32-arm64-msvc@1.3.96:
+    resolution: {integrity: sha512-hjGvvAduA3Un2cZ9iNP4xvTXOO4jL3G9iakhFsgVhpkU73SGmK7+LN8ZVBEu4oq2SUcHO6caWvnZ881cxGuSpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.96.tgz}
     name: '@swc/core-win32-arm64-msvc'
-    version: 1.3.94
+    version: 1.3.96
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [win32]
@@ -2312,10 +2320,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-win32-ia32-msvc@1.3.94:
-    resolution: {integrity: sha512-mi6NcmtJKnaiHAxLtVz+WzunscsEwPdA0j15DuiYVx06Xo+MdRLJj4eVBgVLwGD1AI3IqKs4MVVx2cD7n0h5mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.94.tgz}
+  registry.npmjs.org/@swc/core-win32-ia32-msvc@1.3.96:
+    resolution: {integrity: sha512-Far2hVFiwr+7VPCM2GxSmbh3ikTpM3pDombE+d69hkedvYHYZxtTF+2LTKl/sXtpbUnsoq7yV/32c9R/xaaWfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.96.tgz}
     name: '@swc/core-win32-ia32-msvc'
-    version: 1.3.94
+    version: 1.3.96
     engines: {node: '>=10'}
     cpu: [ia32]
     os: [win32]
@@ -2323,10 +2331,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.94:
-    resolution: {integrity: sha512-Ba0ZLcGMnqPWWF9Xa+rWhhnkpvE7XoQegMP/VCF2JIHb2ieGBC8jChO6nKRFKZjib/3wghGzxakyDQx3LDhDug==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.94.tgz}
+  registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.96:
+    resolution: {integrity: sha512-4VbSAniIu0ikLf5mBX81FsljnfqjoVGleEkCQv4+zRlyZtO3FHoDPkeLVoy6WRlj7tyrRcfUJ4mDdPkbfTO14g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.96.tgz}
     name: '@swc/core-win32-x64-msvc'
-    version: 1.3.94
+    version: 1.3.96
     engines: {node: '>=10'}
     cpu: [x64]
     os: [win32]
@@ -2334,10 +2342,10 @@ packages:
     dev: true
     optional: true
 
-  registry.npmjs.org/@swc/core@1.3.94:
-    resolution: {integrity: sha512-jTHn8UJOGgERKZLy8euEixVAzC/w/rUSuMlM3e7hxgap/TC595hSkuQwtkpL238dsuEPveD44GMy2A5UBtSvjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core/-/core-1.3.94.tgz}
+  registry.npmjs.org/@swc/core@1.3.96:
+    resolution: {integrity: sha512-zwE3TLgoZwJfQygdv2SdCK9mRLYluwDOM53I+dT6Z5ZvrgVENmY3txvWDvduzkV+/8IuvrRbVezMpxcojadRdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core/-/core-1.3.96.tgz}
     name: '@swc/core'
-    version: 1.3.94
+    version: 1.3.96
     engines: {node: '>=10'}
     requiresBuild: true
     peerDependencies:
@@ -2349,16 +2357,16 @@ packages:
       '@swc/counter': registry.npmjs.org/@swc/counter@0.1.2
       '@swc/types': registry.npmjs.org/@swc/types@0.1.5
     optionalDependencies:
-      '@swc/core-darwin-arm64': registry.npmjs.org/@swc/core-darwin-arm64@1.3.94
-      '@swc/core-darwin-x64': registry.npmjs.org/@swc/core-darwin-x64@1.3.94
-      '@swc/core-linux-arm-gnueabihf': registry.npmjs.org/@swc/core-linux-arm-gnueabihf@1.3.94
-      '@swc/core-linux-arm64-gnu': registry.npmjs.org/@swc/core-linux-arm64-gnu@1.3.94
-      '@swc/core-linux-arm64-musl': registry.npmjs.org/@swc/core-linux-arm64-musl@1.3.94
-      '@swc/core-linux-x64-gnu': registry.npmjs.org/@swc/core-linux-x64-gnu@1.3.94
-      '@swc/core-linux-x64-musl': registry.npmjs.org/@swc/core-linux-x64-musl@1.3.94
-      '@swc/core-win32-arm64-msvc': registry.npmjs.org/@swc/core-win32-arm64-msvc@1.3.94
-      '@swc/core-win32-ia32-msvc': registry.npmjs.org/@swc/core-win32-ia32-msvc@1.3.94
-      '@swc/core-win32-x64-msvc': registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.94
+      '@swc/core-darwin-arm64': registry.npmjs.org/@swc/core-darwin-arm64@1.3.96
+      '@swc/core-darwin-x64': registry.npmjs.org/@swc/core-darwin-x64@1.3.96
+      '@swc/core-linux-arm-gnueabihf': registry.npmjs.org/@swc/core-linux-arm-gnueabihf@1.3.96
+      '@swc/core-linux-arm64-gnu': registry.npmjs.org/@swc/core-linux-arm64-gnu@1.3.96
+      '@swc/core-linux-arm64-musl': registry.npmjs.org/@swc/core-linux-arm64-musl@1.3.96
+      '@swc/core-linux-x64-gnu': registry.npmjs.org/@swc/core-linux-x64-gnu@1.3.96
+      '@swc/core-linux-x64-musl': registry.npmjs.org/@swc/core-linux-x64-musl@1.3.96
+      '@swc/core-win32-arm64-msvc': registry.npmjs.org/@swc/core-win32-arm64-msvc@1.3.96
+      '@swc/core-win32-ia32-msvc': registry.npmjs.org/@swc/core-win32-ia32-msvc@1.3.96
+      '@swc/core-win32-x64-msvc': registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.96
     dev: true
 
   registry.npmjs.org/@swc/counter@0.1.2:
@@ -2387,35 +2395,43 @@ packages:
     dependencies:
       '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
       '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-      '@types/babel__generator': registry.npmjs.org/@types/babel__generator@7.6.6
-      '@types/babel__template': registry.npmjs.org/@types/babel__template@7.4.3
-      '@types/babel__traverse': registry.npmjs.org/@types/babel__traverse@7.20.3
+      '@types/babel__generator': registry.npmjs.org/@types/babel__generator@7.6.7
+      '@types/babel__template': registry.npmjs.org/@types/babel__template@7.4.4
+      '@types/babel__traverse': registry.npmjs.org/@types/babel__traverse@7.20.4
     dev: false
 
-  registry.npmjs.org/@types/babel__generator@7.6.6:
-    resolution: {integrity: sha512-66BXMKb/sUWbMdBNdMvajU7i/44RkrA3z/Yt1c7R5xejt8qh84iU54yUWCtm0QwGJlDcf/gg4zd/x4mpLAlb/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.6.tgz}
+  registry.npmjs.org/@types/babel__core@7.20.4:
+    resolution: {integrity: sha512-mLnSC22IC4vcWiuObSRjrLd9XcBTGf59vUSoq2jkQDJ/QQ8PMI9rSuzE+aEV8karUMbskw07bKYoUJCKTUaygg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.4.tgz}
+    name: '@types/babel__core'
+    version: 7.20.4
+    dependencies:
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+      '@types/babel__generator': registry.npmjs.org/@types/babel__generator@7.6.7
+      '@types/babel__template': registry.npmjs.org/@types/babel__template@7.4.4
+      '@types/babel__traverse': registry.npmjs.org/@types/babel__traverse@7.20.4
+
+  registry.npmjs.org/@types/babel__generator@7.6.7:
+    resolution: {integrity: sha512-6Sfsq+EaaLrw4RmdFWE9Onp63TOUue71AWb4Gpa6JxzgTYtimbM086WnYTy2U67AofR++QKCo08ZP6pwx8YFHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.7.tgz}
     name: '@types/babel__generator'
-    version: 7.6.6
+    version: 7.6.7
     dependencies:
       '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-    dev: false
 
-  registry.npmjs.org/@types/babel__template@7.4.3:
-    resolution: {integrity: sha512-ciwyCLeuRfxboZ4isgdNZi/tkt06m8Tw6uGbBSBgWrnnZGNXiEyM27xc/PjXGQLqlZ6ylbgHMnm7ccF9tCkOeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.3.tgz}
+  registry.npmjs.org/@types/babel__template@7.4.4:
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz}
     name: '@types/babel__template'
-    version: 7.4.3
+    version: 7.4.4
     dependencies:
       '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
       '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-    dev: false
 
-  registry.npmjs.org/@types/babel__traverse@7.20.3:
-    resolution: {integrity: sha512-Lsh766rGEFbaxMIDH7Qa+Yha8cMVI3qAK6CHt3OR0YfxOIn5Z54iHiyDRycHrBqeIiqGa20Kpsv1cavfBKkRSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.3.tgz}
+  registry.npmjs.org/@types/babel__traverse@7.20.4:
+    resolution: {integrity: sha512-mSM/iKUk5fDDrEV/e83qY+Cr3I1+Q3qqTuEn++HAWYjEa1+NxZr6CNrcJGf2ZTnq4HoFGC3zaTPZTobCzCFukA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.4.tgz}
     name: '@types/babel__traverse'
-    version: 7.20.3
+    version: 7.20.4
     dependencies:
       '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-    dev: false
 
   registry.npmjs.org/@types/cookie@0.5.3:
     resolution: {integrity: sha512-SLg07AS9z1Ab2LU+QxzU8RCmzsja80ywjf/t5oqw+4NSH20gIGlhLOrBDm1L3PBWzPa4+wkgFQVZAjE6Ioj2ug==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/cookie/-/cookie-0.5.3.tgz}
@@ -2670,10 +2686,10 @@ packages:
       '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom@3.0.1
     dev: false
 
-  registry.npmjs.org/@types/dagre@0.7.48:
-    resolution: {integrity: sha512-rF3yXSwHIrDxEkN6edCE4TXknb5YSEpiXfLaspw1I08grC49ZFuAVGOQCmZGIuLUGoFgcqGlUFBL/XrpgYpQgw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/dagre/-/dagre-0.7.48.tgz}
+  registry.npmjs.org/@types/dagre@0.7.52:
+    resolution: {integrity: sha512-XKJdy+OClLk3hketHi9Qg6gTfe1F3y+UFnHxKA2rn9Dw+oXa4Gb378Ztz9HlMgZKSxpPmn4BNVh9wgkpvrK1uw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/dagre/-/dagre-0.7.52.tgz}
     name: '@types/dagre'
-    version: 0.7.48
+    version: 0.7.52
     dev: true
 
   registry.npmjs.org/@types/debug@4.1.10:
@@ -2711,12 +2727,6 @@ packages:
       ci-info: registry.npmjs.org/ci-info@3.9.0
     dev: true
 
-  registry.npmjs.org/@types/json-schema@7.0.14:
-    resolution: {integrity: sha512-U3PUjAudAdJBeC2pgN8uTIKgxrb4nlDF3SF0++EldXQvQBGkpFZMSnwQiIoDU77tv45VgNkl/L4ouD+rEomujw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.14.tgz}
-    name: '@types/json-schema'
-    version: 7.0.14
-    dev: true
-
   registry.npmjs.org/@types/json-schema@7.0.15:
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz}
     name: '@types/json-schema'
@@ -2771,10 +2781,10 @@ packages:
     version: 12.20.55
     dev: true
 
-  registry.npmjs.org/@types/node@16.18.59:
-    resolution: {integrity: sha512-PJ1w2cNeKUEdey4LiPra0ZuxZFOGvetswE8qHRriV/sUkL5Al4tTmPV9D2+Y/TPIxTHHgxTfRjZVKWhPw/ORhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-16.18.59.tgz}
+  registry.npmjs.org/@types/node@16.18.60:
+    resolution: {integrity: sha512-ZUGPWx5vKfN+G2/yN7pcSNLkIkXEvlwNaJEd4e0ppX7W2S8XAkdc/37hM4OUNJB9sa0p12AOvGvxL4JCPiz9DA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-16.18.60.tgz}
     name: '@types/node'
-    version: 16.18.59
+    version: 16.18.60
     dev: true
 
   registry.npmjs.org/@types/node@18.7.16:
@@ -2783,15 +2793,6 @@ packages:
     version: 18.7.16
     dev: true
 
-  registry.npmjs.org/@types/node@20.8.7:
-    resolution: {integrity: sha512-21TKHHh3eUHIi2MloeptJWALuCu5H7HQTdTrWIFReA8ad+aggoX+lRes3ex7/FtpC+sVUpFMQ+QTfYr74mruiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-20.8.7.tgz}
-    name: '@types/node'
-    version: 20.8.7
-    dependencies:
-      undici-types: registry.npmjs.org/undici-types@5.25.3
-    dev: true
-    optional: true
-
   registry.npmjs.org/@types/normalize-package-data@2.4.3:
     resolution: {integrity: sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.3.tgz}
     name: '@types/normalize-package-data'
@@ -2804,6 +2805,11 @@ packages:
     version: 6.0.3
     dev: false
 
+  registry.npmjs.org/@types/prop-types@15.7.10:
+    resolution: {integrity: sha512-mxSnDQxPqsZxmeShFH+uwQ4kO4gcJcGahjjMFeLbKE95IAZiiZyiEepGZjtXJ7hN/yfu0bu9xN2ajcU0JcxX6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.10.tgz}
+    name: '@types/prop-types'
+    version: 15.7.10
+
   registry.npmjs.org/@types/prop-types@15.7.9:
     resolution: {integrity: sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.9.tgz}
     name: '@types/prop-types'
@@ -2821,6 +2827,14 @@ packages:
     version: 2.0.9
     dev: true
 
+  registry.npmjs.org/@types/react-dom@18.2.14:
+    resolution: {integrity: sha512-V835xgdSVmyQmI1KLV2BEIUgqEuinxp9O4G6g3FqO/SqLac049E53aysv0oEFD2kHfejeKU+ZqL2bcFWj9gLAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.14.tgz}
+    name: '@types/react-dom'
+    version: 18.2.14
+    dependencies:
+      '@types/react': registry.npmjs.org/@types/react@18.2.36
+    dev: true
+
   registry.npmjs.org/@types/react-dom@18.2.8:
     resolution: {integrity: sha512-bAIvO5lN/U8sPGvs1Xm61rlRHHaq5rp5N3kp9C+NJ/Q41P8iqjkXSu0+/qu8POsjH9pNWb0OYabFez7taP7omw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.8.tgz}
     name: '@types/react-dom'
@@ -2837,6 +2851,15 @@ packages:
       '@types/scheduler': registry.npmjs.org/@types/scheduler@0.16.5
       csstype: registry.npmjs.org/csstype@3.1.2
 
+  registry.npmjs.org/@types/react@18.2.36:
+    resolution: {integrity: sha512-o9XFsHYLLZ4+sb9CWUYwHqFVoG61SesydF353vFMMsQziiyRu8np4n2OYMUSDZ8XuImxDr9c5tR7gidlH29Vnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.36.tgz}
+    name: '@types/react'
+    version: 18.2.36
+    dependencies:
+      '@types/prop-types': registry.npmjs.org/@types/prop-types@15.7.10
+      '@types/scheduler': registry.npmjs.org/@types/scheduler@0.16.5
+      csstype: registry.npmjs.org/csstype@3.1.2
+
   registry.npmjs.org/@types/resolve@1.20.2:
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz}
     name: '@types/resolve'
@@ -2896,7 +2919,7 @@ packages:
     version: 2.10.2
     requiresBuild: true
     dependencies:
-      '@types/node': registry.npmjs.org/@types/node@20.8.7
+      '@types/node': registry.npmjs.org/@types/node@16.18.60
     dev: true
     optional: true
 
@@ -3251,7 +3274,7 @@ packages:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
-      '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.14
+      '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.15
       '@types/semver': registry.npmjs.org/@types/semver@7.5.4
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@5.60.0
       '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
@@ -3334,43 +3357,25 @@ packages:
     version: 1.2.0
     dev: true
 
-  registry.npmjs.org/@vitejs/plugin-react-swc@3.3.2(vite@4.4.9):
-    resolution: {integrity: sha512-VJFWY5sfoZerQRvJrh518h3AcQt6f/yTuWn4/TRB+dqmYU0NX1qz7qM5Wfd+gOQqUzQW4gxKqKN3KpE/P3+zrA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.3.2.tgz}
-    id: registry.npmjs.org/@vitejs/plugin-react-swc/3.3.2
+  registry.npmjs.org/@vitejs/plugin-react-swc@3.4.1(vite@4.5.0):
+    resolution: {integrity: sha512-7YQOQcVV5x1luD8nkbCDdyYygFvn1hjqJk68UvNAzY2QG4o4N5EwAhLLFNOcd1HrdMwDl0VElP8VutoWf9IvJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.4.1.tgz}
+    id: registry.npmjs.org/@vitejs/plugin-react-swc/3.4.1
     name: '@vitejs/plugin-react-swc'
-    version: 3.3.2
+    version: 3.4.1
     peerDependencies:
       vite: ^4
     dependencies:
-      '@swc/core': registry.npmjs.org/@swc/core@1.3.94
-      vite: registry.npmjs.org/vite@4.4.9
+      '@swc/core': registry.npmjs.org/@swc/core@1.3.96
+      vite: registry.npmjs.org/vite@4.5.0
     transitivePeerDependencies:
       - '@swc/helpers'
     dev: true
 
-  registry.npmjs.org/@vitejs/plugin-react@4.0.4(vite@4.4.9):
-    resolution: {integrity: sha512-7wU921ABnNYkETiMaZy7XqpueMnpu5VxvVps13MjmCo+utBdD79sZzrApHawHtVX66cCJQQTXFcjH0y9dSUK8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.0.4.tgz}
-    id: registry.npmjs.org/@vitejs/plugin-react/4.0.4
-    name: '@vitejs/plugin-react'
-    version: 4.0.4
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.2.0
-    dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
-      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2)
-      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2)
-      react-refresh: registry.npmjs.org/react-refresh@0.14.0
-      vite: registry.npmjs.org/vite@4.4.9
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@vitejs/plugin-react@4.0.4(vite@4.5.0):
-    resolution: {integrity: sha512-7wU921ABnNYkETiMaZy7XqpueMnpu5VxvVps13MjmCo+utBdD79sZzrApHawHtVX66cCJQQTXFcjH0y9dSUK8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.0.4.tgz}
-    id: registry.npmjs.org/@vitejs/plugin-react/4.0.4
+  registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.0):
+    resolution: {integrity: sha512-Jie2HERK+uh27e+ORXXwEP5h0Y2lS9T2PRGbfebiHGlwzDO0dEnd2aNtOR/qjBlPb1YgxwAONeblL1xqLikLag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.1.1.tgz}
+    id: registry.npmjs.org/@vitejs/plugin-react/4.1.1
     name: '@vitejs/plugin-react'
-    version: 4.0.4
+    version: 4.1.1
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^4.2.0
@@ -3378,11 +3383,11 @@ packages:
       '@babel/core': registry.npmjs.org/@babel/core@7.23.2
       '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2)
       '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2)
+      '@types/babel__core': registry.npmjs.org/@types/babel__core@7.20.4
       react-refresh: registry.npmjs.org/react-refresh@0.14.0
       vite: registry.npmjs.org/vite@4.5.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
   registry.npmjs.org/acorn-jsx@5.3.2(acorn@8.10.0):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz}
@@ -3513,6 +3518,12 @@ packages:
     version: 2.2.0
     dev: true
 
+  registry.npmjs.org/arg@5.0.2:
+    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arg/-/arg-5.0.2.tgz}
+    name: arg
+    version: 5.0.2
+    dev: true
+
   registry.npmjs.org/argparse@1.0.10:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz}
     name: argparse
@@ -3723,10 +3734,10 @@ packages:
       - terser
     dev: false
 
-  registry.npmjs.org/async@3.2.4:
-    resolution: {integrity: sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/async/-/async-3.2.4.tgz}
+  registry.npmjs.org/async@3.2.5:
+    resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/async/-/async-3.2.5.tgz}
     name: async
-    version: 3.2.4
+    version: 3.2.5
     dev: true
 
   registry.npmjs.org/asynciterator.prototype@1.0.0:
@@ -3788,13 +3799,14 @@ packages:
     version: 1.12.0
     dev: true
 
-  registry.npmjs.org/axios@0.21.4(debug@4.3.2):
-    resolution: {integrity: sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axios/-/axios-0.21.4.tgz}
-    id: registry.npmjs.org/axios/0.21.4
+  registry.npmjs.org/axios@0.27.2(debug@4.3.4):
+    resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axios/-/axios-0.27.2.tgz}
+    id: registry.npmjs.org/axios/0.27.2
     name: axios
-    version: 0.21.4
+    version: 0.27.2
     dependencies:
-      follow-redirects: registry.npmjs.org/follow-redirects@1.15.3(debug@4.3.2)
+      follow-redirects: registry.npmjs.org/follow-redirects@1.15.3(debug@4.3.4)
+      form-data: registry.npmjs.org/form-data@4.0.0
     transitivePeerDependencies:
       - debug
     dev: true
@@ -4616,16 +4628,15 @@ packages:
       stream-transform: registry.npmjs.org/stream-transform@2.1.3
     dev: true
 
-  registry.npmjs.org/cypress-real-events@1.10.0(cypress@12.17.3):
-    resolution: {integrity: sha512-ALSdCiG+Rj3Sl6qooqTFeFGBxOIe8QJUcgIuJ6ZVBanTEijXRzqxqstMC2ZKfixqj1TyNjolyZU4zOoN/jtHpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress-real-events/-/cypress-real-events-1.10.0.tgz}
-    id: registry.npmjs.org/cypress-real-events/1.10.0
+  registry.npmjs.org/cypress-real-events@1.11.0(cypress@12.17.3):
+    resolution: {integrity: sha512-4LXVRsyq+xBh5TmlEyO1ojtBXtN7xw720Pwb9rEE9rkJuXmeH3VyoR1GGayMGr+Itqf11eEjfDewtDmcx6PWPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress-real-events/-/cypress-real-events-1.11.0.tgz}
+    id: registry.npmjs.org/cypress-real-events/1.11.0
     name: cypress-real-events
-    version: 1.10.0
+    version: 1.11.0
     peerDependencies:
-      cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x
+      cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x || ^13.x
     dependencies:
       cypress: registry.npmjs.org/cypress@12.17.3
-      prettier: registry.npmjs.org/prettier@3.0.3
     dev: true
 
   registry.npmjs.org/cypress@12.17.3:
@@ -4638,7 +4649,7 @@ packages:
     dependencies:
       '@cypress/request': registry.npmjs.org/@cypress/request@2.88.12
       '@cypress/xvfb': registry.npmjs.org/@cypress/xvfb@1.2.4(supports-color@8.1.1)
-      '@types/node': registry.npmjs.org/@types/node@16.18.59
+      '@types/node': registry.npmjs.org/@types/node@16.18.60
       '@types/sinonjs__fake-timers': registry.npmjs.org/@types/sinonjs__fake-timers@8.1.1
       '@types/sizzle': registry.npmjs.org/@types/sizzle@2.3.5
       arch: registry.npmjs.org/arch@2.2.0
@@ -4830,20 +4841,6 @@ packages:
       ms: registry.npmjs.org/ms@2.1.3
       supports-color: registry.npmjs.org/supports-color@8.1.1
 
-  registry.npmjs.org/debug@4.3.2:
-    resolution: {integrity: sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-4.3.2.tgz}
-    name: debug
-    version: 4.3.2
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-    dependencies:
-      ms: registry.npmjs.org/ms@2.1.2
-    dev: true
-
   registry.npmjs.org/debug@4.3.4(supports-color@8.1.1):
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-4.3.4.tgz}
     id: registry.npmjs.org/debug/4.3.4
@@ -6022,7 +6019,7 @@ packages:
     version: 3.2.9
     dev: true
 
-  registry.npmjs.org/follow-redirects@1.15.3(debug@4.3.2):
+  registry.npmjs.org/follow-redirects@1.15.3(debug@4.3.4):
     resolution: {integrity: sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz}
     id: registry.npmjs.org/follow-redirects/1.15.3
     name: follow-redirects
@@ -6034,7 +6031,7 @@ packages:
       debug:
         optional: true
     dependencies:
-      debug: registry.npmjs.org/debug@4.3.2
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
     dev: true
 
   registry.npmjs.org/for-each@0.3.3:
@@ -6062,6 +6059,17 @@ packages:
       mime-types: registry.npmjs.org/mime-types@2.1.35
     dev: true
 
+  registry.npmjs.org/form-data@4.0.0:
+    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz}
+    name: form-data
+    version: 4.0.0
+    engines: {node: '>= 6'}
+    dependencies:
+      asynckit: registry.npmjs.org/asynckit@0.4.0
+      combined-stream: registry.npmjs.org/combined-stream@1.0.8
+      mime-types: registry.npmjs.org/mime-types@2.1.35
+    dev: true
+
   registry.npmjs.org/fraction.js@4.3.7:
     resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz}
     name: fraction.js
@@ -6123,7 +6131,7 @@ packages:
       at-least-node: registry.npmjs.org/at-least-node@1.0.0
       graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
       jsonfile: registry.npmjs.org/jsonfile@6.1.0
-      universalify: registry.npmjs.org/universalify@2.0.0
+      universalify: registry.npmjs.org/universalify@2.0.1
     dev: true
 
   registry.npmjs.org/fs.realpath@1.0.0:
@@ -6233,7 +6241,7 @@ packages:
     name: getos
     version: 3.2.1
     dependencies:
-      async: registry.npmjs.org/async@3.2.4
+      async: registry.npmjs.org/async@3.2.5
     dev: true
 
   registry.npmjs.org/getpass@0.1.7:
@@ -6347,7 +6355,7 @@ packages:
     dependencies:
       array-union: registry.npmjs.org/array-union@2.1.0
       dir-glob: registry.npmjs.org/dir-glob@3.0.1
-      fast-glob: registry.npmjs.org/fast-glob@3.3.1
+      fast-glob: registry.npmjs.org/fast-glob@3.3.2
       ignore: registry.npmjs.org/ignore@5.2.4
       merge2: registry.npmjs.org/merge2@1.4.1
       slash: registry.npmjs.org/slash@3.0.0
@@ -6360,7 +6368,7 @@ packages:
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       dir-glob: registry.npmjs.org/dir-glob@3.0.1
-      fast-glob: registry.npmjs.org/fast-glob@3.3.1
+      fast-glob: registry.npmjs.org/fast-glob@3.3.2
       ignore: registry.npmjs.org/ignore@5.2.4
       merge2: registry.npmjs.org/merge2@1.4.1
       slash: registry.npmjs.org/slash@4.0.0
@@ -6570,14 +6578,6 @@ packages:
       space-separated-tokens: registry.npmjs.org/space-separated-tokens@2.0.2
     dev: false
 
-  registry.npmjs.org/history@5.3.0:
-    resolution: {integrity: sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/history/-/history-5.3.0.tgz}
-    name: history
-    version: 5.3.0
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-    dev: false
-
   registry.npmjs.org/hosted-git-info@2.8.9:
     resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz}
     name: hosted-git-info
@@ -7273,7 +7273,7 @@ packages:
     name: jsonfile
     version: 6.1.0
     dependencies:
-      universalify: registry.npmjs.org/universalify@2.0.0
+      universalify: registry.npmjs.org/universalify@2.0.1
     optionalDependencies:
       graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
     dev: true
@@ -8258,6 +8258,14 @@ packages:
     version: 3.3.6
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
+    dev: true
+
+  registry.npmjs.org/nanoid@3.3.7:
+    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz}
+    name: nanoid
+    version: 3.3.7
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
 
   registry.npmjs.org/napi-build-utils@1.0.2:
     resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-1.0.2.tgz}
@@ -9319,7 +9327,7 @@ packages:
     version: 8.4.31
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
-      nanoid: registry.npmjs.org/nanoid@3.3.6
+      nanoid: registry.npmjs.org/nanoid@3.3.7
       picocolors: registry.npmjs.org/picocolors@1.0.0
       source-map-js: registry.npmjs.org/source-map-js@1.0.2
 
@@ -9516,6 +9524,13 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  registry.npmjs.org/punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz}
+    name: punycode
+    version: 2.3.1
+    engines: {node: '>=6'}
+    dev: true
+
   registry.npmjs.org/qs@6.10.4:
     resolution: {integrity: sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/qs/-/qs-6.10.4.tgz}
     name: qs
@@ -9595,30 +9610,32 @@ packages:
     version: 0.14.0
     engines: {node: '>=0.10.0'}
 
-  registry.npmjs.org/react-router-dom@6.3.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-uaJj7LKytRxZNQV8+RbzJWnJ8K2nPsOOEuX7aQstlMZKQT0164C+X2w6bnkqU3sjtLvpd5ojrezAyfZ1+0sStw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.3.0.tgz}
-    id: registry.npmjs.org/react-router-dom/6.3.0
+  registry.npmjs.org/react-router-dom@6.18.0(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Ubrue4+Ercc/BoDkFQfc6og5zRQ4A8YxSO3Knsne+eRbZ+IepAsK249XBH/XaFuOYOYr3L3r13CXTLvYt5JDjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.18.0.tgz}
+    id: registry.npmjs.org/react-router-dom/6.18.0
     name: react-router-dom
-    version: 6.3.0
+    version: 6.18.0
+    engines: {node: '>=14.0.0'}
     peerDependencies:
       react: '>=16.8'
       react-dom: '>=16.8'
     dependencies:
-      history: registry.npmjs.org/history@5.3.0
+      '@remix-run/router': registry.npmjs.org/@remix-run/router@1.11.0
       react: registry.npmjs.org/react@18.2.0
       react-dom: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
-      react-router: registry.npmjs.org/react-router@6.3.0(react@18.2.0)
+      react-router: registry.npmjs.org/react-router@6.18.0(react@18.2.0)
     dev: false
 
-  registry.npmjs.org/react-router@6.3.0(react@18.2.0):
-    resolution: {integrity: sha512-7Wh1DzVQ+tlFjkeo+ujvjSqSJmkt1+8JO+T5xklPlgrh70y7ogx75ODRW0ThWhY7S+6yEDks8TYrtQe/aoboBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router/-/react-router-6.3.0.tgz}
-    id: registry.npmjs.org/react-router/6.3.0
+  registry.npmjs.org/react-router@6.18.0(react@18.2.0):
+    resolution: {integrity: sha512-vk2y7Dsy8wI02eRRaRmOs9g2o+aE72YCx5q9VasT1N9v+lrdB79tIqrjMfByHiY5+6aYkH2rUa5X839nwWGPDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router/-/react-router-6.18.0.tgz}
+    id: registry.npmjs.org/react-router/6.18.0
     name: react-router
-    version: 6.3.0
+    version: 6.18.0
+    engines: {node: '>=14.0.0'}
     peerDependencies:
       react: '>=16.8'
     dependencies:
-      history: registry.npmjs.org/history@5.3.0
+      '@remix-run/router': registry.npmjs.org/@remix-run/router@1.11.0
       react: registry.npmjs.org/react@18.2.0
     dev: false
 
@@ -9720,6 +9737,7 @@ packages:
     resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz}
     name: regenerator-runtime
     version: 0.14.0
+    dev: true
 
   registry.npmjs.org/regexp.prototype.flags@1.5.1:
     resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz}
@@ -10477,20 +10495,21 @@ packages:
       tweetnacl: registry.npmjs.org/tweetnacl@0.14.5
     dev: true
 
-  registry.npmjs.org/start-server-and-test@1.14.0:
-    resolution: {integrity: sha512-on5ELuxO2K0t8EmNj9MtVlFqwBMxfWOhu4U7uZD1xccVpFlOQKR93CSe0u98iQzfNxRyaNTb/CdadbNllplTsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-1.14.0.tgz}
+  registry.npmjs.org/start-server-and-test@2.0.2:
+    resolution: {integrity: sha512-4sGS2QmETUwqeBUqtTLP7OqXp3PdDnevaWlPlrFQgn8+7uCgVg4Do7/H/ZhAAVyvnL3DqKyANhnLgcgxrjhrMA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-2.0.2.tgz}
     name: start-server-and-test
-    version: 1.14.0
-    engines: {node: '>=6'}
+    version: 2.0.2
+    engines: {node: '>=16'}
     hasBin: true
     dependencies:
+      arg: registry.npmjs.org/arg@5.0.2
       bluebird: registry.npmjs.org/bluebird@3.7.2
       check-more-types: registry.npmjs.org/check-more-types@2.24.0
-      debug: registry.npmjs.org/debug@4.3.2
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       execa: registry.npmjs.org/execa@5.1.1
       lazy-ass: registry.npmjs.org/lazy-ass@1.6.0
       ps-tree: registry.npmjs.org/ps-tree@1.2.0
-      wait-on: registry.npmjs.org/wait-on@6.0.0(debug@4.3.2)
+      wait-on: registry.npmjs.org/wait-on@7.1.0(debug@4.3.4)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -11241,7 +11260,7 @@ packages:
     engines: {node: '>=6'}
     dependencies:
       psl: registry.npmjs.org/psl@1.9.0
-      punycode: registry.npmjs.org/punycode@2.3.0
+      punycode: registry.npmjs.org/punycode@2.3.1
       universalify: registry.npmjs.org/universalify@0.2.0
       url-parse: registry.npmjs.org/url-parse@1.5.10
     dev: true
@@ -11585,13 +11604,6 @@ packages:
       which-boxed-primitive: registry.npmjs.org/which-boxed-primitive@1.0.2
     dev: true
 
-  registry.npmjs.org/undici-types@5.25.3:
-    resolution: {integrity: sha512-Ga1jfYwRn7+cP9v8auvEXN1rX3sWqlayd4HP7OKk4mZWylEmu3KzXDUGrQUN6Ol7qo1gPvB2e5gX6udnyEPgdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici-types/-/undici-types-5.25.3.tgz}
-    name: undici-types
-    version: 5.25.3
-    dev: true
-    optional: true
-
   registry.npmjs.org/undici@5.23.0:
     resolution: {integrity: sha512-1D7w+fvRsqlQ9GscLBwcAJinqcZGHUKjbOmXdlE/v8BvEGXjeWAax+341q44EuTcHXXnfyKNbKRq4Lg7OzhMmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici/-/undici-5.23.0.tgz}
     name: undici
@@ -11743,6 +11755,13 @@ packages:
     engines: {node: '>= 10.0.0'}
     dev: true
 
+  registry.npmjs.org/universalify@2.0.1:
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz}
+    name: universalify
+    version: 2.0.1
+    engines: {node: '>= 10.0.0'}
+    dev: true
+
   registry.npmjs.org/untildify@4.0.0:
     resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz}
     name: untildify
@@ -11865,43 +11884,6 @@ packages:
       vfile-message: registry.npmjs.org/vfile-message@3.1.4
     dev: false
 
-  registry.npmjs.org/vite@4.4.9:
-    resolution: {integrity: sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.4.9.tgz}
-    name: vite
-    version: 4.4.9
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      esbuild: registry.npmjs.org/esbuild@0.18.20
-      postcss: registry.npmjs.org/postcss@8.4.31
-      rollup: registry.npmjs.org/rollup@3.29.4
-    optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents@2.3.3
-    dev: true
-
   registry.npmjs.org/vite@4.5.0:
     resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.5.0.tgz}
     name: vite
@@ -11963,15 +11945,15 @@ packages:
     version: 8.0.0
     dev: false
 
-  registry.npmjs.org/wait-on@6.0.0(debug@4.3.2):
-    resolution: {integrity: sha512-tnUJr9p5r+bEYXPUdRseolmz5XqJTTj98JgOsfBn7Oz2dxfE2g3zw1jE+Mo8lopM3j3et/Mq1yW7kKX6qw7RVw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wait-on/-/wait-on-6.0.0.tgz}
-    id: registry.npmjs.org/wait-on/6.0.0
+  registry.npmjs.org/wait-on@7.1.0(debug@4.3.4):
+    resolution: {integrity: sha512-U7TF/OYYzAg+OoiT/B8opvN48UHt0QYMi4aD3PjRFpybQ+o6czQF8Ig3SKCCMJdxpBrCalIJ4O00FBof27Fu9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wait-on/-/wait-on-7.1.0.tgz}
+    id: registry.npmjs.org/wait-on/7.1.0
     name: wait-on
-    version: 6.0.0
-    engines: {node: '>=10.0.0'}
+    version: 7.1.0
+    engines: {node: '>=12.0.0'}
     hasBin: true
     dependencies:
-      axios: registry.npmjs.org/axios@0.21.4(debug@4.3.2)
+      axios: registry.npmjs.org/axios@0.27.2(debug@4.3.4)
       joi: registry.npmjs.org/joi@17.11.0
       lodash: registry.npmjs.org/lodash@4.17.21
       minimist: registry.npmjs.org/minimist@1.2.8
@@ -12306,6 +12288,29 @@ packages:
       use-sync-external-store: registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0)
     dev: false
 
+  registry.npmjs.org/zustand@4.4.6(@types/react@18.2.36)(react@18.2.0):
+    resolution: {integrity: sha512-Rb16eW55gqL4W2XZpJh0fnrATxYEG3Apl2gfHTyDSE965x/zxslTikpNch0JgNjJA9zK6gEFW8Fl6d1rTZaqgg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.4.6.tgz}
+    id: registry.npmjs.org/zustand/4.4.6
+    name: zustand
+    version: 4.4.6
+    engines: {node: '>=12.7.0'}
+    peerDependencies:
+      '@types/react': '>=16.8'
+      immer: '>=9.0'
+      react: '>=16.8'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
+    dependencies:
+      '@types/react': registry.npmjs.org/@types/react@18.2.36
+      react: registry.npmjs.org/react@18.2.0
+      use-sync-external-store: registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0)
+    dev: false
+
   registry.npmjs.org/zwitch@2.0.4:
     resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz}
     name: zwitch

From 8be0337e00fc2bb95ed0d00e6101c03dce0559b3 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 7 Nov 2023 16:19:09 +0100
Subject: [PATCH 0314/1093] refactored react-examples app and created generic
 test case component

---
 examples/react/cypress.config.ts              |   2 +-
 examples/react/src/App/index.tsx              | 150 ++++++++--------
 examples/react/src/app.d.ts                   |   7 +
 examples/react/src/generic-tests/Flow.tsx     |  29 ++++
 .../react/src/generic-tests/edges/general.ts  | 163 ++++++++++++++++++
 examples/react/src/generic-tests/index.tsx    |  17 ++
 .../react/src/generic-tests/nodes/general.ts  |   1 +
 7 files changed, 299 insertions(+), 70 deletions(-)
 create mode 100644 examples/react/src/app.d.ts
 create mode 100644 examples/react/src/generic-tests/Flow.tsx
 create mode 100644 examples/react/src/generic-tests/edges/general.ts
 create mode 100644 examples/react/src/generic-tests/index.tsx
 create mode 100644 examples/react/src/generic-tests/nodes/general.ts

diff --git a/examples/react/cypress.config.ts b/examples/react/cypress.config.ts
index b46eaa76f..027bd6902 100644
--- a/examples/react/cypress.config.ts
+++ b/examples/react/cypress.config.ts
@@ -2,7 +2,7 @@ import { defineConfig } from 'cypress';
 
 export default defineConfig({
   e2e: {
-    baseUrl: 'http://localhost:3000',
+    baseUrl: 'http://localhost:3000/examples',
     viewportWidth: 1280,
     viewportHeight: 720,
     video: false,
diff --git a/examples/react/src/App/index.tsx b/examples/react/src/App/index.tsx
index b6bc5be78..77344ba21 100644
--- a/examples/react/src/App/index.tsx
+++ b/examples/react/src/App/index.tsx
@@ -1,5 +1,7 @@
 import { useEffect, useState } from 'react';
-import { BrowserRouter, Route, Routes, useLocation, useNavigate } from 'react-router-dom';
+import { BrowserRouter, Outlet, Route, Routes, useLocation, useNavigate } from 'react-router-dom';
+
+import GenericTests from '../generic-tests';
 
 import Basic from '../examples/Basic';
 import Backgrounds from '../examples/Backgrounds';
@@ -57,232 +59,232 @@ interface IRoute {
 const routes: IRoute[] = [
   {
     name: 'Basic',
-    path: '/',
+    path: 'basic',
     component: Basic,
   },
   {
     name: 'Backgrounds',
-    path: '/backgrounds',
+    path: 'backgrounds',
     component: Backgrounds,
   },
   {
     name: 'Cancel Connection',
-    path: '/cancel-connection',
+    path: 'cancel-connection',
     component: CancelConnection,
   },
   {
     name: 'Controlled/Uncontrolled',
-    path: '/controlled-uncontrolled',
+    path: 'controlled-uncontrolled',
     component: ControlledUncontrolled,
   },
   {
     name: 'Controlled Viewport',
-    path: '/controlled-viewport',
+    path: 'controlled-viewport',
     component: ControlledViewport,
   },
   {
     name: 'Custom Connection Line',
-    path: '/custom-connectionline',
+    path: 'custom-connectionline',
     component: CustomConnectionLine,
   },
   {
     name: 'Custom Minimap Node',
-    path: '/custom-minimap-node',
+    path: 'custom-minimap-node',
     component: CustomMiniMapNode,
   },
   {
     name: 'Custom Node',
-    path: '/custom-node',
+    path: 'custom-node',
     component: CustomNode,
   },
   {
     name: 'Default Nodes',
-    path: '/default-nodes',
+    path: 'default-nodes',
     component: DefaultNodes,
   },
   {
     name: 'Drag Handle',
-    path: '/draghandle',
+    path: 'draghandle',
     component: DragHandle,
   },
   {
     name: 'Drag and Drop',
-    path: '/dragndrop',
+    path: 'dragndrop',
     component: DragNDrop,
   },
   {
     name: 'EasyConnect',
-    path: '/easy-connect',
+    path: 'easy-connect',
     component: EasyConnect,
   },
   {
     name: 'Edges',
-    path: '/edges',
+    path: 'edges',
     component: Edges,
   },
   {
     name: 'Edge Renderer',
-    path: '/edge-renderer',
+    path: 'edge-renderer',
     component: EdgeRenderer,
   },
   {
     name: 'Edge Types',
-    path: '/edge-types',
+    path: 'edge-types',
     component: EdgeTypes,
   },
   {
     name: 'Edge Routing',
-    path: '/edge-routing',
+    path: 'edge-routing',
     component: EdgeRouting,
   },
   {
     name: 'Empty',
-    path: '/empty',
+    path: 'empty',
     component: Empty,
   },
   {
     name: 'Figma',
-    path: '/figma',
+    path: 'figma',
     component: Figma,
   },
   {
     name: 'Floating Edges',
-    path: '/floating-edges',
+    path: 'floating-edges',
     component: FloatingEdges,
   },
   {
     name: 'Hidden',
-    path: '/hidden',
+    path: 'hidden',
     component: Hidden,
   },
   {
     name: 'Interaction',
-    path: '/interaction',
+    path: 'interaction',
     component: Interaction,
   },
   {
     name: 'Intersection',
-    path: '/intersection',
+    path: 'intersection',
     component: Intersection,
   },
   {
     name: 'Interactive Minimap',
-    path: '/interactive-minimap',
+    path: 'interactive-minimap',
     component: InteractiveMinimap,
   },
   {
     name: 'Layouting',
-    path: '/layouting',
+    path: 'layouting',
     component: Layouting,
   },
   {
     name: 'Multi Flows',
-    path: '/multiflows',
+    path: 'multiflows',
     component: MultiFlows,
   },
   {
     name: 'Nested Nodes',
-    path: '/nested-nodes',
+    path: 'nested-nodes',
     component: NestedNodes,
   },
   {
     name: 'Node Type Change',
-    path: '/nodetype-change',
+    path: 'nodetype-change',
     component: NodeTypeChange,
   },
   {
     name: 'nodeTypes Object Change',
-    path: '/nodetypesobject-change',
+    path: 'nodetypesobject-change',
     component: NodeTypesObjectChange,
   },
   {
     name: 'NodeToolbar',
-    path: '/node-toolbar',
+    path: 'node-toolbar',
     component: NodeToolbar,
   },
   {
     name: 'NodeResizer',
-    path: '/node-resizer',
+    path: 'node-resizer',
     component: NodeResizer,
   },
   {
     name: 'Overview',
-    path: '/overview',
+    path: 'overview',
     component: Overview,
   },
   {
     name: 'Provider',
-    path: '/provider',
+    path: 'provider',
     component: Provider,
   },
   {
     name: 'Save/Restore',
-    path: '/save-restore',
+    path: 'save-restore',
     component: SaveRestore,
   },
   {
     name: 'Stress',
-    path: '/stress',
+    path: 'stress',
     component: Stress,
   },
   {
     name: 'Subflow',
-    path: '/subflow',
+    path: 'subflow',
     component: Subflow,
   },
   {
     name: 'Switch Flow',
-    path: '/switch',
+    path: 'switch',
     component: SwitchFlow,
   },
   {
     name: 'Touch Device',
-    path: '/touch-device',
+    path: 'touch-device',
     component: TouchDevice,
   },
   {
     name: 'Undirectional',
-    path: '/undirectional',
+    path: 'undirectional',
     component: Undirectional,
   },
   {
     name: 'Updatable Edge',
-    path: '/updatable-edge',
+    path: 'updatable-edge',
     component: UpdatableEdge,
   },
   {
     name: 'Update Node',
-    path: '/update-node',
+    path: 'update-node',
     component: UpdateNode,
   },
   {
     name: 'useNodesInitialized',
-    path: '/use-nodes-initialized',
+    path: 'use-nodes-initialized',
     component: useNodesInitialized,
   },
   {
     name: 'useOnSelectionChange',
-    path: '/use-on-selection-change',
+    path: 'use-on-selection-change',
     component: UseOnSelectionChange,
   },
   {
     name: 'useReactFlow',
-    path: '/usereactflow',
+    path: 'usereactflow',
     component: UseReactFlow,
   },
   {
     name: 'useUpdateNodeInternals',
-    path: '/useupdatenodeinternals',
+    path: 'useupdatenodeinternals',
     component: UseUpdateNodeInternals,
   },
   {
     name: 'Validation',
-    path: '/validation',
+    path: 'validation',
     component: Validation,
   },
   {
     name: 'useKeyPress',
-    path: '/use-key-press',
+    path: 'use-key-press',
     component: UseKeyPress,
   },
 ];
@@ -299,28 +301,38 @@ const Header = () => {
   }, [currentPath]);
 
   return (
-    <header>
-      <a className="logo" href="https://github.com/wbkd/react-flow">
-        React Flow Dev
-      </a>
-      <select value={currentPath} onChange={(event) => setCurrentPath(event.target.value)}>
-        {routes.map((route) => (
-          <option value={route.path} key={route.path}>
-            {route.name}
-          </option>
-        ))}
-      </select>
-    </header>
+    <>
+      <header>
+        <a className="logo" href="https://github.com/wbkd/react-flow">
+          React Flow Dev
+        </a>
+        <select value={currentPath} onChange={(event) => setCurrentPath(event.target.value)}>
+          {routes.map((route) => (
+            <option value={route.path} key={route.path}>
+              {route.name}
+            </option>
+          ))}
+        </select>
+      </header>
+      <Outlet />
+    </>
   );
 };
 
-export default () => (
-  <BrowserRouter>
-    <Header />
-    <Routes>
-      {routes.map((route) => (
-        <Route path={route.path} key={route.path} element={<route.component />} />
-      ))}
-    </Routes>
-  </BrowserRouter>
-);
+export default () => {
+  return (
+    <>
+      <BrowserRouter>
+        <Routes>
+          <Route path="examples" element={<Header />}>
+            <Route index element={<Basic />} />
+            {routes.map((route) => (
+              <Route path={route.path} key={route.path} element={<route.component />} />
+            ))}
+          </Route>
+          <Route path="tests/generic/*" element={<GenericTests />} />
+        </Routes>
+      </BrowserRouter>
+    </>
+  );
+};
diff --git a/examples/react/src/app.d.ts b/examples/react/src/app.d.ts
new file mode 100644
index 000000000..1118fb9d5
--- /dev/null
+++ b/examples/react/src/app.d.ts
@@ -0,0 +1,7 @@
+import { Edge, Node, ReactFlowProps } from '@xyflow/react';
+
+declare global {
+  interface GenericTestCase {
+    reactFlowProps: Omit<ReactFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
+  }
+}
diff --git a/examples/react/src/generic-tests/Flow.tsx b/examples/react/src/generic-tests/Flow.tsx
new file mode 100644
index 000000000..28b38001c
--- /dev/null
+++ b/examples/react/src/generic-tests/Flow.tsx
@@ -0,0 +1,29 @@
+import { useState, useCallback } from 'react';
+import { ReactFlow, Controls, Background, applyNodeChanges, applyEdgeChanges } from '@xyflow/react';
+
+type FlowProps = {
+  generics: GenericTestCase;
+};
+
+export default ({ generics }: FlowProps) => {
+  const [nodes, setNodes] = useState(generics.reactFlowProps.nodes);
+  const [edges, setEdges] = useState(generics.reactFlowProps.edges);
+
+  const onNodesChange = useCallback((changes) => setNodes((nds) => applyNodeChanges(changes, nds)), []);
+  const onEdgesChange = useCallback((changes) => setEdges((eds) => applyEdgeChanges(changes, eds)), []);
+
+  return (
+    <div style={{ height: '100%' }}>
+      <ReactFlow
+        {...generics.reactFlowProps}
+        nodes={nodes}
+        onNodesChange={onNodesChange}
+        edges={edges}
+        onEdgesChange={onEdgesChange}
+      >
+        <Background />
+        <Controls />
+      </ReactFlow>
+    </div>
+  );
+};
diff --git a/examples/react/src/generic-tests/edges/general.ts b/examples/react/src/generic-tests/edges/general.ts
new file mode 100644
index 000000000..596c836d3
--- /dev/null
+++ b/examples/react/src/generic-tests/edges/general.ts
@@ -0,0 +1,163 @@
+import { MarkerType } from '@xyflow/react';
+
+export default {
+  reactFlowProps: {
+    fitView: true,
+    nodes: [
+      {
+        id: '1',
+        data: { label: '1' },
+        position: { x: 0, y: 0 },
+        type: 'input',
+      },
+      {
+        id: '2',
+        data: { label: '2' },
+        position: { x: -100, y: 100 },
+      },
+      {
+        id: '3',
+        data: { label: '3' },
+        position: { x: 100, y: 100 },
+      },
+      {
+        id: '4',
+        data: { label: '4' },
+        position: { x: -100, y: 200 },
+      },
+      {
+        id: '5',
+        data: { label: '5' },
+        position: { x: 100, y: 200 },
+      },
+      {
+        id: '6',
+        data: { label: '6' },
+        position: { x: -100, y: 300 },
+      },
+      {
+        id: '7',
+        data: { label: '7' },
+        position: { x: 100, y: 300 },
+      },
+      {
+        id: '8',
+        data: { label: '8' },
+        position: { x: -100, y: 400 },
+      },
+      {
+        id: '9',
+        data: { label: '9' },
+        position: { x: 100, y: 400 },
+      },
+      {
+        id: '10',
+        data: { label: '10' },
+        position: { x: -100, y: 500 },
+      },
+      {
+        id: '11',
+        data: { label: '11' },
+        position: { x: 100, y: 500 },
+      },
+      // {
+      // 	id: '12',
+      // 	data: { label: '12' },
+      // 	position: { x: -100, y: 600 }
+      // },
+      // {
+      // 	id: '13',
+      // 	data: { label: '13' },
+      // 	position: { x: 100, y: 600 }
+      // }
+    ],
+    edges: [
+      {
+        id: 'edge-with-class',
+        source: '1',
+        target: '2',
+        className: 'edge-class-test',
+      },
+      {
+        id: 'edge-with-style',
+        source: '1',
+        target: '3',
+        style: {
+          stroke: 'red',
+        },
+      },
+      {
+        id: 'hidden-edge',
+        source: '2',
+        target: '4',
+        label: 'hidden',
+        hidden: true,
+      },
+      {
+        id: 'animated-edge',
+        source: '3',
+        target: '5',
+        label: 'animated',
+        animated: true,
+      },
+      {
+        id: 'not-selectable-edge',
+        source: '4',
+        target: '6',
+        label: 'not-selectable',
+        selectable: false,
+      },
+      {
+        id: 'not-deletable',
+        source: '5',
+        target: '7',
+        label: 'not-deletable',
+        deletable: false,
+      },
+      {
+        id: 'z-index',
+        source: '6',
+        target: '8',
+        label: 'z-index',
+        zIndex: 3141592,
+      },
+      {
+        id: 'aria-label',
+        source: '7',
+        target: '9',
+        label: 'aria-label',
+        ariaLabel: 'aria-label-test',
+      },
+      {
+        id: 'interaction-width',
+        source: '8',
+        target: '10',
+        label: 'interaction-width',
+        interactionWidth: 42,
+      },
+      {
+        id: 'markers',
+        source: '9',
+        target: '11',
+        label: 'markers',
+        markerEnd: { type: MarkerType.Arrow },
+        markerStart: { type: MarkerType.ArrowClosed },
+      },
+      // {
+      // 	id: 'updatable',
+      // 	source: '9',
+      // 	target: '11',
+      // 	label: 'focusable',
+      // 	updatable: true
+      // },
+      // {
+      // 	id: 'not-focusable',
+      //
+      // 	source: '5',
+      // 	target: '7',
+      // 	label: 'not-focusable',
+      // 	focusable: false
+      // },
+    ],
+  },
+} satisfies GenericTestCase;
diff --git a/examples/react/src/generic-tests/index.tsx b/examples/react/src/generic-tests/index.tsx
new file mode 100644
index 000000000..d50e466a4
--- /dev/null
+++ b/examples/react/src/generic-tests/index.tsx
@@ -0,0 +1,17 @@
+import { useLocation } from 'react-router-dom';
+import Flow from './Flow';
+
+export default () => {
+  const location = useLocation();
+  const files = import.meta.glob<GenericTestCase>('./**/*.ts', { eager: true, import: 'default' });
+
+  const testCasePath = `.${location.pathname.replace('/tests/generic', '')}.ts`;
+
+  const testCase = files[testCasePath];
+
+  if (!testCase) {
+    return <div></div>;
+  }
+
+  return <Flow generics={testCase} />;
+};
diff --git a/examples/react/src/generic-tests/nodes/general.ts b/examples/react/src/generic-tests/nodes/general.ts
new file mode 100644
index 000000000..ff8b4c563
--- /dev/null
+++ b/examples/react/src/generic-tests/nodes/general.ts
@@ -0,0 +1 @@
+export default {};

From 9551ebc0f32ebc46d31f89b2089bf89ccadaa137 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 7 Nov 2023 16:31:49 +0100
Subject: [PATCH 0315/1093] ported all test cases from svelte to react

---
 examples/react/src/app.d.ts                   |  2 +-
 examples/react/src/generic-tests/Flow.tsx     |  6 +-
 .../react/src/generic-tests/edges/general.ts  |  2 +-
 .../nodes/components/DragHandleNode.tsx       | 25 +++++
 .../react/src/generic-tests/nodes/general.ts  | 92 ++++++++++++++++++-
 .../react/src/generic-tests/pane/general.ts   | 37 ++++++++
 .../src/generic-tests/pane/non-defaults.ts    | 38 ++++++++
 tests/playwright/e2e/edges.spec.ts            |  2 +-
 tests/playwright/e2e/pane.spec.ts             |  2 +-
 9 files changed, 198 insertions(+), 8 deletions(-)
 create mode 100644 examples/react/src/generic-tests/nodes/components/DragHandleNode.tsx
 create mode 100644 examples/react/src/generic-tests/pane/general.ts
 create mode 100644 examples/react/src/generic-tests/pane/non-defaults.ts

diff --git a/examples/react/src/app.d.ts b/examples/react/src/app.d.ts
index 1118fb9d5..88375944d 100644
--- a/examples/react/src/app.d.ts
+++ b/examples/react/src/app.d.ts
@@ -2,6 +2,6 @@ import { Edge, Node, ReactFlowProps } from '@xyflow/react';
 
 declare global {
   interface GenericTestCase {
-    reactFlowProps: Omit<ReactFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
+    flowProps: Omit<ReactFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
   }
 }
diff --git a/examples/react/src/generic-tests/Flow.tsx b/examples/react/src/generic-tests/Flow.tsx
index 28b38001c..a547bcbc7 100644
--- a/examples/react/src/generic-tests/Flow.tsx
+++ b/examples/react/src/generic-tests/Flow.tsx
@@ -6,8 +6,8 @@ type FlowProps = {
 };
 
 export default ({ generics }: FlowProps) => {
-  const [nodes, setNodes] = useState(generics.reactFlowProps.nodes);
-  const [edges, setEdges] = useState(generics.reactFlowProps.edges);
+  const [nodes, setNodes] = useState(generics.flowProps.nodes);
+  const [edges, setEdges] = useState(generics.flowProps.edges);
 
   const onNodesChange = useCallback((changes) => setNodes((nds) => applyNodeChanges(changes, nds)), []);
   const onEdgesChange = useCallback((changes) => setEdges((eds) => applyEdgeChanges(changes, eds)), []);
@@ -15,7 +15,7 @@ export default ({ generics }: FlowProps) => {
   return (
     <div style={{ height: '100%' }}>
       <ReactFlow
-        {...generics.reactFlowProps}
+        {...generics.flowProps}
         nodes={nodes}
         onNodesChange={onNodesChange}
         edges={edges}
diff --git a/examples/react/src/generic-tests/edges/general.ts b/examples/react/src/generic-tests/edges/general.ts
index 596c836d3..10e426811 100644
--- a/examples/react/src/generic-tests/edges/general.ts
+++ b/examples/react/src/generic-tests/edges/general.ts
@@ -1,7 +1,7 @@
 import { MarkerType } from '@xyflow/react';
 
 export default {
-  reactFlowProps: {
+  flowProps: {
     fitView: true,
     nodes: [
       {
diff --git a/examples/react/src/generic-tests/nodes/components/DragHandleNode.tsx b/examples/react/src/generic-tests/nodes/components/DragHandleNode.tsx
new file mode 100644
index 000000000..48037f61d
--- /dev/null
+++ b/examples/react/src/generic-tests/nodes/components/DragHandleNode.tsx
@@ -0,0 +1,25 @@
+export default () => {
+  return (
+    <div
+      className="container"
+      style={{
+        width: '100px',
+        height: '50px',
+        background: 'red',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+      }}
+    >
+      <div
+        className="drag-handle custom-drag-handle"
+        style={{
+          display: 'inline-block',
+          width: '25px',
+          height: '25px',
+          backgroundColor: 'green',
+        }}
+      />
+    </div>
+  );
+};
diff --git a/examples/react/src/generic-tests/nodes/general.ts b/examples/react/src/generic-tests/nodes/general.ts
index ff8b4c563..603916028 100644
--- a/examples/react/src/generic-tests/nodes/general.ts
+++ b/examples/react/src/generic-tests/nodes/general.ts
@@ -1 +1,91 @@
-export default {};
+import DragHandleNode from './components/DragHandleNode';
+
+export default {
+  flowProps: {
+    fitView: true,
+    nodeTypes: {
+      DragHandleNode,
+    },
+    nodes: [
+      {
+        id: 'Node-1',
+        data: { label: 'Node-1' },
+        position: { x: 0, y: 0 },
+        type: 'input',
+        className: 'playwright-test-class-123',
+        style: { backgroundColor: 'red' },
+      },
+      {
+        id: 'Node-2',
+        type: 'output',
+        data: { label: 'Node-2' },
+        position: { x: -100, y: 100 },
+      },
+      {
+        id: 'Node-3',
+        data: { label: 'Node-3' },
+        position: { x: 100, y: 100 },
+      },
+      {
+        id: 'Node-4',
+        data: { label: 'Node-4' },
+        position: { x: 0, y: 200 },
+        type: 'output',
+      },
+      {
+        id: 'drag-handle',
+        data: { label: 'Drag Handle' },
+        position: { x: 200, y: 0 },
+        type: 'DragHandleNode',
+        dragHandle: '.custom-drag-handle',
+      },
+      {
+        id: 'notConnectable',
+        type: 'output',
+        data: { label: 'notConnectable' },
+        position: { x: 0, y: 300 },
+        connectable: false,
+      },
+      {
+        id: 'notDraggable',
+        data: { label: 'notDraggable' },
+        position: { x: 0, y: 400 },
+        draggable: false,
+      },
+      {
+        id: 'notSelectable',
+        data: { label: 'notSelectable' },
+        position: { x: 0, y: 500 },
+        selectable: false,
+      },
+      {
+        id: 'notDeletable',
+        data: { label: 'notDeletable' },
+        position: { x: 0, y: 600 },
+        deletable: false,
+      },
+      {
+        id: 'hidden',
+        data: { label: 'hidden' },
+        position: { x: 0, y: 700 },
+        hidden: true,
+      },
+    ],
+    edges: [
+      {
+        id: '1-2',
+        type: 'default',
+        source: 'Node-1',
+        target: 'Node-2',
+        label: 'edge',
+      },
+      {
+        id: '1-3',
+        type: 'default',
+        source: 'Node-1',
+        target: 'Node-3',
+        label: 'edge',
+      },
+    ],
+  },
+} satisfies GenericTestCase;
diff --git a/examples/react/src/generic-tests/pane/general.ts b/examples/react/src/generic-tests/pane/general.ts
new file mode 100644
index 000000000..cb2ea3a9d
--- /dev/null
+++ b/examples/react/src/generic-tests/pane/general.ts
@@ -0,0 +1,37 @@
+export default {
+  flowProps: {
+    minZoom: 0.25,
+    maxZoom: 4,
+    fitView: true,
+    nodes: [
+      {
+        id: '1',
+        data: { label: '1' },
+        position: { x: 0, y: 0 },
+        type: 'input',
+      },
+      {
+        id: '2',
+        data: { label: '2' },
+        position: { x: -100, y: 100 },
+      },
+      {
+        id: '3',
+        data: { label: '3' },
+        position: { x: 100, y: 100 },
+      },
+    ],
+    edges: [
+      {
+        id: 'first-edge',
+        source: '1',
+        target: '2',
+      },
+      {
+        id: 'second-edge',
+        source: '1',
+        target: '3',
+      },
+    ],
+  },
+} satisfies GenericTestCase;
diff --git a/examples/react/src/generic-tests/pane/non-defaults.ts b/examples/react/src/generic-tests/pane/non-defaults.ts
new file mode 100644
index 000000000..1c109b531
--- /dev/null
+++ b/examples/react/src/generic-tests/pane/non-defaults.ts
@@ -0,0 +1,38 @@
+export default {
+  flowProps: {
+    panOnScroll: true,
+    initialViewport: { x: 1.23, y: 9.87, zoom: 1.234 },
+    autoPanOnConnect: false,
+    autoPanOnNodeDrag: false,
+    nodes: [
+      {
+        id: '1',
+        data: { label: '1' },
+        position: { x: 0, y: 0 },
+        type: 'input',
+      },
+      {
+        id: '2',
+        data: { label: '2' },
+        position: { x: -100, y: 100 },
+      },
+      {
+        id: '3',
+        data: { label: '3' },
+        position: { x: 100, y: 100 },
+      },
+    ],
+    edges: [
+      {
+        id: 'first-edge',
+        source: '1',
+        target: '2',
+      },
+      {
+        id: 'second-edge',
+        source: '1',
+        target: '3',
+      },
+    ],
+  },
+} satisfies GenericTestCase;
diff --git a/tests/playwright/e2e/edges.spec.ts b/tests/playwright/e2e/edges.spec.ts
index 1318ee4bb..a7ea991f4 100644
--- a/tests/playwright/e2e/edges.spec.ts
+++ b/tests/playwright/e2e/edges.spec.ts
@@ -13,7 +13,7 @@ test.describe('EDGES', () => {
 
   test.describe('selection', () => {
     test('selecting an edge by click', async ({ page }) => {
-      const edge = page.locator('.svelte-flow__edge').and(page.locator('[data-id="edge-with-class"]'));
+      const edge = page.locator(`${FRAMEWORK}.-flow__edge`).and(page.locator('[data-id="edge-with-class"]'));
 
       await expect(edge).toBeAttached();
       await edge.click();
diff --git a/tests/playwright/e2e/pane.spec.ts b/tests/playwright/e2e/pane.spec.ts
index f7f52e3c6..9f18090fd 100644
--- a/tests/playwright/e2e/pane.spec.ts
+++ b/tests/playwright/e2e/pane.spec.ts
@@ -122,7 +122,7 @@ test.describe('PANE DEFAULT', () => {
 
     test('autoPanOnConnect works as intended', async ({ page }) => {
       const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
-      const handle = page.locator('[data-id="1"] .svelte-flow__handle');
+      const handle = page.locator(`[data-id="1"] .${FRAMEWORK}-flow__handle`);
 
       await expect(handle).toBeAttached();
 

From fd2aa9f917315c4091c9cea98b9d9f326fc3fceb Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 7 Nov 2023 16:37:18 +0100
Subject: [PATCH 0316/1093] changed generic test case to be closer to react

---
 examples/svelte/src/app.d.ts                              | 2 +-
 examples/svelte/src/generic-tests/edges/general.ts        | 2 +-
 examples/svelte/src/generic-tests/nodes/general.ts        | 2 +-
 examples/svelte/src/generic-tests/pane/activation-keys.ts | 2 +-
 examples/svelte/src/generic-tests/pane/general.ts         | 2 +-
 examples/svelte/src/generic-tests/pane/non-defaults.ts    | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/examples/svelte/src/app.d.ts b/examples/svelte/src/app.d.ts
index 343f3fd6d..475578fba 100644
--- a/examples/svelte/src/app.d.ts
+++ b/examples/svelte/src/app.d.ts
@@ -12,7 +12,7 @@ declare global {
 	}
 
 	interface GenericTestCase {
-		svelteFlowProps: Omit<SvelteFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
+		flowProps: Omit<SvelteFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
 	}
 }
 
diff --git a/examples/svelte/src/generic-tests/edges/general.ts b/examples/svelte/src/generic-tests/edges/general.ts
index cc05aadaa..cfbb4fc9b 100644
--- a/examples/svelte/src/generic-tests/edges/general.ts
+++ b/examples/svelte/src/generic-tests/edges/general.ts
@@ -1,7 +1,7 @@
 import { MarkerType } from '@xyflow/svelte';
 
 export default {
-	svelteFlowProps: {
+	flowProps: {
 		fitView: true,
 		nodes: [
 			{
diff --git a/examples/svelte/src/generic-tests/nodes/general.ts b/examples/svelte/src/generic-tests/nodes/general.ts
index b7707a081..0b677aa83 100644
--- a/examples/svelte/src/generic-tests/nodes/general.ts
+++ b/examples/svelte/src/generic-tests/nodes/general.ts
@@ -1,7 +1,7 @@
 import DragHandleNode from './components/DragHandleNode.svelte';
 
 export default {
-	svelteFlowProps: {
+	flowProps: {
 		fitView: true,
 		nodeTypes: {
 			DragHandleNode
diff --git a/examples/svelte/src/generic-tests/pane/activation-keys.ts b/examples/svelte/src/generic-tests/pane/activation-keys.ts
index e4dbe4e1f..9bdc26f7c 100644
--- a/examples/svelte/src/generic-tests/pane/activation-keys.ts
+++ b/examples/svelte/src/generic-tests/pane/activation-keys.ts
@@ -1,5 +1,5 @@
 export default {
-	svelteFlowProps: {
+	flowProps: {
 		zoomOnScroll: false,
 		// zoomActivationKey: 'Space',
 		// panOnDrag: false,
diff --git a/examples/svelte/src/generic-tests/pane/general.ts b/examples/svelte/src/generic-tests/pane/general.ts
index 5caac0035..5873b63fc 100644
--- a/examples/svelte/src/generic-tests/pane/general.ts
+++ b/examples/svelte/src/generic-tests/pane/general.ts
@@ -1,5 +1,5 @@
 export default {
-	svelteFlowProps: {
+	flowProps: {
 		minZoom: 0.25,
 		maxZoom: 4,
 		fitView: true,
diff --git a/examples/svelte/src/generic-tests/pane/non-defaults.ts b/examples/svelte/src/generic-tests/pane/non-defaults.ts
index 0d17e9541..51231fbd3 100644
--- a/examples/svelte/src/generic-tests/pane/non-defaults.ts
+++ b/examples/svelte/src/generic-tests/pane/non-defaults.ts
@@ -1,5 +1,5 @@
 export default {
-	svelteFlowProps: {
+	flowProps: {
 		panOnScroll: true,
 		initialViewport: { x: 1.23, y: 9.87, zoom: 1.234 },
 		autoPanOnConnect: false,

From 00ff8e877d14bf1dd51d2fddab4f7c48b585a32f Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 7 Nov 2023 16:43:02 +0100
Subject: [PATCH 0317/1093] fixed svelte tests

---
 .../src/routes/tests/generic/[topic]/[example]/Flow.svelte  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte b/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
index 40babf508..0861399a4 100644
--- a/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
+++ b/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
@@ -7,10 +7,10 @@
 	export let generic: GenericTestCase;
 
 	// Create writables here so it is easier to create test cases
-	const nodes = writable(generic.svelteFlowProps.nodes);
-	const edges = writable(generic.svelteFlowProps.edges);
+	const nodes = writable(generic.flowProps.nodes);
+	const edges = writable(generic.flowProps.edges);
 
-	const svelteFlowPropsWithWritables = { ...generic.svelteFlowProps, nodes, edges };
+	const svelteFlowPropsWithWritables = { ...generic.flowProps, nodes, edges };
 </script>
 
 <SvelteFlow {...svelteFlowPropsWithWritables} />

From e91a9ae387aff8feb0a2af27a97c449536b13996 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 7 Nov 2023 16:50:37 +0100
Subject: [PATCH 0318/1093] feat(react-flow) added data-id to edges

---
 packages/react/src/components/Edges/wrapEdge.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/react/src/components/Edges/wrapEdge.tsx b/packages/react/src/components/Edges/wrapEdge.tsx
index ad1d8f2ad..750254ff1 100644
--- a/packages/react/src/components/Edges/wrapEdge.tsx
+++ b/packages/react/src/components/Edges/wrapEdge.tsx
@@ -213,6 +213,7 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
         onKeyDown={isFocusable ? onKeyDown : undefined}
         tabIndex={isFocusable ? 0 : undefined}
         role={isFocusable ? 'button' : 'img'}
+        data-id={id}
         data-testid={`rf__edge-${id}`}
         aria-label={ariaLabel === null ? undefined : ariaLabel ? ariaLabel : `Edge from ${source} to ${target}`}
         aria-describedby={isFocusable ? `${ARIA_EDGE_DESC_KEY}-${rfId}` : undefined}

From 2d43ab78951c4bbf56fd168317efa9617c7f4408 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 8 Nov 2023 10:37:33 +0100
Subject: [PATCH 0319/1093] fixed some tests

---
 tests/playwright/e2e/edges.spec.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/tests/playwright/e2e/edges.spec.ts b/tests/playwright/e2e/edges.spec.ts
index a7ea991f4..c522296d5 100644
--- a/tests/playwright/e2e/edges.spec.ts
+++ b/tests/playwright/e2e/edges.spec.ts
@@ -13,7 +13,7 @@ test.describe('EDGES', () => {
 
   test.describe('selection', () => {
     test('selecting an edge by click', async ({ page }) => {
-      const edge = page.locator(`${FRAMEWORK}.-flow__edge`).and(page.locator('[data-id="edge-with-class"]'));
+      const edge = page.locator(`[data-id="edge-with-class"]`);
 
       await expect(edge).toBeAttached();
       await edge.click();
@@ -26,11 +26,12 @@ test.describe('EDGES', () => {
 
       await expect(edge1).toBeAttached();
       await expect(edge2).toBeAttached();
-      // FIXME: I cannot get this to work
-      await page.keyboard.down('MetaLeft');
+
       await edge1.click();
       await expect(edge1).toHaveClass(/selected/);
 
+      // FIXME: I cannot get this to work
+      await page.keyboard.down('MetaLeft');
       await edge2.click();
       await expect(edge2).toHaveClass(/selected/);
 

From 118152bd2e625f14226937054b1ce4abe584594b Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 8 Nov 2023 10:39:33 +0100
Subject: [PATCH 0320/1093] fix(svelte) id should not get applied to edge path

---
 packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
index e53bd7c11..4e5b39d16 100644
--- a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
@@ -24,7 +24,6 @@
 
 <path
   d={path}
-  {id}
   class={cc(['svelte-flow__edge-path', className])}
   marker-start={markerStart}
   marker-end={markerEnd}

From a92671093cd0e36043aecfa6d7465be067e0563b Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 8 Nov 2023 10:39:54 +0100
Subject: [PATCH 0321/1093] added tests

---
 examples/react/src/generic-tests/pane/non-defaults.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/react/src/generic-tests/pane/non-defaults.ts b/examples/react/src/generic-tests/pane/non-defaults.ts
index 1c109b531..d90be5e9f 100644
--- a/examples/react/src/generic-tests/pane/non-defaults.ts
+++ b/examples/react/src/generic-tests/pane/non-defaults.ts
@@ -1,7 +1,7 @@
 export default {
   flowProps: {
     panOnScroll: true,
-    initialViewport: { x: 1.23, y: 9.87, zoom: 1.234 },
+    defaultViewport: { x: 1.23, y: 9.87, zoom: 1.234 },
     autoPanOnConnect: false,
     autoPanOnNodeDrag: false,
     nodes: [

From 5fd7db74a871ed9ab069dcda2dc7fd47f10356e1 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 8 Nov 2023 11:22:20 +0100
Subject: [PATCH 0322/1093] fixed tests for react & added scripts to
 package.json

---
 examples/react/src/generic-tests/Flow.tsx | 10 ++++------
 package.json                              |  4 ++++
 pnpm-workspace.yaml                       |  7 ++++---
 tests/playwright/e2e/edges.spec.ts        |  8 ++++----
 tests/playwright/e2e/nodes.spec.ts        | 16 +++++++++++-----
 tests/playwright/e2e/pane.spec.ts         |  6 +++---
 6 files changed, 30 insertions(+), 21 deletions(-)

diff --git a/examples/react/src/generic-tests/Flow.tsx b/examples/react/src/generic-tests/Flow.tsx
index a547bcbc7..5b0846a32 100644
--- a/examples/react/src/generic-tests/Flow.tsx
+++ b/examples/react/src/generic-tests/Flow.tsx
@@ -1,5 +1,5 @@
 import { useState, useCallback } from 'react';
-import { ReactFlow, Controls, Background, applyNodeChanges, applyEdgeChanges } from '@xyflow/react';
+import { ReactFlow, applyNodeChanges, applyEdgeChanges, addEdge } from '@xyflow/react';
 
 type FlowProps = {
   generics: GenericTestCase;
@@ -11,7 +11,7 @@ export default ({ generics }: FlowProps) => {
 
   const onNodesChange = useCallback((changes) => setNodes((nds) => applyNodeChanges(changes, nds)), []);
   const onEdgesChange = useCallback((changes) => setEdges((eds) => applyEdgeChanges(changes, eds)), []);
-
+  const onConnect = useCallback((params) => setEdges((eds) => addEdge(params, eds)), []);
   return (
     <div style={{ height: '100%' }}>
       <ReactFlow
@@ -20,10 +20,8 @@ export default ({ generics }: FlowProps) => {
         onNodesChange={onNodesChange}
         edges={edges}
         onEdgesChange={onEdgesChange}
-      >
-        <Background />
-        <Controls />
-      </ReactFlow>
+        onConnect={onConnect}
+      ></ReactFlow>
     </div>
   );
 };
diff --git a/package.json b/package.json
index f0e22afe1..4411e1372 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,10 @@
     "dev": "turbo run dev --parallel --concurrency 12",
     "dev:svelte": "turbo run dev --filter=svelte --filter=system",
     "dev:react": "turbo run dev --filter=react",
+    "test:svelte": "pnpm --filter=playwright run test:svelte",
+    "test:svelte:ui": "pnpm --filter=playwright run test:svelte:ui",
+    "test:react": "pnpm --filter=playwright run test:react",
+    "test:react:ui": "pnpm --filter=playwright run test:react:ui",
     "build": "turbo run build",
     "test": "turbo run test",
     "lint": "turbo run lint",
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index e36b3997a..a75d7de62 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,4 +1,5 @@
 packages:
-  - "packages/*"
-  - "examples/*"
-  - "tooling/*"
\ No newline at end of file
+  - 'packages/*'
+  - 'examples/*'
+  - 'tooling/*'
+  - 'tests/*'
diff --git a/tests/playwright/e2e/edges.spec.ts b/tests/playwright/e2e/edges.spec.ts
index c522296d5..af2cf9800 100644
--- a/tests/playwright/e2e/edges.spec.ts
+++ b/tests/playwright/e2e/edges.spec.ts
@@ -47,7 +47,7 @@ test.describe('EDGES', () => {
     });
 
     test('styles get applied', async ({ page }) => {
-      const edge = page.locator('#edge-with-style');
+      const edge = page.locator('[data-id="edge-with-style"]').locator(`.${FRAMEWORK}-flow__edge-path`);
 
       await expect(edge).toHaveCSS('stroke', 'rgb(255, 0, 0)');
     });
@@ -121,7 +121,7 @@ test.describe('EDGES', () => {
     });
 
     test('zIndex sets z-index of edge svgs', async ({ page }) => {
-      const svg = page.locator('svg', { has: page.locator('#z-index') });
+      const svg = page.locator('svg', { has: page.locator('[data-id="z-index"]') });
 
       await expect(svg).toBeAttached();
       await expect(svg).toHaveCSS('z-index', '3141592');
@@ -149,8 +149,8 @@ test.describe('EDGES', () => {
       await expect(edge).toHaveClass(/selected/);
     });
 
-    test('markerEnd is setting marker-end', async ({ page }) => {
-      const edge = page.locator('#markers');
+    test('marker-start, marker-end set markers', async ({ page }) => {
+      const edge = page.locator('[data-id="markers"]').locator(`.${FRAMEWORK}-flow__edge-path`);
 
       await expect(edge).toBeAttached();
 
diff --git a/tests/playwright/e2e/nodes.spec.ts b/tests/playwright/e2e/nodes.spec.ts
index f0e97b0ce..5afa41de3 100644
--- a/tests/playwright/e2e/nodes.spec.ts
+++ b/tests/playwright/e2e/nodes.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { test, expect, Locator } from '@playwright/test';
 
 import { FRAMEWORK } from './constants';
 
@@ -28,10 +28,10 @@ test.describe('NODES', () => {
 
       const box = await firstNode.boundingBox();
 
-      await page.mouse.move(box!.x - 100, box!.y - 10);
+      await page.mouse.move(box!.x - 150, box!.y - 25);
       await page.keyboard.down('Shift');
       await page.mouse.down();
-      await page.mouse.move(box!.x + 200, box!.y + 200);
+      await page.mouse.move(box!.x + 275, box!.y + 200);
       await page.mouse.up();
       await page.keyboard.up('Shift');
 
@@ -39,8 +39,14 @@ test.describe('NODES', () => {
       await expect(secondNode).toHaveClass(/selected/);
       await expect(thirdNode).toHaveClass(/selected/);
 
-      const selection = page.locator(`.${FRAMEWORK}-flow__selection`);
-      await expect(selection).toBeInViewport();
+      let selection: Locator | undefined;
+      if (FRAMEWORK === 'react') {
+        selection = page.locator('.react-flow__nodesselection');
+      } else if (FRAMEWORK === 'svelte') {
+        selection = page.locator('.svelte-flow__selection');
+      }
+
+      if (selection) await expect(selection).toBeInViewport();
     });
 
     test('selectable=false prevents selection', async ({ page }) => {
diff --git a/tests/playwright/e2e/pane.spec.ts b/tests/playwright/e2e/pane.spec.ts
index 9f18090fd..31777c97e 100644
--- a/tests/playwright/e2e/pane.spec.ts
+++ b/tests/playwright/e2e/pane.spec.ts
@@ -25,7 +25,7 @@ test.describe('PANE DEFAULT', () => {
     await page.goto('/tests/generic/pane/general');
 
     // Wait till the edges are rendered
-    await page.waitForSelector('#first-edge', { timeout: 5000 });
+    await page.waitForSelector('[data-id="first-edge"]', { timeout: 5000 });
   });
 
   test.describe('pan & zoom', () => {
@@ -148,7 +148,7 @@ test.describe('PANE NON-DEFAULT', () => {
     await page.goto('/tests/generic/pane/non-defaults');
 
     // Wait till the edges are rendered
-    await page.waitForSelector('#first-edge', { timeout: 5000 });
+    await page.waitForSelector('[data-id="first-edge"]', { timeout: 5000 });
   });
 
   test.describe('pan & zoom', () => {
@@ -190,7 +190,7 @@ test.describe('PANE ACTIVATION KEYS', () => {
     await page.goto('/tests/generic/pane/activation-keys');
 
     // Wait till the edges are rendered
-    await page.waitForSelector('#first-edge', { timeout: 5000 });
+    await page.waitForSelector('[data-id="first-edge"]', { timeout: 5000 });
   });
   // TODO
 });

From e83079c5cd31d8a411e45a321f9a31592f14e20f Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 8 Nov 2023 11:28:17 +0100
Subject: [PATCH 0323/1093] react examples now automatically redirect / to
 examples

---
 examples/react/src/App/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/examples/react/src/App/index.tsx b/examples/react/src/App/index.tsx
index 77344ba21..b134daba7 100644
--- a/examples/react/src/App/index.tsx
+++ b/examples/react/src/App/index.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { BrowserRouter, Outlet, Route, Routes, useLocation, useNavigate } from 'react-router-dom';
+import { BrowserRouter, Navigate, Outlet, Route, Routes, useLocation, useNavigate } from 'react-router-dom';
 
 import GenericTests from '../generic-tests';
 
@@ -324,6 +324,7 @@ export default () => {
     <>
       <BrowserRouter>
         <Routes>
+          <Route path="/" element={<Navigate to="/examples" />} />
           <Route path="examples" element={<Header />}>
             <Route index element={<Basic />} />
             {routes.map((route) => (

From 2ebdca0525b4e39a336c8344d3fc8cedf07f844b Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 8 Nov 2023 13:12:34 +0100
Subject: [PATCH 0324/1093] fix(svelte) hiding elements considers missing html
 elements

---
 .../svelte/src/routes/overview/+page.svelte   | 13 ++++++++++
 .../components/NodeWrapper/NodeWrapper.svelte | 26 +++++++++----------
 2 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index 32bef5d00..dddbf398f 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -83,6 +83,12 @@
 			type: 'custom',
 			data: { label: 'Custom Node' },
 			position: { x: 150, y: 300 }
+		},
+		{
+			id: 'hideunhide',
+			data: { label: 'HIDE ME' },
+			position: { x: 300, y: 75 },
+			hidden: true
 		}
 	]);
 
@@ -179,6 +185,13 @@
 	<Panel position="top-right">
 		<button on:click={updateNode}>update node pos</button>
 		<button on:click={updateEdge}>update edge type</button>
+		<button
+			on:click={() => {
+				console.log($nodes, $nodes.length);
+				$nodes[$nodes.length - 1].hidden = !$nodes[$nodes.length - 1].hidden;
+				$nodes = $nodes;
+			}}>hide/unhide</button
+		>
 	</Panel>
 </SvelteFlow>
 
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index e02a0f987..e422b4440 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -1,13 +1,7 @@
 <svelte:options immutable />
 
 <script lang="ts">
-  import {
-    createEventDispatcher,
-    onMount,
-    setContext,
-    SvelteComponent,
-    type ComponentType
-  } from 'svelte';
+  import { createEventDispatcher, setContext, SvelteComponent, type ComponentType } from 'svelte';
   import { get, writable } from 'svelte/store';
   import cc from 'classcat';
   import { errorMessages, Position, type NodeProps } from '@xyflow/system';
@@ -54,6 +48,8 @@
   const nodeType = type || 'default';
 
   let nodeRef: HTMLDivElement;
+  let prevNodeRef: HTMLDivElement;
+
   const nodeTypeValid = !!$nodeTypes[nodeType];
 
   if (!nodeTypeValid) {
@@ -109,13 +105,15 @@
   setContext('svelteflow__node_id', id);
   setContext('svelteflow__node_connectable', connectableStore);
 
-  onMount(() => {
-    resizeObserver?.observe(nodeRef);
-
-    return () => {
-      resizeObserver?.unobserve(nodeRef);
-    };
-  });
+  $: {
+    // hiding the noder removes html element is removed from the dom
+    if (nodeRef) {
+      resizeObserver?.observe(nodeRef);
+      prevNodeRef = nodeRef;
+    } else if (prevNodeRef) {
+      resizeObserver?.unobserve(prevNodeRef);
+    }
+  }
 
   function onSelectNodeHandler(event: MouseEvent | TouchEvent) {
     if (selectable && (!get(selectNodesOnDrag) || !draggable || get(nodeDragThreshold) > 0)) {

From d82a54fa5b4b33ad260bcc78d6b4f7970e3536e6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 8 Nov 2023 17:44:51 +0100
Subject: [PATCH 0325/1093] chore(examples): cleanup

---
 examples/react/src/App/header.tsx             |  34 ++
 examples/react/src/App/index.tsx              | 356 +----------------
 examples/react/src/App/routes.ts              | 287 ++++++++++++++
 examples/react/src/app.d.ts                   |   2 +-
 examples/react/src/generic-tests/Flow.tsx     |  35 +-
 .../react/src/generic-tests/edges/general.ts  |   2 +-
 examples/react/src/generic-tests/index.tsx    |  16 +-
 .../react/src/generic-tests/nodes/general.ts  |   2 +-
 .../react/src/generic-tests/pane/general.ts   |   2 +-
 .../src/generic-tests/pane/non-defaults.ts    |   2 +-
 examples/react/src/main.tsx                   |   3 +-
 examples/svelte/src/app.d.ts                  |   2 +-
 .../svelte/src/generic-tests/edges/general.ts |   2 +-
 .../svelte/src/generic-tests/nodes/general.ts |   2 +-
 .../src/generic-tests/pane/activation-keys.ts |   2 +-
 .../svelte/src/generic-tests/pane/general.ts  |   2 +-
 .../src/generic-tests/pane/non-defaults.ts    |   2 +-
 .../generic/[topic]/[example]/+page.svelte    |   4 +-
 .../tests/generic/[topic]/[example]/+page.ts  |  25 +-
 .../generic/[topic]/[example]/Flow.svelte     |  10 +-
 pnpm-lock.yaml                                | 361 ++++++++++++------
 21 files changed, 648 insertions(+), 505 deletions(-)
 create mode 100644 examples/react/src/App/header.tsx
 create mode 100644 examples/react/src/App/routes.ts

diff --git a/examples/react/src/App/header.tsx b/examples/react/src/App/header.tsx
new file mode 100644
index 000000000..37e579100
--- /dev/null
+++ b/examples/react/src/App/header.tsx
@@ -0,0 +1,34 @@
+import { useEffect, useState } from 'react';
+import { Outlet, useLocation, useNavigate } from 'react-router-dom';
+
+import routes from './routes';
+
+export default function Header() {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const [currentPath, setCurrentPath] = useState(location.pathname);
+
+  useEffect(() => {
+    const name = routes.find((route) => route.path === currentPath)?.name;
+    document.title = `React Flow Examples${name ? ' - ' + name : ''}`;
+    navigate(currentPath);
+  }, [currentPath]);
+
+  return (
+    <>
+      <header>
+        <a className="logo" href="https://github.com/xyflow/xyflow">
+          React Flow Dev
+        </a>
+        <select value={currentPath} onChange={(event) => setCurrentPath(event.target.value)}>
+          {routes.map((route) => (
+            <option value={route.path} key={route.path}>
+              {route.name}
+            </option>
+          ))}
+        </select>
+      </header>
+      <Outlet />
+    </>
+  );
+}
diff --git a/examples/react/src/App/index.tsx b/examples/react/src/App/index.tsx
index b134daba7..98b70cf82 100644
--- a/examples/react/src/App/index.tsx
+++ b/examples/react/src/App/index.tsx
@@ -1,339 +1,21 @@
-import { useEffect, useState } from 'react';
-import { BrowserRouter, Navigate, Outlet, Route, Routes, useLocation, useNavigate } from 'react-router-dom';
-
-import GenericTests from '../generic-tests';
+import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
 
+import routes from './routes';
+import GenericTestRoutes from '../generic-tests';
 import Basic from '../examples/Basic';
-import Backgrounds from '../examples/Backgrounds';
-import ControlledUncontrolled from '../examples/ControlledUncontrolled';
-import ControlledViewport from '../examples/ControlledViewport';
-import CustomConnectionLine from '../examples/CustomConnectionLine';
-import CustomMiniMapNode from '../examples/CustomMiniMapNode';
-import CustomNode from '../examples/CustomNode';
-import DefaultNodes from '../examples/DefaultNodes';
-import DragHandle from '../examples/DragHandle';
-import DragNDrop from '../examples/DragNDrop';
-import EasyConnect from '../examples/EasyConnect';
-import Edges from '../examples/Edges';
-import EdgeRenderer from '../examples/EdgeRenderer';
-import EdgeTypes from '../examples/EdgeTypes';
-import Empty from '../examples/Empty';
-import Figma from '../examples/Figma';
-import FloatingEdges from '../examples/FloatingEdges';
-import Hidden from '../examples/Hidden';
-import Interaction from '../examples/Interaction';
-import Intersection from '../examples/Intersection';
-import Layouting from '../examples/Layouting';
-import MultiFlows from '../examples/MultiFlows';
-import NestedNodes from '../examples/NestedNodes';
-import NodeResizer from '../examples/NodeResizer';
-import NodeTypeChange from '../examples/NodeTypeChange';
-import NodeTypesObjectChange from '../examples/NodeTypesObjectChange';
-import Overview from '../examples/Overview';
-import Provider from '../examples/Provider';
-import SaveRestore from '../examples/SaveRestore';
-import Stress from '../examples/Stress';
-import Subflow from '../examples/Subflow';
-import SwitchFlow from '../examples/Switch';
-import TouchDevice from '../examples/TouchDevice';
-import Undirectional from '../examples/Undirectional';
-import UpdatableEdge from '../examples/UpdatableEdge';
-import UpdateNode from '../examples/UpdateNode';
-import UseUpdateNodeInternals from '../examples/UseUpdateNodeInternals';
-import UseReactFlow from '../examples/UseReactFlow';
-import Validation from '../examples/Validation';
-import UseKeyPress from '../examples/UseKeyPress';
-import EdgeRouting from '../examples/EdgeRouting';
-import CancelConnection from '../examples/CancelConnection';
-import InteractiveMinimap from '../examples/InteractiveMinimap';
-import UseOnSelectionChange from '../examples/UseOnSelectionChange';
-import NodeToolbar from '../examples/NodeToolbar';
-import useNodesInitialized from '../examples/UseNodesInit';
-
-interface IRoute {
-  name: string;
-  path: string;
-  component: React.ComponentType;
-}
-
-const routes: IRoute[] = [
-  {
-    name: 'Basic',
-    path: 'basic',
-    component: Basic,
-  },
-  {
-    name: 'Backgrounds',
-    path: 'backgrounds',
-    component: Backgrounds,
-  },
-  {
-    name: 'Cancel Connection',
-    path: 'cancel-connection',
-    component: CancelConnection,
-  },
-  {
-    name: 'Controlled/Uncontrolled',
-    path: 'controlled-uncontrolled',
-    component: ControlledUncontrolled,
-  },
-  {
-    name: 'Controlled Viewport',
-    path: 'controlled-viewport',
-    component: ControlledViewport,
-  },
-  {
-    name: 'Custom Connection Line',
-    path: 'custom-connectionline',
-    component: CustomConnectionLine,
-  },
-  {
-    name: 'Custom Minimap Node',
-    path: 'custom-minimap-node',
-    component: CustomMiniMapNode,
-  },
-  {
-    name: 'Custom Node',
-    path: 'custom-node',
-    component: CustomNode,
-  },
-  {
-    name: 'Default Nodes',
-    path: 'default-nodes',
-    component: DefaultNodes,
-  },
-  {
-    name: 'Drag Handle',
-    path: 'draghandle',
-    component: DragHandle,
-  },
-  {
-    name: 'Drag and Drop',
-    path: 'dragndrop',
-    component: DragNDrop,
-  },
-  {
-    name: 'EasyConnect',
-    path: 'easy-connect',
-    component: EasyConnect,
-  },
-  {
-    name: 'Edges',
-    path: 'edges',
-    component: Edges,
-  },
-  {
-    name: 'Edge Renderer',
-    path: 'edge-renderer',
-    component: EdgeRenderer,
-  },
-  {
-    name: 'Edge Types',
-    path: 'edge-types',
-    component: EdgeTypes,
-  },
-  {
-    name: 'Edge Routing',
-    path: 'edge-routing',
-    component: EdgeRouting,
-  },
-  {
-    name: 'Empty',
-    path: 'empty',
-    component: Empty,
-  },
-  {
-    name: 'Figma',
-    path: 'figma',
-    component: Figma,
-  },
-  {
-    name: 'Floating Edges',
-    path: 'floating-edges',
-    component: FloatingEdges,
-  },
-  {
-    name: 'Hidden',
-    path: 'hidden',
-    component: Hidden,
-  },
-  {
-    name: 'Interaction',
-    path: 'interaction',
-    component: Interaction,
-  },
-  {
-    name: 'Intersection',
-    path: 'intersection',
-    component: Intersection,
-  },
-  {
-    name: 'Interactive Minimap',
-    path: 'interactive-minimap',
-    component: InteractiveMinimap,
-  },
-  {
-    name: 'Layouting',
-    path: 'layouting',
-    component: Layouting,
-  },
-  {
-    name: 'Multi Flows',
-    path: 'multiflows',
-    component: MultiFlows,
-  },
-  {
-    name: 'Nested Nodes',
-    path: 'nested-nodes',
-    component: NestedNodes,
-  },
-  {
-    name: 'Node Type Change',
-    path: 'nodetype-change',
-    component: NodeTypeChange,
-  },
-  {
-    name: 'nodeTypes Object Change',
-    path: 'nodetypesobject-change',
-    component: NodeTypesObjectChange,
-  },
-  {
-    name: 'NodeToolbar',
-    path: 'node-toolbar',
-    component: NodeToolbar,
-  },
-  {
-    name: 'NodeResizer',
-    path: 'node-resizer',
-    component: NodeResizer,
-  },
-  {
-    name: 'Overview',
-    path: 'overview',
-    component: Overview,
-  },
-  {
-    name: 'Provider',
-    path: 'provider',
-    component: Provider,
-  },
-  {
-    name: 'Save/Restore',
-    path: 'save-restore',
-    component: SaveRestore,
-  },
-  {
-    name: 'Stress',
-    path: 'stress',
-    component: Stress,
-  },
-  {
-    name: 'Subflow',
-    path: 'subflow',
-    component: Subflow,
-  },
-  {
-    name: 'Switch Flow',
-    path: 'switch',
-    component: SwitchFlow,
-  },
-  {
-    name: 'Touch Device',
-    path: 'touch-device',
-    component: TouchDevice,
-  },
-  {
-    name: 'Undirectional',
-    path: 'undirectional',
-    component: Undirectional,
-  },
-  {
-    name: 'Updatable Edge',
-    path: 'updatable-edge',
-    component: UpdatableEdge,
-  },
-  {
-    name: 'Update Node',
-    path: 'update-node',
-    component: UpdateNode,
-  },
-  {
-    name: 'useNodesInitialized',
-    path: 'use-nodes-initialized',
-    component: useNodesInitialized,
-  },
-  {
-    name: 'useOnSelectionChange',
-    path: 'use-on-selection-change',
-    component: UseOnSelectionChange,
-  },
-  {
-    name: 'useReactFlow',
-    path: 'usereactflow',
-    component: UseReactFlow,
-  },
-  {
-    name: 'useUpdateNodeInternals',
-    path: 'useupdatenodeinternals',
-    component: UseUpdateNodeInternals,
-  },
-  {
-    name: 'Validation',
-    path: 'validation',
-    component: Validation,
-  },
-  {
-    name: 'useKeyPress',
-    path: 'use-key-press',
-    component: UseKeyPress,
-  },
-];
-
-const Header = () => {
-  const location = useLocation();
-  const navigate = useNavigate();
-  const [currentPath, setCurrentPath] = useState(location.pathname);
-
-  useEffect(() => {
-    const name = routes.find((route) => route.path === currentPath)?.name;
-    document.title = `React Flow Examples${name ? ' - ' + name : ''}`;
-    navigate(currentPath);
-  }, [currentPath]);
-
-  return (
-    <>
-      <header>
-        <a className="logo" href="https://github.com/wbkd/react-flow">
-          React Flow Dev
-        </a>
-        <select value={currentPath} onChange={(event) => setCurrentPath(event.target.value)}>
-          {routes.map((route) => (
-            <option value={route.path} key={route.path}>
-              {route.name}
-            </option>
-          ))}
-        </select>
-      </header>
-      <Outlet />
-    </>
-  );
-};
-
-export default () => {
-  return (
-    <>
-      <BrowserRouter>
-        <Routes>
-          <Route path="/" element={<Navigate to="/examples" />} />
-          <Route path="examples" element={<Header />}>
-            <Route index element={<Basic />} />
-            {routes.map((route) => (
-              <Route path={route.path} key={route.path} element={<route.component />} />
-            ))}
-          </Route>
-          <Route path="tests/generic/*" element={<GenericTests />} />
-        </Routes>
-      </BrowserRouter>
-    </>
-  );
-};
+import Header from './header';
+
+export default () => (
+  <BrowserRouter>
+    <Routes>
+      <Route path="/" element={<Navigate to="/examples" />} />
+      <Route path="examples" element={<Header />}>
+        <Route index element={<Basic />} />
+        {routes.map((route) => (
+          <Route path={route.path} key={route.path} element={<route.component />} />
+        ))}
+      </Route>
+      <Route path="tests/generic/*" element={<GenericTestRoutes />} />
+    </Routes>
+  </BrowserRouter>
+);
diff --git a/examples/react/src/App/routes.ts b/examples/react/src/App/routes.ts
new file mode 100644
index 000000000..6c6b596c7
--- /dev/null
+++ b/examples/react/src/App/routes.ts
@@ -0,0 +1,287 @@
+import Basic from '../examples/Basic';
+import Backgrounds from '../examples/Backgrounds';
+import ControlledUncontrolled from '../examples/ControlledUncontrolled';
+import ControlledViewport from '../examples/ControlledViewport';
+import CustomConnectionLine from '../examples/CustomConnectionLine';
+import CustomMiniMapNode from '../examples/CustomMiniMapNode';
+import CustomNode from '../examples/CustomNode';
+import DefaultNodes from '../examples/DefaultNodes';
+import DragHandle from '../examples/DragHandle';
+import DragNDrop from '../examples/DragNDrop';
+import EasyConnect from '../examples/EasyConnect';
+import Edges from '../examples/Edges';
+import EdgeRenderer from '../examples/EdgeRenderer';
+import EdgeTypes from '../examples/EdgeTypes';
+import Empty from '../examples/Empty';
+import Figma from '../examples/Figma';
+import FloatingEdges from '../examples/FloatingEdges';
+import Hidden from '../examples/Hidden';
+import Interaction from '../examples/Interaction';
+import Intersection from '../examples/Intersection';
+import Layouting from '../examples/Layouting';
+import MultiFlows from '../examples/MultiFlows';
+import NestedNodes from '../examples/NestedNodes';
+import NodeResizer from '../examples/NodeResizer';
+import NodeTypeChange from '../examples/NodeTypeChange';
+import NodeTypesObjectChange from '../examples/NodeTypesObjectChange';
+import Overview from '../examples/Overview';
+import Provider from '../examples/Provider';
+import SaveRestore from '../examples/SaveRestore';
+import Stress from '../examples/Stress';
+import Subflow from '../examples/Subflow';
+import SwitchFlow from '../examples/Switch';
+import TouchDevice from '../examples/TouchDevice';
+import Undirectional from '../examples/Undirectional';
+import UpdatableEdge from '../examples/UpdatableEdge';
+import UpdateNode from '../examples/UpdateNode';
+import UseUpdateNodeInternals from '../examples/UseUpdateNodeInternals';
+import UseReactFlow from '../examples/UseReactFlow';
+import Validation from '../examples/Validation';
+import UseKeyPress from '../examples/UseKeyPress';
+import EdgeRouting from '../examples/EdgeRouting';
+import CancelConnection from '../examples/CancelConnection';
+import InteractiveMinimap from '../examples/InteractiveMinimap';
+import UseOnSelectionChange from '../examples/UseOnSelectionChange';
+import NodeToolbar from '../examples/NodeToolbar';
+import useNodesInitialized from '../examples/UseNodesInit';
+
+export interface IRoute {
+  name: string;
+  path: string;
+  component: React.ComponentType;
+}
+
+const routes: IRoute[] = [
+  {
+    name: 'Basic',
+    path: 'basic',
+    component: Basic,
+  },
+  {
+    name: 'Backgrounds',
+    path: 'backgrounds',
+    component: Backgrounds,
+  },
+  {
+    name: 'Cancel Connection',
+    path: 'cancel-connection',
+    component: CancelConnection,
+  },
+  {
+    name: 'Controlled/Uncontrolled',
+    path: 'controlled-uncontrolled',
+    component: ControlledUncontrolled,
+  },
+  {
+    name: 'Controlled Viewport',
+    path: 'controlled-viewport',
+    component: ControlledViewport,
+  },
+  {
+    name: 'Custom Connection Line',
+    path: 'custom-connectionline',
+    component: CustomConnectionLine,
+  },
+  {
+    name: 'Custom Minimap Node',
+    path: 'custom-minimap-node',
+    component: CustomMiniMapNode,
+  },
+  {
+    name: 'Custom Node',
+    path: 'custom-node',
+    component: CustomNode,
+  },
+  {
+    name: 'Default Nodes',
+    path: 'default-nodes',
+    component: DefaultNodes,
+  },
+  {
+    name: 'Drag Handle',
+    path: 'draghandle',
+    component: DragHandle,
+  },
+  {
+    name: 'Drag and Drop',
+    path: 'dragndrop',
+    component: DragNDrop,
+  },
+  {
+    name: 'EasyConnect',
+    path: 'easy-connect',
+    component: EasyConnect,
+  },
+  {
+    name: 'Edges',
+    path: 'edges',
+    component: Edges,
+  },
+  {
+    name: 'Edge Renderer',
+    path: 'edge-renderer',
+    component: EdgeRenderer,
+  },
+  {
+    name: 'Edge Types',
+    path: 'edge-types',
+    component: EdgeTypes,
+  },
+  {
+    name: 'Edge Routing',
+    path: 'edge-routing',
+    component: EdgeRouting,
+  },
+  {
+    name: 'Empty',
+    path: 'empty',
+    component: Empty,
+  },
+  {
+    name: 'Figma',
+    path: 'figma',
+    component: Figma,
+  },
+  {
+    name: 'Floating Edges',
+    path: 'floating-edges',
+    component: FloatingEdges,
+  },
+  {
+    name: 'Hidden',
+    path: 'hidden',
+    component: Hidden,
+  },
+  {
+    name: 'Interaction',
+    path: 'interaction',
+    component: Interaction,
+  },
+  {
+    name: 'Intersection',
+    path: 'intersection',
+    component: Intersection,
+  },
+  {
+    name: 'Interactive Minimap',
+    path: 'interactive-minimap',
+    component: InteractiveMinimap,
+  },
+  {
+    name: 'Layouting',
+    path: 'layouting',
+    component: Layouting,
+  },
+  {
+    name: 'Multi Flows',
+    path: 'multiflows',
+    component: MultiFlows,
+  },
+  {
+    name: 'Nested Nodes',
+    path: 'nested-nodes',
+    component: NestedNodes,
+  },
+  {
+    name: 'Node Type Change',
+    path: 'nodetype-change',
+    component: NodeTypeChange,
+  },
+  {
+    name: 'nodeTypes Object Change',
+    path: 'nodetypesobject-change',
+    component: NodeTypesObjectChange,
+  },
+  {
+    name: 'NodeToolbar',
+    path: 'node-toolbar',
+    component: NodeToolbar,
+  },
+  {
+    name: 'NodeResizer',
+    path: 'node-resizer',
+    component: NodeResizer,
+  },
+  {
+    name: 'Overview',
+    path: 'overview',
+    component: Overview,
+  },
+  {
+    name: 'Provider',
+    path: 'provider',
+    component: Provider,
+  },
+  {
+    name: 'Save/Restore',
+    path: 'save-restore',
+    component: SaveRestore,
+  },
+  {
+    name: 'Stress',
+    path: 'stress',
+    component: Stress,
+  },
+  {
+    name: 'Subflow',
+    path: 'subflow',
+    component: Subflow,
+  },
+  {
+    name: 'Switch Flow',
+    path: 'switch',
+    component: SwitchFlow,
+  },
+  {
+    name: 'Touch Device',
+    path: 'touch-device',
+    component: TouchDevice,
+  },
+  {
+    name: 'Undirectional',
+    path: 'undirectional',
+    component: Undirectional,
+  },
+  {
+    name: 'Updatable Edge',
+    path: 'updatable-edge',
+    component: UpdatableEdge,
+  },
+  {
+    name: 'Update Node',
+    path: 'update-node',
+    component: UpdateNode,
+  },
+  {
+    name: 'useNodesInitialized',
+    path: 'use-nodes-initialized',
+    component: useNodesInitialized,
+  },
+  {
+    name: 'useOnSelectionChange',
+    path: 'use-on-selection-change',
+    component: UseOnSelectionChange,
+  },
+  {
+    name: 'useReactFlow',
+    path: 'usereactflow',
+    component: UseReactFlow,
+  },
+  {
+    name: 'useUpdateNodeInternals',
+    path: 'useupdatenodeinternals',
+    component: UseUpdateNodeInternals,
+  },
+  {
+    name: 'Validation',
+    path: 'validation',
+    component: Validation,
+  },
+  {
+    name: 'useKeyPress',
+    path: 'use-key-press',
+    component: UseKeyPress,
+  },
+];
+
+export default routes;
diff --git a/examples/react/src/app.d.ts b/examples/react/src/app.d.ts
index 88375944d..da7d9f296 100644
--- a/examples/react/src/app.d.ts
+++ b/examples/react/src/app.d.ts
@@ -1,7 +1,7 @@
 import { Edge, Node, ReactFlowProps } from '@xyflow/react';
 
 declare global {
-  interface GenericTestCase {
+  interface FlowConfig {
     flowProps: Omit<ReactFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
   }
 }
diff --git a/examples/react/src/generic-tests/Flow.tsx b/examples/react/src/generic-tests/Flow.tsx
index 5b0846a32..e5c9cd771 100644
--- a/examples/react/src/generic-tests/Flow.tsx
+++ b/examples/react/src/generic-tests/Flow.tsx
@@ -1,27 +1,30 @@
 import { useState, useCallback } from 'react';
-import { ReactFlow, applyNodeChanges, applyEdgeChanges, addEdge } from '@xyflow/react';
+import {
+  ReactFlow,
+  applyNodeChanges,
+  applyEdgeChanges,
+  addEdge,
+  OnNodesChange,
+  OnEdgesChange,
+  OnConnect,
+} from '@xyflow/react';
 
 type FlowProps = {
-  generics: GenericTestCase;
+  flowConfig: FlowConfig;
 };
 
-export default ({ generics }: FlowProps) => {
-  const [nodes, setNodes] = useState(generics.flowProps.nodes);
-  const [edges, setEdges] = useState(generics.flowProps.edges);
+export default ({ flowConfig }: FlowProps) => {
+  const [nodes, setNodes] = useState(flowConfig.flowProps.nodes);
+  const [edges, setEdges] = useState(flowConfig.flowProps.edges);
+  const props = { ...flowConfig.flowProps, nodes, edges };
+
+  const onNodesChange: OnNodesChange = useCallback((changes) => setNodes((nds) => applyNodeChanges(changes, nds)), []);
+  const onEdgesChange: OnEdgesChange = useCallback((changes) => setEdges((eds) => applyEdgeChanges(changes, eds)), []);
+  const onConnect: OnConnect = useCallback((params) => setEdges((eds) => addEdge(params, eds)), []);
 
-  const onNodesChange = useCallback((changes) => setNodes((nds) => applyNodeChanges(changes, nds)), []);
-  const onEdgesChange = useCallback((changes) => setEdges((eds) => applyEdgeChanges(changes, eds)), []);
-  const onConnect = useCallback((params) => setEdges((eds) => addEdge(params, eds)), []);
   return (
     <div style={{ height: '100%' }}>
-      <ReactFlow
-        {...generics.flowProps}
-        nodes={nodes}
-        onNodesChange={onNodesChange}
-        edges={edges}
-        onEdgesChange={onEdgesChange}
-        onConnect={onConnect}
-      ></ReactFlow>
+      <ReactFlow {...props} onNodesChange={onNodesChange} onEdgesChange={onEdgesChange} onConnect={onConnect} />
     </div>
   );
 };
diff --git a/examples/react/src/generic-tests/edges/general.ts b/examples/react/src/generic-tests/edges/general.ts
index 10e426811..bb768b090 100644
--- a/examples/react/src/generic-tests/edges/general.ts
+++ b/examples/react/src/generic-tests/edges/general.ts
@@ -160,4 +160,4 @@ export default {
       // },
     ],
   },
-} satisfies GenericTestCase;
+} satisfies FlowConfig;
diff --git a/examples/react/src/generic-tests/index.tsx b/examples/react/src/generic-tests/index.tsx
index d50e466a4..1a5955815 100644
--- a/examples/react/src/generic-tests/index.tsx
+++ b/examples/react/src/generic-tests/index.tsx
@@ -1,17 +1,17 @@
 import { useLocation } from 'react-router-dom';
+
 import Flow from './Flow';
 
+const flowConfigs = import.meta.glob<FlowConfig>('./**/*.ts', { eager: true, import: 'default' });
+
 export default () => {
   const location = useLocation();
-  const files = import.meta.glob<GenericTestCase>('./**/*.ts', { eager: true, import: 'default' });
-
-  const testCasePath = `.${location.pathname.replace('/tests/generic', '')}.ts`;
-
-  const testCase = files[testCasePath];
+  const path = `.${location.pathname.replace('/tests/generic', '')}.ts`;
+  const flowConfig = flowConfigs[path];
 
-  if (!testCase) {
-    return <div></div>;
+  if (!flowConfig) {
+    return `404: This route doesn't exists.`;
   }
 
-  return <Flow generics={testCase} />;
+  return <Flow flowConfig={flowConfig} />;
 };
diff --git a/examples/react/src/generic-tests/nodes/general.ts b/examples/react/src/generic-tests/nodes/general.ts
index 603916028..0fcb975ce 100644
--- a/examples/react/src/generic-tests/nodes/general.ts
+++ b/examples/react/src/generic-tests/nodes/general.ts
@@ -88,4 +88,4 @@ export default {
       },
     ],
   },
-} satisfies GenericTestCase;
+} satisfies FlowConfig;
diff --git a/examples/react/src/generic-tests/pane/general.ts b/examples/react/src/generic-tests/pane/general.ts
index cb2ea3a9d..54c1d1939 100644
--- a/examples/react/src/generic-tests/pane/general.ts
+++ b/examples/react/src/generic-tests/pane/general.ts
@@ -34,4 +34,4 @@ export default {
       },
     ],
   },
-} satisfies GenericTestCase;
+} satisfies FlowConfig;
diff --git a/examples/react/src/generic-tests/pane/non-defaults.ts b/examples/react/src/generic-tests/pane/non-defaults.ts
index d90be5e9f..1da85cdd0 100644
--- a/examples/react/src/generic-tests/pane/non-defaults.ts
+++ b/examples/react/src/generic-tests/pane/non-defaults.ts
@@ -35,4 +35,4 @@ export default {
       },
     ],
   },
-} satisfies GenericTestCase;
+} satisfies FlowConfig;
diff --git a/examples/react/src/main.tsx b/examples/react/src/main.tsx
index 34599efcf..663a29b57 100644
--- a/examples/react/src/main.tsx
+++ b/examples/react/src/main.tsx
@@ -1,9 +1,10 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
+
 import App from './App';
 
-import './index.css';
 import '@xyflow/react/dist/style.css';
+import './index.css';
 
 createRoot(document.getElementById('root') as HTMLElement).render(
   <StrictMode>
diff --git a/examples/svelte/src/app.d.ts b/examples/svelte/src/app.d.ts
index 475578fba..f1252a6d7 100644
--- a/examples/svelte/src/app.d.ts
+++ b/examples/svelte/src/app.d.ts
@@ -11,7 +11,7 @@ declare global {
 		// interface Platform {}
 	}
 
-	interface GenericTestCase {
+	interface FlowConfig {
 		flowProps: Omit<SvelteFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
 	}
 }
diff --git a/examples/svelte/src/generic-tests/edges/general.ts b/examples/svelte/src/generic-tests/edges/general.ts
index cfbb4fc9b..0e62f8873 100644
--- a/examples/svelte/src/generic-tests/edges/general.ts
+++ b/examples/svelte/src/generic-tests/edges/general.ts
@@ -158,4 +158,4 @@ export default {
 			// },
 		]
 	}
-} satisfies GenericTestCase;
+} satisfies FlowConfig;
diff --git a/examples/svelte/src/generic-tests/nodes/general.ts b/examples/svelte/src/generic-tests/nodes/general.ts
index 0b677aa83..4e5abc915 100644
--- a/examples/svelte/src/generic-tests/nodes/general.ts
+++ b/examples/svelte/src/generic-tests/nodes/general.ts
@@ -88,4 +88,4 @@ export default {
 			}
 		]
 	}
-} satisfies GenericTestCase;
+} satisfies FlowConfig;
diff --git a/examples/svelte/src/generic-tests/pane/activation-keys.ts b/examples/svelte/src/generic-tests/pane/activation-keys.ts
index 9bdc26f7c..ca16c47b0 100644
--- a/examples/svelte/src/generic-tests/pane/activation-keys.ts
+++ b/examples/svelte/src/generic-tests/pane/activation-keys.ts
@@ -37,4 +37,4 @@ export default {
 			}
 		]
 	}
-} satisfies GenericTestCase;
+} satisfies FlowConfig;
diff --git a/examples/svelte/src/generic-tests/pane/general.ts b/examples/svelte/src/generic-tests/pane/general.ts
index 5873b63fc..9b9c9a5cc 100644
--- a/examples/svelte/src/generic-tests/pane/general.ts
+++ b/examples/svelte/src/generic-tests/pane/general.ts
@@ -34,4 +34,4 @@ export default {
 			}
 		]
 	}
-} satisfies GenericTestCase;
+} satisfies FlowConfig;
diff --git a/examples/svelte/src/generic-tests/pane/non-defaults.ts b/examples/svelte/src/generic-tests/pane/non-defaults.ts
index 51231fbd3..d3aa8e277 100644
--- a/examples/svelte/src/generic-tests/pane/non-defaults.ts
+++ b/examples/svelte/src/generic-tests/pane/non-defaults.ts
@@ -35,4 +35,4 @@ export default {
 			}
 		]
 	}
-} satisfies GenericTestCase;
+} satisfies FlowConfig;
diff --git a/examples/svelte/src/routes/tests/generic/[topic]/[example]/+page.svelte b/examples/svelte/src/routes/tests/generic/[topic]/[example]/+page.svelte
index 2487d85a2..8d75afb83 100644
--- a/examples/svelte/src/routes/tests/generic/[topic]/[example]/+page.svelte
+++ b/examples/svelte/src/routes/tests/generic/[topic]/[example]/+page.svelte
@@ -3,9 +3,9 @@
 
 	import Flow from './Flow.svelte';
 
-	export let data;
+	export let data: { flowConfig: FlowConfig };
 </script>
 
 <SvelteFlowProvider>
-	<Flow generic={data.generic} />
+	<Flow flowConfig={data.flowConfig} />
 </SvelteFlowProvider>
diff --git a/examples/svelte/src/routes/tests/generic/[topic]/[example]/+page.ts b/examples/svelte/src/routes/tests/generic/[topic]/[example]/+page.ts
index 65f62996e..193516c16 100644
--- a/examples/svelte/src/routes/tests/generic/[topic]/[example]/+page.ts
+++ b/examples/svelte/src/routes/tests/generic/[topic]/[example]/+page.ts
@@ -1,22 +1,19 @@
 import { error } from '@sveltejs/kit';
 
+const flowConfigs = import.meta.glob<FlowConfig>('/src/generic-tests/**/*.ts', {
+	eager: true,
+	import: 'default'
+});
+
 /** @type {import('./$types').PageLoad} */
 export function load({ params }) {
-	try {
-		const genericTestCases = import.meta.glob<GenericTestCase>('/src/generic-tests/**/*.ts', {
-			eager: true,
-			import: 'default'
-		});
+	const flowConfig = flowConfigs[`/src/generic-tests/${params.topic}/${params.example}.ts`];
 
-		const generic = genericTestCases[`/src/generic-tests/${params.topic}/${params.example}.ts`];
-		if (generic) {
-			return {
-				generic
-			};
-		}
-	} catch (e) {
-		console.error(e);
+	if (!flowConfig) {
+		throw error(404, 'Not found');
 	}
 
-	throw error(404, 'Not found');
+	return {
+		flowConfig
+	};
 }
diff --git a/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte b/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
index 0861399a4..44965e2e9 100644
--- a/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
+++ b/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
@@ -4,13 +4,13 @@
 
 	import '@xyflow/svelte/dist/style.css';
 
-	export let generic: GenericTestCase;
+	export let flowConfig: FlowConfig;
 
 	// Create writables here so it is easier to create test cases
-	const nodes = writable(generic.flowProps.nodes);
-	const edges = writable(generic.flowProps.edges);
+	const nodes = writable(flowConfig.flowProps.nodes);
+	const edges = writable(flowConfig.flowProps.edges);
 
-	const svelteFlowPropsWithWritables = { ...generic.flowProps, nodes, edges };
+	const props = { ...flowConfig.flowProps, nodes, edges };
 </script>
 
-<SvelteFlow {...svelteFlowPropsWithWritables} />
+<SvelteFlow {...props} />
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c07f3def9..3ebd1e7ee 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,10 +16,10 @@ importers:
         version: registry.npmjs.org/@changesets/cli@2.25.0
       '@typescript-eslint/eslint-plugin':
         specifier: latest
-        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.43.0)(typescript@5.1.3)
+        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3)
       '@typescript-eslint/parser':
         specifier: latest
-        version: registry.npmjs.org/@typescript-eslint/parser@6.10.0(eslint@8.43.0)(typescript@5.1.3)
+        version: registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)
       concurrently:
         specifier: ^7.6.0
         version: registry.npmjs.org/concurrently@7.6.0
@@ -149,7 +149,7 @@ importers:
         version: registry.npmjs.org/typescript@5.2.2
       vite:
         specifier: 4.5.0
-        version: registry.npmjs.org/vite@4.5.0
+        version: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
 
   examples/svelte:
     dependencies:
@@ -201,7 +201,7 @@ importers:
         version: registry.npmjs.org/typescript@5.2.2
       vite:
         specifier: ^4.5.0
-        version: registry.npmjs.org/vite@4.5.0
+        version: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
 
   packages/react:
     dependencies:
@@ -413,6 +413,34 @@ importers:
         specifier: 5.1.3
         version: registry.npmjs.org/typescript@5.1.3
 
+  tests/playwright:
+    dependencies:
+      '@playwright/experimental-ct-react':
+        specifier: ^1.39.0
+        version: registry.npmjs.org/@playwright/experimental-ct-react@1.39.0(@types/node@18.7.16)(vite@4.5.0)
+      '@types/react':
+        specifier: ^18.2.31
+        version: registry.npmjs.org/@types/react@18.2.31
+      '@types/react-dom':
+        specifier: ^18.2.14
+        version: registry.npmjs.org/@types/react-dom@18.2.14
+      react:
+        specifier: ^18.2.0
+        version: registry.npmjs.org/react@18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+      typescript:
+        specifier: ^5.2.2
+        version: registry.npmjs.org/typescript@5.2.2
+    devDependencies:
+      '@playwright/test':
+        specifier: ^1.39.0
+        version: registry.npmjs.org/@playwright/test@1.39.0
+      '@types/node':
+        specifier: ^18.7.16
+        version: registry.npmjs.org/@types/node@18.7.16
+
   tooling/eslint-config:
     devDependencies:
       eslint:
@@ -423,7 +451,7 @@ importers:
         version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0)
       eslint-config-turbo:
         specifier: latest
-        version: registry.npmjs.org/eslint-config-turbo@1.10.16(eslint@8.43.0)
+        version: registry.npmjs.org/eslint-config-turbo@1.10.15(eslint@8.43.0)
       eslint-plugin-react:
         specifier: latest
         version: registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.43.0)
@@ -1889,6 +1917,59 @@ packages:
       '@nodelib/fs.scandir': registry.npmjs.org/@nodelib/fs.scandir@2.1.5
       fastq: registry.npmjs.org/fastq@1.15.0
 
+  registry.npmjs.org/@playwright/experimental-ct-core@1.39.0(@types/node@18.7.16):
+    resolution: {integrity: sha512-1b/qrlB5A/CdEZns8f2RDkWFmSnGkNyec8n72iinmw07+GHsdMP8fIpazeFB0umxWfo+gPLhkjhTGdB3WXJTBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@playwright/experimental-ct-core/-/experimental-ct-core-1.39.0.tgz}
+    id: registry.npmjs.org/@playwright/experimental-ct-core/1.39.0
+    name: '@playwright/experimental-ct-core'
+    version: 1.39.0
+    engines: {node: '>=16'}
+    hasBin: true
+    dependencies:
+      playwright: registry.npmjs.org/playwright@1.39.0
+      playwright-core: registry.npmjs.org/playwright-core@1.39.0
+      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - lightningcss
+      - sass
+      - stylus
+      - sugarss
+      - terser
+    dev: false
+
+  registry.npmjs.org/@playwright/experimental-ct-react@1.39.0(@types/node@18.7.16)(vite@4.5.0):
+    resolution: {integrity: sha512-6GaDVVo6x8P9Jdw3yPbVaEP59nesRsETn3kznHAy+2493VsP3IaVATat2G28z0Sivf/K9Tkh5xRYjiawN0ebgw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@playwright/experimental-ct-react/-/experimental-ct-react-1.39.0.tgz}
+    id: registry.npmjs.org/@playwright/experimental-ct-react/1.39.0
+    name: '@playwright/experimental-ct-react'
+    version: 1.39.0
+    engines: {node: '>=16'}
+    hasBin: true
+    dependencies:
+      '@playwright/experimental-ct-core': registry.npmjs.org/@playwright/experimental-ct-core@1.39.0(@types/node@18.7.16)
+      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.0)
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - lightningcss
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - vite
+    dev: false
+
+  registry.npmjs.org/@playwright/test@1.39.0:
+    resolution: {integrity: sha512-3u1iFqgzl7zr004bGPYiN/5EZpRUSFddQBra8Rqll5N0/vfpqlP9I9EXqAoGacuAbX6c9Ulg/Cjqglp5VkK6UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@playwright/test/-/test-1.39.0.tgz}
+    name: '@playwright/test'
+    version: 1.39.0
+    engines: {node: '>=16'}
+    hasBin: true
+    dependencies:
+      playwright: registry.npmjs.org/playwright@1.39.0
+    dev: true
+
   registry.npmjs.org/@polka/url@1.0.0-next.23:
     resolution: {integrity: sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.23.tgz}
     name: '@polka/url'
@@ -2094,7 +2175,7 @@ packages:
       sirv: registry.npmjs.org/sirv@2.0.3
       svelte: registry.npmjs.org/svelte@4.2.1
       undici: registry.npmjs.org/undici@5.23.0
-      vite: registry.npmjs.org/vite@4.5.0
+      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2125,7 +2206,7 @@ packages:
       svelte: registry.npmjs.org/svelte@4.2.2
       tiny-glob: registry.npmjs.org/tiny-glob@0.2.9
       undici: registry.npmjs.org/undici@5.26.5
-      vite: registry.npmjs.org/vite@4.5.0
+      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2164,7 +2245,7 @@ packages:
       '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0)
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       svelte: registry.npmjs.org/svelte@4.2.1
-      vite: registry.npmjs.org/vite@4.5.0
+      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
 
@@ -2182,7 +2263,7 @@ packages:
       '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.2)(vite@4.5.0)
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       svelte: registry.npmjs.org/svelte@4.2.2
-      vite: registry.npmjs.org/vite@4.5.0
+      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2204,7 +2285,7 @@ packages:
       magic-string: registry.npmjs.org/magic-string@0.30.5
       svelte: registry.npmjs.org/svelte@4.2.1
       svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.1)
-      vite: registry.npmjs.org/vite@4.5.0
+      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
       vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
@@ -2226,7 +2307,7 @@ packages:
       magic-string: registry.npmjs.org/magic-string@0.30.5
       svelte: registry.npmjs.org/svelte@4.2.2
       svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.2)
-      vite: registry.npmjs.org/vite@4.5.0
+      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
       vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
@@ -2791,7 +2872,6 @@ packages:
     resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-18.7.16.tgz}
     name: '@types/node'
     version: 18.7.16
-    dev: true
 
   registry.npmjs.org/@types/normalize-package-data@2.4.3:
     resolution: {integrity: sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.3.tgz}
@@ -2815,12 +2895,6 @@ packages:
     name: '@types/prop-types'
     version: 15.7.9
 
-  registry.npmjs.org/@types/pug@2.0.8:
-    resolution: {integrity: sha512-QzhsZ1dMGyJbn/D9V80zp4GIA4J4rfAjCCxc3MP+new0E8dyVdSkR735Lx+n3LIaHNFcjHL5+TbziccuT+fdoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/pug/-/pug-2.0.8.tgz}
-    name: '@types/pug'
-    version: 2.0.8
-    dev: true
-
   registry.npmjs.org/@types/pug@2.0.9:
     resolution: {integrity: sha512-Yg4LkgFYvn1faISbDNWmcAC1XoDT8IoMUFspp5mnagKk+UvD2N0IWt5A7GRdMubsNWqgCLmrkf8rXkzNqb4szA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/pug/-/pug-2.0.9.tgz}
     name: '@types/pug'
@@ -2833,7 +2907,6 @@ packages:
     version: 18.2.14
     dependencies:
       '@types/react': registry.npmjs.org/@types/react@18.2.36
-    dev: true
 
   registry.npmjs.org/@types/react-dom@18.2.8:
     resolution: {integrity: sha512-bAIvO5lN/U8sPGvs1Xm61rlRHHaq5rp5N3kp9C+NJ/Q41P8iqjkXSu0+/qu8POsjH9pNWb0OYabFez7taP7omw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.8.tgz}
@@ -2851,6 +2924,16 @@ packages:
       '@types/scheduler': registry.npmjs.org/@types/scheduler@0.16.5
       csstype: registry.npmjs.org/csstype@3.1.2
 
+  registry.npmjs.org/@types/react@18.2.31:
+    resolution: {integrity: sha512-c2UnPv548q+5DFh03y8lEDeMfDwBn9G3dRwfkrxQMo/dOtRHUUO57k6pHvBIfH/VF4Nh+98mZ5aaSe+2echD5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.31.tgz}
+    name: '@types/react'
+    version: 18.2.31
+    dependencies:
+      '@types/prop-types': registry.npmjs.org/@types/prop-types@15.7.10
+      '@types/scheduler': registry.npmjs.org/@types/scheduler@0.16.5
+      csstype: registry.npmjs.org/csstype@3.1.2
+    dev: false
+
   registry.npmjs.org/@types/react@18.2.36:
     resolution: {integrity: sha512-o9XFsHYLLZ4+sb9CWUYwHqFVoG61SesydF353vFMMsQziiyRu8np4n2OYMUSDZ8XuImxDr9c5tR7gidlH29Vnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.36.tgz}
     name: '@types/react'
@@ -2919,7 +3002,7 @@ packages:
     version: 2.10.2
     requiresBuild: true
     dependencies:
-      '@types/node': registry.npmjs.org/@types/node@16.18.60
+      '@types/node': registry.npmjs.org/@types/node@18.7.16
     dev: true
     optional: true
 
@@ -2954,7 +3037,7 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.43.0)(typescript@5.1.3):
+  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2):
     resolution: {integrity: sha512-uoLj4g2OTL8rfUQVx2AFO1hp/zja1wABJq77P6IclQs6I/m9GLrm7jCdgzZkvWdDCQf1uEvoa8s8CupsgWQgVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.10.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.10.0
     name: '@typescript-eslint/eslint-plugin'
@@ -2969,28 +3052,28 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.10.0
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.10.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2)
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.10.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.43.0
+      eslint: registry.npmjs.org/eslint@8.53.0
       graphemer: registry.npmjs.org/graphemer@1.4.0
       ignore: registry.npmjs.org/ignore@5.2.4
       natural-compare: registry.npmjs.org/natural-compare@1.4.0
       semver: registry.npmjs.org/semver@7.5.4
-      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3)
-      typescript: registry.npmjs.org/typescript@5.1.3
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.2.2)
+      typescript: registry.npmjs.org/typescript@5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-uoLj4g2OTL8rfUQVx2AFO1hp/zja1wABJq77P6IclQs6I/m9GLrm7jCdgzZkvWdDCQf1uEvoa8s8CupsgWQgVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.10.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.10.0
+  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-GosF4238Tkes2SHPQ1i8f6rMtG6zlKwMEB0abqSJ3Npvos+doIlc/ATG+vX1G9coDF3Ex78zM3heXHLyWEwLUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.8.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.8.0
     name: '@typescript-eslint/eslint-plugin'
-    version: 6.10.0
+    version: 6.8.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
@@ -3001,19 +3084,19 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.10.0
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2)
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
+      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0
+      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.53.0
+      eslint: registry.npmjs.org/eslint@8.43.0
       graphemer: registry.npmjs.org/graphemer@1.4.0
       ignore: registry.npmjs.org/ignore@5.2.4
       natural-compare: registry.npmjs.org/natural-compare@1.4.0
       semver: registry.npmjs.org/semver@7.5.4
-      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.2.2)
-      typescript: registry.npmjs.org/typescript@5.2.2
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -3041,7 +3124,7 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser@6.10.0(eslint@8.43.0)(typescript@5.1.3):
+  registry.npmjs.org/@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2):
     resolution: {integrity: sha512-+sZwIj+s+io9ozSxIWbNB5873OSdfeBEH/FR0re14WLI6BaKuSOnnwCJ2foUiu8uXf4dRp1UqHP0vrZ1zXGrog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.10.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/parser/6.10.0
     name: '@typescript-eslint/parser'
@@ -3056,20 +3139,20 @@ packages:
     dependencies:
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0
       '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.1.3)
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      typescript: registry.npmjs.org/typescript@5.1.3
+      eslint: registry.npmjs.org/eslint@8.53.0
+      typescript: registry.npmjs.org/typescript@5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-+sZwIj+s+io9ozSxIWbNB5873OSdfeBEH/FR0re14WLI6BaKuSOnnwCJ2foUiu8uXf4dRp1UqHP0vrZ1zXGrog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.10.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/6.10.0
+  registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.8.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/parser/6.8.0
     name: '@typescript-eslint/parser'
-    version: 6.10.0
+    version: 6.8.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -3078,13 +3161,13 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.53.0
-      typescript: registry.npmjs.org/typescript@5.2.2
+      eslint: registry.npmjs.org/eslint@8.43.0
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -3109,6 +3192,16 @@ packages:
       '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0:
+    resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.8.0.tgz}
+    name: '@typescript-eslint/scope-manager'
+    version: 6.8.0
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/type-utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-X7NsRQddORMYRFH7FWo6sA9Y/zbJ8s1x1RIAtnlj6YprbToTiQnM6vxcMu7iYhdunmoC0rUWlca13D5DVHkK2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/type-utils/5.60.0
@@ -3132,7 +3225,7 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils@6.10.0(eslint@8.43.0)(typescript@5.1.3):
+  registry.npmjs.org/@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
     resolution: {integrity: sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.10.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/type-utils/6.10.0
     name: '@typescript-eslint/type-utils'
@@ -3145,21 +3238,21 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.1.3)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3)
-      typescript: registry.npmjs.org/typescript@5.1.3
+      eslint: registry.npmjs.org/eslint@8.53.0
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.2.2)
+      typescript: registry.npmjs.org/typescript@5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.10.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/6.10.0
+  registry.npmjs.org/@typescript-eslint/type-utils@6.8.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-RYOJdlkTJIXW7GSldUIHqc/Hkto8E+fZN96dMIFhuTJcQwdRoGN2rEWA8U6oXbLo0qufH7NPElUb+MceHtz54g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.8.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/type-utils/6.8.0
     name: '@typescript-eslint/type-utils'
-    version: 6.10.0
+    version: 6.8.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -3168,12 +3261,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)
+      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.53.0
-      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.2.2)
-      typescript: registry.npmjs.org/typescript@5.2.2
+      eslint: registry.npmjs.org/eslint@8.43.0
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -3192,6 +3285,13 @@ packages:
     engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/types@6.8.0:
+    resolution: {integrity: sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-6.8.0.tgz}
+    name: '@typescript-eslint/types'
+    version: 6.8.0
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dev: true
+
   registry.npmjs.org/@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3):
     resolution: {integrity: sha512-R43thAuwarC99SnvrBmh26tc7F6sPa2B3evkXp/8q954kYL6Ro56AwASYWtEEi+4j09GbiNAHqYwNNZuNlARGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0
@@ -3216,7 +3316,7 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.1.3):
+  registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2):
     resolution: {integrity: sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.10.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.10.0
     name: '@typescript-eslint/typescript-estree'
@@ -3234,17 +3334,17 @@ packages:
       globby: registry.npmjs.org/globby@11.1.0
       is-glob: registry.npmjs.org/is-glob@4.0.3
       semver: registry.npmjs.org/semver@7.5.4
-      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3)
-      typescript: registry.npmjs.org/typescript@5.1.3
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.2.2)
+      typescript: registry.npmjs.org/typescript@5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2):
-    resolution: {integrity: sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.10.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.10.0
+  registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3):
+    resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.8.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.8.0
     name: '@typescript-eslint/typescript-estree'
-    version: 6.10.0
+    version: 6.8.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       typescript: '*'
@@ -3252,14 +3352,14 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
+      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       globby: registry.npmjs.org/globby@11.1.0
       is-glob: registry.npmjs.org/is-glob@4.0.3
       semver: registry.npmjs.org/semver@7.5.4
-      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.2.2)
-      typescript: registry.npmjs.org/typescript@5.2.2
+      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3)
+      typescript: registry.npmjs.org/typescript@5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -3287,7 +3387,7 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.43.0)(typescript@5.1.3):
+  registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
     resolution: {integrity: sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.10.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/utils/6.10.0
     name: '@typescript-eslint/utils'
@@ -3296,35 +3396,35 @@ packages:
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.53.0)
       '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.15
       '@types/semver': registry.npmjs.org/@types/semver@7.5.4
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0
       '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.1.3)
-      eslint: registry.npmjs.org/eslint@8.43.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)
+      eslint: registry.npmjs.org/eslint@8.53.0
       semver: registry.npmjs.org/semver@7.5.4
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.10.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/6.10.0
+  registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-dKs1itdE2qFG4jr0dlYLQVppqTE+Itt7GmIf/vX6CSvsW+3ov8PbWauVKyyfNngokhIO9sKZeRGCUo1+N7U98Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.8.0.tgz}
+    id: registry.npmjs.org/@typescript-eslint/utils/6.8.0
     name: '@typescript-eslint/utils'
-    version: 6.10.0
+    version: 6.8.0
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.53.0)
+      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
       '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.15
       '@types/semver': registry.npmjs.org/@types/semver@7.5.4
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)
-      eslint: registry.npmjs.org/eslint@8.53.0
+      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
+      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)
+      eslint: registry.npmjs.org/eslint@8.43.0
       semver: registry.npmjs.org/semver@7.5.4
     transitivePeerDependencies:
       - supports-color
@@ -3351,6 +3451,16 @@ packages:
       eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
     dev: true
 
+  registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0:
+    resolution: {integrity: sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.8.0.tgz}
+    name: '@typescript-eslint/visitor-keys'
+    version: 6.8.0
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
+      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
+    dev: true
+
   registry.npmjs.org/@ungap/structured-clone@1.2.0:
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz}
     name: '@ungap/structured-clone'
@@ -3366,7 +3476,7 @@ packages:
       vite: ^4
     dependencies:
       '@swc/core': registry.npmjs.org/@swc/core@1.3.96
-      vite: registry.npmjs.org/vite@4.5.0
+      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - '@swc/helpers'
     dev: true
@@ -3385,7 +3495,7 @@ packages:
       '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2)
       '@types/babel__core': registry.npmjs.org/@types/babel__core@7.20.4
       react-refresh: registry.npmjs.org/react-refresh@0.14.0
-      vite: registry.npmjs.org/vite@4.5.0
+      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
 
@@ -3716,7 +3826,7 @@ packages:
       undici: registry.npmjs.org/undici@5.26.5
       unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
       vfile: registry.npmjs.org/vfile@5.3.7
-      vite: registry.npmjs.org/vite@4.5.0
+      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
       vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.5.0)
       which-pm: registry.npmjs.org/which-pm@2.1.1
       yargs-parser: registry.npmjs.org/yargs-parser@21.1.1
@@ -5399,16 +5509,16 @@ packages:
       eslint: registry.npmjs.org/eslint@8.53.0
     dev: true
 
-  registry.npmjs.org/eslint-config-turbo@1.10.16(eslint@8.43.0):
-    resolution: {integrity: sha512-O3NQI72bQHV7FvSC6lWj66EGx8drJJjuT1kuInn6nbMLOHdMBhSUX/8uhTAlHRQdlxZk2j9HtgFCIzSc93w42g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.16.tgz}
-    id: registry.npmjs.org/eslint-config-turbo/1.10.16
+  registry.npmjs.org/eslint-config-turbo@1.10.15(eslint@8.43.0):
+    resolution: {integrity: sha512-76mpx2x818JZE26euen14utYcFDxOahZ9NaWA+6Xa4pY2ezVKVschuOxS96EQz3o3ZRSmcgBOapw/gHbN+EKxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.15.tgz}
+    id: registry.npmjs.org/eslint-config-turbo/1.10.15
     name: eslint-config-turbo
-    version: 1.10.16
+    version: 1.10.15
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
       eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo@1.10.16(eslint@8.43.0)
+      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo@1.10.15(eslint@8.43.0)
     dev: true
 
   registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8):
@@ -5522,11 +5632,11 @@ packages:
       - ts-node
     dev: true
 
-  registry.npmjs.org/eslint-plugin-turbo@1.10.16(eslint@8.43.0):
-    resolution: {integrity: sha512-ZjrR88MTN64PNGufSEcM0tf+V1xFYVbeiMeuIqr0aiABGomxFLo4DBkQ7WI4WzkZtWQSIA2sP+yxqSboEfL9MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.16.tgz}
-    id: registry.npmjs.org/eslint-plugin-turbo/1.10.16
+  registry.npmjs.org/eslint-plugin-turbo@1.10.15(eslint@8.43.0):
+    resolution: {integrity: sha512-Tv4QSKV/U56qGcTqS/UgOvb9HcKFmWOQcVh3HEaj7of94lfaENgfrtK48E2CckQf7amhKs1i+imhCsNCKjkQyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.15.tgz}
+    id: registry.npmjs.org/eslint-plugin-turbo/1.10.15
     name: eslint-plugin-turbo
-    version: 1.10.16
+    version: 1.10.15
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
@@ -6140,6 +6250,15 @@ packages:
     version: 1.0.0
     dev: true
 
+  registry.npmjs.org/fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz}
+    name: fsevents
+    version: 2.3.2
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
+    optional: true
+
   registry.npmjs.org/fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz}
     name: fsevents
@@ -8772,6 +8891,24 @@ packages:
     dependencies:
       find-up: registry.npmjs.org/find-up@4.1.0
 
+  registry.npmjs.org/playwright-core@1.39.0:
+    resolution: {integrity: sha512-+k4pdZgs1qiM+OUkSjx96YiKsXsmb59evFoqv8SKO067qBA+Z2s/dCzJij/ZhdQcs2zlTAgRKfeiiLm8PQ2qvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/playwright-core/-/playwright-core-1.39.0.tgz}
+    name: playwright-core
+    version: 1.39.0
+    engines: {node: '>=16'}
+    hasBin: true
+
+  registry.npmjs.org/playwright@1.39.0:
+    resolution: {integrity: sha512-naE5QT11uC/Oiq0BwZ50gDmy8c8WLPRTEWuSSFVG2egBka/1qMoSqYQcROMT9zLwJ86oPofcTH2jBY/5wWOgIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/playwright/-/playwright-1.39.0.tgz}
+    name: playwright
+    version: 1.39.0
+    engines: {node: '>=16'}
+    hasBin: true
+    dependencies:
+      playwright-core: registry.npmjs.org/playwright-core@1.39.0
+    optionalDependencies:
+      fsevents: registry.npmjs.org/fsevents@2.3.2
+
   registry.npmjs.org/postcss-calc@9.0.1(postcss@8.4.21):
     resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-calc/-/postcss-calc-9.0.1.tgz}
     id: registry.npmjs.org/postcss-calc/9.0.1
@@ -10798,8 +10935,8 @@ packages:
       picocolors: registry.npmjs.org/picocolors@1.0.0
       sade: registry.npmjs.org/sade@1.8.1
       svelte: registry.npmjs.org/svelte@4.2.1
-      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.21)(svelte@4.2.1)(typescript@5.1.3)
-      typescript: registry.npmjs.org/typescript@5.1.3
+      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.21)(svelte@4.2.1)(typescript@5.2.2)
+      typescript: registry.npmjs.org/typescript@5.2.2
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -10925,7 +11062,7 @@ packages:
       svelte: registry.npmjs.org/svelte@4.2.2
     dev: true
 
-  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.21)(svelte@4.2.1)(typescript@5.1.3):
+  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.21)(svelte@4.2.1)(typescript@5.2.2):
     resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz}
     id: registry.npmjs.org/svelte-preprocess/5.0.4
     name: svelte-preprocess
@@ -10966,14 +11103,14 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@types/pug': registry.npmjs.org/@types/pug@2.0.8
+      '@types/pug': registry.npmjs.org/@types/pug@2.0.9
       detect-indent: registry.npmjs.org/detect-indent@6.1.0
       magic-string: registry.npmjs.org/magic-string@0.27.0
       postcss: registry.npmjs.org/postcss@8.4.21
       sorcery: registry.npmjs.org/sorcery@0.11.0
       strip-indent: registry.npmjs.org/strip-indent@3.0.0
       svelte: registry.npmjs.org/svelte@4.2.1
-      typescript: registry.npmjs.org/typescript@5.1.3
+      typescript: registry.npmjs.org/typescript@5.2.2
     dev: true
 
   registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.31)(svelte@4.2.2)(typescript@5.2.2):
@@ -11884,8 +12021,9 @@ packages:
       vfile-message: registry.npmjs.org/vfile-message@3.1.4
     dev: false
 
-  registry.npmjs.org/vite@4.5.0:
+  registry.npmjs.org/vite@4.5.0(@types/node@18.7.16):
     resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.5.0.tgz}
+    id: registry.npmjs.org/vite/4.5.0
     name: vite
     version: 4.5.0
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -11914,6 +12052,7 @@ packages:
       terser:
         optional: true
     dependencies:
+      '@types/node': registry.npmjs.org/@types/node@18.7.16
       esbuild: registry.npmjs.org/esbuild@0.18.20
       postcss: registry.npmjs.org/postcss@8.4.31
       rollup: registry.npmjs.org/rollup@3.29.4
@@ -11931,7 +12070,7 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: registry.npmjs.org/vite@4.5.0
+      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
 
   registry.npmjs.org/vscode-oniguruma@1.7.0:
     resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz}

From bb6021e6f881d79800af12604dddb2ede942c46e Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 8 Nov 2023 18:07:28 +0100
Subject: [PATCH 0326/1093] fix(react,svelte): allow panning by scroll when pan
 activation key is pressed

---
 packages/react/src/container/FlowRenderer/index.tsx | 3 ++-
 packages/svelte/src/lib/container/Zoom/Zoom.svelte  | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/container/FlowRenderer/index.tsx b/packages/react/src/container/FlowRenderer/index.tsx
index 442cc2bfc..bb92f66aa 100644
--- a/packages/react/src/container/FlowRenderer/index.tsx
+++ b/packages/react/src/container/FlowRenderer/index.tsx
@@ -50,7 +50,7 @@ const FlowRenderer = ({
   elementsSelectable,
   zoomOnScroll,
   zoomOnPinch,
-  panOnScroll,
+  panOnScroll: _panOnScroll,
   panOnScrollSpeed,
   panOnScrollMode,
   zoomOnDoubleClick,
@@ -72,6 +72,7 @@ const FlowRenderer = ({
   const panActivationKeyPressed = useKeyPress(panActivationKeyCode);
 
   const panOnDrag = panActivationKeyPressed || _panOnDrag;
+  const panOnScroll = panActivationKeyPressed || _panOnScroll;
   const isSelecting = selectionKeyPressed || (selectionOnDrag && panOnDrag !== true);
 
   useGlobalKeyHandler({ deleteKeyCode, multiSelectionKeyCode });
diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index d86a8505e..116586ad9 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -33,6 +33,7 @@
 
   $: viewPort = initialViewport || { x: 0, y: 0, zoom: 1 };
   $: _panOnDrag = $panActivationKeyPressed || panOnDrag;
+  $: _panOnScroll = $panActivationKeyPressed || panOnScroll;
 </script>
 
 <div
@@ -50,7 +51,7 @@
     zoomOnScroll,
     zoomOnDoubleClick,
     zoomOnPinch,
-    panOnScroll,
+    panOnScroll: _panOnScroll,
     panOnDrag: _panOnDrag,
     panOnScrollSpeed: 0.5,
     panOnScrollMode: panOnScrollMode || PanOnScrollMode.Free,

From 1f74c7cffea99d6a4d4e7e5236acee07559ec9e2 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 8 Nov 2023 18:08:35 +0100
Subject: [PATCH 0327/1093] chore(changeset): add

---
 .changeset/empty-bobcats-taste.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 .changeset/empty-bobcats-taste.md

diff --git a/.changeset/empty-bobcats-taste.md b/.changeset/empty-bobcats-taste.md
new file mode 100644
index 000000000..aa8b6cef5
--- /dev/null
+++ b/.changeset/empty-bobcats-taste.md
@@ -0,0 +1,6 @@
+---
+'@xyflow/react': patch
+'@xyflow/svelte': patch
+---
+
+Allow panning by scroll when pan activation key is pressed. Fixes [#3516](https://github.com/xyflow/xyflow/issues/3516)

From 434590543d8debcc0a8231cebad0bbbb73f92c66 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 8 Nov 2023 18:13:57 +0100
Subject: [PATCH 0328/1093] chore(tests): cleanup playwright configs

---
 examples/react/index.html                    |   2 +-
 examples/react/package.json                  |   2 +-
 examples/react/public/favicon.ico            | Bin 0 -> 114104 bytes
 examples/react/public/vite.svg               |   1 -
 examples/svelte/package.json                 |   2 +-
 examples/svelte/src/app.html                 |   3 ++-
 examples/svelte/static/favicon.ico           | Bin 0 -> 114104 bytes
 examples/svelte/static/favicon.png           | Bin 1571 -> 0 bytes
 tests/playwright/.env.svelte                 |   1 -
 tests/playwright/playwright.react.config.ts  |  11 +----------
 tests/playwright/playwright.shared.config.ts |  12 +++++++++++-
 tests/playwright/playwright.svelte.config.ts |  11 +----------
 12 files changed, 18 insertions(+), 27 deletions(-)
 create mode 100644 examples/react/public/favicon.ico
 delete mode 100644 examples/react/public/vite.svg
 create mode 100644 examples/svelte/static/favicon.ico
 delete mode 100644 examples/svelte/static/favicon.png
 delete mode 100644 tests/playwright/.env.svelte

diff --git a/examples/react/index.html b/examples/react/index.html
index f1cba741f..828516b9e 100644
--- a/examples/react/index.html
+++ b/examples/react/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>React Flow Examples</title>
   </head>
diff --git a/examples/react/package.json b/examples/react/package.json
index 9c303aaee..36dd09a62 100644
--- a/examples/react/package.json
+++ b/examples/react/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@xyflow/react-examples",
+  "name": "react-examples",
   "private": true,
   "version": "0.0.0",
   "type": "module",
diff --git a/examples/react/public/favicon.ico b/examples/react/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..9ef0fbfd6596f80415822b585a80df66888ec689
GIT binary patch
literal 114104
zcmeD^2RxVC`(InKk|fCpp%SHJW$#23Nf{vtnPu-)*=g939T|}ovXaP5Dr9G6&t$#-
zbGkpb?(N&X^sigL`}2G{z3=z+p7B1<8P7V;L7^~ExF`r1C_0o3HwvW-?wy=|`^|!n
zfl33<goOU{TLguAErfyM;P~x#0uy-I738G*&u>x`Dj@*_MGCI4JUwg_>S!(o>grKB
zNg@I&0`NAGw3L`4{3}fOu<Fxh37}5y4bo!5$E})&3#_e<zY0#Bf4TeaamAaxC-Je#
zFxO$|l4+)G@h;w&)y<l<k(uUs_(k4xl>@f&mbCGFx%Tsn?_=_=k8C8lx~=8@ww86i
zdv()_3Av&%oQ0fr`;(H9g~-Gz-hHBW33*Lc?41|W97~qj)_1qu;c=TmYC+OV<J9S7
z<2nuxHxYVNHB*FLq)q=Zd|6Ba)L>mX$F0Rp_~c!9b53#{{B;B`Fqxf>3ANOj($gi>
z>pi&_tx#yjLjD}3DugGCx`oQdoOIe=v|m?Vl<o>~pObx&oF-=-q100?QcqpUsO>0G
zW1DRgTk|PZF!-<V_iv1{F2xk~?nL>bXi<aC8A47hSDh0vIrfiDJK+S8*lkwvpq#=i
zZcM`(bh7jpzk`RLz>1xSU&MqZi1UFB*<55sr;xmL1HREdVpJiv0PaHtY5eVbP<M_>
zT{cV$UC)nqPmIvcSu@5EZ;2!gtN*3menrNuenBY0E$_*kc6Q7csXi{+jK5u&eImVs
z>1{Z+e2gyEh7C?fSz_?goemT^;>3AZo0H)i=~FpHV9;W0-cNNz^8t~s49cTzPC}D+
z46DO|?)<%o03nl&oL3B47I;jKN7v6vHoU%qqp3F*kMg<}zp(4cTm?S1>ErSuL5BH_
zIT8;UDX*ajiI(<vV00K?E11E?6uvlsyF}9@P{&8M0sj<A<c>dul%&Pm4|sIi_aa<`
zNXrSmifo1aB%;@On475p?9663mpjvL$1M~hU4Ib^S#O2a#GRmmO}@UU?tviI?2a-1
zlGn_nkI7u0c26kjIAVxD!$=Nr-E(qM@XA8(W>*cmD{KM&<-M*#&2>Qq^q$x#4lEM-
zmkXG}yRSR*ON`<v-nddkM1t=wg8SB_HG2cdKuHoN>Rb3hEV|w*)w1K#Ig}`kgHn;B
zB%y<|X8uw9g##S+dW0I+4G4<rrs&r<mCAE}z{l?P+EnC-nVy<Wp3_E1htZUcEZu*!
z(OHON`%BEET)8EmB!Z%&QlrP;7SWs;-;Do+S^BAVj=r9(M)4+0lL`lf^GbpMD4r9i
ziAHmq%!|oQDJokDPcFXN&P*@0HA($&fLr@$`S1)GzBlhX)6<a+15#2P*Zeg_l9V2b
z^2y<Q6frxOleAsweQ-tX0hLspXaL4V?K%60*SakP9`U=)?xH9;+_vN>d;_nrwl6*-
z!)x-wwyCLRQ*P=UTwGJ`Fsp*LdJRo#O%6&a=}gUxxB&el^nAOn=P#T#%sM`0v)Ip0
zdIVFrpUNr2qMsU-w{`B&#JQq_FAKbgZP;QMg>1-PlhL<eigP`c!HqVW8s5dcVU{?J
zot$7=J;Y;SLgOY4kNd0Vdec=sRBx+-b$w|C%dRzRQ}bB_+`47{dYG7zRj!RZ@C>M3
zUS7NMhV*e|x!9;E@8=avH*Sz?bCu^vKiTLMN0V@f<g#j~mwDZ5HZLc3fkOEyRjI=+
z>9Rp5QH|Cd2e$4wSJ_3nO_{E*Z-J6$ki(>cOtXJD!YAyum2Y#w_=klso`$NC*7>HT
zfj(+}E4N1ik`HK}<ZR!y>w4mr29?Zr7Dj6MPGN6$UwoMGNZ3f04nNs`>^y_r8&r$D
zs4b%MekYgo;Q(>X>Ej<bSs7G0T}YgnG3Lj1cPL`i(VrV>jj>>#o1><F?HF`vkSk5Q
z+-UFECdH%v<&`%NpR_I?t_nLTZI*6*FORW%qPW<6Y@Q)4MUK!eR_Byv4|z@@0fn4X
zl}=`Azl86m*Zg6prxY<bFc1v8!__nwEi5ujyOrA<=KWsK3T`@x`$+1{eyW6&l((Vs
zhbo7&*`H`BEJ~W&&mBtpK%Sq5XK}z;-Y(+InL1%{E<4*jb{BBp#w6I6`8nb3r}Dw`
zFhq$qAX++uh5Df2$)$%x`Ac(o05|t$eA;fz+BwXO3c8hd(^C?r+kFVQztP!&#7>0-
zvBje{+%_o5DKLK6<SqZgg!vd==lx)PucBcgQx<alI=%gOIt$jZnH<zSHkfE{Pt0ZX
zW+$$r8@J7a+nd#A+4!<XpY%|9JK*8kPuOS>E<LTQW2%j6JG6cDc7h~ky71BUjuzO@
zG2SO!5|5~@bzZz|JwGhySxhVZ&iCbH<t}5hhxb_@^6gM0m9wZYX4^Z<ASt?e!A8)o
z?cR)Uh3ivonqhy-I&4i3)f0TSGt`5xjN_JOSq~WR+{0rvhVOVf+qsR#c4|*EC;sS*
zl9~o>`}u>k)0;cqXQopol=Ewfu#k&*@vqOpl2YoH+4G7nPq4k#cUzu&u{_R#gP@}g
z!tm~$T*su(PVxMGb{N)<NOI|TUTW$Nhjm$D0f8s55_yW4P=`@I6xPfg%9$w_du2IK
zWsk(<<w+(VetalAyw&h^8jh_oxh_Vl>jZBmlP9OIRkS53SHy8!iZtvxLR-w5W8DM-
z5fR<x@}^@Q*V1YaP)_OS>S|@gKDpiCC4-HLF=T;v=up9|U1#nyqt=Jl^F|(GoeCj}
zu8)+%i>2E?UE;B^Ga~7g$ippWyC+_r;HSg6Q%kftjDxaw$guY0>(<@2>s4j-r;PT9
zV*2~ZxF52yvAHYguy3~{ZGpP{`Sa_%HrK|dr(=dzds-M`u|`SI(RB`4DxNx3{xUgF
z@BDcs!#9KP-gSDh>j(2>kVPxpYz!M3Gw%pna8>q{TQ9DhW4~`V%dPC3squ09?e3aI
zSmnGr_4f<{<7Z|1x7{GRXL%!u2_-J{h=%3Z;8II-^WCKNqZjV$)$`L>>#&*kRd46y
z?C$mQJXW-TlYLY{;R#r(Mb*>_v^H>?O>w6b3*Y0qiCxs`JnYjMek>TPT@63`h=<mx
z1;VAnCwpDq+09lvSlg!_$Ck6G)Z#mN)6i~5q^e)otmvkP4{b`CXOa?Fy6YuJ&y`ii
z2FWHSwB^tpJQ$ic@(3&N*%9N^@LLpTPhDV^x4UXvm#kiXTA&G)a6@Y=KMx*F@Vbie
zdHVpPTlP!B7T1;M2y3SjhBqEf#z}0{I~l-8?dvdPakjzHRk(Ke8AXOkeSQwjLTOO7
z^qX9pEjMp&^1MK&rq((&^}2C<9lnQ7Z6UFHgJU>FFL~ui@;LwOW$C)ofU72w!Dd^f
zM(IvdqEhwq&bg~b3i;exbP!Cz2<)PbuGT$kHXvrmm85!*Z{%rpb)3EgPS*aUsBSE0
zR6&9LI|8TY14(7rXHOoDd~T-0A7JDW{2~2_*gEIPFv;TR5R~k5Ol$oI)P%U}+{Q&^
z<>eU~cRK72)Xr#<l94@bw@~D?UYa0DAZDKkeUB^cTQSOacv;?pieyC;62wlz5g|(y
zII3@7v}^koYZhrzo;zu*<u626)M!>HzO8_QtV<_P9;^%2GqJ?VY?|8!ZOQSmwOy3f
zC%iqdofKb-T9n$Tk^tM~j2jAY1>U46XFA^vm~^C%_llsfUAQIioxp;Rk3ovxMM;ms
z6sBgdGcL!7!``@QQ;%%W(Wh<!BF`J1OUZFHw71JgluBD#l1!J&*VmD{Gls9TNqFkK
z#o9ld@Fio~4yT6oGs4^r>o2zm#cx^6#7<<urh9VofgVkUu96lP^O=2H_EP!uPupDN
zWeXsu-Wg3()IC$z{8CO>m{=lu@5HuxeN730p}E`Cjkk3COI0tae%MG@=`h&l6t<*a
zho`$~j{XXZ2udr=#pU#VDmK+&pZ0`YYaYG*3D-px;%`oV=uy$xo3o+VpIVsZ%6T``
zWA08u-2(NVem*8FWLLT8S)qFj-cIlXv4!ZaXg?;?3^Q4>!@ErK%5>qiw5qD=xYgUl
zz2f2@ZrqgDt&g&P`&Q?!hNv)sa41$5*VB^*weO$d3Kmch+%pTG=Mg`u2d3d2N1aHW
zDEq2{Gx8T_cm<lr_J)V6Nd>qu;;`#3)(<@Bzi7jA_ua6U^-L~vFmLAWiKd$_^m<vP
zsREa?4SL*eK0lfja^_To92WcVO(J*8Tcz3=n(E^!f+EG2NHIyHt@vrUE;K(`&%SW$
zI`gB)qwh5iGzOkFQb^hUz+q8W-(b+{-6@T}&dZ|=JWbTWHB+{4!)62*kMAMsC0Vep
z)9|F_aqe*<amd6II7B3vvxz2r-PP@*vb(oq)8P&bnvZpP74{@&FG*RRU@wkLXN&->
zdvCA#!Yr+$gu$S-!<cKI)RApxwdC@)IxOs6nBe4LO$Z1tI4UKlW1WxXkfWYrHSfrN
zd4EsE5uAEqN(^oPgY9;H?FHjBYT>P(cnHUxqxfJEN!4(04OF)YcgA@2l&@>5q;S~H
zv6YFW-z0n5l|J{z?4U-GqaE%D%W-xJH+O(d?fIG7rnJtD5A$p#dn6g8$qF4l5D_~l
zc(n_<<WDG)`ev01+U-UVy?$yZL2CEv_!st8E@>MuNkv}|+vg)ok}qgdyrgUw7v&u0
z8XV)>>jhnEaylhL83F?y&hY0u%HH09uZ2sG+WXjdIFHAUWuL2KQ0ZmAbldk13y(PB
z+8v}*Fc(Zkb&S)ph%6-NHKilLu-FThrmn{oxT>l(;`zfDB1TFM^zR_`C%0#ezg(C4
zUVLeXyhX{mBW7v-bUR4%!0YCdJRu>fWA2l2%1>`qN9?mz&g{A%9NkdcWgmZE>>)!N
z>cLdSCNt(($przNP6l0&<=nZ=1&1t@nnwl)Ns=@ZUeZ2(&g<FgI#@q?Z4wt>3lp@$
z<<($m-{jqw4jLMTQ6bJDnpfP^r{|m-*4rCRH*fxkKH;Rs$oj<hmsl#8Ib@}(HQaIQ
zu5fg!2;&QRYi7o2-4}a$>HWToyxWuwc2ePBvBxxaNONu=V4e}ACL{7^+=o*}P=Zg%
z@cQ1}n7FvedcE!HZFy-Nv|dbGGESaUvx(LzI;BV7IfTD}mvUJGtBK;NypLg?%LXvg
zC7xDQYKoX{&^3SF|Hd*^<Vf}DTd68h{M>p)>mzb?Hg`yAafzIyAV0~_lA`(e3KMA0
zeyZSuj$FqoWf+=`L_{!21gth+y}GVae&4{Ev(|4JW-IrdQFhR2A@?SL<f;n337Iz$
z7gntcZ5A!tD=XvO0$CnMy5fkN$vVb7w`Ja<IWCrSNy{xFL~}nr#ufVAw{(<SP5Hp|
zBhHv1FCjtIjtriYmX;<)-rm5TZP|2`4C6AGKq+n&z0!R;Oz^Q+NK}{PzCnsw$>mwZ
z_&hHZS5;knG#PHZ@BDMOYnjmvB{yVw?nutC*kMkqvQ#@=PP(J(@~&2%lm=kU_06SM
zGIQG&^CxQ}^z`+M2d8%moQQ7-2n{Vg1~|lSdH$H!6OKw%5>{OlO_qqDz~xC|9(E^1
zGD406>mMCB;V{2mix_<Am9l`UW9>HH0RdWVR^4j)27a9;-1yijhh_oY&YxG_ar4&L
zbgH9|Qj!rfD=X#}D@EC{zytmfn5i^QqR9t|2M+Yp?b>3*>K5NylDMxajpYi@<7~2M
zN*@X3Hq))*WjKay4}9$BiR;@;F(fqv)l=U`r3z_jVd|Qbf%$Z|`u>P{S`|?_xtWAp
zBqubvN<<quIBDCs@lO@rXtfR(Fd@k$GRRE7Q>*2&ee1ouPPTDZ*$OEoK?gggE)YC1
zQE~Cobe&1!weD%6sf+JV6OL3=R76>c&^I<VNXyH64HXrV7f{6MmQGq0HB5G@@P&<B
zYjAO0@Tiq{mp;$IwBGZA_F_La0VyVj+|w#qW=_s<cduTb3zCGqEYjBnT}=I6<9u4H
zzzQ?|!Oru#H8!TR0R`z*{9^x!7j0nK#gHOxz~3t5-B4%ZaqE^c8JTQMd`p_j?jTu-
z2dcwm7^4=p{loVg>g%P?_8bQo)#MO+?I%d-qKs$APai*7$?@z=!HxpM&117YI#Cwc
zVdLf7{D-kQ-A5gF!)1-f>@7F@qp?$Oj1Dqw^s1<?C<zPmmWwazo8H@R(cN!e_u_@f
z;lo>zDS1ap1=BNcafAp;#w})-c&#-9bt`W=?A{@@-=&nncwN?1@yWb=rdf?!pvRiJ
zp}eu|1ZXc@7=DnM>38Xbj(pKEwTV6(S#oK?a;y^EzgV?DE^1#a@g*CNnoK@_j@P<}
zhl`%v1^dw3n5XKV`Zoo(o_p+#0!SO|&G$Ni=^$9Fd31by$Mp>tc9XZ?aOq?s^&wxR
zdHo7=zNX}=ob}jyTRQxpi~iRLuX9H3+pK&`c#b6?&eu)oC~=6Qr^4pkX2KJ~2Qcae
zE>f1_OAWkx7nhW=UOHfVz(z#(PJI04z{A#eIn2|yBvaMON3UbQe=b6jm|#MB!jGHE
zt{H!n)^(B1Bp(acZXy&hleOWAJU_{5^?+)G#ZL}FQIBk8Rw}r`$Uxa>E1&c-y;zfu
zr^y>|LZgMIgx1E!w0I=j?&x-&_Vik>l-D`_xG5t!jJw{c;jS!7b_c_jE$92EcM@`k
z<0@|KDUN2WX&-PFy<l=rbkR(+4V7<Asm@1NxM+MMqiCzs_3(+l$2i>2_w@0|dI?eV
z4AytLm0qYj5IJNOO}sB)yGGP7*>O%x{Y+KGWY(DYUC*{LOOr)7W<}Hrw)j2U<RQ`)
z!%e-oFtF&yeKEmTNa&=N&zm>Y_g)^qMCPi$-`~(hBq_bym7d#%=4E3A59W)KtxhKj
zog(ZBA`Y<1tL&><qL@XpN|8zF**=d_Cz7l%7ozFPjj=i>={UC#zH54?)Qa=8rcwup
z=AM4W1_phWg|>n1g$2GdGwby&*y7F`8g{*6FD%X*br3ptF0gBI=gv5>IEtdov>;9O
zYZKjhYGZP23oUy-Tu8!gkuN=L8+qrjx`v-y4TjYv!Td`q;R0Da9XA)pMk7Q;vnM8H
z8hYjkc19&`;9wUFtgO5{^d|RI{dfSQ!U;>4wl)FcZM-En(iOqiO+5^{uaxN7J{n)J
zh*>@;Z+b7~_Q*(E8ljWdW_CKJv*c&<jl}dZceA;-Z&S3e<G}W59V?;XenZgsVS<GB
zbZF6#NW#-c&vEOY<FSw4j2~y%wov-I)r@DVY~xvm&R8j7?iRcjsuBZE(i>&5DQbHX
z%(CQ-4zp&HC*D?9YrJ+gBUVvCK|)zMuIpehqx6FZ51!Z8SJZ^tO3TU~Wq)PwO)o7R
zCdZ70m6C=lAav%80B2(S<rBF4r^$$phU0B~9+`WhiKm$K!TVB4<{nm?bm<hn1oCKN
zhji7fW{n!Wa?RS4xfh%C)_HUsXI{{yU1$hNT?&=J+QYtJ$81&d)SQyA*y#jCpb044
zh@fhxe;^7V4F&kzxFhWGak|8#g@}Sm-<+L*jSczIQ|#TU{1IVcyDya~CS7ZnB2g}`
z&AM!vq7jhX-l<X~oU-qRp8xvmr#(xtPEox*Xc#jlJ=Ug>8`gBADz(irU78|#j)m=r
zF{{(Wy<MYxB?(LVY&$FaUY^?QA0Ey#_XPU{)2>~v2Mm-oGfp-Z2C=OhxlK_}LRZF>
zrdF0>`j&tHv`2Ql1B1vN!Bg+pnd?yv=B38wj4`1-$raB6x9^O6hzgS3p-)kBwlVw}
z2UTNB&6RVH#(gA#lEb@ZveDqqKD^tf=uRL?q10Z6cKKnV$#qF@1V#2@NVjdtp^n~T
zbBTB~l-Tmtvkc;!S1Y@C+1W4Kj;NQt$<2r|&CSs&^JKcGUJ&-;_$D96!0RC_h}39k
z%2MX;9Zl}<&GvAYp7PrzP9@{$z+;olKd%rPvTn>IGk@wTroskPxSV98_j&&D$D+rT
zl*D?TbUBxKZ614L`KZDzAgZ5ACX<Rq`ts-=x1M7!3U0~m+S<8Cl0d!nnehWRk@W1g
zP4Dj&%*iqaRPAvpR3)7BQqq{$$WKl<jUy!^qf_zRoqzt#K{tFcCs<}dp-srij6@D9
zpZZZJ1?H`ZOT8A;;vM>olqD@kj#g%#zAbv^Y4g@S=aexP`k2xlp0>Y}>y}`Yc4~LU
zZjDFSu5CrTQu8Z{T_wqL*R5ajuF&bqYN42z;*{qwP~NoT*p$QW6aJb`?i)KCcVE_F
zFyv)Af$zz9yQuN~Ea&x7uOml2<*;H;?0tm8m_u5;?eZCK-VZ)Vfw+m}mY9SbAKOh)
zBWJYlGn%&yd$9n*my%?UEzQ%GNfdjT3MnXH_z8|5P)<>i8FwqWZ#}6Y=Yl~&F8Wem
z<v3<x6Kzv+y2WMcYD=DthUxucRIUEkCe7>uhUzy<n<;kG2amm$WvNx}b1*6j%6T1J
zEiD_WE~oCWM~O3TymO9isMXdfCFS=0ez~e+DnYd&2X>vzHDf*76B`qwqV<fYGA8i-
zy-7tNz%49s*iFQmox3w=`jWWd#Q3(LW7s&#dPD2lD|&4xFLI>LRu<Y~)+M}Qn|}zD
zZq>)FG(D(UZk|^@#}n<eck+JYz(pOMnEQrJ$yFgr;-^mWWoDMYUi{zyR6li%jmg~j
zy}G43`v6lVDqcpeTNP9jmdnY?#zueOfKs?rp;Tm}(}4{};VgN>0@*1279EX6dp464
zW1U8q+UB$JB|>9K9{2C*G|_f~iN2jS*p{OoXcB`iHj&Yh-k3K{yYP0nS4BtAr3oiJ
z)=}a%^+3E<LMqvQ`bK@}%a<9Y35g$?^5RimB-+<uR^Qs_)jD!zD}9<ufb>4*Ya#l@
z`bU^pSvQy~l1cZ*yxunZN-O6^PAQgL>JVAWaDeEU(oHV8;uD0WCQY1r=0)9wu4+f3
zBXIQm@doCMpWVj`+>X<e<9b2E<CSidf`!(;t!Im6_C2+oFI9KnD^!JF)Z->{$Lpkv
z)&s8%lJO098ufvMdH+C}ANC#pg&joLXHD_(T;+(b7TED|PzEr}E|p78Y_-`>d1<WH
zpd-&Kg`CQNep`yk`2!R8#FMsUurB#rY2x7Xk#H^6ykZw@Q2aWwo{;D*{-X~MsG7D6
z*cDPYI2QAyTU=CaB0!R@UyVelub-pjcqkDR6pn$9?K$wi1c+|(0@sFdIwKp4+LPT1
z)$OK(TtlhpQ7)laf%3$CixtYRtwc^*L|B)NEfA=1?@g>Zc;Af_Rb1^#e#0L39dCz^
ztCht8E&U;J^Q#Qkn5)G~4k@K2QXB2M**<se^et~rz|R;7U<#YeH{}`7+N)W}w$khu
z9*fzsZXoks{y83AbCD{QuJVAO1DFKZ3=-^kBiM@GR`wG46%)1m`;QYc>PS0{XC)_+
z0ZqrjL-Yzb{UMKgdt-q3Pw*Ap#~-+;;v@1b<es7a6DAvcg<L{?h3K4s05(8fG;mQX
zn-3pXR3(`e%=2Jz(aktXo+$hn6W?gNOEKNzA{Nwahw}-X>wc2_AX{Tr=1$|#&~Dw@
z+r?^@?Zr{<=J%Tw>j%1Cv8muYb;N0!)Kv#_Rxdm&%rA;>5h(2*e=`;q%$YPBQHva`
ztdwbFOQI<S8X9j~T-?+7^CNiq3(pO}I_IvWs+QC^2IiItS6Y5aef>(6c9|C&xKPD8
zx}eCx)WXvBg*KPO&iA+$lR_~X1%&!hvFs;Wgrpgmqy+B%j8}z(2oBemb5i->7O4BF
zr;0}B=5Bv2a)-27(_ctPB%oy1{j(hX^@GzV_^%5IX-)RZe;7_O_DhU&W0cOH2t6n*
zeSfTA^pH=nNlzL+Hlv+@hRSedd;CbEz27D+2^6DrNe|UyfU!gUx<x%D1JsduExs-G
z-P3QXohoz~54Fmus!{>D1N>uUr2tHN_nyNh9F&iTXX@HVbxi6GO||mgf6v=*>2X5K
z;E6ZE4*A<w;!Hp^&B&jezjX29Mc;>o&Q1}p9Ok*6-C~PN)NkJO-mFuEna^TqUD6R(
zb-%`2BD%V~6}p_#y^K85wu)L+lr-h1QFa1?1qBv0;Rf2slIT#=Bo5F!vJ$wy?d34n
zWje6FZ{Gz~9v+^PuMJ-YwLc`lW~3&@OHLl9zI*6NikfXgs&QmN0aoh4{DUk`#hM+o
zjth=^&ns4(SfU}s{m@M-5R)<@Cid>Ihe%yZOZhW)#5V$2piQNW1e)W8#rDOGM%jEr
zS<^O$f`hj}8w=oF6O-bvM?`p4>oV=#`!Exg+TWt0rV_wtV>|SsF}$Oc=+x`1OYtm3
zTyC!h0fF3mdnsNfw?JOTi=wu#&2}^<F%i>?iKkZ=dx9eD`gP{5AFQ5Pa2dWX$u(!V
z7h}E-2Pc<&(<XoavBsEi3tL*Cn=djN^?H3sD&R3N#SHZKGYSg6?`qFfWjlZVJZRHd
zfR;1aTk)~=j7Pz@y0V=TU;={Jhsi#ZSFO8(1rZ8E?VL?KJ1{#eZ1n)!N#dwd8_|Yb
zsi_&+oBLrLRC^(Rx|epgtLO}k{gi`Ip8ej9TCv<L9q;Es1=<a9$@$}Rd7ukR+#6nS
z;lKBCSMucabi4`o_TyxRSB|o{Mb{Ps&A;`~eY{5##yhTG3%FXwK<4xeNET-n=Z;YG
zUUZuuIaRG@nXIFDex0tlqS&b9I)%-scyp)Ly!X&jao@6ba}>W7rQL^~ElVFF9E%?<
zUbfmnQR#}Mo*Kv?={xx@$vESDw{pI^u~<uOP0eF1=|^3o%<^1a{j_K3{Rc_$rKk^?
zEf8RE026>tjO3Im5X$mryA0sSj=yc=&2-ox#U@psObNq;7jO3M^=<iMCB}F8RB0Qx
z7MvWjDS$$@aA4@@Vq-&9@UcU>+dHOhcuXR1X)JY}wHPL-6^bLjUg4(h*i$<tBFRj%
z$-A^zb1bpv-6f!#*_4G3RL?*o<!oR=>R41e(Q`OzC#J$FDPrP>O^+7M)yZ82w+}UE
zUWSDMMx1J9<~ZZn{311v+3Ch&K?-11$3300Ybm8+Ag$RjQ7wB!?+}z$vo5rh6*(D9
z5$$B$$%&E<;I^6KHqKw#BU#qrN110aOkWWuWn)7X8_T4?Nr>wztg6~<HQkt9ZaB8p
zM?z`jL{g)F_)Y7wcF{Ye0vbAj2LsKg^bVyynxHs;o=ac9SFDVK@}`EYq%HGSfrX&O
zc@l|kGt;sedBMJJzwCz85}R37?r<!-iE#_A3vUwVGWm^29FUtW#Z5dX6Aka2&r~%t
z&q$rkYajKyQdsPhkesaD{Y0MI@sa4XfiO9C(cpCYxzWvrP3hYr<S7@n`@9<L@p;wW
z^P)lm(|L@4NJ4~;&h*`j^KCW;YLAH=PDE!8^V{3|?pjh;=90dNqA5_XWi!`RAGeIC
zl|N-LkFQEd0@RanKBt-%KP)BiYc%3S#>V<wXtAho=AAoqrnnLG)U(fS4Rcfb)*rOM
z0#iWf!3*8b*ySaA+L~2c28J^=I*HYR<Z<TAl2WUMq^CqQJzI4pP*a^)2rcjKd~x?l
z!kbC=^=d$Hx_paby4*XF%L%CM$F-T8GUkO|_r1HwtEjj;s9N`dsbZ6OfD2$QOnBAK
z*a{oHPIJF$xtr<0flUQ6XH&t70wy0|yJ8wL2P3qiLU%XCdfxDf_rCRdkHPdhN}{=M
zv1yc^sjMV`>A;J|MoB~clvjf)`BoU#);xi&mU;;!4xXL_C06S6Kwlx(C-mB*xiya@
zO-GtY-2Fok*^8DQ1tk<PZGj=!KQyFh=PMV_z|8D*zM(Qmz<y`&$>4tN$HuA`fDx|s
zPyw}|g$q!a*0;7sbCb$g#0pfsm|%@bAg}Kox8iYF&{3grNZ%apb9d9RgfM}dE-w6p
z9%FBU4<BYW%Tx)uY5C?!TY*N}rNJ77axcC8R5FK|C;HFMBfy1%6fjP;{F6E=7jPM`
zJ`%tqil>5RLon_<vF`Bl<#Au^XIZb`dsHPzFwr)TCXt}%LzV?#3*9c&JUD;$O|}Km
zt`mD=6B6ijU3NrCYin<$T{ypS@a2Wb++6Yd_+T^>zUpXATqopMc)c}Zlw>fhq{QxJ
ziduCdU!a1z0MAgd<DrR3b2#S!Q(N?-rMC%&bjk(<@+3Sb)Br}J6LOr&J#Q8+vd02B
zcdKA?CGAq$ZD86e+g|tjwb;3H*@>8ui9{VD=Qa}&Rlf3ccemzWniU1<6$>k?@3Uf(
zqpGSU*@cUjK&2aRy+3JhkLBvxiI>Du1`P6JoxEk`@$vDdqXm`|L+0&~>FL{}fNC1&
zfcfm)D_Whd$LkoD3cyS>URV0wwB6n^apDaaF4nWx=B*|wE|;i^>_3oM*U*q86XBt7
z1O@tx?<0q@gTO~Y<&hn0Hv1|59Rl_DB@z#~+m5J-1D#jdeCzP=wy9~J;}sF41QmlF
zGZtrCj;SW!diQRCe+(c>w;7mg_@~AS?E3iHbvjF|&lnTQg(^RRs>xAD<Rlr{3$H59
z(Cayuq=^m(?m52uI9T6+l}*XVQ|ZDwFw<|LG+~{YmOqloQDF8?>Ahz6&F9a_5)<Q~
zX*J2nUCkFPW_fvmLP8~a-uJTbT!EAx-{s#H6C)NU8!UGI{MD##N!NP4x1EwN_uYNq
zM)Jy7ceKqFx({?j&L<8O`AA^J#%>JeDhLCb&~pRN-4ltI&H$VQA4u}_*_!>l-n7%B
ze16fv#&&)zr-1R)i!F(X>zo*+XG`#>DxOM}>mF80;_JTkCZ8G%L*SEAbf9B9i?onV
zd`qz=$2}_tFQ(wIuzPv}JB@N<L(<a~XGRV^y{|nTW@H#w+X;BU4FtHCE$9O(p4FZi
zdDB!CA-FZPnyOJCF1F=qW#v&u6lz2`I}yWN`!=agkei#^UO&UUEn_zJ*xGcpNkECk
z$~t$L2h_1?*R3?IGP0WN%m#zet*R96QquQ<sy-k*Tv$u1OGR+I`0V0R+OY(8(JE-F
zJ3ldDUXjOm|8j?n)~;l4z{~Dj2`~G*(XV8q2{q8Xv$C@8IC#)2EX+{x*fA+t*`gjQ
z9l)X0_eI{l%e0d<h7cDEn!;|7Ujsr-li?FXxsu@-4h{|>TS?|4=W3qFHf}GT23D8u
zs-V3-$kM^~LKRkSCZ=FFH*AnqAOg&-ms^JKWS7fLHknriDQu|cw=UJoRNW!ByEk6Y
z{x(p7Jb!+HamNnO7SPXT7aj7|Y31Ut-=^WC@jH0$wPo>ZI-q9_-gkEUv3NOUa#4YD
z&h^R4=8ZDE(c(#s0TB_B#f#RS&4G;4jdT>kI>27m?Z$ai?&x0Y7~r>LpnIobpo=TI
z!AgV@183RFd4;Kn`%Y5Q<zrxGF@G5B>s#Yx-D_@^&T{*x)TQZ*&l?(!r;<<-;tmW9
z#AeM<_Ng}a58Usbwy7Vu7;`R00nGI$PqGFFUt^19JBkN1^>RQwJ;mi%86V;BB=_Yc
zAvc~$-l5GK9e04w0tU~FlXve1KU*YuBQ7m%`q;}A+f^7$W3wiU6aq^+c*A{sCb@5B
z?bI1ruSi4}>+A!VzLQ4h2S$9(aF+OuKzW)$NtPU9VDco7s4X99#j~2M7Bm_2QUzWE
zsj7?(o&ANgNWA>PW57Q^lq9vsm(PfSm380wR9w7P!{!G*2OZzjoT~|o&CBZxp;%hK
znfE+zgRGj`AzKUDj`8xsC(m0b2nwAj#qos*yDk!swb{~+)$ol@o-N%{rer)cBQP`c
z!6hz^f|qyC*yD{P*TM{Glr*3KvNXq+KUaC`LAE8G^g%hEk@t9D(df;novDBMQtnv8
zNt*dNSC!or+KYNPf%M)^d!JsWHR^3V(H^xldpGT{`iDgaz<77NYZO!hO(jR72)(PT
zQJejHEcMyOqz75IPwby%FB_bGUS|?=(BVA|n85M#1a1r21B))DhMmGQJjZ6SW5=E)
z$f#YqG(9$PIMwvt$m1)`>u_De1X>>#E)IGD1B7=DEs$U`s{3XeBDm5Wkvj?eqRwWZ
z2vWH|6!1&wEpjfEil$sB1w80@5@<?M5m=Flxz+Ngy0)I#WKlo?6rHv?zHFzmx-WXP
zZ+5nU1|>KHJSxDGR2#4e(&TswI8>gCV|pq*v5eBtI>>clj#2A9Tn6oCSuT^%`plYd
z^akSa-p6p-;Ax<)=Q>0~(qd^xp{zuk-BM~hnp_UNar88(<id5^+gwX1NJX!xIZ@t8
zP7ZJIsZKopzV(6WF3zMR@=^Sp)2>5J1?*jmCb_uh1#Ep&YK$h<Pi${{L}v%S3V(Pw
z{G!Drjm)64jLjCjc)$<H)7O$0EMz>i;|_owq$Xyb5x5M@tHQf6w6L>Vd|q`c#SUw7
zTq&(jl{yXNJ>V<UC}JI6gHh%#hw~2F^ME&AV*cXgb+|XPx7FM~(|(R4L4V$53=A{|
zp!1O!&a^yq?<Ki7@VAk0Z48N074(*1*m2!tz3(R2AZ3F@{gm{krjuvRu6sUkG4ZO9
z%|oA|d$LN+6mEVTm{0JVnu6c<^l9y<8vC%Y;ezeV(3X4Z8Pr~7QT?;d7@L7kzcakO
zkhb1|(g%0P4RQtkI~-BN1QNbM7?1IRk+3S9&+GZ~s~e2xfk#QXmb66bE7rN7>twl$
zS>hW;B^4Ctk3EZLY4agX@B<&MwY1O#)LAt3T<2=;X-P~!NV|o?jdl(R$pse0O-+xg
z5`h*l<VqGR<u)+d@I$LB6P2<#FR1E>2?6<9Faj}FNxpj~!XPttBHD45o|U!o7STbi
z-YS`qJmUjgp$7u|WI1GD|4dS5>wc7(1Xh==N_@QGzUOXR2c)Mz-*C1MsI_j~JkmQ5
zA3>>Pq2YtOZ{Ks30$m=sa4vpWS0V}q;lyiglCdIJOYMwUj{^0VdOF%I4f29D8c0X3
zLP7EM>(%^=Ro(oHQ{9w49vh~_MRj#?H5?a&X>5mz_gdd_8Dy})&>~GbaFcdvY+g24
zvGN&vft+^t7EFwRhrS|IKBq|;0eh;k(35R7RX@+rb;3U+q{MNF-BH>>m?m|h*D{RH
za>?VGyBQG%Tvumj8vM-L?USUXq$mf=cjf?%iPjA_?2Uf>>9<&q?HGR<>ZtQ7<<Qhj
z^EzxyFtd4N3dJ`>0hh?kxOB5JvfK7E(w?5{8A7&k^E6dmmlvoC<7v#FEio``&ARTS
zArgSOIRpFr{tz$wipomO>X4iK6HirTc2M|DN0Xn1b8F4LlS)7XSoUFZGdCDc8q^7~
z1qIz&w<4mV>?$h{L%$Lpo~A^l?!A;#$CZwB_aPJ7A)%+B<>eT2VZMt0e)?iDpb`Zt
z%Hwhom5-%2KAEduM^1;W8Rj1tctpL8;N`uOd*c>4C<$e6^IxsF&g?VIut5xU2AlkM
zPZ+QOU1O9soi*g3%vaefMFbpWy9j}tCUpak7Vo2VvAMaXql511)vItN+qVTQ6nfyB
zu-ZmRI!tZ*Gh0AUVBq89>xwP*$oLS(ZR+W=z)wcD5eSw27kQx}vUOeRtIOrxWy2QQ
zaxzf~Ihyxq?{x4&TcE(aAuW5s6qT^FR`UZhPiAthBS*yJUv-+=nh@vokBr<|nw6%a
zlAF99vB37e&63&1UZ>K9Xd^y0;FIy?9p_WQ+DW#lp%St>A^P+cfNN>HY+&Nw;B#a@
z7nj<Un4K)XkSqhXCUwWO6_9m$rUrWNj}WM*`aOKO5vUz<Moh)UwL1Lp+=!sR%onCb
z^jt?Y&h}6@bvjb-%?qlL#`kRLN%5b!Jqp?Yq)mL8cjD<jCm5x-Q%ckyEl{W3=zb9J
zsTiyra~?+fTog%J6ZmBmQ(uYiFK9V?QQuklfa**A%>Gg-`Lo%4X)W`|iOy~F<DR3o
zdSg^p&deNIKd>Efy|&SQC&@O`T-<?oLlpGIft_Z#CNm@~0s?#YZg4G*RJN=!aBk3l
z04T`89J;A50r<~#>8Tw84q^JOLpjla8DKBuKT=piTV<lGd0+zb-NlD@CbTNWA`9Cq
z?rSsaomc2t+_%S+dk$FF6c@I>0-QixoTkjt<PftY3hsD`XQkoUO*fQc$LF!^vJBYg
zXSS6LjwfC!?Zyo>@IMloW!8Umn?QtoJr7X!01Nc-4Pd$yO>dIb)%A$#W|Hoj9Y1E+
zl)o*|fFrSX55>4m!BC5(KM+DYEo{ld!AuZvE!ej{Aq4e8-&r+NwYEz39FPQn`41>v
z3M>UR2eZ_G+l&6CUA^ax3ybEaL#^kN1wE#5*&=v@AICiH#mKqAXij$X=CMt*?Z7IA
zM{B6FI9Cl+l1Hb5%k}|P5O9#}f>LyUy-iu)rcIjyZtEV)Fkqf~irIl9d(G&O;BU6S
zc1NlDao`}djnAT?si}Iro0)ajF2EN`B$b44QLMve9J1h()c4D<pYH=Jsz;`WdRhks
z@V{uBJ9nS)Scb`-Q(1P2{Z`Te2}yj#?2hC6nBU1OsHt6LDkB>=6u&QXl;C;$=v%Oc
zS{SxhU)@M_aCf2^YeRhC^}vW|-Ocg?&Rmf=LDT~;8yXrCf|Pw5Lu51}MC*A#i+}(|
zwYAniIM}yLOM&f`{k;wN*!{o&ot@2Y*nJWx|IGVpN(|)`lO3g{uO2@k4;>0pQfS2c
zqyoeMv!ZUB98R=V;E8UAhtgdue&BCpk>{F{vS(pw%t8zpH+7H8Gw<4UEO{gxt9eQY
z|Fs_hCg50uxRSk_GR{FUHm&9o;Q74d@Qtb#KA1nPtyNOm4Rkm_u-<*jVwZ7Y!Jd2O
z_5!rS!<)NoSV@T+;%;)DonZ8qXtY4hI1jC(#I#7bbo1&)=Cr9ScZQt`Y)3sBLn_0Q
z0>xveve>Gh07FYfrJ^n&xtqLMdT^OnUy_>g1!mHR$5A(eca%Ohl#7bf-E;WXi^tV3
z*qh&&kM8WPEp&e@Hoe{isC0MkiZ>gzPilM<;cGy_7E%t}BX_k4Z^a<i<RpDTZ0&P^
zb3fBjS6I2lFxAeTl`kHOz1e3wLrCLb#Rd%L3VFJ!4}I`xazZ~$8gChFDI5p_Q_A~x
z$H3;;SH7rfDxY4h{gK%D@h=;_C9uqUtKMFdeC3hJ#*!nTq_l~De&}EjzqQtJqFAsJ
zK7YQBfBHo<u-<u3Yv-H~;x@&U=N~7X-25i0x0$vB>+N1g1(ZusdBOuiR9drQ?qp35
zu=c%zR=LDPg4^~ZTX&ySjZW-ARKZNE2s%`)z<VNk%nd>`3mV-id82fP)Eb+@wyF5>
z_ts-9^h*kMedvp@#4uMlb5N5qgXd~V6lRt5)zdk3?yV!FkB~Ef@d!GU7ZM*~?Q-^+
zk<z7hL;|>m5D-jA)k=X`AuuJyh;c*RCJLK^+rXs-8Xf_1!|ORx9^vHQt=GduZ7zKR
zmILA(ENj-t+k9Jq==}`%OMmE(mVcdVp51k*$BLPc@4AxZ9_{JyXLoP^$Lk!ssL08y
zx%84@+XCyUEW`LrCBycez;1N5B7kZn_uMA)-kRg{)q+(!J2v`AFchD_K^5WV<GzWt
zU<WGebG5g%2VaI8wmkF#9?Cl{C_E3Qr|$zYMrm^Po=BiZo|rJxs^O6dVC3cHZOSz#
z3FW%b-G8kcIGFof%GM$SyaDXAprgHbQFRu~Bl@WyF7u$?V4Vj1B7Ke+3ho4<QNdWi
zxOonv6zm8H0n$U~vj*VqF0IzOt|sjK6C=yV7g+8B>GjYdpMZevGKUWb0ckrpBN135
z%XK_+$}PmeTzp=i_i%UMkr%HbqEbe%iHPEXKvg#CSNrxDZ#Z!%+s&vb5s)(>F|p$o
zPor!YH+}O=s4>bIvI82AdoWS{xcM&k$Q6LE8yN40fsh5H7H(={prOK&JE5}F&>ajW
zwRP)u0J$B^sZXWk88~;j-m4;%U3dS`7&|j5zGgNbcl*m4_nJM__KQHrVZt3|%7DG&
z`Z{wnGU=;Vb#&sc-`3qaC(y80((yyqHY>t@N{9K<vzRDt&h<G|0gRpFR^vALrrIp~
zDSapjZM-E)kM!-|M2HI>TJg8#1UC&#*#PGfn*zCNe|4rQOviQi8ua#S07s}06e<R*
z5Jj`?nfiKcmn&ntI;<lnpJxl6W@4N5Kc`7MmMT=L^8PefAU$zAm?GyVib-B2tmk+j
zZbCl0h3<JS*u-*O`0ZXhEvuGMvy{N|rC4^@Zkyk;0!Lo=OHZ|DLuekoB6qqoP=eFZ
zSH!Gs&y49zw_8A%CU0{J*EDVK!`v*7H#mOuEm+5;X?Bw0Z<jkbhG0rwR&z*o574m{
z(A+%cCrSib_BwX!tgU8yEV1CLE)TH7$G#tLiTgzwDTXs0*A|+EQPdtLW)_)jK1R%f
zr_LhC`um)~_lOF(_)i{+d~Y+jbXZ}?D6U>l<j&CqJS**fc|mM3EpBJcp#ce+1!L49
z89c$$WgEvNfat-N9^c_wBuFPFL`QkpBYts|o@6O)p;z*_1Q$8Md4E?A8j&kbLLACr
zSPtIQ+0j<bj;stR42Kvobv0?m4i-(^cc21JyW{I7W)}8DIx@P_O3<T9LAh8*aTb_0
z*+>_$FJTHVa9kPcd~dEpyRBUcPf$z<)uDxN%9Tbnn_6_^zJm;A@ewJkbYn#FDUCz4
z+>H$zFr2&&yI^bX93xD(r?aVehvO2u`QVtq#0`X{V@vfZL~;8LR4F0T=4#X}%=RsF
zsX}!4v<J-|E@{xe8Xd}0KHe^MH3wBx*5rg?ooB){rl#qe=qE#$V{L+U${7(#dEH2Y
z?O}FFj9dv@Gl-tPj$wT<;oGyts&9u%F`YY-teh?s6=K<<n0FE_oH@S9>5PY)kk@Y9
zvZB_f(vs&;QHE)Bx5w!Ud)h^Bk3`@sIK}i9(eBuZX~G(K#hEzB>9qG-WgSPC62145
zbXWGNN8(r?Db((7@IIZyPRZJRTQO=6DsbNor{lKLf)mdB-iEvBN1~o$rK5JGs|nLx
zxwP=q`oO%Ca>xGkSL(xc@kIDUj#1-rg%pUOmCWXSuEc@PV2>b5T3k*nMMTqu1>8Hq
z2Vess++p||V4yaxM}18HdGO5_1VJ!BS`U&WNX{VL1E~?DQIM8ET7&P40f^HvkY0k6
z0g^pPq98#U04o1@0QI0i!UKs9q$rSvKw5*Ji-BQKJ*0&QNH`$<kd6S#g>*jxQYA=h
z@ath<5i}_uBr%ZSe(~=Dpe#7gZwDy>q&bk*;Mc|g><7spL7M%))&-Cs3nV#^dO=!)
z|1JzbnjHlR`&%XgkPjE6iy*Cyd4PofQkVtpHV0`{>j8WpBnObzXb+I^Uk;Flkd`az
z1K>SukYJx#qdh>vzXTvH;araOS8D<IJLL7?ngQpHHTZX70QLdM%YBt61b>4(;~K9A
zknk@BNZak`<^b><uK7@ISc88z2A~{|_jw-xzoA|a>J6amxN4Yv{~qb;=s;?pJwpm}
zA0m%(a{tj(oS%=>fx5dpJCXM@Gpla@N;7=;@Bw+-)rHho*C0g?^ZwCqgg7nA%R_1^
zE0M1Dc4T^LYNgHo^Lua|fO@>&y8yU{dPAr?S{1-Hq}@$KbWf@x{JVA|yQ#J!yS7mM
zlmzP*VB3S7Q&s&)m-nDgelLLiJ2xW(G0@OJ1lc)$`gigHT%S3vgk+_reQQ5}I^5sq
z0B{d=$EzCq?Qh;77tWkPIA~~p3cdfTpK;LAAr|@uNMBFS|GNvoGAs=Yk$rUZzub4S
zZ=*pBH8l}Pi*EovI01lskmrwDP5zG7Hbh0{@GpmtKlceOC1s?)_uJW7u)z+2W&F9^
zU+p)f#W(Z;NOMSgXg?fYDgEJ`Z*)fMm&eI6jV!>}h3oce0p_tcHT$pmPQ6p7k*Uea
z)qEzj-9p+!8}f<)t~qetS;p_LeuZr<0sP@=;c4mPUvh2x8ou{XZ$nZOAZx!WfW8~{
zE6oA<Ajs>XYXcY44#f1VF5>Otg7~<){iDgt*#&|9pL06{+O}OfuaC^n&#&||KfY^W
zV1TwPScidzCIajHr@s^87S6p8*XU?)R^{Ys<sWB&6zEH`B7ia;<n#Yr_W?#GBr_#-
zRXAQzg{yc8&ewONqR{pMA&$Ms*eG;MS{aOkcZK)v`{Fwx4;U8_@lET=%4+`mw_rcc
zO1qD6Gc$kDKE7SMKFWrFU&`-qK%Xt>PqZSaudYTb`#`zqTh`bWRl16o=H})QO~qqh
z;04Nt?QdFFToRP=(aEx^vPY1aAE;kgX#*EPA28EBhxR+G%Ac;Z82BEfJ@hGC5j=bH
z<cm7tTma{#Uj?i#TtM5#hML+HH?ghd4caoS3@@y>j350X#QC4+VfY*B-&O&u^40tr
z{oy+JtALG>5n8-Jo!v^|YxK7<GG1vBKm0u(S68&(3H5}l0O(V?Vpya9zmEPZragRd
zjs9!&N4Msz&Ht+!M&IS-?==6fsx52de{KB#>f=8pE*^;v4Moa|ijb#|A0rPRJV5+B
zE+d_7?JMr<g98H}bvrOG?DNpR92pdhz_Nc8SR4Q7DY3MKo~8ZTbM&Qv4Qy!2LHF!y
z`G55DHTwT(4FB5YuhAbpeH!ZOkjwV=$O&m_L|#bvqg@~|I(k)l@yUq^<W6wN$Gor%
zsP}WXu|-;5zeZo_Pk6dU|34xf>cv9>uA{Y$KwU1RW6SHNKW0Mn3%;W$CWco33+*o9
zH*ft^JI8X9*XX~DiQleCF)@E@uNB*W02v(_`D4b<evN^@N%Qid)vGP@z0lt&C4SX*
z*3WABKDTT1|AfbPz)we-hxae(woE^$t3b!c!DpUM&MPWI@*p?xE9(2yfS+);M*mMp
z&rD54J6|u;{PU{_u<JI|)*`PP8~>2tGf_^?711BACpqcqpBnHJ?$+r43F)_dd{;!b
z<$jPD75&j)0s1T~C-`jn?<=`p_w@YKfS+);M*mMpzv=D0a@v8hn-m@MJKdM*51*m4
z`G2i11o`=YYQRspTciIcq!(moBhdftYqa|OxfI|NnqR*9=nn#YLY5PJCdtjSqB3Az
zxj;AgGhvPXpRhmlZt$ag_c@)>-NW&H!^``t{9kB5z>4TEFD#6V4E@~DM{D%|M1Ob(
z`7!8+h>q^d&y=O4{!;#%7#~NDi%a}v8T%O+k@O_!HurO3jsAbc|H8t;N4Xrz_<vr<
zp%1vW@`)AsM#8;yaBtOKI=Vmf16U^X3B3#WL|E6)hBf-5rvUU(4h4EZ=qC;L?%0}`
zB2Ye@nVv?U0nJnB%bJ&!h1h}pA7@XfAO`9hAIofOX+iV$&v~>)|DS{RU!~SH`lF}B
z;^LRvSm85t&(W9go9!2!j&L<)e68&7^?Z%~=rI`;5{md=zWi}tI^+rCZbu-t#wJK>
z^UCM$-nVZ*&iybiEaQG+65{9XfxxnV6<DJ`dP=PMf3M2_8$A-g@^sDrZ_WR2S(g6%
zy5|4;l>zeuAFs{-=#jfN|F6yepU+Lp_iOvV(2tkZJpJ1Gf7Q`xHO2hUcfU6N8*1xT
zT<_QR|G}6--wM!10qs=KZV2twP$%`Sf8bk-1ODmg_y57TWIqa^kHnvKt8jdsQ$6)d
z?Ei+b-%cL>GA<F@R_ayx|3mo?=2@OQmaoc^QmgVKg>+Z~x`&+fjF0xI&ux?tkI-i+
zKJw10{RyFdQeRE|i}t}XVSKnB1#n+HjDNO_kL4?jix7MJ_D|g#4{0BA?HaNd#Qs`t
z*YZ`2b3ZaZw&HE>AKw)}!1YBr?7;Ug(AO84Tt%Fn)P%c#X_tcjgwStwr2uK40QwBN
zSSK+49gKnaqX5<oV?8Y6_46z21JF+z?vaQ4r2okT>pXSj2wK|1Ho|#(9>j)NDM0&<
zovA6>?}V}Cl)yajweP$W9Q?a|2-+f`J?e8jp}U8E#n5jZ0@ORgeMac;2kX>OR75!G
zx1%i+#y<R!@h@TfV0?jJF%}*=yuxR&t#wsZu<5IU`l@PV|5xG(eXTC|+}p+V_j+#M
zx`lSVM3*1#Sy%?BcSQHjUp<5Ua+Q1km#bUV6~=(FzJNZ)!e6!TXZ_8?&TiG~D?|v~
zPXPJa)wVk&{?i`8)x^nz`&E{qyrg8+^};#sd&WFnZVS3AjH&qF5Es!%OB)#-UU6u{
zFFqCS2Y_X)rVrdtO#Ho^)!+#Fr7c6%)2FMd6V~%RVx2D6zmhBTxwkhn``bMitHIs(
zdKb>ym+kETU$kGw0qg@;92{4?=Ea1CEoVg>%*|I!N9bp;3~=A^N^r3ktZmRo;r|ok
zbh*xNxk7#r#z}<n^<a!Obh6<}zT<nm1LZZyvqQeE671PtO}xLq`*v6s<RNTLOb{qb
zppy-kzrn`X_;*`#R@%y9WkS5gM@IhMjO$lDze<1jF7!i!@d--`3XnNKgP#o$KQO)?
zln-A3J{HD_`zI6BOTfCJjQ1mbvtZe<4yYe!tglD=jjheiztbQ396`Uc<-YN?tLz~G
z1nxP70Qr9ys{kGTU<@-TQ^5Fy-?M*zta$CeAA$ksPYC@^zcx2Q`S4fTSNube@IPKC
z^ecvYR3MMH3(Vhe9)SDMJe{2W(jWPM9Bu!q&xi9m^dC)%iACUEGq`5KXKV1kg8`_U
zh4Itjo-?@rbPfKuFtA4d|1Em|`D@qc|7VQ+Z~b1Q|Nj=f|M0bd)$3^PLheUpB59GC
zNMp?_;2ZFVH`adqOEEAriXabxS<szf5itWNE}5Ya#Ch8ya^DO=Ci?%SAHDWjA2BfW
z20?uG{zh|1_dh2$dIafv@!yRssEdR;NvNBII!fqk`A??C`sYYD)QbY$>}vcxR*UsT
zu<aL)<>7V&=>l$6o#3dAKc|6L(C6#7lIOuG+P8$ir1_uwfah)mc|ZQ2)_`?lu=&e!
zVLe^Xz~8_&rfFc(T=@BF|Bto@XoG;Z2xyb|nvU~pdhhS~9NJ`{Z3f!Gp{?e7>c<y=
z>(HA*1WC|B5LY?`F~|HmO%u*Q9sX~$e4c_J7I<HOcex*!gEgVp_qRMSZ<fv1^T2nV
zwjfBPB7(FO06&GFbW%ICIYQebv_XDPI)0C`pwAEV`}qIZ{{J%?k*PrhNi{+cD}t}n
zWSNfeT5@eUC+IJrFMR&Dzq$|k<o<y?PhMHROW?%rcujDCPxq%f|B1W*75|UvAq0s~
zSQ#yrY5VNXCkg~ftUT`(=1=+BAFn(gtT#{uK}Nei<^Pd)(8uU&XDoe>vHQKtaIv)d
zCY}J!`DrGrqXVQxdB`X1haFjYe*XiX^1aSodA{X-cSjjP=2jl!;!|a-yn{Z5(AV&L
z)9FW*2isavR<_Eo1hV=Q1hK?lJsmPEK2=rd1$YIpUN6(=udXSEpYlDvv9dg$mv;%A
z;9i^Xsf-_S_gDVk&?g!CCV$N@8l6A$_j(5FJRvRfRsV13x3e0*5Xk34Uhi}KF5g3b
zE`SF?VoxJTocfok*dOqJAU}kmR=_XPpf6{+Jb1Ms{v-oJ{;wkZ%W`2|v1$l%oe%WO
zb?D24^UaUs2fw!e1JXV|BJ!v10s6TA1H^Ab$B(Xd{|A)uAfNv^jo>}xxAMSIcOO<U
z&sIhth&ADtWi6Kt%gp!q*j-liAEfV-K){c#|FTTS%|JG7TTwCJ^wQV%e|^Kbv)@$z
z-(`Zn>8Fm!eX%w{*|4*%{qM5>{`Zki^fI0==Vx;I?{EM04b%nH0GDtm<6p%7L^CKu
zx^D+#{WgLu&i{28fBq|!{cp>EDr>nf!L<hRjz0>%w*M2Jh5W04m7(Dm^oP8~YW9B)
zy#5lm5XW%N|5liKhae59VEzDl;B0#Ysk;m0wzuC}8iJ%>MBm276`$t3`ntbH|9@Nj
zhp*8euED<wKt6MM+<$(3k@n+SxJLgUhuhVbyheZY82j4(|JB5QSR4Q7al1DD(c|T3
zJY5_A=&`;w{?X&*dp!Mb82>OvBaGDuV>ZGVD{wD0v{SXNB6csdr$D<3)WboY8q~+Y
z@m2zKJHHC7jeqo%Ko_GG`q{76*M8ZC|9LITdcDt|{jB>n`u{A<{~GnK(H}h>-ZV9V
zI6wg(W415He}`wa%+9XdQR2fCf>cHQwgv=>{$>M){(DfL|Es_n{r^Y_Xy1WnGYF&E
zhYoFk@Jt7|7xV7``s)RX0bM_^r+uzhfx1<fZ3yx-boKh$zpL|G{=P>4KVl8?dhl$P
zzp^7Mh=_jl5&UD$Prsnu$8Y~1>Hc{ifcMar19i7Q8`kLmi30E}CU_>(U(tT~Z-Ksk
zXn8?scg=MIv|oX}-gDQ__uF2h|0nvxcqyO9R$Qhvx+^^64c+-~Z(g?j=ARG7_@Br8
zpMPJ(`puT}sRjT1-5UKr;T*<PMMrCN&!CSoy7M2??qsfL>@W8PI9L2kSfl?Z?8CEI
z(b4*A&(NL!3io6!({?4-T<1^q|BSme`hUVYJfmf$dk;jw8PCv<<<I9o!~J+p)C()>
z1JHM)Chk-HKjUtV{-3Z8&tivXvVU#7fBqbv@s3Ux2>HLvzu0&2`JCXvh#=#=pX&b^
zcWd<jBi3QuO&Cl0b6WrTUYeH|85#r|I=%wX-yiPB`<&K)zK8yLWw*Xkz(4qSjsAZ`
zHr($O5fp@QGqZfr2jJSEC?>X|I9qTpCiK-qx5vwx=r>=@)%xrGv8CVV*BbrN;}OPE
zyW-&RF&4SJkT9Zm>NFA)9{ziLJ@mQ$_;hXt==s7BBvb}Ly!HT{5ZIdm_kwg+|M9(_
z`D=~-KNI^uzwR~qqo)CS-forlU%(5Z1IQ!(DzHX>^pt>SC%_oYj|&Tts`94@)D1%a
z<c_vB^cm1Rg?`zY)(BF64?$Xs5d`kXgT5co59C*YHTt8c#G3yXdc1s(r~eK9Uu*RL
z9+XC3#v1+6<K<^OU7P>WV|{J>qsPl%JY6wYyEgv+0*n9fpT5)hhqMP?FDrwu(ccT`
z)PEKD+W3cY$yN$q+y4`LYNaLo`1ig>|HkxH)jbB@e!0>d@JtGHb~Zx|&F>m-Yo+b^
z^LsEph5AtiwEExnH!FAE9BxM+x8oYmkBzVJ=kNL2Zy1{<^4OPl3h1K<<<(UHq&<*w
zR|YV?AOEi1U*Puu@Vm=MPX4L!A0X{No{Nd*Y(#iA5j>w}r7%4L;&X2O62BH89!x1X
zs`H<Sv-7pKLfXT40x)LCpKVk2<RCsE@Lyd8z}@02p1fgv1>KXXU(g@g*$yx=eLNe~
z+r{Ohz6I)B{;34x55PGH-I=JcZ6?|}t2!qM+IM2WT>oeM!rw6VO0dLl`|lrEAjm(N
zGA<&>o#W_f58DP~P0miPg8B$z58jqsO^$4Erq$osS^sQz{h7aETj3dHtA&<FAa>(7
z#D7B9Xa0$2&|e+S3#$aMy8!`_WRRhi=9`|HLX5RncP8S`q(6-P1lNYu0*tY8R|owZ
z@K4ZlwRMEcgR%eH5n?O-)M4-<q&?so5U|^2<p6c*Dl%W5v;H&bjIM6D|L6a6HsW{>
z*b4$i$ZBcvPrvWag&<I7StUT4W1s+lE8i;fezd0;X=x$s+i1}81L)}SPd$V2Utvt*
z?{Ow7+zTA1_FL?)f10j;S0D66x_$JUXuk;PEdpr|0o>z(1R`3m4&Yh<&ohGYzxa0T
zLMt2oQ#6NisUSPYM;<gcBLjiF>h}WZ5AxzZg24EC4j{(bN@F_y9sR!L@33zBO$ZVK
zxVFkj5Q}bg{N6H3^1%(xZ`A)tf7l1W*C9Z<SUteldvI?Z)DINp<$-g^bN<m(^zh-w
zx?z06Z&~YC`o%Ez-cZ|bvEN^2f<BS<&nBqbX)gn905Trzlivt%?2Cc4O#Y8o@Egtn
zKRALYs9_C$HU^SG191O9{Qvv_&$om0lRcY%HhTWm^+VcjM@M`34Ezns0^ht2{Hrnd
z-~Vwi00Q6^f8+W8q7Q)GjR?>*eH$+T@~y$IhXKgfnS+G=HM)QP9J~i43&a7WZ{i0*
zzBTxDFaT)?X^D2t|D5ih-^2Gof_-M?fm6WCYw$~90MZ`L<*TCoaz6n1utEC2_Ra)I
zs^Sd57_1^GQ>8JLlqoMT#;8$9j7P-#0*xv0K)el61W_wq6lVb|N2qXk1mu=oz;GiV
zpwSXt7P*#XIc0SPTm(fx4iQj1==@*5?YHl}={GZPW_ET~=db$b&Fk04|M&TK|J{Ex
zX5?i;$%J|alo_&ILsOoqJS99bA@c&}4a^<$klQ&xn`a(Rnd$Z2RLVUVM&e>TVBLVV
zqkKJ(OvpiC4VO0GC|G`(c$avYBZ{U`T`f34aJOI{>NW?^-BK3la9G33L{TS<L(*Yf
zK!1o1xu@V<!3~1@1dj;jA+tF^p0bJQJwf(tJtHVu07r+Lu)sn*sPDWVu8@nbyzf$-
zioNf$G~j)eC8Hz$_ujtf8Z@}#YybCC_xazCt@6J&3ceTnzc(!KzaN$8-S0jBmd}BF
z4&-wnp9A?ENG=Bo{N56dH^qMc4Xga`je_sN@h~`E2FKIjcpDs#W5#P=f-;`_BD_MK
zDfC?_SRi;*gU0eJaAkuAzdXi4{T}iovIp~lUkJ7rlpPYPN>Fys)*FD<j|D}OuQ~`G
zFBrnD-&y?0PGG&R8g18|1j=EMo$p$f|Cyg#|C{(ZRd9vi4;A3;R6p0w8}5S9cG*jS
zdI<37%L93*&i|0hJy=Zes@sA*>Fb#1T7i2fKHs@heYA0-+WcX3<b2ZSJ9jDD{T0>(
z#qo%wxm)a+rJm+SwM%GDa5pZxBY3B8q<@Hk)n#Ss-kVyfX0q2lo&A37)o*+2ZR))>
zYh%&~I=r`bt!jJQZE4>{4b9LF4<SJR&KSq|5Cf~rR;mkscSc%#2lMRWGtW{RgugI&
zfBkxepJ2Fj-r=FVG_+|mzB5MpfVz60=e!;JFUiZ)@FsQXIp?}OwY%fa5Ic=Wd}oj@
zJGZH%cT<XKwo+F#ZRV!Q-LWC<57`De!3Wq9G<E)Rp=0M~pZUH=ePO?H^Rxe;>G_k~
zS@7k4s-7R%bIUi%nmX{wR@tDO2JG6gLvcQi_~3<i3s~hk(l&LDGS39udd;<NoY?gY
z!rtAx-S7C#1W<nrAM~Xbu*$Tx&p#?WKhzHYtz7;YyOM=G|Cz7<+*7<&&e^UlFIQh#
z_OO2=XPMY%%~@RR7-s@#yQcovb@^{tw@&VHnV{`=+4^E+m6Ep>C~SB$4rT&!h5xa`
zhWYL>;H)inO%3q>;d}3O%ZfV>UV3r3`JD1I7x-uF`?KZjHfOq#tHH@dMK15AzMdyx
z(mCTrrsV?vrAwB?@CJ{M-v4(s|CL!9`EU64J_(x+<O2W5PS_Ff^2Ps|V$W~yo;@08
zO_>t&opa|qwx=g|<pTed-=uNl6ld4qoAXRhwQuih|KCabf1=$(>f94g(teNwCyp7L
zPSNYIxxzohAb-shTM}hUm#XijuMYxa!ph~#wY`bW5$^O1#^Zg@CH~?2gAEmGX~`mW
z=-@#wnfgEX*ezSMNL5x;s1@Qj6Oc>%`{n<<{2MIaT$TTsJ7)sC<-cQl{P`dExy1v<
z6xv9lbHLvEA2R>5CbL`a9pi36`fKdsq&pYq45hJO&p2@4%h<!62M-){$B2v0_`Ryy
zwAo7A<ibLCJVmY=Gjyoc->2KQsmrR@U08oZ&Po<oe|$jhRWxHZ>k*V+s%Us8zK-|a
z7rOrAm4nCwZ+fMRmq?y$a`VX0hOEroV*TnhKL5?nI@_h6wMW~WBVK-NSi3IcYjM;i
z?lBF6O_h~aJ52CeA#)<ePs6wOiTunNS+AS<Puab<W=&X<aow4RF;_9`QYOx*PwG77
z9*=iJ$VSP7NA9~nrkt0Ql&G?0%dBV7OBTGX*2<jOOBXbAew}<v2e3QN+8lir^O2}X
zIKtcPmxs}1OB0y^xe3|P%O^ZCcV<n&OB;Pmlr+O=$u)Om<yR(8(etOtg+)F&I@f5e
zEqcD#w@=R-qx9*uMN3`8`(x%G8)i$3zEUsTQmGb>IH0g+RGUB_LSMp~y|;f!_CNjK
zfiI)=f9x{G-Wm4#vC{$`mMPN_Ih_!+k2v~z=iX-QCK$hj!)6lx(*ec~`qylZf1k-N
z;4wFfJ-VOz?GshLrPSs{a&Ye_es^q*V6$S&a=&}$Mq<zII;FOyxRi{ZGSj+9<ev{K
z-VZGjc*oYE&3?+Za-~+jZ2z`+gdAA-$o{Q|Xm~#kRe#z^LH_+m>(=f#i!AAtMWg;l
zmNjEG_ZC^lWvTOH|5n38kK>dY+^hyS7Av(=M8}}*x=u$c^~q|v!$^4a`iF0mk1t*x
ztt|xSKc8-u29*Y&(=c@@Z2p728&l`8fw`;Fp5VK~oV&W=4V#T`|J&|wuV{6#>4QJ)
zDeaH2l<3!gWoQ0-U{_6fQI7F|I|``}d!=8D2mfha6X(wGW)~BMpZ``d-&1j*&6qa8
z*b#&%{0GB^y$`*lhW{vb)bjjiUjNB@%?BGc=rztmVpl2%*kEFe`&6c?)a^__E|ouX
z`?)h_s+G%@Th}7KmnCudW{lfWkqPdV$`$^(x5>y*=s%ul*G@5yGk{Dx{`MOCYsfCx
zV@?-xfq!&Z=(0@TXP(?^YV==A#vO9UYBOec{khylD|RZ=fn4A}8U5!AH&@2+Pd=pE
z599*>jCJU;O}U#VYj#HeT{7}O4FAYB$S~<ZF7OZi<Ax9S?SEje!#Ce>oZSIzpEHj$
zb-z<Xr4|e@UsHeP3jc7xz2xj|StM(fwtczGRk@FD$;i~_Y{8t$CH~j1mi<p#w&*=h
zw*60x|IA@`i`wJk$QDb3oICHi#D8A?%~|=sMi8m4Mqc^9HuRsi{ja|HPg8q+j_T^I
z{~_}~c&`e^o9X?}=pv0i4mr@a|C#kZ<UYm#);{*cP!*&y{`>yzO7%X$i4Pn4yjy?~
zc23Y8U7`2B8TNpqOHK`MQtV|n<NiZ;hV6g%kAbX%4VC#jWta*U{HA6+B|P&B3$XXU
zy~SPk)3tH_p<-RQK8|%P@4A(d2hw?VleMI(B{mMVTL<}-l`<8(AzvIh19D%ho87Yj
zrVOJ#*-OBg7S6ULf^93E`#xB+N{4UiJmp@sG&IFM^5u9zX>t0zqtzpAf&L(!vq+p}
zVofz!Ko<IPhqK<vx=mE1uVcM0!TNtsp+_J7lcz}AKhE=S<}9S}f2!a{!5=!nqwoA<
zAP*vH3+h#N!JCzLPae<~XdCnoKNO&U?<E-b{Ie$y=o9H186Rc|A}1g#)fa$PBq(GX
z#&^az!=CS1ZI{5<?=g0J8WlUfj9s3L*_-nvo`0#e94K&NKC0Mx8haIus_jx7Yswuv
z5q}hHE9lyZI6c0d2<nnxW5EJJ`V^7g>l_XU1<->1tdj+WqgW7kSzS_{1#^LBA;SvL
z28})&pS%l>6s#`*t(pgUQfJ_)z5z5tJ9WxeXV|kpYsyshOy@4D=aWw*g}pm<QiUT%
zs6BGtH4OMxG;*Zs^>nAC;v{WoU|$?G1pu09tF#Lj@YmsP`<;);%x`YExVhdB<VINi
zhy6Z$OC}DRANHGC?)WkNjGNr-sZ(_t?1Ap__!Fvs_Z~^%GhMpKeL~LJ@Mk*5R>wYF
zyXts3Ki;QH*QDYk?e0Q@Ip;<>1b}{t{>g=Y-MZ^^y8rWW*DcvUQ^!xxVOw9<B4#g1
zo9l1T-_S2ag&t2lsl!s20^qCnd?OzzKX{J{ug;jE!`^(=)js;!7t^{$OZ^Q$Q2|<@
ziT02P(xLzLIdjxsFS$ha2;Ck-Kl{aQXnu*pPgKYj{pcU)V{CeO+&GJ3(@`YiCmZy0
z4^*d)9kovFx(hGVd%_J}oFBXP{0sCq?up|}bri@3{jbk?Ro79|_i@%`Q{{&m`ET5L
zMy*5Hpnt}HC;4ck4A|2Ewz%*j-?y2QCPm49-IvsM`{ll9lh2%sK@V?$ej7JvXm#aP
zT0d{TCG*Ti{zC`%vY}VsvRRa60bs8k-wqu-6!?<(HCyyAS-4Pje&kWb80gyzDgFO|
zp1t%p{6vLp(Vq+B7qSWU)G}5l%r+xC-Ez$}zWk>wZm%AHIg=d(+74}+KJ4(<v3;wd
z3Ar^96pb9E>Azg$EMyh(G#P|;L*tVVv9#fbr#p1e@gf_+192`cUZ~rQY4_w?r-wW0
z^EB{+pDE+VyEcQ6&l3S-<PFVJmvhgTGx4@_S?s&!8#EeZyjvk{+Pw2TuSpX<hTnMU
zr9O9L?|5?yFJH*&lo|PnES3zS$9}4P2P^F+ZuA`Z!7p+4?bc0g`RF6JZ-suwX=Dw~
z8RDmPixxsl7k$pk#FOlkdK(2(iI*^p4~%itBhI1$-gLD?j{mF@TVTi=^%Yi?mZ{B^
znN?GG%P^V$$>yC@OQ|0Y5@z{JO7&@SSPg9Yt=d%L#NvJze^J3{zg_g4DVes5AKE1S
zrmgQW>2EEQ{g`d!Jb~;(7<7(Y5c8;WH>p=A+2<5FlOr?Q5m!5YhMcF=bXhIu>`gL2
zAC=BJ0e$2;*;5pRt)f5edW>IpI`K|tFQHeT%Kkd`TnsqF@3;SNWsxU|qtf2-i?Jh_
zu?s(}7v0|SdfjJpmNN(wB;TR)S;^1RLZ!+kD)qse&b_dMq&y4{FW>Fx^jA%F{45?W
zi?Js--`^P=j5YS%jMbTxA2_!K-OyM%E;h}BvgAb@SS6yxx3S`bn$gh-JGEVG*q}=~
z^LNUDF^Kj+dv`(pQjejZe2)sRJm!R*@<8H{>Co@W&)tLavnZ=%IcefuPMt|ih2KZE
z=;tgm=lQXV5CqQsu<!SqgTXI}-?KsgKCxNE+>rXiToF4)29`^mH+|%wbCsgLM}ch6
zkNghp29al&yO%Fpq53pF?Dj9Tfn{T(P%rXP7V1B1B8GOJ$YRJd$OHqMee0v2zA*}9
zgMQYex;*-rUMs%#f(vxs8yY#^*{`v4u8lU#p4cdm4f>%6I|R&sY-<dh(`8%@*>4t?
zoovzXtlwT5vwq9?HL8Up6GW{$FqSR)>uCJ)=>XEvUm!2hc5V8L=gxP=P~@4YFuAQ0
z7CAHk=w4QM-OL&YXEV^juy&LTA~#_V8TxIqlaXP1%h}WE4?A^&dXWgB9hsDVmvJNj
z&|ctmJFNA0_xSokZ@-x6zoWm~?u}Ca-zR5|{&l)T2ed@RQ7xt4`YI+`bdQY%eRas_
zPnq{8t3PFJ3EgPCH4gfp;vq^+dq^%!6j>}8q^wE{t+Ye4-cKOU&Vuy~pjmH(kY_`|
zk@biHXtnKufG1yF$}ygx4H|v4o82hlE-g#fDcS{XoBpY;0h&!eLt8cE>Sq<da{FX4
zPvNS7XMR^0xsXvPAU4U@VxE%ERXio%*{9W5@Jc~<pVo2V`?RF|P7@q0$cl_eHW>%v
zB<@jyO@u5L<XuJq`<{AnuMOBQk+y^Yc{UN`T?6tqvT7La|Kbb(8h{BXPrikP+q-*@
zLKp1;(j?Ex4-NBY%~pR&aGwL`q1p3-jW7fJ$Bl3C#&PWG&7Z~gR2NKnYuz_CH@I(s
zIVyTi8y1cjshXX9iW)zfpbktNGe$KPH@?}z;6|M6b$|v>KDc#_yn}Y{{Mf`Fe6rVO
zU_pWFJfv?wt&4FTLjDjpX;4Ph;MQ}KKC~tR((~%t-<Ug34e8rAQ81l1f%M%l$)?ZQ
zD0HDO4j%045{3;LtmlY{>|4THy6GD^UYC{V_Gb$6ALLs+$VB>crcKj!kFiyWof%`d
z@|+V-QnRN{i<f*x@}C6COG~wW$|Sb6YKtnDy(Ebs6a14#s`Wo!`q=EE|0o<DUzf>V
zJKFHG{rkJ@K0jc9cJrRooilB^>es!yE+6BuNcsoTpsw4X!`=7jegyu)khHm<gtJx#
zxCa3@z7dXnJ;pXRZDmM5r+=W|qM!7w;hIR~Nk2Ma^cdZ@(7)L5x&HssXWcx(^j~P;
z8)4908e6Kv1`X1E1@6S{?YDz*Wb*yfZJ+428OCcS)3U|2`{ToEK~bgTwe73jExG*f
z?<;!~6X(|Eb(I4QPdU1$UcYkYqW|k9`U6?l!+qg%j-5CYCirB3D|IBS?%`fj|H|Cp
zRifJE{2b>{d!L|ucGu9m%oWL=`8~F`nD5%aZGQ>&64=_`eCc+(AM5CROx!ERJ9@ai
zTa1g$aR)p0;12DpaWnst9e?moK2V<xX#RxnM1U@b^#SJFL5Pw*?VEi|20j<{E^DEQ
zAQS1&mhp$NMvp%-7Jt6wu<G?|Ctu0)c#w(ogX1r4%&fVfcZ~;`NFN!4_2?S;L#a2U
zD!hD;902pwH5(n7NS}Cv^4FT_P8+kO>2(W9U-wX^{-q*+n)dBY%l6-rK4~KZCoO+7
zhSEn(@W|gK&pUm~JA)j3De2gdwQBk(kDh?ET|xdenSU6&dq$=UK5g?4Z1G`_#b#^L
z)J>kGT|NnJU109R94ONK%MBg)^Of{#^etf+uzgCJdLAmzI-7r*Niehsk{|AzNd9LM
zOkJbAPc!Kj%c?;^9jwfdCTX)yA<Ghat-@WWI68KnLTEl-P+GeBS}<9_FJW|8&Xo@x
zI8gT=^daE*QKR(Ub#zqxH|{*~%USm7IKD=fLl1!cc!PbrcGLT3u~)}`<IWSm#37(*
zMrOv{3vbSwCwF|U(sy{hId8uAllBW825jLUY;%X=j1c%>n>NO)ev($A@YomP4v`Pv
z|3KRs@<tF0&zv6~+3#qu{audDbnF!|zsI&ZG{F~s$x{R5G5ZqVeW%z(uf28tLkqlc
z?-~1&31fi&xP^uPWR+6eC3`2eKcH;`u`j@@R~$booPKOc&_7nZCVP~wQEJT$rDi-L
zGSjmrb=j+8DZi2h3pCB!*E?Zrd`m+v_m4}q@RV6^(NRD%>3SiV@Ndqauk#8UNYLzs
zKzLn$XNA<?O$&wJjt<R)151mPdcCKPQMaS`?MLKm$t%V}gM`H{gMixx<$p@;SGtI_
F;Q!Nude;B|

literal 0
HcmV?d00001

diff --git a/examples/react/public/vite.svg b/examples/react/public/vite.svg
deleted file mode 100644
index e7b8dfb1b..000000000
--- a/examples/react/public/vite.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/examples/svelte/package.json b/examples/svelte/package.json
index 03f324bf5..2679983a0 100644
--- a/examples/svelte/package.json
+++ b/examples/svelte/package.json
@@ -1,5 +1,5 @@
 {
-	"name": "svelte",
+	"name": "svelte-examples",
 	"version": "0.0.1",
 	"private": true,
 	"scripts": {
diff --git a/examples/svelte/src/app.html b/examples/svelte/src/app.html
index 68f1308aa..a9d5b2f06 100644
--- a/examples/svelte/src/app.html
+++ b/examples/svelte/src/app.html
@@ -1,8 +1,9 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<link rel="icon" href="/favicon.ico" />
 		<style>
 			html,
 			body,
diff --git a/examples/svelte/static/favicon.ico b/examples/svelte/static/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..9ef0fbfd6596f80415822b585a80df66888ec689
GIT binary patch
literal 114104
zcmeD^2RxVC`(InKk|fCpp%SHJW$#23Nf{vtnPu-)*=g939T|}ovXaP5Dr9G6&t$#-
zbGkpb?(N&X^sigL`}2G{z3=z+p7B1<8P7V;L7^~ExF`r1C_0o3HwvW-?wy=|`^|!n
zfl33<goOU{TLguAErfyM;P~x#0uy-I738G*&u>x`Dj@*_MGCI4JUwg_>S!(o>grKB
zNg@I&0`NAGw3L`4{3}fOu<Fxh37}5y4bo!5$E})&3#_e<zY0#Bf4TeaamAaxC-Je#
zFxO$|l4+)G@h;w&)y<l<k(uUs_(k4xl>@f&mbCGFx%Tsn?_=_=k8C8lx~=8@ww86i
zdv()_3Av&%oQ0fr`;(H9g~-Gz-hHBW33*Lc?41|W97~qj)_1qu;c=TmYC+OV<J9S7
z<2nuxHxYVNHB*FLq)q=Zd|6Ba)L>mX$F0Rp_~c!9b53#{{B;B`Fqxf>3ANOj($gi>
z>pi&_tx#yjLjD}3DugGCx`oQdoOIe=v|m?Vl<o>~pObx&oF-=-q100?QcqpUsO>0G
zW1DRgTk|PZF!-<V_iv1{F2xk~?nL>bXi<aC8A47hSDh0vIrfiDJK+S8*lkwvpq#=i
zZcM`(bh7jpzk`RLz>1xSU&MqZi1UFB*<55sr;xmL1HREdVpJiv0PaHtY5eVbP<M_>
zT{cV$UC)nqPmIvcSu@5EZ;2!gtN*3menrNuenBY0E$_*kc6Q7csXi{+jK5u&eImVs
z>1{Z+e2gyEh7C?fSz_?goemT^;>3AZo0H)i=~FpHV9;W0-cNNz^8t~s49cTzPC}D+
z46DO|?)<%o03nl&oL3B47I;jKN7v6vHoU%qqp3F*kMg<}zp(4cTm?S1>ErSuL5BH_
zIT8;UDX*ajiI(<vV00K?E11E?6uvlsyF}9@P{&8M0sj<A<c>dul%&Pm4|sIi_aa<`
zNXrSmifo1aB%;@On475p?9663mpjvL$1M~hU4Ib^S#O2a#GRmmO}@UU?tviI?2a-1
zlGn_nkI7u0c26kjIAVxD!$=Nr-E(qM@XA8(W>*cmD{KM&<-M*#&2>Qq^q$x#4lEM-
zmkXG}yRSR*ON`<v-nddkM1t=wg8SB_HG2cdKuHoN>Rb3hEV|w*)w1K#Ig}`kgHn;B
zB%y<|X8uw9g##S+dW0I+4G4<rrs&r<mCAE}z{l?P+EnC-nVy<Wp3_E1htZUcEZu*!
z(OHON`%BEET)8EmB!Z%&QlrP;7SWs;-;Do+S^BAVj=r9(M)4+0lL`lf^GbpMD4r9i
ziAHmq%!|oQDJokDPcFXN&P*@0HA($&fLr@$`S1)GzBlhX)6<a+15#2P*Zeg_l9V2b
z^2y<Q6frxOleAsweQ-tX0hLspXaL4V?K%60*SakP9`U=)?xH9;+_vN>d;_nrwl6*-
z!)x-wwyCLRQ*P=UTwGJ`Fsp*LdJRo#O%6&a=}gUxxB&el^nAOn=P#T#%sM`0v)Ip0
zdIVFrpUNr2qMsU-w{`B&#JQq_FAKbgZP;QMg>1-PlhL<eigP`c!HqVW8s5dcVU{?J
zot$7=J;Y;SLgOY4kNd0Vdec=sRBx+-b$w|C%dRzRQ}bB_+`47{dYG7zRj!RZ@C>M3
zUS7NMhV*e|x!9;E@8=avH*Sz?bCu^vKiTLMN0V@f<g#j~mwDZ5HZLc3fkOEyRjI=+
z>9Rp5QH|Cd2e$4wSJ_3nO_{E*Z-J6$ki(>cOtXJD!YAyum2Y#w_=klso`$NC*7>HT
zfj(+}E4N1ik`HK}<ZR!y>w4mr29?Zr7Dj6MPGN6$UwoMGNZ3f04nNs`>^y_r8&r$D
zs4b%MekYgo;Q(>X>Ej<bSs7G0T}YgnG3Lj1cPL`i(VrV>jj>>#o1><F?HF`vkSk5Q
z+-UFECdH%v<&`%NpR_I?t_nLTZI*6*FORW%qPW<6Y@Q)4MUK!eR_Byv4|z@@0fn4X
zl}=`Azl86m*Zg6prxY<bFc1v8!__nwEi5ujyOrA<=KWsK3T`@x`$+1{eyW6&l((Vs
zhbo7&*`H`BEJ~W&&mBtpK%Sq5XK}z;-Y(+InL1%{E<4*jb{BBp#w6I6`8nb3r}Dw`
zFhq$qAX++uh5Df2$)$%x`Ac(o05|t$eA;fz+BwXO3c8hd(^C?r+kFVQztP!&#7>0-
zvBje{+%_o5DKLK6<SqZgg!vd==lx)PucBcgQx<alI=%gOIt$jZnH<zSHkfE{Pt0ZX
zW+$$r8@J7a+nd#A+4!<XpY%|9JK*8kPuOS>E<LTQW2%j6JG6cDc7h~ky71BUjuzO@
zG2SO!5|5~@bzZz|JwGhySxhVZ&iCbH<t}5hhxb_@^6gM0m9wZYX4^Z<ASt?e!A8)o
z?cR)Uh3ivonqhy-I&4i3)f0TSGt`5xjN_JOSq~WR+{0rvhVOVf+qsR#c4|*EC;sS*
zl9~o>`}u>k)0;cqXQopol=Ewfu#k&*@vqOpl2YoH+4G7nPq4k#cUzu&u{_R#gP@}g
z!tm~$T*su(PVxMGb{N)<NOI|TUTW$Nhjm$D0f8s55_yW4P=`@I6xPfg%9$w_du2IK
zWsk(<<w+(VetalAyw&h^8jh_oxh_Vl>jZBmlP9OIRkS53SHy8!iZtvxLR-w5W8DM-
z5fR<x@}^@Q*V1YaP)_OS>S|@gKDpiCC4-HLF=T;v=up9|U1#nyqt=Jl^F|(GoeCj}
zu8)+%i>2E?UE;B^Ga~7g$ippWyC+_r;HSg6Q%kftjDxaw$guY0>(<@2>s4j-r;PT9
zV*2~ZxF52yvAHYguy3~{ZGpP{`Sa_%HrK|dr(=dzds-M`u|`SI(RB`4DxNx3{xUgF
z@BDcs!#9KP-gSDh>j(2>kVPxpYz!M3Gw%pna8>q{TQ9DhW4~`V%dPC3squ09?e3aI
zSmnGr_4f<{<7Z|1x7{GRXL%!u2_-J{h=%3Z;8II-^WCKNqZjV$)$`L>>#&*kRd46y
z?C$mQJXW-TlYLY{;R#r(Mb*>_v^H>?O>w6b3*Y0qiCxs`JnYjMek>TPT@63`h=<mx
z1;VAnCwpDq+09lvSlg!_$Ck6G)Z#mN)6i~5q^e)otmvkP4{b`CXOa?Fy6YuJ&y`ii
z2FWHSwB^tpJQ$ic@(3&N*%9N^@LLpTPhDV^x4UXvm#kiXTA&G)a6@Y=KMx*F@Vbie
zdHVpPTlP!B7T1;M2y3SjhBqEf#z}0{I~l-8?dvdPakjzHRk(Ke8AXOkeSQwjLTOO7
z^qX9pEjMp&^1MK&rq((&^}2C<9lnQ7Z6UFHgJU>FFL~ui@;LwOW$C)ofU72w!Dd^f
zM(IvdqEhwq&bg~b3i;exbP!Cz2<)PbuGT$kHXvrmm85!*Z{%rpb)3EgPS*aUsBSE0
zR6&9LI|8TY14(7rXHOoDd~T-0A7JDW{2~2_*gEIPFv;TR5R~k5Ol$oI)P%U}+{Q&^
z<>eU~cRK72)Xr#<l94@bw@~D?UYa0DAZDKkeUB^cTQSOacv;?pieyC;62wlz5g|(y
zII3@7v}^koYZhrzo;zu*<u626)M!>HzO8_QtV<_P9;^%2GqJ?VY?|8!ZOQSmwOy3f
zC%iqdofKb-T9n$Tk^tM~j2jAY1>U46XFA^vm~^C%_llsfUAQIioxp;Rk3ovxMM;ms
z6sBgdGcL!7!``@QQ;%%W(Wh<!BF`J1OUZFHw71JgluBD#l1!J&*VmD{Gls9TNqFkK
z#o9ld@Fio~4yT6oGs4^r>o2zm#cx^6#7<<urh9VofgVkUu96lP^O=2H_EP!uPupDN
zWeXsu-Wg3()IC$z{8CO>m{=lu@5HuxeN730p}E`Cjkk3COI0tae%MG@=`h&l6t<*a
zho`$~j{XXZ2udr=#pU#VDmK+&pZ0`YYaYG*3D-px;%`oV=uy$xo3o+VpIVsZ%6T``
zWA08u-2(NVem*8FWLLT8S)qFj-cIlXv4!ZaXg?;?3^Q4>!@ErK%5>qiw5qD=xYgUl
zz2f2@ZrqgDt&g&P`&Q?!hNv)sa41$5*VB^*weO$d3Kmch+%pTG=Mg`u2d3d2N1aHW
zDEq2{Gx8T_cm<lr_J)V6Nd>qu;;`#3)(<@Bzi7jA_ua6U^-L~vFmLAWiKd$_^m<vP
zsREa?4SL*eK0lfja^_To92WcVO(J*8Tcz3=n(E^!f+EG2NHIyHt@vrUE;K(`&%SW$
zI`gB)qwh5iGzOkFQb^hUz+q8W-(b+{-6@T}&dZ|=JWbTWHB+{4!)62*kMAMsC0Vep
z)9|F_aqe*<amd6II7B3vvxz2r-PP@*vb(oq)8P&bnvZpP74{@&FG*RRU@wkLXN&->
zdvCA#!Yr+$gu$S-!<cKI)RApxwdC@)IxOs6nBe4LO$Z1tI4UKlW1WxXkfWYrHSfrN
zd4EsE5uAEqN(^oPgY9;H?FHjBYT>P(cnHUxqxfJEN!4(04OF)YcgA@2l&@>5q;S~H
zv6YFW-z0n5l|J{z?4U-GqaE%D%W-xJH+O(d?fIG7rnJtD5A$p#dn6g8$qF4l5D_~l
zc(n_<<WDG)`ev01+U-UVy?$yZL2CEv_!st8E@>MuNkv}|+vg)ok}qgdyrgUw7v&u0
z8XV)>>jhnEaylhL83F?y&hY0u%HH09uZ2sG+WXjdIFHAUWuL2KQ0ZmAbldk13y(PB
z+8v}*Fc(Zkb&S)ph%6-NHKilLu-FThrmn{oxT>l(;`zfDB1TFM^zR_`C%0#ezg(C4
zUVLeXyhX{mBW7v-bUR4%!0YCdJRu>fWA2l2%1>`qN9?mz&g{A%9NkdcWgmZE>>)!N
z>cLdSCNt(($przNP6l0&<=nZ=1&1t@nnwl)Ns=@ZUeZ2(&g<FgI#@q?Z4wt>3lp@$
z<<($m-{jqw4jLMTQ6bJDnpfP^r{|m-*4rCRH*fxkKH;Rs$oj<hmsl#8Ib@}(HQaIQ
zu5fg!2;&QRYi7o2-4}a$>HWToyxWuwc2ePBvBxxaNONu=V4e}ACL{7^+=o*}P=Zg%
z@cQ1}n7FvedcE!HZFy-Nv|dbGGESaUvx(LzI;BV7IfTD}mvUJGtBK;NypLg?%LXvg
zC7xDQYKoX{&^3SF|Hd*^<Vf}DTd68h{M>p)>mzb?Hg`yAafzIyAV0~_lA`(e3KMA0
zeyZSuj$FqoWf+=`L_{!21gth+y}GVae&4{Ev(|4JW-IrdQFhR2A@?SL<f;n337Iz$
z7gntcZ5A!tD=XvO0$CnMy5fkN$vVb7w`Ja<IWCrSNy{xFL~}nr#ufVAw{(<SP5Hp|
zBhHv1FCjtIjtriYmX;<)-rm5TZP|2`4C6AGKq+n&z0!R;Oz^Q+NK}{PzCnsw$>mwZ
z_&hHZS5;knG#PHZ@BDMOYnjmvB{yVw?nutC*kMkqvQ#@=PP(J(@~&2%lm=kU_06SM
zGIQG&^CxQ}^z`+M2d8%moQQ7-2n{Vg1~|lSdH$H!6OKw%5>{OlO_qqDz~xC|9(E^1
zGD406>mMCB;V{2mix_<Am9l`UW9>HH0RdWVR^4j)27a9;-1yijhh_oY&YxG_ar4&L
zbgH9|Qj!rfD=X#}D@EC{zytmfn5i^QqR9t|2M+Yp?b>3*>K5NylDMxajpYi@<7~2M
zN*@X3Hq))*WjKay4}9$BiR;@;F(fqv)l=U`r3z_jVd|Qbf%$Z|`u>P{S`|?_xtWAp
zBqubvN<<quIBDCs@lO@rXtfR(Fd@k$GRRE7Q>*2&ee1ouPPTDZ*$OEoK?gggE)YC1
zQE~Cobe&1!weD%6sf+JV6OL3=R76>c&^I<VNXyH64HXrV7f{6MmQGq0HB5G@@P&<B
zYjAO0@Tiq{mp;$IwBGZA_F_La0VyVj+|w#qW=_s<cduTb3zCGqEYjBnT}=I6<9u4H
zzzQ?|!Oru#H8!TR0R`z*{9^x!7j0nK#gHOxz~3t5-B4%ZaqE^c8JTQMd`p_j?jTu-
z2dcwm7^4=p{loVg>g%P?_8bQo)#MO+?I%d-qKs$APai*7$?@z=!HxpM&117YI#Cwc
zVdLf7{D-kQ-A5gF!)1-f>@7F@qp?$Oj1Dqw^s1<?C<zPmmWwazo8H@R(cN!e_u_@f
z;lo>zDS1ap1=BNcafAp;#w})-c&#-9bt`W=?A{@@-=&nncwN?1@yWb=rdf?!pvRiJ
zp}eu|1ZXc@7=DnM>38Xbj(pKEwTV6(S#oK?a;y^EzgV?DE^1#a@g*CNnoK@_j@P<}
zhl`%v1^dw3n5XKV`Zoo(o_p+#0!SO|&G$Ni=^$9Fd31by$Mp>tc9XZ?aOq?s^&wxR
zdHo7=zNX}=ob}jyTRQxpi~iRLuX9H3+pK&`c#b6?&eu)oC~=6Qr^4pkX2KJ~2Qcae
zE>f1_OAWkx7nhW=UOHfVz(z#(PJI04z{A#eIn2|yBvaMON3UbQe=b6jm|#MB!jGHE
zt{H!n)^(B1Bp(acZXy&hleOWAJU_{5^?+)G#ZL}FQIBk8Rw}r`$Uxa>E1&c-y;zfu
zr^y>|LZgMIgx1E!w0I=j?&x-&_Vik>l-D`_xG5t!jJw{c;jS!7b_c_jE$92EcM@`k
z<0@|KDUN2WX&-PFy<l=rbkR(+4V7<Asm@1NxM+MMqiCzs_3(+l$2i>2_w@0|dI?eV
z4AytLm0qYj5IJNOO}sB)yGGP7*>O%x{Y+KGWY(DYUC*{LOOr)7W<}Hrw)j2U<RQ`)
z!%e-oFtF&yeKEmTNa&=N&zm>Y_g)^qMCPi$-`~(hBq_bym7d#%=4E3A59W)KtxhKj
zog(ZBA`Y<1tL&><qL@XpN|8zF**=d_Cz7l%7ozFPjj=i>={UC#zH54?)Qa=8rcwup
z=AM4W1_phWg|>n1g$2GdGwby&*y7F`8g{*6FD%X*br3ptF0gBI=gv5>IEtdov>;9O
zYZKjhYGZP23oUy-Tu8!gkuN=L8+qrjx`v-y4TjYv!Td`q;R0Da9XA)pMk7Q;vnM8H
z8hYjkc19&`;9wUFtgO5{^d|RI{dfSQ!U;>4wl)FcZM-En(iOqiO+5^{uaxN7J{n)J
zh*>@;Z+b7~_Q*(E8ljWdW_CKJv*c&<jl}dZceA;-Z&S3e<G}W59V?;XenZgsVS<GB
zbZF6#NW#-c&vEOY<FSw4j2~y%wov-I)r@DVY~xvm&R8j7?iRcjsuBZE(i>&5DQbHX
z%(CQ-4zp&HC*D?9YrJ+gBUVvCK|)zMuIpehqx6FZ51!Z8SJZ^tO3TU~Wq)PwO)o7R
zCdZ70m6C=lAav%80B2(S<rBF4r^$$phU0B~9+`WhiKm$K!TVB4<{nm?bm<hn1oCKN
zhji7fW{n!Wa?RS4xfh%C)_HUsXI{{yU1$hNT?&=J+QYtJ$81&d)SQyA*y#jCpb044
zh@fhxe;^7V4F&kzxFhWGak|8#g@}Sm-<+L*jSczIQ|#TU{1IVcyDya~CS7ZnB2g}`
z&AM!vq7jhX-l<X~oU-qRp8xvmr#(xtPEox*Xc#jlJ=Ug>8`gBADz(irU78|#j)m=r
zF{{(Wy<MYxB?(LVY&$FaUY^?QA0Ey#_XPU{)2>~v2Mm-oGfp-Z2C=OhxlK_}LRZF>
zrdF0>`j&tHv`2Ql1B1vN!Bg+pnd?yv=B38wj4`1-$raB6x9^O6hzgS3p-)kBwlVw}
z2UTNB&6RVH#(gA#lEb@ZveDqqKD^tf=uRL?q10Z6cKKnV$#qF@1V#2@NVjdtp^n~T
zbBTB~l-Tmtvkc;!S1Y@C+1W4Kj;NQt$<2r|&CSs&^JKcGUJ&-;_$D96!0RC_h}39k
z%2MX;9Zl}<&GvAYp7PrzP9@{$z+;olKd%rPvTn>IGk@wTroskPxSV98_j&&D$D+rT
zl*D?TbUBxKZ614L`KZDzAgZ5ACX<Rq`ts-=x1M7!3U0~m+S<8Cl0d!nnehWRk@W1g
zP4Dj&%*iqaRPAvpR3)7BQqq{$$WKl<jUy!^qf_zRoqzt#K{tFcCs<}dp-srij6@D9
zpZZZJ1?H`ZOT8A;;vM>olqD@kj#g%#zAbv^Y4g@S=aexP`k2xlp0>Y}>y}`Yc4~LU
zZjDFSu5CrTQu8Z{T_wqL*R5ajuF&bqYN42z;*{qwP~NoT*p$QW6aJb`?i)KCcVE_F
zFyv)Af$zz9yQuN~Ea&x7uOml2<*;H;?0tm8m_u5;?eZCK-VZ)Vfw+m}mY9SbAKOh)
zBWJYlGn%&yd$9n*my%?UEzQ%GNfdjT3MnXH_z8|5P)<>i8FwqWZ#}6Y=Yl~&F8Wem
z<v3<x6Kzv+y2WMcYD=DthUxucRIUEkCe7>uhUzy<n<;kG2amm$WvNx}b1*6j%6T1J
zEiD_WE~oCWM~O3TymO9isMXdfCFS=0ez~e+DnYd&2X>vzHDf*76B`qwqV<fYGA8i-
zy-7tNz%49s*iFQmox3w=`jWWd#Q3(LW7s&#dPD2lD|&4xFLI>LRu<Y~)+M}Qn|}zD
zZq>)FG(D(UZk|^@#}n<eck+JYz(pOMnEQrJ$yFgr;-^mWWoDMYUi{zyR6li%jmg~j
zy}G43`v6lVDqcpeTNP9jmdnY?#zueOfKs?rp;Tm}(}4{};VgN>0@*1279EX6dp464
zW1U8q+UB$JB|>9K9{2C*G|_f~iN2jS*p{OoXcB`iHj&Yh-k3K{yYP0nS4BtAr3oiJ
z)=}a%^+3E<LMqvQ`bK@}%a<9Y35g$?^5RimB-+<uR^Qs_)jD!zD}9<ufb>4*Ya#l@
z`bU^pSvQy~l1cZ*yxunZN-O6^PAQgL>JVAWaDeEU(oHV8;uD0WCQY1r=0)9wu4+f3
zBXIQm@doCMpWVj`+>X<e<9b2E<CSidf`!(;t!Im6_C2+oFI9KnD^!JF)Z->{$Lpkv
z)&s8%lJO098ufvMdH+C}ANC#pg&joLXHD_(T;+(b7TED|PzEr}E|p78Y_-`>d1<WH
zpd-&Kg`CQNep`yk`2!R8#FMsUurB#rY2x7Xk#H^6ykZw@Q2aWwo{;D*{-X~MsG7D6
z*cDPYI2QAyTU=CaB0!R@UyVelub-pjcqkDR6pn$9?K$wi1c+|(0@sFdIwKp4+LPT1
z)$OK(TtlhpQ7)laf%3$CixtYRtwc^*L|B)NEfA=1?@g>Zc;Af_Rb1^#e#0L39dCz^
ztCht8E&U;J^Q#Qkn5)G~4k@K2QXB2M**<se^et~rz|R;7U<#YeH{}`7+N)W}w$khu
z9*fzsZXoks{y83AbCD{QuJVAO1DFKZ3=-^kBiM@GR`wG46%)1m`;QYc>PS0{XC)_+
z0ZqrjL-Yzb{UMKgdt-q3Pw*Ap#~-+;;v@1b<es7a6DAvcg<L{?h3K4s05(8fG;mQX
zn-3pXR3(`e%=2Jz(aktXo+$hn6W?gNOEKNzA{Nwahw}-X>wc2_AX{Tr=1$|#&~Dw@
z+r?^@?Zr{<=J%Tw>j%1Cv8muYb;N0!)Kv#_Rxdm&%rA;>5h(2*e=`;q%$YPBQHva`
ztdwbFOQI<S8X9j~T-?+7^CNiq3(pO}I_IvWs+QC^2IiItS6Y5aef>(6c9|C&xKPD8
zx}eCx)WXvBg*KPO&iA+$lR_~X1%&!hvFs;Wgrpgmqy+B%j8}z(2oBemb5i->7O4BF
zr;0}B=5Bv2a)-27(_ctPB%oy1{j(hX^@GzV_^%5IX-)RZe;7_O_DhU&W0cOH2t6n*
zeSfTA^pH=nNlzL+Hlv+@hRSedd;CbEz27D+2^6DrNe|UyfU!gUx<x%D1JsduExs-G
z-P3QXohoz~54Fmus!{>D1N>uUr2tHN_nyNh9F&iTXX@HVbxi6GO||mgf6v=*>2X5K
z;E6ZE4*A<w;!Hp^&B&jezjX29Mc;>o&Q1}p9Ok*6-C~PN)NkJO-mFuEna^TqUD6R(
zb-%`2BD%V~6}p_#y^K85wu)L+lr-h1QFa1?1qBv0;Rf2slIT#=Bo5F!vJ$wy?d34n
zWje6FZ{Gz~9v+^PuMJ-YwLc`lW~3&@OHLl9zI*6NikfXgs&QmN0aoh4{DUk`#hM+o
zjth=^&ns4(SfU}s{m@M-5R)<@Cid>Ihe%yZOZhW)#5V$2piQNW1e)W8#rDOGM%jEr
zS<^O$f`hj}8w=oF6O-bvM?`p4>oV=#`!Exg+TWt0rV_wtV>|SsF}$Oc=+x`1OYtm3
zTyC!h0fF3mdnsNfw?JOTi=wu#&2}^<F%i>?iKkZ=dx9eD`gP{5AFQ5Pa2dWX$u(!V
z7h}E-2Pc<&(<XoavBsEi3tL*Cn=djN^?H3sD&R3N#SHZKGYSg6?`qFfWjlZVJZRHd
zfR;1aTk)~=j7Pz@y0V=TU;={Jhsi#ZSFO8(1rZ8E?VL?KJ1{#eZ1n)!N#dwd8_|Yb
zsi_&+oBLrLRC^(Rx|epgtLO}k{gi`Ip8ej9TCv<L9q;Es1=<a9$@$}Rd7ukR+#6nS
z;lKBCSMucabi4`o_TyxRSB|o{Mb{Ps&A;`~eY{5##yhTG3%FXwK<4xeNET-n=Z;YG
zUUZuuIaRG@nXIFDex0tlqS&b9I)%-scyp)Ly!X&jao@6ba}>W7rQL^~ElVFF9E%?<
zUbfmnQR#}Mo*Kv?={xx@$vESDw{pI^u~<uOP0eF1=|^3o%<^1a{j_K3{Rc_$rKk^?
zEf8RE026>tjO3Im5X$mryA0sSj=yc=&2-ox#U@psObNq;7jO3M^=<iMCB}F8RB0Qx
z7MvWjDS$$@aA4@@Vq-&9@UcU>+dHOhcuXR1X)JY}wHPL-6^bLjUg4(h*i$<tBFRj%
z$-A^zb1bpv-6f!#*_4G3RL?*o<!oR=>R41e(Q`OzC#J$FDPrP>O^+7M)yZ82w+}UE
zUWSDMMx1J9<~ZZn{311v+3Ch&K?-11$3300Ybm8+Ag$RjQ7wB!?+}z$vo5rh6*(D9
z5$$B$$%&E<;I^6KHqKw#BU#qrN110aOkWWuWn)7X8_T4?Nr>wztg6~<HQkt9ZaB8p
zM?z`jL{g)F_)Y7wcF{Ye0vbAj2LsKg^bVyynxHs;o=ac9SFDVK@}`EYq%HGSfrX&O
zc@l|kGt;sedBMJJzwCz85}R37?r<!-iE#_A3vUwVGWm^29FUtW#Z5dX6Aka2&r~%t
z&q$rkYajKyQdsPhkesaD{Y0MI@sa4XfiO9C(cpCYxzWvrP3hYr<S7@n`@9<L@p;wW
z^P)lm(|L@4NJ4~;&h*`j^KCW;YLAH=PDE!8^V{3|?pjh;=90dNqA5_XWi!`RAGeIC
zl|N-LkFQEd0@RanKBt-%KP)BiYc%3S#>V<wXtAho=AAoqrnnLG)U(fS4Rcfb)*rOM
z0#iWf!3*8b*ySaA+L~2c28J^=I*HYR<Z<TAl2WUMq^CqQJzI4pP*a^)2rcjKd~x?l
z!kbC=^=d$Hx_paby4*XF%L%CM$F-T8GUkO|_r1HwtEjj;s9N`dsbZ6OfD2$QOnBAK
z*a{oHPIJF$xtr<0flUQ6XH&t70wy0|yJ8wL2P3qiLU%XCdfxDf_rCRdkHPdhN}{=M
zv1yc^sjMV`>A;J|MoB~clvjf)`BoU#);xi&mU;;!4xXL_C06S6Kwlx(C-mB*xiya@
zO-GtY-2Fok*^8DQ1tk<PZGj=!KQyFh=PMV_z|8D*zM(Qmz<y`&$>4tN$HuA`fDx|s
zPyw}|g$q!a*0;7sbCb$g#0pfsm|%@bAg}Kox8iYF&{3grNZ%apb9d9RgfM}dE-w6p
z9%FBU4<BYW%Tx)uY5C?!TY*N}rNJ77axcC8R5FK|C;HFMBfy1%6fjP;{F6E=7jPM`
zJ`%tqil>5RLon_<vF`Bl<#Au^XIZb`dsHPzFwr)TCXt}%LzV?#3*9c&JUD;$O|}Km
zt`mD=6B6ijU3NrCYin<$T{ypS@a2Wb++6Yd_+T^>zUpXATqopMc)c}Zlw>fhq{QxJ
ziduCdU!a1z0MAgd<DrR3b2#S!Q(N?-rMC%&bjk(<@+3Sb)Br}J6LOr&J#Q8+vd02B
zcdKA?CGAq$ZD86e+g|tjwb;3H*@>8ui9{VD=Qa}&Rlf3ccemzWniU1<6$>k?@3Uf(
zqpGSU*@cUjK&2aRy+3JhkLBvxiI>Du1`P6JoxEk`@$vDdqXm`|L+0&~>FL{}fNC1&
zfcfm)D_Whd$LkoD3cyS>URV0wwB6n^apDaaF4nWx=B*|wE|;i^>_3oM*U*q86XBt7
z1O@tx?<0q@gTO~Y<&hn0Hv1|59Rl_DB@z#~+m5J-1D#jdeCzP=wy9~J;}sF41QmlF
zGZtrCj;SW!diQRCe+(c>w;7mg_@~AS?E3iHbvjF|&lnTQg(^RRs>xAD<Rlr{3$H59
z(Cayuq=^m(?m52uI9T6+l}*XVQ|ZDwFw<|LG+~{YmOqloQDF8?>Ahz6&F9a_5)<Q~
zX*J2nUCkFPW_fvmLP8~a-uJTbT!EAx-{s#H6C)NU8!UGI{MD##N!NP4x1EwN_uYNq
zM)Jy7ceKqFx({?j&L<8O`AA^J#%>JeDhLCb&~pRN-4ltI&H$VQA4u}_*_!>l-n7%B
ze16fv#&&)zr-1R)i!F(X>zo*+XG`#>DxOM}>mF80;_JTkCZ8G%L*SEAbf9B9i?onV
zd`qz=$2}_tFQ(wIuzPv}JB@N<L(<a~XGRV^y{|nTW@H#w+X;BU4FtHCE$9O(p4FZi
zdDB!CA-FZPnyOJCF1F=qW#v&u6lz2`I}yWN`!=agkei#^UO&UUEn_zJ*xGcpNkECk
z$~t$L2h_1?*R3?IGP0WN%m#zet*R96QquQ<sy-k*Tv$u1OGR+I`0V0R+OY(8(JE-F
zJ3ldDUXjOm|8j?n)~;l4z{~Dj2`~G*(XV8q2{q8Xv$C@8IC#)2EX+{x*fA+t*`gjQ
z9l)X0_eI{l%e0d<h7cDEn!;|7Ujsr-li?FXxsu@-4h{|>TS?|4=W3qFHf}GT23D8u
zs-V3-$kM^~LKRkSCZ=FFH*AnqAOg&-ms^JKWS7fLHknriDQu|cw=UJoRNW!ByEk6Y
z{x(p7Jb!+HamNnO7SPXT7aj7|Y31Ut-=^WC@jH0$wPo>ZI-q9_-gkEUv3NOUa#4YD
z&h^R4=8ZDE(c(#s0TB_B#f#RS&4G;4jdT>kI>27m?Z$ai?&x0Y7~r>LpnIobpo=TI
z!AgV@183RFd4;Kn`%Y5Q<zrxGF@G5B>s#Yx-D_@^&T{*x)TQZ*&l?(!r;<<-;tmW9
z#AeM<_Ng}a58Usbwy7Vu7;`R00nGI$PqGFFUt^19JBkN1^>RQwJ;mi%86V;BB=_Yc
zAvc~$-l5GK9e04w0tU~FlXve1KU*YuBQ7m%`q;}A+f^7$W3wiU6aq^+c*A{sCb@5B
z?bI1ruSi4}>+A!VzLQ4h2S$9(aF+OuKzW)$NtPU9VDco7s4X99#j~2M7Bm_2QUzWE
zsj7?(o&ANgNWA>PW57Q^lq9vsm(PfSm380wR9w7P!{!G*2OZzjoT~|o&CBZxp;%hK
znfE+zgRGj`AzKUDj`8xsC(m0b2nwAj#qos*yDk!swb{~+)$ol@o-N%{rer)cBQP`c
z!6hz^f|qyC*yD{P*TM{Glr*3KvNXq+KUaC`LAE8G^g%hEk@t9D(df;novDBMQtnv8
zNt*dNSC!or+KYNPf%M)^d!JsWHR^3V(H^xldpGT{`iDgaz<77NYZO!hO(jR72)(PT
zQJejHEcMyOqz75IPwby%FB_bGUS|?=(BVA|n85M#1a1r21B))DhMmGQJjZ6SW5=E)
z$f#YqG(9$PIMwvt$m1)`>u_De1X>>#E)IGD1B7=DEs$U`s{3XeBDm5Wkvj?eqRwWZ
z2vWH|6!1&wEpjfEil$sB1w80@5@<?M5m=Flxz+Ngy0)I#WKlo?6rHv?zHFzmx-WXP
zZ+5nU1|>KHJSxDGR2#4e(&TswI8>gCV|pq*v5eBtI>>clj#2A9Tn6oCSuT^%`plYd
z^akSa-p6p-;Ax<)=Q>0~(qd^xp{zuk-BM~hnp_UNar88(<id5^+gwX1NJX!xIZ@t8
zP7ZJIsZKopzV(6WF3zMR@=^Sp)2>5J1?*jmCb_uh1#Ep&YK$h<Pi${{L}v%S3V(Pw
z{G!Drjm)64jLjCjc)$<H)7O$0EMz>i;|_owq$Xyb5x5M@tHQf6w6L>Vd|q`c#SUw7
zTq&(jl{yXNJ>V<UC}JI6gHh%#hw~2F^ME&AV*cXgb+|XPx7FM~(|(R4L4V$53=A{|
zp!1O!&a^yq?<Ki7@VAk0Z48N074(*1*m2!tz3(R2AZ3F@{gm{krjuvRu6sUkG4ZO9
z%|oA|d$LN+6mEVTm{0JVnu6c<^l9y<8vC%Y;ezeV(3X4Z8Pr~7QT?;d7@L7kzcakO
zkhb1|(g%0P4RQtkI~-BN1QNbM7?1IRk+3S9&+GZ~s~e2xfk#QXmb66bE7rN7>twl$
zS>hW;B^4Ctk3EZLY4agX@B<&MwY1O#)LAt3T<2=;X-P~!NV|o?jdl(R$pse0O-+xg
z5`h*l<VqGR<u)+d@I$LB6P2<#FR1E>2?6<9Faj}FNxpj~!XPttBHD45o|U!o7STbi
z-YS`qJmUjgp$7u|WI1GD|4dS5>wc7(1Xh==N_@QGzUOXR2c)Mz-*C1MsI_j~JkmQ5
zA3>>Pq2YtOZ{Ks30$m=sa4vpWS0V}q;lyiglCdIJOYMwUj{^0VdOF%I4f29D8c0X3
zLP7EM>(%^=Ro(oHQ{9w49vh~_MRj#?H5?a&X>5mz_gdd_8Dy})&>~GbaFcdvY+g24
zvGN&vft+^t7EFwRhrS|IKBq|;0eh;k(35R7RX@+rb;3U+q{MNF-BH>>m?m|h*D{RH
za>?VGyBQG%Tvumj8vM-L?USUXq$mf=cjf?%iPjA_?2Uf>>9<&q?HGR<>ZtQ7<<Qhj
z^EzxyFtd4N3dJ`>0hh?kxOB5JvfK7E(w?5{8A7&k^E6dmmlvoC<7v#FEio``&ARTS
zArgSOIRpFr{tz$wipomO>X4iK6HirTc2M|DN0Xn1b8F4LlS)7XSoUFZGdCDc8q^7~
z1qIz&w<4mV>?$h{L%$Lpo~A^l?!A;#$CZwB_aPJ7A)%+B<>eT2VZMt0e)?iDpb`Zt
z%Hwhom5-%2KAEduM^1;W8Rj1tctpL8;N`uOd*c>4C<$e6^IxsF&g?VIut5xU2AlkM
zPZ+QOU1O9soi*g3%vaefMFbpWy9j}tCUpak7Vo2VvAMaXql511)vItN+qVTQ6nfyB
zu-ZmRI!tZ*Gh0AUVBq89>xwP*$oLS(ZR+W=z)wcD5eSw27kQx}vUOeRtIOrxWy2QQ
zaxzf~Ihyxq?{x4&TcE(aAuW5s6qT^FR`UZhPiAthBS*yJUv-+=nh@vokBr<|nw6%a
zlAF99vB37e&63&1UZ>K9Xd^y0;FIy?9p_WQ+DW#lp%St>A^P+cfNN>HY+&Nw;B#a@
z7nj<Un4K)XkSqhXCUwWO6_9m$rUrWNj}WM*`aOKO5vUz<Moh)UwL1Lp+=!sR%onCb
z^jt?Y&h}6@bvjb-%?qlL#`kRLN%5b!Jqp?Yq)mL8cjD<jCm5x-Q%ckyEl{W3=zb9J
zsTiyra~?+fTog%J6ZmBmQ(uYiFK9V?QQuklfa**A%>Gg-`Lo%4X)W`|iOy~F<DR3o
zdSg^p&deNIKd>Efy|&SQC&@O`T-<?oLlpGIft_Z#CNm@~0s?#YZg4G*RJN=!aBk3l
z04T`89J;A50r<~#>8Tw84q^JOLpjla8DKBuKT=piTV<lGd0+zb-NlD@CbTNWA`9Cq
z?rSsaomc2t+_%S+dk$FF6c@I>0-QixoTkjt<PftY3hsD`XQkoUO*fQc$LF!^vJBYg
zXSS6LjwfC!?Zyo>@IMloW!8Umn?QtoJr7X!01Nc-4Pd$yO>dIb)%A$#W|Hoj9Y1E+
zl)o*|fFrSX55>4m!BC5(KM+DYEo{ld!AuZvE!ej{Aq4e8-&r+NwYEz39FPQn`41>v
z3M>UR2eZ_G+l&6CUA^ax3ybEaL#^kN1wE#5*&=v@AICiH#mKqAXij$X=CMt*?Z7IA
zM{B6FI9Cl+l1Hb5%k}|P5O9#}f>LyUy-iu)rcIjyZtEV)Fkqf~irIl9d(G&O;BU6S
zc1NlDao`}djnAT?si}Iro0)ajF2EN`B$b44QLMve9J1h()c4D<pYH=Jsz;`WdRhks
z@V{uBJ9nS)Scb`-Q(1P2{Z`Te2}yj#?2hC6nBU1OsHt6LDkB>=6u&QXl;C;$=v%Oc
zS{SxhU)@M_aCf2^YeRhC^}vW|-Ocg?&Rmf=LDT~;8yXrCf|Pw5Lu51}MC*A#i+}(|
zwYAniIM}yLOM&f`{k;wN*!{o&ot@2Y*nJWx|IGVpN(|)`lO3g{uO2@k4;>0pQfS2c
zqyoeMv!ZUB98R=V;E8UAhtgdue&BCpk>{F{vS(pw%t8zpH+7H8Gw<4UEO{gxt9eQY
z|Fs_hCg50uxRSk_GR{FUHm&9o;Q74d@Qtb#KA1nPtyNOm4Rkm_u-<*jVwZ7Y!Jd2O
z_5!rS!<)NoSV@T+;%;)DonZ8qXtY4hI1jC(#I#7bbo1&)=Cr9ScZQt`Y)3sBLn_0Q
z0>xveve>Gh07FYfrJ^n&xtqLMdT^OnUy_>g1!mHR$5A(eca%Ohl#7bf-E;WXi^tV3
z*qh&&kM8WPEp&e@Hoe{isC0MkiZ>gzPilM<;cGy_7E%t}BX_k4Z^a<i<RpDTZ0&P^
zb3fBjS6I2lFxAeTl`kHOz1e3wLrCLb#Rd%L3VFJ!4}I`xazZ~$8gChFDI5p_Q_A~x
z$H3;;SH7rfDxY4h{gK%D@h=;_C9uqUtKMFdeC3hJ#*!nTq_l~De&}EjzqQtJqFAsJ
zK7YQBfBHo<u-<u3Yv-H~;x@&U=N~7X-25i0x0$vB>+N1g1(ZusdBOuiR9drQ?qp35
zu=c%zR=LDPg4^~ZTX&ySjZW-ARKZNE2s%`)z<VNk%nd>`3mV-id82fP)Eb+@wyF5>
z_ts-9^h*kMedvp@#4uMlb5N5qgXd~V6lRt5)zdk3?yV!FkB~Ef@d!GU7ZM*~?Q-^+
zk<z7hL;|>m5D-jA)k=X`AuuJyh;c*RCJLK^+rXs-8Xf_1!|ORx9^vHQt=GduZ7zKR
zmILA(ENj-t+k9Jq==}`%OMmE(mVcdVp51k*$BLPc@4AxZ9_{JyXLoP^$Lk!ssL08y
zx%84@+XCyUEW`LrCBycez;1N5B7kZn_uMA)-kRg{)q+(!J2v`AFchD_K^5WV<GzWt
zU<WGebG5g%2VaI8wmkF#9?Cl{C_E3Qr|$zYMrm^Po=BiZo|rJxs^O6dVC3cHZOSz#
z3FW%b-G8kcIGFof%GM$SyaDXAprgHbQFRu~Bl@WyF7u$?V4Vj1B7Ke+3ho4<QNdWi
zxOonv6zm8H0n$U~vj*VqF0IzOt|sjK6C=yV7g+8B>GjYdpMZevGKUWb0ckrpBN135
z%XK_+$}PmeTzp=i_i%UMkr%HbqEbe%iHPEXKvg#CSNrxDZ#Z!%+s&vb5s)(>F|p$o
zPor!YH+}O=s4>bIvI82AdoWS{xcM&k$Q6LE8yN40fsh5H7H(={prOK&JE5}F&>ajW
zwRP)u0J$B^sZXWk88~;j-m4;%U3dS`7&|j5zGgNbcl*m4_nJM__KQHrVZt3|%7DG&
z`Z{wnGU=;Vb#&sc-`3qaC(y80((yyqHY>t@N{9K<vzRDt&h<G|0gRpFR^vALrrIp~
zDSapjZM-E)kM!-|M2HI>TJg8#1UC&#*#PGfn*zCNe|4rQOviQi8ua#S07s}06e<R*
z5Jj`?nfiKcmn&ntI;<lnpJxl6W@4N5Kc`7MmMT=L^8PefAU$zAm?GyVib-B2tmk+j
zZbCl0h3<JS*u-*O`0ZXhEvuGMvy{N|rC4^@Zkyk;0!Lo=OHZ|DLuekoB6qqoP=eFZ
zSH!Gs&y49zw_8A%CU0{J*EDVK!`v*7H#mOuEm+5;X?Bw0Z<jkbhG0rwR&z*o574m{
z(A+%cCrSib_BwX!tgU8yEV1CLE)TH7$G#tLiTgzwDTXs0*A|+EQPdtLW)_)jK1R%f
zr_LhC`um)~_lOF(_)i{+d~Y+jbXZ}?D6U>l<j&CqJS**fc|mM3EpBJcp#ce+1!L49
z89c$$WgEvNfat-N9^c_wBuFPFL`QkpBYts|o@6O)p;z*_1Q$8Md4E?A8j&kbLLACr
zSPtIQ+0j<bj;stR42Kvobv0?m4i-(^cc21JyW{I7W)}8DIx@P_O3<T9LAh8*aTb_0
z*+>_$FJTHVa9kPcd~dEpyRBUcPf$z<)uDxN%9Tbnn_6_^zJm;A@ewJkbYn#FDUCz4
z+>H$zFr2&&yI^bX93xD(r?aVehvO2u`QVtq#0`X{V@vfZL~;8LR4F0T=4#X}%=RsF
zsX}!4v<J-|E@{xe8Xd}0KHe^MH3wBx*5rg?ooB){rl#qe=qE#$V{L+U${7(#dEH2Y
z?O}FFj9dv@Gl-tPj$wT<;oGyts&9u%F`YY-teh?s6=K<<n0FE_oH@S9>5PY)kk@Y9
zvZB_f(vs&;QHE)Bx5w!Ud)h^Bk3`@sIK}i9(eBuZX~G(K#hEzB>9qG-WgSPC62145
zbXWGNN8(r?Db((7@IIZyPRZJRTQO=6DsbNor{lKLf)mdB-iEvBN1~o$rK5JGs|nLx
zxwP=q`oO%Ca>xGkSL(xc@kIDUj#1-rg%pUOmCWXSuEc@PV2>b5T3k*nMMTqu1>8Hq
z2Vess++p||V4yaxM}18HdGO5_1VJ!BS`U&WNX{VL1E~?DQIM8ET7&P40f^HvkY0k6
z0g^pPq98#U04o1@0QI0i!UKs9q$rSvKw5*Ji-BQKJ*0&QNH`$<kd6S#g>*jxQYA=h
z@ath<5i}_uBr%ZSe(~=Dpe#7gZwDy>q&bk*;Mc|g><7spL7M%))&-Cs3nV#^dO=!)
z|1JzbnjHlR`&%XgkPjE6iy*Cyd4PofQkVtpHV0`{>j8WpBnObzXb+I^Uk;Flkd`az
z1K>SukYJx#qdh>vzXTvH;araOS8D<IJLL7?ngQpHHTZX70QLdM%YBt61b>4(;~K9A
zknk@BNZak`<^b><uK7@ISc88z2A~{|_jw-xzoA|a>J6amxN4Yv{~qb;=s;?pJwpm}
zA0m%(a{tj(oS%=>fx5dpJCXM@Gpla@N;7=;@Bw+-)rHho*C0g?^ZwCqgg7nA%R_1^
zE0M1Dc4T^LYNgHo^Lua|fO@>&y8yU{dPAr?S{1-Hq}@$KbWf@x{JVA|yQ#J!yS7mM
zlmzP*VB3S7Q&s&)m-nDgelLLiJ2xW(G0@OJ1lc)$`gigHT%S3vgk+_reQQ5}I^5sq
z0B{d=$EzCq?Qh;77tWkPIA~~p3cdfTpK;LAAr|@uNMBFS|GNvoGAs=Yk$rUZzub4S
zZ=*pBH8l}Pi*EovI01lskmrwDP5zG7Hbh0{@GpmtKlceOC1s?)_uJW7u)z+2W&F9^
zU+p)f#W(Z;NOMSgXg?fYDgEJ`Z*)fMm&eI6jV!>}h3oce0p_tcHT$pmPQ6p7k*Uea
z)qEzj-9p+!8}f<)t~qetS;p_LeuZr<0sP@=;c4mPUvh2x8ou{XZ$nZOAZx!WfW8~{
zE6oA<Ajs>XYXcY44#f1VF5>Otg7~<){iDgt*#&|9pL06{+O}OfuaC^n&#&||KfY^W
zV1TwPScidzCIajHr@s^87S6p8*XU?)R^{Ys<sWB&6zEH`B7ia;<n#Yr_W?#GBr_#-
zRXAQzg{yc8&ewONqR{pMA&$Ms*eG;MS{aOkcZK)v`{Fwx4;U8_@lET=%4+`mw_rcc
zO1qD6Gc$kDKE7SMKFWrFU&`-qK%Xt>PqZSaudYTb`#`zqTh`bWRl16o=H})QO~qqh
z;04Nt?QdFFToRP=(aEx^vPY1aAE;kgX#*EPA28EBhxR+G%Ac;Z82BEfJ@hGC5j=bH
z<cm7tTma{#Uj?i#TtM5#hML+HH?ghd4caoS3@@y>j350X#QC4+VfY*B-&O&u^40tr
z{oy+JtALG>5n8-Jo!v^|YxK7<GG1vBKm0u(S68&(3H5}l0O(V?Vpya9zmEPZragRd
zjs9!&N4Msz&Ht+!M&IS-?==6fsx52de{KB#>f=8pE*^;v4Moa|ijb#|A0rPRJV5+B
zE+d_7?JMr<g98H}bvrOG?DNpR92pdhz_Nc8SR4Q7DY3MKo~8ZTbM&Qv4Qy!2LHF!y
z`G55DHTwT(4FB5YuhAbpeH!ZOkjwV=$O&m_L|#bvqg@~|I(k)l@yUq^<W6wN$Gor%
zsP}WXu|-;5zeZo_Pk6dU|34xf>cv9>uA{Y$KwU1RW6SHNKW0Mn3%;W$CWco33+*o9
zH*ft^JI8X9*XX~DiQleCF)@E@uNB*W02v(_`D4b<evN^@N%Qid)vGP@z0lt&C4SX*
z*3WABKDTT1|AfbPz)we-hxae(woE^$t3b!c!DpUM&MPWI@*p?xE9(2yfS+);M*mMp
z&rD54J6|u;{PU{_u<JI|)*`PP8~>2tGf_^?711BACpqcqpBnHJ?$+r43F)_dd{;!b
z<$jPD75&j)0s1T~C-`jn?<=`p_w@YKfS+);M*mMpzv=D0a@v8hn-m@MJKdM*51*m4
z`G2i11o`=YYQRspTciIcq!(moBhdftYqa|OxfI|NnqR*9=nn#YLY5PJCdtjSqB3Az
zxj;AgGhvPXpRhmlZt$ag_c@)>-NW&H!^``t{9kB5z>4TEFD#6V4E@~DM{D%|M1Ob(
z`7!8+h>q^d&y=O4{!;#%7#~NDi%a}v8T%O+k@O_!HurO3jsAbc|H8t;N4Xrz_<vr<
zp%1vW@`)AsM#8;yaBtOKI=Vmf16U^X3B3#WL|E6)hBf-5rvUU(4h4EZ=qC;L?%0}`
zB2Ye@nVv?U0nJnB%bJ&!h1h}pA7@XfAO`9hAIofOX+iV$&v~>)|DS{RU!~SH`lF}B
z;^LRvSm85t&(W9go9!2!j&L<)e68&7^?Z%~=rI`;5{md=zWi}tI^+rCZbu-t#wJK>
z^UCM$-nVZ*&iybiEaQG+65{9XfxxnV6<DJ`dP=PMf3M2_8$A-g@^sDrZ_WR2S(g6%
zy5|4;l>zeuAFs{-=#jfN|F6yepU+Lp_iOvV(2tkZJpJ1Gf7Q`xHO2hUcfU6N8*1xT
zT<_QR|G}6--wM!10qs=KZV2twP$%`Sf8bk-1ODmg_y57TWIqa^kHnvKt8jdsQ$6)d
z?Ei+b-%cL>GA<F@R_ayx|3mo?=2@OQmaoc^QmgVKg>+Z~x`&+fjF0xI&ux?tkI-i+
zKJw10{RyFdQeRE|i}t}XVSKnB1#n+HjDNO_kL4?jix7MJ_D|g#4{0BA?HaNd#Qs`t
z*YZ`2b3ZaZw&HE>AKw)}!1YBr?7;Ug(AO84Tt%Fn)P%c#X_tcjgwStwr2uK40QwBN
zSSK+49gKnaqX5<oV?8Y6_46z21JF+z?vaQ4r2okT>pXSj2wK|1Ho|#(9>j)NDM0&<
zovA6>?}V}Cl)yajweP$W9Q?a|2-+f`J?e8jp}U8E#n5jZ0@ORgeMac;2kX>OR75!G
zx1%i+#y<R!@h@TfV0?jJF%}*=yuxR&t#wsZu<5IU`l@PV|5xG(eXTC|+}p+V_j+#M
zx`lSVM3*1#Sy%?BcSQHjUp<5Ua+Q1km#bUV6~=(FzJNZ)!e6!TXZ_8?&TiG~D?|v~
zPXPJa)wVk&{?i`8)x^nz`&E{qyrg8+^};#sd&WFnZVS3AjH&qF5Es!%OB)#-UU6u{
zFFqCS2Y_X)rVrdtO#Ho^)!+#Fr7c6%)2FMd6V~%RVx2D6zmhBTxwkhn``bMitHIs(
zdKb>ym+kETU$kGw0qg@;92{4?=Ea1CEoVg>%*|I!N9bp;3~=A^N^r3ktZmRo;r|ok
zbh*xNxk7#r#z}<n^<a!Obh6<}zT<nm1LZZyvqQeE671PtO}xLq`*v6s<RNTLOb{qb
zppy-kzrn`X_;*`#R@%y9WkS5gM@IhMjO$lDze<1jF7!i!@d--`3XnNKgP#o$KQO)?
zln-A3J{HD_`zI6BOTfCJjQ1mbvtZe<4yYe!tglD=jjheiztbQ396`Uc<-YN?tLz~G
z1nxP70Qr9ys{kGTU<@-TQ^5Fy-?M*zta$CeAA$ksPYC@^zcx2Q`S4fTSNube@IPKC
z^ecvYR3MMH3(Vhe9)SDMJe{2W(jWPM9Bu!q&xi9m^dC)%iACUEGq`5KXKV1kg8`_U
zh4Itjo-?@rbPfKuFtA4d|1Em|`D@qc|7VQ+Z~b1Q|Nj=f|M0bd)$3^PLheUpB59GC
zNMp?_;2ZFVH`adqOEEAriXabxS<szf5itWNE}5Ya#Ch8ya^DO=Ci?%SAHDWjA2BfW
z20?uG{zh|1_dh2$dIafv@!yRssEdR;NvNBII!fqk`A??C`sYYD)QbY$>}vcxR*UsT
zu<aL)<>7V&=>l$6o#3dAKc|6L(C6#7lIOuG+P8$ir1_uwfah)mc|ZQ2)_`?lu=&e!
zVLe^Xz~8_&rfFc(T=@BF|Bto@XoG;Z2xyb|nvU~pdhhS~9NJ`{Z3f!Gp{?e7>c<y=
z>(HA*1WC|B5LY?`F~|HmO%u*Q9sX~$e4c_J7I<HOcex*!gEgVp_qRMSZ<fv1^T2nV
zwjfBPB7(FO06&GFbW%ICIYQebv_XDPI)0C`pwAEV`}qIZ{{J%?k*PrhNi{+cD}t}n
zWSNfeT5@eUC+IJrFMR&Dzq$|k<o<y?PhMHROW?%rcujDCPxq%f|B1W*75|UvAq0s~
zSQ#yrY5VNXCkg~ftUT`(=1=+BAFn(gtT#{uK}Nei<^Pd)(8uU&XDoe>vHQKtaIv)d
zCY}J!`DrGrqXVQxdB`X1haFjYe*XiX^1aSodA{X-cSjjP=2jl!;!|a-yn{Z5(AV&L
z)9FW*2isavR<_Eo1hV=Q1hK?lJsmPEK2=rd1$YIpUN6(=udXSEpYlDvv9dg$mv;%A
z;9i^Xsf-_S_gDVk&?g!CCV$N@8l6A$_j(5FJRvRfRsV13x3e0*5Xk34Uhi}KF5g3b
zE`SF?VoxJTocfok*dOqJAU}kmR=_XPpf6{+Jb1Ms{v-oJ{;wkZ%W`2|v1$l%oe%WO
zb?D24^UaUs2fw!e1JXV|BJ!v10s6TA1H^Ab$B(Xd{|A)uAfNv^jo>}xxAMSIcOO<U
z&sIhth&ADtWi6Kt%gp!q*j-liAEfV-K){c#|FTTS%|JG7TTwCJ^wQV%e|^Kbv)@$z
z-(`Zn>8Fm!eX%w{*|4*%{qM5>{`Zki^fI0==Vx;I?{EM04b%nH0GDtm<6p%7L^CKu
zx^D+#{WgLu&i{28fBq|!{cp>EDr>nf!L<hRjz0>%w*M2Jh5W04m7(Dm^oP8~YW9B)
zy#5lm5XW%N|5liKhae59VEzDl;B0#Ysk;m0wzuC}8iJ%>MBm276`$t3`ntbH|9@Nj
zhp*8euED<wKt6MM+<$(3k@n+SxJLgUhuhVbyheZY82j4(|JB5QSR4Q7al1DD(c|T3
zJY5_A=&`;w{?X&*dp!Mb82>OvBaGDuV>ZGVD{wD0v{SXNB6csdr$D<3)WboY8q~+Y
z@m2zKJHHC7jeqo%Ko_GG`q{76*M8ZC|9LITdcDt|{jB>n`u{A<{~GnK(H}h>-ZV9V
zI6wg(W415He}`wa%+9XdQR2fCf>cHQwgv=>{$>M){(DfL|Es_n{r^Y_Xy1WnGYF&E
zhYoFk@Jt7|7xV7``s)RX0bM_^r+uzhfx1<fZ3yx-boKh$zpL|G{=P>4KVl8?dhl$P
zzp^7Mh=_jl5&UD$Prsnu$8Y~1>Hc{ifcMar19i7Q8`kLmi30E}CU_>(U(tT~Z-Ksk
zXn8?scg=MIv|oX}-gDQ__uF2h|0nvxcqyO9R$Qhvx+^^64c+-~Z(g?j=ARG7_@Br8
zpMPJ(`puT}sRjT1-5UKr;T*<PMMrCN&!CSoy7M2??qsfL>@W8PI9L2kSfl?Z?8CEI
z(b4*A&(NL!3io6!({?4-T<1^q|BSme`hUVYJfmf$dk;jw8PCv<<<I9o!~J+p)C()>
z1JHM)Chk-HKjUtV{-3Z8&tivXvVU#7fBqbv@s3Ux2>HLvzu0&2`JCXvh#=#=pX&b^
zcWd<jBi3QuO&Cl0b6WrTUYeH|85#r|I=%wX-yiPB`<&K)zK8yLWw*Xkz(4qSjsAZ`
zHr($O5fp@QGqZfr2jJSEC?>X|I9qTpCiK-qx5vwx=r>=@)%xrGv8CVV*BbrN;}OPE
zyW-&RF&4SJkT9Zm>NFA)9{ziLJ@mQ$_;hXt==s7BBvb}Ly!HT{5ZIdm_kwg+|M9(_
z`D=~-KNI^uzwR~qqo)CS-forlU%(5Z1IQ!(DzHX>^pt>SC%_oYj|&Tts`94@)D1%a
z<c_vB^cm1Rg?`zY)(BF64?$Xs5d`kXgT5co59C*YHTt8c#G3yXdc1s(r~eK9Uu*RL
z9+XC3#v1+6<K<^OU7P>WV|{J>qsPl%JY6wYyEgv+0*n9fpT5)hhqMP?FDrwu(ccT`
z)PEKD+W3cY$yN$q+y4`LYNaLo`1ig>|HkxH)jbB@e!0>d@JtGHb~Zx|&F>m-Yo+b^
z^LsEph5AtiwEExnH!FAE9BxM+x8oYmkBzVJ=kNL2Zy1{<^4OPl3h1K<<<(UHq&<*w
zR|YV?AOEi1U*Puu@Vm=MPX4L!A0X{No{Nd*Y(#iA5j>w}r7%4L;&X2O62BH89!x1X
zs`H<Sv-7pKLfXT40x)LCpKVk2<RCsE@Lyd8z}@02p1fgv1>KXXU(g@g*$yx=eLNe~
z+r{Ohz6I)B{;34x55PGH-I=JcZ6?|}t2!qM+IM2WT>oeM!rw6VO0dLl`|lrEAjm(N
zGA<&>o#W_f58DP~P0miPg8B$z58jqsO^$4Erq$osS^sQz{h7aETj3dHtA&<FAa>(7
z#D7B9Xa0$2&|e+S3#$aMy8!`_WRRhi=9`|HLX5RncP8S`q(6-P1lNYu0*tY8R|owZ
z@K4ZlwRMEcgR%eH5n?O-)M4-<q&?so5U|^2<p6c*Dl%W5v;H&bjIM6D|L6a6HsW{>
z*b4$i$ZBcvPrvWag&<I7StUT4W1s+lE8i;fezd0;X=x$s+i1}81L)}SPd$V2Utvt*
z?{Ow7+zTA1_FL?)f10j;S0D66x_$JUXuk;PEdpr|0o>z(1R`3m4&Yh<&ohGYzxa0T
zLMt2oQ#6NisUSPYM;<gcBLjiF>h}WZ5AxzZg24EC4j{(bN@F_y9sR!L@33zBO$ZVK
zxVFkj5Q}bg{N6H3^1%(xZ`A)tf7l1W*C9Z<SUteldvI?Z)DINp<$-g^bN<m(^zh-w
zx?z06Z&~YC`o%Ez-cZ|bvEN^2f<BS<&nBqbX)gn905Trzlivt%?2Cc4O#Y8o@Egtn
zKRALYs9_C$HU^SG191O9{Qvv_&$om0lRcY%HhTWm^+VcjM@M`34Ezns0^ht2{Hrnd
z-~Vwi00Q6^f8+W8q7Q)GjR?>*eH$+T@~y$IhXKgfnS+G=HM)QP9J~i43&a7WZ{i0*
zzBTxDFaT)?X^D2t|D5ih-^2Gof_-M?fm6WCYw$~90MZ`L<*TCoaz6n1utEC2_Ra)I
zs^Sd57_1^GQ>8JLlqoMT#;8$9j7P-#0*xv0K)el61W_wq6lVb|N2qXk1mu=oz;GiV
zpwSXt7P*#XIc0SPTm(fx4iQj1==@*5?YHl}={GZPW_ET~=db$b&Fk04|M&TK|J{Ex
zX5?i;$%J|alo_&ILsOoqJS99bA@c&}4a^<$klQ&xn`a(Rnd$Z2RLVUVM&e>TVBLVV
zqkKJ(OvpiC4VO0GC|G`(c$avYBZ{U`T`f34aJOI{>NW?^-BK3la9G33L{TS<L(*Yf
zK!1o1xu@V<!3~1@1dj;jA+tF^p0bJQJwf(tJtHVu07r+Lu)sn*sPDWVu8@nbyzf$-
zioNf$G~j)eC8Hz$_ujtf8Z@}#YybCC_xazCt@6J&3ceTnzc(!KzaN$8-S0jBmd}BF
z4&-wnp9A?ENG=Bo{N56dH^qMc4Xga`je_sN@h~`E2FKIjcpDs#W5#P=f-;`_BD_MK
zDfC?_SRi;*gU0eJaAkuAzdXi4{T}iovIp~lUkJ7rlpPYPN>Fys)*FD<j|D}OuQ~`G
zFBrnD-&y?0PGG&R8g18|1j=EMo$p$f|Cyg#|C{(ZRd9vi4;A3;R6p0w8}5S9cG*jS
zdI<37%L93*&i|0hJy=Zes@sA*>Fb#1T7i2fKHs@heYA0-+WcX3<b2ZSJ9jDD{T0>(
z#qo%wxm)a+rJm+SwM%GDa5pZxBY3B8q<@Hk)n#Ss-kVyfX0q2lo&A37)o*+2ZR))>
zYh%&~I=r`bt!jJQZE4>{4b9LF4<SJR&KSq|5Cf~rR;mkscSc%#2lMRWGtW{RgugI&
zfBkxepJ2Fj-r=FVG_+|mzB5MpfVz60=e!;JFUiZ)@FsQXIp?}OwY%fa5Ic=Wd}oj@
zJGZH%cT<XKwo+F#ZRV!Q-LWC<57`De!3Wq9G<E)Rp=0M~pZUH=ePO?H^Rxe;>G_k~
zS@7k4s-7R%bIUi%nmX{wR@tDO2JG6gLvcQi_~3<i3s~hk(l&LDGS39udd;<NoY?gY
z!rtAx-S7C#1W<nrAM~Xbu*$Tx&p#?WKhzHYtz7;YyOM=G|Cz7<+*7<&&e^UlFIQh#
z_OO2=XPMY%%~@RR7-s@#yQcovb@^{tw@&VHnV{`=+4^E+m6Ep>C~SB$4rT&!h5xa`
zhWYL>;H)inO%3q>;d}3O%ZfV>UV3r3`JD1I7x-uF`?KZjHfOq#tHH@dMK15AzMdyx
z(mCTrrsV?vrAwB?@CJ{M-v4(s|CL!9`EU64J_(x+<O2W5PS_Ff^2Ps|V$W~yo;@08
zO_>t&opa|qwx=g|<pTed-=uNl6ld4qoAXRhwQuih|KCabf1=$(>f94g(teNwCyp7L
zPSNYIxxzohAb-shTM}hUm#XijuMYxa!ph~#wY`bW5$^O1#^Zg@CH~?2gAEmGX~`mW
z=-@#wnfgEX*ezSMNL5x;s1@Qj6Oc>%`{n<<{2MIaT$TTsJ7)sC<-cQl{P`dExy1v<
z6xv9lbHLvEA2R>5CbL`a9pi36`fKdsq&pYq45hJO&p2@4%h<!62M-){$B2v0_`Ryy
zwAo7A<ibLCJVmY=Gjyoc->2KQsmrR@U08oZ&Po<oe|$jhRWxHZ>k*V+s%Us8zK-|a
z7rOrAm4nCwZ+fMRmq?y$a`VX0hOEroV*TnhKL5?nI@_h6wMW~WBVK-NSi3IcYjM;i
z?lBF6O_h~aJ52CeA#)<ePs6wOiTunNS+AS<Puab<W=&X<aow4RF;_9`QYOx*PwG77
z9*=iJ$VSP7NA9~nrkt0Ql&G?0%dBV7OBTGX*2<jOOBXbAew}<v2e3QN+8lir^O2}X
zIKtcPmxs}1OB0y^xe3|P%O^ZCcV<n&OB;Pmlr+O=$u)Om<yR(8(etOtg+)F&I@f5e
zEqcD#w@=R-qx9*uMN3`8`(x%G8)i$3zEUsTQmGb>IH0g+RGUB_LSMp~y|;f!_CNjK
zfiI)=f9x{G-Wm4#vC{$`mMPN_Ih_!+k2v~z=iX-QCK$hj!)6lx(*ec~`qylZf1k-N
z;4wFfJ-VOz?GshLrPSs{a&Ye_es^q*V6$S&a=&}$Mq<zII;FOyxRi{ZGSj+9<ev{K
z-VZGjc*oYE&3?+Za-~+jZ2z`+gdAA-$o{Q|Xm~#kRe#z^LH_+m>(=f#i!AAtMWg;l
zmNjEG_ZC^lWvTOH|5n38kK>dY+^hyS7Av(=M8}}*x=u$c^~q|v!$^4a`iF0mk1t*x
ztt|xSKc8-u29*Y&(=c@@Z2p728&l`8fw`;Fp5VK~oV&W=4V#T`|J&|wuV{6#>4QJ)
zDeaH2l<3!gWoQ0-U{_6fQI7F|I|``}d!=8D2mfha6X(wGW)~BMpZ``d-&1j*&6qa8
z*b#&%{0GB^y$`*lhW{vb)bjjiUjNB@%?BGc=rztmVpl2%*kEFe`&6c?)a^__E|ouX
z`?)h_s+G%@Th}7KmnCudW{lfWkqPdV$`$^(x5>y*=s%ul*G@5yGk{Dx{`MOCYsfCx
zV@?-xfq!&Z=(0@TXP(?^YV==A#vO9UYBOec{khylD|RZ=fn4A}8U5!AH&@2+Pd=pE
z599*>jCJU;O}U#VYj#HeT{7}O4FAYB$S~<ZF7OZi<Ax9S?SEje!#Ce>oZSIzpEHj$
zb-z<Xr4|e@UsHeP3jc7xz2xj|StM(fwtczGRk@FD$;i~_Y{8t$CH~j1mi<p#w&*=h
zw*60x|IA@`i`wJk$QDb3oICHi#D8A?%~|=sMi8m4Mqc^9HuRsi{ja|HPg8q+j_T^I
z{~_}~c&`e^o9X?}=pv0i4mr@a|C#kZ<UYm#);{*cP!*&y{`>yzO7%X$i4Pn4yjy?~
zc23Y8U7`2B8TNpqOHK`MQtV|n<NiZ;hV6g%kAbX%4VC#jWta*U{HA6+B|P&B3$XXU
zy~SPk)3tH_p<-RQK8|%P@4A(d2hw?VleMI(B{mMVTL<}-l`<8(AzvIh19D%ho87Yj
zrVOJ#*-OBg7S6ULf^93E`#xB+N{4UiJmp@sG&IFM^5u9zX>t0zqtzpAf&L(!vq+p}
zVofz!Ko<IPhqK<vx=mE1uVcM0!TNtsp+_J7lcz}AKhE=S<}9S}f2!a{!5=!nqwoA<
zAP*vH3+h#N!JCzLPae<~XdCnoKNO&U?<E-b{Ie$y=o9H186Rc|A}1g#)fa$PBq(GX
z#&^az!=CS1ZI{5<?=g0J8WlUfj9s3L*_-nvo`0#e94K&NKC0Mx8haIus_jx7Yswuv
z5q}hHE9lyZI6c0d2<nnxW5EJJ`V^7g>l_XU1<->1tdj+WqgW7kSzS_{1#^LBA;SvL
z28})&pS%l>6s#`*t(pgUQfJ_)z5z5tJ9WxeXV|kpYsyshOy@4D=aWw*g}pm<QiUT%
zs6BGtH4OMxG;*Zs^>nAC;v{WoU|$?G1pu09tF#Lj@YmsP`<;);%x`YExVhdB<VINi
zhy6Z$OC}DRANHGC?)WkNjGNr-sZ(_t?1Ap__!Fvs_Z~^%GhMpKeL~LJ@Mk*5R>wYF
zyXts3Ki;QH*QDYk?e0Q@Ip;<>1b}{t{>g=Y-MZ^^y8rWW*DcvUQ^!xxVOw9<B4#g1
zo9l1T-_S2ag&t2lsl!s20^qCnd?OzzKX{J{ug;jE!`^(=)js;!7t^{$OZ^Q$Q2|<@
ziT02P(xLzLIdjxsFS$ha2;Ck-Kl{aQXnu*pPgKYj{pcU)V{CeO+&GJ3(@`YiCmZy0
z4^*d)9kovFx(hGVd%_J}oFBXP{0sCq?up|}bri@3{jbk?Ro79|_i@%`Q{{&m`ET5L
zMy*5Hpnt}HC;4ck4A|2Ewz%*j-?y2QCPm49-IvsM`{ll9lh2%sK@V?$ej7JvXm#aP
zT0d{TCG*Ti{zC`%vY}VsvRRa60bs8k-wqu-6!?<(HCyyAS-4Pje&kWb80gyzDgFO|
zp1t%p{6vLp(Vq+B7qSWU)G}5l%r+xC-Ez$}zWk>wZm%AHIg=d(+74}+KJ4(<v3;wd
z3Ar^96pb9E>Azg$EMyh(G#P|;L*tVVv9#fbr#p1e@gf_+192`cUZ~rQY4_w?r-wW0
z^EB{+pDE+VyEcQ6&l3S-<PFVJmvhgTGx4@_S?s&!8#EeZyjvk{+Pw2TuSpX<hTnMU
zr9O9L?|5?yFJH*&lo|PnES3zS$9}4P2P^F+ZuA`Z!7p+4?bc0g`RF6JZ-suwX=Dw~
z8RDmPixxsl7k$pk#FOlkdK(2(iI*^p4~%itBhI1$-gLD?j{mF@TVTi=^%Yi?mZ{B^
znN?GG%P^V$$>yC@OQ|0Y5@z{JO7&@SSPg9Yt=d%L#NvJze^J3{zg_g4DVes5AKE1S
zrmgQW>2EEQ{g`d!Jb~;(7<7(Y5c8;WH>p=A+2<5FlOr?Q5m!5YhMcF=bXhIu>`gL2
zAC=BJ0e$2;*;5pRt)f5edW>IpI`K|tFQHeT%Kkd`TnsqF@3;SNWsxU|qtf2-i?Jh_
zu?s(}7v0|SdfjJpmNN(wB;TR)S;^1RLZ!+kD)qse&b_dMq&y4{FW>Fx^jA%F{45?W
zi?Js--`^P=j5YS%jMbTxA2_!K-OyM%E;h}BvgAb@SS6yxx3S`bn$gh-JGEVG*q}=~
z^LNUDF^Kj+dv`(pQjejZe2)sRJm!R*@<8H{>Co@W&)tLavnZ=%IcefuPMt|ih2KZE
z=;tgm=lQXV5CqQsu<!SqgTXI}-?KsgKCxNE+>rXiToF4)29`^mH+|%wbCsgLM}ch6
zkNghp29al&yO%Fpq53pF?Dj9Tfn{T(P%rXP7V1B1B8GOJ$YRJd$OHqMee0v2zA*}9
zgMQYex;*-rUMs%#f(vxs8yY#^*{`v4u8lU#p4cdm4f>%6I|R&sY-<dh(`8%@*>4t?
zoovzXtlwT5vwq9?HL8Up6GW{$FqSR)>uCJ)=>XEvUm!2hc5V8L=gxP=P~@4YFuAQ0
z7CAHk=w4QM-OL&YXEV^juy&LTA~#_V8TxIqlaXP1%h}WE4?A^&dXWgB9hsDVmvJNj
z&|ctmJFNA0_xSokZ@-x6zoWm~?u}Ca-zR5|{&l)T2ed@RQ7xt4`YI+`bdQY%eRas_
zPnq{8t3PFJ3EgPCH4gfp;vq^+dq^%!6j>}8q^wE{t+Ye4-cKOU&Vuy~pjmH(kY_`|
zk@biHXtnKufG1yF$}ygx4H|v4o82hlE-g#fDcS{XoBpY;0h&!eLt8cE>Sq<da{FX4
zPvNS7XMR^0xsXvPAU4U@VxE%ERXio%*{9W5@Jc~<pVo2V`?RF|P7@q0$cl_eHW>%v
zB<@jyO@u5L<XuJq`<{AnuMOBQk+y^Yc{UN`T?6tqvT7La|Kbb(8h{BXPrikP+q-*@
zLKp1;(j?Ex4-NBY%~pR&aGwL`q1p3-jW7fJ$Bl3C#&PWG&7Z~gR2NKnYuz_CH@I(s
zIVyTi8y1cjshXX9iW)zfpbktNGe$KPH@?}z;6|M6b$|v>KDc#_yn}Y{{Mf`Fe6rVO
zU_pWFJfv?wt&4FTLjDjpX;4Ph;MQ}KKC~tR((~%t-<Ug34e8rAQ81l1f%M%l$)?ZQ
zD0HDO4j%045{3;LtmlY{>|4THy6GD^UYC{V_Gb$6ALLs+$VB>crcKj!kFiyWof%`d
z@|+V-QnRN{i<f*x@}C6COG~wW$|Sb6YKtnDy(Ebs6a14#s`Wo!`q=EE|0o<DUzf>V
zJKFHG{rkJ@K0jc9cJrRooilB^>es!yE+6BuNcsoTpsw4X!`=7jegyu)khHm<gtJx#
zxCa3@z7dXnJ;pXRZDmM5r+=W|qM!7w;hIR~Nk2Ma^cdZ@(7)L5x&HssXWcx(^j~P;
z8)4908e6Kv1`X1E1@6S{?YDz*Wb*yfZJ+428OCcS)3U|2`{ToEK~bgTwe73jExG*f
z?<;!~6X(|Eb(I4QPdU1$UcYkYqW|k9`U6?l!+qg%j-5CYCirB3D|IBS?%`fj|H|Cp
zRifJE{2b>{d!L|ucGu9m%oWL=`8~F`nD5%aZGQ>&64=_`eCc+(AM5CROx!ERJ9@ai
zTa1g$aR)p0;12DpaWnst9e?moK2V<xX#RxnM1U@b^#SJFL5Pw*?VEi|20j<{E^DEQ
zAQS1&mhp$NMvp%-7Jt6wu<G?|Ctu0)c#w(ogX1r4%&fVfcZ~;`NFN!4_2?S;L#a2U
zD!hD;902pwH5(n7NS}Cv^4FT_P8+kO>2(W9U-wX^{-q*+n)dBY%l6-rK4~KZCoO+7
zhSEn(@W|gK&pUm~JA)j3De2gdwQBk(kDh?ET|xdenSU6&dq$=UK5g?4Z1G`_#b#^L
z)J>kGT|NnJU109R94ONK%MBg)^Of{#^etf+uzgCJdLAmzI-7r*Niehsk{|AzNd9LM
zOkJbAPc!Kj%c?;^9jwfdCTX)yA<Ghat-@WWI68KnLTEl-P+GeBS}<9_FJW|8&Xo@x
zI8gT=^daE*QKR(Ub#zqxH|{*~%USm7IKD=fLl1!cc!PbrcGLT3u~)}`<IWSm#37(*
zMrOv{3vbSwCwF|U(sy{hId8uAllBW825jLUY;%X=j1c%>n>NO)ev($A@YomP4v`Pv
z|3KRs@<tF0&zv6~+3#qu{audDbnF!|zsI&ZG{F~s$x{R5G5ZqVeW%z(uf28tLkqlc
z?-~1&31fi&xP^uPWR+6eC3`2eKcH;`u`j@@R~$booPKOc&_7nZCVP~wQEJT$rDi-L
zGSjmrb=j+8DZi2h3pCB!*E?Zrd`m+v_m4}q@RV6^(NRD%>3SiV@Ndqauk#8UNYLzs
zKzLn$XNA<?O$&wJjt<R)151mPdcCKPQMaS`?MLKm$t%V}gM`H{gMixx<$p@;SGtI_
F;Q!Nude;B|

literal 0
HcmV?d00001

diff --git a/examples/svelte/static/favicon.png b/examples/svelte/static/favicon.png
deleted file mode 100644
index 825b9e65af7c104cfb07089bb28659393b4f2097..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1571
zcmV+;2Hg3HP)<h;3K|Lk000e1NJLTq004jh004jp1ONa4X*a1r00001b5ch_0Itp)
z=>Px)-AP12RCwC$UE6KzI1p6{F2N<Fgp}YCTtZ542`(WexCEDw|A=A)1A-t30wEX>
z1VK2vi|pOpn{~#djwYcWXTI_im_u^TJgMZ4JMOsSj!0ma>B?-(Hr@X&W@|R-$}W@Z
zg<YDbY-gN-C@$NXr>j#$x=!~7LGqHW?IO8+*oE1MyDp!G=L<gz=E*n%PA*mnuaD-%
zU>0#^lUx?;!fXv@l^6SvTnf^ac{5OurzC#ZMYc20lI%HhX816AYVs1T3heS1*WaWH
z%;x>)-J}YB5#CLzU@GBR6sXYrD>Vw(Fmt#|JP;+}<#6b63Ike{Fuo!?M{yEffez;|
zp!PfsuaC)>h>-AdbnwN13g*1LowNjT5?+lFVd#9$!8Z9HA|$*6dQ8EHLu}U|obW6f
z2%uGv?vr=KNq7YYa2Roj;|zooo<)lf=&2yxM@e`kM$CmCR#x>gI>I|*Ubr({5Y^rb
zghxQU22N}F51}^yfDSt7<V*0Nvi!iKPY@n`1~$se=LwHTOE7`*@+};uU_gT$1{Nib
z9&~5~nc4J(EWez%_f0Ty7T;wB{7s*oNO=9p8(o}N*_V>86oMTc!W&V;d?76)9KXX1
z+6Okem(d}YXmmOiZq$!IPk5t8nnS{%?+vDFz3BevmFN<oPlV?qzG@=jl`t@|E8zV8
zJ4}It4e%+dFPWw16u{sAX42jlFu{_e!AKZE75iV2&Q7>gpIod~R{>@#@5x9zJK<vg
zI0+@80NMa{gtNoRhsR-w%piFI3d-5xrN)R}H!WtK=Gp%dC5(a`Q0V4_vS-mj<((Z~
zbV*PucDY#zFVglY>EHLHv!gHeK~n)Ld!M8DB|Kfe%~123&Hz1Z(86nU7*G5chmyDe
ziV7$pB7pJ=96hpxHv9rCR29%bLOXlKU<_13_M8x)6;P8E1Kz6G<&P?$P^%c!M5`2`
zfY2zg;VK5~^>TJGQzc+33-n~gKt{{of8GzUkWmU110IgI0DLxRIM>0US|TsM=L|@F
z0Bun8U!cRB7-2apz=y-7*UxOxz@Z0)@QM)9wSGki1AZ38ceG7Q72z5`i;i=J`ILzL
z@iUO?SBBG-0cQuo+an4TsL<j(YStU%^TNkjEqg808>y-g-x;8P4UVwk|D8{W@U1Zi
z!M)+jqy@nQ$p?5tsHp-6J304Q={v-B>66$P0IDx&YT(`IcZ~bZfmn11#rXd7<5s}y
zBi9eim&zQc0Dk|2>$bs0PnLmDfMP5lcXRY&cvJ=zKxI^f0%-d$tD!`LBf9^jMSYUA
zI8U?CWdY@}cRq6{5~y+<zzg4N+!Mudx;=&$zSp?cjRmyF-+404b-P66DA17$<$H}=
z7$P4)QXt>)#h1!*-HcGW@+gZ4B};0OnC~`xQOyH19z*TA!!<qA9l$G~6DRxiCy7Vo
zOl^oK!S3XbayWz&p33NSw$lxR1fm)O*rCE0^ZNmk0wnax!!?%g599+O37!666~F(y
z5fq?5T*Fm{^%YR^PiM%z#%x`fAC+;C&`X5JXN_40SieIEXoaUU=*}=c0OC7@a*rFE
z3xr3yyFB~zRl(lNY&B@$Fia%81M!xeIuTYNz!Dz6eBKONjL<@dJdT$H?ShKl6$p=F
ze!fdgzelJI&n`Hk9f}>BJ%9s0V3F?CAJ{hTd#*tf+ur-W9MOURF-@B77_-OshsY}6
zOXRY=5%C^*26z?l)1=$bz30!so5tfABdSYzO+H=CpV~aaUefmjvfZ3Ttu9W&W3Iu6
zROlh0MFA5h;my}8lB0tAV-Rvc2Zs_CCSJnx@d`<ao$!3dCkTn3@aF0ny6VrToO6qA
z-~&2=w&2nT&o5u>**$idgy-iMob4dJWWw|21b4NB=LfsYp0Aeh{Ov)yztQi;eL4y5
zMi>8^SzKqk8~k?UiQK^^-5d8c%bV?$F8%X~czyiaKCI2=UH<v&YL5FIcieFm_zQ2O
VHuiSbmk|H}002ovPDHLkV1f%e^4kCa

diff --git a/tests/playwright/.env.svelte b/tests/playwright/.env.svelte
deleted file mode 100644
index c157dcbcc..000000000
--- a/tests/playwright/.env.svelte
+++ /dev/null
@@ -1 +0,0 @@
-FRAMEWROK=svelte
\ No newline at end of file
diff --git a/tests/playwright/playwright.react.config.ts b/tests/playwright/playwright.react.config.ts
index c8fa98ef5..c407dd5f6 100644
--- a/tests/playwright/playwright.react.config.ts
+++ b/tests/playwright/playwright.react.config.ts
@@ -1,13 +1,4 @@
 import { defineConfig } from '@playwright/test';
 import { sharedConfigWithPort } from './playwright.shared.config';
 
-const port = 3000;
-
-export default defineConfig({
-  ...sharedConfigWithPort(port),
-  webServer: {
-    command: 'cd ../../examples/react && pnpm run dev',
-    port,
-    reuseExistingServer: !process.env.CI,
-  },
-});
+export default defineConfig(sharedConfigWithPort({ port: 3000, framework: 'react' }));
diff --git a/tests/playwright/playwright.shared.config.ts b/tests/playwright/playwright.shared.config.ts
index 828317a7e..4649a9fc5 100644
--- a/tests/playwright/playwright.shared.config.ts
+++ b/tests/playwright/playwright.shared.config.ts
@@ -1,6 +1,11 @@
 import { PlaywrightTestConfig, devices } from '@playwright/test';
 
-export function sharedConfigWithPort(port: number): PlaywrightTestConfig {
+type ConfigParams = {
+  port: number;
+  framework: string;
+};
+
+export function sharedConfigWithPort({ port, framework }: ConfigParams): PlaywrightTestConfig {
   return {
     testDir: './e2e',
     /* Run tests in files in parallel */
@@ -21,6 +26,11 @@ export function sharedConfigWithPort(port: number): PlaywrightTestConfig {
       /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
       trace: 'on-first-retry',
     },
+    webServer: {
+      command: `pnpm --filter=${framework}-examples run dev --port ${port}`,
+      port,
+      reuseExistingServer: !process.env.CI,
+    },
 
     /* Configure projects for major browsers */
     projects: [
diff --git a/tests/playwright/playwright.svelte.config.ts b/tests/playwright/playwright.svelte.config.ts
index b08b566c0..2c40111f3 100644
--- a/tests/playwright/playwright.svelte.config.ts
+++ b/tests/playwright/playwright.svelte.config.ts
@@ -1,13 +1,4 @@
 import { defineConfig } from '@playwright/test';
 import { sharedConfigWithPort } from './playwright.shared.config';
 
-const port = 5173;
-
-export default defineConfig({
-  ...sharedConfigWithPort(port),
-  webServer: {
-    command: 'cd ../../examples/svelte && pnpm run dev --port 5173',
-    port: port,
-    reuseExistingServer: !process.env.CI,
-  },
-});
+export default defineConfig(sharedConfigWithPort({ port: 5173, framework: 'svelte' }));

From 61648488aa2d9b50c22439c4a322878b873f2205 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 9 Nov 2023 17:18:47 +0100
Subject: [PATCH 0329/1093] chore(changeset): remove

---
 .changeset/README.md              |  8 --------
 .changeset/config.json            | 11 -----------
 .changeset/empty-bobcats-taste.md |  6 ------
 3 files changed, 25 deletions(-)
 delete mode 100644 .changeset/README.md
 delete mode 100644 .changeset/config.json
 delete mode 100644 .changeset/empty-bobcats-taste.md

diff --git a/.changeset/README.md b/.changeset/README.md
deleted file mode 100644
index e5b6d8d6a..000000000
--- a/.changeset/README.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# Changesets
-
-Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
-with multi-package repos, or single-package repos to help you version and publish your code. You can
-find the full documentation for it [in our repository](https://github.com/changesets/changesets)
-
-We have a quick list of common questions to get you started engaging with this project in
-[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)
diff --git a/.changeset/config.json b/.changeset/config.json
deleted file mode 100644
index 5980f2694..000000000
--- a/.changeset/config.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "$schema": "https://unpkg.com/@changesets/config@2.1.1/schema.json",
-  "changelog": ["@changesets/changelog-github", { "repo": "wbkd/react-flow" }],
-  "commit": false,
-  "fixed": [],
-  "linked": [],
-  "access": "public",
-  "baseBranch": "main",
-  "updateInternalDependencies": "patch",
-  "ignore": []
-}
diff --git a/.changeset/empty-bobcats-taste.md b/.changeset/empty-bobcats-taste.md
deleted file mode 100644
index aa8b6cef5..000000000
--- a/.changeset/empty-bobcats-taste.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@xyflow/react': patch
-'@xyflow/svelte': patch
----
-
-Allow panning by scroll when pan activation key is pressed. Fixes [#3516](https://github.com/xyflow/xyflow/issues/3516)

From 1a5742320439817190497d93e67192d4742bd77f Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 9 Nov 2023 22:41:59 +0100
Subject: [PATCH 0330/1093] refactor(system,panzoom): return promise from
 transitioned panzoom actions

---
 packages/system/src/xypanzoom/XYPanZoom.ts | 27 +++++++++++++++++++---
 packages/system/src/xypanzoom/utils.ts     |  2 ++
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/packages/system/src/xypanzoom/XYPanZoom.ts b/packages/system/src/xypanzoom/XYPanZoom.ts
index 372e6134d..2d9e8a843 100644
--- a/packages/system/src/xypanzoom/XYPanZoom.ts
+++ b/packages/system/src/xypanzoom/XYPanZoom.ts
@@ -73,8 +73,15 @@ export function XYPanZoom({
 
   function setTransform(transform: ZoomTransform, options?: PanZoomTransformOptions) {
     if (d3Selection) {
-      d3ZoomInstance?.transform(getD3Transition(d3Selection, options?.duration), transform);
+      return new Promise<boolean>((resolve) => {
+        d3ZoomInstance?.transform(
+          getD3Transition(d3Selection, options?.duration, () => resolve(true)),
+          transform
+        );
+      });
     }
+
+    return Promise.resolve(false);
   }
 
   // public functions
@@ -217,14 +224,28 @@ export function XYPanZoom({
 
   function scaleTo(zoom: number, options?: PanZoomTransformOptions) {
     if (d3Selection) {
-      d3ZoomInstance?.scaleTo(getD3Transition(d3Selection, options?.duration), zoom);
+      return new Promise<boolean>((resolve) => {
+        d3ZoomInstance?.scaleTo(
+          getD3Transition(d3Selection, options?.duration, () => resolve(true)),
+          zoom
+        );
+      });
     }
+
+    return Promise.resolve(false);
   }
 
   function scaleBy(factor: number, options?: PanZoomTransformOptions) {
     if (d3Selection) {
-      d3ZoomInstance?.scaleBy(getD3Transition(d3Selection, options?.duration), factor);
+      return new Promise<boolean>((resolve) => {
+        d3ZoomInstance?.scaleBy(
+          getD3Transition(d3Selection, options?.duration, () => resolve(true)),
+          factor
+        );
+      });
     }
+
+    return Promise.resolve(false);
   }
 
   function setScaleExtent(scaleExtent: [number, number]) {
diff --git a/packages/system/src/xypanzoom/utils.ts b/packages/system/src/xypanzoom/utils.ts
index cad2b4817..1a6f304fd 100644
--- a/packages/system/src/xypanzoom/utils.ts
+++ b/packages/system/src/xypanzoom/utils.ts
@@ -22,6 +22,8 @@ export const isRightClickPan = (panOnDrag: boolean | number[], usedButton: numbe
 
 export const getD3Transition = (selection: D3SelectionInstance, duration = 0) =>
   typeof duration === 'number' && duration > 0 ? selection.transition().duration(duration) : selection;
+export const getD3Transition = (selection: D3SelectionInstance, duration = 0, onEnd = () => {}) =>
+  typeof duration === 'number' && duration > 0 ? selection.transition().duration(duration).on('end', onEnd) : selection;
 
 export const wheelDelta = (event: any) => {
   const factor = event.ctrlKey && isMacOs() ? 10 : 1;

From ba26ab62a9413d413e6b8ac0be184018adb631d8 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 9 Nov 2023 22:42:53 +0100
Subject: [PATCH 0331/1093] chore(changeset): add

---
 .changeset/slimy-impalas-yell.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/slimy-impalas-yell.md

diff --git a/.changeset/slimy-impalas-yell.md b/.changeset/slimy-impalas-yell.md
new file mode 100644
index 000000000..e6aea28ea
--- /dev/null
+++ b/.changeset/slimy-impalas-yell.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/system': major
+---
+
+Return Promise from transitionable panzoom actions if a transition is applied. Promise is resolved when transition ends.

From 7c60f2234a34e25d2dd0ab27c826dfdf8877388f Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 10 Nov 2023 09:35:37 +0100
Subject: [PATCH 0332/1093] refactor(system,styles): use translate to align
 handles to center of their side

---
 packages/system/src/styles/init.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index b28540de0..9fed0d7be 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -183,26 +183,26 @@
   &-bottom {
     top: auto;
     left: 50%;
-    bottom: -4px;
-    transform: translate(-50%, 0);
+    bottom: 0;
+    transform: translate(-50%, 50%);
   }
 
   &-top {
+    top: 0;
     left: 50%;
-    top: -4px;
-    transform: translate(-50%, 0);
+    transform: translate(-50%, -50%);
   }
 
   &-left {
     top: 50%;
-    left: -4px;
-    transform: translate(0, -50%);
+    left: 0;
+    transform: translate(-50%, -50%);
   }
 
   &-right {
-    right: -4px;
     top: 50%;
-    transform: translate(0, -50%);
+    right: 0;
+    transform: translate(50%, -50%);
   }
 }
 

From 0aa1ff2d73c08621556f7dcaf75367eb588e76d8 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 10 Nov 2023 09:36:33 +0100
Subject: [PATCH 0333/1093] chore(changeset): add

---
 .changeset/thin-dryers-worry.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/thin-dryers-worry.md

diff --git a/.changeset/thin-dryers-worry.md b/.changeset/thin-dryers-worry.md
new file mode 100644
index 000000000..a4a6dd08c
--- /dev/null
+++ b/.changeset/thin-dryers-worry.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/system': major
+---
+
+Use css `translate` to align handles to the center of their side instead of using hard-coded 4px to each direction, otherwise handles with different sizes aren't correctly aligned by the default handle styles

From 90912a6c1a1a3d0a35de602d7fd44d25889cec4c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 13 Nov 2023 10:44:38 +0100
Subject: [PATCH 0334/1093] reafactor(react/svelte): rename some util functions
 #3528

---
 .../src/examples/Undirectional/index.tsx      |  6 +-
 .../react/src/examples/UseReactFlow/index.tsx |  8 +-
 .../examples/UseUpdateNodeInternals/index.tsx |  6 +-
 .../routes/examples/drag-n-drop/Flow.svelte   |  8 +-
 .../additional-components/MiniMap/MiniMap.tsx |  4 +-
 .../NodeToolbar/NodeToolbar.tsx               |  4 +-
 .../src/components/NodesSelection/index.tsx   |  4 +-
 packages/react/src/hooks/useViewportHelper.ts | 58 ++++++--------
 packages/react/src/index.ts                   |  4 +-
 packages/react/src/store/initialState.ts      |  9 ++-
 packages/react/src/types/general.ts           |  7 +-
 .../NodeSelection/NodeSelection.svelte        |  6 +-
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 75 ++++++++-----------
 packages/svelte/src/lib/index.ts              |  4 +-
 .../src/lib/plugins/Minimap/Minimap.svelte    |  4 +-
 .../svelte/src/lib/store/initial-store.ts     |  9 +--
 packages/system/src/utils/general.ts          |  7 +-
 packages/system/src/utils/graph.ts            | 10 +--
 packages/system/src/xydrag/XYDrag.ts          |  4 +-
 19 files changed, 109 insertions(+), 128 deletions(-)

diff --git a/examples/react/src/examples/Undirectional/index.tsx b/examples/react/src/examples/Undirectional/index.tsx
index d93915411..c4cf14a5f 100644
--- a/examples/react/src/examples/Undirectional/index.tsx
+++ b/examples/react/src/examples/Undirectional/index.tsx
@@ -183,7 +183,7 @@ const getId = () => `${id++}`;
 const UpdateNodeInternalsFlow = () => {
   const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
-  const { project } = useReactFlow();
+  const { screenToFlowPosition } = useReactFlow();
 
   const onConnect = useCallback((params: Edge | Connection) => setEdges((els) => addEdge(params, els)), [setEdges]);
   const onEdgeUpdate = useCallback(
@@ -196,12 +196,12 @@ const UpdateNodeInternalsFlow = () => {
       setNodes((nds) =>
         nds.concat({
           id: getId(),
-          position: project({ x: evt.clientX, y: evt.clientY - 40 }),
+          position: screenToFlowPosition({ x: evt.clientX, y: evt.clientY }),
           type: 'custom',
           data: null,
         })
       ),
-    [project, setNodes]
+    [screenToFlowPosition, setNodes]
   );
 
   return (
diff --git a/examples/react/src/examples/UseReactFlow/index.tsx b/examples/react/src/examples/UseReactFlow/index.tsx
index 584e6e7b3..69f3c7621 100644
--- a/examples/react/src/examples/UseReactFlow/index.tsx
+++ b/examples/react/src/examples/UseReactFlow/index.tsx
@@ -57,7 +57,7 @@ const UseZoomPanHelperFlow = () => {
   const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
   const onConnect = (params: Connection | Edge) => setEdges((eds) => addEdge(params, eds));
   const {
-    project,
+    screenToFlowPosition,
     setCenter,
     zoomIn,
     zoomOut,
@@ -72,9 +72,9 @@ const UseZoomPanHelperFlow = () => {
 
   const onPaneClick = useCallback(
     (evt: MouseEvent) => {
-      const projectedPosition = project({
+      const projectedPosition = screenToFlowPosition({
         x: evt.clientX,
-        y: evt.clientY - 40,
+        y: evt.clientY,
       });
 
       setNodes((nds) =>
@@ -87,7 +87,7 @@ const UseZoomPanHelperFlow = () => {
         })
       );
     },
-    [project, setNodes]
+    [screenToFlowPosition, setNodes]
   );
 
   const onNodeClick = useCallback(
diff --git a/examples/react/src/examples/UseUpdateNodeInternals/index.tsx b/examples/react/src/examples/UseUpdateNodeInternals/index.tsx
index 7de6cb9b7..371d58b67 100644
--- a/examples/react/src/examples/UseUpdateNodeInternals/index.tsx
+++ b/examples/react/src/examples/UseUpdateNodeInternals/index.tsx
@@ -36,20 +36,20 @@ const UpdateNodeInternalsFlow = () => {
   const [edges, setEdges, onEdgesChange] = useEdgesState([]);
   const onConnect = useCallback((params: Edge | Connection) => setEdges((els) => addEdge(params, els)), [setEdges]);
 
-  const { project } = useReactFlow();
+  const { screenToFlowPosition } = useReactFlow();
 
   const onPaneClick = useCallback(
     (evt: MouseEvent) =>
       setNodes((nds) =>
         nds.concat({
           id: getId(),
-          position: project({ x: evt.clientX, y: evt.clientY - 40 }),
+          position: screenToFlowPosition({ x: evt.clientX, y: evt.clientY }),
           data: { label: 'new node' },
           targetPosition: Position.Left,
           sourcePosition: Position.Right,
         })
       ),
-    [project, setNodes]
+    [screenToFlowPosition, setNodes]
   );
 
   return (
diff --git a/examples/svelte/src/routes/examples/drag-n-drop/Flow.svelte b/examples/svelte/src/routes/examples/drag-n-drop/Flow.svelte
index 661b7f5e1..2826a8ea1 100644
--- a/examples/svelte/src/routes/examples/drag-n-drop/Flow.svelte
+++ b/examples/svelte/src/routes/examples/drag-n-drop/Flow.svelte
@@ -69,10 +69,10 @@
 			return null;
 		}
 
-		const type = event.dataTransfer.getData('application/svelteflow');
-		const position = svelteFlow.project({
+		const type = event.dataTransfer.getData('application/svelteflow') || 'default';
+		const position = svelteFlow.screenToFlowPosition({
 			x: event.clientX,
-			y: event.clientY - 40
+			y: event.clientY
 		});
 		const newNode: Node = {
 			id: `${Math.random()}`,
@@ -81,7 +81,7 @@
 			data: { label: `${type} node` }
 		};
 
-		svelteFlow.nodes.update((nds) => nds.concat(newNode));
+		nodes.update((nds) => nds.concat(newNode));
 	};
 
 	$: {
diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index 9109a910a..49e025736 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -3,7 +3,7 @@
 import { memo, useEffect, useRef, type MouseEvent, useCallback } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import { getRectOfNodes, getBoundsOfRects, XYMinimap, type Rect, type XYMinimapInstance } from '@xyflow/system';
+import { getNodesBounds, getBoundsOfRects, XYMinimap, type Rect, type XYMinimapInstance } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import Panel from '../../components/Panel';
@@ -25,7 +25,7 @@ const selector = (s: ReactFlowState) => {
 
   return {
     viewBB,
-    boundingRect: s.nodes.length > 0 ? getBoundsOfRects(getRectOfNodes(s.nodes, s.nodeOrigin), viewBB) : viewBB,
+    boundingRect: s.nodes.length > 0 ? getBoundsOfRects(getNodesBounds(s.nodes, s.nodeOrigin), viewBB) : viewBB,
     rfId: s.rfId,
     nodeOrigin: s.nodeOrigin,
     panZoom: s.panZoom,
diff --git a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
index 8710f88a2..fc0c309f0 100644
--- a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
+++ b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
@@ -1,7 +1,7 @@
 import { useCallback, CSSProperties } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import { getRectOfNodes, Transform, Rect, Position, internalsSymbol } from '@xyflow/system';
+import { getNodesBounds, Transform, Rect, Position, internalsSymbol } from '@xyflow/system';
 
 import { Node, ReactFlowState } from '../../types';
 import { useStore } from '../../hooks/useStore';
@@ -105,7 +105,7 @@ function NodeToolbar({
     return null;
   }
 
-  const nodeRect: Rect = getRectOfNodes(nodes, nodeOrigin);
+  const nodeRect: Rect = getNodesBounds(nodes, nodeOrigin);
   const zIndex: number = Math.max(...nodes.map((node) => (node[internalsSymbol]?.z || 1) + 1));
 
   const wrapperStyle: CSSProperties = {
diff --git a/packages/react/src/components/NodesSelection/index.tsx b/packages/react/src/components/NodesSelection/index.tsx
index f22c35eed..ec88fccd3 100644
--- a/packages/react/src/components/NodesSelection/index.tsx
+++ b/packages/react/src/components/NodesSelection/index.tsx
@@ -6,7 +6,7 @@
 import { memo, useRef, useEffect, type MouseEvent, type KeyboardEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import { getRectOfNodes } from '@xyflow/system';
+import { getNodesBounds } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import useDrag from '../../hooks/useDrag';
@@ -22,7 +22,7 @@ export type NodesSelectionProps = {
 
 const selector = (s: ReactFlowState) => {
   const selectedNodes = s.nodes.filter((n) => n.selected);
-  const { width, height, x, y } = getRectOfNodes(selectedNodes, s.nodeOrigin);
+  const { width, height, x, y } = getNodesBounds(selectedNodes, s.nodeOrigin);
 
   return {
     width,
diff --git a/packages/react/src/hooks/useViewportHelper.ts b/packages/react/src/hooks/useViewportHelper.ts
index 1872d4142..f1099b431 100644
--- a/packages/react/src/hooks/useViewportHelper.ts
+++ b/packages/react/src/hooks/useViewportHelper.ts
@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import {
   pointToRendererPoint,
-  getTransformForBounds,
+  getViewportForBounds,
   fitView,
   type XYPosition,
   rendererPointToPoint,
@@ -76,50 +76,40 @@ const useViewportHelper = (): ViewportHelperFunctions => {
       },
       fitBounds: (bounds, options) => {
         const { width, height, minZoom, maxZoom, panZoom } = store.getState();
-        const [x, y, zoom] = getTransformForBounds(bounds, width, height, minZoom, maxZoom, options?.padding ?? 0.1);
+        const viewport = getViewportForBounds(bounds, width, height, minZoom, maxZoom, options?.padding ?? 0.1);
 
-        panZoom?.setViewport(
-          {
-            x,
-            y,
-            zoom,
-          },
-          { duration: options?.duration }
-        );
-      },
-      project: (position: XYPosition) => {
-        const { transform, snapToGrid, snapGrid } = store.getState();
-        return pointToRendererPoint(position, transform, snapToGrid, snapGrid);
+        panZoom?.setViewport(viewport, { duration: options?.duration });
       },
-      screenToFlowCoordinate: (position: XYPosition) => {
+      screenToFlowPosition: (position: XYPosition) => {
         const { transform, snapToGrid, snapGrid, domNode } = store.getState();
-        if (domNode) {
-          const { x: domX, y: domY } = domNode.getBoundingClientRect();
 
-          const correctedPosition = {
-            x: position.x - domX,
-            y: position.y - domY,
-          };
-
-          return pointToRendererPoint(correctedPosition, transform, snapToGrid, snapGrid || [1, 1]);
+        if (!domNode) {
+          return position;
         }
 
-        return { x: 0, y: 0 };
+        const { x: domX, y: domY } = domNode.getBoundingClientRect();
+
+        const correctedPosition = {
+          x: position.x - domX,
+          y: position.y - domY,
+        };
+
+        return pointToRendererPoint(correctedPosition, transform, snapToGrid, snapGrid || [1, 1]);
       },
-      flowToScreenCoordinate: (position: XYPosition) => {
+      flowToScreenPosition: (position: XYPosition) => {
         const { transform, domNode } = store.getState();
-        if (domNode) {
-          const { x: domX, y: domY } = domNode.getBoundingClientRect();
 
-          const rendererPosition = rendererPointToPoint(position, transform);
-
-          return {
-            x: rendererPosition.x + domX,
-            y: rendererPosition.y + domY,
-          };
+        if (!domNode) {
+          return position;
         }
 
-        return { x: 0, y: 0 };
+        const { x: domX, y: domY } = domNode.getBoundingClientRect();
+        const rendererPosition = rendererPointToPoint(position, transform);
+
+        return {
+          x: rendererPosition.x + domX,
+          y: rendererPosition.y + domY,
+        };
       },
       viewportInitialized: panZoomInitialized,
     };
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 37a6bc748..75b86f240 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -85,6 +85,6 @@ export {
   getSmoothStepPath,
   type GetStraightPathParams,
   getStraightPath,
-  getTransformForBounds,
-  getRectOfNodes,
+  getViewportForBounds,
+  getNodesBounds,
 } from '@xyflow/system';
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 156d8d760..04d30a1c0 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -2,8 +2,8 @@ import {
   infiniteExtent,
   ConnectionMode,
   updateNodes,
-  getRectOfNodes,
-  getTransformForBounds,
+  getNodesBounds,
+  getViewportForBounds,
   Transform,
 } from '@xyflow/system';
 
@@ -32,8 +32,9 @@ const getInitialState = ({
       width: node.size?.width,
       height: node.size?.height,
     }));
-    const bounds = getRectOfNodes(nodesWithDimensions, [0, 0]);
-    transform = getTransformForBounds(bounds, width, height, 0.5, 2, 0.1);
+    const bounds = getNodesBounds(nodesWithDimensions, [0, 0]);
+    const { x, y, z } = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
+    transform = [x, y, z];
   }
 
   return {
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 2b2945a65..225e159ca 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -11,7 +11,7 @@ import {
   GetViewport,
   SetCenter,
   FitBounds,
-  Project,
+  XYPosition,
 } from '@xyflow/system';
 
 import type { NodeChange, EdgeChange, Node, WrapNodeProps, Edge, EdgeProps, WrapEdgeProps, ReactFlowInstance } from '.';
@@ -54,8 +54,7 @@ export type ViewportHelperFunctions = {
   fitView: FitView;
   setCenter: SetCenter;
   fitBounds: FitBounds;
-  project: Project;
-  screenToFlowCoordinate: Project;
-  flowToScreenCoordinate: Project;
+  screenToFlowPosition: (position: XYPosition) => XYPosition;
+  flowToScreenPosition: (position: XYPosition) => XYPosition;
   viewportInitialized: boolean;
 };
diff --git a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index 1a409938b..98c48d8c4 100644
--- a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getRectOfNodes } from '@xyflow/system';
+  import { getNodesBounds } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import { Selection } from '$lib/components/Selection';
@@ -9,13 +9,13 @@
   const { selectionRectMode, nodes } = store;
 
   $: selectedNodes = $nodes.filter((n) => n.selected);
-  $: rect = getRectOfNodes(selectedNodes);
+  $: bounds = getNodesBounds(selectedNodes);
 </script>
 
 {#if selectedNodes && $selectionRectMode === 'nodes'}
   <div
     class="selection-wrapper nopan"
-    style="width: {rect.width}px; height: {rect.height}px; transform: translate({rect.x}px, {rect.y}px)"
+    style="width: {bounds.width}px; height: {bounds.height}px; transform: translate({bounds.x}px, {bounds.y}px)"
     use:drag={{ disabled: false, store }}
   >
     <Selection width="100%" height="100%" x={0} y={0} />
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 9bce8bff6..4e06308b5 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -13,7 +13,7 @@ import {
   type XYPosition,
   type ZoomInOut,
   type Rect,
-  getTransformForBounds,
+  getViewportForBounds,
   getElementsToRemove,
   rendererPointToPoint
 } from '@xyflow/system';
@@ -45,8 +45,8 @@ export function useSvelteFlow(): {
     nodesToRemove?: (Node | { id: Node['id'] })[],
     edgesToRemove?: (Edge | { id: Edge['id'] })[]
   ) => { deletedNodes: Node[]; deletedEdges: Edge[] };
-  screenToFlowCoordinate: (position: XYPosition) => XYPosition;
-  flowToScreenCoordinate: (position: XYPosition) => XYPosition;
+  screenToFlowPosition: (position: XYPosition) => XYPosition;
+  flowToScreenPosition: (position: XYPosition) => XYPosition;
   viewport: Writable<Viewport>;
   getConnectedEdges: (id: string | (Node | { id: Node['id'] })[]) => Edge[];
   getIncomers: (node: string | Node | { id: Node['id'] }) => Node[];
@@ -118,7 +118,7 @@ export function useSvelteFlow(): {
     },
     fitView,
     fitBounds: (bounds: Rect, options?: FitBoundsOptions) => {
-      const [x, y, zoom] = getTransformForBounds(
+      const viewport = getViewportForBounds(
         bounds,
         get(width),
         get(height),
@@ -127,14 +127,7 @@ export function useSvelteFlow(): {
         options?.padding ?? 0.1
       );
 
-      get(panZoom)?.setViewport(
-        {
-          x,
-          y,
-          zoom
-        },
-        { duration: options?.duration }
-      );
+      get(panZoom)?.setViewport(viewport, { duration: options?.duration });
     },
     getIntersectingNodes: (
       nodeOrRect: Node | { id: Node['id'] } | Rect,
@@ -201,45 +194,43 @@ export function useSvelteFlow(): {
         deletedEdges: matchingEdges
       };
     },
-    screenToFlowCoordinate: (position: XYPosition) => {
+    screenToFlowPosition: (position: XYPosition) => {
       const _domNode = get(domNode);
 
-      if (_domNode) {
-        const _snapGrid = get(snapGrid);
-        const { x, y, zoom } = get(viewport);
-        const { x: domX, y: domY } = _domNode.getBoundingClientRect();
-
-        const correctedPosition = {
-          x: position.x - domX,
-          y: position.y - domY
-        };
-
-        return pointToRendererPoint(
-          correctedPosition,
-          [x, y, zoom],
-          _snapGrid !== null,
-          _snapGrid || [1, 1]
-        );
+      if (!_domNode) {
+        return position;
       }
 
-      return { x: 0, y: 0 };
+      const _snapGrid = get(snapGrid);
+      const { x, y, zoom } = get(viewport);
+      const { x: domX, y: domY } = _domNode.getBoundingClientRect();
+      const correctedPosition = {
+        x: position.x - domX,
+        y: position.y - domY
+      };
+
+      return pointToRendererPoint(
+        correctedPosition,
+        [x, y, zoom],
+        _snapGrid !== null,
+        _snapGrid || [1, 1]
+      );
     },
-    flowToScreenCoordinate: (position: XYPosition) => {
+    flowToScreenPosition: (position: XYPosition) => {
       const _domNode = get(domNode);
 
-      if (_domNode) {
-        const { x, y, zoom } = get(viewport);
-        const { x: domX, y: domY } = _domNode.getBoundingClientRect();
-
-        const rendererPosition = rendererPointToPoint(position, [x, y, zoom]);
-
-        return {
-          x: rendererPosition.x + domX,
-          y: rendererPosition.y + domY
-        };
+      if (!_domNode) {
+        return position;
       }
 
-      return { x: 0, y: 0 };
+      const { x, y, zoom } = get(viewport);
+      const { x: domX, y: domY } = _domNode.getBoundingClientRect();
+      const rendererPosition = rendererPointToPoint(position, [x, y, zoom]);
+
+      return {
+        x: rendererPosition.x + domX,
+        y: rendererPosition.y + domY
+      };
     },
     getConnectedEdges: (node) => {
       const nodeIds = new Set();
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 136668961..b8620d79c 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -87,6 +87,6 @@ export {
   getSmoothStepPath,
   type GetStraightPathParams,
   getStraightPath,
-  getTransformForBounds,
-  getRectOfNodes
+  getViewportForBounds,
+  getNodesBounds
 } from '@xyflow/system';
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 95c8c7d3c..f3fba4268 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -7,7 +7,7 @@
 
 <script lang="ts">
   import cc from 'classcat';
-  import { getBoundsOfRects, getNodePositionWithOrigin, getRectOfNodes } from '@xyflow/system';
+  import { getBoundsOfRects, getNodePositionWithOrigin, getNodesBounds } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import { Panel } from '$lib/container/Panel';
@@ -64,7 +64,7 @@
     width: $containerWidth / $viewport.zoom,
     height: $containerHeight / $viewport.zoom
   };
-  $: boundingRect = $nodes.length > 0 ? getBoundsOfRects(getRectOfNodes($nodes), viewBB) : viewBB;
+  $: boundingRect = $nodes.length > 0 ? getBoundsOfRects(getNodesBounds($nodes), viewBB) : viewBB;
   $: elementWidth = width ?? defaultWidth;
   $: elementHeight = height ?? defaultHeight;
   $: scaledWidth = boundingRect.width / elementWidth;
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 8d166d216..7744ac0cb 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -16,8 +16,8 @@ import {
   devWarn,
   type Viewport,
   updateNodes,
-  getRectOfNodes,
-  getTransformForBounds
+  getNodesBounds,
+  getViewportForBounds
 } from '@xyflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -69,9 +69,8 @@ export const getInitialStore = ({
       width: node.size?.width,
       height: node.size?.height
     }));
-    const bounds = getRectOfNodes(nodesWithDimensions, [0, 0]);
-    const transform = getTransformForBounds(bounds, width, height, 0.5, 2, 0.1);
-    viewport = { x: transform[0], y: transform[1], zoom: transform[2] };
+    const bounds = getNodesBounds(nodesWithDimensions, [0, 0]);
+    viewport = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
   }
 
   return {
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index 11bbb902b..976d105f2 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -8,6 +8,7 @@ import type {
   NodeOrigin,
   SnapGrid,
   Transform,
+  Viewport,
 } from '../types';
 import { getNodePositionWithOrigin } from './graph';
 
@@ -154,14 +155,14 @@ export const rendererPointToPoint = ({ x, y }: XYPosition, [tx, ty, tScale]: Tra
   };
 };
 
-export const getTransformForBounds = (
+export const getViewportForBounds = (
   bounds: Rect,
   width: number,
   height: number,
   minZoom: number,
   maxZoom: number,
   padding: number
-): Transform => {
+): Viewport => {
   const xZoom = width / (bounds.width * (1 + padding));
   const yZoom = height / (bounds.height * (1 + padding));
   const zoom = Math.min(xZoom, yZoom);
@@ -171,7 +172,7 @@ export const getTransformForBounds = (
   const x = width / 2 - boundsCenterX * clampedZoom;
   const y = height / 2 - boundsCenterY * clampedZoom;
 
-  return [x, y, clampedZoom];
+  return { x, y, zoom: clampedZoom };
 };
 
 export const isMacOs = () => typeof navigator !== 'undefined' && navigator?.userAgent?.indexOf('Mac') >= 0;
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index d9ef71630..b01d4c56b 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -8,7 +8,7 @@ import {
   rectToBox,
   nodeToRect,
   pointToRendererPoint,
-  getTransformForBounds,
+  getViewportForBounds,
 } from './general';
 import {
   type Connection,
@@ -105,7 +105,7 @@ export const getNodePositionWithOrigin = (
   };
 };
 
-export const getRectOfNodes = (nodes: NodeBase[], nodeOrigin: NodeOrigin = [0, 0]): Rect => {
+export const getNodesBounds = (nodes: NodeBase[], nodeOrigin: NodeOrigin = [0, 0]): Rect => {
   if (nodes.length === 0) {
     return { x: 0, y: 0, width: 0, height: 0 };
   }
@@ -195,9 +195,9 @@ export function fitView<Params extends FitViewParamsBase<NodeBase>, Options exte
   });
 
   if (filteredNodes.length > 0) {
-    const bounds = getRectOfNodes(filteredNodes, nodeOrigin);
+    const bounds = getNodesBounds(filteredNodes, nodeOrigin);
 
-    const [x, y, zoom] = getTransformForBounds(
+    const viewport = getViewportForBounds(
       bounds,
       width,
       height,
@@ -206,7 +206,7 @@ export function fitView<Params extends FitViewParamsBase<NodeBase>, Options exte
       options?.padding ?? 0.1
     );
 
-    panZoom.setViewport({ x, y, zoom }, { duration: options?.duration });
+    panZoom.setViewport(viewport, { duration: options?.duration });
 
     return true;
   }
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 17f4f99d5..9271cb9d7 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -7,7 +7,7 @@ import {
   getPointerPosition,
   calcNextPosition,
   snapPosition,
-  getRectOfNodes,
+  getNodesBounds,
   rectToBox,
 } from '../utils';
 import { getDragItems, getEventHandlerParams, hasSelector, wrapSelectionDragFunc } from './utils';
@@ -119,7 +119,7 @@ export function XYDrag({
       let nodesBox: Box = { x: 0, y: 0, x2: 0, y2: 0 };
 
       if (dragItems.length > 1 && nodeExtent) {
-        const rect = getRectOfNodes(dragItems as unknown as NodeBase[], nodeOrigin);
+        const rect = getNodesBounds(dragItems as unknown as NodeBase[], nodeOrigin);
         nodesBox = rectToBox(rect);
       }
 

From e167df9601316591321fe6b7b0d32875882f131e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 13 Nov 2023 11:17:37 +0100
Subject: [PATCH 0335/1093] refactor(system): respect zoomActivationKeyPressed
 when hovering a node

---
 packages/system/src/xypanzoom/filter.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/src/xypanzoom/filter.ts b/packages/system/src/xypanzoom/filter.ts
index c0d0adddb..3e2cec14f 100644
--- a/packages/system/src/xypanzoom/filter.ts
+++ b/packages/system/src/xypanzoom/filter.ts
@@ -61,7 +61,7 @@ export function createFilter({
     // if the target element is inside an element with the nopan class, we prevent panning
     if (
       isWrappedWithClass(event, noPanClassName) &&
-      ((!panOnScroll && event.type !== 'wheel') || (panOnScroll && event.type === 'wheel'))
+      (event.type !== 'wheel' || (panOnScroll && event.type === 'wheel' && !zoomActivationKeyPressed))
     ) {
       return false;
     }

From d4df8be6f22112d1ec45d852fd9b743ab58a03f7 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 13 Nov 2023 11:33:05 +0100
Subject: [PATCH 0336/1093] chore(svelte): bump

---
 .changeset/thin-dryers-worry.md                  |  5 -----
 packages/react/src/index.ts                      |  2 +-
 packages/react/src/store/initialState.ts         |  4 ++--
 packages/svelte/CHANGELOG.md                     | 13 +++++++++++++
 packages/svelte/package.json                     |  2 +-
 packages/svelte/src/lib/plugins/Minimap/index.ts |  1 +
 packages/system/package.json                     |  2 +-
 7 files changed, 19 insertions(+), 10 deletions(-)
 delete mode 100644 .changeset/thin-dryers-worry.md

diff --git a/.changeset/thin-dryers-worry.md b/.changeset/thin-dryers-worry.md
deleted file mode 100644
index a4a6dd08c..000000000
--- a/.changeset/thin-dryers-worry.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/system': major
----
-
-Use css `translate` to align handles to the center of their side instead of using hard-coded 4px to each direction, otherwise handles with different sizes aren't correctly aligned by the default handle styles
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 75b86f240..be3de1b5b 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -8,7 +8,7 @@ export { default as SimpleBezierEdge, getSimpleBezierPath } from './components/E
 export { default as SmoothStepEdge } from './components/Edges/SmoothStepEdge';
 export { default as BaseEdge } from './components/Edges/BaseEdge';
 export { default as ReactFlowProvider } from './components/ReactFlowProvider';
-export { default as Panel } from './components/Panel';
+export { default as Panel, type PanelProps } from './components/Panel';
 export { default as EdgeLabelRenderer } from './components/EdgeLabelRenderer';
 
 export { default as useReactFlow } from './hooks/useReactFlow';
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 04d30a1c0..8f8fa450c 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -33,8 +33,8 @@ const getInitialState = ({
       height: node.size?.height,
     }));
     const bounds = getNodesBounds(nodesWithDimensions, [0, 0]);
-    const { x, y, z } = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
-    transform = [x, y, z];
+    const { x, y, zoom } = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
+    transform = [x, y, zoom];
   }
 
   return {
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 6a3a9d15f..d2fe14e02 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,3 +1,16 @@
+## 0.0.27
+
+- ⚠️ rename `screenToFlowCoordinate` to `screenToFlowPosition`
+- ⚠️ rename `flowToScreenCoordinate` to `flowToScreenPosition`
+- ⚠️ rename `getTransformForBounds` to `getViewportForBounds` (return `{ x: number, y: number, zoom: number }` instead of `[number, number, number]`)
+- ⚠️ rename `getRectOfNodes` to `getNodesBounds`
+- simplify handle default styles, so that it's easier to override them
+- added e2e tests
+
+## 0.0.26
+
+- fixes broken version on npm
+
 ## 0.0.25
 
 - add `toObject` to `useSvelteFlow` hook
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 810d9c451..3beae0b87 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/svelte/src/lib/plugins/Minimap/index.ts b/packages/svelte/src/lib/plugins/Minimap/index.ts
index 192f51cec..9f3b45e96 100644
--- a/packages/svelte/src/lib/plugins/Minimap/index.ts
+++ b/packages/svelte/src/lib/plugins/Minimap/index.ts
@@ -1 +1,2 @@
 export { default as MiniMap } from './Minimap.svelte';
+export * from './types';
diff --git a/packages/system/package.json b/packages/system/package.json
index 8b0e50171..d68f2a13d 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 6db6d957d3c92cfc6688a14fdf1bf519c3819901 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 13 Nov 2023 11:36:59 +0100
Subject: [PATCH 0337/1093] chore(tests) added README and added plugins to
 generic tests

---
 examples/react/src/app.d.ts                   |  6 +-
 examples/react/src/generic-tests/Flow.tsx     | 11 ++-
 examples/svelte/src/app.d.ts                  | 14 +++-
 .../generic/[topic]/[example]/Flow.svelte     | 19 ++++-
 tests/playwright/README.md                    | 76 +++++++++++++++++++
 5 files changed, 120 insertions(+), 6 deletions(-)
 create mode 100644 tests/playwright/README.md

diff --git a/examples/react/src/app.d.ts b/examples/react/src/app.d.ts
index da7d9f296..3c2452313 100644
--- a/examples/react/src/app.d.ts
+++ b/examples/react/src/app.d.ts
@@ -1,7 +1,11 @@
-import { Edge, Node, ReactFlowProps } from '@xyflow/react';
+import { BackgroundProps, ControlProps, Edge, MiniMapProps, Node, PanelProps, ReactFlowProps } from '@xyflow/react';
 
 declare global {
   interface FlowConfig {
     flowProps: Omit<ReactFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
+    panelProps: PanelProps;
+    backgroundProps: BackgroundProps;
+    controlsProps: ControlProps;
+    minimapProps: MiniMapProps;
   }
 }
diff --git a/examples/react/src/generic-tests/Flow.tsx b/examples/react/src/generic-tests/Flow.tsx
index e5c9cd771..97691bd34 100644
--- a/examples/react/src/generic-tests/Flow.tsx
+++ b/examples/react/src/generic-tests/Flow.tsx
@@ -7,6 +7,10 @@ import {
   OnNodesChange,
   OnEdgesChange,
   OnConnect,
+  Controls,
+  Panel,
+  MiniMap,
+  Background,
 } from '@xyflow/react';
 
 type FlowProps = {
@@ -24,7 +28,12 @@ export default ({ flowConfig }: FlowProps) => {
 
   return (
     <div style={{ height: '100%' }}>
-      <ReactFlow {...props} onNodesChange={onNodesChange} onEdgesChange={onEdgesChange} onConnect={onConnect} />
+      <ReactFlow {...props} onNodesChange={onNodesChange} onEdgesChange={onEdgesChange} onConnect={onConnect}>
+        {flowConfig.controlsProps && <Controls {...flowConfig.controlsProps} />}
+        {flowConfig.panelProps && <Panel {...flowConfig.panelProps} />}
+        {flowConfig.minimapProps && <MiniMap {...flowConfig.minimapProps} />}
+        {flowConfig.backgroundProps && <Background {...flowConfig.backgroundProps} />}
+      </ReactFlow>
     </div>
   );
 };
diff --git a/examples/svelte/src/app.d.ts b/examples/svelte/src/app.d.ts
index f1252a6d7..3e18db2a8 100644
--- a/examples/svelte/src/app.d.ts
+++ b/examples/svelte/src/app.d.ts
@@ -1,6 +1,14 @@
 // See https://kit.svelte.dev/docs/types#app
 
-import type { Edge, Node, SvelteFlowProps } from '@xyflow/svelte';
+import type {
+	BackgroundProps,
+	Edge,
+	MiniMap,
+	MiniMapProps,
+	Node,
+	PanelProps,
+	SvelteFlowProps
+} from '@xyflow/svelte';
 
 // for information about these interfaces
 declare global {
@@ -13,6 +21,10 @@ declare global {
 
 	interface FlowConfig {
 		flowProps: Omit<SvelteFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
+		panelProps: PanelProps;
+		backgroundProps: BackgroundProps;
+		controlsProps: ControlsProps;
+		minimapProps: MiniMapProps;
 	}
 }
 
diff --git a/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte b/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
index 44965e2e9..279005a02 100644
--- a/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
+++ b/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { writable } from 'svelte/store';
-	import { SvelteFlow } from '@xyflow/svelte';
+	import { Background, Controls, MiniMap, Panel, SvelteFlow } from '@xyflow/svelte';
 
 	import '@xyflow/svelte/dist/style.css';
 
@@ -10,7 +10,20 @@
 	const nodes = writable(flowConfig.flowProps.nodes);
 	const edges = writable(flowConfig.flowProps.edges);
 
-	const props = { ...flowConfig.flowProps, nodes, edges };
+	const flowProps = { ...flowConfig.flowProps, nodes, edges };
 </script>
 
-<SvelteFlow {...props} />
+<SvelteFlow {...flowProps}>
+	{#if flowConfig.panelProps}
+		<Panel {...flowConfig.panelProps} />
+	{/if}
+	{#if flowConfig.minimapProps}
+		<MiniMap {...flowConfig.minimapProps} />
+	{/if}
+	{#if flowConfig.controlsProps}
+		<Controls {...flowConfig.controlsProps} />
+	{/if}
+	{#if flowConfig.backgroundProps}
+		<Background {...flowConfig.backgroundProps} />
+	{/if}
+</SvelteFlow>
diff --git a/tests/playwright/README.md b/tests/playwright/README.md
new file mode 100644
index 000000000..7b705968c
--- /dev/null
+++ b/tests/playwright/README.md
@@ -0,0 +1,76 @@
+# End-to-End with Playwright
+Here you can find our framework independant E2E tests written with [playwright](https://playwright.dev/).
+
+## Installation
+```bash
+cd tests/playwright # check if you are in the correct directory 
+
+pnpm install # install node dependencies
+npx playwright install # follow the instructions to install browsers
+```
+
+## Running the tests
+```bash
+pnpm run test:react # runs all the tests headless for react
+pnpm run test:react:ui # runs tests for react in UI mode, good for debugging
+
+pnpm run test:svelte # runs all the tests headless for svelte
+pnpm run test:svelte:ui # runs tests for svelte in UI mode, good for debugging 
+```
+
+## Creating new tests
+You can find all test implementations in the respective example projects under `/examples/react` and `/examples/svelte`. These example projects are also used for active development, so you can ignore most of the code in them. 
+
+### Create new example or use an existing one
+You will find all of the flows currently implemented for E2E testing at `/examples/{framework}/src/generic-tests`. Here you can create a new flow you want to write you test on by creating a new file and defining all of the props that will be applied to the components like this:
+```javascript
+// NewFolder/NewTest.ts
+export default {
+  flowProps: {
+    minZoom: 0.25,
+    maxZoom: 4,
+    fitView: true,
+    nodes: [
+      {
+        id: '1',
+        data: { label: '1' },
+        position: { x: 0, y: 0 },
+        type: 'input',
+      },
+      {
+        id: '2',
+        data: { label: '2' },
+        position: { x: -100, y: 100 },
+      },
+      {
+        id: '3',
+        data: { label: '3' },
+        position: { x: 100, y: 100 },
+      },
+    ],
+    edges: [
+      {
+        id: 'first-edge',
+        source: '1',
+        target: '2',
+      },
+      {
+        id: 'second-edge',
+        source: '1',
+        target: '3',
+      },
+    ],
+  },
+  backgroundProps: { /*... */},
+  panelProps: { /*... */},
+  minimapProps:  { /*... */},
+  controlsProps:  { /*... */},
+} satisfies FlowConfig;
+```
+
+:warning: The directory and filename you choose will determine the route of the test case. Here it will reachable under `http://localhost:3000/tests/generic/newDirectory/newTest`. (3000 is the port of the react examples, it might differ for other frameworks)
+
+### Create new E2E test case
+Now you can start writing you new test case under `/tests/playwright/e2e`
+
+

From dee36d5b9032cbfce66edf1b37878d1b99dea6cf Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 13 Nov 2023 11:45:53 +0100
Subject: [PATCH 0338/1093] feat(svelte): add selectionOnDrag

---
 examples/svelte/src/routes/examples/figma/+page.svelte       | 1 +
 packages/svelte/CHANGELOG.md                                 | 1 +
 packages/svelte/src/lib/container/Pane/Pane.svelte           | 5 +++--
 packages/svelte/src/lib/container/Pane/types.ts              | 1 +
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte    | 3 ++-
 packages/svelte/src/lib/container/SvelteFlow/types.ts        | 4 +---
 6 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/examples/svelte/src/routes/examples/figma/+page.svelte b/examples/svelte/src/routes/examples/figma/+page.svelte
index 7ebdd5008..4673eeec6 100644
--- a/examples/svelte/src/routes/examples/figma/+page.svelte
+++ b/examples/svelte/src/routes/examples/figma/+page.svelte
@@ -45,6 +45,7 @@
 	{edges}
 	fitView
 	selectionMode={SelectionMode.Partial}
+	selectionOnDrag
 	panOnScroll
 	{panOnDrag}
 	{onMoveStart}
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index d2fe14e02..f32356f57 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,6 @@
 ## 0.0.27
 
+- add `selectionOnDrag` prop - can be used to create figma-like controls in combination with `panOnDrag={false}` / `panOnDrag={[1, 2]}` + `panOnScroll={true}` 
 - ⚠️ rename `screenToFlowCoordinate` to `screenToFlowPosition`
 - ⚠️ rename `flowToScreenCoordinate` to `flowToScreenPosition`
 - ⚠️ rename `getTransformForBounds` to `getViewportForBounds` (return `{ x: number, y: number, zoom: number }` instead of `[number, number, number]`)
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index efc365fc4..21ed2a612 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -40,6 +40,7 @@
   type $$Props = PaneProps;
 
   export let panOnDrag: $$Props['panOnDrag'] = undefined;
+  export let selectionOnDrag: $$Props['selectionOnDrag'] = undefined;
 
   const dispatch = createEventDispatcher<{
     paneclick: {
@@ -67,9 +68,9 @@
   let containerBounds: DOMRect | null = null;
   let selectedNodes: Node[] = [];
 
-  $: isSelecting = $selectionKeyPressed;
-  $: hasActiveSelection = $elementsSelectable && (isSelecting || $selectionRectMode === 'user');
   $: _panOnDrag = $panActivationKeyPressed || panOnDrag;
+  $: isSelecting = $selectionKeyPressed || (selectionOnDrag && _panOnDrag !== true);
+  $: hasActiveSelection = $elementsSelectable && (isSelecting || $selectionRectMode === 'user');
 
   function onClick(event: MouseEvent | TouchEvent) {
     dispatch('paneclick', { event });
diff --git a/packages/svelte/src/lib/container/Pane/types.ts b/packages/svelte/src/lib/container/Pane/types.ts
index 9495397b7..96d977018 100644
--- a/packages/svelte/src/lib/container/Pane/types.ts
+++ b/packages/svelte/src/lib/container/Pane/types.ts
@@ -1,3 +1,4 @@
 export type PaneProps = {
   panOnDrag?: boolean | number[];
+  selectionOnDrag?: boolean;
 };
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 6eb0d8508..0c74b4e0b 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -58,6 +58,7 @@
   export let zoomOnPinch: $$Props['zoomOnPinch'] = true;
   export let panOnScroll: $$Props['panOnScroll'] = false;
   export let panOnDrag: $$Props['panOnDrag'] = true;
+  export let selectionOnDrag: $$Props['selectionOnDrag'] = undefined;
   export let autoPanOnConnect: $$Props['autoPanOnConnect'] = true;
   export let autoPanOnNodeDrag: $$Props['autoPanOnNodeDrag'] = true;
   export let onError: $$Props['onError'] = undefined;
@@ -179,7 +180,7 @@
     panOnScroll={panOnScroll === undefined ? false : panOnScroll}
     panOnDrag={panOnDrag === undefined ? true : panOnDrag}
   >
-    <Pane on:paneclick panOnDrag={panOnDrag === undefined ? true : panOnDrag}>
+    <Pane on:paneclick panOnDrag={panOnDrag === undefined ? true : panOnDrag} {selectionOnDrag}>
       <ViewportComponent>
         <EdgeRenderer on:edgeclick on:edgecontextmenu {defaultEdgeOptions} />
         <ConnectionLine
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 37e7b9b33..4b7d3e8d0 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -1,6 +1,5 @@
 import type { DOMAttributes } from 'svelte/elements';
 import type {
-  Connection,
   ConnectionLineType,
   NodeOrigin,
   Viewport,
@@ -12,8 +11,6 @@ import type {
   CoordinateExtent,
   PanOnScrollMode,
   IsValidConnection,
-  HandleType,
-  NodeBase,
   OnError,
   ConnectionMode,
   PanelPosition,
@@ -66,6 +63,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   zoomOnPinch?: boolean;
   panOnScroll?: boolean;
   panOnDrag?: boolean | number[];
+  selectionOnDrag?: boolean;
   onlyRenderVisibleElements?: boolean;
   autoPanOnConnect?: boolean;
   autoPanOnNodeDrag?: boolean;

From a147a20f6e741f8870f414a77bfed940b3578a50 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 13 Nov 2023 16:43:57 +0100
Subject: [PATCH 0339/1093] refactor(react/svelte): use node lookup for perf
 improvement

---
 examples/react/src/examples/Stress/utils.ts   |  2 --
 package.json                                  |  2 +-
 .../NodeResizer/ResizeControl.tsx             |  8 ++---
 .../src/components/ConnectionLine/index.tsx   |  2 +-
 .../react/src/components/Edges/wrapEdge.tsx   |  6 ++--
 .../src/container/NodeRenderer/index.tsx      | 15 ++++++----
 packages/react/src/hooks/useVisibleEdges.ts   |  6 ++--
 packages/react/src/store/index.ts             | 26 +++++++++++-----
 packages/react/src/store/initialState.ts      |  4 ++-
 packages/react/src/types/store.ts             |  3 +-
 packages/svelte/src/lib/actions/drag/index.ts |  1 +
 .../NodeRenderer/NodeRenderer.svelte          | 17 +++++++----
 .../src/lib/store/derived-connection-props.ts |  6 ++--
 packages/svelte/src/lib/store/edge-tree.ts    | 17 ++++++-----
 packages/svelte/src/lib/store/index.ts        |  3 +-
 .../svelte/src/lib/store/initial-store.ts     |  9 ++++--
 packages/svelte/src/lib/store/types.ts        |  2 +-
 packages/svelte/src/lib/store/utils.ts        |  5 ++--
 packages/system/src/utils/edges/general.ts    |  6 ++--
 packages/system/src/utils/store.ts            | 30 +++++++++++++------
 packages/system/src/xydrag/XYDrag.ts          | 29 ++++++++++--------
 packages/system/src/xydrag/utils.ts           |  6 ++--
 22 files changed, 127 insertions(+), 78 deletions(-)

diff --git a/examples/react/src/examples/Stress/utils.ts b/examples/react/src/examples/Stress/utils.ts
index 6278e006f..9266bf9c2 100644
--- a/examples/react/src/examples/Stress/utils.ts
+++ b/examples/react/src/examples/Stress/utils.ts
@@ -20,8 +20,6 @@ export function getNodesAndEdges(xElements = 10, yElements = 10): ElementsCollec
         style: { width: 50, height: 30, fontSize: 11 },
         data,
         position,
-        width: 50,
-        height: 30,
       };
       initialNodes.push(node);
 
diff --git a/package.json b/package.json
index 4411e1372..274670c23 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
     "preinstall": "npx only-allow pnpm",
     "dev": "turbo run dev --parallel --concurrency 12",
     "dev:svelte": "turbo run dev --filter=svelte --filter=system",
-    "dev:react": "turbo run dev --filter=react",
+    "dev:react": "turbo run dev --filter=react-examples ",
     "test:svelte": "pnpm --filter=playwright run test:svelte",
     "test:svelte:ui": "pnpm --filter=playwright run test:svelte:ui",
     "test:react": "pnpm --filter=playwright run test:react",
diff --git a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
index 3e038fd0b..740286582 100644
--- a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
@@ -65,8 +65,8 @@ function ResizeControl({
 
     const dragHandler = drag<HTMLDivElement, unknown>()
       .on('start', (event: ResizeDragEvent) => {
-        const { nodes, transform, snapGrid, snapToGrid } = store.getState();
-        const node = nodes.find((n) => n.id === id);
+        const { nodesLookup, transform, snapGrid, snapToGrid } = store.getState();
+        const node = nodesLookup.get(id);
         const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
 
         prevValues.current = {
@@ -86,9 +86,9 @@ function ResizeControl({
         onResizeStart?.(event, { ...prevValues.current });
       })
       .on('drag', (event: ResizeDragEvent) => {
-        const { nodes, transform, snapGrid, snapToGrid, triggerNodeChanges } = store.getState();
+        const { nodesLookup, transform, snapGrid, snapToGrid, triggerNodeChanges } = store.getState();
         const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
-        const node = nodes.find((n) => n.id === id);
+        const node = nodesLookup.get(id);
 
         if (node) {
           const changes: NodeChange[] = [];
diff --git a/packages/react/src/components/ConnectionLine/index.tsx b/packages/react/src/components/ConnectionLine/index.tsx
index 439cc3421..b40efa651 100644
--- a/packages/react/src/components/ConnectionLine/index.tsx
+++ b/packages/react/src/components/ConnectionLine/index.tsx
@@ -43,7 +43,7 @@ const ConnectionLine = ({
   const { fromNode, handleId, toX, toY, connectionMode } = useStore(
     useCallback(
       (s: ReactFlowStore) => ({
-        fromNode: s.nodes.find((n) => n.id === nodeId),
+        fromNode: s.nodesLookup.get(nodeId),
         handleId: s.connectionStartHandle?.handleId,
         toX: (s.connectionPosition.x - s.transform[0]) / s.transform[2],
         toY: (s.connectionPosition.y - s.transform[1]) / s.transform[2],
diff --git a/packages/react/src/components/Edges/wrapEdge.tsx b/packages/react/src/components/Edges/wrapEdge.tsx
index 750254ff1..4ab6fa453 100644
--- a/packages/react/src/components/Edges/wrapEdge.tsx
+++ b/packages/react/src/components/Edges/wrapEdge.tsx
@@ -53,9 +53,9 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
     const [updateHover, setUpdateHover] = useState<boolean>(false);
     const [updating, setUpdating] = useState<boolean>(false);
     const store = useStoreApi();
-    const edgePosition = useStore((state) => {
-      const sourceNode = state.nodes.find((n) => n.id === source);
-      const targetNode = state.nodes.find((n) => n.id === target);
+    const edgePosition = useStore(function edgeSelector(state) {
+      const sourceNode = state.nodesLookup.get(source);
+      const targetNode = state.nodesLookup.get(target);
 
       if (!sourceNode || !targetNode) {
         return null;
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index f2b3ebe38..98f9fc39c 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -48,11 +48,16 @@ const NodeRenderer = (props: NodeRendererProps) => {
     }
 
     const observer = new ResizeObserver((entries: ResizeObserverEntry[]) => {
-      const updates = entries.map((entry: ResizeObserverEntry) => ({
-        id: entry.target.getAttribute('data-id') as string,
-        nodeElement: entry.target as HTMLDivElement,
-        forceUpdate: true,
-      }));
+      const updates = new Map();
+
+      entries.forEach((entry: ResizeObserverEntry) => {
+        const id = entry.target.getAttribute('data-id') as string;
+        updates.set(id, {
+          id,
+          nodeElement: entry.target as HTMLDivElement,
+          forceUpdate: true,
+        });
+      });
 
       updateNodeDimensions(updates);
     });
diff --git a/packages/react/src/hooks/useVisibleEdges.ts b/packages/react/src/hooks/useVisibleEdges.ts
index 6d7f808ac..e97fe1050 100644
--- a/packages/react/src/hooks/useVisibleEdges.ts
+++ b/packages/react/src/hooks/useVisibleEdges.ts
@@ -12,8 +12,8 @@ function useVisibleEdges(onlyRenderVisible: boolean, elevateEdgesOnSelect: boole
         const visibleEdges =
           onlyRenderVisible && s.width && s.height
             ? s.edges.filter((e) => {
-                const sourceNode = s.nodes.find((n) => n.id === e.source);
-                const targetNode = s.nodes.find((n) => n.id === e.target);
+                const sourceNode = s.nodesLookup.get(e.source);
+                const targetNode = s.nodesLookup.get(e.target);
 
                 return (
                   sourceNode &&
@@ -29,7 +29,7 @@ function useVisibleEdges(onlyRenderVisible: boolean, elevateEdgesOnSelect: boole
               })
             : s.edges;
 
-        return groupEdgesByZLevel(visibleEdges, s.nodes, elevateEdgesOnSelect);
+        return groupEdgesByZLevel(visibleEdges, s.nodesLookup, elevateEdgesOnSelect);
       },
       [onlyRenderVisible, elevateEdgesOnSelect]
     ),
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index ad42fd6ee..6f8ca67b0 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -41,8 +41,8 @@ const createRFStore = ({
     (set, get) => ({
       ...getInitialState({ nodes, edges, width, height, fitView }),
       setNodes: (nodes: Node[]) => {
-        const { nodes: storeNodes, nodeOrigin, elevateNodesOnSelect } = get();
-        const nextNodes = updateNodes(nodes, storeNodes, { nodeOrigin, elevateNodesOnSelect });
+        const { nodesLookup, nodeOrigin, elevateNodesOnSelect } = get();
+        const nextNodes = updateNodes(nodes, nodesLookup, { nodeOrigin, elevateNodesOnSelect });
 
         set({ nodes: nextNodes });
       },
@@ -68,7 +68,7 @@ const createRFStore = ({
         };
 
         if (hasDefaultNodes) {
-          nextState.nodes = updateNodes(nodes, [], {
+          nextState.nodes = updateNodes(nodes, new Map(), {
             nodeOrigin: get().nodeOrigin,
             elevateNodesOnSelect: get().elevateNodesOnSelect,
           });
@@ -80,13 +80,23 @@ const createRFStore = ({
         set(nextState);
       },
       updateNodeDimensions: (updates) => {
-        const { onNodesChange, fitView, nodes, fitViewOnInit, fitViewDone, fitViewOnInitOptions, domNode, nodeOrigin } =
-          get();
+        const {
+          onNodesChange,
+          fitView,
+          nodes,
+          nodesLookup,
+          fitViewOnInit,
+          fitViewDone,
+          fitViewOnInitOptions,
+          domNode,
+          nodeOrigin,
+        } = get();
         const changes: NodeDimensionChange[] = [];
 
         const updatedNodes = updateNodeDimensionsSystem(
           updates,
           nodes,
+          nodesLookup,
           domNode,
           nodeOrigin,
           (id: string, dimensions: Dimensions) => {
@@ -102,7 +112,7 @@ const createRFStore = ({
           return;
         }
 
-        const nextNodes = updateAbsolutePositions(updatedNodes, nodeOrigin);
+        const nextNodes = updateAbsolutePositions(updatedNodes, nodesLookup, nodeOrigin);
 
         let nextFitViewDone = fitViewDone;
         if (!fitViewDone && fitViewOnInit) {
@@ -138,12 +148,12 @@ const createRFStore = ({
       },
 
       triggerNodeChanges: (changes) => {
-        const { onNodesChange, nodes, hasDefaultNodes, nodeOrigin, elevateNodesOnSelect } = get();
+        const { onNodesChange, nodesLookup, nodes, hasDefaultNodes, nodeOrigin, elevateNodesOnSelect } = get();
 
         if (changes?.length) {
           if (hasDefaultNodes) {
             const updatedNodes = applyNodeChanges(changes, nodes);
-            const nextNodes = updateNodes(updatedNodes, nodes, {
+            const nextNodes = updateNodes(updatedNodes, nodesLookup, {
               nodeOrigin,
               elevateNodesOnSelect,
             });
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 8f8fa450c..633d9aa54 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -22,7 +22,8 @@ const getInitialState = ({
   height?: number;
   fitView?: boolean;
 } = {}): ReactFlowStore => {
-  const nextNodes = updateNodes(nodes, [], { nodeOrigin: [0, 0], elevateNodesOnSelect: false });
+  const nodesLookup = new Map<string, Node>();
+  const nextNodes = updateNodes(nodes, nodesLookup, { nodeOrigin: [0, 0], elevateNodesOnSelect: false });
 
   let transform: Transform = [0, 0, 1];
 
@@ -43,6 +44,7 @@ const getInitialState = ({
     height: 0,
     transform,
     nodes: nextNodes,
+    nodesLookup,
     edges: edges,
     onNodesChange: null,
     onEdgesChange: null,
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 3662f8624..3995d2083 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -46,6 +46,7 @@ export type ReactFlowStore = {
   height: number;
   transform: Transform;
   nodes: Node[];
+  nodesLookup: Map<string, Node>;
   edges: Edge[];
   onNodesChange: OnNodesChange | null;
   onEdgesChange: OnEdgesChange | null;
@@ -141,7 +142,7 @@ export type ReactFlowActions = {
   getNodes: () => Node[];
   setEdges: (edges: Edge[]) => void;
   setDefaultNodesAndEdges: (nodes?: Node[], edges?: Edge[]) => void;
-  updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
+  updateNodeDimensions: (updates: Map<string, NodeDimensionUpdate>) => void;
   updateNodePositions: UpdateNodePositions;
   resetSelectedElements: () => void;
   unselectNodesAndEdges: (params?: UnselectNodesAndEdgesParams) => void;
diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index e936d3a58..9e719c327 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -30,6 +30,7 @@ export default function drag(domNode: Element, params: UseDragParams) {
 
       return {
         nodes: get(store.nodes),
+        nodesLookup: get(store.nodesLookup),
         edges: get(store.edges),
         nodeExtent: get(store.nodeExtent),
         snapGrid: snapGrid ? snapGrid : [0, 0],
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index c4f9ec6f7..6a7acd904 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -17,11 +17,18 @@
     typeof ResizeObserver === 'undefined'
       ? null
       : new ResizeObserver((entries: ResizeObserverEntry[]) => {
-          const updates = entries.map((entry: ResizeObserverEntry) => ({
-            id: entry.target.getAttribute('data-id') as string,
-            nodeElement: entry.target as HTMLDivElement,
-            forceUpdate: true
-          }));
+          const updates = new Map();
+
+          entries.forEach((entry: ResizeObserverEntry) => {
+            const id = entry.target.getAttribute('data-id') as string;
+
+            updates.set(id, {
+              id,
+              nodeElement: entry.target as HTMLDivElement,
+              forceUpdate: true
+            });
+          });
+
           updateNodeDimensions(updates);
         });
 
diff --git a/packages/svelte/src/lib/store/derived-connection-props.ts b/packages/svelte/src/lib/store/derived-connection-props.ts
index 5be1598c3..173362acf 100644
--- a/packages/svelte/src/lib/store/derived-connection-props.ts
+++ b/packages/svelte/src/lib/store/derived-connection-props.ts
@@ -56,15 +56,15 @@ export function getDerivedConnectionProps(
       currentConnection,
       store.connectionLineType,
       store.connectionMode,
-      store.nodes,
+      store.nodesLookup,
       store.viewport
     ],
-    ([connection, connectionLineType, connectionMode, nodes, viewport]) => {
+    ([connection, connectionLineType, connectionMode, nodesLookup, viewport]) => {
       if (!connection.connectionStartHandle?.nodeId) {
         return initConnectionProps;
       }
 
-      const fromNode = nodes.find((n) => n.id === connection.connectionStartHandle?.nodeId);
+      const fromNode = nodesLookup.get(connection.connectionStartHandle?.nodeId);
       const fromHandleBounds = fromNode?.[internalsSymbol]?.handleBounds;
       const handleBoundsStrict =
         fromHandleBounds?.[connection.connectionStartHandle.type || 'source'] || [];
diff --git a/packages/svelte/src/lib/store/edge-tree.ts b/packages/svelte/src/lib/store/edge-tree.ts
index ff0998685..221563ef7 100644
--- a/packages/svelte/src/lib/store/edge-tree.ts
+++ b/packages/svelte/src/lib/store/edge-tree.ts
@@ -9,17 +9,18 @@ export function getEdgeTree(store: SvelteFlowStoreState) {
     [
       store.edges,
       store.nodes,
+      store.nodesLookup,
       store.onlyRenderVisibleElements,
       store.viewport,
       store.width,
       store.height
     ],
-    ([edges, nodes, onlyRenderVisibleElements, viewport, width, height]) => {
+    ([edges, , nodesLookup, onlyRenderVisibleElements, viewport, width, height]) => {
       const visibleEdges =
         onlyRenderVisibleElements && width && height
           ? edges.filter((edge) => {
-              const sourceNode = nodes.find((node) => node.id === edge.source);
-              const targetNode = nodes.find((node) => node.id === edge.target);
+              const sourceNode = nodesLookup.get(edge.source);
+              const targetNode = nodesLookup.get(edge.target);
 
               return (
                 sourceNode &&
@@ -40,11 +41,11 @@ export function getEdgeTree(store: SvelteFlowStoreState) {
   );
 
   return derived(
-    [visibleEdges, store.nodes, store.connectionMode, store.onError],
-    ([visibleEdges, nodes, connectionMode, onError]) => {
+    [visibleEdges, store.nodes, store.nodesLookup, store.connectionMode, store.onError],
+    ([visibleEdges, , nodesLookup, connectionMode, onError]) => {
       const layoutedEdges = visibleEdges.reduce<EdgeLayouted[]>((res, edge) => {
-        const sourceNode = nodes.find((node) => node.id === edge.source);
-        const targetNode = nodes.find((node) => node.id === edge.target);
+        const sourceNode = nodesLookup.get(edge.source);
+        const targetNode = nodesLookup.get(edge.target);
 
         if (!sourceNode || !targetNode) {
           return res;
@@ -70,7 +71,7 @@ export function getEdgeTree(store: SvelteFlowStoreState) {
         return res;
       }, []);
 
-      const groupedEdges = groupEdgesByZLevel<EdgeLayouted>(layoutedEdges, nodes, false);
+      const groupedEdges = groupEdgesByZLevel<EdgeLayouted>(layoutedEdges, nodesLookup, false);
 
       return groupedEdges;
     }
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index b78e6fb2e..c91408056 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -86,10 +86,11 @@ export function createStore({
     });
   };
 
-  function updateNodeDimensions(updates: NodeDimensionUpdate[]) {
+  function updateNodeDimensions(updates: Map<string, NodeDimensionUpdate>) {
     const nextNodes = updateNodeDimensionsSystem(
       updates,
       get(store.nodes),
+      get(store.nodesLookup),
       get(store.domNode),
       get(store.nodeOrigin)
     );
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 7744ac0cb..7cabef6e2 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -59,7 +59,11 @@ export const getInitialStore = ({
   height?: number;
   fitView?: boolean;
 }) => {
-  const nextNodes = updateNodes(nodes, [], { nodeOrigin: [0, 0], elevateNodesOnSelect: false });
+  const nodesLookup = new Map<string, Node>();
+  const nextNodes = updateNodes(nodes, nodesLookup, {
+    nodeOrigin: [0, 0],
+    elevateNodesOnSelect: false
+  });
 
   let viewport: Viewport = { x: 0, y: 0, zoom: 1 };
 
@@ -75,7 +79,8 @@ export const getInitialStore = ({
 
   return {
     flowId: writable<string | null>(null),
-    nodes: createNodesStore(nextNodes),
+    nodes: createNodesStore(nextNodes, nodesLookup),
+    nodesLookup: readable<Map<string, Node>>(nodesLookup),
     visibleNodes: readable<Node[]>([]),
     edges: createEdgesStore(edges),
     edgeTree: readable<GroupedEdges<EdgeLayouted>[]>([]),
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index ae854cfd1..8d41d63f8 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -27,7 +27,7 @@ export type SvelteFlowStoreActions = {
   setTranslateExtent: (extent: CoordinateExtent) => void;
   fitView: (options?: FitViewOptions) => boolean;
   updateNodePositions: UpdateNodePositions;
-  updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
+  updateNodeDimensions: (updates: Map<string, NodeDimensionUpdate>) => void;
   unselectNodesAndEdges: (params?: { nodes?: Node[]; edges?: Edge[] }) => void;
   addSelectedNodes: (ids: string[]) => void;
   addSelectedEdges: (ids: string[]) => void;
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index cfd5b343a..82f8afc6e 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -111,7 +111,8 @@ export type NodeStoreOptions = {
 // we are creating a custom store for the internals nodes in order to update the zIndex and positionAbsolute.
 // The user only passes in relative positions, so we need to calculate the absolute positions based on the parent nodes.
 export const createNodesStore = (
-  nodes: Node[]
+  nodes: Node[],
+  nodesLookup: Map<string, Node>
 ): {
   subscribe: (this: void, run: Subscriber<Node[]>) => Unsubscriber;
   update: (this: void, updater: Updater<Node[]>) => void;
@@ -125,7 +126,7 @@ export const createNodesStore = (
   let elevateNodesOnSelect = true;
 
   const _set = (nds: Node[]): Node[] => {
-    const nextNodes = updateNodes(nds, value, {
+    const nextNodes = updateNodes(nds, nodesLookup, {
       elevateNodesOnSelect,
       defaults
     });
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index e15d92696..5d4c31510 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -33,7 +33,7 @@ export type GroupedEdges<EdgeType extends EdgeBase> = {
 
 export function groupEdgesByZLevel<EdgeType extends EdgeBase>(
   edges: EdgeType[],
-  nodes: NodeBase[],
+  nodesLookup: Map<string, NodeBase>,
   elevateEdgesOnSelect = false
 ): GroupedEdges<EdgeType>[] {
   let maxLevel = -1;
@@ -43,8 +43,8 @@ export function groupEdgesByZLevel<EdgeType extends EdgeBase>(
     let z = hasZIndex ? edge.zIndex! : 0;
 
     if (elevateEdgesOnSelect) {
-      const targetNode = nodes.find((n) => n.id === edge.target);
-      const sourceNode = nodes.find((n) => n.id === edge.source);
+      const targetNode = nodesLookup.get(edge.target);
+      const sourceNode = nodesLookup.get(edge.source);
       const edgeOrConnectedNodeSelected = edge.selected || targetNode?.selected || sourceNode?.selected;
       const selectedZIndex = Math.max(
         sourceNode?.[internalsSymbol]?.z || 0,
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 3fee5d021..ff168d434 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -18,19 +18,21 @@ type ParentNodes = Record<string, boolean>;
 
 export function updateAbsolutePositions<NodeType extends NodeBase>(
   nodes: NodeType[],
+  nodesLookup: Map<string, NodeType>,
   nodeOrigin: NodeOrigin = [0, 0],
   parentNodes?: ParentNodes
 ) {
   return nodes.map((node) => {
-    if (node.parentNode && !nodes.find((n) => n.id === node.parentNode)) {
+    if (node.parentNode && !nodesLookup.has(node.parentNode)) {
       throw new Error(`Parent node ${node.parentNode} not found`);
     }
 
     if (node.parentNode || parentNodes?.[node.id]) {
-      const parentNode = node.parentNode ? nodes.find((n) => n.id === node.parentNode) : null;
+      const parentNode = node.parentNode ? nodesLookup.get(node.parentNode) : null;
       const { x, y, z } = calculateXYZPosition(
         node,
         nodes,
+        nodesLookup,
         {
           ...node.position,
           z: node[internalsSymbol]?.z ?? 0,
@@ -62,7 +64,7 @@ type UpdateNodesOptions<NodeType extends NodeBase> = {
 
 export function updateNodes<NodeType extends NodeBase>(
   nodes: NodeType[],
-  storeNodes: NodeType[],
+  nodesLookup: Map<string, NodeType>,
   options: UpdateNodesOptions<NodeType> = {
     nodeOrigin: [0, 0] as NodeOrigin,
     elevateNodesOnSelect: true,
@@ -73,7 +75,7 @@ export function updateNodes<NodeType extends NodeBase>(
   const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
 
   const nextNodes = nodes.map((n) => {
-    const currentStoreNode = storeNodes.find((storeNode) => n.id === storeNode.id);
+    const currentStoreNode = nodesLookup.get(n.id);
     const node: NodeType = {
       ...options.defaults,
       ...n,
@@ -96,10 +98,12 @@ export function updateNodes<NodeType extends NodeBase>(
       },
     });
 
+    nodesLookup.set(node.id, node);
+
     return node;
   });
 
-  const nodesWithPositions = updateAbsolutePositions(nextNodes, options.nodeOrigin, parentNodes);
+  const nodesWithPositions = updateAbsolutePositions(nextNodes, nodesLookup, options.nodeOrigin, parentNodes);
 
   return nodesWithPositions;
 }
@@ -107,6 +111,7 @@ export function updateNodes<NodeType extends NodeBase>(
 function calculateXYZPosition<NodeType extends NodeBase>(
   node: NodeType,
   nodes: NodeType[],
+  nodesLookup: Map<string, NodeType>,
   result: XYZPosition,
   nodeOrigin: NodeOrigin
 ): XYZPosition {
@@ -114,12 +119,13 @@ function calculateXYZPosition<NodeType extends NodeBase>(
     return result;
   }
 
-  const parentNode = nodes.find((n) => n.id === node.parentNode)!;
+  const parentNode = nodesLookup.get(node.parentNode)!;
   const parentNodePosition = getNodePositionWithOrigin(parentNode, parentNode?.origin || nodeOrigin);
 
   return calculateXYZPosition(
     parentNode,
     nodes,
+    nodesLookup,
     {
       x: (result.x ?? 0) + parentNodePosition.x,
       y: (result.y ?? 0) + parentNodePosition.y,
@@ -130,8 +136,9 @@ function calculateXYZPosition<NodeType extends NodeBase>(
 }
 
 export function updateNodeDimensions(
-  updates: NodeDimensionUpdate[],
+  updates: Map<string, NodeDimensionUpdate>,
   nodes: NodeBase[],
+  nodesLookup: Map<string, NodeBase>,
   domNode: HTMLElement | null,
   nodeOrigin?: NodeOrigin,
   onUpdate?: (id: string, dimensions: Dimensions) => void
@@ -146,7 +153,8 @@ export function updateNodeDimensions(
   const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
 
   const nextNodes = nodes.map((node) => {
-    const update = updates.find((u) => u.id === node.id);
+    const update = updates.get(node.id);
+
     if (update) {
       const dimensions = getDimensions(update.nodeElement);
       const doUpdate = !!(
@@ -158,7 +166,7 @@ export function updateNodeDimensions(
       if (doUpdate) {
         onUpdate?.(node.id, dimensions);
 
-        return {
+        const newNode = {
           ...node,
           ...dimensions,
           [internalsSymbol]: {
@@ -169,6 +177,10 @@ export function updateNodeDimensions(
             },
           },
         };
+
+        nodesLookup.set(node.id, newNode);
+
+        return newNode;
       }
     }
 
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 9271cb9d7..66637c70c 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -33,6 +33,7 @@ export type OnDrag = (event: MouseEvent, dragItems: NodeDragItem[], node: NodeBa
 
 type StoreItems = {
   nodes: NodeBase[];
+  nodesLookup: Map<string, NodeBase>;
   edges: EdgeBase[];
   nodeExtent: CoordinateExtent;
   snapGrid: SnapGrid;
@@ -103,6 +104,7 @@ export function XYDrag({
     function updateNodes({ x, y }: XYPosition) {
       const {
         nodes,
+        nodesLookup,
         nodeExtent,
         snapGrid,
         snapToGrid,
@@ -163,11 +165,11 @@ export function XYDrag({
       updateNodePositions(dragItems, true, true);
       const onNodeOrSelectionDrag = nodeId ? onNodeDrag : wrapSelectionDragFunc(onSelectionDrag);
 
-      if (dragEvent) {
+      if (dragEvent && (onDrag || onNodeOrSelectionDrag)) {
         const [currentNode, currentNodes] = getEventHandlerParams({
           nodeId,
           dragItems,
-          nodes,
+          nodesLookup,
         });
         onDrag?.(dragEvent as MouseEvent, dragItems, currentNode, currentNodes);
         onNodeOrSelectionDrag?.(dragEvent as MouseEvent, currentNode, currentNodes);
@@ -197,6 +199,7 @@ export function XYDrag({
     function startDrag(event: UseDragEvent) {
       const {
         nodes,
+        nodesLookup,
         multiSelectionActive,
         nodesDraggable,
         transform,
@@ -227,11 +230,11 @@ export function XYDrag({
 
       const onNodeOrSelectionDragStart = nodeId ? onNodeDragStart : wrapSelectionDragFunc(onSelectionDragStart);
 
-      if (dragItems) {
+      if (dragItems && (onDragStart || onNodeOrSelectionDragStart)) {
         const [currentNode, currentNodes] = getEventHandlerParams({
           nodeId,
           dragItems,
-          nodes,
+          nodesLookup,
         });
         onDragStart?.(event.sourceEvent as MouseEvent, dragItems, currentNode, currentNodes);
         onNodeOrSelectionDragStart?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
@@ -288,18 +291,20 @@ export function XYDrag({
         cancelAnimationFrame(autoPanId);
 
         if (dragItems) {
-          const { nodes, updateNodePositions, onNodeDragStop, onSelectionDragStop } = getStoreItems();
+          const { nodesLookup, updateNodePositions, onNodeDragStop, onSelectionDragStop } = getStoreItems();
           const onNodeOrSelectionDragStop = nodeId ? onNodeDragStop : wrapSelectionDragFunc(onSelectionDragStop);
 
           updateNodePositions(dragItems, false, false);
 
-          const [currentNode, currentNodes] = getEventHandlerParams({
-            nodeId,
-            dragItems,
-            nodes,
-          });
-          onDragStop?.(event.sourceEvent as MouseEvent, dragItems, currentNode, currentNodes);
-          onNodeOrSelectionDragStop?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+          if (onDragStop || onNodeOrSelectionDragStop) {
+            const [currentNode, currentNodes] = getEventHandlerParams({
+              nodeId,
+              dragItems,
+              nodesLookup,
+            });
+            onDragStop?.(event.sourceEvent as MouseEvent, dragItems, currentNode, currentNodes);
+            onNodeOrSelectionDragStop?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+          }
         }
       })
       .filter((event: MouseEvent) => {
diff --git a/packages/system/src/xydrag/utils.ts b/packages/system/src/xydrag/utils.ts
index fbf0e8f92..d8bfdb59c 100644
--- a/packages/system/src/xydrag/utils.ts
+++ b/packages/system/src/xydrag/utils.ts
@@ -75,14 +75,14 @@ export function getDragItems<NodeType extends NodeBase>(
 export function getEventHandlerParams<NodeType extends NodeBase>({
   nodeId,
   dragItems,
-  nodes,
+  nodesLookup,
 }: {
   nodeId?: string;
   dragItems: NodeDragItem[];
-  nodes: NodeType[];
+  nodesLookup: Map<string, NodeType>;
 }): [NodeType, NodeType[]] {
   const extentedDragItems: NodeType[] = dragItems.map((n) => {
-    const node = nodes.find((node) => node.id === n.id)!;
+    const node = nodesLookup.get(n.id)!;
 
     return {
       ...node,

From 0d9ac928ff7cecde276368800427d2d2a39594c8 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 14 Nov 2023 11:03:46 +0100
Subject: [PATCH 0340/1093] chore(documentation) Added additional READMEs for
 examples

---
 examples/README.md        | 13 +++++++++++++
 examples/react/README.md  | 12 +++++++++++-
 examples/svelte/README.md | 12 +++++++++++-
 3 files changed, 35 insertions(+), 2 deletions(-)
 create mode 100644 examples/README.md

diff --git a/examples/README.md b/examples/README.md
new file mode 100644
index 000000000..abce87a20
--- /dev/null
+++ b/examples/README.md
@@ -0,0 +1,13 @@
+# Examples for Testing & Development
+These examples are used for feature development and E2E testing.
+
+## Overview
+SvelteKit App with Svelte Flow examples at [examples/svelte](./svelte) 
+
+Vite App with React Flow examples at [examples/react](./react)
+
+Astro App used for SSR testing at [examples/astro-xyflow](./astro-xyflow)
+
+## E2E
+
+For furhter documentation of E2E tests have a look at [/tests/playwright](/tests/playwright).
\ No newline at end of file
diff --git a/examples/react/README.md b/examples/react/README.md
index 5a9a880c5..eb7477db1 100644
--- a/examples/react/README.md
+++ b/examples/react/README.md
@@ -1,6 +1,6 @@
 # React Flow examples 
 
-This Vite app is used internally to test the library.
+This Vite app is used internally to develop and test the library.
 
 ## Start local dev server
 
@@ -8,5 +8,15 @@ This Vite app is used internally to test the library.
 pnpm dev
 ```
 
+## Adding new example
+
+Development of the library is done against `src/examples`. Feel free to add new implementations for features that you develop.
+
+1. Create a new folder & flow at `src/examples/`
+2. Register the new route in `src/App/routes.ts`
+
+## Adding new E2E implementation
+E2E testing is done against the flows implemented in `src/generic-tests`. Adding a new configuration file automatically adds a new route under http://localhost:3000/tests/generic/$foldername/$filename. For further documentation visit [`xyflow/tests/playwright`](/tests/playwright).
+
 
 
diff --git a/examples/svelte/README.md b/examples/svelte/README.md
index 72cd559cf..b373baea1 100644
--- a/examples/svelte/README.md
+++ b/examples/svelte/README.md
@@ -1,4 +1,4 @@
-# Svelte Flow examples 
+# Svelte Flow examples
 
 This Vite app is used internally to test the library.
 
@@ -8,3 +8,13 @@ This Vite app is used internally to test the library.
 pnpm dev
 ```
 
+## Adding new example
+
+Development of the library is done against `src/routes/examples`. Feel free to add new implementations for features that you develop.
+
+1. Create a new folder & flow at `src/routes/examples/`
+2. Register the new route in `src/components/Header/Header.svelte`
+
+## Adding new E2E implementation
+
+E2E testing is done against the flows implemented in `src/generic-tests`. Adding a new configuration file automatically adds a new route under http://localhost:5173/tests/generic/$foldername/$filename. For further documentation visit [`xyflow/tests/playwright`](/tests/playwright).

From 3dad5fe9fae8a30a75c8bd198b5ad5f0908d68d0 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 14 Nov 2023 11:07:34 +0100
Subject: [PATCH 0341/1093] chore(documentation) small improvements

---
 examples/README.md        | 8 ++++----
 examples/react/README.md  | 2 +-
 examples/svelte/README.md | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/examples/README.md b/examples/README.md
index abce87a20..df8f16705 100644
--- a/examples/README.md
+++ b/examples/README.md
@@ -2,12 +2,12 @@
 These examples are used for feature development and E2E testing.
 
 ## Overview
-SvelteKit App with Svelte Flow examples at [examples/svelte](./svelte) 
+SvelteKit App with Svelte Flow examples at [`examples/svelte`](./svelte) 
 
-Vite App with React Flow examples at [examples/react](./react)
+Vite App with React Flow examples at [`examples/react`](./react)
 
-Astro App used for SSR testing at [examples/astro-xyflow](./astro-xyflow)
+Astro App used for SSR testing at [`examples/astro-xyflow`](./astro-xyflow)
 
 ## E2E
 
-For furhter documentation of E2E tests have a look at [/tests/playwright](/tests/playwright).
\ No newline at end of file
+For furhter documentation of E2E tests have a look at [`/tests/playwright`](/tests/playwright).
\ No newline at end of file
diff --git a/examples/react/README.md b/examples/react/README.md
index eb7477db1..c1207ba7b 100644
--- a/examples/react/README.md
+++ b/examples/react/README.md
@@ -16,7 +16,7 @@ Development of the library is done against `src/examples`. Feel free to add new
 2. Register the new route in `src/App/routes.ts`
 
 ## Adding new E2E implementation
-E2E testing is done against the flows implemented in `src/generic-tests`. Adding a new configuration file automatically adds a new route under http://localhost:3000/tests/generic/$foldername/$filename. For further documentation visit [`xyflow/tests/playwright`](/tests/playwright).
+E2E testing is done against the flows implemented in `src/generic-tests`. Adding a new configuration file automatically adds a new route under [`http://localhost:3000/tests/generic/$foldername/$filename`](http://localhost:5173/tests/generic/nodes/general). For further documentation visit [`xyflow/tests/playwright`](/tests/playwright).
 
 
 
diff --git a/examples/svelte/README.md b/examples/svelte/README.md
index b373baea1..b596832da 100644
--- a/examples/svelte/README.md
+++ b/examples/svelte/README.md
@@ -17,4 +17,4 @@ Development of the library is done against `src/routes/examples`. Feel free to a
 
 ## Adding new E2E implementation
 
-E2E testing is done against the flows implemented in `src/generic-tests`. Adding a new configuration file automatically adds a new route under http://localhost:5173/tests/generic/$foldername/$filename. For further documentation visit [`xyflow/tests/playwright`](/tests/playwright).
+E2E testing is done against the flows implemented in `src/generic-tests`. Adding a new configuration file automatically adds a new route under [`http://localhost:5173/tests/generic/$foldername/$filename`](http://localhost:5173/tests/generic/nodes/general). For further documentation visit [`xyflow/tests/playwright`](/tests/playwright).

From e798e94275e97bef6a30f368e1e8586e45a2d556 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 14 Nov 2023 15:52:48 +0100
Subject: [PATCH 0342/1093] refactor(react/svelte): use nodeLookup

---
 examples/react/src/examples/Stress/index.tsx  |  8 +---
 .../additional-components/MiniMap/MiniMap.tsx |  2 +-
 .../NodeResizer/ResizeControl.tsx             |  8 ++--
 .../NodeToolbar/NodeToolbar.tsx               |  4 +-
 .../src/components/ConnectionLine/index.tsx   |  2 +-
 .../react/src/components/Edges/BaseEdge.tsx   |  1 -
 .../react/src/components/Edges/wrapEdge.tsx   | 42 ++++++++++---------
 .../react/src/components/Handle/index.tsx     |  5 +++
 packages/react/src/components/Nodes/utils.ts  |  6 +--
 .../react/src/components/Nodes/wrapNode.tsx   |  2 +-
 .../components/SelectionListener/index.tsx    |  8 +++-
 .../src/components/StoreUpdater/index.tsx     |  9 +++-
 .../src/container/EdgeRenderer/index.tsx      |  6 ++-
 packages/react/src/hooks/useReactFlow.ts      |  4 +-
 .../react/src/hooks/useUpdateNodeInternals.ts | 11 +++--
 packages/react/src/hooks/useVisibleEdges.ts   |  6 +--
 packages/react/src/store/index.ts             | 30 ++++++++-----
 packages/react/src/store/initialState.ts      |  6 +--
 packages/react/src/types/store.ts             |  3 +-
 packages/react/src/utils/changes.ts           | 21 ++++++++--
 packages/svelte/src/lib/actions/drag/index.ts |  2 +-
 .../lib/components/BaseEdge/BaseEdge.svelte   |  1 +
 .../src/lib/hooks/useUpdateNodeInternals.ts   | 10 ++---
 .../src/lib/store/derived-connection-props.ts |  6 +--
 packages/svelte/src/lib/store/edge-tree.ts    | 18 ++++----
 packages/svelte/src/lib/store/index.ts        |  2 +-
 .../svelte/src/lib/store/initial-store.ts     |  8 ++--
 packages/svelte/src/lib/store/utils.ts        |  4 +-
 packages/system/src/utils/dom.ts              |  4 +-
 packages/system/src/utils/edges/general.ts    |  6 +--
 packages/system/src/utils/store.ts            | 26 ++++++------
 packages/system/src/xydrag/XYDrag.ts          | 16 +++----
 packages/system/src/xydrag/utils.ts           |  6 +--
 33 files changed, 166 insertions(+), 127 deletions(-)

diff --git a/examples/react/src/examples/Stress/index.tsx b/examples/react/src/examples/Stress/index.tsx
index 7e83fac74..c1c24d86d 100644
--- a/examples/react/src/examples/Stress/index.tsx
+++ b/examples/react/src/examples/Stress/index.tsx
@@ -1,7 +1,6 @@
 import { useState, useCallback } from 'react';
 import {
   ReactFlow,
-  ReactFlowInstance,
   Edge,
   Node,
   NodeChange,
@@ -18,11 +17,6 @@ import {
 
 import { getNodesAndEdges } from './utils';
 
-const onInit = (reactFlowInstance: ReactFlowInstance) => {
-  reactFlowInstance.fitView();
-  console.log(reactFlowInstance.getNodes());
-};
-
 const { nodes: initialNodes, edges: initialEdges } = getNodesAndEdges(25, 25);
 
 const StressFlow = () => {
@@ -64,11 +58,11 @@ const StressFlow = () => {
     <ReactFlow
       nodes={nodes}
       edges={edges}
-      onInit={onInit}
       onConnect={onConnect}
       onNodesChange={onNodesChange}
       onEdgesChange={onEdgeChange}
       minZoom={0.2}
+      fitView
     >
       <MiniMap />
       <Controls />
diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index 49e025736..f56ae57fa 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -118,7 +118,7 @@ function MiniMap({
 
   const onSvgNodeClick = onNodeClick
     ? useCallback((event: MouseEvent, nodeId: string) => {
-        const node = store.getState().nodes.find((n) => n.id === nodeId)!;
+        const node = store.getState().nodeLookup.get(nodeId)!;
         onNodeClick(event, node);
       }, [])
     : undefined;
diff --git a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
index 740286582..36783fcfd 100644
--- a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
@@ -65,8 +65,8 @@ function ResizeControl({
 
     const dragHandler = drag<HTMLDivElement, unknown>()
       .on('start', (event: ResizeDragEvent) => {
-        const { nodesLookup, transform, snapGrid, snapToGrid } = store.getState();
-        const node = nodesLookup.get(id);
+        const { nodeLookup, transform, snapGrid, snapToGrid } = store.getState();
+        const node = nodeLookup.get(id);
         const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
 
         prevValues.current = {
@@ -86,9 +86,9 @@ function ResizeControl({
         onResizeStart?.(event, { ...prevValues.current });
       })
       .on('drag', (event: ResizeDragEvent) => {
-        const { nodesLookup, transform, snapGrid, snapToGrid, triggerNodeChanges } = store.getState();
+        const { nodeLookup, transform, snapGrid, snapToGrid, triggerNodeChanges } = store.getState();
         const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
-        const node = nodesLookup.get(id);
+        const node = nodeLookup.get(id);
 
         if (node) {
           const changes: NodeChange[] = [];
diff --git a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
index fc0c309f0..ad581bcfd 100644
--- a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
+++ b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
@@ -87,12 +87,12 @@ function NodeToolbar({
       const nodeIds = Array.isArray(nodeId) ? nodeId : [nodeId || contextNodeId || ''];
 
       return nodeIds.reduce<Node[]>((acc, id) => {
-        const node = state.nodes.find((n) => n.id === id);
+        const node = state.nodeLookup.get(id);
         if (node) {
           acc.push(node);
         }
         return acc;
-      }, [] as Node[]);
+      }, []);
     },
     [nodeId, contextNodeId]
   );
diff --git a/packages/react/src/components/ConnectionLine/index.tsx b/packages/react/src/components/ConnectionLine/index.tsx
index b40efa651..ed1a21152 100644
--- a/packages/react/src/components/ConnectionLine/index.tsx
+++ b/packages/react/src/components/ConnectionLine/index.tsx
@@ -43,7 +43,7 @@ const ConnectionLine = ({
   const { fromNode, handleId, toX, toY, connectionMode } = useStore(
     useCallback(
       (s: ReactFlowStore) => ({
-        fromNode: s.nodesLookup.get(nodeId),
+        fromNode: s.nodeLookup.get(nodeId),
         handleId: s.connectionStartHandle?.handleId,
         toX: (s.connectionPosition.x - s.transform[0]) / s.transform[2],
         toY: (s.connectionPosition.y - s.transform[1]) / s.transform[2],
diff --git a/packages/react/src/components/Edges/BaseEdge.tsx b/packages/react/src/components/Edges/BaseEdge.tsx
index dd496f7eb..91cfd58ae 100644
--- a/packages/react/src/components/Edges/BaseEdge.tsx
+++ b/packages/react/src/components/Edges/BaseEdge.tsx
@@ -1,7 +1,6 @@
 import { isNumeric } from '@xyflow/system';
 
 import type { BaseEdgeProps } from '../../types';
-
 import EdgeText from './EdgeText';
 
 const BaseEdge = ({
diff --git a/packages/react/src/components/Edges/wrapEdge.tsx b/packages/react/src/components/Edges/wrapEdge.tsx
index 4ab6fa453..b0a876b06 100644
--- a/packages/react/src/components/Edges/wrapEdge.tsx
+++ b/packages/react/src/components/Edges/wrapEdge.tsx
@@ -1,4 +1,4 @@
-import { memo, useState, useMemo, useRef, type ComponentType, type KeyboardEvent } from 'react';
+import { memo, useState, useMemo, useRef, type ComponentType, type KeyboardEvent, useCallback } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
 import { getMarkerId, elementSelectionKeys, XYHandle, type Connection, getEdgePosition } from '@xyflow/system';
@@ -53,26 +53,30 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
     const [updateHover, setUpdateHover] = useState<boolean>(false);
     const [updating, setUpdating] = useState<boolean>(false);
     const store = useStoreApi();
-    const edgePosition = useStore(function edgeSelector(state) {
-      const sourceNode = state.nodesLookup.get(source);
-      const targetNode = state.nodesLookup.get(target);
+    const edgePosition = useStore(
+      useCallback(
+        (state) => {
+          const sourceNode = state.nodeLookup.get(source);
+          const targetNode = state.nodeLookup.get(target);
 
-      if (!sourceNode || !targetNode) {
-        return null;
-      }
-
-      const pos = getEdgePosition({
-        id,
-        sourceNode,
-        targetNode,
-        sourceHandle: sourceHandleId || null,
-        targetHandle: targetHandleId || null,
-        connectionMode: state.connectionMode,
-        onError: state.onError,
-      });
+          if (!sourceNode || !targetNode) {
+            return null;
+          }
 
-      return pos;
-    }, shallow);
+          return getEdgePosition({
+            id,
+            sourceNode,
+            targetNode,
+            sourceHandle: sourceHandleId || null,
+            targetHandle: targetHandleId || null,
+            connectionMode: state.connectionMode,
+            onError: state.onError,
+          });
+        },
+        [source, target]
+      ),
+      shallow
+    );
 
     const markerStartUrl = useMemo(() => `url(#${getMarkerId(markerStart, rfId)})`, [markerStart, rfId]);
     const markerEndUrl = useMemo(() => `url(#${getMarkerId(markerEnd, rfId)})`, [markerEnd, rfId]);
diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 925bc93e8..29231b718 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -1,3 +1,8 @@
+/*
+ * The Handle component is used to connect nodes. When the user mousedowns a handle, we start the connection process.
+ * The user can then drag the connection to another handle or node. When the user releases the mouse, we check if the
+ * connection is valid and if so, we call the onConnect callback.
+ */
 import { memo, HTMLAttributes, forwardRef, MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
diff --git a/packages/react/src/components/Nodes/utils.ts b/packages/react/src/components/Nodes/utils.ts
index a70ccd34d..b9a821891 100644
--- a/packages/react/src/components/Nodes/utils.ts
+++ b/packages/react/src/components/Nodes/utils.ts
@@ -12,7 +12,7 @@ export function getMouseHandler(
   return handler === undefined
     ? handler
     : (event: MouseEvent) => {
-        const node = getState().nodes.find((n) => n.id === id)!;
+        const node = getState().nodeLookup.get(id)!;
         handler(event, { ...node });
       };
 }
@@ -35,8 +35,8 @@ export function handleNodeClick({
   unselect?: boolean;
   nodeRef?: RefObject<HTMLDivElement>;
 }) {
-  const { addSelectedNodes, unselectNodesAndEdges, multiSelectionActive, nodes, onError } = store.getState();
-  const node = nodes.find((n) => n.id === id)!;
+  const { addSelectedNodes, unselectNodesAndEdges, multiSelectionActive, nodeLookup, onError } = store.getState();
+  const node = nodeLookup.get(id);
 
   if (!node) {
     onError?.('012', errorMessages['error012'](id));
diff --git a/packages/react/src/components/Nodes/wrapNode.tsx b/packages/react/src/components/Nodes/wrapNode.tsx
index f96361ce5..e50ffcf75 100644
--- a/packages/react/src/components/Nodes/wrapNode.tsx
+++ b/packages/react/src/components/Nodes/wrapNode.tsx
@@ -146,7 +146,7 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
         if (targetPosChanged) {
           prevTargetPosition.current = targetPosition;
         }
-        store.getState().updateNodeDimensions([{ id, nodeElement: nodeRef.current, forceUpdate: true }]);
+        store.getState().updateNodeDimensions(new Map([[id, { id, nodeElement: nodeRef.current, forceUpdate: true }]]));
       }
     }, [id, type, sourcePosition, targetPosition]);
 
diff --git a/packages/react/src/components/SelectionListener/index.tsx b/packages/react/src/components/SelectionListener/index.tsx
index b71231f61..4ef1e1306 100644
--- a/packages/react/src/components/SelectionListener/index.tsx
+++ b/packages/react/src/components/SelectionListener/index.tsx
@@ -1,3 +1,9 @@
+/*
+ * This is a helper component for calling the onSelectionChange listener.
+ * It will only be mounted if the user has passed an onSelectionChange listener
+ * or is using the useOnSelectionChange hook.
+ * @TODO: Now that we have the onNodesChange and on EdgesChange listeners, do we still need this component?
+ */
 import { memo, useEffect } from 'react';
 import { shallow } from 'zustand/shallow';
 
@@ -24,8 +30,6 @@ function areEqual(a: SelectorSlice, b: SelectorSlice) {
   );
 }
 
-// This is just a helper component for calling the onSelectionChange listener.
-// @TODO: Now that we have the onNodesChange and on EdgesChange listeners, do we still need this component?
 const SelectionListener = memo(({ onSelectionChange }: SelectionListenerProps) => {
   const store = useStoreApi();
   const { selectedNodes, selectedEdges } = useStore(selector, areEqual);
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index a0ce26dd8..05a8aa503 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -1,3 +1,8 @@
+/*
+ * This component helps us to update the store with the vlues coming from the user.
+ * We distinguish between values we can update directly with `useDirectStoreUpdater` (like `snapGrid`)
+ * and values that have a dedicated setter function in the store (like `setNodes`).
+ */
 import { useEffect } from 'react';
 import { StoreApi } from 'zustand';
 import { shallow } from 'zustand/shallow';
@@ -70,10 +75,10 @@ const selector = (s: ReactFlowState) => ({
   reset: s.reset,
 });
 
-function useStoreUpdater<T>(value: T | undefined, setStoreState: (param: T) => void) {
+function useStoreUpdater<T>(value: T | undefined, setStoreAction: (param: T) => void) {
   useEffect(() => {
     if (typeof value !== 'undefined') {
-      setStoreState(value);
+      setStoreAction(value);
     }
   }, [value]);
 }
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index fe2de1127..24825fe60 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -63,6 +63,8 @@ const EdgeRenderer = ({
   children,
 }: EdgeRendererProps) => {
   const { edgesFocusable, edgesUpdatable, elementsSelectable, onError } = useStore(selector, shallow);
+  // we are grouping edges by zIndex here in order to be able to render them in the correct order
+  // each zIndex gets its own svg element
   const edgeTree = useVisibleEdges(onlyRenderVisibleElements, elevateEdgesOnSelect);
 
   return (
@@ -70,7 +72,7 @@ const EdgeRenderer = ({
       {edgeTree.map(({ level, edges, isMaxLevel }) => (
         <svg key={level} style={{ zIndex: level }} className="react-flow__edges react-flow__container">
           {isMaxLevel && <MarkerDefinitions defaultColor={defaultMarkerColor} rfId={rfId} />}
-          <g>
+          <>
             {edges.map((edge) => {
               let edgeType = edge.type || 'default';
 
@@ -132,7 +134,7 @@ const EdgeRenderer = ({
                 />
               );
             })}
-          </g>
+          </>
         </svg>
       ))}
       {children}
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 301f49f5e..e72c3a4f7 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -35,7 +35,7 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
   }, []);
 
   const getNode = useCallback<Instance.GetNode<NodeData>>((id) => {
-    return store.getState().nodes.find((n) => n.id === id);
+    return store.getState().nodeLookup.get(id);
   }, []);
 
   const getEdges = useCallback<Instance.GetEdges<EdgeData>>(() => {
@@ -181,7 +181,7 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
       nodeOrRect: Node<NodeData> | { id: Node['id'] } | Rect
     ): [Rect | null, Node<NodeData> | null | undefined, boolean] => {
       const isRect = isRectObject(nodeOrRect);
-      const node = isRect ? null : store.getState().nodes.find((n) => n.id === nodeOrRect.id);
+      const node = isRect ? null : store.getState().nodeLookup.get(nodeOrRect.id);
 
       if (!isRect && !node) {
         [null, null, isRect];
diff --git a/packages/react/src/hooks/useUpdateNodeInternals.ts b/packages/react/src/hooks/useUpdateNodeInternals.ts
index 9b4bcf61f..d14f35f3b 100644
--- a/packages/react/src/hooks/useUpdateNodeInternals.ts
+++ b/packages/react/src/hooks/useUpdateNodeInternals.ts
@@ -8,17 +8,16 @@ function useUpdateNodeInternals(): UpdateNodeInternals {
 
   return useCallback<UpdateNodeInternals>((id: string | string[]) => {
     const { domNode, updateNodeDimensions } = store.getState();
-
     const updateIds = Array.isArray(id) ? id : [id];
-    const updates = updateIds.reduce<NodeDimensionUpdate[]>((res, updateId) => {
+    const updates = new Map<string, NodeDimensionUpdate>();
+
+    updateIds.forEach((updateId) => {
       const nodeElement = domNode?.querySelector(`.react-flow__node[data-id="${updateId}"]`) as HTMLDivElement;
 
       if (nodeElement) {
-        res.push({ id: updateId, nodeElement, forceUpdate: true });
+        updates.set(updateId, { id: updateId, nodeElement, forceUpdate: true });
       }
-
-      return res;
-    }, []);
+    });
 
     requestAnimationFrame(() => updateNodeDimensions(updates));
   }, []);
diff --git a/packages/react/src/hooks/useVisibleEdges.ts b/packages/react/src/hooks/useVisibleEdges.ts
index e97fe1050..67d02c92c 100644
--- a/packages/react/src/hooks/useVisibleEdges.ts
+++ b/packages/react/src/hooks/useVisibleEdges.ts
@@ -12,8 +12,8 @@ function useVisibleEdges(onlyRenderVisible: boolean, elevateEdgesOnSelect: boole
         const visibleEdges =
           onlyRenderVisible && s.width && s.height
             ? s.edges.filter((e) => {
-                const sourceNode = s.nodesLookup.get(e.source);
-                const targetNode = s.nodesLookup.get(e.target);
+                const sourceNode = s.nodeLookup.get(e.source);
+                const targetNode = s.nodeLookup.get(e.target);
 
                 return (
                   sourceNode &&
@@ -29,7 +29,7 @@ function useVisibleEdges(onlyRenderVisible: boolean, elevateEdgesOnSelect: boole
               })
             : s.edges;
 
-        return groupEdgesByZLevel(visibleEdges, s.nodesLookup, elevateEdgesOnSelect);
+        return groupEdgesByZLevel(visibleEdges, s.nodeLookup, elevateEdgesOnSelect);
       },
       [onlyRenderVisible, elevateEdgesOnSelect]
     ),
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 6f8ca67b0..a6898f6de 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -41,18 +41,19 @@ const createRFStore = ({
     (set, get) => ({
       ...getInitialState({ nodes, edges, width, height, fitView }),
       setNodes: (nodes: Node[]) => {
-        const { nodesLookup, nodeOrigin, elevateNodesOnSelect } = get();
-        const nextNodes = updateNodes(nodes, nodesLookup, { nodeOrigin, elevateNodesOnSelect });
+        const { nodeLookup, nodeOrigin, elevateNodesOnSelect } = get();
+        // Whenver new nodes are set, we need to calculate the absolute positions of the nodes
+        // and update the nodeLookup.
+        const nextNodes = updateNodes(nodes, nodeLookup, { nodeOrigin, elevateNodesOnSelect });
 
         set({ nodes: nextNodes });
       },
-      getNodes: () => {
-        return get().nodes;
-      },
       setEdges: (edges: Edge[]) => {
         const { defaultEdgeOptions = {} } = get();
         set({ edges: edges.map((e) => ({ ...defaultEdgeOptions, ...e })) });
       },
+      // when the user works with an uncontrolled flow,
+      // we set a flag `hasDefaultNodes` / `hasDefaultEdges`
       setDefaultNodesAndEdges: (nodes?: Node[], edges?: Edge[]) => {
         const hasDefaultNodes = typeof nodes !== 'undefined';
         const hasDefaultEdges = typeof edges !== 'undefined';
@@ -79,12 +80,15 @@ const createRFStore = ({
 
         set(nextState);
       },
+      // Every node gets registerd at a ResizeObserver. Whenever a node
+      // changes its dimensions, this function is called to measure the
+      // new dimensions and update the nodes.
       updateNodeDimensions: (updates) => {
         const {
           onNodesChange,
           fitView,
           nodes,
-          nodesLookup,
+          nodeLookup,
           fitViewOnInit,
           fitViewDone,
           fitViewOnInitOptions,
@@ -96,7 +100,7 @@ const createRFStore = ({
         const updatedNodes = updateNodeDimensionsSystem(
           updates,
           nodes,
-          nodesLookup,
+          nodeLookup,
           domNode,
           nodeOrigin,
           (id: string, dimensions: Dimensions) => {
@@ -112,8 +116,9 @@ const createRFStore = ({
           return;
         }
 
-        const nextNodes = updateAbsolutePositions(updatedNodes, nodesLookup, nodeOrigin);
+        const nextNodes = updateAbsolutePositions(updatedNodes, nodeLookup, nodeOrigin);
 
+        // we call fitView once initially after all dimensions are set
         let nextFitViewDone = fitViewDone;
         if (!fitViewDone && fitViewOnInit) {
           nextFitViewDone = fitView(nextNodes, {
@@ -122,6 +127,11 @@ const createRFStore = ({
           });
         }
 
+        // here we are cirmumventing the onNodesChange handler
+        // in order to be able to display nodes even if the user
+        // has not provided an onNodesChange handler.
+        // Nodes are only rendered if they have a width and height
+        // attribute which they get from this handler.
         set({ nodes: nextNodes, fitViewDone: nextFitViewDone });
 
         if (changes?.length > 0) {
@@ -148,12 +158,12 @@ const createRFStore = ({
       },
 
       triggerNodeChanges: (changes) => {
-        const { onNodesChange, nodesLookup, nodes, hasDefaultNodes, nodeOrigin, elevateNodesOnSelect } = get();
+        const { onNodesChange, nodeLookup, nodes, hasDefaultNodes, nodeOrigin, elevateNodesOnSelect } = get();
 
         if (changes?.length) {
           if (hasDefaultNodes) {
             const updatedNodes = applyNodeChanges(changes, nodes);
-            const nextNodes = updateNodes(updatedNodes, nodesLookup, {
+            const nextNodes = updateNodes(updatedNodes, nodeLookup, {
               nodeOrigin,
               elevateNodesOnSelect,
             });
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 633d9aa54..c87c29f16 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -22,8 +22,8 @@ const getInitialState = ({
   height?: number;
   fitView?: boolean;
 } = {}): ReactFlowStore => {
-  const nodesLookup = new Map<string, Node>();
-  const nextNodes = updateNodes(nodes, nodesLookup, { nodeOrigin: [0, 0], elevateNodesOnSelect: false });
+  const nodeLookup = new Map<string, Node>();
+  const nextNodes = updateNodes(nodes, nodeLookup, { nodeOrigin: [0, 0], elevateNodesOnSelect: false });
 
   let transform: Transform = [0, 0, 1];
 
@@ -44,7 +44,7 @@ const getInitialState = ({
     height: 0,
     transform,
     nodes: nextNodes,
-    nodesLookup,
+    nodeLookup,
     edges: edges,
     onNodesChange: null,
     onEdgesChange: null,
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 3995d2083..02a7d1628 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -46,7 +46,7 @@ export type ReactFlowStore = {
   height: number;
   transform: Transform;
   nodes: Node[];
-  nodesLookup: Map<string, Node>;
+  nodeLookup: Map<string, Node>;
   edges: Edge[];
   onNodesChange: OnNodesChange | null;
   onEdgesChange: OnEdgesChange | null;
@@ -139,7 +139,6 @@ export type ReactFlowStore = {
 
 export type ReactFlowActions = {
   setNodes: (nodes: Node[]) => void;
-  getNodes: () => Node[];
   setEdges: (edges: Edge[]) => void;
   setDefaultNodesAndEdges: (nodes?: Node[], edges?: Edge[]) => void;
   updateNodeDimensions: (updates: Map<string, NodeDimensionUpdate>) => void;
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index a51eaba4d..61ff2b192 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -42,24 +42,39 @@ export function handleParentExpand(res: any[], updateItem: any) {
   }
 }
 
+// This function applies changes to nodes or edges that are triggered by React Flow internally.
+// When you drag a node for example, React Flow will send a position change update.
+// This function then applies the changes and returns the updated elements.
 function applyChanges(changes: any[], elements: any[]): any[] {
   // we need this hack to handle the setNodes and setEdges function of the useReactFlow hook for controlled flows
   if (changes.some((c) => c.type === 'reset')) {
     return changes.filter((c) => c.type === 'reset').map((c) => c.item);
   }
+
+  let remainingChanges = changes;
   const initElements: any[] = changes.filter((c) => c.type === 'add').map((c) => c.item);
 
   return elements.reduce((res: any[], item: any) => {
-    const currentChanges = changes.filter((c) => c.id === item.id);
+    const nextChanges: any[] = [];
+    const _remainingChanges: any[] = [];
+
+    remainingChanges.forEach((c) => {
+      if (c.id === item.id) {
+        nextChanges.push(c);
+      } else {
+        _remainingChanges.push(c);
+      }
+    });
+    remainingChanges = _remainingChanges;
 
-    if (currentChanges.length === 0) {
+    if (nextChanges.length === 0) {
       res.push(item);
       return res;
     }
 
     const updateItem = { ...item };
 
-    for (const currentChange of currentChanges) {
+    for (const currentChange of nextChanges) {
       if (currentChange) {
         switch (currentChange.type) {
           case 'select': {
diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index 9e719c327..d08a17be7 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -30,7 +30,7 @@ export default function drag(domNode: Element, params: UseDragParams) {
 
       return {
         nodes: get(store.nodes),
-        nodesLookup: get(store.nodesLookup),
+        nodeLookup: get(store.nodeLookup),
         edges: get(store.edges),
         nodeExtent: get(store.nodeExtent),
         snapGrid: snapGrid ? snapGrid : [0, 0],
diff --git a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
index 4e5b39d16..d1c60f8f4 100644
--- a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
@@ -23,6 +23,7 @@
 </script>
 
 <path
+  {id}
   d={path}
   class={cc(['svelte-flow__edge-path', className])}
   marker-start={markerStart}
diff --git a/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts b/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
index 9de907633..c66bb6882 100644
--- a/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
+++ b/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
@@ -9,17 +9,17 @@ export function useUpdateNodeInternals(): UpdateNodeInternals {
   // @todo: do we want to add this to system?
   const updateInternals = (id: string | string[]) => {
     const updateIds = Array.isArray(id) ? id : [id];
-    const updates = updateIds.reduce<NodeDimensionUpdate[]>((res, updateId) => {
+    const updates = new Map();
+
+    updateIds.forEach((updateId) => {
       const nodeElement = get(domNode)?.querySelector(
         `.svelte-flow__node[data-id="${updateId}"]`
       ) as HTMLDivElement;
 
       if (nodeElement) {
-        res.push({ id: updateId, nodeElement, forceUpdate: true });
+        updates.set(updateId, { id: updateId, nodeElement, forceUpdate: true });
       }
-
-      return res;
-    }, []);
+    });
 
     requestAnimationFrame(() => updateNodeDimensions(updates));
   };
diff --git a/packages/svelte/src/lib/store/derived-connection-props.ts b/packages/svelte/src/lib/store/derived-connection-props.ts
index 173362acf..dd4e805c0 100644
--- a/packages/svelte/src/lib/store/derived-connection-props.ts
+++ b/packages/svelte/src/lib/store/derived-connection-props.ts
@@ -56,15 +56,15 @@ export function getDerivedConnectionProps(
       currentConnection,
       store.connectionLineType,
       store.connectionMode,
-      store.nodesLookup,
+      store.nodeLookup,
       store.viewport
     ],
-    ([connection, connectionLineType, connectionMode, nodesLookup, viewport]) => {
+    ([connection, connectionLineType, connectionMode, nodeLookup, viewport]) => {
       if (!connection.connectionStartHandle?.nodeId) {
         return initConnectionProps;
       }
 
-      const fromNode = nodesLookup.get(connection.connectionStartHandle?.nodeId);
+      const fromNode = nodeLookup.get(connection.connectionStartHandle?.nodeId);
       const fromHandleBounds = fromNode?.[internalsSymbol]?.handleBounds;
       const handleBoundsStrict =
         fromHandleBounds?.[connection.connectionStartHandle.type || 'source'] || [];
diff --git a/packages/svelte/src/lib/store/edge-tree.ts b/packages/svelte/src/lib/store/edge-tree.ts
index 221563ef7..0861be018 100644
--- a/packages/svelte/src/lib/store/edge-tree.ts
+++ b/packages/svelte/src/lib/store/edge-tree.ts
@@ -9,18 +9,18 @@ export function getEdgeTree(store: SvelteFlowStoreState) {
     [
       store.edges,
       store.nodes,
-      store.nodesLookup,
+      store.nodeLookup,
       store.onlyRenderVisibleElements,
       store.viewport,
       store.width,
       store.height
     ],
-    ([edges, , nodesLookup, onlyRenderVisibleElements, viewport, width, height]) => {
+    ([edges, , nodeLookup, onlyRenderVisibleElements, viewport, width, height]) => {
       const visibleEdges =
         onlyRenderVisibleElements && width && height
           ? edges.filter((edge) => {
-              const sourceNode = nodesLookup.get(edge.source);
-              const targetNode = nodesLookup.get(edge.target);
+              const sourceNode = nodeLookup.get(edge.source);
+              const targetNode = nodeLookup.get(edge.target);
 
               return (
                 sourceNode &&
@@ -41,11 +41,11 @@ export function getEdgeTree(store: SvelteFlowStoreState) {
   );
 
   return derived(
-    [visibleEdges, store.nodes, store.nodesLookup, store.connectionMode, store.onError],
-    ([visibleEdges, , nodesLookup, connectionMode, onError]) => {
+    [visibleEdges, store.nodes, store.nodeLookup, store.connectionMode, store.onError],
+    ([visibleEdges, , nodeLookup, connectionMode, onError]) => {
       const layoutedEdges = visibleEdges.reduce<EdgeLayouted[]>((res, edge) => {
-        const sourceNode = nodesLookup.get(edge.source);
-        const targetNode = nodesLookup.get(edge.target);
+        const sourceNode = nodeLookup.get(edge.source);
+        const targetNode = nodeLookup.get(edge.target);
 
         if (!sourceNode || !targetNode) {
           return res;
@@ -71,7 +71,7 @@ export function getEdgeTree(store: SvelteFlowStoreState) {
         return res;
       }, []);
 
-      const groupedEdges = groupEdgesByZLevel<EdgeLayouted>(layoutedEdges, nodesLookup, false);
+      const groupedEdges = groupEdgesByZLevel<EdgeLayouted>(layoutedEdges, nodeLookup, false);
 
       return groupedEdges;
     }
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index c91408056..27a6aee01 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -90,7 +90,7 @@ export function createStore({
     const nextNodes = updateNodeDimensionsSystem(
       updates,
       get(store.nodes),
-      get(store.nodesLookup),
+      get(store.nodeLookup),
       get(store.domNode),
       get(store.nodeOrigin)
     );
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 7cabef6e2..4bb3d7af8 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -59,8 +59,8 @@ export const getInitialStore = ({
   height?: number;
   fitView?: boolean;
 }) => {
-  const nodesLookup = new Map<string, Node>();
-  const nextNodes = updateNodes(nodes, nodesLookup, {
+  const nodeLookup = new Map<string, Node>();
+  const nextNodes = updateNodes(nodes, nodeLookup, {
     nodeOrigin: [0, 0],
     elevateNodesOnSelect: false
   });
@@ -79,8 +79,8 @@ export const getInitialStore = ({
 
   return {
     flowId: writable<string | null>(null),
-    nodes: createNodesStore(nextNodes, nodesLookup),
-    nodesLookup: readable<Map<string, Node>>(nodesLookup),
+    nodes: createNodesStore(nextNodes, nodeLookup),
+    nodeLookup: readable<Map<string, Node>>(nodeLookup),
     visibleNodes: readable<Node[]>([]),
     edges: createEdgesStore(edges),
     edgeTree: readable<GroupedEdges<EdgeLayouted>[]>([]),
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index 82f8afc6e..67c6d2887 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -112,7 +112,7 @@ export type NodeStoreOptions = {
 // The user only passes in relative positions, so we need to calculate the absolute positions based on the parent nodes.
 export const createNodesStore = (
   nodes: Node[],
-  nodesLookup: Map<string, Node>
+  nodeLookup: Map<string, Node>
 ): {
   subscribe: (this: void, run: Subscriber<Node[]>) => Unsubscriber;
   update: (this: void, updater: Updater<Node[]>) => void;
@@ -126,7 +126,7 @@ export const createNodesStore = (
   let elevateNodesOnSelect = true;
 
   const _set = (nds: Node[]): Node[] => {
-    const nextNodes = updateNodes(nds, nodesLookup, {
+    const nextNodes = updateNodes(nds, nodeLookup, {
       elevateNodesOnSelect,
       defaults
     });
diff --git a/packages/system/src/utils/dom.ts b/packages/system/src/utils/dom.ts
index 4aa51174d..74bb14aa8 100644
--- a/packages/system/src/utils/dom.ts
+++ b/packages/system/src/utils/dom.ts
@@ -13,7 +13,6 @@ export function getPointerPosition(
 ): XYPosition & { xSnapped: number; ySnapped: number } {
   const { x, y } = getEventPosition(event);
   const pointerPos = pointToRendererPoint({ x, y }, transform);
-
   const { x: xSnapped, y: ySnapped } = snapToGrid ? snapPosition(pointerPos, snapGrid) : pointerPos;
 
   // we need the snapped position in order to be able to skip unnecessary drag events
@@ -58,6 +57,9 @@ export const getEventPosition = (event: MouseEvent | TouchEvent, bounds?: DOMRec
   };
 };
 
+// The handle bounds are calculated relative to the node element.
+// We store them in the internals object of the node in order to avoid
+// unnecessary recalculations.
 export const getHandleBounds = (
   selector: string,
   nodeElement: HTMLDivElement,
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index 5d4c31510..bdffbbd82 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -33,7 +33,7 @@ export type GroupedEdges<EdgeType extends EdgeBase> = {
 
 export function groupEdgesByZLevel<EdgeType extends EdgeBase>(
   edges: EdgeType[],
-  nodesLookup: Map<string, NodeBase>,
+  nodeLookup: Map<string, NodeBase>,
   elevateEdgesOnSelect = false
 ): GroupedEdges<EdgeType>[] {
   let maxLevel = -1;
@@ -43,8 +43,8 @@ export function groupEdgesByZLevel<EdgeType extends EdgeBase>(
     let z = hasZIndex ? edge.zIndex! : 0;
 
     if (elevateEdgesOnSelect) {
-      const targetNode = nodesLookup.get(edge.target);
-      const sourceNode = nodesLookup.get(edge.source);
+      const targetNode = nodeLookup.get(edge.target);
+      const sourceNode = nodeLookup.get(edge.source);
       const edgeOrConnectedNodeSelected = edge.selected || targetNode?.selected || sourceNode?.selected;
       const selectedZIndex = Math.max(
         sourceNode?.[internalsSymbol]?.z || 0,
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index ff168d434..9ed4f8718 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -18,21 +18,21 @@ type ParentNodes = Record<string, boolean>;
 
 export function updateAbsolutePositions<NodeType extends NodeBase>(
   nodes: NodeType[],
-  nodesLookup: Map<string, NodeType>,
+  nodeLookup: Map<string, NodeType>,
   nodeOrigin: NodeOrigin = [0, 0],
   parentNodes?: ParentNodes
 ) {
   return nodes.map((node) => {
-    if (node.parentNode && !nodesLookup.has(node.parentNode)) {
+    if (node.parentNode && !nodeLookup.has(node.parentNode)) {
       throw new Error(`Parent node ${node.parentNode} not found`);
     }
 
     if (node.parentNode || parentNodes?.[node.id]) {
-      const parentNode = node.parentNode ? nodesLookup.get(node.parentNode) : null;
+      const parentNode = node.parentNode ? nodeLookup.get(node.parentNode) : null;
       const { x, y, z } = calculateXYZPosition(
         node,
         nodes,
-        nodesLookup,
+        nodeLookup,
         {
           ...node.position,
           z: node[internalsSymbol]?.z ?? 0,
@@ -64,7 +64,7 @@ type UpdateNodesOptions<NodeType extends NodeBase> = {
 
 export function updateNodes<NodeType extends NodeBase>(
   nodes: NodeType[],
-  nodesLookup: Map<string, NodeType>,
+  nodeLookup: Map<string, NodeType>,
   options: UpdateNodesOptions<NodeType> = {
     nodeOrigin: [0, 0] as NodeOrigin,
     elevateNodesOnSelect: true,
@@ -75,7 +75,7 @@ export function updateNodes<NodeType extends NodeBase>(
   const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
 
   const nextNodes = nodes.map((n) => {
-    const currentStoreNode = nodesLookup.get(n.id);
+    const currentStoreNode = nodeLookup.get(n.id);
     const node: NodeType = {
       ...options.defaults,
       ...n,
@@ -98,12 +98,12 @@ export function updateNodes<NodeType extends NodeBase>(
       },
     });
 
-    nodesLookup.set(node.id, node);
+    nodeLookup.set(node.id, node);
 
     return node;
   });
 
-  const nodesWithPositions = updateAbsolutePositions(nextNodes, nodesLookup, options.nodeOrigin, parentNodes);
+  const nodesWithPositions = updateAbsolutePositions(nextNodes, nodeLookup, options.nodeOrigin, parentNodes);
 
   return nodesWithPositions;
 }
@@ -111,7 +111,7 @@ export function updateNodes<NodeType extends NodeBase>(
 function calculateXYZPosition<NodeType extends NodeBase>(
   node: NodeType,
   nodes: NodeType[],
-  nodesLookup: Map<string, NodeType>,
+  nodeLookup: Map<string, NodeType>,
   result: XYZPosition,
   nodeOrigin: NodeOrigin
 ): XYZPosition {
@@ -119,13 +119,13 @@ function calculateXYZPosition<NodeType extends NodeBase>(
     return result;
   }
 
-  const parentNode = nodesLookup.get(node.parentNode)!;
+  const parentNode = nodeLookup.get(node.parentNode)!;
   const parentNodePosition = getNodePositionWithOrigin(parentNode, parentNode?.origin || nodeOrigin);
 
   return calculateXYZPosition(
     parentNode,
     nodes,
-    nodesLookup,
+    nodeLookup,
     {
       x: (result.x ?? 0) + parentNodePosition.x,
       y: (result.y ?? 0) + parentNodePosition.y,
@@ -138,7 +138,7 @@ function calculateXYZPosition<NodeType extends NodeBase>(
 export function updateNodeDimensions(
   updates: Map<string, NodeDimensionUpdate>,
   nodes: NodeBase[],
-  nodesLookup: Map<string, NodeBase>,
+  nodeLookup: Map<string, NodeBase>,
   domNode: HTMLElement | null,
   nodeOrigin?: NodeOrigin,
   onUpdate?: (id: string, dimensions: Dimensions) => void
@@ -178,7 +178,7 @@ export function updateNodeDimensions(
           },
         };
 
-        nodesLookup.set(node.id, newNode);
+        nodeLookup.set(node.id, newNode);
 
         return newNode;
       }
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 66637c70c..69d50b41f 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -33,7 +33,7 @@ export type OnDrag = (event: MouseEvent, dragItems: NodeDragItem[], node: NodeBa
 
 type StoreItems = {
   nodes: NodeBase[];
-  nodesLookup: Map<string, NodeBase>;
+  nodeLookup: Map<string, NodeBase>;
   edges: EdgeBase[];
   nodeExtent: CoordinateExtent;
   snapGrid: SnapGrid;
@@ -104,7 +104,7 @@ export function XYDrag({
     function updateNodes({ x, y }: XYPosition) {
       const {
         nodes,
-        nodesLookup,
+        nodeLookup,
         nodeExtent,
         snapGrid,
         snapToGrid,
@@ -169,7 +169,7 @@ export function XYDrag({
         const [currentNode, currentNodes] = getEventHandlerParams({
           nodeId,
           dragItems,
-          nodesLookup,
+          nodeLookup,
         });
         onDrag?.(dragEvent as MouseEvent, dragItems, currentNode, currentNodes);
         onNodeOrSelectionDrag?.(dragEvent as MouseEvent, currentNode, currentNodes);
@@ -199,7 +199,7 @@ export function XYDrag({
     function startDrag(event: UseDragEvent) {
       const {
         nodes,
-        nodesLookup,
+        nodeLookup,
         multiSelectionActive,
         nodesDraggable,
         transform,
@@ -214,7 +214,7 @@ export function XYDrag({
       dragStarted = true;
 
       if ((!selectNodesOnDrag || !isSelectable) && !multiSelectionActive && nodeId) {
-        if (!nodes.find((n) => n.id === nodeId)?.selected) {
+        if (!nodeLookup.get(nodeId)?.selected) {
           // we need to reset selected nodes when selectNodesOnDrag=false
           unselectNodesAndEdges();
         }
@@ -234,7 +234,7 @@ export function XYDrag({
         const [currentNode, currentNodes] = getEventHandlerParams({
           nodeId,
           dragItems,
-          nodesLookup,
+          nodeLookup,
         });
         onDragStart?.(event.sourceEvent as MouseEvent, dragItems, currentNode, currentNodes);
         onNodeOrSelectionDragStart?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
@@ -291,7 +291,7 @@ export function XYDrag({
         cancelAnimationFrame(autoPanId);
 
         if (dragItems) {
-          const { nodesLookup, updateNodePositions, onNodeDragStop, onSelectionDragStop } = getStoreItems();
+          const { nodeLookup, updateNodePositions, onNodeDragStop, onSelectionDragStop } = getStoreItems();
           const onNodeOrSelectionDragStop = nodeId ? onNodeDragStop : wrapSelectionDragFunc(onSelectionDragStop);
 
           updateNodePositions(dragItems, false, false);
@@ -300,7 +300,7 @@ export function XYDrag({
             const [currentNode, currentNodes] = getEventHandlerParams({
               nodeId,
               dragItems,
-              nodesLookup,
+              nodeLookup,
             });
             onDragStop?.(event.sourceEvent as MouseEvent, dragItems, currentNode, currentNodes);
             onNodeOrSelectionDragStop?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
diff --git a/packages/system/src/xydrag/utils.ts b/packages/system/src/xydrag/utils.ts
index d8bfdb59c..274c2213c 100644
--- a/packages/system/src/xydrag/utils.ts
+++ b/packages/system/src/xydrag/utils.ts
@@ -75,14 +75,14 @@ export function getDragItems<NodeType extends NodeBase>(
 export function getEventHandlerParams<NodeType extends NodeBase>({
   nodeId,
   dragItems,
-  nodesLookup,
+  nodeLookup,
 }: {
   nodeId?: string;
   dragItems: NodeDragItem[];
-  nodesLookup: Map<string, NodeType>;
+  nodeLookup: Map<string, NodeType>;
 }): [NodeType, NodeType[]] {
   const extentedDragItems: NodeType[] = dragItems.map((n) => {
-    const node = nodesLookup.get(n.id)!;
+    const node = nodeLookup.get(n.id)!;
 
     return {
       ...node,

From 62cea44ea7aee25ad6ec3ccba3edeefecf8847b7 Mon Sep 17 00:00:00 2001
From: Miri Dagan <miri.dagan@altair-semi.com>
Date: Wed, 15 Nov 2023 14:26:58 +0200
Subject: [PATCH 0343/1093] fix: Minimap panning fix. issue #3625

---
 packages/system/src/xyminimap/index.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/system/src/xyminimap/index.ts b/packages/system/src/xyminimap/index.ts
index 885679b80..7681253f9 100644
--- a/packages/system/src/xyminimap/index.ts
+++ b/packages/system/src/xyminimap/index.ts
@@ -61,8 +61,7 @@ export function XYMinimap({ domNode, panZoom, getTransform, getViewScale }: XYMi
         return;
       }
 
-      // @TODO: how to calculate the correct next position? Math.max(1, transform[2]) is a workaround.
-      const moveScale = getViewScale() * Math.max(1, transform[2]) * (inversePan ? -1 : 1);
+      const moveScale = getViewScale() * Math.max(transform[2], Math.log(transform[2])) * (inversePan ? -1 : 1);
       const position = {
         x: transform[0] - event.sourceEvent.movementX * moveScale,
         y: transform[1] - event.sourceEvent.movementY * moveScale,

From 14caf422c30adeab3953b52ddf9dd38e7b5fbb99 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Wed, 15 Nov 2023 19:06:49 +0100
Subject: [PATCH 0344/1093] refactor(svelte): add zoomActivationKey and allow
 null for keys #3618 (#3627)

* refactor(keys): add zoomActivationKey and allow null #3618
---
 package.json                                  |   4 +-
 .../components/KeyHandler/KeyHandler.svelte   | 113 ++++++++++++------
 .../src/lib/components/KeyHandler/types.ts    |   9 +-
 .../container/SvelteFlow/SvelteFlow.svelte    |  10 +-
 .../src/lib/container/SvelteFlow/types.ts     |   8 +-
 .../svelte/src/lib/container/Zoom/Zoom.svelte |   5 +-
 .../svelte/src/lib/store/initial-store.ts     |   1 +
 pnpm-lock.yaml                                |   8 +-
 8 files changed, 103 insertions(+), 55 deletions(-)

diff --git a/package.json b/package.json
index 274670c23..d87e44037 100644
--- a/package.json
+++ b/package.json
@@ -8,8 +8,8 @@
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "dev": "turbo run dev --parallel --concurrency 12",
-    "dev:svelte": "turbo run dev --filter=svelte --filter=system",
-    "dev:react": "turbo run dev --filter=react-examples ",
+    "dev:svelte": "turbo run dev --filter=svelte-examples...",
+    "dev:react": "turbo run dev --filter=react-examples...",
     "test:svelte": "pnpm --filter=playwright run test:svelte",
     "test:svelte:ui": "pnpm --filter=playwright run test:svelte:ui",
     "test:react": "pnpm --filter=playwright run test:react",
diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index 77195ea2d..f059ff8ed 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { shortcut } from '@svelte-put/shortcut';
+  import { shortcut, type ShortcutModifierDefinition } from '@svelte-put/shortcut';
 
   import { useStore } from '$lib/store';
   import type { KeyHandlerProps } from './types';
@@ -12,40 +12,84 @@
   export let multiSelectionKey: $$Props['multiSelectionKey'] = isMacOs() ? 'Meta' : 'Control';
   export let deleteKey: $$Props['deleteKey'] = 'Backspace';
   export let panActivationKey: $$Props['panActivationKey'] = ' ';
+  export let zoomActivationKey: $$Props['zoomActivationKey'] = isMacOs() ? 'Meta' : 'Control';
 
   const {
     selectionKeyPressed,
     multiselectionKeyPressed,
     deleteKeyPressed,
-    panActivationKeyPressed
+    panActivationKeyPressed,
+    zoomActivationKeyPressed
   } = useStore();
 
-  function isKeyObject(key?: KeyDefinition): key is KeyDefinitionObject {
+  function isKeyObject(key?: KeyDefinition | null): key is KeyDefinitionObject {
     return typeof key === 'object';
   }
 
-  $: selectionKeyString = typeof selectionKey === 'string' ? selectionKey : selectionKey!.key;
-  $: selectionKeyModifier = isKeyObject(selectionKey) ? selectionKey?.modifier : [];
+  function getModifier(key?: KeyDefinition | null): ShortcutModifierDefinition {
+    return isKeyObject(key) ? key.modifier || [] : [];
+  }
+
+  function getKeyString(key?: KeyDefinition | null): string {
+    if (key === null || key === undefined) {
+      // this is a workaround to check if a key is set
+      // if not we won't call the callback
+      return '';
+    }
+
+    return isKeyObject(key) ? key.key : key;
+  }
+
+  $: selectionKeyDefinition = {
+    key: getKeyString(selectionKey),
+    modifier: getModifier(selectionKey)
+  };
 
-  $: multiSelectionKeyString =
-    typeof multiSelectionKey === 'string' ? multiSelectionKey : multiSelectionKey!.key;
-  $: multiSelectionKeyModifier = isKeyObject(multiSelectionKey) ? multiSelectionKey?.modifier : [];
+  $: multiSelectionKeyDefinition = {
+    key: getKeyString(multiSelectionKey),
+    modifier: getModifier(multiSelectionKey)
+  };
 
-  $: deleteKeyString = typeof deleteKey === 'string' ? deleteKey : deleteKey!.key;
-  $: deleteKeyModifier = isKeyObject(deleteKey) ? deleteKey?.modifier : [];
+  $: deleteKeyDefinition = {
+    key: getKeyString(deleteKey),
+    modifier: getModifier(deleteKey)
+  };
 
-  $: panActivationKeyString =
-    typeof panActivationKey === 'string' ? panActivationKey : panActivationKey!.key;
-  $: panActivationKeyModifier = isKeyObject(panActivationKey) ? panActivationKey?.modifier : [];
+  $: panActivationKeyDefinition = {
+    key: getKeyString(panActivationKey),
+    modifier: getModifier(panActivationKey)
+  };
+
+  $: zoomActivationKeyDefinition = {
+    key: getKeyString(zoomActivationKey),
+    modifier: getModifier(zoomActivationKey)
+  };
 </script>
 
 <svelte:window
   use:shortcut={{
     trigger: [
       {
-        key: selectionKeyString,
-        modifier: selectionKeyModifier,
-        callback: () => selectionKeyPressed.set(true)
+        ...selectionKeyDefinition,
+        callback: () => selectionKeyDefinition.key && selectionKeyPressed.set(true)
+      }
+    ],
+    type: 'keydown'
+  }}
+  use:shortcut={{
+    trigger: [
+      {
+        ...selectionKeyDefinition,
+        callback: () => selectionKeyDefinition.key && selectionKeyPressed.set(false)
+      }
+    ],
+    type: 'keyup'
+  }}
+  use:shortcut={{
+    trigger: [
+      {
+        ...multiSelectionKeyDefinition,
+        callback: () => multiSelectionKeyDefinition.key && multiselectionKeyPressed.set(true)
       }
     ],
     type: 'keydown'
@@ -53,9 +97,8 @@
   use:shortcut={{
     trigger: [
       {
-        key: selectionKeyString,
-        modifier: selectionKeyModifier,
-        callback: () => selectionKeyPressed.set(false)
+        ...multiSelectionKeyDefinition,
+        callback: () => multiSelectionKeyDefinition.key && multiselectionKeyPressed.set(false)
       }
     ],
     type: 'keyup'
@@ -63,9 +106,8 @@
   use:shortcut={{
     trigger: [
       {
-        key: multiSelectionKeyString,
-        modifier: multiSelectionKeyModifier,
-        callback: () => multiselectionKeyPressed.set(true)
+        ...deleteKeyDefinition,
+        callback: () => deleteKeyDefinition.key && deleteKeyPressed.set(true)
       }
     ],
     type: 'keydown'
@@ -73,9 +115,8 @@
   use:shortcut={{
     trigger: [
       {
-        key: multiSelectionKeyString,
-        modifier: multiSelectionKeyModifier,
-        callback: () => multiselectionKeyPressed.set(false)
+        ...deleteKeyDefinition,
+        callback: () => deleteKeyDefinition.key && deleteKeyPressed.set(false)
       }
     ],
     type: 'keyup'
@@ -83,11 +124,8 @@
   use:shortcut={{
     trigger: [
       {
-        key: deleteKeyString,
-        modifier: deleteKeyModifier,
-        callback: () => {
-          deleteKeyPressed.set(true);
-        }
+        ...panActivationKeyDefinition,
+        callback: () => panActivationKeyDefinition.key && panActivationKeyPressed.set(true)
       }
     ],
     type: 'keydown'
@@ -95,9 +133,8 @@
   use:shortcut={{
     trigger: [
       {
-        key: deleteKeyString,
-        modifier: deleteKeyModifier,
-        callback: () => deleteKeyPressed.set(false)
+        ...panActivationKeyDefinition,
+        callback: () => panActivationKeyDefinition.key && panActivationKeyPressed.set(false)
       }
     ],
     type: 'keyup'
@@ -105,9 +142,8 @@
   use:shortcut={{
     trigger: [
       {
-        key: panActivationKeyString,
-        modifier: panActivationKeyModifier,
-        callback: () => panActivationKeyPressed.set(true)
+        ...zoomActivationKeyDefinition,
+        callback: () => zoomActivationKeyDefinition.key && zoomActivationKeyPressed.set(true)
       }
     ],
     type: 'keydown'
@@ -115,9 +151,8 @@
   use:shortcut={{
     trigger: [
       {
-        key: panActivationKeyString,
-        modifier: panActivationKeyModifier,
-        callback: () => panActivationKeyPressed.set(false)
+        ...zoomActivationKeyDefinition,
+        callback: () => zoomActivationKeyDefinition.key && zoomActivationKeyPressed.set(false)
       }
     ],
     type: 'keyup'
diff --git a/packages/svelte/src/lib/components/KeyHandler/types.ts b/packages/svelte/src/lib/components/KeyHandler/types.ts
index de81d1c36..9a6ebe866 100644
--- a/packages/svelte/src/lib/components/KeyHandler/types.ts
+++ b/packages/svelte/src/lib/components/KeyHandler/types.ts
@@ -1,8 +1,9 @@
 import type { KeyDefinition } from '$lib/types';
 
 export type KeyHandlerProps = {
-  selectionKey?: KeyDefinition;
-  multiSelectionKey?: KeyDefinition;
-  deleteKey?: KeyDefinition;
-  panActivationKey?: KeyDefinition;
+  selectionKey?: KeyDefinition | null;
+  multiSelectionKey?: KeyDefinition | null;
+  deleteKey?: KeyDefinition | null;
+  panActivationKey?: KeyDefinition | null;
+  zoomActivationKey?: KeyDefinition | null;
 };
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 0c74b4e0b..c648d07b6 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -34,6 +34,8 @@
   export let selectionKey: $$Props['selectionKey'] = undefined;
   export let selectionMode: $$Props['selectionMode'] = undefined;
   export let panActivationKey: $$Props['panActivationKey'] = undefined;
+  export let multiSelectionKey: $$Props['multiSelectionKey'] = undefined;
+  export let zoomActivationKey: $$Props['zoomActivationKey'] = undefined;
   export let nodesDraggable: $$Props['nodesDraggable'] = undefined;
   export let nodesConnectable: $$Props['nodesConnectable'] = undefined;
   export let nodeDragThreshold: $$Props['nodeDragThreshold'] = undefined;
@@ -166,7 +168,13 @@
   {...$$restProps}
   role="application"
 >
-  <KeyHandler {selectionKey} {deleteKey} {panActivationKey} />
+  <KeyHandler
+    {selectionKey}
+    {deleteKey}
+    {panActivationKey}
+    {multiSelectionKey}
+    {zoomActivationKey}
+  />
   <Zoom
     {initialViewport}
     {onMoveStart}
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 4b7d3e8d0..b239094a0 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -34,9 +34,11 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   edges: Writable<Edge[]>;
   nodeTypes?: NodeTypes;
   edgeTypes?: EdgeTypes;
-  selectionKey?: KeyDefinition;
-  panActivationKey?: KeyDefinition;
-  deleteKey?: KeyDefinition;
+  selectionKey?: KeyDefinition | null;
+  panActivationKey?: KeyDefinition | null;
+  deleteKey?: KeyDefinition | null;
+  multiSelectionKey?: KeyDefinition | null;
+  zoomActivationKey?: KeyDefinition | null;
   fitView?: boolean;
   fitViewOptions?: FitViewOptions;
   nodeOrigin?: NodeOrigin;
diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index 116586ad9..a00199a12 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -28,7 +28,8 @@
     dragging,
     translateExtent,
     lib,
-    panActivationKeyPressed
+    panActivationKeyPressed,
+    zoomActivationKeyPressed
   } = useStore();
 
   $: viewPort = initialViewport || { x: 0, y: 0, zoom: 1 };
@@ -55,7 +56,7 @@
     panOnDrag: _panOnDrag,
     panOnScrollSpeed: 0.5,
     panOnScrollMode: panOnScrollMode || PanOnScrollMode.Free,
-    zoomActivationKeyPressed: false,
+    zoomActivationKeyPressed: $zoomActivationKeyPressed,
     preventScrolling: typeof preventScrolling === 'boolean' ? preventScrolling : true,
     noPanClassName: 'nopan',
     noWheelClassName: 'nowheel',
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 4bb3d7af8..2e40a7196 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -105,6 +105,7 @@ export const getInitialStore = ({
     multiselectionKeyPressed: writable<boolean>(false),
     deleteKeyPressed: writable<boolean>(false),
     panActivationKeyPressed: writable<boolean>(false),
+    zoomActivationKeyPressed: writable<boolean>(false),
     selectionRectMode: writable<string | null>(null),
     selectionMode: writable<SelectionMode>(SelectionMode.Partial),
     nodeTypes: writable<NodeTypes>(initialNodeTypes),
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b646fa445..05a5637d1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -3523,7 +3523,6 @@ packages:
     version: 8.11.2
     engines: {node: '>=0.4.0'}
     hasBin: true
-    dev: true
 
   registry.npmjs.org/aggregate-error@3.1.0:
     resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz}
@@ -4395,7 +4394,7 @@ packages:
     dependencies:
       '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
       '@types/estree': registry.npmjs.org/@types/estree@1.0.3
-      acorn: registry.npmjs.org/acorn@8.10.0
+      acorn: registry.npmjs.org/acorn@8.11.2
       estree-walker: registry.npmjs.org/estree-walker@3.0.3
       periscopic: registry.npmjs.org/periscopic@3.1.0
 
@@ -6029,6 +6028,7 @@ packages:
       glob-parent: registry.npmjs.org/glob-parent@5.1.2
       merge2: registry.npmjs.org/merge2@1.4.1
       micromatch: registry.npmjs.org/micromatch@4.0.5
+    dev: false
 
   registry.npmjs.org/fast-glob@3.3.2:
     resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz}
@@ -10957,7 +10957,7 @@ packages:
     dependencies:
       '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
       chokidar: registry.npmjs.org/chokidar@3.5.3
-      fast-glob: registry.npmjs.org/fast-glob@3.3.1
+      fast-glob: registry.npmjs.org/fast-glob@3.3.2
       import-fresh: registry.npmjs.org/import-fresh@3.3.0
       picocolors: registry.npmjs.org/picocolors@1.0.0
       sade: registry.npmjs.org/sade@1.8.1
@@ -11230,7 +11230,7 @@ packages:
       '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping@2.2.1
       '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
       '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
-      acorn: registry.npmjs.org/acorn@8.10.0
+      acorn: registry.npmjs.org/acorn@8.11.2
       aria-query: registry.npmjs.org/aria-query@5.3.0
       axobject-query: registry.npmjs.org/axobject-query@3.2.1
       code-red: registry.npmjs.org/code-red@1.0.4

From 99c24f86c6162aa55577aa5081d1d9db29822f53 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 16 Nov 2023 11:18:11 +0100
Subject: [PATCH 0345/1093] fix(tests) adjusted FlowConfig type

---
 examples/react/src/app.d.ts                            | 10 +++++-----
 examples/react/src/generic-tests/Flow.tsx              |  4 ++--
 examples/svelte/src/app.d.ts                           | 10 +++++-----
 .../routes/tests/generic/[topic]/[example]/Flow.svelte |  4 ++--
 4 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/examples/react/src/app.d.ts b/examples/react/src/app.d.ts
index 3c2452313..372850d29 100644
--- a/examples/react/src/app.d.ts
+++ b/examples/react/src/app.d.ts
@@ -2,10 +2,10 @@ import { BackgroundProps, ControlProps, Edge, MiniMapProps, Node, PanelProps, Re
 
 declare global {
   interface FlowConfig {
-    flowProps: Omit<ReactFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
-    panelProps: PanelProps;
-    backgroundProps: BackgroundProps;
-    controlsProps: ControlProps;
-    minimapProps: MiniMapProps;
+    flowProps?: Omit<ReactFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
+    panelProps?: PanelProps;
+    backgroundProps?: BackgroundProps;
+    controlsProps?: ControlProps;
+    minimapProps?: MiniMapProps;
   }
 }
diff --git a/examples/react/src/generic-tests/Flow.tsx b/examples/react/src/generic-tests/Flow.tsx
index 97691bd34..a6db5f5db 100644
--- a/examples/react/src/generic-tests/Flow.tsx
+++ b/examples/react/src/generic-tests/Flow.tsx
@@ -18,8 +18,8 @@ type FlowProps = {
 };
 
 export default ({ flowConfig }: FlowProps) => {
-  const [nodes, setNodes] = useState(flowConfig.flowProps.nodes);
-  const [edges, setEdges] = useState(flowConfig.flowProps.edges);
+  const [nodes, setNodes] = useState(flowConfig.flowProps?.nodes);
+  const [edges, setEdges] = useState(flowConfig.flowProps?.edges);
   const props = { ...flowConfig.flowProps, nodes, edges };
 
   const onNodesChange: OnNodesChange = useCallback((changes) => setNodes((nds) => applyNodeChanges(changes, nds)), []);
diff --git a/examples/svelte/src/app.d.ts b/examples/svelte/src/app.d.ts
index 3e18db2a8..31fd2d84f 100644
--- a/examples/svelte/src/app.d.ts
+++ b/examples/svelte/src/app.d.ts
@@ -20,11 +20,11 @@ declare global {
 	}
 
 	interface FlowConfig {
-		flowProps: Omit<SvelteFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
-		panelProps: PanelProps;
-		backgroundProps: BackgroundProps;
-		controlsProps: ControlsProps;
-		minimapProps: MiniMapProps;
+		flowProps?: Omit<SvelteFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
+		panelProps?: PanelProps;
+		backgroundProps?: BackgroundProps;
+		controlsProps?: ControlsProps;
+		minimapProps?: MiniMapProps;
 	}
 }
 
diff --git a/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte b/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
index 279005a02..bb04fcb87 100644
--- a/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
+++ b/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
@@ -7,8 +7,8 @@
 	export let flowConfig: FlowConfig;
 
 	// Create writables here so it is easier to create test cases
-	const nodes = writable(flowConfig.flowProps.nodes);
-	const edges = writable(flowConfig.flowProps.edges);
+	const nodes = writable(flowConfig.flowProps?.nodes);
+	const edges = writable(flowConfig.flowProps?.edges);
 
 	const flowProps = { ...flowConfig.flowProps, nodes, edges };
 </script>

From b56f5ad9e14c65b543c6f49e98b03b22d55fa947 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 16 Nov 2023 11:55:59 +0100
Subject: [PATCH 0346/1093] chore(examples): cleanup

---
 examples/react/src/examples/DragNDrop/index.tsx       |  4 ++--
 .../src/routes/examples/add-node-on-drop/Flow.svelte  | 11 +++++------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/examples/react/src/examples/DragNDrop/index.tsx b/examples/react/src/examples/DragNDrop/index.tsx
index 83e39d88e..d11cd9023 100644
--- a/examples/react/src/examples/DragNDrop/index.tsx
+++ b/examples/react/src/examples/DragNDrop/index.tsx
@@ -49,7 +49,7 @@ const DnDFlow = () => {
 
     if (reactFlowInstance) {
       const type = event.dataTransfer.getData('application/reactflow');
-      const position = reactFlowInstance.screenToFlowCoordinate({
+      const position = reactFlowInstance.screenToFlowPosition({
         x: event.clientX,
         y: event.clientY,
       });
@@ -66,7 +66,7 @@ const DnDFlow = () => {
 
   return (
     <div className={styles.dndflow}>
-      <ReactFlowProvider nodes={initialNodes} edges={[]}>
+      <ReactFlowProvider initialNodes={initialNodes} initialEdges={[]}>
         <div className={styles.wrapper}>
           <ReactFlow
             nodes={nodes}
diff --git a/examples/svelte/src/routes/examples/add-node-on-drop/Flow.svelte b/examples/svelte/src/routes/examples/add-node-on-drop/Flow.svelte
index cd12c1a41..5556ca80c 100644
--- a/examples/svelte/src/routes/examples/add-node-on-drop/Flow.svelte
+++ b/examples/svelte/src/routes/examples/add-node-on-drop/Flow.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
-	import { SvelteFlow, useSvelteFlow } from '@xyflow/svelte';
-	import type { Edge, Node } from '@xyflow/svelte';
 	import { writable } from 'svelte/store';
+	import { SvelteFlow, useSvelteFlow, type Edge, type Node } from '@xyflow/svelte';
 
 	import '@xyflow/svelte/dist/style.css';
 
@@ -22,7 +21,7 @@
 	let id = 1;
 	const getId = () => `${id++}`;
 
-	const { screenToFlowCoordinate, flowToScreenCoordinate } = useSvelteFlow();
+	const { screenToFlowPosition, flowToScreenPosition } = useSvelteFlow();
 
 	function handleConnectEnd({ detail: { event } }: { detail: { event: MouseEvent | TouchEvent } }) {
 		// See of connection landed inside the flow pane
@@ -34,7 +33,7 @@
 				y: event.clientY
 			};
 
-			const doubleTransformedPosition = flowToScreenCoordinate(screenToFlowCoordinate(position));
+			const doubleTransformedPosition = flowToScreenPosition(screenToFlowPosition(position));
 			console.log(
 				'Is transforming in both directions (screen-flow, flow-screen) the same?',
 				position.x === doubleTransformedPosition.x && position.y === doubleTransformedPosition.y
@@ -43,8 +42,8 @@
 			const newNode: Node = {
 				id,
 				data: { label: `Node ${id}` },
-				// project the screen coordinates to pane coordinates
-				position: screenToFlowCoordinate(position),
+				// project the screen position to pane position
+				position: screenToFlowPosition(position),
 				// set the origin of the new node so it is centered
 				origin: [0.5, 0.0]
 			};

From c8881264382cf6c2729594688b01f25bc4562c8a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 16 Nov 2023 11:56:17 +0100
Subject: [PATCH 0347/1093] fix(svelte): use map for dimension updates

---
 .../components/NodeWrapper/NodeWrapper.svelte | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index e422b4440..296318366 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -87,13 +87,18 @@
 
     if (doUpdate) {
       requestAnimationFrame(() =>
-        updateNodeDimensions([
-          {
-            id,
-            nodeElement: nodeRef,
-            forceUpdate: true
-          }
-        ])
+        updateNodeDimensions(
+          new Map([
+            [
+              id,
+              {
+                id,
+                nodeElement: nodeRef,
+                forceUpdate: true
+              }
+            ]
+          ])
+        )
       );
     }
 
@@ -124,8 +129,6 @@
 
     dispatch('nodeclick', { node, event });
   }
-
-  // @todo: add selectable state
 </script>
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->

From aee289d2853c56e135bb76d58c08b9f233aa719f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 16 Nov 2023 11:56:48 +0100
Subject: [PATCH 0348/1093] fix(svelte): use correct nodes for node store sync

---
 packages/svelte/src/lib/store/utils.ts | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index 67c6d2887..a11bf1f69 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -18,8 +18,15 @@ export function syncNodeStores(
 ) {
   const nodesStoreSetter = nodesStore.set;
   const userNodesStoreSetter = userNodesStore.set;
-
-  let val = get(userNodesStore);
+  const currentNodesStore = get(nodesStore);
+  const currentUserNodesStore = get(userNodesStore);
+  // depending how the user initializes the nodes, we need to decide if we want to use
+  // the user nodes or the internal nodes for initialization. A user can use a SvelteFlowProvider
+  // without providing any nodes, in that case we want to use the nodes passed by the user.
+  // By default we are using the store nodes, because they already have the absolute positions.
+  const initWithUserNodes = currentNodesStore.length === 0 && currentUserNodesStore.length > 0;
+
+  let val = initWithUserNodes ? currentUserNodesStore : currentNodesStore;
   nodesStore.set(val);
 
   const _set = (nds: Node[]) => {

From 4849c90cbdfcaaef8b13b10bc12b6549e4604228 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 16 Nov 2023 13:23:55 +0100
Subject: [PATCH 0349/1093] refactor(system): getElementsToRemove returns
 unique edge items

---
 packages/system/src/utils/graph.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index b01d4c56b..43a80ef68 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -312,7 +312,13 @@ export function getElementsToRemove<NodeType extends NodeBase = NodeBase, EdgeTy
   const deletableEdges = edges.filter((e) => (typeof e.deletable === 'boolean' ? e.deletable : true));
   const initialHitEdges = deletableEdges.filter((e) => edgeIds.includes(e.id));
   const connectedEdges = getConnectedEdgesBase<NodeType, EdgeType>(matchingNodes, deletableEdges);
-  const matchingEdges = [...initialHitEdges, ...connectedEdges];
+  const matchingEdges = connectedEdges.reduce((res, edge) => {
+    if (!res.find((e) => e.id === edge.id)) {
+      res.push(edge);
+    }
+
+    return res;
+  }, initialHitEdges);
 
   return {
     matchingEdges,

From 05968c82a2a3818c98100b60712be7826de2f204 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 16 Nov 2023 13:24:32 +0100
Subject: [PATCH 0350/1093] feat(svelte): add ondelete handler #3618

---
 .../svelte/src/routes/examples/edges/+page.svelte   |  2 +-
 .../src/lib/container/SvelteFlow/SvelteFlow.svelte  |  6 ++++--
 .../svelte/src/lib/container/SvelteFlow/types.ts    |  6 ++++--
 .../svelte/src/lib/container/SvelteFlow/utils.ts    |  3 ++-
 packages/svelte/src/lib/store/edge-tree.ts          |  6 +++---
 packages/svelte/src/lib/store/index.ts              |  5 +++++
 packages/svelte/src/lib/store/initial-store.ts      | 13 +++++++++++--
 packages/svelte/src/lib/types/general.ts            |  3 +++
 8 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/examples/svelte/src/routes/examples/edges/+page.svelte b/examples/svelte/src/routes/examples/edges/+page.svelte
index 403b0ef62..fc1183333 100644
--- a/examples/svelte/src/routes/examples/edges/+page.svelte
+++ b/examples/svelte/src/routes/examples/edges/+page.svelte
@@ -145,7 +145,7 @@
 	]);
 </script>
 
-<SvelteFlow {nodes} {edges} fitView nodeDragThreshold={2}>
+<SvelteFlow {nodes} {edges} fitView nodeDragThreshold={2} ondelete={console.log}>
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />
 	<MiniMap />
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index c648d07b6..10c1751ea 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -63,7 +63,8 @@
   export let selectionOnDrag: $$Props['selectionOnDrag'] = undefined;
   export let autoPanOnConnect: $$Props['autoPanOnConnect'] = true;
   export let autoPanOnNodeDrag: $$Props['autoPanOnNodeDrag'] = true;
-  export let onError: $$Props['onError'] = undefined;
+  export let onerror: $$Props['onerror'] = undefined;
+  export let ondelete: $$Props['ondelete'] = undefined;
   export let attributionPosition: $$Props['attributionPosition'] = undefined;
   export let proOptions: $$Props['proOptions'] = undefined;
   export let defaultEdgeOptions: $$Props['defaultEdgeOptions'] = undefined;
@@ -139,7 +140,8 @@
       isValidConnection,
       autoPanOnConnect,
       autoPanOnNodeDrag,
-      onError,
+      onerror,
+      ondelete,
       connectionMode,
       nodeDragThreshold
     };
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index b239094a0..bf66a30b9 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -24,7 +24,8 @@ import type {
   KeyDefinition,
   EdgeTypes,
   DefaultEdgeOptions,
-  FitViewOptions
+  FitViewOptions,
+  OnDelete
 } from '$lib/types';
 import type { Writable } from 'svelte/store';
 
@@ -84,5 +85,6 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   onMoveStart?: OnMoveStart;
   onMove?: OnMove;
   onMoveEnd?: OnMoveEnd;
-  onError?: OnError;
+  onerror?: OnError;
+  ondelete?: OnDelete;
 };
diff --git a/packages/svelte/src/lib/container/SvelteFlow/utils.ts b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
index 0579eaa91..fe5a15aa9 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/utils.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
@@ -62,7 +62,8 @@ export type UpdatableStoreProps = {
   autoPanOnConnect?: UnwrapWritable<SvelteFlowStore['autoPanOnConnect']>;
   autoPanOnNodeDrag?: UnwrapWritable<SvelteFlowStore['autoPanOnNodeDrag']>;
   connectionMode?: UnwrapWritable<SvelteFlowStore['connectionMode']>;
-  onError?: UnwrapWritable<SvelteFlowStore['onError']>;
+  onerror?: UnwrapWritable<SvelteFlowStore['onerror']>;
+  ondelete?: UnwrapWritable<SvelteFlowStore['ondelete']>;
   nodeDragThreshold?: UnwrapWritable<SvelteFlowStore['nodeDragThreshold']>;
 };
 
diff --git a/packages/svelte/src/lib/store/edge-tree.ts b/packages/svelte/src/lib/store/edge-tree.ts
index 0861be018..cd5448abd 100644
--- a/packages/svelte/src/lib/store/edge-tree.ts
+++ b/packages/svelte/src/lib/store/edge-tree.ts
@@ -41,8 +41,8 @@ export function getEdgeTree(store: SvelteFlowStoreState) {
   );
 
   return derived(
-    [visibleEdges, store.nodes, store.nodeLookup, store.connectionMode, store.onError],
-    ([visibleEdges, , nodeLookup, connectionMode, onError]) => {
+    [visibleEdges, store.nodes, store.nodeLookup, store.connectionMode, store.onerror],
+    ([visibleEdges, , nodeLookup, connectionMode, onerror]) => {
       const layoutedEdges = visibleEdges.reduce<EdgeLayouted[]>((res, edge) => {
         const sourceNode = nodeLookup.get(edge.source);
         const targetNode = nodeLookup.get(edge.target);
@@ -58,7 +58,7 @@ export function getEdgeTree(store: SvelteFlowStoreState) {
           sourceHandle: edge.sourceHandle || null,
           targetHandle: edge.targetHandle || null,
           connectionMode,
-          onError
+          onError: onerror
         });
 
         if (edgePosition) {
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 27a6aee01..625191e0c 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -221,6 +221,11 @@ export function createStore({
         store.edges.update((eds) =>
           eds.filter((edge) => !matchingEdges.some((mE) => mE.id === edge.id))
         );
+
+        get(store.ondelete)?.({
+          nodes: matchingNodes,
+          edges: matchingEdges
+        });
       }
     }
   });
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 2e40a7196..d6b621d91 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -28,7 +28,15 @@ import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
 import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
 import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
 import StepEdge from '$lib/components/edges/StepEdge.svelte';
-import type { NodeTypes, EdgeTypes, EdgeLayouted, Node, Edge, FitViewOptions } from '$lib/types';
+import type {
+  NodeTypes,
+  EdgeTypes,
+  EdgeLayouted,
+  Node,
+  Edge,
+  FitViewOptions,
+  OnDelete
+} from '$lib/types';
 import { createNodesStore, createEdgesStore } from './utils';
 import { initConnectionProps, type ConnectionProps } from './derived-connection-props';
 
@@ -125,6 +133,7 @@ export const getInitialStore = ({
     defaultMarkerColor: writable<string>('#b1b1b7'),
     lib: readable<string>('svelte'),
     onlyRenderVisibleElements: writable<boolean>(false),
-    onError: writable<OnError>(devWarn)
+    onerror: writable<OnError>(devWarn),
+    ondelete: writable<OnDelete>(undefined)
   };
 };
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index d73f4a4eb..147643180 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -8,6 +8,7 @@ import type {
 } from '@xyflow/system';
 
 import type { Node } from './nodes';
+import type { Edge } from './edges';
 
 export type KeyModifier = ShortcutModifierDefinition;
 export type KeyDefinitionObject = { key: string; modifier?: KeyModifier };
@@ -32,3 +33,5 @@ export type HandleComponentProps = {
 };
 
 export type FitViewOptions = FitViewOptionsBase<Node>;
+
+export type OnDelete = (params: { nodes: Node[]; edges: Edge[] }) => void;

From b659443507bf6072cd87c184264dba5437d9de4a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 16 Nov 2023 13:32:22 +0100
Subject: [PATCH 0351/1093] feat(react): add onDelete handler

---
 examples/react/src/examples/Edges/index.tsx          | 1 +
 packages/react/src/components/StoreUpdater/index.tsx | 3 +++
 packages/react/src/container/ReactFlow/index.tsx     | 2 ++
 packages/react/src/hooks/useReactFlow.ts             | 3 +++
 packages/react/src/types/component-props.ts          | 2 ++
 packages/react/src/types/general.ts                  | 1 +
 packages/react/src/types/store.ts                    | 2 ++
 7 files changed, 14 insertions(+)

diff --git a/examples/react/src/examples/Edges/index.tsx b/examples/react/src/examples/Edges/index.tsx
index b5b84fc6e..d6870621c 100644
--- a/examples/react/src/examples/Edges/index.tsx
+++ b/examples/react/src/examples/Edges/index.tsx
@@ -196,6 +196,7 @@ const EdgesFlow = () => {
       onEdgeMouseEnter={onEdgeMouseEnter}
       onEdgeMouseMove={onEdgeMouseMove}
       onEdgeMouseLeave={onEdgeMouseLeave}
+      onDelete={console.log}
     >
       <MiniMap />
       <Controls />
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 05a8aa503..65f1bb3c8 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -43,6 +43,7 @@ type StoreUpdaterProps = Pick<
   | 'fitViewOptions'
   | 'onNodesDelete'
   | 'onEdgesDelete'
+  | 'onDelete'
   | 'onNodeDragStart'
   | 'onNodeDrag'
   | 'onNodeDragStop'
@@ -128,6 +129,7 @@ const StoreUpdater = ({
   fitViewOptions,
   onNodesDelete,
   onEdgesDelete,
+  onDelete,
   onNodeDrag,
   onNodeDragStart,
   onNodeDragStop,
@@ -192,6 +194,7 @@ const StoreUpdater = ({
   useDirectStoreUpdater('fitViewOnInitOptions', fitViewOptions, store.setState);
   useDirectStoreUpdater('onNodesDelete', onNodesDelete, store.setState);
   useDirectStoreUpdater('onEdgesDelete', onEdgesDelete, store.setState);
+  useDirectStoreUpdater('onDelete', onDelete, store.setState);
   useDirectStoreUpdater('onNodeDrag', onNodeDrag, store.setState);
   useDirectStoreUpdater('onNodeDragStart', onNodeDragStart, store.setState);
   useDirectStoreUpdater('onNodeDragStop', onNodeDragStop, store.setState);
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index f39650a49..d7995a53e 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -82,6 +82,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
       onNodeDragStop,
       onNodesDelete,
       onEdgesDelete,
+      onDelete,
       onSelectionChange,
       onSelectionDragStart,
       onSelectionDrag,
@@ -281,6 +282,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
             fitViewOptions={fitViewOptions}
             onNodesDelete={onNodesDelete}
             onEdgesDelete={onEdgesDelete}
+            onDelete={onDelete}
             onNodeDragStart={onNodeDragStart}
             onNodeDrag={onNodeDrag}
             onNodeDragStop={onNodeDragStop}
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index e72c3a4f7..257dd0f21 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -127,6 +127,7 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
       onEdgesDelete,
       onNodesChange,
       onEdgesChange,
+      onDelete,
     } = store.getState();
     const { matchingNodes, matchingEdges } = getElementsToRemove<Node, Edge>({
       nodesToRemove: nodesDeleted || [],
@@ -171,6 +172,8 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
           onNodesChange(nodeChanges);
         }
       }
+
+      onDelete?.({ nodes: matchingNodes, edges: matchingEdges });
     }
 
     return { deletedNodes: matchingNodes, deletedEdges: matchingEdges };
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index 2ce0fc706..583b3d86c 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -34,6 +34,7 @@ import type {
   FitViewOptions,
   OnNodesDelete,
   OnEdgesDelete,
+  OnDelete,
   OnNodesChange,
   OnEdgesChange,
   NodeDragHandler,
@@ -70,6 +71,7 @@ export type ReactFlowProps = Omit<HTMLAttributes<HTMLDivElement>, 'onError'> & {
   onEdgesChange?: OnEdgesChange;
   onNodesDelete?: OnNodesDelete;
   onEdgesDelete?: OnEdgesDelete;
+  onDelete?: OnDelete;
   onSelectionDragStart?: SelectionDragHandler;
   onSelectionDrag?: SelectionDragHandler;
   onSelectionDragStop?: SelectionDragHandler;
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 225e159ca..b2e7098a0 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -21,6 +21,7 @@ export type OnEdgesChange = (changes: EdgeChange[]) => void;
 
 export type OnNodesDelete = (nodes: Node[]) => void;
 export type OnEdgesDelete = (edges: Edge[]) => void;
+export type OnDelete = (params: { nodes: Node[]; edges: Edge[] }) => void;
 
 export type NodeTypes = { [key: string]: ComponentType<NodeProps> };
 export type NodeTypesWrapped = { [key: string]: MemoExoticComponent<ComponentType<WrapNodeProps>> };
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 02a7d1628..c473cbd56 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -38,6 +38,7 @@ import type {
   OnEdgesDelete,
   OnSelectionChangeFunc,
   UnselectNodesAndEdgesParams,
+  OnDelete,
 } from '.';
 
 export type ReactFlowStore = {
@@ -118,6 +119,7 @@ export type ReactFlowStore = {
 
   onNodesDelete?: OnNodesDelete;
   onEdgesDelete?: OnEdgesDelete;
+  onDelete?: OnDelete;
   onError?: OnError;
 
   // event handlers

From 08e61f31113b0f166af1fe760f37f27b64ee23a3 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 16 Nov 2023 15:41:30 +0100
Subject: [PATCH 0352/1093] refactor(edges): simplify edge rendering

---
 .../react/src/components/Edges/wrapEdge.tsx   | 163 +++++++++---------
 .../src/container/EdgeRenderer/index.tsx      | 134 +++++++-------
 packages/react/src/hooks/useVisibleEdges.ts   |  21 +--
 .../components/EdgeWrapper/EdgeWrapper.svelte |  79 +++++----
 .../EdgeRenderer/EdgeRenderer.svelte          |  96 +++++------
 packages/svelte/src/lib/store/index.ts        |   4 +-
 .../svelte/src/lib/store/initial-store.ts     |   2 +-
 .../store/{edge-tree.ts => visible-edges.ts}  |  21 ++-
 packages/svelte/src/lib/types/edges.ts        |   1 +
 packages/system/src/styles/init.css           |   5 -
 packages/system/src/styles/style.css          |   6 +
 packages/system/src/utils/edges/general.ts    |  65 ++-----
 12 files changed, 277 insertions(+), 320 deletions(-)
 rename packages/svelte/src/lib/store/{edge-tree.ts => visible-edges.ts} (78%)

diff --git a/packages/react/src/components/Edges/wrapEdge.tsx b/packages/react/src/components/Edges/wrapEdge.tsx
index b0a876b06..afdeead55 100644
--- a/packages/react/src/components/Edges/wrapEdge.tsx
+++ b/packages/react/src/components/Edges/wrapEdge.tsx
@@ -26,6 +26,7 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
     labelBgPadding,
     labelBgBorderRadius,
     style,
+    zIndex,
     source,
     target,
     isSelectable,
@@ -201,86 +202,88 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
     };
 
     return (
-      <g
-        className={cc([
-          'react-flow__edge',
-          `react-flow__edge-${type}`,
-          className,
-          { selected, animated, inactive, updating: updateHover },
-        ])}
-        onClick={onEdgeClick}
-        onDoubleClick={onEdgeDoubleClickHandler}
-        onContextMenu={onEdgeContextMenu}
-        onMouseEnter={onEdgeMouseEnter}
-        onMouseMove={onEdgeMouseMove}
-        onMouseLeave={onEdgeMouseLeave}
-        onKeyDown={isFocusable ? onKeyDown : undefined}
-        tabIndex={isFocusable ? 0 : undefined}
-        role={isFocusable ? 'button' : 'img'}
-        data-id={id}
-        data-testid={`rf__edge-${id}`}
-        aria-label={ariaLabel === null ? undefined : ariaLabel ? ariaLabel : `Edge from ${source} to ${target}`}
-        aria-describedby={isFocusable ? `${ARIA_EDGE_DESC_KEY}-${rfId}` : undefined}
-        ref={edgeRef}
-      >
-        {!updating && (
-          <EdgeComponent
-            id={id}
-            source={source}
-            target={target}
-            selected={selected}
-            animated={animated}
-            label={label}
-            labelStyle={labelStyle}
-            labelShowBg={labelShowBg}
-            labelBgStyle={labelBgStyle}
-            labelBgPadding={labelBgPadding}
-            labelBgBorderRadius={labelBgBorderRadius}
-            data={data}
-            style={style}
-            sourceX={edgePosition.sourceX}
-            sourceY={edgePosition.sourceY}
-            targetX={edgePosition.targetX}
-            targetY={edgePosition.targetY}
-            sourcePosition={edgePosition.sourcePosition}
-            targetPosition={edgePosition.targetPosition}
-            sourceHandleId={sourceHandleId}
-            targetHandleId={targetHandleId}
-            markerStart={markerStartUrl}
-            markerEnd={markerEndUrl}
-            pathOptions={pathOptions}
-            interactionWidth={interactionWidth}
-          />
-        )}
-        {isUpdatable && (
-          <>
-            {(isUpdatable === 'source' || isUpdatable === true) && (
-              <EdgeAnchor
-                position={edgePosition.sourcePosition}
-                centerX={edgePosition.sourceX}
-                centerY={edgePosition.sourceY}
-                radius={edgeUpdaterRadius}
-                onMouseDown={onEdgeUpdaterSourceMouseDown}
-                onMouseEnter={onEdgeUpdaterMouseEnter}
-                onMouseOut={onEdgeUpdaterMouseOut}
-                type="source"
-              />
-            )}
-            {(isUpdatable === 'target' || isUpdatable === true) && (
-              <EdgeAnchor
-                position={edgePosition.targetPosition}
-                centerX={edgePosition.targetX}
-                centerY={edgePosition.targetY}
-                radius={edgeUpdaterRadius}
-                onMouseDown={onEdgeUpdaterTargetMouseDown}
-                onMouseEnter={onEdgeUpdaterMouseEnter}
-                onMouseOut={onEdgeUpdaterMouseOut}
-                type="target"
-              />
-            )}
-          </>
-        )}
-      </g>
+      <svg className="react-flow__edgewrapper" style={{ zIndex }}>
+        <g
+          className={cc([
+            'react-flow__edge',
+            `react-flow__edge-${type}`,
+            className,
+            { selected, animated, inactive, updating: updateHover },
+          ])}
+          onClick={onEdgeClick}
+          onDoubleClick={onEdgeDoubleClickHandler}
+          onContextMenu={onEdgeContextMenu}
+          onMouseEnter={onEdgeMouseEnter}
+          onMouseMove={onEdgeMouseMove}
+          onMouseLeave={onEdgeMouseLeave}
+          onKeyDown={isFocusable ? onKeyDown : undefined}
+          tabIndex={isFocusable ? 0 : undefined}
+          role={isFocusable ? 'button' : 'img'}
+          data-id={id}
+          data-testid={`rf__edge-${id}`}
+          aria-label={ariaLabel === null ? undefined : ariaLabel ? ariaLabel : `Edge from ${source} to ${target}`}
+          aria-describedby={isFocusable ? `${ARIA_EDGE_DESC_KEY}-${rfId}` : undefined}
+          ref={edgeRef}
+        >
+          {!updating && (
+            <EdgeComponent
+              id={id}
+              source={source}
+              target={target}
+              selected={selected}
+              animated={animated}
+              label={label}
+              labelStyle={labelStyle}
+              labelShowBg={labelShowBg}
+              labelBgStyle={labelBgStyle}
+              labelBgPadding={labelBgPadding}
+              labelBgBorderRadius={labelBgBorderRadius}
+              data={data}
+              style={style}
+              sourceX={edgePosition.sourceX}
+              sourceY={edgePosition.sourceY}
+              targetX={edgePosition.targetX}
+              targetY={edgePosition.targetY}
+              sourcePosition={edgePosition.sourcePosition}
+              targetPosition={edgePosition.targetPosition}
+              sourceHandleId={sourceHandleId}
+              targetHandleId={targetHandleId}
+              markerStart={markerStartUrl}
+              markerEnd={markerEndUrl}
+              pathOptions={pathOptions}
+              interactionWidth={interactionWidth}
+            />
+          )}
+          {isUpdatable && (
+            <>
+              {(isUpdatable === 'source' || isUpdatable === true) && (
+                <EdgeAnchor
+                  position={edgePosition.sourcePosition}
+                  centerX={edgePosition.sourceX}
+                  centerY={edgePosition.sourceY}
+                  radius={edgeUpdaterRadius}
+                  onMouseDown={onEdgeUpdaterSourceMouseDown}
+                  onMouseEnter={onEdgeUpdaterMouseEnter}
+                  onMouseOut={onEdgeUpdaterMouseOut}
+                  type="source"
+                />
+              )}
+              {(isUpdatable === 'target' || isUpdatable === true) && (
+                <EdgeAnchor
+                  position={edgePosition.targetPosition}
+                  centerX={edgePosition.targetX}
+                  centerY={edgePosition.targetY}
+                  radius={edgeUpdaterRadius}
+                  onMouseDown={onEdgeUpdaterTargetMouseDown}
+                  onMouseEnter={onEdgeUpdaterMouseEnter}
+                  onMouseOut={onEdgeUpdaterMouseOut}
+                  type="target"
+                />
+              )}
+            </>
+          )}
+        </g>
+      </svg>
     );
   };
 
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index 24825fe60..35137619f 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -63,82 +63,76 @@ const EdgeRenderer = ({
   children,
 }: EdgeRendererProps) => {
   const { edgesFocusable, edgesUpdatable, elementsSelectable, onError } = useStore(selector, shallow);
-  // we are grouping edges by zIndex here in order to be able to render them in the correct order
-  // each zIndex gets its own svg element
-  const edgeTree = useVisibleEdges(onlyRenderVisibleElements, elevateEdgesOnSelect);
+  const edges = useVisibleEdges(onlyRenderVisibleElements, elevateEdgesOnSelect);
 
   return (
-    <>
-      {edgeTree.map(({ level, edges, isMaxLevel }) => (
-        <svg key={level} style={{ zIndex: level }} className="react-flow__edges react-flow__container">
-          {isMaxLevel && <MarkerDefinitions defaultColor={defaultMarkerColor} rfId={rfId} />}
-          <>
-            {edges.map((edge) => {
-              let edgeType = edge.type || 'default';
+    <div className="react-flow__edges">
+      <svg className="react-flow__container">
+        <MarkerDefinitions defaultColor={defaultMarkerColor} rfId={rfId} />
+      </svg>
 
-              if (!edgeTypes[edgeType]) {
-                onError?.('011', errorMessages['error011'](edgeType));
-                edgeType = 'default';
-              }
+      {edges.map((edge) => {
+        let edgeType = edge.type || 'default';
 
-              const EdgeComponent = edgeTypes[edgeType];
-              const isFocusable = !!(edge.focusable || (edgesFocusable && typeof edge.focusable === 'undefined'));
-              const isUpdatable =
-                typeof onEdgeUpdate !== 'undefined' &&
-                (edge.updatable || (edgesUpdatable && typeof edge.updatable === 'undefined'));
-              const isSelectable = !!(
-                edge.selectable ||
-                (elementsSelectable && typeof edge.selectable === 'undefined')
-              );
+        if (!edgeTypes[edgeType]) {
+          onError?.('011', errorMessages['error011'](edgeType));
+          edgeType = 'default';
+        }
+
+        const EdgeComponent = edgeTypes[edgeType];
+        const isFocusable = !!(edge.focusable || (edgesFocusable && typeof edge.focusable === 'undefined'));
+        const isUpdatable =
+          typeof onEdgeUpdate !== 'undefined' &&
+          (edge.updatable || (edgesUpdatable && typeof edge.updatable === 'undefined'));
+        const isSelectable = !!(edge.selectable || (elementsSelectable && typeof edge.selectable === 'undefined'));
+
+        return (
+          <EdgeComponent
+            key={edge.id}
+            id={edge.id}
+            className={cc([edge.className, noPanClassName])}
+            type={edgeType}
+            data={edge.data}
+            selected={!!edge.selected}
+            animated={!!edge.animated}
+            hidden={!!edge.hidden}
+            label={edge.label}
+            labelStyle={edge.labelStyle}
+            labelShowBg={edge.labelShowBg}
+            labelBgStyle={edge.labelBgStyle}
+            labelBgPadding={edge.labelBgPadding}
+            labelBgBorderRadius={edge.labelBgBorderRadius}
+            style={edge.style}
+            zIndex={edge.zIndex}
+            source={edge.source}
+            target={edge.target}
+            sourceHandleId={edge.sourceHandle}
+            targetHandleId={edge.targetHandle}
+            markerEnd={edge.markerEnd}
+            markerStart={edge.markerStart}
+            isSelectable={isSelectable}
+            onEdgeUpdate={onEdgeUpdate}
+            onContextMenu={onEdgeContextMenu}
+            onMouseEnter={onEdgeMouseEnter}
+            onMouseMove={onEdgeMouseMove}
+            onMouseLeave={onEdgeMouseLeave}
+            onClick={onEdgeClick}
+            edgeUpdaterRadius={edgeUpdaterRadius}
+            onEdgeDoubleClick={onEdgeDoubleClick}
+            onEdgeUpdateStart={onEdgeUpdateStart}
+            onEdgeUpdateEnd={onEdgeUpdateEnd}
+            rfId={rfId}
+            ariaLabel={edge.ariaLabel}
+            isFocusable={isFocusable}
+            isUpdatable={isUpdatable}
+            pathOptions={'pathOptions' in edge ? edge.pathOptions : undefined}
+            interactionWidth={edge.interactionWidth}
+          />
+        );
+      })}
 
-              return (
-                <EdgeComponent
-                  key={edge.id}
-                  id={edge.id}
-                  className={cc([edge.className, noPanClassName])}
-                  type={edge.type}
-                  data={edge.data}
-                  selected={!!edge.selected}
-                  animated={!!edge.animated}
-                  hidden={!!edge.hidden}
-                  label={edge.label}
-                  labelStyle={edge.labelStyle}
-                  labelShowBg={edge.labelShowBg}
-                  labelBgStyle={edge.labelBgStyle}
-                  labelBgPadding={edge.labelBgPadding}
-                  labelBgBorderRadius={edge.labelBgBorderRadius}
-                  style={edge.style}
-                  source={edge.source}
-                  target={edge.target}
-                  sourceHandleId={edge.sourceHandle}
-                  targetHandleId={edge.targetHandle}
-                  markerEnd={edge.markerEnd}
-                  markerStart={edge.markerStart}
-                  isSelectable={isSelectable}
-                  onEdgeUpdate={onEdgeUpdate}
-                  onContextMenu={onEdgeContextMenu}
-                  onMouseEnter={onEdgeMouseEnter}
-                  onMouseMove={onEdgeMouseMove}
-                  onMouseLeave={onEdgeMouseLeave}
-                  onClick={onEdgeClick}
-                  edgeUpdaterRadius={edgeUpdaterRadius}
-                  onEdgeDoubleClick={onEdgeDoubleClick}
-                  onEdgeUpdateStart={onEdgeUpdateStart}
-                  onEdgeUpdateEnd={onEdgeUpdateEnd}
-                  rfId={rfId}
-                  ariaLabel={edge.ariaLabel}
-                  isFocusable={isFocusable}
-                  isUpdatable={isUpdatable}
-                  pathOptions={'pathOptions' in edge ? edge.pathOptions : undefined}
-                  interactionWidth={edge.interactionWidth}
-                />
-              );
-            })}
-          </>
-        </svg>
-      ))}
       {children}
-    </>
+    </div>
   );
 };
 
diff --git a/packages/react/src/hooks/useVisibleEdges.ts b/packages/react/src/hooks/useVisibleEdges.ts
index 67d02c92c..ca035fbbf 100644
--- a/packages/react/src/hooks/useVisibleEdges.ts
+++ b/packages/react/src/hooks/useVisibleEdges.ts
@@ -1,11 +1,11 @@
 import { useCallback } from 'react';
-import { GroupedEdges, groupEdgesByZLevel, isEdgeVisible } from '@xyflow/system';
+import { shallow } from 'zustand/shallow';
+import { adjustEdgeZIndex, isEdgeVisible } from '@xyflow/system';
 
 import { useStore } from '../hooks/useStore';
-import { Edge, type ReactFlowState } from '../types';
-import { shallow } from 'zustand/shallow';
+import { type Edge, type ReactFlowState } from '../types';
 
-function useVisibleEdges(onlyRenderVisible: boolean, elevateEdgesOnSelect: boolean): GroupedEdges<Edge>[] {
+function useVisibleEdges(onlyRenderVisible: boolean, elevateEdgesOnSelect: boolean): Edge[] {
   const edges = useStore(
     useCallback(
       (s: ReactFlowState) => {
@@ -29,20 +29,11 @@ function useVisibleEdges(onlyRenderVisible: boolean, elevateEdgesOnSelect: boole
               })
             : s.edges;
 
-        return groupEdgesByZLevel(visibleEdges, s.nodeLookup, elevateEdgesOnSelect);
+        return visibleEdges.map((edge) => adjustEdgeZIndex(edge, s.nodeLookup, elevateEdgesOnSelect));
       },
       [onlyRenderVisible, elevateEdgesOnSelect]
     ),
-    (groupA, groupB) => {
-      const unEqual = groupA.some(
-        (item, index) =>
-          item.isMaxLevel !== groupB[index].isMaxLevel ||
-          item.level !== groupB[index].level ||
-          !shallow(item.edges, groupB[index].edges)
-      );
-
-      return !unEqual;
-    }
+    shallow
   );
 
   return edges;
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 7a8df68ce..763c6efb1 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -18,6 +18,7 @@
   export let target: $$Props['target'] = '';
   export let data: $$Props['data'] = {};
   export let style: $$Props['style'] = undefined;
+  export let zIndex: $$Props['zIndex'] = undefined;
 
   export let animated: $$Props['animated'] = false;
   export let selected: $$Props['selected'] = false;
@@ -95,42 +96,44 @@
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 {#if !hidden}
-  <g
-    class={cc(['svelte-flow__edge', className])}
-    class:animated
-    class:selected
-    data-id={id}
-    on:click={onClick}
-    on:contextmenu={onContextMenu}
-    aria-label={ariaLabel === null
-      ? undefined
-      : ariaLabel
-      ? ariaLabel
-      : `Edge from ${source} to ${target}`}
-    role="img"
-  >
-    <svelte:component
-      this={edgeComponent}
-      {id}
-      {source}
-      {target}
-      {sourceX}
-      {sourceY}
-      {targetX}
-      {targetY}
-      {sourcePosition}
-      {targetPosition}
-      {animated}
-      {selected}
-      {label}
-      {labelStyle}
-      {data}
-      {style}
-      {interactionWidth}
-      sourceHandleId={sourceHandle}
-      targetHandleId={targetHandle}
-      markerStart={markerStartUrl}
-      markerEnd={markerEndUrl}
-    />
-  </g>
+  <svg class="svelte-flow__edgewrapper" style:zIndex>
+    <g
+      class={cc(['svelte-flow__edge', className])}
+      class:animated
+      class:selected
+      data-id={id}
+      on:click={onClick}
+      on:contextmenu={onContextMenu}
+      aria-label={ariaLabel === null
+        ? undefined
+        : ariaLabel
+        ? ariaLabel
+        : `Edge from ${source} to ${target}`}
+      role="img"
+    >
+      <svelte:component
+        this={edgeComponent}
+        {id}
+        {source}
+        {target}
+        {sourceX}
+        {sourceY}
+        {targetX}
+        {targetY}
+        {sourcePosition}
+        {targetPosition}
+        {animated}
+        {selected}
+        {label}
+        {labelStyle}
+        {data}
+        {style}
+        {interactionWidth}
+        sourceHandleId={sourceHandle}
+        targetHandleId={targetHandle}
+        markerStart={markerStartUrl}
+        markerEnd={markerEndUrl}
+      />
+    </g>
+  </svg>
 {/if}
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 27bc7d724..6dcc16fa4 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -9,7 +9,7 @@
 
   const {
     elementsSelectable,
-    edgeTree,
+    visibleEdges,
     edges: { setDefaultOptions }
   } = useStore();
 
@@ -18,57 +18,47 @@
   });
 </script>
 
-{#each $edgeTree as group (group.level)}
-  <svg style="z-index: {group.level}" class="svelte-flow__edges">
-    {#if group.isMaxLevel} <MarkerDefinition />{/if}
-    <g>
-      {#each group.edges as edge (edge.id)}
-        {@const edgeType = edge.type || 'default'}
-        {@const selectable = !!(
-          edge.selectable ||
-          ($elementsSelectable && typeof edge.selectable === 'undefined')
-        )}
-
-        <EdgeWrapper
-          id={edge.id}
-          source={edge.source}
-          target={edge.target}
-          data={edge.data}
-          style={edge.style}
-          animated={edge.animated}
-          selected={edge.selected}
-          hidden={edge.hidden}
-          label={edge.label}
-          labelStyle={edge.labelStyle}
-          markerStart={edge.markerStart}
-          markerEnd={edge.markerEnd}
-          sourceHandle={edge.sourceHandle}
-          targetHandle={edge.targetHandle}
-          sourceX={edge.sourceX}
-          sourceY={edge.sourceY}
-          targetX={edge.targetX}
-          targetY={edge.targetY}
-          sourcePosition={edge.sourcePosition}
-          targetPosition={edge.targetPosition}
-          ariaLabel={edge.ariaLabel}
-          interactionWidth={edge.interactionWidth}
-          class={edge.class}
-          type={edgeType}
-          {selectable}
-          on:edgeclick
-          on:edgecontextmenu
-        />
-      {/each}
-    </g>
+<div class="svelte-flow__edges">
+  <svg class="svelte-flow__container">
+    <MarkerDefinition />
   </svg>
-{/each}
 
-<style>
-  .svelte-flow__edges {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-  }
-</style>
+  {#each $visibleEdges as edge (edge.id)}
+    {@const edgeType = edge.type || 'default'}
+    {@const selectable = !!(
+      edge.selectable ||
+      ($elementsSelectable && typeof edge.selectable === 'undefined')
+    )}
+
+    <EdgeWrapper
+      id={edge.id}
+      source={edge.source}
+      target={edge.target}
+      data={edge.data}
+      style={edge.style}
+      animated={edge.animated}
+      selected={edge.selected}
+      hidden={edge.hidden}
+      label={edge.label}
+      labelStyle={edge.labelStyle}
+      markerStart={edge.markerStart}
+      markerEnd={edge.markerEnd}
+      sourceHandle={edge.sourceHandle}
+      targetHandle={edge.targetHandle}
+      sourceX={edge.sourceX}
+      sourceY={edge.sourceY}
+      targetX={edge.targetX}
+      targetY={edge.targetY}
+      sourcePosition={edge.sourcePosition}
+      targetPosition={edge.targetPosition}
+      ariaLabel={edge.ariaLabel}
+      interactionWidth={edge.interactionWidth}
+      class={edge.class}
+      type={edgeType}
+      zIndex={edge.zIndex}
+      {selectable}
+      on:edgeclick
+      on:edgecontextmenu
+    />
+  {/each}
+</div>
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 625191e0c..a16844d2a 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -24,7 +24,7 @@ import type { EdgeTypes, NodeTypes, Node, Edge, FitViewOptions, ConnectionData }
 import { initialEdgeTypes, initialNodeTypes, getInitialStore } from './initial-store';
 import type { SvelteFlowStore } from './types';
 import { syncNodeStores, syncEdgeStores, syncViewportStores } from './utils';
-import { getEdgeTree } from './edge-tree';
+import { getVisibleEdges } from './visible-edges';
 import { getVisibleNodes } from './visible-nodes';
 import { getDerivedConnectionProps } from './derived-connection-props';
 
@@ -349,8 +349,8 @@ export function createStore({
     ...store,
 
     // derived state
-    edgeTree: getEdgeTree(store),
     connection: getDerivedConnectionProps(store, currentConnection),
+    visibleEdges: getVisibleEdges(store),
     visibleNodes: getVisibleNodes(store),
     markers: derived(
       [store.edges, store.defaultMarkerColor, store.flowId],
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index d6b621d91..3821023a7 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -91,7 +91,7 @@ export const getInitialStore = ({
     nodeLookup: readable<Map<string, Node>>(nodeLookup),
     visibleNodes: readable<Node[]>([]),
     edges: createEdgesStore(edges),
-    edgeTree: readable<GroupedEdges<EdgeLayouted>[]>([]),
+    visibleEdges: readable<EdgeLayouted[]>([]),
     height: writable<number>(500),
     width: writable<number>(500),
     minZoom: writable<number>(0.5),
diff --git a/packages/svelte/src/lib/store/edge-tree.ts b/packages/svelte/src/lib/store/visible-edges.ts
similarity index 78%
rename from packages/svelte/src/lib/store/edge-tree.ts
rename to packages/svelte/src/lib/store/visible-edges.ts
index cd5448abd..d9903261c 100644
--- a/packages/svelte/src/lib/store/edge-tree.ts
+++ b/packages/svelte/src/lib/store/visible-edges.ts
@@ -1,10 +1,10 @@
 import { derived } from 'svelte/store';
-import { groupEdgesByZLevel, isEdgeVisible, getEdgePosition } from '@xyflow/system';
+import { isEdgeVisible, getEdgePosition, adjustEdgeZIndex } from '@xyflow/system';
 
 import type { EdgeLayouted } from '$lib/types';
 import type { SvelteFlowStoreState } from './types';
 
-export function getEdgeTree(store: SvelteFlowStoreState) {
+export function getVisibleEdges(store: SvelteFlowStoreState) {
   const visibleEdges = derived(
     [
       store.edges,
@@ -41,8 +41,15 @@ export function getEdgeTree(store: SvelteFlowStoreState) {
   );
 
   return derived(
-    [visibleEdges, store.nodes, store.nodeLookup, store.connectionMode, store.onerror],
-    ([visibleEdges, , nodeLookup, connectionMode, onerror]) => {
+    [
+      visibleEdges,
+      store.nodes,
+      store.nodeLookup,
+      store.connectionMode,
+      store.onlyRenderVisibleElements,
+      store.onerror
+    ],
+    ([visibleEdges, , nodeLookup, connectionMode, onlyRenderVisibleElements, onerror]) => {
       const layoutedEdges = visibleEdges.reduce<EdgeLayouted[]>((res, edge) => {
         const sourceNode = nodeLookup.get(edge.source);
         const targetNode = nodeLookup.get(edge.target);
@@ -63,7 +70,7 @@ export function getEdgeTree(store: SvelteFlowStoreState) {
 
         if (edgePosition) {
           res.push({
-            ...edge,
+            ...adjustEdgeZIndex(edge, nodeLookup, onlyRenderVisibleElements),
             ...edgePosition
           });
         }
@@ -71,9 +78,7 @@ export function getEdgeTree(store: SvelteFlowStoreState) {
         return res;
       }, []);
 
-      const groupedEdges = groupEdgesByZLevel<EdgeLayouted>(layoutedEdges, nodeLookup, false);
-
-      return groupedEdges;
+      return layoutedEdges;
     }
   );
 }
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 33f0d9081..4ae172e66 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -70,6 +70,7 @@ export type EdgeLayouted = Pick<
   | 'ariaLabel'
   | 'hidden'
   | 'class'
+  | 'zIndex'
 > &
   EdgePosition & {
     sourceNode?: Node;
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 9fed0d7be..26530e9b3 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -57,11 +57,6 @@
   outline: none;
 }
 
-.xy-flow .xy-flow__edges {
-  pointer-events: none;
-  overflow: visible;
-}
-
 .xy-flow__edge-path {
   stroke: var(--edge-stroke, var(--edge-stroke-default));
   stroke-width: var(--edge-stroke-width, var(--edge-stroke-width-default));
diff --git a/packages/system/src/styles/style.css b/packages/system/src/styles/style.css
index 99fa8876a..2e6a95c8b 100644
--- a/packages/system/src/styles/style.css
+++ b/packages/system/src/styles/style.css
@@ -20,6 +20,12 @@
   --controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
 }
 
+.xy-flow__edgewrapper {
+  overflow: visible;
+  position: absolute;
+  pointer-events: none;
+}
+
 .xy-flow__edge {
   &.updating {
     .xy-flow__edge-path {
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index bdffbbd82..ca1dd3900 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -23,63 +23,32 @@ export function getEdgeCenter({
   return [centerX, centerY, xOffset, yOffset];
 }
 
-const defaultEdgeTree = [{ level: 0, isMaxLevel: true, edges: [] }];
-
 export type GroupedEdges<EdgeType extends EdgeBase> = {
   edges: EdgeType[];
   level: number;
   isMaxLevel: boolean;
 };
 
-export function groupEdgesByZLevel<EdgeType extends EdgeBase>(
-  edges: EdgeType[],
-  nodeLookup: Map<string, NodeBase>,
-  elevateEdgesOnSelect = false
-): GroupedEdges<EdgeType>[] {
-  let maxLevel = -1;
-
-  const levelLookup = edges.reduce<Record<string, EdgeType[]>>((tree, edge) => {
-    const hasZIndex = isNumeric(edge.zIndex);
-    let z = hasZIndex ? edge.zIndex! : 0;
-
-    if (elevateEdgesOnSelect) {
-      const targetNode = nodeLookup.get(edge.target);
-      const sourceNode = nodeLookup.get(edge.source);
-      const edgeOrConnectedNodeSelected = edge.selected || targetNode?.selected || sourceNode?.selected;
-      const selectedZIndex = Math.max(
-        sourceNode?.[internalsSymbol]?.z || 0,
-        targetNode?.[internalsSymbol]?.z || 0,
-        1000
-      );
-      z = (hasZIndex ? edge.zIndex! : 0) + (edgeOrConnectedNodeSelected ? selectedZIndex : 0);
+export function adjustEdgeZIndex(edge: EdgeBase, nodeLookup: Map<string, NodeBase>, elevateEdgesOnSelect: boolean) {
+  const hasZIndex = isNumeric(edge.zIndex);
+  let z = hasZIndex ? edge.zIndex! : 0;
+
+  if (elevateEdgesOnSelect) {
+    const targetNode = nodeLookup.get(edge.target)!;
+    const sourceNode = nodeLookup.get(edge.source)!;
+    const edgeOrConnectedNodeSelected = edge.selected || targetNode?.selected || sourceNode?.selected;
+    const selectedZIndex = Math.max(sourceNode?.[internalsSymbol]?.z || 0, targetNode?.[internalsSymbol]?.z || 0, 1000);
+    z = (hasZIndex ? edge.zIndex! : 0) + (edgeOrConnectedNodeSelected ? selectedZIndex : 0);
+
+    if (edge.zIndex !== z) {
+      return {
+        ...edge,
+        zIndex: z,
+      };
     }
-
-    if (tree[z]) {
-      tree[z].push(edge);
-    } else {
-      tree[z] = [edge];
-    }
-
-    maxLevel = z > maxLevel ? z : maxLevel;
-
-    return tree;
-  }, {});
-
-  const edgeTree = Object.entries(levelLookup).map(([key, edges]) => {
-    const level = +key;
-
-    return {
-      edges,
-      level,
-      isMaxLevel: level === maxLevel,
-    };
-  });
-
-  if (edgeTree.length === 0) {
-    return defaultEdgeTree;
   }
 
-  return edgeTree;
+  return edge;
 }
 
 type IsEdgeVisibleParams = {

From 2fe9d57d2a33e4e3b5e9d39ea289415668875d59 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 16 Nov 2023 15:45:36 +0100
Subject: [PATCH 0353/1093] chore(edges): remove group type

---
 packages/svelte/src/lib/store/initial-store.ts | 1 -
 packages/system/src/utils/edges/general.ts     | 6 ------
 2 files changed, 7 deletions(-)

diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 3821023a7..b9f5a524f 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -10,7 +10,6 @@ import {
   type PanZoomInstance,
   type CoordinateExtent,
   type IsValidConnection,
-  type GroupedEdges,
   type NodeOrigin,
   type OnError,
   devWarn,
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index ca1dd3900..518f6963b 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -23,12 +23,6 @@ export function getEdgeCenter({
   return [centerX, centerY, xOffset, yOffset];
 }
 
-export type GroupedEdges<EdgeType extends EdgeBase> = {
-  edges: EdgeType[];
-  level: number;
-  isMaxLevel: boolean;
-};
-
 export function adjustEdgeZIndex(edge: EdgeBase, nodeLookup: Map<string, NodeBase>, elevateEdgesOnSelect: boolean) {
   const hasZIndex = isNumeric(edge.zIndex);
   let z = hasZIndex ? edge.zIndex! : 0;

From 622c987e46395d8d91a58530b44bd398113db2f1 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 16 Nov 2023 15:52:57 +0100
Subject: [PATCH 0354/1093] refactor(edges): cleanup markup

---
 packages/react/src/components/Edges/wrapEdge.tsx                | 2 +-
 packages/react/src/container/EdgeRenderer/index.tsx             | 2 +-
 .../svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte    | 2 +-
 .../svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte   | 2 +-
 packages/system/src/styles/style.css                            | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/components/Edges/wrapEdge.tsx b/packages/react/src/components/Edges/wrapEdge.tsx
index afdeead55..7d3f92e6c 100644
--- a/packages/react/src/components/Edges/wrapEdge.tsx
+++ b/packages/react/src/components/Edges/wrapEdge.tsx
@@ -202,7 +202,7 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
     };
 
     return (
-      <svg className="react-flow__edgewrapper" style={{ zIndex }}>
+      <svg style={{ zIndex }}>
         <g
           className={cc([
             'react-flow__edge',
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index 35137619f..701248fc3 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -67,7 +67,7 @@ const EdgeRenderer = ({
 
   return (
     <div className="react-flow__edges">
-      <svg className="react-flow__container">
+      <svg className="react-flow__marker">
         <MarkerDefinitions defaultColor={defaultMarkerColor} rfId={rfId} />
       </svg>
 
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 763c6efb1..fb90ca8ba 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -96,7 +96,7 @@
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 {#if !hidden}
-  <svg class="svelte-flow__edgewrapper" style:zIndex>
+  <svg style:zIndex>
     <g
       class={cc(['svelte-flow__edge', className])}
       class:animated
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 6dcc16fa4..663b72ea2 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -19,7 +19,7 @@
 </script>
 
 <div class="svelte-flow__edges">
-  <svg class="svelte-flow__container">
+  <svg class="svelte-flow__marker">
     <MarkerDefinition />
   </svg>
 
diff --git a/packages/system/src/styles/style.css b/packages/system/src/styles/style.css
index 2e6a95c8b..1ba81595e 100644
--- a/packages/system/src/styles/style.css
+++ b/packages/system/src/styles/style.css
@@ -20,7 +20,7 @@
   --controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
 }
 
-.xy-flow__edgewrapper {
+.xy-flow__edges svg {
   overflow: visible;
   position: absolute;
   pointer-events: none;

From b8affc1c82b2617fca41a0625f1c49bb74194b6a Mon Sep 17 00:00:00 2001
From: peterkogo <7165378+peterkogo@users.noreply.github.com>
Date: Mon, 20 Nov 2023 18:40:43 +0100
Subject: [PATCH 0355/1093] Svelte NodeToolbar with E2E  (#3643)

* Added NodeToolbar

* Added comments & fixed default behaviour in svelte

* Added e2e-tests for NodeToolbar component & added data-id to react NodeToolbar

* refactor(svelte/NodeToolbar): cleanup

* refactor(node-toolbar): add system utils

---------

Co-authored-by: moklick <info@moritzklack.com>
---
 .../node-toolbar/components/ToolbarNode.tsx   | 19 ++++
 .../src/generic-tests/node-toolbar/general.ts | 50 ++++++++++
 .../src/components/Header/Header.svelte       |  1 +
 .../components/ToolbarNode.svelte             | 30 ++++++
 .../src/generic-tests/node-toolbar/general.ts | 50 ++++++++++
 .../routes/examples/node-toolbar/+page.svelte | 63 +++++++++++++
 .../examples/node-toolbar/CustomNode.svelte   | 31 ++++++
 .../node-toolbar/SelectedNodesToolbar.svelte  | 12 +++
 .../NodeToolbar/NodeToolbar.tsx               | 65 ++++---------
 .../NodeToolbar/types.ts                      |  4 +-
 .../svelte/src/lib/actions/portal/index.ts    | 20 +++-
 .../EdgeLabelRenderer.svelte                  |  5 +-
 packages/svelte/src/lib/index.ts              |  1 +
 .../plugins/NodeToolbar/NodeToolbar.svelte    | 94 +++++++++++++++++++
 .../src/lib/plugins/NodeToolbar/index.ts      |  2 +
 .../src/lib/plugins/NodeToolbar/types.ts      |  9 ++
 packages/system/src/types/nodes.ts            |  2 +
 packages/system/src/utils/index.ts            |  1 +
 packages/system/src/utils/node-toolbar.ts     | 49 ++++++++++
 tests/playwright/e2e/node-toolbar.spec.ts     | 93 ++++++++++++++++++
 tests/playwright/e2e/pane.spec.ts             | 18 +---
 tests/playwright/e2e/utils.ts                 | 16 ++++
 22 files changed, 564 insertions(+), 71 deletions(-)
 create mode 100644 examples/react/src/generic-tests/node-toolbar/components/ToolbarNode.tsx
 create mode 100644 examples/react/src/generic-tests/node-toolbar/general.ts
 create mode 100644 examples/svelte/src/generic-tests/node-toolbar/components/ToolbarNode.svelte
 create mode 100644 examples/svelte/src/generic-tests/node-toolbar/general.ts
 create mode 100644 examples/svelte/src/routes/examples/node-toolbar/+page.svelte
 create mode 100644 examples/svelte/src/routes/examples/node-toolbar/CustomNode.svelte
 create mode 100644 examples/svelte/src/routes/examples/node-toolbar/SelectedNodesToolbar.svelte
 create mode 100644 packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
 create mode 100644 packages/svelte/src/lib/plugins/NodeToolbar/index.ts
 create mode 100644 packages/svelte/src/lib/plugins/NodeToolbar/types.ts
 create mode 100644 packages/system/src/utils/node-toolbar.ts
 create mode 100644 tests/playwright/e2e/node-toolbar.spec.ts
 create mode 100644 tests/playwright/e2e/utils.ts

diff --git a/examples/react/src/generic-tests/node-toolbar/components/ToolbarNode.tsx b/examples/react/src/generic-tests/node-toolbar/components/ToolbarNode.tsx
new file mode 100644
index 000000000..303844454
--- /dev/null
+++ b/examples/react/src/generic-tests/node-toolbar/components/ToolbarNode.tsx
@@ -0,0 +1,19 @@
+import { memo, FC } from 'react';
+import { Handle, Position, NodeProps, NodeToolbar } from '@xyflow/react';
+
+const CustomNode: FC<NodeProps> = ({ id, data }) => {
+  return (
+    <>
+      <NodeToolbar isVisible={data.toolbarVisible} position={data.toolbarPosition} align={data.toolbarAlign}>
+        <button>delete</button>
+        <button>copy</button>
+        <button>expand</button>
+      </NodeToolbar>
+      <div>{data.label}</div>
+      <Handle type="target" position={Position.Left} />
+      <Handle type="source" position={Position.Right} />
+    </>
+  );
+};
+
+export default memo(CustomNode);
diff --git a/examples/react/src/generic-tests/node-toolbar/general.ts b/examples/react/src/generic-tests/node-toolbar/general.ts
new file mode 100644
index 000000000..d7df3fa93
--- /dev/null
+++ b/examples/react/src/generic-tests/node-toolbar/general.ts
@@ -0,0 +1,50 @@
+import { Position, type Node } from '@xyflow/react';
+import ToolbarNode from './components/ToolbarNode';
+
+const positions = ['top', 'right', 'bottom', 'left'];
+const alignments = ['start', 'center', 'end'];
+
+const nodes: Node[] = [
+  {
+    id: 'default-node',
+    type: 'ToolbarNode',
+    data: { label: 'toolbar top', toolbarPosition: Position.Top },
+    position: { x: 0, y: -200 },
+    className: 'react-flow__node-default',
+  },
+];
+
+positions.forEach((position, posIndex) => {
+  alignments.forEach((align, alignIndex) => {
+    const id = `node-${align}-${position}`;
+    nodes.push({
+      id,
+      type: 'ToolbarNode',
+      data: {
+        label: `toolbar ${position} ${align}`,
+        toolbarPosition: position as Position,
+        toolbarAlign: align,
+        toolbarVisible: true,
+      },
+      className: 'react-flow__node-default',
+      position: { x: posIndex * 300, y: alignIndex * 100 },
+    });
+  });
+});
+
+export default {
+  flowProps: {
+    fitView: true,
+    nodeTypes: {
+      ToolbarNode,
+    },
+    nodes,
+    edges: [
+      {
+        id: 'first-edge',
+        source: 'default-node',
+        target: 'node-start-top',
+      },
+    ],
+  },
+} satisfies FlowConfig;
diff --git a/examples/svelte/src/components/Header/Header.svelte b/examples/svelte/src/components/Header/Header.svelte
index 0bd941b72..fde20817e 100644
--- a/examples/svelte/src/components/Header/Header.svelte
+++ b/examples/svelte/src/components/Header/Header.svelte
@@ -12,6 +12,7 @@
 		'figma',
 		'interaction',
 		'intersections',
+		'node-toolbar',
 		'overview',
 		'stress',
 		'subflows',
diff --git a/examples/svelte/src/generic-tests/node-toolbar/components/ToolbarNode.svelte b/examples/svelte/src/generic-tests/node-toolbar/components/ToolbarNode.svelte
new file mode 100644
index 000000000..0a9982170
--- /dev/null
+++ b/examples/svelte/src/generic-tests/node-toolbar/components/ToolbarNode.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+	import { NodeToolbar, type NodeProps, Handle, Position } from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+
+	export let data: $$Props['data'];
+</script>
+
+<NodeToolbar
+	isVisible={data.toolbarVisible}
+	position={data.toolbarPosition}
+	align={data.toolbarAlign}
+>
+	<button>delete</button>
+	<button>copy</button>
+	<button>expand</button>
+</NodeToolbar>
+<div class="node">
+	<div>{data.label}</div>
+	<Handle type="target" position={Position.Left} />
+	<Handle type="source" position={Position.Right} />
+</div>
+
+<style>
+	.node {
+		width: 200px;
+		height: 50px;
+		border: solid 1px black;
+	}
+</style>
diff --git a/examples/svelte/src/generic-tests/node-toolbar/general.ts b/examples/svelte/src/generic-tests/node-toolbar/general.ts
new file mode 100644
index 000000000..6fce800f1
--- /dev/null
+++ b/examples/svelte/src/generic-tests/node-toolbar/general.ts
@@ -0,0 +1,50 @@
+import { Position, type Node } from '@xyflow/svelte';
+import ToolbarNode from './components/ToolbarNode.svelte';
+
+const positions = ['top', 'right', 'bottom', 'left'];
+const alignments = ['start', 'center', 'end'];
+
+const nodes: Node[] = [
+	{
+		id: 'default-node',
+		type: 'ToolbarNode',
+		data: { label: 'toolbar top', toolbarPosition: Position.Top },
+		position: { x: 0, y: -200 },
+		class: 'react-flow__node-default'
+	}
+];
+
+positions.forEach((position, posIndex) => {
+	alignments.forEach((align, alignIndex) => {
+		const id = `node-${align}-${position}`;
+		nodes.push({
+			id,
+			type: 'ToolbarNode',
+			data: {
+				label: `toolbar ${position} ${align}`,
+				toolbarPosition: position as Position,
+				toolbarAlign: align,
+				toolbarVisible: true
+			},
+			class: 'react-flow__node-default',
+			position: { x: posIndex * 300, y: alignIndex * 100 }
+		});
+	});
+});
+
+export default {
+	flowProps: {
+		fitView: true,
+		nodeTypes: {
+			ToolbarNode
+		},
+		nodes,
+		edges: [
+			{
+				id: 'first-edge',
+				source: 'default-node',
+				target: 'node-start-top'
+			}
+		]
+	}
+} satisfies FlowConfig;
diff --git a/examples/svelte/src/routes/examples/node-toolbar/+page.svelte b/examples/svelte/src/routes/examples/node-toolbar/+page.svelte
new file mode 100644
index 000000000..1a4360e55
--- /dev/null
+++ b/examples/svelte/src/routes/examples/node-toolbar/+page.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import {
+		SvelteFlow,
+		Background,
+		type Edge,
+		type Node,
+		Position,
+		type NodeTypes
+	} from '@xyflow/svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	import CustomNode from './CustomNode.svelte';
+	import SelectedNodesToolbar from './SelectedNodesToolbar.svelte';
+
+	const nodeTypes: NodeTypes = {
+		custom: CustomNode
+	};
+
+	const positions = ['top', 'right', 'bottom', 'left'];
+	const alignments = ['start', 'center', 'end'];
+
+	const initialNodes: Node[] = [
+		{
+			id: 'default-node',
+			type: 'custom',
+			data: { label: 'toolbar top', toolbarPosition: Position.Top },
+			position: { x: 0, y: -200 },
+			class: 'react-flow__node-default'
+		}
+	];
+
+	positions.forEach((position, posIndex) => {
+		alignments.forEach((align, alignIndex) => {
+			const id = `node-${align}-${position}`;
+			initialNodes.push({
+				id,
+				type: 'custom',
+				data: {
+					label: `toolbar ${position} ${align}`,
+					toolbarPosition: position as Position,
+					toolbarAlign: align,
+					toolbarVisible: true
+				},
+				class: 'react-flow__node-default',
+				position: { x: posIndex * 300, y: alignIndex * 100 }
+			});
+		});
+	});
+
+	const initialEdges: Edge[] = [];
+
+	const nodes = writable<Node[]>(initialNodes);
+	const edges = writable<Edge[]>(initialEdges);
+</script>
+
+<div style="height: 100vh;">
+	<SvelteFlow {nodes} {edges} {nodeTypes} fitView>
+		<Background />
+		<SelectedNodesToolbar />
+	</SvelteFlow>
+</div>
diff --git a/examples/svelte/src/routes/examples/node-toolbar/CustomNode.svelte b/examples/svelte/src/routes/examples/node-toolbar/CustomNode.svelte
new file mode 100644
index 000000000..af2dabaa7
--- /dev/null
+++ b/examples/svelte/src/routes/examples/node-toolbar/CustomNode.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+	import { NodeToolbar, type NodeProps, Handle, Position } from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+
+	export let data: $$Props['data'];
+</script>
+
+<NodeToolbar
+	isVisible={data.toolbarVisible}
+	position={data.toolbarPosition}
+	align={data.toolbarAlign}
+>
+	<button>delete</button>
+	<button>copy</button>
+	<button>expand</button>
+</NodeToolbar>
+<div class="node">
+	<div>{data.label}</div>
+	<Handle type="target" position={Position.Left} />
+	<Handle type="source" position={Position.Right} />
+</div>
+
+<style>
+	.node {
+		width: 180px;
+		height: 50px;
+		border: solid 1px black;
+		background: white;
+	}
+</style>
diff --git a/examples/svelte/src/routes/examples/node-toolbar/SelectedNodesToolbar.svelte b/examples/svelte/src/routes/examples/node-toolbar/SelectedNodesToolbar.svelte
new file mode 100644
index 000000000..df62b8565
--- /dev/null
+++ b/examples/svelte/src/routes/examples/node-toolbar/SelectedNodesToolbar.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { NodeToolbar, useNodes } from '@xyflow/svelte';
+
+	const nodes = useNodes();
+
+	$: selectedNodeIds = $nodes.filter((node) => node.selected).map((node) => node.id);
+	$: isVisible = selectedNodeIds.length > 1;
+</script>
+
+<NodeToolbar nodeId={selectedNodeIds} {isVisible}>
+	<button>Selection action</button>
+</NodeToolbar>
diff --git a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
index ad581bcfd..c880edb75 100644
--- a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
+++ b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
@@ -1,13 +1,13 @@
 import { useCallback, CSSProperties } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import { getNodesBounds, Transform, Rect, Position, internalsSymbol } from '@xyflow/system';
+import { getNodesBounds, Rect, Position, internalsSymbol, getNodeToolbarTransform } from '@xyflow/system';
 
 import { Node, ReactFlowState } from '../../types';
 import { useStore } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
 import NodeToolbarPortal from './NodeToolbarPortal';
-import { Align, NodeToolbarProps } from './types';
+import { NodeToolbarProps } from './types';
 
 const nodeEqualityFn = (a: Node | undefined, b: Node | undefined) =>
   a?.positionAbsolute?.x === b?.positionAbsolute?.x &&
@@ -22,53 +22,15 @@ const nodesEqualityFn = (a: Node[], b: Node[]) => {
 };
 
 const storeSelector = (state: ReactFlowState) => ({
-  transform: state.transform,
+  viewport: {
+    x: state.transform[0],
+    y: state.transform[1],
+    zoom: state.transform[2],
+  },
   nodeOrigin: state.nodeOrigin,
   selectedNodesCount: state.nodes.filter((node) => node.selected).length,
 });
 
-function getTransform(nodeRect: Rect, transform: Transform, position: Position, offset: number, align: Align): string {
-  let alignmentOffset = 0.5;
-
-  if (align === 'start') {
-    alignmentOffset = 0;
-  } else if (align === 'end') {
-    alignmentOffset = 1;
-  }
-
-  // position === Position.Top
-  // we set the x any y position of the toolbar based on the nodes position
-  let pos = [
-    (nodeRect.x + nodeRect.width * alignmentOffset) * transform[2] + transform[0],
-    nodeRect.y * transform[2] + transform[1] - offset,
-  ];
-  // and than shift it based on the alignment. The shift values are in %.
-  let shift = [-100 * alignmentOffset, -100];
-
-  switch (position) {
-    case Position.Right:
-      pos = [
-        (nodeRect.x + nodeRect.width) * transform[2] + transform[0] + offset,
-        (nodeRect.y + nodeRect.height * alignmentOffset) * transform[2] + transform[1],
-      ];
-      shift = [0, -100 * alignmentOffset];
-      break;
-    case Position.Bottom:
-      pos[1] = (nodeRect.y + nodeRect.height) * transform[2] + transform[1] + offset;
-      shift[1] = 0;
-      break;
-    case Position.Left:
-      pos = [
-        nodeRect.x * transform[2] + transform[0] - offset,
-        (nodeRect.y + nodeRect.height * alignmentOffset) * transform[2] + transform[1],
-      ];
-      shift = [-100, -100 * alignmentOffset];
-      break;
-  }
-
-  return `translate(${pos[0]}px, ${pos[1]}px) translate(${shift[0]}%, ${shift[1]}%)`;
-}
-
 function NodeToolbar({
   nodeId,
   children,
@@ -97,7 +59,9 @@ function NodeToolbar({
     [nodeId, contextNodeId]
   );
   const nodes = useStore(nodesSelector, nodesEqualityFn);
-  const { transform, nodeOrigin, selectedNodesCount } = useStore(storeSelector, shallow);
+  const { viewport, nodeOrigin, selectedNodesCount } = useStore(storeSelector, shallow);
+
+  // if isVisible is not set, we show the toolbar only if its node is selected and no other node is selected
   const isActive =
     typeof isVisible === 'boolean' ? isVisible : nodes.length === 1 && nodes[0].selected && selectedNodesCount === 1;
 
@@ -110,14 +74,19 @@ function NodeToolbar({
 
   const wrapperStyle: CSSProperties = {
     position: 'absolute',
-    transform: getTransform(nodeRect, transform, position, offset, align),
+    transform: getNodeToolbarTransform(nodeRect, viewport, position, offset, align),
     zIndex,
     ...style,
   };
 
   return (
     <NodeToolbarPortal>
-      <div style={wrapperStyle} className={cc(['react-flow__node-toolbar', className])} {...rest}>
+      <div
+        style={wrapperStyle}
+        className={cc(['react-flow__node-toolbar', className])}
+        {...rest}
+        data-id={nodes.reduce((acc, node) => `${acc}${node.id} `, '').trim()}
+      >
         {children}
       </div>
     </NodeToolbarPortal>
diff --git a/packages/react/src/additional-components/NodeToolbar/types.ts b/packages/react/src/additional-components/NodeToolbar/types.ts
index 294785761..f08859dc5 100644
--- a/packages/react/src/additional-components/NodeToolbar/types.ts
+++ b/packages/react/src/additional-components/NodeToolbar/types.ts
@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'react';
-import type { Position } from '@xyflow/system';
+import type { Position, Align } from '@xyflow/system';
 
 export type NodeToolbarProps = HTMLAttributes<HTMLDivElement> & {
   nodeId?: string | string[];
@@ -8,5 +8,3 @@ export type NodeToolbarProps = HTMLAttributes<HTMLDivElement> & {
   offset?: number;
   align?: Align;
 };
-
-export type Align = 'center' | 'start' | 'end';
diff --git a/packages/svelte/src/lib/actions/portal/index.ts b/packages/svelte/src/lib/actions/portal/index.ts
index 714e8b3e5..fba6562c5 100644
--- a/packages/svelte/src/lib/actions/portal/index.ts
+++ b/packages/svelte/src/lib/actions/portal/index.ts
@@ -1,11 +1,27 @@
-export default function (node: Element, target = 'body') {
-  const targetEl = document.querySelector(target);
+type PortalOptions = {
+  target?: string;
+  domNode: Element | null;
+};
+
+function tryToMount(node: Element, domNode: Element | null, target: string | undefined) {
+  if (!domNode) {
+    return;
+  }
+
+  const targetEl = target ? domNode.querySelector(target) : domNode;
 
   if (targetEl) {
     targetEl.appendChild(node);
   }
+}
+
+export default function (node: Element, { target, domNode }: PortalOptions) {
+  tryToMount(node, domNode, target);
 
   return {
+    async update({ target, domNode }: PortalOptions) {
+      tryToMount(node, domNode, target);
+    },
     destroy() {
       if (node.parentNode) {
         node.parentNode.removeChild(node);
diff --git a/packages/svelte/src/lib/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte b/packages/svelte/src/lib/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte
index d681d3885..f3cfeca92 100644
--- a/packages/svelte/src/lib/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte
+++ b/packages/svelte/src/lib/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte
@@ -1,9 +1,12 @@
 <script lang="ts">
   import portal from '$lib/actions/portal';
+  import { useStore } from '$lib/store';
 
   type $$Props = {};
+
+  const { domNode } = useStore();
 </script>
 
-<div use:portal={'.svelte-flow__edgelabel-renderer'}>
+<div use:portal={{ target: '.svelte-flow__edgelabel-renderer', domNode: $domNode }}>
   <slot />
 </div>
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index b8620d79c..88bc483f9 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -14,6 +14,7 @@ export * from '$lib/components/Handle';
 export * from '$lib/plugins/Controls';
 export * from '$lib/plugins/Background';
 export * from '$lib/plugins/Minimap';
+export * from '$lib/plugins/NodeToolbar';
 
 // store
 export { useStore } from '$lib/store';
diff --git a/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte b/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
new file mode 100644
index 000000000..b01bbb485
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
@@ -0,0 +1,94 @@
+<script lang="ts">
+  import { getContext } from 'svelte';
+  import {
+    getNodesBounds,
+    Position,
+    type Rect,
+    internalsSymbol,
+    getNodeToolbarTransform
+  } from '@xyflow/system';
+  import portal from '$lib/actions/portal';
+  import type { Node } from '$lib/types';
+  import { useStore } from '$lib/store';
+
+  import type { NodeToolbarProps } from './types';
+
+  type $$Props = NodeToolbarProps;
+
+  export let nodeId: $$Props['nodeId'] = undefined;
+  export let position: $$Props['position'] = undefined;
+  export let align: $$Props['align'] = undefined;
+  export let offset: $$Props['offset'] = undefined;
+  export let isVisible: $$Props['isVisible'] = undefined;
+
+  const { domNode, viewport, nodeLookup, nodes, nodeOrigin } = useStore();
+  const contextNodeId = getContext<string>('svelteflow__node_id');
+
+  let transform: string;
+  let toolbarNodes: Node[] = [];
+  let _offset = offset !== undefined ? offset : 10;
+  let _position = position !== undefined ? position : Position.Top;
+  let _align = align !== undefined ? align : 'center';
+
+  $: {
+    // $nodes only needed to trigger updates, $nodeLookup is just a helper that does not trigger any updates
+    if ($nodes) {
+      const nodeIds = Array.isArray(nodeId) ? nodeId : [nodeId || contextNodeId];
+
+      toolbarNodes = nodeIds.reduce<Node[]>((res, nodeId) => {
+        const node = $nodeLookup.get(nodeId);
+
+        if (node) {
+          res.push(node);
+        }
+
+        return res;
+      }, []);
+    }
+  }
+
+  $: {
+    let nodeRect: Rect | undefined = undefined;
+
+    if (toolbarNodes.length === 1) {
+      nodeRect = {
+        ...toolbarNodes[0].position,
+        width: toolbarNodes[0].width ?? 0,
+        height: toolbarNodes[0].height ?? 0
+      };
+    } else if (toolbarNodes.length > 1) {
+      nodeRect = getNodesBounds(toolbarNodes, $nodeOrigin);
+    }
+
+    if (nodeRect) {
+      transform = getNodeToolbarTransform(nodeRect, $viewport, _position, _offset, _align);
+    }
+  }
+
+  $: zIndex =
+    toolbarNodes.length === 0
+      ? 1
+      : Math.max(...toolbarNodes.map((node) => (node[internalsSymbol]?.z || 5) + 1));
+
+  //FIXME: Possible performance bottleneck
+  $: selectedNodesCount = $nodes.filter((node) => node.selected).length;
+
+  // if isVisible is not set, we show the toolbar only if its node is selected and no other node is selected
+  $: isActive =
+    typeof isVisible === 'boolean'
+      ? isVisible
+      : toolbarNodes.length === 1 && toolbarNodes[0].selected && selectedNodesCount === 1;
+</script>
+
+{#if $domNode && isActive && toolbarNodes}
+  <div
+    data-id={toolbarNodes.reduce((acc, node) => `${acc}${node.id} `, '').trim()}
+    class="svelte-flow__node-toolbar"
+    use:portal={{ domNode: $domNode }}
+    style:position="absolute"
+    style:transform
+    style:z-index={zIndex}
+  >
+    <slot />
+  </div>
+{/if}
diff --git a/packages/svelte/src/lib/plugins/NodeToolbar/index.ts b/packages/svelte/src/lib/plugins/NodeToolbar/index.ts
new file mode 100644
index 000000000..7c38ab3d4
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/NodeToolbar/index.ts
@@ -0,0 +1,2 @@
+export { default as NodeToolbar } from './NodeToolbar.svelte';
+export * from './types';
diff --git a/packages/svelte/src/lib/plugins/NodeToolbar/types.ts b/packages/svelte/src/lib/plugins/NodeToolbar/types.ts
new file mode 100644
index 000000000..6c812de20
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/NodeToolbar/types.ts
@@ -0,0 +1,9 @@
+import type { Position, Align } from '@xyflow/system';
+
+export type NodeToolbarProps = {
+  nodeId?: string | string[];
+  position?: Position;
+  align?: Align;
+  offset?: number;
+  isVisible?: boolean;
+};
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 22b4e6ab2..cea41c65a 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -97,3 +97,5 @@ export type OnNodeDrag = (event: MouseEvent, node: NodeBase, nodes: NodeBase[])
 export type OnSelectionDrag = (event: MouseEvent, nodes: NodeBase[]) => void;
 
 export type NodeHandle = Optional<HandleElement, 'width' | 'height'>;
+
+export type Align = 'center' | 'start' | 'end';
diff --git a/packages/system/src/utils/index.ts b/packages/system/src/utils/index.ts
index 30a7e9618..380b7658b 100644
--- a/packages/system/src/utils/index.ts
+++ b/packages/system/src/utils/index.ts
@@ -3,4 +3,5 @@ export * from './edges';
 export * from './graph';
 export * from './general';
 export * from './marker';
+export * from './node-toolbar';
 export * from './store';
diff --git a/packages/system/src/utils/node-toolbar.ts b/packages/system/src/utils/node-toolbar.ts
new file mode 100644
index 000000000..1813513c2
--- /dev/null
+++ b/packages/system/src/utils/node-toolbar.ts
@@ -0,0 +1,49 @@
+import { Position, type Rect, type Viewport, type Align } from '../';
+
+export function getNodeToolbarTransform(
+  nodeRect: Rect,
+  viewport: Viewport,
+  position: Position,
+  offset: number,
+  align: Align
+): string {
+  let alignmentOffset = 0.5;
+
+  if (align === 'start') {
+    alignmentOffset = 0;
+  } else if (align === 'end') {
+    alignmentOffset = 1;
+  }
+
+  // position === Position.Top
+  // we set the x any y position of the toolbar based on the nodes position
+  let pos = [
+    (nodeRect.x + nodeRect.width * alignmentOffset) * viewport.zoom + viewport.x,
+    nodeRect.y * viewport.zoom + viewport.y - offset,
+  ];
+  // and than shift it based on the alignment. The shift values are in %.
+  let shift = [-100 * alignmentOffset, -100];
+
+  switch (position) {
+    case Position.Right:
+      pos = [
+        (nodeRect.x + nodeRect.width) * viewport.zoom + viewport.x + offset,
+        (nodeRect.y + nodeRect.height * alignmentOffset) * viewport.zoom + viewport.y,
+      ];
+      shift = [0, -100 * alignmentOffset];
+      break;
+    case Position.Bottom:
+      pos[1] = (nodeRect.y + nodeRect.height) * viewport.zoom + viewport.y + offset;
+      shift[1] = 0;
+      break;
+    case Position.Left:
+      pos = [
+        nodeRect.x * viewport.zoom + viewport.x - offset,
+        (nodeRect.y + nodeRect.height * alignmentOffset) * viewport.zoom + viewport.y,
+      ];
+      shift = [-100, -100 * alignmentOffset];
+      break;
+  }
+
+  return `translate(${pos[0]}px, ${pos[1]}px) translate(${shift[0]}%, ${shift[1]}%)`;
+}
diff --git a/tests/playwright/e2e/node-toolbar.spec.ts b/tests/playwright/e2e/node-toolbar.spec.ts
new file mode 100644
index 000000000..daf76070f
--- /dev/null
+++ b/tests/playwright/e2e/node-toolbar.spec.ts
@@ -0,0 +1,93 @@
+import { test, expect, Locator } from '@playwright/test';
+import { FRAMEWORK } from './constants';
+
+type Position = 'top' | 'right' | 'bottom' | 'left';
+const positions: Position[] = ['top', 'right', 'bottom', 'left'];
+
+type Alignment = 'start' | 'center' | 'end';
+const alignments: Alignment[] = ['start', 'center', 'end'];
+type Permutation = {
+  id: string;
+  position: Position;
+  align: Alignment;
+};
+const permutations: Permutation[] = [];
+
+positions.forEach((position) => {
+  alignments.forEach((align) => {
+    permutations.push({
+      id: `node-${align}-${position}`,
+      position,
+      align,
+    });
+  });
+});
+
+test.describe('Node Toolbar', async () => {
+  test.beforeEach(async ({ page }) => {
+    // Go to the starting url before each test.
+    await page.goto('/tests/generic/node-toolbar/general');
+    // Wait till the edges are rendered
+    await page.waitForSelector('[data-id="first-edge"]', { timeout: 5000 });
+  });
+
+  test('all toolbars are positioned correctly', async ({ page }) => {
+    permutations.forEach(async (permutation) => {
+      const toolbar = page
+        .locator(`[data-id="${permutation.id}"]`)
+        .and(page.locator(`.${FRAMEWORK}-flow__node-toolbar`));
+      const node = page.locator(`[data-id="${permutation.id}"]`).and(page.locator(`.${FRAMEWORK}-flow__node`));
+
+      await expect(toolbar).toBeAttached();
+      await expect(node).toBeAttached();
+
+      const toolbarBox = await toolbar.boundingBox();
+      const nodeBox = await node.boundingBox();
+
+      switch (permutation.position) {
+        case 'top':
+          expect(toolbarBox!.y).toBeLessThan(nodeBox!.y);
+          break;
+        case 'right':
+          expect(toolbarBox!.x).toBeGreaterThan(nodeBox!.x);
+          break;
+        case 'bottom':
+          expect(toolbarBox!.y).toBeGreaterThan(nodeBox!.y);
+          break;
+        case 'left':
+          expect(toolbarBox!.x).toBeLessThan(nodeBox!.x);
+          break;
+      }
+
+      const dimension = permutation.position === 'top' || permutation.position === 'bottom' ? 'x' : 'y';
+      const extent = permutation.position === 'top' || permutation.position === 'bottom' ? 'width' : 'height';
+
+      switch (permutation.align) {
+        case 'start':
+          expect(Math.floor(toolbarBox![dimension])).toBe(Math.floor(nodeBox![dimension]));
+          break;
+        case 'center':
+          expect(Math.floor(toolbarBox![dimension] + toolbarBox![extent] * 0.5)).toBe(
+            Math.floor(nodeBox![dimension] + nodeBox![extent] * 0.5)
+          );
+          break;
+        case 'end':
+          expect(Math.floor(toolbarBox![dimension] + toolbarBox![extent])).toBe(
+            Math.floor(nodeBox![dimension] + nodeBox![extent])
+          );
+          break;
+      }
+    });
+  });
+
+  test('toolbar default behaviour', async ({ page }) => {
+    const node = page.locator('[data-id="default-node"]').and(page.locator(`.${FRAMEWORK}-flow__node`));
+    const toolbar = page.locator('[data-id="default-node"]').and(page.locator(`.${FRAMEWORK}-flow__node-toolbar`));
+
+    await expect(node).toBeAttached();
+    await expect(toolbar).not.toBeAttached();
+
+    await node.click();
+    await expect(toolbar).toBeAttached();
+  });
+});
diff --git a/tests/playwright/e2e/pane.spec.ts b/tests/playwright/e2e/pane.spec.ts
index 31777c97e..15a796557 100644
--- a/tests/playwright/e2e/pane.spec.ts
+++ b/tests/playwright/e2e/pane.spec.ts
@@ -1,23 +1,7 @@
 import { test, expect } from '@playwright/test';
 
 import { FRAMEWORK } from './constants';
-
-const MATCH_ALL_NUMBERS = /[\d\.]+/g;
-
-// Type "Locator" not exported...
-async function getTransform(element) {
-  const transformString = await element.evaluate((el) => {
-    return el.style.transform;
-  });
-
-  // Parses all numbers in f.ex "translate(590px, 324px) scale(2)""
-  const transforms = transformString.match(MATCH_ALL_NUMBERS);
-  return {
-    translateX: parseFloat(transforms![0]),
-    translateY: parseFloat(transforms![1]),
-    scale: parseFloat(transforms![2]),
-  };
-}
+import { getTransform } from './utils';
 
 test.describe('PANE DEFAULT', () => {
   test.beforeEach(async ({ page }) => {
diff --git a/tests/playwright/e2e/utils.ts b/tests/playwright/e2e/utils.ts
new file mode 100644
index 000000000..76643dd7c
--- /dev/null
+++ b/tests/playwright/e2e/utils.ts
@@ -0,0 +1,16 @@
+const MATCH_ALL_NUMBERS = /[\d\.]+/g;
+
+// Type "Locator" not exported...
+export async function getTransform(element) {
+  const transformString = await element.evaluate((el) => {
+    return el.style.transform;
+  });
+
+  // Parses all numbers in f.ex "translate(590px, 324px) scale(2)""
+  const transforms = transformString.match(MATCH_ALL_NUMBERS);
+  return {
+    translateX: parseFloat(transforms![0]),
+    translateY: parseFloat(transforms![1]),
+    scale: parseFloat(transforms![2]),
+  };
+}

From 8a5dd652b3b6eb88bb759d3b81e991216af0a6a3 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 21 Nov 2023 12:59:12 +0100
Subject: [PATCH 0356/1093] refactor(svelte): node wrapper position types

---
 .../lib/components/NodeWrapper/NodeWrapper.svelte    | 12 +++++++-----
 .../svelte/src/lib/components/NodeWrapper/types.ts   |  7 ++++---
 .../lib/container/NodeRenderer/NodeRenderer.svelte   |  6 ++++--
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 296318366..33a954b32 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -27,8 +27,10 @@
   export let style: NodeWrapperProps['style'] = undefined;
   export let type: NodeWrapperProps['type'] = 'default';
   export let isParent: NodeWrapperProps['isParent'] = false;
-  export let positionAbsolute: NodeWrapperProps['positionAbsolute'] = undefined;
-  export let positionOrigin: NodeWrapperProps['positionOrigin'] = undefined;
+  export let positionX: NodeWrapperProps['positionX'];
+  export let positionY: NodeWrapperProps['positionY'];
+  export let positionOriginX: NodeWrapperProps['positionOriginX'];
+  export let positionOriginY: NodeWrapperProps['positionOriginY'];
   export let sourcePosition: NodeWrapperProps['sourcePosition'] = undefined;
   export let targetPosition: NodeWrapperProps['targetPosition'] = undefined;
   export let zIndex: NodeWrapperProps['zIndex'];
@@ -164,7 +166,7 @@
     class:nopan={draggable}
     class:parent={isParent}
     style:z-index={zIndex}
-    style:transform="translate({positionOrigin?.x ?? 0}px, {positionOrigin?.y ?? 0}px)"
+    style:transform="translate({positionOriginX}px, {positionOriginY}px)"
     style:visibility={initialized ? 'visible' : 'hidden'}
     style="{style} {node.size?.width ? `;width=${node.size?.width}px` : ''} {node.size?.height
       ? `;height=${node.size?.height}px;`
@@ -187,8 +189,8 @@
       {dragging}
       {dragHandle}
       isConnectable={connectable}
-      xPos={positionAbsolute?.x ?? 0}
-      yPos={positionAbsolute?.y ?? 0}
+      xPos={positionX}
+      yPos={positionY}
       on:connectstart
       on:connect
       on:connectend
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index f4f5c3108..e833ef54d 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -1,4 +1,3 @@
-import type { XYPosition } from '@xyflow/system';
 import type { Node } from '$lib/types';
 
 export type NodeWrapperProps = Pick<
@@ -9,7 +8,6 @@ export type NodeWrapperProps = Pick<
   | 'data'
   | 'draggable'
   | 'dragging'
-  | 'positionAbsolute'
   | 'selected'
   | 'selectable'
   | 'style'
@@ -21,7 +19,10 @@ export type NodeWrapperProps = Pick<
   | 'dragHandle'
   | 'hidden'
 > & {
-  positionOrigin?: XYPosition;
+  positionX: number;
+  positionY: number;
+  positionOriginX: number;
+  positionOriginY: number;
   'on:nodeclick'?: (event: MouseEvent) => void;
   resizeObserver?: ResizeObserver | null;
   isParent?: boolean;
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 6a7acd904..e856b70b8 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -61,8 +61,10 @@
         node.connectable ||
         ($nodesConnectable && typeof node.connectable === 'undefined')
       )}
-      positionAbsolute={node.positionAbsolute}
-      positionOrigin={posOrigin}
+      positionX={node.positionAbsolute?.x ?? 0}
+      positionY={node.positionAbsolute?.y ?? 0}
+      positionOriginX={posOrigin.x ?? 0}
+      positionOriginY={posOrigin.y ?? 0}
       isParent={!!node[internalsSymbol]?.isParent}
       style={node.style}
       class={node.class}

From d812dbbe53336f9d794ed7005f59896d42dc12e4 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 21 Nov 2023 15:06:42 +0100
Subject: [PATCH 0357/1093] refactor(nodes): add computed attr for width/height
 and absolute position

---
 .../react/src/examples/EasyConnect/utils.tsx  | 15 +++-----
 .../react/src/examples/FloatingEdges/utils.ts |  4 +-
 .../MiniMap/MiniMapNodes.tsx                  |  9 +++--
 .../NodeToolbar/NodeToolbar.tsx               |  4 +-
 .../src/components/ConnectionLine/index.tsx   |  8 ++--
 .../react/src/components/Nodes/wrapNode.tsx   |  8 ++--
 .../src/container/NodeRenderer/index.tsx      | 14 +++----
 packages/react/src/hooks/useReactFlow.ts      |  2 +-
 .../react/src/hooks/useUpdateNodePositions.ts | 12 ++++--
 packages/react/src/store/index.ts             |  7 +++-
 packages/react/src/store/initialState.ts      |  6 +--
 packages/react/src/types/nodes.ts             |  4 +-
 packages/react/src/utils/changes.ts           | 27 ++++++++-----
 .../components/NodeWrapper/NodeWrapper.svelte |  6 +--
 .../src/lib/components/NodeWrapper/types.ts   |  3 +-
 .../NodeRenderer/NodeRenderer.svelte          | 19 ++++++----
 .../svelte/src/lib/hooks/useSvelteFlow.ts     |  2 +-
 .../src/lib/hooks/useUpdateNodeInternals.ts   |  2 +-
 .../src/lib/plugins/Minimap/Minimap.svelte    |  6 +--
 .../src/lib/store/derived-connection-props.ts | 10 +++--
 packages/svelte/src/lib/store/index.ts        | 17 +++++----
 packages/system/src/types/nodes.ts            | 12 +++---
 packages/system/src/utils/dom.ts              |  2 +
 packages/system/src/utils/edges/positions.ts  | 12 +++---
 packages/system/src/utils/general.ts          |  8 ++--
 packages/system/src/utils/graph.ts            | 38 ++++++++++---------
 packages/system/src/utils/store.ts            | 17 ++++++---
 packages/system/src/xydrag/XYDrag.ts          | 12 +++---
 packages/system/src/xydrag/utils.ts           | 21 ++++++----
 packages/system/src/xyhandle/utils.ts         |  4 +-
 30 files changed, 177 insertions(+), 134 deletions(-)

diff --git a/examples/react/src/examples/EasyConnect/utils.tsx b/examples/react/src/examples/EasyConnect/utils.tsx
index cef818f5f..d7f3e6895 100644
--- a/examples/react/src/examples/EasyConnect/utils.tsx
+++ b/examples/react/src/examples/EasyConnect/utils.tsx
@@ -4,12 +4,9 @@ import { Node, Position, MarkerType, XYPosition } from '@xyflow/react';
 // of the line between the center of the intersectionNode and the target node
 function getNodeIntersection(intersectionNode: Node, targetNode: Node) {
   // https://math.stackexchange.com/questions/1724792/an-algorithm-for-finding-the-intersection-point-between-a-center-of-vision-and-a
-  const {
-    width: intersectionNodeWidth,
-    height: intersectionNodeHeight,
-    positionAbsolute: intersectionNodePosition,
-  } = intersectionNode;
-  const targetPosition = targetNode.positionAbsolute!;
+  const { width: intersectionNodeWidth, height: intersectionNodeHeight } = intersectionNode;
+  const intersectionNodePosition = intersectionNode.computed?.positionAbsolute!;
+  const targetPosition = targetNode.computed?.positionAbsolute!;
 
   const w = intersectionNodeWidth! / 2;
   const h = intersectionNodeHeight! / 2;
@@ -32,7 +29,7 @@ function getNodeIntersection(intersectionNode: Node, targetNode: Node) {
 
 // returns the position (top,right,bottom or right) passed node compared to the intersection point
 function getEdgePosition(node: Node, intersectionPoint: XYPosition) {
-  const n = { ...node.positionAbsolute, ...node };
+  const n = { ...node.computed?.positionAbsolute, ...node };
   const nx = Math.round(n.x!);
   const ny = Math.round(n.y!);
   const px = Math.round(intersectionPoint.x);
@@ -41,13 +38,13 @@ function getEdgePosition(node: Node, intersectionPoint: XYPosition) {
   if (px <= nx + 1) {
     return Position.Left;
   }
-  if (px >= nx + n.width! - 1) {
+  if (px >= nx + n.computed?.width! - 1) {
     return Position.Right;
   }
   if (py <= ny + 1) {
     return Position.Top;
   }
-  if (py >= n.y! + n.height! - 1) {
+  if (py >= n.y! + n.computed?.height! - 1) {
     return Position.Bottom;
   }
 
diff --git a/examples/react/src/examples/FloatingEdges/utils.ts b/examples/react/src/examples/FloatingEdges/utils.ts
index 543b0945b..0a2d6c03c 100644
--- a/examples/react/src/examples/FloatingEdges/utils.ts
+++ b/examples/react/src/examples/FloatingEdges/utils.ts
@@ -42,13 +42,13 @@ function getEdgePosition(node: Node, intersectionPoint: XYPosition) {
   if (px <= nx + 1) {
     return Position.Left;
   }
-  if (px >= nx + (n.width ?? 0) - 1) {
+  if (px >= nx + (n.computed?.width ?? 0) - 1) {
     return Position.Right;
   }
   if (py <= ny + 1) {
     return Position.Top;
   }
-  if (py >= n.y + (n.height ?? 0) - 1) {
+  if (py >= n.y + (n.computed?.height ?? 0) - 1) {
     return Position.Bottom;
   }
 
diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index 21bb8fc5b..d72700a71 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -12,7 +12,10 @@ import type { MiniMapNodes, GetMiniMapNodeAttribute } from './types';
 declare const window: any;
 
 const selector = (s: ReactFlowState) => s.nodeOrigin;
-const selectorNodes = (s: ReactFlowState) => s.nodes.filter((node) => !node.hidden && node.width && node.height);
+const selectorNodes = (s: ReactFlowState) =>
+  s.nodes.filter(
+    (node) => !node.hidden && (node.computed?.width || node.width) && (node.computed?.height || node.height)
+  );
 const getAttrFunction = (func: any): GetMiniMapNodeAttribute => (func instanceof Function ? func : () => func);
 
 function MiniMapNodes({
@@ -44,8 +47,8 @@ function MiniMapNodes({
             key={node.id}
             x={x}
             y={y}
-            width={node.width!}
-            height={node.height!}
+            width={node.computed?.width ?? node.width ?? 0}
+            height={node.computed?.height ?? node.height ?? 0}
             style={node.style}
             selected={!!node.selected}
             className={nodeClassNameFunc(node)}
diff --git a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
index c880edb75..b7028a760 100644
--- a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
+++ b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
@@ -10,8 +10,8 @@ import NodeToolbarPortal from './NodeToolbarPortal';
 import { NodeToolbarProps } from './types';
 
 const nodeEqualityFn = (a: Node | undefined, b: Node | undefined) =>
-  a?.positionAbsolute?.x === b?.positionAbsolute?.x &&
-  a?.positionAbsolute?.y === b?.positionAbsolute?.y &&
+  a?.computed?.positionAbsolute?.x === b?.computed?.positionAbsolute?.x &&
+  a?.computed?.positionAbsolute?.y === b?.computed?.positionAbsolute?.y &&
   a?.width === b?.width &&
   a?.height === b?.height &&
   a?.selected === b?.selected &&
diff --git a/packages/react/src/components/ConnectionLine/index.tsx b/packages/react/src/components/ConnectionLine/index.tsx
index ed1a21152..bdf730892 100644
--- a/packages/react/src/components/ConnectionLine/index.tsx
+++ b/packages/react/src/components/ConnectionLine/index.tsx
@@ -65,10 +65,10 @@ const ConnectionLine = ({
   }
 
   const fromHandle = handleId ? handleBounds.find((d) => d.id === handleId) : handleBounds[0];
-  const fromHandleX = fromHandle ? fromHandle.x + fromHandle.width / 2 : (fromNode.width ?? 0) / 2;
-  const fromHandleY = fromHandle ? fromHandle.y + fromHandle.height / 2 : fromNode.height ?? 0;
-  const fromX = (fromNode.positionAbsolute?.x ?? 0) + fromHandleX;
-  const fromY = (fromNode.positionAbsolute?.y ?? 0) + fromHandleY;
+  const fromHandleX = fromHandle ? fromHandle.x + fromHandle.width / 2 : (fromNode.computed?.width ?? 0) / 2;
+  const fromHandleY = fromHandle ? fromHandle.y + fromHandle.height / 2 : fromNode.computed?.height ?? 0;
+  const fromX = (fromNode.computed?.positionAbsolute?.x ?? 0) + fromHandleX;
+  const fromY = (fromNode.computed?.positionAbsolute?.y ?? 0) + fromHandleY;
   const fromPosition = fromHandle?.position;
   const toPosition = fromPosition ? oppositePosition[fromPosition] : null;
 
diff --git a/packages/react/src/components/Nodes/wrapNode.tsx b/packages/react/src/components/Nodes/wrapNode.tsx
index e50ffcf75..ab56350b5 100644
--- a/packages/react/src/components/Nodes/wrapNode.tsx
+++ b/packages/react/src/components/Nodes/wrapNode.tsx
@@ -52,8 +52,8 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
     disableKeyboardA11y,
     ariaLabel,
     rfId,
-    sizeWidth,
-    sizeHeight,
+    width,
+    height,
   }: WrapNodeProps) => {
     const store = useStoreApi();
     const nodeRef = useRef<HTMLDivElement>(null);
@@ -186,8 +186,8 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
           transform: `translate(${xPosOrigin}px,${yPosOrigin}px)`,
           pointerEvents: hasPointerEvents ? 'all' : 'none',
           visibility: initialized ? 'visible' : 'hidden',
-          width: sizeWidth,
-          height: sizeHeight,
+          width,
+          height,
           ...style,
         }}
         data-id={id}
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index 98f9fc39c..3797bc458 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -91,19 +91,19 @@ const NodeRenderer = (props: NodeRendererProps) => {
         const isFocusable = !!(node.focusable || (nodesFocusable && typeof node.focusable === 'undefined'));
 
         const clampedPosition = props.nodeExtent
-          ? clampPosition(node.positionAbsolute, props.nodeExtent)
-          : node.positionAbsolute;
+          ? clampPosition(node.computed?.positionAbsolute, props.nodeExtent)
+          : node.computed?.positionAbsolute;
 
         const posX = clampedPosition?.x ?? 0;
         const posY = clampedPosition?.y ?? 0;
         const posOrigin = getPositionWithOrigin({
           x: posX,
           y: posY,
-          width: node.width ?? 0,
-          height: node.height ?? 0,
+          width: node.computed?.width ?? node.width ?? 0,
+          height: node.computed?.height ?? node.height ?? 0,
           origin: node.origin || props.nodeOrigin,
         });
-        const initialized = (!!node.width && !!node.height) || (!!node.size?.width && !!node.size?.height);
+        const initialized = (!!node.computed?.width && !!node.computed?.height) || (!!node.width && !!node.height);
 
         return (
           <NodeComponent
@@ -111,8 +111,8 @@ const NodeRenderer = (props: NodeRendererProps) => {
             id={node.id}
             className={node.className}
             style={node.style}
-            sizeWidth={node.size?.width}
-            sizeHeight={node.size?.height}
+            width={node.width ?? undefined}
+            height={node.height ?? undefined}
             type={nodeType}
             data={node.data}
             sourcePosition={node.sourcePosition || Position.Bottom}
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 257dd0f21..44e29c14c 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -206,7 +206,7 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
       }
 
       return (nodes || store.getState().nodes).filter((n) => {
-        if (!isRect && (n.id === node!.id || !n.positionAbsolute)) {
+        if (!isRect && (n.id === node!.id || !n.computed?.positionAbsolute)) {
           return false;
         }
 
diff --git a/packages/react/src/hooks/useUpdateNodePositions.ts b/packages/react/src/hooks/useUpdateNodePositions.ts
index d303fb9bf..06577601e 100644
--- a/packages/react/src/hooks/useUpdateNodePositions.ts
+++ b/packages/react/src/hooks/useUpdateNodePositions.ts
@@ -23,8 +23,11 @@ function useUpdateNodePositions() {
     const yDiff = params.y * yVelo * factor;
 
     const nodeUpdates = selectedNodes.map((node) => {
-      if (node.positionAbsolute) {
-        let nextPosition = { x: node.positionAbsolute.x + xDiff, y: node.positionAbsolute.y + yDiff };
+      if (node.computed?.positionAbsolute) {
+        let nextPosition = {
+          x: node.computed?.positionAbsolute.x + xDiff,
+          y: node.computed?.positionAbsolute.y + yDiff,
+        };
 
         if (snapToGrid) {
           nextPosition = snapPosition(nextPosition, snapGrid);
@@ -40,7 +43,10 @@ function useUpdateNodePositions() {
         );
 
         node.position = position;
-        node.positionAbsolute = positionAbsolute;
+        if (!node.computed) {
+          node.computed = {};
+        }
+        node.computed.positionAbsolute = positionAbsolute;
       }
 
       return node;
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index a6898f6de..0f50f3854 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -147,7 +147,7 @@ const createRFStore = ({
           };
 
           if (positionChanged) {
-            change.positionAbsolute = node.positionAbsolute;
+            change.positionAbsolute = node.computed?.positionAbsolute;
             change.position = node.position;
           }
 
@@ -276,7 +276,10 @@ const createRFStore = ({
 
             return {
               ...node,
-              positionAbsolute,
+              computed: {
+                ...node.computed,
+                positionAbsolute,
+              },
             };
           }),
         });
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index c87c29f16..48e5434f3 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -28,11 +28,7 @@ const getInitialState = ({
   let transform: Transform = [0, 0, 1];
 
   if (fitView && width && height) {
-    const nodesWithDimensions = nextNodes.map((node) => ({
-      ...node,
-      width: node.size?.width,
-      height: node.size?.height,
-    }));
+    const nodesWithDimensions = nextNodes.filter((node) => node.width && node.height);
     const bounds = getNodesBounds(nodesWithDimensions, [0, 0]);
     const { x, y, zoom } = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
     transform = [x, y, zoom];
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index 4e648f8e4..ab691af5f 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -40,6 +40,6 @@ export type WrapNodeProps<NodeData = any> = Pick<
     noPanClassName: string;
     rfId: string;
     disableKeyboardA11y: boolean;
-    sizeWidth?: number;
-    sizeHeight?: number;
+    width?: number;
+    height?: number;
   };
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 61ff2b192..c113ebe10 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -5,14 +5,17 @@ export function handleParentExpand(res: any[], updateItem: any) {
   const parent = res.find((e) => e.id === updateItem.parentNode);
 
   if (parent) {
-    const extendWidth = updateItem.position.x + updateItem.width - parent.width;
-    const extendHeight = updateItem.position.y + updateItem.height - parent.height;
+    if (!parent.computed) {
+      parent.computed = {};
+    }
+    const extendWidth = updateItem.position.x + updateItem.computed.width - parent.computed.width;
+    const extendHeight = updateItem.position.y + updateItem.computed.height - parent.computed.height;
 
     if (extendWidth > 0 || extendHeight > 0 || updateItem.position.x < 0 || updateItem.position.y < 0) {
       parent.style = { ...parent.style } || {};
 
-      parent.style.width = parent.style.width ?? parent.width;
-      parent.style.height = parent.style.height ?? parent.height;
+      parent.style.width = parent.style.width ?? parent.computed.width;
+      parent.style.height = parent.style.height ?? parent.computed.height;
 
       if (extendWidth > 0) {
         parent.style.width += extendWidth;
@@ -36,8 +39,8 @@ export function handleParentExpand(res: any[], updateItem: any) {
         updateItem.position.y = 0;
       }
 
-      parent.width = parent.style.width;
-      parent.height = parent.style.height;
+      parent.computed.width = parent.style.width;
+      parent.computed.height = parent.style.height;
     }
   }
 }
@@ -87,7 +90,10 @@ function applyChanges(changes: any[], elements: any[]): any[] {
             }
 
             if (typeof currentChange.positionAbsolute !== 'undefined') {
-              updateItem.positionAbsolute = currentChange.positionAbsolute;
+              if (!updateItem.computed) {
+                updateItem.computed = {};
+              }
+              updateItem.computed.positionAbsolute = currentChange.positionAbsolute;
             }
 
             if (typeof currentChange.dragging !== 'undefined') {
@@ -101,8 +107,11 @@ function applyChanges(changes: any[], elements: any[]): any[] {
           }
           case 'dimensions': {
             if (typeof currentChange.dimensions !== 'undefined') {
-              updateItem.width = currentChange.dimensions.width;
-              updateItem.height = currentChange.dimensions.height;
+              if (!updateItem.computed) {
+                updateItem.computed = {};
+              }
+              updateItem.computed.width = currentChange.dimensions.width;
+              updateItem.computed.height = currentChange.dimensions.height;
             }
 
             if (typeof currentChange.updateStyle !== 'undefined') {
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 33a954b32..eb2c1472f 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -34,6 +34,8 @@
   export let sourcePosition: NodeWrapperProps['sourcePosition'] = undefined;
   export let targetPosition: NodeWrapperProps['targetPosition'] = undefined;
   export let zIndex: NodeWrapperProps['zIndex'];
+  export let width: NodeWrapperProps['width'] = undefined;
+  export let height: NodeWrapperProps['height'] = undefined;
   export let dragHandle: NodeWrapperProps['dragHandle'] = undefined;
   export let initialized: NodeWrapperProps['initialized'] = false;
   let className: string = '';
@@ -168,9 +170,7 @@
     style:z-index={zIndex}
     style:transform="translate({positionOriginX}px, {positionOriginY}px)"
     style:visibility={initialized ? 'visible' : 'hidden'}
-    style="{style} {node.size?.width ? `;width=${node.size?.width}px` : ''} {node.size?.height
-      ? `;height=${node.size?.height}px;`
-      : ''}"
+    style="{style} {width ? `;width=${width}px` : ''} {height ? `;height=${height}px;` : ''}"
     on:click={onSelectNodeHandler}
     on:mouseenter={(event) => dispatch('nodemouseenter', { node, event })}
     on:mouseleave={(event) => dispatch('nodemouseleave', { node, event })}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index e833ef54d..3da65c2fc 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -11,14 +11,15 @@ export type NodeWrapperProps = Pick<
   | 'selected'
   | 'selectable'
   | 'style'
-  | 'type'
   | 'width'
   | 'height'
+  | 'type'
   | 'sourcePosition'
   | 'targetPosition'
   | 'dragHandle'
   | 'hidden'
 > & {
+  type: string;
   positionX: number;
   positionY: number;
   positionOriginX: number;
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index e856b70b8..48ec792b0 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -40,10 +40,10 @@
 <div class="svelte-flow__nodes">
   {#each $visibleNodes as node (node.id)}
     {@const posOrigin = getPositionWithOrigin({
-      x: node.positionAbsolute?.x ?? 0,
-      y: node.positionAbsolute?.y ?? 0,
-      width: (node.size?.width || node.width) ?? 0,
-      height: (node.size?.height || node.height) ?? 0,
+      x: node.computed?.positionAbsolute?.x ?? 0,
+      y: node.computed?.positionAbsolute?.y ?? 0,
+      width: node.computed?.width ?? node.width ?? 0,
+      height: node.computed?.height ?? node.height ?? 0,
       origin: node.origin
     })}
     <NodeWrapper
@@ -61,20 +61,23 @@
         node.connectable ||
         ($nodesConnectable && typeof node.connectable === 'undefined')
       )}
-      positionX={node.positionAbsolute?.x ?? 0}
-      positionY={node.positionAbsolute?.y ?? 0}
+      positionX={node.computed?.positionAbsolute?.x ?? 0}
+      positionY={node.computed?.positionAbsolute?.y ?? 0}
       positionOriginX={posOrigin.x ?? 0}
       positionOriginY={posOrigin.y ?? 0}
       isParent={!!node[internalsSymbol]?.isParent}
       style={node.style}
       class={node.class}
-      type={node.type}
+      type={node.type || 'default'}
       sourcePosition={node.sourcePosition}
       targetPosition={node.targetPosition}
       dragging={node.dragging}
       zIndex={node[internalsSymbol]?.z ?? 0}
       dragHandle={node.dragHandle}
-      initialized={(!!node.width && !!node.height) || (!!node.size?.width && !!node.size?.height)}
+      width={node.width}
+      height={node.height}
+      initialized={(!!node.computed?.width && !!node.computed?.height) ||
+        (!!node.width && !!node.height)}
       {resizeObserver}
       on:nodeclick
       on:nodemouseenter
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 4e06308b5..fb1419ec9 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -141,7 +141,7 @@ export function useSvelteFlow(): {
       }
 
       return (nodesToIntersect || get(nodes)).filter((n) => {
-        if (!isRect && (n.id === node.id || !n.positionAbsolute)) {
+        if (!isRect && (n.id === node.id || !n.computed?.positionAbsolute)) {
           return false;
         }
 
diff --git a/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts b/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
index c66bb6882..dad8ed88f 100644
--- a/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
+++ b/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
@@ -1,5 +1,5 @@
 import { get } from 'svelte/store';
-import type { UpdateNodeInternals, NodeDimensionUpdate } from '@xyflow/system';
+import type { UpdateNodeInternals } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
 
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index f3fba4268..b331a04ed 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -114,13 +114,13 @@
       {#if ariaLabel}<title id={labelledBy}>{ariaLabel}</title>{/if}
 
       {#each $nodes as node (node.id)}
-        {#if node.width && node.height}
+        {#if (node.computed?.width || node?.width) && (node.computed?.height || node.height)}
           {@const pos = getNodePositionWithOrigin(node).positionAbsolute}
           <MinimapNode
             x={pos.x}
             y={pos.y}
-            width={node.width}
-            height={node.height}
+            width={node.computed?.width ?? node.width ?? 0}
+            height={node.computed?.height ?? node.height ?? 0}
             selected={node.selected}
             color={nodeColorFunc(node)}
             borderRadius={nodeBorderRadius}
diff --git a/packages/svelte/src/lib/store/derived-connection-props.ts b/packages/svelte/src/lib/store/derived-connection-props.ts
index dd4e805c0..2ee745386 100644
--- a/packages/svelte/src/lib/store/derived-connection-props.ts
+++ b/packages/svelte/src/lib/store/derived-connection-props.ts
@@ -80,10 +80,12 @@ export function getDerivedConnectionProps(
         : handleBounds[0];
       const fromHandleX = fromHandle
         ? fromHandle.x + fromHandle.width / 2
-        : (fromNode?.width ?? 0) / 2;
-      const fromHandleY = fromHandle ? fromHandle.y + fromHandle.height / 2 : fromNode?.height ?? 0;
-      const fromX = (fromNode?.positionAbsolute?.x ?? 0) + fromHandleX;
-      const fromY = (fromNode?.positionAbsolute?.y ?? 0) + fromHandleY;
+        : (fromNode?.computed?.width ?? 0) / 2;
+      const fromHandleY = fromHandle
+        ? fromHandle.y + fromHandle.height / 2
+        : fromNode?.computed?.height ?? 0;
+      const fromX = (fromNode?.computed?.positionAbsolute?.x ?? 0) + fromHandleX;
+      const fromY = (fromNode?.computed?.positionAbsolute?.y ?? 0) + fromHandleY;
       const fromPosition = fromHandle?.position;
       const toPosition = fromPosition ? oppositePosition[fromPosition] : undefined;
 
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 625191e0c..ec771416f 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -66,22 +66,25 @@ export function createStore({
 
   const updateNodePositions: UpdateNodePositions = (nodeDragItems, dragging = false) => {
     store.nodes.update((nds) => {
-      return nds.map((n) => {
+      return nds.map((node) => {
         const nodeDragItem = (nodeDragItems as Array<NodeBase | NodeDragItem>).find(
-          (ndi) => ndi.id === n.id
+          (ndi) => ndi.id === node.id
         );
 
         if (nodeDragItem) {
           return {
-            ...n,
-            [internalsSymbol]: n[internalsSymbol],
+            ...node,
             dragging,
-            positionAbsolute: nodeDragItem.positionAbsolute,
-            position: nodeDragItem.position
+            position: nodeDragItem.position,
+            computed: {
+              ...node.computed,
+              positionAbsolute: nodeDragItem.computed?.positionAbsolute
+            },
+            [internalsSymbol]: node[internalsSymbol]
           };
         }
 
-        return n;
+        return node;
       });
     });
   };
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index cea41c65a..1e354a55a 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -25,14 +25,14 @@ export type NodeBase<T = any, U extends string | undefined = string | undefined>
   zIndex?: number;
   extent?: 'parent' | CoordinateExtent;
   expandParent?: boolean;
-  positionAbsolute?: XYPosition;
   ariaLabel?: string;
   focusable?: boolean;
   origin?: NodeOrigin;
   handles?: NodeHandle[];
-  size?: {
+  computed?: {
     width?: number;
     height?: number;
+    positionAbsolute?: XYPosition;
   };
 
   // only used internally
@@ -78,11 +78,13 @@ export type NodeBounds = XYPosition & {
 export type NodeDragItem = {
   id: string;
   position: XYPosition;
-  positionAbsolute: XYPosition;
   // distance from the mouse cursor to the node when start dragging
   distance: XYPosition;
-  width?: number | null;
-  height?: number | null;
+  computed: {
+    width: number | null;
+    height: number | null;
+    positionAbsolute: XYPosition;
+  };
   extent?: 'parent' | CoordinateExtent;
   parentNode?: string;
   dragging?: boolean;
diff --git a/packages/system/src/utils/dom.ts b/packages/system/src/utils/dom.ts
index 74bb14aa8..3cf5cd612 100644
--- a/packages/system/src/utils/dom.ts
+++ b/packages/system/src/utils/dom.ts
@@ -73,6 +73,8 @@ export const getHandleBounds = (
   }
 
   const handlesArray = Array.from(handles) as HTMLDivElement[];
+
+  // @todo can't we use the node dimensions here?
   const nodeBounds = nodeElement.getBoundingClientRect();
   const nodeOffset = {
     x: nodeBounds.width * nodeOrigin[0],
diff --git a/packages/system/src/utils/edges/positions.ts b/packages/system/src/utils/edges/positions.ts
index 8159d46b9..35e078347 100644
--- a/packages/system/src/utils/edges/positions.ts
+++ b/packages/system/src/utils/edges/positions.ts
@@ -88,20 +88,20 @@ function toHandleBounds(handles?: NodeHandle[]) {
 
 function getHandleDataByNode(node?: NodeBase): [Rect, NodeHandleBounds | null, boolean] {
   const handleBounds = node?.[internalsSymbol]?.handleBounds || toHandleBounds(node?.handles) || null;
-  const nodeWidth = node?.width || node?.size?.width;
-  const nodeHeight = node?.height || node?.size?.height;
+  const nodeWidth = node?.computed?.width || node?.width;
+  const nodeHeight = node?.computed?.height || node?.height;
 
   const isValid =
     handleBounds &&
     nodeWidth &&
     nodeHeight &&
-    typeof node?.positionAbsolute?.x !== 'undefined' &&
-    typeof node?.positionAbsolute?.y !== 'undefined';
+    typeof node?.computed?.positionAbsolute?.x !== 'undefined' &&
+    typeof node?.computed?.positionAbsolute?.y !== 'undefined';
 
   return [
     {
-      x: node?.positionAbsolute?.x || 0,
-      y: node?.positionAbsolute?.y || 0,
+      x: node?.computed?.positionAbsolute?.x || 0,
+      y: node?.computed?.positionAbsolute?.y || 0,
       width: nodeWidth || 0,
       height: nodeHeight || 0,
     },
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index 976d105f2..2db593224 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -64,8 +64,8 @@ export const nodeToRect = (node: NodeBase, nodeOrigin: NodeOrigin = [0, 0]): Rec
 
   return {
     ...positionAbsolute,
-    width: node.width || 0,
-    height: node.height || 0,
+    width: node.computed?.width ?? node.width ?? 0,
+    height: node.computed?.height ?? node.height ?? 0,
   };
 };
 
@@ -74,8 +74,8 @@ export const nodeToBox = (node: NodeBase, nodeOrigin: NodeOrigin = [0, 0]): Box
 
   return {
     ...positionAbsolute,
-    x2: positionAbsolute.x + (node.width || 0),
-    y2: positionAbsolute.y + (node.height || 0),
+    x2: positionAbsolute.x + (node.computed?.width ?? node.width ?? 0),
+    y2: positionAbsolute.y + (node.computed?.height ?? node.height ?? 0),
   };
 };
 
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 43a80ef68..c2e276ae7 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -86,8 +86,8 @@ export const getNodePositionWithOrigin = (
     };
   }
 
-  const offsetX = (node.width ?? 0) * nodeOrigin[0];
-  const offsetY = (node.height ?? 0) * nodeOrigin[1];
+  const offsetX = (node.computed?.width ?? node.width ?? 0) * nodeOrigin[0];
+  const offsetY = (node.computed?.height ?? node.height ?? 0) * nodeOrigin[1];
 
   const position: XYPosition = {
     x: node.position.x - offsetX,
@@ -96,10 +96,10 @@ export const getNodePositionWithOrigin = (
 
   return {
     ...position,
-    positionAbsolute: node.positionAbsolute
+    positionAbsolute: node.computed?.positionAbsolute
       ? {
-          x: node.positionAbsolute.x - offsetX,
-          y: node.positionAbsolute.y - offsetY,
+          x: node.computed.positionAbsolute.x - offsetX,
+          y: node.computed.positionAbsolute.y - offsetY,
         }
       : position,
   };
@@ -118,8 +118,8 @@ export const getNodesBounds = (nodes: NodeBase[], nodeOrigin: NodeOrigin = [0, 0
         rectToBox({
           x,
           y,
-          width: node.width || 0,
-          height: node.height || 0,
+          width: node.computed?.width ?? node.width ?? 0,
+          height: node.computed?.height ?? node.height ?? 0,
         })
       );
     },
@@ -145,17 +145,19 @@ export const getNodesInside = <NodeType extends NodeBase>(
   };
 
   const visibleNodes = nodes.reduce<NodeType[]>((res, node) => {
-    const { width, height, selectable = true, hidden = false } = node;
+    const { computed, selectable = true, hidden = false } = node;
+    const width = computed?.width ?? node.width ?? null;
+    const height = computed?.height ?? node.height ?? null;
 
     if ((excludeNonSelectableNodes && !selectable) || hidden) {
       return res;
     }
 
     const overlappingArea = getOverlappingArea(paneRect, nodeToRect(node, nodeOrigin));
-    const notInitialized = width === undefined || height === undefined || width === null || height === null;
+    const notInitialized = width === null || height === null;
 
     const partiallyVisible = partially && overlappingArea > 0;
-    const area = (width || 0) * (height || 0);
+    const area = (width ?? 0) * (height ?? 0);
     const isVisible = notInitialized || partiallyVisible || overlappingArea >= area;
 
     if (isVisible || node.dragging) {
@@ -185,7 +187,7 @@ export function fitView<Params extends FitViewParamsBase<NodeBase>, Options exte
   options?: Options
 ) {
   const filteredNodes = nodes.filter((n) => {
-    const isVisible = n.width && n.height && (options?.includeHiddenNodes || !n.hidden);
+    const isVisible = n.computed?.width && n.computed?.height && (options?.includeHiddenNodes || !n.hidden);
 
     if (options?.nodes?.length) {
       return isVisible && options?.nodes.some((optionNode) => optionNode.id === n.id);
@@ -218,7 +220,7 @@ function clampNodeExtent(node: NodeDragItem | NodeBase, extent?: CoordinateExten
   if (!extent || extent === 'parent') {
     return extent;
   }
-  return [extent[0], [extent[1][0] - (node.width || 0), extent[1][1] - (node.height || 0)]];
+  return [extent[0], [extent[1][0] - (node.computed?.width ?? 0), extent[1][1] - (node.computed?.height ?? 0)]];
 }
 
 export function calcNextPosition<NodeType extends NodeBase>(
@@ -242,16 +244,18 @@ export function calcNextPosition<NodeType extends NodeBase>(
   }
 
   if (node.extent === 'parent' && !node.expandParent) {
-    if (node.parentNode && node.width && node.height) {
+    const nodeWidth = node.computed?.width;
+    const nodeHeight = node.computed?.height;
+    if (node.parentNode && nodeWidth && nodeHeight) {
       const currNodeOrigin = node.origin || nodeOrigin;
 
       currentExtent =
-        parentNode && isNumeric(parentNode.width) && isNumeric(parentNode.height)
+        parentNode && isNumeric(parentNode.computed?.width) && isNumeric(parentNode.computed?.height)
           ? [
-              [parentPos.x + node.width * currNodeOrigin[0], parentPos.y + node.height * currNodeOrigin[1]],
+              [parentPos.x + nodeWidth * currNodeOrigin[0], parentPos.y + nodeHeight * currNodeOrigin[1]],
               [
-                parentPos.x + parentNode.width - node.width + node.width * currNodeOrigin[0],
-                parentPos.y + parentNode.height - node.height + node.height * currNodeOrigin[1],
+                parentPos.x + parentNode.computed?.width - nodeWidth + nodeWidth * currNodeOrigin[0],
+                parentPos.y + parentNode.computed?.height - nodeHeight + nodeHeight * currNodeOrigin[1],
               ],
             ]
           : currentExtent;
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 9ed4f8718..eca6b8de6 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -40,7 +40,7 @@ export function updateAbsolutePositions<NodeType extends NodeBase>(
         parentNode?.origin || nodeOrigin
       );
 
-      node.positionAbsolute = {
+      node.computed!.positionAbsolute = {
         x,
         y,
       };
@@ -79,9 +79,11 @@ export function updateNodes<NodeType extends NodeBase>(
     const node: NodeType = {
       ...options.defaults,
       ...n,
-      positionAbsolute: n.position,
-      width: n.width || currentStoreNode?.width,
-      height: n.height || currentStoreNode?.height,
+      computed: {
+        positionAbsolute: n.position,
+        width: n.computed?.width || currentStoreNode?.computed?.width,
+        height: n.computed?.height || currentStoreNode?.computed?.height,
+      },
     };
     const z = (isNumeric(n.zIndex) ? n.zIndex : 0) + (n.selected ? selectedNodeZ : 0);
     const currInternals = n?.[internalsSymbol] || currentStoreNode?.[internalsSymbol];
@@ -160,7 +162,7 @@ export function updateNodeDimensions(
       const doUpdate = !!(
         dimensions.width &&
         dimensions.height &&
-        (node.width !== dimensions.width || node.height !== dimensions.height || update.forceUpdate)
+        (node.computed?.width !== dimensions.width || node.computed?.height !== dimensions.height || update.forceUpdate)
       );
 
       if (doUpdate) {
@@ -168,7 +170,10 @@ export function updateNodeDimensions(
 
         const newNode = {
           ...node,
-          ...dimensions,
+          computed: {
+            ...node.computed,
+            ...dimensions,
+          },
           [internalsSymbol]: {
             ...node[internalsSymbol],
             handleBounds: {
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 69d50b41f..79a0823aa 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -140,11 +140,13 @@ export function XYDrag({
         ];
 
         if (dragItems.length > 1 && nodeExtent && !n.extent) {
-          adjustedNodeExtent[0][0] = n.positionAbsolute.x - nodesBox.x + nodeExtent[0][0];
-          adjustedNodeExtent[1][0] = n.positionAbsolute.x + (n.width ?? 0) - nodesBox.x2 + nodeExtent[1][0];
+          adjustedNodeExtent[0][0] = n.computed.positionAbsolute.x - nodesBox.x + nodeExtent[0][0];
+          adjustedNodeExtent[1][0] =
+            n.computed.positionAbsolute.x + (n.computed?.width ?? 0) - nodesBox.x2 + nodeExtent[1][0];
 
-          adjustedNodeExtent[0][1] = n.positionAbsolute.y - nodesBox.y + nodeExtent[0][1];
-          adjustedNodeExtent[1][1] = n.positionAbsolute.y + (n.height ?? 0) - nodesBox.y2 + nodeExtent[1][1];
+          adjustedNodeExtent[0][1] = n.computed.positionAbsolute.y - nodesBox.y + nodeExtent[0][1];
+          adjustedNodeExtent[1][1] =
+            n.computed.positionAbsolute.y + (n.computed?.height ?? 0) - nodesBox.y2 + nodeExtent[1][1];
         }
 
         const updatedPos = calcNextPosition(n, nextPosition, nodes, adjustedNodeExtent, nodeOrigin, onError);
@@ -153,7 +155,7 @@ export function XYDrag({
         hasChange = hasChange || n.position.x !== updatedPos.position.x || n.position.y !== updatedPos.position.y;
 
         n.position = updatedPos.position;
-        n.positionAbsolute = updatedPos.positionAbsolute;
+        n.computed.positionAbsolute = updatedPos.positionAbsolute;
 
         return n;
       });
diff --git a/packages/system/src/xydrag/utils.ts b/packages/system/src/xydrag/utils.ts
index 274c2213c..15c9af681 100644
--- a/packages/system/src/xydrag/utils.ts
+++ b/packages/system/src/xydrag/utils.ts
@@ -51,10 +51,9 @@ export function getDragItems<NodeType extends NodeBase>(
     .map((n) => ({
       id: n.id,
       position: n.position || { x: 0, y: 0 },
-      positionAbsolute: n.positionAbsolute || { x: 0, y: 0 },
       distance: {
-        x: mousePos.x - (n.positionAbsolute?.x ?? 0),
-        y: mousePos.y - (n.positionAbsolute?.y ?? 0),
+        x: mousePos.x - (n.computed?.positionAbsolute?.x ?? 0),
+        y: mousePos.y - (n.computed?.positionAbsolute?.y ?? 0),
       },
       delta: {
         x: 0,
@@ -62,10 +61,13 @@ export function getDragItems<NodeType extends NodeBase>(
       },
       extent: n.extent,
       parentNode: n.parentNode,
-      width: n.width,
-      height: n.height,
       origin: n.origin,
       expandParent: n.expandParent,
+      computed: {
+        positionAbsolute: n.computed?.positionAbsolute || { x: 0, y: 0 },
+        width: n.computed?.width || 0,
+        height: n.computed?.height || 0,
+      },
     }));
 }
 
@@ -81,15 +83,18 @@ export function getEventHandlerParams<NodeType extends NodeBase>({
   dragItems: NodeDragItem[];
   nodeLookup: Map<string, NodeType>;
 }): [NodeType, NodeType[]] {
-  const extentedDragItems: NodeType[] = dragItems.map((n) => {
+  const nodesFromDragItems: NodeType[] = dragItems.map((n) => {
     const node = nodeLookup.get(n.id)!;
 
     return {
       ...node,
       position: n.position,
-      positionAbsolute: n.positionAbsolute,
+      computed: {
+        ...n.computed,
+        positionAbsolute: n.computed.positionAbsolute,
+      },
     };
   });
 
-  return [nodeId ? extentedDragItems.find((n) => n.id === nodeId)! : extentedDragItems[0], extentedDragItems];
+  return [nodeId ? nodesFromDragItems.find((n) => n.id === nodeId)! : nodesFromDragItems[0], nodesFromDragItems];
 }
diff --git a/packages/system/src/xyhandle/utils.ts b/packages/system/src/xyhandle/utils.ts
index 35b17601d..b829f6911 100644
--- a/packages/system/src/xyhandle/utils.ts
+++ b/packages/system/src/xyhandle/utils.ts
@@ -22,8 +22,8 @@ export function getHandles(
         id: h.id || null,
         type,
         nodeId: node.id,
-        x: (node.positionAbsolute?.x ?? 0) + h.x + h.width / 2,
-        y: (node.positionAbsolute?.y ?? 0) + h.y + h.height / 2,
+        x: (node.computed?.positionAbsolute?.x ?? 0) + h.x + h.width / 2,
+        y: (node.computed?.positionAbsolute?.y ?? 0) + h.y + h.height / 2,
       });
     }
     return res;

From 24c999a335186cd457b38f99e4ef9590447134df Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 21 Nov 2023 15:18:35 +0100
Subject: [PATCH 0358/1093] chore(astro): use width/height attrs

---
 .../src/components/ReactFlowExample/index.tsx |  6 ++---
 .../components/SvelteFlowExample/index.svelte | 24 +++++++------------
 .../components/NodeWrapper/NodeWrapper.svelte |  4 +++-
 .../svelte/src/lib/store/initial-store.ts     |  6 +----
 4 files changed, 15 insertions(+), 25 deletions(-)

diff --git a/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx b/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
index ae5a5c87f..ca21eeb76 100644
--- a/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
+++ b/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
@@ -27,7 +27,7 @@ const initialNodes: Node[] = [
     type: 'input',
     data: { label: 'Node 1' },
     position: { x: 250, y: 5 },
-    size: nodeSize,
+    ...nodeSize,
     handles: [
       {
         type: 'source',
@@ -41,7 +41,7 @@ const initialNodes: Node[] = [
     id: '2',
     data: { label: 'Node 2' },
     position: { x: 100, y: 100 },
-    size: nodeSize,
+    ...nodeSize,
     handles: [
       {
         type: 'source',
@@ -65,7 +65,7 @@ const initialNodes: Node[] = [
     id: '3',
     data: { label: 'Node 3' },
     position: { x: 400, y: 100 },
-    size: nodeSize,
+    ...nodeSize,
     handles: [
       {
         type: 'source',
diff --git a/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte b/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte
index cfa8a449d..73196d53e 100644
--- a/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte
+++ b/examples/astro-xyflow/src/components/SvelteFlowExample/index.svelte
@@ -11,10 +11,8 @@
       data: { label: 'Node 0' },
       sourcePosition: Position.Right,
       targetPosition: Position.Left,
-      size: {
-        width: 100,
-        height: 40,
-      },
+      width: 100,
+      height: 40,
       handles: [
         { type: 'source', x: 100, y: 20, position: Position.Right },
         { type: 'target', x: 0, y: 20, position: Position.Left },
@@ -26,10 +24,8 @@
       data: { label: 'A' },
       sourcePosition: Position.Right,
       targetPosition: Position.Left,
-      size: {
-        width: 100,
-        height: 40,
-      },
+      width: 100,
+      height: 40,
       handles: [
         { type: 'source', x: 100, y: 20, position: Position.Right },
         { type: 'target', x: 0, y: 20, position: Position.Left },
@@ -41,10 +37,8 @@
       data: { label: 'B' },
       sourcePosition: Position.Right,
       targetPosition: Position.Left,
-      size: {
-        width: 100,
-        height: 40,
-      },
+      width: 100,
+      height: 40,
       handles: [
         { type: 'source', x: 100, y: 20, position: Position.Right },
         { type: 'target', x: 0, y: 20, position: Position.Left },
@@ -56,10 +50,8 @@
       data: { label: 'C' },
       sourcePosition: Position.Right,
       targetPosition: Position.Left,
-      size: {
-        width: 100,
-        height: 40,
-      },
+      width: 100,
+      height: 40,
       handles: [
         { type: 'source', x: 100, y: 20, position: Position.Right },
         { type: 'target', x: 0, y: 20, position: Position.Left },
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index eb2c1472f..a59e522d7 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -170,7 +170,9 @@
     style:z-index={zIndex}
     style:transform="translate({positionOriginX}px, {positionOriginY}px)"
     style:visibility={initialized ? 'visible' : 'hidden'}
-    style="{style} {width ? `;width=${width}px` : ''} {height ? `;height=${height}px;` : ''}"
+    style:width={width === undefined ? undefined : `${width}px`}
+    style:height={height === undefined ? undefined : `${height}px`}
+    {style}
     on:click={onSelectNodeHandler}
     on:mouseenter={(event) => dispatch('nodemouseenter', { node, event })}
     on:mouseleave={(event) => dispatch('nodemouseleave', { node, event })}
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index d6b621d91..dbbb17fc3 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -76,11 +76,7 @@ export const getInitialStore = ({
   let viewport: Viewport = { x: 0, y: 0, zoom: 1 };
 
   if (fitView && width && height) {
-    const nodesWithDimensions = nextNodes.map((node) => ({
-      ...node,
-      width: node.size?.width,
-      height: node.size?.height
-    }));
+    const nodesWithDimensions = nextNodes.filter((node) => node.width && node.height);
     const bounds = getNodesBounds(nodesWithDimensions, [0, 0]);
     viewport = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
   }

From a166129547227284cde5e5031deb48d122498691 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 21 Nov 2023 16:03:07 +0100
Subject: [PATCH 0359/1093] fix(svelte): use node.style.width and node.style

---
 .../src/components/ReactFlowExample/index.tsx             | 8 --------
 .../src/lib/components/NodeWrapper/NodeWrapper.svelte     | 6 +++---
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx b/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
index ca21eeb76..4f8ef0ab0 100644
--- a/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
+++ b/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
@@ -48,16 +48,12 @@ const initialNodes: Node[] = [
         position: Position.Bottom,
         x: nodeSize.width * 0.5,
         y: nodeSize.height,
-        width: 1,
-        height: 1,
       },
       {
         type: 'target',
         position: Position.Top,
         x: nodeSize.width * 0.5,
         y: 0,
-        width: 1,
-        height: 1,
       },
     ],
   },
@@ -72,16 +68,12 @@ const initialNodes: Node[] = [
         position: Position.Bottom,
         x: nodeSize.width * 0.5,
         y: nodeSize.height,
-        width: 1,
-        height: 1,
       },
       {
         type: 'target',
         position: Position.Top,
         x: nodeSize.width * 0.5,
         y: 0,
-        width: 1,
-        height: 1,
       },
     ],
   },
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index a59e522d7..335bff71a 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -170,9 +170,9 @@
     style:z-index={zIndex}
     style:transform="translate({positionOriginX}px, {positionOriginY}px)"
     style:visibility={initialized ? 'visible' : 'hidden'}
-    style:width={width === undefined ? undefined : `${width}px`}
-    style:height={height === undefined ? undefined : `${height}px`}
-    {style}
+    style="{style ?? ''}; {!width ? '' : `width:${width}px;`} {!height
+      ? ''
+      : `height:${height}px;`}"
     on:click={onSelectNodeHandler}
     on:mouseenter={(event) => dispatch('nodemouseenter', { node, event })}
     on:mouseleave={(event) => dispatch('nodemouseleave', { node, event })}

From 39b0deb9a45e94c971198deaae1a7f85512fa171 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 21 Nov 2023 16:08:13 +0100
Subject: [PATCH 0360/1093] fix(react): node resizer use new width/height attr

---
 .../src/additional-components/NodeResizer/ResizeControl.tsx   | 4 ++--
 packages/system/src/utils/graph.ts                            | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
index 36783fcfd..1df32e061 100644
--- a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
@@ -70,8 +70,8 @@ function ResizeControl({
         const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
 
         prevValues.current = {
-          width: node?.width ?? 0,
-          height: node?.height ?? 0,
+          width: node?.computed?.width ?? 0,
+          height: node?.computed?.height ?? 0,
           x: node?.position.x ?? 0,
           y: node?.position.y ?? 0,
         };
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index c2e276ae7..fe50e1bee 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -254,8 +254,8 @@ export function calcNextPosition<NodeType extends NodeBase>(
           ? [
               [parentPos.x + nodeWidth * currNodeOrigin[0], parentPos.y + nodeHeight * currNodeOrigin[1]],
               [
-                parentPos.x + parentNode.computed?.width - nodeWidth + nodeWidth * currNodeOrigin[0],
-                parentPos.y + parentNode.computed?.height - nodeHeight + nodeHeight * currNodeOrigin[1],
+                parentPos.x + parentNode.computed.width - nodeWidth + nodeWidth * currNodeOrigin[0],
+                parentPos.y + parentNode.computed.height - nodeHeight + nodeHeight * currNodeOrigin[1],
               ],
             ]
           : currentExtent;

From 51e98ea44d29e7a6607dfbb8cabd09c9338436f2 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 21 Nov 2023 16:37:38 +0100
Subject: [PATCH 0361/1093] fix(svelte): node toolbar use new width/height
 attrs

---
 .../svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte  | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte b/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
index b01bbb485..fab6ce2df 100644
--- a/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
+++ b/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
@@ -51,10 +51,11 @@
     let nodeRect: Rect | undefined = undefined;
 
     if (toolbarNodes.length === 1) {
+      const toolbarNode = toolbarNodes[0];
       nodeRect = {
-        ...toolbarNodes[0].position,
-        width: toolbarNodes[0].width ?? 0,
-        height: toolbarNodes[0].height ?? 0
+        ...toolbarNode.position,
+        width: toolbarNode.computed?.width ?? toolbarNode.width ?? 0,
+        height: toolbarNode.computed?.height ?? toolbarNode.height ?? 0
       };
     } else if (toolbarNodes.length > 1) {
       nodeRect = getNodesBounds(toolbarNodes, $nodeOrigin);

From ab5eef220f65881e94464f6a332e25f614672edb Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Thu, 23 Nov 2023 12:15:36 +0100
Subject: [PATCH 0362/1093] Feat: dark mode (#3652)

* feat(react/svelte): add dark mode defaults

* refactor(darkmode): minimap, edges, edge labels

* chore(style): edge label color

* feat(colorMode): add colorMode prop light/dark/system

* chore(examples): cleanup

* test(colorMode): add tests

* chore(base.css): add dark base

* chore(examples): cleanup
---
 examples/react/src/App/routes.ts              |  6 ++
 .../react/src/examples/ColorMode/index.tsx    | 88 +++++++++++++++++++
 .../react/src/examples/EasyConnect/index.tsx  |  1 -
 .../react/src/examples/NodeResizer/index.tsx  |  2 -
 .../react/src/examples/Overview/index.tsx     |  6 +-
 examples/react/src/main.tsx                   |  2 +-
 .../src/components/Header/Header.svelte       |  1 +
 .../routes/examples/color-mode/+page.svelte   | 54 ++++++++++++
 .../src/routes/examples/edges/+page.svelte    |  2 +-
 .../Background/Patterns.tsx                   |  2 +-
 .../additional-components/MiniMap/MiniMap.tsx | 21 +++--
 .../MiniMap/MiniMapNode.tsx                   |  8 +-
 .../MiniMap/MiniMapNodes.tsx                  | 12 +--
 .../additional-components/MiniMap/types.ts    |  6 +-
 .../react/src/container/ReactFlow/index.tsx   |  5 +-
 packages/react/src/hooks/useColorModeClass.ts | 35 ++++++++
 packages/react/src/index.ts                   |  2 +
 packages/react/src/styles/base.css            | 18 ++++
 packages/react/src/styles/style.css           | 18 ++++
 packages/react/src/types/component-props.ts   |  2 +
 .../container/SvelteFlow/SvelteFlow.svelte    | 13 ++-
 .../src/lib/container/SvelteFlow/types.ts     |  4 +-
 .../src/lib/container/SvelteFlow/utils.ts     | 14 ++-
 .../svelte/src/lib/hooks/useColorModeClass.ts | 32 +++++++
 packages/svelte/src/lib/index.ts              |  4 +-
 .../src/lib/plugins/Minimap/Minimap.svelte    | 30 +------
 .../lib/plugins/Minimap/MinimapNode.svelte    | 10 +--
 packages/svelte/src/styles/base.css           |  9 ++
 packages/svelte/src/styles/style.css          |  9 ++
 packages/system/src/styles/base.css           |  5 ++
 packages/system/src/styles/init.css           | 70 ++++++++++++---
 packages/system/src/styles/style.css          | 31 ++++++-
 packages/system/src/types/general.ts          |  3 +
 tests/playwright/e2e/edges.spec.ts            |  2 +-
 tests/playwright/e2e/node-toolbar.spec.ts     |  2 +-
 tests/playwright/e2e/nodes.spec.ts            |  2 +-
 tests/playwright/e2e/pane.spec.ts             |  6 +-
 tests/playwright/e2e/props.spec.ts            | 22 +++++
 38 files changed, 475 insertions(+), 84 deletions(-)
 create mode 100644 examples/react/src/examples/ColorMode/index.tsx
 create mode 100644 examples/svelte/src/routes/examples/color-mode/+page.svelte
 create mode 100644 packages/react/src/hooks/useColorModeClass.ts
 create mode 100644 packages/svelte/src/lib/hooks/useColorModeClass.ts
 create mode 100644 tests/playwright/e2e/props.spec.ts

diff --git a/examples/react/src/App/routes.ts b/examples/react/src/App/routes.ts
index 6c6b596c7..2665abfa6 100644
--- a/examples/react/src/App/routes.ts
+++ b/examples/react/src/App/routes.ts
@@ -1,5 +1,6 @@
 import Basic from '../examples/Basic';
 import Backgrounds from '../examples/Backgrounds';
+import ColorMode from '../examples/ColorMode';
 import ControlledUncontrolled from '../examples/ControlledUncontrolled';
 import ControlledViewport from '../examples/ControlledViewport';
 import CustomConnectionLine from '../examples/CustomConnectionLine';
@@ -62,6 +63,11 @@ const routes: IRoute[] = [
     path: 'backgrounds',
     component: Backgrounds,
   },
+  {
+    name: 'Color Mode',
+    path: 'color-mode',
+    component: ColorMode,
+  },
   {
     name: 'Cancel Connection',
     path: 'cancel-connection',
diff --git a/examples/react/src/examples/ColorMode/index.tsx b/examples/react/src/examples/ColorMode/index.tsx
new file mode 100644
index 000000000..f867c6502
--- /dev/null
+++ b/examples/react/src/examples/ColorMode/index.tsx
@@ -0,0 +1,88 @@
+import { ChangeEventHandler, useCallback, useState } from 'react';
+import {
+  ReactFlow,
+  addEdge,
+  Node,
+  useNodesState,
+  useEdgesState,
+  OnConnect,
+  Edge,
+  MiniMap,
+  Background,
+  Controls,
+  Panel,
+  ColorMode,
+  Position,
+} from '@xyflow/react';
+
+const nodeDefaults = {
+  sourcePosition: Position.Right,
+  targetPosition: Position.Left,
+};
+
+const initialNodes: Node[] = [
+  { id: 'A', type: 'input', position: { x: 0, y: 150 }, data: { label: 'A' }, ...nodeDefaults },
+  { id: 'B', position: { x: 250, y: 0 }, data: { label: 'B' }, ...nodeDefaults },
+  { id: 'C', position: { x: 250, y: 150 }, data: { label: 'C' }, ...nodeDefaults },
+  { id: 'D', position: { x: 250, y: 300 }, data: { label: 'D' }, ...nodeDefaults },
+];
+
+const initialEdges: Edge[] = [
+  {
+    id: 'A-B',
+    source: 'A',
+    target: 'B',
+  },
+  {
+    id: 'A-C',
+    source: 'A',
+    target: 'C',
+  },
+  {
+    id: 'A-D',
+    source: 'A',
+    target: 'D',
+  },
+];
+
+const ColorModeFlow = () => {
+  const [colorMode, setColorMode] = useState<ColorMode>('light');
+  const [nodes, , onNodesChange] = useNodesState(initialNodes);
+  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
+
+  const onConnect: OnConnect = useCallback(
+    (params) => {
+      console.log('on connect', params);
+      setEdges((eds) => addEdge(params, eds));
+    },
+    [setEdges]
+  );
+
+  const onChange: ChangeEventHandler<HTMLSelectElement> = (evt) => setColorMode(evt.target.value as ColorMode);
+
+  return (
+    <ReactFlow
+      nodes={nodes}
+      edges={edges}
+      onNodesChange={onNodesChange}
+      onEdgesChange={onEdgesChange}
+      onConnect={onConnect}
+      colorMode={colorMode}
+      fitView
+    >
+      <MiniMap />
+      <Background />
+      <Controls />
+
+      <Panel position="top-right">
+        <select onChange={onChange} data-testid="colormode-select">
+          <option value="light">light</option>
+          <option value="dark">dark</option>
+          <option value="system">system</option>
+        </select>
+      </Panel>
+    </ReactFlow>
+  );
+};
+
+export default ColorModeFlow;
diff --git a/examples/react/src/examples/EasyConnect/index.tsx b/examples/react/src/examples/EasyConnect/index.tsx
index 7e6008480..11e347f11 100644
--- a/examples/react/src/examples/EasyConnect/index.tsx
+++ b/examples/react/src/examples/EasyConnect/index.tsx
@@ -5,7 +5,6 @@ import CustomNode from './CustomNode';
 import FloatingEdge from './FloatingEdge';
 import CustomConnectionLine from './CustomConnectionLine';
 
-import '@xyflow/react/dist/style.css';
 import './style.css';
 
 const initialNodes: Node[] = [
diff --git a/examples/react/src/examples/NodeResizer/index.tsx b/examples/react/src/examples/NodeResizer/index.tsx
index e276996c1..11ce29d2c 100644
--- a/examples/react/src/examples/NodeResizer/index.tsx
+++ b/examples/react/src/examples/NodeResizer/index.tsx
@@ -16,8 +16,6 @@ import CustomResizer from './CustomResizer';
 import VerticalResizer from './VerticalResizer';
 import HorizontalResizer from './HorizontalResizer';
 
-import '@xyflow/react/dist/style.css';
-
 const nodeTypes = {
   defaultResizer: DefaultResizer,
   customResizer: CustomResizer,
diff --git a/examples/react/src/examples/Overview/index.tsx b/examples/react/src/examples/Overview/index.tsx
index 091105297..e4879acee 100644
--- a/examples/react/src/examples/Overview/index.tsx
+++ b/examples/react/src/examples/Overview/index.tsx
@@ -23,7 +23,7 @@ const onNodeDragStop = (_: ReactMouseEvent, node: Node, nodes: Node[]) => consol
 const onNodeDoubleClick = (_: ReactMouseEvent, node: Node) => console.log('node double click', node);
 const onPaneClick = (event: ReactMouseEvent) => console.log('pane click', event);
 const onPaneScroll = (event?: ReactMouseEvent) => console.log('pane scroll', event);
-const onPaneContextMenu = (event: ReactMouseEvent) => console.log('pane context menu', event);
+const onPaneContextMenu = (event: ReactMouseEvent | MouseEvent) => console.log('pane context menu', event);
 const onSelectionDrag = (_: ReactMouseEvent, nodes: Node[]) => console.log('selection drag', nodes);
 const onSelectionDragStart = (_: ReactMouseEvent, nodes: Node[]) => console.log('selection drag start', nodes);
 const onSelectionDragStop = (_: ReactMouseEvent, nodes: Node[]) => console.log('selection drag stop', nodes);
@@ -230,9 +230,9 @@ const OverviewFlow = () => {
       onEdgesDelete={onEdgesDelete}
       onPaneMouseMove={onPaneMouseMove}
     >
-      <MiniMap nodeStrokeColor={nodeStrokeColor} nodeColor={nodeColor} nodeBorderRadius={2} />
+      <MiniMap nodeBorderRadius={2} />
       <Controls />
-      <Background color="#aaa" gap={25} />
+      <Background gap={25} />
     </ReactFlow>
   );
 };
diff --git a/examples/react/src/main.tsx b/examples/react/src/main.tsx
index 663a29b57..4fdcd68a1 100644
--- a/examples/react/src/main.tsx
+++ b/examples/react/src/main.tsx
@@ -1,7 +1,7 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 
-import App from './App';
+import App from './App/index';
 
 import '@xyflow/react/dist/style.css';
 import './index.css';
diff --git a/examples/svelte/src/components/Header/Header.svelte b/examples/svelte/src/components/Header/Header.svelte
index fde20817e..7d2297965 100644
--- a/examples/svelte/src/components/Header/Header.svelte
+++ b/examples/svelte/src/components/Header/Header.svelte
@@ -4,6 +4,7 @@
 
 	const routes = [
 		'add-node-on-drop',
+		'colormode',
 		'custom-connection-line',
 		'customnode',
 		'dagre',
diff --git a/examples/svelte/src/routes/examples/color-mode/+page.svelte b/examples/svelte/src/routes/examples/color-mode/+page.svelte
new file mode 100644
index 000000000..59ddfdfdc
--- /dev/null
+++ b/examples/svelte/src/routes/examples/color-mode/+page.svelte
@@ -0,0 +1,54 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import {
+		SvelteFlow,
+		Controls,
+		Background,
+		BackgroundVariant,
+		Position,
+		MiniMap,
+		Panel,
+		type ColorMode
+	} from '@xyflow/svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodeDefaults = {
+		sourcePosition: Position.Right,
+		targetPosition: Position.Left
+	};
+
+	const nodes = writable([
+		{
+			id: 'A',
+			position: { x: 0, y: 150 },
+			data: { label: 'A' },
+			...nodeDefaults
+		},
+		{ id: 'B', position: { x: 250, y: 0 }, data: { label: 'B' }, ...nodeDefaults },
+		{ id: 'C', position: { x: 250, y: 150 }, data: { label: 'C' }, ...nodeDefaults },
+		{ id: 'D', position: { x: 250, y: 300 }, data: { label: 'D' }, ...nodeDefaults }
+	]);
+
+	const edges = writable([
+		{ id: 'A-B', source: 'A', target: 'B' },
+		{ id: 'A-C', source: 'A', target: 'C' },
+		{ id: 'A-D', source: 'A', target: 'D' }
+	]);
+
+	let colorMode: ColorMode = 'light';
+</script>
+
+<SvelteFlow {nodes} {edges} {colorMode} fitView>
+	<Controls />
+	<Background variant={BackgroundVariant.Dots} />
+	<MiniMap />
+
+	<Panel>
+		<select bind:value={colorMode} data-testid="colormode-select">
+			<option value="light">light</option>
+			<option value="dark">dark</option>
+			<option value="system">system</option>
+		</select>
+	</Panel>
+</SvelteFlow>
diff --git a/examples/svelte/src/routes/examples/edges/+page.svelte b/examples/svelte/src/routes/examples/edges/+page.svelte
index fc1183333..403b0ef62 100644
--- a/examples/svelte/src/routes/examples/edges/+page.svelte
+++ b/examples/svelte/src/routes/examples/edges/+page.svelte
@@ -145,7 +145,7 @@
 	]);
 </script>
 
-<SvelteFlow {nodes} {edges} fitView nodeDragThreshold={2} ondelete={console.log}>
+<SvelteFlow {nodes} {edges} fitView nodeDragThreshold={2}>
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />
 	<MiniMap />
diff --git a/packages/react/src/additional-components/Background/Patterns.tsx b/packages/react/src/additional-components/Background/Patterns.tsx
index 1fc71ae55..61715c5a8 100644
--- a/packages/react/src/additional-components/Background/Patterns.tsx
+++ b/packages/react/src/additional-components/Background/Patterns.tsx
@@ -26,6 +26,6 @@ type DotPatternProps = {
 
 export function DotPattern({ radius, className }: DotPatternProps) {
   return (
-    <circle cx={radius} cy={radius} r={radius} className={cc(['react-flow__background-pattern', 'dot', className])} />
+    <circle cx={radius} cy={radius} r={radius} className={cc(['react-flow__background-pattern', 'dots', className])} />
   );
 }
diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index f56ae57fa..338488369 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { memo, useEffect, useRef, type MouseEvent, useCallback } from 'react';
+import { memo, useEffect, useRef, type MouseEvent, useCallback, CSSProperties } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
 import { getNodesBounds, getBoundsOfRects, XYMinimap, type Rect, type XYMinimapInstance } from '@xyflow/system';
@@ -40,15 +40,15 @@ const ARIA_LABEL_KEY = 'react-flow__minimap-desc';
 function MiniMap({
   style,
   className,
-  nodeStrokeColor = 'transparent',
-  nodeColor = '#e2e2e2',
+  nodeStrokeColor,
+  nodeColor,
   nodeClassName = '',
   nodeBorderRadius = 5,
-  nodeStrokeWidth = 2,
+  nodeStrokeWidth,
   // We need to rename the prop to be `CapitalCase` so that JSX will render it as
   // a component properly.
   nodeComponent,
-  maskColor = 'rgb(240, 240, 240, 0.6)',
+  maskColor,
   maskStrokeColor = 'none',
   maskStrokeWidth = 1,
   position = 'bottom-right',
@@ -126,7 +126,15 @@ function MiniMap({
   return (
     <Panel
       position={position}
-      style={style}
+      style={
+        {
+          ...style,
+          '--minimap-mask-color-props': typeof maskColor === 'string' ? maskColor : undefined,
+          '--minimap-node-background-color-props': typeof nodeColor === 'string' ? nodeColor : undefined,
+          '--minimap-node-stroke-color-props': typeof nodeStrokeColor === 'string' ? nodeStrokeColor : undefined,
+          '--minimap-node-stroke-width-props': typeof nodeStrokeWidth === 'string' ? nodeStrokeWidth : undefined,
+        } as CSSProperties
+      }
       className={cc(['react-flow__minimap', className])}
       data-testid="rf__minimap"
     >
@@ -153,7 +161,6 @@ function MiniMap({
           className="react-flow__minimap-mask"
           d={`M${x - offset},${y - offset}h${width + offset * 2}v${height + offset * 2}h${-width - offset * 2}z
         M${viewBB.x},${viewBB.y}h${viewBB.width}v${viewBB.height}h${-viewBB.width}z`}
-          fill={maskColor}
           fillRule="evenodd"
           stroke={maskStrokeColor}
           strokeWidth={maskStrokeWidth}
diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx
index 5fe704622..76edf5e6b 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx
@@ -31,9 +31,11 @@ function MiniMapNode({
       ry={borderRadius}
       width={width}
       height={height}
-      fill={fill}
-      stroke={strokeColor}
-      strokeWidth={strokeWidth}
+      style={{
+        fill,
+        stroke: strokeColor,
+        strokeWidth,
+      }}
       shapeRendering={shapeRendering}
       onClick={onClick ? (event) => onClick(event, id) : undefined}
     />
diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index d72700a71..80ac09be6 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -19,11 +19,11 @@ const selectorNodes = (s: ReactFlowState) =>
 const getAttrFunction = (func: any): GetMiniMapNodeAttribute => (func instanceof Function ? func : () => func);
 
 function MiniMapNodes({
-  nodeStrokeColor = 'transparent',
-  nodeColor = '#e2e2e2',
+  nodeStrokeColor,
+  nodeColor,
   nodeClassName = '',
   nodeBorderRadius = 5,
-  nodeStrokeWidth = 2,
+  nodeStrokeWidth,
   // We need to rename the prop to be `CapitalCase` so that JSX will render it as
   // a component properly.
   nodeComponent: NodeComponent = MiniMapNode,
@@ -41,6 +41,8 @@ function MiniMapNodes({
     <>
       {nodes.map((node) => {
         const { x, y } = getNodePositionWithOrigin(node, node.origin || nodeOrigin).positionAbsolute;
+        const color = nodeColor === undefined ? undefined : nodeColorFunc(node);
+        const strokeColor = nodeStrokeColor === undefined ? undefined : nodeStrokeColorFunc(node);
 
         return (
           <NodeComponent
@@ -52,9 +54,9 @@ function MiniMapNodes({
             style={node.style}
             selected={!!node.selected}
             className={nodeClassNameFunc(node)}
-            color={nodeColorFunc(node)}
+            color={color}
             borderRadius={nodeBorderRadius}
-            strokeColor={nodeStrokeColorFunc(node)}
+            strokeColor={strokeColor}
             strokeWidth={nodeStrokeWidth}
             shapeRendering={shapeRendering}
             onClick={onClick}
diff --git a/packages/react/src/additional-components/MiniMap/types.ts b/packages/react/src/additional-components/MiniMap/types.ts
index 323374cf9..5667f7a8f 100644
--- a/packages/react/src/additional-components/MiniMap/types.ts
+++ b/packages/react/src/additional-components/MiniMap/types.ts
@@ -42,10 +42,10 @@ export type MiniMapNodeProps = {
   height: number;
   borderRadius: number;
   className: string;
-  color: string;
+  color?: string;
   shapeRendering: string;
-  strokeColor: string;
-  strokeWidth: number;
+  strokeColor?: string;
+  strokeWidth?: number;
   style?: CSSProperties;
   selected: boolean;
   onClick?: (event: MouseEvent, id: string) => void;
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index d7995a53e..1b3dc7967 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -23,6 +23,7 @@ import A11yDescriptions from '../../components/A11yDescriptions';
 import GraphView from '../GraphView';
 import Wrapper from './Wrapper';
 import type { EdgeTypes, NodeTypes, ReactFlowProps, ReactFlowRefType } from '../../types';
+import useColorModeClass from '../../hooks/useColorModeClass';
 
 const defaultNodeTypes: NodeTypes = {
   input: InputNode,
@@ -169,18 +170,20 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
       onViewportChange,
       width,
       height,
+      colorMode = 'light',
       ...rest
     },
     ref
   ) => {
     const rfId = id || '1';
+    const colorModeClassName = useColorModeClass(colorMode);
 
     return (
       <div
         {...rest}
         style={{ ...style, ...wrapperStyle }}
         ref={ref}
-        className={cc(['react-flow', className])}
+        className={cc(['react-flow', className, colorModeClassName])}
         data-testid="rf__wrapper"
         id={id}
       >
diff --git a/packages/react/src/hooks/useColorModeClass.ts b/packages/react/src/hooks/useColorModeClass.ts
new file mode 100644
index 000000000..b66f8cead
--- /dev/null
+++ b/packages/react/src/hooks/useColorModeClass.ts
@@ -0,0 +1,35 @@
+import { useEffect, useState } from 'react';
+import type { ColorMode, ColorModeClass } from '@xyflow/system';
+
+function getMediaQuery() {
+  if (typeof window === 'undefined' || !window.matchMedia) {
+    return null;
+  }
+
+  return window.matchMedia('(prefers-color-scheme: dark)');
+}
+
+export default function useColorModeClass(colorMode: ColorMode): ColorModeClass {
+  const [colorModeClass, setColorModeClass] = useState<ColorModeClass | null>(
+    colorMode === 'system' ? null : colorMode
+  );
+
+  useEffect(() => {
+    if (colorMode !== 'system') {
+      setColorModeClass(colorMode);
+      return;
+    }
+
+    const mediaQuery = getMediaQuery();
+    const updateColorModeClass = () => setColorModeClass(mediaQuery?.matches ? 'dark' : 'light');
+
+    updateColorModeClass();
+    mediaQuery?.addEventListener('change', updateColorModeClass);
+
+    return () => {
+      mediaQuery?.removeEventListener('change', updateColorModeClass);
+    };
+  }, [colorMode]);
+
+  return colorModeClass !== null ? colorModeClass : getMediaQuery()?.matches ? 'dark' : 'light';
+}
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index be3de1b5b..4fe922e57 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -73,6 +73,8 @@ export {
   type Box,
   type Transform,
   type CoordinateExtent,
+  type ColorMode,
+  type ColorModeClass,
 } from '@xyflow/system';
 
 // system utils
diff --git a/packages/react/src/styles/base.css b/packages/react/src/styles/base.css
index d6be5b101..4a7281dc4 100644
--- a/packages/react/src/styles/base.css
+++ b/packages/react/src/styles/base.css
@@ -1,3 +1,21 @@
 /* this will be exported as base.css and can be used for a basic styling */
 @import '../../../system/src/styles/init.css';
 @import '../../../system/src/styles/base.css';
+
+.react-flow {
+  --edge-label-background-color-default: #ffffff;
+  --edge-label-color-default: inherit;
+}
+
+.react-flow.dark {
+  --edge-label-background-color-default: #141414;
+  --edge-label-color-default: #f8f8f8;
+}
+
+.react-flow__edge-textbg {
+  fill: var(--edge-label-background-color, var(--edge-label-background-color-default));
+}
+
+.react-flow__edge-text {
+  fill: var(--edge-label-color, var(--edge-label-color-default));
+}
diff --git a/packages/react/src/styles/style.css b/packages/react/src/styles/style.css
index 406af4e9d..2ff7f6c19 100644
--- a/packages/react/src/styles/style.css
+++ b/packages/react/src/styles/style.css
@@ -2,3 +2,21 @@
 @import '../../../system/src/styles/init.css';
 @import '../../../system/src/styles/style.css';
 @import '../../../system/src/styles/node-resizer.css';
+
+.react-flow {
+  --edge-label-background-color-default: #ffffff;
+  --edge-label-color-default: inherit;
+}
+
+.react-flow.dark {
+  --edge-label-background-color-default: #141414;
+  --edge-label-color-default: #f8f8f8;
+}
+
+.react-flow__edge-textbg {
+  fill: var(--edge-label-background-color, var(--edge-label-background-color-default));
+}
+
+.react-flow__edge-text {
+  fill: var(--edge-label-color, var(--edge-label-color-default));
+}
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index 583b3d86c..770432f56 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -19,6 +19,7 @@ import type {
   SelectionMode,
   OnError,
   IsValidConnection,
+  ColorMode,
 } from '@xyflow/system';
 
 import type {
@@ -155,6 +156,7 @@ export type ReactFlowProps = Omit<HTMLAttributes<HTMLDivElement>, 'onError'> & {
   nodeDragThreshold?: number;
   width?: number;
   height?: number;
+  colorMode?: ColorMode;
 };
 
 export type ReactFlowRefType = HTMLDivElement;
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 10c1751ea..dd72ec3b2 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -15,8 +15,14 @@
   import { Attribution } from '$lib/components/Attribution';
   import { key, useStore, createStoreContext } from '$lib/store';
   import type { SvelteFlowProps } from './types';
-  import { updateStore, updateStoreByKeys, type UpdatableStoreProps } from './utils';
+  import {
+    updateStore,
+    updateStoreByKeys,
+    type UpdatableStoreProps,
+    getColorModeClass
+  } from './utils';
   import { get } from 'svelte/store';
+  import { useColorModeClass } from '$lib/hooks/useColorModeClass';
 
   type $$Props = SvelteFlowProps;
 
@@ -70,6 +76,7 @@
   export let defaultEdgeOptions: $$Props['defaultEdgeOptions'] = undefined;
   export let width: $$Props['width'] = undefined;
   export let height: $$Props['height'] = undefined;
+  export let colorMode: $$Props['colorMode'] = 'light';
 
   export let defaultMarkerColor = '#b1b1b7';
 
@@ -156,6 +163,8 @@
     maxZoom,
     translateExtent
   });
+
+  $: colorModeClass = useColorModeClass(colorMode);
 </script>
 
 <div
@@ -163,7 +172,7 @@
   bind:clientWidth
   bind:clientHeight
   {style}
-  class={cc(['svelte-flow', className])}
+  class={cc(['svelte-flow', className, $colorModeClass])}
   data-testid="svelte-flow__wrapper"
   on:dragover
   on:drop
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index bf66a30b9..daab48e97 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -14,7 +14,8 @@ import type {
   OnError,
   ConnectionMode,
   PanelPosition,
-  ProOptions
+  ProOptions,
+  ColorMode
 } from '@xyflow/system';
 
 import type {
@@ -75,6 +76,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   defaultEdgeOptions?: DefaultEdgeOptions;
   width?: number;
   height?: number;
+  colorMode?: ColorMode;
 
   class?: string;
   style?: string;
diff --git a/packages/svelte/src/lib/container/SvelteFlow/utils.ts b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
index fe5a15aa9..9abdb3e9f 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/utils.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
@@ -1,6 +1,6 @@
 import type { SvelteFlowStore } from '$lib/store/types';
 import type { EdgeTypes, NodeTypes } from '$lib/types';
-import type { CoordinateExtent } from '@xyflow/system';
+import type { ColorMode, CoordinateExtent } from '@xyflow/system';
 import type { Writable } from 'svelte/store';
 
 // this is helper function for updating the store
@@ -77,3 +77,15 @@ export function updateStoreByKeys(store: SvelteFlowStore, keys: UpdatableStorePr
     }
   });
 }
+
+export function getColorModeClass(colorMode?: ColorMode) {
+  if (colorMode !== 'system') {
+    return colorMode;
+  }
+
+  if (!colorMode || typeof window === 'undefined' || !window.matchMedia) {
+    return 'light';
+  }
+
+  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+}
diff --git a/packages/svelte/src/lib/hooks/useColorModeClass.ts b/packages/svelte/src/lib/hooks/useColorModeClass.ts
new file mode 100644
index 000000000..ad163a3f1
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/useColorModeClass.ts
@@ -0,0 +1,32 @@
+import type { ColorMode, ColorModeClass } from '@xyflow/system';
+import { readable, type Readable } from 'svelte/store';
+
+function getMediaQuery() {
+  if (typeof window === 'undefined' || !window.matchMedia) {
+    return null;
+  }
+
+  return window.matchMedia('(prefers-color-scheme: dark)');
+}
+
+export function useColorModeClass(colorMode: ColorMode = 'light'): Readable<ColorModeClass> {
+  const colorModeClass = readable<ColorModeClass>('light', (set) => {
+    if (colorMode !== 'system') {
+      set(colorMode);
+
+      return;
+    }
+
+    const mediaQuery = getMediaQuery();
+    const updateColorModeClass = () => set(mediaQuery?.matches ? 'dark' : 'light');
+
+    set(mediaQuery?.matches ? 'dark' : 'light');
+    mediaQuery?.addEventListener('change', updateColorModeClass);
+
+    return () => {
+      mediaQuery?.removeEventListener('change', updateColorModeClass);
+    };
+  });
+
+  return colorModeClass;
+}
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 88bc483f9..d9e0885f1 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -75,7 +75,9 @@ export {
   type Rect,
   type Box,
   type Transform,
-  type CoordinateExtent
+  type CoordinateExtent,
+  type ColorMode,
+  type ColorModeClass
 } from '@xyflow/system';
 
 // system utils
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index b331a04ed..67f93698c 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -20,7 +20,7 @@
   export let position: $$Props['position'] = 'bottom-right';
   export let ariaLabel: $$Props['ariaLabel'] = 'Mini map';
   export let nodeStrokeColor: $$Props['nodeStrokeColor'] = 'transparent';
-  export let nodeColor: $$Props['nodeColor'] = '#e2e2e2';
+  export let nodeColor: $$Props['nodeColor'] = undefined;
   export let nodeClass: $$Props['nodeClass'] = '';
   export let nodeBorderRadius: $$Props['nodeBorderRadius'] = 5;
   export let nodeStrokeWidth: $$Props['nodeStrokeWidth'] = 2;
@@ -51,7 +51,7 @@
     translateExtent
   } = useStore();
 
-  const nodeColorFunc = getAttrFunction(nodeColor);
+  const nodeColorFunc = nodeColor === undefined ? undefined : getAttrFunction(nodeColor);
   const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
   const nodeClassFunc = getAttrFunction(nodeClass);
   const shapeRendering =
@@ -122,7 +122,7 @@
             width={node.computed?.width ?? node.width ?? 0}
             height={node.computed?.height ?? node.height ?? 0}
             selected={node.selected}
-            color={nodeColorFunc(node)}
+            color={nodeColorFunc?.(node)}
             borderRadius={nodeBorderRadius}
             strokeColor={nodeStrokeColorFunc(node)}
             strokeWidth={nodeStrokeWidth}
@@ -142,27 +142,3 @@
     </svg>
   {/if}
 </Panel>
-
-<style>
-  svg {
-    background-color: var(
-      --minimap-background-color-props,
-      var(--minimap-background-color, var(--minimap-background-color-default))
-    );
-  }
-
-  .svelte-flow__minimap-mask {
-    fill: var(
-      --minimap-mask-color-props,
-      var(--minimap-mask-color, var(--minimap-mask-color-default))
-    );
-    stroke: var(
-      --minimap-mask-stroke-color-props,
-      var(--minimap-mask-stroke-color, var(--minimap-mask-stroke-color-default))
-    );
-    stroke-width: var(
-      --minimap-mask-stroke-width-props,
-      var(--minimap-mask-stroke-width, var(--minimap-mask-stroke-width-default))
-    );
-  }
-</style>
diff --git a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
index ff0b1f0a5..b17165a00 100644
--- a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
@@ -6,9 +6,9 @@
   export let width: number = 0;
   export let height: number = 0;
   export let borderRadius: number = 5;
-  export let color: string;
+  export let color: string | undefined = undefined;
   export let shapeRendering: string;
-  export let strokeColor: string;
+  export let strokeColor: string | undefined = undefined;
   export let strokeWidth: number = 2;
   export let selected: boolean = false;
   let className: string = '';
@@ -24,8 +24,8 @@
   ry={borderRadius}
   {width}
   {height}
-  fill={color}
-  stroke={strokeColor}
-  stroke-width={strokeWidth}
+  style={`${color ? `fill: ${color};` : ''}${strokeColor ? `stroke: ${strokeColor};` : ''}${
+    strokeWidth ? `stroke-width: ${strokeWidth};` : ''
+  }`}
   shape-rendering={shapeRendering}
 />
diff --git a/packages/svelte/src/styles/base.css b/packages/svelte/src/styles/base.css
index 80bc953da..b9861c98f 100644
--- a/packages/svelte/src/styles/base.css
+++ b/packages/svelte/src/styles/base.css
@@ -2,7 +2,16 @@
 @import '../../../system/src/styles/init.css';
 @import '../../../system/src/styles/base.css';
 
+.svelte-flow {
+  --edge-label-color-default: inherit;
+}
+
+.svelte-flow.dark {
+  --edge-label-color-default: #f8f8f8;
+}
+
 .svelte-flow__edge-label {
   text-align: center;
   position: absolute;
+  color: var(--edge-label-color, var(--edge-label-color-default));
 }
diff --git a/packages/svelte/src/styles/style.css b/packages/svelte/src/styles/style.css
index c65dc9827..cd89ee84c 100644
--- a/packages/svelte/src/styles/style.css
+++ b/packages/svelte/src/styles/style.css
@@ -2,10 +2,19 @@
 @import '../../../system/src/styles/init.css';
 @import '../../../system/src/styles/style.css';
 
+.svelte-flow {
+  --edge-label-color-default: inherit;
+}
+
+.svelte-flow.dark {
+  --edge-label-color-default: #f8f8f8;
+}
+
 .svelte-flow__edge-label {
   text-align: center;
   position: absolute;
   font-size: 10px;
+  color: var(--edge-label-color, var(--edge-label-color-default));
 }
 
 .svelte-flow__nodes {
diff --git a/packages/system/src/styles/base.css b/packages/system/src/styles/base.css
index 31afe71a9..1cb026b66 100644
--- a/packages/system/src/styles/base.css
+++ b/packages/system/src/styles/base.css
@@ -8,6 +8,10 @@
   --selection-border-default: 1px dotted rgba(155, 155, 155, 0.8);
 }
 
+.xy-flow.dark {
+  --node-color-default: #f8f8f8;
+}
+
 .xy-flow__handle {
   background-color: var(--handle-background-color, var(--handle-background-color-default));
 }
@@ -17,6 +21,7 @@
 .xy-flow__node-output,
 .xy-flow__node-group {
   border: var(--node-border, var(--node-border-default));
+  color: var(--node-color, var(--node-color-default));
 
   &.selected,
   &:focus,
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 9fed0d7be..474b13229 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -11,12 +11,43 @@
   --attribution-background-color-default: rgba(255, 255, 255, 0.5);
 
   --minimap-background-color-default: #fff;
-
-  --background-pattern-dot-color-default: #91919a;
-  --background-pattern-line-color-default: #eee;
+  --minimap-mask-background-color-default: rgb(240, 240, 240, 0.6);
+  --minimap-node-background-color-default: #e2e2e2;
+  --minimap-node-stroke-color-default: transparent;
+  --minimap-node-stroke-width-default: 2;
+
+  --background-color-default: transparent;
+  --background-pattern-dots-color-default: #91919a;
+  --background-pattern-lines-color-default: #eee;
   --background-pattern-cross-color-default: #e2e2e2;
 }
 
+.xy-flow.dark {
+  --edge-stroke-default: #3c3c3c;
+  --edge-stroke-width-default: 1;
+  --edge-stroke-selected-default: #727272;
+
+  --connectionline-stroke-default: #b1b1b7;
+  --connectionline-stroke-width-default: 1;
+
+  --attribution-background-color-default: rgba(150, 150, 150, 0.25);
+
+  --minimap-background-color-default: #141414;
+  --minimap-mask-background-color-default: rgb(60, 60, 60, 0.6);
+  --minimap-node-background-color-default: #2b2b2b;
+  --minimap-node-stroke-color-default: transparent;
+  --minimap-node-stroke-width-default: 2;
+
+  --background-color-default: #141414;
+  --background-pattern-dots-color-default: #777;
+  --background-pattern-lines-color-default: #777;
+  --background-pattern-cross-color-default: #777;
+}
+
+.xy-flow {
+  background-color: var(--background-color-props, var(--background-color-default, 'transparent'));
+}
+
 .xy-flow__container {
   position: absolute;
   width: 100%;
@@ -108,16 +139,11 @@
     pointer-events: all;
   }
 
-  &-textbg {
-    fill: white;
-  }
-
   .xy-flow__edge-text {
     pointer-events: none;
     user-select: none;
   }
 }
-
 .xy-flow__connection {
   pointer-events: none;
 
@@ -268,26 +294,47 @@
 
 .xy-flow__minimap {
   background: var(--minimap-background-color, var(--minimap-background-color-default));
+
+  &-mask {
+    fill: var(
+      --minimap-mask-background-color-props,
+      var(--minimap-mask-background-color, var(--minimap-mask-background-color-default))
+    );
+  }
+
+  &-node {
+    fill: var(
+      --minimap-node-background-color-props,
+      var(--minimap-node-background-color, var(--minimap-node-background-color-default))
+    );
+    stroke: var(
+      --minimap-node-stroke-color-props,
+      var(--minimap-node-stroke-color, var(--minimap-node-stroke-color-default))
+    );
+    stroke-width: var(
+      --minimap-node-stroke-width-props,
+      var(--minimap-node-stroke-width, var(--minimap-node-stroke-width-default))
+    );
+  }
 }
 
 .xy-flow__background {
   pointer-events: none;
   z-index: -1;
-  background-color: var(--background-color-props, 'transparent');
 }
 
 .xy-flow__background-pattern {
   &.dots {
     fill: var(
       --background-pattern-color-props,
-      var(--background-pattern-color, var(--background-pattern-dot-color-default))
+      var(--background-pattern-color, var(--background-pattern-dots-color-default))
     );
   }
 
   &.lines {
     stroke: var(
       --background-pattern-color-props,
-      var(--background-pattern-color, var(--background-pattern-line-color-default))
+      var(--background-pattern-color, var(--background-pattern-lines-color-default))
     );
   }
 
@@ -312,6 +359,7 @@
       width: 100%;
       max-width: 12px;
       max-height: 12px;
+      fill: currentColor;
     }
   }
 }
diff --git a/packages/system/src/styles/style.css b/packages/system/src/styles/style.css
index 99fa8876a..e88cc3f11 100644
--- a/packages/system/src/styles/style.css
+++ b/packages/system/src/styles/style.css
@@ -5,6 +5,7 @@
   --node-group-background-color-default: rgba(240, 240, 240, 0.25);
   --node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
   --node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
+  --node-border-radius-default: 3px;
 
   --handle-background-color-default: #1a192b;
   --handle-border-color-default: #fff;
@@ -20,6 +21,28 @@
   --controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
 }
 
+.xy-flow.dark {
+  --node-color-default: #f8f8f8;
+  --node-border-default: 1px solid #3c3c3c;
+  --node-background-color-default: #1e1e1e;
+  --node-group-background-color-default: rgba(240, 240, 240, 0.25);
+  --node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
+  --node-boxshadow-selected-default: 0 0 0 0.5px #999;
+
+  --handle-background-color-default: #bebebe;
+  --handle-border-color-default: #1e1e1e;
+
+  --selection-background-color-default: rgba(200, 200, 220, 0.08);
+  --selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);
+
+  --controls-button-background-color-default: #2b2b2b;
+  --controls-button-background-color-hover-default: #3e3e3e;
+  --controls-button-color-default: #f8f8f8;
+  --controls-button-color-hover-default: #fff;
+  --controls-button-border-color-default: #5b5b5b;
+  --controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
+}
+
 .xy-flow__edge {
   &.updating {
     .xy-flow__edge-path {
@@ -44,7 +67,7 @@
 .xy-flow__node-output,
 .xy-flow__node-group {
   padding: 10px;
-  border-radius: 3px;
+  border-radius: var(--node-border-radius, var(--node-border-radius-default));
   width: 150px;
   font-size: 12px;
   color: var(--node-color, var(--node-color-default));
@@ -110,7 +133,7 @@
       );
       color: var(
         --controls-button-color-hover-props,
-        var(--controls-button-hover-color, var(--controls-button-hover-color-default))
+        var(--controls-button-color-hover, var(--controls-button-color-hover-default))
       );
     }
 
@@ -122,4 +145,8 @@
       }
     }
   }
+
+  &-button:last-child {
+    border-bottom: none;
+  }
 }
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index bc86442d9..22ad889e8 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -136,3 +136,6 @@ export type UpdateConnection = (params: {
   connectionStartHandle: ConnectingHandle | null;
   connectionEndHandle: ConnectingHandle | null;
 }) => void;
+
+export type ColorModeClass = 'light' | 'dark';
+export type ColorMode = ColorModeClass | 'system';
diff --git a/tests/playwright/e2e/edges.spec.ts b/tests/playwright/e2e/edges.spec.ts
index af2cf9800..16695e634 100644
--- a/tests/playwright/e2e/edges.spec.ts
+++ b/tests/playwright/e2e/edges.spec.ts
@@ -2,7 +2,7 @@ import { test, expect } from '@playwright/test';
 
 import { FRAMEWORK } from './constants';
 
-test.describe('EDGES', () => {
+test.describe('Edges', () => {
   test.beforeEach(async ({ page }) => {
     // Go to the starting url before each test.
     await page.goto('/tests/generic/edges/general');
diff --git a/tests/playwright/e2e/node-toolbar.spec.ts b/tests/playwright/e2e/node-toolbar.spec.ts
index daf76070f..38722e161 100644
--- a/tests/playwright/e2e/node-toolbar.spec.ts
+++ b/tests/playwright/e2e/node-toolbar.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect, Locator } from '@playwright/test';
+import { test, expect } from '@playwright/test';
 import { FRAMEWORK } from './constants';
 
 type Position = 'top' | 'right' | 'bottom' | 'left';
diff --git a/tests/playwright/e2e/nodes.spec.ts b/tests/playwright/e2e/nodes.spec.ts
index 5afa41de3..decd2c4fa 100644
--- a/tests/playwright/e2e/nodes.spec.ts
+++ b/tests/playwright/e2e/nodes.spec.ts
@@ -2,7 +2,7 @@ import { test, expect, Locator } from '@playwright/test';
 
 import { FRAMEWORK } from './constants';
 
-test.describe('NODES', () => {
+test.describe('Nodes', () => {
   test.beforeEach(async ({ page }) => {
     // Go to the starting url before each test.
     await page.goto('/tests/generic/nodes/general');
diff --git a/tests/playwright/e2e/pane.spec.ts b/tests/playwright/e2e/pane.spec.ts
index 15a796557..d4d669883 100644
--- a/tests/playwright/e2e/pane.spec.ts
+++ b/tests/playwright/e2e/pane.spec.ts
@@ -3,7 +3,7 @@ import { test, expect } from '@playwright/test';
 import { FRAMEWORK } from './constants';
 import { getTransform } from './utils';
 
-test.describe('PANE DEFAULT', () => {
+test.describe('Pane default', () => {
   test.beforeEach(async ({ page }) => {
     // Go to the starting url before each test.
     await page.goto('/tests/generic/pane/general');
@@ -126,7 +126,7 @@ test.describe('PANE DEFAULT', () => {
   });
 });
 
-test.describe('PANE NON-DEFAULT', () => {
+test.describe('Pane non-default', () => {
   test.beforeEach(async ({ page }) => {
     // Go to the starting url before each test.
     await page.goto('/tests/generic/pane/non-defaults');
@@ -168,7 +168,7 @@ test.describe('PANE NON-DEFAULT', () => {
   });
 });
 
-test.describe('PANE ACTIVATION KEYS', () => {
+test.describe('Pane activation keys', () => {
   test.beforeEach(async ({ page }) => {
     // Go to the starting url before each test.
     await page.goto('/tests/generic/pane/activation-keys');
diff --git a/tests/playwright/e2e/props.spec.ts b/tests/playwright/e2e/props.spec.ts
new file mode 100644
index 000000000..b8104633f
--- /dev/null
+++ b/tests/playwright/e2e/props.spec.ts
@@ -0,0 +1,22 @@
+import { test, expect } from '@playwright/test';
+
+import { FRAMEWORK } from './constants';
+
+test.describe('Props', () => {
+  test.describe('colorMode', async () => {
+    test('render default light color mode', async ({ page }) => {
+      await page.goto('/examples/color-mode');
+      const locator = page.locator(`.${FRAMEWORK}-flow`);
+
+      await expect(locator).not.toHaveClass(/dark/);
+    });
+
+    test('render dark color mode', async ({ page }) => {
+      await page.goto('/examples/color-mode');
+      const locator = page.locator(`.${FRAMEWORK}-flow`);
+      await page.getByTestId('colormode-select').selectOption({ label: 'dark' });
+
+      await expect(locator).toHaveClass(/dark/);
+    });
+  });
+});

From 38b5051179413d1a2439621aefb10143e9f61fba Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 23 Nov 2023 12:49:06 +0100
Subject: [PATCH 0363/1093] feat(svelte): add on:selectionclick and
 on:selectioncontextmenu closes #3646

---
 .../src/routes/examples/overview/+page.svelte   |  2 ++
 .../NodeSelection/NodeSelection.svelte          | 17 +++++++++++++++++
 .../lib/container/SvelteFlow/SvelteFlow.svelte  |  2 +-
 3 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/examples/svelte/src/routes/examples/overview/+page.svelte b/examples/svelte/src/routes/examples/overview/+page.svelte
index dddbf398f..68fd4aaac 100644
--- a/examples/svelte/src/routes/examples/overview/+page.svelte
+++ b/examples/svelte/src/routes/examples/overview/+page.svelte
@@ -174,6 +174,8 @@
 		event.preventDefault();
 		console.log('on edge contextmenu', edge);
 	}}
+	on:selectionclick={(event) => console.log('on selection click', event)}
+	on:selectioncontextmenu={(event) => console.log('on selection contextmenu', event)}
 	autoPanOnConnect
 	autoPanOnNodeDrag
 	connectionMode={ConnectionMode.Strict}
diff --git a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index 98c48d8c4..b314e2ada 100644
--- a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -1,15 +1,30 @@
 <script lang="ts">
   import { getNodesBounds } from '@xyflow/system';
+  import { createEventDispatcher } from 'svelte';
 
   import { useStore } from '$lib/store';
   import { Selection } from '$lib/components/Selection';
   import drag from '$lib/actions/drag';
+  import type { Node } from '$lib/types';
 
   const store = useStore();
   const { selectionRectMode, nodes } = store;
 
+  const dispatch = createEventDispatcher<{
+    selectioncontextmenu: { nodes: Node[]; event: MouseEvent | TouchEvent };
+    selectionclick: { nodes: Node[]; event: MouseEvent | TouchEvent };
+  }>();
+
   $: selectedNodes = $nodes.filter((n) => n.selected);
   $: bounds = getNodesBounds(selectedNodes);
+
+  function onContextMenu(event: MouseEvent | TouchEvent) {
+    dispatch('selectioncontextmenu', { nodes: selectedNodes, event });
+  }
+
+  function onClick(event: MouseEvent | TouchEvent) {
+    dispatch('selectionclick', { nodes: selectedNodes, event });
+  }
 </script>
 
 {#if selectedNodes && $selectionRectMode === 'nodes'}
@@ -17,6 +32,8 @@
     class="selection-wrapper nopan"
     style="width: {bounds.width}px; height: {bounds.height}px; transform: translate({bounds.x}px, {bounds.y}px)"
     use:drag={{ disabled: false, store }}
+    on:contextmenu={onContextMenu}
+    on:click={onClick}
   >
     <Selection width="100%" height="100%" x={0} y={0} />
   </div>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index dd72ec3b2..59bff1f44 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -223,7 +223,7 @@
           on:nodedragstop
           on:nodecontextmenu
         />
-        <NodeSelection />
+        <NodeSelection on:selectionclick on:selectioncontextmenu />
       </ViewportComponent>
       <UserSelection />
     </Pane>

From 1dfff1bf5bec36adce648219cec20f8b9c7b37a7 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 23 Nov 2023 13:50:28 +0100
Subject: [PATCH 0364/1093] refactor(libs) add width, height and
 positionAbsolute props to NodeProps

---
 .../src/components/ReactFlowExample/CustomNode.tsx |  4 ++--
 examples/react/src/examples/Subflow/DebugNode.tsx  |  4 ++--
 .../src/routes/examples/overview/CustomNode.svelte |  7 +++----
 .../src/routes/examples/subflows/DebugNode.svelte  | 14 +++-----------
 packages/react/src/components/Nodes/wrapNode.tsx   |  6 ++++--
 .../react/src/container/NodeRenderer/index.tsx     |  1 +
 packages/react/src/types/nodes.ts                  |  3 ++-
 .../lib/components/NodeWrapper/NodeWrapper.svelte  |  5 +++--
 .../svelte/src/lib/components/NodeWrapper/types.ts |  4 ++--
 .../src/lib/components/nodes/DefaultNode.svelte    | 13 +++++++++----
 .../src/lib/components/nodes/GroupNode.svelte      | 13 +++++++++----
 .../src/lib/components/nodes/InputNode.svelte      | 13 +++++++++----
 .../src/lib/components/nodes/OutputNode.svelte     | 10 ++++++----
 .../lib/container/NodeRenderer/NodeRenderer.svelte |  6 +++---
 packages/system/src/types/nodes.ts                 |  5 +++--
 packages/system/src/utils/graph.ts                 |  4 ++--
 16 files changed, 63 insertions(+), 49 deletions(-)

diff --git a/examples/astro-xyflow/src/components/ReactFlowExample/CustomNode.tsx b/examples/astro-xyflow/src/components/ReactFlowExample/CustomNode.tsx
index dc3712391..86aef1374 100644
--- a/examples/astro-xyflow/src/components/ReactFlowExample/CustomNode.tsx
+++ b/examples/astro-xyflow/src/components/ReactFlowExample/CustomNode.tsx
@@ -7,7 +7,7 @@ const sourceHandleStyleB: CSSProperties = {
   left: 'auto',
 };
 
-const CustomNode: FC<NodeProps> = ({ data, xPos, yPos }) => {
+const CustomNode: FC<NodeProps> = ({ data, positionAbsolute }) => {
   return (
     <>
       <Handle type="target" position={Position.Top} />
@@ -18,7 +18,7 @@ const CustomNode: FC<NodeProps> = ({ data, xPos, yPos }) => {
         <div>
           Position:{' '}
           <strong>
-            {xPos.toFixed(2)},{yPos.toFixed(2)}
+            {positionAbsolute.x.toFixed(2)},{positionAbsolute.y.toFixed(2)}
           </strong>
         </div>
       </div>
diff --git a/examples/react/src/examples/Subflow/DebugNode.tsx b/examples/react/src/examples/Subflow/DebugNode.tsx
index 9170ef652..46bae2246 100644
--- a/examples/react/src/examples/Subflow/DebugNode.tsx
+++ b/examples/react/src/examples/Subflow/DebugNode.tsx
@@ -11,13 +11,13 @@ const idStyle: CSSProperties = {
   left: 2,
 };
 
-const DebugNode: FC<NodeProps> = ({ zIndex, xPos, yPos, id }) => {
+const DebugNode: FC<NodeProps> = ({ zIndex, positionAbsolute, id }) => {
   return (
     <>
       <Handle type="target" position={Position.Top} />
       <div style={idStyle}>{id}</div>
       <div style={infoStyle}>
-        x:{Math.round(xPos || 0)} y:{Math.round(yPos || 0)} z:{zIndex}
+        x:{Math.round(positionAbsolute.x)} y:{Math.round(positionAbsolute.y)} z:{zIndex}
       </div>
       <Handle type="source" position={Position.Bottom} />
     </>
diff --git a/examples/svelte/src/routes/examples/overview/CustomNode.svelte b/examples/svelte/src/routes/examples/overview/CustomNode.svelte
index a8f6a2262..1197ce62c 100644
--- a/examples/svelte/src/routes/examples/overview/CustomNode.svelte
+++ b/examples/svelte/src/routes/examples/overview/CustomNode.svelte
@@ -1,16 +1,15 @@
 <script lang="ts">
-	import { Handle, Position, type NodeProps } from '@xyflow/svelte';
+	import { Handle, Position, type NodeProps, type XYPosition } from '@xyflow/svelte';
 
 	type $$Props = NodeProps;
 
 	export let data: { label: string } = { label: 'Node' };
-	export let xPos: number = 0;
-	export let yPos: number = 0;
+	export let positionAbsolute: XYPosition = { x: 0, y: 0 };
 </script>
 
 <div class="custom">
 	<div>{data.label}</div>
-	<div>{~~xPos}, {~~yPos}</div>
+	<div>{~~positionAbsolute.x}, {~~positionAbsolute.y}</div>
 
 	<Handle type="target" position={Position.Top} />
 
diff --git a/examples/svelte/src/routes/examples/subflows/DebugNode.svelte b/examples/svelte/src/routes/examples/subflows/DebugNode.svelte
index 7b4434be9..9676957e9 100644
--- a/examples/svelte/src/routes/examples/subflows/DebugNode.svelte
+++ b/examples/svelte/src/routes/examples/subflows/DebugNode.svelte
@@ -1,24 +1,16 @@
 <script lang="ts">
-	import { Handle, Position, type NodeProps } from '@xyflow/svelte';
+	import { Handle, Position, type NodeProps, type XYPosition } from '@xyflow/svelte';
 
 	type $$Props = NodeProps;
 
 	export let id: string;
-	export let xPos: number = 0;
-	export let yPos: number = 0;
+	export let positionAbsolute: XYPosition = { x: 0, y: 0 };
 	export let zIndex: number = 0;
 </script>
 
 <Handle type="target" position={Position.Top} />
 <div>{id}</div>
 <div>
-	x:{Math.round(xPos || 0)} y:{Math.round(yPos || 0)} z:{zIndex}
+	x:{Math.round(positionAbsolute.x)} y:{Math.round(positionAbsolute.y)} z:{zIndex}
 </div>
 <Handle type="source" position={Position.Bottom} />
-
-<style>
-	.custom {
-		background: #ffcc00;
-		padding: 10px;
-	}
-</style>
diff --git a/packages/react/src/components/Nodes/wrapNode.tsx b/packages/react/src/components/Nodes/wrapNode.tsx
index ab56350b5..cc1537d13 100644
--- a/packages/react/src/components/Nodes/wrapNode.tsx
+++ b/packages/react/src/components/Nodes/wrapNode.tsx
@@ -52,6 +52,7 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
     disableKeyboardA11y,
     ariaLabel,
     rfId,
+    positionAbsolute,
     width,
     height,
   }: WrapNodeProps) => {
@@ -209,8 +210,9 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
             id={id}
             data={data}
             type={type}
-            xPos={xPos}
-            yPos={yPos}
+            width={width}
+            height={height}
+            positionAbsolute={positionAbsolute}
             selected={selected}
             isConnectable={isConnectable}
             sourcePosition={sourcePosition}
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index 3797bc458..73808da11 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -122,6 +122,7 @@ const NodeRenderer = (props: NodeRendererProps) => {
             yPos={posY}
             xPosOrigin={posOrigin.x}
             yPosOrigin={posOrigin.y}
+            positionAbsolute={clampedPosition || { x: 0, y: 0 }}
             onClick={props.onNodeClick}
             onMouseEnter={props.onNodeMouseEnter}
             onMouseMove={props.onNodeMouseMove}
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index ab691af5f..295486662 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -1,5 +1,5 @@
 import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
-import type { NodeBase } from '@xyflow/system';
+import type { NodeBase, XYPosition } from '@xyflow/system';
 
 export type Node<NodeData = any, NodeType extends string | undefined = string | undefined> = NodeBase<
   NodeData,
@@ -24,6 +24,7 @@ export type WrapNodeProps<NodeData = any> = Pick<
     yPos: number;
     xPosOrigin: number;
     yPosOrigin: number;
+    positionAbsolute: XYPosition;
     initialized: boolean;
     isSelectable: boolean;
     isDraggable: boolean;
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 335bff71a..9a73ffa84 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -191,8 +191,9 @@
       {dragging}
       {dragHandle}
       isConnectable={connectable}
-      xPos={positionX}
-      yPos={positionY}
+      positionAbsolute={{ x: positionX, y: positionY }}
+      {width}
+      {height}
       on:connectstart
       on:connect
       on:connectend
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index 3da65c2fc..39fb0c109 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -11,14 +11,14 @@ export type NodeWrapperProps = Pick<
   | 'selected'
   | 'selectable'
   | 'style'
-  | 'width'
-  | 'height'
   | 'type'
   | 'sourcePosition'
   | 'targetPosition'
   | 'dragHandle'
   | 'hidden'
 > & {
+  width?: number;
+  height?: number;
   type: string;
   positionX: number;
   positionY: number;
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index c802de0cf..f4fc72708 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -11,24 +11,29 @@
 
   // unused props - we need to list them here in order to prevent warnings
   export let id: $$Props['id'] = '';
+  export let width: $$Props['width'] = undefined;
+  export let height: $$Props['height'] = undefined;
   export let selected: $$Props['selected'] = undefined;
   export let type: $$Props['type'] = undefined;
   export let zIndex: $$Props['zIndex'] = undefined;
   export let dragging: $$Props['dragging'] = false;
   export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let xPos: $$Props['xPos'] = 0;
-  export let yPos: $$Props['yPos'] = 0;
+  export let positionAbsolute: $$Props['positionAbsolute'] = {
+    x: 0,
+    y: 0
+  };
   export let isConnectable: $$Props['isConnectable'] = undefined;
 
   // @todo: there must be a better way to do this
   id;
+  width;
+  height;
   selected;
   type;
   zIndex;
   dragging;
   dragHandle;
-  xPos;
-  yPos;
+  positionAbsolute;
   isConnectable;
 </script>
 
diff --git a/packages/svelte/src/lib/components/nodes/GroupNode.svelte b/packages/svelte/src/lib/components/nodes/GroupNode.svelte
index cd11b2992..22dd07543 100644
--- a/packages/svelte/src/lib/components/nodes/GroupNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/GroupNode.svelte
@@ -5,6 +5,8 @@
 
   // unused props - we need to list them here in order to prevent warnings
   export let id: $$Props['id'] = '';
+  export let width: $$Props['width'] = undefined;
+  export let height: $$Props['height'] = undefined;
   export let data: $$Props['data'] = {};
   export let selected: $$Props['selected'] = undefined;
   export let sourcePosition: $$Props['sourcePosition'] = undefined;
@@ -13,12 +15,16 @@
   export let zIndex: $$Props['zIndex'] = undefined;
   export let dragging: $$Props['dragging'] = false;
   export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let xPos: $$Props['xPos'] = 0;
-  export let yPos: $$Props['yPos'] = 0;
+  export let positionAbsolute: $$Props['positionAbsolute'] = {
+    x: 0,
+    y: 0
+  };
   export let isConnectable: $$Props['isConnectable'] = undefined;
 
   // @todo: there must be a better way to do this
   id;
+  width;
+  height;
   data;
   selected;
   sourcePosition;
@@ -27,7 +33,6 @@
   zIndex;
   dragging;
   dragHandle;
-  xPos;
-  yPos;
+  positionAbsolute;
   isConnectable;
 </script>
diff --git a/packages/svelte/src/lib/components/nodes/InputNode.svelte b/packages/svelte/src/lib/components/nodes/InputNode.svelte
index 71e40096f..aa911d1cd 100644
--- a/packages/svelte/src/lib/components/nodes/InputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/InputNode.svelte
@@ -10,26 +10,31 @@
 
   // unused props - we need to list them here in order to prevent warnings
   export let id: $$Props['id'] = '';
+  export let width: $$Props['width'] = undefined;
+  export let height: $$Props['height'] = undefined;
   export let selected: $$Props['selected'] = undefined;
   export let targetPosition: $$Props['targetPosition'] = undefined;
   export let type: $$Props['type'] = undefined;
   export let zIndex: $$Props['zIndex'] = undefined;
   export let dragging: $$Props['dragging'] = false;
   export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let xPos: $$Props['xPos'] = 0;
-  export let yPos: $$Props['yPos'] = 0;
+  export let positionAbsolute: $$Props['positionAbsolute'] = {
+    x: 0,
+    y: 0
+  };
   export let isConnectable: $$Props['isConnectable'] = undefined;
 
   // @todo: there must be a better way to do this
   id;
+  width;
+  height;
   selected;
   targetPosition;
   type;
   zIndex;
   dragging;
   dragHandle;
-  xPos;
-  yPos;
+  positionAbsolute;
   isConnectable;
 </script>
 
diff --git a/packages/svelte/src/lib/components/nodes/OutputNode.svelte b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
index a9bde54bb..b5ebc2b1a 100644
--- a/packages/svelte/src/lib/components/nodes/OutputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
@@ -10,26 +10,28 @@
 
   // unused props - we need to list them here in order to prevent warnings
   export let id: $$Props['id'] = '';
+  export let width: $$Props['width'] = undefined;
+  export let height: $$Props['height'] = undefined;
   export let selected: $$Props['selected'] = undefined;
   export let sourcePosition: $$Props['sourcePosition'] = undefined;
   export let type: $$Props['type'] = undefined;
   export let zIndex: $$Props['zIndex'] = undefined;
   export let dragging: $$Props['dragging'] = false;
   export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let xPos: $$Props['xPos'] = 0;
-  export let yPos: $$Props['yPos'] = 0;
+  export let positionAbsolute: $$Props['positionAbsolute'] = { x: 0, y: 0 };
   export let isConnectable: $$Props['isConnectable'] = undefined;
 
   // @todo: there must be a better way to do this
   id;
+  width;
+  height;
   selected;
   sourcePosition;
   type;
   zIndex;
   dragging;
   dragHandle;
-  xPos;
-  yPos;
+  positionAbsolute;
   isConnectable;
 </script>
 
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 48ec792b0..b4b05a1b4 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -68,14 +68,14 @@
       isParent={!!node[internalsSymbol]?.isParent}
       style={node.style}
       class={node.class}
-      type={node.type || 'default'}
+      type={node.type ?? 'default'}
       sourcePosition={node.sourcePosition}
       targetPosition={node.targetPosition}
       dragging={node.dragging}
       zIndex={node[internalsSymbol]?.z ?? 0}
       dragHandle={node.dragHandle}
-      width={node.width}
-      height={node.height}
+      width={node.width ?? undefined}
+      height={node.height ?? undefined}
       initialized={(!!node.computed?.width && !!node.computed?.height) ||
         (!!node.width && !!node.height)}
       {resizeObserver}
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 1e354a55a..b55f3f548 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -52,8 +52,9 @@ export type NodeProps<T = any> = {
   selected: NodeBase['selected'];
   isConnectable: NodeBase['connectable'];
   zIndex: NodeBase['zIndex'];
-  xPos: number;
-  yPos: number;
+  positionAbsolute: XYPosition;
+  width?: number;
+  height?: number;
   dragging: boolean;
   targetPosition?: Position;
   sourcePosition?: Position;
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index fe50e1bee..6a946a107 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -254,8 +254,8 @@ export function calcNextPosition<NodeType extends NodeBase>(
           ? [
               [parentPos.x + nodeWidth * currNodeOrigin[0], parentPos.y + nodeHeight * currNodeOrigin[1]],
               [
-                parentPos.x + parentNode.computed.width - nodeWidth + nodeWidth * currNodeOrigin[0],
-                parentPos.y + parentNode.computed.height - nodeHeight + nodeHeight * currNodeOrigin[1],
+                parentPos.x + (parentNode.computed?.width ?? 0) - nodeWidth + nodeWidth * currNodeOrigin[0],
+                parentPos.y + (parentNode.computed?.height ?? 0) - nodeHeight + nodeHeight * currNodeOrigin[1],
               ],
             ]
           : currentExtent;

From 8fe8f73ed3d7fc2a14b2ecbefffb1b988b2edaf8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 23 Nov 2023 13:51:49 +0100
Subject: [PATCH 0365/1093] chore(svelte/system): bump

---
 packages/svelte/CHANGELOG.md | 15 +++++++++++++++
 packages/svelte/package.json |  2 +-
 packages/system/package.json |  2 +-
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index f32356f57..60674c251 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,3 +1,18 @@
+## 0.0.28
+
+There are some breaking changes again (sorry!) but we are very close to the final API for Svelte Flow 1.0.0. The biggest change is that we group node attriubutes (`width`, `height`, `positionAbsolute`) that are added by the library under `node.computed`. This makes it easier to understand, that this stuff comes from the library itself. `node.width` and `node.height` is still an optional node option and can be used to set certain dimensions for SSR or on the client.
+
+- add `<NodeToolbar />` component
+- add `on:selectionclick` and `on:selectioncontextmenu` event handlers
+- add `ondelete({ nodes, edges })` handler
+- add `zoomActivationKey` prop 
+- add `width` and `height` prop to custom `NodeProps` type
+- ⚠️ replace `xPos` and `yPos` with `positionAbsolute` prop to custom `NodeProps` type
+- ⚠️ `node.width/height` and `node.positionAbsolute` can now be found under `node.computed.width/height/positionAbsolute`
+- ⚠️ `node.width/height` is still optional an can be used for forcing certain dimensions and SSR
+- refactor keys: you can now disable keys by setting them to `null` (e.g. `selectionKey={null}`)
+- performance optimization with internal node lookup
+
 ## 0.0.27
 
 - add `selectionOnDrag` prop - can be used to create figma-like controls in combination with `panOnDrag={false}` / `panOnDrag={[1, 2]}` + `panOnScroll={true}` 
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 3beae0b87..5ed9f8e91 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index d68f2a13d..107296700 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 05bd2e866639853742682ad45eb611393e058607 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Thu, 23 Nov 2023 13:58:34 +0100
Subject: [PATCH 0366/1093] chore(svelte): changelog

---
 packages/svelte/CHANGELOG.md | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 60674c251..12086a6af 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,12 +1,15 @@
 ## 0.0.28
 
-There are some breaking changes again (sorry!) but we are very close to the final API for Svelte Flow 1.0.0. The biggest change is that we group node attriubutes (`width`, `height`, `positionAbsolute`) that are added by the library under `node.computed`. This makes it easier to understand, that this stuff comes from the library itself. `node.width` and `node.height` is still an optional node option and can be used to set certain dimensions for SSR or on the client.
+This is a huge update! We added a new `<NodeToolbar />` component and a new `colorMode` ('light' | 'dark' | 'system') prop for toggling dark/light mode.
+
+There are also some breaking changes again (sorry!) but we are very close to the final API for Svelte Flow 1.0.0. The biggest change is that we group node attriubutes (`width`, `height`, `positionAbsolute`) that are added by the library under `node.computed`. This makes it easier to understand, that this stuff comes from the library itself. `node.width` and `node.height` is still an optional node option and can be used to set certain dimensions for SSR or on the client.
 
 - add `<NodeToolbar />` component
 - add `on:selectionclick` and `on:selectioncontextmenu` event handlers
 - add `ondelete({ nodes, edges })` handler
 - add `zoomActivationKey` prop 
 - add `width` and `height` prop to custom `NodeProps` type
+- add `colorMode` prop ('light' | 'dark' | 'system')
 - ⚠️ replace `xPos` and `yPos` with `positionAbsolute` prop to custom `NodeProps` type
 - ⚠️ `node.width/height` and `node.positionAbsolute` can now be found under `node.computed.width/height/positionAbsolute`
 - ⚠️ `node.width/height` is still optional an can be used for forcing certain dimensions and SSR
@@ -159,4 +162,4 @@ This very first release comes with lots of features already:
 - draggable, selectable and deletable nodes 
 - support for custom `nodeTypes` and `edgeTypes`
 - basic viewport settings like `fitView`, `minZoom` and `maxZoom`
-- additional components: `<MiniMap />`, `<Controls />` & `<Background />` 
\ No newline at end of file
+- additional components: `<MiniMap />`, `<Controls />` & `<Background />` 

From b0ca5a5bc9eccbe511153a3ed17c0ca55656d0e9 Mon Sep 17 00:00:00 2001
From: Ivan Akulov <mail@iamakulov.com>
Date: Wed, 22 Nov 2023 18:50:15 +0100
Subject: [PATCH 0367/1093] Set nodeDragThreshold to 1

This removes an expensive `dragging: false` update on mouseup (with `dragging: true` never even dispatched)
---
 packages/react/src/store/initialState.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 48e5434f3..e0482961d 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -61,7 +61,7 @@ const getInitialState = ({
     paneDragging: false,
     noPanClassName: 'nopan',
     nodeOrigin: [0, 0],
-    nodeDragThreshold: 0,
+    nodeDragThreshold: 1,
 
     snapGrid: [15, 15],
     snapToGrid: false,

From 24390162e08867a7c68c309a0ebcd52dafd6d425 Mon Sep 17 00:00:00 2001
From: Ivan Akulov <mail@iamakulov.com>
Date: Thu, 23 Nov 2023 01:17:55 +0100
Subject: [PATCH 0368/1093] =?UTF-8?q?Store:=20don=E2=80=99t=20regenerate?=
 =?UTF-8?q?=20internal=20nodes=20if=20user-provided=20nodes=20haven?=
 =?UTF-8?q?=E2=80=99t=20changed?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/react/src/store/index.ts             | 21 ++++++++++++-------
 packages/react/src/store/initialState.ts      |  4 ++--
 .../svelte/src/lib/store/initial-store.ts     |  4 ++--
 packages/svelte/src/lib/store/utils.ts        |  4 ++--
 packages/system/src/types/nodes.ts            |  4 ++++
 packages/system/src/utils/store.ts            |  5 ++++-
 6 files changed, 27 insertions(+), 15 deletions(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 0f50f3854..49c7c688f 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -2,7 +2,7 @@ import { createWithEqualityFn } from 'zustand/traditional';
 import {
   clampPosition,
   fitView as fitViewSystem,
-  updateNodes,
+  adoptUserProvidedNodes,
   updateAbsolutePositions,
   panBy as panBySystem,
   Dimensions,
@@ -42,11 +42,16 @@ const createRFStore = ({
       ...getInitialState({ nodes, edges, width, height, fitView }),
       setNodes: (nodes: Node[]) => {
         const { nodeLookup, nodeOrigin, elevateNodesOnSelect } = get();
-        // Whenver new nodes are set, we need to calculate the absolute positions of the nodes
-        // and update the nodeLookup.
-        const nextNodes = updateNodes(nodes, nodeLookup, { nodeOrigin, elevateNodesOnSelect });
-
-        set({ nodes: nextNodes });
+        // setNodes() is called exclusively in response to user actions:
+        // - either when the `<ReactFlow nodes>` prop is updated in the controlled ReactFlow setup,
+        // - or when the user calls something like `reactFlowInstance.setNodes()` in an uncontrolled ReactFlow setup.
+        //
+        // When this happens, we take the note objects passed by the user and extend them with fields
+        // relevant for internal React Flow operations.
+        // TODO: consider updating the types to reflect the distinction between user-provided nodes and internal nodes.
+        const nodesWithInternalData = adoptUserProvidedNodes(nodes, nodeLookup, { nodeOrigin, elevateNodesOnSelect });
+
+        set({ nodes: nodesWithInternalData });
       },
       setEdges: (edges: Edge[]) => {
         const { defaultEdgeOptions = {} } = get();
@@ -69,7 +74,7 @@ const createRFStore = ({
         };
 
         if (hasDefaultNodes) {
-          nextState.nodes = updateNodes(nodes, new Map(), {
+          nextState.nodes = adoptUserProvidedNodes(nodes, new Map(), {
             nodeOrigin: get().nodeOrigin,
             elevateNodesOnSelect: get().elevateNodesOnSelect,
           });
@@ -163,7 +168,7 @@ const createRFStore = ({
         if (changes?.length) {
           if (hasDefaultNodes) {
             const updatedNodes = applyNodeChanges(changes, nodes);
-            const nextNodes = updateNodes(updatedNodes, nodeLookup, {
+            const nextNodes = adoptUserProvidedNodes(updatedNodes, nodeLookup, {
               nodeOrigin,
               elevateNodesOnSelect,
             });
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 48e5434f3..d54ff61cb 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -1,7 +1,7 @@
 import {
   infiniteExtent,
   ConnectionMode,
-  updateNodes,
+  adoptUserProvidedNodes,
   getNodesBounds,
   getViewportForBounds,
   Transform,
@@ -23,7 +23,7 @@ const getInitialState = ({
   fitView?: boolean;
 } = {}): ReactFlowStore => {
   const nodeLookup = new Map<string, Node>();
-  const nextNodes = updateNodes(nodes, nodeLookup, { nodeOrigin: [0, 0], elevateNodesOnSelect: false });
+  const nextNodes = adoptUserProvidedNodes(nodes, nodeLookup, { nodeOrigin: [0, 0], elevateNodesOnSelect: false });
 
   let transform: Transform = [0, 0, 1];
 
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index dbbb17fc3..a3ac2f1e7 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -15,7 +15,7 @@ import {
   type OnError,
   devWarn,
   type Viewport,
-  updateNodes,
+  adoptUserProvidedNodes,
   getNodesBounds,
   getViewportForBounds
 } from '@xyflow/system';
@@ -68,7 +68,7 @@ export const getInitialStore = ({
   fitView?: boolean;
 }) => {
   const nodeLookup = new Map<string, Node>();
-  const nextNodes = updateNodes(nodes, nodeLookup, {
+  const nextNodes = adoptUserProvidedNodes(nodes, nodeLookup, {
     nodeOrigin: [0, 0],
     elevateNodesOnSelect: false
   });
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index a11bf1f69..2d53ac903 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -6,7 +6,7 @@ import {
   type Writable,
   get
 } from 'svelte/store';
-import { updateNodes, type Viewport, type PanZoomInstance } from '@xyflow/system';
+import { adoptUserProvidedNodes, type Viewport, type PanZoomInstance } from '@xyflow/system';
 
 import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, Node } from '$lib/types';
 
@@ -133,7 +133,7 @@ export const createNodesStore = (
   let elevateNodesOnSelect = true;
 
   const _set = (nds: Node[]): Node[] => {
-    const nextNodes = updateNodes(nds, nodeLookup, {
+    const nextNodes = adoptUserProvidedNodes(nds, nodeLookup, {
       elevateNodesOnSelect,
       defaults
     });
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index b55f3f548..33884bf7b 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -40,6 +40,10 @@ export type NodeBase<T = any, U extends string | undefined = string | undefined>
     z?: number;
     handleBounds?: NodeHandleBounds;
     isParent?: boolean;
+    /** Holds a reference to the original node object provided by the user
+     * (which may lack some fields, like `computed` or `[internalSymbol]`. Used
+     * as an optimization to avoid certain operations. */
+    userProvidedNode: WeakRef<NodeBase>;
   };
 };
 
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index eca6b8de6..34d3d5293 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -62,7 +62,7 @@ type UpdateNodesOptions<NodeType extends NodeBase> = {
   defaults?: Partial<NodeType>;
 };
 
-export function updateNodes<NodeType extends NodeBase>(
+export function adoptUserProvidedNodes<NodeType extends NodeBase>(
   nodes: NodeType[],
   nodeLookup: Map<string, NodeType>,
   options: UpdateNodesOptions<NodeType> = {
@@ -76,6 +76,8 @@ export function updateNodes<NodeType extends NodeBase>(
 
   const nextNodes = nodes.map((n) => {
     const currentStoreNode = nodeLookup.get(n.id);
+    if (n === currentStoreNode?.[internalsSymbol]?.userProvidedNode.deref()) return currentStoreNode;
+
     const node: NodeType = {
       ...options.defaults,
       ...n,
@@ -97,6 +99,7 @@ export function updateNodes<NodeType extends NodeBase>(
       value: {
         handleBounds: currInternals?.handleBounds,
         z,
+        userProvidedNode: new WeakRef(n),
       },
     });
 

From 99d945f33c9ebf84e24b460b89cafce087bbc710 Mon Sep 17 00:00:00 2001
From: Ivan Akulov <mail@iamakulov.com>
Date: Thu, 23 Nov 2023 01:19:33 +0100
Subject: [PATCH 0369/1093] Split NodeRenderer into NodeRenderer and
 NodeComponentWrapper

---
 .../src/container/NodeRenderer/index.tsx      | 174 ++++++++++++------
 1 file changed, 113 insertions(+), 61 deletions(-)

diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index 73808da11..7c8137cac 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -76,74 +76,29 @@ const NodeRenderer = (props: NodeRendererProps) => {
   return (
     <div className="react-flow__nodes" style={containerStyle}>
       {nodes.map((node) => {
-        let nodeType = node.type || 'default';
-
-        if (!props.nodeTypes[nodeType]) {
-          onError?.('003', errorMessages['error003'](nodeType));
-
-          nodeType = 'default';
-        }
-
-        const NodeComponent = (props.nodeTypes[nodeType] || props.nodeTypes.default) as ComponentType<WrapNodeProps>;
-        const isDraggable = !!(node.draggable || (nodesDraggable && typeof node.draggable === 'undefined'));
-        const isSelectable = !!(node.selectable || (elementsSelectable && typeof node.selectable === 'undefined'));
-        const isConnectable = !!(node.connectable || (nodesConnectable && typeof node.connectable === 'undefined'));
-        const isFocusable = !!(node.focusable || (nodesFocusable && typeof node.focusable === 'undefined'));
-
-        const clampedPosition = props.nodeExtent
-          ? clampPosition(node.computed?.positionAbsolute, props.nodeExtent)
-          : node.computed?.positionAbsolute;
-
-        const posX = clampedPosition?.x ?? 0;
-        const posY = clampedPosition?.y ?? 0;
-        const posOrigin = getPositionWithOrigin({
-          x: posX,
-          y: posY,
-          width: node.computed?.width ?? node.width ?? 0,
-          height: node.computed?.height ?? node.height ?? 0,
-          origin: node.origin || props.nodeOrigin,
-        });
-        const initialized = (!!node.computed?.width && !!node.computed?.height) || (!!node.width && !!node.height);
-
         return (
-          <NodeComponent
+          <NodeComponentWrapper
             key={node.id}
             id={node.id}
-            className={node.className}
-            style={node.style}
-            width={node.width ?? undefined}
-            height={node.height ?? undefined}
-            type={nodeType}
-            data={node.data}
-            sourcePosition={node.sourcePosition || Position.Bottom}
-            targetPosition={node.targetPosition || Position.Top}
-            hidden={node.hidden}
-            xPos={posX}
-            yPos={posY}
-            xPosOrigin={posOrigin.x}
-            yPosOrigin={posOrigin.y}
-            positionAbsolute={clampedPosition || { x: 0, y: 0 }}
-            onClick={props.onNodeClick}
-            onMouseEnter={props.onNodeMouseEnter}
-            onMouseMove={props.onNodeMouseMove}
-            onMouseLeave={props.onNodeMouseLeave}
-            onContextMenu={props.onNodeContextMenu}
-            onDoubleClick={props.onNodeDoubleClick}
-            selected={!!node.selected}
-            isDraggable={isDraggable}
-            isSelectable={isSelectable}
-            isConnectable={isConnectable}
-            isFocusable={isFocusable}
-            resizeObserver={resizeObserver}
-            dragHandle={node.dragHandle}
-            zIndex={node[internalsSymbol]?.z ?? 0}
-            isParent={!!node[internalsSymbol]?.isParent}
+            nodeTypes={props.nodeTypes}
+            nodeExtent={props.nodeExtent}
+            nodeOrigin={props.nodeOrigin}
+            onNodeClick={props.onNodeClick}
+            onNodeMouseEnter={props.onNodeMouseEnter}
+            onNodeMouseMove={props.onNodeMouseMove}
+            onNodeMouseLeave={props.onNodeMouseLeave}
+            onNodeContextMenu={props.onNodeContextMenu}
+            onNodeDoubleClick={props.onNodeDoubleClick}
             noDragClassName={props.noDragClassName}
             noPanClassName={props.noPanClassName}
-            initialized={initialized}
             rfId={props.rfId}
             disableKeyboardA11y={props.disableKeyboardA11y}
-            ariaLabel={node.ariaLabel}
+            resizeObserver={resizeObserver}
+            nodesDraggable={nodesDraggable}
+            nodesConnectable={nodesConnectable}
+            nodesFocusable={nodesFocusable}
+            elementsSelectable={elementsSelectable}
+            onError={onError}
           />
         );
       })}
@@ -151,6 +106,103 @@ const NodeRenderer = (props: NodeRendererProps) => {
   );
 };
 
+const NodeComponentWrapper = memo(function NodeComponentWrapper(props: {
+  id: string;
+  nodeExtent: NodeRendererProps['nodeExtent'];
+  nodeTypes: NodeRendererProps['nodeTypes'];
+  nodeOrigin: NodeRendererProps['nodeOrigin'];
+  onNodeClick: NodeRendererProps['onNodeClick'];
+  onNodeMouseEnter: NodeRendererProps['onNodeMouseEnter'];
+  onNodeMouseMove: NodeRendererProps['onNodeMouseMove'];
+  onNodeMouseLeave: NodeRendererProps['onNodeMouseLeave'];
+  onNodeContextMenu: NodeRendererProps['onNodeContextMenu'];
+  onNodeDoubleClick: NodeRendererProps['onNodeDoubleClick'];
+  noDragClassName: NodeRendererProps['noDragClassName'];
+  noPanClassName: NodeRendererProps['noPanClassName'];
+  rfId: NodeRendererProps['rfId'];
+  disableKeyboardA11y: NodeRendererProps['disableKeyboardA11y'];
+  resizeObserver: ResizeObserver | null;
+  nodesDraggable: boolean;
+  nodesConnectable: boolean;
+  nodesFocusable: boolean;
+  elementsSelectable: boolean;
+  onError: ReactFlowState['onError'];
+}) {
+  const node = useStore((s) => s.nodeLookup.get(props.id));
+  if (!node) return null;
+
+  let nodeType = node.type || 'default';
+
+  if (!props.nodeTypes[nodeType]) {
+    props.onError?.('003', errorMessages['error003'](nodeType));
+
+    nodeType = 'default';
+  }
+
+  const NodeComponent = (props.nodeTypes[nodeType] || props.nodeTypes.default) as ComponentType<WrapNodeProps>;
+  const isDraggable = !!(node.draggable || (props.nodesDraggable && typeof node.draggable === 'undefined'));
+  const isSelectable = !!(node.selectable || (props.elementsSelectable && typeof node.selectable === 'undefined'));
+  const isConnectable = !!(node.connectable || (props.nodesConnectable && typeof node.connectable === 'undefined'));
+  const isFocusable = !!(node.focusable || (props.nodesFocusable && typeof node.focusable === 'undefined'));
+
+  const clampedPosition = props.nodeExtent
+    ? clampPosition(node.computed?.positionAbsolute, props.nodeExtent)
+    : node.computed?.positionAbsolute;
+
+  const posX = clampedPosition?.x ?? 0;
+  const posY = clampedPosition?.y ?? 0;
+  const posOrigin = getPositionWithOrigin({
+    x: posX,
+    y: posY,
+    width: node.computed?.width ?? node.width ?? 0,
+    height: node.computed?.height ?? node.height ?? 0,
+    origin: node.origin || props.nodeOrigin,
+  });
+  const initialized = (!!node.computed?.width && !!node.computed?.height) || (!!node.width && !!node.height);
+
+  return (
+    <NodeComponent
+      key={node.id}
+      id={node.id}
+      className={node.className}
+      style={node.style}
+      width={node.width ?? undefined}
+      height={node.height ?? undefined}
+      type={nodeType}
+      data={node.data}
+      sourcePosition={node.sourcePosition || Position.Bottom}
+      targetPosition={node.targetPosition || Position.Top}
+      hidden={node.hidden}
+      xPos={posX}
+      yPos={posY}
+      xPosOrigin={posOrigin.x}
+      yPosOrigin={posOrigin.y}
+      positionAbsolute={clampedPosition || { x: 0, y: 0 }}
+      onClick={props.onNodeClick}
+      onMouseEnter={props.onNodeMouseEnter}
+      onMouseMove={props.onNodeMouseMove}
+      onMouseLeave={props.onNodeMouseLeave}
+      onContextMenu={props.onNodeContextMenu}
+      onDoubleClick={props.onNodeDoubleClick}
+      selected={!!node.selected}
+      isDraggable={isDraggable}
+      isSelectable={isSelectable}
+      isConnectable={isConnectable}
+      isFocusable={isFocusable}
+      resizeObserver={props.resizeObserver}
+      dragHandle={node.dragHandle}
+      zIndex={node[internalsSymbol]?.z ?? 0}
+      isParent={!!node[internalsSymbol]?.isParent}
+      noDragClassName={props.noDragClassName}
+      noPanClassName={props.noPanClassName}
+      initialized={initialized}
+      rfId={props.rfId}
+      disableKeyboardA11y={props.disableKeyboardA11y}
+      ariaLabel={node.ariaLabel}
+    />
+  );
+});
+
 NodeRenderer.displayName = 'NodeRenderer';
 
 export default memo(NodeRenderer);

From 047316132503c5cd33e02c4f6ecc478a97894a9b Mon Sep 17 00:00:00 2001
From: Ivan Akulov <mail@iamakulov.com>
Date: Thu, 23 Nov 2023 01:20:59 +0100
Subject: [PATCH 0370/1093] =?UTF-8?q?NodeRenderer:=20don=E2=80=99t=20reren?=
 =?UTF-8?q?der=20unless=20visible=20nodes=20change?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/react/package.json                   |   1 +
 .../src/container/NodeRenderer/index.tsx      |  10 +-
 packages/react/src/hooks/useVisibleNodes.ts   |  38 +++--
 pnpm-lock.yaml                                | 140 ++++++++++--------
 4 files changed, 106 insertions(+), 83 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index 1c3194d53..d089272d2 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -57,6 +57,7 @@
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
     "d3-zoom": "^3.0.0",
+    "reselect": "^4.1.8",
     "zustand": "^4.4.0"
   },
   "peerDependencies": {
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index 7c8137cac..3ca2cf8ac 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -2,7 +2,7 @@ import { memo, useMemo, useEffect, useRef, type ComponentType } from 'react';
 import { shallow } from 'zustand/shallow';
 import { internalsSymbol, errorMessages, Position, clampPosition, getPositionWithOrigin } from '@xyflow/system';
 
-import useVisibleNodes from '../../hooks/useVisibleNodes';
+import useVisibleNodesIds from '../../hooks/useVisibleNodes';
 import { useStore } from '../../hooks/useStore';
 import { containerStyle } from '../../styles/utils';
 import { GraphViewProps } from '../GraphView';
@@ -39,7 +39,7 @@ const selector = (s: ReactFlowState) => ({
 const NodeRenderer = (props: NodeRendererProps) => {
   const { nodesDraggable, nodesConnectable, nodesFocusable, elementsSelectable, updateNodeDimensions, onError } =
     useStore(selector, shallow);
-  const nodes = useVisibleNodes(props.onlyRenderVisibleElements);
+  const nodeIds = useVisibleNodesIds(props.onlyRenderVisibleElements);
   const resizeObserverRef = useRef<ResizeObserver>();
 
   const resizeObserver = useMemo(() => {
@@ -75,11 +75,11 @@ const NodeRenderer = (props: NodeRendererProps) => {
 
   return (
     <div className="react-flow__nodes" style={containerStyle}>
-      {nodes.map((node) => {
+      {nodeIds.map((nodeId) => {
         return (
           <NodeComponentWrapper
-            key={node.id}
-            id={node.id}
+            key={nodeId}
+            id={nodeId}
             nodeTypes={props.nodeTypes}
             nodeExtent={props.nodeExtent}
             nodeOrigin={props.nodeOrigin}
diff --git a/packages/react/src/hooks/useVisibleNodes.ts b/packages/react/src/hooks/useVisibleNodes.ts
index ddbb27948..56e146746 100644
--- a/packages/react/src/hooks/useVisibleNodes.ts
+++ b/packages/react/src/hooks/useVisibleNodes.ts
@@ -1,21 +1,33 @@
-import { useCallback } from 'react';
 import { getNodesInside } from '@xyflow/system';
+import { createSelector } from 'reselect';
+import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../hooks/useStore';
 import type { Node, ReactFlowState } from '../types';
 
-function useVisibleNodes(onlyRenderVisible: boolean) {
-  const nodes = useStore(
-    useCallback(
-      (s: ReactFlowState) =>
-        onlyRenderVisible
-          ? getNodesInside<Node>(s.nodes, { x: 0, y: 0, width: s.width, height: s.height }, s.transform, true)
-          : s.nodes,
-      [onlyRenderVisible]
-    )
-  );
+const visibleNodeIdsSelector = createSelector(
+  [
+    (s: ReactFlowState) => s.nodes,
+    (s: ReactFlowState) => s.width,
+    (s: ReactFlowState) => s.height,
+    (s: ReactFlowState) => s.transform,
+    (_s: ReactFlowState, onlyRenderVisibleNodes: boolean) => onlyRenderVisibleNodes,
+  ],
+  (nodes, width, height, transform, onlyRenderVisible) =>
+    onlyRenderVisible
+      ? getNodesInside<Node>(nodes, { x: 0, y: 0, width, height }, transform, true).map((node) => node.id)
+      : nodes.map((node) => node.id),
+  {
+    memoizeOptions: {
+      resultEqualityCheck: shallow,
+    },
+  }
+);
 
-  return nodes;
+function useVisibleNodeIds(onlyRenderVisible: boolean) {
+  const nodeIds = useStore((s: ReactFlowState) => visibleNodeIdsSelector(s, onlyRenderVisible));
+
+  return nodeIds;
 }
 
-export default useVisibleNodes;
+export default useVisibleNodeIds;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 05a5637d1..d5ffacff5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -235,6 +235,9 @@ importers:
       react-dom:
         specifier: '>=17'
         version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+      reselect:
+        specifier: ^4.1.8
+        version: registry.npmjs.org/reselect@4.1.8
       zustand:
         specifier: ^4.4.0
         version: registry.npmjs.org/zustand@4.4.1(@types/react@18.2.24)(react@18.2.0)
@@ -1158,7 +1161,7 @@ packages:
     dev: true
 
   registry.npmjs.org/@colors/colors@1.5.0:
-    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz}
+    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==, tarball: https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz}
     name: '@colors/colors'
     version: 1.5.0
     engines: {node: '>=0.1.90'}
@@ -1226,7 +1229,7 @@ packages:
     dev: false
 
   registry.npmjs.org/@esbuild/android-arm64@0.18.20:
-    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz}
+    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz}
     name: '@esbuild/android-arm64'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1236,7 +1239,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/android-arm64@0.19.5:
-    resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.5.tgz}
+    resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.5.tgz}
     name: '@esbuild/android-arm64'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1247,7 +1250,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/android-arm@0.18.20:
-    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz}
+    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz}
     name: '@esbuild/android-arm'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1257,7 +1260,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/android-arm@0.19.5:
-    resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.5.tgz}
+    resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.5.tgz}
     name: '@esbuild/android-arm'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1268,7 +1271,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/android-x64@0.18.20:
-    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz}
+    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz}
     name: '@esbuild/android-x64'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1278,7 +1281,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/android-x64@0.19.5:
-    resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.5.tgz}
+    resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.5.tgz}
     name: '@esbuild/android-x64'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1289,7 +1292,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/darwin-arm64@0.18.20:
-    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz}
+    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz}
     name: '@esbuild/darwin-arm64'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1299,7 +1302,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/darwin-arm64@0.19.5:
-    resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.5.tgz}
+    resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.5.tgz}
     name: '@esbuild/darwin-arm64'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1310,7 +1313,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/darwin-x64@0.18.20:
-    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz}
+    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz}
     name: '@esbuild/darwin-x64'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1320,7 +1323,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/darwin-x64@0.19.5:
-    resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.5.tgz}
+    resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.5.tgz}
     name: '@esbuild/darwin-x64'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1331,7 +1334,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/freebsd-arm64@0.18.20:
-    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz}
+    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz}
     name: '@esbuild/freebsd-arm64'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1341,7 +1344,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/freebsd-arm64@0.19.5:
-    resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.5.tgz}
+    resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.5.tgz}
     name: '@esbuild/freebsd-arm64'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1352,7 +1355,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/freebsd-x64@0.18.20:
-    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz}
+    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz}
     name: '@esbuild/freebsd-x64'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1362,7 +1365,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/freebsd-x64@0.19.5:
-    resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.5.tgz}
+    resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.5.tgz}
     name: '@esbuild/freebsd-x64'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1373,7 +1376,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-arm64@0.18.20:
-    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz}
+    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz}
     name: '@esbuild/linux-arm64'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1383,7 +1386,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-arm64@0.19.5:
-    resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.5.tgz}
+    resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.5.tgz}
     name: '@esbuild/linux-arm64'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1394,7 +1397,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-arm@0.18.20:
-    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz}
+    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz}
     name: '@esbuild/linux-arm'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1404,7 +1407,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-arm@0.19.5:
-    resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.5.tgz}
+    resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.5.tgz}
     name: '@esbuild/linux-arm'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1415,7 +1418,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-ia32@0.18.20:
-    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz}
+    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz}
     name: '@esbuild/linux-ia32'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1425,7 +1428,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-ia32@0.19.5:
-    resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.5.tgz}
+    resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.5.tgz}
     name: '@esbuild/linux-ia32'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1436,7 +1439,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-loong64@0.18.20:
-    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz}
+    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz}
     name: '@esbuild/linux-loong64'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1446,7 +1449,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-loong64@0.19.5:
-    resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.5.tgz}
+    resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.5.tgz}
     name: '@esbuild/linux-loong64'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1457,7 +1460,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-mips64el@0.18.20:
-    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz}
+    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz}
     name: '@esbuild/linux-mips64el'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1467,7 +1470,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-mips64el@0.19.5:
-    resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.5.tgz}
+    resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.5.tgz}
     name: '@esbuild/linux-mips64el'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1478,7 +1481,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-ppc64@0.18.20:
-    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz}
+    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz}
     name: '@esbuild/linux-ppc64'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1488,7 +1491,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-ppc64@0.19.5:
-    resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.5.tgz}
+    resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.5.tgz}
     name: '@esbuild/linux-ppc64'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1499,7 +1502,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-riscv64@0.18.20:
-    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz}
+    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz}
     name: '@esbuild/linux-riscv64'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1509,7 +1512,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-riscv64@0.19.5:
-    resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.5.tgz}
+    resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.5.tgz}
     name: '@esbuild/linux-riscv64'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1520,7 +1523,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-s390x@0.18.20:
-    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz}
+    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz}
     name: '@esbuild/linux-s390x'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1530,7 +1533,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-s390x@0.19.5:
-    resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.5.tgz}
+    resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.5.tgz}
     name: '@esbuild/linux-s390x'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1541,7 +1544,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-x64@0.18.20:
-    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz}
+    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz}
     name: '@esbuild/linux-x64'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1551,7 +1554,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/linux-x64@0.19.5:
-    resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.5.tgz}
+    resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.5.tgz}
     name: '@esbuild/linux-x64'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1562,7 +1565,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/netbsd-x64@0.18.20:
-    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz}
+    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz}
     name: '@esbuild/netbsd-x64'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1572,7 +1575,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/netbsd-x64@0.19.5:
-    resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.5.tgz}
+    resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.5.tgz}
     name: '@esbuild/netbsd-x64'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1583,7 +1586,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/openbsd-x64@0.18.20:
-    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz}
+    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz}
     name: '@esbuild/openbsd-x64'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1593,7 +1596,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/openbsd-x64@0.19.5:
-    resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.5.tgz}
+    resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.5.tgz}
     name: '@esbuild/openbsd-x64'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1604,7 +1607,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/sunos-x64@0.18.20:
-    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz}
+    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz}
     name: '@esbuild/sunos-x64'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1614,7 +1617,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/sunos-x64@0.19.5:
-    resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.5.tgz}
+    resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.5.tgz}
     name: '@esbuild/sunos-x64'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1625,7 +1628,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/win32-arm64@0.18.20:
-    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz}
+    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz}
     name: '@esbuild/win32-arm64'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1635,7 +1638,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/win32-arm64@0.19.5:
-    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.5.tgz}
+    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.5.tgz}
     name: '@esbuild/win32-arm64'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1646,7 +1649,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/win32-ia32@0.18.20:
-    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz}
+    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz}
     name: '@esbuild/win32-ia32'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1656,7 +1659,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/win32-ia32@0.19.5:
-    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.5.tgz}
+    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.5.tgz}
     name: '@esbuild/win32-ia32'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -1667,7 +1670,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/win32-x64@0.18.20:
-    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz}
+    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz}
     name: '@esbuild/win32-x64'
     version: 0.18.20
     engines: {node: '>=12'}
@@ -1677,7 +1680,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@esbuild/win32-x64@0.19.5:
-    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.5.tgz}
+    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.5.tgz}
     name: '@esbuild/win32-x64'
     version: 0.19.5
     engines: {node: '>=12'}
@@ -2314,7 +2317,7 @@ packages:
     dev: true
 
   registry.npmjs.org/@swc/core-darwin-arm64@1.3.96:
-    resolution: {integrity: sha512-8hzgXYVd85hfPh6mJ9yrG26rhgzCmcLO0h1TIl8U31hwmTbfZLzRitFQ/kqMJNbIBCwmNH1RU2QcJnL3d7f69A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.96.tgz}
+    resolution: {integrity: sha512-8hzgXYVd85hfPh6mJ9yrG26rhgzCmcLO0h1TIl8U31hwmTbfZLzRitFQ/kqMJNbIBCwmNH1RU2QcJnL3d7f69A==, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.96.tgz}
     name: '@swc/core-darwin-arm64'
     version: 1.3.96
     engines: {node: '>=10'}
@@ -2325,7 +2328,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@swc/core-darwin-x64@1.3.96:
-    resolution: {integrity: sha512-mFp9GFfuPg+43vlAdQZl0WZpZSE8sEzqL7sr/7Reul5McUHP0BaLsEzwjvD035ESfkY8GBZdLpMinblIbFNljQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.96.tgz}
+    resolution: {integrity: sha512-mFp9GFfuPg+43vlAdQZl0WZpZSE8sEzqL7sr/7Reul5McUHP0BaLsEzwjvD035ESfkY8GBZdLpMinblIbFNljQ==, tarball: https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.96.tgz}
     name: '@swc/core-darwin-x64'
     version: 1.3.96
     engines: {node: '>=10'}
@@ -2336,7 +2339,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@swc/core-linux-arm-gnueabihf@1.3.96:
-    resolution: {integrity: sha512-8UEKkYJP4c8YzYIY/LlbSo8z5Obj4hqcv/fUTHiEePiGsOddgGf7AWjh56u7IoN/0uEmEro59nc1ChFXqXSGyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.96.tgz}
+    resolution: {integrity: sha512-8UEKkYJP4c8YzYIY/LlbSo8z5Obj4hqcv/fUTHiEePiGsOddgGf7AWjh56u7IoN/0uEmEro59nc1ChFXqXSGyg==, tarball: https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.96.tgz}
     name: '@swc/core-linux-arm-gnueabihf'
     version: 1.3.96
     engines: {node: '>=10'}
@@ -2347,7 +2350,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@swc/core-linux-arm64-gnu@1.3.96:
-    resolution: {integrity: sha512-c/IiJ0s1y3Ymm2BTpyC/xr6gOvoqAVETrivVXHq68xgNms95luSpbYQ28rqaZC8bQC8M5zdXpSc0T8DJu8RJGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.96.tgz}
+    resolution: {integrity: sha512-c/IiJ0s1y3Ymm2BTpyC/xr6gOvoqAVETrivVXHq68xgNms95luSpbYQ28rqaZC8bQC8M5zdXpSc0T8DJu8RJGw==, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.96.tgz}
     name: '@swc/core-linux-arm64-gnu'
     version: 1.3.96
     engines: {node: '>=10'}
@@ -2358,7 +2361,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@swc/core-linux-arm64-musl@1.3.96:
-    resolution: {integrity: sha512-i5/UTUwmJLri7zhtF6SAo/4QDQJDH2fhYJaBIUhrICmIkRO/ltURmpejqxsM/ye9Jqv5zG7VszMC0v/GYn/7BQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.96.tgz}
+    resolution: {integrity: sha512-i5/UTUwmJLri7zhtF6SAo/4QDQJDH2fhYJaBIUhrICmIkRO/ltURmpejqxsM/ye9Jqv5zG7VszMC0v/GYn/7BQ==, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.96.tgz}
     name: '@swc/core-linux-arm64-musl'
     version: 1.3.96
     engines: {node: '>=10'}
@@ -2369,7 +2372,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@swc/core-linux-x64-gnu@1.3.96:
-    resolution: {integrity: sha512-USdaZu8lTIkm4Yf9cogct/j5eqtdZqTgcTib4I+NloUW0E/hySou3eSyp3V2UAA1qyuC72ld1otXuyKBna0YKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.96.tgz}
+    resolution: {integrity: sha512-USdaZu8lTIkm4Yf9cogct/j5eqtdZqTgcTib4I+NloUW0E/hySou3eSyp3V2UAA1qyuC72ld1otXuyKBna0YKQ==, tarball: https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.96.tgz}
     name: '@swc/core-linux-x64-gnu'
     version: 1.3.96
     engines: {node: '>=10'}
@@ -2380,7 +2383,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@swc/core-linux-x64-musl@1.3.96:
-    resolution: {integrity: sha512-QYErutd+G2SNaCinUVobfL7jWWjGTI0QEoQ6hqTp7PxCJS/dmKmj3C5ZkvxRYcq7XcZt7ovrYCTwPTHzt6lZBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.96.tgz}
+    resolution: {integrity: sha512-QYErutd+G2SNaCinUVobfL7jWWjGTI0QEoQ6hqTp7PxCJS/dmKmj3C5ZkvxRYcq7XcZt7ovrYCTwPTHzt6lZBg==, tarball: https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.96.tgz}
     name: '@swc/core-linux-x64-musl'
     version: 1.3.96
     engines: {node: '>=10'}
@@ -2391,7 +2394,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@swc/core-win32-arm64-msvc@1.3.96:
-    resolution: {integrity: sha512-hjGvvAduA3Un2cZ9iNP4xvTXOO4jL3G9iakhFsgVhpkU73SGmK7+LN8ZVBEu4oq2SUcHO6caWvnZ881cxGuSpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.96.tgz}
+    resolution: {integrity: sha512-hjGvvAduA3Un2cZ9iNP4xvTXOO4jL3G9iakhFsgVhpkU73SGmK7+LN8ZVBEu4oq2SUcHO6caWvnZ881cxGuSpg==, tarball: https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.96.tgz}
     name: '@swc/core-win32-arm64-msvc'
     version: 1.3.96
     engines: {node: '>=10'}
@@ -2402,7 +2405,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@swc/core-win32-ia32-msvc@1.3.96:
-    resolution: {integrity: sha512-Far2hVFiwr+7VPCM2GxSmbh3ikTpM3pDombE+d69hkedvYHYZxtTF+2LTKl/sXtpbUnsoq7yV/32c9R/xaaWfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.96.tgz}
+    resolution: {integrity: sha512-Far2hVFiwr+7VPCM2GxSmbh3ikTpM3pDombE+d69hkedvYHYZxtTF+2LTKl/sXtpbUnsoq7yV/32c9R/xaaWfw==, tarball: https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.96.tgz}
     name: '@swc/core-win32-ia32-msvc'
     version: 1.3.96
     engines: {node: '>=10'}
@@ -2413,7 +2416,7 @@ packages:
     optional: true
 
   registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.96:
-    resolution: {integrity: sha512-4VbSAniIu0ikLf5mBX81FsljnfqjoVGleEkCQv4+zRlyZtO3FHoDPkeLVoy6WRlj7tyrRcfUJ4mDdPkbfTO14g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.96.tgz}
+    resolution: {integrity: sha512-4VbSAniIu0ikLf5mBX81FsljnfqjoVGleEkCQv4+zRlyZtO3FHoDPkeLVoy6WRlj7tyrRcfUJ4mDdPkbfTO14g==, tarball: https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.96.tgz}
     name: '@swc/core-win32-x64-msvc'
     version: 1.3.96
     engines: {node: '>=10'}
@@ -2872,6 +2875,7 @@ packages:
     resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-18.7.16.tgz}
     name: '@types/node'
     version: 18.7.16
+    requiresBuild: true
 
   registry.npmjs.org/@types/normalize-package-data@2.4.3:
     resolution: {integrity: sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.3.tgz}
@@ -2997,7 +3001,7 @@ packages:
     dev: false
 
   registry.npmjs.org/@types/yauzl@2.10.2:
-    resolution: {integrity: sha512-Km7XAtUIduROw7QPgvcft0lIupeG8a8rdKL8RiSyKvlE7dYY31fEn41HVuQsRFDuROA8tA4K2UVL+WdfFmErBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.2.tgz}
+    resolution: {integrity: sha512-Km7XAtUIduROw7QPgvcft0lIupeG8a8rdKL8RiSyKvlE7dYY31fEn41HVuQsRFDuROA8tA4K2UVL+WdfFmErBA==, tarball: https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.2.tgz}
     name: '@types/yauzl'
     version: 2.10.2
     requiresBuild: true
@@ -6262,7 +6266,7 @@ packages:
     dev: true
 
   registry.npmjs.org/fsevents@2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz}
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz}
     name: fsevents
     version: 2.3.2
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -6271,7 +6275,7 @@ packages:
     optional: true
 
   registry.npmjs.org/fsevents@2.3.3:
-    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz}
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz}
     name: fsevents
     version: 2.3.3
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -10025,6 +10029,12 @@ packages:
     version: 1.0.0
     dev: true
 
+  registry.npmjs.org/reselect@4.1.8:
+    resolution: {integrity: sha512-ab9EmR80F/zQTMNeneUr4cv+jSwPJgIlvEmVwLerwrWVbpLlBuls9XHzIeTFy4cegU2NHBp3va0LKOzU5qFEYQ==, tarball: https://registry.npmjs.org/reselect/-/reselect-4.1.8.tgz}
+    name: reselect
+    version: 4.1.8
+    dev: false
+
   registry.npmjs.org/resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz}
     name: resolve-from
@@ -10344,7 +10354,7 @@ packages:
     dev: true
 
   registry.npmjs.org/sharp@0.32.6:
-    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz}
+    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==, tarball: https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz}
     name: sharp
     version: 0.32.6
     engines: {node: '>=14.15.0'}
@@ -11556,7 +11566,7 @@ packages:
       safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
 
   registry.npmjs.org/turbo-darwin-64@1.10.0:
-    resolution: {integrity: sha512-N0aVGFtBgOKd7pIdUiKREwnDhNHRIvpMJbmUw04c1AqEoTiKAKT6iuzcCozO5N/gYMVr0hxrXgLal5OLYXtcsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.10.0.tgz}
+    resolution: {integrity: sha512-N0aVGFtBgOKd7pIdUiKREwnDhNHRIvpMJbmUw04c1AqEoTiKAKT6iuzcCozO5N/gYMVr0hxrXgLal5OLYXtcsw==, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.10.0.tgz}
     name: turbo-darwin-64
     version: 1.10.0
     cpu: [x64]
@@ -11566,7 +11576,7 @@ packages:
     optional: true
 
   registry.npmjs.org/turbo-darwin-arm64@1.10.0:
-    resolution: {integrity: sha512-boXzhaHTS5MsTMv48I/JmYp9/fYplXk5nACUDrqV6nD1hzO5PMn5wNg75ATbpkaMaeuD+hjuobeSxn1p4vpqQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.10.0.tgz}
+    resolution: {integrity: sha512-boXzhaHTS5MsTMv48I/JmYp9/fYplXk5nACUDrqV6nD1hzO5PMn5wNg75ATbpkaMaeuD+hjuobeSxn1p4vpqQg==, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.10.0.tgz}
     name: turbo-darwin-arm64
     version: 1.10.0
     cpu: [arm64]
@@ -11576,7 +11586,7 @@ packages:
     optional: true
 
   registry.npmjs.org/turbo-linux-64@1.10.0:
-    resolution: {integrity: sha512-crKQuS1jrp4vp+Th6EmUqqmAlvYNnzGmwWMLeckmYILrV7zAddu87eJu4hB7V6uV+W1qHZUTw8WXa1w1+8boBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.10.0.tgz}
+    resolution: {integrity: sha512-crKQuS1jrp4vp+Th6EmUqqmAlvYNnzGmwWMLeckmYILrV7zAddu87eJu4hB7V6uV+W1qHZUTw8WXa1w1+8boBw==, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.10.0.tgz}
     name: turbo-linux-64
     version: 1.10.0
     cpu: [x64]
@@ -11586,7 +11596,7 @@ packages:
     optional: true
 
   registry.npmjs.org/turbo-linux-arm64@1.10.0:
-    resolution: {integrity: sha512-Y2fhWe0xepLjl7doIvsJK7mp2h8E+OF6qJsUHRgxFeRWQWi1I6clD2aEQeykHK8Tp+qp8pKFMocj32nFBvuCcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.10.0.tgz}
+    resolution: {integrity: sha512-Y2fhWe0xepLjl7doIvsJK7mp2h8E+OF6qJsUHRgxFeRWQWi1I6clD2aEQeykHK8Tp+qp8pKFMocj32nFBvuCcg==, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.10.0.tgz}
     name: turbo-linux-arm64
     version: 1.10.0
     cpu: [arm64]
@@ -11596,7 +11606,7 @@ packages:
     optional: true
 
   registry.npmjs.org/turbo-windows-64@1.10.0:
-    resolution: {integrity: sha512-uh8rEqH6teaHysEMjinwWBqyNwv4IvgSAwbq/OphP8jObstTYHoR+gFPo8RQUSTaBYy4QVszgi5eO5YLvEQqNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.10.0.tgz}
+    resolution: {integrity: sha512-uh8rEqH6teaHysEMjinwWBqyNwv4IvgSAwbq/OphP8jObstTYHoR+gFPo8RQUSTaBYy4QVszgi5eO5YLvEQqNA==, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.10.0.tgz}
     name: turbo-windows-64
     version: 1.10.0
     cpu: [x64]
@@ -11606,7 +11616,7 @@ packages:
     optional: true
 
   registry.npmjs.org/turbo-windows-arm64@1.10.0:
-    resolution: {integrity: sha512-JaVj3iM7qyRD6xYGZLL/Gs4mQKfM1zL0f91AwHZLNkk1CrJ6i5kO4ZjhKkwXSpVOTNKW3sX0Q7dExXj85Vv7UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.10.0.tgz}
+    resolution: {integrity: sha512-JaVj3iM7qyRD6xYGZLL/Gs4mQKfM1zL0f91AwHZLNkk1CrJ6i5kO4ZjhKkwXSpVOTNKW3sX0Q7dExXj85Vv7UQ==, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.10.0.tgz}
     name: turbo-windows-arm64
     version: 1.10.0
     cpu: [arm64]

From 7ea2e664edaf12bfeec2ed3f533fc0b9635c031e Mon Sep 17 00:00:00 2001
From: Ivan Akulov <mail@iamakulov.com>
Date: Fri, 24 Nov 2023 01:02:32 +0100
Subject: [PATCH 0371/1093] Fix: pass a correct nodeLookup object in
 setDefaultNodesAndEdges()

This ensures `nodeLookup` is filled correctly at the first render of uncontrolled `ReactFlow`. (This was an issue before, but it caused severe visual issues with changes from previous commits.)
---
 packages/react/src/store/index.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 49c7c688f..295d1d247 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -74,7 +74,8 @@ const createRFStore = ({
         };
 
         if (hasDefaultNodes) {
-          nextState.nodes = adoptUserProvidedNodes(nodes, new Map(), {
+          const { nodeLookup } = get();
+          nextState.nodes = adoptUserProvidedNodes(nodes, nodeLookup, {
             nodeOrigin: get().nodeOrigin,
             elevateNodesOnSelect: get().elevateNodesOnSelect,
           });

From d1a5bc75ab711c5acca651a303601819faa6a169 Mon Sep 17 00:00:00 2001
From: Ivan Akulov <mail@iamakulov.com>
Date: Fri, 24 Nov 2023 22:24:03 +0100
Subject: [PATCH 0372/1093] Optimize MiniMapNodes like NodeRenderer

---
 .../MiniMap/MiniMapNodes.tsx                  | 117 +++++++++++++-----
 1 file changed, 83 insertions(+), 34 deletions(-)

diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index 80ac09be6..f4e40e005 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -1,21 +1,30 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { memo } from 'react';
+import { ComponentType, memo, MouseEvent } from 'react';
 import { shallow } from 'zustand/shallow';
-import { getNodePositionWithOrigin } from '@xyflow/system';
+import { NodeOrigin, getNodePositionWithOrigin } from '@xyflow/system';
 
 import { useStore } from '../../hooks/useStore';
 import type { ReactFlowState } from '../../types';
 import MiniMapNode from './MiniMapNode';
-import type { MiniMapNodes, GetMiniMapNodeAttribute } from './types';
+import type { MiniMapNodes as MiniMapNodesProps, GetMiniMapNodeAttribute, MiniMapNodeProps } from './types';
+import { createSelector } from 'reselect';
 
 declare const window: any;
 
 const selector = (s: ReactFlowState) => s.nodeOrigin;
-const selectorNodes = (s: ReactFlowState) =>
-  s.nodes.filter(
-    (node) => !node.hidden && (node.computed?.width || node.width) && (node.computed?.height || node.height)
-  );
+const selectorNodeIds = createSelector(
+  [(s: ReactFlowState) => s.nodes],
+  (nodes) =>
+    nodes
+      .filter((node) => !node.hidden && (node.computed?.width || node.width) && (node.computed?.height || node.height))
+      .map((node) => node.id),
+  {
+    memoizeOptions: {
+      resultEqualityCheck: shallow,
+    },
+  }
+);
 const getAttrFunction = (func: any): GetMiniMapNodeAttribute => (func instanceof Function ? func : () => func);
 
 function MiniMapNodes({
@@ -28,8 +37,8 @@ function MiniMapNodes({
   // a component properly.
   nodeComponent: NodeComponent = MiniMapNode,
   onClick,
-}: MiniMapNodes) {
-  const nodes = useStore(selectorNodes, shallow);
+}: MiniMapNodesProps) {
+  const nodes = useStore(selectorNodeIds);
   const nodeOrigin = useStore(selector);
   const nodeColorFunc = getAttrFunction(nodeColor);
   const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
@@ -39,33 +48,73 @@ function MiniMapNodes({
 
   return (
     <>
-      {nodes.map((node) => {
-        const { x, y } = getNodePositionWithOrigin(node, node.origin || nodeOrigin).positionAbsolute;
-        const color = nodeColor === undefined ? undefined : nodeColorFunc(node);
-        const strokeColor = nodeStrokeColor === undefined ? undefined : nodeStrokeColorFunc(node);
-
-        return (
-          <NodeComponent
-            key={node.id}
-            x={x}
-            y={y}
-            width={node.computed?.width ?? node.width ?? 0}
-            height={node.computed?.height ?? node.height ?? 0}
-            style={node.style}
-            selected={!!node.selected}
-            className={nodeClassNameFunc(node)}
-            color={color}
-            borderRadius={nodeBorderRadius}
-            strokeColor={strokeColor}
-            strokeWidth={nodeStrokeWidth}
-            shapeRendering={shapeRendering}
-            onClick={onClick}
-            id={node.id}
-          />
-        );
-      })}
+      {nodes.map((nodeId) => (
+        <NodeComponentWrapper
+          key={nodeId}
+          id={nodeId}
+          nodeOrigin={nodeOrigin}
+          nodeColorFunc={nodeColorFunc}
+          nodeStrokeColorFunc={nodeStrokeColorFunc}
+          nodeClassNameFunc={nodeClassNameFunc}
+          nodeBorderRadius={nodeBorderRadius}
+          nodeStrokeWidth={nodeStrokeWidth}
+          NodeComponent={NodeComponent}
+          onClick={onClick}
+          shapeRendering={shapeRendering}
+        />
+      ))}
     </>
   );
 }
 
+const NodeComponentWrapper = memo(function NodeComponentWrapper({
+  id,
+  nodeOrigin,
+  nodeColorFunc,
+  nodeStrokeColorFunc,
+  nodeClassNameFunc,
+  nodeBorderRadius,
+  nodeStrokeWidth,
+  shapeRendering,
+  NodeComponent,
+  onClick,
+}: {
+  id: string;
+  nodeOrigin: NodeOrigin;
+  nodeColorFunc: GetMiniMapNodeAttribute;
+  nodeStrokeColorFunc: GetMiniMapNodeAttribute;
+  nodeClassNameFunc: GetMiniMapNodeAttribute;
+  nodeBorderRadius: number;
+  nodeStrokeWidth?: number;
+  NodeComponent: ComponentType<MiniMapNodeProps>;
+  onClick: MiniMapNodesProps['onClick'];
+  shapeRendering: string;
+}) {
+  const node = useStore((s) => s.nodeLookup.get(id));
+  if (!node) {
+    return null;
+  }
+
+  const { x, y } = getNodePositionWithOrigin(node, node.origin || nodeOrigin).positionAbsolute;
+
+  return (
+    <NodeComponent
+      x={x}
+      y={y}
+      width={node.computed?.width ?? node.width ?? 0}
+      height={node.computed?.height ?? node.height ?? 0}
+      style={node.style}
+      selected={!!node.selected}
+      className={nodeClassNameFunc(node)}
+      color={nodeColorFunc(node)}
+      borderRadius={nodeBorderRadius}
+      strokeColor={nodeStrokeColorFunc(node)}
+      strokeWidth={nodeStrokeWidth}
+      shapeRendering={shapeRendering}
+      onClick={onClick}
+      id={node.id}
+    />
+  );
+});
+
 export default memo(MiniMapNodes);

From d4484be0c39abd396c506de1be69c5d460279873 Mon Sep 17 00:00:00 2001
From: Ivan Akulov <mail@iamakulov.com>
Date: Sat, 25 Nov 2023 02:05:45 +0100
Subject: [PATCH 0373/1093] Document the design decisions

---
 .../MiniMap/MiniMapNodes.tsx                  |  5 ++++
 .../src/container/NodeRenderer/index.tsx      | 23 +++++++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index f4e40e005..0f22de5f6 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -49,6 +49,11 @@ function MiniMapNodes({
   return (
     <>
       {nodes.map((nodeId) => (
+        // The split of responsibilities between MiniMapNodes and
+        // NodeComponentWrapper may appear weird. However, it’s designed to
+        // minimize the cost of updates when individual nodes change.
+        //
+        // For more details, see a similar commit in `NodeRenderer/index.tsx`.
         <NodeComponentWrapper
           key={nodeId}
           id={nodeId}
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index 3ca2cf8ac..c89914c89 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -77,6 +77,29 @@ const NodeRenderer = (props: NodeRendererProps) => {
     <div className="react-flow__nodes" style={containerStyle}>
       {nodeIds.map((nodeId) => {
         return (
+          // The split of responsibilities between NodeRenderer and
+          // NodeComponentWrapper may appear weird. However, it’s designed to
+          // minimize the cost of updates when individual nodes change.
+          //
+          // For example, when you’re dragging a single node, that node gets
+          // updated multiple times per second. If `NodeRenderer` were to update
+          // every time, it would have to re-run the `nodes.map()` loop every
+          // time. This gets pricey with hundreds of nodes, especially if every
+          // loop cycle does more than just rendering a JSX element!
+          //
+          // As a result of this choice, we took the following implementation
+          // decisions:
+          // - NodeRenderer subscribes *only* to node IDs – and therefore
+          //   rerender *only* when visible nodes are added or removed.
+          // - NodeRenderer performs all operations the result of which can be
+          //   shared between nodes (such as creating the `ResizeObserver`
+          //   instance, or subscribing to `selector`). This means extra prop
+          //   drilling into `NodeComponentWrapper`, but it means we need to run
+          //   these operations only once – instead of once per node.
+          // - Any operations that you’d normally write inside `nodes.map` are
+          //   moved into `NodeComponentWrapper`. This ensures they are
+          //   memorized – so if `NodeRenderer` *has* to rerender, it only
+          //   needs to regenerate the list of nodes, nothing else.
           <NodeComponentWrapper
             key={nodeId}
             id={nodeId}

From 7193b55ff2add22333b5be41073772511a5ebdf2 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 27 Nov 2023 11:29:43 +0100
Subject: [PATCH 0374/1093] chore(examples): cleanup

---
 examples/svelte/src/components/Header/Header.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/svelte/src/components/Header/Header.svelte b/examples/svelte/src/components/Header/Header.svelte
index 7d2297965..ad34d2891 100644
--- a/examples/svelte/src/components/Header/Header.svelte
+++ b/examples/svelte/src/components/Header/Header.svelte
@@ -4,7 +4,7 @@
 
 	const routes = [
 		'add-node-on-drop',
-		'colormode',
+		'color-mode',
 		'custom-connection-line',
 		'customnode',
 		'dagre',

From 9f538c6b7ceb8c1b5cca9c413f24ea19de86aad8 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 28 Nov 2023 12:33:54 +0100
Subject: [PATCH 0375/1093] fix(svelte) split edges into internal/external.
 external edges dont require id, source, target anymore

---
 .../components/EdgeWrapper/EdgeWrapper.svelte |  2 +-
 .../lib/components/edges/BezierEdge.svelte    |  2 +-
 .../edges/InternalBezierEdge.svelte           | 29 ++++++++++++++++++
 .../edges/InternalSmoothStepEdge.svelte       | 29 ++++++++++++++++++
 .../components/edges/InternalStepEdge.svelte  | 30 +++++++++++++++++++
 .../edges/InternalStraightEdge.svelte         | 27 +++++++++++++++++
 .../components/edges/SmoothStepEdge.svelte    |  2 +-
 .../src/lib/components/edges/StepEdge.svelte  |  2 +-
 .../lib/components/edges/StraightEdge.svelte  |  2 +-
 .../svelte/src/lib/store/initial-store.ts     |  8 ++---
 10 files changed, 124 insertions(+), 9 deletions(-)
 create mode 100644 packages/svelte/src/lib/components/edges/InternalBezierEdge.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/InternalSmoothStepEdge.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/InternalStepEdge.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/InternalStraightEdge.svelte

diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 7a8df68ce..7f5b9bbdf 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -6,7 +6,7 @@
   import { errorMessages, getMarkerId } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
-  import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
+  import BezierEdge from '$lib/components/edges/InternalBezierEdge.svelte';
   import type { EdgeLayouted, Edge } from '$lib/types';
   import { get } from 'svelte/store';
 
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
index 60921eb6b..56ccaf31e 100644
--- a/packages/svelte/src/lib/components/edges/BezierEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
@@ -4,7 +4,7 @@
   import type { EdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
 
-  type $$Props = EdgeProps;
+  type $$Props = Partial<EdgeProps>;
 
   $: [path, labelX, labelY] = getBezierPath({
     sourceX: $$props.sourceX,
diff --git a/packages/svelte/src/lib/components/edges/InternalBezierEdge.svelte b/packages/svelte/src/lib/components/edges/InternalBezierEdge.svelte
new file mode 100644
index 000000000..a1ca06588
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/InternalBezierEdge.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+  import { getBezierPath } from '@xyflow/system';
+
+  import type { EdgeProps } from '$lib/types';
+  import { BaseEdge } from '$lib/components/BaseEdge';
+
+  type $$Props = EdgeProps;
+
+  $: [path, labelX, labelY] = getBezierPath({
+    sourceX: $$props.sourceX,
+    sourceY: $$props.sourceY,
+    targetX: $$props.targetX,
+    targetY: $$props.targetY,
+    sourcePosition: $$props.sourcePosition,
+    targetPosition: $$props.targetPosition
+  });
+</script>
+
+<BaseEdge
+  {path}
+  {labelX}
+  {labelY}
+  label={$$props.label}
+  labelStyle={$$props.labelStyle}
+  markerStart={$$props.markerStart}
+  markerEnd={$$props.markerEnd}
+  interactionWidth={$$props.interactionWidth}
+  style={$$props.style}
+/>
diff --git a/packages/svelte/src/lib/components/edges/InternalSmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/InternalSmoothStepEdge.svelte
new file mode 100644
index 000000000..73324a893
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/InternalSmoothStepEdge.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+  import { getSmoothStepPath } from '@xyflow/system';
+
+  import type { EdgeProps } from '$lib/types';
+  import { BaseEdge } from '$lib/components/BaseEdge';
+
+  type $$Props = EdgeProps;
+
+  $: [path, labelX, labelY] = getSmoothStepPath({
+    sourceX: $$props.sourceX,
+    sourceY: $$props.sourceY,
+    targetX: $$props.targetX,
+    targetY: $$props.targetY,
+    sourcePosition: $$props.sourcePosition,
+    targetPosition: $$props.targetPosition
+  });
+</script>
+
+<BaseEdge
+  {path}
+  {labelX}
+  {labelY}
+  label={$$props.label}
+  labelStyle={$$props.labelStyle}
+  markerStart={$$props.markerStart}
+  markerEnd={$$props.markerEnd}
+  interactionWidth={$$props.interactionWidth}
+  style={$$props.style}
+/>
diff --git a/packages/svelte/src/lib/components/edges/InternalStepEdge.svelte b/packages/svelte/src/lib/components/edges/InternalStepEdge.svelte
new file mode 100644
index 000000000..f793376b7
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/InternalStepEdge.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+  import { getSmoothStepPath } from '@xyflow/system';
+
+  import type { EdgeProps } from '$lib/types';
+  import { BaseEdge } from '$lib/components/BaseEdge';
+
+  type $$Props = EdgeProps;
+
+  $: [path, labelX, labelY] = getSmoothStepPath({
+    sourceX: $$props.sourceX,
+    sourceY: $$props.sourceY,
+    targetX: $$props.targetX,
+    targetY: $$props.targetY,
+    sourcePosition: $$props.sourcePosition,
+    targetPosition: $$props.targetPosition,
+    borderRadius: 0
+  });
+</script>
+
+<BaseEdge
+  {path}
+  {labelX}
+  {labelY}
+  label={$$props.label}
+  labelStyle={$$props.labelStyle}
+  markerStart={$$props.markerStart}
+  markerEnd={$$props.markerEnd}
+  interactionWidth={$$props.interactionWidth}
+  style={$$props.style}
+/>
diff --git a/packages/svelte/src/lib/components/edges/InternalStraightEdge.svelte b/packages/svelte/src/lib/components/edges/InternalStraightEdge.svelte
new file mode 100644
index 000000000..8cc984d73
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/InternalStraightEdge.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+  import { getStraightPath } from '@xyflow/system';
+
+  import type { EdgeProps } from '$lib/types';
+  import { BaseEdge } from '$lib/components/BaseEdge';
+
+  type $$Props = EdgeProps;
+
+  $: [path, labelX, labelY] = getStraightPath({
+    sourceX: $$props.sourceX,
+    sourceY: $$props.sourceY,
+    targetX: $$props.targetX,
+    targetY: $$props.targetY
+  });
+</script>
+
+<BaseEdge
+  {path}
+  {labelX}
+  {labelY}
+  label={$$props.label}
+  labelStyle={$$props.labelStyle}
+  markerStart={$$props.markerStart}
+  markerEnd={$$props.markerEnd}
+  interactionWidth={$$props.interactionWidth}
+  style={$$props.style}
+/>
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
index 30872b684..39acb6e69 100644
--- a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
@@ -4,7 +4,7 @@
   import type { EdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
 
-  type $$Props = EdgeProps;
+  type $$Props = Partial<EdgeProps>;
 
   $: [path, labelX, labelY] = getSmoothStepPath({
     sourceX: $$props.sourceX,
diff --git a/packages/svelte/src/lib/components/edges/StepEdge.svelte b/packages/svelte/src/lib/components/edges/StepEdge.svelte
index 65012595d..ac6118ca6 100644
--- a/packages/svelte/src/lib/components/edges/StepEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/StepEdge.svelte
@@ -4,7 +4,7 @@
   import type { EdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
 
-  type $$Props = EdgeProps;
+  type $$Props = Partial<EdgeProps>;
 
   $: [path, labelX, labelY] = getSmoothStepPath({
     sourceX: $$props.sourceX,
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
index 50f282ff6..9e6c88dac 100644
--- a/packages/svelte/src/lib/components/edges/StraightEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
@@ -4,7 +4,7 @@
   import type { EdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
 
-  type $$Props = EdgeProps;
+  type $$Props = Partial<EdgeProps>;
 
   $: [path, labelX, labelY] = getStraightPath({
     sourceX: $$props.sourceX,
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index dbbb17fc3..bf0166abf 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -24,10 +24,10 @@ import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
 import InputNode from '$lib/components/nodes/InputNode.svelte';
 import OutputNode from '$lib/components/nodes/OutputNode.svelte';
 import GroupNode from '$lib/components/nodes/GroupNode.svelte';
-import BezierEdge from '$lib/components/edges/BezierEdge.svelte';
-import StraightEdge from '$lib/components/edges/StraightEdge.svelte';
-import SmoothStepEdge from '$lib/components/edges/SmoothStepEdge.svelte';
-import StepEdge from '$lib/components/edges/StepEdge.svelte';
+import BezierEdge from '$lib/components/edges/InternalBezierEdge.svelte';
+import StraightEdge from '$lib/components/edges/InternalStraightEdge.svelte';
+import SmoothStepEdge from '$lib/components/edges/InternalSmoothStepEdge.svelte';
+import StepEdge from '$lib/components/edges/InternalStepEdge.svelte';
 import type {
   NodeTypes,
   EdgeTypes,

From 0393409e898d4c462110c35190a192bb17ed1696 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 28 Nov 2023 13:03:50 +0100
Subject: [PATCH 0376/1093] fix(system) exportet Optional type, fix(svelte)
 adjusted exported edge types

---
 .../svelte/src/routes/examples/customnode/CustomNode.svelte   | 2 +-
 packages/svelte/src/lib/components/edges/BezierEdge.svelte    | 4 ++--
 .../svelte/src/lib/components/edges/SmoothStepEdge.svelte     | 4 ++--
 packages/svelte/src/lib/components/edges/StepEdge.svelte      | 4 ++--
 packages/svelte/src/lib/components/edges/StraightEdge.svelte  | 3 ++-
 packages/system/src/types/utils.ts                            | 2 ++
 packages/system/src/utils/index.ts                            | 1 +
 7 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/examples/svelte/src/routes/examples/customnode/CustomNode.svelte b/examples/svelte/src/routes/examples/customnode/CustomNode.svelte
index 25d37d320..51ba33eae 100644
--- a/examples/svelte/src/routes/examples/customnode/CustomNode.svelte
+++ b/examples/svelte/src/routes/examples/customnode/CustomNode.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Writable } from 'svelte/store';
-	import { Handle, Position, type NodeProps } from '@xyflow/svelte';
+	import { Handle, Position, type NodeProps, BezierEdge, SmoothStepEdge } from '@xyflow/svelte';
 
 	type $$Props = NodeProps;
 
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
index 56ccaf31e..ef5fd3db2 100644
--- a/packages/svelte/src/lib/components/edges/BezierEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-  import { getBezierPath } from '@xyflow/system';
+  import { getBezierPath, type Optional } from '@xyflow/system';
 
   import type { EdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
 
-  type $$Props = Partial<EdgeProps>;
+  type $$Props = Optional<EdgeProps, 'id' | 'target' | 'source'>;
 
   $: [path, labelX, labelY] = getBezierPath({
     sourceX: $$props.sourceX,
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
index 39acb6e69..f528da0e2 100644
--- a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-  import { getSmoothStepPath } from '@xyflow/system';
+  import { getSmoothStepPath, type Optional } from '@xyflow/system';
 
   import type { EdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
 
-  type $$Props = Partial<EdgeProps>;
+  type $$Props = Optional<EdgeProps, 'id' | 'target' | 'source'>;
 
   $: [path, labelX, labelY] = getSmoothStepPath({
     sourceX: $$props.sourceX,
diff --git a/packages/svelte/src/lib/components/edges/StepEdge.svelte b/packages/svelte/src/lib/components/edges/StepEdge.svelte
index ac6118ca6..b0860d03b 100644
--- a/packages/svelte/src/lib/components/edges/StepEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/StepEdge.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-  import { getSmoothStepPath } from '@xyflow/system';
+  import { getSmoothStepPath, type Optional } from '@xyflow/system';
 
   import type { EdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
 
-  type $$Props = Partial<EdgeProps>;
+  type $$Props = Optional<EdgeProps, 'id' | 'target' | 'source'>;
 
   $: [path, labelX, labelY] = getSmoothStepPath({
     sourceX: $$props.sourceX,
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
index 9e6c88dac..b83424a08 100644
--- a/packages/svelte/src/lib/components/edges/StraightEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
@@ -1,10 +1,11 @@
 <script lang="ts">
   import { getStraightPath } from '@xyflow/system';
+  import type { Optional } from '@xyflow/system/dist/esm/utils/types';
 
   import type { EdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
 
-  type $$Props = Partial<EdgeProps>;
+  type $$Props = Optional<EdgeProps, 'id' | 'target' | 'source'>;
 
   $: [path, labelX, labelY] = getStraightPath({
     sourceX: $$props.sourceX,
diff --git a/packages/system/src/types/utils.ts b/packages/system/src/types/utils.ts
index 908e95f15..6ebb07447 100644
--- a/packages/system/src/types/utils.ts
+++ b/packages/system/src/types/utils.ts
@@ -1,3 +1,5 @@
+import type { Optional } from '../utils/types';
+
 export enum Position {
   Left = 'left',
   Top = 'top',
diff --git a/packages/system/src/utils/index.ts b/packages/system/src/utils/index.ts
index 380b7658b..4937033cd 100644
--- a/packages/system/src/utils/index.ts
+++ b/packages/system/src/utils/index.ts
@@ -5,3 +5,4 @@ export * from './general';
 export * from './marker';
 export * from './node-toolbar';
 export * from './store';
+export * from './types';

From 43c78d6c115f3c911ea3020b1097a0c82b2d5973 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 28 Nov 2023 13:04:46 +0100
Subject: [PATCH 0377/1093] forgotten file

---
 packages/svelte/src/lib/components/edges/StraightEdge.svelte | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/components/edges/StraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
index b83424a08..979c43510 100644
--- a/packages/svelte/src/lib/components/edges/StraightEdge.svelte
+++ b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
-  import { getStraightPath } from '@xyflow/system';
-  import type { Optional } from '@xyflow/system/dist/esm/utils/types';
+  import { getStraightPath, type Optional } from '@xyflow/system';
 
   import type { EdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';

From 2e15fd72ee5d4076704b0cb63f6ce65e55be7e3f Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 28 Nov 2023 14:30:26 +0100
Subject: [PATCH 0378/1093] fix(react) added internal edge components, to make
 id, source, handle optional on exported edges

---
 .../react/src/components/Edges/BezierEdge.tsx |   6 +-
 .../components/Edges/BezierEdgeInternal.tsx   |  59 +++++++++
 .../src/components/Edges/SimpleBezierEdge.tsx |   6 +-
 .../Edges/SimpleBezierEdgeInternal.tsx        | 124 ++++++++++++++++++
 .../src/components/Edges/SmoothStepEdge.tsx   |   6 +-
 .../Edges/SmoothStepEdgeInternal.tsx          |  60 +++++++++
 .../react/src/components/Edges/StepEdge.tsx   |   3 +-
 .../src/components/Edges/StepEdgeInternal.tsx |  15 +++
 .../src/components/Edges/StraightEdge.tsx     |   6 +-
 .../components/Edges/StraightEdgeInternal.tsx |  48 +++++++
 .../react/src/components/Edges/internal.ts    |   5 +
 .../react/src/container/EdgeRenderer/utils.ts |   2 +-
 .../react/src/container/ReactFlow/index.tsx   |   2 +-
 13 files changed, 331 insertions(+), 11 deletions(-)
 create mode 100644 packages/react/src/components/Edges/BezierEdgeInternal.tsx
 create mode 100644 packages/react/src/components/Edges/SimpleBezierEdgeInternal.tsx
 create mode 100644 packages/react/src/components/Edges/SmoothStepEdgeInternal.tsx
 create mode 100644 packages/react/src/components/Edges/StepEdgeInternal.tsx
 create mode 100644 packages/react/src/components/Edges/StraightEdgeInternal.tsx
 create mode 100644 packages/react/src/components/Edges/internal.ts

diff --git a/packages/react/src/components/Edges/BezierEdge.tsx b/packages/react/src/components/Edges/BezierEdge.tsx
index 8f446393d..9187131c1 100644
--- a/packages/react/src/components/Edges/BezierEdge.tsx
+++ b/packages/react/src/components/Edges/BezierEdge.tsx
@@ -1,11 +1,12 @@
 import { memo } from 'react';
-import { Position, getBezierPath } from '@xyflow/system';
+import { type Optional, Position, getBezierPath } from '@xyflow/system';
 
 import BaseEdge from './BaseEdge';
 import type { BezierEdgeProps } from '../../types';
 
 const BezierEdge = memo(
   ({
+    id,
     sourceX,
     sourceY,
     targetX,
@@ -23,7 +24,7 @@ const BezierEdge = memo(
     markerStart,
     pathOptions,
     interactionWidth,
-  }: BezierEdgeProps) => {
+  }: Optional<BezierEdgeProps, 'id' | 'source' | 'target'>) => {
     const [path, labelX, labelY] = getBezierPath({
       sourceX,
       sourceY,
@@ -36,6 +37,7 @@ const BezierEdge = memo(
 
     return (
       <BaseEdge
+        id={id}
         path={path}
         labelX={labelX}
         labelY={labelY}
diff --git a/packages/react/src/components/Edges/BezierEdgeInternal.tsx b/packages/react/src/components/Edges/BezierEdgeInternal.tsx
new file mode 100644
index 000000000..8f446393d
--- /dev/null
+++ b/packages/react/src/components/Edges/BezierEdgeInternal.tsx
@@ -0,0 +1,59 @@
+import { memo } from 'react';
+import { Position, getBezierPath } from '@xyflow/system';
+
+import BaseEdge from './BaseEdge';
+import type { BezierEdgeProps } from '../../types';
+
+const BezierEdge = memo(
+  ({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition = Position.Bottom,
+    targetPosition = Position.Top,
+    label,
+    labelStyle,
+    labelShowBg,
+    labelBgStyle,
+    labelBgPadding,
+    labelBgBorderRadius,
+    style,
+    markerEnd,
+    markerStart,
+    pathOptions,
+    interactionWidth,
+  }: BezierEdgeProps) => {
+    const [path, labelX, labelY] = getBezierPath({
+      sourceX,
+      sourceY,
+      sourcePosition,
+      targetX,
+      targetY,
+      targetPosition,
+      curvature: pathOptions?.curvature,
+    });
+
+    return (
+      <BaseEdge
+        path={path}
+        labelX={labelX}
+        labelY={labelY}
+        label={label}
+        labelStyle={labelStyle}
+        labelShowBg={labelShowBg}
+        labelBgStyle={labelBgStyle}
+        labelBgPadding={labelBgPadding}
+        labelBgBorderRadius={labelBgBorderRadius}
+        style={style}
+        markerEnd={markerEnd}
+        markerStart={markerStart}
+        interactionWidth={interactionWidth}
+      />
+    );
+  }
+);
+
+BezierEdge.displayName = 'BezierEdge';
+
+export default BezierEdge;
diff --git a/packages/react/src/components/Edges/SimpleBezierEdge.tsx b/packages/react/src/components/Edges/SimpleBezierEdge.tsx
index d9fa50c42..1132e2167 100644
--- a/packages/react/src/components/Edges/SimpleBezierEdge.tsx
+++ b/packages/react/src/components/Edges/SimpleBezierEdge.tsx
@@ -1,5 +1,5 @@
 import { memo } from 'react';
-import { Position, getBezierEdgeCenter } from '@xyflow/system';
+import { type Optional, Position, getBezierEdgeCenter } from '@xyflow/system';
 
 import BaseEdge from './BaseEdge';
 import type { EdgeProps } from '../../types';
@@ -73,6 +73,7 @@ export function getSimpleBezierPath({
 
 const SimpleBezierEdge = memo(
   ({
+    id,
     sourceX,
     sourceY,
     targetX,
@@ -89,7 +90,7 @@ const SimpleBezierEdge = memo(
     markerEnd,
     markerStart,
     interactionWidth,
-  }: EdgeProps) => {
+  }: Optional<EdgeProps, 'id' | 'source' | 'target'>) => {
     const [path, labelX, labelY] = getSimpleBezierPath({
       sourceX,
       sourceY,
@@ -101,6 +102,7 @@ const SimpleBezierEdge = memo(
 
     return (
       <BaseEdge
+        id={id}
         path={path}
         labelX={labelX}
         labelY={labelY}
diff --git a/packages/react/src/components/Edges/SimpleBezierEdgeInternal.tsx b/packages/react/src/components/Edges/SimpleBezierEdgeInternal.tsx
new file mode 100644
index 000000000..d9fa50c42
--- /dev/null
+++ b/packages/react/src/components/Edges/SimpleBezierEdgeInternal.tsx
@@ -0,0 +1,124 @@
+import { memo } from 'react';
+import { Position, getBezierEdgeCenter } from '@xyflow/system';
+
+import BaseEdge from './BaseEdge';
+import type { EdgeProps } from '../../types';
+
+export interface GetSimpleBezierPathParams {
+  sourceX: number;
+  sourceY: number;
+  sourcePosition?: Position;
+  targetX: number;
+  targetY: number;
+  targetPosition?: Position;
+}
+
+interface GetControlParams {
+  pos: Position;
+  x1: number;
+  y1: number;
+  x2: number;
+  y2: number;
+}
+
+function getControl({ pos, x1, y1, x2, y2 }: GetControlParams): [number, number] {
+  if (pos === Position.Left || pos === Position.Right) {
+    return [0.5 * (x1 + x2), y1];
+  }
+
+  return [x1, 0.5 * (y1 + y2)];
+}
+
+export function getSimpleBezierPath({
+  sourceX,
+  sourceY,
+  sourcePosition = Position.Bottom,
+  targetX,
+  targetY,
+  targetPosition = Position.Top,
+}: GetSimpleBezierPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number] {
+  const [sourceControlX, sourceControlY] = getControl({
+    pos: sourcePosition,
+    x1: sourceX,
+    y1: sourceY,
+    x2: targetX,
+    y2: targetY,
+  });
+  const [targetControlX, targetControlY] = getControl({
+    pos: targetPosition,
+    x1: targetX,
+    y1: targetY,
+    x2: sourceX,
+    y2: sourceY,
+  });
+  const [labelX, labelY, offsetX, offsetY] = getBezierEdgeCenter({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourceControlX,
+    sourceControlY,
+    targetControlX,
+    targetControlY,
+  });
+
+  return [
+    `M${sourceX},${sourceY} C${sourceControlX},${sourceControlY} ${targetControlX},${targetControlY} ${targetX},${targetY}`,
+    labelX,
+    labelY,
+    offsetX,
+    offsetY,
+  ];
+}
+
+const SimpleBezierEdge = memo(
+  ({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition = Position.Bottom,
+    targetPosition = Position.Top,
+    label,
+    labelStyle,
+    labelShowBg,
+    labelBgStyle,
+    labelBgPadding,
+    labelBgBorderRadius,
+    style,
+    markerEnd,
+    markerStart,
+    interactionWidth,
+  }: EdgeProps) => {
+    const [path, labelX, labelY] = getSimpleBezierPath({
+      sourceX,
+      sourceY,
+      sourcePosition,
+      targetX,
+      targetY,
+      targetPosition,
+    });
+
+    return (
+      <BaseEdge
+        path={path}
+        labelX={labelX}
+        labelY={labelY}
+        label={label}
+        labelStyle={labelStyle}
+        labelShowBg={labelShowBg}
+        labelBgStyle={labelBgStyle}
+        labelBgPadding={labelBgPadding}
+        labelBgBorderRadius={labelBgBorderRadius}
+        style={style}
+        markerEnd={markerEnd}
+        markerStart={markerStart}
+        interactionWidth={interactionWidth}
+      />
+    );
+  }
+);
+
+SimpleBezierEdge.displayName = 'SimpleBezierEdge';
+
+export default SimpleBezierEdge;
diff --git a/packages/react/src/components/Edges/SmoothStepEdge.tsx b/packages/react/src/components/Edges/SmoothStepEdge.tsx
index be635a4ef..a6965ca70 100644
--- a/packages/react/src/components/Edges/SmoothStepEdge.tsx
+++ b/packages/react/src/components/Edges/SmoothStepEdge.tsx
@@ -1,11 +1,12 @@
 import { memo } from 'react';
-import { Position, getSmoothStepPath } from '@xyflow/system';
+import { type Optional, Position, getSmoothStepPath } from '@xyflow/system';
 
 import BaseEdge from './BaseEdge';
 import type { SmoothStepEdgeProps } from '../../types';
 
 const SmoothStepEdge = memo(
   ({
+    id,
     sourceX,
     sourceY,
     targetX,
@@ -23,7 +24,7 @@ const SmoothStepEdge = memo(
     markerStart,
     pathOptions,
     interactionWidth,
-  }: SmoothStepEdgeProps) => {
+  }: Optional<SmoothStepEdgeProps, 'id' | 'source' | 'target'>) => {
     const [path, labelX, labelY] = getSmoothStepPath({
       sourceX,
       sourceY,
@@ -37,6 +38,7 @@ const SmoothStepEdge = memo(
 
     return (
       <BaseEdge
+        id={id}
         path={path}
         labelX={labelX}
         labelY={labelY}
diff --git a/packages/react/src/components/Edges/SmoothStepEdgeInternal.tsx b/packages/react/src/components/Edges/SmoothStepEdgeInternal.tsx
new file mode 100644
index 000000000..be635a4ef
--- /dev/null
+++ b/packages/react/src/components/Edges/SmoothStepEdgeInternal.tsx
@@ -0,0 +1,60 @@
+import { memo } from 'react';
+import { Position, getSmoothStepPath } from '@xyflow/system';
+
+import BaseEdge from './BaseEdge';
+import type { SmoothStepEdgeProps } from '../../types';
+
+const SmoothStepEdge = memo(
+  ({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    label,
+    labelStyle,
+    labelShowBg,
+    labelBgStyle,
+    labelBgPadding,
+    labelBgBorderRadius,
+    style,
+    sourcePosition = Position.Bottom,
+    targetPosition = Position.Top,
+    markerEnd,
+    markerStart,
+    pathOptions,
+    interactionWidth,
+  }: SmoothStepEdgeProps) => {
+    const [path, labelX, labelY] = getSmoothStepPath({
+      sourceX,
+      sourceY,
+      sourcePosition,
+      targetX,
+      targetY,
+      targetPosition,
+      borderRadius: pathOptions?.borderRadius,
+      offset: pathOptions?.offset,
+    });
+
+    return (
+      <BaseEdge
+        path={path}
+        labelX={labelX}
+        labelY={labelY}
+        label={label}
+        labelStyle={labelStyle}
+        labelShowBg={labelShowBg}
+        labelBgStyle={labelBgStyle}
+        labelBgPadding={labelBgPadding}
+        labelBgBorderRadius={labelBgBorderRadius}
+        style={style}
+        markerEnd={markerEnd}
+        markerStart={markerStart}
+        interactionWidth={interactionWidth}
+      />
+    );
+  }
+);
+
+SmoothStepEdge.displayName = 'SmoothStepEdge';
+
+export default SmoothStepEdge;
diff --git a/packages/react/src/components/Edges/StepEdge.tsx b/packages/react/src/components/Edges/StepEdge.tsx
index df2646a7a..8edd819a0 100644
--- a/packages/react/src/components/Edges/StepEdge.tsx
+++ b/packages/react/src/components/Edges/StepEdge.tsx
@@ -1,9 +1,10 @@
 import { memo, useMemo } from 'react';
+import { Optional } from '@xyflow/system';
 
 import SmoothStepEdge from './SmoothStepEdge';
 import type { SmoothStepEdgeProps } from '../../types';
 
-const StepEdge = memo((props: SmoothStepEdgeProps) => (
+const StepEdge = memo((props: Optional<SmoothStepEdgeProps, 'id' | 'source' | 'target'>) => (
   <SmoothStepEdge
     {...props}
     pathOptions={useMemo(() => ({ borderRadius: 0, offset: props.pathOptions?.offset }), [props.pathOptions?.offset])}
diff --git a/packages/react/src/components/Edges/StepEdgeInternal.tsx b/packages/react/src/components/Edges/StepEdgeInternal.tsx
new file mode 100644
index 000000000..2772424db
--- /dev/null
+++ b/packages/react/src/components/Edges/StepEdgeInternal.tsx
@@ -0,0 +1,15 @@
+import { memo, useMemo } from 'react';
+
+import SmoothStepEdgeInternal from './SmoothStepEdgeInternal';
+import type { SmoothStepEdgeProps } from '../../types';
+
+const StepEdge = memo((props: SmoothStepEdgeProps) => (
+  <SmoothStepEdgeInternal
+    {...props}
+    pathOptions={useMemo(() => ({ borderRadius: 0, offset: props.pathOptions?.offset }), [props.pathOptions?.offset])}
+  />
+));
+
+StepEdge.displayName = 'StepEdge';
+
+export default StepEdge;
diff --git a/packages/react/src/components/Edges/StraightEdge.tsx b/packages/react/src/components/Edges/StraightEdge.tsx
index 06f4a1614..094eb7f93 100644
--- a/packages/react/src/components/Edges/StraightEdge.tsx
+++ b/packages/react/src/components/Edges/StraightEdge.tsx
@@ -1,11 +1,12 @@
 import { memo } from 'react';
-import { getStraightPath } from '@xyflow/system';
+import { type Optional, getStraightPath } from '@xyflow/system';
 
 import BaseEdge from './BaseEdge';
 import type { EdgeProps } from '../../types';
 
 const StraightEdge = memo(
   ({
+    id,
     sourceX,
     sourceY,
     targetX,
@@ -20,11 +21,12 @@ const StraightEdge = memo(
     markerEnd,
     markerStart,
     interactionWidth,
-  }: EdgeProps) => {
+  }: Optional<EdgeProps, 'id' | 'source' | 'target'>) => {
     const [path, labelX, labelY] = getStraightPath({ sourceX, sourceY, targetX, targetY });
 
     return (
       <BaseEdge
+        id={id}
         path={path}
         labelX={labelX}
         labelY={labelY}
diff --git a/packages/react/src/components/Edges/StraightEdgeInternal.tsx b/packages/react/src/components/Edges/StraightEdgeInternal.tsx
new file mode 100644
index 000000000..06f4a1614
--- /dev/null
+++ b/packages/react/src/components/Edges/StraightEdgeInternal.tsx
@@ -0,0 +1,48 @@
+import { memo } from 'react';
+import { getStraightPath } from '@xyflow/system';
+
+import BaseEdge from './BaseEdge';
+import type { EdgeProps } from '../../types';
+
+const StraightEdge = memo(
+  ({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    label,
+    labelStyle,
+    labelShowBg,
+    labelBgStyle,
+    labelBgPadding,
+    labelBgBorderRadius,
+    style,
+    markerEnd,
+    markerStart,
+    interactionWidth,
+  }: EdgeProps) => {
+    const [path, labelX, labelY] = getStraightPath({ sourceX, sourceY, targetX, targetY });
+
+    return (
+      <BaseEdge
+        path={path}
+        labelX={labelX}
+        labelY={labelY}
+        label={label}
+        labelStyle={labelStyle}
+        labelShowBg={labelShowBg}
+        labelBgStyle={labelBgStyle}
+        labelBgPadding={labelBgPadding}
+        labelBgBorderRadius={labelBgBorderRadius}
+        style={style}
+        markerEnd={markerEnd}
+        markerStart={markerStart}
+        interactionWidth={interactionWidth}
+      />
+    );
+  }
+);
+
+StraightEdge.displayName = 'StraightEdge';
+
+export default StraightEdge;
diff --git a/packages/react/src/components/Edges/internal.ts b/packages/react/src/components/Edges/internal.ts
new file mode 100644
index 000000000..11b86932a
--- /dev/null
+++ b/packages/react/src/components/Edges/internal.ts
@@ -0,0 +1,5 @@
+export { default as SimpleBezierEdge } from './SimpleBezierEdgeInternal';
+export { default as SmoothStepEdge } from './SmoothStepEdgeInternal';
+export { default as StepEdge } from './StepEdgeInternal';
+export { default as StraightEdge } from './StraightEdgeInternal';
+export { default as BezierEdge } from './BezierEdgeInternal';
diff --git a/packages/react/src/container/EdgeRenderer/utils.ts b/packages/react/src/container/EdgeRenderer/utils.ts
index 0e8f39d3b..03e0dba33 100644
--- a/packages/react/src/container/EdgeRenderer/utils.ts
+++ b/packages/react/src/container/EdgeRenderer/utils.ts
@@ -1,6 +1,6 @@
 import type { ComponentType } from 'react';
 
-import { BezierEdge, SmoothStepEdge, StepEdge, StraightEdge, SimpleBezierEdge } from '../../components/Edges';
+import { BezierEdge, SmoothStepEdge, StepEdge, StraightEdge, SimpleBezierEdge } from '../../components/Edges/internal';
 import wrapEdge from '../../components/Edges/wrapEdge';
 import type { EdgeProps, EdgeTypes, EdgeTypesWrapped } from '../../types';
 
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 1b3dc7967..d780046ed 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -12,7 +12,7 @@ import {
 } from '@xyflow/system';
 
 import Attribution from '../../components/Attribution';
-import { BezierEdge, SmoothStepEdge, StepEdge, StraightEdge, SimpleBezierEdge } from '../../components/Edges';
+import { BezierEdge, SmoothStepEdge, StepEdge, StraightEdge, SimpleBezierEdge } from '../../components/Edges/internal';
 import DefaultNode from '../../components/Nodes/DefaultNode';
 import InputNode from '../../components/Nodes/InputNode';
 import OutputNode from '../../components/Nodes/OutputNode';

From f871617abeac66635d2ba4c3036e68802426a8c5 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 28 Nov 2023 14:35:18 +0100
Subject: [PATCH 0379/1093] renamed internal files in svelte for better
 alphabetical ordering

---
 .../src/lib/components/EdgeWrapper/EdgeWrapper.svelte      | 2 +-
 ...InternalBezierEdge.svelte => BezierEdgeInternal.svelte} | 0
 ...SmoothStepEdge.svelte => SmoothStepEdgeInternal.svelte} | 0
 .../{InternalStepEdge.svelte => StepEdgeInternal.svelte}   | 0
 ...rnalStraightEdge.svelte => StraightEdgeInternal.svelte} | 0
 packages/svelte/src/lib/components/edges/internal.ts       | 4 ++++
 packages/svelte/src/lib/store/initial-store.ts             | 7 +++----
 7 files changed, 8 insertions(+), 5 deletions(-)
 rename packages/svelte/src/lib/components/edges/{InternalBezierEdge.svelte => BezierEdgeInternal.svelte} (100%)
 rename packages/svelte/src/lib/components/edges/{InternalSmoothStepEdge.svelte => SmoothStepEdgeInternal.svelte} (100%)
 rename packages/svelte/src/lib/components/edges/{InternalStepEdge.svelte => StepEdgeInternal.svelte} (100%)
 rename packages/svelte/src/lib/components/edges/{InternalStraightEdge.svelte => StraightEdgeInternal.svelte} (100%)
 create mode 100644 packages/svelte/src/lib/components/edges/internal.ts

diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 7f5b9bbdf..fa4adc92a 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -6,7 +6,7 @@
   import { errorMessages, getMarkerId } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
-  import BezierEdge from '$lib/components/edges/InternalBezierEdge.svelte';
+  import { BezierEdge } from '$lib/components/edges/internal';
   import type { EdgeLayouted, Edge } from '$lib/types';
   import { get } from 'svelte/store';
 
diff --git a/packages/svelte/src/lib/components/edges/InternalBezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte
similarity index 100%
rename from packages/svelte/src/lib/components/edges/InternalBezierEdge.svelte
rename to packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte
diff --git a/packages/svelte/src/lib/components/edges/InternalSmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte
similarity index 100%
rename from packages/svelte/src/lib/components/edges/InternalSmoothStepEdge.svelte
rename to packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte
diff --git a/packages/svelte/src/lib/components/edges/InternalStepEdge.svelte b/packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte
similarity index 100%
rename from packages/svelte/src/lib/components/edges/InternalStepEdge.svelte
rename to packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte
diff --git a/packages/svelte/src/lib/components/edges/InternalStraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte
similarity index 100%
rename from packages/svelte/src/lib/components/edges/InternalStraightEdge.svelte
rename to packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte
diff --git a/packages/svelte/src/lib/components/edges/internal.ts b/packages/svelte/src/lib/components/edges/internal.ts
new file mode 100644
index 000000000..f2582b79b
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/internal.ts
@@ -0,0 +1,4 @@
+export { default as BezierEdge } from './BezierEdgeInternal.svelte';
+export { default as StraightEdge } from './StraightEdgeInternal.svelte';
+export { default as SmoothStepEdge } from './SmoothStepEdgeInternal.svelte';
+export { default as StepEdge } from './StepEdgeInternal.svelte';
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index bf0166abf..65acad86b 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -24,10 +24,9 @@ import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
 import InputNode from '$lib/components/nodes/InputNode.svelte';
 import OutputNode from '$lib/components/nodes/OutputNode.svelte';
 import GroupNode from '$lib/components/nodes/GroupNode.svelte';
-import BezierEdge from '$lib/components/edges/InternalBezierEdge.svelte';
-import StraightEdge from '$lib/components/edges/InternalStraightEdge.svelte';
-import SmoothStepEdge from '$lib/components/edges/InternalSmoothStepEdge.svelte';
-import StepEdge from '$lib/components/edges/InternalStepEdge.svelte';
+
+import { BezierEdge, StraightEdge, StepEdge, SmoothStepEdge } from '$lib/components/edges/internal';
+
 import type {
   NodeTypes,
   EdgeTypes,

From 1eea7209a3b73bf4b90f49d3134ebdca6e209a0a Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 28 Nov 2023 14:45:21 +0100
Subject: [PATCH 0380/1093] fix(svelte) fix getIntersectingNodes, closes #3675

---
 packages/svelte/src/lib/hooks/useSvelteFlow.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index fb1419ec9..3c266f43e 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -136,12 +136,12 @@ export function useSvelteFlow(): {
     ) => {
       const [nodeRect, node, isRect] = getNodeRect(nodeOrRect);
 
-      if (!nodeRect || !node) {
+      if (!nodeRect) {
         return [];
       }
 
       return (nodesToIntersect || get(nodes)).filter((n) => {
-        if (!isRect && (n.id === node.id || !n.computed?.positionAbsolute)) {
+        if (!isRect && (n.id === node!.id || !n.computed?.positionAbsolute)) {
           return false;
         }
 

From 3f94dfa84cdab9aae690599214a6c1650f06d3d6 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 28 Nov 2023 15:48:19 +0100
Subject: [PATCH 0381/1093] feat(svelte) added onedgecreate function

---
 .../svelte/src/routes/examples/edges/+page.svelte     | 11 ++++++++++-
 .../svelte/src/lib/components/Handle/Handle.svelte    | 11 ++++++++++-
 .../src/lib/container/SvelteFlow/SvelteFlow.svelte    |  2 ++
 packages/svelte/src/lib/container/SvelteFlow/types.ts |  5 ++++-
 packages/svelte/src/lib/container/SvelteFlow/utils.ts |  1 +
 packages/svelte/src/lib/store/initial-store.ts        |  6 ++++--
 packages/svelte/src/lib/types/general.ts              |  4 +++-
 7 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/examples/svelte/src/routes/examples/edges/+page.svelte b/examples/svelte/src/routes/examples/edges/+page.svelte
index 403b0ef62..575984caa 100644
--- a/examples/svelte/src/routes/examples/edges/+page.svelte
+++ b/examples/svelte/src/routes/examples/edges/+page.svelte
@@ -145,7 +145,16 @@
 	]);
 </script>
 
-<SvelteFlow {nodes} {edges} fitView nodeDragThreshold={2}>
+<SvelteFlow
+	{nodes}
+	{edges}
+	fitView
+	nodeDragThreshold={2}
+	onedgecreate={(e) => {
+		console.log('on edge create', e);
+		return e;
+	}}
+>
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />
 	<MiniMap />
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 655bcc6b1..7d3010bda 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -55,6 +55,7 @@
     isValidConnection,
     lib,
     addEdge,
+    onedgecreate,
     panBy,
     cancelConnection,
     updateConnection,
@@ -80,8 +81,16 @@
         cancelConnection,
         panBy,
         onConnect: (connection) => {
-          addEdge(connection);
+          if ($onedgecreate) {
+            const modifiedConnection = $onedgecreate(connection);
+            if (modifiedConnection) {
+              addEdge(modifiedConnection);
+              dispatch('connect', { connection });
+            }
+            return;
+          }
 
+          addEdge(connection);
           // @todo: should we change/ improve the stuff we are passing here?
           // instead of source/target we could pass fromNodeId, fromHandleId, etc
           dispatch('connect', { connection });
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 59bff1f44..21ceec497 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -71,6 +71,7 @@
   export let autoPanOnNodeDrag: $$Props['autoPanOnNodeDrag'] = true;
   export let onerror: $$Props['onerror'] = undefined;
   export let ondelete: $$Props['ondelete'] = undefined;
+  export let onedgecreate: $$Props['onedgecreate'] = undefined;
   export let attributionPosition: $$Props['attributionPosition'] = undefined;
   export let proOptions: $$Props['proOptions'] = undefined;
   export let defaultEdgeOptions: $$Props['defaultEdgeOptions'] = undefined;
@@ -149,6 +150,7 @@
       autoPanOnNodeDrag,
       onerror,
       ondelete,
+      onedgecreate,
       connectionMode,
       nodeDragThreshold
     };
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index daab48e97..9116dc602 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -26,7 +26,8 @@ import type {
   EdgeTypes,
   DefaultEdgeOptions,
   FitViewOptions,
-  OnDelete
+  OnDelete,
+  OnEdgeCreate
 } from '$lib/types';
 import type { Writable } from 'svelte/store';
 
@@ -89,4 +90,6 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   onMoveEnd?: OnMoveEnd;
   onerror?: OnError;
   ondelete?: OnDelete;
+
+  onedgecreate?: OnEdgeCreate;
 };
diff --git a/packages/svelte/src/lib/container/SvelteFlow/utils.ts b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
index 9abdb3e9f..0281cd55a 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/utils.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
@@ -64,6 +64,7 @@ export type UpdatableStoreProps = {
   connectionMode?: UnwrapWritable<SvelteFlowStore['connectionMode']>;
   onerror?: UnwrapWritable<SvelteFlowStore['onerror']>;
   ondelete?: UnwrapWritable<SvelteFlowStore['ondelete']>;
+  onedgecreate?: UnwrapWritable<SvelteFlowStore['onedgecreate']>;
   nodeDragThreshold?: UnwrapWritable<SvelteFlowStore['nodeDragThreshold']>;
 };
 
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index dbbb17fc3..8f358cf95 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -35,7 +35,8 @@ import type {
   Node,
   Edge,
   FitViewOptions,
-  OnDelete
+  OnDelete,
+  OnEdgeCreate
 } from '$lib/types';
 import { createNodesStore, createEdgesStore } from './utils';
 import { initConnectionProps, type ConnectionProps } from './derived-connection-props';
@@ -130,6 +131,7 @@ export const getInitialStore = ({
     lib: readable<string>('svelte'),
     onlyRenderVisibleElements: writable<boolean>(false),
     onerror: writable<OnError>(devWarn),
-    ondelete: writable<OnDelete>(undefined)
+    ondelete: writable<OnDelete>(undefined),
+    onedgecreate: writable<OnEdgeCreate>(undefined)
   };
 };
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index 147643180..626667053 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -4,7 +4,8 @@ import type {
   HandleType,
   Position,
   XYPosition,
-  ConnectingHandle
+  ConnectingHandle,
+  Connection
 } from '@xyflow/system';
 
 import type { Node } from './nodes';
@@ -35,3 +36,4 @@ export type HandleComponentProps = {
 export type FitViewOptions = FitViewOptionsBase<Node>;
 
 export type OnDelete = (params: { nodes: Node[]; edges: Edge[] }) => void;
+export type OnEdgeCreate = (connection: Connection) => Edge | Connection | void;

From a1e585fdccce432e237ad85b45d459223d0ec38c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 28 Nov 2023 16:35:44 +0100
Subject: [PATCH 0382/1093] refactor(css-vars): prefix with xy and fix bgColor
 prop closes #3669

---
 .../react/src/examples/ColorMode/index.tsx    |   2 +
 .../react/src/examples/ColorMode/style.css    |   0
 .../routes/examples/customnode/+page.svelte   |   2 +-
 .../Background/Background.tsx                 |   4 +-
 .../additional-components/MiniMap/MiniMap.tsx |   8 +-
 .../lib/plugins/Background/Background.svelte  |   4 +-
 .../lib/plugins/Controls/ControlButton.svelte |  10 +-
 .../src/lib/plugins/Minimap/Minimap.svelte    |   8 +-
 packages/system/src/styles/base.css           |  24 ++--
 packages/system/src/styles/init.css           | 108 ++++++++--------
 packages/system/src/styles/style.css          | 121 +++++++++---------
 11 files changed, 150 insertions(+), 141 deletions(-)
 create mode 100644 examples/react/src/examples/ColorMode/style.css

diff --git a/examples/react/src/examples/ColorMode/index.tsx b/examples/react/src/examples/ColorMode/index.tsx
index f867c6502..eae8ad869 100644
--- a/examples/react/src/examples/ColorMode/index.tsx
+++ b/examples/react/src/examples/ColorMode/index.tsx
@@ -15,6 +15,8 @@ import {
   Position,
 } from '@xyflow/react';
 
+import './style.css';
+
 const nodeDefaults = {
   sourcePosition: Position.Right,
   targetPosition: Position.Left,
diff --git a/examples/react/src/examples/ColorMode/style.css b/examples/react/src/examples/ColorMode/style.css
new file mode 100644
index 000000000..e69de29bb
diff --git a/examples/svelte/src/routes/examples/customnode/+page.svelte b/examples/svelte/src/routes/examples/customnode/+page.svelte
index 14130a470..123932f9b 100644
--- a/examples/svelte/src/routes/examples/customnode/+page.svelte
+++ b/examples/svelte/src/routes/examples/customnode/+page.svelte
@@ -85,7 +85,7 @@
 	{nodes}
 	{edges}
 	{nodeTypes}
-	style="--background-color: {$bgColor}"
+	style="--xy-background-color: {$bgColor}"
 	fitView
 	on:connect={onConnect}
 >
diff --git a/packages/react/src/additional-components/Background/Background.tsx b/packages/react/src/additional-components/Background/Background.tsx
index 843daf196..3e71d7231 100644
--- a/packages/react/src/additional-components/Background/Background.tsx
+++ b/packages/react/src/additional-components/Background/Background.tsx
@@ -55,8 +55,8 @@ function Background({
         {
           ...style,
           ...containerStyle,
-          '--background-color-props': bgColor,
-          '--background-pattern-color-props': color,
+          '--xy-background-color-props': bgColor,
+          '--xy-background-pattern-color-props': color,
         } as CSSProperties
       }
       ref={ref}
diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index 338488369..8d1f0538f 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -129,10 +129,10 @@ function MiniMap({
       style={
         {
           ...style,
-          '--minimap-mask-color-props': typeof maskColor === 'string' ? maskColor : undefined,
-          '--minimap-node-background-color-props': typeof nodeColor === 'string' ? nodeColor : undefined,
-          '--minimap-node-stroke-color-props': typeof nodeStrokeColor === 'string' ? nodeStrokeColor : undefined,
-          '--minimap-node-stroke-width-props': typeof nodeStrokeWidth === 'string' ? nodeStrokeWidth : undefined,
+          '--xy-minimap-mask-color-props': typeof maskColor === 'string' ? maskColor : undefined,
+          '--xy-minimap-node-background-color-props': typeof nodeColor === 'string' ? nodeColor : undefined,
+          '--xy-minimap-node-stroke-color-props': typeof nodeStrokeColor === 'string' ? nodeStrokeColor : undefined,
+          '--xy-minimap-node-stroke-width-props': typeof nodeStrokeWidth === 'string' ? nodeStrokeWidth : undefined,
         } as CSSProperties
       }
       className={cc(['react-flow__minimap', className])}
diff --git a/packages/svelte/src/lib/plugins/Background/Background.svelte b/packages/svelte/src/lib/plugins/Background/Background.svelte
index 67689ab95..c6a67d481 100644
--- a/packages/svelte/src/lib/plugins/Background/Background.svelte
+++ b/packages/svelte/src/lib/plugins/Background/Background.svelte
@@ -45,8 +45,8 @@
 <svg
   class={cc(['svelte-flow__background', className])}
   data-testid="svelte-flow__background"
-  style:--background-color-props={bgColor}
-  style:--background-pattern-color-props={patternColor}
+  style:--xy-background-color-props={bgColor}
+  style:--xy-background-pattern-color-props={patternColor}
 >
   <pattern
     id={patternId}
diff --git a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
index bd73ee30e..be64f19a2 100644
--- a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
@@ -15,11 +15,11 @@
   type="button"
   on:click
   class={cc(['svelte-flow__controls-button', className])}
-  style:--controls-button-background-color-props={bgColor}
-  style:--controls-button-background-color-hover-props={bgColorHover}
-  style:--controls-button-color-props={color}
-  style:--controls-button-color-hover-props={colorHover}
-  style:--controls-button-border-color-props={borderColor}
+  style:--xy-controls-button-background-color-props={bgColor}
+  style:--xy-controls-button-background-color-hover-props={bgColorHover}
+  style:--xy-controls-button-color-props={color}
+  style:--xy-controls-button-color-hover-props={colorHover}
+  style:--xy-controls-button-border-color-props={borderColor}
   {...$$restProps}
 >
   <slot class="button-svg" />
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 67f93698c..7b2896d8a 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -94,10 +94,10 @@
       viewBox="{x} {y} {viewboxWidth} {viewboxHeight}"
       role="img"
       aria-labelledby={labelledBy}
-      style:--minimap-background-color-props={bgColor}
-      style:--minimap-mask-color-props={maskColor}
-      style:--minimap-mask-stroke-color-props={maskStrokeColor}
-      style:--minimap-mask-stroke-width-props={maskStrokeWidth}
+      style:--xy-minimap-background-color-props={bgColor}
+      style:--xy-minimap-mask-color-props={maskColor}
+      style:--xy-minimap-mask-stroke-color-props={maskStrokeColor}
+      style:--xy-minimap-mask-stroke-width-props={maskStrokeWidth}
       use:interactive={{
         panZoom: $panZoom,
         viewport,
diff --git a/packages/system/src/styles/base.css b/packages/system/src/styles/base.css
index 1cb026b66..3a5afe6cc 100644
--- a/packages/system/src/styles/base.css
+++ b/packages/system/src/styles/base.css
@@ -1,38 +1,38 @@
 .xy-flow {
-  --node-border-default: 1px solid #bbb;
-  --node-border-selected-default: 1px solid #555;
+  --xy-node-border-default: 1px solid #bbb;
+  --xy-node-border-selected-default: 1px solid #555;
 
-  --handle-background-color-default: #333;
+  --xy-handle-background-color-default: #333;
 
-  --selection-background-color-default: rgba(150, 150, 180, 0.1);
-  --selection-border-default: 1px dotted rgba(155, 155, 155, 0.8);
+  --xy-selection-background-color-default: rgba(150, 150, 180, 0.1);
+  --xy-selection-border-default: 1px dotted rgba(155, 155, 155, 0.8);
 }
 
 .xy-flow.dark {
-  --node-color-default: #f8f8f8;
+  --xy-node-color-default: #f8f8f8;
 }
 
 .xy-flow__handle {
-  background-color: var(--handle-background-color, var(--handle-background-color-default));
+  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
 }
 
 .xy-flow__node-input,
 .xy-flow__node-default,
 .xy-flow__node-output,
 .xy-flow__node-group {
-  border: var(--node-border, var(--node-border-default));
-  color: var(--node-color, var(--node-color-default));
+  border: var(--xy-node-border, var(--xy-node-border-default));
+  color: var(--xy-node-color, var(--xy-node-color-default));
 
   &.selected,
   &:focus,
   &:focus-visible {
     outline: none;
-    border: var(--node-border-selected, var(--node-border-selected-default));
+    border: var(--xy-node-border-selected, var(--xy-node-border-selected-default));
   }
 }
 
 .xy-flow__nodesselection-rect,
 .xy-flow__selection {
-  background: var(--selection-background-color, var(--selection-background-color-default));
-  border: var(--selection-border, var(--selection-border-default));
+  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
+  border: var(--xy-selection-border, var(--xy-selection-border-default));
 }
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 474b13229..2aff146fa 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -1,51 +1,55 @@
 /* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
 
 .xy-flow {
-  --edge-stroke-default: #b1b1b7;
-  --edge-stroke-width-default: 1;
-  --edge-stroke-selected-default: #555;
+  --xy-edge-stroke-default: #b1b1b7;
+  --xy-edge-stroke-width-default: 1;
+  --xy-edge-stroke-selected-default: #555;
 
-  --connectionline-stroke-default: #b1b1b7;
-  --connectionline-stroke-width-default: 1;
+  --xy-connectionline-stroke-default: #b1b1b7;
+  --xy-connectionline-stroke-width-default: 1;
 
-  --attribution-background-color-default: rgba(255, 255, 255, 0.5);
+  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);
 
-  --minimap-background-color-default: #fff;
-  --minimap-mask-background-color-default: rgb(240, 240, 240, 0.6);
-  --minimap-node-background-color-default: #e2e2e2;
-  --minimap-node-stroke-color-default: transparent;
-  --minimap-node-stroke-width-default: 2;
+  --xy-minimap-background-color-default: #fff;
+  --xy-minimap-mask-background-color-default: rgb(240, 240, 240, 0.6);
+  --xy-minimap-node-background-color-default: #e2e2e2;
+  --xy-minimap-node-stroke-color-default: transparent;
+  --xy-minimap-node-stroke-width-default: 2;
 
-  --background-color-default: transparent;
-  --background-pattern-dots-color-default: #91919a;
-  --background-pattern-lines-color-default: #eee;
-  --background-pattern-cross-color-default: #e2e2e2;
+  --xy-background-color-default: transparent;
+  --xy-background-pattern-dots-color-default: #91919a;
+  --xy-background-pattern-lines-color-default: #eee;
+  --xy-background-pattern-cross-color-default: #e2e2e2;
 }
 
 .xy-flow.dark {
-  --edge-stroke-default: #3c3c3c;
-  --edge-stroke-width-default: 1;
-  --edge-stroke-selected-default: #727272;
+  --xy-edge-stroke-default: #3c3c3c;
+  --xy-edge-stroke-width-default: 1;
+  --xy-edge-stroke-selected-default: #727272;
 
-  --connectionline-stroke-default: #b1b1b7;
-  --connectionline-stroke-width-default: 1;
+  --xy-connectionline-stroke-default: #b1b1b7;
+  --xy-connectionline-stroke-width-default: 1;
 
-  --attribution-background-color-default: rgba(150, 150, 150, 0.25);
+  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);
 
-  --minimap-background-color-default: #141414;
-  --minimap-mask-background-color-default: rgb(60, 60, 60, 0.6);
-  --minimap-node-background-color-default: #2b2b2b;
-  --minimap-node-stroke-color-default: transparent;
-  --minimap-node-stroke-width-default: 2;
+  --xy-minimap-background-color-default: #141414;
+  --xy-minimap-mask-background-color-default: rgb(60, 60, 60, 0.6);
+  --xy-minimap-node-background-color-default: #2b2b2b;
+  --xy-minimap-node-stroke-color-default: transparent;
+  --xy-minimap-node-stroke-width-default: 2;
 
-  --background-color-default: #141414;
-  --background-pattern-dots-color-default: #777;
-  --background-pattern-lines-color-default: #777;
-  --background-pattern-cross-color-default: #777;
+  --xy-background-color-default: #141414;
+  --xy-background-pattern-dots-color-default: #777;
+  --xy-background-pattern-lines-color-default: #777;
+  --xy-background-pattern-cross-color-default: #777;
 }
 
 .xy-flow {
-  background-color: var(--background-color-props, var(--background-color-default, 'transparent'));
+  background-color: var(--xy-background-color, var(--xy-background-color-default));
+}
+
+.xy-flow__background {
+  background-color: var(--xy-background-color, var(--xy-background-color-props, var(--xy-background-color-default)));
 }
 
 .xy-flow__container {
@@ -94,14 +98,14 @@
 }
 
 .xy-flow__edge-path {
-  stroke: var(--edge-stroke, var(--edge-stroke-default));
-  stroke-width: var(--edge-stroke-width, var(--edge-stroke-width-default));
+  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
+  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
   fill: none;
 }
 
 .xy-flow__connection-path {
-  stroke: var(--connectionline-stroke, var(--connectionline-stroke-default));
-  stroke-width: var(--connectionline-stroke-width, var(--connectionline-stroke-width-default));
+  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
+  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
   fill: none;
 }
 
@@ -132,7 +136,7 @@
   &.selected .xy-flow__edge-path,
   &:focus .xy-flow__edge-path,
   &:focus-visible .xy-flow__edge-path {
-    stroke: var(--edge-stroke-selected, var(--edge-stroke-selected-default));
+    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
   }
 
   &-textwrapper {
@@ -266,7 +270,7 @@
 
 .xy-flow__attribution {
   font-size: 10px;
-  background: var(--attribution-background-color, var(--attribution-background-color-default));
+  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
   padding: 2px 3px;
   margin: 0;
 
@@ -293,27 +297,27 @@
 }
 
 .xy-flow__minimap {
-  background: var(--minimap-background-color, var(--minimap-background-color-default));
+  background: var(--xy-minimap-background-color, var(--xy-minimap-background-color-default));
 
   &-mask {
     fill: var(
-      --minimap-mask-background-color-props,
-      var(--minimap-mask-background-color, var(--minimap-mask-background-color-default))
+      --xy-minimap-mask-background-color-props,
+      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
     );
   }
 
   &-node {
     fill: var(
-      --minimap-node-background-color-props,
-      var(--minimap-node-background-color, var(--minimap-node-background-color-default))
+      --xy-minimap-node-background-color-props,
+      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
     );
     stroke: var(
-      --minimap-node-stroke-color-props,
-      var(--minimap-node-stroke-color, var(--minimap-node-stroke-color-default))
+      --xy-minimap-node-stroke-color-props,
+      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
     );
     stroke-width: var(
-      --minimap-node-stroke-width-props,
-      var(--minimap-node-stroke-width, var(--minimap-node-stroke-width-default))
+      --xy-minimap-node-stroke-width-props,
+      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
     );
   }
 }
@@ -326,22 +330,22 @@
 .xy-flow__background-pattern {
   &.dots {
     fill: var(
-      --background-pattern-color-props,
-      var(--background-pattern-color, var(--background-pattern-dots-color-default))
+      --xy-background-pattern-color-props,
+      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
     );
   }
 
   &.lines {
     stroke: var(
-      --background-pattern-color-props,
-      var(--background-pattern-color, var(--background-pattern-lines-color-default))
+      --xy-background-pattern-color-props,
+      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
     );
   }
 
   &.cross {
     stroke: var(
-      --background-pattern-color-props,
-      var(--background-pattern-color, var(--background-pattern-cross-color-default))
+      --xy-background-pattern-color-props,
+      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
     );
   }
 }
diff --git a/packages/system/src/styles/style.css b/packages/system/src/styles/style.css
index e88cc3f11..880ebaf76 100644
--- a/packages/system/src/styles/style.css
+++ b/packages/system/src/styles/style.css
@@ -1,46 +1,46 @@
 .xy-flow {
-  --node-color-default: inherit;
-  --node-border-default: 1px solid #1a192b;
-  --node-background-color-default: #fff;
-  --node-group-background-color-default: rgba(240, 240, 240, 0.25);
-  --node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
-  --node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
-  --node-border-radius-default: 3px;
-
-  --handle-background-color-default: #1a192b;
-  --handle-border-color-default: #fff;
-
-  --selection-background-color-default: rgba(0, 89, 220, 0.08);
-  --selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);
-
-  --controls-button-background-color-default: #fefefe;
-  --controls-button-background-color-hover-default: #f4f4f4;
-  --controls-button-color-default: inherit;
-  --controls-button-color-hover-default: inherit;
-  --controls-button-border-color-default: #eee;
-  --controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
+  --xy-node-color-default: inherit;
+  --xy-node-border-default: 1px solid #1a192b;
+  --xy-node-background-color-default: #fff;
+  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
+  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
+  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
+  --xy-node-border-radius-default: 3px;
+
+  --xy-handle-background-color-default: #1a192b;
+  --xy-handle-border-color-default: #fff;
+
+  --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
+  --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);
+
+  --xy-controls-button-background-color-default: #fefefe;
+  --xy-controls-button-background-color-hover-default: #f4f4f4;
+  --xy-controls-button-color-default: inherit;
+  --xy-controls-button-color-hover-default: inherit;
+  --xy-controls-button-border-color-default: #eee;
+  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
 }
 
 .xy-flow.dark {
-  --node-color-default: #f8f8f8;
-  --node-border-default: 1px solid #3c3c3c;
-  --node-background-color-default: #1e1e1e;
-  --node-group-background-color-default: rgba(240, 240, 240, 0.25);
-  --node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
-  --node-boxshadow-selected-default: 0 0 0 0.5px #999;
-
-  --handle-background-color-default: #bebebe;
-  --handle-border-color-default: #1e1e1e;
-
-  --selection-background-color-default: rgba(200, 200, 220, 0.08);
-  --selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);
-
-  --controls-button-background-color-default: #2b2b2b;
-  --controls-button-background-color-hover-default: #3e3e3e;
-  --controls-button-color-default: #f8f8f8;
-  --controls-button-color-hover-default: #fff;
-  --controls-button-border-color-default: #5b5b5b;
-  --controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
+  --xy-node-color-default: #f8f8f8;
+  --xy-node-border-default: 1px solid #3c3c3c;
+  --xy-node-background-color-default: #1e1e1e;
+  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
+  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
+  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;
+
+  --xy-handle-background-color-default: #bebebe;
+  --xy-handle-border-color-default: #1e1e1e;
+
+  --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
+  --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);
+
+  --xy-controls-button-background-color-default: #2b2b2b;
+  --xy-controls-button-background-color-hover-default: #3e3e3e;
+  --xy-controls-button-color-default: #f8f8f8;
+  --xy-controls-button-color-hover-default: #fff;
+  --xy-controls-button-border-color-default: #5b5b5b;
+  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
 }
 
 .xy-flow__edge {
@@ -67,35 +67,35 @@
 .xy-flow__node-output,
 .xy-flow__node-group {
   padding: 10px;
-  border-radius: var(--node-border-radius, var(--node-border-radius-default));
+  border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
   width: 150px;
   font-size: 12px;
-  color: var(--node-color, var(--node-color-default));
+  color: var(--xy-node-color, var(--xy-node-color-default));
   text-align: center;
-  border: var(--node-border, var(--node-border-default));
-  background-color: var(--node-background-color, var(--node-background-color-default));
+  border: var(--xy-node-border, var(--xy-node-border-default));
+  background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));
 
   &.selectable {
     &:hover {
-      box-shadow: var(--node-boxshadow-hover, var(--node-boxshadow-hover-default));
+      box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));
     }
 
     &.selected,
     &:focus,
     &:focus-visible {
-      box-shadow: var(--node-boxshadow-selected, var(--node-boxshadow-selected-default));
+      box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
     }
   }
 }
 
 .xy-flow__node-group {
-  background-color: var(--node-group-background-color, var(--node-group-background-color-default));
+  background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));
 }
 
 .xy-flow__nodesselection-rect,
 .xy-flow__selection {
-  background: var(--selection-background-color, var(--selection-background-color-default));
-  border: var(--selection-border, var(--selection-border-default));
+  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
+  border: var(--xy-selection-border, var(--xy-selection-border-default));
 
   &:focus,
   &:focus-visible {
@@ -106,34 +106,37 @@
 .xy-flow__handle {
   width: 6px;
   height: 6px;
-  background-color: var(--handle-background-color, var(--handle-background-color-default));
-  border: 1px solid var(--handle-border-color, var(--handle-border-color-default));
+  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
+  border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
   border-radius: 100%;
 }
 
 .xy-flow__controls {
-  box-shadow: var(--controls-box-shadow, var(--controls-box-shadow-default));
+  box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
 
   &-button {
     border: none;
-    background: var(--controls-button-background-color, var(--controls-button-background-color-default));
+    background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
     border-bottom: 1px solid
       var(
-        --controls-button-border-color-props,
-        var(--controls-button-border-color, var(--controls-button-border-color-default))
+        --xy-controls-button-border-color-props,
+        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
       );
-    color: var(--controls-button-color-props, var(--controls-button-color, var(--controls-button-color-default)));
+    color: var(
+      --xy-controls-button-color-props,
+      var(--xy-controls-button-color, var(--xy-controls-button-color-default))
+    );
     cursor: pointer;
     user-select: none;
 
     &:hover {
       background: var(
-        --controls-button-background-color-hover-props,
-        var(--controls-button-background-color-hover, var(--controls-button-background-color-hover-default))
+        --xy-controls-button-background-color-hover-props,
+        var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default))
       );
       color: var(
-        --controls-button-color-hover-props,
-        var(--controls-button-color-hover, var(--controls-button-color-hover-default))
+        --xy-controls-button-color-hover-props,
+        var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default))
       );
     }
 

From 1d7803aff7a0812c3f07a559defc69fbdcf59e2b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 28 Nov 2023 16:50:17 +0100
Subject: [PATCH 0383/1093] chore(svelte/onConnect): cleanup

---
 .../svelte/src/lib/components/Handle/Handle.svelte  | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 7d3010bda..745a0f28f 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -80,20 +80,17 @@
         updateConnection,
         cancelConnection,
         panBy,
-        onConnect: (connection) => {
-          if ($onedgecreate) {
-            const modifiedConnection = $onedgecreate(connection);
-            if (modifiedConnection) {
-              addEdge(modifiedConnection);
-              dispatch('connect', { connection });
-            }
+        onConnect: (_connection) => {
+          let connection = $onedgecreate ? $onedgecreate(_connection) : _connection;
+
+          if (!connection) {
             return;
           }
 
           addEdge(connection);
           // @todo: should we change/ improve the stuff we are passing here?
           // instead of source/target we could pass fromNodeId, fromHandleId, etc
-          dispatch('connect', { connection });
+          dispatch('connect', { connection: _connection });
         },
         onConnectStart: (event, startParams) => {
           dispatch('connectstart', {

From 95acea54d1dfab616a42ee1900797377c87d123d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 29 Nov 2023 16:33:57 +0100
Subject: [PATCH 0384/1093] chore(react/svelte): cleanup edge creation

---
 .../src/routes/examples/edges/+page.svelte    | 19 +++++++++++++++----
 .../src/lib/components/Handle/Handle.svelte   | 10 +++++-----
 packages/system/src/utils/edges/general.ts    | 10 +++++++++-
 3 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/examples/svelte/src/routes/examples/edges/+page.svelte b/examples/svelte/src/routes/examples/edges/+page.svelte
index 575984caa..f201a02d8 100644
--- a/examples/svelte/src/routes/examples/edges/+page.svelte
+++ b/examples/svelte/src/routes/examples/edges/+page.svelte
@@ -6,7 +6,8 @@
 		Background,
 		BackgroundVariant,
 		MiniMap,
-		MarkerType
+		MarkerType,
+		type Connection
 	} from '@xyflow/svelte';
 
 	import '@xyflow/svelte/dist/style.css';
@@ -143,6 +144,12 @@
 			}
 		}
 	]);
+
+	$: console.log('edges', $edges);
+
+	function getEdgeId(connection: Connection) {
+		return `edge-${connection.source}-${connection.target}}`;
+	}
 </script>
 
 <SvelteFlow
@@ -150,9 +157,13 @@
 	{edges}
 	fitView
 	nodeDragThreshold={2}
-	onedgecreate={(e) => {
-		console.log('on edge create', e);
-		return e;
+	onedgecreate={(connection) => {
+		console.log('on edge create', connection);
+
+		return {
+			...connection,
+			id: getEdgeId(connection)
+		};
 	}}
 >
 	<Controls />
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 745a0f28f..e4b6a823f 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -80,17 +80,17 @@
         updateConnection,
         cancelConnection,
         panBy,
-        onConnect: (_connection) => {
-          let connection = $onedgecreate ? $onedgecreate(_connection) : _connection;
+        onConnect: (connection) => {
+          const edge = $onedgecreate ? $onedgecreate(connection) : connection;
 
-          if (!connection) {
+          if (!edge) {
             return;
           }
 
-          addEdge(connection);
+          addEdge(edge);
           // @todo: should we change/ improve the stuff we are passing here?
           // instead of source/target we could pass fromNodeId, fromHandleId, etc
-          dispatch('connect', { connection: _connection });
+          dispatch('connect', { connection });
         },
         onConnectStart: (event, startParams) => {
           dispatch('connectstart', {
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index bdffbbd82..9ffd8e241 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -112,7 +112,7 @@ export function isEdgeVisible({ sourceNode, targetNode, width, height, transform
 }
 
 const getEdgeId = ({ source, sourceHandle, target, targetHandle }: Connection | EdgeBase): string =>
-  `xyflow__edge-${source}${sourceHandle || ''}-${target}${targetHandle || ''}`;
+  `xy-edge__${source}${sourceHandle || ''}-${target}${targetHandle || ''}`;
 
 const connectionExists = (edge: EdgeBase, edges: EdgeBase[]) => {
   return edges.some(
@@ -148,6 +148,14 @@ export const addEdgeBase = <EdgeType extends EdgeBase>(
     return edges;
   }
 
+  if (edge.sourceHandle === null) {
+    delete edge.sourceHandle;
+  }
+
+  if (edge.targetHandle === null) {
+    delete edge.targetHandle;
+  }
+
   return edges.concat(edge);
 };
 

From 8f43160236ce989136e529eb483e1508a2ac1f52 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 29 Nov 2023 18:01:11 +0100
Subject: [PATCH 0385/1093] refactor(react/edges): simplify edge creation

---
 .../react/src/components/Edges/BezierEdge.tsx | 105 ++++++++-------
 .../components/Edges/BezierEdgeInternal.tsx   |  59 ---------
 .../src/components/Edges/SimpleBezierEdge.tsx | 103 ++++++++-------
 .../Edges/SimpleBezierEdgeInternal.tsx        | 124 ------------------
 .../src/components/Edges/SmoothStepEdge.tsx   | 107 ++++++++-------
 .../Edges/SmoothStepEdgeInternal.tsx          |  60 ---------
 .../react/src/components/Edges/StepEdge.tsx   |  32 +++--
 .../src/components/Edges/StepEdgeInternal.tsx |  15 ---
 .../src/components/Edges/StraightEdge.tsx     |  89 +++++++------
 .../components/Edges/StraightEdgeInternal.tsx |  48 -------
 packages/react/src/components/Edges/index.ts  |  10 +-
 .../react/src/components/Edges/internal.ts    |   5 -
 .../react/src/container/EdgeRenderer/utils.ts |  20 ++-
 .../react/src/container/ReactFlow/index.tsx   |  18 ++-
 packages/react/src/index.ts                   |  10 +-
 packages/react/src/types/edges.ts             |  11 +-
 16 files changed, 287 insertions(+), 529 deletions(-)
 delete mode 100644 packages/react/src/components/Edges/BezierEdgeInternal.tsx
 delete mode 100644 packages/react/src/components/Edges/SimpleBezierEdgeInternal.tsx
 delete mode 100644 packages/react/src/components/Edges/SmoothStepEdgeInternal.tsx
 delete mode 100644 packages/react/src/components/Edges/StepEdgeInternal.tsx
 delete mode 100644 packages/react/src/components/Edges/StraightEdgeInternal.tsx
 delete mode 100644 packages/react/src/components/Edges/internal.ts

diff --git a/packages/react/src/components/Edges/BezierEdge.tsx b/packages/react/src/components/Edges/BezierEdge.tsx
index 9187131c1..2a0b54a21 100644
--- a/packages/react/src/components/Edges/BezierEdge.tsx
+++ b/packages/react/src/components/Edges/BezierEdge.tsx
@@ -1,61 +1,70 @@
 import { memo } from 'react';
-import { type Optional, Position, getBezierPath } from '@xyflow/system';
+import { Position, getBezierPath } from '@xyflow/system';
 
 import BaseEdge from './BaseEdge';
 import type { BezierEdgeProps } from '../../types';
 
-const BezierEdge = memo(
-  ({
-    id,
-    sourceX,
-    sourceY,
-    targetX,
-    targetY,
-    sourcePosition = Position.Bottom,
-    targetPosition = Position.Top,
-    label,
-    labelStyle,
-    labelShowBg,
-    labelBgStyle,
-    labelBgPadding,
-    labelBgBorderRadius,
-    style,
-    markerEnd,
-    markerStart,
-    pathOptions,
-    interactionWidth,
-  }: Optional<BezierEdgeProps, 'id' | 'source' | 'target'>) => {
-    const [path, labelX, labelY] = getBezierPath({
+function createBezierEdge(params: { isInternal: boolean }) {
+  // eslint-disable-next-line react/display-name
+  return memo(
+    ({
+      id,
       sourceX,
       sourceY,
-      sourcePosition,
       targetX,
       targetY,
-      targetPosition,
-      curvature: pathOptions?.curvature,
-    });
+      sourcePosition = Position.Bottom,
+      targetPosition = Position.Top,
+      label,
+      labelStyle,
+      labelShowBg,
+      labelBgStyle,
+      labelBgPadding,
+      labelBgBorderRadius,
+      style,
+      markerEnd,
+      markerStart,
+      pathOptions,
+      interactionWidth,
+    }: BezierEdgeProps) => {
+      const [path, labelX, labelY] = getBezierPath({
+        sourceX,
+        sourceY,
+        sourcePosition,
+        targetX,
+        targetY,
+        targetPosition,
+        curvature: pathOptions?.curvature,
+      });
 
-    return (
-      <BaseEdge
-        id={id}
-        path={path}
-        labelX={labelX}
-        labelY={labelY}
-        label={label}
-        labelStyle={labelStyle}
-        labelShowBg={labelShowBg}
-        labelBgStyle={labelBgStyle}
-        labelBgPadding={labelBgPadding}
-        labelBgBorderRadius={labelBgBorderRadius}
-        style={style}
-        markerEnd={markerEnd}
-        markerStart={markerStart}
-        interactionWidth={interactionWidth}
-      />
-    );
-  }
-);
+      const _id = params.isInternal ? undefined : id;
+
+      return (
+        <BaseEdge
+          id={_id}
+          path={path}
+          labelX={labelX}
+          labelY={labelY}
+          label={label}
+          labelStyle={labelStyle}
+          labelShowBg={labelShowBg}
+          labelBgStyle={labelBgStyle}
+          labelBgPadding={labelBgPadding}
+          labelBgBorderRadius={labelBgBorderRadius}
+          style={style}
+          markerEnd={markerEnd}
+          markerStart={markerStart}
+          interactionWidth={interactionWidth}
+        />
+      );
+    }
+  );
+}
+
+const BezierEdge = createBezierEdge({ isInternal: false });
+const BezierEdgeInternal = createBezierEdge({ isInternal: true });
 
 BezierEdge.displayName = 'BezierEdge';
+BezierEdgeInternal.displayName = 'BezierEdgeInternal';
 
-export default BezierEdge;
+export { BezierEdge, BezierEdgeInternal };
diff --git a/packages/react/src/components/Edges/BezierEdgeInternal.tsx b/packages/react/src/components/Edges/BezierEdgeInternal.tsx
deleted file mode 100644
index 8f446393d..000000000
--- a/packages/react/src/components/Edges/BezierEdgeInternal.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { memo } from 'react';
-import { Position, getBezierPath } from '@xyflow/system';
-
-import BaseEdge from './BaseEdge';
-import type { BezierEdgeProps } from '../../types';
-
-const BezierEdge = memo(
-  ({
-    sourceX,
-    sourceY,
-    targetX,
-    targetY,
-    sourcePosition = Position.Bottom,
-    targetPosition = Position.Top,
-    label,
-    labelStyle,
-    labelShowBg,
-    labelBgStyle,
-    labelBgPadding,
-    labelBgBorderRadius,
-    style,
-    markerEnd,
-    markerStart,
-    pathOptions,
-    interactionWidth,
-  }: BezierEdgeProps) => {
-    const [path, labelX, labelY] = getBezierPath({
-      sourceX,
-      sourceY,
-      sourcePosition,
-      targetX,
-      targetY,
-      targetPosition,
-      curvature: pathOptions?.curvature,
-    });
-
-    return (
-      <BaseEdge
-        path={path}
-        labelX={labelX}
-        labelY={labelY}
-        label={label}
-        labelStyle={labelStyle}
-        labelShowBg={labelShowBg}
-        labelBgStyle={labelBgStyle}
-        labelBgPadding={labelBgPadding}
-        labelBgBorderRadius={labelBgBorderRadius}
-        style={style}
-        markerEnd={markerEnd}
-        markerStart={markerStart}
-        interactionWidth={interactionWidth}
-      />
-    );
-  }
-);
-
-BezierEdge.displayName = 'BezierEdge';
-
-export default BezierEdge;
diff --git a/packages/react/src/components/Edges/SimpleBezierEdge.tsx b/packages/react/src/components/Edges/SimpleBezierEdge.tsx
index 1132e2167..09c7a752e 100644
--- a/packages/react/src/components/Edges/SimpleBezierEdge.tsx
+++ b/packages/react/src/components/Edges/SimpleBezierEdge.tsx
@@ -1,8 +1,8 @@
 import { memo } from 'react';
-import { type Optional, Position, getBezierEdgeCenter } from '@xyflow/system';
+import { Position, getBezierEdgeCenter } from '@xyflow/system';
 
 import BaseEdge from './BaseEdge';
-import type { EdgeProps } from '../../types';
+import type { SimpleBezierEdgeProps } from '../../types';
 
 export interface GetSimpleBezierPathParams {
   sourceX: number;
@@ -71,56 +71,65 @@ export function getSimpleBezierPath({
   ];
 }
 
-const SimpleBezierEdge = memo(
-  ({
-    id,
-    sourceX,
-    sourceY,
-    targetX,
-    targetY,
-    sourcePosition = Position.Bottom,
-    targetPosition = Position.Top,
-    label,
-    labelStyle,
-    labelShowBg,
-    labelBgStyle,
-    labelBgPadding,
-    labelBgBorderRadius,
-    style,
-    markerEnd,
-    markerStart,
-    interactionWidth,
-  }: Optional<EdgeProps, 'id' | 'source' | 'target'>) => {
-    const [path, labelX, labelY] = getSimpleBezierPath({
+function createSimpleBezierEdge(params: { isInternal: boolean }) {
+  // eslint-disable-next-line react/display-name
+  return memo(
+    ({
+      id,
       sourceX,
       sourceY,
-      sourcePosition,
       targetX,
       targetY,
-      targetPosition,
-    });
+      sourcePosition = Position.Bottom,
+      targetPosition = Position.Top,
+      label,
+      labelStyle,
+      labelShowBg,
+      labelBgStyle,
+      labelBgPadding,
+      labelBgBorderRadius,
+      style,
+      markerEnd,
+      markerStart,
+      interactionWidth,
+    }: SimpleBezierEdgeProps) => {
+      const [path, labelX, labelY] = getSimpleBezierPath({
+        sourceX,
+        sourceY,
+        sourcePosition,
+        targetX,
+        targetY,
+        targetPosition,
+      });
 
-    return (
-      <BaseEdge
-        id={id}
-        path={path}
-        labelX={labelX}
-        labelY={labelY}
-        label={label}
-        labelStyle={labelStyle}
-        labelShowBg={labelShowBg}
-        labelBgStyle={labelBgStyle}
-        labelBgPadding={labelBgPadding}
-        labelBgBorderRadius={labelBgBorderRadius}
-        style={style}
-        markerEnd={markerEnd}
-        markerStart={markerStart}
-        interactionWidth={interactionWidth}
-      />
-    );
-  }
-);
+      const _id = params.isInternal ? undefined : id;
+
+      return (
+        <BaseEdge
+          id={_id}
+          path={path}
+          labelX={labelX}
+          labelY={labelY}
+          label={label}
+          labelStyle={labelStyle}
+          labelShowBg={labelShowBg}
+          labelBgStyle={labelBgStyle}
+          labelBgPadding={labelBgPadding}
+          labelBgBorderRadius={labelBgBorderRadius}
+          style={style}
+          markerEnd={markerEnd}
+          markerStart={markerStart}
+          interactionWidth={interactionWidth}
+        />
+      );
+    }
+  );
+}
+
+const SimpleBezierEdge = createSimpleBezierEdge({ isInternal: false });
+const SimpleBezierEdgeInternal = createSimpleBezierEdge({ isInternal: true });
 
 SimpleBezierEdge.displayName = 'SimpleBezierEdge';
+SimpleBezierEdgeInternal.displayName = 'SimpleBezierEdgeInternal';
 
-export default SimpleBezierEdge;
+export { SimpleBezierEdge, SimpleBezierEdgeInternal };
diff --git a/packages/react/src/components/Edges/SimpleBezierEdgeInternal.tsx b/packages/react/src/components/Edges/SimpleBezierEdgeInternal.tsx
deleted file mode 100644
index d9fa50c42..000000000
--- a/packages/react/src/components/Edges/SimpleBezierEdgeInternal.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-import { memo } from 'react';
-import { Position, getBezierEdgeCenter } from '@xyflow/system';
-
-import BaseEdge from './BaseEdge';
-import type { EdgeProps } from '../../types';
-
-export interface GetSimpleBezierPathParams {
-  sourceX: number;
-  sourceY: number;
-  sourcePosition?: Position;
-  targetX: number;
-  targetY: number;
-  targetPosition?: Position;
-}
-
-interface GetControlParams {
-  pos: Position;
-  x1: number;
-  y1: number;
-  x2: number;
-  y2: number;
-}
-
-function getControl({ pos, x1, y1, x2, y2 }: GetControlParams): [number, number] {
-  if (pos === Position.Left || pos === Position.Right) {
-    return [0.5 * (x1 + x2), y1];
-  }
-
-  return [x1, 0.5 * (y1 + y2)];
-}
-
-export function getSimpleBezierPath({
-  sourceX,
-  sourceY,
-  sourcePosition = Position.Bottom,
-  targetX,
-  targetY,
-  targetPosition = Position.Top,
-}: GetSimpleBezierPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number] {
-  const [sourceControlX, sourceControlY] = getControl({
-    pos: sourcePosition,
-    x1: sourceX,
-    y1: sourceY,
-    x2: targetX,
-    y2: targetY,
-  });
-  const [targetControlX, targetControlY] = getControl({
-    pos: targetPosition,
-    x1: targetX,
-    y1: targetY,
-    x2: sourceX,
-    y2: sourceY,
-  });
-  const [labelX, labelY, offsetX, offsetY] = getBezierEdgeCenter({
-    sourceX,
-    sourceY,
-    targetX,
-    targetY,
-    sourceControlX,
-    sourceControlY,
-    targetControlX,
-    targetControlY,
-  });
-
-  return [
-    `M${sourceX},${sourceY} C${sourceControlX},${sourceControlY} ${targetControlX},${targetControlY} ${targetX},${targetY}`,
-    labelX,
-    labelY,
-    offsetX,
-    offsetY,
-  ];
-}
-
-const SimpleBezierEdge = memo(
-  ({
-    sourceX,
-    sourceY,
-    targetX,
-    targetY,
-    sourcePosition = Position.Bottom,
-    targetPosition = Position.Top,
-    label,
-    labelStyle,
-    labelShowBg,
-    labelBgStyle,
-    labelBgPadding,
-    labelBgBorderRadius,
-    style,
-    markerEnd,
-    markerStart,
-    interactionWidth,
-  }: EdgeProps) => {
-    const [path, labelX, labelY] = getSimpleBezierPath({
-      sourceX,
-      sourceY,
-      sourcePosition,
-      targetX,
-      targetY,
-      targetPosition,
-    });
-
-    return (
-      <BaseEdge
-        path={path}
-        labelX={labelX}
-        labelY={labelY}
-        label={label}
-        labelStyle={labelStyle}
-        labelShowBg={labelShowBg}
-        labelBgStyle={labelBgStyle}
-        labelBgPadding={labelBgPadding}
-        labelBgBorderRadius={labelBgBorderRadius}
-        style={style}
-        markerEnd={markerEnd}
-        markerStart={markerStart}
-        interactionWidth={interactionWidth}
-      />
-    );
-  }
-);
-
-SimpleBezierEdge.displayName = 'SimpleBezierEdge';
-
-export default SimpleBezierEdge;
diff --git a/packages/react/src/components/Edges/SmoothStepEdge.tsx b/packages/react/src/components/Edges/SmoothStepEdge.tsx
index a6965ca70..8eb10d89b 100644
--- a/packages/react/src/components/Edges/SmoothStepEdge.tsx
+++ b/packages/react/src/components/Edges/SmoothStepEdge.tsx
@@ -1,62 +1,71 @@
 import { memo } from 'react';
-import { type Optional, Position, getSmoothStepPath } from '@xyflow/system';
+import { Position, getSmoothStepPath } from '@xyflow/system';
 
 import BaseEdge from './BaseEdge';
 import type { SmoothStepEdgeProps } from '../../types';
 
-const SmoothStepEdge = memo(
-  ({
-    id,
-    sourceX,
-    sourceY,
-    targetX,
-    targetY,
-    label,
-    labelStyle,
-    labelShowBg,
-    labelBgStyle,
-    labelBgPadding,
-    labelBgBorderRadius,
-    style,
-    sourcePosition = Position.Bottom,
-    targetPosition = Position.Top,
-    markerEnd,
-    markerStart,
-    pathOptions,
-    interactionWidth,
-  }: Optional<SmoothStepEdgeProps, 'id' | 'source' | 'target'>) => {
-    const [path, labelX, labelY] = getSmoothStepPath({
+function createSmoothStepEdge(params: { isInternal: boolean }) {
+  // eslint-disable-next-line react/display-name
+  return memo(
+    ({
+      id,
       sourceX,
       sourceY,
-      sourcePosition,
       targetX,
       targetY,
-      targetPosition,
-      borderRadius: pathOptions?.borderRadius,
-      offset: pathOptions?.offset,
-    });
+      label,
+      labelStyle,
+      labelShowBg,
+      labelBgStyle,
+      labelBgPadding,
+      labelBgBorderRadius,
+      style,
+      sourcePosition = Position.Bottom,
+      targetPosition = Position.Top,
+      markerEnd,
+      markerStart,
+      pathOptions,
+      interactionWidth,
+    }: SmoothStepEdgeProps) => {
+      const [path, labelX, labelY] = getSmoothStepPath({
+        sourceX,
+        sourceY,
+        sourcePosition,
+        targetX,
+        targetY,
+        targetPosition,
+        borderRadius: pathOptions?.borderRadius,
+        offset: pathOptions?.offset,
+      });
 
-    return (
-      <BaseEdge
-        id={id}
-        path={path}
-        labelX={labelX}
-        labelY={labelY}
-        label={label}
-        labelStyle={labelStyle}
-        labelShowBg={labelShowBg}
-        labelBgStyle={labelBgStyle}
-        labelBgPadding={labelBgPadding}
-        labelBgBorderRadius={labelBgBorderRadius}
-        style={style}
-        markerEnd={markerEnd}
-        markerStart={markerStart}
-        interactionWidth={interactionWidth}
-      />
-    );
-  }
-);
+      const _id = params.isInternal ? undefined : id;
+
+      return (
+        <BaseEdge
+          id={_id}
+          path={path}
+          labelX={labelX}
+          labelY={labelY}
+          label={label}
+          labelStyle={labelStyle}
+          labelShowBg={labelShowBg}
+          labelBgStyle={labelBgStyle}
+          labelBgPadding={labelBgPadding}
+          labelBgBorderRadius={labelBgBorderRadius}
+          style={style}
+          markerEnd={markerEnd}
+          markerStart={markerStart}
+          interactionWidth={interactionWidth}
+        />
+      );
+    }
+  );
+}
+
+const SmoothStepEdge = createSmoothStepEdge({ isInternal: false });
+const SmoothStepEdgeInternal = createSmoothStepEdge({ isInternal: true });
 
 SmoothStepEdge.displayName = 'SmoothStepEdge';
+SmoothStepEdgeInternal.displayName = 'SmoothStepEdgeInternal';
 
-export default SmoothStepEdge;
+export { SmoothStepEdge, SmoothStepEdgeInternal };
diff --git a/packages/react/src/components/Edges/SmoothStepEdgeInternal.tsx b/packages/react/src/components/Edges/SmoothStepEdgeInternal.tsx
deleted file mode 100644
index be635a4ef..000000000
--- a/packages/react/src/components/Edges/SmoothStepEdgeInternal.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { memo } from 'react';
-import { Position, getSmoothStepPath } from '@xyflow/system';
-
-import BaseEdge from './BaseEdge';
-import type { SmoothStepEdgeProps } from '../../types';
-
-const SmoothStepEdge = memo(
-  ({
-    sourceX,
-    sourceY,
-    targetX,
-    targetY,
-    label,
-    labelStyle,
-    labelShowBg,
-    labelBgStyle,
-    labelBgPadding,
-    labelBgBorderRadius,
-    style,
-    sourcePosition = Position.Bottom,
-    targetPosition = Position.Top,
-    markerEnd,
-    markerStart,
-    pathOptions,
-    interactionWidth,
-  }: SmoothStepEdgeProps) => {
-    const [path, labelX, labelY] = getSmoothStepPath({
-      sourceX,
-      sourceY,
-      sourcePosition,
-      targetX,
-      targetY,
-      targetPosition,
-      borderRadius: pathOptions?.borderRadius,
-      offset: pathOptions?.offset,
-    });
-
-    return (
-      <BaseEdge
-        path={path}
-        labelX={labelX}
-        labelY={labelY}
-        label={label}
-        labelStyle={labelStyle}
-        labelShowBg={labelShowBg}
-        labelBgStyle={labelBgStyle}
-        labelBgPadding={labelBgPadding}
-        labelBgBorderRadius={labelBgBorderRadius}
-        style={style}
-        markerEnd={markerEnd}
-        markerStart={markerStart}
-        interactionWidth={interactionWidth}
-      />
-    );
-  }
-);
-
-SmoothStepEdge.displayName = 'SmoothStepEdge';
-
-export default SmoothStepEdge;
diff --git a/packages/react/src/components/Edges/StepEdge.tsx b/packages/react/src/components/Edges/StepEdge.tsx
index 8edd819a0..bb1833d4f 100644
--- a/packages/react/src/components/Edges/StepEdge.tsx
+++ b/packages/react/src/components/Edges/StepEdge.tsx
@@ -1,16 +1,30 @@
 import { memo, useMemo } from 'react';
-import { Optional } from '@xyflow/system';
 
-import SmoothStepEdge from './SmoothStepEdge';
+import { SmoothStepEdge } from './SmoothStepEdge';
 import type { SmoothStepEdgeProps } from '../../types';
 
-const StepEdge = memo((props: Optional<SmoothStepEdgeProps, 'id' | 'source' | 'target'>) => (
-  <SmoothStepEdge
-    {...props}
-    pathOptions={useMemo(() => ({ borderRadius: 0, offset: props.pathOptions?.offset }), [props.pathOptions?.offset])}
-  />
-));
+function createStepEdge(params: { isInternal: boolean }) {
+  // eslint-disable-next-line react/display-name
+  return memo(({ id, ...props }: SmoothStepEdgeProps) => {
+    const _id = params.isInternal ? undefined : id;
+
+    return (
+      <SmoothStepEdge
+        {...props}
+        id={_id}
+        pathOptions={useMemo(
+          () => ({ borderRadius: 0, offset: props.pathOptions?.offset }),
+          [props.pathOptions?.offset]
+        )}
+      />
+    );
+  });
+}
+
+const StepEdge = createStepEdge({ isInternal: false });
+const StepEdgeInternal = createStepEdge({ isInternal: true });
 
 StepEdge.displayName = 'StepEdge';
+StepEdgeInternal.displayName = 'StepEdgeInternal';
 
-export default StepEdge;
+export { StepEdge, StepEdgeInternal };
diff --git a/packages/react/src/components/Edges/StepEdgeInternal.tsx b/packages/react/src/components/Edges/StepEdgeInternal.tsx
deleted file mode 100644
index 2772424db..000000000
--- a/packages/react/src/components/Edges/StepEdgeInternal.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { memo, useMemo } from 'react';
-
-import SmoothStepEdgeInternal from './SmoothStepEdgeInternal';
-import type { SmoothStepEdgeProps } from '../../types';
-
-const StepEdge = memo((props: SmoothStepEdgeProps) => (
-  <SmoothStepEdgeInternal
-    {...props}
-    pathOptions={useMemo(() => ({ borderRadius: 0, offset: props.pathOptions?.offset }), [props.pathOptions?.offset])}
-  />
-));
-
-StepEdge.displayName = 'StepEdge';
-
-export default StepEdge;
diff --git a/packages/react/src/components/Edges/StraightEdge.tsx b/packages/react/src/components/Edges/StraightEdge.tsx
index 094eb7f93..a9a453df2 100644
--- a/packages/react/src/components/Edges/StraightEdge.tsx
+++ b/packages/react/src/components/Edges/StraightEdge.tsx
@@ -4,47 +4,56 @@ import { type Optional, getStraightPath } from '@xyflow/system';
 import BaseEdge from './BaseEdge';
 import type { EdgeProps } from '../../types';
 
-const StraightEdge = memo(
-  ({
-    id,
-    sourceX,
-    sourceY,
-    targetX,
-    targetY,
-    label,
-    labelStyle,
-    labelShowBg,
-    labelBgStyle,
-    labelBgPadding,
-    labelBgBorderRadius,
-    style,
-    markerEnd,
-    markerStart,
-    interactionWidth,
-  }: Optional<EdgeProps, 'id' | 'source' | 'target'>) => {
-    const [path, labelX, labelY] = getStraightPath({ sourceX, sourceY, targetX, targetY });
+function createStraightEdge(params: { isInternal: boolean }) {
+  // eslint-disable-next-line react/display-name
+  return memo(
+    ({
+      id,
+      sourceX,
+      sourceY,
+      targetX,
+      targetY,
+      label,
+      labelStyle,
+      labelShowBg,
+      labelBgStyle,
+      labelBgPadding,
+      labelBgBorderRadius,
+      style,
+      markerEnd,
+      markerStart,
+      interactionWidth,
+    }: Optional<EdgeProps, 'id' | 'source' | 'target'>) => {
+      const [path, labelX, labelY] = getStraightPath({ sourceX, sourceY, targetX, targetY });
 
-    return (
-      <BaseEdge
-        id={id}
-        path={path}
-        labelX={labelX}
-        labelY={labelY}
-        label={label}
-        labelStyle={labelStyle}
-        labelShowBg={labelShowBg}
-        labelBgStyle={labelBgStyle}
-        labelBgPadding={labelBgPadding}
-        labelBgBorderRadius={labelBgBorderRadius}
-        style={style}
-        markerEnd={markerEnd}
-        markerStart={markerStart}
-        interactionWidth={interactionWidth}
-      />
-    );
-  }
-);
+      const _id = params.isInternal ? undefined : id;
+
+      return (
+        <BaseEdge
+          id={_id}
+          path={path}
+          labelX={labelX}
+          labelY={labelY}
+          label={label}
+          labelStyle={labelStyle}
+          labelShowBg={labelShowBg}
+          labelBgStyle={labelBgStyle}
+          labelBgPadding={labelBgPadding}
+          labelBgBorderRadius={labelBgBorderRadius}
+          style={style}
+          markerEnd={markerEnd}
+          markerStart={markerStart}
+          interactionWidth={interactionWidth}
+        />
+      );
+    }
+  );
+}
+
+const StraightEdge = createStraightEdge({ isInternal: false });
+const StraightEdgeInternal = createStraightEdge({ isInternal: true });
 
 StraightEdge.displayName = 'StraightEdge';
+StraightEdgeInternal.displayName = 'StraightEdgeInternal';
 
-export default StraightEdge;
+export { StraightEdge, StraightEdgeInternal };
diff --git a/packages/react/src/components/Edges/StraightEdgeInternal.tsx b/packages/react/src/components/Edges/StraightEdgeInternal.tsx
deleted file mode 100644
index 06f4a1614..000000000
--- a/packages/react/src/components/Edges/StraightEdgeInternal.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { memo } from 'react';
-import { getStraightPath } from '@xyflow/system';
-
-import BaseEdge from './BaseEdge';
-import type { EdgeProps } from '../../types';
-
-const StraightEdge = memo(
-  ({
-    sourceX,
-    sourceY,
-    targetX,
-    targetY,
-    label,
-    labelStyle,
-    labelShowBg,
-    labelBgStyle,
-    labelBgPadding,
-    labelBgBorderRadius,
-    style,
-    markerEnd,
-    markerStart,
-    interactionWidth,
-  }: EdgeProps) => {
-    const [path, labelX, labelY] = getStraightPath({ sourceX, sourceY, targetX, targetY });
-
-    return (
-      <BaseEdge
-        path={path}
-        labelX={labelX}
-        labelY={labelY}
-        label={label}
-        labelStyle={labelStyle}
-        labelShowBg={labelShowBg}
-        labelBgStyle={labelBgStyle}
-        labelBgPadding={labelBgPadding}
-        labelBgBorderRadius={labelBgBorderRadius}
-        style={style}
-        markerEnd={markerEnd}
-        markerStart={markerStart}
-        interactionWidth={interactionWidth}
-      />
-    );
-  }
-);
-
-StraightEdge.displayName = 'StraightEdge';
-
-export default StraightEdge;
diff --git a/packages/react/src/components/Edges/index.ts b/packages/react/src/components/Edges/index.ts
index e4d301098..dcd457010 100644
--- a/packages/react/src/components/Edges/index.ts
+++ b/packages/react/src/components/Edges/index.ts
@@ -1,5 +1,5 @@
-export { default as SimpleBezierEdge } from './SimpleBezierEdge';
-export { default as SmoothStepEdge } from './SmoothStepEdge';
-export { default as StepEdge } from './StepEdge';
-export { default as StraightEdge } from './StraightEdge';
-export { default as BezierEdge } from './BezierEdge';
+export { SimpleBezierEdge, SimpleBezierEdgeInternal } from './SimpleBezierEdge';
+export { SmoothStepEdge, SmoothStepEdgeInternal } from './SmoothStepEdge';
+export { StepEdge, StepEdgeInternal } from './StepEdge';
+export { StraightEdge, StraightEdgeInternal } from './StraightEdge';
+export { BezierEdge, BezierEdgeInternal } from './BezierEdge';
diff --git a/packages/react/src/components/Edges/internal.ts b/packages/react/src/components/Edges/internal.ts
deleted file mode 100644
index 11b86932a..000000000
--- a/packages/react/src/components/Edges/internal.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export { default as SimpleBezierEdge } from './SimpleBezierEdgeInternal';
-export { default as SmoothStepEdge } from './SmoothStepEdgeInternal';
-export { default as StepEdge } from './StepEdgeInternal';
-export { default as StraightEdge } from './StraightEdgeInternal';
-export { default as BezierEdge } from './BezierEdgeInternal';
diff --git a/packages/react/src/container/EdgeRenderer/utils.ts b/packages/react/src/container/EdgeRenderer/utils.ts
index 03e0dba33..433bb0f0f 100644
--- a/packages/react/src/container/EdgeRenderer/utils.ts
+++ b/packages/react/src/container/EdgeRenderer/utils.ts
@@ -1,6 +1,12 @@
 import type { ComponentType } from 'react';
 
-import { BezierEdge, SmoothStepEdge, StepEdge, StraightEdge, SimpleBezierEdge } from '../../components/Edges/internal';
+import {
+  BezierEdgeInternal,
+  SmoothStepEdgeInternal,
+  StepEdgeInternal,
+  StraightEdgeInternal,
+  SimpleBezierEdgeInternal,
+} from '../../components/Edges';
 import wrapEdge from '../../components/Edges/wrapEdge';
 import type { EdgeProps, EdgeTypes, EdgeTypesWrapped } from '../../types';
 
@@ -8,18 +14,18 @@ export type CreateEdgeTypes = (edgeTypes: EdgeTypes) => EdgeTypesWrapped;
 
 export function createEdgeTypes(edgeTypes: EdgeTypes): EdgeTypesWrapped {
   const standardTypes: EdgeTypesWrapped = {
-    default: wrapEdge((edgeTypes.default || BezierEdge) as ComponentType<EdgeProps>),
-    straight: wrapEdge((edgeTypes.bezier || StraightEdge) as ComponentType<EdgeProps>),
-    step: wrapEdge((edgeTypes.step || StepEdge) as ComponentType<EdgeProps>),
-    smoothstep: wrapEdge((edgeTypes.step || SmoothStepEdge) as ComponentType<EdgeProps>),
-    simplebezier: wrapEdge((edgeTypes.simplebezier || SimpleBezierEdge) as ComponentType<EdgeProps>),
+    default: wrapEdge((edgeTypes.default || BezierEdgeInternal) as ComponentType<EdgeProps>),
+    straight: wrapEdge((edgeTypes.bezier || StraightEdgeInternal) as ComponentType<EdgeProps>),
+    step: wrapEdge((edgeTypes.step || StepEdgeInternal) as ComponentType<EdgeProps>),
+    smoothstep: wrapEdge((edgeTypes.step || SmoothStepEdgeInternal) as ComponentType<EdgeProps>),
+    simplebezier: wrapEdge((edgeTypes.simplebezier || SimpleBezierEdgeInternal) as ComponentType<EdgeProps>),
   };
 
   const wrappedTypes = {} as EdgeTypesWrapped;
   const specialTypes: EdgeTypesWrapped = Object.keys(edgeTypes)
     .filter((k) => !['default', 'bezier'].includes(k))
     .reduce((res, key) => {
-      res[key] = wrapEdge((edgeTypes[key] || BezierEdge) as ComponentType<EdgeProps>);
+      res[key] = wrapEdge((edgeTypes[key] || BezierEdgeInternal) as ComponentType<EdgeProps>);
 
       return res;
     }, wrappedTypes);
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index d780046ed..a7360a46f 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -12,7 +12,13 @@ import {
 } from '@xyflow/system';
 
 import Attribution from '../../components/Attribution';
-import { BezierEdge, SmoothStepEdge, StepEdge, StraightEdge, SimpleBezierEdge } from '../../components/Edges/internal';
+import {
+  BezierEdgeInternal,
+  SmoothStepEdgeInternal,
+  StepEdgeInternal,
+  StraightEdgeInternal,
+  SimpleBezierEdgeInternal,
+} from '../../components/Edges';
 import DefaultNode from '../../components/Nodes/DefaultNode';
 import InputNode from '../../components/Nodes/InputNode';
 import OutputNode from '../../components/Nodes/OutputNode';
@@ -33,11 +39,11 @@ const defaultNodeTypes: NodeTypes = {
 };
 
 const defaultEdgeTypes: EdgeTypes = {
-  default: BezierEdge,
-  straight: StraightEdge,
-  step: StepEdge,
-  smoothstep: SmoothStepEdge,
-  simplebezier: SimpleBezierEdge,
+  default: BezierEdgeInternal,
+  straight: StraightEdgeInternal,
+  step: StepEdgeInternal,
+  smoothstep: SmoothStepEdgeInternal,
+  simplebezier: SimpleBezierEdgeInternal,
 };
 
 const initNodeOrigin: NodeOrigin = [0, 0];
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 4fe922e57..2a693638c 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -1,11 +1,11 @@
 export { default as ReactFlow } from './container/ReactFlow';
 export { default as Handle } from './components/Handle';
 export { default as EdgeText } from './components/Edges/EdgeText';
-export { default as StraightEdge } from './components/Edges/StraightEdge';
-export { default as StepEdge } from './components/Edges/StepEdge';
-export { default as BezierEdge } from './components/Edges/BezierEdge';
-export { default as SimpleBezierEdge, getSimpleBezierPath } from './components/Edges/SimpleBezierEdge';
-export { default as SmoothStepEdge } from './components/Edges/SmoothStepEdge';
+export { StraightEdge } from './components/Edges/StraightEdge';
+export { StepEdge } from './components/Edges/StepEdge';
+export { BezierEdge } from './components/Edges/BezierEdge';
+export { SimpleBezierEdge, getSimpleBezierPath } from './components/Edges/SimpleBezierEdge';
+export { SmoothStepEdge } from './components/Edges/SmoothStepEdge';
 export { default as BaseEdge } from './components/Edges/BaseEdge';
 export { default as ReactFlowProvider } from './components/ReactFlowProvider';
 export { default as Panel, type PanelProps } from './components/Panel';
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index cd29a85f3..db34416db 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -13,6 +13,7 @@ import type {
   HandleElement,
   ConnectionStatus,
   EdgePosition,
+  Optional,
 } from '@xyflow/system';
 
 import { Node } from '.';
@@ -100,14 +101,20 @@ export type BaseEdgeProps = Pick<EdgeProps, 'style' | 'markerStart' | 'markerEnd
     path: string;
   };
 
-export type SmoothStepEdgeProps<T = any> = EdgeProps<T> & {
+export type EdgeComponentProps<T = any> = Optional<Omit<EdgeProps<T>, 'source' | 'target'>, 'id'>;
+
+export type StraightEdgeProps<T = any> = EdgeComponentProps<T>;
+
+export type SmoothStepEdgeProps<T = any> = EdgeComponentProps<T> & {
   pathOptions?: SmoothStepPathOptions;
 };
 
-export type BezierEdgeProps<T = any> = EdgeProps<T> & {
+export type BezierEdgeProps<T = any> = EdgeComponentProps<T> & {
   pathOptions?: BezierPathOptions;
 };
 
+export type SimpleBezierEdgeProps<T = any> = EdgeComponentProps<T>;
+
 export type OnEdgeUpdateFunc<T = any> = (oldEdge: Edge<T>, newConnection: Connection) => void;
 
 export type ConnectionLineComponentProps = {

From c7ddaf6377749e7dd4c333781aa473790dfb16be Mon Sep 17 00:00:00 2001
From: Ivan Akulov <mail@iamakulov.com>
Date: Thu, 30 Nov 2023 03:19:49 +0100
Subject: [PATCH 0386/1093] Add performance tests for selecting, dragging, and
 remounting

---
 examples/react/src/examples/Stress/index.tsx  | 168 +++++++++++++++++-
 .../src/examples/Stress/performanceUtils.ts   | 150 ++++++++++++++++
 2 files changed, 317 insertions(+), 1 deletion(-)
 create mode 100644 examples/react/src/examples/Stress/performanceUtils.ts

diff --git a/examples/react/src/examples/Stress/index.tsx b/examples/react/src/examples/Stress/index.tsx
index c1c24d86d..5adb645ae 100644
--- a/examples/react/src/examples/Stress/index.tsx
+++ b/examples/react/src/examples/Stress/index.tsx
@@ -1,4 +1,4 @@
-import { useState, useCallback } from 'react';
+import { useState, useCallback, useRef, useEffect } from 'react';
 import {
   ReactFlow,
   Edge,
@@ -16,6 +16,7 @@ import {
 } from '@xyflow/react';
 
 import { getNodesAndEdges } from './utils';
+import { FrameRecorder, generateMouseEventParamsTargetingNode, nextFrame } from './performanceUtils';
 
 const { nodes: initialNodes, edges: initialEdges } = getNodesAndEdges(25, 25);
 
@@ -25,6 +26,166 @@ const StressFlow = () => {
   const onConnect = useCallback((connection: Connection) => {
     setEdges((eds) => addEdge(connection, eds));
   }, []);
+
+  const dragInViewport = async () => {
+    // Note: selecting specifically node 18, as it’s normally located in the right part of the viewport –
+    // which means dragging it left is safe to do without scrolling the viewport.
+    const nodeElement = document.querySelector('.react-flow__node[data-id="18"]');
+    if (!nodeElement) throw new Error('Node with id 18 not found');
+
+    const frameRecorder = new FrameRecorder();
+
+    // Hold down the mouse
+    frameRecorder.setStage('mousedown');
+    const mouseDownEvent = generateMouseEventParamsTargetingNode(nodeElement);
+    nodeElement.dispatchEvent(new MouseEvent('mousedown', mouseDownEvent));
+    await nextFrame();
+
+    // Start at the node position and move the mouse 5px to the left on every frame
+    frameRecorder.setStage('mousemove');
+    let currentXPosition = mouseDownEvent.clientX;
+    for (let iteration = 0; iteration < 20; ++iteration) {
+      const movementX = -5;
+      currentXPosition += movementX;
+
+      nodeElement.dispatchEvent(
+        new MouseEvent('mousemove', {
+          ...mouseDownEvent,
+          clientX: currentXPosition,
+          screenX: currentXPosition,
+          movementX,
+        })
+      );
+      await nextFrame();
+    }
+
+    // Release the mouse
+    frameRecorder.setStage('mouseup');
+    nodeElement.dispatchEvent(
+      new MouseEvent('mouseup', {
+        ...mouseDownEvent,
+        clientX: currentXPosition,
+        screenX: currentXPosition,
+      })
+    );
+    await nextFrame();
+
+    // Log the results
+    await frameRecorder.endRecordingAsync();
+    console.log('Frame durations:', frameRecorder.getFrames());
+    console.log(
+      'Frame durations for Observable (copy and paste to https://observablehq.com/@iamakulov/long-frame-visualizer):',
+      frameRecorder.getFramesForObservable()
+    );
+  };
+
+  const dragOutsideViewport = async () => {
+    const randomNodeIndex = Math.floor(Math.random() * nodes.length);
+    const nodeElement = document.querySelector(`.react-flow__node[data-id="${nodes[randomNodeIndex].id}"]`);
+    if (!nodeElement) throw new Error('Node not found');
+
+    const frameRecorder = new FrameRecorder();
+
+    // Hold down the mouse
+    frameRecorder.setStage('mousedown');
+    const mouseDownEvent = generateMouseEventParamsTargetingNode(nodeElement);
+    nodeElement.dispatchEvent(new MouseEvent('mousedown', mouseDownEvent));
+    await nextFrame();
+
+    // Move the mouse to the top of the viewport (so that the viewport starts
+    // scrolling up). Then, wiggle the mouse up and down to keep the viewport
+    // scrolling.
+    frameRecorder.setStage('mousemove');
+    let currentYPosition = 50;
+    for (let iteration = 0; iteration < 20; ++iteration) {
+      const movementY = Math.random() > 0.5 ? +2 : -2;
+      currentYPosition += movementY;
+
+      nodeElement.dispatchEvent(
+        new MouseEvent('mousemove', {
+          ...mouseDownEvent,
+          clientY: currentYPosition,
+          screenY: currentYPosition,
+          movementY,
+        })
+      );
+      await nextFrame();
+    }
+
+    // Release the mouse
+    frameRecorder.setStage('mouseup');
+    nodeElement.dispatchEvent(
+      new MouseEvent('mouseup', {
+        ...mouseDownEvent,
+        clientY: currentYPosition,
+        screenY: currentYPosition,
+      })
+    );
+    await nextFrame();
+
+    // Log the results
+    await frameRecorder.endRecordingAsync();
+    console.log('Frame durations:', frameRecorder.getFrames());
+    console.log(
+      'Frame durations for Observable (copy and paste to https://observablehq.com/@iamakulov/long-frame-visualizer):',
+      frameRecorder.getFramesForObservable()
+    );
+  };
+
+  const selectNode = async () => {
+    const randomNodeIndex = Math.floor(Math.random() * nodes.length);
+    const nodeElement = document.querySelector(`.react-flow__node[data-id="${nodes[randomNodeIndex].id}"]`);
+    if (!nodeElement) throw new Error('Node not found');
+
+    const frameRecorder = new FrameRecorder();
+
+    const mouseEvent = generateMouseEventParamsTargetingNode(nodeElement);
+
+    // mousedown
+    frameRecorder.setStage('mousedown');
+    nodeElement.dispatchEvent(new MouseEvent('mousedown', mouseEvent));
+    await nextFrame();
+
+    // click
+    frameRecorder.setStage('click');
+    nodeElement.dispatchEvent(new MouseEvent('click', mouseEvent));
+    await nextFrame();
+
+    // mouseup
+    frameRecorder.setStage('mouseup');
+    nodeElement.dispatchEvent(new MouseEvent('mouseup', mouseEvent));
+    await nextFrame();
+
+    // Log the results
+    await frameRecorder.endRecordingAsync();
+    console.log('Frame durations:', frameRecorder.getFrames());
+    console.log(
+      'Frame durations for Observable (copy and paste to https://observablehq.com/@iamakulov/long-frame-visualizer):',
+      frameRecorder.getFramesForObservable()
+    );
+  };
+
+  const [key, setKey] = useState(0);
+  const frameRecorderRef = useRef<FrameRecorder | null>(null);
+  function remount() {
+    frameRecorderRef.current = new FrameRecorder();
+    setKey((k) => k + 1);
+  }
+  useEffect(() => {
+    const frameRecorder = frameRecorderRef.current;
+    if (!frameRecorder) return;
+
+    frameRecorder.endRecordingAsync().then(() => {
+      console.log('Frame durations:', frameRecorder.getFrames());
+      console.log(
+        'Frame durations for Observable (copy and paste to https://observablehq.com/@iamakulov/long-frame-visualizer):',
+        frameRecorder.getFramesForObservable()
+      );
+
+      frameRecorderRef.current = null;
+    });
+  }, [key]);
+
   const updatePos = () => {
     setNodes((nds) => {
       return nds.map((n) => {
@@ -56,6 +217,7 @@ const StressFlow = () => {
 
   return (
     <ReactFlow
+      key={key}
       nodes={nodes}
       edges={edges}
       onConnect={onConnect}
@@ -69,6 +231,10 @@ const StressFlow = () => {
       <Background />
 
       <Panel position="top-right">
+        <button onClick={selectNode}>select node</button>
+        <button onClick={dragInViewport}>drag node within the viewport</button>
+        <button onClick={dragOutsideViewport}>drag node outside of the viewport</button>
+        <button onClick={remount}>re-mount</button>
         <button onClick={updatePos}>change pos</button>
         <button onClick={updateElements}>update elements</button>
       </Panel>
diff --git a/examples/react/src/examples/Stress/performanceUtils.ts b/examples/react/src/examples/Stress/performanceUtils.ts
new file mode 100644
index 000000000..f14f8711a
--- /dev/null
+++ b/examples/react/src/examples/Stress/performanceUtils.ts
@@ -0,0 +1,150 @@
+type Frame = {
+  duration: number;
+  stage: string;
+};
+
+/**
+ * Measures and outputs the duration of every frame that happens between the
+ * instance is created and `endRecording()` is called.
+ *
+ * Usage:
+ *
+ * ```ts
+ * const recorder = new FrameRecorder();
+ *
+ * // Do some performance-intensive stuff
+ *
+ * await recorder.endRecordingAsync();
+ *
+ * console.log(recorder.getFrames());
+ * console.log(recorder.getFramesForObservable()); // → paste into https://observablehq.com/@iamakulov/long-frame-visualizer
+ * ```
+ */
+export class FrameRecorder {
+  private frames: Frame[] = [];
+  private animationFrameId: number;
+  private stage: string = '<no stage>';
+
+  constructor() {
+    let lastFrameTimestamp = performance.now();
+
+    const measureFrame = () => {
+      const timestamp = performance.now();
+
+      // Visualize the frames in the Performance pane (see the collapsed
+      // “Timings” section) – so it’s easier to see what exactly each frame
+      // captured
+      performance.measure(`frame (${this.stage})`, {
+        start: lastFrameTimestamp,
+        end: timestamp,
+      });
+
+      this.frames.push({
+        duration: timestamp - lastFrameTimestamp,
+        stage: this.stage,
+      });
+
+      lastFrameTimestamp = timestamp;
+
+      this.animationFrameId = requestAnimationFrame(measureFrame);
+    };
+
+    this.animationFrameId = requestAnimationFrame(measureFrame);
+  }
+
+  // The method is explicitly marked `async` in its name to make sure the caller
+  // doesn’t forget to `await` it. (Otherwise, some events might be lost.)
+  async endRecordingAsync() {
+    this.setStage('waiting for idle');
+    await new Promise((resolve) => requestIdleCallback(resolve));
+    requestAnimationFrame(() => {
+      cancelAnimationFrame(this.animationFrameId);
+    });
+  }
+
+  /**
+   * Adds an optional annotation to all subsequent frames. Useful to
+   * differentiate frames from different events – e.g. you can call
+   * `setState("mousedown")` before dispatching a mousedown event, and then
+   * `setState("mouseup")` before a mouseup one.
+   *
+   * When used, will affect both `getFramesForObservable()` and `getFrames()`.
+   */
+  setStage(stage: string) {
+    this.stage = stage;
+  }
+
+  getFramesForObservable() {
+    return this.frames.map((frame, index) => ({ ...frame, index }));
+  }
+
+  getFrames() {
+    // Group frames by stage – so you could see which frames originated from `mousedown` vs `mousemove` vs `mouseup` events
+    const framesPerStage: Record<string, number[]> = {};
+    for (const frame of this.frames) {
+      const stage = frame.stage;
+      if (!framesPerStage[stage]) {
+        framesPerStage[stage] = [];
+      }
+      framesPerStage[stage].push(frame.duration);
+    }
+
+    // If there’s only one stage, return the frames directly
+    return framesPerStage;
+  }
+}
+
+/**
+ * Returns a promise that resolves when the next frame starts, and everything
+ * that was already scheduled in the event queue has been processed.
+ */
+export function nextFrame() {
+  return new Promise((resolve) => setTimeout(resolve, 0));
+}
+
+/**
+ * Generates params for a new MouseEvent() that will target the given node.
+ */
+export function generateMouseEventParamsTargetingNode(node: Element) {
+  const nodePosition = node.getBoundingClientRect();
+
+  // Let’s make the event (eg click) happen 5px to the right and 5px to the
+  // bottom of the node’s top-left corner
+  const positionRelativeToNode = {
+    left: 5,
+    top: 5,
+  };
+
+  return {
+    clientX: Math.round(nodePosition.left + positionRelativeToNode.left),
+    clientY: Math.round(nodePosition.top + positionRelativeToNode.top),
+    movementX: 0,
+    movementY: 0,
+    offsetX: positionRelativeToNode.left,
+    offsetY: positionRelativeToNode.top,
+    screenX: Math.round(nodePosition.left + positionRelativeToNode.left),
+    screenY: Math.round(nodePosition.top + positionRelativeToNode.top),
+
+    // Required boilerplate
+    altKey: false,
+    bubbles: true,
+    button: 0,
+    buttons: 1,
+    cancelBubble: false,
+    cancelable: true,
+    composed: true,
+    ctrlKey: false,
+    currentTarget: null,
+    defaultPrevented: false,
+    detail: 1,
+    eventPhase: 0,
+    fromElement: null,
+    isTrusted: true,
+    metaKey: false,
+    relatedTarget: null,
+    returnValue: true,
+    shiftKey: false,
+    view: window,
+    which: 1,
+  };
+}

From 6825b486ecea591ef61324324fc3e72996da8874 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 30 Nov 2023 10:41:18 +0100
Subject: [PATCH 0387/1093] refactor(svelte/edges): simplify

---
 .../react/src/components/Edges/StepEdge.tsx   |  4 +--
 packages/react/src/components/Edges/index.ts  |  4 +++
 packages/react/src/types/edges.ts             | 12 ++++++-
 .../components/EdgeWrapper/EdgeWrapper.svelte |  4 +--
 .../lib/components/edges/BezierEdge.svelte    | 30 ------------------
 .../BaseBezierEdge.svelte}                    | 10 ++++--
 .../edges/BezierEdge/BezierEdge.svelte        | 10 ++++++
 .../BezierEdge/BezierEdgeInternal.svelte      | 10 ++++++
 .../components/edges/SmoothStepEdge.svelte    | 30 ------------------
 .../BaseSmoothStepEdge.svelte}                | 11 +++++--
 .../SmoothStepEdge/SmoothStepEdge.svelte      | 10 ++++++
 .../SmoothStepEdgeInternal.svelte             | 10 ++++++
 .../src/lib/components/edges/StepEdge.svelte  | 31 -------------------
 .../BaseStepEdge.svelte}                      | 10 ++++--
 .../components/edges/StepEdge/StepEdge.svelte | 10 ++++++
 .../edges/StepEdge/StepEdgeInternal.svelte    | 10 ++++++
 .../lib/components/edges/StraightEdge.svelte  | 28 -----------------
 .../BaseStraightEdge.svelte}                  |  7 +++--
 .../edges/StraightEdge/StraightEdge.svelte    | 10 ++++++
 .../StraightEdge/StraightEdgeInternal.svelte  | 10 ++++++
 .../svelte/src/lib/components/edges/index.ts  | 19 +++++++++---
 .../src/lib/components/edges/internal.ts      |  4 ---
 .../svelte/src/lib/store/initial-store.ts     | 15 ++++++---
 packages/svelte/src/lib/types/edges.ts        | 23 ++++++++++++--
 packages/system/src/types/edges.ts            |  4 +++
 25 files changed, 176 insertions(+), 150 deletions(-)
 delete mode 100644 packages/svelte/src/lib/components/edges/BezierEdge.svelte
 rename packages/svelte/src/lib/components/edges/{BezierEdgeInternal.svelte => BezierEdge/BaseBezierEdge.svelte} (69%)
 create mode 100644 packages/svelte/src/lib/components/edges/BezierEdge/BezierEdge.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/BezierEdge/BezierEdgeInternal.svelte
 delete mode 100644 packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
 rename packages/svelte/src/lib/components/edges/{SmoothStepEdgeInternal.svelte => SmoothStepEdge/BaseSmoothStepEdge.svelte} (65%)
 create mode 100644 packages/svelte/src/lib/components/edges/SmoothStepEdge/SmoothStepEdge.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/SmoothStepEdge/SmoothStepEdgeInternal.svelte
 delete mode 100644 packages/svelte/src/lib/components/edges/StepEdge.svelte
 rename packages/svelte/src/lib/components/edges/{StepEdgeInternal.svelte => StepEdge/BaseStepEdge.svelte} (73%)
 create mode 100644 packages/svelte/src/lib/components/edges/StepEdge/StepEdge.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/StepEdge/StepEdgeInternal.svelte
 delete mode 100644 packages/svelte/src/lib/components/edges/StraightEdge.svelte
 rename packages/svelte/src/lib/components/edges/{StraightEdgeInternal.svelte => StraightEdge/BaseStraightEdge.svelte} (75%)
 create mode 100644 packages/svelte/src/lib/components/edges/StraightEdge/StraightEdge.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/StraightEdge/StraightEdgeInternal.svelte
 delete mode 100644 packages/svelte/src/lib/components/edges/internal.ts

diff --git a/packages/react/src/components/Edges/StepEdge.tsx b/packages/react/src/components/Edges/StepEdge.tsx
index bb1833d4f..6385e8f0d 100644
--- a/packages/react/src/components/Edges/StepEdge.tsx
+++ b/packages/react/src/components/Edges/StepEdge.tsx
@@ -1,11 +1,11 @@
 import { memo, useMemo } from 'react';
 
 import { SmoothStepEdge } from './SmoothStepEdge';
-import type { SmoothStepEdgeProps } from '../../types';
+import type { StepEdgeProps } from '../../types';
 
 function createStepEdge(params: { isInternal: boolean }) {
   // eslint-disable-next-line react/display-name
-  return memo(({ id, ...props }: SmoothStepEdgeProps) => {
+  return memo(({ id, ...props }: StepEdgeProps) => {
     const _id = params.isInternal ? undefined : id;
 
     return (
diff --git a/packages/react/src/components/Edges/index.ts b/packages/react/src/components/Edges/index.ts
index dcd457010..21af9667f 100644
--- a/packages/react/src/components/Edges/index.ts
+++ b/packages/react/src/components/Edges/index.ts
@@ -1,3 +1,7 @@
+// We distinguish between internal and exported edges
+// The internal edges are used directly like custom edges and always get an id, source and target props
+// If you import an edge from the library, the id is optional and source and target are not used at all
+
 export { SimpleBezierEdge, SimpleBezierEdgeInternal } from './SimpleBezierEdge';
 export { SmoothStepEdge, SmoothStepEdgeInternal } from './SmoothStepEdge';
 export { StepEdge, StepEdgeInternal } from './StepEdge';
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index db34416db..896c4605e 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -14,6 +14,7 @@ import type {
   ConnectionStatus,
   EdgePosition,
   Optional,
+  StepPathOptions,
 } from '@xyflow/system';
 
 import { Node } from '.';
@@ -47,7 +48,12 @@ type BezierEdgeType<T> = DefaultEdge<T> & {
   pathOptions?: BezierPathOptions;
 };
 
-export type Edge<T = any> = DefaultEdge<T> | SmoothStepEdgeType<T> | BezierEdgeType<T>;
+type StepEdgeType<T> = DefaultEdge<T> & {
+  type: 'step';
+  pathOptions?: StepPathOptions;
+};
+
+export type Edge<T = any> = DefaultEdge<T> | SmoothStepEdgeType<T> | BezierEdgeType<T> | StepEdgeType<T>;
 
 export type EdgeMouseHandler = (event: ReactMouseEvent, edge: Edge) => void;
 
@@ -113,6 +119,10 @@ export type BezierEdgeProps<T = any> = EdgeComponentProps<T> & {
   pathOptions?: BezierPathOptions;
 };
 
+export type StepEdgeProps<T = any> = EdgeComponentProps<T> & {
+  pathOptions?: StepPathOptions;
+};
+
 export type SimpleBezierEdgeProps<T = any> = EdgeComponentProps<T>;
 
 export type OnEdgeUpdateFunc<T = any> = (oldEdge: Edge<T>, newConnection: Connection) => void;
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index fa4adc92a..aad6d2b1c 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -6,7 +6,7 @@
   import { errorMessages, getMarkerId } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
-  import { BezierEdge } from '$lib/components/edges/internal';
+  import { BezierEdgeInternal } from '$lib/components/edges';
   import type { EdgeLayouted, Edge } from '$lib/types';
   import { get } from 'svelte/store';
 
@@ -57,7 +57,7 @@
     edgecontextmenu: { edge: Edge; event: MouseEvent };
   }>();
 
-  $: edgeComponent = $edgeTypes[type!] || BezierEdge;
+  $: edgeComponent = $edgeTypes[type!] || BezierEdgeInternal;
   $: markerStartUrl = markerStart ? `url(#${getMarkerId(markerStart, $flowId)})` : undefined;
   $: markerEndUrl = markerEnd ? `url(#${getMarkerId(markerEnd, $flowId)})` : undefined;
 
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
deleted file mode 100644
index ef5fd3db2..000000000
--- a/packages/svelte/src/lib/components/edges/BezierEdge.svelte
+++ /dev/null
@@ -1,30 +0,0 @@
-<script lang="ts">
-  import { getBezierPath, type Optional } from '@xyflow/system';
-
-  import type { EdgeProps } from '$lib/types';
-  import { BaseEdge } from '$lib/components/BaseEdge';
-
-  type $$Props = Optional<EdgeProps, 'id' | 'target' | 'source'>;
-
-  $: [path, labelX, labelY] = getBezierPath({
-    sourceX: $$props.sourceX,
-    sourceY: $$props.sourceY,
-    targetX: $$props.targetX,
-    targetY: $$props.targetY,
-    sourcePosition: $$props.sourcePosition,
-    targetPosition: $$props.targetPosition
-  });
-</script>
-
-<BaseEdge
-  {path}
-  {labelX}
-  {labelY}
-  id={$$props.id}
-  label={$$props.label}
-  labelStyle={$$props.labelStyle}
-  markerStart={$$props.markerStart}
-  markerEnd={$$props.markerEnd}
-  interactionWidth={$$props.interactionWidth}
-  style={$$props.style}
-/>
diff --git a/packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/BezierEdge/BaseBezierEdge.svelte
similarity index 69%
rename from packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte
rename to packages/svelte/src/lib/components/edges/BezierEdge/BaseBezierEdge.svelte
index a1ca06588..749a50964 100644
--- a/packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte
+++ b/packages/svelte/src/lib/components/edges/BezierEdge/BaseBezierEdge.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { getBezierPath } from '@xyflow/system';
 
-  import type { EdgeProps } from '$lib/types';
+  import type { BezierEdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
 
-  type $$Props = EdgeProps;
+  type $$Props = BezierEdgeProps & { internal?: boolean };
 
   $: [path, labelX, labelY] = getBezierPath({
     sourceX: $$props.sourceX,
@@ -12,14 +12,18 @@
     targetX: $$props.targetX,
     targetY: $$props.targetY,
     sourcePosition: $$props.sourcePosition,
-    targetPosition: $$props.targetPosition
+    targetPosition: $$props.targetPosition,
+    curvature: $$props.pathOptions?.curvature
   });
+
+  $: id = $$props.internal ? undefined : $$props.id;
 </script>
 
 <BaseEdge
   {path}
   {labelX}
   {labelY}
+  {id}
   label={$$props.label}
   labelStyle={$$props.labelStyle}
   markerStart={$$props.markerStart}
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge/BezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdge/BezierEdge.svelte
new file mode 100644
index 000000000..9f93e7df0
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/BezierEdge/BezierEdge.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+  import BaseBezierEdge from './BaseBezierEdge.svelte';
+  import type { BezierEdgeProps } from '$lib/types';
+
+  type $$Props = BezierEdgeProps;
+
+  $: props = $$props as $$Props;
+</script>
+
+<BaseBezierEdge {...props} />
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge/BezierEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/BezierEdge/BezierEdgeInternal.svelte
new file mode 100644
index 000000000..75d168f46
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/BezierEdge/BezierEdgeInternal.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+  import BaseBezierEdge from './BaseBezierEdge.svelte';
+  import type { EdgeProps } from '$lib/types';
+
+  type $$Props = EdgeProps;
+
+  $: props = $$props as $$Props;
+</script>
+
+<BaseBezierEdge {...props} internal />
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
deleted file mode 100644
index f528da0e2..000000000
--- a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
+++ /dev/null
@@ -1,30 +0,0 @@
-<script lang="ts">
-  import { getSmoothStepPath, type Optional } from '@xyflow/system';
-
-  import type { EdgeProps } from '$lib/types';
-  import { BaseEdge } from '$lib/components/BaseEdge';
-
-  type $$Props = Optional<EdgeProps, 'id' | 'target' | 'source'>;
-
-  $: [path, labelX, labelY] = getSmoothStepPath({
-    sourceX: $$props.sourceX,
-    sourceY: $$props.sourceY,
-    targetX: $$props.targetX,
-    targetY: $$props.targetY,
-    sourcePosition: $$props.sourcePosition,
-    targetPosition: $$props.targetPosition
-  });
-</script>
-
-<BaseEdge
-  {path}
-  {labelX}
-  {labelY}
-  id={$$props.id}
-  label={$$props.label}
-  labelStyle={$$props.labelStyle}
-  markerStart={$$props.markerStart}
-  markerEnd={$$props.markerEnd}
-  interactionWidth={$$props.interactionWidth}
-  style={$$props.style}
-/>
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge/BaseSmoothStepEdge.svelte
similarity index 65%
rename from packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte
rename to packages/svelte/src/lib/components/edges/SmoothStepEdge/BaseSmoothStepEdge.svelte
index 73324a893..5ec4dd892 100644
--- a/packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdge/BaseSmoothStepEdge.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { getSmoothStepPath } from '@xyflow/system';
 
-  import type { EdgeProps } from '$lib/types';
+  import type { SmoothStepEdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
 
-  type $$Props = EdgeProps;
+  type $$Props = SmoothStepEdgeProps & { internal?: boolean };
 
   $: [path, labelX, labelY] = getSmoothStepPath({
     sourceX: $$props.sourceX,
@@ -12,14 +12,19 @@
     targetX: $$props.targetX,
     targetY: $$props.targetY,
     sourcePosition: $$props.sourcePosition,
-    targetPosition: $$props.targetPosition
+    targetPosition: $$props.targetPosition,
+    borderRadius: $$props.pathOptions?.borderRadius,
+    offset: $$props.pathOptions?.offset
   });
+
+  $: id = $$props.internal ? undefined : $$props.id;
 </script>
 
 <BaseEdge
   {path}
   {labelX}
   {labelY}
+  {id}
   label={$$props.label}
   labelStyle={$$props.labelStyle}
   markerStart={$$props.markerStart}
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge/SmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge/SmoothStepEdge.svelte
new file mode 100644
index 000000000..1cac5d1c3
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdge/SmoothStepEdge.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+  import BaseSmoothStepEdge from './BaseSmoothStepEdge.svelte';
+  import type { SmoothStepEdgeProps } from '$lib/types';
+
+  type $$Props = SmoothStepEdgeProps;
+
+  $: props = $$props as $$Props;
+</script>
+
+<BaseSmoothStepEdge {...props} />
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge/SmoothStepEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge/SmoothStepEdgeInternal.svelte
new file mode 100644
index 000000000..803247c27
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdge/SmoothStepEdgeInternal.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+  import BaseSmoothStepEdge from './BaseSmoothStepEdge.svelte';
+  import type { EdgeProps } from '$lib/types';
+
+  type $$Props = EdgeProps;
+
+  $: props = $$props as $$Props;
+</script>
+
+<BaseSmoothStepEdge {...props} internal />
diff --git a/packages/svelte/src/lib/components/edges/StepEdge.svelte b/packages/svelte/src/lib/components/edges/StepEdge.svelte
deleted file mode 100644
index b0860d03b..000000000
--- a/packages/svelte/src/lib/components/edges/StepEdge.svelte
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts">
-  import { getSmoothStepPath, type Optional } from '@xyflow/system';
-
-  import type { EdgeProps } from '$lib/types';
-  import { BaseEdge } from '$lib/components/BaseEdge';
-
-  type $$Props = Optional<EdgeProps, 'id' | 'target' | 'source'>;
-
-  $: [path, labelX, labelY] = getSmoothStepPath({
-    sourceX: $$props.sourceX,
-    sourceY: $$props.sourceY,
-    targetX: $$props.targetX,
-    targetY: $$props.targetY,
-    sourcePosition: $$props.sourcePosition,
-    targetPosition: $$props.targetPosition,
-    borderRadius: 0
-  });
-</script>
-
-<BaseEdge
-  {path}
-  {labelX}
-  {labelY}
-  id={$$props.id}
-  label={$$props.label}
-  labelStyle={$$props.labelStyle}
-  markerStart={$$props.markerStart}
-  markerEnd={$$props.markerEnd}
-  interactionWidth={$$props.interactionWidth}
-  style={$$props.style}
-/>
diff --git a/packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/StepEdge/BaseStepEdge.svelte
similarity index 73%
rename from packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte
rename to packages/svelte/src/lib/components/edges/StepEdge/BaseStepEdge.svelte
index f793376b7..4099e7d53 100644
--- a/packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte
+++ b/packages/svelte/src/lib/components/edges/StepEdge/BaseStepEdge.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { getSmoothStepPath } from '@xyflow/system';
 
-  import type { EdgeProps } from '$lib/types';
+  import type { StepEdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
 
-  type $$Props = EdgeProps;
+  type $$Props = StepEdgeProps & { internal?: boolean };
 
   $: [path, labelX, labelY] = getSmoothStepPath({
     sourceX: $$props.sourceX,
@@ -13,14 +13,18 @@
     targetY: $$props.targetY,
     sourcePosition: $$props.sourcePosition,
     targetPosition: $$props.targetPosition,
-    borderRadius: 0
+    borderRadius: 0,
+    offset: $$props.pathOptions?.offset
   });
+
+  $: id = $$props.internal ? undefined : $$props.id;
 </script>
 
 <BaseEdge
   {path}
   {labelX}
   {labelY}
+  {id}
   label={$$props.label}
   labelStyle={$$props.labelStyle}
   markerStart={$$props.markerStart}
diff --git a/packages/svelte/src/lib/components/edges/StepEdge/StepEdge.svelte b/packages/svelte/src/lib/components/edges/StepEdge/StepEdge.svelte
new file mode 100644
index 000000000..49522e95e
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/StepEdge/StepEdge.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+  import BaseStepEdge from './BaseStepEdge.svelte';
+  import type { StepEdgeProps } from '$lib/types';
+
+  type $$Props = StepEdgeProps;
+
+  $: props = $$props as $$Props;
+</script>
+
+<BaseStepEdge {...props} />
diff --git a/packages/svelte/src/lib/components/edges/StepEdge/StepEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/StepEdge/StepEdgeInternal.svelte
new file mode 100644
index 000000000..21109992e
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/StepEdge/StepEdgeInternal.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+  import BaseStepEdge from './BaseStepEdge.svelte';
+  import type { EdgeProps } from '$lib/types';
+
+  type $$Props = EdgeProps;
+
+  $: props = $$props as $$Props;
+</script>
+
+<BaseStepEdge {...props} internal />
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
deleted file mode 100644
index 979c43510..000000000
--- a/packages/svelte/src/lib/components/edges/StraightEdge.svelte
+++ /dev/null
@@ -1,28 +0,0 @@
-<script lang="ts">
-  import { getStraightPath, type Optional } from '@xyflow/system';
-
-  import type { EdgeProps } from '$lib/types';
-  import { BaseEdge } from '$lib/components/BaseEdge';
-
-  type $$Props = Optional<EdgeProps, 'id' | 'target' | 'source'>;
-
-  $: [path, labelX, labelY] = getStraightPath({
-    sourceX: $$props.sourceX,
-    sourceY: $$props.sourceY,
-    targetX: $$props.targetX,
-    targetY: $$props.targetY
-  });
-</script>
-
-<BaseEdge
-  {path}
-  {labelX}
-  {labelY}
-  id={$$props.id}
-  label={$$props.label}
-  labelStyle={$$props.labelStyle}
-  markerStart={$$props.markerStart}
-  markerEnd={$$props.markerEnd}
-  interactionWidth={$$props.interactionWidth}
-  style={$$props.style}
-/>
diff --git a/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/StraightEdge/BaseStraightEdge.svelte
similarity index 75%
rename from packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte
rename to packages/svelte/src/lib/components/edges/StraightEdge/BaseStraightEdge.svelte
index 8cc984d73..5db480ca0 100644
--- a/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte
+++ b/packages/svelte/src/lib/components/edges/StraightEdge/BaseStraightEdge.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { getStraightPath } from '@xyflow/system';
 
-  import type { EdgeProps } from '$lib/types';
+  import type { SmoothStepEdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
 
-  type $$Props = EdgeProps;
+  type $$Props = SmoothStepEdgeProps & { internal?: boolean };
 
   $: [path, labelX, labelY] = getStraightPath({
     sourceX: $$props.sourceX,
@@ -12,12 +12,15 @@
     targetX: $$props.targetX,
     targetY: $$props.targetY
   });
+
+  $: id = $$props.internal ? undefined : $$props.id;
 </script>
 
 <BaseEdge
   {path}
   {labelX}
   {labelY}
+  {id}
   label={$$props.label}
   labelStyle={$$props.labelStyle}
   markerStart={$$props.markerStart}
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge/StraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdge/StraightEdge.svelte
new file mode 100644
index 000000000..d7153544a
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/StraightEdge/StraightEdge.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+  import BaseStraighEdge from './BaseStraightEdge.svelte';
+  import type { StraightEdgeProps } from '$lib/types';
+
+  type $$Props = StraightEdgeProps;
+
+  $: props = $$props as $$Props;
+</script>
+
+<BaseStraighEdge {...props} />
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge/StraightEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/StraightEdge/StraightEdgeInternal.svelte
new file mode 100644
index 000000000..bad893b25
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/StraightEdge/StraightEdgeInternal.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+  import BaseStraighEdge from './BaseStraightEdge.svelte';
+  import type { EdgeProps } from '$lib/types';
+
+  type $$Props = EdgeProps;
+
+  $: props = $$props as $$Props;
+</script>
+
+<BaseStraighEdge {...props} internal />
diff --git a/packages/svelte/src/lib/components/edges/index.ts b/packages/svelte/src/lib/components/edges/index.ts
index 1f1567b64..19f1f129f 100644
--- a/packages/svelte/src/lib/components/edges/index.ts
+++ b/packages/svelte/src/lib/components/edges/index.ts
@@ -1,4 +1,15 @@
-export { default as BezierEdge } from './BezierEdge.svelte';
-export { default as StraightEdge } from './StraightEdge.svelte';
-export { default as SmoothStepEdge } from './SmoothStepEdge.svelte';
-export { default as StepEdge } from './StepEdge.svelte';
+// We distinguish between internal and exported edges
+// The internal edges are used directly like custom edges and always get an id, source and target props
+// If you import an edge from the library, the id is optional and source and target are not used at all
+
+export { default as BezierEdge } from './BezierEdge/BezierEdge.svelte';
+export { default as BezierEdgeInternal } from './BezierEdge/BezierEdgeInternal.svelte';
+
+export { default as SmoothStepEdge } from './SmoothStepEdge/BaseSmoothStepEdge.svelte';
+export { default as SmoothStepEdgeInternal } from './SmoothStepEdge/SmoothStepEdgeInternal.svelte';
+
+export { default as StraightEdge } from './StraightEdge/StraightEdge.svelte';
+export { default as StraightEdgeInternal } from './StraightEdge/StraightEdgeInternal.svelte';
+
+export { default as StepEdge } from './StepEdge/StepEdge.svelte';
+export { default as StepEdgeInternal } from './StepEdge/StepEdgeInternal.svelte';
diff --git a/packages/svelte/src/lib/components/edges/internal.ts b/packages/svelte/src/lib/components/edges/internal.ts
deleted file mode 100644
index f2582b79b..000000000
--- a/packages/svelte/src/lib/components/edges/internal.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { default as BezierEdge } from './BezierEdgeInternal.svelte';
-export { default as StraightEdge } from './StraightEdgeInternal.svelte';
-export { default as SmoothStepEdge } from './SmoothStepEdgeInternal.svelte';
-export { default as StepEdge } from './StepEdgeInternal.svelte';
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 65acad86b..dcfee4db2 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -25,7 +25,12 @@ import InputNode from '$lib/components/nodes/InputNode.svelte';
 import OutputNode from '$lib/components/nodes/OutputNode.svelte';
 import GroupNode from '$lib/components/nodes/GroupNode.svelte';
 
-import { BezierEdge, StraightEdge, StepEdge, SmoothStepEdge } from '$lib/components/edges/internal';
+import {
+  BezierEdgeInternal,
+  SmoothStepEdgeInternal,
+  StraightEdgeInternal,
+  StepEdgeInternal
+} from '$lib/components/edges';
 
 import type {
   NodeTypes,
@@ -47,10 +52,10 @@ export const initialNodeTypes = {
 };
 
 export const initialEdgeTypes = {
-  straight: StraightEdge,
-  smoothstep: SmoothStepEdge,
-  default: BezierEdge,
-  step: StepEdge
+  straight: StraightEdgeInternal,
+  smoothstep: SmoothStepEdgeInternal,
+  default: BezierEdgeInternal,
+  step: StepEdgeInternal
 };
 
 export const getInitialStore = ({
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 33f0d9081..0a666ce72 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -5,7 +5,9 @@ import type {
   BezierPathOptions,
   DefaultEdgeOptionsBase,
   EdgePosition,
-  SmoothStepPathOptions
+  SmoothStepPathOptions,
+  Optional,
+  StepPathOptions
 } from '@xyflow/system';
 
 import type { Node } from '$lib/types';
@@ -29,6 +31,7 @@ type BezierEdgeType<T> = DefaultEdge<T> & {
 
 type StepEdgeType<T> = DefaultEdge<T> & {
   type: 'step';
+  pathOptions?: StepPathOptions;
 };
 
 export type Edge<T = any> =
@@ -37,7 +40,7 @@ export type Edge<T = any> =
   | BezierEdgeType<T>
   | StepEdgeType<T>;
 
-export type EdgeProps = Omit<Edge, 'sourceHandle' | 'targetHandle'> &
+export type EdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandle'> &
   EdgePosition & {
     markerStart?: string;
     markerEnd?: string;
@@ -45,6 +48,22 @@ export type EdgeProps = Omit<Edge, 'sourceHandle' | 'targetHandle'> &
     targetHandleId?: string | null;
   };
 
+export type EdgeComponentProps<T = any> = Optional<Omit<EdgeProps<T>, 'source' | 'target'>, 'id'>;
+
+export type BezierEdgeProps<T = any> = EdgeComponentProps<T> & {
+  pathOptions?: BezierPathOptions;
+};
+
+export type SmoothStepEdgeProps<T = any> = EdgeComponentProps<T> & {
+  pathOptions?: SmoothStepPathOptions;
+};
+
+export type StepEdgeProps<T = any> = EdgeComponentProps<T> & {
+  pathOptions?: StepPathOptions;
+};
+
+export type StraightEdgeProps<T = any> = EdgeComponentProps<T>;
+
 export type EdgeTypes = Record<string, ComponentType<SvelteComponent<EdgeProps>>>;
 
 export type DefaultEdgeOptions = Omit<DefaultEdgeOptionsBase<Edge>, 'focusable'>;
diff --git a/packages/system/src/types/edges.ts b/packages/system/src/types/edges.ts
index 855682d21..65c8e6412 100644
--- a/packages/system/src/types/edges.ts
+++ b/packages/system/src/types/edges.ts
@@ -27,6 +27,10 @@ export type SmoothStepPathOptions = {
   borderRadius?: number;
 };
 
+export type StepPathOptions = {
+  offset?: number;
+};
+
 export type BezierPathOptions = {
   curvature?: number;
 };

From a70e25b1a244861caf3fbf8a95e042a0ff1ba02b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 30 Nov 2023 12:58:44 +0100
Subject: [PATCH 0388/1093] refactor(svelte/edges): cleanup types and
 components

---
 .../src/routes/examples/edges/+page.svelte    | 14 ++-
 .../routes/examples/edges/ButtonEdge.svelte   | 92 +++++++++++++++++++
 .../examples/edges/CustomBezierEdge.svelte    | 55 +++++++++++
 .../src/components/Edges/StraightEdge.tsx     |  6 +-
 packages/react/src/types/edges.ts             |  2 +-
 .../lib/components/edges/BezierEdge.svelte    | 48 ++++++++++
 .../edges/BezierEdge/BaseBezierEdge.svelte    | 33 -------
 .../edges/BezierEdge/BezierEdge.svelte        | 10 --
 .../BezierEdge/BezierEdgeInternal.svelte      | 10 --
 .../edges/BezierEdgeInternal.svelte           | 63 +++++++++++++
 .../components/edges/SmoothStepEdge.svelte    | 49 ++++++++++
 .../SmoothStepEdge/BaseSmoothStepEdge.svelte  | 34 -------
 .../SmoothStepEdge/SmoothStepEdge.svelte      | 10 --
 .../SmoothStepEdgeInternal.svelte             | 10 --
 .../edges/SmoothStepEdgeInternal.svelte       | 63 +++++++++++++
 .../src/lib/components/edges/StepEdge.svelte  | 49 ++++++++++
 .../edges/StepEdge/BaseStepEdge.svelte        | 34 -------
 .../components/edges/StepEdge/StepEdge.svelte | 10 --
 .../edges/StepEdge/StepEdgeInternal.svelte    | 10 --
 .../components/edges/StepEdgeInternal.svelte  | 64 +++++++++++++
 .../lib/components/edges/StraightEdge.svelte  | 42 +++++++++
 .../StraightEdge/BaseStraightEdge.svelte      | 30 ------
 .../edges/StraightEdge/StraightEdge.svelte    | 10 --
 .../StraightEdge/StraightEdgeInternal.svelte  | 10 --
 .../edges/StraightEdgeInternal.svelte         | 63 +++++++++++++
 .../svelte/src/lib/components/edges/index.ts  | 18 ++--
 packages/svelte/src/lib/index.ts              | 13 ++-
 packages/svelte/src/lib/types/edges.ts        | 15 ++-
 packages/svelte/tsconfig.json                 |  3 +-
 tooling/tsconfig/react.json                   |  3 +-
 30 files changed, 640 insertions(+), 233 deletions(-)
 create mode 100644 examples/svelte/src/routes/examples/edges/ButtonEdge.svelte
 create mode 100644 examples/svelte/src/routes/examples/edges/CustomBezierEdge.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/BezierEdge.svelte
 delete mode 100644 packages/svelte/src/lib/components/edges/BezierEdge/BaseBezierEdge.svelte
 delete mode 100644 packages/svelte/src/lib/components/edges/BezierEdge/BezierEdge.svelte
 delete mode 100644 packages/svelte/src/lib/components/edges/BezierEdge/BezierEdgeInternal.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
 delete mode 100644 packages/svelte/src/lib/components/edges/SmoothStepEdge/BaseSmoothStepEdge.svelte
 delete mode 100644 packages/svelte/src/lib/components/edges/SmoothStepEdge/SmoothStepEdge.svelte
 delete mode 100644 packages/svelte/src/lib/components/edges/SmoothStepEdge/SmoothStepEdgeInternal.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/StepEdge.svelte
 delete mode 100644 packages/svelte/src/lib/components/edges/StepEdge/BaseStepEdge.svelte
 delete mode 100644 packages/svelte/src/lib/components/edges/StepEdge/StepEdge.svelte
 delete mode 100644 packages/svelte/src/lib/components/edges/StepEdge/StepEdgeInternal.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/StraightEdge.svelte
 delete mode 100644 packages/svelte/src/lib/components/edges/StraightEdge/BaseStraightEdge.svelte
 delete mode 100644 packages/svelte/src/lib/components/edges/StraightEdge/StraightEdge.svelte
 delete mode 100644 packages/svelte/src/lib/components/edges/StraightEdge/StraightEdgeInternal.svelte
 create mode 100644 packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte

diff --git a/examples/svelte/src/routes/examples/edges/+page.svelte b/examples/svelte/src/routes/examples/edges/+page.svelte
index 403b0ef62..8a2471b8d 100644
--- a/examples/svelte/src/routes/examples/edges/+page.svelte
+++ b/examples/svelte/src/routes/examples/edges/+page.svelte
@@ -10,6 +10,8 @@
 	} from '@xyflow/svelte';
 
 	import '@xyflow/svelte/dist/style.css';
+	import ButtonEdge from './ButtonEdge.svelte';
+	import CustomBezierEdge from './CustomBezierEdge.svelte';
 
 	const nodes = writable([
 		{
@@ -110,13 +112,14 @@
 			id: 'e5-8',
 			source: '5',
 			target: '8',
-			data: { text: 'custom edge' }
+			type: 'button'
 		},
 		{
 			id: 'e5-9',
 			source: '5',
 			target: '9',
-			data: { text: 'custom edge 2' }
+			type: 'customBezier',
+			label: 'custom bezier'
 		},
 		{
 			id: 'e5-6',
@@ -143,9 +146,14 @@
 			}
 		}
 	]);
+
+	const edgeTypes = {
+		button: ButtonEdge,
+		customBezier: CustomBezierEdge
+	};
 </script>
 
-<SvelteFlow {nodes} {edges} fitView nodeDragThreshold={2}>
+<SvelteFlow {nodes} {edges} {edgeTypes} fitView nodeDragThreshold={2}>
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />
 	<MiniMap />
diff --git a/examples/svelte/src/routes/examples/edges/ButtonEdge.svelte b/examples/svelte/src/routes/examples/edges/ButtonEdge.svelte
new file mode 100644
index 000000000..235aab986
--- /dev/null
+++ b/examples/svelte/src/routes/examples/edges/ButtonEdge.svelte
@@ -0,0 +1,92 @@
+<script lang="ts">
+	import { getBezierPath, BaseEdge, type EdgeProps, EdgeLabelRenderer } from '@xyflow/svelte';
+
+	type $$Props = EdgeProps;
+
+	export let id: $$Props['id'] = '';
+	export let source: $$Props['source'] = '';
+	export let target: $$Props['target'] = '';
+	export let animated: $$Props['animated'] = undefined;
+	export let selected: $$Props['selected'] = undefined;
+	export let label: $$Props['label'] = undefined;
+	export let labelStyle: $$Props['labelStyle'] = undefined;
+	export let data: $$Props['data'] = undefined;
+	export let style: $$Props['style'] = undefined;
+	export let markerStart: $$Props['markerStart'] = undefined;
+	export let markerEnd: $$Props['markerEnd'] = undefined;
+	export let interactionWidth: $$Props['interactionWidth'] = undefined;
+
+	export let sourceX: $$Props['sourceX'];
+	export let sourceY: $$Props['sourceY'];
+	export let sourcePosition: $$Props['sourcePosition'];
+	export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
+
+	export let targetX: $$Props['targetX'];
+	export let targetY: $$Props['targetY'];
+	export let targetPosition: $$Props['targetPosition'];
+	export let targetHandleId: $$Props['targetHandleId'] = undefined;
+
+	$: [edgePath, labelX, labelY] = getBezierPath({
+		sourceX,
+		sourceY,
+		sourcePosition,
+		targetX,
+		targetY,
+		targetPosition
+	});
+
+	source;
+	target;
+	animated;
+	selected;
+	data;
+	label;
+	labelStyle;
+	markerStart;
+	interactionWidth;
+	sourceHandleId;
+	targetHandleId;
+</script>
+
+<BaseEdge path={edgePath} {markerEnd} {style} />
+<EdgeLabelRenderer>
+	<div
+		class="edgeButtonContainer nodrag nopan"
+		style:transform="translate(-50%, -50%) translate({labelX}px,{labelY}px)"
+	>
+		<button
+			class="edgeButton"
+			on:click={(event) => {
+				event.stopPropagation();
+				alert(`remove ${id}`);
+			}}
+		>
+			×
+		</button>
+	</div>
+</EdgeLabelRenderer>
+
+<style>
+	.edgeButtonContainer {
+		position: absolute;
+		font-size: 12pt;
+		/* everything inside EdgeLabelRenderer has no pointer events by default */
+		/* if you have an interactive element, set pointer-events: all */
+		pointer-events: all;
+	}
+
+	.edgeButton {
+		width: 20px;
+		height: 20px;
+		background: #eee;
+		border: 1px solid #fff;
+		cursor: pointer;
+		border-radius: 50%;
+		font-size: 12px;
+		line-height: 1;
+	}
+
+	.edgeButton:hover {
+		box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.08);
+	}
+</style>
diff --git a/examples/svelte/src/routes/examples/edges/CustomBezierEdge.svelte b/examples/svelte/src/routes/examples/edges/CustomBezierEdge.svelte
new file mode 100644
index 000000000..48d86c3d7
--- /dev/null
+++ b/examples/svelte/src/routes/examples/edges/CustomBezierEdge.svelte
@@ -0,0 +1,55 @@
+<script lang="ts">
+	import { BezierEdge, type EdgeProps } from '@xyflow/svelte';
+
+	type $$Props = EdgeProps;
+
+	export let id: $$Props['id'] = '';
+	export let source: $$Props['source'] = '';
+	export let target: $$Props['target'] = '';
+	export let animated: $$Props['animated'] = undefined;
+	export let selected: $$Props['selected'] = undefined;
+	export let label: $$Props['label'] = undefined;
+	export let labelStyle: $$Props['labelStyle'] = undefined;
+	export let data: $$Props['data'] = undefined;
+	export let style: $$Props['style'] = undefined;
+	export let markerStart: $$Props['markerStart'] = undefined;
+	export let markerEnd: $$Props['markerEnd'] = undefined;
+	export let interactionWidth: $$Props['interactionWidth'] = undefined;
+
+	export let sourceX: $$Props['sourceX'];
+	export let sourceY: $$Props['sourceY'];
+	export let sourcePosition: $$Props['sourcePosition'];
+	export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
+
+	export let targetX: $$Props['targetX'];
+	export let targetY: $$Props['targetY'];
+	export let targetPosition: $$Props['targetPosition'];
+	export let targetHandleId: $$Props['targetHandleId'] = undefined;
+
+	id;
+	source;
+	target;
+	animated;
+	selected;
+	data;
+	sourcePosition;
+	targetPosition;
+	sourceHandleId;
+	targetHandleId;
+</script>
+
+<BezierEdge
+	{sourceX}
+	{sourceY}
+	{sourcePosition}
+	{targetX}
+	{targetY}
+	{targetPosition}
+	{label}
+	{labelStyle}
+	{markerStart}
+	{markerEnd}
+	{style}
+	{interactionWidth}
+	pathOptions={{ curvature: 1 }}
+/>
diff --git a/packages/react/src/components/Edges/StraightEdge.tsx b/packages/react/src/components/Edges/StraightEdge.tsx
index a9a453df2..5a3c824d9 100644
--- a/packages/react/src/components/Edges/StraightEdge.tsx
+++ b/packages/react/src/components/Edges/StraightEdge.tsx
@@ -1,8 +1,8 @@
 import { memo } from 'react';
-import { type Optional, getStraightPath } from '@xyflow/system';
+import { getStraightPath } from '@xyflow/system';
 
 import BaseEdge from './BaseEdge';
-import type { EdgeProps } from '../../types';
+import type { StraightEdgeProps } from '../../types';
 
 function createStraightEdge(params: { isInternal: boolean }) {
   // eslint-disable-next-line react/display-name
@@ -23,7 +23,7 @@ function createStraightEdge(params: { isInternal: boolean }) {
       markerEnd,
       markerStart,
       interactionWidth,
-    }: Optional<EdgeProps, 'id' | 'source' | 'target'>) => {
+    }: StraightEdgeProps) => {
       const [path, labelX, labelY] = getStraightPath({ sourceX, sourceY, targetX, targetY });
 
       const _id = params.isInternal ? undefined : id;
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index 896c4605e..287c277d4 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -109,7 +109,7 @@ export type BaseEdgeProps = Pick<EdgeProps, 'style' | 'markerStart' | 'markerEnd
 
 export type EdgeComponentProps<T = any> = Optional<Omit<EdgeProps<T>, 'source' | 'target'>, 'id'>;
 
-export type StraightEdgeProps<T = any> = EdgeComponentProps<T>;
+export type StraightEdgeProps<T = any> = Omit<EdgeComponentProps<T>, 'sourcePosition' | 'targetPosition'>;
 
 export type SmoothStepEdgeProps<T = any> = EdgeComponentProps<T> & {
   pathOptions?: SmoothStepPathOptions;
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
new file mode 100644
index 000000000..9d32f4c7e
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/BezierEdge.svelte
@@ -0,0 +1,48 @@
+<script lang="ts">
+  import { getBezierPath } from '@xyflow/system';
+
+  import type { BezierEdgeProps } from '$lib/types';
+  import { BaseEdge } from '$lib/components/BaseEdge';
+
+  type $$Props = BezierEdgeProps;
+
+  export let id: $$Props['id'] = undefined;
+  export let label: $$Props['label'] = undefined;
+  export let labelStyle: $$Props['labelStyle'] = undefined;
+  export let style: $$Props['style'] = undefined;
+  export let markerStart: $$Props['markerStart'] = undefined;
+  export let markerEnd: $$Props['markerEnd'] = undefined;
+  export let pathOptions: $$Props['pathOptions'] = undefined;
+  export let interactionWidth: $$Props['interactionWidth'] = undefined;
+
+  export let sourceX: $$Props['sourceX'];
+  export let sourceY: $$Props['sourceY'];
+  export let sourcePosition: $$Props['sourcePosition'];
+
+  export let targetX: $$Props['targetX'];
+  export let targetY: $$Props['targetY'];
+  export let targetPosition: $$Props['targetPosition'];
+
+  $: [path, labelX, labelY] = getBezierPath({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition,
+    targetPosition,
+    curvature: pathOptions?.curvature
+  });
+</script>
+
+<BaseEdge
+  {id}
+  {path}
+  {labelX}
+  {labelY}
+  {label}
+  {labelStyle}
+  {markerStart}
+  {markerEnd}
+  {interactionWidth}
+  {style}
+/>
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge/BaseBezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdge/BaseBezierEdge.svelte
deleted file mode 100644
index 749a50964..000000000
--- a/packages/svelte/src/lib/components/edges/BezierEdge/BaseBezierEdge.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts">
-  import { getBezierPath } from '@xyflow/system';
-
-  import type { BezierEdgeProps } from '$lib/types';
-  import { BaseEdge } from '$lib/components/BaseEdge';
-
-  type $$Props = BezierEdgeProps & { internal?: boolean };
-
-  $: [path, labelX, labelY] = getBezierPath({
-    sourceX: $$props.sourceX,
-    sourceY: $$props.sourceY,
-    targetX: $$props.targetX,
-    targetY: $$props.targetY,
-    sourcePosition: $$props.sourcePosition,
-    targetPosition: $$props.targetPosition,
-    curvature: $$props.pathOptions?.curvature
-  });
-
-  $: id = $$props.internal ? undefined : $$props.id;
-</script>
-
-<BaseEdge
-  {path}
-  {labelX}
-  {labelY}
-  {id}
-  label={$$props.label}
-  labelStyle={$$props.labelStyle}
-  markerStart={$$props.markerStart}
-  markerEnd={$$props.markerEnd}
-  interactionWidth={$$props.interactionWidth}
-  style={$$props.style}
-/>
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge/BezierEdge.svelte b/packages/svelte/src/lib/components/edges/BezierEdge/BezierEdge.svelte
deleted file mode 100644
index 9f93e7df0..000000000
--- a/packages/svelte/src/lib/components/edges/BezierEdge/BezierEdge.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-  import BaseBezierEdge from './BaseBezierEdge.svelte';
-  import type { BezierEdgeProps } from '$lib/types';
-
-  type $$Props = BezierEdgeProps;
-
-  $: props = $$props as $$Props;
-</script>
-
-<BaseBezierEdge {...props} />
diff --git a/packages/svelte/src/lib/components/edges/BezierEdge/BezierEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/BezierEdge/BezierEdgeInternal.svelte
deleted file mode 100644
index 75d168f46..000000000
--- a/packages/svelte/src/lib/components/edges/BezierEdge/BezierEdgeInternal.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-  import BaseBezierEdge from './BaseBezierEdge.svelte';
-  import type { EdgeProps } from '$lib/types';
-
-  type $$Props = EdgeProps;
-
-  $: props = $$props as $$Props;
-</script>
-
-<BaseBezierEdge {...props} internal />
diff --git a/packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte
new file mode 100644
index 000000000..9431a05d3
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+  import { getBezierPath } from '@xyflow/system';
+
+  import type { EdgeProps } from '$lib/types';
+  import { BaseEdge } from '$lib/components/BaseEdge';
+
+  type $$Props = EdgeProps;
+
+  // these props are not used in this edge, but passed to every custom edge component
+  export let id: $$Props['id'] = '';
+  export let source: $$Props['source'] = '';
+  export let target: $$Props['target'] = '';
+  export let animated: $$Props['animated'] = undefined;
+  export let selected: $$Props['selected'] = undefined;
+  export let label: $$Props['label'] = undefined;
+  export let labelStyle: $$Props['labelStyle'] = undefined;
+  export let data: $$Props['data'] = undefined;
+  export let style: $$Props['style'] = undefined;
+  export let markerStart: $$Props['markerStart'] = undefined;
+  export let markerEnd: $$Props['markerEnd'] = undefined;
+  export let interactionWidth: $$Props['interactionWidth'] = undefined;
+
+  export let sourceX: $$Props['sourceX'];
+  export let sourceY: $$Props['sourceY'];
+  export let sourcePosition: $$Props['sourcePosition'];
+  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
+
+  export let targetX: $$Props['targetX'];
+  export let targetY: $$Props['targetY'];
+  export let targetPosition: $$Props['targetPosition'];
+  export let targetHandleId: $$Props['targetHandleId'] = undefined;
+
+  $: [path, labelX, labelY] = getBezierPath({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition,
+    targetPosition
+  });
+
+  // hopefully with Svelte5, we don't need this kind of workaround anymore
+  id;
+  source;
+  target;
+  animated;
+  selected;
+  data;
+  sourceHandleId;
+  targetHandleId;
+</script>
+
+<BaseEdge
+  {path}
+  {labelX}
+  {labelY}
+  {label}
+  {labelStyle}
+  {markerStart}
+  {markerEnd}
+  {interactionWidth}
+  {style}
+/>
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
new file mode 100644
index 000000000..3e27368f0
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte
@@ -0,0 +1,49 @@
+<script lang="ts">
+  import { getSmoothStepPath } from '@xyflow/system';
+
+  import type { SmoothStepEdgeProps } from '$lib/types';
+  import { BaseEdge } from '$lib/components/BaseEdge';
+
+  type $$Props = SmoothStepEdgeProps;
+
+  export let id: $$Props['id'] = undefined;
+  export let label: $$Props['label'] = undefined;
+  export let labelStyle: $$Props['labelStyle'] = undefined;
+  export let style: $$Props['style'] = undefined;
+  export let markerStart: $$Props['markerStart'] = undefined;
+  export let markerEnd: $$Props['markerEnd'] = undefined;
+  export let pathOptions: $$Props['pathOptions'] = undefined;
+  export let interactionWidth: $$Props['interactionWidth'] = undefined;
+
+  export let sourceX: $$Props['sourceX'];
+  export let sourceY: $$Props['sourceY'];
+  export let sourcePosition: $$Props['sourcePosition'];
+
+  export let targetX: $$Props['targetX'];
+  export let targetY: $$Props['targetY'];
+  export let targetPosition: $$Props['targetPosition'];
+
+  $: [path, labelX, labelY] = getSmoothStepPath({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition,
+    targetPosition,
+    borderRadius: pathOptions?.borderRadius,
+    offset: pathOptions?.offset
+  });
+</script>
+
+<BaseEdge
+  {id}
+  {path}
+  {labelX}
+  {labelY}
+  {label}
+  {labelStyle}
+  {markerStart}
+  {markerEnd}
+  {interactionWidth}
+  {style}
+/>
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge/BaseSmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge/BaseSmoothStepEdge.svelte
deleted file mode 100644
index 5ec4dd892..000000000
--- a/packages/svelte/src/lib/components/edges/SmoothStepEdge/BaseSmoothStepEdge.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts">
-  import { getSmoothStepPath } from '@xyflow/system';
-
-  import type { SmoothStepEdgeProps } from '$lib/types';
-  import { BaseEdge } from '$lib/components/BaseEdge';
-
-  type $$Props = SmoothStepEdgeProps & { internal?: boolean };
-
-  $: [path, labelX, labelY] = getSmoothStepPath({
-    sourceX: $$props.sourceX,
-    sourceY: $$props.sourceY,
-    targetX: $$props.targetX,
-    targetY: $$props.targetY,
-    sourcePosition: $$props.sourcePosition,
-    targetPosition: $$props.targetPosition,
-    borderRadius: $$props.pathOptions?.borderRadius,
-    offset: $$props.pathOptions?.offset
-  });
-
-  $: id = $$props.internal ? undefined : $$props.id;
-</script>
-
-<BaseEdge
-  {path}
-  {labelX}
-  {labelY}
-  {id}
-  label={$$props.label}
-  labelStyle={$$props.labelStyle}
-  markerStart={$$props.markerStart}
-  markerEnd={$$props.markerEnd}
-  interactionWidth={$$props.interactionWidth}
-  style={$$props.style}
-/>
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge/SmoothStepEdge.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge/SmoothStepEdge.svelte
deleted file mode 100644
index 1cac5d1c3..000000000
--- a/packages/svelte/src/lib/components/edges/SmoothStepEdge/SmoothStepEdge.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-  import BaseSmoothStepEdge from './BaseSmoothStepEdge.svelte';
-  import type { SmoothStepEdgeProps } from '$lib/types';
-
-  type $$Props = SmoothStepEdgeProps;
-
-  $: props = $$props as $$Props;
-</script>
-
-<BaseSmoothStepEdge {...props} />
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdge/SmoothStepEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdge/SmoothStepEdgeInternal.svelte
deleted file mode 100644
index 803247c27..000000000
--- a/packages/svelte/src/lib/components/edges/SmoothStepEdge/SmoothStepEdgeInternal.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-  import BaseSmoothStepEdge from './BaseSmoothStepEdge.svelte';
-  import type { EdgeProps } from '$lib/types';
-
-  type $$Props = EdgeProps;
-
-  $: props = $$props as $$Props;
-</script>
-
-<BaseSmoothStepEdge {...props} internal />
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte
new file mode 100644
index 000000000..28e87269c
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+  import { getSmoothStepPath } from '@xyflow/system';
+
+  import type { EdgeProps } from '$lib/types';
+  import { BaseEdge } from '$lib/components/BaseEdge';
+
+  type $$Props = EdgeProps;
+
+  // these props are not used in this edge, but passed to every custom edge component
+  export let id: $$Props['id'] = '';
+  export let source: $$Props['source'] = '';
+  export let target: $$Props['target'] = '';
+
+  export let animated: $$Props['animated'] = undefined;
+  export let selected: $$Props['selected'] = undefined;
+  export let label: $$Props['label'] = undefined;
+  export let labelStyle: $$Props['labelStyle'] = undefined;
+  export let data: $$Props['data'] = undefined;
+  export let style: $$Props['style'] = undefined;
+  export let markerStart: $$Props['markerStart'] = undefined;
+  export let markerEnd: $$Props['markerEnd'] = undefined;
+  export let interactionWidth: $$Props['interactionWidth'] = undefined;
+
+  export let sourceX: $$Props['sourceX'];
+  export let sourceY: $$Props['sourceY'];
+  export let sourcePosition: $$Props['sourcePosition'];
+  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
+
+  export let targetX: $$Props['targetX'];
+  export let targetY: $$Props['targetY'];
+  export let targetPosition: $$Props['targetPosition'];
+  export let targetHandleId: $$Props['targetHandleId'] = undefined;
+
+  $: [path, labelX, labelY] = getSmoothStepPath({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition,
+    targetPosition
+  });
+
+  id;
+  source;
+  target;
+  animated;
+  selected;
+  data;
+  sourceHandleId;
+  targetHandleId;
+</script>
+
+<BaseEdge
+  {path}
+  {labelX}
+  {labelY}
+  {label}
+  {labelStyle}
+  {markerStart}
+  {markerEnd}
+  {interactionWidth}
+  {style}
+/>
diff --git a/packages/svelte/src/lib/components/edges/StepEdge.svelte b/packages/svelte/src/lib/components/edges/StepEdge.svelte
new file mode 100644
index 000000000..5ca6dc005
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/StepEdge.svelte
@@ -0,0 +1,49 @@
+<script lang="ts">
+  import { getSmoothStepPath } from '@xyflow/system';
+
+  import type { StepEdgeProps } from '$lib/types';
+  import { BaseEdge } from '$lib/components/BaseEdge';
+
+  type $$Props = StepEdgeProps;
+
+  export let id: $$Props['id'] = undefined;
+  export let label: $$Props['label'] = undefined;
+  export let labelStyle: $$Props['labelStyle'] = undefined;
+  export let style: $$Props['style'] = undefined;
+  export let markerStart: $$Props['markerStart'] = undefined;
+  export let markerEnd: $$Props['markerEnd'] = undefined;
+  export let pathOptions: $$Props['pathOptions'] = undefined;
+  export let interactionWidth: $$Props['interactionWidth'] = undefined;
+
+  export let sourceX: $$Props['sourceX'];
+  export let sourceY: $$Props['sourceY'];
+  export let sourcePosition: $$Props['sourcePosition'];
+
+  export let targetX: $$Props['targetX'];
+  export let targetY: $$Props['targetY'];
+  export let targetPosition: $$Props['targetPosition'];
+
+  $: [path, labelX, labelY] = getSmoothStepPath({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition,
+    targetPosition,
+    borderRadius: 0,
+    offset: pathOptions?.offset
+  });
+</script>
+
+<BaseEdge
+  {id}
+  {path}
+  {labelX}
+  {labelY}
+  {label}
+  {labelStyle}
+  {markerStart}
+  {markerEnd}
+  {interactionWidth}
+  {style}
+/>
diff --git a/packages/svelte/src/lib/components/edges/StepEdge/BaseStepEdge.svelte b/packages/svelte/src/lib/components/edges/StepEdge/BaseStepEdge.svelte
deleted file mode 100644
index 4099e7d53..000000000
--- a/packages/svelte/src/lib/components/edges/StepEdge/BaseStepEdge.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts">
-  import { getSmoothStepPath } from '@xyflow/system';
-
-  import type { StepEdgeProps } from '$lib/types';
-  import { BaseEdge } from '$lib/components/BaseEdge';
-
-  type $$Props = StepEdgeProps & { internal?: boolean };
-
-  $: [path, labelX, labelY] = getSmoothStepPath({
-    sourceX: $$props.sourceX,
-    sourceY: $$props.sourceY,
-    targetX: $$props.targetX,
-    targetY: $$props.targetY,
-    sourcePosition: $$props.sourcePosition,
-    targetPosition: $$props.targetPosition,
-    borderRadius: 0,
-    offset: $$props.pathOptions?.offset
-  });
-
-  $: id = $$props.internal ? undefined : $$props.id;
-</script>
-
-<BaseEdge
-  {path}
-  {labelX}
-  {labelY}
-  {id}
-  label={$$props.label}
-  labelStyle={$$props.labelStyle}
-  markerStart={$$props.markerStart}
-  markerEnd={$$props.markerEnd}
-  interactionWidth={$$props.interactionWidth}
-  style={$$props.style}
-/>
diff --git a/packages/svelte/src/lib/components/edges/StepEdge/StepEdge.svelte b/packages/svelte/src/lib/components/edges/StepEdge/StepEdge.svelte
deleted file mode 100644
index 49522e95e..000000000
--- a/packages/svelte/src/lib/components/edges/StepEdge/StepEdge.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-  import BaseStepEdge from './BaseStepEdge.svelte';
-  import type { StepEdgeProps } from '$lib/types';
-
-  type $$Props = StepEdgeProps;
-
-  $: props = $$props as $$Props;
-</script>
-
-<BaseStepEdge {...props} />
diff --git a/packages/svelte/src/lib/components/edges/StepEdge/StepEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/StepEdge/StepEdgeInternal.svelte
deleted file mode 100644
index 21109992e..000000000
--- a/packages/svelte/src/lib/components/edges/StepEdge/StepEdgeInternal.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-  import BaseStepEdge from './BaseStepEdge.svelte';
-  import type { EdgeProps } from '$lib/types';
-
-  type $$Props = EdgeProps;
-
-  $: props = $$props as $$Props;
-</script>
-
-<BaseStepEdge {...props} internal />
diff --git a/packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte
new file mode 100644
index 000000000..248e5912e
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte
@@ -0,0 +1,64 @@
+<script lang="ts">
+  import { getSmoothStepPath } from '@xyflow/system';
+
+  import type { EdgeProps } from '$lib/types';
+  import { BaseEdge } from '$lib/components/BaseEdge';
+
+  type $$Props = EdgeProps;
+
+  // these props are not used in this edge, but passed to every custom edge component
+  export let id: $$Props['id'] = '';
+  export let source: $$Props['source'] = '';
+  export let target: $$Props['target'] = '';
+
+  export let animated: $$Props['animated'] = undefined;
+  export let selected: $$Props['selected'] = undefined;
+  export let label: $$Props['label'] = undefined;
+  export let data: $$Props['data'] = undefined;
+  export let labelStyle: $$Props['labelStyle'] = undefined;
+  export let style: $$Props['style'] = undefined;
+  export let markerStart: $$Props['markerStart'] = undefined;
+  export let markerEnd: $$Props['markerEnd'] = undefined;
+  export let interactionWidth: $$Props['interactionWidth'] = undefined;
+
+  export let sourceX: $$Props['sourceX'];
+  export let sourceY: $$Props['sourceY'];
+  export let sourcePosition: $$Props['sourcePosition'];
+  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
+
+  export let targetX: $$Props['targetX'];
+  export let targetY: $$Props['targetY'];
+  export let targetPosition: $$Props['targetPosition'];
+  export let targetHandleId: $$Props['targetHandleId'] = undefined;
+
+  $: [path, labelX, labelY] = getSmoothStepPath({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition,
+    targetPosition,
+    borderRadius: 0
+  });
+
+  id;
+  source;
+  target;
+  animated;
+  selected;
+  data;
+  sourceHandleId;
+  targetHandleId;
+</script>
+
+<BaseEdge
+  {path}
+  {labelX}
+  {labelY}
+  {label}
+  {labelStyle}
+  {markerStart}
+  {markerEnd}
+  {interactionWidth}
+  {style}
+/>
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
new file mode 100644
index 000000000..c868752f1
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/StraightEdge.svelte
@@ -0,0 +1,42 @@
+<script lang="ts">
+  import { getStraightPath } from '@xyflow/system';
+
+  import type { StraightEdgeProps } from '$lib/types';
+  import { BaseEdge } from '$lib/components/BaseEdge';
+
+  type $$Props = StraightEdgeProps;
+
+  export let id: $$Props['id'] = undefined;
+  export let label: $$Props['label'] = undefined;
+  export let labelStyle: $$Props['labelStyle'] = undefined;
+  export let style: $$Props['style'] = undefined;
+  export let markerStart: $$Props['markerStart'] = undefined;
+  export let markerEnd: $$Props['markerEnd'] = undefined;
+  export let interactionWidth: $$Props['interactionWidth'] = undefined;
+
+  export let sourceX: $$Props['sourceX'];
+  export let sourceY: $$Props['sourceY'];
+
+  export let targetX: $$Props['targetX'];
+  export let targetY: $$Props['targetY'];
+
+  $: [path, labelX, labelY] = getStraightPath({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY
+  });
+</script>
+
+<BaseEdge
+  {id}
+  {path}
+  {labelX}
+  {labelY}
+  {label}
+  {labelStyle}
+  {markerStart}
+  {markerEnd}
+  {interactionWidth}
+  {style}
+/>
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge/BaseStraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdge/BaseStraightEdge.svelte
deleted file mode 100644
index 5db480ca0..000000000
--- a/packages/svelte/src/lib/components/edges/StraightEdge/BaseStraightEdge.svelte
+++ /dev/null
@@ -1,30 +0,0 @@
-<script lang="ts">
-  import { getStraightPath } from '@xyflow/system';
-
-  import type { SmoothStepEdgeProps } from '$lib/types';
-  import { BaseEdge } from '$lib/components/BaseEdge';
-
-  type $$Props = SmoothStepEdgeProps & { internal?: boolean };
-
-  $: [path, labelX, labelY] = getStraightPath({
-    sourceX: $$props.sourceX,
-    sourceY: $$props.sourceY,
-    targetX: $$props.targetX,
-    targetY: $$props.targetY
-  });
-
-  $: id = $$props.internal ? undefined : $$props.id;
-</script>
-
-<BaseEdge
-  {path}
-  {labelX}
-  {labelY}
-  {id}
-  label={$$props.label}
-  labelStyle={$$props.labelStyle}
-  markerStart={$$props.markerStart}
-  markerEnd={$$props.markerEnd}
-  interactionWidth={$$props.interactionWidth}
-  style={$$props.style}
-/>
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge/StraightEdge.svelte b/packages/svelte/src/lib/components/edges/StraightEdge/StraightEdge.svelte
deleted file mode 100644
index d7153544a..000000000
--- a/packages/svelte/src/lib/components/edges/StraightEdge/StraightEdge.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-  import BaseStraighEdge from './BaseStraightEdge.svelte';
-  import type { StraightEdgeProps } from '$lib/types';
-
-  type $$Props = StraightEdgeProps;
-
-  $: props = $$props as $$Props;
-</script>
-
-<BaseStraighEdge {...props} />
diff --git a/packages/svelte/src/lib/components/edges/StraightEdge/StraightEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/StraightEdge/StraightEdgeInternal.svelte
deleted file mode 100644
index bad893b25..000000000
--- a/packages/svelte/src/lib/components/edges/StraightEdge/StraightEdgeInternal.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-  import BaseStraighEdge from './BaseStraightEdge.svelte';
-  import type { EdgeProps } from '$lib/types';
-
-  type $$Props = EdgeProps;
-
-  $: props = $$props as $$Props;
-</script>
-
-<BaseStraighEdge {...props} internal />
diff --git a/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte
new file mode 100644
index 000000000..0d436d52a
--- /dev/null
+++ b/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+  import { getStraightPath } from '@xyflow/system';
+
+  import type { EdgeProps } from '$lib/types';
+  import { BaseEdge } from '$lib/components/BaseEdge';
+
+  type $$Props = EdgeProps;
+
+  // these props are not used in this edge, but passed to every custom edge component
+  export let id: $$Props['id'] = '';
+  export let source: $$Props['source'] = '';
+  export let target: $$Props['target'] = '';
+
+  export let animated: $$Props['animated'] = undefined;
+  export let selected: $$Props['selected'] = undefined;
+  export let label: $$Props['label'] = undefined;
+  export let labelStyle: $$Props['labelStyle'] = undefined;
+  export let data: $$Props['data'] = undefined;
+  export let style: $$Props['style'] = undefined;
+  export let markerStart: $$Props['markerStart'] = undefined;
+  export let markerEnd: $$Props['markerEnd'] = undefined;
+  export let interactionWidth: $$Props['interactionWidth'] = undefined;
+
+  export let sourceX: $$Props['sourceX'];
+  export let sourceY: $$Props['sourceY'];
+  export let sourcePosition: $$Props['sourcePosition'];
+  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
+
+  export let targetX: $$Props['targetX'];
+  export let targetY: $$Props['targetY'];
+  export let targetPosition: $$Props['targetPosition'];
+  export let targetHandleId: $$Props['targetHandleId'] = undefined;
+
+  $: [path, labelX, labelY] = getStraightPath({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY
+  });
+
+  id;
+  source;
+  target;
+  animated;
+  selected;
+  data;
+  sourcePosition;
+  targetPosition;
+  sourceHandleId;
+  targetHandleId;
+</script>
+
+<BaseEdge
+  {path}
+  {labelX}
+  {labelY}
+  {label}
+  {labelStyle}
+  {markerStart}
+  {markerEnd}
+  {interactionWidth}
+  {style}
+/>
diff --git a/packages/svelte/src/lib/components/edges/index.ts b/packages/svelte/src/lib/components/edges/index.ts
index 19f1f129f..4be513639 100644
--- a/packages/svelte/src/lib/components/edges/index.ts
+++ b/packages/svelte/src/lib/components/edges/index.ts
@@ -2,14 +2,16 @@
 // The internal edges are used directly like custom edges and always get an id, source and target props
 // If you import an edge from the library, the id is optional and source and target are not used at all
 
-export { default as BezierEdge } from './BezierEdge/BezierEdge.svelte';
-export { default as BezierEdgeInternal } from './BezierEdge/BezierEdgeInternal.svelte';
+// @todo: how can we prevent this duplication in ...Edge/ ...EdgeInternal?
+// both are quite similar, it's just about 1-2 props that are different
+export { default as BezierEdge } from './BezierEdge.svelte';
+export { default as BezierEdgeInternal } from './BezierEdgeInternal.svelte';
 
-export { default as SmoothStepEdge } from './SmoothStepEdge/BaseSmoothStepEdge.svelte';
-export { default as SmoothStepEdgeInternal } from './SmoothStepEdge/SmoothStepEdgeInternal.svelte';
+export { default as SmoothStepEdge } from './SmoothStepEdge.svelte';
+export { default as SmoothStepEdgeInternal } from './SmoothStepEdgeInternal.svelte';
 
-export { default as StraightEdge } from './StraightEdge/StraightEdge.svelte';
-export { default as StraightEdgeInternal } from './StraightEdge/StraightEdgeInternal.svelte';
+export { default as StraightEdge } from './StraightEdge.svelte';
+export { default as StraightEdgeInternal } from './StraightEdgeInternal.svelte';
 
-export { default as StepEdge } from './StepEdge/StepEdge.svelte';
-export { default as StepEdgeInternal } from './StepEdge/StepEdgeInternal.svelte';
+export { default as StepEdge } from './StepEdge.svelte';
+export { default as StepEdgeInternal } from './StepEdgeInternal.svelte';
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index d9e0885f1..a91074152 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -7,7 +7,7 @@ export * from '$lib/container/Panel';
 export * from '$lib/components/SvelteFlowProvider';
 export * from '$lib/components/EdgeLabelRenderer';
 export * from '$lib/components/BaseEdge';
-export * from '$lib/components/edges';
+export { BezierEdge, StepEdge, SmoothStepEdge, StraightEdge } from '$lib/components/edges';
 export * from '$lib/components/Handle';
 
 // plugins
@@ -29,7 +29,16 @@ export * from '$lib/hooks/useConnection';
 export * from '$lib/hooks/useNodesEdges';
 
 // types
-export type { Edge, EdgeProps, EdgeTypes, DefaultEdgeOptions } from '$lib/types/edges';
+export type {
+  Edge,
+  EdgeProps,
+  BezierEdgeProps,
+  SmoothStepEdgeProps,
+  StepEdgeProps,
+  StraightEdgeProps,
+  EdgeTypes,
+  DefaultEdgeOptions
+} from '$lib/types/edges';
 export type { HandleComponentProps, FitViewOptions } from '$lib/types/general';
 export type { Node, NodeTypes, DefaultNodeOptions } from '$lib/types/nodes';
 export type { SvelteFlowStore } from '$lib/store/types';
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 0a666ce72..3f1f0e8d2 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -40,7 +40,7 @@ export type Edge<T = any> =
   | BezierEdgeType<T>
   | StepEdgeType<T>;
 
-export type EdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandle'> &
+export type EdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandle' | 'type'> &
   EdgePosition & {
     markerStart?: string;
     markerEnd?: string;
@@ -48,7 +48,13 @@ export type EdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandle'>
     targetHandleId?: string | null;
   };
 
-export type EdgeComponentProps<T = any> = Optional<Omit<EdgeProps<T>, 'source' | 'target'>, 'id'>;
+export type EdgeComponentProps<T = any> = Optional<
+  Omit<
+    EdgeProps<T>,
+    'source' | 'target' | 'sourceHandleId' | 'targetHandleId' | 'animated' | 'selected' | 'data'
+  >,
+  'id'
+>;
 
 export type BezierEdgeProps<T = any> = EdgeComponentProps<T> & {
   pathOptions?: BezierPathOptions;
@@ -62,7 +68,10 @@ export type StepEdgeProps<T = any> = EdgeComponentProps<T> & {
   pathOptions?: StepPathOptions;
 };
 
-export type StraightEdgeProps<T = any> = EdgeComponentProps<T>;
+export type StraightEdgeProps<T = any> = Omit<
+  EdgeComponentProps<T>,
+  'sourcePosition' | 'targetPosition'
+>;
 
 export type EdgeTypes = Record<string, ComponentType<SvelteComponent<EdgeProps>>>;
 
diff --git a/packages/svelte/tsconfig.json b/packages/svelte/tsconfig.json
index 8fbe9e822..d9cfe5d69 100644
--- a/packages/svelte/tsconfig.json
+++ b/packages/svelte/tsconfig.json
@@ -8,7 +8,8 @@
     "resolveJsonModule": true,
     "skipLibCheck": true,
     "sourceMap": true,
-    "strict": true
+    "strict": true,
+    "noErrorTruncation": true
   }
 
   // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
diff --git a/tooling/tsconfig/react.json b/tooling/tsconfig/react.json
index e3cb98536..33c4fc1ff 100644
--- a/tooling/tsconfig/react.json
+++ b/tooling/tsconfig/react.json
@@ -6,6 +6,7 @@
     "lib": ["dom", "esnext"],
     "module": "esnext",
     "target": "esnext",
-    "outDir": "dist"
+    "outDir": "dist",
+    "noErrorTruncation": true
   }
 }

From b2a1ab06108cb6489dcfa697a8519cb63253132b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 30 Nov 2023 14:46:07 +0100
Subject: [PATCH 0389/1093] refactor(svelte): do not update nodes on pane click
 #3638

---
 packages/svelte/src/lib/store/index.ts | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index ec771416f..873d9b6f6 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -192,15 +192,20 @@ export function createStore({
   }
 
   function unselectNodesAndEdges(params?: { nodes?: Node[]; edges?: Edge[] }) {
-    const nodeIdsToUnselect = (params?.nodes ? params.nodes : get(store.nodes)).map(
-      (item) => item.id
-    );
-    const edgeIdsToUnselect = (params?.edges ? params.edges : get(store.edges)).map(
-      (item) => item.id
-    );
+    const selectedNodeIds = (params?.nodes ? params.nodes : get(store.nodes))
+      .filter((node) => node.selected)
+      .map((node) => node.id);
+    const selectedEdgeIds = (params?.edges ? params.edges : get(store.edges))
+      .filter((edge) => edge.selected)
+      .map((edge) => edge.id);
+
+    if (selectedNodeIds.length) {
+      store.nodes.update((ns) => ns.map(resetSelectedItem(selectedNodeIds)));
+    }
 
-    store.nodes.update((ns) => ns.map(resetSelectedItem(nodeIdsToUnselect)));
-    store.edges.update((es) => es.map(resetSelectedItem(edgeIdsToUnselect)));
+    if (selectedEdgeIds.length) {
+      store.edges.update((es) => es.map(resetSelectedItem(selectedEdgeIds)));
+    }
   }
 
   store.deleteKeyPressed.subscribe((deleteKeyPressed) => {

From 124df00f60762518fc0b390af1702e70f74c8494 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Fri, 1 Dec 2023 12:10:01 +0100
Subject: [PATCH 0390/1093] feat(react): connection lookup draft

---
 examples/react/src/App/routes.ts              |   6 +
 .../examples/CustomNode/ColorSelectorNode.tsx |   2 +-
 .../MultiHandleNode.tsx                       |  40 ++++++
 .../SingleHandleNode.tsx                      |  42 +++++++
 .../UseHandleConnectionStatus/index.tsx       | 118 ++++++++++++++++++
 .../src/hooks/useHandleConnectionStatus.ts    |  85 +++++++++++++
 packages/react/src/index.ts                   |   1 +
 packages/react/src/store/index.ts             |  10 +-
 packages/react/src/store/initialState.ts      |   4 +
 packages/react/src/store/utils.ts             |  24 ++++
 packages/react/src/types/store.ts             |   2 +
 11 files changed, 330 insertions(+), 4 deletions(-)
 create mode 100644 examples/react/src/examples/UseHandleConnectionStatus/MultiHandleNode.tsx
 create mode 100644 examples/react/src/examples/UseHandleConnectionStatus/SingleHandleNode.tsx
 create mode 100644 examples/react/src/examples/UseHandleConnectionStatus/index.tsx
 create mode 100644 packages/react/src/hooks/useHandleConnectionStatus.ts

diff --git a/examples/react/src/App/routes.ts b/examples/react/src/App/routes.ts
index 2665abfa6..18307c799 100644
--- a/examples/react/src/App/routes.ts
+++ b/examples/react/src/App/routes.ts
@@ -45,6 +45,7 @@ import InteractiveMinimap from '../examples/InteractiveMinimap';
 import UseOnSelectionChange from '../examples/UseOnSelectionChange';
 import NodeToolbar from '../examples/NodeToolbar';
 import useNodesInitialized from '../examples/UseNodesInit';
+import useHandleConnectionStatus from '../examples/UseHandleConnectionStatus';
 
 export interface IRoute {
   name: string;
@@ -273,6 +274,11 @@ const routes: IRoute[] = [
     path: 'usereactflow',
     component: UseReactFlow,
   },
+  {
+    name: 'useHandleConnectionStatus',
+    path: 'usehandleconnectionstatus',
+    component: useHandleConnectionStatus,
+  },
   {
     name: 'useUpdateNodeInternals',
     path: 'useupdatenodeinternals',
diff --git a/examples/react/src/examples/CustomNode/ColorSelectorNode.tsx b/examples/react/src/examples/CustomNode/ColorSelectorNode.tsx
index aebc8e0e7..6857e1ace 100644
--- a/examples/react/src/examples/CustomNode/ColorSelectorNode.tsx
+++ b/examples/react/src/examples/CustomNode/ColorSelectorNode.tsx
@@ -1,4 +1,4 @@
-import React, { memo, FC, CSSProperties, useCallback } from 'react';
+import React, { memo, FC, CSSProperties, useCallback, useEffect } from 'react';
 import { Handle, Position, NodeProps, Connection, Edge, useOnViewportChange, Viewport } from '@xyflow/react';
 
 const targetHandleStyle: CSSProperties = { background: '#555' };
diff --git a/examples/react/src/examples/UseHandleConnectionStatus/MultiHandleNode.tsx b/examples/react/src/examples/UseHandleConnectionStatus/MultiHandleNode.tsx
new file mode 100644
index 000000000..f8a311434
--- /dev/null
+++ b/examples/react/src/examples/UseHandleConnectionStatus/MultiHandleNode.tsx
@@ -0,0 +1,40 @@
+import { memo, FC, useEffect, useCallback } from 'react';
+import { Handle, Position, NodeProps, useHandleConnectionStatus, Connection } from '@xyflow/react';
+import { HandleComponentProps } from '@xyflow/react/dist/esm/components/Handle';
+
+function CustomHandle({ nodeId, ...handleProps }: HandleComponentProps & { nodeId: string }) {
+  const onConnect = useCallback(
+    (connections: Connection[]) => console.log('onConnect handler, node id:', nodeId, connections),
+    [nodeId]
+  );
+
+  const onDisconnect = useCallback(
+    (connections: Connection[]) => console.log('onDisconnect handler, node id:', nodeId, connections),
+    [nodeId]
+  );
+  const status = useHandleConnectionStatus({
+    handleType: handleProps.type,
+    handleId: handleProps.id,
+    onConnect,
+    onDisconnect,
+  });
+
+  useEffect(() => {
+    console.log('useEffect, node id:', nodeId, handleProps.type, status);
+  }, [status]);
+
+  return <Handle {...handleProps} />;
+}
+
+const CustomNode: FC<NodeProps> = ({ id }) => {
+  return (
+    <div style={{ background: '#333', color: '#fff', padding: 10, fontSize: 12, borderRadius: 10 }}>
+      <CustomHandle nodeId={id} type="target" position={Position.Left} />
+      <div>node {id}</div>
+      <CustomHandle nodeId={id} type="source" position={Position.Right} id="a" style={{ top: 10 }} />
+      <CustomHandle nodeId={id} type="source" position={Position.Right} id="b" style={{ top: 20 }} />
+    </div>
+  );
+};
+
+export default memo(CustomNode);
diff --git a/examples/react/src/examples/UseHandleConnectionStatus/SingleHandleNode.tsx b/examples/react/src/examples/UseHandleConnectionStatus/SingleHandleNode.tsx
new file mode 100644
index 000000000..85d4f9e15
--- /dev/null
+++ b/examples/react/src/examples/UseHandleConnectionStatus/SingleHandleNode.tsx
@@ -0,0 +1,42 @@
+import { memo, FC, useEffect, useCallback } from 'react';
+import { Handle, Position, NodeProps, useHandleConnectionStatus, Connection } from '@xyflow/react';
+import { HandleComponentProps } from '@xyflow/react/dist/esm/components/Handle';
+
+function CustomHandle({ nodeId, ...handleProps }: HandleComponentProps & { nodeId: string }) {
+  const onConnect = useCallback(
+    (connections: Connection[]) => {
+      console.log('onConnect handler, node id:', nodeId, connections);
+    },
+    [nodeId]
+  );
+  const onDisconnect = useCallback(
+    (connections: Connection[]) => {
+      console.log('onDisconnect handler, node id:', nodeId, connections);
+    },
+    [nodeId]
+  );
+  const status = useHandleConnectionStatus({
+    handleType: handleProps.type,
+    handleId: handleProps.id,
+    onConnect,
+    onDisconnect,
+  });
+
+  useEffect(() => {
+    //  console.log('useEffect, node id:', nodeId, handleProps.type, status);
+  }, [status]);
+
+  return <Handle {...handleProps} />;
+}
+
+const CustomNode: FC<NodeProps> = ({ id }) => {
+  return (
+    <div style={{ background: '#333', color: '#fff', padding: 10, fontSize: 12, borderRadius: 10 }}>
+      <CustomHandle nodeId={id} type="target" position={Position.Left} />
+      <div>node {id}</div>
+      <CustomHandle nodeId={id} type="source" position={Position.Right} />
+    </div>
+  );
+};
+
+export default memo(CustomNode);
diff --git a/examples/react/src/examples/UseHandleConnectionStatus/index.tsx b/examples/react/src/examples/UseHandleConnectionStatus/index.tsx
new file mode 100644
index 000000000..c6aa4a684
--- /dev/null
+++ b/examples/react/src/examples/UseHandleConnectionStatus/index.tsx
@@ -0,0 +1,118 @@
+import { useCallback } from 'react';
+import {
+  ReactFlow,
+  MiniMap,
+  Controls,
+  addEdge,
+  Connection,
+  useNodesState,
+  useEdgesState,
+  Background,
+} from '@xyflow/react';
+
+import MultiHandleNode from './MultiHandleNode';
+import SingleHandleNode from './SingleHandleNode';
+
+const nodeTypes = {
+  multi: MultiHandleNode,
+  single: SingleHandleNode,
+};
+
+const initNodes = [
+  {
+    id: '1',
+    type: 'single',
+    data: {},
+    position: { x: 0, y: 0 },
+  },
+  {
+    id: '2',
+    type: 'single',
+    data: {},
+    position: { x: 200, y: -100 },
+  },
+  {
+    id: '3',
+    type: 'single',
+    data: {},
+    position: { x: 200, y: 100 },
+  },
+
+  {
+    id: '4',
+    type: 'multi',
+    data: {},
+    position: { x: 400, y: 0 },
+  },
+  {
+    id: '5',
+    type: 'multi',
+    data: {},
+    position: { x: 600, y: -100 },
+  },
+  {
+    id: '6',
+    type: 'multi',
+    data: {},
+    position: { x: 600, y: 100 },
+  },
+];
+
+const initEdges = [
+  {
+    id: 'e1-2',
+    source: '1',
+    target: '2',
+  },
+  {
+    id: 'e1-3',
+    source: '1',
+    target: '3',
+  },
+
+  {
+    id: 'e4a-5',
+    source: '4',
+    sourceHandle: 'a',
+    target: '5',
+  },
+  {
+    id: 'e4b-5',
+    source: '4',
+    sourceHandle: 'b',
+    target: '6',
+  },
+];
+
+const defaultEdgeOptions = {
+  animated: true,
+};
+
+const CustomNodeFlow = () => {
+  const [nodes, setNodes, onNodesChange] = useNodesState(initNodes);
+  const [edges, setEdges, onEdgesChange] = useEdgesState(initEdges);
+
+  const onConnect = useCallback((connection: Connection) => setEdges((eds) => addEdge(connection, eds)), [setEdges]);
+
+  return (
+    <ReactFlow
+      nodes={nodes}
+      edges={edges}
+      onNodesChange={onNodesChange}
+      onEdgesChange={onEdgesChange}
+      onConnect={onConnect}
+      nodeTypes={nodeTypes}
+      fitView
+      minZoom={0.3}
+      maxZoom={2}
+      colorMode="dark"
+      defaultEdgeOptions={defaultEdgeOptions}
+    >
+      <MiniMap />
+      <Controls />
+      <Background />
+    </ReactFlow>
+  );
+};
+
+export default CustomNodeFlow;
diff --git a/packages/react/src/hooks/useHandleConnectionStatus.ts b/packages/react/src/hooks/useHandleConnectionStatus.ts
new file mode 100644
index 000000000..062d5d93b
--- /dev/null
+++ b/packages/react/src/hooks/useHandleConnectionStatus.ts
@@ -0,0 +1,85 @@
+import { useEffect, useMemo, useRef } from 'react';
+import { Connection, HandleType } from '@xyflow/system';
+
+import { useStore } from './useStore';
+import { useNodeId } from '../contexts/NodeIdContext';
+
+type useHandleConnectionStatusParams = {
+  handleType: HandleType;
+  nodeId?: string;
+  handleId?: string | null;
+  onConnect?: (connections: Connection[]) => void;
+  onDisconnect?: (connections: Connection[]) => void;
+};
+
+function connectionsEqual(a: Connection[] | null, b: Connection[] | null) {
+  if (!a && !b) {
+    return true;
+  }
+
+  if (!a || !b) {
+    return false;
+  }
+
+  if (a.length !== b.length) {
+    return false;
+  }
+
+  return a.every((connA) =>
+    b.find(
+      (connB) =>
+        connA.source === connB.source &&
+        connA.target === connB.target &&
+        connA.sourceHandle === connB.sourceHandle &&
+        connA.targetHandle === connB.targetHandle
+    )
+  );
+}
+
+export function useHandleConnectionStatus({
+  handleType,
+  nodeId,
+  handleId = null,
+  onConnect,
+  onDisconnect,
+}: useHandleConnectionStatusParams): {
+  connected: boolean;
+  connections: Connection[] | null;
+} {
+  const _nodeId = useNodeId();
+  const prevConnections = useRef<Connection[] | null>(null);
+  const currentNodeId = nodeId || _nodeId;
+
+  const connections = useStore(
+    (state) => state.connectionLookup.get(`${currentNodeId}-${handleType}-${handleId}`) || null,
+    connectionsEqual
+  );
+
+  useEffect(() => {
+    // we don't want to trigger the handlers for the initial render
+    if (prevConnections.current && prevConnections.current !== connections) {
+      if (prevConnections.current?.length > (connections?.length ?? 0)) {
+        const disconnect = prevConnections.current.filter(
+          (prevConnection) => !connections?.find((connection) => connection.source === prevConnection.source)
+        );
+        onDisconnect?.(disconnect);
+      } else if (connections?.length) {
+        const connect = connections.filter(
+          (connection) =>
+            !prevConnections.current?.find((prevConnection) => prevConnection.source === connection.source)
+        );
+        onConnect?.(connect);
+      }
+    }
+
+    prevConnections.current = connections ?? [];
+  }, [connections, onConnect, onDisconnect]);
+
+  return useMemo(
+    () => ({
+      connected: !!connections,
+      connections,
+    }),
+    [connections]
+  );
+}
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 2a693638c..d9013b7c6 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -22,6 +22,7 @@ export { useStore, useStoreApi } from './hooks/useStore';
 export { default as useOnViewportChange, type UseOnViewportChangeOptions } from './hooks/useOnViewportChange';
 export { default as useOnSelectionChange, type UseOnSelectionChangeOptions } from './hooks/useOnSelectionChange';
 export { default as useNodesInitialized, type UseNodesInitializedOptions } from './hooks/useNodesInitialized';
+export { useHandleConnectionStatus } from './hooks/useHandleConnectionStatus';
 export { useNodeId } from './contexts/NodeIdContext';
 
 export { applyNodeChanges, applyEdgeChanges, handleParentExpand } from './utils/changes';
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 0f50f3854..0237491a0 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -10,7 +10,7 @@ import {
 } from '@xyflow/system';
 
 import { applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
-import { updateNodesAndEdgesSelections } from './utils';
+import { updateConnectionLookup, updateNodesAndEdgesSelections } from './utils';
 import getInitialState from './initialState';
 import type {
   ReactFlowState,
@@ -49,8 +49,12 @@ const createRFStore = ({
         set({ nodes: nextNodes });
       },
       setEdges: (edges: Edge[]) => {
-        const { defaultEdgeOptions = {} } = get();
-        set({ edges: edges.map((e) => ({ ...defaultEdgeOptions, ...e })) });
+        const { defaultEdgeOptions = {}, connectionLookup } = get();
+        const nextEdges = edges.map((e) => ({ ...defaultEdgeOptions, ...e }));
+
+        updateConnectionLookup(connectionLookup, nextEdges);
+
+        set({ edges: nextEdges });
       },
       // when the user works with an uncontrolled flow,
       // we set a flag `hasDefaultNodes` / `hasDefaultEdges`
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 48e5434f3..1c843fe46 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -5,9 +5,11 @@ import {
   getNodesBounds,
   getViewportForBounds,
   Transform,
+  Connection,
 } from '@xyflow/system';
 
 import type { Edge, Node, ReactFlowStore } from '../types';
+import { updateConnectionLookup } from './utils';
 
 const getInitialState = ({
   nodes = [],
@@ -23,6 +25,7 @@ const getInitialState = ({
   fitView?: boolean;
 } = {}): ReactFlowStore => {
   const nodeLookup = new Map<string, Node>();
+  const connectionLookup = updateConnectionLookup(new Map<string, Connection[]>(), edges);
   const nextNodes = updateNodes(nodes, nodeLookup, { nodeOrigin: [0, 0], elevateNodesOnSelect: false });
 
   let transform: Transform = [0, 0, 1];
@@ -42,6 +45,7 @@ const getInitialState = ({
     nodes: nextNodes,
     nodeLookup,
     edges: edges,
+    connectionLookup,
     onNodesChange: null,
     onEdgesChange: null,
     hasDefaultNodes: false,
diff --git a/packages/react/src/store/utils.ts b/packages/react/src/store/utils.ts
index 86cddde7a..ac9e43fad 100644
--- a/packages/react/src/store/utils.ts
+++ b/packages/react/src/store/utils.ts
@@ -1,5 +1,6 @@
 import type { StoreApi } from 'zustand';
 import type { Edge, EdgeSelectionChange, Node, NodeSelectionChange, ReactFlowState } from '../types';
+import { Connection } from '@xyflow/system';
 
 export function handleControlledSelectionChange<NodeOrEdge extends Node | Edge>(
   changes: NodeSelectionChange[] | EdgeSelectionChange[],
@@ -42,3 +43,26 @@ export function updateNodesAndEdgesSelections({ changedNodes, changedEdges, get,
     onEdgesChange?.(changedEdges);
   }
 }
+
+export function updateConnectionLookup(lookup: Map<string, Connection[]>, edges: Edge[]) {
+  lookup.clear();
+
+  edges.forEach((edge) => {
+    const { source, target, sourceHandle = null, targetHandle = null } = edge;
+
+    if (source && target) {
+      const sourceKey = `${source}-source-${sourceHandle}`;
+      const targetKey = `${target}-target-${targetHandle}`;
+
+      const prevSource = lookup.get(sourceKey);
+      const prevTarget = lookup.get(targetKey);
+
+      const connection = { source, target, sourceHandle, targetHandle };
+
+      lookup.set(sourceKey, prevSource ? [...prevSource, connection] : [connection]);
+      lookup.set(targetKey, prevTarget ? [...prevTarget, connection] : [connection]);
+    }
+  });
+
+  return lookup;
+}
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index c473cbd56..3ee1175d8 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -24,6 +24,7 @@ import {
   type OnMoveEnd,
   type IsValidConnection,
   type UpdateConnection,
+  Connection,
 } from '@xyflow/system';
 
 import type {
@@ -49,6 +50,7 @@ export type ReactFlowStore = {
   nodes: Node[];
   nodeLookup: Map<string, Node>;
   edges: Edge[];
+  connectionLookup: Map<string, Connection[]>;
   onNodesChange: OnNodesChange | null;
   onEdgesChange: OnEdgesChange | null;
   hasDefaultNodes: boolean;

From b6743a3cf3112fa44d6e6ecf225b6ab93b3c4e4e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 4 Dec 2023 14:23:42 +0100
Subject: [PATCH 0391/1093] refactor(react/handle-connection-state): cleanup

---
 .../src/hooks/useHandleConnectionStatus.ts    | 54 ++++++-------------
 packages/react/src/store/index.ts             |  1 +
 packages/react/src/store/utils.ts             |  4 +-
 packages/react/src/types/store.ts             |  1 +
 packages/react/src/utils/general.ts           | 30 +++++++++++
 5 files changed, 50 insertions(+), 40 deletions(-)

diff --git a/packages/react/src/hooks/useHandleConnectionStatus.ts b/packages/react/src/hooks/useHandleConnectionStatus.ts
index 062d5d93b..42980ee70 100644
--- a/packages/react/src/hooks/useHandleConnectionStatus.ts
+++ b/packages/react/src/hooks/useHandleConnectionStatus.ts
@@ -3,6 +3,7 @@ import { Connection, HandleType } from '@xyflow/system';
 
 import { useStore } from './useStore';
 import { useNodeId } from '../contexts/NodeIdContext';
+import { areConnectionsEqual, isSameConnection } from '../utils/general';
 
 type useHandleConnectionStatusParams = {
   handleType: HandleType;
@@ -12,30 +13,6 @@ type useHandleConnectionStatusParams = {
   onDisconnect?: (connections: Connection[]) => void;
 };
 
-function connectionsEqual(a: Connection[] | null, b: Connection[] | null) {
-  if (!a && !b) {
-    return true;
-  }
-
-  if (!a || !b) {
-    return false;
-  }
-
-  if (a.length !== b.length) {
-    return false;
-  }
-
-  return a.every((connA) =>
-    b.find(
-      (connB) =>
-        connA.source === connB.source &&
-        connA.target === connB.target &&
-        connA.sourceHandle === connB.sourceHandle &&
-        connA.targetHandle === connB.targetHandle
-    )
-  );
-}
-
 export function useHandleConnectionStatus({
   handleType,
   nodeId,
@@ -52,23 +29,26 @@ export function useHandleConnectionStatus({
 
   const connections = useStore(
     (state) => state.connectionLookup.get(`${currentNodeId}-${handleType}-${handleId}`) || null,
-    connectionsEqual
+    areConnectionsEqual
   );
 
   useEffect(() => {
-    // we don't want to trigger the handlers for the initial render
+    // @todo dicuss if onConnect/onDisconnect should be called when the component mounts/unmounts
     if (prevConnections.current && prevConnections.current !== connections) {
-      if (prevConnections.current?.length > (connections?.length ?? 0)) {
-        const disconnect = prevConnections.current.filter(
-          (prevConnection) => !connections?.find((connection) => connection.source === prevConnection.source)
-        );
-        onDisconnect?.(disconnect);
-      } else if (connections?.length) {
-        const connect = connections.filter(
-          (connection) =>
-            !prevConnections.current?.find((prevConnection) => prevConnection.source === connection.source)
-        );
-        onConnect?.(connect);
+      const disconnectedConnections = prevConnections.current.filter(
+        (prevConnection) => !connections?.find((connection) => isSameConnection(connection, prevConnection))
+      );
+
+      const newConnections = connections?.filter(
+        (connection) => !prevConnections.current?.find((prevConnection) => isSameConnection(prevConnection, connection))
+      );
+
+      if (disconnectedConnections.length) {
+        onDisconnect?.(disconnectedConnections);
+      }
+
+      if (newConnections?.length) {
+        onConnect?.(newConnections);
       }
     }
 
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 0237491a0..0b308752b 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -330,6 +330,7 @@ const createRFStore = ({
 
         set(currentConnection);
       },
+
       reset: () => {
         // @todo: what should we do about this? Do we still need it?
         // if you are on a SPA with multiple flows, we want to make sure that the store gets resetted
diff --git a/packages/react/src/store/utils.ts b/packages/react/src/store/utils.ts
index ac9e43fad..2df777fda 100644
--- a/packages/react/src/store/utils.ts
+++ b/packages/react/src/store/utils.ts
@@ -47,9 +47,7 @@ export function updateNodesAndEdgesSelections({ changedNodes, changedEdges, get,
 export function updateConnectionLookup(lookup: Map<string, Connection[]>, edges: Edge[]) {
   lookup.clear();
 
-  edges.forEach((edge) => {
-    const { source, target, sourceHandle = null, targetHandle = null } = edge;
-
+  edges.forEach(({ source, target, sourceHandle = null, targetHandle = null }) => {
     if (source && target) {
       const sourceKey = `${source}-source-${sourceHandle}`;
       const targetKey = `${target}-target-${targetHandle}`;
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 3ee1175d8..d14a16402 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -51,6 +51,7 @@ export type ReactFlowStore = {
   nodeLookup: Map<string, Node>;
   edges: Edge[];
   connectionLookup: Map<string, Connection[]>;
+
   onNodesChange: OnNodesChange | null;
   onEdgesChange: OnEdgesChange | null;
   hasDefaultNodes: boolean;
diff --git a/packages/react/src/utils/general.ts b/packages/react/src/utils/general.ts
index e13247c19..018cd358e 100644
--- a/packages/react/src/utils/general.ts
+++ b/packages/react/src/utils/general.ts
@@ -6,6 +6,7 @@ import {
   getIncomersBase,
   updateEdgeBase,
   getConnectedEdgesBase,
+  Connection,
 } from '@xyflow/system';
 
 import type { Edge, Node } from '../types';
@@ -17,3 +18,32 @@ export const getIncomers = getIncomersBase<Node, Edge>;
 export const addEdge = addEdgeBase<Edge>;
 export const updateEdge = updateEdgeBase<Edge>;
 export const getConnectedEdges = getConnectedEdgesBase<Node, Edge>;
+
+export function isSameConnection(a: Connection, b: Connection) {
+  return (
+    a.source === b.source &&
+    a.target === b.target &&
+    a.sourceHandle === b.sourceHandle &&
+    a.targetHandle === b.targetHandle
+  );
+}
+
+export function areConnectionsEqual(a: Connection[] | null | undefined, b: Connection[] | null | undefined) {
+  if (!a && !b) {
+    return true;
+  }
+
+  if (!a || !b) {
+    return false;
+  }
+
+  if (a.length !== b.length) {
+    return false;
+  }
+
+  if (!a.length && !b.length) {
+    return true;
+  }
+
+  return !a.some((connA) => !b.find((connB) => isSameConnection(connA, connB)));
+}

From f5da8c6b75bdc302901ec99d25be60ade409ef65 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 4 Dec 2023 18:06:01 +0100
Subject: [PATCH 0392/1093] TSDoc for getViewportForBounds

---
 packages/system/src/utils/general.ts | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index 2db593224..7480a5e99 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -8,8 +8,8 @@ import type {
   NodeOrigin,
   SnapGrid,
   Transform,
-  Viewport,
 } from '../types';
+import { type Viewport } from '../types';
 import { getNodePositionWithOrigin } from './graph';
 
 export const clamp = (val: number, min = 0, max = 1): number => Math.min(Math.max(val, min), max);
@@ -155,6 +155,21 @@ export const rendererPointToPoint = ({ x, y }: XYPosition, [tx, ty, tScale]: Tra
   };
 };
 
+/**
+ * Returns a viewport that encloses the given bounds with optional padding.
+ * @remarks You can determine bounds eg. with {@link getNodesBounds} and {@link getBoundsOfRects}
+ * @param bounds - Bounds to fit inside viewport
+ * @param width - Width of the viewport
+ * @param height  - Height of the viewport
+ * @param minZoom - Minimum zoom level of the resulting viewport
+ * @param maxZoom - Maximum zoom level of the resulting viewport
+ * @param padding - Optional padding around the bounds
+ * @returns A {@link Viewport} that encloses the given bounds which you can pass to {@link setViewport}
+ * @example
+ * const { x, y, zoomn } = getViewportForBounds(
+  { x: 0, y: 0, width: 100, height: 100},
+  1200, 800, 0.5, 2);
+ */
 export const getViewportForBounds = (
   bounds: Rect,
   width: number,

From 4accceb202a0ecc30ea2f527342b95e2626a497f Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 5 Dec 2023 12:12:21 +0100
Subject: [PATCH 0393/1093] Added TSDocs for several public util functions &
 converted comments to TSDocs for internal functions

---
 .../system/src/utils/edges/bezier-edge.ts     | 11 ++++
 packages/system/src/utils/general.ts          | 21 +++++---
 packages/system/src/utils/graph.ts            | 50 +++++++++++++++++--
 3 files changed, 72 insertions(+), 10 deletions(-)

diff --git a/packages/system/src/utils/edges/bezier-edge.ts b/packages/system/src/utils/edges/bezier-edge.ts
index 810b07d7f..a8ecae312 100644
--- a/packages/system/src/utils/edges/bezier-edge.ts
+++ b/packages/system/src/utils/edges/bezier-edge.ts
@@ -69,6 +69,17 @@ function getControlWithCurvature({ pos, x1, y1, x2, y2, c }: GetControlWithCurva
   }
 }
 
+/**
+ * Get a bezier path from source to target handle
+ * @param params.sourceX - The x position of the source handle
+ * @param params.sourceY - The y position of the source handle
+ * @param params.sourcePosition - The position of the source handle
+ * @param params.targetX - The x position of the target handle
+ * @param params.targetY - The y position of the target handle
+ * @param params.targetPosition - The position of the target handle
+ * @param params.curvature - The curvature of the bezier edge
+ * @returns A path string you can use in an SVG, the labelX and labelY position (center of path) and offsetX, offsetY between source handle and label
+ */
 export function getBezierPath({
   sourceX,
   sourceY,
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index 7480a5e99..bc8f4dfee 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -19,8 +19,14 @@ export const clampPosition = (position: XYPosition = { x: 0, y: 0 }, extent: Coo
   y: clamp(position.y, extent[0][1], extent[1][1]),
 });
 
-// returns a number between 0 and 1 that represents the velocity of the movement
-// when the mouse is close to the edge of the canvas
+/**
+ * Calculates the velocity of panning when the mouse is close to the edge of the canvas
+ * @internal
+ * @param value - One dimensional poition of the mouse (x or y)
+ * @param min - Minimal position on canvas before panning starts
+ * @param max - Maximal position on canvas before panning starts
+ * @returns - A number between 0 and 1 that represents the velocity of panning
+ */
 const calcAutoPanVelocity = (value: number, min: number, max: number): number => {
   if (value < min) {
     return clamp(Math.abs(value - min), 1, 50) / 50;
@@ -127,12 +133,12 @@ export const getPositionWithOrigin = ({
   };
 };
 
-export function snapPosition(position: XYPosition, snapGrid: SnapGrid = [1, 1]): XYPosition {
+export const snapPosition = (position: XYPosition, snapGrid: SnapGrid = [1, 1]): XYPosition => {
   return {
     x: snapGrid[0] * Math.round(position.x / snapGrid[0]),
     y: snapGrid[1] * Math.round(position.y / snapGrid[1]),
   };
-}
+};
 
 export const pointToRendererPoint = (
   { x, y }: XYPosition,
@@ -157,16 +163,17 @@ export const rendererPointToPoint = ({ x, y }: XYPosition, [tx, ty, tScale]: Tra
 
 /**
  * Returns a viewport that encloses the given bounds with optional padding.
- * @remarks You can determine bounds eg. with {@link getNodesBounds} and {@link getBoundsOfRects}
+ * @public
+ * @remarks You can determine bounds of nodes with {@link getNodesBounds} and {@link getBoundsOfRects}
  * @param bounds - Bounds to fit inside viewport
  * @param width - Width of the viewport
  * @param height  - Height of the viewport
  * @param minZoom - Minimum zoom level of the resulting viewport
  * @param maxZoom - Maximum zoom level of the resulting viewport
  * @param padding - Optional padding around the bounds
- * @returns A {@link Viewport} that encloses the given bounds which you can pass to {@link setViewport}
+ * @returns A transforned {@link Viewport} that encloses the given bounds which you can pass to e.g. {@link setViewport}
  * @example
- * const { x, y, zoomn } = getViewportForBounds(
+ * const { x, y, zoom } = getViewportForBounds(
   { x: 0, y: 0, width: 100, height: 100},
   1200, 800, 0.5, 2);
  */
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 6a946a107..38d83dc22 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -26,14 +26,36 @@ import {
 } from '../types';
 import { errorMessages } from '../constants';
 
+/**
+ * Test whether an object is useable as an Edge
+ * @public
+ * @remarks In TypeScript this is a type guard that will narrow the type of whatever you pass in to Edge if it returns true
+ * @param element - The element to test
+ * @returns A boolean indicating whether the element is an Edge
+ */
 export const isEdgeBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
   element: NodeType | Connection | EdgeType
 ): element is EdgeType => 'id' in element && 'source' in element && 'target' in element;
 
+/**
+ * Test whether an object is useable as a Node
+ * @public
+ * @remarks In TypeScript this is a type guard that will narrow the type of whatever you pass in to Node if it returns true
+ * @param element - The element to test
+ * @returns A boolean indicating whether the element is an Node
+ */
 export const isNodeBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
   element: NodeType | Connection | EdgeType
 ): element is NodeType => 'id' in element && !('source' in element) && !('target' in element);
 
+/**
+ * Pass in a node, and get connected nodes where edge.source === node.id
+ * @public
+ * @param node - The node to get the connected nodes from
+ * @param nodes - The array of all nodes
+ * @param edges - The array of all edges
+ * @returns An array of nodes that are connected over eges where the source is the given node
+ */
 export const getOutgoersBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
   node: NodeType | { id: string },
   nodes: NodeType[],
@@ -53,6 +75,14 @@ export const getOutgoersBase = <NodeType extends NodeBase = NodeBase, EdgeType e
   return nodes.filter((n) => outgoerIds.has(n.id));
 };
 
+/**
+ * Pass in a node, and get connected nodes where edge.target === node.id
+ * @public
+ * @param node - The node to get the connected nodes from
+ * @param nodes - The array of all nodes
+ * @param edges - The array of all edges
+ * @returns An array of nodes that are connected over eges where the target is the given node
+ */
 export const getIncomersBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
   node: NodeType | { id: string },
   nodes: NodeType[],
@@ -105,6 +135,14 @@ export const getNodePositionWithOrigin = (
   };
 };
 
+/**
+ * Determines a bounding box that contains all given nodes in an array
+ * @public
+ * @remarks Useful when combined with {@link getViewportForBounds} to calculate the correct transform to fit the given nodes in a viewport.
+ * @param nodes - Nodes to calculate the bounds for
+ * @param nodeOrigin - Origin of the nodes: [0, 0] - top left, [0.5, 0.5] - center
+ * @returns Bounding box enclosing all nodes
+ */
 export const getNodesBounds = (nodes: NodeBase[], nodeOrigin: NodeOrigin = [0, 0]): Rect => {
   if (nodes.length === 0) {
     return { x: 0, y: 0, width: 0, height: 0 };
@@ -284,9 +322,15 @@ export function calcNextPosition<NodeType extends NodeBase>(
   };
 }
 
-// helper function to get arrays of nodes and edges that can be deleted
-// you can pass in a list of nodes and edges that should be deleted
-// and the function only returns elements that are deletable and also handles connected nodes and child nodes
+/**
+ * Pass in nodes & edges to delete, get arrays of nodes and edges that actually can be deleted
+ * @internal
+ * @param param.nodesToRemove - The nodes to remove
+ * @param param.edgesToRemove - The edges to remove
+ * @param param.nodes - All nodes
+ * @param param.edges - All edges
+ * @returns matchingNodes: nodes that can be deleted, matchingEdges: edges that can be deleted
+ */
 export function getElementsToRemove<NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>({
   nodesToRemove,
   edgesToRemove,

From b264c11c549db15587cac751812a51127894c396 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 5 Dec 2023 13:35:12 +0100
Subject: [PATCH 0394/1093] Added some more TSDocs for util functions

---
 packages/react/src/utils/general.ts           | 50 +++++++++++++++++++
 .../system/src/utils/edges/bezier-edge.ts     | 16 +++++-
 packages/system/src/utils/edges/general.ts    | 16 ++++++
 .../system/src/utils/edges/smoothstep-edge.ts | 22 ++++++++
 .../system/src/utils/edges/straight-edge.ts   | 20 ++++++++
 packages/system/src/utils/graph.ts            |  6 +++
 6 files changed, 128 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/utils/general.ts b/packages/react/src/utils/general.ts
index e13247c19..af5443cd4 100644
--- a/packages/react/src/utils/general.ts
+++ b/packages/react/src/utils/general.ts
@@ -10,10 +10,60 @@ import {
 
 import type { Edge, Node } from '../types';
 
+/**
+ * Test whether an object is useable as a Node
+ * @public
+ * @remarks In TypeScript this is a type guard that will narrow the type of whatever you pass in to Node if it returns true
+ * @param element - The element to test
+ * @returns A boolean indicating whether the element is an Node
+ */
 export const isNode = isNodeBase<Node, Edge>;
+
+/**
+ * Test whether an object is useable as an Edge
+ * @public
+ * @remarks In TypeScript this is a type guard that will narrow the type of whatever you pass in to Edge if it returns true
+ * @param element - The element to test
+ * @returns A boolean indicating whether the element is an Edge
+ */
 export const isEdge = isEdgeBase<Node, Edge>;
+
+/**
+ * Pass in a node, and get connected nodes where edge.source === node.id
+ * @public
+ * @param node - The node to get the connected nodes from
+ * @param nodes - The array of all nodes
+ * @param edges - The array of all edges
+ * @returns An array of nodes that are connected over eges where the source is the given node
+ */
 export const getOutgoers = getOutgoersBase<Node, Edge>;
+
+/**
+ * Pass in a node, and get connected nodes where edge.target === node.id
+ * @public
+ * @param node - The node to get the connected nodes from
+ * @param nodes - The array of all nodes
+ * @param edges - The array of all edges
+ * @returns An array of nodes that are connected over eges where the target is the given node
+ */
 export const getIncomers = getIncomersBase<Node, Edge>;
+
+/**
+ * This util is a convenience function to add a new Edge to an array of edges
+ * @remarks It also performs some validation to make sure you don't add an invalid edge or duplicate an existing one.
+ * @public
+ * @param edgeParams - Either an Edge or a Connection you want to add
+ * @param edges -  The array of all current edges
+ * @returns A new array of edges with the new edge added
+ */
 export const addEdge = addEdgeBase<Edge>;
+
 export const updateEdge = updateEdgeBase<Edge>;
+
+/**
+ * Get all connecting edges for a given set of nodes
+ * @param nodes - Nodes you want to get the connected edges for
+ * @param edges - All edges
+ * @returns Array of edges that connect any of the given nodes with each other
+ */
 export const getConnectedEdges = getConnectedEdgesBase<Node, Edge>;
diff --git a/packages/system/src/utils/edges/bezier-edge.ts b/packages/system/src/utils/edges/bezier-edge.ts
index a8ecae312..640deffa6 100644
--- a/packages/system/src/utils/edges/bezier-edge.ts
+++ b/packages/system/src/utils/edges/bezier-edge.ts
@@ -73,12 +73,24 @@ function getControlWithCurvature({ pos, x1, y1, x2, y2, c }: GetControlWithCurva
  * Get a bezier path from source to target handle
  * @param params.sourceX - The x position of the source handle
  * @param params.sourceY - The y position of the source handle
- * @param params.sourcePosition - The position of the source handle
+ * @param params.sourcePosition - The position of the source handle (default: Position.Bottom)
  * @param params.targetX - The x position of the target handle
  * @param params.targetY - The y position of the target handle
- * @param params.targetPosition - The position of the target handle
+ * @param params.targetPosition - The position of the target handle (default: Position.Top)
  * @param params.curvature - The curvature of the bezier edge
  * @returns A path string you can use in an SVG, the labelX and labelY position (center of path) and offsetX, offsetY between source handle and label
+ * @example
+ *  const source = { x: 0, y: 20 };
+    const target = { x: 150, y: 100 };
+    
+    const [path, labelX, labelY, offsetX, offsetY] = getBezierPath({
+      sourceX: source.x,
+      sourceY: source.y,
+      sourcePosition: Position.Right,
+      targetX: target.x,
+      targetY: target.y,
+      targetPosition: Position.Left,
+});
  */
 export function getBezierPath({
   sourceX,
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index 9ffd8e241..42baa0dc9 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -124,6 +124,14 @@ const connectionExists = (edge: EdgeBase, edges: EdgeBase[]) => {
   );
 };
 
+/**
+ * This util is a convenience function to add a new Edge to an array of edges
+ * @remarks It also performs some validation to make sure you don't add an invalid edge or duplicate an existing one.
+ * @public
+ * @param edgeParams - Either an Edge or a Connection you want to add
+ * @param edges -  The array of all current edges
+ * @returns A new array of edges with the new edge added
+ */
 export const addEdgeBase = <EdgeType extends EdgeBase>(
   edgeParams: EdgeType | Connection,
   edges: EdgeType[]
@@ -163,6 +171,14 @@ export type UpdateEdgeOptions = {
   shouldReplaceId?: boolean;
 };
 
+/**
+ * A handy utility to update an existing Edge with new properties
+ * @param oldEdge - The edge you want to update
+ * @param newConnection - The new Connection you want to update the edge with
+ * @param edges - The array of all current edges
+ * @param options.shouldReplaceId -
+ * @returns
+ */
 export const updateEdgeBase = <EdgeType extends EdgeBase>(
   oldEdge: EdgeType,
   newConnection: Connection,
diff --git a/packages/system/src/utils/edges/smoothstep-edge.ts b/packages/system/src/utils/edges/smoothstep-edge.ts
index ba3e95a98..409544574 100644
--- a/packages/system/src/utils/edges/smoothstep-edge.ts
+++ b/packages/system/src/utils/edges/smoothstep-edge.ts
@@ -190,6 +190,28 @@ function getBend(a: XYPosition, b: XYPosition, c: XYPosition, size: number): str
   return `L ${x},${y + bendSize * yDir}Q ${x},${y} ${x + bendSize * xDir},${y}`;
 }
 
+/**
+ * Get a smooth step path from source to target handle
+ * @param params.sourceX - The x position of the source handle
+ * @param params.sourceY - The y position of the source handle
+ * @param params.sourcePosition - The position of the source handle (default: Position.Bottom)
+ * @param params.targetX - The x position of the target handle
+ * @param params.targetY - The y position of the target handle
+ * @param params.targetPosition - The position of the target handle (default: Position.Top)
+ * @returns A path string you can use in an SVG, the labelX and labelY position (center of path) and offsetX, offsetY between source handle and label
+ * @example
+ *  const source = { x: 0, y: 20 };
+    const target = { x: 150, y: 100 };
+    
+    const [path, labelX, labelY, offsetX, offsetY] = getSmoothStepPath({
+      sourceX: source.x,
+      sourceY: source.y,
+      sourcePosition: Position.Right,
+      targetX: target.x,
+      targetY: target.y,
+      targetPosition: Position.Left,
+    });
+ */
 export function getSmoothStepPath({
   sourceX,
   sourceY,
diff --git a/packages/system/src/utils/edges/straight-edge.ts b/packages/system/src/utils/edges/straight-edge.ts
index 9cc6d9288..9940bfeaa 100644
--- a/packages/system/src/utils/edges/straight-edge.ts
+++ b/packages/system/src/utils/edges/straight-edge.ts
@@ -7,6 +7,26 @@ export type GetStraightPathParams = {
   targetY: number;
 };
 
+/**
+ * Get a straight path from source to target handle
+ * @param params.sourceX - The x position of the source handle
+ * @param params.sourceY - The y position of the source handle
+ * @param params.targetX - The x position of the target handle
+ * @param params.targetY - The y position of the target handle
+ * @returns A path string you can use in an SVG, the labelX and labelY position (center of path) and offsetX, offsetY between source handle and label
+ * @example
+ *  const source = { x: 0, y: 20 };
+    const target = { x: 150, y: 100 };
+    
+    const [path, labelX, labelY, offsetX, offsetY] = getStraightPath({
+      sourceX: source.x,
+      sourceY: source.y,
+      sourcePosition: Position.Right,
+      targetX: target.x,
+      targetY: target.y,
+      targetPosition: Position.Left,
+    });
+ */
 export function getStraightPath({
   sourceX,
   sourceY,
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 38d83dc22..4732ff0b5 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -208,6 +208,12 @@ export const getNodesInside = <NodeType extends NodeBase>(
   return visibleNodes;
 };
 
+/**
+ * Get all connecting edges for a given set of nodes
+ * @param nodes - Nodes you want to get the connected edges for
+ * @param edges - All edges
+ * @returns Array of edges that connect any of the given nodes with each other
+ */
 export const getConnectedEdgesBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
   nodes: NodeType[],
   edges: EdgeType[]

From 95dfd1d6deef2a3ac29d800e73baeab8d8ec7915 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 5 Dec 2023 13:46:59 +0100
Subject: [PATCH 0395/1093] Finished TSDocs for util functions in React

---
 packages/react/src/utils/general.ts        | 8 ++++++++
 packages/system/src/utils/edges/general.ts | 6 +++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/utils/general.ts b/packages/react/src/utils/general.ts
index af5443cd4..aa96ff92c 100644
--- a/packages/react/src/utils/general.ts
+++ b/packages/react/src/utils/general.ts
@@ -58,6 +58,14 @@ export const getIncomers = getIncomersBase<Node, Edge>;
  */
 export const addEdge = addEdgeBase<Edge>;
 
+/**
+ * A handy utility to update an existing Edge with new properties
+ * @param oldEdge - The edge you want to update
+ * @param newConnection - The new connection you want to update the edge with
+ * @param edges - The array of all current edges
+ * @param options.shouldReplaceId - should the id of the old edge be replaced with the new connection id
+ * @returns the updated edges array
+ */
 export const updateEdge = updateEdgeBase<Edge>;
 
 /**
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index 42baa0dc9..bfadb743b 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -174,10 +174,10 @@ export type UpdateEdgeOptions = {
 /**
  * A handy utility to update an existing Edge with new properties
  * @param oldEdge - The edge you want to update
- * @param newConnection - The new Connection you want to update the edge with
+ * @param newConnection - The new connection you want to update the edge with
  * @param edges - The array of all current edges
- * @param options.shouldReplaceId -
- * @returns
+ * @param options.shouldReplaceId - should the id of the old edge be replaced with the new connection id
+ * @returns the updated edges array
  */
 export const updateEdgeBase = <EdgeType extends EdgeBase>(
   oldEdge: EdgeType,

From 8ee3fb64ed805b405c7c6c9476f8ba8f3a4a76c8 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 5 Dec 2023 13:48:49 +0100
Subject: [PATCH 0396/1093] Added TSDoc for util functions in svelte

---
 packages/svelte/src/lib/utils/index.ts | 58 ++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)

diff --git a/packages/svelte/src/lib/utils/index.ts b/packages/svelte/src/lib/utils/index.ts
index 23b294484..a44f471dc 100644
--- a/packages/svelte/src/lib/utils/index.ts
+++ b/packages/svelte/src/lib/utils/index.ts
@@ -10,10 +10,68 @@ import {
 
 import type { Edge, Node } from '$lib/types';
 
+/**
+ * Test whether an object is useable as a Node
+ * @public
+ * @remarks In TypeScript this is a type guard that will narrow the type of whatever you pass in to Node if it returns true
+ * @param element - The element to test
+ * @returns A boolean indicating whether the element is an Node
+ */
 export const isNode = isNodeBase<Node, Edge>;
+
+/**
+ * Test whether an object is useable as an Edge
+ * @public
+ * @remarks In TypeScript this is a type guard that will narrow the type of whatever you pass in to Edge if it returns true
+ * @param element - The element to test
+ * @returns A boolean indicating whether the element is an Edge
+ */
 export const isEdge = isEdgeBase<Node, Edge>;
+
+/**
+ * Pass in a node, and get connected nodes where edge.source === node.id
+ * @public
+ * @param node - The node to get the connected nodes from
+ * @param nodes - The array of all nodes
+ * @param edges - The array of all edges
+ * @returns An array of nodes that are connected over eges where the source is the given node
+ */
 export const getOutgoers = getOutgoersBase<Node, Edge>;
+
+/**
+ * Pass in a node, and get connected nodes where edge.target === node.id
+ * @public
+ * @param node - The node to get the connected nodes from
+ * @param nodes - The array of all nodes
+ * @param edges - The array of all edges
+ * @returns An array of nodes that are connected over eges where the target is the given node
+ */
 export const getIncomers = getIncomersBase<Node, Edge>;
+
+/**
+ * This util is a convenience function to add a new Edge to an array of edges
+ * @remarks It also performs some validation to make sure you don't add an invalid edge or duplicate an existing one.
+ * @public
+ * @param edgeParams - Either an Edge or a Connection you want to add
+ * @param edges -  The array of all current edges
+ * @returns A new array of edges with the new edge added
+ */
 export const addEdge = addEdgeBase<Edge>;
+
+/**
+ * A handy utility to update an existing Edge with new properties
+ * @param oldEdge - The edge you want to update
+ * @param newConnection - The new connection you want to update the edge with
+ * @param edges - The array of all current edges
+ * @param options.shouldReplaceId - should the id of the old edge be replaced with the new connection id
+ * @returns the updated edges array
+ */
 export const updateEdge = updateEdgeBase<Edge>;
+
+/**
+ * Get all connecting edges for a given set of nodes
+ * @param nodes - Nodes you want to get the connected edges for
+ * @param edges - All edges
+ * @returns Array of edges that connect any of the given nodes with each other
+ */
 export const getConnectedEdges = getConnectedEdgesBase<Node, Edge>;

From 46815e546ae03dc4b6f644cecf961fbb93c6b2cd Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 5 Dec 2023 14:26:55 +0100
Subject: [PATCH 0397/1093] TSDocs for applyNodeChanges & applyEdgeChanges

---
 packages/react/src/utils/changes.ts | 40 +++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index c113ebe10..0cf87e6fd 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -139,10 +139,50 @@ function applyChanges(changes: any[], elements: any[]): any[] {
   }, initElements);
 }
 
+/**
+ * Drop in function that applies node changes to an array of nodes.
+ * @public
+ * @remarks Various events on the <ReactFlow /> component can produce an {@link NodeChange} that describes how to update the edges of your flow in some way.
+ If you don't need any custom behaviour, this util can be used to take an array of these changes and apply them to your edges.
+ * @param changes - Array of changes to apply
+ * @param nodes - Array of nodes to apply the changes to
+ * @returns Array of updated nodes
+ * @example
+ *  const onNodesChange = useCallback(
+      (changes) => {
+        setNodes((oldNodes) => applyNodeChanges(changes, oldNodes));
+      },
+      [setNodes],
+    );
+  
+    return (
+      <ReactFLow nodes={nodes} edges={edges} onNodesChange={onNodesChange} />
+    );
+ */
 export function applyNodeChanges<NodeData = any>(changes: NodeChange[], nodes: Node<NodeData>[]): Node<NodeData>[] {
   return applyChanges(changes, nodes) as Node<NodeData>[];
 }
 
+/**
+ * Drop in function that applies edge changes to an array of edges.
+ * @public
+ * @remarks Various events on the <ReactFlow /> component can produce an {@link EdgeChange} that describes how to update the edges of your flow in some way.
+ If you don't need any custom behaviour, this util can be used to take an array of these changes and apply them to your edges.
+ * @param changes - Array of changes to apply
+ * @param edges - Array of edge to apply the changes to
+ * @returns Array of updated edges
+ * @example
+ *  const onEdgesChange = useCallback(
+      (changes) => {
+        setEdges((oldEdges) => applyEdgeChanges(changes, oldEdges));
+      },
+      [setEdges],
+    );
+  
+    return (
+      <ReactFLow nodes={nodes} edges={edges} onEdgesChange={onEdgesChange} />
+    );
+ */
 export function applyEdgeChanges<EdgeData = any>(changes: EdgeChange[], edges: Edge<EdgeData>[]): Edge<EdgeData>[] {
   return applyChanges(changes, edges) as Edge<EdgeData>[];
 }

From ba8ee0272ac937709068e5b53135ff8d3717562b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 6 Dec 2023 15:56:17 +0100
Subject: [PATCH 0398/1093] refactor(types): cleanup edge types

---
 packages/react/src/types/component-props.ts |  3 +-
 packages/react/src/types/edges.ts           | 75 ++++++++++++---------
 packages/react/src/types/nodes.ts           | 69 +++++++++++--------
 packages/svelte/src/lib/types/edges.ts      | 49 ++++++++------
 packages/system/src/types/edges.ts          |  3 +-
 5 files changed, 117 insertions(+), 82 deletions(-)

diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index 770432f56..09f9a5826 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -20,6 +20,7 @@ import type {
   OnError,
   IsValidConnection,
   ColorMode,
+  SnapGrid,
 } from '@xyflow/system';
 
 import type {
@@ -110,7 +111,7 @@ export type ReactFlowProps = Omit<HTMLAttributes<HTMLDivElement>, 'onError'> & {
   multiSelectionKeyCode?: KeyCode | null;
   zoomActivationKeyCode?: KeyCode | null;
   snapToGrid?: boolean;
-  snapGrid?: [number, number];
+  snapGrid?: SnapGrid;
   onlyRenderVisibleElements?: boolean;
   nodesDraggable?: boolean;
   nodesConnectable?: boolean;
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index 287c277d4..fecd7c7b0 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -13,7 +13,6 @@ import type {
   HandleElement,
   ConnectionStatus,
   EdgePosition,
-  Optional,
   StepPathOptions,
 } from '@xyflow/system';
 
@@ -30,13 +29,13 @@ export type EdgeLabelOptions = {
 
 export type EdgeUpdatable = boolean | HandleType;
 
-export type DefaultEdge<EdgeData = any> = EdgeBase<EdgeData> & {
-  style?: CSSProperties;
-  className?: string;
-  sourceNode?: Node;
-  targetNode?: Node;
-  updatable?: EdgeUpdatable;
-} & EdgeLabelOptions;
+export type DefaultEdge<EdgeData = any> = EdgeBase<EdgeData> &
+  EdgeLabelOptions & {
+    style?: CSSProperties;
+    className?: string;
+    updatable?: EdgeUpdatable;
+    focusable?: boolean;
+  };
 
 type SmoothStepEdgeType<T> = DefaultEdge<T> & {
   type: 'smoothstep';
@@ -53,6 +52,9 @@ type StepEdgeType<T> = DefaultEdge<T> & {
   pathOptions?: StepPathOptions;
 };
 
+/**
+ * The Edge type is mainly used for the `edges` that get passed to the ReactFlow component.
+ */
 export type Edge<T = any> = DefaultEdge<T> | SmoothStepEdgeType<T> | BezierEdgeType<T> | StepEdgeType<T>;
 
 export type EdgeMouseHandler = (event: ReactMouseEvent, edge: Edge) => void;
@@ -85,45 +87,58 @@ export type EdgeTextProps = HTMLAttributes<SVGElement> &
     y: number;
   };
 
-// props that get passed to a custom edge
+/**
+ * Custom edge component props.
+ */
 export type EdgeProps<T = any> = Pick<
   Edge<T>,
   'id' | 'animated' | 'data' | 'style' | 'selected' | 'source' | 'target'
 > &
-  Pick<WrapEdgeProps, 'sourceHandleId' | 'targetHandleId' | 'interactionWidth'> &
   EdgePosition &
   EdgeLabelOptions & {
+    interactionWidth?: number;
+    sourceHandleId?: string | null;
+    targetHandleId?: string | null;
     markerStart?: string;
     markerEnd?: string;
     // @TODO: how can we get better types for pathOptions?
     pathOptions?: any;
   };
 
-export type BaseEdgeProps = Pick<EdgeProps, 'style' | 'markerStart' | 'markerEnd' | 'interactionWidth'> &
-  EdgeLabelOptions & {
-    id?: string;
-    labelX?: number;
-    labelY?: number;
-    path: string;
-  };
-
-export type EdgeComponentProps<T = any> = Optional<Omit<EdgeProps<T>, 'source' | 'target'>, 'id'>;
-
-export type StraightEdgeProps<T = any> = Omit<EdgeComponentProps<T>, 'sourcePosition' | 'targetPosition'>;
-
-export type SmoothStepEdgeProps<T = any> = EdgeComponentProps<T> & {
-  pathOptions?: SmoothStepPathOptions;
+/**
+ * BaseEdge component props.
+ */
+export type BaseEdgeProps = EdgeLabelOptions & {
+  id?: string;
+  interactionWidth?: number;
+  labelX?: number;
+  labelY?: number;
+  markerStart?: string;
+  markerEnd?: string;
+  path: string;
+  style?: CSSProperties;
 };
 
-export type BezierEdgeProps<T = any> = EdgeComponentProps<T> & {
-  pathOptions?: BezierPathOptions;
-};
+export type EdgeComponentProps = EdgePosition &
+  EdgeLabelOptions & {
+    id?: EdgeProps['id'];
+    markerStart?: EdgeProps['markerStart'];
+    markerEnd?: EdgeProps['markerEnd'];
+    interactionWidth?: EdgeProps['interactionWidth'];
+    style?: EdgeProps['style'];
+    sourceHandleId?: EdgeProps['sourceHandleId'];
+    targetHandleId?: EdgeProps['targetHandleId'];
+  };
 
-export type StepEdgeProps<T = any> = EdgeComponentProps<T> & {
-  pathOptions?: StepPathOptions;
+export type EdgeComponentWithPathOptions<PathOptions> = EdgeComponentProps & {
+  pathOptions?: PathOptions;
 };
 
-export type SimpleBezierEdgeProps<T = any> = EdgeComponentProps<T>;
+export type BezierEdgeProps = EdgeComponentWithPathOptions<BezierPathOptions>;
+export type SmoothStepEdgeProps = EdgeComponentWithPathOptions<SmoothStepPathOptions>;
+export type StepEdgeProps = EdgeComponentWithPathOptions<StepPathOptions>;
+export type StraightEdgeProps = Omit<EdgeComponentProps, 'sourcePosition' | 'targetPosition'>;
+export type SimpleBezierEdgeProps = EdgeComponentProps;
 
 export type OnEdgeUpdateFunc<T = any> = (oldEdge: Edge<T>, newConnection: Connection) => void;
 
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index 295486662..4d10b76b0 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -1,12 +1,25 @@
 import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
 import type { NodeBase, XYPosition } from '@xyflow/system';
 
+/**
+ * The node data structure that gets used for the nodes prop.
+ * @public
+ */
 export type Node<NodeData = any, NodeType extends string | undefined = string | undefined> = NodeBase<
   NodeData,
   NodeType
 > & {
+  /**
+   * Inline style object
+   */
   style?: CSSProperties;
+  /**
+   * Inline style object
+   */
   className?: string;
+  /**
+   * Inline style object
+   */
   resizing?: boolean;
 };
 
@@ -17,30 +30,32 @@ export type SelectionDragHandler = (event: ReactMouseEvent, nodes: Node[]) => vo
 export type WrapNodeProps<NodeData = any> = Pick<
   Node<NodeData>,
   'id' | 'data' | 'style' | 'className' | 'dragHandle' | 'sourcePosition' | 'targetPosition' | 'hidden' | 'ariaLabel'
-> &
-  Required<Pick<Node<NodeData>, 'selected' | 'type' | 'zIndex'>> & {
-    isConnectable: boolean;
-    xPos: number;
-    yPos: number;
-    xPosOrigin: number;
-    yPosOrigin: number;
-    positionAbsolute: XYPosition;
-    initialized: boolean;
-    isSelectable: boolean;
-    isDraggable: boolean;
-    isFocusable: boolean;
-    onClick?: NodeMouseHandler;
-    onDoubleClick?: NodeMouseHandler;
-    onMouseEnter?: NodeMouseHandler;
-    onMouseMove?: NodeMouseHandler;
-    onMouseLeave?: NodeMouseHandler;
-    onContextMenu?: NodeMouseHandler;
-    resizeObserver: ResizeObserver | null;
-    isParent: boolean;
-    noDragClassName: string;
-    noPanClassName: string;
-    rfId: string;
-    disableKeyboardA11y: boolean;
-    width?: number;
-    height?: number;
-  };
+> & {
+  type: string;
+  selected: boolean;
+  zIndex: number;
+  isConnectable: boolean;
+  xPos: number;
+  yPos: number;
+  xPosOrigin: number;
+  yPosOrigin: number;
+  positionAbsolute: XYPosition;
+  initialized: boolean;
+  isSelectable: boolean;
+  isDraggable: boolean;
+  isFocusable: boolean;
+  onClick?: NodeMouseHandler;
+  onDoubleClick?: NodeMouseHandler;
+  onMouseEnter?: NodeMouseHandler;
+  onMouseMove?: NodeMouseHandler;
+  onMouseLeave?: NodeMouseHandler;
+  onContextMenu?: NodeMouseHandler;
+  resizeObserver: ResizeObserver | null;
+  isParent: boolean;
+  noDragClassName: string;
+  noPanClassName: string;
+  rfId: string;
+  disableKeyboardA11y: boolean;
+  width?: number;
+  height?: number;
+};
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 3f1f0e8d2..c1d3778d1 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -6,13 +6,12 @@ import type {
   DefaultEdgeOptionsBase,
   EdgePosition,
   SmoothStepPathOptions,
-  Optional,
   StepPathOptions
 } from '@xyflow/system';
 
 import type { Node } from '$lib/types';
 
-export type DefaultEdge<EdgeData = any> = Omit<EdgeBase<EdgeData>, 'focusable'> & {
+export type DefaultEdge<EdgeData = any> = EdgeBase<EdgeData> & {
   label?: string;
   labelStyle?: string;
   style?: string;
@@ -34,12 +33,18 @@ type StepEdgeType<T> = DefaultEdge<T> & {
   pathOptions?: StepPathOptions;
 };
 
+/**
+ * The Edge type is mainly used for the `edges` that get passed to the SvelteFlow component.
+ */
 export type Edge<T = any> =
   | DefaultEdge<T>
   | SmoothStepEdgeType<T>
   | BezierEdgeType<T>
   | StepEdgeType<T>;
 
+/**
+ * Custom edge component props.
+ */
 export type EdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandle' | 'type'> &
   EdgePosition & {
     markerStart?: string;
@@ -48,30 +53,30 @@ export type EdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandle' |
     targetHandleId?: string | null;
   };
 
-export type EdgeComponentProps<T = any> = Optional<
-  Omit<
-    EdgeProps<T>,
-    'source' | 'target' | 'sourceHandleId' | 'targetHandleId' | 'animated' | 'selected' | 'data'
-  >,
-  'id'
->;
-
-export type BezierEdgeProps<T = any> = EdgeComponentProps<T> & {
-  pathOptions?: BezierPathOptions;
-};
-
-export type SmoothStepEdgeProps<T = any> = EdgeComponentProps<T> & {
-  pathOptions?: SmoothStepPathOptions;
+export type EdgeComponentProps = EdgePosition & {
+  id?: EdgeProps['id'];
+  hidden?: EdgeProps['hidden'];
+  deletable?: EdgeProps['deletable'];
+  selectable?: EdgeProps['selectable'];
+  markerStart?: EdgeProps['markerStart'];
+  markerEnd?: EdgeProps['markerEnd'];
+  zIndex?: EdgeProps['zIndex'];
+  ariaLabel?: EdgeProps['ariaLabel'];
+  interactionWidth?: EdgeProps['interactionWidth'];
+  label?: EdgeProps['label'];
+  labelStyle?: EdgeProps['labelStyle'];
+  style?: EdgeProps['style'];
+  class?: EdgeProps['class'];
 };
 
-export type StepEdgeProps<T = any> = EdgeComponentProps<T> & {
-  pathOptions?: StepPathOptions;
+export type EdgeComponentWithPathOptions<PathOptions> = EdgeComponentProps & {
+  pathOptions?: PathOptions;
 };
 
-export type StraightEdgeProps<T = any> = Omit<
-  EdgeComponentProps<T>,
-  'sourcePosition' | 'targetPosition'
->;
+export type BezierEdgeProps = EdgeComponentWithPathOptions<BezierPathOptions>;
+export type SmoothStepEdgeProps = EdgeComponentWithPathOptions<SmoothStepPathOptions>;
+export type StepEdgeProps = EdgeComponentWithPathOptions<StepPathOptions>;
+export type StraightEdgeProps = Omit<EdgeComponentProps, 'sourcePosition' | 'targetPosition'>;
 
 export type EdgeTypes = Record<string, ComponentType<SvelteComponent<EdgeProps>>>;
 
diff --git a/packages/system/src/types/edges.ts b/packages/system/src/types/edges.ts
index 65c8e6412..5455b57a6 100644
--- a/packages/system/src/types/edges.ts
+++ b/packages/system/src/types/edges.ts
@@ -19,7 +19,6 @@ export type EdgeBase<EdgeData = any> = {
   zIndex?: number;
   ariaLabel?: string;
   interactionWidth?: number;
-  focusable?: boolean;
 };
 
 export type SmoothStepPathOptions = {
@@ -37,7 +36,7 @@ export type BezierPathOptions = {
 
 export type DefaultEdgeOptionsBase<EdgeType extends EdgeBase> = Omit<
   EdgeType,
-  'id' | 'source' | 'target' | 'sourceHandle' | 'targetHandle' | 'sourceNode' | 'targetNode'
+  'id' | 'source' | 'target' | 'sourceHandle' | 'targetHandle'
 >;
 
 export enum ConnectionLineType {

From a58f9156971cfe1105eb69be86c7d16e83a28f86 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 6 Dec 2023 17:49:34 +0100
Subject: [PATCH 0399/1093] refactor(connectionlookup): use maps instead of
 arrays

---
 .../SingleHandleNode.tsx                      |  2 +-
 .../src/hooks/useHandleConnectionStatus.ts    | 90 ++++++++++++++-----
 packages/react/src/store/initialState.ts      |  2 +-
 packages/react/src/store/utils.ts             | 11 ++-
 packages/react/src/types/store.ts             |  2 +-
 packages/react/src/utils/general.ts           | 30 -------
 6 files changed, 76 insertions(+), 61 deletions(-)

diff --git a/examples/react/src/examples/UseHandleConnectionStatus/SingleHandleNode.tsx b/examples/react/src/examples/UseHandleConnectionStatus/SingleHandleNode.tsx
index 85d4f9e15..ebbe584c4 100644
--- a/examples/react/src/examples/UseHandleConnectionStatus/SingleHandleNode.tsx
+++ b/examples/react/src/examples/UseHandleConnectionStatus/SingleHandleNode.tsx
@@ -23,7 +23,7 @@ function CustomHandle({ nodeId, ...handleProps }: HandleComponentProps & { nodeI
   });
 
   useEffect(() => {
-    //  console.log('useEffect, node id:', nodeId, handleProps.type, status);
+    console.log('useEffect, node id:', nodeId, handleProps.type, status);
   }, [status]);
 
   return <Handle {...handleProps} />;
diff --git a/packages/react/src/hooks/useHandleConnectionStatus.ts b/packages/react/src/hooks/useHandleConnectionStatus.ts
index 42980ee70..470cc0773 100644
--- a/packages/react/src/hooks/useHandleConnectionStatus.ts
+++ b/packages/react/src/hooks/useHandleConnectionStatus.ts
@@ -3,7 +3,6 @@ import { Connection, HandleType } from '@xyflow/system';
 
 import { useStore } from './useStore';
 import { useNodeId } from '../contexts/NodeIdContext';
-import { areConnectionsEqual, isSameConnection } from '../utils/general';
 
 type useHandleConnectionStatusParams = {
   handleType: HandleType;
@@ -13,10 +12,69 @@ type useHandleConnectionStatusParams = {
   onDisconnect?: (connections: Connection[]) => void;
 };
 
+function areConnectionMapsEqual(a?: Map<string, Connection>, b?: Map<string, Connection>) {
+  if (!a && !b) {
+    return true;
+  }
+
+  if (!a || !b || a.size !== b.size) {
+    return false;
+  }
+
+  if (!a.size && !b.size) {
+    return true;
+  }
+
+  for (const key of a.keys()) {
+    if (!b.has(key)) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+/**
+ * We call the callback for all connections in a that are not in b
+ * @internal
+ */
+function handleConnectionChange(
+  a: Map<string, Connection>,
+  b: Map<string, Connection>,
+  cb?: (diff: Connection[]) => void
+) {
+  if (!cb) {
+    return;
+  }
+
+  const diff: Connection[] = [];
+
+  a.forEach((connection, key) => {
+    if (!b?.has(key)) {
+      diff.push(connection);
+    }
+  });
+
+  if (diff.length) {
+    cb(diff);
+  }
+}
+
+/**
+ *  Hook to check if a <Handle /> is connected to another <Handle /> and get the connections.
+ *
+ * @public
+ * @param param.handleType - 'source' or 'target'
+ * @param param.handleId - the handle id (this is only needed if the node has multiple handles of the same type)
+ * @param param.nodeId - node id - if not provided, the node id from the NodeIdContext is used
+ * @param param.onConnect - gets called when a connection is established
+ * @param param.onDisconnect - gets called when a connection is removed
+ * @returns a `connected` boolean and a connections array
+ */
 export function useHandleConnectionStatus({
   handleType,
-  nodeId,
   handleId = null,
+  nodeId,
   onConnect,
   onDisconnect,
 }: useHandleConnectionStatusParams): {
@@ -24,41 +82,29 @@ export function useHandleConnectionStatus({
   connections: Connection[] | null;
 } {
   const _nodeId = useNodeId();
-  const prevConnections = useRef<Connection[] | null>(null);
+  const prevConnections = useRef<Map<string, Connection> | null>(null);
   const currentNodeId = nodeId || _nodeId;
 
   const connections = useStore(
-    (state) => state.connectionLookup.get(`${currentNodeId}-${handleType}-${handleId}`) || null,
-    areConnectionsEqual
+    (state) => state.connectionLookup.get(`${currentNodeId}-${handleType}-${handleId}`),
+    areConnectionMapsEqual
   );
 
   useEffect(() => {
     // @todo dicuss if onConnect/onDisconnect should be called when the component mounts/unmounts
     if (prevConnections.current && prevConnections.current !== connections) {
-      const disconnectedConnections = prevConnections.current.filter(
-        (prevConnection) => !connections?.find((connection) => isSameConnection(connection, prevConnection))
-      );
-
-      const newConnections = connections?.filter(
-        (connection) => !prevConnections.current?.find((prevConnection) => isSameConnection(prevConnection, connection))
-      );
-
-      if (disconnectedConnections.length) {
-        onDisconnect?.(disconnectedConnections);
-      }
-
-      if (newConnections?.length) {
-        onConnect?.(newConnections);
-      }
+      const _connections = connections ?? new Map();
+      handleConnectionChange(prevConnections.current, _connections, onDisconnect);
+      handleConnectionChange(_connections, prevConnections.current, onConnect);
     }
 
-    prevConnections.current = connections ?? [];
+    prevConnections.current = connections ?? new Map();
   }, [connections, onConnect, onDisconnect]);
 
   return useMemo(
     () => ({
       connected: !!connections,
-      connections,
+      connections: Array.from(connections?.values() ?? []),
     }),
     [connections]
   );
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 1c843fe46..f167a9aa4 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -25,7 +25,7 @@ const getInitialState = ({
   fitView?: boolean;
 } = {}): ReactFlowStore => {
   const nodeLookup = new Map<string, Node>();
-  const connectionLookup = updateConnectionLookup(new Map<string, Connection[]>(), edges);
+  const connectionLookup = updateConnectionLookup(new Map<string, Map<string, Connection>>(), edges);
   const nextNodes = updateNodes(nodes, nodeLookup, { nodeOrigin: [0, 0], elevateNodesOnSelect: false });
 
   let transform: Transform = [0, 0, 1];
diff --git a/packages/react/src/store/utils.ts b/packages/react/src/store/utils.ts
index 2df777fda..7ad5ad434 100644
--- a/packages/react/src/store/utils.ts
+++ b/packages/react/src/store/utils.ts
@@ -44,7 +44,7 @@ export function updateNodesAndEdgesSelections({ changedNodes, changedEdges, get,
   }
 }
 
-export function updateConnectionLookup(lookup: Map<string, Connection[]>, edges: Edge[]) {
+export function updateConnectionLookup(lookup: Map<string, Map<string, Connection>>, edges: Edge[]) {
   lookup.clear();
 
   edges.forEach(({ source, target, sourceHandle = null, targetHandle = null }) => {
@@ -52,13 +52,12 @@ export function updateConnectionLookup(lookup: Map<string, Connection[]>, edges:
       const sourceKey = `${source}-source-${sourceHandle}`;
       const targetKey = `${target}-target-${targetHandle}`;
 
-      const prevSource = lookup.get(sourceKey);
-      const prevTarget = lookup.get(targetKey);
-
+      const prevSource = lookup.get(sourceKey) || new Map();
+      const prevTarget = lookup.get(targetKey) || new Map();
       const connection = { source, target, sourceHandle, targetHandle };
 
-      lookup.set(sourceKey, prevSource ? [...prevSource, connection] : [connection]);
-      lookup.set(targetKey, prevTarget ? [...prevTarget, connection] : [connection]);
+      lookup.set(sourceKey, prevSource.set(`${target}-${targetHandle}`, connection));
+      lookup.set(targetKey, prevTarget.set(`${source}-${sourceHandle}`, connection));
     }
   });
 
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index d14a16402..5aebb99dd 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -50,7 +50,7 @@ export type ReactFlowStore = {
   nodes: Node[];
   nodeLookup: Map<string, Node>;
   edges: Edge[];
-  connectionLookup: Map<string, Connection[]>;
+  connectionLookup: Map<string, Map<string, Connection>>;
 
   onNodesChange: OnNodesChange | null;
   onEdgesChange: OnEdgesChange | null;
diff --git a/packages/react/src/utils/general.ts b/packages/react/src/utils/general.ts
index 018cd358e..e13247c19 100644
--- a/packages/react/src/utils/general.ts
+++ b/packages/react/src/utils/general.ts
@@ -6,7 +6,6 @@ import {
   getIncomersBase,
   updateEdgeBase,
   getConnectedEdgesBase,
-  Connection,
 } from '@xyflow/system';
 
 import type { Edge, Node } from '../types';
@@ -18,32 +17,3 @@ export const getIncomers = getIncomersBase<Node, Edge>;
 export const addEdge = addEdgeBase<Edge>;
 export const updateEdge = updateEdgeBase<Edge>;
 export const getConnectedEdges = getConnectedEdgesBase<Node, Edge>;
-
-export function isSameConnection(a: Connection, b: Connection) {
-  return (
-    a.source === b.source &&
-    a.target === b.target &&
-    a.sourceHandle === b.sourceHandle &&
-    a.targetHandle === b.targetHandle
-  );
-}
-
-export function areConnectionsEqual(a: Connection[] | null | undefined, b: Connection[] | null | undefined) {
-  if (!a && !b) {
-    return true;
-  }
-
-  if (!a || !b) {
-    return false;
-  }
-
-  if (a.length !== b.length) {
-    return false;
-  }
-
-  if (!a.length && !b.length) {
-    return true;
-  }
-
-  return !a.some((connA) => !b.find((connB) => isSameConnection(connA, connB)));
-}

From 10f31e79e66419ce0280113caa50be5adb07de86 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 7 Dec 2023 12:24:03 +0100
Subject: [PATCH 0400/1093] refactor(types): use custom node type as generic

---
 .../additional-components/MiniMap/types.ts    | 16 ++---
 packages/react/src/hooks/useNodes.ts          |  4 +-
 .../react/src/hooks/useNodesEdgesState.ts     | 12 ++--
 packages/react/src/hooks/useReactFlow.ts      | 59 ++++++++--------
 packages/react/src/types/changes.ts           | 16 ++---
 packages/react/src/types/edges.ts             | 34 +++++++++-
 packages/react/src/types/general.ts           | 13 ++--
 packages/react/src/types/instance.ts          | 67 ++++++++++---------
 packages/react/src/types/nodes.ts             | 21 +++---
 packages/react/src/utils/changes.ts           |  8 +--
 packages/svelte/src/lib/types/edges.ts        | 18 +++++
 packages/svelte/src/lib/types/nodes.ts        |  8 +--
 12 files changed, 160 insertions(+), 116 deletions(-)

diff --git a/packages/react/src/additional-components/MiniMap/types.ts b/packages/react/src/additional-components/MiniMap/types.ts
index 5667f7a8f..3b24b08d3 100644
--- a/packages/react/src/additional-components/MiniMap/types.ts
+++ b/packages/react/src/additional-components/MiniMap/types.ts
@@ -4,12 +4,12 @@ import type { PanelPosition, XYPosition } from '@xyflow/system';
 
 import type { Node } from '../../types';
 
-export type GetMiniMapNodeAttribute<NodeData = any> = (node: Node<NodeData>) => string;
+export type GetMiniMapNodeAttribute<NodeType extends Node = Node> = (node: NodeType) => string;
 
-export type MiniMapProps<NodeData = any> = Omit<HTMLAttributes<SVGSVGElement>, 'onClick'> & {
-  nodeColor?: string | GetMiniMapNodeAttribute<NodeData>;
-  nodeStrokeColor?: string | GetMiniMapNodeAttribute<NodeData>;
-  nodeClassName?: string | GetMiniMapNodeAttribute<NodeData>;
+export type MiniMapProps<NodeType extends Node = Node> = Omit<HTMLAttributes<SVGSVGElement>, 'onClick'> & {
+  nodeColor?: string | GetMiniMapNodeAttribute<NodeType>;
+  nodeStrokeColor?: string | GetMiniMapNodeAttribute<NodeType>;
+  nodeClassName?: string | GetMiniMapNodeAttribute<NodeType>;
   nodeBorderRadius?: number;
   nodeStrokeWidth?: number;
   nodeComponent?: ComponentType<MiniMapNodeProps>;
@@ -18,7 +18,7 @@ export type MiniMapProps<NodeData = any> = Omit<HTMLAttributes<SVGSVGElement>, '
   maskStrokeWidth?: number;
   position?: PanelPosition;
   onClick?: (event: MouseEvent, position: XYPosition) => void;
-  onNodeClick?: (event: MouseEvent, node: Node<NodeData>) => void;
+  onNodeClick?: (event: MouseEvent, node: NodeType) => void;
   pannable?: boolean;
   zoomable?: boolean;
   ariaLabel?: string | null;
@@ -27,8 +27,8 @@ export type MiniMapProps<NodeData = any> = Omit<HTMLAttributes<SVGSVGElement>, '
   offsetScale?: number;
 };
 
-export type MiniMapNodes = Pick<
-  MiniMapProps,
+export type MiniMapNodes<NodeType extends Node = Node> = Pick<
+  MiniMapProps<NodeType>,
   'nodeColor' | 'nodeStrokeColor' | 'nodeClassName' | 'nodeBorderRadius' | 'nodeStrokeWidth' | 'nodeComponent'
 > & {
   onClick?: (event: MouseEvent, nodeId: string) => void;
diff --git a/packages/react/src/hooks/useNodes.ts b/packages/react/src/hooks/useNodes.ts
index cc75f1429..1ccd1d85c 100644
--- a/packages/react/src/hooks/useNodes.ts
+++ b/packages/react/src/hooks/useNodes.ts
@@ -5,8 +5,8 @@ import type { Node, ReactFlowState } from '../types';
 
 const nodesSelector = (state: ReactFlowState) => state.nodes;
 
-function useNodes<NodeData>(): Node<NodeData>[] {
-  const nodes = useStore(nodesSelector, shallow);
+function useNodes<NodeType extends Node = Node>(): NodeType[] {
+  const nodes = useStore(nodesSelector, shallow) as NodeType[];
 
   return nodes;
 }
diff --git a/packages/react/src/hooks/useNodesEdgesState.ts b/packages/react/src/hooks/useNodesEdgesState.ts
index 19754aa4e..5255c7dd4 100644
--- a/packages/react/src/hooks/useNodesEdgesState.ts
+++ b/packages/react/src/hooks/useNodesEdgesState.ts
@@ -11,14 +11,14 @@ type OnChange<ChangesType> = (changes: ChangesType[]) => void;
 // const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
 function createUseItemsState(
   applyChanges: ApplyChanges<Node, NodeChange>
-): <NodeData = any>(
-  initialItems: Node<NodeData>[]
-) => [Node<NodeData>[], Dispatch<SetStateAction<Node<NodeData>[]>>, OnChange<NodeChange>];
+): <NodeType extends Node = Node>(
+  initialItems: NodeType[]
+) => [NodeType[], Dispatch<SetStateAction<NodeType[]>>, OnChange<NodeChange>];
 function createUseItemsState(
   applyChanges: ApplyChanges<Edge, EdgeChange>
-): <EdgeData = any>(
-  initialItems: Edge<EdgeData>[]
-) => [Edge<EdgeData>[], Dispatch<SetStateAction<Edge<EdgeData>[]>>, OnChange<EdgeChange>];
+): <EdgeType extends Edge = Edge>(
+  initialItems: EdgeType[]
+) => [EdgeType[], Dispatch<SetStateAction<EdgeType[]>>, OnChange<EdgeChange>];
 function createUseItemsState(
   applyChanges: ApplyChanges<any, any>
 ): (initialItems: any[]) => [any[], Dispatch<SetStateAction<any[]>>, OnChange<any>] {
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 44e29c14c..2875ca031 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -26,31 +26,34 @@ import type {
 } from '../types';
 
 /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlowInstance<NodeData, EdgeData> {
+export default function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(): ReactFlowInstance<
+  NodeType,
+  EdgeType
+> {
   const viewportHelper = useViewportHelper();
   const store = useStoreApi();
 
-  const getNodes = useCallback<Instance.GetNodes<NodeData>>(() => {
-    return store.getState().nodes.map((n) => ({ ...n }));
+  const getNodes = useCallback<Instance.GetNodes<NodeType>>(() => {
+    return store.getState().nodes.map((n) => ({ ...n })) as NodeType[];
   }, []);
 
-  const getNode = useCallback<Instance.GetNode<NodeData>>((id) => {
-    return store.getState().nodeLookup.get(id);
+  const getNode = useCallback<Instance.GetNode<NodeType>>((id) => {
+    return store.getState().nodeLookup.get(id) as NodeType;
   }, []);
 
-  const getEdges = useCallback<Instance.GetEdges<EdgeData>>(() => {
+  const getEdges = useCallback<Instance.GetEdges<EdgeType>>(() => {
     const { edges = [] } = store.getState();
-    return edges.map((e) => ({ ...e }));
+    return edges.map((e) => ({ ...e })) as EdgeType[];
   }, []);
 
-  const getEdge = useCallback<Instance.GetEdge<EdgeData>>((id) => {
+  const getEdge = useCallback<Instance.GetEdge<EdgeType>>((id) => {
     const { edges = [] } = store.getState();
-    return edges.find((e) => e.id === id);
+    return edges.find((e) => e.id === id) as EdgeType;
   }, []);
 
-  const setNodes = useCallback<Instance.SetNodes<NodeData>>((payload) => {
+  const setNodes = useCallback<Instance.SetNodes<NodeType>>((payload) => {
     const { nodes, setNodes, hasDefaultNodes, onNodesChange } = store.getState();
-    const nextNodes = typeof payload === 'function' ? payload(nodes) : payload;
+    const nextNodes = typeof payload === 'function' ? payload(nodes as NodeType[]) : payload;
 
     if (hasDefaultNodes) {
       setNodes(nextNodes);
@@ -58,14 +61,14 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
       const changes =
         nextNodes.length === 0
           ? nodes.map((node) => ({ type: 'remove', id: node.id } as NodeRemoveChange))
-          : nextNodes.map((node) => ({ item: node, type: 'reset' } as NodeResetChange<NodeData>));
+          : nextNodes.map((node) => ({ item: node, type: 'reset' } as NodeResetChange<NodeType>));
       onNodesChange(changes);
     }
   }, []);
 
-  const setEdges = useCallback<Instance.SetEdges<EdgeData>>((payload) => {
+  const setEdges = useCallback<Instance.SetEdges<EdgeType>>((payload) => {
     const { edges = [], setEdges, hasDefaultEdges, onEdgesChange } = store.getState();
-    const nextEdges = typeof payload === 'function' ? payload(edges) : payload;
+    const nextEdges = typeof payload === 'function' ? payload(edges as EdgeType[]) : payload;
 
     if (hasDefaultEdges) {
       setEdges(nextEdges);
@@ -73,12 +76,12 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
       const changes =
         nextEdges.length === 0
           ? edges.map((edge) => ({ type: 'remove', id: edge.id } as EdgeRemoveChange))
-          : nextEdges.map((edge) => ({ item: edge, type: 'reset' } as EdgeResetChange<EdgeData>));
+          : nextEdges.map((edge) => ({ item: edge, type: 'reset' } as EdgeResetChange<EdgeType>));
       onEdgesChange(changes);
     }
   }, []);
 
-  const addNodes = useCallback<Instance.AddNodes<NodeData>>((payload) => {
+  const addNodes = useCallback<Instance.AddNodes<NodeType>>((payload) => {
     const nodes = Array.isArray(payload) ? payload : [payload];
     const { nodes: currentNodes, hasDefaultNodes, onNodesChange, setNodes } = store.getState();
 
@@ -86,29 +89,29 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
       const nextNodes = [...currentNodes, ...nodes];
       setNodes(nextNodes);
     } else if (onNodesChange) {
-      const changes = nodes.map((node) => ({ item: node, type: 'add' } as NodeAddChange<NodeData>));
+      const changes = nodes.map((node) => ({ item: node, type: 'add' } as NodeAddChange<NodeType>));
       onNodesChange(changes);
     }
   }, []);
 
-  const addEdges = useCallback<Instance.AddEdges<EdgeData>>((payload) => {
+  const addEdges = useCallback<Instance.AddEdges<EdgeType>>((payload) => {
     const nextEdges = Array.isArray(payload) ? payload : [payload];
     const { edges = [], setEdges, hasDefaultEdges, onEdgesChange } = store.getState();
 
     if (hasDefaultEdges) {
       setEdges([...edges, ...nextEdges]);
     } else if (onEdgesChange) {
-      const changes = nextEdges.map((edge) => ({ item: edge, type: 'add' } as EdgeAddChange<EdgeData>));
+      const changes = nextEdges.map((edge) => ({ item: edge, type: 'add' } as EdgeAddChange<EdgeType>));
       onEdgesChange(changes);
     }
   }, []);
 
-  const toObject = useCallback<Instance.ToObject<NodeData, EdgeData>>(() => {
+  const toObject = useCallback<Instance.ToObject<NodeType, EdgeType>>(() => {
     const { nodes = [], edges = [], transform } = store.getState();
     const [x, y, zoom] = transform;
     return {
-      nodes: nodes.map((n) => ({ ...n })),
-      edges: edges.map((e) => ({ ...e })),
+      nodes: nodes.map((n) => ({ ...n })) as NodeType[],
+      edges: edges.map((e) => ({ ...e })) as EdgeType[],
       viewport: {
         x,
         y,
@@ -180,11 +183,9 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
   }, []);
 
   const getNodeRect = useCallback(
-    (
-      nodeOrRect: Node<NodeData> | { id: Node['id'] } | Rect
-    ): [Rect | null, Node<NodeData> | null | undefined, boolean] => {
+    (nodeOrRect: NodeType | { id: Node['id'] } | Rect): [Rect | null, NodeType | null | undefined, boolean] => {
       const isRect = isRectObject(nodeOrRect);
-      const node = isRect ? null : store.getState().nodeLookup.get(nodeOrRect.id);
+      const node = isRect ? null : (store.getState().nodeLookup.get(nodeOrRect.id) as NodeType);
 
       if (!isRect && !node) {
         [null, null, isRect];
@@ -197,7 +198,7 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
     []
   );
 
-  const getIntersectingNodes = useCallback<Instance.GetIntersectingNodes<NodeData>>(
+  const getIntersectingNodes = useCallback<Instance.GetIntersectingNodes<NodeType>>(
     (nodeOrRect, partially = true, nodes) => {
       const [nodeRect, node, isRect] = getNodeRect(nodeOrRect);
 
@@ -215,12 +216,12 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
         const partiallyVisible = partially && overlappingArea > 0;
 
         return partiallyVisible || overlappingArea >= nodeRect.width * nodeRect.height;
-      });
+      }) as NodeType[];
     },
     []
   );
 
-  const isNodeIntersecting = useCallback<Instance.IsNodeIntersecting<NodeData>>(
+  const isNodeIntersecting = useCallback<Instance.IsNodeIntersecting<NodeType>>(
     (nodeOrRect, area, partially = true) => {
       const [nodeRect] = getNodeRect(nodeOrRect);
 
diff --git a/packages/react/src/types/changes.ts b/packages/react/src/types/changes.ts
index 69ee0f1fa..440a4c6b1 100644
--- a/packages/react/src/types/changes.ts
+++ b/packages/react/src/types/changes.ts
@@ -30,13 +30,13 @@ export type NodeRemoveChange = {
   type: 'remove';
 };
 
-export type NodeAddChange<NodeData = any> = {
-  item: Node<NodeData>;
+export type NodeAddChange<NodeType extends Node = Node> = {
+  item: NodeType;
   type: 'add';
 };
 
-export type NodeResetChange<NodeData = any> = {
-  item: Node<NodeData>;
+export type NodeResetChange<NodeType extends Node = Node> = {
+  item: NodeType;
   type: 'reset';
 };
 
@@ -50,12 +50,12 @@ export type NodeChange =
 
 export type EdgeSelectionChange = NodeSelectionChange;
 export type EdgeRemoveChange = NodeRemoveChange;
-export type EdgeAddChange<EdgeData = any> = {
-  item: Edge<EdgeData>;
+export type EdgeAddChange<EdgeType extends Edge = Edge> = {
+  item: EdgeType;
   type: 'add';
 };
-export type EdgeResetChange<EdgeData = any> = {
-  item: Edge<EdgeData>;
+export type EdgeResetChange<EdgeType extends Edge = Edge> = {
+  item: EdgeType;
   type: 'reset';
 };
 export type EdgeChange = EdgeSelectionChange | EdgeRemoveChange | EdgeAddChange | EdgeResetChange;
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index fecd7c7b0..836087fc3 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -1,6 +1,13 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
-import type { CSSProperties, HTMLAttributes, ReactNode, MouseEvent as ReactMouseEvent, ComponentType } from 'react';
+import type {
+  CSSProperties,
+  HTMLAttributes,
+  ReactNode,
+  MouseEvent as ReactMouseEvent,
+  ComponentType,
+  MemoExoticComponent,
+} from 'react';
 import type {
   EdgeBase,
   BezierPathOptions,
@@ -119,6 +126,9 @@ export type BaseEdgeProps = EdgeLabelOptions & {
   style?: CSSProperties;
 };
 
+/**
+ * Helper type for edge components that get exported by the library.
+ */
 export type EdgeComponentProps = EdgePosition &
   EdgeLabelOptions & {
     id?: EdgeProps['id'];
@@ -134,10 +144,29 @@ export type EdgeComponentWithPathOptions<PathOptions> = EdgeComponentProps & {
   pathOptions?: PathOptions;
 };
 
+/**
+ * BezierEdge component props
+ */
 export type BezierEdgeProps = EdgeComponentWithPathOptions<BezierPathOptions>;
+
+/**
+ * SmoothStepEdge component props
+ */
 export type SmoothStepEdgeProps = EdgeComponentWithPathOptions<SmoothStepPathOptions>;
+
+/**
+ * StepEdge component props
+ */
 export type StepEdgeProps = EdgeComponentWithPathOptions<StepPathOptions>;
+
+/**
+ * StraightEdge component props
+ */
 export type StraightEdgeProps = Omit<EdgeComponentProps, 'sourcePosition' | 'targetPosition'>;
+
+/**
+ * SimpleBezier component props
+ */
 export type SimpleBezierEdgeProps = EdgeComponentProps;
 
 export type OnEdgeUpdateFunc<T = any> = (oldEdge: Edge<T>, newConnection: Connection) => void;
@@ -157,3 +186,6 @@ export type ConnectionLineComponentProps = {
 };
 
 export type ConnectionLineComponent = ComponentType<ConnectionLineComponentProps>;
+
+export type EdgeTypes = { [key: string]: ComponentType<EdgeProps> };
+export type EdgeTypesWrapped = { [key: string]: MemoExoticComponent<ComponentType<WrapEdgeProps>> };
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index b2e7098a0..a212b0577 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -1,9 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type { ComponentType, MemoExoticComponent } from 'react';
 import {
   FitViewParamsBase,
   FitViewOptionsBase,
-  NodeProps,
   ZoomInOut,
   ZoomTo,
   SetViewport,
@@ -14,7 +12,7 @@ import {
   XYPosition,
 } from '@xyflow/system';
 
-import type { NodeChange, EdgeChange, Node, WrapNodeProps, Edge, EdgeProps, WrapEdgeProps, ReactFlowInstance } from '.';
+import type { NodeChange, EdgeChange, Node, Edge, ReactFlowInstance } from '.';
 
 export type OnNodesChange = (changes: NodeChange[]) => void;
 export type OnEdgesChange = (changes: EdgeChange[]) => void;
@@ -23,11 +21,6 @@ export type OnNodesDelete = (nodes: Node[]) => void;
 export type OnEdgesDelete = (edges: Edge[]) => void;
 export type OnDelete = (params: { nodes: Node[]; edges: Edge[] }) => void;
 
-export type NodeTypes = { [key: string]: ComponentType<NodeProps> };
-export type NodeTypesWrapped = { [key: string]: MemoExoticComponent<ComponentType<WrapNodeProps>> };
-export type EdgeTypes = { [key: string]: ComponentType<EdgeProps> };
-export type EdgeTypesWrapped = { [key: string]: MemoExoticComponent<ComponentType<WrapEdgeProps>> };
-
 export type UnselectNodesAndEdgesParams = {
   nodes?: Node[];
   edges?: Edge[];
@@ -43,7 +36,9 @@ export type OnSelectionChangeFunc = (params: OnSelectionChangeParams) => void;
 export type FitViewParams = FitViewParamsBase<Node>;
 export type FitViewOptions = FitViewOptionsBase<Node>;
 export type FitView = (fitViewOptions?: FitViewOptions) => boolean;
-export type OnInit<NodeData = any, EdgeData = any> = (reactFlowInstance: ReactFlowInstance<NodeData, EdgeData>) => void;
+export type OnInit<NodeType extends Node = Node, EdgeType extends Edge = Edge> = (
+  reactFlowInstance: ReactFlowInstance<NodeType, EdgeType>
+) => void;
 
 export type ViewportHelperFunctions = {
   zoomIn: ZoomInOut;
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index f229ec87b..6ac81e049 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -3,9 +3,9 @@
 import type { Rect, Viewport } from '@xyflow/system';
 import type { Node, Edge, ViewportHelperFunctions } from '.';
 
-export type ReactFlowJsonObject<NodeData = any, EdgeData = any> = {
-  nodes: Node<NodeData>[];
-  edges: Edge<EdgeData>[];
+export type ReactFlowJsonObject<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
+  nodes: NodeType[];
+  edges: EdgeType[];
   viewport: Viewport;
 };
 
@@ -15,30 +15,33 @@ export type DeleteElementsOptions = {
 };
 
 export namespace Instance {
-  export type GetNodes<NodeData> = () => Node<NodeData>[];
-  export type SetNodes<NodeData> = (
-    payload: Node<NodeData>[] | ((nodes: Node<NodeData>[]) => Node<NodeData>[])
+  export type GetNodes<NodeType extends Node = Node> = () => NodeType[];
+  export type SetNodes<NodeType extends Node = Node> = (
+    payload: NodeType[] | ((nodes: NodeType[]) => NodeType[])
   ) => void;
-  export type AddNodes<NodeData> = (payload: Node<NodeData>[] | Node<NodeData>) => void;
-  export type GetNode<NodeData> = (id: string) => Node<NodeData> | undefined;
-  export type GetEdges<EdgeData> = () => Edge<EdgeData>[];
-  export type SetEdges<EdgeData> = (
-    payload: Edge<EdgeData>[] | ((edges: Edge<EdgeData>[]) => Edge<EdgeData>[])
+  export type AddNodes<NodeType extends Node = Node> = (payload: NodeType[] | NodeType) => void;
+  export type GetNode<NodeType extends Node = Node> = (id: string) => NodeType | undefined;
+  export type GetEdges<EdgeType extends Edge = Edge> = () => EdgeType[];
+  export type SetEdges<EdgeType extends Edge = Edge> = (
+    payload: EdgeType[] | ((edges: EdgeType[]) => EdgeType[])
   ) => void;
-  export type GetEdge<EdgeData> = (id: string) => Edge<EdgeData> | undefined;
-  export type AddEdges<EdgeData> = (payload: Edge<EdgeData>[] | Edge<EdgeData>) => void;
-  export type ToObject<NodeData = any, EdgeData = any> = () => ReactFlowJsonObject<NodeData, EdgeData>;
+  export type GetEdge<EdgeType extends Edge = Edge> = (id: string) => EdgeType | undefined;
+  export type AddEdges<EdgeType extends Edge = Edge> = (payload: EdgeType[] | EdgeType) => void;
+  export type ToObject<NodeType extends Node = Node, EdgeType extends Edge = Edge> = () => ReactFlowJsonObject<
+    NodeType,
+    EdgeType
+  >;
   export type DeleteElements = ({ nodes, edges }: DeleteElementsOptions) => {
     deletedNodes: Node[];
     deletedEdges: Edge[];
   };
-  export type GetIntersectingNodes<NodeData> = (
-    node: Node<NodeData> | { id: Node['id'] } | Rect,
+  export type GetIntersectingNodes<NodeType extends Node = Node> = (
+    node: NodeType | { id: Node['id'] } | Rect,
     partially?: boolean,
-    nodes?: Node<NodeData>[]
-  ) => Node<NodeData>[];
-  export type IsNodeIntersecting<NodeData> = (
-    node: Node<NodeData> | { id: Node['id'] } | Rect,
+    nodes?: NodeType[]
+  ) => NodeType[];
+  export type IsNodeIntersecting<NodeType extends Node = Node> = (
+    node: NodeType | { id: Node['id'] } | Rect,
     area: Rect,
     partially?: boolean
   ) => boolean;
@@ -47,18 +50,18 @@ export namespace Instance {
   export type getOutgoers = (node: string | Node | { id: Node['id'] }) => Node[];
 }
 
-export type ReactFlowInstance<NodeData = any, EdgeData = any> = {
-  getNodes: Instance.GetNodes<NodeData>;
-  setNodes: Instance.SetNodes<NodeData>;
-  addNodes: Instance.AddNodes<NodeData>;
-  getNode: Instance.GetNode<NodeData>;
-  getEdges: Instance.GetEdges<EdgeData>;
-  setEdges: Instance.SetEdges<EdgeData>;
-  addEdges: Instance.AddEdges<EdgeData>;
-  getEdge: Instance.GetEdge<EdgeData>;
-  toObject: Instance.ToObject<NodeData, EdgeData>;
+export type ReactFlowInstance<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
+  getNodes: Instance.GetNodes<NodeType>;
+  setNodes: Instance.SetNodes<NodeType>;
+  addNodes: Instance.AddNodes<NodeType>;
+  getNode: Instance.GetNode<NodeType>;
+  getEdges: Instance.GetEdges<EdgeType>;
+  setEdges: Instance.SetEdges<EdgeType>;
+  addEdges: Instance.AddEdges<EdgeType>;
+  getEdge: Instance.GetEdge<EdgeType>;
+  toObject: Instance.ToObject<NodeType, EdgeType>;
   deleteElements: Instance.DeleteElements;
-  getIntersectingNodes: Instance.GetIntersectingNodes<NodeData>;
-  isNodeIntersecting: Instance.IsNodeIntersecting<NodeData>;
+  getIntersectingNodes: Instance.GetIntersectingNodes<NodeType>;
+  isNodeIntersecting: Instance.IsNodeIntersecting<NodeType>;
   viewportInitialized: boolean;
 } & Omit<ViewportHelperFunctions, 'initialized'>;
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index 4d10b76b0..7bccfe0a6 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -1,5 +1,6 @@
-import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
-import type { NodeBase, XYPosition } from '@xyflow/system';
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import type { CSSProperties, ComponentType, MemoExoticComponent, MouseEvent as ReactMouseEvent } from 'react';
+import type { NodeBase, NodeProps, XYPosition } from '@xyflow/system';
 
 /**
  * The node data structure that gets used for the nodes prop.
@@ -9,17 +10,8 @@ export type Node<NodeData = any, NodeType extends string | undefined = string |
   NodeData,
   NodeType
 > & {
-  /**
-   * Inline style object
-   */
   style?: CSSProperties;
-  /**
-   * Inline style object
-   */
   className?: string;
-  /**
-   * Inline style object
-   */
   resizing?: boolean;
 };
 
@@ -27,8 +19,8 @@ export type NodeMouseHandler = (event: ReactMouseEvent, node: Node) => void;
 export type NodeDragHandler = (event: ReactMouseEvent, node: Node, nodes: Node[]) => void;
 export type SelectionDragHandler = (event: ReactMouseEvent, nodes: Node[]) => void;
 
-export type WrapNodeProps<NodeData = any> = Pick<
-  Node<NodeData>,
+export type WrapNodeProps<NodeType extends Node = Node> = Pick<
+  NodeType,
   'id' | 'data' | 'style' | 'className' | 'dragHandle' | 'sourcePosition' | 'targetPosition' | 'hidden' | 'ariaLabel'
 > & {
   type: string;
@@ -59,3 +51,6 @@ export type WrapNodeProps<NodeData = any> = Pick<
   width?: number;
   height?: number;
 };
+
+export type NodeTypes = { [key: string]: ComponentType<NodeProps> };
+export type NodeTypesWrapped = { [key: string]: MemoExoticComponent<ComponentType<WrapNodeProps>> };
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 0cf87e6fd..72e28b9e6 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -159,8 +159,8 @@ function applyChanges(changes: any[], elements: any[]): any[] {
       <ReactFLow nodes={nodes} edges={edges} onNodesChange={onNodesChange} />
     );
  */
-export function applyNodeChanges<NodeData = any>(changes: NodeChange[], nodes: Node<NodeData>[]): Node<NodeData>[] {
-  return applyChanges(changes, nodes) as Node<NodeData>[];
+export function applyNodeChanges<NodeType extends Node = Node>(changes: NodeChange[], nodes: NodeType[]): NodeType[] {
+  return applyChanges(changes, nodes) as NodeType[];
 }
 
 /**
@@ -183,8 +183,8 @@ export function applyNodeChanges<NodeData = any>(changes: NodeChange[], nodes: N
       <ReactFLow nodes={nodes} edges={edges} onEdgesChange={onEdgesChange} />
     );
  */
-export function applyEdgeChanges<EdgeData = any>(changes: EdgeChange[], edges: Edge<EdgeData>[]): Edge<EdgeData>[] {
-  return applyChanges(changes, edges) as Edge<EdgeData>[];
+export function applyEdgeChanges<EdgeType extends Edge = Edge>(changes: EdgeChange[], edges: EdgeType[]): EdgeType[] {
+  return applyChanges(changes, edges) as EdgeType[];
 }
 
 export const createSelectionChange = (id: string, selected: boolean) => ({
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index c1d3778d1..218c7e6f9 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -53,6 +53,9 @@ export type EdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandle' |
     targetHandleId?: string | null;
   };
 
+/**
+ * Helper type for edge components that get exported by the library.
+ */
 export type EdgeComponentProps = EdgePosition & {
   id?: EdgeProps['id'];
   hidden?: EdgeProps['hidden'];
@@ -73,9 +76,24 @@ export type EdgeComponentWithPathOptions<PathOptions> = EdgeComponentProps & {
   pathOptions?: PathOptions;
 };
 
+/**
+ * BezierEdge component props
+ */
 export type BezierEdgeProps = EdgeComponentWithPathOptions<BezierPathOptions>;
+
+/**
+ * SmoothStepEdge component props
+ */
 export type SmoothStepEdgeProps = EdgeComponentWithPathOptions<SmoothStepPathOptions>;
+
+/**
+ * StepEdge component props
+ */
 export type StepEdgeProps = EdgeComponentWithPathOptions<StepPathOptions>;
+
+/**
+ * StraightEdge component props
+ */
 export type StraightEdgeProps = Omit<EdgeComponentProps, 'sourcePosition' | 'targetPosition'>;
 
 export type EdgeTypes = Record<string, ComponentType<SvelteComponent<EdgeProps>>>;
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index 292ae4fa5..4121754ac 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -1,11 +1,11 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-
 import type { ComponentType, SvelteComponent } from 'svelte';
 import type { NodeBase, NodeProps } from '@xyflow/system';
 
-// @todo: currently the helper function only like Node from '@reactflow/core'
-// we need a base node type or helpes that accept Node like types
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+/**
+ * The node data structure that gets used for the nodes prop.
+ * @public
+ */
 export type Node<
   NodeData = any,
   NodeType extends string | undefined = string | undefined

From 959935dfb52811f7f65af4331a6ddbfcf7d6c8f7 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 7 Dec 2023 13:23:25 +0100
Subject: [PATCH 0401/1093] feat(hooks): add useNodesData, useUpdateNodeData,
 simplify useHandleConnections

---
 examples/react/src/App/routes.ts              | 18 ++--
 .../MultiHandleNode.tsx                       |  9 +-
 .../SingleHandleNode.tsx                      |  9 +-
 .../index.tsx                                 |  0
 .../src/examples/UseNodesData/ResultNode.tsx  | 25 +++++
 .../src/examples/UseNodesData/TextNode.tsx    | 20 ++++
 .../react/src/examples/UseNodesData/index.tsx | 83 ++++++++++++++++
 ...ctionStatus.ts => useHandleConnections.ts} | 97 +++++++++----------
 packages/react/src/hooks/useNodesData.ts      | 33 +++++++
 packages/react/src/hooks/useUpdateNodeData.ts | 13 +++
 packages/react/src/index.ts                   |  6 +-
 packages/system/src/types/general.ts          |  4 +-
 12 files changed, 246 insertions(+), 71 deletions(-)
 rename examples/react/src/examples/{UseHandleConnectionStatus => UseHandleConnections}/MultiHandleNode.tsx (82%)
 rename examples/react/src/examples/{UseHandleConnectionStatus => UseHandleConnections}/SingleHandleNode.tsx (81%)
 rename examples/react/src/examples/{UseHandleConnectionStatus => UseHandleConnections}/index.tsx (100%)
 create mode 100644 examples/react/src/examples/UseNodesData/ResultNode.tsx
 create mode 100644 examples/react/src/examples/UseNodesData/TextNode.tsx
 create mode 100644 examples/react/src/examples/UseNodesData/index.tsx
 rename packages/react/src/hooks/{useHandleConnectionStatus.ts => useHandleConnections.ts} (86%)
 create mode 100644 packages/react/src/hooks/useNodesData.ts
 create mode 100644 packages/react/src/hooks/useUpdateNodeData.ts

diff --git a/examples/react/src/App/routes.ts b/examples/react/src/App/routes.ts
index 18307c799..4bab00f56 100644
--- a/examples/react/src/App/routes.ts
+++ b/examples/react/src/App/routes.ts
@@ -44,8 +44,9 @@ import CancelConnection from '../examples/CancelConnection';
 import InteractiveMinimap from '../examples/InteractiveMinimap';
 import UseOnSelectionChange from '../examples/UseOnSelectionChange';
 import NodeToolbar from '../examples/NodeToolbar';
-import useNodesInitialized from '../examples/UseNodesInit';
-import useHandleConnectionStatus from '../examples/UseHandleConnectionStatus';
+import UseNodesInitialized from '../examples/UseNodesInit';
+import UseNodesData from '../examples/UseNodesData';
+import UseHandleConnections from '../examples/UseHandleConnections';
 
 export interface IRoute {
   name: string;
@@ -262,7 +263,7 @@ const routes: IRoute[] = [
   {
     name: 'useNodesInitialized',
     path: 'use-nodes-initialized',
-    component: useNodesInitialized,
+    component: UseNodesInitialized,
   },
   {
     name: 'useOnSelectionChange',
@@ -275,9 +276,14 @@ const routes: IRoute[] = [
     component: UseReactFlow,
   },
   {
-    name: 'useHandleConnectionStatus',
-    path: 'usehandleconnectionstatus',
-    component: useHandleConnectionStatus,
+    name: 'useHandleConnections',
+    path: 'usehandleconnections',
+    component: UseHandleConnections,
+  },
+  {
+    name: 'useNodesData',
+    path: 'usenodesdata',
+    component: UseNodesData,
   },
   {
     name: 'useUpdateNodeInternals',
diff --git a/examples/react/src/examples/UseHandleConnectionStatus/MultiHandleNode.tsx b/examples/react/src/examples/UseHandleConnections/MultiHandleNode.tsx
similarity index 82%
rename from examples/react/src/examples/UseHandleConnectionStatus/MultiHandleNode.tsx
rename to examples/react/src/examples/UseHandleConnections/MultiHandleNode.tsx
index f8a311434..e04f34489 100644
--- a/examples/react/src/examples/UseHandleConnectionStatus/MultiHandleNode.tsx
+++ b/examples/react/src/examples/UseHandleConnections/MultiHandleNode.tsx
@@ -1,6 +1,5 @@
 import { memo, FC, useEffect, useCallback } from 'react';
-import { Handle, Position, NodeProps, useHandleConnectionStatus, Connection } from '@xyflow/react';
-import { HandleComponentProps } from '@xyflow/react/dist/esm/components/Handle';
+import { Handle, Position, NodeProps, useHandleConnections, Connection, HandleComponentProps } from '@xyflow/react';
 
 function CustomHandle({ nodeId, ...handleProps }: HandleComponentProps & { nodeId: string }) {
   const onConnect = useCallback(
@@ -12,7 +11,7 @@ function CustomHandle({ nodeId, ...handleProps }: HandleComponentProps & { nodeI
     (connections: Connection[]) => console.log('onDisconnect handler, node id:', nodeId, connections),
     [nodeId]
   );
-  const status = useHandleConnectionStatus({
+  const connections = useHandleConnections({
     handleType: handleProps.type,
     handleId: handleProps.id,
     onConnect,
@@ -20,8 +19,8 @@ function CustomHandle({ nodeId, ...handleProps }: HandleComponentProps & { nodeI
   });
 
   useEffect(() => {
-    console.log('useEffect, node id:', nodeId, handleProps.type, status);
-  }, [status]);
+    console.log('useEffect, node id:', nodeId, handleProps.type, connections);
+  }, [connections]);
 
   return <Handle {...handleProps} />;
 }
diff --git a/examples/react/src/examples/UseHandleConnectionStatus/SingleHandleNode.tsx b/examples/react/src/examples/UseHandleConnections/SingleHandleNode.tsx
similarity index 81%
rename from examples/react/src/examples/UseHandleConnectionStatus/SingleHandleNode.tsx
rename to examples/react/src/examples/UseHandleConnections/SingleHandleNode.tsx
index ebbe584c4..444499fb9 100644
--- a/examples/react/src/examples/UseHandleConnectionStatus/SingleHandleNode.tsx
+++ b/examples/react/src/examples/UseHandleConnections/SingleHandleNode.tsx
@@ -1,6 +1,5 @@
 import { memo, FC, useEffect, useCallback } from 'react';
-import { Handle, Position, NodeProps, useHandleConnectionStatus, Connection } from '@xyflow/react';
-import { HandleComponentProps } from '@xyflow/react/dist/esm/components/Handle';
+import { Handle, Position, NodeProps, useHandleConnections, Connection, HandleComponentProps } from '@xyflow/react';
 
 function CustomHandle({ nodeId, ...handleProps }: HandleComponentProps & { nodeId: string }) {
   const onConnect = useCallback(
@@ -15,7 +14,7 @@ function CustomHandle({ nodeId, ...handleProps }: HandleComponentProps & { nodeI
     },
     [nodeId]
   );
-  const status = useHandleConnectionStatus({
+  const connections = useHandleConnections({
     handleType: handleProps.type,
     handleId: handleProps.id,
     onConnect,
@@ -23,8 +22,8 @@ function CustomHandle({ nodeId, ...handleProps }: HandleComponentProps & { nodeI
   });
 
   useEffect(() => {
-    console.log('useEffect, node id:', nodeId, handleProps.type, status);
-  }, [status]);
+    console.log('useEffect, node id:', nodeId, handleProps.type, connections);
+  }, [connections]);
 
   return <Handle {...handleProps} />;
 }
diff --git a/examples/react/src/examples/UseHandleConnectionStatus/index.tsx b/examples/react/src/examples/UseHandleConnections/index.tsx
similarity index 100%
rename from examples/react/src/examples/UseHandleConnectionStatus/index.tsx
rename to examples/react/src/examples/UseHandleConnections/index.tsx
diff --git a/examples/react/src/examples/UseNodesData/ResultNode.tsx b/examples/react/src/examples/UseNodesData/ResultNode.tsx
new file mode 100644
index 000000000..09603eacc
--- /dev/null
+++ b/examples/react/src/examples/UseNodesData/ResultNode.tsx
@@ -0,0 +1,25 @@
+import { memo, useEffect } from 'react';
+import { Handle, Position, useHandleConnections, useNodesData } from '@xyflow/react';
+
+function ResultNode() {
+  const connections = useHandleConnections({
+    handleType: 'target',
+  });
+  const nodesData = useNodesData<{ text: string }>(connections.map((connection) => connection.source));
+
+  useEffect(() => {
+    console.log('incoming data changed', nodesData);
+  }, [nodesData]);
+
+  return (
+    <div style={{ background: '#eee', color: '#222', padding: 10, fontSize: 12, borderRadius: 10 }}>
+      <Handle type="target" position={Position.Left} />
+      <div>
+        incoming texts:{' '}
+        {nodesData?.filter((nodeData) => nodeData.text).map(({ text }, i) => <div key={i}>{text}</div>) || 'none'}
+      </div>
+    </div>
+  );
+}
+
+export default memo(ResultNode);
diff --git a/examples/react/src/examples/UseNodesData/TextNode.tsx b/examples/react/src/examples/UseNodesData/TextNode.tsx
new file mode 100644
index 000000000..a7388cb06
--- /dev/null
+++ b/examples/react/src/examples/UseNodesData/TextNode.tsx
@@ -0,0 +1,20 @@
+import { memo, ChangeEventHandler } from 'react';
+import { Position, NodeProps, useUpdateNodeData, Handle } from '@xyflow/react';
+
+function TextNode({ id, data }: NodeProps) {
+  const updateNodeData = useUpdateNodeData();
+
+  const onChange: ChangeEventHandler<HTMLInputElement> = (evt) => updateNodeData(id, { text: evt.target.value });
+
+  return (
+    <div style={{ background: '#eee', color: '#222', padding: 10, fontSize: 12, borderRadius: 10 }}>
+      <div>node {id}</div>
+      <div>
+        <input onChange={onChange} value={data.text} />
+      </div>
+      <Handle type="source" position={Position.Right} />
+    </div>
+  );
+}
+
+export default memo(TextNode);
diff --git a/examples/react/src/examples/UseNodesData/index.tsx b/examples/react/src/examples/UseNodesData/index.tsx
new file mode 100644
index 000000000..67e68a2ff
--- /dev/null
+++ b/examples/react/src/examples/UseNodesData/index.tsx
@@ -0,0 +1,83 @@
+import { useCallback } from 'react';
+import {
+  ReactFlow,
+  Controls,
+  addEdge,
+  Connection,
+  useNodesState,
+  useEdgesState,
+  Background,
+  Node,
+  Edge,
+} from '@xyflow/react';
+
+import TextNode from './TextNode';
+import ResultNode from './ResultNode';
+
+const nodeTypes = {
+  text: TextNode,
+  result: ResultNode,
+};
+
+const initNodes: Node[] = [
+  {
+    id: '1',
+    type: 'text',
+    data: {
+      text: 'hello',
+    },
+    position: { x: 0, y: 0 },
+  },
+  {
+    id: '2',
+    type: 'text',
+    data: {
+      text: 'world',
+    },
+    position: { x: 0, y: 100 },
+  },
+
+  {
+    id: '3',
+    type: 'result',
+    data: {},
+    position: { x: 300, y: 50 },
+  },
+];
+
+const initEdges: Edge[] = [
+  {
+    id: 'e1-3',
+    source: '1',
+    target: '3',
+  },
+  {
+    id: 'e2-3',
+    source: '2',
+    target: '3',
+  },
+];
+
+const CustomNodeFlow = () => {
+  const [nodes, setNodes, onNodesChange] = useNodesState(initNodes);
+  const [edges, setEdges, onEdgesChange] = useEdgesState(initEdges);
+
+  const onConnect = useCallback((connection: Connection) => setEdges((eds) => addEdge(connection, eds)), [setEdges]);
+
+  return (
+    <ReactFlow
+      nodes={nodes}
+      edges={edges}
+      onNodesChange={onNodesChange}
+      onEdgesChange={onEdgesChange}
+      onConnect={onConnect}
+      nodeTypes={nodeTypes}
+      fitView
+    >
+      <Controls />
+      <Background />
+    </ReactFlow>
+  );
+};
+
+export default CustomNodeFlow;
diff --git a/packages/react/src/hooks/useHandleConnectionStatus.ts b/packages/react/src/hooks/useHandleConnections.ts
similarity index 86%
rename from packages/react/src/hooks/useHandleConnectionStatus.ts
rename to packages/react/src/hooks/useHandleConnections.ts
index 470cc0773..f692ba377 100644
--- a/packages/react/src/hooks/useHandleConnectionStatus.ts
+++ b/packages/react/src/hooks/useHandleConnections.ts
@@ -4,7 +4,7 @@ import { Connection, HandleType } from '@xyflow/system';
 import { useStore } from './useStore';
 import { useNodeId } from '../contexts/NodeIdContext';
 
-type useHandleConnectionStatusParams = {
+type useHandleConnectionsParams = {
   handleType: HandleType;
   nodeId?: string;
   handleId?: string | null;
@@ -12,6 +12,50 @@ type useHandleConnectionStatusParams = {
   onDisconnect?: (connections: Connection[]) => void;
 };
 
+/**
+ *  Hook to check if a <Handle /> is connected to another <Handle /> and get the connections.
+ *
+ * @public
+ * @param param.handleType - 'source' or 'target'
+ * @param param.handleId - the handle id (this is only needed if the node has multiple handles of the same type)
+ * @param param.nodeId - node id - if not provided, the node id from the NodeIdContext is used
+ * @param param.onConnect - gets called when a connection is established
+ * @param param.onDisconnect - gets called when a connection is removed
+ * @returns an array with connections
+ */
+export function useHandleConnections({
+  handleType,
+  handleId = null,
+  nodeId,
+  onConnect,
+  onDisconnect,
+}: useHandleConnectionsParams): Connection[] {
+  const _nodeId = useNodeId();
+  const prevConnections = useRef<Map<string, Connection> | null>(null);
+  const currentNodeId = nodeId || _nodeId;
+
+  const connections = useStore(
+    (state) => state.connectionLookup.get(`${currentNodeId}-${handleType}-${handleId}`),
+    areConnectionMapsEqual
+  );
+
+  useEffect(() => {
+    // @todo dicuss if onConnect/onDisconnect should be called when the component mounts/unmounts
+    if (prevConnections.current && prevConnections.current !== connections) {
+      const _connections = connections ?? new Map();
+      handleConnectionChange(prevConnections.current, _connections, onDisconnect);
+      handleConnectionChange(_connections, prevConnections.current, onConnect);
+    }
+
+    prevConnections.current = connections ?? new Map();
+  }, [connections, onConnect, onDisconnect]);
+
+  return useMemo(() => Array.from(connections?.values() ?? []), [connections]);
+}
+
+/**
+ * @internal
+ */
 function areConnectionMapsEqual(a?: Map<string, Connection>, b?: Map<string, Connection>) {
   if (!a && !b) {
     return true;
@@ -36,6 +80,7 @@ function areConnectionMapsEqual(a?: Map<string, Connection>, b?: Map<string, Con
 
 /**
  * We call the callback for all connections in a that are not in b
+ *
  * @internal
  */
 function handleConnectionChange(
@@ -59,53 +104,3 @@ function handleConnectionChange(
     cb(diff);
   }
 }
-
-/**
- *  Hook to check if a <Handle /> is connected to another <Handle /> and get the connections.
- *
- * @public
- * @param param.handleType - 'source' or 'target'
- * @param param.handleId - the handle id (this is only needed if the node has multiple handles of the same type)
- * @param param.nodeId - node id - if not provided, the node id from the NodeIdContext is used
- * @param param.onConnect - gets called when a connection is established
- * @param param.onDisconnect - gets called when a connection is removed
- * @returns a `connected` boolean and a connections array
- */
-export function useHandleConnectionStatus({
-  handleType,
-  handleId = null,
-  nodeId,
-  onConnect,
-  onDisconnect,
-}: useHandleConnectionStatusParams): {
-  connected: boolean;
-  connections: Connection[] | null;
-} {
-  const _nodeId = useNodeId();
-  const prevConnections = useRef<Map<string, Connection> | null>(null);
-  const currentNodeId = nodeId || _nodeId;
-
-  const connections = useStore(
-    (state) => state.connectionLookup.get(`${currentNodeId}-${handleType}-${handleId}`),
-    areConnectionMapsEqual
-  );
-
-  useEffect(() => {
-    // @todo dicuss if onConnect/onDisconnect should be called when the component mounts/unmounts
-    if (prevConnections.current && prevConnections.current !== connections) {
-      const _connections = connections ?? new Map();
-      handleConnectionChange(prevConnections.current, _connections, onDisconnect);
-      handleConnectionChange(_connections, prevConnections.current, onConnect);
-    }
-
-    prevConnections.current = connections ?? new Map();
-  }, [connections, onConnect, onDisconnect]);
-
-  return useMemo(
-    () => ({
-      connected: !!connections,
-      connections: Array.from(connections?.values() ?? []),
-    }),
-    [connections]
-  );
-}
diff --git a/packages/react/src/hooks/useNodesData.ts b/packages/react/src/hooks/useNodesData.ts
new file mode 100644
index 000000000..69927642b
--- /dev/null
+++ b/packages/react/src/hooks/useNodesData.ts
@@ -0,0 +1,33 @@
+import { useCallback } from 'react';
+import { shallow } from 'zustand/shallow';
+
+import { useStore } from '../hooks/useStore';
+
+export function useNodesData<NodeData = unknown>(nodeId: string): NodeData | null;
+export function useNodesData<NodeData = unknown>(nodeIds: string[]): NodeData[];
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function useNodesData(nodeIds: any): any {
+  const nodesData = useStore(
+    useCallback(
+      (s) => {
+        if (!Array.isArray(nodeIds)) {
+          return s.nodeLookup.get(nodeIds)?.data || null;
+        }
+
+        return nodeIds.reduce((res, id) => {
+          const node = s.nodeLookup.get(id);
+
+          if (node) {
+            res.push(node.data);
+          }
+
+          return res;
+        }, []);
+      },
+      [nodeIds]
+    ),
+    shallow
+  );
+
+  return nodesData;
+}
diff --git a/packages/react/src/hooks/useUpdateNodeData.ts b/packages/react/src/hooks/useUpdateNodeData.ts
new file mode 100644
index 000000000..10cd71e22
--- /dev/null
+++ b/packages/react/src/hooks/useUpdateNodeData.ts
@@ -0,0 +1,13 @@
+import { useCallback } from 'react';
+
+import useReactFlow from './useReactFlow';
+
+export function useUpdateNodeData() {
+  const { setNodes } = useReactFlow();
+
+  const updateNodeData = useCallback((id: string, data: unknown) => {
+    setNodes((prevNodes) => prevNodes.map((node) => (node.id === id ? { ...node, data } : node)));
+  }, []);
+
+  return updateNodeData;
+}
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index d9013b7c6..63b70c988 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -1,5 +1,5 @@
 export { default as ReactFlow } from './container/ReactFlow';
-export { default as Handle } from './components/Handle';
+export { default as Handle, type HandleComponentProps } from './components/Handle';
 export { default as EdgeText } from './components/Edges/EdgeText';
 export { StraightEdge } from './components/Edges/StraightEdge';
 export { StepEdge } from './components/Edges/StepEdge';
@@ -22,7 +22,9 @@ export { useStore, useStoreApi } from './hooks/useStore';
 export { default as useOnViewportChange, type UseOnViewportChangeOptions } from './hooks/useOnViewportChange';
 export { default as useOnSelectionChange, type UseOnSelectionChangeOptions } from './hooks/useOnSelectionChange';
 export { default as useNodesInitialized, type UseNodesInitializedOptions } from './hooks/useNodesInitialized';
-export { useHandleConnectionStatus } from './hooks/useHandleConnectionStatus';
+export { useHandleConnections } from './hooks/useHandleConnections';
+export { useUpdateNodeData } from './hooks/useUpdateNodeData';
+export { useNodesData } from './hooks/useNodesData';
 export { useNodeId } from './contexts/NodeIdContext';
 
 export { applyNodeChanges, applyEdgeChanges, handleParentExpand } from './utils/changes';
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 22ad889e8..e601ee087 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -22,8 +22,8 @@ export type SetCenter = (x: number, y: number, options?: SetCenterOptions) => vo
 export type FitBounds = (bounds: Rect, options?: FitBoundsOptions) => void;
 
 export type Connection = {
-  source: string | null;
-  target: string | null;
+  source: string;
+  target: string;
   sourceHandle: string | null;
   targetHandle: string | null;
 };

From 5d8c1bbff991e0d3acc6fd23d95008947c10fe1c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 7 Dec 2023 14:09:56 +0100
Subject: [PATCH 0402/1093] chore(useNodesData): example

---
 .../examples/UseNodesData/UppercaseNode.tsx   | 24 +++++++++++++++++++
 .../react/src/examples/UseNodesData/index.tsx | 18 ++++++++++++--
 2 files changed, 40 insertions(+), 2 deletions(-)
 create mode 100644 examples/react/src/examples/UseNodesData/UppercaseNode.tsx

diff --git a/examples/react/src/examples/UseNodesData/UppercaseNode.tsx b/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
new file mode 100644
index 000000000..7f0b964fb
--- /dev/null
+++ b/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
@@ -0,0 +1,24 @@
+import { memo, useEffect } from 'react';
+import { Position, NodeProps, useUpdateNodeData, Handle, useHandleConnections, useNodesData } from '@xyflow/react';
+
+function UppercaseNode({ id }: NodeProps) {
+  const connections = useHandleConnections({
+    handleType: 'target',
+  });
+  const nodeData = useNodesData<{ text: string }>(connections[0]?.source);
+  const updateNodeData = useUpdateNodeData();
+
+  useEffect(() => {
+    updateNodeData(id, { text: nodeData?.text.toUpperCase() });
+  }, [nodeData]);
+
+  return (
+    <div style={{ background: '#eee', color: '#222', padding: 10, fontSize: 12, borderRadius: 10 }}>
+      <Handle type="source" position={Position.Right} />
+      <div>uppercase transform</div>
+      <Handle type="target" position={Position.Left} isConnectable={connections.length === 0} />
+    </div>
+  );
+}
+
+export default memo(UppercaseNode);
diff --git a/examples/react/src/examples/UseNodesData/index.tsx b/examples/react/src/examples/UseNodesData/index.tsx
index 67e68a2ff..040ca35ac 100644
--- a/examples/react/src/examples/UseNodesData/index.tsx
+++ b/examples/react/src/examples/UseNodesData/index.tsx
@@ -13,10 +13,12 @@ import {
 
 import TextNode from './TextNode';
 import ResultNode from './ResultNode';
+import UppercaseNode from './UppercaseNode';
 
 const nodeTypes = {
   text: TextNode,
   result: ResultNode,
+  uppercase: UppercaseNode,
 };
 
 const initNodes: Node[] = [
@@ -26,8 +28,15 @@ const initNodes: Node[] = [
     data: {
       text: 'hello',
     },
-    position: { x: 0, y: 0 },
+    position: { x: -100, y: -50 },
   },
+  {
+    id: '1a',
+    type: 'uppercase',
+    data: {},
+    position: { x: 100, y: 0 },
+  },
+
   {
     id: '2',
     type: 'text',
@@ -47,8 +56,13 @@ const initNodes: Node[] = [
 
 const initEdges: Edge[] = [
   {
-    id: 'e1-3',
+    id: 'e1-1a',
     source: '1',
+    target: '1a',
+  },
+  {
+    id: 'e1a-3',
+    source: '1a',
     target: '3',
   },
   {

From d4d773d9c62f49706bccd1d5435e75dd912d3643 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 11 Dec 2023 18:31:37 +0100
Subject: [PATCH 0403/1093] feat(svelte): add useHandleConnections,
 useNodesData and useUpdateNodeData

---
 .../src/examples/UseNodesData/ResultNode.tsx  |   5 +-
 .../examples/UseNodesData/UppercaseNode.tsx   |   6 +-
 .../react/src/examples/UseNodesData/index.tsx |   7 +-
 .../src/components/Header/Header.svelte       |   2 +
 .../examples/customnode/CustomNode.svelte     |   2 +-
 .../examples/handle-connect/+page.svelte      |  94 +++++++++++++++
 .../handle-connect/MultiHandleNode.svelte     | 110 ++++++++++++++++++
 .../handle-connect/SingleHandleNode.svelte    |  77 ++++++++++++
 .../routes/examples/usenodesdata/+page.svelte |  80 +++++++++++++
 .../examples/usenodesdata/ResultNode.svelte   |  38 ++++++
 .../examples/usenodesdata/TextNode.svelte     |  29 +++++
 .../usenodesdata/UppercaseNode.svelte         |  40 +++++++
 .../react/src/components/Handle/index.tsx     |   2 +-
 .../react/src/hooks/useHandleConnections.ts   |  54 +--------
 packages/react/src/hooks/useNodesData.ts      |  23 ++--
 packages/react/src/store/index.ts             |   3 +-
 packages/react/src/store/initialState.ts      |   7 +-
 packages/react/src/store/utils.ts             |  21 ----
 .../src/lib/components/Handle/Handle.svelte   |  30 ++++-
 .../components/KeyHandler/KeyHandler.svelte   |   2 +-
 .../src/lib/hooks/useHandleConnections.ts     |  30 +++++
 packages/svelte/src/lib/hooks/useNodesData.ts |  64 ++++++++++
 .../svelte/src/lib/hooks/useUpdateNodeData.ts |  22 ++++
 packages/svelte/src/lib/index.ts              |   3 +
 .../svelte/src/lib/store/initial-store.ts     |  10 +-
 packages/svelte/src/lib/store/utils.ts        |  12 +-
 packages/svelte/src/lib/types/general.ts      |   2 +
 packages/system/src/types/general.ts          |   2 +
 packages/system/src/utils/connections.ts      |  53 +++++++++
 packages/system/src/utils/index.ts            |   1 +
 packages/system/src/utils/store.ts            |  26 ++++-
 packages/system/src/xyhandle/XYHandle.ts      |  12 +-
 32 files changed, 761 insertions(+), 108 deletions(-)
 create mode 100644 examples/svelte/src/routes/examples/handle-connect/+page.svelte
 create mode 100644 examples/svelte/src/routes/examples/handle-connect/MultiHandleNode.svelte
 create mode 100644 examples/svelte/src/routes/examples/handle-connect/SingleHandleNode.svelte
 create mode 100644 examples/svelte/src/routes/examples/usenodesdata/+page.svelte
 create mode 100644 examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
 create mode 100644 examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte
 create mode 100644 examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
 create mode 100644 packages/svelte/src/lib/hooks/useHandleConnections.ts
 create mode 100644 packages/svelte/src/lib/hooks/useNodesData.ts
 create mode 100644 packages/svelte/src/lib/hooks/useUpdateNodeData.ts
 create mode 100644 packages/system/src/utils/connections.ts

diff --git a/examples/react/src/examples/UseNodesData/ResultNode.tsx b/examples/react/src/examples/UseNodesData/ResultNode.tsx
index 09603eacc..324da1fe5 100644
--- a/examples/react/src/examples/UseNodesData/ResultNode.tsx
+++ b/examples/react/src/examples/UseNodesData/ResultNode.tsx
@@ -5,7 +5,7 @@ function ResultNode() {
   const connections = useHandleConnections({
     handleType: 'target',
   });
-  const nodesData = useNodesData<{ text: string }>(connections.map((connection) => connection.source));
+  const nodesData = useNodesData(connections.map((connection) => connection.source));
 
   useEffect(() => {
     console.log('incoming data changed', nodesData);
@@ -16,7 +16,8 @@ function ResultNode() {
       <Handle type="target" position={Position.Left} />
       <div>
         incoming texts:{' '}
-        {nodesData?.filter((nodeData) => nodeData.text).map(({ text }, i) => <div key={i}>{text}</div>) || 'none'}
+        {nodesData?.filter((nodeData) => nodeData.text !== undefined).map(({ text }, i) => <div key={i}>{text}</div>) ||
+          'none'}
       </div>
     </div>
   );
diff --git a/examples/react/src/examples/UseNodesData/UppercaseNode.tsx b/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
index 7f0b964fb..06cf84a80 100644
--- a/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
+++ b/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
@@ -5,7 +5,7 @@ function UppercaseNode({ id }: NodeProps) {
   const connections = useHandleConnections({
     handleType: 'target',
   });
-  const nodeData = useNodesData<{ text: string }>(connections[0]?.source);
+  const nodeData = useNodesData(connections[0]?.source);
   const updateNodeData = useUpdateNodeData();
 
   useEffect(() => {
@@ -14,9 +14,9 @@ function UppercaseNode({ id }: NodeProps) {
 
   return (
     <div style={{ background: '#eee', color: '#222', padding: 10, fontSize: 12, borderRadius: 10 }}>
-      <Handle type="source" position={Position.Right} />
-      <div>uppercase transform</div>
       <Handle type="target" position={Position.Left} isConnectable={connections.length === 0} />
+      <div>uppercase transform</div>
+      <Handle type="source" position={Position.Right} />
     </div>
   );
 }
diff --git a/examples/react/src/examples/UseNodesData/index.tsx b/examples/react/src/examples/UseNodesData/index.tsx
index 040ca35ac..7bb1a94e0 100644
--- a/examples/react/src/examples/UseNodesData/index.tsx
+++ b/examples/react/src/examples/UseNodesData/index.tsx
@@ -15,13 +15,18 @@ import TextNode from './TextNode';
 import ResultNode from './ResultNode';
 import UppercaseNode from './UppercaseNode';
 
+export type TextNode = Node<{ text: string }, 'text'>;
+export type ResultNode = Node<{}, 'result'>;
+export type UppercaseNode = Node<{}, 'uppercase'>;
+export type MyNode = Node<{ text: string }, 'text'> | Node<{}, 'result'> | Node<{}, 'uppercase'>;
+
 const nodeTypes = {
   text: TextNode,
   result: ResultNode,
   uppercase: UppercaseNode,
 };
 
-const initNodes: Node[] = [
+const initNodes: MyNode[] = [
   {
     id: '1',
     type: 'text',
diff --git a/examples/svelte/src/components/Header/Header.svelte b/examples/svelte/src/components/Header/Header.svelte
index ad34d2891..9d67f0491 100644
--- a/examples/svelte/src/components/Header/Header.svelte
+++ b/examples/svelte/src/components/Header/Header.svelte
@@ -11,6 +11,7 @@
 		'drag-n-drop',
 		'edges',
 		'figma',
+		'handle-connect',
 		'interaction',
 		'intersections',
 		'node-toolbar',
@@ -18,6 +19,7 @@
 		'stress',
 		'subflows',
 		'two-way-viewport',
+		'usenodesdata',
 		'usesvelteflow',
 		'useupdatenodeinternals',
 		'validation'
diff --git a/examples/svelte/src/routes/examples/customnode/CustomNode.svelte b/examples/svelte/src/routes/examples/customnode/CustomNode.svelte
index 51ba33eae..25d37d320 100644
--- a/examples/svelte/src/routes/examples/customnode/CustomNode.svelte
+++ b/examples/svelte/src/routes/examples/customnode/CustomNode.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Writable } from 'svelte/store';
-	import { Handle, Position, type NodeProps, BezierEdge, SmoothStepEdge } from '@xyflow/svelte';
+	import { Handle, Position, type NodeProps } from '@xyflow/svelte';
 
 	type $$Props = NodeProps;
 
diff --git a/examples/svelte/src/routes/examples/handle-connect/+page.svelte b/examples/svelte/src/routes/examples/handle-connect/+page.svelte
new file mode 100644
index 000000000..4f121c83b
--- /dev/null
+++ b/examples/svelte/src/routes/examples/handle-connect/+page.svelte
@@ -0,0 +1,94 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import {
+		SvelteFlow,
+		Controls,
+		Background,
+		BackgroundVariant,
+		MiniMap,
+		type Node,
+		type NodeTypes,
+		type Edge
+	} from '@xyflow/svelte';
+	import SingleHandleNode from './SingleHandleNode.svelte';
+	import MultiHandleNode from './MultiHandleNode.svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodeTypes: NodeTypes = {
+		single: SingleHandleNode,
+		multi: MultiHandleNode
+	};
+
+	const nodes = writable<Node[]>([
+		{
+			id: '1',
+			type: 'single',
+			data: {},
+			position: { x: 0, y: 0 }
+		},
+		{
+			id: '2',
+			type: 'single',
+			data: {},
+			position: { x: 200, y: -100 }
+		},
+		{
+			id: '3',
+			type: 'single',
+			data: {},
+			position: { x: 200, y: 100 }
+		},
+
+		{
+			id: '4',
+			type: 'multi',
+			data: {},
+			position: { x: 400, y: 0 }
+		},
+		{
+			id: '5',
+			type: 'multi',
+			data: {},
+			position: { x: 600, y: -100 }
+		},
+		{
+			id: '6',
+			type: 'multi',
+			data: {},
+			position: { x: 600, y: 100 }
+		}
+	]);
+
+	const edges = writable<Edge[]>([
+		{
+			id: 'e1-2',
+			source: '1',
+			target: '2'
+		},
+		{
+			id: 'e1-3',
+			source: '1',
+			target: '3'
+		},
+
+		{
+			id: 'e4a-5',
+			source: '4',
+			sourceHandle: 'a',
+			target: '5'
+		},
+		{
+			id: 'e4b-5',
+			source: '4',
+			sourceHandle: 'b',
+			target: '6'
+		}
+	]);
+</script>
+
+<SvelteFlow {nodes} {edges} {nodeTypes} fitView colorMode="dark">
+	<Controls />
+	<Background variant={BackgroundVariant.Dots} />
+	<MiniMap />
+</SvelteFlow>
diff --git a/examples/svelte/src/routes/examples/handle-connect/MultiHandleNode.svelte b/examples/svelte/src/routes/examples/handle-connect/MultiHandleNode.svelte
new file mode 100644
index 000000000..ebc85c740
--- /dev/null
+++ b/examples/svelte/src/routes/examples/handle-connect/MultiHandleNode.svelte
@@ -0,0 +1,110 @@
+<script lang="ts">
+	import {
+		Handle,
+		Position,
+		type NodeProps,
+		type Connection,
+		useHandleConnections
+	} from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+
+	export let id: $$Props['id'];
+
+	function onConnectTarget(connection: Connection[]) {
+		console.log('connect target', connection);
+	}
+
+	function onConnectSource(handleId: string, connection: Connection[]) {
+		console.log('connect source', handleId, connection);
+	}
+
+	function onDisconnectTarget(connection: Connection[]) {
+		console.log('disconnect target', connection);
+	}
+
+	function onDisconnectSource(handleId: string, connection: Connection[]) {
+		console.log('disconnect source', handleId, connection);
+	}
+
+	const connections = useHandleConnections({ nodeId: id, type: 'target' });
+
+	$: {
+		console.log('connections', id, $connections);
+	}
+
+	export let data: $$Props['data'];
+	export let targetPosition: $$Props['targetPosition'] = Position.Top;
+	export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
+	export let width: $$Props['width'] = undefined;
+	export let height: $$Props['height'] = undefined;
+	export let selected: $$Props['selected'] = undefined;
+	export let type: $$Props['type'] = undefined;
+	export let zIndex: $$Props['zIndex'] = undefined;
+	export let dragging: $$Props['dragging'] = false;
+	export let dragHandle: $$Props['dragHandle'] = undefined;
+	export let positionAbsolute: $$Props['positionAbsolute'] = {
+		x: 0,
+		y: 0
+	};
+	export let isConnectable: $$Props['isConnectable'] = undefined;
+
+	data;
+	targetPosition;
+	sourcePosition;
+	width;
+	height;
+	selected;
+	type;
+	zIndex;
+	dragging;
+	dragHandle;
+	positionAbsolute;
+	isConnectable;
+</script>
+
+<div class="custom">
+	<Handle
+		type="target"
+		position={Position.Left}
+		onconnect={onConnectTarget}
+		ondisconnect={onDisconnectTarget}
+	/>
+	<div>node {id}</div>
+	<Handle
+		id="a"
+		type="source"
+		position={Position.Right}
+		onconnect={(connections) => onConnectSource('a', connections)}
+		ondisconnect={(connections) => onDisconnectSource('a', connections)}
+		class="source-a"
+	/>
+	<Handle
+		id="b"
+		type="source"
+		position={Position.Right}
+		onconnect={(connections) => onConnectSource('b', connections)}
+		ondisconnect={(connections) => onDisconnectSource('b', connections)}
+		class="source-b"
+	/>
+</div>
+
+<style>
+	.custom {
+		background-color: #333;
+		padding: 10px;
+		border-radius: 10px;
+		color: #fff;
+	}
+
+	.custom :global(.source-a) {
+		top: 5px;
+		transform: translate(50%, 0);
+	}
+
+	.custom :global(.source-b) {
+		bottom: 5px;
+		top: auto;
+		transform: translate(50%, 0);
+	}
+</style>
diff --git a/examples/svelte/src/routes/examples/handle-connect/SingleHandleNode.svelte b/examples/svelte/src/routes/examples/handle-connect/SingleHandleNode.svelte
new file mode 100644
index 000000000..7c1e026df
--- /dev/null
+++ b/examples/svelte/src/routes/examples/handle-connect/SingleHandleNode.svelte
@@ -0,0 +1,77 @@
+<script lang="ts">
+	import { Handle, Position, type NodeProps, type Connection } from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+
+	export let id: $$Props['id'];
+
+	function onConnectTarget(connection: Connection[]) {
+		console.log('connect target', connection);
+	}
+
+	function onConnectSource(connection: Connection[]) {
+		console.log('connect source', connection);
+	}
+
+	function onDisconnectTarget(connection: Connection[]) {
+		console.log('disconnect target', connection);
+	}
+
+	function onDisconnectSource(connection: Connection[]) {
+		console.log('disconnect source', connection);
+	}
+
+	export let data: $$Props['data'];
+	export let targetPosition: $$Props['targetPosition'] = Position.Top;
+	export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
+	export let width: $$Props['width'] = undefined;
+	export let height: $$Props['height'] = undefined;
+	export let selected: $$Props['selected'] = undefined;
+	export let type: $$Props['type'] = undefined;
+	export let zIndex: $$Props['zIndex'] = undefined;
+	export let dragging: $$Props['dragging'] = false;
+	export let dragHandle: $$Props['dragHandle'] = undefined;
+	export let positionAbsolute: $$Props['positionAbsolute'] = {
+		x: 0,
+		y: 0
+	};
+	export let isConnectable: $$Props['isConnectable'] = undefined;
+
+	data;
+	targetPosition;
+	sourcePosition;
+	width;
+	height;
+	selected;
+	type;
+	zIndex;
+	dragging;
+	dragHandle;
+	positionAbsolute;
+	isConnectable;
+</script>
+
+<div class="custom">
+	<Handle
+		type="target"
+		position={Position.Left}
+		onconnect={onConnectTarget}
+		ondisconnect={onDisconnectTarget}
+	/>
+	<div>node {id}</div>
+	<Handle
+		type="source"
+		position={Position.Right}
+		onconnect={onConnectSource}
+		ondisconnect={onDisconnectSource}
+	/>
+</div>
+
+<style>
+	.custom {
+		background-color: #333;
+		padding: 10px;
+		border-radius: 10px;
+		color: #fff;
+	}
+</style>
diff --git a/examples/svelte/src/routes/examples/usenodesdata/+page.svelte b/examples/svelte/src/routes/examples/usenodesdata/+page.svelte
new file mode 100644
index 000000000..7b2d22046
--- /dev/null
+++ b/examples/svelte/src/routes/examples/usenodesdata/+page.svelte
@@ -0,0 +1,80 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import {
+		SvelteFlow,
+		Controls,
+		Background,
+		BackgroundVariant,
+		MiniMap,
+		type Node,
+		type NodeTypes,
+		type Edge
+	} from '@xyflow/svelte';
+	import '@xyflow/svelte/dist/style.css';
+
+	import TextNode from './TextNode.svelte';
+	import UppercaseNode from './UppercaseNode.svelte';
+	import ResultNode from './ResultNode.svelte';
+
+	const nodeTypes: NodeTypes = {
+		text: TextNode,
+		uppercase: UppercaseNode,
+		result: ResultNode
+	};
+
+	const nodes = writable<Node[]>([
+		{
+			id: '1',
+			type: 'text',
+			data: {
+				text: 'hello'
+			},
+			position: { x: -100, y: -50 }
+		},
+		{
+			id: '1a',
+			type: 'uppercase',
+			data: {},
+			position: { x: 100, y: 0 }
+		},
+		{
+			id: '2',
+			type: 'text',
+			data: {
+				text: 'world'
+			},
+			position: { x: 0, y: 100 }
+		},
+
+		{
+			id: '3',
+			type: 'result',
+			data: {},
+			position: { x: 300, y: 50 }
+		}
+	]);
+
+	const edges = writable<Edge[]>([
+		{
+			id: 'e1-1a',
+			source: '1',
+			target: '1a'
+		},
+		{
+			id: 'e1a-3',
+			source: '1a',
+			target: '3'
+		},
+		{
+			id: 'e2-3',
+			source: '2',
+			target: '3'
+		}
+	]);
+</script>
+
+<SvelteFlow {nodes} {edges} {nodeTypes} fitView>
+	<Controls />
+	<Background variant={BackgroundVariant.Dots} />
+	<MiniMap />
+</SvelteFlow>
diff --git a/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte b/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
new file mode 100644
index 000000000..c4150f425
--- /dev/null
+++ b/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
@@ -0,0 +1,38 @@
+<script lang="ts">
+	import {
+		Handle,
+		Position,
+		useHandleConnections,
+		useNodesData,
+		useUpdateNodeData,
+		type NodeProps
+	} from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+
+	export let id: $$Props['id'];
+
+	const connections = useHandleConnections({
+		nodeId: id,
+		type: 'target'
+	});
+
+	const nodeData = useNodesData($connections.map((connection) => connection.source));
+</script>
+
+<div class="custom">
+	<Handle type="target" position={Position.Left} />
+	<div>incoming texts:</div>
+
+	{#each $nodeData as data}
+		<div>{data.text}</div>
+	{/each}
+</div>
+
+<style>
+	.custom {
+		background-color: #eee;
+		padding: 10px;
+		border-radius: 10px;
+	}
+</style>
diff --git a/examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte b/examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte
new file mode 100644
index 000000000..142a14bb9
--- /dev/null
+++ b/examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { Handle, Position, type NodeProps, useUpdateNodeData } from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+
+	export let id: $$Props['id'];
+	export let data: $$Props['data'];
+
+	const updateNodeData = useUpdateNodeData();
+</script>
+
+<div class="custom">
+	<div>node {id}</div>
+	<div>
+		<input
+			value={data.text}
+			on:input={(evt) => updateNodeData(id, { text: evt.currentTarget.value })}
+		/>
+	</div>
+	<Handle type="source" position={Position.Right} />
+</div>
+
+<style>
+	.custom {
+		background-color: #eee;
+		padding: 10px;
+		border-radius: 10px;
+	}
+</style>
diff --git a/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte b/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
new file mode 100644
index 000000000..3e311f1f9
--- /dev/null
+++ b/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+	import {
+		Handle,
+		Position,
+		type NodeProps,
+		useHandleConnections,
+		useNodesData,
+		useUpdateNodeData
+	} from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+
+	export let id: $$Props['id'];
+
+	const updateNodeData = useUpdateNodeData();
+	const connections = useHandleConnections({
+		nodeId: id,
+		type: 'target'
+	});
+
+	$: nodeData = useNodesData($connections[0]?.source);
+
+	$: {
+		updateNodeData(id, { text: $nodeData?.text?.toUpperCase() || '' });
+	}
+</script>
+
+<div class="custom">
+	<Handle type="target" position={Position.Left} isConnectable={$connections.length === 0} />
+	<div>uppercase transform</div>
+	<Handle type="source" position={Position.Right} />
+</div>
+
+<style>
+	.custom {
+		background-color: #eee;
+		padding: 10px;
+		border-radius: 10px;
+	}
+</style>
diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 29231b718..a2c0101f3 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -171,7 +171,7 @@ const Handle = forwardRef<HTMLDivElement, HandleComponentProps>(
         lib,
       });
 
-      if (isValid) {
+      if (isValid && connection) {
         onConnectExtended(connection);
       }
 
diff --git a/packages/react/src/hooks/useHandleConnections.ts b/packages/react/src/hooks/useHandleConnections.ts
index f692ba377..58987aec7 100644
--- a/packages/react/src/hooks/useHandleConnections.ts
+++ b/packages/react/src/hooks/useHandleConnections.ts
@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useRef } from 'react';
-import { Connection, HandleType } from '@xyflow/system';
+import { Connection, HandleType, areConnectionMapsEqual, handleConnectionChange } from '@xyflow/system';
 
 import { useStore } from './useStore';
 import { useNodeId } from '../contexts/NodeIdContext';
@@ -52,55 +52,3 @@ export function useHandleConnections({
 
   return useMemo(() => Array.from(connections?.values() ?? []), [connections]);
 }
-
-/**
- * @internal
- */
-function areConnectionMapsEqual(a?: Map<string, Connection>, b?: Map<string, Connection>) {
-  if (!a && !b) {
-    return true;
-  }
-
-  if (!a || !b || a.size !== b.size) {
-    return false;
-  }
-
-  if (!a.size && !b.size) {
-    return true;
-  }
-
-  for (const key of a.keys()) {
-    if (!b.has(key)) {
-      return false;
-    }
-  }
-
-  return true;
-}
-
-/**
- * We call the callback for all connections in a that are not in b
- *
- * @internal
- */
-function handleConnectionChange(
-  a: Map<string, Connection>,
-  b: Map<string, Connection>,
-  cb?: (diff: Connection[]) => void
-) {
-  if (!cb) {
-    return;
-  }
-
-  const diff: Connection[] = [];
-
-  a.forEach((connection, key) => {
-    if (!b?.has(key)) {
-      diff.push(connection);
-    }
-  });
-
-  if (diff.length) {
-    cb(diff);
-  }
-}
diff --git a/packages/react/src/hooks/useNodesData.ts b/packages/react/src/hooks/useNodesData.ts
index 69927642b..4c242ad38 100644
--- a/packages/react/src/hooks/useNodesData.ts
+++ b/packages/react/src/hooks/useNodesData.ts
@@ -2,9 +2,14 @@ import { useCallback } from 'react';
 import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../hooks/useStore';
+import type { Node } from '../types';
 
-export function useNodesData<NodeData = unknown>(nodeId: string): NodeData | null;
-export function useNodesData<NodeData = unknown>(nodeIds: string[]): NodeData[];
+export function useNodesData<NodeType extends Node = Node>(nodeId: string): NodeType['data'] | null;
+export function useNodesData<NodeType extends Node = Node>(nodeIds: string[]): NodeType['data'][];
+export function useNodesData<NodeType extends Node = Node>(
+  nodeIds: string[],
+  guard: (node: Node) => node is NodeType
+): NodeType['data'][];
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function useNodesData(nodeIds: any): any {
   const nodesData = useStore(
@@ -14,15 +19,17 @@ export function useNodesData(nodeIds: any): any {
           return s.nodeLookup.get(nodeIds)?.data || null;
         }
 
-        return nodeIds.reduce((res, id) => {
-          const node = s.nodeLookup.get(id);
+        const data = [];
 
-          if (node) {
-            res.push(node.data);
+        for (const nodeId of nodeIds) {
+          const nodeData = s.nodeLookup.get(nodeId)?.data;
+
+          if (nodeData) {
+            data.push(nodeData);
           }
+        }
 
-          return res;
-        }, []);
+        return data;
       },
       [nodeIds]
     ),
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 0b308752b..c5c21d7a2 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -7,10 +7,11 @@ import {
   panBy as panBySystem,
   Dimensions,
   updateNodeDimensions as updateNodeDimensionsSystem,
+  updateConnectionLookup,
 } from '@xyflow/system';
 
 import { applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
-import { updateConnectionLookup, updateNodesAndEdgesSelections } from './utils';
+import { updateNodesAndEdgesSelections } from './utils';
 import getInitialState from './initialState';
 import type {
   ReactFlowState,
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index f167a9aa4..8d07617a0 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -5,11 +5,10 @@ import {
   getNodesBounds,
   getViewportForBounds,
   Transform,
-  Connection,
+  updateConnectionLookup,
 } from '@xyflow/system';
 
 import type { Edge, Node, ReactFlowStore } from '../types';
-import { updateConnectionLookup } from './utils';
 
 const getInitialState = ({
   nodes = [],
@@ -24,8 +23,8 @@ const getInitialState = ({
   height?: number;
   fitView?: boolean;
 } = {}): ReactFlowStore => {
-  const nodeLookup = new Map<string, Node>();
-  const connectionLookup = updateConnectionLookup(new Map<string, Map<string, Connection>>(), edges);
+  const nodeLookup = new Map();
+  const connectionLookup = updateConnectionLookup(new Map(), edges);
   const nextNodes = updateNodes(nodes, nodeLookup, { nodeOrigin: [0, 0], elevateNodesOnSelect: false });
 
   let transform: Transform = [0, 0, 1];
diff --git a/packages/react/src/store/utils.ts b/packages/react/src/store/utils.ts
index 7ad5ad434..86cddde7a 100644
--- a/packages/react/src/store/utils.ts
+++ b/packages/react/src/store/utils.ts
@@ -1,6 +1,5 @@
 import type { StoreApi } from 'zustand';
 import type { Edge, EdgeSelectionChange, Node, NodeSelectionChange, ReactFlowState } from '../types';
-import { Connection } from '@xyflow/system';
 
 export function handleControlledSelectionChange<NodeOrEdge extends Node | Edge>(
   changes: NodeSelectionChange[] | EdgeSelectionChange[],
@@ -43,23 +42,3 @@ export function updateNodesAndEdgesSelections({ changedNodes, changedEdges, get,
     onEdgesChange?.(changedEdges);
   }
 }
-
-export function updateConnectionLookup(lookup: Map<string, Map<string, Connection>>, edges: Edge[]) {
-  lookup.clear();
-
-  edges.forEach(({ source, target, sourceHandle = null, targetHandle = null }) => {
-    if (source && target) {
-      const sourceKey = `${source}-source-${sourceHandle}`;
-      const targetKey = `${target}-target-${targetHandle}`;
-
-      const prevSource = lookup.get(sourceKey) || new Map();
-      const prevTarget = lookup.get(targetKey) || new Map();
-      const connection = { source, target, sourceHandle, targetHandle };
-
-      lookup.set(sourceKey, prevSource.set(`${target}-${targetHandle}`, connection));
-      lookup.set(targetKey, prevTarget.set(`${source}-${sourceHandle}`, connection));
-    }
-  });
-
-  return lookup;
-}
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index e4b6a823f..06a6198ec 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -6,7 +6,9 @@
     XYHandle,
     isMouseEvent,
     type Connection,
-    type HandleType
+    type HandleType,
+    areConnectionMapsEqual,
+    handleConnectionChange
   } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
@@ -20,6 +22,8 @@
   export let position: $$Props['position'] = Position.Top;
   export let style: $$Props['style'] = undefined;
   export let isConnectable: $$Props['isConnectable'] = undefined;
+  export let onconnect: $$Props['onconnect'] = undefined;
+  export let ondisconnect: $$Props['ondisconnect'] = undefined;
   // export let isConnectableStart: $$Props['isConnectableStart'] = undefined;
   // export let isConnectableEnd: $$Props['isConnectableEnd'] = undefined;
 
@@ -59,7 +63,9 @@
     panBy,
     cancelConnection,
     updateConnection,
-    autoPanOnConnect
+    autoPanOnConnect,
+    edges,
+    connectionLookup
   } = store;
 
   function onPointerDown(event: MouseEvent | TouchEvent) {
@@ -108,6 +114,26 @@
     }
   }
 
+  let prevConnections: Map<string, Connection> | null = null;
+  let connections: Map<string, Connection> | undefined;
+
+  $: if (onconnect || ondisconnect) {
+    // connectionLookup is not reactive, so we use edges to get notified about updates
+    $edges;
+    connections = $connectionLookup.get(`${nodeId}-${type}-${id || null}`);
+  }
+
+  $: {
+    if (prevConnections && !areConnectionMapsEqual(connections, prevConnections)) {
+      const _connections = connections ?? new Map();
+
+      handleConnectionChange(prevConnections, _connections, ondisconnect);
+      handleConnectionChange(_connections, prevConnections, onconnect);
+    }
+
+    prevConnections = connections ?? new Map();
+  }
+
   // @todo implement connectablestart, connectableend
 </script>
 
diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index f059ff8ed..f52d696a6 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -107,7 +107,7 @@
     trigger: [
       {
         ...deleteKeyDefinition,
-        callback: () => deleteKeyDefinition.key && deleteKeyPressed.set(true)
+        callback: (event) => deleteKeyDefinition.key && deleteKeyPressed.set(true)
       }
     ],
     type: 'keydown'
diff --git a/packages/svelte/src/lib/hooks/useHandleConnections.ts b/packages/svelte/src/lib/hooks/useHandleConnections.ts
new file mode 100644
index 000000000..c8df0daeb
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/useHandleConnections.ts
@@ -0,0 +1,30 @@
+import { derived } from 'svelte/store';
+import { areConnectionMapsEqual, type Connection, type HandleType } from '@xyflow/system';
+
+import { useStore } from '$lib/store';
+
+export type useHandleConnectionsParams = {
+  nodeId: string;
+  type: HandleType;
+  id?: string | null;
+};
+
+const initialConnections: Connection[] = [];
+
+export function useHandleConnections({ nodeId, type, id = null }: useHandleConnectionsParams) {
+  const { edges, connectionLookup } = useStore();
+  let prevConnections: Map<string, Connection> | undefined = undefined;
+
+  return derived(
+    [edges, connectionLookup],
+    ([, connectionLookup], set) => {
+      const nextConnections = connectionLookup.get(`${nodeId}-${type}-${id || null}`);
+
+      if (!areConnectionMapsEqual(nextConnections, prevConnections)) {
+        prevConnections = nextConnections;
+        set(Array.from(prevConnections?.values() || []));
+      }
+    },
+    initialConnections
+  );
+}
diff --git a/packages/svelte/src/lib/hooks/useNodesData.ts b/packages/svelte/src/lib/hooks/useNodesData.ts
new file mode 100644
index 000000000..f50bc8b8e
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/useNodesData.ts
@@ -0,0 +1,64 @@
+import { derived, type Readable } from 'svelte/store';
+
+import type { Node } from '$lib/types';
+import { useStore } from '$lib/store';
+
+function areNodesDataEqual(a: Node['data'][] | null, b: Node['data'][] | null) {
+  if ((!a && !b) || (!a?.length && !b?.length)) {
+    true;
+  }
+
+  if (!a || !b || a.length !== b.length) {
+    return false;
+  }
+
+  for (let i = 0; i < a.length; i++) {
+    if (a[i] !== b[i]) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+export function useNodesData<NodeType extends Node = Node>(
+  nodeId: string
+): Readable<NodeType['data'] | null>;
+export function useNodesData<NodeType extends Node = Node>(
+  nodeIds: string[]
+): Readable<NodeType['data'][]>;
+export function useNodesData<NodeType extends Node = Node>(
+  nodeIds: string[],
+  guard: (node: Node) => node is NodeType
+): Readable<NodeType['data'][]>;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function useNodesData(nodeIds: any): any {
+  const { nodes, nodeLookup } = useStore();
+  let prevNodesData: (Node['data'] | null)[] | null = null;
+
+  return derived([nodes, nodeLookup], ([, nodeLookup], set) => {
+    let nextNodesData: (Node['data'] | null)[] | null = null;
+    const nodeIdArray = Array.isArray(nodeIds);
+
+    if (!nodeIdArray) {
+      nextNodesData = [nodeLookup.get(nodeIds)?.data || null];
+    } else {
+      const data = [];
+
+      for (const nodeId of nodeIds) {
+        const nodeData = nodeLookup.get(nodeId)?.data;
+
+        if (nodeData) {
+          data.push(nodeData);
+        }
+      }
+
+      nextNodesData = data;
+    }
+
+    if (!areNodesDataEqual(nextNodesData, prevNodesData)) {
+      prevNodesData = nextNodesData;
+      set(nodeIdArray ? nextNodesData : nextNodesData[0]);
+    }
+  });
+}
diff --git a/packages/svelte/src/lib/hooks/useUpdateNodeData.ts b/packages/svelte/src/lib/hooks/useUpdateNodeData.ts
new file mode 100644
index 000000000..cb45dd10e
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/useUpdateNodeData.ts
@@ -0,0 +1,22 @@
+import { useStore } from '$lib/store';
+
+export function useUpdateNodeData(): (id: string, data: unknown) => void {
+  const { nodes } = useStore();
+
+  const updateNodeData = (id: string, data: unknown) => {
+    nodes.update((nds) =>
+      nds.map((node) => {
+        if (node.id === id) {
+          return {
+            ...node,
+            data
+          };
+        }
+
+        return node;
+      })
+    );
+  };
+
+  return updateNodeData;
+}
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index a91074152..71841ec7f 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -27,6 +27,9 @@ export * from '$lib/hooks/useSvelteFlow';
 export * from '$lib/hooks/useUpdateNodeInternals';
 export * from '$lib/hooks/useConnection';
 export * from '$lib/hooks/useNodesEdges';
+export * from '$lib/hooks/useHandleConnections';
+export * from '$lib/hooks/useNodesData';
+export * from '$lib/hooks/useUpdateNodeData';
 
 // types
 export type {
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 9f51abc30..ceec1c7b8 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -17,7 +17,9 @@ import {
   type Viewport,
   updateNodes,
   getNodesBounds,
-  getViewportForBounds
+  getViewportForBounds,
+  updateConnectionLookup,
+  type ConnectionLookup
 } from '@xyflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -72,11 +74,12 @@ export const getInitialStore = ({
   height?: number;
   fitView?: boolean;
 }) => {
-  const nodeLookup = new Map<string, Node>();
+  const nodeLookup = new Map();
   const nextNodes = updateNodes(nodes, nodeLookup, {
     nodeOrigin: [0, 0],
     elevateNodesOnSelect: false
   });
+  const connectionLookup = updateConnectionLookup(new Map(), edges);
 
   let viewport: Viewport = { x: 0, y: 0, zoom: 1 };
 
@@ -91,8 +94,9 @@ export const getInitialStore = ({
     nodes: createNodesStore(nextNodes, nodeLookup),
     nodeLookup: readable<Map<string, Node>>(nodeLookup),
     visibleNodes: readable<Node[]>([]),
-    edges: createEdgesStore(edges),
+    edges: createEdgesStore(edges, connectionLookup),
     edgeTree: readable<GroupedEdges<EdgeLayouted>[]>([]),
+    connectionLookup: readable<ConnectionLookup>(connectionLookup),
     height: writable<number>(500),
     width: writable<number>(500),
     minZoom: writable<number>(0.5),
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index a11bf1f69..b9292ca78 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -6,7 +6,13 @@ import {
   type Writable,
   get
 } from 'svelte/store';
-import { updateNodes, type Viewport, type PanZoomInstance } from '@xyflow/system';
+import {
+  updateNodes,
+  type Viewport,
+  type PanZoomInstance,
+  type ConnectionLookup,
+  updateConnectionLookup
+} from '@xyflow/system';
 
 import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, Node } from '$lib/types';
 
@@ -168,6 +174,7 @@ export const createNodesStore = (
 
 export const createEdgesStore = (
   edges: Edge[],
+  connectionLookup: ConnectionLookup,
   defaultOptions?: DefaultEdgeOptions
 ): Writable<Edge[]> & { setDefaultOptions: (opts: DefaultEdgeOptions) => void } => {
   const { subscribe, set, update } = writable<Edge[]>([]);
@@ -176,6 +183,9 @@ export const createEdgesStore = (
 
   const _set: typeof set = (eds: Edge[]) => {
     const nextEdges = defaults ? eds.map((edge) => ({ ...defaults, ...edge })) : eds;
+
+    updateConnectionLookup(connectionLookup, nextEdges);
+
     value = nextEdges;
     set(value);
   };
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index 626667053..5d33a97c0 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -31,6 +31,8 @@ export type HandleComponentProps = {
   isConnectable?: boolean;
   isConnectableStart?: boolean;
   isConnectableEnd?: boolean;
+  onconnect?: (connections: Connection[]) => void;
+  ondisconnect?: (connections: Connection[]) => void;
 };
 
 export type FitViewOptions = FitViewOptionsBase<Node>;
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index e601ee087..1591cca4e 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -139,3 +139,5 @@ export type UpdateConnection = (params: {
 
 export type ColorModeClass = 'light' | 'dark';
 export type ColorMode = ColorModeClass | 'system';
+
+export type ConnectionLookup = Map<string, Map<string, Connection>>;
diff --git a/packages/system/src/utils/connections.ts b/packages/system/src/utils/connections.ts
new file mode 100644
index 000000000..ded405c31
--- /dev/null
+++ b/packages/system/src/utils/connections.ts
@@ -0,0 +1,53 @@
+import { Connection } from '../types';
+
+/**
+ * @internal
+ */
+export function areConnectionMapsEqual(a?: Map<string, Connection>, b?: Map<string, Connection>) {
+  if (!a && !b) {
+    return true;
+  }
+
+  if (!a || !b || a.size !== b.size) {
+    return false;
+  }
+
+  if (!a.size && !b.size) {
+    return true;
+  }
+
+  for (const key of a.keys()) {
+    if (!b.has(key)) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+/**
+ * We call the callback for all connections in a that are not in b
+ *
+ * @internal
+ */
+export function handleConnectionChange(
+  a: Map<string, Connection>,
+  b: Map<string, Connection>,
+  cb?: (diff: Connection[]) => void
+) {
+  if (!cb) {
+    return;
+  }
+
+  const diff: Connection[] = [];
+
+  a.forEach((connection, key) => {
+    if (!b?.has(key)) {
+      diff.push(connection);
+    }
+  });
+
+  if (diff.length) {
+    cb(diff);
+  }
+}
diff --git a/packages/system/src/utils/index.ts b/packages/system/src/utils/index.ts
index 4937033cd..cd66e951e 100644
--- a/packages/system/src/utils/index.ts
+++ b/packages/system/src/utils/index.ts
@@ -1,3 +1,4 @@
+export * from './connections';
 export * from './dom';
 export * from './edges';
 export * from './graph';
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index eca6b8de6..86434a724 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -9,6 +9,8 @@ import {
   Transform,
   XYPosition,
   XYZPosition,
+  ConnectionLookup,
+  EdgeBase,
 } from '../types';
 import { getDimensions, getHandleBounds } from './dom';
 import { isNumeric } from './general';
@@ -71,11 +73,13 @@ export function updateNodes<NodeType extends NodeBase>(
     defaults: {},
   }
 ): NodeType[] {
+  const tmpLookup = new Map(nodeLookup);
+  nodeLookup.clear();
   const parentNodes: ParentNodes = {};
   const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
 
   const nextNodes = nodes.map((n) => {
-    const currentStoreNode = nodeLookup.get(n.id);
+    const currentStoreNode = tmpLookup.get(n.id);
     const node: NodeType = {
       ...options.defaults,
       ...n,
@@ -233,3 +237,23 @@ export function panBy({
 
   return transformChanged;
 }
+
+export function updateConnectionLookup(lookup: ConnectionLookup, edges: EdgeBase[]) {
+  lookup.clear();
+
+  edges.forEach(({ source, target, sourceHandle = null, targetHandle = null }) => {
+    if (source && target) {
+      const sourceKey = `${source}-source-${sourceHandle}`;
+      const targetKey = `${target}-target-${targetHandle}`;
+
+      const prevSource = lookup.get(sourceKey) || new Map();
+      const prevTarget = lookup.get(targetKey) || new Map();
+      const connection = { source, target, sourceHandle, targetHandle };
+
+      lookup.set(sourceKey, prevSource.set(`${target}-${targetHandle}`, connection));
+      lookup.set(targetKey, prevTarget.set(`${source}-${sourceHandle}`, connection));
+    }
+  });
+
+  return lookup;
+}
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 6ec865284..826a1c80d 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -58,12 +58,10 @@ export type XYHandleInstance = {
 type Result = {
   handleDomNode: Element | null;
   isValid: boolean;
-  connection: Connection;
+  connection: Connection | null;
   endHandle: ConnectingHandle | null;
 };
 
-const nullConnection: Connection = { source: null, target: null, sourceHandle: null, targetHandle: null };
-
 const alwaysValid = () => true;
 
 let connectionStartHandle: ConnectingHandle | null = null;
@@ -197,7 +195,7 @@ function onPointerDown(
       return resetRecentHandle(prevActiveHandle, lib);
     }
 
-    if (connection.source !== connection.target && handleDomNode) {
+    if (connection?.source !== connection?.target && handleDomNode) {
       resetRecentHandle(prevActiveHandle, lib);
       prevActiveHandle = handleDomNode;
       handleDomNode.classList.add('connecting', `${lib}-flow__handle-connecting`);
@@ -269,7 +267,7 @@ function isValidHandle(
   const result: Result = {
     handleDomNode: handleToCheck,
     isValid: false,
-    connection: nullConnection,
+    connection: null,
     endHandle: null,
   };
 
@@ -280,6 +278,10 @@ function isValidHandle(
     const connectable = handleToCheck.classList.contains('connectable');
     const connectableEnd = handleToCheck.classList.contains('connectableend');
 
+    if (!handleNodeId) {
+      return result;
+    }
+
     const connection: Connection = {
       source: isTarget ? handleNodeId : fromNodeId,
       sourceHandle: isTarget ? handleId : fromHandleId,

From fcf151f6cb543a248f9d49ce884d67460134c8e0 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 11 Dec 2023 19:35:31 +0100
Subject: [PATCH 0404/1093] fix(svelte): shortcut delete/input issue #3712

---
 .../examples/usenodesdata/ResultNode.svelte   |  2 +-
 .../svelte/src/lib/actions/shortcut/index.ts  | 89 +++++++++++++++++++
 .../components/KeyHandler/KeyHandler.svelte   | 35 +++++---
 3 files changed, 113 insertions(+), 13 deletions(-)
 create mode 100644 packages/svelte/src/lib/actions/shortcut/index.ts

diff --git a/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte b/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
index c4150f425..2664e8efc 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
@@ -17,7 +17,7 @@
 		type: 'target'
 	});
 
-	const nodeData = useNodesData($connections.map((connection) => connection.source));
+	$: nodeData = useNodesData($connections.map((connection) => connection.source));
 </script>
 
 <div class="custom">
diff --git a/packages/svelte/src/lib/actions/shortcut/index.ts b/packages/svelte/src/lib/actions/shortcut/index.ts
new file mode 100644
index 000000000..10c1e2076
--- /dev/null
+++ b/packages/svelte/src/lib/actions/shortcut/index.ts
@@ -0,0 +1,89 @@
+// Shortcut action is copied and slightly adjusted from https://github.com/vnphanquang/svelte-put/tree/main/packages/actions/shortcut
+// If this discussion https://github.com/vnphanquang/svelte-put/discussions/256 gets resolved, we will use the original action again.
+
+export interface ShortcutEventDetail {
+  event: KeyboardEvent;
+  trigger: ShortcutTrigger;
+}
+
+export type ShortcutModifier = 'alt' | 'ctrl' | 'meta' | 'shift';
+
+export type ShortcutModifierDefinition =
+  | ShortcutModifier
+  | ShortcutModifier[]
+  | ShortcutModifier[][];
+
+export type ShortcutTrigger = {
+  enabled?: boolean;
+  modifier?: ShortcutModifierDefinition;
+  id?: string;
+  key: string;
+  callback?: (detail: ShortcutEventDetail) => void;
+  preventDefault?: boolean;
+};
+
+export type ShortcutParameter = {
+  enabled?: boolean;
+  trigger: Array<ShortcutTrigger> | ShortcutTrigger;
+  type?: 'keydown' | 'keyup';
+};
+
+export function shortcut(node: Window, param: ShortcutParameter) {
+  let { enabled = true, trigger, type = 'keydown' } = param;
+
+  function handler(event: KeyboardEvent) {
+    const normalizedTriggers = Array.isArray(trigger) ? trigger : [trigger];
+    const modifiedMap = {
+      alt: event.altKey,
+      ctrl: event.ctrlKey,
+      shift: event.shiftKey,
+      meta: event.metaKey
+    };
+    for (const trigger of normalizedTriggers) {
+      const mergedTrigger = {
+        modifier: [],
+        preventDefault: false,
+        enabled: true,
+        ...trigger
+      };
+      const { modifier, key, callback, preventDefault, enabled: triggerEnabled } = mergedTrigger;
+      if (triggerEnabled) {
+        if (modifier.length) {
+          const modifierDefs = (Array.isArray(modifier) ? modifier : [modifier]).map((def) =>
+            typeof def === 'string' ? [def] : def
+          );
+          const modified = modifierDefs.some((def) =>
+            def.every((modifier) => modifiedMap[modifier])
+          );
+          if (!modified) continue;
+        }
+        if (event.key === key) {
+          if (preventDefault) event.preventDefault();
+          const detail = { event, trigger: mergedTrigger };
+          callback?.(detail);
+        }
+      }
+    }
+  }
+
+  if (enabled) node.addEventListener(type, handler);
+
+  return {
+    update: (update: ShortcutParameter) => {
+      const { enabled: newEnabled = true, type: newType = 'keydown' } = update;
+
+      if (enabled && (!newEnabled || type !== newType)) {
+        node.removeEventListener(type, handler);
+      } else if (!enabled && newEnabled) {
+        node.addEventListener(newType, handler);
+      }
+
+      enabled = newEnabled;
+      type = newType;
+      trigger = update.trigger;
+    },
+    destroy: () => {
+      node.removeEventListener(type, handler);
+    }
+  };
+}
diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index f52d696a6..54f3a9c10 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-  import { shortcut, type ShortcutModifierDefinition } from '@svelte-put/shortcut';
+  import { isInputDOMNode, isMacOs } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import type { KeyHandlerProps } from './types';
   import type { KeyDefinition, KeyDefinitionObject } from '$lib/types';
-  import { isMacOs } from '@xyflow/system';
+  import { shortcut, type ShortcutModifierDefinition } from '../../actions/shortcut';
 
   type $$Props = KeyHandlerProps;
 
@@ -71,16 +71,19 @@
     trigger: [
       {
         ...selectionKeyDefinition,
-        callback: () => selectionKeyDefinition.key && selectionKeyPressed.set(true)
+        enabled: selectionKeyDefinition.key !== null,
+        callback: () => selectionKeyPressed.set(true)
       }
     ],
+
     type: 'keydown'
   }}
   use:shortcut={{
     trigger: [
       {
         ...selectionKeyDefinition,
-        callback: () => selectionKeyDefinition.key && selectionKeyPressed.set(false)
+        enabled: selectionKeyDefinition.key !== null,
+        callback: () => selectionKeyPressed.set(false)
       }
     ],
     type: 'keyup'
@@ -89,7 +92,8 @@
     trigger: [
       {
         ...multiSelectionKeyDefinition,
-        callback: () => multiSelectionKeyDefinition.key && multiselectionKeyPressed.set(true)
+        enabled: multiSelectionKeyDefinition.key !== null,
+        callback: () => multiselectionKeyPressed.set(true)
       }
     ],
     type: 'keydown'
@@ -98,7 +102,8 @@
     trigger: [
       {
         ...multiSelectionKeyDefinition,
-        callback: () => multiSelectionKeyDefinition.key && multiselectionKeyPressed.set(false)
+        enabled: multiSelectionKeyDefinition.key !== null,
+        callback: () => multiselectionKeyPressed.set(false)
       }
     ],
     type: 'keyup'
@@ -107,7 +112,8 @@
     trigger: [
       {
         ...deleteKeyDefinition,
-        callback: (event) => deleteKeyDefinition.key && deleteKeyPressed.set(true)
+        enabled: deleteKeyDefinition.key !== null,
+        callback: (detail) => !isInputDOMNode(detail.event) && deleteKeyPressed.set(true)
       }
     ],
     type: 'keydown'
@@ -116,7 +122,8 @@
     trigger: [
       {
         ...deleteKeyDefinition,
-        callback: () => deleteKeyDefinition.key && deleteKeyPressed.set(false)
+        enabled: deleteKeyDefinition.key !== null,
+        callback: () => deleteKeyPressed.set(false)
       }
     ],
     type: 'keyup'
@@ -125,7 +132,8 @@
     trigger: [
       {
         ...panActivationKeyDefinition,
-        callback: () => panActivationKeyDefinition.key && panActivationKeyPressed.set(true)
+        enabled: panActivationKeyDefinition.key !== null,
+        callback: () => panActivationKeyPressed.set(true)
       }
     ],
     type: 'keydown'
@@ -134,7 +142,8 @@
     trigger: [
       {
         ...panActivationKeyDefinition,
-        callback: () => panActivationKeyDefinition.key && panActivationKeyPressed.set(false)
+        enabled: panActivationKeyDefinition.key !== null,
+        callback: () => panActivationKeyPressed.set(false)
       }
     ],
     type: 'keyup'
@@ -143,7 +152,8 @@
     trigger: [
       {
         ...zoomActivationKeyDefinition,
-        callback: () => zoomActivationKeyDefinition.key && zoomActivationKeyPressed.set(true)
+        enabled: zoomActivationKeyDefinition.key !== null,
+        callback: () => zoomActivationKeyPressed.set(true)
       }
     ],
     type: 'keydown'
@@ -152,7 +162,8 @@
     trigger: [
       {
         ...zoomActivationKeyDefinition,
-        callback: () => zoomActivationKeyDefinition.key && zoomActivationKeyPressed.set(false)
+        enabled: zoomActivationKeyDefinition.key !== null,
+        callback: () => zoomActivationKeyPressed.set(false)
       }
     ],
     type: 'keyup'

From b0d4c1b08131d34bc0795699c685a696cc59db68 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Mon, 11 Dec 2023 19:51:40 +0100
Subject: [PATCH 0405/1093] Update ResultNode.tsx

---
 examples/react/src/examples/UseNodesData/ResultNode.tsx | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/examples/react/src/examples/UseNodesData/ResultNode.tsx b/examples/react/src/examples/UseNodesData/ResultNode.tsx
index 324da1fe5..38508b7a6 100644
--- a/examples/react/src/examples/UseNodesData/ResultNode.tsx
+++ b/examples/react/src/examples/UseNodesData/ResultNode.tsx
@@ -7,10 +7,6 @@ function ResultNode() {
   });
   const nodesData = useNodesData(connections.map((connection) => connection.source));
 
-  useEffect(() => {
-    console.log('incoming data changed', nodesData);
-  }, [nodesData]);
-
   return (
     <div style={{ background: '#eee', color: '#222', padding: 10, fontSize: 12, borderRadius: 10 }}>
       <Handle type="target" position={Position.Left} />

From 6cf8589ea84f9ca78a35537c6aee8ec408ca5e9a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 12 Dec 2023 10:50:12 +0100
Subject: [PATCH 0406/1093] refactor(react): shorter useHandleConnections
 params

---
 .../react/src/examples/UseNodesData/ResultNode.tsx |  4 ++--
 .../src/examples/UseNodesData/UppercaseNode.tsx    |  2 +-
 packages/react/src/hooks/useHandleConnections.ts   | 14 +++++++-------
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/examples/react/src/examples/UseNodesData/ResultNode.tsx b/examples/react/src/examples/UseNodesData/ResultNode.tsx
index 38508b7a6..ac9777ddb 100644
--- a/examples/react/src/examples/UseNodesData/ResultNode.tsx
+++ b/examples/react/src/examples/UseNodesData/ResultNode.tsx
@@ -1,9 +1,9 @@
-import { memo, useEffect } from 'react';
+import { memo } from 'react';
 import { Handle, Position, useHandleConnections, useNodesData } from '@xyflow/react';
 
 function ResultNode() {
   const connections = useHandleConnections({
-    handleType: 'target',
+    type: 'target',
   });
   const nodesData = useNodesData(connections.map((connection) => connection.source));
 
diff --git a/examples/react/src/examples/UseNodesData/UppercaseNode.tsx b/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
index 06cf84a80..438c25cc8 100644
--- a/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
+++ b/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
@@ -3,7 +3,7 @@ import { Position, NodeProps, useUpdateNodeData, Handle, useHandleConnections, u
 
 function UppercaseNode({ id }: NodeProps) {
   const connections = useHandleConnections({
-    handleType: 'target',
+    type: 'target',
   });
   const nodeData = useNodesData(connections[0]?.source);
   const updateNodeData = useUpdateNodeData();
diff --git a/packages/react/src/hooks/useHandleConnections.ts b/packages/react/src/hooks/useHandleConnections.ts
index 58987aec7..c9a026d9a 100644
--- a/packages/react/src/hooks/useHandleConnections.ts
+++ b/packages/react/src/hooks/useHandleConnections.ts
@@ -5,9 +5,9 @@ import { useStore } from './useStore';
 import { useNodeId } from '../contexts/NodeIdContext';
 
 type useHandleConnectionsParams = {
-  handleType: HandleType;
+  type: HandleType;
+  id?: string | null;
   nodeId?: string;
-  handleId?: string | null;
   onConnect?: (connections: Connection[]) => void;
   onDisconnect?: (connections: Connection[]) => void;
 };
@@ -16,16 +16,16 @@ type useHandleConnectionsParams = {
  *  Hook to check if a <Handle /> is connected to another <Handle /> and get the connections.
  *
  * @public
- * @param param.handleType - 'source' or 'target'
- * @param param.handleId - the handle id (this is only needed if the node has multiple handles of the same type)
+ * @param param.type - handle type 'source' or 'target'
+ * @param param.id - the handle id (this is only needed if the node has multiple handles of the same type)
  * @param param.nodeId - node id - if not provided, the node id from the NodeIdContext is used
  * @param param.onConnect - gets called when a connection is established
  * @param param.onDisconnect - gets called when a connection is removed
  * @returns an array with connections
  */
 export function useHandleConnections({
-  handleType,
-  handleId = null,
+  type,
+  id = null,
   nodeId,
   onConnect,
   onDisconnect,
@@ -35,7 +35,7 @@ export function useHandleConnections({
   const currentNodeId = nodeId || _nodeId;
 
   const connections = useStore(
-    (state) => state.connectionLookup.get(`${currentNodeId}-${handleType}-${handleId}`),
+    (state) => state.connectionLookup.get(`${currentNodeId}-${type}-${id}`),
     areConnectionMapsEqual
   );
 

From 75979922ea9fe745777b3683da336a73879c48b8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 12 Dec 2023 13:51:58 +0100
Subject: [PATCH 0407/1093] refactor(hooks): rename useUpdateNodeData to
 useSetNodeData and adjust api

---
 .../src/examples/UseNodesData/TextNode.tsx    |  6 ++--
 .../examples/UseNodesData/UppercaseNode.tsx   |  6 ++--
 .../examples/usenodesdata/ResultNode.svelte   |  1 -
 .../examples/usenodesdata/TextNode.svelte     |  6 ++--
 .../usenodesdata/UppercaseNode.svelte         |  6 ++--
 packages/react/src/hooks/useSetNodeData.ts    | 30 +++++++++++++++++++
 packages/react/src/hooks/useUpdateNodeData.ts | 13 --------
 packages/react/src/index.ts                   |  2 +-
 .../svelte/src/lib/hooks/useSetNodeData.ts    | 28 +++++++++++++++++
 .../svelte/src/lib/hooks/useUpdateNodeData.ts | 22 --------------
 packages/svelte/src/lib/index.ts              |  2 +-
 11 files changed, 72 insertions(+), 50 deletions(-)
 create mode 100644 packages/react/src/hooks/useSetNodeData.ts
 delete mode 100644 packages/react/src/hooks/useUpdateNodeData.ts
 create mode 100644 packages/svelte/src/lib/hooks/useSetNodeData.ts
 delete mode 100644 packages/svelte/src/lib/hooks/useUpdateNodeData.ts

diff --git a/examples/react/src/examples/UseNodesData/TextNode.tsx b/examples/react/src/examples/UseNodesData/TextNode.tsx
index a7388cb06..e787d824a 100644
--- a/examples/react/src/examples/UseNodesData/TextNode.tsx
+++ b/examples/react/src/examples/UseNodesData/TextNode.tsx
@@ -1,10 +1,10 @@
 import { memo, ChangeEventHandler } from 'react';
-import { Position, NodeProps, useUpdateNodeData, Handle } from '@xyflow/react';
+import { Position, NodeProps, useSetNodeData, Handle } from '@xyflow/react';
 
 function TextNode({ id, data }: NodeProps) {
-  const updateNodeData = useUpdateNodeData();
+  const setNodeData = useSetNodeData();
 
-  const onChange: ChangeEventHandler<HTMLInputElement> = (evt) => updateNodeData(id, { text: evt.target.value });
+  const onChange: ChangeEventHandler<HTMLInputElement> = (evt) => setNodeData(id, { text: evt.target.value });
 
   return (
     <div style={{ background: '#eee', color: '#222', padding: 10, fontSize: 12, borderRadius: 10 }}>
diff --git a/examples/react/src/examples/UseNodesData/UppercaseNode.tsx b/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
index 438c25cc8..47ecd87c3 100644
--- a/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
+++ b/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
@@ -1,15 +1,15 @@
 import { memo, useEffect } from 'react';
-import { Position, NodeProps, useUpdateNodeData, Handle, useHandleConnections, useNodesData } from '@xyflow/react';
+import { Position, NodeProps, useSetNodeData, Handle, useHandleConnections, useNodesData } from '@xyflow/react';
 
 function UppercaseNode({ id }: NodeProps) {
   const connections = useHandleConnections({
     type: 'target',
   });
   const nodeData = useNodesData(connections[0]?.source);
-  const updateNodeData = useUpdateNodeData();
+  const setNodeData = useSetNodeData();
 
   useEffect(() => {
-    updateNodeData(id, { text: nodeData?.text.toUpperCase() });
+    setNodeData(id, { text: nodeData?.text.toUpperCase() });
   }, [nodeData]);
 
   return (
diff --git a/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte b/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
index 2664e8efc..9dd981735 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
@@ -4,7 +4,6 @@
 		Position,
 		useHandleConnections,
 		useNodesData,
-		useUpdateNodeData,
 		type NodeProps
 	} from '@xyflow/svelte';
 
diff --git a/examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte b/examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte
index 142a14bb9..63f2d83b9 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import { Handle, Position, type NodeProps, useUpdateNodeData } from '@xyflow/svelte';
+	import { Handle, Position, type NodeProps, useSetNodeData } from '@xyflow/svelte';
 
 	type $$Props = NodeProps;
 
 	export let id: $$Props['id'];
 	export let data: $$Props['data'];
 
-	const updateNodeData = useUpdateNodeData();
+	const setNodeData = useSetNodeData();
 </script>
 
 <div class="custom">
@@ -14,7 +14,7 @@
 	<div>
 		<input
 			value={data.text}
-			on:input={(evt) => updateNodeData(id, { text: evt.currentTarget.value })}
+			on:input={(evt) => setNodeData(id, { text: evt.currentTarget.value })}
 		/>
 	</div>
 	<Handle type="source" position={Position.Right} />
diff --git a/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte b/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
index 3e311f1f9..b23481d8f 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
@@ -5,14 +5,14 @@
 		type NodeProps,
 		useHandleConnections,
 		useNodesData,
-		useUpdateNodeData
+		useSetNodeData
 	} from '@xyflow/svelte';
 
 	type $$Props = NodeProps;
 
 	export let id: $$Props['id'];
 
-	const updateNodeData = useUpdateNodeData();
+	const setNodeData = useSetNodeData();
 	const connections = useHandleConnections({
 		nodeId: id,
 		type: 'target'
@@ -21,7 +21,7 @@
 	$: nodeData = useNodesData($connections[0]?.source);
 
 	$: {
-		updateNodeData(id, { text: $nodeData?.text?.toUpperCase() || '' });
+		setNodeData(id, { text: $nodeData?.text?.toUpperCase() || '' });
 	}
 </script>
 
diff --git a/packages/react/src/hooks/useSetNodeData.ts b/packages/react/src/hooks/useSetNodeData.ts
new file mode 100644
index 000000000..16d33f669
--- /dev/null
+++ b/packages/react/src/hooks/useSetNodeData.ts
@@ -0,0 +1,30 @@
+import { useCallback } from 'react';
+
+import useReactFlow from './useReactFlow';
+import { Node } from '../types';
+
+export function useSetNodeData<NodeType extends Node = Node>() {
+  const { setNodes } = useReactFlow();
+
+  const setNodeData = useCallback(
+    function setNodesData(
+      id: string,
+      dataUpdate: object | ((node: NodeType) => object),
+      options: { replace: boolean } = { replace: true }
+    ) {
+      setNodes((prevNodes) =>
+        prevNodes.map((node) => {
+          if (node.id === id) {
+            const nextData = typeof dataUpdate === 'function' ? dataUpdate(node as NodeType) : dataUpdate;
+            return options.replace ? { ...node, data: nextData } : { ...node, data: { ...node.data, ...nextData } };
+          }
+
+          return node;
+        })
+      );
+    },
+    [setNodes]
+  );
+
+  return setNodeData;
+}
diff --git a/packages/react/src/hooks/useUpdateNodeData.ts b/packages/react/src/hooks/useUpdateNodeData.ts
deleted file mode 100644
index 10cd71e22..000000000
--- a/packages/react/src/hooks/useUpdateNodeData.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { useCallback } from 'react';
-
-import useReactFlow from './useReactFlow';
-
-export function useUpdateNodeData() {
-  const { setNodes } = useReactFlow();
-
-  const updateNodeData = useCallback((id: string, data: unknown) => {
-    setNodes((prevNodes) => prevNodes.map((node) => (node.id === id ? { ...node, data } : node)));
-  }, []);
-
-  return updateNodeData;
-}
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 63b70c988..ab450904a 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -23,7 +23,7 @@ export { default as useOnViewportChange, type UseOnViewportChangeOptions } from
 export { default as useOnSelectionChange, type UseOnSelectionChangeOptions } from './hooks/useOnSelectionChange';
 export { default as useNodesInitialized, type UseNodesInitializedOptions } from './hooks/useNodesInitialized';
 export { useHandleConnections } from './hooks/useHandleConnections';
-export { useUpdateNodeData } from './hooks/useUpdateNodeData';
+export { useSetNodeData } from './hooks/useSetNodeData';
 export { useNodesData } from './hooks/useNodesData';
 export { useNodeId } from './contexts/NodeIdContext';
 
diff --git a/packages/svelte/src/lib/hooks/useSetNodeData.ts b/packages/svelte/src/lib/hooks/useSetNodeData.ts
new file mode 100644
index 000000000..51aaaacb3
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/useSetNodeData.ts
@@ -0,0 +1,28 @@
+import { useStore } from '$lib/store';
+import type { Node } from '$lib/types';
+
+export function useSetNodeData<NodeType extends Node = Node>() {
+  const { nodes } = useStore();
+
+  const setNodeData = (
+    id: string,
+    dataUpdate: object | ((node: NodeType) => object),
+    options: { replace: boolean } = { replace: true }
+  ) => {
+    nodes.update((nds) =>
+      nds.map((node) => {
+        if (node.id === id) {
+          const nextData =
+            typeof dataUpdate === 'function' ? dataUpdate(node as NodeType) : dataUpdate;
+          return options.replace
+            ? { ...node, data: nextData }
+            : { ...node, data: { ...node.data, ...nextData } };
+        }
+
+        return node;
+      })
+    );
+  };
+
+  return setNodeData;
+}
diff --git a/packages/svelte/src/lib/hooks/useUpdateNodeData.ts b/packages/svelte/src/lib/hooks/useUpdateNodeData.ts
deleted file mode 100644
index cb45dd10e..000000000
--- a/packages/svelte/src/lib/hooks/useUpdateNodeData.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useStore } from '$lib/store';
-
-export function useUpdateNodeData(): (id: string, data: unknown) => void {
-  const { nodes } = useStore();
-
-  const updateNodeData = (id: string, data: unknown) => {
-    nodes.update((nds) =>
-      nds.map((node) => {
-        if (node.id === id) {
-          return {
-            ...node,
-            data
-          };
-        }
-
-        return node;
-      })
-    );
-  };
-
-  return updateNodeData;
-}
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 71841ec7f..4675f2ca5 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -29,7 +29,7 @@ export * from '$lib/hooks/useConnection';
 export * from '$lib/hooks/useNodesEdges';
 export * from '$lib/hooks/useHandleConnections';
 export * from '$lib/hooks/useNodesData';
-export * from '$lib/hooks/useUpdateNodeData';
+export * from '$lib/hooks/useSetNodeData';
 
 // types
 export type {

From 8ceb1addc186726990f7ba2471abe410bf0aa6d7 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 12 Dec 2023 18:52:45 +0100
Subject: [PATCH 0408/1093] refactor(useSetNodeData): put function in
 useReactFlow/useSvelteFlow

---
 .../src/examples/UseNodesData/TextNode.tsx    |   6 +-
 .../examples/UseNodesData/UppercaseNode.tsx   |   6 +-
 .../examples/usenodesdata/TextNode.svelte     |   6 +-
 .../usenodesdata/UppercaseNode.svelte         |   6 +-
 packages/react/src/hooks/useReactFlow.ts      |  35 +++-
 packages/react/src/hooks/useSetNodeData.ts    |  30 ---
 packages/react/src/index.ts                   |   1 -
 packages/react/src/types/instance.ts          |  13 ++
 packages/react/src/utils/general.ts           |   4 +-
 packages/svelte/package.json                  |   2 +-
 .../svelte/src/lib/actions/shortcut/index.ts  |  89 ---------
 .../components/KeyHandler/KeyHandler.svelte   |   4 +-
 .../svelte/src/lib/hooks/useSetNodeData.ts    |  28 ---
 .../svelte/src/lib/hooks/useSvelteFlow.ts     |  67 ++++---
 packages/svelte/src/lib/index.ts              |   1 -
 packages/svelte/src/lib/utils/index.ts        |   4 +-
 packages/system/src/utils/graph.ts            |  11 +-
 pnpm-lock.yaml                                | 188 ++++++++++++++----
 18 files changed, 254 insertions(+), 247 deletions(-)
 delete mode 100644 packages/react/src/hooks/useSetNodeData.ts
 delete mode 100644 packages/svelte/src/lib/actions/shortcut/index.ts
 delete mode 100644 packages/svelte/src/lib/hooks/useSetNodeData.ts

diff --git a/examples/react/src/examples/UseNodesData/TextNode.tsx b/examples/react/src/examples/UseNodesData/TextNode.tsx
index e787d824a..6ca424e60 100644
--- a/examples/react/src/examples/UseNodesData/TextNode.tsx
+++ b/examples/react/src/examples/UseNodesData/TextNode.tsx
@@ -1,10 +1,10 @@
 import { memo, ChangeEventHandler } from 'react';
-import { Position, NodeProps, useSetNodeData, Handle } from '@xyflow/react';
+import { Position, NodeProps, Handle, useReactFlow } from '@xyflow/react';
 
 function TextNode({ id, data }: NodeProps) {
-  const setNodeData = useSetNodeData();
+  const { updateNodeData } = useReactFlow();
 
-  const onChange: ChangeEventHandler<HTMLInputElement> = (evt) => setNodeData(id, { text: evt.target.value });
+  const onChange: ChangeEventHandler<HTMLInputElement> = (evt) => updateNodeData(id, { text: evt.target.value });
 
   return (
     <div style={{ background: '#eee', color: '#222', padding: 10, fontSize: 12, borderRadius: 10 }}>
diff --git a/examples/react/src/examples/UseNodesData/UppercaseNode.tsx b/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
index 47ecd87c3..699dc37ee 100644
--- a/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
+++ b/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
@@ -1,15 +1,15 @@
 import { memo, useEffect } from 'react';
-import { Position, NodeProps, useSetNodeData, Handle, useHandleConnections, useNodesData } from '@xyflow/react';
+import { Position, NodeProps, useReactFlow, Handle, useHandleConnections, useNodesData } from '@xyflow/react';
 
 function UppercaseNode({ id }: NodeProps) {
+  const { updateNodeData } = useReactFlow();
   const connections = useHandleConnections({
     type: 'target',
   });
   const nodeData = useNodesData(connections[0]?.source);
-  const setNodeData = useSetNodeData();
 
   useEffect(() => {
-    setNodeData(id, { text: nodeData?.text.toUpperCase() });
+    updateNodeData(id, { text: nodeData?.text.toUpperCase() });
   }, [nodeData]);
 
   return (
diff --git a/examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte b/examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte
index 63f2d83b9..c1642da2a 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import { Handle, Position, type NodeProps, useSetNodeData } from '@xyflow/svelte';
+	import { Handle, Position, type NodeProps, useSvelteFlow } from '@xyflow/svelte';
 
 	type $$Props = NodeProps;
 
 	export let id: $$Props['id'];
 	export let data: $$Props['data'];
 
-	const setNodeData = useSetNodeData();
+	const { updateNodeData } = useSvelteFlow();
 </script>
 
 <div class="custom">
@@ -14,7 +14,7 @@
 	<div>
 		<input
 			value={data.text}
-			on:input={(evt) => setNodeData(id, { text: evt.currentTarget.value })}
+			on:input={(evt) => updateNodeData(id, { text: evt.currentTarget.value })}
 		/>
 	</div>
 	<Handle type="source" position={Position.Right} />
diff --git a/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte b/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
index b23481d8f..88c8a9188 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
@@ -5,14 +5,14 @@
 		type NodeProps,
 		useHandleConnections,
 		useNodesData,
-		useSetNodeData
+		useSvelteFlow
 	} from '@xyflow/svelte';
 
 	type $$Props = NodeProps;
 
 	export let id: $$Props['id'];
 
-	const setNodeData = useSetNodeData();
+	const { updateNodeData } = useSvelteFlow();
 	const connections = useHandleConnections({
 		nodeId: id,
 		type: 'target'
@@ -21,7 +21,7 @@
 	$: nodeData = useNodesData($connections[0]?.source);
 
 	$: {
-		setNodeData(id, { text: $nodeData?.text?.toUpperCase() || '' });
+		updateNodeData(id, { text: $nodeData?.text?.toUpperCase() || '' });
 	}
 </script>
 
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 44e29c14c..9bb17eb97 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -10,7 +10,7 @@ import {
 } from '@xyflow/system';
 
 import useViewportHelper from './useViewportHelper';
-import { useStoreApi } from '../hooks/useStore';
+import { useStoreApi } from './useStore';
 import type {
   ReactFlowInstance,
   Instance,
@@ -24,6 +24,7 @@ import type {
   Node,
   Edge,
 } from '../types';
+import { isNode } from '../utils';
 
 /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
 export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlowInstance<NodeData, EdgeData> {
@@ -271,6 +272,36 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
     return getOutgoersBase(node, nodes, edges);
   }, []);
 
+  const updateNode = useCallback<Instance.UpdateNode>(
+    (id, nodeUpdate, options = { replace: true }) => {
+      setNodes((prevNodes) =>
+        prevNodes.map((node) => {
+          if (node.id === id) {
+            const nextNode = typeof nodeUpdate === 'function' ? nodeUpdate(node as Node) : nodeUpdate;
+            return options.replace && isNode(nextNode) ? nextNode : { ...node, ...nextNode };
+          }
+
+          return node;
+        })
+      );
+    },
+    [setNodes]
+  );
+
+  const updateNodeData = useCallback<Instance.UpdateNodeData>(
+    (id, dataUpdate, options = { replace: false }) => {
+      updateNode(
+        id,
+        (node) => {
+          const nextData = typeof dataUpdate === 'function' ? dataUpdate(node) : dataUpdate;
+          return options.replace ? { ...node, data: nextData } : { ...node, data: { ...node.data, ...nextData } };
+        },
+        options
+      );
+    },
+    [updateNode]
+  );
+
   return useMemo(() => {
     return {
       ...viewportHelper,
@@ -289,6 +320,8 @@ export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlo
       getConnectedEdges,
       getIncomers,
       getOutgoers,
+      updateNode,
+      updateNodeData,
     };
   }, [
     viewportHelper,
diff --git a/packages/react/src/hooks/useSetNodeData.ts b/packages/react/src/hooks/useSetNodeData.ts
deleted file mode 100644
index 16d33f669..000000000
--- a/packages/react/src/hooks/useSetNodeData.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { useCallback } from 'react';
-
-import useReactFlow from './useReactFlow';
-import { Node } from '../types';
-
-export function useSetNodeData<NodeType extends Node = Node>() {
-  const { setNodes } = useReactFlow();
-
-  const setNodeData = useCallback(
-    function setNodesData(
-      id: string,
-      dataUpdate: object | ((node: NodeType) => object),
-      options: { replace: boolean } = { replace: true }
-    ) {
-      setNodes((prevNodes) =>
-        prevNodes.map((node) => {
-          if (node.id === id) {
-            const nextData = typeof dataUpdate === 'function' ? dataUpdate(node as NodeType) : dataUpdate;
-            return options.replace ? { ...node, data: nextData } : { ...node, data: { ...node.data, ...nextData } };
-          }
-
-          return node;
-        })
-      );
-    },
-    [setNodes]
-  );
-
-  return setNodeData;
-}
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index ab450904a..ae82e78bd 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -23,7 +23,6 @@ export { default as useOnViewportChange, type UseOnViewportChangeOptions } from
 export { default as useOnSelectionChange, type UseOnSelectionChangeOptions } from './hooks/useOnSelectionChange';
 export { default as useNodesInitialized, type UseNodesInitializedOptions } from './hooks/useNodesInitialized';
 export { useHandleConnections } from './hooks/useHandleConnections';
-export { useSetNodeData } from './hooks/useSetNodeData';
 export { useNodesData } from './hooks/useNodesData';
 export { useNodeId } from './contexts/NodeIdContext';
 
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index f229ec87b..a1c822bb9 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -45,6 +45,17 @@ export namespace Instance {
   export type getConnectedEdges = (id: string | (Node | { id: Node['id'] })[]) => Edge[];
   export type getIncomers = (node: string | Node | { id: Node['id'] }) => Node[];
   export type getOutgoers = (node: string | Node | { id: Node['id'] }) => Node[];
+
+  export type UpdateNode = (
+    id: string,
+    dataUpdate: Partial<Node> | ((node: Node) => Partial<Node>),
+    options?: { replace: boolean }
+  ) => void;
+  export type UpdateNodeData = (
+    id: string,
+    dataUpdate: object | ((node: Node) => object),
+    options?: { replace: boolean }
+  ) => void;
 }
 
 export type ReactFlowInstance<NodeData = any, EdgeData = any> = {
@@ -60,5 +71,7 @@ export type ReactFlowInstance<NodeData = any, EdgeData = any> = {
   deleteElements: Instance.DeleteElements;
   getIntersectingNodes: Instance.GetIntersectingNodes<NodeData>;
   isNodeIntersecting: Instance.IsNodeIntersecting<NodeData>;
+  updateNode: Instance.UpdateNode;
+  updateNodeData: Instance.UpdateNodeData;
   viewportInitialized: boolean;
 } & Omit<ViewportHelperFunctions, 'initialized'>;
diff --git a/packages/react/src/utils/general.ts b/packages/react/src/utils/general.ts
index e13247c19..a106e1826 100644
--- a/packages/react/src/utils/general.ts
+++ b/packages/react/src/utils/general.ts
@@ -10,8 +10,8 @@ import {
 
 import type { Edge, Node } from '../types';
 
-export const isNode = isNodeBase<Node, Edge>;
-export const isEdge = isEdgeBase<Node, Edge>;
+export const isNode = isNodeBase<Node>;
+export const isEdge = isEdgeBase<Edge>;
 export const getOutgoers = getOutgoersBase<Node, Edge>;
 export const getIncomers = getIncomersBase<Node, Edge>;
 export const addEdge = addEdgeBase<Edge>;
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 5ed9f8e91..60f4b8ed0 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -41,7 +41,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@svelte-put/shortcut": "^3.0.0",
+    "@svelte-put/shortcut": "^3.1.0",
     "@xyflow/system": "workspace:*",
     "classcat": "^5.0.4"
   },
diff --git a/packages/svelte/src/lib/actions/shortcut/index.ts b/packages/svelte/src/lib/actions/shortcut/index.ts
deleted file mode 100644
index 10c1e2076..000000000
--- a/packages/svelte/src/lib/actions/shortcut/index.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-// Shortcut action is copied and slightly adjusted from https://github.com/vnphanquang/svelte-put/tree/main/packages/actions/shortcut
-// If this discussion https://github.com/vnphanquang/svelte-put/discussions/256 gets resolved, we will use the original action again.
-
-export interface ShortcutEventDetail {
-  event: KeyboardEvent;
-  trigger: ShortcutTrigger;
-}
-
-export type ShortcutModifier = 'alt' | 'ctrl' | 'meta' | 'shift';
-
-export type ShortcutModifierDefinition =
-  | ShortcutModifier
-  | ShortcutModifier[]
-  | ShortcutModifier[][];
-
-export type ShortcutTrigger = {
-  enabled?: boolean;
-  modifier?: ShortcutModifierDefinition;
-  id?: string;
-  key: string;
-  callback?: (detail: ShortcutEventDetail) => void;
-  preventDefault?: boolean;
-};
-
-export type ShortcutParameter = {
-  enabled?: boolean;
-  trigger: Array<ShortcutTrigger> | ShortcutTrigger;
-  type?: 'keydown' | 'keyup';
-};
-
-export function shortcut(node: Window, param: ShortcutParameter) {
-  let { enabled = true, trigger, type = 'keydown' } = param;
-
-  function handler(event: KeyboardEvent) {
-    const normalizedTriggers = Array.isArray(trigger) ? trigger : [trigger];
-    const modifiedMap = {
-      alt: event.altKey,
-      ctrl: event.ctrlKey,
-      shift: event.shiftKey,
-      meta: event.metaKey
-    };
-    for (const trigger of normalizedTriggers) {
-      const mergedTrigger = {
-        modifier: [],
-        preventDefault: false,
-        enabled: true,
-        ...trigger
-      };
-      const { modifier, key, callback, preventDefault, enabled: triggerEnabled } = mergedTrigger;
-      if (triggerEnabled) {
-        if (modifier.length) {
-          const modifierDefs = (Array.isArray(modifier) ? modifier : [modifier]).map((def) =>
-            typeof def === 'string' ? [def] : def
-          );
-          const modified = modifierDefs.some((def) =>
-            def.every((modifier) => modifiedMap[modifier])
-          );
-          if (!modified) continue;
-        }
-        if (event.key === key) {
-          if (preventDefault) event.preventDefault();
-          const detail = { event, trigger: mergedTrigger };
-          callback?.(detail);
-        }
-      }
-    }
-  }
-
-  if (enabled) node.addEventListener(type, handler);
-
-  return {
-    update: (update: ShortcutParameter) => {
-      const { enabled: newEnabled = true, type: newType = 'keydown' } = update;
-
-      if (enabled && (!newEnabled || type !== newType)) {
-        node.removeEventListener(type, handler);
-      } else if (!enabled && newEnabled) {
-        node.addEventListener(newType, handler);
-      }
-
-      enabled = newEnabled;
-      type = newType;
-      trigger = update.trigger;
-    },
-    destroy: () => {
-      node.removeEventListener(type, handler);
-    }
-  };
-}
diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index 54f3a9c10..362069828 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
+  import { shortcut, type ShortcutModifierDefinition } from '@svelte-put/shortcut';
   import { isInputDOMNode, isMacOs } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import type { KeyHandlerProps } from './types';
   import type { KeyDefinition, KeyDefinitionObject } from '$lib/types';
-  import { shortcut, type ShortcutModifierDefinition } from '../../actions/shortcut';
 
   type $$Props = KeyHandlerProps;
 
@@ -113,7 +113,7 @@
       {
         ...deleteKeyDefinition,
         enabled: deleteKeyDefinition.key !== null,
-        callback: (detail) => !isInputDOMNode(detail.event) && deleteKeyPressed.set(true)
+        callback: (detail) => !isInputDOMNode(detail.originalEvent) && deleteKeyPressed.set(true)
       }
     ],
     type: 'keydown'
diff --git a/packages/svelte/src/lib/hooks/useSetNodeData.ts b/packages/svelte/src/lib/hooks/useSetNodeData.ts
deleted file mode 100644
index 51aaaacb3..000000000
--- a/packages/svelte/src/lib/hooks/useSetNodeData.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { useStore } from '$lib/store';
-import type { Node } from '$lib/types';
-
-export function useSetNodeData<NodeType extends Node = Node>() {
-  const { nodes } = useStore();
-
-  const setNodeData = (
-    id: string,
-    dataUpdate: object | ((node: NodeType) => object),
-    options: { replace: boolean } = { replace: true }
-  ) => {
-    nodes.update((nds) =>
-      nds.map((node) => {
-        if (node.id === id) {
-          const nextData =
-            typeof dataUpdate === 'function' ? dataUpdate(node as NodeType) : dataUpdate;
-          return options.replace
-            ? { ...node, data: nextData }
-            : { ...node, data: { ...node.data, ...nextData } };
-        }
-
-        return node;
-      })
-    );
-  };
-
-  return setNodeData;
-}
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 3c266f43e..6e66a9981 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -1,7 +1,5 @@
 import { get, type Writable } from 'svelte/store';
 import {
-  getIncomersBase,
-  getOutgoersBase,
   getOverlappingArea,
   isRectObject,
   nodeToRect,
@@ -20,6 +18,7 @@ import {
 
 import { useStore } from '$lib/store';
 import type { Edge, FitViewOptions, Node } from '$lib/types';
+import { isNode } from '$lib/utils';
 
 export function useSvelteFlow(): {
   zoomIn: ZoomInOut;
@@ -48,9 +47,16 @@ export function useSvelteFlow(): {
   screenToFlowPosition: (position: XYPosition) => XYPosition;
   flowToScreenPosition: (position: XYPosition) => XYPosition;
   viewport: Writable<Viewport>;
-  getConnectedEdges: (id: string | (Node | { id: Node['id'] })[]) => Edge[];
-  getIncomers: (node: string | Node | { id: Node['id'] }) => Node[];
-  getOutgoers: (node: string | Node | { id: Node['id'] }) => Node[];
+  updateNode: (
+    id: string,
+    nodeUpdate: Partial<Node> | ((node: Node) => Partial<Node>),
+    options?: { replace: boolean }
+  ) => void;
+  updateNodeData: (
+    id: string,
+    dataUpdate: object | ((node: Node) => object),
+    options?: { replace: boolean }
+  ) => void;
   toObject: () => { nodes: Node[]; edges: Edge[]; viewport: Viewport };
 } {
   const {
@@ -84,6 +90,24 @@ export function useSvelteFlow(): {
     return [nodeRect, node, isRect];
   };
 
+  const updateNode = (
+    id: string,
+    nodeUpdate: Partial<Node> | ((node: Node) => Partial<Node>),
+    options: { replace: boolean } = { replace: false }
+  ) => {
+    nodes.update((nds) =>
+      nds.map((node) => {
+        if (node.id === id) {
+          const nextNode = typeof nodeUpdate === 'function' ? nodeUpdate(node as Node) : nodeUpdate;
+
+          return options.replace && isNode(nextNode) ? nextNode : { ...node, ...nextNode };
+        }
+
+        return node;
+      })
+    );
+  };
+
   return {
     zoomIn,
     zoomOut,
@@ -232,29 +256,6 @@ export function useSvelteFlow(): {
         y: rendererPosition.y + domY
       };
     },
-    getConnectedEdges: (node) => {
-      const nodeIds = new Set();
-
-      if (typeof node === 'string') {
-        nodeIds.add(node);
-      } else if (node.length >= 1) {
-        node.forEach((n) => {
-          nodeIds.add(n.id);
-        });
-      }
-
-      return get(edges).filter((edge) => nodeIds.has(edge.source) || nodeIds.has(edge.target));
-    },
-    getIncomers: (node) => {
-      const _node = typeof node === 'string' ? { id: node } : node;
-
-      return getIncomersBase(_node, get(nodes), get(edges));
-    },
-    getOutgoers: (node) => {
-      const _node = typeof node === 'string' ? { id: node } : node;
-
-      return getOutgoersBase(_node, get(nodes), get(edges));
-    },
     toObject: () => {
       return {
         nodes: get(nodes).map((node) => ({
@@ -268,6 +269,16 @@ export function useSvelteFlow(): {
         viewport: { ...get(viewport) }
       };
     },
+    updateNode,
+    updateNodeData: (id, dataUpdate, options) => {
+      updateNode(id, (node) => {
+        const nextData = typeof dataUpdate === 'function' ? dataUpdate(node) : dataUpdate;
+
+        return options?.replace
+          ? { ...node, data: nextData }
+          : { ...node, data: { ...node.data, ...nextData } };
+      });
+    },
     viewport
   };
 }
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 4675f2ca5..895793d25 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -29,7 +29,6 @@ export * from '$lib/hooks/useConnection';
 export * from '$lib/hooks/useNodesEdges';
 export * from '$lib/hooks/useHandleConnections';
 export * from '$lib/hooks/useNodesData';
-export * from '$lib/hooks/useSetNodeData';
 
 // types
 export type {
diff --git a/packages/svelte/src/lib/utils/index.ts b/packages/svelte/src/lib/utils/index.ts
index 23b294484..09769c629 100644
--- a/packages/svelte/src/lib/utils/index.ts
+++ b/packages/svelte/src/lib/utils/index.ts
@@ -10,8 +10,8 @@ import {
 
 import type { Edge, Node } from '$lib/types';
 
-export const isNode = isNodeBase<Node, Edge>;
-export const isEdge = isEdgeBase<Node, Edge>;
+export const isNode = isNodeBase<Node>;
+export const isEdge = isEdgeBase<Edge>;
 export const getOutgoers = getOutgoersBase<Node, Edge>;
 export const getIncomers = getIncomersBase<Node, Edge>;
 export const addEdge = addEdgeBase<Edge>;
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 6a946a107..df815510e 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -11,7 +11,6 @@ import {
   getViewportForBounds,
 } from './general';
 import {
-  type Connection,
   type Transform,
   type XYPosition,
   type Rect,
@@ -26,13 +25,11 @@ import {
 } from '../types';
 import { errorMessages } from '../constants';
 
-export const isEdgeBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
-  element: NodeType | Connection | EdgeType
-): element is EdgeType => 'id' in element && 'source' in element && 'target' in element;
+export const isEdgeBase = <EdgeType extends EdgeBase = EdgeBase>(element: any): element is EdgeType =>
+  'id' in element && 'source' in element && 'target' in element;
 
-export const isNodeBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
-  element: NodeType | Connection | EdgeType
-): element is NodeType => 'id' in element && !('source' in element) && !('target' in element);
+export const isNodeBase = <NodeType extends NodeBase = NodeBase>(element: any): element is NodeType =>
+  'id' in element && !('source' in element) && !('target' in element);
 
 export const getOutgoersBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
   node: NodeType | { id: string },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 05a5637d1..0286010e5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -61,10 +61,10 @@ importers:
     dependencies:
       '@astrojs/react':
         specifier: ^3.0.2
-        version: registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0)
+        version: registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.1)
       '@astrojs/svelte':
         specifier: ^4.0.2
-        version: registry.npmjs.org/@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.2.2)(vite@4.5.0)
+        version: registry.npmjs.org/@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.3.3)(vite@4.5.1)
       '@types/react':
         specifier: ^18.2.24
         version: registry.npmjs.org/@types/react@18.2.24
@@ -291,8 +291,8 @@ importers:
   packages/svelte:
     dependencies:
       '@svelte-put/shortcut':
-        specifier: ^3.0.0
-        version: registry.npmjs.org/@svelte-put/shortcut@3.0.0
+        specifier: ^3.1.0
+        version: registry.npmjs.org/@svelte-put/shortcut@3.1.0
       '@xyflow/system':
         specifier: workspace:*
         version: link:../system
@@ -305,7 +305,7 @@ importers:
         version: registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6)
       '@sveltejs/kit':
         specifier: ^1.22.6
-        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.0)
+        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.1)
       '@sveltejs/package':
         specifier: ^2.2.1
         version: registry.npmjs.org/@sveltejs/package@2.2.1(svelte@4.2.1)(typescript@5.1.3)
@@ -417,7 +417,7 @@ importers:
     dependencies:
       '@playwright/experimental-ct-react':
         specifier: ^1.39.0
-        version: registry.npmjs.org/@playwright/experimental-ct-react@1.39.0(@types/node@18.7.16)(vite@4.5.0)
+        version: registry.npmjs.org/@playwright/experimental-ct-react@1.39.0(@types/node@18.7.16)(vite@4.5.1)
       '@types/react':
         specifier: ^18.2.31
         version: registry.npmjs.org/@types/react@18.2.31
@@ -551,7 +551,7 @@ packages:
       prismjs: registry.npmjs.org/prismjs@1.29.0
     dev: false
 
-  registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0):
+  registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.1):
     resolution: {integrity: sha512-aooNIuQxTg+IWGMZPuIEwBeBi4/TCPCMsr3714zuLjAjukVd5ZrX/bCNxJqDWU4HNwUm4XFU1OhcEvYOHa5uMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/react/-/react-3.0.2.tgz}
     id: registry.npmjs.org/@astrojs/react/3.0.2
     name: '@astrojs/react'
@@ -565,7 +565,7 @@ packages:
     dependencies:
       '@types/react': registry.npmjs.org/@types/react@18.2.24
       '@types/react-dom': registry.npmjs.org/@types/react-dom@18.2.8
-      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.0)
+      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.1)
       react: registry.npmjs.org/react@18.2.0
       react-dom: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
       ultrahtml: registry.npmjs.org/ultrahtml@1.5.2
@@ -574,7 +574,7 @@ packages:
       - vite
     dev: false
 
-  registry.npmjs.org/@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.2.2)(vite@4.5.0):
+  registry.npmjs.org/@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.3.3)(vite@4.5.1):
     resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/svelte/-/svelte-4.0.2.tgz}
     id: registry.npmjs.org/@astrojs/svelte/4.0.2
     name: '@astrojs/svelte'
@@ -584,10 +584,10 @@ packages:
       astro: ^3.0.11
       svelte: ^3.55.0 || ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.1)
       astro: registry.npmjs.org/astro@3.2.2
       svelte: registry.npmjs.org/svelte@4.2.1
-      svelte2tsx: registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.2.2)
+      svelte2tsx: registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.3.3)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -1938,7 +1938,7 @@ packages:
       - terser
     dev: false
 
-  registry.npmjs.org/@playwright/experimental-ct-react@1.39.0(@types/node@18.7.16)(vite@4.5.0):
+  registry.npmjs.org/@playwright/experimental-ct-react@1.39.0(@types/node@18.7.16)(vite@4.5.1):
     resolution: {integrity: sha512-6GaDVVo6x8P9Jdw3yPbVaEP59nesRsETn3kznHAy+2493VsP3IaVATat2G28z0Sivf/K9Tkh5xRYjiawN0ebgw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@playwright/experimental-ct-react/-/experimental-ct-react-1.39.0.tgz}
     id: registry.npmjs.org/@playwright/experimental-ct-react/1.39.0
     name: '@playwright/experimental-ct-react'
@@ -1947,7 +1947,7 @@ packages:
     hasBin: true
     dependencies:
       '@playwright/experimental-ct-core': registry.npmjs.org/@playwright/experimental-ct-core@1.39.0(@types/node@18.7.16)
-      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.0)
+      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.1)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -2120,10 +2120,10 @@ packages:
     version: 2.0.0
     dev: true
 
-  registry.npmjs.org/@svelte-put/shortcut@3.0.0:
-    resolution: {integrity: sha512-nZg3pwpTi9wUsvQPlqOzEsxZcF2jmY5j+VBq/20IUjjd2OpM92XqZAga0PCCjE6OuEobOt58UMnC2QZgOvk0tQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@svelte-put/shortcut/-/shortcut-3.0.0.tgz}
+  registry.npmjs.org/@svelte-put/shortcut@3.1.0:
+    resolution: {integrity: sha512-EWMEDkZ0+O3yMhb9yrqe5UYisV9CNRKX6Pl/JW3x62t74CiN+3COu1L9NzZUG0omagc2Z3J14PZNYxs77IC9NA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@svelte-put/shortcut/-/shortcut-3.1.0.tgz}
     name: '@svelte-put/shortcut'
-    version: 3.0.0
+    version: 3.1.0
     dev: false
 
   registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6):
@@ -2134,7 +2134,7 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.1)
       import-meta-resolve: registry.npmjs.org/import-meta-resolve@3.0.0
     dev: true
 
@@ -2150,7 +2150,7 @@ packages:
       import-meta-resolve: registry.npmjs.org/import-meta-resolve@4.0.0
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.0):
+  registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.1):
     resolution: {integrity: sha512-SDKxI/QpsReCwIn5czjT53fKlPBybbmMk67d317gUqfeORroBAFN1Z6s/x0E1JYi+04i7kKllS+Sz9wVfmUkAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.22.6.tgz}
     id: registry.npmjs.org/@sveltejs/kit/1.22.6
     name: '@sveltejs/kit'
@@ -2162,7 +2162,7 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.1)
       '@types/cookie': registry.npmjs.org/@types/cookie@0.5.3
       cookie: registry.npmjs.org/cookie@0.5.0
       devalue: registry.npmjs.org/devalue@4.3.2
@@ -2175,7 +2175,7 @@ packages:
       sirv: registry.npmjs.org/sirv@2.0.3
       svelte: registry.npmjs.org/svelte@4.2.1
       undici: registry.npmjs.org/undici@5.23.0
-      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
+      vite: registry.npmjs.org/vite@4.5.1(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2231,7 +2231,7 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0):
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.1):
     resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.4.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.4
     name: '@sveltejs/vite-plugin-svelte-inspector'
@@ -2242,10 +2242,10 @@ packages:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.1)
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       svelte: registry.npmjs.org/svelte@4.2.1
-      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
+      vite: registry.npmjs.org/vite@4.5.1(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
 
@@ -2268,7 +2268,7 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0):
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.1):
     resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.6.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.6
     name: '@sveltejs/vite-plugin-svelte'
@@ -2278,15 +2278,15 @@ packages:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.1)
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       deepmerge: registry.npmjs.org/deepmerge@4.3.1
       kleur: registry.npmjs.org/kleur@4.1.5
       magic-string: registry.npmjs.org/magic-string@0.30.5
       svelte: registry.npmjs.org/svelte@4.2.1
       svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.1)
-      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
-      vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.5.0)
+      vite: registry.npmjs.org/vite@4.5.1(@types/node@18.7.16)
+      vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.5.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -2972,6 +2972,12 @@ packages:
     version: 7.5.4
     dev: true
 
+  registry.npmjs.org/@types/semver@7.5.6:
+    resolution: {integrity: sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/semver/-/semver-7.5.6.tgz}
+    name: '@types/semver'
+    version: 7.5.6
+    dev: true
+
   registry.npmjs.org/@types/sinonjs__fake-timers@8.1.1:
     resolution: {integrity: sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.1.tgz}
     name: '@types/sinonjs__fake-timers'
@@ -2996,10 +3002,10 @@ packages:
     version: 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/yauzl@2.10.2:
-    resolution: {integrity: sha512-Km7XAtUIduROw7QPgvcft0lIupeG8a8rdKL8RiSyKvlE7dYY31fEn41HVuQsRFDuROA8tA4K2UVL+WdfFmErBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.2.tgz}
+  registry.npmjs.org/@types/yauzl@2.10.3:
+    resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz}
     name: '@types/yauzl'
-    version: 2.10.2
+    version: 2.10.3
     requiresBuild: true
     dependencies:
       '@types/node': registry.npmjs.org/@types/node@18.7.16
@@ -3092,7 +3098,7 @@ packages:
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       eslint: registry.npmjs.org/eslint@8.43.0
       graphemer: registry.npmjs.org/graphemer@1.4.0
-      ignore: registry.npmjs.org/ignore@5.2.4
+      ignore: registry.npmjs.org/ignore@5.3.0
       natural-compare: registry.npmjs.org/natural-compare@1.4.0
       semver: registry.npmjs.org/semver@7.5.4
       ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3)
@@ -3398,7 +3404,7 @@ packages:
     dependencies:
       '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.53.0)
       '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.15
-      '@types/semver': registry.npmjs.org/@types/semver@7.5.4
+      '@types/semver': registry.npmjs.org/@types/semver@7.5.6
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0
       '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
       '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)
@@ -3420,7 +3426,7 @@ packages:
     dependencies:
       '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
       '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.15
-      '@types/semver': registry.npmjs.org/@types/semver@7.5.4
+      '@types/semver': registry.npmjs.org/@types/semver@7.5.6
       '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0
       '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
       '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)
@@ -3498,6 +3504,26 @@ packages:
       vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
+    dev: true
+
+  registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.1):
+    resolution: {integrity: sha512-Jie2HERK+uh27e+ORXXwEP5h0Y2lS9T2PRGbfebiHGlwzDO0dEnd2aNtOR/qjBlPb1YgxwAONeblL1xqLikLag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.1.1.tgz}
+    id: registry.npmjs.org/@vitejs/plugin-react/4.1.1
+    name: '@vitejs/plugin-react'
+    version: 4.1.1
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.2.0
+    dependencies:
+      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
+      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2)
+      '@types/babel__core': registry.npmjs.org/@types/babel__core@7.20.4
+      react-refresh: registry.npmjs.org/react-refresh@0.14.0
+      vite: registry.npmjs.org/vite@4.5.1(@types/node@18.7.16)
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
 
   registry.npmjs.org/acorn-jsx@5.3.2(acorn@8.10.0):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz}
@@ -5313,7 +5339,7 @@ packages:
       is-weakref: registry.npmjs.org/is-weakref@1.0.2
       object-inspect: registry.npmjs.org/object-inspect@1.13.1
       object-keys: registry.npmjs.org/object-keys@1.1.1
-      object.assign: registry.npmjs.org/object.assign@4.1.4
+      object.assign: registry.npmjs.org/object.assign@4.1.5
       regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags@1.5.1
       safe-array-concat: registry.npmjs.org/safe-array-concat@1.0.1
       safe-regex-test: registry.npmjs.org/safe-regex-test@1.0.0
@@ -5985,7 +6011,7 @@ packages:
       get-stream: registry.npmjs.org/get-stream@5.2.0
       yauzl: registry.npmjs.org/yauzl@2.10.0
     optionalDependencies:
-      '@types/yauzl': registry.npmjs.org/@types/yauzl@2.10.2
+      '@types/yauzl': registry.npmjs.org/@types/yauzl@2.10.3
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -6487,7 +6513,7 @@ packages:
       array-union: registry.npmjs.org/array-union@2.1.0
       dir-glob: registry.npmjs.org/dir-glob@3.0.1
       fast-glob: registry.npmjs.org/fast-glob@3.3.2
-      ignore: registry.npmjs.org/ignore@5.2.4
+      ignore: registry.npmjs.org/ignore@5.3.0
       merge2: registry.npmjs.org/merge2@1.4.1
       slash: registry.npmjs.org/slash@3.0.0
     dev: true
@@ -6500,7 +6526,7 @@ packages:
     dependencies:
       dir-glob: registry.npmjs.org/dir-glob@3.0.1
       fast-glob: registry.npmjs.org/fast-glob@3.3.2
-      ignore: registry.npmjs.org/ignore@5.2.4
+      ignore: registry.npmjs.org/ignore@5.3.0
       merge2: registry.npmjs.org/merge2@1.4.1
       slash: registry.npmjs.org/slash@4.0.0
     dev: true
@@ -6791,6 +6817,13 @@ packages:
     engines: {node: '>= 4'}
     dev: true
 
+  registry.npmjs.org/ignore@5.3.0:
+    resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz}
+    name: ignore
+    version: 5.3.0
+    engines: {node: '>= 4'}
+    dev: true
+
   registry.npmjs.org/immediate@3.0.6:
     resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz}
     name: immediate
@@ -7431,7 +7464,7 @@ packages:
     dependencies:
       array-includes: registry.npmjs.org/array-includes@3.1.7
       array.prototype.flat: registry.npmjs.org/array.prototype.flat@1.3.2
-      object.assign: registry.npmjs.org/object.assign@4.1.4
+      object.assign: registry.npmjs.org/object.assign@4.1.5
       object.values: registry.npmjs.org/object.values@1.1.7
     dev: true
 
@@ -8560,10 +8593,10 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/object.assign@4.1.4:
-    resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz}
+  registry.npmjs.org/object.assign@4.1.5:
+    resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz}
     name: object.assign
-    version: 4.1.4
+    version: 4.1.5
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: registry.npmjs.org/call-bind@1.0.5
@@ -9487,6 +9520,16 @@ packages:
       picocolors: registry.npmjs.org/picocolors@1.0.0
       source-map-js: registry.npmjs.org/source-map-js@1.0.2
 
+  registry.npmjs.org/postcss@8.4.32:
+    resolution: {integrity: sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz}
+    name: postcss
+    version: 8.4.32
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: registry.npmjs.org/nanoid@3.3.7
+      picocolors: registry.npmjs.org/picocolors@1.0.0
+      source-map-js: registry.npmjs.org/source-map-js@1.0.2
+
   registry.npmjs.org/prebuild-install@7.1.1:
     resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.1.tgz}
     name: prebuild-install
@@ -11206,7 +11249,7 @@ packages:
       typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
-  registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.2.2):
+  registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.3.3):
     resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.23.tgz}
     id: registry.npmjs.org/svelte2tsx/0.6.23
     name: svelte2tsx
@@ -11218,7 +11261,7 @@ packages:
       dedent-js: registry.npmjs.org/dedent-js@1.0.1
       pascal-case: registry.npmjs.org/pascal-case@3.1.2
       svelte: registry.npmjs.org/svelte@4.2.1
-      typescript: registry.npmjs.org/typescript@5.2.2
+      typescript: registry.npmjs.org/typescript@5.3.3
     dev: false
 
   registry.npmjs.org/svelte@4.2.1:
@@ -11755,6 +11798,14 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  registry.npmjs.org/typescript@5.3.3:
+    resolution: {integrity: sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz}
+    name: typescript
+    version: 5.3.3
+    engines: {node: '>=14.17'}
+    hasBin: true
+    dev: false
+
   registry.npmjs.org/ultrahtml@1.5.2:
     resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ultrahtml/-/ultrahtml-1.5.2.tgz}
     name: ultrahtml
@@ -12090,6 +12141,44 @@ packages:
     optionalDependencies:
       fsevents: registry.npmjs.org/fsevents@2.3.3
 
+  registry.npmjs.org/vite@4.5.1(@types/node@18.7.16):
+    resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.5.1.tgz}
+    id: registry.npmjs.org/vite/4.5.1
+    name: vite
+    version: 4.5.1
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      '@types/node': registry.npmjs.org/@types/node@18.7.16
+      esbuild: registry.npmjs.org/esbuild@0.18.20
+      postcss: registry.npmjs.org/postcss@8.4.32
+      rollup: registry.npmjs.org/rollup@3.29.4
+    optionalDependencies:
+      fsevents: registry.npmjs.org/fsevents@2.3.3
+
   registry.npmjs.org/vitefu@0.2.5(vite@4.5.0):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz}
     id: registry.npmjs.org/vitefu/0.2.5
@@ -12103,6 +12192,19 @@ packages:
     dependencies:
       vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
 
+  registry.npmjs.org/vitefu@0.2.5(vite@4.5.1):
+    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz}
+    id: registry.npmjs.org/vitefu/0.2.5
+    name: vitefu
+    version: 0.2.5
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+    dependencies:
+      vite: registry.npmjs.org/vite@4.5.1(@types/node@18.7.16)
+
   registry.npmjs.org/vscode-oniguruma@1.7.0:
     resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz}
     name: vscode-oniguruma

From b332b860905d1651e11fa8d0b19d2196a9c83406 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 13 Dec 2023 11:33:49 +0100
Subject: [PATCH 0409/1093] refactor(svelte): replace on:connect with onconnect

---
 .../examples/add-node-on-drop/Flow.svelte     | 22 ++++++++-----
 .../routes/examples/customnode/+page.svelte   |  2 +-
 .../examples/customnode/CustomNode.svelte     | 12 ++-----
 .../src/routes/examples/overview/+page.svelte |  6 ++--
 .../usenodesdata/UppercaseNode.svelte         |  4 +--
 .../useupdatenodeinternals/CustomNode.svelte  | 10 ++----
 .../src/lib/components/Handle/Handle.svelte   | 31 ++++++-------------
 .../components/NodeWrapper/NodeWrapper.svelte |  3 --
 .../lib/components/nodes/DefaultNode.svelte   |  4 +--
 .../src/lib/components/nodes/InputNode.svelte |  2 +-
 .../lib/components/nodes/OutputNode.svelte    |  2 +-
 .../NodeRenderer/NodeRenderer.svelte          |  3 --
 .../container/SvelteFlow/SvelteFlow.svelte    | 11 ++++---
 .../src/lib/container/SvelteFlow/types.ts     |  9 +++++-
 .../src/lib/container/SvelteFlow/utils.ts     |  3 ++
 .../svelte/src/lib/store/initial-store.ts     | 10 ++++--
 16 files changed, 65 insertions(+), 69 deletions(-)

diff --git a/examples/svelte/src/routes/examples/add-node-on-drop/Flow.svelte b/examples/svelte/src/routes/examples/add-node-on-drop/Flow.svelte
index 5556ca80c..809ae82ca 100644
--- a/examples/svelte/src/routes/examples/add-node-on-drop/Flow.svelte
+++ b/examples/svelte/src/routes/examples/add-node-on-drop/Flow.svelte
@@ -1,6 +1,12 @@
 <script lang="ts">
 	import { writable } from 'svelte/store';
-	import { SvelteFlow, useSvelteFlow, type Edge, type Node } from '@xyflow/svelte';
+	import {
+		SvelteFlow,
+		useSvelteFlow,
+		type Edge,
+		type Node,
+		type OnConnectEnd
+	} from '@xyflow/svelte';
 
 	import '@xyflow/svelte/dist/style.css';
 
@@ -16,16 +22,18 @@
 	const nodes = writable<Node[]>(initialNodes);
 	const edges = writable<Edge[]>([]);
 
-	let connectingNodeId: string = '0';
+	let connectingNodeId: string | null = '0';
 	let rect: DOMRectReadOnly;
 	let id = 1;
 	const getId = () => `${id++}`;
 
 	const { screenToFlowPosition, flowToScreenPosition } = useSvelteFlow();
 
-	function handleConnectEnd({ detail: { event } }: { detail: { event: MouseEvent | TouchEvent } }) {
+	const handleConnectEnd: OnConnectEnd = (event) => {
+		if (!connectingNodeId) return;
+
 		// See of connection landed inside the flow pane
-		const targetIsPane = event.target?.classList.contains('svelte-flow__pane');
+		const targetIsPane = (event.target as HTMLDivElement)?.classList.contains('svelte-flow__pane');
 		if (targetIsPane) {
 			const id = getId();
 			const position = {
@@ -58,7 +66,7 @@
 			$nodes = $nodes;
 			$edges = $edges;
 		}
-	}
+	};
 </script>
 
 <svelte:window />
@@ -69,11 +77,11 @@
 		{edges}
 		fitView
 		fitViewOptions={{ padding: 2 }}
-		on:connectstart={({ detail: { nodeId } }) => {
+		onconnectstart={(_, { nodeId }) => {
 			// Memorize the nodeId you start draggin a connection line from a node
 			connectingNodeId = nodeId;
 		}}
-		on:connectend={handleConnectEnd}
+		onconnectend={handleConnectEnd}
 	/>
 </div>
 
diff --git a/examples/svelte/src/routes/examples/customnode/+page.svelte b/examples/svelte/src/routes/examples/customnode/+page.svelte
index 123932f9b..525b0706f 100644
--- a/examples/svelte/src/routes/examples/customnode/+page.svelte
+++ b/examples/svelte/src/routes/examples/customnode/+page.svelte
@@ -87,7 +87,7 @@
 	{nodeTypes}
 	style="--xy-background-color: {$bgColor}"
 	fitView
-	on:connect={onConnect}
+	onconnect={onConnect}
 >
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />
diff --git a/examples/svelte/src/routes/examples/customnode/CustomNode.svelte b/examples/svelte/src/routes/examples/customnode/CustomNode.svelte
index 25d37d320..ca01be5ee 100644
--- a/examples/svelte/src/routes/examples/customnode/CustomNode.svelte
+++ b/examples/svelte/src/routes/examples/customnode/CustomNode.svelte
@@ -10,7 +10,7 @@
 </script>
 
 <div class="custom">
-	<Handle type="target" position={Position.Left} on:connect />
+	<Handle type="target" position={Position.Left} />
 	<div>
 		Custom Color Picker Node: <strong>{$colorStore}</strong>
 	</div>
@@ -20,14 +20,8 @@
 		on:input={(evt) => colorStore.set(evt.currentTarget.value)}
 		value={$colorStore}
 	/>
-	<Handle type="source" position={Position.Right} id="a" style="top: 20px;" on:connect />
-	<Handle
-		type="source"
-		position={Position.Right}
-		id="b"
-		style="top: auto; bottom: 10px;"
-		on:connect
-	/>
+	<Handle type="source" position={Position.Right} id="a" style="top: 20px;" />
+	<Handle type="source" position={Position.Right} id="b" style="top: auto; bottom: 10px;" />
 </div>
 
 <style>
diff --git a/examples/svelte/src/routes/examples/overview/+page.svelte b/examples/svelte/src/routes/examples/overview/+page.svelte
index 68fd4aaac..a2ecba4d5 100644
--- a/examples/svelte/src/routes/examples/overview/+page.svelte
+++ b/examples/svelte/src/routes/examples/overview/+page.svelte
@@ -150,9 +150,9 @@
 	on:nodemouseenter={(event) => console.log('on node enter', event)}
 	on:nodemouseleave={(event) => console.log('on node leave', event)}
 	on:edgeclick={(event) => console.log('edge click', event)}
-	on:connectstart={(event) => console.log('on connect start', event)}
-	on:connect={(event) => console.log('on connect', event)}
-	on:connectend={(event) => console.log('on connect end', event)}
+	onconnectstart={(event) => console.log('on connect start', event)}
+	onconnect={(event) => console.log('on connect', event)}
+	onconnectend={(event) => console.log('on connect end', event)}
 	on:paneclick={(event) => console.log('on pane click', event)}
 	on:panecontextmenu={(event) => {
 		console.log('on pane contextmenu', event);
diff --git a/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte b/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
index 88c8a9188..2dcf3bdef 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
@@ -2,10 +2,10 @@
 	import {
 		Handle,
 		Position,
-		type NodeProps,
 		useHandleConnections,
 		useNodesData,
-		useSvelteFlow
+		useSvelteFlow,
+		type NodeProps
 	} from '@xyflow/svelte';
 
 	type $$Props = NodeProps;
diff --git a/examples/svelte/src/routes/examples/useupdatenodeinternals/CustomNode.svelte b/examples/svelte/src/routes/examples/useupdatenodeinternals/CustomNode.svelte
index f4d306ac5..fbe9c8d70 100644
--- a/examples/svelte/src/routes/examples/useupdatenodeinternals/CustomNode.svelte
+++ b/examples/svelte/src/routes/examples/useupdatenodeinternals/CustomNode.svelte
@@ -15,15 +15,9 @@
 	};
 </script>
 
-<Handle type="target" position={Position.Top} on:connect />
+<Handle type="target" position={Position.Top} />
 <button on:click={onClick}>add handle</button>
 
 {#each Array.from({ length: handleCount }) as handle, i}
-	<Handle
-		type="source"
-		position={Position.Bottom}
-		id={`${i}`}
-		style={`left: ${i * 10}px;`}
-		on:connect
-	/>
+	<Handle type="source" position={Position.Bottom} id={`${i}`} style={`left: ${i * 10}px;`} />
 {/each}
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 06a6198ec..807594e0e 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -1,19 +1,18 @@
 <script lang="ts">
-  import { getContext, createEventDispatcher } from 'svelte';
+  import { getContext } from 'svelte';
+  import type { Writable } from 'svelte/store';
   import cc from 'classcat';
   import {
     Position,
     XYHandle,
     isMouseEvent,
     type Connection,
-    type HandleType,
     areConnectionMapsEqual,
     handleConnectionChange
   } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import type { HandleComponentProps } from '$lib/types';
-  import type { Writable } from 'svelte/store';
 
   type $$Props = HandleComponentProps;
 
@@ -36,18 +35,6 @@
   $: handleConnectable = isConnectable !== undefined ? isConnectable : $connectable;
 
   const handleId = id || null;
-  const dispatch = createEventDispatcher<{
-    connect: { connection: Connection };
-    connectstart: {
-      event: MouseEvent | TouchEvent;
-      nodeId: string | null;
-      handleId: string | null;
-      handleType: HandleType | null;
-    };
-    connectend: {
-      event: MouseEvent | TouchEvent;
-    };
-  }>();
 
   const store = useStore();
   const {
@@ -65,7 +52,10 @@
     updateConnection,
     autoPanOnConnect,
     edges,
-    connectionLookup
+    connectionLookup,
+    onconnect: onConnectAction,
+    onconnectstart: onConnectStartAction,
+    onconnectend: onConnectEndAction
   } = store;
 
   function onPointerDown(event: MouseEvent | TouchEvent) {
@@ -94,20 +84,17 @@
           }
 
           addEdge(edge);
-          // @todo: should we change/ improve the stuff we are passing here?
-          // instead of source/target we could pass fromNodeId, fromHandleId, etc
-          dispatch('connect', { connection });
+          $onConnectAction?.(connection);
         },
         onConnectStart: (event, startParams) => {
-          dispatch('connectstart', {
-            event,
+          $onConnectStartAction?.(event, {
             nodeId: startParams.nodeId,
             handleId: startParams.handleId,
             handleType: startParams.handleType
           });
         },
         onConnectEnd: (event) => {
-          dispatch('connectend', { event });
+          $onConnectEndAction?.(event);
         },
         getTransform: () => [$viewport.x, $viewport.y, $viewport.zoom]
       });
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 9a73ffa84..d992c5a3a 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -194,9 +194,6 @@
       positionAbsolute={{ x: positionX, y: positionY }}
       {width}
       {height}
-      on:connectstart
-      on:connect
-      on:connectend
     />
   </div>
 {/if}
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index f4fc72708..a0d2a15ca 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -37,6 +37,6 @@
   isConnectable;
 </script>
 
-<Handle type="target" position={targetPosition} on:connectstart on:connect on:connectend />
+<Handle type="target" position={targetPosition} />
 {data?.label}
-<Handle type="source" position={sourcePosition} on:connectstart on:connect on:connectend />
+<Handle type="source" position={sourcePosition} />
diff --git a/packages/svelte/src/lib/components/nodes/InputNode.svelte b/packages/svelte/src/lib/components/nodes/InputNode.svelte
index aa911d1cd..a8a25eb89 100644
--- a/packages/svelte/src/lib/components/nodes/InputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/InputNode.svelte
@@ -39,4 +39,4 @@
 </script>
 
 {data?.label}
-<Handle type="source" position={sourcePosition} on:connectstart on:connect on:connectend />
+<Handle type="source" position={sourcePosition} />
diff --git a/packages/svelte/src/lib/components/nodes/OutputNode.svelte b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
index b5ebc2b1a..7fff504f8 100644
--- a/packages/svelte/src/lib/components/nodes/OutputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
@@ -36,4 +36,4 @@
 </script>
 
 {data?.label}
-<Handle type="target" position={targetPosition} on:connectstart on:connect on:connectend />
+<Handle type="target" position={targetPosition} />
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index b4b05a1b4..df399a7d1 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -83,9 +83,6 @@
       on:nodemouseenter
       on:nodemousemove
       on:nodemouseleave
-      on:connectstart
-      on:connect
-      on:connectend
       on:nodedrag
       on:nodedragstart
       on:nodedragstop
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 21ceec497..81aa81bd2 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -78,6 +78,9 @@
   export let width: $$Props['width'] = undefined;
   export let height: $$Props['height'] = undefined;
   export let colorMode: $$Props['colorMode'] = 'light';
+  export let onconnect: $$Props['onconnect'] = undefined;
+  export let onconnectstart: $$Props['onconnectstart'] = undefined;
+  export let onconnectend: $$Props['onconnectend'] = undefined;
 
   export let defaultMarkerColor = '#b1b1b7';
 
@@ -152,7 +155,10 @@
       ondelete,
       onedgecreate,
       connectionMode,
-      nodeDragThreshold
+      nodeDragThreshold,
+      onconnect,
+      onconnectstart,
+      onconnectend
     };
 
     updateStoreByKeys(store, updatableProps);
@@ -217,9 +223,6 @@
           on:nodemouseenter
           on:nodemousemove
           on:nodemouseleave
-          on:connectstart
-          on:connect
-          on:connectend
           on:nodedragstart
           on:nodedrag
           on:nodedragstop
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 9116dc602..993616246 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -15,7 +15,10 @@ import type {
   ConnectionMode,
   PanelPosition,
   ProOptions,
-  ColorMode
+  ColorMode,
+  OnConnect,
+  OnConnectStart,
+  OnConnectEnd
 } from '@xyflow/system';
 
 import type {
@@ -92,4 +95,8 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   ondelete?: OnDelete;
 
   onedgecreate?: OnEdgeCreate;
+
+  onconnect?: OnConnect;
+  onconnectstart?: OnConnectStart;
+  onconnectend?: OnConnectEnd;
 };
diff --git a/packages/svelte/src/lib/container/SvelteFlow/utils.ts b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
index 0281cd55a..497ccd149 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/utils.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
@@ -66,6 +66,9 @@ export type UpdatableStoreProps = {
   ondelete?: UnwrapWritable<SvelteFlowStore['ondelete']>;
   onedgecreate?: UnwrapWritable<SvelteFlowStore['onedgecreate']>;
   nodeDragThreshold?: UnwrapWritable<SvelteFlowStore['nodeDragThreshold']>;
+  onconnect?: UnwrapWritable<SvelteFlowStore['onconnect']>;
+  onconnectstart?: UnwrapWritable<SvelteFlowStore['onconnectstart']>;
+  onconnectend?: UnwrapWritable<SvelteFlowStore['onconnectend']>;
 };
 
 export function updateStoreByKeys(store: SvelteFlowStore, keys: UpdatableStoreProps) {
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index ceec1c7b8..0691c2028 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -19,7 +19,10 @@ import {
   getNodesBounds,
   getViewportForBounds,
   updateConnectionLookup,
-  type ConnectionLookup
+  type ConnectionLookup,
+  type OnConnect,
+  type OnConnectStart,
+  type OnConnectEnd
 } from '@xyflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -140,6 +143,9 @@ export const getInitialStore = ({
     onlyRenderVisibleElements: writable<boolean>(false),
     onerror: writable<OnError>(devWarn),
     ondelete: writable<OnDelete>(undefined),
-    onedgecreate: writable<OnEdgeCreate>(undefined)
+    onedgecreate: writable<OnEdgeCreate>(undefined),
+    onconnect: writable<OnConnect>(undefined),
+    onconnectstart: writable<OnConnectStart>(undefined),
+    onconnectend: writable<OnConnectEnd>(undefined)
   };
 };

From 94e822caa8c9eced78d7ab0f41251da3e955ae41 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 13 Dec 2023 11:50:09 +0100
Subject: [PATCH 0410/1093] chore(examples): add updateNode

---
 examples/react/src/examples/UpdateNode/index.tsx  | 15 +++++++++++++--
 .../src/routes/examples/overview/+page.svelte     |  3 ++-
 .../examples/useupdatenodeinternals/Flow.svelte   | 12 +++++++++++-
 3 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/examples/react/src/examples/UpdateNode/index.tsx b/examples/react/src/examples/UpdateNode/index.tsx
index 7c320606e..d6e8a67a6 100644
--- a/examples/react/src/examples/UpdateNode/index.tsx
+++ b/examples/react/src/examples/UpdateNode/index.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { ReactFlow, Node, Edge, useNodesState, useEdgesState } from '@xyflow/react';
+import { ReactFlow, Node, Edge, useNodesState, useEdgesState, ReactFlowProvider, useReactFlow } from '@xyflow/react';
 
 import styles from './updatenode.module.css';
 
@@ -13,6 +13,7 @@ const initialEdges: Edge[] = [{ id: 'e1-2', source: '1', target: '2' }];
 const UpdateNode = () => {
   const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
+  const { updateNode } = useReactFlow();
 
   const [nodeName, setNodeName] = useState<string>('Node 1');
   const [nodeBg, setNodeBg] = useState<string>('#eee');
@@ -80,9 +81,19 @@ const UpdateNode = () => {
           <label>hidden:</label>
           <input type="checkbox" checked={nodeHidden} onChange={(evt) => setNodeHidden(evt.target.checked)} />
         </div>
+
+        <button
+          onClick={() => updateNode('1', (node) => ({ position: { x: node.position.x + 10, y: node.position.y } }))}
+        >
+          update position
+        </button>
       </div>
     </ReactFlow>
   );
 };
 
-export default UpdateNode;
+export default () => (
+  <ReactFlowProvider>
+    <UpdateNode />
+  </ReactFlowProvider>
+);
diff --git a/examples/svelte/src/routes/examples/overview/+page.svelte b/examples/svelte/src/routes/examples/overview/+page.svelte
index a2ecba4d5..d8293666a 100644
--- a/examples/svelte/src/routes/examples/overview/+page.svelte
+++ b/examples/svelte/src/routes/examples/overview/+page.svelte
@@ -12,7 +12,8 @@
 		type EdgeTypes,
 		type Node,
 		type Edge,
-		ConnectionMode
+		ConnectionMode,
+		useSvelteFlow
 	} from '@xyflow/svelte';
 
 	import CustomNode from './CustomNode.svelte';
diff --git a/examples/svelte/src/routes/examples/useupdatenodeinternals/Flow.svelte b/examples/svelte/src/routes/examples/useupdatenodeinternals/Flow.svelte
index 13b48cb31..42c76cd0f 100644
--- a/examples/svelte/src/routes/examples/useupdatenodeinternals/Flow.svelte
+++ b/examples/svelte/src/routes/examples/useupdatenodeinternals/Flow.svelte
@@ -6,7 +6,9 @@
 		Background,
 		BackgroundVariant,
 		MiniMap,
-		type NodeTypes
+		type NodeTypes,
+		useSvelteFlow,
+		Panel
 	} from '@xyflow/svelte';
 
 	import CustomNode from './CustomNode.svelte';
@@ -50,6 +52,12 @@
 			target: '3'
 		}
 	]);
+
+	const { updateNode } = useSvelteFlow();
+
+	const updateNodePosition = () => {
+		updateNode('1', (node) => ({ position: { x: node.position.x + 10, y: node.position.y } }));
+	};
 </script>
 
 <main>
@@ -57,6 +65,8 @@
 		<Controls />
 		<Background variant={BackgroundVariant.Dots} />
 		<MiniMap />
+
+		<Panel><button on:click={updateNodePosition}>update node</button></Panel>
 	</SvelteFlow>
 </main>
 

From e7b29385d02091264610b77cbbfc4ba73228a65f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 13 Dec 2023 11:54:38 +0100
Subject: [PATCH 0411/1093] fix(svelte): allow null for keys

---
 packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index 362069828..f6697cb24 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -23,7 +23,7 @@
   } = useStore();
 
   function isKeyObject(key?: KeyDefinition | null): key is KeyDefinitionObject {
-    return typeof key === 'object';
+    return key !== null && typeof key === 'object';
   }
 
   function getModifier(key?: KeyDefinition | null): ShortcutModifierDefinition {

From 41a28bf6e477307ffefad60bd9ed8f09ab54afe5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 13 Dec 2023 12:17:07 +0100
Subject: [PATCH 0412/1093] chore(dark-mode): slightly brighter edges

---
 packages/system/src/styles/init.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 2aff146fa..7b716a9d8 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -23,7 +23,7 @@
 }
 
 .xy-flow.dark {
-  --xy-edge-stroke-default: #3c3c3c;
+  --xy-edge-stroke-default: #3e3e3e;
   --xy-edge-stroke-width-default: 1;
   --xy-edge-stroke-selected-default: #727272;
 

From bdcaf7b7612b5e1dceff2da418f05526f78a4364 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 13 Dec 2023 12:24:00 +0100
Subject: [PATCH 0413/1093] chore(package): bump

---
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 60f4b8ed0..887b90847 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index 107296700..9eff995d8 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From db68e28b1bff1d5020f2faa401c0e579fff17734 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 13 Dec 2023 12:46:13 +0100
Subject: [PATCH 0414/1093] chore(svelte): update changelog

---
 packages/svelte/CHANGELOG.md | 45 ++++++++++++++++++++++++++++--------
 1 file changed, 35 insertions(+), 10 deletions(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 60674c251..cebdde790 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,3 +1,28 @@
+## 0.0.29
+
+Another huge update for Svelte Flow 🙏 Handling data flows will be way easier with the new hooks and functions. You can now subscribe to connected nodes, receive data and update nodes more easily. We fix a big issue about the `<Handle />` component. No more `on:connect` that only worked for target `<Handle />` components but `onconnect` and `ondisconnect` that works for every `<Handle />`.
+
+### Features
+
+- add `useHandleConnections` hook for receiving connected node and handle ids for a specific handle
+- add `useNodesData(ids: string | string[])` hook for receiving data from other nodes
+- export `updateNode` and `updateNodeData` from `useSvelteFlow` to update a node or the data object
+- add `onedgecreate` function for passing a certain id or other attributes to a newly created edge
+
+### Breaking
+
+- replace `on:connect`, `on:connectstart` and `on:connectend` with `onconnect`, `onconnectstart` and `onconnectend`, no need to forward `on:connect..` anymore
+
+### Fixes and minor changes
+
+- `onconnect` and `ondisconnect` callback work for `<Handle />` component
+- don't delete a node when user presses Backspace inside an input/textarea/.nokey element
+- `bgColor` prop for Background didn't work
+- prefix css vars with "xy-"
+- don't update nodes and edges on pane click if not necessary
+- cleaner types for exported edges
+- fix `getIntersectingNodes` bug when passing `Rect`
+
 ## 0.0.28
 
 There are some breaking changes again (sorry!) but we are very close to the final API for Svelte Flow 1.0.0. The biggest change is that we group node attriubutes (`width`, `height`, `positionAbsolute`) that are added by the library under `node.computed`. This makes it easier to understand, that this stuff comes from the library itself. `node.width` and `node.height` is still an optional node option and can be used to set certain dimensions for SSR or on the client.
@@ -5,7 +30,7 @@ There are some breaking changes again (sorry!) but we are very close to the fina
 - add `<NodeToolbar />` component
 - add `on:selectionclick` and `on:selectioncontextmenu` event handlers
 - add `ondelete({ nodes, edges })` handler
-- add `zoomActivationKey` prop 
+- add `zoomActivationKey` prop
 - add `width` and `height` prop to custom `NodeProps` type
 - ⚠️ replace `xPos` and `yPos` with `positionAbsolute` prop to custom `NodeProps` type
 - ⚠️ `node.width/height` and `node.positionAbsolute` can now be found under `node.computed.width/height/positionAbsolute`
@@ -15,7 +40,7 @@ There are some breaking changes again (sorry!) but we are very close to the fina
 
 ## 0.0.27
 
-- add `selectionOnDrag` prop - can be used to create figma-like controls in combination with `panOnDrag={false}` / `panOnDrag={[1, 2]}` + `panOnScroll={true}` 
+- add `selectionOnDrag` prop - can be used to create figma-like controls in combination with `panOnDrag={false}` / `panOnDrag={[1, 2]}` + `panOnScroll={true}`
 - ⚠️ rename `screenToFlowCoordinate` to `screenToFlowPosition`
 - ⚠️ rename `flowToScreenCoordinate` to `flowToScreenPosition`
 - ⚠️ rename `getTransformForBounds` to `getViewportForBounds` (return `{ x: number, y: number, zoom: number }` instead of `[number, number, number]`)
@@ -64,7 +89,7 @@ There are some breaking changes again (sorry!) but we are very close to the fina
 
 ## 0.0.22
 
-- add `connectionLine` slot for rendering a custom connection line 
+- add `connectionLine` slot for rendering a custom connection line
 - add `connectionLineStyle` and `connectionLineContainerStyle` props
 - add `useConnection` hook
 - add `nodeDragThreshold` prop
@@ -97,7 +122,7 @@ There are some breaking changes again (sorry!) but we are very close to the fina
 
 ## 0.0.18
 
-- add `nodesDraggable` prop 
+- add `nodesDraggable` prop
 - minimap: add default background
 
 ## 0.0.17
@@ -110,7 +135,7 @@ There are some breaking changes again (sorry!) but we are very close to the fina
 
 ## 0.0.15
 
-- fix wrongly displayed connectionline 
+- fix wrongly displayed connectionline
 
 ## 0.0.14
 
@@ -149,14 +174,14 @@ this version is broken because of a wrong path in the package.json
 
 - add `connectionRadius`
 
-## 0.0.1 
+## 0.0.1
 
-Svelte Flow alpha is here 🔥 You can expect some changes until we reach 1.0.0 but we try to stick as close as possible to the React Flow API. There are no docs yet, but we are working on it! For now the easiest way is to use the autocomplete of your IDE, lookup the props in the SvelteFlow component or check out the React Flow docs. 
+Svelte Flow alpha is here 🔥 You can expect some changes until we reach 1.0.0 but we try to stick as close as possible to the React Flow API. There are no docs yet, but we are working on it! For now the easiest way is to use the autocomplete of your IDE, lookup the props in the SvelteFlow component or check out the React Flow docs.
 
 This very first release comes with lots of features already:
 
-- pass `nodes` and `edges` as writables 
-- draggable, selectable and deletable nodes 
+- pass `nodes` and `edges` as writables
+- draggable, selectable and deletable nodes
 - support for custom `nodeTypes` and `edgeTypes`
 - basic viewport settings like `fitView`, `minZoom` and `maxZoom`
-- additional components: `<MiniMap />`, `<Controls />` & `<Background />` 
\ No newline at end of file
+- additional components: `<MiniMap />`, `<Controls />` & `<Background />`

From fe3fe65c10669ec567729a8824598dba62fd727e Mon Sep 17 00:00:00 2001
From: = <=>
Date: Wed, 13 Dec 2023 10:42:04 -0300
Subject: [PATCH 0415/1093] fix(edges): add suport for className in baseEdge
 and remove unecessary render

---
 .../react/src/components/Edges/BaseEdge.tsx   |  4 ++-
 .../react/src/components/Edges/EdgeText.tsx   | 35 +++++++++++--------
 packages/react/src/types/edges.ts             |  5 +--
 3 files changed, 26 insertions(+), 18 deletions(-)

diff --git a/packages/react/src/components/Edges/BaseEdge.tsx b/packages/react/src/components/Edges/BaseEdge.tsx
index 91cfd58ae..ae14b4725 100644
--- a/packages/react/src/components/Edges/BaseEdge.tsx
+++ b/packages/react/src/components/Edges/BaseEdge.tsx
@@ -2,6 +2,7 @@ import { isNumeric } from '@xyflow/system';
 
 import type { BaseEdgeProps } from '../../types';
 import EdgeText from './EdgeText';
+import classcat from 'classcat';
 
 const BaseEdge = ({
   id,
@@ -17,6 +18,7 @@ const BaseEdge = ({
   style,
   markerEnd,
   markerStart,
+  className,
   interactionWidth = 20,
 }: BaseEdgeProps) => {
   return (
@@ -26,7 +28,7 @@ const BaseEdge = ({
         style={style}
         d={path}
         fill="none"
-        className="react-flow__edge-path"
+        className={classcat(['react-flow__edge-path', className])}
         markerEnd={markerEnd}
         markerStart={markerStart}
       />
diff --git a/packages/react/src/components/Edges/EdgeText.tsx b/packages/react/src/components/Edges/EdgeText.tsx
index 7926e81df..8cc5c388d 100644
--- a/packages/react/src/components/Edges/EdgeText.tsx
+++ b/packages/react/src/components/Edges/EdgeText.tsx
@@ -1,4 +1,4 @@
-import { memo, useRef, useState, useEffect, type FC, type PropsWithChildren } from 'react';
+import { memo, useState, type FC, type PropsWithChildren, useCallback } from 'react';
 import cc from 'classcat';
 import type { Rect } from '@xyflow/system';
 
@@ -17,22 +17,21 @@ const EdgeText: FC<PropsWithChildren<EdgeTextProps>> = ({
   className,
   ...rest
 }) => {
-  const edgeRef = useRef<SVGTextElement>(null);
-  const [edgeTextBbox, setEdgeTextBbox] = useState<Rect>({ x: 0, y: 0, width: 0, height: 0 });
+  const [edgeTextBbox, setEdgeTextBbox] = useState<Rect>({ x: 1, y: 0, width: 0, height: 0 });
   const edgeTextClasses = cc(['react-flow__edge-textwrapper', className]);
 
-  useEffect(() => {
-    if (edgeRef.current) {
-      const textBbox = edgeRef.current.getBBox();
+  const onEdgeTextRefChange = useCallback((edgeRef: SVGTextElement) => {
+    if (edgeRef === null) return;
 
-      setEdgeTextBbox({
-        x: textBbox.x,
-        y: textBbox.y,
-        width: textBbox.width,
-        height: textBbox.height,
-      });
-    }
-  }, [label]);
+    const textBbox = edgeRef.getBBox();
+
+    setEdgeTextBbox({
+      x: textBbox.x,
+      y: textBbox.y,
+      width: textBbox.width,
+      height: textBbox.height,
+    });
+  }, []);
 
   if (typeof label === 'undefined' || !label) {
     return null;
@@ -57,7 +56,13 @@ const EdgeText: FC<PropsWithChildren<EdgeTextProps>> = ({
           ry={labelBgBorderRadius}
         />
       )}
-      <text className="react-flow__edge-text" y={edgeTextBbox.height / 2} dy="0.3em" ref={edgeRef} style={labelStyle}>
+      <text
+        className="react-flow__edge-text"
+        y={edgeTextBbox.height / 2}
+        dy="0.3em"
+        ref={onEdgeTextRefChange}
+        style={labelStyle}
+      >
         {label}
       </text>
       {children}
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index 287c277d4..a9daf22c6 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -99,8 +99,9 @@ export type EdgeProps<T = any> = Pick<
     pathOptions?: any;
   };
 
-export type BaseEdgeProps = Pick<EdgeProps, 'style' | 'markerStart' | 'markerEnd' | 'interactionWidth'> &
-  EdgeLabelOptions & {
+export type BaseEdgeProps = Pick<EdgeProps, 'style' | 'markerStart' | 'markerEnd' | 'interactionWidth'> & {
+  className?: CSSProperties;
+} & EdgeLabelOptions & {
     id?: string;
     labelX?: number;
     labelY?: number;

From 46d42e7642dafdac02c1ba7c815c2cfebb688036 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 13 Dec 2023 17:05:13 +0100
Subject: [PATCH 0416/1093] chore(store): cleanup

---
 packages/react/src/store/initialState.ts |  5 ++++-
 packages/svelte/src/lib/store/utils.ts   |  2 --
 packages/system/src/types/nodes.ts       |  2 +-
 packages/system/src/utils/store.ts       | 15 +++++++++------
 4 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index ad4b34ca9..379a70e3d 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -25,7 +25,10 @@ const getInitialState = ({
 } = {}): ReactFlowStore => {
   const nodeLookup = new Map();
   const connectionLookup = updateConnectionLookup(new Map(), edges);
-  const nextNodes = adoptUserProvidedNodes(nodes, nodeLookup, { nodeOrigin: [0, 0], elevateNodesOnSelect: false });
+  const nextNodes = adoptUserProvidedNodes(nodes, nodeLookup, {
+    nodeOrigin: [0, 0],
+    elevateNodesOnSelect: false,
+  });
 
   let transform: Transform = [0, 0, 1];
 
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index 4c1b2d121..f8c1aef09 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -11,8 +11,6 @@ import {
   updateConnectionLookup,
   type Viewport,
   type PanZoomInstance,
-  type Viewport,
-  type PanZoomInstance,
   type ConnectionLookup
 } from '@xyflow/system';
 
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 33884bf7b..3839880cc 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -43,7 +43,7 @@ export type NodeBase<T = any, U extends string | undefined = string | undefined>
     /** Holds a reference to the original node object provided by the user
      * (which may lack some fields, like `computed` or `[internalSymbol]`. Used
      * as an optimization to avoid certain operations. */
-    userProvidedNode: WeakRef<NodeBase>;
+    userProvidedNode: NodeBase<T, U>;
   };
 };
 
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 7edebec2d..969507103 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -80,7 +80,10 @@ export function adoptUserProvidedNodes<NodeType extends NodeBase>(
 
   const nextNodes = nodes.map((n) => {
     const currentStoreNode = tmpLookup.get(n.id);
-    if (n === currentStoreNode?.[internalsSymbol]?.userProvidedNode.deref()) return currentStoreNode;
+    if (n === currentStoreNode?.[internalsSymbol]?.userProvidedNode) {
+      nodeLookup.set(n.id, currentStoreNode);
+      return currentStoreNode;
+    }
 
     const node: NodeType = {
       ...options.defaults,
@@ -103,7 +106,7 @@ export function adoptUserProvidedNodes<NodeType extends NodeBase>(
       value: {
         handleBounds: currInternals?.handleBounds,
         z,
-        userProvidedNode: new WeakRef(n),
+        userProvidedNode: n,
       },
     });
 
@@ -144,14 +147,14 @@ function calculateXYZPosition<NodeType extends NodeBase>(
   );
 }
 
-export function updateNodeDimensions(
+export function updateNodeDimensions<NodeType extends NodeBase>(
   updates: Map<string, NodeDimensionUpdate>,
-  nodes: NodeBase[],
-  nodeLookup: Map<string, NodeBase>,
+  nodes: NodeType[],
+  nodeLookup: Map<string, NodeType>,
   domNode: HTMLElement | null,
   nodeOrigin?: NodeOrigin,
   onUpdate?: (id: string, dimensions: Dimensions) => void
-): NodeBase[] | null {
+): NodeType[] | null {
   const viewportNode = domNode?.querySelector('.xyflow__viewport');
 
   if (!viewportNode) {

From eb0b09c00e9e6749204e1a8004e0cda0d35369a9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 14 Dec 2023 12:32:19 +0100
Subject: [PATCH 0417/1093] refactor(reactflow): optimize applyChanges handler

---
 packages/react/src/utils/changes.ts | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index c113ebe10..bef549474 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -55,14 +55,17 @@ function applyChanges(changes: any[], elements: any[]): any[] {
   }
 
   let remainingChanges = changes;
-  const initElements: any[] = changes.filter((c) => c.type === 'add').map((c) => c.item);
+  const updatedElements: any[] = [];
 
-  return elements.reduce((res: any[], item: any) => {
+  for (let i = 0; i < elements.length; i++) {
     const nextChanges: any[] = [];
     const _remainingChanges: any[] = [];
+    const item = elements[i];
 
     remainingChanges.forEach((c) => {
-      if (c.id === item.id) {
+      if (c.type === 'add') {
+        updatedElements.push(c.item);
+      } else if (c.id === item.id) {
         nextChanges.push(c);
       } else {
         _remainingChanges.push(c);
@@ -71,8 +74,8 @@ function applyChanges(changes: any[], elements: any[]): any[] {
     remainingChanges = _remainingChanges;
 
     if (nextChanges.length === 0) {
-      res.push(item);
-      return res;
+      updatedElements.push(item);
+      continue;
     }
 
     const updateItem = { ...item };
@@ -101,7 +104,7 @@ function applyChanges(changes: any[], elements: any[]): any[] {
             }
 
             if (updateItem.expandParent) {
-              handleParentExpand(res, updateItem);
+              handleParentExpand(updatedElements, updateItem);
             }
             break;
           }
@@ -123,20 +126,20 @@ function applyChanges(changes: any[], elements: any[]): any[] {
             }
 
             if (updateItem.expandParent) {
-              handleParentExpand(res, updateItem);
+              handleParentExpand(updatedElements, updateItem);
             }
             break;
           }
           case 'remove': {
-            return res;
+            continue;
           }
         }
       }
+      updatedElements.push(updateItem);
     }
+  }
 
-    res.push(updateItem);
-    return res;
-  }, initElements);
+  return updatedElements;
 }
 
 export function applyNodeChanges<NodeData = any>(changes: NodeChange[], nodes: Node<NodeData>[]): Node<NodeData>[] {

From 71f038a319c2c3f3aa60a6b728780618ecbe3ac6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 14 Dec 2023 12:32:41 +0100
Subject: [PATCH 0418/1093] refactor(node-renderer): simplify selectors, remove
 reselect, cleanup

---
 examples/react/src/examples/Stress/index.tsx  |   1 -
 packages/react/package.json                   |   1 -
 .../MiniMap/MiniMapNodes.tsx                  |  30 ++--
 .../react/src/components/Nodes/wrapNode.tsx   |  10 +-
 .../NodeRenderer/NodeComponentWrapper.tsx     | 104 +++++++++++++
 .../src/container/NodeRenderer/index.tsx      | 143 +-----------------
 .../NodeRenderer/useResizeObserver.ts         |  44 ++++++
 packages/react/src/hooks/useVisibleNodes.ts   |  29 ++--
 packages/react/src/types/nodes.ts             |   7 +-
 .../components/NodeWrapper/NodeWrapper.svelte |   3 +-
 packages/system/src/types/nodes.ts            |   3 +-
 pnpm-lock.yaml                                |   9 --
 12 files changed, 185 insertions(+), 199 deletions(-)
 create mode 100644 packages/react/src/container/NodeRenderer/NodeComponentWrapper.tsx
 create mode 100644 packages/react/src/container/NodeRenderer/useResizeObserver.ts

diff --git a/examples/react/src/examples/Stress/index.tsx b/examples/react/src/examples/Stress/index.tsx
index c1c24d86d..9091a6871 100644
--- a/examples/react/src/examples/Stress/index.tsx
+++ b/examples/react/src/examples/Stress/index.tsx
@@ -64,7 +64,6 @@ const StressFlow = () => {
       minZoom={0.2}
       fitView
     >
-      <MiniMap />
       <Controls />
       <Background />
 
diff --git a/packages/react/package.json b/packages/react/package.json
index d089272d2..1c3194d53 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -57,7 +57,6 @@
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
     "d3-zoom": "^3.0.0",
-    "reselect": "^4.1.8",
     "zustand": "^4.4.0"
   },
   "peerDependencies": {
diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index 0f22de5f6..162d0b419 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -1,30 +1,18 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { ComponentType, memo, MouseEvent } from 'react';
-import { shallow } from 'zustand/shallow';
+import { ComponentType, memo } from 'react';
 import { NodeOrigin, getNodePositionWithOrigin } from '@xyflow/system';
+import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../../hooks/useStore';
 import type { ReactFlowState } from '../../types';
 import MiniMapNode from './MiniMapNode';
 import type { MiniMapNodes as MiniMapNodesProps, GetMiniMapNodeAttribute, MiniMapNodeProps } from './types';
-import { createSelector } from 'reselect';
 
 declare const window: any;
 
 const selector = (s: ReactFlowState) => s.nodeOrigin;
-const selectorNodeIds = createSelector(
-  [(s: ReactFlowState) => s.nodes],
-  (nodes) =>
-    nodes
-      .filter((node) => !node.hidden && (node.computed?.width || node.width) && (node.computed?.height || node.height))
-      .map((node) => node.id),
-  {
-    memoizeOptions: {
-      resultEqualityCheck: shallow,
-    },
-  }
-);
+const selectorNodeIds = (s: ReactFlowState) => s.nodes.map((node) => node.id);
 const getAttrFunction = (func: any): GetMiniMapNodeAttribute => (func instanceof Function ? func : () => func);
 
 function MiniMapNodes({
@@ -38,7 +26,7 @@ function MiniMapNodes({
   nodeComponent: NodeComponent = MiniMapNode,
   onClick,
 }: MiniMapNodesProps) {
-  const nodes = useStore(selectorNodeIds);
+  const nodeIds = useStore(selectorNodeIds, shallow);
   const nodeOrigin = useStore(selector);
   const nodeColorFunc = getAttrFunction(nodeColor);
   const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
@@ -48,7 +36,7 @@ function MiniMapNodes({
 
   return (
     <>
-      {nodes.map((nodeId) => (
+      {nodeIds.map((nodeId) => (
         // The split of responsibilities between MiniMapNodes and
         // NodeComponentWrapper may appear weird. However, it’s designed to
         // minimize the cost of updates when individual nodes change.
@@ -96,16 +84,16 @@ const NodeComponentWrapper = memo(function NodeComponentWrapper({
   shapeRendering: string;
 }) {
   const node = useStore((s) => s.nodeLookup.get(id));
-  if (!node) {
+  if (!node || node.hidden || !(node.computed?.width || node.width) || !(node.computed?.height || node.height)) {
     return null;
   }
 
-  const { x, y } = getNodePositionWithOrigin(node, node.origin || nodeOrigin).positionAbsolute;
+  const positionOrigin = getNodePositionWithOrigin(node, node.origin || nodeOrigin).positionAbsolute;
 
   return (
     <NodeComponent
-      x={x}
-      y={y}
+      x={positionOrigin.x}
+      y={positionOrigin.y}
       width={node.computed?.width ?? node.width ?? 0}
       height={node.computed?.height ?? node.height ?? 0}
       style={node.style}
diff --git a/packages/react/src/components/Nodes/wrapNode.tsx b/packages/react/src/components/Nodes/wrapNode.tsx
index cc1537d13..330364c6c 100644
--- a/packages/react/src/components/Nodes/wrapNode.tsx
+++ b/packages/react/src/components/Nodes/wrapNode.tsx
@@ -22,10 +22,10 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
     id,
     type,
     data,
-    xPos,
-    yPos,
     xPosOrigin,
     yPosOrigin,
+    positionAbsoluteX,
+    positionAbsoluteY,
     selected,
     onClick,
     onMouseEnter,
@@ -52,7 +52,6 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
     disableKeyboardA11y,
     ariaLabel,
     rfId,
-    positionAbsolute,
     width,
     height,
   }: WrapNodeProps) => {
@@ -111,7 +110,7 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
         store.setState({
           ariaLiveMessage: `Moved selected node ${event.key
             .replace('Arrow', '')
-            .toLowerCase()}. New position, x: ${~~xPos}, y: ${~~yPos}`,
+            .toLowerCase()}. New position, x: ${~~positionAbsoluteX}, y: ${~~positionAbsoluteY}`,
         });
 
         updatePositions({
@@ -212,7 +211,8 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
             type={type}
             width={width}
             height={height}
-            positionAbsolute={positionAbsolute}
+            positionAbsoluteX={positionAbsoluteX}
+            positionAbsoluteY={positionAbsoluteY}
             selected={selected}
             isConnectable={isConnectable}
             sourcePosition={sourcePosition}
diff --git a/packages/react/src/container/NodeRenderer/NodeComponentWrapper.tsx b/packages/react/src/container/NodeRenderer/NodeComponentWrapper.tsx
new file mode 100644
index 000000000..f833ff08e
--- /dev/null
+++ b/packages/react/src/container/NodeRenderer/NodeComponentWrapper.tsx
@@ -0,0 +1,104 @@
+import { memo, type ComponentType } from 'react';
+import { internalsSymbol, errorMessages, Position, clampPosition, getPositionWithOrigin } from '@xyflow/system';
+
+import { useStore } from '../../hooks/useStore';
+import type { ReactFlowState, WrapNodeProps } from '../../types';
+import { NodeRendererProps } from '.';
+
+function NodeComponentWrapper(props: {
+  id: string;
+  nodeExtent: NodeRendererProps['nodeExtent'];
+  nodeTypes: NodeRendererProps['nodeTypes'];
+  nodeOrigin: NodeRendererProps['nodeOrigin'];
+  onNodeClick: NodeRendererProps['onNodeClick'];
+  onNodeMouseEnter: NodeRendererProps['onNodeMouseEnter'];
+  onNodeMouseMove: NodeRendererProps['onNodeMouseMove'];
+  onNodeMouseLeave: NodeRendererProps['onNodeMouseLeave'];
+  onNodeContextMenu: NodeRendererProps['onNodeContextMenu'];
+  onNodeDoubleClick: NodeRendererProps['onNodeDoubleClick'];
+  noDragClassName: NodeRendererProps['noDragClassName'];
+  noPanClassName: NodeRendererProps['noPanClassName'];
+  rfId: NodeRendererProps['rfId'];
+  disableKeyboardA11y: NodeRendererProps['disableKeyboardA11y'];
+  resizeObserver: ResizeObserver | null;
+  nodesDraggable: boolean;
+  nodesConnectable: boolean;
+  nodesFocusable: boolean;
+  elementsSelectable: boolean;
+  onError: ReactFlowState['onError'];
+}) {
+  const node = useStore((s) => s.nodeLookup.get(props.id));
+  if (!node) return null;
+
+  let nodeType = node.type || 'default';
+
+  if (!props.nodeTypes[nodeType]) {
+    props.onError?.('003', errorMessages['error003'](nodeType));
+
+    nodeType = 'default';
+  }
+
+  const NodeComponent = (props.nodeTypes[nodeType] || props.nodeTypes.default) as ComponentType<WrapNodeProps>;
+  const isDraggable = !!(node.draggable || (props.nodesDraggable && typeof node.draggable === 'undefined'));
+  const isSelectable = !!(node.selectable || (props.elementsSelectable && typeof node.selectable === 'undefined'));
+  const isConnectable = !!(node.connectable || (props.nodesConnectable && typeof node.connectable === 'undefined'));
+  const isFocusable = !!(node.focusable || (props.nodesFocusable && typeof node.focusable === 'undefined'));
+
+  const absolutePositionClamped = props.nodeExtent
+    ? clampPosition(node.computed?.positionAbsolute, props.nodeExtent)
+    : node.computed?.positionAbsolute || { x: 0, y: 0 };
+
+  const posOrigin = getPositionWithOrigin({
+    x: absolutePositionClamped.x,
+    y: absolutePositionClamped.y,
+    width: node.computed?.width ?? node.width ?? 0,
+    height: node.computed?.height ?? node.height ?? 0,
+    origin: node.origin || props.nodeOrigin,
+  });
+  const initialized = (!!node.computed?.width && !!node.computed?.height) || (!!node.width && !!node.height);
+
+  return (
+    <NodeComponent
+      key={node.id}
+      id={node.id}
+      className={node.className}
+      style={node.style}
+      width={node.width ?? undefined}
+      height={node.height ?? undefined}
+      type={nodeType}
+      data={node.data}
+      sourcePosition={node.sourcePosition || Position.Bottom}
+      targetPosition={node.targetPosition || Position.Top}
+      hidden={node.hidden}
+      xPosOrigin={posOrigin.x}
+      yPosOrigin={posOrigin.y}
+      positionAbsoluteX={absolutePositionClamped.x}
+      positionAbsoluteY={absolutePositionClamped.y}
+      onClick={props.onNodeClick}
+      onMouseEnter={props.onNodeMouseEnter}
+      onMouseMove={props.onNodeMouseMove}
+      onMouseLeave={props.onNodeMouseLeave}
+      onContextMenu={props.onNodeContextMenu}
+      onDoubleClick={props.onNodeDoubleClick}
+      selected={!!node.selected}
+      isDraggable={isDraggable}
+      isSelectable={isSelectable}
+      isConnectable={isConnectable}
+      isFocusable={isFocusable}
+      resizeObserver={props.resizeObserver}
+      dragHandle={node.dragHandle}
+      zIndex={node[internalsSymbol]?.z ?? 0}
+      isParent={!!node[internalsSymbol]?.isParent}
+      noDragClassName={props.noDragClassName}
+      noPanClassName={props.noPanClassName}
+      initialized={initialized}
+      rfId={props.rfId}
+      disableKeyboardA11y={props.disableKeyboardA11y}
+      ariaLabel={node.ariaLabel}
+    />
+  );
+}
+
+NodeComponentWrapper.displayName = 'NodeComponentWrapper';
+
+export default memo(NodeComponentWrapper);
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index c89914c89..662541a49 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -1,14 +1,15 @@
-import { memo, useMemo, useEffect, useRef, type ComponentType } from 'react';
+import { memo } from 'react';
 import { shallow } from 'zustand/shallow';
-import { internalsSymbol, errorMessages, Position, clampPosition, getPositionWithOrigin } from '@xyflow/system';
 
 import useVisibleNodesIds from '../../hooks/useVisibleNodes';
 import { useStore } from '../../hooks/useStore';
 import { containerStyle } from '../../styles/utils';
 import { GraphViewProps } from '../GraphView';
-import type { NodeTypesWrapped, ReactFlowState, WrapNodeProps } from '../../types';
+import type { NodeTypesWrapped, ReactFlowState } from '../../types';
+import NodeComponentWrapper from './NodeComponentWrapper';
+import useResizeObserver from './useResizeObserver';
 
-type NodeRendererProps = Pick<
+export type NodeRendererProps = Pick<
   GraphViewProps,
   | 'onNodeClick'
   | 'onNodeDoubleClick'
@@ -32,46 +33,13 @@ const selector = (s: ReactFlowState) => ({
   nodesConnectable: s.nodesConnectable,
   nodesFocusable: s.nodesFocusable,
   elementsSelectable: s.elementsSelectable,
-  updateNodeDimensions: s.updateNodeDimensions,
   onError: s.onError,
 });
 
 const NodeRenderer = (props: NodeRendererProps) => {
-  const { nodesDraggable, nodesConnectable, nodesFocusable, elementsSelectable, updateNodeDimensions, onError } =
-    useStore(selector, shallow);
+  const { nodesDraggable, nodesConnectable, nodesFocusable, elementsSelectable, onError } = useStore(selector, shallow);
   const nodeIds = useVisibleNodesIds(props.onlyRenderVisibleElements);
-  const resizeObserverRef = useRef<ResizeObserver>();
-
-  const resizeObserver = useMemo(() => {
-    if (typeof ResizeObserver === 'undefined') {
-      return null;
-    }
-
-    const observer = new ResizeObserver((entries: ResizeObserverEntry[]) => {
-      const updates = new Map();
-
-      entries.forEach((entry: ResizeObserverEntry) => {
-        const id = entry.target.getAttribute('data-id') as string;
-        updates.set(id, {
-          id,
-          nodeElement: entry.target as HTMLDivElement,
-          forceUpdate: true,
-        });
-      });
-
-      updateNodeDimensions(updates);
-    });
-
-    resizeObserverRef.current = observer;
-
-    return observer;
-  }, []);
-
-  useEffect(() => {
-    return () => {
-      resizeObserverRef?.current?.disconnect();
-    };
-  }, []);
+  const resizeObserver = useResizeObserver();
 
   return (
     <div className="react-flow__nodes" style={containerStyle}>
@@ -129,103 +97,6 @@ const NodeRenderer = (props: NodeRendererProps) => {
   );
 };
 
-const NodeComponentWrapper = memo(function NodeComponentWrapper(props: {
-  id: string;
-  nodeExtent: NodeRendererProps['nodeExtent'];
-  nodeTypes: NodeRendererProps['nodeTypes'];
-  nodeOrigin: NodeRendererProps['nodeOrigin'];
-  onNodeClick: NodeRendererProps['onNodeClick'];
-  onNodeMouseEnter: NodeRendererProps['onNodeMouseEnter'];
-  onNodeMouseMove: NodeRendererProps['onNodeMouseMove'];
-  onNodeMouseLeave: NodeRendererProps['onNodeMouseLeave'];
-  onNodeContextMenu: NodeRendererProps['onNodeContextMenu'];
-  onNodeDoubleClick: NodeRendererProps['onNodeDoubleClick'];
-  noDragClassName: NodeRendererProps['noDragClassName'];
-  noPanClassName: NodeRendererProps['noPanClassName'];
-  rfId: NodeRendererProps['rfId'];
-  disableKeyboardA11y: NodeRendererProps['disableKeyboardA11y'];
-  resizeObserver: ResizeObserver | null;
-  nodesDraggable: boolean;
-  nodesConnectable: boolean;
-  nodesFocusable: boolean;
-  elementsSelectable: boolean;
-  onError: ReactFlowState['onError'];
-}) {
-  const node = useStore((s) => s.nodeLookup.get(props.id));
-  if (!node) return null;
-
-  let nodeType = node.type || 'default';
-
-  if (!props.nodeTypes[nodeType]) {
-    props.onError?.('003', errorMessages['error003'](nodeType));
-
-    nodeType = 'default';
-  }
-
-  const NodeComponent = (props.nodeTypes[nodeType] || props.nodeTypes.default) as ComponentType<WrapNodeProps>;
-  const isDraggable = !!(node.draggable || (props.nodesDraggable && typeof node.draggable === 'undefined'));
-  const isSelectable = !!(node.selectable || (props.elementsSelectable && typeof node.selectable === 'undefined'));
-  const isConnectable = !!(node.connectable || (props.nodesConnectable && typeof node.connectable === 'undefined'));
-  const isFocusable = !!(node.focusable || (props.nodesFocusable && typeof node.focusable === 'undefined'));
-
-  const clampedPosition = props.nodeExtent
-    ? clampPosition(node.computed?.positionAbsolute, props.nodeExtent)
-    : node.computed?.positionAbsolute;
-
-  const posX = clampedPosition?.x ?? 0;
-  const posY = clampedPosition?.y ?? 0;
-  const posOrigin = getPositionWithOrigin({
-    x: posX,
-    y: posY,
-    width: node.computed?.width ?? node.width ?? 0,
-    height: node.computed?.height ?? node.height ?? 0,
-    origin: node.origin || props.nodeOrigin,
-  });
-  const initialized = (!!node.computed?.width && !!node.computed?.height) || (!!node.width && !!node.height);
-
-  return (
-    <NodeComponent
-      key={node.id}
-      id={node.id}
-      className={node.className}
-      style={node.style}
-      width={node.width ?? undefined}
-      height={node.height ?? undefined}
-      type={nodeType}
-      data={node.data}
-      sourcePosition={node.sourcePosition || Position.Bottom}
-      targetPosition={node.targetPosition || Position.Top}
-      hidden={node.hidden}
-      xPos={posX}
-      yPos={posY}
-      xPosOrigin={posOrigin.x}
-      yPosOrigin={posOrigin.y}
-      positionAbsolute={clampedPosition || { x: 0, y: 0 }}
-      onClick={props.onNodeClick}
-      onMouseEnter={props.onNodeMouseEnter}
-      onMouseMove={props.onNodeMouseMove}
-      onMouseLeave={props.onNodeMouseLeave}
-      onContextMenu={props.onNodeContextMenu}
-      onDoubleClick={props.onNodeDoubleClick}
-      selected={!!node.selected}
-      isDraggable={isDraggable}
-      isSelectable={isSelectable}
-      isConnectable={isConnectable}
-      isFocusable={isFocusable}
-      resizeObserver={props.resizeObserver}
-      dragHandle={node.dragHandle}
-      zIndex={node[internalsSymbol]?.z ?? 0}
-      isParent={!!node[internalsSymbol]?.isParent}
-      noDragClassName={props.noDragClassName}
-      noPanClassName={props.noPanClassName}
-      initialized={initialized}
-      rfId={props.rfId}
-      disableKeyboardA11y={props.disableKeyboardA11y}
-      ariaLabel={node.ariaLabel}
-    />
-  );
-});
-
 NodeRenderer.displayName = 'NodeRenderer';
 
 export default memo(NodeRenderer);
diff --git a/packages/react/src/container/NodeRenderer/useResizeObserver.ts b/packages/react/src/container/NodeRenderer/useResizeObserver.ts
new file mode 100644
index 000000000..d109d7984
--- /dev/null
+++ b/packages/react/src/container/NodeRenderer/useResizeObserver.ts
@@ -0,0 +1,44 @@
+import { useEffect, useMemo, useRef } from 'react';
+
+import { ReactFlowState } from '../../types';
+import { useStore } from '../../hooks/useStore';
+
+const selector = (s: ReactFlowState) => s.updateNodeDimensions;
+
+export default function useResizeObserver() {
+  const updateNodeDimensions = useStore(selector);
+  const resizeObserverRef = useRef<ResizeObserver>();
+
+  const resizeObserver = useMemo(() => {
+    if (typeof ResizeObserver === 'undefined') {
+      return null;
+    }
+
+    const observer = new ResizeObserver((entries: ResizeObserverEntry[]) => {
+      const updates = new Map();
+
+      entries.forEach((entry: ResizeObserverEntry) => {
+        const id = entry.target.getAttribute('data-id') as string;
+        updates.set(id, {
+          id,
+          nodeElement: entry.target as HTMLDivElement,
+          forceUpdate: true,
+        });
+      });
+
+      updateNodeDimensions(updates);
+    });
+
+    resizeObserverRef.current = observer;
+
+    return observer;
+  }, []);
+
+  useEffect(() => {
+    return () => {
+      resizeObserverRef?.current?.disconnect();
+    };
+  }, []);
+
+  return resizeObserver;
+}
diff --git a/packages/react/src/hooks/useVisibleNodes.ts b/packages/react/src/hooks/useVisibleNodes.ts
index 56e146746..2f67af02a 100644
--- a/packages/react/src/hooks/useVisibleNodes.ts
+++ b/packages/react/src/hooks/useVisibleNodes.ts
@@ -1,31 +1,20 @@
 import { getNodesInside } from '@xyflow/system';
-import { createSelector } from 'reselect';
 import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../hooks/useStore';
 import type { Node, ReactFlowState } from '../types';
+import { useCallback } from 'react';
 
-const visibleNodeIdsSelector = createSelector(
-  [
-    (s: ReactFlowState) => s.nodes,
-    (s: ReactFlowState) => s.width,
-    (s: ReactFlowState) => s.height,
-    (s: ReactFlowState) => s.transform,
-    (_s: ReactFlowState, onlyRenderVisibleNodes: boolean) => onlyRenderVisibleNodes,
-  ],
-  (nodes, width, height, transform, onlyRenderVisible) =>
-    onlyRenderVisible
-      ? getNodesInside<Node>(nodes, { x: 0, y: 0, width, height }, transform, true).map((node) => node.id)
-      : nodes.map((node) => node.id),
-  {
-    memoizeOptions: {
-      resultEqualityCheck: shallow,
-    },
-  }
-);
+const selector = (onlyRenderVisible: boolean) => (s: ReactFlowState) => {
+  return onlyRenderVisible
+    ? getNodesInside<Node>(s.nodes, { x: 0, y: 0, width: s.width, height: s.height }, s.transform, true).map(
+        (node) => node.id
+      )
+    : Array.from(s.nodeLookup.keys());
+};
 
 function useVisibleNodeIds(onlyRenderVisible: boolean) {
-  const nodeIds = useStore((s: ReactFlowState) => visibleNodeIdsSelector(s, onlyRenderVisible));
+  const nodeIds = useStore(useCallback(selector(onlyRenderVisible), [onlyRenderVisible]), shallow);
 
   return nodeIds;
 }
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index 295486662..b1960f64c 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -1,5 +1,5 @@
 import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
-import type { NodeBase, XYPosition } from '@xyflow/system';
+import type { NodeBase } from '@xyflow/system';
 
 export type Node<NodeData = any, NodeType extends string | undefined = string | undefined> = NodeBase<
   NodeData,
@@ -20,11 +20,10 @@ export type WrapNodeProps<NodeData = any> = Pick<
 > &
   Required<Pick<Node<NodeData>, 'selected' | 'type' | 'zIndex'>> & {
     isConnectable: boolean;
-    xPos: number;
-    yPos: number;
     xPosOrigin: number;
     yPosOrigin: number;
-    positionAbsolute: XYPosition;
+    positionAbsoluteX: number;
+    positionAbsoluteY: number;
     initialized: boolean;
     isSelectable: boolean;
     isDraggable: boolean;
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index d992c5a3a..ae894066e 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -191,7 +191,8 @@
       {dragging}
       {dragHandle}
       isConnectable={connectable}
-      positionAbsolute={{ x: positionX, y: positionY }}
+      positionAbsoluteX={positionX}
+      positionAbsoluteY={positionY}
       {width}
       {height}
     />
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 3839880cc..74b294fec 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -56,7 +56,8 @@ export type NodeProps<T = any> = {
   selected: NodeBase['selected'];
   isConnectable: NodeBase['connectable'];
   zIndex: NodeBase['zIndex'];
-  positionAbsolute: XYPosition;
+  positionAbsoluteX: number;
+  positionAbsoluteY: number;
   width?: number;
   height?: number;
   dragging: boolean;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7e1fcd6e1..b39d982e9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -235,9 +235,6 @@ importers:
       react-dom:
         specifier: '>=17'
         version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
-      reselect:
-        specifier: ^4.1.8
-        version: registry.npmjs.org/reselect@4.1.8
       zustand:
         specifier: ^4.4.0
         version: registry.npmjs.org/zustand@4.4.1(@types/react@18.2.24)(react@18.2.0)
@@ -10036,12 +10033,6 @@ packages:
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/reselect@4.1.8:
-    resolution: {integrity: sha512-ab9EmR80F/zQTMNeneUr4cv+jSwPJgIlvEmVwLerwrWVbpLlBuls9XHzIeTFy4cegU2NHBp3va0LKOzU5qFEYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/reselect/-/reselect-4.1.8.tgz}
-    name: reselect
-    version: 4.1.8
-    dev: false
-
   registry.npmjs.org/resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz}
     name: resolve-from

From cc7c49223b07aefef81cd6f8538dd59e2f43eb57 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@Peters-MBP.fritz.box>
Date: Thu, 14 Dec 2023 13:51:25 +0100
Subject: [PATCH 0419/1093] Added seperate portal to put dom elements inside
 the flow

---
 .../react/src/components/ViewPortal/index.tsx | 19 +++++++++++++++++++
 .../react/src/container/GraphView/index.tsx   |  2 +-
 .../components/ViewPortal/ViewPortal.svelte   | 12 ++++++++++++
 .../src/lib/components/ViewPortal/index.ts    |  1 +
 .../container/SvelteFlow/SvelteFlow.svelte    |  1 +
 5 files changed, 34 insertions(+), 1 deletion(-)
 create mode 100644 packages/react/src/components/ViewPortal/index.tsx
 create mode 100644 packages/svelte/src/lib/components/ViewPortal/ViewPortal.svelte
 create mode 100644 packages/svelte/src/lib/components/ViewPortal/index.ts

diff --git a/packages/react/src/components/ViewPortal/index.tsx b/packages/react/src/components/ViewPortal/index.tsx
new file mode 100644
index 000000000..5560c803f
--- /dev/null
+++ b/packages/react/src/components/ViewPortal/index.tsx
@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import { createPortal } from 'react-dom';
+
+import { useStore } from '../../hooks/useStore';
+import type { ReactFlowState } from '../../types';
+
+const selector = (s: ReactFlowState) => s.domNode?.querySelector('.react-flow__view-portal');
+
+function ViewPortal({ children }: { children: ReactNode }) {
+  const viewPortalDiv = useStore(selector);
+
+  if (!viewPortalDiv) {
+    return null;
+  }
+
+  return createPortal(children, viewPortalDiv);
+}
+
+export default ViewPortal;
diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index 014d754fc..e7d0f83f6 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -180,7 +180,7 @@ const GraphView = ({
           />
         </EdgeRenderer>
         <div className="react-flow__edgelabel-renderer" />
-
+        <div className="react-flow__view-portal" />
         <NodeRenderer
           nodeTypes={nodeTypesWrapped}
           onNodeClick={onNodeClick}
diff --git a/packages/svelte/src/lib/components/ViewPortal/ViewPortal.svelte b/packages/svelte/src/lib/components/ViewPortal/ViewPortal.svelte
new file mode 100644
index 000000000..3aa3d1171
--- /dev/null
+++ b/packages/svelte/src/lib/components/ViewPortal/ViewPortal.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+  import portal from '$lib/actions/portal';
+  import { useStore } from '$lib/store';
+
+  type $$Props = {};
+
+  const { domNode } = useStore();
+</script>
+
+<div use:portal={{ target: '.svelte-flow__view-portal', domNode: $domNode }}>
+  <slot />
+</div>
diff --git a/packages/svelte/src/lib/components/ViewPortal/index.ts b/packages/svelte/src/lib/components/ViewPortal/index.ts
new file mode 100644
index 000000000..778b62769
--- /dev/null
+++ b/packages/svelte/src/lib/components/ViewPortal/index.ts
@@ -0,0 +1 @@
+export { default as ViewPortal } from './ViewPortal.svelte';
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 81aa81bd2..e8db67f2c 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -218,6 +218,7 @@
           <slot name="connectionLine" slot="connectionLine" />
         </ConnectionLine>
         <div class="svelte-flow__edgelabel-renderer" />
+        <div class="svelte-view-portal" />
         <NodeRenderer
           on:nodeclick
           on:nodemouseenter

From 7bb96c9817f4571846c27c5be1c7038b7ef48194 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@Peters-MBP.fritz.box>
Date: Thu, 14 Dec 2023 14:27:05 +0100
Subject: [PATCH 0420/1093] Renamed to ViewportPortal

---
 .../src/components/{ViewPortal => ViewportPortal}/index.tsx | 6 +++---
 packages/react/src/container/GraphView/index.tsx            | 2 +-
 packages/react/src/index.ts                                 | 1 +
 packages/svelte/src/lib/components/ViewPortal/index.ts      | 1 -
 .../ViewportPortal.svelte}                                  | 2 +-
 packages/svelte/src/lib/components/ViewportPortal/index.ts  | 1 +
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte   | 2 +-
 packages/svelte/src/lib/index.ts                            | 1 +
 8 files changed, 9 insertions(+), 7 deletions(-)
 rename packages/react/src/components/{ViewPortal => ViewportPortal}/index.tsx (75%)
 delete mode 100644 packages/svelte/src/lib/components/ViewPortal/index.ts
 rename packages/svelte/src/lib/components/{ViewPortal/ViewPortal.svelte => ViewportPortal/ViewportPortal.svelte} (69%)
 create mode 100644 packages/svelte/src/lib/components/ViewportPortal/index.ts

diff --git a/packages/react/src/components/ViewPortal/index.tsx b/packages/react/src/components/ViewportPortal/index.tsx
similarity index 75%
rename from packages/react/src/components/ViewPortal/index.tsx
rename to packages/react/src/components/ViewportPortal/index.tsx
index 5560c803f..4195a6089 100644
--- a/packages/react/src/components/ViewPortal/index.tsx
+++ b/packages/react/src/components/ViewportPortal/index.tsx
@@ -4,9 +4,9 @@ import { createPortal } from 'react-dom';
 import { useStore } from '../../hooks/useStore';
 import type { ReactFlowState } from '../../types';
 
-const selector = (s: ReactFlowState) => s.domNode?.querySelector('.react-flow__view-portal');
+const selector = (s: ReactFlowState) => s.domNode?.querySelector('.react-flow__viewport-portal');
 
-function ViewPortal({ children }: { children: ReactNode }) {
+function ViewportPortal({ children }: { children: ReactNode }) {
   const viewPortalDiv = useStore(selector);
 
   if (!viewPortalDiv) {
@@ -16,4 +16,4 @@ function ViewPortal({ children }: { children: ReactNode }) {
   return createPortal(children, viewPortalDiv);
 }
 
-export default ViewPortal;
+export default ViewportPortal;
diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index e7d0f83f6..2065ee65c 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -180,7 +180,7 @@ const GraphView = ({
           />
         </EdgeRenderer>
         <div className="react-flow__edgelabel-renderer" />
-        <div className="react-flow__view-portal" />
+        <div className="react-flow__viewport-portal" />
         <NodeRenderer
           nodeTypes={nodeTypesWrapped}
           onNodeClick={onNodeClick}
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index ae82e78bd..6fc948f5a 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -10,6 +10,7 @@ export { default as BaseEdge } from './components/Edges/BaseEdge';
 export { default as ReactFlowProvider } from './components/ReactFlowProvider';
 export { default as Panel, type PanelProps } from './components/Panel';
 export { default as EdgeLabelRenderer } from './components/EdgeLabelRenderer';
+export { default as ViewportPortal } from './components/ViewportPortal';
 
 export { default as useReactFlow } from './hooks/useReactFlow';
 export { default as useUpdateNodeInternals } from './hooks/useUpdateNodeInternals';
diff --git a/packages/svelte/src/lib/components/ViewPortal/index.ts b/packages/svelte/src/lib/components/ViewPortal/index.ts
deleted file mode 100644
index 778b62769..000000000
--- a/packages/svelte/src/lib/components/ViewPortal/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as ViewPortal } from './ViewPortal.svelte';
diff --git a/packages/svelte/src/lib/components/ViewPortal/ViewPortal.svelte b/packages/svelte/src/lib/components/ViewportPortal/ViewportPortal.svelte
similarity index 69%
rename from packages/svelte/src/lib/components/ViewPortal/ViewPortal.svelte
rename to packages/svelte/src/lib/components/ViewportPortal/ViewportPortal.svelte
index 3aa3d1171..a0bcb3475 100644
--- a/packages/svelte/src/lib/components/ViewPortal/ViewPortal.svelte
+++ b/packages/svelte/src/lib/components/ViewportPortal/ViewportPortal.svelte
@@ -7,6 +7,6 @@
   const { domNode } = useStore();
 </script>
 
-<div use:portal={{ target: '.svelte-flow__view-portal', domNode: $domNode }}>
+<div use:portal={{ target: '.svelte-flow__viewport-portal', domNode: $domNode }}>
   <slot />
 </div>
diff --git a/packages/svelte/src/lib/components/ViewportPortal/index.ts b/packages/svelte/src/lib/components/ViewportPortal/index.ts
new file mode 100644
index 000000000..12da71c8d
--- /dev/null
+++ b/packages/svelte/src/lib/components/ViewportPortal/index.ts
@@ -0,0 +1 @@
+export { default as ViewportPortal } from './ViewportPortal.svelte';
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index e8db67f2c..3e09a4601 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -218,7 +218,7 @@
           <slot name="connectionLine" slot="connectionLine" />
         </ConnectionLine>
         <div class="svelte-flow__edgelabel-renderer" />
-        <div class="svelte-view-portal" />
+        <div class="svelte-flow__viewport-portal" />
         <NodeRenderer
           on:nodeclick
           on:nodemouseenter
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 895793d25..4272e36e8 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -6,6 +6,7 @@ export * from '$lib/container/SvelteFlow/types';
 export * from '$lib/container/Panel';
 export * from '$lib/components/SvelteFlowProvider';
 export * from '$lib/components/EdgeLabelRenderer';
+export * from '$lib/components/ViewportPortal';
 export * from '$lib/components/BaseEdge';
 export { BezierEdge, StepEdge, SmoothStepEdge, StraightEdge } from '$lib/components/edges';
 export * from '$lib/components/Handle';

From c42b82159c1452e29d9f60fa976de0ea02349fe8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Fri, 15 Dec 2023 12:04:02 +0100
Subject: [PATCH 0421/1093] chore(svelte): use new node props

---
 .../src/routes/examples/overview/CustomNode.svelte       | 7 ++++---
 .../svelte/src/lib/components/nodes/DefaultNode.svelte   | 9 ++++-----
 .../svelte/src/lib/components/nodes/GroupNode.svelte     | 9 ++++-----
 .../svelte/src/lib/components/nodes/InputNode.svelte     | 9 ++++-----
 .../svelte/src/lib/components/nodes/OutputNode.svelte    | 6 ++++--
 5 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/examples/svelte/src/routes/examples/overview/CustomNode.svelte b/examples/svelte/src/routes/examples/overview/CustomNode.svelte
index 1197ce62c..faf6a2a55 100644
--- a/examples/svelte/src/routes/examples/overview/CustomNode.svelte
+++ b/examples/svelte/src/routes/examples/overview/CustomNode.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
-	import { Handle, Position, type NodeProps, type XYPosition } from '@xyflow/svelte';
+	import { Handle, Position, type NodeProps } from '@xyflow/svelte';
 
 	type $$Props = NodeProps;
 
 	export let data: { label: string } = { label: 'Node' };
-	export let positionAbsolute: XYPosition = { x: 0, y: 0 };
+	export let positionAbsoluteX: number = 0;
+	export let positionAbsoluteY: number = 0;
 </script>
 
 <div class="custom">
 	<div>{data.label}</div>
-	<div>{~~positionAbsolute.x}, {~~positionAbsolute.y}</div>
+	<div>{~~positionAbsoluteX}, {~~positionAbsoluteY}</div>
 
 	<Handle type="target" position={Position.Top} />
 
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index a0d2a15ca..9f0f927a5 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -18,10 +18,8 @@
   export let zIndex: $$Props['zIndex'] = undefined;
   export let dragging: $$Props['dragging'] = false;
   export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let positionAbsolute: $$Props['positionAbsolute'] = {
-    x: 0,
-    y: 0
-  };
+  export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
+  export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
   export let isConnectable: $$Props['isConnectable'] = undefined;
 
   // @todo: there must be a better way to do this
@@ -33,7 +31,8 @@
   zIndex;
   dragging;
   dragHandle;
-  positionAbsolute;
+  positionAbsoluteX;
+  positionAbsoluteY;
   isConnectable;
 </script>
 
diff --git a/packages/svelte/src/lib/components/nodes/GroupNode.svelte b/packages/svelte/src/lib/components/nodes/GroupNode.svelte
index 22dd07543..bc41b0d9b 100644
--- a/packages/svelte/src/lib/components/nodes/GroupNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/GroupNode.svelte
@@ -15,10 +15,8 @@
   export let zIndex: $$Props['zIndex'] = undefined;
   export let dragging: $$Props['dragging'] = false;
   export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let positionAbsolute: $$Props['positionAbsolute'] = {
-    x: 0,
-    y: 0
-  };
+  export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
+  export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
   export let isConnectable: $$Props['isConnectable'] = undefined;
 
   // @todo: there must be a better way to do this
@@ -33,6 +31,7 @@
   zIndex;
   dragging;
   dragHandle;
-  positionAbsolute;
+  positionAbsoluteX;
+  positionAbsoluteY;
   isConnectable;
 </script>
diff --git a/packages/svelte/src/lib/components/nodes/InputNode.svelte b/packages/svelte/src/lib/components/nodes/InputNode.svelte
index a8a25eb89..0c7093df7 100644
--- a/packages/svelte/src/lib/components/nodes/InputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/InputNode.svelte
@@ -18,10 +18,8 @@
   export let zIndex: $$Props['zIndex'] = undefined;
   export let dragging: $$Props['dragging'] = false;
   export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let positionAbsolute: $$Props['positionAbsolute'] = {
-    x: 0,
-    y: 0
-  };
+  export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
+  export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
   export let isConnectable: $$Props['isConnectable'] = undefined;
 
   // @todo: there must be a better way to do this
@@ -34,7 +32,8 @@
   zIndex;
   dragging;
   dragHandle;
-  positionAbsolute;
+  positionAbsoluteX;
+  positionAbsoluteY;
   isConnectable;
 </script>
 
diff --git a/packages/svelte/src/lib/components/nodes/OutputNode.svelte b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
index 7fff504f8..cfaf113e4 100644
--- a/packages/svelte/src/lib/components/nodes/OutputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
@@ -18,7 +18,8 @@
   export let zIndex: $$Props['zIndex'] = undefined;
   export let dragging: $$Props['dragging'] = false;
   export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let positionAbsolute: $$Props['positionAbsolute'] = { x: 0, y: 0 };
+  export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
+  export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
   export let isConnectable: $$Props['isConnectable'] = undefined;
 
   // @todo: there must be a better way to do this
@@ -31,7 +32,8 @@
   zIndex;
   dragging;
   dragHandle;
-  positionAbsolute;
+  positionAbsoluteX;
+  positionAbsoluteY;
   isConnectable;
 </script>
 

From 8c705fbdbf73bf205a8b0e77a05b35eb9c7faee7 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Fri, 15 Dec 2023 12:25:50 +0100
Subject: [PATCH 0422/1093] fix(examples): use computed attribute

---
 examples/react/src/examples/EasyConnect/utils.tsx  |  8 ++++++--
 examples/react/src/examples/FloatingEdges/utils.ts | 12 +++++++-----
 examples/react/src/examples/Hidden/index.tsx       |  6 ++++--
 3 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/examples/react/src/examples/EasyConnect/utils.tsx b/examples/react/src/examples/EasyConnect/utils.tsx
index d7f3e6895..6d87795bc 100644
--- a/examples/react/src/examples/EasyConnect/utils.tsx
+++ b/examples/react/src/examples/EasyConnect/utils.tsx
@@ -4,8 +4,12 @@ import { Node, Position, MarkerType, XYPosition } from '@xyflow/react';
 // of the line between the center of the intersectionNode and the target node
 function getNodeIntersection(intersectionNode: Node, targetNode: Node) {
   // https://math.stackexchange.com/questions/1724792/an-algorithm-for-finding-the-intersection-point-between-a-center-of-vision-and-a
-  const { width: intersectionNodeWidth, height: intersectionNodeHeight } = intersectionNode;
-  const intersectionNodePosition = intersectionNode.computed?.positionAbsolute!;
+
+  const {
+    width: intersectionNodeWidth,
+    height: intersectionNodeHeight,
+    positionAbsolute: intersectionNodePosition,
+  } = intersectionNode.computed || {};
   const targetPosition = targetNode.computed?.positionAbsolute!;
 
   const w = intersectionNodeWidth! / 2;
diff --git a/examples/react/src/examples/FloatingEdges/utils.ts b/examples/react/src/examples/FloatingEdges/utils.ts
index 0a2d6c03c..46e9682cf 100644
--- a/examples/react/src/examples/FloatingEdges/utils.ts
+++ b/examples/react/src/examples/FloatingEdges/utils.ts
@@ -5,11 +5,11 @@ import { Position, XYPosition, Node, Edge } from '@xyflow/react';
 function getNodeIntersection(intersectionNode: Node, targetNode: Node): XYPosition {
   // https://math.stackexchange.com/questions/1724792/an-algorithm-for-finding-the-intersection-point-between-a-center-of-vision-and-a
 
-  const {
-    width: intersectionNodeWidth,
-    height: intersectionNodeHeight,
-    position: intersectionNodePosition,
-  } = intersectionNode;
+  const { position: intersectionNodePosition } = intersectionNode;
+  const { width: intersectionNodeWidth, height: intersectionNodeHeight } = intersectionNode.computed ?? {
+    width: 0,
+    height: 0,
+  };
   const targetPosition = targetNode.position;
 
   const w = (intersectionNodeWidth ?? 0) / 2;
@@ -60,6 +60,8 @@ export function getEdgeParams(source: Node, target: Node) {
   const sourceIntersectionPoint = getNodeIntersection(source, target);
   const targetIntersectionPoint = getNodeIntersection(target, source);
 
+  console.log(sourceIntersectionPoint, targetIntersectionPoint);
+
   const sourcePos = getEdgePosition(source, sourceIntersectionPoint);
   const targetPos = getEdgePosition(target, targetIntersectionPoint);
 
diff --git a/examples/react/src/examples/Hidden/index.tsx b/examples/react/src/examples/Hidden/index.tsx
index 586f300f1..f00d8bae3 100644
--- a/examples/react/src/examples/Hidden/index.tsx
+++ b/examples/react/src/examples/Hidden/index.tsx
@@ -48,8 +48,10 @@ const initialEdges: Edge[] = [
 
 const setHidden = (hidden: boolean) => (els: any[]) =>
   els.map((e: any) => {
-    e.hidden = hidden;
-    return e;
+    return {
+      ...e,
+      hidden,
+    };
   });
 
 const HiddenFlow = () => {

From 9b128bf184f868f2e89e88c7af8135b51f529def Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Fri, 15 Dec 2023 12:31:05 +0100
Subject: [PATCH 0423/1093] chore(examples): cleanup

---
 examples/react/src/examples/FloatingEdges/utils.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/examples/react/src/examples/FloatingEdges/utils.ts b/examples/react/src/examples/FloatingEdges/utils.ts
index 46e9682cf..c8a6e1c19 100644
--- a/examples/react/src/examples/FloatingEdges/utils.ts
+++ b/examples/react/src/examples/FloatingEdges/utils.ts
@@ -60,8 +60,6 @@ export function getEdgeParams(source: Node, target: Node) {
   const sourceIntersectionPoint = getNodeIntersection(source, target);
   const targetIntersectionPoint = getNodeIntersection(target, source);
 
-  console.log(sourceIntersectionPoint, targetIntersectionPoint);
-
   const sourcePos = getEdgePosition(source, sourceIntersectionPoint);
   const targetPos = getEdgePosition(target, targetIntersectionPoint);
 

From b861b47783997122557b4fe4333e4d804ea9dad4 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Fri, 15 Dec 2023 15:21:15 +0100
Subject: [PATCH 0424/1093] refactor(nodes): use NodeWrapper instead of wrapped
 node types

---
 .../src/components/Nodes/NodeWrapper.tsx      | 263 ++++++++++++++++++
 packages/react/src/components/Nodes/utils.ts  |  17 +-
 .../react/src/components/Nodes/wrapNode.tsx   | 232 ---------------
 .../NodeRenderer/NodeComponentWrapper.tsx     | 104 -------
 .../src/container/NodeRenderer/index.tsx      |  23 +-
 .../react/src/container/NodeRenderer/utils.ts |  30 +-
 packages/react/src/types/nodes.ts             |  54 ++--
 7 files changed, 314 insertions(+), 409 deletions(-)
 create mode 100644 packages/react/src/components/Nodes/NodeWrapper.tsx
 delete mode 100644 packages/react/src/components/Nodes/wrapNode.tsx
 delete mode 100644 packages/react/src/container/NodeRenderer/NodeComponentWrapper.tsx

diff --git a/packages/react/src/components/Nodes/NodeWrapper.tsx b/packages/react/src/components/Nodes/NodeWrapper.tsx
new file mode 100644
index 000000000..22dddceb8
--- /dev/null
+++ b/packages/react/src/components/Nodes/NodeWrapper.tsx
@@ -0,0 +1,263 @@
+import { useEffect, useRef, memo, type MouseEvent, type KeyboardEvent, ComponentType } from 'react';
+import cc from 'classcat';
+import {
+  clampPosition,
+  elementSelectionKeys,
+  errorMessages,
+  getPositionWithOrigin,
+  internalsSymbol,
+  isInputDOMNode,
+  NodeProps,
+  type XYPosition,
+} from '@xyflow/system';
+
+import { useStore, useStoreApi } from '../../hooks/useStore';
+import { Provider } from '../../contexts/NodeIdContext';
+import { ARIA_NODE_DESC_KEY } from '../A11yDescriptions';
+import useDrag from '../../hooks/useDrag';
+import useUpdateNodePositions from '../../hooks/useUpdateNodePositions';
+import { handleNodeClick } from './utils';
+import type { NodeWrapperProps } from '../../types';
+
+export const arrowKeyDiffs: Record<string, XYPosition> = {
+  ArrowUp: { x: 0, y: -1 },
+  ArrowDown: { x: 0, y: 1 },
+  ArrowLeft: { x: -1, y: 0 },
+  ArrowRight: { x: 1, y: 0 },
+};
+
+const NodeWrapper = ({
+  id,
+  onClick,
+  onMouseEnter,
+  onMouseMove,
+  onMouseLeave,
+  onContextMenu,
+  onDoubleClick,
+  nodesDraggable,
+  elementsSelectable,
+  nodesConnectable,
+  nodesFocusable,
+  resizeObserver,
+  noDragClassName,
+  noPanClassName,
+  disableKeyboardA11y,
+  rfId,
+  nodeTypes,
+  nodeExtent,
+  nodeOrigin,
+  onError,
+}: NodeWrapperProps) => {
+  const node = useStore((s) => s.nodeLookup.get(id)!);
+
+  let nodeType = node.type || 'default';
+
+  if (!nodeTypes[nodeType]) {
+    onError?.('003', errorMessages['error003'](nodeType));
+    nodeType = 'default';
+  }
+
+  const isDraggable = !!(node.draggable || (nodesDraggable && typeof node.draggable === 'undefined'));
+  const isSelectable = !!(node.selectable || (elementsSelectable && typeof node.selectable === 'undefined'));
+  const isConnectable = !!(node.connectable || (nodesConnectable && typeof node.connectable === 'undefined'));
+  const isFocusable = !!(node.focusable || (nodesFocusable && typeof node.focusable === 'undefined'));
+
+  const store = useStoreApi();
+  const nodeRef = useRef<HTMLDivElement>(null);
+  const prevSourcePosition = useRef(node.sourcePosition);
+  const prevTargetPosition = useRef(node.targetPosition);
+  const prevType = useRef(nodeType);
+
+  const updatePositions = useUpdateNodePositions();
+
+  useEffect(() => {
+    if (nodeRef.current && !node.hidden) {
+      const currNode = nodeRef.current;
+      resizeObserver?.observe(currNode);
+
+      return () => resizeObserver?.unobserve(currNode);
+    }
+  }, [node.hidden]);
+
+  useEffect(() => {
+    // when the user programmatically changes the source or handle position, we re-initialize the node
+    const typeChanged = prevType.current !== nodeType;
+    const sourcePosChanged = prevSourcePosition.current !== node.sourcePosition;
+    const targetPosChanged = prevTargetPosition.current !== node.targetPosition;
+
+    if (nodeRef.current && (typeChanged || sourcePosChanged || targetPosChanged)) {
+      if (typeChanged) {
+        prevType.current = nodeType;
+      }
+      if (sourcePosChanged) {
+        prevSourcePosition.current = node.sourcePosition;
+      }
+      if (targetPosChanged) {
+        prevTargetPosition.current = node.targetPosition;
+      }
+      store.getState().updateNodeDimensions(new Map([[id, { id, nodeElement: nodeRef.current, forceUpdate: true }]]));
+    }
+  }, [id, nodeType, node.sourcePosition, node.targetPosition]);
+
+  const dragging = useDrag({
+    nodeRef,
+    disabled: node.hidden || !isDraggable,
+    noDragClassName,
+    handleSelector: node.dragHandle,
+    nodeId: id,
+    isSelectable,
+  });
+
+  if (node.hidden) {
+    return null;
+  }
+
+  const NodeComponent = (nodeTypes[nodeType] || nodeTypes.default) as ComponentType<NodeProps>;
+  const width = node.width ?? undefined;
+  const height = node.height ?? undefined;
+  const computedWidth = node.computed?.width;
+  const computedHeight = node.computed?.height;
+  const positionAbsolute = nodeExtent
+    ? clampPosition(node.computed?.positionAbsolute, nodeExtent)
+    : node.computed?.positionAbsolute || { x: 0, y: 0 };
+  const positionAbsoluteOrigin = getPositionWithOrigin({
+    x: positionAbsolute.x,
+    y: positionAbsolute.y,
+    width: computedWidth ?? width ?? 0,
+    height: computedHeight ?? height ?? 0,
+    origin: node.origin || nodeOrigin,
+  });
+  const initialized = (!!computedWidth && !!computedHeight) || (!!width && !!height);
+  const zIndex = node[internalsSymbol]?.z ?? 0;
+  const isParent = !!node[internalsSymbol]?.isParent;
+  const hasPointerEvents = isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave;
+
+  const onMouseEnterHandler =
+    onMouseEnter === undefined ? undefined : (event: MouseEvent) => onMouseEnter(event, { ...node });
+  const onMouseMoveHandler =
+    onMouseMove === undefined ? undefined : (event: MouseEvent) => onMouseMove(event, { ...node });
+  const onMouseLeaveHandler =
+    onMouseLeave === undefined ? undefined : (event: MouseEvent) => onMouseLeave(event, { ...node });
+  const onContextMenuHandler =
+    onContextMenu === undefined ? undefined : (event: MouseEvent) => onContextMenu(event, { ...node });
+  const onDoubleClickHandler =
+    onDoubleClick === undefined ? undefined : (event: MouseEvent) => onDoubleClick(event, { ...node });
+
+  const onSelectNodeHandler = (event: MouseEvent) => {
+    const { selectNodesOnDrag, nodeDragThreshold } = store.getState();
+
+    if (isSelectable && (!selectNodesOnDrag || !isDraggable || nodeDragThreshold > 0)) {
+      // this handler gets called by XYDrag on drag start when selectNodesOnDrag=true
+      // here we only need to call it when selectNodesOnDrag=false
+      handleNodeClick({
+        id,
+        store,
+        nodeRef,
+      });
+    }
+
+    if (onClick) {
+      onClick(event, { ...node });
+    }
+  };
+
+  const onKeyDown = (event: KeyboardEvent) => {
+    if (isInputDOMNode(event.nativeEvent)) {
+      return;
+    }
+
+    if (elementSelectionKeys.includes(event.key) && isSelectable) {
+      const unselect = event.key === 'Escape';
+
+      handleNodeClick({
+        id,
+        store,
+        unselect,
+        nodeRef,
+      });
+    } else if (
+      !disableKeyboardA11y &&
+      isDraggable &&
+      node.selected &&
+      Object.prototype.hasOwnProperty.call(arrowKeyDiffs, event.key)
+    ) {
+      store.setState({
+        ariaLiveMessage: `Moved selected node ${event.key
+          .replace('Arrow', '')
+          .toLowerCase()}. New position, x: ${~~positionAbsolute.x}, y: ${~~positionAbsolute.y}`,
+      });
+
+      updatePositions({
+        x: arrowKeyDiffs[event.key].x,
+        y: arrowKeyDiffs[event.key].y,
+        isShiftPressed: event.shiftKey,
+      });
+    }
+  };
+
+  return (
+    <div
+      className={cc([
+        'react-flow__node',
+        `react-flow__node-${nodeType}`,
+        {
+          // this is overwritable by passing `nopan` as a class name
+          [noPanClassName]: isDraggable,
+        },
+        node.className,
+        {
+          selected: node.selected,
+          selectable: isSelectable,
+          parent: isParent,
+          dragging,
+        },
+      ])}
+      ref={nodeRef}
+      style={{
+        zIndex,
+        transform: `translate(${positionAbsoluteOrigin.x}px,${positionAbsoluteOrigin.y}px)`,
+        pointerEvents: hasPointerEvents ? 'all' : 'none',
+        visibility: initialized ? 'visible' : 'hidden',
+        width,
+        height,
+        ...node.style,
+      }}
+      data-id={id}
+      data-testid={`rf__node-${id}`}
+      onMouseEnter={onMouseEnterHandler}
+      onMouseMove={onMouseMoveHandler}
+      onMouseLeave={onMouseLeaveHandler}
+      onContextMenu={onContextMenuHandler}
+      onClick={onSelectNodeHandler}
+      onDoubleClick={onDoubleClickHandler}
+      onKeyDown={isFocusable ? onKeyDown : undefined}
+      tabIndex={isFocusable ? 0 : undefined}
+      role={isFocusable ? 'button' : undefined}
+      aria-describedby={disableKeyboardA11y ? undefined : `${ARIA_NODE_DESC_KEY}-${rfId}`}
+      aria-label={node.ariaLabel}
+    >
+      <Provider value={id}>
+        <NodeComponent
+          id={id}
+          data={node.data}
+          type={nodeType}
+          width={computedWidth}
+          height={computedHeight}
+          positionAbsoluteX={positionAbsolute.x}
+          positionAbsoluteY={positionAbsolute.y}
+          selected={node.selected}
+          isConnectable={isConnectable}
+          sourcePosition={node.sourcePosition}
+          targetPosition={node.targetPosition}
+          dragging={dragging}
+          dragHandle={node.dragHandle}
+          zIndex={zIndex}
+        />
+      </Provider>
+    </div>
+  );
+};
+
+NodeWrapper.displayName = 'NodeWrapper';
+
+export default memo(NodeWrapper);
diff --git a/packages/react/src/components/Nodes/utils.ts b/packages/react/src/components/Nodes/utils.ts
index b9a821891..26b1f246f 100644
--- a/packages/react/src/components/Nodes/utils.ts
+++ b/packages/react/src/components/Nodes/utils.ts
@@ -1,22 +1,9 @@
-import type { MouseEvent, RefObject } from 'react';
+import type { RefObject } from 'react';
 import type { StoreApi } from 'zustand';
 
-import type { Node, ReactFlowState } from '../../types';
+import type { ReactFlowState } from '../../types';
 import { errorMessages } from '@xyflow/system';
 
-export function getMouseHandler(
-  id: string,
-  getState: StoreApi<ReactFlowState>['getState'],
-  handler?: (event: MouseEvent, node: Node) => void
-) {
-  return handler === undefined
-    ? handler
-    : (event: MouseEvent) => {
-        const node = getState().nodeLookup.get(id)!;
-        handler(event, { ...node });
-      };
-}
-
 // this handler is called by
 // 1. the click handler when node is not draggable or selectNodesOnDrag = false
 // or
diff --git a/packages/react/src/components/Nodes/wrapNode.tsx b/packages/react/src/components/Nodes/wrapNode.tsx
deleted file mode 100644
index 330364c6c..000000000
--- a/packages/react/src/components/Nodes/wrapNode.tsx
+++ /dev/null
@@ -1,232 +0,0 @@
-import { useEffect, useRef, memo, type ComponentType, type MouseEvent, type KeyboardEvent } from 'react';
-import cc from 'classcat';
-import { elementSelectionKeys, isInputDOMNode, type NodeProps, type XYPosition } from '@xyflow/system';
-
-import { useStoreApi } from '../../hooks/useStore';
-import { Provider } from '../../contexts/NodeIdContext';
-import { ARIA_NODE_DESC_KEY } from '../A11yDescriptions';
-import useDrag from '../../hooks/useDrag';
-import useUpdateNodePositions from '../../hooks/useUpdateNodePositions';
-import { getMouseHandler, handleNodeClick } from './utils';
-import type { WrapNodeProps } from '../../types';
-
-export const arrowKeyDiffs: Record<string, XYPosition> = {
-  ArrowUp: { x: 0, y: -1 },
-  ArrowDown: { x: 0, y: 1 },
-  ArrowLeft: { x: -1, y: 0 },
-  ArrowRight: { x: 1, y: 0 },
-};
-
-export default (NodeComponent: ComponentType<NodeProps>) => {
-  const NodeWrapper = ({
-    id,
-    type,
-    data,
-    xPosOrigin,
-    yPosOrigin,
-    positionAbsoluteX,
-    positionAbsoluteY,
-    selected,
-    onClick,
-    onMouseEnter,
-    onMouseMove,
-    onMouseLeave,
-    onContextMenu,
-    onDoubleClick,
-    style,
-    className,
-    isDraggable,
-    isSelectable,
-    isConnectable,
-    isFocusable,
-    sourcePosition,
-    targetPosition,
-    hidden,
-    resizeObserver,
-    dragHandle,
-    zIndex,
-    isParent,
-    noDragClassName,
-    noPanClassName,
-    initialized,
-    disableKeyboardA11y,
-    ariaLabel,
-    rfId,
-    width,
-    height,
-  }: WrapNodeProps) => {
-    const store = useStoreApi();
-    const nodeRef = useRef<HTMLDivElement>(null);
-    const prevSourcePosition = useRef(sourcePosition);
-    const prevTargetPosition = useRef(targetPosition);
-    const prevType = useRef(type);
-    const hasPointerEvents = isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave;
-    const updatePositions = useUpdateNodePositions();
-
-    const onMouseEnterHandler = getMouseHandler(id, store.getState, onMouseEnter);
-    const onMouseMoveHandler = getMouseHandler(id, store.getState, onMouseMove);
-    const onMouseLeaveHandler = getMouseHandler(id, store.getState, onMouseLeave);
-    const onContextMenuHandler = getMouseHandler(id, store.getState, onContextMenu);
-    const onDoubleClickHandler = getMouseHandler(id, store.getState, onDoubleClick);
-    const onSelectNodeHandler = (event: MouseEvent) => {
-      const { selectNodesOnDrag, nodeDragThreshold } = store.getState();
-
-      if (isSelectable && (!selectNodesOnDrag || !isDraggable || nodeDragThreshold > 0)) {
-        // this handler gets called by XYDrag on drag start when selectNodesOnDrag=true
-        // here we only need to call it when selectNodesOnDrag=false
-        handleNodeClick({
-          id,
-          store,
-          nodeRef,
-        });
-      }
-
-      if (onClick) {
-        const node = store.getState().nodes.find((n) => n.id === id)!;
-        onClick(event, { ...node });
-      }
-    };
-
-    const onKeyDown = (event: KeyboardEvent) => {
-      if (isInputDOMNode(event.nativeEvent)) {
-        return;
-      }
-
-      if (elementSelectionKeys.includes(event.key) && isSelectable) {
-        const unselect = event.key === 'Escape';
-
-        handleNodeClick({
-          id,
-          store,
-          unselect,
-          nodeRef,
-        });
-      } else if (
-        !disableKeyboardA11y &&
-        isDraggable &&
-        selected &&
-        Object.prototype.hasOwnProperty.call(arrowKeyDiffs, event.key)
-      ) {
-        store.setState({
-          ariaLiveMessage: `Moved selected node ${event.key
-            .replace('Arrow', '')
-            .toLowerCase()}. New position, x: ${~~positionAbsoluteX}, y: ${~~positionAbsoluteY}`,
-        });
-
-        updatePositions({
-          x: arrowKeyDiffs[event.key].x,
-          y: arrowKeyDiffs[event.key].y,
-          isShiftPressed: event.shiftKey,
-        });
-      }
-    };
-
-    useEffect(() => {
-      if (nodeRef.current && !hidden) {
-        const currNode = nodeRef.current;
-        resizeObserver?.observe(currNode);
-
-        return () => resizeObserver?.unobserve(currNode);
-      }
-    }, [hidden]);
-
-    useEffect(() => {
-      // when the user programmatically changes the source or handle position, we re-initialize the node
-      const typeChanged = prevType.current !== type;
-      const sourcePosChanged = prevSourcePosition.current !== sourcePosition;
-      const targetPosChanged = prevTargetPosition.current !== targetPosition;
-
-      if (nodeRef.current && (typeChanged || sourcePosChanged || targetPosChanged)) {
-        if (typeChanged) {
-          prevType.current = type;
-        }
-        if (sourcePosChanged) {
-          prevSourcePosition.current = sourcePosition;
-        }
-        if (targetPosChanged) {
-          prevTargetPosition.current = targetPosition;
-        }
-        store.getState().updateNodeDimensions(new Map([[id, { id, nodeElement: nodeRef.current, forceUpdate: true }]]));
-      }
-    }, [id, type, sourcePosition, targetPosition]);
-
-    const dragging = useDrag({
-      nodeRef,
-      disabled: hidden || !isDraggable,
-      noDragClassName,
-      handleSelector: dragHandle,
-      nodeId: id,
-      isSelectable,
-    });
-
-    if (hidden) {
-      return null;
-    }
-
-    return (
-      <div
-        className={cc([
-          'react-flow__node',
-          `react-flow__node-${type}`,
-          {
-            // this is overwritable by passing `nopan` as a class name
-            [noPanClassName]: isDraggable,
-          },
-          className,
-          {
-            selected,
-            selectable: isSelectable,
-            parent: isParent,
-            dragging,
-          },
-        ])}
-        ref={nodeRef}
-        style={{
-          zIndex,
-          transform: `translate(${xPosOrigin}px,${yPosOrigin}px)`,
-          pointerEvents: hasPointerEvents ? 'all' : 'none',
-          visibility: initialized ? 'visible' : 'hidden',
-          width,
-          height,
-          ...style,
-        }}
-        data-id={id}
-        data-testid={`rf__node-${id}`}
-        onMouseEnter={onMouseEnterHandler}
-        onMouseMove={onMouseMoveHandler}
-        onMouseLeave={onMouseLeaveHandler}
-        onContextMenu={onContextMenuHandler}
-        onClick={onSelectNodeHandler}
-        onDoubleClick={onDoubleClickHandler}
-        onKeyDown={isFocusable ? onKeyDown : undefined}
-        tabIndex={isFocusable ? 0 : undefined}
-        role={isFocusable ? 'button' : undefined}
-        aria-describedby={disableKeyboardA11y ? undefined : `${ARIA_NODE_DESC_KEY}-${rfId}`}
-        aria-label={ariaLabel}
-      >
-        <Provider value={id}>
-          <NodeComponent
-            id={id}
-            data={data}
-            type={type}
-            width={width}
-            height={height}
-            positionAbsoluteX={positionAbsoluteX}
-            positionAbsoluteY={positionAbsoluteY}
-            selected={selected}
-            isConnectable={isConnectable}
-            sourcePosition={sourcePosition}
-            targetPosition={targetPosition}
-            dragging={dragging}
-            dragHandle={dragHandle}
-            zIndex={zIndex}
-          />
-        </Provider>
-      </div>
-    );
-  };
-
-  NodeWrapper.displayName = 'NodeWrapper';
-
-  return memo(NodeWrapper);
-};
diff --git a/packages/react/src/container/NodeRenderer/NodeComponentWrapper.tsx b/packages/react/src/container/NodeRenderer/NodeComponentWrapper.tsx
deleted file mode 100644
index f833ff08e..000000000
--- a/packages/react/src/container/NodeRenderer/NodeComponentWrapper.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import { memo, type ComponentType } from 'react';
-import { internalsSymbol, errorMessages, Position, clampPosition, getPositionWithOrigin } from '@xyflow/system';
-
-import { useStore } from '../../hooks/useStore';
-import type { ReactFlowState, WrapNodeProps } from '../../types';
-import { NodeRendererProps } from '.';
-
-function NodeComponentWrapper(props: {
-  id: string;
-  nodeExtent: NodeRendererProps['nodeExtent'];
-  nodeTypes: NodeRendererProps['nodeTypes'];
-  nodeOrigin: NodeRendererProps['nodeOrigin'];
-  onNodeClick: NodeRendererProps['onNodeClick'];
-  onNodeMouseEnter: NodeRendererProps['onNodeMouseEnter'];
-  onNodeMouseMove: NodeRendererProps['onNodeMouseMove'];
-  onNodeMouseLeave: NodeRendererProps['onNodeMouseLeave'];
-  onNodeContextMenu: NodeRendererProps['onNodeContextMenu'];
-  onNodeDoubleClick: NodeRendererProps['onNodeDoubleClick'];
-  noDragClassName: NodeRendererProps['noDragClassName'];
-  noPanClassName: NodeRendererProps['noPanClassName'];
-  rfId: NodeRendererProps['rfId'];
-  disableKeyboardA11y: NodeRendererProps['disableKeyboardA11y'];
-  resizeObserver: ResizeObserver | null;
-  nodesDraggable: boolean;
-  nodesConnectable: boolean;
-  nodesFocusable: boolean;
-  elementsSelectable: boolean;
-  onError: ReactFlowState['onError'];
-}) {
-  const node = useStore((s) => s.nodeLookup.get(props.id));
-  if (!node) return null;
-
-  let nodeType = node.type || 'default';
-
-  if (!props.nodeTypes[nodeType]) {
-    props.onError?.('003', errorMessages['error003'](nodeType));
-
-    nodeType = 'default';
-  }
-
-  const NodeComponent = (props.nodeTypes[nodeType] || props.nodeTypes.default) as ComponentType<WrapNodeProps>;
-  const isDraggable = !!(node.draggable || (props.nodesDraggable && typeof node.draggable === 'undefined'));
-  const isSelectable = !!(node.selectable || (props.elementsSelectable && typeof node.selectable === 'undefined'));
-  const isConnectable = !!(node.connectable || (props.nodesConnectable && typeof node.connectable === 'undefined'));
-  const isFocusable = !!(node.focusable || (props.nodesFocusable && typeof node.focusable === 'undefined'));
-
-  const absolutePositionClamped = props.nodeExtent
-    ? clampPosition(node.computed?.positionAbsolute, props.nodeExtent)
-    : node.computed?.positionAbsolute || { x: 0, y: 0 };
-
-  const posOrigin = getPositionWithOrigin({
-    x: absolutePositionClamped.x,
-    y: absolutePositionClamped.y,
-    width: node.computed?.width ?? node.width ?? 0,
-    height: node.computed?.height ?? node.height ?? 0,
-    origin: node.origin || props.nodeOrigin,
-  });
-  const initialized = (!!node.computed?.width && !!node.computed?.height) || (!!node.width && !!node.height);
-
-  return (
-    <NodeComponent
-      key={node.id}
-      id={node.id}
-      className={node.className}
-      style={node.style}
-      width={node.width ?? undefined}
-      height={node.height ?? undefined}
-      type={nodeType}
-      data={node.data}
-      sourcePosition={node.sourcePosition || Position.Bottom}
-      targetPosition={node.targetPosition || Position.Top}
-      hidden={node.hidden}
-      xPosOrigin={posOrigin.x}
-      yPosOrigin={posOrigin.y}
-      positionAbsoluteX={absolutePositionClamped.x}
-      positionAbsoluteY={absolutePositionClamped.y}
-      onClick={props.onNodeClick}
-      onMouseEnter={props.onNodeMouseEnter}
-      onMouseMove={props.onNodeMouseMove}
-      onMouseLeave={props.onNodeMouseLeave}
-      onContextMenu={props.onNodeContextMenu}
-      onDoubleClick={props.onNodeDoubleClick}
-      selected={!!node.selected}
-      isDraggable={isDraggable}
-      isSelectable={isSelectable}
-      isConnectable={isConnectable}
-      isFocusable={isFocusable}
-      resizeObserver={props.resizeObserver}
-      dragHandle={node.dragHandle}
-      zIndex={node[internalsSymbol]?.z ?? 0}
-      isParent={!!node[internalsSymbol]?.isParent}
-      noDragClassName={props.noDragClassName}
-      noPanClassName={props.noPanClassName}
-      initialized={initialized}
-      rfId={props.rfId}
-      disableKeyboardA11y={props.disableKeyboardA11y}
-      ariaLabel={node.ariaLabel}
-    />
-  );
-}
-
-NodeComponentWrapper.displayName = 'NodeComponentWrapper';
-
-export default memo(NodeComponentWrapper);
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index 662541a49..8a7b71f49 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -5,9 +5,9 @@ import useVisibleNodesIds from '../../hooks/useVisibleNodes';
 import { useStore } from '../../hooks/useStore';
 import { containerStyle } from '../../styles/utils';
 import { GraphViewProps } from '../GraphView';
-import type { NodeTypesWrapped, ReactFlowState } from '../../types';
-import NodeComponentWrapper from './NodeComponentWrapper';
+import type { ReactFlowState } from '../../types';
 import useResizeObserver from './useResizeObserver';
+import NodeWrapper from '../../components/Nodes/NodeWrapper';
 
 export type NodeRendererProps = Pick<
   GraphViewProps,
@@ -24,9 +24,8 @@ export type NodeRendererProps = Pick<
   | 'disableKeyboardA11y'
   | 'nodeOrigin'
   | 'nodeExtent'
-> & {
-  nodeTypes: NodeTypesWrapped;
-};
+  | 'nodeTypes'
+>;
 
 const selector = (s: ReactFlowState) => ({
   nodesDraggable: s.nodesDraggable,
@@ -68,18 +67,18 @@ const NodeRenderer = (props: NodeRendererProps) => {
           //   moved into `NodeComponentWrapper`. This ensures they are
           //   memorized – so if `NodeRenderer` *has* to rerender, it only
           //   needs to regenerate the list of nodes, nothing else.
-          <NodeComponentWrapper
+          <NodeWrapper
             key={nodeId}
             id={nodeId}
             nodeTypes={props.nodeTypes}
             nodeExtent={props.nodeExtent}
             nodeOrigin={props.nodeOrigin}
-            onNodeClick={props.onNodeClick}
-            onNodeMouseEnter={props.onNodeMouseEnter}
-            onNodeMouseMove={props.onNodeMouseMove}
-            onNodeMouseLeave={props.onNodeMouseLeave}
-            onNodeContextMenu={props.onNodeContextMenu}
-            onNodeDoubleClick={props.onNodeDoubleClick}
+            onClick={props.onNodeClick}
+            onMouseEnter={props.onNodeMouseEnter}
+            onMouseMove={props.onNodeMouseMove}
+            onMouseLeave={props.onNodeMouseLeave}
+            onContextMenu={props.onNodeContextMenu}
+            onDoubleClick={props.onNodeDoubleClick}
             noDragClassName={props.noDragClassName}
             noPanClassName={props.noPanClassName}
             rfId={props.rfId}
diff --git a/packages/react/src/container/NodeRenderer/utils.ts b/packages/react/src/container/NodeRenderer/utils.ts
index 758d3908a..e39190d12 100644
--- a/packages/react/src/container/NodeRenderer/utils.ts
+++ b/packages/react/src/container/NodeRenderer/utils.ts
@@ -5,30 +5,28 @@ import DefaultNode from '../../components/Nodes/DefaultNode';
 import InputNode from '../../components/Nodes/InputNode';
 import OutputNode from '../../components/Nodes/OutputNode';
 import GroupNode from '../../components/Nodes/GroupNode';
-import wrapNode from '../../components/Nodes/wrapNode';
-import type { NodeTypes, NodeTypesWrapped } from '../../types';
+import type { NodeTypes } from '../../types';
 
-export type CreateNodeTypes = (nodeTypes: NodeTypes) => NodeTypesWrapped;
+export type CreateNodeTypes = (nodeTypes: NodeTypes) => NodeTypes;
 
-export function createNodeTypes(nodeTypes: NodeTypes): NodeTypesWrapped {
-  const standardTypes: NodeTypesWrapped = {
-    input: wrapNode((nodeTypes.input || InputNode) as ComponentType<NodeProps>),
-    default: wrapNode((nodeTypes.default || DefaultNode) as ComponentType<NodeProps>),
-    output: wrapNode((nodeTypes.output || OutputNode) as ComponentType<NodeProps>),
-    group: wrapNode((nodeTypes.group || GroupNode) as ComponentType<NodeProps>),
+export function createNodeTypes(nodeTypes: NodeTypes): NodeTypes {
+  const builtinTypes: NodeTypes = {
+    input: (nodeTypes.input || InputNode) as ComponentType<NodeProps>,
+    default: (nodeTypes.default || DefaultNode) as ComponentType<NodeProps>,
+    output: (nodeTypes.output || OutputNode) as ComponentType<NodeProps>,
+    group: (nodeTypes.group || GroupNode) as ComponentType<NodeProps>,
   };
 
-  const wrappedTypes = {} as NodeTypesWrapped;
-  const specialTypes: NodeTypesWrapped = Object.keys(nodeTypes)
+  const userProvidedTypes = Object.keys(nodeTypes)
     .filter((k) => !['input', 'default', 'output', 'group'].includes(k))
-    .reduce((res, key) => {
-      res[key] = wrapNode((nodeTypes[key] || DefaultNode) as ComponentType<NodeProps>);
+    .reduce<NodeTypes>((res, key) => {
+      res[key] = (nodeTypes[key] || DefaultNode) as ComponentType<NodeProps>;
 
       return res;
-    }, wrappedTypes);
+    }, {});
 
   return {
-    ...standardTypes,
-    ...specialTypes,
+    ...builtinTypes,
+    ...userProvidedTypes,
   };
 }
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index b1960f64c..03f02930b 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -1,5 +1,6 @@
 import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
-import type { NodeBase } from '@xyflow/system';
+import type { CoordinateExtent, NodeBase, NodeOrigin, OnError } from '@xyflow/system';
+import { NodeTypes } from './general';
 
 export type Node<NodeData = any, NodeType extends string | undefined = string | undefined> = NodeBase<
   NodeData,
@@ -14,32 +15,25 @@ export type NodeMouseHandler = (event: ReactMouseEvent, node: Node) => void;
 export type NodeDragHandler = (event: ReactMouseEvent, node: Node, nodes: Node[]) => void;
 export type SelectionDragHandler = (event: ReactMouseEvent, nodes: Node[]) => void;
 
-export type WrapNodeProps<NodeData = any> = Pick<
-  Node<NodeData>,
-  'id' | 'data' | 'style' | 'className' | 'dragHandle' | 'sourcePosition' | 'targetPosition' | 'hidden' | 'ariaLabel'
-> &
-  Required<Pick<Node<NodeData>, 'selected' | 'type' | 'zIndex'>> & {
-    isConnectable: boolean;
-    xPosOrigin: number;
-    yPosOrigin: number;
-    positionAbsoluteX: number;
-    positionAbsoluteY: number;
-    initialized: boolean;
-    isSelectable: boolean;
-    isDraggable: boolean;
-    isFocusable: boolean;
-    onClick?: NodeMouseHandler;
-    onDoubleClick?: NodeMouseHandler;
-    onMouseEnter?: NodeMouseHandler;
-    onMouseMove?: NodeMouseHandler;
-    onMouseLeave?: NodeMouseHandler;
-    onContextMenu?: NodeMouseHandler;
-    resizeObserver: ResizeObserver | null;
-    isParent: boolean;
-    noDragClassName: string;
-    noPanClassName: string;
-    rfId: string;
-    disableKeyboardA11y: boolean;
-    width?: number;
-    height?: number;
-  };
+export type NodeWrapperProps = {
+  id: string;
+  nodesConnectable: boolean;
+  elementsSelectable: boolean;
+  nodesDraggable: boolean;
+  nodesFocusable: boolean;
+  onClick?: NodeMouseHandler;
+  onDoubleClick?: NodeMouseHandler;
+  onMouseEnter?: NodeMouseHandler;
+  onMouseMove?: NodeMouseHandler;
+  onMouseLeave?: NodeMouseHandler;
+  onContextMenu?: NodeMouseHandler;
+  resizeObserver: ResizeObserver | null;
+  noDragClassName: string;
+  noPanClassName: string;
+  rfId: string;
+  disableKeyboardA11y: boolean;
+  nodeTypes: NodeTypes;
+  nodeExtent?: CoordinateExtent;
+  nodeOrigin: NodeOrigin;
+  onError?: OnError;
+};

From 20c779f57d45e91d3d9f15d0506b91c039da7524 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sat, 16 Dec 2023 09:55:30 +0100
Subject: [PATCH 0425/1093] refactor(node-wrapper): add separate folder

---
 .../components/{Nodes => NodeWrapper}/NodeWrapper.tsx | 11 ++---------
 packages/react/src/components/NodeWrapper/utils.tsx   |  8 ++++++++
 .../react/src/components/NodesSelection/index.tsx     |  2 +-
 packages/react/src/container/NodeRenderer/index.tsx   |  2 +-
 4 files changed, 12 insertions(+), 11 deletions(-)
 rename packages/react/src/components/{Nodes => NodeWrapper}/NodeWrapper.tsx (97%)
 create mode 100644 packages/react/src/components/NodeWrapper/utils.tsx

diff --git a/packages/react/src/components/Nodes/NodeWrapper.tsx b/packages/react/src/components/NodeWrapper/NodeWrapper.tsx
similarity index 97%
rename from packages/react/src/components/Nodes/NodeWrapper.tsx
rename to packages/react/src/components/NodeWrapper/NodeWrapper.tsx
index 22dddceb8..479e0afe0 100644
--- a/packages/react/src/components/Nodes/NodeWrapper.tsx
+++ b/packages/react/src/components/NodeWrapper/NodeWrapper.tsx
@@ -8,7 +8,6 @@ import {
   internalsSymbol,
   isInputDOMNode,
   NodeProps,
-  type XYPosition,
 } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
@@ -16,15 +15,9 @@ import { Provider } from '../../contexts/NodeIdContext';
 import { ARIA_NODE_DESC_KEY } from '../A11yDescriptions';
 import useDrag from '../../hooks/useDrag';
 import useUpdateNodePositions from '../../hooks/useUpdateNodePositions';
-import { handleNodeClick } from './utils';
+import { handleNodeClick } from '../Nodes/utils';
 import type { NodeWrapperProps } from '../../types';
-
-export const arrowKeyDiffs: Record<string, XYPosition> = {
-  ArrowUp: { x: 0, y: -1 },
-  ArrowDown: { x: 0, y: 1 },
-  ArrowLeft: { x: -1, y: 0 },
-  ArrowRight: { x: 1, y: 0 },
-};
+import { arrowKeyDiffs } from './utils';
 
 const NodeWrapper = ({
   id,
diff --git a/packages/react/src/components/NodeWrapper/utils.tsx b/packages/react/src/components/NodeWrapper/utils.tsx
new file mode 100644
index 000000000..778429725
--- /dev/null
+++ b/packages/react/src/components/NodeWrapper/utils.tsx
@@ -0,0 +1,8 @@
+import { XYPosition } from '@xyflow/system';
+
+export const arrowKeyDiffs: Record<string, XYPosition> = {
+  ArrowUp: { x: 0, y: -1 },
+  ArrowDown: { x: 0, y: 1 },
+  ArrowLeft: { x: -1, y: 0 },
+  ArrowRight: { x: 1, y: 0 },
+};
diff --git a/packages/react/src/components/NodesSelection/index.tsx b/packages/react/src/components/NodesSelection/index.tsx
index ec88fccd3..e79ed7824 100644
--- a/packages/react/src/components/NodesSelection/index.tsx
+++ b/packages/react/src/components/NodesSelection/index.tsx
@@ -10,9 +10,9 @@ import { getNodesBounds } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import useDrag from '../../hooks/useDrag';
-import { arrowKeyDiffs } from '../Nodes/wrapNode';
 import useUpdateNodePositions from '../../hooks/useUpdateNodePositions';
 import type { Node, ReactFlowState } from '../../types';
+import { arrowKeyDiffs } from '../NodeWrapper/utils';
 
 export type NodesSelectionProps = {
   onSelectionContextMenu?: (event: MouseEvent, nodes: Node[]) => void;
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index 8a7b71f49..83ff6b54a 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -7,7 +7,7 @@ import { containerStyle } from '../../styles/utils';
 import { GraphViewProps } from '../GraphView';
 import type { ReactFlowState } from '../../types';
 import useResizeObserver from './useResizeObserver';
-import NodeWrapper from '../../components/Nodes/NodeWrapper';
+import NodeWrapper from '../../components/NodeWrapper/NodeWrapper';
 
 export type NodeRendererProps = Pick<
   GraphViewProps,

From 07c40182551feb38951f0fa61df0ac307296dad8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sat, 16 Dec 2023 10:51:24 +0100
Subject: [PATCH 0426/1093] refactor(edges): use EdgeWrapper instead of
 wrapEdge

---
 .../src/components/EdgeWrapper/index.tsx      | 307 ++++++++++++++++++
 .../react/src/components/EdgeWrapper/utils.ts |  17 +
 .../react/src/components/Edges/wrapEdge.tsx   | 290 -----------------
 .../{NodeWrapper.tsx => index.tsx}            |  10 +-
 .../src/components/NodeWrapper/utils.tsx      |  16 +-
 .../src/container/EdgeRenderer/index.tsx      |  18 +-
 .../react/src/container/EdgeRenderer/utils.ts |  37 ---
 .../react/src/container/GraphView/index.tsx   |  16 +-
 .../GraphView/useNodeOrEdgeTypesWarning.ts    |  27 ++
 .../react/src/container/GraphView/utils.ts    |  31 --
 .../src/container/NodeRenderer/index.tsx      |   2 +-
 .../react/src/container/NodeRenderer/utils.ts |  32 --
 .../react/src/container/ReactFlow/index.tsx   |  33 +-
 packages/react/src/types/edges.ts             |   9 +-
 packages/react/src/types/general.ts           |   6 +-
 packages/react/src/types/nodes.ts             |   2 +-
 16 files changed, 397 insertions(+), 456 deletions(-)
 create mode 100644 packages/react/src/components/EdgeWrapper/index.tsx
 create mode 100644 packages/react/src/components/EdgeWrapper/utils.ts
 delete mode 100644 packages/react/src/components/Edges/wrapEdge.tsx
 rename packages/react/src/components/NodeWrapper/{NodeWrapper.tsx => index.tsx} (97%)
 delete mode 100644 packages/react/src/container/EdgeRenderer/utils.ts
 create mode 100644 packages/react/src/container/GraphView/useNodeOrEdgeTypesWarning.ts
 delete mode 100644 packages/react/src/container/GraphView/utils.ts
 delete mode 100644 packages/react/src/container/NodeRenderer/utils.ts

diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
new file mode 100644
index 000000000..929c87e0d
--- /dev/null
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -0,0 +1,307 @@
+import { memo, useState, useMemo, useRef, type KeyboardEvent, useCallback } from 'react';
+import cc from 'classcat';
+import { shallow } from 'zustand/shallow';
+import {
+  getMarkerId,
+  elementSelectionKeys,
+  XYHandle,
+  type Connection,
+  getEdgePosition,
+  errorMessages,
+} from '@xyflow/system';
+
+import { useStoreApi, useStore } from '../../hooks/useStore';
+import { ARIA_EDGE_DESC_KEY } from '../A11yDescriptions';
+import { EdgeAnchor } from '../Edges/EdgeAnchor';
+import { getMouseHandler } from '../Edges/utils';
+import type { EdgeWrapperProps } from '../../types';
+import { builtinEdgeTypes } from './utils';
+
+function EdgeWrapper({
+  id,
+  className,
+  type,
+  data,
+  onClick,
+  onEdgeDoubleClick,
+  selected,
+  animated,
+  label,
+  labelStyle,
+  labelShowBg,
+  labelBgStyle,
+  labelBgPadding,
+  labelBgBorderRadius,
+  style,
+  source,
+  target,
+  isSelectable,
+  hidden,
+  sourceHandleId,
+  targetHandleId,
+  onContextMenu,
+  onMouseEnter,
+  onMouseMove,
+  onMouseLeave,
+  edgeUpdaterRadius,
+  onEdgeUpdate,
+  onEdgeUpdateStart,
+  onEdgeUpdateEnd,
+  markerEnd,
+  markerStart,
+  rfId,
+  ariaLabel,
+  isFocusable,
+  isUpdatable,
+  pathOptions,
+  interactionWidth,
+  edgeTypes,
+  onError,
+}: EdgeWrapperProps): JSX.Element | null {
+  let edgeType = type || 'default';
+  let EdgeComponent = edgeTypes?.[edgeType] || builtinEdgeTypes[edgeType];
+
+  if (EdgeComponent === undefined) {
+    onError?.('011', errorMessages['error011'](edgeType));
+    edgeType = 'default';
+    EdgeComponent = builtinEdgeTypes.default;
+  }
+
+  const edgeRef = useRef<SVGGElement>(null);
+  const [updateHover, setUpdateHover] = useState<boolean>(false);
+  const [updating, setUpdating] = useState<boolean>(false);
+  const store = useStoreApi();
+  const edgePosition = useStore(
+    useCallback(
+      (state) => {
+        const sourceNode = state.nodeLookup.get(source);
+        const targetNode = state.nodeLookup.get(target);
+
+        if (!sourceNode || !targetNode) {
+          return null;
+        }
+
+        return getEdgePosition({
+          id,
+          sourceNode,
+          targetNode,
+          sourceHandle: sourceHandleId || null,
+          targetHandle: targetHandleId || null,
+          connectionMode: state.connectionMode,
+          onError: state.onError,
+        });
+      },
+      [source, target]
+    ),
+    shallow
+  );
+
+  const markerStartUrl = useMemo(() => `url(#${getMarkerId(markerStart, rfId)})`, [markerStart, rfId]);
+  const markerEndUrl = useMemo(() => `url(#${getMarkerId(markerEnd, rfId)})`, [markerEnd, rfId]);
+
+  if (hidden || !edgePosition) {
+    return null;
+  }
+
+  const onEdgeClick = (event: React.MouseEvent<SVGGElement, MouseEvent>): void => {
+    const { edges, addSelectedEdges, unselectNodesAndEdges, multiSelectionActive } = store.getState();
+    const edge = edges.find((e) => e.id === id);
+
+    if (!edge) {
+      return;
+    }
+
+    if (isSelectable) {
+      store.setState({ nodesSelectionActive: false });
+
+      if (edge.selected && multiSelectionActive) {
+        unselectNodesAndEdges({ nodes: [], edges: [edge] });
+        edgeRef.current?.blur();
+      } else {
+        addSelectedEdges([id]);
+      }
+    }
+
+    if (onClick) {
+      onClick(event, edge);
+    }
+  };
+
+  const onEdgeDoubleClickHandler = getMouseHandler(id, store.getState, onEdgeDoubleClick);
+  const onEdgeContextMenu = getMouseHandler(id, store.getState, onContextMenu);
+  const onEdgeMouseEnter = getMouseHandler(id, store.getState, onMouseEnter);
+  const onEdgeMouseMove = getMouseHandler(id, store.getState, onMouseMove);
+  const onEdgeMouseLeave = getMouseHandler(id, store.getState, onMouseLeave);
+
+  const handleEdgeUpdater = (event: React.MouseEvent<SVGGElement, MouseEvent>, isSourceHandle: boolean) => {
+    // avoid triggering edge updater if mouse btn is not left
+    if (event.button !== 0) {
+      return;
+    }
+
+    const {
+      autoPanOnConnect,
+      domNode,
+      edges,
+      isValidConnection,
+      connectionMode,
+      connectionRadius,
+      lib,
+      onConnectStart,
+      onConnectEnd,
+      cancelConnection,
+      nodes,
+      panBy,
+      updateConnection,
+    } = store.getState();
+    const nodeId = isSourceHandle ? target : source;
+    const handleId = (isSourceHandle ? targetHandleId : sourceHandleId) || null;
+    const handleType = isSourceHandle ? 'target' : 'source';
+
+    const isTarget = isSourceHandle;
+    const edge = edges.find((e) => e.id === id)!;
+
+    setUpdating(true);
+    onEdgeUpdateStart?.(event, edge, handleType);
+
+    const _onEdgeUpdateEnd = (evt: MouseEvent | TouchEvent) => {
+      setUpdating(false);
+      onEdgeUpdateEnd?.(evt, edge, handleType);
+    };
+
+    const onConnectEdge = (connection: Connection) => onEdgeUpdate?.(edge, connection);
+
+    XYHandle.onPointerDown(event.nativeEvent, {
+      autoPanOnConnect,
+      connectionMode,
+      connectionRadius,
+      domNode,
+      handleId,
+      nodeId,
+      nodes,
+      isTarget,
+      edgeUpdaterType: handleType,
+      lib,
+      cancelConnection,
+      panBy,
+      isValidConnection,
+      onConnect: onConnectEdge,
+      onConnectStart,
+      onConnectEnd,
+      onEdgeUpdateEnd: _onEdgeUpdateEnd,
+      updateConnection,
+      getTransform: () => store.getState().transform,
+    });
+  };
+
+  const onEdgeUpdaterSourceMouseDown = (event: React.MouseEvent<SVGGElement, MouseEvent>): void =>
+    handleEdgeUpdater(event, true);
+  const onEdgeUpdaterTargetMouseDown = (event: React.MouseEvent<SVGGElement, MouseEvent>): void =>
+    handleEdgeUpdater(event, false);
+
+  const onEdgeUpdaterMouseEnter = () => setUpdateHover(true);
+  const onEdgeUpdaterMouseOut = () => setUpdateHover(false);
+
+  const inactive = !isSelectable && !onClick;
+
+  const onKeyDown = (event: KeyboardEvent) => {
+    if (elementSelectionKeys.includes(event.key) && isSelectable) {
+      const { unselectNodesAndEdges, addSelectedEdges, edges } = store.getState();
+      const unselect = event.key === 'Escape';
+
+      if (unselect) {
+        edgeRef.current?.blur();
+        unselectNodesAndEdges({ edges: [edges.find((e) => e.id === id)!] });
+      } else {
+        addSelectedEdges([id]);
+      }
+    }
+  };
+
+  return (
+    <g
+      className={cc([
+        'react-flow__edge',
+        `react-flow__edge-${type}`,
+        className,
+        { selected, animated, inactive, updating: updateHover },
+      ])}
+      onClick={onEdgeClick}
+      onDoubleClick={onEdgeDoubleClickHandler}
+      onContextMenu={onEdgeContextMenu}
+      onMouseEnter={onEdgeMouseEnter}
+      onMouseMove={onEdgeMouseMove}
+      onMouseLeave={onEdgeMouseLeave}
+      onKeyDown={isFocusable ? onKeyDown : undefined}
+      tabIndex={isFocusable ? 0 : undefined}
+      role={isFocusable ? 'button' : 'img'}
+      data-id={id}
+      data-testid={`rf__edge-${id}`}
+      aria-label={ariaLabel === null ? undefined : ariaLabel ? ariaLabel : `Edge from ${source} to ${target}`}
+      aria-describedby={isFocusable ? `${ARIA_EDGE_DESC_KEY}-${rfId}` : undefined}
+      ref={edgeRef}
+    >
+      {!updating && (
+        <EdgeComponent
+          id={id}
+          source={source}
+          target={target}
+          selected={selected}
+          animated={animated}
+          label={label}
+          labelStyle={labelStyle}
+          labelShowBg={labelShowBg}
+          labelBgStyle={labelBgStyle}
+          labelBgPadding={labelBgPadding}
+          labelBgBorderRadius={labelBgBorderRadius}
+          data={data}
+          style={style}
+          sourceX={edgePosition.sourceX}
+          sourceY={edgePosition.sourceY}
+          targetX={edgePosition.targetX}
+          targetY={edgePosition.targetY}
+          sourcePosition={edgePosition.sourcePosition}
+          targetPosition={edgePosition.targetPosition}
+          sourceHandleId={sourceHandleId}
+          targetHandleId={targetHandleId}
+          markerStart={markerStartUrl}
+          markerEnd={markerEndUrl}
+          pathOptions={pathOptions}
+          interactionWidth={interactionWidth}
+        />
+      )}
+      {isUpdatable && (
+        <>
+          {(isUpdatable === 'source' || isUpdatable === true) && (
+            <EdgeAnchor
+              position={edgePosition.sourcePosition}
+              centerX={edgePosition.sourceX}
+              centerY={edgePosition.sourceY}
+              radius={edgeUpdaterRadius}
+              onMouseDown={onEdgeUpdaterSourceMouseDown}
+              onMouseEnter={onEdgeUpdaterMouseEnter}
+              onMouseOut={onEdgeUpdaterMouseOut}
+              type="source"
+            />
+          )}
+          {(isUpdatable === 'target' || isUpdatable === true) && (
+            <EdgeAnchor
+              position={edgePosition.targetPosition}
+              centerX={edgePosition.targetX}
+              centerY={edgePosition.targetY}
+              radius={edgeUpdaterRadius}
+              onMouseDown={onEdgeUpdaterTargetMouseDown}
+              onMouseEnter={onEdgeUpdaterMouseEnter}
+              onMouseOut={onEdgeUpdaterMouseOut}
+              type="target"
+            />
+          )}
+        </>
+      )}
+    </g>
+  );
+}
+
+EdgeWrapper.displayName = 'EdgeWrapper';
+
+export default memo(EdgeWrapper);
diff --git a/packages/react/src/components/EdgeWrapper/utils.ts b/packages/react/src/components/EdgeWrapper/utils.ts
new file mode 100644
index 000000000..294592c91
--- /dev/null
+++ b/packages/react/src/components/EdgeWrapper/utils.ts
@@ -0,0 +1,17 @@
+import type { ComponentType } from 'react';
+import type { EdgeProps, EdgeTypes } from '../../types';
+import {
+  BezierEdgeInternal,
+  StraightEdgeInternal,
+  StepEdgeInternal,
+  SmoothStepEdgeInternal,
+  SimpleBezierEdgeInternal,
+} from '../Edges';
+
+export const builtinEdgeTypes: EdgeTypes = {
+  default: BezierEdgeInternal as ComponentType<EdgeProps>,
+  straight: StraightEdgeInternal as ComponentType<EdgeProps>,
+  step: StepEdgeInternal as ComponentType<EdgeProps>,
+  smoothstep: SmoothStepEdgeInternal as ComponentType<EdgeProps>,
+  simplebezier: SimpleBezierEdgeInternal as ComponentType<EdgeProps>,
+};
diff --git a/packages/react/src/components/Edges/wrapEdge.tsx b/packages/react/src/components/Edges/wrapEdge.tsx
deleted file mode 100644
index b0a876b06..000000000
--- a/packages/react/src/components/Edges/wrapEdge.tsx
+++ /dev/null
@@ -1,290 +0,0 @@
-import { memo, useState, useMemo, useRef, type ComponentType, type KeyboardEvent, useCallback } from 'react';
-import cc from 'classcat';
-import { shallow } from 'zustand/shallow';
-import { getMarkerId, elementSelectionKeys, XYHandle, type Connection, getEdgePosition } from '@xyflow/system';
-
-import { useStoreApi, useStore } from '../../hooks/useStore';
-import { ARIA_EDGE_DESC_KEY } from '../A11yDescriptions';
-import { EdgeAnchor } from './EdgeAnchor';
-import { getMouseHandler } from './utils';
-import type { EdgeProps, WrapEdgeProps } from '../../types';
-
-export default (EdgeComponent: ComponentType<EdgeProps>) => {
-  const EdgeWrapper = ({
-    id,
-    className,
-    type,
-    data,
-    onClick,
-    onEdgeDoubleClick,
-    selected,
-    animated,
-    label,
-    labelStyle,
-    labelShowBg,
-    labelBgStyle,
-    labelBgPadding,
-    labelBgBorderRadius,
-    style,
-    source,
-    target,
-    isSelectable,
-    hidden,
-    sourceHandleId,
-    targetHandleId,
-    onContextMenu,
-    onMouseEnter,
-    onMouseMove,
-    onMouseLeave,
-    edgeUpdaterRadius,
-    onEdgeUpdate,
-    onEdgeUpdateStart,
-    onEdgeUpdateEnd,
-    markerEnd,
-    markerStart,
-    rfId,
-    ariaLabel,
-    isFocusable,
-    isUpdatable,
-    pathOptions,
-    interactionWidth,
-  }: WrapEdgeProps): JSX.Element | null => {
-    const edgeRef = useRef<SVGGElement>(null);
-    const [updateHover, setUpdateHover] = useState<boolean>(false);
-    const [updating, setUpdating] = useState<boolean>(false);
-    const store = useStoreApi();
-    const edgePosition = useStore(
-      useCallback(
-        (state) => {
-          const sourceNode = state.nodeLookup.get(source);
-          const targetNode = state.nodeLookup.get(target);
-
-          if (!sourceNode || !targetNode) {
-            return null;
-          }
-
-          return getEdgePosition({
-            id,
-            sourceNode,
-            targetNode,
-            sourceHandle: sourceHandleId || null,
-            targetHandle: targetHandleId || null,
-            connectionMode: state.connectionMode,
-            onError: state.onError,
-          });
-        },
-        [source, target]
-      ),
-      shallow
-    );
-
-    const markerStartUrl = useMemo(() => `url(#${getMarkerId(markerStart, rfId)})`, [markerStart, rfId]);
-    const markerEndUrl = useMemo(() => `url(#${getMarkerId(markerEnd, rfId)})`, [markerEnd, rfId]);
-
-    if (hidden || !edgePosition) {
-      return null;
-    }
-
-    const onEdgeClick = (event: React.MouseEvent<SVGGElement, MouseEvent>): void => {
-      const { edges, addSelectedEdges, unselectNodesAndEdges, multiSelectionActive } = store.getState();
-      const edge = edges.find((e) => e.id === id);
-
-      if (!edge) {
-        return;
-      }
-
-      if (isSelectable) {
-        store.setState({ nodesSelectionActive: false });
-
-        if (edge.selected && multiSelectionActive) {
-          unselectNodesAndEdges({ nodes: [], edges: [edge] });
-          edgeRef.current?.blur();
-        } else {
-          addSelectedEdges([id]);
-        }
-      }
-
-      if (onClick) {
-        onClick(event, edge);
-      }
-    };
-
-    const onEdgeDoubleClickHandler = getMouseHandler(id, store.getState, onEdgeDoubleClick);
-    const onEdgeContextMenu = getMouseHandler(id, store.getState, onContextMenu);
-    const onEdgeMouseEnter = getMouseHandler(id, store.getState, onMouseEnter);
-    const onEdgeMouseMove = getMouseHandler(id, store.getState, onMouseMove);
-    const onEdgeMouseLeave = getMouseHandler(id, store.getState, onMouseLeave);
-
-    const handleEdgeUpdater = (event: React.MouseEvent<SVGGElement, MouseEvent>, isSourceHandle: boolean) => {
-      // avoid triggering edge updater if mouse btn is not left
-      if (event.button !== 0) {
-        return;
-      }
-
-      const {
-        autoPanOnConnect,
-        domNode,
-        edges,
-        isValidConnection,
-        connectionMode,
-        connectionRadius,
-        lib,
-        onConnectStart,
-        onConnectEnd,
-        cancelConnection,
-        nodes,
-        panBy,
-        updateConnection,
-      } = store.getState();
-      const nodeId = isSourceHandle ? target : source;
-      const handleId = (isSourceHandle ? targetHandleId : sourceHandleId) || null;
-      const handleType = isSourceHandle ? 'target' : 'source';
-
-      const isTarget = isSourceHandle;
-      const edge = edges.find((e) => e.id === id)!;
-
-      setUpdating(true);
-      onEdgeUpdateStart?.(event, edge, handleType);
-
-      const _onEdgeUpdateEnd = (evt: MouseEvent | TouchEvent) => {
-        setUpdating(false);
-        onEdgeUpdateEnd?.(evt, edge, handleType);
-      };
-
-      const onConnectEdge = (connection: Connection) => onEdgeUpdate?.(edge, connection);
-
-      XYHandle.onPointerDown(event.nativeEvent, {
-        autoPanOnConnect,
-        connectionMode,
-        connectionRadius,
-        domNode,
-        handleId,
-        nodeId,
-        nodes,
-        isTarget,
-        edgeUpdaterType: handleType,
-        lib,
-        cancelConnection,
-        panBy,
-        isValidConnection,
-        onConnect: onConnectEdge,
-        onConnectStart,
-        onConnectEnd,
-        onEdgeUpdateEnd: _onEdgeUpdateEnd,
-        updateConnection,
-        getTransform: () => store.getState().transform,
-      });
-    };
-
-    const onEdgeUpdaterSourceMouseDown = (event: React.MouseEvent<SVGGElement, MouseEvent>): void =>
-      handleEdgeUpdater(event, true);
-    const onEdgeUpdaterTargetMouseDown = (event: React.MouseEvent<SVGGElement, MouseEvent>): void =>
-      handleEdgeUpdater(event, false);
-
-    const onEdgeUpdaterMouseEnter = () => setUpdateHover(true);
-    const onEdgeUpdaterMouseOut = () => setUpdateHover(false);
-
-    const inactive = !isSelectable && !onClick;
-
-    const onKeyDown = (event: KeyboardEvent) => {
-      if (elementSelectionKeys.includes(event.key) && isSelectable) {
-        const { unselectNodesAndEdges, addSelectedEdges, edges } = store.getState();
-        const unselect = event.key === 'Escape';
-
-        if (unselect) {
-          edgeRef.current?.blur();
-          unselectNodesAndEdges({ edges: [edges.find((e) => e.id === id)!] });
-        } else {
-          addSelectedEdges([id]);
-        }
-      }
-    };
-
-    return (
-      <g
-        className={cc([
-          'react-flow__edge',
-          `react-flow__edge-${type}`,
-          className,
-          { selected, animated, inactive, updating: updateHover },
-        ])}
-        onClick={onEdgeClick}
-        onDoubleClick={onEdgeDoubleClickHandler}
-        onContextMenu={onEdgeContextMenu}
-        onMouseEnter={onEdgeMouseEnter}
-        onMouseMove={onEdgeMouseMove}
-        onMouseLeave={onEdgeMouseLeave}
-        onKeyDown={isFocusable ? onKeyDown : undefined}
-        tabIndex={isFocusable ? 0 : undefined}
-        role={isFocusable ? 'button' : 'img'}
-        data-id={id}
-        data-testid={`rf__edge-${id}`}
-        aria-label={ariaLabel === null ? undefined : ariaLabel ? ariaLabel : `Edge from ${source} to ${target}`}
-        aria-describedby={isFocusable ? `${ARIA_EDGE_DESC_KEY}-${rfId}` : undefined}
-        ref={edgeRef}
-      >
-        {!updating && (
-          <EdgeComponent
-            id={id}
-            source={source}
-            target={target}
-            selected={selected}
-            animated={animated}
-            label={label}
-            labelStyle={labelStyle}
-            labelShowBg={labelShowBg}
-            labelBgStyle={labelBgStyle}
-            labelBgPadding={labelBgPadding}
-            labelBgBorderRadius={labelBgBorderRadius}
-            data={data}
-            style={style}
-            sourceX={edgePosition.sourceX}
-            sourceY={edgePosition.sourceY}
-            targetX={edgePosition.targetX}
-            targetY={edgePosition.targetY}
-            sourcePosition={edgePosition.sourcePosition}
-            targetPosition={edgePosition.targetPosition}
-            sourceHandleId={sourceHandleId}
-            targetHandleId={targetHandleId}
-            markerStart={markerStartUrl}
-            markerEnd={markerEndUrl}
-            pathOptions={pathOptions}
-            interactionWidth={interactionWidth}
-          />
-        )}
-        {isUpdatable && (
-          <>
-            {(isUpdatable === 'source' || isUpdatable === true) && (
-              <EdgeAnchor
-                position={edgePosition.sourcePosition}
-                centerX={edgePosition.sourceX}
-                centerY={edgePosition.sourceY}
-                radius={edgeUpdaterRadius}
-                onMouseDown={onEdgeUpdaterSourceMouseDown}
-                onMouseEnter={onEdgeUpdaterMouseEnter}
-                onMouseOut={onEdgeUpdaterMouseOut}
-                type="source"
-              />
-            )}
-            {(isUpdatable === 'target' || isUpdatable === true) && (
-              <EdgeAnchor
-                position={edgePosition.targetPosition}
-                centerX={edgePosition.targetX}
-                centerY={edgePosition.targetY}
-                radius={edgeUpdaterRadius}
-                onMouseDown={onEdgeUpdaterTargetMouseDown}
-                onMouseEnter={onEdgeUpdaterMouseEnter}
-                onMouseOut={onEdgeUpdaterMouseOut}
-                type="target"
-              />
-            )}
-          </>
-        )}
-      </g>
-    );
-  };
-
-  EdgeWrapper.displayName = 'EdgeWrapper';
-
-  return memo(EdgeWrapper);
-};
diff --git a/packages/react/src/components/NodeWrapper/NodeWrapper.tsx b/packages/react/src/components/NodeWrapper/index.tsx
similarity index 97%
rename from packages/react/src/components/NodeWrapper/NodeWrapper.tsx
rename to packages/react/src/components/NodeWrapper/index.tsx
index 479e0afe0..de7ce1d0e 100644
--- a/packages/react/src/components/NodeWrapper/NodeWrapper.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, memo, type MouseEvent, type KeyboardEvent, ComponentType } from 'react';
+import { useEffect, useRef, memo, type MouseEvent, type KeyboardEvent } from 'react';
 import cc from 'classcat';
 import {
   clampPosition,
@@ -7,7 +7,6 @@ import {
   getPositionWithOrigin,
   internalsSymbol,
   isInputDOMNode,
-  NodeProps,
 } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
@@ -17,7 +16,7 @@ import useDrag from '../../hooks/useDrag';
 import useUpdateNodePositions from '../../hooks/useUpdateNodePositions';
 import { handleNodeClick } from '../Nodes/utils';
 import type { NodeWrapperProps } from '../../types';
-import { arrowKeyDiffs } from './utils';
+import { arrowKeyDiffs, builtinNodeTypes } from './utils';
 
 const NodeWrapper = ({
   id,
@@ -44,10 +43,12 @@ const NodeWrapper = ({
   const node = useStore((s) => s.nodeLookup.get(id)!);
 
   let nodeType = node.type || 'default';
+  let NodeComponent = nodeTypes?.[nodeType] || builtinNodeTypes[nodeType];
 
-  if (!nodeTypes[nodeType]) {
+  if (NodeComponent === undefined) {
     onError?.('003', errorMessages['error003'](nodeType));
     nodeType = 'default';
+    NodeComponent = builtinNodeTypes.default;
   }
 
   const isDraggable = !!(node.draggable || (nodesDraggable && typeof node.draggable === 'undefined'));
@@ -105,7 +106,6 @@ const NodeWrapper = ({
     return null;
   }
 
-  const NodeComponent = (nodeTypes[nodeType] || nodeTypes.default) as ComponentType<NodeProps>;
   const width = node.width ?? undefined;
   const height = node.height ?? undefined;
   const computedWidth = node.computed?.width;
diff --git a/packages/react/src/components/NodeWrapper/utils.tsx b/packages/react/src/components/NodeWrapper/utils.tsx
index 778429725..6ae5f994c 100644
--- a/packages/react/src/components/NodeWrapper/utils.tsx
+++ b/packages/react/src/components/NodeWrapper/utils.tsx
@@ -1,4 +1,11 @@
-import { XYPosition } from '@xyflow/system';
+import type { ComponentType } from 'react';
+import type { NodeProps, XYPosition } from '@xyflow/system';
+
+import InputNode from '../Nodes/InputNode';
+import DefaultNode from '../Nodes/DefaultNode';
+import GroupNode from '../Nodes/GroupNode';
+import OutputNode from '../Nodes/OutputNode';
+import type { NodeTypes } from '../../types';
 
 export const arrowKeyDiffs: Record<string, XYPosition> = {
   ArrowUp: { x: 0, y: -1 },
@@ -6,3 +13,10 @@ export const arrowKeyDiffs: Record<string, XYPosition> = {
   ArrowLeft: { x: -1, y: 0 },
   ArrowRight: { x: 1, y: 0 },
 };
+
+export const builtinNodeTypes: NodeTypes = {
+  input: InputNode as ComponentType<NodeProps>,
+  default: DefaultNode as ComponentType<NodeProps>,
+  output: OutputNode as ComponentType<NodeProps>,
+  group: GroupNode as ComponentType<NodeProps>,
+};
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index 24825fe60..99b53d344 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -1,13 +1,13 @@
 import { memo, ReactNode } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
-import { errorMessages } from '@xyflow/system';
 
 import { useStore } from '../../hooks/useStore';
 import useVisibleEdges from '../../hooks/useVisibleEdges';
 import MarkerDefinitions from './MarkerDefinitions';
 import { GraphViewProps } from '../GraphView';
-import type { EdgeTypesWrapped, ReactFlowState } from '../../types';
+import type { ReactFlowState } from '../../types';
+import EdgeWrapper from '../../components/EdgeWrapper';
 
 type EdgeRendererProps = Pick<
   GraphViewProps,
@@ -27,8 +27,8 @@ type EdgeRendererProps = Pick<
   | 'elevateEdgesOnSelect'
   | 'rfId'
   | 'disableKeyboardA11y'
+  | 'edgeTypes'
 > & {
-  edgeTypes: EdgeTypesWrapped;
   elevateEdgesOnSelect: boolean;
   children: ReactNode;
 };
@@ -74,14 +74,6 @@ const EdgeRenderer = ({
           {isMaxLevel && <MarkerDefinitions defaultColor={defaultMarkerColor} rfId={rfId} />}
           <>
             {edges.map((edge) => {
-              let edgeType = edge.type || 'default';
-
-              if (!edgeTypes[edgeType]) {
-                onError?.('011', errorMessages['error011'](edgeType));
-                edgeType = 'default';
-              }
-
-              const EdgeComponent = edgeTypes[edgeType];
               const isFocusable = !!(edge.focusable || (edgesFocusable && typeof edge.focusable === 'undefined'));
               const isUpdatable =
                 typeof onEdgeUpdate !== 'undefined' &&
@@ -92,7 +84,7 @@ const EdgeRenderer = ({
               );
 
               return (
-                <EdgeComponent
+                <EdgeWrapper
                   key={edge.id}
                   id={edge.id}
                   className={cc([edge.className, noPanClassName])}
@@ -131,6 +123,8 @@ const EdgeRenderer = ({
                   isUpdatable={isUpdatable}
                   pathOptions={'pathOptions' in edge ? edge.pathOptions : undefined}
                   interactionWidth={edge.interactionWidth}
+                  onError={onError}
+                  edgeTypes={edgeTypes}
                 />
               );
             })}
diff --git a/packages/react/src/container/EdgeRenderer/utils.ts b/packages/react/src/container/EdgeRenderer/utils.ts
deleted file mode 100644
index 433bb0f0f..000000000
--- a/packages/react/src/container/EdgeRenderer/utils.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import type { ComponentType } from 'react';
-
-import {
-  BezierEdgeInternal,
-  SmoothStepEdgeInternal,
-  StepEdgeInternal,
-  StraightEdgeInternal,
-  SimpleBezierEdgeInternal,
-} from '../../components/Edges';
-import wrapEdge from '../../components/Edges/wrapEdge';
-import type { EdgeProps, EdgeTypes, EdgeTypesWrapped } from '../../types';
-
-export type CreateEdgeTypes = (edgeTypes: EdgeTypes) => EdgeTypesWrapped;
-
-export function createEdgeTypes(edgeTypes: EdgeTypes): EdgeTypesWrapped {
-  const standardTypes: EdgeTypesWrapped = {
-    default: wrapEdge((edgeTypes.default || BezierEdgeInternal) as ComponentType<EdgeProps>),
-    straight: wrapEdge((edgeTypes.bezier || StraightEdgeInternal) as ComponentType<EdgeProps>),
-    step: wrapEdge((edgeTypes.step || StepEdgeInternal) as ComponentType<EdgeProps>),
-    smoothstep: wrapEdge((edgeTypes.step || SmoothStepEdgeInternal) as ComponentType<EdgeProps>),
-    simplebezier: wrapEdge((edgeTypes.simplebezier || SimpleBezierEdgeInternal) as ComponentType<EdgeProps>),
-  };
-
-  const wrappedTypes = {} as EdgeTypesWrapped;
-  const specialTypes: EdgeTypesWrapped = Object.keys(edgeTypes)
-    .filter((k) => !['default', 'bezier'].includes(k))
-    .reduce((res, key) => {
-      res[key] = wrapEdge((edgeTypes[key] || BezierEdgeInternal) as ComponentType<EdgeProps>);
-
-      return res;
-    }, wrappedTypes);
-
-  return {
-    ...standardTypes,
-    ...specialTypes,
-  };
-}
diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index 014d754fc..116b4d26f 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -8,19 +8,15 @@ import useOnInitHandler from '../../hooks/useOnInitHandler';
 import useViewportSync from '../../hooks/useViewportSync';
 import ConnectionLine from '../../components/ConnectionLine';
 import type { ReactFlowProps } from '../../types';
-import { createNodeTypes } from '../NodeRenderer/utils';
-import { createEdgeTypes } from '../EdgeRenderer/utils';
-import { useNodeOrEdgeTypes } from './utils';
+import useNodeOrEdgeTypesWarning from './useNodeOrEdgeTypesWarning';
 
 export type GraphViewProps = Omit<
   ReactFlowProps,
-  'onSelectionChange' | 'nodes' | 'edges' | 'nodeTypes' | 'edgeTypes' | 'onMove' | 'onMoveStart' | 'onMoveEnd'
+  'onSelectionChange' | 'nodes' | 'edges' | 'onMove' | 'onMoveStart' | 'onMoveEnd'
 > &
   Required<
     Pick<
       ReactFlowProps,
-      | 'nodeTypes'
-      | 'edgeTypes'
       | 'selectionKeyCode'
       | 'deleteKeyCode'
       | 'multiSelectionKeyCode'
@@ -108,8 +104,8 @@ const GraphView = ({
   viewport,
   onViewportChange,
 }: GraphViewProps) => {
-  const nodeTypesWrapped = useNodeOrEdgeTypes(nodeTypes, createNodeTypes);
-  const edgeTypesWrapped = useNodeOrEdgeTypes(edgeTypes, createEdgeTypes);
+  useNodeOrEdgeTypesWarning(nodeTypes);
+  useNodeOrEdgeTypesWarning(edgeTypes);
 
   useOnInitHandler(onInit);
   useViewportSync(viewport);
@@ -154,7 +150,7 @@ const GraphView = ({
     >
       <ViewportWrapper>
         <EdgeRenderer
-          edgeTypes={edgeTypesWrapped}
+          edgeTypes={edgeTypes}
           onEdgeClick={onEdgeClick}
           onEdgeDoubleClick={onEdgeDoubleClick}
           onEdgeUpdate={onEdgeUpdate}
@@ -182,7 +178,7 @@ const GraphView = ({
         <div className="react-flow__edgelabel-renderer" />
 
         <NodeRenderer
-          nodeTypes={nodeTypesWrapped}
+          nodeTypes={nodeTypes}
           onNodeClick={onNodeClick}
           onNodeDoubleClick={onNodeDoubleClick}
           onNodeMouseEnter={onNodeMouseEnter}
diff --git a/packages/react/src/container/GraphView/useNodeOrEdgeTypesWarning.ts b/packages/react/src/container/GraphView/useNodeOrEdgeTypesWarning.ts
new file mode 100644
index 000000000..e842018c7
--- /dev/null
+++ b/packages/react/src/container/GraphView/useNodeOrEdgeTypesWarning.ts
@@ -0,0 +1,27 @@
+import { useEffect, useRef } from 'react';
+import { errorMessages } from '@xyflow/system';
+
+import type { EdgeTypes, NodeTypes } from '../../types';
+import { useStoreApi } from '../../hooks/useStore';
+
+const emptyTypes = {};
+
+/*
+ * This hook warns the user if node or edgeTypes change.
+ */
+export function useNodeOrEdgeTypesWarning(nodeOrEdgeTypes?: NodeTypes): void;
+export function useNodeOrEdgeTypesWarning(nodeOrEdgeTypes?: EdgeTypes): void;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export default function useNodeOrEdgeTypesWarning(nodeOrEdgeTypes: any = emptyTypes): any {
+  const updateCount = useRef(0);
+  const store = useStoreApi();
+
+  useEffect(() => {
+    if (process.env.NODE_ENV === 'development') {
+      if (updateCount.current > 1) {
+        store.getState().onError?.('002', errorMessages['error002']());
+      }
+      updateCount.current += 1;
+    }
+  }, [nodeOrEdgeTypes]);
+}
diff --git a/packages/react/src/container/GraphView/utils.ts b/packages/react/src/container/GraphView/utils.ts
deleted file mode 100644
index 15dbaafec..000000000
--- a/packages/react/src/container/GraphView/utils.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { useMemo, useRef } from 'react';
-import { shallow } from 'zustand/shallow';
-import { errorMessages } from '@xyflow/system';
-
-import { CreateEdgeTypes } from '../EdgeRenderer/utils';
-import { CreateNodeTypes } from '../NodeRenderer/utils';
-import type { EdgeTypes, EdgeTypesWrapped, NodeTypes, NodeTypesWrapped } from '../../types';
-import { useStoreApi } from '../../hooks/useStore';
-
-export function useNodeOrEdgeTypes(nodeOrEdgeTypes: NodeTypes, createTypes: CreateNodeTypes): NodeTypesWrapped;
-export function useNodeOrEdgeTypes(nodeOrEdgeTypes: EdgeTypes, createTypes: CreateEdgeTypes): EdgeTypesWrapped;
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function useNodeOrEdgeTypes(nodeOrEdgeTypes: any, createTypes: any): any {
-  const typesKeysRef = useRef<string[] | null>(null);
-  const store = useStoreApi();
-
-  const typesParsed = useMemo(() => {
-    if (process.env.NODE_ENV === 'development') {
-      const typeKeys = Object.keys(nodeOrEdgeTypes);
-
-      if (shallow(typesKeysRef.current, typeKeys)) {
-        store.getState().onError?.('002', errorMessages['error002']());
-      }
-
-      typesKeysRef.current = typeKeys;
-    }
-    return createTypes(nodeOrEdgeTypes);
-  }, [nodeOrEdgeTypes]);
-
-  return typesParsed;
-}
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index 83ff6b54a..fa877984b 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -7,7 +7,7 @@ import { containerStyle } from '../../styles/utils';
 import { GraphViewProps } from '../GraphView';
 import type { ReactFlowState } from '../../types';
 import useResizeObserver from './useResizeObserver';
-import NodeWrapper from '../../components/NodeWrapper/NodeWrapper';
+import NodeWrapper from '../../components/NodeWrapper';
 
 export type NodeRendererProps = Pick<
   GraphViewProps,
diff --git a/packages/react/src/container/NodeRenderer/utils.ts b/packages/react/src/container/NodeRenderer/utils.ts
deleted file mode 100644
index e39190d12..000000000
--- a/packages/react/src/container/NodeRenderer/utils.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import type { ComponentType } from 'react';
-import type { NodeProps } from '@xyflow/system';
-
-import DefaultNode from '../../components/Nodes/DefaultNode';
-import InputNode from '../../components/Nodes/InputNode';
-import OutputNode from '../../components/Nodes/OutputNode';
-import GroupNode from '../../components/Nodes/GroupNode';
-import type { NodeTypes } from '../../types';
-
-export type CreateNodeTypes = (nodeTypes: NodeTypes) => NodeTypes;
-
-export function createNodeTypes(nodeTypes: NodeTypes): NodeTypes {
-  const builtinTypes: NodeTypes = {
-    input: (nodeTypes.input || InputNode) as ComponentType<NodeProps>,
-    default: (nodeTypes.default || DefaultNode) as ComponentType<NodeProps>,
-    output: (nodeTypes.output || OutputNode) as ComponentType<NodeProps>,
-    group: (nodeTypes.group || GroupNode) as ComponentType<NodeProps>,
-  };
-
-  const userProvidedTypes = Object.keys(nodeTypes)
-    .filter((k) => !['input', 'default', 'output', 'group'].includes(k))
-    .reduce<NodeTypes>((res, key) => {
-      res[key] = (nodeTypes[key] || DefaultNode) as ComponentType<NodeProps>;
-
-      return res;
-    }, {});
-
-  return {
-    ...builtinTypes,
-    ...userProvidedTypes,
-  };
-}
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index a7360a46f..3adacfebd 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -12,40 +12,15 @@ import {
 } from '@xyflow/system';
 
 import Attribution from '../../components/Attribution';
-import {
-  BezierEdgeInternal,
-  SmoothStepEdgeInternal,
-  StepEdgeInternal,
-  StraightEdgeInternal,
-  SimpleBezierEdgeInternal,
-} from '../../components/Edges';
-import DefaultNode from '../../components/Nodes/DefaultNode';
-import InputNode from '../../components/Nodes/InputNode';
-import OutputNode from '../../components/Nodes/OutputNode';
-import GroupNode from '../../components/Nodes/GroupNode';
+
 import SelectionListener from '../../components/SelectionListener';
 import StoreUpdater from '../../components/StoreUpdater';
 import A11yDescriptions from '../../components/A11yDescriptions';
 import GraphView from '../GraphView';
 import Wrapper from './Wrapper';
-import type { EdgeTypes, NodeTypes, ReactFlowProps, ReactFlowRefType } from '../../types';
+import type { ReactFlowProps, ReactFlowRefType } from '../../types';
 import useColorModeClass from '../../hooks/useColorModeClass';
 
-const defaultNodeTypes: NodeTypes = {
-  input: InputNode,
-  default: DefaultNode,
-  output: OutputNode,
-  group: GroupNode,
-};
-
-const defaultEdgeTypes: EdgeTypes = {
-  default: BezierEdgeInternal,
-  straight: StraightEdgeInternal,
-  step: StepEdgeInternal,
-  smoothstep: SmoothStepEdgeInternal,
-  simplebezier: SimpleBezierEdgeInternal,
-};
-
 const initNodeOrigin: NodeOrigin = [0, 0];
 const initSnapGrid: [number, number] = [15, 15];
 const initDefaultViewport: Viewport = { x: 0, y: 0, zoom: 1 };
@@ -66,8 +41,8 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
       defaultNodes,
       defaultEdges,
       className,
-      nodeTypes = defaultNodeTypes,
-      edgeTypes = defaultEdgeTypes,
+      nodeTypes,
+      edgeTypes,
       onNodeClick,
       onEdgeClick,
       onInit,
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index 287c277d4..5af61d1e7 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -15,9 +15,10 @@ import type {
   EdgePosition,
   Optional,
   StepPathOptions,
+  OnError,
 } from '@xyflow/system';
 
-import { Node } from '.';
+import { EdgeTypes, Node } from '.';
 
 export type EdgeLabelOptions = {
   label?: string | ReactNode;
@@ -57,7 +58,7 @@ export type Edge<T = any> = DefaultEdge<T> | SmoothStepEdgeType<T> | BezierEdgeT
 
 export type EdgeMouseHandler = (event: ReactMouseEvent, edge: Edge) => void;
 
-export type WrapEdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandle'> & {
+export type EdgeWrapperProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandle'> & {
   onClick?: EdgeMouseHandler;
   onEdgeDoubleClick?: EdgeMouseHandler;
   sourceHandleId?: string | null;
@@ -75,6 +76,8 @@ export type WrapEdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandl
   isUpdatable: EdgeUpdatable;
   isSelectable: boolean;
   pathOptions?: BezierPathOptions | SmoothStepPathOptions;
+  edgeTypes?: EdgeTypes;
+  onError?: OnError;
 };
 
 export type DefaultEdgeOptions = DefaultEdgeOptionsBase<Edge>;
@@ -90,7 +93,7 @@ export type EdgeProps<T = any> = Pick<
   Edge<T>,
   'id' | 'animated' | 'data' | 'style' | 'selected' | 'source' | 'target'
 > &
-  Pick<WrapEdgeProps, 'sourceHandleId' | 'targetHandleId' | 'interactionWidth'> &
+  Pick<EdgeWrapperProps, 'sourceHandleId' | 'targetHandleId' | 'interactionWidth'> &
   EdgePosition &
   EdgeLabelOptions & {
     markerStart?: string;
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index b2e7098a0..96859d963 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type { ComponentType, MemoExoticComponent } from 'react';
+import type { ComponentType } from 'react';
 import {
   FitViewParamsBase,
   FitViewOptionsBase,
@@ -14,7 +14,7 @@ import {
   XYPosition,
 } from '@xyflow/system';
 
-import type { NodeChange, EdgeChange, Node, WrapNodeProps, Edge, EdgeProps, WrapEdgeProps, ReactFlowInstance } from '.';
+import type { NodeChange, EdgeChange, Node, Edge, EdgeProps, ReactFlowInstance } from '.';
 
 export type OnNodesChange = (changes: NodeChange[]) => void;
 export type OnEdgesChange = (changes: EdgeChange[]) => void;
@@ -24,9 +24,7 @@ export type OnEdgesDelete = (edges: Edge[]) => void;
 export type OnDelete = (params: { nodes: Node[]; edges: Edge[] }) => void;
 
 export type NodeTypes = { [key: string]: ComponentType<NodeProps> };
-export type NodeTypesWrapped = { [key: string]: MemoExoticComponent<ComponentType<WrapNodeProps>> };
 export type EdgeTypes = { [key: string]: ComponentType<EdgeProps> };
-export type EdgeTypesWrapped = { [key: string]: MemoExoticComponent<ComponentType<WrapEdgeProps>> };
 
 export type UnselectNodesAndEdgesParams = {
   nodes?: Node[];
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index 03f02930b..00c877041 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -32,7 +32,7 @@ export type NodeWrapperProps = {
   noPanClassName: string;
   rfId: string;
   disableKeyboardA11y: boolean;
-  nodeTypes: NodeTypes;
+  nodeTypes?: NodeTypes;
   nodeExtent?: CoordinateExtent;
   nodeOrigin: NodeOrigin;
   onError?: OnError;

From 3b69a11aac91c2c054e7afb18ca500a46ad844c8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sat, 16 Dec 2023 11:19:39 +0100
Subject: [PATCH 0427/1093] chore(examples): cleanup

---
 examples/react/src/App/routes.ts              |   6 -
 .../react/src/examples/Layouting/index.tsx    |  18 +-
 .../react/src/examples/NestedNodes/index.tsx  | 187 ------------------
 .../react/src/examples/Subflow/DebugNode.tsx  |   4 +-
 .../react/src/examples/UpdateNode/index.tsx   |  20 +-
 .../UseHandleConnections/MultiHandleNode.tsx  |   4 +-
 .../UseHandleConnections/SingleHandleNode.tsx |   4 +-
 .../NodeToolbar/NodeToolbar.tsx               |  20 +-
 8 files changed, 41 insertions(+), 222 deletions(-)
 delete mode 100644 examples/react/src/examples/NestedNodes/index.tsx

diff --git a/examples/react/src/App/routes.ts b/examples/react/src/App/routes.ts
index 4bab00f56..d38f54496 100644
--- a/examples/react/src/App/routes.ts
+++ b/examples/react/src/App/routes.ts
@@ -21,7 +21,6 @@ import Interaction from '../examples/Interaction';
 import Intersection from '../examples/Intersection';
 import Layouting from '../examples/Layouting';
 import MultiFlows from '../examples/MultiFlows';
-import NestedNodes from '../examples/NestedNodes';
 import NodeResizer from '../examples/NodeResizer';
 import NodeTypeChange from '../examples/NodeTypeChange';
 import NodeTypesObjectChange from '../examples/NodeTypesObjectChange';
@@ -185,11 +184,6 @@ const routes: IRoute[] = [
     path: 'multiflows',
     component: MultiFlows,
   },
-  {
-    name: 'Nested Nodes',
-    path: 'nested-nodes',
-    component: NestedNodes,
-  },
   {
     name: 'Node Type Change',
     path: 'nodetype-change',
diff --git a/examples/react/src/examples/Layouting/index.tsx b/examples/react/src/examples/Layouting/index.tsx
index 4ec3e14c8..7383e41e4 100644
--- a/examples/react/src/examples/Layouting/index.tsx
+++ b/examples/react/src/examples/Layouting/index.tsx
@@ -56,16 +56,16 @@ const LayoutFlow = () => {
 
     const layoutedNodes = nodes.map((node) => {
       const nodeWithPosition = dagreGraph.node(node.id);
-      node.targetPosition = isHorizontal ? Position.Left : Position.Top;
-      node.sourcePosition = isHorizontal ? Position.Right : Position.Bottom;
-      // we need to pass a slightly different position in order to notify react flow about the change
-      // @TODO how can we change the position handling so that we dont need this hack?
-      node.position = {
-        x: nodeWithPosition.x + Math.random() / 1000,
-        y: nodeWithPosition.y,
-      };
 
-      return node;
+      return {
+        ...node,
+        targetPosition: isHorizontal ? Position.Left : Position.Top,
+        sourcePosition: isHorizontal ? Position.Right : Position.Bottom,
+        position: {
+          x: nodeWithPosition.x,
+          y: nodeWithPosition.y,
+        },
+      };
     });
 
     setNodes(layoutedNodes);
diff --git a/examples/react/src/examples/NestedNodes/index.tsx b/examples/react/src/examples/NestedNodes/index.tsx
deleted file mode 100644
index 56bc3ca8d..000000000
--- a/examples/react/src/examples/NestedNodes/index.tsx
+++ /dev/null
@@ -1,187 +0,0 @@
-import { useState, MouseEvent, useCallback } from 'react';
-import {
-  ReactFlow,
-  Controls,
-  MiniMap,
-  Background,
-  addEdge,
-  useNodesState,
-  useEdgesState,
-  Node,
-  Edge,
-  ReactFlowInstance,
-  Connection,
-} from '@xyflow/react';
-
-const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node);
-const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);
-const onEdgeClick = (_: MouseEvent, edge: Edge) => console.log('click', edge);
-
-const initialNodes: Node[] = [
-  {
-    id: '1',
-    type: 'input',
-    data: { label: 'Node 1' },
-    position: { x: 250, y: 5 },
-    className: 'light',
-  },
-  {
-    id: '2',
-    data: { label: 'Node 2' },
-    position: { x: 100, y: 100 },
-    className: 'light',
-    style: { backgroundColor: 'rgba(255, 0, 0, 0.8)', width: 200, height: 200 },
-  },
-  {
-    id: '2a',
-    data: { label: 'Node 2a' },
-    position: { x: 10, y: 50 },
-    parentNode: '2',
-  },
-  {
-    id: '3',
-    data: { label: 'Node 3' },
-    position: { x: 320, y: 100 },
-    className: 'light',
-  },
-  {
-    id: '4',
-    data: { label: 'Node 4' },
-    position: { x: 320, y: 200 },
-    className: 'light',
-    style: { backgroundColor: 'rgba(255, 0, 0, 0.7)', width: 300, height: 300 },
-  },
-  {
-    id: '4a',
-    data: { label: 'Node 4a' },
-    position: { x: 15, y: 65 },
-    className: 'light',
-    parentNode: '4',
-    extent: 'parent',
-  },
-  {
-    id: '4b',
-    data: { label: 'Node 4b' },
-    position: { x: 15, y: 120 },
-    className: 'light',
-    style: {
-      backgroundColor: 'rgba(255, 0, 255, 0.7)',
-      height: 150,
-      width: 270,
-    },
-    parentNode: '4',
-  },
-  {
-    id: '4b1',
-    data: { label: 'Node 4b1' },
-    position: { x: 20, y: 40 },
-    className: 'light',
-    parentNode: '4b',
-  },
-  {
-    id: '4b2',
-    data: { label: 'Node 4b2' },
-    position: { x: 100, y: 100 },
-    className: 'light',
-    parentNode: '4b',
-  },
-];
-
-const initialEdges: Edge[] = [
-  { id: 'e1-2', source: '1', target: '2', animated: true },
-  { id: 'e1-3', source: '1', target: '3' },
-  { id: 'e2a-4a', source: '2a', target: '4a' },
-  { id: 'e3-4', source: '3', target: '4' },
-  { id: 'e3-4b', source: '3', target: '4b' },
-  { id: 'e4a-4b1', source: '4a', target: '4b1' },
-  { id: 'e4a-4b2', source: '4a', target: '4b2' },
-  { id: 'e4b1-4b2', source: '4b1', target: '4b2' },
-];
-
-const NestedFlow = () => {
-  const [rfInstance, setRfInstance] = useState<ReactFlowInstance | null>(null);
-  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
-  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
-
-  const onConnect = useCallback(
-    (connection: Connection) => {
-      setEdges((eds) => addEdge(connection, eds));
-    },
-    [setEdges]
-  );
-  const onInit = useCallback((reactFlowInstance: ReactFlowInstance) => setRfInstance(reactFlowInstance), []);
-
-  const updatePos = () => {
-    setNodes((nds) => {
-      return nds.map((n) => {
-        n.position = {
-          x: Math.random() * 400,
-          y: Math.random() * 400,
-        };
-
-        return n;
-      });
-    });
-  };
-
-  const logToObject = () => console.log(rfInstance?.toObject());
-  const resetTransform = () => rfInstance?.setViewport({ x: 0, y: 0, zoom: 1 });
-
-  const toggleClassnames = () => {
-    setNodes((nds) => {
-      return nds.map((n) => {
-        n.className = n.className === 'light' ? 'dark' : 'light';
-        return n;
-      });
-    });
-  };
-
-  const toggleChildNodes = () => {
-    setNodes((nds) => {
-      return nds.map((n) => {
-        n.hidden = !!n.parentNode && !n.hidden;
-        return n;
-      });
-    });
-  };
-
-  return (
-    <ReactFlow
-      nodes={nodes}
-      edges={edges}
-      onInit={onInit}
-      onNodesChange={onNodesChange}
-      onEdgesChange={onEdgesChange}
-      onNodeClick={onNodeClick}
-      onEdgeClick={onEdgeClick}
-      onConnect={onConnect}
-      onNodeDragStop={onNodeDragStop}
-      className="react-flow-basic-example"
-      minZoom={0.2}
-      maxZoom={4}
-      onlyRenderVisibleElements={false}
-    >
-      <MiniMap pannable />
-      <Controls />
-      <Background />
-
-      <div style={{ position: 'absolute', right: 10, top: 10, zIndex: 4 }}>
-        <button onClick={resetTransform} style={{ marginRight: 5 }}>
-          reset transform
-        </button>
-        <button onClick={updatePos} style={{ marginRight: 5 }}>
-          change pos
-        </button>
-        <button onClick={toggleClassnames} style={{ marginRight: 5 }}>
-          toggle classnames
-        </button>
-        <button style={{ marginRight: 5 }} onClick={toggleChildNodes}>
-          toggleChildNodes
-        </button>
-        <button onClick={logToObject}>toObject</button>
-      </div>
-    </ReactFlow>
-  );
-};
-
-export default NestedFlow;
diff --git a/examples/react/src/examples/Subflow/DebugNode.tsx b/examples/react/src/examples/Subflow/DebugNode.tsx
index 46bae2246..6a8a2d26a 100644
--- a/examples/react/src/examples/Subflow/DebugNode.tsx
+++ b/examples/react/src/examples/Subflow/DebugNode.tsx
@@ -11,13 +11,13 @@ const idStyle: CSSProperties = {
   left: 2,
 };
 
-const DebugNode: FC<NodeProps> = ({ zIndex, positionAbsolute, id }) => {
+const DebugNode: FC<NodeProps> = ({ zIndex, positionAbsoluteX, positionAbsoluteY, id }) => {
   return (
     <>
       <Handle type="target" position={Position.Top} />
       <div style={idStyle}>{id}</div>
       <div style={infoStyle}>
-        x:{Math.round(positionAbsolute.x)} y:{Math.round(positionAbsolute.y)} z:{zIndex}
+        x:{Math.round(positionAbsoluteX)} y:{Math.round(positionAbsoluteY)} z:{zIndex}
       </div>
       <Handle type="source" position={Position.Bottom} />
     </>
diff --git a/examples/react/src/examples/UpdateNode/index.tsx b/examples/react/src/examples/UpdateNode/index.tsx
index d6e8a67a6..c32fca349 100644
--- a/examples/react/src/examples/UpdateNode/index.tsx
+++ b/examples/react/src/examples/UpdateNode/index.tsx
@@ -24,9 +24,12 @@ const UpdateNode = () => {
       nds.map((n) => {
         if (n.id === '1') {
           // it's important that you create a new object here in order to notify react flow about the change
-          n.data = {
-            ...n.data,
-            label: nodeName,
+          return {
+            ...n,
+            data: {
+              ...n.data,
+              label: nodeName,
+            },
           };
         }
 
@@ -40,7 +43,10 @@ const UpdateNode = () => {
       nds.map((n) => {
         if (n.id === '1') {
           // it's important that you create a new object here in order to notify react flow about the change
-          n.style = { ...n.style, backgroundColor: nodeBg };
+          return {
+            ...n,
+            style: { ...n.style, backgroundColor: nodeBg },
+          };
         }
 
         return n;
@@ -52,8 +58,10 @@ const UpdateNode = () => {
     setNodes((nds) =>
       nds.map((n) => {
         if (n.id === '1' || n.id === 'e1-2') {
-          // when you update a simple type you can just update the value
-          n.hidden = nodeHidden;
+          return {
+            ...n,
+            hidden: nodeHidden,
+          };
         }
 
         return n;
diff --git a/examples/react/src/examples/UseHandleConnections/MultiHandleNode.tsx b/examples/react/src/examples/UseHandleConnections/MultiHandleNode.tsx
index e04f34489..4301e647c 100644
--- a/examples/react/src/examples/UseHandleConnections/MultiHandleNode.tsx
+++ b/examples/react/src/examples/UseHandleConnections/MultiHandleNode.tsx
@@ -12,8 +12,8 @@ function CustomHandle({ nodeId, ...handleProps }: HandleComponentProps & { nodeI
     [nodeId]
   );
   const connections = useHandleConnections({
-    handleType: handleProps.type,
-    handleId: handleProps.id,
+    type: handleProps.type,
+    id: handleProps.id,
     onConnect,
     onDisconnect,
   });
diff --git a/examples/react/src/examples/UseHandleConnections/SingleHandleNode.tsx b/examples/react/src/examples/UseHandleConnections/SingleHandleNode.tsx
index 444499fb9..6163f1081 100644
--- a/examples/react/src/examples/UseHandleConnections/SingleHandleNode.tsx
+++ b/examples/react/src/examples/UseHandleConnections/SingleHandleNode.tsx
@@ -15,8 +15,8 @@ function CustomHandle({ nodeId, ...handleProps }: HandleComponentProps & { nodeI
     [nodeId]
   );
   const connections = useHandleConnections({
-    handleType: handleProps.type,
-    handleId: handleProps.id,
+    type: handleProps.type,
+    id: handleProps.id,
     onConnect,
     onDisconnect,
   });
diff --git a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
index b7028a760..6f4ad13c8 100644
--- a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
+++ b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
@@ -9,16 +9,20 @@ import { useNodeId } from '../../contexts/NodeIdContext';
 import NodeToolbarPortal from './NodeToolbarPortal';
 import { NodeToolbarProps } from './types';
 
-const nodeEqualityFn = (a: Node | undefined, b: Node | undefined) =>
-  a?.computed?.positionAbsolute?.x === b?.computed?.positionAbsolute?.x &&
-  a?.computed?.positionAbsolute?.y === b?.computed?.positionAbsolute?.y &&
-  a?.width === b?.width &&
-  a?.height === b?.height &&
-  a?.selected === b?.selected &&
-  a?.[internalsSymbol]?.z === b?.[internalsSymbol]?.z;
+const nodeEqualityFn = (a?: Node, b?: Node) =>
+  a?.computed?.positionAbsolute?.x !== b?.computed?.positionAbsolute?.x ||
+  a?.computed?.positionAbsolute?.y !== b?.computed?.positionAbsolute?.y ||
+  a?.computed?.width !== b?.computed?.width ||
+  a?.computed?.height !== b?.computed?.height ||
+  a?.selected !== b?.selected ||
+  a?.[internalsSymbol]?.z !== b?.[internalsSymbol]?.z;
 
 const nodesEqualityFn = (a: Node[], b: Node[]) => {
-  return a.length === b.length && a.every((node, i) => nodeEqualityFn(node, b[i]));
+  if (a.length !== b.length) {
+    return false;
+  }
+
+  return !a.some((node, i) => nodeEqualityFn(node, b[i]));
 };
 
 const storeSelector = (state: ReactFlowState) => ({

From 72034157f17623e0c50f1d09f32a245e9bd2e11c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sat, 16 Dec 2023 13:05:31 +0100
Subject: [PATCH 0428/1093] refactor(svelte): nodeDragThreshold=1 as default

---
 packages/svelte/src/lib/store/initial-store.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index dbbb17fc3..e9d595ecc 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -93,7 +93,7 @@ export const getInitialStore = ({
     minZoom: writable<number>(0.5),
     maxZoom: writable<number>(2),
     nodeOrigin: writable<NodeOrigin>([0, 0]),
-    nodeDragThreshold: writable<number>(0),
+    nodeDragThreshold: writable<number>(1),
     nodeExtent: writable<CoordinateExtent>(infiniteExtent),
     translateExtent: writable<CoordinateExtent>(infiniteExtent),
     autoPanOnNodeDrag: writable<boolean>(true),

From 494eb09a21933fd490c138250b238a61a405e4be Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sun, 17 Dec 2023 09:37:47 +0100
Subject: [PATCH 0429/1093] chore(examples): cleanup astro

---
 .../src/components/ReactFlowExample/CustomNode.tsx            | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/examples/astro-xyflow/src/components/ReactFlowExample/CustomNode.tsx b/examples/astro-xyflow/src/components/ReactFlowExample/CustomNode.tsx
index 86aef1374..6dc307099 100644
--- a/examples/astro-xyflow/src/components/ReactFlowExample/CustomNode.tsx
+++ b/examples/astro-xyflow/src/components/ReactFlowExample/CustomNode.tsx
@@ -7,7 +7,7 @@ const sourceHandleStyleB: CSSProperties = {
   left: 'auto',
 };
 
-const CustomNode: FC<NodeProps> = ({ data, positionAbsolute }) => {
+const CustomNode: FC<NodeProps> = ({ data, positionAbsoluteX, positionAbsoluteY }) => {
   return (
     <>
       <Handle type="target" position={Position.Top} />
@@ -18,7 +18,7 @@ const CustomNode: FC<NodeProps> = ({ data, positionAbsolute }) => {
         <div>
           Position:{' '}
           <strong>
-            {positionAbsolute.x.toFixed(2)},{positionAbsolute.y.toFixed(2)}
+            {positionAbsoluteX.toFixed(2)},{positionAbsoluteY.toFixed(2)}
           </strong>
         </div>
       </div>

From 82709a4bc1d559743da0cb71f1ba451d8e52119f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sun, 17 Dec 2023 10:46:07 +0100
Subject: [PATCH 0430/1093] refactor(storeUpdater): only use one
 useEffect,cleanup based on #3677

---
 .../src/components/StoreUpdater/index.tsx     | 276 ++++++------------
 1 file changed, 94 insertions(+), 182 deletions(-)

diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 65f1bb3c8..f49dec434 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -3,67 +3,72 @@
  * We distinguish between values we can update directly with `useDirectStoreUpdater` (like `snapGrid`)
  * and values that have a dedicated setter function in the store (like `setNodes`).
  */
-import { useEffect } from 'react';
-import { StoreApi } from 'zustand';
+import { useEffect, useRef } from 'react';
 import { shallow } from 'zustand/shallow';
-import { devWarn, type CoordinateExtent } from '@xyflow/system';
+import { type CoordinateExtent } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
-import type { Node, Edge, ReactFlowState, ReactFlowProps, ReactFlowStore } from '../../types';
+import type { Node, Edge, ReactFlowState, ReactFlowProps, FitViewOptions } from '../../types';
 
-type StoreUpdaterProps = Pick<
-  ReactFlowProps,
-  | 'nodes'
-  | 'edges'
-  | 'defaultNodes'
-  | 'defaultEdges'
-  | 'onConnect'
-  | 'onConnectStart'
-  | 'onConnectEnd'
-  | 'onClickConnectStart'
-  | 'onClickConnectEnd'
-  | 'nodesDraggable'
-  | 'nodesConnectable'
-  | 'nodesFocusable'
-  | 'edgesFocusable'
-  | 'edgesUpdatable'
-  | 'minZoom'
-  | 'maxZoom'
-  | 'nodeExtent'
-  | 'onNodesChange'
-  | 'onEdgesChange'
-  | 'elementsSelectable'
-  | 'connectionMode'
-  | 'snapToGrid'
-  | 'snapGrid'
-  | 'translateExtent'
-  | 'connectOnClick'
-  | 'defaultEdgeOptions'
-  | 'fitView'
-  | 'fitViewOptions'
-  | 'onNodesDelete'
-  | 'onEdgesDelete'
-  | 'onDelete'
-  | 'onNodeDragStart'
-  | 'onNodeDrag'
-  | 'onNodeDragStop'
-  | 'onSelectionDragStart'
-  | 'onSelectionDrag'
-  | 'onSelectionDragStop'
-  | 'onMove'
-  | 'onMoveStart'
-  | 'onMoveEnd'
-  | 'noPanClassName'
-  | 'nodeOrigin'
-  | 'elevateNodesOnSelect'
-  | 'autoPanOnConnect'
-  | 'autoPanOnNodeDrag'
-  | 'onError'
-  | 'connectionRadius'
-  | 'isValidConnection'
-  | 'selectNodesOnDrag'
-  | 'nodeDragThreshold'
-> & { rfId: string };
+// these fields exist in the global store and we need to keep them up to date
+const reactFlowFieldsToTrack = [
+  'nodes',
+  'edges',
+  'defaultNodes',
+  'defaultEdges',
+  'onConnect',
+  'onConnectStart',
+  'onConnectEnd',
+  'onClickConnectStart',
+  'onClickConnectEnd',
+  'nodesDraggable',
+  'nodesConnectable',
+  'nodesFocusable',
+  'edgesFocusable',
+  'edgesUpdatable',
+  'elevateNodesOnSelect',
+  'minZoom',
+  'maxZoom',
+  'nodeExtent',
+  'onNodesChange',
+  'onEdgesChange',
+  'elementsSelectable',
+  'connectionMode',
+  'snapGrid',
+  'snapToGrid',
+  'translateExtent',
+  'connectOnClick',
+  'defaultEdgeOptions',
+  'fitView',
+  'fitViewOptions',
+  'onNodesDelete',
+  'onEdgesDelete',
+  'onDelete',
+  'onNodeDrag',
+  'onNodeDragStart',
+  'onNodeDragStop',
+  'onSelectionDrag',
+  'onSelectionDragStart',
+  'onSelectionDragStop',
+  'onMoveStart',
+  'onMove',
+  'onMoveEnd',
+  'noPanClassName',
+  'nodeOrigin',
+  'autoPanOnConnect',
+  'autoPanOnNodeDrag',
+  'onError',
+  'connectionRadius',
+  'isValidConnection',
+  'selectNodesOnDrag',
+  'nodeDragThreshold',
+] as const;
+
+type ReactFlowFieldsToTrack = (typeof reactFlowFieldsToTrack)[number];
+type StoreUpdaterProps = Pick<ReactFlowProps, ReactFlowFieldsToTrack> & { rfId: string };
+
+// rfId doesn't exist in ReactFlowProps, but it's one of the fields we want to update
+const fieldsToTrack = [...reactFlowFieldsToTrack, 'rfId'] as const;
 
 const selector = (s: ReactFlowState) => ({
   setNodes: s.setNodes,
@@ -76,80 +81,7 @@ const selector = (s: ReactFlowState) => ({
   reset: s.reset,
 });
 
-function useStoreUpdater<T>(value: T | undefined, setStoreAction: (param: T) => void) {
-  useEffect(() => {
-    if (typeof value !== 'undefined') {
-      setStoreAction(value);
-    }
-  }, [value]);
-}
-
-// updates with values in store that don't have a dedicated setter function
-function useDirectStoreUpdater(
-  key: keyof ReactFlowStore,
-  value: unknown,
-  setState: StoreApi<ReactFlowState>['setState']
-) {
-  useEffect(() => {
-    if (typeof value !== 'undefined') {
-      setState({ [key]: value });
-    }
-  }, [value]);
-}
-
-const StoreUpdater = ({
-  nodes,
-  edges,
-  defaultNodes,
-  defaultEdges,
-  onConnect,
-  onConnectStart,
-  onConnectEnd,
-  onClickConnectStart,
-  onClickConnectEnd,
-  nodesDraggable,
-  nodesConnectable,
-  nodesFocusable,
-  edgesFocusable,
-  edgesUpdatable,
-  elevateNodesOnSelect,
-  minZoom,
-  maxZoom,
-  nodeExtent,
-  onNodesChange,
-  onEdgesChange,
-  elementsSelectable,
-  connectionMode,
-  snapGrid,
-  snapToGrid,
-  translateExtent,
-  connectOnClick,
-  defaultEdgeOptions,
-  fitView,
-  fitViewOptions,
-  onNodesDelete,
-  onEdgesDelete,
-  onDelete,
-  onNodeDrag,
-  onNodeDragStart,
-  onNodeDragStop,
-  onSelectionDrag,
-  onSelectionDragStart,
-  onSelectionDragStop,
-  onMoveStart,
-  onMove,
-  onMoveEnd,
-  noPanClassName,
-  nodeOrigin,
-  rfId,
-  autoPanOnConnect,
-  autoPanOnNodeDrag,
-  onError,
-  connectionRadius,
-  isValidConnection,
-  selectNodesOnDrag,
-  nodeDragThreshold,
-}: StoreUpdaterProps) => {
+const StoreUpdater = (props: StoreUpdaterProps) => {
   const {
     setNodes,
     setEdges,
@@ -163,64 +95,44 @@ const StoreUpdater = ({
   const store = useStoreApi();
 
   useEffect(() => {
-    const edgesWithDefaults = defaultEdges?.map((e) => ({ ...e, ...defaultEdgeOptions }));
-    setDefaultNodesAndEdges(defaultNodes, edgesWithDefaults);
+    const edgesWithDefaults = props.defaultEdges?.map((e) => ({ ...e, ...props.defaultEdgeOptions }));
+    setDefaultNodesAndEdges(props.defaultNodes, edgesWithDefaults);
 
     return () => {
       reset();
     };
   }, []);
 
-  useDirectStoreUpdater('defaultEdgeOptions', defaultEdgeOptions, store.setState);
-  useDirectStoreUpdater('connectionMode', connectionMode, store.setState);
-  useDirectStoreUpdater('onConnect', onConnect, store.setState);
-  useDirectStoreUpdater('onConnectStart', onConnectStart, store.setState);
-  useDirectStoreUpdater('onConnectEnd', onConnectEnd, store.setState);
-  useDirectStoreUpdater('onClickConnectStart', onClickConnectStart, store.setState);
-  useDirectStoreUpdater('onClickConnectEnd', onClickConnectEnd, store.setState);
-  useDirectStoreUpdater('nodesDraggable', nodesDraggable, store.setState);
-  useDirectStoreUpdater('nodesConnectable', nodesConnectable, store.setState);
-  useDirectStoreUpdater('nodesFocusable', nodesFocusable, store.setState);
-  useDirectStoreUpdater('edgesFocusable', edgesFocusable, store.setState);
-  useDirectStoreUpdater('edgesUpdatable', edgesUpdatable, store.setState);
-  useDirectStoreUpdater('elementsSelectable', elementsSelectable, store.setState);
-  useDirectStoreUpdater('elevateNodesOnSelect', elevateNodesOnSelect, store.setState);
-  useDirectStoreUpdater('snapToGrid', snapToGrid, store.setState);
-  useDirectStoreUpdater('snapGrid', snapGrid, store.setState);
-  useDirectStoreUpdater('onNodesChange', onNodesChange, store.setState);
-  useDirectStoreUpdater('onEdgesChange', onEdgesChange, store.setState);
-  useDirectStoreUpdater('connectOnClick', connectOnClick, store.setState);
-  useDirectStoreUpdater('fitViewOnInit', fitView, store.setState);
-  useDirectStoreUpdater('fitViewOnInitOptions', fitViewOptions, store.setState);
-  useDirectStoreUpdater('onNodesDelete', onNodesDelete, store.setState);
-  useDirectStoreUpdater('onEdgesDelete', onEdgesDelete, store.setState);
-  useDirectStoreUpdater('onDelete', onDelete, store.setState);
-  useDirectStoreUpdater('onNodeDrag', onNodeDrag, store.setState);
-  useDirectStoreUpdater('onNodeDragStart', onNodeDragStart, store.setState);
-  useDirectStoreUpdater('onNodeDragStop', onNodeDragStop, store.setState);
-  useDirectStoreUpdater('onSelectionDrag', onSelectionDrag, store.setState);
-  useDirectStoreUpdater('onSelectionDragStart', onSelectionDragStart, store.setState);
-  useDirectStoreUpdater('onSelectionDragStop', onSelectionDragStop, store.setState);
-  useDirectStoreUpdater('onMove', onMove, store.setState);
-  useDirectStoreUpdater('onMoveStart', onMoveStart, store.setState);
-  useDirectStoreUpdater('onMoveEnd', onMoveEnd, store.setState);
-  useDirectStoreUpdater('noPanClassName', noPanClassName, store.setState);
-  useDirectStoreUpdater('nodeOrigin', nodeOrigin, store.setState);
-  useDirectStoreUpdater('rfId', rfId, store.setState);
-  useDirectStoreUpdater('autoPanOnConnect', autoPanOnConnect, store.setState);
-  useDirectStoreUpdater('autoPanOnNodeDrag', autoPanOnNodeDrag, store.setState);
-  useDirectStoreUpdater('onError', onError || devWarn, store.setState);
-  useDirectStoreUpdater('connectionRadius', connectionRadius, store.setState);
-  useDirectStoreUpdater('isValidConnection', isValidConnection, store.setState);
-  useDirectStoreUpdater('selectNodesOnDrag', selectNodesOnDrag, store.setState);
-  useDirectStoreUpdater('nodeDragThreshold', nodeDragThreshold, store.setState);
+  const previousFields = useRef<Partial<StoreUpdaterProps>>({});
+
+  useEffect(
+    () => {
+      for (const fieldName of fieldsToTrack) {
+        const fieldValue = props[fieldName];
+        const previousFieldValue = previousFields.current[fieldName];
+
+        if (fieldValue === previousFieldValue) continue;
+        if (typeof props[fieldName] === 'undefined') continue;
+
+        // Custom handling with dedicated setters for some fields
+        if (fieldName === 'nodes') setNodes(fieldValue as Node[]);
+        else if (fieldName === 'edges') setEdges(fieldValue as Edge[]);
+        else if (fieldName === 'minZoom') setMinZoom(fieldValue as number);
+        else if (fieldName === 'maxZoom') setMaxZoom(fieldValue as number);
+        else if (fieldName === 'translateExtent') setTranslateExtent(fieldValue as CoordinateExtent);
+        else if (fieldName === 'nodeExtent') setNodeExtent(fieldValue as CoordinateExtent);
+        // Renamed fields
+        else if (fieldName === 'fitView') store.setState({ fitViewOnInit: fieldValue as boolean });
+        else if (fieldName === 'fitViewOptions') store.setState({ fitViewOnInitOptions: fieldValue as FitViewOptions });
+        // General case
+        else store.setState({ [fieldName]: fieldValue });
+      }
 
-  useStoreUpdater<Node[]>(nodes, setNodes);
-  useStoreUpdater<Edge[]>(edges, setEdges);
-  useStoreUpdater<number>(minZoom, setMinZoom);
-  useStoreUpdater<number>(maxZoom, setMaxZoom);
-  useStoreUpdater<CoordinateExtent>(translateExtent, setTranslateExtent);
-  useStoreUpdater<CoordinateExtent>(nodeExtent, setNodeExtent);
+      previousFields.current = props;
+    },
+    // Only re-run the effect if one of the fields we track changes
+    fieldsToTrack.map((fieldName) => props[fieldName])
+  );
 
   return null;
 };

From 2bc02547f6e70e159d818bce22447ab6dd991ce6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sun, 17 Dec 2023 11:56:21 +0100
Subject: [PATCH 0431/1093] refactor(edges): optimize edge zIndex calculation

---
 .../src/components/EdgeWrapper/index.tsx      | 48 +++++++++++++------
 .../src/container/EdgeRenderer/index.tsx      |  3 +-
 packages/react/src/hooks/useVisibleEdges.ts   |  8 ++--
 packages/react/src/types/edges.ts             |  1 +
 .../svelte/src/lib/store/visible-edges.ts     | 16 ++-----
 packages/system/src/utils/edges/general.ts    | 27 +++++------
 6 files changed, 58 insertions(+), 45 deletions(-)

diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index de387ce5d..0b20af69c 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -8,13 +8,14 @@ import {
   type Connection,
   getEdgePosition,
   errorMessages,
+  getEdgeZIndex,
 } from '@xyflow/system';
 
 import { useStoreApi, useStore } from '../../hooks/useStore';
 import { ARIA_EDGE_DESC_KEY } from '../A11yDescriptions';
 import { EdgeAnchor } from '../Edges/EdgeAnchor';
 import { getMouseHandler } from '../Edges/utils';
-import type { EdgeWrapperProps } from '../../types';
+import type { EdgeWrapperProps, Node } from '../../types';
 import { builtinEdgeTypes } from './utils';
 
 function EdgeWrapper({
@@ -56,7 +57,8 @@ function EdgeWrapper({
   pathOptions,
   interactionWidth,
   edgeTypes,
-  zIndex,
+  zIndex: edgeZIndex,
+  elevateEdgesOnSelect,
   onError,
 }: EdgeWrapperProps): JSX.Element | null {
   let edgeType = type || 'default';
@@ -72,27 +74,45 @@ function EdgeWrapper({
   const [updateHover, setUpdateHover] = useState<boolean>(false);
   const [updating, setUpdating] = useState<boolean>(false);
   const store = useStoreApi();
-  const edgePosition = useStore(
+  const prevSourceNode = useRef<Node | undefined>();
+  const prevTargetNode = useRef<Node | undefined>();
+  const prevZIndex = useRef<number | undefined>(edgeZIndex);
+  const prevEdgePosition = useRef<ReturnType<typeof getEdgePosition> | null>(null);
+
+  const { edgePosition, zIndex } = useStore(
     useCallback(
       (state) => {
         const sourceNode = state.nodeLookup.get(source);
         const targetNode = state.nodeLookup.get(target);
 
         if (!sourceNode || !targetNode) {
-          return null;
+          return { edgePosition: null, zIndex: edgeZIndex };
         }
 
-        return getEdgePosition({
-          id,
-          sourceNode,
-          targetNode,
-          sourceHandle: sourceHandleId || null,
-          targetHandle: targetHandleId || null,
-          connectionMode: state.connectionMode,
-          onError: state.onError,
-        });
+        const nodesChanged = prevSourceNode.current !== sourceNode || prevTargetNode.current !== targetNode;
+
+        prevSourceNode.current = sourceNode;
+        prevTargetNode.current = targetNode;
+
+        prevEdgePosition.current = nodesChanged
+          ? getEdgePosition({
+              id,
+              sourceNode,
+              targetNode,
+              sourceHandle: sourceHandleId || null,
+              targetHandle: targetHandleId || null,
+              connectionMode: state.connectionMode,
+              onError: state.onError,
+            })
+          : prevEdgePosition.current;
+        prevZIndex.current = getEdgeZIndex(selected, edgeZIndex, sourceNode, targetNode, elevateEdgesOnSelect);
+
+        return {
+          edgePosition: prevEdgePosition.current,
+          zIndex: prevZIndex.current,
+        };
       },
-      [source, target]
+      [source, target, selected, edgeZIndex]
     ),
     shallow
   );
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index a5e591f18..e1ae6a20c 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -63,7 +63,7 @@ const EdgeRenderer = ({
   children,
 }: EdgeRendererProps) => {
   const { edgesFocusable, edgesUpdatable, elementsSelectable, onError } = useStore(selector, shallow);
-  const edges = useVisibleEdges(onlyRenderVisibleElements, elevateEdgesOnSelect);
+  const edges = useVisibleEdges(onlyRenderVisibleElements);
 
   return (
     <div className="react-flow__edges">
@@ -121,6 +121,7 @@ const EdgeRenderer = ({
             interactionWidth={edge.interactionWidth}
             onError={onError}
             edgeTypes={edgeTypes}
+            elevateEdgesOnSelect={elevateEdgesOnSelect}
           />
         );
       })}
diff --git a/packages/react/src/hooks/useVisibleEdges.ts b/packages/react/src/hooks/useVisibleEdges.ts
index ca035fbbf..f7ebe606a 100644
--- a/packages/react/src/hooks/useVisibleEdges.ts
+++ b/packages/react/src/hooks/useVisibleEdges.ts
@@ -1,11 +1,11 @@
 import { useCallback } from 'react';
 import { shallow } from 'zustand/shallow';
-import { adjustEdgeZIndex, isEdgeVisible } from '@xyflow/system';
+import { isEdgeVisible } from '@xyflow/system';
 
 import { useStore } from '../hooks/useStore';
 import { type Edge, type ReactFlowState } from '../types';
 
-function useVisibleEdges(onlyRenderVisible: boolean, elevateEdgesOnSelect: boolean): Edge[] {
+function useVisibleEdges(onlyRenderVisible: boolean): Edge[] {
   const edges = useStore(
     useCallback(
       (s: ReactFlowState) => {
@@ -29,9 +29,9 @@ function useVisibleEdges(onlyRenderVisible: boolean, elevateEdgesOnSelect: boole
               })
             : s.edges;
 
-        return visibleEdges.map((edge) => adjustEdgeZIndex(edge, s.nodeLookup, elevateEdgesOnSelect));
+        return visibleEdges;
       },
-      [onlyRenderVisible, elevateEdgesOnSelect]
+      [onlyRenderVisible]
     ),
     shallow
   );
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index 5af61d1e7..2c0d37426 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -78,6 +78,7 @@ export type EdgeWrapperProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHa
   pathOptions?: BezierPathOptions | SmoothStepPathOptions;
   edgeTypes?: EdgeTypes;
   onError?: OnError;
+  elevateEdgesOnSelect?: boolean;
 };
 
 export type DefaultEdgeOptions = DefaultEdgeOptionsBase<Edge>;
diff --git a/packages/svelte/src/lib/store/visible-edges.ts b/packages/svelte/src/lib/store/visible-edges.ts
index d9903261c..1dd4a9560 100644
--- a/packages/svelte/src/lib/store/visible-edges.ts
+++ b/packages/svelte/src/lib/store/visible-edges.ts
@@ -1,5 +1,5 @@
 import { derived } from 'svelte/store';
-import { isEdgeVisible, getEdgePosition, adjustEdgeZIndex } from '@xyflow/system';
+import { isEdgeVisible, getEdgePosition, getEdgeZIndex } from '@xyflow/system';
 
 import type { EdgeLayouted } from '$lib/types';
 import type { SvelteFlowStoreState } from './types';
@@ -41,15 +41,8 @@ export function getVisibleEdges(store: SvelteFlowStoreState) {
   );
 
   return derived(
-    [
-      visibleEdges,
-      store.nodes,
-      store.nodeLookup,
-      store.connectionMode,
-      store.onlyRenderVisibleElements,
-      store.onerror
-    ],
-    ([visibleEdges, , nodeLookup, connectionMode, onlyRenderVisibleElements, onerror]) => {
+    [visibleEdges, store.nodes, store.nodeLookup, store.connectionMode, store.onerror],
+    ([visibleEdges, , nodeLookup, connectionMode, onerror]) => {
       const layoutedEdges = visibleEdges.reduce<EdgeLayouted[]>((res, edge) => {
         const sourceNode = nodeLookup.get(edge.source);
         const targetNode = nodeLookup.get(edge.target);
@@ -70,7 +63,8 @@ export function getVisibleEdges(store: SvelteFlowStoreState) {
 
         if (edgePosition) {
           res.push({
-            ...adjustEdgeZIndex(edge, nodeLookup, onlyRenderVisibleElements),
+            ...edge,
+            zIndex: getEdgeZIndex(edge.selected, edge.zIndex, sourceNode, targetNode, false),
             ...edgePosition
           });
         }
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index fcde5f8b4..73cbd7f9c 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -23,26 +23,23 @@ export function getEdgeCenter({
   return [centerX, centerY, xOffset, yOffset];
 }
 
-export function adjustEdgeZIndex(edge: EdgeBase, nodeLookup: Map<string, NodeBase>, elevateEdgesOnSelect: boolean) {
-  const hasZIndex = isNumeric(edge.zIndex);
-  let z = hasZIndex ? edge.zIndex! : 0;
+export function getEdgeZIndex(
+  selected: boolean | undefined,
+  zIndex: number | undefined,
+  sourceNode: NodeBase,
+  targetNode: NodeBase,
+  elevateEdgesOnSelect?: boolean
+) {
+  const hasZIndex = isNumeric(zIndex);
+  let nextZIndex = hasZIndex ? zIndex! : 0;
 
   if (elevateEdgesOnSelect) {
-    const targetNode = nodeLookup.get(edge.target)!;
-    const sourceNode = nodeLookup.get(edge.source)!;
-    const edgeOrConnectedNodeSelected = edge.selected || targetNode?.selected || sourceNode?.selected;
+    const edgeOrConnectedNodeSelected = selected || targetNode?.selected || sourceNode?.selected;
     const selectedZIndex = Math.max(sourceNode?.[internalsSymbol]?.z || 0, targetNode?.[internalsSymbol]?.z || 0, 1000);
-    z = (hasZIndex ? edge.zIndex! : 0) + (edgeOrConnectedNodeSelected ? selectedZIndex : 0);
-
-    if (edge.zIndex !== z) {
-      return {
-        ...edge,
-        zIndex: z,
-      };
-    }
+    nextZIndex = (hasZIndex ? zIndex! : 0) + (edgeOrConnectedNodeSelected ? selectedZIndex : 0);
   }
 
-  return edge;
+  return nextZIndex;
 }
 
 type IsEdgeVisibleParams = {

From 4316e233094c4c53e5713562a9a67d570717456d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sun, 17 Dec 2023 13:53:07 +0100
Subject: [PATCH 0432/1093] refactor(edge-renderer): work with edge ids instead
 of edges, like node renderer

---
 .../src/examples/UpdatableEdge/index.tsx      |   5 +-
 .../EdgeWrapper/EdgeUpdateAnchors.tsx         | 133 +++++++++
 .../src/components/EdgeWrapper/index.tsx      | 266 +++++++-----------
 packages/react/src/components/Edges/utils.ts  |  20 --
 .../src/container/EdgeRenderer/index.tsx      |  49 +---
 packages/react/src/hooks/useVisibleEdges.ts   |  12 +-
 packages/react/src/index.ts                   |   1 +
 packages/react/src/store/index.ts             |  13 +-
 packages/react/src/store/initialState.ts      |   6 +-
 packages/react/src/types/edges.ts             |  16 +-
 packages/react/src/types/store.ts             |   6 +-
 .../svelte/src/lib/store/initial-store.ts     |   6 +-
 packages/svelte/src/lib/store/utils.ts        |   6 +-
 packages/system/src/types/edges.ts            |   2 +
 packages/system/src/utils/store.ts            |  28 +-
 15 files changed, 300 insertions(+), 269 deletions(-)
 create mode 100644 packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
 delete mode 100644 packages/react/src/components/Edges/utils.ts

diff --git a/examples/react/src/examples/UpdatableEdge/index.tsx b/examples/react/src/examples/UpdatableEdge/index.tsx
index 754efa569..5dacdc9cd 100644
--- a/examples/react/src/examples/UpdatableEdge/index.tsx
+++ b/examples/react/src/examples/UpdatableEdge/index.tsx
@@ -6,7 +6,6 @@ import {
   addEdge,
   applyNodeChanges,
   applyEdgeChanges,
-  ReactFlowInstance,
   Connection,
   Edge,
   Node,
@@ -97,7 +96,6 @@ const initialEdges: Edge[] = [
   { id: 'e5-6', source: '5', target: '6', label: 'This edge can be updated from both sides' },
 ];
 
-const onInit = (reactFlowInstance: ReactFlowInstance) => reactFlowInstance.fitView();
 const onEdgeUpdateStart = (_: ReactMouseEvent, edge: Edge, handleType: HandleType) =>
   console.log(`start update ${handleType} handle`, edge);
 const onEdgeUpdateEnd = (_: MouseEvent | TouchEvent, edge: Edge, handleType: HandleType) =>
@@ -111,7 +109,6 @@ const UpdatableEdge = () => {
   const onConnect = (connection: Connection) => setEdges((els) => addEdge(connection, els));
 
   const onNodesChange = useCallback((changes: NodeChange[]) => {
-    console.log(changes);
     setNodes((ns) => applyNodeChanges(changes, ns));
   }, []);
 
@@ -125,12 +122,12 @@ const UpdatableEdge = () => {
       edges={edges}
       onNodesChange={onNodesChange}
       onEdgesChange={onEdgesChange}
-      onInit={onInit}
       snapToGrid={true}
       onEdgeUpdate={onEdgeUpdate}
       onConnect={onConnect}
       onEdgeUpdateStart={onEdgeUpdateStart}
       onEdgeUpdateEnd={onEdgeUpdateEnd}
+      fitView
     >
       <Controls />
     </ReactFlow>
diff --git a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
new file mode 100644
index 000000000..025765596
--- /dev/null
+++ b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
@@ -0,0 +1,133 @@
+// Updatable edges have a anchors around their handles to update the edge.
+import { XYHandle, type Connection, getEdgePosition } from '@xyflow/system';
+
+import { EdgeAnchor } from '../Edges/EdgeAnchor';
+import type { EdgeWrapperProps, Edge } from '../../types/edges';
+import { useStoreApi } from '../../hooks/useStore';
+
+type EdgeUpdateAnchorsProps = {
+  edgePosition: NonNullable<ReturnType<typeof getEdgePosition>>;
+  edge: Edge;
+  isUpdatable: boolean | 'source' | 'target';
+  edgeUpdaterRadius: EdgeWrapperProps['edgeUpdaterRadius'];
+  sourceHandleId: EdgeWrapperProps['sourceHandleId'];
+  targetHandleId: EdgeWrapperProps['targetHandleId'];
+  onEdgeUpdate: EdgeWrapperProps['onEdgeUpdate'];
+  onEdgeUpdateStart: EdgeWrapperProps['onEdgeUpdateStart'];
+  onEdgeUpdateEnd: EdgeWrapperProps['onEdgeUpdateEnd'];
+  setUpdateHover: (hover: boolean) => void;
+  setUpdating: (updating: boolean) => void;
+};
+
+function EdgeUpdateAnchors({
+  isUpdatable,
+  edgeUpdaterRadius,
+  onEdgeUpdate,
+  onEdgeUpdateStart,
+  onEdgeUpdateEnd,
+  setUpdating,
+  setUpdateHover,
+  edgePosition,
+  edge,
+  targetHandleId,
+  sourceHandleId,
+}: EdgeUpdateAnchorsProps) {
+  const store = useStoreApi();
+
+  const handleEdgeUpdater = (event: React.MouseEvent<SVGGElement, MouseEvent>, isSourceHandle: boolean) => {
+    // avoid triggering edge updater if mouse btn is not left
+    if (event.button !== 0) {
+      return;
+    }
+
+    const {
+      autoPanOnConnect,
+      domNode,
+      isValidConnection,
+      connectionMode,
+      connectionRadius,
+      lib,
+      onConnectStart,
+      onConnectEnd,
+      cancelConnection,
+      nodes,
+      panBy,
+      updateConnection,
+    } = store.getState();
+    const nodeId = isSourceHandle ? edge.target : edge.source;
+    const handleId = (isSourceHandle ? targetHandleId : sourceHandleId) || null;
+    const handleType = isSourceHandle ? 'target' : 'source';
+
+    const isTarget = isSourceHandle;
+
+    setUpdating(true);
+    onEdgeUpdateStart?.(event, edge, handleType);
+
+    const _onEdgeUpdateEnd = (evt: MouseEvent | TouchEvent) => {
+      setUpdating(false);
+      onEdgeUpdateEnd?.(evt, edge, handleType);
+    };
+
+    const onConnectEdge = (connection: Connection) => onEdgeUpdate?.(edge, connection);
+
+    XYHandle.onPointerDown(event.nativeEvent, {
+      autoPanOnConnect,
+      connectionMode,
+      connectionRadius,
+      domNode,
+      handleId,
+      nodeId,
+      nodes,
+      isTarget,
+      edgeUpdaterType: handleType,
+      lib,
+      cancelConnection,
+      panBy,
+      isValidConnection,
+      onConnect: onConnectEdge,
+      onConnectStart,
+      onConnectEnd,
+      onEdgeUpdateEnd: _onEdgeUpdateEnd,
+      updateConnection,
+      getTransform: () => store.getState().transform,
+    });
+  };
+
+  const onEdgeUpdaterSourceMouseDown = (event: React.MouseEvent<SVGGElement, MouseEvent>): void =>
+    handleEdgeUpdater(event, true);
+  const onEdgeUpdaterTargetMouseDown = (event: React.MouseEvent<SVGGElement, MouseEvent>): void =>
+    handleEdgeUpdater(event, false);
+  const onEdgeUpdaterMouseEnter = () => setUpdateHover(true);
+  const onEdgeUpdaterMouseOut = () => setUpdateHover(false);
+
+  return (
+    <>
+      {(isUpdatable === 'source' || isUpdatable === true) && (
+        <EdgeAnchor
+          position={edgePosition.sourcePosition}
+          centerX={edgePosition.sourceX}
+          centerY={edgePosition.sourceY}
+          radius={edgeUpdaterRadius}
+          onMouseDown={onEdgeUpdaterSourceMouseDown}
+          onMouseEnter={onEdgeUpdaterMouseEnter}
+          onMouseOut={onEdgeUpdaterMouseOut}
+          type="source"
+        />
+      )}
+      {(isUpdatable === 'target' || isUpdatable === true) && (
+        <EdgeAnchor
+          position={edgePosition.targetPosition}
+          centerX={edgePosition.targetX}
+          centerY={edgePosition.targetY}
+          radius={edgeUpdaterRadius}
+          onMouseDown={onEdgeUpdaterTargetMouseDown}
+          onMouseEnter={onEdgeUpdaterMouseEnter}
+          onMouseOut={onEdgeUpdaterMouseOut}
+          type="target"
+        />
+      )}
+    </>
+  );
+}
+
+export default EdgeUpdateAnchors;
diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index 0b20af69c..e82268acc 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -1,43 +1,21 @@
 import { memo, useState, useMemo, useRef, type KeyboardEvent, useCallback } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import {
-  getMarkerId,
-  elementSelectionKeys,
-  XYHandle,
-  type Connection,
-  getEdgePosition,
-  errorMessages,
-  getEdgeZIndex,
-} from '@xyflow/system';
+import { getMarkerId, elementSelectionKeys, getEdgePosition, errorMessages, getEdgeZIndex } from '@xyflow/system';
 
 import { useStoreApi, useStore } from '../../hooks/useStore';
 import { ARIA_EDGE_DESC_KEY } from '../A11yDescriptions';
-import { EdgeAnchor } from '../Edges/EdgeAnchor';
-import { getMouseHandler } from '../Edges/utils';
 import type { EdgeWrapperProps, Node } from '../../types';
 import { builtinEdgeTypes } from './utils';
+import EdgeUpdateAnchors from './EdgeUpdateAnchors';
 
 function EdgeWrapper({
   id,
-  className,
-  type,
-  data,
+  edgesFocusable,
+  edgesUpdatable,
+  elementsSelectable,
   onClick,
-  onEdgeDoubleClick,
-  selected,
-  animated,
-  label,
-  labelStyle,
-  labelShowBg,
-  labelBgStyle,
-  labelBgPadding,
-  labelBgBorderRadius,
-  style,
-  source,
-  target,
-  isSelectable,
-  hidden,
+  onDoubleClick,
   sourceHandleId,
   targetHandleId,
   onContextMenu,
@@ -48,20 +26,15 @@ function EdgeWrapper({
   onEdgeUpdate,
   onEdgeUpdateStart,
   onEdgeUpdateEnd,
-  markerEnd,
-  markerStart,
   rfId,
-  ariaLabel,
-  isFocusable,
-  isUpdatable,
-  pathOptions,
-  interactionWidth,
   edgeTypes,
-  zIndex: edgeZIndex,
   elevateEdgesOnSelect,
+  noPanClassName,
   onError,
 }: EdgeWrapperProps): JSX.Element | null {
-  let edgeType = type || 'default';
+  const edge = useStore((s) => s.edgeLookup.get(id)!);
+
+  let edgeType = edge.type || 'default';
   let EdgeComponent = edgeTypes?.[edgeType] || builtinEdgeTypes[edgeType];
 
   if (EdgeComponent === undefined) {
@@ -70,23 +43,29 @@ function EdgeWrapper({
     EdgeComponent = builtinEdgeTypes.default;
   }
 
+  const isFocusable = !!(edge.focusable || (edgesFocusable && typeof edge.focusable === 'undefined'));
+  const isUpdatable =
+    typeof onEdgeUpdate !== 'undefined' &&
+    (edge.updatable || (edgesUpdatable && typeof edge.updatable === 'undefined'));
+  const isSelectable = !!(edge.selectable || (elementsSelectable && typeof edge.selectable === 'undefined'));
+
   const edgeRef = useRef<SVGGElement>(null);
   const [updateHover, setUpdateHover] = useState<boolean>(false);
   const [updating, setUpdating] = useState<boolean>(false);
   const store = useStoreApi();
   const prevSourceNode = useRef<Node | undefined>();
   const prevTargetNode = useRef<Node | undefined>();
-  const prevZIndex = useRef<number | undefined>(edgeZIndex);
+  const prevZIndex = useRef<number | undefined>(edge.zIndex);
   const prevEdgePosition = useRef<ReturnType<typeof getEdgePosition> | null>(null);
 
   const { edgePosition, zIndex } = useStore(
     useCallback(
       (state) => {
-        const sourceNode = state.nodeLookup.get(source);
-        const targetNode = state.nodeLookup.get(target);
+        const sourceNode = state.nodeLookup.get(edge.source);
+        const targetNode = state.nodeLookup.get(edge.target);
 
         if (!sourceNode || !targetNode) {
-          return { edgePosition: null, zIndex: edgeZIndex };
+          return { edgePosition: null, zIndex: edge.zIndex };
         }
 
         const nodesChanged = prevSourceNode.current !== sourceNode || prevTargetNode.current !== targetNode;
@@ -105,28 +84,33 @@ function EdgeWrapper({
               onError: state.onError,
             })
           : prevEdgePosition.current;
-        prevZIndex.current = getEdgeZIndex(selected, edgeZIndex, sourceNode, targetNode, elevateEdgesOnSelect);
+        prevZIndex.current = getEdgeZIndex(edge.selected, edge.zIndex, sourceNode, targetNode, elevateEdgesOnSelect);
 
         return {
           edgePosition: prevEdgePosition.current,
           zIndex: prevZIndex.current,
         };
       },
-      [source, target, selected, edgeZIndex]
+      [edge.source, edge.target, edge.selected, edge.zIndex]
     ),
     shallow
   );
 
-  const markerStartUrl = useMemo(() => `url(#${getMarkerId(markerStart, rfId)})`, [markerStart, rfId]);
-  const markerEndUrl = useMemo(() => `url(#${getMarkerId(markerEnd, rfId)})`, [markerEnd, rfId]);
+  const markerStartUrl = useMemo(
+    () => (edge.markerStart ? `url(#${getMarkerId(edge.markerStart, rfId)})` : undefined),
+    [edge.markerStart, rfId]
+  );
+  const markerEndUrl = useMemo(
+    () => (edge.markerEnd ? `url(#${getMarkerId(edge.markerEnd, rfId)})` : undefined),
+    [edge.markerEnd, rfId]
+  );
 
-  if (hidden || !edgePosition) {
+  if (edge.hidden || !edgePosition) {
     return null;
   }
 
   const onEdgeClick = (event: React.MouseEvent<SVGGElement, MouseEvent>): void => {
-    const { edges, addSelectedEdges, unselectNodesAndEdges, multiSelectionActive } = store.getState();
-    const edge = edges.find((e) => e.id === id);
+    const { addSelectedEdges, unselectNodesAndEdges, multiSelectionActive } = store.getState();
 
     if (!edge) {
       return;
@@ -148,82 +132,31 @@ function EdgeWrapper({
     }
   };
 
-  const onEdgeDoubleClickHandler = getMouseHandler(id, store.getState, onEdgeDoubleClick);
-  const onEdgeContextMenu = getMouseHandler(id, store.getState, onContextMenu);
-  const onEdgeMouseEnter = getMouseHandler(id, store.getState, onMouseEnter);
-  const onEdgeMouseMove = getMouseHandler(id, store.getState, onMouseMove);
-  const onEdgeMouseLeave = getMouseHandler(id, store.getState, onMouseLeave);
-
-  const handleEdgeUpdater = (event: React.MouseEvent<SVGGElement, MouseEvent>, isSourceHandle: boolean) => {
-    // avoid triggering edge updater if mouse btn is not left
-    if (event.button !== 0) {
-      return;
-    }
-
-    const {
-      autoPanOnConnect,
-      domNode,
-      edges,
-      isValidConnection,
-      connectionMode,
-      connectionRadius,
-      lib,
-      onConnectStart,
-      onConnectEnd,
-      cancelConnection,
-      nodes,
-      panBy,
-      updateConnection,
-    } = store.getState();
-    const nodeId = isSourceHandle ? target : source;
-    const handleId = (isSourceHandle ? targetHandleId : sourceHandleId) || null;
-    const handleType = isSourceHandle ? 'target' : 'source';
-
-    const isTarget = isSourceHandle;
-    const edge = edges.find((e) => e.id === id)!;
-
-    setUpdating(true);
-    onEdgeUpdateStart?.(event, edge, handleType);
-
-    const _onEdgeUpdateEnd = (evt: MouseEvent | TouchEvent) => {
-      setUpdating(false);
-      onEdgeUpdateEnd?.(evt, edge, handleType);
-    };
-
-    const onConnectEdge = (connection: Connection) => onEdgeUpdate?.(edge, connection);
-
-    XYHandle.onPointerDown(event.nativeEvent, {
-      autoPanOnConnect,
-      connectionMode,
-      connectionRadius,
-      domNode,
-      handleId,
-      nodeId,
-      nodes,
-      isTarget,
-      edgeUpdaterType: handleType,
-      lib,
-      cancelConnection,
-      panBy,
-      isValidConnection,
-      onConnect: onConnectEdge,
-      onConnectStart,
-      onConnectEnd,
-      onEdgeUpdateEnd: _onEdgeUpdateEnd,
-      updateConnection,
-      getTransform: () => store.getState().transform,
-    });
-  };
-
-  const onEdgeUpdaterSourceMouseDown = (event: React.MouseEvent<SVGGElement, MouseEvent>): void =>
-    handleEdgeUpdater(event, true);
-  const onEdgeUpdaterTargetMouseDown = (event: React.MouseEvent<SVGGElement, MouseEvent>): void =>
-    handleEdgeUpdater(event, false);
-
-  const onEdgeUpdaterMouseEnter = () => setUpdateHover(true);
-  const onEdgeUpdaterMouseOut = () => setUpdateHover(false);
-
-  const inactive = !isSelectable && !onClick;
+  const onEdgeDoubleClick = onDoubleClick
+    ? (event: React.MouseEvent) => {
+        onDoubleClick(event, { ...edge });
+      }
+    : undefined;
+  const onEdgeContextMenu = onContextMenu
+    ? (event: React.MouseEvent) => {
+        onContextMenu(event, { ...edge });
+      }
+    : undefined;
+  const onEdgeMouseEnter = onMouseEnter
+    ? (event: React.MouseEvent) => {
+        onMouseEnter(event, { ...edge });
+      }
+    : undefined;
+  const onEdgeMouseMove = onMouseMove
+    ? (event: React.MouseEvent) => {
+        onMouseMove(event, { ...edge });
+      }
+    : undefined;
+  const onEdgeMouseLeave = onMouseLeave
+    ? (event: React.MouseEvent) => {
+        onMouseLeave(event, { ...edge });
+      }
+    : undefined;
 
   const onKeyDown = (event: KeyboardEvent) => {
     if (elementSelectionKeys.includes(event.key) && isSelectable) {
@@ -244,12 +177,18 @@ function EdgeWrapper({
       <g
         className={cc([
           'react-flow__edge',
-          `react-flow__edge-${type}`,
-          className,
-          { selected, animated, inactive, updating: updateHover },
+          `react-flow__edge-${edgeType}`,
+          edge.className,
+          noPanClassName,
+          {
+            selected: edge.selected,
+            animated: edge.animated,
+            inactive: !isSelectable && !onClick,
+            updating: updateHover,
+          },
         ])}
         onClick={onEdgeClick}
-        onDoubleClick={onEdgeDoubleClickHandler}
+        onDoubleClick={onEdgeDoubleClick}
         onContextMenu={onEdgeContextMenu}
         onMouseEnter={onEdgeMouseEnter}
         onMouseMove={onEdgeMouseMove}
@@ -259,25 +198,27 @@ function EdgeWrapper({
         role={isFocusable ? 'button' : 'img'}
         data-id={id}
         data-testid={`rf__edge-${id}`}
-        aria-label={ariaLabel === null ? undefined : ariaLabel ? ariaLabel : `Edge from ${source} to ${target}`}
+        aria-label={
+          edge.ariaLabel === null ? undefined : edge.ariaLabel || `Edge from ${edge.source} to ${edge.target}`
+        }
         aria-describedby={isFocusable ? `${ARIA_EDGE_DESC_KEY}-${rfId}` : undefined}
         ref={edgeRef}
       >
         {!updating && (
           <EdgeComponent
             id={id}
-            source={source}
-            target={target}
-            selected={selected}
-            animated={animated}
-            label={label}
-            labelStyle={labelStyle}
-            labelShowBg={labelShowBg}
-            labelBgStyle={labelBgStyle}
-            labelBgPadding={labelBgPadding}
-            labelBgBorderRadius={labelBgBorderRadius}
-            data={data}
-            style={style}
+            source={edge.source}
+            target={edge.target}
+            selected={edge.selected}
+            animated={edge.animated}
+            label={edge.label}
+            labelStyle={edge.labelStyle}
+            labelShowBg={edge.labelShowBg}
+            labelBgStyle={edge.labelBgStyle}
+            labelBgPadding={edge.labelBgPadding}
+            labelBgBorderRadius={edge.labelBgBorderRadius}
+            data={edge.data}
+            style={edge.style}
             sourceX={edgePosition.sourceX}
             sourceY={edgePosition.sourceY}
             targetX={edgePosition.targetX}
@@ -288,37 +229,24 @@ function EdgeWrapper({
             targetHandleId={targetHandleId}
             markerStart={markerStartUrl}
             markerEnd={markerEndUrl}
-            pathOptions={pathOptions}
-            interactionWidth={interactionWidth}
+            pathOptions={'pathOptions' in edge ? edge.pathOptions : undefined}
+            interactionWidth={edge.interactionWidth}
           />
         )}
         {isUpdatable && (
-          <>
-            {(isUpdatable === 'source' || isUpdatable === true) && (
-              <EdgeAnchor
-                position={edgePosition.sourcePosition}
-                centerX={edgePosition.sourceX}
-                centerY={edgePosition.sourceY}
-                radius={edgeUpdaterRadius}
-                onMouseDown={onEdgeUpdaterSourceMouseDown}
-                onMouseEnter={onEdgeUpdaterMouseEnter}
-                onMouseOut={onEdgeUpdaterMouseOut}
-                type="source"
-              />
-            )}
-            {(isUpdatable === 'target' || isUpdatable === true) && (
-              <EdgeAnchor
-                position={edgePosition.targetPosition}
-                centerX={edgePosition.targetX}
-                centerY={edgePosition.targetY}
-                radius={edgeUpdaterRadius}
-                onMouseDown={onEdgeUpdaterTargetMouseDown}
-                onMouseEnter={onEdgeUpdaterMouseEnter}
-                onMouseOut={onEdgeUpdaterMouseOut}
-                type="target"
-              />
-            )}
-          </>
+          <EdgeUpdateAnchors
+            edge={edge}
+            isUpdatable={isUpdatable}
+            edgeUpdaterRadius={edgeUpdaterRadius}
+            onEdgeUpdate={onEdgeUpdate}
+            onEdgeUpdateStart={onEdgeUpdateStart}
+            onEdgeUpdateEnd={onEdgeUpdateEnd}
+            edgePosition={edgePosition}
+            setUpdateHover={setUpdateHover}
+            setUpdating={setUpdating}
+            sourceHandleId={sourceHandleId}
+            targetHandleId={targetHandleId}
+          />
         )}
       </g>
     </svg>
diff --git a/packages/react/src/components/Edges/utils.ts b/packages/react/src/components/Edges/utils.ts
deleted file mode 100644
index a51b7613b..000000000
--- a/packages/react/src/components/Edges/utils.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import type { MouseEvent as ReactMouseEvent } from 'react';
-import type { StoreApi } from 'zustand';
-
-import type { Edge, ReactFlowState } from '../../types';
-
-export function getMouseHandler(
-  id: string,
-  getState: StoreApi<ReactFlowState>['getState'],
-  handler?: (event: ReactMouseEvent<SVGGElement, MouseEvent>, edge: Edge) => void
-) {
-  return handler === undefined
-    ? handler
-    : (event: ReactMouseEvent<SVGGElement, MouseEvent>) => {
-        const edge = getState().edges.find((e) => e.id === id);
-
-        if (edge) {
-          handler(event, { ...edge });
-        }
-      };
-}
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index e1ae6a20c..550bb487a 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -1,9 +1,8 @@
 import { memo, ReactNode } from 'react';
 import { shallow } from 'zustand/shallow';
-import cc from 'classcat';
 
 import { useStore } from '../../hooks/useStore';
-import useVisibleEdges from '../../hooks/useVisibleEdges';
+import useVisibleEdgeIds from '../../hooks/useVisibleEdges';
 import MarkerDefinitions from './MarkerDefinitions';
 import { GraphViewProps } from '../GraphView';
 import type { ReactFlowState } from '../../types';
@@ -63,7 +62,7 @@ const EdgeRenderer = ({
   children,
 }: EdgeRendererProps) => {
   const { edgesFocusable, edgesUpdatable, elementsSelectable, onError } = useStore(selector, shallow);
-  const edges = useVisibleEdges(onlyRenderVisibleElements);
+  const edgeIds = useVisibleEdgeIds(onlyRenderVisibleElements);
 
   return (
     <div className="react-flow__edges">
@@ -71,38 +70,15 @@ const EdgeRenderer = ({
         <MarkerDefinitions defaultColor={defaultMarkerColor} rfId={rfId} />
       </svg>
 
-      {edges.map((edge) => {
-        const isFocusable = !!(edge.focusable || (edgesFocusable && typeof edge.focusable === 'undefined'));
-        const isUpdatable =
-          typeof onEdgeUpdate !== 'undefined' &&
-          (edge.updatable || (edgesUpdatable && typeof edge.updatable === 'undefined'));
-        const isSelectable = !!(edge.selectable || (elementsSelectable && typeof edge.selectable === 'undefined'));
-
+      {edgeIds.map((id) => {
         return (
           <EdgeWrapper
-            key={edge.id}
-            id={edge.id}
-            className={cc([edge.className, noPanClassName])}
-            type={edge.type}
-            data={edge.data}
-            selected={!!edge.selected}
-            animated={!!edge.animated}
-            hidden={!!edge.hidden}
-            zIndex={edge.zIndex}
-            label={edge.label}
-            labelStyle={edge.labelStyle}
-            labelShowBg={edge.labelShowBg}
-            labelBgStyle={edge.labelBgStyle}
-            labelBgPadding={edge.labelBgPadding}
-            labelBgBorderRadius={edge.labelBgBorderRadius}
-            style={edge.style}
-            source={edge.source}
-            target={edge.target}
-            sourceHandleId={edge.sourceHandle}
-            targetHandleId={edge.targetHandle}
-            markerEnd={edge.markerEnd}
-            markerStart={edge.markerStart}
-            isSelectable={isSelectable}
+            key={id}
+            id={id}
+            edgesFocusable={edgesFocusable}
+            edgesUpdatable={edgesUpdatable}
+            elementsSelectable={elementsSelectable}
+            noPanClassName={noPanClassName}
             onEdgeUpdate={onEdgeUpdate}
             onContextMenu={onEdgeContextMenu}
             onMouseEnter={onEdgeMouseEnter}
@@ -110,15 +86,10 @@ const EdgeRenderer = ({
             onMouseLeave={onEdgeMouseLeave}
             onClick={onEdgeClick}
             edgeUpdaterRadius={edgeUpdaterRadius}
-            onEdgeDoubleClick={onEdgeDoubleClick}
+            onDoubleClick={onEdgeDoubleClick}
             onEdgeUpdateStart={onEdgeUpdateStart}
             onEdgeUpdateEnd={onEdgeUpdateEnd}
             rfId={rfId}
-            ariaLabel={edge.ariaLabel}
-            isFocusable={isFocusable}
-            isUpdatable={isUpdatable}
-            pathOptions={'pathOptions' in edge ? edge.pathOptions : undefined}
-            interactionWidth={edge.interactionWidth}
             onError={onError}
             edgeTypes={edgeTypes}
             elevateEdgesOnSelect={elevateEdgesOnSelect}
diff --git a/packages/react/src/hooks/useVisibleEdges.ts b/packages/react/src/hooks/useVisibleEdges.ts
index f7ebe606a..9280c27ef 100644
--- a/packages/react/src/hooks/useVisibleEdges.ts
+++ b/packages/react/src/hooks/useVisibleEdges.ts
@@ -3,10 +3,10 @@ import { shallow } from 'zustand/shallow';
 import { isEdgeVisible } from '@xyflow/system';
 
 import { useStore } from '../hooks/useStore';
-import { type Edge, type ReactFlowState } from '../types';
+import { type ReactFlowState } from '../types';
 
-function useVisibleEdges(onlyRenderVisible: boolean): Edge[] {
-  const edges = useStore(
+function useVisibleEdgeIds(onlyRenderVisible: boolean): string[] {
+  const edgeIds = useStore(
     useCallback(
       (s: ReactFlowState) => {
         const visibleEdges =
@@ -29,14 +29,14 @@ function useVisibleEdges(onlyRenderVisible: boolean): Edge[] {
               })
             : s.edges;
 
-        return visibleEdges;
+        return visibleEdges.map((edge) => edge.id);
       },
       [onlyRenderVisible]
     ),
     shallow
   );
 
-  return edges;
+  return edgeIds;
 }
 
-export default useVisibleEdges;
+export default useVisibleEdgeIds;
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index ae82e78bd..fdf20c9fd 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -77,6 +77,7 @@ export {
   type CoordinateExtent,
   type ColorMode,
   type ColorModeClass,
+  type HandleType,
 } from '@xyflow/system';
 
 // system utils
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 166e9eed5..9b163f4eb 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -55,10 +55,10 @@ const createRFStore = ({
         set({ nodes: nodesWithInternalData });
       },
       setEdges: (edges: Edge[]) => {
-        const { defaultEdgeOptions = {}, connectionLookup } = get();
+        const { defaultEdgeOptions = {}, connectionLookup, edgeLookup } = get();
         const nextEdges = edges.map((e) => ({ ...defaultEdgeOptions, ...e }));
 
-        updateConnectionLookup(connectionLookup, nextEdges);
+        updateConnectionLookup(connectionLookup, edgeLookup, nextEdges);
 
         set({ edges: nextEdges });
       },
@@ -79,13 +79,16 @@ const createRFStore = ({
         };
 
         if (hasDefaultNodes) {
-          const { nodeLookup } = get();
+          const { nodeLookup, nodeOrigin, elevateNodesOnSelect } = get();
           nextState.nodes = adoptUserProvidedNodes(nodes, nodeLookup, {
-            nodeOrigin: get().nodeOrigin,
-            elevateNodesOnSelect: get().elevateNodesOnSelect,
+            nodeOrigin,
+            elevateNodesOnSelect,
           });
         }
         if (hasDefaultEdges) {
+          const { connectionLookup, edgeLookup } = get();
+          updateConnectionLookup(connectionLookup, edgeLookup, edges);
+
           nextState.edges = edges;
         }
 
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index d9b44567f..e70d85981 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -24,7 +24,10 @@ const getInitialState = ({
   fitView?: boolean;
 } = {}): ReactFlowStore => {
   const nodeLookup = new Map();
-  const connectionLookup = updateConnectionLookup(new Map(), edges);
+  const connectionLookup = new Map();
+  const edgeLookup = new Map();
+
+  updateConnectionLookup(connectionLookup, edgeLookup, edges);
   const nextNodes = adoptUserProvidedNodes(nodes, nodeLookup, {
     nodeOrigin: [0, 0],
     elevateNodesOnSelect: false,
@@ -47,6 +50,7 @@ const getInitialState = ({
     nodes: nextNodes,
     nodeLookup,
     edges: edges,
+    edgeLookup,
     connectionLookup,
     onNodesChange: null,
     onEdgesChange: null,
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index 2c0d37426..e3e2809a7 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -58,9 +58,14 @@ export type Edge<T = any> = DefaultEdge<T> | SmoothStepEdgeType<T> | BezierEdgeT
 
 export type EdgeMouseHandler = (event: ReactMouseEvent, edge: Edge) => void;
 
-export type EdgeWrapperProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandle'> & {
+export type EdgeWrapperProps = {
+  id: string;
+  edgesFocusable: boolean;
+  edgesUpdatable: boolean;
+  elementsSelectable: boolean;
+  noPanClassName: string;
   onClick?: EdgeMouseHandler;
-  onEdgeDoubleClick?: EdgeMouseHandler;
+  onDoubleClick?: EdgeMouseHandler;
   sourceHandleId?: string | null;
   targetHandleId?: string | null;
   onEdgeUpdate?: OnEdgeUpdateFunc;
@@ -72,10 +77,6 @@ export type EdgeWrapperProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHa
   onEdgeUpdateStart?: (event: ReactMouseEvent, edge: Edge, handleType: HandleType) => void;
   onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: Edge, handleType: HandleType) => void;
   rfId?: string;
-  isFocusable: boolean;
-  isUpdatable: EdgeUpdatable;
-  isSelectable: boolean;
-  pathOptions?: BezierPathOptions | SmoothStepPathOptions;
   edgeTypes?: EdgeTypes;
   onError?: OnError;
   elevateEdgesOnSelect?: boolean;
@@ -94,13 +95,14 @@ export type EdgeProps<T = any> = Pick<
   Edge<T>,
   'id' | 'animated' | 'data' | 'style' | 'selected' | 'source' | 'target'
 > &
-  Pick<EdgeWrapperProps, 'sourceHandleId' | 'targetHandleId' | 'interactionWidth'> &
+  Pick<EdgeWrapperProps, 'sourceHandleId' | 'targetHandleId'> &
   EdgePosition &
   EdgeLabelOptions & {
     markerStart?: string;
     markerEnd?: string;
     // @TODO: how can we get better types for pathOptions?
     pathOptions?: any;
+    interactionWidth?: number;
   };
 
 export type BaseEdgeProps = Pick<EdgeProps, 'style' | 'markerStart' | 'markerEnd' | 'interactionWidth'> &
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 5aebb99dd..50bf9618f 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -24,7 +24,8 @@ import {
   type OnMoveEnd,
   type IsValidConnection,
   type UpdateConnection,
-  Connection,
+  EdgeLookup,
+  ConnectionLookup,
 } from '@xyflow/system';
 
 import type {
@@ -50,7 +51,8 @@ export type ReactFlowStore = {
   nodes: Node[];
   nodeLookup: Map<string, Node>;
   edges: Edge[];
-  connectionLookup: Map<string, Map<string, Connection>>;
+  edgeLookup: EdgeLookup<Edge>;
+  connectionLookup: ConnectionLookup;
 
   onNodesChange: OnNodesChange | null;
   onEdgesChange: OnEdgesChange | null;
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 8e138c77e..addaa0ab7 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -81,7 +81,9 @@ export const getInitialStore = ({
     nodeOrigin: [0, 0],
     elevateNodesOnSelect: false
   });
-  const connectionLookup = updateConnectionLookup(new Map(), edges);
+  const connectionLookup = new Map();
+  const edgeLookup = new Map();
+  updateConnectionLookup(connectionLookup, edgeLookup, edges);
 
   let viewport: Viewport = { x: 0, y: 0, zoom: 1 };
 
@@ -96,7 +98,7 @@ export const getInitialStore = ({
     nodes: createNodesStore(nextNodes, nodeLookup),
     nodeLookup: readable<Map<string, Node>>(nodeLookup),
     visibleNodes: readable<Node[]>([]),
-    edges: createEdgesStore(edges, connectionLookup),
+    edges: createEdgesStore(edges, connectionLookup, edgeLookup),
     visibleEdges: readable<EdgeLayouted[]>([]),
     connectionLookup: readable<ConnectionLookup>(connectionLookup),
     height: writable<number>(500),
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index f8c1aef09..1fb96e7c2 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -11,7 +11,8 @@ import {
   updateConnectionLookup,
   type Viewport,
   type PanZoomInstance,
-  type ConnectionLookup
+  type ConnectionLookup,
+  type EdgeLookup
 } from '@xyflow/system';
 
 import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, Node } from '$lib/types';
@@ -175,6 +176,7 @@ export const createNodesStore = (
 export const createEdgesStore = (
   edges: Edge[],
   connectionLookup: ConnectionLookup,
+  edgeLookup: EdgeLookup,
   defaultOptions?: DefaultEdgeOptions
 ): Writable<Edge[]> & { setDefaultOptions: (opts: DefaultEdgeOptions) => void } => {
   const { subscribe, set, update } = writable<Edge[]>([]);
@@ -184,7 +186,7 @@ export const createEdgesStore = (
   const _set: typeof set = (eds: Edge[]) => {
     const nextEdges = defaults ? eds.map((edge) => ({ ...defaults, ...edge })) : eds;
 
-    updateConnectionLookup(connectionLookup, nextEdges);
+    updateConnectionLookup(connectionLookup, edgeLookup, nextEdges);
 
     value = nextEdges;
     set(value);
diff --git a/packages/system/src/types/edges.ts b/packages/system/src/types/edges.ts
index 65c8e6412..131cab626 100644
--- a/packages/system/src/types/edges.ts
+++ b/packages/system/src/types/edges.ts
@@ -77,3 +77,5 @@ export type EdgePosition = {
   sourcePosition: Position;
   targetPosition: Position;
 };
+
+export type EdgeLookup = Map<string, EdgeBase>;
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 969507103..68051aaae 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -11,6 +11,7 @@ import {
   XYZPosition,
   ConnectionLookup,
   EdgeBase,
+  EdgeLookup,
 } from '../types';
 import { getDimensions, getHandleBounds } from './dom';
 import { isNumeric } from './general';
@@ -244,22 +245,25 @@ export function panBy({
   return transformChanged;
 }
 
-export function updateConnectionLookup(lookup: ConnectionLookup, edges: EdgeBase[]) {
+export function updateConnectionLookup(lookup: ConnectionLookup, edgeLookup: EdgeLookup, edges: EdgeBase[]) {
   lookup.clear();
+  edgeLookup.clear();
 
-  edges.forEach(({ source, target, sourceHandle = null, targetHandle = null }) => {
-    if (source && target) {
-      const sourceKey = `${source}-source-${sourceHandle}`;
-      const targetKey = `${target}-target-${targetHandle}`;
+  for (const edge of edges) {
+    edgeLookup.set(edge.id, edge);
 
-      const prevSource = lookup.get(sourceKey) || new Map();
-      const prevTarget = lookup.get(targetKey) || new Map();
-      const connection = { source, target, sourceHandle, targetHandle };
+    const { source, target, sourceHandle = null, targetHandle = null } = edge;
 
-      lookup.set(sourceKey, prevSource.set(`${target}-${targetHandle}`, connection));
-      lookup.set(targetKey, prevTarget.set(`${source}-${sourceHandle}`, connection));
-    }
-  });
+    const sourceKey = `${source}-source-${sourceHandle}`;
+    const targetKey = `${target}-target-${targetHandle}`;
+
+    const prevSource = lookup.get(sourceKey) || new Map();
+    const prevTarget = lookup.get(targetKey) || new Map();
+    const connection = { source, target, sourceHandle, targetHandle };
+
+    lookup.set(sourceKey, prevSource.set(`${target}-${targetHandle}`, connection));
+    lookup.set(targetKey, prevTarget.set(`${source}-${sourceHandle}`, connection));
+  }
 
   return lookup;
 }

From 1401bcae64502b488fca2cbe21e021866c628622 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sun, 17 Dec 2023 18:15:31 +0100
Subject: [PATCH 0433/1093] chore(edge-wrapper): cleanup

---
 packages/react/src/components/EdgeWrapper/index.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index e82268acc..1462f45ff 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -112,10 +112,6 @@ function EdgeWrapper({
   const onEdgeClick = (event: React.MouseEvent<SVGGElement, MouseEvent>): void => {
     const { addSelectedEdges, unselectNodesAndEdges, multiSelectionActive } = store.getState();
 
-    if (!edge) {
-      return;
-    }
-
     if (isSelectable) {
       store.setState({ nodesSelectionActive: false });
 
@@ -160,12 +156,12 @@ function EdgeWrapper({
 
   const onKeyDown = (event: KeyboardEvent) => {
     if (elementSelectionKeys.includes(event.key) && isSelectable) {
-      const { unselectNodesAndEdges, addSelectedEdges, edges } = store.getState();
+      const { unselectNodesAndEdges, addSelectedEdges } = store.getState();
       const unselect = event.key === 'Escape';
 
       if (unselect) {
         edgeRef.current?.blur();
-        unselectNodesAndEdges({ edges: [edges.find((e) => e.id === id)!] });
+        unselectNodesAndEdges({ edges: [edge] });
       } else {
         addSelectedEdges([id]);
       }

From 5b455a0b2dd1172478ac53248436495edab0c9f9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 18 Dec 2023 11:00:27 +0100
Subject: [PATCH 0434/1093] refactor(edge-wrapper): cleanup

---
 .../EdgeWrapper/EdgeUpdateAnchors.tsx         |  30 +++--
 .../src/components/EdgeWrapper/index.tsx      |  89 +++++++------
 .../react/src/components/EdgeWrapper/utils.ts |   9 ++
 .../src/components/NodeWrapper/index.tsx      |  15 +--
 packages/react/src/types/store.ts             |   7 +-
 packages/react/src/utils/changes.ts           |   8 +-
 .../svelte/src/lib/store/initial-store.ts     |  15 +--
 packages/svelte/src/lib/store/utils.ts        |  11 +-
 .../svelte/src/lib/store/visible-edges.ts     |  10 +-
 packages/system/src/types/edges.ts            |   2 +-
 packages/system/src/types/nodes.ts            |   2 +
 packages/system/src/utils/edges/general.ts    |  38 +++---
 packages/system/src/utils/edges/positions.ts  | 117 +++++++-----------
 13 files changed, 179 insertions(+), 174 deletions(-)

diff --git a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
index 025765596..8f6ddfe31 100644
--- a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
+++ b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
@@ -1,12 +1,11 @@
 // Updatable edges have a anchors around their handles to update the edge.
-import { XYHandle, type Connection, getEdgePosition } from '@xyflow/system';
+import { XYHandle, type Connection, EdgePosition } from '@xyflow/system';
 
 import { EdgeAnchor } from '../Edges/EdgeAnchor';
 import type { EdgeWrapperProps, Edge } from '../../types/edges';
 import { useStoreApi } from '../../hooks/useStore';
 
 type EdgeUpdateAnchorsProps = {
-  edgePosition: NonNullable<ReturnType<typeof getEdgePosition>>;
   edge: Edge;
   isUpdatable: boolean | 'source' | 'target';
   edgeUpdaterRadius: EdgeWrapperProps['edgeUpdaterRadius'];
@@ -17,20 +16,25 @@ type EdgeUpdateAnchorsProps = {
   onEdgeUpdateEnd: EdgeWrapperProps['onEdgeUpdateEnd'];
   setUpdateHover: (hover: boolean) => void;
   setUpdating: (updating: boolean) => void;
-};
+} & EdgePosition;
 
 function EdgeUpdateAnchors({
   isUpdatable,
   edgeUpdaterRadius,
+  edge,
+  targetHandleId,
+  sourceHandleId,
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  sourcePosition,
+  targetPosition,
   onEdgeUpdate,
   onEdgeUpdateStart,
   onEdgeUpdateEnd,
   setUpdating,
   setUpdateHover,
-  edgePosition,
-  edge,
-  targetHandleId,
-  sourceHandleId,
 }: EdgeUpdateAnchorsProps) {
   const store = useStoreApi();
 
@@ -104,9 +108,9 @@ function EdgeUpdateAnchors({
     <>
       {(isUpdatable === 'source' || isUpdatable === true) && (
         <EdgeAnchor
-          position={edgePosition.sourcePosition}
-          centerX={edgePosition.sourceX}
-          centerY={edgePosition.sourceY}
+          position={sourcePosition}
+          centerX={sourceX}
+          centerY={sourceY}
           radius={edgeUpdaterRadius}
           onMouseDown={onEdgeUpdaterSourceMouseDown}
           onMouseEnter={onEdgeUpdaterMouseEnter}
@@ -116,9 +120,9 @@ function EdgeUpdateAnchors({
       )}
       {(isUpdatable === 'target' || isUpdatable === true) && (
         <EdgeAnchor
-          position={edgePosition.targetPosition}
-          centerX={edgePosition.targetX}
-          centerY={edgePosition.targetY}
+          position={targetPosition}
+          centerX={targetX}
+          centerY={targetY}
           radius={edgeUpdaterRadius}
           onMouseDown={onEdgeUpdaterTargetMouseDown}
           onMouseEnter={onEdgeUpdaterMouseEnter}
diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index 1462f45ff..826e4178e 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -1,12 +1,18 @@
 import { memo, useState, useMemo, useRef, type KeyboardEvent, useCallback } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import { getMarkerId, elementSelectionKeys, getEdgePosition, errorMessages, getEdgeZIndex } from '@xyflow/system';
+import {
+  getMarkerId,
+  elementSelectionKeys,
+  getEdgePosition,
+  errorMessages,
+  getElevatedEdgeZIndex,
+} from '@xyflow/system';
 
 import { useStoreApi, useStore } from '../../hooks/useStore';
 import { ARIA_EDGE_DESC_KEY } from '../A11yDescriptions';
-import type { EdgeWrapperProps, Node } from '../../types';
-import { builtinEdgeTypes } from './utils';
+import type { EdgeWrapperProps } from '../../types';
+import { builtinEdgeTypes, nullPosition } from './utils';
 import EdgeUpdateAnchors from './EdgeUpdateAnchors';
 
 function EdgeWrapper({
@@ -53,45 +59,44 @@ function EdgeWrapper({
   const [updateHover, setUpdateHover] = useState<boolean>(false);
   const [updating, setUpdating] = useState<boolean>(false);
   const store = useStoreApi();
-  const prevSourceNode = useRef<Node | undefined>();
-  const prevTargetNode = useRef<Node | undefined>();
-  const prevZIndex = useRef<number | undefined>(edge.zIndex);
-  const prevEdgePosition = useRef<ReturnType<typeof getEdgePosition> | null>(null);
 
-  const { edgePosition, zIndex } = useStore(
+  const { zIndex, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition } = useStore(
     useCallback(
-      (state) => {
-        const sourceNode = state.nodeLookup.get(edge.source);
-        const targetNode = state.nodeLookup.get(edge.target);
+      (store) => {
+        const sourceNode = store.nodeLookup.get(edge.source);
+        const targetNode = store.nodeLookup.get(edge.target);
 
         if (!sourceNode || !targetNode) {
-          return { edgePosition: null, zIndex: edge.zIndex };
+          return {
+            zIndex: edge.zIndex,
+            ...nullPosition,
+          };
         }
 
-        const nodesChanged = prevSourceNode.current !== sourceNode || prevTargetNode.current !== targetNode;
+        const edgePosition = getEdgePosition({
+          id,
+          sourceNode,
+          targetNode,
+          sourceHandle: sourceHandleId || null,
+          targetHandle: targetHandleId || null,
+          connectionMode: store.connectionMode,
+          onError,
+        });
 
-        prevSourceNode.current = sourceNode;
-        prevTargetNode.current = targetNode;
-
-        prevEdgePosition.current = nodesChanged
-          ? getEdgePosition({
-              id,
-              sourceNode,
-              targetNode,
-              sourceHandle: sourceHandleId || null,
-              targetHandle: targetHandleId || null,
-              connectionMode: state.connectionMode,
-              onError: state.onError,
-            })
-          : prevEdgePosition.current;
-        prevZIndex.current = getEdgeZIndex(edge.selected, edge.zIndex, sourceNode, targetNode, elevateEdgesOnSelect);
+        const zIndex = getElevatedEdgeZIndex({
+          selected: edge.selected,
+          zIndex: edge.zIndex,
+          sourceNode,
+          targetNode,
+          elevateOnSelect: elevateEdgesOnSelect,
+        });
 
         return {
-          edgePosition: prevEdgePosition.current,
-          zIndex: prevZIndex.current,
+          zIndex,
+          ...(edgePosition || nullPosition),
         };
       },
-      [edge.source, edge.target, edge.selected, edge.zIndex]
+      [edge.source, edge.target, edge.selected, edge.zIndex, elevateEdgesOnSelect]
     ),
     shallow
   );
@@ -100,12 +105,13 @@ function EdgeWrapper({
     () => (edge.markerStart ? `url(#${getMarkerId(edge.markerStart, rfId)})` : undefined),
     [edge.markerStart, rfId]
   );
+
   const markerEndUrl = useMemo(
     () => (edge.markerEnd ? `url(#${getMarkerId(edge.markerEnd, rfId)})` : undefined),
     [edge.markerEnd, rfId]
   );
 
-  if (edge.hidden || !edgePosition) {
+  if (edge.hidden || !sourceX || !sourceY || !targetX || !targetY) {
     return null;
   }
 
@@ -213,14 +219,14 @@ function EdgeWrapper({
             labelBgStyle={edge.labelBgStyle}
             labelBgPadding={edge.labelBgPadding}
             labelBgBorderRadius={edge.labelBgBorderRadius}
+            sourceX={sourceX}
+            sourceY={sourceY}
+            targetX={targetX}
+            targetY={targetY}
+            sourcePosition={sourcePosition}
+            targetPosition={targetPosition}
             data={edge.data}
             style={edge.style}
-            sourceX={edgePosition.sourceX}
-            sourceY={edgePosition.sourceY}
-            targetX={edgePosition.targetX}
-            targetY={edgePosition.targetY}
-            sourcePosition={edgePosition.sourcePosition}
-            targetPosition={edgePosition.targetPosition}
             sourceHandleId={sourceHandleId}
             targetHandleId={targetHandleId}
             markerStart={markerStartUrl}
@@ -237,7 +243,12 @@ function EdgeWrapper({
             onEdgeUpdate={onEdgeUpdate}
             onEdgeUpdateStart={onEdgeUpdateStart}
             onEdgeUpdateEnd={onEdgeUpdateEnd}
-            edgePosition={edgePosition}
+            sourceX={sourceX}
+            sourceY={sourceY}
+            targetX={targetX}
+            targetY={targetY}
+            sourcePosition={sourcePosition}
+            targetPosition={targetPosition}
             setUpdateHover={setUpdateHover}
             setUpdating={setUpdating}
             sourceHandleId={sourceHandleId}
diff --git a/packages/react/src/components/EdgeWrapper/utils.ts b/packages/react/src/components/EdgeWrapper/utils.ts
index 294592c91..0ac2a2e8a 100644
--- a/packages/react/src/components/EdgeWrapper/utils.ts
+++ b/packages/react/src/components/EdgeWrapper/utils.ts
@@ -15,3 +15,12 @@ export const builtinEdgeTypes: EdgeTypes = {
   smoothstep: SmoothStepEdgeInternal as ComponentType<EdgeProps>,
   simplebezier: SimpleBezierEdgeInternal as ComponentType<EdgeProps>,
 };
+
+export const nullPosition = {
+  sourceX: null,
+  sourceY: null,
+  targetX: null,
+  targetY: null,
+  sourcePosition: null,
+  targetPosition: null,
+};
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index de7ce1d0e..4aa655ec3 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -125,16 +125,11 @@ const NodeWrapper = ({
   const isParent = !!node[internalsSymbol]?.isParent;
   const hasPointerEvents = isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave;
 
-  const onMouseEnterHandler =
-    onMouseEnter === undefined ? undefined : (event: MouseEvent) => onMouseEnter(event, { ...node });
-  const onMouseMoveHandler =
-    onMouseMove === undefined ? undefined : (event: MouseEvent) => onMouseMove(event, { ...node });
-  const onMouseLeaveHandler =
-    onMouseLeave === undefined ? undefined : (event: MouseEvent) => onMouseLeave(event, { ...node });
-  const onContextMenuHandler =
-    onContextMenu === undefined ? undefined : (event: MouseEvent) => onContextMenu(event, { ...node });
-  const onDoubleClickHandler =
-    onDoubleClick === undefined ? undefined : (event: MouseEvent) => onDoubleClick(event, { ...node });
+  const onMouseEnterHandler = onMouseEnter ? (event: MouseEvent) => onMouseEnter(event, { ...node }) : undefined;
+  const onMouseMoveHandler = onMouseMove ? (event: MouseEvent) => onMouseMove(event, { ...node }) : undefined;
+  const onMouseLeaveHandler = onMouseLeave ? (event: MouseEvent) => onMouseLeave(event, { ...node }) : undefined;
+  const onContextMenuHandler = onContextMenu ? (event: MouseEvent) => onContextMenu(event, { ...node }) : undefined;
+  const onDoubleClickHandler = onDoubleClick ? (event: MouseEvent) => onDoubleClick(event, { ...node }) : undefined;
 
   const onSelectNodeHandler = (event: MouseEvent) => {
     const { selectNodesOnDrag, nodeDragThreshold } = store.getState();
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 50bf9618f..ab21c8c66 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -24,8 +24,9 @@ import {
   type OnMoveEnd,
   type IsValidConnection,
   type UpdateConnection,
-  EdgeLookup,
-  ConnectionLookup,
+  type EdgeLookup,
+  type ConnectionLookup,
+  type NodeLookup,
 } from '@xyflow/system';
 
 import type {
@@ -49,7 +50,7 @@ export type ReactFlowStore = {
   height: number;
   transform: Transform;
   nodes: Node[];
-  nodeLookup: Map<string, Node>;
+  nodeLookup: NodeLookup<Node>;
   edges: Edge[];
   edgeLookup: EdgeLookup<Edge>;
   connectionLookup: ConnectionLookup;
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index bef549474..872a08061 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -57,12 +57,11 @@ function applyChanges(changes: any[], elements: any[]): any[] {
   let remainingChanges = changes;
   const updatedElements: any[] = [];
 
-  for (let i = 0; i < elements.length; i++) {
+  for (const item of elements) {
     const nextChanges: any[] = [];
     const _remainingChanges: any[] = [];
-    const item = elements[i];
 
-    remainingChanges.forEach((c) => {
+    for (const c of remainingChanges) {
       if (c.type === 'add') {
         updatedElements.push(c.item);
       } else if (c.id === item.id) {
@@ -70,7 +69,8 @@ function applyChanges(changes: any[], elements: any[]): any[] {
       } else {
         _remainingChanges.push(c);
       }
-    });
+    }
+
     remainingChanges = _remainingChanges;
 
     if (nextChanges.length === 0) {
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index addaa0ab7..ead5652d0 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -4,6 +4,11 @@ import {
   SelectionMode,
   ConnectionMode,
   ConnectionLineType,
+  devWarn,
+  adoptUserProvidedNodes,
+  getNodesBounds,
+  getViewportForBounds,
+  updateConnectionLookup,
   type SelectionRect,
   type SnapGrid,
   type MarkerProps,
@@ -12,16 +17,12 @@ import {
   type IsValidConnection,
   type NodeOrigin,
   type OnError,
-  devWarn,
   type Viewport,
-  adoptUserProvidedNodes,
-  getNodesBounds,
-  getViewportForBounds,
-  updateConnectionLookup,
   type ConnectionLookup,
   type OnConnect,
   type OnConnectStart,
-  type OnConnectEnd
+  type OnConnectEnd,
+  type NodeLookup
 } from '@xyflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -96,7 +97,7 @@ export const getInitialStore = ({
   return {
     flowId: writable<string | null>(null),
     nodes: createNodesStore(nextNodes, nodeLookup),
-    nodeLookup: readable<Map<string, Node>>(nodeLookup),
+    nodeLookup: readable<NodeLookup>(nodeLookup),
     visibleNodes: readable<Node[]>([]),
     edges: createEdgesStore(edges, connectionLookup, edgeLookup),
     visibleEdges: readable<EdgeLayouted[]>([]),
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index 1fb96e7c2..0f72d7464 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -1,10 +1,10 @@
 import {
   writable,
+  get,
   type Unsubscriber,
   type Subscriber,
   type Updater,
-  type Writable,
-  get
+  type Writable
 } from 'svelte/store';
 import {
   adoptUserProvidedNodes,
@@ -12,7 +12,8 @@ import {
   type Viewport,
   type PanZoomInstance,
   type ConnectionLookup,
-  type EdgeLookup
+  type EdgeLookup,
+  type NodeLookup
 } from '@xyflow/system';
 
 import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, Node } from '$lib/types';
@@ -126,7 +127,7 @@ export type NodeStoreOptions = {
 // The user only passes in relative positions, so we need to calculate the absolute positions based on the parent nodes.
 export const createNodesStore = (
   nodes: Node[],
-  nodeLookup: Map<string, Node>
+  nodeLookup: NodeLookup<Node>
 ): {
   subscribe: (this: void, run: Subscriber<Node[]>) => Unsubscriber;
   update: (this: void, updater: Updater<Node[]>) => void;
@@ -176,7 +177,7 @@ export const createNodesStore = (
 export const createEdgesStore = (
   edges: Edge[],
   connectionLookup: ConnectionLookup,
-  edgeLookup: EdgeLookup,
+  edgeLookup: EdgeLookup<Edge>,
   defaultOptions?: DefaultEdgeOptions
 ): Writable<Edge[]> & { setDefaultOptions: (opts: DefaultEdgeOptions) => void } => {
   const { subscribe, set, update } = writable<Edge[]>([]);
diff --git a/packages/svelte/src/lib/store/visible-edges.ts b/packages/svelte/src/lib/store/visible-edges.ts
index 1dd4a9560..d1b4a4676 100644
--- a/packages/svelte/src/lib/store/visible-edges.ts
+++ b/packages/svelte/src/lib/store/visible-edges.ts
@@ -1,5 +1,5 @@
 import { derived } from 'svelte/store';
-import { isEdgeVisible, getEdgePosition, getEdgeZIndex } from '@xyflow/system';
+import { isEdgeVisible, getEdgePosition, getElevatedEdgeZIndex } from '@xyflow/system';
 
 import type { EdgeLayouted } from '$lib/types';
 import type { SvelteFlowStoreState } from './types';
@@ -64,7 +64,13 @@ export function getVisibleEdges(store: SvelteFlowStoreState) {
         if (edgePosition) {
           res.push({
             ...edge,
-            zIndex: getEdgeZIndex(edge.selected, edge.zIndex, sourceNode, targetNode, false),
+            zIndex: getElevatedEdgeZIndex({
+              selected: edge.selected,
+              zIndex: edge.zIndex,
+              sourceNode,
+              targetNode,
+              elevateOnSelect: false
+            }),
             ...edgePosition
           });
         }
diff --git a/packages/system/src/types/edges.ts b/packages/system/src/types/edges.ts
index 131cab626..6ddeb6d97 100644
--- a/packages/system/src/types/edges.ts
+++ b/packages/system/src/types/edges.ts
@@ -78,4 +78,4 @@ export type EdgePosition = {
   targetPosition: Position;
 };
 
-export type EdgeLookup = Map<string, EdgeBase>;
+export type EdgeLookup<EdgeType extends EdgeBase = EdgeBase> = Map<string, EdgeType>;
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 74b294fec..35410026d 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -107,3 +107,5 @@ export type OnSelectionDrag = (event: MouseEvent, nodes: NodeBase[]) => void;
 export type NodeHandle = Optional<HandleElement, 'width' | 'height'>;
 
 export type Align = 'center' | 'start' | 'end';
+
+export type NodeLookup<NodeType extends NodeBase = NodeBase> = Map<string, NodeType>;
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index 73cbd7f9c..57d93b5a6 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -1,6 +1,6 @@
 import { Connection, Transform, errorMessages, internalsSymbol, isEdgeBase } from '../..';
 import { EdgeBase, NodeBase } from '../../types';
-import { isNumeric, getOverlappingArea, boxToRect, nodeToBox, getBoundsOfBoxes, devWarn } from '../general';
+import { getOverlappingArea, boxToRect, nodeToBox, getBoundsOfBoxes, devWarn } from '../general';
 
 // this is used for straight edges and simple smoothstep edges (LTR, RTL, BTT, TTB)
 export function getEdgeCenter({
@@ -23,23 +23,29 @@ export function getEdgeCenter({
   return [centerX, centerY, xOffset, yOffset];
 }
 
-export function getEdgeZIndex(
-  selected: boolean | undefined,
-  zIndex: number | undefined,
-  sourceNode: NodeBase,
-  targetNode: NodeBase,
-  elevateEdgesOnSelect?: boolean
-) {
-  const hasZIndex = isNumeric(zIndex);
-  let nextZIndex = hasZIndex ? zIndex! : 0;
-
-  if (elevateEdgesOnSelect) {
-    const edgeOrConnectedNodeSelected = selected || targetNode?.selected || sourceNode?.selected;
-    const selectedZIndex = Math.max(sourceNode?.[internalsSymbol]?.z || 0, targetNode?.[internalsSymbol]?.z || 0, 1000);
-    nextZIndex = (hasZIndex ? zIndex! : 0) + (edgeOrConnectedNodeSelected ? selectedZIndex : 0);
+export type GetEdgeZIndexParams = {
+  sourceNode: NodeBase;
+  targetNode: NodeBase;
+  selected?: boolean;
+  zIndex?: number;
+  elevateOnSelect?: boolean;
+};
+
+export function getElevatedEdgeZIndex({
+  sourceNode,
+  targetNode,
+  selected = false,
+  zIndex = 0,
+  elevateOnSelect = false,
+}: GetEdgeZIndexParams): number {
+  if (!elevateOnSelect) {
+    return zIndex;
   }
 
-  return nextZIndex;
+  const edgeOrConnectedNodeSelected = selected || targetNode.selected || sourceNode.selected;
+  const selectedZIndex = Math.max(sourceNode[internalsSymbol]?.z || 0, targetNode[internalsSymbol]?.z || 0, 1000);
+
+  return zIndex + (edgeOrConnectedNodeSelected ? selectedZIndex : 0);
 }
 
 type IsEdgeVisibleParams = {
diff --git a/packages/system/src/utils/edges/positions.ts b/packages/system/src/utils/edges/positions.ts
index 35e078347..f05b547e9 100644
--- a/packages/system/src/utils/edges/positions.ts
+++ b/packages/system/src/utils/edges/positions.ts
@@ -1,7 +1,7 @@
 import { EdgePosition } from '../../types/edges';
 import { ConnectionMode, OnError } from '../../types/general';
-import { NodeBase, NodeHandle, NodeHandleBounds } from '../../types/nodes';
-import { Position, Rect, XYPosition } from '../../types/utils';
+import { NodeBase, NodeHandle } from '../../types/nodes';
+import { Position } from '../../types/utils';
 import { errorMessages, internalsSymbol } from '../../constants';
 import { HandleElement } from '../../types';
 
@@ -15,21 +15,28 @@ export type GetEdgePositionParams = {
   onError?: OnError;
 };
 
+function isNodeInitialized(node: NodeBase): boolean {
+  return !!node?.[internalsSymbol]?.handleBounds && !!node?.computed?.width;
+}
+
 export function getEdgePosition(params: GetEdgePositionParams): EdgePosition | null {
-  const [sourceNodeRect, sourceHandleBounds, isSourceValid] = getHandleDataByNode(params.sourceNode);
-  const [targetNodeRect, targetHandleBounds, isTargetValid] = getHandleDataByNode(params.targetNode);
+  const { sourceNode, targetNode } = params;
 
-  if (!isSourceValid || !isTargetValid) {
+  if (!isNodeInitialized(sourceNode) || !isNodeInitialized(targetNode)) {
     return null;
   }
 
-  // when connection type is loose we can define all handles as sources and connect source -> source
-  const targetNodeHandles =
+  const sourceHandleBounds = sourceNode[internalsSymbol]?.handleBounds || toHandleBounds(sourceNode.handles);
+  const targetHandleBounds = targetNode[internalsSymbol]?.handleBounds || toHandleBounds(targetNode.handles);
+
+  const sourceHandle = getHandle(sourceHandleBounds?.source ?? [], params.sourceHandle);
+  const targetHandle = getHandle(
+    // when connection type is loose we can define all handles as sources and connect source -> source
     params.connectionMode === ConnectionMode.Strict
-      ? targetHandleBounds!.target
-      : (targetHandleBounds!.target ?? []).concat(targetHandleBounds!.source ?? []);
-  const sourceHandle = getHandle(sourceHandleBounds!.source!, params.sourceHandle);
-  const targetHandle = getHandle(targetNodeHandles!, params.targetHandle);
+      ? targetHandleBounds?.target ?? []
+      : (targetHandleBounds?.target ?? []).concat(targetHandleBounds?.source ?? []),
+    params.targetHandle
+  );
   const sourcePosition = sourceHandle?.position || Position.Bottom;
   const targetPosition = targetHandle?.position || Position.Top;
 
@@ -46,8 +53,8 @@ export function getEdgePosition(params: GetEdgePositionParams): EdgePosition | n
     return null;
   }
 
-  const { x: sourceX, y: sourceY } = getHandlePosition(sourcePosition, sourceNodeRect, sourceHandle);
-  const { x: targetX, y: targetY } = getHandlePosition(targetPosition, targetNodeRect, targetHandle);
+  const [sourceX, sourceY] = getHandlePosition(sourcePosition, sourceNode, sourceHandle);
+  const [targetX, targetY] = getHandlePosition(targetPosition, targetNode, targetHandle);
 
   return {
     sourceX,
@@ -64,79 +71,41 @@ function toHandleBounds(handles?: NodeHandle[]) {
     return null;
   }
 
-  return handles.reduce<NodeHandleBounds>(
-    (res, item) => {
-      item.width = item.width || 1;
-      item.height = item.height || 1;
-
-      if (item.type === 'source') {
-        res.source?.push(item as HandleElement);
-      }
+  const source = [];
+  const target = [];
 
-      if (item.type === 'target') {
-        res.target?.push(item as HandleElement);
-      }
+  for (const handle of handles) {
+    handle.width = handle.width || 1;
+    handle.height = handle.height || 1;
 
-      return res;
-    },
-    {
-      source: [],
-      target: [],
+    if (handle.type === 'source') {
+      source.push(handle as HandleElement);
+    } else if (handle.type === 'target') {
+      target.push(handle as HandleElement);
     }
-  );
-}
+  }
 
-function getHandleDataByNode(node?: NodeBase): [Rect, NodeHandleBounds | null, boolean] {
-  const handleBounds = node?.[internalsSymbol]?.handleBounds || toHandleBounds(node?.handles) || null;
-  const nodeWidth = node?.computed?.width || node?.width;
-  const nodeHeight = node?.computed?.height || node?.height;
-
-  const isValid =
-    handleBounds &&
-    nodeWidth &&
-    nodeHeight &&
-    typeof node?.computed?.positionAbsolute?.x !== 'undefined' &&
-    typeof node?.computed?.positionAbsolute?.y !== 'undefined';
-
-  return [
-    {
-      x: node?.computed?.positionAbsolute?.x || 0,
-      y: node?.computed?.positionAbsolute?.y || 0,
-      width: nodeWidth || 0,
-      height: nodeHeight || 0,
-    },
-    handleBounds,
-    !!isValid,
-  ];
+  return {
+    source,
+    target,
+  };
 }
 
-function getHandlePosition(position: Position, nodeRect: Rect, handle: HandleElement | null = null): XYPosition {
-  const x = (handle?.x || 0) + nodeRect.x;
-  const y = (handle?.y || 0) + nodeRect.y;
-  const width = handle?.width || nodeRect.width;
-  const height = handle?.height || nodeRect.height;
+function getHandlePosition(position: Position, node: NodeBase, handle: HandleElement | null = null): number[] {
+  const x = (handle?.x ?? 0) + (node.computed?.positionAbsolute?.x ?? 0);
+  const y = (handle?.y ?? 0) + (node.computed?.positionAbsolute?.y ?? 0);
+  const width = handle?.width || (node?.computed?.width ?? node?.width ?? 0);
+  const height = handle?.height || (node?.computed?.height ?? node?.height ?? 0);
 
   switch (position) {
     case Position.Top:
-      return {
-        x: x + width / 2,
-        y,
-      };
+      return [x + width / 2, y];
     case Position.Right:
-      return {
-        x: x + width,
-        y: y + height / 2,
-      };
+      return [x + width, y + height / 2];
     case Position.Bottom:
-      return {
-        x: x + width / 2,
-        y: y + height,
-      };
+      return [x + width / 2, y + height];
     case Position.Left:
-      return {
-        x,
-        y: y + height / 2,
-      };
+      return [x, y + height / 2];
   }
 }
 

From 2a51d804b6b6751999ffb4c758572cf64b37d9b4 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 18 Dec 2023 11:43:33 +0100
Subject: [PATCH 0435/1093] refactor(markers): cleanup

---
 .../EdgeRenderer/MarkerDefinitions.tsx        | 46 +++++++++++--------
 .../src/container/EdgeRenderer/index.tsx      |  5 +-
 2 files changed, 27 insertions(+), 24 deletions(-)

diff --git a/packages/react/src/container/EdgeRenderer/MarkerDefinitions.tsx b/packages/react/src/container/EdgeRenderer/MarkerDefinitions.tsx
index 8a0524acf..a4696e5b8 100644
--- a/packages/react/src/container/EdgeRenderer/MarkerDefinitions.tsx
+++ b/packages/react/src/container/EdgeRenderer/MarkerDefinitions.tsx
@@ -51,32 +51,38 @@ const markerSelector =
     return markers;
   };
 
+const markersEqual = (a: MarkerProps[], b: MarkerProps[]) =>
+  // the id includes all marker options, so we just need to look at that part of the marker
+  !(a.length !== b.length || a.some((m, i) => m.id !== b[i].id));
+
 // when you have multiple flows on a page and you hide the first one, the other ones have no markers anymore
 // when they do have markers with the same ids. To prevent this the user can pass a unique id to the react flow wrapper
 // that we can then use for creating our unique marker ids
 const MarkerDefinitions = ({ defaultColor, rfId }: MarkerDefinitionsProps) => {
-  const markers = useStore(
-    useCallback(markerSelector({ defaultColor, rfId }), [defaultColor, rfId]),
-    // the id includes all marker options, so we just need to look at that part of the marker
-    (a, b) => !(a.length !== b.length || a.some((m, i) => m.id !== b[i].id))
-  );
+  const markers = useStore(useCallback(markerSelector({ defaultColor, rfId }), [defaultColor, rfId]), markersEqual);
+
+  if (!markers.length) {
+    return null;
+  }
 
   return (
-    <defs>
-      {markers.map((marker: MarkerProps) => (
-        <Marker
-          id={marker.id}
-          key={marker.id}
-          type={marker.type}
-          color={marker.color}
-          width={marker.width}
-          height={marker.height}
-          markerUnits={marker.markerUnits}
-          strokeWidth={marker.strokeWidth}
-          orient={marker.orient}
-        />
-      ))}
-    </defs>
+    <svg className="react-flow__marker">
+      <defs>
+        {markers.map((marker: MarkerProps) => (
+          <Marker
+            id={marker.id}
+            key={marker.id}
+            type={marker.type}
+            color={marker.color}
+            width={marker.width}
+            height={marker.height}
+            markerUnits={marker.markerUnits}
+            strokeWidth={marker.strokeWidth}
+            orient={marker.orient}
+          />
+        ))}
+      </defs>
+    </svg>
   );
 };
 
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index 550bb487a..8d786de62 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -28,7 +28,6 @@ type EdgeRendererProps = Pick<
   | 'disableKeyboardA11y'
   | 'edgeTypes'
 > & {
-  elevateEdgesOnSelect: boolean;
   children: ReactNode;
 };
 
@@ -66,9 +65,7 @@ const EdgeRenderer = ({
 
   return (
     <div className="react-flow__edges">
-      <svg className="react-flow__marker">
-        <MarkerDefinitions defaultColor={defaultMarkerColor} rfId={rfId} />
-      </svg>
+      <MarkerDefinitions defaultColor={defaultMarkerColor} rfId={rfId} />
 
       {edgeIds.map((id) => {
         return (

From fa1e3975909e0d9845e1e72e40516f0ae1878af8 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@Peters-MBP.fritz.box>
Date: Mon, 18 Dec 2023 11:55:26 +0100
Subject: [PATCH 0436/1093] added style for viewport portal

---
 packages/system/src/styles/init.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 7b716a9d8..b9219b65c 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -296,6 +296,14 @@
   top: 0;
 }
 
+.xy-flow__viewport-portal {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+
 .xy-flow__minimap {
   background: var(--xy-minimap-background-color, var(--xy-minimap-background-color-default));
 

From 32f0990e02823eacf3512fe752d9f8bf665501c7 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 18 Dec 2023 13:15:22 +0100
Subject: [PATCH 0437/1093] fix(subflows): force updates when position change

---
 .../src/components/NodeWrapper/index.tsx      | 35 +++++++++++++------
 1 file changed, 24 insertions(+), 11 deletions(-)

diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 4aa655ec3..cc5934398 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -17,6 +17,7 @@ import useUpdateNodePositions from '../../hooks/useUpdateNodePositions';
 import { handleNodeClick } from '../Nodes/utils';
 import type { NodeWrapperProps } from '../../types';
 import { arrowKeyDiffs, builtinNodeTypes } from './utils';
+import { shallow } from 'zustand/shallow';
 
 const NodeWrapper = ({
   id,
@@ -40,7 +41,23 @@ const NodeWrapper = ({
   nodeOrigin,
   onError,
 }: NodeWrapperProps) => {
-  const node = useStore((s) => s.nodeLookup.get(id)!);
+  const { node, positionAbsoluteX, positionAbsoluteY, zIndex, isParent } = useStore((s) => {
+    const node = s.nodeLookup.get(id)!;
+
+    const positionAbsolute = nodeExtent
+      ? clampPosition(node.computed?.positionAbsolute, nodeExtent)
+      : node.computed?.positionAbsolute || { x: 0, y: 0 };
+
+    return {
+      node,
+      // we are mutating positionAbsolute, z and isParent attributes for sub flows
+      // so we we need to force a re-render when some change
+      positionAbsoluteX: positionAbsolute.x,
+      positionAbsoluteY: positionAbsolute.y,
+      zIndex: node[internalsSymbol]?.z ?? 0,
+      isParent: !!node[internalsSymbol]?.isParent,
+    };
+  }, shallow);
 
   let nodeType = node.type || 'default';
   let NodeComponent = nodeTypes?.[nodeType] || builtinNodeTypes[nodeType];
@@ -110,19 +127,15 @@ const NodeWrapper = ({
   const height = node.height ?? undefined;
   const computedWidth = node.computed?.width;
   const computedHeight = node.computed?.height;
-  const positionAbsolute = nodeExtent
-    ? clampPosition(node.computed?.positionAbsolute, nodeExtent)
-    : node.computed?.positionAbsolute || { x: 0, y: 0 };
+
   const positionAbsoluteOrigin = getPositionWithOrigin({
-    x: positionAbsolute.x,
-    y: positionAbsolute.y,
+    x: positionAbsoluteX,
+    y: positionAbsoluteY,
     width: computedWidth ?? width ?? 0,
     height: computedHeight ?? height ?? 0,
     origin: node.origin || nodeOrigin,
   });
   const initialized = (!!computedWidth && !!computedHeight) || (!!width && !!height);
-  const zIndex = node[internalsSymbol]?.z ?? 0;
-  const isParent = !!node[internalsSymbol]?.isParent;
   const hasPointerEvents = isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave;
 
   const onMouseEnterHandler = onMouseEnter ? (event: MouseEvent) => onMouseEnter(event, { ...node }) : undefined;
@@ -172,7 +185,7 @@ const NodeWrapper = ({
       store.setState({
         ariaLiveMessage: `Moved selected node ${event.key
           .replace('Arrow', '')
-          .toLowerCase()}. New position, x: ${~~positionAbsolute.x}, y: ${~~positionAbsolute.y}`,
+          .toLowerCase()}. New position, x: ${~~positionAbsoluteX}, y: ${~~positionAbsoluteY}`,
       });
 
       updatePositions({
@@ -231,8 +244,8 @@ const NodeWrapper = ({
           type={nodeType}
           width={computedWidth}
           height={computedHeight}
-          positionAbsoluteX={positionAbsolute.x}
-          positionAbsoluteY={positionAbsolute.y}
+          positionAbsoluteX={positionAbsoluteX}
+          positionAbsoluteY={positionAbsoluteY}
           selected={node.selected}
           isConnectable={isConnectable}
           sourcePosition={node.sourcePosition}

From 4143591d96ffc364706a817858aacf36634efd99 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 18 Dec 2023 17:03:48 +0100
Subject: [PATCH 0438/1093] refactor(react): dont create new edge objects on
 setEdges

---
 .../src/components/EdgeWrapper/index.tsx      |  4 +-
 .../src/components/NodeWrapper/index.tsx      |  1 -
 .../src/container/EdgeRenderer/index.tsx      |  4 +-
 .../src/container/NodeRenderer/index.tsx      |  2 +-
 packages/react/src/container/Pane/index.tsx   | 27 +++++++---
 packages/react/src/hooks/useVisibleEdgeIds.ts | 49 +++++++++++++++++++
 packages/react/src/hooks/useVisibleEdges.ts   | 42 ----------------
 ...seVisibleNodes.ts => useVisibleNodeIds.ts} |  2 +-
 packages/react/src/store/index.ts             | 15 +++---
 packages/react/src/store/initialState.ts      |  2 +-
 packages/react/src/types/edges.ts             |  3 +-
 packages/react/src/types/nodes.ts             |  1 +
 packages/react/src/types/store.ts             |  1 -
 packages/react/src/utils/changes.ts           | 36 ++++++++------
 packages/svelte/src/lib/types/edges.ts        |  4 +-
 packages/system/src/types/edges.ts            |  3 +-
 packages/system/src/utils/store.ts            | 28 +++++------
 17 files changed, 124 insertions(+), 100 deletions(-)
 create mode 100644 packages/react/src/hooks/useVisibleEdgeIds.ts
 delete mode 100644 packages/react/src/hooks/useVisibleEdges.ts
 rename packages/react/src/hooks/{useVisibleNodes.ts => useVisibleNodeIds.ts} (93%)

diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index 826e4178e..926860ff7 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -38,7 +38,9 @@ function EdgeWrapper({
   noPanClassName,
   onError,
 }: EdgeWrapperProps): JSX.Element | null {
-  const edge = useStore((s) => s.edgeLookup.get(id)!);
+  let edge = useStore((s) => s.edgeLookup.get(id)!);
+  const defaultEdgeOptions = useStore((s) => s.defaultEdgeOptions);
+  edge = defaultEdgeOptions ? { ...defaultEdgeOptions, ...edge } : edge;
 
   let edgeType = edge.type || 'default';
   let EdgeComponent = edgeTypes?.[edgeType] || builtinEdgeTypes[edgeType];
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index cc5934398..5db82d5bc 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -18,7 +18,6 @@ import { handleNodeClick } from '../Nodes/utils';
 import type { NodeWrapperProps } from '../../types';
 import { arrowKeyDiffs, builtinNodeTypes } from './utils';
 import { shallow } from 'zustand/shallow';
-
 const NodeWrapper = ({
   id,
   onClick,
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index 8d786de62..83489d247 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -2,11 +2,11 @@ import { memo, ReactNode } from 'react';
 import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../../hooks/useStore';
-import useVisibleEdgeIds from '../../hooks/useVisibleEdges';
+import useVisibleEdgeIds from '../../hooks/useVisibleEdgeIds';
 import MarkerDefinitions from './MarkerDefinitions';
 import { GraphViewProps } from '../GraphView';
-import type { ReactFlowState } from '../../types';
 import EdgeWrapper from '../../components/EdgeWrapper';
+import type { ReactFlowState } from '../../types';
 
 type EdgeRendererProps = Pick<
   GraphViewProps,
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index fa877984b..e61b8bc58 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -1,7 +1,7 @@
 import { memo } from 'react';
 import { shallow } from 'zustand/shallow';
 
-import useVisibleNodesIds from '../../hooks/useVisibleNodes';
+import useVisibleNodesIds from '../../hooks/useVisibleNodeIds';
 import { useStore } from '../../hooks/useStore';
 import { containerStyle } from '../../styles/utils';
 import { GraphViewProps } from '../GraphView';
diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index d5d951ca9..6acd7770f 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -10,7 +10,7 @@ import { getNodesInside, getEventPosition, SelectionMode } from '@xyflow/system'
 import UserSelection from '../../components/UserSelection';
 import { containerStyle } from '../../styles/utils';
 import { useStore, useStoreApi } from '../../hooks/useStore';
-import { getSelectionChanges, getConnectedEdges } from '../../utils';
+import { getSelectionChanges } from '../../utils';
 import type { ReactFlowProps, ReactFlowState, NodeChange, EdgeChange } from '../../types';
 
 type PaneProps = {
@@ -156,19 +156,30 @@ const Pane = memo(
         true,
         nodeOrigin
       );
-      const selectedEdgeIds = getConnectedEdges(selectedNodes, edges).map((e) => e.id);
-      const selectedNodeIds = selectedNodes.map((n) => n.id);
 
-      if (prevSelectedNodesCount.current !== selectedNodeIds.length) {
-        prevSelectedNodesCount.current = selectedNodeIds.length;
-        const changes = getSelectionChanges(nodes, selectedNodeIds) as NodeChange[];
+      const selectedEdgeIds = new Set<string>();
+      const selectedNodeIds = new Set<string>();
+
+      for (const selectedNode of selectedNodes) {
+        selectedNodeIds.add(selectedNode.id);
+
+        for (const edge of edges) {
+          if (edge.source === selectedNode.id || edge.target === selectedNode.id) {
+            selectedEdgeIds.add(edge.id);
+          }
+        }
+      }
+
+      if (prevSelectedNodesCount.current !== selectedNodeIds.size) {
+        prevSelectedNodesCount.current = selectedNodeIds.size;
+        const changes = getSelectionChanges(nodes, selectedNodeIds, true) as NodeChange[];
         if (changes.length) {
           onNodesChange?.(changes);
         }
       }
 
-      if (prevSelectedEdgesCount.current !== selectedEdgeIds.length) {
-        prevSelectedEdgesCount.current = selectedEdgeIds.length;
+      if (prevSelectedEdgesCount.current !== selectedEdgeIds.size) {
+        prevSelectedEdgesCount.current = selectedEdgeIds.size;
         const changes = getSelectionChanges(edges, selectedEdgeIds) as EdgeChange[];
         if (changes.length) {
           onEdgesChange?.(changes);
diff --git a/packages/react/src/hooks/useVisibleEdgeIds.ts b/packages/react/src/hooks/useVisibleEdgeIds.ts
new file mode 100644
index 000000000..eaa4eb2da
--- /dev/null
+++ b/packages/react/src/hooks/useVisibleEdgeIds.ts
@@ -0,0 +1,49 @@
+import { useCallback } from 'react';
+import { shallow } from 'zustand/shallow';
+import { isEdgeVisible } from '@xyflow/system';
+
+import { useStore } from './useStore';
+import { type ReactFlowState } from '../types';
+
+function useVisibleEdgeIds(onlyRenderVisible: boolean): string[] {
+  const edgeIds = useStore(
+    useCallback(
+      (s: ReactFlowState) => {
+        if (!onlyRenderVisible) {
+          return s.edges.map((edge) => edge.id);
+        }
+
+        const visibleEdgeIds = [];
+
+        if (s.width && s.height) {
+          for (const edge of s.edges) {
+            const sourceNode = s.nodeLookup.get(edge.source);
+            const targetNode = s.nodeLookup.get(edge.target);
+
+            if (
+              sourceNode &&
+              targetNode &&
+              isEdgeVisible({
+                sourceNode,
+                targetNode,
+                width: s.width,
+                height: s.height,
+                transform: s.transform,
+              })
+            ) {
+              visibleEdgeIds.push(edge.id);
+            }
+          }
+        }
+
+        return visibleEdgeIds;
+      },
+      [onlyRenderVisible]
+    ),
+    shallow
+  );
+
+  return edgeIds;
+}
+
+export default useVisibleEdgeIds;
diff --git a/packages/react/src/hooks/useVisibleEdges.ts b/packages/react/src/hooks/useVisibleEdges.ts
deleted file mode 100644
index 9280c27ef..000000000
--- a/packages/react/src/hooks/useVisibleEdges.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { useCallback } from 'react';
-import { shallow } from 'zustand/shallow';
-import { isEdgeVisible } from '@xyflow/system';
-
-import { useStore } from '../hooks/useStore';
-import { type ReactFlowState } from '../types';
-
-function useVisibleEdgeIds(onlyRenderVisible: boolean): string[] {
-  const edgeIds = useStore(
-    useCallback(
-      (s: ReactFlowState) => {
-        const visibleEdges =
-          onlyRenderVisible && s.width && s.height
-            ? s.edges.filter((e) => {
-                const sourceNode = s.nodeLookup.get(e.source);
-                const targetNode = s.nodeLookup.get(e.target);
-
-                return (
-                  sourceNode &&
-                  targetNode &&
-                  isEdgeVisible({
-                    sourceNode,
-                    targetNode,
-                    width: s.width,
-                    height: s.height,
-                    transform: s.transform,
-                  })
-                );
-              })
-            : s.edges;
-
-        return visibleEdges.map((edge) => edge.id);
-      },
-      [onlyRenderVisible]
-    ),
-    shallow
-  );
-
-  return edgeIds;
-}
-
-export default useVisibleEdgeIds;
diff --git a/packages/react/src/hooks/useVisibleNodes.ts b/packages/react/src/hooks/useVisibleNodeIds.ts
similarity index 93%
rename from packages/react/src/hooks/useVisibleNodes.ts
rename to packages/react/src/hooks/useVisibleNodeIds.ts
index 2f67af02a..23b29096d 100644
--- a/packages/react/src/hooks/useVisibleNodes.ts
+++ b/packages/react/src/hooks/useVisibleNodeIds.ts
@@ -1,7 +1,7 @@
 import { getNodesInside } from '@xyflow/system';
 import { shallow } from 'zustand/shallow';
 
-import { useStore } from '../hooks/useStore';
+import { useStore } from './useStore';
 import type { Node, ReactFlowState } from '../types';
 import { useCallback } from 'react';
 
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 9b163f4eb..13311a1b9 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -55,12 +55,11 @@ const createRFStore = ({
         set({ nodes: nodesWithInternalData });
       },
       setEdges: (edges: Edge[]) => {
-        const { defaultEdgeOptions = {}, connectionLookup, edgeLookup } = get();
-        const nextEdges = edges.map((e) => ({ ...defaultEdgeOptions, ...e }));
+        const { connectionLookup, edgeLookup } = get();
 
-        updateConnectionLookup(connectionLookup, edgeLookup, nextEdges);
+        updateConnectionLookup(connectionLookup, edgeLookup, edges);
 
-        set({ edges: nextEdges });
+        set({ edges });
       },
       // when the user works with an uncontrolled flow,
       // we set a flag `hasDefaultNodes` / `hasDefaultEdges`
@@ -196,8 +195,8 @@ const createRFStore = ({
         if (multiSelectionActive) {
           changedNodes = selectedNodeIds.map((nodeId) => createSelectionChange(nodeId, true)) as NodeSelectionChange[];
         } else {
-          changedNodes = getSelectionChanges(nodes, selectedNodeIds);
-          changedEdges = getSelectionChanges(edges, []);
+          changedNodes = getSelectionChanges(nodes, new Set([...selectedNodeIds]), true);
+          changedEdges = getSelectionChanges(edges);
         }
 
         updateNodesAndEdgesSelections({
@@ -215,8 +214,8 @@ const createRFStore = ({
         if (multiSelectionActive) {
           changedEdges = selectedEdgeIds.map((edgeId) => createSelectionChange(edgeId, true)) as EdgeSelectionChange[];
         } else {
-          changedEdges = getSelectionChanges(edges, selectedEdgeIds);
-          changedNodes = getSelectionChanges(nodes, []);
+          changedEdges = getSelectionChanges(edges, new Set([...selectedEdgeIds]));
+          changedNodes = getSelectionChanges(nodes, new Set(), true);
         }
 
         updateNodesAndEdgesSelections({
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index e70d85981..87a4fc9eb 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -49,7 +49,7 @@ const getInitialState = ({
     transform,
     nodes: nextNodes,
     nodeLookup,
-    edges: edges,
+    edges,
     edgeLookup,
     connectionLookup,
     onNodesChange: null,
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index e3e2809a7..a1a067256 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -34,9 +34,8 @@ export type EdgeUpdatable = boolean | HandleType;
 export type DefaultEdge<EdgeData = any> = EdgeBase<EdgeData> & {
   style?: CSSProperties;
   className?: string;
-  sourceNode?: Node;
-  targetNode?: Node;
   updatable?: EdgeUpdatable;
+  focusable?: boolean;
 } & EdgeLabelOptions;
 
 type SmoothStepEdgeType<T> = DefaultEdge<T> & {
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index 00c877041..27ad338eb 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -2,6 +2,7 @@ import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
 import type { CoordinateExtent, NodeBase, NodeOrigin, OnError } from '@xyflow/system';
 import { NodeTypes } from './general';
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type Node<NodeData = any, NodeType extends string | undefined = string | undefined> = NodeBase<
   NodeData,
   NodeType
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index ab21c8c66..bf5a5c116 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -54,7 +54,6 @@ export type ReactFlowStore = {
   edges: Edge[];
   edgeLookup: EdgeLookup<Edge>;
   connectionLookup: ConnectionLookup;
-
   onNodesChange: OnNodesChange | null;
   onEdgesChange: OnEdgesChange | null;
   hasDefaultNodes: boolean;
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 872a08061..91209e11d 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type { Node, Edge, EdgeChange, NodeChange } from '../types';
+import type { Node, Edge, EdgeChange, NodeChange, NodeSelectionChange, EdgeSelectionChange } from '../types';
 
 export function handleParentExpand(res: any[], updateItem: any) {
   const parent = res.find((e) => e.id === updateItem.parentNode);
@@ -150,24 +150,32 @@ export function applyEdgeChanges<EdgeData = any>(changes: EdgeChange[], edges: E
   return applyChanges(changes, edges) as Edge<EdgeData>[];
 }
 
-export const createSelectionChange = (id: string, selected: boolean) => ({
+export const createSelectionChange = (id: string, selected: boolean): NodeSelectionChange | EdgeSelectionChange => ({
   id,
   type: 'select',
   selected,
 });
 
-export function getSelectionChanges(items: any[], selectedIds: string[]) {
-  return items.reduce((res, item) => {
-    const willBeSelected = selectedIds.includes(item.id);
-
-    if (!item.selected && willBeSelected) {
-      item.selected = true;
-      res.push(createSelectionChange(item.id, true));
-    } else if (item.selected && !willBeSelected) {
-      item.selected = false;
-      res.push(createSelectionChange(item.id, false));
+export function getSelectionChanges(
+  items: any[],
+  selectedIds: Set<string> = new Set(),
+  mutateItem = false
+): NodeSelectionChange[] | EdgeSelectionChange[] {
+  const changes: NodeSelectionChange[] | EdgeSelectionChange[] = [];
+
+  for (const item of items) {
+    const willBeSelected = selectedIds.has(item.id);
+
+    if (item.selected !== willBeSelected) {
+      if (mutateItem) {
+        // this hack is needed for nodes. When the user dragged a node, it's selected.
+        // When another node gets dragged, we need to deselect the previous one,
+        // in order to have only one selected node at a time - the onNodesChange callback comes too late here :/
+        item.selected = willBeSelected;
+      }
+      changes.push(createSelectionChange(item.id, willBeSelected));
     }
+  }
 
-    return res;
-  }, []);
+  return changes;
 }
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 611d51903..ecff808cf 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -12,7 +12,7 @@ import type {
 
 import type { Node } from '$lib/types';
 
-export type DefaultEdge<EdgeData = any> = Omit<EdgeBase<EdgeData>, 'focusable'> & {
+export type DefaultEdge<EdgeData = any> = EdgeBase<EdgeData> & {
   label?: string;
   labelStyle?: string;
   style?: string;
@@ -75,7 +75,7 @@ export type StraightEdgeProps<T = any> = Omit<
 
 export type EdgeTypes = Record<string, ComponentType<SvelteComponent<EdgeProps>>>;
 
-export type DefaultEdgeOptions = Omit<DefaultEdgeOptionsBase<Edge>, 'focusable'>;
+export type DefaultEdgeOptions = DefaultEdgeOptionsBase<Edge>;
 
 export type EdgeLayouted = Pick<
   Edge,
diff --git a/packages/system/src/types/edges.ts b/packages/system/src/types/edges.ts
index 6ddeb6d97..c2318f0c4 100644
--- a/packages/system/src/types/edges.ts
+++ b/packages/system/src/types/edges.ts
@@ -19,7 +19,6 @@ export type EdgeBase<EdgeData = any> = {
   zIndex?: number;
   ariaLabel?: string;
   interactionWidth?: number;
-  focusable?: boolean;
 };
 
 export type SmoothStepPathOptions = {
@@ -37,7 +36,7 @@ export type BezierPathOptions = {
 
 export type DefaultEdgeOptionsBase<EdgeType extends EdgeBase> = Omit<
   EdgeType,
-  'id' | 'source' | 'target' | 'sourceHandle' | 'targetHandle' | 'sourceNode' | 'targetNode'
+  'id' | 'source' | 'target' | 'sourceHandle' | 'targetHandle' | 'selected'
 >;
 
 export enum ConnectionLineType {
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 68051aaae..8efb84c24 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -43,10 +43,13 @@ export function updateAbsolutePositions<NodeType extends NodeBase>(
         parentNode?.origin || nodeOrigin
       );
 
-      node.computed!.positionAbsolute = {
-        x,
-        y,
-      };
+      const positionChanged = x !== node.computed?.positionAbsolute?.x || y !== node.computed?.positionAbsolute?.y;
+      node.computed!.positionAbsolute = positionChanged
+        ? {
+            x,
+            y,
+          }
+        : node.computed?.positionAbsolute;
 
       node[internalsSymbol]!.z = z;
 
@@ -245,25 +248,22 @@ export function panBy({
   return transformChanged;
 }
 
-export function updateConnectionLookup(lookup: ConnectionLookup, edgeLookup: EdgeLookup, edges: EdgeBase[]) {
-  lookup.clear();
+export function updateConnectionLookup(connectionLookup: ConnectionLookup, edgeLookup: EdgeLookup, edges: EdgeBase[]) {
+  connectionLookup.clear();
   edgeLookup.clear();
 
   for (const edge of edges) {
-    edgeLookup.set(edge.id, edge);
-
     const { source, target, sourceHandle = null, targetHandle = null } = edge;
 
     const sourceKey = `${source}-source-${sourceHandle}`;
     const targetKey = `${target}-target-${targetHandle}`;
 
-    const prevSource = lookup.get(sourceKey) || new Map();
-    const prevTarget = lookup.get(targetKey) || new Map();
+    const prevSource = connectionLookup.get(sourceKey) || new Map();
+    const prevTarget = connectionLookup.get(targetKey) || new Map();
     const connection = { source, target, sourceHandle, targetHandle };
 
-    lookup.set(sourceKey, prevSource.set(`${target}-${targetHandle}`, connection));
-    lookup.set(targetKey, prevTarget.set(`${source}-${sourceHandle}`, connection));
+    edgeLookup.set(edge.id, edge);
+    connectionLookup.set(sourceKey, prevSource.set(`${target}-${targetHandle}`, connection));
+    connectionLookup.set(targetKey, prevTarget.set(`${source}-${sourceHandle}`, connection));
   }
-
-  return lookup;
 }

From 0feda9144665a92c562c35fd379a852e2ecdbf21 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 18 Dec 2023 17:21:14 +0100
Subject: [PATCH 0439/1093] refactor(react): do not set selections for all
 nodes/edges

---
 packages/react/src/utils/changes.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 91209e11d..52db313b3 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -166,7 +166,8 @@ export function getSelectionChanges(
   for (const item of items) {
     const willBeSelected = selectedIds.has(item.id);
 
-    if (item.selected !== willBeSelected) {
+    // we don't want to set all items to selected=false on the first selection
+    if (!(item.selected === undefined && !willBeSelected) && item.selected !== willBeSelected) {
       if (mutateItem) {
         // this hack is needed for nodes. When the user dragged a node, it's selected.
         // When another node gets dragged, we need to deselect the previous one,

From 66b5c95ac5da1a8ee29e263e8a150af7a7e8f9da Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 19 Dec 2023 11:13:48 +0100
Subject: [PATCH 0440/1093] refactor(react): reduce initial store.setState
 calls

---
 .../src/components/EdgeWrapper/index.tsx      |  5 ++--
 .../src/components/NodeWrapper/index.tsx      |  1 +
 .../src/components/StoreUpdater/index.tsx     | 17 +++++++++--
 .../src/container/EdgeRenderer/index.tsx      |  3 --
 .../react/src/container/GraphView/index.tsx   |  4 +--
 .../react/src/container/ReactFlow/index.tsx   | 28 +++++++++----------
 packages/react/src/store/initialState.ts      |  1 +
 packages/react/src/types/edges.ts             |  1 -
 packages/react/src/types/store.ts             |  1 +
 9 files changed, 34 insertions(+), 27 deletions(-)

diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index 926860ff7..2a30116b0 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -34,7 +34,6 @@ function EdgeWrapper({
   onEdgeUpdateEnd,
   rfId,
   edgeTypes,
-  elevateEdgesOnSelect,
   noPanClassName,
   onError,
 }: EdgeWrapperProps): JSX.Element | null {
@@ -90,7 +89,7 @@ function EdgeWrapper({
           zIndex: edge.zIndex,
           sourceNode,
           targetNode,
-          elevateOnSelect: elevateEdgesOnSelect,
+          elevateOnSelect: store.elevateEdgesOnSelect,
         });
 
         return {
@@ -98,7 +97,7 @@ function EdgeWrapper({
           ...(edgePosition || nullPosition),
         };
       },
-      [edge.source, edge.target, edge.selected, edge.zIndex, elevateEdgesOnSelect]
+      [edge.source, edge.target, edge.selected, edge.zIndex]
     ),
     shallow
   );
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 5db82d5bc..cc5934398 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -18,6 +18,7 @@ import { handleNodeClick } from '../Nodes/utils';
 import type { NodeWrapperProps } from '../../types';
 import { arrowKeyDiffs, builtinNodeTypes } from './utils';
 import { shallow } from 'zustand/shallow';
+
 const NodeWrapper = ({
   id,
   onClick,
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index f49dec434..948c50fc6 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -5,10 +5,11 @@
  */
 import { useEffect, useRef } from 'react';
 import { shallow } from 'zustand/shallow';
-import { type CoordinateExtent } from '@xyflow/system';
+import { infiniteExtent, type CoordinateExtent } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import type { Node, Edge, ReactFlowState, ReactFlowProps, FitViewOptions } from '../../types';
+import { initNodeOrigin } from '../../container/ReactFlow';
 
 // these fields exist in the global store and we need to keep them up to date
 const reactFlowFieldsToTrack = [
@@ -27,6 +28,7 @@ const reactFlowFieldsToTrack = [
   'edgesFocusable',
   'edgesUpdatable',
   'elevateNodesOnSelect',
+  'elevateEdgesOnSelect',
   'minZoom',
   'maxZoom',
   'nodeExtent',
@@ -103,7 +105,18 @@ const StoreUpdater = (props: StoreUpdaterProps) => {
     };
   }, []);
 
-  const previousFields = useRef<Partial<StoreUpdaterProps>>({});
+  const previousFields = useRef<Partial<StoreUpdaterProps>>({
+    // these are values that are also passed directly to other components
+    // than the StoreUpdater. We can reduce the number of setStore calls
+    // by setting the same values here as prev fields.
+    translateExtent: infiniteExtent,
+    nodeOrigin: initNodeOrigin,
+    minZoom: 0.5,
+    maxZoom: 2,
+    elementsSelectable: true,
+    noPanClassName: 'nopan',
+    rfId: '1',
+  });
 
   useEffect(
     () => {
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index 83489d247..9c289c871 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -23,7 +23,6 @@ type EdgeRendererProps = Pick<
   | 'onEdgeUpdateEnd'
   | 'edgeUpdaterRadius'
   | 'noPanClassName'
-  | 'elevateEdgesOnSelect'
   | 'rfId'
   | 'disableKeyboardA11y'
   | 'edgeTypes'
@@ -44,7 +43,6 @@ const selector = (s: ReactFlowState) => ({
 const EdgeRenderer = ({
   defaultMarkerColor,
   onlyRenderVisibleElements,
-  elevateEdgesOnSelect,
   rfId,
   edgeTypes,
   noPanClassName,
@@ -89,7 +87,6 @@ const EdgeRenderer = ({
             rfId={rfId}
             onError={onError}
             edgeTypes={edgeTypes}
-            elevateEdgesOnSelect={elevateEdgesOnSelect}
           />
         );
       })}
diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index 116b4d26f..217e90c2c 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -12,7 +12,7 @@ import useNodeOrEdgeTypesWarning from './useNodeOrEdgeTypesWarning';
 
 export type GraphViewProps = Omit<
   ReactFlowProps,
-  'onSelectionChange' | 'nodes' | 'edges' | 'onMove' | 'onMoveStart' | 'onMoveEnd'
+  'onSelectionChange' | 'nodes' | 'edges' | 'onMove' | 'onMoveStart' | 'onMoveEnd' | 'elevateEdgesOnSelect'
 > &
   Required<
     Pick<
@@ -96,7 +96,6 @@ const GraphView = ({
   noDragClassName,
   noWheelClassName,
   noPanClassName,
-  elevateEdgesOnSelect,
   disableKeyboardA11y,
   nodeOrigin,
   nodeExtent,
@@ -164,7 +163,6 @@ const GraphView = ({
           edgeUpdaterRadius={edgeUpdaterRadius}
           defaultMarkerColor={defaultMarkerColor}
           noPanClassName={noPanClassName}
-          elevateEdgesOnSelect={!!elevateEdgesOnSelect}
           disableKeyboardA11y={disableKeyboardA11y}
           rfId={rfId}
         >
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 3adacfebd..48ff13c6d 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -2,7 +2,6 @@ import { forwardRef, type CSSProperties } from 'react';
 import cc from 'classcat';
 import {
   ConnectionLineType,
-  ConnectionMode,
   PanOnScrollMode,
   SelectionMode,
   infiniteExtent,
@@ -21,8 +20,7 @@ import Wrapper from './Wrapper';
 import type { ReactFlowProps, ReactFlowRefType } from '../../types';
 import useColorModeClass from '../../hooks/useColorModeClass';
 
-const initNodeOrigin: NodeOrigin = [0, 0];
-const initSnapGrid: [number, number] = [15, 15];
+export const initNodeOrigin: NodeOrigin = [0, 0];
 const initDefaultViewport: Viewport = { x: 0, y: 0, zoom: 1 };
 
 const wrapperStyle: CSSProperties = {
@@ -72,7 +70,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
       onSelectionContextMenu,
       onSelectionStart,
       onSelectionEnd,
-      connectionMode = ConnectionMode.Strict,
+      connectionMode,
       connectionLineType = ConnectionLineType.Bezier,
       connectionLineStyle,
       connectionLineComponent,
@@ -84,10 +82,10 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
       panActivationKeyCode = 'Space',
       multiSelectionKeyCode = isMacOs() ? 'Meta' : 'Control',
       zoomActivationKeyCode = isMacOs() ? 'Meta' : 'Control',
-      snapToGrid = false,
-      snapGrid = initSnapGrid,
+      snapToGrid,
+      snapGrid,
       onlyRenderVisibleElements = false,
-      selectNodesOnDrag = true,
+      selectNodesOnDrag,
       nodesDraggable,
       nodesConnectable,
       nodesFocusable,
@@ -130,18 +128,18 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
       noDragClassName = 'nodrag',
       noWheelClassName = 'nowheel',
       noPanClassName = 'nopan',
-      fitView = false,
+      fitView,
       fitViewOptions,
-      connectOnClick = true,
+      connectOnClick,
       attributionPosition,
       proOptions,
       defaultEdgeOptions,
-      elevateNodesOnSelect = true,
-      elevateEdgesOnSelect = false,
+      elevateNodesOnSelect,
+      elevateEdgesOnSelect,
       disableKeyboardA11y = false,
-      autoPanOnConnect = true,
-      autoPanOnNodeDrag = true,
-      connectionRadius = 20,
+      autoPanOnConnect,
+      autoPanOnNodeDrag,
+      connectionRadius,
       isValidConnection,
       onError,
       style,
@@ -226,7 +224,6 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
             noDragClassName={noDragClassName}
             noWheelClassName={noWheelClassName}
             noPanClassName={noPanClassName}
-            elevateEdgesOnSelect={elevateEdgesOnSelect}
             rfId={rfId}
             disableKeyboardA11y={disableKeyboardA11y}
             nodeOrigin={nodeOrigin}
@@ -251,6 +248,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
             edgesUpdatable={edgesUpdatable}
             elementsSelectable={elementsSelectable}
             elevateNodesOnSelect={elevateNodesOnSelect}
+            elevateEdgesOnSelect={elevateEdgesOnSelect}
             minZoom={minZoom}
             maxZoom={maxZoom}
             nodeExtent={nodeExtent}
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 87a4fc9eb..c8f92903c 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -83,6 +83,7 @@ const getInitialState = ({
     edgesUpdatable: true,
     elementsSelectable: true,
     elevateNodesOnSelect: true,
+    elevateEdgesOnSelect: false,
     fitViewOnInit: false,
     fitViewDone: false,
     fitViewOnInitOptions: undefined,
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index a1a067256..f805da8c7 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -78,7 +78,6 @@ export type EdgeWrapperProps = {
   rfId?: string;
   edgeTypes?: EdgeTypes;
   onError?: OnError;
-  elevateEdgesOnSelect?: boolean;
 };
 
 export type DefaultEdgeOptions = DefaultEdgeOptionsBase<Edge>;
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index bf5a5c116..a4cad399b 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -88,6 +88,7 @@ export type ReactFlowStore = {
   edgesUpdatable: boolean;
   elementsSelectable: boolean;
   elevateNodesOnSelect: boolean;
+  elevateEdgesOnSelect: boolean;
   selectNodesOnDrag: boolean;
 
   multiSelectionActive: boolean;

From 2681ead50cbcf8d0081d0def87e8fa27449f4267 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 19 Dec 2023 12:36:49 +0100
Subject: [PATCH 0441/1093] chore(react/hooks): add docs

---
 packages/react/src/hooks/useColorModeClass.ts |  6 ++
 packages/react/src/hooks/useDrag.ts           |  5 ++
 packages/react/src/hooks/useEdges.ts          |  6 ++
 .../react/src/hooks/useGlobalKeyHandler.ts    |  5 ++
 packages/react/src/hooks/useKeyPress.ts       | 16 +++--
 packages/react/src/hooks/useNodes.ts          |  6 ++
 packages/react/src/hooks/useNodesData.ts      |  8 +++
 .../react/src/hooks/useNodesEdgesState.ts     | 17 +++++-
 .../react/src/hooks/useNodesInitialized.ts    |  7 +++
 packages/react/src/hooks/useOnInitHandler.ts  |  5 ++
 .../react/src/hooks/useOnSelectionChange.ts   |  6 ++
 .../react/src/hooks/useOnViewportChange.ts    |  8 +++
 packages/react/src/hooks/useReactFlow.ts      | 61 +++----------------
 packages/react/src/hooks/useResizeHandler.ts  |  5 ++
 packages/react/src/hooks/useStore.ts          |  8 +++
 .../react/src/hooks/useUpdateNodeInternals.ts |  6 ++
 .../react/src/hooks/useUpdateNodePositions.ts |  6 ++
 packages/react/src/hooks/useViewport.ts       |  6 ++
 packages/react/src/hooks/useViewportHelper.ts |  6 ++
 packages/react/src/hooks/useViewportSync.ts   |  6 ++
 packages/react/src/hooks/useVisibleEdgeIds.ts |  7 +++
 packages/react/src/hooks/useVisibleNodeIds.ts |  7 +++
 packages/react/src/types/changes.ts           |  4 ++
 packages/react/src/types/component-props.ts   |  4 ++
 packages/react/src/types/edges.ts             | 17 ++++--
 packages/react/src/types/instance.ts          |  2 +-
 26 files changed, 175 insertions(+), 65 deletions(-)

diff --git a/packages/react/src/hooks/useColorModeClass.ts b/packages/react/src/hooks/useColorModeClass.ts
index b66f8cead..bcf8c6aff 100644
--- a/packages/react/src/hooks/useColorModeClass.ts
+++ b/packages/react/src/hooks/useColorModeClass.ts
@@ -9,6 +9,12 @@ function getMediaQuery() {
   return window.matchMedia('(prefers-color-scheme: dark)');
 }
 
+/**
+ * Hook for receiving the current color mode class 'dark' or 'light'.
+ *
+ * @internal
+ * @param colorMode - The color mode to use ('dark', 'light' or 'system')
+ */
 export default function useColorModeClass(colorMode: ColorMode): ColorModeClass {
   const [colorModeClass, setColorModeClass] = useState<ColorModeClass | null>(
     colorMode === 'system' ? null : colorMode
diff --git a/packages/react/src/hooks/useDrag.ts b/packages/react/src/hooks/useDrag.ts
index 3b332d8a8..8a4fab658 100644
--- a/packages/react/src/hooks/useDrag.ts
+++ b/packages/react/src/hooks/useDrag.ts
@@ -13,6 +13,11 @@ type UseDragParams = {
   isSelectable?: boolean;
 };
 
+/**
+ * Hook for calling XYDrag helper from @xyflow/system.
+ *
+ * @internal
+ */
 function useDrag({ nodeRef, disabled = false, noDragClassName, handleSelector, nodeId, isSelectable }: UseDragParams) {
   const store = useStoreApi();
   const [dragging, setDragging] = useState<boolean>(false);
diff --git a/packages/react/src/hooks/useEdges.ts b/packages/react/src/hooks/useEdges.ts
index 194f88055..94445ce47 100644
--- a/packages/react/src/hooks/useEdges.ts
+++ b/packages/react/src/hooks/useEdges.ts
@@ -5,6 +5,12 @@ import type { Edge, ReactFlowState } from '../types';
 
 const edgesSelector = (state: ReactFlowState) => state.edges;
 
+/**
+ * Hook for getting the current edges from the store.
+ *
+ * @public
+ * @returns An array of edges
+ */
 function useEdges<EdgeData>(): Edge<EdgeData>[] {
   const edges = useStore(edgesSelector, shallow);
 
diff --git a/packages/react/src/hooks/useGlobalKeyHandler.ts b/packages/react/src/hooks/useGlobalKeyHandler.ts
index c243298d2..786ed8706 100644
--- a/packages/react/src/hooks/useGlobalKeyHandler.ts
+++ b/packages/react/src/hooks/useGlobalKeyHandler.ts
@@ -10,6 +10,11 @@ const selected = (item: Node | Edge) => item.selected;
 
 const deleteKeyOptions: UseKeyPressOptions = { actInsideInputWithModifier: false };
 
+/**
+ * Hook for handling global key events.
+ *
+ * @internal
+ */
 export default ({
   deleteKeyCode,
   multiSelectionKeyCode,
diff --git a/packages/react/src/hooks/useKeyPress.ts b/packages/react/src/hooks/useKeyPress.ts
index f897a6c42..98d460d07 100644
--- a/packages/react/src/hooks/useKeyPress.ts
+++ b/packages/react/src/hooks/useKeyPress.ts
@@ -12,11 +12,19 @@ export type UseKeyPressOptions = {
 
 const defaultDoc = typeof document !== 'undefined' ? document : null;
 
-// the keycode can be a string 'a' or an array of strings ['a', 'a+d']
-// a string means a single key 'a' or a combination when '+' is used 'a+d'
-// an array means different possibilites. Explainer: ['a', 'd+s'] here the
-// user can use the single key 'a' or the combination 'd' + 's'
+/**
+ * Hook for handling key events.
+ *
+ * @public
+ * @param param.keyCode - The key code (string or array of strings) to use
+ * @param param.options - Options
+ * @returns boolean
+ */
 export default (
+  // the keycode can be a string 'a' or an array of strings ['a', 'a+d']
+  // a string means a single key 'a' or a combination when '+' is used 'a+d'
+  // an array means different possibilites. Explainer: ['a', 'd+s'] here the
+  // user can use the single key 'a' or the combination 'd' + 's'
   keyCode: KeyCode | null = null,
   options: UseKeyPressOptions = { target: defaultDoc, actInsideInputWithModifier: true }
 ): boolean => {
diff --git a/packages/react/src/hooks/useNodes.ts b/packages/react/src/hooks/useNodes.ts
index 1ccd1d85c..bb54865d7 100644
--- a/packages/react/src/hooks/useNodes.ts
+++ b/packages/react/src/hooks/useNodes.ts
@@ -5,6 +5,12 @@ import type { Node, ReactFlowState } from '../types';
 
 const nodesSelector = (state: ReactFlowState) => state.nodes;
 
+/**
+ * Hook for getting the current nodes from the store.
+ *
+ * @public
+ * @returns An array of nodes
+ */
 function useNodes<NodeType extends Node = Node>(): NodeType[] {
   const nodes = useStore(nodesSelector, shallow) as NodeType[];
 
diff --git a/packages/react/src/hooks/useNodesData.ts b/packages/react/src/hooks/useNodesData.ts
index 4c242ad38..e209df224 100644
--- a/packages/react/src/hooks/useNodesData.ts
+++ b/packages/react/src/hooks/useNodesData.ts
@@ -4,6 +4,14 @@ import { shallow } from 'zustand/shallow';
 import { useStore } from '../hooks/useStore';
 import type { Node } from '../types';
 
+/**
+ * Hook for receiving data of one or multiple nodes
+ *
+ * @public
+ * @param nodeId - The id (or ids) of the node to get the data from
+ * @param guard - Optional guard function to narrow down the node type
+ * @returns An array data objects
+ */
 export function useNodesData<NodeType extends Node = Node>(nodeId: string): NodeType['data'] | null;
 export function useNodesData<NodeType extends Node = Node>(nodeIds: string[]): NodeType['data'][];
 export function useNodesData<NodeType extends Node = Node>(
diff --git a/packages/react/src/hooks/useNodesEdgesState.ts b/packages/react/src/hooks/useNodesEdgesState.ts
index 5255c7dd4..b0976b570 100644
--- a/packages/react/src/hooks/useNodesEdgesState.ts
+++ b/packages/react/src/hooks/useNodesEdgesState.ts
@@ -7,8 +7,6 @@ import type { Node, NodeChange, Edge, EdgeChange } from '../types';
 type ApplyChanges<ItemType, ChangesType> = (changes: ChangesType[], items: ItemType[]) => ItemType[];
 type OnChange<ChangesType> = (changes: ChangesType[]) => void;
 
-// returns a hook that can be used liked this:
-// const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
 function createUseItemsState(
   applyChanges: ApplyChanges<Node, NodeChange>
 ): <NodeType extends Node = Node>(
@@ -31,5 +29,20 @@ function createUseItemsState(
   };
 }
 
+/**
+ * Hook for managing the state of nodes - should only be used for prototyping / simple use cases.
+ *
+ * @public
+ * @param initialNodes
+ * @returns an array [nodes, setNodes, onNodesChange]
+ */
 export const useNodesState = createUseItemsState(applyNodeChanges);
+
+/**
+ * Hook for managing the state of edges - should only be used for prototyping / simple use cases.
+ *
+ * @public
+ * @param initialEdges
+ * @returns an array [edges, setEdges, onEdgesChange]
+ */
 export const useEdgesState = createUseItemsState(applyEdgeChanges);
diff --git a/packages/react/src/hooks/useNodesInitialized.ts b/packages/react/src/hooks/useNodesInitialized.ts
index 3e869873c..5a330706c 100644
--- a/packages/react/src/hooks/useNodesInitialized.ts
+++ b/packages/react/src/hooks/useNodesInitialized.ts
@@ -21,6 +21,13 @@ const defaultOptions = {
   includeHiddenNodes: false,
 };
 
+/**
+ * Hook which returns true when all nodes are initialized.
+ *
+ * @public
+ * @param options.includeHiddenNodes - defaults to false
+ * @returns boolean indicating whether all nodes are initialized
+ */
 function useNodesInitialized(options: UseNodesInitializedOptions = defaultOptions): boolean {
   const initialized = useStore(selector(options));
 
diff --git a/packages/react/src/hooks/useOnInitHandler.ts b/packages/react/src/hooks/useOnInitHandler.ts
index 27de912bb..e08e3b4c6 100644
--- a/packages/react/src/hooks/useOnInitHandler.ts
+++ b/packages/react/src/hooks/useOnInitHandler.ts
@@ -3,6 +3,11 @@ import { useEffect, useRef } from 'react';
 import useReactFlow from './useReactFlow';
 import type { OnInit } from '../types';
 
+/**
+ * Hook for calling onInit handler.
+ *
+ * @internal
+ */
 function useOnInitHandler(onInit: OnInit | undefined) {
   const rfInstance = useReactFlow();
   const isInitialized = useRef<boolean>(false);
diff --git a/packages/react/src/hooks/useOnSelectionChange.ts b/packages/react/src/hooks/useOnSelectionChange.ts
index 51df3ddb6..bd3541d99 100644
--- a/packages/react/src/hooks/useOnSelectionChange.ts
+++ b/packages/react/src/hooks/useOnSelectionChange.ts
@@ -7,6 +7,12 @@ export type UseOnSelectionChangeOptions = {
   onChange: OnSelectionChangeFunc;
 };
 
+/**
+ * Hook for registering an onSelectionChange handler.
+ *
+ * @public
+ * @params params.onChange - The handler to register
+ */
 function useOnSelectionChange({ onChange }: UseOnSelectionChangeOptions) {
   const store = useStoreApi();
 
diff --git a/packages/react/src/hooks/useOnViewportChange.ts b/packages/react/src/hooks/useOnViewportChange.ts
index 00ac15a79..13209d624 100644
--- a/packages/react/src/hooks/useOnViewportChange.ts
+++ b/packages/react/src/hooks/useOnViewportChange.ts
@@ -9,6 +9,14 @@ export type UseOnViewportChangeOptions = {
   onEnd?: OnViewportChange;
 };
 
+/**
+ * Hook for registering an onViewportChange handler.
+ *
+ * @public
+ * @param params.onStart - gets called when the viewport starts changing
+ * @param params.onChange - gets called when the viewport changes
+ * @param params.onEnd - gets called when the viewport stops changing
+ */
 function useOnViewportChange({ onStart, onChange, onEnd }: UseOnViewportChangeOptions) {
   const store = useStoreApi();
 
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index dfe399c64..aa043e99b 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -1,13 +1,5 @@
 import { useCallback, useMemo } from 'react';
-import {
-  getElementsToRemove,
-  getIncomersBase,
-  getOutgoersBase,
-  getOverlappingArea,
-  isRectObject,
-  nodeToRect,
-  type Rect,
-} from '@xyflow/system';
+import { getElementsToRemove, getOverlappingArea, isRectObject, nodeToRect, type Rect } from '@xyflow/system';
 
 import useViewportHelper from './useViewportHelper';
 import { useStoreApi } from './useStore';
@@ -238,48 +230,13 @@ export default function useReactFlow<NodeType extends Node = Node, EdgeType exte
     []
   );
 
-  const getConnectedEdges = useCallback<Instance.getConnectedEdges>((node) => {
-    const { edges } = store.getState();
-
-    const nodeIds = new Set();
-    if (typeof node === 'string') {
-      nodeIds.add(node);
-    } else if (node.length >= 1) {
-      node.forEach((n) => {
-        nodeIds.add(n.id);
-      });
-    }
-
-    return edges.filter((edge) => nodeIds.has(edge.source) || nodeIds.has(edge.target));
-  }, []);
-
-  const getIncomers = useCallback<Instance.getIncomers>((node) => {
-    const { nodes, edges } = store.getState();
-
-    if (typeof node === 'string') {
-      return getIncomersBase({ id: node }, nodes, edges);
-    }
-
-    return getIncomersBase(node, nodes, edges);
-  }, []);
-
-  const getOutgoers = useCallback<Instance.getOutgoers>((node) => {
-    const { nodes, edges } = store.getState();
-
-    if (typeof node == 'string') {
-      return getOutgoersBase({ id: node }, nodes, edges);
-    }
-
-    return getOutgoersBase(node, nodes, edges);
-  }, []);
-
-  const updateNode = useCallback<Instance.UpdateNode>(
+  const updateNode = useCallback<Instance.UpdateNode<NodeType>>(
     (id, nodeUpdate, options = { replace: true }) => {
       setNodes((prevNodes) =>
         prevNodes.map((node) => {
           if (node.id === id) {
-            const nextNode = typeof nodeUpdate === 'function' ? nodeUpdate(node as Node) : nodeUpdate;
-            return options.replace && isNode(nextNode) ? nextNode : { ...node, ...nextNode };
+            const nextNode = typeof nodeUpdate === 'function' ? nodeUpdate(node as NodeType) : nodeUpdate;
+            return options.replace && isNode(nextNode) ? (nextNode as NodeType) : { ...node, ...nextNode };
           }
 
           return node;
@@ -289,7 +246,7 @@ export default function useReactFlow<NodeType extends Node = Node, EdgeType exte
     [setNodes]
   );
 
-  const updateNodeData = useCallback<Instance.UpdateNodeData>(
+  const updateNodeData = useCallback<Instance.UpdateNodeData<NodeType>>(
     (id, dataUpdate, options = { replace: false }) => {
       updateNode(
         id,
@@ -318,9 +275,6 @@ export default function useReactFlow<NodeType extends Node = Node, EdgeType exte
       deleteElements,
       getIntersectingNodes,
       isNodeIntersecting,
-      getConnectedEdges,
-      getIncomers,
-      getOutgoers,
       updateNode,
       updateNodeData,
     };
@@ -338,8 +292,7 @@ export default function useReactFlow<NodeType extends Node = Node, EdgeType exte
     deleteElements,
     getIntersectingNodes,
     isNodeIntersecting,
-    getConnectedEdges,
-    getIncomers,
-    getOutgoers,
+    updateNode,
+    updateNodeData,
   ]);
 }
diff --git a/packages/react/src/hooks/useResizeHandler.ts b/packages/react/src/hooks/useResizeHandler.ts
index 6c611e3d9..1b3dc6ced 100644
--- a/packages/react/src/hooks/useResizeHandler.ts
+++ b/packages/react/src/hooks/useResizeHandler.ts
@@ -3,6 +3,11 @@ import { errorMessages, getDimensions } from '@xyflow/system';
 
 import { useStoreApi } from '../hooks/useStore';
 
+/**
+ * Hook for handling resize events.
+ *
+ * @internal
+ */
 function useResizeHandler(domNode: MutableRefObject<HTMLDivElement | null>): void {
   const store = useStoreApi();
 
diff --git a/packages/react/src/hooks/useStore.ts b/packages/react/src/hooks/useStore.ts
index eb075d00a..96587161a 100644
--- a/packages/react/src/hooks/useStore.ts
+++ b/packages/react/src/hooks/useStore.ts
@@ -10,6 +10,14 @@ const zustandErrorMessage = errorMessages['error001']();
 
 type ExtractState = StoreApi<ReactFlowState> extends { getState: () => infer T } ? T : never;
 
+/**
+ * Hook for accessing the internal store. Should only be used in rare cases.
+ *
+ * @public
+ * @param selector
+ * @param equalityFn
+ * @returns The selected state slice
+ */
 function useStore<StateSlice = ExtractState>(
   selector: (state: ReactFlowState) => StateSlice,
   equalityFn?: (a: StateSlice, b: StateSlice) => boolean
diff --git a/packages/react/src/hooks/useUpdateNodeInternals.ts b/packages/react/src/hooks/useUpdateNodeInternals.ts
index d14f35f3b..ced202da5 100644
--- a/packages/react/src/hooks/useUpdateNodeInternals.ts
+++ b/packages/react/src/hooks/useUpdateNodeInternals.ts
@@ -3,6 +3,12 @@ import type { UpdateNodeInternals, NodeDimensionUpdate } from '@xyflow/system';
 
 import { useStoreApi } from '../hooks/useStore';
 
+/**
+ * Hook for updating node internals.
+ *
+ * @public
+ * @returns function for updating node internals
+ */
 function useUpdateNodeInternals(): UpdateNodeInternals {
   const store = useStoreApi();
 
diff --git a/packages/react/src/hooks/useUpdateNodePositions.ts b/packages/react/src/hooks/useUpdateNodePositions.ts
index 06577601e..77def71f7 100644
--- a/packages/react/src/hooks/useUpdateNodePositions.ts
+++ b/packages/react/src/hooks/useUpdateNodePositions.ts
@@ -7,6 +7,12 @@ import { useStoreApi } from '../hooks/useStore';
 const selectedAndDraggable = (nodesDraggable: boolean) => (n: Node) =>
   n.selected && (n.draggable || (nodesDraggable && typeof n.draggable === 'undefined'));
 
+/**
+ * Hook for updating node positions.
+ *
+ * @internal
+ * @returns function for updating node positions
+ */
 function useUpdateNodePositions() {
   const store = useStoreApi();
 
diff --git a/packages/react/src/hooks/useViewport.ts b/packages/react/src/hooks/useViewport.ts
index c7153fac6..4d48cf5c5 100644
--- a/packages/react/src/hooks/useViewport.ts
+++ b/packages/react/src/hooks/useViewport.ts
@@ -10,6 +10,12 @@ const viewportSelector = (state: ReactFlowState) => ({
   zoom: state.transform[2],
 });
 
+/**
+ * Hook for getting the current viewport from the store.
+ *
+ * @public
+ * @returns The current viewport
+ */
 function useViewport(): Viewport {
   const viewport = useStore(viewportSelector, shallow);
 
diff --git a/packages/react/src/hooks/useViewportHelper.ts b/packages/react/src/hooks/useViewportHelper.ts
index f1099b431..481bae154 100644
--- a/packages/react/src/hooks/useViewportHelper.ts
+++ b/packages/react/src/hooks/useViewportHelper.ts
@@ -12,6 +12,12 @@ import type { ViewportHelperFunctions, ReactFlowState } from '../types';
 
 const selector = (s: ReactFlowState) => !!s.panZoom;
 
+/**
+ * Hook for getting viewport helper functions.
+ *
+ * @internal
+ * @returns viewport helper functions
+ */
 const useViewportHelper = (): ViewportHelperFunctions => {
   const store = useStoreApi();
   const panZoomInitialized = useStore(selector);
diff --git a/packages/react/src/hooks/useViewportSync.ts b/packages/react/src/hooks/useViewportSync.ts
index a34cdcd57..f0a1a31e5 100644
--- a/packages/react/src/hooks/useViewportSync.ts
+++ b/packages/react/src/hooks/useViewportSync.ts
@@ -6,6 +6,12 @@ import type { ReactFlowState } from '../types';
 
 const selector = (state: ReactFlowState) => state.panZoom?.syncViewport;
 
+/**
+ * Hook for syncing the viewport with the panzoom instance.
+ *
+ * @internal
+ * @param viewport
+ */
 export default function useViewportSync(viewport?: Viewport) {
   const syncViewport = useStore(selector);
   const store = useStoreApi();
diff --git a/packages/react/src/hooks/useVisibleEdgeIds.ts b/packages/react/src/hooks/useVisibleEdgeIds.ts
index eaa4eb2da..ceb40f31c 100644
--- a/packages/react/src/hooks/useVisibleEdgeIds.ts
+++ b/packages/react/src/hooks/useVisibleEdgeIds.ts
@@ -5,6 +5,13 @@ import { isEdgeVisible } from '@xyflow/system';
 import { useStore } from './useStore';
 import { type ReactFlowState } from '../types';
 
+/**
+ * Hook for getting the visible edge ids from the store.
+ *
+ * @internal
+ * @param onlyRenderVisible
+ * @returns array with visible edge ids
+ */
 function useVisibleEdgeIds(onlyRenderVisible: boolean): string[] {
   const edgeIds = useStore(
     useCallback(
diff --git a/packages/react/src/hooks/useVisibleNodeIds.ts b/packages/react/src/hooks/useVisibleNodeIds.ts
index 23b29096d..803fde6d8 100644
--- a/packages/react/src/hooks/useVisibleNodeIds.ts
+++ b/packages/react/src/hooks/useVisibleNodeIds.ts
@@ -13,6 +13,13 @@ const selector = (onlyRenderVisible: boolean) => (s: ReactFlowState) => {
     : Array.from(s.nodeLookup.keys());
 };
 
+/**
+ * Hook for getting the visible node ids from the store.
+ *
+ * @internal
+ * @param onlyRenderVisible
+ * @returns array with visible node ids
+ */
 function useVisibleNodeIds(onlyRenderVisible: boolean) {
   const nodeIds = useStore(useCallback(selector(onlyRenderVisible), [onlyRenderVisible]), shallow);
 
diff --git a/packages/react/src/types/changes.ts b/packages/react/src/types/changes.ts
index 440a4c6b1..f1282574c 100644
--- a/packages/react/src/types/changes.ts
+++ b/packages/react/src/types/changes.ts
@@ -40,6 +40,10 @@ export type NodeResetChange<NodeType extends Node = Node> = {
   type: 'reset';
 };
 
+/**
+ * Union type of all possible node changes.
+ * @public
+ */
 export type NodeChange =
   | NodeDimensionChange
   | NodePositionChange
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index 09f9a5826..43dc5e902 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -45,6 +45,10 @@ import type {
   EdgeMouseHandler,
 } from '.';
 
+/**
+ * ReactFlow component props.
+ * @public
+ */
 export type ReactFlowProps = Omit<HTMLAttributes<HTMLDivElement>, 'onError'> & {
   nodes?: Node[];
   edges?: Edge[];
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index ec48db9dd..faae75011 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -54,7 +54,8 @@ type StepEdgeType<T> = DefaultEdge<T> & {
 };
 
 /**
- * The Edge type is mainly used for the `edges` that get passed to the ReactFlow component.
+ * The Edge type is mainly used for the `edges` that get passed to the ReactFlow component
+ * @public
  */
 export type Edge<T = any> = DefaultEdge<T> | SmoothStepEdgeType<T> | BezierEdgeType<T> | StepEdgeType<T>;
 
@@ -92,7 +93,8 @@ export type EdgeTextProps = HTMLAttributes<SVGElement> &
   };
 
 /**
- * Custom edge component props.
+ * Custom edge component props
+ * @public
  */
 export type EdgeProps<T = any> = Pick<
   Edge<T>,
@@ -110,7 +112,8 @@ export type EdgeProps<T = any> = Pick<
   };
 
 /**
- * BaseEdge component props.
+ * BaseEdge component props
+ * @public
  */
 export type BaseEdgeProps = EdgeLabelOptions & {
   id?: string;
@@ -124,7 +127,8 @@ export type BaseEdgeProps = EdgeLabelOptions & {
 };
 
 /**
- * Helper type for edge components that get exported by the library.
+ * Helper type for edge components that get exported by the library
+ * @public
  */
 export type EdgeComponentProps = EdgePosition &
   EdgeLabelOptions & {
@@ -143,26 +147,31 @@ export type EdgeComponentWithPathOptions<PathOptions> = EdgeComponentProps & {
 
 /**
  * BezierEdge component props
+ * @public
  */
 export type BezierEdgeProps = EdgeComponentWithPathOptions<BezierPathOptions>;
 
 /**
  * SmoothStepEdge component props
+ * @public
  */
 export type SmoothStepEdgeProps = EdgeComponentWithPathOptions<SmoothStepPathOptions>;
 
 /**
  * StepEdge component props
+ * @public
  */
 export type StepEdgeProps = EdgeComponentWithPathOptions<StepPathOptions>;
 
 /**
  * StraightEdge component props
+ * @public
  */
 export type StraightEdgeProps = Omit<EdgeComponentProps, 'sourcePosition' | 'targetPosition'>;
 
 /**
  * SimpleBezier component props
+ * @public
  */
 export type SimpleBezierEdgeProps = EdgeComponentProps;
 
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 05eb1d4b6..878e85a88 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -51,7 +51,7 @@ export namespace Instance {
 
   export type UpdateNode<NodeType extends Node = Node> = (
     id: string,
-    dataUpdate: Partial<NodeType> | ((node: NodeType) => Partial<NodeType>),
+    nodeUpdate: Partial<NodeType> | ((node: NodeType) => Partial<NodeType>),
     options?: { replace: boolean }
   ) => void;
   export type UpdateNodeData<NodeType extends Node = Node> = (

From ac4ac77a854944621d030868adfd3486fd56eb47 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 19 Dec 2023 13:07:07 +0100
Subject: [PATCH 0442/1093] chore(svelte/hooks): add docs

---
 packages/react/src/hooks/useHandleConnections.ts     |  2 +-
 packages/react/src/hooks/useNodesData.ts             |  2 +-
 packages/react/src/hooks/useReactFlow.ts             |  7 ++++++-
 packages/svelte/src/lib/hooks/useColorModeClass.ts   |  6 ++++++
 packages/svelte/src/lib/hooks/useConnection.ts       |  6 ++++++
 .../svelte/src/lib/hooks/useHandleConnections.ts     |  9 +++++++++
 packages/svelte/src/lib/hooks/useNodesData.ts        |  8 ++++++++
 packages/svelte/src/lib/hooks/useNodesEdges.ts       | 12 ++++++++++++
 packages/svelte/src/lib/hooks/useSvelteFlow.ts       |  6 ++++++
 .../svelte/src/lib/hooks/useUpdateNodeInternals.ts   |  6 ++++++
 10 files changed, 61 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/hooks/useHandleConnections.ts b/packages/react/src/hooks/useHandleConnections.ts
index c9a026d9a..7232cce43 100644
--- a/packages/react/src/hooks/useHandleConnections.ts
+++ b/packages/react/src/hooks/useHandleConnections.ts
@@ -17,8 +17,8 @@ type useHandleConnectionsParams = {
  *
  * @public
  * @param param.type - handle type 'source' or 'target'
- * @param param.id - the handle id (this is only needed if the node has multiple handles of the same type)
  * @param param.nodeId - node id - if not provided, the node id from the NodeIdContext is used
+ * @param param.id - the handle id (this is only needed if the node has multiple handles of the same type)
  * @param param.onConnect - gets called when a connection is established
  * @param param.onDisconnect - gets called when a connection is removed
  * @returns an array with connections
diff --git a/packages/react/src/hooks/useNodesData.ts b/packages/react/src/hooks/useNodesData.ts
index e209df224..10480caa4 100644
--- a/packages/react/src/hooks/useNodesData.ts
+++ b/packages/react/src/hooks/useNodesData.ts
@@ -10,7 +10,7 @@ import type { Node } from '../types';
  * @public
  * @param nodeId - The id (or ids) of the node to get the data from
  * @param guard - Optional guard function to narrow down the node type
- * @returns An array data objects
+ * @returns An array od data objects
  */
 export function useNodesData<NodeType extends Node = Node>(nodeId: string): NodeType['data'] | null;
 export function useNodesData<NodeType extends Node = Node>(nodeIds: string[]): NodeType['data'][];
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index aa043e99b..271e0ebf5 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -18,7 +18,12 @@ import type {
 } from '../types';
 import { isNode } from '../utils';
 
-/* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+/**
+ * Hook for accessing the ReactFlow instance.
+ *
+ * @public
+ * @returns ReactFlowInstance
+ */
 export default function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(): ReactFlowInstance<
   NodeType,
   EdgeType
diff --git a/packages/svelte/src/lib/hooks/useColorModeClass.ts b/packages/svelte/src/lib/hooks/useColorModeClass.ts
index ad163a3f1..07a9a824b 100644
--- a/packages/svelte/src/lib/hooks/useColorModeClass.ts
+++ b/packages/svelte/src/lib/hooks/useColorModeClass.ts
@@ -9,6 +9,12 @@ function getMediaQuery() {
   return window.matchMedia('(prefers-color-scheme: dark)');
 }
 
+/**
+ * Hook for receiving the current color mode class 'dark' or 'light'.
+ *
+ * @internal
+ * @param colorMode - The color mode to use ('dark', 'light' or 'system')
+ */
 export function useColorModeClass(colorMode: ColorMode = 'light'): Readable<ColorModeClass> {
   const colorModeClass = readable<ColorModeClass>('light', (set) => {
     if (colorMode !== 'system') {
diff --git a/packages/svelte/src/lib/hooks/useConnection.ts b/packages/svelte/src/lib/hooks/useConnection.ts
index 6db9e7354..967b4e516 100644
--- a/packages/svelte/src/lib/hooks/useConnection.ts
+++ b/packages/svelte/src/lib/hooks/useConnection.ts
@@ -3,6 +3,12 @@ import type { Readable } from 'svelte/store';
 import { useStore } from '$lib/store';
 import type { ConnectionProps } from '$lib/store/derived-connection-props';
 
+/**
+ * Hook for receiving the current connection.
+ *
+ * @public
+ * @returns current connection as a readable store
+ */
 export function useConnection(): Readable<ConnectionProps> {
   const { connection } = useStore();
 
diff --git a/packages/svelte/src/lib/hooks/useHandleConnections.ts b/packages/svelte/src/lib/hooks/useHandleConnections.ts
index c8df0daeb..27e61c112 100644
--- a/packages/svelte/src/lib/hooks/useHandleConnections.ts
+++ b/packages/svelte/src/lib/hooks/useHandleConnections.ts
@@ -11,6 +11,15 @@ export type useHandleConnectionsParams = {
 
 const initialConnections: Connection[] = [];
 
+/**
+ *  Hook to check if a <Handle /> is connected to another <Handle /> and get the connections.
+ *
+ * @public
+ * @param param.nodeId
+ * @param param.type - handle type 'source' or 'target'
+ * @param param.id - the handle id (this is only needed if the node has multiple handles of the same type)
+ * @returns an array with connections
+ */
 export function useHandleConnections({ nodeId, type, id = null }: useHandleConnectionsParams) {
   const { edges, connectionLookup } = useStore();
   let prevConnections: Map<string, Connection> | undefined = undefined;
diff --git a/packages/svelte/src/lib/hooks/useNodesData.ts b/packages/svelte/src/lib/hooks/useNodesData.ts
index f50bc8b8e..8e24645cd 100644
--- a/packages/svelte/src/lib/hooks/useNodesData.ts
+++ b/packages/svelte/src/lib/hooks/useNodesData.ts
@@ -21,6 +21,14 @@ function areNodesDataEqual(a: Node['data'][] | null, b: Node['data'][] | null) {
   return true;
 }
 
+/**
+ * Hook for receiving data of one or multiple nodes
+ *
+ * @public
+ * @param nodeId - The id (or ids) of the node to get the data from
+ * @param guard - Optional guard function to narrow down the node type
+ * @returns A readable store with an array of data objects
+ */
 export function useNodesData<NodeType extends Node = Node>(
   nodeId: string
 ): Readable<NodeType['data'] | null>;
diff --git a/packages/svelte/src/lib/hooks/useNodesEdges.ts b/packages/svelte/src/lib/hooks/useNodesEdges.ts
index 64e953c40..062f596d8 100644
--- a/packages/svelte/src/lib/hooks/useNodesEdges.ts
+++ b/packages/svelte/src/lib/hooks/useNodesEdges.ts
@@ -1,10 +1,22 @@
 import { useStore } from '$lib/store';
 
+/**
+ * Hook for getting the current nodes from the store.
+ *
+ * @public
+ * @returns store with an array of nodes
+ */
 export function useNodes() {
   const { nodes } = useStore();
   return nodes;
 }
 
+/**
+ * Hook for getting the current edges from the store.
+ *
+ * @public
+ * @returns store with an array of edges
+ */
 export function useEdges() {
   const { edges } = useStore();
   return edges;
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 6e66a9981..74faa9137 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -20,6 +20,12 @@ import { useStore } from '$lib/store';
 import type { Edge, FitViewOptions, Node } from '$lib/types';
 import { isNode } from '$lib/utils';
 
+/**
+ * Hook for accessing the ReactFlow instance.
+ *
+ * @public
+ * @returns helper functions
+ */
 export function useSvelteFlow(): {
   zoomIn: ZoomInOut;
   zoomOut: ZoomInOut;
diff --git a/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts b/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
index dad8ed88f..45a203eb8 100644
--- a/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
+++ b/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
@@ -3,6 +3,12 @@ import type { UpdateNodeInternals } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
 
+/**
+ * Hook for updating node internals.
+ *
+ * @public
+ * @returns function for updating node internals
+ */
 export function useUpdateNodeInternals(): UpdateNodeInternals {
   const { domNode, updateNodeDimensions } = useStore();
 

From 84147be69922cbea06d15ceb72d8d81876bb4040 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sat, 23 Dec 2023 11:57:18 +0100
Subject: [PATCH 0443/1093] feat(deletion): add onBeforeDelete handler

---
 .../react/src/examples/Overview/index.tsx     | 13 ++-
 .../react/src/examples/Validation/index.tsx   |  6 ++
 .../src/routes/examples/overview/+page.svelte |  4 +
 .../src/components/StoreUpdater/index.tsx     |  1 +
 .../react/src/container/ReactFlow/index.tsx   |  2 +
 .../react/src/hooks/useGlobalKeyHandler.ts    |  4 +-
 packages/react/src/hooks/useReactFlow.ts      | 89 +++++++++----------
 packages/react/src/index.ts                   |  1 +
 packages/react/src/types/component-props.ts   |  2 +
 packages/react/src/types/instance.ts          |  5 +-
 packages/react/src/types/store.ts             |  2 +
 .../container/SvelteFlow/SvelteFlow.svelte    | 13 ++-
 .../src/lib/container/SvelteFlow/types.ts     |  4 +-
 .../src/lib/container/SvelteFlow/utils.ts     | 15 +---
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 27 +++---
 packages/svelte/src/lib/store/index.ts        |  5 +-
 .../svelte/src/lib/store/initial-store.ts     |  6 +-
 packages/system/src/types/general.ts          |  8 ++
 packages/system/src/utils/graph.ts            | 73 +++++++++------
 19 files changed, 165 insertions(+), 115 deletions(-)

diff --git a/examples/react/src/examples/Overview/index.tsx b/examples/react/src/examples/Overview/index.tsx
index e4879acee..b6c2a3106 100644
--- a/examples/react/src/examples/Overview/index.tsx
+++ b/examples/react/src/examples/Overview/index.tsx
@@ -15,6 +15,8 @@ import {
   Background,
   MiniMap,
   ConnectionMode,
+  OnBeforeDelete,
+  OnDelete,
 } from '@xyflow/react';
 
 const onNodeDragStart = (_: ReactMouseEvent, node: Node, nodes: Node[]) => console.log('drag start', node, nodes);
@@ -45,8 +47,11 @@ const onEdgeMouseEnter = (_: ReactMouseEvent, edge: Edge) => console.log('edge m
 const onEdgeMouseMove = (_: ReactMouseEvent, edge: Edge) => console.log('edge mouse move', edge);
 const onEdgeMouseLeave = (_: ReactMouseEvent, edge: Edge) => console.log('edge mouse leave', edge);
 const onEdgeDoubleClick = (_: ReactMouseEvent, edge: Edge) => console.log('edge double click', edge);
-const onNodesDelete = (nodes: Node[]) => console.log('nodes delete', nodes);
-const onEdgesDelete = (edges: Edge[]) => console.log('edges delete', edges);
+const onBeforeDelete: OnBeforeDelete = ({ nodes, edges }) => {
+  console.log('on before delete', nodes, edges);
+  return true;
+};
+const onDelete: OnDelete = ({ nodes, edges }) => console.log('on delete', nodes, edges);
 const onPaneMouseMove = (e: ReactMouseEvent) => console.log('pane move', e.clientX, e.clientY);
 
 const initialNodes: Node[] = [
@@ -226,8 +231,8 @@ const OverviewFlow = () => {
       fitViewOptions={{ padding: 0.1 /*nodes: [{ id: '1' }]*/ }}
       attributionPosition="top-right"
       maxZoom={Infinity}
-      onNodesDelete={onNodesDelete}
-      onEdgesDelete={onEdgesDelete}
+      onBeforeDelete={onBeforeDelete}
+      onDelete={onDelete}
       onPaneMouseMove={onPaneMouseMove}
     >
       <MiniMap nodeBorderRadius={2} />
diff --git a/examples/react/src/examples/Validation/index.tsx b/examples/react/src/examples/Validation/index.tsx
index 864c3c08e..3766ec1f1 100644
--- a/examples/react/src/examples/Validation/index.tsx
+++ b/examples/react/src/examples/Validation/index.tsx
@@ -16,6 +16,7 @@ import {
   updateEdge,
   Edge,
   IsValidConnection,
+  OnBeforeDelete,
 } from '@xyflow/react';
 
 import ConnectionStatus from './ConnectionStatus';
@@ -85,6 +86,10 @@ const ValidationFlow = () => {
     [setEdges]
   );
 
+  const onBeforeDelete: OnBeforeDelete = useCallback(() => {
+    return true;
+  }, []);
+
   return (
     <ReactFlow
       nodes={nodes}
@@ -99,6 +104,7 @@ const ValidationFlow = () => {
       onConnectEnd={onConnectEnd}
       onEdgeUpdate={onEdgeUpdate}
       isValidConnection={isValidConnection}
+      onBeforeDelete={onBeforeDelete}
       fitView
     >
       <ConnectionStatus />
diff --git a/examples/svelte/src/routes/examples/overview/+page.svelte b/examples/svelte/src/routes/examples/overview/+page.svelte
index d8293666a..9b285782a 100644
--- a/examples/svelte/src/routes/examples/overview/+page.svelte
+++ b/examples/svelte/src/routes/examples/overview/+page.svelte
@@ -177,6 +177,10 @@
 	}}
 	on:selectionclick={(event) => console.log('on selection click', event)}
 	on:selectioncontextmenu={(event) => console.log('on selection contextmenu', event)}
+	onbeforedelete={({ nodes, edges }) => {
+		console.log('on before delete', nodes, edges);
+		return true;
+	}}
 	autoPanOnConnect
 	autoPanOnNodeDrag
 	connectionMode={ConnectionMode.Strict}
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 948c50fc6..344c718f2 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -64,6 +64,7 @@ const reactFlowFieldsToTrack = [
   'isValidConnection',
   'selectNodesOnDrag',
   'nodeDragThreshold',
+  'onBeforeDelete',
 ] as const;
 
 type ReactFlowFieldsToTrack = (typeof reactFlowFieldsToTrack)[number];
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 48ff13c6d..bfe3530c5 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -70,6 +70,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
       onSelectionContextMenu,
       onSelectionStart,
       onSelectionEnd,
+      onBeforeDelete,
       connectionMode,
       connectionLineType = ConnectionLineType.Bezier,
       connectionLineStyle,
@@ -284,6 +285,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
             isValidConnection={isValidConnection}
             selectNodesOnDrag={selectNodesOnDrag}
             nodeDragThreshold={nodeDragThreshold}
+            onBeforeDelete={onBeforeDelete}
           />
           <SelectionListener onSelectionChange={onSelectionChange} />
           {children}
diff --git a/packages/react/src/hooks/useGlobalKeyHandler.ts b/packages/react/src/hooks/useGlobalKeyHandler.ts
index 786ed8706..2409558f8 100644
--- a/packages/react/src/hooks/useGlobalKeyHandler.ts
+++ b/packages/react/src/hooks/useGlobalKeyHandler.ts
@@ -30,8 +30,8 @@ export default ({
 
   useEffect(() => {
     if (deleteKeyPressed) {
-      const { edges, nodes } = store.getState();
-      deleteElements({ nodes: nodes.filter(selected), edges: edges.filter(selected) });
+      const { edges, nodes, onBeforeDelete } = store.getState();
+      deleteElements({ nodes: nodes.filter(selected), edges: edges.filter(selected), onBeforeDelete });
       store.setState({ nodesSelectionActive: false });
     }
   }, [deleteKeyPressed]);
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 271e0ebf5..e8622bcc9 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -12,7 +12,6 @@ import type {
   EdgeResetChange,
   NodeRemoveChange,
   EdgeRemoveChange,
-  NodeChange,
   Node,
   Edge,
 } from '../types';
@@ -118,67 +117,65 @@ export default function useReactFlow<NodeType extends Node = Node, EdgeType exte
     };
   }, []);
 
-  const deleteElements = useCallback<Instance.DeleteElements>(({ nodes: nodesDeleted, edges: edgesDeleted }) => {
-    const {
-      nodes,
-      edges,
-      hasDefaultNodes,
-      hasDefaultEdges,
-      onNodesDelete,
-      onEdgesDelete,
-      onNodesChange,
-      onEdgesChange,
-      onDelete,
-    } = store.getState();
-    const { matchingNodes, matchingEdges } = getElementsToRemove<Node, Edge>({
-      nodesToRemove: nodesDeleted || [],
-      edgesToRemove: edgesDeleted || [],
-      nodes,
-      edges,
-    });
-
-    if (matchingNodes.length || matchingEdges.length) {
-      if (hasDefaultEdges || hasDefaultNodes) {
+  const deleteElements = useCallback<Instance.DeleteElements>(
+    ({ nodes: nodesToRemove = [], edges: edgesToRemove = [], onBeforeDelete }) => {
+      const {
+        nodes,
+        edges,
+        hasDefaultNodes,
+        hasDefaultEdges,
+        onNodesDelete,
+        onEdgesDelete,
+        onNodesChange,
+        onEdgesChange,
+        onDelete,
+      } = store.getState();
+      const { nodes: matchingNodes, edges: matchingEdges } = getElementsToRemove({
+        nodesToRemove,
+        edgesToRemove,
+        nodes,
+        edges,
+        onBeforeDelete,
+      });
+
+      const hasMatchingEdges = matchingEdges.length > 0;
+      const hasMatchingNodes = matchingNodes.length > 0;
+
+      if (hasMatchingEdges) {
         if (hasDefaultEdges) {
           store.setState({
             edges: edges.filter((e) => !matchingEdges.some((mE) => mE.id === e.id)),
           });
         }
 
+        onEdgesDelete?.(matchingEdges);
+        onEdgesChange?.(
+          matchingEdges.map((edge) => ({
+            id: edge.id,
+            type: 'remove',
+          }))
+        );
+      }
+
+      if (hasMatchingNodes) {
         if (hasDefaultNodes) {
           store.setState({
             nodes: nodes.filter((n) => !matchingNodes.some((mN) => mN.id === n.id)),
           });
         }
-      }
 
-      if (matchingEdges.length > 0) {
-        onEdgesDelete?.(matchingEdges);
-
-        if (onEdgesChange) {
-          onEdgesChange(
-            matchingEdges.map((edge) => ({
-              id: edge.id,
-              type: 'remove',
-            }))
-          );
-        }
+        onNodesDelete?.(matchingNodes);
+        onNodesChange?.(matchingNodes.map((node) => ({ id: node.id, type: 'remove' })));
       }
 
-      if (matchingNodes.length > 0) {
-        onNodesDelete?.(matchingNodes as Node[]);
-
-        if (onNodesChange) {
-          const nodeChanges: NodeChange[] = matchingNodes.map((node) => ({ id: node.id, type: 'remove' }));
-          onNodesChange(nodeChanges);
-        }
+      if (hasMatchingNodes || hasMatchingEdges) {
+        onDelete?.({ nodes: matchingNodes, edges: matchingEdges });
       }
 
-      onDelete?.({ nodes: matchingNodes, edges: matchingEdges });
-    }
-
-    return { deletedNodes: matchingNodes, deletedEdges: matchingEdges };
-  }, []);
+      return { deletedNodes: matchingNodes, deletedEdges: matchingEdges };
+    },
+    []
+  );
 
   const getNodeRect = useCallback(
     (nodeOrRect: NodeType | { id: Node['id'] } | Rect): [Rect | null, NodeType | null | undefined, boolean] => {
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index f1997caad..9f30289d4 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -79,6 +79,7 @@ export {
   type ColorMode,
   type ColorModeClass,
   type HandleType,
+  type OnBeforeDelete,
 } from '@xyflow/system';
 
 // system utils
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index 43dc5e902..bea7166b5 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -21,6 +21,7 @@ import type {
   IsValidConnection,
   ColorMode,
   SnapGrid,
+  OnBeforeDelete,
 } from '@xyflow/system';
 
 import type {
@@ -100,6 +101,7 @@ export type ReactFlowProps = Omit<HTMLAttributes<HTMLDivElement>, 'onError'> & {
   onPaneMouseEnter?: (event: ReactMouseEvent) => void;
   onPaneMouseMove?: (event: ReactMouseEvent) => void;
   onPaneMouseLeave?: (event: ReactMouseEvent) => void;
+  onBeforeDelete?: OnBeforeDelete;
   nodeTypes?: NodeTypes;
   edgeTypes?: EdgeTypes;
   connectionLineType?: ConnectionLineType;
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 878e85a88..40ae647c1 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-namespace */
-import type { Rect, Viewport } from '@xyflow/system';
+import type { OnBeforeDelete, Rect, Viewport } from '@xyflow/system';
 import type { Node, Edge, ViewportHelperFunctions } from '.';
 
 export type ReactFlowJsonObject<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
@@ -12,6 +12,7 @@ export type ReactFlowJsonObject<NodeType extends Node = Node, EdgeType extends E
 export type DeleteElementsOptions = {
   nodes?: (Node | { id: Node['id'] })[];
   edges?: (Edge | { id: Edge['id'] })[];
+  onBeforeDelete?: OnBeforeDelete;
 };
 
 export namespace Instance {
@@ -31,7 +32,7 @@ export namespace Instance {
     NodeType,
     EdgeType
   >;
-  export type DeleteElements = ({ nodes, edges }: DeleteElementsOptions) => {
+  export type DeleteElements = (params: DeleteElementsOptions) => {
     deletedNodes: Node[];
     deletedEdges: Edge[];
   };
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index a4cad399b..b138fc9d1 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -27,6 +27,7 @@ import {
   type EdgeLookup,
   type ConnectionLookup,
   type NodeLookup,
+  OnBeforeDelete,
 } from '@xyflow/system';
 
 import type {
@@ -132,6 +133,7 @@ export type ReactFlowStore = {
   onViewportChangeStart?: OnViewportChange;
   onViewportChange?: OnViewportChange;
   onViewportChangeEnd?: OnViewportChange;
+  onBeforeDelete?: OnBeforeDelete;
 
   onSelectionChangeHandlers: OnSelectionChangeFunc[];
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 3e09a4601..2d2df3a6f 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { onMount, hasContext } from 'svelte';
+  import { get } from 'svelte/store';
   import cc from 'classcat';
   import { ConnectionMode, PanOnScrollMode, type Viewport } from '@xyflow/system';
 
@@ -15,13 +16,7 @@
   import { Attribution } from '$lib/components/Attribution';
   import { key, useStore, createStoreContext } from '$lib/store';
   import type { SvelteFlowProps } from './types';
-  import {
-    updateStore,
-    updateStoreByKeys,
-    type UpdatableStoreProps,
-    getColorModeClass
-  } from './utils';
-  import { get } from 'svelte/store';
+  import { updateStore, updateStoreByKeys, type UpdatableStoreProps } from './utils';
   import { useColorModeClass } from '$lib/hooks/useColorModeClass';
 
   type $$Props = SvelteFlowProps;
@@ -81,6 +76,7 @@
   export let onconnect: $$Props['onconnect'] = undefined;
   export let onconnectstart: $$Props['onconnectstart'] = undefined;
   export let onconnectend: $$Props['onconnectend'] = undefined;
+  export let onbeforedelete: $$Props['onbeforedelete'] = undefined;
 
   export let defaultMarkerColor = '#b1b1b7';
 
@@ -158,7 +154,8 @@
       nodeDragThreshold,
       onconnect,
       onconnectstart,
-      onconnectend
+      onconnectend,
+      onbeforedelete
     };
 
     updateStoreByKeys(store, updatableProps);
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 993616246..f25c81505 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -18,7 +18,8 @@ import type {
   ColorMode,
   OnConnect,
   OnConnectStart,
-  OnConnectEnd
+  OnConnectEnd,
+  OnBeforeDelete
 } from '@xyflow/system';
 
 import type {
@@ -93,6 +94,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   onMoveEnd?: OnMoveEnd;
   onerror?: OnError;
   ondelete?: OnDelete;
+  onbeforedelete?: OnBeforeDelete;
 
   onedgecreate?: OnEdgeCreate;
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow/utils.ts b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
index 497ccd149..2970f15c5 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/utils.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
@@ -1,6 +1,6 @@
 import type { SvelteFlowStore } from '$lib/store/types';
 import type { EdgeTypes, NodeTypes } from '$lib/types';
-import type { ColorMode, CoordinateExtent } from '@xyflow/system';
+import type { CoordinateExtent } from '@xyflow/system';
 import type { Writable } from 'svelte/store';
 
 // this is helper function for updating the store
@@ -69,6 +69,7 @@ export type UpdatableStoreProps = {
   onconnect?: UnwrapWritable<SvelteFlowStore['onconnect']>;
   onconnectstart?: UnwrapWritable<SvelteFlowStore['onconnectstart']>;
   onconnectend?: UnwrapWritable<SvelteFlowStore['onconnectend']>;
+  onbeforedelete?: UnwrapWritable<SvelteFlowStore['onbeforedelete']>;
 };
 
 export function updateStoreByKeys(store: SvelteFlowStore, keys: UpdatableStoreProps) {
@@ -81,15 +82,3 @@ export function updateStoreByKeys(store: SvelteFlowStore, keys: UpdatableStorePr
     }
   });
 }
-
-export function getColorModeClass(colorMode?: ColorMode) {
-  if (colorMode !== 'system') {
-    return colorMode;
-  }
-
-  if (!colorMode || typeof window === 'undefined' || !window.matchMedia) {
-    return 'light';
-  }
-
-  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-}
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 74faa9137..f242a4271 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -13,7 +13,8 @@ import {
   type Rect,
   getViewportForBounds,
   getElementsToRemove,
-  rendererPointToPoint
+  rendererPointToPoint,
+  type OnBeforeDelete
 } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
@@ -48,7 +49,8 @@ export function useSvelteFlow(): {
   fitBounds: (bounds: Rect, options?: FitBoundsOptions) => void;
   deleteElements: (
     nodesToRemove?: (Node | { id: Node['id'] })[],
-    edgesToRemove?: (Edge | { id: Edge['id'] })[]
+    edgesToRemove?: (Edge | { id: Edge['id'] })[],
+    onBeforeDelete?: OnBeforeDelete
   ) => { deletedNodes: Node[]; deletedEdges: Edge[] };
   screenToFlowPosition: (position: XYPosition) => XYPosition;
   flowToScreenPosition: (position: XYPosition) => XYPosition;
@@ -69,6 +71,7 @@ export function useSvelteFlow(): {
     zoomIn,
     zoomOut,
     fitView,
+    onbeforedelete,
     snapGrid,
     viewport,
     width,
@@ -200,23 +203,27 @@ export function useSvelteFlow(): {
     },
     deleteElements: (
       nodesToRemove: (Node | { id: Node['id'] })[] = [],
-      edgesToRemove: (Edge | { id: Edge['id'] })[] = []
+      edgesToRemove: (Edge | { id: Edge['id'] })[] = [],
+      onBeforeDelete?: OnBeforeDelete
     ) => {
-      const _nodes = get(nodes);
-      const _edges = get(edges);
-      const { matchingNodes, matchingEdges } = getElementsToRemove<Node, Edge>({
+      const { nodes: matchingNodes, edges: matchingEdges } = getElementsToRemove({
         nodesToRemove,
         edgesToRemove,
-        nodes: _nodes,
-        edges: _edges
+        nodes: get(nodes),
+        edges: get(edges),
+        onBeforeDelete
       });
 
       if (matchingNodes) {
-        nodes.set(_nodes.filter((node) => !matchingNodes.some(({ id }) => id === node.id)));
+        nodes.update((nds) =>
+          nds.filter((node) => !matchingNodes.some(({ id }) => id === node.id))
+        );
       }
 
       if (matchingEdges) {
-        edges.set(_edges.filter((edge) => !matchingEdges.some(({ id }) => id === edge.id)));
+        edges.update((eds) =>
+          eds.filter((edge) => !matchingEdges.some(({ id }) => id === edge.id))
+        );
       }
 
       return {
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 1e76263c2..53515a422 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -215,11 +215,12 @@ export function createStore({
       const selectedNodes = nodes.filter((node) => node.selected);
       const selectedEdges = edges.filter((edge) => edge.selected);
 
-      const { matchingNodes, matchingEdges } = getElementsToRemove<Node, Edge>({
+      const { nodes: matchingNodes, edges: matchingEdges } = getElementsToRemove({
         nodesToRemove: selectedNodes,
         edgesToRemove: selectedEdges,
         nodes,
-        edges
+        edges,
+        onBeforeDelete: get(store.onbeforedelete)
       });
 
       if (matchingNodes.length || matchingEdges.length) {
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index ead5652d0..01a40a9c3 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -22,7 +22,8 @@ import {
   type OnConnect,
   type OnConnectStart,
   type OnConnectEnd,
-  type NodeLookup
+  type NodeLookup,
+  type OnBeforeDelete
 } from '@xyflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -148,6 +149,7 @@ export const getInitialStore = ({
     onedgecreate: writable<OnEdgeCreate>(undefined),
     onconnect: writable<OnConnect>(undefined),
     onconnectstart: writable<OnConnectStart>(undefined),
-    onconnectend: writable<OnConnectEnd>(undefined)
+    onconnectend: writable<OnConnectEnd>(undefined),
+    onbeforedelete: writable<OnBeforeDelete>(undefined)
   };
 };
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 1591cca4e..90b3c220d 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -141,3 +141,11 @@ export type ColorModeClass = 'light' | 'dark';
 export type ColorMode = ColorModeClass | 'system';
 
 export type ConnectionLookup = Map<string, Map<string, Connection>>;
+
+export type OnBeforeDelete = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>({
+  nodes,
+  edges,
+}: {
+  nodes: NodeType[];
+  edges: EdgeType[];
+}) => boolean | { nodes: NodeType[]; edges: EdgeType[] };
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 2f1b3a86d..adfc2467e 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -22,6 +22,7 @@ import {
   NodeDragItem,
   CoordinateExtent,
   OnError,
+  OnBeforeDelete,
 } from '../types';
 import { errorMessages } from '../constants';
 
@@ -332,47 +333,69 @@ export function calcNextPosition<NodeType extends NodeBase>(
  * @param param.edgesToRemove - The edges to remove
  * @param param.nodes - All nodes
  * @param param.edges - All edges
- * @returns matchingNodes: nodes that can be deleted, matchingEdges: edges that can be deleted
+ * @param param.onBeforeDelete - Callback to check which nodes and edges can be deleted
+ * @returns nodes: nodes that can be deleted, edges: edges that can be deleted
  */
 export function getElementsToRemove<NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>({
-  nodesToRemove,
-  edgesToRemove,
+  nodesToRemove = [],
+  edgesToRemove = [],
   nodes,
   edges,
+  onBeforeDelete,
 }: {
   nodesToRemove: Partial<NodeType>[];
   edgesToRemove: Partial<EdgeType>[];
   nodes: NodeType[];
   edges: EdgeType[];
+  onBeforeDelete?: OnBeforeDelete;
 }): {
-  matchingNodes: NodeType[];
-  matchingEdges: EdgeType[];
+  nodes: NodeType[];
+  edges: EdgeType[];
 } {
   const nodeIds = nodesToRemove.map((node) => node.id);
-  const edgeIds = edgesToRemove.map((edge) => edge.id);
+  const matchingNodes: NodeType[] = [];
 
-  const matchingNodes = nodes.reduce<NodeType[]>((res, node) => {
-    const parentHit = !nodeIds.includes(node.id) && node.parentNode && res.find((n) => n.id === node.parentNode);
-    const deletable = typeof node.deletable === 'boolean' ? node.deletable : true;
-    if (deletable && (nodeIds.includes(node.id) || parentHit)) {
-      res.push(node);
+  for (const node of nodes) {
+    if (node.deletable === false) {
+      continue;
     }
 
-    return res;
-  }, []);
-  const deletableEdges = edges.filter((e) => (typeof e.deletable === 'boolean' ? e.deletable : true));
-  const initialHitEdges = deletableEdges.filter((e) => edgeIds.includes(e.id));
-  const connectedEdges = getConnectedEdgesBase<NodeType, EdgeType>(matchingNodes, deletableEdges);
-  const matchingEdges = connectedEdges.reduce((res, edge) => {
-    if (!res.find((e) => e.id === edge.id)) {
-      res.push(edge);
+    const isIncluded = nodeIds.includes(node.id);
+    const parentHit = !isIncluded && node.parentNode && matchingNodes.find((n) => n.id === node.parentNode);
+
+    if (isIncluded || parentHit) {
+      matchingNodes.push(node);
     }
+  }
 
-    return res;
-  }, initialHitEdges);
+  const edgeIds = edgesToRemove.map((edge) => edge.id);
+  const deletableEdges = edges.filter((edge) => edge.deletable !== false);
+  const connectedEdges = getConnectedEdgesBase(matchingNodes, deletableEdges);
+  const matchingEdges: EdgeType[] = connectedEdges;
 
-  return {
-    matchingEdges,
-    matchingNodes,
-  };
+  for (const edge of deletableEdges) {
+    const isIncluded = edgeIds.includes(edge.id);
+
+    if (isIncluded && !matchingEdges.find((e) => e.id === edge.id)) {
+      matchingEdges.push(edge);
+    }
+  }
+
+  if (!onBeforeDelete) {
+    return {
+      edges: matchingEdges,
+      nodes: matchingNodes,
+    };
+  }
+
+  const onBeforeDeleteResult = onBeforeDelete({
+    nodes: matchingNodes,
+    edges: matchingEdges,
+  });
+
+  if (typeof onBeforeDeleteResult === 'boolean') {
+    return onBeforeDeleteResult ? { edges: matchingEdges, nodes: matchingNodes } : { edges: [], nodes: [] };
+  }
+
+  return onBeforeDeleteResult;
 }

From a75f461a5c388d648b5884b81829d46af322910d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sat, 23 Dec 2023 15:19:32 +0100
Subject: [PATCH 0444/1093] refactor(on-before-delete): async

---
 examples/react/src/examples/Overview/index.tsx            | 5 +++--
 examples/react/src/examples/Validation/index.tsx          | 2 +-
 examples/svelte/src/routes/examples/overview/+page.svelte | 5 +++--
 packages/react/src/hooks/useReactFlow.ts                  | 4 ++--
 packages/react/src/types/instance.ts                      | 4 ++--
 packages/svelte/src/lib/hooks/useSvelteFlow.ts            | 6 +++---
 packages/svelte/src/lib/store/index.ts                    | 4 ++--
 packages/system/src/types/general.ts                      | 2 +-
 packages/system/src/utils/graph.ts                        | 8 ++++----
 9 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/examples/react/src/examples/Overview/index.tsx b/examples/react/src/examples/Overview/index.tsx
index b6c2a3106..3f5c72d04 100644
--- a/examples/react/src/examples/Overview/index.tsx
+++ b/examples/react/src/examples/Overview/index.tsx
@@ -47,9 +47,10 @@ const onEdgeMouseEnter = (_: ReactMouseEvent, edge: Edge) => console.log('edge m
 const onEdgeMouseMove = (_: ReactMouseEvent, edge: Edge) => console.log('edge mouse move', edge);
 const onEdgeMouseLeave = (_: ReactMouseEvent, edge: Edge) => console.log('edge mouse leave', edge);
 const onEdgeDoubleClick = (_: ReactMouseEvent, edge: Edge) => console.log('edge double click', edge);
-const onBeforeDelete: OnBeforeDelete = ({ nodes, edges }) => {
+const onBeforeDelete: OnBeforeDelete = async ({ nodes, edges }) => {
   console.log('on before delete', nodes, edges);
-  return true;
+  const deleteElements = confirm('Do you want to remove the selected elements?');
+  return deleteElements;
 };
 const onDelete: OnDelete = ({ nodes, edges }) => console.log('on delete', nodes, edges);
 const onPaneMouseMove = (e: ReactMouseEvent) => console.log('pane move', e.clientX, e.clientY);
diff --git a/examples/react/src/examples/Validation/index.tsx b/examples/react/src/examples/Validation/index.tsx
index 3766ec1f1..3e89b3f8a 100644
--- a/examples/react/src/examples/Validation/index.tsx
+++ b/examples/react/src/examples/Validation/index.tsx
@@ -86,7 +86,7 @@ const ValidationFlow = () => {
     [setEdges]
   );
 
-  const onBeforeDelete: OnBeforeDelete = useCallback(() => {
+  const onBeforeDelete: OnBeforeDelete = useCallback(async () => {
     return true;
   }, []);
 
diff --git a/examples/svelte/src/routes/examples/overview/+page.svelte b/examples/svelte/src/routes/examples/overview/+page.svelte
index 9b285782a..44d545440 100644
--- a/examples/svelte/src/routes/examples/overview/+page.svelte
+++ b/examples/svelte/src/routes/examples/overview/+page.svelte
@@ -177,9 +177,10 @@
 	}}
 	on:selectionclick={(event) => console.log('on selection click', event)}
 	on:selectioncontextmenu={(event) => console.log('on selection contextmenu', event)}
-	onbeforedelete={({ nodes, edges }) => {
+	onbeforedelete={async ({ nodes, edges }) => {
 		console.log('on before delete', nodes, edges);
-		return true;
+		const deleteElements = confirm('Are you sure you want to delete the selected elements?');
+		return deleteElements;
 	}}
 	autoPanOnConnect
 	autoPanOnNodeDrag
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index e8622bcc9..eb07cc6ab 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -118,7 +118,7 @@ export default function useReactFlow<NodeType extends Node = Node, EdgeType exte
   }, []);
 
   const deleteElements = useCallback<Instance.DeleteElements>(
-    ({ nodes: nodesToRemove = [], edges: edgesToRemove = [], onBeforeDelete }) => {
+    async ({ nodes: nodesToRemove = [], edges: edgesToRemove = [], onBeforeDelete }) => {
       const {
         nodes,
         edges,
@@ -130,7 +130,7 @@ export default function useReactFlow<NodeType extends Node = Node, EdgeType exte
         onEdgesChange,
         onDelete,
       } = store.getState();
-      const { nodes: matchingNodes, edges: matchingEdges } = getElementsToRemove({
+      const { nodes: matchingNodes, edges: matchingEdges } = await getElementsToRemove({
         nodesToRemove,
         edgesToRemove,
         nodes,
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 40ae647c1..c9c4708db 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -32,10 +32,10 @@ export namespace Instance {
     NodeType,
     EdgeType
   >;
-  export type DeleteElements = (params: DeleteElementsOptions) => {
+  export type DeleteElements = (params: DeleteElementsOptions) => Promise<{
     deletedNodes: Node[];
     deletedEdges: Edge[];
-  };
+  }>;
   export type GetIntersectingNodes<NodeType extends Node = Node> = (
     node: NodeType | { id: Node['id'] } | Rect,
     partially?: boolean,
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index f242a4271..ec370dbf9 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -51,7 +51,7 @@ export function useSvelteFlow(): {
     nodesToRemove?: (Node | { id: Node['id'] })[],
     edgesToRemove?: (Edge | { id: Edge['id'] })[],
     onBeforeDelete?: OnBeforeDelete
-  ) => { deletedNodes: Node[]; deletedEdges: Edge[] };
+  ) => Promise<{ deletedNodes: Node[]; deletedEdges: Edge[] }>;
   screenToFlowPosition: (position: XYPosition) => XYPosition;
   flowToScreenPosition: (position: XYPosition) => XYPosition;
   viewport: Writable<Viewport>;
@@ -201,12 +201,12 @@ export function useSvelteFlow(): {
 
       return partiallyVisible || overlappingArea >= nodeRect.width * nodeRect.height;
     },
-    deleteElements: (
+    deleteElements: async (
       nodesToRemove: (Node | { id: Node['id'] })[] = [],
       edgesToRemove: (Edge | { id: Edge['id'] })[] = [],
       onBeforeDelete?: OnBeforeDelete
     ) => {
-      const { nodes: matchingNodes, edges: matchingEdges } = getElementsToRemove({
+      const { nodes: matchingNodes, edges: matchingEdges } = await getElementsToRemove({
         nodesToRemove,
         edgesToRemove,
         nodes: get(nodes),
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 53515a422..75036a80d 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -208,14 +208,14 @@ export function createStore({
     }
   }
 
-  store.deleteKeyPressed.subscribe((deleteKeyPressed) => {
+  store.deleteKeyPressed.subscribe(async (deleteKeyPressed) => {
     if (deleteKeyPressed) {
       const nodes = get(store.nodes);
       const edges = get(store.edges);
       const selectedNodes = nodes.filter((node) => node.selected);
       const selectedEdges = edges.filter((edge) => edge.selected);
 
-      const { nodes: matchingNodes, edges: matchingEdges } = getElementsToRemove({
+      const { nodes: matchingNodes, edges: matchingEdges } = await getElementsToRemove({
         nodesToRemove: selectedNodes,
         edgesToRemove: selectedEdges,
         nodes,
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 90b3c220d..5fe4a8440 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -148,4 +148,4 @@ export type OnBeforeDelete = <NodeType extends NodeBase = NodeBase, EdgeType ext
 }: {
   nodes: NodeType[];
   edges: EdgeType[];
-}) => boolean | { nodes: NodeType[]; edges: EdgeType[] };
+}) => Promise<boolean | { nodes: NodeType[]; edges: EdgeType[] }>;
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index adfc2467e..68024ce54 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -336,7 +336,7 @@ export function calcNextPosition<NodeType extends NodeBase>(
  * @param param.onBeforeDelete - Callback to check which nodes and edges can be deleted
  * @returns nodes: nodes that can be deleted, edges: edges that can be deleted
  */
-export function getElementsToRemove<NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>({
+export async function getElementsToRemove<NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>({
   nodesToRemove = [],
   edgesToRemove = [],
   nodes,
@@ -348,10 +348,10 @@ export function getElementsToRemove<NodeType extends NodeBase = NodeBase, EdgeTy
   nodes: NodeType[];
   edges: EdgeType[];
   onBeforeDelete?: OnBeforeDelete;
-}): {
+}): Promise<{
   nodes: NodeType[];
   edges: EdgeType[];
-} {
+}> {
   const nodeIds = nodesToRemove.map((node) => node.id);
   const matchingNodes: NodeType[] = [];
 
@@ -388,7 +388,7 @@ export function getElementsToRemove<NodeType extends NodeBase = NodeBase, EdgeTy
     };
   }
 
-  const onBeforeDeleteResult = onBeforeDelete({
+  const onBeforeDeleteResult = await onBeforeDelete({
     nodes: matchingNodes,
     edges: matchingEdges,
   });

From 3d1834b138b20a52f01774d5e814cc874eb964fe Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sat, 23 Dec 2023 17:13:35 +0100
Subject: [PATCH 0445/1093] feat(react): add useConnection

---
 examples/react/src/App/routes.ts              |  6 ++
 .../src/examples/UseConnection/index.tsx      | 75 +++++++++++++++++++
 packages/react/src/hooks/useConnection.ts     | 27 +++++++
 packages/react/src/index.ts                   |  1 +
 4 files changed, 109 insertions(+)
 create mode 100644 examples/react/src/examples/UseConnection/index.tsx
 create mode 100644 packages/react/src/hooks/useConnection.ts

diff --git a/examples/react/src/App/routes.ts b/examples/react/src/App/routes.ts
index d38f54496..2f3d55ba6 100644
--- a/examples/react/src/App/routes.ts
+++ b/examples/react/src/App/routes.ts
@@ -43,6 +43,7 @@ import CancelConnection from '../examples/CancelConnection';
 import InteractiveMinimap from '../examples/InteractiveMinimap';
 import UseOnSelectionChange from '../examples/UseOnSelectionChange';
 import NodeToolbar from '../examples/NodeToolbar';
+import UseConnection from '../examples/UseConnection';
 import UseNodesInitialized from '../examples/UseNodesInit';
 import UseNodesData from '../examples/UseNodesData';
 import UseHandleConnections from '../examples/UseHandleConnections';
@@ -254,6 +255,11 @@ const routes: IRoute[] = [
     path: 'update-node',
     component: UpdateNode,
   },
+  {
+    name: 'useConnection',
+    path: 'use-connection',
+    component: UseConnection,
+  },
   {
     name: 'useNodesInitialized',
     path: 'use-nodes-initialized',
diff --git a/examples/react/src/examples/UseConnection/index.tsx b/examples/react/src/examples/UseConnection/index.tsx
new file mode 100644
index 000000000..cc90f11fe
--- /dev/null
+++ b/examples/react/src/examples/UseConnection/index.tsx
@@ -0,0 +1,75 @@
+import { useCallback, useEffect } from 'react';
+import {
+  ReactFlow,
+  Background,
+  MiniMap,
+  Node,
+  addEdge,
+  ReactFlowProvider,
+  Edge,
+  useNodesState,
+  useEdgesState,
+  OnConnect,
+  useConnection,
+} from '@xyflow/react';
+
+const initialNodes: Node[] = [
+  {
+    id: '1',
+    type: 'input',
+    data: { label: 'Node 1' },
+    position: { x: 250, y: 5 },
+    className: 'light',
+  },
+  {
+    id: '2',
+    data: { label: 'Node 2' },
+    position: { x: 100, y: 100 },
+    className: 'light',
+  },
+  {
+    id: '3',
+    data: { label: 'Node 3' },
+    position: { x: 400, y: 100 },
+    className: 'light',
+  },
+];
+
+const initialEdges: Edge[] = [
+  { id: 'e1-2', source: '1', target: '2' },
+  { id: 'e1-3', source: '1', target: '3' },
+];
+
+const UseZoomPanHelperFlow = () => {
+  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
+  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
+
+  const onConnect: OnConnect = useCallback((params) => setEdges((eds) => addEdge(params, eds)), []);
+  const connection = useConnection();
+
+  useEffect(() => {
+    console.log('connection', connection);
+  }, [connection]);
+
+  return (
+    <ReactFlow
+      nodes={nodes}
+      edges={edges}
+      onNodesChange={onNodesChange}
+      onEdgesChange={onEdgesChange}
+      onConnect={onConnect}
+      fitView
+    >
+      <Background />
+      <MiniMap />
+    </ReactFlow>
+  );
+};
+
+const WrappedFlow = () => (
+  <ReactFlowProvider>
+    <UseZoomPanHelperFlow />
+  </ReactFlowProvider>
+);
+
+export default WrappedFlow;
diff --git a/packages/react/src/hooks/useConnection.ts b/packages/react/src/hooks/useConnection.ts
new file mode 100644
index 000000000..641c22c80
--- /dev/null
+++ b/packages/react/src/hooks/useConnection.ts
@@ -0,0 +1,27 @@
+import { shallow } from 'zustand/shallow';
+
+import { useStore } from './useStore';
+import type { ReactFlowStore } from '../types/store';
+
+const selector = (s: ReactFlowStore) => ({
+  startHandle: s.connectionStartHandle,
+  endHandle: s.connectionEndHandle,
+  status: s.connectionStatus,
+  position: s.connectionStartHandle ? s.connectionPosition : null,
+});
+
+/**
+ * Hook for accessing the ongoing connection.
+ *
+ * @returns ongoing connection: startHandle, endHandle, status, position
+ */
+export function useConnection(): {
+  startHandle: ReactFlowStore['connectionStartHandle'];
+  endHandle: ReactFlowStore['connectionEndHandle'];
+  status: ReactFlowStore['connectionStatus'];
+  position: ReactFlowStore['connectionPosition'] | null;
+} {
+  const ongoingConnection = useStore(selector, shallow);
+
+  return ongoingConnection;
+}
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 9f30289d4..c3baba480 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -25,6 +25,7 @@ export { default as useOnSelectionChange, type UseOnSelectionChangeOptions } fro
 export { default as useNodesInitialized, type UseNodesInitializedOptions } from './hooks/useNodesInitialized';
 export { useHandleConnections } from './hooks/useHandleConnections';
 export { useNodesData } from './hooks/useNodesData';
+export { useConnection } from './hooks/useConnection';
 export { useNodeId } from './contexts/NodeIdContext';
 
 export { applyNodeChanges, applyEdgeChanges, handleParentExpand } from './utils/changes';

From 3960c3bf677559c37185f7eaf233598919cb0510 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sat, 23 Dec 2023 17:35:55 +0100
Subject: [PATCH 0446/1093] chore(react): simplify useEdgesState/useNodesState

---
 .../src/examples/CustomMiniMapNode/index.tsx  |  4 +-
 .../react/src/examples/CustomNode/index.tsx   |  5 +-
 .../react/src/examples/DragNDrop/index.tsx    |  2 +-
 examples/react/src/examples/Empty/index.tsx   |  4 +-
 .../examples/NodeTypesObjectChange/index.tsx  |  2 +-
 .../examples/UseUpdateNodeInternals/index.tsx |  2 +-
 .../react/src/examples/Validation/index.tsx   |  2 +-
 packages/react/src/hooks/useConnection.ts     |  1 +
 .../react/src/hooks/useNodesEdgesState.ts     | 46 +++++++------------
 9 files changed, 29 insertions(+), 39 deletions(-)

diff --git a/examples/react/src/examples/CustomMiniMapNode/index.tsx b/examples/react/src/examples/CustomMiniMapNode/index.tsx
index d8f584b62..0b62196fb 100644
--- a/examples/react/src/examples/CustomMiniMapNode/index.tsx
+++ b/examples/react/src/examples/CustomMiniMapNode/index.tsx
@@ -32,8 +32,8 @@ const CustomMiniMapNode = ({ x, y, width, height, color }: MiniMapNodeProps) =>
 );
 
 const CustomMiniMapNodeFlow = () => {
-  const [nodes, setNodes, onNodesChange] = useNodesState([]);
-  const [edges, setEdges, onEdgesChange] = useEdgesState([]);
+  const [nodes, setNodes, onNodesChange] = useNodesState<Node>([]);
+  const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
 
   const onConnect = useCallback((params: Connection | Edge) => setEdges((els) => addEdge(params, els)), [setEdges]);
   const addRandomNode = () => {
diff --git a/examples/react/src/examples/CustomNode/index.tsx b/examples/react/src/examples/CustomNode/index.tsx
index 9c62f46af..ce7d0f624 100644
--- a/examples/react/src/examples/CustomNode/index.tsx
+++ b/examples/react/src/examples/CustomNode/index.tsx
@@ -12,6 +12,7 @@ import {
   useNodesState,
   useEdgesState,
   Background,
+  Edge,
 } from '@xyflow/react';
 
 import ColorSelectorNode from './ColorSelectorNode';
@@ -33,8 +34,8 @@ const nodeTypes = {
 };
 
 const CustomNodeFlow = () => {
-  const [nodes, setNodes, onNodesChange] = useNodesState([]);
-  const [edges, setEdges, onEdgesChange] = useEdgesState([]);
+  const [nodes, setNodes, onNodesChange] = useNodesState<Node>([]);
+  const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
 
   const [bgColor, setBgColor] = useState<string>(initBgColor);
 
diff --git a/examples/react/src/examples/DragNDrop/index.tsx b/examples/react/src/examples/DragNDrop/index.tsx
index d11cd9023..83c7bb4ed 100644
--- a/examples/react/src/examples/DragNDrop/index.tsx
+++ b/examples/react/src/examples/DragNDrop/index.tsx
@@ -39,7 +39,7 @@ const nodeOrigin: NodeOrigin = [0.5, 0.5];
 const DnDFlow = () => {
   const [reactFlowInstance, setReactFlowInstance] = useState<ReactFlowInstance>();
   const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
-  const [edges, setEdges, onEdgesChange] = useEdgesState([]);
+  const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
 
   const onConnect = (params: Connection | Edge) => setEdges((eds) => addEdge(params, eds));
   const onInit = (rfi: ReactFlowInstance) => setReactFlowInstance(rfi);
diff --git a/examples/react/src/examples/Empty/index.tsx b/examples/react/src/examples/Empty/index.tsx
index e162daad6..4dcd996ee 100644
--- a/examples/react/src/examples/Empty/index.tsx
+++ b/examples/react/src/examples/Empty/index.tsx
@@ -26,8 +26,8 @@ const buttonStyle: CSSProperties = {
 };
 
 const EmptyFlow = () => {
-  const [nodes, setNodes, onNodesChange] = useNodesState([]);
-  const [edges, setEdges, onEdgesChange] = useEdgesState([]);
+  const [nodes, setNodes, onNodesChange] = useNodesState<Node>([]);
+  const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
 
   const onConnect = useCallback((params: Connection | Edge) => setEdges((els) => addEdge(params, els)), [setEdges]);
   const addRandomNode = () => {
diff --git a/examples/react/src/examples/NodeTypesObjectChange/index.tsx b/examples/react/src/examples/NodeTypesObjectChange/index.tsx
index 01a0d993a..46b5cd5e4 100644
--- a/examples/react/src/examples/NodeTypesObjectChange/index.tsx
+++ b/examples/react/src/examples/NodeTypesObjectChange/index.tsx
@@ -66,7 +66,7 @@ const nodeTypesObjects: NodeTypesObject = {
 const NodeTypeChangeFlow = () => {
   const [nodeTypesId, setNodeTypesId] = useState<string>('a');
   const [nodes, , onNodesChange] = useNodesState(initialNodes);
-  const [edges, setEdges, onEdgesChange] = useEdgesState([]);
+  const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
   const onConnect = useCallback((params: Connection | Edge) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
   const changeType = () => setNodeTypesId((nt) => (nt === 'a' ? 'b' : 'a'));
 
diff --git a/examples/react/src/examples/UseUpdateNodeInternals/index.tsx b/examples/react/src/examples/UseUpdateNodeInternals/index.tsx
index 371d58b67..2cd405b7e 100644
--- a/examples/react/src/examples/UseUpdateNodeInternals/index.tsx
+++ b/examples/react/src/examples/UseUpdateNodeInternals/index.tsx
@@ -33,7 +33,7 @@ const getId = (): string => `${id++}`;
 
 const UpdateNodeInternalsFlow = () => {
   const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
-  const [edges, setEdges, onEdgesChange] = useEdgesState([]);
+  const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
   const onConnect = useCallback((params: Edge | Connection) => setEdges((els) => addEdge(params, els)), [setEdges]);
 
   const { screenToFlowPosition } = useReactFlow();
diff --git a/examples/react/src/examples/Validation/index.tsx b/examples/react/src/examples/Validation/index.tsx
index 3e89b3f8a..936e13961 100644
--- a/examples/react/src/examples/Validation/index.tsx
+++ b/examples/react/src/examples/Validation/index.tsx
@@ -55,7 +55,7 @@ const nodeTypes: NodeTypes = {
 const ValidationFlow = () => {
   const [value, setValue] = useState(0);
   const [nodes, , onNodesChange] = useNodesState(initialNodes);
-  const [edges, setEdges, onEdgesChange] = useEdgesState([]);
+  const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
 
   const onConnectStart: OnConnectStart = useCallback(
     (event, params) => {
diff --git a/packages/react/src/hooks/useConnection.ts b/packages/react/src/hooks/useConnection.ts
index 641c22c80..3544f31ff 100644
--- a/packages/react/src/hooks/useConnection.ts
+++ b/packages/react/src/hooks/useConnection.ts
@@ -13,6 +13,7 @@ const selector = (s: ReactFlowStore) => ({
 /**
  * Hook for accessing the ongoing connection.
  *
+ * @public
  * @returns ongoing connection: startHandle, endHandle, status, position
  */
 export function useConnection(): {
diff --git a/packages/react/src/hooks/useNodesEdgesState.ts b/packages/react/src/hooks/useNodesEdgesState.ts
index b0976b570..c134472b5 100644
--- a/packages/react/src/hooks/useNodesEdgesState.ts
+++ b/packages/react/src/hooks/useNodesEdgesState.ts
@@ -1,34 +1,8 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { useState, useCallback, type SetStateAction, type Dispatch } from 'react';
+import { useState, useCallback, type Dispatch, type SetStateAction } from 'react';
 
 import { applyNodeChanges, applyEdgeChanges } from '../utils/changes';
 import type { Node, NodeChange, Edge, EdgeChange } from '../types';
 
-type ApplyChanges<ItemType, ChangesType> = (changes: ChangesType[], items: ItemType[]) => ItemType[];
-type OnChange<ChangesType> = (changes: ChangesType[]) => void;
-
-function createUseItemsState(
-  applyChanges: ApplyChanges<Node, NodeChange>
-): <NodeType extends Node = Node>(
-  initialItems: NodeType[]
-) => [NodeType[], Dispatch<SetStateAction<NodeType[]>>, OnChange<NodeChange>];
-function createUseItemsState(
-  applyChanges: ApplyChanges<Edge, EdgeChange>
-): <EdgeType extends Edge = Edge>(
-  initialItems: EdgeType[]
-) => [EdgeType[], Dispatch<SetStateAction<EdgeType[]>>, OnChange<EdgeChange>];
-function createUseItemsState(
-  applyChanges: ApplyChanges<any, any>
-): (initialItems: any[]) => [any[], Dispatch<SetStateAction<any[]>>, OnChange<any>] {
-  return (initialItems: any[]) => {
-    const [items, setItems] = useState(initialItems);
-
-    const onItemsChange = useCallback((changes: any[]) => setItems((items: any) => applyChanges(changes, items)), []);
-
-    return [items, setItems, onItemsChange];
-  };
-}
-
 /**
  * Hook for managing the state of nodes - should only be used for prototyping / simple use cases.
  *
@@ -36,7 +10,14 @@ function createUseItemsState(
  * @param initialNodes
  * @returns an array [nodes, setNodes, onNodesChange]
  */
-export const useNodesState = createUseItemsState(applyNodeChanges);
+export function useNodesState<NodeType extends Node = Node>(
+  initialNodes: NodeType[]
+): [NodeType[], Dispatch<SetStateAction<NodeType[]>>, (changes: NodeChange[]) => void] {
+  const [nodes, setNodes] = useState(initialNodes);
+  const onNodesChange = useCallback((changes: NodeChange[]) => setNodes((nds) => applyNodeChanges(changes, nds)), []);
+
+  return [nodes, setNodes, onNodesChange];
+}
 
 /**
  * Hook for managing the state of edges - should only be used for prototyping / simple use cases.
@@ -45,4 +26,11 @@ export const useNodesState = createUseItemsState(applyNodeChanges);
  * @param initialEdges
  * @returns an array [edges, setEdges, onEdgesChange]
  */
-export const useEdgesState = createUseItemsState(applyEdgeChanges);
+export function useEdgesState<EdgeType extends Edge = Edge>(
+  initialEdges: EdgeType[]
+): [EdgeType[], Dispatch<SetStateAction<EdgeType[]>>, (changes: EdgeChange[]) => void] {
+  const [edges, setEdges] = useState(initialEdges);
+  const onEdgesChange = useCallback((changes: EdgeChange[]) => setEdges((eds) => applyEdgeChanges(changes, eds)), []);
+
+  return [edges, setEdges, onEdgesChange];
+}

From 12eb2ff0b84dbce4de7d6582cc26981da7008cdc Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 26 Dec 2023 17:45:39 +0100
Subject: [PATCH 0447/1093] chore(react): cleanup build and package.json

---
 packages/react/package.json        |   15 +-
 packages/react/src/index.ts        |    1 +
 packages/svelte/src/lib/index.ts   |    3 +-
 packages/system/package.json       |    4 +-
 pnpm-lock.yaml                     | 3076 ++++++++++++++++------------
 tooling/rollup-config/src/index.js |   40 +-
 6 files changed, 1779 insertions(+), 1360 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index 1c3194d53..df5b86a62 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0",
+  "version": "12.0.0-alpha.0",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
@@ -16,7 +16,7 @@
   ],
   "source": "src/index.ts",
   "main": "dist/umd/index.js",
-  "module": "dist/esm/index.mjs",
+  "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
   "exports": {
     ".": {
@@ -36,8 +36,8 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/wbkd/react-flow.git",
-    "directory": "packages/core"
+    "url": "https://github.com/xyflow/xyflow.git",
+    "directory": "packages/react"
   },
   "scripts": {
     "dev": "concurrently \"rollup --config node:@xyflow/rollup-config --watch\" pnpm:css-watch",
@@ -51,12 +51,10 @@
     "@types/d3": "^7.4.0",
     "@types/d3-drag": "^3.0.1",
     "@types/d3-selection": "^3.0.3",
-    "@types/d3-zoom": "^3.0.1",
     "@xyflow/system": "workspace:*",
     "classcat": "^5.0.3",
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
-    "d3-zoom": "^3.0.0",
     "zustand": "^4.4.0"
   },
   "peerDependencies": {
@@ -73,7 +71,7 @@
     "autoprefixer": "^10.4.15",
     "cssnano": "^6.0.1",
     "postcss": "^8.4.21",
-    "postcss-cli": "^10.1.0",
+    "postcss-cli": "^11.0.0",
     "postcss-combine-duplicated-selectors": "^10.0.3",
     "postcss-import": "^15.1.0",
     "postcss-nested": "^6.0.0",
@@ -85,11 +83,10 @@
     "globals": {
       "classcat": "cc",
       "d3-selection": "d3Selection",
-      "d3-zoom": "d3Zoom",
       "d3-drag": "d3Drag",
       "zustand": "zustand",
       "zustand/shallow": "zustandShallow"
     },
-    "name": "ReactFlowCore"
+    "name": "ReactFlow"
   }
 }
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index c3baba480..771c7d861 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -95,4 +95,5 @@ export {
   getStraightPath,
   getViewportForBounds,
   getNodesBounds,
+  internalsSymbol,
 } from '@xyflow/system';
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 4272e36e8..dac580caa 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -103,5 +103,6 @@ export {
   type GetStraightPathParams,
   getStraightPath,
   getViewportForBounds,
-  getNodesBounds
+  getNodesBounds,
+  internalsSymbol
 } from '@xyflow/system';
diff --git a/packages/system/package.json b/packages/system/package.json
index 9eff995d8..f9add14e3 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -16,7 +16,7 @@
   ],
   "source": "src/index.ts",
   "main": "dist/umd/index.js",
-  "module": "dist/esm/index.mjs",
+  "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
   "exports": {
     ".": {
@@ -32,7 +32,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/wbkd/react-flow.git",
+    "url": "https://github.com/xyflow/xyflow.git",
     "directory": "packages/system"
   },
   "scripts": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b39d982e9..5e8ca5dce 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -61,10 +61,10 @@ importers:
     dependencies:
       '@astrojs/react':
         specifier: ^3.0.2
-        version: registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0)
+        version: registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.1)
       '@astrojs/svelte':
         specifier: ^4.0.2
-        version: registry.npmjs.org/@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.2.2)(vite@4.5.0)
+        version: registry.npmjs.org/@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.3.3)(vite@4.5.1)
       '@types/react':
         specifier: ^18.2.24
         version: registry.npmjs.org/@types/react@18.2.24
@@ -214,9 +214,6 @@ importers:
       '@types/d3-selection':
         specifier: ^3.0.3
         version: registry.npmjs.org/@types/d3-selection@3.0.3
-      '@types/d3-zoom':
-        specifier: ^3.0.1
-        version: registry.npmjs.org/@types/d3-zoom@3.0.1
       '@xyflow/system':
         specifier: workspace:*
         version: link:../system
@@ -229,9 +226,6 @@ importers:
       d3-selection:
         specifier: ^3.0.0
         version: registry.npmjs.org/d3-selection@3.0.0
-      d3-zoom:
-        specifier: ^3.0.0
-        version: registry.npmjs.org/d3-zoom@3.0.0
       react-dom:
         specifier: '>=17'
         version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
@@ -267,8 +261,8 @@ importers:
         specifier: ^8.4.21
         version: registry.npmjs.org/postcss@8.4.21
       postcss-cli:
-        specifier: ^10.1.0
-        version: registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.21)
+        specifier: ^11.0.0
+        version: 11.0.0(postcss@8.4.21)
       postcss-combine-duplicated-selectors:
         specifier: ^10.0.3
         version: registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.21)
@@ -305,7 +299,7 @@ importers:
         version: registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6)
       '@sveltejs/kit':
         specifier: ^1.22.6
-        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.0)
+        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.1)
       '@sveltejs/package':
         specifier: ^2.2.1
         version: registry.npmjs.org/@sveltejs/package@2.2.1(svelte@4.2.1)(typescript@5.1.3)
@@ -417,7 +411,7 @@ importers:
     dependencies:
       '@playwright/experimental-ct-react':
         specifier: ^1.39.0
-        version: registry.npmjs.org/@playwright/experimental-ct-react@1.39.0(@types/node@18.7.16)(vite@4.5.0)
+        version: registry.npmjs.org/@playwright/experimental-ct-react@1.39.0(@types/node@18.7.16)(vite@4.5.1)
       '@types/react':
         specifier: ^18.2.31
         version: registry.npmjs.org/@types/react@18.2.31
@@ -487,1205 +481,1810 @@ importers:
 
 packages:
 
-  registry.npmjs.org/@aashutoshrathi/word-wrap@1.2.6:
-    resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz}
-    name: '@aashutoshrathi/word-wrap'
-    version: 1.2.6
-    engines: {node: '>=0.10.0'}
+  /@colors/colors@1.5.0:
+    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==, tarball: https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz}
+    engines: {node: '>=0.1.90'}
+    requiresBuild: true
     dev: true
+    optional: true
 
-  registry.npmjs.org/@ampproject/remapping@2.2.1:
-    resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz}
-    name: '@ampproject/remapping'
-    version: 2.2.1
-    engines: {node: '>=6.0.0'}
-    dependencies:
-      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
+  /@esbuild/android-arm64@0.18.20:
+    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    optional: true
 
-  registry.npmjs.org/@astrojs/compiler@2.2.1:
-    resolution: {integrity: sha512-NJ1lWKzMkyEjE3W5NpPNAVot4/PLF5om/P6ekxNu3iLS05CaYFTcp7WpYMjdCC252b7wkNVAs45FNkVQ+RHW/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/compiler/-/compiler-2.2.1.tgz}
-    name: '@astrojs/compiler'
-    version: 2.2.1
+  /@esbuild/android-arm64@0.19.5:
+    resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
     dev: false
+    optional: true
 
-  registry.npmjs.org/@astrojs/internal-helpers@0.2.0:
-    resolution: {integrity: sha512-NQ4ppp1CM0HNkKbJNM4saVSfmUYzGlRalF6wx7F6T/MYHYSWGuojY89/oFTy4t8VlOGUCUijlsVNNeziWaUo5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/internal-helpers/-/internal-helpers-0.2.0.tgz}
-    name: '@astrojs/internal-helpers'
-    version: 0.2.0
-    dev: false
+  /@esbuild/android-arm@0.18.20:
+    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    optional: true
 
-  registry.npmjs.org/@astrojs/markdown-remark@3.2.0(astro@3.2.2):
-    resolution: {integrity: sha512-jigyLfefUZPKgVmmraCkVpdUuFH1R3SrpgQO13axsgwLDBgkggaQpNR5Ag4O9PDualeBtbdt30aYSfvnBKx9Hg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-3.2.0.tgz}
-    id: registry.npmjs.org/@astrojs/markdown-remark/3.2.0
-    name: '@astrojs/markdown-remark'
-    version: 3.2.0
-    peerDependencies:
-      astro: ^3.1.0
-    dependencies:
-      '@astrojs/prism': registry.npmjs.org/@astrojs/prism@3.0.0
-      astro: registry.npmjs.org/astro@3.2.2
-      github-slugger: registry.npmjs.org/github-slugger@2.0.0
-      import-meta-resolve: registry.npmjs.org/import-meta-resolve@3.1.1
-      mdast-util-definitions: registry.npmjs.org/mdast-util-definitions@6.0.0
-      rehype-raw: registry.npmjs.org/rehype-raw@6.1.1
-      rehype-stringify: registry.npmjs.org/rehype-stringify@9.0.4
-      remark-gfm: registry.npmjs.org/remark-gfm@3.0.1
-      remark-parse: registry.npmjs.org/remark-parse@10.0.2
-      remark-rehype: registry.npmjs.org/remark-rehype@10.1.0
-      remark-smartypants: registry.npmjs.org/remark-smartypants@2.0.0
-      shiki: registry.npmjs.org/shiki@0.14.5
-      unified: registry.npmjs.org/unified@10.1.2
-      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
-      vfile: registry.npmjs.org/vfile@5.3.7
-    transitivePeerDependencies:
-      - supports-color
+  /@esbuild/android-arm@0.19.5:
+    resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
     dev: false
+    optional: true
 
-  registry.npmjs.org/@astrojs/prism@3.0.0:
-    resolution: {integrity: sha512-g61lZupWq1bYbcBnYZqdjndShr/J3l/oFobBKPA3+qMat146zce3nz2kdO4giGbhYDt4gYdhmoBz0vZJ4sIurQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/prism/-/prism-3.0.0.tgz}
-    name: '@astrojs/prism'
-    version: 3.0.0
-    engines: {node: '>=18.14.1'}
-    dependencies:
-      prismjs: registry.npmjs.org/prismjs@1.29.0
-    dev: false
+  /@esbuild/android-x64@0.18.20:
+    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    optional: true
 
-  registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0):
-    resolution: {integrity: sha512-aooNIuQxTg+IWGMZPuIEwBeBi4/TCPCMsr3714zuLjAjukVd5ZrX/bCNxJqDWU4HNwUm4XFU1OhcEvYOHa5uMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/react/-/react-3.0.2.tgz}
-    id: registry.npmjs.org/@astrojs/react/3.0.2
-    name: '@astrojs/react'
-    version: 3.0.2
-    engines: {node: '>=18.14.1'}
-    peerDependencies:
-      '@types/react': ^17.0.50 || ^18.0.21
-      '@types/react-dom': ^17.0.17 || ^18.0.6
-      react: ^17.0.2 || ^18.0.0
-      react-dom: ^17.0.2 || ^18.0.0
-    dependencies:
-      '@types/react': registry.npmjs.org/@types/react@18.2.24
-      '@types/react-dom': registry.npmjs.org/@types/react-dom@18.2.8
-      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.0)
-      react: registry.npmjs.org/react@18.2.0
-      react-dom: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
-      ultrahtml: registry.npmjs.org/ultrahtml@1.5.2
-    transitivePeerDependencies:
-      - supports-color
-      - vite
+  /@esbuild/android-x64@0.19.5:
+    resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
     dev: false
+    optional: true
 
-  registry.npmjs.org/@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.2.2)(vite@4.5.0):
-    resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/svelte/-/svelte-4.0.2.tgz}
-    id: registry.npmjs.org/@astrojs/svelte/4.0.2
-    name: '@astrojs/svelte'
-    version: 4.0.2
-    engines: {node: '>=18.14.1'}
-    peerDependencies:
-      astro: ^3.0.11
-      svelte: ^3.55.0 || ^4.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0)
-      astro: registry.npmjs.org/astro@3.2.2
-      svelte: registry.npmjs.org/svelte@4.2.1
-      svelte2tsx: registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.2.2)
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-      - vite
+  /@esbuild/darwin-arm64@0.18.20:
+    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/darwin-arm64@0.19.5:
+    resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
     dev: false
+    optional: true
 
-  registry.npmjs.org/@astrojs/telemetry@3.0.2:
-    resolution: {integrity: sha512-ef+jqCkqopCzjGfsMsr+8p56Nj6F9ZzouWcWZt+dKsqbRccI3c8K3jfkLcdq4AyfFZtKBDB6N4ZuI68g33oiOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/telemetry/-/telemetry-3.0.2.tgz}
-    name: '@astrojs/telemetry'
-    version: 3.0.2
-    engines: {node: '>=18.14.1'}
-    dependencies:
-      ci-info: registry.npmjs.org/ci-info@3.9.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      dlv: registry.npmjs.org/dlv@1.1.3
-      dset: registry.npmjs.org/dset@3.1.2
-      is-docker: registry.npmjs.org/is-docker@3.0.0
-      is-wsl: registry.npmjs.org/is-wsl@3.1.0
-      undici: registry.npmjs.org/undici@5.26.5
-      which-pm-runs: registry.npmjs.org/which-pm-runs@1.1.0
-    transitivePeerDependencies:
-      - supports-color
+  /@esbuild/darwin-x64@0.18.20:
+    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/darwin-x64@0.19.5:
+    resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
     dev: false
+    optional: true
 
-  registry.npmjs.org/@babel/code-frame@7.22.13:
-    resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz}
-    name: '@babel/code-frame'
-    version: 7.22.13
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/highlight': registry.npmjs.org/@babel/highlight@7.22.20
-      chalk: registry.npmjs.org/chalk@2.4.2
+  /@esbuild/freebsd-arm64@0.18.20:
+    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    optional: true
 
-  registry.npmjs.org/@babel/compat-data@7.23.2:
-    resolution: {integrity: sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.2.tgz}
-    name: '@babel/compat-data'
-    version: 7.23.2
-    engines: {node: '>=6.9.0'}
+  /@esbuild/freebsd-arm64@0.19.5:
+    resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: false
+    optional: true
 
-  registry.npmjs.org/@babel/core@7.23.2:
-    resolution: {integrity: sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.23.2.tgz}
-    name: '@babel/core'
-    version: 7.23.2
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping@2.2.1
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.13
-      '@babel/generator': registry.npmjs.org/@babel/generator@7.23.0
-      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets@7.22.15
-      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2)
-      '@babel/helpers': registry.npmjs.org/@babel/helpers@7.23.2
-      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
-      '@babel/template': registry.npmjs.org/@babel/template@7.22.15
-      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.23.2
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-      convert-source-map: registry.npmjs.org/convert-source-map@2.0.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      gensync: registry.npmjs.org/gensync@1.0.0-beta.2
-      json5: registry.npmjs.org/json5@2.2.3
-      semver: registry.npmjs.org/semver@6.3.1
-    transitivePeerDependencies:
-      - supports-color
+  /@esbuild/freebsd-x64@0.18.20:
+    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    optional: true
 
-  registry.npmjs.org/@babel/generator@7.23.0:
-    resolution: {integrity: sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz}
-    name: '@babel/generator'
-    version: 7.23.0
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
-      jsesc: registry.npmjs.org/jsesc@2.5.2
+  /@esbuild/freebsd-x64@0.19.5:
+    resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: false
+    optional: true
 
-  registry.npmjs.org/@babel/helper-annotate-as-pure@7.22.5:
-    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz}
-    name: '@babel/helper-annotate-as-pure'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+  /@esbuild/linux-arm64@0.18.20:
+    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/linux-arm64@0.19.5:
+    resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
     dev: false
+    optional: true
 
-  registry.npmjs.org/@babel/helper-compilation-targets@7.22.15:
-    resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz}
-    name: '@babel/helper-compilation-targets'
-    version: 7.22.15
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/compat-data': registry.npmjs.org/@babel/compat-data@7.23.2
-      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option@7.22.15
-      browserslist: registry.npmjs.org/browserslist@4.22.1
-      lru-cache: registry.npmjs.org/lru-cache@5.1.1
-      semver: registry.npmjs.org/semver@6.3.1
+  /@esbuild/linux-arm@0.18.20:
+    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    optional: true
 
-  registry.npmjs.org/@babel/helper-environment-visitor@7.22.20:
-    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz}
-    name: '@babel/helper-environment-visitor'
-    version: 7.22.20
-    engines: {node: '>=6.9.0'}
+  /@esbuild/linux-arm@0.19.5:
+    resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
 
-  registry.npmjs.org/@babel/helper-function-name@7.23.0:
-    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz}
-    name: '@babel/helper-function-name'
-    version: 7.23.0
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/template': registry.npmjs.org/@babel/template@7.22.15
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+  /@esbuild/linux-ia32@0.18.20:
+    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    optional: true
 
-  registry.npmjs.org/@babel/helper-hoist-variables@7.22.5:
-    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz}
-    name: '@babel/helper-hoist-variables'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+  /@esbuild/linux-ia32@0.19.5:
+    resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
 
-  registry.npmjs.org/@babel/helper-module-imports@7.22.15:
-    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz}
-    name: '@babel/helper-module-imports'
-    version: 7.22.15
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+  /@esbuild/linux-loong64@0.18.20:
+    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
 
-  registry.npmjs.org/@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2):
-    resolution: {integrity: sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz}
-    id: registry.npmjs.org/@babel/helper-module-transforms/7.23.0
-    name: '@babel/helper-module-transforms'
-    version: 7.23.0
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor@7.22.20
-      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports@7.22.15
-      '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access@7.22.5
-      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.20
+  /@esbuild/linux-loong64@0.19.5:
+    resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
 
-  registry.npmjs.org/@babel/helper-plugin-utils@7.22.5:
-    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz}
-    name: '@babel/helper-plugin-utils'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
+  /@esbuild/linux-mips64el@0.18.20:
+    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    optional: true
 
-  registry.npmjs.org/@babel/helper-simple-access@7.22.5:
-    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz}
-    name: '@babel/helper-simple-access'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+  /@esbuild/linux-mips64el@0.19.5:
+    resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
 
-  registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6:
-    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz}
-    name: '@babel/helper-split-export-declaration'
-    version: 7.22.6
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+  /@esbuild/linux-ppc64@0.18.20:
+    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
 
-  registry.npmjs.org/@babel/helper-string-parser@7.22.5:
-    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz}
-    name: '@babel/helper-string-parser'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
+  /@esbuild/linux-ppc64@0.19.5:
+    resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
 
-  registry.npmjs.org/@babel/helper-validator-identifier@7.22.20:
-    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz}
-    name: '@babel/helper-validator-identifier'
-    version: 7.22.20
-    engines: {node: '>=6.9.0'}
+  /@esbuild/linux-riscv64@0.18.20:
+    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
 
-  registry.npmjs.org/@babel/helper-validator-option@7.22.15:
-    resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz}
-    name: '@babel/helper-validator-option'
-    version: 7.22.15
-    engines: {node: '>=6.9.0'}
+  /@esbuild/linux-riscv64@0.19.5:
+    resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
 
-  registry.npmjs.org/@babel/helpers@7.23.2:
-    resolution: {integrity: sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.2.tgz}
-    name: '@babel/helpers'
-    version: 7.23.2
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/template': registry.npmjs.org/@babel/template@7.22.15
-      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.23.2
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-    transitivePeerDependencies:
-      - supports-color
+  /@esbuild/linux-s390x@0.18.20:
+    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    optional: true
 
-  registry.npmjs.org/@babel/highlight@7.22.20:
-    resolution: {integrity: sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz}
-    name: '@babel/highlight'
-    version: 7.22.20
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.20
-      chalk: registry.npmjs.org/chalk@2.4.2
-      js-tokens: registry.npmjs.org/js-tokens@4.0.0
+  /@esbuild/linux-s390x@0.19.5:
+    resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
 
-  registry.npmjs.org/@babel/parser@7.23.0:
-    resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz}
-    name: '@babel/parser'
-    version: 7.23.0
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+  /@esbuild/linux-x64@0.18.20:
+    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
 
-  registry.npmjs.org/@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2):
-    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz}
-    id: registry.npmjs.org/@babel/plugin-syntax-jsx/7.22.5
-    name: '@babel/plugin-syntax-jsx'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
+  /@esbuild/linux-x64@0.19.5:
+    resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
     dev: false
+    optional: true
 
-  registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2):
-    resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz}
-    id: registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.22.5
-    name: '@babel/plugin-transform-react-jsx-self'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
+  /@esbuild/netbsd-x64@0.18.20:
+    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    optional: true
 
-  registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2):
-    resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz}
-    id: registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.22.5
-    name: '@babel/plugin-transform-react-jsx-source'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
+  /@esbuild/netbsd-x64@0.19.5:
+    resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: false
+    optional: true
 
-  registry.npmjs.org/@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.2):
-    resolution: {integrity: sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz}
-    id: registry.npmjs.org/@babel/plugin-transform-react-jsx/7.22.15
-    name: '@babel/plugin-transform-react-jsx'
-    version: 7.22.15
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
-      '@babel/helper-annotate-as-pure': registry.npmjs.org/@babel/helper-annotate-as-pure@7.22.5
-      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports@7.22.15
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
-      '@babel/plugin-syntax-jsx': registry.npmjs.org/@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2)
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+  /@esbuild/openbsd-x64@0.18.20:
+    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/openbsd-x64@0.19.5:
+    resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
     dev: false
+    optional: true
 
-  registry.npmjs.org/@babel/runtime@7.23.2:
-    resolution: {integrity: sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz}
-    name: '@babel/runtime'
-    version: 7.23.2
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      regenerator-runtime: registry.npmjs.org/regenerator-runtime@0.14.0
-    dev: true
+  /@esbuild/sunos-x64@0.18.20:
+    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    optional: true
 
-  registry.npmjs.org/@babel/template@7.22.15:
-    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz}
-    name: '@babel/template'
-    version: 7.22.15
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.13
-      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+  /@esbuild/sunos-x64@0.19.5:
+    resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: false
+    optional: true
 
-  registry.npmjs.org/@babel/traverse@7.23.2:
-    resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.2.tgz}
-    name: '@babel/traverse'
-    version: 7.23.2
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.13
-      '@babel/generator': registry.npmjs.org/@babel/generator@7.23.0
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor@7.22.20
-      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name@7.23.0
-      '@babel/helper-hoist-variables': registry.npmjs.org/@babel/helper-hoist-variables@7.22.5
-      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6
-      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      globals: registry.npmjs.org/globals@11.12.0
-    transitivePeerDependencies:
-      - supports-color
+  /@esbuild/win32-arm64@0.18.20:
+    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    optional: true
 
-  registry.npmjs.org/@babel/types@7.23.0:
-    resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz}
-    name: '@babel/types'
-    version: 7.23.0
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser@7.22.5
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.20
-      to-fast-properties: registry.npmjs.org/to-fast-properties@2.0.0
+  /@esbuild/win32-arm64@0.19.5:
+    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
 
-  registry.npmjs.org/@changesets/apply-release-plan@6.1.4:
-    resolution: {integrity: sha512-FMpKF1fRlJyCZVYHr3CbinpZZ+6MwvOtWUuO8uo+svcATEoc1zRDcj23pAurJ2TZ/uVz1wFHH6K3NlACy0PLew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-6.1.4.tgz}
-    name: '@changesets/apply-release-plan'
-    version: 6.1.4
+  /@esbuild/win32-ia32@0.18.20:
+    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/win32-ia32@0.19.5:
+    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@esbuild/win32-x64@0.18.20:
+    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/win32-x64@0.19.5:
+    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@nodelib/fs.scandir@2.1.5:
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==, tarball: https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz}
+    engines: {node: '>= 8'}
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.1
-      '@changesets/get-version-range-type': registry.npmjs.org/@changesets/get-version-range-type@0.3.2
-      '@changesets/git': registry.npmjs.org/@changesets/git@2.0.0
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      detect-indent: registry.npmjs.org/detect-indent@6.1.0
-      fs-extra: registry.npmjs.org/fs-extra@7.0.1
-      lodash.startcase: registry.npmjs.org/lodash.startcase@4.4.0
-      outdent: registry.npmjs.org/outdent@0.5.0
-      prettier: registry.npmjs.org/prettier@2.8.8
-      resolve-from: registry.npmjs.org/resolve-from@5.0.0
-      semver: registry.npmjs.org/semver@7.5.4
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
     dev: true
 
-  registry.npmjs.org/@changesets/assemble-release-plan@5.2.4:
-    resolution: {integrity: sha512-xJkWX+1/CUaOUWTguXEbCDTyWJFECEhmdtbkjhn5GVBGxdP/JwaHBIU9sW3FR6gD07UwZ7ovpiPclQZs+j+mvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/assemble-release-plan/-/assemble-release-plan-5.2.4.tgz}
-    name: '@changesets/assemble-release-plan'
-    version: 5.2.4
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.6
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      semver: registry.npmjs.org/semver@7.5.4
+  /@nodelib/fs.stat@2.0.5:
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==, tarball: https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz}
+    engines: {node: '>= 8'}
     dev: true
 
-  registry.npmjs.org/@changesets/changelog-git@0.1.14:
-    resolution: {integrity: sha512-+vRfnKtXVWsDDxGctOfzJsPhaCdXRYoe+KyWYoq5X/GqoISREiat0l3L8B0a453B2B4dfHGcZaGyowHbp9BSaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-git/-/changelog-git-0.1.14.tgz}
-    name: '@changesets/changelog-git'
-    version: 0.1.14
+  /@nodelib/fs.walk@1.2.8:
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==, tarball: https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz}
+    engines: {node: '>= 8'}
     dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.16.0
     dev: true
 
-  registry.npmjs.org/@changesets/changelog-github@0.4.7:
-    resolution: {integrity: sha512-UUG5sKwShs5ha1GFnayUpZNcDGWoY7F5XxhOEHS62sDPOtoHQZsG3j1nC5RxZ3M1URHA321cwVZHeXgu99Y3ew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-github/-/changelog-github-0.4.7.tgz}
-    name: '@changesets/changelog-github'
-    version: 0.4.7
-    dependencies:
-      '@changesets/get-github-info': registry.npmjs.org/@changesets/get-github-info@0.5.2
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      dotenv: registry.npmjs.org/dotenv@8.6.0
-    transitivePeerDependencies:
-      - encoding
+  /@sindresorhus/merge-streams@1.0.0:
+    resolution: {integrity: sha512-rUV5WyJrJLoloD4NDN1V1+LDMDWOa4OTsT4yYJwQNpTU6FWxkxHpL7eu4w+DmiH8x/EAM1otkPE1+LaspIbplw==, tarball: https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-1.0.0.tgz}
+    engines: {node: '>=18'}
     dev: true
 
-  registry.npmjs.org/@changesets/cli@2.25.0:
-    resolution: {integrity: sha512-Svu5KD2enurVHGEEzCRlaojrHjVYgF9srmMP9VQSy9c1TspX6C9lDPpulsSNIjYY9BuU/oiWpjBgR7RI9eQiAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/cli/-/cli-2.25.0.tgz}
-    name: '@changesets/cli'
-    version: 2.25.0
-    hasBin: true
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/apply-release-plan': registry.npmjs.org/@changesets/apply-release-plan@6.1.4
-      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan@5.2.4
-      '@changesets/changelog-git': registry.npmjs.org/@changesets/changelog-git@0.1.14
-      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.1
-      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.6
-      '@changesets/get-release-plan': registry.npmjs.org/@changesets/get-release-plan@3.0.17
-      '@changesets/git': registry.npmjs.org/@changesets/git@1.5.0
-      '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
-      '@changesets/pre': registry.npmjs.org/@changesets/pre@1.0.14
-      '@changesets/read': registry.npmjs.org/@changesets/read@0.5.9
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@changesets/write': registry.npmjs.org/@changesets/write@0.2.3
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      '@types/is-ci': registry.npmjs.org/@types/is-ci@3.0.3
-      '@types/semver': registry.npmjs.org/@types/semver@6.2.5
-      ansi-colors: registry.npmjs.org/ansi-colors@4.1.3
-      chalk: registry.npmjs.org/chalk@2.4.2
-      enquirer: registry.npmjs.org/enquirer@2.4.1
-      external-editor: registry.npmjs.org/external-editor@3.1.0
-      fs-extra: registry.npmjs.org/fs-extra@7.0.1
-      human-id: registry.npmjs.org/human-id@1.0.2
-      is-ci: registry.npmjs.org/is-ci@3.0.1
-      meow: registry.npmjs.org/meow@6.1.1
-      outdent: registry.npmjs.org/outdent@0.5.0
-      p-limit: registry.npmjs.org/p-limit@2.3.0
-      preferred-pm: registry.npmjs.org/preferred-pm@3.1.2
-      resolve-from: registry.npmjs.org/resolve-from@5.0.0
-      semver: registry.npmjs.org/semver@5.7.2
-      spawndamnit: registry.npmjs.org/spawndamnit@2.0.0
-      term-size: registry.npmjs.org/term-size@2.2.1
-      tty-table: registry.npmjs.org/tty-table@4.2.2
+  /@swc/core-darwin-arm64@1.3.96:
+    resolution: {integrity: sha512-8hzgXYVd85hfPh6mJ9yrG26rhgzCmcLO0h1TIl8U31hwmTbfZLzRitFQ/kqMJNbIBCwmNH1RU2QcJnL3d7f69A==, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.96.tgz}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
     dev: true
+    optional: true
 
-  registry.npmjs.org/@changesets/config@2.3.1:
-    resolution: {integrity: sha512-PQXaJl82CfIXddUOppj4zWu+987GCw2M+eQcOepxN5s+kvnsZOwjEJO3DH9eVy+OP6Pg/KFEWdsECFEYTtbg6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/config/-/config-2.3.1.tgz}
-    name: '@changesets/config'
-    version: 2.3.1
-    dependencies:
-      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.6
-      '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      fs-extra: registry.npmjs.org/fs-extra@7.0.1
-      micromatch: registry.npmjs.org/micromatch@4.0.5
+  /@swc/core-darwin-x64@1.3.96:
+    resolution: {integrity: sha512-mFp9GFfuPg+43vlAdQZl0WZpZSE8sEzqL7sr/7Reul5McUHP0BaLsEzwjvD035ESfkY8GBZdLpMinblIbFNljQ==, tarball: https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.96.tgz}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
     dev: true
+    optional: true
 
-  registry.npmjs.org/@changesets/errors@0.1.4:
-    resolution: {integrity: sha512-HAcqPF7snsUJ/QzkWoKfRfXushHTu+K5KZLJWPb34s4eCZShIf8BFO3fwq6KU8+G7L5KdtN2BzQAXOSXEyiY9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/errors/-/errors-0.1.4.tgz}
-    name: '@changesets/errors'
-    version: 0.1.4
-    dependencies:
-      extendable-error: registry.npmjs.org/extendable-error@0.1.7
+  /@swc/core-linux-arm-gnueabihf@1.3.96:
+    resolution: {integrity: sha512-8UEKkYJP4c8YzYIY/LlbSo8z5Obj4hqcv/fUTHiEePiGsOddgGf7AWjh56u7IoN/0uEmEro59nc1ChFXqXSGyg==, tarball: https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.96.tgz}
+    engines: {node: '>=10'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
     dev: true
+    optional: true
 
-  registry.npmjs.org/@changesets/get-dependents-graph@1.3.6:
-    resolution: {integrity: sha512-Q/sLgBANmkvUm09GgRsAvEtY3p1/5OCzgBE5vX3vgb5CvW0j7CEljocx5oPXeQSNph6FXulJlXV3Re/v3K3P3Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-dependents-graph/-/get-dependents-graph-1.3.6.tgz}
-    name: '@changesets/get-dependents-graph'
-    version: 1.3.6
-    dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      chalk: registry.npmjs.org/chalk@2.4.2
-      fs-extra: registry.npmjs.org/fs-extra@7.0.1
-      semver: registry.npmjs.org/semver@7.5.4
+  /@swc/core-linux-arm64-gnu@1.3.96:
+    resolution: {integrity: sha512-c/IiJ0s1y3Ymm2BTpyC/xr6gOvoqAVETrivVXHq68xgNms95luSpbYQ28rqaZC8bQC8M5zdXpSc0T8DJu8RJGw==, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.96.tgz}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
     dev: true
+    optional: true
 
-  registry.npmjs.org/@changesets/get-github-info@0.5.2:
-    resolution: {integrity: sha512-JppheLu7S114aEs157fOZDjFqUDpm7eHdq5E8SSR0gUBTEK0cNSHsrSR5a66xs0z3RWuo46QvA3vawp8BxDHvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-github-info/-/get-github-info-0.5.2.tgz}
-    name: '@changesets/get-github-info'
-    version: 0.5.2
-    dependencies:
-      dataloader: registry.npmjs.org/dataloader@1.4.0
-      node-fetch: registry.npmjs.org/node-fetch@2.7.0
-    transitivePeerDependencies:
-      - encoding
+  /@swc/core-linux-arm64-musl@1.3.96:
+    resolution: {integrity: sha512-i5/UTUwmJLri7zhtF6SAo/4QDQJDH2fhYJaBIUhrICmIkRO/ltURmpejqxsM/ye9Jqv5zG7VszMC0v/GYn/7BQ==, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.96.tgz}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
     dev: true
+    optional: true
 
-  registry.npmjs.org/@changesets/get-release-plan@3.0.17:
-    resolution: {integrity: sha512-6IwKTubNEgoOZwDontYc2x2cWXfr6IKxP3IhKeK+WjyD6y3M4Gl/jdQvBw+m/5zWILSOCAaGLu2ZF6Q+WiPniw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-release-plan/-/get-release-plan-3.0.17.tgz}
-    name: '@changesets/get-release-plan'
-    version: 3.0.17
+  /@swc/core-linux-x64-gnu@1.3.96:
+    resolution: {integrity: sha512-USdaZu8lTIkm4Yf9cogct/j5eqtdZqTgcTib4I+NloUW0E/hySou3eSyp3V2UAA1qyuC72ld1otXuyKBna0YKQ==, tarball: https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.96.tgz}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-linux-x64-musl@1.3.96:
+    resolution: {integrity: sha512-QYErutd+G2SNaCinUVobfL7jWWjGTI0QEoQ6hqTp7PxCJS/dmKmj3C5ZkvxRYcq7XcZt7ovrYCTwPTHzt6lZBg==, tarball: https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.96.tgz}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-win32-arm64-msvc@1.3.96:
+    resolution: {integrity: sha512-hjGvvAduA3Un2cZ9iNP4xvTXOO4jL3G9iakhFsgVhpkU73SGmK7+LN8ZVBEu4oq2SUcHO6caWvnZ881cxGuSpg==, tarball: https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.96.tgz}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-win32-ia32-msvc@1.3.96:
+    resolution: {integrity: sha512-Far2hVFiwr+7VPCM2GxSmbh3ikTpM3pDombE+d69hkedvYHYZxtTF+2LTKl/sXtpbUnsoq7yV/32c9R/xaaWfw==, tarball: https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.96.tgz}
+    engines: {node: '>=10'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-win32-x64-msvc@1.3.96:
+    resolution: {integrity: sha512-4VbSAniIu0ikLf5mBX81FsljnfqjoVGleEkCQv4+zRlyZtO3FHoDPkeLVoy6WRlj7tyrRcfUJ4mDdPkbfTO14g==, tarball: https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.96.tgz}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@types/yauzl@2.10.3:
+    resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==, tarball: https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz}
+    requiresBuild: true
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan@5.2.4
-      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.1
-      '@changesets/pre': registry.npmjs.org/@changesets/pre@1.0.14
-      '@changesets/read': registry.npmjs.org/@changesets/read@0.5.9
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      '@types/node': registry.npmjs.org/@types/node@18.7.16
     dev: true
+    optional: true
 
-  registry.npmjs.org/@changesets/get-version-range-type@0.3.2:
-    resolution: {integrity: sha512-SVqwYs5pULYjYT4op21F2pVbcrca4qA/bAA3FmFXKMN7Y+HcO8sbZUTx3TAy2VXulP2FACd1aC7f2nTuqSPbqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-version-range-type/-/get-version-range-type-0.3.2.tgz}
-    name: '@changesets/get-version-range-type'
-    version: 0.3.2
+  /ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==, tarball: https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz}
+    engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/@changesets/git@1.5.0:
-    resolution: {integrity: sha512-Xo8AT2G7rQJSwV87c8PwMm6BAc98BnufRMsML7m7Iw8Or18WFvFmxqG5aOL5PBvhgq9KrKvaeIBNIymracSuHg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/git/-/git-1.5.0.tgz}
-    name: '@changesets/git'
-    version: 1.5.0
+  /ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz}
+    engines: {node: '>=8'}
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      is-subdir: registry.npmjs.org/is-subdir@1.2.0
-      spawndamnit: registry.npmjs.org/spawndamnit@2.0.0
+      color-convert: 2.0.1
     dev: true
 
-  registry.npmjs.org/@changesets/git@2.0.0:
-    resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/git/-/git-2.0.0.tgz}
-    name: '@changesets/git'
-    version: 2.0.0
+  /anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==, tarball: https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz}
+    engines: {node: '>= 8'}
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      is-subdir: registry.npmjs.org/is-subdir@1.2.0
-      micromatch: registry.npmjs.org/micromatch@4.0.5
-      spawndamnit: registry.npmjs.org/spawndamnit@2.0.0
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
     dev: true
 
-  registry.npmjs.org/@changesets/logger@0.0.5:
-    resolution: {integrity: sha512-gJyZHomu8nASHpaANzc6bkQMO9gU/ib20lqew1rVx753FOxffnCrJlGIeQVxNWCqM+o6OOleCo/ivL8UAO5iFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/logger/-/logger-0.0.5.tgz}
-    name: '@changesets/logger'
-    version: 0.0.5
+  /binary-extensions@2.2.0:
+    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==, tarball: https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz}
+    engines: {node: '>=8'}
+    dev: true
+
+  /braces@3.0.2:
+    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==, tarball: https://registry.npmjs.org/braces/-/braces-3.0.2.tgz}
+    engines: {node: '>=8'}
     dependencies:
-      chalk: registry.npmjs.org/chalk@2.4.2
+      fill-range: 7.0.1
     dev: true
 
-  registry.npmjs.org/@changesets/parse@0.3.16:
-    resolution: {integrity: sha512-127JKNd167ayAuBjUggZBkmDS5fIKsthnr9jr6bdnuUljroiERW7FBTDNnNVyJ4l69PzR57pk6mXQdtJyBCJKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/parse/-/parse-0.3.16.tgz}
-    name: '@changesets/parse'
-    version: 0.3.16
+  /chokidar@3.5.3:
+    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==, tarball: https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz}
+    engines: {node: '>= 8.10.0'}
     dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      js-yaml: registry.npmjs.org/js-yaml@3.14.1
+      anymatch: 3.1.3
+      braces: 3.0.2
+      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
     dev: true
 
-  registry.npmjs.org/@changesets/pre@1.0.14:
-    resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/pre/-/pre-1.0.14.tgz}
-    name: '@changesets/pre'
-    version: 1.0.14
+  /cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==, tarball: https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz}
+    engines: {node: '>=12'}
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
     dev: true
 
-  registry.npmjs.org/@changesets/read@0.5.9:
-    resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/read/-/read-0.5.9.tgz}
-    name: '@changesets/read'
-    version: 0.5.9
+  /color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==, tarball: https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz}
+    engines: {node: '>=7.0.0'}
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/git': registry.npmjs.org/@changesets/git@2.0.0
-      '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
-      '@changesets/parse': registry.npmjs.org/@changesets/parse@0.3.16
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      chalk: registry.npmjs.org/chalk@2.4.2
-      fs-extra: registry.npmjs.org/fs-extra@7.0.1
-      p-filter: registry.npmjs.org/p-filter@2.1.0
+      color-name: 1.1.4
     dev: true
 
-  registry.npmjs.org/@changesets/types@4.1.0:
-    resolution: {integrity: sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/types/-/types-4.1.0.tgz}
-    name: '@changesets/types'
-    version: 4.1.0
+  /color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==, tarball: https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz}
     dev: true
 
-  registry.npmjs.org/@changesets/types@5.2.1:
-    resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/types/-/types-5.2.1.tgz}
-    name: '@changesets/types'
-    version: 5.2.1
+  /dependency-graph@0.11.0:
+    resolution: {integrity: sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==, tarball: https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz}
+    engines: {node: '>= 0.6.0'}
     dev: true
 
-  registry.npmjs.org/@changesets/write@0.2.3:
-    resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/write/-/write-0.2.3.tgz}
-    name: '@changesets/write'
-    version: 0.2.3
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      fs-extra: registry.npmjs.org/fs-extra@7.0.1
-      human-id: registry.npmjs.org/human-id@1.0.2
-      prettier: registry.npmjs.org/prettier@2.8.8
+  /emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz}
     dev: true
 
-  registry.npmjs.org/@colors/colors@1.5.0:
-    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz}
-    name: '@colors/colors'
-    version: 1.5.0
-    engines: {node: '>=0.1.90'}
+  /esbuild@0.18.20:
+    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz}
+    engines: {node: '>=12'}
+    hasBin: true
     requiresBuild: true
+    optionalDependencies:
+      '@esbuild/android-arm': 0.18.20
+      '@esbuild/android-arm64': 0.18.20
+      '@esbuild/android-x64': 0.18.20
+      '@esbuild/darwin-arm64': 0.18.20
+      '@esbuild/darwin-x64': 0.18.20
+      '@esbuild/freebsd-arm64': 0.18.20
+      '@esbuild/freebsd-x64': 0.18.20
+      '@esbuild/linux-arm': 0.18.20
+      '@esbuild/linux-arm64': 0.18.20
+      '@esbuild/linux-ia32': 0.18.20
+      '@esbuild/linux-loong64': 0.18.20
+      '@esbuild/linux-mips64el': 0.18.20
+      '@esbuild/linux-ppc64': 0.18.20
+      '@esbuild/linux-riscv64': 0.18.20
+      '@esbuild/linux-s390x': 0.18.20
+      '@esbuild/linux-x64': 0.18.20
+      '@esbuild/netbsd-x64': 0.18.20
+      '@esbuild/openbsd-x64': 0.18.20
+      '@esbuild/sunos-x64': 0.18.20
+      '@esbuild/win32-arm64': 0.18.20
+      '@esbuild/win32-ia32': 0.18.20
+      '@esbuild/win32-x64': 0.18.20
+
+  /escalade@3.1.1:
+    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==, tarball: https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz}
+    engines: {node: '>=6'}
     dev: true
-    optional: true
 
-  registry.npmjs.org/@cypress/request@2.88.12:
-    resolution: {integrity: sha512-tOn+0mDZxASFM+cuAP9szGUGPI1HwWVSvdzm7V4cCsPdFTx6qMj29CwaQmRAMIEhORIUBFBsYROYJcveK4uOjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/request/-/request-2.88.12.tgz}
-    name: '@cypress/request'
-    version: 2.88.12
-    engines: {node: '>= 6'}
+  /fast-glob@3.3.2:
+    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==, tarball: https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz}
+    engines: {node: '>=8.6.0'}
     dependencies:
-      aws-sign2: registry.npmjs.org/aws-sign2@0.7.0
-      aws4: registry.npmjs.org/aws4@1.12.0
-      caseless: registry.npmjs.org/caseless@0.12.0
-      combined-stream: registry.npmjs.org/combined-stream@1.0.8
-      extend: registry.npmjs.org/extend@3.0.2
-      forever-agent: registry.npmjs.org/forever-agent@0.6.1
-      form-data: registry.npmjs.org/form-data@2.3.3
-      http-signature: registry.npmjs.org/http-signature@1.3.6
-      is-typedarray: registry.npmjs.org/is-typedarray@1.0.0
-      isstream: registry.npmjs.org/isstream@0.1.2
-      json-stringify-safe: registry.npmjs.org/json-stringify-safe@5.0.1
-      mime-types: registry.npmjs.org/mime-types@2.1.35
-      performance-now: registry.npmjs.org/performance-now@2.1.0
-      qs: registry.npmjs.org/qs@6.10.4
-      safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
-      tough-cookie: registry.npmjs.org/tough-cookie@4.1.3
-      tunnel-agent: registry.npmjs.org/tunnel-agent@0.6.0
-      uuid: registry.npmjs.org/uuid@8.3.2
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
     dev: true
 
-  registry.npmjs.org/@cypress/skip-test@2.6.1:
-    resolution: {integrity: sha512-X+ibefBiuOmC5gKG91wRIT0/OqXeETYvu7zXktjZ3yLeO186Y8ia0K7/gQUpAwuUi28DuqMd1+7tBQVtPkzbPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/skip-test/-/skip-test-2.6.1.tgz}
-    name: '@cypress/skip-test'
-    version: 2.6.1
+  /fastq@1.16.0:
+    resolution: {integrity: sha512-ifCoaXsDrsdkWTtiNJX5uzHDsrck5TzfKKDcuFFTIrrc/BS076qgEIfoIy1VeZqViznfKiysPYTh/QeHtnIsYA==, tarball: https://registry.npmjs.org/fastq/-/fastq-1.16.0.tgz}
+    dependencies:
+      reusify: 1.0.4
     dev: true
 
-  registry.npmjs.org/@cypress/xvfb@1.2.4(supports-color@8.1.1):
-    resolution: {integrity: sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/xvfb/-/xvfb-1.2.4.tgz}
-    id: registry.npmjs.org/@cypress/xvfb/1.2.4
-    name: '@cypress/xvfb'
-    version: 1.2.4
+  /fill-range@7.0.1:
+    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==, tarball: https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz}
+    engines: {node: '>=8'}
     dependencies:
-      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
-      lodash.once: registry.npmjs.org/lodash.once@4.1.1
-    transitivePeerDependencies:
-      - supports-color
+      to-regex-range: 5.0.1
     dev: true
 
-  registry.npmjs.org/@dagrejs/dagre@1.0.4:
-    resolution: {integrity: sha512-jrEore+HhW1yg1Rsd9H1PPMcoEOD4bVh0WCXc6GqzyzubnJj4GaWGg8ETOrskTd/3n/g5LOzumGM4CCgpNLJNw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@dagrejs/dagre/-/dagre-1.0.4.tgz}
-    name: '@dagrejs/dagre'
-    version: 1.0.4
+  /fs-extra@11.2.0:
+    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz}
+    engines: {node: '>=14.14'}
     dependencies:
-      '@dagrejs/graphlib': registry.npmjs.org/@dagrejs/graphlib@2.1.13
-    dev: false
-
-  registry.npmjs.org/@dagrejs/graphlib@2.1.13:
-    resolution: {integrity: sha512-calbMa7Gcyo+/t23XBaqQqon8LlgE9regey4UVoikoenKBXvUnCUL3s9RP6USCxttfr0XWVICtYUuKMdehKqMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@dagrejs/graphlib/-/graphlib-2.1.13.tgz}
-    name: '@dagrejs/graphlib'
-    version: 2.1.13
-    engines: {node: '>17.0.0'}
-    dev: false
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.1
+    dev: true
 
-  registry.npmjs.org/@esbuild/android-arm64@0.18.20:
-    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz}
-    name: '@esbuild/android-arm64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
+  /fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
     requiresBuild: true
     optional: true
 
-  registry.npmjs.org/@esbuild/android-arm64@0.19.5:
-    resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.5.tgz}
-    name: '@esbuild/android-arm64'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
+  /fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
     requiresBuild: true
-    dev: false
     optional: true
 
-  registry.npmjs.org/@esbuild/android-arm@0.18.20:
-    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz}
-    name: '@esbuild/android-arm'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    optional: true
+  /get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==, tarball: https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz}
+    engines: {node: 6.* || 8.* || >= 10.*}
+    dev: true
 
-  registry.npmjs.org/@esbuild/android-arm@0.19.5:
-    resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.5.tgz}
-    name: '@esbuild/android-arm'
-    version: 0.19.5
+  /get-stdin@9.0.0:
+    resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==, tarball: https://registry.npmjs.org/get-stdin/-/get-stdin-9.0.0.tgz}
     engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: false
-    optional: true
+    dev: true
 
-  registry.npmjs.org/@esbuild/android-x64@0.18.20:
-    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz}
-    name: '@esbuild/android-x64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    optional: true
+  /glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==, tarball: https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz}
+    engines: {node: '>= 6'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
 
-  registry.npmjs.org/@esbuild/android-x64@0.19.5:
-    resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.5.tgz}
-    name: '@esbuild/android-x64'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    dev: false
-    optional: true
+  /globby@14.0.0:
+    resolution: {integrity: sha512-/1WM/LNHRAOH9lZta77uGbq0dAEQM+XjNesWwhlERDVenqothRbnzTrL3/LrIoEPPjeUHC3vrS6TwoyxeHs7MQ==, tarball: https://registry.npmjs.org/globby/-/globby-14.0.0.tgz}
+    engines: {node: '>=18'}
+    dependencies:
+      '@sindresorhus/merge-streams': 1.0.0
+      fast-glob: 3.3.2
+      ignore: 5.3.0
+      path-type: 5.0.0
+      slash: 5.1.0
+      unicorn-magic: 0.1.0
+    dev: true
 
-  registry.npmjs.org/@esbuild/darwin-arm64@0.18.20:
-    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz}
-    name: '@esbuild/darwin-arm64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    optional: true
+  /graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==, tarball: https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz}
+    dev: true
 
-  registry.npmjs.org/@esbuild/darwin-arm64@0.19.5:
-    resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.5.tgz}
-    name: '@esbuild/darwin-arm64'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: false
-    optional: true
+  /ignore@5.3.0:
+    resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==, tarball: https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz}
+    engines: {node: '>= 4'}
+    dev: true
 
-  registry.npmjs.org/@esbuild/darwin-x64@0.18.20:
-    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz}
-    name: '@esbuild/darwin-x64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    optional: true
+  /is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==, tarball: https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz}
+    engines: {node: '>=8'}
+    dependencies:
+      binary-extensions: 2.2.0
+    dev: true
 
-  registry.npmjs.org/@esbuild/darwin-x64@0.19.5:
-    resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.5.tgz}
-    name: '@esbuild/darwin-x64'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: false
-    optional: true
+  /is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==, tarball: https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
-  registry.npmjs.org/@esbuild/freebsd-arm64@0.18.20:
-    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz}
-    name: '@esbuild/freebsd-arm64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    optional: true
+  /is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==, tarball: https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz}
+    engines: {node: '>=8'}
+    dev: true
 
-  registry.npmjs.org/@esbuild/freebsd-arm64@0.19.5:
-    resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.5.tgz}
-    name: '@esbuild/freebsd-arm64'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: false
-    optional: true
+  /is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==, tarball: https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extglob: 2.1.1
+    dev: true
 
-  registry.npmjs.org/@esbuild/freebsd-x64@0.18.20:
-    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz}
-    name: '@esbuild/freebsd-x64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    optional: true
+  /is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==, tarball: https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz}
+    engines: {node: '>=0.12.0'}
+    dev: true
 
-  registry.npmjs.org/@esbuild/freebsd-x64@0.19.5:
-    resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.5.tgz}
-    name: '@esbuild/freebsd-x64'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: false
-    optional: true
+  /jsonfile@6.1.0:
+    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==, tarball: https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz}
+    dependencies:
+      universalify: 2.0.1
+    optionalDependencies:
+      graceful-fs: 4.2.11
+    dev: true
 
-  registry.npmjs.org/@esbuild/linux-arm64@0.18.20:
-    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz}
-    name: '@esbuild/linux-arm64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    optional: true
+  /lilconfig@3.0.0:
+    resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==, tarball: https://registry.npmjs.org/lilconfig/-/lilconfig-3.0.0.tgz}
+    engines: {node: '>=14'}
+    dev: true
 
-  registry.npmjs.org/@esbuild/linux-arm64@0.19.5:
-    resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.5.tgz}
-    name: '@esbuild/linux-arm64'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
+  /merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==, tarball: https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz}
+    engines: {node: '>= 8'}
+    dev: true
 
-  registry.npmjs.org/@esbuild/linux-arm@0.18.20:
-    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz}
-    name: '@esbuild/linux-arm'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    optional: true
+  /micromatch@4.0.5:
+    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==, tarball: https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz}
+    engines: {node: '>=8.6'}
+    dependencies:
+      braces: 3.0.2
+      picomatch: 2.3.1
+    dev: true
 
-  registry.npmjs.org/@esbuild/linux-arm@0.19.5:
-    resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.5.tgz}
-    name: '@esbuild/linux-arm'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
+  /nanoid@3.3.7:
+    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==, tarball: https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
 
-  registry.npmjs.org/@esbuild/linux-ia32@0.18.20:
-    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz}
-    name: '@esbuild/linux-ia32'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    optional: true
+  /normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==, tarball: https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
-  registry.npmjs.org/@esbuild/linux-ia32@0.19.5:
-    resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.5.tgz}
-    name: '@esbuild/linux-ia32'
-    version: 0.19.5
+  /path-type@5.0.0:
+    resolution: {integrity: sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==, tarball: https://registry.npmjs.org/path-type/-/path-type-5.0.0.tgz}
     engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
+    dev: true
 
-  registry.npmjs.org/@esbuild/linux-loong64@0.18.20:
-    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz}
-    name: '@esbuild/linux-loong64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
-    optional: true
+  /picocolors@1.0.0:
+    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==, tarball: https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz}
 
-  registry.npmjs.org/@esbuild/linux-loong64@0.19.5:
-    resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.5.tgz}
-    name: '@esbuild/linux-loong64'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
+  /picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==, tarball: https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz}
+    engines: {node: '>=8.6'}
+    dev: true
+
+  /pify@2.3.0:
+    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==, tarball: https://registry.npmjs.org/pify/-/pify-2.3.0.tgz}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /postcss-cli@11.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-xMITAI7M0u1yolVcXJ9XTZiO9aO49mcoKQy6pCDFdMh9kGqhzLVpWxeD/32M/QBmkhcGypZFFOLNLmIW4Pg4RA==, tarball: https://registry.npmjs.org/postcss-cli/-/postcss-cli-11.0.0.tgz}
+    engines: {node: '>=18'}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.0.0
+    dependencies:
+      chokidar: 3.5.3
+      dependency-graph: 0.11.0
+      fs-extra: 11.2.0
+      get-stdin: 9.0.0
+      globby: 14.0.0
+      picocolors: 1.0.0
+      postcss: registry.npmjs.org/postcss@8.4.21
+      postcss-load-config: 5.0.2(postcss@8.4.21)
+      postcss-reporter: 7.0.5(postcss@8.4.21)
+      pretty-hrtime: 1.0.3
+      read-cache: 1.0.0
+      slash: 5.1.0
+      yargs: 17.7.2
+    transitivePeerDependencies:
+      - jiti
+    dev: true
+
+  /postcss-load-config@5.0.2(postcss@8.4.21):
+    resolution: {integrity: sha512-Q8QR3FYbqOKa0bnC1UQ2bFq9/ulHX5Bi34muzitMr8aDtUelO5xKeJEYC/5smE0jNE9zdB/NBnOwXKexELbRlw==, tarball: https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-5.0.2.tgz}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      jiti: '>=1.21.0'
+      postcss: '>=8.0.9'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+      postcss:
+        optional: true
+    dependencies:
+      lilconfig: 3.0.0
+      postcss: registry.npmjs.org/postcss@8.4.21
+      yaml: 2.3.4
+    dev: true
+
+  /postcss-reporter@7.0.5(postcss@8.4.21):
+    resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==, tarball: https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-7.0.5.tgz}
+    engines: {node: '>=10'}
+    peerDependencies:
+      postcss: ^8.1.0
+    dependencies:
+      picocolors: 1.0.0
+      postcss: registry.npmjs.org/postcss@8.4.21
+      thenby: 1.3.4
+    dev: true
+
+  /postcss@8.4.32:
+    resolution: {integrity: sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.7
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+
+  /pretty-hrtime@1.0.3:
+    resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==, tarball: https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz}
+    engines: {node: '>= 0.8'}
+    dev: true
+
+  /queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==, tarball: https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz}
+    dev: true
+
+  /read-cache@1.0.0:
+    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==, tarball: https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz}
+    dependencies:
+      pify: 2.3.0
+    dev: true
+
+  /readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==, tarball: https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz}
+    engines: {node: '>=8.10.0'}
+    dependencies:
+      picomatch: 2.3.1
+    dev: true
+
+  /require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==, tarball: https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /reusify@1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==, tarball: https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+    dev: true
+
+  /rollup@3.29.4:
+    resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==, tarball: https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  /run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==, tarball: https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz}
+    dependencies:
+      queue-microtask: 1.2.3
+    dev: true
+
+  /sharp@0.32.6:
+    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==, tarball: https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz}
+    engines: {node: '>=14.15.0'}
     requiresBuild: true
+    dependencies:
+      color: registry.npmjs.org/color@4.2.3
+      detect-libc: registry.npmjs.org/detect-libc@2.0.2
+      node-addon-api: registry.npmjs.org/node-addon-api@6.1.0
+      prebuild-install: registry.npmjs.org/prebuild-install@7.1.1
+      semver: registry.npmjs.org/semver@7.5.4
+      simple-get: registry.npmjs.org/simple-get@4.0.1
+      tar-fs: registry.npmjs.org/tar-fs@3.0.4
+      tunnel-agent: registry.npmjs.org/tunnel-agent@0.6.0
     dev: false
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-mips64el@0.18.20:
-    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz}
-    name: '@esbuild/linux-mips64el'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    optional: true
+  /slash@5.1.0:
+    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==, tarball: https://registry.npmjs.org/slash/-/slash-5.1.0.tgz}
+    engines: {node: '>=14.16'}
+    dev: true
 
-  registry.npmjs.org/@esbuild/linux-mips64el@0.19.5:
-    resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.5.tgz}
-    name: '@esbuild/linux-mips64el'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
+  /source-map-js@1.0.2:
+    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==, tarball: https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz}
+    engines: {node: '>=0.10.0'}
+
+  /string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==, tarball: https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz}
+    engines: {node: '>=8'}
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+    dev: true
+
+  /strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==, tarball: https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz}
+    engines: {node: '>=8'}
+    dependencies:
+      ansi-regex: 5.0.1
+    dev: true
+
+  /thenby@1.3.4:
+    resolution: {integrity: sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==, tarball: https://registry.npmjs.org/thenby/-/thenby-1.3.4.tgz}
+    dev: true
+
+  /to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==, tarball: https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz}
+    engines: {node: '>=8.0'}
+    dependencies:
+      is-number: 7.0.0
+    dev: true
+
+  /turbo-darwin-64@1.10.0:
+    resolution: {integrity: sha512-N0aVGFtBgOKd7pIdUiKREwnDhNHRIvpMJbmUw04c1AqEoTiKAKT6iuzcCozO5N/gYMVr0hxrXgLal5OLYXtcsw==, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.10.0.tgz}
+    cpu: [x64]
+    os: [darwin]
     requiresBuild: true
-    dev: false
+    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-ppc64@0.18.20:
-    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz}
-    name: '@esbuild/linux-ppc64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
+  /turbo-darwin-arm64@1.10.0:
+    resolution: {integrity: sha512-boXzhaHTS5MsTMv48I/JmYp9/fYplXk5nACUDrqV6nD1hzO5PMn5wNg75ATbpkaMaeuD+hjuobeSxn1p4vpqQg==, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.10.0.tgz}
+    cpu: [arm64]
+    os: [darwin]
     requiresBuild: true
+    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-ppc64@0.19.5:
-    resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.5.tgz}
-    name: '@esbuild/linux-ppc64'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [ppc64]
+  /turbo-linux-64@1.10.0:
+    resolution: {integrity: sha512-crKQuS1jrp4vp+Th6EmUqqmAlvYNnzGmwWMLeckmYILrV7zAddu87eJu4hB7V6uV+W1qHZUTw8WXa1w1+8boBw==, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.10.0.tgz}
+    cpu: [x64]
     os: [linux]
     requiresBuild: true
-    dev: false
+    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-riscv64@0.18.20:
-    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz}
-    name: '@esbuild/linux-riscv64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [riscv64]
+  /turbo-linux-arm64@1.10.0:
+    resolution: {integrity: sha512-Y2fhWe0xepLjl7doIvsJK7mp2h8E+OF6qJsUHRgxFeRWQWi1I6clD2aEQeykHK8Tp+qp8pKFMocj32nFBvuCcg==, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.10.0.tgz}
+    cpu: [arm64]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-riscv64@0.19.5:
-    resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.5.tgz}
-    name: '@esbuild/linux-riscv64'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
+  /turbo-windows-64@1.10.0:
+    resolution: {integrity: sha512-uh8rEqH6teaHysEMjinwWBqyNwv4IvgSAwbq/OphP8jObstTYHoR+gFPo8RQUSTaBYy4QVszgi5eO5YLvEQqNA==, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.10.0.tgz}
+    cpu: [x64]
+    os: [win32]
     requiresBuild: true
-    dev: false
+    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-s390x@0.18.20:
-    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz}
-    name: '@esbuild/linux-s390x'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
+  /turbo-windows-arm64@1.10.0:
+    resolution: {integrity: sha512-JaVj3iM7qyRD6xYGZLL/Gs4mQKfM1zL0f91AwHZLNkk1CrJ6i5kO4ZjhKkwXSpVOTNKW3sX0Q7dExXj85Vv7UQ==, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.10.0.tgz}
+    cpu: [arm64]
+    os: [win32]
     requiresBuild: true
+    dev: true
     optional: true
 
-  registry.npmjs.org/@esbuild/linux-s390x@0.19.5:
-    resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.5.tgz}
-    name: '@esbuild/linux-s390x'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
+  /typescript@5.3.3:
+    resolution: {integrity: sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==, tarball: https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz}
+    engines: {node: '>=14.17'}
+    hasBin: true
     dev: false
-    optional: true
 
-  registry.npmjs.org/@esbuild/linux-x64@0.18.20:
-    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz}
-    name: '@esbuild/linux-x64'
-    version: 0.18.20
+  /unicorn-magic@0.1.0:
+    resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==, tarball: https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.1.0.tgz}
+    engines: {node: '>=18'}
+    dev: true
+
+  /universalify@2.0.1:
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==, tarball: https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz}
+    engines: {node: '>= 10.0.0'}
+    dev: true
+
+  /vite@4.5.1(@types/node@18.7.16):
+    resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==, tarball: https://registry.npmjs.org/vite/-/vite-4.5.1.tgz}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      '@types/node': registry.npmjs.org/@types/node@18.7.16
+      esbuild: 0.18.20
+      postcss: 8.4.32
+      rollup: 3.29.4
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  /wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==, tarball: https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+    dev: true
+
+  /y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==, tarball: https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz}
+    engines: {node: '>=10'}
+    dev: true
+
+  /yaml@2.3.4:
+    resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==, tarball: https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz}
+    engines: {node: '>= 14'}
+    dev: true
+
+  /yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==, tarball: https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz}
     engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    optional: true
+    dev: true
 
-  registry.npmjs.org/@esbuild/linux-x64@0.19.5:
-    resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.5.tgz}
-    name: '@esbuild/linux-x64'
-    version: 0.19.5
+  /yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==, tarball: https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz}
     engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.1.1
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+    dev: true
+
+  registry.npmjs.org/@aashutoshrathi/word-wrap@1.2.6:
+    resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz}
+    name: '@aashutoshrathi/word-wrap'
+    version: 1.2.6
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  registry.npmjs.org/@ampproject/remapping@2.2.1:
+    resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz}
+    name: '@ampproject/remapping'
+    version: 2.2.1
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
+
+  registry.npmjs.org/@astrojs/compiler@2.2.1:
+    resolution: {integrity: sha512-NJ1lWKzMkyEjE3W5NpPNAVot4/PLF5om/P6ekxNu3iLS05CaYFTcp7WpYMjdCC252b7wkNVAs45FNkVQ+RHW/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/compiler/-/compiler-2.2.1.tgz}
+    name: '@astrojs/compiler'
+    version: 2.2.1
     dev: false
-    optional: true
 
-  registry.npmjs.org/@esbuild/netbsd-x64@0.18.20:
-    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz}
-    name: '@esbuild/netbsd-x64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    optional: true
+  registry.npmjs.org/@astrojs/internal-helpers@0.2.0:
+    resolution: {integrity: sha512-NQ4ppp1CM0HNkKbJNM4saVSfmUYzGlRalF6wx7F6T/MYHYSWGuojY89/oFTy4t8VlOGUCUijlsVNNeziWaUo5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/internal-helpers/-/internal-helpers-0.2.0.tgz}
+    name: '@astrojs/internal-helpers'
+    version: 0.2.0
+    dev: false
 
-  registry.npmjs.org/@esbuild/netbsd-x64@0.19.5:
-    resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.5.tgz}
-    name: '@esbuild/netbsd-x64'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
+  registry.npmjs.org/@astrojs/markdown-remark@3.2.0(astro@3.2.2):
+    resolution: {integrity: sha512-jigyLfefUZPKgVmmraCkVpdUuFH1R3SrpgQO13axsgwLDBgkggaQpNR5Ag4O9PDualeBtbdt30aYSfvnBKx9Hg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-3.2.0.tgz}
+    id: registry.npmjs.org/@astrojs/markdown-remark/3.2.0
+    name: '@astrojs/markdown-remark'
+    version: 3.2.0
+    peerDependencies:
+      astro: ^3.1.0
+    dependencies:
+      '@astrojs/prism': registry.npmjs.org/@astrojs/prism@3.0.0
+      astro: registry.npmjs.org/astro@3.2.2
+      github-slugger: registry.npmjs.org/github-slugger@2.0.0
+      import-meta-resolve: registry.npmjs.org/import-meta-resolve@3.1.1
+      mdast-util-definitions: registry.npmjs.org/mdast-util-definitions@6.0.0
+      rehype-raw: registry.npmjs.org/rehype-raw@6.1.1
+      rehype-stringify: registry.npmjs.org/rehype-stringify@9.0.4
+      remark-gfm: registry.npmjs.org/remark-gfm@3.0.1
+      remark-parse: registry.npmjs.org/remark-parse@10.0.2
+      remark-rehype: registry.npmjs.org/remark-rehype@10.1.0
+      remark-smartypants: registry.npmjs.org/remark-smartypants@2.0.0
+      shiki: registry.npmjs.org/shiki@0.14.5
+      unified: registry.npmjs.org/unified@10.1.2
+      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
+      vfile: registry.npmjs.org/vfile@5.3.7
+    transitivePeerDependencies:
+      - supports-color
     dev: false
-    optional: true
 
-  registry.npmjs.org/@esbuild/openbsd-x64@0.18.20:
-    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz}
-    name: '@esbuild/openbsd-x64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    optional: true
+  registry.npmjs.org/@astrojs/prism@3.0.0:
+    resolution: {integrity: sha512-g61lZupWq1bYbcBnYZqdjndShr/J3l/oFobBKPA3+qMat146zce3nz2kdO4giGbhYDt4gYdhmoBz0vZJ4sIurQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/prism/-/prism-3.0.0.tgz}
+    name: '@astrojs/prism'
+    version: 3.0.0
+    engines: {node: '>=18.14.1'}
+    dependencies:
+      prismjs: registry.npmjs.org/prismjs@1.29.0
+    dev: false
 
-  registry.npmjs.org/@esbuild/openbsd-x64@0.19.5:
-    resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.5.tgz}
-    name: '@esbuild/openbsd-x64'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
+  registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.1):
+    resolution: {integrity: sha512-aooNIuQxTg+IWGMZPuIEwBeBi4/TCPCMsr3714zuLjAjukVd5ZrX/bCNxJqDWU4HNwUm4XFU1OhcEvYOHa5uMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/react/-/react-3.0.2.tgz}
+    id: registry.npmjs.org/@astrojs/react/3.0.2
+    name: '@astrojs/react'
+    version: 3.0.2
+    engines: {node: '>=18.14.1'}
+    peerDependencies:
+      '@types/react': ^17.0.50 || ^18.0.21
+      '@types/react-dom': ^17.0.17 || ^18.0.6
+      react: ^17.0.2 || ^18.0.0
+      react-dom: ^17.0.2 || ^18.0.0
+    dependencies:
+      '@types/react': registry.npmjs.org/@types/react@18.2.24
+      '@types/react-dom': registry.npmjs.org/@types/react-dom@18.2.8
+      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.1)
+      react: registry.npmjs.org/react@18.2.0
+      react-dom: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+      ultrahtml: registry.npmjs.org/ultrahtml@1.5.2
+    transitivePeerDependencies:
+      - supports-color
+      - vite
     dev: false
-    optional: true
 
-  registry.npmjs.org/@esbuild/sunos-x64@0.18.20:
-    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz}
-    name: '@esbuild/sunos-x64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    optional: true
+  registry.npmjs.org/@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.3.3)(vite@4.5.1):
+    resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/svelte/-/svelte-4.0.2.tgz}
+    id: registry.npmjs.org/@astrojs/svelte/4.0.2
+    name: '@astrojs/svelte'
+    version: 4.0.2
+    engines: {node: '>=18.14.1'}
+    peerDependencies:
+      astro: ^3.0.11
+      svelte: ^3.55.0 || ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.1)
+      astro: registry.npmjs.org/astro@3.2.2
+      svelte: registry.npmjs.org/svelte@4.2.1
+      svelte2tsx: registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.3.3)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+      - vite
+    dev: false
 
-  registry.npmjs.org/@esbuild/sunos-x64@0.19.5:
-    resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.5.tgz}
-    name: '@esbuild/sunos-x64'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
+  registry.npmjs.org/@astrojs/telemetry@3.0.2:
+    resolution: {integrity: sha512-ef+jqCkqopCzjGfsMsr+8p56Nj6F9ZzouWcWZt+dKsqbRccI3c8K3jfkLcdq4AyfFZtKBDB6N4ZuI68g33oiOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/telemetry/-/telemetry-3.0.2.tgz}
+    name: '@astrojs/telemetry'
+    version: 3.0.2
+    engines: {node: '>=18.14.1'}
+    dependencies:
+      ci-info: registry.npmjs.org/ci-info@3.9.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      dlv: registry.npmjs.org/dlv@1.1.3
+      dset: registry.npmjs.org/dset@3.1.2
+      is-docker: registry.npmjs.org/is-docker@3.0.0
+      is-wsl: registry.npmjs.org/is-wsl@3.1.0
+      undici: registry.npmjs.org/undici@5.26.5
+      which-pm-runs: registry.npmjs.org/which-pm-runs@1.1.0
+    transitivePeerDependencies:
+      - supports-color
     dev: false
-    optional: true
 
-  registry.npmjs.org/@esbuild/win32-arm64@0.18.20:
-    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz}
-    name: '@esbuild/win32-arm64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    optional: true
+  registry.npmjs.org/@babel/code-frame@7.22.13:
+    resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz}
+    name: '@babel/code-frame'
+    version: 7.22.13
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/highlight': registry.npmjs.org/@babel/highlight@7.22.20
+      chalk: registry.npmjs.org/chalk@2.4.2
+
+  registry.npmjs.org/@babel/compat-data@7.23.2:
+    resolution: {integrity: sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.2.tgz}
+    name: '@babel/compat-data'
+    version: 7.23.2
+    engines: {node: '>=6.9.0'}
+
+  registry.npmjs.org/@babel/core@7.23.2:
+    resolution: {integrity: sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.23.2.tgz}
+    name: '@babel/core'
+    version: 7.23.2
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping@2.2.1
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.13
+      '@babel/generator': registry.npmjs.org/@babel/generator@7.23.0
+      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets@7.22.15
+      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2)
+      '@babel/helpers': registry.npmjs.org/@babel/helpers@7.23.2
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
+      '@babel/template': registry.npmjs.org/@babel/template@7.22.15
+      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.23.2
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+      convert-source-map: registry.npmjs.org/convert-source-map@2.0.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      gensync: registry.npmjs.org/gensync@1.0.0-beta.2
+      json5: registry.npmjs.org/json5@2.2.3
+      semver: registry.npmjs.org/semver@6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  registry.npmjs.org/@babel/generator@7.23.0:
+    resolution: {integrity: sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz}
+    name: '@babel/generator'
+    version: 7.23.0
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
+      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
+      jsesc: registry.npmjs.org/jsesc@2.5.2
+
+  registry.npmjs.org/@babel/helper-annotate-as-pure@7.22.5:
+    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz}
+    name: '@babel/helper-annotate-as-pure'
+    version: 7.22.5
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+    dev: false
+
+  registry.npmjs.org/@babel/helper-compilation-targets@7.22.15:
+    resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz}
+    name: '@babel/helper-compilation-targets'
+    version: 7.22.15
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/compat-data': registry.npmjs.org/@babel/compat-data@7.23.2
+      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option@7.22.15
+      browserslist: registry.npmjs.org/browserslist@4.22.1
+      lru-cache: registry.npmjs.org/lru-cache@5.1.1
+      semver: registry.npmjs.org/semver@6.3.1
+
+  registry.npmjs.org/@babel/helper-environment-visitor@7.22.20:
+    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz}
+    name: '@babel/helper-environment-visitor'
+    version: 7.22.20
+    engines: {node: '>=6.9.0'}
+
+  registry.npmjs.org/@babel/helper-function-name@7.23.0:
+    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz}
+    name: '@babel/helper-function-name'
+    version: 7.23.0
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/template': registry.npmjs.org/@babel/template@7.22.15
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+
+  registry.npmjs.org/@babel/helper-hoist-variables@7.22.5:
+    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz}
+    name: '@babel/helper-hoist-variables'
+    version: 7.22.5
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+
+  registry.npmjs.org/@babel/helper-module-imports@7.22.15:
+    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz}
+    name: '@babel/helper-module-imports'
+    version: 7.22.15
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+
+  registry.npmjs.org/@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2):
+    resolution: {integrity: sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz}
+    id: registry.npmjs.org/@babel/helper-module-transforms/7.23.0
+    name: '@babel/helper-module-transforms'
+    version: 7.23.0
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
+      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor@7.22.20
+      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports@7.22.15
+      '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access@7.22.5
+      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6
+      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.20
+
+  registry.npmjs.org/@babel/helper-plugin-utils@7.22.5:
+    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz}
+    name: '@babel/helper-plugin-utils'
+    version: 7.22.5
+    engines: {node: '>=6.9.0'}
+
+  registry.npmjs.org/@babel/helper-simple-access@7.22.5:
+    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz}
+    name: '@babel/helper-simple-access'
+    version: 7.22.5
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+
+  registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6:
+    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz}
+    name: '@babel/helper-split-export-declaration'
+    version: 7.22.6
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+
+  registry.npmjs.org/@babel/helper-string-parser@7.22.5:
+    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz}
+    name: '@babel/helper-string-parser'
+    version: 7.22.5
+    engines: {node: '>=6.9.0'}
+
+  registry.npmjs.org/@babel/helper-validator-identifier@7.22.20:
+    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz}
+    name: '@babel/helper-validator-identifier'
+    version: 7.22.20
+    engines: {node: '>=6.9.0'}
+
+  registry.npmjs.org/@babel/helper-validator-option@7.22.15:
+    resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz}
+    name: '@babel/helper-validator-option'
+    version: 7.22.15
+    engines: {node: '>=6.9.0'}
+
+  registry.npmjs.org/@babel/helpers@7.23.2:
+    resolution: {integrity: sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.2.tgz}
+    name: '@babel/helpers'
+    version: 7.23.2
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/template': registry.npmjs.org/@babel/template@7.22.15
+      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.23.2
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+    transitivePeerDependencies:
+      - supports-color
+
+  registry.npmjs.org/@babel/highlight@7.22.20:
+    resolution: {integrity: sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz}
+    name: '@babel/highlight'
+    version: 7.22.20
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.20
+      chalk: registry.npmjs.org/chalk@2.4.2
+      js-tokens: registry.npmjs.org/js-tokens@4.0.0
+
+  registry.npmjs.org/@babel/parser@7.23.0:
+    resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz}
+    name: '@babel/parser'
+    version: 7.23.0
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+
+  registry.npmjs.org/@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2):
+    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz}
+    id: registry.npmjs.org/@babel/plugin-syntax-jsx/7.22.5
+    name: '@babel/plugin-syntax-jsx'
+    version: 7.22.5
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
+      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
+    dev: false
+
+  registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2):
+    resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz}
+    id: registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.22.5
+    name: '@babel/plugin-transform-react-jsx-self'
+    version: 7.22.5
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
+      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
+
+  registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2):
+    resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz}
+    id: registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.22.5
+    name: '@babel/plugin-transform-react-jsx-source'
+    version: 7.22.5
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
+      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
+
+  registry.npmjs.org/@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.2):
+    resolution: {integrity: sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz}
+    id: registry.npmjs.org/@babel/plugin-transform-react-jsx/7.22.15
+    name: '@babel/plugin-transform-react-jsx'
+    version: 7.22.15
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
+      '@babel/helper-annotate-as-pure': registry.npmjs.org/@babel/helper-annotate-as-pure@7.22.5
+      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports@7.22.15
+      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
+      '@babel/plugin-syntax-jsx': registry.npmjs.org/@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2)
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+    dev: false
+
+  registry.npmjs.org/@babel/runtime@7.23.2:
+    resolution: {integrity: sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz}
+    name: '@babel/runtime'
+    version: 7.23.2
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      regenerator-runtime: registry.npmjs.org/regenerator-runtime@0.14.0
+    dev: true
+
+  registry.npmjs.org/@babel/template@7.22.15:
+    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz}
+    name: '@babel/template'
+    version: 7.22.15
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.13
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+
+  registry.npmjs.org/@babel/traverse@7.23.2:
+    resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.2.tgz}
+    name: '@babel/traverse'
+    version: 7.23.2
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.13
+      '@babel/generator': registry.npmjs.org/@babel/generator@7.23.0
+      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor@7.22.20
+      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name@7.23.0
+      '@babel/helper-hoist-variables': registry.npmjs.org/@babel/helper-hoist-variables@7.22.5
+      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6
+      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
+      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      globals: registry.npmjs.org/globals@11.12.0
+    transitivePeerDependencies:
+      - supports-color
+
+  registry.npmjs.org/@babel/types@7.23.0:
+    resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz}
+    name: '@babel/types'
+    version: 7.23.0
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser@7.22.5
+      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.20
+      to-fast-properties: registry.npmjs.org/to-fast-properties@2.0.0
+
+  registry.npmjs.org/@changesets/apply-release-plan@6.1.4:
+    resolution: {integrity: sha512-FMpKF1fRlJyCZVYHr3CbinpZZ+6MwvOtWUuO8uo+svcATEoc1zRDcj23pAurJ2TZ/uVz1wFHH6K3NlACy0PLew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-6.1.4.tgz}
+    name: '@changesets/apply-release-plan'
+    version: 6.1.4
+    dependencies:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
+      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.1
+      '@changesets/get-version-range-type': registry.npmjs.org/@changesets/get-version-range-type@0.3.2
+      '@changesets/git': registry.npmjs.org/@changesets/git@2.0.0
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      detect-indent: registry.npmjs.org/detect-indent@6.1.0
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      lodash.startcase: registry.npmjs.org/lodash.startcase@4.4.0
+      outdent: registry.npmjs.org/outdent@0.5.0
+      prettier: registry.npmjs.org/prettier@2.8.8
+      resolve-from: registry.npmjs.org/resolve-from@5.0.0
+      semver: registry.npmjs.org/semver@7.5.4
+    dev: true
+
+  registry.npmjs.org/@changesets/assemble-release-plan@5.2.4:
+    resolution: {integrity: sha512-xJkWX+1/CUaOUWTguXEbCDTyWJFECEhmdtbkjhn5GVBGxdP/JwaHBIU9sW3FR6gD07UwZ7ovpiPclQZs+j+mvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/assemble-release-plan/-/assemble-release-plan-5.2.4.tgz}
+    name: '@changesets/assemble-release-plan'
+    version: 5.2.4
+    dependencies:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.6
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      semver: registry.npmjs.org/semver@7.5.4
+    dev: true
+
+  registry.npmjs.org/@changesets/changelog-git@0.1.14:
+    resolution: {integrity: sha512-+vRfnKtXVWsDDxGctOfzJsPhaCdXRYoe+KyWYoq5X/GqoISREiat0l3L8B0a453B2B4dfHGcZaGyowHbp9BSaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-git/-/changelog-git-0.1.14.tgz}
+    name: '@changesets/changelog-git'
+    version: 0.1.14
+    dependencies:
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+    dev: true
+
+  registry.npmjs.org/@changesets/changelog-github@0.4.7:
+    resolution: {integrity: sha512-UUG5sKwShs5ha1GFnayUpZNcDGWoY7F5XxhOEHS62sDPOtoHQZsG3j1nC5RxZ3M1URHA321cwVZHeXgu99Y3ew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-github/-/changelog-github-0.4.7.tgz}
+    name: '@changesets/changelog-github'
+    version: 0.4.7
+    dependencies:
+      '@changesets/get-github-info': registry.npmjs.org/@changesets/get-github-info@0.5.2
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      dotenv: registry.npmjs.org/dotenv@8.6.0
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
+  registry.npmjs.org/@changesets/cli@2.25.0:
+    resolution: {integrity: sha512-Svu5KD2enurVHGEEzCRlaojrHjVYgF9srmMP9VQSy9c1TspX6C9lDPpulsSNIjYY9BuU/oiWpjBgR7RI9eQiAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/cli/-/cli-2.25.0.tgz}
+    name: '@changesets/cli'
+    version: 2.25.0
+    hasBin: true
+    dependencies:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
+      '@changesets/apply-release-plan': registry.npmjs.org/@changesets/apply-release-plan@6.1.4
+      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan@5.2.4
+      '@changesets/changelog-git': registry.npmjs.org/@changesets/changelog-git@0.1.14
+      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.1
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.6
+      '@changesets/get-release-plan': registry.npmjs.org/@changesets/get-release-plan@3.0.17
+      '@changesets/git': registry.npmjs.org/@changesets/git@1.5.0
+      '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
+      '@changesets/pre': registry.npmjs.org/@changesets/pre@1.0.14
+      '@changesets/read': registry.npmjs.org/@changesets/read@0.5.9
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@changesets/write': registry.npmjs.org/@changesets/write@0.2.3
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      '@types/is-ci': registry.npmjs.org/@types/is-ci@3.0.3
+      '@types/semver': registry.npmjs.org/@types/semver@6.2.5
+      ansi-colors: registry.npmjs.org/ansi-colors@4.1.3
+      chalk: registry.npmjs.org/chalk@2.4.2
+      enquirer: registry.npmjs.org/enquirer@2.4.1
+      external-editor: registry.npmjs.org/external-editor@3.1.0
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      human-id: registry.npmjs.org/human-id@1.0.2
+      is-ci: registry.npmjs.org/is-ci@3.0.1
+      meow: registry.npmjs.org/meow@6.1.1
+      outdent: registry.npmjs.org/outdent@0.5.0
+      p-limit: registry.npmjs.org/p-limit@2.3.0
+      preferred-pm: registry.npmjs.org/preferred-pm@3.1.2
+      resolve-from: registry.npmjs.org/resolve-from@5.0.0
+      semver: registry.npmjs.org/semver@5.7.2
+      spawndamnit: registry.npmjs.org/spawndamnit@2.0.0
+      term-size: registry.npmjs.org/term-size@2.2.1
+      tty-table: registry.npmjs.org/tty-table@4.2.2
+    dev: true
+
+  registry.npmjs.org/@changesets/config@2.3.1:
+    resolution: {integrity: sha512-PQXaJl82CfIXddUOppj4zWu+987GCw2M+eQcOepxN5s+kvnsZOwjEJO3DH9eVy+OP6Pg/KFEWdsECFEYTtbg6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/config/-/config-2.3.1.tgz}
+    name: '@changesets/config'
+    version: 2.3.1
+    dependencies:
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.6
+      '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      micromatch: registry.npmjs.org/micromatch@4.0.5
+    dev: true
+
+  registry.npmjs.org/@changesets/errors@0.1.4:
+    resolution: {integrity: sha512-HAcqPF7snsUJ/QzkWoKfRfXushHTu+K5KZLJWPb34s4eCZShIf8BFO3fwq6KU8+G7L5KdtN2BzQAXOSXEyiY9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/errors/-/errors-0.1.4.tgz}
+    name: '@changesets/errors'
+    version: 0.1.4
+    dependencies:
+      extendable-error: registry.npmjs.org/extendable-error@0.1.7
+    dev: true
+
+  registry.npmjs.org/@changesets/get-dependents-graph@1.3.6:
+    resolution: {integrity: sha512-Q/sLgBANmkvUm09GgRsAvEtY3p1/5OCzgBE5vX3vgb5CvW0j7CEljocx5oPXeQSNph6FXulJlXV3Re/v3K3P3Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-dependents-graph/-/get-dependents-graph-1.3.6.tgz}
+    name: '@changesets/get-dependents-graph'
+    version: 1.3.6
+    dependencies:
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      chalk: registry.npmjs.org/chalk@2.4.2
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      semver: registry.npmjs.org/semver@7.5.4
+    dev: true
+
+  registry.npmjs.org/@changesets/get-github-info@0.5.2:
+    resolution: {integrity: sha512-JppheLu7S114aEs157fOZDjFqUDpm7eHdq5E8SSR0gUBTEK0cNSHsrSR5a66xs0z3RWuo46QvA3vawp8BxDHvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-github-info/-/get-github-info-0.5.2.tgz}
+    name: '@changesets/get-github-info'
+    version: 0.5.2
+    dependencies:
+      dataloader: registry.npmjs.org/dataloader@1.4.0
+      node-fetch: registry.npmjs.org/node-fetch@2.7.0
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
+  registry.npmjs.org/@changesets/get-release-plan@3.0.17:
+    resolution: {integrity: sha512-6IwKTubNEgoOZwDontYc2x2cWXfr6IKxP3IhKeK+WjyD6y3M4Gl/jdQvBw+m/5zWILSOCAaGLu2ZF6Q+WiPniw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-release-plan/-/get-release-plan-3.0.17.tgz}
+    name: '@changesets/get-release-plan'
+    version: 3.0.17
+    dependencies:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
+      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan@5.2.4
+      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.1
+      '@changesets/pre': registry.npmjs.org/@changesets/pre@1.0.14
+      '@changesets/read': registry.npmjs.org/@changesets/read@0.5.9
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+    dev: true
+
+  registry.npmjs.org/@changesets/get-version-range-type@0.3.2:
+    resolution: {integrity: sha512-SVqwYs5pULYjYT4op21F2pVbcrca4qA/bAA3FmFXKMN7Y+HcO8sbZUTx3TAy2VXulP2FACd1aC7f2nTuqSPbqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-version-range-type/-/get-version-range-type-0.3.2.tgz}
+    name: '@changesets/get-version-range-type'
+    version: 0.3.2
+    dev: true
+
+  registry.npmjs.org/@changesets/git@1.5.0:
+    resolution: {integrity: sha512-Xo8AT2G7rQJSwV87c8PwMm6BAc98BnufRMsML7m7Iw8Or18WFvFmxqG5aOL5PBvhgq9KrKvaeIBNIymracSuHg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/git/-/git-1.5.0.tgz}
+    name: '@changesets/git'
+    version: 1.5.0
+    dependencies:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      is-subdir: registry.npmjs.org/is-subdir@1.2.0
+      spawndamnit: registry.npmjs.org/spawndamnit@2.0.0
+    dev: true
+
+  registry.npmjs.org/@changesets/git@2.0.0:
+    resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/git/-/git-2.0.0.tgz}
+    name: '@changesets/git'
+    version: 2.0.0
+    dependencies:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      is-subdir: registry.npmjs.org/is-subdir@1.2.0
+      micromatch: registry.npmjs.org/micromatch@4.0.5
+      spawndamnit: registry.npmjs.org/spawndamnit@2.0.0
+    dev: true
+
+  registry.npmjs.org/@changesets/logger@0.0.5:
+    resolution: {integrity: sha512-gJyZHomu8nASHpaANzc6bkQMO9gU/ib20lqew1rVx753FOxffnCrJlGIeQVxNWCqM+o6OOleCo/ivL8UAO5iFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/logger/-/logger-0.0.5.tgz}
+    name: '@changesets/logger'
+    version: 0.0.5
+    dependencies:
+      chalk: registry.npmjs.org/chalk@2.4.2
+    dev: true
+
+  registry.npmjs.org/@changesets/parse@0.3.16:
+    resolution: {integrity: sha512-127JKNd167ayAuBjUggZBkmDS5fIKsthnr9jr6bdnuUljroiERW7FBTDNnNVyJ4l69PzR57pk6mXQdtJyBCJKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/parse/-/parse-0.3.16.tgz}
+    name: '@changesets/parse'
+    version: 0.3.16
+    dependencies:
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      js-yaml: registry.npmjs.org/js-yaml@3.14.1
+    dev: true
+
+  registry.npmjs.org/@changesets/pre@1.0.14:
+    resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/pre/-/pre-1.0.14.tgz}
+    name: '@changesets/pre'
+    version: 1.0.14
+    dependencies:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
+      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+    dev: true
+
+  registry.npmjs.org/@changesets/read@0.5.9:
+    resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/read/-/read-0.5.9.tgz}
+    name: '@changesets/read'
+    version: 0.5.9
+    dependencies:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
+      '@changesets/git': registry.npmjs.org/@changesets/git@2.0.0
+      '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
+      '@changesets/parse': registry.npmjs.org/@changesets/parse@0.3.16
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      chalk: registry.npmjs.org/chalk@2.4.2
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      p-filter: registry.npmjs.org/p-filter@2.1.0
+    dev: true
+
+  registry.npmjs.org/@changesets/types@4.1.0:
+    resolution: {integrity: sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/types/-/types-4.1.0.tgz}
+    name: '@changesets/types'
+    version: 4.1.0
+    dev: true
+
+  registry.npmjs.org/@changesets/types@5.2.1:
+    resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/types/-/types-5.2.1.tgz}
+    name: '@changesets/types'
+    version: 5.2.1
+    dev: true
+
+  registry.npmjs.org/@changesets/write@0.2.3:
+    resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/write/-/write-0.2.3.tgz}
+    name: '@changesets/write'
+    version: 0.2.3
+    dependencies:
+      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
+      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
+      fs-extra: registry.npmjs.org/fs-extra@7.0.1
+      human-id: registry.npmjs.org/human-id@1.0.2
+      prettier: registry.npmjs.org/prettier@2.8.8
+    dev: true
+
+  registry.npmjs.org/@cypress/request@2.88.12:
+    resolution: {integrity: sha512-tOn+0mDZxASFM+cuAP9szGUGPI1HwWVSvdzm7V4cCsPdFTx6qMj29CwaQmRAMIEhORIUBFBsYROYJcveK4uOjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/request/-/request-2.88.12.tgz}
+    name: '@cypress/request'
+    version: 2.88.12
+    engines: {node: '>= 6'}
+    dependencies:
+      aws-sign2: registry.npmjs.org/aws-sign2@0.7.0
+      aws4: registry.npmjs.org/aws4@1.12.0
+      caseless: registry.npmjs.org/caseless@0.12.0
+      combined-stream: registry.npmjs.org/combined-stream@1.0.8
+      extend: registry.npmjs.org/extend@3.0.2
+      forever-agent: registry.npmjs.org/forever-agent@0.6.1
+      form-data: registry.npmjs.org/form-data@2.3.3
+      http-signature: registry.npmjs.org/http-signature@1.3.6
+      is-typedarray: registry.npmjs.org/is-typedarray@1.0.0
+      isstream: registry.npmjs.org/isstream@0.1.2
+      json-stringify-safe: registry.npmjs.org/json-stringify-safe@5.0.1
+      mime-types: registry.npmjs.org/mime-types@2.1.35
+      performance-now: registry.npmjs.org/performance-now@2.1.0
+      qs: registry.npmjs.org/qs@6.10.4
+      safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
+      tough-cookie: registry.npmjs.org/tough-cookie@4.1.3
+      tunnel-agent: registry.npmjs.org/tunnel-agent@0.6.0
+      uuid: registry.npmjs.org/uuid@8.3.2
+    dev: true
 
-  registry.npmjs.org/@esbuild/win32-arm64@0.19.5:
-    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.5.tgz}
-    name: '@esbuild/win32-arm64'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: false
-    optional: true
+  registry.npmjs.org/@cypress/skip-test@2.6.1:
+    resolution: {integrity: sha512-X+ibefBiuOmC5gKG91wRIT0/OqXeETYvu7zXktjZ3yLeO186Y8ia0K7/gQUpAwuUi28DuqMd1+7tBQVtPkzbPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/skip-test/-/skip-test-2.6.1.tgz}
+    name: '@cypress/skip-test'
+    version: 2.6.1
+    dev: true
 
-  registry.npmjs.org/@esbuild/win32-ia32@0.18.20:
-    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz}
-    name: '@esbuild/win32-ia32'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    optional: true
+  registry.npmjs.org/@cypress/xvfb@1.2.4(supports-color@8.1.1):
+    resolution: {integrity: sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/xvfb/-/xvfb-1.2.4.tgz}
+    id: registry.npmjs.org/@cypress/xvfb/1.2.4
+    name: '@cypress/xvfb'
+    version: 1.2.4
+    dependencies:
+      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
+      lodash.once: registry.npmjs.org/lodash.once@4.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
 
-  registry.npmjs.org/@esbuild/win32-ia32@0.19.5:
-    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.5.tgz}
-    name: '@esbuild/win32-ia32'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
+  registry.npmjs.org/@dagrejs/dagre@1.0.4:
+    resolution: {integrity: sha512-jrEore+HhW1yg1Rsd9H1PPMcoEOD4bVh0WCXc6GqzyzubnJj4GaWGg8ETOrskTd/3n/g5LOzumGM4CCgpNLJNw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@dagrejs/dagre/-/dagre-1.0.4.tgz}
+    name: '@dagrejs/dagre'
+    version: 1.0.4
+    dependencies:
+      '@dagrejs/graphlib': registry.npmjs.org/@dagrejs/graphlib@2.1.13
     dev: false
-    optional: true
-
-  registry.npmjs.org/@esbuild/win32-x64@0.18.20:
-    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz}
-    name: '@esbuild/win32-x64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    optional: true
 
-  registry.npmjs.org/@esbuild/win32-x64@0.19.5:
-    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.5.tgz}
-    name: '@esbuild/win32-x64'
-    version: 0.19.5
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
+  registry.npmjs.org/@dagrejs/graphlib@2.1.13:
+    resolution: {integrity: sha512-calbMa7Gcyo+/t23XBaqQqon8LlgE9regey4UVoikoenKBXvUnCUL3s9RP6USCxttfr0XWVICtYUuKMdehKqMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@dagrejs/graphlib/-/graphlib-2.1.13.tgz}
+    name: '@dagrejs/graphlib'
+    version: 2.1.13
+    engines: {node: '>17.0.0'}
     dev: false
-    optional: true
 
   registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0):
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz}
@@ -1938,7 +2537,7 @@ packages:
       - terser
     dev: false
 
-  registry.npmjs.org/@playwright/experimental-ct-react@1.39.0(@types/node@18.7.16)(vite@4.5.0):
+  registry.npmjs.org/@playwright/experimental-ct-react@1.39.0(@types/node@18.7.16)(vite@4.5.1):
     resolution: {integrity: sha512-6GaDVVo6x8P9Jdw3yPbVaEP59nesRsETn3kznHAy+2493VsP3IaVATat2G28z0Sivf/K9Tkh5xRYjiawN0ebgw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@playwright/experimental-ct-react/-/experimental-ct-react-1.39.0.tgz}
     id: registry.npmjs.org/@playwright/experimental-ct-react/1.39.0
     name: '@playwright/experimental-ct-react'
@@ -1947,7 +2546,7 @@ packages:
     hasBin: true
     dependencies:
       '@playwright/experimental-ct-core': registry.npmjs.org/@playwright/experimental-ct-core@1.39.0(@types/node@18.7.16)
-      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.0)
+      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.1)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -2134,7 +2733,7 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.1)
       import-meta-resolve: registry.npmjs.org/import-meta-resolve@3.0.0
     dev: true
 
@@ -2150,7 +2749,7 @@ packages:
       import-meta-resolve: registry.npmjs.org/import-meta-resolve@4.0.0
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.0):
+  registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.1):
     resolution: {integrity: sha512-SDKxI/QpsReCwIn5czjT53fKlPBybbmMk67d317gUqfeORroBAFN1Z6s/x0E1JYi+04i7kKllS+Sz9wVfmUkAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.22.6.tgz}
     id: registry.npmjs.org/@sveltejs/kit/1.22.6
     name: '@sveltejs/kit'
@@ -2162,7 +2761,7 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.1)
       '@types/cookie': registry.npmjs.org/@types/cookie@0.5.3
       cookie: registry.npmjs.org/cookie@0.5.0
       devalue: registry.npmjs.org/devalue@4.3.2
@@ -2175,7 +2774,7 @@ packages:
       sirv: registry.npmjs.org/sirv@2.0.3
       svelte: registry.npmjs.org/svelte@4.2.1
       undici: registry.npmjs.org/undici@5.23.0
-      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
+      vite: 4.5.1(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2231,7 +2830,7 @@ packages:
       - typescript
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0):
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.1):
     resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.4.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.4
     name: '@sveltejs/vite-plugin-svelte-inspector'
@@ -2242,10 +2841,10 @@ packages:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.1)
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       svelte: registry.npmjs.org/svelte@4.2.1
-      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
+      vite: 4.5.1(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
 
@@ -2268,7 +2867,7 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0):
+  registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.1):
     resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.6.tgz}
     id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.6
     name: '@sveltejs/vite-plugin-svelte'
@@ -2278,15 +2877,15 @@ packages:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.1)
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       deepmerge: registry.npmjs.org/deepmerge@4.3.1
       kleur: registry.npmjs.org/kleur@4.1.5
       magic-string: registry.npmjs.org/magic-string@0.30.5
       svelte: registry.npmjs.org/svelte@4.2.1
       svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.1)
-      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
-      vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.5.0)
+      vite: 4.5.1(@types/node@18.7.16)
+      vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.5.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -2313,116 +2912,6 @@ packages:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@swc/core-darwin-arm64@1.3.96:
-    resolution: {integrity: sha512-8hzgXYVd85hfPh6mJ9yrG26rhgzCmcLO0h1TIl8U31hwmTbfZLzRitFQ/kqMJNbIBCwmNH1RU2QcJnL3d7f69A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.96.tgz}
-    name: '@swc/core-darwin-arm64'
-    version: 1.3.96
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@swc/core-darwin-x64@1.3.96:
-    resolution: {integrity: sha512-mFp9GFfuPg+43vlAdQZl0WZpZSE8sEzqL7sr/7Reul5McUHP0BaLsEzwjvD035ESfkY8GBZdLpMinblIbFNljQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.96.tgz}
-    name: '@swc/core-darwin-x64'
-    version: 1.3.96
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@swc/core-linux-arm-gnueabihf@1.3.96:
-    resolution: {integrity: sha512-8UEKkYJP4c8YzYIY/LlbSo8z5Obj4hqcv/fUTHiEePiGsOddgGf7AWjh56u7IoN/0uEmEro59nc1ChFXqXSGyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.96.tgz}
-    name: '@swc/core-linux-arm-gnueabihf'
-    version: 1.3.96
-    engines: {node: '>=10'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@swc/core-linux-arm64-gnu@1.3.96:
-    resolution: {integrity: sha512-c/IiJ0s1y3Ymm2BTpyC/xr6gOvoqAVETrivVXHq68xgNms95luSpbYQ28rqaZC8bQC8M5zdXpSc0T8DJu8RJGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.96.tgz}
-    name: '@swc/core-linux-arm64-gnu'
-    version: 1.3.96
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@swc/core-linux-arm64-musl@1.3.96:
-    resolution: {integrity: sha512-i5/UTUwmJLri7zhtF6SAo/4QDQJDH2fhYJaBIUhrICmIkRO/ltURmpejqxsM/ye9Jqv5zG7VszMC0v/GYn/7BQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.96.tgz}
-    name: '@swc/core-linux-arm64-musl'
-    version: 1.3.96
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@swc/core-linux-x64-gnu@1.3.96:
-    resolution: {integrity: sha512-USdaZu8lTIkm4Yf9cogct/j5eqtdZqTgcTib4I+NloUW0E/hySou3eSyp3V2UAA1qyuC72ld1otXuyKBna0YKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.96.tgz}
-    name: '@swc/core-linux-x64-gnu'
-    version: 1.3.96
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@swc/core-linux-x64-musl@1.3.96:
-    resolution: {integrity: sha512-QYErutd+G2SNaCinUVobfL7jWWjGTI0QEoQ6hqTp7PxCJS/dmKmj3C5ZkvxRYcq7XcZt7ovrYCTwPTHzt6lZBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.96.tgz}
-    name: '@swc/core-linux-x64-musl'
-    version: 1.3.96
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@swc/core-win32-arm64-msvc@1.3.96:
-    resolution: {integrity: sha512-hjGvvAduA3Un2cZ9iNP4xvTXOO4jL3G9iakhFsgVhpkU73SGmK7+LN8ZVBEu4oq2SUcHO6caWvnZ881cxGuSpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.96.tgz}
-    name: '@swc/core-win32-arm64-msvc'
-    version: 1.3.96
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@swc/core-win32-ia32-msvc@1.3.96:
-    resolution: {integrity: sha512-Far2hVFiwr+7VPCM2GxSmbh3ikTpM3pDombE+d69hkedvYHYZxtTF+2LTKl/sXtpbUnsoq7yV/32c9R/xaaWfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.96.tgz}
-    name: '@swc/core-win32-ia32-msvc'
-    version: 1.3.96
-    engines: {node: '>=10'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.96:
-    resolution: {integrity: sha512-4VbSAniIu0ikLf5mBX81FsljnfqjoVGleEkCQv4+zRlyZtO3FHoDPkeLVoy6WRlj7tyrRcfUJ4mDdPkbfTO14g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.96.tgz}
-    name: '@swc/core-win32-x64-msvc'
-    version: 1.3.96
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/@swc/core@1.3.96:
     resolution: {integrity: sha512-zwE3TLgoZwJfQygdv2SdCK9mRLYluwDOM53I+dT6Z5ZvrgVENmY3txvWDvduzkV+/8IuvrRbVezMpxcojadRdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core/-/core-1.3.96.tgz}
     name: '@swc/core'
@@ -2438,16 +2927,16 @@ packages:
       '@swc/counter': registry.npmjs.org/@swc/counter@0.1.2
       '@swc/types': registry.npmjs.org/@swc/types@0.1.5
     optionalDependencies:
-      '@swc/core-darwin-arm64': registry.npmjs.org/@swc/core-darwin-arm64@1.3.96
-      '@swc/core-darwin-x64': registry.npmjs.org/@swc/core-darwin-x64@1.3.96
-      '@swc/core-linux-arm-gnueabihf': registry.npmjs.org/@swc/core-linux-arm-gnueabihf@1.3.96
-      '@swc/core-linux-arm64-gnu': registry.npmjs.org/@swc/core-linux-arm64-gnu@1.3.96
-      '@swc/core-linux-arm64-musl': registry.npmjs.org/@swc/core-linux-arm64-musl@1.3.96
-      '@swc/core-linux-x64-gnu': registry.npmjs.org/@swc/core-linux-x64-gnu@1.3.96
-      '@swc/core-linux-x64-musl': registry.npmjs.org/@swc/core-linux-x64-musl@1.3.96
-      '@swc/core-win32-arm64-msvc': registry.npmjs.org/@swc/core-win32-arm64-msvc@1.3.96
-      '@swc/core-win32-ia32-msvc': registry.npmjs.org/@swc/core-win32-ia32-msvc@1.3.96
-      '@swc/core-win32-x64-msvc': registry.npmjs.org/@swc/core-win32-x64-msvc@1.3.96
+      '@swc/core-darwin-arm64': 1.3.96
+      '@swc/core-darwin-x64': 1.3.96
+      '@swc/core-linux-arm-gnueabihf': 1.3.96
+      '@swc/core-linux-arm64-gnu': 1.3.96
+      '@swc/core-linux-arm64-musl': 1.3.96
+      '@swc/core-linux-x64-gnu': 1.3.96
+      '@swc/core-linux-x64-musl': 1.3.96
+      '@swc/core-win32-arm64-msvc': 1.3.96
+      '@swc/core-win32-ia32-msvc': 1.3.96
+      '@swc/core-win32-x64-msvc': 1.3.96
     dev: true
 
   registry.npmjs.org/@swc/counter@0.1.2:
@@ -2997,16 +3486,6 @@ packages:
     version: 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/yauzl@2.10.3:
-    resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz}
-    name: '@types/yauzl'
-    version: 2.10.3
-    requiresBuild: true
-    dependencies:
-      '@types/node': registry.npmjs.org/@types/node@18.7.16
-    dev: true
-    optional: true
-
   registry.npmjs.org/@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3):
     resolution: {integrity: sha512-78B+anHLF1TI8Jn/cD0Q00TBYdMgjdOn980JfAVa9yw5sop8nyTfVOQAv6LWywkOGLclDBtv5z3oxN4w7jxyNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.60.0.tgz}
     id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0
@@ -3499,6 +3978,26 @@ packages:
       vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
+    dev: true
+
+  registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.1):
+    resolution: {integrity: sha512-Jie2HERK+uh27e+ORXXwEP5h0Y2lS9T2PRGbfebiHGlwzDO0dEnd2aNtOR/qjBlPb1YgxwAONeblL1xqLikLag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.1.1.tgz}
+    id: registry.npmjs.org/@vitejs/plugin-react/4.1.1
+    name: '@vitejs/plugin-react'
+    version: 4.1.1
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.2.0
+    dependencies:
+      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
+      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2)
+      '@types/babel__core': registry.npmjs.org/@types/babel__core@7.20.4
+      react-refresh: registry.npmjs.org/react-refresh@0.14.0
+      vite: 4.5.1(@types/node@18.7.16)
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
 
   registry.npmjs.org/acorn-jsx@5.3.2(acorn@8.10.0):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz}
@@ -3832,7 +4331,7 @@ packages:
       yargs-parser: registry.npmjs.org/yargs-parser@21.1.1
       zod: registry.npmjs.org/zod@3.21.1
     optionalDependencies:
-      sharp: registry.npmjs.org/sharp@0.32.6
+      sharp: 0.32.6
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -4271,7 +4770,7 @@ packages:
       normalize-path: registry.npmjs.org/normalize-path@3.0.0
       readdirp: registry.npmjs.org/readdirp@3.6.0
     optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents@2.3.3
+      fsevents: 2.3.3
 
   registry.npmjs.org/chownr@1.1.4:
     resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz}
@@ -4340,7 +4839,7 @@ packages:
     dependencies:
       string-width: registry.npmjs.org/string-width@4.2.3
     optionalDependencies:
-      '@colors/colors': registry.npmjs.org/@colors/colors@1.5.0
+      '@colors/colors': 1.5.0
     dev: true
 
   registry.npmjs.org/cli-truncate@2.1.0:
@@ -5400,28 +5899,28 @@ packages:
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm@0.18.20
-      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64@0.18.20
-      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64@0.18.20
-      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64@0.18.20
-      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64@0.18.20
-      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64@0.18.20
-      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64@0.18.20
-      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm@0.18.20
-      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64@0.18.20
-      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32@0.18.20
-      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64@0.18.20
-      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el@0.18.20
-      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64@0.18.20
-      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64@0.18.20
-      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x@0.18.20
-      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64@0.18.20
-      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64@0.18.20
-      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64@0.18.20
-      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64@0.18.20
-      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64@0.18.20
-      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32@0.18.20
-      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64@0.18.20
+      '@esbuild/android-arm': 0.18.20
+      '@esbuild/android-arm64': 0.18.20
+      '@esbuild/android-x64': 0.18.20
+      '@esbuild/darwin-arm64': 0.18.20
+      '@esbuild/darwin-x64': 0.18.20
+      '@esbuild/freebsd-arm64': 0.18.20
+      '@esbuild/freebsd-x64': 0.18.20
+      '@esbuild/linux-arm': 0.18.20
+      '@esbuild/linux-arm64': 0.18.20
+      '@esbuild/linux-ia32': 0.18.20
+      '@esbuild/linux-loong64': 0.18.20
+      '@esbuild/linux-mips64el': 0.18.20
+      '@esbuild/linux-ppc64': 0.18.20
+      '@esbuild/linux-riscv64': 0.18.20
+      '@esbuild/linux-s390x': 0.18.20
+      '@esbuild/linux-x64': 0.18.20
+      '@esbuild/netbsd-x64': 0.18.20
+      '@esbuild/openbsd-x64': 0.18.20
+      '@esbuild/sunos-x64': 0.18.20
+      '@esbuild/win32-arm64': 0.18.20
+      '@esbuild/win32-ia32': 0.18.20
+      '@esbuild/win32-x64': 0.18.20
 
   registry.npmjs.org/esbuild@0.19.5:
     resolution: {integrity: sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.19.5.tgz}
@@ -5431,28 +5930,28 @@ packages:
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@esbuild/android-arm': registry.npmjs.org/@esbuild/android-arm@0.19.5
-      '@esbuild/android-arm64': registry.npmjs.org/@esbuild/android-arm64@0.19.5
-      '@esbuild/android-x64': registry.npmjs.org/@esbuild/android-x64@0.19.5
-      '@esbuild/darwin-arm64': registry.npmjs.org/@esbuild/darwin-arm64@0.19.5
-      '@esbuild/darwin-x64': registry.npmjs.org/@esbuild/darwin-x64@0.19.5
-      '@esbuild/freebsd-arm64': registry.npmjs.org/@esbuild/freebsd-arm64@0.19.5
-      '@esbuild/freebsd-x64': registry.npmjs.org/@esbuild/freebsd-x64@0.19.5
-      '@esbuild/linux-arm': registry.npmjs.org/@esbuild/linux-arm@0.19.5
-      '@esbuild/linux-arm64': registry.npmjs.org/@esbuild/linux-arm64@0.19.5
-      '@esbuild/linux-ia32': registry.npmjs.org/@esbuild/linux-ia32@0.19.5
-      '@esbuild/linux-loong64': registry.npmjs.org/@esbuild/linux-loong64@0.19.5
-      '@esbuild/linux-mips64el': registry.npmjs.org/@esbuild/linux-mips64el@0.19.5
-      '@esbuild/linux-ppc64': registry.npmjs.org/@esbuild/linux-ppc64@0.19.5
-      '@esbuild/linux-riscv64': registry.npmjs.org/@esbuild/linux-riscv64@0.19.5
-      '@esbuild/linux-s390x': registry.npmjs.org/@esbuild/linux-s390x@0.19.5
-      '@esbuild/linux-x64': registry.npmjs.org/@esbuild/linux-x64@0.19.5
-      '@esbuild/netbsd-x64': registry.npmjs.org/@esbuild/netbsd-x64@0.19.5
-      '@esbuild/openbsd-x64': registry.npmjs.org/@esbuild/openbsd-x64@0.19.5
-      '@esbuild/sunos-x64': registry.npmjs.org/@esbuild/sunos-x64@0.19.5
-      '@esbuild/win32-arm64': registry.npmjs.org/@esbuild/win32-arm64@0.19.5
-      '@esbuild/win32-ia32': registry.npmjs.org/@esbuild/win32-ia32@0.19.5
-      '@esbuild/win32-x64': registry.npmjs.org/@esbuild/win32-x64@0.19.5
+      '@esbuild/android-arm': 0.19.5
+      '@esbuild/android-arm64': 0.19.5
+      '@esbuild/android-x64': 0.19.5
+      '@esbuild/darwin-arm64': 0.19.5
+      '@esbuild/darwin-x64': 0.19.5
+      '@esbuild/freebsd-arm64': 0.19.5
+      '@esbuild/freebsd-x64': 0.19.5
+      '@esbuild/linux-arm': 0.19.5
+      '@esbuild/linux-arm64': 0.19.5
+      '@esbuild/linux-ia32': 0.19.5
+      '@esbuild/linux-loong64': 0.19.5
+      '@esbuild/linux-mips64el': 0.19.5
+      '@esbuild/linux-ppc64': 0.19.5
+      '@esbuild/linux-riscv64': 0.19.5
+      '@esbuild/linux-s390x': 0.19.5
+      '@esbuild/linux-x64': 0.19.5
+      '@esbuild/netbsd-x64': 0.19.5
+      '@esbuild/openbsd-x64': 0.19.5
+      '@esbuild/sunos-x64': 0.19.5
+      '@esbuild/win32-arm64': 0.19.5
+      '@esbuild/win32-ia32': 0.19.5
+      '@esbuild/win32-x64': 0.19.5
     dev: false
 
   registry.npmjs.org/escalade@3.1.1:
@@ -5986,7 +6485,7 @@ packages:
       get-stream: registry.npmjs.org/get-stream@5.2.0
       yauzl: registry.npmjs.org/yauzl@2.10.0
     optionalDependencies:
-      '@types/yauzl': registry.npmjs.org/@types/yauzl@2.10.3
+      '@types/yauzl': 2.10.3
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -6262,24 +6761,6 @@ packages:
     version: 1.0.0
     dev: true
 
-  registry.npmjs.org/fsevents@2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz}
-    name: fsevents
-    version: 2.3.2
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-    requiresBuild: true
-    optional: true
-
-  registry.npmjs.org/fsevents@2.3.3:
-    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz}
-    name: fsevents
-    version: 2.3.3
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-    requiresBuild: true
-    optional: true
-
   registry.npmjs.org/function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz}
     name: function-bind
@@ -7406,7 +7887,7 @@ packages:
     name: jsonfile
     version: 4.0.0
     optionalDependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      graceful-fs: 4.2.11
     dev: true
 
   registry.npmjs.org/jsonfile@6.1.0:
@@ -7416,7 +7897,7 @@ packages:
     dependencies:
       universalify: registry.npmjs.org/universalify@2.0.1
     optionalDependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
+      graceful-fs: 4.2.11
     dev: true
 
   registry.npmjs.org/jsprim@2.0.2:
@@ -8934,7 +9415,7 @@ packages:
     dependencies:
       playwright-core: registry.npmjs.org/playwright-core@1.39.0
     optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents@2.3.2
+      fsevents: 2.3.2
 
   registry.npmjs.org/postcss-calc@9.0.1(postcss@8.4.21):
     resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-calc/-/postcss-calc-9.0.1.tgz}
@@ -10179,7 +10660,7 @@ packages:
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents@2.3.3
+      fsevents: 2.3.3
     dev: true
 
   registry.npmjs.org/rollup@3.29.4:
@@ -10189,7 +10670,7 @@ packages:
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents@2.3.3
+      fsevents: 2.3.3
 
   registry.npmjs.org/run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz}
@@ -10351,24 +10832,6 @@ packages:
       has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.1
     dev: true
 
-  registry.npmjs.org/sharp@0.32.6:
-    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz}
-    name: sharp
-    version: 0.32.6
-    engines: {node: '>=14.15.0'}
-    requiresBuild: true
-    dependencies:
-      color: registry.npmjs.org/color@4.2.3
-      detect-libc: registry.npmjs.org/detect-libc@2.0.2
-      node-addon-api: registry.npmjs.org/node-addon-api@6.1.0
-      prebuild-install: registry.npmjs.org/prebuild-install@7.1.1
-      semver: registry.npmjs.org/semver@7.5.4
-      simple-get: registry.npmjs.org/simple-get@4.0.1
-      tar-fs: registry.npmjs.org/tar-fs@3.0.4
-      tunnel-agent: registry.npmjs.org/tunnel-agent@0.6.0
-    dev: false
-    optional: true
-
   registry.npmjs.org/shebang-command@1.2.0:
     resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz}
     name: shebang-command
@@ -11214,7 +11677,7 @@ packages:
       typescript: registry.npmjs.org/typescript@5.1.3
     dev: true
 
-  registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.2.2):
+  registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.3.3):
     resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.23.tgz}
     id: registry.npmjs.org/svelte2tsx/0.6.23
     name: svelte2tsx
@@ -11226,7 +11689,7 @@ packages:
       dedent-js: registry.npmjs.org/dedent-js@1.0.1
       pascal-case: registry.npmjs.org/pascal-case@3.1.2
       svelte: registry.npmjs.org/svelte@4.2.1
-      typescript: registry.npmjs.org/typescript@5.2.2
+      typescript: 5.3.3
     dev: false
 
   registry.npmjs.org/svelte@4.2.1:
@@ -11563,66 +12026,6 @@ packages:
     dependencies:
       safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
 
-  registry.npmjs.org/turbo-darwin-64@1.10.0:
-    resolution: {integrity: sha512-N0aVGFtBgOKd7pIdUiKREwnDhNHRIvpMJbmUw04c1AqEoTiKAKT6iuzcCozO5N/gYMVr0hxrXgLal5OLYXtcsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.10.0.tgz}
-    name: turbo-darwin-64
-    version: 1.10.0
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/turbo-darwin-arm64@1.10.0:
-    resolution: {integrity: sha512-boXzhaHTS5MsTMv48I/JmYp9/fYplXk5nACUDrqV6nD1hzO5PMn5wNg75ATbpkaMaeuD+hjuobeSxn1p4vpqQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.10.0.tgz}
-    name: turbo-darwin-arm64
-    version: 1.10.0
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/turbo-linux-64@1.10.0:
-    resolution: {integrity: sha512-crKQuS1jrp4vp+Th6EmUqqmAlvYNnzGmwWMLeckmYILrV7zAddu87eJu4hB7V6uV+W1qHZUTw8WXa1w1+8boBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.10.0.tgz}
-    name: turbo-linux-64
-    version: 1.10.0
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/turbo-linux-arm64@1.10.0:
-    resolution: {integrity: sha512-Y2fhWe0xepLjl7doIvsJK7mp2h8E+OF6qJsUHRgxFeRWQWi1I6clD2aEQeykHK8Tp+qp8pKFMocj32nFBvuCcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.10.0.tgz}
-    name: turbo-linux-arm64
-    version: 1.10.0
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/turbo-windows-64@1.10.0:
-    resolution: {integrity: sha512-uh8rEqH6teaHysEMjinwWBqyNwv4IvgSAwbq/OphP8jObstTYHoR+gFPo8RQUSTaBYy4QVszgi5eO5YLvEQqNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.10.0.tgz}
-    name: turbo-windows-64
-    version: 1.10.0
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmjs.org/turbo-windows-arm64@1.10.0:
-    resolution: {integrity: sha512-JaVj3iM7qyRD6xYGZLL/Gs4mQKfM1zL0f91AwHZLNkk1CrJ6i5kO4ZjhKkwXSpVOTNKW3sX0Q7dExXj85Vv7UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.10.0.tgz}
-    name: turbo-windows-arm64
-    version: 1.10.0
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmjs.org/turbo@1.10.0:
     resolution: {integrity: sha512-GWxoL2zJduiNaEHz78o74l2jCQEeuUZ3MdpMPz0SpZOvt3nimpvQPNxiyfbqt3U9/V5G375PWKYSbXkVnIbQcA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo/-/turbo-1.10.0.tgz}
     name: turbo
@@ -11630,12 +12033,12 @@ packages:
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      turbo-darwin-64: registry.npmjs.org/turbo-darwin-64@1.10.0
-      turbo-darwin-arm64: registry.npmjs.org/turbo-darwin-arm64@1.10.0
-      turbo-linux-64: registry.npmjs.org/turbo-linux-64@1.10.0
-      turbo-linux-arm64: registry.npmjs.org/turbo-linux-arm64@1.10.0
-      turbo-windows-64: registry.npmjs.org/turbo-windows-64@1.10.0
-      turbo-windows-arm64: registry.npmjs.org/turbo-windows-arm64@1.10.0
+      turbo-darwin-64: 1.10.0
+      turbo-darwin-arm64: 1.10.0
+      turbo-linux-64: 1.10.0
+      turbo-linux-arm64: 1.10.0
+      turbo-windows-64: 1.10.0
+      turbo-windows-arm64: 1.10.0
     dev: true
 
   registry.npmjs.org/tweetnacl@0.14.5:
@@ -12096,7 +12499,7 @@ packages:
       postcss: registry.npmjs.org/postcss@8.4.31
       rollup: registry.npmjs.org/rollup@3.29.4
     optionalDependencies:
-      fsevents: registry.npmjs.org/fsevents@2.3.3
+      fsevents: 2.3.3
 
   registry.npmjs.org/vitefu@0.2.5(vite@4.5.0):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz}
@@ -12111,6 +12514,19 @@ packages:
     dependencies:
       vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
 
+  registry.npmjs.org/vitefu@0.2.5(vite@4.5.1):
+    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz}
+    id: registry.npmjs.org/vitefu/0.2.5
+    name: vitefu
+    version: 0.2.5
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+    dependencies:
+      vite: 4.5.1(@types/node@18.7.16)
+
   registry.npmjs.org/vscode-oniguruma@1.7.0:
     resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz}
     name: vscode-oniguruma
diff --git a/tooling/rollup-config/src/index.js b/tooling/rollup-config/src/index.js
index 0c9c21baa..da5450c31 100644
--- a/tooling/rollup-config/src/index.js
+++ b/tooling/rollup-config/src/index.js
@@ -25,22 +25,23 @@ const onwarn = (warning, rollupWarn) => {
   }
 };
 
-export const esmConfig = defineConfig({
-  input: pkg.source,
-  output: {
-    file: pkg.module,
-    format: 'esm',
-    banner: '"use client"',
-  },
-  onwarn,
-  plugins: [
-    peerDepsExternal({
-      includeDependencies: true,
-    }),
-    ...defaultPlugins,
-    typescript(),
-  ],
-});
+const defineEsmConfig = (format) =>
+  defineConfig({
+    input: pkg.source,
+    output: {
+      file: format === 'js' ? pkg.module : pkg.module.replace('.js', '.mjs'),
+      format: 'esm',
+      banner: pkg.rollup?.vanilla ? undefined : '"use client"',
+    },
+    onwarn,
+    plugins: [
+      peerDepsExternal({
+        includeDependencies: true,
+      }),
+      ...defaultPlugins,
+      typescript(),
+    ],
+  });
 
 const reactGlobals = {
   react: 'React',
@@ -53,7 +54,10 @@ const globals = {
   ...(pkg.rollup?.globals || {}),
 };
 
-export const umdConfig = defineConfig({
+const esmMjsConfig = defineEsmConfig('mjs');
+const esmJsConfig = defineEsmConfig('js');
+
+const umdConfig = defineConfig({
   input: pkg.source,
   output: {
     file: pkg.main,
@@ -75,4 +79,4 @@ export const umdConfig = defineConfig({
   ],
 });
 
-export default isProd ? [esmConfig, umdConfig] : esmConfig;
+export default isProd ? [esmMjsConfig, esmJsConfig, umdConfig] : esmMjsConfig;

From f49aeb5b9d0251790930dc29c7e3b437d6e31897 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 27 Dec 2023 00:01:44 +0100
Subject: [PATCH 0448/1093] fix(system): ssg edge creation

---
 packages/system/src/utils/edges/positions.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/src/utils/edges/positions.ts b/packages/system/src/utils/edges/positions.ts
index f05b547e9..59b8cd426 100644
--- a/packages/system/src/utils/edges/positions.ts
+++ b/packages/system/src/utils/edges/positions.ts
@@ -16,7 +16,7 @@ export type GetEdgePositionParams = {
 };
 
 function isNodeInitialized(node: NodeBase): boolean {
-  return !!node?.[internalsSymbol]?.handleBounds && !!node?.computed?.width;
+  return !!(node?.[internalsSymbol]?.handleBounds || node?.handles?.length) && !!(node?.computed?.width || node?.width);
 }
 
 export function getEdgePosition(params: GetEdgePositionParams): EdgePosition | null {

From 7649e70082524120bff7871e62eac15bf26ae298 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 3 Jan 2024 13:22:15 +0100
Subject: [PATCH 0449/1093] fix(react): minimap nodes for subflows

---
 .../MiniMap/MiniMapNodes.tsx                    | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index 162d0b419..71cce50bb 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -83,17 +83,24 @@ const NodeComponentWrapper = memo(function NodeComponentWrapper({
   onClick: MiniMapNodesProps['onClick'];
   shapeRendering: string;
 }) {
-  const node = useStore((s) => s.nodeLookup.get(id));
+  const { node, x, y } = useStore((s) => {
+    const node = s.nodeLookup.get(id);
+    const { x, y } = getNodePositionWithOrigin(node, node?.origin || nodeOrigin).positionAbsolute;
+
+    return {
+      node,
+      x,
+      y,
+    };
+  }, shallow);
   if (!node || node.hidden || !(node.computed?.width || node.width) || !(node.computed?.height || node.height)) {
     return null;
   }
 
-  const positionOrigin = getNodePositionWithOrigin(node, node.origin || nodeOrigin).positionAbsolute;
-
   return (
     <NodeComponent
-      x={positionOrigin.x}
-      y={positionOrigin.y}
+      x={x}
+      y={y}
       width={node.computed?.width ?? node.width ?? 0}
       height={node.computed?.height ?? node.height ?? 0}
       style={node.style}

From 3eec220d8954976943fba2e80e8b0a2063760bc5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 3 Jan 2024 16:11:08 +0100
Subject: [PATCH 0450/1093] chore(packages): bump

---
 packages/react/CHANGELOG.md  | 380 +++++++----------------------------
 packages/react/package.json  |   2 +-
 packages/svelte/CHANGELOG.md |  14 ++
 packages/svelte/package.json |   2 +-
 packages/system/package.json |   2 +-
 5 files changed, 93 insertions(+), 307 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 091d2b912..787b7fbc2 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,304 +1,76 @@
-# @reactflow/core
-
-## 11.7.2
-
-### Patch Changes
-
-- [#3060](https://github.com/wbkd/react-flow/pull/3060) [`70ec97f7`](https://github.com/wbkd/react-flow/commit/70ec97f7daec6d5401215cae3edac04aea88a3ba) - fix useNodes and useEdges bug with infinite re-renderings
-- [#3064](https://github.com/wbkd/react-flow/pull/3064) [`d2d1aebc`](https://github.com/wbkd/react-flow/commit/d2d1aebc0f7fea4183406e7d1915b7fcd6995f48) - refactor(useUpdateNodeInternals): only call updateNodeDimensions once
-- [#3059](https://github.com/wbkd/react-flow/pull/3059) [`4374459e`](https://github.com/wbkd/react-flow/commit/4374459ef9fec797bbc0407231f09a1acacd245b) - fix useUpdateNodeInternals type
-
-## 11.7.1
-
-### Patch Changes
-
-- [#3043](https://github.com/wbkd/react-flow/pull/3043) [`cf7a7d3d`](https://github.com/wbkd/react-flow/commit/cf7a7d3dad1e73215a72a5dc72e21fd50208cdbb) - handles: handles on top of each other, reduce re-renderings
-- [#3046](https://github.com/wbkd/react-flow/pull/3046) [`07b975bb`](https://github.com/wbkd/react-flow/commit/07b975bbee3580249e36a19582213b250f78093c) - base-edge: pass id to base edge path
-- [#3007](https://github.com/wbkd/react-flow/pull/3007) [`c80d269b`](https://github.com/wbkd/react-flow/commit/c80d269b85a0054221f4639c328fc36a3befbe70) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - allow array of ids as updateNodeInternals arg
-- [#3029](https://github.com/wbkd/react-flow/pull/3029) [`a3fa164c`](https://github.com/wbkd/react-flow/commit/a3fa164c34cc820c79bb031c9fd97b72a3546614) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - autopan: only update nodes when transform change happen
-
-## 11.7.0
-
-Most notable updates:
-
-- Handles: `isConnectableStart` and `isConnectableEnd` props to configure if you can start or end a connection at a certain handle
-- Edges: `updatable` option to enable updates for specific edges
-- useNodesInitialized: options to configure if hidden nodes should be included (false by default)
-
-### Minor Changes
-
-- [#2960](https://github.com/wbkd/react-flow/pull/2960) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - edges: add `updatable` option
-- [#2958](https://github.com/wbkd/react-flow/pull/2958) [`4d97a0ed`](https://github.com/wbkd/react-flow/commit/4d97a0ed168ce643fc0c99fa6b47cf1296d66065) - handles: add `isConnectableStart` and `isConnectableEnd` props
-- [#2956](https://github.com/wbkd/react-flow/pull/2956) [`923a54c4`](https://github.com/wbkd/react-flow/commit/923a54c481b90954806202817ba844cfa7203a38) - add options for `useNodesInitialized`, ignore hidden nodes by default
-
-### Patch Changes
-
-- [#2926](https://github.com/wbkd/react-flow/pull/2926) Thanks [@Elringus](https://github.com/Elringus)! - fix non-passive wheel event listener violation
-- [#2933](https://github.com/wbkd/react-flow/pull/2933) [`fe8cac0a`](https://github.com/wbkd/react-flow/commit/fe8cac0adb359109e0e9eafe8b9261ba354076bb) - prefix error keys with "error"
-- [#2939](https://github.com/wbkd/react-flow/pull/2939) [`4a4ca171`](https://github.com/wbkd/react-flow/commit/4a4ca171955f5c8d58b23e3ad48406f1a21dc402) - add connection result to store
-
-## 11.6.1
-
-### Patch Changes
-
-- Always create new edge object (fixes an issue with Redux toolkit and other immutable helper libs)
-
-## 11.6.0
-
-### Minor Changes
-
-- [#2877](https://github.com/wbkd/react-flow/pull/2877) [`b8886514`](https://github.com/wbkd/react-flow/commit/b88865140c72fa7e92a883498768000cb2cc96a7) - add `isValidConnection` prop for ReactFlow component
-- [#2847](https://github.com/wbkd/react-flow/pull/2847) [`16bf89f2`](https://github.com/wbkd/react-flow/commit/16bf89f2b7bbf8449c00d0e2c07c19c3ff6d2533) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Add option to enable/disable replacing edge id when using `updateEdge`
-
-### Patch Changes
-
-- [#2895](https://github.com/wbkd/react-flow/pull/2895) [`3d5764ca`](https://github.com/wbkd/react-flow/commit/3d5764cac6548984a30cbf85899024e62fd69425) - add data-testid for controls, minimap and background
-- [#2894](https://github.com/wbkd/react-flow/pull/2894) [`83fc4675`](https://github.com/wbkd/react-flow/commit/83fc467545527729633e817dbccfe59d0040da4b) - fix(nodes): blur when node gets unselected
-- [#2892](https://github.com/wbkd/react-flow/pull/2892) [`5fabd272`](https://github.com/wbkd/react-flow/commit/5fabd2720f6367f75f79a45822d8f675a3b8e1cf) Thanks [@danielgek](https://github.com/danielgek) - track modifier keys on useKeypress
-- [#2893](https://github.com/wbkd/react-flow/pull/2893) [`8f080bd5`](https://github.com/wbkd/react-flow/commit/8f080bd5e0e7e6c71f51eee9c9f2bc4b25182861) - fix: check if handle is connectable
-
-## 11.5.5
-
-### Patch Changes
-
-- [#2834](https://github.com/wbkd/react-flow/pull/2834) [`23424ea6`](https://github.com/wbkd/react-flow/commit/23424ea6750f092210f83df17a00c89adb910d96) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Add `nodes` to fit view options to allow fitting view only around specified set of nodes
-- [#2836](https://github.com/wbkd/react-flow/pull/2836) [`959b1114`](https://github.com/wbkd/react-flow/commit/959b111448bba4686040473e46988be9e7befbe6) - Fix: connections for handles with bigger handles than connection radius
-- [#2819](https://github.com/wbkd/react-flow/pull/2819) [`0d259b02`](https://github.com/wbkd/react-flow/commit/0d259b028558aab650546f3371a85f3bce45252f) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Avoid triggering edge update if not using left mouse button
-- [#2832](https://github.com/wbkd/react-flow/pull/2832) [`f3de9335`](https://github.com/wbkd/react-flow/commit/f3de9335af6cd96cd77dc77f24a944eef85384e5) - fitView: return type boolean
-- [#2838](https://github.com/wbkd/react-flow/pull/2838) [`021f5a92`](https://github.com/wbkd/react-flow/commit/021f5a9210f47a968e50446cd2f9dae1f97880a4) - refactor: use key press handle modifier keys + input
-- [#2839](https://github.com/wbkd/react-flow/pull/2839) [`72216ff6`](https://github.com/wbkd/react-flow/commit/72216ff62014acd2d73999053c72bd7aeed351f6) - fix PropsWithChildren: pass default generic for v17 types
-
-## 11.5.4
-
-### Patch Changes
-
-- [`383a074a`](https://github.com/wbkd/react-flow/commit/383a074aeae6dbec8437fa08c7c8d8240838a84e) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Check if prevClosestHandle exists in onPointerUp. Fixes connections getting stuck on last handle and connecting, even when out of connectionRadius
-
-## 11.5.3
-
-This release fixes some issues with the newly introduced connection radius feature. We are now not only checking the radius but the handle itself too (like in the old version). That means that you can connect to a handle that is bigger than the connection radius. We are also not snapping connections anymore when they are not valid and pass a status class to the connection line that says if the current connection is valid or not. More over we fixed a connection issue with iOS.
-
-### Patch Changes
-
-- [#2800](https://github.com/wbkd/react-flow/pull/2800) [`be8097ac`](https://github.com/wbkd/react-flow/commit/be8097acadca3054c3b236ce4296fc516010ef8c) - When node is not draggable, you can't move it with a selection either
-- [#2803](https://github.com/wbkd/react-flow/pull/2803) [`1527795d`](https://github.com/wbkd/react-flow/commit/1527795d18c3af38c8ec7059436ea0fbf6c27bbd) - connection: add status class (valid or invalid) while in connection radius
-- [#2801](https://github.com/wbkd/react-flow/pull/2801) [`3b6348a8`](https://github.com/wbkd/react-flow/commit/3b6348a8d1573afb39576327318bc172e33393c2) - fix(ios): connection error + dont snap invalid connection lines, check handle and connection radius
-
-## 11.5.2
-
-### Patch Changes
-
-- [#2792](https://github.com/wbkd/react-flow/pull/2792) [`d8c679b4`](https://github.com/wbkd/react-flow/commit/d8c679b4c90c5b57d4b51e4aaa988243d6eaff5a) - Accept React 17 types as dev dependency
-
-## 11.5.1
-
-### Patch Changes
-
-- [#2783](https://github.com/wbkd/react-flow/pull/2783) [`71153534`](https://github.com/wbkd/react-flow/commit/7115353418ebc7f7c81ab0e861200972bbf7dbd5) - connections: check handle below mouse before using connection radius
-
-## 11.5.0
-
-Lot's of improvements are coming with this release!
-
-- **Connecting radius**: No need to drop a connection line on top of handle anymore. You only need to be close to the handle. That radius can be configured with the `connectionRadius` prop.
-- **Auto pan**: When you drag a node, a selection or the connection line to the border of the pane, it will pan into that direction. That makes it easier to connect far away nodes for example. If you don't like it you can set `autoPnaOnNodeDrag` and `autoPanOnConnect` to false.
-- **Touch devices**: It's finally possibleto connect nodes with the connection line on touch devices. In combination with the new auto pan and connection radius the overall UX is way better.
-- **Errors**: We added an `onError` prop to get notified when an error like "couldn't find source handle" happens. This is useful if you want to log errors for example.
-- **Node type**: We added a second param to the generic `Node` type. You can not only pass `NodeData` but also the type as a second param:
-
-```ts
-type MyCustomNode = Node<MyCustomNodeData, 'custom-node-type'>;
-```
-
-This makes it easier to work with different custom nodes and data types.
-
-### Minor Changes
-
-- [#2754](https://github.com/wbkd/react-flow/pull/2754) [`e96309b6`](https://github.com/wbkd/react-flow/commit/e96309b6a57b1071faeebf7b0547fef7fd418694) - Add auto pan for connecting and node dragging and `connectionRadius`
-- [#2773](https://github.com/wbkd/react-flow/pull/2773) - Add `onError` prop to get notified when an error happens
-
-### Patch Changes
-
-- [#2763](https://github.com/wbkd/react-flow/pull/2763) [`85003b01`](https://github.com/wbkd/react-flow/commit/85003b01add71ea852bd5b0d2f1e7496050a6b52) - Connecting nodes: Enable connections on touch devices
-- [#2620](https://github.com/wbkd/react-flow/pull/2620) - Thanks [RichSchulz](https://github.com/RichSchulz)! - Types: improve typing for node type
-
-## 11.4.2
-
-### Patch Changes
-
-- [#2741](https://github.com/wbkd/react-flow/pull/2741) [`e2aff6c1`](https://github.com/wbkd/react-flow/commit/e2aff6c1e4ce54b57b724b2624367ee5fefd1c39) - chore(dependencies): update and cleanup
-
-## 11.4.1
-
-### Patch Changes
-
-- [#2738](https://github.com/wbkd/react-flow/pull/2738) [`82988485`](https://github.com/wbkd/react-flow/commit/82988485b730a9e32acbdae1ddcc81b33ddccaba) - fix: fitView for subflows, context menu on right mouse pan
-- [#2740](https://github.com/wbkd/react-flow/pull/2740) [`d91e619a`](https://github.com/wbkd/react-flow/commit/d91e619a70a95db99a621ede59bc05b5a7766086) Thanks [@michaelspiss](https://github.com/michaelspiss)! - EdgeRenderer: check all handles for connection mode loose
-
-## 11.4.0
-
-## New Features
-
-New props for the ReactFlow component to customize the controls of the viewport and the selection box better:
-
-1. `selectionOnDrag` prop: Selection box without extra button press (need to set `panOnDrag={false}` or `panOnDrag={[1, 2]}`)
-2. `panOnDrag={[0, 1, 2]}` option to configure specific mouse buttons for panning
-3. `panActivationKeyCode="Space"` key code for activating dragging (useful when using `selectionOnDrag`)
-4. `selectionMode={SelectionMode.Full}`: you can chose if the selection box needs to contain a node fully (`SelectionMode.Full`) or partially (`SelectionMode.Partial`) to select it
-5. `onSelectionStart` and `onSelectionEnd` events
-6. `elevateNodesOnSelect`: Defines if z-index should be increased when node is selected
-7. New store function `getNodes`. You can now do `store.getState().getNodes()` instead of `Array.from(store.getNodes().nodeInternals.values())`.
-
-Thanks to @jackfishwick who helped a lot with the new panning and selection options.
-
-### Minor Changes
-
-- [#2678](https://github.com/wbkd/react-flow/pull/2678) [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493)
-  - Add new props to configure viewport controls (`selectionOnDrag`, `panActivationKeyCode`, ..)
-- [#2661](https://github.com/wbkd/react-flow/pull/2661) [`7ef29108`](https://github.com/wbkd/react-flow/commit/7ef2910808aaaee029894363d52efc0c378a7654)
-  - panOnDrag: Use numbers for prop ([1,2] = drag via middle or right mouse button)
-  - selection: do not include hidden nodes
-  - minimap: fix onNodeClick for nodes outside the viewport
-  - keys: allow multi select when input is focused
-
-### Patch Changes
-
-- [#2695](https://github.com/wbkd/react-flow/pull/2695) [`ab2ff374`](https://github.com/wbkd/react-flow/commit/ab2ff3740618da48bd4350597e816c397f3d78ff) - Add elevateNodesOnSelect prop
-- [#2660](https://github.com/wbkd/react-flow/pull/2660) [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0) - Add `getNodes` function to the store so that you don't need to do `Array.from(store.getState().nodeInternals.values())` anymore.
-- [#2659](https://github.com/wbkd/react-flow/pull/2659) [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9) - Use translateExtent correctly
-- [#2657](https://github.com/wbkd/react-flow/pull/2657) [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c) - Only trigger drag event when change happened
-
-## 11.4.0-next.1
-
-### Minor Changes
-
-- panOnDrag: Use numbers for prop ([1,2] = drag via middle or right mouse button)
-- selection: do not include hidden nodes
-- minimap: fix onNodeClick for nodes outside the viewport
-- keys: allow multi select when input is focused
-
-## 11.4.0-next.0
-
-### Minor Changes
-
-- [#2678](https://github.com/wbkd/react-flow/pull/2678) [`baa8689e`](https://github.com/wbkd/react-flow/commit/baa8689ef629d22da4cbbef955e0c83d21df0493) Thanks [@moklick](https://github.com/moklick)! - ## New Features
-
-  New props for the ReactFlow component to customize the controls of the viewport and the selection box better:
-
-  1. `selectionOnDrag` prop: Selection box without extra button press (need to set `panOnDrag={false} or `panOnDrag="RightClick"`)
-  2. `panOnDrag="RightClick"` option
-  3. `panActivationKeyCode="Space"` key code for activating dragging (useful when using `selectionOnDrag`)
-  4. `selectionMode={SelectionMode.Full}`: you can chose if the selection box needs to contain a node fully (`SelectionMode.Full`) or partially (`SelectionMode.Partial`) to select it
-  5. `onSelectionStart` and `onSelectionEnd` events
-
-### Patch Changes
-
-- [#2660](https://github.com/wbkd/react-flow/pull/2660) [`50032c3d`](https://github.com/wbkd/react-flow/commit/50032c3d953bd819d0afe48e4b61f77f987cc8d0) Thanks [@moklick](https://github.com/moklick)! - Add `getNodes` function to the store so that you don't need to do `Array.from(store.getState().nodeInternals.values())` anymore.
-
-- [#2659](https://github.com/wbkd/react-flow/pull/2659) [`4244bae2`](https://github.com/wbkd/react-flow/commit/4244bae25a36cb4904dc1fbba26e1c4d5d463cb9) Thanks [@moklick](https://github.com/moklick)! - Use translateExtent correctly
-
-- [#2657](https://github.com/wbkd/react-flow/pull/2657) [`23afb3ab`](https://github.com/wbkd/react-flow/commit/23afb3abebdb42fad284f68bec164afac609563c) Thanks [@moklick](https://github.com/moklick)! - Only trigger drag event when change happened
-
-## 11.3.2
-
-In this update we did some changes so that we could implement the new [`<NodeResizer />`](https://reactflow.dev/docs/api/nodes/node-resizer/) component more smoothly.
-
-### Patch Changes
-
-- [#2646](https://github.com/wbkd/react-flow/pull/2646) [`e6b5d90f`](https://github.com/wbkd/react-flow/commit/e6b5d90f61c8ee60e817bba232a162cae2ab3e2a) - Fix getRectOfNodes
-- [#2648](https://github.com/wbkd/react-flow/pull/2648) [`6ee44e07`](https://github.com/wbkd/react-flow/commit/6ee44e076eaa6908d07578a757a5187642b732ae) - Allow middle mouse pan over edges
-- [#2647](https://github.com/wbkd/react-flow/pull/2647) [`aa69c207`](https://github.com/wbkd/react-flow/commit/aa69c20765e6978f4f9c8cc63ed7110dbf6d9d9d) Thanks [@neo](https://github.com/neo)! - Invalidate node trying to connect itself with the same handle
-- [#2626](https://github.com/wbkd/react-flow/pull/2626) [`d29c401d`](https://github.com/wbkd/react-flow/commit/d29c401d598dbf2dcd5609b7adb8d029906a6f18) - Export the useNodeId hook, refactor how changes are applied and create a helper function
-- [#2642](https://github.com/wbkd/react-flow/pull/2642) [`0df02f35`](https://github.com/wbkd/react-flow/commit/0df02f35f8d6c54dae36af18278feadc77acb2d6) - Ignore key events for nodes when input is focused
-
-## 11.3.1
-
-### Patch Changes
-
-- [#2595](https://github.com/wbkd/react-flow/pull/2595) [`c828bfda`](https://github.com/wbkd/react-flow/commit/c828bfda0a8c4774bc43588640c7cca0cfdcb3f4) Thanks [@chrtze](https://github.com/chrtze)! - Fix and improve the behaviour when using nodeOrigin in combination with subflows
-- [#2602](https://github.com/wbkd/react-flow/pull/2602) [`b0302ce4`](https://github.com/wbkd/react-flow/commit/b0302ce4261a992bee841bae84af347d03be690f) Thanks [@sdegueldre](https://github.com/sdegueldre)! - Don't use try catch in wrapper for checking if provider is available
-- [#2601](https://github.com/wbkd/react-flow/pull/2601) [`b2c72813`](https://github.com/wbkd/react-flow/commit/b2c728137d1b53e38883f044fa447585c377a6af) Thanks [@hoondeveloper](https://github.com/hoondeveloper)! - fix isRectObject function
-
-## 11.3.0
-
-### Minor Changes
-
-- [#2563](https://github.com/wbkd/react-flow/pull/2563) [`98116d43`](https://github.com/wbkd/react-flow/commit/98116d431f9fcdcc9b23a5b606a94ec0740b64cd) Thanks [@chrtze](https://github.com/chrtze)! - Export a new component "NodeToolbar" that renders a fixed element attached to a node
-
-### Patch Changes
-
-- [#2561](https://github.com/wbkd/react-flow/pull/2561) [`92cf497e`](https://github.com/wbkd/react-flow/commit/92cf497eb72f21af592a53f5af9770c9f1e6d940) Thanks [@moklick](https://github.com/moklick)! - Fix multi selection and fitView when nodeOrigin is used
-- [#2560](https://github.com/wbkd/react-flow/pull/2560) [`a39224b3`](https://github.com/wbkd/react-flow/commit/a39224b3a80afbdb83fc4490dd5f4f2be23cd4dd) Thanks [@neo](https://github.com/neo)! - Always elevate zIndex when node is selected
-- [#2573](https://github.com/wbkd/react-flow/pull/2573) [`5e8b67dd`](https://github.com/wbkd/react-flow/commit/5e8b67dd41f9bb60dcd7f5d14cc34b42c970e967) Thanks [@moklick](https://github.com/moklick)! - Fix disappearing connection line for loose flows
-- [#2558](https://github.com/wbkd/react-flow/pull/2558) [`2a1c7db6`](https://github.com/wbkd/react-flow/commit/2a1c7db6b27ac0f4f81dcef2d593f4753c4321c7) Thanks [@moklick](https://github.com/moklick)! - EdgeLabelRenderer: handle multiple instances on a page
-
-## 11.2.0
-
-### Minor Changes
-
-- [#2535](https://github.com/wbkd/react-flow/pull/2535) [`7902a3ce`](https://github.com/wbkd/react-flow/commit/7902a3ce3188426d5cd07cf0943a68f679e67948) Thanks [@moklick](https://github.com/moklick)! - Feat: Add edge label renderer
-- [#2536](https://github.com/wbkd/react-flow/pull/2536) [`b25d499e`](https://github.com/wbkd/react-flow/commit/b25d499ec05b5c6f21ac552d03650eb37433552e) Thanks [@pengfu](https://github.com/pengfu)! - Feat: add deleteElements helper function
-- [#2539](https://github.com/wbkd/react-flow/pull/2539) [`4fc1253e`](https://github.com/wbkd/react-flow/commit/4fc1253eadf9b7dd392d8dc2348f44fa8d08f931) Thanks [@moklick](https://github.com/moklick)! - Feat: add intersection helpers
-- [#2530](https://github.com/wbkd/react-flow/pull/2530) [`8ba4dd5d`](https://github.com/wbkd/react-flow/commit/8ba4dd5d1d4b2e6f107c148de62aec0b688d8b21) Thanks [@moklick](https://github.com/moklick)! - Feat: Add pan and zoom to mini map
-
-### Patch Changes
-
-- [#2538](https://github.com/wbkd/react-flow/pull/2538) [`740659c0`](https://github.com/wbkd/react-flow/commit/740659c0e788c7572d4a1e64e1d33d60712233fc) Thanks [@neo](https://github.com/neo)! - Refactor: put React Flow in isolated stacking context
-
-## 11.1.2
-
-### Patch Changes
-
-- make pro options acc type optional
-- cleanup types
-- fix rf id handling
-- always render nodes when dragging=true
-- don't apply animations to helper edge
-
-## 11.1.1
-
-### Patch Changes
-
-- [`c44413d`](https://github.com/wbkd/react-flow/commit/c44413d816604ae2d6ad81ed227c3dfde1a7bd8a) Thanks [@moklick](https://github.com/moklick)! - chore(panel): dont break user selection above panel
-- [`48c402c`](https://github.com/wbkd/react-flow/commit/48c402c4d3bd9e16dc91cd4c549324e57b6d5c57) Thanks [@moklick](https://github.com/moklick)! - refactor(aria-descriptions): render when disableKeyboardA11y is true
-- [`3a1a365`](https://github.com/wbkd/react-flow/commit/3a1a365a63fc4564d9a8d96309908986fcc86f95) Thanks [@moklick](https://github.com/moklick)! - fix(useOnSelectionChange): repair hook closes #2484
-- [`5d35094`](https://github.com/wbkd/react-flow/commit/5d350942d33ded626b3387206f0b0dee368efdfb) Thanks [@neo](https://github.com/neo)! - Add css files as sideEffects
-
-## 11.1.0
-
-### Minor Changes
-
-- [`def11008`](https://github.com/wbkd/react-flow/commit/def11008d88749fec40e6fcba8bc41eea2511bab) Thanks [@moklick](https://github.com/moklick)! - New props: nodesFocusable and edgesFocusable
-
-### Patch Changes
-
-- [`d00faa6b`](https://github.com/wbkd/react-flow/commit/d00faa6b3e77388bfd655d4c02e9a5375bc515e4) Thanks [@moklick](https://github.com/moklick)! - Make nopan class name overwritable with class name option
-
-## 11.0.0
-
-### Major Changes
-
-- **Better [Accessibility](/docs/guides/accessibility)**
-  - Nodes and edges are focusable, selectable, moveable and deleteable with the keyboard.
-  - `aria-` default attributes for all elements and controllable via `ariaLabel` options
-  - Keyboard controls can be disabled with the new `disableKeyboardA11y` prop
-- **Better selectable edges** via new edge option: `interactionWidth` - renders invisible edge that makes it easier to interact
-- **Better routing for smoothstep and step edges**: https://twitter.com/reactflowdev/status/1567535405284614145
-- **Nicer edge updating behaviour**: https://twitter.com/reactflowdev/status/1564966917517021184
-- **Node origin**: The new `nodeOrigin` prop lets you control the origin of a node. Useful for layouting.
-- **New background pattern**: `BackgroundVariant.Cross` variant
-- **[`useOnViewportChange`](/docs/api/hooks/use-on-viewport-change) hook** - handle viewport changes within a component
-- **[`useOnSelectionChange`](/docs/api/hooks/use-on-selection-change) hook** - handle selection changes within a component
-- **[`useNodesInitialized`](/docs/api/hooks/use-nodes-initialized) hook** - returns true if all nodes are initialized and if there is more than one node
-- **Deletable option** for Nodes and edges
-- **New Event handlers**: `onPaneMouseEnter`, `onPaneMouseMove` and `onPaneMouseLeave`
-- **Edge `pathOptions`** for `smoothstep` and `default` edges
-- **Nicer cursor defaults**: Cursor is grabbing, while dragging a node or panning
-- **Pane moveable** with middle mouse button
-- **Pan over nodes** when they are not draggable (`draggable=false` or `nodesDraggable` false)
-- **[`<BaseEdge />`](/docs/api/edges/base-edge) component** that makes it easier to build custom edges
-- **[Separately installable packages](/docs/overview/packages/)**
-  - @reactflow/core
-  - @reactflow/background
-  - @reactflow/controls
-  - @reactflow/minimap
+# @xyflow/react
+
+## 12.0.0-next.0
+
+React Flow v12 is coming soon! We worked hard over the past months and tried to make as few breaking changes as possible (there are some). We are in no rush to release v12, so we’d be happy to hear any early feedback so we can adjust the API or redefine new features before launching stable v12. 🚀 The big topics for this version are:
+
+1. **Support for SSG/ SSR**: you can now render flows on the server
+2. **Reactive flows**: new hooks and helper functions to simplify data flows
+3. **Dark mode**: a new base style and easy way to switch between built in color modes
+
+Svelte Flow had a big impact on this release as well. While combing through each line of React Flow, we created framework agnostic helpers, found bugs, and made some under the hood improvements.  All of these changes are baked into the v12 release as a welcome side-effect of that launch. 🙌🏻 We also improved the performance for larger flows with the help of Ivan.
+
+### Migrate from 11 to 12
+
+Before you can try out the new features, you need to do some minor updates:
+
+- **A new npm package name**: Our name changed from `reactflow` to `@xyflow/react` and the main component is no longer a default, but a named import:
+    - v11: `import ReactFlow from 'reactflow';`
+    - v12: `import { ReactFlow } from '@xyflow/react';`
+- **Node attribute “computed”:** All computed node values are now stored in `node.computed`
+    - v11: `node.width`, `node.height` ,`node.positionAbsolute`
+    - v12:  `node.computed.width`, `node.computed.height` and `node.computed.positionAbsolute` . (`node.width`/ `node.height` can now be used for SSG)
+- **NodeProps:** `posX`/`posY` is now called `positionAbsoluteX`/`positionAbsoluteY`
+- **Typescript only**: We simplified types and fixed issues about functions where users could pass a `NodeData` generic. The new way is to define your own node type for the whole app and then only use that one. The big advantage of this is, that you can have multiple node types with different data structures and always be able to distinguish by checking the `node.type` attribute.
+    - v11: `applyNodeChange<NodeData, NodeType>`
+    - v12: `type MyNodeType = Node<{ value: number }, ‘number’> | Node<{ value: string }, ‘text’>; applyNodeChange<MyNodeType>`
+    - affected functions: `useNodes`, `useNodesState`, `useEdgesState`, `applyNodeChange`, `onInit`, `applyEdgeChanges` , `MiniMapProps`
+- **Removal of deprecated functions:**
+    - `getTransformForBounds` (new name: `getViewportForBounds`),
+    - `getRectOfNodes` ****(new name: `getNodesBounds`)
+    - `project` (new name: `screenToFlowPosition`)
+    - `getMarkerEndId`
+
+### Main features
+
+Now that you successfully migrated to v12, you can use all the fancy features. As mentioned above, the biggest updates for v12 are:
+
+- **SSR / SSG**: you can define `width`, `height` and `handles` for the nodes. This makes it possible to render a flow on the server and hydrate on the client.  TODO: ADD LINK
+    - Details: In v11, `width` and `height` were set by the library as soon as the nodes got measured. This still happens, but we are now using `computed.width` and `computed.height` to store this information. The `positionAbsolute` attribute also gets stored in `computed` . In the previous versions there was always a lot of confusion about `width` and `height`. It’s hard to understand, that you can’t use it for passing an actual width or height. It’s also not obvious that those attributes get added by the library. We think that the new implementation solves both of the problems: `width` and `height` are optional attributes that can be used to define dimensions and everything that is set by the library, is stored in `computed`.
+- **Reactive Flows:** The new hooks `useHandleConnections` and `useNodesData` and the new `updateNode` and `updateNodeData` functions can be used for managing the data flow between your nodes. TODO: ADD LINK
+    - Details: Working with reactive flows is super common.  You update node A and want to react on those changes in the connected node B. Until now everyone had to come up with a custom solution. With this version we want to change this and give you performant helpers to handle this. If you are excited about this, you can check out this example:
+- **Dark mode and css variables:** React Flow now comes with a built-in dark mode, that can be toggled by using the new `colorMode` prop (”light”, “dark” or “system”).  TODO: ADD LINK
+    - Details: With this version we want to make it easier to switch between dark and light modes and give you a better starting point for dark flows. If you pass colorMode=”dark”, we add the class name “dark” to the wrapper and use it to adjust the styling. To make the implementation for this new feature easier on our ends, we switched to CSS variables for most of the styles. These variables can also be used in user land to customize a flow.
+
+### More features and updates
+
+There is more! Besides the new main features, we added some minor things that were on our list for a long time. We also started to use TS docs for better docs. We already started to add some docs for some types and hooks which should improve the developer experience.
+
+- **`useConnection` hook:** This hook makes it possible to handle an ongoing connection. For example, you can use it for colorizing handles.
+- **`onDelete`** **handler**: We added a combined handler for `onDeleteNodes` and `onDeleteEdges` to make it easier to react to deletions.
+- `**isValidConnection` prop:** This makes it possible to implement one validation function for all connections. It also gets called for programatically added edges. ****
+- **Controlled `viewport`:** This is definitely an advanced feature. Possible use cases are to animate the viewport or round the transform for lower res screens for example. This features brings two new props: `viewport` and `onViewportChange`.
+- `**ViewportPortal` component:** This makes it possible to render elements in the viewport without the need to implement a custom node.
+- **Background component**: add `patternClassName` to be able to style the background pattern by using a class name. This is useful if you want to style the background pattern with Tailwind for example.
+- `**onMove` callback** gets triggered for library-invoked viewport updates (like fitView or zoom-in)
+- `**deleteElements**` now returns deleted nodes and deleted edges
+- add `**origin` attribute** for nodes
+- add `**selectable` attribute** for edges
+- Correct types for `BezierEdge`, `StepEdge`, `SmoothStepEdge` and `StraightEdge` components
+- New edges created by the library only have `sourceHandle` and `targetHandle` attributes when those attributes are set. (We used to pass `sourceHandle: null` and `targetHandle: null`)
+- Edges do not mount/unmount when their z-index change
+
+### Internal changes
+
+These changes are not really user-facing, but it could be important for folks who are working with the React Flow store:
+
+- The biggest internal change is that we created a new package **@xyflow/system with framework agnostic helpers** that can be used be React Flow and Svelte Flow
+    - **XYDrag** for handling dragging node(s) and selection
+    - **XYPanZoom** for controlling the viewport panning and zooming
+    - **XYHandle** for managing new connections
+- We replaced the `nodeInternals` map with a `nodes` array. We added a new `nodeLookup` map that serves as a lookup, but we are not creating a new map object on any change so it’s really only useful as a lookup.
+- We removed `connectionNodeId`, `connectionHandleId`, `connectionHandleType` from the store and added `connectionStartHandle.nodeId`, `connectionStartHandle.handleId`, …
+- add `data-id` to edges
+
+
+__With v12 the `reactflow` package was renamed to `@xyflow/react` - you can find the v11 source and the [`reactflow` changelog](https://github.com/xyflow/xyflow/blob/v11/packages/reactflow/CHANGELOG.md) on the v11 branch.__
diff --git a/packages/react/package.json b/packages/react/package.json
index df5b86a62..183968996 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-alpha.0",
+  "version": "12.0.0-next.0",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 1a602f2f8..5d9d12c00 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,3 +1,17 @@
+# @xyflow/svelte
+
+## 0.0.30
+
+### Features
+
+- add `onbeforedelete` handler to prevent/ manage deletions
+- TSDocs for hooks and some types 
+
+### Minor changes
+
+- new nodeDragThreshold default is 1
+- refactor/simplify edge rendering
+
 ## 0.0.29
 
 Another huge update for Svelte Flow 🙏 Handling data flows will be way easier with the new hooks and functions. You can now subscribe to connected nodes, receive data and update nodes more easily. We fix a big issue about the `<Handle />` component. No more `on:connect` that only worked for target `<Handle />` components but `onconnect` and `ondisconnect` that works for every `<Handle />`.
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 887b90847..1d0d6a4a7 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.29",
+  "version": "0.0.30",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index f9add14e3..5ccb504cb 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 7ea999f74bf733c1a12f30c80ea9af3e1bab9987 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 3 Jan 2024 16:11:18 +0100
Subject: [PATCH 0451/1093] chore(tests): update playwright

---
 .../react/src/generic-tests/nodes/general.ts  |    1 +
 pnpm-lock.yaml                                | 1105 +++++++++++++++--
 tests/playwright/package.json                 |    4 +-
 3 files changed, 971 insertions(+), 139 deletions(-)

diff --git a/examples/react/src/generic-tests/nodes/general.ts b/examples/react/src/generic-tests/nodes/general.ts
index 0fcb975ce..d45091dd7 100644
--- a/examples/react/src/generic-tests/nodes/general.ts
+++ b/examples/react/src/generic-tests/nodes/general.ts
@@ -6,6 +6,7 @@ export default {
     nodeTypes: {
       DragHandleNode,
     },
+    nodeDragThreshold: 0,
     nodes: [
       {
         id: 'Node-1',
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5e8ca5dce..d9086764f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -149,7 +149,7 @@ importers:
         version: registry.npmjs.org/typescript@5.2.2
       vite:
         specifier: 4.5.0
-        version: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
+        version: registry.npmjs.org/vite@4.5.0
 
   examples/svelte:
     dependencies:
@@ -201,7 +201,7 @@ importers:
         version: registry.npmjs.org/typescript@5.2.2
       vite:
         specifier: ^4.5.0
-        version: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
+        version: registry.npmjs.org/vite@4.5.0
 
   packages/react:
     dependencies:
@@ -410,8 +410,8 @@ importers:
   tests/playwright:
     dependencies:
       '@playwright/experimental-ct-react':
-        specifier: ^1.39.0
-        version: registry.npmjs.org/@playwright/experimental-ct-react@1.39.0(@types/node@18.7.16)(vite@4.5.1)
+        specifier: ^1.40.1
+        version: 1.40.1(@types/node@18.7.16)(vite@5.0.10)
       '@types/react':
         specifier: ^18.2.31
         version: registry.npmjs.org/@types/react@18.2.31
@@ -429,8 +429,8 @@ importers:
         version: registry.npmjs.org/typescript@5.2.2
     devDependencies:
       '@playwright/test':
-        specifier: ^1.39.0
-        version: registry.npmjs.org/@playwright/test@1.39.0
+        specifier: ^1.40.1
+        version: 1.40.1
       '@types/node':
         specifier: ^18.7.16
         version: registry.npmjs.org/@types/node@18.7.16
@@ -481,6 +481,230 @@ importers:
 
 packages:
 
+  /@ampproject/remapping@2.2.1:
+    resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==, tarball: https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.3
+      '@jridgewell/trace-mapping': 0.3.20
+    dev: false
+
+  /@babel/code-frame@7.23.5:
+    resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==, tarball: https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.5.tgz}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/highlight': 7.23.4
+      chalk: 2.4.2
+    dev: false
+
+  /@babel/compat-data@7.23.5:
+    resolution: {integrity: sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.5.tgz}
+    engines: {node: '>=6.9.0'}
+    dev: false
+
+  /@babel/core@7.23.7:
+    resolution: {integrity: sha512-+UpDgowcmqe36d4NwqvKsyPMlOLNGMsfMmQ5WGCu+siCe3t3dfe9njrzGfdN4qq+bcNUt0+Vw6haRxBOycs4dw==, tarball: https://registry.npmjs.org/@babel/core/-/core-7.23.7.tgz}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@ampproject/remapping': 2.2.1
+      '@babel/code-frame': 7.23.5
+      '@babel/generator': 7.23.6
+      '@babel/helper-compilation-targets': 7.23.6
+      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.7)
+      '@babel/helpers': 7.23.7
+      '@babel/parser': 7.23.6
+      '@babel/template': 7.22.15
+      '@babel/traverse': 7.23.7
+      '@babel/types': 7.23.6
+      convert-source-map: 2.0.0
+      debug: 4.3.4
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /@babel/generator@7.23.6:
+    resolution: {integrity: sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.23.6
+      '@jridgewell/gen-mapping': 0.3.3
+      '@jridgewell/trace-mapping': 0.3.20
+      jsesc: 2.5.2
+    dev: false
+
+  /@babel/helper-compilation-targets@7.23.6:
+    resolution: {integrity: sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/compat-data': 7.23.5
+      '@babel/helper-validator-option': 7.23.5
+      browserslist: 4.22.2
+      lru-cache: 5.1.1
+      semver: 6.3.1
+    dev: false
+
+  /@babel/helper-environment-visitor@7.22.20:
+    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==, tarball: https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz}
+    engines: {node: '>=6.9.0'}
+    dev: false
+
+  /@babel/helper-function-name@7.23.0:
+    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==, tarball: https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/template': 7.22.15
+      '@babel/types': 7.23.6
+    dev: false
+
+  /@babel/helper-hoist-variables@7.22.5:
+    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==, tarball: https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.23.6
+    dev: false
+
+  /@babel/helper-module-imports@7.22.15:
+    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==, tarball: https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.23.6
+    dev: false
+
+  /@babel/helper-module-transforms@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.23.7
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-module-imports': 7.22.15
+      '@babel/helper-simple-access': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/helper-validator-identifier': 7.22.20
+    dev: false
+
+  /@babel/helper-plugin-utils@7.22.5:
+    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==, tarball: https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz}
+    engines: {node: '>=6.9.0'}
+    dev: false
+
+  /@babel/helper-simple-access@7.22.5:
+    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==, tarball: https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.23.6
+    dev: false
+
+  /@babel/helper-split-export-declaration@7.22.6:
+    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==, tarball: https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.23.6
+    dev: false
+
+  /@babel/helper-string-parser@7.23.4:
+    resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==, tarball: https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz}
+    engines: {node: '>=6.9.0'}
+    dev: false
+
+  /@babel/helper-validator-identifier@7.22.20:
+    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==, tarball: https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz}
+    engines: {node: '>=6.9.0'}
+    dev: false
+
+  /@babel/helper-validator-option@7.23.5:
+    resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==, tarball: https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz}
+    engines: {node: '>=6.9.0'}
+    dev: false
+
+  /@babel/helpers@7.23.7:
+    resolution: {integrity: sha512-6AMnjCoC8wjqBzDHkuqpa7jAKwvMo4dC+lr/TFBz+ucfulO1XMpDnwWPGBNwClOKZ8h6xn5N81W/R5OrcKtCbQ==, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.7.tgz}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/template': 7.22.15
+      '@babel/traverse': 7.23.7
+      '@babel/types': 7.23.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /@babel/highlight@7.23.4:
+    resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==, tarball: https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-validator-identifier': 7.22.20
+      chalk: 2.4.2
+      js-tokens: 4.0.0
+    dev: false
+
+  /@babel/parser@7.23.6:
+    resolution: {integrity: sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.23.6
+    dev: false
+
+  /@babel/plugin-transform-react-jsx-self@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-qXRvbeKDSfwnlJnanVRp0SfuWE5DQhwQr5xtLBzp56Wabyo+4CMosF6Kfp+eOD/4FYpql64XVJ2W0pVLlJZxOQ==, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.23.3.tgz}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.23.7
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: false
+
+  /@babel/plugin-transform-react-jsx-source@7.23.3(@babel/core@7.23.7):
+    resolution: {integrity: sha512-91RS0MDnAWDNvGC6Wio5XYkyWI39FMFO+JK9+4AlgaTH+yWwVTsw7/sn6LK0lH7c5F+TFkpv/3LfCJ1Ydwof/g==, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.23.3.tgz}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.23.7
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: false
+
+  /@babel/template@7.22.15:
+    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==, tarball: https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': 7.23.5
+      '@babel/parser': 7.23.6
+      '@babel/types': 7.23.6
+    dev: false
+
+  /@babel/traverse@7.23.7:
+    resolution: {integrity: sha512-tY3mM8rH9jM0YHFGyfC0/xf+SB5eKUu7HPj7/k3fpi9dAlsMc5YbQvDi0Sh2QTPXqMhyaAtzAr807TIyfQrmyg==, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.7.tgz}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': 7.23.5
+      '@babel/generator': 7.23.6
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-function-name': 7.23.0
+      '@babel/helper-hoist-variables': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/parser': 7.23.6
+      '@babel/types': 7.23.6
+      debug: 4.3.4
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /@babel/types@7.23.6:
+    resolution: {integrity: sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==, tarball: https://registry.npmjs.org/@babel/types/-/types-7.23.6.tgz}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-string-parser': 7.23.4
+      '@babel/helper-validator-identifier': 7.22.20
+      to-fast-properties: 2.0.0
+    dev: false
+
   /@colors/colors@1.5.0:
     resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==, tarball: https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz}
     engines: {node: '>=0.1.90'}
@@ -488,6 +712,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/aix-ppc64@0.19.11:
+    resolution: {integrity: sha512-FnzU0LyE3ySQk7UntJO4+qIiQgI7KoODnZg5xzXIrFJlKd2P2gwHsHY4927xj9y5PJmJSzULiUCWmv7iWnNa7g==, tarball: https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/android-arm64@0.18.20:
     resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz}
     engines: {node: '>=12'}
@@ -496,6 +729,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/android-arm64@0.19.11:
+    resolution: {integrity: sha512-aiu7K/5JnLj//KOnOfEZ0D90obUkRzDMyqd/wNAUQ34m4YUPVhRZpnqKV9uqDGxT7cToSDnIHsGooyIczu9T+Q==, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/android-arm64@0.19.5:
     resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -513,6 +755,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/android-arm@0.19.11:
+    resolution: {integrity: sha512-5OVapq0ClabvKvQ58Bws8+wkLCV+Rxg7tUVbo9xu034Nm536QTII4YzhaFriQ7rMrorfnFKUsArD2lqKbFY4vw==, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/android-arm@0.19.5:
     resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -530,6 +781,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/android-x64@0.19.11:
+    resolution: {integrity: sha512-eccxjlfGw43WYoY9QgB82SgGgDbibcqyDTlk3l3C0jOVHKxrjdc9CTwDUQd0vkvYg5um0OH+GpxYvp39r+IPOg==, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/android-x64@0.19.5:
     resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -547,6 +807,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/darwin-arm64@0.19.11:
+    resolution: {integrity: sha512-ETp87DRWuSt9KdDVkqSoKoLFHYTrkyz2+65fj9nfXsaV3bMhTCjtQfw3y+um88vGRKRiF7erPrh/ZuIdLUIVxQ==, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/darwin-arm64@0.19.5:
     resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -564,6 +833,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/darwin-x64@0.19.11:
+    resolution: {integrity: sha512-fkFUiS6IUK9WYUO/+22omwetaSNl5/A8giXvQlcinLIjVkxwTLSktbF5f/kJMftM2MJp9+fXqZ5ezS7+SALp4g==, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/darwin-x64@0.19.5:
     resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -581,6 +859,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/freebsd-arm64@0.19.11:
+    resolution: {integrity: sha512-lhoSp5K6bxKRNdXUtHoNc5HhbXVCS8V0iZmDvyWvYq9S5WSfTIHU2UGjcGt7UeS6iEYp9eeymIl5mJBn0yiuxA==, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/freebsd-arm64@0.19.5:
     resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -598,6 +885,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/freebsd-x64@0.19.11:
+    resolution: {integrity: sha512-JkUqn44AffGXitVI6/AbQdoYAq0TEullFdqcMY/PCUZ36xJ9ZJRtQabzMA+Vi7r78+25ZIBosLTOKnUXBSi1Kw==, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/freebsd-x64@0.19.5:
     resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -615,6 +911,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-arm64@0.19.11:
+    resolution: {integrity: sha512-LneLg3ypEeveBSMuoa0kwMpCGmpu8XQUh+mL8XXwoYZ6Be2qBnVtcDI5azSvh7vioMDhoJFZzp9GWp9IWpYoUg==, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-arm64@0.19.5:
     resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -632,6 +937,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-arm@0.19.11:
+    resolution: {integrity: sha512-3CRkr9+vCV2XJbjwgzjPtO8T0SZUmRZla+UL1jw+XqHZPkPgZiyWvbDvl9rqAN8Zl7qJF0O/9ycMtjU67HN9/Q==, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-arm@0.19.5:
     resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -649,6 +963,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-ia32@0.19.11:
+    resolution: {integrity: sha512-caHy++CsD8Bgq2V5CodbJjFPEiDPq8JJmBdeyZ8GWVQMjRD0sU548nNdwPNvKjVpamYYVL40AORekgfIubwHoA==, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-ia32@0.19.5:
     resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -666,6 +989,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-loong64@0.19.11:
+    resolution: {integrity: sha512-ppZSSLVpPrwHccvC6nQVZaSHlFsvCQyjnvirnVjbKSHuE5N24Yl8F3UwYUUR1UEPaFObGD2tSvVKbvR+uT1Nrg==, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-loong64@0.19.5:
     resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -683,6 +1015,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-mips64el@0.19.11:
+    resolution: {integrity: sha512-B5x9j0OgjG+v1dF2DkH34lr+7Gmv0kzX6/V0afF41FkPMMqaQ77pH7CrhWeR22aEeHKaeZVtZ6yFwlxOKPVFyg==, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-mips64el@0.19.5:
     resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -700,6 +1041,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-ppc64@0.19.11:
+    resolution: {integrity: sha512-MHrZYLeCG8vXblMetWyttkdVRjQlQUb/oMgBNurVEnhj4YWOr4G5lmBfZjHYQHHN0g6yDmCAQRR8MUHldvvRDA==, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-ppc64@0.19.5:
     resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -717,6 +1067,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-riscv64@0.19.11:
+    resolution: {integrity: sha512-f3DY++t94uVg141dozDu4CCUkYW+09rWtaWfnb3bqe4w5NqmZd6nPVBm+qbz7WaHZCoqXqHz5p6CM6qv3qnSSQ==, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-riscv64@0.19.5:
     resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -734,6 +1093,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-s390x@0.19.11:
+    resolution: {integrity: sha512-A5xdUoyWJHMMlcSMcPGVLzYzpcY8QP1RtYzX5/bS4dvjBGVxdhuiYyFwp7z74ocV7WDc0n1harxmpq2ePOjI0Q==, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-s390x@0.19.5:
     resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -751,6 +1119,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-x64@0.19.11:
+    resolution: {integrity: sha512-grbyMlVCvJSfxFQUndw5mCtWs5LO1gUlwP4CDi4iJBbVpZcqLVT29FxgGuBJGSzyOxotFG4LoO5X+M1350zmPA==, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-x64@0.19.5:
     resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -768,6 +1145,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/netbsd-x64@0.19.11:
+    resolution: {integrity: sha512-13jvrQZJc3P230OhU8xgwUnDeuC/9egsjTkXN49b3GcS5BKvJqZn86aGM8W9pd14Kd+u7HuFBMVtrNGhh6fHEQ==, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/netbsd-x64@0.19.5:
     resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -785,6 +1171,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/openbsd-x64@0.19.11:
+    resolution: {integrity: sha512-ysyOGZuTp6SNKPE11INDUeFVVQFrhcNDVUgSQVDzqsqX38DjhPEPATpid04LCoUr2WXhQTEZ8ct/EgJCUDpyNw==, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/openbsd-x64@0.19.5:
     resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -802,6 +1197,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/sunos-x64@0.19.11:
+    resolution: {integrity: sha512-Hf+Sad9nVwvtxy4DXCZQqLpgmRTQqyFyhT3bZ4F2XlJCjxGmRFF0Shwn9rzhOYRB61w9VMXUkxlBy56dk9JJiQ==, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/sunos-x64@0.19.5:
     resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.5.tgz}
     engines: {node: '>=12'}
@@ -811,78 +1215,284 @@ packages:
     dev: false
     optional: true
 
-  /@esbuild/win32-arm64@0.18.20:
-    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
+  /@esbuild/win32-arm64@0.18.20:
+    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/win32-arm64@0.19.11:
+    resolution: {integrity: sha512-0P58Sbi0LctOMOQbpEOvOL44Ne0sqbS0XWHMvvrg6NE5jQ1xguCSSw9jQeUk2lfrXYsKDdOe6K+oZiwKPilYPQ==, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@esbuild/win32-arm64@0.19.5:
+    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@esbuild/win32-ia32@0.18.20:
+    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/win32-ia32@0.19.11:
+    resolution: {integrity: sha512-6YOrWS+sDJDmshdBIQU+Uoyh7pQKrdykdefC1avn76ss5c+RN6gut3LZA4E2cH5xUEp5/cA0+YxRaVtRAb0xBg==, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@esbuild/win32-ia32@0.19.5:
+    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@esbuild/win32-x64@0.18.20:
+    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/win32-x64@0.19.11:
+    resolution: {integrity: sha512-vfkhltrjCAb603XaFhqhAF4LGDi2M4OrCRrFusyQ+iTLQ/o60QQXxc9cZC/FFpihBI9N1Grn6SMKVJ4KP7Fuiw==, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.11.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@esbuild/win32-x64@0.19.5:
+    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.5.tgz}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@jridgewell/gen-mapping@0.3.3:
+    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==, tarball: https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/set-array': 1.1.2
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/trace-mapping': 0.3.20
+    dev: false
+
+  /@jridgewell/resolve-uri@3.1.1:
+    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==, tarball: https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz}
+    engines: {node: '>=6.0.0'}
+    dev: false
+
+  /@jridgewell/set-array@1.1.2:
+    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==, tarball: https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz}
+    engines: {node: '>=6.0.0'}
+    dev: false
+
+  /@jridgewell/sourcemap-codec@1.4.15:
+    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==, tarball: https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz}
+    dev: false
+
+  /@jridgewell/trace-mapping@0.3.20:
+    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==, tarball: https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz}
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.1
+      '@jridgewell/sourcemap-codec': 1.4.15
+    dev: false
+
+  /@nodelib/fs.scandir@2.1.5:
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==, tarball: https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+    dev: true
+
+  /@nodelib/fs.stat@2.0.5:
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==, tarball: https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /@nodelib/fs.walk@1.2.8:
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==, tarball: https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.16.0
+    dev: true
+
+  /@playwright/experimental-ct-core@1.40.1(@types/node@18.7.16):
+    resolution: {integrity: sha512-FjYQP74I2xVAO6W52+Yn2t48FDs+IhOHcWAwZHqAX+lHVHidz4f/b0FY3Qnq8+ZIt5TgqucEzGXbw/TdqJYDtA==, tarball: https://registry.npmjs.org/@playwright/experimental-ct-core/-/experimental-ct-core-1.40.1.tgz}
+    engines: {node: '>=16'}
+    hasBin: true
+    dependencies:
+      playwright: 1.40.1
+      playwright-core: 1.40.1
+      vite: 4.5.1(@types/node@18.7.16)
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - lightningcss
+      - sass
+      - stylus
+      - sugarss
+      - terser
+    dev: false
+
+  /@playwright/experimental-ct-react@1.40.1(@types/node@18.7.16)(vite@5.0.10):
+    resolution: {integrity: sha512-a2ubB04+pSswpWOgIwgBcSvvdvVNv4Cz8wud5ZLV5+4fcRqRACxFlGJPiVHw1zanhDSD+rH6H9+zaNm/o1iJHw==, tarball: https://registry.npmjs.org/@playwright/experimental-ct-react/-/experimental-ct-react-1.40.1.tgz}
+    engines: {node: '>=16'}
+    hasBin: true
+    dependencies:
+      '@playwright/experimental-ct-core': 1.40.1(@types/node@18.7.16)
+      '@vitejs/plugin-react': 4.2.1(vite@5.0.10)
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - lightningcss
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - vite
+    dev: false
+
+  /@playwright/test@1.40.1:
+    resolution: {integrity: sha512-EaaawMTOeEItCRvfmkI9v6rBkF1svM8wjl/YPRrg2N2Wmp+4qJYkWtJsbew1szfKKDm6fPLy4YAanBhIlf9dWw==, tarball: https://registry.npmjs.org/@playwright/test/-/test-1.40.1.tgz}
+    engines: {node: '>=16'}
+    hasBin: true
+    dependencies:
+      playwright: 1.40.1
+    dev: true
+
+  /@rollup/rollup-android-arm-eabi@4.9.2:
+    resolution: {integrity: sha512-RKzxFxBHq9ysZ83fn8Iduv3A283K7zPPYuhL/z9CQuyFrjwpErJx0h4aeb/bnJ+q29GRLgJpY66ceQ/Wcsn3wA==, tarball: https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.9.2.tgz}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-android-arm64@4.9.2:
+    resolution: {integrity: sha512-yZ+MUbnwf3SHNWQKJyWh88ii2HbuHCFQnAYTeeO1Nb8SyEiWASEi5dQUygt3ClHWtA9My9RQAYkjvrsZ0WK8Xg==, tarball: https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.9.2.tgz}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-darwin-arm64@4.9.2:
+    resolution: {integrity: sha512-vqJ/pAUh95FLc/G/3+xPqlSBgilPnauVf2EXOQCZzhZJCXDXt/5A8mH/OzU6iWhb3CNk5hPJrh8pqJUPldN5zw==, tarball: https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.9.2.tgz}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-darwin-x64@4.9.2:
+    resolution: {integrity: sha512-otPHsN5LlvedOprd3SdfrRNhOahhVBwJpepVKUN58L0RnC29vOAej1vMEaVU6DadnpjivVsNTM5eNt0CcwTahw==, tarball: https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.9.2.tgz}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-arm-gnueabihf@4.9.2:
+    resolution: {integrity: sha512-ewG5yJSp+zYKBYQLbd1CUA7b1lSfIdo9zJShNTyc2ZP1rcPrqyZcNlsHgs7v1zhgfdS+kW0p5frc0aVqhZCiYQ==, tarball: https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.9.2.tgz}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-arm64-gnu@4.9.2:
+    resolution: {integrity: sha512-pL6QtV26W52aCWTG1IuFV3FMPL1m4wbsRG+qijIvgFO/VBsiXJjDPE/uiMdHBAO6YcpV4KvpKtd0v3WFbaxBtg==, tarball: https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.9.2.tgz}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-arm64-musl@4.9.2:
+    resolution: {integrity: sha512-On+cc5EpOaTwPSNetHXBuqylDW+765G/oqB9xGmWU3npEhCh8xu0xqHGUA+4xwZLqBbIZNcBlKSIYfkBm6ko7g==, tarball: https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.9.2.tgz}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-riscv64-gnu@4.9.2:
+    resolution: {integrity: sha512-Wnx/IVMSZ31D/cO9HSsU46FjrPWHqtdF8+0eyZ1zIB5a6hXaZXghUKpRrC4D5DcRTZOjml2oBhXoqfGYyXKipw==, tarball: https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.9.2.tgz}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-x64-gnu@4.9.2:
+    resolution: {integrity: sha512-ym5x1cj4mUAMBummxxRkI4pG5Vht1QMsJexwGP8547TZ0sox9fCLDHw9KCH9c1FO5d9GopvkaJsBIOkTKxksdw==, tarball: https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.9.2.tgz}
+    cpu: [x64]
+    os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/win32-arm64@0.19.5:
-    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.5.tgz}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
+  /@rollup/rollup-linux-x64-musl@4.9.2:
+    resolution: {integrity: sha512-m0hYELHGXdYx64D6IDDg/1vOJEaiV8f1G/iO+tejvRCJNSwK4jJ15e38JQy5Q6dGkn1M/9KcyEOwqmlZ2kqaZg==, tarball: https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.9.2.tgz}
+    cpu: [x64]
+    os: [linux]
     requiresBuild: true
     dev: false
     optional: true
 
-  /@esbuild/win32-ia32@0.18.20:
-    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [ia32]
+  /@rollup/rollup-win32-arm64-msvc@4.9.2:
+    resolution: {integrity: sha512-x1CWburlbN5JjG+juenuNa4KdedBdXLjZMp56nHFSHTOsb/MI2DYiGzLtRGHNMyydPGffGId+VgjOMrcltOksA==, tarball: https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.9.2.tgz}
+    cpu: [arm64]
     os: [win32]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/win32-ia32@0.19.5:
-    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.5.tgz}
-    engines: {node: '>=12'}
+  /@rollup/rollup-win32-ia32-msvc@4.9.2:
+    resolution: {integrity: sha512-VVzCB5yXR1QlfsH1Xw1zdzQ4Pxuzv+CPr5qpElpKhVxlxD3CRdfubAG9mJROl6/dmj5gVYDDWk8sC+j9BI9/kQ==, tarball: https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.9.2.tgz}
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
     dev: false
     optional: true
 
-  /@esbuild/win32-x64@0.18.20:
-    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/win32-x64@0.19.5:
-    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.5.tgz}
-    engines: {node: '>=12'}
+  /@rollup/rollup-win32-x64-msvc@4.9.2:
+    resolution: {integrity: sha512-SYRedJi+mweatroB+6TTnJYLts0L0bosg531xnQWtklOI6dezEagx4Q0qDyvRdK+qgdA3YZpjjGuPFtxBmddBA==, tarball: https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.9.2.tgz}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
     dev: false
     optional: true
 
-  /@nodelib/fs.scandir@2.1.5:
-    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==, tarball: https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz}
-    engines: {node: '>= 8'}
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      run-parallel: 1.2.0
-    dev: true
-
-  /@nodelib/fs.stat@2.0.5:
-    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==, tarball: https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz}
-    engines: {node: '>= 8'}
-    dev: true
-
-  /@nodelib/fs.walk@1.2.8:
-    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==, tarball: https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz}
-    engines: {node: '>= 8'}
-    dependencies:
-      '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.16.0
-    dev: true
-
   /@sindresorhus/merge-streams@1.0.0:
     resolution: {integrity: sha512-rUV5WyJrJLoloD4NDN1V1+LDMDWOa4OTsT4yYJwQNpTU6FWxkxHpL7eu4w+DmiH8x/EAM1otkPE1+LaspIbplw==, tarball: https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-1.0.0.tgz}
     engines: {node: '>=18'}
@@ -978,6 +1588,35 @@ packages:
     dev: true
     optional: true
 
+  /@types/babel__core@7.20.5:
+    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==, tarball: https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz}
+    dependencies:
+      '@babel/parser': 7.23.6
+      '@babel/types': 7.23.6
+      '@types/babel__generator': 7.6.8
+      '@types/babel__template': 7.4.4
+      '@types/babel__traverse': 7.20.5
+    dev: false
+
+  /@types/babel__generator@7.6.8:
+    resolution: {integrity: sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==, tarball: https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz}
+    dependencies:
+      '@babel/types': 7.23.6
+    dev: false
+
+  /@types/babel__template@7.4.4:
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==, tarball: https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz}
+    dependencies:
+      '@babel/parser': 7.23.6
+      '@babel/types': 7.23.6
+    dev: false
+
+  /@types/babel__traverse@7.20.5:
+    resolution: {integrity: sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==, tarball: https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.5.tgz}
+    dependencies:
+      '@babel/types': 7.23.6
+    dev: false
+
   /@types/yauzl@2.10.3:
     resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==, tarball: https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz}
     requiresBuild: true
@@ -986,11 +1625,34 @@ packages:
     dev: true
     optional: true
 
+  /@vitejs/plugin-react@4.2.1(vite@5.0.10):
+    resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.2.1.tgz}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.2.0 || ^5.0.0
+    dependencies:
+      '@babel/core': 7.23.7
+      '@babel/plugin-transform-react-jsx-self': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.23.7)
+      '@types/babel__core': 7.20.5
+      react-refresh: 0.14.0
+      vite: 5.0.10(@types/node@18.7.16)
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
   /ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==, tarball: https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz}
     engines: {node: '>=8'}
     dev: true
 
+  /ansi-styles@3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz}
+    engines: {node: '>=4'}
+    dependencies:
+      color-convert: 1.9.3
+    dev: false
+
   /ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz}
     engines: {node: '>=8'}
@@ -1018,6 +1680,30 @@ packages:
       fill-range: 7.0.1
     dev: true
 
+  /browserslist@4.22.2:
+    resolution: {integrity: sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+    dependencies:
+      caniuse-lite: 1.0.30001572
+      electron-to-chromium: 1.4.617
+      node-releases: 2.0.14
+      update-browserslist-db: 1.0.13(browserslist@4.22.2)
+    dev: false
+
+  /caniuse-lite@1.0.30001572:
+    resolution: {integrity: sha512-1Pbh5FLmn5y4+QhNyJE9j3/7dK44dGB83/ZMjv/qJk86TvDbjk0LosiZo0i0WB0Vx607qMX9jYrn1VLHCkN4rw==, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001572.tgz}
+    dev: false
+
+  /chalk@2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==, tarball: https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz}
+    engines: {node: '>=4'}
+    dependencies:
+      ansi-styles: 3.2.1
+      escape-string-regexp: 1.0.5
+      supports-color: 5.5.0
+    dev: false
+
   /chokidar@3.5.3:
     resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==, tarball: https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz}
     engines: {node: '>= 8.10.0'}
@@ -1042,6 +1728,12 @@ packages:
       wrap-ansi: 7.0.0
     dev: true
 
+  /color-convert@1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==, tarball: https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz}
+    dependencies:
+      color-name: 1.1.3
+    dev: false
+
   /color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==, tarball: https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz}
     engines: {node: '>=7.0.0'}
@@ -1049,15 +1741,39 @@ packages:
       color-name: 1.1.4
     dev: true
 
+  /color-name@1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==, tarball: https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz}
+    dev: false
+
   /color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==, tarball: https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz}
     dev: true
 
+  /convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==, tarball: https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz}
+    dev: false
+
+  /debug@4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==, tarball: https://registry.npmjs.org/debug/-/debug-4.3.4.tgz}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+    dev: false
+
   /dependency-graph@0.11.0:
     resolution: {integrity: sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==, tarball: https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz}
     engines: {node: '>= 0.6.0'}
     dev: true
 
+  /electron-to-chromium@1.4.617:
+    resolution: {integrity: sha512-sYNE3QxcDS4ANW1k4S/wWYMXjCVcFSOX3Bg8jpuMFaXt/x8JCmp0R1Xe1ZXDX4WXnSRBf+GJ/3eGWicUuQq5cg==, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.617.tgz}
+    dev: false
+
   /emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz}
     dev: true
@@ -1091,10 +1807,45 @@ packages:
       '@esbuild/win32-ia32': 0.18.20
       '@esbuild/win32-x64': 0.18.20
 
+  /esbuild@0.19.11:
+    resolution: {integrity: sha512-HJ96Hev2hX/6i5cDVwcqiJBBtuo9+FeIJOtZ9W1kA5M6AMJRHUZlpYZ1/SbEwtO0ioNAW8rUooVpC/WehY2SfA==, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.19.11.tgz}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.19.11
+      '@esbuild/android-arm': 0.19.11
+      '@esbuild/android-arm64': 0.19.11
+      '@esbuild/android-x64': 0.19.11
+      '@esbuild/darwin-arm64': 0.19.11
+      '@esbuild/darwin-x64': 0.19.11
+      '@esbuild/freebsd-arm64': 0.19.11
+      '@esbuild/freebsd-x64': 0.19.11
+      '@esbuild/linux-arm': 0.19.11
+      '@esbuild/linux-arm64': 0.19.11
+      '@esbuild/linux-ia32': 0.19.11
+      '@esbuild/linux-loong64': 0.19.11
+      '@esbuild/linux-mips64el': 0.19.11
+      '@esbuild/linux-ppc64': 0.19.11
+      '@esbuild/linux-riscv64': 0.19.11
+      '@esbuild/linux-s390x': 0.19.11
+      '@esbuild/linux-x64': 0.19.11
+      '@esbuild/netbsd-x64': 0.19.11
+      '@esbuild/openbsd-x64': 0.19.11
+      '@esbuild/sunos-x64': 0.19.11
+      '@esbuild/win32-arm64': 0.19.11
+      '@esbuild/win32-ia32': 0.19.11
+      '@esbuild/win32-x64': 0.19.11
+    dev: false
+
   /escalade@3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==, tarball: https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz}
     engines: {node: '>=6'}
-    dev: true
+
+  /escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==, tarball: https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz}
+    engines: {node: '>=0.8.0'}
+    dev: false
 
   /fast-glob@3.3.2:
     resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==, tarball: https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz}
@@ -1143,6 +1894,11 @@ packages:
     requiresBuild: true
     optional: true
 
+  /gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==, tarball: https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz}
+    engines: {node: '>=6.9.0'}
+    dev: false
+
   /get-caller-file@2.0.5:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==, tarball: https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz}
     engines: {node: 6.* || 8.* || >= 10.*}
@@ -1160,6 +1916,11 @@ packages:
       is-glob: 4.0.3
     dev: true
 
+  /globals@11.12.0:
+    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==, tarball: https://registry.npmjs.org/globals/-/globals-11.12.0.tgz}
+    engines: {node: '>=4'}
+    dev: false
+
   /globby@14.0.0:
     resolution: {integrity: sha512-/1WM/LNHRAOH9lZta77uGbq0dAEQM+XjNesWwhlERDVenqothRbnzTrL3/LrIoEPPjeUHC3vrS6TwoyxeHs7MQ==, tarball: https://registry.npmjs.org/globby/-/globby-14.0.0.tgz}
     engines: {node: '>=18'}
@@ -1176,6 +1937,11 @@ packages:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==, tarball: https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz}
     dev: true
 
+  /has-flag@3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==, tarball: https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz}
+    engines: {node: '>=4'}
+    dev: false
+
   /ignore@5.3.0:
     resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==, tarball: https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz}
     engines: {node: '>= 4'}
@@ -1210,6 +1976,22 @@ packages:
     engines: {node: '>=0.12.0'}
     dev: true
 
+  /js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==, tarball: https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz}
+    dev: false
+
+  /jsesc@2.5.2:
+    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==, tarball: https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz}
+    engines: {node: '>=4'}
+    hasBin: true
+    dev: false
+
+  /json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==, tarball: https://registry.npmjs.org/json5/-/json5-2.2.3.tgz}
+    engines: {node: '>=6'}
+    hasBin: true
+    dev: false
+
   /jsonfile@6.1.0:
     resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==, tarball: https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz}
     dependencies:
@@ -1223,6 +2005,12 @@ packages:
     engines: {node: '>=14'}
     dev: true
 
+  /lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==, tarball: https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz}
+    dependencies:
+      yallist: 3.1.1
+    dev: false
+
   /merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==, tarball: https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz}
     engines: {node: '>= 8'}
@@ -1236,11 +2024,19 @@ packages:
       picomatch: 2.3.1
     dev: true
 
+  /ms@2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==, tarball: https://registry.npmjs.org/ms/-/ms-2.1.2.tgz}
+    dev: false
+
   /nanoid@3.3.7:
     resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==, tarball: https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
+  /node-releases@2.0.14:
+    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==, tarball: https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz}
+    dev: false
+
   /normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==, tarball: https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz}
     engines: {node: '>=0.10.0'}
@@ -1264,6 +2060,20 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /playwright-core@1.40.1:
+    resolution: {integrity: sha512-+hkOycxPiV534c4HhpfX6yrlawqVUzITRKwHAmYfmsVreltEl6fAZJ3DPfLMOODw0H3s1Itd6MDCWmP1fl/QvQ==, tarball: https://registry.npmjs.org/playwright-core/-/playwright-core-1.40.1.tgz}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  /playwright@1.40.1:
+    resolution: {integrity: sha512-2eHI7IioIpQ0bS1Ovg/HszsN/XKNwEG1kbzSDDmADpclKc7CyqkHw7Mg2JCz/bbCxg25QUPcjksoMW7JcIFQmw==, tarball: https://registry.npmjs.org/playwright/-/playwright-1.40.1.tgz}
+    engines: {node: '>=16'}
+    hasBin: true
+    dependencies:
+      playwright-core: 1.40.1
+    optionalDependencies:
+      fsevents: 2.3.2
+
   /postcss-cli@11.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-xMITAI7M0u1yolVcXJ9XTZiO9aO49mcoKQy6pCDFdMh9kGqhzLVpWxeD/32M/QBmkhcGypZFFOLNLmIW4Pg4RA==, tarball: https://registry.npmjs.org/postcss-cli/-/postcss-cli-11.0.0.tgz}
     engines: {node: '>=18'}
@@ -1333,6 +2143,11 @@ packages:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==, tarball: https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz}
     dev: true
 
+  /react-refresh@0.14.0:
+    resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==, tarball: https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /read-cache@1.0.0:
     resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==, tarball: https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz}
     dependencies:
@@ -1363,12 +2178,38 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
+  /rollup@4.9.2:
+    resolution: {integrity: sha512-66RB8OtFKUTozmVEh3qyNfH+b+z2RXBVloqO2KCC/pjFaGaHtxP9fVfOQKPSGXg2mElmjmxjW/fZ7iKrEpMH5Q==, tarball: https://registry.npmjs.org/rollup/-/rollup-4.9.2.tgz}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.9.2
+      '@rollup/rollup-android-arm64': 4.9.2
+      '@rollup/rollup-darwin-arm64': 4.9.2
+      '@rollup/rollup-darwin-x64': 4.9.2
+      '@rollup/rollup-linux-arm-gnueabihf': 4.9.2
+      '@rollup/rollup-linux-arm64-gnu': 4.9.2
+      '@rollup/rollup-linux-arm64-musl': 4.9.2
+      '@rollup/rollup-linux-riscv64-gnu': 4.9.2
+      '@rollup/rollup-linux-x64-gnu': 4.9.2
+      '@rollup/rollup-linux-x64-musl': 4.9.2
+      '@rollup/rollup-win32-arm64-msvc': 4.9.2
+      '@rollup/rollup-win32-ia32-msvc': 4.9.2
+      '@rollup/rollup-win32-x64-msvc': 4.9.2
+      fsevents: 2.3.3
+    dev: false
+
   /run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==, tarball: https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz}
     dependencies:
       queue-microtask: 1.2.3
     dev: true
 
+  /semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==, tarball: https://registry.npmjs.org/semver/-/semver-6.3.1.tgz}
+    hasBin: true
+    dev: false
+
   /sharp@0.32.6:
     resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==, tarball: https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz}
     engines: {node: '>=14.15.0'}
@@ -1410,10 +2251,22 @@ packages:
       ansi-regex: 5.0.1
     dev: true
 
+  /supports-color@5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==, tarball: https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz}
+    engines: {node: '>=4'}
+    dependencies:
+      has-flag: 3.0.0
+    dev: false
+
   /thenby@1.3.4:
     resolution: {integrity: sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==, tarball: https://registry.npmjs.org/thenby/-/thenby-1.3.4.tgz}
     dev: true
 
+  /to-fast-properties@2.0.0:
+    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==, tarball: https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz}
+    engines: {node: '>=4'}
+    dev: false
+
   /to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==, tarball: https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz}
     engines: {node: '>=8.0'}
@@ -1485,6 +2338,17 @@ packages:
     engines: {node: '>= 10.0.0'}
     dev: true
 
+  /update-browserslist-db@1.0.13(browserslist@4.22.2):
+    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==, tarball: https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+    dependencies:
+      browserslist: 4.22.2
+      escalade: 3.1.1
+      picocolors: 1.0.0
+    dev: false
+
   /vite@4.5.1(@types/node@18.7.16):
     resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==, tarball: https://registry.npmjs.org/vite/-/vite-4.5.1.tgz}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -1520,6 +2384,42 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
+  /vite@5.0.10(@types/node@18.7.16):
+    resolution: {integrity: sha512-2P8J7WWgmc355HUMlFrwofacvr98DAjoE52BfdbwQtyLH06XKwaL/FMnmKM2crF0iX4MpmMKoDlNCB1ok7zHCw==, tarball: https://registry.npmjs.org/vite/-/vite-5.0.10.tgz}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      '@types/node': registry.npmjs.org/@types/node@18.7.16
+      esbuild: 0.19.11
+      postcss: 8.4.32
+      rollup: 4.9.2
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: false
+
   /wrap-ansi@7.0.0:
     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==, tarball: https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz}
     engines: {node: '>=10'}
@@ -1534,6 +2434,10 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==, tarball: https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz}
+    dev: false
+
   /yaml@2.3.4:
     resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==, tarball: https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz}
     engines: {node: '>= 14'}
@@ -2516,59 +3420,6 @@ packages:
       '@nodelib/fs.scandir': registry.npmjs.org/@nodelib/fs.scandir@2.1.5
       fastq: registry.npmjs.org/fastq@1.15.0
 
-  registry.npmjs.org/@playwright/experimental-ct-core@1.39.0(@types/node@18.7.16):
-    resolution: {integrity: sha512-1b/qrlB5A/CdEZns8f2RDkWFmSnGkNyec8n72iinmw07+GHsdMP8fIpazeFB0umxWfo+gPLhkjhTGdB3WXJTBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@playwright/experimental-ct-core/-/experimental-ct-core-1.39.0.tgz}
-    id: registry.npmjs.org/@playwright/experimental-ct-core/1.39.0
-    name: '@playwright/experimental-ct-core'
-    version: 1.39.0
-    engines: {node: '>=16'}
-    hasBin: true
-    dependencies:
-      playwright: registry.npmjs.org/playwright@1.39.0
-      playwright-core: registry.npmjs.org/playwright-core@1.39.0
-      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
-    transitivePeerDependencies:
-      - '@types/node'
-      - less
-      - lightningcss
-      - sass
-      - stylus
-      - sugarss
-      - terser
-    dev: false
-
-  registry.npmjs.org/@playwright/experimental-ct-react@1.39.0(@types/node@18.7.16)(vite@4.5.1):
-    resolution: {integrity: sha512-6GaDVVo6x8P9Jdw3yPbVaEP59nesRsETn3kznHAy+2493VsP3IaVATat2G28z0Sivf/K9Tkh5xRYjiawN0ebgw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@playwright/experimental-ct-react/-/experimental-ct-react-1.39.0.tgz}
-    id: registry.npmjs.org/@playwright/experimental-ct-react/1.39.0
-    name: '@playwright/experimental-ct-react'
-    version: 1.39.0
-    engines: {node: '>=16'}
-    hasBin: true
-    dependencies:
-      '@playwright/experimental-ct-core': registry.npmjs.org/@playwright/experimental-ct-core@1.39.0(@types/node@18.7.16)
-      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.1)
-    transitivePeerDependencies:
-      - '@types/node'
-      - less
-      - lightningcss
-      - sass
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-      - vite
-    dev: false
-
-  registry.npmjs.org/@playwright/test@1.39.0:
-    resolution: {integrity: sha512-3u1iFqgzl7zr004bGPYiN/5EZpRUSFddQBra8Rqll5N0/vfpqlP9I9EXqAoGacuAbX6c9Ulg/Cjqglp5VkK6UQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@playwright/test/-/test-1.39.0.tgz}
-    name: '@playwright/test'
-    version: 1.39.0
-    engines: {node: '>=16'}
-    hasBin: true
-    dependencies:
-      playwright: registry.npmjs.org/playwright@1.39.0
-    dev: true
-
   registry.npmjs.org/@polka/url@1.0.0-next.23:
     resolution: {integrity: sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.23.tgz}
     name: '@polka/url'
@@ -2805,7 +3656,7 @@ packages:
       svelte: registry.npmjs.org/svelte@4.2.2
       tiny-glob: registry.npmjs.org/tiny-glob@0.2.9
       undici: registry.npmjs.org/undici@5.26.5
-      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
+      vite: registry.npmjs.org/vite@4.5.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2862,7 +3713,7 @@ packages:
       '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.2)(vite@4.5.0)
       debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
       svelte: registry.npmjs.org/svelte@4.2.2
-      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
+      vite: registry.npmjs.org/vite@4.5.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2906,7 +3757,7 @@ packages:
       magic-string: registry.npmjs.org/magic-string@0.30.5
       svelte: registry.npmjs.org/svelte@4.2.2
       svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.2)
-      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
+      vite: registry.npmjs.org/vite@4.5.0
       vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
@@ -3956,7 +4807,7 @@ packages:
       vite: ^4
     dependencies:
       '@swc/core': registry.npmjs.org/@swc/core@1.3.96
-      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
+      vite: registry.npmjs.org/vite@4.5.0
     transitivePeerDependencies:
       - '@swc/helpers'
     dev: true
@@ -3975,7 +4826,7 @@ packages:
       '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2)
       '@types/babel__core': registry.npmjs.org/@types/babel__core@7.20.4
       react-refresh: registry.npmjs.org/react-refresh@0.14.0
-      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
+      vite: registry.npmjs.org/vite@4.5.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -4325,7 +5176,7 @@ packages:
       undici: registry.npmjs.org/undici@5.26.5
       unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
       vfile: registry.npmjs.org/vfile@5.3.7
-      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
+      vite: registry.npmjs.org/vite@4.5.0
       vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.5.0)
       which-pm: registry.npmjs.org/which-pm@2.1.1
       yargs-parser: registry.npmjs.org/yargs-parser@21.1.1
@@ -9399,24 +10250,6 @@ packages:
     dependencies:
       find-up: registry.npmjs.org/find-up@4.1.0
 
-  registry.npmjs.org/playwright-core@1.39.0:
-    resolution: {integrity: sha512-+k4pdZgs1qiM+OUkSjx96YiKsXsmb59evFoqv8SKO067qBA+Z2s/dCzJij/ZhdQcs2zlTAgRKfeiiLm8PQ2qvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/playwright-core/-/playwright-core-1.39.0.tgz}
-    name: playwright-core
-    version: 1.39.0
-    engines: {node: '>=16'}
-    hasBin: true
-
-  registry.npmjs.org/playwright@1.39.0:
-    resolution: {integrity: sha512-naE5QT11uC/Oiq0BwZ50gDmy8c8WLPRTEWuSSFVG2egBka/1qMoSqYQcROMT9zLwJ86oPofcTH2jBY/5wWOgIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/playwright/-/playwright-1.39.0.tgz}
-    name: playwright
-    version: 1.39.0
-    engines: {node: '>=16'}
-    hasBin: true
-    dependencies:
-      playwright-core: registry.npmjs.org/playwright-core@1.39.0
-    optionalDependencies:
-      fsevents: 2.3.2
-
   registry.npmjs.org/postcss-calc@9.0.1(postcss@8.4.21):
     resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-calc/-/postcss-calc-9.0.1.tgz}
     id: registry.npmjs.org/postcss-calc/9.0.1
@@ -12463,9 +13296,8 @@ packages:
       vfile-message: registry.npmjs.org/vfile-message@3.1.4
     dev: false
 
-  registry.npmjs.org/vite@4.5.0(@types/node@18.7.16):
+  registry.npmjs.org/vite@4.5.0:
     resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.5.0.tgz}
-    id: registry.npmjs.org/vite/4.5.0
     name: vite
     version: 4.5.0
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -12494,7 +13326,6 @@ packages:
       terser:
         optional: true
     dependencies:
-      '@types/node': registry.npmjs.org/@types/node@18.7.16
       esbuild: registry.npmjs.org/esbuild@0.18.20
       postcss: registry.npmjs.org/postcss@8.4.31
       rollup: registry.npmjs.org/rollup@3.29.4
@@ -12512,7 +13343,7 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: registry.npmjs.org/vite@4.5.0(@types/node@18.7.16)
+      vite: registry.npmjs.org/vite@4.5.0
 
   registry.npmjs.org/vitefu@0.2.5(vite@4.5.1):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz}
diff --git a/tests/playwright/package.json b/tests/playwright/package.json
index af0109dab..f09a13e5e 100644
--- a/tests/playwright/package.json
+++ b/tests/playwright/package.json
@@ -13,11 +13,11 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@playwright/test": "^1.39.0",
+    "@playwright/test": "^1.40.1",
     "@types/node": "^18.7.16"
   },
   "dependencies": {
-    "@playwright/experimental-ct-react": "^1.39.0",
+    "@playwright/experimental-ct-react": "^1.40.1",
     "@types/react": "^18.2.31",
     "@types/react-dom": "^18.2.14",
     "react": "^18.2.0",

From 266d10824a176d7463ee4b773bac07a521c6042f Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Wed, 3 Jan 2024 16:15:18 +0100
Subject: [PATCH 0452/1093] chore(react): update changelog

---
 packages/react/CHANGELOG.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 787b7fbc2..2f973ddb6 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -47,15 +47,15 @@ Now that you successfully migrated to v12, you can use all the fancy features. A
 There is more! Besides the new main features, we added some minor things that were on our list for a long time. We also started to use TS docs for better docs. We already started to add some docs for some types and hooks which should improve the developer experience.
 
 - **`useConnection` hook:** This hook makes it possible to handle an ongoing connection. For example, you can use it for colorizing handles.
-- **`onDelete`** **handler**: We added a combined handler for `onDeleteNodes` and `onDeleteEdges` to make it easier to react to deletions.
-- `**isValidConnection` prop:** This makes it possible to implement one validation function for all connections. It also gets called for programatically added edges. ****
+- **`onDelete` handler**: We added a combined handler for `onDeleteNodes` and `onDeleteEdges` to make it easier to react to deletions.
+- **`isValidConnection` prop:** This makes it possible to implement one validation function for all connections. It also gets called for programatically added edges.
 - **Controlled `viewport`:** This is definitely an advanced feature. Possible use cases are to animate the viewport or round the transform for lower res screens for example. This features brings two new props: `viewport` and `onViewportChange`.
-- `**ViewportPortal` component:** This makes it possible to render elements in the viewport without the need to implement a custom node.
+- **`ViewportPortal` component:** This makes it possible to render elements in the viewport without the need to implement a custom node.
 - **Background component**: add `patternClassName` to be able to style the background pattern by using a class name. This is useful if you want to style the background pattern with Tailwind for example.
-- `**onMove` callback** gets triggered for library-invoked viewport updates (like fitView or zoom-in)
-- `**deleteElements**` now returns deleted nodes and deleted edges
-- add `**origin` attribute** for nodes
-- add `**selectable` attribute** for edges
+- **`onMove` callback** gets triggered for library-invoked viewport updates (like fitView or zoom-in)
+- **`deleteElements`** now returns deleted nodes and deleted edges
+- add **`origin` attribute** for nodes
+- add **`selectable` attribute** for edges
 - Correct types for `BezierEdge`, `StepEdge`, `SmoothStepEdge` and `StraightEdge` components
 - New edges created by the library only have `sourceHandle` and `targetHandle` attributes when those attributes are set. (We used to pass `sourceHandle: null` and `targetHandle: null`)
 - Edges do not mount/unmount when their z-index change

From 0aad2488e0abae4f137d4b7679be5a8e87992b23 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 3 Jan 2024 23:53:51 +0100
Subject: [PATCH 0453/1093] chore(package): bump

---
 .npmrc                              | 1 -
 packages/react/package.json         | 2 +-
 packages/svelte/CHANGELOG.md        | 6 ++++++
 packages/svelte/package.json        | 2 +-
 packages/system/src/styles/init.css | 4 ++++
 5 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/.npmrc b/.npmrc
index 8d10578aa..acb88cc76 100644
--- a/.npmrc
+++ b/.npmrc
@@ -1,3 +1,2 @@
-registry="https://registry.npmjs.com/"
 legacy-peer-deps=true
 strict-peer-dependencies=false
\ No newline at end of file
diff --git a/packages/react/package.json b/packages/react/package.json
index 183968996..fbc80b3ba 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.0",
+  "version": "12.0.0-next.1",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 5d9d12c00..3ad76c897 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/svelte
 
+## 0.0.31
+
+### Bugfix
+
+- fix edge rendering
+
 ## 0.0.30
 
 ### Features
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 1d0d6a4a7..6ea20c87d 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index f2664e499..261d94676 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -104,6 +104,10 @@
   fill: none;
 }
 
+.xy-flow__edges {
+  position: absolute;
+}
+
 .xy-flow__edge {
   pointer-events: visibleStroke;
   cursor: pointer;

From 0717a4497857ae6cc89820133ee470bd99112ffa Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 4 Jan 2024 00:00:23 +0100
Subject: [PATCH 0454/1093] chore(changelog): add csb links

---
 packages/react/CHANGELOG.md | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 2f973ddb6..63b7e23ef 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/react
 
+## 12.0.0-next.1
+
+### Minor changes
+
+- fix edge rendering
+
 ## 12.0.0-next.0
 
 React Flow v12 is coming soon! We worked hard over the past months and tried to make as few breaking changes as possible (there are some). We are in no rush to release v12, so we’d be happy to hear any early feedback so we can adjust the API or redefine new features before launching stable v12. 🚀 The big topics for this version are:
@@ -35,11 +41,11 @@ Before you can try out the new features, you need to do some minor updates:
 
 Now that you successfully migrated to v12, you can use all the fancy features. As mentioned above, the biggest updates for v12 are:
 
-- **SSR / SSG**: you can define `width`, `height` and `handles` for the nodes. This makes it possible to render a flow on the server and hydrate on the client.  TODO: ADD LINK
+- **SSR / SSG**: you can define `width`, `height` and `handles` for the nodes. This makes it possible to render a flow on the server and hydrate on the client: [codesandbox](https://codesandbox.io/p/devbox/reactflow-v12-next-pr66yh)
     - Details: In v11, `width` and `height` were set by the library as soon as the nodes got measured. This still happens, but we are now using `computed.width` and `computed.height` to store this information. The `positionAbsolute` attribute also gets stored in `computed` . In the previous versions there was always a lot of confusion about `width` and `height`. It’s hard to understand, that you can’t use it for passing an actual width or height. It’s also not obvious that those attributes get added by the library. We think that the new implementation solves both of the problems: `width` and `height` are optional attributes that can be used to define dimensions and everything that is set by the library, is stored in `computed`.
-- **Reactive Flows:** The new hooks `useHandleConnections` and `useNodesData` and the new `updateNode` and `updateNodeData` functions can be used for managing the data flow between your nodes. TODO: ADD LINK
+- **Reactive Flows:** The new hooks `useHandleConnections` and `useNodesData` and the new `updateNode` and `updateNodeData` functions can be used for managing the data flow between your nodes: [codesandbox](https://codesandbox.io/p/sandbox/reactflow-reactive-flow-sy93yx)
     - Details: Working with reactive flows is super common.  You update node A and want to react on those changes in the connected node B. Until now everyone had to come up with a custom solution. With this version we want to change this and give you performant helpers to handle this. If you are excited about this, you can check out this example:
-- **Dark mode and css variables:** React Flow now comes with a built-in dark mode, that can be toggled by using the new `colorMode` prop (”light”, “dark” or “system”).  TODO: ADD LINK
+- **Dark mode and css variables:** React Flow now comes with a built-in dark mode, that can be toggled by using the new `colorMode` prop (”light”, “dark” or “system”): [codesandbox](https://codesandbox.io/p/sandbox/reactflow-dark-mode-256l99)
     - Details: With this version we want to make it easier to switch between dark and light modes and give you a better starting point for dark flows. If you pass colorMode=”dark”, we add the class name “dark” to the wrapper and use it to adjust the styling. To make the implementation for this new feature easier on our ends, we switched to CSS variables for most of the styles. These variables can also be used in user land to customize a flow.
 
 ### More features and updates

From bd9db5439dda6a096847606de9fb87800485c816 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 4 Jan 2024 00:07:22 +0100
Subject: [PATCH 0455/1093] chore(changelog): add node update info

---
 packages/react/CHANGELOG.md | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 63b7e23ef..fb1ff1063 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -20,14 +20,29 @@ Svelte Flow had a big impact on this release as well. While combing through each
 
 Before you can try out the new features, you need to do some minor updates:
 
-- **A new npm package name**: Our name changed from `reactflow` to `@xyflow/react` and the main component is no longer a default, but a named import:
+- **A new npm package name:** Our name changed from `reactflow` to `@xyflow/react` and the main component is no longer a default, but a named import:
     - v11: `import ReactFlow from 'reactflow';`
     - v12: `import { ReactFlow } from '@xyflow/react';`
 - **Node attribute “computed”:** All computed node values are now stored in `node.computed`
     - v11: `node.width`, `node.height` ,`node.positionAbsolute`
     - v12:  `node.computed.width`, `node.computed.height` and `node.computed.positionAbsolute` . (`node.width`/ `node.height` can now be used for SSG)
+- **Updating nodes:** We are not supporting node updates with object mutations anymore. If you want to update a certain attribute, you need to create a new node.
+    - v11: 
+      ```js
+        setNodes(nds => nds.map((node) => {
+          node.hidden = true;
+          return node;
+        }));
+      ```
+    - v12: 
+      ```js
+        setNodes(nds => nds.map((node) => ({
+          ...node,
+          hidden: true
+        })));
+      ```
 - **NodeProps:** `posX`/`posY` is now called `positionAbsoluteX`/`positionAbsoluteY`
-- **Typescript only**: We simplified types and fixed issues about functions where users could pass a `NodeData` generic. The new way is to define your own node type for the whole app and then only use that one. The big advantage of this is, that you can have multiple node types with different data structures and always be able to distinguish by checking the `node.type` attribute.
+- **Typescript only:** We simplified types and fixed issues about functions where users could pass a `NodeData` generic. The new way is to define your own node type for the whole app and then only use that one. The big advantage of this is, that you can have multiple node types with different data structures and always be able to distinguish by checking the `node.type` attribute.
     - v11: `applyNodeChange<NodeData, NodeType>`
     - v12: `type MyNodeType = Node<{ value: number }, ‘number’> | Node<{ value: string }, ‘text’>; applyNodeChange<MyNodeType>`
     - affected functions: `useNodes`, `useNodesState`, `useEdgesState`, `applyNodeChange`, `onInit`, `applyEdgeChanges` , `MiniMapProps`

From c48bddd71dea16687db33801ef17a66f8bcbba5b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 4 Jan 2024 09:07:57 +0100
Subject: [PATCH 0456/1093] fix(react): multi handles

---
 packages/react/CHANGELOG.md                   | 71 ++++++++++---------
 .../src/components/EdgeWrapper/index.tsx      | 16 ++---
 packages/react/src/types/edges.ts             |  2 -
 3 files changed, 44 insertions(+), 45 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index fb1ff1063..0ccc2ae0a 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -14,54 +14,58 @@ React Flow v12 is coming soon! We worked hard over the past months and tried to
 2. **Reactive flows**: new hooks and helper functions to simplify data flows
 3. **Dark mode**: a new base style and easy way to switch between built in color modes
 
-Svelte Flow had a big impact on this release as well. While combing through each line of React Flow, we created framework agnostic helpers, found bugs, and made some under the hood improvements.  All of these changes are baked into the v12 release as a welcome side-effect of that launch. 🙌🏻 We also improved the performance for larger flows with the help of Ivan.
+Svelte Flow had a big impact on this release as well. While combing through each line of React Flow, we created framework agnostic helpers, found bugs, and made some under the hood improvements. All of these changes are baked into the v12 release as a welcome side-effect of that launch. 🙌🏻 We also improved the performance for larger flows with the help of Ivan.
 
 ### Migrate from 11 to 12
 
 Before you can try out the new features, you need to do some minor updates:
 
 - **A new npm package name:** Our name changed from `reactflow` to `@xyflow/react` and the main component is no longer a default, but a named import:
-    - v11: `import ReactFlow from 'reactflow';`
-    - v12: `import { ReactFlow } from '@xyflow/react';`
+  - v11: `import { ReactFlow } from '@xyflow/react';`
+  - v12: `import { ReactFlow } from '@xyflow/react';`
 - **Node attribute “computed”:** All computed node values are now stored in `node.computed`
-    - v11: `node.width`, `node.height` ,`node.positionAbsolute`
-    - v12:  `node.computed.width`, `node.computed.height` and `node.computed.positionAbsolute` . (`node.width`/ `node.height` can now be used for SSG)
+  - v11: `node.width`, `node.height` ,`node.positionAbsolute`
+  - v12: `node.computed.width`, `node.computed.height` and `node.computed.positionAbsolute` . (`node.width`/ `node.height` can now be used for SSG)
 - **Updating nodes:** We are not supporting node updates with object mutations anymore. If you want to update a certain attribute, you need to create a new node.
-    - v11: 
-      ```js
-        setNodes(nds => nds.map((node) => {
-          node.hidden = true;
-          return node;
-        }));
-      ```
-    - v12: 
-      ```js
-        setNodes(nds => nds.map((node) => ({
-          ...node,
-          hidden: true
-        })));
-      ```
+  - v11:
+    ```js
+    setNodes((nds) =>
+      nds.map((node) => {
+        node.hidden = true;
+        return node;
+      })
+    );
+    ```
+  - v12:
+    ```js
+    setNodes((nds) =>
+      nds.map((node) => ({
+        ...node,
+        hidden: true,
+      }))
+    );
+    ```
 - **NodeProps:** `posX`/`posY` is now called `positionAbsoluteX`/`positionAbsoluteY`
 - **Typescript only:** We simplified types and fixed issues about functions where users could pass a `NodeData` generic. The new way is to define your own node type for the whole app and then only use that one. The big advantage of this is, that you can have multiple node types with different data structures and always be able to distinguish by checking the `node.type` attribute.
-    - v11: `applyNodeChange<NodeData, NodeType>`
-    - v12: `type MyNodeType = Node<{ value: number }, ‘number’> | Node<{ value: string }, ‘text’>; applyNodeChange<MyNodeType>`
-    - affected functions: `useNodes`, `useNodesState`, `useEdgesState`, `applyNodeChange`, `onInit`, `applyEdgeChanges` , `MiniMapProps`
+  - v11: `applyNodeChange<NodeData, NodeType>`
+  - v12: `type MyNodeType = Node<{ value: number }, ‘number’> | Node<{ value: string }, ‘text’>; applyNodeChange<MyNodeType>`
+  - affected functions: `useNodes`, `useNodesState`, `useEdgesState`, `applyNodeChange`, `onInit`, `applyEdgeChanges` , `MiniMapProps`
 - **Removal of deprecated functions:**
-    - `getTransformForBounds` (new name: `getViewportForBounds`),
-    - `getRectOfNodes` ****(new name: `getNodesBounds`)
-    - `project` (new name: `screenToFlowPosition`)
-    - `getMarkerEndId`
+  - `getTransformForBounds` (new name: `getViewportForBounds`),
+  - `getRectOfNodes` \*\*\*\*(new name: `getNodesBounds`)
+  - `project` (new name: `screenToFlowPosition`)
+  - `getMarkerEndId`
 
 ### Main features
 
 Now that you successfully migrated to v12, you can use all the fancy features. As mentioned above, the biggest updates for v12 are:
 
 - **SSR / SSG**: you can define `width`, `height` and `handles` for the nodes. This makes it possible to render a flow on the server and hydrate on the client: [codesandbox](https://codesandbox.io/p/devbox/reactflow-v12-next-pr66yh)
-    - Details: In v11, `width` and `height` were set by the library as soon as the nodes got measured. This still happens, but we are now using `computed.width` and `computed.height` to store this information. The `positionAbsolute` attribute also gets stored in `computed` . In the previous versions there was always a lot of confusion about `width` and `height`. It’s hard to understand, that you can’t use it for passing an actual width or height. It’s also not obvious that those attributes get added by the library. We think that the new implementation solves both of the problems: `width` and `height` are optional attributes that can be used to define dimensions and everything that is set by the library, is stored in `computed`.
+  - Details: In v11, `width` and `height` were set by the library as soon as the nodes got measured. This still happens, but we are now using `computed.width` and `computed.height` to store this information. The `positionAbsolute` attribute also gets stored in `computed` . In the previous versions there was always a lot of confusion about `width` and `height`. It’s hard to understand, that you can’t use it for passing an actual width or height. It’s also not obvious that those attributes get added by the library. We think that the new implementation solves both of the problems: `width` and `height` are optional attributes that can be used to define dimensions and everything that is set by the library, is stored in `computed`.
 - **Reactive Flows:** The new hooks `useHandleConnections` and `useNodesData` and the new `updateNode` and `updateNodeData` functions can be used for managing the data flow between your nodes: [codesandbox](https://codesandbox.io/p/sandbox/reactflow-reactive-flow-sy93yx)
-    - Details: Working with reactive flows is super common.  You update node A and want to react on those changes in the connected node B. Until now everyone had to come up with a custom solution. With this version we want to change this and give you performant helpers to handle this. If you are excited about this, you can check out this example:
+  - Details: Working with reactive flows is super common. You update node A and want to react on those changes in the connected node B. Until now everyone had to come up with a custom solution. With this version we want to change this and give you performant helpers to handle this. If you are excited about this, you can check out this example:
 - **Dark mode and css variables:** React Flow now comes with a built-in dark mode, that can be toggled by using the new `colorMode` prop (”light”, “dark” or “system”): [codesandbox](https://codesandbox.io/p/sandbox/reactflow-dark-mode-256l99)
-    - Details: With this version we want to make it easier to switch between dark and light modes and give you a better starting point for dark flows. If you pass colorMode=”dark”, we add the class name “dark” to the wrapper and use it to adjust the styling. To make the implementation for this new feature easier on our ends, we switched to CSS variables for most of the styles. These variables can also be used in user land to customize a flow.
+  - Details: With this version we want to make it easier to switch between dark and light modes and give you a better starting point for dark flows. If you pass colorMode=”dark”, we add the class name “dark” to the wrapper and use it to adjust the styling. To make the implementation for this new feature easier on our ends, we switched to CSS variables for most of the styles. These variables can also be used in user land to customize a flow.
 
 ### More features and updates
 
@@ -86,12 +90,11 @@ There is more! Besides the new main features, we added some minor things that we
 These changes are not really user-facing, but it could be important for folks who are working with the React Flow store:
 
 - The biggest internal change is that we created a new package **@xyflow/system with framework agnostic helpers** that can be used be React Flow and Svelte Flow
-    - **XYDrag** for handling dragging node(s) and selection
-    - **XYPanZoom** for controlling the viewport panning and zooming
-    - **XYHandle** for managing new connections
+  - **XYDrag** for handling dragging node(s) and selection
+  - **XYPanZoom** for controlling the viewport panning and zooming
+  - **XYHandle** for managing new connections
 - We replaced the `nodeInternals` map with a `nodes` array. We added a new `nodeLookup` map that serves as a lookup, but we are not creating a new map object on any change so it’s really only useful as a lookup.
 - We removed `connectionNodeId`, `connectionHandleId`, `connectionHandleType` from the store and added `connectionStartHandle.nodeId`, `connectionStartHandle.handleId`, …
 - add `data-id` to edges
 
-
-__With v12 the `reactflow` package was renamed to `@xyflow/react` - you can find the v11 source and the [`reactflow` changelog](https://github.com/xyflow/xyflow/blob/v11/packages/reactflow/CHANGELOG.md) on the v11 branch.__
+**With v12 the `reactflow` package was renamed to `@xyflow/react` - you can find the v11 source and the [`reactflow` changelog](https://github.com/xyflow/xyflow/blob/v11/packages/reactflow/CHANGELOG.md) on the v11 branch.**
diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index 2a30116b0..9d96948c6 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -22,8 +22,6 @@ function EdgeWrapper({
   elementsSelectable,
   onClick,
   onDoubleClick,
-  sourceHandleId,
-  targetHandleId,
   onContextMenu,
   onMouseEnter,
   onMouseMove,
@@ -78,8 +76,8 @@ function EdgeWrapper({
           id,
           sourceNode,
           targetNode,
-          sourceHandle: sourceHandleId || null,
-          targetHandle: targetHandleId || null,
+          sourceHandle: edge.sourceHandle || null,
+          targetHandle: edge.targetHandle || null,
           connectionMode: store.connectionMode,
           onError,
         });
@@ -97,7 +95,7 @@ function EdgeWrapper({
           ...(edgePosition || nullPosition),
         };
       },
-      [edge.source, edge.target, edge.selected, edge.zIndex]
+      [edge.source, edge.target, edge.sourceHandle, edge.targetHandle, edge.selected, edge.zIndex]
     ),
     shallow
   );
@@ -228,8 +226,8 @@ function EdgeWrapper({
             targetPosition={targetPosition}
             data={edge.data}
             style={edge.style}
-            sourceHandleId={sourceHandleId}
-            targetHandleId={targetHandleId}
+            sourceHandleId={edge.sourceHandle}
+            targetHandleId={edge.targetHandle}
             markerStart={markerStartUrl}
             markerEnd={markerEndUrl}
             pathOptions={'pathOptions' in edge ? edge.pathOptions : undefined}
@@ -252,8 +250,8 @@ function EdgeWrapper({
             targetPosition={targetPosition}
             setUpdateHover={setUpdateHover}
             setUpdating={setUpdating}
-            sourceHandleId={sourceHandleId}
-            targetHandleId={targetHandleId}
+            sourceHandleId={edge.sourceHandle}
+            targetHandleId={edge.targetHandle}
           />
         )}
       </g>
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index dce491933..b65b78c39 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -69,8 +69,6 @@ export type EdgeWrapperProps = {
   noPanClassName: string;
   onClick?: EdgeMouseHandler;
   onDoubleClick?: EdgeMouseHandler;
-  sourceHandleId?: string | null;
-  targetHandleId?: string | null;
   onEdgeUpdate?: OnEdgeUpdateFunc;
   onContextMenu?: EdgeMouseHandler;
   onMouseEnter?: EdgeMouseHandler;

From 9e0f974525e9ffb82feac39a6e4306939c77fadf Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 4 Jan 2024 09:19:39 +0100
Subject: [PATCH 0457/1093] fix(react): connectionline

---
 .../react/src/components/ConnectionLine/index.tsx |  2 +-
 .../react/src/container/EdgeRenderer/index.tsx    |  2 +-
 packages/react/src/container/GraphView/index.tsx  | 15 +++++++--------
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/packages/react/src/components/ConnectionLine/index.tsx b/packages/react/src/components/ConnectionLine/index.tsx
index bdf730892..143ec6eff 100644
--- a/packages/react/src/components/ConnectionLine/index.tsx
+++ b/packages/react/src/components/ConnectionLine/index.tsx
@@ -155,7 +155,7 @@ function ConnectionLineWrapper({ containerStyle, style, type, component }: Conne
       style={containerStyle}
       width={width}
       height={height}
-      className="react-flow__edges react-flow__connectionline react-flow__container"
+      className="react-flow__connectionline react-flow__container"
     >
       <g className={cc(['react-flow__connection', connectionStatus])}>
         <ConnectionLine
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index 9c289c871..ef78ed807 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -27,7 +27,7 @@ type EdgeRendererProps = Pick<
   | 'disableKeyboardA11y'
   | 'edgeTypes'
 > & {
-  children: ReactNode;
+  children?: ReactNode;
 };
 
 const selector = (s: ReactFlowState) => ({
diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index e311bc7fa..8ff190287 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -165,14 +165,13 @@ const GraphView = ({
           noPanClassName={noPanClassName}
           disableKeyboardA11y={disableKeyboardA11y}
           rfId={rfId}
-        >
-          <ConnectionLine
-            style={connectionLineStyle}
-            type={connectionLineType}
-            component={connectionLineComponent}
-            containerStyle={connectionLineContainerStyle}
-          />
-        </EdgeRenderer>
+        />
+        <ConnectionLine
+          style={connectionLineStyle}
+          type={connectionLineType}
+          component={connectionLineComponent}
+          containerStyle={connectionLineContainerStyle}
+        />
         <div className="react-flow__edgelabel-renderer" />
         <div className="react-flow__viewport-portal" />
         <NodeRenderer

From e6bee0aae62e8e46a834968c9e29c2842bc485be Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 4 Jan 2024 13:53:36 +0100
Subject: [PATCH 0458/1093] fix(react): edge styles

---
 packages/react/CHANGELOG.md                         | 13 +++++++++++++
 packages/react/package.json                         |  2 +-
 .../components/EdgeWrapper/EdgeUpdateAnchors.tsx    |  4 ++--
 packages/system/src/styles/init.css                 |  8 +++++++-
 packages/system/src/styles/style.css                |  6 ------
 5 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 0ccc2ae0a..4f04aa2b0 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,18 @@
 # @xyflow/react
 
+## 12.0.0-next.3
+
+### Minor changes
+
+- fix edges styles when using base.css
+
+## 12.0.0-next.2
+
+### Minor changes
+
+- fix connection line rendering
+- fix multi handle
+
 ## 12.0.0-next.1
 
 ### Minor changes
diff --git a/packages/react/package.json b/packages/react/package.json
index fbc80b3ba..9bd903507 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.1",
+  "version": "12.0.0-next.3",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
index 8f6ddfe31..57c81724e 100644
--- a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
+++ b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
@@ -9,8 +9,8 @@ type EdgeUpdateAnchorsProps = {
   edge: Edge;
   isUpdatable: boolean | 'source' | 'target';
   edgeUpdaterRadius: EdgeWrapperProps['edgeUpdaterRadius'];
-  sourceHandleId: EdgeWrapperProps['sourceHandleId'];
-  targetHandleId: EdgeWrapperProps['targetHandleId'];
+  sourceHandleId: Edge['sourceHandle'];
+  targetHandleId: Edge['targetHandle'];
   onEdgeUpdate: EdgeWrapperProps['onEdgeUpdate'];
   onEdgeUpdateStart: EdgeWrapperProps['onEdgeUpdateStart'];
   onEdgeUpdateEnd: EdgeWrapperProps['onEdgeUpdateEnd'];
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 261d94676..a688f6b96 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -106,6 +106,12 @@
 
 .xy-flow__edges {
   position: absolute;
+
+  svg {
+    overflow: visible;
+    position: absolute;
+    pointer-events: none;
+  }
 }
 
 .xy-flow__edge {
@@ -156,7 +162,7 @@
   }
 }
 
-.xy-flow__connectionline {
+svg.xy-flow__connectionline {
   z-index: 1001;
   overflow: visible;
   position: absolute;
diff --git a/packages/system/src/styles/style.css b/packages/system/src/styles/style.css
index 6cd4978d5..880ebaf76 100644
--- a/packages/system/src/styles/style.css
+++ b/packages/system/src/styles/style.css
@@ -43,12 +43,6 @@
   --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
 }
 
-.xy-flow__edges svg {
-  overflow: visible;
-  position: absolute;
-  pointer-events: none;
-}
-
 .xy-flow__edge {
   &.updating {
     .xy-flow__edge-path {

From 296cc15fc14629e0714c73b08ba0c2f759469e33 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 4 Jan 2024 21:43:04 +0100
Subject: [PATCH 0459/1093] Naive copy&paste implementation of node resizer in
 svelte, some stuff pulled out to system

---
 .../examples/NodeResizer/DefaultResizer.tsx   |     2 +-
 .../src/components/Header/Header.svelte       |     3 +-
 .../routes/examples/node-resizer/+page.svelte |   128 +
 .../node-resizer/CustomResizer.svelte         |    42 +
 .../node-resizer/DefaultResizer.svelte        |    24 +
 .../node-resizer/HorizontalResizer.svelte     |    37 +
 .../examples/node-resizer/ResizeIcon.tsx      |    24 +
 .../node-resizer/VerticalResizer.svelte       |    37 +
 .../NodeResizer/NodeResizer.tsx               |    10 +-
 .../NodeResizer/ResizeControl.tsx             |    11 +-
 .../NodeResizer/types.ts                      |    42 +-
 .../NodeResizer/utils.ts                      |    26 -
 packages/svelte/package.json                  |     6 +-
 packages/svelte/src/lib/index.ts              |     1 +
 .../plugins/NodeResizer/NodeResizer.svelte    |    75 +
 .../plugins/NodeResizer/ResizeControl.svelte  |   234 +
 .../src/lib/plugins/NodeResizer/index.ts      |     2 +
 .../src/lib/plugins/NodeResizer/types.ts      |    57 +
 packages/svelte/src/styles/style.css          |     1 +
 packages/system/src/index.ts                  |     1 +
 packages/system/src/xyresizer/index.ts        |    76 +
 pnpm-lock.yaml                                | 14561 ++++++----------
 22 files changed, 6325 insertions(+), 9075 deletions(-)
 create mode 100644 examples/svelte/src/routes/examples/node-resizer/+page.svelte
 create mode 100644 examples/svelte/src/routes/examples/node-resizer/CustomResizer.svelte
 create mode 100644 examples/svelte/src/routes/examples/node-resizer/DefaultResizer.svelte
 create mode 100644 examples/svelte/src/routes/examples/node-resizer/HorizontalResizer.svelte
 create mode 100644 examples/svelte/src/routes/examples/node-resizer/ResizeIcon.tsx
 create mode 100644 examples/svelte/src/routes/examples/node-resizer/VerticalResizer.svelte
 delete mode 100644 packages/react/src/additional-components/NodeResizer/utils.ts
 create mode 100644 packages/svelte/src/lib/plugins/NodeResizer/NodeResizer.svelte
 create mode 100644 packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
 create mode 100644 packages/svelte/src/lib/plugins/NodeResizer/index.ts
 create mode 100644 packages/svelte/src/lib/plugins/NodeResizer/types.ts
 create mode 100644 packages/system/src/xyresizer/index.ts

diff --git a/examples/react/src/examples/NodeResizer/DefaultResizer.tsx b/examples/react/src/examples/NodeResizer/DefaultResizer.tsx
index 702b5c0fb..a3532a8f0 100644
--- a/examples/react/src/examples/NodeResizer/DefaultResizer.tsx
+++ b/examples/react/src/examples/NodeResizer/DefaultResizer.tsx
@@ -9,7 +9,7 @@ const DefaultResizerNode: FC<NodeProps> = ({ data, selected }) => {
         maxWidth={data.maxWidth ?? undefined}
         minHeight={data.minHeight ?? undefined}
         maxHeight={data.maxHeight ?? undefined}
-        isVisible={data.isVisible ?? selected}
+        isVisible={data.isVisible ?? !!selected}
         shouldResize={data.shouldResize ?? undefined}
         onResizeStart={data.onResizeStart ?? undefined}
         onResize={data.onResize ?? undefined}
diff --git a/examples/svelte/src/components/Header/Header.svelte b/examples/svelte/src/components/Header/Header.svelte
index 9d67f0491..a6f046d58 100644
--- a/examples/svelte/src/components/Header/Header.svelte
+++ b/examples/svelte/src/components/Header/Header.svelte
@@ -22,7 +22,8 @@
 		'usenodesdata',
 		'usesvelteflow',
 		'useupdatenodeinternals',
-		'validation'
+		'validation',
+		'node-resizer'
 	];
 
 	const onChange = (event: Event) => {
diff --git a/examples/svelte/src/routes/examples/node-resizer/+page.svelte b/examples/svelte/src/routes/examples/node-resizer/+page.svelte
new file mode 100644
index 000000000..61257ee10
--- /dev/null
+++ b/examples/svelte/src/routes/examples/node-resizer/+page.svelte
@@ -0,0 +1,128 @@
+<script lang="ts">
+	import { SvelteFlow, Controls, Panel, type Node, type Edge } from '@xyflow/svelte';
+
+	import DefaultResizer from './DefaultResizer.svelte';
+	import CustomResizer from './CustomResizer.svelte';
+	import VerticalResizer from './VerticalResizer.svelte';
+	import HorizontalResizer from './HorizontalResizer.svelte';
+	import { writable } from 'svelte/store';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodeTypes = {
+		defaultResizer: DefaultResizer,
+		customResizer: CustomResizer,
+		verticalResizer: VerticalResizer,
+		horizontalResizer: HorizontalResizer
+	};
+
+	const nodeStyle = 'border: 1px solid #222; font-size: 10px; background-color: #ddd;';
+
+	const edges = writable<Edge[]>([]);
+
+	const nodes = writable<Node[]>([
+		{
+			id: '1',
+			type: 'defaultResizer',
+			data: { label: 'default resizer' },
+			position: { x: 0, y: 0 },
+			style: nodeStyle
+		},
+		{
+			id: '1a',
+			type: 'defaultResizer',
+			data: {
+				label: 'default resizer with min and max dimensions',
+				minWidth: 100,
+				minHeight: 80,
+				maxWidth: 200,
+				maxHeight: 200
+			},
+			position: { x: 0, y: 60 },
+			style: nodeStyle + ' width: 100px; height: 80px;'
+		},
+		{
+			id: '1b',
+			type: 'defaultResizer',
+			data: {
+				label: 'default resizer with initial size and aspect ratio',
+				keepAspectRatio: true,
+				minWidth: 100,
+				minHeight: 60,
+				maxWidth: 400,
+				maxHeight: 400
+			},
+			position: { x: 250, y: 0 },
+			style: nodeStyle + ' width: 174px; height: 123px;'
+		},
+		{
+			id: '2',
+			type: 'customResizer',
+			data: { label: 'custom resize icon' },
+			position: { x: 0, y: 200 },
+			style: nodeStyle + ' width: 100px; height: 60px;'
+		},
+		{
+			id: '3',
+			type: 'verticalResizer',
+			data: { label: 'vertical resizer' },
+			position: { x: 250, y: 200 },
+			style: nodeStyle
+		},
+		{
+			id: '3a',
+			type: 'verticalResizer',
+			data: {
+				label: 'vertical resizer with min/maxHeight and aspect ratio',
+				minHeight: 50,
+				maxHeight: 200,
+				keepAspectRatio: true
+			},
+			position: { x: 400, y: 200 },
+			style: nodeStyle + ' height: 50px;'
+		},
+		{
+			id: '4',
+			type: 'horizontalResizer',
+			data: {
+				label: 'horizontal resizer with aspect ratio',
+				keepAspectRatio: true,
+				minHeight: 20,
+				maxHeight: 80,
+				maxWidth: 300
+			},
+			position: { x: 250, y: 300 },
+			style: nodeStyle
+		},
+		{
+			id: '4a',
+			type: 'horizontalResizer',
+			data: { label: 'horizontal resizer with maxWidth', maxWidth: 300 },
+			position: { x: 250, y: 400 },
+			style: nodeStyle
+		}
+	]);
+
+	let snapToGrid = false;
+</script>
+
+<SvelteFlow
+	{nodes}
+	{edges}
+	{nodeTypes}
+	minZoom={0.2}
+	maxZoom={5}
+	snapGrid={snapToGrid ? [10, 10] : undefined}
+	fitView
+>
+	<Controls />
+	<Panel position="bottom-right">
+		<button
+			on:click={() => {
+				snapToGrid = !snapToGrid;
+			}}
+		>
+			snapToGrid: {snapToGrid ? 'on' : 'off'}
+		</button>
+	</Panel>
+</SvelteFlow>
diff --git a/examples/svelte/src/routes/examples/node-resizer/CustomResizer.svelte b/examples/svelte/src/routes/examples/node-resizer/CustomResizer.svelte
new file mode 100644
index 000000000..7a5fd9007
--- /dev/null
+++ b/examples/svelte/src/routes/examples/node-resizer/CustomResizer.svelte
@@ -0,0 +1,42 @@
+<script lang="ts">
+	import { Handle, Position, type NodeProps, NodeResizeControl } from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+
+	export let data: $$Props['data'] = undefined;
+</script>
+
+<NodeResizeControl
+	minWidth={data.minWidth ?? undefined}
+	maxWidth={data.maxWidth ?? undefined}
+	minHeight={data.minHeight ?? undefined}
+	maxHeight={data.maxHeight ?? undefined}
+	shouldResize={data.shouldResize ?? undefined}
+	onResizeStart={data.onResizeStart ?? undefined}
+	onResize={data.onResize ?? undefined}
+	onResizeEnd={data.onResizeEnd ?? undefined}
+	keepAspectRatio={data.keepAspectRatio ?? undefined}
+	style="background: transparent; border: none;"
+>
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width="8"
+		height="8"
+		viewBox="0 0 24 24"
+		stroke-width="2"
+		stroke="currentColor"
+		fill="none"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		style="position: absolute; right: 2px; bottom: 2px;"
+	>
+		<path stroke="none" d="M0 0h24v24H0z" fill="none" />
+		<polyline points="16 20 20 20 20 16" />
+		<line x1="14" y1="14" x2="20" y2="20" />
+		<polyline points="8 4 4 4 4 8" />
+		<line x1="4" y1="4" x2="10" y2="10" />
+	</svg>
+</NodeResizeControl>
+<Handle type="target" position={Position.Left} />
+<div>{data.label}</div>
+<Handle type="source" position={Position.Right} />
diff --git a/examples/svelte/src/routes/examples/node-resizer/DefaultResizer.svelte b/examples/svelte/src/routes/examples/node-resizer/DefaultResizer.svelte
new file mode 100644
index 000000000..bdc7de2be
--- /dev/null
+++ b/examples/svelte/src/routes/examples/node-resizer/DefaultResizer.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { Handle, NodeResizer, Position, type NodeProps } from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+
+	export let data: $$Props['data'] = undefined;
+	export let selected: $$Props['selected'] = undefined;
+</script>
+
+<NodeResizer
+	minWidth={data.minWidth ?? undefined}
+	maxWidth={data.maxWidth ?? undefined}
+	minHeight={data.minHeight ?? undefined}
+	maxHeight={data.maxHeight ?? undefined}
+	isVisible={data.isVisible ?? !!selected}
+	shouldResize={data.shouldResize ?? undefined}
+	onResizeStart={data.onResizeStart ?? undefined}
+	onResize={data.onResize ?? undefined}
+	onResizeEnd={data.onResizeEnd ?? undefined}
+	keepAspectRatio={data.keepAspectRatio ?? undefined}
+/>
+<Handle type="target" position={Position.Left} />
+<div>{data.label}</div>
+<Handle type="source" position={Position.Right} />
diff --git a/examples/svelte/src/routes/examples/node-resizer/HorizontalResizer.svelte b/examples/svelte/src/routes/examples/node-resizer/HorizontalResizer.svelte
new file mode 100644
index 000000000..4942e511a
--- /dev/null
+++ b/examples/svelte/src/routes/examples/node-resizer/HorizontalResizer.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+	import { Handle, NodeResizeControl, Position, type NodeProps } from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+
+	export let data: $$Props['data'] = undefined;
+</script>
+
+<NodeResizeControl
+	minWidth={data.minWidth ?? undefined}
+	maxWidth={data.maxWidth ?? undefined}
+	minHeight={data.minHeight ?? undefined}
+	maxHeight={data.maxHeight ?? undefined}
+	shouldResize={data.shouldResize ?? undefined}
+	onResizeStart={data.onResizeStart ?? undefined}
+	onResize={data.onResize ?? undefined}
+	onResizeEnd={data.onResizeEnd ?? undefined}
+	keepAspectRatio={data.keepAspectRatio ?? undefined}
+	color="red"
+	position={Position.Left}
+/>
+<NodeResizeControl
+	minWidth={data.minWidth ?? undefined}
+	maxWidth={data.maxWidth ?? undefined}
+	minHeight={data.minHeight ?? undefined}
+	maxHeight={data.maxHeight ?? undefined}
+	shouldResize={data.shouldResize ?? undefined}
+	onResizeStart={data.onResizeStart ?? undefined}
+	onResize={data.onResize ?? undefined}
+	onResizeEnd={data.onResizeEnd ?? undefined}
+	keepAspectRatio={data.keepAspectRatio ?? undefined}
+	color="red"
+	position={Position.Right}
+/>
+<Handle type="target" position={Position.Top} />
+<div style="padding: 10px;">{data.label}</div>
+<Handle type="source" position={Position.Bottom} />
diff --git a/examples/svelte/src/routes/examples/node-resizer/ResizeIcon.tsx b/examples/svelte/src/routes/examples/node-resizer/ResizeIcon.tsx
new file mode 100644
index 000000000..8db1cb928
--- /dev/null
+++ b/examples/svelte/src/routes/examples/node-resizer/ResizeIcon.tsx
@@ -0,0 +1,24 @@
+function ResizeIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="8"
+      height="8"
+      viewBox="0 0 24 24"
+      strokeWidth="2"
+      stroke="currentColor"
+      fill="none"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      style={{ position: 'absolute', right: 2, bottom: 2 }}
+    >
+      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+      <polyline points="16 20 20 20 20 16" />
+      <line x1="14" y1="14" x2="20" y2="20" />
+      <polyline points="8 4 4 4 4 8" />
+      <line x1="4" y1="4" x2="10" y2="10" />
+    </svg>
+  );
+}
+
+export default ResizeIcon;
diff --git a/examples/svelte/src/routes/examples/node-resizer/VerticalResizer.svelte b/examples/svelte/src/routes/examples/node-resizer/VerticalResizer.svelte
new file mode 100644
index 000000000..65ccae154
--- /dev/null
+++ b/examples/svelte/src/routes/examples/node-resizer/VerticalResizer.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+	import { Handle, NodeResizeControl, Position, type NodeProps } from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+
+	export let data: $$Props['data'] = undefined;
+</script>
+
+<NodeResizeControl
+	minWidth={data.minWidth ?? undefined}
+	maxWidth={data.maxWidth ?? undefined}
+	minHeight={data.minHeight ?? undefined}
+	maxHeight={data.maxHeight ?? undefined}
+	shouldResize={data.shouldResize ?? undefined}
+	onResizeStart={data.onResizeStart ?? undefined}
+	onResize={data.onResize ?? undefined}
+	onResizeEnd={data.onResizeEnd ?? undefined}
+	keepAspectRatio={data.keepAspectRatio ?? undefined}
+	color="red"
+	position={Position.Top}
+/>
+<NodeResizeControl
+	minWidth={data.minWidth ?? undefined}
+	maxWidth={data.maxWidth ?? undefined}
+	minHeight={data.minHeight ?? undefined}
+	maxHeight={data.maxHeight ?? undefined}
+	shouldResize={data.shouldResize ?? undefined}
+	onResizeStart={data.onResizeStart ?? undefined}
+	onResize={data.onResize ?? undefined}
+	onResizeEnd={data.onResizeEnd ?? undefined}
+	keepAspectRatio={data.keepAspectRatio ?? undefined}
+	color="red"
+	position={Position.Bottom}
+/>
+<Handle type="target" position={Position.Left} />
+<div style="padding: 10px;">{data.label}</div>
+<Handle type="source" position={Position.Right} />
diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx
index 485b8efcd..0306f3baa 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx
@@ -1,8 +1,6 @@
 import ResizeControl from './ResizeControl';
-import { ControlPosition, NodeResizerProps, ResizeControlVariant, ControlLinePosition } from './types';
-
-const handleControls: ControlPosition[] = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
-const lineControls: ControlLinePosition[] = ['top', 'right', 'bottom', 'left'];
+import { NodeResizerProps } from './types';
+import { XY_RESIZER_HANDLE_CONTROLS, XY_RESIZER_LINE_CONTROLS, ResizeControlVariant } from '@xyflow/system';
 
 export default function NodeResizer({
   nodeId,
@@ -28,7 +26,7 @@ export default function NodeResizer({
 
   return (
     <>
-      {lineControls.map((c) => (
+      {XY_RESIZER_LINE_CONTROLS.map((c) => (
         <ResizeControl
           key={c}
           className={lineClassName}
@@ -48,7 +46,7 @@ export default function NodeResizer({
           onResizeEnd={onResizeEnd}
         />
       ))}
-      {handleControls.map((c) => (
+      {XY_RESIZER_HANDLE_CONTROLS.map((c) => (
         <ResizeControl
           key={c}
           className={handleClassName}
diff --git a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
index 1df32e061..7db2f7785 100644
--- a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
@@ -7,13 +7,8 @@ import { getPointerPosition, clamp } from '@xyflow/system';
 import { useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
 import type { NodeChange, NodeDimensionChange, NodePositionChange } from '../../types';
-import {
-  type ResizeDragEvent,
-  type ResizeControlProps,
-  type ResizeControlLineProps,
-  ResizeControlVariant,
-} from './types';
-import { getDirection } from './utils';
+import { type ResizeDragEvent, type ResizeControlProps, type ResizeControlLineProps } from './types';
+import { getResizeDirection, ResizeControlVariant } from '@xyflow/system';
 
 const initPrevValues = { width: 0, height: 0, x: 0, y: 0 };
 
@@ -184,7 +179,7 @@ function ResizeControl({
             return;
           }
 
-          const direction = getDirection({
+          const direction = getResizeDirection({
             width: prevValues.current.width,
             prevWidth,
             height: prevValues.current.height,
diff --git a/packages/react/src/additional-components/NodeResizer/types.ts b/packages/react/src/additional-components/NodeResizer/types.ts
index ad9114b2f..ce2a3b59f 100644
--- a/packages/react/src/additional-components/NodeResizer/types.ts
+++ b/packages/react/src/additional-components/NodeResizer/types.ts
@@ -1,22 +1,19 @@
 import type { CSSProperties, ReactNode } from 'react';
 import type { D3DragEvent, SubjectPosition } from 'd3-drag';
+import type {
+  XYResizeParams,
+  XYResizeParamsWithDirection,
+  XYResizeControlPosition,
+  XYResizeControlLinePosition,
+  ResizeControlVariant,
+} from '@xyflow/system';
+
+type OnResizeHandler<Params = XYResizeParams, Result = void> = (event: ResizeDragEvent, params: Params) => Result;
+export type ResizeDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
 
-export type ResizeParams = {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-};
-
-export type ResizeParamsWithDirection = ResizeParams & {
-  direction: number[];
-};
-
-type OnResizeHandler<Params = ResizeParams, Result = void> = (event: ResizeDragEvent, params: Params) => Result;
-
-export type ShouldResize = OnResizeHandler<ResizeParamsWithDirection, boolean>;
+export type ShouldResize = OnResizeHandler<XYResizeParamsWithDirection, boolean>;
 export type OnResizeStart = OnResizeHandler;
-export type OnResize = OnResizeHandler<ResizeParamsWithDirection>;
+export type OnResize = OnResizeHandler<XYResizeParamsWithDirection>;
 export type OnResizeEnd = OnResizeHandler;
 
 export type NodeResizerProps = {
@@ -38,15 +35,6 @@ export type NodeResizerProps = {
   onResizeEnd?: OnResizeEnd;
 };
 
-export type ControlLinePosition = 'top' | 'bottom' | 'left' | 'right';
-
-export type ControlPosition = ControlLinePosition | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-
-export enum ResizeControlVariant {
-  Line = 'line',
-  Handle = 'handle',
-}
-
 export type ResizeControlProps = Pick<
   NodeResizerProps,
   | 'nodeId'
@@ -61,7 +49,7 @@ export type ResizeControlProps = Pick<
   | 'onResize'
   | 'onResizeEnd'
 > & {
-  position?: ControlPosition;
+  position?: XYResizeControlPosition;
   variant?: ResizeControlVariant;
   className?: string;
   style?: CSSProperties;
@@ -69,7 +57,5 @@ export type ResizeControlProps = Pick<
 };
 
 export type ResizeControlLineProps = ResizeControlProps & {
-  position?: ControlLinePosition;
+  position?: XYResizeControlLinePosition;
 };
-
-export type ResizeDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
diff --git a/packages/react/src/additional-components/NodeResizer/utils.ts b/packages/react/src/additional-components/NodeResizer/utils.ts
deleted file mode 100644
index 00d81d814..000000000
--- a/packages/react/src/additional-components/NodeResizer/utils.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-type GetDirectionParams = {
-  width: number;
-  prevWidth: number;
-  height: number;
-  prevHeight: number;
-  invertX: boolean;
-  invertY: boolean;
-};
-
-// returns an array of two numbers (0, 1 or -1) representing the direction of the resize
-// 0 = no change, 1 = increase, -1 = decrease
-export function getDirection({ width, prevWidth, height, prevHeight, invertX, invertY }: GetDirectionParams) {
-  const deltaWidth = width - prevWidth;
-  const deltaHeight = height - prevHeight;
-
-  const direction = [deltaWidth > 0 ? 1 : deltaWidth < 0 ? -1 : 0, deltaHeight > 0 ? 1 : deltaHeight < 0 ? -1 : 0];
-
-  if (deltaWidth && invertX) {
-    direction[0] = direction[0] * -1;
-  }
-
-  if (deltaHeight && invertY) {
-    direction[1] = direction[1] * -1;
-  }
-  return direction;
-}
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 6ea20c87d..3fe261600 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -42,8 +42,12 @@
   },
   "dependencies": {
     "@svelte-put/shortcut": "^3.1.0",
+    "@types/d3-drag": "^3.0.1",
+    "@types/d3-selection": "^3.0.3",
     "@xyflow/system": "workspace:*",
-    "classcat": "^5.0.4"
+    "classcat": "^5.0.4",
+    "d3-drag": "^3.0.0",
+    "d3-selection": "^3.0.0"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^2.1.0",
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index dac580caa..4e7a18b9d 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -16,6 +16,7 @@ export * from '$lib/plugins/Controls';
 export * from '$lib/plugins/Background';
 export * from '$lib/plugins/Minimap';
 export * from '$lib/plugins/NodeToolbar';
+export * from '$lib/plugins/NodeResizer';
 
 // store
 export { useStore } from '$lib/store';
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/NodeResizer.svelte b/packages/svelte/src/lib/plugins/NodeResizer/NodeResizer.svelte
new file mode 100644
index 000000000..f38d06c69
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/NodeResizer/NodeResizer.svelte
@@ -0,0 +1,75 @@
+<script lang="ts">
+  import ResizeControl from './ResizeControl.svelte';
+  import type { NodeResizerProps } from './types';
+  import {
+    XY_RESIZER_HANDLE_CONTROLS,
+    XY_RESIZER_LINE_CONTROLS,
+    ResizeControlVariant
+  } from '@xyflow/system';
+
+  type $$Props = NodeResizerProps;
+
+  export let nodeId: $$Props['nodeId'] = undefined;
+  export let isVisible: $$Props['isVisible'] = true;
+  export let handleClass: $$Props['handleClass'] = undefined;
+  export let handleStyle: $$Props['handleStyle'] = undefined;
+  export let lineClass: $$Props['lineClass'] = undefined;
+  export let lineStyle: $$Props['lineStyle'] = undefined;
+  export let color: $$Props['color'] = undefined;
+  export let minWidth: $$Props['minWidth'] = 10;
+  export let minHeight: $$Props['minHeight'] = 10;
+  export let maxWidth: $$Props['maxWidth'] = Number.MAX_VALUE;
+  export let maxHeight: $$Props['maxHeight'] = Number.MAX_VALUE;
+  export let keepAspectRatio: $$Props['keepAspectRatio'] = false;
+  export let shouldResize: $$Props['shouldResize'] = undefined;
+  export let onResizeStart: $$Props['onResizeStart'] = undefined;
+  export let onResize: $$Props['onResize'] = undefined;
+  export let onResizeEnd: $$Props['onResizeEnd'] = undefined;
+
+  let _minWidth = minWidth || 10;
+  let _minHeight = minHeight || 10;
+  let _maxWidth = maxWidth || Number.MAX_VALUE;
+  let _maxHeight = maxHeight || Number.MAX_VALUE;
+
+  $: console.log(isVisible);
+</script>
+
+{#if isVisible}
+  {#each XY_RESIZER_LINE_CONTROLS as c (c)}
+    <ResizeControl
+      class={lineClass}
+      style={lineStyle}
+      {nodeId}
+      position={c}
+      variant={ResizeControlVariant.Line}
+      {color}
+      minWidth={_minWidth}
+      minHeight={_minHeight}
+      maxWidth={_maxWidth}
+      maxHeight={_maxHeight}
+      {onResizeStart}
+      {keepAspectRatio}
+      {shouldResize}
+      {onResize}
+      {onResizeEnd}
+    />
+  {/each}
+  {#each XY_RESIZER_HANDLE_CONTROLS as c (c)}
+    <ResizeControl
+      class={handleClass}
+      style={handleStyle}
+      {nodeId}
+      position={c}
+      {color}
+      minWidth={_minWidth}
+      minHeight={_minHeight}
+      maxWidth={_maxWidth}
+      maxHeight={_maxHeight}
+      {onResizeStart}
+      {keepAspectRatio}
+      {shouldResize}
+      {onResize}
+      {onResizeEnd}
+    />
+  {/each}
+{/if}
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
new file mode 100644
index 000000000..822d77c54
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
@@ -0,0 +1,234 @@
+<script lang="ts">
+  import { getContext, onMount } from 'svelte';
+  import { drag } from 'd3-drag';
+  import { select } from 'd3-selection';
+  import cc from 'classcat';
+  import type { ResizeControlProps, ResizeDragEvent } from './types';
+  import {
+    ResizeControlVariant,
+    getPointerPosition,
+    clamp,
+    getResizeDirection
+  } from '@xyflow/system';
+  import { useStore } from '$lib/store';
+
+  type $$Props = ResizeControlProps;
+
+  export let nodeId: $$Props['nodeId'] = undefined;
+  export let position: $$Props['position'] = undefined;
+  export let variant: $$Props['variant'] = ResizeControlVariant.Handle;
+  export let color: $$Props['color'] = undefined;
+  export let minWidth: $$Props['minWidth'] = 10;
+  $: _minWidth = minWidth ?? 10;
+  export let minHeight: $$Props['minHeight'] = 10;
+  $: _minHeight = minHeight ?? 10;
+  export let maxWidth: $$Props['maxWidth'] = Number.MAX_VALUE;
+  $: _maxWidth = maxWidth ?? Number.MAX_VALUE;
+  export let maxHeight: $$Props['maxHeight'] = Number.MAX_VALUE;
+  $: _maxHeight = maxHeight ?? Number.MAX_VALUE;
+  export let keepAspectRatio: $$Props['keepAspectRatio'] = false;
+  export let shouldResize: $$Props['shouldResize'] = undefined;
+  export let onResizeStart: $$Props['onResizeStart'] = undefined;
+  export let onResize: $$Props['onResize'] = undefined;
+  export let onResizeEnd: $$Props['onResizeEnd'] = undefined;
+  export let style: $$Props['style'] = '';
+  let className: $$Props['class'] = '';
+  export { className as class };
+
+  const initPrevValues = { width: 0, height: 0, x: 0, y: 0 };
+
+  const initStartValues = {
+    ...initPrevValues,
+    pointerX: 0,
+    pointerY: 0,
+    aspectRatio: 1
+  };
+
+  const { nodeLookup, snapGrid, viewport, nodes } = useStore();
+  const contextNodeId = getContext<string>('svelteflow__node_id');
+  $: id = typeof nodeId === 'string' ? nodeId : contextNodeId;
+  let resizeControlRef: HTMLDivElement;
+
+  let startValues = { ...initStartValues };
+  let prevValues = { ...initPrevValues };
+
+  $: defaultPosition = variant === ResizeControlVariant.Line ? 'right' : 'bottom-right';
+  $: controlPosition = position ?? defaultPosition;
+
+  $: positionClassNames = controlPosition.split('-');
+  $: colorStyleProp = variant === ResizeControlVariant.Line ? 'border-color' : 'background-color';
+
+  $: _style = style ?? '';
+  $: controlStyle = !!color ? `${_style} ${colorStyleProp}: ${color};` : _style;
+
+  onMount(() => {
+    if (!resizeControlRef || !id) {
+      return;
+    }
+    const selection = select(resizeControlRef);
+
+    const enableX = controlPosition.includes('right') || controlPosition.includes('left');
+    const enableY = controlPosition.includes('bottom') || controlPosition.includes('top');
+    const invertX = controlPosition.includes('left');
+    const invertY = controlPosition.includes('top');
+
+    const dragHandler = drag<HTMLDivElement, unknown>()
+      .on('start', (event: ResizeDragEvent) => {
+        const node = $nodeLookup.get(id);
+        const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, {
+          transform: [$viewport.x, $viewport.y, $viewport.zoom],
+          snapGrid: $snapGrid ?? undefined,
+          snapToGrid: !!$snapGrid
+        });
+
+        prevValues = {
+          width: node?.computed?.width ?? 0,
+          height: node?.computed?.height ?? 0,
+          x: node?.position.x ?? 0,
+          y: node?.position.y ?? 0
+        };
+
+        startValues = {
+          ...prevValues,
+          pointerX: xSnapped,
+          pointerY: ySnapped,
+          aspectRatio: prevValues.width / prevValues.height
+        };
+
+        onResizeStart?.(event, { ...prevValues });
+      })
+      .on('drag', (event: ResizeDragEvent) => {
+        const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, {
+          transform: [$viewport.x, $viewport.y, $viewport.zoom],
+          snapGrid: $snapGrid ?? undefined,
+          snapToGrid: !!$snapGrid
+        });
+        const node = $nodeLookup.get(id);
+
+        if (node) {
+          const {
+            pointerX: startX,
+            pointerY: startY,
+            width: startWidth,
+            height: startHeight,
+            x: startNodeX,
+            y: startNodeY,
+            aspectRatio
+          } = startValues;
+
+          const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues;
+
+          const distX = Math.floor(enableX ? xSnapped - startX : 0);
+          const distY = Math.floor(enableY ? ySnapped - startY : 0);
+
+          let width = clamp(startWidth + (invertX ? -distX : distX), minWidth, maxWidth);
+          let height = clamp(startHeight + (invertY ? -distY : distY), minHeight, maxHeight);
+
+          if (keepAspectRatio) {
+            const nextAspectRatio = width / height;
+            const isDiagonal = enableX && enableY;
+            const isHorizontal = enableX && !enableY;
+            const isVertical = enableY && !enableX;
+
+            width =
+              (nextAspectRatio <= aspectRatio && isDiagonal) || isVertical
+                ? height * aspectRatio
+                : width;
+            height =
+              (nextAspectRatio > aspectRatio && isDiagonal) || isHorizontal
+                ? width / aspectRatio
+                : height;
+
+            if (width >= _maxWidth) {
+              width = _maxWidth;
+              height = _maxWidth / aspectRatio;
+            } else if (width <= _minWidth) {
+              width = _minWidth;
+              height = _minWidth / aspectRatio;
+            }
+
+            if (height >= _maxHeight) {
+              height = _maxHeight;
+              width = _maxHeight * aspectRatio;
+            } else if (height <= _minHeight) {
+              height = _minHeight;
+              width = _minHeight * aspectRatio;
+            }
+          }
+
+          const isWidthChange = width !== prevWidth;
+          const isHeightChange = height !== prevHeight;
+
+          let changes = false;
+
+          if (invertX || invertY) {
+            const x = invertX ? startNodeX - (width - startWidth) : startNodeX;
+            const y = invertY ? startNodeY - (height - startHeight) : startNodeY;
+
+            // only transform the node if the width or height changes
+            const isXPosChange = x !== prevX && isWidthChange;
+            const isYPosChange = y !== prevY && isHeightChange;
+
+            if (isXPosChange || isYPosChange) {
+              let newX = isXPosChange ? x : prevX;
+              let newY = isYPosChange ? y : prevY;
+
+              node.position = { x: newX, y: newY };
+              prevValues.x = newX;
+              prevValues.y = newY;
+
+              changes = true;
+            }
+          }
+
+          if (isWidthChange || isHeightChange) {
+            node.width = width;
+            node.height = height;
+            prevValues.width = width;
+            prevValues.height = height;
+
+            changes = true;
+          }
+
+          if (!changes) {
+            return;
+          }
+
+          const direction = getResizeDirection({
+            width: prevValues.width,
+            prevWidth,
+            height: prevValues.height,
+            prevHeight,
+            invertX,
+            invertY
+          });
+
+          const nextValues = { ...prevValues, direction };
+
+          const callResize = shouldResize?.(event, nextValues);
+
+          if (callResize === false) {
+            return;
+          }
+
+          onResize?.(event, nextValues);
+
+          $nodes = $nodes;
+        }
+      });
+
+    selection.call(dragHandler);
+
+    return () => {
+      selection.on('.drag', null);
+    };
+  });
+</script>
+
+<div
+  class={cc(['svelte-flow__resize-control', 'nodrag', ...positionClassNames, variant, className])}
+  bind:this={resizeControlRef}
+  style={controlStyle}
+>
+  <slot />
+</div>
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/index.ts b/packages/svelte/src/lib/plugins/NodeResizer/index.ts
new file mode 100644
index 000000000..4c37e1c79
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/NodeResizer/index.ts
@@ -0,0 +1,2 @@
+export { default as NodeResizer } from './NodeResizer.svelte';
+export { default as NodeResizeControl } from './ResizeControl.svelte';
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/types.ts b/packages/svelte/src/lib/plugins/NodeResizer/types.ts
new file mode 100644
index 000000000..dfc90e4f5
--- /dev/null
+++ b/packages/svelte/src/lib/plugins/NodeResizer/types.ts
@@ -0,0 +1,57 @@
+import type {
+  XYResizeParams,
+  XYResizeParamsWithDirection,
+  XYResizeControlPosition,
+  ResizeControlVariant,
+  D3DragEvent,
+  SubjectPosition
+} from '@xyflow/system';
+
+export type NodeResizerProps = {
+  nodeId?: string;
+  color?: string;
+  handleClass?: string;
+  handleStyle?: string;
+  lineClass?: string;
+  lineStyle?: string;
+  isVisible?: boolean;
+  minWidth?: number;
+  minHeight?: number;
+  maxWidth?: number;
+  maxHeight?: number;
+  keepAspectRatio?: boolean;
+  shouldResize?: ShouldResize;
+  onResizeStart?: OnResizeStart;
+  onResize?: OnResize;
+  onResizeEnd?: OnResizeEnd;
+};
+
+export type ResizeControlProps = Pick<
+  NodeResizerProps,
+  | 'nodeId'
+  | 'color'
+  | 'minWidth'
+  | 'minHeight'
+  | 'maxWidth'
+  | 'maxHeight'
+  | 'keepAspectRatio'
+  | 'shouldResize'
+  | 'onResizeStart'
+  | 'onResize'
+  | 'onResizeEnd'
+> & {
+  position?: XYResizeControlPosition;
+  variant?: ResizeControlVariant;
+  class?: string;
+  style?: string;
+};
+
+type OnResizeHandler<Params = XYResizeParams, Result = void> = (
+  event: ResizeDragEvent,
+  params: Params
+) => Result;
+export type ResizeDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
+export type ShouldResize = OnResizeHandler<XYResizeParamsWithDirection, boolean>;
+export type OnResizeStart = OnResizeHandler;
+export type OnResize = OnResizeHandler<XYResizeParamsWithDirection>;
+export type OnResizeEnd = OnResizeHandler;
diff --git a/packages/svelte/src/styles/style.css b/packages/svelte/src/styles/style.css
index cd89ee84c..308a6a1e3 100644
--- a/packages/svelte/src/styles/style.css
+++ b/packages/svelte/src/styles/style.css
@@ -1,6 +1,7 @@
 /* this gets exported as style.css and can be used for the default theming */
 @import '../../../system/src/styles/init.css';
 @import '../../../system/src/styles/style.css';
+@import '../../../system/src/styles/node-resizer.css';
 
 .svelte-flow {
   --edge-label-color-default: inherit;
diff --git a/packages/system/src/index.ts b/packages/system/src/index.ts
index 78da8d4fc..f817476bd 100644
--- a/packages/system/src/index.ts
+++ b/packages/system/src/index.ts
@@ -5,3 +5,4 @@ export * from './xydrag';
 export * from './xyhandle';
 export * from './xyminimap';
 export * from './xypanzoom';
+export * from './xyresizer';
diff --git a/packages/system/src/xyresizer/index.ts b/packages/system/src/xyresizer/index.ts
new file mode 100644
index 000000000..1ebbe956d
--- /dev/null
+++ b/packages/system/src/xyresizer/index.ts
@@ -0,0 +1,76 @@
+export type { D3DragEvent, SubjectPosition } from 'd3-drag';
+
+export type XYResizeParams = {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+};
+
+export type XYResizeParamsWithDirection = XYResizeParams & {
+  direction: number[];
+};
+
+export type XYResizeControlLinePosition = 'top' | 'bottom' | 'left' | 'right';
+
+export type XYResizeControlPosition =
+  | XYResizeControlLinePosition
+  | 'top-left'
+  | 'top-right'
+  | 'bottom-left'
+  | 'bottom-right';
+
+export enum ResizeControlVariant {
+  Line = 'line',
+  Handle = 'handle',
+}
+
+export const XY_RESIZER_HANDLE_CONTROLS: XYResizeControlPosition[] = [
+  'top-left',
+  'top-right',
+  'bottom-left',
+  'bottom-right',
+];
+export const XY_RESIZER_LINE_CONTROLS: XYResizeControlLinePosition[] = ['top', 'right', 'bottom', 'left'];
+
+type GetResizeDirectionParams = {
+  width: number;
+  prevWidth: number;
+  height: number;
+  prevHeight: number;
+  invertX: boolean;
+  invertY: boolean;
+};
+
+/**
+ * Get all connecting edges for a given set of nodes
+ * @param width - new width of the node
+ * @param prevWidth - previous width of the node
+ * @param height - new height of the node
+ * @param prevHeight - previous height of the node
+ * @param invertX - whether to invert the resize direction for the x axis
+ * @param invertY - whether to invert the resize direction for the y axis
+ * @returns array of two numbers representing the direction of the resize for each axis, 0 = no change, 1 = increase, -1 = decrease
+ */
+export function getResizeDirection({
+  width,
+  prevWidth,
+  height,
+  prevHeight,
+  invertX,
+  invertY,
+}: GetResizeDirectionParams) {
+  const deltaWidth = width - prevWidth;
+  const deltaHeight = height - prevHeight;
+
+  const direction = [deltaWidth > 0 ? 1 : deltaWidth < 0 ? -1 : 0, deltaHeight > 0 ? 1 : deltaHeight < 0 ? -1 : 0];
+
+  if (deltaWidth && invertX) {
+    direction[0] = direction[0] * -1;
+  }
+
+  if (deltaHeight && invertY) {
+    direction[1] = direction[1] * -1;
+  }
+  return direction;
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d9086764f..0ab9ea0cf 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,67 +10,67 @@ importers:
     devDependencies:
       '@changesets/changelog-github':
         specifier: ^0.4.7
-        version: registry.npmjs.org/@changesets/changelog-github@0.4.7
+        version: 0.4.7
       '@changesets/cli':
         specifier: ^2.25.0
-        version: registry.npmjs.org/@changesets/cli@2.25.0
+        version: 2.25.0
       '@typescript-eslint/eslint-plugin':
         specifier: latest
-        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3)
+        version: 6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3)
       '@typescript-eslint/parser':
         specifier: latest
-        version: registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)
+        version: 6.8.0(eslint@8.43.0)(typescript@5.1.3)
       concurrently:
         specifier: ^7.6.0
-        version: registry.npmjs.org/concurrently@7.6.0
+        version: 7.6.0
       eslint:
         specifier: ^8.22.0
-        version: registry.npmjs.org/eslint@8.43.0
+        version: 8.43.0
       eslint-config-prettier:
         specifier: ^8.5.0
-        version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0)
+        version: 8.8.0(eslint@8.43.0)
       eslint-plugin-prettier:
         specifier: ^4.2.1
-        version: registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8)
+        version: 4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8)
       eslint-plugin-react:
         specifier: latest
-        version: registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.43.0)
+        version: 7.33.2(eslint@8.43.0)
       prettier:
         specifier: ^2.7.1
-        version: registry.npmjs.org/prettier@2.8.8
+        version: 2.8.8
       react:
         specifier: ^18.2.0
-        version: registry.npmjs.org/react@18.2.0
+        version: 18.2.0
       react-dom:
         specifier: ^18.2.0
-        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+        version: 18.2.0(react@18.2.0)
       rimraf:
         specifier: ^3.0.2
-        version: registry.npmjs.org/rimraf@3.0.2
+        version: 3.0.2
       rollup:
         specifier: ^3.23.0
-        version: registry.npmjs.org/rollup@3.23.0
+        version: 3.23.0
       turbo:
         specifier: ^1.10.0
-        version: registry.npmjs.org/turbo@1.10.0
+        version: 1.10.0
       typescript:
         specifier: 5.1.3
-        version: registry.npmjs.org/typescript@5.1.3
+        version: 5.1.3
 
   examples/astro-xyflow:
     dependencies:
       '@astrojs/react':
         specifier: ^3.0.2
-        version: registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.1)
+        version: 3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0)
       '@astrojs/svelte':
         specifier: ^4.0.2
-        version: registry.npmjs.org/@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.3.3)(vite@4.5.1)
+        version: 4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.2.2)(vite@4.5.0)
       '@types/react':
         specifier: ^18.2.24
-        version: registry.npmjs.org/@types/react@18.2.24
+        version: 18.2.24
       '@types/react-dom':
         specifier: ^18.2.8
-        version: registry.npmjs.org/@types/react-dom@18.2.8
+        version: 18.2.8
       '@xyflow/react':
         specifier: workspace:^
         version: link:../../packages/react
@@ -79,16 +79,16 @@ importers:
         version: link:../../packages/svelte
       astro:
         specifier: ^3.2.2
-        version: registry.npmjs.org/astro@3.2.2
+        version: 3.2.2
       react:
         specifier: ^18.2.0
-        version: registry.npmjs.org/react@18.2.0
+        version: 18.2.0
       react-dom:
         specifier: ^18.2.0
-        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+        version: 18.2.0(react@18.2.0)
       svelte:
         specifier: ^4.2.1
-        version: registry.npmjs.org/svelte@4.2.1
+        version: 4.2.1
 
   examples/react:
     dependencies:
@@ -97,151 +97,151 @@ importers:
         version: link:../../packages/react
       classcat:
         specifier: ^5.0.4
-        version: registry.npmjs.org/classcat@5.0.4
+        version: 5.0.4
       dagre:
         specifier: ^0.8.5
-        version: registry.npmjs.org/dagre@0.8.5
+        version: 0.8.5
       localforage:
         specifier: ^1.10.0
-        version: registry.npmjs.org/localforage@1.10.0
+        version: 1.10.0
       react:
         specifier: ^18.2.0
-        version: registry.npmjs.org/react@18.2.0
+        version: 18.2.0
       react-dom:
         specifier: ^18.2.0
-        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+        version: 18.2.0(react@18.2.0)
       react-router-dom:
         specifier: ^6.18.0
-        version: registry.npmjs.org/react-router-dom@6.18.0(react-dom@18.2.0)(react@18.2.0)
+        version: 6.18.0(react-dom@18.2.0)(react@18.2.0)
       zustand:
         specifier: ^4.4.6
-        version: registry.npmjs.org/zustand@4.4.6(@types/react@18.2.36)(react@18.2.0)
+        version: 4.4.6(@types/react@18.2.36)(react@18.2.0)
     devDependencies:
       '@cypress/skip-test':
         specifier: ^2.6.1
-        version: registry.npmjs.org/@cypress/skip-test@2.6.1
+        version: 2.6.1
       '@types/dagre':
         specifier: ^0.7.52
-        version: registry.npmjs.org/@types/dagre@0.7.52
+        version: 0.7.52
       '@types/react':
         specifier: ^18.2.36
-        version: registry.npmjs.org/@types/react@18.2.36
+        version: 18.2.36
       '@types/react-dom':
         specifier: ^18.2.14
-        version: registry.npmjs.org/@types/react-dom@18.2.14
+        version: 18.2.14
       '@vitejs/plugin-react':
         specifier: 4.1.1
-        version: registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.0)
+        version: 4.1.1(vite@4.5.0)
       '@vitejs/plugin-react-swc':
         specifier: ^3.4.1
-        version: registry.npmjs.org/@vitejs/plugin-react-swc@3.4.1(vite@4.5.0)
+        version: 3.4.1(vite@4.5.0)
       cypress:
         specifier: 12.17.3
-        version: registry.npmjs.org/cypress@12.17.3
+        version: 12.17.3
       cypress-real-events:
         specifier: 1.11.0
-        version: registry.npmjs.org/cypress-real-events@1.11.0(cypress@12.17.3)
+        version: 1.11.0(cypress@12.17.3)
       start-server-and-test:
         specifier: ^2.0.2
-        version: registry.npmjs.org/start-server-and-test@2.0.2
+        version: 2.0.2
       typescript:
         specifier: 5.2.2
-        version: registry.npmjs.org/typescript@5.2.2
+        version: 5.2.2
       vite:
         specifier: 4.5.0
-        version: registry.npmjs.org/vite@4.5.0
+        version: 4.5.0(@types/node@18.7.16)
 
   examples/svelte:
     dependencies:
       '@dagrejs/dagre':
         specifier: ^1.0.4
-        version: registry.npmjs.org/@dagrejs/dagre@1.0.4
+        version: 1.0.4
       '@xyflow/svelte':
         specifier: workspace:^
         version: link:../../packages/svelte
     devDependencies:
       '@sveltejs/adapter-auto':
         specifier: ^2.1.1
-        version: registry.npmjs.org/@sveltejs/adapter-auto@2.1.1(@sveltejs/kit@1.27.3)
+        version: 2.1.1(@sveltejs/kit@1.27.3)
       '@sveltejs/kit':
         specifier: ^1.27.3
-        version: registry.npmjs.org/@sveltejs/kit@1.27.3(svelte@4.2.2)(vite@4.5.0)
+        version: 1.27.3(svelte@4.2.2)(vite@4.5.0)
       '@typescript-eslint/eslint-plugin':
         specifier: ^6.10.0
-        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2)
+        version: 6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2)
       '@typescript-eslint/parser':
         specifier: ^6.10.0
-        version: registry.npmjs.org/@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2)
+        version: 6.10.0(eslint@8.53.0)(typescript@5.2.2)
       eslint:
         specifier: ^8.53.0
-        version: registry.npmjs.org/eslint@8.53.0
+        version: 8.53.0
       eslint-config-prettier:
         specifier: ^9.0.0
-        version: registry.npmjs.org/eslint-config-prettier@9.0.0(eslint@8.53.0)
+        version: 9.0.0(eslint@8.53.0)
       eslint-plugin-svelte:
         specifier: ^2.35.0
-        version: registry.npmjs.org/eslint-plugin-svelte@2.35.0(eslint@8.53.0)(svelte@4.2.2)
+        version: 2.35.0(eslint@8.53.0)(svelte@4.2.2)
       prettier:
         specifier: ^3.0.3
-        version: registry.npmjs.org/prettier@3.0.3
+        version: 3.0.3
       prettier-plugin-svelte:
         specifier: ^3.0.3
-        version: registry.npmjs.org/prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@4.2.2)
+        version: 3.0.3(prettier@3.0.3)(svelte@4.2.2)
       svelte:
         specifier: ^4.2.2
-        version: registry.npmjs.org/svelte@4.2.2
+        version: 4.2.2
       svelte-check:
         specifier: ^3.5.2
-        version: registry.npmjs.org/svelte-check@3.5.2(postcss@8.4.31)(svelte@4.2.2)
+        version: 3.5.2(postcss@8.4.31)(svelte@4.2.2)
       tslib:
         specifier: ^2.6.2
-        version: registry.npmjs.org/tslib@2.6.2
+        version: 2.6.2
       typescript:
         specifier: ^5.2.2
-        version: registry.npmjs.org/typescript@5.2.2
+        version: 5.2.2
       vite:
         specifier: ^4.5.0
-        version: registry.npmjs.org/vite@4.5.0
+        version: 4.5.0(@types/node@18.7.16)
 
   packages/react:
     dependencies:
       '@types/d3':
         specifier: ^7.4.0
-        version: registry.npmjs.org/@types/d3@7.4.0
+        version: 7.4.0
       '@types/d3-drag':
         specifier: ^3.0.1
-        version: registry.npmjs.org/@types/d3-drag@3.0.1
+        version: 3.0.1
       '@types/d3-selection':
         specifier: ^3.0.3
-        version: registry.npmjs.org/@types/d3-selection@3.0.3
+        version: 3.0.3
       '@xyflow/system':
         specifier: workspace:*
         version: link:../system
       classcat:
         specifier: ^5.0.3
-        version: registry.npmjs.org/classcat@5.0.4
+        version: 5.0.4
       d3-drag:
         specifier: ^3.0.0
-        version: registry.npmjs.org/d3-drag@3.0.0
+        version: 3.0.0
       d3-selection:
         specifier: ^3.0.0
-        version: registry.npmjs.org/d3-selection@3.0.0
+        version: 3.0.0
       react-dom:
         specifier: '>=17'
-        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+        version: 18.2.0(react@18.2.0)
       zustand:
         specifier: ^4.4.0
-        version: registry.npmjs.org/zustand@4.4.1(@types/react@18.2.24)(react@18.2.0)
+        version: 4.4.1(@types/react@18.2.24)(react@18.2.0)
     devDependencies:
       '@types/node':
         specifier: ^18.7.16
-        version: registry.npmjs.org/@types/node@18.7.16
+        version: 18.7.16
       '@types/react':
         specifier: '>=17'
-        version: registry.npmjs.org/@types/react@18.2.24
+        version: 18.2.24
       '@types/react-dom':
         specifier: '>=17'
-        version: registry.npmjs.org/@types/react-dom@18.2.8
+        version: 18.2.8
       '@xyflow/eslint-config':
         specifier: workspace:*
         version: link:../../tooling/eslint-config
@@ -253,147 +253,159 @@ importers:
         version: link:../../tooling/tsconfig
       autoprefixer:
         specifier: ^10.4.15
-        version: registry.npmjs.org/autoprefixer@10.4.15(postcss@8.4.21)
+        version: 10.4.15(postcss@8.4.21)
       cssnano:
         specifier: ^6.0.1
-        version: registry.npmjs.org/cssnano@6.0.1(postcss@8.4.21)
+        version: 6.0.1(postcss@8.4.21)
       postcss:
         specifier: ^8.4.21
-        version: registry.npmjs.org/postcss@8.4.21
+        version: 8.4.21
       postcss-cli:
         specifier: ^11.0.0
         version: 11.0.0(postcss@8.4.21)
       postcss-combine-duplicated-selectors:
         specifier: ^10.0.3
-        version: registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.21)
+        version: 10.0.3(postcss@8.4.21)
       postcss-import:
         specifier: ^15.1.0
-        version: registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.21)
+        version: 15.1.0(postcss@8.4.21)
       postcss-nested:
         specifier: ^6.0.0
-        version: registry.npmjs.org/postcss-nested@6.0.0(postcss@8.4.21)
+        version: 6.0.0(postcss@8.4.21)
       postcss-rename:
         specifier: ^0.6.1
-        version: registry.npmjs.org/postcss-rename@0.6.1(postcss@8.4.21)
+        version: 0.6.1(postcss@8.4.21)
       react:
         specifier: ^18.2.0
-        version: registry.npmjs.org/react@18.2.0
+        version: 18.2.0
       typescript:
         specifier: 5.1.3
-        version: registry.npmjs.org/typescript@5.1.3
+        version: 5.1.3
 
   packages/svelte:
     dependencies:
       '@svelte-put/shortcut':
         specifier: ^3.1.0
-        version: registry.npmjs.org/@svelte-put/shortcut@3.1.0
+        version: 3.1.0
+      '@types/d3-drag':
+        specifier: ^3.0.1
+        version: 3.0.1
+      '@types/d3-selection':
+        specifier: ^3.0.3
+        version: 3.0.3
       '@xyflow/system':
         specifier: workspace:*
         version: link:../system
       classcat:
         specifier: ^5.0.4
-        version: registry.npmjs.org/classcat@5.0.4
+        version: 5.0.4
+      d3-drag:
+        specifier: ^3.0.0
+        version: 3.0.0
+      d3-selection:
+        specifier: ^3.0.0
+        version: 3.0.0
     devDependencies:
       '@sveltejs/adapter-auto':
         specifier: ^2.1.0
-        version: registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6)
+        version: 2.1.0(@sveltejs/kit@1.22.6)
       '@sveltejs/kit':
         specifier: ^1.22.6
-        version: registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.1)
+        version: 1.22.6(svelte@4.2.1)(vite@4.5.0)
       '@sveltejs/package':
         specifier: ^2.2.1
-        version: registry.npmjs.org/@sveltejs/package@2.2.1(svelte@4.2.1)(typescript@5.1.3)
+        version: 2.2.1(svelte@4.2.1)(typescript@5.1.3)
       '@typescript-eslint/eslint-plugin':
         specifier: ^5.60.0
-        version: registry.npmjs.org/@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3)
+        version: 5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3)
       '@typescript-eslint/parser':
         specifier: ^5.60.0
-        version: registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3)
+        version: 5.60.0(eslint@8.43.0)(typescript@5.1.3)
       autoprefixer:
         specifier: ^10.4.15
-        version: registry.npmjs.org/autoprefixer@10.4.15(postcss@8.4.21)
+        version: 10.4.15(postcss@8.4.21)
       cssnano:
         specifier: ^6.0.1
-        version: registry.npmjs.org/cssnano@6.0.1(postcss@8.4.21)
+        version: 6.0.1(postcss@8.4.21)
       dotenv:
         specifier: ^16.3.1
-        version: registry.npmjs.org/dotenv@16.3.1
+        version: 16.3.1
       eslint:
         specifier: ^8.43.0
-        version: registry.npmjs.org/eslint@8.43.0
+        version: 8.43.0
       eslint-config-prettier:
         specifier: ^8.8.0
-        version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0)
+        version: 8.8.0(eslint@8.43.0)
       eslint-plugin-svelte:
         specifier: ^2.31.1
-        version: registry.npmjs.org/eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.1)
+        version: 2.31.1(eslint@8.43.0)(svelte@4.2.1)
       postcss:
         specifier: ^8.4.21
-        version: registry.npmjs.org/postcss@8.4.21
+        version: 8.4.21
       postcss-cli:
         specifier: ^10.1.0
-        version: registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.21)
+        version: 10.1.0(postcss@8.4.21)
       postcss-combine-duplicated-selectors:
         specifier: ^10.0.3
-        version: registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.21)
+        version: 10.0.3(postcss@8.4.21)
       postcss-import:
         specifier: ^15.1.0
-        version: registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.21)
+        version: 15.1.0(postcss@8.4.21)
       postcss-nested:
         specifier: ^6.0.0
-        version: registry.npmjs.org/postcss-nested@6.0.0(postcss@8.4.21)
+        version: 6.0.0(postcss@8.4.21)
       postcss-rename:
         specifier: ^0.6.1
-        version: registry.npmjs.org/postcss-rename@0.6.1(postcss@8.4.21)
+        version: 0.6.1(postcss@8.4.21)
       prettier:
         specifier: ^2.8.8
-        version: registry.npmjs.org/prettier@2.8.8
+        version: 2.8.8
       prettier-plugin-svelte:
         specifier: ^2.10.1
-        version: registry.npmjs.org/prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.2.1)
+        version: 2.10.1(prettier@2.8.8)(svelte@4.2.1)
       svelte:
         specifier: ^4.2.0
-        version: registry.npmjs.org/svelte@4.2.1
+        version: 4.2.1
       svelte-check:
         specifier: ^3.5.0
-        version: registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.21)(svelte@4.2.1)
+        version: 3.5.0(postcss@8.4.21)(svelte@4.2.1)
       svelte-eslint-parser:
         specifier: ^0.32.2
-        version: registry.npmjs.org/svelte-eslint-parser@0.32.2(svelte@4.2.1)
+        version: 0.32.2(svelte@4.2.1)
       tslib:
         specifier: ^2.5.3
-        version: registry.npmjs.org/tslib@2.5.3
+        version: 2.5.3
       typescript:
         specifier: 5.1.3
-        version: registry.npmjs.org/typescript@5.1.3
+        version: 5.1.3
 
   packages/system:
     dependencies:
       '@types/d3':
         specifier: ^7.4.0
-        version: registry.npmjs.org/@types/d3@7.4.0
+        version: 7.4.0
       '@types/d3-drag':
         specifier: ^3.0.1
-        version: registry.npmjs.org/@types/d3-drag@3.0.1
+        version: 3.0.1
       '@types/d3-selection':
         specifier: ^3.0.3
-        version: registry.npmjs.org/@types/d3-selection@3.0.3
+        version: 3.0.3
       '@types/d3-zoom':
         specifier: ^3.0.1
-        version: registry.npmjs.org/@types/d3-zoom@3.0.1
+        version: 3.0.1
       d3-drag:
         specifier: ^3.0.0
-        version: registry.npmjs.org/d3-drag@3.0.0
+        version: 3.0.0
       d3-selection:
         specifier: ^3.0.0
-        version: registry.npmjs.org/d3-selection@3.0.0
+        version: 3.0.0
       d3-zoom:
         specifier: ^3.0.0
-        version: registry.npmjs.org/d3-zoom@3.0.0
+        version: 3.0.0
     devDependencies:
       '@types/node':
         specifier: ^18.7.16
-        version: registry.npmjs.org/@types/node@18.7.16
+        version: 18.7.16
       '@xyflow/eslint-config':
         specifier: workspace:*
         version: link:../../tooling/eslint-config
@@ -405,105 +417,233 @@ importers:
         version: link:../../tooling/tsconfig
       typescript:
         specifier: 5.1.3
-        version: registry.npmjs.org/typescript@5.1.3
+        version: 5.1.3
 
   tests/playwright:
     dependencies:
       '@playwright/experimental-ct-react':
         specifier: ^1.40.1
-        version: 1.40.1(@types/node@18.7.16)(vite@5.0.10)
+        version: 1.40.1(@types/node@18.7.16)(vite@4.5.0)
       '@types/react':
         specifier: ^18.2.31
-        version: registry.npmjs.org/@types/react@18.2.31
+        version: 18.2.31
       '@types/react-dom':
         specifier: ^18.2.14
-        version: registry.npmjs.org/@types/react-dom@18.2.14
+        version: 18.2.14
       react:
         specifier: ^18.2.0
-        version: registry.npmjs.org/react@18.2.0
+        version: 18.2.0
       react-dom:
         specifier: ^18.2.0
-        version: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
+        version: 18.2.0(react@18.2.0)
       typescript:
         specifier: ^5.2.2
-        version: registry.npmjs.org/typescript@5.2.2
+        version: 5.2.2
     devDependencies:
       '@playwright/test':
         specifier: ^1.40.1
         version: 1.40.1
       '@types/node':
         specifier: ^18.7.16
-        version: registry.npmjs.org/@types/node@18.7.16
+        version: 18.7.16
 
   tooling/eslint-config:
     devDependencies:
       eslint:
         specifier: ^8.22.0
-        version: registry.npmjs.org/eslint@8.43.0
+        version: 8.43.0
       eslint-config-prettier:
         specifier: ^8.5.0
-        version: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0)
+        version: 8.8.0(eslint@8.43.0)
       eslint-config-turbo:
         specifier: latest
-        version: registry.npmjs.org/eslint-config-turbo@1.10.15(eslint@8.43.0)
+        version: 1.10.15(eslint@8.43.0)
       eslint-plugin-react:
         specifier: latest
-        version: registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.43.0)
+        version: 7.33.2(eslint@8.43.0)
 
   tooling/rollup-config:
     devDependencies:
       '@rollup/plugin-commonjs':
         specifier: ^25.0.0
-        version: registry.npmjs.org/@rollup/plugin-commonjs@25.0.0(rollup@3.23.0)
+        version: 25.0.0(rollup@3.23.0)
       '@rollup/plugin-node-resolve':
         specifier: ^15.1.0
-        version: registry.npmjs.org/@rollup/plugin-node-resolve@15.1.0(rollup@3.23.0)
+        version: 15.1.0(rollup@3.23.0)
       '@rollup/plugin-replace':
         specifier: ^5.0.2
-        version: registry.npmjs.org/@rollup/plugin-replace@5.0.2(rollup@3.23.0)
+        version: 5.0.2(rollup@3.23.0)
       '@rollup/plugin-terser':
         specifier: ^0.4.3
-        version: registry.npmjs.org/@rollup/plugin-terser@0.4.3(rollup@3.23.0)
+        version: 0.4.3(rollup@3.23.0)
       '@rollup/plugin-typescript':
         specifier: 11.0.0
-        version: registry.npmjs.org/@rollup/plugin-typescript@11.0.0(rollup@3.23.0)(typescript@4.9.4)
+        version: 11.0.0(rollup@3.23.0)(typescript@4.9.4)
       rollup:
         specifier: ^3.23.0
-        version: registry.npmjs.org/rollup@3.23.0
+        version: 3.23.0
       rollup-plugin-peer-deps-external:
         specifier: ^2.2.4
-        version: registry.npmjs.org/rollup-plugin-peer-deps-external@2.2.4(rollup@3.23.0)
+        version: 2.2.4(rollup@3.23.0)
       typescript:
         specifier: ^4.9.4
-        version: registry.npmjs.org/typescript@4.9.4
+        version: 4.9.4
 
   tooling/tsconfig: {}
 
 packages:
 
+  /@aashutoshrathi/word-wrap@1.2.6:
+    resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   /@ampproject/remapping@2.2.1:
-    resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==, tarball: https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz}
+    resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
     engines: {node: '>=6.0.0'}
     dependencies:
       '@jridgewell/gen-mapping': 0.3.3
       '@jridgewell/trace-mapping': 0.3.20
+
+  /@astrojs/compiler@2.2.1:
+    resolution: {integrity: sha512-NJ1lWKzMkyEjE3W5NpPNAVot4/PLF5om/P6ekxNu3iLS05CaYFTcp7WpYMjdCC252b7wkNVAs45FNkVQ+RHW/g==}
+    dev: false
+
+  /@astrojs/internal-helpers@0.2.0:
+    resolution: {integrity: sha512-NQ4ppp1CM0HNkKbJNM4saVSfmUYzGlRalF6wx7F6T/MYHYSWGuojY89/oFTy4t8VlOGUCUijlsVNNeziWaUo5g==}
+    dev: false
+
+  /@astrojs/markdown-remark@3.2.0(astro@3.2.2):
+    resolution: {integrity: sha512-jigyLfefUZPKgVmmraCkVpdUuFH1R3SrpgQO13axsgwLDBgkggaQpNR5Ag4O9PDualeBtbdt30aYSfvnBKx9Hg==}
+    peerDependencies:
+      astro: ^3.1.0
+    dependencies:
+      '@astrojs/prism': 3.0.0
+      astro: 3.2.2
+      github-slugger: 2.0.0
+      import-meta-resolve: 3.1.1
+      mdast-util-definitions: 6.0.0
+      rehype-raw: 6.1.1
+      rehype-stringify: 9.0.4
+      remark-gfm: 3.0.1
+      remark-parse: 10.0.2
+      remark-rehype: 10.1.0
+      remark-smartypants: 2.0.0
+      shiki: 0.14.5
+      unified: 10.1.2
+      unist-util-visit: 4.1.2
+      vfile: 5.3.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /@astrojs/prism@3.0.0:
+    resolution: {integrity: sha512-g61lZupWq1bYbcBnYZqdjndShr/J3l/oFobBKPA3+qMat146zce3nz2kdO4giGbhYDt4gYdhmoBz0vZJ4sIurQ==}
+    engines: {node: '>=18.14.1'}
+    dependencies:
+      prismjs: 1.29.0
+    dev: false
+
+  /@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0):
+    resolution: {integrity: sha512-aooNIuQxTg+IWGMZPuIEwBeBi4/TCPCMsr3714zuLjAjukVd5ZrX/bCNxJqDWU4HNwUm4XFU1OhcEvYOHa5uMQ==}
+    engines: {node: '>=18.14.1'}
+    peerDependencies:
+      '@types/react': ^17.0.50 || ^18.0.21
+      '@types/react-dom': ^17.0.17 || ^18.0.6
+      react: ^17.0.2 || ^18.0.0
+      react-dom: ^17.0.2 || ^18.0.0
+    dependencies:
+      '@types/react': 18.2.24
+      '@types/react-dom': 18.2.8
+      '@vitejs/plugin-react': 4.1.1(vite@4.5.0)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      ultrahtml: 1.5.2
+    transitivePeerDependencies:
+      - supports-color
+      - vite
+    dev: false
+
+  /@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.2.2)(vite@4.5.0):
+    resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==}
+    engines: {node: '>=18.14.1'}
+    peerDependencies:
+      astro: ^3.0.11
+      svelte: ^3.55.0 || ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
+      astro: 3.2.2
+      svelte: 4.2.1
+      svelte2tsx: 0.6.23(svelte@4.2.1)(typescript@5.2.2)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+      - vite
     dev: false
 
+  /@astrojs/telemetry@3.0.2:
+    resolution: {integrity: sha512-ef+jqCkqopCzjGfsMsr+8p56Nj6F9ZzouWcWZt+dKsqbRccI3c8K3jfkLcdq4AyfFZtKBDB6N4ZuI68g33oiOg==}
+    engines: {node: '>=18.14.1'}
+    dependencies:
+      ci-info: 3.9.0
+      debug: 4.3.4(supports-color@8.1.1)
+      dlv: 1.1.3
+      dset: 3.1.2
+      is-docker: 3.0.0
+      is-wsl: 3.1.0
+      undici: 5.26.5
+      which-pm-runs: 1.1.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /@babel/code-frame@7.22.13:
+    resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/highlight': 7.22.20
+      chalk: 2.4.2
+
   /@babel/code-frame@7.23.5:
-    resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==, tarball: https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.5.tgz}
+    resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/highlight': 7.23.4
       chalk: 2.4.2
-    dev: false
+
+  /@babel/compat-data@7.23.2:
+    resolution: {integrity: sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==}
+    engines: {node: '>=6.9.0'}
 
   /@babel/compat-data@7.23.5:
-    resolution: {integrity: sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.5.tgz}
+    resolution: {integrity: sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==}
     engines: {node: '>=6.9.0'}
     dev: false
 
+  /@babel/core@7.23.2:
+    resolution: {integrity: sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@ampproject/remapping': 2.2.1
+      '@babel/code-frame': 7.22.13
+      '@babel/generator': 7.23.0
+      '@babel/helper-compilation-targets': 7.22.15
+      '@babel/helper-module-transforms': 7.23.0(@babel/core@7.23.2)
+      '@babel/helpers': 7.23.2
+      '@babel/parser': 7.23.0
+      '@babel/template': 7.22.15
+      '@babel/traverse': 7.23.2
+      '@babel/types': 7.23.0
+      convert-source-map: 2.0.0
+      debug: 4.3.4(supports-color@8.1.1)
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
   /@babel/core@7.23.7:
-    resolution: {integrity: sha512-+UpDgowcmqe36d4NwqvKsyPMlOLNGMsfMmQ5WGCu+siCe3t3dfe9njrzGfdN4qq+bcNUt0+Vw6haRxBOycs4dw==, tarball: https://registry.npmjs.org/@babel/core/-/core-7.23.7.tgz}
+    resolution: {integrity: sha512-+UpDgowcmqe36d4NwqvKsyPMlOLNGMsfMmQ5WGCu+siCe3t3dfe9njrzGfdN4qq+bcNUt0+Vw6haRxBOycs4dw==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@ampproject/remapping': 2.2.1
@@ -517,7 +657,7 @@ packages:
       '@babel/traverse': 7.23.7
       '@babel/types': 7.23.6
       convert-source-map: 2.0.0
-      debug: 4.3.4
+      debug: 4.3.4(supports-color@8.1.1)
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
@@ -525,8 +665,17 @@ packages:
       - supports-color
     dev: false
 
+  /@babel/generator@7.23.0:
+    resolution: {integrity: sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.23.0
+      '@jridgewell/gen-mapping': 0.3.3
+      '@jridgewell/trace-mapping': 0.3.20
+      jsesc: 2.5.2
+
   /@babel/generator@7.23.6:
-    resolution: {integrity: sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz}
+    resolution: {integrity: sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': 7.23.6
@@ -535,8 +684,25 @@ packages:
       jsesc: 2.5.2
     dev: false
 
+  /@babel/helper-annotate-as-pure@7.22.5:
+    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.23.0
+    dev: false
+
+  /@babel/helper-compilation-targets@7.22.15:
+    resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/compat-data': 7.23.2
+      '@babel/helper-validator-option': 7.22.15
+      browserslist: 4.22.1
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
   /@babel/helper-compilation-targets@7.23.6:
-    resolution: {integrity: sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz}
+    resolution: {integrity: sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/compat-data': 7.23.5
@@ -547,34 +713,43 @@ packages:
     dev: false
 
   /@babel/helper-environment-visitor@7.22.20:
-    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==, tarball: https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz}
+    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==}
     engines: {node: '>=6.9.0'}
-    dev: false
 
   /@babel/helper-function-name@7.23.0:
-    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==, tarball: https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz}
+    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.22.15
-      '@babel/types': 7.23.6
-    dev: false
+      '@babel/types': 7.23.0
 
   /@babel/helper-hoist-variables@7.22.5:
-    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==, tarball: https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz}
+    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.6
-    dev: false
+      '@babel/types': 7.23.0
 
   /@babel/helper-module-imports@7.22.15:
-    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==, tarball: https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz}
+    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.6
-    dev: false
+      '@babel/types': 7.23.0
+
+  /@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2):
+    resolution: {integrity: sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.23.2
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-module-imports': 7.22.15
+      '@babel/helper-simple-access': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/helper-validator-identifier': 7.22.20
 
   /@babel/helper-module-transforms@7.23.3(@babel/core@7.23.7):
-    resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz}
+    resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
@@ -588,41 +763,54 @@ packages:
     dev: false
 
   /@babel/helper-plugin-utils@7.22.5:
-    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==, tarball: https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz}
+    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
     engines: {node: '>=6.9.0'}
-    dev: false
 
   /@babel/helper-simple-access@7.22.5:
-    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==, tarball: https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz}
+    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.6
-    dev: false
+      '@babel/types': 7.23.0
 
   /@babel/helper-split-export-declaration@7.22.6:
-    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==, tarball: https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz}
+    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.6
-    dev: false
+      '@babel/types': 7.23.0
+
+  /@babel/helper-string-parser@7.22.5:
+    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
+    engines: {node: '>=6.9.0'}
 
   /@babel/helper-string-parser@7.23.4:
-    resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==, tarball: https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz}
+    resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==}
     engines: {node: '>=6.9.0'}
-    dev: false
 
   /@babel/helper-validator-identifier@7.22.20:
-    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==, tarball: https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz}
+    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
+    engines: {node: '>=6.9.0'}
+
+  /@babel/helper-validator-option@7.22.15:
+    resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==}
     engines: {node: '>=6.9.0'}
-    dev: false
 
   /@babel/helper-validator-option@7.23.5:
-    resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==, tarball: https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz}
+    resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==}
     engines: {node: '>=6.9.0'}
     dev: false
 
+  /@babel/helpers@7.23.2:
+    resolution: {integrity: sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/template': 7.22.15
+      '@babel/traverse': 7.23.2
+      '@babel/types': 7.23.0
+    transitivePeerDependencies:
+      - supports-color
+
   /@babel/helpers@7.23.7:
-    resolution: {integrity: sha512-6AMnjCoC8wjqBzDHkuqpa7jAKwvMo4dC+lr/TFBz+ucfulO1XMpDnwWPGBNwClOKZ8h6xn5N81W/R5OrcKtCbQ==, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.7.tgz}
+    resolution: {integrity: sha512-6AMnjCoC8wjqBzDHkuqpa7jAKwvMo4dC+lr/TFBz+ucfulO1XMpDnwWPGBNwClOKZ8h6xn5N81W/R5OrcKtCbQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.22.15
@@ -632,25 +820,57 @@ packages:
       - supports-color
     dev: false
 
+  /@babel/highlight@7.22.20:
+    resolution: {integrity: sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-validator-identifier': 7.22.20
+      chalk: 2.4.2
+      js-tokens: 4.0.0
+
   /@babel/highlight@7.23.4:
-    resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==, tarball: https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz}
+    resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-validator-identifier': 7.22.20
       chalk: 2.4.2
       js-tokens: 4.0.0
-    dev: false
+
+  /@babel/parser@7.23.0:
+    resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.23.0
 
   /@babel/parser@7.23.6:
-    resolution: {integrity: sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz}
+    resolution: {integrity: sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==}
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
       '@babel/types': 7.23.6
+
+  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2):
+    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.23.2
+      '@babel/helper-plugin-utils': 7.22.5
     dev: false
 
+  /@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2):
+    resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.23.2
+      '@babel/helper-plugin-utils': 7.22.5
+
   /@babel/plugin-transform-react-jsx-self@7.23.3(@babel/core@7.23.7):
-    resolution: {integrity: sha512-qXRvbeKDSfwnlJnanVRp0SfuWE5DQhwQr5xtLBzp56Wabyo+4CMosF6Kfp+eOD/4FYpql64XVJ2W0pVLlJZxOQ==, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.23.3.tgz}
+    resolution: {integrity: sha512-qXRvbeKDSfwnlJnanVRp0SfuWE5DQhwQr5xtLBzp56Wabyo+4CMosF6Kfp+eOD/4FYpql64XVJ2W0pVLlJZxOQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -659,8 +879,17 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: false
 
+  /@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2):
+    resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.23.2
+      '@babel/helper-plugin-utils': 7.22.5
+
   /@babel/plugin-transform-react-jsx-source@7.23.3(@babel/core@7.23.7):
-    resolution: {integrity: sha512-91RS0MDnAWDNvGC6Wio5XYkyWI39FMFO+JK9+4AlgaTH+yWwVTsw7/sn6LK0lH7c5F+TFkpv/3LfCJ1Ydwof/g==, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.23.3.tgz}
+    resolution: {integrity: sha512-91RS0MDnAWDNvGC6Wio5XYkyWI39FMFO+JK9+4AlgaTH+yWwVTsw7/sn6LK0lH7c5F+TFkpv/3LfCJ1Ydwof/g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -669,17 +898,54 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: false
 
+  /@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.2):
+    resolution: {integrity: sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.23.2
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-module-imports': 7.22.15
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.23.2)
+      '@babel/types': 7.23.0
+    dev: false
+
+  /@babel/runtime@7.23.2:
+    resolution: {integrity: sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      regenerator-runtime: 0.14.0
+    dev: true
+
   /@babel/template@7.22.15:
-    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==, tarball: https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz}
+    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.23.5
       '@babel/parser': 7.23.6
       '@babel/types': 7.23.6
-    dev: false
+
+  /@babel/traverse@7.23.2:
+    resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': 7.22.13
+      '@babel/generator': 7.23.0
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-function-name': 7.23.0
+      '@babel/helper-hoist-variables': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/parser': 7.23.0
+      '@babel/types': 7.23.0
+      debug: 4.3.4(supports-color@8.1.1)
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
 
   /@babel/traverse@7.23.7:
-    resolution: {integrity: sha512-tY3mM8rH9jM0YHFGyfC0/xf+SB5eKUu7HPj7/k3fpi9dAlsMc5YbQvDi0Sh2QTPXqMhyaAtzAr807TIyfQrmyg==, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.7.tgz}
+    resolution: {integrity: sha512-tY3mM8rH9jM0YHFGyfC0/xf+SB5eKUu7HPj7/k3fpi9dAlsMc5YbQvDi0Sh2QTPXqMhyaAtzAr807TIyfQrmyg==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.23.5
@@ -690,160 +956,375 @@ packages:
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/parser': 7.23.6
       '@babel/types': 7.23.6
-      debug: 4.3.4
+      debug: 4.3.4(supports-color@8.1.1)
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
     dev: false
 
+  /@babel/types@7.23.0:
+    resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-string-parser': 7.22.5
+      '@babel/helper-validator-identifier': 7.22.20
+      to-fast-properties: 2.0.0
+
   /@babel/types@7.23.6:
-    resolution: {integrity: sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==, tarball: https://registry.npmjs.org/@babel/types/-/types-7.23.6.tgz}
+    resolution: {integrity: sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-string-parser': 7.23.4
       '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
-    dev: false
 
-  /@colors/colors@1.5.0:
-    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==, tarball: https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz}
-    engines: {node: '>=0.1.90'}
-    requiresBuild: true
+  /@changesets/apply-release-plan@6.1.4:
+    resolution: {integrity: sha512-FMpKF1fRlJyCZVYHr3CbinpZZ+6MwvOtWUuO8uo+svcATEoc1zRDcj23pAurJ2TZ/uVz1wFHH6K3NlACy0PLew==}
+    dependencies:
+      '@babel/runtime': 7.23.2
+      '@changesets/config': 2.3.1
+      '@changesets/get-version-range-type': 0.3.2
+      '@changesets/git': 2.0.0
+      '@changesets/types': 5.2.1
+      '@manypkg/get-packages': 1.1.3
+      detect-indent: 6.1.0
+      fs-extra: 7.0.1
+      lodash.startcase: 4.4.0
+      outdent: 0.5.0
+      prettier: 2.8.8
+      resolve-from: 5.0.0
+      semver: 7.5.4
     dev: true
-    optional: true
 
-  /@esbuild/aix-ppc64@0.19.11:
-    resolution: {integrity: sha512-FnzU0LyE3ySQk7UntJO4+qIiQgI7KoODnZg5xzXIrFJlKd2P2gwHsHY4927xj9y5PJmJSzULiUCWmv7iWnNa7g==, tarball: https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.11.tgz}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [aix]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@esbuild/android-arm64@0.18.20:
-    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    optional: true
+  /@changesets/assemble-release-plan@5.2.4:
+    resolution: {integrity: sha512-xJkWX+1/CUaOUWTguXEbCDTyWJFECEhmdtbkjhn5GVBGxdP/JwaHBIU9sW3FR6gD07UwZ7ovpiPclQZs+j+mvg==}
+    dependencies:
+      '@babel/runtime': 7.23.2
+      '@changesets/errors': 0.1.4
+      '@changesets/get-dependents-graph': 1.3.6
+      '@changesets/types': 5.2.1
+      '@manypkg/get-packages': 1.1.3
+      semver: 7.5.4
+    dev: true
 
-  /@esbuild/android-arm64@0.19.11:
-    resolution: {integrity: sha512-aiu7K/5JnLj//KOnOfEZ0D90obUkRzDMyqd/wNAUQ34m4YUPVhRZpnqKV9uqDGxT7cToSDnIHsGooyIczu9T+Q==, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.11.tgz}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: false
-    optional: true
+  /@changesets/changelog-git@0.1.14:
+    resolution: {integrity: sha512-+vRfnKtXVWsDDxGctOfzJsPhaCdXRYoe+KyWYoq5X/GqoISREiat0l3L8B0a453B2B4dfHGcZaGyowHbp9BSaA==}
+    dependencies:
+      '@changesets/types': 5.2.1
+    dev: true
 
-  /@esbuild/android-arm64@0.19.5:
-    resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==, tarball: https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.5.tgz}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: false
-    optional: true
+  /@changesets/changelog-github@0.4.7:
+    resolution: {integrity: sha512-UUG5sKwShs5ha1GFnayUpZNcDGWoY7F5XxhOEHS62sDPOtoHQZsG3j1nC5RxZ3M1URHA321cwVZHeXgu99Y3ew==}
+    dependencies:
+      '@changesets/get-github-info': 0.5.2
+      '@changesets/types': 5.2.1
+      dotenv: 8.6.0
+    transitivePeerDependencies:
+      - encoding
+    dev: true
 
-  /@esbuild/android-arm@0.18.20:
-    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    optional: true
+  /@changesets/cli@2.25.0:
+    resolution: {integrity: sha512-Svu5KD2enurVHGEEzCRlaojrHjVYgF9srmMP9VQSy9c1TspX6C9lDPpulsSNIjYY9BuU/oiWpjBgR7RI9eQiAA==}
+    hasBin: true
+    dependencies:
+      '@babel/runtime': 7.23.2
+      '@changesets/apply-release-plan': 6.1.4
+      '@changesets/assemble-release-plan': 5.2.4
+      '@changesets/changelog-git': 0.1.14
+      '@changesets/config': 2.3.1
+      '@changesets/errors': 0.1.4
+      '@changesets/get-dependents-graph': 1.3.6
+      '@changesets/get-release-plan': 3.0.17
+      '@changesets/git': 1.5.0
+      '@changesets/logger': 0.0.5
+      '@changesets/pre': 1.0.14
+      '@changesets/read': 0.5.9
+      '@changesets/types': 5.2.1
+      '@changesets/write': 0.2.3
+      '@manypkg/get-packages': 1.1.3
+      '@types/is-ci': 3.0.3
+      '@types/semver': 6.2.5
+      ansi-colors: 4.1.3
+      chalk: 2.4.2
+      enquirer: 2.4.1
+      external-editor: 3.1.0
+      fs-extra: 7.0.1
+      human-id: 1.0.2
+      is-ci: 3.0.1
+      meow: 6.1.1
+      outdent: 0.5.0
+      p-limit: 2.3.0
+      preferred-pm: 3.1.2
+      resolve-from: 5.0.0
+      semver: 5.7.2
+      spawndamnit: 2.0.0
+      term-size: 2.2.1
+      tty-table: 4.2.2
+    dev: true
+
+  /@changesets/config@2.3.1:
+    resolution: {integrity: sha512-PQXaJl82CfIXddUOppj4zWu+987GCw2M+eQcOepxN5s+kvnsZOwjEJO3DH9eVy+OP6Pg/KFEWdsECFEYTtbg6w==}
+    dependencies:
+      '@changesets/errors': 0.1.4
+      '@changesets/get-dependents-graph': 1.3.6
+      '@changesets/logger': 0.0.5
+      '@changesets/types': 5.2.1
+      '@manypkg/get-packages': 1.1.3
+      fs-extra: 7.0.1
+      micromatch: 4.0.5
+    dev: true
 
-  /@esbuild/android-arm@0.19.11:
-    resolution: {integrity: sha512-5OVapq0ClabvKvQ58Bws8+wkLCV+Rxg7tUVbo9xu034Nm536QTII4YzhaFriQ7rMrorfnFKUsArD2lqKbFY4vw==, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.11.tgz}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: false
-    optional: true
+  /@changesets/errors@0.1.4:
+    resolution: {integrity: sha512-HAcqPF7snsUJ/QzkWoKfRfXushHTu+K5KZLJWPb34s4eCZShIf8BFO3fwq6KU8+G7L5KdtN2BzQAXOSXEyiY9Q==}
+    dependencies:
+      extendable-error: 0.1.7
+    dev: true
 
-  /@esbuild/android-arm@0.19.5:
-    resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==, tarball: https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.5.tgz}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: false
-    optional: true
+  /@changesets/get-dependents-graph@1.3.6:
+    resolution: {integrity: sha512-Q/sLgBANmkvUm09GgRsAvEtY3p1/5OCzgBE5vX3vgb5CvW0j7CEljocx5oPXeQSNph6FXulJlXV3Re/v3K3P3Q==}
+    dependencies:
+      '@changesets/types': 5.2.1
+      '@manypkg/get-packages': 1.1.3
+      chalk: 2.4.2
+      fs-extra: 7.0.1
+      semver: 7.5.4
+    dev: true
 
-  /@esbuild/android-x64@0.18.20:
-    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    optional: true
+  /@changesets/get-github-info@0.5.2:
+    resolution: {integrity: sha512-JppheLu7S114aEs157fOZDjFqUDpm7eHdq5E8SSR0gUBTEK0cNSHsrSR5a66xs0z3RWuo46QvA3vawp8BxDHvg==}
+    dependencies:
+      dataloader: 1.4.0
+      node-fetch: 2.7.0
+    transitivePeerDependencies:
+      - encoding
+    dev: true
 
-  /@esbuild/android-x64@0.19.11:
-    resolution: {integrity: sha512-eccxjlfGw43WYoY9QgB82SgGgDbibcqyDTlk3l3C0jOVHKxrjdc9CTwDUQd0vkvYg5um0OH+GpxYvp39r+IPOg==, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.11.tgz}
+  /@changesets/get-release-plan@3.0.17:
+    resolution: {integrity: sha512-6IwKTubNEgoOZwDontYc2x2cWXfr6IKxP3IhKeK+WjyD6y3M4Gl/jdQvBw+m/5zWILSOCAaGLu2ZF6Q+WiPniw==}
+    dependencies:
+      '@babel/runtime': 7.23.2
+      '@changesets/assemble-release-plan': 5.2.4
+      '@changesets/config': 2.3.1
+      '@changesets/pre': 1.0.14
+      '@changesets/read': 0.5.9
+      '@changesets/types': 5.2.1
+      '@manypkg/get-packages': 1.1.3
+    dev: true
+
+  /@changesets/get-version-range-type@0.3.2:
+    resolution: {integrity: sha512-SVqwYs5pULYjYT4op21F2pVbcrca4qA/bAA3FmFXKMN7Y+HcO8sbZUTx3TAy2VXulP2FACd1aC7f2nTuqSPbqg==}
+    dev: true
+
+  /@changesets/git@1.5.0:
+    resolution: {integrity: sha512-Xo8AT2G7rQJSwV87c8PwMm6BAc98BnufRMsML7m7Iw8Or18WFvFmxqG5aOL5PBvhgq9KrKvaeIBNIymracSuHg==}
+    dependencies:
+      '@babel/runtime': 7.23.2
+      '@changesets/errors': 0.1.4
+      '@changesets/types': 5.2.1
+      '@manypkg/get-packages': 1.1.3
+      is-subdir: 1.2.0
+      spawndamnit: 2.0.0
+    dev: true
+
+  /@changesets/git@2.0.0:
+    resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==}
+    dependencies:
+      '@babel/runtime': 7.23.2
+      '@changesets/errors': 0.1.4
+      '@changesets/types': 5.2.1
+      '@manypkg/get-packages': 1.1.3
+      is-subdir: 1.2.0
+      micromatch: 4.0.5
+      spawndamnit: 2.0.0
+    dev: true
+
+  /@changesets/logger@0.0.5:
+    resolution: {integrity: sha512-gJyZHomu8nASHpaANzc6bkQMO9gU/ib20lqew1rVx753FOxffnCrJlGIeQVxNWCqM+o6OOleCo/ivL8UAO5iFw==}
+    dependencies:
+      chalk: 2.4.2
+    dev: true
+
+  /@changesets/parse@0.3.16:
+    resolution: {integrity: sha512-127JKNd167ayAuBjUggZBkmDS5fIKsthnr9jr6bdnuUljroiERW7FBTDNnNVyJ4l69PzR57pk6mXQdtJyBCJKg==}
+    dependencies:
+      '@changesets/types': 5.2.1
+      js-yaml: 3.14.1
+    dev: true
+
+  /@changesets/pre@1.0.14:
+    resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==}
+    dependencies:
+      '@babel/runtime': 7.23.2
+      '@changesets/errors': 0.1.4
+      '@changesets/types': 5.2.1
+      '@manypkg/get-packages': 1.1.3
+      fs-extra: 7.0.1
+    dev: true
+
+  /@changesets/read@0.5.9:
+    resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==}
+    dependencies:
+      '@babel/runtime': 7.23.2
+      '@changesets/git': 2.0.0
+      '@changesets/logger': 0.0.5
+      '@changesets/parse': 0.3.16
+      '@changesets/types': 5.2.1
+      chalk: 2.4.2
+      fs-extra: 7.0.1
+      p-filter: 2.1.0
+    dev: true
+
+  /@changesets/types@4.1.0:
+    resolution: {integrity: sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw==}
+    dev: true
+
+  /@changesets/types@5.2.1:
+    resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==}
+    dev: true
+
+  /@changesets/write@0.2.3:
+    resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==}
+    dependencies:
+      '@babel/runtime': 7.23.2
+      '@changesets/types': 5.2.1
+      fs-extra: 7.0.1
+      human-id: 1.0.2
+      prettier: 2.8.8
+    dev: true
+
+  /@colors/colors@1.5.0:
+    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
+    engines: {node: '>=0.1.90'}
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@cypress/request@2.88.12:
+    resolution: {integrity: sha512-tOn+0mDZxASFM+cuAP9szGUGPI1HwWVSvdzm7V4cCsPdFTx6qMj29CwaQmRAMIEhORIUBFBsYROYJcveK4uOjA==}
+    engines: {node: '>= 6'}
+    dependencies:
+      aws-sign2: 0.7.0
+      aws4: 1.12.0
+      caseless: 0.12.0
+      combined-stream: 1.0.8
+      extend: 3.0.2
+      forever-agent: 0.6.1
+      form-data: 2.3.3
+      http-signature: 1.3.6
+      is-typedarray: 1.0.0
+      isstream: 0.1.2
+      json-stringify-safe: 5.0.1
+      mime-types: 2.1.35
+      performance-now: 2.1.0
+      qs: 6.10.4
+      safe-buffer: 5.2.1
+      tough-cookie: 4.1.3
+      tunnel-agent: 0.6.0
+      uuid: 8.3.2
+    dev: true
+
+  /@cypress/skip-test@2.6.1:
+    resolution: {integrity: sha512-X+ibefBiuOmC5gKG91wRIT0/OqXeETYvu7zXktjZ3yLeO186Y8ia0K7/gQUpAwuUi28DuqMd1+7tBQVtPkzbPA==}
+    dev: true
+
+  /@cypress/xvfb@1.2.4(supports-color@8.1.1):
+    resolution: {integrity: sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==}
+    dependencies:
+      debug: 3.2.7(supports-color@8.1.1)
+      lodash.once: 4.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@dagrejs/dagre@1.0.4:
+    resolution: {integrity: sha512-jrEore+HhW1yg1Rsd9H1PPMcoEOD4bVh0WCXc6GqzyzubnJj4GaWGg8ETOrskTd/3n/g5LOzumGM4CCgpNLJNw==}
+    dependencies:
+      '@dagrejs/graphlib': 2.1.13
+    dev: false
+
+  /@dagrejs/graphlib@2.1.13:
+    resolution: {integrity: sha512-calbMa7Gcyo+/t23XBaqQqon8LlgE9regey4UVoikoenKBXvUnCUL3s9RP6USCxttfr0XWVICtYUuKMdehKqMw==}
+    engines: {node: '>17.0.0'}
+    dev: false
+
+  /@esbuild/android-arm64@0.18.20:
+    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
     engines: {node: '>=12'}
-    cpu: [x64]
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/android-arm64@0.19.5:
+    resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
     os: [android]
     requiresBuild: true
     dev: false
     optional: true
 
-  /@esbuild/android-x64@0.19.5:
-    resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==, tarball: https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.5.tgz}
+  /@esbuild/android-arm@0.18.20:
+    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
     engines: {node: '>=12'}
-    cpu: [x64]
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/android-arm@0.19.5:
+    resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==}
+    engines: {node: '>=12'}
+    cpu: [arm]
     os: [android]
     requiresBuild: true
     dev: false
     optional: true
 
-  /@esbuild/darwin-arm64@0.18.20:
-    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz}
+  /@esbuild/android-x64@0.18.20:
+    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
     engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
+    cpu: [x64]
+    os: [android]
     requiresBuild: true
     optional: true
 
-  /@esbuild/darwin-arm64@0.19.11:
-    resolution: {integrity: sha512-ETp87DRWuSt9KdDVkqSoKoLFHYTrkyz2+65fj9nfXsaV3bMhTCjtQfw3y+um88vGRKRiF7erPrh/ZuIdLUIVxQ==, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.11.tgz}
+  /@esbuild/android-x64@0.19.5:
+    resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==}
     engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
+    cpu: [x64]
+    os: [android]
     requiresBuild: true
     dev: false
     optional: true
 
-  /@esbuild/darwin-arm64@0.19.5:
-    resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==, tarball: https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.5.tgz}
+  /@esbuild/darwin-arm64@0.18.20:
+    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
-    dev: false
     optional: true
 
-  /@esbuild/darwin-x64@0.18.20:
-    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz}
+  /@esbuild/darwin-arm64@0.19.5:
+    resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==}
     engines: {node: '>=12'}
-    cpu: [x64]
+    cpu: [arm64]
     os: [darwin]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/darwin-x64@0.19.11:
-    resolution: {integrity: sha512-fkFUiS6IUK9WYUO/+22omwetaSNl5/A8giXvQlcinLIjVkxwTLSktbF5f/kJMftM2MJp9+fXqZ5ezS7+SALp4g==, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.11.tgz}
+  /@esbuild/darwin-x64@0.18.20:
+    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/darwin-x64@0.19.5:
-    resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==, tarball: https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.5.tgz}
+    resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
@@ -852,24 +1333,15 @@ packages:
     optional: true
 
   /@esbuild/freebsd-arm64@0.18.20:
-    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/freebsd-arm64@0.19.11:
-    resolution: {integrity: sha512-lhoSp5K6bxKRNdXUtHoNc5HhbXVCS8V0iZmDvyWvYq9S5WSfTIHU2UGjcGt7UeS6iEYp9eeymIl5mJBn0yiuxA==, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.11.tgz}
+    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/freebsd-arm64@0.19.5:
-    resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==, tarball: https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.5.tgz}
+    resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
@@ -878,24 +1350,15 @@ packages:
     optional: true
 
   /@esbuild/freebsd-x64@0.18.20:
-    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/freebsd-x64@0.19.11:
-    resolution: {integrity: sha512-JkUqn44AffGXitVI6/AbQdoYAq0TEullFdqcMY/PCUZ36xJ9ZJRtQabzMA+Vi7r78+25ZIBosLTOKnUXBSi1Kw==, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.11.tgz}
+    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/freebsd-x64@0.19.5:
-    resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==, tarball: https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.5.tgz}
+    resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
@@ -904,24 +1367,15 @@ packages:
     optional: true
 
   /@esbuild/linux-arm64@0.18.20:
-    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/linux-arm64@0.19.11:
-    resolution: {integrity: sha512-LneLg3ypEeveBSMuoa0kwMpCGmpu8XQUh+mL8XXwoYZ6Be2qBnVtcDI5azSvh7vioMDhoJFZzp9GWp9IWpYoUg==, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.11.tgz}
+    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-arm64@0.19.5:
-    resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==, tarball: https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.5.tgz}
+    resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
@@ -930,24 +1384,15 @@ packages:
     optional: true
 
   /@esbuild/linux-arm@0.18.20:
-    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/linux-arm@0.19.11:
-    resolution: {integrity: sha512-3CRkr9+vCV2XJbjwgzjPtO8T0SZUmRZla+UL1jw+XqHZPkPgZiyWvbDvl9rqAN8Zl7qJF0O/9ycMtjU67HN9/Q==, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.11.tgz}
+    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-arm@0.19.5:
-    resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==, tarball: https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.5.tgz}
+    resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
@@ -956,24 +1401,15 @@ packages:
     optional: true
 
   /@esbuild/linux-ia32@0.18.20:
-    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/linux-ia32@0.19.11:
-    resolution: {integrity: sha512-caHy++CsD8Bgq2V5CodbJjFPEiDPq8JJmBdeyZ8GWVQMjRD0sU548nNdwPNvKjVpamYYVL40AORekgfIubwHoA==, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.11.tgz}
+    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-ia32@0.19.5:
-    resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==, tarball: https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.5.tgz}
+    resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
@@ -982,24 +1418,15 @@ packages:
     optional: true
 
   /@esbuild/linux-loong64@0.18.20:
-    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz}
+    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-loong64@0.19.11:
-    resolution: {integrity: sha512-ppZSSLVpPrwHccvC6nQVZaSHlFsvCQyjnvirnVjbKSHuE5N24Yl8F3UwYUUR1UEPaFObGD2tSvVKbvR+uT1Nrg==, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.11.tgz}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
   /@esbuild/linux-loong64@0.19.5:
-    resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==, tarball: https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.5.tgz}
+    resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
@@ -1008,24 +1435,15 @@ packages:
     optional: true
 
   /@esbuild/linux-mips64el@0.18.20:
-    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/linux-mips64el@0.19.11:
-    resolution: {integrity: sha512-B5x9j0OgjG+v1dF2DkH34lr+7Gmv0kzX6/V0afF41FkPMMqaQ77pH7CrhWeR22aEeHKaeZVtZ6yFwlxOKPVFyg==, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.11.tgz}
+    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-mips64el@0.19.5:
-    resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==, tarball: https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.5.tgz}
+    resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
@@ -1034,24 +1452,15 @@ packages:
     optional: true
 
   /@esbuild/linux-ppc64@0.18.20:
-    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/linux-ppc64@0.19.11:
-    resolution: {integrity: sha512-MHrZYLeCG8vXblMetWyttkdVRjQlQUb/oMgBNurVEnhj4YWOr4G5lmBfZjHYQHHN0g6yDmCAQRR8MUHldvvRDA==, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.11.tgz}
+    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-ppc64@0.19.5:
-    resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==, tarball: https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.5.tgz}
+    resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
@@ -1060,24 +1469,15 @@ packages:
     optional: true
 
   /@esbuild/linux-riscv64@0.18.20:
-    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/linux-riscv64@0.19.11:
-    resolution: {integrity: sha512-f3DY++t94uVg141dozDu4CCUkYW+09rWtaWfnb3bqe4w5NqmZd6nPVBm+qbz7WaHZCoqXqHz5p6CM6qv3qnSSQ==, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.11.tgz}
+    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-riscv64@0.19.5:
-    resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==, tarball: https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.5.tgz}
+    resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
@@ -1086,24 +1486,15 @@ packages:
     optional: true
 
   /@esbuild/linux-s390x@0.18.20:
-    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/linux-s390x@0.19.11:
-    resolution: {integrity: sha512-A5xdUoyWJHMMlcSMcPGVLzYzpcY8QP1RtYzX5/bS4dvjBGVxdhuiYyFwp7z74ocV7WDc0n1harxmpq2ePOjI0Q==, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.11.tgz}
+    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-s390x@0.19.5:
-    resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==, tarball: https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.5.tgz}
+    resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
@@ -1112,24 +1503,15 @@ packages:
     optional: true
 
   /@esbuild/linux-x64@0.18.20:
-    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/linux-x64@0.19.11:
-    resolution: {integrity: sha512-grbyMlVCvJSfxFQUndw5mCtWs5LO1gUlwP4CDi4iJBbVpZcqLVT29FxgGuBJGSzyOxotFG4LoO5X+M1350zmPA==, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.11.tgz}
+    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-x64@0.19.5:
-    resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==, tarball: https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.5.tgz}
+    resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
@@ -1138,24 +1520,15 @@ packages:
     optional: true
 
   /@esbuild/netbsd-x64@0.18.20:
-    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/netbsd-x64@0.19.11:
-    resolution: {integrity: sha512-13jvrQZJc3P230OhU8xgwUnDeuC/9egsjTkXN49b3GcS5BKvJqZn86aGM8W9pd14Kd+u7HuFBMVtrNGhh6fHEQ==, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.11.tgz}
+    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/netbsd-x64@0.19.5:
-    resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==, tarball: https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.5.tgz}
+    resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
@@ -1164,24 +1537,15 @@ packages:
     optional: true
 
   /@esbuild/openbsd-x64@0.18.20:
-    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/openbsd-x64@0.19.11:
-    resolution: {integrity: sha512-ysyOGZuTp6SNKPE11INDUeFVVQFrhcNDVUgSQVDzqsqX38DjhPEPATpid04LCoUr2WXhQTEZ8ct/EgJCUDpyNw==, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.11.tgz}
+    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/openbsd-x64@0.19.5:
-    resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==, tarball: https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.5.tgz}
+    resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
@@ -1190,24 +1554,15 @@ packages:
     optional: true
 
   /@esbuild/sunos-x64@0.18.20:
-    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz}
+    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
     requiresBuild: true
     optional: true
 
-  /@esbuild/sunos-x64@0.19.11:
-    resolution: {integrity: sha512-Hf+Sad9nVwvtxy4DXCZQqLpgmRTQqyFyhT3bZ4F2XlJCjxGmRFF0Shwn9rzhOYRB61w9VMXUkxlBy56dk9JJiQ==, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.11.tgz}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: false
-    optional: true
-
   /@esbuild/sunos-x64@0.19.5:
-    resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==, tarball: https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.5.tgz}
+    resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
@@ -1216,24 +1571,15 @@ packages:
     optional: true
 
   /@esbuild/win32-arm64@0.18.20:
-    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/win32-arm64@0.19.11:
-    resolution: {integrity: sha512-0P58Sbi0LctOMOQbpEOvOL44Ne0sqbS0XWHMvvrg6NE5jQ1xguCSSw9jQeUk2lfrXYsKDdOe6K+oZiwKPilYPQ==, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.11.tgz}
+    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/win32-arm64@0.19.5:
-    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==, tarball: https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.5.tgz}
+    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
@@ -1242,24 +1588,15 @@ packages:
     optional: true
 
   /@esbuild/win32-ia32@0.18.20:
-    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/win32-ia32@0.19.11:
-    resolution: {integrity: sha512-6YOrWS+sDJDmshdBIQU+Uoyh7pQKrdykdefC1avn76ss5c+RN6gut3LZA4E2cH5xUEp5/cA0+YxRaVtRAb0xBg==, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.11.tgz}
+    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/win32-ia32@0.19.5:
-    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==, tarball: https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.5.tgz}
+    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
@@ -1268,24 +1605,15 @@ packages:
     optional: true
 
   /@esbuild/win32-x64@0.18.20:
-    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/win32-x64@0.19.11:
-    resolution: {integrity: sha512-vfkhltrjCAb603XaFhqhAF4LGDi2M4OrCRrFusyQ+iTLQ/o60QQXxc9cZC/FFpihBI9N1Grn6SMKVJ4KP7Fuiw==, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.11.tgz}
+    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/win32-x64@0.19.5:
-    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==, tarball: https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.5.tgz}
+    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
@@ -1293,2151 +1621,240 @@ packages:
     dev: false
     optional: true
 
-  /@jridgewell/gen-mapping@0.3.3:
-    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==, tarball: https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz}
-    engines: {node: '>=6.0.0'}
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.43.0):
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
-      '@jridgewell/set-array': 1.1.2
-      '@jridgewell/sourcemap-codec': 1.4.15
-      '@jridgewell/trace-mapping': 0.3.20
-    dev: false
-
-  /@jridgewell/resolve-uri@3.1.1:
-    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==, tarball: https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz}
-    engines: {node: '>=6.0.0'}
-    dev: false
-
-  /@jridgewell/set-array@1.1.2:
-    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==, tarball: https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz}
-    engines: {node: '>=6.0.0'}
-    dev: false
-
-  /@jridgewell/sourcemap-codec@1.4.15:
-    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==, tarball: https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz}
-    dev: false
+      eslint: 8.43.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
 
-  /@jridgewell/trace-mapping@0.3.20:
-    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==, tarball: https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz}
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.53.0):
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
-      '@jridgewell/resolve-uri': 3.1.1
-      '@jridgewell/sourcemap-codec': 1.4.15
-    dev: false
+      eslint: 8.53.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
 
-  /@nodelib/fs.scandir@2.1.5:
-    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==, tarball: https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz}
-    engines: {node: '>= 8'}
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      run-parallel: 1.2.0
+  /@eslint-community/regexpp@4.10.0:
+    resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
-  /@nodelib/fs.stat@2.0.5:
-    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==, tarball: https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz}
-    engines: {node: '>= 8'}
+  /@eslint-community/regexpp@4.9.1:
+    resolution: {integrity: sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
-  /@nodelib/fs.walk@1.2.8:
-    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==, tarball: https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz}
-    engines: {node: '>= 8'}
+  /@eslint/eslintrc@2.1.2:
+    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.16.0
+      ajv: 6.12.6
+      debug: 4.3.4(supports-color@8.1.1)
+      espree: 9.6.1
+      globals: 13.23.0
+      ignore: 5.2.4
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
-  /@playwright/experimental-ct-core@1.40.1(@types/node@18.7.16):
-    resolution: {integrity: sha512-FjYQP74I2xVAO6W52+Yn2t48FDs+IhOHcWAwZHqAX+lHVHidz4f/b0FY3Qnq8+ZIt5TgqucEzGXbw/TdqJYDtA==, tarball: https://registry.npmjs.org/@playwright/experimental-ct-core/-/experimental-ct-core-1.40.1.tgz}
-    engines: {node: '>=16'}
-    hasBin: true
-    dependencies:
-      playwright: 1.40.1
-      playwright-core: 1.40.1
-      vite: 4.5.1(@types/node@18.7.16)
-    transitivePeerDependencies:
-      - '@types/node'
-      - less
-      - lightningcss
-      - sass
-      - stylus
-      - sugarss
-      - terser
-    dev: false
-
-  /@playwright/experimental-ct-react@1.40.1(@types/node@18.7.16)(vite@5.0.10):
-    resolution: {integrity: sha512-a2ubB04+pSswpWOgIwgBcSvvdvVNv4Cz8wud5ZLV5+4fcRqRACxFlGJPiVHw1zanhDSD+rH6H9+zaNm/o1iJHw==, tarball: https://registry.npmjs.org/@playwright/experimental-ct-react/-/experimental-ct-react-1.40.1.tgz}
-    engines: {node: '>=16'}
-    hasBin: true
-    dependencies:
-      '@playwright/experimental-ct-core': 1.40.1(@types/node@18.7.16)
-      '@vitejs/plugin-react': 4.2.1(vite@5.0.10)
-    transitivePeerDependencies:
-      - '@types/node'
-      - less
-      - lightningcss
-      - sass
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-      - vite
-    dev: false
-
-  /@playwright/test@1.40.1:
-    resolution: {integrity: sha512-EaaawMTOeEItCRvfmkI9v6rBkF1svM8wjl/YPRrg2N2Wmp+4qJYkWtJsbew1szfKKDm6fPLy4YAanBhIlf9dWw==, tarball: https://registry.npmjs.org/@playwright/test/-/test-1.40.1.tgz}
-    engines: {node: '>=16'}
-    hasBin: true
-    dependencies:
-      playwright: 1.40.1
-    dev: true
-
-  /@rollup/rollup-android-arm-eabi@4.9.2:
-    resolution: {integrity: sha512-RKzxFxBHq9ysZ83fn8Iduv3A283K7zPPYuhL/z9CQuyFrjwpErJx0h4aeb/bnJ+q29GRLgJpY66ceQ/Wcsn3wA==, tarball: https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.9.2.tgz}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@rollup/rollup-android-arm64@4.9.2:
-    resolution: {integrity: sha512-yZ+MUbnwf3SHNWQKJyWh88ii2HbuHCFQnAYTeeO1Nb8SyEiWASEi5dQUygt3ClHWtA9My9RQAYkjvrsZ0WK8Xg==, tarball: https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.9.2.tgz}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@rollup/rollup-darwin-arm64@4.9.2:
-    resolution: {integrity: sha512-vqJ/pAUh95FLc/G/3+xPqlSBgilPnauVf2EXOQCZzhZJCXDXt/5A8mH/OzU6iWhb3CNk5hPJrh8pqJUPldN5zw==, tarball: https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.9.2.tgz}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@rollup/rollup-darwin-x64@4.9.2:
-    resolution: {integrity: sha512-otPHsN5LlvedOprd3SdfrRNhOahhVBwJpepVKUN58L0RnC29vOAej1vMEaVU6DadnpjivVsNTM5eNt0CcwTahw==, tarball: https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.9.2.tgz}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@rollup/rollup-linux-arm-gnueabihf@4.9.2:
-    resolution: {integrity: sha512-ewG5yJSp+zYKBYQLbd1CUA7b1lSfIdo9zJShNTyc2ZP1rcPrqyZcNlsHgs7v1zhgfdS+kW0p5frc0aVqhZCiYQ==, tarball: https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.9.2.tgz}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@rollup/rollup-linux-arm64-gnu@4.9.2:
-    resolution: {integrity: sha512-pL6QtV26W52aCWTG1IuFV3FMPL1m4wbsRG+qijIvgFO/VBsiXJjDPE/uiMdHBAO6YcpV4KvpKtd0v3WFbaxBtg==, tarball: https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.9.2.tgz}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@rollup/rollup-linux-arm64-musl@4.9.2:
-    resolution: {integrity: sha512-On+cc5EpOaTwPSNetHXBuqylDW+765G/oqB9xGmWU3npEhCh8xu0xqHGUA+4xwZLqBbIZNcBlKSIYfkBm6ko7g==, tarball: https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.9.2.tgz}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@rollup/rollup-linux-riscv64-gnu@4.9.2:
-    resolution: {integrity: sha512-Wnx/IVMSZ31D/cO9HSsU46FjrPWHqtdF8+0eyZ1zIB5a6hXaZXghUKpRrC4D5DcRTZOjml2oBhXoqfGYyXKipw==, tarball: https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.9.2.tgz}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@rollup/rollup-linux-x64-gnu@4.9.2:
-    resolution: {integrity: sha512-ym5x1cj4mUAMBummxxRkI4pG5Vht1QMsJexwGP8547TZ0sox9fCLDHw9KCH9c1FO5d9GopvkaJsBIOkTKxksdw==, tarball: https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.9.2.tgz}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@rollup/rollup-linux-x64-musl@4.9.2:
-    resolution: {integrity: sha512-m0hYELHGXdYx64D6IDDg/1vOJEaiV8f1G/iO+tejvRCJNSwK4jJ15e38JQy5Q6dGkn1M/9KcyEOwqmlZ2kqaZg==, tarball: https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.9.2.tgz}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@rollup/rollup-win32-arm64-msvc@4.9.2:
-    resolution: {integrity: sha512-x1CWburlbN5JjG+juenuNa4KdedBdXLjZMp56nHFSHTOsb/MI2DYiGzLtRGHNMyydPGffGId+VgjOMrcltOksA==, tarball: https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.9.2.tgz}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@rollup/rollup-win32-ia32-msvc@4.9.2:
-    resolution: {integrity: sha512-VVzCB5yXR1QlfsH1Xw1zdzQ4Pxuzv+CPr5qpElpKhVxlxD3CRdfubAG9mJROl6/dmj5gVYDDWk8sC+j9BI9/kQ==, tarball: https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.9.2.tgz}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@rollup/rollup-win32-x64-msvc@4.9.2:
-    resolution: {integrity: sha512-SYRedJi+mweatroB+6TTnJYLts0L0bosg531xnQWtklOI6dezEagx4Q0qDyvRdK+qgdA3YZpjjGuPFtxBmddBA==, tarball: https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.9.2.tgz}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@sindresorhus/merge-streams@1.0.0:
-    resolution: {integrity: sha512-rUV5WyJrJLoloD4NDN1V1+LDMDWOa4OTsT4yYJwQNpTU6FWxkxHpL7eu4w+DmiH8x/EAM1otkPE1+LaspIbplw==, tarball: https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-1.0.0.tgz}
-    engines: {node: '>=18'}
-    dev: true
-
-  /@swc/core-darwin-arm64@1.3.96:
-    resolution: {integrity: sha512-8hzgXYVd85hfPh6mJ9yrG26rhgzCmcLO0h1TIl8U31hwmTbfZLzRitFQ/kqMJNbIBCwmNH1RU2QcJnL3d7f69A==, tarball: https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.96.tgz}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@swc/core-darwin-x64@1.3.96:
-    resolution: {integrity: sha512-mFp9GFfuPg+43vlAdQZl0WZpZSE8sEzqL7sr/7Reul5McUHP0BaLsEzwjvD035ESfkY8GBZdLpMinblIbFNljQ==, tarball: https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.96.tgz}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@swc/core-linux-arm-gnueabihf@1.3.96:
-    resolution: {integrity: sha512-8UEKkYJP4c8YzYIY/LlbSo8z5Obj4hqcv/fUTHiEePiGsOddgGf7AWjh56u7IoN/0uEmEro59nc1ChFXqXSGyg==, tarball: https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.96.tgz}
-    engines: {node: '>=10'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@swc/core-linux-arm64-gnu@1.3.96:
-    resolution: {integrity: sha512-c/IiJ0s1y3Ymm2BTpyC/xr6gOvoqAVETrivVXHq68xgNms95luSpbYQ28rqaZC8bQC8M5zdXpSc0T8DJu8RJGw==, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.96.tgz}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@swc/core-linux-arm64-musl@1.3.96:
-    resolution: {integrity: sha512-i5/UTUwmJLri7zhtF6SAo/4QDQJDH2fhYJaBIUhrICmIkRO/ltURmpejqxsM/ye9Jqv5zG7VszMC0v/GYn/7BQ==, tarball: https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.96.tgz}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@swc/core-linux-x64-gnu@1.3.96:
-    resolution: {integrity: sha512-USdaZu8lTIkm4Yf9cogct/j5eqtdZqTgcTib4I+NloUW0E/hySou3eSyp3V2UAA1qyuC72ld1otXuyKBna0YKQ==, tarball: https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.96.tgz}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@swc/core-linux-x64-musl@1.3.96:
-    resolution: {integrity: sha512-QYErutd+G2SNaCinUVobfL7jWWjGTI0QEoQ6hqTp7PxCJS/dmKmj3C5ZkvxRYcq7XcZt7ovrYCTwPTHzt6lZBg==, tarball: https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.96.tgz}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@swc/core-win32-arm64-msvc@1.3.96:
-    resolution: {integrity: sha512-hjGvvAduA3Un2cZ9iNP4xvTXOO4jL3G9iakhFsgVhpkU73SGmK7+LN8ZVBEu4oq2SUcHO6caWvnZ881cxGuSpg==, tarball: https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.96.tgz}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@swc/core-win32-ia32-msvc@1.3.96:
-    resolution: {integrity: sha512-Far2hVFiwr+7VPCM2GxSmbh3ikTpM3pDombE+d69hkedvYHYZxtTF+2LTKl/sXtpbUnsoq7yV/32c9R/xaaWfw==, tarball: https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.96.tgz}
-    engines: {node: '>=10'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@swc/core-win32-x64-msvc@1.3.96:
-    resolution: {integrity: sha512-4VbSAniIu0ikLf5mBX81FsljnfqjoVGleEkCQv4+zRlyZtO3FHoDPkeLVoy6WRlj7tyrRcfUJ4mDdPkbfTO14g==, tarball: https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.96.tgz}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@types/babel__core@7.20.5:
-    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==, tarball: https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz}
-    dependencies:
-      '@babel/parser': 7.23.6
-      '@babel/types': 7.23.6
-      '@types/babel__generator': 7.6.8
-      '@types/babel__template': 7.4.4
-      '@types/babel__traverse': 7.20.5
-    dev: false
-
-  /@types/babel__generator@7.6.8:
-    resolution: {integrity: sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==, tarball: https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz}
-    dependencies:
-      '@babel/types': 7.23.6
-    dev: false
-
-  /@types/babel__template@7.4.4:
-    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==, tarball: https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz}
-    dependencies:
-      '@babel/parser': 7.23.6
-      '@babel/types': 7.23.6
-    dev: false
-
-  /@types/babel__traverse@7.20.5:
-    resolution: {integrity: sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==, tarball: https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.5.tgz}
-    dependencies:
-      '@babel/types': 7.23.6
-    dev: false
-
-  /@types/yauzl@2.10.3:
-    resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==, tarball: https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz}
-    requiresBuild: true
-    dependencies:
-      '@types/node': registry.npmjs.org/@types/node@18.7.16
-    dev: true
-    optional: true
-
-  /@vitejs/plugin-react@4.2.1(vite@5.0.10):
-    resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.2.1.tgz}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.2.0 || ^5.0.0
-    dependencies:
-      '@babel/core': 7.23.7
-      '@babel/plugin-transform-react-jsx-self': 7.23.3(@babel/core@7.23.7)
-      '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.23.7)
-      '@types/babel__core': 7.20.5
-      react-refresh: 0.14.0
-      vite: 5.0.10(@types/node@18.7.16)
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
-
-  /ansi-regex@5.0.1:
-    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==, tarball: https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz}
-    engines: {node: '>=8'}
-    dev: true
-
-  /ansi-styles@3.2.1:
-    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz}
-    engines: {node: '>=4'}
-    dependencies:
-      color-convert: 1.9.3
-    dev: false
-
-  /ansi-styles@4.3.0:
-    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz}
-    engines: {node: '>=8'}
-    dependencies:
-      color-convert: 2.0.1
-    dev: true
-
-  /anymatch@3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==, tarball: https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz}
-    engines: {node: '>= 8'}
-    dependencies:
-      normalize-path: 3.0.0
-      picomatch: 2.3.1
-    dev: true
-
-  /binary-extensions@2.2.0:
-    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==, tarball: https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz}
-    engines: {node: '>=8'}
-    dev: true
-
-  /braces@3.0.2:
-    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==, tarball: https://registry.npmjs.org/braces/-/braces-3.0.2.tgz}
-    engines: {node: '>=8'}
-    dependencies:
-      fill-range: 7.0.1
-    dev: true
-
-  /browserslist@4.22.2:
-    resolution: {integrity: sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-    dependencies:
-      caniuse-lite: 1.0.30001572
-      electron-to-chromium: 1.4.617
-      node-releases: 2.0.14
-      update-browserslist-db: 1.0.13(browserslist@4.22.2)
-    dev: false
-
-  /caniuse-lite@1.0.30001572:
-    resolution: {integrity: sha512-1Pbh5FLmn5y4+QhNyJE9j3/7dK44dGB83/ZMjv/qJk86TvDbjk0LosiZo0i0WB0Vx607qMX9jYrn1VLHCkN4rw==, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001572.tgz}
-    dev: false
-
-  /chalk@2.4.2:
-    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==, tarball: https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz}
-    engines: {node: '>=4'}
-    dependencies:
-      ansi-styles: 3.2.1
-      escape-string-regexp: 1.0.5
-      supports-color: 5.5.0
-    dev: false
-
-  /chokidar@3.5.3:
-    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==, tarball: https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz}
-    engines: {node: '>= 8.10.0'}
-    dependencies:
-      anymatch: 3.1.3
-      braces: 3.0.2
-      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
-    dev: true
-
-  /cliui@8.0.1:
-    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==, tarball: https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz}
-    engines: {node: '>=12'}
-    dependencies:
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-      wrap-ansi: 7.0.0
-    dev: true
-
-  /color-convert@1.9.3:
-    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==, tarball: https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz}
-    dependencies:
-      color-name: 1.1.3
-    dev: false
-
-  /color-convert@2.0.1:
-    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==, tarball: https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz}
-    engines: {node: '>=7.0.0'}
-    dependencies:
-      color-name: 1.1.4
-    dev: true
-
-  /color-name@1.1.3:
-    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==, tarball: https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz}
-    dev: false
-
-  /color-name@1.1.4:
-    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==, tarball: https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz}
-    dev: true
-
-  /convert-source-map@2.0.0:
-    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==, tarball: https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz}
-    dev: false
-
-  /debug@4.3.4:
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==, tarball: https://registry.npmjs.org/debug/-/debug-4.3.4.tgz}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-    dependencies:
-      ms: 2.1.2
-    dev: false
-
-  /dependency-graph@0.11.0:
-    resolution: {integrity: sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==, tarball: https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz}
-    engines: {node: '>= 0.6.0'}
-    dev: true
-
-  /electron-to-chromium@1.4.617:
-    resolution: {integrity: sha512-sYNE3QxcDS4ANW1k4S/wWYMXjCVcFSOX3Bg8jpuMFaXt/x8JCmp0R1Xe1ZXDX4WXnSRBf+GJ/3eGWicUuQq5cg==, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.617.tgz}
-    dev: false
-
-  /emoji-regex@8.0.0:
-    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz}
-    dev: true
-
-  /esbuild@0.18.20:
-    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      '@esbuild/android-arm': 0.18.20
-      '@esbuild/android-arm64': 0.18.20
-      '@esbuild/android-x64': 0.18.20
-      '@esbuild/darwin-arm64': 0.18.20
-      '@esbuild/darwin-x64': 0.18.20
-      '@esbuild/freebsd-arm64': 0.18.20
-      '@esbuild/freebsd-x64': 0.18.20
-      '@esbuild/linux-arm': 0.18.20
-      '@esbuild/linux-arm64': 0.18.20
-      '@esbuild/linux-ia32': 0.18.20
-      '@esbuild/linux-loong64': 0.18.20
-      '@esbuild/linux-mips64el': 0.18.20
-      '@esbuild/linux-ppc64': 0.18.20
-      '@esbuild/linux-riscv64': 0.18.20
-      '@esbuild/linux-s390x': 0.18.20
-      '@esbuild/linux-x64': 0.18.20
-      '@esbuild/netbsd-x64': 0.18.20
-      '@esbuild/openbsd-x64': 0.18.20
-      '@esbuild/sunos-x64': 0.18.20
-      '@esbuild/win32-arm64': 0.18.20
-      '@esbuild/win32-ia32': 0.18.20
-      '@esbuild/win32-x64': 0.18.20
-
-  /esbuild@0.19.11:
-    resolution: {integrity: sha512-HJ96Hev2hX/6i5cDVwcqiJBBtuo9+FeIJOtZ9W1kA5M6AMJRHUZlpYZ1/SbEwtO0ioNAW8rUooVpC/WehY2SfA==, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.19.11.tgz}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      '@esbuild/aix-ppc64': 0.19.11
-      '@esbuild/android-arm': 0.19.11
-      '@esbuild/android-arm64': 0.19.11
-      '@esbuild/android-x64': 0.19.11
-      '@esbuild/darwin-arm64': 0.19.11
-      '@esbuild/darwin-x64': 0.19.11
-      '@esbuild/freebsd-arm64': 0.19.11
-      '@esbuild/freebsd-x64': 0.19.11
-      '@esbuild/linux-arm': 0.19.11
-      '@esbuild/linux-arm64': 0.19.11
-      '@esbuild/linux-ia32': 0.19.11
-      '@esbuild/linux-loong64': 0.19.11
-      '@esbuild/linux-mips64el': 0.19.11
-      '@esbuild/linux-ppc64': 0.19.11
-      '@esbuild/linux-riscv64': 0.19.11
-      '@esbuild/linux-s390x': 0.19.11
-      '@esbuild/linux-x64': 0.19.11
-      '@esbuild/netbsd-x64': 0.19.11
-      '@esbuild/openbsd-x64': 0.19.11
-      '@esbuild/sunos-x64': 0.19.11
-      '@esbuild/win32-arm64': 0.19.11
-      '@esbuild/win32-ia32': 0.19.11
-      '@esbuild/win32-x64': 0.19.11
-    dev: false
-
-  /escalade@3.1.1:
-    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==, tarball: https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz}
-    engines: {node: '>=6'}
-
-  /escape-string-regexp@1.0.5:
-    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==, tarball: https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz}
-    engines: {node: '>=0.8.0'}
-    dev: false
-
-  /fast-glob@3.3.2:
-    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==, tarball: https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz}
-    engines: {node: '>=8.6.0'}
-    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.5
-    dev: true
-
-  /fastq@1.16.0:
-    resolution: {integrity: sha512-ifCoaXsDrsdkWTtiNJX5uzHDsrck5TzfKKDcuFFTIrrc/BS076qgEIfoIy1VeZqViznfKiysPYTh/QeHtnIsYA==, tarball: https://registry.npmjs.org/fastq/-/fastq-1.16.0.tgz}
-    dependencies:
-      reusify: 1.0.4
-    dev: true
-
-  /fill-range@7.0.1:
-    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==, tarball: https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz}
-    engines: {node: '>=8'}
-    dependencies:
-      to-regex-range: 5.0.1
-    dev: true
-
-  /fs-extra@11.2.0:
-    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz}
-    engines: {node: '>=14.14'}
-    dependencies:
-      graceful-fs: 4.2.11
-      jsonfile: 6.1.0
-      universalify: 2.0.1
-    dev: true
-
-  /fsevents@2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-    requiresBuild: true
-    optional: true
-
-  /fsevents@2.3.3:
-    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-    requiresBuild: true
-    optional: true
-
-  /gensync@1.0.0-beta.2:
-    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==, tarball: https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz}
-    engines: {node: '>=6.9.0'}
-    dev: false
-
-  /get-caller-file@2.0.5:
-    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==, tarball: https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz}
-    engines: {node: 6.* || 8.* || >= 10.*}
-    dev: true
-
-  /get-stdin@9.0.0:
-    resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==, tarball: https://registry.npmjs.org/get-stdin/-/get-stdin-9.0.0.tgz}
-    engines: {node: '>=12'}
-    dev: true
-
-  /glob-parent@5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==, tarball: https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz}
-    engines: {node: '>= 6'}
-    dependencies:
-      is-glob: 4.0.3
-    dev: true
-
-  /globals@11.12.0:
-    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==, tarball: https://registry.npmjs.org/globals/-/globals-11.12.0.tgz}
-    engines: {node: '>=4'}
-    dev: false
-
-  /globby@14.0.0:
-    resolution: {integrity: sha512-/1WM/LNHRAOH9lZta77uGbq0dAEQM+XjNesWwhlERDVenqothRbnzTrL3/LrIoEPPjeUHC3vrS6TwoyxeHs7MQ==, tarball: https://registry.npmjs.org/globby/-/globby-14.0.0.tgz}
-    engines: {node: '>=18'}
-    dependencies:
-      '@sindresorhus/merge-streams': 1.0.0
-      fast-glob: 3.3.2
-      ignore: 5.3.0
-      path-type: 5.0.0
-      slash: 5.1.0
-      unicorn-magic: 0.1.0
-    dev: true
-
-  /graceful-fs@4.2.11:
-    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==, tarball: https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz}
-    dev: true
-
-  /has-flag@3.0.0:
-    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==, tarball: https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz}
-    engines: {node: '>=4'}
-    dev: false
-
-  /ignore@5.3.0:
-    resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==, tarball: https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz}
-    engines: {node: '>= 4'}
-    dev: true
-
-  /is-binary-path@2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==, tarball: https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz}
-    engines: {node: '>=8'}
-    dependencies:
-      binary-extensions: 2.2.0
-    dev: true
-
-  /is-extglob@2.1.1:
-    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==, tarball: https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /is-fullwidth-code-point@3.0.0:
-    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==, tarball: https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz}
-    engines: {node: '>=8'}
-    dev: true
-
-  /is-glob@4.0.3:
-    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==, tarball: https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-extglob: 2.1.1
-    dev: true
-
-  /is-number@7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==, tarball: https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz}
-    engines: {node: '>=0.12.0'}
-    dev: true
-
-  /js-tokens@4.0.0:
-    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==, tarball: https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz}
-    dev: false
-
-  /jsesc@2.5.2:
-    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==, tarball: https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz}
-    engines: {node: '>=4'}
-    hasBin: true
-    dev: false
-
-  /json5@2.2.3:
-    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==, tarball: https://registry.npmjs.org/json5/-/json5-2.2.3.tgz}
-    engines: {node: '>=6'}
-    hasBin: true
-    dev: false
-
-  /jsonfile@6.1.0:
-    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==, tarball: https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz}
-    dependencies:
-      universalify: 2.0.1
-    optionalDependencies:
-      graceful-fs: 4.2.11
-    dev: true
-
-  /lilconfig@3.0.0:
-    resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==, tarball: https://registry.npmjs.org/lilconfig/-/lilconfig-3.0.0.tgz}
-    engines: {node: '>=14'}
-    dev: true
-
-  /lru-cache@5.1.1:
-    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==, tarball: https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz}
-    dependencies:
-      yallist: 3.1.1
-    dev: false
-
-  /merge2@1.4.1:
-    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==, tarball: https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz}
-    engines: {node: '>= 8'}
-    dev: true
-
-  /micromatch@4.0.5:
-    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==, tarball: https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz}
-    engines: {node: '>=8.6'}
-    dependencies:
-      braces: 3.0.2
-      picomatch: 2.3.1
-    dev: true
-
-  /ms@2.1.2:
-    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==, tarball: https://registry.npmjs.org/ms/-/ms-2.1.2.tgz}
-    dev: false
-
-  /nanoid@3.3.7:
-    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==, tarball: https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-
-  /node-releases@2.0.14:
-    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==, tarball: https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz}
-    dev: false
-
-  /normalize-path@3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==, tarball: https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /path-type@5.0.0:
-    resolution: {integrity: sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==, tarball: https://registry.npmjs.org/path-type/-/path-type-5.0.0.tgz}
-    engines: {node: '>=12'}
-    dev: true
-
-  /picocolors@1.0.0:
-    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==, tarball: https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz}
-
-  /picomatch@2.3.1:
-    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==, tarball: https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz}
-    engines: {node: '>=8.6'}
-    dev: true
-
-  /pify@2.3.0:
-    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==, tarball: https://registry.npmjs.org/pify/-/pify-2.3.0.tgz}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /playwright-core@1.40.1:
-    resolution: {integrity: sha512-+hkOycxPiV534c4HhpfX6yrlawqVUzITRKwHAmYfmsVreltEl6fAZJ3DPfLMOODw0H3s1Itd6MDCWmP1fl/QvQ==, tarball: https://registry.npmjs.org/playwright-core/-/playwright-core-1.40.1.tgz}
-    engines: {node: '>=16'}
-    hasBin: true
-
-  /playwright@1.40.1:
-    resolution: {integrity: sha512-2eHI7IioIpQ0bS1Ovg/HszsN/XKNwEG1kbzSDDmADpclKc7CyqkHw7Mg2JCz/bbCxg25QUPcjksoMW7JcIFQmw==, tarball: https://registry.npmjs.org/playwright/-/playwright-1.40.1.tgz}
-    engines: {node: '>=16'}
-    hasBin: true
-    dependencies:
-      playwright-core: 1.40.1
-    optionalDependencies:
-      fsevents: 2.3.2
-
-  /postcss-cli@11.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-xMITAI7M0u1yolVcXJ9XTZiO9aO49mcoKQy6pCDFdMh9kGqhzLVpWxeD/32M/QBmkhcGypZFFOLNLmIW4Pg4RA==, tarball: https://registry.npmjs.org/postcss-cli/-/postcss-cli-11.0.0.tgz}
-    engines: {node: '>=18'}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.0.0
-    dependencies:
-      chokidar: 3.5.3
-      dependency-graph: 0.11.0
-      fs-extra: 11.2.0
-      get-stdin: 9.0.0
-      globby: 14.0.0
-      picocolors: 1.0.0
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-load-config: 5.0.2(postcss@8.4.21)
-      postcss-reporter: 7.0.5(postcss@8.4.21)
-      pretty-hrtime: 1.0.3
-      read-cache: 1.0.0
-      slash: 5.1.0
-      yargs: 17.7.2
-    transitivePeerDependencies:
-      - jiti
-    dev: true
-
-  /postcss-load-config@5.0.2(postcss@8.4.21):
-    resolution: {integrity: sha512-Q8QR3FYbqOKa0bnC1UQ2bFq9/ulHX5Bi34muzitMr8aDtUelO5xKeJEYC/5smE0jNE9zdB/NBnOwXKexELbRlw==, tarball: https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-5.0.2.tgz}
-    engines: {node: '>= 18'}
-    peerDependencies:
-      jiti: '>=1.21.0'
-      postcss: '>=8.0.9'
-    peerDependenciesMeta:
-      jiti:
-        optional: true
-      postcss:
-        optional: true
-    dependencies:
-      lilconfig: 3.0.0
-      postcss: registry.npmjs.org/postcss@8.4.21
-      yaml: 2.3.4
-    dev: true
-
-  /postcss-reporter@7.0.5(postcss@8.4.21):
-    resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==, tarball: https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-7.0.5.tgz}
-    engines: {node: '>=10'}
-    peerDependencies:
-      postcss: ^8.1.0
-    dependencies:
-      picocolors: 1.0.0
-      postcss: registry.npmjs.org/postcss@8.4.21
-      thenby: 1.3.4
-    dev: true
-
-  /postcss@8.4.32:
-    resolution: {integrity: sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz}
-    engines: {node: ^10 || ^12 || >=14}
-    dependencies:
-      nanoid: 3.3.7
-      picocolors: 1.0.0
-      source-map-js: 1.0.2
-
-  /pretty-hrtime@1.0.3:
-    resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==, tarball: https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz}
-    engines: {node: '>= 0.8'}
-    dev: true
-
-  /queue-microtask@1.2.3:
-    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==, tarball: https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz}
-    dev: true
-
-  /react-refresh@0.14.0:
-    resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==, tarball: https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz}
-    engines: {node: '>=0.10.0'}
-    dev: false
-
-  /read-cache@1.0.0:
-    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==, tarball: https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz}
-    dependencies:
-      pify: 2.3.0
-    dev: true
-
-  /readdirp@3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==, tarball: https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz}
-    engines: {node: '>=8.10.0'}
-    dependencies:
-      picomatch: 2.3.1
-    dev: true
-
-  /require-directory@2.1.1:
-    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==, tarball: https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /reusify@1.0.4:
-    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==, tarball: https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz}
-    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
-    dev: true
-
-  /rollup@3.29.4:
-    resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==, tarball: https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
-    hasBin: true
-    optionalDependencies:
-      fsevents: 2.3.3
-
-  /rollup@4.9.2:
-    resolution: {integrity: sha512-66RB8OtFKUTozmVEh3qyNfH+b+z2RXBVloqO2KCC/pjFaGaHtxP9fVfOQKPSGXg2mElmjmxjW/fZ7iKrEpMH5Q==, tarball: https://registry.npmjs.org/rollup/-/rollup-4.9.2.tgz}
-    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
-    hasBin: true
-    optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.9.2
-      '@rollup/rollup-android-arm64': 4.9.2
-      '@rollup/rollup-darwin-arm64': 4.9.2
-      '@rollup/rollup-darwin-x64': 4.9.2
-      '@rollup/rollup-linux-arm-gnueabihf': 4.9.2
-      '@rollup/rollup-linux-arm64-gnu': 4.9.2
-      '@rollup/rollup-linux-arm64-musl': 4.9.2
-      '@rollup/rollup-linux-riscv64-gnu': 4.9.2
-      '@rollup/rollup-linux-x64-gnu': 4.9.2
-      '@rollup/rollup-linux-x64-musl': 4.9.2
-      '@rollup/rollup-win32-arm64-msvc': 4.9.2
-      '@rollup/rollup-win32-ia32-msvc': 4.9.2
-      '@rollup/rollup-win32-x64-msvc': 4.9.2
-      fsevents: 2.3.3
-    dev: false
-
-  /run-parallel@1.2.0:
-    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==, tarball: https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz}
-    dependencies:
-      queue-microtask: 1.2.3
-    dev: true
-
-  /semver@6.3.1:
-    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==, tarball: https://registry.npmjs.org/semver/-/semver-6.3.1.tgz}
-    hasBin: true
-    dev: false
-
-  /sharp@0.32.6:
-    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==, tarball: https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz}
-    engines: {node: '>=14.15.0'}
-    requiresBuild: true
-    dependencies:
-      color: registry.npmjs.org/color@4.2.3
-      detect-libc: registry.npmjs.org/detect-libc@2.0.2
-      node-addon-api: registry.npmjs.org/node-addon-api@6.1.0
-      prebuild-install: registry.npmjs.org/prebuild-install@7.1.1
-      semver: registry.npmjs.org/semver@7.5.4
-      simple-get: registry.npmjs.org/simple-get@4.0.1
-      tar-fs: registry.npmjs.org/tar-fs@3.0.4
-      tunnel-agent: registry.npmjs.org/tunnel-agent@0.6.0
-    dev: false
-    optional: true
-
-  /slash@5.1.0:
-    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==, tarball: https://registry.npmjs.org/slash/-/slash-5.1.0.tgz}
-    engines: {node: '>=14.16'}
-    dev: true
-
-  /source-map-js@1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==, tarball: https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz}
-    engines: {node: '>=0.10.0'}
-
-  /string-width@4.2.3:
-    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==, tarball: https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz}
-    engines: {node: '>=8'}
-    dependencies:
-      emoji-regex: 8.0.0
-      is-fullwidth-code-point: 3.0.0
-      strip-ansi: 6.0.1
-    dev: true
-
-  /strip-ansi@6.0.1:
-    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==, tarball: https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz}
-    engines: {node: '>=8'}
-    dependencies:
-      ansi-regex: 5.0.1
-    dev: true
-
-  /supports-color@5.5.0:
-    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==, tarball: https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz}
-    engines: {node: '>=4'}
-    dependencies:
-      has-flag: 3.0.0
-    dev: false
-
-  /thenby@1.3.4:
-    resolution: {integrity: sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==, tarball: https://registry.npmjs.org/thenby/-/thenby-1.3.4.tgz}
-    dev: true
-
-  /to-fast-properties@2.0.0:
-    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==, tarball: https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz}
-    engines: {node: '>=4'}
-    dev: false
-
-  /to-regex-range@5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==, tarball: https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz}
-    engines: {node: '>=8.0'}
-    dependencies:
-      is-number: 7.0.0
-    dev: true
-
-  /turbo-darwin-64@1.10.0:
-    resolution: {integrity: sha512-N0aVGFtBgOKd7pIdUiKREwnDhNHRIvpMJbmUw04c1AqEoTiKAKT6iuzcCozO5N/gYMVr0hxrXgLal5OLYXtcsw==, tarball: https://registry.npmjs.org/turbo-darwin-64/-/turbo-darwin-64-1.10.0.tgz}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /turbo-darwin-arm64@1.10.0:
-    resolution: {integrity: sha512-boXzhaHTS5MsTMv48I/JmYp9/fYplXk5nACUDrqV6nD1hzO5PMn5wNg75ATbpkaMaeuD+hjuobeSxn1p4vpqQg==, tarball: https://registry.npmjs.org/turbo-darwin-arm64/-/turbo-darwin-arm64-1.10.0.tgz}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /turbo-linux-64@1.10.0:
-    resolution: {integrity: sha512-crKQuS1jrp4vp+Th6EmUqqmAlvYNnzGmwWMLeckmYILrV7zAddu87eJu4hB7V6uV+W1qHZUTw8WXa1w1+8boBw==, tarball: https://registry.npmjs.org/turbo-linux-64/-/turbo-linux-64-1.10.0.tgz}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /turbo-linux-arm64@1.10.0:
-    resolution: {integrity: sha512-Y2fhWe0xepLjl7doIvsJK7mp2h8E+OF6qJsUHRgxFeRWQWi1I6clD2aEQeykHK8Tp+qp8pKFMocj32nFBvuCcg==, tarball: https://registry.npmjs.org/turbo-linux-arm64/-/turbo-linux-arm64-1.10.0.tgz}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /turbo-windows-64@1.10.0:
-    resolution: {integrity: sha512-uh8rEqH6teaHysEMjinwWBqyNwv4IvgSAwbq/OphP8jObstTYHoR+gFPo8RQUSTaBYy4QVszgi5eO5YLvEQqNA==, tarball: https://registry.npmjs.org/turbo-windows-64/-/turbo-windows-64-1.10.0.tgz}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /turbo-windows-arm64@1.10.0:
-    resolution: {integrity: sha512-JaVj3iM7qyRD6xYGZLL/Gs4mQKfM1zL0f91AwHZLNkk1CrJ6i5kO4ZjhKkwXSpVOTNKW3sX0Q7dExXj85Vv7UQ==, tarball: https://registry.npmjs.org/turbo-windows-arm64/-/turbo-windows-arm64-1.10.0.tgz}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /typescript@5.3.3:
-    resolution: {integrity: sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==, tarball: https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz}
-    engines: {node: '>=14.17'}
-    hasBin: true
-    dev: false
-
-  /unicorn-magic@0.1.0:
-    resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==, tarball: https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.1.0.tgz}
-    engines: {node: '>=18'}
-    dev: true
-
-  /universalify@2.0.1:
-    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==, tarball: https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz}
-    engines: {node: '>= 10.0.0'}
-    dev: true
-
-  /update-browserslist-db@1.0.13(browserslist@4.22.2):
-    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==, tarball: https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
-    dependencies:
-      browserslist: 4.22.2
-      escalade: 3.1.1
-      picocolors: 1.0.0
-    dev: false
-
-  /vite@4.5.1(@types/node@18.7.16):
-    resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==, tarball: https://registry.npmjs.org/vite/-/vite-4.5.1.tgz}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      '@types/node': registry.npmjs.org/@types/node@18.7.16
-      esbuild: 0.18.20
-      postcss: 8.4.32
-      rollup: 3.29.4
-    optionalDependencies:
-      fsevents: 2.3.3
-
-  /vite@5.0.10(@types/node@18.7.16):
-    resolution: {integrity: sha512-2P8J7WWgmc355HUMlFrwofacvr98DAjoE52BfdbwQtyLH06XKwaL/FMnmKM2crF0iX4MpmMKoDlNCB1ok7zHCw==, tarball: https://registry.npmjs.org/vite/-/vite-5.0.10.tgz}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': ^18.0.0 || >=20.0.0
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      '@types/node': registry.npmjs.org/@types/node@18.7.16
-      esbuild: 0.19.11
-      postcss: 8.4.32
-      rollup: 4.9.2
-    optionalDependencies:
-      fsevents: 2.3.3
-    dev: false
-
-  /wrap-ansi@7.0.0:
-    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==, tarball: https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz}
-    engines: {node: '>=10'}
-    dependencies:
-      ansi-styles: 4.3.0
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-    dev: true
-
-  /y18n@5.0.8:
-    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==, tarball: https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz}
-    engines: {node: '>=10'}
-    dev: true
-
-  /yallist@3.1.1:
-    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==, tarball: https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz}
-    dev: false
-
-  /yaml@2.3.4:
-    resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==, tarball: https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz}
-    engines: {node: '>= 14'}
-    dev: true
-
-  /yargs-parser@21.1.1:
-    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==, tarball: https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz}
-    engines: {node: '>=12'}
-    dev: true
-
-  /yargs@17.7.2:
-    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==, tarball: https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz}
-    engines: {node: '>=12'}
-    dependencies:
-      cliui: 8.0.1
-      escalade: 3.1.1
-      get-caller-file: 2.0.5
-      require-directory: 2.1.1
-      string-width: 4.2.3
-      y18n: 5.0.8
-      yargs-parser: 21.1.1
-    dev: true
-
-  registry.npmjs.org/@aashutoshrathi/word-wrap@1.2.6:
-    resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz}
-    name: '@aashutoshrathi/word-wrap'
-    version: 1.2.6
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  registry.npmjs.org/@ampproject/remapping@2.2.1:
-    resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz}
-    name: '@ampproject/remapping'
-    version: 2.2.1
-    engines: {node: '>=6.0.0'}
-    dependencies:
-      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
-
-  registry.npmjs.org/@astrojs/compiler@2.2.1:
-    resolution: {integrity: sha512-NJ1lWKzMkyEjE3W5NpPNAVot4/PLF5om/P6ekxNu3iLS05CaYFTcp7WpYMjdCC252b7wkNVAs45FNkVQ+RHW/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/compiler/-/compiler-2.2.1.tgz}
-    name: '@astrojs/compiler'
-    version: 2.2.1
-    dev: false
-
-  registry.npmjs.org/@astrojs/internal-helpers@0.2.0:
-    resolution: {integrity: sha512-NQ4ppp1CM0HNkKbJNM4saVSfmUYzGlRalF6wx7F6T/MYHYSWGuojY89/oFTy4t8VlOGUCUijlsVNNeziWaUo5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/internal-helpers/-/internal-helpers-0.2.0.tgz}
-    name: '@astrojs/internal-helpers'
-    version: 0.2.0
-    dev: false
-
-  registry.npmjs.org/@astrojs/markdown-remark@3.2.0(astro@3.2.2):
-    resolution: {integrity: sha512-jigyLfefUZPKgVmmraCkVpdUuFH1R3SrpgQO13axsgwLDBgkggaQpNR5Ag4O9PDualeBtbdt30aYSfvnBKx9Hg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-3.2.0.tgz}
-    id: registry.npmjs.org/@astrojs/markdown-remark/3.2.0
-    name: '@astrojs/markdown-remark'
-    version: 3.2.0
-    peerDependencies:
-      astro: ^3.1.0
-    dependencies:
-      '@astrojs/prism': registry.npmjs.org/@astrojs/prism@3.0.0
-      astro: registry.npmjs.org/astro@3.2.2
-      github-slugger: registry.npmjs.org/github-slugger@2.0.0
-      import-meta-resolve: registry.npmjs.org/import-meta-resolve@3.1.1
-      mdast-util-definitions: registry.npmjs.org/mdast-util-definitions@6.0.0
-      rehype-raw: registry.npmjs.org/rehype-raw@6.1.1
-      rehype-stringify: registry.npmjs.org/rehype-stringify@9.0.4
-      remark-gfm: registry.npmjs.org/remark-gfm@3.0.1
-      remark-parse: registry.npmjs.org/remark-parse@10.0.2
-      remark-rehype: registry.npmjs.org/remark-rehype@10.1.0
-      remark-smartypants: registry.npmjs.org/remark-smartypants@2.0.0
-      shiki: registry.npmjs.org/shiki@0.14.5
-      unified: registry.npmjs.org/unified@10.1.2
-      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
-      vfile: registry.npmjs.org/vfile@5.3.7
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
-
-  registry.npmjs.org/@astrojs/prism@3.0.0:
-    resolution: {integrity: sha512-g61lZupWq1bYbcBnYZqdjndShr/J3l/oFobBKPA3+qMat146zce3nz2kdO4giGbhYDt4gYdhmoBz0vZJ4sIurQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/prism/-/prism-3.0.0.tgz}
-    name: '@astrojs/prism'
-    version: 3.0.0
-    engines: {node: '>=18.14.1'}
-    dependencies:
-      prismjs: registry.npmjs.org/prismjs@1.29.0
-    dev: false
-
-  registry.npmjs.org/@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.1):
-    resolution: {integrity: sha512-aooNIuQxTg+IWGMZPuIEwBeBi4/TCPCMsr3714zuLjAjukVd5ZrX/bCNxJqDWU4HNwUm4XFU1OhcEvYOHa5uMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/react/-/react-3.0.2.tgz}
-    id: registry.npmjs.org/@astrojs/react/3.0.2
-    name: '@astrojs/react'
-    version: 3.0.2
-    engines: {node: '>=18.14.1'}
-    peerDependencies:
-      '@types/react': ^17.0.50 || ^18.0.21
-      '@types/react-dom': ^17.0.17 || ^18.0.6
-      react: ^17.0.2 || ^18.0.0
-      react-dom: ^17.0.2 || ^18.0.0
-    dependencies:
-      '@types/react': registry.npmjs.org/@types/react@18.2.24
-      '@types/react-dom': registry.npmjs.org/@types/react-dom@18.2.8
-      '@vitejs/plugin-react': registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.1)
-      react: registry.npmjs.org/react@18.2.0
-      react-dom: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
-      ultrahtml: registry.npmjs.org/ultrahtml@1.5.2
-    transitivePeerDependencies:
-      - supports-color
-      - vite
-    dev: false
-
-  registry.npmjs.org/@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.3.3)(vite@4.5.1):
-    resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/svelte/-/svelte-4.0.2.tgz}
-    id: registry.npmjs.org/@astrojs/svelte/4.0.2
-    name: '@astrojs/svelte'
-    version: 4.0.2
-    engines: {node: '>=18.14.1'}
-    peerDependencies:
-      astro: ^3.0.11
-      svelte: ^3.55.0 || ^4.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.1)
-      astro: registry.npmjs.org/astro@3.2.2
-      svelte: registry.npmjs.org/svelte@4.2.1
-      svelte2tsx: registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.3.3)
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-      - vite
-    dev: false
-
-  registry.npmjs.org/@astrojs/telemetry@3.0.2:
-    resolution: {integrity: sha512-ef+jqCkqopCzjGfsMsr+8p56Nj6F9ZzouWcWZt+dKsqbRccI3c8K3jfkLcdq4AyfFZtKBDB6N4ZuI68g33oiOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@astrojs/telemetry/-/telemetry-3.0.2.tgz}
-    name: '@astrojs/telemetry'
-    version: 3.0.2
-    engines: {node: '>=18.14.1'}
-    dependencies:
-      ci-info: registry.npmjs.org/ci-info@3.9.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      dlv: registry.npmjs.org/dlv@1.1.3
-      dset: registry.npmjs.org/dset@3.1.2
-      is-docker: registry.npmjs.org/is-docker@3.0.0
-      is-wsl: registry.npmjs.org/is-wsl@3.1.0
-      undici: registry.npmjs.org/undici@5.26.5
-      which-pm-runs: registry.npmjs.org/which-pm-runs@1.1.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
-
-  registry.npmjs.org/@babel/code-frame@7.22.13:
-    resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz}
-    name: '@babel/code-frame'
-    version: 7.22.13
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/highlight': registry.npmjs.org/@babel/highlight@7.22.20
-      chalk: registry.npmjs.org/chalk@2.4.2
-
-  registry.npmjs.org/@babel/compat-data@7.23.2:
-    resolution: {integrity: sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.2.tgz}
-    name: '@babel/compat-data'
-    version: 7.23.2
-    engines: {node: '>=6.9.0'}
-
-  registry.npmjs.org/@babel/core@7.23.2:
-    resolution: {integrity: sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/core/-/core-7.23.2.tgz}
-    name: '@babel/core'
-    version: 7.23.2
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping@2.2.1
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.13
-      '@babel/generator': registry.npmjs.org/@babel/generator@7.23.0
-      '@babel/helper-compilation-targets': registry.npmjs.org/@babel/helper-compilation-targets@7.22.15
-      '@babel/helper-module-transforms': registry.npmjs.org/@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2)
-      '@babel/helpers': registry.npmjs.org/@babel/helpers@7.23.2
-      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
-      '@babel/template': registry.npmjs.org/@babel/template@7.22.15
-      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.23.2
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-      convert-source-map: registry.npmjs.org/convert-source-map@2.0.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      gensync: registry.npmjs.org/gensync@1.0.0-beta.2
-      json5: registry.npmjs.org/json5@2.2.3
-      semver: registry.npmjs.org/semver@6.3.1
-    transitivePeerDependencies:
-      - supports-color
-
-  registry.npmjs.org/@babel/generator@7.23.0:
-    resolution: {integrity: sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz}
-    name: '@babel/generator'
-    version: 7.23.0
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
-      jsesc: registry.npmjs.org/jsesc@2.5.2
-
-  registry.npmjs.org/@babel/helper-annotate-as-pure@7.22.5:
-    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz}
-    name: '@babel/helper-annotate-as-pure'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-    dev: false
-
-  registry.npmjs.org/@babel/helper-compilation-targets@7.22.15:
-    resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz}
-    name: '@babel/helper-compilation-targets'
-    version: 7.22.15
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/compat-data': registry.npmjs.org/@babel/compat-data@7.23.2
-      '@babel/helper-validator-option': registry.npmjs.org/@babel/helper-validator-option@7.22.15
-      browserslist: registry.npmjs.org/browserslist@4.22.1
-      lru-cache: registry.npmjs.org/lru-cache@5.1.1
-      semver: registry.npmjs.org/semver@6.3.1
-
-  registry.npmjs.org/@babel/helper-environment-visitor@7.22.20:
-    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz}
-    name: '@babel/helper-environment-visitor'
-    version: 7.22.20
-    engines: {node: '>=6.9.0'}
-
-  registry.npmjs.org/@babel/helper-function-name@7.23.0:
-    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz}
-    name: '@babel/helper-function-name'
-    version: 7.23.0
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/template': registry.npmjs.org/@babel/template@7.22.15
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-
-  registry.npmjs.org/@babel/helper-hoist-variables@7.22.5:
-    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz}
-    name: '@babel/helper-hoist-variables'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-
-  registry.npmjs.org/@babel/helper-module-imports@7.22.15:
-    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz}
-    name: '@babel/helper-module-imports'
-    version: 7.22.15
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-
-  registry.npmjs.org/@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2):
-    resolution: {integrity: sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz}
-    id: registry.npmjs.org/@babel/helper-module-transforms/7.23.0
-    name: '@babel/helper-module-transforms'
-    version: 7.23.0
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor@7.22.20
-      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports@7.22.15
-      '@babel/helper-simple-access': registry.npmjs.org/@babel/helper-simple-access@7.22.5
-      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.20
-
-  registry.npmjs.org/@babel/helper-plugin-utils@7.22.5:
-    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz}
-    name: '@babel/helper-plugin-utils'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-
-  registry.npmjs.org/@babel/helper-simple-access@7.22.5:
-    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz}
-    name: '@babel/helper-simple-access'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-
-  registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6:
-    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz}
-    name: '@babel/helper-split-export-declaration'
-    version: 7.22.6
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-
-  registry.npmjs.org/@babel/helper-string-parser@7.22.5:
-    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz}
-    name: '@babel/helper-string-parser'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-
-  registry.npmjs.org/@babel/helper-validator-identifier@7.22.20:
-    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz}
-    name: '@babel/helper-validator-identifier'
-    version: 7.22.20
-    engines: {node: '>=6.9.0'}
-
-  registry.npmjs.org/@babel/helper-validator-option@7.22.15:
-    resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz}
-    name: '@babel/helper-validator-option'
-    version: 7.22.15
-    engines: {node: '>=6.9.0'}
-
-  registry.npmjs.org/@babel/helpers@7.23.2:
-    resolution: {integrity: sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.2.tgz}
-    name: '@babel/helpers'
-    version: 7.23.2
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/template': registry.npmjs.org/@babel/template@7.22.15
-      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.23.2
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-    transitivePeerDependencies:
-      - supports-color
-
-  registry.npmjs.org/@babel/highlight@7.22.20:
-    resolution: {integrity: sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz}
-    name: '@babel/highlight'
-    version: 7.22.20
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.20
-      chalk: registry.npmjs.org/chalk@2.4.2
-      js-tokens: registry.npmjs.org/js-tokens@4.0.0
-
-  registry.npmjs.org/@babel/parser@7.23.0:
-    resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz}
-    name: '@babel/parser'
-    version: 7.23.0
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-    dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-
-  registry.npmjs.org/@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2):
-    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz}
-    id: registry.npmjs.org/@babel/plugin-syntax-jsx/7.22.5
-    name: '@babel/plugin-syntax-jsx'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
-    dev: false
-
-  registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2):
-    resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz}
-    id: registry.npmjs.org/@babel/plugin-transform-react-jsx-self/7.22.5
-    name: '@babel/plugin-transform-react-jsx-self'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
-
-  registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2):
-    resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz}
-    id: registry.npmjs.org/@babel/plugin-transform-react-jsx-source/7.22.5
-    name: '@babel/plugin-transform-react-jsx-source'
-    version: 7.22.5
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
-
-  registry.npmjs.org/@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.2):
-    resolution: {integrity: sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz}
-    id: registry.npmjs.org/@babel/plugin-transform-react-jsx/7.22.15
-    name: '@babel/plugin-transform-react-jsx'
-    version: 7.22.15
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
-      '@babel/helper-annotate-as-pure': registry.npmjs.org/@babel/helper-annotate-as-pure@7.22.5
-      '@babel/helper-module-imports': registry.npmjs.org/@babel/helper-module-imports@7.22.15
-      '@babel/helper-plugin-utils': registry.npmjs.org/@babel/helper-plugin-utils@7.22.5
-      '@babel/plugin-syntax-jsx': registry.npmjs.org/@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2)
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-    dev: false
-
-  registry.npmjs.org/@babel/runtime@7.23.2:
-    resolution: {integrity: sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz}
-    name: '@babel/runtime'
-    version: 7.23.2
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      regenerator-runtime: registry.npmjs.org/regenerator-runtime@0.14.0
-    dev: true
-
-  registry.npmjs.org/@babel/template@7.22.15:
-    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz}
-    name: '@babel/template'
-    version: 7.22.15
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.13
-      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-
-  registry.npmjs.org/@babel/traverse@7.23.2:
-    resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.2.tgz}
-    name: '@babel/traverse'
-    version: 7.23.2
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.13
-      '@babel/generator': registry.npmjs.org/@babel/generator@7.23.0
-      '@babel/helper-environment-visitor': registry.npmjs.org/@babel/helper-environment-visitor@7.22.20
-      '@babel/helper-function-name': registry.npmjs.org/@babel/helper-function-name@7.23.0
-      '@babel/helper-hoist-variables': registry.npmjs.org/@babel/helper-hoist-variables@7.22.5
-      '@babel/helper-split-export-declaration': registry.npmjs.org/@babel/helper-split-export-declaration@7.22.6
-      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      globals: registry.npmjs.org/globals@11.12.0
-    transitivePeerDependencies:
-      - supports-color
-
-  registry.npmjs.org/@babel/types@7.23.0:
-    resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz}
-    name: '@babel/types'
-    version: 7.23.0
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-string-parser': registry.npmjs.org/@babel/helper-string-parser@7.22.5
-      '@babel/helper-validator-identifier': registry.npmjs.org/@babel/helper-validator-identifier@7.22.20
-      to-fast-properties: registry.npmjs.org/to-fast-properties@2.0.0
-
-  registry.npmjs.org/@changesets/apply-release-plan@6.1.4:
-    resolution: {integrity: sha512-FMpKF1fRlJyCZVYHr3CbinpZZ+6MwvOtWUuO8uo+svcATEoc1zRDcj23pAurJ2TZ/uVz1wFHH6K3NlACy0PLew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-6.1.4.tgz}
-    name: '@changesets/apply-release-plan'
-    version: 6.1.4
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.1
-      '@changesets/get-version-range-type': registry.npmjs.org/@changesets/get-version-range-type@0.3.2
-      '@changesets/git': registry.npmjs.org/@changesets/git@2.0.0
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      detect-indent: registry.npmjs.org/detect-indent@6.1.0
-      fs-extra: registry.npmjs.org/fs-extra@7.0.1
-      lodash.startcase: registry.npmjs.org/lodash.startcase@4.4.0
-      outdent: registry.npmjs.org/outdent@0.5.0
-      prettier: registry.npmjs.org/prettier@2.8.8
-      resolve-from: registry.npmjs.org/resolve-from@5.0.0
-      semver: registry.npmjs.org/semver@7.5.4
-    dev: true
-
-  registry.npmjs.org/@changesets/assemble-release-plan@5.2.4:
-    resolution: {integrity: sha512-xJkWX+1/CUaOUWTguXEbCDTyWJFECEhmdtbkjhn5GVBGxdP/JwaHBIU9sW3FR6gD07UwZ7ovpiPclQZs+j+mvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/assemble-release-plan/-/assemble-release-plan-5.2.4.tgz}
-    name: '@changesets/assemble-release-plan'
-    version: 5.2.4
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.6
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      semver: registry.npmjs.org/semver@7.5.4
-    dev: true
-
-  registry.npmjs.org/@changesets/changelog-git@0.1.14:
-    resolution: {integrity: sha512-+vRfnKtXVWsDDxGctOfzJsPhaCdXRYoe+KyWYoq5X/GqoISREiat0l3L8B0a453B2B4dfHGcZaGyowHbp9BSaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-git/-/changelog-git-0.1.14.tgz}
-    name: '@changesets/changelog-git'
-    version: 0.1.14
-    dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-    dev: true
-
-  registry.npmjs.org/@changesets/changelog-github@0.4.7:
-    resolution: {integrity: sha512-UUG5sKwShs5ha1GFnayUpZNcDGWoY7F5XxhOEHS62sDPOtoHQZsG3j1nC5RxZ3M1URHA321cwVZHeXgu99Y3ew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/changelog-github/-/changelog-github-0.4.7.tgz}
-    name: '@changesets/changelog-github'
-    version: 0.4.7
-    dependencies:
-      '@changesets/get-github-info': registry.npmjs.org/@changesets/get-github-info@0.5.2
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      dotenv: registry.npmjs.org/dotenv@8.6.0
-    transitivePeerDependencies:
-      - encoding
-    dev: true
-
-  registry.npmjs.org/@changesets/cli@2.25.0:
-    resolution: {integrity: sha512-Svu5KD2enurVHGEEzCRlaojrHjVYgF9srmMP9VQSy9c1TspX6C9lDPpulsSNIjYY9BuU/oiWpjBgR7RI9eQiAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/cli/-/cli-2.25.0.tgz}
-    name: '@changesets/cli'
-    version: 2.25.0
-    hasBin: true
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/apply-release-plan': registry.npmjs.org/@changesets/apply-release-plan@6.1.4
-      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan@5.2.4
-      '@changesets/changelog-git': registry.npmjs.org/@changesets/changelog-git@0.1.14
-      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.1
-      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.6
-      '@changesets/get-release-plan': registry.npmjs.org/@changesets/get-release-plan@3.0.17
-      '@changesets/git': registry.npmjs.org/@changesets/git@1.5.0
-      '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
-      '@changesets/pre': registry.npmjs.org/@changesets/pre@1.0.14
-      '@changesets/read': registry.npmjs.org/@changesets/read@0.5.9
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@changesets/write': registry.npmjs.org/@changesets/write@0.2.3
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      '@types/is-ci': registry.npmjs.org/@types/is-ci@3.0.3
-      '@types/semver': registry.npmjs.org/@types/semver@6.2.5
-      ansi-colors: registry.npmjs.org/ansi-colors@4.1.3
-      chalk: registry.npmjs.org/chalk@2.4.2
-      enquirer: registry.npmjs.org/enquirer@2.4.1
-      external-editor: registry.npmjs.org/external-editor@3.1.0
-      fs-extra: registry.npmjs.org/fs-extra@7.0.1
-      human-id: registry.npmjs.org/human-id@1.0.2
-      is-ci: registry.npmjs.org/is-ci@3.0.1
-      meow: registry.npmjs.org/meow@6.1.1
-      outdent: registry.npmjs.org/outdent@0.5.0
-      p-limit: registry.npmjs.org/p-limit@2.3.0
-      preferred-pm: registry.npmjs.org/preferred-pm@3.1.2
-      resolve-from: registry.npmjs.org/resolve-from@5.0.0
-      semver: registry.npmjs.org/semver@5.7.2
-      spawndamnit: registry.npmjs.org/spawndamnit@2.0.0
-      term-size: registry.npmjs.org/term-size@2.2.1
-      tty-table: registry.npmjs.org/tty-table@4.2.2
-    dev: true
-
-  registry.npmjs.org/@changesets/config@2.3.1:
-    resolution: {integrity: sha512-PQXaJl82CfIXddUOppj4zWu+987GCw2M+eQcOepxN5s+kvnsZOwjEJO3DH9eVy+OP6Pg/KFEWdsECFEYTtbg6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/config/-/config-2.3.1.tgz}
-    name: '@changesets/config'
-    version: 2.3.1
-    dependencies:
-      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
-      '@changesets/get-dependents-graph': registry.npmjs.org/@changesets/get-dependents-graph@1.3.6
-      '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      fs-extra: registry.npmjs.org/fs-extra@7.0.1
-      micromatch: registry.npmjs.org/micromatch@4.0.5
-    dev: true
-
-  registry.npmjs.org/@changesets/errors@0.1.4:
-    resolution: {integrity: sha512-HAcqPF7snsUJ/QzkWoKfRfXushHTu+K5KZLJWPb34s4eCZShIf8BFO3fwq6KU8+G7L5KdtN2BzQAXOSXEyiY9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/errors/-/errors-0.1.4.tgz}
-    name: '@changesets/errors'
-    version: 0.1.4
-    dependencies:
-      extendable-error: registry.npmjs.org/extendable-error@0.1.7
-    dev: true
-
-  registry.npmjs.org/@changesets/get-dependents-graph@1.3.6:
-    resolution: {integrity: sha512-Q/sLgBANmkvUm09GgRsAvEtY3p1/5OCzgBE5vX3vgb5CvW0j7CEljocx5oPXeQSNph6FXulJlXV3Re/v3K3P3Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-dependents-graph/-/get-dependents-graph-1.3.6.tgz}
-    name: '@changesets/get-dependents-graph'
-    version: 1.3.6
-    dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      chalk: registry.npmjs.org/chalk@2.4.2
-      fs-extra: registry.npmjs.org/fs-extra@7.0.1
-      semver: registry.npmjs.org/semver@7.5.4
-    dev: true
-
-  registry.npmjs.org/@changesets/get-github-info@0.5.2:
-    resolution: {integrity: sha512-JppheLu7S114aEs157fOZDjFqUDpm7eHdq5E8SSR0gUBTEK0cNSHsrSR5a66xs0z3RWuo46QvA3vawp8BxDHvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-github-info/-/get-github-info-0.5.2.tgz}
-    name: '@changesets/get-github-info'
-    version: 0.5.2
-    dependencies:
-      dataloader: registry.npmjs.org/dataloader@1.4.0
-      node-fetch: registry.npmjs.org/node-fetch@2.7.0
-    transitivePeerDependencies:
-      - encoding
-    dev: true
-
-  registry.npmjs.org/@changesets/get-release-plan@3.0.17:
-    resolution: {integrity: sha512-6IwKTubNEgoOZwDontYc2x2cWXfr6IKxP3IhKeK+WjyD6y3M4Gl/jdQvBw+m/5zWILSOCAaGLu2ZF6Q+WiPniw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-release-plan/-/get-release-plan-3.0.17.tgz}
-    name: '@changesets/get-release-plan'
-    version: 3.0.17
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/assemble-release-plan': registry.npmjs.org/@changesets/assemble-release-plan@5.2.4
-      '@changesets/config': registry.npmjs.org/@changesets/config@2.3.1
-      '@changesets/pre': registry.npmjs.org/@changesets/pre@1.0.14
-      '@changesets/read': registry.npmjs.org/@changesets/read@0.5.9
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-    dev: true
-
-  registry.npmjs.org/@changesets/get-version-range-type@0.3.2:
-    resolution: {integrity: sha512-SVqwYs5pULYjYT4op21F2pVbcrca4qA/bAA3FmFXKMN7Y+HcO8sbZUTx3TAy2VXulP2FACd1aC7f2nTuqSPbqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/get-version-range-type/-/get-version-range-type-0.3.2.tgz}
-    name: '@changesets/get-version-range-type'
-    version: 0.3.2
-    dev: true
-
-  registry.npmjs.org/@changesets/git@1.5.0:
-    resolution: {integrity: sha512-Xo8AT2G7rQJSwV87c8PwMm6BAc98BnufRMsML7m7Iw8Or18WFvFmxqG5aOL5PBvhgq9KrKvaeIBNIymracSuHg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/git/-/git-1.5.0.tgz}
-    name: '@changesets/git'
-    version: 1.5.0
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      is-subdir: registry.npmjs.org/is-subdir@1.2.0
-      spawndamnit: registry.npmjs.org/spawndamnit@2.0.0
-    dev: true
-
-  registry.npmjs.org/@changesets/git@2.0.0:
-    resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/git/-/git-2.0.0.tgz}
-    name: '@changesets/git'
-    version: 2.0.0
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      is-subdir: registry.npmjs.org/is-subdir@1.2.0
-      micromatch: registry.npmjs.org/micromatch@4.0.5
-      spawndamnit: registry.npmjs.org/spawndamnit@2.0.0
-    dev: true
-
-  registry.npmjs.org/@changesets/logger@0.0.5:
-    resolution: {integrity: sha512-gJyZHomu8nASHpaANzc6bkQMO9gU/ib20lqew1rVx753FOxffnCrJlGIeQVxNWCqM+o6OOleCo/ivL8UAO5iFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/logger/-/logger-0.0.5.tgz}
-    name: '@changesets/logger'
-    version: 0.0.5
-    dependencies:
-      chalk: registry.npmjs.org/chalk@2.4.2
-    dev: true
-
-  registry.npmjs.org/@changesets/parse@0.3.16:
-    resolution: {integrity: sha512-127JKNd167ayAuBjUggZBkmDS5fIKsthnr9jr6bdnuUljroiERW7FBTDNnNVyJ4l69PzR57pk6mXQdtJyBCJKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/parse/-/parse-0.3.16.tgz}
-    name: '@changesets/parse'
-    version: 0.3.16
-    dependencies:
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      js-yaml: registry.npmjs.org/js-yaml@3.14.1
-    dev: true
-
-  registry.npmjs.org/@changesets/pre@1.0.14:
-    resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/pre/-/pre-1.0.14.tgz}
-    name: '@changesets/pre'
-    version: 1.0.14
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/errors': registry.npmjs.org/@changesets/errors@0.1.4
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      '@manypkg/get-packages': registry.npmjs.org/@manypkg/get-packages@1.1.3
-      fs-extra: registry.npmjs.org/fs-extra@7.0.1
-    dev: true
-
-  registry.npmjs.org/@changesets/read@0.5.9:
-    resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/read/-/read-0.5.9.tgz}
-    name: '@changesets/read'
-    version: 0.5.9
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/git': registry.npmjs.org/@changesets/git@2.0.0
-      '@changesets/logger': registry.npmjs.org/@changesets/logger@0.0.5
-      '@changesets/parse': registry.npmjs.org/@changesets/parse@0.3.16
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      chalk: registry.npmjs.org/chalk@2.4.2
-      fs-extra: registry.npmjs.org/fs-extra@7.0.1
-      p-filter: registry.npmjs.org/p-filter@2.1.0
-    dev: true
-
-  registry.npmjs.org/@changesets/types@4.1.0:
-    resolution: {integrity: sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/types/-/types-4.1.0.tgz}
-    name: '@changesets/types'
-    version: 4.1.0
-    dev: true
-
-  registry.npmjs.org/@changesets/types@5.2.1:
-    resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/types/-/types-5.2.1.tgz}
-    name: '@changesets/types'
-    version: 5.2.1
-    dev: true
-
-  registry.npmjs.org/@changesets/write@0.2.3:
-    resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@changesets/write/-/write-0.2.3.tgz}
-    name: '@changesets/write'
-    version: 0.2.3
-    dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/types': registry.npmjs.org/@changesets/types@5.2.1
-      fs-extra: registry.npmjs.org/fs-extra@7.0.1
-      human-id: registry.npmjs.org/human-id@1.0.2
-      prettier: registry.npmjs.org/prettier@2.8.8
-    dev: true
-
-  registry.npmjs.org/@cypress/request@2.88.12:
-    resolution: {integrity: sha512-tOn+0mDZxASFM+cuAP9szGUGPI1HwWVSvdzm7V4cCsPdFTx6qMj29CwaQmRAMIEhORIUBFBsYROYJcveK4uOjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/request/-/request-2.88.12.tgz}
-    name: '@cypress/request'
-    version: 2.88.12
-    engines: {node: '>= 6'}
-    dependencies:
-      aws-sign2: registry.npmjs.org/aws-sign2@0.7.0
-      aws4: registry.npmjs.org/aws4@1.12.0
-      caseless: registry.npmjs.org/caseless@0.12.0
-      combined-stream: registry.npmjs.org/combined-stream@1.0.8
-      extend: registry.npmjs.org/extend@3.0.2
-      forever-agent: registry.npmjs.org/forever-agent@0.6.1
-      form-data: registry.npmjs.org/form-data@2.3.3
-      http-signature: registry.npmjs.org/http-signature@1.3.6
-      is-typedarray: registry.npmjs.org/is-typedarray@1.0.0
-      isstream: registry.npmjs.org/isstream@0.1.2
-      json-stringify-safe: registry.npmjs.org/json-stringify-safe@5.0.1
-      mime-types: registry.npmjs.org/mime-types@2.1.35
-      performance-now: registry.npmjs.org/performance-now@2.1.0
-      qs: registry.npmjs.org/qs@6.10.4
-      safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
-      tough-cookie: registry.npmjs.org/tough-cookie@4.1.3
-      tunnel-agent: registry.npmjs.org/tunnel-agent@0.6.0
-      uuid: registry.npmjs.org/uuid@8.3.2
-    dev: true
-
-  registry.npmjs.org/@cypress/skip-test@2.6.1:
-    resolution: {integrity: sha512-X+ibefBiuOmC5gKG91wRIT0/OqXeETYvu7zXktjZ3yLeO186Y8ia0K7/gQUpAwuUi28DuqMd1+7tBQVtPkzbPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/skip-test/-/skip-test-2.6.1.tgz}
-    name: '@cypress/skip-test'
-    version: 2.6.1
-    dev: true
-
-  registry.npmjs.org/@cypress/xvfb@1.2.4(supports-color@8.1.1):
-    resolution: {integrity: sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@cypress/xvfb/-/xvfb-1.2.4.tgz}
-    id: registry.npmjs.org/@cypress/xvfb/1.2.4
-    name: '@cypress/xvfb'
-    version: 1.2.4
-    dependencies:
-      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
-      lodash.once: registry.npmjs.org/lodash.once@4.1.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@dagrejs/dagre@1.0.4:
-    resolution: {integrity: sha512-jrEore+HhW1yg1Rsd9H1PPMcoEOD4bVh0WCXc6GqzyzubnJj4GaWGg8ETOrskTd/3n/g5LOzumGM4CCgpNLJNw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@dagrejs/dagre/-/dagre-1.0.4.tgz}
-    name: '@dagrejs/dagre'
-    version: 1.0.4
-    dependencies:
-      '@dagrejs/graphlib': registry.npmjs.org/@dagrejs/graphlib@2.1.13
-    dev: false
-
-  registry.npmjs.org/@dagrejs/graphlib@2.1.13:
-    resolution: {integrity: sha512-calbMa7Gcyo+/t23XBaqQqon8LlgE9regey4UVoikoenKBXvUnCUL3s9RP6USCxttfr0XWVICtYUuKMdehKqMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@dagrejs/graphlib/-/graphlib-2.1.13.tgz}
-    name: '@dagrejs/graphlib'
-    version: 2.1.13
-    engines: {node: '>17.0.0'}
-    dev: false
-
-  registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0):
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz}
-    id: registry.npmjs.org/@eslint-community/eslint-utils/4.4.0
-    name: '@eslint-community/eslint-utils'
-    version: 4.4.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
-    dependencies:
-      eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
-    dev: true
-
-  registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.53.0):
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz}
-    id: registry.npmjs.org/@eslint-community/eslint-utils/4.4.0
-    name: '@eslint-community/eslint-utils'
-    version: 4.4.0
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
-    dependencies:
-      eslint: registry.npmjs.org/eslint@8.53.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
-    dev: true
-
-  registry.npmjs.org/@eslint-community/regexpp@4.10.0:
-    resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz}
-    name: '@eslint-community/regexpp'
-    version: 4.10.0
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-    dev: true
-
-  registry.npmjs.org/@eslint-community/regexpp@4.9.1:
-    resolution: {integrity: sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.9.1.tgz}
-    name: '@eslint-community/regexpp'
-    version: 4.9.1
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-    dev: true
-
-  registry.npmjs.org/@eslint/eslintrc@2.1.2:
-    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.2.tgz}
-    name: '@eslint/eslintrc'
-    version: 2.1.2
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      ajv: registry.npmjs.org/ajv@6.12.6
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      espree: registry.npmjs.org/espree@9.6.1
-      globals: registry.npmjs.org/globals@13.23.0
-      ignore: registry.npmjs.org/ignore@5.2.4
-      import-fresh: registry.npmjs.org/import-fresh@3.3.0
-      js-yaml: registry.npmjs.org/js-yaml@4.1.0
-      minimatch: registry.npmjs.org/minimatch@3.1.2
-      strip-json-comments: registry.npmjs.org/strip-json-comments@3.1.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  registry.npmjs.org/@eslint/eslintrc@2.1.3:
-    resolution: {integrity: sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.3.tgz}
-    name: '@eslint/eslintrc'
-    version: 2.1.3
+  /@eslint/eslintrc@2.1.3:
+    resolution: {integrity: sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      ajv: registry.npmjs.org/ajv@6.12.6
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      espree: registry.npmjs.org/espree@9.6.1
-      globals: registry.npmjs.org/globals@13.23.0
-      ignore: registry.npmjs.org/ignore@5.3.0
-      import-fresh: registry.npmjs.org/import-fresh@3.3.0
-      js-yaml: registry.npmjs.org/js-yaml@4.1.0
-      minimatch: registry.npmjs.org/minimatch@3.1.2
-      strip-json-comments: registry.npmjs.org/strip-json-comments@3.1.1
+      ajv: 6.12.6
+      debug: 4.3.4(supports-color@8.1.1)
+      espree: 9.6.1
+      globals: 13.23.0
+      ignore: 5.3.0
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@eslint/js@8.43.0:
-    resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/js/-/js-8.43.0.tgz}
-    name: '@eslint/js'
-    version: 8.43.0
+  /@eslint/js@8.43.0:
+    resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@eslint/js@8.53.0:
-    resolution: {integrity: sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@eslint/js/-/js-8.53.0.tgz}
-    name: '@eslint/js'
-    version: 8.53.0
+  /@eslint/js@8.53.0:
+    resolution: {integrity: sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@fastify/busboy@2.0.0:
-    resolution: {integrity: sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@fastify/busboy/-/busboy-2.0.0.tgz}
-    name: '@fastify/busboy'
-    version: 2.0.0
+  /@fastify/busboy@2.0.0:
+    resolution: {integrity: sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==}
     engines: {node: '>=14'}
 
-  registry.npmjs.org/@hapi/hoek@9.3.0:
-    resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz}
-    name: '@hapi/hoek'
-    version: 9.3.0
+  /@hapi/hoek@9.3.0:
+    resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
     dev: true
 
-  registry.npmjs.org/@hapi/topo@5.1.0:
-    resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz}
-    name: '@hapi/topo'
-    version: 5.1.0
+  /@hapi/topo@5.1.0:
+    resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==}
     dependencies:
-      '@hapi/hoek': registry.npmjs.org/@hapi/hoek@9.3.0
+      '@hapi/hoek': 9.3.0
     dev: true
 
-  registry.npmjs.org/@humanwhocodes/config-array@0.11.13:
-    resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz}
-    name: '@humanwhocodes/config-array'
-    version: 0.11.13
+  /@humanwhocodes/config-array@0.11.13:
+    resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==}
     engines: {node: '>=10.10.0'}
     dependencies:
-      '@humanwhocodes/object-schema': registry.npmjs.org/@humanwhocodes/object-schema@2.0.1
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      minimatch: registry.npmjs.org/minimatch@3.1.2
+      '@humanwhocodes/object-schema': 2.0.1
+      debug: 4.3.4(supports-color@8.1.1)
+      minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@humanwhocodes/module-importer@1.0.1:
-    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz}
-    name: '@humanwhocodes/module-importer'
-    version: 1.0.1
+  /@humanwhocodes/module-importer@1.0.1:
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
     dev: true
 
-  registry.npmjs.org/@humanwhocodes/object-schema@2.0.1:
-    resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz}
-    name: '@humanwhocodes/object-schema'
-    version: 2.0.1
+  /@humanwhocodes/object-schema@2.0.1:
+    resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==}
     dev: true
 
-  registry.npmjs.org/@jridgewell/gen-mapping@0.3.3:
-    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz}
-    name: '@jridgewell/gen-mapping'
-    version: 0.3.3
+  /@jridgewell/gen-mapping@0.3.3:
+    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
     engines: {node: '>=6.0.0'}
     dependencies:
-      '@jridgewell/set-array': registry.npmjs.org/@jridgewell/set-array@1.1.2
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
+      '@jridgewell/set-array': 1.1.2
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/trace-mapping': 0.3.20
 
-  registry.npmjs.org/@jridgewell/resolve-uri@3.1.1:
-    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz}
-    name: '@jridgewell/resolve-uri'
-    version: 3.1.1
+  /@jridgewell/resolve-uri@3.1.1:
+    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
     engines: {node: '>=6.0.0'}
 
-  registry.npmjs.org/@jridgewell/set-array@1.1.2:
-    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz}
-    name: '@jridgewell/set-array'
-    version: 1.1.2
+  /@jridgewell/set-array@1.1.2:
+    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
     engines: {node: '>=6.0.0'}
 
-  registry.npmjs.org/@jridgewell/source-map@0.3.5:
-    resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz}
-    name: '@jridgewell/source-map'
-    version: 0.3.5
+  /@jridgewell/source-map@0.3.5:
+    resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}
     dependencies:
-      '@jridgewell/gen-mapping': registry.npmjs.org/@jridgewell/gen-mapping@0.3.3
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
+      '@jridgewell/gen-mapping': 0.3.3
+      '@jridgewell/trace-mapping': 0.3.20
     dev: true
 
-  registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15:
-    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz}
-    name: '@jridgewell/sourcemap-codec'
-    version: 1.4.15
+  /@jridgewell/sourcemap-codec@1.4.15:
+    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
 
-  registry.npmjs.org/@jridgewell/trace-mapping@0.3.20:
-    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz}
-    name: '@jridgewell/trace-mapping'
-    version: 0.3.20
+  /@jridgewell/trace-mapping@0.3.20:
+    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==}
     dependencies:
-      '@jridgewell/resolve-uri': registry.npmjs.org/@jridgewell/resolve-uri@3.1.1
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+      '@jridgewell/resolve-uri': 3.1.1
+      '@jridgewell/sourcemap-codec': 1.4.15
 
-  registry.npmjs.org/@manypkg/find-root@1.1.0:
-    resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@manypkg/find-root/-/find-root-1.1.0.tgz}
-    name: '@manypkg/find-root'
-    version: 1.1.0
+  /@manypkg/find-root@1.1.0:
+    resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@types/node': registry.npmjs.org/@types/node@12.20.55
-      find-up: registry.npmjs.org/find-up@4.1.0
-      fs-extra: registry.npmjs.org/fs-extra@8.1.0
+      '@babel/runtime': 7.23.2
+      '@types/node': 12.20.55
+      find-up: 4.1.0
+      fs-extra: 8.1.0
     dev: true
 
-  registry.npmjs.org/@manypkg/get-packages@1.1.3:
-    resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@manypkg/get-packages/-/get-packages-1.1.3.tgz}
-    name: '@manypkg/get-packages'
-    version: 1.1.3
+  /@manypkg/get-packages@1.1.3:
+    resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
-      '@changesets/types': registry.npmjs.org/@changesets/types@4.1.0
-      '@manypkg/find-root': registry.npmjs.org/@manypkg/find-root@1.1.0
-      fs-extra: registry.npmjs.org/fs-extra@8.1.0
-      globby: registry.npmjs.org/globby@11.1.0
-      read-yaml-file: registry.npmjs.org/read-yaml-file@1.1.0
+      '@babel/runtime': 7.23.2
+      '@changesets/types': 4.1.0
+      '@manypkg/find-root': 1.1.0
+      fs-extra: 8.1.0
+      globby: 11.1.0
+      read-yaml-file: 1.1.0
     dev: true
 
-  registry.npmjs.org/@nodelib/fs.scandir@2.1.5:
-    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz}
-    name: '@nodelib/fs.scandir'
-    version: 2.1.5
+  /@nodelib/fs.scandir@2.1.5:
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
     dependencies:
-      '@nodelib/fs.stat': registry.npmjs.org/@nodelib/fs.stat@2.0.5
-      run-parallel: registry.npmjs.org/run-parallel@1.2.0
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
 
-  registry.npmjs.org/@nodelib/fs.stat@2.0.5:
-    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz}
-    name: '@nodelib/fs.stat'
-    version: 2.0.5
+  /@nodelib/fs.stat@2.0.5:
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
     engines: {node: '>= 8'}
 
-  registry.npmjs.org/@nodelib/fs.walk@1.2.8:
-    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz}
-    name: '@nodelib/fs.walk'
-    version: 1.2.8
+  /@nodelib/fs.walk@1.2.8:
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
     dependencies:
-      '@nodelib/fs.scandir': registry.npmjs.org/@nodelib/fs.scandir@2.1.5
-      fastq: registry.npmjs.org/fastq@1.15.0
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.15.0
+
+  /@playwright/experimental-ct-core@1.40.1(@types/node@18.7.16):
+    resolution: {integrity: sha512-FjYQP74I2xVAO6W52+Yn2t48FDs+IhOHcWAwZHqAX+lHVHidz4f/b0FY3Qnq8+ZIt5TgqucEzGXbw/TdqJYDtA==}
+    engines: {node: '>=16'}
+    hasBin: true
+    dependencies:
+      playwright: 1.40.1
+      playwright-core: 1.40.1
+      vite: 4.5.1(@types/node@18.7.16)
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - lightningcss
+      - sass
+      - stylus
+      - sugarss
+      - terser
+    dev: false
+
+  /@playwright/experimental-ct-react@1.40.1(@types/node@18.7.16)(vite@4.5.0):
+    resolution: {integrity: sha512-a2ubB04+pSswpWOgIwgBcSvvdvVNv4Cz8wud5ZLV5+4fcRqRACxFlGJPiVHw1zanhDSD+rH6H9+zaNm/o1iJHw==}
+    engines: {node: '>=16'}
+    hasBin: true
+    dependencies:
+      '@playwright/experimental-ct-core': 1.40.1(@types/node@18.7.16)
+      '@vitejs/plugin-react': 4.2.1(vite@4.5.0)
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - lightningcss
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - vite
+    dev: false
+
+  /@playwright/test@1.40.1:
+    resolution: {integrity: sha512-EaaawMTOeEItCRvfmkI9v6rBkF1svM8wjl/YPRrg2N2Wmp+4qJYkWtJsbew1szfKKDm6fPLy4YAanBhIlf9dWw==}
+    engines: {node: '>=16'}
+    hasBin: true
+    dependencies:
+      playwright: 1.40.1
+    dev: true
 
-  registry.npmjs.org/@polka/url@1.0.0-next.23:
-    resolution: {integrity: sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.23.tgz}
-    name: '@polka/url'
-    version: 1.0.0-next.23
+  /@polka/url@1.0.0-next.23:
+    resolution: {integrity: sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg==}
     dev: true
 
-  registry.npmjs.org/@remix-run/router@1.11.0:
-    resolution: {integrity: sha512-BHdhcWgeiudl91HvVa2wxqZjSHbheSgIiDvxrF1VjFzBzpTtuDPkOdOi3Iqvc08kXtFkLjhbS+ML9aM8mJS+wQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@remix-run/router/-/router-1.11.0.tgz}
-    name: '@remix-run/router'
-    version: 1.11.0
+  /@remix-run/router@1.11.0:
+    resolution: {integrity: sha512-BHdhcWgeiudl91HvVa2wxqZjSHbheSgIiDvxrF1VjFzBzpTtuDPkOdOi3Iqvc08kXtFkLjhbS+ML9aM8mJS+wQ==}
     engines: {node: '>=14.0.0'}
     dev: false
 
-  registry.npmjs.org/@rollup/plugin-commonjs@25.0.0(rollup@3.23.0):
-    resolution: {integrity: sha512-hoho2Kay9TZrLu0bnDsTTCaj4Npa+THk9snajP/XDNb9a9mmjTjh52EQM9sKl3HD1LsnihX7js+eA2sd2uKAhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.0.tgz}
-    id: registry.npmjs.org/@rollup/plugin-commonjs/25.0.0
-    name: '@rollup/plugin-commonjs'
-    version: 25.0.0
+  /@rollup/plugin-commonjs@25.0.0(rollup@3.23.0):
+    resolution: {integrity: sha512-hoho2Kay9TZrLu0bnDsTTCaj4Npa+THk9snajP/XDNb9a9mmjTjh52EQM9sKl3HD1LsnihX7js+eA2sd2uKAhw==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^2.68.0||^3.0.0
@@ -3445,20 +1862,17 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.5(rollup@3.23.0)
-      commondir: registry.npmjs.org/commondir@1.0.1
-      estree-walker: registry.npmjs.org/estree-walker@2.0.2
-      glob: registry.npmjs.org/glob@8.1.0
-      is-reference: registry.npmjs.org/is-reference@1.2.1
-      magic-string: registry.npmjs.org/magic-string@0.27.0
-      rollup: registry.npmjs.org/rollup@3.23.0
+      '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
+      commondir: 1.0.1
+      estree-walker: 2.0.2
+      glob: 8.1.0
+      is-reference: 1.2.1
+      magic-string: 0.27.0
+      rollup: 3.23.0
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-node-resolve@15.1.0(rollup@3.23.0):
-    resolution: {integrity: sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.1.0.tgz}
-    id: registry.npmjs.org/@rollup/plugin-node-resolve/15.1.0
-    name: '@rollup/plugin-node-resolve'
-    version: 15.1.0
+  /@rollup/plugin-node-resolve@15.1.0(rollup@3.23.0):
+    resolution: {integrity: sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^2.78.0||^3.0.0
@@ -3466,20 +1880,17 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.5(rollup@3.23.0)
-      '@types/resolve': registry.npmjs.org/@types/resolve@1.20.2
-      deepmerge: registry.npmjs.org/deepmerge@4.3.1
-      is-builtin-module: registry.npmjs.org/is-builtin-module@3.2.1
-      is-module: registry.npmjs.org/is-module@1.0.0
-      resolve: registry.npmjs.org/resolve@1.22.8
-      rollup: registry.npmjs.org/rollup@3.23.0
+      '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
+      '@types/resolve': 1.20.2
+      deepmerge: 4.3.1
+      is-builtin-module: 3.2.1
+      is-module: 1.0.0
+      resolve: 1.22.8
+      rollup: 3.23.0
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-replace@5.0.2(rollup@3.23.0):
-    resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-5.0.2.tgz}
-    id: registry.npmjs.org/@rollup/plugin-replace/5.0.2
-    name: '@rollup/plugin-replace'
-    version: 5.0.2
+  /@rollup/plugin-replace@5.0.2(rollup@3.23.0):
+    resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^1.20.0||^2.0.0||^3.0.0
@@ -3487,16 +1898,13 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.5(rollup@3.23.0)
-      magic-string: registry.npmjs.org/magic-string@0.27.0
-      rollup: registry.npmjs.org/rollup@3.23.0
+      '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
+      magic-string: 0.27.0
+      rollup: 3.23.0
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-terser@0.4.3(rollup@3.23.0):
-    resolution: {integrity: sha512-EF0oejTMtkyhrkwCdg0HJ0IpkcaVg1MMSf2olHb2Jp+1mnLM04OhjpJWGma4HobiDTF0WCyViWuvadyE9ch2XA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.3.tgz}
-    id: registry.npmjs.org/@rollup/plugin-terser/0.4.3
-    name: '@rollup/plugin-terser'
-    version: 0.4.3
+  /@rollup/plugin-terser@0.4.3(rollup@3.23.0):
+    resolution: {integrity: sha512-EF0oejTMtkyhrkwCdg0HJ0IpkcaVg1MMSf2olHb2Jp+1mnLM04OhjpJWGma4HobiDTF0WCyViWuvadyE9ch2XA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^2.x || ^3.x
@@ -3504,17 +1912,14 @@ packages:
       rollup:
         optional: true
     dependencies:
-      rollup: registry.npmjs.org/rollup@3.23.0
-      serialize-javascript: registry.npmjs.org/serialize-javascript@6.0.1
-      smob: registry.npmjs.org/smob@1.4.1
-      terser: registry.npmjs.org/terser@5.22.0
+      rollup: 3.23.0
+      serialize-javascript: 6.0.1
+      smob: 1.4.1
+      terser: 5.22.0
     dev: true
 
-  registry.npmjs.org/@rollup/plugin-typescript@11.0.0(rollup@3.23.0)(typescript@4.9.4):
-    resolution: {integrity: sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-11.0.0.tgz}
-    id: registry.npmjs.org/@rollup/plugin-typescript/11.0.0
-    name: '@rollup/plugin-typescript'
-    version: 11.0.0
+  /@rollup/plugin-typescript@11.0.0(rollup@3.23.0)(typescript@4.9.4):
+    resolution: {integrity: sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^2.14.0||^3.0.0
@@ -3526,17 +1931,14 @@ packages:
       tslib:
         optional: true
     dependencies:
-      '@rollup/pluginutils': registry.npmjs.org/@rollup/pluginutils@5.0.5(rollup@3.23.0)
-      resolve: registry.npmjs.org/resolve@1.22.8
-      rollup: registry.npmjs.org/rollup@3.23.0
-      typescript: registry.npmjs.org/typescript@4.9.4
+      '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
+      resolve: 1.22.8
+      rollup: 3.23.0
+      typescript: 4.9.4
     dev: true
 
-  registry.npmjs.org/@rollup/pluginutils@5.0.5(rollup@3.23.0):
-    resolution: {integrity: sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.5.tgz}
-    id: registry.npmjs.org/@rollup/pluginutils/5.0.5
-    name: '@rollup/pluginutils'
-    version: 5.0.5
+  /@rollup/pluginutils@5.0.5(rollup@3.23.0):
+    resolution: {integrity: sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
@@ -3544,67 +1946,55 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree@1.0.3
-      estree-walker: registry.npmjs.org/estree-walker@2.0.2
-      picomatch: registry.npmjs.org/picomatch@2.3.1
-      rollup: registry.npmjs.org/rollup@3.23.0
+      '@types/estree': 1.0.3
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+      rollup: 3.23.0
     dev: true
 
-  registry.npmjs.org/@sideway/address@4.1.4:
-    resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz}
-    name: '@sideway/address'
-    version: 4.1.4
+  /@sideway/address@4.1.4:
+    resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==}
     dependencies:
-      '@hapi/hoek': registry.npmjs.org/@hapi/hoek@9.3.0
+      '@hapi/hoek': 9.3.0
     dev: true
 
-  registry.npmjs.org/@sideway/formula@3.0.1:
-    resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz}
-    name: '@sideway/formula'
-    version: 3.0.1
+  /@sideway/formula@3.0.1:
+    resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==}
     dev: true
 
-  registry.npmjs.org/@sideway/pinpoint@2.0.0:
-    resolution: {integrity: sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz}
-    name: '@sideway/pinpoint'
-    version: 2.0.0
+  /@sideway/pinpoint@2.0.0:
+    resolution: {integrity: sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==}
+    dev: true
+
+  /@sindresorhus/merge-streams@1.0.0:
+    resolution: {integrity: sha512-rUV5WyJrJLoloD4NDN1V1+LDMDWOa4OTsT4yYJwQNpTU6FWxkxHpL7eu4w+DmiH8x/EAM1otkPE1+LaspIbplw==}
+    engines: {node: '>=18'}
     dev: true
 
-  registry.npmjs.org/@svelte-put/shortcut@3.1.0:
-    resolution: {integrity: sha512-EWMEDkZ0+O3yMhb9yrqe5UYisV9CNRKX6Pl/JW3x62t74CiN+3COu1L9NzZUG0omagc2Z3J14PZNYxs77IC9NA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@svelte-put/shortcut/-/shortcut-3.1.0.tgz}
-    name: '@svelte-put/shortcut'
-    version: 3.1.0
+  /@svelte-put/shortcut@3.1.0:
+    resolution: {integrity: sha512-EWMEDkZ0+O3yMhb9yrqe5UYisV9CNRKX6Pl/JW3x62t74CiN+3COu1L9NzZUG0omagc2Z3J14PZNYxs77IC9NA==}
     dev: false
 
-  registry.npmjs.org/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6):
-    resolution: {integrity: sha512-o2pZCfATFtA/Gw/BB0Xm7k4EYaekXxaPGER3xGSY3FvzFJGTlJlZjBseaXwYSM94lZ0HniOjTokN3cWaLX6fow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-2.1.0.tgz}
-    id: registry.npmjs.org/@sveltejs/adapter-auto/2.1.0
-    name: '@sveltejs/adapter-auto'
-    version: 2.1.0
+  /@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6):
+    resolution: {integrity: sha512-o2pZCfATFtA/Gw/BB0Xm7k4EYaekXxaPGER3xGSY3FvzFJGTlJlZjBseaXwYSM94lZ0HniOjTokN3cWaLX6fow==}
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.1)
-      import-meta-resolve: registry.npmjs.org/import-meta-resolve@3.0.0
+      '@sveltejs/kit': 1.22.6(svelte@4.2.1)(vite@4.5.0)
+      import-meta-resolve: 3.0.0
     dev: true
 
-  registry.npmjs.org/@sveltejs/adapter-auto@2.1.1(@sveltejs/kit@1.27.3):
-    resolution: {integrity: sha512-nzi6x/7/3Axh5VKQ8Eed3pYxastxoa06Y/bFhWb7h3Nu+nGRVxKAy3+hBJgmPCwWScy8n0TsstZjSVKfyrIHkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-2.1.1.tgz}
-    id: registry.npmjs.org/@sveltejs/adapter-auto/2.1.1
-    name: '@sveltejs/adapter-auto'
-    version: 2.1.1
+  /@sveltejs/adapter-auto@2.1.1(@sveltejs/kit@1.27.3):
+    resolution: {integrity: sha512-nzi6x/7/3Axh5VKQ8Eed3pYxastxoa06Y/bFhWb7h3Nu+nGRVxKAy3+hBJgmPCwWScy8n0TsstZjSVKfyrIHkg==}
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': registry.npmjs.org/@sveltejs/kit@1.27.3(svelte@4.2.2)(vite@4.5.0)
-      import-meta-resolve: registry.npmjs.org/import-meta-resolve@4.0.0
+      '@sveltejs/kit': 1.27.3(svelte@4.2.2)(vite@4.5.0)
+      import-meta-resolve: 4.0.0
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.1):
-    resolution: {integrity: sha512-SDKxI/QpsReCwIn5czjT53fKlPBybbmMk67d317gUqfeORroBAFN1Z6s/x0E1JYi+04i7kKllS+Sz9wVfmUkAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.22.6.tgz}
-    id: registry.npmjs.org/@sveltejs/kit/1.22.6
-    name: '@sveltejs/kit'
-    version: 1.22.6
+  /@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.0):
+    resolution: {integrity: sha512-SDKxI/QpsReCwIn5czjT53fKlPBybbmMk67d317gUqfeORroBAFN1Z6s/x0E1JYi+04i7kKllS+Sz9wVfmUkAQ==}
     engines: {node: ^16.14 || >=18}
     hasBin: true
     requiresBuild: true
@@ -3612,29 +2002,26 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.1)
-      '@types/cookie': registry.npmjs.org/@types/cookie@0.5.3
-      cookie: registry.npmjs.org/cookie@0.5.0
-      devalue: registry.npmjs.org/devalue@4.3.2
-      esm-env: registry.npmjs.org/esm-env@1.0.0
-      kleur: registry.npmjs.org/kleur@4.1.5
-      magic-string: registry.npmjs.org/magic-string@0.30.5
-      mime: registry.npmjs.org/mime@3.0.0
-      sade: registry.npmjs.org/sade@1.8.1
-      set-cookie-parser: registry.npmjs.org/set-cookie-parser@2.6.0
-      sirv: registry.npmjs.org/sirv@2.0.3
-      svelte: registry.npmjs.org/svelte@4.2.1
-      undici: registry.npmjs.org/undici@5.23.0
-      vite: 4.5.1(@types/node@18.7.16)
+      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
+      '@types/cookie': 0.5.3
+      cookie: 0.5.0
+      devalue: 4.3.2
+      esm-env: 1.0.0
+      kleur: 4.1.5
+      magic-string: 0.30.5
+      mime: 3.0.0
+      sade: 1.8.1
+      set-cookie-parser: 2.6.0
+      sirv: 2.0.3
+      svelte: 4.2.1
+      undici: 5.23.0
+      vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/kit@1.27.3(svelte@4.2.2)(vite@4.5.0):
-    resolution: {integrity: sha512-pd7qwX6ww5noA0/FLk45B0aKUeOXWR+pfZsGTrv3dRmj3lTmnki9UTmTdWzHJGrje+BBkGUZHfgGrsSOQQBQpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/kit/-/kit-1.27.3.tgz}
-    id: registry.npmjs.org/@sveltejs/kit/1.27.3
-    name: '@sveltejs/kit'
-    version: 1.27.3
+  /@sveltejs/kit@1.27.3(svelte@4.2.2)(vite@4.5.0):
+    resolution: {integrity: sha512-pd7qwX6ww5noA0/FLk45B0aKUeOXWR+pfZsGTrv3dRmj3lTmnki9UTmTdWzHJGrje+BBkGUZHfgGrsSOQQBQpQ==}
     engines: {node: ^16.14 || >=18}
     hasBin: true
     requiresBuild: true
@@ -3642,131 +2029,204 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.2)(vite@4.5.0)
-      '@types/cookie': registry.npmjs.org/@types/cookie@0.5.4
-      cookie: registry.npmjs.org/cookie@0.5.0
-      devalue: registry.npmjs.org/devalue@4.3.2
-      esm-env: registry.npmjs.org/esm-env@1.0.0
-      kleur: registry.npmjs.org/kleur@4.1.5
-      magic-string: registry.npmjs.org/magic-string@0.30.5
-      mrmime: registry.npmjs.org/mrmime@1.0.1
-      sade: registry.npmjs.org/sade@1.8.1
-      set-cookie-parser: registry.npmjs.org/set-cookie-parser@2.6.0
-      sirv: registry.npmjs.org/sirv@2.0.3
-      svelte: registry.npmjs.org/svelte@4.2.2
-      tiny-glob: registry.npmjs.org/tiny-glob@0.2.9
-      undici: registry.npmjs.org/undici@5.26.5
-      vite: registry.npmjs.org/vite@4.5.0
+      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.2)(vite@4.5.0)
+      '@types/cookie': 0.5.4
+      cookie: 0.5.0
+      devalue: 4.3.2
+      esm-env: 1.0.0
+      kleur: 4.1.5
+      magic-string: 0.30.5
+      mrmime: 1.0.1
+      sade: 1.8.1
+      set-cookie-parser: 2.6.0
+      sirv: 2.0.3
+      svelte: 4.2.2
+      tiny-glob: 0.2.9
+      undici: 5.26.5
+      vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/package@2.2.1(svelte@4.2.1)(typescript@5.1.3):
-    resolution: {integrity: sha512-7Yv4SdoOZFPYWK1/A8LtZ7+WLlZny/4q5sWbU7dnkEqbIt5j4V3TzrquT9nAE6sUy6Dghxf35dXoPIdvRH7w7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/package/-/package-2.2.1.tgz}
-    id: registry.npmjs.org/@sveltejs/package/2.2.1
-    name: '@sveltejs/package'
-    version: 2.2.1
+  /@sveltejs/package@2.2.1(svelte@4.2.1)(typescript@5.1.3):
+    resolution: {integrity: sha512-7Yv4SdoOZFPYWK1/A8LtZ7+WLlZny/4q5sWbU7dnkEqbIt5j4V3TzrquT9nAE6sUy6Dghxf35dXoPIdvRH7w7g==}
     engines: {node: ^16.14 || >=18}
     hasBin: true
     peerDependencies:
       svelte: ^3.44.0 || ^4.0.0
     dependencies:
-      chokidar: registry.npmjs.org/chokidar@3.5.3
-      kleur: registry.npmjs.org/kleur@4.1.5
-      sade: registry.npmjs.org/sade@1.8.1
-      semver: registry.npmjs.org/semver@7.5.4
-      svelte: registry.npmjs.org/svelte@4.2.1
-      svelte2tsx: registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.1.3)
+      chokidar: 3.5.3
+      kleur: 4.1.5
+      sade: 1.8.1
+      semver: 7.5.4
+      svelte: 4.2.1
+      svelte2tsx: 0.6.23(svelte@4.2.1)(typescript@5.1.3)
     transitivePeerDependencies:
       - typescript
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.1):
-    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.4.tgz}
-    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.4
-    name: '@sveltejs/vite-plugin-svelte-inspector'
-    version: 1.0.4
+  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0):
+    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
       '@sveltejs/vite-plugin-svelte': ^2.2.0
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.1)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      svelte: registry.npmjs.org/svelte@4.2.1
-      vite: 4.5.1(@types/node@18.7.16)
+      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
+      debug: 4.3.4(supports-color@8.1.1)
+      svelte: 4.2.1
+      vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.2)(vite@4.5.0):
-    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.4.tgz}
-    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/1.0.4
-    name: '@sveltejs/vite-plugin-svelte-inspector'
-    version: 1.0.4
+  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.2)(vite@4.5.0):
+    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
       '@sveltejs/vite-plugin-svelte': ^2.2.0
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.2)(vite@4.5.0)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      svelte: registry.npmjs.org/svelte@4.2.2
-      vite: registry.npmjs.org/vite@4.5.0
+      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.2)(vite@4.5.0)
+      debug: 4.3.4(supports-color@8.1.1)
+      svelte: 4.2.2
+      vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.1):
-    resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.6.tgz}
-    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.6
-    name: '@sveltejs/vite-plugin-svelte'
-    version: 2.4.6
+  /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0):
+    resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.1)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      deepmerge: registry.npmjs.org/deepmerge@4.3.1
-      kleur: registry.npmjs.org/kleur@4.1.5
-      magic-string: registry.npmjs.org/magic-string@0.30.5
-      svelte: registry.npmjs.org/svelte@4.2.1
-      svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.1)
-      vite: 4.5.1(@types/node@18.7.16)
-      vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.5.1)
+      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0)
+      debug: 4.3.4(supports-color@8.1.1)
+      deepmerge: 4.3.1
+      kleur: 4.1.5
+      magic-string: 0.30.5
+      svelte: 4.2.1
+      svelte-hmr: 0.15.3(svelte@4.2.1)
+      vite: 4.5.0(@types/node@18.7.16)
+      vitefu: 0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
 
-  registry.npmjs.org/@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.2)(vite@4.5.0):
-    resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.6.tgz}
-    id: registry.npmjs.org/@sveltejs/vite-plugin-svelte/2.4.6
-    name: '@sveltejs/vite-plugin-svelte'
-    version: 2.4.6
+  /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.2)(vite@4.5.0):
+    resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.2)(vite@4.5.0)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      deepmerge: registry.npmjs.org/deepmerge@4.3.1
-      kleur: registry.npmjs.org/kleur@4.1.5
-      magic-string: registry.npmjs.org/magic-string@0.30.5
-      svelte: registry.npmjs.org/svelte@4.2.2
-      svelte-hmr: registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.2)
-      vite: registry.npmjs.org/vite@4.5.0
-      vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.2)(vite@4.5.0)
+      debug: 4.3.4(supports-color@8.1.1)
+      deepmerge: 4.3.1
+      kleur: 4.1.5
+      magic-string: 0.30.5
+      svelte: 4.2.2
+      svelte-hmr: 0.15.3(svelte@4.2.2)
+      vite: 4.5.0(@types/node@18.7.16)
+      vitefu: 0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@swc/core@1.3.96:
-    resolution: {integrity: sha512-zwE3TLgoZwJfQygdv2SdCK9mRLYluwDOM53I+dT6Z5ZvrgVENmY3txvWDvduzkV+/8IuvrRbVezMpxcojadRdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/core/-/core-1.3.96.tgz}
-    name: '@swc/core'
-    version: 1.3.96
+  /@swc/core-darwin-arm64@1.3.96:
+    resolution: {integrity: sha512-8hzgXYVd85hfPh6mJ9yrG26rhgzCmcLO0h1TIl8U31hwmTbfZLzRitFQ/kqMJNbIBCwmNH1RU2QcJnL3d7f69A==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-darwin-x64@1.3.96:
+    resolution: {integrity: sha512-mFp9GFfuPg+43vlAdQZl0WZpZSE8sEzqL7sr/7Reul5McUHP0BaLsEzwjvD035ESfkY8GBZdLpMinblIbFNljQ==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-linux-arm-gnueabihf@1.3.96:
+    resolution: {integrity: sha512-8UEKkYJP4c8YzYIY/LlbSo8z5Obj4hqcv/fUTHiEePiGsOddgGf7AWjh56u7IoN/0uEmEro59nc1ChFXqXSGyg==}
+    engines: {node: '>=10'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-linux-arm64-gnu@1.3.96:
+    resolution: {integrity: sha512-c/IiJ0s1y3Ymm2BTpyC/xr6gOvoqAVETrivVXHq68xgNms95luSpbYQ28rqaZC8bQC8M5zdXpSc0T8DJu8RJGw==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-linux-arm64-musl@1.3.96:
+    resolution: {integrity: sha512-i5/UTUwmJLri7zhtF6SAo/4QDQJDH2fhYJaBIUhrICmIkRO/ltURmpejqxsM/ye9Jqv5zG7VszMC0v/GYn/7BQ==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-linux-x64-gnu@1.3.96:
+    resolution: {integrity: sha512-USdaZu8lTIkm4Yf9cogct/j5eqtdZqTgcTib4I+NloUW0E/hySou3eSyp3V2UAA1qyuC72ld1otXuyKBna0YKQ==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-linux-x64-musl@1.3.96:
+    resolution: {integrity: sha512-QYErutd+G2SNaCinUVobfL7jWWjGTI0QEoQ6hqTp7PxCJS/dmKmj3C5ZkvxRYcq7XcZt7ovrYCTwPTHzt6lZBg==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-win32-arm64-msvc@1.3.96:
+    resolution: {integrity: sha512-hjGvvAduA3Un2cZ9iNP4xvTXOO4jL3G9iakhFsgVhpkU73SGmK7+LN8ZVBEu4oq2SUcHO6caWvnZ881cxGuSpg==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-win32-ia32-msvc@1.3.96:
+    resolution: {integrity: sha512-Far2hVFiwr+7VPCM2GxSmbh3ikTpM3pDombE+d69hkedvYHYZxtTF+2LTKl/sXtpbUnsoq7yV/32c9R/xaaWfw==}
+    engines: {node: '>=10'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-win32-x64-msvc@1.3.96:
+    resolution: {integrity: sha512-4VbSAniIu0ikLf5mBX81FsljnfqjoVGleEkCQv4+zRlyZtO3FHoDPkeLVoy6WRlj7tyrRcfUJ4mDdPkbfTO14g==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core@1.3.96:
+    resolution: {integrity: sha512-zwE3TLgoZwJfQygdv2SdCK9mRLYluwDOM53I+dT6Z5ZvrgVENmY3txvWDvduzkV+/8IuvrRbVezMpxcojadRdQ==}
     engines: {node: '>=10'}
     requiresBuild: true
     peerDependencies:
@@ -3775,8 +2235,8 @@ packages:
       '@swc/helpers':
         optional: true
     dependencies:
-      '@swc/counter': registry.npmjs.org/@swc/counter@0.1.2
-      '@swc/types': registry.npmjs.org/@swc/types@0.1.5
+      '@swc/counter': 0.1.2
+      '@swc/types': 0.1.5
     optionalDependencies:
       '@swc/core-darwin-arm64': 1.3.96
       '@swc/core-darwin-x64': 1.3.96
@@ -3790,558 +2250,433 @@ packages:
       '@swc/core-win32-x64-msvc': 1.3.96
     dev: true
 
-  registry.npmjs.org/@swc/counter@0.1.2:
-    resolution: {integrity: sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/counter/-/counter-0.1.2.tgz}
-    name: '@swc/counter'
-    version: 0.1.2
+  /@swc/counter@0.1.2:
+    resolution: {integrity: sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==}
     dev: true
 
-  registry.npmjs.org/@swc/types@0.1.5:
-    resolution: {integrity: sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@swc/types/-/types-0.1.5.tgz}
-    name: '@swc/types'
-    version: 0.1.5
+  /@swc/types@0.1.5:
+    resolution: {integrity: sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==}
     dev: true
 
-  registry.npmjs.org/@trysound/sax@0.2.0:
-    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz}
-    name: '@trysound/sax'
-    version: 0.2.0
+  /@trysound/sax@0.2.0:
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
     engines: {node: '>=10.13.0'}
     dev: true
 
-  registry.npmjs.org/@types/babel__core@7.20.3:
-    resolution: {integrity: sha512-54fjTSeSHwfan8AyHWrKbfBWiEUrNTZsUwPTDSNaaP1QDQIZbeNUg3a59E9D+375MzUw/x1vx2/0F5LBz+AeYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.3.tgz}
-    name: '@types/babel__core'
-    version: 7.20.3
+  /@types/babel__core@7.20.3:
+    resolution: {integrity: sha512-54fjTSeSHwfan8AyHWrKbfBWiEUrNTZsUwPTDSNaaP1QDQIZbeNUg3a59E9D+375MzUw/x1vx2/0F5LBz+AeYA==}
+    dependencies:
+      '@babel/parser': 7.23.0
+      '@babel/types': 7.23.0
+      '@types/babel__generator': 7.6.7
+      '@types/babel__template': 7.4.4
+      '@types/babel__traverse': 7.20.4
+    dev: false
+
+  /@types/babel__core@7.20.4:
+    resolution: {integrity: sha512-mLnSC22IC4vcWiuObSRjrLd9XcBTGf59vUSoq2jkQDJ/QQ8PMI9rSuzE+aEV8karUMbskw07bKYoUJCKTUaygg==}
     dependencies:
-      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-      '@types/babel__generator': registry.npmjs.org/@types/babel__generator@7.6.7
-      '@types/babel__template': registry.npmjs.org/@types/babel__template@7.4.4
-      '@types/babel__traverse': registry.npmjs.org/@types/babel__traverse@7.20.4
+      '@babel/parser': 7.23.0
+      '@babel/types': 7.23.0
+      '@types/babel__generator': 7.6.7
+      '@types/babel__template': 7.4.4
+      '@types/babel__traverse': 7.20.4
+
+  /@types/babel__core@7.20.5:
+    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
+    dependencies:
+      '@babel/parser': 7.23.6
+      '@babel/types': 7.23.6
+      '@types/babel__generator': 7.6.8
+      '@types/babel__template': 7.4.4
+      '@types/babel__traverse': 7.20.5
     dev: false
 
-  registry.npmjs.org/@types/babel__core@7.20.4:
-    resolution: {integrity: sha512-mLnSC22IC4vcWiuObSRjrLd9XcBTGf59vUSoq2jkQDJ/QQ8PMI9rSuzE+aEV8karUMbskw07bKYoUJCKTUaygg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.4.tgz}
-    name: '@types/babel__core'
-    version: 7.20.4
+  /@types/babel__generator@7.6.7:
+    resolution: {integrity: sha512-6Sfsq+EaaLrw4RmdFWE9Onp63TOUue71AWb4Gpa6JxzgTYtimbM086WnYTy2U67AofR++QKCo08ZP6pwx8YFHQ==}
+    dependencies:
+      '@babel/types': 7.23.0
+
+  /@types/babel__generator@7.6.8:
+    resolution: {integrity: sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==}
     dependencies:
-      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-      '@types/babel__generator': registry.npmjs.org/@types/babel__generator@7.6.7
-      '@types/babel__template': registry.npmjs.org/@types/babel__template@7.4.4
-      '@types/babel__traverse': registry.npmjs.org/@types/babel__traverse@7.20.4
+      '@babel/types': 7.23.6
+    dev: false
 
-  registry.npmjs.org/@types/babel__generator@7.6.7:
-    resolution: {integrity: sha512-6Sfsq+EaaLrw4RmdFWE9Onp63TOUue71AWb4Gpa6JxzgTYtimbM086WnYTy2U67AofR++QKCo08ZP6pwx8YFHQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.7.tgz}
-    name: '@types/babel__generator'
-    version: 7.6.7
+  /@types/babel__template@7.4.4:
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+      '@babel/parser': 7.23.0
+      '@babel/types': 7.23.0
 
-  registry.npmjs.org/@types/babel__template@7.4.4:
-    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz}
-    name: '@types/babel__template'
-    version: 7.4.4
+  /@types/babel__traverse@7.20.4:
+    resolution: {integrity: sha512-mSM/iKUk5fDDrEV/e83qY+Cr3I1+Q3qqTuEn++HAWYjEa1+NxZr6CNrcJGf2ZTnq4HoFGC3zaTPZTobCzCFukA==}
     dependencies:
-      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+      '@babel/types': 7.23.0
 
-  registry.npmjs.org/@types/babel__traverse@7.20.4:
-    resolution: {integrity: sha512-mSM/iKUk5fDDrEV/e83qY+Cr3I1+Q3qqTuEn++HAWYjEa1+NxZr6CNrcJGf2ZTnq4HoFGC3zaTPZTobCzCFukA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.4.tgz}
-    name: '@types/babel__traverse'
-    version: 7.20.4
+  /@types/babel__traverse@7.20.5:
+    resolution: {integrity: sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==}
     dependencies:
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
+      '@babel/types': 7.23.6
+    dev: false
 
-  registry.npmjs.org/@types/cookie@0.5.3:
-    resolution: {integrity: sha512-SLg07AS9z1Ab2LU+QxzU8RCmzsja80ywjf/t5oqw+4NSH20gIGlhLOrBDm1L3PBWzPa4+wkgFQVZAjE6Ioj2ug==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/cookie/-/cookie-0.5.3.tgz}
-    name: '@types/cookie'
-    version: 0.5.3
+  /@types/cookie@0.5.3:
+    resolution: {integrity: sha512-SLg07AS9z1Ab2LU+QxzU8RCmzsja80ywjf/t5oqw+4NSH20gIGlhLOrBDm1L3PBWzPa4+wkgFQVZAjE6Ioj2ug==}
     dev: true
 
-  registry.npmjs.org/@types/cookie@0.5.4:
-    resolution: {integrity: sha512-7z/eR6O859gyWIAjuvBWFzNURmf2oPBmJlfVWkwehU5nzIyjwBsTh7WMmEEV4JFnHuQ3ex4oyTvfKzcyJVDBNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/cookie/-/cookie-0.5.4.tgz}
-    name: '@types/cookie'
-    version: 0.5.4
+  /@types/cookie@0.5.4:
+    resolution: {integrity: sha512-7z/eR6O859gyWIAjuvBWFzNURmf2oPBmJlfVWkwehU5nzIyjwBsTh7WMmEEV4JFnHuQ3ex4oyTvfKzcyJVDBNA==}
     dev: true
 
-  registry.npmjs.org/@types/d3-array@3.0.9:
-    resolution: {integrity: sha512-mZowFN3p64ajCJJ4riVYlOjNlBJv3hctgAY01pjw3qTnJePD8s9DZmYDzhHKvzfCYvdjwylkU38+Vdt7Cu2FDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-array/-/d3-array-3.0.9.tgz}
-    name: '@types/d3-array'
-    version: 3.0.9
+  /@types/d3-array@3.0.9:
+    resolution: {integrity: sha512-mZowFN3p64ajCJJ4riVYlOjNlBJv3hctgAY01pjw3qTnJePD8s9DZmYDzhHKvzfCYvdjwylkU38+Vdt7Cu2FDA==}
     dev: false
 
-  registry.npmjs.org/@types/d3-axis@3.0.5:
-    resolution: {integrity: sha512-ufDAV3SQzju+uB3Jlty7SUb/jMigjpIlvDDcSGvGmmO6OT/sNO93UE0dRzwWOZeBLzrLSA0CQM4bf3iq1std3A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.5.tgz}
-    name: '@types/d3-axis'
-    version: 3.0.5
+  /@types/d3-axis@3.0.5:
+    resolution: {integrity: sha512-ufDAV3SQzju+uB3Jlty7SUb/jMigjpIlvDDcSGvGmmO6OT/sNO93UE0dRzwWOZeBLzrLSA0CQM4bf3iq1std3A==}
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.3
+      '@types/d3-selection': 3.0.3
     dev: false
 
-  registry.npmjs.org/@types/d3-brush@3.0.5:
-    resolution: {integrity: sha512-JROQXZNq1X6QdWstESDUv1VilwZ2hBCQnWB91yal+5yZvYwGQvYsGCjrkHGfKK/8/AcX1JnERmpQzdDDuLRUsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.5.tgz}
-    name: '@types/d3-brush'
-    version: 3.0.5
+  /@types/d3-brush@3.0.5:
+    resolution: {integrity: sha512-JROQXZNq1X6QdWstESDUv1VilwZ2hBCQnWB91yal+5yZvYwGQvYsGCjrkHGfKK/8/AcX1JnERmpQzdDDuLRUsA==}
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.3
+      '@types/d3-selection': 3.0.3
     dev: false
 
-  registry.npmjs.org/@types/d3-chord@3.0.5:
-    resolution: {integrity: sha512-rs26AIhJjtc+XLR4YQU8IjPTLOlDVO4PR1y+pVFYEHzKh2tE5tYz3MF4QV6iz7HboXQEaYpJQt8dH9uUkne8yA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.5.tgz}
-    name: '@types/d3-chord'
-    version: 3.0.5
+  /@types/d3-chord@3.0.5:
+    resolution: {integrity: sha512-rs26AIhJjtc+XLR4YQU8IjPTLOlDVO4PR1y+pVFYEHzKh2tE5tYz3MF4QV6iz7HboXQEaYpJQt8dH9uUkne8yA==}
     dev: false
 
-  registry.npmjs.org/@types/d3-color@3.1.2:
-    resolution: {integrity: sha512-At+Ski7dL8Bs58E8g8vPcFJc8tGcaC12Z4m07+p41+DRqnZQcAlp3NfYjLrhNYv+zEyQitU1CUxXNjqUyf+c0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.2.tgz}
-    name: '@types/d3-color'
-    version: 3.1.2
+  /@types/d3-color@3.1.2:
+    resolution: {integrity: sha512-At+Ski7dL8Bs58E8g8vPcFJc8tGcaC12Z4m07+p41+DRqnZQcAlp3NfYjLrhNYv+zEyQitU1CUxXNjqUyf+c0g==}
     dev: false
 
-  registry.npmjs.org/@types/d3-contour@3.0.5:
-    resolution: {integrity: sha512-wLvjwdOQVd1NL1IcW90CCt1VtpeZ3V20p/OTXlkT8uAiprrJnq2PNNnRNe1QCez4U9aMU29Z14zpJQVLW1+Lcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.5.tgz}
-    name: '@types/d3-contour'
-    version: 3.0.5
+  /@types/d3-contour@3.0.5:
+    resolution: {integrity: sha512-wLvjwdOQVd1NL1IcW90CCt1VtpeZ3V20p/OTXlkT8uAiprrJnq2PNNnRNe1QCez4U9aMU29Z14zpJQVLW1+Lcg==}
     dependencies:
-      '@types/d3-array': registry.npmjs.org/@types/d3-array@3.0.9
-      '@types/geojson': registry.npmjs.org/@types/geojson@7946.0.12
+      '@types/d3-array': 3.0.9
+      '@types/geojson': 7946.0.12
     dev: false
 
-  registry.npmjs.org/@types/d3-delaunay@6.0.3:
-    resolution: {integrity: sha512-+Lf5NPKZ4JBC9tbudVkKceQXRxU3jJs0el9aKQvinMtdnFSOG84eVXyhCNgIFuXNQO3iIcYs7sgzN359FEOZnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-delaunay/-/d3-delaunay-6.0.3.tgz}
-    name: '@types/d3-delaunay'
-    version: 6.0.3
+  /@types/d3-delaunay@6.0.3:
+    resolution: {integrity: sha512-+Lf5NPKZ4JBC9tbudVkKceQXRxU3jJs0el9aKQvinMtdnFSOG84eVXyhCNgIFuXNQO3iIcYs7sgzN359FEOZnQ==}
     dev: false
 
-  registry.npmjs.org/@types/d3-dispatch@3.0.5:
-    resolution: {integrity: sha512-hxvq2kc+9hydVppo21JCGfcM0tLTh1DXnG3MLN0KlxsNZJH4bsdl1iXDuWtXFpWWlBrCMwSqlnoLPDxNAZU3Bg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.5.tgz}
-    name: '@types/d3-dispatch'
-    version: 3.0.5
+  /@types/d3-dispatch@3.0.5:
+    resolution: {integrity: sha512-hxvq2kc+9hydVppo21JCGfcM0tLTh1DXnG3MLN0KlxsNZJH4bsdl1iXDuWtXFpWWlBrCMwSqlnoLPDxNAZU3Bg==}
     dev: false
 
-  registry.npmjs.org/@types/d3-drag@3.0.1:
-    resolution: {integrity: sha512-o1Va7bLwwk6h03+nSM8dpaGEYnoIG19P0lKqlic8Un36ymh9NSkNFX1yiXMKNMx8rJ0Kfnn2eovuFaL6Jvj0zA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.1.tgz}
-    name: '@types/d3-drag'
-    version: 3.0.1
+  /@types/d3-drag@3.0.1:
+    resolution: {integrity: sha512-o1Va7bLwwk6h03+nSM8dpaGEYnoIG19P0lKqlic8Un36ymh9NSkNFX1yiXMKNMx8rJ0Kfnn2eovuFaL6Jvj0zA==}
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.3
+      '@types/d3-selection': 3.0.3
     dev: false
 
-  registry.npmjs.org/@types/d3-dsv@3.0.5:
-    resolution: {integrity: sha512-73WZR3QFOaSRVz9iOrebTbTnbo7xjcgS/i0Cq5zy0jMXPO3v/JbkTD3Zqii1eYE6v4EJ78g5VP407rm+p8fdlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.5.tgz}
-    name: '@types/d3-dsv'
-    version: 3.0.5
+  /@types/d3-dsv@3.0.5:
+    resolution: {integrity: sha512-73WZR3QFOaSRVz9iOrebTbTnbo7xjcgS/i0Cq5zy0jMXPO3v/JbkTD3Zqii1eYE6v4EJ78g5VP407rm+p8fdlA==}
     dev: false
 
-  registry.npmjs.org/@types/d3-ease@3.0.1:
-    resolution: {integrity: sha512-VZofjpEt8HWv3nxUAosj5o/+4JflnJ7Bbv07k17VO3T2WRuzGdZeookfaF60iVh5RdhVG49LE5w6LIshVUC6rg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.1.tgz}
-    name: '@types/d3-ease'
-    version: 3.0.1
+  /@types/d3-ease@3.0.1:
+    resolution: {integrity: sha512-VZofjpEt8HWv3nxUAosj5o/+4JflnJ7Bbv07k17VO3T2WRuzGdZeookfaF60iVh5RdhVG49LE5w6LIshVUC6rg==}
     dev: false
 
-  registry.npmjs.org/@types/d3-fetch@3.0.5:
-    resolution: {integrity: sha512-Rc8pb6H0RRLpAV2hEXduykUgcDUOhjSLTLmCIeo6ejzgs4SaITh/EteMb3p5Env3Hqjsqw0fCksyqopHHzMkMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.5.tgz}
-    name: '@types/d3-fetch'
-    version: 3.0.5
+  /@types/d3-fetch@3.0.5:
+    resolution: {integrity: sha512-Rc8pb6H0RRLpAV2hEXduykUgcDUOhjSLTLmCIeo6ejzgs4SaITh/EteMb3p5Env3Hqjsqw0fCksyqopHHzMkMg==}
     dependencies:
-      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv@3.0.5
+      '@types/d3-dsv': 3.0.5
     dev: false
 
-  registry.npmjs.org/@types/d3-force@3.0.7:
-    resolution: {integrity: sha512-rsok4CEvPLyVWRPsFiBhanJc3up03H/EARVz4d8soPh8drv82YMuAckYy4yv8g4/81JwCng5U5/o9aj9d0T6bQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.7.tgz}
-    name: '@types/d3-force'
-    version: 3.0.7
+  /@types/d3-force@3.0.7:
+    resolution: {integrity: sha512-rsok4CEvPLyVWRPsFiBhanJc3up03H/EARVz4d8soPh8drv82YMuAckYy4yv8g4/81JwCng5U5/o9aj9d0T6bQ==}
     dev: false
 
-  registry.npmjs.org/@types/d3-format@3.0.3:
-    resolution: {integrity: sha512-kxuLXSAEJykTeL/EI3tUiEfGqru7PRdqEy099YBnqFl+fF167UVSB4+wntlZv86ZdoYf0DHjsRHnTIm8kcH7qw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.3.tgz}
-    name: '@types/d3-format'
-    version: 3.0.3
+  /@types/d3-format@3.0.3:
+    resolution: {integrity: sha512-kxuLXSAEJykTeL/EI3tUiEfGqru7PRdqEy099YBnqFl+fF167UVSB4+wntlZv86ZdoYf0DHjsRHnTIm8kcH7qw==}
     dev: false
 
-  registry.npmjs.org/@types/d3-geo@3.0.6:
-    resolution: {integrity: sha512-wblAES3b+C3hvp4VakwECEKtHquT/xc6K4HOna95LM1j1fd7s7WmU4V+JMQZfKhNCMkV2vWD+ZUgY2Uj6gqfuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.0.6.tgz}
-    name: '@types/d3-geo'
-    version: 3.0.6
+  /@types/d3-geo@3.0.6:
+    resolution: {integrity: sha512-wblAES3b+C3hvp4VakwECEKtHquT/xc6K4HOna95LM1j1fd7s7WmU4V+JMQZfKhNCMkV2vWD+ZUgY2Uj6gqfuA==}
     dependencies:
-      '@types/geojson': registry.npmjs.org/@types/geojson@7946.0.12
+      '@types/geojson': 7946.0.12
     dev: false
 
-  registry.npmjs.org/@types/d3-hierarchy@3.1.5:
-    resolution: {integrity: sha512-DEcBUj1IL3WyPLDlh4m2nsNXnMLITXM5Vwcu4G85yJHtf2cVGPBjgky3L11WBnT+ayHKf06Tchk5mY1eGmd4WQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.5.tgz}
-    name: '@types/d3-hierarchy'
-    version: 3.1.5
+  /@types/d3-hierarchy@3.1.5:
+    resolution: {integrity: sha512-DEcBUj1IL3WyPLDlh4m2nsNXnMLITXM5Vwcu4G85yJHtf2cVGPBjgky3L11WBnT+ayHKf06Tchk5mY1eGmd4WQ==}
     dev: false
 
-  registry.npmjs.org/@types/d3-interpolate@3.0.3:
-    resolution: {integrity: sha512-6OZ2EIB4lLj+8cUY7I/Cgn9Q+hLdA4DjJHYOQDiHL0SzqS1K9DL5xIOVBSIHgF+tiuO9MU1D36qvdIvRDRPh+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.3.tgz}
-    name: '@types/d3-interpolate'
-    version: 3.0.3
+  /@types/d3-interpolate@3.0.3:
+    resolution: {integrity: sha512-6OZ2EIB4lLj+8cUY7I/Cgn9Q+hLdA4DjJHYOQDiHL0SzqS1K9DL5xIOVBSIHgF+tiuO9MU1D36qvdIvRDRPh+Q==}
     dependencies:
-      '@types/d3-color': registry.npmjs.org/@types/d3-color@3.1.2
+      '@types/d3-color': 3.1.2
     dev: false
 
-  registry.npmjs.org/@types/d3-path@3.0.1:
-    resolution: {integrity: sha512-blRhp7ki7pVznM8k6lk5iUU9paDbVRVq+/xpf0RRgSJn5gr6SE7RcFtxooYGMBOc1RZiGyqRpVdu5AD0z0ooMA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-path/-/d3-path-3.0.1.tgz}
-    name: '@types/d3-path'
-    version: 3.0.1
+  /@types/d3-path@3.0.1:
+    resolution: {integrity: sha512-blRhp7ki7pVznM8k6lk5iUU9paDbVRVq+/xpf0RRgSJn5gr6SE7RcFtxooYGMBOc1RZiGyqRpVdu5AD0z0ooMA==}
     dev: false
 
-  registry.npmjs.org/@types/d3-polygon@3.0.1:
-    resolution: {integrity: sha512-nrcWPk7B9qs6xnpq60Cls44zm9eDmFAv65qi/N/emh/oftnG6uYz49aIS0mdFaGeJxVN8H3pHneMuZMV8EwFdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-polygon/-/d3-polygon-3.0.1.tgz}
-    name: '@types/d3-polygon'
-    version: 3.0.1
+  /@types/d3-polygon@3.0.1:
+    resolution: {integrity: sha512-nrcWPk7B9qs6xnpq60Cls44zm9eDmFAv65qi/N/emh/oftnG6uYz49aIS0mdFaGeJxVN8H3pHneMuZMV8EwFdw==}
     dev: false
 
-  registry.npmjs.org/@types/d3-quadtree@3.0.4:
-    resolution: {integrity: sha512-B725MopFDIOQ6njFbeOxIEf42HVO2Xv+FmcxQISdOKErvLbFqWz3Riu+OWujUYoogreqqyHBHcGGL/JzzXQYsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.4.tgz}
-    name: '@types/d3-quadtree'
-    version: 3.0.4
+  /@types/d3-quadtree@3.0.4:
+    resolution: {integrity: sha512-B725MopFDIOQ6njFbeOxIEf42HVO2Xv+FmcxQISdOKErvLbFqWz3Riu+OWujUYoogreqqyHBHcGGL/JzzXQYsw==}
     dev: false
 
-  registry.npmjs.org/@types/d3-random@3.0.2:
-    resolution: {integrity: sha512-8QhsqkKs6mymAZMrg3ZFXPxKA34rdgp3ZrtB8o6mhFsKAd1gOvR1gocWnca+kmXypQdwgnzKm9gZE2Uw8NjjKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.2.tgz}
-    name: '@types/d3-random'
-    version: 3.0.2
+  /@types/d3-random@3.0.2:
+    resolution: {integrity: sha512-8QhsqkKs6mymAZMrg3ZFXPxKA34rdgp3ZrtB8o6mhFsKAd1gOvR1gocWnca+kmXypQdwgnzKm9gZE2Uw8NjjKw==}
     dev: false
 
-  registry.npmjs.org/@types/d3-scale-chromatic@3.0.1:
-    resolution: {integrity: sha512-Ob7OrwiTeQXY/WBBbRHGZBOn6rH1h7y3jjpTSKYqDEeqFjktql6k2XSgNwLrLDmAsXhEn8P9NHDY4VTuo0ZY1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.0.1.tgz}
-    name: '@types/d3-scale-chromatic'
-    version: 3.0.1
+  /@types/d3-scale-chromatic@3.0.1:
+    resolution: {integrity: sha512-Ob7OrwiTeQXY/WBBbRHGZBOn6rH1h7y3jjpTSKYqDEeqFjktql6k2XSgNwLrLDmAsXhEn8P9NHDY4VTuo0ZY1w==}
     dev: false
 
-  registry.npmjs.org/@types/d3-scale@4.0.6:
-    resolution: {integrity: sha512-lo3oMLSiqsQUovv8j15X4BNEDOsnHuGjeVg7GRbAuB2PUa1prK5BNSOu6xixgNf3nqxPl4I1BqJWrPvFGlQoGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.6.tgz}
-    name: '@types/d3-scale'
-    version: 4.0.6
+  /@types/d3-scale@4.0.6:
+    resolution: {integrity: sha512-lo3oMLSiqsQUovv8j15X4BNEDOsnHuGjeVg7GRbAuB2PUa1prK5BNSOu6xixgNf3nqxPl4I1BqJWrPvFGlQoGQ==}
     dependencies:
-      '@types/d3-time': registry.npmjs.org/@types/d3-time@3.0.2
+      '@types/d3-time': 3.0.2
     dev: false
 
-  registry.npmjs.org/@types/d3-selection@3.0.3:
-    resolution: {integrity: sha512-Mw5cf6nlW1MlefpD9zrshZ+DAWL4IQ5LnWfRheW6xwsdaWOb6IRRu2H7XPAQcyXEx1D7XQWgdoKR83ui1/HlEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.3.tgz}
-    name: '@types/d3-selection'
-    version: 3.0.3
+  /@types/d3-selection@3.0.3:
+    resolution: {integrity: sha512-Mw5cf6nlW1MlefpD9zrshZ+DAWL4IQ5LnWfRheW6xwsdaWOb6IRRu2H7XPAQcyXEx1D7XQWgdoKR83ui1/HlEA==}
     dev: false
 
-  registry.npmjs.org/@types/d3-shape@3.1.4:
-    resolution: {integrity: sha512-M2/xsWPsjaZc5ifMKp1EBp0gqJG0eO/zlldJNOC85Y/5DGsBQ49gDkRJ2h5GY7ZVD6KUumvZWsylSbvTaJTqKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.4.tgz}
-    name: '@types/d3-shape'
-    version: 3.1.4
+  /@types/d3-shape@3.1.4:
+    resolution: {integrity: sha512-M2/xsWPsjaZc5ifMKp1EBp0gqJG0eO/zlldJNOC85Y/5DGsBQ49gDkRJ2h5GY7ZVD6KUumvZWsylSbvTaJTqKg==}
     dependencies:
-      '@types/d3-path': registry.npmjs.org/@types/d3-path@3.0.1
+      '@types/d3-path': 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/d3-time-format@4.0.2:
-    resolution: {integrity: sha512-wr08C1Gh77qaN8JIkrn5Rz/bdt5M9bdEqFmEOcYhUSq2t2sHvLTBfb4XAtGB3D4hm0ubj50NXWWXoXyp5tPXDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-time-format/-/d3-time-format-4.0.2.tgz}
-    name: '@types/d3-time-format'
-    version: 4.0.2
+  /@types/d3-time-format@4.0.2:
+    resolution: {integrity: sha512-wr08C1Gh77qaN8JIkrn5Rz/bdt5M9bdEqFmEOcYhUSq2t2sHvLTBfb4XAtGB3D4hm0ubj50NXWWXoXyp5tPXDg==}
     dev: false
 
-  registry.npmjs.org/@types/d3-time@3.0.2:
-    resolution: {integrity: sha512-kbdRXTmUgNfw5OTE3KZnFQn6XdIc4QGroN5UixgdrXATmYsdlPQS6pEut9tVlIojtzuFD4txs/L+Rq41AHtLpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.2.tgz}
-    name: '@types/d3-time'
-    version: 3.0.2
+  /@types/d3-time@3.0.2:
+    resolution: {integrity: sha512-kbdRXTmUgNfw5OTE3KZnFQn6XdIc4QGroN5UixgdrXATmYsdlPQS6pEut9tVlIojtzuFD4txs/L+Rq41AHtLpg==}
     dev: false
 
-  registry.npmjs.org/@types/d3-timer@3.0.1:
-    resolution: {integrity: sha512-GGTvzKccVEhxmRfJEB6zhY9ieT4UhGVUIQaBzFpUO9OXy2ycAlnPCSJLzmGGgqt3KVjqN3QCQB4g1rsZnHsWhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.1.tgz}
-    name: '@types/d3-timer'
-    version: 3.0.1
+  /@types/d3-timer@3.0.1:
+    resolution: {integrity: sha512-GGTvzKccVEhxmRfJEB6zhY9ieT4UhGVUIQaBzFpUO9OXy2ycAlnPCSJLzmGGgqt3KVjqN3QCQB4g1rsZnHsWhg==}
     dev: false
 
-  registry.npmjs.org/@types/d3-transition@3.0.6:
-    resolution: {integrity: sha512-K0To23B5UxNwFtKORnS5JoNYvw/DnknU5MzhHIS9czJ/lTqFFDeU6w9lArOdoTl0cZFNdNrMJSFCbRCEHccH2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.6.tgz}
-    name: '@types/d3-transition'
-    version: 3.0.6
+  /@types/d3-transition@3.0.6:
+    resolution: {integrity: sha512-K0To23B5UxNwFtKORnS5JoNYvw/DnknU5MzhHIS9czJ/lTqFFDeU6w9lArOdoTl0cZFNdNrMJSFCbRCEHccH2w==}
     dependencies:
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.3
+      '@types/d3-selection': 3.0.3
     dev: false
 
-  registry.npmjs.org/@types/d3-zoom@3.0.1:
-    resolution: {integrity: sha512-7s5L9TjfqIYQmQQEUcpMAcBOahem7TRoSO/+Gkz02GbMVuULiZzjF2BOdw291dbO2aNon4m2OdFsRGaCq2caLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.1.tgz}
-    name: '@types/d3-zoom'
-    version: 3.0.1
+  /@types/d3-zoom@3.0.1:
+    resolution: {integrity: sha512-7s5L9TjfqIYQmQQEUcpMAcBOahem7TRoSO/+Gkz02GbMVuULiZzjF2BOdw291dbO2aNon4m2OdFsRGaCq2caLQ==}
     dependencies:
-      '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate@3.0.3
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.3
+      '@types/d3-interpolate': 3.0.3
+      '@types/d3-selection': 3.0.3
     dev: false
 
-  registry.npmjs.org/@types/d3@7.4.0:
-    resolution: {integrity: sha512-jIfNVK0ZlxcuRDKtRS/SypEyOQ6UHaFQBKv032X45VvxSJ6Yi5G9behy9h6tNTHTDGh5Vq+KbmBjUWLgY4meCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/d3/-/d3-7.4.0.tgz}
-    name: '@types/d3'
-    version: 7.4.0
+  /@types/d3@7.4.0:
+    resolution: {integrity: sha512-jIfNVK0ZlxcuRDKtRS/SypEyOQ6UHaFQBKv032X45VvxSJ6Yi5G9behy9h6tNTHTDGh5Vq+KbmBjUWLgY4meCA==}
     dependencies:
-      '@types/d3-array': registry.npmjs.org/@types/d3-array@3.0.9
-      '@types/d3-axis': registry.npmjs.org/@types/d3-axis@3.0.5
-      '@types/d3-brush': registry.npmjs.org/@types/d3-brush@3.0.5
-      '@types/d3-chord': registry.npmjs.org/@types/d3-chord@3.0.5
-      '@types/d3-color': registry.npmjs.org/@types/d3-color@3.1.2
-      '@types/d3-contour': registry.npmjs.org/@types/d3-contour@3.0.5
-      '@types/d3-delaunay': registry.npmjs.org/@types/d3-delaunay@6.0.3
-      '@types/d3-dispatch': registry.npmjs.org/@types/d3-dispatch@3.0.5
-      '@types/d3-drag': registry.npmjs.org/@types/d3-drag@3.0.1
-      '@types/d3-dsv': registry.npmjs.org/@types/d3-dsv@3.0.5
-      '@types/d3-ease': registry.npmjs.org/@types/d3-ease@3.0.1
-      '@types/d3-fetch': registry.npmjs.org/@types/d3-fetch@3.0.5
-      '@types/d3-force': registry.npmjs.org/@types/d3-force@3.0.7
-      '@types/d3-format': registry.npmjs.org/@types/d3-format@3.0.3
-      '@types/d3-geo': registry.npmjs.org/@types/d3-geo@3.0.6
-      '@types/d3-hierarchy': registry.npmjs.org/@types/d3-hierarchy@3.1.5
-      '@types/d3-interpolate': registry.npmjs.org/@types/d3-interpolate@3.0.3
-      '@types/d3-path': registry.npmjs.org/@types/d3-path@3.0.1
-      '@types/d3-polygon': registry.npmjs.org/@types/d3-polygon@3.0.1
-      '@types/d3-quadtree': registry.npmjs.org/@types/d3-quadtree@3.0.4
-      '@types/d3-random': registry.npmjs.org/@types/d3-random@3.0.2
-      '@types/d3-scale': registry.npmjs.org/@types/d3-scale@4.0.6
-      '@types/d3-scale-chromatic': registry.npmjs.org/@types/d3-scale-chromatic@3.0.1
-      '@types/d3-selection': registry.npmjs.org/@types/d3-selection@3.0.3
-      '@types/d3-shape': registry.npmjs.org/@types/d3-shape@3.1.4
-      '@types/d3-time': registry.npmjs.org/@types/d3-time@3.0.2
-      '@types/d3-time-format': registry.npmjs.org/@types/d3-time-format@4.0.2
-      '@types/d3-timer': registry.npmjs.org/@types/d3-timer@3.0.1
-      '@types/d3-transition': registry.npmjs.org/@types/d3-transition@3.0.6
-      '@types/d3-zoom': registry.npmjs.org/@types/d3-zoom@3.0.1
+      '@types/d3-array': 3.0.9
+      '@types/d3-axis': 3.0.5
+      '@types/d3-brush': 3.0.5
+      '@types/d3-chord': 3.0.5
+      '@types/d3-color': 3.1.2
+      '@types/d3-contour': 3.0.5
+      '@types/d3-delaunay': 6.0.3
+      '@types/d3-dispatch': 3.0.5
+      '@types/d3-drag': 3.0.1
+      '@types/d3-dsv': 3.0.5
+      '@types/d3-ease': 3.0.1
+      '@types/d3-fetch': 3.0.5
+      '@types/d3-force': 3.0.7
+      '@types/d3-format': 3.0.3
+      '@types/d3-geo': 3.0.6
+      '@types/d3-hierarchy': 3.1.5
+      '@types/d3-interpolate': 3.0.3
+      '@types/d3-path': 3.0.1
+      '@types/d3-polygon': 3.0.1
+      '@types/d3-quadtree': 3.0.4
+      '@types/d3-random': 3.0.2
+      '@types/d3-scale': 4.0.6
+      '@types/d3-scale-chromatic': 3.0.1
+      '@types/d3-selection': 3.0.3
+      '@types/d3-shape': 3.1.4
+      '@types/d3-time': 3.0.2
+      '@types/d3-time-format': 4.0.2
+      '@types/d3-timer': 3.0.1
+      '@types/d3-transition': 3.0.6
+      '@types/d3-zoom': 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/dagre@0.7.52:
-    resolution: {integrity: sha512-XKJdy+OClLk3hketHi9Qg6gTfe1F3y+UFnHxKA2rn9Dw+oXa4Gb378Ztz9HlMgZKSxpPmn4BNVh9wgkpvrK1uw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/dagre/-/dagre-0.7.52.tgz}
-    name: '@types/dagre'
-    version: 0.7.52
+  /@types/dagre@0.7.52:
+    resolution: {integrity: sha512-XKJdy+OClLk3hketHi9Qg6gTfe1F3y+UFnHxKA2rn9Dw+oXa4Gb378Ztz9HlMgZKSxpPmn4BNVh9wgkpvrK1uw==}
     dev: true
 
-  registry.npmjs.org/@types/debug@4.1.10:
-    resolution: {integrity: sha512-tOSCru6s732pofZ+sMv9o4o3Zc+Sa8l3bxd/tweTQudFn06vAzb13ZX46Zi6m6EJ+RUbRTHvgQJ1gBtSgkaUYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/debug/-/debug-4.1.10.tgz}
-    name: '@types/debug'
-    version: 4.1.10
+  /@types/debug@4.1.10:
+    resolution: {integrity: sha512-tOSCru6s732pofZ+sMv9o4o3Zc+Sa8l3bxd/tweTQudFn06vAzb13ZX46Zi6m6EJ+RUbRTHvgQJ1gBtSgkaUYA==}
     dependencies:
-      '@types/ms': registry.npmjs.org/@types/ms@0.7.33
+      '@types/ms': 0.7.33
     dev: false
 
-  registry.npmjs.org/@types/estree@1.0.3:
-    resolution: {integrity: sha512-CS2rOaoQ/eAgAfcTfq6amKG7bsN+EMcgGY4FAFQdvSj2y1ixvOZTUA9mOtCai7E1SYu283XNw7urKK30nP3wkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/estree/-/estree-1.0.3.tgz}
-    name: '@types/estree'
-    version: 1.0.3
+  /@types/estree@1.0.3:
+    resolution: {integrity: sha512-CS2rOaoQ/eAgAfcTfq6amKG7bsN+EMcgGY4FAFQdvSj2y1ixvOZTUA9mOtCai7E1SYu283XNw7urKK30nP3wkQ==}
 
-  registry.npmjs.org/@types/geojson@7946.0.12:
-    resolution: {integrity: sha512-uK2z1ZHJyC0nQRbuovXFt4mzXDwf27vQeUWNhfKGwRcWW429GOhP8HxUHlM6TLH4bzmlv/HlEjpvJh3JfmGsAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.12.tgz}
-    name: '@types/geojson'
-    version: 7946.0.12
+  /@types/geojson@7946.0.12:
+    resolution: {integrity: sha512-uK2z1ZHJyC0nQRbuovXFt4mzXDwf27vQeUWNhfKGwRcWW429GOhP8HxUHlM6TLH4bzmlv/HlEjpvJh3JfmGsAA==}
     dev: false
 
-  registry.npmjs.org/@types/hast@2.3.7:
-    resolution: {integrity: sha512-EVLigw5zInURhzfXUM65eixfadfsHKomGKUakToXo84t8gGIJuTcD2xooM2See7GyQ7DRtYjhCHnSUQez8JaLw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/hast/-/hast-2.3.7.tgz}
-    name: '@types/hast'
-    version: 2.3.7
+  /@types/hast@2.3.7:
+    resolution: {integrity: sha512-EVLigw5zInURhzfXUM65eixfadfsHKomGKUakToXo84t8gGIJuTcD2xooM2See7GyQ7DRtYjhCHnSUQez8JaLw==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
+      '@types/unist': 2.0.9
     dev: false
 
-  registry.npmjs.org/@types/is-ci@3.0.3:
-    resolution: {integrity: sha512-FdHbjLiN2e8fk9QYQyVYZrK8svUDJpxSaSWLUga8EZS1RGAvvrqM9zbVARBtQuYPeLgnJxM2xloOswPwj1o2cQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/is-ci/-/is-ci-3.0.3.tgz}
-    name: '@types/is-ci'
-    version: 3.0.3
+  /@types/is-ci@3.0.3:
+    resolution: {integrity: sha512-FdHbjLiN2e8fk9QYQyVYZrK8svUDJpxSaSWLUga8EZS1RGAvvrqM9zbVARBtQuYPeLgnJxM2xloOswPwj1o2cQ==}
     dependencies:
-      ci-info: registry.npmjs.org/ci-info@3.9.0
+      ci-info: 3.9.0
     dev: true
 
-  registry.npmjs.org/@types/json-schema@7.0.15:
-    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz}
-    name: '@types/json-schema'
-    version: 7.0.15
+  /@types/json-schema@7.0.15:
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
     dev: true
 
-  registry.npmjs.org/@types/json5@0.0.30:
-    resolution: {integrity: sha512-sqm9g7mHlPY/43fcSNrCYfOeX9zkTTK+euO5E6+CVijSMm5tTjkVdwdqRkY3ljjIAf8679vps5jKUoJBCLsMDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/json5/-/json5-0.0.30.tgz}
-    name: '@types/json5'
-    version: 0.0.30
+  /@types/json5@0.0.30:
+    resolution: {integrity: sha512-sqm9g7mHlPY/43fcSNrCYfOeX9zkTTK+euO5E6+CVijSMm5tTjkVdwdqRkY3ljjIAf8679vps5jKUoJBCLsMDA==}
     dev: false
 
-  registry.npmjs.org/@types/mdast@3.0.14:
-    resolution: {integrity: sha512-gVZ04PGgw1qLZKsnWnyFv4ORnaJ+DXLdHTVSFbU8yX6xZ34Bjg4Q32yPkmveUP1yItXReKfB0Aknlh/3zxTKAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/mdast/-/mdast-3.0.14.tgz}
-    name: '@types/mdast'
-    version: 3.0.14
+  /@types/mdast@3.0.14:
+    resolution: {integrity: sha512-gVZ04PGgw1qLZKsnWnyFv4ORnaJ+DXLdHTVSFbU8yX6xZ34Bjg4Q32yPkmveUP1yItXReKfB0Aknlh/3zxTKAw==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
+      '@types/unist': 2.0.9
     dev: false
 
-  registry.npmjs.org/@types/mdast@4.0.2:
-    resolution: {integrity: sha512-tYR83EignvhYO9iU3kDg8V28M0jqyh9zzp5GV+EO+AYnyUl3P5ltkTeJuTiFZQFz670FSb3EwT/6LQdX+UdKfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/mdast/-/mdast-4.0.2.tgz}
-    name: '@types/mdast'
-    version: 4.0.2
+  /@types/mdast@4.0.2:
+    resolution: {integrity: sha512-tYR83EignvhYO9iU3kDg8V28M0jqyh9zzp5GV+EO+AYnyUl3P5ltkTeJuTiFZQFz670FSb3EwT/6LQdX+UdKfw==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@3.0.1
+      '@types/unist': 3.0.1
     dev: false
 
-  registry.npmjs.org/@types/minimist@1.2.4:
-    resolution: {integrity: sha512-Kfe/D3hxHTusnPNRbycJE1N77WHDsdS4AjUYIzlDzhDrS47NrwuL3YW4VITxwR7KCVpzwgy4Rbj829KSSQmwXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/minimist/-/minimist-1.2.4.tgz}
-    name: '@types/minimist'
-    version: 1.2.4
+  /@types/minimist@1.2.4:
+    resolution: {integrity: sha512-Kfe/D3hxHTusnPNRbycJE1N77WHDsdS4AjUYIzlDzhDrS47NrwuL3YW4VITxwR7KCVpzwgy4Rbj829KSSQmwXQ==}
     dev: true
 
-  registry.npmjs.org/@types/ms@0.7.33:
-    resolution: {integrity: sha512-AuHIyzR5Hea7ij0P9q7vx7xu4z0C28ucwjAZC0ja7JhINyCnOw8/DnvAPQQ9TfOlCtZAmCERKQX9+o1mgQhuOQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/ms/-/ms-0.7.33.tgz}
-    name: '@types/ms'
-    version: 0.7.33
+  /@types/ms@0.7.33:
+    resolution: {integrity: sha512-AuHIyzR5Hea7ij0P9q7vx7xu4z0C28ucwjAZC0ja7JhINyCnOw8/DnvAPQQ9TfOlCtZAmCERKQX9+o1mgQhuOQ==}
     dev: false
 
-  registry.npmjs.org/@types/nlcst@1.0.3:
-    resolution: {integrity: sha512-cpO6PPMz4E++zxP2Vhp/3KVl2Nbtj+Iksb25rlRinG7mphu2zmCIKWWlqdsx1NwJEISogR2eeZTD7JqLOCzaiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/nlcst/-/nlcst-1.0.3.tgz}
-    name: '@types/nlcst'
-    version: 1.0.3
+  /@types/nlcst@1.0.3:
+    resolution: {integrity: sha512-cpO6PPMz4E++zxP2Vhp/3KVl2Nbtj+Iksb25rlRinG7mphu2zmCIKWWlqdsx1NwJEISogR2eeZTD7JqLOCzaiw==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
+      '@types/unist': 2.0.9
     dev: false
 
-  registry.npmjs.org/@types/node@12.20.55:
-    resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-12.20.55.tgz}
-    name: '@types/node'
-    version: 12.20.55
+  /@types/node@12.20.55:
+    resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
     dev: true
 
-  registry.npmjs.org/@types/node@16.18.60:
-    resolution: {integrity: sha512-ZUGPWx5vKfN+G2/yN7pcSNLkIkXEvlwNaJEd4e0ppX7W2S8XAkdc/37hM4OUNJB9sa0p12AOvGvxL4JCPiz9DA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-16.18.60.tgz}
-    name: '@types/node'
-    version: 16.18.60
+  /@types/node@16.18.60:
+    resolution: {integrity: sha512-ZUGPWx5vKfN+G2/yN7pcSNLkIkXEvlwNaJEd4e0ppX7W2S8XAkdc/37hM4OUNJB9sa0p12AOvGvxL4JCPiz9DA==}
     dev: true
 
-  registry.npmjs.org/@types/node@18.7.16:
-    resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/node/-/node-18.7.16.tgz}
-    name: '@types/node'
-    version: 18.7.16
+  /@types/node@18.7.16:
+    resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==}
     requiresBuild: true
 
-  registry.npmjs.org/@types/normalize-package-data@2.4.3:
-    resolution: {integrity: sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.3.tgz}
-    name: '@types/normalize-package-data'
-    version: 2.4.3
+  /@types/normalize-package-data@2.4.3:
+    resolution: {integrity: sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg==}
     dev: true
 
-  registry.npmjs.org/@types/parse5@6.0.3:
-    resolution: {integrity: sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/parse5/-/parse5-6.0.3.tgz}
-    name: '@types/parse5'
-    version: 6.0.3
+  /@types/parse5@6.0.3:
+    resolution: {integrity: sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==}
     dev: false
 
-  registry.npmjs.org/@types/prop-types@15.7.10:
-    resolution: {integrity: sha512-mxSnDQxPqsZxmeShFH+uwQ4kO4gcJcGahjjMFeLbKE95IAZiiZyiEepGZjtXJ7hN/yfu0bu9xN2ajcU0JcxX6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.10.tgz}
-    name: '@types/prop-types'
-    version: 15.7.10
+  /@types/prop-types@15.7.10:
+    resolution: {integrity: sha512-mxSnDQxPqsZxmeShFH+uwQ4kO4gcJcGahjjMFeLbKE95IAZiiZyiEepGZjtXJ7hN/yfu0bu9xN2ajcU0JcxX6A==}
 
-  registry.npmjs.org/@types/prop-types@15.7.9:
-    resolution: {integrity: sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.9.tgz}
-    name: '@types/prop-types'
-    version: 15.7.9
+  /@types/prop-types@15.7.9:
+    resolution: {integrity: sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g==}
 
-  registry.npmjs.org/@types/pug@2.0.9:
-    resolution: {integrity: sha512-Yg4LkgFYvn1faISbDNWmcAC1XoDT8IoMUFspp5mnagKk+UvD2N0IWt5A7GRdMubsNWqgCLmrkf8rXkzNqb4szA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/pug/-/pug-2.0.9.tgz}
-    name: '@types/pug'
-    version: 2.0.9
+  /@types/pug@2.0.9:
+    resolution: {integrity: sha512-Yg4LkgFYvn1faISbDNWmcAC1XoDT8IoMUFspp5mnagKk+UvD2N0IWt5A7GRdMubsNWqgCLmrkf8rXkzNqb4szA==}
     dev: true
 
-  registry.npmjs.org/@types/react-dom@18.2.14:
-    resolution: {integrity: sha512-V835xgdSVmyQmI1KLV2BEIUgqEuinxp9O4G6g3FqO/SqLac049E53aysv0oEFD2kHfejeKU+ZqL2bcFWj9gLAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.14.tgz}
-    name: '@types/react-dom'
-    version: 18.2.14
+  /@types/react-dom@18.2.14:
+    resolution: {integrity: sha512-V835xgdSVmyQmI1KLV2BEIUgqEuinxp9O4G6g3FqO/SqLac049E53aysv0oEFD2kHfejeKU+ZqL2bcFWj9gLAQ==}
     dependencies:
-      '@types/react': registry.npmjs.org/@types/react@18.2.36
+      '@types/react': 18.2.36
 
-  registry.npmjs.org/@types/react-dom@18.2.8:
-    resolution: {integrity: sha512-bAIvO5lN/U8sPGvs1Xm61rlRHHaq5rp5N3kp9C+NJ/Q41P8iqjkXSu0+/qu8POsjH9pNWb0OYabFez7taP7omw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.8.tgz}
-    name: '@types/react-dom'
-    version: 18.2.8
+  /@types/react-dom@18.2.8:
+    resolution: {integrity: sha512-bAIvO5lN/U8sPGvs1Xm61rlRHHaq5rp5N3kp9C+NJ/Q41P8iqjkXSu0+/qu8POsjH9pNWb0OYabFez7taP7omw==}
     dependencies:
-      '@types/react': registry.npmjs.org/@types/react@18.2.24
+      '@types/react': 18.2.24
 
-  registry.npmjs.org/@types/react@18.2.24:
-    resolution: {integrity: sha512-Ee0Jt4sbJxMu1iDcetZEIKQr99J1Zfb6D4F3qfUWoR1JpInkY1Wdg4WwCyBjL257D0+jGqSl1twBjV8iCaC0Aw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.24.tgz}
-    name: '@types/react'
-    version: 18.2.24
+  /@types/react@18.2.24:
+    resolution: {integrity: sha512-Ee0Jt4sbJxMu1iDcetZEIKQr99J1Zfb6D4F3qfUWoR1JpInkY1Wdg4WwCyBjL257D0+jGqSl1twBjV8iCaC0Aw==}
     dependencies:
-      '@types/prop-types': registry.npmjs.org/@types/prop-types@15.7.9
-      '@types/scheduler': registry.npmjs.org/@types/scheduler@0.16.5
-      csstype: registry.npmjs.org/csstype@3.1.2
+      '@types/prop-types': 15.7.9
+      '@types/scheduler': 0.16.5
+      csstype: 3.1.2
 
-  registry.npmjs.org/@types/react@18.2.31:
-    resolution: {integrity: sha512-c2UnPv548q+5DFh03y8lEDeMfDwBn9G3dRwfkrxQMo/dOtRHUUO57k6pHvBIfH/VF4Nh+98mZ5aaSe+2echD5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.31.tgz}
-    name: '@types/react'
-    version: 18.2.31
+  /@types/react@18.2.31:
+    resolution: {integrity: sha512-c2UnPv548q+5DFh03y8lEDeMfDwBn9G3dRwfkrxQMo/dOtRHUUO57k6pHvBIfH/VF4Nh+98mZ5aaSe+2echD5g==}
     dependencies:
-      '@types/prop-types': registry.npmjs.org/@types/prop-types@15.7.10
-      '@types/scheduler': registry.npmjs.org/@types/scheduler@0.16.5
-      csstype: registry.npmjs.org/csstype@3.1.2
+      '@types/prop-types': 15.7.10
+      '@types/scheduler': 0.16.5
+      csstype: 3.1.2
     dev: false
 
-  registry.npmjs.org/@types/react@18.2.36:
-    resolution: {integrity: sha512-o9XFsHYLLZ4+sb9CWUYwHqFVoG61SesydF353vFMMsQziiyRu8np4n2OYMUSDZ8XuImxDr9c5tR7gidlH29Vnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/react/-/react-18.2.36.tgz}
-    name: '@types/react'
-    version: 18.2.36
+  /@types/react@18.2.36:
+    resolution: {integrity: sha512-o9XFsHYLLZ4+sb9CWUYwHqFVoG61SesydF353vFMMsQziiyRu8np4n2OYMUSDZ8XuImxDr9c5tR7gidlH29Vnw==}
     dependencies:
-      '@types/prop-types': registry.npmjs.org/@types/prop-types@15.7.10
-      '@types/scheduler': registry.npmjs.org/@types/scheduler@0.16.5
-      csstype: registry.npmjs.org/csstype@3.1.2
+      '@types/prop-types': 15.7.10
+      '@types/scheduler': 0.16.5
+      csstype: 3.1.2
 
-  registry.npmjs.org/@types/resolve@1.20.2:
-    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz}
-    name: '@types/resolve'
-    version: 1.20.2
+  /@types/resolve@1.20.2:
+    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
     dev: true
 
-  registry.npmjs.org/@types/resolve@1.20.4:
-    resolution: {integrity: sha512-BKGK0T1VgB1zD+PwQR4RRf0ais3NyvH1qjLUrHI5SEiccYaJrhLstLuoXFWJ+2Op9whGizSPUMGPJY/Qtb/A2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/resolve/-/resolve-1.20.4.tgz}
-    name: '@types/resolve'
-    version: 1.20.4
+  /@types/resolve@1.20.4:
+    resolution: {integrity: sha512-BKGK0T1VgB1zD+PwQR4RRf0ais3NyvH1qjLUrHI5SEiccYaJrhLstLuoXFWJ+2Op9whGizSPUMGPJY/Qtb/A2w==}
     dev: false
 
-  registry.npmjs.org/@types/scheduler@0.16.5:
-    resolution: {integrity: sha512-s/FPdYRmZR8SjLWGMCuax7r3qCWQw9QKHzXVukAuuIJkXkDRwp+Pu5LMIVFi0Fxbav35WURicYr8u1QsoybnQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.5.tgz}
-    name: '@types/scheduler'
-    version: 0.16.5
+  /@types/scheduler@0.16.5:
+    resolution: {integrity: sha512-s/FPdYRmZR8SjLWGMCuax7r3qCWQw9QKHzXVukAuuIJkXkDRwp+Pu5LMIVFi0Fxbav35WURicYr8u1QsoybnQw==}
 
-  registry.npmjs.org/@types/semver@6.2.5:
-    resolution: {integrity: sha512-NAxro9/RqWXTqdSjccDZAjA4nXK+6zRun+HvibYJfGy8TQhpOC7Vv6v2rlHYKrT0Q8jGGoNRd/xVdHRIQRNlFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/semver/-/semver-6.2.5.tgz}
-    name: '@types/semver'
-    version: 6.2.5
+  /@types/semver@6.2.5:
+    resolution: {integrity: sha512-NAxro9/RqWXTqdSjccDZAjA4nXK+6zRun+HvibYJfGy8TQhpOC7Vv6v2rlHYKrT0Q8jGGoNRd/xVdHRIQRNlFQ==}
     dev: true
 
-  registry.npmjs.org/@types/semver@7.5.6:
-    resolution: {integrity: sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/semver/-/semver-7.5.6.tgz}
-    name: '@types/semver'
-    version: 7.5.6
+  /@types/semver@7.5.6:
+    resolution: {integrity: sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==}
     dev: true
 
-  registry.npmjs.org/@types/sinonjs__fake-timers@8.1.1:
-    resolution: {integrity: sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.1.tgz}
-    name: '@types/sinonjs__fake-timers'
-    version: 8.1.1
+  /@types/sinonjs__fake-timers@8.1.1:
+    resolution: {integrity: sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==}
     dev: true
 
-  registry.npmjs.org/@types/sizzle@2.3.5:
-    resolution: {integrity: sha512-tAe4Q+OLFOA/AMD+0lq8ovp8t3ysxAOeaScnfNdZpUxaGl51ZMDEITxkvFl1STudQ58mz6gzVGl9VhMKhwRnZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.5.tgz}
-    name: '@types/sizzle'
-    version: 2.3.5
+  /@types/sizzle@2.3.5:
+    resolution: {integrity: sha512-tAe4Q+OLFOA/AMD+0lq8ovp8t3ysxAOeaScnfNdZpUxaGl51ZMDEITxkvFl1STudQ58mz6gzVGl9VhMKhwRnZQ==}
     dev: true
 
-  registry.npmjs.org/@types/unist@2.0.9:
-    resolution: {integrity: sha512-zC0iXxAv1C1ERURduJueYzkzZ2zaGyc+P2c95hgkikHPr3z8EdUZOlgEQ5X0DRmwDZn+hekycQnoeiiRVrmilQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/unist/-/unist-2.0.9.tgz}
-    name: '@types/unist'
-    version: 2.0.9
+  /@types/unist@2.0.9:
+    resolution: {integrity: sha512-zC0iXxAv1C1ERURduJueYzkzZ2zaGyc+P2c95hgkikHPr3z8EdUZOlgEQ5X0DRmwDZn+hekycQnoeiiRVrmilQ==}
     dev: false
 
-  registry.npmjs.org/@types/unist@3.0.1:
-    resolution: {integrity: sha512-ue/hDUpPjC85m+PM9OQDMZr3LywT+CT6mPsQq8OJtCLiERkGRcQUFvu9XASF5XWqyZFXbf15lvb3JFJ4dRLWPg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@types/unist/-/unist-3.0.1.tgz}
-    name: '@types/unist'
-    version: 3.0.1
+  /@types/unist@3.0.1:
+    resolution: {integrity: sha512-ue/hDUpPjC85m+PM9OQDMZr3LywT+CT6mPsQq8OJtCLiERkGRcQUFvu9XASF5XWqyZFXbf15lvb3JFJ4dRLWPg==}
     dev: false
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-78B+anHLF1TI8Jn/cD0Q00TBYdMgjdOn980JfAVa9yw5sop8nyTfVOQAv6LWywkOGLclDBtv5z3oxN4w7jxyNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.60.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/5.60.0
-    name: '@typescript-eslint/eslint-plugin'
-    version: 5.60.0
+  /@types/yauzl@2.10.3:
+    resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
+    requiresBuild: true
+    dependencies:
+      '@types/node': 18.7.16
+    dev: true
+    optional: true
+
+  /@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-78B+anHLF1TI8Jn/cD0Q00TBYdMgjdOn980JfAVa9yw5sop8nyTfVOQAv6LWywkOGLclDBtv5z3oxN4w7jxyNg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -4351,28 +2686,25 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.9.1
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@5.60.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@5.60.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@5.60.0(eslint@8.43.0)(typescript@5.1.3)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      grapheme-splitter: registry.npmjs.org/grapheme-splitter@1.0.4
-      ignore: registry.npmjs.org/ignore@5.2.4
-      natural-compare-lite: registry.npmjs.org/natural-compare-lite@1.4.0
-      semver: registry.npmjs.org/semver@7.5.4
-      tsutils: registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3)
-      typescript: registry.npmjs.org/typescript@5.1.3
+      '@eslint-community/regexpp': 4.9.1
+      '@typescript-eslint/parser': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': 5.60.0
+      '@typescript-eslint/type-utils': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/utils': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.43.0
+      grapheme-splitter: 1.0.4
+      ignore: 5.2.4
+      natural-compare-lite: 1.4.0
+      semver: 7.5.4
+      tsutils: 3.21.0(typescript@5.1.3)
+      typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-uoLj4g2OTL8rfUQVx2AFO1hp/zja1wABJq77P6IclQs6I/m9GLrm7jCdgzZkvWdDCQf1uEvoa8s8CupsgWQgVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.10.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.10.0
-    name: '@typescript-eslint/eslint-plugin'
-    version: 6.10.0
+  /@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-uoLj4g2OTL8rfUQVx2AFO1hp/zja1wABJq77P6IclQs6I/m9GLrm7jCdgzZkvWdDCQf1uEvoa8s8CupsgWQgVg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
@@ -4382,29 +2714,26 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.10.0
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2)
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.53.0
-      graphemer: registry.npmjs.org/graphemer@1.4.0
-      ignore: registry.npmjs.org/ignore@5.2.4
-      natural-compare: registry.npmjs.org/natural-compare@1.4.0
-      semver: registry.npmjs.org/semver@7.5.4
-      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.2.2)
-      typescript: registry.npmjs.org/typescript@5.2.2
+      '@eslint-community/regexpp': 4.10.0
+      '@typescript-eslint/parser': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
+      '@typescript-eslint/scope-manager': 6.10.0
+      '@typescript-eslint/type-utils': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
+      '@typescript-eslint/utils': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
+      '@typescript-eslint/visitor-keys': 6.10.0
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.53.0
+      graphemer: 1.4.0
+      ignore: 5.2.4
+      natural-compare: 1.4.0
+      semver: 7.5.4
+      ts-api-utils: 1.0.3(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-GosF4238Tkes2SHPQ1i8f6rMtG6zlKwMEB0abqSJ3Npvos+doIlc/ATG+vX1G9coDF3Ex78zM3heXHLyWEwLUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.8.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/eslint-plugin/6.8.0
-    name: '@typescript-eslint/eslint-plugin'
-    version: 6.8.0
+  /@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-GosF4238Tkes2SHPQ1i8f6rMtG6zlKwMEB0abqSJ3Npvos+doIlc/ATG+vX1G9coDF3Ex78zM3heXHLyWEwLUw==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
@@ -4414,29 +2743,26 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.10.0
-      '@typescript-eslint/parser': registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0
-      '@typescript-eslint/type-utils': registry.npmjs.org/@typescript-eslint/type-utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      graphemer: registry.npmjs.org/graphemer@1.4.0
-      ignore: registry.npmjs.org/ignore@5.3.0
-      natural-compare: registry.npmjs.org/natural-compare@1.4.0
-      semver: registry.npmjs.org/semver@7.5.4
-      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3)
-      typescript: registry.npmjs.org/typescript@5.1.3
+      '@eslint-community/regexpp': 4.10.0
+      '@typescript-eslint/parser': 6.8.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': 6.8.0
+      '@typescript-eslint/type-utils': 6.8.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/utils': 6.8.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': 6.8.0
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.43.0
+      graphemer: 1.4.0
+      ignore: 5.3.0
+      natural-compare: 1.4.0
+      semver: 7.5.4
+      ts-api-utils: 1.0.3(typescript@5.1.3)
+      typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-jBONcBsDJ9UoTWrARkRRCgDz6wUggmH5RpQVlt7BimSwaTkTjwypGzKORXbR4/2Hqjk9hgwlon2rVQAjWNpkyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.60.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/5.60.0
-    name: '@typescript-eslint/parser'
-    version: 5.60.0
+  /@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-jBONcBsDJ9UoTWrARkRRCgDz6wUggmH5RpQVlt7BimSwaTkTjwypGzKORXbR4/2Hqjk9hgwlon2rVQAjWNpkyQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -4445,21 +2771,18 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@5.60.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      typescript: registry.npmjs.org/typescript@5.1.3
+      '@typescript-eslint/scope-manager': 5.60.0
+      '@typescript-eslint/types': 5.60.0
+      '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.3)
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.43.0
+      typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-+sZwIj+s+io9ozSxIWbNB5873OSdfeBEH/FR0re14WLI6BaKuSOnnwCJ2foUiu8uXf4dRp1UqHP0vrZ1zXGrog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.10.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/6.10.0
-    name: '@typescript-eslint/parser'
-    version: 6.10.0
+  /@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-+sZwIj+s+io9ozSxIWbNB5873OSdfeBEH/FR0re14WLI6BaKuSOnnwCJ2foUiu8uXf4dRp1UqHP0vrZ1zXGrog==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -4468,22 +2791,19 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.53.0
-      typescript: registry.npmjs.org/typescript@5.2.2
+      '@typescript-eslint/scope-manager': 6.10.0
+      '@typescript-eslint/types': 6.10.0
+      '@typescript-eslint/typescript-estree': 6.10.0(typescript@5.2.2)
+      '@typescript-eslint/visitor-keys': 6.10.0
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.53.0
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.8.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/parser/6.8.0
-    name: '@typescript-eslint/parser'
-    version: 6.8.0
+  /@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -4492,52 +2812,43 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      typescript: registry.npmjs.org/typescript@5.1.3
+      '@typescript-eslint/scope-manager': 6.8.0
+      '@typescript-eslint/types': 6.8.0
+      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': 6.8.0
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.43.0
+      typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager@5.60.0:
-    resolution: {integrity: sha512-hakuzcxPwXi2ihf9WQu1BbRj1e/Pd8ZZwVTG9kfbxAMZstKz8/9OoexIwnmLzShtsdap5U/CoQGRCWlSuPbYxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.60.0.tgz}
-    name: '@typescript-eslint/scope-manager'
-    version: 5.60.0
+  /@typescript-eslint/scope-manager@5.60.0:
+    resolution: {integrity: sha512-hakuzcxPwXi2ihf9WQu1BbRj1e/Pd8ZZwVTG9kfbxAMZstKz8/9OoexIwnmLzShtsdap5U/CoQGRCWlSuPbYxQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.60.0
+      '@typescript-eslint/types': 5.60.0
+      '@typescript-eslint/visitor-keys': 5.60.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0:
-    resolution: {integrity: sha512-TN/plV7dzqqC2iPNf1KrxozDgZs53Gfgg5ZHyw8erd6jd5Ta/JIEcdCheXFt9b1NYb93a1wmIIVW/2gLkombDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.10.0.tgz}
-    name: '@typescript-eslint/scope-manager'
-    version: 6.10.0
+  /@typescript-eslint/scope-manager@6.10.0:
+    resolution: {integrity: sha512-TN/plV7dzqqC2iPNf1KrxozDgZs53Gfgg5ZHyw8erd6jd5Ta/JIEcdCheXFt9b1NYb93a1wmIIVW/2gLkombDg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
+      '@typescript-eslint/types': 6.10.0
+      '@typescript-eslint/visitor-keys': 6.10.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0:
-    resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.8.0.tgz}
-    name: '@typescript-eslint/scope-manager'
-    version: 6.8.0
+  /@typescript-eslint/scope-manager@6.8.0:
+    resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
+      '@typescript-eslint/types': 6.8.0
+      '@typescript-eslint/visitor-keys': 6.8.0
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-X7NsRQddORMYRFH7FWo6sA9Y/zbJ8s1x1RIAtnlj6YprbToTiQnM6vxcMu7iYhdunmoC0rUWlca13D5DVHkK2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.60.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/5.60.0
-    name: '@typescript-eslint/type-utils'
-    version: 5.60.0
+  /@typescript-eslint/type-utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-X7NsRQddORMYRFH7FWo6sA9Y/zbJ8s1x1RIAtnlj6YprbToTiQnM6vxcMu7iYhdunmoC0rUWlca13D5DVHkK2g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -4546,21 +2857,18 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@5.60.0(eslint@8.43.0)(typescript@5.1.3)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      tsutils: registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3)
-      typescript: registry.npmjs.org/typescript@5.1.3
+      '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.3)
+      '@typescript-eslint/utils': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.43.0
+      tsutils: 3.21.0(typescript@5.1.3)
+      typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.10.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/6.10.0
-    name: '@typescript-eslint/type-utils'
-    version: 6.10.0
+  /@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -4569,21 +2877,18 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.53.0
-      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.2.2)
-      typescript: registry.npmjs.org/typescript@5.2.2
+      '@typescript-eslint/typescript-estree': 6.10.0(typescript@5.2.2)
+      '@typescript-eslint/utils': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.53.0
+      ts-api-utils: 1.0.3(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/type-utils@6.8.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-RYOJdlkTJIXW7GSldUIHqc/Hkto8E+fZN96dMIFhuTJcQwdRoGN2rEWA8U6oXbLo0qufH7NPElUb+MceHtz54g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.8.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/type-utils/6.8.0
-    name: '@typescript-eslint/type-utils'
-    version: 6.8.0
+  /@typescript-eslint/type-utils@6.8.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-RYOJdlkTJIXW7GSldUIHqc/Hkto8E+fZN96dMIFhuTJcQwdRoGN2rEWA8U6oXbLo0qufH7NPElUb+MceHtz54g==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -4592,42 +2897,33 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)
-      '@typescript-eslint/utils': registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3)
-      typescript: registry.npmjs.org/typescript@5.1.3
+      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.1.3)
+      '@typescript-eslint/utils': 6.8.0(eslint@8.43.0)(typescript@5.1.3)
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.43.0
+      ts-api-utils: 1.0.3(typescript@5.1.3)
+      typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types@5.60.0:
-    resolution: {integrity: sha512-ascOuoCpNZBccFVNJRSC6rPq4EmJ2NkuoKnd6LDNyAQmdDnziAtxbCGWCbefG1CNzmDvd05zO36AmB7H8RzKPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-5.60.0.tgz}
-    name: '@typescript-eslint/types'
-    version: 5.60.0
+  /@typescript-eslint/types@5.60.0:
+    resolution: {integrity: sha512-ascOuoCpNZBccFVNJRSC6rPq4EmJ2NkuoKnd6LDNyAQmdDnziAtxbCGWCbefG1CNzmDvd05zO36AmB7H8RzKPA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types@6.10.0:
-    resolution: {integrity: sha512-36Fq1PWh9dusgo3vH7qmQAj5/AZqARky1Wi6WpINxB6SkQdY5vQoT2/7rW7uBIsPDcvvGCLi4r10p0OJ7ITAeg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-6.10.0.tgz}
-    name: '@typescript-eslint/types'
-    version: 6.10.0
+  /@typescript-eslint/types@6.10.0:
+    resolution: {integrity: sha512-36Fq1PWh9dusgo3vH7qmQAj5/AZqARky1Wi6WpINxB6SkQdY5vQoT2/7rW7uBIsPDcvvGCLi4r10p0OJ7ITAeg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/types@6.8.0:
-    resolution: {integrity: sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/types/-/types-6.8.0.tgz}
-    name: '@typescript-eslint/types'
-    version: 6.8.0
+  /@typescript-eslint/types@6.8.0:
+    resolution: {integrity: sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3):
-    resolution: {integrity: sha512-R43thAuwarC99SnvrBmh26tc7F6sPa2B3evkXp/8q954kYL6Ro56AwASYWtEEi+4j09GbiNAHqYwNNZuNlARGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.60.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/5.60.0
-    name: '@typescript-eslint/typescript-estree'
-    version: 5.60.0
+  /@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3):
+    resolution: {integrity: sha512-R43thAuwarC99SnvrBmh26tc7F6sPa2B3evkXp/8q954kYL6Ro56AwASYWtEEi+4j09GbiNAHqYwNNZuNlARGQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -4635,23 +2931,20 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@5.60.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      globby: registry.npmjs.org/globby@11.1.0
-      is-glob: registry.npmjs.org/is-glob@4.0.3
-      semver: registry.npmjs.org/semver@7.5.4
-      tsutils: registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3)
-      typescript: registry.npmjs.org/typescript@5.1.3
+      '@typescript-eslint/types': 5.60.0
+      '@typescript-eslint/visitor-keys': 5.60.0
+      debug: 4.3.4(supports-color@8.1.1)
+      globby: 11.1.0
+      is-glob: 4.0.3
+      semver: 7.5.4
+      tsutils: 3.21.0(typescript@5.1.3)
+      typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2):
-    resolution: {integrity: sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.10.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.10.0
-    name: '@typescript-eslint/typescript-estree'
-    version: 6.10.0
+  /@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2):
+    resolution: {integrity: sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       typescript: '*'
@@ -4659,23 +2952,20 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      globby: registry.npmjs.org/globby@11.1.0
-      is-glob: registry.npmjs.org/is-glob@4.0.3
-      semver: registry.npmjs.org/semver@7.5.4
-      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.2.2)
-      typescript: registry.npmjs.org/typescript@5.2.2
+      '@typescript-eslint/types': 6.10.0
+      '@typescript-eslint/visitor-keys': 6.10.0
+      debug: 4.3.4(supports-color@8.1.1)
+      globby: 11.1.0
+      is-glob: 4.0.3
+      semver: 7.5.4
+      ts-api-utils: 1.0.3(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3):
-    resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.8.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/typescript-estree/6.8.0
-    name: '@typescript-eslint/typescript-estree'
-    version: 6.8.0
+  /@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3):
+    resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       typescript: '*'
@@ -4683,504 +2973,410 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
-      '@typescript-eslint/visitor-keys': registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      globby: registry.npmjs.org/globby@11.1.0
-      is-glob: registry.npmjs.org/is-glob@4.0.3
-      semver: registry.npmjs.org/semver@7.5.4
-      ts-api-utils: registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3)
-      typescript: registry.npmjs.org/typescript@5.1.3
+      '@typescript-eslint/types': 6.8.0
+      '@typescript-eslint/visitor-keys': 6.8.0
+      debug: 4.3.4(supports-color@8.1.1)
+      globby: 11.1.0
+      is-glob: 4.0.3
+      semver: 7.5.4
+      ts-api-utils: 1.0.3(typescript@5.1.3)
+      typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-ba51uMqDtfLQ5+xHtwlO84vkdjrqNzOnqrnwbMHMRY8Tqeme8C2Q8Fc7LajfGR+e3/4LoYiWXUM6BpIIbHJ4hQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.60.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/5.60.0
-    name: '@typescript-eslint/utils'
-    version: 5.60.0
+  /@typescript-eslint/utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-ba51uMqDtfLQ5+xHtwlO84vkdjrqNzOnqrnwbMHMRY8Tqeme8C2Q8Fc7LajfGR+e3/4LoYiWXUM6BpIIbHJ4hQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
-      '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.15
-      '@types/semver': registry.npmjs.org/@types/semver@7.5.6
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@5.60.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-scope: registry.npmjs.org/eslint-scope@5.1.1
-      semver: registry.npmjs.org/semver@7.5.4
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
+      '@types/json-schema': 7.0.15
+      '@types/semver': 7.5.6
+      '@typescript-eslint/scope-manager': 5.60.0
+      '@typescript-eslint/types': 5.60.0
+      '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.3)
+      eslint: 8.43.0
+      eslint-scope: 5.1.1
+      semver: 7.5.4
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.10.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/6.10.0
-    name: '@typescript-eslint/utils'
-    version: 6.10.0
+  /@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.53.0)
-      '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.15
-      '@types/semver': registry.npmjs.org/@types/semver@7.5.6
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.10.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)
-      eslint: registry.npmjs.org/eslint@8.53.0
-      semver: registry.npmjs.org/semver@7.5.4
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
+      '@types/json-schema': 7.0.15
+      '@types/semver': 7.5.6
+      '@typescript-eslint/scope-manager': 6.10.0
+      '@typescript-eslint/types': 6.10.0
+      '@typescript-eslint/typescript-estree': 6.10.0(typescript@5.2.2)
+      eslint: 8.53.0
+      semver: 7.5.4
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-dKs1itdE2qFG4jr0dlYLQVppqTE+Itt7GmIf/vX6CSvsW+3ov8PbWauVKyyfNngokhIO9sKZeRGCUo1+N7U98Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.8.0.tgz}
-    id: registry.npmjs.org/@typescript-eslint/utils/6.8.0
-    name: '@typescript-eslint/utils'
-    version: 6.8.0
+  /@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-dKs1itdE2qFG4jr0dlYLQVppqTE+Itt7GmIf/vX6CSvsW+3ov8PbWauVKyyfNngokhIO9sKZeRGCUo1+N7U98Q==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
-      '@types/json-schema': registry.npmjs.org/@types/json-schema@7.0.15
-      '@types/semver': registry.npmjs.org/@types/semver@7.5.6
-      '@typescript-eslint/scope-manager': registry.npmjs.org/@typescript-eslint/scope-manager@6.8.0
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
-      '@typescript-eslint/typescript-estree': registry.npmjs.org/@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      semver: registry.npmjs.org/semver@7.5.4
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
+      '@types/json-schema': 7.0.15
+      '@types/semver': 7.5.6
+      '@typescript-eslint/scope-manager': 6.8.0
+      '@typescript-eslint/types': 6.8.0
+      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.1.3)
+      eslint: 8.43.0
+      semver: 7.5.4
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys@5.60.0:
-    resolution: {integrity: sha512-wm9Uz71SbCyhUKgcaPRauBdTegUyY/ZWl8gLwD/i/ybJqscrrdVSFImpvUz16BLPChIeKBK5Fa9s6KDQjsjyWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.60.0.tgz}
-    name: '@typescript-eslint/visitor-keys'
-    version: 5.60.0
+  /@typescript-eslint/visitor-keys@5.60.0:
+    resolution: {integrity: sha512-wm9Uz71SbCyhUKgcaPRauBdTegUyY/ZWl8gLwD/i/ybJqscrrdVSFImpvUz16BLPChIeKBK5Fa9s6KDQjsjyWw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@5.60.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
+      '@typescript-eslint/types': 5.60.0
+      eslint-visitor-keys: 3.4.3
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys@6.10.0:
-    resolution: {integrity: sha512-xMGluxQIEtOM7bqFCo+rCMh5fqI+ZxV5RUUOa29iVPz1OgCZrtc7rFnz5cLUazlkPKYqX+75iuDq7m0HQ48nCg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.10.0.tgz}
-    name: '@typescript-eslint/visitor-keys'
-    version: 6.10.0
+  /@typescript-eslint/visitor-keys@6.10.0:
+    resolution: {integrity: sha512-xMGluxQIEtOM7bqFCo+rCMh5fqI+ZxV5RUUOa29iVPz1OgCZrtc7rFnz5cLUazlkPKYqX+75iuDq7m0HQ48nCg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.10.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
+      '@typescript-eslint/types': 6.10.0
+      eslint-visitor-keys: 3.4.3
     dev: true
 
-  registry.npmjs.org/@typescript-eslint/visitor-keys@6.8.0:
-    resolution: {integrity: sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.8.0.tgz}
-    name: '@typescript-eslint/visitor-keys'
-    version: 6.8.0
+  /@typescript-eslint/visitor-keys@6.8.0:
+    resolution: {integrity: sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': registry.npmjs.org/@typescript-eslint/types@6.8.0
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
+      '@typescript-eslint/types': 6.8.0
+      eslint-visitor-keys: 3.4.3
     dev: true
 
-  registry.npmjs.org/@ungap/structured-clone@1.2.0:
-    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz}
-    name: '@ungap/structured-clone'
-    version: 1.2.0
+  /@ungap/structured-clone@1.2.0:
+    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
     dev: true
 
-  registry.npmjs.org/@vitejs/plugin-react-swc@3.4.1(vite@4.5.0):
-    resolution: {integrity: sha512-7YQOQcVV5x1luD8nkbCDdyYygFvn1hjqJk68UvNAzY2QG4o4N5EwAhLLFNOcd1HrdMwDl0VElP8VutoWf9IvJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.4.1.tgz}
-    id: registry.npmjs.org/@vitejs/plugin-react-swc/3.4.1
-    name: '@vitejs/plugin-react-swc'
-    version: 3.4.1
+  /@vitejs/plugin-react-swc@3.4.1(vite@4.5.0):
+    resolution: {integrity: sha512-7YQOQcVV5x1luD8nkbCDdyYygFvn1hjqJk68UvNAzY2QG4o4N5EwAhLLFNOcd1HrdMwDl0VElP8VutoWf9IvJg==}
     peerDependencies:
       vite: ^4
     dependencies:
-      '@swc/core': registry.npmjs.org/@swc/core@1.3.96
-      vite: registry.npmjs.org/vite@4.5.0
+      '@swc/core': 1.3.96
+      vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - '@swc/helpers'
     dev: true
 
-  registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.0):
-    resolution: {integrity: sha512-Jie2HERK+uh27e+ORXXwEP5h0Y2lS9T2PRGbfebiHGlwzDO0dEnd2aNtOR/qjBlPb1YgxwAONeblL1xqLikLag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.1.1.tgz}
-    id: registry.npmjs.org/@vitejs/plugin-react/4.1.1
-    name: '@vitejs/plugin-react'
-    version: 4.1.1
+  /@vitejs/plugin-react@4.1.1(vite@4.5.0):
+    resolution: {integrity: sha512-Jie2HERK+uh27e+ORXXwEP5h0Y2lS9T2PRGbfebiHGlwzDO0dEnd2aNtOR/qjBlPb1YgxwAONeblL1xqLikLag==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^4.2.0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
-      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2)
-      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2)
-      '@types/babel__core': registry.npmjs.org/@types/babel__core@7.20.4
-      react-refresh: registry.npmjs.org/react-refresh@0.14.0
-      vite: registry.npmjs.org/vite@4.5.0
+      '@babel/core': 7.23.2
+      '@babel/plugin-transform-react-jsx-self': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-react-jsx-source': 7.22.5(@babel/core@7.23.2)
+      '@types/babel__core': 7.20.4
+      react-refresh: 0.14.0
+      vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  registry.npmjs.org/@vitejs/plugin-react@4.1.1(vite@4.5.1):
-    resolution: {integrity: sha512-Jie2HERK+uh27e+ORXXwEP5h0Y2lS9T2PRGbfebiHGlwzDO0dEnd2aNtOR/qjBlPb1YgxwAONeblL1xqLikLag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.1.1.tgz}
-    id: registry.npmjs.org/@vitejs/plugin-react/4.1.1
-    name: '@vitejs/plugin-react'
-    version: 4.1.1
+  /@vitejs/plugin-react@4.2.1(vite@4.5.0):
+    resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
-      vite: ^4.2.0
+      vite: ^4.2.0 || ^5.0.0
     dependencies:
-      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
-      '@babel/plugin-transform-react-jsx-self': registry.npmjs.org/@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2)
-      '@babel/plugin-transform-react-jsx-source': registry.npmjs.org/@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2)
-      '@types/babel__core': registry.npmjs.org/@types/babel__core@7.20.4
-      react-refresh: registry.npmjs.org/react-refresh@0.14.0
-      vite: 4.5.1(@types/node@18.7.16)
+      '@babel/core': 7.23.7
+      '@babel/plugin-transform-react-jsx-self': 7.23.3(@babel/core@7.23.7)
+      '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.23.7)
+      '@types/babel__core': 7.20.5
+      react-refresh: 0.14.0
+      vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  registry.npmjs.org/acorn-jsx@5.3.2(acorn@8.10.0):
-    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz}
-    id: registry.npmjs.org/acorn-jsx/5.3.2
-    name: acorn-jsx
-    version: 5.3.2
+  /acorn-jsx@5.3.2(acorn@8.10.0):
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      acorn: registry.npmjs.org/acorn@8.10.0
+      acorn: 8.10.0
     dev: true
 
-  registry.npmjs.org/acorn@8.10.0:
-    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz}
-    name: acorn
-    version: 8.10.0
+  /acorn@8.10.0:
+    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
-  registry.npmjs.org/acorn@8.11.2:
-    resolution: {integrity: sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz}
-    name: acorn
-    version: 8.11.2
+  /acorn@8.11.2:
+    resolution: {integrity: sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
-  registry.npmjs.org/aggregate-error@3.1.0:
-    resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz}
-    name: aggregate-error
-    version: 3.1.0
+  /aggregate-error@3.1.0:
+    resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
     engines: {node: '>=8'}
     dependencies:
-      clean-stack: registry.npmjs.org/clean-stack@2.2.0
-      indent-string: registry.npmjs.org/indent-string@4.0.0
+      clean-stack: 2.2.0
+      indent-string: 4.0.0
     dev: true
 
-  registry.npmjs.org/ajv@6.12.6:
-    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz}
-    name: ajv
-    version: 6.12.6
+  /ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
     dependencies:
-      fast-deep-equal: registry.npmjs.org/fast-deep-equal@3.1.3
-      fast-json-stable-stringify: registry.npmjs.org/fast-json-stable-stringify@2.1.0
-      json-schema-traverse: registry.npmjs.org/json-schema-traverse@0.4.1
-      uri-js: registry.npmjs.org/uri-js@4.4.1
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
     dev: true
 
-  registry.npmjs.org/ansi-align@3.0.1:
-    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz}
-    name: ansi-align
-    version: 3.0.1
+  /ansi-align@3.0.1:
+    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
     dependencies:
-      string-width: registry.npmjs.org/string-width@4.2.3
+      string-width: 4.2.3
     dev: false
 
-  registry.npmjs.org/ansi-colors@4.1.3:
-    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz}
-    name: ansi-colors
-    version: 4.1.3
+  /ansi-colors@4.1.3:
+    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/ansi-escapes@4.3.2:
-    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz}
-    name: ansi-escapes
-    version: 4.3.2
+  /ansi-escapes@4.3.2:
+    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
     engines: {node: '>=8'}
     dependencies:
-      type-fest: registry.npmjs.org/type-fest@0.21.3
+      type-fest: 0.21.3
     dev: true
 
-  registry.npmjs.org/ansi-regex@5.0.1:
-    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz}
-    name: ansi-regex
-    version: 5.0.1
+  /ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
 
-  registry.npmjs.org/ansi-regex@6.0.1:
-    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz}
-    name: ansi-regex
-    version: 6.0.1
+  /ansi-regex@6.0.1:
+    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/ansi-sequence-parser@1.1.1:
-    resolution: {integrity: sha512-vJXt3yiaUL4UU546s3rPXlsry/RnM730G1+HkpKE012AN0sx1eOrxSu95oKDIonskeLTijMgqWZ3uDEe3NFvyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-sequence-parser/-/ansi-sequence-parser-1.1.1.tgz}
-    name: ansi-sequence-parser
-    version: 1.1.1
+  /ansi-sequence-parser@1.1.1:
+    resolution: {integrity: sha512-vJXt3yiaUL4UU546s3rPXlsry/RnM730G1+HkpKE012AN0sx1eOrxSu95oKDIonskeLTijMgqWZ3uDEe3NFvyg==}
     dev: false
 
-  registry.npmjs.org/ansi-styles@3.2.1:
-    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz}
-    name: ansi-styles
-    version: 3.2.1
+  /ansi-styles@3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
     engines: {node: '>=4'}
     dependencies:
-      color-convert: registry.npmjs.org/color-convert@1.9.3
+      color-convert: 1.9.3
 
-  registry.npmjs.org/ansi-styles@4.3.0:
-    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz}
-    name: ansi-styles
-    version: 4.3.0
+  /ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
     dependencies:
-      color-convert: registry.npmjs.org/color-convert@2.0.1
+      color-convert: 2.0.1
     dev: true
 
-  registry.npmjs.org/ansi-styles@6.2.1:
-    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz}
-    name: ansi-styles
-    version: 6.2.1
+  /ansi-styles@6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/anymatch@3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz}
-    name: anymatch
-    version: 3.1.3
+  /anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
     dependencies:
-      normalize-path: registry.npmjs.org/normalize-path@3.0.0
-      picomatch: registry.npmjs.org/picomatch@2.3.1
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
 
-  registry.npmjs.org/arch@2.2.0:
-    resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arch/-/arch-2.2.0.tgz}
-    name: arch
-    version: 2.2.0
+  /arch@2.2.0:
+    resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==}
     dev: true
 
-  registry.npmjs.org/arg@5.0.2:
-    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arg/-/arg-5.0.2.tgz}
-    name: arg
-    version: 5.0.2
+  /arg@5.0.2:
+    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
     dev: true
 
-  registry.npmjs.org/argparse@1.0.10:
-    resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz}
-    name: argparse
-    version: 1.0.10
+  /argparse@1.0.10:
+    resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
     dependencies:
-      sprintf-js: registry.npmjs.org/sprintf-js@1.0.3
+      sprintf-js: 1.0.3
 
-  registry.npmjs.org/argparse@2.0.1:
-    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz}
-    name: argparse
-    version: 2.0.1
+  /argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
-  registry.npmjs.org/aria-query@5.3.0:
-    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz}
-    name: aria-query
-    version: 5.3.0
+  /aria-query@5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
     dependencies:
-      dequal: registry.npmjs.org/dequal@2.0.3
+      dequal: 2.0.3
 
-  registry.npmjs.org/array-buffer-byte-length@1.0.0:
-    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz}
-    name: array-buffer-byte-length
-    version: 1.0.0
+  /array-buffer-byte-length@1.0.0:
+    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      is-array-buffer: registry.npmjs.org/is-array-buffer@3.0.2
+      call-bind: 1.0.5
+      is-array-buffer: 3.0.2
     dev: true
 
-  registry.npmjs.org/array-includes@3.1.7:
-    resolution: {integrity: sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz}
-    name: array-includes
-    version: 3.1.7
+  /array-includes@3.1.7:
+    resolution: {integrity: sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      is-string: registry.npmjs.org/is-string@1.0.7
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      get-intrinsic: 1.2.2
+      is-string: 1.0.7
     dev: true
 
-  registry.npmjs.org/array-iterate@2.0.1:
-    resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-iterate/-/array-iterate-2.0.1.tgz}
-    name: array-iterate
-    version: 2.0.1
+  /array-iterate@2.0.1:
+    resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==}
     dev: false
 
-  registry.npmjs.org/array-union@2.1.0:
-    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz}
-    name: array-union
-    version: 2.1.0
+  /array-union@2.1.0:
+    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/array.prototype.flat@1.3.2:
-    resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz}
-    name: array.prototype.flat
-    version: 1.3.2
+  /array.prototype.flat@1.3.2:
+    resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
-      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.2
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      es-shim-unscopables: 1.0.2
     dev: true
 
-  registry.npmjs.org/array.prototype.flatmap@1.3.2:
-    resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz}
-    name: array.prototype.flatmap
-    version: 1.3.2
+  /array.prototype.flatmap@1.3.2:
+    resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
-      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.2
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      es-shim-unscopables: 1.0.2
     dev: true
 
-  registry.npmjs.org/array.prototype.tosorted@1.1.2:
-    resolution: {integrity: sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.2.tgz}
-    name: array.prototype.tosorted
-    version: 1.1.2
+  /array.prototype.tosorted@1.1.2:
+    resolution: {integrity: sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
-      es-shim-unscopables: registry.npmjs.org/es-shim-unscopables@1.0.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      es-shim-unscopables: 1.0.2
+      get-intrinsic: 1.2.2
     dev: true
 
-  registry.npmjs.org/arraybuffer.prototype.slice@1.0.2:
-    resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz}
-    name: arraybuffer.prototype.slice
-    version: 1.0.2
+  /arraybuffer.prototype.slice@1.0.2:
+    resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==}
     engines: {node: '>= 0.4'}
     dependencies:
-      array-buffer-byte-length: registry.npmjs.org/array-buffer-byte-length@1.0.0
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      is-array-buffer: registry.npmjs.org/is-array-buffer@3.0.2
-      is-shared-array-buffer: registry.npmjs.org/is-shared-array-buffer@1.0.2
+      array-buffer-byte-length: 1.0.0
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      get-intrinsic: 1.2.2
+      is-array-buffer: 3.0.2
+      is-shared-array-buffer: 1.0.2
     dev: true
 
-  registry.npmjs.org/arrify@1.0.1:
-    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz}
-    name: arrify
-    version: 1.0.1
+  /arrify@1.0.1:
+    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/asn1@0.2.6:
-    resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz}
-    name: asn1
-    version: 0.2.6
+  /asn1@0.2.6:
+    resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==}
     dependencies:
-      safer-buffer: registry.npmjs.org/safer-buffer@2.1.2
+      safer-buffer: 2.1.2
     dev: true
 
-  registry.npmjs.org/assert-plus@1.0.0:
-    resolution: {integrity: sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz}
-    name: assert-plus
-    version: 1.0.0
+  /assert-plus@1.0.0:
+    resolution: {integrity: sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==}
     engines: {node: '>=0.8'}
     dev: true
 
-  registry.npmjs.org/astral-regex@2.0.0:
-    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz}
-    name: astral-regex
-    version: 2.0.0
+  /astral-regex@2.0.0:
+    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/astro@3.2.2:
-    resolution: {integrity: sha512-vLOOGyD2g1HRkCQAFHmHUrVAbMI5sgUqKignBMtXNantgEq1P17sL2cvH0Yy2ibNN9DHZ/4TknXmwHAig8PJNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/astro/-/astro-3.2.2.tgz}
-    name: astro
-    version: 3.2.2
+  /astro@3.2.2:
+    resolution: {integrity: sha512-vLOOGyD2g1HRkCQAFHmHUrVAbMI5sgUqKignBMtXNantgEq1P17sL2cvH0Yy2ibNN9DHZ/4TknXmwHAig8PJNg==}
     engines: {node: '>=18.14.1', npm: '>=6.14.0'}
     hasBin: true
     dependencies:
-      '@astrojs/compiler': registry.npmjs.org/@astrojs/compiler@2.2.1
-      '@astrojs/internal-helpers': registry.npmjs.org/@astrojs/internal-helpers@0.2.0
-      '@astrojs/markdown-remark': registry.npmjs.org/@astrojs/markdown-remark@3.2.0(astro@3.2.2)
-      '@astrojs/telemetry': registry.npmjs.org/@astrojs/telemetry@3.0.2
-      '@babel/core': registry.npmjs.org/@babel/core@7.23.2
-      '@babel/generator': registry.npmjs.org/@babel/generator@7.23.0
-      '@babel/parser': registry.npmjs.org/@babel/parser@7.23.0
-      '@babel/plugin-transform-react-jsx': registry.npmjs.org/@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.2)
-      '@babel/traverse': registry.npmjs.org/@babel/traverse@7.23.2
-      '@babel/types': registry.npmjs.org/@babel/types@7.23.0
-      '@types/babel__core': registry.npmjs.org/@types/babel__core@7.20.3
-      acorn: registry.npmjs.org/acorn@8.10.0
-      boxen: registry.npmjs.org/boxen@7.1.1
-      chokidar: registry.npmjs.org/chokidar@3.5.3
-      ci-info: registry.npmjs.org/ci-info@3.9.0
-      clsx: registry.npmjs.org/clsx@2.0.0
-      common-ancestor-path: registry.npmjs.org/common-ancestor-path@1.0.1
-      cookie: registry.npmjs.org/cookie@0.5.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      devalue: registry.npmjs.org/devalue@4.3.2
-      diff: registry.npmjs.org/diff@5.1.0
-      es-module-lexer: registry.npmjs.org/es-module-lexer@1.3.1
-      esbuild: registry.npmjs.org/esbuild@0.19.5
-      estree-walker: registry.npmjs.org/estree-walker@3.0.3
-      execa: registry.npmjs.org/execa@8.0.1
-      fast-glob: registry.npmjs.org/fast-glob@3.3.1
-      github-slugger: registry.npmjs.org/github-slugger@2.0.0
-      gray-matter: registry.npmjs.org/gray-matter@4.0.3
-      html-escaper: registry.npmjs.org/html-escaper@3.0.3
-      http-cache-semantics: registry.npmjs.org/http-cache-semantics@4.1.1
-      js-yaml: registry.npmjs.org/js-yaml@4.1.0
-      kleur: registry.npmjs.org/kleur@4.1.5
-      magic-string: registry.npmjs.org/magic-string@0.30.5
-      mime: registry.npmjs.org/mime@3.0.0
-      ora: registry.npmjs.org/ora@7.0.1
-      p-limit: registry.npmjs.org/p-limit@4.0.0
-      path-to-regexp: registry.npmjs.org/path-to-regexp@6.2.1
-      preferred-pm: registry.npmjs.org/preferred-pm@3.1.2
-      probe-image-size: registry.npmjs.org/probe-image-size@7.2.3
-      prompts: registry.npmjs.org/prompts@2.4.2
-      rehype: registry.npmjs.org/rehype@12.0.1
-      resolve: registry.npmjs.org/resolve@1.22.8
-      semver: registry.npmjs.org/semver@7.5.4
-      server-destroy: registry.npmjs.org/server-destroy@1.0.1
-      shiki: registry.npmjs.org/shiki@0.14.5
-      string-width: registry.npmjs.org/string-width@6.1.0
-      strip-ansi: registry.npmjs.org/strip-ansi@7.1.0
-      tsconfig-resolver: registry.npmjs.org/tsconfig-resolver@3.0.1
-      undici: registry.npmjs.org/undici@5.26.5
-      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
-      vfile: registry.npmjs.org/vfile@5.3.7
-      vite: registry.npmjs.org/vite@4.5.0
-      vitefu: registry.npmjs.org/vitefu@0.2.5(vite@4.5.0)
-      which-pm: registry.npmjs.org/which-pm@2.1.1
-      yargs-parser: registry.npmjs.org/yargs-parser@21.1.1
-      zod: registry.npmjs.org/zod@3.21.1
+      '@astrojs/compiler': 2.2.1
+      '@astrojs/internal-helpers': 0.2.0
+      '@astrojs/markdown-remark': 3.2.0(astro@3.2.2)
+      '@astrojs/telemetry': 3.0.2
+      '@babel/core': 7.23.2
+      '@babel/generator': 7.23.0
+      '@babel/parser': 7.23.0
+      '@babel/plugin-transform-react-jsx': 7.22.15(@babel/core@7.23.2)
+      '@babel/traverse': 7.23.2
+      '@babel/types': 7.23.0
+      '@types/babel__core': 7.20.3
+      acorn: 8.10.0
+      boxen: 7.1.1
+      chokidar: 3.5.3
+      ci-info: 3.9.0
+      clsx: 2.0.0
+      common-ancestor-path: 1.0.1
+      cookie: 0.5.0
+      debug: 4.3.4(supports-color@8.1.1)
+      devalue: 4.3.2
+      diff: 5.1.0
+      es-module-lexer: 1.3.1
+      esbuild: 0.19.5
+      estree-walker: 3.0.3
+      execa: 8.0.1
+      fast-glob: 3.3.1
+      github-slugger: 2.0.0
+      gray-matter: 4.0.3
+      html-escaper: 3.0.3
+      http-cache-semantics: 4.1.1
+      js-yaml: 4.1.0
+      kleur: 4.1.5
+      magic-string: 0.30.5
+      mime: 3.0.0
+      ora: 7.0.1
+      p-limit: 4.0.0
+      path-to-regexp: 6.2.1
+      preferred-pm: 3.1.2
+      probe-image-size: 7.2.3
+      prompts: 2.4.2
+      rehype: 12.0.1
+      resolve: 1.22.8
+      semver: 7.5.4
+      server-destroy: 1.0.1
+      shiki: 0.14.5
+      string-width: 6.1.0
+      strip-ansi: 7.1.0
+      tsconfig-resolver: 3.0.1
+      undici: 5.26.5
+      unist-util-visit: 4.1.2
+      vfile: 5.3.7
+      vite: 4.5.0(@types/node@18.7.16)
+      vitefu: 0.2.5(vite@4.5.0)
+      which-pm: 2.1.1
+      yargs-parser: 21.1.1
+      zod: 3.21.1
     optionalDependencies:
       sharp: 0.32.6
     transitivePeerDependencies:
@@ -5194,1123 +3390,878 @@ packages:
       - terser
     dev: false
 
-  registry.npmjs.org/async@3.2.5:
-    resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/async/-/async-3.2.5.tgz}
-    name: async
-    version: 3.2.5
+  /async@3.2.5:
+    resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==}
     dev: true
 
-  registry.npmjs.org/asynciterator.prototype@1.0.0:
-    resolution: {integrity: sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz}
-    name: asynciterator.prototype
-    version: 1.0.0
+  /asynciterator.prototype@1.0.0:
+    resolution: {integrity: sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==}
     dependencies:
-      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      has-symbols: 1.0.3
     dev: true
 
-  registry.npmjs.org/asynckit@0.4.0:
-    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz}
-    name: asynckit
-    version: 0.4.0
+  /asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
     dev: true
 
-  registry.npmjs.org/at-least-node@1.0.0:
-    resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz}
-    name: at-least-node
-    version: 1.0.0
+  /at-least-node@1.0.0:
+    resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
     engines: {node: '>= 4.0.0'}
     dev: true
 
-  registry.npmjs.org/autoprefixer@10.4.15(postcss@8.4.21):
-    resolution: {integrity: sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.15.tgz}
-    id: registry.npmjs.org/autoprefixer/10.4.15
-    name: autoprefixer
-    version: 10.4.15
+  /autoprefixer@10.4.15(postcss@8.4.21):
+    resolution: {integrity: sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==}
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.22.1
-      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001553
-      fraction.js: registry.npmjs.org/fraction.js@4.3.7
-      normalize-range: registry.npmjs.org/normalize-range@0.1.2
-      picocolors: registry.npmjs.org/picocolors@1.0.0
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      browserslist: 4.22.1
+      caniuse-lite: 1.0.30001553
+      fraction.js: 4.3.7
+      normalize-range: 0.1.2
+      picocolors: 1.0.0
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/available-typed-arrays@1.0.5:
-    resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz}
-    name: available-typed-arrays
-    version: 1.0.5
+  /available-typed-arrays@1.0.5:
+    resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/aws-sign2@0.7.0:
-    resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz}
-    name: aws-sign2
-    version: 0.7.0
+  /aws-sign2@0.7.0:
+    resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==}
     dev: true
 
-  registry.npmjs.org/aws4@1.12.0:
-    resolution: {integrity: sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz}
-    name: aws4
-    version: 1.12.0
+  /aws4@1.12.0:
+    resolution: {integrity: sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==}
     dev: true
 
-  registry.npmjs.org/axios@0.27.2(debug@4.3.4):
-    resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axios/-/axios-0.27.2.tgz}
-    id: registry.npmjs.org/axios/0.27.2
-    name: axios
-    version: 0.27.2
+  /axios@0.27.2(debug@4.3.4):
+    resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==}
     dependencies:
-      follow-redirects: registry.npmjs.org/follow-redirects@1.15.3(debug@4.3.4)
-      form-data: registry.npmjs.org/form-data@4.0.0
+      follow-redirects: 1.15.3(debug@4.3.4)
+      form-data: 4.0.0
     transitivePeerDependencies:
       - debug
     dev: true
 
-  registry.npmjs.org/axobject-query@3.2.1:
-    resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz}
-    name: axobject-query
-    version: 3.2.1
+  /axobject-query@3.2.1:
+    resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
     dependencies:
-      dequal: registry.npmjs.org/dequal@2.0.3
+      dequal: 2.0.3
 
-  registry.npmjs.org/b4a@1.6.4:
-    resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/b4a/-/b4a-1.6.4.tgz}
-    name: b4a
-    version: 1.6.4
+  /b4a@1.6.4:
+    resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/bail@2.0.2:
-    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/bail/-/bail-2.0.2.tgz}
-    name: bail
-    version: 2.0.2
+  /bail@2.0.2:
+    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
     dev: false
 
-  registry.npmjs.org/balanced-match@1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz}
-    name: balanced-match
-    version: 1.0.2
+  /balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
     dev: true
 
-  registry.npmjs.org/base64-js@1.5.1:
-    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz}
-    name: base64-js
-    version: 1.5.1
+  /base64-js@1.5.1:
+    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
-  registry.npmjs.org/bcrypt-pbkdf@1.0.2:
-    resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz}
-    name: bcrypt-pbkdf
-    version: 1.0.2
+  /bcrypt-pbkdf@1.0.2:
+    resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==}
     dependencies:
-      tweetnacl: registry.npmjs.org/tweetnacl@0.14.5
+      tweetnacl: 0.14.5
     dev: true
 
-  registry.npmjs.org/better-path-resolve@1.0.0:
-    resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/better-path-resolve/-/better-path-resolve-1.0.0.tgz}
-    name: better-path-resolve
-    version: 1.0.0
+  /better-path-resolve@1.0.0:
+    resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==}
     engines: {node: '>=4'}
     dependencies:
-      is-windows: registry.npmjs.org/is-windows@1.0.2
+      is-windows: 1.0.2
     dev: true
 
-  registry.npmjs.org/binary-extensions@2.2.0:
-    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz}
-    name: binary-extensions
-    version: 2.2.0
+  /binary-extensions@2.2.0:
+    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
     engines: {node: '>=8'}
 
-  registry.npmjs.org/bl@4.1.0:
-    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/bl/-/bl-4.1.0.tgz}
-    name: bl
-    version: 4.1.0
+  /bl@4.1.0:
+    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
     requiresBuild: true
     dependencies:
-      buffer: registry.npmjs.org/buffer@5.7.1
-      inherits: registry.npmjs.org/inherits@2.0.4
-      readable-stream: registry.npmjs.org/readable-stream@3.6.2
+      buffer: 5.7.1
+      inherits: 2.0.4
+      readable-stream: 3.6.2
     dev: false
     optional: true
 
-  registry.npmjs.org/bl@5.1.0:
-    resolution: {integrity: sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/bl/-/bl-5.1.0.tgz}
-    name: bl
-    version: 5.1.0
+  /bl@5.1.0:
+    resolution: {integrity: sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==}
     dependencies:
-      buffer: registry.npmjs.org/buffer@6.0.3
-      inherits: registry.npmjs.org/inherits@2.0.4
-      readable-stream: registry.npmjs.org/readable-stream@3.6.2
+      buffer: 6.0.3
+      inherits: 2.0.4
+      readable-stream: 3.6.2
     dev: false
 
-  registry.npmjs.org/blob-util@2.0.2:
-    resolution: {integrity: sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/blob-util/-/blob-util-2.0.2.tgz}
-    name: blob-util
-    version: 2.0.2
+  /blob-util@2.0.2:
+    resolution: {integrity: sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==}
     dev: true
 
-  registry.npmjs.org/bluebird@3.7.2:
-    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz}
-    name: bluebird
-    version: 3.7.2
+  /bluebird@3.7.2:
+    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
     dev: true
 
-  registry.npmjs.org/boolbase@1.0.0:
-    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz}
-    name: boolbase
-    version: 1.0.0
+  /boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
     dev: true
 
-  registry.npmjs.org/boxen@7.1.1:
-    resolution: {integrity: sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/boxen/-/boxen-7.1.1.tgz}
-    name: boxen
-    version: 7.1.1
+  /boxen@7.1.1:
+    resolution: {integrity: sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==}
     engines: {node: '>=14.16'}
     dependencies:
-      ansi-align: registry.npmjs.org/ansi-align@3.0.1
-      camelcase: registry.npmjs.org/camelcase@7.0.1
-      chalk: registry.npmjs.org/chalk@5.3.0
-      cli-boxes: registry.npmjs.org/cli-boxes@3.0.0
-      string-width: registry.npmjs.org/string-width@5.1.2
-      type-fest: registry.npmjs.org/type-fest@2.19.0
-      widest-line: registry.npmjs.org/widest-line@4.0.1
-      wrap-ansi: registry.npmjs.org/wrap-ansi@8.1.0
+      ansi-align: 3.0.1
+      camelcase: 7.0.1
+      chalk: 5.3.0
+      cli-boxes: 3.0.0
+      string-width: 5.1.2
+      type-fest: 2.19.0
+      widest-line: 4.0.1
+      wrap-ansi: 8.1.0
     dev: false
 
-  registry.npmjs.org/brace-expansion@1.1.11:
-    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz}
-    name: brace-expansion
-    version: 1.1.11
+  /brace-expansion@1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
     dependencies:
-      balanced-match: registry.npmjs.org/balanced-match@1.0.2
-      concat-map: registry.npmjs.org/concat-map@0.0.1
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
     dev: true
 
-  registry.npmjs.org/brace-expansion@2.0.1:
-    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz}
-    name: brace-expansion
-    version: 2.0.1
+  /brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
     dependencies:
-      balanced-match: registry.npmjs.org/balanced-match@1.0.2
+      balanced-match: 1.0.2
     dev: true
 
-  registry.npmjs.org/braces@3.0.2:
-    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/braces/-/braces-3.0.2.tgz}
-    name: braces
-    version: 3.0.2
+  /braces@3.0.2:
+    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
     engines: {node: '>=8'}
     dependencies:
-      fill-range: registry.npmjs.org/fill-range@7.0.1
+      fill-range: 7.0.1
 
-  registry.npmjs.org/breakword@1.0.6:
-    resolution: {integrity: sha512-yjxDAYyK/pBvws9H4xKYpLDpYKEH6CzrBPAuXq3x18I+c/2MkVtT3qAr7Oloi6Dss9qNhPVueAAVU1CSeNDIXw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/breakword/-/breakword-1.0.6.tgz}
-    name: breakword
-    version: 1.0.6
+  /breakword@1.0.6:
+    resolution: {integrity: sha512-yjxDAYyK/pBvws9H4xKYpLDpYKEH6CzrBPAuXq3x18I+c/2MkVtT3qAr7Oloi6Dss9qNhPVueAAVU1CSeNDIXw==}
     dependencies:
-      wcwidth: registry.npmjs.org/wcwidth@1.0.1
+      wcwidth: 1.0.1
     dev: true
 
-  registry.npmjs.org/browserslist@4.22.1:
-    resolution: {integrity: sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz}
-    name: browserslist
-    version: 4.22.1
+  /browserslist@4.22.1:
+    resolution: {integrity: sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+    dependencies:
+      caniuse-lite: 1.0.30001553
+      electron-to-chromium: 1.4.563
+      node-releases: 2.0.13
+      update-browserslist-db: 1.0.13(browserslist@4.22.1)
+
+  /browserslist@4.22.2:
+    resolution: {integrity: sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001553
-      electron-to-chromium: registry.npmjs.org/electron-to-chromium@1.4.563
-      node-releases: registry.npmjs.org/node-releases@2.0.13
-      update-browserslist-db: registry.npmjs.org/update-browserslist-db@1.0.13(browserslist@4.22.1)
+      caniuse-lite: 1.0.30001572
+      electron-to-chromium: 1.4.617
+      node-releases: 2.0.14
+      update-browserslist-db: 1.0.13(browserslist@4.22.2)
+    dev: false
 
-  registry.npmjs.org/buffer-crc32@0.2.13:
-    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz}
-    name: buffer-crc32
-    version: 0.2.13
+  /buffer-crc32@0.2.13:
+    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
     dev: true
 
-  registry.npmjs.org/buffer-from@1.1.2:
-    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz}
-    name: buffer-from
-    version: 1.1.2
+  /buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
     dev: true
 
-  registry.npmjs.org/buffer@5.7.1:
-    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz}
-    name: buffer
-    version: 5.7.1
+  /buffer@5.7.1:
+    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
     dependencies:
-      base64-js: registry.npmjs.org/base64-js@1.5.1
-      ieee754: registry.npmjs.org/ieee754@1.2.1
+      base64-js: 1.5.1
+      ieee754: 1.2.1
 
-  registry.npmjs.org/buffer@6.0.3:
-    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz}
-    name: buffer
-    version: 6.0.3
+  /buffer@6.0.3:
+    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
     dependencies:
-      base64-js: registry.npmjs.org/base64-js@1.5.1
-      ieee754: registry.npmjs.org/ieee754@1.2.1
+      base64-js: 1.5.1
+      ieee754: 1.2.1
     dev: false
 
-  registry.npmjs.org/builtin-modules@3.3.0:
-    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz}
-    name: builtin-modules
-    version: 3.3.0
+  /builtin-modules@3.3.0:
+    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/busboy@1.6.0:
-    resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz}
-    name: busboy
-    version: 1.6.0
+  /busboy@1.6.0:
+    resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==}
     engines: {node: '>=10.16.0'}
     dependencies:
-      streamsearch: registry.npmjs.org/streamsearch@1.1.0
+      streamsearch: 1.1.0
     dev: true
 
-  registry.npmjs.org/cachedir@2.4.0:
-    resolution: {integrity: sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cachedir/-/cachedir-2.4.0.tgz}
-    name: cachedir
-    version: 2.4.0
+  /cachedir@2.4.0:
+    resolution: {integrity: sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==}
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/call-bind@1.0.5:
-    resolution: {integrity: sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz}
-    name: call-bind
-    version: 1.0.5
+  /call-bind@1.0.5:
+    resolution: {integrity: sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==}
     dependencies:
-      function-bind: registry.npmjs.org/function-bind@1.1.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      set-function-length: registry.npmjs.org/set-function-length@1.1.1
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.2
+      set-function-length: 1.1.1
     dev: true
 
-  registry.npmjs.org/callsites@3.1.0:
-    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz}
-    name: callsites
-    version: 3.1.0
+  /callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/camelcase-keys@6.2.2:
-    resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz}
-    name: camelcase-keys
-    version: 6.2.2
+  /camelcase-keys@6.2.2:
+    resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
     engines: {node: '>=8'}
     dependencies:
-      camelcase: registry.npmjs.org/camelcase@5.3.1
-      map-obj: registry.npmjs.org/map-obj@4.3.0
-      quick-lru: registry.npmjs.org/quick-lru@4.0.1
+      camelcase: 5.3.1
+      map-obj: 4.3.0
+      quick-lru: 4.0.1
     dev: true
 
-  registry.npmjs.org/camelcase@5.3.1:
-    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz}
-    name: camelcase
-    version: 5.3.1
+  /camelcase@5.3.1:
+    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/camelcase@7.0.1:
-    resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/camelcase/-/camelcase-7.0.1.tgz}
-    name: camelcase
-    version: 7.0.1
+  /camelcase@7.0.1:
+    resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
     engines: {node: '>=14.16'}
     dev: false
 
-  registry.npmjs.org/caniuse-api@3.0.0:
-    resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz}
-    name: caniuse-api
-    version: 3.0.0
+  /caniuse-api@3.0.0:
+    resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.22.1
-      caniuse-lite: registry.npmjs.org/caniuse-lite@1.0.30001553
-      lodash.memoize: registry.npmjs.org/lodash.memoize@4.1.2
-      lodash.uniq: registry.npmjs.org/lodash.uniq@4.5.0
+      browserslist: 4.22.1
+      caniuse-lite: 1.0.30001553
+      lodash.memoize: 4.1.2
+      lodash.uniq: 4.5.0
     dev: true
 
-  registry.npmjs.org/caniuse-lite@1.0.30001553:
-    resolution: {integrity: sha512-N0ttd6TrFfuqKNi+pMgWJTb9qrdJu4JSpgPFLe/lrD19ugC6fZgF0pUewRowDwzdDnb9V41mFcdlYgl/PyKf4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001553.tgz}
-    name: caniuse-lite
-    version: 1.0.30001553
+  /caniuse-lite@1.0.30001553:
+    resolution: {integrity: sha512-N0ttd6TrFfuqKNi+pMgWJTb9qrdJu4JSpgPFLe/lrD19ugC6fZgF0pUewRowDwzdDnb9V41mFcdlYgl/PyKf4A==}
+
+  /caniuse-lite@1.0.30001572:
+    resolution: {integrity: sha512-1Pbh5FLmn5y4+QhNyJE9j3/7dK44dGB83/ZMjv/qJk86TvDbjk0LosiZo0i0WB0Vx607qMX9jYrn1VLHCkN4rw==}
+    dev: false
 
-  registry.npmjs.org/caseless@0.12.0:
-    resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz}
-    name: caseless
-    version: 0.12.0
+  /caseless@0.12.0:
+    resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
     dev: true
 
-  registry.npmjs.org/ccount@2.0.1:
-    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz}
-    name: ccount
-    version: 2.0.1
+  /ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
     dev: false
 
-  registry.npmjs.org/chalk@2.4.2:
-    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz}
-    name: chalk
-    version: 2.4.2
+  /chalk@2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
     engines: {node: '>=4'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles@3.2.1
-      escape-string-regexp: registry.npmjs.org/escape-string-regexp@1.0.5
-      supports-color: registry.npmjs.org/supports-color@5.5.0
+      ansi-styles: 3.2.1
+      escape-string-regexp: 1.0.5
+      supports-color: 5.5.0
 
-  registry.npmjs.org/chalk@4.1.2:
-    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz}
-    name: chalk
-    version: 4.1.2
+  /chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles@4.3.0
-      supports-color: registry.npmjs.org/supports-color@7.2.0
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
     dev: true
 
-  registry.npmjs.org/chalk@5.3.0:
-    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz}
-    name: chalk
-    version: 5.3.0
+  /chalk@5.3.0:
+    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
     dev: false
 
-  registry.npmjs.org/character-entities-html4@2.1.0:
-    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz}
-    name: character-entities-html4
-    version: 2.1.0
+  /character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
     dev: false
 
-  registry.npmjs.org/character-entities-legacy@3.0.0:
-    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz}
-    name: character-entities-legacy
-    version: 3.0.0
+  /character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
     dev: false
 
-  registry.npmjs.org/character-entities@2.0.2:
-    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz}
-    name: character-entities
-    version: 2.0.2
+  /character-entities@2.0.2:
+    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
     dev: false
 
-  registry.npmjs.org/chardet@0.7.0:
-    resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz}
-    name: chardet
-    version: 0.7.0
+  /chardet@0.7.0:
+    resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
     dev: true
 
-  registry.npmjs.org/check-more-types@2.24.0:
-    resolution: {integrity: sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/check-more-types/-/check-more-types-2.24.0.tgz}
-    name: check-more-types
-    version: 2.24.0
+  /check-more-types@2.24.0:
+    resolution: {integrity: sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==}
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  registry.npmjs.org/chokidar@3.5.3:
-    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz}
-    name: chokidar
-    version: 3.5.3
+  /chokidar@3.5.3:
+    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
     engines: {node: '>= 8.10.0'}
     dependencies:
-      anymatch: registry.npmjs.org/anymatch@3.1.3
-      braces: registry.npmjs.org/braces@3.0.2
-      glob-parent: registry.npmjs.org/glob-parent@5.1.2
-      is-binary-path: registry.npmjs.org/is-binary-path@2.1.0
-      is-glob: registry.npmjs.org/is-glob@4.0.3
-      normalize-path: registry.npmjs.org/normalize-path@3.0.0
-      readdirp: registry.npmjs.org/readdirp@3.6.0
+      anymatch: 3.1.3
+      braces: 3.0.2
+      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
 
-  registry.npmjs.org/chownr@1.1.4:
-    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz}
-    name: chownr
-    version: 1.1.4
+  /chownr@1.1.4:
+    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/ci-info@3.9.0:
-    resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz}
-    name: ci-info
-    version: 3.9.0
+  /ci-info@3.9.0:
+    resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
     engines: {node: '>=8'}
 
-  registry.npmjs.org/classcat@5.0.4:
-    resolution: {integrity: sha512-sbpkOw6z413p+HDGcBENe498WM9woqWHiJxCq7nvmxe9WmrUmqfAcxpIwAiMtM5Q3AhYkzXcNQHqsWq0mND51g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/classcat/-/classcat-5.0.4.tgz}
-    name: classcat
-    version: 5.0.4
+  /classcat@5.0.4:
+    resolution: {integrity: sha512-sbpkOw6z413p+HDGcBENe498WM9woqWHiJxCq7nvmxe9WmrUmqfAcxpIwAiMtM5Q3AhYkzXcNQHqsWq0mND51g==}
     dev: false
 
-  registry.npmjs.org/clean-stack@2.2.0:
-    resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz}
-    name: clean-stack
-    version: 2.2.0
+  /clean-stack@2.2.0:
+    resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/cli-boxes@3.0.0:
-    resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-boxes/-/cli-boxes-3.0.0.tgz}
-    name: cli-boxes
-    version: 3.0.0
+  /cli-boxes@3.0.0:
+    resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
     engines: {node: '>=10'}
     dev: false
 
-  registry.npmjs.org/cli-cursor@3.1.0:
-    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz}
-    name: cli-cursor
-    version: 3.1.0
+  /cli-cursor@3.1.0:
+    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
     engines: {node: '>=8'}
     dependencies:
-      restore-cursor: registry.npmjs.org/restore-cursor@3.1.0
+      restore-cursor: 3.1.0
     dev: true
 
-  registry.npmjs.org/cli-cursor@4.0.0:
-    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz}
-    name: cli-cursor
-    version: 4.0.0
+  /cli-cursor@4.0.0:
+    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
-      restore-cursor: registry.npmjs.org/restore-cursor@4.0.0
+      restore-cursor: 4.0.0
     dev: false
 
-  registry.npmjs.org/cli-spinners@2.9.1:
-    resolution: {integrity: sha512-jHgecW0pxkonBJdrKsqxgRX9AcG+u/5k0Q7WPDfi8AogLAdwxEkyYYNWwZ5GvVFoFx2uiY1eNcSK00fh+1+FyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.1.tgz}
-    name: cli-spinners
-    version: 2.9.1
+  /cli-spinners@2.9.1:
+    resolution: {integrity: sha512-jHgecW0pxkonBJdrKsqxgRX9AcG+u/5k0Q7WPDfi8AogLAdwxEkyYYNWwZ5GvVFoFx2uiY1eNcSK00fh+1+FyQ==}
     engines: {node: '>=6'}
     dev: false
 
-  registry.npmjs.org/cli-table3@0.6.3:
-    resolution: {integrity: sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.3.tgz}
-    name: cli-table3
-    version: 0.6.3
+  /cli-table3@0.6.3:
+    resolution: {integrity: sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==}
     engines: {node: 10.* || >= 12.*}
     dependencies:
-      string-width: registry.npmjs.org/string-width@4.2.3
+      string-width: 4.2.3
     optionalDependencies:
       '@colors/colors': 1.5.0
     dev: true
 
-  registry.npmjs.org/cli-truncate@2.1.0:
-    resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz}
-    name: cli-truncate
-    version: 2.1.0
+  /cli-truncate@2.1.0:
+    resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==}
     engines: {node: '>=8'}
     dependencies:
-      slice-ansi: registry.npmjs.org/slice-ansi@3.0.0
-      string-width: registry.npmjs.org/string-width@4.2.3
+      slice-ansi: 3.0.0
+      string-width: 4.2.3
     dev: true
 
-  registry.npmjs.org/cliui@6.0.0:
-    resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz}
-    name: cliui
-    version: 6.0.0
+  /cliui@6.0.0:
+    resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
     dependencies:
-      string-width: registry.npmjs.org/string-width@4.2.3
-      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
-      wrap-ansi: registry.npmjs.org/wrap-ansi@6.2.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 6.2.0
     dev: true
 
-  registry.npmjs.org/cliui@8.0.1:
-    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz}
-    name: cliui
-    version: 8.0.1
+  /cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
     engines: {node: '>=12'}
     dependencies:
-      string-width: registry.npmjs.org/string-width@4.2.3
-      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
-      wrap-ansi: registry.npmjs.org/wrap-ansi@7.0.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
     dev: true
 
-  registry.npmjs.org/clone@1.0.4:
-    resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/clone/-/clone-1.0.4.tgz}
-    name: clone
-    version: 1.0.4
+  /clone@1.0.4:
+    resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
     engines: {node: '>=0.8'}
     dev: true
 
-  registry.npmjs.org/clsx@2.0.0:
-    resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz}
-    name: clsx
-    version: 2.0.0
+  /clsx@2.0.0:
+    resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==}
     engines: {node: '>=6'}
     dev: false
 
-  registry.npmjs.org/code-red@1.0.4:
-    resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz}
-    name: code-red
-    version: 1.0.4
+  /code-red@1.0.4:
+    resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
     dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
-      '@types/estree': registry.npmjs.org/@types/estree@1.0.3
-      acorn: registry.npmjs.org/acorn@8.11.2
-      estree-walker: registry.npmjs.org/estree-walker@3.0.3
-      periscopic: registry.npmjs.org/periscopic@3.1.0
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@types/estree': 1.0.3
+      acorn: 8.11.2
+      estree-walker: 3.0.3
+      periscopic: 3.1.0
 
-  registry.npmjs.org/color-convert@1.9.3:
-    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz}
-    name: color-convert
-    version: 1.9.3
+  /color-convert@1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
     dependencies:
-      color-name: registry.npmjs.org/color-name@1.1.3
+      color-name: 1.1.3
 
-  registry.npmjs.org/color-convert@2.0.1:
-    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz}
-    name: color-convert
-    version: 2.0.1
+  /color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
     dependencies:
-      color-name: registry.npmjs.org/color-name@1.1.4
+      color-name: 1.1.4
 
-  registry.npmjs.org/color-name@1.1.3:
-    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz}
-    name: color-name
-    version: 1.1.3
+  /color-name@1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
 
-  registry.npmjs.org/color-name@1.1.4:
-    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz}
-    name: color-name
-    version: 1.1.4
+  /color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
-  registry.npmjs.org/color-string@1.9.1:
-    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz}
-    name: color-string
-    version: 1.9.1
+  /color-string@1.9.1:
+    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
     requiresBuild: true
     dependencies:
-      color-name: registry.npmjs.org/color-name@1.1.4
-      simple-swizzle: registry.npmjs.org/simple-swizzle@0.2.2
+      color-name: 1.1.4
+      simple-swizzle: 0.2.2
     dev: false
     optional: true
 
-  registry.npmjs.org/color@4.2.3:
-    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/color/-/color-4.2.3.tgz}
-    name: color
-    version: 4.2.3
+  /color@4.2.3:
+    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
     engines: {node: '>=12.5.0'}
     requiresBuild: true
     dependencies:
-      color-convert: registry.npmjs.org/color-convert@2.0.1
-      color-string: registry.npmjs.org/color-string@1.9.1
+      color-convert: 2.0.1
+      color-string: 1.9.1
     dev: false
     optional: true
 
-  registry.npmjs.org/colord@2.9.3:
-    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/colord/-/colord-2.9.3.tgz}
-    name: colord
-    version: 2.9.3
+  /colord@2.9.3:
+    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
     dev: true
 
-  registry.npmjs.org/colorette@2.0.20:
-    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz}
-    name: colorette
-    version: 2.0.20
+  /colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
     dev: true
 
-  registry.npmjs.org/combined-stream@1.0.8:
-    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz}
-    name: combined-stream
-    version: 1.0.8
+  /combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
     dependencies:
-      delayed-stream: registry.npmjs.org/delayed-stream@1.0.0
+      delayed-stream: 1.0.0
     dev: true
 
-  registry.npmjs.org/comma-separated-tokens@2.0.3:
-    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz}
-    name: comma-separated-tokens
-    version: 2.0.3
+  /comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
     dev: false
 
-  registry.npmjs.org/commander@2.20.3:
-    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/commander/-/commander-2.20.3.tgz}
-    name: commander
-    version: 2.20.3
+  /commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
     dev: true
 
-  registry.npmjs.org/commander@6.2.1:
-    resolution: {integrity: sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/commander/-/commander-6.2.1.tgz}
-    name: commander
-    version: 6.2.1
+  /commander@6.2.1:
+    resolution: {integrity: sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==}
     engines: {node: '>= 6'}
     dev: true
 
-  registry.npmjs.org/commander@7.2.0:
-    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/commander/-/commander-7.2.0.tgz}
-    name: commander
-    version: 7.2.0
+  /commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
     engines: {node: '>= 10'}
     dev: true
 
-  registry.npmjs.org/common-ancestor-path@1.0.1:
-    resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/common-ancestor-path/-/common-ancestor-path-1.0.1.tgz}
-    name: common-ancestor-path
-    version: 1.0.1
+  /common-ancestor-path@1.0.1:
+    resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==}
     dev: false
 
-  registry.npmjs.org/common-tags@1.8.2:
-    resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz}
-    name: common-tags
-    version: 1.8.2
+  /common-tags@1.8.2:
+    resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
     engines: {node: '>=4.0.0'}
     dev: true
 
-  registry.npmjs.org/commondir@1.0.1:
-    resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz}
-    name: commondir
-    version: 1.0.1
+  /commondir@1.0.1:
+    resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
     dev: true
 
-  registry.npmjs.org/concat-map@0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz}
-    name: concat-map
-    version: 0.0.1
+  /concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
     dev: true
 
-  registry.npmjs.org/concurrently@7.6.0:
-    resolution: {integrity: sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/concurrently/-/concurrently-7.6.0.tgz}
-    name: concurrently
-    version: 7.6.0
+  /concurrently@7.6.0:
+    resolution: {integrity: sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==}
     engines: {node: ^12.20.0 || ^14.13.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      chalk: registry.npmjs.org/chalk@4.1.2
-      date-fns: registry.npmjs.org/date-fns@2.30.0
-      lodash: registry.npmjs.org/lodash@4.17.21
-      rxjs: registry.npmjs.org/rxjs@7.8.1
-      shell-quote: registry.npmjs.org/shell-quote@1.8.1
-      spawn-command: registry.npmjs.org/spawn-command@0.0.2-1
-      supports-color: registry.npmjs.org/supports-color@8.1.1
-      tree-kill: registry.npmjs.org/tree-kill@1.2.2
-      yargs: registry.npmjs.org/yargs@17.7.2
-    dev: true
-
-  registry.npmjs.org/convert-source-map@2.0.0:
-    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz}
-    name: convert-source-map
-    version: 2.0.0
-
-  registry.npmjs.org/cookie@0.5.0:
-    resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz}
-    name: cookie
-    version: 0.5.0
+      chalk: 4.1.2
+      date-fns: 2.30.0
+      lodash: 4.17.21
+      rxjs: 7.8.1
+      shell-quote: 1.8.1
+      spawn-command: 0.0.2-1
+      supports-color: 8.1.1
+      tree-kill: 1.2.2
+      yargs: 17.7.2
+    dev: true
+
+  /convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  /cookie@0.5.0:
+    resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
     engines: {node: '>= 0.6'}
 
-  registry.npmjs.org/core-util-is@1.0.2:
-    resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz}
-    name: core-util-is
-    version: 1.0.2
+  /core-util-is@1.0.2:
+    resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}
     dev: true
 
-  registry.npmjs.org/cross-spawn@5.1.0:
-    resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz}
-    name: cross-spawn
-    version: 5.1.0
+  /cross-spawn@5.1.0:
+    resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==}
     dependencies:
-      lru-cache: registry.npmjs.org/lru-cache@4.1.5
-      shebang-command: registry.npmjs.org/shebang-command@1.2.0
-      which: registry.npmjs.org/which@1.3.1
+      lru-cache: 4.1.5
+      shebang-command: 1.2.0
+      which: 1.3.1
     dev: true
 
-  registry.npmjs.org/cross-spawn@7.0.3:
-    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz}
-    name: cross-spawn
-    version: 7.0.3
+  /cross-spawn@7.0.3:
+    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
     engines: {node: '>= 8'}
     dependencies:
-      path-key: registry.npmjs.org/path-key@3.1.1
-      shebang-command: registry.npmjs.org/shebang-command@2.0.0
-      which: registry.npmjs.org/which@2.0.2
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
 
-  registry.npmjs.org/css-declaration-sorter@6.4.1(postcss@8.4.21):
-    resolution: {integrity: sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz}
-    id: registry.npmjs.org/css-declaration-sorter/6.4.1
-    name: css-declaration-sorter
-    version: 6.4.1
+  /css-declaration-sorter@6.4.1(postcss@8.4.21):
+    resolution: {integrity: sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==}
     engines: {node: ^10 || ^12 || >=14}
     peerDependencies:
       postcss: ^8.0.9
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
+      postcss: 8.4.21
     dev: true
 
-  registry.npmjs.org/css-select@5.1.0:
-    resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz}
-    name: css-select
-    version: 5.1.0
+  /css-select@5.1.0:
+    resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
     dependencies:
-      boolbase: registry.npmjs.org/boolbase@1.0.0
-      css-what: registry.npmjs.org/css-what@6.1.0
-      domhandler: registry.npmjs.org/domhandler@5.0.3
-      domutils: registry.npmjs.org/domutils@3.1.0
-      nth-check: registry.npmjs.org/nth-check@2.1.1
+      boolbase: 1.0.0
+      css-what: 6.1.0
+      domhandler: 5.0.3
+      domutils: 3.1.0
+      nth-check: 2.1.1
     dev: true
 
-  registry.npmjs.org/css-tree@2.2.1:
-    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz}
-    name: css-tree
-    version: 2.2.1
+  /css-tree@2.2.1:
+    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
     dependencies:
-      mdn-data: registry.npmjs.org/mdn-data@2.0.28
-      source-map-js: registry.npmjs.org/source-map-js@1.0.2
+      mdn-data: 2.0.28
+      source-map-js: 1.0.2
     dev: true
 
-  registry.npmjs.org/css-tree@2.3.1:
-    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz}
-    name: css-tree
-    version: 2.3.1
+  /css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
     dependencies:
-      mdn-data: registry.npmjs.org/mdn-data@2.0.30
-      source-map-js: registry.npmjs.org/source-map-js@1.0.2
+      mdn-data: 2.0.30
+      source-map-js: 1.0.2
 
-  registry.npmjs.org/css-what@6.1.0:
-    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz}
-    name: css-what
-    version: 6.1.0
+  /css-what@6.1.0:
+    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
     engines: {node: '>= 6'}
     dev: true
 
-  registry.npmjs.org/cssesc@3.0.0:
-    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz}
-    name: cssesc
-    version: 3.0.0
+  /cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
     hasBin: true
     dev: true
 
-  registry.npmjs.org/cssnano-preset-default@6.0.1(postcss@8.4.21):
-    resolution: {integrity: sha512-7VzyFZ5zEB1+l1nToKyrRkuaJIx0zi/1npjvZfbBwbtNTzhLtlvYraK/7/uqmX2Wb2aQtd983uuGw79jAjLSuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-6.0.1.tgz}
-    id: registry.npmjs.org/cssnano-preset-default/6.0.1
-    name: cssnano-preset-default
-    version: 6.0.1
+  /cssnano-preset-default@6.0.1(postcss@8.4.21):
+    resolution: {integrity: sha512-7VzyFZ5zEB1+l1nToKyrRkuaJIx0zi/1npjvZfbBwbtNTzhLtlvYraK/7/uqmX2Wb2aQtd983uuGw79jAjLSuQ==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      css-declaration-sorter: registry.npmjs.org/css-declaration-sorter@6.4.1(postcss@8.4.21)
-      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.21)
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-calc: registry.npmjs.org/postcss-calc@9.0.1(postcss@8.4.21)
-      postcss-colormin: registry.npmjs.org/postcss-colormin@6.0.0(postcss@8.4.21)
-      postcss-convert-values: registry.npmjs.org/postcss-convert-values@6.0.0(postcss@8.4.21)
-      postcss-discard-comments: registry.npmjs.org/postcss-discard-comments@6.0.0(postcss@8.4.21)
-      postcss-discard-duplicates: registry.npmjs.org/postcss-discard-duplicates@6.0.0(postcss@8.4.21)
-      postcss-discard-empty: registry.npmjs.org/postcss-discard-empty@6.0.0(postcss@8.4.21)
-      postcss-discard-overridden: registry.npmjs.org/postcss-discard-overridden@6.0.0(postcss@8.4.21)
-      postcss-merge-longhand: registry.npmjs.org/postcss-merge-longhand@6.0.0(postcss@8.4.21)
-      postcss-merge-rules: registry.npmjs.org/postcss-merge-rules@6.0.1(postcss@8.4.21)
-      postcss-minify-font-values: registry.npmjs.org/postcss-minify-font-values@6.0.0(postcss@8.4.21)
-      postcss-minify-gradients: registry.npmjs.org/postcss-minify-gradients@6.0.0(postcss@8.4.21)
-      postcss-minify-params: registry.npmjs.org/postcss-minify-params@6.0.0(postcss@8.4.21)
-      postcss-minify-selectors: registry.npmjs.org/postcss-minify-selectors@6.0.0(postcss@8.4.21)
-      postcss-normalize-charset: registry.npmjs.org/postcss-normalize-charset@6.0.0(postcss@8.4.21)
-      postcss-normalize-display-values: registry.npmjs.org/postcss-normalize-display-values@6.0.0(postcss@8.4.21)
-      postcss-normalize-positions: registry.npmjs.org/postcss-normalize-positions@6.0.0(postcss@8.4.21)
-      postcss-normalize-repeat-style: registry.npmjs.org/postcss-normalize-repeat-style@6.0.0(postcss@8.4.21)
-      postcss-normalize-string: registry.npmjs.org/postcss-normalize-string@6.0.0(postcss@8.4.21)
-      postcss-normalize-timing-functions: registry.npmjs.org/postcss-normalize-timing-functions@6.0.0(postcss@8.4.21)
-      postcss-normalize-unicode: registry.npmjs.org/postcss-normalize-unicode@6.0.0(postcss@8.4.21)
-      postcss-normalize-url: registry.npmjs.org/postcss-normalize-url@6.0.0(postcss@8.4.21)
-      postcss-normalize-whitespace: registry.npmjs.org/postcss-normalize-whitespace@6.0.0(postcss@8.4.21)
-      postcss-ordered-values: registry.npmjs.org/postcss-ordered-values@6.0.0(postcss@8.4.21)
-      postcss-reduce-initial: registry.npmjs.org/postcss-reduce-initial@6.0.0(postcss@8.4.21)
-      postcss-reduce-transforms: registry.npmjs.org/postcss-reduce-transforms@6.0.0(postcss@8.4.21)
-      postcss-svgo: registry.npmjs.org/postcss-svgo@6.0.0(postcss@8.4.21)
-      postcss-unique-selectors: registry.npmjs.org/postcss-unique-selectors@6.0.0(postcss@8.4.21)
-    dev: true
-
-  registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-Z39TLP+1E0KUcd7LGyF4qMfu8ZufI0rDzhdyAMsa/8UyNUU8wpS0fhdBxbQbv32r64ea00h4878gommRVg2BHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-4.0.0.tgz}
-    id: registry.npmjs.org/cssnano-utils/4.0.0
-    name: cssnano-utils
-    version: 4.0.0
+      css-declaration-sorter: 6.4.1(postcss@8.4.21)
+      cssnano-utils: 4.0.0(postcss@8.4.21)
+      postcss: 8.4.21
+      postcss-calc: 9.0.1(postcss@8.4.21)
+      postcss-colormin: 6.0.0(postcss@8.4.21)
+      postcss-convert-values: 6.0.0(postcss@8.4.21)
+      postcss-discard-comments: 6.0.0(postcss@8.4.21)
+      postcss-discard-duplicates: 6.0.0(postcss@8.4.21)
+      postcss-discard-empty: 6.0.0(postcss@8.4.21)
+      postcss-discard-overridden: 6.0.0(postcss@8.4.21)
+      postcss-merge-longhand: 6.0.0(postcss@8.4.21)
+      postcss-merge-rules: 6.0.1(postcss@8.4.21)
+      postcss-minify-font-values: 6.0.0(postcss@8.4.21)
+      postcss-minify-gradients: 6.0.0(postcss@8.4.21)
+      postcss-minify-params: 6.0.0(postcss@8.4.21)
+      postcss-minify-selectors: 6.0.0(postcss@8.4.21)
+      postcss-normalize-charset: 6.0.0(postcss@8.4.21)
+      postcss-normalize-display-values: 6.0.0(postcss@8.4.21)
+      postcss-normalize-positions: 6.0.0(postcss@8.4.21)
+      postcss-normalize-repeat-style: 6.0.0(postcss@8.4.21)
+      postcss-normalize-string: 6.0.0(postcss@8.4.21)
+      postcss-normalize-timing-functions: 6.0.0(postcss@8.4.21)
+      postcss-normalize-unicode: 6.0.0(postcss@8.4.21)
+      postcss-normalize-url: 6.0.0(postcss@8.4.21)
+      postcss-normalize-whitespace: 6.0.0(postcss@8.4.21)
+      postcss-ordered-values: 6.0.0(postcss@8.4.21)
+      postcss-reduce-initial: 6.0.0(postcss@8.4.21)
+      postcss-reduce-transforms: 6.0.0(postcss@8.4.21)
+      postcss-svgo: 6.0.0(postcss@8.4.21)
+      postcss-unique-selectors: 6.0.0(postcss@8.4.21)
+    dev: true
+
+  /cssnano-utils@4.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-Z39TLP+1E0KUcd7LGyF4qMfu8ZufI0rDzhdyAMsa/8UyNUU8wpS0fhdBxbQbv32r64ea00h4878gommRVg2BHw==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
+      postcss: 8.4.21
     dev: true
 
-  registry.npmjs.org/cssnano@6.0.1(postcss@8.4.21):
-    resolution: {integrity: sha512-fVO1JdJ0LSdIGJq68eIxOqFpIJrZqXUsBt8fkrBcztCQqAjQD51OhZp7tc0ImcbwXD4k7ny84QTV90nZhmqbkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cssnano/-/cssnano-6.0.1.tgz}
-    id: registry.npmjs.org/cssnano/6.0.1
-    name: cssnano
-    version: 6.0.1
+  /cssnano@6.0.1(postcss@8.4.21):
+    resolution: {integrity: sha512-fVO1JdJ0LSdIGJq68eIxOqFpIJrZqXUsBt8fkrBcztCQqAjQD51OhZp7tc0ImcbwXD4k7ny84QTV90nZhmqbkg==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      cssnano-preset-default: registry.npmjs.org/cssnano-preset-default@6.0.1(postcss@8.4.21)
-      lilconfig: registry.npmjs.org/lilconfig@2.1.0
-      postcss: registry.npmjs.org/postcss@8.4.21
+      cssnano-preset-default: 6.0.1(postcss@8.4.21)
+      lilconfig: 2.1.0
+      postcss: 8.4.21
     dev: true
 
-  registry.npmjs.org/csso@5.0.5:
-    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csso/-/csso-5.0.5.tgz}
-    name: csso
-    version: 5.0.5
+  /csso@5.0.5:
+    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
     dependencies:
-      css-tree: registry.npmjs.org/css-tree@2.2.1
+      css-tree: 2.2.1
     dev: true
 
-  registry.npmjs.org/csstype@3.1.2:
-    resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz}
-    name: csstype
-    version: 3.1.2
+  /csstype@3.1.2:
+    resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
 
-  registry.npmjs.org/csv-generate@3.4.3:
-    resolution: {integrity: sha512-w/T+rqR0vwvHqWs/1ZyMDWtHHSJaN06klRqJXBEpDJaM/+dZkso0OKh1VcuuYvK3XM53KysVNq8Ko/epCK8wOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csv-generate/-/csv-generate-3.4.3.tgz}
-    name: csv-generate
-    version: 3.4.3
+  /csv-generate@3.4.3:
+    resolution: {integrity: sha512-w/T+rqR0vwvHqWs/1ZyMDWtHHSJaN06klRqJXBEpDJaM/+dZkso0OKh1VcuuYvK3XM53KysVNq8Ko/epCK8wOw==}
     dev: true
 
-  registry.npmjs.org/csv-parse@4.16.3:
-    resolution: {integrity: sha512-cO1I/zmz4w2dcKHVvpCr7JVRu8/FymG5OEpmvsZYlccYolPBLoVGKUHgNoc4ZGkFeFlWGEDmMyBM+TTqRdW/wg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csv-parse/-/csv-parse-4.16.3.tgz}
-    name: csv-parse
-    version: 4.16.3
+  /csv-parse@4.16.3:
+    resolution: {integrity: sha512-cO1I/zmz4w2dcKHVvpCr7JVRu8/FymG5OEpmvsZYlccYolPBLoVGKUHgNoc4ZGkFeFlWGEDmMyBM+TTqRdW/wg==}
     dev: true
 
-  registry.npmjs.org/csv-stringify@5.6.5:
-    resolution: {integrity: sha512-PjiQ659aQ+fUTQqSrd1XEDnOr52jh30RBurfzkscaE2tPaFsDH5wOAHJiw8XAHphRknCwMUE9KRayc4K/NbO8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csv-stringify/-/csv-stringify-5.6.5.tgz}
-    name: csv-stringify
-    version: 5.6.5
+  /csv-stringify@5.6.5:
+    resolution: {integrity: sha512-PjiQ659aQ+fUTQqSrd1XEDnOr52jh30RBurfzkscaE2tPaFsDH5wOAHJiw8XAHphRknCwMUE9KRayc4K/NbO8A==}
     dev: true
 
-  registry.npmjs.org/csv@5.5.3:
-    resolution: {integrity: sha512-QTaY0XjjhTQOdguARF0lGKm5/mEq9PD9/VhZZegHDIBq2tQwgNpHc3dneD4mGo2iJs+fTKv5Bp0fZ+BRuY3Z0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/csv/-/csv-5.5.3.tgz}
-    name: csv
-    version: 5.5.3
+  /csv@5.5.3:
+    resolution: {integrity: sha512-QTaY0XjjhTQOdguARF0lGKm5/mEq9PD9/VhZZegHDIBq2tQwgNpHc3dneD4mGo2iJs+fTKv5Bp0fZ+BRuY3Z0g==}
     engines: {node: '>= 0.1.90'}
     dependencies:
-      csv-generate: registry.npmjs.org/csv-generate@3.4.3
-      csv-parse: registry.npmjs.org/csv-parse@4.16.3
-      csv-stringify: registry.npmjs.org/csv-stringify@5.6.5
-      stream-transform: registry.npmjs.org/stream-transform@2.1.3
+      csv-generate: 3.4.3
+      csv-parse: 4.16.3
+      csv-stringify: 5.6.5
+      stream-transform: 2.1.3
     dev: true
 
-  registry.npmjs.org/cypress-real-events@1.11.0(cypress@12.17.3):
-    resolution: {integrity: sha512-4LXVRsyq+xBh5TmlEyO1ojtBXtN7xw720Pwb9rEE9rkJuXmeH3VyoR1GGayMGr+Itqf11eEjfDewtDmcx6PWPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress-real-events/-/cypress-real-events-1.11.0.tgz}
-    id: registry.npmjs.org/cypress-real-events/1.11.0
-    name: cypress-real-events
-    version: 1.11.0
+  /cypress-real-events@1.11.0(cypress@12.17.3):
+    resolution: {integrity: sha512-4LXVRsyq+xBh5TmlEyO1ojtBXtN7xw720Pwb9rEE9rkJuXmeH3VyoR1GGayMGr+Itqf11eEjfDewtDmcx6PWPQ==}
     peerDependencies:
       cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x || ^13.x
     dependencies:
-      cypress: registry.npmjs.org/cypress@12.17.3
+      cypress: 12.17.3
     dev: true
 
-  registry.npmjs.org/cypress@12.17.3:
-    resolution: {integrity: sha512-/R4+xdIDjUSLYkiQfwJd630S81KIgicmQOLXotFxVXkl+eTeVO+3bHXxdi5KBh/OgC33HWN33kHX+0tQR/ZWpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/cypress/-/cypress-12.17.3.tgz}
-    name: cypress
-    version: 12.17.3
+  /cypress@12.17.3:
+    resolution: {integrity: sha512-/R4+xdIDjUSLYkiQfwJd630S81KIgicmQOLXotFxVXkl+eTeVO+3bHXxdi5KBh/OgC33HWN33kHX+0tQR/ZWpg==}
     engines: {node: ^14.0.0 || ^16.0.0 || >=18.0.0}
     hasBin: true
     requiresBuild: true
     dependencies:
-      '@cypress/request': registry.npmjs.org/@cypress/request@2.88.12
-      '@cypress/xvfb': registry.npmjs.org/@cypress/xvfb@1.2.4(supports-color@8.1.1)
-      '@types/node': registry.npmjs.org/@types/node@16.18.60
-      '@types/sinonjs__fake-timers': registry.npmjs.org/@types/sinonjs__fake-timers@8.1.1
-      '@types/sizzle': registry.npmjs.org/@types/sizzle@2.3.5
-      arch: registry.npmjs.org/arch@2.2.0
-      blob-util: registry.npmjs.org/blob-util@2.0.2
-      bluebird: registry.npmjs.org/bluebird@3.7.2
-      buffer: registry.npmjs.org/buffer@5.7.1
-      cachedir: registry.npmjs.org/cachedir@2.4.0
-      chalk: registry.npmjs.org/chalk@4.1.2
-      check-more-types: registry.npmjs.org/check-more-types@2.24.0
-      cli-cursor: registry.npmjs.org/cli-cursor@3.1.0
-      cli-table3: registry.npmjs.org/cli-table3@0.6.3
-      commander: registry.npmjs.org/commander@6.2.1
-      common-tags: registry.npmjs.org/common-tags@1.8.2
-      dayjs: registry.npmjs.org/dayjs@1.11.10
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      enquirer: registry.npmjs.org/enquirer@2.4.1
-      eventemitter2: registry.npmjs.org/eventemitter2@6.4.7
-      execa: registry.npmjs.org/execa@4.1.0
-      executable: registry.npmjs.org/executable@4.1.1
-      extract-zip: registry.npmjs.org/extract-zip@2.0.1(supports-color@8.1.1)
-      figures: registry.npmjs.org/figures@3.2.0
-      fs-extra: registry.npmjs.org/fs-extra@9.1.0
-      getos: registry.npmjs.org/getos@3.2.1
-      is-ci: registry.npmjs.org/is-ci@3.0.1
-      is-installed-globally: registry.npmjs.org/is-installed-globally@0.4.0
-      lazy-ass: registry.npmjs.org/lazy-ass@1.6.0
-      listr2: registry.npmjs.org/listr2@3.14.0(enquirer@2.4.1)
-      lodash: registry.npmjs.org/lodash@4.17.21
-      log-symbols: registry.npmjs.org/log-symbols@4.1.0
-      minimist: registry.npmjs.org/minimist@1.2.8
-      ospath: registry.npmjs.org/ospath@1.2.2
-      pretty-bytes: registry.npmjs.org/pretty-bytes@5.6.0
-      proxy-from-env: registry.npmjs.org/proxy-from-env@1.0.0
-      request-progress: registry.npmjs.org/request-progress@3.0.0
-      semver: registry.npmjs.org/semver@7.5.4
-      supports-color: registry.npmjs.org/supports-color@8.1.1
-      tmp: registry.npmjs.org/tmp@0.2.1
-      untildify: registry.npmjs.org/untildify@4.0.0
-      yauzl: registry.npmjs.org/yauzl@2.10.0
-    dev: true
-
-  registry.npmjs.org/d3-color@3.1.0:
-    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz}
-    name: d3-color
-    version: 3.1.0
+      '@cypress/request': 2.88.12
+      '@cypress/xvfb': 1.2.4(supports-color@8.1.1)
+      '@types/node': 16.18.60
+      '@types/sinonjs__fake-timers': 8.1.1
+      '@types/sizzle': 2.3.5
+      arch: 2.2.0
+      blob-util: 2.0.2
+      bluebird: 3.7.2
+      buffer: 5.7.1
+      cachedir: 2.4.0
+      chalk: 4.1.2
+      check-more-types: 2.24.0
+      cli-cursor: 3.1.0
+      cli-table3: 0.6.3
+      commander: 6.2.1
+      common-tags: 1.8.2
+      dayjs: 1.11.10
+      debug: 4.3.4(supports-color@8.1.1)
+      enquirer: 2.4.1
+      eventemitter2: 6.4.7
+      execa: 4.1.0
+      executable: 4.1.1
+      extract-zip: 2.0.1(supports-color@8.1.1)
+      figures: 3.2.0
+      fs-extra: 9.1.0
+      getos: 3.2.1
+      is-ci: 3.0.1
+      is-installed-globally: 0.4.0
+      lazy-ass: 1.6.0
+      listr2: 3.14.0(enquirer@2.4.1)
+      lodash: 4.17.21
+      log-symbols: 4.1.0
+      minimist: 1.2.8
+      ospath: 1.2.2
+      pretty-bytes: 5.6.0
+      proxy-from-env: 1.0.0
+      request-progress: 3.0.0
+      semver: 7.5.4
+      supports-color: 8.1.1
+      tmp: 0.2.1
+      untildify: 4.0.0
+      yauzl: 2.10.0
+    dev: true
+
+  /d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/d3-dispatch@3.0.1:
-    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz}
-    name: d3-dispatch
-    version: 3.0.1
+  /d3-dispatch@3.0.1:
+    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/d3-drag@3.0.0:
-    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz}
-    name: d3-drag
-    version: 3.0.0
+  /d3-drag@3.0.0:
+    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==}
     engines: {node: '>=12'}
     dependencies:
-      d3-dispatch: registry.npmjs.org/d3-dispatch@3.0.1
-      d3-selection: registry.npmjs.org/d3-selection@3.0.0
+      d3-dispatch: 3.0.1
+      d3-selection: 3.0.0
     dev: false
 
-  registry.npmjs.org/d3-ease@3.0.1:
-    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz}
-    name: d3-ease
-    version: 3.0.1
+  /d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/d3-interpolate@3.0.1:
-    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz}
-    name: d3-interpolate
-    version: 3.0.1
+  /d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
     engines: {node: '>=12'}
     dependencies:
-      d3-color: registry.npmjs.org/d3-color@3.1.0
+      d3-color: 3.1.0
     dev: false
 
-  registry.npmjs.org/d3-selection@3.0.0:
-    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz}
-    name: d3-selection
-    version: 3.0.0
+  /d3-selection@3.0.0:
+    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/d3-timer@3.0.1:
-    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz}
-    name: d3-timer
-    version: 3.0.1
+  /d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/d3-transition@3.0.1(d3-selection@3.0.0):
-    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz}
-    id: registry.npmjs.org/d3-transition/3.0.1
-    name: d3-transition
-    version: 3.0.1
+  /d3-transition@3.0.1(d3-selection@3.0.0):
+    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==}
     engines: {node: '>=12'}
     peerDependencies:
       d3-selection: 2 - 3
     dependencies:
-      d3-color: registry.npmjs.org/d3-color@3.1.0
-      d3-dispatch: registry.npmjs.org/d3-dispatch@3.0.1
-      d3-ease: registry.npmjs.org/d3-ease@3.0.1
-      d3-interpolate: registry.npmjs.org/d3-interpolate@3.0.1
-      d3-selection: registry.npmjs.org/d3-selection@3.0.0
-      d3-timer: registry.npmjs.org/d3-timer@3.0.1
+      d3-color: 3.1.0
+      d3-dispatch: 3.0.1
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-timer: 3.0.1
     dev: false
 
-  registry.npmjs.org/d3-zoom@3.0.0:
-    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz}
-    name: d3-zoom
-    version: 3.0.0
+  /d3-zoom@3.0.0:
+    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
     engines: {node: '>=12'}
     dependencies:
-      d3-dispatch: registry.npmjs.org/d3-dispatch@3.0.1
-      d3-drag: registry.npmjs.org/d3-drag@3.0.0
-      d3-interpolate: registry.npmjs.org/d3-interpolate@3.0.1
-      d3-selection: registry.npmjs.org/d3-selection@3.0.0
-      d3-transition: registry.npmjs.org/d3-transition@3.0.1(d3-selection@3.0.0)
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
     dev: false
 
-  registry.npmjs.org/dagre@0.8.5:
-    resolution: {integrity: sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dagre/-/dagre-0.8.5.tgz}
-    name: dagre
-    version: 0.8.5
+  /dagre@0.8.5:
+    resolution: {integrity: sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==}
     dependencies:
-      graphlib: registry.npmjs.org/graphlib@2.1.8
-      lodash: registry.npmjs.org/lodash@4.17.21
+      graphlib: 2.1.8
+      lodash: 4.17.21
     dev: false
 
-  registry.npmjs.org/dashdash@1.14.1:
-    resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz}
-    name: dashdash
-    version: 1.14.1
+  /dashdash@1.14.1:
+    resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
     engines: {node: '>=0.10'}
     dependencies:
-      assert-plus: registry.npmjs.org/assert-plus@1.0.0
+      assert-plus: 1.0.0
     dev: true
 
-  registry.npmjs.org/dataloader@1.4.0:
-    resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dataloader/-/dataloader-1.4.0.tgz}
-    name: dataloader
-    version: 1.4.0
+  /dataloader@1.4.0:
+    resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
     dev: true
 
-  registry.npmjs.org/date-fns@2.30.0:
-    resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz}
-    name: date-fns
-    version: 2.30.0
+  /date-fns@2.30.0:
+    resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==}
     engines: {node: '>=0.11'}
     dependencies:
-      '@babel/runtime': registry.npmjs.org/@babel/runtime@7.23.2
+      '@babel/runtime': 7.23.2
     dev: true
 
-  registry.npmjs.org/dayjs@1.11.10:
-    resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz}
-    name: dayjs
-    version: 1.11.10
+  /dayjs@1.11.10:
+    resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==}
     dev: true
 
-  registry.npmjs.org/debug@2.6.9:
-    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-2.6.9.tgz}
-    name: debug
-    version: 2.6.9
+  /debug@2.6.9:
+    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
     peerDependencies:
       supports-color: '*'
     peerDependenciesMeta:
       supports-color:
         optional: true
     dependencies:
-      ms: registry.npmjs.org/ms@2.0.0
+      ms: 2.0.0
     dev: false
 
-  registry.npmjs.org/debug@3.2.7(supports-color@8.1.1):
-    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-3.2.7.tgz}
-    id: registry.npmjs.org/debug/3.2.7
-    name: debug
-    version: 3.2.7
+  /debug@3.2.7(supports-color@8.1.1):
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
     peerDependencies:
       supports-color: '*'
     peerDependenciesMeta:
       supports-color:
         optional: true
     dependencies:
-      ms: registry.npmjs.org/ms@2.1.3
-      supports-color: registry.npmjs.org/supports-color@8.1.1
+      ms: 2.1.3
+      supports-color: 8.1.1
 
-  registry.npmjs.org/debug@4.3.4(supports-color@8.1.1):
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-4.3.4.tgz}
-    id: registry.npmjs.org/debug/4.3.4
-    name: debug
-    version: 4.3.4
+  /debug@4.3.4(supports-color@8.1.1):
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
     engines: {node: '>=6.0'}
     peerDependencies:
       supports-color: '*'
@@ -6318,434 +4269,340 @@ packages:
       supports-color:
         optional: true
     dependencies:
-      ms: registry.npmjs.org/ms@2.1.2
-      supports-color: registry.npmjs.org/supports-color@8.1.1
+      ms: 2.1.2
+      supports-color: 8.1.1
 
-  registry.npmjs.org/decamelize-keys@1.1.1:
-    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.1.tgz}
-    name: decamelize-keys
-    version: 1.1.1
+  /decamelize-keys@1.1.1:
+    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
     engines: {node: '>=0.10.0'}
     dependencies:
-      decamelize: registry.npmjs.org/decamelize@1.2.0
-      map-obj: registry.npmjs.org/map-obj@1.0.1
+      decamelize: 1.2.0
+      map-obj: 1.0.1
     dev: true
 
-  registry.npmjs.org/decamelize@1.2.0:
-    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz}
-    name: decamelize
-    version: 1.2.0
+  /decamelize@1.2.0:
+    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/decode-named-character-reference@1.0.2:
-    resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.0.2.tgz}
-    name: decode-named-character-reference
-    version: 1.0.2
+  /decode-named-character-reference@1.0.2:
+    resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==}
     dependencies:
-      character-entities: registry.npmjs.org/character-entities@2.0.2
+      character-entities: 2.0.2
     dev: false
 
-  registry.npmjs.org/decompress-response@6.0.0:
-    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz}
-    name: decompress-response
-    version: 6.0.0
+  /decompress-response@6.0.0:
+    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
     engines: {node: '>=10'}
     requiresBuild: true
     dependencies:
-      mimic-response: registry.npmjs.org/mimic-response@3.1.0
+      mimic-response: 3.1.0
     dev: false
     optional: true
 
-  registry.npmjs.org/dedent-js@1.0.1:
-    resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dedent-js/-/dedent-js-1.0.1.tgz}
-    name: dedent-js
-    version: 1.0.1
+  /dedent-js@1.0.1:
+    resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==}
 
-  registry.npmjs.org/deep-extend@0.6.0:
-    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz}
-    name: deep-extend
-    version: 0.6.0
+  /deep-extend@0.6.0:
+    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
     engines: {node: '>=4.0.0'}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/deep-is@0.1.4:
-    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz}
-    name: deep-is
-    version: 0.1.4
+  /deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
     dev: true
 
-  registry.npmjs.org/deepmerge@4.3.1:
-    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz}
-    name: deepmerge
-    version: 4.3.1
+  /deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
     engines: {node: '>=0.10.0'}
 
-  registry.npmjs.org/defaults@1.0.4:
-    resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz}
-    name: defaults
-    version: 1.0.4
+  /defaults@1.0.4:
+    resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
     dependencies:
-      clone: registry.npmjs.org/clone@1.0.4
+      clone: 1.0.4
     dev: true
 
-  registry.npmjs.org/define-data-property@1.1.1:
-    resolution: {integrity: sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz}
-    name: define-data-property
-    version: 1.1.1
+  /define-data-property@1.1.1:
+    resolution: {integrity: sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      gopd: registry.npmjs.org/gopd@1.0.1
-      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.1
+      get-intrinsic: 1.2.2
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.1
     dev: true
 
-  registry.npmjs.org/define-properties@1.2.1:
-    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz}
-    name: define-properties
-    version: 1.2.1
+  /define-properties@1.2.1:
+    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      define-data-property: registry.npmjs.org/define-data-property@1.1.1
-      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.1
-      object-keys: registry.npmjs.org/object-keys@1.1.1
+      define-data-property: 1.1.1
+      has-property-descriptors: 1.0.1
+      object-keys: 1.1.1
     dev: true
 
-  registry.npmjs.org/delayed-stream@1.0.0:
-    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz}
-    name: delayed-stream
-    version: 1.0.0
+  /delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
     dev: true
 
-  registry.npmjs.org/dependency-graph@0.11.0:
-    resolution: {integrity: sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz}
-    name: dependency-graph
-    version: 0.11.0
+  /dependency-graph@0.11.0:
+    resolution: {integrity: sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==}
     engines: {node: '>= 0.6.0'}
     dev: true
 
-  registry.npmjs.org/dequal@2.0.3:
-    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz}
-    name: dequal
-    version: 2.0.3
+  /dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
     engines: {node: '>=6'}
 
-  registry.npmjs.org/detect-indent@6.1.0:
-    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz}
-    name: detect-indent
-    version: 6.1.0
+  /detect-indent@6.1.0:
+    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/detect-libc@2.0.2:
-    resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.2.tgz}
-    name: detect-libc
-    version: 2.0.2
+  /detect-libc@2.0.2:
+    resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==}
     engines: {node: '>=8'}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/devalue@4.3.2:
-    resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/devalue/-/devalue-4.3.2.tgz}
-    name: devalue
-    version: 4.3.2
+  /devalue@4.3.2:
+    resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==}
 
-  registry.npmjs.org/diff@5.1.0:
-    resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/diff/-/diff-5.1.0.tgz}
-    name: diff
-    version: 5.1.0
+  /diff@5.1.0:
+    resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==}
     engines: {node: '>=0.3.1'}
     dev: false
 
-  registry.npmjs.org/dir-glob@3.0.1:
-    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz}
-    name: dir-glob
-    version: 3.0.1
+  /dir-glob@3.0.1:
+    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
     dependencies:
-      path-type: registry.npmjs.org/path-type@4.0.0
+      path-type: 4.0.0
     dev: true
 
-  registry.npmjs.org/dlv@1.1.3:
-    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz}
-    name: dlv
-    version: 1.1.3
+  /dlv@1.1.3:
+    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
     dev: false
 
-  registry.npmjs.org/doctrine@2.1.0:
-    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz}
-    name: doctrine
-    version: 2.1.0
+  /doctrine@2.1.0:
+    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
     dependencies:
-      esutils: registry.npmjs.org/esutils@2.0.3
+      esutils: 2.0.3
     dev: true
 
-  registry.npmjs.org/doctrine@3.0.0:
-    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz}
-    name: doctrine
-    version: 3.0.0
+  /doctrine@3.0.0:
+    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
     engines: {node: '>=6.0.0'}
     dependencies:
-      esutils: registry.npmjs.org/esutils@2.0.3
+      esutils: 2.0.3
     dev: true
 
-  registry.npmjs.org/dom-serializer@2.0.0:
-    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz}
-    name: dom-serializer
-    version: 2.0.0
+  /dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
     dependencies:
-      domelementtype: registry.npmjs.org/domelementtype@2.3.0
-      domhandler: registry.npmjs.org/domhandler@5.0.3
-      entities: registry.npmjs.org/entities@4.5.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
     dev: true
 
-  registry.npmjs.org/domelementtype@2.3.0:
-    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz}
-    name: domelementtype
-    version: 2.3.0
+  /domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
     dev: true
 
-  registry.npmjs.org/domhandler@5.0.3:
-    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz}
-    name: domhandler
-    version: 5.0.3
+  /domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
     engines: {node: '>= 4'}
     dependencies:
-      domelementtype: registry.npmjs.org/domelementtype@2.3.0
+      domelementtype: 2.3.0
     dev: true
 
-  registry.npmjs.org/domutils@3.1.0:
-    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz}
-    name: domutils
-    version: 3.1.0
+  /domutils@3.1.0:
+    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
     dependencies:
-      dom-serializer: registry.npmjs.org/dom-serializer@2.0.0
-      domelementtype: registry.npmjs.org/domelementtype@2.3.0
-      domhandler: registry.npmjs.org/domhandler@5.0.3
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
     dev: true
 
-  registry.npmjs.org/dotenv@16.0.3:
-    resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dotenv/-/dotenv-16.0.3.tgz}
-    name: dotenv
-    version: 16.0.3
+  /dotenv@16.0.3:
+    resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
     engines: {node: '>=12'}
     dev: true
 
-  registry.npmjs.org/dotenv@16.3.1:
-    resolution: {integrity: sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz}
-    name: dotenv
-    version: 16.3.1
+  /dotenv@16.3.1:
+    resolution: {integrity: sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==}
     engines: {node: '>=12'}
     dev: true
 
-  registry.npmjs.org/dotenv@8.6.0:
-    resolution: {integrity: sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dotenv/-/dotenv-8.6.0.tgz}
-    name: dotenv
-    version: 8.6.0
+  /dotenv@8.6.0:
+    resolution: {integrity: sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==}
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/dset@3.1.2:
-    resolution: {integrity: sha512-g/M9sqy3oHe477Ar4voQxWtaPIFw1jTdKZuomOjhCcBx9nHUNn0pu6NopuFFrTh/TRZIKEj+76vLWFu9BNKk+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/dset/-/dset-3.1.2.tgz}
-    name: dset
-    version: 3.1.2
+  /dset@3.1.2:
+    resolution: {integrity: sha512-g/M9sqy3oHe477Ar4voQxWtaPIFw1jTdKZuomOjhCcBx9nHUNn0pu6NopuFFrTh/TRZIKEj+76vLWFu9BNKk+Q==}
     engines: {node: '>=4'}
     dev: false
 
-  registry.npmjs.org/duplexer@0.1.2:
-    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz}
-    name: duplexer
-    version: 0.1.2
+  /duplexer@0.1.2:
+    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
     dev: true
 
-  registry.npmjs.org/eastasianwidth@0.2.0:
-    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz}
-    name: eastasianwidth
-    version: 0.2.0
+  /eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
     dev: false
 
-  registry.npmjs.org/ecc-jsbn@0.1.2:
-    resolution: {integrity: sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz}
-    name: ecc-jsbn
-    version: 0.1.2
+  /ecc-jsbn@0.1.2:
+    resolution: {integrity: sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==}
     dependencies:
-      jsbn: registry.npmjs.org/jsbn@0.1.1
-      safer-buffer: registry.npmjs.org/safer-buffer@2.1.2
+      jsbn: 0.1.1
+      safer-buffer: 2.1.2
     dev: true
 
-  registry.npmjs.org/electron-to-chromium@1.4.563:
-    resolution: {integrity: sha512-dg5gj5qOgfZNkPNeyKBZQAQitIQ/xwfIDmEQJHCbXaD9ebTZxwJXUsDYcBlAvZGZLi+/354l35J1wkmP6CqYaw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.563.tgz}
-    name: electron-to-chromium
-    version: 1.4.563
+  /electron-to-chromium@1.4.563:
+    resolution: {integrity: sha512-dg5gj5qOgfZNkPNeyKBZQAQitIQ/xwfIDmEQJHCbXaD9ebTZxwJXUsDYcBlAvZGZLi+/354l35J1wkmP6CqYaw==}
+
+  /electron-to-chromium@1.4.617:
+    resolution: {integrity: sha512-sYNE3QxcDS4ANW1k4S/wWYMXjCVcFSOX3Bg8jpuMFaXt/x8JCmp0R1Xe1ZXDX4WXnSRBf+GJ/3eGWicUuQq5cg==}
+    dev: false
 
-  registry.npmjs.org/emoji-regex@10.3.0:
-    resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.3.0.tgz}
-    name: emoji-regex
-    version: 10.3.0
+  /emoji-regex@10.3.0:
+    resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==}
     dev: false
 
-  registry.npmjs.org/emoji-regex@8.0.0:
-    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz}
-    name: emoji-regex
-    version: 8.0.0
+  /emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
-  registry.npmjs.org/emoji-regex@9.2.2:
-    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz}
-    name: emoji-regex
-    version: 9.2.2
+  /emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
     dev: false
 
-  registry.npmjs.org/end-of-stream@1.4.4:
-    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz}
-    name: end-of-stream
-    version: 1.4.4
+  /end-of-stream@1.4.4:
+    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
     dependencies:
-      once: registry.npmjs.org/once@1.4.0
+      once: 1.4.0
 
-  registry.npmjs.org/enquirer@2.4.1:
-    resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/enquirer/-/enquirer-2.4.1.tgz}
-    name: enquirer
-    version: 2.4.1
+  /enquirer@2.4.1:
+    resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
     engines: {node: '>=8.6'}
     dependencies:
-      ansi-colors: registry.npmjs.org/ansi-colors@4.1.3
-      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      ansi-colors: 4.1.3
+      strip-ansi: 6.0.1
     dev: true
 
-  registry.npmjs.org/entities@4.5.0:
-    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/entities/-/entities-4.5.0.tgz}
-    name: entities
-    version: 4.5.0
+  /entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
     dev: true
 
-  registry.npmjs.org/error-ex@1.3.2:
-    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz}
-    name: error-ex
-    version: 1.3.2
+  /error-ex@1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
     dependencies:
-      is-arrayish: registry.npmjs.org/is-arrayish@0.2.1
+      is-arrayish: 0.2.1
     dev: true
 
-  registry.npmjs.org/es-abstract@1.22.3:
-    resolution: {integrity: sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz}
-    name: es-abstract
-    version: 1.22.3
+  /es-abstract@1.22.3:
+    resolution: {integrity: sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      array-buffer-byte-length: registry.npmjs.org/array-buffer-byte-length@1.0.0
-      arraybuffer.prototype.slice: registry.npmjs.org/arraybuffer.prototype.slice@1.0.2
-      available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      es-set-tostringtag: registry.npmjs.org/es-set-tostringtag@2.0.2
-      es-to-primitive: registry.npmjs.org/es-to-primitive@1.2.1
-      function.prototype.name: registry.npmjs.org/function.prototype.name@1.1.6
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      get-symbol-description: registry.npmjs.org/get-symbol-description@1.0.0
-      globalthis: registry.npmjs.org/globalthis@1.0.3
-      gopd: registry.npmjs.org/gopd@1.0.1
-      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.1
-      has-proto: registry.npmjs.org/has-proto@1.0.1
-      has-symbols: registry.npmjs.org/has-symbols@1.0.3
-      hasown: registry.npmjs.org/hasown@2.0.0
-      internal-slot: registry.npmjs.org/internal-slot@1.0.6
-      is-array-buffer: registry.npmjs.org/is-array-buffer@3.0.2
-      is-callable: registry.npmjs.org/is-callable@1.2.7
-      is-negative-zero: registry.npmjs.org/is-negative-zero@2.0.2
-      is-regex: registry.npmjs.org/is-regex@1.1.4
-      is-shared-array-buffer: registry.npmjs.org/is-shared-array-buffer@1.0.2
-      is-string: registry.npmjs.org/is-string@1.0.7
-      is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
-      is-weakref: registry.npmjs.org/is-weakref@1.0.2
-      object-inspect: registry.npmjs.org/object-inspect@1.13.1
-      object-keys: registry.npmjs.org/object-keys@1.1.1
-      object.assign: registry.npmjs.org/object.assign@4.1.5
-      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags@1.5.1
-      safe-array-concat: registry.npmjs.org/safe-array-concat@1.0.1
-      safe-regex-test: registry.npmjs.org/safe-regex-test@1.0.0
-      string.prototype.trim: registry.npmjs.org/string.prototype.trim@1.2.8
-      string.prototype.trimend: registry.npmjs.org/string.prototype.trimend@1.0.7
-      string.prototype.trimstart: registry.npmjs.org/string.prototype.trimstart@1.0.7
-      typed-array-buffer: registry.npmjs.org/typed-array-buffer@1.0.0
-      typed-array-byte-length: registry.npmjs.org/typed-array-byte-length@1.0.0
-      typed-array-byte-offset: registry.npmjs.org/typed-array-byte-offset@1.0.0
-      typed-array-length: registry.npmjs.org/typed-array-length@1.0.4
-      unbox-primitive: registry.npmjs.org/unbox-primitive@1.0.2
-      which-typed-array: registry.npmjs.org/which-typed-array@1.1.13
-    dev: true
-
-  registry.npmjs.org/es-iterator-helpers@1.0.15:
-    resolution: {integrity: sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz}
-    name: es-iterator-helpers
-    version: 1.0.15
-    dependencies:
-      asynciterator.prototype: registry.npmjs.org/asynciterator.prototype@1.0.0
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
-      es-set-tostringtag: registry.npmjs.org/es-set-tostringtag@2.0.2
-      function-bind: registry.npmjs.org/function-bind@1.1.2
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      globalthis: registry.npmjs.org/globalthis@1.0.3
-      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.1
-      has-proto: registry.npmjs.org/has-proto@1.0.1
-      has-symbols: registry.npmjs.org/has-symbols@1.0.3
-      internal-slot: registry.npmjs.org/internal-slot@1.0.6
-      iterator.prototype: registry.npmjs.org/iterator.prototype@1.1.2
-      safe-array-concat: registry.npmjs.org/safe-array-concat@1.0.1
-    dev: true
-
-  registry.npmjs.org/es-module-lexer@1.3.1:
-    resolution: {integrity: sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.3.1.tgz}
-    name: es-module-lexer
-    version: 1.3.1
-    dev: false
-
-  registry.npmjs.org/es-set-tostringtag@2.0.2:
-    resolution: {integrity: sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz}
-    name: es-set-tostringtag
-    version: 2.0.2
+      array-buffer-byte-length: 1.0.0
+      arraybuffer.prototype.slice: 1.0.2
+      available-typed-arrays: 1.0.5
+      call-bind: 1.0.5
+      es-set-tostringtag: 2.0.2
+      es-to-primitive: 1.2.1
+      function.prototype.name: 1.1.6
+      get-intrinsic: 1.2.2
+      get-symbol-description: 1.0.0
+      globalthis: 1.0.3
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.1
+      has-proto: 1.0.1
+      has-symbols: 1.0.3
+      hasown: 2.0.0
+      internal-slot: 1.0.6
+      is-array-buffer: 3.0.2
+      is-callable: 1.2.7
+      is-negative-zero: 2.0.2
+      is-regex: 1.1.4
+      is-shared-array-buffer: 1.0.2
+      is-string: 1.0.7
+      is-typed-array: 1.1.12
+      is-weakref: 1.0.2
+      object-inspect: 1.13.1
+      object-keys: 1.1.1
+      object.assign: 4.1.5
+      regexp.prototype.flags: 1.5.1
+      safe-array-concat: 1.0.1
+      safe-regex-test: 1.0.0
+      string.prototype.trim: 1.2.8
+      string.prototype.trimend: 1.0.7
+      string.prototype.trimstart: 1.0.7
+      typed-array-buffer: 1.0.0
+      typed-array-byte-length: 1.0.0
+      typed-array-byte-offset: 1.0.0
+      typed-array-length: 1.0.4
+      unbox-primitive: 1.0.2
+      which-typed-array: 1.1.13
+    dev: true
+
+  /es-iterator-helpers@1.0.15:
+    resolution: {integrity: sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==}
+    dependencies:
+      asynciterator.prototype: 1.0.0
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      es-set-tostringtag: 2.0.2
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.2
+      globalthis: 1.0.3
+      has-property-descriptors: 1.0.1
+      has-proto: 1.0.1
+      has-symbols: 1.0.3
+      internal-slot: 1.0.6
+      iterator.prototype: 1.1.2
+      safe-array-concat: 1.0.1
+    dev: true
+
+  /es-module-lexer@1.3.1:
+    resolution: {integrity: sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q==}
+    dev: false
+
+  /es-set-tostringtag@2.0.2:
+    resolution: {integrity: sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==}
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
-      hasown: registry.npmjs.org/hasown@2.0.0
+      get-intrinsic: 1.2.2
+      has-tostringtag: 1.0.0
+      hasown: 2.0.0
     dev: true
 
-  registry.npmjs.org/es-shim-unscopables@1.0.2:
-    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz}
-    name: es-shim-unscopables
-    version: 1.0.2
+  /es-shim-unscopables@1.0.2:
+    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
     dependencies:
-      hasown: registry.npmjs.org/hasown@2.0.0
+      hasown: 2.0.0
     dev: true
 
-  registry.npmjs.org/es-to-primitive@1.2.1:
-    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz}
-    name: es-to-primitive
-    version: 1.2.1
+  /es-to-primitive@1.2.1:
+    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      is-callable: registry.npmjs.org/is-callable@1.2.7
-      is-date-object: registry.npmjs.org/is-date-object@1.0.5
-      is-symbol: registry.npmjs.org/is-symbol@1.0.4
+      is-callable: 1.2.7
+      is-date-object: 1.0.5
+      is-symbol: 1.0.4
     dev: true
 
-  registry.npmjs.org/es6-promise@3.3.1:
-    resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/es6-promise/-/es6-promise-3.3.1.tgz}
-    name: es6-promise
-    version: 3.3.1
+  /es6-promise@3.3.1:
+    resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
     dev: true
 
-  registry.npmjs.org/esbuild@0.18.20:
-    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz}
-    name: esbuild
-    version: 0.18.20
+  /esbuild@0.18.20:
+    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
@@ -6773,10 +4630,8 @@ packages:
       '@esbuild/win32-ia32': 0.18.20
       '@esbuild/win32-x64': 0.18.20
 
-  registry.npmjs.org/esbuild@0.19.5:
-    resolution: {integrity: sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esbuild/-/esbuild-0.19.5.tgz}
-    name: esbuild
-    version: 0.19.5
+  /esbuild@0.19.5:
+    resolution: {integrity: sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==}
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
@@ -6805,85 +4660,62 @@ packages:
       '@esbuild/win32-x64': 0.19.5
     dev: false
 
-  registry.npmjs.org/escalade@3.1.1:
-    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz}
-    name: escalade
-    version: 3.1.1
+  /escalade@3.1.1:
+    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
     engines: {node: '>=6'}
 
-  registry.npmjs.org/escape-string-regexp@1.0.5:
-    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz}
-    name: escape-string-regexp
-    version: 1.0.5
+  /escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
     engines: {node: '>=0.8.0'}
 
-  registry.npmjs.org/escape-string-regexp@4.0.0:
-    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz}
-    name: escape-string-regexp
-    version: 4.0.0
+  /escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/escape-string-regexp@5.0.0:
-    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz}
-    name: escape-string-regexp
-    version: 5.0.0
+  /escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/eslint-compat-utils@0.1.2(eslint@8.53.0):
-    resolution: {integrity: sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-compat-utils/-/eslint-compat-utils-0.1.2.tgz}
-    id: registry.npmjs.org/eslint-compat-utils/0.1.2
-    name: eslint-compat-utils
-    version: 0.1.2
+  /eslint-compat-utils@0.1.2(eslint@8.53.0):
+    resolution: {integrity: sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==}
     engines: {node: '>=12'}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint@8.53.0
+      eslint: 8.53.0
     dev: true
 
-  registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0):
-    resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz}
-    id: registry.npmjs.org/eslint-config-prettier/8.8.0
-    name: eslint-config-prettier
-    version: 8.8.0
+  /eslint-config-prettier@8.8.0(eslint@8.43.0):
+    resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint@8.43.0
+      eslint: 8.43.0
     dev: true
 
-  registry.npmjs.org/eslint-config-prettier@9.0.0(eslint@8.53.0):
-    resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.0.0.tgz}
-    id: registry.npmjs.org/eslint-config-prettier/9.0.0
-    name: eslint-config-prettier
-    version: 9.0.0
+  /eslint-config-prettier@9.0.0(eslint@8.53.0):
+    resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint@8.53.0
+      eslint: 8.53.0
     dev: true
 
-  registry.npmjs.org/eslint-config-turbo@1.10.15(eslint@8.43.0):
-    resolution: {integrity: sha512-76mpx2x818JZE26euen14utYcFDxOahZ9NaWA+6Xa4pY2ezVKVschuOxS96EQz3o3ZRSmcgBOapw/gHbN+EKxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-config-turbo/-/eslint-config-turbo-1.10.15.tgz}
-    id: registry.npmjs.org/eslint-config-turbo/1.10.15
-    name: eslint-config-turbo
-    version: 1.10.15
+  /eslint-config-turbo@1.10.15(eslint@8.43.0):
+    resolution: {integrity: sha512-76mpx2x818JZE26euen14utYcFDxOahZ9NaWA+6Xa4pY2ezVKVschuOxS96EQz3o3ZRSmcgBOapw/gHbN+EKxQ==}
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
-      eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-plugin-turbo: registry.npmjs.org/eslint-plugin-turbo@1.10.15(eslint@8.43.0)
+      eslint: 8.43.0
+      eslint-plugin-turbo: 1.10.15(eslint@8.43.0)
     dev: true
 
-  registry.npmjs.org/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8):
-    resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz}
-    id: registry.npmjs.org/eslint-plugin-prettier/4.2.1
-    name: eslint-plugin-prettier
-    version: 4.2.1
+  /eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8):
+    resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==}
     engines: {node: '>=12.0.0'}
     peerDependencies:
       eslint: '>=7.28.0'
@@ -6893,45 +4725,39 @@ packages:
       eslint-config-prettier:
         optional: true
     dependencies:
-      eslint: registry.npmjs.org/eslint@8.43.0
-      eslint-config-prettier: registry.npmjs.org/eslint-config-prettier@8.8.0(eslint@8.43.0)
-      prettier: registry.npmjs.org/prettier@2.8.8
-      prettier-linter-helpers: registry.npmjs.org/prettier-linter-helpers@1.0.0
+      eslint: 8.43.0
+      eslint-config-prettier: 8.8.0(eslint@8.43.0)
+      prettier: 2.8.8
+      prettier-linter-helpers: 1.0.0
     dev: true
 
-  registry.npmjs.org/eslint-plugin-react@7.33.2(eslint@8.43.0):
-    resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz}
-    id: registry.npmjs.org/eslint-plugin-react/7.33.2
-    name: eslint-plugin-react
-    version: 7.33.2
+  /eslint-plugin-react@7.33.2(eslint@8.43.0):
+    resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==}
     engines: {node: '>=4'}
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
     dependencies:
-      array-includes: registry.npmjs.org/array-includes@3.1.7
-      array.prototype.flatmap: registry.npmjs.org/array.prototype.flatmap@1.3.2
-      array.prototype.tosorted: registry.npmjs.org/array.prototype.tosorted@1.1.2
-      doctrine: registry.npmjs.org/doctrine@2.1.0
-      es-iterator-helpers: registry.npmjs.org/es-iterator-helpers@1.0.15
-      eslint: registry.npmjs.org/eslint@8.43.0
-      estraverse: registry.npmjs.org/estraverse@5.3.0
-      jsx-ast-utils: registry.npmjs.org/jsx-ast-utils@3.3.5
-      minimatch: registry.npmjs.org/minimatch@3.1.2
-      object.entries: registry.npmjs.org/object.entries@1.1.7
-      object.fromentries: registry.npmjs.org/object.fromentries@2.0.7
-      object.hasown: registry.npmjs.org/object.hasown@1.1.3
-      object.values: registry.npmjs.org/object.values@1.1.7
-      prop-types: registry.npmjs.org/prop-types@15.8.1
-      resolve: registry.npmjs.org/resolve@2.0.0-next.5
-      semver: registry.npmjs.org/semver@6.3.1
-      string.prototype.matchall: registry.npmjs.org/string.prototype.matchall@4.0.10
-    dev: true
-
-  registry.npmjs.org/eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.1):
-    resolution: {integrity: sha512-08v+DqzHiwIVEbi+266D7+BDhayp9OSqCwa/lHaZlZOlFY0vZLYs/h7SkkUPzA5fTVt8OUJBtvCxFiWEYOvvGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-2.31.1.tgz}
-    id: registry.npmjs.org/eslint-plugin-svelte/2.31.1
-    name: eslint-plugin-svelte
-    version: 2.31.1
+      array-includes: 3.1.7
+      array.prototype.flatmap: 1.3.2
+      array.prototype.tosorted: 1.1.2
+      doctrine: 2.1.0
+      es-iterator-helpers: 1.0.15
+      eslint: 8.43.0
+      estraverse: 5.3.0
+      jsx-ast-utils: 3.3.5
+      minimatch: 3.1.2
+      object.entries: 1.1.7
+      object.fromentries: 2.0.7
+      object.hasown: 1.1.3
+      object.values: 1.1.7
+      prop-types: 15.8.1
+      resolve: 2.0.0-next.5
+      semver: 6.3.1
+      string.prototype.matchall: 4.0.10
+    dev: true
+
+  /eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.1):
+    resolution: {integrity: sha512-08v+DqzHiwIVEbi+266D7+BDhayp9OSqCwa/lHaZlZOlFY0vZLYs/h7SkkUPzA5fTVt8OUJBtvCxFiWEYOvvGg==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0-0
@@ -6940,29 +4766,26 @@ packages:
       svelte:
         optional: true
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.43.0
-      esutils: registry.npmjs.org/esutils@2.0.3
-      known-css-properties: registry.npmjs.org/known-css-properties@0.27.0
-      postcss: registry.npmjs.org/postcss@8.4.31
-      postcss-load-config: registry.npmjs.org/postcss-load-config@3.1.4(postcss@8.4.31)
-      postcss-safe-parser: registry.npmjs.org/postcss-safe-parser@6.0.0(postcss@8.4.31)
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
-      semver: registry.npmjs.org/semver@7.5.4
-      svelte: registry.npmjs.org/svelte@4.2.1
-      svelte-eslint-parser: registry.npmjs.org/svelte-eslint-parser@0.31.0(svelte@4.2.1)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
+      '@jridgewell/sourcemap-codec': 1.4.15
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.43.0
+      esutils: 2.0.3
+      known-css-properties: 0.27.0
+      postcss: 8.4.31
+      postcss-load-config: 3.1.4(postcss@8.4.31)
+      postcss-safe-parser: 6.0.0(postcss@8.4.31)
+      postcss-selector-parser: 6.0.13
+      semver: 7.5.4
+      svelte: 4.2.1
+      svelte-eslint-parser: 0.31.0(svelte@4.2.1)
     transitivePeerDependencies:
       - supports-color
       - ts-node
     dev: true
 
-  registry.npmjs.org/eslint-plugin-svelte@2.35.0(eslint@8.53.0)(svelte@4.2.2):
-    resolution: {integrity: sha512-3WDFxNrkXaMlpqoNo3M1ZOQuoFLMO9+bdnN6oVVXaydXC7nzCJuGy9a0zqoNDHMSRPYt0Rqo6hIdHMEaI5sQnw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-2.35.0.tgz}
-    id: registry.npmjs.org/eslint-plugin-svelte/2.35.0
-    name: eslint-plugin-svelte
-    version: 2.35.0
+  /eslint-plugin-svelte@2.35.0(eslint@8.53.0)(svelte@4.2.2):
+    resolution: {integrity: sha512-3WDFxNrkXaMlpqoNo3M1ZOQuoFLMO9+bdnN6oVVXaydXC7nzCJuGy9a0zqoNDHMSRPYt0Rqo6hIdHMEaI5sQnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0-0
@@ -6971,530 +4794,433 @@ packages:
       svelte:
         optional: true
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.53.0)
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      eslint: registry.npmjs.org/eslint@8.53.0
-      eslint-compat-utils: registry.npmjs.org/eslint-compat-utils@0.1.2(eslint@8.53.0)
-      esutils: registry.npmjs.org/esutils@2.0.3
-      known-css-properties: registry.npmjs.org/known-css-properties@0.29.0
-      postcss: registry.npmjs.org/postcss@8.4.31
-      postcss-load-config: registry.npmjs.org/postcss-load-config@3.1.4(postcss@8.4.31)
-      postcss-safe-parser: registry.npmjs.org/postcss-safe-parser@6.0.0(postcss@8.4.31)
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
-      semver: registry.npmjs.org/semver@7.5.4
-      svelte: registry.npmjs.org/svelte@4.2.2
-      svelte-eslint-parser: registry.npmjs.org/svelte-eslint-parser@0.33.1(svelte@4.2.2)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
+      '@jridgewell/sourcemap-codec': 1.4.15
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.53.0
+      eslint-compat-utils: 0.1.2(eslint@8.53.0)
+      esutils: 2.0.3
+      known-css-properties: 0.29.0
+      postcss: 8.4.31
+      postcss-load-config: 3.1.4(postcss@8.4.31)
+      postcss-safe-parser: 6.0.0(postcss@8.4.31)
+      postcss-selector-parser: 6.0.13
+      semver: 7.5.4
+      svelte: 4.2.2
+      svelte-eslint-parser: 0.33.1(svelte@4.2.2)
     transitivePeerDependencies:
       - supports-color
       - ts-node
     dev: true
 
-  registry.npmjs.org/eslint-plugin-turbo@1.10.15(eslint@8.43.0):
-    resolution: {integrity: sha512-Tv4QSKV/U56qGcTqS/UgOvb9HcKFmWOQcVh3HEaj7of94lfaENgfrtK48E2CckQf7amhKs1i+imhCsNCKjkQyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.15.tgz}
-    id: registry.npmjs.org/eslint-plugin-turbo/1.10.15
-    name: eslint-plugin-turbo
-    version: 1.10.15
+  /eslint-plugin-turbo@1.10.15(eslint@8.43.0):
+    resolution: {integrity: sha512-Tv4QSKV/U56qGcTqS/UgOvb9HcKFmWOQcVh3HEaj7of94lfaENgfrtK48E2CckQf7amhKs1i+imhCsNCKjkQyA==}
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
-      dotenv: registry.npmjs.org/dotenv@16.0.3
-      eslint: registry.npmjs.org/eslint@8.43.0
+      dotenv: 16.0.3
+      eslint: 8.43.0
     dev: true
 
-  registry.npmjs.org/eslint-scope@5.1.1:
-    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz}
-    name: eslint-scope
-    version: 5.1.1
+  /eslint-scope@5.1.1:
+    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
     engines: {node: '>=8.0.0'}
     dependencies:
-      esrecurse: registry.npmjs.org/esrecurse@4.3.0
-      estraverse: registry.npmjs.org/estraverse@4.3.0
+      esrecurse: 4.3.0
+      estraverse: 4.3.0
     dev: true
 
-  registry.npmjs.org/eslint-scope@7.2.2:
-    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz}
-    name: eslint-scope
-    version: 7.2.2
+  /eslint-scope@7.2.2:
+    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      esrecurse: registry.npmjs.org/esrecurse@4.3.0
-      estraverse: registry.npmjs.org/estraverse@5.3.0
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
     dev: true
 
-  registry.npmjs.org/eslint-visitor-keys@3.4.3:
-    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz}
-    name: eslint-visitor-keys
-    version: 3.4.3
+  /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}
     dev: true
 
-  registry.npmjs.org/eslint@8.43.0:
-    resolution: {integrity: sha512-aaCpf2JqqKesMFGgmRPessmVKjcGXqdlAYLLC3THM8t5nBRZRQ+st5WM/hoJXkdioEXLLbXgclUpM0TXo5HX5Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.43.0.tgz}
-    name: eslint
-    version: 8.43.0
+  /eslint@8.43.0:
+    resolution: {integrity: sha512-aaCpf2JqqKesMFGgmRPessmVKjcGXqdlAYLLC3THM8t5nBRZRQ+st5WM/hoJXkdioEXLLbXgclUpM0TXo5HX5Q==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.9.1
-      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc@2.1.2
-      '@eslint/js': registry.npmjs.org/@eslint/js@8.43.0
-      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array@0.11.13
-      '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer@1.0.1
-      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk@1.2.8
-      ajv: registry.npmjs.org/ajv@6.12.6
-      chalk: registry.npmjs.org/chalk@4.1.2
-      cross-spawn: registry.npmjs.org/cross-spawn@7.0.3
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      doctrine: registry.npmjs.org/doctrine@3.0.0
-      escape-string-regexp: registry.npmjs.org/escape-string-regexp@4.0.0
-      eslint-scope: registry.npmjs.org/eslint-scope@7.2.2
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
-      espree: registry.npmjs.org/espree@9.6.1
-      esquery: registry.npmjs.org/esquery@1.5.0
-      esutils: registry.npmjs.org/esutils@2.0.3
-      fast-deep-equal: registry.npmjs.org/fast-deep-equal@3.1.3
-      file-entry-cache: registry.npmjs.org/file-entry-cache@6.0.1
-      find-up: registry.npmjs.org/find-up@5.0.0
-      glob-parent: registry.npmjs.org/glob-parent@6.0.2
-      globals: registry.npmjs.org/globals@13.23.0
-      graphemer: registry.npmjs.org/graphemer@1.4.0
-      ignore: registry.npmjs.org/ignore@5.2.4
-      import-fresh: registry.npmjs.org/import-fresh@3.3.0
-      imurmurhash: registry.npmjs.org/imurmurhash@0.1.4
-      is-glob: registry.npmjs.org/is-glob@4.0.3
-      is-path-inside: registry.npmjs.org/is-path-inside@3.0.3
-      js-yaml: registry.npmjs.org/js-yaml@4.1.0
-      json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify@1.0.1
-      levn: registry.npmjs.org/levn@0.4.1
-      lodash.merge: registry.npmjs.org/lodash.merge@4.6.2
-      minimatch: registry.npmjs.org/minimatch@3.1.2
-      natural-compare: registry.npmjs.org/natural-compare@1.4.0
-      optionator: registry.npmjs.org/optionator@0.9.3
-      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
-      strip-json-comments: registry.npmjs.org/strip-json-comments@3.1.1
-      text-table: registry.npmjs.org/text-table@0.2.0
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
+      '@eslint-community/regexpp': 4.9.1
+      '@eslint/eslintrc': 2.1.2
+      '@eslint/js': 8.43.0
+      '@humanwhocodes/config-array': 0.11.13
+      '@humanwhocodes/module-importer': 1.0.1
+      '@nodelib/fs.walk': 1.2.8
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.3
+      debug: 4.3.4(supports-color@8.1.1)
+      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.5.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.23.0
+      graphemer: 1.4.0
+      ignore: 5.2.4
+      import-fresh: 3.3.0
+      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.3
+      strip-ansi: 6.0.1
+      strip-json-comments: 3.1.1
+      text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/eslint@8.53.0:
-    resolution: {integrity: sha512-N4VuiPjXDUa4xVeV/GC/RV3hQW9Nw+Y463lkWaKKXKYMvmRiRDAtfpuPFLN+E1/6ZhyR8J2ig+eVREnYgUsiag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eslint/-/eslint-8.53.0.tgz}
-    name: eslint
-    version: 8.53.0
+  /eslint@8.53.0:
+    resolution: {integrity: sha512-N4VuiPjXDUa4xVeV/GC/RV3hQW9Nw+Y463lkWaKKXKYMvmRiRDAtfpuPFLN+E1/6ZhyR8J2ig+eVREnYgUsiag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint-community/eslint-utils': registry.npmjs.org/@eslint-community/eslint-utils@4.4.0(eslint@8.53.0)
-      '@eslint-community/regexpp': registry.npmjs.org/@eslint-community/regexpp@4.10.0
-      '@eslint/eslintrc': registry.npmjs.org/@eslint/eslintrc@2.1.3
-      '@eslint/js': registry.npmjs.org/@eslint/js@8.53.0
-      '@humanwhocodes/config-array': registry.npmjs.org/@humanwhocodes/config-array@0.11.13
-      '@humanwhocodes/module-importer': registry.npmjs.org/@humanwhocodes/module-importer@1.0.1
-      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk@1.2.8
-      '@ungap/structured-clone': registry.npmjs.org/@ungap/structured-clone@1.2.0
-      ajv: registry.npmjs.org/ajv@6.12.6
-      chalk: registry.npmjs.org/chalk@4.1.2
-      cross-spawn: registry.npmjs.org/cross-spawn@7.0.3
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      doctrine: registry.npmjs.org/doctrine@3.0.0
-      escape-string-regexp: registry.npmjs.org/escape-string-regexp@4.0.0
-      eslint-scope: registry.npmjs.org/eslint-scope@7.2.2
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
-      espree: registry.npmjs.org/espree@9.6.1
-      esquery: registry.npmjs.org/esquery@1.5.0
-      esutils: registry.npmjs.org/esutils@2.0.3
-      fast-deep-equal: registry.npmjs.org/fast-deep-equal@3.1.3
-      file-entry-cache: registry.npmjs.org/file-entry-cache@6.0.1
-      find-up: registry.npmjs.org/find-up@5.0.0
-      glob-parent: registry.npmjs.org/glob-parent@6.0.2
-      globals: registry.npmjs.org/globals@13.23.0
-      graphemer: registry.npmjs.org/graphemer@1.4.0
-      ignore: registry.npmjs.org/ignore@5.2.4
-      imurmurhash: registry.npmjs.org/imurmurhash@0.1.4
-      is-glob: registry.npmjs.org/is-glob@4.0.3
-      is-path-inside: registry.npmjs.org/is-path-inside@3.0.3
-      js-yaml: registry.npmjs.org/js-yaml@4.1.0
-      json-stable-stringify-without-jsonify: registry.npmjs.org/json-stable-stringify-without-jsonify@1.0.1
-      levn: registry.npmjs.org/levn@0.4.1
-      lodash.merge: registry.npmjs.org/lodash.merge@4.6.2
-      minimatch: registry.npmjs.org/minimatch@3.1.2
-      natural-compare: registry.npmjs.org/natural-compare@1.4.0
-      optionator: registry.npmjs.org/optionator@0.9.3
-      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
-      text-table: registry.npmjs.org/text-table@0.2.0
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
+      '@eslint-community/regexpp': 4.10.0
+      '@eslint/eslintrc': 2.1.3
+      '@eslint/js': 8.53.0
+      '@humanwhocodes/config-array': 0.11.13
+      '@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.3
+      debug: 4.3.4(supports-color@8.1.1)
+      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.5.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.23.0
+      graphemer: 1.4.0
+      ignore: 5.2.4
+      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.3
+      strip-ansi: 6.0.1
+      text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/esm-env@1.0.0:
-    resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz}
-    name: esm-env
-    version: 1.0.0
+  /esm-env@1.0.0:
+    resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
     dev: true
 
-  registry.npmjs.org/espree@9.6.1:
-    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/espree/-/espree-9.6.1.tgz}
-    name: espree
-    version: 9.6.1
+  /espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      acorn: registry.npmjs.org/acorn@8.10.0
-      acorn-jsx: registry.npmjs.org/acorn-jsx@5.3.2(acorn@8.10.0)
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
+      acorn: 8.10.0
+      acorn-jsx: 5.3.2(acorn@8.10.0)
+      eslint-visitor-keys: 3.4.3
     dev: true
 
-  registry.npmjs.org/esprima@4.0.1:
-    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz}
-    name: esprima
-    version: 4.0.1
+  /esprima@4.0.1:
+    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
     engines: {node: '>=4'}
     hasBin: true
 
-  registry.npmjs.org/esquery@1.5.0:
-    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz}
-    name: esquery
-    version: 1.5.0
+  /esquery@1.5.0:
+    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
     engines: {node: '>=0.10'}
     dependencies:
-      estraverse: registry.npmjs.org/estraverse@5.3.0
+      estraverse: 5.3.0
     dev: true
 
-  registry.npmjs.org/esrecurse@4.3.0:
-    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz}
-    name: esrecurse
-    version: 4.3.0
+  /esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
     engines: {node: '>=4.0'}
     dependencies:
-      estraverse: registry.npmjs.org/estraverse@5.3.0
+      estraverse: 5.3.0
     dev: true
 
-  registry.npmjs.org/estraverse@4.3.0:
-    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz}
-    name: estraverse
-    version: 4.3.0
+  /estraverse@4.3.0:
+    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
     engines: {node: '>=4.0'}
     dev: true
 
-  registry.npmjs.org/estraverse@5.3.0:
-    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz}
-    name: estraverse
-    version: 5.3.0
+  /estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
     dev: true
 
-  registry.npmjs.org/estree-walker@2.0.2:
-    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz}
-    name: estree-walker
-    version: 2.0.2
+  /estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
     dev: true
 
-  registry.npmjs.org/estree-walker@3.0.3:
-    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz}
-    name: estree-walker
-    version: 3.0.3
+  /estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree@1.0.3
+      '@types/estree': 1.0.3
 
-  registry.npmjs.org/esutils@2.0.3:
-    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz}
-    name: esutils
-    version: 2.0.3
+  /esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/event-stream@3.3.4:
-    resolution: {integrity: sha512-QHpkERcGsR0T7Qm3HNJSyXKEEj8AHNxkY3PK8TS2KJvQ7NiSHe3DDpwVKKtoYprL/AreyzFBeIkBIWChAqn60g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/event-stream/-/event-stream-3.3.4.tgz}
-    name: event-stream
-    version: 3.3.4
+  /event-stream@3.3.4:
+    resolution: {integrity: sha512-QHpkERcGsR0T7Qm3HNJSyXKEEj8AHNxkY3PK8TS2KJvQ7NiSHe3DDpwVKKtoYprL/AreyzFBeIkBIWChAqn60g==}
     dependencies:
-      duplexer: registry.npmjs.org/duplexer@0.1.2
-      from: registry.npmjs.org/from@0.1.7
-      map-stream: registry.npmjs.org/map-stream@0.1.0
-      pause-stream: registry.npmjs.org/pause-stream@0.0.11
-      split: registry.npmjs.org/split@0.3.3
-      stream-combiner: registry.npmjs.org/stream-combiner@0.0.4
-      through: registry.npmjs.org/through@2.3.8
+      duplexer: 0.1.2
+      from: 0.1.7
+      map-stream: 0.1.0
+      pause-stream: 0.0.11
+      split: 0.3.3
+      stream-combiner: 0.0.4
+      through: 2.3.8
     dev: true
 
-  registry.npmjs.org/eventemitter2@6.4.7:
-    resolution: {integrity: sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.7.tgz}
-    name: eventemitter2
-    version: 6.4.7
+  /eventemitter2@6.4.7:
+    resolution: {integrity: sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==}
     dev: true
 
-  registry.npmjs.org/execa@4.1.0:
-    resolution: {integrity: sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/execa/-/execa-4.1.0.tgz}
-    name: execa
-    version: 4.1.0
+  /execa@4.1.0:
+    resolution: {integrity: sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==}
     engines: {node: '>=10'}
     dependencies:
-      cross-spawn: registry.npmjs.org/cross-spawn@7.0.3
-      get-stream: registry.npmjs.org/get-stream@5.2.0
-      human-signals: registry.npmjs.org/human-signals@1.1.1
-      is-stream: registry.npmjs.org/is-stream@2.0.1
-      merge-stream: registry.npmjs.org/merge-stream@2.0.0
-      npm-run-path: registry.npmjs.org/npm-run-path@4.0.1
-      onetime: registry.npmjs.org/onetime@5.1.2
-      signal-exit: registry.npmjs.org/signal-exit@3.0.7
-      strip-final-newline: registry.npmjs.org/strip-final-newline@2.0.0
-    dev: true
-
-  registry.npmjs.org/execa@5.1.1:
-    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/execa/-/execa-5.1.1.tgz}
-    name: execa
-    version: 5.1.1
+      cross-spawn: 7.0.3
+      get-stream: 5.2.0
+      human-signals: 1.1.1
+      is-stream: 2.0.1
+      merge-stream: 2.0.0
+      npm-run-path: 4.0.1
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+      strip-final-newline: 2.0.0
+    dev: true
+
+  /execa@5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
     engines: {node: '>=10'}
     dependencies:
-      cross-spawn: registry.npmjs.org/cross-spawn@7.0.3
-      get-stream: registry.npmjs.org/get-stream@6.0.1
-      human-signals: registry.npmjs.org/human-signals@2.1.0
-      is-stream: registry.npmjs.org/is-stream@2.0.1
-      merge-stream: registry.npmjs.org/merge-stream@2.0.0
-      npm-run-path: registry.npmjs.org/npm-run-path@4.0.1
-      onetime: registry.npmjs.org/onetime@5.1.2
-      signal-exit: registry.npmjs.org/signal-exit@3.0.7
-      strip-final-newline: registry.npmjs.org/strip-final-newline@2.0.0
-    dev: true
-
-  registry.npmjs.org/execa@8.0.1:
-    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/execa/-/execa-8.0.1.tgz}
-    name: execa
-    version: 8.0.1
+      cross-spawn: 7.0.3
+      get-stream: 6.0.1
+      human-signals: 2.1.0
+      is-stream: 2.0.1
+      merge-stream: 2.0.0
+      npm-run-path: 4.0.1
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+      strip-final-newline: 2.0.0
+    dev: true
+
+  /execa@8.0.1:
+    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
     engines: {node: '>=16.17'}
     dependencies:
-      cross-spawn: registry.npmjs.org/cross-spawn@7.0.3
-      get-stream: registry.npmjs.org/get-stream@8.0.1
-      human-signals: registry.npmjs.org/human-signals@5.0.0
-      is-stream: registry.npmjs.org/is-stream@3.0.0
-      merge-stream: registry.npmjs.org/merge-stream@2.0.0
-      npm-run-path: registry.npmjs.org/npm-run-path@5.1.0
-      onetime: registry.npmjs.org/onetime@6.0.0
-      signal-exit: registry.npmjs.org/signal-exit@4.1.0
-      strip-final-newline: registry.npmjs.org/strip-final-newline@3.0.0
-    dev: false
-
-  registry.npmjs.org/executable@4.1.1:
-    resolution: {integrity: sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/executable/-/executable-4.1.1.tgz}
-    name: executable
-    version: 4.1.1
+      cross-spawn: 7.0.3
+      get-stream: 8.0.1
+      human-signals: 5.0.0
+      is-stream: 3.0.0
+      merge-stream: 2.0.0
+      npm-run-path: 5.1.0
+      onetime: 6.0.0
+      signal-exit: 4.1.0
+      strip-final-newline: 3.0.0
+    dev: false
+
+  /executable@4.1.1:
+    resolution: {integrity: sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==}
     engines: {node: '>=4'}
     dependencies:
-      pify: registry.npmjs.org/pify@2.3.0
+      pify: 2.3.0
     dev: true
 
-  registry.npmjs.org/expand-template@2.0.3:
-    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz}
-    name: expand-template
-    version: 2.0.3
+  /expand-template@2.0.3:
+    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
     engines: {node: '>=6'}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/extend-shallow@2.0.1:
-    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz}
-    name: extend-shallow
-    version: 2.0.1
+  /extend-shallow@2.0.1:
+    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
     engines: {node: '>=0.10.0'}
     dependencies:
-      is-extendable: registry.npmjs.org/is-extendable@0.1.1
+      is-extendable: 0.1.1
     dev: false
 
-  registry.npmjs.org/extend@3.0.2:
-    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/extend/-/extend-3.0.2.tgz}
-    name: extend
-    version: 3.0.2
+  /extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
 
-  registry.npmjs.org/extendable-error@0.1.7:
-    resolution: {integrity: sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/extendable-error/-/extendable-error-0.1.7.tgz}
-    name: extendable-error
-    version: 0.1.7
+  /extendable-error@0.1.7:
+    resolution: {integrity: sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg==}
     dev: true
 
-  registry.npmjs.org/external-editor@3.1.0:
-    resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz}
-    name: external-editor
-    version: 3.1.0
+  /external-editor@3.1.0:
+    resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
     engines: {node: '>=4'}
     dependencies:
-      chardet: registry.npmjs.org/chardet@0.7.0
-      iconv-lite: registry.npmjs.org/iconv-lite@0.4.24
-      tmp: registry.npmjs.org/tmp@0.0.33
+      chardet: 0.7.0
+      iconv-lite: 0.4.24
+      tmp: 0.0.33
     dev: true
 
-  registry.npmjs.org/extract-zip@2.0.1(supports-color@8.1.1):
-    resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz}
-    id: registry.npmjs.org/extract-zip/2.0.1
-    name: extract-zip
-    version: 2.0.1
+  /extract-zip@2.0.1(supports-color@8.1.1):
+    resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==}
     engines: {node: '>= 10.17.0'}
     hasBin: true
     dependencies:
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      get-stream: registry.npmjs.org/get-stream@5.2.0
-      yauzl: registry.npmjs.org/yauzl@2.10.0
+      debug: 4.3.4(supports-color@8.1.1)
+      get-stream: 5.2.0
+      yauzl: 2.10.0
     optionalDependencies:
       '@types/yauzl': 2.10.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/extsprintf@1.3.0:
-    resolution: {integrity: sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz}
-    name: extsprintf
-    version: 1.3.0
+  /extsprintf@1.3.0:
+    resolution: {integrity: sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==}
     engines: {'0': node >=0.6.0}
     dev: true
 
-  registry.npmjs.org/fast-deep-equal@3.1.3:
-    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz}
-    name: fast-deep-equal
-    version: 3.1.3
+  /fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
     dev: true
 
-  registry.npmjs.org/fast-diff@1.3.0:
-    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz}
-    name: fast-diff
-    version: 1.3.0
+  /fast-diff@1.3.0:
+    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
     dev: true
 
-  registry.npmjs.org/fast-fifo@1.3.2:
-    resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz}
-    name: fast-fifo
-    version: 1.3.2
+  /fast-fifo@1.3.2:
+    resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/fast-glob@3.3.1:
-    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz}
-    name: fast-glob
-    version: 3.3.1
+  /fast-glob@3.3.1:
+    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
     engines: {node: '>=8.6.0'}
     dependencies:
-      '@nodelib/fs.stat': registry.npmjs.org/@nodelib/fs.stat@2.0.5
-      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk@1.2.8
-      glob-parent: registry.npmjs.org/glob-parent@5.1.2
-      merge2: registry.npmjs.org/merge2@1.4.1
-      micromatch: registry.npmjs.org/micromatch@4.0.5
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
     dev: false
 
-  registry.npmjs.org/fast-glob@3.3.2:
-    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz}
-    name: fast-glob
-    version: 3.3.2
+  /fast-glob@3.3.2:
+    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
     engines: {node: '>=8.6.0'}
     dependencies:
-      '@nodelib/fs.stat': registry.npmjs.org/@nodelib/fs.stat@2.0.5
-      '@nodelib/fs.walk': registry.npmjs.org/@nodelib/fs.walk@1.2.8
-      glob-parent: registry.npmjs.org/glob-parent@5.1.2
-      merge2: registry.npmjs.org/merge2@1.4.1
-      micromatch: registry.npmjs.org/micromatch@4.0.5
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
     dev: true
 
-  registry.npmjs.org/fast-json-stable-stringify@2.1.0:
-    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz}
-    name: fast-json-stable-stringify
-    version: 2.1.0
+  /fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
     dev: true
 
-  registry.npmjs.org/fast-levenshtein@2.0.6:
-    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz}
-    name: fast-levenshtein
-    version: 2.0.6
+  /fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
     dev: true
 
-  registry.npmjs.org/fastq@1.15.0:
-    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz}
-    name: fastq
-    version: 1.15.0
+  /fastq@1.15.0:
+    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
     dependencies:
-      reusify: registry.npmjs.org/reusify@1.0.4
+      reusify: 1.0.4
 
-  registry.npmjs.org/fd-slicer@1.1.0:
-    resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz}
-    name: fd-slicer
-    version: 1.1.0
+  /fd-slicer@1.1.0:
+    resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==}
     dependencies:
-      pend: registry.npmjs.org/pend@1.2.0
+      pend: 1.2.0
     dev: true
 
-  registry.npmjs.org/figures@3.2.0:
-    resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/figures/-/figures-3.2.0.tgz}
-    name: figures
-    version: 3.2.0
+  /figures@3.2.0:
+    resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
     engines: {node: '>=8'}
     dependencies:
-      escape-string-regexp: registry.npmjs.org/escape-string-regexp@1.0.5
+      escape-string-regexp: 1.0.5
     dev: true
 
-  registry.npmjs.org/file-entry-cache@6.0.1:
-    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz}
-    name: file-entry-cache
-    version: 6.0.1
+  /file-entry-cache@6.0.1:
+    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
     engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
-      flat-cache: registry.npmjs.org/flat-cache@3.1.1
+      flat-cache: 3.1.1
     dev: true
 
-  registry.npmjs.org/fill-range@7.0.1:
-    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz}
-    name: fill-range
-    version: 7.0.1
+  /fill-range@7.0.1:
+    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
     engines: {node: '>=8'}
     dependencies:
-      to-regex-range: registry.npmjs.org/to-regex-range@5.0.1
+      to-regex-range: 5.0.1
 
-  registry.npmjs.org/find-up@4.1.0:
-    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz}
-    name: find-up
-    version: 4.1.0
+  /find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
     engines: {node: '>=8'}
     dependencies:
-      locate-path: registry.npmjs.org/locate-path@5.0.0
-      path-exists: registry.npmjs.org/path-exists@4.0.0
+      locate-path: 5.0.0
+      path-exists: 4.0.0
 
-  registry.npmjs.org/find-up@5.0.0:
-    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz}
-    name: find-up
-    version: 5.0.0
+  /find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
     dependencies:
-      locate-path: registry.npmjs.org/locate-path@6.0.0
-      path-exists: registry.npmjs.org/path-exists@4.0.0
+      locate-path: 6.0.0
+      path-exists: 4.0.0
 
-  registry.npmjs.org/find-yarn-workspace-root2@1.2.16:
-    resolution: {integrity: sha512-hr6hb1w8ePMpPVUK39S4RlwJzi+xPLuVuG8XlwXU3KD5Yn3qgBWVfy3AzNlDhWvE1EORCE65/Qm26rFQt3VLVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/find-yarn-workspace-root2/-/find-yarn-workspace-root2-1.2.16.tgz}
-    name: find-yarn-workspace-root2
-    version: 1.2.16
+  /find-yarn-workspace-root2@1.2.16:
+    resolution: {integrity: sha512-hr6hb1w8ePMpPVUK39S4RlwJzi+xPLuVuG8XlwXU3KD5Yn3qgBWVfy3AzNlDhWvE1EORCE65/Qm26rFQt3VLVA==}
     dependencies:
-      micromatch: registry.npmjs.org/micromatch@4.0.5
-      pkg-dir: registry.npmjs.org/pkg-dir@4.2.0
+      micromatch: 4.0.5
+      pkg-dir: 4.2.0
 
-  registry.npmjs.org/flat-cache@3.1.1:
-    resolution: {integrity: sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/flat-cache/-/flat-cache-3.1.1.tgz}
-    name: flat-cache
-    version: 3.1.1
+  /flat-cache@3.1.1:
+    resolution: {integrity: sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==}
     engines: {node: '>=12.0.0'}
     dependencies:
-      flatted: registry.npmjs.org/flatted@3.2.9
-      keyv: registry.npmjs.org/keyv@4.5.4
-      rimraf: registry.npmjs.org/rimraf@3.0.2
+      flatted: 3.2.9
+      keyv: 4.5.4
+      rimraf: 3.0.2
     dev: true
 
-  registry.npmjs.org/flatted@3.2.9:
-    resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz}
-    name: flatted
-    version: 3.2.9
+  /flatted@3.2.9:
+    resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
     dev: true
 
-  registry.npmjs.org/follow-redirects@1.15.3(debug@4.3.4):
-    resolution: {integrity: sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz}
-    id: registry.npmjs.org/follow-redirects/1.15.3
-    name: follow-redirects
-    version: 1.15.3
+  /follow-redirects@1.15.3(debug@4.3.4):
+    resolution: {integrity: sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==}
     engines: {node: '>=4.0'}
     peerDependencies:
       debug: '*'
@@ -7502,1361 +5228,1060 @@ packages:
       debug:
         optional: true
     dependencies:
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
     dev: true
 
-  registry.npmjs.org/for-each@0.3.3:
-    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz}
-    name: for-each
-    version: 0.3.3
+  /for-each@0.3.3:
+    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
     dependencies:
-      is-callable: registry.npmjs.org/is-callable@1.2.7
+      is-callable: 1.2.7
     dev: true
 
-  registry.npmjs.org/forever-agent@0.6.1:
-    resolution: {integrity: sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz}
-    name: forever-agent
-    version: 0.6.1
+  /forever-agent@0.6.1:
+    resolution: {integrity: sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==}
     dev: true
 
-  registry.npmjs.org/form-data@2.3.3:
-    resolution: {integrity: sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz}
-    name: form-data
-    version: 2.3.3
+  /form-data@2.3.3:
+    resolution: {integrity: sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==}
     engines: {node: '>= 0.12'}
     dependencies:
-      asynckit: registry.npmjs.org/asynckit@0.4.0
-      combined-stream: registry.npmjs.org/combined-stream@1.0.8
-      mime-types: registry.npmjs.org/mime-types@2.1.35
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      mime-types: 2.1.35
     dev: true
 
-  registry.npmjs.org/form-data@4.0.0:
-    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz}
-    name: form-data
-    version: 4.0.0
+  /form-data@4.0.0:
+    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
     engines: {node: '>= 6'}
     dependencies:
-      asynckit: registry.npmjs.org/asynckit@0.4.0
-      combined-stream: registry.npmjs.org/combined-stream@1.0.8
-      mime-types: registry.npmjs.org/mime-types@2.1.35
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      mime-types: 2.1.35
     dev: true
 
-  registry.npmjs.org/fraction.js@4.3.7:
-    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz}
-    name: fraction.js
-    version: 4.3.7
+  /fraction.js@4.3.7:
+    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
     dev: true
 
-  registry.npmjs.org/from@0.1.7:
-    resolution: {integrity: sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/from/-/from-0.1.7.tgz}
-    name: from
-    version: 0.1.7
+  /from@0.1.7:
+    resolution: {integrity: sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g==}
     dev: true
 
-  registry.npmjs.org/fs-constants@1.0.0:
-    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz}
-    name: fs-constants
-    version: 1.0.0
+  /fs-constants@1.0.0:
+    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/fs-extra@11.1.1:
-    resolution: {integrity: sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz}
-    name: fs-extra
-    version: 11.1.1
+  /fs-extra@11.1.1:
+    resolution: {integrity: sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==}
+    engines: {node: '>=14.14'}
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.0
+    dev: true
+
+  /fs-extra@11.2.0:
+    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
     engines: {node: '>=14.14'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
-      jsonfile: registry.npmjs.org/jsonfile@6.1.0
-      universalify: registry.npmjs.org/universalify@2.0.0
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.1
     dev: true
 
-  registry.npmjs.org/fs-extra@7.0.1:
-    resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz}
-    name: fs-extra
-    version: 7.0.1
+  /fs-extra@7.0.1:
+    resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
     engines: {node: '>=6 <7 || >=8'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
-      jsonfile: registry.npmjs.org/jsonfile@4.0.0
-      universalify: registry.npmjs.org/universalify@0.1.2
+      graceful-fs: 4.2.11
+      jsonfile: 4.0.0
+      universalify: 0.1.2
     dev: true
 
-  registry.npmjs.org/fs-extra@8.1.0:
-    resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz}
-    name: fs-extra
-    version: 8.1.0
+  /fs-extra@8.1.0:
+    resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
     engines: {node: '>=6 <7 || >=8'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
-      jsonfile: registry.npmjs.org/jsonfile@4.0.0
-      universalify: registry.npmjs.org/universalify@0.1.2
+      graceful-fs: 4.2.11
+      jsonfile: 4.0.0
+      universalify: 0.1.2
     dev: true
 
-  registry.npmjs.org/fs-extra@9.1.0:
-    resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz}
-    name: fs-extra
-    version: 9.1.0
+  /fs-extra@9.1.0:
+    resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
     engines: {node: '>=10'}
     dependencies:
-      at-least-node: registry.npmjs.org/at-least-node@1.0.0
-      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
-      jsonfile: registry.npmjs.org/jsonfile@6.1.0
-      universalify: registry.npmjs.org/universalify@2.0.1
+      at-least-node: 1.0.0
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.1
     dev: true
 
-  registry.npmjs.org/fs.realpath@1.0.0:
-    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz}
-    name: fs.realpath
-    version: 1.0.0
+  /fs.realpath@1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
     dev: true
 
-  registry.npmjs.org/function-bind@1.1.2:
-    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz}
-    name: function-bind
-    version: 1.1.2
+  /fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
+    optional: true
+
+  /fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
+    optional: true
+
+  /function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
 
-  registry.npmjs.org/function.prototype.name@1.1.6:
-    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz}
-    name: function.prototype.name
-    version: 1.1.6
+  /function.prototype.name@1.1.6:
+    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
-      functions-have-names: registry.npmjs.org/functions-have-names@1.2.3
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      functions-have-names: 1.2.3
     dev: true
 
-  registry.npmjs.org/functions-have-names@1.2.3:
-    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz}
-    name: functions-have-names
-    version: 1.2.3
+  /functions-have-names@1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
     dev: true
 
-  registry.npmjs.org/gensync@1.0.0-beta.2:
-    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz}
-    name: gensync
-    version: 1.0.0-beta.2
+  /gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
 
-  registry.npmjs.org/get-caller-file@2.0.5:
-    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz}
-    name: get-caller-file
-    version: 2.0.5
+  /get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
     engines: {node: 6.* || 8.* || >= 10.*}
     dev: true
 
-  registry.npmjs.org/get-intrinsic@1.2.2:
-    resolution: {integrity: sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz}
-    name: get-intrinsic
-    version: 1.2.2
+  /get-intrinsic@1.2.2:
+    resolution: {integrity: sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==}
     dependencies:
-      function-bind: registry.npmjs.org/function-bind@1.1.2
-      has-proto: registry.npmjs.org/has-proto@1.0.1
-      has-symbols: registry.npmjs.org/has-symbols@1.0.3
-      hasown: registry.npmjs.org/hasown@2.0.0
+      function-bind: 1.1.2
+      has-proto: 1.0.1
+      has-symbols: 1.0.3
+      hasown: 2.0.0
     dev: true
 
-  registry.npmjs.org/get-stdin@9.0.0:
-    resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-stdin/-/get-stdin-9.0.0.tgz}
-    name: get-stdin
-    version: 9.0.0
+  /get-stdin@9.0.0:
+    resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==}
     engines: {node: '>=12'}
     dev: true
 
-  registry.npmjs.org/get-stream@5.2.0:
-    resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz}
-    name: get-stream
-    version: 5.2.0
+  /get-stream@5.2.0:
+    resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
     engines: {node: '>=8'}
     dependencies:
-      pump: registry.npmjs.org/pump@3.0.0
+      pump: 3.0.0
     dev: true
 
-  registry.npmjs.org/get-stream@6.0.1:
-    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz}
-    name: get-stream
-    version: 6.0.1
+  /get-stream@6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/get-stream@8.0.1:
-    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-stream/-/get-stream-8.0.1.tgz}
-    name: get-stream
-    version: 8.0.1
+  /get-stream@8.0.1:
+    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
     engines: {node: '>=16'}
     dev: false
 
-  registry.npmjs.org/get-symbol-description@1.0.0:
-    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz}
-    name: get-symbol-description
-    version: 1.0.0
+  /get-symbol-description@1.0.0:
+    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
+      call-bind: 1.0.5
+      get-intrinsic: 1.2.2
     dev: true
 
-  registry.npmjs.org/getos@3.2.1:
-    resolution: {integrity: sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/getos/-/getos-3.2.1.tgz}
-    name: getos
-    version: 3.2.1
+  /getos@3.2.1:
+    resolution: {integrity: sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==}
     dependencies:
-      async: registry.npmjs.org/async@3.2.5
+      async: 3.2.5
     dev: true
 
-  registry.npmjs.org/getpass@0.1.7:
-    resolution: {integrity: sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz}
-    name: getpass
-    version: 0.1.7
+  /getpass@0.1.7:
+    resolution: {integrity: sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==}
     dependencies:
-      assert-plus: registry.npmjs.org/assert-plus@1.0.0
+      assert-plus: 1.0.0
     dev: true
 
-  registry.npmjs.org/github-from-package@0.0.0:
-    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz}
-    name: github-from-package
-    version: 0.0.0
+  /github-from-package@0.0.0:
+    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/github-slugger@2.0.0:
-    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/github-slugger/-/github-slugger-2.0.0.tgz}
-    name: github-slugger
-    version: 2.0.0
+  /github-slugger@2.0.0:
+    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
     dev: false
 
-  registry.npmjs.org/glob-parent@5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz}
-    name: glob-parent
-    version: 5.1.2
+  /glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
     dependencies:
-      is-glob: registry.npmjs.org/is-glob@4.0.3
+      is-glob: 4.0.3
 
-  registry.npmjs.org/glob-parent@6.0.2:
-    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz}
-    name: glob-parent
-    version: 6.0.2
+  /glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
     dependencies:
-      is-glob: registry.npmjs.org/is-glob@4.0.3
+      is-glob: 4.0.3
     dev: true
 
-  registry.npmjs.org/glob@7.2.3:
-    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-7.2.3.tgz}
-    name: glob
-    version: 7.2.3
+  /glob@7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
     dependencies:
-      fs.realpath: registry.npmjs.org/fs.realpath@1.0.0
-      inflight: registry.npmjs.org/inflight@1.0.6
-      inherits: registry.npmjs.org/inherits@2.0.4
-      minimatch: registry.npmjs.org/minimatch@3.1.2
-      once: registry.npmjs.org/once@1.4.0
-      path-is-absolute: registry.npmjs.org/path-is-absolute@1.0.1
+      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
     dev: true
 
-  registry.npmjs.org/glob@8.1.0:
-    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/glob/-/glob-8.1.0.tgz}
-    name: glob
-    version: 8.1.0
+  /glob@8.1.0:
+    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
     engines: {node: '>=12'}
     dependencies:
-      fs.realpath: registry.npmjs.org/fs.realpath@1.0.0
-      inflight: registry.npmjs.org/inflight@1.0.6
-      inherits: registry.npmjs.org/inherits@2.0.4
-      minimatch: registry.npmjs.org/minimatch@5.1.6
-      once: registry.npmjs.org/once@1.4.0
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 5.1.6
+      once: 1.4.0
     dev: true
 
-  registry.npmjs.org/global-dirs@3.0.1:
-    resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.1.tgz}
-    name: global-dirs
-    version: 3.0.1
+  /global-dirs@3.0.1:
+    resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==}
     engines: {node: '>=10'}
     dependencies:
-      ini: registry.npmjs.org/ini@2.0.0
+      ini: 2.0.0
     dev: true
 
-  registry.npmjs.org/globals@11.12.0:
-    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globals/-/globals-11.12.0.tgz}
-    name: globals
-    version: 11.12.0
+  /globals@11.12.0:
+    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
     engines: {node: '>=4'}
 
-  registry.npmjs.org/globals@13.23.0:
-    resolution: {integrity: sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globals/-/globals-13.23.0.tgz}
-    name: globals
-    version: 13.23.0
+  /globals@13.23.0:
+    resolution: {integrity: sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==}
     engines: {node: '>=8'}
     dependencies:
-      type-fest: registry.npmjs.org/type-fest@0.20.2
+      type-fest: 0.20.2
     dev: true
 
-  registry.npmjs.org/globalthis@1.0.3:
-    resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz}
-    name: globalthis
-    version: 1.0.3
+  /globalthis@1.0.3:
+    resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      define-properties: registry.npmjs.org/define-properties@1.2.1
+      define-properties: 1.2.1
     dev: true
 
-  registry.npmjs.org/globalyzer@0.1.0:
-    resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz}
-    name: globalyzer
-    version: 0.1.0
+  /globalyzer@0.1.0:
+    resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
     dev: true
 
-  registry.npmjs.org/globby@11.1.0:
-    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globby/-/globby-11.1.0.tgz}
-    name: globby
-    version: 11.1.0
+  /globby@11.1.0:
+    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
     engines: {node: '>=10'}
     dependencies:
-      array-union: registry.npmjs.org/array-union@2.1.0
-      dir-glob: registry.npmjs.org/dir-glob@3.0.1
-      fast-glob: registry.npmjs.org/fast-glob@3.3.2
-      ignore: registry.npmjs.org/ignore@5.3.0
-      merge2: registry.npmjs.org/merge2@1.4.1
-      slash: registry.npmjs.org/slash@3.0.0
+      array-union: 2.1.0
+      dir-glob: 3.0.1
+      fast-glob: 3.3.2
+      ignore: 5.3.0
+      merge2: 1.4.1
+      slash: 3.0.0
     dev: true
 
-  registry.npmjs.org/globby@13.2.2:
-    resolution: {integrity: sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globby/-/globby-13.2.2.tgz}
-    name: globby
-    version: 13.2.2
+  /globby@13.2.2:
+    resolution: {integrity: sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
-      dir-glob: registry.npmjs.org/dir-glob@3.0.1
-      fast-glob: registry.npmjs.org/fast-glob@3.3.2
-      ignore: registry.npmjs.org/ignore@5.3.0
-      merge2: registry.npmjs.org/merge2@1.4.1
-      slash: registry.npmjs.org/slash@4.0.0
+      dir-glob: 3.0.1
+      fast-glob: 3.3.2
+      ignore: 5.3.0
+      merge2: 1.4.1
+      slash: 4.0.0
+    dev: true
+
+  /globby@14.0.0:
+    resolution: {integrity: sha512-/1WM/LNHRAOH9lZta77uGbq0dAEQM+XjNesWwhlERDVenqothRbnzTrL3/LrIoEPPjeUHC3vrS6TwoyxeHs7MQ==}
+    engines: {node: '>=18'}
+    dependencies:
+      '@sindresorhus/merge-streams': 1.0.0
+      fast-glob: 3.3.2
+      ignore: 5.3.0
+      path-type: 5.0.0
+      slash: 5.1.0
+      unicorn-magic: 0.1.0
     dev: true
 
-  registry.npmjs.org/globrex@0.1.2:
-    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz}
-    name: globrex
-    version: 0.1.2
+  /globrex@0.1.2:
+    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
     dev: true
 
-  registry.npmjs.org/gopd@1.0.1:
-    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz}
-    name: gopd
-    version: 1.0.1
+  /gopd@1.0.1:
+    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
+      get-intrinsic: 1.2.2
     dev: true
 
-  registry.npmjs.org/graceful-fs@4.2.11:
-    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz}
-    name: graceful-fs
-    version: 4.2.11
+  /graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
-  registry.npmjs.org/grapheme-splitter@1.0.4:
-    resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz}
-    name: grapheme-splitter
-    version: 1.0.4
+  /grapheme-splitter@1.0.4:
+    resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
     dev: true
 
-  registry.npmjs.org/graphemer@1.4.0:
-    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz}
-    name: graphemer
-    version: 1.4.0
+  /graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
     dev: true
 
-  registry.npmjs.org/graphlib@2.1.8:
-    resolution: {integrity: sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/graphlib/-/graphlib-2.1.8.tgz}
-    name: graphlib
-    version: 2.1.8
+  /graphlib@2.1.8:
+    resolution: {integrity: sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==}
     dependencies:
-      lodash: registry.npmjs.org/lodash@4.17.21
+      lodash: 4.17.21
     dev: false
 
-  registry.npmjs.org/gray-matter@4.0.3:
-    resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/gray-matter/-/gray-matter-4.0.3.tgz}
-    name: gray-matter
-    version: 4.0.3
+  /gray-matter@4.0.3:
+    resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==}
     engines: {node: '>=6.0'}
     dependencies:
-      js-yaml: registry.npmjs.org/js-yaml@3.14.1
-      kind-of: registry.npmjs.org/kind-of@6.0.3
-      section-matter: registry.npmjs.org/section-matter@1.0.0
-      strip-bom-string: registry.npmjs.org/strip-bom-string@1.0.0
+      js-yaml: 3.14.1
+      kind-of: 6.0.3
+      section-matter: 1.0.0
+      strip-bom-string: 1.0.0
     dev: false
 
-  registry.npmjs.org/hard-rejection@2.1.0:
-    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz}
-    name: hard-rejection
-    version: 2.1.0
+  /hard-rejection@2.1.0:
+    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/has-bigints@1.0.2:
-    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz}
-    name: has-bigints
-    version: 1.0.2
+  /has-bigints@1.0.2:
+    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
     dev: true
 
-  registry.npmjs.org/has-flag@3.0.0:
-    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz}
-    name: has-flag
-    version: 3.0.0
+  /has-flag@3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
     engines: {node: '>=4'}
 
-  registry.npmjs.org/has-flag@4.0.0:
-    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz}
-    name: has-flag
-    version: 4.0.0
+  /has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
 
-  registry.npmjs.org/has-property-descriptors@1.0.1:
-    resolution: {integrity: sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz}
-    name: has-property-descriptors
-    version: 1.0.1
+  /has-property-descriptors@1.0.1:
+    resolution: {integrity: sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==}
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
+      get-intrinsic: 1.2.2
     dev: true
 
-  registry.npmjs.org/has-proto@1.0.1:
-    resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz}
-    name: has-proto
-    version: 1.0.1
+  /has-proto@1.0.1:
+    resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/has-symbols@1.0.3:
-    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz}
-    name: has-symbols
-    version: 1.0.3
+  /has-symbols@1.0.3:
+    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/has-tostringtag@1.0.0:
-    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz}
-    name: has-tostringtag
-    version: 1.0.0
+  /has-tostringtag@1.0.0:
+    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      has-symbols: 1.0.3
     dev: true
 
-  registry.npmjs.org/hasown@2.0.0:
-    resolution: {integrity: sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz}
-    name: hasown
-    version: 2.0.0
+  /hasown@2.0.0:
+    resolution: {integrity: sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      function-bind: registry.npmjs.org/function-bind@1.1.2
+      function-bind: 1.1.2
 
-  registry.npmjs.org/hast-util-from-parse5@7.1.2:
-    resolution: {integrity: sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-7.1.2.tgz}
-    name: hast-util-from-parse5
-    version: 7.1.2
-    dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
-      hastscript: registry.npmjs.org/hastscript@7.2.0
-      property-information: registry.npmjs.org/property-information@6.3.0
-      vfile: registry.npmjs.org/vfile@5.3.7
-      vfile-location: registry.npmjs.org/vfile-location@4.1.0
-      web-namespaces: registry.npmjs.org/web-namespaces@2.0.1
+  /hast-util-from-parse5@7.1.2:
+    resolution: {integrity: sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==}
+    dependencies:
+      '@types/hast': 2.3.7
+      '@types/unist': 2.0.9
+      hastscript: 7.2.0
+      property-information: 6.3.0
+      vfile: 5.3.7
+      vfile-location: 4.1.0
+      web-namespaces: 2.0.1
     dev: false
 
-  registry.npmjs.org/hast-util-parse-selector@3.1.1:
-    resolution: {integrity: sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-3.1.1.tgz}
-    name: hast-util-parse-selector
-    version: 3.1.1
+  /hast-util-parse-selector@3.1.1:
+    resolution: {integrity: sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==}
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
+      '@types/hast': 2.3.7
     dev: false
 
-  registry.npmjs.org/hast-util-raw@7.2.3:
-    resolution: {integrity: sha512-RujVQfVsOrxzPOPSzZFiwofMArbQke6DJjnFfceiEbFh7S05CbPt0cYN+A5YeD3pso0JQk6O1aHBnx9+Pm2uqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-7.2.3.tgz}
-    name: hast-util-raw
-    version: 7.2.3
+  /hast-util-raw@7.2.3:
+    resolution: {integrity: sha512-RujVQfVsOrxzPOPSzZFiwofMArbQke6DJjnFfceiEbFh7S05CbPt0cYN+A5YeD3pso0JQk6O1aHBnx9+Pm2uqg==}
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
-      '@types/parse5': registry.npmjs.org/@types/parse5@6.0.3
-      hast-util-from-parse5: registry.npmjs.org/hast-util-from-parse5@7.1.2
-      hast-util-to-parse5: registry.npmjs.org/hast-util-to-parse5@7.1.0
-      html-void-elements: registry.npmjs.org/html-void-elements@2.0.1
-      parse5: registry.npmjs.org/parse5@6.0.1
-      unist-util-position: registry.npmjs.org/unist-util-position@4.0.4
-      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
-      vfile: registry.npmjs.org/vfile@5.3.7
-      web-namespaces: registry.npmjs.org/web-namespaces@2.0.1
-      zwitch: registry.npmjs.org/zwitch@2.0.4
+      '@types/hast': 2.3.7
+      '@types/parse5': 6.0.3
+      hast-util-from-parse5: 7.1.2
+      hast-util-to-parse5: 7.1.0
+      html-void-elements: 2.0.1
+      parse5: 6.0.1
+      unist-util-position: 4.0.4
+      unist-util-visit: 4.1.2
+      vfile: 5.3.7
+      web-namespaces: 2.0.1
+      zwitch: 2.0.4
     dev: false
 
-  registry.npmjs.org/hast-util-to-html@8.0.4:
-    resolution: {integrity: sha512-4tpQTUOr9BMjtYyNlt0P50mH7xj0Ks2xpo8M943Vykljf99HW6EzulIoJP1N3eKOSScEHzyzi9dm7/cn0RfGwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-8.0.4.tgz}
-    name: hast-util-to-html
-    version: 8.0.4
+  /hast-util-to-html@8.0.4:
+    resolution: {integrity: sha512-4tpQTUOr9BMjtYyNlt0P50mH7xj0Ks2xpo8M943Vykljf99HW6EzulIoJP1N3eKOSScEHzyzi9dm7/cn0RfGwA==}
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
-      ccount: registry.npmjs.org/ccount@2.0.1
-      comma-separated-tokens: registry.npmjs.org/comma-separated-tokens@2.0.3
-      hast-util-raw: registry.npmjs.org/hast-util-raw@7.2.3
-      hast-util-whitespace: registry.npmjs.org/hast-util-whitespace@2.0.1
-      html-void-elements: registry.npmjs.org/html-void-elements@2.0.1
-      property-information: registry.npmjs.org/property-information@6.3.0
-      space-separated-tokens: registry.npmjs.org/space-separated-tokens@2.0.2
-      stringify-entities: registry.npmjs.org/stringify-entities@4.0.3
-      zwitch: registry.npmjs.org/zwitch@2.0.4
+      '@types/hast': 2.3.7
+      '@types/unist': 2.0.9
+      ccount: 2.0.1
+      comma-separated-tokens: 2.0.3
+      hast-util-raw: 7.2.3
+      hast-util-whitespace: 2.0.1
+      html-void-elements: 2.0.1
+      property-information: 6.3.0
+      space-separated-tokens: 2.0.2
+      stringify-entities: 4.0.3
+      zwitch: 2.0.4
     dev: false
 
-  registry.npmjs.org/hast-util-to-parse5@7.1.0:
-    resolution: {integrity: sha512-YNRgAJkH2Jky5ySkIqFXTQiaqcAtJyVE+D5lkN6CdtOqrnkLfGYYrEcKuHOJZlp+MwjSwuD3fZuawI+sic/RBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hast-util-to-parse5/-/hast-util-to-parse5-7.1.0.tgz}
-    name: hast-util-to-parse5
-    version: 7.1.0
+  /hast-util-to-parse5@7.1.0:
+    resolution: {integrity: sha512-YNRgAJkH2Jky5ySkIqFXTQiaqcAtJyVE+D5lkN6CdtOqrnkLfGYYrEcKuHOJZlp+MwjSwuD3fZuawI+sic/RBw==}
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
-      comma-separated-tokens: registry.npmjs.org/comma-separated-tokens@2.0.3
-      property-information: registry.npmjs.org/property-information@6.3.0
-      space-separated-tokens: registry.npmjs.org/space-separated-tokens@2.0.2
-      web-namespaces: registry.npmjs.org/web-namespaces@2.0.1
-      zwitch: registry.npmjs.org/zwitch@2.0.4
+      '@types/hast': 2.3.7
+      comma-separated-tokens: 2.0.3
+      property-information: 6.3.0
+      space-separated-tokens: 2.0.2
+      web-namespaces: 2.0.1
+      zwitch: 2.0.4
     dev: false
 
-  registry.npmjs.org/hast-util-whitespace@2.0.1:
-    resolution: {integrity: sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-2.0.1.tgz}
-    name: hast-util-whitespace
-    version: 2.0.1
+  /hast-util-whitespace@2.0.1:
+    resolution: {integrity: sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==}
     dev: false
 
-  registry.npmjs.org/hastscript@7.2.0:
-    resolution: {integrity: sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hastscript/-/hastscript-7.2.0.tgz}
-    name: hastscript
-    version: 7.2.0
+  /hastscript@7.2.0:
+    resolution: {integrity: sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==}
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
-      comma-separated-tokens: registry.npmjs.org/comma-separated-tokens@2.0.3
-      hast-util-parse-selector: registry.npmjs.org/hast-util-parse-selector@3.1.1
-      property-information: registry.npmjs.org/property-information@6.3.0
-      space-separated-tokens: registry.npmjs.org/space-separated-tokens@2.0.2
+      '@types/hast': 2.3.7
+      comma-separated-tokens: 2.0.3
+      hast-util-parse-selector: 3.1.1
+      property-information: 6.3.0
+      space-separated-tokens: 2.0.2
     dev: false
 
-  registry.npmjs.org/hosted-git-info@2.8.9:
-    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz}
-    name: hosted-git-info
-    version: 2.8.9
+  /hosted-git-info@2.8.9:
+    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
     dev: true
 
-  registry.npmjs.org/html-escaper@3.0.3:
-    resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/html-escaper/-/html-escaper-3.0.3.tgz}
-    name: html-escaper
-    version: 3.0.3
-    dev: false
-
-  registry.npmjs.org/html-void-elements@2.0.1:
-    resolution: {integrity: sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/html-void-elements/-/html-void-elements-2.0.1.tgz}
-    name: html-void-elements
-    version: 2.0.1
+  /html-escaper@3.0.3:
+    resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
+    dev: false
+
+  /html-void-elements@2.0.1:
+    resolution: {integrity: sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==}
     dev: false
 
-  registry.npmjs.org/http-cache-semantics@4.1.1:
-    resolution: {integrity: sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz}
-    name: http-cache-semantics
-    version: 4.1.1
+  /http-cache-semantics@4.1.1:
+    resolution: {integrity: sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==}
     dev: false
 
-  registry.npmjs.org/http-signature@1.3.6:
-    resolution: {integrity: sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/http-signature/-/http-signature-1.3.6.tgz}
-    name: http-signature
-    version: 1.3.6
+  /http-signature@1.3.6:
+    resolution: {integrity: sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==}
     engines: {node: '>=0.10'}
     dependencies:
-      assert-plus: registry.npmjs.org/assert-plus@1.0.0
-      jsprim: registry.npmjs.org/jsprim@2.0.2
-      sshpk: registry.npmjs.org/sshpk@1.18.0
+      assert-plus: 1.0.0
+      jsprim: 2.0.2
+      sshpk: 1.18.0
     dev: true
 
-  registry.npmjs.org/human-id@1.0.2:
-    resolution: {integrity: sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/human-id/-/human-id-1.0.2.tgz}
-    name: human-id
-    version: 1.0.2
+  /human-id@1.0.2:
+    resolution: {integrity: sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw==}
     dev: true
 
-  registry.npmjs.org/human-signals@1.1.1:
-    resolution: {integrity: sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz}
-    name: human-signals
-    version: 1.1.1
+  /human-signals@1.1.1:
+    resolution: {integrity: sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==}
     engines: {node: '>=8.12.0'}
     dev: true
 
-  registry.npmjs.org/human-signals@2.1.0:
-    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz}
-    name: human-signals
-    version: 2.1.0
+  /human-signals@2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
     engines: {node: '>=10.17.0'}
     dev: true
 
-  registry.npmjs.org/human-signals@5.0.0:
-    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz}
-    name: human-signals
-    version: 5.0.0
+  /human-signals@5.0.0:
+    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
     engines: {node: '>=16.17.0'}
     dev: false
 
-  registry.npmjs.org/iconv-lite@0.4.24:
-    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz}
-    name: iconv-lite
-    version: 0.4.24
+  /iconv-lite@0.4.24:
+    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
     engines: {node: '>=0.10.0'}
     dependencies:
-      safer-buffer: registry.npmjs.org/safer-buffer@2.1.2
+      safer-buffer: 2.1.2
 
-  registry.npmjs.org/ieee754@1.2.1:
-    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz}
-    name: ieee754
-    version: 1.2.1
+  /ieee754@1.2.1:
+    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
 
-  registry.npmjs.org/ignore@5.2.4:
-    resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz}
-    name: ignore
-    version: 5.2.4
+  /ignore@5.2.4:
+    resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
     engines: {node: '>= 4'}
     dev: true
 
-  registry.npmjs.org/ignore@5.3.0:
-    resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz}
-    name: ignore
-    version: 5.3.0
+  /ignore@5.3.0:
+    resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==}
     engines: {node: '>= 4'}
     dev: true
 
-  registry.npmjs.org/immediate@3.0.6:
-    resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz}
-    name: immediate
-    version: 3.0.6
+  /immediate@3.0.6:
+    resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
     dev: false
 
-  registry.npmjs.org/import-fresh@3.3.0:
-    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz}
-    name: import-fresh
-    version: 3.3.0
+  /import-fresh@3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
     engines: {node: '>=6'}
     dependencies:
-      parent-module: registry.npmjs.org/parent-module@1.0.1
-      resolve-from: registry.npmjs.org/resolve-from@4.0.0
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
     dev: true
 
-  registry.npmjs.org/import-meta-resolve@3.0.0:
-    resolution: {integrity: sha512-4IwhLhNNA8yy445rPjD/lWh++7hMDOml2eHtd58eG7h+qK3EryMuuRbsHGPikCoAgIkkDnckKfWSk2iDla/ejg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-3.0.0.tgz}
-    name: import-meta-resolve
-    version: 3.0.0
+  /import-meta-resolve@3.0.0:
+    resolution: {integrity: sha512-4IwhLhNNA8yy445rPjD/lWh++7hMDOml2eHtd58eG7h+qK3EryMuuRbsHGPikCoAgIkkDnckKfWSk2iDla/ejg==}
     dev: true
 
-  registry.npmjs.org/import-meta-resolve@3.1.1:
-    resolution: {integrity: sha512-qeywsE/KC3w9Fd2ORrRDUw6nS/nLwZpXgfrOc2IILvZYnCaEMd+D56Vfg9k4G29gIeVi3XKql1RQatME8iYsiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-3.1.1.tgz}
-    name: import-meta-resolve
-    version: 3.1.1
+  /import-meta-resolve@3.1.1:
+    resolution: {integrity: sha512-qeywsE/KC3w9Fd2ORrRDUw6nS/nLwZpXgfrOc2IILvZYnCaEMd+D56Vfg9k4G29gIeVi3XKql1RQatME8iYsiw==}
     dev: false
 
-  registry.npmjs.org/import-meta-resolve@4.0.0:
-    resolution: {integrity: sha512-okYUR7ZQPH+efeuMJGlq4f8ubUgO50kByRPyt/Cy1Io4PSRsPjxME+YlVaCOx+NIToW7hCsZNFJyTPFFKepRSA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.0.0.tgz}
-    name: import-meta-resolve
-    version: 4.0.0
+  /import-meta-resolve@4.0.0:
+    resolution: {integrity: sha512-okYUR7ZQPH+efeuMJGlq4f8ubUgO50kByRPyt/Cy1Io4PSRsPjxME+YlVaCOx+NIToW7hCsZNFJyTPFFKepRSA==}
     dev: true
 
-  registry.npmjs.org/imurmurhash@0.1.4:
-    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz}
-    name: imurmurhash
-    version: 0.1.4
+  /imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
     dev: true
 
-  registry.npmjs.org/indent-string@4.0.0:
-    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz}
-    name: indent-string
-    version: 4.0.0
+  /indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/inflight@1.0.6:
-    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz}
-    name: inflight
-    version: 1.0.6
+  /inflight@1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
     dependencies:
-      once: registry.npmjs.org/once@1.4.0
-      wrappy: registry.npmjs.org/wrappy@1.0.2
+      once: 1.4.0
+      wrappy: 1.0.2
     dev: true
 
-  registry.npmjs.org/inherits@2.0.4:
-    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz}
-    name: inherits
-    version: 2.0.4
+  /inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
-  registry.npmjs.org/ini@1.3.8:
-    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ini/-/ini-1.3.8.tgz}
-    name: ini
-    version: 1.3.8
+  /ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/ini@2.0.0:
-    resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ini/-/ini-2.0.0.tgz}
-    name: ini
-    version: 2.0.0
+  /ini@2.0.0:
+    resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==}
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/internal-slot@1.0.6:
-    resolution: {integrity: sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.6.tgz}
-    name: internal-slot
-    version: 1.0.6
+  /internal-slot@1.0.6:
+    resolution: {integrity: sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      hasown: registry.npmjs.org/hasown@2.0.0
-      side-channel: registry.npmjs.org/side-channel@1.0.4
+      get-intrinsic: 1.2.2
+      hasown: 2.0.0
+      side-channel: 1.0.4
     dev: true
 
-  registry.npmjs.org/is-array-buffer@3.0.2:
-    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz}
-    name: is-array-buffer
-    version: 3.0.2
+  /is-array-buffer@3.0.2:
+    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
+      call-bind: 1.0.5
+      get-intrinsic: 1.2.2
+      is-typed-array: 1.1.12
     dev: true
 
-  registry.npmjs.org/is-arrayish@0.2.1:
-    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz}
-    name: is-arrayish
-    version: 0.2.1
+  /is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
     dev: true
 
-  registry.npmjs.org/is-arrayish@0.3.2:
-    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz}
-    name: is-arrayish
-    version: 0.3.2
+  /is-arrayish@0.3.2:
+    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/is-async-function@2.0.0:
-    resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz}
-    name: is-async-function
-    version: 2.0.0
+  /is-async-function@2.0.0:
+    resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+      has-tostringtag: 1.0.0
     dev: true
 
-  registry.npmjs.org/is-bigint@1.0.4:
-    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz}
-    name: is-bigint
-    version: 1.0.4
+  /is-bigint@1.0.4:
+    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
     dependencies:
-      has-bigints: registry.npmjs.org/has-bigints@1.0.2
+      has-bigints: 1.0.2
     dev: true
 
-  registry.npmjs.org/is-binary-path@2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz}
-    name: is-binary-path
-    version: 2.1.0
+  /is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
     dependencies:
-      binary-extensions: registry.npmjs.org/binary-extensions@2.2.0
+      binary-extensions: 2.2.0
 
-  registry.npmjs.org/is-boolean-object@1.1.2:
-    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz}
-    name: is-boolean-object
-    version: 1.1.2
+  /is-boolean-object@1.1.2:
+    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+      call-bind: 1.0.5
+      has-tostringtag: 1.0.0
     dev: true
 
-  registry.npmjs.org/is-buffer@2.0.5:
-    resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz}
-    name: is-buffer
-    version: 2.0.5
+  /is-buffer@2.0.5:
+    resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==}
     engines: {node: '>=4'}
     dev: false
 
-  registry.npmjs.org/is-builtin-module@3.2.1:
-    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz}
-    name: is-builtin-module
-    version: 3.2.1
+  /is-builtin-module@3.2.1:
+    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
     engines: {node: '>=6'}
     dependencies:
-      builtin-modules: registry.npmjs.org/builtin-modules@3.3.0
+      builtin-modules: 3.3.0
     dev: true
 
-  registry.npmjs.org/is-callable@1.2.7:
-    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz}
-    name: is-callable
-    version: 1.2.7
+  /is-callable@1.2.7:
+    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/is-ci@3.0.1:
-    resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-ci/-/is-ci-3.0.1.tgz}
-    name: is-ci
-    version: 3.0.1
+  /is-ci@3.0.1:
+    resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==}
     hasBin: true
     dependencies:
-      ci-info: registry.npmjs.org/ci-info@3.9.0
+      ci-info: 3.9.0
     dev: true
 
-  registry.npmjs.org/is-core-module@2.13.1:
-    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz}
-    name: is-core-module
-    version: 2.13.1
+  /is-core-module@2.13.1:
+    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
     dependencies:
-      hasown: registry.npmjs.org/hasown@2.0.0
+      hasown: 2.0.0
 
-  registry.npmjs.org/is-date-object@1.0.5:
-    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz}
-    name: is-date-object
-    version: 1.0.5
+  /is-date-object@1.0.5:
+    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+      has-tostringtag: 1.0.0
     dev: true
 
-  registry.npmjs.org/is-docker@3.0.0:
-    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz}
-    name: is-docker
-    version: 3.0.0
+  /is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     hasBin: true
     dev: false
 
-  registry.npmjs.org/is-extendable@0.1.1:
-    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz}
-    name: is-extendable
-    version: 0.1.1
+  /is-extendable@0.1.1:
+    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
     engines: {node: '>=0.10.0'}
     dev: false
 
-  registry.npmjs.org/is-extglob@2.1.1:
-    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz}
-    name: is-extglob
-    version: 2.1.1
+  /is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
 
-  registry.npmjs.org/is-finalizationregistry@1.0.2:
-    resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz}
-    name: is-finalizationregistry
-    version: 1.0.2
+  /is-finalizationregistry@1.0.2:
+    resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
+      call-bind: 1.0.5
     dev: true
 
-  registry.npmjs.org/is-fullwidth-code-point@3.0.0:
-    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz}
-    name: is-fullwidth-code-point
-    version: 3.0.0
+  /is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
 
-  registry.npmjs.org/is-generator-function@1.0.10:
-    resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz}
-    name: is-generator-function
-    version: 1.0.10
+  /is-generator-function@1.0.10:
+    resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==}
     engines: {node: '>= 0.4'}
     dependencies:
-      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+      has-tostringtag: 1.0.0
     dev: true
 
-  registry.npmjs.org/is-glob@4.0.3:
-    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz}
-    name: is-glob
-    version: 4.0.3
+  /is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
     dependencies:
-      is-extglob: registry.npmjs.org/is-extglob@2.1.1
+      is-extglob: 2.1.1
 
-  registry.npmjs.org/is-inside-container@1.0.0:
-    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz}
-    name: is-inside-container
-    version: 1.0.0
+  /is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
     engines: {node: '>=14.16'}
     hasBin: true
     dependencies:
-      is-docker: registry.npmjs.org/is-docker@3.0.0
+      is-docker: 3.0.0
     dev: false
 
-  registry.npmjs.org/is-installed-globally@0.4.0:
-    resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.4.0.tgz}
-    name: is-installed-globally
-    version: 0.4.0
+  /is-installed-globally@0.4.0:
+    resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==}
     engines: {node: '>=10'}
     dependencies:
-      global-dirs: registry.npmjs.org/global-dirs@3.0.1
-      is-path-inside: registry.npmjs.org/is-path-inside@3.0.3
+      global-dirs: 3.0.1
+      is-path-inside: 3.0.3
     dev: true
 
-  registry.npmjs.org/is-interactive@2.0.0:
-    resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-interactive/-/is-interactive-2.0.0.tgz}
-    name: is-interactive
-    version: 2.0.0
+  /is-interactive@2.0.0:
+    resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==}
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/is-map@2.0.2:
-    resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz}
-    name: is-map
-    version: 2.0.2
+  /is-map@2.0.2:
+    resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==}
     dev: true
 
-  registry.npmjs.org/is-module@1.0.0:
-    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz}
-    name: is-module
-    version: 1.0.0
+  /is-module@1.0.0:
+    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
     dev: true
 
-  registry.npmjs.org/is-negative-zero@2.0.2:
-    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz}
-    name: is-negative-zero
-    version: 2.0.2
+  /is-negative-zero@2.0.2:
+    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/is-number-object@1.0.7:
-    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz}
-    name: is-number-object
-    version: 1.0.7
+  /is-number-object@1.0.7:
+    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+      has-tostringtag: 1.0.0
     dev: true
 
-  registry.npmjs.org/is-number@7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz}
-    name: is-number
-    version: 7.0.0
+  /is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
 
-  registry.npmjs.org/is-path-inside@3.0.3:
-    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz}
-    name: is-path-inside
-    version: 3.0.3
+  /is-path-inside@3.0.3:
+    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/is-plain-obj@1.1.0:
-    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz}
-    name: is-plain-obj
-    version: 1.1.0
+  /is-plain-obj@1.1.0:
+    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/is-plain-obj@4.1.0:
-    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz}
-    name: is-plain-obj
-    version: 4.1.0
+  /is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/is-reference@1.2.1:
-    resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz}
-    name: is-reference
-    version: 1.2.1
+  /is-reference@1.2.1:
+    resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree@1.0.3
+      '@types/estree': 1.0.3
     dev: true
 
-  registry.npmjs.org/is-reference@3.0.2:
-    resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-reference/-/is-reference-3.0.2.tgz}
-    name: is-reference
-    version: 3.0.2
+  /is-reference@3.0.2:
+    resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree@1.0.3
+      '@types/estree': 1.0.3
 
-  registry.npmjs.org/is-regex@1.1.4:
-    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz}
-    name: is-regex
-    version: 1.1.4
+  /is-regex@1.1.4:
+    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+      call-bind: 1.0.5
+      has-tostringtag: 1.0.0
     dev: true
 
-  registry.npmjs.org/is-set@2.0.2:
-    resolution: {integrity: sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz}
-    name: is-set
-    version: 2.0.2
+  /is-set@2.0.2:
+    resolution: {integrity: sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==}
     dev: true
 
-  registry.npmjs.org/is-shared-array-buffer@1.0.2:
-    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz}
-    name: is-shared-array-buffer
-    version: 1.0.2
+  /is-shared-array-buffer@1.0.2:
+    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
+      call-bind: 1.0.5
     dev: true
 
-  registry.npmjs.org/is-stream@2.0.1:
-    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz}
-    name: is-stream
-    version: 2.0.1
+  /is-stream@2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/is-stream@3.0.0:
-    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz}
-    name: is-stream
-    version: 3.0.0
+  /is-stream@3.0.0:
+    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dev: false
 
-  registry.npmjs.org/is-string@1.0.7:
-    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz}
-    name: is-string
-    version: 1.0.7
+  /is-string@1.0.7:
+    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+      has-tostringtag: 1.0.0
     dev: true
 
-  registry.npmjs.org/is-subdir@1.2.0:
-    resolution: {integrity: sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-subdir/-/is-subdir-1.2.0.tgz}
-    name: is-subdir
-    version: 1.2.0
+  /is-subdir@1.2.0:
+    resolution: {integrity: sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==}
     engines: {node: '>=4'}
     dependencies:
-      better-path-resolve: registry.npmjs.org/better-path-resolve@1.0.0
+      better-path-resolve: 1.0.0
     dev: true
 
-  registry.npmjs.org/is-symbol@1.0.4:
-    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz}
-    name: is-symbol
-    version: 1.0.4
+  /is-symbol@1.0.4:
+    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      has-symbols: registry.npmjs.org/has-symbols@1.0.3
+      has-symbols: 1.0.3
     dev: true
 
-  registry.npmjs.org/is-typed-array@1.1.12:
-    resolution: {integrity: sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz}
-    name: is-typed-array
-    version: 1.1.12
+  /is-typed-array@1.1.12:
+    resolution: {integrity: sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      which-typed-array: registry.npmjs.org/which-typed-array@1.1.13
+      which-typed-array: 1.1.13
     dev: true
 
-  registry.npmjs.org/is-typedarray@1.0.0:
-    resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz}
-    name: is-typedarray
-    version: 1.0.0
+  /is-typedarray@1.0.0:
+    resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
     dev: true
 
-  registry.npmjs.org/is-unicode-supported@0.1.0:
-    resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz}
-    name: is-unicode-supported
-    version: 0.1.0
+  /is-unicode-supported@0.1.0:
+    resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/is-unicode-supported@1.3.0:
-    resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-1.3.0.tgz}
-    name: is-unicode-supported
-    version: 1.3.0
+  /is-unicode-supported@1.3.0:
+    resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/is-weakmap@2.0.1:
-    resolution: {integrity: sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz}
-    name: is-weakmap
-    version: 2.0.1
+  /is-weakmap@2.0.1:
+    resolution: {integrity: sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==}
     dev: true
 
-  registry.npmjs.org/is-weakref@1.0.2:
-    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz}
-    name: is-weakref
-    version: 1.0.2
+  /is-weakref@1.0.2:
+    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
+      call-bind: 1.0.5
     dev: true
 
-  registry.npmjs.org/is-weakset@2.0.2:
-    resolution: {integrity: sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz}
-    name: is-weakset
-    version: 2.0.2
+  /is-weakset@2.0.2:
+    resolution: {integrity: sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
+      call-bind: 1.0.5
+      get-intrinsic: 1.2.2
     dev: true
 
-  registry.npmjs.org/is-windows@1.0.2:
-    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz}
-    name: is-windows
-    version: 1.0.2
+  /is-windows@1.0.2:
+    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/is-wsl@3.1.0:
-    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz}
-    name: is-wsl
-    version: 3.1.0
+  /is-wsl@3.1.0:
+    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
     engines: {node: '>=16'}
     dependencies:
-      is-inside-container: registry.npmjs.org/is-inside-container@1.0.0
+      is-inside-container: 1.0.0
     dev: false
 
-  registry.npmjs.org/isarray@2.0.5:
-    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz}
-    name: isarray
-    version: 2.0.5
+  /isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
     dev: true
 
-  registry.npmjs.org/isexe@2.0.0:
-    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz}
-    name: isexe
-    version: 2.0.0
+  /isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
-  registry.npmjs.org/isstream@0.1.2:
-    resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz}
-    name: isstream
-    version: 0.1.2
+  /isstream@0.1.2:
+    resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
     dev: true
 
-  registry.npmjs.org/iterator.prototype@1.1.2:
-    resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz}
-    name: iterator.prototype
-    version: 1.1.2
+  /iterator.prototype@1.1.2:
+    resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==}
     dependencies:
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      has-symbols: registry.npmjs.org/has-symbols@1.0.3
-      reflect.getprototypeof: registry.npmjs.org/reflect.getprototypeof@1.0.4
-      set-function-name: registry.npmjs.org/set-function-name@2.0.1
+      define-properties: 1.2.1
+      get-intrinsic: 1.2.2
+      has-symbols: 1.0.3
+      reflect.getprototypeof: 1.0.4
+      set-function-name: 2.0.1
     dev: true
 
-  registry.npmjs.org/joi@17.11.0:
-    resolution: {integrity: sha512-NgB+lZLNoqISVy1rZocE9PZI36bL/77ie924Ri43yEvi9GUUMPeyVIr8KdFTMUlby1p0PBYMk9spIxEUQYqrJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/joi/-/joi-17.11.0.tgz}
-    name: joi
-    version: 17.11.0
+  /joi@17.11.0:
+    resolution: {integrity: sha512-NgB+lZLNoqISVy1rZocE9PZI36bL/77ie924Ri43yEvi9GUUMPeyVIr8KdFTMUlby1p0PBYMk9spIxEUQYqrJQ==}
     dependencies:
-      '@hapi/hoek': registry.npmjs.org/@hapi/hoek@9.3.0
-      '@hapi/topo': registry.npmjs.org/@hapi/topo@5.1.0
-      '@sideway/address': registry.npmjs.org/@sideway/address@4.1.4
-      '@sideway/formula': registry.npmjs.org/@sideway/formula@3.0.1
-      '@sideway/pinpoint': registry.npmjs.org/@sideway/pinpoint@2.0.0
+      '@hapi/hoek': 9.3.0
+      '@hapi/topo': 5.1.0
+      '@sideway/address': 4.1.4
+      '@sideway/formula': 3.0.1
+      '@sideway/pinpoint': 2.0.0
     dev: true
 
-  registry.npmjs.org/js-tokens@4.0.0:
-    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz}
-    name: js-tokens
-    version: 4.0.0
+  /js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
-  registry.npmjs.org/js-yaml@3.14.1:
-    resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz}
-    name: js-yaml
-    version: 3.14.1
+  /js-yaml@3.14.1:
+    resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
     hasBin: true
     dependencies:
-      argparse: registry.npmjs.org/argparse@1.0.10
-      esprima: registry.npmjs.org/esprima@4.0.1
+      argparse: 1.0.10
+      esprima: 4.0.1
 
-  registry.npmjs.org/js-yaml@4.1.0:
-    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz}
-    name: js-yaml
-    version: 4.1.0
+  /js-yaml@4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
     dependencies:
-      argparse: registry.npmjs.org/argparse@2.0.1
+      argparse: 2.0.1
 
-  registry.npmjs.org/jsbn@0.1.1:
-    resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz}
-    name: jsbn
-    version: 0.1.1
+  /jsbn@0.1.1:
+    resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==}
     dev: true
 
-  registry.npmjs.org/jsesc@2.5.2:
-    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz}
-    name: jsesc
-    version: 2.5.2
+  /jsesc@2.5.2:
+    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
     engines: {node: '>=4'}
     hasBin: true
 
-  registry.npmjs.org/json-buffer@3.0.1:
-    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz}
-    name: json-buffer
-    version: 3.0.1
+  /json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
     dev: true
 
-  registry.npmjs.org/json-parse-even-better-errors@2.3.1:
-    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz}
-    name: json-parse-even-better-errors
-    version: 2.3.1
+  /json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
     dev: true
 
-  registry.npmjs.org/json-schema-traverse@0.4.1:
-    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz}
-    name: json-schema-traverse
-    version: 0.4.1
+  /json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
     dev: true
 
-  registry.npmjs.org/json-schema@0.4.0:
-    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz}
-    name: json-schema
-    version: 0.4.0
+  /json-schema@0.4.0:
+    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
     dev: true
 
-  registry.npmjs.org/json-stable-stringify-without-jsonify@1.0.1:
-    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz}
-    name: json-stable-stringify-without-jsonify
-    version: 1.0.1
+  /json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
     dev: true
 
-  registry.npmjs.org/json-stringify-safe@5.0.1:
-    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz}
-    name: json-stringify-safe
-    version: 5.0.1
+  /json-stringify-safe@5.0.1:
+    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
     dev: true
 
-  registry.npmjs.org/json5@2.2.3:
-    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/json5/-/json5-2.2.3.tgz}
-    name: json5
-    version: 2.2.3
+  /json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
     engines: {node: '>=6'}
     hasBin: true
 
-  registry.npmjs.org/jsonc-parser@3.2.0:
-    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz}
-    name: jsonc-parser
-    version: 3.2.0
+  /jsonc-parser@3.2.0:
+    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
     dev: false
 
-  registry.npmjs.org/jsonfile@4.0.0:
-    resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz}
-    name: jsonfile
-    version: 4.0.0
+  /jsonfile@4.0.0:
+    resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
     optionalDependencies:
       graceful-fs: 4.2.11
     dev: true
 
-  registry.npmjs.org/jsonfile@6.1.0:
-    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz}
-    name: jsonfile
-    version: 6.1.0
+  /jsonfile@6.1.0:
+    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
     dependencies:
-      universalify: registry.npmjs.org/universalify@2.0.1
+      universalify: 2.0.1
     optionalDependencies:
       graceful-fs: 4.2.11
     dev: true
 
-  registry.npmjs.org/jsprim@2.0.2:
-    resolution: {integrity: sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsprim/-/jsprim-2.0.2.tgz}
-    name: jsprim
-    version: 2.0.2
+  /jsprim@2.0.2:
+    resolution: {integrity: sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==}
     engines: {'0': node >=0.6.0}
     dependencies:
-      assert-plus: registry.npmjs.org/assert-plus@1.0.0
-      extsprintf: registry.npmjs.org/extsprintf@1.3.0
-      json-schema: registry.npmjs.org/json-schema@0.4.0
-      verror: registry.npmjs.org/verror@1.10.0
+      assert-plus: 1.0.0
+      extsprintf: 1.3.0
+      json-schema: 0.4.0
+      verror: 1.10.0
     dev: true
 
-  registry.npmjs.org/jsx-ast-utils@3.3.5:
-    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz}
-    name: jsx-ast-utils
-    version: 3.3.5
+  /jsx-ast-utils@3.3.5:
+    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
     engines: {node: '>=4.0'}
     dependencies:
-      array-includes: registry.npmjs.org/array-includes@3.1.7
-      array.prototype.flat: registry.npmjs.org/array.prototype.flat@1.3.2
-      object.assign: registry.npmjs.org/object.assign@4.1.5
-      object.values: registry.npmjs.org/object.values@1.1.7
+      array-includes: 3.1.7
+      array.prototype.flat: 1.3.2
+      object.assign: 4.1.5
+      object.values: 1.1.7
     dev: true
 
-  registry.npmjs.org/keyv@4.5.4:
-    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz}
-    name: keyv
-    version: 4.5.4
+  /keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
     dependencies:
-      json-buffer: registry.npmjs.org/json-buffer@3.0.1
+      json-buffer: 3.0.1
     dev: true
 
-  registry.npmjs.org/kind-of@6.0.3:
-    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz}
-    name: kind-of
-    version: 6.0.3
+  /kind-of@6.0.3:
+    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
     engines: {node: '>=0.10.0'}
 
-  registry.npmjs.org/kleur@3.0.3:
-    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz}
-    name: kleur
-    version: 3.0.3
+  /kleur@3.0.3:
+    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
     engines: {node: '>=6'}
     dev: false
 
-  registry.npmjs.org/kleur@4.1.5:
-    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz}
-    name: kleur
-    version: 4.1.5
+  /kleur@4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
-  registry.npmjs.org/known-css-properties@0.27.0:
-    resolution: {integrity: sha512-uMCj6+hZYDoffuvAJjFAPz56E9uoowFHmTkqRtRq5WyC5Q6Cu/fTZKNQpX/RbzChBYLLl3lo8CjFZBAZXq9qFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.27.0.tgz}
-    name: known-css-properties
-    version: 0.27.0
+  /known-css-properties@0.27.0:
+    resolution: {integrity: sha512-uMCj6+hZYDoffuvAJjFAPz56E9uoowFHmTkqRtRq5WyC5Q6Cu/fTZKNQpX/RbzChBYLLl3lo8CjFZBAZXq9qFg==}
     dev: true
 
-  registry.npmjs.org/known-css-properties@0.29.0:
-    resolution: {integrity: sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.29.0.tgz}
-    name: known-css-properties
-    version: 0.29.0
+  /known-css-properties@0.29.0:
+    resolution: {integrity: sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==}
     dev: true
 
-  registry.npmjs.org/lazy-ass@1.6.0:
-    resolution: {integrity: sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lazy-ass/-/lazy-ass-1.6.0.tgz}
-    name: lazy-ass
-    version: 1.6.0
+  /lazy-ass@1.6.0:
+    resolution: {integrity: sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==}
     engines: {node: '> 0.8'}
     dev: true
 
-  registry.npmjs.org/levn@0.4.1:
-    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/levn/-/levn-0.4.1.tgz}
-    name: levn
-    version: 0.4.1
+  /levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
     dependencies:
-      prelude-ls: registry.npmjs.org/prelude-ls@1.2.1
-      type-check: registry.npmjs.org/type-check@0.4.0
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
     dev: true
 
-  registry.npmjs.org/lie@3.1.1:
-    resolution: {integrity: sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lie/-/lie-3.1.1.tgz}
-    name: lie
-    version: 3.1.1
+  /lie@3.1.1:
+    resolution: {integrity: sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==}
     dependencies:
-      immediate: registry.npmjs.org/immediate@3.0.6
+      immediate: 3.0.6
     dev: false
 
-  registry.npmjs.org/lilconfig@2.1.0:
-    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz}
-    name: lilconfig
-    version: 2.1.0
+  /lilconfig@2.1.0:
+    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/lines-and-columns@1.2.4:
-    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz}
-    name: lines-and-columns
-    version: 1.2.4
+  /lilconfig@3.0.0:
+    resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
     dev: true
 
-  registry.npmjs.org/listr2@3.14.0(enquirer@2.4.1):
-    resolution: {integrity: sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/listr2/-/listr2-3.14.0.tgz}
-    id: registry.npmjs.org/listr2/3.14.0
-    name: listr2
-    version: 3.14.0
+  /listr2@3.14.0(enquirer@2.4.1):
+    resolution: {integrity: sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
       enquirer: '>= 2.3.0 < 3'
@@ -8864,957 +6289,749 @@ packages:
       enquirer:
         optional: true
     dependencies:
-      cli-truncate: registry.npmjs.org/cli-truncate@2.1.0
-      colorette: registry.npmjs.org/colorette@2.0.20
-      enquirer: registry.npmjs.org/enquirer@2.4.1
-      log-update: registry.npmjs.org/log-update@4.0.0
-      p-map: registry.npmjs.org/p-map@4.0.0
-      rfdc: registry.npmjs.org/rfdc@1.3.0
-      rxjs: registry.npmjs.org/rxjs@7.8.1
-      through: registry.npmjs.org/through@2.3.8
-      wrap-ansi: registry.npmjs.org/wrap-ansi@7.0.0
-    dev: true
-
-  registry.npmjs.org/load-yaml-file@0.2.0:
-    resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/load-yaml-file/-/load-yaml-file-0.2.0.tgz}
-    name: load-yaml-file
-    version: 0.2.0
+      cli-truncate: 2.1.0
+      colorette: 2.0.20
+      enquirer: 2.4.1
+      log-update: 4.0.0
+      p-map: 4.0.0
+      rfdc: 1.3.0
+      rxjs: 7.8.1
+      through: 2.3.8
+      wrap-ansi: 7.0.0
+    dev: true
+
+  /load-yaml-file@0.2.0:
+    resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==}
     engines: {node: '>=6'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
-      js-yaml: registry.npmjs.org/js-yaml@3.14.1
-      pify: registry.npmjs.org/pify@4.0.1
-      strip-bom: registry.npmjs.org/strip-bom@3.0.0
+      graceful-fs: 4.2.11
+      js-yaml: 3.14.1
+      pify: 4.0.1
+      strip-bom: 3.0.0
 
-  registry.npmjs.org/localforage@1.10.0:
-    resolution: {integrity: sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/localforage/-/localforage-1.10.0.tgz}
-    name: localforage
-    version: 1.10.0
+  /localforage@1.10.0:
+    resolution: {integrity: sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==}
     dependencies:
-      lie: registry.npmjs.org/lie@3.1.1
+      lie: 3.1.1
     dev: false
 
-  registry.npmjs.org/locate-character@3.0.0:
-    resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz}
-    name: locate-character
-    version: 3.0.0
+  /locate-character@3.0.0:
+    resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
 
-  registry.npmjs.org/locate-path@5.0.0:
-    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz}
-    name: locate-path
-    version: 5.0.0
+  /locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
     engines: {node: '>=8'}
     dependencies:
-      p-locate: registry.npmjs.org/p-locate@4.1.0
+      p-locate: 4.1.0
 
-  registry.npmjs.org/locate-path@6.0.0:
-    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz}
-    name: locate-path
-    version: 6.0.0
+  /locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
     dependencies:
-      p-locate: registry.npmjs.org/p-locate@5.0.0
+      p-locate: 5.0.0
 
-  registry.npmjs.org/lodash.memoize@4.1.2:
-    resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz}
-    name: lodash.memoize
-    version: 4.1.2
+  /lodash.memoize@4.1.2:
+    resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
     dev: true
 
-  registry.npmjs.org/lodash.merge@4.6.2:
-    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz}
-    name: lodash.merge
-    version: 4.6.2
+  /lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
-  registry.npmjs.org/lodash.once@4.1.1:
-    resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz}
-    name: lodash.once
-    version: 4.1.1
+  /lodash.once@4.1.1:
+    resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==}
     dev: true
 
-  registry.npmjs.org/lodash.startcase@4.4.0:
-    resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.startcase/-/lodash.startcase-4.4.0.tgz}
-    name: lodash.startcase
-    version: 4.4.0
+  /lodash.startcase@4.4.0:
+    resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
     dev: true
 
-  registry.npmjs.org/lodash.uniq@4.5.0:
-    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz}
-    name: lodash.uniq
-    version: 4.5.0
+  /lodash.uniq@4.5.0:
+    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
     dev: true
 
-  registry.npmjs.org/lodash@4.17.21:
-    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz}
-    name: lodash
-    version: 4.17.21
+  /lodash@4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
-  registry.npmjs.org/log-symbols@4.1.0:
-    resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz}
-    name: log-symbols
-    version: 4.1.0
+  /log-symbols@4.1.0:
+    resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
     engines: {node: '>=10'}
     dependencies:
-      chalk: registry.npmjs.org/chalk@4.1.2
-      is-unicode-supported: registry.npmjs.org/is-unicode-supported@0.1.0
+      chalk: 4.1.2
+      is-unicode-supported: 0.1.0
     dev: true
 
-  registry.npmjs.org/log-symbols@5.1.0:
-    resolution: {integrity: sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/log-symbols/-/log-symbols-5.1.0.tgz}
-    name: log-symbols
-    version: 5.1.0
+  /log-symbols@5.1.0:
+    resolution: {integrity: sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==}
     engines: {node: '>=12'}
     dependencies:
-      chalk: registry.npmjs.org/chalk@5.3.0
-      is-unicode-supported: registry.npmjs.org/is-unicode-supported@1.3.0
+      chalk: 5.3.0
+      is-unicode-supported: 1.3.0
     dev: false
 
-  registry.npmjs.org/log-update@4.0.0:
-    resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz}
-    name: log-update
-    version: 4.0.0
+  /log-update@4.0.0:
+    resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==}
     engines: {node: '>=10'}
     dependencies:
-      ansi-escapes: registry.npmjs.org/ansi-escapes@4.3.2
-      cli-cursor: registry.npmjs.org/cli-cursor@3.1.0
-      slice-ansi: registry.npmjs.org/slice-ansi@4.0.0
-      wrap-ansi: registry.npmjs.org/wrap-ansi@6.2.0
+      ansi-escapes: 4.3.2
+      cli-cursor: 3.1.0
+      slice-ansi: 4.0.0
+      wrap-ansi: 6.2.0
     dev: true
 
-  registry.npmjs.org/longest-streak@3.1.0:
-    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz}
-    name: longest-streak
-    version: 3.1.0
+  /longest-streak@3.1.0:
+    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
     dev: false
 
-  registry.npmjs.org/loose-envify@1.4.0:
-    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz}
-    name: loose-envify
-    version: 1.4.0
+  /loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
     dependencies:
-      js-tokens: registry.npmjs.org/js-tokens@4.0.0
+      js-tokens: 4.0.0
 
-  registry.npmjs.org/lower-case@2.0.2:
-    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz}
-    name: lower-case
-    version: 2.0.2
+  /lower-case@2.0.2:
+    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
     dependencies:
-      tslib: registry.npmjs.org/tslib@2.6.2
+      tslib: 2.6.2
 
-  registry.npmjs.org/lru-cache@4.1.5:
-    resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz}
-    name: lru-cache
-    version: 4.1.5
+  /lru-cache@4.1.5:
+    resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==}
     dependencies:
-      pseudomap: registry.npmjs.org/pseudomap@1.0.2
-      yallist: registry.npmjs.org/yallist@2.1.2
+      pseudomap: 1.0.2
+      yallist: 2.1.2
     dev: true
 
-  registry.npmjs.org/lru-cache@5.1.1:
-    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz}
-    name: lru-cache
-    version: 5.1.1
+  /lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
     dependencies:
-      yallist: registry.npmjs.org/yallist@3.1.1
+      yallist: 3.1.1
 
-  registry.npmjs.org/lru-cache@6.0.0:
-    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz}
-    name: lru-cache
-    version: 6.0.0
+  /lru-cache@6.0.0:
+    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
     engines: {node: '>=10'}
     dependencies:
-      yallist: registry.npmjs.org/yallist@4.0.0
+      yallist: 4.0.0
 
-  registry.npmjs.org/magic-string@0.27.0:
-    resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz}
-    name: magic-string
-    version: 0.27.0
+  /magic-string@0.27.0:
+    resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
     engines: {node: '>=12'}
     dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+      '@jridgewell/sourcemap-codec': 1.4.15
     dev: true
 
-  registry.npmjs.org/magic-string@0.30.5:
-    resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz}
-    name: magic-string
-    version: 0.30.5
+  /magic-string@0.30.5:
+    resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
     engines: {node: '>=12'}
     dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
+      '@jridgewell/sourcemap-codec': 1.4.15
 
-  registry.npmjs.org/map-obj@1.0.1:
-    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz}
-    name: map-obj
-    version: 1.0.1
+  /map-obj@1.0.1:
+    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/map-obj@4.3.0:
-    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz}
-    name: map-obj
-    version: 4.3.0
+  /map-obj@4.3.0:
+    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/map-stream@0.1.0:
-    resolution: {integrity: sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/map-stream/-/map-stream-0.1.0.tgz}
-    name: map-stream
-    version: 0.1.0
+  /map-stream@0.1.0:
+    resolution: {integrity: sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==}
     dev: true
 
-  registry.npmjs.org/markdown-table@3.0.3:
-    resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.3.tgz}
-    name: markdown-table
-    version: 3.0.3
+  /markdown-table@3.0.3:
+    resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==}
     dev: false
 
-  registry.npmjs.org/mdast-util-definitions@5.1.2:
-    resolution: {integrity: sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-5.1.2.tgz}
-    name: mdast-util-definitions
-    version: 5.1.2
+  /mdast-util-definitions@5.1.2:
+    resolution: {integrity: sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==}
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
-      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
+      '@types/mdast': 3.0.14
+      '@types/unist': 2.0.9
+      unist-util-visit: 4.1.2
     dev: false
 
-  registry.npmjs.org/mdast-util-definitions@6.0.0:
-    resolution: {integrity: sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-6.0.0.tgz}
-    name: mdast-util-definitions
-    version: 6.0.0
+  /mdast-util-definitions@6.0.0:
+    resolution: {integrity: sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ==}
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@4.0.2
-      '@types/unist': registry.npmjs.org/@types/unist@3.0.1
-      unist-util-visit: registry.npmjs.org/unist-util-visit@5.0.0
+      '@types/mdast': 4.0.2
+      '@types/unist': 3.0.1
+      unist-util-visit: 5.0.0
     dev: false
 
-  registry.npmjs.org/mdast-util-find-and-replace@2.2.2:
-    resolution: {integrity: sha512-MTtdFRz/eMDHXzeK6W3dO7mXUlF82Gom4y0oOgvHhh/HXZAGvIQDUvQ0SuUx+j2tv44b8xTHOm8K/9OoRFnXKw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-2.2.2.tgz}
-    name: mdast-util-find-and-replace
-    version: 2.2.2
+  /mdast-util-find-and-replace@2.2.2:
+    resolution: {integrity: sha512-MTtdFRz/eMDHXzeK6W3dO7mXUlF82Gom4y0oOgvHhh/HXZAGvIQDUvQ0SuUx+j2tv44b8xTHOm8K/9OoRFnXKw==}
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
-      escape-string-regexp: registry.npmjs.org/escape-string-regexp@5.0.0
-      unist-util-is: registry.npmjs.org/unist-util-is@5.2.1
-      unist-util-visit-parents: registry.npmjs.org/unist-util-visit-parents@5.1.3
+      '@types/mdast': 3.0.14
+      escape-string-regexp: 5.0.0
+      unist-util-is: 5.2.1
+      unist-util-visit-parents: 5.1.3
     dev: false
 
-  registry.npmjs.org/mdast-util-from-markdown@1.3.1:
-    resolution: {integrity: sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-1.3.1.tgz}
-    name: mdast-util-from-markdown
-    version: 1.3.1
+  /mdast-util-from-markdown@1.3.1:
+    resolution: {integrity: sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==}
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
-      decode-named-character-reference: registry.npmjs.org/decode-named-character-reference@1.0.2
-      mdast-util-to-string: registry.npmjs.org/mdast-util-to-string@3.2.0
-      micromark: registry.npmjs.org/micromark@3.2.0
-      micromark-util-decode-numeric-character-reference: registry.npmjs.org/micromark-util-decode-numeric-character-reference@1.1.0
-      micromark-util-decode-string: registry.npmjs.org/micromark-util-decode-string@1.1.0
-      micromark-util-normalize-identifier: registry.npmjs.org/micromark-util-normalize-identifier@1.1.0
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
-      unist-util-stringify-position: registry.npmjs.org/unist-util-stringify-position@3.0.3
-      uvu: registry.npmjs.org/uvu@0.5.6
+      '@types/mdast': 3.0.14
+      '@types/unist': 2.0.9
+      decode-named-character-reference: 1.0.2
+      mdast-util-to-string: 3.2.0
+      micromark: 3.2.0
+      micromark-util-decode-numeric-character-reference: 1.1.0
+      micromark-util-decode-string: 1.1.0
+      micromark-util-normalize-identifier: 1.1.0
+      micromark-util-symbol: 1.1.0
+      micromark-util-types: 1.1.0
+      unist-util-stringify-position: 3.0.3
+      uvu: 0.5.6
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  registry.npmjs.org/mdast-util-gfm-autolink-literal@1.0.3:
-    resolution: {integrity: sha512-My8KJ57FYEy2W2LyNom4n3E7hKTuQk/0SES0u16tjA9Z3oFkF4RrC/hPAPgjlSpezsOvI8ObcXcElo92wn5IGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-1.0.3.tgz}
-    name: mdast-util-gfm-autolink-literal
-    version: 1.0.3
+  /mdast-util-gfm-autolink-literal@1.0.3:
+    resolution: {integrity: sha512-My8KJ57FYEy2W2LyNom4n3E7hKTuQk/0SES0u16tjA9Z3oFkF4RrC/hPAPgjlSpezsOvI8ObcXcElo92wn5IGA==}
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
-      ccount: registry.npmjs.org/ccount@2.0.1
-      mdast-util-find-and-replace: registry.npmjs.org/mdast-util-find-and-replace@2.2.2
-      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
+      '@types/mdast': 3.0.14
+      ccount: 2.0.1
+      mdast-util-find-and-replace: 2.2.2
+      micromark-util-character: 1.2.0
     dev: false
 
-  registry.npmjs.org/mdast-util-gfm-footnote@1.0.2:
-    resolution: {integrity: sha512-56D19KOGbE00uKVj3sgIykpwKL179QsVFwx/DCW0u/0+URsryacI4MAdNJl0dh+u2PSsD9FtxPFbHCzJ78qJFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-1.0.2.tgz}
-    name: mdast-util-gfm-footnote
-    version: 1.0.2
+  /mdast-util-gfm-footnote@1.0.2:
+    resolution: {integrity: sha512-56D19KOGbE00uKVj3sgIykpwKL179QsVFwx/DCW0u/0+URsryacI4MAdNJl0dh+u2PSsD9FtxPFbHCzJ78qJFQ==}
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
-      mdast-util-to-markdown: registry.npmjs.org/mdast-util-to-markdown@1.5.0
-      micromark-util-normalize-identifier: registry.npmjs.org/micromark-util-normalize-identifier@1.1.0
+      '@types/mdast': 3.0.14
+      mdast-util-to-markdown: 1.5.0
+      micromark-util-normalize-identifier: 1.1.0
     dev: false
 
-  registry.npmjs.org/mdast-util-gfm-strikethrough@1.0.3:
-    resolution: {integrity: sha512-DAPhYzTYrRcXdMjUtUjKvW9z/FNAMTdU0ORyMcbmkwYNbKocDpdk+PX1L1dQgOID/+vVs1uBQ7ElrBQfZ0cuiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-1.0.3.tgz}
-    name: mdast-util-gfm-strikethrough
-    version: 1.0.3
+  /mdast-util-gfm-strikethrough@1.0.3:
+    resolution: {integrity: sha512-DAPhYzTYrRcXdMjUtUjKvW9z/FNAMTdU0ORyMcbmkwYNbKocDpdk+PX1L1dQgOID/+vVs1uBQ7ElrBQfZ0cuiQ==}
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
-      mdast-util-to-markdown: registry.npmjs.org/mdast-util-to-markdown@1.5.0
+      '@types/mdast': 3.0.14
+      mdast-util-to-markdown: 1.5.0
     dev: false
 
-  registry.npmjs.org/mdast-util-gfm-table@1.0.7:
-    resolution: {integrity: sha512-jjcpmNnQvrmN5Vx7y7lEc2iIOEytYv7rTvu+MeyAsSHTASGCCRA79Igg2uKssgOs1i1po8s3plW0sTu1wkkLGg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-gfm-table/-/mdast-util-gfm-table-1.0.7.tgz}
-    name: mdast-util-gfm-table
-    version: 1.0.7
+  /mdast-util-gfm-table@1.0.7:
+    resolution: {integrity: sha512-jjcpmNnQvrmN5Vx7y7lEc2iIOEytYv7rTvu+MeyAsSHTASGCCRA79Igg2uKssgOs1i1po8s3plW0sTu1wkkLGg==}
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
-      markdown-table: registry.npmjs.org/markdown-table@3.0.3
-      mdast-util-from-markdown: registry.npmjs.org/mdast-util-from-markdown@1.3.1
-      mdast-util-to-markdown: registry.npmjs.org/mdast-util-to-markdown@1.5.0
+      '@types/mdast': 3.0.14
+      markdown-table: 3.0.3
+      mdast-util-from-markdown: 1.3.1
+      mdast-util-to-markdown: 1.5.0
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  registry.npmjs.org/mdast-util-gfm-task-list-item@1.0.2:
-    resolution: {integrity: sha512-PFTA1gzfp1B1UaiJVyhJZA1rm0+Tzn690frc/L8vNX1Jop4STZgOE6bxUhnzdVSB+vm2GU1tIsuQcA9bxTQpMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-1.0.2.tgz}
-    name: mdast-util-gfm-task-list-item
-    version: 1.0.2
+  /mdast-util-gfm-task-list-item@1.0.2:
+    resolution: {integrity: sha512-PFTA1gzfp1B1UaiJVyhJZA1rm0+Tzn690frc/L8vNX1Jop4STZgOE6bxUhnzdVSB+vm2GU1tIsuQcA9bxTQpMQ==}
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
-      mdast-util-to-markdown: registry.npmjs.org/mdast-util-to-markdown@1.5.0
+      '@types/mdast': 3.0.14
+      mdast-util-to-markdown: 1.5.0
     dev: false
 
-  registry.npmjs.org/mdast-util-gfm@2.0.2:
-    resolution: {integrity: sha512-qvZ608nBppZ4icQlhQQIAdc6S3Ffj9RGmzwUKUWuEICFnd1LVkN3EktF7ZHAgfcEdvZB5owU9tQgt99e2TlLjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-gfm/-/mdast-util-gfm-2.0.2.tgz}
-    name: mdast-util-gfm
-    version: 2.0.2
+  /mdast-util-gfm@2.0.2:
+    resolution: {integrity: sha512-qvZ608nBppZ4icQlhQQIAdc6S3Ffj9RGmzwUKUWuEICFnd1LVkN3EktF7ZHAgfcEdvZB5owU9tQgt99e2TlLjg==}
     dependencies:
-      mdast-util-from-markdown: registry.npmjs.org/mdast-util-from-markdown@1.3.1
-      mdast-util-gfm-autolink-literal: registry.npmjs.org/mdast-util-gfm-autolink-literal@1.0.3
-      mdast-util-gfm-footnote: registry.npmjs.org/mdast-util-gfm-footnote@1.0.2
-      mdast-util-gfm-strikethrough: registry.npmjs.org/mdast-util-gfm-strikethrough@1.0.3
-      mdast-util-gfm-table: registry.npmjs.org/mdast-util-gfm-table@1.0.7
-      mdast-util-gfm-task-list-item: registry.npmjs.org/mdast-util-gfm-task-list-item@1.0.2
-      mdast-util-to-markdown: registry.npmjs.org/mdast-util-to-markdown@1.5.0
+      mdast-util-from-markdown: 1.3.1
+      mdast-util-gfm-autolink-literal: 1.0.3
+      mdast-util-gfm-footnote: 1.0.2
+      mdast-util-gfm-strikethrough: 1.0.3
+      mdast-util-gfm-table: 1.0.7
+      mdast-util-gfm-task-list-item: 1.0.2
+      mdast-util-to-markdown: 1.5.0
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  registry.npmjs.org/mdast-util-phrasing@3.0.1:
-    resolution: {integrity: sha512-WmI1gTXUBJo4/ZmSk79Wcb2HcjPJBzM1nlI/OUWA8yk2X9ik3ffNbBGsU+09BFmXaL1IBb9fiuvq6/KMiNycSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-phrasing/-/mdast-util-phrasing-3.0.1.tgz}
-    name: mdast-util-phrasing
-    version: 3.0.1
+  /mdast-util-phrasing@3.0.1:
+    resolution: {integrity: sha512-WmI1gTXUBJo4/ZmSk79Wcb2HcjPJBzM1nlI/OUWA8yk2X9ik3ffNbBGsU+09BFmXaL1IBb9fiuvq6/KMiNycSg==}
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
-      unist-util-is: registry.npmjs.org/unist-util-is@5.2.1
+      '@types/mdast': 3.0.14
+      unist-util-is: 5.2.1
     dev: false
 
-  registry.npmjs.org/mdast-util-to-hast@12.3.0:
-    resolution: {integrity: sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-12.3.0.tgz}
-    name: mdast-util-to-hast
-    version: 12.3.0
+  /mdast-util-to-hast@12.3.0:
+    resolution: {integrity: sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==}
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
-      mdast-util-definitions: registry.npmjs.org/mdast-util-definitions@5.1.2
-      micromark-util-sanitize-uri: registry.npmjs.org/micromark-util-sanitize-uri@1.2.0
-      trim-lines: registry.npmjs.org/trim-lines@3.0.1
-      unist-util-generated: registry.npmjs.org/unist-util-generated@2.0.1
-      unist-util-position: registry.npmjs.org/unist-util-position@4.0.4
-      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
+      '@types/hast': 2.3.7
+      '@types/mdast': 3.0.14
+      mdast-util-definitions: 5.1.2
+      micromark-util-sanitize-uri: 1.2.0
+      trim-lines: 3.0.1
+      unist-util-generated: 2.0.1
+      unist-util-position: 4.0.4
+      unist-util-visit: 4.1.2
     dev: false
 
-  registry.npmjs.org/mdast-util-to-markdown@1.5.0:
-    resolution: {integrity: sha512-bbv7TPv/WC49thZPg3jXuqzuvI45IL2EVAr/KxF0BSdHsU0ceFHOmwQn6evxAh1GaoK/6GQ1wp4R4oW2+LFL/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-1.5.0.tgz}
-    name: mdast-util-to-markdown
-    version: 1.5.0
+  /mdast-util-to-markdown@1.5.0:
+    resolution: {integrity: sha512-bbv7TPv/WC49thZPg3jXuqzuvI45IL2EVAr/KxF0BSdHsU0ceFHOmwQn6evxAh1GaoK/6GQ1wp4R4oW2+LFL/A==}
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
-      longest-streak: registry.npmjs.org/longest-streak@3.1.0
-      mdast-util-phrasing: registry.npmjs.org/mdast-util-phrasing@3.0.1
-      mdast-util-to-string: registry.npmjs.org/mdast-util-to-string@3.2.0
-      micromark-util-decode-string: registry.npmjs.org/micromark-util-decode-string@1.1.0
-      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
-      zwitch: registry.npmjs.org/zwitch@2.0.4
+      '@types/mdast': 3.0.14
+      '@types/unist': 2.0.9
+      longest-streak: 3.1.0
+      mdast-util-phrasing: 3.0.1
+      mdast-util-to-string: 3.2.0
+      micromark-util-decode-string: 1.1.0
+      unist-util-visit: 4.1.2
+      zwitch: 2.0.4
     dev: false
 
-  registry.npmjs.org/mdast-util-to-string@3.2.0:
-    resolution: {integrity: sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-3.2.0.tgz}
-    name: mdast-util-to-string
-    version: 3.2.0
+  /mdast-util-to-string@3.2.0:
+    resolution: {integrity: sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==}
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
+      '@types/mdast': 3.0.14
     dev: false
 
-  registry.npmjs.org/mdn-data@2.0.28:
-    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz}
-    name: mdn-data
-    version: 2.0.28
+  /mdn-data@2.0.28:
+    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
     dev: true
 
-  registry.npmjs.org/mdn-data@2.0.30:
-    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz}
-    name: mdn-data
-    version: 2.0.30
+  /mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
 
-  registry.npmjs.org/meow@6.1.1:
-    resolution: {integrity: sha512-3YffViIt2QWgTy6Pale5QpopX/IvU3LPL03jOTqp6pGj3VjesdO/U8CuHMKpnQr4shCNCM5fd5XFFvIIl6JBHg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/meow/-/meow-6.1.1.tgz}
-    name: meow
-    version: 6.1.1
+  /meow@6.1.1:
+    resolution: {integrity: sha512-3YffViIt2QWgTy6Pale5QpopX/IvU3LPL03jOTqp6pGj3VjesdO/U8CuHMKpnQr4shCNCM5fd5XFFvIIl6JBHg==}
     engines: {node: '>=8'}
     dependencies:
-      '@types/minimist': registry.npmjs.org/@types/minimist@1.2.4
-      camelcase-keys: registry.npmjs.org/camelcase-keys@6.2.2
-      decamelize-keys: registry.npmjs.org/decamelize-keys@1.1.1
-      hard-rejection: registry.npmjs.org/hard-rejection@2.1.0
-      minimist-options: registry.npmjs.org/minimist-options@4.1.0
-      normalize-package-data: registry.npmjs.org/normalize-package-data@2.5.0
-      read-pkg-up: registry.npmjs.org/read-pkg-up@7.0.1
-      redent: registry.npmjs.org/redent@3.0.0
-      trim-newlines: registry.npmjs.org/trim-newlines@3.0.1
-      type-fest: registry.npmjs.org/type-fest@0.13.1
-      yargs-parser: registry.npmjs.org/yargs-parser@18.1.3
-    dev: true
-
-  registry.npmjs.org/merge-stream@2.0.0:
-    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz}
-    name: merge-stream
-    version: 2.0.0
-
-  registry.npmjs.org/merge2@1.4.1:
-    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz}
-    name: merge2
-    version: 1.4.1
+      '@types/minimist': 1.2.4
+      camelcase-keys: 6.2.2
+      decamelize-keys: 1.1.1
+      hard-rejection: 2.1.0
+      minimist-options: 4.1.0
+      normalize-package-data: 2.5.0
+      read-pkg-up: 7.0.1
+      redent: 3.0.0
+      trim-newlines: 3.0.1
+      type-fest: 0.13.1
+      yargs-parser: 18.1.3
+    dev: true
+
+  /merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+
+  /merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
 
-  registry.npmjs.org/micromark-core-commonmark@1.1.0:
-    resolution: {integrity: sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-1.1.0.tgz}
-    name: micromark-core-commonmark
-    version: 1.1.0
-    dependencies:
-      decode-named-character-reference: registry.npmjs.org/decode-named-character-reference@1.0.2
-      micromark-factory-destination: registry.npmjs.org/micromark-factory-destination@1.1.0
-      micromark-factory-label: registry.npmjs.org/micromark-factory-label@1.1.0
-      micromark-factory-space: registry.npmjs.org/micromark-factory-space@1.1.0
-      micromark-factory-title: registry.npmjs.org/micromark-factory-title@1.1.0
-      micromark-factory-whitespace: registry.npmjs.org/micromark-factory-whitespace@1.1.0
-      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
-      micromark-util-chunked: registry.npmjs.org/micromark-util-chunked@1.1.0
-      micromark-util-classify-character: registry.npmjs.org/micromark-util-classify-character@1.1.0
-      micromark-util-html-tag-name: registry.npmjs.org/micromark-util-html-tag-name@1.2.0
-      micromark-util-normalize-identifier: registry.npmjs.org/micromark-util-normalize-identifier@1.1.0
-      micromark-util-resolve-all: registry.npmjs.org/micromark-util-resolve-all@1.1.0
-      micromark-util-subtokenize: registry.npmjs.org/micromark-util-subtokenize@1.1.0
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
-      uvu: registry.npmjs.org/uvu@0.5.6
-    dev: false
-
-  registry.npmjs.org/micromark-extension-gfm-autolink-literal@1.0.5:
-    resolution: {integrity: sha512-z3wJSLrDf8kRDOh2qBtoTRD53vJ+CWIyo7uyZuxf/JAbNJjiHsOpG1y5wxk8drtv3ETAHutCu6N3thkOOgueWg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-1.0.5.tgz}
-    name: micromark-extension-gfm-autolink-literal
-    version: 1.0.5
-    dependencies:
-      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
-      micromark-util-sanitize-uri: registry.npmjs.org/micromark-util-sanitize-uri@1.2.0
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
-    dev: false
-
-  registry.npmjs.org/micromark-extension-gfm-footnote@1.1.2:
-    resolution: {integrity: sha512-Yxn7z7SxgyGWRNa4wzf8AhYYWNrwl5q1Z8ii+CSTTIqVkmGZF1CElX2JI8g5yGoM3GAman9/PVCUFUSJ0kB/8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-1.1.2.tgz}
-    name: micromark-extension-gfm-footnote
-    version: 1.1.2
-    dependencies:
-      micromark-core-commonmark: registry.npmjs.org/micromark-core-commonmark@1.1.0
-      micromark-factory-space: registry.npmjs.org/micromark-factory-space@1.1.0
-      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
-      micromark-util-normalize-identifier: registry.npmjs.org/micromark-util-normalize-identifier@1.1.0
-      micromark-util-sanitize-uri: registry.npmjs.org/micromark-util-sanitize-uri@1.2.0
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
-      uvu: registry.npmjs.org/uvu@0.5.6
-    dev: false
-
-  registry.npmjs.org/micromark-extension-gfm-strikethrough@1.0.7:
-    resolution: {integrity: sha512-sX0FawVE1o3abGk3vRjOH50L5TTLr3b5XMqnP9YDRb34M0v5OoZhG+OHFz1OffZ9dlwgpTBKaT4XW/AsUVnSDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-1.0.7.tgz}
-    name: micromark-extension-gfm-strikethrough
-    version: 1.0.7
-    dependencies:
-      micromark-util-chunked: registry.npmjs.org/micromark-util-chunked@1.1.0
-      micromark-util-classify-character: registry.npmjs.org/micromark-util-classify-character@1.1.0
-      micromark-util-resolve-all: registry.npmjs.org/micromark-util-resolve-all@1.1.0
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
-      uvu: registry.npmjs.org/uvu@0.5.6
+  /micromark-core-commonmark@1.1.0:
+    resolution: {integrity: sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==}
+    dependencies:
+      decode-named-character-reference: 1.0.2
+      micromark-factory-destination: 1.1.0
+      micromark-factory-label: 1.1.0
+      micromark-factory-space: 1.1.0
+      micromark-factory-title: 1.1.0
+      micromark-factory-whitespace: 1.1.0
+      micromark-util-character: 1.2.0
+      micromark-util-chunked: 1.1.0
+      micromark-util-classify-character: 1.1.0
+      micromark-util-html-tag-name: 1.2.0
+      micromark-util-normalize-identifier: 1.1.0
+      micromark-util-resolve-all: 1.1.0
+      micromark-util-subtokenize: 1.1.0
+      micromark-util-symbol: 1.1.0
+      micromark-util-types: 1.1.0
+      uvu: 0.5.6
+    dev: false
+
+  /micromark-extension-gfm-autolink-literal@1.0.5:
+    resolution: {integrity: sha512-z3wJSLrDf8kRDOh2qBtoTRD53vJ+CWIyo7uyZuxf/JAbNJjiHsOpG1y5wxk8drtv3ETAHutCu6N3thkOOgueWg==}
+    dependencies:
+      micromark-util-character: 1.2.0
+      micromark-util-sanitize-uri: 1.2.0
+      micromark-util-symbol: 1.1.0
+      micromark-util-types: 1.1.0
+    dev: false
+
+  /micromark-extension-gfm-footnote@1.1.2:
+    resolution: {integrity: sha512-Yxn7z7SxgyGWRNa4wzf8AhYYWNrwl5q1Z8ii+CSTTIqVkmGZF1CElX2JI8g5yGoM3GAman9/PVCUFUSJ0kB/8Q==}
+    dependencies:
+      micromark-core-commonmark: 1.1.0
+      micromark-factory-space: 1.1.0
+      micromark-util-character: 1.2.0
+      micromark-util-normalize-identifier: 1.1.0
+      micromark-util-sanitize-uri: 1.2.0
+      micromark-util-symbol: 1.1.0
+      micromark-util-types: 1.1.0
+      uvu: 0.5.6
+    dev: false
+
+  /micromark-extension-gfm-strikethrough@1.0.7:
+    resolution: {integrity: sha512-sX0FawVE1o3abGk3vRjOH50L5TTLr3b5XMqnP9YDRb34M0v5OoZhG+OHFz1OffZ9dlwgpTBKaT4XW/AsUVnSDw==}
+    dependencies:
+      micromark-util-chunked: 1.1.0
+      micromark-util-classify-character: 1.1.0
+      micromark-util-resolve-all: 1.1.0
+      micromark-util-symbol: 1.1.0
+      micromark-util-types: 1.1.0
+      uvu: 0.5.6
     dev: false
 
-  registry.npmjs.org/micromark-extension-gfm-table@1.0.7:
-    resolution: {integrity: sha512-3ZORTHtcSnMQEKtAOsBQ9/oHp9096pI/UvdPtN7ehKvrmZZ2+bbWhi0ln+I9drmwXMt5boocn6OlwQzNXeVeqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-1.0.7.tgz}
-    name: micromark-extension-gfm-table
-    version: 1.0.7
-    dependencies:
-      micromark-factory-space: registry.npmjs.org/micromark-factory-space@1.1.0
-      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
-      uvu: registry.npmjs.org/uvu@0.5.6
+  /micromark-extension-gfm-table@1.0.7:
+    resolution: {integrity: sha512-3ZORTHtcSnMQEKtAOsBQ9/oHp9096pI/UvdPtN7ehKvrmZZ2+bbWhi0ln+I9drmwXMt5boocn6OlwQzNXeVeqw==}
+    dependencies:
+      micromark-factory-space: 1.1.0
+      micromark-util-character: 1.2.0
+      micromark-util-symbol: 1.1.0
+      micromark-util-types: 1.1.0
+      uvu: 0.5.6
     dev: false
 
-  registry.npmjs.org/micromark-extension-gfm-tagfilter@1.0.2:
-    resolution: {integrity: sha512-5XWB9GbAUSHTn8VPU8/1DBXMuKYT5uOgEjJb8gN3mW0PNW5OPHpSdojoqf+iq1xo7vWzw/P8bAHY0n6ijpXF7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-1.0.2.tgz}
-    name: micromark-extension-gfm-tagfilter
-    version: 1.0.2
+  /micromark-extension-gfm-tagfilter@1.0.2:
+    resolution: {integrity: sha512-5XWB9GbAUSHTn8VPU8/1DBXMuKYT5uOgEjJb8gN3mW0PNW5OPHpSdojoqf+iq1xo7vWzw/P8bAHY0n6ijpXF7g==}
     dependencies:
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      micromark-util-types: 1.1.0
     dev: false
 
-  registry.npmjs.org/micromark-extension-gfm-task-list-item@1.0.5:
-    resolution: {integrity: sha512-RMFXl2uQ0pNQy6Lun2YBYT9g9INXtWJULgbt01D/x8/6yJ2qpKyzdZD3pi6UIkzF++Da49xAelVKUeUMqd5eIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-1.0.5.tgz}
-    name: micromark-extension-gfm-task-list-item
-    version: 1.0.5
+  /micromark-extension-gfm-task-list-item@1.0.5:
+    resolution: {integrity: sha512-RMFXl2uQ0pNQy6Lun2YBYT9g9INXtWJULgbt01D/x8/6yJ2qpKyzdZD3pi6UIkzF++Da49xAelVKUeUMqd5eIQ==}
     dependencies:
-      micromark-factory-space: registry.npmjs.org/micromark-factory-space@1.1.0
-      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
-      uvu: registry.npmjs.org/uvu@0.5.6
+      micromark-factory-space: 1.1.0
+      micromark-util-character: 1.2.0
+      micromark-util-symbol: 1.1.0
+      micromark-util-types: 1.1.0
+      uvu: 0.5.6
     dev: false
 
-  registry.npmjs.org/micromark-extension-gfm@2.0.3:
-    resolution: {integrity: sha512-vb9OoHqrhCmbRidQv/2+Bc6pkP0FrtlhurxZofvOEy5o8RtuuvTq+RQ1Vw5ZDNrVraQZu3HixESqbG+0iKk/MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-extension-gfm/-/micromark-extension-gfm-2.0.3.tgz}
-    name: micromark-extension-gfm
-    version: 2.0.3
+  /micromark-extension-gfm@2.0.3:
+    resolution: {integrity: sha512-vb9OoHqrhCmbRidQv/2+Bc6pkP0FrtlhurxZofvOEy5o8RtuuvTq+RQ1Vw5ZDNrVraQZu3HixESqbG+0iKk/MQ==}
     dependencies:
-      micromark-extension-gfm-autolink-literal: registry.npmjs.org/micromark-extension-gfm-autolink-literal@1.0.5
-      micromark-extension-gfm-footnote: registry.npmjs.org/micromark-extension-gfm-footnote@1.1.2
-      micromark-extension-gfm-strikethrough: registry.npmjs.org/micromark-extension-gfm-strikethrough@1.0.7
-      micromark-extension-gfm-table: registry.npmjs.org/micromark-extension-gfm-table@1.0.7
-      micromark-extension-gfm-tagfilter: registry.npmjs.org/micromark-extension-gfm-tagfilter@1.0.2
-      micromark-extension-gfm-task-list-item: registry.npmjs.org/micromark-extension-gfm-task-list-item@1.0.5
-      micromark-util-combine-extensions: registry.npmjs.org/micromark-util-combine-extensions@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      micromark-extension-gfm-autolink-literal: 1.0.5
+      micromark-extension-gfm-footnote: 1.1.2
+      micromark-extension-gfm-strikethrough: 1.0.7
+      micromark-extension-gfm-table: 1.0.7
+      micromark-extension-gfm-tagfilter: 1.0.2
+      micromark-extension-gfm-task-list-item: 1.0.5
+      micromark-util-combine-extensions: 1.1.0
+      micromark-util-types: 1.1.0
     dev: false
 
-  registry.npmjs.org/micromark-factory-destination@1.1.0:
-    resolution: {integrity: sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-1.1.0.tgz}
-    name: micromark-factory-destination
-    version: 1.1.0
+  /micromark-factory-destination@1.1.0:
+    resolution: {integrity: sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==}
     dependencies:
-      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      micromark-util-character: 1.2.0
+      micromark-util-symbol: 1.1.0
+      micromark-util-types: 1.1.0
     dev: false
 
-  registry.npmjs.org/micromark-factory-label@1.1.0:
-    resolution: {integrity: sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-1.1.0.tgz}
-    name: micromark-factory-label
-    version: 1.1.0
+  /micromark-factory-label@1.1.0:
+    resolution: {integrity: sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==}
     dependencies:
-      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
-      uvu: registry.npmjs.org/uvu@0.5.6
+      micromark-util-character: 1.2.0
+      micromark-util-symbol: 1.1.0
+      micromark-util-types: 1.1.0
+      uvu: 0.5.6
     dev: false
 
-  registry.npmjs.org/micromark-factory-space@1.1.0:
-    resolution: {integrity: sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-1.1.0.tgz}
-    name: micromark-factory-space
-    version: 1.1.0
+  /micromark-factory-space@1.1.0:
+    resolution: {integrity: sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==}
     dependencies:
-      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      micromark-util-character: 1.2.0
+      micromark-util-types: 1.1.0
     dev: false
 
-  registry.npmjs.org/micromark-factory-title@1.1.0:
-    resolution: {integrity: sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-1.1.0.tgz}
-    name: micromark-factory-title
-    version: 1.1.0
+  /micromark-factory-title@1.1.0:
+    resolution: {integrity: sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==}
     dependencies:
-      micromark-factory-space: registry.npmjs.org/micromark-factory-space@1.1.0
-      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      micromark-factory-space: 1.1.0
+      micromark-util-character: 1.2.0
+      micromark-util-symbol: 1.1.0
+      micromark-util-types: 1.1.0
     dev: false
 
-  registry.npmjs.org/micromark-factory-whitespace@1.1.0:
-    resolution: {integrity: sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-1.1.0.tgz}
-    name: micromark-factory-whitespace
-    version: 1.1.0
+  /micromark-factory-whitespace@1.1.0:
+    resolution: {integrity: sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==}
     dependencies:
-      micromark-factory-space: registry.npmjs.org/micromark-factory-space@1.1.0
-      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      micromark-factory-space: 1.1.0
+      micromark-util-character: 1.2.0
+      micromark-util-symbol: 1.1.0
+      micromark-util-types: 1.1.0
     dev: false
 
-  registry.npmjs.org/micromark-util-character@1.2.0:
-    resolution: {integrity: sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-1.2.0.tgz}
-    name: micromark-util-character
-    version: 1.2.0
+  /micromark-util-character@1.2.0:
+    resolution: {integrity: sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==}
     dependencies:
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      micromark-util-symbol: 1.1.0
+      micromark-util-types: 1.1.0
     dev: false
 
-  registry.npmjs.org/micromark-util-chunked@1.1.0:
-    resolution: {integrity: sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-1.1.0.tgz}
-    name: micromark-util-chunked
-    version: 1.1.0
+  /micromark-util-chunked@1.1.0:
+    resolution: {integrity: sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==}
     dependencies:
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-symbol: 1.1.0
     dev: false
 
-  registry.npmjs.org/micromark-util-classify-character@1.1.0:
-    resolution: {integrity: sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-1.1.0.tgz}
-    name: micromark-util-classify-character
-    version: 1.1.0
+  /micromark-util-classify-character@1.1.0:
+    resolution: {integrity: sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==}
     dependencies:
-      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      micromark-util-character: 1.2.0
+      micromark-util-symbol: 1.1.0
+      micromark-util-types: 1.1.0
     dev: false
 
-  registry.npmjs.org/micromark-util-combine-extensions@1.1.0:
-    resolution: {integrity: sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-1.1.0.tgz}
-    name: micromark-util-combine-extensions
-    version: 1.1.0
+  /micromark-util-combine-extensions@1.1.0:
+    resolution: {integrity: sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==}
     dependencies:
-      micromark-util-chunked: registry.npmjs.org/micromark-util-chunked@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      micromark-util-chunked: 1.1.0
+      micromark-util-types: 1.1.0
     dev: false
 
-  registry.npmjs.org/micromark-util-decode-numeric-character-reference@1.1.0:
-    resolution: {integrity: sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-1.1.0.tgz}
-    name: micromark-util-decode-numeric-character-reference
-    version: 1.1.0
+  /micromark-util-decode-numeric-character-reference@1.1.0:
+    resolution: {integrity: sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==}
     dependencies:
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-symbol: 1.1.0
     dev: false
 
-  registry.npmjs.org/micromark-util-decode-string@1.1.0:
-    resolution: {integrity: sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-1.1.0.tgz}
-    name: micromark-util-decode-string
-    version: 1.1.0
+  /micromark-util-decode-string@1.1.0:
+    resolution: {integrity: sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==}
     dependencies:
-      decode-named-character-reference: registry.npmjs.org/decode-named-character-reference@1.0.2
-      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
-      micromark-util-decode-numeric-character-reference: registry.npmjs.org/micromark-util-decode-numeric-character-reference@1.1.0
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      decode-named-character-reference: 1.0.2
+      micromark-util-character: 1.2.0
+      micromark-util-decode-numeric-character-reference: 1.1.0
+      micromark-util-symbol: 1.1.0
     dev: false
 
-  registry.npmjs.org/micromark-util-encode@1.1.0:
-    resolution: {integrity: sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-1.1.0.tgz}
-    name: micromark-util-encode
-    version: 1.1.0
+  /micromark-util-encode@1.1.0:
+    resolution: {integrity: sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw==}
     dev: false
 
-  registry.npmjs.org/micromark-util-html-tag-name@1.2.0:
-    resolution: {integrity: sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-1.2.0.tgz}
-    name: micromark-util-html-tag-name
-    version: 1.2.0
+  /micromark-util-html-tag-name@1.2.0:
+    resolution: {integrity: sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q==}
     dev: false
 
-  registry.npmjs.org/micromark-util-normalize-identifier@1.1.0:
-    resolution: {integrity: sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-1.1.0.tgz}
-    name: micromark-util-normalize-identifier
-    version: 1.1.0
+  /micromark-util-normalize-identifier@1.1.0:
+    resolution: {integrity: sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==}
     dependencies:
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-symbol: 1.1.0
     dev: false
 
-  registry.npmjs.org/micromark-util-resolve-all@1.1.0:
-    resolution: {integrity: sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-1.1.0.tgz}
-    name: micromark-util-resolve-all
-    version: 1.1.0
+  /micromark-util-resolve-all@1.1.0:
+    resolution: {integrity: sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==}
     dependencies:
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
+      micromark-util-types: 1.1.0
     dev: false
 
-  registry.npmjs.org/micromark-util-sanitize-uri@1.2.0:
-    resolution: {integrity: sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-1.2.0.tgz}
-    name: micromark-util-sanitize-uri
-    version: 1.2.0
+  /micromark-util-sanitize-uri@1.2.0:
+    resolution: {integrity: sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==}
     dependencies:
-      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
-      micromark-util-encode: registry.npmjs.org/micromark-util-encode@1.1.0
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
+      micromark-util-character: 1.2.0
+      micromark-util-encode: 1.1.0
+      micromark-util-symbol: 1.1.0
     dev: false
 
-  registry.npmjs.org/micromark-util-subtokenize@1.1.0:
-    resolution: {integrity: sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-1.1.0.tgz}
-    name: micromark-util-subtokenize
-    version: 1.1.0
+  /micromark-util-subtokenize@1.1.0:
+    resolution: {integrity: sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==}
     dependencies:
-      micromark-util-chunked: registry.npmjs.org/micromark-util-chunked@1.1.0
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
-      uvu: registry.npmjs.org/uvu@0.5.6
+      micromark-util-chunked: 1.1.0
+      micromark-util-symbol: 1.1.0
+      micromark-util-types: 1.1.0
+      uvu: 0.5.6
     dev: false
 
-  registry.npmjs.org/micromark-util-symbol@1.1.0:
-    resolution: {integrity: sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-1.1.0.tgz}
-    name: micromark-util-symbol
-    version: 1.1.0
+  /micromark-util-symbol@1.1.0:
+    resolution: {integrity: sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag==}
     dev: false
 
-  registry.npmjs.org/micromark-util-types@1.1.0:
-    resolution: {integrity: sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-1.1.0.tgz}
-    name: micromark-util-types
-    version: 1.1.0
+  /micromark-util-types@1.1.0:
+    resolution: {integrity: sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==}
     dev: false
 
-  registry.npmjs.org/micromark@3.2.0:
-    resolution: {integrity: sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromark/-/micromark-3.2.0.tgz}
-    name: micromark
-    version: 3.2.0
+  /micromark@3.2.0:
+    resolution: {integrity: sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==}
     dependencies:
-      '@types/debug': registry.npmjs.org/@types/debug@4.1.10
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      decode-named-character-reference: registry.npmjs.org/decode-named-character-reference@1.0.2
-      micromark-core-commonmark: registry.npmjs.org/micromark-core-commonmark@1.1.0
-      micromark-factory-space: registry.npmjs.org/micromark-factory-space@1.1.0
-      micromark-util-character: registry.npmjs.org/micromark-util-character@1.2.0
-      micromark-util-chunked: registry.npmjs.org/micromark-util-chunked@1.1.0
-      micromark-util-combine-extensions: registry.npmjs.org/micromark-util-combine-extensions@1.1.0
-      micromark-util-decode-numeric-character-reference: registry.npmjs.org/micromark-util-decode-numeric-character-reference@1.1.0
-      micromark-util-encode: registry.npmjs.org/micromark-util-encode@1.1.0
-      micromark-util-normalize-identifier: registry.npmjs.org/micromark-util-normalize-identifier@1.1.0
-      micromark-util-resolve-all: registry.npmjs.org/micromark-util-resolve-all@1.1.0
-      micromark-util-sanitize-uri: registry.npmjs.org/micromark-util-sanitize-uri@1.2.0
-      micromark-util-subtokenize: registry.npmjs.org/micromark-util-subtokenize@1.1.0
-      micromark-util-symbol: registry.npmjs.org/micromark-util-symbol@1.1.0
-      micromark-util-types: registry.npmjs.org/micromark-util-types@1.1.0
-      uvu: registry.npmjs.org/uvu@0.5.6
+      '@types/debug': 4.1.10
+      debug: 4.3.4(supports-color@8.1.1)
+      decode-named-character-reference: 1.0.2
+      micromark-core-commonmark: 1.1.0
+      micromark-factory-space: 1.1.0
+      micromark-util-character: 1.2.0
+      micromark-util-chunked: 1.1.0
+      micromark-util-combine-extensions: 1.1.0
+      micromark-util-decode-numeric-character-reference: 1.1.0
+      micromark-util-encode: 1.1.0
+      micromark-util-normalize-identifier: 1.1.0
+      micromark-util-resolve-all: 1.1.0
+      micromark-util-sanitize-uri: 1.2.0
+      micromark-util-subtokenize: 1.1.0
+      micromark-util-symbol: 1.1.0
+      micromark-util-types: 1.1.0
+      uvu: 0.5.6
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  registry.npmjs.org/micromatch@4.0.5:
-    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz}
-    name: micromatch
-    version: 4.0.5
+  /micromatch@4.0.5:
+    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
     engines: {node: '>=8.6'}
     dependencies:
-      braces: registry.npmjs.org/braces@3.0.2
-      picomatch: registry.npmjs.org/picomatch@2.3.1
+      braces: 3.0.2
+      picomatch: 2.3.1
 
-  registry.npmjs.org/mime-db@1.52.0:
-    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz}
-    name: mime-db
-    version: 1.52.0
+  /mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
     engines: {node: '>= 0.6'}
     dev: true
 
-  registry.npmjs.org/mime-types@2.1.35:
-    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz}
-    name: mime-types
-    version: 2.1.35
+  /mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
     dependencies:
-      mime-db: registry.npmjs.org/mime-db@1.52.0
+      mime-db: 1.52.0
     dev: true
 
-  registry.npmjs.org/mime@3.0.0:
-    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mime/-/mime-3.0.0.tgz}
-    name: mime
-    version: 3.0.0
+  /mime@3.0.0:
+    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
     engines: {node: '>=10.0.0'}
     hasBin: true
 
-  registry.npmjs.org/mimic-fn@2.1.0:
-    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz}
-    name: mimic-fn
-    version: 2.1.0
+  /mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
     engines: {node: '>=6'}
 
-  registry.npmjs.org/mimic-fn@4.0.0:
-    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz}
-    name: mimic-fn
-    version: 4.0.0
+  /mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/mimic-response@3.1.0:
-    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz}
-    name: mimic-response
-    version: 3.1.0
+  /mimic-response@3.1.0:
+    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
     engines: {node: '>=10'}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/min-indent@1.0.1:
-    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz}
-    name: min-indent
-    version: 1.0.1
+  /min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/minimatch@3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz}
-    name: minimatch
-    version: 3.1.2
+  /minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     dependencies:
-      brace-expansion: registry.npmjs.org/brace-expansion@1.1.11
+      brace-expansion: 1.1.11
     dev: true
 
-  registry.npmjs.org/minimatch@5.1.6:
-    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz}
-    name: minimatch
-    version: 5.1.6
+  /minimatch@5.1.6:
+    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
     engines: {node: '>=10'}
     dependencies:
-      brace-expansion: registry.npmjs.org/brace-expansion@2.0.1
+      brace-expansion: 2.0.1
     dev: true
 
-  registry.npmjs.org/minimist-options@4.1.0:
-    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz}
-    name: minimist-options
-    version: 4.1.0
+  /minimist-options@4.1.0:
+    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
     engines: {node: '>= 6'}
     dependencies:
-      arrify: registry.npmjs.org/arrify@1.0.1
-      is-plain-obj: registry.npmjs.org/is-plain-obj@1.1.0
-      kind-of: registry.npmjs.org/kind-of@6.0.3
+      arrify: 1.0.1
+      is-plain-obj: 1.1.0
+      kind-of: 6.0.3
     dev: true
 
-  registry.npmjs.org/minimist@1.2.8:
-    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz}
-    name: minimist
-    version: 1.2.8
+  /minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
-  registry.npmjs.org/mixme@0.5.9:
-    resolution: {integrity: sha512-VC5fg6ySUscaWUpI4gxCBTQMH2RdUpNrk+MsbpCYtIvf9SBJdiUey4qE7BXviJsJR4nDQxCZ+3yaYNW3guz/Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mixme/-/mixme-0.5.9.tgz}
-    name: mixme
-    version: 0.5.9
+  /mixme@0.5.9:
+    resolution: {integrity: sha512-VC5fg6ySUscaWUpI4gxCBTQMH2RdUpNrk+MsbpCYtIvf9SBJdiUey4qE7BXviJsJR4nDQxCZ+3yaYNW3guz/Pw==}
     engines: {node: '>= 8.0.0'}
     dev: true
 
-  registry.npmjs.org/mkdirp-classic@0.5.3:
-    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz}
-    name: mkdirp-classic
-    version: 0.5.3
+  /mkdirp-classic@0.5.3:
+    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/mkdirp@0.5.6:
-    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz}
-    name: mkdirp
-    version: 0.5.6
+  /mkdirp@0.5.6:
+    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
     hasBin: true
     dependencies:
-      minimist: registry.npmjs.org/minimist@1.2.8
+      minimist: 1.2.8
     dev: true
 
-  registry.npmjs.org/mri@1.2.0:
-    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mri/-/mri-1.2.0.tgz}
-    name: mri
-    version: 1.2.0
+  /mri@1.2.0:
+    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
     engines: {node: '>=4'}
 
-  registry.npmjs.org/mrmime@1.0.1:
-    resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz}
-    name: mrmime
-    version: 1.0.1
+  /mrmime@1.0.1:
+    resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==}
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/ms@2.0.0:
-    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ms/-/ms-2.0.0.tgz}
-    name: ms
-    version: 2.0.0
+  /ms@2.0.0:
+    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
     dev: false
 
-  registry.npmjs.org/ms@2.1.2:
-    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ms/-/ms-2.1.2.tgz}
-    name: ms
-    version: 2.1.2
+  /ms@2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
 
-  registry.npmjs.org/ms@2.1.3:
-    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ms/-/ms-2.1.3.tgz}
-    name: ms
-    version: 2.1.3
+  /ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
-  registry.npmjs.org/nanoid@3.3.6:
-    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz}
-    name: nanoid
-    version: 3.3.6
+  /nanoid@3.3.6:
+    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
     dev: true
 
-  registry.npmjs.org/nanoid@3.3.7:
-    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz}
-    name: nanoid
-    version: 3.3.7
+  /nanoid@3.3.7:
+    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
-  registry.npmjs.org/napi-build-utils@1.0.2:
-    resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-1.0.2.tgz}
-    name: napi-build-utils
-    version: 1.0.2
+  /napi-build-utils@1.0.2:
+    resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/natural-compare-lite@1.4.0:
-    resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz}
-    name: natural-compare-lite
-    version: 1.4.0
+  /natural-compare-lite@1.4.0:
+    resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==}
     dev: true
 
-  registry.npmjs.org/natural-compare@1.4.0:
-    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz}
-    name: natural-compare
-    version: 1.4.0
+  /natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
     dev: true
 
-  registry.npmjs.org/needle@2.9.1:
-    resolution: {integrity: sha512-6R9fqJ5Zcmf+uYaFgdIHmLwNldn5HbK8L5ybn7Uz+ylX/rnOsSp1AHcvQSrCaFN+qNM1wpymHqD7mVasEOlHGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/needle/-/needle-2.9.1.tgz}
-    name: needle
-    version: 2.9.1
+  /needle@2.9.1:
+    resolution: {integrity: sha512-6R9fqJ5Zcmf+uYaFgdIHmLwNldn5HbK8L5ybn7Uz+ylX/rnOsSp1AHcvQSrCaFN+qNM1wpymHqD7mVasEOlHGQ==}
     engines: {node: '>= 4.4.x'}
     hasBin: true
     dependencies:
-      debug: registry.npmjs.org/debug@3.2.7(supports-color@8.1.1)
-      iconv-lite: registry.npmjs.org/iconv-lite@0.4.24
-      sax: registry.npmjs.org/sax@1.3.0
+      debug: 3.2.7(supports-color@8.1.1)
+      iconv-lite: 0.4.24
+      sax: 1.3.0
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  registry.npmjs.org/nlcst-to-string@3.1.1:
-    resolution: {integrity: sha512-63mVyqaqt0cmn2VcI2aH6kxe1rLAmSROqHMA0i4qqg1tidkfExgpb0FGMikMCn86mw5dFtBtEANfmSSK7TjNHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-3.1.1.tgz}
-    name: nlcst-to-string
-    version: 3.1.1
+  /nlcst-to-string@3.1.1:
+    resolution: {integrity: sha512-63mVyqaqt0cmn2VcI2aH6kxe1rLAmSROqHMA0i4qqg1tidkfExgpb0FGMikMCn86mw5dFtBtEANfmSSK7TjNHw==}
     dependencies:
-      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.3
+      '@types/nlcst': 1.0.3
     dev: false
 
-  registry.npmjs.org/no-case@3.0.4:
-    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz}
-    name: no-case
-    version: 3.0.4
+  /no-case@3.0.4:
+    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
     dependencies:
-      lower-case: registry.npmjs.org/lower-case@2.0.2
-      tslib: registry.npmjs.org/tslib@2.6.2
+      lower-case: 2.0.2
+      tslib: 2.6.2
 
-  registry.npmjs.org/node-abi@3.51.0:
-    resolution: {integrity: sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-abi/-/node-abi-3.51.0.tgz}
-    name: node-abi
-    version: 3.51.0
+  /node-abi@3.51.0:
+    resolution: {integrity: sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==}
     engines: {node: '>=10'}
     requiresBuild: true
     dependencies:
-      semver: registry.npmjs.org/semver@7.5.4
+      semver: 7.5.4
     dev: false
     optional: true
 
-  registry.npmjs.org/node-addon-api@6.1.0:
-    resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz}
-    name: node-addon-api
-    version: 6.1.0
+  /node-addon-api@6.1.0:
+    resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/node-fetch@2.7.0:
-    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz}
-    name: node-fetch
-    version: 2.7.0
+  /node-fetch@2.7.0:
+    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
     engines: {node: 4.x || >=6.0.0}
     peerDependencies:
       encoding: ^0.1.0
@@ -9822,586 +7039,494 @@ packages:
       encoding:
         optional: true
     dependencies:
-      whatwg-url: registry.npmjs.org/whatwg-url@5.0.0
+      whatwg-url: 5.0.0
     dev: true
 
-  registry.npmjs.org/node-releases@2.0.13:
-    resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz}
-    name: node-releases
-    version: 2.0.13
+  /node-releases@2.0.13:
+    resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==}
+
+  /node-releases@2.0.14:
+    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
+    dev: false
 
-  registry.npmjs.org/normalize-package-data@2.5.0:
-    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz}
-    name: normalize-package-data
-    version: 2.5.0
+  /normalize-package-data@2.5.0:
+    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
     dependencies:
-      hosted-git-info: registry.npmjs.org/hosted-git-info@2.8.9
-      resolve: registry.npmjs.org/resolve@1.22.8
-      semver: registry.npmjs.org/semver@5.7.2
-      validate-npm-package-license: registry.npmjs.org/validate-npm-package-license@3.0.4
+      hosted-git-info: 2.8.9
+      resolve: 1.22.8
+      semver: 5.7.2
+      validate-npm-package-license: 3.0.4
     dev: true
 
-  registry.npmjs.org/normalize-path@3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz}
-    name: normalize-path
-    version: 3.0.0
+  /normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
 
-  registry.npmjs.org/normalize-range@0.1.2:
-    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz}
-    name: normalize-range
-    version: 0.1.2
+  /normalize-range@0.1.2:
+    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/npm-run-path@4.0.1:
-    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz}
-    name: npm-run-path
-    version: 4.0.1
+  /npm-run-path@4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
     engines: {node: '>=8'}
     dependencies:
-      path-key: registry.npmjs.org/path-key@3.1.1
+      path-key: 3.1.1
     dev: true
 
-  registry.npmjs.org/npm-run-path@5.1.0:
-    resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.1.0.tgz}
-    name: npm-run-path
-    version: 5.1.0
+  /npm-run-path@5.1.0:
+    resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
-      path-key: registry.npmjs.org/path-key@4.0.0
+      path-key: 4.0.0
     dev: false
 
-  registry.npmjs.org/nth-check@2.1.1:
-    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz}
-    name: nth-check
-    version: 2.1.1
+  /nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
     dependencies:
-      boolbase: registry.npmjs.org/boolbase@1.0.0
+      boolbase: 1.0.0
     dev: true
 
-  registry.npmjs.org/object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz}
-    name: object-assign
-    version: 4.1.1
+  /object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/object-inspect@1.13.1:
-    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz}
-    name: object-inspect
-    version: 1.13.1
+  /object-inspect@1.13.1:
+    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
     dev: true
 
-  registry.npmjs.org/object-keys@1.1.1:
-    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz}
-    name: object-keys
-    version: 1.1.1
+  /object-keys@1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
     engines: {node: '>= 0.4'}
     dev: true
 
-  registry.npmjs.org/object.assign@4.1.5:
-    resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz}
-    name: object.assign
-    version: 4.1.5
+  /object.assign@4.1.5:
+    resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      has-symbols: registry.npmjs.org/has-symbols@1.0.3
-      object-keys: registry.npmjs.org/object-keys@1.1.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      has-symbols: 1.0.3
+      object-keys: 1.1.1
     dev: true
 
-  registry.npmjs.org/object.entries@1.1.7:
-    resolution: {integrity: sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz}
-    name: object.entries
-    version: 1.1.7
+  /object.entries@1.1.7:
+    resolution: {integrity: sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
     dev: true
 
-  registry.npmjs.org/object.fromentries@2.0.7:
-    resolution: {integrity: sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz}
-    name: object.fromentries
-    version: 2.0.7
+  /object.fromentries@2.0.7:
+    resolution: {integrity: sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
     dev: true
 
-  registry.npmjs.org/object.hasown@1.1.3:
-    resolution: {integrity: sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz}
-    name: object.hasown
-    version: 1.1.3
+  /object.hasown@1.1.3:
+    resolution: {integrity: sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==}
     dependencies:
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
     dev: true
 
-  registry.npmjs.org/object.values@1.1.7:
-    resolution: {integrity: sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz}
-    name: object.values
-    version: 1.1.7
+  /object.values@1.1.7:
+    resolution: {integrity: sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
     dev: true
 
-  registry.npmjs.org/once@1.4.0:
-    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/once/-/once-1.4.0.tgz}
-    name: once
-    version: 1.4.0
+  /once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
     dependencies:
-      wrappy: registry.npmjs.org/wrappy@1.0.2
+      wrappy: 1.0.2
 
-  registry.npmjs.org/onetime@5.1.2:
-    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz}
-    name: onetime
-    version: 5.1.2
+  /onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
     engines: {node: '>=6'}
     dependencies:
-      mimic-fn: registry.npmjs.org/mimic-fn@2.1.0
+      mimic-fn: 2.1.0
 
-  registry.npmjs.org/onetime@6.0.0:
-    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz}
-    name: onetime
-    version: 6.0.0
+  /onetime@6.0.0:
+    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
     engines: {node: '>=12'}
     dependencies:
-      mimic-fn: registry.npmjs.org/mimic-fn@4.0.0
+      mimic-fn: 4.0.0
     dev: false
 
-  registry.npmjs.org/optionator@0.9.3:
-    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz}
-    name: optionator
-    version: 0.9.3
+  /optionator@0.9.3:
+    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
     engines: {node: '>= 0.8.0'}
     dependencies:
-      '@aashutoshrathi/word-wrap': registry.npmjs.org/@aashutoshrathi/word-wrap@1.2.6
-      deep-is: registry.npmjs.org/deep-is@0.1.4
-      fast-levenshtein: registry.npmjs.org/fast-levenshtein@2.0.6
-      levn: registry.npmjs.org/levn@0.4.1
-      prelude-ls: registry.npmjs.org/prelude-ls@1.2.1
-      type-check: registry.npmjs.org/type-check@0.4.0
+      '@aashutoshrathi/word-wrap': 1.2.6
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
     dev: true
 
-  registry.npmjs.org/ora@7.0.1:
-    resolution: {integrity: sha512-0TUxTiFJWv+JnjWm4o9yvuskpEJLXTcng8MJuKd+SzAzp2o+OP3HWqNhB4OdJRt1Vsd9/mR0oyaEYlOnL7XIRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ora/-/ora-7.0.1.tgz}
-    name: ora
-    version: 7.0.1
+  /ora@7.0.1:
+    resolution: {integrity: sha512-0TUxTiFJWv+JnjWm4o9yvuskpEJLXTcng8MJuKd+SzAzp2o+OP3HWqNhB4OdJRt1Vsd9/mR0oyaEYlOnL7XIRw==}
     engines: {node: '>=16'}
     dependencies:
-      chalk: registry.npmjs.org/chalk@5.3.0
-      cli-cursor: registry.npmjs.org/cli-cursor@4.0.0
-      cli-spinners: registry.npmjs.org/cli-spinners@2.9.1
-      is-interactive: registry.npmjs.org/is-interactive@2.0.0
-      is-unicode-supported: registry.npmjs.org/is-unicode-supported@1.3.0
-      log-symbols: registry.npmjs.org/log-symbols@5.1.0
-      stdin-discarder: registry.npmjs.org/stdin-discarder@0.1.0
-      string-width: registry.npmjs.org/string-width@6.1.0
-      strip-ansi: registry.npmjs.org/strip-ansi@7.1.0
-    dev: false
-
-  registry.npmjs.org/os-tmpdir@1.0.2:
-    resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz}
-    name: os-tmpdir
-    version: 1.0.2
+      chalk: 5.3.0
+      cli-cursor: 4.0.0
+      cli-spinners: 2.9.1
+      is-interactive: 2.0.0
+      is-unicode-supported: 1.3.0
+      log-symbols: 5.1.0
+      stdin-discarder: 0.1.0
+      string-width: 6.1.0
+      strip-ansi: 7.1.0
+    dev: false
+
+  /os-tmpdir@1.0.2:
+    resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/ospath@1.2.2:
-    resolution: {integrity: sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ospath/-/ospath-1.2.2.tgz}
-    name: ospath
-    version: 1.2.2
+  /ospath@1.2.2:
+    resolution: {integrity: sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==}
     dev: true
 
-  registry.npmjs.org/outdent@0.5.0:
-    resolution: {integrity: sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/outdent/-/outdent-0.5.0.tgz}
-    name: outdent
-    version: 0.5.0
+  /outdent@0.5.0:
+    resolution: {integrity: sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q==}
     dev: true
 
-  registry.npmjs.org/p-filter@2.1.0:
-    resolution: {integrity: sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-filter/-/p-filter-2.1.0.tgz}
-    name: p-filter
-    version: 2.1.0
+  /p-filter@2.1.0:
+    resolution: {integrity: sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw==}
     engines: {node: '>=8'}
     dependencies:
-      p-map: registry.npmjs.org/p-map@2.1.0
+      p-map: 2.1.0
     dev: true
 
-  registry.npmjs.org/p-limit@2.3.0:
-    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz}
-    name: p-limit
-    version: 2.3.0
+  /p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
     engines: {node: '>=6'}
     dependencies:
-      p-try: registry.npmjs.org/p-try@2.2.0
+      p-try: 2.2.0
 
-  registry.npmjs.org/p-limit@3.1.0:
-    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz}
-    name: p-limit
-    version: 3.1.0
+  /p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
     engines: {node: '>=10'}
     dependencies:
-      yocto-queue: registry.npmjs.org/yocto-queue@0.1.0
+      yocto-queue: 0.1.0
 
-  registry.npmjs.org/p-limit@4.0.0:
-    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz}
-    name: p-limit
-    version: 4.0.0
+  /p-limit@4.0.0:
+    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
-      yocto-queue: registry.npmjs.org/yocto-queue@1.0.0
+      yocto-queue: 1.0.0
     dev: false
 
-  registry.npmjs.org/p-locate@4.1.0:
-    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz}
-    name: p-locate
-    version: 4.1.0
+  /p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
     engines: {node: '>=8'}
     dependencies:
-      p-limit: registry.npmjs.org/p-limit@2.3.0
+      p-limit: 2.3.0
 
-  registry.npmjs.org/p-locate@5.0.0:
-    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz}
-    name: p-locate
-    version: 5.0.0
+  /p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
     engines: {node: '>=10'}
     dependencies:
-      p-limit: registry.npmjs.org/p-limit@3.1.0
+      p-limit: 3.1.0
 
-  registry.npmjs.org/p-map@2.1.0:
-    resolution: {integrity: sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-map/-/p-map-2.1.0.tgz}
-    name: p-map
-    version: 2.1.0
+  /p-map@2.1.0:
+    resolution: {integrity: sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==}
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/p-map@4.0.0:
-    resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz}
-    name: p-map
-    version: 4.0.0
+  /p-map@4.0.0:
+    resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==}
     engines: {node: '>=10'}
     dependencies:
-      aggregate-error: registry.npmjs.org/aggregate-error@3.1.0
+      aggregate-error: 3.1.0
     dev: true
 
-  registry.npmjs.org/p-try@2.2.0:
-    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz}
-    name: p-try
-    version: 2.2.0
+  /p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
     engines: {node: '>=6'}
 
-  registry.npmjs.org/parent-module@1.0.1:
-    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz}
-    name: parent-module
-    version: 1.0.1
+  /parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
     dependencies:
-      callsites: registry.npmjs.org/callsites@3.1.0
+      callsites: 3.1.0
     dev: true
 
-  registry.npmjs.org/parse-json@5.2.0:
-    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz}
-    name: parse-json
-    version: 5.2.0
+  /parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
     engines: {node: '>=8'}
     dependencies:
-      '@babel/code-frame': registry.npmjs.org/@babel/code-frame@7.22.13
-      error-ex: registry.npmjs.org/error-ex@1.3.2
-      json-parse-even-better-errors: registry.npmjs.org/json-parse-even-better-errors@2.3.1
-      lines-and-columns: registry.npmjs.org/lines-and-columns@1.2.4
+      '@babel/code-frame': 7.22.13
+      error-ex: 1.3.2
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
     dev: true
 
-  registry.npmjs.org/parse-latin@5.0.1:
-    resolution: {integrity: sha512-b/K8ExXaWC9t34kKeDV8kGXBkXZ1HCSAZRYE7HR14eA1GlXX5L8iWhs8USJNhQU9q5ci413jCKF0gOyovvyRBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parse-latin/-/parse-latin-5.0.1.tgz}
-    name: parse-latin
-    version: 5.0.1
+  /parse-latin@5.0.1:
+    resolution: {integrity: sha512-b/K8ExXaWC9t34kKeDV8kGXBkXZ1HCSAZRYE7HR14eA1GlXX5L8iWhs8USJNhQU9q5ci413jCKF0gOyovvyRBg==}
     dependencies:
-      nlcst-to-string: registry.npmjs.org/nlcst-to-string@3.1.1
-      unist-util-modify-children: registry.npmjs.org/unist-util-modify-children@3.1.1
-      unist-util-visit-children: registry.npmjs.org/unist-util-visit-children@2.0.2
+      nlcst-to-string: 3.1.1
+      unist-util-modify-children: 3.1.1
+      unist-util-visit-children: 2.0.2
     dev: false
 
-  registry.npmjs.org/parse5@6.0.1:
-    resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz}
-    name: parse5
-    version: 6.0.1
+  /parse5@6.0.1:
+    resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==}
     dev: false
 
-  registry.npmjs.org/pascal-case@3.1.2:
-    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz}
-    name: pascal-case
-    version: 3.1.2
+  /pascal-case@3.1.2:
+    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
     dependencies:
-      no-case: registry.npmjs.org/no-case@3.0.4
-      tslib: registry.npmjs.org/tslib@2.6.2
+      no-case: 3.0.4
+      tslib: 2.6.2
 
-  registry.npmjs.org/path-exists@4.0.0:
-    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz}
-    name: path-exists
-    version: 4.0.0
+  /path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
 
-  registry.npmjs.org/path-is-absolute@1.0.1:
-    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz}
-    name: path-is-absolute
-    version: 1.0.1
+  /path-is-absolute@1.0.1:
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/path-key@3.1.1:
-    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz}
-    name: path-key
-    version: 3.1.1
+  /path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
 
-  registry.npmjs.org/path-key@4.0.0:
-    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz}
-    name: path-key
-    version: 4.0.0
+  /path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/path-parse@1.0.7:
-    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz}
-    name: path-parse
-    version: 1.0.7
+  /path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
-  registry.npmjs.org/path-to-regexp@6.2.1:
-    resolution: {integrity: sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.2.1.tgz}
-    name: path-to-regexp
-    version: 6.2.1
+  /path-to-regexp@6.2.1:
+    resolution: {integrity: sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==}
     dev: false
 
-  registry.npmjs.org/path-type@4.0.0:
-    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz}
-    name: path-type
-    version: 4.0.0
+  /path-type@4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/pause-stream@0.0.11:
-    resolution: {integrity: sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz}
-    name: pause-stream
-    version: 0.0.11
+  /path-type@5.0.0:
+    resolution: {integrity: sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /pause-stream@0.0.11:
+    resolution: {integrity: sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==}
     dependencies:
-      through: registry.npmjs.org/through@2.3.8
+      through: 2.3.8
     dev: true
 
-  registry.npmjs.org/pend@1.2.0:
-    resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pend/-/pend-1.2.0.tgz}
-    name: pend
-    version: 1.2.0
+  /pend@1.2.0:
+    resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==}
     dev: true
 
-  registry.npmjs.org/performance-now@2.1.0:
-    resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz}
-    name: performance-now
-    version: 2.1.0
+  /performance-now@2.1.0:
+    resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==}
     dev: true
 
-  registry.npmjs.org/periscopic@3.1.0:
-    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz}
-    name: periscopic
-    version: 3.1.0
+  /periscopic@3.1.0:
+    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
     dependencies:
-      '@types/estree': registry.npmjs.org/@types/estree@1.0.3
-      estree-walker: registry.npmjs.org/estree-walker@3.0.3
-      is-reference: registry.npmjs.org/is-reference@3.0.2
+      '@types/estree': 1.0.3
+      estree-walker: 3.0.3
+      is-reference: 3.0.2
 
-  registry.npmjs.org/picocolors@1.0.0:
-    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz}
-    name: picocolors
-    version: 1.0.0
+  /picocolors@1.0.0:
+    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
 
-  registry.npmjs.org/picomatch@2.3.1:
-    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz}
-    name: picomatch
-    version: 2.3.1
+  /picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
 
-  registry.npmjs.org/pify@2.3.0:
-    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pify/-/pify-2.3.0.tgz}
-    name: pify
-    version: 2.3.0
+  /pify@2.3.0:
+    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/pify@4.0.1:
-    resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pify/-/pify-4.0.1.tgz}
-    name: pify
-    version: 4.0.1
+  /pify@4.0.1:
+    resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
     engines: {node: '>=6'}
 
-  registry.npmjs.org/pkg-dir@4.2.0:
-    resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz}
-    name: pkg-dir
-    version: 4.2.0
+  /pkg-dir@4.2.0:
+    resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
     engines: {node: '>=8'}
     dependencies:
-      find-up: registry.npmjs.org/find-up@4.1.0
+      find-up: 4.1.0
+
+  /playwright-core@1.40.1:
+    resolution: {integrity: sha512-+hkOycxPiV534c4HhpfX6yrlawqVUzITRKwHAmYfmsVreltEl6fAZJ3DPfLMOODw0H3s1Itd6MDCWmP1fl/QvQ==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  /playwright@1.40.1:
+    resolution: {integrity: sha512-2eHI7IioIpQ0bS1Ovg/HszsN/XKNwEG1kbzSDDmADpclKc7CyqkHw7Mg2JCz/bbCxg25QUPcjksoMW7JcIFQmw==}
+    engines: {node: '>=16'}
+    hasBin: true
+    dependencies:
+      playwright-core: 1.40.1
+    optionalDependencies:
+      fsevents: 2.3.2
 
-  registry.npmjs.org/postcss-calc@9.0.1(postcss@8.4.21):
-    resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-calc/-/postcss-calc-9.0.1.tgz}
-    id: registry.npmjs.org/postcss-calc/9.0.1
-    name: postcss-calc
-    version: 9.0.1
+  /postcss-calc@9.0.1(postcss@8.4.21):
+    resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.2
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      postcss: 8.4.21
+      postcss-selector-parser: 6.0.13
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-cli@10.1.0(postcss@8.4.21):
-    resolution: {integrity: sha512-Zu7PLORkE9YwNdvOeOVKPmWghprOtjFQU3srMUGbdz3pHJiFh7yZ4geiZFMkjMfB0mtTFR3h8RemR62rPkbOPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-cli/-/postcss-cli-10.1.0.tgz}
-    id: registry.npmjs.org/postcss-cli/10.1.0
-    name: postcss-cli
-    version: 10.1.0
+  /postcss-cli@10.1.0(postcss@8.4.21):
+    resolution: {integrity: sha512-Zu7PLORkE9YwNdvOeOVKPmWghprOtjFQU3srMUGbdz3pHJiFh7yZ4geiZFMkjMfB0mtTFR3h8RemR62rPkbOPA==}
     engines: {node: '>=14'}
     hasBin: true
     peerDependencies:
       postcss: ^8.0.0
     dependencies:
-      chokidar: registry.npmjs.org/chokidar@3.5.3
-      dependency-graph: registry.npmjs.org/dependency-graph@0.11.0
-      fs-extra: registry.npmjs.org/fs-extra@11.1.1
-      get-stdin: registry.npmjs.org/get-stdin@9.0.0
-      globby: registry.npmjs.org/globby@13.2.2
-      picocolors: registry.npmjs.org/picocolors@1.0.0
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-load-config: registry.npmjs.org/postcss-load-config@4.0.1(postcss@8.4.21)
-      postcss-reporter: registry.npmjs.org/postcss-reporter@7.0.5(postcss@8.4.21)
-      pretty-hrtime: registry.npmjs.org/pretty-hrtime@1.0.3
-      read-cache: registry.npmjs.org/read-cache@1.0.0
-      slash: registry.npmjs.org/slash@5.1.0
-      yargs: registry.npmjs.org/yargs@17.7.2
+      chokidar: 3.5.3
+      dependency-graph: 0.11.0
+      fs-extra: 11.1.1
+      get-stdin: 9.0.0
+      globby: 13.2.2
+      picocolors: 1.0.0
+      postcss: 8.4.21
+      postcss-load-config: 4.0.1(postcss@8.4.21)
+      postcss-reporter: 7.0.5(postcss@8.4.21)
+      pretty-hrtime: 1.0.3
+      read-cache: 1.0.0
+      slash: 5.1.0
+      yargs: 17.7.2
     transitivePeerDependencies:
       - ts-node
     dev: true
 
-  registry.npmjs.org/postcss-colormin@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-EuO+bAUmutWoZYgHn2T1dG1pPqHU6L4TjzPlu4t1wZGXQ/fxV16xg2EJmYi0z+6r+MGV1yvpx1BHkUaRrPa2bw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-colormin/6.0.0
-    name: postcss-colormin
-    version: 6.0.0
+  /postcss-cli@11.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-xMITAI7M0u1yolVcXJ9XTZiO9aO49mcoKQy6pCDFdMh9kGqhzLVpWxeD/32M/QBmkhcGypZFFOLNLmIW4Pg4RA==}
+    engines: {node: '>=18'}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.0.0
+    dependencies:
+      chokidar: 3.5.3
+      dependency-graph: 0.11.0
+      fs-extra: 11.2.0
+      get-stdin: 9.0.0
+      globby: 14.0.0
+      picocolors: 1.0.0
+      postcss: 8.4.21
+      postcss-load-config: 5.0.2(postcss@8.4.21)
+      postcss-reporter: 7.0.5(postcss@8.4.21)
+      pretty-hrtime: 1.0.3
+      read-cache: 1.0.0
+      slash: 5.1.0
+      yargs: 17.7.2
+    transitivePeerDependencies:
+      - jiti
+    dev: true
+
+  /postcss-colormin@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-EuO+bAUmutWoZYgHn2T1dG1pPqHU6L4TjzPlu4t1wZGXQ/fxV16xg2EJmYi0z+6r+MGV1yvpx1BHkUaRrPa2bw==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.22.1
-      caniuse-api: registry.npmjs.org/caniuse-api@3.0.0
-      colord: registry.npmjs.org/colord@2.9.3
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      browserslist: 4.22.1
+      caniuse-api: 3.0.0
+      colord: 2.9.3
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.21):
-    resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-combine-duplicated-selectors/-/postcss-combine-duplicated-selectors-10.0.3.tgz}
-    id: registry.npmjs.org/postcss-combine-duplicated-selectors/10.0.3
-    name: postcss-combine-duplicated-selectors
-    version: 10.0.3
+  /postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.21):
+    resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==}
     engines: {node: ^10.0.0 || ^12.0.0 || >=14.0.0}
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
+      postcss: 8.4.21
+      postcss-selector-parser: 6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-convert-values@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-U5D8QhVwqT++ecmy8rnTb+RL9n/B806UVaS3m60lqle4YDFcpbS3ae5bTQIh3wOGUSDHSEtMYLs/38dNG7EYFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-convert-values/6.0.0
-    name: postcss-convert-values
-    version: 6.0.0
+  /postcss-convert-values@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-U5D8QhVwqT++ecmy8rnTb+RL9n/B806UVaS3m60lqle4YDFcpbS3ae5bTQIh3wOGUSDHSEtMYLs/38dNG7EYFw==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.22.1
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      browserslist: 4.22.1
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-discard-comments@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-p2skSGqzPMZkEQvJsgnkBhCn8gI7NzRH2683EEjrIkoMiwRELx68yoUJ3q3DGSGuQ8Ug9Gsn+OuDr46yfO+eFw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-discard-comments/6.0.0
-    name: postcss-discard-comments
-    version: 6.0.0
+  /postcss-discard-comments@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-p2skSGqzPMZkEQvJsgnkBhCn8gI7NzRH2683EEjrIkoMiwRELx68yoUJ3q3DGSGuQ8Ug9Gsn+OuDr46yfO+eFw==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
+      postcss: 8.4.21
     dev: true
 
-  registry.npmjs.org/postcss-discard-duplicates@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-bU1SXIizMLtDW4oSsi5C/xHKbhLlhek/0/yCnoMQany9k3nPBq+Ctsv/9oMmyqbR96HYHxZcHyK2HR5P/mqoGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-discard-duplicates/6.0.0
-    name: postcss-discard-duplicates
-    version: 6.0.0
+  /postcss-discard-duplicates@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-bU1SXIizMLtDW4oSsi5C/xHKbhLlhek/0/yCnoMQany9k3nPBq+Ctsv/9oMmyqbR96HYHxZcHyK2HR5P/mqoGA==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
+      postcss: 8.4.21
     dev: true
 
-  registry.npmjs.org/postcss-discard-empty@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-b+h1S1VT6dNhpcg+LpyiUrdnEZfICF0my7HAKgJixJLW7BnNmpRH34+uw/etf5AhOlIhIAuXApSzzDzMI9K/gQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-discard-empty/6.0.0
-    name: postcss-discard-empty
-    version: 6.0.0
+  /postcss-discard-empty@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-b+h1S1VT6dNhpcg+LpyiUrdnEZfICF0my7HAKgJixJLW7BnNmpRH34+uw/etf5AhOlIhIAuXApSzzDzMI9K/gQ==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
+      postcss: 8.4.21
     dev: true
 
-  registry.npmjs.org/postcss-discard-overridden@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-discard-overridden/6.0.0
-    name: postcss-discard-overridden
-    version: 6.0.0
+  /postcss-discard-overridden@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
+      postcss: 8.4.21
     dev: true
 
-  registry.npmjs.org/postcss-import@15.1.0(postcss@8.4.21):
-    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz}
-    id: registry.npmjs.org/postcss-import/15.1.0
-    name: postcss-import
-    version: 15.1.0
+  /postcss-import@15.1.0(postcss@8.4.21):
+    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       postcss: ^8.0.0
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
-      read-cache: registry.npmjs.org/read-cache@1.0.0
-      resolve: registry.npmjs.org/resolve@1.22.8
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.8
     dev: true
 
-  registry.npmjs.org/postcss-load-config@3.1.4(postcss@8.4.31):
-    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz}
-    id: registry.npmjs.org/postcss-load-config/3.1.4
-    name: postcss-load-config
-    version: 3.1.4
+  /postcss-load-config@3.1.4(postcss@8.4.31):
+    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
     engines: {node: '>= 10'}
     peerDependencies:
       postcss: '>=8.0.9'
@@ -10412,16 +7537,13 @@ packages:
       ts-node:
         optional: true
     dependencies:
-      lilconfig: registry.npmjs.org/lilconfig@2.1.0
-      postcss: registry.npmjs.org/postcss@8.4.31
-      yaml: registry.npmjs.org/yaml@1.10.2
+      lilconfig: 2.1.0
+      postcss: 8.4.31
+      yaml: 1.10.2
     dev: true
 
-  registry.npmjs.org/postcss-load-config@4.0.1(postcss@8.4.21):
-    resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz}
-    id: registry.npmjs.org/postcss-load-config/4.0.1
-    name: postcss-load-config
-    version: 4.0.1
+  /postcss-load-config@4.0.1(postcss@8.4.21):
+    resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==}
     engines: {node: '>= 14'}
     peerDependencies:
       postcss: '>=8.0.9'
@@ -10432,1842 +7554,1471 @@ packages:
       ts-node:
         optional: true
     dependencies:
-      lilconfig: registry.npmjs.org/lilconfig@2.1.0
-      postcss: registry.npmjs.org/postcss@8.4.21
-      yaml: registry.npmjs.org/yaml@2.3.3
+      lilconfig: 2.1.0
+      postcss: 8.4.21
+      yaml: 2.3.3
+    dev: true
+
+  /postcss-load-config@5.0.2(postcss@8.4.21):
+    resolution: {integrity: sha512-Q8QR3FYbqOKa0bnC1UQ2bFq9/ulHX5Bi34muzitMr8aDtUelO5xKeJEYC/5smE0jNE9zdB/NBnOwXKexELbRlw==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      jiti: '>=1.21.0'
+      postcss: '>=8.0.9'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+      postcss:
+        optional: true
+    dependencies:
+      lilconfig: 3.0.0
+      postcss: 8.4.21
+      yaml: 2.3.4
     dev: true
 
-  registry.npmjs.org/postcss-merge-longhand@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-4VSfd1lvGkLTLYcxFuISDtWUfFS4zXe0FpF149AyziftPFQIWxjvFSKhA4MIxMe4XM3yTDgQMbSNgzIVxChbIg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-merge-longhand/6.0.0
-    name: postcss-merge-longhand
-    version: 6.0.0
+  /postcss-merge-longhand@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-4VSfd1lvGkLTLYcxFuISDtWUfFS4zXe0FpF149AyziftPFQIWxjvFSKhA4MIxMe4XM3yTDgQMbSNgzIVxChbIg==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
-      stylehacks: registry.npmjs.org/stylehacks@6.0.0(postcss@8.4.21)
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
+      stylehacks: 6.0.0(postcss@8.4.21)
     dev: true
 
-  registry.npmjs.org/postcss-merge-rules@6.0.1(postcss@8.4.21):
-    resolution: {integrity: sha512-a4tlmJIQo9SCjcfiCcCMg/ZCEe0XTkl/xK0XHBs955GWg9xDX3NwP9pwZ78QUOWB8/0XCjZeJn98Dae0zg6AAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-6.0.1.tgz}
-    id: registry.npmjs.org/postcss-merge-rules/6.0.1
-    name: postcss-merge-rules
-    version: 6.0.1
+  /postcss-merge-rules@6.0.1(postcss@8.4.21):
+    resolution: {integrity: sha512-a4tlmJIQo9SCjcfiCcCMg/ZCEe0XTkl/xK0XHBs955GWg9xDX3NwP9pwZ78QUOWB8/0XCjZeJn98Dae0zg6AAw==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.22.1
-      caniuse-api: registry.npmjs.org/caniuse-api@3.0.0
-      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.21)
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
+      browserslist: 4.22.1
+      caniuse-api: 3.0.0
+      cssnano-utils: 4.0.0(postcss@8.4.21)
+      postcss: 8.4.21
+      postcss-selector-parser: 6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-minify-font-values@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-zNRAVtyh5E8ndZEYXA4WS8ZYsAp798HiIQ1V2UF/C/munLp2r1UGHwf1+6JFu7hdEhJFN+W1WJQKBrtjhFgEnA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-minify-font-values/6.0.0
-    name: postcss-minify-font-values
-    version: 6.0.0
+  /postcss-minify-font-values@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-zNRAVtyh5E8ndZEYXA4WS8ZYsAp798HiIQ1V2UF/C/munLp2r1UGHwf1+6JFu7hdEhJFN+W1WJQKBrtjhFgEnA==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-minify-gradients@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-wO0F6YfVAR+K1xVxF53ueZJza3L+R3E6cp0VwuXJQejnNUH0DjcAFe3JEBeTY1dLwGa0NlDWueCA1VlEfiKgAA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-minify-gradients/6.0.0
-    name: postcss-minify-gradients
-    version: 6.0.0
+  /postcss-minify-gradients@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-wO0F6YfVAR+K1xVxF53ueZJza3L+R3E6cp0VwuXJQejnNUH0DjcAFe3JEBeTY1dLwGa0NlDWueCA1VlEfiKgAA==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      colord: registry.npmjs.org/colord@2.9.3
-      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.21)
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      colord: 2.9.3
+      cssnano-utils: 4.0.0(postcss@8.4.21)
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-minify-params@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-Fz/wMQDveiS0n5JPcvsMeyNXOIMrwF88n7196puSuQSWSa+/Ofc1gDOSY2xi8+A4PqB5dlYCKk/WfqKqsI+ReQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-minify-params/6.0.0
-    name: postcss-minify-params
-    version: 6.0.0
+  /postcss-minify-params@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-Fz/wMQDveiS0n5JPcvsMeyNXOIMrwF88n7196puSuQSWSa+/Ofc1gDOSY2xi8+A4PqB5dlYCKk/WfqKqsI+ReQ==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.22.1
-      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.21)
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      browserslist: 4.22.1
+      cssnano-utils: 4.0.0(postcss@8.4.21)
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-minify-selectors@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-ec/q9JNCOC2CRDNnypipGfOhbYPuUkewGwLnbv6omue/PSASbHSU7s6uSQ0tcFRVv731oMIx8k0SP4ZX6be/0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-minify-selectors/6.0.0
-    name: postcss-minify-selectors
-    version: 6.0.0
+  /postcss-minify-selectors@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-ec/q9JNCOC2CRDNnypipGfOhbYPuUkewGwLnbv6omue/PSASbHSU7s6uSQ0tcFRVv731oMIx8k0SP4ZX6be/0g==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
+      postcss: 8.4.21
+      postcss-selector-parser: 6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-nested@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-nested/6.0.0
-    name: postcss-nested
-    version: 6.0.0
+  /postcss-nested@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.2.14
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
+      postcss: 8.4.21
+      postcss-selector-parser: 6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-normalize-charset@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-cqundwChbu8yO/gSWkuFDmKrCZ2vJzDAocheT2JTd0sFNA4HMGoKMfbk2B+J0OmO0t5GUkiAkSM5yF2rSLUjgQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-normalize-charset/6.0.0
-    name: postcss-normalize-charset
-    version: 6.0.0
+  /postcss-normalize-charset@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-cqundwChbu8yO/gSWkuFDmKrCZ2vJzDAocheT2JTd0sFNA4HMGoKMfbk2B+J0OmO0t5GUkiAkSM5yF2rSLUjgQ==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
+      postcss: 8.4.21
     dev: true
 
-  registry.npmjs.org/postcss-normalize-display-values@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-normalize-display-values/6.0.0
-    name: postcss-normalize-display-values
-    version: 6.0.0
+  /postcss-normalize-display-values@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-normalize-positions@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-mPCzhSV8+30FZyWhxi6UoVRYd3ZBJgTRly4hOkaSifo0H+pjDYcii/aVT4YE6QpOil15a5uiv6ftnY3rm0igPg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-normalize-positions/6.0.0
-    name: postcss-normalize-positions
-    version: 6.0.0
+  /postcss-normalize-positions@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-mPCzhSV8+30FZyWhxi6UoVRYd3ZBJgTRly4hOkaSifo0H+pjDYcii/aVT4YE6QpOil15a5uiv6ftnY3rm0igPg==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-normalize-repeat-style@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-50W5JWEBiOOAez2AKBh4kRFm2uhrT3O1Uwdxz7k24aKtbD83vqmcVG7zoIwo6xI2FZ/HDlbrCopXhLeTpQib1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-normalize-repeat-style/6.0.0
-    name: postcss-normalize-repeat-style
-    version: 6.0.0
+  /postcss-normalize-repeat-style@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-50W5JWEBiOOAez2AKBh4kRFm2uhrT3O1Uwdxz7k24aKtbD83vqmcVG7zoIwo6xI2FZ/HDlbrCopXhLeTpQib1A==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-normalize-string@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-KWkIB7TrPOiqb8ZZz6homet2KWKJwIlysF5ICPZrXAylGe2hzX/HSf4NTX2rRPJMAtlRsj/yfkrWGavFuB+c0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-normalize-string/6.0.0
-    name: postcss-normalize-string
-    version: 6.0.0
+  /postcss-normalize-string@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-KWkIB7TrPOiqb8ZZz6homet2KWKJwIlysF5ICPZrXAylGe2hzX/HSf4NTX2rRPJMAtlRsj/yfkrWGavFuB+c0w==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-normalize-timing-functions@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-tpIXWciXBp5CiFs8sem90IWlw76FV4oi6QEWfQwyeREVwUy39VSeSqjAT7X0Qw650yAimYW5gkl2Gd871N5SQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-normalize-timing-functions/6.0.0
-    name: postcss-normalize-timing-functions
-    version: 6.0.0
+  /postcss-normalize-timing-functions@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-tpIXWciXBp5CiFs8sem90IWlw76FV4oi6QEWfQwyeREVwUy39VSeSqjAT7X0Qw650yAimYW5gkl2Gd871N5SQg==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-normalize-unicode@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-ui5crYkb5ubEUDugDc786L/Me+DXp2dLg3fVJbqyAl0VPkAeALyAijF2zOsnZyaS1HyfPuMH0DwyY18VMFVNkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-normalize-unicode/6.0.0
-    name: postcss-normalize-unicode
-    version: 6.0.0
+  /postcss-normalize-unicode@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-ui5crYkb5ubEUDugDc786L/Me+DXp2dLg3fVJbqyAl0VPkAeALyAijF2zOsnZyaS1HyfPuMH0DwyY18VMFVNkg==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.22.1
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      browserslist: 4.22.1
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-normalize-url@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-98mvh2QzIPbb02YDIrYvAg4OUzGH7s1ZgHlD3fIdTHLgPLRpv1ZTKJDnSAKr4Rt21ZQFzwhGMXxpXlfrUBKFHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-normalize-url/6.0.0
-    name: postcss-normalize-url
-    version: 6.0.0
+  /postcss-normalize-url@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-98mvh2QzIPbb02YDIrYvAg4OUzGH7s1ZgHlD3fIdTHLgPLRpv1ZTKJDnSAKr4Rt21ZQFzwhGMXxpXlfrUBKFHw==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-normalize-whitespace@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-7cfE1AyLiK0+ZBG6FmLziJzqQCpTQY+8XjMhMAz8WSBSCsCNNUKujgIgjCAmDT3cJ+3zjTXFkoD15ZPsckArVw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-normalize-whitespace/6.0.0
-    name: postcss-normalize-whitespace
-    version: 6.0.0
+  /postcss-normalize-whitespace@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-7cfE1AyLiK0+ZBG6FmLziJzqQCpTQY+8XjMhMAz8WSBSCsCNNUKujgIgjCAmDT3cJ+3zjTXFkoD15ZPsckArVw==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-ordered-values@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-K36XzUDpvfG/nWkjs6d1hRBydeIxGpKS2+n+ywlKPzx1nMYDYpoGbcjhj5AwVYJK1qV2/SDoDEnHzlPD6s3nMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-ordered-values/6.0.0
-    name: postcss-ordered-values
-    version: 6.0.0
+  /postcss-ordered-values@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-K36XzUDpvfG/nWkjs6d1hRBydeIxGpKS2+n+ywlKPzx1nMYDYpoGbcjhj5AwVYJK1qV2/SDoDEnHzlPD6s3nMg==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      cssnano-utils: registry.npmjs.org/cssnano-utils@4.0.0(postcss@8.4.21)
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      cssnano-utils: 4.0.0(postcss@8.4.21)
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-reduce-initial@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-s2UOnidpVuXu6JiiI5U+fV2jamAw5YNA9Fdi/GRK0zLDLCfXmSGqQtzpUPtfN66RtCbb9fFHoyZdQaxOB3WxVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-reduce-initial/6.0.0
-    name: postcss-reduce-initial
-    version: 6.0.0
+  /postcss-reduce-initial@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-s2UOnidpVuXu6JiiI5U+fV2jamAw5YNA9Fdi/GRK0zLDLCfXmSGqQtzpUPtfN66RtCbb9fFHoyZdQaxOB3WxVA==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.22.1
-      caniuse-api: registry.npmjs.org/caniuse-api@3.0.0
-      postcss: registry.npmjs.org/postcss@8.4.21
+      browserslist: 4.22.1
+      caniuse-api: 3.0.0
+      postcss: 8.4.21
     dev: true
 
-  registry.npmjs.org/postcss-reduce-transforms@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-FQ9f6xM1homnuy1wLe9lP1wujzxnwt1EwiigtWwuyf8FsqqXUDUp2Ulxf9A5yjlUOTdCJO6lonYjg1mgqIIi2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-reduce-transforms/6.0.0
-    name: postcss-reduce-transforms
-    version: 6.0.0
+  /postcss-reduce-transforms@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-FQ9f6xM1homnuy1wLe9lP1wujzxnwt1EwiigtWwuyf8FsqqXUDUp2Ulxf9A5yjlUOTdCJO6lonYjg1mgqIIi2w==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
     dev: true
 
-  registry.npmjs.org/postcss-rename@0.6.1(postcss@8.4.21):
-    resolution: {integrity: sha512-bsj9TMuPnh8pqF/FMX6BB3aZMjTxRdGP0qJHOg4yC2S1DCAomtAVuQaTJC16QTkH5fnrYMP/yYjuXZAibP3QnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-rename/-/postcss-rename-0.6.1.tgz}
-    id: registry.npmjs.org/postcss-rename/0.6.1
-    name: postcss-rename
-    version: 0.6.1
+  /postcss-rename@0.6.1(postcss@8.4.21):
+    resolution: {integrity: sha512-bsj9TMuPnh8pqF/FMX6BB3aZMjTxRdGP0qJHOg4yC2S1DCAomtAVuQaTJC16QTkH5fnrYMP/yYjuXZAibP3QnQ==}
     engines: {node: '>=8.3.0'}
     peerDependencies:
       postcss: ^8.2.6
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
+      postcss: 8.4.21
+      postcss-selector-parser: 6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-reporter@7.0.5(postcss@8.4.21):
-    resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-7.0.5.tgz}
-    id: registry.npmjs.org/postcss-reporter/7.0.5
-    name: postcss-reporter
-    version: 7.0.5
+  /postcss-reporter@7.0.5(postcss@8.4.21):
+    resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==}
     engines: {node: '>=10'}
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      picocolors: registry.npmjs.org/picocolors@1.0.0
-      postcss: registry.npmjs.org/postcss@8.4.21
-      thenby: registry.npmjs.org/thenby@1.3.4
+      picocolors: 1.0.0
+      postcss: 8.4.21
+      thenby: 1.3.4
     dev: true
 
-  registry.npmjs.org/postcss-safe-parser@6.0.0(postcss@8.4.31):
-    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-safe-parser/6.0.0
-    name: postcss-safe-parser
-    version: 6.0.0
+  /postcss-safe-parser@6.0.0(postcss@8.4.31):
+    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.3.3
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.31
+      postcss: 8.4.31
     dev: true
 
-  registry.npmjs.org/postcss-scss@4.0.9(postcss@8.4.31):
-    resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.9.tgz}
-    id: registry.npmjs.org/postcss-scss/4.0.9
-    name: postcss-scss
-    version: 4.0.9
+  /postcss-scss@4.0.9(postcss@8.4.31):
+    resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.4.29
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.31
+      postcss: 8.4.31
     dev: true
 
-  registry.npmjs.org/postcss-selector-parser@6.0.13:
-    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz}
-    name: postcss-selector-parser
-    version: 6.0.13
+  /postcss-selector-parser@6.0.13:
+    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
     engines: {node: '>=4'}
     dependencies:
-      cssesc: registry.npmjs.org/cssesc@3.0.0
-      util-deprecate: registry.npmjs.org/util-deprecate@1.0.2
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
     dev: true
 
-  registry.npmjs.org/postcss-svgo@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-r9zvj/wGAoAIodn84dR/kFqwhINp5YsJkLoujybWG59grR/IHx+uQ2Zo+IcOwM0jskfYX3R0mo+1Kip1VSNcvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-svgo/6.0.0
-    name: postcss-svgo
-    version: 6.0.0
+  /postcss-svgo@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-r9zvj/wGAoAIodn84dR/kFqwhINp5YsJkLoujybWG59grR/IHx+uQ2Zo+IcOwM0jskfYX3R0mo+1Kip1VSNcvw==}
     engines: {node: ^14 || ^16 || >= 18}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-value-parser: registry.npmjs.org/postcss-value-parser@4.2.0
-      svgo: registry.npmjs.org/svgo@3.0.2
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
+      svgo: 3.0.2
     dev: true
 
-  registry.npmjs.org/postcss-unique-selectors@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-EPQzpZNxOxP7777t73RQpZE5e9TrnCrkvp7AH7a0l89JmZiPnS82y216JowHXwpBCQitfyxrof9TK3rYbi7/Yw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-6.0.0.tgz}
-    id: registry.npmjs.org/postcss-unique-selectors/6.0.0
-    name: postcss-unique-selectors
-    version: 6.0.0
+  /postcss-unique-selectors@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-EPQzpZNxOxP7777t73RQpZE5e9TrnCrkvp7AH7a0l89JmZiPnS82y216JowHXwpBCQitfyxrof9TK3rYbi7/Yw==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
+      postcss: 8.4.21
+      postcss-selector-parser: 6.0.13
     dev: true
 
-  registry.npmjs.org/postcss-value-parser@4.2.0:
-    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz}
-    name: postcss-value-parser
-    version: 4.2.0
+  /postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
     dev: true
 
-  registry.npmjs.org/postcss@8.4.21:
-    resolution: {integrity: sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz}
-    name: postcss
-    version: 8.4.21
+  /postcss@8.4.21:
+    resolution: {integrity: sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==}
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
-      nanoid: registry.npmjs.org/nanoid@3.3.6
-      picocolors: registry.npmjs.org/picocolors@1.0.0
-      source-map-js: registry.npmjs.org/source-map-js@1.0.2
+      nanoid: 3.3.6
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
     dev: true
 
-  registry.npmjs.org/postcss@8.4.31:
-    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz}
-    name: postcss
-    version: 8.4.31
+  /postcss@8.4.31:
+    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.7
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+
+  /postcss@8.4.32:
+    resolution: {integrity: sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==}
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
-      nanoid: registry.npmjs.org/nanoid@3.3.7
-      picocolors: registry.npmjs.org/picocolors@1.0.0
-      source-map-js: registry.npmjs.org/source-map-js@1.0.2
+      nanoid: 3.3.7
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+    dev: false
 
-  registry.npmjs.org/prebuild-install@7.1.1:
-    resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.1.tgz}
-    name: prebuild-install
-    version: 7.1.1
+  /prebuild-install@7.1.1:
+    resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
     engines: {node: '>=10'}
     hasBin: true
     requiresBuild: true
     dependencies:
-      detect-libc: registry.npmjs.org/detect-libc@2.0.2
-      expand-template: registry.npmjs.org/expand-template@2.0.3
-      github-from-package: registry.npmjs.org/github-from-package@0.0.0
-      minimist: registry.npmjs.org/minimist@1.2.8
-      mkdirp-classic: registry.npmjs.org/mkdirp-classic@0.5.3
-      napi-build-utils: registry.npmjs.org/napi-build-utils@1.0.2
-      node-abi: registry.npmjs.org/node-abi@3.51.0
-      pump: registry.npmjs.org/pump@3.0.0
-      rc: registry.npmjs.org/rc@1.2.8
-      simple-get: registry.npmjs.org/simple-get@4.0.1
-      tar-fs: registry.npmjs.org/tar-fs@2.1.1
-      tunnel-agent: registry.npmjs.org/tunnel-agent@0.6.0
+      detect-libc: 2.0.2
+      expand-template: 2.0.3
+      github-from-package: 0.0.0
+      minimist: 1.2.8
+      mkdirp-classic: 0.5.3
+      napi-build-utils: 1.0.2
+      node-abi: 3.51.0
+      pump: 3.0.0
+      rc: 1.2.8
+      simple-get: 4.0.1
+      tar-fs: 2.1.1
+      tunnel-agent: 0.6.0
     dev: false
     optional: true
 
-  registry.npmjs.org/preferred-pm@3.1.2:
-    resolution: {integrity: sha512-nk7dKrcW8hfCZ4H6klWcdRknBOXWzNQByJ0oJyX97BOupsYD+FzLS4hflgEu/uPUEHZCuRfMxzCBsuWd7OzT8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/preferred-pm/-/preferred-pm-3.1.2.tgz}
-    name: preferred-pm
-    version: 3.1.2
+  /preferred-pm@3.1.2:
+    resolution: {integrity: sha512-nk7dKrcW8hfCZ4H6klWcdRknBOXWzNQByJ0oJyX97BOupsYD+FzLS4hflgEu/uPUEHZCuRfMxzCBsuWd7OzT8Q==}
     engines: {node: '>=10'}
     dependencies:
-      find-up: registry.npmjs.org/find-up@5.0.0
-      find-yarn-workspace-root2: registry.npmjs.org/find-yarn-workspace-root2@1.2.16
-      path-exists: registry.npmjs.org/path-exists@4.0.0
-      which-pm: registry.npmjs.org/which-pm@2.0.0
+      find-up: 5.0.0
+      find-yarn-workspace-root2: 1.2.16
+      path-exists: 4.0.0
+      which-pm: 2.0.0
 
-  registry.npmjs.org/prelude-ls@1.2.1:
-    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz}
-    name: prelude-ls
-    version: 1.2.1
+  /prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  registry.npmjs.org/prettier-linter-helpers@1.0.0:
-    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz}
-    name: prettier-linter-helpers
-    version: 1.0.0
+  /prettier-linter-helpers@1.0.0:
+    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
     engines: {node: '>=6.0.0'}
     dependencies:
-      fast-diff: registry.npmjs.org/fast-diff@1.3.0
+      fast-diff: 1.3.0
     dev: true
 
-  registry.npmjs.org/prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.2.1):
-    resolution: {integrity: sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.10.1.tgz}
-    id: registry.npmjs.org/prettier-plugin-svelte/2.10.1
-    name: prettier-plugin-svelte
-    version: 2.10.1
+  /prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.2.1):
+    resolution: {integrity: sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==}
     peerDependencies:
       prettier: ^1.16.4 || ^2.0.0
       svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
-      prettier: registry.npmjs.org/prettier@2.8.8
-      svelte: registry.npmjs.org/svelte@4.2.1
+      prettier: 2.8.8
+      svelte: 4.2.1
     dev: true
 
-  registry.npmjs.org/prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@4.2.2):
-    resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-3.0.3.tgz}
-    id: registry.npmjs.org/prettier-plugin-svelte/3.0.3
-    name: prettier-plugin-svelte
-    version: 3.0.3
+  /prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@4.2.2):
+    resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==}
     peerDependencies:
       prettier: ^3.0.0
       svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
-      prettier: registry.npmjs.org/prettier@3.0.3
-      svelte: registry.npmjs.org/svelte@4.2.2
+      prettier: 3.0.3
+      svelte: 4.2.2
     dev: true
 
-  registry.npmjs.org/prettier@2.8.8:
-    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz}
-    name: prettier
-    version: 2.8.8
+  /prettier@2.8.8:
+    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
     engines: {node: '>=10.13.0'}
     hasBin: true
     dev: true
 
-  registry.npmjs.org/prettier@3.0.3:
-    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-3.0.3.tgz}
-    name: prettier
-    version: 3.0.3
+  /prettier@3.0.3:
+    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
     engines: {node: '>=14'}
     hasBin: true
     dev: true
 
-  registry.npmjs.org/pretty-bytes@5.6.0:
-    resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz}
-    name: pretty-bytes
-    version: 5.6.0
+  /pretty-bytes@5.6.0:
+    resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/pretty-hrtime@1.0.3:
-    resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz}
-    name: pretty-hrtime
-    version: 1.0.3
+  /pretty-hrtime@1.0.3:
+    resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==}
     engines: {node: '>= 0.8'}
     dev: true
 
-  registry.npmjs.org/prismjs@1.29.0:
-    resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz}
-    name: prismjs
-    version: 1.29.0
+  /prismjs@1.29.0:
+    resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
     engines: {node: '>=6'}
     dev: false
 
-  registry.npmjs.org/probe-image-size@7.2.3:
-    resolution: {integrity: sha512-HubhG4Rb2UH8YtV4ba0Vp5bQ7L78RTONYu/ujmCu5nBI8wGv24s4E9xSKBi0N1MowRpxk76pFCpJtW0KPzOK0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/probe-image-size/-/probe-image-size-7.2.3.tgz}
-    name: probe-image-size
-    version: 7.2.3
+  /probe-image-size@7.2.3:
+    resolution: {integrity: sha512-HubhG4Rb2UH8YtV4ba0Vp5bQ7L78RTONYu/ujmCu5nBI8wGv24s4E9xSKBi0N1MowRpxk76pFCpJtW0KPzOK0w==}
     dependencies:
-      lodash.merge: registry.npmjs.org/lodash.merge@4.6.2
-      needle: registry.npmjs.org/needle@2.9.1
-      stream-parser: registry.npmjs.org/stream-parser@0.3.1
+      lodash.merge: 4.6.2
+      needle: 2.9.1
+      stream-parser: 0.3.1
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  registry.npmjs.org/prompts@2.4.2:
-    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz}
-    name: prompts
-    version: 2.4.2
+  /prompts@2.4.2:
+    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
     engines: {node: '>= 6'}
     dependencies:
-      kleur: registry.npmjs.org/kleur@3.0.3
-      sisteransi: registry.npmjs.org/sisteransi@1.0.5
+      kleur: 3.0.3
+      sisteransi: 1.0.5
     dev: false
 
-  registry.npmjs.org/prop-types@15.8.1:
-    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz}
-    name: prop-types
-    version: 15.8.1
+  /prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
     dependencies:
-      loose-envify: registry.npmjs.org/loose-envify@1.4.0
-      object-assign: registry.npmjs.org/object-assign@4.1.1
-      react-is: registry.npmjs.org/react-is@16.13.1
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      react-is: 16.13.1
     dev: true
 
-  registry.npmjs.org/property-information@6.3.0:
-    resolution: {integrity: sha512-gVNZ74nqhRMiIUYWGQdosYetaKc83x8oT41a0LlV3AAFCAZwCpg4vmGkq8t34+cUhp3cnM4XDiU/7xlgK7HGrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/property-information/-/property-information-6.3.0.tgz}
-    name: property-information
-    version: 6.3.0
+  /property-information@6.3.0:
+    resolution: {integrity: sha512-gVNZ74nqhRMiIUYWGQdosYetaKc83x8oT41a0LlV3AAFCAZwCpg4vmGkq8t34+cUhp3cnM4XDiU/7xlgK7HGrg==}
     dev: false
 
-  registry.npmjs.org/proxy-from-env@1.0.0:
-    resolution: {integrity: sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz}
-    name: proxy-from-env
-    version: 1.0.0
+  /proxy-from-env@1.0.0:
+    resolution: {integrity: sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==}
     dev: true
 
-  registry.npmjs.org/ps-tree@1.2.0:
-    resolution: {integrity: sha512-0VnamPPYHl4uaU/nSFeZZpR21QAWRz+sRv4iW9+v/GS/J5U5iZB5BNN6J0RMoOvdx2gWM2+ZFMIm58q24e4UYA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ps-tree/-/ps-tree-1.2.0.tgz}
-    name: ps-tree
-    version: 1.2.0
+  /ps-tree@1.2.0:
+    resolution: {integrity: sha512-0VnamPPYHl4uaU/nSFeZZpR21QAWRz+sRv4iW9+v/GS/J5U5iZB5BNN6J0RMoOvdx2gWM2+ZFMIm58q24e4UYA==}
     engines: {node: '>= 0.10'}
     hasBin: true
     dependencies:
-      event-stream: registry.npmjs.org/event-stream@3.3.4
+      event-stream: 3.3.4
     dev: true
 
-  registry.npmjs.org/pseudomap@1.0.2:
-    resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz}
-    name: pseudomap
-    version: 1.0.2
+  /pseudomap@1.0.2:
+    resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==}
     dev: true
 
-  registry.npmjs.org/psl@1.9.0:
-    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/psl/-/psl-1.9.0.tgz}
-    name: psl
-    version: 1.9.0
+  /psl@1.9.0:
+    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
     dev: true
 
-  registry.npmjs.org/pump@3.0.0:
-    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/pump/-/pump-3.0.0.tgz}
-    name: pump
-    version: 3.0.0
+  /pump@3.0.0:
+    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
     dependencies:
-      end-of-stream: registry.npmjs.org/end-of-stream@1.4.4
-      once: registry.npmjs.org/once@1.4.0
+      end-of-stream: 1.4.4
+      once: 1.4.0
 
-  registry.npmjs.org/punycode@2.3.0:
-    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz}
-    name: punycode
-    version: 2.3.0
+  /punycode@2.3.0:
+    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/punycode@2.3.1:
-    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz}
-    name: punycode
-    version: 2.3.1
+  /punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/qs@6.10.4:
-    resolution: {integrity: sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/qs/-/qs-6.10.4.tgz}
-    name: qs
-    version: 6.10.4
+  /qs@6.10.4:
+    resolution: {integrity: sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==}
     engines: {node: '>=0.6'}
     dependencies:
-      side-channel: registry.npmjs.org/side-channel@1.0.4
+      side-channel: 1.0.4
     dev: true
 
-  registry.npmjs.org/querystringify@2.2.0:
-    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz}
-    name: querystringify
-    version: 2.2.0
+  /querystringify@2.2.0:
+    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
     dev: true
 
-  registry.npmjs.org/queue-microtask@1.2.3:
-    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz}
-    name: queue-microtask
-    version: 1.2.3
+  /queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
-  registry.npmjs.org/queue-tick@1.0.1:
-    resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/queue-tick/-/queue-tick-1.0.1.tgz}
-    name: queue-tick
-    version: 1.0.1
+  /queue-tick@1.0.1:
+    resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/quick-lru@4.0.1:
-    resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz}
-    name: quick-lru
-    version: 4.0.1
+  /quick-lru@4.0.1:
+    resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/randombytes@2.1.0:
-    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz}
-    name: randombytes
-    version: 2.1.0
+  /randombytes@2.1.0:
+    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
     dependencies:
-      safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
+      safe-buffer: 5.2.1
     dev: true
 
-  registry.npmjs.org/rc@1.2.8:
-    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rc/-/rc-1.2.8.tgz}
-    name: rc
-    version: 1.2.8
+  /rc@1.2.8:
+    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
     hasBin: true
     requiresBuild: true
     dependencies:
-      deep-extend: registry.npmjs.org/deep-extend@0.6.0
-      ini: registry.npmjs.org/ini@1.3.8
-      minimist: registry.npmjs.org/minimist@1.2.8
-      strip-json-comments: registry.npmjs.org/strip-json-comments@2.0.1
+      deep-extend: 0.6.0
+      ini: 1.3.8
+      minimist: 1.2.8
+      strip-json-comments: 2.0.1
     dev: false
     optional: true
 
-  registry.npmjs.org/react-dom@18.2.0(react@18.2.0):
-    resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz}
-    id: registry.npmjs.org/react-dom/18.2.0
-    name: react-dom
-    version: 18.2.0
+  /react-dom@18.2.0(react@18.2.0):
+    resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      loose-envify: registry.npmjs.org/loose-envify@1.4.0
-      react: registry.npmjs.org/react@18.2.0
-      scheduler: registry.npmjs.org/scheduler@0.23.0
+      loose-envify: 1.4.0
+      react: 18.2.0
+      scheduler: 0.23.0
 
-  registry.npmjs.org/react-is@16.13.1:
-    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz}
-    name: react-is
-    version: 16.13.1
+  /react-is@16.13.1:
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
     dev: true
 
-  registry.npmjs.org/react-refresh@0.14.0:
-    resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz}
-    name: react-refresh
-    version: 0.14.0
+  /react-refresh@0.14.0:
+    resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==}
     engines: {node: '>=0.10.0'}
 
-  registry.npmjs.org/react-router-dom@6.18.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-Ubrue4+Ercc/BoDkFQfc6og5zRQ4A8YxSO3Knsne+eRbZ+IepAsK249XBH/XaFuOYOYr3L3r13CXTLvYt5JDjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.18.0.tgz}
-    id: registry.npmjs.org/react-router-dom/6.18.0
-    name: react-router-dom
-    version: 6.18.0
+  /react-router-dom@6.18.0(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Ubrue4+Ercc/BoDkFQfc6og5zRQ4A8YxSO3Knsne+eRbZ+IepAsK249XBH/XaFuOYOYr3L3r13CXTLvYt5JDjw==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       react: '>=16.8'
       react-dom: '>=16.8'
     dependencies:
-      '@remix-run/router': registry.npmjs.org/@remix-run/router@1.11.0
-      react: registry.npmjs.org/react@18.2.0
-      react-dom: registry.npmjs.org/react-dom@18.2.0(react@18.2.0)
-      react-router: registry.npmjs.org/react-router@6.18.0(react@18.2.0)
+      '@remix-run/router': 1.11.0
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-router: 6.18.0(react@18.2.0)
     dev: false
 
-  registry.npmjs.org/react-router@6.18.0(react@18.2.0):
-    resolution: {integrity: sha512-vk2y7Dsy8wI02eRRaRmOs9g2o+aE72YCx5q9VasT1N9v+lrdB79tIqrjMfByHiY5+6aYkH2rUa5X839nwWGPDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react-router/-/react-router-6.18.0.tgz}
-    id: registry.npmjs.org/react-router/6.18.0
-    name: react-router
-    version: 6.18.0
+  /react-router@6.18.0(react@18.2.0):
+    resolution: {integrity: sha512-vk2y7Dsy8wI02eRRaRmOs9g2o+aE72YCx5q9VasT1N9v+lrdB79tIqrjMfByHiY5+6aYkH2rUa5X839nwWGPDg==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       react: '>=16.8'
     dependencies:
-      '@remix-run/router': registry.npmjs.org/@remix-run/router@1.11.0
-      react: registry.npmjs.org/react@18.2.0
+      '@remix-run/router': 1.11.0
+      react: 18.2.0
     dev: false
 
-  registry.npmjs.org/react@18.2.0:
-    resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/react/-/react-18.2.0.tgz}
-    name: react
-    version: 18.2.0
+  /react@18.2.0:
+    resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
     engines: {node: '>=0.10.0'}
     dependencies:
-      loose-envify: registry.npmjs.org/loose-envify@1.4.0
+      loose-envify: 1.4.0
 
-  registry.npmjs.org/read-cache@1.0.0:
-    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz}
-    name: read-cache
-    version: 1.0.0
+  /read-cache@1.0.0:
+    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
     dependencies:
-      pify: registry.npmjs.org/pify@2.3.0
+      pify: 2.3.0
     dev: true
 
-  registry.npmjs.org/read-pkg-up@7.0.1:
-    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz}
-    name: read-pkg-up
-    version: 7.0.1
+  /read-pkg-up@7.0.1:
+    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
     engines: {node: '>=8'}
     dependencies:
-      find-up: registry.npmjs.org/find-up@4.1.0
-      read-pkg: registry.npmjs.org/read-pkg@5.2.0
-      type-fest: registry.npmjs.org/type-fest@0.8.1
+      find-up: 4.1.0
+      read-pkg: 5.2.0
+      type-fest: 0.8.1
     dev: true
 
-  registry.npmjs.org/read-pkg@5.2.0:
-    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz}
-    name: read-pkg
-    version: 5.2.0
+  /read-pkg@5.2.0:
+    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
     engines: {node: '>=8'}
     dependencies:
-      '@types/normalize-package-data': registry.npmjs.org/@types/normalize-package-data@2.4.3
-      normalize-package-data: registry.npmjs.org/normalize-package-data@2.5.0
-      parse-json: registry.npmjs.org/parse-json@5.2.0
-      type-fest: registry.npmjs.org/type-fest@0.6.0
+      '@types/normalize-package-data': 2.4.3
+      normalize-package-data: 2.5.0
+      parse-json: 5.2.0
+      type-fest: 0.6.0
     dev: true
 
-  registry.npmjs.org/read-yaml-file@1.1.0:
-    resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/read-yaml-file/-/read-yaml-file-1.1.0.tgz}
-    name: read-yaml-file
-    version: 1.1.0
+  /read-yaml-file@1.1.0:
+    resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==}
     engines: {node: '>=6'}
     dependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
-      js-yaml: registry.npmjs.org/js-yaml@3.14.1
-      pify: registry.npmjs.org/pify@4.0.1
-      strip-bom: registry.npmjs.org/strip-bom@3.0.0
+      graceful-fs: 4.2.11
+      js-yaml: 3.14.1
+      pify: 4.0.1
+      strip-bom: 3.0.0
     dev: true
 
-  registry.npmjs.org/readable-stream@3.6.2:
-    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz}
-    name: readable-stream
-    version: 3.6.2
+  /readable-stream@3.6.2:
+    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
     engines: {node: '>= 6'}
     dependencies:
-      inherits: registry.npmjs.org/inherits@2.0.4
-      string_decoder: registry.npmjs.org/string_decoder@1.3.0
-      util-deprecate: registry.npmjs.org/util-deprecate@1.0.2
+      inherits: 2.0.4
+      string_decoder: 1.3.0
+      util-deprecate: 1.0.2
     dev: false
 
-  registry.npmjs.org/readdirp@3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz}
-    name: readdirp
-    version: 3.6.0
+  /readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
     dependencies:
-      picomatch: registry.npmjs.org/picomatch@2.3.1
+      picomatch: 2.3.1
 
-  registry.npmjs.org/redent@3.0.0:
-    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/redent/-/redent-3.0.0.tgz}
-    name: redent
-    version: 3.0.0
+  /redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
     engines: {node: '>=8'}
     dependencies:
-      indent-string: registry.npmjs.org/indent-string@4.0.0
-      strip-indent: registry.npmjs.org/strip-indent@3.0.0
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
     dev: true
 
-  registry.npmjs.org/reflect.getprototypeof@1.0.4:
-    resolution: {integrity: sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz}
-    name: reflect.getprototypeof
-    version: 1.0.4
+  /reflect.getprototypeof@1.0.4:
+    resolution: {integrity: sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      globalthis: registry.npmjs.org/globalthis@1.0.3
-      which-builtin-type: registry.npmjs.org/which-builtin-type@1.1.3
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      get-intrinsic: 1.2.2
+      globalthis: 1.0.3
+      which-builtin-type: 1.1.3
     dev: true
 
-  registry.npmjs.org/regenerator-runtime@0.14.0:
-    resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz}
-    name: regenerator-runtime
-    version: 0.14.0
+  /regenerator-runtime@0.14.0:
+    resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==}
     dev: true
 
-  registry.npmjs.org/regexp.prototype.flags@1.5.1:
-    resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz}
-    name: regexp.prototype.flags
-    version: 1.5.1
+  /regexp.prototype.flags@1.5.1:
+    resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      set-function-name: registry.npmjs.org/set-function-name@2.0.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      set-function-name: 2.0.1
     dev: true
 
-  registry.npmjs.org/rehype-parse@8.0.5:
-    resolution: {integrity: sha512-Ds3RglaY/+clEX2U2mHflt7NlMA72KspZ0JLUJgBBLpRddBcEw3H8uYZQliQriku22NZpYMfjDdSgHcjxue24A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rehype-parse/-/rehype-parse-8.0.5.tgz}
-    name: rehype-parse
-    version: 8.0.5
+  /rehype-parse@8.0.5:
+    resolution: {integrity: sha512-Ds3RglaY/+clEX2U2mHflt7NlMA72KspZ0JLUJgBBLpRddBcEw3H8uYZQliQriku22NZpYMfjDdSgHcjxue24A==}
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
-      hast-util-from-parse5: registry.npmjs.org/hast-util-from-parse5@7.1.2
-      parse5: registry.npmjs.org/parse5@6.0.1
-      unified: registry.npmjs.org/unified@10.1.2
+      '@types/hast': 2.3.7
+      hast-util-from-parse5: 7.1.2
+      parse5: 6.0.1
+      unified: 10.1.2
     dev: false
 
-  registry.npmjs.org/rehype-raw@6.1.1:
-    resolution: {integrity: sha512-d6AKtisSRtDRX4aSPsJGTfnzrX2ZkHQLE5kiUuGOeEoLpbEulFF4hj0mLPbsa+7vmguDKOVVEQdHKDSwoaIDsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rehype-raw/-/rehype-raw-6.1.1.tgz}
-    name: rehype-raw
-    version: 6.1.1
+  /rehype-raw@6.1.1:
+    resolution: {integrity: sha512-d6AKtisSRtDRX4aSPsJGTfnzrX2ZkHQLE5kiUuGOeEoLpbEulFF4hj0mLPbsa+7vmguDKOVVEQdHKDSwoaIDsQ==}
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
-      hast-util-raw: registry.npmjs.org/hast-util-raw@7.2.3
-      unified: registry.npmjs.org/unified@10.1.2
+      '@types/hast': 2.3.7
+      hast-util-raw: 7.2.3
+      unified: 10.1.2
     dev: false
 
-  registry.npmjs.org/rehype-stringify@9.0.4:
-    resolution: {integrity: sha512-Uk5xu1YKdqobe5XpSskwPvo1XeHUUucWEQSl8hTrXt5selvca1e8K1EZ37E6YoZ4BT8BCqCdVfQW7OfHfthtVQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rehype-stringify/-/rehype-stringify-9.0.4.tgz}
-    name: rehype-stringify
-    version: 9.0.4
+  /rehype-stringify@9.0.4:
+    resolution: {integrity: sha512-Uk5xu1YKdqobe5XpSskwPvo1XeHUUucWEQSl8hTrXt5selvca1e8K1EZ37E6YoZ4BT8BCqCdVfQW7OfHfthtVQ==}
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
-      hast-util-to-html: registry.npmjs.org/hast-util-to-html@8.0.4
-      unified: registry.npmjs.org/unified@10.1.2
+      '@types/hast': 2.3.7
+      hast-util-to-html: 8.0.4
+      unified: 10.1.2
     dev: false
 
-  registry.npmjs.org/rehype@12.0.1:
-    resolution: {integrity: sha512-ey6kAqwLM3X6QnMDILJthGvG1m1ULROS9NT4uG9IDCuv08SFyLlreSuvOa//DgEvbXx62DS6elGVqusWhRUbgw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rehype/-/rehype-12.0.1.tgz}
-    name: rehype
-    version: 12.0.1
+  /rehype@12.0.1:
+    resolution: {integrity: sha512-ey6kAqwLM3X6QnMDILJthGvG1m1ULROS9NT4uG9IDCuv08SFyLlreSuvOa//DgEvbXx62DS6elGVqusWhRUbgw==}
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
-      rehype-parse: registry.npmjs.org/rehype-parse@8.0.5
-      rehype-stringify: registry.npmjs.org/rehype-stringify@9.0.4
-      unified: registry.npmjs.org/unified@10.1.2
+      '@types/hast': 2.3.7
+      rehype-parse: 8.0.5
+      rehype-stringify: 9.0.4
+      unified: 10.1.2
     dev: false
 
-  registry.npmjs.org/remark-gfm@3.0.1:
-    resolution: {integrity: sha512-lEFDoi2PICJyNrACFOfDD3JlLkuSbOa5Wd8EPt06HUdptv8Gn0bxYTdbU/XXQ3swAPkEaGxxPN9cbnMHvVu1Ig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/remark-gfm/-/remark-gfm-3.0.1.tgz}
-    name: remark-gfm
-    version: 3.0.1
+  /remark-gfm@3.0.1:
+    resolution: {integrity: sha512-lEFDoi2PICJyNrACFOfDD3JlLkuSbOa5Wd8EPt06HUdptv8Gn0bxYTdbU/XXQ3swAPkEaGxxPN9cbnMHvVu1Ig==}
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
-      mdast-util-gfm: registry.npmjs.org/mdast-util-gfm@2.0.2
-      micromark-extension-gfm: registry.npmjs.org/micromark-extension-gfm@2.0.3
-      unified: registry.npmjs.org/unified@10.1.2
+      '@types/mdast': 3.0.14
+      mdast-util-gfm: 2.0.2
+      micromark-extension-gfm: 2.0.3
+      unified: 10.1.2
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  registry.npmjs.org/remark-parse@10.0.2:
-    resolution: {integrity: sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/remark-parse/-/remark-parse-10.0.2.tgz}
-    name: remark-parse
-    version: 10.0.2
+  /remark-parse@10.0.2:
+    resolution: {integrity: sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==}
     dependencies:
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
-      mdast-util-from-markdown: registry.npmjs.org/mdast-util-from-markdown@1.3.1
-      unified: registry.npmjs.org/unified@10.1.2
+      '@types/mdast': 3.0.14
+      mdast-util-from-markdown: 1.3.1
+      unified: 10.1.2
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  registry.npmjs.org/remark-rehype@10.1.0:
-    resolution: {integrity: sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/remark-rehype/-/remark-rehype-10.1.0.tgz}
-    name: remark-rehype
-    version: 10.1.0
+  /remark-rehype@10.1.0:
+    resolution: {integrity: sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==}
     dependencies:
-      '@types/hast': registry.npmjs.org/@types/hast@2.3.7
-      '@types/mdast': registry.npmjs.org/@types/mdast@3.0.14
-      mdast-util-to-hast: registry.npmjs.org/mdast-util-to-hast@12.3.0
-      unified: registry.npmjs.org/unified@10.1.2
+      '@types/hast': 2.3.7
+      '@types/mdast': 3.0.14
+      mdast-util-to-hast: 12.3.0
+      unified: 10.1.2
     dev: false
 
-  registry.npmjs.org/remark-smartypants@2.0.0:
-    resolution: {integrity: sha512-Rc0VDmr/yhnMQIz8n2ACYXlfw/P/XZev884QU1I5u+5DgJls32o97Vc1RbK3pfumLsJomS2yy8eT4Fxj/2MDVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/remark-smartypants/-/remark-smartypants-2.0.0.tgz}
-    name: remark-smartypants
-    version: 2.0.0
+  /remark-smartypants@2.0.0:
+    resolution: {integrity: sha512-Rc0VDmr/yhnMQIz8n2ACYXlfw/P/XZev884QU1I5u+5DgJls32o97Vc1RbK3pfumLsJomS2yy8eT4Fxj/2MDVA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
-      retext: registry.npmjs.org/retext@8.1.0
-      retext-smartypants: registry.npmjs.org/retext-smartypants@5.2.0
-      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
+      retext: 8.1.0
+      retext-smartypants: 5.2.0
+      unist-util-visit: 4.1.2
     dev: false
 
-  registry.npmjs.org/request-progress@3.0.0:
-    resolution: {integrity: sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/request-progress/-/request-progress-3.0.0.tgz}
-    name: request-progress
-    version: 3.0.0
+  /request-progress@3.0.0:
+    resolution: {integrity: sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==}
     dependencies:
-      throttleit: registry.npmjs.org/throttleit@1.0.0
+      throttleit: 1.0.0
     dev: true
 
-  registry.npmjs.org/require-directory@2.1.1:
-    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz}
-    name: require-directory
-    version: 2.1.1
+  /require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/require-main-filename@2.0.0:
-    resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz}
-    name: require-main-filename
-    version: 2.0.0
+  /require-main-filename@2.0.0:
+    resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
     dev: true
 
-  registry.npmjs.org/requires-port@1.0.0:
-    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz}
-    name: requires-port
-    version: 1.0.0
+  /requires-port@1.0.0:
+    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
     dev: true
 
-  registry.npmjs.org/resolve-from@4.0.0:
-    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz}
-    name: resolve-from
-    version: 4.0.0
+  /resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
     dev: true
 
-  registry.npmjs.org/resolve-from@5.0.0:
-    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz}
-    name: resolve-from
-    version: 5.0.0
+  /resolve-from@5.0.0:
+    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/resolve@1.22.8:
-    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz}
-    name: resolve
-    version: 1.22.8
+  /resolve@1.22.8:
+    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
     hasBin: true
     dependencies:
-      is-core-module: registry.npmjs.org/is-core-module@2.13.1
-      path-parse: registry.npmjs.org/path-parse@1.0.7
-      supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0
+      is-core-module: 2.13.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
 
-  registry.npmjs.org/resolve@2.0.0-next.5:
-    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz}
-    name: resolve
-    version: 2.0.0-next.5
+  /resolve@2.0.0-next.5:
+    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
     hasBin: true
     dependencies:
-      is-core-module: registry.npmjs.org/is-core-module@2.13.1
-      path-parse: registry.npmjs.org/path-parse@1.0.7
-      supports-preserve-symlinks-flag: registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0
+      is-core-module: 2.13.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
     dev: true
 
-  registry.npmjs.org/restore-cursor@3.1.0:
-    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz}
-    name: restore-cursor
-    version: 3.1.0
+  /restore-cursor@3.1.0:
+    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
     engines: {node: '>=8'}
     dependencies:
-      onetime: registry.npmjs.org/onetime@5.1.2
-      signal-exit: registry.npmjs.org/signal-exit@3.0.7
+      onetime: 5.1.2
+      signal-exit: 3.0.7
     dev: true
 
-  registry.npmjs.org/restore-cursor@4.0.0:
-    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz}
-    name: restore-cursor
-    version: 4.0.0
+  /restore-cursor@4.0.0:
+    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
-      onetime: registry.npmjs.org/onetime@5.1.2
-      signal-exit: registry.npmjs.org/signal-exit@3.0.7
+      onetime: 5.1.2
+      signal-exit: 3.0.7
     dev: false
 
-  registry.npmjs.org/retext-latin@3.1.0:
-    resolution: {integrity: sha512-5MrD1tuebzO8ppsja5eEu+ZbBeUNCjoEarn70tkXOS7Bdsdf6tNahsv2bY0Z8VooFF6cw7/6S+d3yI/TMlMVVQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/retext-latin/-/retext-latin-3.1.0.tgz}
-    name: retext-latin
-    version: 3.1.0
+  /retext-latin@3.1.0:
+    resolution: {integrity: sha512-5MrD1tuebzO8ppsja5eEu+ZbBeUNCjoEarn70tkXOS7Bdsdf6tNahsv2bY0Z8VooFF6cw7/6S+d3yI/TMlMVVQ==}
     dependencies:
-      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.3
-      parse-latin: registry.npmjs.org/parse-latin@5.0.1
-      unherit: registry.npmjs.org/unherit@3.0.1
-      unified: registry.npmjs.org/unified@10.1.2
+      '@types/nlcst': 1.0.3
+      parse-latin: 5.0.1
+      unherit: 3.0.1
+      unified: 10.1.2
     dev: false
 
-  registry.npmjs.org/retext-smartypants@5.2.0:
-    resolution: {integrity: sha512-Do8oM+SsjrbzT2UNIKgheP0hgUQTDDQYyZaIY3kfq0pdFzoPk+ZClYJ+OERNXveog4xf1pZL4PfRxNoVL7a/jw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/retext-smartypants/-/retext-smartypants-5.2.0.tgz}
-    name: retext-smartypants
-    version: 5.2.0
+  /retext-smartypants@5.2.0:
+    resolution: {integrity: sha512-Do8oM+SsjrbzT2UNIKgheP0hgUQTDDQYyZaIY3kfq0pdFzoPk+ZClYJ+OERNXveog4xf1pZL4PfRxNoVL7a/jw==}
     dependencies:
-      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.3
-      nlcst-to-string: registry.npmjs.org/nlcst-to-string@3.1.1
-      unified: registry.npmjs.org/unified@10.1.2
-      unist-util-visit: registry.npmjs.org/unist-util-visit@4.1.2
+      '@types/nlcst': 1.0.3
+      nlcst-to-string: 3.1.1
+      unified: 10.1.2
+      unist-util-visit: 4.1.2
     dev: false
 
-  registry.npmjs.org/retext-stringify@3.1.0:
-    resolution: {integrity: sha512-767TLOaoXFXyOnjx/EggXlb37ZD2u4P1n0GJqVdpipqACsQP+20W+BNpMYrlJkq7hxffnFk+jc6mAK9qrbuB8w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/retext-stringify/-/retext-stringify-3.1.0.tgz}
-    name: retext-stringify
-    version: 3.1.0
+  /retext-stringify@3.1.0:
+    resolution: {integrity: sha512-767TLOaoXFXyOnjx/EggXlb37ZD2u4P1n0GJqVdpipqACsQP+20W+BNpMYrlJkq7hxffnFk+jc6mAK9qrbuB8w==}
     dependencies:
-      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.3
-      nlcst-to-string: registry.npmjs.org/nlcst-to-string@3.1.1
-      unified: registry.npmjs.org/unified@10.1.2
+      '@types/nlcst': 1.0.3
+      nlcst-to-string: 3.1.1
+      unified: 10.1.2
     dev: false
 
-  registry.npmjs.org/retext@8.1.0:
-    resolution: {integrity: sha512-N9/Kq7YTn6ZpzfiGW45WfEGJqFf1IM1q8OsRa1CGzIebCJBNCANDRmOrholiDRGKo/We7ofKR4SEvcGAWEMD3Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/retext/-/retext-8.1.0.tgz}
-    name: retext
-    version: 8.1.0
+  /retext@8.1.0:
+    resolution: {integrity: sha512-N9/Kq7YTn6ZpzfiGW45WfEGJqFf1IM1q8OsRa1CGzIebCJBNCANDRmOrholiDRGKo/We7ofKR4SEvcGAWEMD3Q==}
     dependencies:
-      '@types/nlcst': registry.npmjs.org/@types/nlcst@1.0.3
-      retext-latin: registry.npmjs.org/retext-latin@3.1.0
-      retext-stringify: registry.npmjs.org/retext-stringify@3.1.0
-      unified: registry.npmjs.org/unified@10.1.2
+      '@types/nlcst': 1.0.3
+      retext-latin: 3.1.0
+      retext-stringify: 3.1.0
+      unified: 10.1.2
     dev: false
 
-  registry.npmjs.org/reusify@1.0.4:
-    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz}
-    name: reusify
-    version: 1.0.4
+  /reusify@1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
-  registry.npmjs.org/rfdc@1.3.0:
-    resolution: {integrity: sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rfdc/-/rfdc-1.3.0.tgz}
-    name: rfdc
-    version: 1.3.0
+  /rfdc@1.3.0:
+    resolution: {integrity: sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==}
     dev: true
 
-  registry.npmjs.org/rimraf@2.7.1:
-    resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz}
-    name: rimraf
-    version: 2.7.1
+  /rimraf@2.7.1:
+    resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
     hasBin: true
     dependencies:
-      glob: registry.npmjs.org/glob@7.2.3
+      glob: 7.2.3
     dev: true
 
-  registry.npmjs.org/rimraf@3.0.2:
-    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz}
-    name: rimraf
-    version: 3.0.2
+  /rimraf@3.0.2:
+    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
     hasBin: true
     dependencies:
-      glob: registry.npmjs.org/glob@7.2.3
+      glob: 7.2.3
     dev: true
 
-  registry.npmjs.org/rollup-plugin-peer-deps-external@2.2.4(rollup@3.23.0):
-    resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup-plugin-peer-deps-external/-/rollup-plugin-peer-deps-external-2.2.4.tgz}
-    id: registry.npmjs.org/rollup-plugin-peer-deps-external/2.2.4
-    name: rollup-plugin-peer-deps-external
-    version: 2.2.4
+  /rollup-plugin-peer-deps-external@2.2.4(rollup@3.23.0):
+    resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==}
     peerDependencies:
       rollup: '*'
     dependencies:
-      rollup: registry.npmjs.org/rollup@3.23.0
+      rollup: 3.23.0
     dev: true
 
-  registry.npmjs.org/rollup@3.23.0:
-    resolution: {integrity: sha512-h31UlwEi7FHihLe1zbk+3Q7z1k/84rb9BSwmBSr/XjOCEaBJ2YyedQDuM0t/kfOS0IxM+vk1/zI9XxYj9V+NJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.23.0.tgz}
-    name: rollup
-    version: 3.23.0
+  /rollup@3.23.0:
+    resolution: {integrity: sha512-h31UlwEi7FHihLe1zbk+3Q7z1k/84rb9BSwmBSr/XjOCEaBJ2YyedQDuM0t/kfOS0IxM+vk1/zI9XxYj9V+NJQ==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
 
-  registry.npmjs.org/rollup@3.29.4:
-    resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz}
-    name: rollup
-    version: 3.29.4
+  /rollup@3.29.4:
+    resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
       fsevents: 2.3.3
 
-  registry.npmjs.org/run-parallel@1.2.0:
-    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz}
-    name: run-parallel
-    version: 1.2.0
+  /run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
     dependencies:
-      queue-microtask: registry.npmjs.org/queue-microtask@1.2.3
+      queue-microtask: 1.2.3
 
-  registry.npmjs.org/rxjs@7.8.1:
-    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz}
-    name: rxjs
-    version: 7.8.1
+  /rxjs@7.8.1:
+    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
     dependencies:
-      tslib: registry.npmjs.org/tslib@2.6.2
+      tslib: 2.6.2
     dev: true
 
-  registry.npmjs.org/sade@1.8.1:
-    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sade/-/sade-1.8.1.tgz}
-    name: sade
-    version: 1.8.1
+  /sade@1.8.1:
+    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
     engines: {node: '>=6'}
     dependencies:
-      mri: registry.npmjs.org/mri@1.2.0
+      mri: 1.2.0
 
-  registry.npmjs.org/safe-array-concat@1.0.1:
-    resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz}
-    name: safe-array-concat
-    version: 1.0.1
+  /safe-array-concat@1.0.1:
+    resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==}
     engines: {node: '>=0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      has-symbols: registry.npmjs.org/has-symbols@1.0.3
-      isarray: registry.npmjs.org/isarray@2.0.5
+      call-bind: 1.0.5
+      get-intrinsic: 1.2.2
+      has-symbols: 1.0.3
+      isarray: 2.0.5
     dev: true
 
-  registry.npmjs.org/safe-buffer@5.2.1:
-    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz}
-    name: safe-buffer
-    version: 5.2.1
+  /safe-buffer@5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
 
-  registry.npmjs.org/safe-regex-test@1.0.0:
-    resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz}
-    name: safe-regex-test
-    version: 1.0.0
+  /safe-regex-test@1.0.0:
+    resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      is-regex: registry.npmjs.org/is-regex@1.1.4
+      call-bind: 1.0.5
+      get-intrinsic: 1.2.2
+      is-regex: 1.1.4
     dev: true
 
-  registry.npmjs.org/safer-buffer@2.1.2:
-    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz}
-    name: safer-buffer
-    version: 2.1.2
+  /safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
-  registry.npmjs.org/sander@0.5.1:
-    resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sander/-/sander-0.5.1.tgz}
-    name: sander
-    version: 0.5.1
+  /sander@0.5.1:
+    resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
     dependencies:
-      es6-promise: registry.npmjs.org/es6-promise@3.3.1
-      graceful-fs: registry.npmjs.org/graceful-fs@4.2.11
-      mkdirp: registry.npmjs.org/mkdirp@0.5.6
-      rimraf: registry.npmjs.org/rimraf@2.7.1
+      es6-promise: 3.3.1
+      graceful-fs: 4.2.11
+      mkdirp: 0.5.6
+      rimraf: 2.7.1
     dev: true
 
-  registry.npmjs.org/sax@1.3.0:
-    resolution: {integrity: sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sax/-/sax-1.3.0.tgz}
-    name: sax
-    version: 1.3.0
+  /sax@1.3.0:
+    resolution: {integrity: sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==}
     dev: false
 
-  registry.npmjs.org/scheduler@0.23.0:
-    resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz}
-    name: scheduler
-    version: 0.23.0
+  /scheduler@0.23.0:
+    resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==}
     dependencies:
-      loose-envify: registry.npmjs.org/loose-envify@1.4.0
+      loose-envify: 1.4.0
 
-  registry.npmjs.org/section-matter@1.0.0:
-    resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz}
-    name: section-matter
-    version: 1.0.0
+  /section-matter@1.0.0:
+    resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==}
     engines: {node: '>=4'}
     dependencies:
-      extend-shallow: registry.npmjs.org/extend-shallow@2.0.1
-      kind-of: registry.npmjs.org/kind-of@6.0.3
+      extend-shallow: 2.0.1
+      kind-of: 6.0.3
     dev: false
 
-  registry.npmjs.org/semver@5.7.2:
-    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-5.7.2.tgz}
-    name: semver
-    version: 5.7.2
+  /semver@5.7.2:
+    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
     hasBin: true
     dev: true
 
-  registry.npmjs.org/semver@6.3.1:
-    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-6.3.1.tgz}
-    name: semver
-    version: 6.3.1
+  /semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
-  registry.npmjs.org/semver@7.5.4:
-    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/semver/-/semver-7.5.4.tgz}
-    name: semver
-    version: 7.5.4
+  /semver@7.5.4:
+    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
-      lru-cache: registry.npmjs.org/lru-cache@6.0.0
+      lru-cache: 6.0.0
 
-  registry.npmjs.org/serialize-javascript@6.0.1:
-    resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz}
-    name: serialize-javascript
-    version: 6.0.1
+  /serialize-javascript@6.0.1:
+    resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==}
     dependencies:
-      randombytes: registry.npmjs.org/randombytes@2.1.0
+      randombytes: 2.1.0
     dev: true
 
-  registry.npmjs.org/server-destroy@1.0.1:
-    resolution: {integrity: sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/server-destroy/-/server-destroy-1.0.1.tgz}
-    name: server-destroy
-    version: 1.0.1
+  /server-destroy@1.0.1:
+    resolution: {integrity: sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==}
     dev: false
 
-  registry.npmjs.org/set-blocking@2.0.0:
-    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz}
-    name: set-blocking
-    version: 2.0.0
+  /set-blocking@2.0.0:
+    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
     dev: true
 
-  registry.npmjs.org/set-cookie-parser@2.6.0:
-    resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz}
-    name: set-cookie-parser
-    version: 2.6.0
+  /set-cookie-parser@2.6.0:
+    resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
     dev: true
 
-  registry.npmjs.org/set-function-length@1.1.1:
-    resolution: {integrity: sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz}
-    name: set-function-length
-    version: 1.1.1
+  /set-function-length@1.1.1:
+    resolution: {integrity: sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      define-data-property: registry.npmjs.org/define-data-property@1.1.1
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      gopd: registry.npmjs.org/gopd@1.0.1
-      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.1
+      define-data-property: 1.1.1
+      get-intrinsic: 1.2.2
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.1
     dev: true
 
-  registry.npmjs.org/set-function-name@2.0.1:
-    resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz}
-    name: set-function-name
-    version: 2.0.1
+  /set-function-name@2.0.1:
+    resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      define-data-property: registry.npmjs.org/define-data-property@1.1.1
-      functions-have-names: registry.npmjs.org/functions-have-names@1.2.3
-      has-property-descriptors: registry.npmjs.org/has-property-descriptors@1.0.1
+      define-data-property: 1.1.1
+      functions-have-names: 1.2.3
+      has-property-descriptors: 1.0.1
     dev: true
 
-  registry.npmjs.org/shebang-command@1.2.0:
-    resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz}
-    name: shebang-command
-    version: 1.2.0
+  /sharp@0.32.6:
+    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==}
+    engines: {node: '>=14.15.0'}
+    requiresBuild: true
+    dependencies:
+      color: 4.2.3
+      detect-libc: 2.0.2
+      node-addon-api: 6.1.0
+      prebuild-install: 7.1.1
+      semver: 7.5.4
+      simple-get: 4.0.1
+      tar-fs: 3.0.4
+      tunnel-agent: 0.6.0
+    dev: false
+    optional: true
+
+  /shebang-command@1.2.0:
+    resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
     engines: {node: '>=0.10.0'}
     dependencies:
-      shebang-regex: registry.npmjs.org/shebang-regex@1.0.0
+      shebang-regex: 1.0.0
     dev: true
 
-  registry.npmjs.org/shebang-command@2.0.0:
-    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz}
-    name: shebang-command
-    version: 2.0.0
+  /shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}
     dependencies:
-      shebang-regex: registry.npmjs.org/shebang-regex@3.0.0
+      shebang-regex: 3.0.0
 
-  registry.npmjs.org/shebang-regex@1.0.0:
-    resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz}
-    name: shebang-regex
-    version: 1.0.0
+  /shebang-regex@1.0.0:
+    resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/shebang-regex@3.0.0:
-    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz}
-    name: shebang-regex
-    version: 3.0.0
+  /shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
-  registry.npmjs.org/shell-quote@1.8.1:
-    resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz}
-    name: shell-quote
-    version: 1.8.1
+  /shell-quote@1.8.1:
+    resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
     dev: true
 
-  registry.npmjs.org/shiki@0.14.5:
-    resolution: {integrity: sha512-1gCAYOcmCFONmErGTrS1fjzJLA7MGZmKzrBNX7apqSwhyITJg2O102uFzXUeBxNnEkDA9vHIKLyeKq0V083vIw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/shiki/-/shiki-0.14.5.tgz}
-    name: shiki
-    version: 0.14.5
+  /shiki@0.14.5:
+    resolution: {integrity: sha512-1gCAYOcmCFONmErGTrS1fjzJLA7MGZmKzrBNX7apqSwhyITJg2O102uFzXUeBxNnEkDA9vHIKLyeKq0V083vIw==}
     dependencies:
-      ansi-sequence-parser: registry.npmjs.org/ansi-sequence-parser@1.1.1
-      jsonc-parser: registry.npmjs.org/jsonc-parser@3.2.0
-      vscode-oniguruma: registry.npmjs.org/vscode-oniguruma@1.7.0
-      vscode-textmate: registry.npmjs.org/vscode-textmate@8.0.0
+      ansi-sequence-parser: 1.1.1
+      jsonc-parser: 3.2.0
+      vscode-oniguruma: 1.7.0
+      vscode-textmate: 8.0.0
     dev: false
 
-  registry.npmjs.org/side-channel@1.0.4:
-    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz}
-    name: side-channel
-    version: 1.0.4
+  /side-channel@1.0.4:
+    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      object-inspect: registry.npmjs.org/object-inspect@1.13.1
+      call-bind: 1.0.5
+      get-intrinsic: 1.2.2
+      object-inspect: 1.13.1
     dev: true
 
-  registry.npmjs.org/signal-exit@3.0.7:
-    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz}
-    name: signal-exit
-    version: 3.0.7
+  /signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
 
-  registry.npmjs.org/signal-exit@4.1.0:
-    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz}
-    name: signal-exit
-    version: 4.1.0
+  /signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
     dev: false
 
-  registry.npmjs.org/simple-concat@1.0.1:
-    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz}
-    name: simple-concat
-    version: 1.0.1
+  /simple-concat@1.0.1:
+    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/simple-get@4.0.1:
-    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz}
-    name: simple-get
-    version: 4.0.1
+  /simple-get@4.0.1:
+    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
     requiresBuild: true
     dependencies:
-      decompress-response: registry.npmjs.org/decompress-response@6.0.0
-      once: registry.npmjs.org/once@1.4.0
-      simple-concat: registry.npmjs.org/simple-concat@1.0.1
+      decompress-response: 6.0.0
+      once: 1.4.0
+      simple-concat: 1.0.1
     dev: false
     optional: true
 
-  registry.npmjs.org/simple-swizzle@0.2.2:
-    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz}
-    name: simple-swizzle
-    version: 0.2.2
+  /simple-swizzle@0.2.2:
+    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
     requiresBuild: true
     dependencies:
-      is-arrayish: registry.npmjs.org/is-arrayish@0.3.2
+      is-arrayish: 0.3.2
     dev: false
     optional: true
 
-  registry.npmjs.org/sirv@2.0.3:
-    resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sirv/-/sirv-2.0.3.tgz}
-    name: sirv
-    version: 2.0.3
+  /sirv@2.0.3:
+    resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==}
     engines: {node: '>= 10'}
     dependencies:
-      '@polka/url': registry.npmjs.org/@polka/url@1.0.0-next.23
-      mrmime: registry.npmjs.org/mrmime@1.0.1
-      totalist: registry.npmjs.org/totalist@3.0.1
+      '@polka/url': 1.0.0-next.23
+      mrmime: 1.0.1
+      totalist: 3.0.1
     dev: true
 
-  registry.npmjs.org/sisteransi@1.0.5:
-    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz}
-    name: sisteransi
-    version: 1.0.5
+  /sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
     dev: false
 
-  registry.npmjs.org/slash@3.0.0:
-    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slash/-/slash-3.0.0.tgz}
-    name: slash
-    version: 3.0.0
+  /slash@3.0.0:
+    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/slash@4.0.0:
-    resolution: {integrity: sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slash/-/slash-4.0.0.tgz}
-    name: slash
-    version: 4.0.0
+  /slash@4.0.0:
+    resolution: {integrity: sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==}
     engines: {node: '>=12'}
     dev: true
 
-  registry.npmjs.org/slash@5.1.0:
-    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slash/-/slash-5.1.0.tgz}
-    name: slash
-    version: 5.1.0
+  /slash@5.1.0:
+    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
     engines: {node: '>=14.16'}
     dev: true
 
-  registry.npmjs.org/slice-ansi@3.0.0:
-    resolution: {integrity: sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slice-ansi/-/slice-ansi-3.0.0.tgz}
-    name: slice-ansi
-    version: 3.0.0
+  /slice-ansi@3.0.0:
+    resolution: {integrity: sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==}
     engines: {node: '>=8'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles@4.3.0
-      astral-regex: registry.npmjs.org/astral-regex@2.0.0
-      is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point@3.0.0
+      ansi-styles: 4.3.0
+      astral-regex: 2.0.0
+      is-fullwidth-code-point: 3.0.0
     dev: true
 
-  registry.npmjs.org/slice-ansi@4.0.0:
-    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz}
-    name: slice-ansi
-    version: 4.0.0
+  /slice-ansi@4.0.0:
+    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
     engines: {node: '>=10'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles@4.3.0
-      astral-regex: registry.npmjs.org/astral-regex@2.0.0
-      is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point@3.0.0
+      ansi-styles: 4.3.0
+      astral-regex: 2.0.0
+      is-fullwidth-code-point: 3.0.0
     dev: true
 
-  registry.npmjs.org/smartwrap@2.0.2:
-    resolution: {integrity: sha512-vCsKNQxb7PnCNd2wY1WClWifAc2lwqsG8OaswpJkVJsvMGcnEntdTCDajZCkk93Ay1U3t/9puJmb525Rg5MZBA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/smartwrap/-/smartwrap-2.0.2.tgz}
-    name: smartwrap
-    version: 2.0.2
+  /smartwrap@2.0.2:
+    resolution: {integrity: sha512-vCsKNQxb7PnCNd2wY1WClWifAc2lwqsG8OaswpJkVJsvMGcnEntdTCDajZCkk93Ay1U3t/9puJmb525Rg5MZBA==}
     engines: {node: '>=6'}
     hasBin: true
     dependencies:
-      array.prototype.flat: registry.npmjs.org/array.prototype.flat@1.3.2
-      breakword: registry.npmjs.org/breakword@1.0.6
-      grapheme-splitter: registry.npmjs.org/grapheme-splitter@1.0.4
-      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
-      wcwidth: registry.npmjs.org/wcwidth@1.0.1
-      yargs: registry.npmjs.org/yargs@15.4.1
+      array.prototype.flat: 1.3.2
+      breakword: 1.0.6
+      grapheme-splitter: 1.0.4
+      strip-ansi: 6.0.1
+      wcwidth: 1.0.1
+      yargs: 15.4.1
     dev: true
 
-  registry.npmjs.org/smob@1.4.1:
-    resolution: {integrity: sha512-9LK+E7Hv5R9u4g4C3p+jjLstaLe11MDsL21UpYaCNmapvMkYhqCV4A/f/3gyH8QjMyh6l68q9xC85vihY9ahMQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/smob/-/smob-1.4.1.tgz}
-    name: smob
-    version: 1.4.1
+  /smob@1.4.1:
+    resolution: {integrity: sha512-9LK+E7Hv5R9u4g4C3p+jjLstaLe11MDsL21UpYaCNmapvMkYhqCV4A/f/3gyH8QjMyh6l68q9xC85vihY9ahMQ==}
     dev: true
 
-  registry.npmjs.org/sorcery@0.11.0:
-    resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sorcery/-/sorcery-0.11.0.tgz}
-    name: sorcery
-    version: 0.11.0
+  /sorcery@0.11.0:
+    resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==}
     hasBin: true
     dependencies:
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
-      buffer-crc32: registry.npmjs.org/buffer-crc32@0.2.13
-      minimist: registry.npmjs.org/minimist@1.2.8
-      sander: registry.npmjs.org/sander@0.5.1
+      '@jridgewell/sourcemap-codec': 1.4.15
+      buffer-crc32: 0.2.13
+      minimist: 1.2.8
+      sander: 0.5.1
     dev: true
 
-  registry.npmjs.org/source-map-js@1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz}
-    name: source-map-js
-    version: 1.0.2
+  /source-map-js@1.0.2:
+    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
 
-  registry.npmjs.org/source-map-support@0.5.21:
-    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz}
-    name: source-map-support
-    version: 0.5.21
+  /source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
     dependencies:
-      buffer-from: registry.npmjs.org/buffer-from@1.1.2
-      source-map: registry.npmjs.org/source-map@0.6.1
+      buffer-from: 1.1.2
+      source-map: 0.6.1
     dev: true
 
-  registry.npmjs.org/source-map@0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz}
-    name: source-map
-    version: 0.6.1
+  /source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  registry.npmjs.org/space-separated-tokens@2.0.2:
-    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz}
-    name: space-separated-tokens
-    version: 2.0.2
+  /space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
     dev: false
 
-  registry.npmjs.org/spawn-command@0.0.2-1:
-    resolution: {integrity: sha512-n98l9E2RMSJ9ON1AKisHzz7V42VDiBQGY6PB1BwRglz99wpVsSuGzQ+jOi6lFXBGVTCrRpltvjm+/XA+tpeJrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spawn-command/-/spawn-command-0.0.2-1.tgz}
-    name: spawn-command
-    version: 0.0.2-1
+  /spawn-command@0.0.2-1:
+    resolution: {integrity: sha512-n98l9E2RMSJ9ON1AKisHzz7V42VDiBQGY6PB1BwRglz99wpVsSuGzQ+jOi6lFXBGVTCrRpltvjm+/XA+tpeJrg==}
     dev: true
 
-  registry.npmjs.org/spawndamnit@2.0.0:
-    resolution: {integrity: sha512-j4JKEcncSjFlqIwU5L/rp2N5SIPsdxaRsIv678+TZxZ0SRDJTm8JrxJMjE/XuiEZNEir3S8l0Fa3Ke339WI4qA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spawndamnit/-/spawndamnit-2.0.0.tgz}
-    name: spawndamnit
-    version: 2.0.0
+  /spawndamnit@2.0.0:
+    resolution: {integrity: sha512-j4JKEcncSjFlqIwU5L/rp2N5SIPsdxaRsIv678+TZxZ0SRDJTm8JrxJMjE/XuiEZNEir3S8l0Fa3Ke339WI4qA==}
     dependencies:
-      cross-spawn: registry.npmjs.org/cross-spawn@5.1.0
-      signal-exit: registry.npmjs.org/signal-exit@3.0.7
+      cross-spawn: 5.1.0
+      signal-exit: 3.0.7
     dev: true
 
-  registry.npmjs.org/spdx-correct@3.2.0:
-    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz}
-    name: spdx-correct
-    version: 3.2.0
+  /spdx-correct@3.2.0:
+    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
     dependencies:
-      spdx-expression-parse: registry.npmjs.org/spdx-expression-parse@3.0.1
-      spdx-license-ids: registry.npmjs.org/spdx-license-ids@3.0.16
+      spdx-expression-parse: 3.0.1
+      spdx-license-ids: 3.0.16
     dev: true
 
-  registry.npmjs.org/spdx-exceptions@2.3.0:
-    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz}
-    name: spdx-exceptions
-    version: 2.3.0
+  /spdx-exceptions@2.3.0:
+    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
     dev: true
 
-  registry.npmjs.org/spdx-expression-parse@3.0.1:
-    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz}
-    name: spdx-expression-parse
-    version: 3.0.1
+  /spdx-expression-parse@3.0.1:
+    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
     dependencies:
-      spdx-exceptions: registry.npmjs.org/spdx-exceptions@2.3.0
-      spdx-license-ids: registry.npmjs.org/spdx-license-ids@3.0.16
+      spdx-exceptions: 2.3.0
+      spdx-license-ids: 3.0.16
     dev: true
 
-  registry.npmjs.org/spdx-license-ids@3.0.16:
-    resolution: {integrity: sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.16.tgz}
-    name: spdx-license-ids
-    version: 3.0.16
+  /spdx-license-ids@3.0.16:
+    resolution: {integrity: sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==}
     dev: true
 
-  registry.npmjs.org/split@0.3.3:
-    resolution: {integrity: sha512-wD2AeVmxXRBoX44wAycgjVpMhvbwdI2aZjCkvfNcH1YqHQvJVa1duWc73OyVGJUc05fhFaTZeQ/PYsrmyH0JVA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/split/-/split-0.3.3.tgz}
-    name: split
-    version: 0.3.3
+  /split@0.3.3:
+    resolution: {integrity: sha512-wD2AeVmxXRBoX44wAycgjVpMhvbwdI2aZjCkvfNcH1YqHQvJVa1duWc73OyVGJUc05fhFaTZeQ/PYsrmyH0JVA==}
     dependencies:
-      through: registry.npmjs.org/through@2.3.8
+      through: 2.3.8
     dev: true
 
-  registry.npmjs.org/sprintf-js@1.0.3:
-    resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz}
-    name: sprintf-js
-    version: 1.0.3
+  /sprintf-js@1.0.3:
+    resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
 
-  registry.npmjs.org/sshpk@1.18.0:
-    resolution: {integrity: sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sshpk/-/sshpk-1.18.0.tgz}
-    name: sshpk
-    version: 1.18.0
+  /sshpk@1.18.0:
+    resolution: {integrity: sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==}
     engines: {node: '>=0.10.0'}
     hasBin: true
     dependencies:
-      asn1: registry.npmjs.org/asn1@0.2.6
-      assert-plus: registry.npmjs.org/assert-plus@1.0.0
-      bcrypt-pbkdf: registry.npmjs.org/bcrypt-pbkdf@1.0.2
-      dashdash: registry.npmjs.org/dashdash@1.14.1
-      ecc-jsbn: registry.npmjs.org/ecc-jsbn@0.1.2
-      getpass: registry.npmjs.org/getpass@0.1.7
-      jsbn: registry.npmjs.org/jsbn@0.1.1
-      safer-buffer: registry.npmjs.org/safer-buffer@2.1.2
-      tweetnacl: registry.npmjs.org/tweetnacl@0.14.5
-    dev: true
-
-  registry.npmjs.org/start-server-and-test@2.0.2:
-    resolution: {integrity: sha512-4sGS2QmETUwqeBUqtTLP7OqXp3PdDnevaWlPlrFQgn8+7uCgVg4Do7/H/ZhAAVyvnL3DqKyANhnLgcgxrjhrMA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-2.0.2.tgz}
-    name: start-server-and-test
-    version: 2.0.2
+      asn1: 0.2.6
+      assert-plus: 1.0.0
+      bcrypt-pbkdf: 1.0.2
+      dashdash: 1.14.1
+      ecc-jsbn: 0.1.2
+      getpass: 0.1.7
+      jsbn: 0.1.1
+      safer-buffer: 2.1.2
+      tweetnacl: 0.14.5
+    dev: true
+
+  /start-server-and-test@2.0.2:
+    resolution: {integrity: sha512-4sGS2QmETUwqeBUqtTLP7OqXp3PdDnevaWlPlrFQgn8+7uCgVg4Do7/H/ZhAAVyvnL3DqKyANhnLgcgxrjhrMA==}
     engines: {node: '>=16'}
     hasBin: true
     dependencies:
-      arg: registry.npmjs.org/arg@5.0.2
-      bluebird: registry.npmjs.org/bluebird@3.7.2
-      check-more-types: registry.npmjs.org/check-more-types@2.24.0
-      debug: registry.npmjs.org/debug@4.3.4(supports-color@8.1.1)
-      execa: registry.npmjs.org/execa@5.1.1
-      lazy-ass: registry.npmjs.org/lazy-ass@1.6.0
-      ps-tree: registry.npmjs.org/ps-tree@1.2.0
-      wait-on: registry.npmjs.org/wait-on@7.1.0(debug@4.3.4)
+      arg: 5.0.2
+      bluebird: 3.7.2
+      check-more-types: 2.24.0
+      debug: 4.3.4(supports-color@8.1.1)
+      execa: 5.1.1
+      lazy-ass: 1.6.0
+      ps-tree: 1.2.0
+      wait-on: 7.1.0(debug@4.3.4)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  registry.npmjs.org/stdin-discarder@0.1.0:
-    resolution: {integrity: sha512-xhV7w8S+bUwlPTb4bAOUQhv8/cSS5offJuX8GQGq32ONF0ZtDWKfkdomM3HMRA+LhX6um/FZ0COqlwsjD53LeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stdin-discarder/-/stdin-discarder-0.1.0.tgz}
-    name: stdin-discarder
-    version: 0.1.0
+  /stdin-discarder@0.1.0:
+    resolution: {integrity: sha512-xhV7w8S+bUwlPTb4bAOUQhv8/cSS5offJuX8GQGq32ONF0ZtDWKfkdomM3HMRA+LhX6um/FZ0COqlwsjD53LeQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
-      bl: registry.npmjs.org/bl@5.1.0
+      bl: 5.1.0
     dev: false
 
-  registry.npmjs.org/stream-combiner@0.0.4:
-    resolution: {integrity: sha512-rT00SPnTVyRsaSz5zgSPma/aHSOic5U1prhYdRy5HS2kTZviFpmDgzilbtsJsxiroqACmayynDN/9VzIbX5DOw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stream-combiner/-/stream-combiner-0.0.4.tgz}
-    name: stream-combiner
-    version: 0.0.4
+  /stream-combiner@0.0.4:
+    resolution: {integrity: sha512-rT00SPnTVyRsaSz5zgSPma/aHSOic5U1prhYdRy5HS2kTZviFpmDgzilbtsJsxiroqACmayynDN/9VzIbX5DOw==}
     dependencies:
-      duplexer: registry.npmjs.org/duplexer@0.1.2
+      duplexer: 0.1.2
     dev: true
 
-  registry.npmjs.org/stream-parser@0.3.1:
-    resolution: {integrity: sha512-bJ/HgKq41nlKvlhccD5kaCr/P+Hu0wPNKPJOH7en+YrJu/9EgqUF+88w5Jb6KNcjOFMhfX4B2asfeAtIGuHObQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stream-parser/-/stream-parser-0.3.1.tgz}
-    name: stream-parser
-    version: 0.3.1
+  /stream-parser@0.3.1:
+    resolution: {integrity: sha512-bJ/HgKq41nlKvlhccD5kaCr/P+Hu0wPNKPJOH7en+YrJu/9EgqUF+88w5Jb6KNcjOFMhfX4B2asfeAtIGuHObQ==}
     dependencies:
-      debug: registry.npmjs.org/debug@2.6.9
+      debug: 2.6.9
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  registry.npmjs.org/stream-transform@2.1.3:
-    resolution: {integrity: sha512-9GHUiM5hMiCi6Y03jD2ARC1ettBXkQBoQAe7nJsPknnI0ow10aXjTnew8QtYQmLjzn974BnmWEAJgCY6ZP1DeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stream-transform/-/stream-transform-2.1.3.tgz}
-    name: stream-transform
-    version: 2.1.3
+  /stream-transform@2.1.3:
+    resolution: {integrity: sha512-9GHUiM5hMiCi6Y03jD2ARC1ettBXkQBoQAe7nJsPknnI0ow10aXjTnew8QtYQmLjzn974BnmWEAJgCY6ZP1DeQ==}
     dependencies:
-      mixme: registry.npmjs.org/mixme@0.5.9
+      mixme: 0.5.9
     dev: true
 
-  registry.npmjs.org/streamsearch@1.1.0:
-    resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz}
-    name: streamsearch
-    version: 1.1.0
+  /streamsearch@1.1.0:
+    resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
     engines: {node: '>=10.0.0'}
     dev: true
 
-  registry.npmjs.org/streamx@2.15.1:
-    resolution: {integrity: sha512-fQMzy2O/Q47rgwErk/eGeLu/roaFWV0jVsogDmrszM9uIw8L5OA+t+V93MgYlufNptfjmYR1tOMWhei/Eh7TQA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/streamx/-/streamx-2.15.1.tgz}
-    name: streamx
-    version: 2.15.1
+  /streamx@2.15.1:
+    resolution: {integrity: sha512-fQMzy2O/Q47rgwErk/eGeLu/roaFWV0jVsogDmrszM9uIw8L5OA+t+V93MgYlufNptfjmYR1tOMWhei/Eh7TQA==}
     requiresBuild: true
     dependencies:
-      fast-fifo: registry.npmjs.org/fast-fifo@1.3.2
-      queue-tick: registry.npmjs.org/queue-tick@1.0.1
+      fast-fifo: 1.3.2
+      queue-tick: 1.0.1
     dev: false
     optional: true
 
-  registry.npmjs.org/string-width@4.2.3:
-    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz}
-    name: string-width
-    version: 4.2.3
+  /string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
     dependencies:
-      emoji-regex: registry.npmjs.org/emoji-regex@8.0.0
-      is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point@3.0.0
-      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
 
-  registry.npmjs.org/string-width@5.1.2:
-    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz}
-    name: string-width
-    version: 5.1.2
+  /string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
     engines: {node: '>=12'}
     dependencies:
-      eastasianwidth: registry.npmjs.org/eastasianwidth@0.2.0
-      emoji-regex: registry.npmjs.org/emoji-regex@9.2.2
-      strip-ansi: registry.npmjs.org/strip-ansi@7.1.0
+      eastasianwidth: 0.2.0
+      emoji-regex: 9.2.2
+      strip-ansi: 7.1.0
     dev: false
 
-  registry.npmjs.org/string-width@6.1.0:
-    resolution: {integrity: sha512-k01swCJAgQmuADB0YIc+7TuatfNvTBVOoaUWJjTB9R4VJzR5vNWzf5t42ESVZFPS8xTySF7CAdV4t/aaIm3UnQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string-width/-/string-width-6.1.0.tgz}
-    name: string-width
-    version: 6.1.0
+  /string-width@6.1.0:
+    resolution: {integrity: sha512-k01swCJAgQmuADB0YIc+7TuatfNvTBVOoaUWJjTB9R4VJzR5vNWzf5t42ESVZFPS8xTySF7CAdV4t/aaIm3UnQ==}
     engines: {node: '>=16'}
     dependencies:
-      eastasianwidth: registry.npmjs.org/eastasianwidth@0.2.0
-      emoji-regex: registry.npmjs.org/emoji-regex@10.3.0
-      strip-ansi: registry.npmjs.org/strip-ansi@7.1.0
+      eastasianwidth: 0.2.0
+      emoji-regex: 10.3.0
+      strip-ansi: 7.1.0
     dev: false
 
-  registry.npmjs.org/string.prototype.matchall@4.0.10:
-    resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz}
-    name: string.prototype.matchall
-    version: 4.0.10
+  /string.prototype.matchall@4.0.10:
+    resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      has-symbols: registry.npmjs.org/has-symbols@1.0.3
-      internal-slot: registry.npmjs.org/internal-slot@1.0.6
-      regexp.prototype.flags: registry.npmjs.org/regexp.prototype.flags@1.5.1
-      set-function-name: registry.npmjs.org/set-function-name@2.0.1
-      side-channel: registry.npmjs.org/side-channel@1.0.4
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      get-intrinsic: 1.2.2
+      has-symbols: 1.0.3
+      internal-slot: 1.0.6
+      regexp.prototype.flags: 1.5.1
+      set-function-name: 2.0.1
+      side-channel: 1.0.4
     dev: true
 
-  registry.npmjs.org/string.prototype.trim@1.2.8:
-    resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz}
-    name: string.prototype.trim
-    version: 1.2.8
+  /string.prototype.trim@1.2.8:
+    resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
     dev: true
 
-  registry.npmjs.org/string.prototype.trimend@1.0.7:
-    resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz}
-    name: string.prototype.trimend
-    version: 1.0.7
+  /string.prototype.trimend@1.0.7:
+    resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
     dev: true
 
-  registry.npmjs.org/string.prototype.trimstart@1.0.7:
-    resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz}
-    name: string.prototype.trimstart
-    version: 1.0.7
+  /string.prototype.trimstart@1.0.7:
+    resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      define-properties: registry.npmjs.org/define-properties@1.2.1
-      es-abstract: registry.npmjs.org/es-abstract@1.22.3
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
     dev: true
 
-  registry.npmjs.org/string_decoder@1.3.0:
-    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz}
-    name: string_decoder
-    version: 1.3.0
+  /string_decoder@1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
     dependencies:
-      safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
+      safe-buffer: 5.2.1
     dev: false
 
-  registry.npmjs.org/stringify-entities@4.0.3:
-    resolution: {integrity: sha512-BP9nNHMhhfcMbiuQKCqMjhDP5yBCAxsPu4pHFFzJ6Alo9dZgY4VLDPutXqIjpRiMoKdp7Av85Gr73Q5uH9k7+g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.3.tgz}
-    name: stringify-entities
-    version: 4.0.3
+  /stringify-entities@4.0.3:
+    resolution: {integrity: sha512-BP9nNHMhhfcMbiuQKCqMjhDP5yBCAxsPu4pHFFzJ6Alo9dZgY4VLDPutXqIjpRiMoKdp7Av85Gr73Q5uH9k7+g==}
     dependencies:
-      character-entities-html4: registry.npmjs.org/character-entities-html4@2.1.0
-      character-entities-legacy: registry.npmjs.org/character-entities-legacy@3.0.0
+      character-entities-html4: 2.1.0
+      character-entities-legacy: 3.0.0
     dev: false
 
-  registry.npmjs.org/strip-ansi@6.0.1:
-    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz}
-    name: strip-ansi
-    version: 6.0.1
+  /strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
     dependencies:
-      ansi-regex: registry.npmjs.org/ansi-regex@5.0.1
+      ansi-regex: 5.0.1
 
-  registry.npmjs.org/strip-ansi@7.1.0:
-    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz}
-    name: strip-ansi
-    version: 7.1.0
+  /strip-ansi@7.1.0:
+    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
     engines: {node: '>=12'}
     dependencies:
-      ansi-regex: registry.npmjs.org/ansi-regex@6.0.1
+      ansi-regex: 6.0.1
     dev: false
 
-  registry.npmjs.org/strip-bom-string@1.0.0:
-    resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-1.0.0.tgz}
-    name: strip-bom-string
-    version: 1.0.0
+  /strip-bom-string@1.0.0:
+    resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==}
     engines: {node: '>=0.10.0'}
     dev: false
 
-  registry.npmjs.org/strip-bom@3.0.0:
-    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz}
-    name: strip-bom
-    version: 3.0.0
+  /strip-bom@3.0.0:
+    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
     engines: {node: '>=4'}
 
-  registry.npmjs.org/strip-bom@4.0.0:
-    resolution: {integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz}
-    name: strip-bom
-    version: 4.0.0
+  /strip-bom@4.0.0:
+    resolution: {integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==}
     engines: {node: '>=8'}
     dev: false
 
-  registry.npmjs.org/strip-final-newline@2.0.0:
-    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz}
-    name: strip-final-newline
-    version: 2.0.0
+  /strip-final-newline@2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/strip-final-newline@3.0.0:
-    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz}
-    name: strip-final-newline
-    version: 3.0.0
+  /strip-final-newline@3.0.0:
+    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
     engines: {node: '>=12'}
     dev: false
 
-  registry.npmjs.org/strip-indent@3.0.0:
-    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz}
-    name: strip-indent
-    version: 3.0.0
+  /strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
     engines: {node: '>=8'}
     dependencies:
-      min-indent: registry.npmjs.org/min-indent@1.0.1
+      min-indent: 1.0.1
     dev: true
 
-  registry.npmjs.org/strip-json-comments@2.0.1:
-    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz}
-    name: strip-json-comments
-    version: 2.0.1
+  /strip-json-comments@2.0.1:
+    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
     engines: {node: '>=0.10.0'}
     requiresBuild: true
     dev: false
     optional: true
 
-  registry.npmjs.org/strip-json-comments@3.1.1:
-    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz}
-    name: strip-json-comments
-    version: 3.1.1
+  /strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/stylehacks@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/stylehacks/-/stylehacks-6.0.0.tgz}
-    id: registry.npmjs.org/stylehacks/6.0.0
-    name: stylehacks
-    version: 6.0.0
+  /stylehacks@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.22.1
-      postcss: registry.npmjs.org/postcss@8.4.21
-      postcss-selector-parser: registry.npmjs.org/postcss-selector-parser@6.0.13
+      browserslist: 4.22.1
+      postcss: 8.4.21
+      postcss-selector-parser: 6.0.13
     dev: true
 
-  registry.npmjs.org/supports-color@5.5.0:
-    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz}
-    name: supports-color
-    version: 5.5.0
+  /supports-color@5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
     dependencies:
-      has-flag: registry.npmjs.org/has-flag@3.0.0
+      has-flag: 3.0.0
 
-  registry.npmjs.org/supports-color@7.2.0:
-    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz}
-    name: supports-color
-    version: 7.2.0
+  /supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
     dependencies:
-      has-flag: registry.npmjs.org/has-flag@4.0.0
+      has-flag: 4.0.0
     dev: true
 
-  registry.npmjs.org/supports-color@8.1.1:
-    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz}
-    name: supports-color
-    version: 8.1.1
+  /supports-color@8.1.1:
+    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
     engines: {node: '>=10'}
     dependencies:
-      has-flag: registry.npmjs.org/has-flag@4.0.0
+      has-flag: 4.0.0
 
-  registry.npmjs.org/supports-preserve-symlinks-flag@1.0.0:
-    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz}
-    name: supports-preserve-symlinks-flag
-    version: 1.0.0
+  /supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  registry.npmjs.org/svelte-check@3.5.0(postcss@8.4.21)(svelte@4.2.1):
-    resolution: {integrity: sha512-KHujbn4k17xKYLmtCwv0sKKM7uiHTYcQvXnvrCcNU6a7hcszh99zFTIoiu/Sp/ewAw5aJmillJ1Cs8gKLmcX4A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.5.0.tgz}
-    id: registry.npmjs.org/svelte-check/3.5.0
-    name: svelte-check
-    version: 3.5.0
+  /svelte-check@3.5.0(postcss@8.4.21)(svelte@4.2.1):
+    resolution: {integrity: sha512-KHujbn4k17xKYLmtCwv0sKKM7uiHTYcQvXnvrCcNU6a7hcszh99zFTIoiu/Sp/ewAw5aJmillJ1Cs8gKLmcX4A==}
     hasBin: true
     peerDependencies:
       svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0
     dependencies:
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
-      chokidar: registry.npmjs.org/chokidar@3.5.3
-      fast-glob: registry.npmjs.org/fast-glob@3.3.2
-      import-fresh: registry.npmjs.org/import-fresh@3.3.0
-      picocolors: registry.npmjs.org/picocolors@1.0.0
-      sade: registry.npmjs.org/sade@1.8.1
-      svelte: registry.npmjs.org/svelte@4.2.1
-      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.21)(svelte@4.2.1)(typescript@5.2.2)
-      typescript: registry.npmjs.org/typescript@5.2.2
+      '@jridgewell/trace-mapping': 0.3.20
+      chokidar: 3.5.3
+      fast-glob: 3.3.2
+      import-fresh: 3.3.0
+      picocolors: 1.0.0
+      sade: 1.8.1
+      svelte: 4.2.1
+      svelte-preprocess: 5.0.4(postcss@8.4.21)(svelte@4.2.1)(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -12280,24 +9031,21 @@ packages:
       - sugarss
     dev: true
 
-  registry.npmjs.org/svelte-check@3.5.2(postcss@8.4.31)(svelte@4.2.2):
-    resolution: {integrity: sha512-5a/YWbiH4c+AqAUP+0VneiV5bP8YOk9JL3jwvN+k2PEPLgpu85bjQc5eE67+eIZBBwUEJzmO3I92OqKcqbp3fw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-check/-/svelte-check-3.5.2.tgz}
-    id: registry.npmjs.org/svelte-check/3.5.2
-    name: svelte-check
-    version: 3.5.2
+  /svelte-check@3.5.2(postcss@8.4.31)(svelte@4.2.2):
+    resolution: {integrity: sha512-5a/YWbiH4c+AqAUP+0VneiV5bP8YOk9JL3jwvN+k2PEPLgpu85bjQc5eE67+eIZBBwUEJzmO3I92OqKcqbp3fw==}
     hasBin: true
     peerDependencies:
       svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0
     dependencies:
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
-      chokidar: registry.npmjs.org/chokidar@3.5.3
-      fast-glob: registry.npmjs.org/fast-glob@3.3.2
-      import-fresh: registry.npmjs.org/import-fresh@3.3.0
-      picocolors: registry.npmjs.org/picocolors@1.0.0
-      sade: registry.npmjs.org/sade@1.8.1
-      svelte: registry.npmjs.org/svelte@4.2.2
-      svelte-preprocess: registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.31)(svelte@4.2.2)(typescript@5.2.2)
-      typescript: registry.npmjs.org/typescript@5.2.2
+      '@jridgewell/trace-mapping': 0.3.20
+      chokidar: 3.5.3
+      fast-glob: 3.3.2
+      import-fresh: 3.3.0
+      picocolors: 1.0.0
+      sade: 1.8.1
+      svelte: 4.2.2
+      svelte-preprocess: 5.0.4(postcss@8.4.31)(svelte@4.2.2)(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -12310,11 +9058,8 @@ packages:
       - sugarss
     dev: true
 
-  registry.npmjs.org/svelte-eslint-parser@0.31.0(svelte@4.2.1):
-    resolution: {integrity: sha512-/31RpBf/e3YjoFphjsyo3JRyN1r4UalGAGafXrZ6EJK4h4COOO0rbfBoen5byGsXnIJKsrlC1lkEd2Vzpq2IDg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.31.0.tgz}
-    id: registry.npmjs.org/svelte-eslint-parser/0.31.0
-    name: svelte-eslint-parser
-    version: 0.31.0
+  /svelte-eslint-parser@0.31.0(svelte@4.2.1):
+    resolution: {integrity: sha512-/31RpBf/e3YjoFphjsyo3JRyN1r4UalGAGafXrZ6EJK4h4COOO0rbfBoen5byGsXnIJKsrlC1lkEd2Vzpq2IDg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       svelte: ^3.37.0 || ^4.0.0-0
@@ -12322,19 +9067,16 @@ packages:
       svelte:
         optional: true
     dependencies:
-      eslint-scope: registry.npmjs.org/eslint-scope@7.2.2
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
-      espree: registry.npmjs.org/espree@9.6.1
-      postcss: registry.npmjs.org/postcss@8.4.31
-      postcss-scss: registry.npmjs.org/postcss-scss@4.0.9(postcss@8.4.31)
-      svelte: registry.npmjs.org/svelte@4.2.1
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      postcss: 8.4.31
+      postcss-scss: 4.0.9(postcss@8.4.31)
+      svelte: 4.2.1
     dev: true
 
-  registry.npmjs.org/svelte-eslint-parser@0.32.2(svelte@4.2.1):
-    resolution: {integrity: sha512-Ok9D3A4b23iLQsONrjqtXtYDu5ZZ/826Blaw2LeFZVTg1pwofKDG4mz3/GYTax8fQ0plRGHI6j+d9VQYy5Lo/A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.32.2.tgz}
-    id: registry.npmjs.org/svelte-eslint-parser/0.32.2
-    name: svelte-eslint-parser
-    version: 0.32.2
+  /svelte-eslint-parser@0.32.2(svelte@4.2.1):
+    resolution: {integrity: sha512-Ok9D3A4b23iLQsONrjqtXtYDu5ZZ/826Blaw2LeFZVTg1pwofKDG4mz3/GYTax8fQ0plRGHI6j+d9VQYy5Lo/A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       svelte: ^3.37.0 || ^4.0.0
@@ -12342,19 +9084,16 @@ packages:
       svelte:
         optional: true
     dependencies:
-      eslint-scope: registry.npmjs.org/eslint-scope@7.2.2
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
-      espree: registry.npmjs.org/espree@9.6.1
-      postcss: registry.npmjs.org/postcss@8.4.31
-      postcss-scss: registry.npmjs.org/postcss-scss@4.0.9(postcss@8.4.31)
-      svelte: registry.npmjs.org/svelte@4.2.1
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      postcss: 8.4.31
+      postcss-scss: 4.0.9(postcss@8.4.31)
+      svelte: 4.2.1
     dev: true
 
-  registry.npmjs.org/svelte-eslint-parser@0.33.1(svelte@4.2.2):
-    resolution: {integrity: sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.33.1.tgz}
-    id: registry.npmjs.org/svelte-eslint-parser/0.33.1
-    name: svelte-eslint-parser
-    version: 0.33.1
+  /svelte-eslint-parser@0.33.1(svelte@4.2.2):
+    resolution: {integrity: sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       svelte: ^3.37.0 || ^4.0.0
@@ -12362,42 +9101,33 @@ packages:
       svelte:
         optional: true
     dependencies:
-      eslint-scope: registry.npmjs.org/eslint-scope@7.2.2
-      eslint-visitor-keys: registry.npmjs.org/eslint-visitor-keys@3.4.3
-      espree: registry.npmjs.org/espree@9.6.1
-      postcss: registry.npmjs.org/postcss@8.4.31
-      postcss-scss: registry.npmjs.org/postcss-scss@4.0.9(postcss@8.4.31)
-      svelte: registry.npmjs.org/svelte@4.2.2
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      postcss: 8.4.31
+      postcss-scss: 4.0.9(postcss@8.4.31)
+      svelte: 4.2.2
     dev: true
 
-  registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.1):
-    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.3.tgz}
-    id: registry.npmjs.org/svelte-hmr/0.15.3
-    name: svelte-hmr
-    version: 0.15.3
+  /svelte-hmr@0.15.3(svelte@4.2.1):
+    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
     peerDependencies:
       svelte: ^3.19.0 || ^4.0.0
     dependencies:
-      svelte: registry.npmjs.org/svelte@4.2.1
+      svelte: 4.2.1
 
-  registry.npmjs.org/svelte-hmr@0.15.3(svelte@4.2.2):
-    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.3.tgz}
-    id: registry.npmjs.org/svelte-hmr/0.15.3
-    name: svelte-hmr
-    version: 0.15.3
+  /svelte-hmr@0.15.3(svelte@4.2.2):
+    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
     peerDependencies:
       svelte: ^3.19.0 || ^4.0.0
     dependencies:
-      svelte: registry.npmjs.org/svelte@4.2.2
+      svelte: 4.2.2
     dev: true
 
-  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.21)(svelte@4.2.1)(typescript@5.2.2):
-    resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz}
-    id: registry.npmjs.org/svelte-preprocess/5.0.4
-    name: svelte-preprocess
-    version: 5.0.4
+  /svelte-preprocess@5.0.4(postcss@8.4.21)(svelte@4.2.1)(typescript@5.2.2):
+    resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==}
     engines: {node: '>= 14.10.0'}
     requiresBuild: true
     peerDependencies:
@@ -12434,21 +9164,18 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@types/pug': registry.npmjs.org/@types/pug@2.0.9
-      detect-indent: registry.npmjs.org/detect-indent@6.1.0
-      magic-string: registry.npmjs.org/magic-string@0.27.0
-      postcss: registry.npmjs.org/postcss@8.4.21
-      sorcery: registry.npmjs.org/sorcery@0.11.0
-      strip-indent: registry.npmjs.org/strip-indent@3.0.0
-      svelte: registry.npmjs.org/svelte@4.2.1
-      typescript: registry.npmjs.org/typescript@5.2.2
-    dev: true
-
-  registry.npmjs.org/svelte-preprocess@5.0.4(postcss@8.4.31)(svelte@4.2.2)(typescript@5.2.2):
-    resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz}
-    id: registry.npmjs.org/svelte-preprocess/5.0.4
-    name: svelte-preprocess
-    version: 5.0.4
+      '@types/pug': 2.0.9
+      detect-indent: 6.1.0
+      magic-string: 0.27.0
+      postcss: 8.4.21
+      sorcery: 0.11.0
+      strip-indent: 3.0.0
+      svelte: 4.2.1
+      typescript: 5.2.2
+    dev: true
+
+  /svelte-preprocess@5.0.4(postcss@8.4.31)(svelte@4.2.2)(typescript@5.2.2):
+    resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==}
     engines: {node: '>= 14.10.0'}
     requiresBuild: true
     peerDependencies:
@@ -12485,384 +9212,353 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@types/pug': registry.npmjs.org/@types/pug@2.0.9
-      detect-indent: registry.npmjs.org/detect-indent@6.1.0
-      magic-string: registry.npmjs.org/magic-string@0.27.0
-      postcss: registry.npmjs.org/postcss@8.4.31
-      sorcery: registry.npmjs.org/sorcery@0.11.0
-      strip-indent: registry.npmjs.org/strip-indent@3.0.0
-      svelte: registry.npmjs.org/svelte@4.2.2
-      typescript: registry.npmjs.org/typescript@5.2.2
+      '@types/pug': 2.0.9
+      detect-indent: 6.1.0
+      magic-string: 0.27.0
+      postcss: 8.4.31
+      sorcery: 0.11.0
+      strip-indent: 3.0.0
+      svelte: 4.2.2
+      typescript: 5.2.2
     dev: true
 
-  registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.1.3):
-    resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.23.tgz}
-    id: registry.npmjs.org/svelte2tsx/0.6.23
-    name: svelte2tsx
-    version: 0.6.23
+  /svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.1.3):
+    resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==}
     peerDependencies:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
       typescript: ^4.9.4 || ^5.0.0
     dependencies:
-      dedent-js: registry.npmjs.org/dedent-js@1.0.1
-      pascal-case: registry.npmjs.org/pascal-case@3.1.2
-      svelte: registry.npmjs.org/svelte@4.2.1
-      typescript: registry.npmjs.org/typescript@5.1.3
+      dedent-js: 1.0.1
+      pascal-case: 3.1.2
+      svelte: 4.2.1
+      typescript: 5.1.3
     dev: true
 
-  registry.npmjs.org/svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.3.3):
-    resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.23.tgz}
-    id: registry.npmjs.org/svelte2tsx/0.6.23
-    name: svelte2tsx
-    version: 0.6.23
+  /svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.2.2):
+    resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==}
     peerDependencies:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
       typescript: ^4.9.4 || ^5.0.0
     dependencies:
-      dedent-js: registry.npmjs.org/dedent-js@1.0.1
-      pascal-case: registry.npmjs.org/pascal-case@3.1.2
-      svelte: registry.npmjs.org/svelte@4.2.1
-      typescript: 5.3.3
+      dedent-js: 1.0.1
+      pascal-case: 3.1.2
+      svelte: 4.2.1
+      typescript: 5.2.2
     dev: false
 
-  registry.npmjs.org/svelte@4.2.1:
-    resolution: {integrity: sha512-LpLqY2Jr7cRxkrTc796/AaaoMLF/1ax7cto8Ot76wrvKQhrPmZ0JgajiWPmg9mTSDqO16SSLiD17r9MsvAPTmw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-4.2.1.tgz}
-    name: svelte
-    version: 4.2.1
+  /svelte@4.2.1:
+    resolution: {integrity: sha512-LpLqY2Jr7cRxkrTc796/AaaoMLF/1ax7cto8Ot76wrvKQhrPmZ0JgajiWPmg9mTSDqO16SSLiD17r9MsvAPTmw==}
     engines: {node: '>=16'}
     dependencies:
-      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping@2.2.1
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
-      acorn: registry.npmjs.org/acorn@8.11.2
-      aria-query: registry.npmjs.org/aria-query@5.3.0
-      axobject-query: registry.npmjs.org/axobject-query@3.2.1
-      code-red: registry.npmjs.org/code-red@1.0.4
-      css-tree: registry.npmjs.org/css-tree@2.3.1
-      estree-walker: registry.npmjs.org/estree-walker@3.0.3
-      is-reference: registry.npmjs.org/is-reference@3.0.2
-      locate-character: registry.npmjs.org/locate-character@3.0.0
-      magic-string: registry.npmjs.org/magic-string@0.30.5
-      periscopic: registry.npmjs.org/periscopic@3.1.0
-
-  registry.npmjs.org/svelte@4.2.2:
-    resolution: {integrity: sha512-My2tytF2e2NnHSpn2M7/3VdXT4JdTglYVUuSuK/mXL2XtulPYbeBfl8Dm1QiaKRn0zoULRnL+EtfZHHP0k4H3A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svelte/-/svelte-4.2.2.tgz}
-    name: svelte
-    version: 4.2.2
+      '@ampproject/remapping': 2.2.1
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/trace-mapping': 0.3.20
+      acorn: 8.11.2
+      aria-query: 5.3.0
+      axobject-query: 3.2.1
+      code-red: 1.0.4
+      css-tree: 2.3.1
+      estree-walker: 3.0.3
+      is-reference: 3.0.2
+      locate-character: 3.0.0
+      magic-string: 0.30.5
+      periscopic: 3.1.0
+
+  /svelte@4.2.2:
+    resolution: {integrity: sha512-My2tytF2e2NnHSpn2M7/3VdXT4JdTglYVUuSuK/mXL2XtulPYbeBfl8Dm1QiaKRn0zoULRnL+EtfZHHP0k4H3A==}
     engines: {node: '>=16'}
     dependencies:
-      '@ampproject/remapping': registry.npmjs.org/@ampproject/remapping@2.2.1
-      '@jridgewell/sourcemap-codec': registry.npmjs.org/@jridgewell/sourcemap-codec@1.4.15
-      '@jridgewell/trace-mapping': registry.npmjs.org/@jridgewell/trace-mapping@0.3.20
-      acorn: registry.npmjs.org/acorn@8.11.2
-      aria-query: registry.npmjs.org/aria-query@5.3.0
-      axobject-query: registry.npmjs.org/axobject-query@3.2.1
-      code-red: registry.npmjs.org/code-red@1.0.4
-      css-tree: registry.npmjs.org/css-tree@2.3.1
-      estree-walker: registry.npmjs.org/estree-walker@3.0.3
-      is-reference: registry.npmjs.org/is-reference@3.0.2
-      locate-character: registry.npmjs.org/locate-character@3.0.0
-      magic-string: registry.npmjs.org/magic-string@0.30.5
-      periscopic: registry.npmjs.org/periscopic@3.1.0
-    dev: true
-
-  registry.npmjs.org/svgo@3.0.2:
-    resolution: {integrity: sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/svgo/-/svgo-3.0.2.tgz}
-    name: svgo
-    version: 3.0.2
+      '@ampproject/remapping': 2.2.1
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/trace-mapping': 0.3.20
+      acorn: 8.11.2
+      aria-query: 5.3.0
+      axobject-query: 3.2.1
+      code-red: 1.0.4
+      css-tree: 2.3.1
+      estree-walker: 3.0.3
+      is-reference: 3.0.2
+      locate-character: 3.0.0
+      magic-string: 0.30.5
+      periscopic: 3.1.0
+    dev: true
+
+  /svgo@3.0.2:
+    resolution: {integrity: sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==}
     engines: {node: '>=14.0.0'}
     hasBin: true
     dependencies:
-      '@trysound/sax': registry.npmjs.org/@trysound/sax@0.2.0
-      commander: registry.npmjs.org/commander@7.2.0
-      css-select: registry.npmjs.org/css-select@5.1.0
-      css-tree: registry.npmjs.org/css-tree@2.3.1
-      csso: registry.npmjs.org/csso@5.0.5
-      picocolors: registry.npmjs.org/picocolors@1.0.0
+      '@trysound/sax': 0.2.0
+      commander: 7.2.0
+      css-select: 5.1.0
+      css-tree: 2.3.1
+      csso: 5.0.5
+      picocolors: 1.0.0
     dev: true
 
-  registry.npmjs.org/tar-fs@2.1.1:
-    resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz}
-    name: tar-fs
-    version: 2.1.1
+  /tar-fs@2.1.1:
+    resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
     requiresBuild: true
     dependencies:
-      chownr: registry.npmjs.org/chownr@1.1.4
-      mkdirp-classic: registry.npmjs.org/mkdirp-classic@0.5.3
-      pump: registry.npmjs.org/pump@3.0.0
-      tar-stream: registry.npmjs.org/tar-stream@2.2.0
+      chownr: 1.1.4
+      mkdirp-classic: 0.5.3
+      pump: 3.0.0
+      tar-stream: 2.2.0
     dev: false
     optional: true
 
-  registry.npmjs.org/tar-fs@3.0.4:
-    resolution: {integrity: sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.4.tgz}
-    name: tar-fs
-    version: 3.0.4
+  /tar-fs@3.0.4:
+    resolution: {integrity: sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==}
     requiresBuild: true
     dependencies:
-      mkdirp-classic: registry.npmjs.org/mkdirp-classic@0.5.3
-      pump: registry.npmjs.org/pump@3.0.0
-      tar-stream: registry.npmjs.org/tar-stream@3.1.6
+      mkdirp-classic: 0.5.3
+      pump: 3.0.0
+      tar-stream: 3.1.6
     dev: false
     optional: true
 
-  registry.npmjs.org/tar-stream@2.2.0:
-    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz}
-    name: tar-stream
-    version: 2.2.0
+  /tar-stream@2.2.0:
+    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
     engines: {node: '>=6'}
     requiresBuild: true
     dependencies:
-      bl: registry.npmjs.org/bl@4.1.0
-      end-of-stream: registry.npmjs.org/end-of-stream@1.4.4
-      fs-constants: registry.npmjs.org/fs-constants@1.0.0
-      inherits: registry.npmjs.org/inherits@2.0.4
-      readable-stream: registry.npmjs.org/readable-stream@3.6.2
+      bl: 4.1.0
+      end-of-stream: 1.4.4
+      fs-constants: 1.0.0
+      inherits: 2.0.4
+      readable-stream: 3.6.2
     dev: false
     optional: true
 
-  registry.npmjs.org/tar-stream@3.1.6:
-    resolution: {integrity: sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.6.tgz}
-    name: tar-stream
-    version: 3.1.6
+  /tar-stream@3.1.6:
+    resolution: {integrity: sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==}
     requiresBuild: true
     dependencies:
-      b4a: registry.npmjs.org/b4a@1.6.4
-      fast-fifo: registry.npmjs.org/fast-fifo@1.3.2
-      streamx: registry.npmjs.org/streamx@2.15.1
+      b4a: 1.6.4
+      fast-fifo: 1.3.2
+      streamx: 2.15.1
     dev: false
     optional: true
 
-  registry.npmjs.org/term-size@2.2.1:
-    resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/term-size/-/term-size-2.2.1.tgz}
-    name: term-size
-    version: 2.2.1
+  /term-size@2.2.1:
+    resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/terser@5.22.0:
-    resolution: {integrity: sha512-hHZVLgRA2z4NWcN6aS5rQDc+7Dcy58HOf2zbYwmFcQ+ua3h6eEFf5lIDKTzbWwlazPyOZsFQO8V80/IjVNExEw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/terser/-/terser-5.22.0.tgz}
-    name: terser
-    version: 5.22.0
+  /terser@5.22.0:
+    resolution: {integrity: sha512-hHZVLgRA2z4NWcN6aS5rQDc+7Dcy58HOf2zbYwmFcQ+ua3h6eEFf5lIDKTzbWwlazPyOZsFQO8V80/IjVNExEw==}
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
-      '@jridgewell/source-map': registry.npmjs.org/@jridgewell/source-map@0.3.5
-      acorn: registry.npmjs.org/acorn@8.10.0
-      commander: registry.npmjs.org/commander@2.20.3
-      source-map-support: registry.npmjs.org/source-map-support@0.5.21
+      '@jridgewell/source-map': 0.3.5
+      acorn: 8.10.0
+      commander: 2.20.3
+      source-map-support: 0.5.21
     dev: true
 
-  registry.npmjs.org/text-table@0.2.0:
-    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz}
-    name: text-table
-    version: 0.2.0
+  /text-table@0.2.0:
+    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
-  registry.npmjs.org/thenby@1.3.4:
-    resolution: {integrity: sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/thenby/-/thenby-1.3.4.tgz}
-    name: thenby
-    version: 1.3.4
+  /thenby@1.3.4:
+    resolution: {integrity: sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==}
     dev: true
 
-  registry.npmjs.org/throttleit@1.0.0:
-    resolution: {integrity: sha512-rkTVqu6IjfQ/6+uNuuc3sZek4CEYxTJom3IktzgdSxcZqdARuebbA/f4QmAxMQIxqq9ZLEUkSYqvuk1I6VKq4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/throttleit/-/throttleit-1.0.0.tgz}
-    name: throttleit
-    version: 1.0.0
+  /throttleit@1.0.0:
+    resolution: {integrity: sha512-rkTVqu6IjfQ/6+uNuuc3sZek4CEYxTJom3IktzgdSxcZqdARuebbA/f4QmAxMQIxqq9ZLEUkSYqvuk1I6VKq4g==}
     dev: true
 
-  registry.npmjs.org/through@2.3.8:
-    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/through/-/through-2.3.8.tgz}
-    name: through
-    version: 2.3.8
+  /through@2.3.8:
+    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
 
-  registry.npmjs.org/tiny-glob@0.2.9:
-    resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz}
-    name: tiny-glob
-    version: 0.2.9
+  /tiny-glob@0.2.9:
+    resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
     dependencies:
-      globalyzer: registry.npmjs.org/globalyzer@0.1.0
-      globrex: registry.npmjs.org/globrex@0.1.2
+      globalyzer: 0.1.0
+      globrex: 0.1.2
     dev: true
 
-  registry.npmjs.org/tmp@0.0.33:
-    resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz}
-    name: tmp
-    version: 0.0.33
+  /tmp@0.0.33:
+    resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==}
     engines: {node: '>=0.6.0'}
     dependencies:
-      os-tmpdir: registry.npmjs.org/os-tmpdir@1.0.2
+      os-tmpdir: 1.0.2
     dev: true
 
-  registry.npmjs.org/tmp@0.2.1:
-    resolution: {integrity: sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz}
-    name: tmp
-    version: 0.2.1
+  /tmp@0.2.1:
+    resolution: {integrity: sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==}
     engines: {node: '>=8.17.0'}
     dependencies:
-      rimraf: registry.npmjs.org/rimraf@3.0.2
+      rimraf: 3.0.2
     dev: true
 
-  registry.npmjs.org/to-fast-properties@2.0.0:
-    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz}
-    name: to-fast-properties
-    version: 2.0.0
+  /to-fast-properties@2.0.0:
+    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
     engines: {node: '>=4'}
 
-  registry.npmjs.org/to-regex-range@5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz}
-    name: to-regex-range
-    version: 5.0.1
+  /to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
     dependencies:
-      is-number: registry.npmjs.org/is-number@7.0.0
+      is-number: 7.0.0
 
-  registry.npmjs.org/totalist@3.0.1:
-    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz}
-    name: totalist
-    version: 3.0.1
+  /totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
     engines: {node: '>=6'}
     dev: true
 
-  registry.npmjs.org/tough-cookie@4.1.3:
-    resolution: {integrity: sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz}
-    name: tough-cookie
-    version: 4.1.3
+  /tough-cookie@4.1.3:
+    resolution: {integrity: sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==}
     engines: {node: '>=6'}
     dependencies:
-      psl: registry.npmjs.org/psl@1.9.0
-      punycode: registry.npmjs.org/punycode@2.3.1
-      universalify: registry.npmjs.org/universalify@0.2.0
-      url-parse: registry.npmjs.org/url-parse@1.5.10
+      psl: 1.9.0
+      punycode: 2.3.1
+      universalify: 0.2.0
+      url-parse: 1.5.10
     dev: true
 
-  registry.npmjs.org/tr46@0.0.3:
-    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz}
-    name: tr46
-    version: 0.0.3
+  /tr46@0.0.3:
+    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
     dev: true
 
-  registry.npmjs.org/tree-kill@1.2.2:
-    resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz}
-    name: tree-kill
-    version: 1.2.2
+  /tree-kill@1.2.2:
+    resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
     hasBin: true
     dev: true
 
-  registry.npmjs.org/trim-lines@3.0.1:
-    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz}
-    name: trim-lines
-    version: 3.0.1
+  /trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
     dev: false
 
-  registry.npmjs.org/trim-newlines@3.0.1:
-    resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz}
-    name: trim-newlines
-    version: 3.0.1
+  /trim-newlines@3.0.1:
+    resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/trough@2.1.0:
-    resolution: {integrity: sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/trough/-/trough-2.1.0.tgz}
-    name: trough
-    version: 2.1.0
+  /trough@2.1.0:
+    resolution: {integrity: sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==}
     dev: false
 
-  registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.1.3):
-    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz}
-    id: registry.npmjs.org/ts-api-utils/1.0.3
-    name: ts-api-utils
-    version: 1.0.3
+  /ts-api-utils@1.0.3(typescript@5.1.3):
+    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
     engines: {node: '>=16.13.0'}
     peerDependencies:
       typescript: '>=4.2.0'
     dependencies:
-      typescript: registry.npmjs.org/typescript@5.1.3
+      typescript: 5.1.3
     dev: true
 
-  registry.npmjs.org/ts-api-utils@1.0.3(typescript@5.2.2):
-    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz}
-    id: registry.npmjs.org/ts-api-utils/1.0.3
-    name: ts-api-utils
-    version: 1.0.3
+  /ts-api-utils@1.0.3(typescript@5.2.2):
+    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
     engines: {node: '>=16.13.0'}
     peerDependencies:
       typescript: '>=4.2.0'
     dependencies:
-      typescript: registry.npmjs.org/typescript@5.2.2
+      typescript: 5.2.2
     dev: true
 
-  registry.npmjs.org/tsconfig-resolver@3.0.1:
-    resolution: {integrity: sha512-ZHqlstlQF449v8glscGRXzL6l2dZvASPCdXJRWG4gHEZlUVx2Jtmr+a2zeVG4LCsKhDXKRj5R3h0C/98UcVAQg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsconfig-resolver/-/tsconfig-resolver-3.0.1.tgz}
-    name: tsconfig-resolver
-    version: 3.0.1
+  /tsconfig-resolver@3.0.1:
+    resolution: {integrity: sha512-ZHqlstlQF449v8glscGRXzL6l2dZvASPCdXJRWG4gHEZlUVx2Jtmr+a2zeVG4LCsKhDXKRj5R3h0C/98UcVAQg==}
     dependencies:
-      '@types/json5': registry.npmjs.org/@types/json5@0.0.30
-      '@types/resolve': registry.npmjs.org/@types/resolve@1.20.4
-      json5: registry.npmjs.org/json5@2.2.3
-      resolve: registry.npmjs.org/resolve@1.22.8
-      strip-bom: registry.npmjs.org/strip-bom@4.0.0
-      type-fest: registry.npmjs.org/type-fest@0.13.1
+      '@types/json5': 0.0.30
+      '@types/resolve': 1.20.4
+      json5: 2.2.3
+      resolve: 1.22.8
+      strip-bom: 4.0.0
+      type-fest: 0.13.1
     dev: false
 
-  registry.npmjs.org/tslib@1.14.1:
-    resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz}
-    name: tslib
-    version: 1.14.1
+  /tslib@1.14.1:
+    resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
     dev: true
 
-  registry.npmjs.org/tslib@2.5.3:
-    resolution: {integrity: sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz}
-    name: tslib
-    version: 2.5.3
+  /tslib@2.5.3:
+    resolution: {integrity: sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==}
     dev: true
 
-  registry.npmjs.org/tslib@2.6.2:
-    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz}
-    name: tslib
-    version: 2.6.2
+  /tslib@2.6.2:
+    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
 
-  registry.npmjs.org/tsutils@3.21.0(typescript@5.1.3):
-    resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz}
-    id: registry.npmjs.org/tsutils/3.21.0
-    name: tsutils
-    version: 3.21.0
+  /tsutils@3.21.0(typescript@5.1.3):
+    resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
     engines: {node: '>= 6'}
     peerDependencies:
       typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
     dependencies:
-      tslib: registry.npmjs.org/tslib@1.14.1
-      typescript: registry.npmjs.org/typescript@5.1.3
+      tslib: 1.14.1
+      typescript: 5.1.3
     dev: true
 
-  registry.npmjs.org/tty-table@4.2.2:
-    resolution: {integrity: sha512-2gvCArMZLxgvpZ2NvQKdnYWIFLe7I/z5JClMuhrDXunmKgSZcQKcZRjN9XjAFiToMz2pUo1dEIXyrm0AwgV5Tw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tty-table/-/tty-table-4.2.2.tgz}
-    name: tty-table
-    version: 4.2.2
+  /tty-table@4.2.2:
+    resolution: {integrity: sha512-2gvCArMZLxgvpZ2NvQKdnYWIFLe7I/z5JClMuhrDXunmKgSZcQKcZRjN9XjAFiToMz2pUo1dEIXyrm0AwgV5Tw==}
     engines: {node: '>=8.0.0'}
     hasBin: true
     dependencies:
-      chalk: registry.npmjs.org/chalk@4.1.2
-      csv: registry.npmjs.org/csv@5.5.3
-      kleur: registry.npmjs.org/kleur@4.1.5
-      smartwrap: registry.npmjs.org/smartwrap@2.0.2
-      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
-      wcwidth: registry.npmjs.org/wcwidth@1.0.1
-      yargs: registry.npmjs.org/yargs@17.7.2
+      chalk: 4.1.2
+      csv: 5.5.3
+      kleur: 4.1.5
+      smartwrap: 2.0.2
+      strip-ansi: 6.0.1
+      wcwidth: 1.0.1
+      yargs: 17.7.2
     dev: true
 
-  registry.npmjs.org/tunnel-agent@0.6.0:
-    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz}
-    name: tunnel-agent
-    version: 0.6.0
+  /tunnel-agent@0.6.0:
+    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
     dependencies:
-      safe-buffer: registry.npmjs.org/safe-buffer@5.2.1
+      safe-buffer: 5.2.1
+
+  /turbo-darwin-64@1.10.0:
+    resolution: {integrity: sha512-N0aVGFtBgOKd7pIdUiKREwnDhNHRIvpMJbmUw04c1AqEoTiKAKT6iuzcCozO5N/gYMVr0hxrXgLal5OLYXtcsw==}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /turbo-darwin-arm64@1.10.0:
+    resolution: {integrity: sha512-boXzhaHTS5MsTMv48I/JmYp9/fYplXk5nACUDrqV6nD1hzO5PMn5wNg75ATbpkaMaeuD+hjuobeSxn1p4vpqQg==}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /turbo-linux-64@1.10.0:
+    resolution: {integrity: sha512-crKQuS1jrp4vp+Th6EmUqqmAlvYNnzGmwWMLeckmYILrV7zAddu87eJu4hB7V6uV+W1qHZUTw8WXa1w1+8boBw==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /turbo-linux-arm64@1.10.0:
+    resolution: {integrity: sha512-Y2fhWe0xepLjl7doIvsJK7mp2h8E+OF6qJsUHRgxFeRWQWi1I6clD2aEQeykHK8Tp+qp8pKFMocj32nFBvuCcg==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /turbo-windows-64@1.10.0:
+    resolution: {integrity: sha512-uh8rEqH6teaHysEMjinwWBqyNwv4IvgSAwbq/OphP8jObstTYHoR+gFPo8RQUSTaBYy4QVszgi5eO5YLvEQqNA==}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /turbo-windows-arm64@1.10.0:
+    resolution: {integrity: sha512-JaVj3iM7qyRD6xYGZLL/Gs4mQKfM1zL0f91AwHZLNkk1CrJ6i5kO4ZjhKkwXSpVOTNKW3sX0Q7dExXj85Vv7UQ==}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  registry.npmjs.org/turbo@1.10.0:
-    resolution: {integrity: sha512-GWxoL2zJduiNaEHz78o74l2jCQEeuUZ3MdpMPz0SpZOvt3nimpvQPNxiyfbqt3U9/V5G375PWKYSbXkVnIbQcA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/turbo/-/turbo-1.10.0.tgz}
-    name: turbo
-    version: 1.10.0
+  /turbo@1.10.0:
+    resolution: {integrity: sha512-GWxoL2zJduiNaEHz78o74l2jCQEeuUZ3MdpMPz0SpZOvt3nimpvQPNxiyfbqt3U9/V5G375PWKYSbXkVnIbQcA==}
     hasBin: true
     requiresBuild: true
     optionalDependencies:
@@ -12874,432 +9570,346 @@ packages:
       turbo-windows-arm64: 1.10.0
     dev: true
 
-  registry.npmjs.org/tweetnacl@0.14.5:
-    resolution: {integrity: sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz}
-    name: tweetnacl
-    version: 0.14.5
+  /tweetnacl@0.14.5:
+    resolution: {integrity: sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==}
     dev: true
 
-  registry.npmjs.org/type-check@0.4.0:
-    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz}
-    name: type-check
-    version: 0.4.0
+  /type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
     dependencies:
-      prelude-ls: registry.npmjs.org/prelude-ls@1.2.1
+      prelude-ls: 1.2.1
     dev: true
 
-  registry.npmjs.org/type-fest@0.13.1:
-    resolution: {integrity: sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz}
-    name: type-fest
-    version: 0.13.1
+  /type-fest@0.13.1:
+    resolution: {integrity: sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==}
     engines: {node: '>=10'}
 
-  registry.npmjs.org/type-fest@0.20.2:
-    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz}
-    name: type-fest
-    version: 0.20.2
+  /type-fest@0.20.2:
+    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/type-fest@0.21.3:
-    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz}
-    name: type-fest
-    version: 0.21.3
+  /type-fest@0.21.3:
+    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/type-fest@0.6.0:
-    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz}
-    name: type-fest
-    version: 0.6.0
+  /type-fest@0.6.0:
+    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/type-fest@0.8.1:
-    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz}
-    name: type-fest
-    version: 0.8.1
+  /type-fest@0.8.1:
+    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/type-fest@2.19.0:
-    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz}
-    name: type-fest
-    version: 2.19.0
+  /type-fest@2.19.0:
+    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
     engines: {node: '>=12.20'}
     dev: false
 
-  registry.npmjs.org/typed-array-buffer@1.0.0:
-    resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz}
-    name: typed-array-buffer
-    version: 1.0.0
+  /typed-array-buffer@1.0.0:
+    resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      get-intrinsic: registry.npmjs.org/get-intrinsic@1.2.2
-      is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
+      call-bind: 1.0.5
+      get-intrinsic: 1.2.2
+      is-typed-array: 1.1.12
     dev: true
 
-  registry.npmjs.org/typed-array-byte-length@1.0.0:
-    resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz}
-    name: typed-array-byte-length
-    version: 1.0.0
+  /typed-array-byte-length@1.0.0:
+    resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      for-each: registry.npmjs.org/for-each@0.3.3
-      has-proto: registry.npmjs.org/has-proto@1.0.1
-      is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
+      call-bind: 1.0.5
+      for-each: 0.3.3
+      has-proto: 1.0.1
+      is-typed-array: 1.1.12
     dev: true
 
-  registry.npmjs.org/typed-array-byte-offset@1.0.0:
-    resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz}
-    name: typed-array-byte-offset
-    version: 1.0.0
+  /typed-array-byte-offset@1.0.0:
+    resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      for-each: registry.npmjs.org/for-each@0.3.3
-      has-proto: registry.npmjs.org/has-proto@1.0.1
-      is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
+      available-typed-arrays: 1.0.5
+      call-bind: 1.0.5
+      for-each: 0.3.3
+      has-proto: 1.0.1
+      is-typed-array: 1.1.12
     dev: true
 
-  registry.npmjs.org/typed-array-length@1.0.4:
-    resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz}
-    name: typed-array-length
-    version: 1.0.4
+  /typed-array-length@1.0.4:
+    resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      for-each: registry.npmjs.org/for-each@0.3.3
-      is-typed-array: registry.npmjs.org/is-typed-array@1.1.12
+      call-bind: 1.0.5
+      for-each: 0.3.3
+      is-typed-array: 1.1.12
     dev: true
 
-  registry.npmjs.org/typescript@4.9.4:
-    resolution: {integrity: sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-4.9.4.tgz}
-    name: typescript
-    version: 4.9.4
+  /typescript@4.9.4:
+    resolution: {integrity: sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==}
     engines: {node: '>=4.2.0'}
     hasBin: true
     dev: true
 
-  registry.npmjs.org/typescript@5.1.3:
-    resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-5.1.3.tgz}
-    name: typescript
-    version: 5.1.3
+  /typescript@5.1.3:
+    resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==}
     engines: {node: '>=14.17'}
     hasBin: true
     dev: true
 
-  registry.npmjs.org/typescript@5.2.2:
-    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz}
-    name: typescript
-    version: 5.2.2
+  /typescript@5.2.2:
+    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
     engines: {node: '>=14.17'}
     hasBin: true
 
-  registry.npmjs.org/ultrahtml@1.5.2:
-    resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ultrahtml/-/ultrahtml-1.5.2.tgz}
-    name: ultrahtml
-    version: 1.5.2
+  /ultrahtml@1.5.2:
+    resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==}
     dev: false
 
-  registry.npmjs.org/unbox-primitive@1.0.2:
-    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz}
-    name: unbox-primitive
-    version: 1.0.2
+  /unbox-primitive@1.0.2:
+    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
     dependencies:
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      has-bigints: registry.npmjs.org/has-bigints@1.0.2
-      has-symbols: registry.npmjs.org/has-symbols@1.0.3
-      which-boxed-primitive: registry.npmjs.org/which-boxed-primitive@1.0.2
+      call-bind: 1.0.5
+      has-bigints: 1.0.2
+      has-symbols: 1.0.3
+      which-boxed-primitive: 1.0.2
     dev: true
 
-  registry.npmjs.org/undici@5.23.0:
-    resolution: {integrity: sha512-1D7w+fvRsqlQ9GscLBwcAJinqcZGHUKjbOmXdlE/v8BvEGXjeWAax+341q44EuTcHXXnfyKNbKRq4Lg7OzhMmg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici/-/undici-5.23.0.tgz}
-    name: undici
-    version: 5.23.0
+  /undici@5.23.0:
+    resolution: {integrity: sha512-1D7w+fvRsqlQ9GscLBwcAJinqcZGHUKjbOmXdlE/v8BvEGXjeWAax+341q44EuTcHXXnfyKNbKRq4Lg7OzhMmg==}
     engines: {node: '>=14.0'}
     dependencies:
-      busboy: registry.npmjs.org/busboy@1.6.0
+      busboy: 1.6.0
     dev: true
 
-  registry.npmjs.org/undici@5.26.5:
-    resolution: {integrity: sha512-cSb4bPFd5qgR7qr2jYAi0hlX9n5YKK2ONKkLFkxl+v/9BvC0sOpZjBHDBSXc5lWAf5ty9oZdRXytBIHzgUcerw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/undici/-/undici-5.26.5.tgz}
-    name: undici
-    version: 5.26.5
+  /undici@5.26.5:
+    resolution: {integrity: sha512-cSb4bPFd5qgR7qr2jYAi0hlX9n5YKK2ONKkLFkxl+v/9BvC0sOpZjBHDBSXc5lWAf5ty9oZdRXytBIHzgUcerw==}
     engines: {node: '>=14.0'}
     dependencies:
-      '@fastify/busboy': registry.npmjs.org/@fastify/busboy@2.0.0
+      '@fastify/busboy': 2.0.0
 
-  registry.npmjs.org/unherit@3.0.1:
-    resolution: {integrity: sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unherit/-/unherit-3.0.1.tgz}
-    name: unherit
-    version: 3.0.1
+  /unherit@3.0.1:
+    resolution: {integrity: sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==}
     dev: false
 
-  registry.npmjs.org/unified@10.1.2:
-    resolution: {integrity: sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unified/-/unified-10.1.2.tgz}
-    name: unified
-    version: 10.1.2
+  /unicorn-magic@0.1.0:
+    resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
+    engines: {node: '>=18'}
+    dev: true
+
+  /unified@10.1.2:
+    resolution: {integrity: sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
-      bail: registry.npmjs.org/bail@2.0.2
-      extend: registry.npmjs.org/extend@3.0.2
-      is-buffer: registry.npmjs.org/is-buffer@2.0.5
-      is-plain-obj: registry.npmjs.org/is-plain-obj@4.1.0
-      trough: registry.npmjs.org/trough@2.1.0
-      vfile: registry.npmjs.org/vfile@5.3.7
+      '@types/unist': 2.0.9
+      bail: 2.0.2
+      extend: 3.0.2
+      is-buffer: 2.0.5
+      is-plain-obj: 4.1.0
+      trough: 2.1.0
+      vfile: 5.3.7
     dev: false
 
-  registry.npmjs.org/unist-util-generated@2.0.1:
-    resolution: {integrity: sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-generated/-/unist-util-generated-2.0.1.tgz}
-    name: unist-util-generated
-    version: 2.0.1
+  /unist-util-generated@2.0.1:
+    resolution: {integrity: sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==}
     dev: false
 
-  registry.npmjs.org/unist-util-is@5.2.1:
-    resolution: {integrity: sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.2.1.tgz}
-    name: unist-util-is
-    version: 5.2.1
+  /unist-util-is@5.2.1:
+    resolution: {integrity: sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
+      '@types/unist': 2.0.9
     dev: false
 
-  registry.npmjs.org/unist-util-is@6.0.0:
-    resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.0.tgz}
-    name: unist-util-is
-    version: 6.0.0
+  /unist-util-is@6.0.0:
+    resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@3.0.1
+      '@types/unist': 3.0.1
     dev: false
 
-  registry.npmjs.org/unist-util-modify-children@3.1.1:
-    resolution: {integrity: sha512-yXi4Lm+TG5VG+qvokP6tpnk+r1EPwyYL04JWDxLvgvPV40jANh7nm3udk65OOWquvbMDe+PL9+LmkxDpTv/7BA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-modify-children/-/unist-util-modify-children-3.1.1.tgz}
-    name: unist-util-modify-children
-    version: 3.1.1
+  /unist-util-modify-children@3.1.1:
+    resolution: {integrity: sha512-yXi4Lm+TG5VG+qvokP6tpnk+r1EPwyYL04JWDxLvgvPV40jANh7nm3udk65OOWquvbMDe+PL9+LmkxDpTv/7BA==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
-      array-iterate: registry.npmjs.org/array-iterate@2.0.1
+      '@types/unist': 2.0.9
+      array-iterate: 2.0.1
     dev: false
 
-  registry.npmjs.org/unist-util-position@4.0.4:
-    resolution: {integrity: sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-position/-/unist-util-position-4.0.4.tgz}
-    name: unist-util-position
-    version: 4.0.4
+  /unist-util-position@4.0.4:
+    resolution: {integrity: sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
+      '@types/unist': 2.0.9
     dev: false
 
-  registry.npmjs.org/unist-util-stringify-position@3.0.3:
-    resolution: {integrity: sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz}
-    name: unist-util-stringify-position
-    version: 3.0.3
+  /unist-util-stringify-position@3.0.3:
+    resolution: {integrity: sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
+      '@types/unist': 2.0.9
     dev: false
 
-  registry.npmjs.org/unist-util-visit-children@2.0.2:
-    resolution: {integrity: sha512-+LWpMFqyUwLGpsQxpumsQ9o9DG2VGLFrpz+rpVXYIEdPy57GSy5HioC0g3bg/8WP9oCLlapQtklOzQ8uLS496Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-visit-children/-/unist-util-visit-children-2.0.2.tgz}
-    name: unist-util-visit-children
-    version: 2.0.2
+  /unist-util-visit-children@2.0.2:
+    resolution: {integrity: sha512-+LWpMFqyUwLGpsQxpumsQ9o9DG2VGLFrpz+rpVXYIEdPy57GSy5HioC0g3bg/8WP9oCLlapQtklOzQ8uLS496Q==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
+      '@types/unist': 2.0.9
     dev: false
 
-  registry.npmjs.org/unist-util-visit-parents@5.1.3:
-    resolution: {integrity: sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.3.tgz}
-    name: unist-util-visit-parents
-    version: 5.1.3
+  /unist-util-visit-parents@5.1.3:
+    resolution: {integrity: sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
-      unist-util-is: registry.npmjs.org/unist-util-is@5.2.1
+      '@types/unist': 2.0.9
+      unist-util-is: 5.2.1
     dev: false
 
-  registry.npmjs.org/unist-util-visit-parents@6.0.1:
-    resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz}
-    name: unist-util-visit-parents
-    version: 6.0.1
+  /unist-util-visit-parents@6.0.1:
+    resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@3.0.1
-      unist-util-is: registry.npmjs.org/unist-util-is@6.0.0
+      '@types/unist': 3.0.1
+      unist-util-is: 6.0.0
     dev: false
 
-  registry.npmjs.org/unist-util-visit@4.1.2:
-    resolution: {integrity: sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz}
-    name: unist-util-visit
-    version: 4.1.2
+  /unist-util-visit@4.1.2:
+    resolution: {integrity: sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
-      unist-util-is: registry.npmjs.org/unist-util-is@5.2.1
-      unist-util-visit-parents: registry.npmjs.org/unist-util-visit-parents@5.1.3
+      '@types/unist': 2.0.9
+      unist-util-is: 5.2.1
+      unist-util-visit-parents: 5.1.3
     dev: false
 
-  registry.npmjs.org/unist-util-visit@5.0.0:
-    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.0.0.tgz}
-    name: unist-util-visit
-    version: 5.0.0
+  /unist-util-visit@5.0.0:
+    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@3.0.1
-      unist-util-is: registry.npmjs.org/unist-util-is@6.0.0
-      unist-util-visit-parents: registry.npmjs.org/unist-util-visit-parents@6.0.1
+      '@types/unist': 3.0.1
+      unist-util-is: 6.0.0
+      unist-util-visit-parents: 6.0.1
     dev: false
 
-  registry.npmjs.org/universalify@0.1.2:
-    resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz}
-    name: universalify
-    version: 0.1.2
+  /universalify@0.1.2:
+    resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
     engines: {node: '>= 4.0.0'}
     dev: true
 
-  registry.npmjs.org/universalify@0.2.0:
-    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz}
-    name: universalify
-    version: 0.2.0
+  /universalify@0.2.0:
+    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
     engines: {node: '>= 4.0.0'}
     dev: true
 
-  registry.npmjs.org/universalify@2.0.0:
-    resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz}
-    name: universalify
-    version: 2.0.0
+  /universalify@2.0.0:
+    resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
     engines: {node: '>= 10.0.0'}
     dev: true
 
-  registry.npmjs.org/universalify@2.0.1:
-    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz}
-    name: universalify
-    version: 2.0.1
+  /universalify@2.0.1:
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
     dev: true
 
-  registry.npmjs.org/untildify@4.0.0:
-    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz}
-    name: untildify
-    version: 4.0.0
+  /untildify@4.0.0:
+    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
     engines: {node: '>=8'}
     dev: true
 
-  registry.npmjs.org/update-browserslist-db@1.0.13(browserslist@4.22.1):
-    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz}
-    id: registry.npmjs.org/update-browserslist-db/1.0.13
-    name: update-browserslist-db
-    version: 1.0.13
+  /update-browserslist-db@1.0.13(browserslist@4.22.1):
+    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
     dependencies:
-      browserslist: registry.npmjs.org/browserslist@4.22.1
-      escalade: registry.npmjs.org/escalade@3.1.1
-      picocolors: registry.npmjs.org/picocolors@1.0.0
+      browserslist: 4.22.1
+      escalade: 3.1.1
+      picocolors: 1.0.0
+
+  /update-browserslist-db@1.0.13(browserslist@4.22.2):
+    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+    dependencies:
+      browserslist: 4.22.2
+      escalade: 3.1.1
+      picocolors: 1.0.0
+    dev: false
 
-  registry.npmjs.org/uri-js@4.4.1:
-    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz}
-    name: uri-js
-    version: 4.4.1
+  /uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
     dependencies:
-      punycode: registry.npmjs.org/punycode@2.3.0
+      punycode: 2.3.0
     dev: true
 
-  registry.npmjs.org/url-parse@1.5.10:
-    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz}
-    name: url-parse
-    version: 1.5.10
+  /url-parse@1.5.10:
+    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==}
     dependencies:
-      querystringify: registry.npmjs.org/querystringify@2.2.0
-      requires-port: registry.npmjs.org/requires-port@1.0.0
+      querystringify: 2.2.0
+      requires-port: 1.0.0
     dev: true
 
-  registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0):
-    resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz}
-    id: registry.npmjs.org/use-sync-external-store/1.2.0
-    name: use-sync-external-store
-    version: 1.2.0
+  /use-sync-external-store@1.2.0(react@18.2.0):
+    resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      react: registry.npmjs.org/react@18.2.0
+      react: 18.2.0
     dev: false
 
-  registry.npmjs.org/util-deprecate@1.0.2:
-    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz}
-    name: util-deprecate
-    version: 1.0.2
+  /util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
-  registry.npmjs.org/uuid@8.3.2:
-    resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz}
-    name: uuid
-    version: 8.3.2
+  /uuid@8.3.2:
+    resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
     hasBin: true
     dev: true
 
-  registry.npmjs.org/uvu@0.5.6:
-    resolution: {integrity: sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/uvu/-/uvu-0.5.6.tgz}
-    name: uvu
-    version: 0.5.6
+  /uvu@0.5.6:
+    resolution: {integrity: sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==}
     engines: {node: '>=8'}
     hasBin: true
     dependencies:
-      dequal: registry.npmjs.org/dequal@2.0.3
-      diff: registry.npmjs.org/diff@5.1.0
-      kleur: registry.npmjs.org/kleur@4.1.5
-      sade: registry.npmjs.org/sade@1.8.1
+      dequal: 2.0.3
+      diff: 5.1.0
+      kleur: 4.1.5
+      sade: 1.8.1
     dev: false
 
-  registry.npmjs.org/validate-npm-package-license@3.0.4:
-    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz}
-    name: validate-npm-package-license
-    version: 3.0.4
+  /validate-npm-package-license@3.0.4:
+    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
     dependencies:
-      spdx-correct: registry.npmjs.org/spdx-correct@3.2.0
-      spdx-expression-parse: registry.npmjs.org/spdx-expression-parse@3.0.1
+      spdx-correct: 3.2.0
+      spdx-expression-parse: 3.0.1
     dev: true
 
-  registry.npmjs.org/verror@1.10.0:
-    resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/verror/-/verror-1.10.0.tgz}
-    name: verror
-    version: 1.10.0
+  /verror@1.10.0:
+    resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==}
     engines: {'0': node >=0.6.0}
     dependencies:
-      assert-plus: registry.npmjs.org/assert-plus@1.0.0
-      core-util-is: registry.npmjs.org/core-util-is@1.0.2
-      extsprintf: registry.npmjs.org/extsprintf@1.3.0
+      assert-plus: 1.0.0
+      core-util-is: 1.0.2
+      extsprintf: 1.3.0
     dev: true
 
-  registry.npmjs.org/vfile-location@4.1.0:
-    resolution: {integrity: sha512-YF23YMyASIIJXpktBa4vIGLJ5Gs88UB/XePgqPmTa7cDA+JeO3yclbpheQYCHjVHBn/yePzrXuygIL+xbvRYHw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vfile-location/-/vfile-location-4.1.0.tgz}
-    name: vfile-location
-    version: 4.1.0
+  /vfile-location@4.1.0:
+    resolution: {integrity: sha512-YF23YMyASIIJXpktBa4vIGLJ5Gs88UB/XePgqPmTa7cDA+JeO3yclbpheQYCHjVHBn/yePzrXuygIL+xbvRYHw==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
-      vfile: registry.npmjs.org/vfile@5.3.7
+      '@types/unist': 2.0.9
+      vfile: 5.3.7
     dev: false
 
-  registry.npmjs.org/vfile-message@3.1.4:
-    resolution: {integrity: sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.4.tgz}
-    name: vfile-message
-    version: 3.1.4
+  /vfile-message@3.1.4:
+    resolution: {integrity: sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
-      unist-util-stringify-position: registry.npmjs.org/unist-util-stringify-position@3.0.3
+      '@types/unist': 2.0.9
+      unist-util-stringify-position: 3.0.3
     dev: false
 
-  registry.npmjs.org/vfile@5.3.7:
-    resolution: {integrity: sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vfile/-/vfile-5.3.7.tgz}
-    name: vfile
-    version: 5.3.7
+  /vfile@5.3.7:
+    resolution: {integrity: sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==}
     dependencies:
-      '@types/unist': registry.npmjs.org/@types/unist@2.0.9
-      is-buffer: registry.npmjs.org/is-buffer@2.0.5
-      unist-util-stringify-position: registry.npmjs.org/unist-util-stringify-position@3.0.3
-      vfile-message: registry.npmjs.org/vfile-message@3.1.4
+      '@types/unist': 2.0.9
+      is-buffer: 2.0.5
+      unist-util-stringify-position: 3.0.3
+      vfile-message: 3.1.4
     dev: false
 
-  registry.npmjs.org/vite@4.5.0:
-    resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vite/-/vite-4.5.0.tgz}
-    name: vite
-    version: 4.5.0
+  /vite@4.5.0(@types/node@18.7.16):
+    resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -13326,375 +9936,323 @@ packages:
       terser:
         optional: true
     dependencies:
-      esbuild: registry.npmjs.org/esbuild@0.18.20
-      postcss: registry.npmjs.org/postcss@8.4.31
-      rollup: registry.npmjs.org/rollup@3.29.4
+      '@types/node': 18.7.16
+      esbuild: 0.18.20
+      postcss: 8.4.31
+      rollup: 3.29.4
     optionalDependencies:
       fsevents: 2.3.3
 
-  registry.npmjs.org/vitefu@0.2.5(vite@4.5.0):
-    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz}
-    id: registry.npmjs.org/vitefu/0.2.5
-    name: vitefu
-    version: 0.2.5
+  /vite@4.5.1(@types/node@18.7.16):
+    resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
     peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
     peerDependenciesMeta:
-      vite:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
         optional: true
     dependencies:
-      vite: registry.npmjs.org/vite@4.5.0
+      '@types/node': 18.7.16
+      esbuild: 0.18.20
+      postcss: 8.4.32
+      rollup: 3.29.4
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: false
 
-  registry.npmjs.org/vitefu@0.2.5(vite@4.5.1):
-    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz}
-    id: registry.npmjs.org/vitefu/0.2.5
-    name: vitefu
-    version: 0.2.5
+  /vitefu@0.2.5(vite@4.5.0):
+    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
     peerDependencies:
       vite: ^3.0.0 || ^4.0.0 || ^5.0.0
     peerDependenciesMeta:
       vite:
         optional: true
     dependencies:
-      vite: 4.5.1(@types/node@18.7.16)
+      vite: 4.5.0(@types/node@18.7.16)
 
-  registry.npmjs.org/vscode-oniguruma@1.7.0:
-    resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz}
-    name: vscode-oniguruma
-    version: 1.7.0
+  /vscode-oniguruma@1.7.0:
+    resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==}
     dev: false
 
-  registry.npmjs.org/vscode-textmate@8.0.0:
-    resolution: {integrity: sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/vscode-textmate/-/vscode-textmate-8.0.0.tgz}
-    name: vscode-textmate
-    version: 8.0.0
+  /vscode-textmate@8.0.0:
+    resolution: {integrity: sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==}
     dev: false
 
-  registry.npmjs.org/wait-on@7.1.0(debug@4.3.4):
-    resolution: {integrity: sha512-U7TF/OYYzAg+OoiT/B8opvN48UHt0QYMi4aD3PjRFpybQ+o6czQF8Ig3SKCCMJdxpBrCalIJ4O00FBof27Fu9Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wait-on/-/wait-on-7.1.0.tgz}
-    id: registry.npmjs.org/wait-on/7.1.0
-    name: wait-on
-    version: 7.1.0
+  /wait-on@7.1.0(debug@4.3.4):
+    resolution: {integrity: sha512-U7TF/OYYzAg+OoiT/B8opvN48UHt0QYMi4aD3PjRFpybQ+o6czQF8Ig3SKCCMJdxpBrCalIJ4O00FBof27Fu9Q==}
     engines: {node: '>=12.0.0'}
     hasBin: true
     dependencies:
-      axios: registry.npmjs.org/axios@0.27.2(debug@4.3.4)
-      joi: registry.npmjs.org/joi@17.11.0
-      lodash: registry.npmjs.org/lodash@4.17.21
-      minimist: registry.npmjs.org/minimist@1.2.8
-      rxjs: registry.npmjs.org/rxjs@7.8.1
+      axios: 0.27.2(debug@4.3.4)
+      joi: 17.11.0
+      lodash: 4.17.21
+      minimist: 1.2.8
+      rxjs: 7.8.1
     transitivePeerDependencies:
       - debug
     dev: true
 
-  registry.npmjs.org/wcwidth@1.0.1:
-    resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz}
-    name: wcwidth
-    version: 1.0.1
+  /wcwidth@1.0.1:
+    resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
     dependencies:
-      defaults: registry.npmjs.org/defaults@1.0.4
+      defaults: 1.0.4
     dev: true
 
-  registry.npmjs.org/web-namespaces@2.0.1:
-    resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz}
-    name: web-namespaces
-    version: 2.0.1
+  /web-namespaces@2.0.1:
+    resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
     dev: false
 
-  registry.npmjs.org/webidl-conversions@3.0.1:
-    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz}
-    name: webidl-conversions
-    version: 3.0.1
+  /webidl-conversions@3.0.1:
+    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
     dev: true
 
-  registry.npmjs.org/whatwg-url@5.0.0:
-    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz}
-    name: whatwg-url
-    version: 5.0.0
+  /whatwg-url@5.0.0:
+    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
     dependencies:
-      tr46: registry.npmjs.org/tr46@0.0.3
-      webidl-conversions: registry.npmjs.org/webidl-conversions@3.0.1
+      tr46: 0.0.3
+      webidl-conversions: 3.0.1
     dev: true
 
-  registry.npmjs.org/which-boxed-primitive@1.0.2:
-    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz}
-    name: which-boxed-primitive
-    version: 1.0.2
+  /which-boxed-primitive@1.0.2:
+    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
     dependencies:
-      is-bigint: registry.npmjs.org/is-bigint@1.0.4
-      is-boolean-object: registry.npmjs.org/is-boolean-object@1.1.2
-      is-number-object: registry.npmjs.org/is-number-object@1.0.7
-      is-string: registry.npmjs.org/is-string@1.0.7
-      is-symbol: registry.npmjs.org/is-symbol@1.0.4
+      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
     dev: true
 
-  registry.npmjs.org/which-builtin-type@1.1.3:
-    resolution: {integrity: sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz}
-    name: which-builtin-type
-    version: 1.1.3
+  /which-builtin-type@1.1.3:
+    resolution: {integrity: sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==}
     engines: {node: '>= 0.4'}
     dependencies:
-      function.prototype.name: registry.npmjs.org/function.prototype.name@1.1.6
-      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
-      is-async-function: registry.npmjs.org/is-async-function@2.0.0
-      is-date-object: registry.npmjs.org/is-date-object@1.0.5
-      is-finalizationregistry: registry.npmjs.org/is-finalizationregistry@1.0.2
-      is-generator-function: registry.npmjs.org/is-generator-function@1.0.10
-      is-regex: registry.npmjs.org/is-regex@1.1.4
-      is-weakref: registry.npmjs.org/is-weakref@1.0.2
-      isarray: registry.npmjs.org/isarray@2.0.5
-      which-boxed-primitive: registry.npmjs.org/which-boxed-primitive@1.0.2
-      which-collection: registry.npmjs.org/which-collection@1.0.1
-      which-typed-array: registry.npmjs.org/which-typed-array@1.1.13
-    dev: true
-
-  registry.npmjs.org/which-collection@1.0.1:
-    resolution: {integrity: sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz}
-    name: which-collection
-    version: 1.0.1
-    dependencies:
-      is-map: registry.npmjs.org/is-map@2.0.2
-      is-set: registry.npmjs.org/is-set@2.0.2
-      is-weakmap: registry.npmjs.org/is-weakmap@2.0.1
-      is-weakset: registry.npmjs.org/is-weakset@2.0.2
-    dev: true
-
-  registry.npmjs.org/which-module@2.0.1:
-    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz}
-    name: which-module
-    version: 2.0.1
-    dev: true
-
-  registry.npmjs.org/which-pm-runs@1.1.0:
-    resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-pm-runs/-/which-pm-runs-1.1.0.tgz}
-    name: which-pm-runs
-    version: 1.1.0
+      function.prototype.name: 1.1.6
+      has-tostringtag: 1.0.0
+      is-async-function: 2.0.0
+      is-date-object: 1.0.5
+      is-finalizationregistry: 1.0.2
+      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.1
+      which-typed-array: 1.1.13
+    dev: true
+
+  /which-collection@1.0.1:
+    resolution: {integrity: sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==}
+    dependencies:
+      is-map: 2.0.2
+      is-set: 2.0.2
+      is-weakmap: 2.0.1
+      is-weakset: 2.0.2
+    dev: true
+
+  /which-module@2.0.1:
+    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
+    dev: true
+
+  /which-pm-runs@1.1.0:
+    resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==}
     engines: {node: '>=4'}
     dev: false
 
-  registry.npmjs.org/which-pm@2.0.0:
-    resolution: {integrity: sha512-Lhs9Pmyph0p5n5Z3mVnN0yWcbQYUAD7rbQUiMsQxOJ3T57k7RFe35SUwWMf7dsbDZks1uOmw4AecB/JMDj3v/w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-pm/-/which-pm-2.0.0.tgz}
-    name: which-pm
-    version: 2.0.0
+  /which-pm@2.0.0:
+    resolution: {integrity: sha512-Lhs9Pmyph0p5n5Z3mVnN0yWcbQYUAD7rbQUiMsQxOJ3T57k7RFe35SUwWMf7dsbDZks1uOmw4AecB/JMDj3v/w==}
     engines: {node: '>=8.15'}
     dependencies:
-      load-yaml-file: registry.npmjs.org/load-yaml-file@0.2.0
-      path-exists: registry.npmjs.org/path-exists@4.0.0
+      load-yaml-file: 0.2.0
+      path-exists: 4.0.0
 
-  registry.npmjs.org/which-pm@2.1.1:
-    resolution: {integrity: sha512-xzzxNw2wMaoCWXiGE8IJ9wuPMU+EYhFksjHxrRT8kMT5SnocBPRg69YAMtyV4D12fP582RA+k3P8H9J5EMdIxQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-pm/-/which-pm-2.1.1.tgz}
-    name: which-pm
-    version: 2.1.1
+  /which-pm@2.1.1:
+    resolution: {integrity: sha512-xzzxNw2wMaoCWXiGE8IJ9wuPMU+EYhFksjHxrRT8kMT5SnocBPRg69YAMtyV4D12fP582RA+k3P8H9J5EMdIxQ==}
     engines: {node: '>=8.15'}
     dependencies:
-      load-yaml-file: registry.npmjs.org/load-yaml-file@0.2.0
-      path-exists: registry.npmjs.org/path-exists@4.0.0
+      load-yaml-file: 0.2.0
+      path-exists: 4.0.0
     dev: false
 
-  registry.npmjs.org/which-typed-array@1.1.13:
-    resolution: {integrity: sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz}
-    name: which-typed-array
-    version: 1.1.13
+  /which-typed-array@1.1.13:
+    resolution: {integrity: sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==}
     engines: {node: '>= 0.4'}
     dependencies:
-      available-typed-arrays: registry.npmjs.org/available-typed-arrays@1.0.5
-      call-bind: registry.npmjs.org/call-bind@1.0.5
-      for-each: registry.npmjs.org/for-each@0.3.3
-      gopd: registry.npmjs.org/gopd@1.0.1
-      has-tostringtag: registry.npmjs.org/has-tostringtag@1.0.0
+      available-typed-arrays: 1.0.5
+      call-bind: 1.0.5
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-tostringtag: 1.0.0
     dev: true
 
-  registry.npmjs.org/which@1.3.1:
-    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which/-/which-1.3.1.tgz}
-    name: which
-    version: 1.3.1
+  /which@1.3.1:
+    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
     hasBin: true
     dependencies:
-      isexe: registry.npmjs.org/isexe@2.0.0
+      isexe: 2.0.0
     dev: true
 
-  registry.npmjs.org/which@2.0.2:
-    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/which/-/which-2.0.2.tgz}
-    name: which
-    version: 2.0.2
+  /which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
     engines: {node: '>= 8'}
     hasBin: true
     dependencies:
-      isexe: registry.npmjs.org/isexe@2.0.0
+      isexe: 2.0.0
 
-  registry.npmjs.org/widest-line@4.0.1:
-    resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/widest-line/-/widest-line-4.0.1.tgz}
-    name: widest-line
-    version: 4.0.1
+  /widest-line@4.0.1:
+    resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==}
     engines: {node: '>=12'}
     dependencies:
-      string-width: registry.npmjs.org/string-width@5.1.2
+      string-width: 5.1.2
     dev: false
 
-  registry.npmjs.org/wrap-ansi@6.2.0:
-    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz}
-    name: wrap-ansi
-    version: 6.2.0
+  /wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
     engines: {node: '>=8'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles@4.3.0
-      string-width: registry.npmjs.org/string-width@4.2.3
-      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
     dev: true
 
-  registry.npmjs.org/wrap-ansi@7.0.0:
-    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz}
-    name: wrap-ansi
-    version: 7.0.0
+  /wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
     engines: {node: '>=10'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles@4.3.0
-      string-width: registry.npmjs.org/string-width@4.2.3
-      strip-ansi: registry.npmjs.org/strip-ansi@6.0.1
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
     dev: true
 
-  registry.npmjs.org/wrap-ansi@8.1.0:
-    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz}
-    name: wrap-ansi
-    version: 8.1.0
+  /wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
     engines: {node: '>=12'}
     dependencies:
-      ansi-styles: registry.npmjs.org/ansi-styles@6.2.1
-      string-width: registry.npmjs.org/string-width@5.1.2
-      strip-ansi: registry.npmjs.org/strip-ansi@7.1.0
+      ansi-styles: 6.2.1
+      string-width: 5.1.2
+      strip-ansi: 7.1.0
     dev: false
 
-  registry.npmjs.org/wrappy@1.0.2:
-    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz}
-    name: wrappy
-    version: 1.0.2
+  /wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
-  registry.npmjs.org/y18n@4.0.3:
-    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz}
-    name: y18n
-    version: 4.0.3
+  /y18n@4.0.3:
+    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
     dev: true
 
-  registry.npmjs.org/y18n@5.0.8:
-    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz}
-    name: y18n
-    version: 5.0.8
+  /y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
     engines: {node: '>=10'}
     dev: true
 
-  registry.npmjs.org/yallist@2.1.2:
-    resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz}
-    name: yallist
-    version: 2.1.2
+  /yallist@2.1.2:
+    resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==}
     dev: true
 
-  registry.npmjs.org/yallist@3.1.1:
-    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz}
-    name: yallist
-    version: 3.1.1
+  /yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
-  registry.npmjs.org/yallist@4.0.0:
-    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz}
-    name: yallist
-    version: 4.0.0
+  /yallist@4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
 
-  registry.npmjs.org/yaml@1.10.2:
-    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz}
-    name: yaml
-    version: 1.10.2
+  /yaml@1.10.2:
+    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
     engines: {node: '>= 6'}
     dev: true
 
-  registry.npmjs.org/yaml@2.3.3:
-    resolution: {integrity: sha512-zw0VAJxgeZ6+++/su5AFoqBbZbrEakwu+X0M5HmcwUiBL7AzcuPKjj5we4xfQLp78LkEMpD0cOnUhmgOVy3KdQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yaml/-/yaml-2.3.3.tgz}
-    name: yaml
-    version: 2.3.3
+  /yaml@2.3.3:
+    resolution: {integrity: sha512-zw0VAJxgeZ6+++/su5AFoqBbZbrEakwu+X0M5HmcwUiBL7AzcuPKjj5we4xfQLp78LkEMpD0cOnUhmgOVy3KdQ==}
+    engines: {node: '>= 14'}
+    dev: true
+
+  /yaml@2.3.4:
+    resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==}
     engines: {node: '>= 14'}
     dev: true
 
-  registry.npmjs.org/yargs-parser@18.1.3:
-    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz}
-    name: yargs-parser
-    version: 18.1.3
+  /yargs-parser@18.1.3:
+    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
     engines: {node: '>=6'}
     dependencies:
-      camelcase: registry.npmjs.org/camelcase@5.3.1
-      decamelize: registry.npmjs.org/decamelize@1.2.0
+      camelcase: 5.3.1
+      decamelize: 1.2.0
     dev: true
 
-  registry.npmjs.org/yargs-parser@21.1.1:
-    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz}
-    name: yargs-parser
-    version: 21.1.1
+  /yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
     engines: {node: '>=12'}
 
-  registry.npmjs.org/yargs@15.4.1:
-    resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz}
-    name: yargs
-    version: 15.4.1
+  /yargs@15.4.1:
+    resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
     engines: {node: '>=8'}
     dependencies:
-      cliui: registry.npmjs.org/cliui@6.0.0
-      decamelize: registry.npmjs.org/decamelize@1.2.0
-      find-up: registry.npmjs.org/find-up@4.1.0
-      get-caller-file: registry.npmjs.org/get-caller-file@2.0.5
-      require-directory: registry.npmjs.org/require-directory@2.1.1
-      require-main-filename: registry.npmjs.org/require-main-filename@2.0.0
-      set-blocking: registry.npmjs.org/set-blocking@2.0.0
-      string-width: registry.npmjs.org/string-width@4.2.3
-      which-module: registry.npmjs.org/which-module@2.0.1
-      y18n: registry.npmjs.org/y18n@4.0.3
-      yargs-parser: registry.npmjs.org/yargs-parser@18.1.3
-    dev: true
-
-  registry.npmjs.org/yargs@17.7.2:
-    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz}
-    name: yargs
-    version: 17.7.2
+      cliui: 6.0.0
+      decamelize: 1.2.0
+      find-up: 4.1.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      require-main-filename: 2.0.0
+      set-blocking: 2.0.0
+      string-width: 4.2.3
+      which-module: 2.0.1
+      y18n: 4.0.3
+      yargs-parser: 18.1.3
+    dev: true
+
+  /yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
     engines: {node: '>=12'}
     dependencies:
-      cliui: registry.npmjs.org/cliui@8.0.1
-      escalade: registry.npmjs.org/escalade@3.1.1
-      get-caller-file: registry.npmjs.org/get-caller-file@2.0.5
-      require-directory: registry.npmjs.org/require-directory@2.1.1
-      string-width: registry.npmjs.org/string-width@4.2.3
-      y18n: registry.npmjs.org/y18n@5.0.8
-      yargs-parser: registry.npmjs.org/yargs-parser@21.1.1
+      cliui: 8.0.1
+      escalade: 3.1.1
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
     dev: true
 
-  registry.npmjs.org/yauzl@2.10.0:
-    resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz}
-    name: yauzl
-    version: 2.10.0
+  /yauzl@2.10.0:
+    resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==}
     dependencies:
-      buffer-crc32: registry.npmjs.org/buffer-crc32@0.2.13
-      fd-slicer: registry.npmjs.org/fd-slicer@1.1.0
+      buffer-crc32: 0.2.13
+      fd-slicer: 1.1.0
     dev: true
 
-  registry.npmjs.org/yocto-queue@0.1.0:
-    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz}
-    name: yocto-queue
-    version: 0.1.0
+  /yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-  registry.npmjs.org/yocto-queue@1.0.0:
-    resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz}
-    name: yocto-queue
-    version: 1.0.0
+  /yocto-queue@1.0.0:
+    resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
     engines: {node: '>=12.20'}
     dev: false
 
-  registry.npmjs.org/zod@3.21.1:
-    resolution: {integrity: sha512-+dTu2m6gmCbO9Ahm4ZBDapx2O6ZY9QSPXst2WXjcznPMwf2YNpn3RevLx4KkZp1OPW/ouFcoBtBzFz/LeY69oA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zod/-/zod-3.21.1.tgz}
-    name: zod
-    version: 3.21.1
+  /zod@3.21.1:
+    resolution: {integrity: sha512-+dTu2m6gmCbO9Ahm4ZBDapx2O6ZY9QSPXst2WXjcznPMwf2YNpn3RevLx4KkZp1OPW/ouFcoBtBzFz/LeY69oA==}
     dev: false
 
-  registry.npmjs.org/zustand@4.4.1(@types/react@18.2.24)(react@18.2.0):
-    resolution: {integrity: sha512-QCPfstAS4EBiTQzlaGP1gmorkh/UL1Leaj2tdj+zZCZ/9bm0WS7sI2wnfD5lpOszFqWJ1DcPnGoY8RDL61uokw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.4.1.tgz}
-    id: registry.npmjs.org/zustand/4.4.1
-    name: zustand
-    version: 4.4.1
+  /zustand@4.4.1(@types/react@18.2.24)(react@18.2.0):
+    resolution: {integrity: sha512-QCPfstAS4EBiTQzlaGP1gmorkh/UL1Leaj2tdj+zZCZ/9bm0WS7sI2wnfD5lpOszFqWJ1DcPnGoY8RDL61uokw==}
     engines: {node: '>=12.7.0'}
     peerDependencies:
       '@types/react': '>=16.8'
@@ -13708,16 +10266,13 @@ packages:
       react:
         optional: true
     dependencies:
-      '@types/react': registry.npmjs.org/@types/react@18.2.24
-      react: registry.npmjs.org/react@18.2.0
-      use-sync-external-store: registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0)
+      '@types/react': 18.2.24
+      react: 18.2.0
+      use-sync-external-store: 1.2.0(react@18.2.0)
     dev: false
 
-  registry.npmjs.org/zustand@4.4.6(@types/react@18.2.36)(react@18.2.0):
-    resolution: {integrity: sha512-Rb16eW55gqL4W2XZpJh0fnrATxYEG3Apl2gfHTyDSE965x/zxslTikpNch0JgNjJA9zK6gEFW8Fl6d1rTZaqgg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zustand/-/zustand-4.4.6.tgz}
-    id: registry.npmjs.org/zustand/4.4.6
-    name: zustand
-    version: 4.4.6
+  /zustand@4.4.6(@types/react@18.2.36)(react@18.2.0):
+    resolution: {integrity: sha512-Rb16eW55gqL4W2XZpJh0fnrATxYEG3Apl2gfHTyDSE965x/zxslTikpNch0JgNjJA9zK6gEFW8Fl6d1rTZaqgg==}
     engines: {node: '>=12.7.0'}
     peerDependencies:
       '@types/react': '>=16.8'
@@ -13731,13 +10286,11 @@ packages:
       react:
         optional: true
     dependencies:
-      '@types/react': registry.npmjs.org/@types/react@18.2.36
-      react: registry.npmjs.org/react@18.2.0
-      use-sync-external-store: registry.npmjs.org/use-sync-external-store@1.2.0(react@18.2.0)
+      '@types/react': 18.2.36
+      react: 18.2.0
+      use-sync-external-store: 1.2.0(react@18.2.0)
     dev: false
 
-  registry.npmjs.org/zwitch@2.0.4:
-    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz}
-    name: zwitch
-    version: 2.0.4
+  /zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
     dev: false

From 1efd3ee3d53eaacba6a57e07b4b06b9bf941096a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 8 Jan 2024 11:35:59 +0100
Subject: [PATCH 0460/1093] fix(applyChanges): handle empty flows +
 addNodes/addEdges closes #3770

---
 packages/react/src/utils/changes.ts | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 30d01e47e..be9460d01 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -54,20 +54,26 @@ function applyChanges(changes: any[], elements: any[]): any[] {
     return changes.filter((c) => c.type === 'reset').map((c) => c.item);
   }
 
-  let remainingChanges = changes;
+  let remainingChanges = [];
   const updatedElements: any[] = [];
 
+  for (const change of changes) {
+    if (change.type === 'add') {
+      updatedElements.push(change.item);
+    } else {
+      remainingChanges.push(change);
+    }
+  }
+
   for (const item of elements) {
     const nextChanges: any[] = [];
     const _remainingChanges: any[] = [];
 
-    for (const c of remainingChanges) {
-      if (c.type === 'add') {
-        updatedElements.push(c.item);
-      } else if (c.id === item.id) {
-        nextChanges.push(c);
+    for (const change of remainingChanges) {
+      if (change.id === item.id) {
+        nextChanges.push(change);
       } else {
-        _remainingChanges.push(c);
+        _remainingChanges.push(change);
       }
     }
 

From 30c975e39fce8905a12d1f32e4e85f5273ceb8c9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 8 Jan 2024 11:59:01 +0100
Subject: [PATCH 0461/1093] chore(react): cleanup exports

---
 packages/react/CHANGELOG.md                   |  7 +++++++
 .../Controls/Controls.tsx                     |  2 +-
 .../src/components/NodeWrapper/index.tsx      |  8 ++++----
 .../src/components/NodesSelection/index.tsx   |  6 +++---
 .../src/container/FlowRenderer/index.tsx      |  4 ++--
 .../react/src/container/GraphView/index.tsx   |  6 +++---
 .../GraphView/useNodeOrEdgeTypesWarning.ts    |  2 +-
 .../react/src/container/ReactFlow/index.tsx   |  2 +-
 .../react/src/container/ZoomPane/index.tsx    |  4 ++--
 packages/react/src/hooks/useColorModeClass.ts |  2 +-
 packages/react/src/hooks/useDrag.ts           | 11 +++++++---
 packages/react/src/hooks/useEdges.ts          |  4 +---
 .../react/src/hooks/useGlobalKeyHandler.ts    | 10 +++++-----
 packages/react/src/hooks/useKeyPress.ts       |  6 +++---
 packages/react/src/hooks/useNodes.ts          |  4 +---
 .../react/src/hooks/useNodesInitialized.ts    |  4 +---
 packages/react/src/hooks/useOnInitHandler.ts  |  6 ++----
 .../react/src/hooks/useOnSelectionChange.ts   |  4 +---
 .../react/src/hooks/useOnViewportChange.ts    |  4 +---
 packages/react/src/hooks/useReactFlow.ts      |  2 +-
 packages/react/src/hooks/useResizeHandler.ts  |  4 +---
 .../react/src/hooks/useUpdateNodeInternals.ts |  4 +---
 .../react/src/hooks/useUpdateNodePositions.ts |  4 +---
 packages/react/src/hooks/useViewport.ts       |  4 +---
 packages/react/src/hooks/useViewportSync.ts   |  2 +-
 packages/react/src/index.ts                   | 20 +++++++++----------
 26 files changed, 64 insertions(+), 72 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 4f04aa2b0..cb1deb415 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @xyflow/react
 
+## 12.0.0-next.4
+
+### Minor changes
+
+- fix applyChanges: handle empty flows + addNodes/addEdges closes
+- cleanup hook exports
+
 ## 12.0.0-next.3
 
 ### Minor changes
diff --git a/packages/react/src/additional-components/Controls/Controls.tsx b/packages/react/src/additional-components/Controls/Controls.tsx
index 29fcb268b..0604186b9 100644
--- a/packages/react/src/additional-components/Controls/Controls.tsx
+++ b/packages/react/src/additional-components/Controls/Controls.tsx
@@ -3,7 +3,7 @@ import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
-import useReactFlow from '../../hooks/useReactFlow';
+import { useReactFlow } from '../../hooks/useReactFlow';
 import Panel from '../../components/Panel';
 import { type ReactFlowState } from '../../types';
 
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index cc5934398..461abf5a1 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useRef, memo, type MouseEvent, type KeyboardEvent } from 'react';
 import cc from 'classcat';
+import { shallow } from 'zustand/shallow';
 import {
   clampPosition,
   elementSelectionKeys,
@@ -12,12 +13,11 @@ import {
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { Provider } from '../../contexts/NodeIdContext';
 import { ARIA_NODE_DESC_KEY } from '../A11yDescriptions';
-import useDrag from '../../hooks/useDrag';
-import useUpdateNodePositions from '../../hooks/useUpdateNodePositions';
+import { useDrag } from '../../hooks/useDrag';
+import { useUpdateNodePositions } from '../../hooks/useUpdateNodePositions';
 import { handleNodeClick } from '../Nodes/utils';
-import type { NodeWrapperProps } from '../../types';
 import { arrowKeyDiffs, builtinNodeTypes } from './utils';
-import { shallow } from 'zustand/shallow';
+import type { NodeWrapperProps } from '../../types';
 
 const NodeWrapper = ({
   id,
diff --git a/packages/react/src/components/NodesSelection/index.tsx b/packages/react/src/components/NodesSelection/index.tsx
index e79ed7824..c485d65c5 100644
--- a/packages/react/src/components/NodesSelection/index.tsx
+++ b/packages/react/src/components/NodesSelection/index.tsx
@@ -9,10 +9,10 @@ import { shallow } from 'zustand/shallow';
 import { getNodesBounds } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
-import useDrag from '../../hooks/useDrag';
-import useUpdateNodePositions from '../../hooks/useUpdateNodePositions';
-import type { Node, ReactFlowState } from '../../types';
+import { useDrag } from '../../hooks/useDrag';
+import { useUpdateNodePositions } from '../../hooks/useUpdateNodePositions';
 import { arrowKeyDiffs } from '../NodeWrapper/utils';
+import type { Node, ReactFlowState } from '../../types';
 
 export type NodesSelectionProps = {
   onSelectionContextMenu?: (event: MouseEvent, nodes: Node[]) => void;
diff --git a/packages/react/src/container/FlowRenderer/index.tsx b/packages/react/src/container/FlowRenderer/index.tsx
index bb92f66aa..04604ec99 100644
--- a/packages/react/src/container/FlowRenderer/index.tsx
+++ b/packages/react/src/container/FlowRenderer/index.tsx
@@ -1,8 +1,8 @@
 import { memo, type ReactNode } from 'react';
 
 import { useStore } from '../../hooks/useStore';
-import useGlobalKeyHandler from '../../hooks/useGlobalKeyHandler';
-import useKeyPress from '../../hooks/useKeyPress';
+import { useGlobalKeyHandler } from '../../hooks/useGlobalKeyHandler';
+import { useKeyPress } from '../../hooks/useKeyPress';
 import { GraphViewProps } from '../GraphView';
 import ZoomPane from '../ZoomPane';
 import Pane from '../Pane';
diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index 8ff190287..ae67d6b49 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -4,11 +4,11 @@ import FlowRenderer from '../FlowRenderer';
 import NodeRenderer from '../NodeRenderer';
 import EdgeRenderer from '../EdgeRenderer';
 import ViewportWrapper from '../Viewport';
-import useOnInitHandler from '../../hooks/useOnInitHandler';
-import useViewportSync from '../../hooks/useViewportSync';
+import { useOnInitHandler } from '../../hooks/useOnInitHandler';
+import { useViewportSync } from '../../hooks/useViewportSync';
 import ConnectionLine from '../../components/ConnectionLine';
 import type { ReactFlowProps } from '../../types';
-import useNodeOrEdgeTypesWarning from './useNodeOrEdgeTypesWarning';
+import { useNodeOrEdgeTypesWarning } from './useNodeOrEdgeTypesWarning';
 
 export type GraphViewProps = Omit<
   ReactFlowProps,
diff --git a/packages/react/src/container/GraphView/useNodeOrEdgeTypesWarning.ts b/packages/react/src/container/GraphView/useNodeOrEdgeTypesWarning.ts
index e842018c7..1c2ef3657 100644
--- a/packages/react/src/container/GraphView/useNodeOrEdgeTypesWarning.ts
+++ b/packages/react/src/container/GraphView/useNodeOrEdgeTypesWarning.ts
@@ -12,7 +12,7 @@ const emptyTypes = {};
 export function useNodeOrEdgeTypesWarning(nodeOrEdgeTypes?: NodeTypes): void;
 export function useNodeOrEdgeTypesWarning(nodeOrEdgeTypes?: EdgeTypes): void;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export default function useNodeOrEdgeTypesWarning(nodeOrEdgeTypes: any = emptyTypes): any {
+export function useNodeOrEdgeTypesWarning(nodeOrEdgeTypes: any = emptyTypes): any {
   const updateCount = useRef(0);
   const store = useStoreApi();
 
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index bfe3530c5..5f1f26283 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -15,10 +15,10 @@ import Attribution from '../../components/Attribution';
 import SelectionListener from '../../components/SelectionListener';
 import StoreUpdater from '../../components/StoreUpdater';
 import A11yDescriptions from '../../components/A11yDescriptions';
+import { useColorModeClass } from '../../hooks/useColorModeClass';
 import GraphView from '../GraphView';
 import Wrapper from './Wrapper';
 import type { ReactFlowProps, ReactFlowRefType } from '../../types';
-import useColorModeClass from '../../hooks/useColorModeClass';
 
 export const initNodeOrigin: NodeOrigin = [0, 0];
 const initDefaultViewport: Viewport = { x: 0, y: 0, zoom: 1 };
diff --git a/packages/react/src/container/ZoomPane/index.tsx b/packages/react/src/container/ZoomPane/index.tsx
index aee6ac871..f79e5c29f 100644
--- a/packages/react/src/container/ZoomPane/index.tsx
+++ b/packages/react/src/container/ZoomPane/index.tsx
@@ -3,8 +3,8 @@ import { useEffect, useRef } from 'react';
 import { shallow } from 'zustand/shallow';
 import { XYPanZoom, PanOnScrollMode, type Transform, type PanZoomInstance } from '@xyflow/system';
 
-import useKeyPress from '../../hooks/useKeyPress';
-import useResizeHandler from '../../hooks/useResizeHandler';
+import { useKeyPress } from '../../hooks/useKeyPress';
+import { useResizeHandler } from '../../hooks/useResizeHandler';
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { containerStyle } from '../../styles/utils';
 import type { FlowRendererProps } from '../FlowRenderer';
diff --git a/packages/react/src/hooks/useColorModeClass.ts b/packages/react/src/hooks/useColorModeClass.ts
index bcf8c6aff..ec60d6dcb 100644
--- a/packages/react/src/hooks/useColorModeClass.ts
+++ b/packages/react/src/hooks/useColorModeClass.ts
@@ -15,7 +15,7 @@ function getMediaQuery() {
  * @internal
  * @param colorMode - The color mode to use ('dark', 'light' or 'system')
  */
-export default function useColorModeClass(colorMode: ColorMode): ColorModeClass {
+export function useColorModeClass(colorMode: ColorMode): ColorModeClass {
   const [colorModeClass, setColorModeClass] = useState<ColorModeClass | null>(
     colorMode === 'system' ? null : colorMode
   );
diff --git a/packages/react/src/hooks/useDrag.ts b/packages/react/src/hooks/useDrag.ts
index 8a4fab658..f632d7324 100644
--- a/packages/react/src/hooks/useDrag.ts
+++ b/packages/react/src/hooks/useDrag.ts
@@ -18,7 +18,14 @@ type UseDragParams = {
  *
  * @internal
  */
-function useDrag({ nodeRef, disabled = false, noDragClassName, handleSelector, nodeId, isSelectable }: UseDragParams) {
+export function useDrag({
+  nodeRef,
+  disabled = false,
+  noDragClassName,
+  handleSelector,
+  nodeId,
+  isSelectable,
+}: UseDragParams) {
   const store = useStoreApi();
   const [dragging, setDragging] = useState<boolean>(false);
   const xyDrag = useRef<XYDragInstance>();
@@ -64,5 +71,3 @@ function useDrag({ nodeRef, disabled = false, noDragClassName, handleSelector, n
 
   return dragging;
 }
-
-export default useDrag;
diff --git a/packages/react/src/hooks/useEdges.ts b/packages/react/src/hooks/useEdges.ts
index 94445ce47..bd748abbd 100644
--- a/packages/react/src/hooks/useEdges.ts
+++ b/packages/react/src/hooks/useEdges.ts
@@ -11,10 +11,8 @@ const edgesSelector = (state: ReactFlowState) => state.edges;
  * @public
  * @returns An array of edges
  */
-function useEdges<EdgeData>(): Edge<EdgeData>[] {
+export function useEdges<EdgeData>(): Edge<EdgeData>[] {
   const edges = useStore(edgesSelector, shallow);
 
   return edges;
 }
-
-export default useEdges;
diff --git a/packages/react/src/hooks/useGlobalKeyHandler.ts b/packages/react/src/hooks/useGlobalKeyHandler.ts
index 2409558f8..f85826c7a 100644
--- a/packages/react/src/hooks/useGlobalKeyHandler.ts
+++ b/packages/react/src/hooks/useGlobalKeyHandler.ts
@@ -2,8 +2,8 @@ import { useEffect } from 'react';
 import type { KeyCode } from '@xyflow/system';
 
 import { useStoreApi } from '../hooks/useStore';
-import useKeyPress, { UseKeyPressOptions } from './useKeyPress';
-import useReactFlow from './useReactFlow';
+import { useKeyPress, UseKeyPressOptions } from './useKeyPress';
+import { useReactFlow } from './useReactFlow';
 import { Edge, Node } from '../types';
 
 const selected = (item: Node | Edge) => item.selected;
@@ -15,13 +15,13 @@ const deleteKeyOptions: UseKeyPressOptions = { actInsideInputWithModifier: false
  *
  * @internal
  */
-export default ({
+export function useGlobalKeyHandler({
   deleteKeyCode,
   multiSelectionKeyCode,
 }: {
   deleteKeyCode: KeyCode | null;
   multiSelectionKeyCode: KeyCode | null;
-}): void => {
+}): void {
   const store = useStoreApi();
   const { deleteElements } = useReactFlow();
 
@@ -39,4 +39,4 @@ export default ({
   useEffect(() => {
     store.setState({ multiSelectionActive: multiSelectionKeyPressed });
   }, [multiSelectionKeyPressed]);
-};
+}
diff --git a/packages/react/src/hooks/useKeyPress.ts b/packages/react/src/hooks/useKeyPress.ts
index 98d460d07..779662078 100644
--- a/packages/react/src/hooks/useKeyPress.ts
+++ b/packages/react/src/hooks/useKeyPress.ts
@@ -20,14 +20,14 @@ const defaultDoc = typeof document !== 'undefined' ? document : null;
  * @param param.options - Options
  * @returns boolean
  */
-export default (
+export function useKeyPress(
   // the keycode can be a string 'a' or an array of strings ['a', 'a+d']
   // a string means a single key 'a' or a combination when '+' is used 'a+d'
   // an array means different possibilites. Explainer: ['a', 'd+s'] here the
   // user can use the single key 'a' or the combination 'd' + 's'
   keyCode: KeyCode | null = null,
   options: UseKeyPressOptions = { target: defaultDoc, actInsideInputWithModifier: true }
-): boolean => {
+): boolean {
   const [keyPressed, setKeyPressed] = useState(false);
 
   // we need to remember if a modifier key is pressed in order to track it
@@ -113,7 +113,7 @@ export default (
   }, [keyCode, setKeyPressed]);
 
   return keyPressed;
-};
+}
 
 // utils
 
diff --git a/packages/react/src/hooks/useNodes.ts b/packages/react/src/hooks/useNodes.ts
index bb54865d7..5e558e904 100644
--- a/packages/react/src/hooks/useNodes.ts
+++ b/packages/react/src/hooks/useNodes.ts
@@ -11,10 +11,8 @@ const nodesSelector = (state: ReactFlowState) => state.nodes;
  * @public
  * @returns An array of nodes
  */
-function useNodes<NodeType extends Node = Node>(): NodeType[] {
+export function useNodes<NodeType extends Node = Node>(): NodeType[] {
   const nodes = useStore(nodesSelector, shallow) as NodeType[];
 
   return nodes;
 }
-
-export default useNodes;
diff --git a/packages/react/src/hooks/useNodesInitialized.ts b/packages/react/src/hooks/useNodesInitialized.ts
index 5a330706c..e70ba7cd5 100644
--- a/packages/react/src/hooks/useNodesInitialized.ts
+++ b/packages/react/src/hooks/useNodesInitialized.ts
@@ -28,10 +28,8 @@ const defaultOptions = {
  * @param options.includeHiddenNodes - defaults to false
  * @returns boolean indicating whether all nodes are initialized
  */
-function useNodesInitialized(options: UseNodesInitializedOptions = defaultOptions): boolean {
+export function useNodesInitialized(options: UseNodesInitializedOptions = defaultOptions): boolean {
   const initialized = useStore(selector(options));
 
   return initialized;
 }
-
-export default useNodesInitialized;
diff --git a/packages/react/src/hooks/useOnInitHandler.ts b/packages/react/src/hooks/useOnInitHandler.ts
index e08e3b4c6..5b677c1ac 100644
--- a/packages/react/src/hooks/useOnInitHandler.ts
+++ b/packages/react/src/hooks/useOnInitHandler.ts
@@ -1,6 +1,6 @@
 import { useEffect, useRef } from 'react';
 
-import useReactFlow from './useReactFlow';
+import { useReactFlow } from './useReactFlow';
 import type { OnInit } from '../types';
 
 /**
@@ -8,7 +8,7 @@ import type { OnInit } from '../types';
  *
  * @internal
  */
-function useOnInitHandler(onInit: OnInit | undefined) {
+export function useOnInitHandler(onInit: OnInit | undefined) {
   const rfInstance = useReactFlow();
   const isInitialized = useRef<boolean>(false);
 
@@ -19,5 +19,3 @@ function useOnInitHandler(onInit: OnInit | undefined) {
     }
   }, [onInit, rfInstance.viewportInitialized]);
 }
-
-export default useOnInitHandler;
diff --git a/packages/react/src/hooks/useOnSelectionChange.ts b/packages/react/src/hooks/useOnSelectionChange.ts
index bd3541d99..53c488912 100644
--- a/packages/react/src/hooks/useOnSelectionChange.ts
+++ b/packages/react/src/hooks/useOnSelectionChange.ts
@@ -13,7 +13,7 @@ export type UseOnSelectionChangeOptions = {
  * @public
  * @params params.onChange - The handler to register
  */
-function useOnSelectionChange({ onChange }: UseOnSelectionChangeOptions) {
+export function useOnSelectionChange({ onChange }: UseOnSelectionChangeOptions) {
   const store = useStoreApi();
 
   useEffect(() => {
@@ -26,5 +26,3 @@ function useOnSelectionChange({ onChange }: UseOnSelectionChangeOptions) {
     };
   }, [onChange]);
 }
-
-export default useOnSelectionChange;
diff --git a/packages/react/src/hooks/useOnViewportChange.ts b/packages/react/src/hooks/useOnViewportChange.ts
index 13209d624..61e4d64f0 100644
--- a/packages/react/src/hooks/useOnViewportChange.ts
+++ b/packages/react/src/hooks/useOnViewportChange.ts
@@ -17,7 +17,7 @@ export type UseOnViewportChangeOptions = {
  * @param params.onChange - gets called when the viewport changes
  * @param params.onEnd - gets called when the viewport stops changing
  */
-function useOnViewportChange({ onStart, onChange, onEnd }: UseOnViewportChangeOptions) {
+export function useOnViewportChange({ onStart, onChange, onEnd }: UseOnViewportChangeOptions) {
   const store = useStoreApi();
 
   useEffect(() => {
@@ -32,5 +32,3 @@ function useOnViewportChange({ onStart, onChange, onEnd }: UseOnViewportChangeOp
     store.setState({ onViewportChangeEnd: onEnd });
   }, [onEnd]);
 }
-
-export default useOnViewportChange;
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index eb07cc6ab..198599d59 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -23,7 +23,7 @@ import { isNode } from '../utils';
  * @public
  * @returns ReactFlowInstance
  */
-export default function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(): ReactFlowInstance<
+export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(): ReactFlowInstance<
   NodeType,
   EdgeType
 > {
diff --git a/packages/react/src/hooks/useResizeHandler.ts b/packages/react/src/hooks/useResizeHandler.ts
index 1b3dc6ced..2db374998 100644
--- a/packages/react/src/hooks/useResizeHandler.ts
+++ b/packages/react/src/hooks/useResizeHandler.ts
@@ -8,7 +8,7 @@ import { useStoreApi } from '../hooks/useStore';
  *
  * @internal
  */
-function useResizeHandler(domNode: MutableRefObject<HTMLDivElement | null>): void {
+export function useResizeHandler(domNode: MutableRefObject<HTMLDivElement | null>): void {
   const store = useStoreApi();
 
   useEffect(() => {
@@ -42,5 +42,3 @@ function useResizeHandler(domNode: MutableRefObject<HTMLDivElement | null>): voi
     }
   }, []);
 }
-
-export default useResizeHandler;
diff --git a/packages/react/src/hooks/useUpdateNodeInternals.ts b/packages/react/src/hooks/useUpdateNodeInternals.ts
index ced202da5..1d7cc681b 100644
--- a/packages/react/src/hooks/useUpdateNodeInternals.ts
+++ b/packages/react/src/hooks/useUpdateNodeInternals.ts
@@ -9,7 +9,7 @@ import { useStoreApi } from '../hooks/useStore';
  * @public
  * @returns function for updating node internals
  */
-function useUpdateNodeInternals(): UpdateNodeInternals {
+export function useUpdateNodeInternals(): UpdateNodeInternals {
   const store = useStoreApi();
 
   return useCallback<UpdateNodeInternals>((id: string | string[]) => {
@@ -28,5 +28,3 @@ function useUpdateNodeInternals(): UpdateNodeInternals {
     requestAnimationFrame(() => updateNodeDimensions(updates));
   }, []);
 }
-
-export default useUpdateNodeInternals;
diff --git a/packages/react/src/hooks/useUpdateNodePositions.ts b/packages/react/src/hooks/useUpdateNodePositions.ts
index 77def71f7..1ca0d4ee2 100644
--- a/packages/react/src/hooks/useUpdateNodePositions.ts
+++ b/packages/react/src/hooks/useUpdateNodePositions.ts
@@ -13,7 +13,7 @@ const selectedAndDraggable = (nodesDraggable: boolean) => (n: Node) =>
  * @internal
  * @returns function for updating node positions
  */
-function useUpdateNodePositions() {
+export function useUpdateNodePositions() {
   const store = useStoreApi();
 
   const updatePositions = useCallback((params: { x: number; y: number; isShiftPressed: boolean }) => {
@@ -63,5 +63,3 @@ function useUpdateNodePositions() {
 
   return updatePositions;
 }
-
-export default useUpdateNodePositions;
diff --git a/packages/react/src/hooks/useViewport.ts b/packages/react/src/hooks/useViewport.ts
index 4d48cf5c5..0b9758c14 100644
--- a/packages/react/src/hooks/useViewport.ts
+++ b/packages/react/src/hooks/useViewport.ts
@@ -16,10 +16,8 @@ const viewportSelector = (state: ReactFlowState) => ({
  * @public
  * @returns The current viewport
  */
-function useViewport(): Viewport {
+export function useViewport(): Viewport {
   const viewport = useStore(viewportSelector, shallow);
 
   return viewport;
 }
-
-export default useViewport;
diff --git a/packages/react/src/hooks/useViewportSync.ts b/packages/react/src/hooks/useViewportSync.ts
index f0a1a31e5..00fae17ab 100644
--- a/packages/react/src/hooks/useViewportSync.ts
+++ b/packages/react/src/hooks/useViewportSync.ts
@@ -12,7 +12,7 @@ const selector = (state: ReactFlowState) => state.panZoom?.syncViewport;
  * @internal
  * @param viewport
  */
-export default function useViewportSync(viewport?: Viewport) {
+export function useViewportSync(viewport?: Viewport) {
   const syncViewport = useStore(selector);
   const store = useStoreApi();
 
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 771c7d861..3d4194700 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -12,17 +12,17 @@ export { default as Panel, type PanelProps } from './components/Panel';
 export { default as EdgeLabelRenderer } from './components/EdgeLabelRenderer';
 export { default as ViewportPortal } from './components/ViewportPortal';
 
-export { default as useReactFlow } from './hooks/useReactFlow';
-export { default as useUpdateNodeInternals } from './hooks/useUpdateNodeInternals';
-export { default as useNodes } from './hooks/useNodes';
-export { default as useEdges } from './hooks/useEdges';
-export { default as useViewport } from './hooks/useViewport';
-export { default as useKeyPress } from './hooks/useKeyPress';
-export * from './hooks/useNodesEdgesState';
+export { useReactFlow } from './hooks/useReactFlow';
+export { useUpdateNodeInternals } from './hooks/useUpdateNodeInternals';
+export { useNodes } from './hooks/useNodes';
+export { useEdges } from './hooks/useEdges';
+export { useViewport } from './hooks/useViewport';
+export { useKeyPress } from './hooks/useKeyPress';
+export { useNodesState, useEdgesState } from './hooks/useNodesEdgesState';
 export { useStore, useStoreApi } from './hooks/useStore';
-export { default as useOnViewportChange, type UseOnViewportChangeOptions } from './hooks/useOnViewportChange';
-export { default as useOnSelectionChange, type UseOnSelectionChangeOptions } from './hooks/useOnSelectionChange';
-export { default as useNodesInitialized, type UseNodesInitializedOptions } from './hooks/useNodesInitialized';
+export { useOnViewportChange, type UseOnViewportChangeOptions } from './hooks/useOnViewportChange';
+export { useOnSelectionChange, type UseOnSelectionChangeOptions } from './hooks/useOnSelectionChange';
+export { useNodesInitialized, type UseNodesInitializedOptions } from './hooks/useNodesInitialized';
 export { useHandleConnections } from './hooks/useHandleConnections';
 export { useNodesData } from './hooks/useNodesData';
 export { useConnection } from './hooks/useConnection';

From da471175855be10d3df53b2760036a96b3f856c2 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 8 Jan 2024 12:25:03 +0100
Subject: [PATCH 0462/1093] Extracted xyresizer functions to system

---
 .../NodeResizer/ResizeControl.tsx             |  70 +++-----
 .../plugins/NodeResizer/NodeResizer.svelte    |   2 -
 .../plugins/NodeResizer/ResizeControl.svelte  |  87 +++-------
 packages/system/src/xyresizer/index.ts        |  78 +--------
 packages/system/src/xyresizer/types.ts        |  34 ++++
 packages/system/src/xyresizer/utils.ts        | 154 ++++++++++++++++++
 6 files changed, 235 insertions(+), 190 deletions(-)
 create mode 100644 packages/system/src/xyresizer/types.ts
 create mode 100644 packages/system/src/xyresizer/utils.ts

diff --git a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
index 7db2f7785..14520c236 100644
--- a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
@@ -2,7 +2,12 @@ import { useRef, useEffect, memo } from 'react';
 import cc from 'classcat';
 import { drag } from 'd3-drag';
 import { select } from 'd3-selection';
-import { getPointerPosition, clamp } from '@xyflow/system';
+import {
+  getPointerPosition,
+  getControlDirection,
+  getDimensionsAfterResize,
+  getPositionAfterResize,
+} from '@xyflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
@@ -53,10 +58,7 @@ function ResizeControl({
 
     const selection = select(resizeControlRef.current);
 
-    const enableX = controlPosition.includes('right') || controlPosition.includes('left');
-    const enableY = controlPosition.includes('bottom') || controlPosition.includes('top');
-    const invertX = controlPosition.includes('left');
-    const invertY = controlPosition.includes('top');
+    const controlDirection = getControlDirection(controlPosition);
 
     const dragHandler = drag<HTMLDivElement, unknown>()
       .on('start', (event: ResizeDragEvent) => {
@@ -82,61 +84,27 @@ function ResizeControl({
       })
       .on('drag', (event: ResizeDragEvent) => {
         const { nodeLookup, transform, snapGrid, snapToGrid, triggerNodeChanges } = store.getState();
-        const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
+        const pointerPosition = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
         const node = nodeLookup.get(id);
 
         if (node) {
           const changes: NodeChange[] = [];
-          const {
-            pointerX: startX,
-            pointerY: startY,
-            width: startWidth,
-            height: startHeight,
-            x: startNodeX,
-            y: startNodeY,
-            aspectRatio,
-          } = startValues.current;
 
           const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues.current;
 
-          const distX = Math.floor(enableX ? xSnapped - startX : 0);
-          const distY = Math.floor(enableY ? ySnapped - startY : 0);
-
-          let width = clamp(startWidth + (invertX ? -distX : distX), minWidth, maxWidth);
-          let height = clamp(startHeight + (invertY ? -distY : distY), minHeight, maxHeight);
-
-          if (keepAspectRatio) {
-            const nextAspectRatio = width / height;
-            const isDiagonal = enableX && enableY;
-            const isHorizontal = enableX && !enableY;
-            const isVertical = enableY && !enableX;
-
-            width = (nextAspectRatio <= aspectRatio && isDiagonal) || isVertical ? height * aspectRatio : width;
-            height = (nextAspectRatio > aspectRatio && isDiagonal) || isHorizontal ? width / aspectRatio : height;
-
-            if (width >= maxWidth) {
-              width = maxWidth;
-              height = maxWidth / aspectRatio;
-            } else if (width <= minWidth) {
-              width = minWidth;
-              height = minWidth / aspectRatio;
-            }
-
-            if (height >= maxHeight) {
-              height = maxHeight;
-              width = maxHeight * aspectRatio;
-            } else if (height <= minHeight) {
-              height = minHeight;
-              width = minHeight * aspectRatio;
-            }
-          }
+          const { width, height } = getDimensionsAfterResize(
+            startValues.current,
+            controlDirection,
+            pointerPosition,
+            { minWidth, minHeight, maxWidth, maxHeight },
+            keepAspectRatio
+          );
 
           const isWidthChange = width !== prevWidth;
           const isHeightChange = height !== prevHeight;
 
-          if (invertX || invertY) {
-            const x = invertX ? startNodeX - (width - startWidth) : startNodeX;
-            const y = invertY ? startNodeY - (height - startHeight) : startNodeY;
+          if (controlDirection.affectsX || controlDirection.affectsY) {
+            const { x, y } = getPositionAfterResize(startValues.current, controlDirection, width, height);
 
             // only transform the node if the width or height changes
             const isXPosChange = x !== prevX && isWidthChange;
@@ -184,8 +152,8 @@ function ResizeControl({
             prevWidth,
             height: prevValues.current.height,
             prevHeight,
-            invertX,
-            invertY,
+            affectsX: controlDirection.affectsX,
+            affectsY: controlDirection.affectsY,
           });
 
           const nextValues = { ...prevValues.current, direction };
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/NodeResizer.svelte b/packages/svelte/src/lib/plugins/NodeResizer/NodeResizer.svelte
index f38d06c69..1738c70d4 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/NodeResizer.svelte
+++ b/packages/svelte/src/lib/plugins/NodeResizer/NodeResizer.svelte
@@ -30,8 +30,6 @@
   let _minHeight = minHeight || 10;
   let _maxWidth = maxWidth || Number.MAX_VALUE;
   let _maxHeight = maxHeight || Number.MAX_VALUE;
-
-  $: console.log(isVisible);
 </script>
 
 {#if isVisible}
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
index 822d77c54..621356e54 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
+++ b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
@@ -7,8 +7,11 @@
   import {
     ResizeControlVariant,
     getPointerPosition,
-    clamp,
-    getResizeDirection
+    getResizeDirection,
+    getControlDirection,
+    type XYResizeControlPosition,
+    getDimensionsAfterResize,
+    getPositionAfterResize
   } from '@xyflow/system';
   import { useStore } from '$lib/store';
 
@@ -52,7 +55,9 @@
   let startValues = { ...initStartValues };
   let prevValues = { ...initPrevValues };
 
-  $: defaultPosition = variant === ResizeControlVariant.Line ? 'right' : 'bottom-right';
+  $: defaultPosition = (
+    variant === ResizeControlVariant.Line ? 'right' : 'bottom-right'
+  ) as XYResizeControlPosition;
   $: controlPosition = position ?? defaultPosition;
 
   $: positionClassNames = controlPosition.split('-');
@@ -67,10 +72,7 @@
     }
     const selection = select(resizeControlRef);
 
-    const enableX = controlPosition.includes('right') || controlPosition.includes('left');
-    const enableY = controlPosition.includes('bottom') || controlPosition.includes('top');
-    const invertX = controlPosition.includes('left');
-    const invertY = controlPosition.includes('top');
+    const controlDirection = getControlDirection(controlPosition);
 
     const dragHandler = drag<HTMLDivElement, unknown>()
       .on('start', (event: ResizeDragEvent) => {
@@ -98,7 +100,7 @@
         onResizeStart?.(event, { ...prevValues });
       })
       .on('drag', (event: ResizeDragEvent) => {
-        const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, {
+        const pointerPosition = getPointerPosition(event.sourceEvent, {
           transform: [$viewport.x, $viewport.y, $viewport.zoom],
           snapGrid: $snapGrid ?? undefined,
           snapToGrid: !!$snapGrid
@@ -106,64 +108,27 @@
         const node = $nodeLookup.get(id);
 
         if (node) {
-          const {
-            pointerX: startX,
-            pointerY: startY,
-            width: startWidth,
-            height: startHeight,
-            x: startNodeX,
-            y: startNodeY,
-            aspectRatio
-          } = startValues;
-
           const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues;
 
-          const distX = Math.floor(enableX ? xSnapped - startX : 0);
-          const distY = Math.floor(enableY ? ySnapped - startY : 0);
-
-          let width = clamp(startWidth + (invertX ? -distX : distX), minWidth, maxWidth);
-          let height = clamp(startHeight + (invertY ? -distY : distY), minHeight, maxHeight);
-
-          if (keepAspectRatio) {
-            const nextAspectRatio = width / height;
-            const isDiagonal = enableX && enableY;
-            const isHorizontal = enableX && !enableY;
-            const isVertical = enableY && !enableX;
-
-            width =
-              (nextAspectRatio <= aspectRatio && isDiagonal) || isVertical
-                ? height * aspectRatio
-                : width;
-            height =
-              (nextAspectRatio > aspectRatio && isDiagonal) || isHorizontal
-                ? width / aspectRatio
-                : height;
-
-            if (width >= _maxWidth) {
-              width = _maxWidth;
-              height = _maxWidth / aspectRatio;
-            } else if (width <= _minWidth) {
-              width = _minWidth;
-              height = _minWidth / aspectRatio;
-            }
-
-            if (height >= _maxHeight) {
-              height = _maxHeight;
-              width = _maxHeight * aspectRatio;
-            } else if (height <= _minHeight) {
-              height = _minHeight;
-              width = _minHeight * aspectRatio;
-            }
-          }
-
+          const { width, height } = getDimensionsAfterResize(
+            startValues,
+            controlDirection,
+            pointerPosition,
+            {
+              minWidth: _minWidth,
+              minHeight: _minHeight,
+              maxWidth: _maxWidth,
+              maxHeight: _maxHeight
+            },
+            !!keepAspectRatio
+          );
           const isWidthChange = width !== prevWidth;
           const isHeightChange = height !== prevHeight;
 
           let changes = false;
 
-          if (invertX || invertY) {
-            const x = invertX ? startNodeX - (width - startWidth) : startNodeX;
-            const y = invertY ? startNodeY - (height - startHeight) : startNodeY;
+          if (controlDirection.affectsX || controlDirection.affectsY) {
+            const { x, y } = getPositionAfterResize(startValues, controlDirection, width, height);
 
             // only transform the node if the width or height changes
             const isXPosChange = x !== prevX && isWidthChange;
@@ -199,8 +164,8 @@
             prevWidth,
             height: prevValues.height,
             prevHeight,
-            invertX,
-            invertY
+            affectsX: controlDirection.affectsX,
+            affectsY: controlDirection.affectsY
           });
 
           const nextValues = { ...prevValues, direction };
diff --git a/packages/system/src/xyresizer/index.ts b/packages/system/src/xyresizer/index.ts
index 1ebbe956d..6d5a6ef49 100644
--- a/packages/system/src/xyresizer/index.ts
+++ b/packages/system/src/xyresizer/index.ts
@@ -1,76 +1,2 @@
-export type { D3DragEvent, SubjectPosition } from 'd3-drag';
-
-export type XYResizeParams = {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-};
-
-export type XYResizeParamsWithDirection = XYResizeParams & {
-  direction: number[];
-};
-
-export type XYResizeControlLinePosition = 'top' | 'bottom' | 'left' | 'right';
-
-export type XYResizeControlPosition =
-  | XYResizeControlLinePosition
-  | 'top-left'
-  | 'top-right'
-  | 'bottom-left'
-  | 'bottom-right';
-
-export enum ResizeControlVariant {
-  Line = 'line',
-  Handle = 'handle',
-}
-
-export const XY_RESIZER_HANDLE_CONTROLS: XYResizeControlPosition[] = [
-  'top-left',
-  'top-right',
-  'bottom-left',
-  'bottom-right',
-];
-export const XY_RESIZER_LINE_CONTROLS: XYResizeControlLinePosition[] = ['top', 'right', 'bottom', 'left'];
-
-type GetResizeDirectionParams = {
-  width: number;
-  prevWidth: number;
-  height: number;
-  prevHeight: number;
-  invertX: boolean;
-  invertY: boolean;
-};
-
-/**
- * Get all connecting edges for a given set of nodes
- * @param width - new width of the node
- * @param prevWidth - previous width of the node
- * @param height - new height of the node
- * @param prevHeight - previous height of the node
- * @param invertX - whether to invert the resize direction for the x axis
- * @param invertY - whether to invert the resize direction for the y axis
- * @returns array of two numbers representing the direction of the resize for each axis, 0 = no change, 1 = increase, -1 = decrease
- */
-export function getResizeDirection({
-  width,
-  prevWidth,
-  height,
-  prevHeight,
-  invertX,
-  invertY,
-}: GetResizeDirectionParams) {
-  const deltaWidth = width - prevWidth;
-  const deltaHeight = height - prevHeight;
-
-  const direction = [deltaWidth > 0 ? 1 : deltaWidth < 0 ? -1 : 0, deltaHeight > 0 ? 1 : deltaHeight < 0 ? -1 : 0];
-
-  if (deltaWidth && invertX) {
-    direction[0] = direction[0] * -1;
-  }
-
-  if (deltaHeight && invertY) {
-    direction[1] = direction[1] * -1;
-  }
-  return direction;
-}
+export * from './types';
+export * from './utils';
diff --git a/packages/system/src/xyresizer/types.ts b/packages/system/src/xyresizer/types.ts
new file mode 100644
index 000000000..bf1ca5563
--- /dev/null
+++ b/packages/system/src/xyresizer/types.ts
@@ -0,0 +1,34 @@
+export type { D3DragEvent, SubjectPosition } from 'd3-drag';
+
+export type XYResizeParams = {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+};
+
+export type XYResizeParamsWithDirection = XYResizeParams & {
+  direction: number[];
+};
+
+export type XYResizeControlLinePosition = 'top' | 'bottom' | 'left' | 'right';
+
+export type XYResizeControlPosition =
+  | XYResizeControlLinePosition
+  | 'top-left'
+  | 'top-right'
+  | 'bottom-left'
+  | 'bottom-right';
+
+export enum ResizeControlVariant {
+  Line = 'line',
+  Handle = 'handle',
+}
+
+export const XY_RESIZER_HANDLE_CONTROLS: XYResizeControlPosition[] = [
+  'top-left',
+  'top-right',
+  'bottom-left',
+  'bottom-right',
+];
+export const XY_RESIZER_LINE_CONTROLS: XYResizeControlLinePosition[] = ['top', 'right', 'bottom', 'left'];
diff --git a/packages/system/src/xyresizer/utils.ts b/packages/system/src/xyresizer/utils.ts
new file mode 100644
index 000000000..15c3af06b
--- /dev/null
+++ b/packages/system/src/xyresizer/utils.ts
@@ -0,0 +1,154 @@
+import { clamp, getPointerPosition } from '../utils';
+import { XYResizeControlPosition } from './types';
+
+type GetResizeDirectionParams = {
+  width: number;
+  prevWidth: number;
+  height: number;
+  prevHeight: number;
+  affectsX: boolean;
+  affectsY: boolean;
+};
+
+/**
+ * Get all connecting edges for a given set of nodes
+ * @param width - new width of the node
+ * @param prevWidth - previous width of the node
+ * @param height - new height of the node
+ * @param prevHeight - previous height of the node
+ * @param affectsX - whether to invert the resize direction for the x axis
+ * @param affectsY - whether to invert the resize direction for the y axis
+ * @returns array of two numbers representing the direction of the resize for each axis, 0 = no change, 1 = increase, -1 = decrease
+ */
+export function getResizeDirection({
+  width,
+  prevWidth,
+  height,
+  prevHeight,
+  affectsX,
+  affectsY,
+}: GetResizeDirectionParams) {
+  const deltaWidth = width - prevWidth;
+  const deltaHeight = height - prevHeight;
+
+  const direction = [deltaWidth > 0 ? 1 : deltaWidth < 0 ? -1 : 0, deltaHeight > 0 ? 1 : deltaHeight < 0 ? -1 : 0];
+
+  if (deltaWidth && affectsX) {
+    direction[0] = direction[0] * -1;
+  }
+
+  if (deltaHeight && affectsY) {
+    direction[1] = direction[1] * -1;
+  }
+  return direction;
+}
+
+/**
+ * Parses the control position that is being dragged to dimensions that are being resized
+ * @param controlPosition - position of the control that is being dragged
+ * @returns isHorizontal, isVertical, affectsX, affectsY,
+ */
+export function getControlDirection(controlPosition: XYResizeControlPosition) {
+  const isHorizontal = controlPosition.includes('right') || controlPosition.includes('left');
+  const isVertical = controlPosition.includes('bottom') || controlPosition.includes('top');
+  const affectsX = controlPosition.includes('left');
+  const affectsY = controlPosition.includes('top');
+
+  return {
+    isHorizontal,
+    isVertical,
+    affectsX,
+    affectsY,
+  };
+}
+
+type PrevValues = {
+  width: number;
+  height: number;
+  x: number;
+  y: number;
+};
+
+type StartValues = PrevValues & {
+  pointerX: number;
+  pointerY: number;
+  aspectRatio: number;
+};
+
+/**
+ * Calculates new width & height of node after resize based on pointer position
+ * @param startValues - starting values of resize
+ * @param controlDirection - dimensions affected by the resize
+ * @param pointerPosition - the current pointer position corrected for snapping
+ * @param boundries - maximum and minimum dimensions of the node
+ * @param keepAspectRatio - prevent changes of asprect ratio
+ * @returns width: new width of node, height: new height of node
+ */
+export function getDimensionsAfterResize(
+  startValues: StartValues,
+  controlDirection: ReturnType<typeof getControlDirection>,
+  pointerPosition: ReturnType<typeof getPointerPosition>,
+  boundries: { minWidth: number; maxWidth: number; minHeight: number; maxHeight: number },
+  keepAspectRatio: boolean
+) {
+  const { isHorizontal, isVertical, affectsX, affectsY } = controlDirection;
+  const { xSnapped, ySnapped } = pointerPosition;
+  const { minWidth, maxWidth, minHeight, maxHeight } = boundries;
+
+  const { pointerX: startX, pointerY: startY, width: startWidth, height: startHeight, aspectRatio } = startValues;
+  const distX = Math.floor(isHorizontal ? xSnapped - startX : 0);
+  const distY = Math.floor(isVertical ? ySnapped - startY : 0);
+
+  let width = clamp(startWidth + (affectsX ? -distX : distX), minWidth, maxWidth);
+  let height = clamp(startHeight + (affectsY ? -distY : distY), minHeight, maxHeight);
+
+  if (keepAspectRatio) {
+    const nextAspectRatio = width / height;
+    const isDiagonal = isHorizontal && isVertical;
+    const isOnlyHorizontal = isHorizontal && !isVertical;
+    const isOnlyVertical = isVertical && !isHorizontal;
+
+    width = (nextAspectRatio <= aspectRatio && isDiagonal) || isOnlyVertical ? height * aspectRatio : width;
+    height = (nextAspectRatio > aspectRatio && isDiagonal) || isOnlyHorizontal ? width / aspectRatio : height;
+
+    if (width >= maxWidth) {
+      width = maxWidth;
+      height = maxWidth / aspectRatio;
+    } else if (width <= minWidth) {
+      width = minWidth;
+      height = minWidth / aspectRatio;
+    }
+
+    if (height >= maxHeight) {
+      height = maxHeight;
+      width = maxHeight * aspectRatio;
+    } else if (height <= minHeight) {
+      height = minHeight;
+      width = minHeight * aspectRatio;
+    }
+  }
+
+  return {
+    width,
+    height,
+  };
+}
+
+/**
+ * Determines new x & y position of node after resize based on new width & height
+ * @param startValues - starting values of resize
+ * @param controlDirection - dimensions affected by the resize
+ * @param width - new width of node
+ * @param height - new height of node
+ * @returns x: new x position of node, y: new y position of node
+ */
+export function getPositionAfterResize(
+  startValues: StartValues,
+  controlDirection: ReturnType<typeof getControlDirection>,
+  width: number,
+  height: number
+) {
+  const x = controlDirection.affectsX ? startValues.x - (width - startValues.width) : startValues.x;
+  const y = controlDirection.affectsY ? startValues.y - (height - startValues.height) : startValues.y;
+  return { x, y };
+}

From 61f8e00541c32c0e99e83e171eca230c57a9f92f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 8 Jan 2024 13:26:14 +0100
Subject: [PATCH 0463/1093] chore(react): cleanup exports

---
 examples/react/src/examples/Stress/index.tsx  |   1 -
 .../Background/Background.tsx                 |  10 +-
 .../Background/index.tsx                      |   4 +-
 .../Controls/ControlButton.tsx                |  17 +-
 .../Controls/Controls.tsx                     |  29 +-
 .../Controls/Icons/FitView.tsx                |   4 +-
 .../Controls/Icons/Lock.tsx                   |   4 +-
 .../Controls/Icons/Minus.tsx                  |   4 +-
 .../Controls/Icons/Plus.tsx                   |   4 +-
 .../Controls/Icons/Unlock.tsx                 |   4 +-
 .../additional-components/Controls/index.tsx  |   6 +-
 .../additional-components/Controls/types.ts   |   3 +-
 .../additional-components/MiniMap/MiniMap.tsx |  10 +-
 .../MiniMap/MiniMapNode.tsx                   |   4 +-
 .../MiniMap/MiniMapNodes.tsx                  |   2 +-
 .../additional-components/MiniMap/index.tsx   |   2 +-
 .../NodeToolbar/NodeToolbar.tsx               |   8 +-
 .../NodeToolbar/NodeToolbarPortal.tsx         |   4 +-
 .../NodeToolbar/index.tsx                     |   4 +-
 .../src/components/A11yDescriptions/index.tsx |   4 +-
 .../src/components/Attribution/index.tsx      |   6 +-
 .../src/components/ConnectionLine/index.tsx   |   4 +-
 .../components/EdgeLabelRenderer/index.tsx    |   4 +-
 .../EdgeWrapper/EdgeUpdateAnchors.tsx         |   4 +-
 .../src/components/EdgeWrapper/index.tsx      |  12 +-
 .../react/src/components/Edges/BaseEdge.tsx   |  16 +-
 .../react/src/components/Edges/BezierEdge.tsx |   2 +-
 .../react/src/components/Edges/EdgeAnchor.tsx |  32 +-
 .../react/src/components/Edges/EdgeText.tsx   |  11 +-
 .../src/components/Edges/SimpleBezierEdge.tsx |   2 +-
 .../src/components/Edges/SmoothStepEdge.tsx   |   2 +-
 .../src/components/Edges/StraightEdge.tsx     |   2 +-
 .../react/src/components/Handle/index.tsx     |   6 +-
 .../src/components/NodeWrapper/index.tsx      |  12 +-
 .../src/components/NodeWrapper/utils.tsx      |   8 +-
 .../src/components/Nodes/DefaultNode.tsx      |  13 +-
 .../react/src/components/Nodes/GroupNode.tsx  |   8 +-
 .../react/src/components/Nodes/InputNode.tsx  |  21 +-
 .../react/src/components/Nodes/OutputNode.tsx |  21 +-
 packages/react/src/components/Nodes/utils.ts  |   2 +-
 .../src/components/NodesSelection/index.tsx   |   6 +-
 packages/react/src/components/Panel/index.tsx |   6 +-
 .../components/ReactFlowProvider/index.tsx    |   6 +-
 .../components/SelectionListener/index.tsx    |  14 +-
 .../src/components/StoreUpdater/index.tsx     |   6 +-
 .../src/components/UserSelection/index.tsx    |   4 +-
 .../src/components/ViewportPortal/index.tsx   |   4 +-
 .../container/EdgeRenderer/MarkerSymbols.tsx  |   2 -
 .../src/container/EdgeRenderer/index.tsx      |  16 +-
 .../src/container/FlowRenderer/index.tsx      |  12 +-
 .../react/src/container/GraphView/index.tsx   |  28 +-
 .../src/container/NodeRenderer/index.tsx      |  14 +-
 .../NodeRenderer/useResizeObserver.ts         |   2 +-
 packages/react/src/container/Pane/index.tsx   | 330 +++++++++---------
 .../react/src/container/ReactFlow/Wrapper.tsx |   8 +-
 .../react/src/container/ReactFlow/index.tsx   |  15 +-
 .../react/src/container/Viewport/index.tsx    |   2 +-
 .../react/src/container/ZoomPane/index.tsx    |   8 +-
 packages/react/src/hooks/useVisibleEdgeIds.ts |   4 +-
 packages/react/src/hooks/useVisibleNodeIds.ts |   4 +-
 packages/react/src/index.ts                   |  14 +-
 61 files changed, 366 insertions(+), 455 deletions(-)

diff --git a/examples/react/src/examples/Stress/index.tsx b/examples/react/src/examples/Stress/index.tsx
index 14b56b09f..9020ddd6f 100644
--- a/examples/react/src/examples/Stress/index.tsx
+++ b/examples/react/src/examples/Stress/index.tsx
@@ -11,7 +11,6 @@ import {
   EdgeChange,
   Controls,
   Background,
-  MiniMap,
   Panel,
 } from '@xyflow/react';
 
diff --git a/packages/react/src/additional-components/Background/Background.tsx b/packages/react/src/additional-components/Background/Background.tsx
index 3e71d7231..738ed699c 100644
--- a/packages/react/src/additional-components/Background/Background.tsx
+++ b/packages/react/src/additional-components/Background/Background.tsx
@@ -3,10 +3,10 @@ import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../../hooks/useStore';
-import { type ReactFlowState } from '../../types';
-import { BackgroundProps, BackgroundVariant } from './types';
 import { DotPattern, LinePattern } from './Patterns';
 import { containerStyle } from '../../styles/utils';
+import { type BackgroundProps, BackgroundVariant } from './types';
+import { type ReactFlowState } from '../../types';
 
 const defaultSize = {
   [BackgroundVariant.Dots]: 1,
@@ -16,7 +16,7 @@ const defaultSize = {
 
 const selector = (s: ReactFlowState) => ({ transform: s.transform, patternId: `pattern-${s.rfId}` });
 
-function Background({
+function BackgroundComponent({
   id,
   variant = BackgroundVariant.Dots,
   // only used for dots and cross
@@ -87,6 +87,6 @@ function Background({
   );
 }
 
-Background.displayName = 'Background';
+BackgroundComponent.displayName = 'Background';
 
-export default memo(Background);
+export const Background = memo(BackgroundComponent);
diff --git a/packages/react/src/additional-components/Background/index.tsx b/packages/react/src/additional-components/Background/index.tsx
index c09961796..ad5e1deac 100644
--- a/packages/react/src/additional-components/Background/index.tsx
+++ b/packages/react/src/additional-components/Background/index.tsx
@@ -1,2 +1,2 @@
-export { default as Background } from './Background';
-export * from './types';
+export { Background } from './Background';
+export { BackgroundVariant, type BackgroundProps } from './types';
diff --git a/packages/react/src/additional-components/Controls/ControlButton.tsx b/packages/react/src/additional-components/Controls/ControlButton.tsx
index 9952fde07..744f46d43 100644
--- a/packages/react/src/additional-components/Controls/ControlButton.tsx
+++ b/packages/react/src/additional-components/Controls/ControlButton.tsx
@@ -1,14 +1,11 @@
-import type { FC, PropsWithChildren } from 'react';
 import cc from 'classcat';
 
 import type { ControlButtonProps } from './types';
 
-const ControlButton: FC<PropsWithChildren<ControlButtonProps>> = ({ children, className, ...rest }) => (
-  <button type="button" className={cc(['react-flow__controls-button', className])} {...rest}>
-    {children}
-  </button>
-);
-
-ControlButton.displayName = 'ControlButton';
-
-export default ControlButton;
+export function ControlButton({ children, className, ...rest }: ControlButtonProps) {
+  return (
+    <button type="button" className={cc(['react-flow__controls-button', className])} {...rest}>
+      {children}
+    </button>
+  );
+}
diff --git a/packages/react/src/additional-components/Controls/Controls.tsx b/packages/react/src/additional-components/Controls/Controls.tsx
index 0604186b9..3a38790d4 100644
--- a/packages/react/src/additional-components/Controls/Controls.tsx
+++ b/packages/react/src/additional-components/Controls/Controls.tsx
@@ -1,19 +1,18 @@
-import { memo, type FC, type PropsWithChildren } from 'react';
+import { memo } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { useReactFlow } from '../../hooks/useReactFlow';
-import Panel from '../../components/Panel';
+import { Panel } from '../../components/Panel';
 import { type ReactFlowState } from '../../types';
 
-import PlusIcon from './Icons/Plus';
-import MinusIcon from './Icons/Minus';
-import FitviewIcon from './Icons/FitView';
-import LockIcon from './Icons/Lock';
-import UnlockIcon from './Icons/Unlock';
-import ControlButton from './ControlButton';
-
+import { PlusIcon } from './Icons/Plus';
+import { MinusIcon } from './Icons/Minus';
+import { FitViewIcon } from './Icons/FitView';
+import { LockIcon } from './Icons/Lock';
+import { UnlockIcon } from './Icons/Unlock';
+import { ControlButton } from './ControlButton';
 import type { ControlProps } from './types';
 
 const selector = (s: ReactFlowState) => ({
@@ -22,7 +21,7 @@ const selector = (s: ReactFlowState) => ({
   maxZoomReached: s.transform[2] >= s.maxZoom,
 });
 
-const Controls: FC<PropsWithChildren<ControlProps>> = ({
+function ControlsComponent({
   style,
   showZoom = true,
   showFitView = true,
@@ -35,7 +34,7 @@ const Controls: FC<PropsWithChildren<ControlProps>> = ({
   className,
   children,
   position = 'bottom-left',
-}) => {
+}: ControlProps) {
   const store = useStoreApi();
   const { isInteractive, minZoomReached, maxZoomReached } = useStore(selector, shallow);
   const { zoomIn, zoomOut, fitView } = useReactFlow();
@@ -101,7 +100,7 @@ const Controls: FC<PropsWithChildren<ControlProps>> = ({
           title="fit view"
           aria-label="fit view"
         >
-          <FitviewIcon />
+          <FitViewIcon />
         </ControlButton>
       )}
       {showInteractive && (
@@ -117,8 +116,8 @@ const Controls: FC<PropsWithChildren<ControlProps>> = ({
       {children}
     </Panel>
   );
-};
+}
 
-Controls.displayName = 'Controls';
+ControlsComponent.displayName = 'Controls';
 
-export default memo(Controls);
+export const Controls = memo(ControlsComponent);
diff --git a/packages/react/src/additional-components/Controls/Icons/FitView.tsx b/packages/react/src/additional-components/Controls/Icons/FitView.tsx
index a59267304..cf67758e3 100644
--- a/packages/react/src/additional-components/Controls/Icons/FitView.tsx
+++ b/packages/react/src/additional-components/Controls/Icons/FitView.tsx
@@ -1,9 +1,7 @@
-function FitViewIcon() {
+export function FitViewIcon() {
   return (
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 30">
       <path d="M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0027.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94c-.531 0-.939-.4-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z" />
     </svg>
   );
 }
-
-export default FitViewIcon;
diff --git a/packages/react/src/additional-components/Controls/Icons/Lock.tsx b/packages/react/src/additional-components/Controls/Icons/Lock.tsx
index 7f62ff658..f0c4b51cd 100644
--- a/packages/react/src/additional-components/Controls/Icons/Lock.tsx
+++ b/packages/react/src/additional-components/Controls/Icons/Lock.tsx
@@ -1,9 +1,7 @@
-function LockIcon() {
+export function LockIcon() {
   return (
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 32">
       <path d="M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z" />
     </svg>
   );
 }
-
-export default LockIcon;
diff --git a/packages/react/src/additional-components/Controls/Icons/Minus.tsx b/packages/react/src/additional-components/Controls/Icons/Minus.tsx
index 89a8b3541..befbc12c9 100644
--- a/packages/react/src/additional-components/Controls/Icons/Minus.tsx
+++ b/packages/react/src/additional-components/Controls/Icons/Minus.tsx
@@ -1,9 +1,7 @@
-function MinusIcon() {
+export function MinusIcon() {
   return (
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 5">
       <path d="M0 0h32v4.2H0z" />
     </svg>
   );
 }
-
-export default MinusIcon;
diff --git a/packages/react/src/additional-components/Controls/Icons/Plus.tsx b/packages/react/src/additional-components/Controls/Icons/Plus.tsx
index eaa5efb8c..b4ff41374 100644
--- a/packages/react/src/additional-components/Controls/Icons/Plus.tsx
+++ b/packages/react/src/additional-components/Controls/Icons/Plus.tsx
@@ -1,9 +1,7 @@
-function PlusIcon() {
+export function PlusIcon() {
   return (
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
       <path d="M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z" />
     </svg>
   );
 }
-
-export default PlusIcon;
diff --git a/packages/react/src/additional-components/Controls/Icons/Unlock.tsx b/packages/react/src/additional-components/Controls/Icons/Unlock.tsx
index ce1131662..f68ae0b91 100644
--- a/packages/react/src/additional-components/Controls/Icons/Unlock.tsx
+++ b/packages/react/src/additional-components/Controls/Icons/Unlock.tsx
@@ -1,9 +1,7 @@
-function UnlockIcon() {
+export function UnlockIcon() {
   return (
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 32">
       <path d="M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047z" />
     </svg>
   );
 }
-
-export default UnlockIcon;
diff --git a/packages/react/src/additional-components/Controls/index.tsx b/packages/react/src/additional-components/Controls/index.tsx
index ac6f816c6..7a5ce679f 100644
--- a/packages/react/src/additional-components/Controls/index.tsx
+++ b/packages/react/src/additional-components/Controls/index.tsx
@@ -1,3 +1,3 @@
-export { default as Controls } from './Controls';
-export { default as ControlButton } from './ControlButton';
-export * from './types';
+export { Controls } from './Controls';
+export { ControlButton } from './ControlButton';
+export type { ControlProps, ControlButtonProps } from './types';
diff --git a/packages/react/src/additional-components/Controls/types.ts b/packages/react/src/additional-components/Controls/types.ts
index 2d93540ce..3833c50f5 100644
--- a/packages/react/src/additional-components/Controls/types.ts
+++ b/packages/react/src/additional-components/Controls/types.ts
@@ -1,4 +1,4 @@
-import type { ButtonHTMLAttributes, HTMLAttributes } from 'react';
+import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
 import type { PanelPosition } from '@xyflow/system';
 
 import type { FitViewOptions } from '../../types';
@@ -13,6 +13,7 @@ export type ControlProps = HTMLAttributes<HTMLDivElement> & {
   onFitView?: () => void;
   onInteractiveChange?: (interactiveStatus: boolean) => void;
   position?: PanelPosition;
+  children?: ReactNode;
 };
 
 export type ControlButtonProps = ButtonHTMLAttributes<HTMLButtonElement>;
diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index 8d1f0538f..34a66fa12 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -6,11 +6,11 @@ import { shallow } from 'zustand/shallow';
 import { getNodesBounds, getBoundsOfRects, XYMinimap, type Rect, type XYMinimapInstance } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
-import Panel from '../../components/Panel';
+import { Panel } from '../../components/Panel';
 import type { ReactFlowState } from '../../types';
 
-import type { MiniMapProps } from './types';
 import MiniMapNodes from './MiniMapNodes';
+import type { MiniMapProps } from './types';
 
 const defaultWidth = 200;
 const defaultHeight = 150;
@@ -37,7 +37,7 @@ const selector = (s: ReactFlowState) => {
 
 const ARIA_LABEL_KEY = 'react-flow__minimap-desc';
 
-function MiniMap({
+function MiniMapComponent({
   style,
   className,
   nodeStrokeColor,
@@ -171,6 +171,6 @@ function MiniMap({
   );
 }
 
-MiniMap.displayName = 'MiniMap';
+MiniMapComponent.displayName = 'MiniMap';
 
-export default memo(MiniMap);
+export const MiniMap = memo(MiniMapComponent);
diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx
index 76edf5e6b..ec9fd7259 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNode.tsx
@@ -3,7 +3,7 @@ import cc from 'classcat';
 
 import type { MiniMapNodeProps } from './types';
 
-function MiniMapNode({
+function MiniMapNodeComponent({
   id,
   x,
   y,
@@ -42,4 +42,4 @@ function MiniMapNode({
   );
 }
 
-export default memo(MiniMapNode);
+export const MiniMapNode = memo(MiniMapNodeComponent);
diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index 71cce50bb..63851aad7 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -5,8 +5,8 @@ import { NodeOrigin, getNodePositionWithOrigin } from '@xyflow/system';
 import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../../hooks/useStore';
+import { MiniMapNode } from './MiniMapNode';
 import type { ReactFlowState } from '../../types';
-import MiniMapNode from './MiniMapNode';
 import type { MiniMapNodes as MiniMapNodesProps, GetMiniMapNodeAttribute, MiniMapNodeProps } from './types';
 
 declare const window: any;
diff --git a/packages/react/src/additional-components/MiniMap/index.tsx b/packages/react/src/additional-components/MiniMap/index.tsx
index 7b91e95dd..f08cb9de6 100644
--- a/packages/react/src/additional-components/MiniMap/index.tsx
+++ b/packages/react/src/additional-components/MiniMap/index.tsx
@@ -1,2 +1,2 @@
-export { default as MiniMap } from './MiniMap';
+export { MiniMap } from './MiniMap';
 export * from './types';
diff --git a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
index 6f4ad13c8..a681d6f3b 100644
--- a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
+++ b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
@@ -6,8 +6,8 @@ import { getNodesBounds, Rect, Position, internalsSymbol, getNodeToolbarTransfor
 import { Node, ReactFlowState } from '../../types';
 import { useStore } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
-import NodeToolbarPortal from './NodeToolbarPortal';
-import { NodeToolbarProps } from './types';
+import { NodeToolbarPortal } from './NodeToolbarPortal';
+import type { NodeToolbarProps } from './types';
 
 const nodeEqualityFn = (a?: Node, b?: Node) =>
   a?.computed?.positionAbsolute?.x !== b?.computed?.positionAbsolute?.x ||
@@ -35,7 +35,7 @@ const storeSelector = (state: ReactFlowState) => ({
   selectedNodesCount: state.nodes.filter((node) => node.selected).length,
 });
 
-function NodeToolbar({
+export function NodeToolbar({
   nodeId,
   children,
   className,
@@ -96,5 +96,3 @@ function NodeToolbar({
     </NodeToolbarPortal>
   );
 }
-
-export default NodeToolbar;
diff --git a/packages/react/src/additional-components/NodeToolbar/NodeToolbarPortal.tsx b/packages/react/src/additional-components/NodeToolbar/NodeToolbarPortal.tsx
index 4b8d8d025..c7301c77c 100644
--- a/packages/react/src/additional-components/NodeToolbar/NodeToolbarPortal.tsx
+++ b/packages/react/src/additional-components/NodeToolbar/NodeToolbarPortal.tsx
@@ -6,7 +6,7 @@ import { useStore } from '../../hooks/useStore';
 
 const selector = (state: ReactFlowState) => state.domNode?.querySelector('.react-flow__renderer');
 
-function NodeToolbarPortal({ children }: { children: ReactNode }) {
+export function NodeToolbarPortal({ children }: { children: ReactNode }) {
   const wrapperRef = useStore(selector);
 
   if (!wrapperRef) {
@@ -15,5 +15,3 @@ function NodeToolbarPortal({ children }: { children: ReactNode }) {
 
   return createPortal(children, wrapperRef);
 }
-
-export default NodeToolbarPortal;
diff --git a/packages/react/src/additional-components/NodeToolbar/index.tsx b/packages/react/src/additional-components/NodeToolbar/index.tsx
index 3cded08b9..d42a83c5d 100644
--- a/packages/react/src/additional-components/NodeToolbar/index.tsx
+++ b/packages/react/src/additional-components/NodeToolbar/index.tsx
@@ -1,2 +1,2 @@
-export { default as NodeToolbar } from './NodeToolbar';
-export * from './types';
+export { NodeToolbar } from './NodeToolbar';
+export type { NodeToolbarProps } from './types';
diff --git a/packages/react/src/components/A11yDescriptions/index.tsx b/packages/react/src/components/A11yDescriptions/index.tsx
index a92f27ac1..51b4a939d 100644
--- a/packages/react/src/components/A11yDescriptions/index.tsx
+++ b/packages/react/src/components/A11yDescriptions/index.tsx
@@ -32,7 +32,7 @@ function AriaLiveMessage({ rfId }: { rfId: string }) {
   );
 }
 
-function A11yDescriptions({ rfId, disableKeyboardA11y }: { rfId: string; disableKeyboardA11y: boolean }) {
+export function A11yDescriptions({ rfId, disableKeyboardA11y }: { rfId: string; disableKeyboardA11y: boolean }) {
   return (
     <>
       <div id={`${ARIA_NODE_DESC_KEY}-${rfId}`} style={style}>
@@ -47,5 +47,3 @@ function A11yDescriptions({ rfId, disableKeyboardA11y }: { rfId: string; disable
     </>
   );
 }
-
-export default A11yDescriptions;
diff --git a/packages/react/src/components/Attribution/index.tsx b/packages/react/src/components/Attribution/index.tsx
index 8c2aa4843..eb69bd136 100644
--- a/packages/react/src/components/Attribution/index.tsx
+++ b/packages/react/src/components/Attribution/index.tsx
@@ -1,13 +1,13 @@
 import type { PanelPosition, ProOptions } from '@xyflow/system';
 
-import Panel from '../Panel';
+import { Panel } from '../Panel';
 
 type AttributionProps = {
   proOptions?: ProOptions;
   position?: PanelPosition;
 };
 
-function Attribution({ proOptions, position = 'bottom-right' }: AttributionProps) {
+export function Attribution({ proOptions, position = 'bottom-right' }: AttributionProps) {
   if (proOptions?.hideAttribution) {
     return null;
   }
@@ -24,5 +24,3 @@ function Attribution({ proOptions, position = 'bottom-right' }: AttributionProps
     </Panel>
   );
 }
-
-export default Attribution;
diff --git a/packages/react/src/components/ConnectionLine/index.tsx b/packages/react/src/components/ConnectionLine/index.tsx
index 143ec6eff..4fe2ca766 100644
--- a/packages/react/src/components/ConnectionLine/index.tsx
+++ b/packages/react/src/components/ConnectionLine/index.tsx
@@ -142,7 +142,7 @@ const selector = (s: ReactFlowState) => ({
   height: s.height,
 });
 
-function ConnectionLineWrapper({ containerStyle, style, type, component }: ConnectionLineWrapperProps) {
+export function ConnectionLineWrapper({ containerStyle, style, type, component }: ConnectionLineWrapperProps) {
   const { nodeId, handleType, nodesConnectable, width, height, connectionStatus } = useStore(selector, shallow);
   const isValid = !!(nodeId && handleType && width && nodesConnectable);
 
@@ -170,5 +170,3 @@ function ConnectionLineWrapper({ containerStyle, style, type, component }: Conne
     </svg>
   );
 }
-
-export default ConnectionLineWrapper;
diff --git a/packages/react/src/components/EdgeLabelRenderer/index.tsx b/packages/react/src/components/EdgeLabelRenderer/index.tsx
index 85c942913..c66b70ae7 100644
--- a/packages/react/src/components/EdgeLabelRenderer/index.tsx
+++ b/packages/react/src/components/EdgeLabelRenderer/index.tsx
@@ -6,7 +6,7 @@ import type { ReactFlowState } from '../../types';
 
 const selector = (s: ReactFlowState) => s.domNode?.querySelector('.react-flow__edgelabel-renderer');
 
-function EdgeLabelRenderer({ children }: { children: ReactNode }) {
+export function EdgeLabelRenderer({ children }: { children: ReactNode }) {
   const edgeLabelRenderer = useStore(selector);
 
   if (!edgeLabelRenderer) {
@@ -15,5 +15,3 @@ function EdgeLabelRenderer({ children }: { children: ReactNode }) {
 
   return createPortal(children, edgeLabelRenderer);
 }
-
-export default EdgeLabelRenderer;
diff --git a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
index 57c81724e..3e3f3bf73 100644
--- a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
+++ b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
@@ -18,7 +18,7 @@ type EdgeUpdateAnchorsProps = {
   setUpdating: (updating: boolean) => void;
 } & EdgePosition;
 
-function EdgeUpdateAnchors({
+export function EdgeUpdateAnchors({
   isUpdatable,
   edgeUpdaterRadius,
   edge,
@@ -133,5 +133,3 @@ function EdgeUpdateAnchors({
     </>
   );
 }
-
-export default EdgeUpdateAnchors;
diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index 9d96948c6..cb9b9c8b7 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -1,4 +1,4 @@
-import { memo, useState, useMemo, useRef, type KeyboardEvent, useCallback } from 'react';
+import { useState, useMemo, useRef, type KeyboardEvent, useCallback } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
 import {
@@ -11,11 +11,11 @@ import {
 
 import { useStoreApi, useStore } from '../../hooks/useStore';
 import { ARIA_EDGE_DESC_KEY } from '../A11yDescriptions';
-import type { EdgeWrapperProps } from '../../types';
 import { builtinEdgeTypes, nullPosition } from './utils';
-import EdgeUpdateAnchors from './EdgeUpdateAnchors';
+import { EdgeUpdateAnchors } from './EdgeUpdateAnchors';
+import type { EdgeWrapperProps } from '../../types';
 
-function EdgeWrapper({
+export function EdgeWrapper({
   id,
   edgesFocusable,
   edgesUpdatable,
@@ -258,7 +258,3 @@ function EdgeWrapper({
     </svg>
   );
 }
-
-EdgeWrapper.displayName = 'EdgeWrapper';
-
-export default memo(EdgeWrapper);
diff --git a/packages/react/src/components/Edges/BaseEdge.tsx b/packages/react/src/components/Edges/BaseEdge.tsx
index ae14b4725..fab062206 100644
--- a/packages/react/src/components/Edges/BaseEdge.tsx
+++ b/packages/react/src/components/Edges/BaseEdge.tsx
@@ -1,10 +1,10 @@
 import { isNumeric } from '@xyflow/system';
+import cc from 'classcat';
 
+import { EdgeText } from './EdgeText';
 import type { BaseEdgeProps } from '../../types';
-import EdgeText from './EdgeText';
-import classcat from 'classcat';
 
-const BaseEdge = ({
+export function BaseEdge({
   id,
   path,
   labelX,
@@ -20,7 +20,7 @@ const BaseEdge = ({
   markerStart,
   className,
   interactionWidth = 20,
-}: BaseEdgeProps) => {
+}: BaseEdgeProps) {
   return (
     <>
       <path
@@ -28,7 +28,7 @@ const BaseEdge = ({
         style={style}
         d={path}
         fill="none"
-        className={classcat(['react-flow__edge-path', className])}
+        className={cc(['react-flow__edge-path', className])}
         markerEnd={markerEnd}
         markerStart={markerStart}
       />
@@ -55,8 +55,4 @@ const BaseEdge = ({
       ) : null}
     </>
   );
-};
-
-BaseEdge.displayName = 'BaseEdge';
-
-export default BaseEdge;
+}
diff --git a/packages/react/src/components/Edges/BezierEdge.tsx b/packages/react/src/components/Edges/BezierEdge.tsx
index 2a0b54a21..482f1fd82 100644
--- a/packages/react/src/components/Edges/BezierEdge.tsx
+++ b/packages/react/src/components/Edges/BezierEdge.tsx
@@ -1,7 +1,7 @@
 import { memo } from 'react';
 import { Position, getBezierPath } from '@xyflow/system';
 
-import BaseEdge from './BaseEdge';
+import { BaseEdge } from './BaseEdge';
 import type { BezierEdgeProps } from '../../types';
 
 function createBezierEdge(params: { isInternal: boolean }) {
diff --git a/packages/react/src/components/Edges/EdgeAnchor.tsx b/packages/react/src/components/Edges/EdgeAnchor.tsx
index 575023b31..a975eaf5d 100644
--- a/packages/react/src/components/Edges/EdgeAnchor.tsx
+++ b/packages/react/src/components/Edges/EdgeAnchor.tsx
@@ -1,4 +1,4 @@
-import type { FC, MouseEvent as ReactMouseEvent, SVGAttributes } from 'react';
+import type { MouseEvent as ReactMouseEvent, SVGAttributes } from 'react';
 import cc from 'classcat';
 import { Position } from '@xyflow/system';
 
@@ -27,7 +27,7 @@ export interface EdgeAnchorProps extends SVGAttributes<SVGGElement> {
 
 const EdgeUpdaterClassName = 'react-flow__edgeupdater';
 
-export const EdgeAnchor: FC<EdgeAnchorProps> = ({
+export function EdgeAnchor({
   position,
   centerX,
   centerY,
@@ -36,16 +36,18 @@ export const EdgeAnchor: FC<EdgeAnchorProps> = ({
   onMouseEnter,
   onMouseOut,
   type,
-}: EdgeAnchorProps) => (
-  <circle
-    onMouseDown={onMouseDown}
-    onMouseEnter={onMouseEnter}
-    onMouseOut={onMouseOut}
-    className={cc([EdgeUpdaterClassName, `${EdgeUpdaterClassName}-${type}`])}
-    cx={shiftX(centerX, radius, position)}
-    cy={shiftY(centerY, radius, position)}
-    r={radius}
-    stroke="transparent"
-    fill="transparent"
-  />
-);
+}: EdgeAnchorProps) {
+  return (
+    <circle
+      onMouseDown={onMouseDown}
+      onMouseEnter={onMouseEnter}
+      onMouseOut={onMouseOut}
+      className={cc([EdgeUpdaterClassName, `${EdgeUpdaterClassName}-${type}`])}
+      cx={shiftX(centerX, radius, position)}
+      cy={shiftY(centerY, radius, position)}
+      r={radius}
+      stroke="transparent"
+      fill="transparent"
+    />
+  );
+}
diff --git a/packages/react/src/components/Edges/EdgeText.tsx b/packages/react/src/components/Edges/EdgeText.tsx
index 8cc5c388d..2e6718952 100644
--- a/packages/react/src/components/Edges/EdgeText.tsx
+++ b/packages/react/src/components/Edges/EdgeText.tsx
@@ -1,10 +1,10 @@
-import { memo, useState, type FC, type PropsWithChildren, useCallback } from 'react';
+import { memo, useState, useCallback } from 'react';
 import cc from 'classcat';
 import type { Rect } from '@xyflow/system';
 
 import type { EdgeTextProps } from '../../types';
 
-const EdgeText: FC<PropsWithChildren<EdgeTextProps>> = ({
+function EdgeTextComponent({
   x,
   y,
   label,
@@ -16,7 +16,7 @@ const EdgeText: FC<PropsWithChildren<EdgeTextProps>> = ({
   children,
   className,
   ...rest
-}) => {
+}: EdgeTextProps) {
   const [edgeTextBbox, setEdgeTextBbox] = useState<Rect>({ x: 1, y: 0, width: 0, height: 0 });
   const edgeTextClasses = cc(['react-flow__edge-textwrapper', className]);
 
@@ -68,5 +68,6 @@ const EdgeText: FC<PropsWithChildren<EdgeTextProps>> = ({
       {children}
     </g>
   );
-};
-export default memo(EdgeText);
+}
+
+export const EdgeText = memo(EdgeTextComponent);
diff --git a/packages/react/src/components/Edges/SimpleBezierEdge.tsx b/packages/react/src/components/Edges/SimpleBezierEdge.tsx
index 09c7a752e..b3378c487 100644
--- a/packages/react/src/components/Edges/SimpleBezierEdge.tsx
+++ b/packages/react/src/components/Edges/SimpleBezierEdge.tsx
@@ -1,7 +1,7 @@
 import { memo } from 'react';
 import { Position, getBezierEdgeCenter } from '@xyflow/system';
 
-import BaseEdge from './BaseEdge';
+import { BaseEdge } from './BaseEdge';
 import type { SimpleBezierEdgeProps } from '../../types';
 
 export interface GetSimpleBezierPathParams {
diff --git a/packages/react/src/components/Edges/SmoothStepEdge.tsx b/packages/react/src/components/Edges/SmoothStepEdge.tsx
index 8eb10d89b..1f6bcfd13 100644
--- a/packages/react/src/components/Edges/SmoothStepEdge.tsx
+++ b/packages/react/src/components/Edges/SmoothStepEdge.tsx
@@ -1,7 +1,7 @@
 import { memo } from 'react';
 import { Position, getSmoothStepPath } from '@xyflow/system';
 
-import BaseEdge from './BaseEdge';
+import { BaseEdge } from './BaseEdge';
 import type { SmoothStepEdgeProps } from '../../types';
 
 function createSmoothStepEdge(params: { isInternal: boolean }) {
diff --git a/packages/react/src/components/Edges/StraightEdge.tsx b/packages/react/src/components/Edges/StraightEdge.tsx
index 5a3c824d9..53d1ac293 100644
--- a/packages/react/src/components/Edges/StraightEdge.tsx
+++ b/packages/react/src/components/Edges/StraightEdge.tsx
@@ -1,7 +1,7 @@
 import { memo } from 'react';
 import { getStraightPath } from '@xyflow/system';
 
-import BaseEdge from './BaseEdge';
+import { BaseEdge } from './BaseEdge';
 import type { StraightEdgeProps } from '../../types';
 
 function createStraightEdge(params: { isInternal: boolean }) {
diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index a2c0101f3..41bf492cb 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -47,7 +47,7 @@ const connectingSelector =
     };
   };
 
-const Handle = forwardRef<HTMLDivElement, HandleComponentProps>(
+const HandleComponent = forwardRef<HTMLDivElement, HandleComponentProps>(
   (
     {
       type = 'source',
@@ -216,6 +216,6 @@ const Handle = forwardRef<HTMLDivElement, HandleComponentProps>(
   }
 );
 
-Handle.displayName = 'Handle';
+HandleComponent.displayName = 'Handle';
 
-export default memo(Handle);
+export const Handle = memo(HandleComponent);
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 461abf5a1..64b5ac665 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, memo, type MouseEvent, type KeyboardEvent } from 'react';
+import { useEffect, useRef, type MouseEvent, type KeyboardEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
 import {
@@ -19,7 +19,7 @@ import { handleNodeClick } from '../Nodes/utils';
 import { arrowKeyDiffs, builtinNodeTypes } from './utils';
 import type { NodeWrapperProps } from '../../types';
 
-const NodeWrapper = ({
+export function NodeWrapper({
   id,
   onClick,
   onMouseEnter,
@@ -40,7 +40,7 @@ const NodeWrapper = ({
   nodeExtent,
   nodeOrigin,
   onError,
-}: NodeWrapperProps) => {
+}: NodeWrapperProps) {
   const { node, positionAbsoluteX, positionAbsoluteY, zIndex, isParent } = useStore((s) => {
     const node = s.nodeLookup.get(id)!;
 
@@ -257,8 +257,4 @@ const NodeWrapper = ({
       </Provider>
     </div>
   );
-};
-
-NodeWrapper.displayName = 'NodeWrapper';
-
-export default memo(NodeWrapper);
+}
diff --git a/packages/react/src/components/NodeWrapper/utils.tsx b/packages/react/src/components/NodeWrapper/utils.tsx
index 6ae5f994c..5dd739641 100644
--- a/packages/react/src/components/NodeWrapper/utils.tsx
+++ b/packages/react/src/components/NodeWrapper/utils.tsx
@@ -1,10 +1,10 @@
 import type { ComponentType } from 'react';
 import type { NodeProps, XYPosition } from '@xyflow/system';
 
-import InputNode from '../Nodes/InputNode';
-import DefaultNode from '../Nodes/DefaultNode';
-import GroupNode from '../Nodes/GroupNode';
-import OutputNode from '../Nodes/OutputNode';
+import { InputNode } from '../Nodes/InputNode';
+import { DefaultNode } from '../Nodes/DefaultNode';
+import { GroupNode } from '../Nodes/GroupNode';
+import { OutputNode } from '../Nodes/OutputNode';
 import type { NodeTypes } from '../../types';
 
 export const arrowKeyDiffs: Record<string, XYPosition> = {
diff --git a/packages/react/src/components/Nodes/DefaultNode.tsx b/packages/react/src/components/Nodes/DefaultNode.tsx
index 611e61656..132044c55 100644
--- a/packages/react/src/components/Nodes/DefaultNode.tsx
+++ b/packages/react/src/components/Nodes/DefaultNode.tsx
@@ -1,14 +1,13 @@
-import { memo } from 'react';
 import { Position, type NodeProps } from '@xyflow/system';
 
-import Handle from '../../components/Handle';
+import { Handle } from '../../components/Handle';
 
-const DefaultNode = ({
+export function DefaultNode({
   data,
   isConnectable,
   targetPosition = Position.Top,
   sourcePosition = Position.Bottom,
-}: NodeProps) => {
+}: NodeProps) {
   return (
     <>
       <Handle type="target" position={targetPosition} isConnectable={isConnectable} />
@@ -16,8 +15,4 @@ const DefaultNode = ({
       <Handle type="source" position={sourcePosition} isConnectable={isConnectable} />
     </>
   );
-};
-
-DefaultNode.displayName = 'DefaultNode';
-
-export default memo(DefaultNode);
+}
diff --git a/packages/react/src/components/Nodes/GroupNode.tsx b/packages/react/src/components/Nodes/GroupNode.tsx
index cea42e434..a8a1ad147 100644
--- a/packages/react/src/components/Nodes/GroupNode.tsx
+++ b/packages/react/src/components/Nodes/GroupNode.tsx
@@ -1,5 +1,3 @@
-const GroupNode = () => null;
-
-GroupNode.displayName = 'GroupNode';
-
-export default GroupNode;
+export function GroupNode() {
+  return null;
+}
diff --git a/packages/react/src/components/Nodes/InputNode.tsx b/packages/react/src/components/Nodes/InputNode.tsx
index 354da2cef..e4b9da9b3 100644
--- a/packages/react/src/components/Nodes/InputNode.tsx
+++ b/packages/react/src/components/Nodes/InputNode.tsx
@@ -1,15 +1,12 @@
-import { memo } from 'react';
 import { Position, type NodeProps } from '@xyflow/system';
 
-import Handle from '../../components/Handle';
+import { Handle } from '../../components/Handle';
 
-const InputNode = ({ data, isConnectable, sourcePosition = Position.Bottom }: NodeProps) => (
-  <>
-    {data?.label}
-    <Handle type="source" position={sourcePosition} isConnectable={isConnectable} />
-  </>
-);
-
-InputNode.displayName = 'InputNode';
-
-export default memo(InputNode);
+export function InputNode({ data, isConnectable, sourcePosition = Position.Bottom }: NodeProps) {
+  return (
+    <>
+      {data?.label}
+      <Handle type="source" position={sourcePosition} isConnectable={isConnectable} />
+    </>
+  );
+}
diff --git a/packages/react/src/components/Nodes/OutputNode.tsx b/packages/react/src/components/Nodes/OutputNode.tsx
index 8d52ba1ed..64af091c6 100644
--- a/packages/react/src/components/Nodes/OutputNode.tsx
+++ b/packages/react/src/components/Nodes/OutputNode.tsx
@@ -1,15 +1,12 @@
-import { memo } from 'react';
 import { Position, type NodeProps } from '@xyflow/system';
 
-import Handle from '../../components/Handle';
+import { Handle } from '../../components/Handle';
 
-const OutputNode = ({ data, isConnectable, targetPosition = Position.Top }: NodeProps) => (
-  <>
-    <Handle type="target" position={targetPosition} isConnectable={isConnectable} />
-    {data?.label}
-  </>
-);
-
-OutputNode.displayName = 'OutputNode';
-
-export default memo(OutputNode);
+export function OutputNode({ data, isConnectable, targetPosition = Position.Top }: NodeProps) {
+  return (
+    <>
+      <Handle type="target" position={targetPosition} isConnectable={isConnectable} />
+      {data?.label}
+    </>
+  );
+}
diff --git a/packages/react/src/components/Nodes/utils.ts b/packages/react/src/components/Nodes/utils.ts
index 26b1f246f..81939bbcb 100644
--- a/packages/react/src/components/Nodes/utils.ts
+++ b/packages/react/src/components/Nodes/utils.ts
@@ -1,8 +1,8 @@
 import type { RefObject } from 'react';
 import type { StoreApi } from 'zustand';
+import { errorMessages } from '@xyflow/system';
 
 import type { ReactFlowState } from '../../types';
-import { errorMessages } from '@xyflow/system';
 
 // this handler is called by
 // 1. the click handler when node is not draggable or selectNodesOnDrag = false
diff --git a/packages/react/src/components/NodesSelection/index.tsx b/packages/react/src/components/NodesSelection/index.tsx
index c485d65c5..f8aeb77c5 100644
--- a/packages/react/src/components/NodesSelection/index.tsx
+++ b/packages/react/src/components/NodesSelection/index.tsx
@@ -3,7 +3,7 @@
  * made a selection with on or several nodes
  */
 
-import { memo, useRef, useEffect, type MouseEvent, type KeyboardEvent } from 'react';
+import { useRef, useEffect, type MouseEvent, type KeyboardEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
 import { getNodesBounds } from '@xyflow/system';
@@ -32,7 +32,7 @@ const selector = (s: ReactFlowState) => {
   };
 };
 
-function NodesSelection({ onSelectionContextMenu, noPanClassName, disableKeyboardA11y }: NodesSelectionProps) {
+export function NodesSelection({ onSelectionContextMenu, noPanClassName, disableKeyboardA11y }: NodesSelectionProps) {
   const store = useStoreApi();
   const { width, height, transformString, userSelectionActive } = useStore(selector, shallow);
   const updatePositions = useUpdateNodePositions();
@@ -93,5 +93,3 @@ function NodesSelection({ onSelectionContextMenu, noPanClassName, disableKeyboar
     </div>
   );
 }
-
-export default memo(NodesSelection);
diff --git a/packages/react/src/components/Panel/index.tsx b/packages/react/src/components/Panel/index.tsx
index 7bcf6f97b..cde20716b 100644
--- a/packages/react/src/components/Panel/index.tsx
+++ b/packages/react/src/components/Panel/index.tsx
@@ -6,13 +6,13 @@ import { useStore } from '../../hooks/useStore';
 import type { ReactFlowState } from '../../types';
 
 export type PanelProps = HTMLAttributes<HTMLDivElement> & {
-  position: PanelPosition;
+  position?: PanelPosition;
   children: ReactNode;
 };
 
 const selector = (s: ReactFlowState) => (s.userSelectionActive ? 'none' : 'all');
 
-function Panel({ position, children, className, style, ...rest }: PanelProps) {
+export function Panel({ position = 'top-left', children, className, style, ...rest }: PanelProps) {
   const pointerEvents = useStore(selector);
   const positionClasses = `${position}`.split('-');
 
@@ -26,5 +26,3 @@ function Panel({ position, children, className, style, ...rest }: PanelProps) {
     </div>
   );
 }
-
-export default Panel;
diff --git a/packages/react/src/components/ReactFlowProvider/index.tsx b/packages/react/src/components/ReactFlowProvider/index.tsx
index 07f011cab..34999c6f4 100644
--- a/packages/react/src/components/ReactFlowProvider/index.tsx
+++ b/packages/react/src/components/ReactFlowProvider/index.tsx
@@ -6,7 +6,7 @@ import { Provider } from '../../contexts/RFStoreContext';
 import { createRFStore } from '../../store';
 import type { ReactFlowState, Node, Edge } from '../../types';
 
-function ReactFlowProvider({
+export function ReactFlowProvider({
   children,
   initialNodes,
   initialEdges,
@@ -35,7 +35,3 @@ function ReactFlowProvider({
 
   return <Provider value={storeRef.current}>{children}</Provider>;
 }
-
-ReactFlowProvider.displayName = 'ReactFlowProvider';
-
-export default ReactFlowProvider;
diff --git a/packages/react/src/components/SelectionListener/index.tsx b/packages/react/src/components/SelectionListener/index.tsx
index 4ef1e1306..0a3fa5a93 100644
--- a/packages/react/src/components/SelectionListener/index.tsx
+++ b/packages/react/src/components/SelectionListener/index.tsx
@@ -4,7 +4,7 @@
  * or is using the useOnSelectionChange hook.
  * @TODO: Now that we have the onNodesChange and on EdgesChange listeners, do we still need this component?
  */
-import { memo, useEffect } from 'react';
+import { useEffect } from 'react';
 import { shallow } from 'zustand/shallow';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
@@ -30,7 +30,7 @@ function areEqual(a: SelectorSlice, b: SelectorSlice) {
   );
 }
 
-const SelectionListener = memo(({ onSelectionChange }: SelectionListenerProps) => {
+function SelectionListenerInner({ onSelectionChange }: SelectionListenerProps) {
   const store = useStoreApi();
   const { selectedNodes, selectedEdges } = useStore(selector, areEqual);
 
@@ -42,20 +42,16 @@ const SelectionListener = memo(({ onSelectionChange }: SelectionListenerProps) =
   }, [selectedNodes, selectedEdges, onSelectionChange]);
 
   return null;
-});
-
-SelectionListener.displayName = 'SelectionListener';
+}
 
 const changeSelector = (s: ReactFlowState) => !!s.onSelectionChangeHandlers;
 
-function Wrapper({ onSelectionChange }: SelectionListenerProps) {
+export function SelectionListener({ onSelectionChange }: SelectionListenerProps) {
   const storeHasSelectionChangeHandlers = useStore(changeSelector);
 
   if (onSelectionChange || storeHasSelectionChangeHandlers) {
-    return <SelectionListener onSelectionChange={onSelectionChange} />;
+    return <SelectionListenerInner onSelectionChange={onSelectionChange} />;
   }
 
   return null;
 }
-
-export default Wrapper;
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 344c718f2..3a12594c6 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -84,7 +84,7 @@ const selector = (s: ReactFlowState) => ({
   reset: s.reset,
 });
 
-const StoreUpdater = (props: StoreUpdaterProps) => {
+export function StoreUpdater(props: StoreUpdaterProps) {
   const {
     setNodes,
     setEdges,
@@ -149,6 +149,4 @@ const StoreUpdater = (props: StoreUpdaterProps) => {
   );
 
   return null;
-};
-
-export default StoreUpdater;
+}
diff --git a/packages/react/src/components/UserSelection/index.tsx b/packages/react/src/components/UserSelection/index.tsx
index 00bbcd635..45a4e228e 100644
--- a/packages/react/src/components/UserSelection/index.tsx
+++ b/packages/react/src/components/UserSelection/index.tsx
@@ -8,7 +8,7 @@ const selector = (s: ReactFlowState) => ({
   userSelectionRect: s.userSelectionRect,
 });
 
-function UserSelection() {
+export function UserSelection() {
   const { userSelectionActive, userSelectionRect } = useStore(selector, shallow);
   const isActive = userSelectionActive && userSelectionRect;
 
@@ -27,5 +27,3 @@ function UserSelection() {
     />
   );
 }
-
-export default UserSelection;
diff --git a/packages/react/src/components/ViewportPortal/index.tsx b/packages/react/src/components/ViewportPortal/index.tsx
index 4195a6089..c1b9b4063 100644
--- a/packages/react/src/components/ViewportPortal/index.tsx
+++ b/packages/react/src/components/ViewportPortal/index.tsx
@@ -6,7 +6,7 @@ import type { ReactFlowState } from '../../types';
 
 const selector = (s: ReactFlowState) => s.domNode?.querySelector('.react-flow__viewport-portal');
 
-function ViewportPortal({ children }: { children: ReactNode }) {
+export function ViewportPortal({ children }: { children: ReactNode }) {
   const viewPortalDiv = useStore(selector);
 
   if (!viewPortalDiv) {
@@ -15,5 +15,3 @@ function ViewportPortal({ children }: { children: ReactNode }) {
 
   return createPortal(children, viewPortalDiv);
 }
-
-export default ViewportPortal;
diff --git a/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx b/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
index 13ebfd921..6b59d04e4 100644
--- a/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
+++ b/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
@@ -57,5 +57,3 @@ export function useMarkerSymbol(type: MarkerType) {
 
   return symbol;
 }
-
-export default MarkerSymbols;
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index ef78ed807..5fdaa1af4 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -2,10 +2,10 @@ import { memo, ReactNode } from 'react';
 import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../../hooks/useStore';
-import useVisibleEdgeIds from '../../hooks/useVisibleEdgeIds';
+import { useVisibleEdgeIds } from '../../hooks/useVisibleEdgeIds';
 import MarkerDefinitions from './MarkerDefinitions';
 import { GraphViewProps } from '../GraphView';
-import EdgeWrapper from '../../components/EdgeWrapper';
+import { EdgeWrapper } from '../../components/EdgeWrapper';
 import type { ReactFlowState } from '../../types';
 
 type EdgeRendererProps = Pick<
@@ -40,7 +40,7 @@ const selector = (s: ReactFlowState) => ({
   onError: s.onError,
 });
 
-const EdgeRenderer = ({
+function EdgeRendererComponent({
   defaultMarkerColor,
   onlyRenderVisibleElements,
   rfId,
@@ -56,8 +56,7 @@ const EdgeRenderer = ({
   onEdgeDoubleClick,
   onEdgeUpdateStart,
   onEdgeUpdateEnd,
-  children,
-}: EdgeRendererProps) => {
+}: EdgeRendererProps) {
   const { edgesFocusable, edgesUpdatable, elementsSelectable, onError } = useStore(selector, shallow);
   const edgeIds = useVisibleEdgeIds(onlyRenderVisibleElements);
 
@@ -90,11 +89,10 @@ const EdgeRenderer = ({
           />
         );
       })}
-      {children}
     </div>
   );
-};
+}
 
-EdgeRenderer.displayName = 'EdgeRenderer';
+EdgeRendererComponent.displayName = 'EdgeRenderer';
 
-export default memo(EdgeRenderer);
+export const EdgeRenderer = memo(EdgeRendererComponent);
diff --git a/packages/react/src/container/FlowRenderer/index.tsx b/packages/react/src/container/FlowRenderer/index.tsx
index 04604ec99..06d6fab62 100644
--- a/packages/react/src/container/FlowRenderer/index.tsx
+++ b/packages/react/src/container/FlowRenderer/index.tsx
@@ -4,9 +4,9 @@ import { useStore } from '../../hooks/useStore';
 import { useGlobalKeyHandler } from '../../hooks/useGlobalKeyHandler';
 import { useKeyPress } from '../../hooks/useKeyPress';
 import { GraphViewProps } from '../GraphView';
-import ZoomPane from '../ZoomPane';
-import Pane from '../Pane';
-import NodesSelection from '../../components/NodesSelection';
+import { ZoomPane } from '../ZoomPane';
+import { Pane } from '../Pane';
+import { NodesSelection } from '../../components/NodesSelection';
 import type { ReactFlowState } from '../../types';
 
 export type FlowRendererProps = Omit<
@@ -30,7 +30,7 @@ export type FlowRendererProps = Omit<
 
 const selector = (s: ReactFlowState) => s.nodesSelectionActive;
 
-const FlowRenderer = ({
+const FlowRendererComponent = ({
   children,
   onPaneClick,
   onPaneMouseEnter,
@@ -125,6 +125,6 @@ const FlowRenderer = ({
   );
 };
 
-FlowRenderer.displayName = 'FlowRenderer';
+FlowRendererComponent.displayName = 'FlowRenderer';
 
-export default memo(FlowRenderer);
+export const FlowRenderer = memo(FlowRendererComponent);
diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index ae67d6b49..fd7ac277c 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -1,14 +1,14 @@
 import { memo } from 'react';
 
-import FlowRenderer from '../FlowRenderer';
-import NodeRenderer from '../NodeRenderer';
-import EdgeRenderer from '../EdgeRenderer';
-import ViewportWrapper from '../Viewport';
+import { FlowRenderer } from '../FlowRenderer';
+import { NodeRenderer } from '../NodeRenderer';
+import { EdgeRenderer } from '../EdgeRenderer';
+import { Viewport } from '../Viewport';
 import { useOnInitHandler } from '../../hooks/useOnInitHandler';
 import { useViewportSync } from '../../hooks/useViewportSync';
-import ConnectionLine from '../../components/ConnectionLine';
-import type { ReactFlowProps } from '../../types';
+import { ConnectionLineWrapper } from '../../components/ConnectionLine';
 import { useNodeOrEdgeTypesWarning } from './useNodeOrEdgeTypesWarning';
+import type { ReactFlowProps } from '../../types';
 
 export type GraphViewProps = Omit<
   ReactFlowProps,
@@ -38,7 +38,7 @@ export type GraphViewProps = Omit<
     rfId: string;
   };
 
-const GraphView = ({
+function GraphViewComponent({
   nodeTypes,
   edgeTypes,
   onInit,
@@ -102,7 +102,7 @@ const GraphView = ({
   rfId,
   viewport,
   onViewportChange,
-}: GraphViewProps) => {
+}: GraphViewProps) {
   useNodeOrEdgeTypesWarning(nodeTypes);
   useNodeOrEdgeTypesWarning(edgeTypes);
 
@@ -147,7 +147,7 @@ const GraphView = ({
       onViewportChange={onViewportChange}
       isControlledViewport={!!viewport}
     >
-      <ViewportWrapper>
+      <Viewport>
         <EdgeRenderer
           edgeTypes={edgeTypes}
           onEdgeClick={onEdgeClick}
@@ -166,7 +166,7 @@ const GraphView = ({
           disableKeyboardA11y={disableKeyboardA11y}
           rfId={rfId}
         />
-        <ConnectionLine
+        <ConnectionLineWrapper
           style={connectionLineStyle}
           type={connectionLineType}
           component={connectionLineComponent}
@@ -190,11 +190,11 @@ const GraphView = ({
           nodeExtent={nodeExtent}
           rfId={rfId}
         />
-      </ViewportWrapper>
+      </Viewport>
     </FlowRenderer>
   );
-};
+}
 
-GraphView.displayName = 'GraphView';
+GraphViewComponent.displayName = 'GraphView';
 
-export default memo(GraphView);
+export const GraphView = memo(GraphViewComponent);
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index e61b8bc58..11cab66f6 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -1,13 +1,13 @@
 import { memo } from 'react';
 import { shallow } from 'zustand/shallow';
 
-import useVisibleNodesIds from '../../hooks/useVisibleNodeIds';
+import { useVisibleNodeIds } from '../../hooks/useVisibleNodeIds';
 import { useStore } from '../../hooks/useStore';
 import { containerStyle } from '../../styles/utils';
 import { GraphViewProps } from '../GraphView';
+import { useResizeObserver } from './useResizeObserver';
+import { NodeWrapper } from '../../components/NodeWrapper';
 import type { ReactFlowState } from '../../types';
-import useResizeObserver from './useResizeObserver';
-import NodeWrapper from '../../components/NodeWrapper';
 
 export type NodeRendererProps = Pick<
   GraphViewProps,
@@ -35,9 +35,9 @@ const selector = (s: ReactFlowState) => ({
   onError: s.onError,
 });
 
-const NodeRenderer = (props: NodeRendererProps) => {
+const NodeRendererComponent = (props: NodeRendererProps) => {
   const { nodesDraggable, nodesConnectable, nodesFocusable, elementsSelectable, onError } = useStore(selector, shallow);
-  const nodeIds = useVisibleNodesIds(props.onlyRenderVisibleElements);
+  const nodeIds = useVisibleNodeIds(props.onlyRenderVisibleElements);
   const resizeObserver = useResizeObserver();
 
   return (
@@ -96,6 +96,6 @@ const NodeRenderer = (props: NodeRendererProps) => {
   );
 };
 
-NodeRenderer.displayName = 'NodeRenderer';
+NodeRendererComponent.displayName = 'NodeRenderer';
 
-export default memo(NodeRenderer);
+export const NodeRenderer = memo(NodeRendererComponent);
diff --git a/packages/react/src/container/NodeRenderer/useResizeObserver.ts b/packages/react/src/container/NodeRenderer/useResizeObserver.ts
index d109d7984..f0d0a22e5 100644
--- a/packages/react/src/container/NodeRenderer/useResizeObserver.ts
+++ b/packages/react/src/container/NodeRenderer/useResizeObserver.ts
@@ -5,7 +5,7 @@ import { useStore } from '../../hooks/useStore';
 
 const selector = (s: ReactFlowState) => s.updateNodeDimensions;
 
-export default function useResizeObserver() {
+export function useResizeObserver() {
   const updateNodeDimensions = useStore(selector);
   const resizeObserverRef = useRef<ResizeObserver>();
 
diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index 6acd7770f..af1ca28e5 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -2,12 +2,12 @@
  * The user selection rectangle gets displayed when a user drags the mouse while pressing shift
  */
 
-import { memo, useRef, type MouseEvent as ReactMouseEvent, type ReactNode } from 'react';
+import { useRef, type MouseEvent as ReactMouseEvent, type ReactNode } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
 import { getNodesInside, getEventPosition, SelectionMode } from '@xyflow/system';
 
-import UserSelection from '../../components/UserSelection';
+import { UserSelection } from '../../components/UserSelection';
 import { containerStyle } from '../../styles/utils';
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { getSelectionChanges } from '../../utils';
@@ -50,196 +50,190 @@ const selector = (s: ReactFlowState) => ({
   dragging: s.paneDragging,
 });
 
-const Pane = memo(
-  ({
-    isSelecting,
-    selectionMode = SelectionMode.Full,
-    panOnDrag,
-    onSelectionStart,
-    onSelectionEnd,
-    onPaneClick,
-    onPaneContextMenu,
-    onPaneScroll,
-    onPaneMouseEnter,
-    onPaneMouseMove,
-    onPaneMouseLeave,
-    children,
-  }: PaneProps) => {
-    const container = useRef<HTMLDivElement | null>(null);
-    const store = useStoreApi();
-    const prevSelectedNodesCount = useRef<number>(0);
-    const prevSelectedEdgesCount = useRef<number>(0);
-    const containerBounds = useRef<DOMRect>();
-    const { userSelectionActive, elementsSelectable, dragging } = useStore(selector, shallow);
-
-    const resetUserSelection = () => {
-      store.setState({ userSelectionActive: false, userSelectionRect: null });
-
-      prevSelectedNodesCount.current = 0;
-      prevSelectedEdgesCount.current = 0;
-    };
+export function Pane({
+  isSelecting,
+  selectionMode = SelectionMode.Full,
+  panOnDrag,
+  onSelectionStart,
+  onSelectionEnd,
+  onPaneClick,
+  onPaneContextMenu,
+  onPaneScroll,
+  onPaneMouseEnter,
+  onPaneMouseMove,
+  onPaneMouseLeave,
+  children,
+}: PaneProps) {
+  const container = useRef<HTMLDivElement | null>(null);
+  const store = useStoreApi();
+  const prevSelectedNodesCount = useRef<number>(0);
+  const prevSelectedEdgesCount = useRef<number>(0);
+  const containerBounds = useRef<DOMRect>();
+  const { userSelectionActive, elementsSelectable, dragging } = useStore(selector, shallow);
+
+  const resetUserSelection = () => {
+    store.setState({ userSelectionActive: false, userSelectionRect: null });
+
+    prevSelectedNodesCount.current = 0;
+    prevSelectedEdgesCount.current = 0;
+  };
 
-    const onClick = (event: ReactMouseEvent) => {
-      onPaneClick?.(event);
-      store.getState().resetSelectedElements();
-      store.setState({ nodesSelectionActive: false });
-    };
+  const onClick = (event: ReactMouseEvent) => {
+    onPaneClick?.(event);
+    store.getState().resetSelectedElements();
+    store.setState({ nodesSelectionActive: false });
+  };
 
-    const onContextMenu = (event: ReactMouseEvent) => {
-      if (Array.isArray(panOnDrag) && panOnDrag?.includes(2)) {
-        event.preventDefault();
-        return;
-      }
+  const onContextMenu = (event: ReactMouseEvent) => {
+    if (Array.isArray(panOnDrag) && panOnDrag?.includes(2)) {
+      event.preventDefault();
+      return;
+    }
 
-      onPaneContextMenu?.(event);
-    };
+    onPaneContextMenu?.(event);
+  };
 
-    const onWheel = onPaneScroll ? (event: React.WheelEvent) => onPaneScroll(event) : undefined;
+  const onWheel = onPaneScroll ? (event: React.WheelEvent) => onPaneScroll(event) : undefined;
 
-    const onMouseDown = (event: ReactMouseEvent): void => {
-      const { resetSelectedElements, domNode } = store.getState();
-      containerBounds.current = domNode?.getBoundingClientRect();
+  const onMouseDown = (event: ReactMouseEvent): void => {
+    const { resetSelectedElements, domNode } = store.getState();
+    containerBounds.current = domNode?.getBoundingClientRect();
 
-      if (
-        !elementsSelectable ||
-        !isSelecting ||
-        event.button !== 0 ||
-        event.target !== container.current ||
-        !containerBounds.current
-      ) {
-        return;
-      }
+    if (
+      !elementsSelectable ||
+      !isSelecting ||
+      event.button !== 0 ||
+      event.target !== container.current ||
+      !containerBounds.current
+    ) {
+      return;
+    }
 
-      const { x, y } = getEventPosition(event.nativeEvent, containerBounds.current);
+    const { x, y } = getEventPosition(event.nativeEvent, containerBounds.current);
 
-      resetSelectedElements();
+    resetSelectedElements();
 
-      store.setState({
-        userSelectionRect: {
-          width: 0,
-          height: 0,
-          startX: x,
-          startY: y,
-          x,
-          y,
-        },
-      });
+    store.setState({
+      userSelectionRect: {
+        width: 0,
+        height: 0,
+        startX: x,
+        startY: y,
+        x,
+        y,
+      },
+    });
 
-      onSelectionStart?.(event);
+    onSelectionStart?.(event);
+  };
+
+  const onMouseMove = (event: ReactMouseEvent): void => {
+    const { userSelectionRect, edges, transform, nodeOrigin, nodes, onNodesChange, onEdgesChange } = store.getState();
+    if (!isSelecting || !containerBounds.current || !userSelectionRect) {
+      return;
+    }
+
+    store.setState({ userSelectionActive: true, nodesSelectionActive: false });
+
+    const mousePos = getEventPosition(event.nativeEvent, containerBounds.current);
+    const startX = userSelectionRect.startX ?? 0;
+    const startY = userSelectionRect.startY ?? 0;
+
+    const nextUserSelectRect = {
+      ...userSelectionRect,
+      x: mousePos.x < startX ? mousePos.x : startX,
+      y: mousePos.y < startY ? mousePos.y : startY,
+      width: Math.abs(mousePos.x - startX),
+      height: Math.abs(mousePos.y - startY),
     };
 
-    const onMouseMove = (event: ReactMouseEvent): void => {
-      const { userSelectionRect, edges, transform, nodeOrigin, nodes, onNodesChange, onEdgesChange } = store.getState();
-      if (!isSelecting || !containerBounds.current || !userSelectionRect) {
-        return;
-      }
+    const selectedNodes = getNodesInside(
+      nodes,
+      nextUserSelectRect,
+      transform,
+      selectionMode === SelectionMode.Partial,
+      true,
+      nodeOrigin
+    );
 
-      store.setState({ userSelectionActive: true, nodesSelectionActive: false });
-
-      const mousePos = getEventPosition(event.nativeEvent, containerBounds.current);
-      const startX = userSelectionRect.startX ?? 0;
-      const startY = userSelectionRect.startY ?? 0;
-
-      const nextUserSelectRect = {
-        ...userSelectionRect,
-        x: mousePos.x < startX ? mousePos.x : startX,
-        y: mousePos.y < startY ? mousePos.y : startY,
-        width: Math.abs(mousePos.x - startX),
-        height: Math.abs(mousePos.y - startY),
-      };
-
-      const selectedNodes = getNodesInside(
-        nodes,
-        nextUserSelectRect,
-        transform,
-        selectionMode === SelectionMode.Partial,
-        true,
-        nodeOrigin
-      );
-
-      const selectedEdgeIds = new Set<string>();
-      const selectedNodeIds = new Set<string>();
-
-      for (const selectedNode of selectedNodes) {
-        selectedNodeIds.add(selectedNode.id);
-
-        for (const edge of edges) {
-          if (edge.source === selectedNode.id || edge.target === selectedNode.id) {
-            selectedEdgeIds.add(edge.id);
-          }
-        }
-      }
+    const selectedEdgeIds = new Set<string>();
+    const selectedNodeIds = new Set<string>();
 
-      if (prevSelectedNodesCount.current !== selectedNodeIds.size) {
-        prevSelectedNodesCount.current = selectedNodeIds.size;
-        const changes = getSelectionChanges(nodes, selectedNodeIds, true) as NodeChange[];
-        if (changes.length) {
-          onNodesChange?.(changes);
-        }
-      }
+    for (const selectedNode of selectedNodes) {
+      selectedNodeIds.add(selectedNode.id);
 
-      if (prevSelectedEdgesCount.current !== selectedEdgeIds.size) {
-        prevSelectedEdgesCount.current = selectedEdgeIds.size;
-        const changes = getSelectionChanges(edges, selectedEdgeIds) as EdgeChange[];
-        if (changes.length) {
-          onEdgesChange?.(changes);
+      for (const edge of edges) {
+        if (edge.source === selectedNode.id || edge.target === selectedNode.id) {
+          selectedEdgeIds.add(edge.id);
         }
       }
+    }
 
-      store.setState({
-        userSelectionRect: nextUserSelectRect,
-      });
-    };
-
-    const onMouseUp = (event: ReactMouseEvent) => {
-      if (event.button !== 0) {
-        return;
+    if (prevSelectedNodesCount.current !== selectedNodeIds.size) {
+      prevSelectedNodesCount.current = selectedNodeIds.size;
+      const changes = getSelectionChanges(nodes, selectedNodeIds, true) as NodeChange[];
+      if (changes.length) {
+        onNodesChange?.(changes);
       }
-      const { userSelectionRect } = store.getState();
-      // We only want to trigger click functions when in selection mode if
-      // the user did not move the mouse.
-      if (!userSelectionActive && userSelectionRect && event.target === container.current) {
-        onClick?.(event);
+    }
+
+    if (prevSelectedEdgesCount.current !== selectedEdgeIds.size) {
+      prevSelectedEdgesCount.current = selectedEdgeIds.size;
+      const changes = getSelectionChanges(edges, selectedEdgeIds) as EdgeChange[];
+      if (changes.length) {
+        onEdgesChange?.(changes);
       }
+    }
 
-      store.setState({ nodesSelectionActive: prevSelectedNodesCount.current > 0 });
+    store.setState({
+      userSelectionRect: nextUserSelectRect,
+    });
+  };
 
-      resetUserSelection();
-      onSelectionEnd?.(event);
-    };
+  const onMouseUp = (event: ReactMouseEvent) => {
+    if (event.button !== 0) {
+      return;
+    }
+    const { userSelectionRect } = store.getState();
+    // We only want to trigger click functions when in selection mode if
+    // the user did not move the mouse.
+    if (!userSelectionActive && userSelectionRect && event.target === container.current) {
+      onClick?.(event);
+    }
 
-    const onMouseLeave = (event: ReactMouseEvent) => {
-      if (userSelectionActive) {
-        store.setState({ nodesSelectionActive: prevSelectedNodesCount.current > 0 });
-        onSelectionEnd?.(event);
-      }
+    store.setState({ nodesSelectionActive: prevSelectedNodesCount.current > 0 });
 
-      resetUserSelection();
-    };
+    resetUserSelection();
+    onSelectionEnd?.(event);
+  };
 
-    const hasActiveSelection = elementsSelectable && (isSelecting || userSelectionActive);
-
-    return (
-      <div
-        className={cc(['react-flow__pane', { dragging, selection: isSelecting }])}
-        onClick={hasActiveSelection ? undefined : wrapHandler(onClick, container)}
-        onContextMenu={wrapHandler(onContextMenu, container)}
-        onWheel={wrapHandler(onWheel, container)}
-        onMouseEnter={hasActiveSelection ? undefined : onPaneMouseEnter}
-        onMouseDown={hasActiveSelection ? onMouseDown : undefined}
-        onMouseMove={hasActiveSelection ? onMouseMove : onPaneMouseMove}
-        onMouseUp={hasActiveSelection ? onMouseUp : undefined}
-        onMouseLeave={hasActiveSelection ? onMouseLeave : onPaneMouseLeave}
-        ref={container}
-        style={containerStyle}
-      >
-        {children}
-        <UserSelection />
-      </div>
-    );
-  }
-);
+  const onMouseLeave = (event: ReactMouseEvent) => {
+    if (userSelectionActive) {
+      store.setState({ nodesSelectionActive: prevSelectedNodesCount.current > 0 });
+      onSelectionEnd?.(event);
+    }
 
-Pane.displayName = 'Pane';
+    resetUserSelection();
+  };
 
-export default Pane;
+  const hasActiveSelection = elementsSelectable && (isSelecting || userSelectionActive);
+
+  return (
+    <div
+      className={cc(['react-flow__pane', { dragging, selection: isSelecting }])}
+      onClick={hasActiveSelection ? undefined : wrapHandler(onClick, container)}
+      onContextMenu={wrapHandler(onContextMenu, container)}
+      onWheel={wrapHandler(onWheel, container)}
+      onMouseEnter={hasActiveSelection ? undefined : onPaneMouseEnter}
+      onMouseDown={hasActiveSelection ? onMouseDown : undefined}
+      onMouseMove={hasActiveSelection ? onMouseMove : onPaneMouseMove}
+      onMouseUp={hasActiveSelection ? onMouseUp : undefined}
+      onMouseLeave={hasActiveSelection ? onMouseLeave : onPaneMouseLeave}
+      ref={container}
+      style={containerStyle}
+    >
+      {children}
+      <UserSelection />
+    </div>
+  );
+}
diff --git a/packages/react/src/container/ReactFlow/Wrapper.tsx b/packages/react/src/container/ReactFlow/Wrapper.tsx
index d658c5a3c..4d3cb7b78 100644
--- a/packages/react/src/container/ReactFlow/Wrapper.tsx
+++ b/packages/react/src/container/ReactFlow/Wrapper.tsx
@@ -1,10 +1,10 @@
 import { useContext, type ReactNode } from 'react';
 
 import StoreContext from '../../contexts/RFStoreContext';
-import ReactFlowProvider from '../../components/ReactFlowProvider';
+import { ReactFlowProvider } from '../../components/ReactFlowProvider';
 import type { Node, Edge } from '../../types';
 
-function Wrapper({
+export function Wrapper({
   children,
   nodes,
   edges,
@@ -39,7 +39,3 @@ function Wrapper({
     </ReactFlowProvider>
   );
 }
-
-Wrapper.displayName = 'ReactFlowWrapper';
-
-export default Wrapper;
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 5f1f26283..d64af5ecd 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -5,19 +5,18 @@ import {
   PanOnScrollMode,
   SelectionMode,
   infiniteExtent,
+  isMacOs,
   type NodeOrigin,
   type Viewport,
-  isMacOs,
 } from '@xyflow/system';
 
-import Attribution from '../../components/Attribution';
-
-import SelectionListener from '../../components/SelectionListener';
-import StoreUpdater from '../../components/StoreUpdater';
-import A11yDescriptions from '../../components/A11yDescriptions';
+import { A11yDescriptions } from '../../components/A11yDescriptions';
+import { Attribution } from '../../components/Attribution';
+import { SelectionListener } from '../../components/SelectionListener';
+import { StoreUpdater } from '../../components/StoreUpdater';
 import { useColorModeClass } from '../../hooks/useColorModeClass';
-import GraphView from '../GraphView';
-import Wrapper from './Wrapper';
+import { GraphView } from '../GraphView';
+import { Wrapper } from './Wrapper';
 import type { ReactFlowProps, ReactFlowRefType } from '../../types';
 
 export const initNodeOrigin: NodeOrigin = [0, 0];
diff --git a/packages/react/src/container/Viewport/index.tsx b/packages/react/src/container/Viewport/index.tsx
index b0de6954d..bf12b9079 100644
--- a/packages/react/src/container/Viewport/index.tsx
+++ b/packages/react/src/container/Viewport/index.tsx
@@ -9,7 +9,7 @@ type ViewportProps = {
   children: ReactNode;
 };
 
-export default function Viewport({ children }: ViewportProps) {
+export function Viewport({ children }: ViewportProps) {
   const transform = useStore(selector);
 
   return (
diff --git a/packages/react/src/container/ZoomPane/index.tsx b/packages/react/src/container/ZoomPane/index.tsx
index f79e5c29f..f6e7a79c8 100644
--- a/packages/react/src/container/ZoomPane/index.tsx
+++ b/packages/react/src/container/ZoomPane/index.tsx
@@ -27,7 +27,7 @@ const selector = (s: ReactFlowState) => ({
   lib: s.lib,
 });
 
-const ZoomPane = ({
+export function ZoomPane({
   onPaneContextMenu,
   zoomOnScroll = true,
   zoomOnPinch = true,
@@ -47,7 +47,7 @@ const ZoomPane = ({
   noPanClassName,
   onViewportChange,
   isControlledViewport,
-}: ZoomPaneProps) => {
+}: ZoomPaneProps) {
   const store = useStoreApi();
   const zoomPane = useRef<HTMLDivElement>(null);
   const { userSelectionActive, lib } = useStore(selector, shallow);
@@ -142,6 +142,4 @@ const ZoomPane = ({
       {children}
     </div>
   );
-};
-
-export default ZoomPane;
+}
diff --git a/packages/react/src/hooks/useVisibleEdgeIds.ts b/packages/react/src/hooks/useVisibleEdgeIds.ts
index ceb40f31c..4505de9c8 100644
--- a/packages/react/src/hooks/useVisibleEdgeIds.ts
+++ b/packages/react/src/hooks/useVisibleEdgeIds.ts
@@ -12,7 +12,7 @@ import { type ReactFlowState } from '../types';
  * @param onlyRenderVisible
  * @returns array with visible edge ids
  */
-function useVisibleEdgeIds(onlyRenderVisible: boolean): string[] {
+export function useVisibleEdgeIds(onlyRenderVisible: boolean): string[] {
   const edgeIds = useStore(
     useCallback(
       (s: ReactFlowState) => {
@@ -52,5 +52,3 @@ function useVisibleEdgeIds(onlyRenderVisible: boolean): string[] {
 
   return edgeIds;
 }
-
-export default useVisibleEdgeIds;
diff --git a/packages/react/src/hooks/useVisibleNodeIds.ts b/packages/react/src/hooks/useVisibleNodeIds.ts
index 803fde6d8..309391dc5 100644
--- a/packages/react/src/hooks/useVisibleNodeIds.ts
+++ b/packages/react/src/hooks/useVisibleNodeIds.ts
@@ -20,10 +20,8 @@ const selector = (onlyRenderVisible: boolean) => (s: ReactFlowState) => {
  * @param onlyRenderVisible
  * @returns array with visible node ids
  */
-function useVisibleNodeIds(onlyRenderVisible: boolean) {
+export function useVisibleNodeIds(onlyRenderVisible: boolean) {
   const nodeIds = useStore(useCallback(selector(onlyRenderVisible), [onlyRenderVisible]), shallow);
 
   return nodeIds;
 }
-
-export default useVisibleNodeIds;
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 3d4194700..c0f28fa92 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -1,16 +1,16 @@
 export { default as ReactFlow } from './container/ReactFlow';
-export { default as Handle, type HandleComponentProps } from './components/Handle';
-export { default as EdgeText } from './components/Edges/EdgeText';
+export { Handle, type HandleComponentProps } from './components/Handle';
+export { EdgeText } from './components/Edges/EdgeText';
 export { StraightEdge } from './components/Edges/StraightEdge';
 export { StepEdge } from './components/Edges/StepEdge';
 export { BezierEdge } from './components/Edges/BezierEdge';
 export { SimpleBezierEdge, getSimpleBezierPath } from './components/Edges/SimpleBezierEdge';
 export { SmoothStepEdge } from './components/Edges/SmoothStepEdge';
-export { default as BaseEdge } from './components/Edges/BaseEdge';
-export { default as ReactFlowProvider } from './components/ReactFlowProvider';
-export { default as Panel, type PanelProps } from './components/Panel';
-export { default as EdgeLabelRenderer } from './components/EdgeLabelRenderer';
-export { default as ViewportPortal } from './components/ViewportPortal';
+export { BaseEdge } from './components/Edges/BaseEdge';
+export { ReactFlowProvider } from './components/ReactFlowProvider';
+export { Panel, type PanelProps } from './components/Panel';
+export { EdgeLabelRenderer } from './components/EdgeLabelRenderer';
+export { ViewportPortal } from './components/ViewportPortal';
 
 export { useReactFlow } from './hooks/useReactFlow';
 export { useUpdateNodeInternals } from './hooks/useUpdateNodeInternals';

From c8a5c25b1476acc925147869704497d7b31bb990 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 8 Jan 2024 13:31:59 +0100
Subject: [PATCH 0464/1093] chore(react): bump

---
 packages/react/CHANGELOG.md                      | 6 +++---
 packages/react/package.json                      | 2 +-
 packages/react/src/components/Edges/EdgeText.tsx | 2 ++
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index cb1deb415..ebb84a568 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -5,7 +5,7 @@
 ### Minor changes
 
 - fix applyChanges: handle empty flows + addNodes/addEdges closes
-- cleanup hook exports
+- cleanup exports
 
 ## 12.0.0-next.3
 
@@ -41,7 +41,7 @@ Svelte Flow had a big impact on this release as well. While combing through each
 Before you can try out the new features, you need to do some minor updates:
 
 - **A new npm package name:** Our name changed from `reactflow` to `@xyflow/react` and the main component is no longer a default, but a named import:
-  - v11: `import { ReactFlow } from '@xyflow/react';`
+  - v11: `import ReactFlow from 'reactflow';`
   - v12: `import { ReactFlow } from '@xyflow/react';`
 - **Node attribute “computed”:** All computed node values are now stored in `node.computed`
   - v11: `node.width`, `node.height` ,`node.positionAbsolute`
@@ -72,7 +72,7 @@ Before you can try out the new features, you need to do some minor updates:
   - affected functions: `useNodes`, `useNodesState`, `useEdgesState`, `applyNodeChange`, `onInit`, `applyEdgeChanges` , `MiniMapProps`
 - **Removal of deprecated functions:**
   - `getTransformForBounds` (new name: `getViewportForBounds`),
-  - `getRectOfNodes` \*\*\*\*(new name: `getNodesBounds`)
+  - `getRectOfNodes` (new name: `getNodesBounds`)
   - `project` (new name: `screenToFlowPosition`)
   - `getMarkerEndId`
 
diff --git a/packages/react/package.json b/packages/react/package.json
index 9bd903507..b68f6e635 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.3",
+  "version": "12.0.0-next.4",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/react/src/components/Edges/EdgeText.tsx b/packages/react/src/components/Edges/EdgeText.tsx
index 2e6718952..d6c68caa8 100644
--- a/packages/react/src/components/Edges/EdgeText.tsx
+++ b/packages/react/src/components/Edges/EdgeText.tsx
@@ -70,4 +70,6 @@ function EdgeTextComponent({
   );
 }
 
+EdgeTextComponent.displayName = 'EdgeText';
+
 export const EdgeText = memo(EdgeTextComponent);

From 5fa95c2413b9cd8898a3270ee76908f248d6dda5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 8 Jan 2024 15:02:09 +0100
Subject: [PATCH 0465/1093] chore(react): add multi-setnodes example

---
 .../src/examples/MultiSetNodes/index.tsx      | 87 +++++++++++++++++++
 1 file changed, 87 insertions(+)
 create mode 100644 examples/react/src/examples/MultiSetNodes/index.tsx

diff --git a/examples/react/src/examples/MultiSetNodes/index.tsx b/examples/react/src/examples/MultiSetNodes/index.tsx
new file mode 100644
index 000000000..f05c2b50d
--- /dev/null
+++ b/examples/react/src/examples/MultiSetNodes/index.tsx
@@ -0,0 +1,87 @@
+import { useCallback } from 'react';
+import {
+  ReactFlow,
+  Controls,
+  addEdge,
+  Connection,
+  useNodesState,
+  useEdgesState,
+  Background,
+  Node,
+  Edge,
+  Panel,
+  useReactFlow,
+  ReactFlowProvider,
+} from '@xyflow/react';
+
+const initNodes: Node[] = [
+  {
+    id: '1',
+    data: {
+      label: 'hallo',
+    },
+    position: { x: 0, y: 0 },
+  },
+  {
+    id: '2',
+    data: {
+      label: 'world',
+    },
+    position: { x: 200, y: 0 },
+  },
+];
+
+const initEdges: Edge[] = [];
+
+const CustomNodeFlow = () => {
+  const { setNodes } = useReactFlow();
+  const [nodes, , onNodesChange] = useNodesState(initNodes);
+  const [edges, setEdges, onEdgesChange] = useEdgesState(initEdges);
+
+  const onConnect = useCallback((connection: Connection) => setEdges((eds) => addEdge(connection, eds)), [setEdges]);
+
+  const updateNodes = () => {
+    setNodes((nds) =>
+      nds.map((n) => {
+        if (n.id === '1') {
+          return { ...n, data: { label: 'updated' } };
+        }
+
+        return n;
+      })
+    );
+
+    setNodes((nds) =>
+      nds.map((n) => {
+        if (n.id === '2') {
+          return { ...n, data: { label: 'updated' } };
+        }
+
+        return n;
+      })
+    );
+  };
+
+  return (
+    <ReactFlow
+      nodes={nodes}
+      edges={edges}
+      onNodesChange={onNodesChange}
+      onEdgesChange={onEdgesChange}
+      onConnect={onConnect}
+      fitView
+    >
+      <Controls />
+      <Background />
+      <Panel>
+        <button onClick={updateNodes}>update nodes</button>
+      </Panel>
+    </ReactFlow>
+  );
+};
+
+export default () => (
+  <ReactFlowProvider>
+    <CustomNodeFlow />
+  </ReactFlowProvider>
+);

From 2870c2f367a25f954e466b7d6d9072d074ee6cac Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 8 Jan 2024 15:28:04 +0100
Subject: [PATCH 0466/1093] fix(react): applyChanges broken for multi changes
 for one node

---
 packages/react/CHANGELOG.md         | 6 ++++++
 packages/react/src/utils/changes.ts | 3 ++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index ebb84a568..dc2b1210c 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/react
 
+## 12.0.0-next.5
+
+### Minor changes
+
+- fix applyChanges: handle multi changes for one node
+
 ## 12.0.0-next.4
 
 ### Minor changes
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index be9460d01..372c9aa93 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -141,8 +141,9 @@ function applyChanges(changes: any[], elements: any[]): any[] {
           }
         }
       }
-      updatedElements.push(updateItem);
     }
+
+    updatedElements.push(updateItem);
   }
 
   return updatedElements;

From 4a1d5be83155a5f9c86985c4aeed6f28483ee245 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 8 Jan 2024 15:37:34 +0100
Subject: [PATCH 0467/1093] extract all logic to system

---
 packages/react/package.json                   |   4 -
 .../NodeResizer/ResizeControl.tsx             | 189 +++++-----------
 .../NodeResizer/types.ts                      |  15 +-
 packages/svelte/package.json                  |   6 +-
 .../plugins/NodeResizer/ResizeControl.svelte  | 206 ++++++------------
 packages/system/src/xyresizer/XYResizer.ts    | 199 +++++++++++++++++
 packages/system/src/xyresizer/index.ts        |   2 +-
 packages/system/src/xyresizer/types.ts        |  10 +-
 pnpm-lock.yaml                                | 147 +++++++++----
 9 files changed, 451 insertions(+), 327 deletions(-)
 create mode 100644 packages/system/src/xyresizer/XYResizer.ts

diff --git a/packages/react/package.json b/packages/react/package.json
index fbc80b3ba..43f024669 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -49,12 +49,8 @@
   },
   "dependencies": {
     "@types/d3": "^7.4.0",
-    "@types/d3-drag": "^3.0.1",
-    "@types/d3-selection": "^3.0.3",
     "@xyflow/system": "workspace:*",
     "classcat": "^5.0.3",
-    "d3-drag": "^3.0.0",
-    "d3-selection": "^3.0.0",
     "zustand": "^4.4.0"
   },
   "peerDependencies": {
diff --git a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
index 14520c236..f62db5dc3 100644
--- a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
@@ -1,28 +1,11 @@
 import { useRef, useEffect, memo } from 'react';
 import cc from 'classcat';
-import { drag } from 'd3-drag';
-import { select } from 'd3-selection';
-import {
-  getPointerPosition,
-  getControlDirection,
-  getDimensionsAfterResize,
-  getPositionAfterResize,
-} from '@xyflow/system';
-
+import { XYResizerInstance, XYResizer, XYResizeChange } from '@xyflow/system';
+import { ResizeControlVariant } from '@xyflow/system';
 import { useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
 import type { NodeChange, NodeDimensionChange, NodePositionChange } from '../../types';
-import { type ResizeDragEvent, type ResizeControlProps, type ResizeControlLineProps } from './types';
-import { getResizeDirection, ResizeControlVariant } from '@xyflow/system';
-
-const initPrevValues = { width: 0, height: 0, x: 0, y: 0 };
-
-const initStartValues = {
-  ...initPrevValues,
-  pointerX: 0,
-  pointerY: 0,
-  aspectRatio: 1,
-};
+import { type ResizeControlProps, type ResizeControlLineProps } from './types';
 
 function ResizeControl({
   nodeId,
@@ -46,146 +29,93 @@ function ResizeControl({
   const id = typeof nodeId === 'string' ? nodeId : contextNodeId;
   const store = useStoreApi();
   const resizeControlRef = useRef<HTMLDivElement>(null);
-  const startValues = useRef<typeof initStartValues>(initStartValues);
-  const prevValues = useRef<typeof initPrevValues>(initPrevValues);
   const defaultPosition = variant === ResizeControlVariant.Line ? 'right' : 'bottom-right';
   const controlPosition = position ?? defaultPosition;
 
+  const resizer = useRef<XYResizerInstance | null>(null);
+
   useEffect(() => {
     if (!resizeControlRef.current || !id) {
       return;
     }
 
-    const selection = select(resizeControlRef.current);
-
-    const controlDirection = getControlDirection(controlPosition);
-
-    const dragHandler = drag<HTMLDivElement, unknown>()
-      .on('start', (event: ResizeDragEvent) => {
-        const { nodeLookup, transform, snapGrid, snapToGrid } = store.getState();
-        const node = nodeLookup.get(id);
-        const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
-
-        prevValues.current = {
-          width: node?.computed?.width ?? 0,
-          height: node?.computed?.height ?? 0,
-          x: node?.position.x ?? 0,
-          y: node?.position.y ?? 0,
-        };
+    if (!resizer.current) {
+      resizer.current = XYResizer({
+        domNode: resizeControlRef.current,
+        nodeId: id,
+        getStoreItems: () => {
+          const { nodeLookup, transform, snapGrid, snapToGrid } = store.getState();
+          return {
+            nodeLookup,
+            transform,
+            snapGrid,
+            snapToGrid,
+          };
+        },
+        onChange: (change: XYResizeChange) => {
+          const { triggerNodeChanges } = store.getState();
 
-        startValues.current = {
-          ...prevValues.current,
-          pointerX: xSnapped,
-          pointerY: ySnapped,
-          aspectRatio: prevValues.current.width / prevValues.current.height,
-        };
-
-        onResizeStart?.(event, { ...prevValues.current });
-      })
-      .on('drag', (event: ResizeDragEvent) => {
-        const { nodeLookup, transform, snapGrid, snapToGrid, triggerNodeChanges } = store.getState();
-        const pointerPosition = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
-        const node = nodeLookup.get(id);
-
-        if (node) {
           const changes: NodeChange[] = [];
 
-          const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues.current;
-
-          const { width, height } = getDimensionsAfterResize(
-            startValues.current,
-            controlDirection,
-            pointerPosition,
-            { minWidth, minHeight, maxWidth, maxHeight },
-            keepAspectRatio
-          );
-
-          const isWidthChange = width !== prevWidth;
-          const isHeightChange = height !== prevHeight;
-
-          if (controlDirection.affectsX || controlDirection.affectsY) {
-            const { x, y } = getPositionAfterResize(startValues.current, controlDirection, width, height);
-
-            // only transform the node if the width or height changes
-            const isXPosChange = x !== prevX && isWidthChange;
-            const isYPosChange = y !== prevY && isHeightChange;
-
-            if (isXPosChange || isYPosChange) {
-              const positionChange: NodePositionChange = {
-                id: node.id,
-                type: 'position',
-                position: {
-                  x: isXPosChange ? x : prevX,
-                  y: isYPosChange ? y : prevY,
-                },
-              };
+          if (change.isXPosChange || change.isYPosChange) {
+            const positionChange: NodePositionChange = {
+              id,
+              type: 'position',
+              position: {
+                x: change.x,
+                y: change.y,
+              },
+            };
 
-              changes.push(positionChange);
-              prevValues.current.x = positionChange.position!.x;
-              prevValues.current.y = positionChange.position!.y;
-            }
+            changes.push(positionChange);
           }
 
-          if (isWidthChange || isHeightChange) {
+          if (change.isWidthChange || change.isHeightChange) {
             const dimensionChange: NodeDimensionChange = {
-              id: id,
+              id,
               type: 'dimensions',
               updateStyle: true,
               resizing: true,
               dimensions: {
-                width: width,
-                height: height,
+                width: change.width,
+                height: change.height,
               },
             };
 
             changes.push(dimensionChange);
-            prevValues.current.width = width;
-            prevValues.current.height = height;
           }
-
-          if (changes.length === 0) {
-            return;
-          }
-
-          const direction = getResizeDirection({
-            width: prevValues.current.width,
-            prevWidth,
-            height: prevValues.current.height,
-            prevHeight,
-            affectsX: controlDirection.affectsX,
-            affectsY: controlDirection.affectsY,
-          });
-
-          const nextValues = { ...prevValues.current, direction };
-
-          const callResize = shouldResize?.(event, nextValues);
-
-          if (callResize === false) {
-            return;
-          }
-
-          onResize?.(event, nextValues);
           triggerNodeChanges(changes);
-        }
-      })
-      .on('end', (event: ResizeDragEvent) => {
-        const dimensionChange: NodeDimensionChange = {
-          id: id,
-          type: 'dimensions',
-          resizing: false,
-        };
-
-        onResizeEnd?.(event, { ...prevValues.current });
-        store.getState().triggerNodeChanges([dimensionChange]);
+        },
+        onEnd: () => {
+          const dimensionChange: NodeDimensionChange = {
+            id: id,
+            type: 'dimensions',
+            resizing: false,
+          };
+          store.getState().triggerNodeChanges([dimensionChange]);
+        },
       });
+    }
 
-    selection.call(dragHandler);
+    resizer.current.update({
+      controlPosition,
+      boundries: {
+        minWidth,
+        minHeight,
+        maxWidth,
+        maxHeight,
+      },
+      keepAspectRatio,
+      onResizeStart,
+      onResize,
+      onResizeEnd,
+      shouldResize,
+    });
 
     return () => {
-      selection.on('.drag', null);
+      resizer.current?.destroy();
     };
   }, [
-    id,
     controlPosition,
     minWidth,
     minHeight,
@@ -195,6 +125,7 @@ function ResizeControl({
     onResizeStart,
     onResize,
     onResizeEnd,
+    shouldResize,
   ]);
 
   const positionClassNames = controlPosition.split('-');
diff --git a/packages/react/src/additional-components/NodeResizer/types.ts b/packages/react/src/additional-components/NodeResizer/types.ts
index ce2a3b59f..c0287e3f4 100644
--- a/packages/react/src/additional-components/NodeResizer/types.ts
+++ b/packages/react/src/additional-components/NodeResizer/types.ts
@@ -1,21 +1,14 @@
 import type { CSSProperties, ReactNode } from 'react';
-import type { D3DragEvent, SubjectPosition } from 'd3-drag';
 import type {
-  XYResizeParams,
-  XYResizeParamsWithDirection,
   XYResizeControlPosition,
   XYResizeControlLinePosition,
   ResizeControlVariant,
+  ShouldResize,
+  OnResizeStart,
+  OnResize,
+  OnResizeEnd,
 } from '@xyflow/system';
 
-type OnResizeHandler<Params = XYResizeParams, Result = void> = (event: ResizeDragEvent, params: Params) => Result;
-export type ResizeDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
-
-export type ShouldResize = OnResizeHandler<XYResizeParamsWithDirection, boolean>;
-export type OnResizeStart = OnResizeHandler;
-export type OnResize = OnResizeHandler<XYResizeParamsWithDirection>;
-export type OnResizeEnd = OnResizeHandler;
-
 export type NodeResizerProps = {
   nodeId?: string;
   color?: string;
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 3fe261600..6ea20c87d 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -42,12 +42,8 @@
   },
   "dependencies": {
     "@svelte-put/shortcut": "^3.1.0",
-    "@types/d3-drag": "^3.0.1",
-    "@types/d3-selection": "^3.0.3",
     "@xyflow/system": "workspace:*",
-    "classcat": "^5.0.4",
-    "d3-drag": "^3.0.0",
-    "d3-selection": "^3.0.0"
+    "classcat": "^5.0.4"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^2.1.0",
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
index 621356e54..7b93d7664 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
+++ b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
@@ -1,17 +1,14 @@
 <script lang="ts">
   import { getContext, onMount } from 'svelte';
-  import { drag } from 'd3-drag';
-  import { select } from 'd3-selection';
+  import { get } from 'svelte/store';
   import cc from 'classcat';
-  import type { ResizeControlProps, ResizeDragEvent } from './types';
+  import type { ResizeControlProps } from './types';
   import {
     ResizeControlVariant,
-    getPointerPosition,
-    getResizeDirection,
-    getControlDirection,
     type XYResizeControlPosition,
-    getDimensionsAfterResize,
-    getPositionAfterResize
+    type XYResizerInstance,
+    XYResizer,
+    type XYResizeChange
   } from '@xyflow/system';
   import { useStore } from '$lib/store';
 
@@ -38,22 +35,13 @@
   let className: $$Props['class'] = '';
   export { className as class };
 
-  const initPrevValues = { width: 0, height: 0, x: 0, y: 0 };
-
-  const initStartValues = {
-    ...initPrevValues,
-    pointerX: 0,
-    pointerY: 0,
-    aspectRatio: 1
-  };
-
   const { nodeLookup, snapGrid, viewport, nodes } = useStore();
+
   const contextNodeId = getContext<string>('svelteflow__node_id');
   $: id = typeof nodeId === 'string' ? nodeId : contextNodeId;
-  let resizeControlRef: HTMLDivElement;
 
-  let startValues = { ...initStartValues };
-  let prevValues = { ...initPrevValues };
+  let resizeControlRef: HTMLDivElement;
+  let resizer: XYResizerInstance | null = null;
 
   $: defaultPosition = (
     variant === ResizeControlVariant.Line ? 'right' : 'bottom-right'
@@ -61,133 +49,75 @@
   $: controlPosition = position ?? defaultPosition;
 
   $: positionClassNames = controlPosition.split('-');
-  $: colorStyleProp = variant === ResizeControlVariant.Line ? 'border-color' : 'background-color';
 
+  $: colorStyleProp = variant === ResizeControlVariant.Line ? 'border-color' : 'background-color';
   $: _style = style ?? '';
   $: controlStyle = !!color ? `${_style} ${colorStyleProp}: ${color};` : _style;
 
-  onMount(() => {
-    if (!resizeControlRef || !id) {
-      return;
-    }
-    const selection = select(resizeControlRef);
-
-    const controlDirection = getControlDirection(controlPosition);
-
-    const dragHandler = drag<HTMLDivElement, unknown>()
-      .on('start', (event: ResizeDragEvent) => {
-        const node = $nodeLookup.get(id);
-        const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, {
-          transform: [$viewport.x, $viewport.y, $viewport.zoom],
-          snapGrid: $snapGrid ?? undefined,
-          snapToGrid: !!$snapGrid
-        });
+  function updateNodes() {
+    $nodes = $nodes;
+  }
 
-        prevValues = {
-          width: node?.computed?.width ?? 0,
-          height: node?.computed?.height ?? 0,
-          x: node?.position.x ?? 0,
-          y: node?.position.y ?? 0
-        };
-
-        startValues = {
-          ...prevValues,
-          pointerX: xSnapped,
-          pointerY: ySnapped,
-          aspectRatio: prevValues.width / prevValues.height
-        };
-
-        onResizeStart?.(event, { ...prevValues });
-      })
-      .on('drag', (event: ResizeDragEvent) => {
-        const pointerPosition = getPointerPosition(event.sourceEvent, {
-          transform: [$viewport.x, $viewport.y, $viewport.zoom],
-          snapGrid: $snapGrid ?? undefined,
-          snapToGrid: !!$snapGrid
-        });
-        const node = $nodeLookup.get(id);
-
-        if (node) {
-          const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues;
-
-          const { width, height } = getDimensionsAfterResize(
-            startValues,
-            controlDirection,
-            pointerPosition,
-            {
-              minWidth: _minWidth,
-              minHeight: _minHeight,
-              maxWidth: _maxWidth,
-              maxHeight: _maxHeight
-            },
-            !!keepAspectRatio
-          );
-          const isWidthChange = width !== prevWidth;
-          const isHeightChange = height !== prevHeight;
-
-          let changes = false;
-
-          if (controlDirection.affectsX || controlDirection.affectsY) {
-            const { x, y } = getPositionAfterResize(startValues, controlDirection, width, height);
-
-            // only transform the node if the width or height changes
-            const isXPosChange = x !== prevX && isWidthChange;
-            const isYPosChange = y !== prevY && isHeightChange;
-
-            if (isXPosChange || isYPosChange) {
-              let newX = isXPosChange ? x : prevX;
-              let newY = isYPosChange ? y : prevY;
-
-              node.position = { x: newX, y: newY };
-              prevValues.x = newX;
-              prevValues.y = newY;
+  onMount(() => {
+    return () => {
+      resizer?.destroy();
+    };
+  });
 
-              changes = true;
+  $: {
+    if (resizeControlRef) {
+      if (!resizer) {
+        const _snapGrid = get(snapGrid);
+        const _viewport = get(viewport);
+        resizer = XYResizer({
+          domNode: resizeControlRef,
+          nodeId: id,
+          getStoreItems: () => {
+            return {
+              nodeLookup: get(nodeLookup),
+              transform: [_viewport.x, _viewport.y, _viewport.zoom],
+              snapGrid: _snapGrid ?? undefined,
+              snapToGrid: !!_snapGrid
+            };
+          },
+          onChange: (change: XYResizeChange) => {
+            const _nodeLookup = get(nodeLookup);
+            const node = _nodeLookup.get(id);
+            if (node) {
+              if (change.isHeightChange) {
+                node.height = change.height;
+              }
+
+              if (change.isWidthChange) {
+                node.width = change.width;
+              }
+
+              if (change.isXPosChange || change.isYPosChange) {
+                node.position = { x: change.x, y: change.y };
+              }
+              // This needs to be a function to prevent unnecessary updates
+              updateNodes();
             }
           }
-
-          if (isWidthChange || isHeightChange) {
-            node.width = width;
-            node.height = height;
-            prevValues.width = width;
-            prevValues.height = height;
-
-            changes = true;
-          }
-
-          if (!changes) {
-            return;
-          }
-
-          const direction = getResizeDirection({
-            width: prevValues.width,
-            prevWidth,
-            height: prevValues.height,
-            prevHeight,
-            affectsX: controlDirection.affectsX,
-            affectsY: controlDirection.affectsY
-          });
-
-          const nextValues = { ...prevValues, direction };
-
-          const callResize = shouldResize?.(event, nextValues);
-
-          if (callResize === false) {
-            return;
-          }
-
-          onResize?.(event, nextValues);
-
-          $nodes = $nodes;
-        }
+        });
+      }
+
+      resizer.update({
+        controlPosition,
+        boundries: {
+          minWidth: _minWidth,
+          minHeight: _minHeight,
+          maxWidth: _maxWidth,
+          maxHeight: _maxHeight
+        },
+        keepAspectRatio: !!keepAspectRatio,
+        onResizeStart,
+        onResize,
+        onResizeEnd,
+        shouldResize
       });
-
-    selection.call(dragHandler);
-
-    return () => {
-      selection.on('.drag', null);
-    };
-  });
+    }
+  }
 </script>
 
 <div
diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
new file mode 100644
index 000000000..7dd9685d5
--- /dev/null
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -0,0 +1,199 @@
+import { drag } from 'd3-drag';
+import { select } from 'd3-selection';
+
+import { NodeLookup, Transform } from '../types';
+import { OnResize, OnResizeEnd, OnResizeStart, ResizeDragEvent, ShouldResize, XYResizeControlPosition } from './types';
+import { getControlDirection, getDimensionsAfterResize, getPositionAfterResize, getResizeDirection } from './utils';
+import { getPointerPosition } from '../utils';
+
+const initPrevValues = { width: 0, height: 0, x: 0, y: 0 };
+
+const initStartValues = {
+  ...initPrevValues,
+  pointerX: 0,
+  pointerY: 0,
+  aspectRatio: 1,
+};
+
+const initChange = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  isXPosChange: false,
+  isYPosChange: false,
+  isWidthChange: false,
+  isHeightChange: false,
+};
+
+export type XYResizeChange = {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+  isXPosChange: boolean;
+  isYPosChange: boolean;
+  isWidthChange: boolean;
+  isHeightChange: boolean;
+};
+
+type XYResizerParams = {
+  domNode: HTMLDivElement;
+  nodeId: string;
+  getStoreItems: () => {
+    nodeLookup: NodeLookup;
+    transform: Transform;
+    snapGrid?: [number, number];
+    snapToGrid: boolean;
+  };
+  onChange: (changes: XYResizeChange) => void;
+  onEnd?: () => void;
+};
+
+type XYResizerUpdateParams = {
+  controlPosition: XYResizeControlPosition;
+  boundries: {
+    minWidth: number;
+    minHeight: number;
+    maxWidth: number;
+    maxHeight: number;
+  };
+  keepAspectRatio: boolean;
+  onResizeStart: OnResizeStart | undefined;
+  onResize: OnResize | undefined;
+  onResizeEnd: OnResizeEnd | undefined;
+  shouldResize: ShouldResize | undefined;
+};
+
+export type XYResizerInstance = {
+  update: (params: XYResizerUpdateParams) => void;
+  destroy: () => void;
+};
+
+export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResizerParams): XYResizerInstance {
+  const selection = select(domNode);
+
+  function update({
+    controlPosition,
+    boundries,
+    keepAspectRatio,
+    onResizeStart,
+    onResize,
+    onResizeEnd,
+    shouldResize,
+  }: XYResizerUpdateParams) {
+    console.log('updated');
+    let prevValues = { ...initPrevValues };
+    let startValues = { ...initStartValues };
+
+    const controlDirection = getControlDirection(controlPosition);
+
+    const dragHandler = drag<HTMLDivElement, unknown>()
+      .on('start', (event: ResizeDragEvent) => {
+        const { nodeLookup, transform, snapGrid, snapToGrid } = getStoreItems();
+        const node = nodeLookup.get(nodeId);
+        const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
+
+        prevValues = {
+          width: node?.computed?.width ?? 0,
+          height: node?.computed?.height ?? 0,
+          x: node?.position.x ?? 0,
+          y: node?.position.y ?? 0,
+        };
+
+        startValues = {
+          ...prevValues,
+          pointerX: xSnapped,
+          pointerY: ySnapped,
+          aspectRatio: prevValues.width / prevValues.height,
+        };
+
+        onResizeStart?.(event, { ...prevValues });
+      })
+      .on('drag', (event: ResizeDragEvent) => {
+        const { nodeLookup, transform, snapGrid, snapToGrid } = getStoreItems();
+        const pointerPosition = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
+        const node = nodeLookup.get(nodeId);
+
+        if (node) {
+          const change = { ...initChange };
+
+          const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues;
+
+          const { width, height } = getDimensionsAfterResize(
+            startValues,
+            controlDirection,
+            pointerPosition,
+            boundries,
+            keepAspectRatio
+          );
+
+          const isWidthChange = width !== prevWidth;
+          const isHeightChange = height !== prevHeight;
+
+          if (controlDirection.affectsX || controlDirection.affectsY) {
+            const { x, y } = getPositionAfterResize(startValues, controlDirection, width, height);
+
+            // only transform the node if the width or height changes
+            const isXPosChange = x !== prevX && isWidthChange;
+            const isYPosChange = y !== prevY && isHeightChange;
+
+            if (isXPosChange || isYPosChange) {
+              change.isXPosChange = isXPosChange;
+              change.isYPosChange = isYPosChange;
+              change.x = isXPosChange ? x : prevX;
+              change.y = isYPosChange ? y : prevY;
+
+              prevValues.x = change.x;
+              prevValues.y = change.y;
+            }
+          }
+
+          if (isWidthChange || isHeightChange) {
+            change.isWidthChange = isWidthChange;
+            change.isHeightChange = isHeightChange;
+            change.width = width;
+            change.height = height;
+            prevValues.width = width;
+            prevValues.height = height;
+          }
+
+          if (!change.isXPosChange && !change.isYPosChange && !isWidthChange && !isHeightChange) {
+            return;
+          }
+
+          const direction = getResizeDirection({
+            width: prevValues.width,
+            prevWidth,
+            height: prevValues.height,
+            prevHeight,
+            affectsX: controlDirection.affectsX,
+            affectsY: controlDirection.affectsY,
+          });
+
+          const nextValues = { ...prevValues, direction };
+
+          const callResize = shouldResize?.(event, nextValues);
+
+          if (callResize === false) {
+            return;
+          }
+
+          onResize?.(event, nextValues);
+          onChange(change);
+        }
+      })
+      .on('end', (event: ResizeDragEvent) => {
+        onResizeEnd?.(event, { ...prevValues });
+      });
+    selection.call(dragHandler);
+  }
+  function destroy() {
+    selection.on('.drag', null);
+  }
+
+  return {
+    update,
+    destroy,
+  };
+}
diff --git a/packages/system/src/xyresizer/index.ts b/packages/system/src/xyresizer/index.ts
index 6d5a6ef49..8d03f904e 100644
--- a/packages/system/src/xyresizer/index.ts
+++ b/packages/system/src/xyresizer/index.ts
@@ -1,2 +1,2 @@
 export * from './types';
-export * from './utils';
+export * from './XYResizer';
diff --git a/packages/system/src/xyresizer/types.ts b/packages/system/src/xyresizer/types.ts
index bf1ca5563..9a3272d8b 100644
--- a/packages/system/src/xyresizer/types.ts
+++ b/packages/system/src/xyresizer/types.ts
@@ -1,4 +1,4 @@
-export type { D3DragEvent, SubjectPosition } from 'd3-drag';
+import type { D3DragEvent, SubjectPosition } from 'd3-drag';
 
 export type XYResizeParams = {
   x: number;
@@ -32,3 +32,11 @@ export const XY_RESIZER_HANDLE_CONTROLS: XYResizeControlPosition[] = [
   'bottom-right',
 ];
 export const XY_RESIZER_LINE_CONTROLS: XYResizeControlLinePosition[] = ['top', 'right', 'bottom', 'left'];
+
+type OnResizeHandler<Params = XYResizeParams, Result = void> = (event: ResizeDragEvent, params: Params) => Result;
+export type ResizeDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
+
+export type ShouldResize = OnResizeHandler<XYResizeParamsWithDirection, boolean>;
+export type OnResizeStart = OnResizeHandler;
+export type OnResize = OnResizeHandler<XYResizeParamsWithDirection>;
+export type OnResizeEnd = OnResizeHandler;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0ab9ea0cf..888ca1190 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -208,24 +208,12 @@ importers:
       '@types/d3':
         specifier: ^7.4.0
         version: 7.4.0
-      '@types/d3-drag':
-        specifier: ^3.0.1
-        version: 3.0.1
-      '@types/d3-selection':
-        specifier: ^3.0.3
-        version: 3.0.3
       '@xyflow/system':
         specifier: workspace:*
         version: link:../system
       classcat:
         specifier: ^5.0.3
         version: 5.0.4
-      d3-drag:
-        specifier: ^3.0.0
-        version: 3.0.0
-      d3-selection:
-        specifier: ^3.0.0
-        version: 3.0.0
       react-dom:
         specifier: '>=17'
         version: 18.2.0(react@18.2.0)
@@ -287,31 +275,19 @@ importers:
       '@svelte-put/shortcut':
         specifier: ^3.1.0
         version: 3.1.0
-      '@types/d3-drag':
-        specifier: ^3.0.1
-        version: 3.0.1
-      '@types/d3-selection':
-        specifier: ^3.0.3
-        version: 3.0.3
       '@xyflow/system':
         specifier: workspace:*
         version: link:../system
       classcat:
         specifier: ^5.0.4
         version: 5.0.4
-      d3-drag:
-        specifier: ^3.0.0
-        version: 3.0.0
-      d3-selection:
-        specifier: ^3.0.0
-        version: 3.0.0
     devDependencies:
       '@sveltejs/adapter-auto':
         specifier: ^2.1.0
         version: 2.1.0(@sveltejs/kit@1.22.6)
       '@sveltejs/kit':
         specifier: ^1.22.6
-        version: 1.22.6(svelte@4.2.1)(vite@4.5.0)
+        version: 1.22.6(svelte@4.2.1)(vite@4.5.1)
       '@sveltejs/package':
         specifier: ^2.2.1
         version: 2.2.1(svelte@4.2.1)(typescript@5.1.3)
@@ -1656,7 +1632,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.4
       espree: 9.6.1
       globals: 13.23.0
       ignore: 5.2.4
@@ -1714,7 +1690,7 @@ packages:
     engines: {node: '>=10.10.0'}
     dependencies:
       '@humanwhocodes/object-schema': 2.0.1
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.4
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -1980,7 +1956,7 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': 1.22.6(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/kit': 1.22.6(svelte@4.2.1)(vite@4.5.1)
       import-meta-resolve: 3.0.0
     dev: true
 
@@ -1993,7 +1969,7 @@ packages:
       import-meta-resolve: 4.0.0
     dev: true
 
-  /@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.0):
+  /@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.1):
     resolution: {integrity: sha512-SDKxI/QpsReCwIn5czjT53fKlPBybbmMk67d317gUqfeORroBAFN1Z6s/x0E1JYi+04i7kKllS+Sz9wVfmUkAQ==}
     engines: {node: ^16.14 || >=18}
     hasBin: true
@@ -2002,7 +1978,7 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.1)
       '@types/cookie': 0.5.3
       cookie: 0.5.0
       devalue: 4.3.2
@@ -2015,7 +1991,7 @@ packages:
       sirv: 2.0.3
       svelte: 4.2.1
       undici: 5.23.0
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.1
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2079,6 +2055,23 @@ packages:
       vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
+    dev: false
+
+  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.1):
+    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^2.2.0
+      svelte: ^3.54.0 || ^4.0.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.1)
+      debug: 4.3.4
+      svelte: 4.2.1
+      vite: 4.5.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
 
   /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.2)(vite@4.5.0):
     resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
@@ -2114,6 +2107,27 @@ packages:
       vitefu: 0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
+    dev: false
+
+  /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.1):
+    resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==}
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.1)
+      debug: 4.3.4
+      deepmerge: 4.3.1
+      kleur: 4.1.5
+      magic-string: 0.30.5
+      svelte: 4.2.1
+      svelte-hmr: 0.15.3(svelte@4.2.1)
+      vite: 4.5.1
+      vitefu: 0.2.5(vite@4.5.1)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
 
   /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.2)(vite@4.5.0):
     resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==}
@@ -2691,7 +2705,7 @@ packages:
       '@typescript-eslint/scope-manager': 5.60.0
       '@typescript-eslint/type-utils': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
       '@typescript-eslint/utils': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.4
       eslint: 8.43.0
       grapheme-splitter: 1.0.4
       ignore: 5.2.4
@@ -2774,7 +2788,7 @@ packages:
       '@typescript-eslint/scope-manager': 5.60.0
       '@typescript-eslint/types': 5.60.0
       '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.3)
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.4
       eslint: 8.43.0
       typescript: 5.1.3
     transitivePeerDependencies:
@@ -2859,7 +2873,7 @@ packages:
     dependencies:
       '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.3)
       '@typescript-eslint/utils': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.4
       eslint: 8.43.0
       tsutils: 3.21.0(typescript@5.1.3)
       typescript: 5.1.3
@@ -2933,7 +2947,7 @@ packages:
     dependencies:
       '@typescript-eslint/types': 5.60.0
       '@typescript-eslint/visitor-keys': 5.60.0
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.5.4
@@ -4260,6 +4274,18 @@ packages:
       ms: 2.1.3
       supports-color: 8.1.1
 
+  /debug@4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+    dev: true
+
   /debug@4.3.4(supports-color@8.1.1):
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
     engines: {node: '>=6.0'}
@@ -4768,7 +4794,7 @@ packages:
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
       '@jridgewell/sourcemap-codec': 1.4.15
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.4
       eslint: 8.43.0
       esutils: 2.0.3
       known-css-properties: 0.27.0
@@ -4858,7 +4884,7 @@ packages:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.3
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.4
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.2.2
@@ -7872,7 +7898,6 @@ packages:
       nanoid: 3.3.7
       picocolors: 1.0.0
       source-map-js: 1.0.2
-    dev: false
 
   /prebuild-install@7.1.1:
     resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
@@ -9943,6 +9968,41 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
+  /vite@4.5.1:
+    resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      esbuild: 0.18.20
+      postcss: 8.4.32
+      rollup: 3.29.4
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
   /vite@4.5.1(@types/node@18.7.16):
     resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -9989,6 +10049,17 @@ packages:
     dependencies:
       vite: 4.5.0(@types/node@18.7.16)
 
+  /vitefu@0.2.5(vite@4.5.1):
+    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+    dependencies:
+      vite: 4.5.1
+    dev: true
+
   /vscode-oniguruma@1.7.0:
     resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==}
     dev: false

From ec98b724b170c3e51b709dc9d86c99f38cb37b47 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 8 Jan 2024 16:41:00 +0100
Subject: [PATCH 0468/1093] cleaned up some things

---
 .../NodeResizer/NodeResizer.tsx               |  16 +--
 .../NodeResizer/ResizeControl.tsx             |  10 +-
 .../plugins/NodeResizer/NodeResizer.svelte    |  16 +--
 .../plugins/NodeResizer/ResizeControl.svelte  | 110 ++++++++----------
 packages/system/src/xyresizer/XYResizer.ts    |   4 +-
 packages/system/src/xyresizer/types.ts        |  22 ++--
 packages/system/src/xyresizer/utils.ts        |   4 +-
 7 files changed, 83 insertions(+), 99 deletions(-)

diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx
index 0306f3baa..764c1a8cc 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx
@@ -1,6 +1,6 @@
 import ResizeControl from './ResizeControl';
 import { NodeResizerProps } from './types';
-import { XY_RESIZER_HANDLE_CONTROLS, XY_RESIZER_LINE_CONTROLS, ResizeControlVariant } from '@xyflow/system';
+import { ResizerControlVariant, XY_RESIZER_HANDLE_POSITIONS, XY_RESIZER_LINE_POSITIONS } from '@xyflow/system';
 
 export default function NodeResizer({
   nodeId,
@@ -26,14 +26,14 @@ export default function NodeResizer({
 
   return (
     <>
-      {XY_RESIZER_LINE_CONTROLS.map((c) => (
+      {XY_RESIZER_LINE_POSITIONS.map((position) => (
         <ResizeControl
-          key={c}
+          key={position}
           className={lineClassName}
           style={lineStyle}
           nodeId={nodeId}
-          position={c}
-          variant={ResizeControlVariant.Line}
+          position={position}
+          variant={ResizerControlVariant.Line}
           color={color}
           minWidth={minWidth}
           minHeight={minHeight}
@@ -46,13 +46,13 @@ export default function NodeResizer({
           onResizeEnd={onResizeEnd}
         />
       ))}
-      {XY_RESIZER_HANDLE_CONTROLS.map((c) => (
+      {XY_RESIZER_HANDLE_POSITIONS.map((position) => (
         <ResizeControl
-          key={c}
+          key={position}
           className={handleClassName}
           style={handleStyle}
           nodeId={nodeId}
-          position={c}
+          position={position}
           color={color}
           minWidth={minWidth}
           minHeight={minHeight}
diff --git a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
index f62db5dc3..de8d82ca8 100644
--- a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
@@ -1,7 +1,7 @@
 import { useRef, useEffect, memo } from 'react';
 import cc from 'classcat';
 import { XYResizerInstance, XYResizer, XYResizeChange } from '@xyflow/system';
-import { ResizeControlVariant } from '@xyflow/system';
+import { ResizerControlVariant } from '@xyflow/system';
 import { useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
 import type { NodeChange, NodeDimensionChange, NodePositionChange } from '../../types';
@@ -10,7 +10,7 @@ import { type ResizeControlProps, type ResizeControlLineProps } from './types';
 function ResizeControl({
   nodeId,
   position,
-  variant = ResizeControlVariant.Handle,
+  variant = ResizerControlVariant.Handle,
   className,
   style = {},
   children,
@@ -29,7 +29,7 @@ function ResizeControl({
   const id = typeof nodeId === 'string' ? nodeId : contextNodeId;
   const store = useStoreApi();
   const resizeControlRef = useRef<HTMLDivElement>(null);
-  const defaultPosition = variant === ResizeControlVariant.Line ? 'right' : 'bottom-right';
+  const defaultPosition = variant === ResizerControlVariant.Line ? 'right' : 'bottom-right';
   const controlPosition = position ?? defaultPosition;
 
   const resizer = useRef<XYResizerInstance | null>(null);
@@ -129,7 +129,7 @@ function ResizeControl({
   ]);
 
   const positionClassNames = controlPosition.split('-');
-  const colorStyleProp = variant === ResizeControlVariant.Line ? 'borderColor' : 'backgroundColor';
+  const colorStyleProp = variant === ResizerControlVariant.Line ? 'borderColor' : 'backgroundColor';
   const controlStyle = color ? { ...style, [colorStyleProp]: color } : style;
 
   return (
@@ -144,7 +144,7 @@ function ResizeControl({
 }
 
 export function ResizeControlLine(props: ResizeControlLineProps) {
-  return <ResizeControl {...props} variant={ResizeControlVariant.Line} />;
+  return <ResizeControl {...props} variant={ResizerControlVariant.Line} />;
 }
 
 export default memo(ResizeControl);
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/NodeResizer.svelte b/packages/svelte/src/lib/plugins/NodeResizer/NodeResizer.svelte
index 1738c70d4..208dc7647 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/NodeResizer.svelte
+++ b/packages/svelte/src/lib/plugins/NodeResizer/NodeResizer.svelte
@@ -2,9 +2,9 @@
   import ResizeControl from './ResizeControl.svelte';
   import type { NodeResizerProps } from './types';
   import {
-    XY_RESIZER_HANDLE_CONTROLS,
-    XY_RESIZER_LINE_CONTROLS,
-    ResizeControlVariant
+    ResizerControlVariant,
+    XY_RESIZER_HANDLE_POSITIONS,
+    XY_RESIZER_LINE_POSITIONS
   } from '@xyflow/system';
 
   type $$Props = NodeResizerProps;
@@ -33,13 +33,13 @@
 </script>
 
 {#if isVisible}
-  {#each XY_RESIZER_LINE_CONTROLS as c (c)}
+  {#each XY_RESIZER_LINE_POSITIONS as position (position)}
     <ResizeControl
       class={lineClass}
       style={lineStyle}
       {nodeId}
-      position={c}
-      variant={ResizeControlVariant.Line}
+      {position}
+      variant={ResizerControlVariant.Line}
       {color}
       minWidth={_minWidth}
       minHeight={_minHeight}
@@ -52,12 +52,12 @@
       {onResizeEnd}
     />
   {/each}
-  {#each XY_RESIZER_HANDLE_CONTROLS as c (c)}
+  {#each XY_RESIZER_HANDLE_POSITIONS as position (position)}
     <ResizeControl
       class={handleClass}
       style={handleStyle}
       {nodeId}
-      position={c}
+      {position}
       {color}
       minWidth={_minWidth}
       minHeight={_minHeight}
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
index 7b93d7664..a91d05065 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
+++ b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
@@ -1,11 +1,10 @@
 <script lang="ts">
   import { getContext, onMount } from 'svelte';
-  import { get } from 'svelte/store';
   import cc from 'classcat';
   import type { ResizeControlProps } from './types';
   import {
-    ResizeControlVariant,
-    type XYResizeControlPosition,
+    ResizerControlVariant,
+    type XYResizerControlPosition,
     type XYResizerInstance,
     XYResizer,
     type XYResizeChange
@@ -16,7 +15,7 @@
 
   export let nodeId: $$Props['nodeId'] = undefined;
   export let position: $$Props['position'] = undefined;
-  export let variant: $$Props['variant'] = ResizeControlVariant.Handle;
+  export let variant: $$Props['variant'] = ResizerControlVariant.Handle;
   export let color: $$Props['color'] = undefined;
   export let minWidth: $$Props['minWidth'] = 10;
   $: _minWidth = minWidth ?? 10;
@@ -44,79 +43,64 @@
   let resizer: XYResizerInstance | null = null;
 
   $: defaultPosition = (
-    variant === ResizeControlVariant.Line ? 'right' : 'bottom-right'
-  ) as XYResizeControlPosition;
+    variant === ResizerControlVariant.Line ? 'right' : 'bottom-right'
+  ) as XYResizerControlPosition;
   $: controlPosition = position ?? defaultPosition;
 
   $: positionClassNames = controlPosition.split('-');
 
-  $: colorStyleProp = variant === ResizeControlVariant.Line ? 'border-color' : 'background-color';
+  $: colorStyleProp = variant === ResizerControlVariant.Line ? 'border-color' : 'background-color';
   $: _style = style ?? '';
   $: controlStyle = !!color ? `${_style} ${colorStyleProp}: ${color};` : _style;
 
-  function updateNodes() {
-    $nodes = $nodes;
-  }
-
   onMount(() => {
+    if (resizeControlRef) {
+      resizer = XYResizer({
+        domNode: resizeControlRef,
+        nodeId: id,
+        getStoreItems: () => {
+          return {
+            nodeLookup: $nodeLookup,
+            transform: [$viewport.x, $viewport.y, $viewport.zoom],
+            snapGrid: $snapGrid ?? undefined,
+            snapToGrid: !!$snapGrid
+          };
+        },
+        onChange: (change: XYResizeChange) => {
+          const node = $nodeLookup.get(id);
+          if (node) {
+            node.height = change.isHeightChange ? change.height : node.height;
+            node.width = change.isWidthChange ? change.width : node.width;
+            node.position =
+              change.isXPosChange || change.isYPosChange
+                ? { x: change.x, y: change.y }
+                : node.position;
+
+            $nodes = $nodes;
+          }
+        }
+      });
+    }
     return () => {
       resizer?.destroy();
     };
   });
 
   $: {
-    if (resizeControlRef) {
-      if (!resizer) {
-        const _snapGrid = get(snapGrid);
-        const _viewport = get(viewport);
-        resizer = XYResizer({
-          domNode: resizeControlRef,
-          nodeId: id,
-          getStoreItems: () => {
-            return {
-              nodeLookup: get(nodeLookup),
-              transform: [_viewport.x, _viewport.y, _viewport.zoom],
-              snapGrid: _snapGrid ?? undefined,
-              snapToGrid: !!_snapGrid
-            };
-          },
-          onChange: (change: XYResizeChange) => {
-            const _nodeLookup = get(nodeLookup);
-            const node = _nodeLookup.get(id);
-            if (node) {
-              if (change.isHeightChange) {
-                node.height = change.height;
-              }
-
-              if (change.isWidthChange) {
-                node.width = change.width;
-              }
-
-              if (change.isXPosChange || change.isYPosChange) {
-                node.position = { x: change.x, y: change.y };
-              }
-              // This needs to be a function to prevent unnecessary updates
-              updateNodes();
-            }
-          }
-        });
-      }
-
-      resizer.update({
-        controlPosition,
-        boundries: {
-          minWidth: _minWidth,
-          minHeight: _minHeight,
-          maxWidth: _maxWidth,
-          maxHeight: _maxHeight
-        },
-        keepAspectRatio: !!keepAspectRatio,
-        onResizeStart,
-        onResize,
-        onResizeEnd,
-        shouldResize
-      });
-    }
+    resizer?.update({
+      controlPosition,
+      boundries: {
+        minWidth: _minWidth,
+        minHeight: _minHeight,
+        maxWidth: _maxWidth,
+        maxHeight: _maxHeight
+      },
+      keepAspectRatio: !!keepAspectRatio,
+      onResizeStart,
+      onResize,
+      onResizeEnd,
+      shouldResize
+    });
   }
 </script>
 
diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index 7dd9685d5..b664c6277 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -2,7 +2,7 @@ import { drag } from 'd3-drag';
 import { select } from 'd3-selection';
 
 import { NodeLookup, Transform } from '../types';
-import { OnResize, OnResizeEnd, OnResizeStart, ResizeDragEvent, ShouldResize, XYResizeControlPosition } from './types';
+import { OnResize, OnResizeEnd, OnResizeStart, ResizeDragEvent, ShouldResize, XYResizerControlPosition } from './types';
 import { getControlDirection, getDimensionsAfterResize, getPositionAfterResize, getResizeDirection } from './utils';
 import { getPointerPosition } from '../utils';
 
@@ -51,7 +51,7 @@ type XYResizerParams = {
 };
 
 type XYResizerUpdateParams = {
-  controlPosition: XYResizeControlPosition;
+  controlPosition: XYResizerControlPosition;
   boundries: {
     minWidth: number;
     minHeight: number;
diff --git a/packages/system/src/xyresizer/types.ts b/packages/system/src/xyresizer/types.ts
index 9a3272d8b..98fe66887 100644
--- a/packages/system/src/xyresizer/types.ts
+++ b/packages/system/src/xyresizer/types.ts
@@ -1,42 +1,42 @@
 import type { D3DragEvent, SubjectPosition } from 'd3-drag';
 
-export type XYResizeParams = {
+export type XYResizerParams = {
   x: number;
   y: number;
   width: number;
   height: number;
 };
 
-export type XYResizeParamsWithDirection = XYResizeParams & {
+export type XYResizerParamsWithDirection = XYResizerParams & {
   direction: number[];
 };
 
-export type XYResizeControlLinePosition = 'top' | 'bottom' | 'left' | 'right';
+export type XYResizerControlLinePosition = 'top' | 'bottom' | 'left' | 'right';
 
-export type XYResizeControlPosition =
-  | XYResizeControlLinePosition
+export type XYResizerControlPosition =
+  | XYResizerControlLinePosition
   | 'top-left'
   | 'top-right'
   | 'bottom-left'
   | 'bottom-right';
 
-export enum ResizeControlVariant {
+export enum ResizerControlVariant {
   Line = 'line',
   Handle = 'handle',
 }
 
-export const XY_RESIZER_HANDLE_CONTROLS: XYResizeControlPosition[] = [
+export const XY_RESIZER_HANDLE_POSITIONS: XYResizerControlPosition[] = [
   'top-left',
   'top-right',
   'bottom-left',
   'bottom-right',
 ];
-export const XY_RESIZER_LINE_CONTROLS: XYResizeControlLinePosition[] = ['top', 'right', 'bottom', 'left'];
+export const XY_RESIZER_LINE_POSITIONS: XYResizerControlLinePosition[] = ['top', 'right', 'bottom', 'left'];
 
-type OnResizeHandler<Params = XYResizeParams, Result = void> = (event: ResizeDragEvent, params: Params) => Result;
+type OnResizeHandler<Params = XYResizerParams, Result = void> = (event: ResizeDragEvent, params: Params) => Result;
 export type ResizeDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
 
-export type ShouldResize = OnResizeHandler<XYResizeParamsWithDirection, boolean>;
+export type ShouldResize = OnResizeHandler<XYResizerParamsWithDirection, boolean>;
 export type OnResizeStart = OnResizeHandler;
-export type OnResize = OnResizeHandler<XYResizeParamsWithDirection>;
+export type OnResize = OnResizeHandler<XYResizerParamsWithDirection>;
 export type OnResizeEnd = OnResizeHandler;
diff --git a/packages/system/src/xyresizer/utils.ts b/packages/system/src/xyresizer/utils.ts
index 15c3af06b..ffebea08e 100644
--- a/packages/system/src/xyresizer/utils.ts
+++ b/packages/system/src/xyresizer/utils.ts
@@ -1,5 +1,5 @@
 import { clamp, getPointerPosition } from '../utils';
-import { XYResizeControlPosition } from './types';
+import { XYResizerControlPosition } from './types';
 
 type GetResizeDirectionParams = {
   width: number;
@@ -48,7 +48,7 @@ export function getResizeDirection({
  * @param controlPosition - position of the control that is being dragged
  * @returns isHorizontal, isVertical, affectsX, affectsY,
  */
-export function getControlDirection(controlPosition: XYResizeControlPosition) {
+export function getControlDirection(controlPosition: XYResizerControlPosition) {
   const isHorizontal = controlPosition.includes('right') || controlPosition.includes('left');
   const isVertical = controlPosition.includes('bottom') || controlPosition.includes('top');
   const affectsX = controlPosition.includes('left');

From 9d4ecff2eebccbc2618651f034de423b7f690106 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 8 Jan 2024 18:01:45 +0100
Subject: [PATCH 0469/1093] refactor(react/setNodes): naive batching

---
 examples/react/src/App/routes.ts              |  6 ++
 .../src/examples/MultiSetNodes/index.tsx      | 60 +++++++++----------
 .../src/examples/MultiSetNodes/style.css      |  3 +
 packages/react/src/hooks/useReactFlow.ts      | 32 +++++++---
 4 files changed, 61 insertions(+), 40 deletions(-)
 create mode 100644 examples/react/src/examples/MultiSetNodes/style.css

diff --git a/examples/react/src/App/routes.ts b/examples/react/src/App/routes.ts
index 2f3d55ba6..76ab08e42 100644
--- a/examples/react/src/App/routes.ts
+++ b/examples/react/src/App/routes.ts
@@ -21,6 +21,7 @@ import Interaction from '../examples/Interaction';
 import Intersection from '../examples/Intersection';
 import Layouting from '../examples/Layouting';
 import MultiFlows from '../examples/MultiFlows';
+import MultiSetNodes from '../examples/MultiSetNodes';
 import NodeResizer from '../examples/NodeResizer';
 import NodeTypeChange from '../examples/NodeTypeChange';
 import NodeTypesObjectChange from '../examples/NodeTypesObjectChange';
@@ -180,6 +181,11 @@ const routes: IRoute[] = [
     path: 'layouting',
     component: Layouting,
   },
+  {
+    name: 'Multi setNodes',
+    path: 'multi-setnodes',
+    component: MultiSetNodes,
+  },
   {
     name: 'Multi Flows',
     path: 'multiflows',
diff --git a/examples/react/src/examples/MultiSetNodes/index.tsx b/examples/react/src/examples/MultiSetNodes/index.tsx
index f05c2b50d..f04e0ddf2 100644
--- a/examples/react/src/examples/MultiSetNodes/index.tsx
+++ b/examples/react/src/examples/MultiSetNodes/index.tsx
@@ -14,52 +14,45 @@ import {
   ReactFlowProvider,
 } from '@xyflow/react';
 
-const initNodes: Node[] = [
-  {
-    id: '1',
-    data: {
-      label: 'hallo',
-    },
-    position: { x: 0, y: 0 },
-  },
-  {
-    id: '2',
+import './style.css';
+
+const initNodes: Node[] = [];
+
+for (let i = 0; i < 100; i++) {
+  initNodes.push({
+    id: i.toString(),
     data: {
-      label: 'world',
+      label: `node ${i + 1}`,
     },
-    position: { x: 200, y: 0 },
-  },
-];
+    position: { x: (i % 10) * 60, y: Math.floor(i / 10) * 60 },
+  });
+}
 
 const initEdges: Edge[] = [];
 
 const CustomNodeFlow = () => {
-  const { setNodes } = useReactFlow();
+  const { setNodes, updateNodeData } = useReactFlow();
   const [nodes, , onNodesChange] = useNodesState(initNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initEdges);
 
   const onConnect = useCallback((connection: Connection) => setEdges((eds) => addEdge(connection, eds)), [setEdges]);
 
-  const updateNodes = () => {
-    setNodes((nds) =>
-      nds.map((n) => {
-        if (n.id === '1') {
-          return { ...n, data: { label: 'updated' } };
-        }
+  const multiSetNodes = () => {
+    nodes.forEach((node) =>
+      setNodes((nds) =>
+        nds.map((n) => {
+          if (n.id === node.id) {
+            return { ...n, data: { label: 'node set' } };
+          }
 
-        return n;
-      })
+          return n;
+        })
+      )
     );
+  };
 
-    setNodes((nds) =>
-      nds.map((n) => {
-        if (n.id === '2') {
-          return { ...n, data: { label: 'updated' } };
-        }
-
-        return n;
-      })
-    );
+  const multiUpdateNodes = () => {
+    nodes.forEach((node) => updateNodeData(node.id, { label: 'node update' }));
   };
 
   return (
@@ -74,7 +67,8 @@ const CustomNodeFlow = () => {
       <Controls />
       <Background />
       <Panel>
-        <button onClick={updateNodes}>update nodes</button>
+        <button onClick={multiSetNodes}>set nodes</button>
+        <button onClick={multiUpdateNodes}>update nodes</button>
       </Panel>
     </ReactFlow>
   );
diff --git a/examples/react/src/examples/MultiSetNodes/style.css b/examples/react/src/examples/MultiSetNodes/style.css
new file mode 100644
index 000000000..11f622263
--- /dev/null
+++ b/examples/react/src/examples/MultiSetNodes/style.css
@@ -0,0 +1,3 @@
+.react-flow .react-flow__node {
+  width: 50px;
+}
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 198599d59..f933664e0 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -1,4 +1,4 @@
-import { useCallback, useMemo } from 'react';
+import { useCallback, useMemo, useRef } from 'react';
 import { getElementsToRemove, getOverlappingArea, isRectObject, nodeToRect, type Rect } from '@xyflow/system';
 
 import useViewportHelper from './useViewportHelper';
@@ -30,6 +30,10 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
   const viewportHelper = useViewportHelper();
   const store = useStoreApi();
 
+  // this is used to handle multiple syncronous setNodes calls
+  const setNodesData = useRef<Node[]>();
+  const setNodesTimeout = useRef<ReturnType<typeof setTimeout>>();
+
   const getNodes = useCallback<Instance.GetNodes<NodeType>>(() => {
     return store.getState().nodes.map((n) => ({ ...n })) as NodeType[];
   }, []);
@@ -50,16 +54,30 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
 
   const setNodes = useCallback<Instance.SetNodes<NodeType>>((payload) => {
     const { nodes, setNodes, hasDefaultNodes, onNodesChange } = store.getState();
-    const nextNodes = typeof payload === 'function' ? payload(nodes as NodeType[]) : payload;
+    setNodesData.current = setNodesData.current || nodes;
+    const nextNodes = typeof payload === 'function' ? payload(setNodesData.current as NodeType[]) : payload;
+
+    setNodesData.current = nextNodes;
 
     if (hasDefaultNodes) {
       setNodes(nextNodes);
     } else if (onNodesChange) {
-      const changes =
-        nextNodes.length === 0
-          ? nodes.map((node) => ({ type: 'remove', id: node.id } as NodeRemoveChange))
-          : nextNodes.map((node) => ({ item: node, type: 'reset' } as NodeResetChange<NodeType>));
-      onNodesChange(changes);
+      if (setNodesTimeout.current) {
+        clearTimeout(setNodesTimeout.current);
+      }
+
+      // if there are multiple synchronous setNodes calls, we only want to call onNodesChange once
+      // for this, we use a timeout to wait for the last call and store updated nodes in setNodesData
+      // this is not perfect, but should work in most cases
+      setNodesTimeout.current = setTimeout(() => {
+        const changes =
+          nextNodes.length === 0
+            ? nodes.map((node) => ({ type: 'remove', id: node.id } as NodeRemoveChange))
+            : nextNodes.map((node) => ({ item: node, type: 'reset' } as NodeResetChange<NodeType>));
+        onNodesChange(changes);
+
+        setNodesData.current = undefined;
+      }, 0);
     }
   }, []);
 

From 634db6d8445c9fa7193a00749c61efb693be858c Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 8 Jan 2024 18:28:59 +0100
Subject: [PATCH 0470/1093] cleaned up naming

---
 .../NodeResizer/ResizeControl.tsx                      |  5 ++---
 .../src/lib/plugins/NodeResizer/ResizeControl.svelte   | 10 +++++-----
 packages/system/src/xyresizer/XYResizer.ts             |  4 ++--
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
index de8d82ca8..5a3b06e74 100644
--- a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
@@ -1,7 +1,6 @@
 import { useRef, useEffect, memo } from 'react';
 import cc from 'classcat';
-import { XYResizerInstance, XYResizer, XYResizeChange } from '@xyflow/system';
-import { ResizerControlVariant } from '@xyflow/system';
+import { XYResizer, ResizerControlVariant, type XYResizerInstance, type XYResizerChange } from '@xyflow/system';
 import { useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
 import type { NodeChange, NodeDimensionChange, NodePositionChange } from '../../types';
@@ -52,7 +51,7 @@ function ResizeControl({
             snapToGrid,
           };
         },
-        onChange: (change: XYResizeChange) => {
+        onChange: (change: XYResizerChange) => {
           const { triggerNodeChanges } = store.getState();
 
           const changes: NodeChange[] = [];
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
index a91d05065..93ed2e5da 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
+++ b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
   import { getContext, onMount } from 'svelte';
   import cc from 'classcat';
-  import type { ResizeControlProps } from './types';
+  import { useStore } from '$lib/store';
   import {
+    XYResizer,
     ResizerControlVariant,
     type XYResizerControlPosition,
     type XYResizerInstance,
-    XYResizer,
-    type XYResizeChange
+    type XYResizerChange
   } from '@xyflow/system';
-  import { useStore } from '$lib/store';
+  import type { ResizeControlProps } from './types';
 
   type $$Props = ResizeControlProps;
 
@@ -66,7 +66,7 @@
             snapToGrid: !!$snapGrid
           };
         },
-        onChange: (change: XYResizeChange) => {
+        onChange: (change: XYResizerChange) => {
           const node = $nodeLookup.get(id);
           if (node) {
             node.height = change.isHeightChange ? change.height : node.height;
diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index b664c6277..7ba95aacb 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -26,7 +26,7 @@ const initChange = {
   isHeightChange: false,
 };
 
-export type XYResizeChange = {
+export type XYResizerChange = {
   x: number;
   y: number;
   width: number;
@@ -46,7 +46,7 @@ type XYResizerParams = {
     snapGrid?: [number, number];
     snapToGrid: boolean;
   };
-  onChange: (changes: XYResizeChange) => void;
+  onChange: (changes: XYResizerChange) => void;
   onEnd?: () => void;
 };
 

From 439cd4a1e5273c2d6dc7b855ae88de62700480ac Mon Sep 17 00:00:00 2001
From: Mustafa Kemal Tuna <12192118+lumosmind@users.noreply.github.com>
Date: Tue, 9 Jan 2024 13:08:29 +0300
Subject: [PATCH 0471/1093] Update component-props.ts

onEdgeClick function has "node" parameter but type of the parameter is "Edge". It is more convenient to rename the parameter as "edge".
---
 packages/react/src/types/component-props.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index bea7166b5..bdb6e5297 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -65,7 +65,7 @@ export type ReactFlowProps = Omit<HTMLAttributes<HTMLDivElement>, 'onError'> & {
   onNodeDragStart?: NodeDragHandler;
   onNodeDrag?: NodeDragHandler;
   onNodeDragStop?: NodeDragHandler;
-  onEdgeClick?: (event: ReactMouseEvent, node: Edge) => void;
+  onEdgeClick?: (event: ReactMouseEvent, edge: Edge) => void;
   onEdgeUpdate?: OnEdgeUpdateFunc;
   onEdgeContextMenu?: EdgeMouseHandler;
   onEdgeMouseEnter?: EdgeMouseHandler;

From 616fb14c344166efc2ec3d01b5b7e0ddc432b125 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jan 2024 12:30:29 +0100
Subject: [PATCH 0472/1093] chore(node-resizer): cleanup

---
 .../src/components/Header/Header.svelte       |  4 ++--
 packages/react/package.json                   |  3 ---
 ...esizeControl.tsx => NodeResizeControl.tsx} | 15 +++++++------
 .../NodeResizer/NodeResizer.tsx               | 15 +++++++------
 .../NodeResizer/index.tsx                     |  4 ++--
 .../NodeResizer/types.ts                      |  8 +++----
 packages/react/src/index.ts                   |  7 ++++++
 packages/svelte/src/lib/index.ts              |  9 +++++++-
 .../plugins/NodeResizer/NodeResizer.svelte    |  4 ++--
 .../plugins/NodeResizer/ResizeControl.svelte  | 12 +++++-----
 .../src/lib/plugins/NodeResizer/types.ts      | 22 +++++--------------
 packages/system/src/types/utils.ts            |  2 --
 packages/system/src/xyresizer/XYResizer.ts    |  4 ++--
 packages/system/src/xyresizer/types.ts        | 20 +++++------------
 packages/system/src/xyresizer/utils.ts        |  4 ++--
 15 files changed, 62 insertions(+), 71 deletions(-)
 rename packages/react/src/additional-components/NodeResizer/{ResizeControl.tsx => NodeResizeControl.tsx} (86%)

diff --git a/examples/svelte/src/components/Header/Header.svelte b/examples/svelte/src/components/Header/Header.svelte
index a6f046d58..90cdc62be 100644
--- a/examples/svelte/src/components/Header/Header.svelte
+++ b/examples/svelte/src/components/Header/Header.svelte
@@ -15,6 +15,7 @@
 		'interaction',
 		'intersections',
 		'node-toolbar',
+		'node-resizer',
 		'overview',
 		'stress',
 		'subflows',
@@ -22,8 +23,7 @@
 		'usenodesdata',
 		'usesvelteflow',
 		'useupdatenodeinternals',
-		'validation',
-		'node-resizer'
+		'validation'
 	];
 
 	const onChange = (event: Event) => {
diff --git a/packages/react/package.json b/packages/react/package.json
index 45e3f98d1..03cd38021 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -48,7 +48,6 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@types/d3": "^7.4.0",
     "@xyflow/system": "workspace:*",
     "classcat": "^5.0.3",
     "zustand": "^4.4.0"
@@ -78,8 +77,6 @@
   "rollup": {
     "globals": {
       "classcat": "cc",
-      "d3-selection": "d3Selection",
-      "d3-drag": "d3Drag",
       "zustand": "zustand",
       "zustand/shallow": "zustandShallow"
     },
diff --git a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
similarity index 86%
rename from packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
rename to packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index 5a3b06e74..f5378689a 100644
--- a/packages/react/src/additional-components/NodeResizer/ResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -1,15 +1,16 @@
 import { useRef, useEffect, memo } from 'react';
 import cc from 'classcat';
-import { XYResizer, ResizerControlVariant, type XYResizerInstance, type XYResizerChange } from '@xyflow/system';
+import { XYResizer, ResizeControlVariant, type XYResizerInstance, type XYResizerChange } from '@xyflow/system';
+
 import { useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
 import type { NodeChange, NodeDimensionChange, NodePositionChange } from '../../types';
-import { type ResizeControlProps, type ResizeControlLineProps } from './types';
+import type { ResizeControlProps, ResizeControlLineProps } from './types';
 
 function ResizeControl({
   nodeId,
   position,
-  variant = ResizerControlVariant.Handle,
+  variant = ResizeControlVariant.Handle,
   className,
   style = {},
   children,
@@ -28,7 +29,7 @@ function ResizeControl({
   const id = typeof nodeId === 'string' ? nodeId : contextNodeId;
   const store = useStoreApi();
   const resizeControlRef = useRef<HTMLDivElement>(null);
-  const defaultPosition = variant === ResizerControlVariant.Line ? 'right' : 'bottom-right';
+  const defaultPosition = variant === ResizeControlVariant.Line ? 'right' : 'bottom-right';
   const controlPosition = position ?? defaultPosition;
 
   const resizer = useRef<XYResizerInstance | null>(null);
@@ -128,7 +129,7 @@ function ResizeControl({
   ]);
 
   const positionClassNames = controlPosition.split('-');
-  const colorStyleProp = variant === ResizerControlVariant.Line ? 'borderColor' : 'backgroundColor';
+  const colorStyleProp = variant === ResizeControlVariant.Line ? 'borderColor' : 'backgroundColor';
   const controlStyle = color ? { ...style, [colorStyleProp]: color } : style;
 
   return (
@@ -143,7 +144,7 @@ function ResizeControl({
 }
 
 export function ResizeControlLine(props: ResizeControlLineProps) {
-  return <ResizeControl {...props} variant={ResizerControlVariant.Line} />;
+  return <ResizeControl {...props} variant={ResizeControlVariant.Line} />;
 }
 
-export default memo(ResizeControl);
+export const NodeResizeControl = memo(ResizeControl);
diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx
index 764c1a8cc..6f481865d 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizer.tsx
@@ -1,8 +1,9 @@
-import ResizeControl from './ResizeControl';
-import { NodeResizerProps } from './types';
-import { ResizerControlVariant, XY_RESIZER_HANDLE_POSITIONS, XY_RESIZER_LINE_POSITIONS } from '@xyflow/system';
+import { ResizeControlVariant, XY_RESIZER_HANDLE_POSITIONS, XY_RESIZER_LINE_POSITIONS } from '@xyflow/system';
 
-export default function NodeResizer({
+import { NodeResizeControl } from './NodeResizeControl';
+import type { NodeResizerProps } from './types';
+
+export function NodeResizer({
   nodeId,
   isVisible = true,
   handleClassName,
@@ -27,13 +28,13 @@ export default function NodeResizer({
   return (
     <>
       {XY_RESIZER_LINE_POSITIONS.map((position) => (
-        <ResizeControl
+        <NodeResizeControl
           key={position}
           className={lineClassName}
           style={lineStyle}
           nodeId={nodeId}
           position={position}
-          variant={ResizerControlVariant.Line}
+          variant={ResizeControlVariant.Line}
           color={color}
           minWidth={minWidth}
           minHeight={minHeight}
@@ -47,7 +48,7 @@ export default function NodeResizer({
         />
       ))}
       {XY_RESIZER_HANDLE_POSITIONS.map((position) => (
-        <ResizeControl
+        <NodeResizeControl
           key={position}
           className={handleClassName}
           style={handleStyle}
diff --git a/packages/react/src/additional-components/NodeResizer/index.tsx b/packages/react/src/additional-components/NodeResizer/index.tsx
index c3cd1d5d7..b8299c349 100644
--- a/packages/react/src/additional-components/NodeResizer/index.tsx
+++ b/packages/react/src/additional-components/NodeResizer/index.tsx
@@ -1,4 +1,4 @@
-export { default as NodeResizer } from './NodeResizer';
-export { default as NodeResizeControl } from './ResizeControl';
+export { NodeResizer } from './NodeResizer';
+export { NodeResizeControl } from './NodeResizeControl';
 
 export * from './types';
diff --git a/packages/react/src/additional-components/NodeResizer/types.ts b/packages/react/src/additional-components/NodeResizer/types.ts
index c0287e3f4..3a4145176 100644
--- a/packages/react/src/additional-components/NodeResizer/types.ts
+++ b/packages/react/src/additional-components/NodeResizer/types.ts
@@ -1,7 +1,7 @@
 import type { CSSProperties, ReactNode } from 'react';
 import type {
-  XYResizeControlPosition,
-  XYResizeControlLinePosition,
+  ControlPosition,
+  ControlLinePosition,
   ResizeControlVariant,
   ShouldResize,
   OnResizeStart,
@@ -42,7 +42,7 @@ export type ResizeControlProps = Pick<
   | 'onResize'
   | 'onResizeEnd'
 > & {
-  position?: XYResizeControlPosition;
+  position?: ControlPosition;
   variant?: ResizeControlVariant;
   className?: string;
   style?: CSSProperties;
@@ -50,5 +50,5 @@ export type ResizeControlProps = Pick<
 };
 
 export type ResizeControlLineProps = ResizeControlProps & {
-  position?: XYResizeControlLinePosition;
+  position?: ControlLinePosition;
 };
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index c0f28fa92..20573392d 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -81,6 +81,13 @@ export {
   type ColorModeClass,
   type HandleType,
   type OnBeforeDelete,
+  type ShouldResize,
+  type OnResizeStart,
+  type OnResize,
+  type OnResizeEnd,
+  type ControlPosition,
+  type ControlLinePosition,
+  type ResizeControlVariant,
 } from '@xyflow/system';
 
 // system utils
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 4e7a18b9d..9a706959f 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -90,7 +90,14 @@ export {
   type Transform,
   type CoordinateExtent,
   type ColorMode,
-  type ColorModeClass
+  type ColorModeClass,
+  type ShouldResize,
+  type OnResizeStart,
+  type OnResize,
+  type OnResizeEnd,
+  type ControlPosition,
+  type ControlLinePosition,
+  type ResizeControlVariant
 } from '@xyflow/system';
 
 // system utils
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/NodeResizer.svelte b/packages/svelte/src/lib/plugins/NodeResizer/NodeResizer.svelte
index 208dc7647..b57afcd13 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/NodeResizer.svelte
+++ b/packages/svelte/src/lib/plugins/NodeResizer/NodeResizer.svelte
@@ -2,7 +2,7 @@
   import ResizeControl from './ResizeControl.svelte';
   import type { NodeResizerProps } from './types';
   import {
-    ResizerControlVariant,
+    ResizeControlVariant,
     XY_RESIZER_HANDLE_POSITIONS,
     XY_RESIZER_LINE_POSITIONS
   } from '@xyflow/system';
@@ -39,7 +39,7 @@
       style={lineStyle}
       {nodeId}
       {position}
-      variant={ResizerControlVariant.Line}
+      variant={ResizeControlVariant.Line}
       {color}
       minWidth={_minWidth}
       minHeight={_minHeight}
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
index 93ed2e5da..da4df10c0 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
+++ b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
@@ -4,8 +4,8 @@
   import { useStore } from '$lib/store';
   import {
     XYResizer,
-    ResizerControlVariant,
-    type XYResizerControlPosition,
+    ResizeControlVariant,
+    type ControlPosition,
     type XYResizerInstance,
     type XYResizerChange
   } from '@xyflow/system';
@@ -15,7 +15,7 @@
 
   export let nodeId: $$Props['nodeId'] = undefined;
   export let position: $$Props['position'] = undefined;
-  export let variant: $$Props['variant'] = ResizerControlVariant.Handle;
+  export let variant: $$Props['variant'] = ResizeControlVariant.Handle;
   export let color: $$Props['color'] = undefined;
   export let minWidth: $$Props['minWidth'] = 10;
   $: _minWidth = minWidth ?? 10;
@@ -43,13 +43,13 @@
   let resizer: XYResizerInstance | null = null;
 
   $: defaultPosition = (
-    variant === ResizerControlVariant.Line ? 'right' : 'bottom-right'
-  ) as XYResizerControlPosition;
+    variant === ResizeControlVariant.Line ? 'right' : 'bottom-right'
+  ) as ControlPosition;
   $: controlPosition = position ?? defaultPosition;
 
   $: positionClassNames = controlPosition.split('-');
 
-  $: colorStyleProp = variant === ResizerControlVariant.Line ? 'border-color' : 'background-color';
+  $: colorStyleProp = variant === ResizeControlVariant.Line ? 'border-color' : 'background-color';
   $: _style = style ?? '';
   $: controlStyle = !!color ? `${_style} ${colorStyleProp}: ${color};` : _style;
 
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/types.ts b/packages/svelte/src/lib/plugins/NodeResizer/types.ts
index dfc90e4f5..b37e55c1a 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/types.ts
+++ b/packages/svelte/src/lib/plugins/NodeResizer/types.ts
@@ -1,10 +1,10 @@
 import type {
-  XYResizeParams,
-  XYResizeParamsWithDirection,
-  XYResizeControlPosition,
+  ControlPosition,
   ResizeControlVariant,
-  D3DragEvent,
-  SubjectPosition
+  ShouldResize,
+  OnResizeStart,
+  OnResize,
+  OnResizeEnd
 } from '@xyflow/system';
 
 export type NodeResizerProps = {
@@ -40,18 +40,8 @@ export type ResizeControlProps = Pick<
   | 'onResize'
   | 'onResizeEnd'
 > & {
-  position?: XYResizeControlPosition;
+  position?: ControlPosition;
   variant?: ResizeControlVariant;
   class?: string;
   style?: string;
 };
-
-type OnResizeHandler<Params = XYResizeParams, Result = void> = (
-  event: ResizeDragEvent,
-  params: Params
-) => Result;
-export type ResizeDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
-export type ShouldResize = OnResizeHandler<XYResizeParamsWithDirection, boolean>;
-export type OnResizeStart = OnResizeHandler;
-export type OnResize = OnResizeHandler<XYResizeParamsWithDirection>;
-export type OnResizeEnd = OnResizeHandler;
diff --git a/packages/system/src/types/utils.ts b/packages/system/src/types/utils.ts
index 6ebb07447..908e95f15 100644
--- a/packages/system/src/types/utils.ts
+++ b/packages/system/src/types/utils.ts
@@ -1,5 +1,3 @@
-import type { Optional } from '../utils/types';
-
 export enum Position {
   Left = 'left',
   Top = 'top',
diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index 7ba95aacb..948602ff6 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -2,7 +2,7 @@ import { drag } from 'd3-drag';
 import { select } from 'd3-selection';
 
 import { NodeLookup, Transform } from '../types';
-import { OnResize, OnResizeEnd, OnResizeStart, ResizeDragEvent, ShouldResize, XYResizerControlPosition } from './types';
+import { OnResize, OnResizeEnd, OnResizeStart, ResizeDragEvent, ShouldResize, ControlPosition } from './types';
 import { getControlDirection, getDimensionsAfterResize, getPositionAfterResize, getResizeDirection } from './utils';
 import { getPointerPosition } from '../utils';
 
@@ -51,7 +51,7 @@ type XYResizerParams = {
 };
 
 type XYResizerUpdateParams = {
-  controlPosition: XYResizerControlPosition;
+  controlPosition: ControlPosition;
   boundries: {
     minWidth: number;
     minHeight: number;
diff --git a/packages/system/src/xyresizer/types.ts b/packages/system/src/xyresizer/types.ts
index 98fe66887..446e0ac4e 100644
--- a/packages/system/src/xyresizer/types.ts
+++ b/packages/system/src/xyresizer/types.ts
@@ -11,27 +11,17 @@ export type XYResizerParamsWithDirection = XYResizerParams & {
   direction: number[];
 };
 
-export type XYResizerControlLinePosition = 'top' | 'bottom' | 'left' | 'right';
+export type ControlLinePosition = 'top' | 'bottom' | 'left' | 'right';
 
-export type XYResizerControlPosition =
-  | XYResizerControlLinePosition
-  | 'top-left'
-  | 'top-right'
-  | 'bottom-left'
-  | 'bottom-right';
+export type ControlPosition = ControlLinePosition | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 
-export enum ResizerControlVariant {
+export enum ResizeControlVariant {
   Line = 'line',
   Handle = 'handle',
 }
 
-export const XY_RESIZER_HANDLE_POSITIONS: XYResizerControlPosition[] = [
-  'top-left',
-  'top-right',
-  'bottom-left',
-  'bottom-right',
-];
-export const XY_RESIZER_LINE_POSITIONS: XYResizerControlLinePosition[] = ['top', 'right', 'bottom', 'left'];
+export const XY_RESIZER_HANDLE_POSITIONS: ControlPosition[] = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
+export const XY_RESIZER_LINE_POSITIONS: ControlLinePosition[] = ['top', 'right', 'bottom', 'left'];
 
 type OnResizeHandler<Params = XYResizerParams, Result = void> = (event: ResizeDragEvent, params: Params) => Result;
 export type ResizeDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
diff --git a/packages/system/src/xyresizer/utils.ts b/packages/system/src/xyresizer/utils.ts
index ffebea08e..cd98e593c 100644
--- a/packages/system/src/xyresizer/utils.ts
+++ b/packages/system/src/xyresizer/utils.ts
@@ -1,5 +1,5 @@
 import { clamp, getPointerPosition } from '../utils';
-import { XYResizerControlPosition } from './types';
+import { ControlPosition } from './types';
 
 type GetResizeDirectionParams = {
   width: number;
@@ -48,7 +48,7 @@ export function getResizeDirection({
  * @param controlPosition - position of the control that is being dragged
  * @returns isHorizontal, isVertical, affectsX, affectsY,
  */
-export function getControlDirection(controlPosition: XYResizerControlPosition) {
+export function getControlDirection(controlPosition: ControlPosition) {
   const isHorizontal = controlPosition.includes('right') || controlPosition.includes('left');
   const isVertical = controlPosition.includes('bottom') || controlPosition.includes('top');
   const affectsX = controlPosition.includes('left');

From 81279a503344973808436c46ff54d5d06bdbbbb0 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jan 2024 12:36:50 +0100
Subject: [PATCH 0473/1093] chore(packages): bump

---
 packages/svelte/CHANGELOG.md | 6 ++++++
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 3ad76c897..76920305b 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/svelte
 
+## 0.0.32
+
+### Features
+
+- add `NodeResizer` and `NodeResizeControl` components for resizing nodes
+
 ## 0.0.31
 
 ### Bugfix
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 6ea20c87d..6e73cbecf 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index 5ccb504cb..6cc84fd42 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From eb3a92de76203d6fbf4616578745e190f31ad90e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jan 2024 12:41:21 +0100
Subject: [PATCH 0474/1093] chore(react): changelog

---
 packages/react/CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index dc2b1210c..2286e0a1d 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -5,6 +5,7 @@
 ### Minor changes
 
 - fix applyChanges: handle multi changes for one node
+- use `XYResizer` from @xyflow/system
 
 ## 12.0.0-next.4
 

From bb5a0d327ededfbb8e3937fa9dd3f7710cd9e55b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jan 2024 12:43:51 +0100
Subject: [PATCH 0475/1093] chore(system): cleanup resizer types

---
 packages/system/src/xyresizer/XYResizer.ts | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index 948602ff6..dd06a4e44 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -26,16 +26,7 @@ const initChange = {
   isHeightChange: false,
 };
 
-export type XYResizerChange = {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-  isXPosChange: boolean;
-  isYPosChange: boolean;
-  isWidthChange: boolean;
-  isHeightChange: boolean;
-};
+export type XYResizerChange = typeof initChange;
 
 type XYResizerParams = {
   domNode: HTMLDivElement;

From ba4a47daf63bcaf65320a6d87a37c16d27a00c4b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jan 2024 13:48:57 +0100
Subject: [PATCH 0476/1093] chore(system): cleanup resizer

---
 packages/system/src/xyresizer/XYResizer.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index dd06a4e44..75f597062 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -73,7 +73,6 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
     onResizeEnd,
     shouldResize,
   }: XYResizerUpdateParams) {
-    console.log('updated');
     let prevValues = { ...initPrevValues };
     let startValues = { ...initStartValues };
 

From 8487cb10e01f85312e2854cfe12587ed8c24447a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jan 2024 13:55:14 +0100
Subject: [PATCH 0477/1093] chore(system): cleanup noderesizer styles

---
 packages/system/src/styles/node-resizer.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/system/src/styles/node-resizer.css b/packages/system/src/styles/node-resizer.css
index 7918666a3..1c031d451 100644
--- a/packages/system/src/styles/node-resizer.css
+++ b/packages/system/src/styles/node-resizer.css
@@ -1,3 +1,7 @@
+.xy-flow {
+  --xy-resize-background-color-default: #3367d9;
+}
+
 .xy-flow__resize-control {
   position: absolute;
 }
@@ -28,7 +32,7 @@
   height: 4px;
   border: 1px solid #fff;
   border-radius: 1px;
-  background-color: #3367d9;
+  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
   transform: translate(-50%, -50%);
 }
 
@@ -63,7 +67,7 @@
 
 /* line styles */
 .xy-flow__resize-control.line {
-  border-color: #3367d9;
+  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
   border-width: 0;
   border-style: solid;
 }

From b18ef10e434b234e8e28826fa6532fc26207a4a8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jan 2024 16:20:47 +0100
Subject: [PATCH 0478/1093] refactor(react): use node.width/height for resizer
 changes

---
 .../NodeResizer/NodeResizeControl.tsx                     | 1 -
 packages/react/src/components/NodeWrapper/index.tsx       | 4 ++--
 packages/react/src/types/changes.ts                       | 1 -
 packages/react/src/utils/changes.ts                       | 8 +++++---
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index f5378689a..b1098ed15 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -74,7 +74,6 @@ function ResizeControl({
             const dimensionChange: NodeDimensionChange = {
               id,
               type: 'dimensions',
-              updateStyle: true,
               resizing: true,
               dimensions: {
                 width: change.width,
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 64b5ac665..1e796de17 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -219,9 +219,9 @@ export function NodeWrapper({
         transform: `translate(${positionAbsoluteOrigin.x}px,${positionAbsoluteOrigin.y}px)`,
         pointerEvents: hasPointerEvents ? 'all' : 'none',
         visibility: initialized ? 'visible' : 'hidden',
-        width,
-        height,
         ...node.style,
+        width: width ?? node.style?.width,
+        height: height ?? node.style?.height,
       }}
       data-id={id}
       data-testid={`rf__node-${id}`}
diff --git a/packages/react/src/types/changes.ts b/packages/react/src/types/changes.ts
index f1282574c..9a60e089c 100644
--- a/packages/react/src/types/changes.ts
+++ b/packages/react/src/types/changes.ts
@@ -7,7 +7,6 @@ export type NodeDimensionChange = {
   id: string;
   type: 'dimensions';
   dimensions?: Dimensions;
-  updateStyle?: boolean;
   resizing?: boolean;
 };
 
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 372c9aa93..f697bc29c 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -121,10 +121,12 @@ function applyChanges(changes: any[], elements: any[]): any[] {
               }
               updateItem.computed.width = currentChange.dimensions.width;
               updateItem.computed.height = currentChange.dimensions.height;
-            }
 
-            if (typeof currentChange.updateStyle !== 'undefined') {
-              updateItem.style = { ...(updateItem.style || {}), ...currentChange.dimensions };
+              // this is needed for the node resizer to work
+              if (currentChange.resizing) {
+                updateItem.width = currentChange.dimensions.width;
+                updateItem.height = currentChange.dimensions.height;
+              }
             }
 
             if (typeof currentChange.resizing === 'boolean') {

From c5d7f107d79a4aa5bba952fcd07c0351edc16654 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jan 2024 16:49:15 +0100
Subject: [PATCH 0479/1093] refactor(resizer): correct typo

---
 .../NodeResizer/NodeResizeControl.tsx               |  2 +-
 .../lib/plugins/NodeResizer/ResizeControl.svelte    |  2 +-
 packages/system/src/xyresizer/XYResizer.ts          | 10 +++++-----
 packages/system/src/xyresizer/utils.ts              | 13 +++++++------
 4 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index b1098ed15..2f16f1507 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -98,7 +98,7 @@ function ResizeControl({
 
     resizer.current.update({
       controlPosition,
-      boundries: {
+      boundaries: {
         minWidth,
         minHeight,
         maxWidth,
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
index da4df10c0..4688b4e75 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
+++ b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
@@ -89,7 +89,7 @@
   $: {
     resizer?.update({
       controlPosition,
-      boundries: {
+      boundaries: {
         minWidth: _minWidth,
         minHeight: _minHeight,
         maxWidth: _maxWidth,
diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index 75f597062..63f146d58 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -1,10 +1,10 @@
 import { drag } from 'd3-drag';
 import { select } from 'd3-selection';
 
-import { NodeLookup, Transform } from '../types';
-import { OnResize, OnResizeEnd, OnResizeStart, ResizeDragEvent, ShouldResize, ControlPosition } from './types';
 import { getControlDirection, getDimensionsAfterResize, getPositionAfterResize, getResizeDirection } from './utils';
 import { getPointerPosition } from '../utils';
+import type { NodeLookup, Transform } from '../types';
+import type { OnResize, OnResizeEnd, OnResizeStart, ResizeDragEvent, ShouldResize, ControlPosition } from './types';
 
 const initPrevValues = { width: 0, height: 0, x: 0, y: 0 };
 
@@ -43,7 +43,7 @@ type XYResizerParams = {
 
 type XYResizerUpdateParams = {
   controlPosition: ControlPosition;
-  boundries: {
+  boundaries: {
     minWidth: number;
     minHeight: number;
     maxWidth: number;
@@ -66,7 +66,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
 
   function update({
     controlPosition,
-    boundries,
+    boundaries,
     keepAspectRatio,
     onResizeStart,
     onResize,
@@ -114,7 +114,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
             startValues,
             controlDirection,
             pointerPosition,
-            boundries,
+            boundaries,
             keepAspectRatio
           );
 
diff --git a/packages/system/src/xyresizer/utils.ts b/packages/system/src/xyresizer/utils.ts
index cd98e593c..0d7d8a9e6 100644
--- a/packages/system/src/xyresizer/utils.ts
+++ b/packages/system/src/xyresizer/utils.ts
@@ -80,7 +80,7 @@ type StartValues = PrevValues & {
  * @param startValues - starting values of resize
  * @param controlDirection - dimensions affected by the resize
  * @param pointerPosition - the current pointer position corrected for snapping
- * @param boundries - maximum and minimum dimensions of the node
+ * @param boundaries - minimum and maximum dimensions of the node
  * @param keepAspectRatio - prevent changes of asprect ratio
  * @returns width: new width of node, height: new height of node
  */
@@ -88,12 +88,12 @@ export function getDimensionsAfterResize(
   startValues: StartValues,
   controlDirection: ReturnType<typeof getControlDirection>,
   pointerPosition: ReturnType<typeof getPointerPosition>,
-  boundries: { minWidth: number; maxWidth: number; minHeight: number; maxHeight: number },
+  boundaries: { minWidth: number; maxWidth: number; minHeight: number; maxHeight: number },
   keepAspectRatio: boolean
 ) {
   const { isHorizontal, isVertical, affectsX, affectsY } = controlDirection;
   const { xSnapped, ySnapped } = pointerPosition;
-  const { minWidth, maxWidth, minHeight, maxHeight } = boundries;
+  const { minWidth, maxWidth, minHeight, maxHeight } = boundaries;
 
   const { pointerX: startX, pointerY: startY, width: startWidth, height: startHeight, aspectRatio } = startValues;
   const distX = Math.floor(isHorizontal ? xSnapped - startX : 0);
@@ -148,7 +148,8 @@ export function getPositionAfterResize(
   width: number,
   height: number
 ) {
-  const x = controlDirection.affectsX ? startValues.x - (width - startValues.width) : startValues.x;
-  const y = controlDirection.affectsY ? startValues.y - (height - startValues.height) : startValues.y;
-  return { x, y };
+  return {
+    x: controlDirection.affectsX ? startValues.x - (width - startValues.width) : startValues.x,
+    y: controlDirection.affectsY ? startValues.y - (height - startValues.height) : startValues.y,
+  };
 }

From cc921045cab3c4f41c5f157393efcd0294ec5922 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Jan 2024 11:11:38 +0100
Subject: [PATCH 0480/1093] fix(react/applyChanges): handle deletion and
 expandParent

---
 packages/react/src/utils/changes.ts | 76 ++++++++++++++++-------------
 1 file changed, 42 insertions(+), 34 deletions(-)

diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index f697bc29c..eda081764 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -1,46 +1,50 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type { Node, Edge, EdgeChange, NodeChange, NodeSelectionChange, EdgeSelectionChange } from '../types';
 
-export function handleParentExpand(res: any[], updateItem: any) {
-  const parent = res.find((e) => e.id === updateItem.parentNode);
+export function handleParentExpand(updatedElements: any[], updateItem: any) {
+  for (const [index, item] of updatedElements.entries()) {
+    if (item.id === updateItem.parentNode) {
+      const parent = { ...item };
 
-  if (parent) {
-    if (!parent.computed) {
-      parent.computed = {};
-    }
-    const extendWidth = updateItem.position.x + updateItem.computed.width - parent.computed.width;
-    const extendHeight = updateItem.position.y + updateItem.computed.height - parent.computed.height;
+      if (!parent.computed) {
+        parent.computed = {};
+      }
 
-    if (extendWidth > 0 || extendHeight > 0 || updateItem.position.x < 0 || updateItem.position.y < 0) {
-      parent.style = { ...parent.style } || {};
+      const extendWidth = updateItem.position.x + updateItem.computed.width - parent.computed.width;
+      const extendHeight = updateItem.position.y + updateItem.computed.height - parent.computed.height;
 
-      parent.style.width = parent.style.width ?? parent.computed.width;
-      parent.style.height = parent.style.height ?? parent.computed.height;
+      if (extendWidth > 0 || extendHeight > 0 || updateItem.position.x < 0 || updateItem.position.y < 0) {
+        parent.width = parent.width ?? parent.computed.width;
+        parent.height = parent.height ?? parent.computed.height;
 
-      if (extendWidth > 0) {
-        parent.style.width += extendWidth;
-      }
+        if (extendWidth > 0) {
+          parent.width += extendWidth;
+        }
 
-      if (extendHeight > 0) {
-        parent.style.height += extendHeight;
-      }
+        if (extendHeight > 0) {
+          parent.height += extendHeight;
+        }
 
-      if (updateItem.position.x < 0) {
-        const xDiff = Math.abs(updateItem.position.x);
-        parent.position.x = parent.position.x - xDiff;
-        parent.style.width += xDiff;
-        updateItem.position.x = 0;
-      }
+        if (updateItem.position.x < 0) {
+          const xDiff = Math.abs(updateItem.position.x);
+          parent.position.x = parent.position.x - xDiff;
+          parent.width += xDiff;
+          updateItem.position.x = 0;
+        }
 
-      if (updateItem.position.y < 0) {
-        const yDiff = Math.abs(updateItem.position.y);
-        parent.position.y = parent.position.y - yDiff;
-        parent.style.height += yDiff;
-        updateItem.position.y = 0;
-      }
+        if (updateItem.position.y < 0) {
+          const yDiff = Math.abs(updateItem.position.y);
+          parent.position.y = parent.position.y - yDiff;
+          parent.height += yDiff;
+          updateItem.position.y = 0;
+        }
 
-      parent.computed.width = parent.style.width;
-      parent.computed.height = parent.style.height;
+        parent.computed.width = parent.width;
+        parent.computed.height = parent.height;
+
+        updatedElements[index] = parent;
+      }
+      break;
     }
   }
 }
@@ -85,6 +89,7 @@ function applyChanges(changes: any[], elements: any[]): any[] {
     }
 
     const updateItem = { ...item };
+    let isDeletion = false;
 
     for (const currentChange of nextChanges) {
       if (currentChange) {
@@ -139,13 +144,16 @@ function applyChanges(changes: any[], elements: any[]): any[] {
             break;
           }
           case 'remove': {
+            isDeletion = true;
             continue;
           }
         }
       }
     }
 
-    updatedElements.push(updateItem);
+    if (!isDeletion) {
+      updatedElements.push(updateItem);
+    }
   }
 
   return updatedElements;
@@ -192,7 +200,7 @@ export function applyNodeChanges<NodeType extends Node = Node>(changes: NodeChan
     );
   
     return (
-      <ReactFLow nodes={nodes} edges={edges} onEdgesChange={onEdgesChange} />
+      <ReactFlow nodes={nodes} edges={edges} onEdgesChange={onEdgesChange} />
     );
  */
 export function applyEdgeChanges<EdgeType extends Edge = Edge>(changes: EdgeChange[], edges: EdgeType[]): EdgeType[] {

From f37ce51f98041936037395611ffc2ca2aa1dc0a5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Jan 2024 11:11:54 +0100
Subject: [PATCH 0481/1093] test(react): add tests for applyChanges

---
 .../components/utils/apply-changes.cy.ts      | 176 ++++++++++++++++++
 1 file changed, 176 insertions(+)
 create mode 100644 examples/react/cypress/components/utils/apply-changes.cy.ts

diff --git a/examples/react/cypress/components/utils/apply-changes.cy.ts b/examples/react/cypress/components/utils/apply-changes.cy.ts
new file mode 100644
index 000000000..9bdf01af0
--- /dev/null
+++ b/examples/react/cypress/components/utils/apply-changes.cy.ts
@@ -0,0 +1,176 @@
+import {
+  applyNodeChanges,
+  applyEdgeChanges,
+  type Node,
+  type Edge,
+  NodeChange,
+  EdgeChange,
+  XYPosition,
+} from '@xyflow/react';
+
+const nodes: Node[] = [
+  {
+    id: '1',
+    type: 'input',
+    data: { label: 'Node 1' },
+    position: { x: 250, y: 5 },
+  },
+  { id: '2', data: { label: 'Node 2' }, position: { x: 100, y: 100 } },
+  { id: '3', data: { label: 'Node 3' }, position: { x: 400, y: 100 } },
+  { id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 200 } },
+];
+
+const edges: Edge[] = [
+  { id: 'e1-2', source: '1', target: '2', animated: true },
+  { id: 'e1-3', source: '1', target: '3' },
+  { id: 'e2-3', source: '2', target: '3' },
+];
+
+describe('applyChanges Testing', () => {
+  it('adds a node/edge', () => {
+    const currentNodes: Node[] = [];
+    const nodeChanges: NodeChange[] = [{ type: 'add', item: nodes[0] }];
+    const nextNodes = applyNodeChanges(nodeChanges, currentNodes);
+    expect(nextNodes.length).to.be.equal(nodeChanges.length);
+
+    const currentEdges: Edge[] = [];
+    const edgeChanges: EdgeChange[] = [{ type: 'add', item: edges[0] }];
+    const nextEdges = applyEdgeChanges(edgeChanges, currentEdges);
+
+    expect(nextEdges.length).to.be.equal(1);
+  });
+
+  it('adds multiple nodes/edges', () => {
+    const currentNodes: Node[] = [];
+    const nodeChanges: NodeChange[] = [
+      { type: 'add', item: nodes[0] },
+      { type: 'add', item: nodes[1] },
+    ];
+    const nextNodes = applyNodeChanges(nodeChanges, currentNodes);
+    expect(nextNodes.length).to.be.equal(nodeChanges.length);
+
+    const currentEdges: Edge[] = [];
+    const edgeChanges: EdgeChange[] = [
+      { type: 'add', item: edges[0] },
+      { type: 'add', item: edges[1] },
+    ];
+    const nextEdges = applyEdgeChanges(edgeChanges, currentEdges);
+    expect(nextEdges.length).to.be.equal(edgeChanges.length);
+  });
+
+  it('removes a node/edge', () => {
+    const nodesLength = nodes.length;
+    const nodeChanges: NodeChange[] = [{ type: 'remove', id: '1' }];
+    const nextNodes = applyNodeChanges(nodeChanges, nodes);
+    expect(nextNodes.length).to.be.equal(nodes.length - nodeChanges.length);
+    expect(nodes.length).to.be.equal(nodesLength);
+
+    const edgesLength = edges.length;
+    const edgeChanges: EdgeChange[] = [{ type: 'remove', id: 'e1-2' }];
+    const nextEdges = applyEdgeChanges(edgeChanges, edges);
+    expect(nextEdges.length).to.be.equal(edges.length - 1);
+    expect(edges.length).to.be.equal(edgesLength);
+  });
+
+  it('removes multiple node/edge', () => {
+    const nodesLength = nodes.length;
+    const nodeChanges: NodeChange[] = [
+      { type: 'remove', id: '1' },
+      { type: 'remove', id: '2' },
+    ];
+    const nextNodes = applyNodeChanges(nodeChanges, nodes);
+    expect(nextNodes.length).to.be.equal(nodes.length - nodeChanges.length);
+    expect(nodes.length).to.be.equal(nodesLength);
+
+    const edgesLength = edges.length;
+    const edgeChanges: EdgeChange[] = [
+      { type: 'remove', id: 'e1-2' },
+      { type: 'remove', id: 'e1-3' },
+    ];
+    const nextEdges = applyEdgeChanges(edgeChanges, edges);
+    expect(nextEdges.length).to.be.equal(edges.length - edgeChanges.length);
+    expect(edges.length).to.be.equal(edgesLength);
+  });
+
+  it('selects a node/edge', () => {
+    const nodeChanges: NodeChange[] = [{ type: 'select', id: '1', selected: true }];
+    const nextNodes = applyNodeChanges(nodeChanges, nodes);
+    expect(nextNodes[0].selected).to.be.true;
+
+    const edgeChanges: EdgeChange[] = [{ type: 'select', id: 'e1-2', selected: true }];
+    const nextEdges = applyEdgeChanges(edgeChanges, edges);
+    expect(nextEdges[0].selected).to.be.true;
+  });
+
+  it('deselects a node/edge', () => {
+    const nodeChanges: NodeChange[] = [{ type: 'select', id: '1', selected: false }];
+    const nextNodes = applyNodeChanges(
+      nodeChanges,
+      nodes.map((n) => ({ ...n, selected: true }))
+    );
+    expect(nextNodes[0].selected).to.be.false;
+    expect(nextNodes[1].selected).to.be.true;
+
+    const edgeChanges: EdgeChange[] = [{ type: 'select', id: 'e1-2', selected: false }];
+    const nextEdges = applyEdgeChanges(
+      edgeChanges,
+      edges.map((e) => ({ ...e, selected: true }))
+    );
+    expect(nextEdges[0].selected).to.be.false;
+    expect(nextEdges[1].selected).to.be.true;
+  });
+
+  it('updates node position', () => {
+    const newPosition: XYPosition = { x: 100, y: 100 };
+    const nodeChanges: NodeChange[] = [{ type: 'position', id: '1', position: newPosition }];
+    const nextNodes = applyNodeChanges(nodeChanges, nodes);
+
+    expect(nextNodes[0].position).to.be.deep.equal(newPosition);
+  });
+
+  it('updates node dimensions', () => {
+    const newWidth = 200;
+    const newHeight = 200;
+    const nodeChanges: NodeChange[] = [
+      { type: 'dimensions', id: '1', dimensions: { width: newWidth, height: newHeight } },
+    ];
+    const nextNodes = applyNodeChanges(nodeChanges, nodes);
+
+    expect(nodes[0].computed).to.be.undefined;
+    expect(nextNodes[0].computed).to.be.deep.equal({ width: newWidth, height: newHeight });
+    expect(nextNodes[0].width).to.be.undefined;
+    expect(nextNodes[0].height).to.be.undefined;
+  });
+
+  it('updates node position and dimensions', () => {
+    const newPosition: XYPosition = { x: 100, y: 100 };
+    const newWidth = 200;
+    const newHeight = 200;
+    const nodeChanges: NodeChange[] = [
+      { type: 'position', id: '1', position: newPosition },
+      { type: 'dimensions', id: '1', dimensions: { width: newWidth, height: newHeight } },
+    ];
+    const nextNodes = applyNodeChanges(nodeChanges, nodes);
+
+    expect(nextNodes[0].position).to.be.deep.equal(newPosition);
+    expect(nextNodes[0].computed).to.be.deep.equal({ width: newWidth, height: newHeight });
+  });
+
+  it('resets nodes/edges', () => {
+    const nodesLength = nodes.length;
+    const nodeChanges: NodeChange[] = [{ type: 'reset', item: nodes[0] }];
+    const nextNodes = applyNodeChanges(nodeChanges, nodes);
+
+    expect(nodes.length).length.to.be.equal(nodesLength);
+    expect(nextNodes.length).to.be.equal(nodeChanges.length);
+
+    const edgesLength = edges.length;
+    const edgeChange: EdgeChange[] = [{ type: 'reset', item: edges[0] }];
+    const nextEdges = applyEdgeChanges(edgeChange, edges);
+
+    expect(edges.length).length.to.be.equal(edgesLength);
+    expect(nextEdges.length).to.be.equal(edgeChange.length);
+  });
+});
+
+export {};

From a0af30be3e74569202e8947b5dad7010cc625f85 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Jan 2024 11:15:01 +0100
Subject: [PATCH 0482/1093] chore(react): bump

---
 packages/react/CHANGELOG.md | 3 ++-
 packages/react/package.json | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 2286e0a1d..249614a42 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -4,8 +4,9 @@
 
 ### Minor changes
 
-- fix applyChanges: handle multi changes for one node
+- fix applyChanges: handle multi changes for one node, deletions and expandParent
 - use `XYResizer` from @xyflow/system
+- add unit tests for `applyNodeChanges` and `applyEdgeChanges`
 
 ## 12.0.0-next.4
 
diff --git a/packages/react/package.json b/packages/react/package.json
index 03cd38021..f234eafdf 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.4",
+  "version": "12.0.0-next.5",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",

From a35428d8a0ddbb401be567f4c29368298c55bff5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Jan 2024 13:41:18 +0100
Subject: [PATCH 0483/1093] chore(tests): useNodes/useEdges

---
 examples/react/cypress/components/hooks/useEdges.cy.tsx | 1 -
 examples/react/cypress/components/hooks/useNodes.cy.tsx | 7 ++++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/examples/react/cypress/components/hooks/useEdges.cy.tsx b/examples/react/cypress/components/hooks/useEdges.cy.tsx
index 34b0ae3cf..c1123d4d4 100644
--- a/examples/react/cypress/components/hooks/useEdges.cy.tsx
+++ b/examples/react/cypress/components/hooks/useEdges.cy.tsx
@@ -13,7 +13,6 @@ describe('useEdges.cy.tsx', () => {
       </ReactFlow>
     );
 
-    cy.get('@onChangeSpy').should('have.been.calledWith', []);
     cy.get('@onChangeSpy').should('have.been.calledWith', initialEdges);
   });
 
diff --git a/examples/react/cypress/components/hooks/useNodes.cy.tsx b/examples/react/cypress/components/hooks/useNodes.cy.tsx
index 4f813e00a..9c10ad703 100644
--- a/examples/react/cypress/components/hooks/useNodes.cy.tsx
+++ b/examples/react/cypress/components/hooks/useNodes.cy.tsx
@@ -15,8 +15,10 @@ const initialNodes: Node[] = nodes.map((n) => ({
 
 const expectedNodes: Node[] = initialNodes.map((n) => ({
   ...n,
-  positionAbsolute: n.position,
-  ...nodeDimensions,
+  computed: {
+    positionAbsolute: n.position,
+    ...nodeDimensions,
+  },
 }));
 
 describe('useNodes.cy.tsx', () => {
@@ -29,7 +31,6 @@ describe('useNodes.cy.tsx', () => {
       </ReactFlow>
     );
 
-    cy.get('@onChangeSpy').should('have.been.calledWith', []);
     cy.get('@onChangeSpy').should('have.been.calledWith', expectedNodes);
   });
 

From 8c05ec419ebc1f5dd9e0cc542fedf7010c21e5fd Mon Sep 17 00:00:00 2001
From: Hayleigh Thompson <me@hayleigh.dev>
Date: Wed, 10 Jan 2024 18:17:58 +0000
Subject: [PATCH 0484/1093] :recycle: Refactor 'applyChanges' for better perf.

---
 packages/react/src/utils/changes.ts | 165 ++++++++++++++++------------
 1 file changed, 92 insertions(+), 73 deletions(-)

diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index be9460d01..0aa089a04 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -54,100 +54,119 @@ function applyChanges(changes: any[], elements: any[]): any[] {
     return changes.filter((c) => c.type === 'reset').map((c) => c.item);
   }
 
-  let remainingChanges = [];
   const updatedElements: any[] = [];
+  // By storing a map of changes for each element, we can a quick lookup as we
+  // iterate over the elements array!
+  const changesMap = new Map<any, any[]>();
 
   for (const change of changes) {
     if (change.type === 'add') {
       updatedElements.push(change.item);
+      continue;
+    } else if (change.type === 'remove') {
+      // For a 'remove' change we can safely ignore any other changes queued for
+      // the same element, it's going to be removed anyway!
+      changesMap.set(change.id, [change]);
     } else {
-      remainingChanges.push(change);
+      const elementChanges = changesMap.get(change.id);
+      // If we already have a 'remove' change queued for this element, we don't
+      // need to bother queueing any other changes for it,
+      //
+      // We might end up needlessly iterating over this changes array but in
+      // practice it will be very small (e.g. less than 5 or so items).
+      if (elementChanges?.some((c) => c.type === 'remove')) continue;
+      if (elementChanges) {
+        // If we have some changes queued already, we can do a mutable update of
+        // that array and save ourselves some copying.
+        elementChanges.push(change);
+      } else {
+        changesMap.set(change.id, [change]);
+      }
     }
   }
 
-  for (const item of elements) {
-    const nextChanges: any[] = [];
-    const _remainingChanges: any[] = [];
+  for (const element of elements) {
+    const changes = changesMap.get(element.id);
 
-    for (const change of remainingChanges) {
-      if (change.id === item.id) {
-        nextChanges.push(change);
-      } else {
-        _remainingChanges.push(change);
-      }
+    // When there are no changes for an element we can just push it unmodified,
+    // no need to copy it.
+    if (!changes) {
+      updatedElements.push(element);
+      continue;
     }
 
-    remainingChanges = _remainingChanges;
-
-    if (nextChanges.length === 0) {
-      updatedElements.push(item);
+    // If we have a 'remove' change queued, it'll be the only change in the array
+    if (changes[0].type === 'remove') {
       continue;
     }
 
-    const updateItem = { ...item };
-
-    for (const currentChange of nextChanges) {
-      if (currentChange) {
-        switch (currentChange.type) {
-          case 'select': {
-            updateItem.selected = currentChange.selected;
-            break;
-          }
-          case 'position': {
-            if (typeof currentChange.position !== 'undefined') {
-              updateItem.position = currentChange.position;
-            }
-
-            if (typeof currentChange.positionAbsolute !== 'undefined') {
-              if (!updateItem.computed) {
-                updateItem.computed = {};
-              }
-              updateItem.computed.positionAbsolute = currentChange.positionAbsolute;
-            }
-
-            if (typeof currentChange.dragging !== 'undefined') {
-              updateItem.dragging = currentChange.dragging;
-            }
-
-            if (updateItem.expandParent) {
-              handleParentExpand(updatedElements, updateItem);
-            }
-            break;
-          }
-          case 'dimensions': {
-            if (typeof currentChange.dimensions !== 'undefined') {
-              if (!updateItem.computed) {
-                updateItem.computed = {};
-              }
-              updateItem.computed.width = currentChange.dimensions.width;
-              updateItem.computed.height = currentChange.dimensions.height;
-            }
-
-            if (typeof currentChange.updateStyle !== 'undefined') {
-              updateItem.style = { ...(updateItem.style || {}), ...currentChange.dimensions };
-            }
-
-            if (typeof currentChange.resizing === 'boolean') {
-              updateItem.resizing = currentChange.resizing;
-            }
-
-            if (updateItem.expandParent) {
-              handleParentExpand(updatedElements, updateItem);
-            }
-            break;
-          }
-          case 'remove': {
-            continue;
-          }
-        }
-      }
-      updatedElements.push(updateItem);
+    // For other types of changes, we want to start with a shallow copy of the
+    // object so React knows this element has changed. Sequential changes will
+    /// each _mutate_ this object, so there's only ever one copy.
+    const updatedElement = { ...element };
+
+    for (const change of changes) {
+      applyChange(change, updatedElement, elements);
     }
+
+    updatedElements.push(updatedElement);
   }
 
   return updatedElements;
 }
 
+// Applies a single change to an element. This is a *mutable* update.
+function applyChange(change: any, element: any, elements: any[] = []): any {
+  switch (change.type) {
+    case 'select': {
+      element.selected = change.selected;
+      break;
+    }
+
+    case 'position': {
+      if (typeof change.position !== 'undefined') {
+        element.position = change.position;
+      }
+
+      if (typeof change.positionAbsolute !== 'undefined') {
+        element.computed ??= {};
+        element.computed.positionAbsolute = change.positionAbsolute;
+      }
+
+      if (typeof change.dragging !== 'undefined') {
+        element.dragging = change.dragging;
+      }
+
+      if (element.expandParent) {
+        handleParentExpand(elements, element);
+      }
+      break;
+    }
+
+    case 'dimensions': {
+      if (typeof change.dimensions !== 'undefined') {
+        element.computed ??= {};
+        element.computed.width = change.dimensions.width;
+        element.computed.height = change.dimensions.height;
+      }
+
+      if (typeof change.updateStyle !== 'undefined') {
+        element.style = Object.assign({}, element.style, change.updateStyle);
+      }
+
+      if (typeof change.resizing === 'boolean') {
+        element.resizing = change.resizing;
+      }
+
+      if (element.expandParent) {
+        handleParentExpand(elements, element);
+      }
+
+      break;
+    }
+  }
+}
+
 /**
  * Drop in function that applies node changes to an array of nodes.
  * @public

From a016652a132f1acab9ed0ced689cd33cdfb98534 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Christopher=20M=C3=B6ller?= <chrtze@gmail.com>
Date: Thu, 11 Jan 2024 09:50:40 +0100
Subject: [PATCH 0485/1093] chore(license): happy new year

---
 LICENSE | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/LICENSE b/LICENSE
index a8e03fd77..8540abfb2 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019-2023 webkid GmbH
+Copyright (c) 2019-2024 webkid GmbH
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

From f4def7d6c1e162845d8930576194bb33465d6893 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 11 Jan 2024 10:27:07 +0100
Subject: [PATCH 0486/1093] refactor(react/changes): handle resize

---
 examples/react/src/examples/MultiSetNodes/index.tsx | 1 +
 examples/react/src/examples/MultiSetNodes/style.css | 2 +-
 packages/react/src/utils/changes.ts                 | 7 ++++---
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/examples/react/src/examples/MultiSetNodes/index.tsx b/examples/react/src/examples/MultiSetNodes/index.tsx
index f04e0ddf2..fcb499240 100644
--- a/examples/react/src/examples/MultiSetNodes/index.tsx
+++ b/examples/react/src/examples/MultiSetNodes/index.tsx
@@ -63,6 +63,7 @@ const CustomNodeFlow = () => {
       onEdgesChange={onEdgesChange}
       onConnect={onConnect}
       fitView
+      className="multiset"
     >
       <Controls />
       <Background />
diff --git a/examples/react/src/examples/MultiSetNodes/style.css b/examples/react/src/examples/MultiSetNodes/style.css
index 11f622263..2f4276666 100644
--- a/examples/react/src/examples/MultiSetNodes/style.css
+++ b/examples/react/src/examples/MultiSetNodes/style.css
@@ -1,3 +1,3 @@
-.react-flow .react-flow__node {
+.multiset .react-flow__node {
   width: 50px;
 }
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 62593219c..9f2df299d 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -152,10 +152,11 @@ function applyChange(change: any, element: any, elements: any[] = []): any {
         element.computed ??= {};
         element.computed.width = change.dimensions.width;
         element.computed.height = change.dimensions.height;
-      }
 
-      if (typeof change.updateStyle !== 'undefined') {
-        element.style = Object.assign({}, element.style, change.updateStyle);
+        if (change.resizing) {
+          element.width = change.dimensions.width;
+          element.height = change.dimensions.height;
+        }
       }
 
       if (typeof change.resizing === 'boolean') {

From cf6c9a86b79f1c70befdd86b0616b2a6044effb6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 11 Jan 2024 11:08:32 +0100
Subject: [PATCH 0487/1093] refactor(react/changes): cleanup

---
 packages/react/src/utils/changes.ts | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 9f2df299d..87b87c3a4 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -73,12 +73,7 @@ function applyChanges(changes: any[], elements: any[]): any[] {
       changesMap.set(change.id, [change]);
     } else {
       const elementChanges = changesMap.get(change.id);
-      // If we already have a 'remove' change queued for this element, we don't
-      // need to bother queueing any other changes for it,
-      //
-      // We might end up needlessly iterating over this changes array but in
-      // practice it will be very small (e.g. less than 5 or so items).
-      if (elementChanges?.some((c) => c.type === 'remove')) continue;
+
       if (elementChanges) {
         // If we have some changes queued already, we can do a mutable update of
         // that array and save ourselves some copying.

From 08c6ed4a06daeb49417b189ef872d4f73ab1799e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 11 Jan 2024 11:19:23 +0100
Subject: [PATCH 0488/1093] refactor(deleteElements): use onbeforedelete from
 store

---
 .../examples/usesvelteflow/Sidebar.svelte     | 14 +++++++++--
 packages/react/CHANGELOG.md                   |  6 +++++
 .../react/src/hooks/useGlobalKeyHandler.ts    |  4 ++--
 packages/react/src/hooks/useReactFlow.ts      |  3 ++-
 packages/react/src/types/instance.ts          |  3 +--
 packages/svelte/CHANGELOG.md                  | 10 ++++++++
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 23 ++++++++-----------
 7 files changed, 43 insertions(+), 20 deletions(-)

diff --git a/examples/svelte/src/routes/examples/usesvelteflow/Sidebar.svelte b/examples/svelte/src/routes/examples/usesvelteflow/Sidebar.svelte
index a195cf1ce..5e6d20a25 100644
--- a/examples/svelte/src/routes/examples/usesvelteflow/Sidebar.svelte
+++ b/examples/svelte/src/routes/examples/usesvelteflow/Sidebar.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { useNodes, useSvelteFlow } from '@xyflow/svelte';
+	import { useEdges, useNodes, useSvelteFlow } from '@xyflow/svelte';
 
 	const {
 		zoomIn,
@@ -10,10 +10,12 @@
 		setViewport,
 		getViewport,
 		viewport,
-		toObject
+		toObject,
+		deleteElements
 	} = useSvelteFlow();
 
 	const nodes = useNodes();
+	const edges = useEdges();
 </script>
 
 <aside>
@@ -25,6 +27,14 @@
 	<button on:click={() => setCenter(0, 0)}>setCenter 0, 0</button>
 	<button on:click={() => setViewport({ x: 100, y: 100, zoom: 2 })}>setViewport</button>
 	<button on:click={() => console.log(getViewport())}>getViewport</button>
+
+	<button on:click={() => deleteElements({ edges: $edges.map((edge) => ({ id: edge.id })) })}
+		>delete edges</button
+	>
+	<button on:click={() => deleteElements({ nodes: [{ id: $nodes[0].id }] })}>delete node</button>
+	<button on:click={() => deleteElements({ nodes: $nodes.map((node) => ({ id: node.id })) })}
+		>deleteElements</button
+	>
 	<button
 		on:click={() => {
 			const { nodes, edges, viewport } = toObject();
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 249614a42..146e178c8 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/react
 
+## 12.0.0-next.6
+
+### Minor changes
+
+- fix `deleteElements`
+
 ## 12.0.0-next.5
 
 ### Minor changes
diff --git a/packages/react/src/hooks/useGlobalKeyHandler.ts b/packages/react/src/hooks/useGlobalKeyHandler.ts
index f85826c7a..ffc7a2aa5 100644
--- a/packages/react/src/hooks/useGlobalKeyHandler.ts
+++ b/packages/react/src/hooks/useGlobalKeyHandler.ts
@@ -30,8 +30,8 @@ export function useGlobalKeyHandler({
 
   useEffect(() => {
     if (deleteKeyPressed) {
-      const { edges, nodes, onBeforeDelete } = store.getState();
-      deleteElements({ nodes: nodes.filter(selected), edges: edges.filter(selected), onBeforeDelete });
+      const { edges, nodes } = store.getState();
+      deleteElements({ nodes: nodes.filter(selected), edges: edges.filter(selected) });
       store.setState({ nodesSelectionActive: false });
     }
   }, [deleteKeyPressed]);
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 198599d59..f5d630806 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -118,7 +118,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
   }, []);
 
   const deleteElements = useCallback<Instance.DeleteElements>(
-    async ({ nodes: nodesToRemove = [], edges: edgesToRemove = [], onBeforeDelete }) => {
+    async ({ nodes: nodesToRemove = [], edges: edgesToRemove = [] }) => {
       const {
         nodes,
         edges,
@@ -129,6 +129,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
         onNodesChange,
         onEdgesChange,
         onDelete,
+        onBeforeDelete,
       } = store.getState();
       const { nodes: matchingNodes, edges: matchingEdges } = await getElementsToRemove({
         nodesToRemove,
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index c9c4708db..0bf01b209 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-namespace */
-import type { OnBeforeDelete, Rect, Viewport } from '@xyflow/system';
+import type { Rect, Viewport } from '@xyflow/system';
 import type { Node, Edge, ViewportHelperFunctions } from '.';
 
 export type ReactFlowJsonObject<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
@@ -12,7 +12,6 @@ export type ReactFlowJsonObject<NodeType extends Node = Node, EdgeType extends E
 export type DeleteElementsOptions = {
   nodes?: (Node | { id: Node['id'] })[];
   edges?: (Edge | { id: Edge['id'] })[];
-  onBeforeDelete?: OnBeforeDelete;
 };
 
 export namespace Instance {
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 76920305b..dc044f9ec 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,15 @@
 # @xyflow/svelte
 
+## 0.0.33
+
+### Bugfix
+
+- fix `deleteElements`
+
+### ⚠️ Breaking
+
+- `deleteElements` function now takes one object as an argument `{ nodes: [], edges: [] }` instead of two `(nodes, edges)`  
+
 ## 0.0.32
 
 ### Features
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index ec370dbf9..c4da0c2b6 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -13,8 +13,7 @@ import {
   type Rect,
   getViewportForBounds,
   getElementsToRemove,
-  rendererPointToPoint,
-  type OnBeforeDelete
+  rendererPointToPoint
 } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
@@ -47,11 +46,13 @@ export function useSvelteFlow(): {
     partially?: boolean
   ) => boolean;
   fitBounds: (bounds: Rect, options?: FitBoundsOptions) => void;
-  deleteElements: (
-    nodesToRemove?: (Node | { id: Node['id'] })[],
-    edgesToRemove?: (Edge | { id: Edge['id'] })[],
-    onBeforeDelete?: OnBeforeDelete
-  ) => Promise<{ deletedNodes: Node[]; deletedEdges: Edge[] }>;
+  deleteElements: ({
+    nodes,
+    edges
+  }: {
+    nodes?: (Node | { id: Node['id'] })[];
+    edges?: (Edge | { id: Edge['id'] })[];
+  }) => Promise<{ deletedNodes: Node[]; deletedEdges: Edge[] }>;
   screenToFlowPosition: (position: XYPosition) => XYPosition;
   flowToScreenPosition: (position: XYPosition) => XYPosition;
   viewport: Writable<Viewport>;
@@ -201,17 +202,13 @@ export function useSvelteFlow(): {
 
       return partiallyVisible || overlappingArea >= nodeRect.width * nodeRect.height;
     },
-    deleteElements: async (
-      nodesToRemove: (Node | { id: Node['id'] })[] = [],
-      edgesToRemove: (Edge | { id: Edge['id'] })[] = [],
-      onBeforeDelete?: OnBeforeDelete
-    ) => {
+    deleteElements: async ({ nodes: nodesToRemove = [], edges: edgesToRemove = [] }) => {
       const { nodes: matchingNodes, edges: matchingEdges } = await getElementsToRemove({
         nodesToRemove,
         edgesToRemove,
         nodes: get(nodes),
         edges: get(edges),
-        onBeforeDelete
+        onBeforeDelete: get(onbeforedelete)
       });
 
       if (matchingNodes) {

From 5aacb84499c3c266f1e84737d0523d86ec76d62a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 11 Jan 2024 12:56:00 +0100
Subject: [PATCH 0489/1093] fix(react): deleteElements for uncontrolled flows

---
 .../src/routes/examples/usesvelteflow/Sidebar.svelte   |  6 ++++++
 packages/react/src/hooks/useReactFlow.ts               | 10 ++++------
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/examples/svelte/src/routes/examples/usesvelteflow/Sidebar.svelte b/examples/svelte/src/routes/examples/usesvelteflow/Sidebar.svelte
index 5e6d20a25..0a27afd95 100644
--- a/examples/svelte/src/routes/examples/usesvelteflow/Sidebar.svelte
+++ b/examples/svelte/src/routes/examples/usesvelteflow/Sidebar.svelte
@@ -16,6 +16,11 @@
 
 	const nodes = useNodes();
 	const edges = useEdges();
+
+	const deleteNode = () => {
+		$nodes.shift();
+		$nodes = $nodes;
+	};
 </script>
 
 <aside>
@@ -35,6 +40,7 @@
 	<button on:click={() => deleteElements({ nodes: $nodes.map((node) => ({ id: node.id })) })}
 		>deleteElements</button
 	>
+	<button on:click={() => deleteNode()}>delete via store</button>
 	<button
 		on:click={() => {
 			const { nodes, edges, viewport } = toObject();
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index f5d630806..518bf6831 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -144,9 +144,8 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
 
       if (hasMatchingEdges) {
         if (hasDefaultEdges) {
-          store.setState({
-            edges: edges.filter((e) => !matchingEdges.some((mE) => mE.id === e.id)),
-          });
+          const nextEdges = edges.filter((e) => !matchingEdges.some((mE) => mE.id === e.id));
+          store.getState().setEdges(nextEdges);
         }
 
         onEdgesDelete?.(matchingEdges);
@@ -160,9 +159,8 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
 
       if (hasMatchingNodes) {
         if (hasDefaultNodes) {
-          store.setState({
-            nodes: nodes.filter((n) => !matchingNodes.some((mN) => mN.id === n.id)),
-          });
+          const nextNodes = nodes.filter((n) => !matchingNodes.some((mN) => mN.id === n.id));
+          store.getState().setNodes(nextNodes);
         }
 
         onNodesDelete?.(matchingNodes);

From 62b57eec6e48ea0c257e0d032fc65a1d1b9b5277 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 11 Jan 2024 15:00:16 +0100
Subject: [PATCH 0490/1093] feat(svelte) Expose edgeLookup, fix(svelte)
 dragging behaviour when selectable=false

---
 packages/svelte/src/lib/store/index.ts         | 17 +++++++++++++++--
 packages/svelte/src/lib/store/initial-store.ts |  4 +++-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 75036a80d..5cd8e9aea 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -200,11 +200,24 @@ export function createStore({
       .map((edge) => edge.id);
 
     if (selectedNodeIds.length) {
-      store.nodes.update((ns) => ns.map(resetSelectedItem(selectedNodeIds)));
+      const nodeLookup = get(store.nodeLookup);
+      selectedNodeIds.forEach((id) => {
+        const node = nodeLookup.get(id);
+        if (node) {
+          node.selected = false;
+        }
+      });
+      store.nodes.set(get(store.nodes));
     }
 
     if (selectedEdgeIds.length) {
-      store.edges.update((es) => es.map(resetSelectedItem(selectedEdgeIds)));
+      const edgeLookup = get(store.edgeLookup);
+      selectedEdgeIds.forEach((id) => {
+        const edge = edgeLookup.get(id);
+        if (edge) {
+          edge.selected = false;
+        }
+      });
     }
   }
 
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 01a40a9c3..90c59b2d7 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -23,7 +23,8 @@ import {
   type OnConnectStart,
   type OnConnectEnd,
   type NodeLookup,
-  type OnBeforeDelete
+  type OnBeforeDelete,
+  type EdgeLookup
 } from '@xyflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -99,6 +100,7 @@ export const getInitialStore = ({
     flowId: writable<string | null>(null),
     nodes: createNodesStore(nextNodes, nodeLookup),
     nodeLookup: readable<NodeLookup>(nodeLookup),
+    edgeLookup: readable<EdgeLookup>(edgeLookup),
     visibleNodes: readable<Node[]>([]),
     edges: createEdgesStore(edges, connectionLookup, edgeLookup),
     visibleEdges: readable<EdgeLayouted[]>([]),

From 2ba35de18622a11bccb63c1b0226dffeeedfe9c6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 11 Jan 2024 16:03:02 +0100
Subject: [PATCH 0491/1093] refactor(applyChanges): use specific replace events
 instead of a rough reset

---
 .../components/utils/apply-changes.cy.ts      | 12 +--
 .../react/src/examples/UseNodesData/index.tsx |  2 +-
 .../react/src/examples/UseReactFlow/index.tsx | 26 ++++++-
 packages/react/src/hooks/useReactFlow.ts      | 78 +++++++++----------
 packages/react/src/types/changes.ts           | 15 ++--
 packages/react/src/utils/changes.ts           | 69 ++++++++++++++--
 6 files changed, 143 insertions(+), 59 deletions(-)

diff --git a/examples/react/cypress/components/utils/apply-changes.cy.ts b/examples/react/cypress/components/utils/apply-changes.cy.ts
index 9bdf01af0..1548b7e97 100644
--- a/examples/react/cypress/components/utils/apply-changes.cy.ts
+++ b/examples/react/cypress/components/utils/apply-changes.cy.ts
@@ -156,20 +156,22 @@ describe('applyChanges Testing', () => {
     expect(nextNodes[0].computed).to.be.deep.equal({ width: newWidth, height: newHeight });
   });
 
-  it('resets nodes/edges', () => {
+  it('replaces nodes/edges', () => {
     const nodesLength = nodes.length;
-    const nodeChanges: NodeChange[] = [{ type: 'reset', item: nodes[0] }];
+    const nodeChanges: NodeChange[] = [{ type: 'replace', id: nodes[0].id, item: nodes[1] }];
     const nextNodes = applyNodeChanges(nodeChanges, nodes);
 
     expect(nodes.length).length.to.be.equal(nodesLength);
-    expect(nextNodes.length).to.be.equal(nodeChanges.length);
+    expect(nextNodes.length).to.be.equal(nodesLength);
+    expect(nextNodes[0]).to.be.deep.equal(nodes[1]);
 
     const edgesLength = edges.length;
-    const edgeChange: EdgeChange[] = [{ type: 'reset', item: edges[0] }];
+    const edgeChange: EdgeChange[] = [{ type: 'replace', id: edges[0].id, item: edges[1] }];
     const nextEdges = applyEdgeChanges(edgeChange, edges);
 
     expect(edges.length).length.to.be.equal(edgesLength);
-    expect(nextEdges.length).to.be.equal(edgeChange.length);
+    expect(nextEdges.length).to.be.equal(edgesLength);
+    expect(nextEdges[0]).to.be.deep.equal(edges[1]);
   });
 });
 
diff --git a/examples/react/src/examples/UseNodesData/index.tsx b/examples/react/src/examples/UseNodesData/index.tsx
index 7bb1a94e0..d6b697a9c 100644
--- a/examples/react/src/examples/UseNodesData/index.tsx
+++ b/examples/react/src/examples/UseNodesData/index.tsx
@@ -78,7 +78,7 @@ const initEdges: Edge[] = [
 ];
 
 const CustomNodeFlow = () => {
-  const [nodes, setNodes, onNodesChange] = useNodesState(initNodes);
+  const [nodes, , onNodesChange] = useNodesState(initNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initEdges);
 
   const onConnect = useCallback((connection: Connection) => setEdges((eds) => addEdge(connection, eds)), [setEdges]);
diff --git a/examples/react/src/examples/UseReactFlow/index.tsx b/examples/react/src/examples/UseReactFlow/index.tsx
index 69f3c7621..bed127fb6 100644
--- a/examples/react/src/examples/UseReactFlow/index.tsx
+++ b/examples/react/src/examples/UseReactFlow/index.tsx
@@ -1,4 +1,4 @@
-import { useCallback, MouseEvent, useEffect } from 'react';
+import { useCallback, MouseEvent, useEffect, useRef } from 'react';
 import {
   ReactFlow,
   Background,
@@ -68,6 +68,7 @@ const UseZoomPanHelperFlow = () => {
     getNodes,
     getEdges,
     deleteElements,
+    updateNodeData,
   } = useReactFlow();
 
   const onPaneClick = useCallback(
@@ -125,12 +126,31 @@ const UseZoomPanHelperFlow = () => {
     deleteElements({ nodes: [{ id: '2' }], edges: [{ id: 'e1-3' }] });
   }, []);
 
+  const edgeAdded = useRef(false);
+
   useEffect(() => {
-    addEdges({ id: 'e3-4', source: '3', target: '4' });
+    if (!edgeAdded.current) {
+      addEdges({ id: 'e3-4', source: '3', target: '4' });
+      edgeAdded.current = true;
+    }
   }, [addEdges]);
 
   const onResetNodes = useCallback(() => setNodesHook(initialNodes), [setNodesHook]);
 
+  const onSetNodes = () => {
+    setNodes([
+      { id: 'a', position: { x: 0, y: 0 }, data: { label: 'Node a' } },
+      { id: 'b', position: { x: 0, y: 150 }, data: { label: 'Node b' } },
+    ]);
+
+    setEdges([{ id: 'a-b', source: 'a', target: 'b' }]);
+  };
+
+  const onUpdateNode = () => {
+    updateNodeData('1', { label: 'update' });
+    updateNodeData('2', { label: 'update' });
+  };
+
   return (
     <ReactFlow
       nodes={nodes}
@@ -153,6 +173,8 @@ const UseZoomPanHelperFlow = () => {
         <button onClick={logNodes}>useNodes</button>
         <button onClick={deleteSelectedElements}>deleteSelectedElements</button>
         <button onClick={deleteSomeElements}>deleteSomeElements</button>
+        <button onClick={onSetNodes}>setNodes</button>
+        <button onClick={onUpdateNode}>updateNode</button>
       </Panel>
       <Background />
       <MiniMap />
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index b8b019205..25a8310ef 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -8,14 +8,12 @@ import type {
   Instance,
   NodeAddChange,
   EdgeAddChange,
-  NodeResetChange,
-  EdgeResetChange,
-  NodeRemoveChange,
-  EdgeRemoveChange,
   Node,
   Edge,
+  NodeChange,
+  EdgeChange,
 } from '../types';
-import { isNode } from '../utils';
+import { getElementsDiffChanges, isNode } from '../utils';
 
 /**
  * Hook for accessing the ReactFlow instance.
@@ -30,10 +28,6 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
   const viewportHelper = useViewportHelper();
   const store = useStoreApi();
 
-  // this is used to handle multiple syncronous setNodes calls
-  const setNodesData = useRef<Node[]>();
-  const setNodesTimeout = useRef<ReturnType<typeof setTimeout>>();
-
   const getNodes = useCallback<Instance.GetNodes<NodeType>>(() => {
     return store.getState().nodes.map((n) => ({ ...n })) as NodeType[];
   }, []);
@@ -52,48 +46,54 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
     return edges.find((e) => e.id === id) as EdgeType;
   }, []);
 
+  // this is used to handle multiple syncronous setNodes calls
+  const setNodesData = useRef<Node[]>();
+  const setNodesTimeout = useRef<ReturnType<typeof setTimeout>>();
   const setNodes = useCallback<Instance.SetNodes<NodeType>>((payload) => {
-    const { nodes, setNodes, hasDefaultNodes, onNodesChange } = store.getState();
-    setNodesData.current = setNodesData.current || nodes;
-    const nextNodes = typeof payload === 'function' ? payload(setNodesData.current as NodeType[]) : payload;
+    const { nodes = [], setNodes, hasDefaultNodes, onNodesChange, nodeLookup } = store.getState();
+    const nextNodes = typeof payload === 'function' ? payload((setNodesData.current as NodeType[]) || nodes) : payload;
 
     setNodesData.current = nextNodes;
 
-    if (hasDefaultNodes) {
-      setNodes(nextNodes);
-    } else if (onNodesChange) {
-      if (setNodesTimeout.current) {
-        clearTimeout(setNodesTimeout.current);
-      }
+    if (setNodesTimeout.current) {
+      clearTimeout(setNodesTimeout.current);
+    }
 
-      // if there are multiple synchronous setNodes calls, we only want to call onNodesChange once
-      // for this, we use a timeout to wait for the last call and store updated nodes in setNodesData
-      // this is not perfect, but should work in most cases
-      setNodesTimeout.current = setTimeout(() => {
-        const changes =
-          nextNodes.length === 0
-            ? nodes.map((node) => ({ type: 'remove', id: node.id } as NodeRemoveChange))
-            : nextNodes.map((node) => ({ item: node, type: 'reset' } as NodeResetChange<NodeType>));
+    // if there are multiple synchronous setNodes calls, we only want to call onNodesChange once
+    // for this, we use a timeout to wait for the last call and store updated nodes in setNodesData
+    // this is not perfect, but should work in most cases
+    setNodesTimeout.current = setTimeout(() => {
+      if (hasDefaultNodes) {
+        setNodes(nextNodes);
+      } else if (onNodesChange) {
+        const changes: NodeChange[] = getElementsDiffChanges({ items: setNodesData.current, lookup: nodeLookup });
         onNodesChange(changes);
-
         setNodesData.current = undefined;
-      }, 0);
-    }
+      }
+    }, 0);
   }, []);
 
+  // this is used to handle multiple syncronous setNodes calls
+  const setEdgesData = useRef<Edge[]>();
+  const setEdgesTimeout = useRef<ReturnType<typeof setTimeout>>();
   const setEdges = useCallback<Instance.SetEdges<EdgeType>>((payload) => {
-    const { edges = [], setEdges, hasDefaultEdges, onEdgesChange } = store.getState();
-    const nextEdges = typeof payload === 'function' ? payload(edges as EdgeType[]) : payload;
+    const { edges = [], setEdges, hasDefaultEdges, onEdgesChange, edgeLookup } = store.getState();
+    const nextEdges = typeof payload === 'function' ? payload((setEdgesData.current as EdgeType[]) || edges) : payload;
 
-    if (hasDefaultEdges) {
-      setEdges(nextEdges);
-    } else if (onEdgesChange) {
-      const changes =
-        nextEdges.length === 0
-          ? edges.map((edge) => ({ type: 'remove', id: edge.id } as EdgeRemoveChange))
-          : nextEdges.map((edge) => ({ item: edge, type: 'reset' } as EdgeResetChange<EdgeType>));
-      onEdgesChange(changes);
+    setEdgesData.current = nextEdges;
+
+    if (setEdgesTimeout.current) {
+      clearTimeout(setEdgesTimeout.current);
     }
+
+    setEdgesTimeout.current = setTimeout(() => {
+      if (hasDefaultEdges) {
+        setEdges(nextEdges);
+      } else if (onEdgesChange) {
+        const changes: EdgeChange[] = getElementsDiffChanges({ items: nextEdges, lookup: edgeLookup });
+        onEdgesChange(changes);
+      }
+    }, 0);
   }, []);
 
   const addNodes = useCallback<Instance.AddNodes<NodeType>>((payload) => {
diff --git a/packages/react/src/types/changes.ts b/packages/react/src/types/changes.ts
index 9a60e089c..3dfdffa22 100644
--- a/packages/react/src/types/changes.ts
+++ b/packages/react/src/types/changes.ts
@@ -34,9 +34,10 @@ export type NodeAddChange<NodeType extends Node = Node> = {
   type: 'add';
 };
 
-export type NodeResetChange<NodeType extends Node = Node> = {
+export type NodeReplaceChange<NodeType extends Node = Node> = {
+  id: string;
   item: NodeType;
-  type: 'reset';
+  type: 'replace';
 };
 
 /**
@@ -49,7 +50,7 @@ export type NodeChange =
   | NodeSelectionChange
   | NodeRemoveChange
   | NodeAddChange
-  | NodeResetChange;
+  | NodeReplaceChange;
 
 export type EdgeSelectionChange = NodeSelectionChange;
 export type EdgeRemoveChange = NodeRemoveChange;
@@ -57,8 +58,10 @@ export type EdgeAddChange<EdgeType extends Edge = Edge> = {
   item: EdgeType;
   type: 'add';
 };
-export type EdgeResetChange<EdgeType extends Edge = Edge> = {
+
+export type EdgeReplaceChange<EdgeType extends Edge = Edge> = {
+  id: string;
   item: EdgeType;
-  type: 'reset';
+  type: 'replace';
 };
-export type EdgeChange = EdgeSelectionChange | EdgeRemoveChange | EdgeAddChange | EdgeResetChange;
+export type EdgeChange = EdgeSelectionChange | EdgeRemoveChange | EdgeAddChange | EdgeReplaceChange;
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 87b87c3a4..cd148a6e2 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -1,4 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
+import { EdgeLookup, NodeLookup } from '@xyflow/system';
 import type { Node, Edge, EdgeChange, NodeChange, NodeSelectionChange, EdgeSelectionChange } from '../types';
 
 export function handleParentExpand(updatedElements: any[], updateItem: any) {
@@ -53,11 +54,6 @@ export function handleParentExpand(updatedElements: any[], updateItem: any) {
 // When you drag a node for example, React Flow will send a position change update.
 // This function then applies the changes and returns the updated elements.
 function applyChanges(changes: any[], elements: any[]): any[] {
-  // we need this hack to handle the setNodes and setEdges function of the useReactFlow hook for controlled flows
-  if (changes.some((c) => c.type === 'reset')) {
-    return changes.filter((c) => c.type === 'reset').map((c) => c.item);
-  }
-
   const updatedElements: any[] = [];
   // By storing a map of changes for each element, we can a quick lookup as we
   // iterate over the elements array!
@@ -67,7 +63,7 @@ function applyChanges(changes: any[], elements: any[]): any[] {
     if (change.type === 'add') {
       updatedElements.push(change.item);
       continue;
-    } else if (change.type === 'remove') {
+    } else if (change.type === 'remove' || change.type === 'replace') {
       // For a 'remove' change we can safely ignore any other changes queued for
       // the same element, it's going to be removed anyway!
       changesMap.set(change.id, [change]);
@@ -99,6 +95,11 @@ function applyChanges(changes: any[], elements: any[]): any[] {
       continue;
     }
 
+    if (changes[0].type === 'replace') {
+      updatedElements.push({ ...changes[0].item });
+      continue;
+    }
+
     // For other types of changes, we want to start with a shallow copy of the
     // object so React knows this element has changed. Sequential changes will
     /// each _mutate_ this object, so there's only ever one copy.
@@ -245,3 +246,59 @@ export function getSelectionChanges(
 
   return changes;
 }
+
+/**
+ * This function is used to find the changes between two sets of elements.
+ * It is used to determine which nodes or edges have been added, removed or replaced.
+ *
+ * @internal
+ * @param params.items = the next set of elements (nodes or edges)
+ * @param params.lookup = a lookup map of the current store elements
+ * @returns an array of changes
+ */
+export function getElementsDiffChanges({
+  items,
+  lookup,
+}: {
+  items: Node[] | undefined;
+  lookup: NodeLookup;
+}): NodeChange[];
+export function getElementsDiffChanges({
+  items,
+  lookup,
+}: {
+  items: Edge[] | undefined;
+  lookup: EdgeLookup;
+}): EdgeChange[];
+export function getElementsDiffChanges({
+  items = [],
+  lookup,
+}: {
+  items: any[] | undefined;
+  lookup: Map<string, any>;
+}): any[] {
+  const changes: any[] = [];
+  const itemsLookup = new Map<string, any>(items.map((item) => [item.id, item]));
+
+  for (const item of items) {
+    const storeItem = lookup.get(item.id);
+
+    if (storeItem !== undefined && storeItem !== item) {
+      changes.push({ id: item.id, item: item, type: 'replace' });
+    }
+
+    if (storeItem === undefined) {
+      changes.push({ item: item, type: 'add' });
+    }
+  }
+
+  for (const [id] of lookup) {
+    const nextNode = itemsLookup.get(id);
+
+    if (nextNode === undefined) {
+      changes.push({ id, type: 'remove' });
+    }
+  }
+
+  return changes;
+}

From 70d76611b16ee216c5206a6ca819ee7a8a87ee73 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 11 Jan 2024 16:26:59 +0100
Subject: [PATCH 0492/1093] chore(applyChanges): cleanup

---
 examples/react/src/examples/Basic/index.tsx   | 42 ++++++++++++++++---
 .../src/examples/UseNodesData/TextNode.tsx    | 13 ++++--
 packages/react/src/hooks/useReactFlow.ts      |  7 +++-
 3 files changed, 50 insertions(+), 12 deletions(-)

diff --git a/examples/react/src/examples/Basic/index.tsx b/examples/react/src/examples/Basic/index.tsx
index 4f1a51d2c..8d9c7dfd0 100644
--- a/examples/react/src/examples/Basic/index.tsx
+++ b/examples/react/src/examples/Basic/index.tsx
@@ -1,4 +1,4 @@
-import { MouseEvent } from 'react';
+import { MouseEvent, useCallback } from 'react';
 import {
   ReactFlow,
   MiniMap,
@@ -53,10 +53,11 @@ const initialEdges: Edge[] = [
 const defaultEdgeOptions = {};
 
 const BasicFlow = () => {
-  const instance = useReactFlow();
+  const { setNodes, getNodes, setEdges, getEdges, deleteElements, updateNodeData, toObject, setViewport } =
+    useReactFlow();
 
   const updatePos = () => {
-    instance.setNodes((nodes) =>
+    setNodes((nodes) =>
       nodes.map((node) => {
         node.position = {
           x: Math.random() * 400,
@@ -68,11 +69,11 @@ const BasicFlow = () => {
     );
   };
 
-  const logToObject = () => console.log(instance.toObject());
-  const resetTransform = () => instance.setViewport({ x: 0, y: 0, zoom: 1 });
+  const logToObject = () => console.log(toObject());
+  const resetTransform = () => setViewport({ x: 0, y: 0, zoom: 1 });
 
   const toggleClassnames = () => {
-    instance.setNodes((nodes) =>
+    setNodes((nodes) =>
       nodes.map((node) => {
         node.className = node.className === 'light' ? 'dark' : 'light';
 
@@ -81,6 +82,30 @@ const BasicFlow = () => {
     );
   };
 
+  const deleteSelectedElements = useCallback(() => {
+    const selectedNodes = getNodes().filter((node) => node.selected);
+    const selectedEdges = getEdges().filter((edge) => edge.selected);
+    deleteElements({ nodes: selectedNodes, edges: selectedEdges });
+  }, [deleteElements]);
+
+  const deleteSomeElements = useCallback(() => {
+    deleteElements({ nodes: [{ id: '2' }], edges: [{ id: 'e1-3' }] });
+  }, []);
+
+  const onSetNodes = () => {
+    setNodes([
+      { id: 'a', position: { x: 0, y: 0 }, data: { label: 'Node a' } },
+      { id: 'b', position: { x: 0, y: 150 }, data: { label: 'Node b' } },
+    ]);
+
+    setEdges([{ id: 'a-b', source: 'a', target: 'b' }]);
+  };
+
+  const onUpdateNode = () => {
+    updateNodeData('1', { label: 'update' });
+    updateNodeData('2', { label: 'update' });
+  };
+
   return (
     <ReactFlow
       defaultNodes={initialNodes}
@@ -106,6 +131,11 @@ const BasicFlow = () => {
         <button onClick={updatePos}>change pos</button>
         <button onClick={toggleClassnames}>toggle classnames</button>
         <button onClick={logToObject}>toObject</button>
+
+        <button onClick={deleteSelectedElements}>deleteSelectedElements</button>
+        <button onClick={deleteSomeElements}>deleteSomeElements</button>
+        <button onClick={onSetNodes}>setNodes</button>
+        <button onClick={onUpdateNode}>updateNode</button>
       </Panel>
     </ReactFlow>
   );
diff --git a/examples/react/src/examples/UseNodesData/TextNode.tsx b/examples/react/src/examples/UseNodesData/TextNode.tsx
index 6ca424e60..113d41fb6 100644
--- a/examples/react/src/examples/UseNodesData/TextNode.tsx
+++ b/examples/react/src/examples/UseNodesData/TextNode.tsx
@@ -1,16 +1,21 @@
-import { memo, ChangeEventHandler } from 'react';
+import { memo, useState } from 'react';
 import { Position, NodeProps, Handle, useReactFlow } from '@xyflow/react';
 
 function TextNode({ id, data }: NodeProps) {
   const { updateNodeData } = useReactFlow();
-
-  const onChange: ChangeEventHandler<HTMLInputElement> = (evt) => updateNodeData(id, { text: evt.target.value });
+  const [text, setText] = useState(data.text);
+  const updateText = (text: string) => {
+    // avoid jumping caret with a synchronous update
+    setText(text);
+    // update actual node data
+    updateNodeData(id, { text });
+  };
 
   return (
     <div style={{ background: '#eee', color: '#222', padding: 10, fontSize: 12, borderRadius: 10 }}>
       <div>node {id}</div>
       <div>
-        <input onChange={onChange} value={data.text} />
+        <input onChange={(evt) => updateText(evt.target.value)} value={text} />
       </div>
       <Handle type="source" position={Position.Right} />
     </div>
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 25a8310ef..048a957bf 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -68,12 +68,13 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
       } else if (onNodesChange) {
         const changes: NodeChange[] = getElementsDiffChanges({ items: setNodesData.current, lookup: nodeLookup });
         onNodesChange(changes);
-        setNodesData.current = undefined;
       }
+
+      setNodesData.current = undefined;
     }, 0);
   }, []);
 
-  // this is used to handle multiple syncronous setNodes calls
+  // this is used to handle multiple syncronous setEdges calls
   const setEdgesData = useRef<Edge[]>();
   const setEdgesTimeout = useRef<ReturnType<typeof setTimeout>>();
   const setEdges = useCallback<Instance.SetEdges<EdgeType>>((payload) => {
@@ -93,6 +94,8 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
         const changes: EdgeChange[] = getElementsDiffChanges({ items: nextEdges, lookup: edgeLookup });
         onEdgesChange(changes);
       }
+
+      setEdgesData.current = undefined;
     }, 0);
   }, []);
 

From 027f2ffbcd6d0dde36888b4cd07f61d30ab3065e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 11 Jan 2024 16:38:07 +0100
Subject: [PATCH 0493/1093] chore(changelog): add changes

---
 packages/react/CHANGELOG.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 146e178c8..cbdb7cf17 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -5,6 +5,8 @@
 ### Minor changes
 
 - fix `deleteElements`
+- refactor internal `applyChanges`
+- batch `setNodes` and `setEdges` from `useReactFlow`
 
 ## 12.0.0-next.5
 

From 19a8bc3e4949f0c2946da041a9fd84f9739eeb1e Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 11 Jan 2024 16:58:49 +0100
Subject: [PATCH 0494/1093] Simplified unselectNodesAndEdges

---
 packages/svelte/src/lib/store/index.ts | 48 +++++++-------------------
 1 file changed, 12 insertions(+), 36 deletions(-)

diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 5cd8e9aea..407b181b5 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -178,47 +178,23 @@ export function createStore({
     }
   }
 
-  function resetSelectedItem<T extends Node | Edge>(ids: string[]) {
-    return (item: T) => {
-      if (item.selected && ids.includes(item.id)) {
-        return {
-          ...item,
-          selected: false
-        };
+  function resetSelected(elements: Node[] | Edge[]) {
+    let resetSomeElements = false;
+    elements.forEach((element) => {
+      if (element.selected) {
+        element.selected = false;
+        resetSomeElements = true;
       }
-
-      return item;
-    };
+    });
+    return resetSomeElements;
   }
 
   function unselectNodesAndEdges(params?: { nodes?: Node[]; edges?: Edge[] }) {
-    const selectedNodeIds = (params?.nodes ? params.nodes : get(store.nodes))
-      .filter((node) => node.selected)
-      .map((node) => node.id);
-    const selectedEdgeIds = (params?.edges ? params.edges : get(store.edges))
-      .filter((edge) => edge.selected)
-      .map((edge) => edge.id);
-
-    if (selectedNodeIds.length) {
-      const nodeLookup = get(store.nodeLookup);
-      selectedNodeIds.forEach((id) => {
-        const node = nodeLookup.get(id);
-        if (node) {
-          node.selected = false;
-        }
-      });
-      store.nodes.set(get(store.nodes));
-    }
+    const resetNodes = resetSelected(params?.nodes || get(store.nodes));
+    if (resetNodes) store.nodes.set(get(store.nodes));
 
-    if (selectedEdgeIds.length) {
-      const edgeLookup = get(store.edgeLookup);
-      selectedEdgeIds.forEach((id) => {
-        const edge = edgeLookup.get(id);
-        if (edge) {
-          edge.selected = false;
-        }
-      });
-    }
+    const resetEdges = resetSelected(params?.edges || get(store.edges));
+    if (resetEdges) store.edges.set(get(store.edges));
   }
 
   store.deleteKeyPressed.subscribe(async (deleteKeyPressed) => {

From f5ffa83124ad5c9878ab52c7f5bdba97edfa0cee Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 11 Jan 2024 17:05:15 +0100
Subject: [PATCH 0495/1093] better naming

---
 packages/svelte/src/lib/store/index.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 407b181b5..a13cc7f17 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -178,22 +178,22 @@ export function createStore({
     }
   }
 
-  function resetSelected(elements: Node[] | Edge[]) {
-    let resetSomeElements = false;
+  function resetSelectedElements(elements: Node[] | Edge[]) {
+    let elementsChanged = false;
     elements.forEach((element) => {
       if (element.selected) {
         element.selected = false;
-        resetSomeElements = true;
+        elementsChanged = true;
       }
     });
-    return resetSomeElements;
+    return elementsChanged;
   }
 
   function unselectNodesAndEdges(params?: { nodes?: Node[]; edges?: Edge[] }) {
-    const resetNodes = resetSelected(params?.nodes || get(store.nodes));
+    const resetNodes = resetSelectedElements(params?.nodes || get(store.nodes));
     if (resetNodes) store.nodes.set(get(store.nodes));
 
-    const resetEdges = resetSelected(params?.edges || get(store.edges));
+    const resetEdges = resetSelectedElements(params?.edges || get(store.edges));
     if (resetEdges) store.edges.set(get(store.edges));
   }
 

From 8c010860111f93f74b616a875e005e80a8b2654c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 11 Jan 2024 17:16:40 +0100
Subject: [PATCH 0496/1093] chore(changelog): add changes

---
 packages/svelte/CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index dc044f9ec..5f8bc9ea1 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -5,6 +5,7 @@
 ### Bugfix
 
 - fix `deleteElements`
+- fix dragging when draggable=false
 
 ### ⚠️ Breaking
 

From c0543f98802da96d62f66d347e26be210035b9a4 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 11 Jan 2024 17:29:28 +0100
Subject: [PATCH 0497/1093] chore(controls): add aria-label #3775

---
 .../react/src/additional-components/Controls/Controls.tsx | 2 ++
 .../react/src/additional-components/Controls/types.ts     | 7 +++++--
 packages/svelte/src/lib/plugins/Controls/Controls.svelte  | 8 +++++++-
 packages/svelte/src/lib/plugins/Controls/types.ts         | 1 +
 4 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/additional-components/Controls/Controls.tsx b/packages/react/src/additional-components/Controls/Controls.tsx
index 3a38790d4..5cb9bb4f7 100644
--- a/packages/react/src/additional-components/Controls/Controls.tsx
+++ b/packages/react/src/additional-components/Controls/Controls.tsx
@@ -34,6 +34,7 @@ function ControlsComponent({
   className,
   children,
   position = 'bottom-left',
+  'aria-label': ariaLabel = 'React Flow controls',
 }: ControlProps) {
   const store = useStoreApi();
   const { isInteractive, minZoomReached, maxZoomReached } = useStore(selector, shallow);
@@ -70,6 +71,7 @@ function ControlsComponent({
       position={position}
       style={style}
       data-testid="rf__controls"
+      aria-label={ariaLabel}
     >
       {showZoom && (
         <>
diff --git a/packages/react/src/additional-components/Controls/types.ts b/packages/react/src/additional-components/Controls/types.ts
index 3833c50f5..e687b09bc 100644
--- a/packages/react/src/additional-components/Controls/types.ts
+++ b/packages/react/src/additional-components/Controls/types.ts
@@ -1,9 +1,9 @@
-import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
 import type { PanelPosition } from '@xyflow/system';
 
 import type { FitViewOptions } from '../../types';
 
-export type ControlProps = HTMLAttributes<HTMLDivElement> & {
+export type ControlProps = {
   showZoom?: boolean;
   showFitView?: boolean;
   showInteractive?: boolean;
@@ -14,6 +14,9 @@ export type ControlProps = HTMLAttributes<HTMLDivElement> & {
   onInteractiveChange?: (interactiveStatus: boolean) => void;
   position?: PanelPosition;
   children?: ReactNode;
+  style?: React.CSSProperties;
+  className?: string;
+  'aria-label'?: string;
 };
 
 export type ControlButtonProps = ButtonHTMLAttributes<HTMLButtonElement>;
diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index 396d19dd2..a82c7c033 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -21,6 +21,7 @@
   export let buttonColor: $$Props['buttonColor'] = undefined;
   export let buttonColorHover: $$Props['buttonColorHover'] = undefined;
   export let buttonBorderColor: $$Props['buttonColorHover'] = undefined;
+  export let ariaLabel: $$Props['aria-label'] = undefined;
 
   const {
     zoomIn,
@@ -67,7 +68,12 @@
   };
 </script>
 
-<Panel class="svelte-flow__controls" {position} data-testid="svelte-flow__controls">
+<Panel
+  class="svelte-flow__controls"
+  {position}
+  data-testid="svelte-flow__controls"
+  aria-label={ariaLabel ?? 'Svelte Flow controls'}
+>
   {#if showZoom}
     <ControlButton
       on:click={onZoomInHandler}
diff --git a/packages/svelte/src/lib/plugins/Controls/types.ts b/packages/svelte/src/lib/plugins/Controls/types.ts
index 31131dff9..2aad9b391 100644
--- a/packages/svelte/src/lib/plugins/Controls/types.ts
+++ b/packages/svelte/src/lib/plugins/Controls/types.ts
@@ -9,4 +9,5 @@ export type ControlsProps = {
   buttonBgColorHover?: string;
   buttonColor?: string;
   buttonColorHover?: string;
+  'aria-label'?: string;
 };

From bfd6c50af96da2967b625ccaaf9b3ae958e4ae68 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 11 Jan 2024 17:33:07 +0100
Subject: [PATCH 0498/1093] chore(packages): bump

---
 packages/react/CHANGELOG.md  | 1 +
 packages/react/package.json  | 2 +-
 packages/svelte/CHANGELOG.md | 3 ++-
 packages/svelte/package.json | 2 +-
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index cbdb7cf17..5828b7c4d 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -7,6 +7,7 @@
 - fix `deleteElements`
 - refactor internal `applyChanges`
 - batch `setNodes` and `setEdges` from `useReactFlow`
+- add `aria-label` prop for `<Controls />`
 
 ## 12.0.0-next.5
 
diff --git a/packages/react/package.json b/packages/react/package.json
index f234eafdf..7560e0dcd 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.5",
+  "version": "12.0.0-next.6",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 5f8bc9ea1..b2fef4b0a 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -5,7 +5,8 @@
 ### Bugfix
 
 - fix `deleteElements`
-- fix dragging when draggable=false
+- fix dragging when `draggable=false`
+- add `ariaLabel` prop for `<Controls />`
 
 ### ⚠️ Breaking
 
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 6e73cbecf..f47dc1697 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",

From 88c9372bb93ecdbe64c853db7da40abee7347534 Mon Sep 17 00:00:00 2001
From: Felipe Emos <felipe.emos.computacao@gmail.com>
Date: Sat, 13 Jan 2024 00:35:26 -0300
Subject: [PATCH 0499/1093] fix: typesafety of Node and Edge changes

On some functions and type definitions related to Change Events,
the generics for the types Node and Edge were being lost.

This commit fixes those:
  - Functions
    - applyNodeChanges
    - applyEdgeChanges
  - Types
    - NodeChange
    - EdgeChange
    - OnNodesChange
    - OnEdgesChange
---
 packages/react/src/types/changes.ts | 13 +++++++++----
 packages/react/src/types/general.ts |  4 ++--
 packages/react/src/utils/changes.ts | 10 ++++++++--
 3 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/packages/react/src/types/changes.ts b/packages/react/src/types/changes.ts
index 3dfdffa22..9a5e8fe50 100644
--- a/packages/react/src/types/changes.ts
+++ b/packages/react/src/types/changes.ts
@@ -44,13 +44,13 @@ export type NodeReplaceChange<NodeType extends Node = Node> = {
  * Union type of all possible node changes.
  * @public
  */
-export type NodeChange =
+export type NodeChange<NodeType extends Node = Node> =
   | NodeDimensionChange
   | NodePositionChange
   | NodeSelectionChange
   | NodeRemoveChange
-  | NodeAddChange
-  | NodeReplaceChange;
+  | NodeAddChange<NodeType>
+  | NodeReplaceChange<NodeType>;
 
 export type EdgeSelectionChange = NodeSelectionChange;
 export type EdgeRemoveChange = NodeRemoveChange;
@@ -64,4 +64,9 @@ export type EdgeReplaceChange<EdgeType extends Edge = Edge> = {
   item: EdgeType;
   type: 'replace';
 };
-export type EdgeChange = EdgeSelectionChange | EdgeRemoveChange | EdgeAddChange | EdgeReplaceChange;
+
+export type EdgeChange<EdgeType extends Edge = Edge> =
+  | EdgeSelectionChange
+  | EdgeRemoveChange
+  | EdgeAddChange<EdgeType>
+  | EdgeReplaceChange<EdgeType>;
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index a1d769831..82cb23cef 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -16,8 +16,8 @@ import {
 import type { NodeChange, EdgeChange, Node, Edge, ReactFlowInstance, EdgeProps } from '.';
 import { ComponentType } from 'react';
 
-export type OnNodesChange = (changes: NodeChange[]) => void;
-export type OnEdgesChange = (changes: EdgeChange[]) => void;
+export type OnNodesChange<NodeType extends Node = Node> = (changes: NodeChange<NodeType>[]) => void;
+export type OnEdgesChange<EdgeType extends Edge = Edge> = (changes: EdgeChange<EdgeType>[]) => void;
 
 export type OnNodesDelete = (nodes: Node[]) => void;
 export type OnEdgesDelete = (edges: Edge[]) => void;
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index cd148a6e2..91a7a004c 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -188,7 +188,10 @@ function applyChange(change: any, element: any, elements: any[] = []): any {
       <ReactFLow nodes={nodes} edges={edges} onNodesChange={onNodesChange} />
     );
  */
-export function applyNodeChanges<NodeType extends Node = Node>(changes: NodeChange[], nodes: NodeType[]): NodeType[] {
+export function applyNodeChanges<NodeType extends Node = Node>(
+  changes: NodeChange<NodeType>[],
+  nodes: NodeType[]
+): NodeType[] {
   return applyChanges(changes, nodes) as NodeType[];
 }
 
@@ -212,7 +215,10 @@ export function applyNodeChanges<NodeType extends Node = Node>(changes: NodeChan
       <ReactFlow nodes={nodes} edges={edges} onEdgesChange={onEdgesChange} />
     );
  */
-export function applyEdgeChanges<EdgeType extends Edge = Edge>(changes: EdgeChange[], edges: EdgeType[]): EdgeType[] {
+export function applyEdgeChanges<EdgeType extends Edge = Edge>(
+  changes: EdgeChange<EdgeType>[],
+  edges: EdgeType[]
+): EdgeType[] {
   return applyChanges(changes, edges) as EdgeType[];
 }
 

From 93d437edb697d5c7708b217de5778bb2e5685673 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 Jan 2024 12:02:26 +0100
Subject: [PATCH 0500/1093] refactor(getNodesBounds): use position instead of
 positionAbsolute

---
 packages/system/src/utils/graph.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 68024ce54..6d341e5e7 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -148,7 +148,7 @@ export const getNodesBounds = (nodes: NodeBase[], nodeOrigin: NodeOrigin = [0, 0
 
   const box = nodes.reduce(
     (currBox, node) => {
-      const { x, y } = getNodePositionWithOrigin(node, node.origin || nodeOrigin).positionAbsolute;
+      const { x, y } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
       return getBoundsOfBoxes(
         currBox,
         rectToBox({

From 0fe2f2ae5329a3336c4378a2569fbfefa1673bf8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 Jan 2024 12:20:13 +0100
Subject: [PATCH 0501/1093] refactor(screenToFlowPosition): add option to
 configure snapToGrid #3771

---
 packages/react/CHANGELOG.md                    | 8 ++++++++
 packages/react/src/hooks/useViewportHelper.ts  | 6 +++---
 packages/react/src/types/general.ts            | 2 +-
 packages/svelte/CHANGELOG.md                   | 6 ++++++
 packages/svelte/src/lib/hooks/useSvelteFlow.ts | 9 ++++++---
 5 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 5828b7c4d..951f48955 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -2,6 +2,14 @@
 
 ## 12.0.0-next.6
 
+## Minor changes
+
+- pass Node/Edge types to changes thanks @FelipeEmos
+- use position instead of positionAbsolute for `getNodesBounds`
+- add second option param to `screenToFlowPosition` for configuring if `snapToGrid` should be used
+
+## 12.0.0-next.6
+
 ### Minor changes
 
 - fix `deleteElements`
diff --git a/packages/react/src/hooks/useViewportHelper.ts b/packages/react/src/hooks/useViewportHelper.ts
index 481bae154..393204590 100644
--- a/packages/react/src/hooks/useViewportHelper.ts
+++ b/packages/react/src/hooks/useViewportHelper.ts
@@ -86,8 +86,8 @@ const useViewportHelper = (): ViewportHelperFunctions => {
 
         panZoom?.setViewport(viewport, { duration: options?.duration });
       },
-      screenToFlowPosition: (position: XYPosition) => {
-        const { transform, snapToGrid, snapGrid, domNode } = store.getState();
+      screenToFlowPosition: (position: XYPosition, options: { snapToGrid: boolean } = { snapToGrid: true }) => {
+        const { transform, snapGrid, domNode } = store.getState();
 
         if (!domNode) {
           return position;
@@ -100,7 +100,7 @@ const useViewportHelper = (): ViewportHelperFunctions => {
           y: position.y - domY,
         };
 
-        return pointToRendererPoint(correctedPosition, transform, snapToGrid, snapGrid || [1, 1]);
+        return pointToRendererPoint(correctedPosition, transform, options.snapToGrid, snapGrid);
       },
       flowToScreenPosition: (position: XYPosition) => {
         const { transform, domNode } = store.getState();
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 82cb23cef..9a36e41f5 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -55,7 +55,7 @@ export type ViewportHelperFunctions = {
   fitView: FitView;
   setCenter: SetCenter;
   fitBounds: FitBounds;
-  screenToFlowPosition: (position: XYPosition) => XYPosition;
+  screenToFlowPosition: (position: XYPosition, options?: { snapToGrid: boolean }) => XYPosition;
   flowToScreenPosition: (position: XYPosition) => XYPosition;
   viewportInitialized: boolean;
 };
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index b2fef4b0a..96044f85d 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/svelte
 
+## 0.0.34
+
+## Minor changes
+
+- add second option param to `screenToFlowPosition` for configuring if `snapToGrid` should be used
+
 ## 0.0.33
 
 ### Bugfix
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index c4da0c2b6..d47ee45b5 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -53,7 +53,7 @@ export function useSvelteFlow(): {
     nodes?: (Node | { id: Node['id'] })[];
     edges?: (Edge | { id: Edge['id'] })[];
   }) => Promise<{ deletedNodes: Node[]; deletedEdges: Edge[] }>;
-  screenToFlowPosition: (position: XYPosition) => XYPosition;
+  screenToFlowPosition: (position: XYPosition, options?: { snapToGrid: boolean }) => XYPosition;
   flowToScreenPosition: (position: XYPosition) => XYPosition;
   viewport: Writable<Viewport>;
   updateNode: (
@@ -228,14 +228,17 @@ export function useSvelteFlow(): {
         deletedEdges: matchingEdges
       };
     },
-    screenToFlowPosition: (position: XYPosition) => {
+    screenToFlowPosition: (
+      position: XYPosition,
+      options: { snapToGrid: boolean } = { snapToGrid: true }
+    ) => {
       const _domNode = get(domNode);
 
       if (!_domNode) {
         return position;
       }
 
-      const _snapGrid = get(snapGrid);
+      const _snapGrid = options.snapToGrid ? get(snapGrid) : false;
       const { x, y, zoom } = get(viewport);
       const { x: domX, y: domY } = _domNode.getBoundingClientRect();
       const correctedPosition = {

From e35e0348fe767e121830dec23da5047fcfedbc06 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 15 Jan 2024 16:53:55 +0100
Subject: [PATCH 0502/1093] added type docs for nodes & edges

---
 packages/system/src/types/edges.ts | 18 +++++++++++++++
 packages/system/src/types/nodes.ts | 37 +++++++++++++++++++++++++++++-
 2 files changed, 54 insertions(+), 1 deletion(-)

diff --git a/packages/system/src/types/edges.ts b/packages/system/src/types/edges.ts
index c2318f0c4..0b461e890 100644
--- a/packages/system/src/types/edges.ts
+++ b/packages/system/src/types/edges.ts
@@ -2,22 +2,40 @@ import { Position } from './utils';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type EdgeBase<EdgeData = any> = {
+  /** unique id of an edge */
   id: string;
+  /** type of an edge defined in edgeTypes */
   type?: string;
+  /** id of source node */
   source: string;
+  /** id of target node */
   target: string;
+  /** id of source handle
+   * only needed if there are multiple handles per node
+   */
   sourceHandle?: string | null;
+  /** id of target handle
+   * only needed if there are multiple handles per node
+   */
   targetHandle?: string | null;
   animated?: boolean;
   hidden?: boolean;
   deletable?: boolean;
   selectable?: boolean;
+  /** arbitrary data passed to an edge */
   data?: EdgeData;
   selected?: boolean;
+  /** set the marker on the beginning of an edge
+   * @example 'arrow', 'arrowclosed' or custom marker
+   */
   markerStart?: EdgeMarkerType;
+  /** set the marker on the end of an edge
+   * @example 'arrow', 'arrowclosed' or custom marker
+   */
   markerEnd?: EdgeMarkerType;
   zIndex?: number;
   ariaLabel?: string;
+  /** padding around the edge where interaction is still possible */
   interactionWidth?: number;
 };
 
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index c96ee0856..dd6b7ac2f 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -3,16 +3,34 @@ import { internalsSymbol } from '../constants';
 import type { XYPosition, Position, CoordinateExtent, HandleElement } from '.';
 import { Optional } from '../utils/types';
 
-// this is stuff that all nodes share independent of the framework
+/**
+ * Framework independent node data structure.
+ *
+ * @typeParam T - type of the node data
+ * @typeParam U - type of the node
+ */
 export type NodeBase<T = any, U extends string | undefined = string | undefined> = {
+  /** unique id of a node */
   id: string;
+  /** position of a node on the pane
+   * @example { x: 0, y: 0 }
+   */
   position: XYPosition;
+  /** arbitrary data passed to a node */
   data: T;
+  /** type of node defined in nodeTypes */
   type?: U;
+  /** only relevant for default, source, target nodeType. controls source position
+   * @example 'right', 'left', 'top', 'bottom'
+   */
   sourcePosition?: Position;
+  /** only relevant for default, source, target nodeType. controls target position
+   * @example 'right', 'left', 'top', 'bottom'
+   */
   targetPosition?: Position;
   hidden?: boolean;
   selected?: boolean;
+  /** is node being dragged */
   dragging?: boolean;
   draggable?: boolean;
   selectable?: boolean;
@@ -21,11 +39,21 @@ export type NodeBase<T = any, U extends string | undefined = string | undefined>
   dragHandle?: string;
   width?: number | null;
   height?: number | null;
+  /** parent node id, used for creating sub-flows */
   parentNode?: string;
   zIndex?: number;
+  /** boundary a node can be moved in
+   * @example 'parent' or [[0, 0], [100, 100]]
+   */
   extent?: 'parent' | CoordinateExtent;
   expandParent?: boolean;
   ariaLabel?: string;
+  /** origin of the node relative to it's position
+   * @example
+   * [0.5, 0.5] // centers the node
+   * [0, 0] // top left
+   * [1, 1] // bottom right
+   */
   origin?: NodeOrigin;
   handles?: NodeHandle[];
   computed?: {
@@ -47,7 +75,14 @@ export type NodeBase<T = any, U extends string | undefined = string | undefined>
 };
 
 // props that get passed to a custom node
+/**
+ * The node data structure that gets used for the nodes prop.
+ *
+ * @public
+ * @param id - The id of the node.
+ */
 export type NodeProps<T = any> = {
+  /** id of the node */
   id: NodeBase['id'];
   data: T;
   dragHandle: NodeBase['dragHandle'];

From 4d8fc79d218f19e46949e4fef558c78c816e8e7c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 Jan 2024 17:00:16 +0100
Subject: [PATCH 0503/1093] refactor(svelte): add slot to controls, cleanup
 ControlButton types closes #3788

---
 .../src/routes/examples/overview/+page.svelte    | 10 ++++++++--
 .../lib/plugins/Controls/ControlButton.svelte    | 16 ++++++++++------
 .../src/lib/plugins/Controls/Controls.svelte     |  3 +++
 .../svelte/src/lib/plugins/Controls/types.ts     | 10 ++++++++++
 4 files changed, 31 insertions(+), 8 deletions(-)

diff --git a/examples/svelte/src/routes/examples/overview/+page.svelte b/examples/svelte/src/routes/examples/overview/+page.svelte
index 44d545440..586af3b9e 100644
--- a/examples/svelte/src/routes/examples/overview/+page.svelte
+++ b/examples/svelte/src/routes/examples/overview/+page.svelte
@@ -13,7 +13,8 @@
 		type Node,
 		type Edge,
 		ConnectionMode,
-		useSvelteFlow
+		useSvelteFlow,
+		ControlButton
 	} from '@xyflow/svelte';
 
 	import CustomNode from './CustomNode.svelte';
@@ -187,7 +188,12 @@
 	connectionMode={ConnectionMode.Strict}
 	attributionPosition={'top-center'}
 >
-	<Controls />
+	<Controls>
+		<ControlButton slot="before">xy</ControlButton>
+		<ControlButton aria-label="log" on:click={() => console.log('control button')}
+			>log</ControlButton
+		>
+	</Controls>
 	<Background variant={BackgroundVariant.Dots} />
 	<MiniMap />
 	<Panel position="top-right">
diff --git a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
index be64f19a2..f2c05810d 100644
--- a/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
@@ -1,12 +1,16 @@
 <script lang="ts">
   import cc from 'classcat';
 
-  let className: string;
-  let bgColor: string | undefined = undefined;
-  let bgColorHover: string | undefined = undefined;
-  let color: string | undefined = undefined;
-  let colorHover: string | undefined = undefined;
-  let borderColor: string | undefined = undefined;
+  import type { ControlButtonProps } from './types';
+
+  type $$Props = ControlButtonProps;
+
+  let className: $$Props['class'] = undefined;
+  let bgColor: $$Props['bgColor'] = undefined;
+  let bgColorHover: $$Props['bgColorHover'] = undefined;
+  let color: $$Props['color'] = undefined;
+  let colorHover: $$Props['colorHover'] = undefined;
+  let borderColor: $$Props['borderColor'] = undefined;
 
   export { className as class };
 </script>
diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index a82c7c033..042b2be5c 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -74,6 +74,7 @@
   data-testid="svelte-flow__controls"
   aria-label={ariaLabel ?? 'Svelte Flow controls'}
 >
+  <slot name="before" />
   {#if showZoom}
     <ControlButton
       on:click={onZoomInHandler}
@@ -118,4 +119,6 @@
       {#if isInteractive}<UnlockIcon />{:else}<LockIcon />{/if}
     </ControlButton>
   {/if}
+  <slot />
+  <slot name="after" />
 </Panel>
diff --git a/packages/svelte/src/lib/plugins/Controls/types.ts b/packages/svelte/src/lib/plugins/Controls/types.ts
index 2aad9b391..4e0ab7867 100644
--- a/packages/svelte/src/lib/plugins/Controls/types.ts
+++ b/packages/svelte/src/lib/plugins/Controls/types.ts
@@ -1,3 +1,4 @@
+import type { HTMLButtonAttributes } from 'svelte/elements';
 import type { PanelPosition } from '@xyflow/system';
 
 export type ControlsProps = {
@@ -11,3 +12,12 @@ export type ControlsProps = {
   buttonColorHover?: string;
   'aria-label'?: string;
 };
+
+export type ControlButtonProps = HTMLButtonAttributes & {
+  class?: string;
+  bgColor?: string;
+  bgColorHover?: string;
+  color?: string;
+  colorHover?: string;
+  borderColor?: string;
+};

From 1bc1ae855d087fd23ec980f92f2c689e205226ef Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 Jan 2024 17:32:30 +0100
Subject: [PATCH 0504/1093] refactor(util-functions): cleanup types so that
 node/edge types get infered

---
 packages/react/src/index.ts                   |  7 +-
 packages/react/src/utils/changes.ts           |  2 +-
 packages/react/src/utils/general.ts           | 64 ++-----------------
 packages/svelte/CHANGELOG.md                  |  2 +
 packages/svelte/src/lib/index.ts              |  4 ++
 .../svelte/src/lib/store/initial-store.ts     |  2 +-
 packages/svelte/src/lib/utils/index.ts        | 64 ++-----------------
 packages/system/src/utils/edges/general.ts    |  4 +-
 packages/system/src/utils/graph.ts            |  8 +--
 9 files changed, 30 insertions(+), 127 deletions(-)

diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 20573392d..3cabb8137 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -29,7 +29,7 @@ export { useConnection } from './hooks/useConnection';
 export { useNodeId } from './contexts/NodeIdContext';
 
 export { applyNodeChanges, applyEdgeChanges, handleParentExpand } from './utils/changes';
-export { isNode, isEdge, getIncomers, getOutgoers, addEdge, updateEdge, getConnectedEdges } from './utils/general';
+export { isNode, isEdge } from './utils/general';
 
 export * from './additional-components';
 
@@ -102,5 +102,10 @@ export {
   getStraightPath,
   getViewportForBounds,
   getNodesBounds,
+  getIncomers,
+  getOutgoers,
+  addEdge,
+  updateEdge,
+  getConnectedEdges,
   internalsSymbol,
 } from '@xyflow/system';
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 91a7a004c..6bcddabd5 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -267,7 +267,7 @@ export function getElementsDiffChanges({
   lookup,
 }: {
   items: Node[] | undefined;
-  lookup: NodeLookup;
+  lookup: NodeLookup<Node>;
 }): NodeChange[];
 export function getElementsDiffChanges({
   items,
diff --git a/packages/react/src/utils/general.ts b/packages/react/src/utils/general.ts
index 5de3c3b21..2c2387fc7 100644
--- a/packages/react/src/utils/general.ts
+++ b/packages/react/src/utils/general.ts
@@ -1,12 +1,4 @@
-import {
-  isNodeBase,
-  isEdgeBase,
-  addEdgeBase,
-  getOutgoersBase,
-  getIncomersBase,
-  updateEdgeBase,
-  getConnectedEdgesBase,
-} from '@xyflow/system';
+import { isNodeBase, isEdgeBase } from '@xyflow/system';
 
 import type { Edge, Node } from '../types';
 
@@ -17,7 +9,8 @@ import type { Edge, Node } from '../types';
  * @param element - The element to test
  * @returns A boolean indicating whether the element is an Node
  */
-export const isNode = isNodeBase<Node>;
+export const isNode = <NodeType extends Node = Node>(element: unknown): element is NodeType =>
+  isNodeBase<NodeType>(element);
 
 /**
  * Test whether an object is useable as an Edge
@@ -26,52 +19,5 @@ export const isNode = isNodeBase<Node>;
  * @param element - The element to test
  * @returns A boolean indicating whether the element is an Edge
  */
-export const isEdge = isEdgeBase<Edge>;
-
-/**
- * Pass in a node, and get connected nodes where edge.source === node.id
- * @public
- * @param node - The node to get the connected nodes from
- * @param nodes - The array of all nodes
- * @param edges - The array of all edges
- * @returns An array of nodes that are connected over eges where the source is the given node
- */
-export const getOutgoers = getOutgoersBase<Node, Edge>;
-
-/**
- * Pass in a node, and get connected nodes where edge.target === node.id
- * @public
- * @param node - The node to get the connected nodes from
- * @param nodes - The array of all nodes
- * @param edges - The array of all edges
- * @returns An array of nodes that are connected over eges where the target is the given node
- */
-export const getIncomers = getIncomersBase<Node, Edge>;
-
-/**
- * This util is a convenience function to add a new Edge to an array of edges
- * @remarks It also performs some validation to make sure you don't add an invalid edge or duplicate an existing one.
- * @public
- * @param edgeParams - Either an Edge or a Connection you want to add
- * @param edges -  The array of all current edges
- * @returns A new array of edges with the new edge added
- */
-export const addEdge = addEdgeBase<Edge>;
-
-/**
- * A handy utility to update an existing Edge with new properties
- * @param oldEdge - The edge you want to update
- * @param newConnection - The new connection you want to update the edge with
- * @param edges - The array of all current edges
- * @param options.shouldReplaceId - should the id of the old edge be replaced with the new connection id
- * @returns the updated edges array
- */
-export const updateEdge = updateEdgeBase<Edge>;
-
-/**
- * Get all connecting edges for a given set of nodes
- * @param nodes - Nodes you want to get the connected edges for
- * @param edges - All edges
- * @returns Array of edges that connect any of the given nodes with each other
- */
-export const getConnectedEdges = getConnectedEdgesBase<Node, Edge>;
+export const isEdge = <EdgeType extends Edge = Edge>(element: unknown): element is EdgeType =>
+  isEdgeBase<EdgeType>(element);
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 96044f85d..23164fb01 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -5,6 +5,8 @@
 ## Minor changes
 
 - add second option param to `screenToFlowPosition` for configuring if `snapToGrid` should be used
+- add slot to `Controls`
+- cleanup `ControlButton` types
 
 ## 0.0.33
 
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 9a706959f..357b241ac 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -112,5 +112,9 @@ export {
   getStraightPath,
   getViewportForBounds,
   getNodesBounds,
+  getIncomers,
+  getOutgoers,
+  getConnectedEdges,
+  addEdge,
   internalsSymbol
 } from '@xyflow/system';
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 90c59b2d7..26c57c86f 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -99,7 +99,7 @@ export const getInitialStore = ({
   return {
     flowId: writable<string | null>(null),
     nodes: createNodesStore(nextNodes, nodeLookup),
-    nodeLookup: readable<NodeLookup>(nodeLookup),
+    nodeLookup: readable<NodeLookup<Node>>(nodeLookup),
     edgeLookup: readable<EdgeLookup>(edgeLookup),
     visibleNodes: readable<Node[]>([]),
     edges: createEdgesStore(edges, connectionLookup, edgeLookup),
diff --git a/packages/svelte/src/lib/utils/index.ts b/packages/svelte/src/lib/utils/index.ts
index bad572dcd..10f205cac 100644
--- a/packages/svelte/src/lib/utils/index.ts
+++ b/packages/svelte/src/lib/utils/index.ts
@@ -1,12 +1,4 @@
-import {
-  isNodeBase,
-  isEdgeBase,
-  addEdgeBase,
-  getOutgoersBase,
-  getIncomersBase,
-  updateEdgeBase,
-  getConnectedEdgesBase
-} from '@xyflow/system';
+import { isNodeBase, isEdgeBase } from '@xyflow/system';
 
 import type { Edge, Node } from '$lib/types';
 
@@ -17,7 +9,8 @@ import type { Edge, Node } from '$lib/types';
  * @param element - The element to test
  * @returns A boolean indicating whether the element is an Node
  */
-export const isNode = isNodeBase<Node>;
+export const isNode = <NodeType extends Node = Node>(element: unknown): element is NodeType =>
+  isNodeBase<NodeType>(element);
 
 /**
  * Test whether an object is useable as an Edge
@@ -26,52 +19,5 @@ export const isNode = isNodeBase<Node>;
  * @param element - The element to test
  * @returns A boolean indicating whether the element is an Edge
  */
-export const isEdge = isEdgeBase<Edge>;
-
-/**
- * Pass in a node, and get connected nodes where edge.source === node.id
- * @public
- * @param node - The node to get the connected nodes from
- * @param nodes - The array of all nodes
- * @param edges - The array of all edges
- * @returns An array of nodes that are connected over eges where the source is the given node
- */
-export const getOutgoers = getOutgoersBase<Node, Edge>;
-
-/**
- * Pass in a node, and get connected nodes where edge.target === node.id
- * @public
- * @param node - The node to get the connected nodes from
- * @param nodes - The array of all nodes
- * @param edges - The array of all edges
- * @returns An array of nodes that are connected over eges where the target is the given node
- */
-export const getIncomers = getIncomersBase<Node, Edge>;
-
-/**
- * This util is a convenience function to add a new Edge to an array of edges
- * @remarks It also performs some validation to make sure you don't add an invalid edge or duplicate an existing one.
- * @public
- * @param edgeParams - Either an Edge or a Connection you want to add
- * @param edges -  The array of all current edges
- * @returns A new array of edges with the new edge added
- */
-export const addEdge = addEdgeBase<Edge>;
-
-/**
- * A handy utility to update an existing Edge with new properties
- * @param oldEdge - The edge you want to update
- * @param newConnection - The new connection you want to update the edge with
- * @param edges - The array of all current edges
- * @param options.shouldReplaceId - should the id of the old edge be replaced with the new connection id
- * @returns the updated edges array
- */
-export const updateEdge = updateEdgeBase<Edge>;
-
-/**
- * Get all connecting edges for a given set of nodes
- * @param nodes - Nodes you want to get the connected edges for
- * @param edges - All edges
- * @returns Array of edges that connect any of the given nodes with each other
- */
-export const getConnectedEdges = getConnectedEdgesBase<Node, Edge>;
+export const isEdge = <EdgeType extends Edge = Edge>(element: unknown): element is EdgeType =>
+  isEdgeBase<EdgeType>(element);
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index 14e73318f..f53db23a0 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -98,7 +98,7 @@ const connectionExists = (edge: EdgeBase, edges: EdgeBase[]) => {
  * @param edges -  The array of all current edges
  * @returns A new array of edges with the new edge added
  */
-export const addEdgeBase = <EdgeType extends EdgeBase>(
+export const addEdge = <EdgeType extends EdgeBase>(
   edgeParams: EdgeType | Connection,
   edges: EdgeType[]
 ): EdgeType[] => {
@@ -145,7 +145,7 @@ export type UpdateEdgeOptions = {
  * @param options.shouldReplaceId - should the id of the old edge be replaced with the new connection id
  * @returns the updated edges array
  */
-export const updateEdgeBase = <EdgeType extends EdgeBase>(
+export const updateEdge = <EdgeType extends EdgeBase>(
   oldEdge: EdgeType,
   newConnection: Connection,
   edges: EdgeType[],
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 6d341e5e7..fa56a987f 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -54,7 +54,7 @@ export const isNodeBase = <NodeType extends NodeBase = NodeBase>(element: any):
  * @param edges - The array of all edges
  * @returns An array of nodes that are connected over eges where the source is the given node
  */
-export const getOutgoersBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
+export const getOutgoers = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
   node: NodeType | { id: string },
   nodes: NodeType[],
   edges: EdgeType[]
@@ -81,7 +81,7 @@ export const getOutgoersBase = <NodeType extends NodeBase = NodeBase, EdgeType e
  * @param edges - The array of all edges
  * @returns An array of nodes that are connected over eges where the target is the given node
  */
-export const getIncomersBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
+export const getIncomers = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
   node: NodeType | { id: string },
   nodes: NodeType[],
   edges: EdgeType[]
@@ -212,7 +212,7 @@ export const getNodesInside = <NodeType extends NodeBase>(
  * @param edges - All edges
  * @returns Array of edges that connect any of the given nodes with each other
  */
-export const getConnectedEdgesBase = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
+export const getConnectedEdges = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>(
   nodes: NodeType[],
   edges: EdgeType[]
 ): EdgeType[] => {
@@ -370,7 +370,7 @@ export async function getElementsToRemove<NodeType extends NodeBase = NodeBase,
 
   const edgeIds = edgesToRemove.map((edge) => edge.id);
   const deletableEdges = edges.filter((edge) => edge.deletable !== false);
-  const connectedEdges = getConnectedEdgesBase(matchingNodes, deletableEdges);
+  const connectedEdges = getConnectedEdges(matchingNodes, deletableEdges);
   const matchingEdges: EdgeType[] = connectedEdges;
 
   for (const edge of deletableEdges) {

From 37f76275eb00127adef868fabad7286ff3a48dcb Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 Jan 2024 17:35:08 +0100
Subject: [PATCH 0505/1093] chore(libs): update changelogs

---
 packages/react/CHANGELOG.md  | 1 +
 packages/svelte/CHANGELOG.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 951f48955..66a7b0557 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -7,6 +7,7 @@
 - pass Node/Edge types to changes thanks @FelipeEmos
 - use position instead of positionAbsolute for `getNodesBounds`
 - add second option param to `screenToFlowPosition` for configuring if `snapToGrid` should be used
+- infer types for `getIncomers`, `getOutgoers`, `updateEdge`, `addEdge` and `getConnectedEdges` thanks @joeyballentine
 
 ## 12.0.0-next.6
 
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 23164fb01..ffc72eebf 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -7,6 +7,7 @@
 - add second option param to `screenToFlowPosition` for configuring if `snapToGrid` should be used
 - add slot to `Controls`
 - cleanup `ControlButton` types
+- infer types for `getIncomers`, `getOutgoers`, `updateEdge`, `addEdge` and `getConnectedEdges` thanks @joeyballentine
 
 ## 0.0.33
 

From e23cf8256a624af787817fdd202bd43fcd57f153 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 Jan 2024 17:37:18 +0100
Subject: [PATCH 0506/1093] chore(svelte): export updateEdge

---
 packages/svelte/src/lib/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 357b241ac..4c3737ea7 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -116,5 +116,6 @@ export {
   getOutgoers,
   getConnectedEdges,
   addEdge,
+  updateEdge,
   internalsSymbol
 } from '@xyflow/system';

From 8c32b426f4906afa544c5e99e5df3218030f6cc8 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 15 Jan 2024 17:38:54 +0100
Subject: [PATCH 0507/1093] added typedocs for plugins

---
 .../additional-components/Background/types.ts | 13 ++++++++++
 .../additional-components/Controls/types.ts   | 14 +++++++++++
 .../additional-components/MiniMap/types.ts    | 18 +++++++++++++
 .../NodeResizer/types.ts                      | 25 +++++++++++++++++++
 .../NodeToolbar/types.ts                      |  9 +++++++
 .../src/lib/plugins/Background/types.ts       | 11 ++++++++
 .../svelte/src/lib/plugins/Controls/types.ts  |  7 ++++++
 .../svelte/src/lib/plugins/Minimap/types.ts   | 20 +++++++++++++++
 .../src/lib/plugins/NodeResizer/types.ts      | 25 +++++++++++++++++++
 .../src/lib/plugins/NodeToolbar/types.ts      |  9 +++++++
 10 files changed, 151 insertions(+)

diff --git a/packages/react/src/additional-components/Background/types.ts b/packages/react/src/additional-components/Background/types.ts
index 5d21b23f6..a9fca2651 100644
--- a/packages/react/src/additional-components/Background/types.ts
+++ b/packages/react/src/additional-components/Background/types.ts
@@ -8,14 +8,27 @@ export enum BackgroundVariant {
 
 export type BackgroundProps = {
   id?: string;
+  /** color of the pattern */
   color?: string;
+  /** color of the background */
   bgColor?: string;
+  /** class applied to the container */
   className?: string;
+  /** class applied to the pattern */
   patternClassName?: string;
+  /** gap between repetitions of the pattern */
   gap?: number | [number, number];
+  /** size of a single pattern element */
   size?: number;
+  /** offset of the pattern */
   offset?: number;
+  /** line width of the Line pattern */
   lineWidth?: number;
+  /** variant of the pattern
+   * @example BackgroundVariant.Lines, BackgroundVariant.Dots, BackgroundVariant.Cross
+   * 'lines', 'dots', 'cross'
+   */
   variant?: BackgroundVariant;
+  /** style applied to the container */
   style?: CSSProperties;
 };
diff --git a/packages/react/src/additional-components/Controls/types.ts b/packages/react/src/additional-components/Controls/types.ts
index e687b09bc..eb36d61cd 100644
--- a/packages/react/src/additional-components/Controls/types.ts
+++ b/packages/react/src/additional-components/Controls/types.ts
@@ -4,17 +4,31 @@ import type { PanelPosition } from '@xyflow/system';
 import type { FitViewOptions } from '../../types';
 
 export type ControlProps = {
+  /** show button for zoom in/out */
   showZoom?: boolean;
+  /** show button for fit view */
   showFitView?: boolean;
+  /** show button for toggling interactivity */
   showInteractive?: boolean;
+  /** options being used when fit view button is clicked */
   fitViewOptions?: FitViewOptions;
+  /** callback when zoom in button is clicked */
   onZoomIn?: () => void;
+  /** callback when zoom out button is clicked */
   onZoomOut?: () => void;
+  /** callback when fit view button is clicked */
   onFitView?: () => void;
+  /** callback when interactivity is toggled */
   onInteractiveChange?: (interactiveStatus: boolean) => void;
+  /** position of the controls on the pane
+   * @example PanelPosition.TopLeft, PanelPosition.TopRight,
+   * PanelPosition.BottomLeft, PanelPosition.BottomRight
+   */
   position?: PanelPosition;
   children?: ReactNode;
+  /** style applied to container */
   style?: React.CSSProperties;
+  /**className applied to container */
   className?: string;
   'aria-label'?: string;
 };
diff --git a/packages/react/src/additional-components/MiniMap/types.ts b/packages/react/src/additional-components/MiniMap/types.ts
index 3b24b08d3..0a49fd07a 100644
--- a/packages/react/src/additional-components/MiniMap/types.ts
+++ b/packages/react/src/additional-components/MiniMap/types.ts
@@ -7,23 +7,41 @@ import type { Node } from '../../types';
 export type GetMiniMapNodeAttribute<NodeType extends Node = Node> = (node: NodeType) => string;
 
 export type MiniMapProps<NodeType extends Node = Node> = Omit<HTMLAttributes<SVGSVGElement>, 'onClick'> & {
+  /** color of nodes on minimap */
   nodeColor?: string | GetMiniMapNodeAttribute<NodeType>;
+  /** stroke color of nodes on minimap */
   nodeStrokeColor?: string | GetMiniMapNodeAttribute<NodeType>;
+  /** className applied to nodes on minimap */
   nodeClassName?: string | GetMiniMapNodeAttribute<NodeType>;
+  /** boder radius of nodes on minimap */
   nodeBorderRadius?: number;
+  /** stroke width of nodes on minimap */
   nodeStrokeWidth?: number;
+  /** component used to render nodes on minimap */
   nodeComponent?: ComponentType<MiniMapNodeProps>;
+  /** color of mask representing viewport */
   maskColor?: string;
+  /** stroke color of mask representing viewport */
   maskStrokeColor?: string;
+  /** stroke width of mask representing viewport */
   maskStrokeWidth?: number;
+  /** position of minimap on pane
+   * @example PanelPosition.TopLeft, PanelPosition.TopRight,
+   * PanelPosition.BottomLeft, PanelPosition.BottomRight
+   */
   position?: PanelPosition;
+  /** callback caled when minimap is clicked*/
   onClick?: (event: MouseEvent, position: XYPosition) => void;
+  /** callback called when node on minimap is clicked */
   onNodeClick?: (event: MouseEvent, node: NodeType) => void;
   pannable?: boolean;
   zoomable?: boolean;
   ariaLabel?: string | null;
+  /** invert direction when panning the minimap viewport */
   inversePan?: boolean;
+  /** step size for zooming in/out on minimap */
   zoomStep?: number;
+  /** offset the viewport on the minmap, acts like a padding */
   offsetScale?: number;
 };
 
diff --git a/packages/react/src/additional-components/NodeResizer/types.ts b/packages/react/src/additional-components/NodeResizer/types.ts
index 3a4145176..11a95bcf0 100644
--- a/packages/react/src/additional-components/NodeResizer/types.ts
+++ b/packages/react/src/additional-components/NodeResizer/types.ts
@@ -10,21 +10,39 @@ import type {
 } from '@xyflow/system';
 
 export type NodeResizerProps = {
+  /** id of the node it is resizing
+   * @remarks optional if used inside custom node
+   */
   nodeId?: string;
+  /** color of the resize handle */
   color?: string;
+  /** className applied to handle */
   handleClassName?: string;
+  /** style applied to handle */
   handleStyle?: CSSProperties;
+  /** className applied to line */
   lineClassName?: string;
+  /** style applied to line */
   lineStyle?: CSSProperties;
+  /** are the controls visible */
   isVisible?: boolean;
+  /** minimum width of node */
   minWidth?: number;
+  /** minimum height of node */
   minHeight?: number;
+  /** maximum width of node */
   maxWidth?: number;
+  /** maximum height of node */
   maxHeight?: number;
+  /** keep aspect ratio when resizing */
   keepAspectRatio?: boolean;
+  /** callback to determine if node should resize */
   shouldResize?: ShouldResize;
+  /** callback called when resizing starts */
   onResizeStart?: OnResizeStart;
+  /** callback called when resizing */
   onResize?: OnResize;
+  /** callback called when resizing ends */
   onResizeEnd?: OnResizeEnd;
 };
 
@@ -42,7 +60,14 @@ export type ResizeControlProps = Pick<
   | 'onResize'
   | 'onResizeEnd'
 > & {
+  /** position of the control
+   * @example ControlPosition.TopLeft, ControlPosition.TopRight,
+   * ControlPosition.BottomLeft, ControlPosition.BottomRight
+   */
   position?: ControlPosition;
+  /** variant of the control
+   * @example ResizeControlVariant.Handle, ResizeControlVariant.Line
+   */
   variant?: ResizeControlVariant;
   className?: string;
   style?: CSSProperties;
diff --git a/packages/react/src/additional-components/NodeToolbar/types.ts b/packages/react/src/additional-components/NodeToolbar/types.ts
index f08859dc5..717f22ce2 100644
--- a/packages/react/src/additional-components/NodeToolbar/types.ts
+++ b/packages/react/src/additional-components/NodeToolbar/types.ts
@@ -2,9 +2,18 @@ import type { HTMLAttributes } from 'react';
 import type { Position, Align } from '@xyflow/system';
 
 export type NodeToolbarProps = HTMLAttributes<HTMLDivElement> & {
+  /** id of the node, or array of ids the toolbar should be displayed at */
   nodeId?: string | string[];
   isVisible?: boolean;
+  /** position of the toolbar relative to the node
+   * @example Position.TopLeft, Position.TopRight,
+   * Position.BottomLeft, Position.BottomRight
+   */
   position?: Position;
+  /** offset the toolbar from the node */
   offset?: number;
+  /** align the toolbar relative to the node
+   * @example Align.Start, Align.Center, Align.End
+   */
   align?: Align;
 };
diff --git a/packages/svelte/src/lib/plugins/Background/types.ts b/packages/svelte/src/lib/plugins/Background/types.ts
index 3ca5667dc..e8aaf6e83 100644
--- a/packages/svelte/src/lib/plugins/Background/types.ts
+++ b/packages/svelte/src/lib/plugins/Background/types.ts
@@ -6,12 +6,23 @@ export enum BackgroundVariant {
 
 export type BackgroundProps = {
   id?: string;
+  /** color of the background */
   bgColor?: string;
+  /** color of the pattern */
   patternColor?: string;
+  /** class applied to the pattern */
   patternClass?: string;
+  /** class applied to the container */
   class?: string;
+  /** gap between repetitions of the pattern */
   gap?: number | [number, number];
+  /** size of a single pattern element */
   size?: number;
+  /** line width of the Line pattern */
   lineWidth?: number;
+  /** variant of the pattern
+   * @example BackgroundVariant.Lines, BackgroundVariant.Dots, BackgroundVariant.Cross
+   * 'lines', 'dots', 'cross'
+   */
   variant?: BackgroundVariant;
 };
diff --git a/packages/svelte/src/lib/plugins/Controls/types.ts b/packages/svelte/src/lib/plugins/Controls/types.ts
index 2aad9b391..d34976452 100644
--- a/packages/svelte/src/lib/plugins/Controls/types.ts
+++ b/packages/svelte/src/lib/plugins/Controls/types.ts
@@ -1,9 +1,16 @@
 import type { PanelPosition } from '@xyflow/system';
 
 export type ControlsProps = {
+  /** position of the controls on the pane
+   * @example PanelPosition.TopLeft, PanelPosition.TopRight,
+   * PanelPosition.BottomLeft, PanelPosition.BottomRight
+   */
   position?: PanelPosition;
+  /** show button for zoom in/out */
   showZoom?: boolean;
+  /** show button for fit view */
   showFitView?: boolean;
+  /** show button for toggling interactivity */
   showLock?: boolean;
   buttonBgColor?: string;
   buttonBgColorHover?: string;
diff --git a/packages/svelte/src/lib/plugins/Minimap/types.ts b/packages/svelte/src/lib/plugins/Minimap/types.ts
index d39aab7ae..9b725e456 100644
--- a/packages/svelte/src/lib/plugins/Minimap/types.ts
+++ b/packages/svelte/src/lib/plugins/Minimap/types.ts
@@ -5,25 +5,45 @@ import type { Node } from '$lib/types';
 export type GetMiniMapNodeAttribute = (node: Node) => string;
 
 export type MiniMapProps = {
+  /** background color of minimap */
   bgColor?: string;
+  /** color of nodes on the minimap */
   nodeColor?: string | GetMiniMapNodeAttribute;
+  /** stroke color of nodes on the minimap */
   nodeStrokeColor?: string | GetMiniMapNodeAttribute;
+  /** class applied to nodes on the minimap */
   nodeClass?: string | GetMiniMapNodeAttribute;
+  /** border radius of nodes on the minimap */
   nodeBorderRadius?: number;
+  /** stroke width of nodes on the minimap */
   nodeStrokeWidth?: number;
+  /** color of the mask representing viewport */
   maskColor?: string;
+  /** stroke color of the mask representing viewport */
   maskStrokeColor?: string;
+  /** stroke width of the mask representing viewport */
   maskStrokeWidth?: number;
+  /** position of the minimap on the pane
+   * @example PanelPosition.TopLeft, PanelPosition.TopRight,
+   * PanelPosition.BottomLeft, PanelPosition.BottomRight
+   */
   position?: PanelPosition;
+  /** class applied to container */
   class?: string;
+  /** style applied to container */
   style?: string;
+  /** aria-label applied to container */
   ariaLabel?: string | null;
+  /** width of minimap */
   width?: number;
+  /** height of minimap */
   height?: number;
   // onClick?: (event: MouseEvent, position: XYPosition) => void;
   // onNodeClick?: (event: MouseEvent, node: Node) => void;
   pannable?: boolean;
   zoomable?: boolean;
+  /** invert the direction when panning the minimap viewport */
   inversePan?: boolean;
+  /** step size for zooming in/out */
   zoomStep?: number;
 };
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/types.ts b/packages/svelte/src/lib/plugins/NodeResizer/types.ts
index b37e55c1a..ee0682754 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/types.ts
+++ b/packages/svelte/src/lib/plugins/NodeResizer/types.ts
@@ -8,21 +8,39 @@ import type {
 } from '@xyflow/system';
 
 export type NodeResizerProps = {
+  /** id of the node it is resizing
+   * @remarks optional if used inside custom node
+   */
   nodeId?: string;
+  /** color of the resize handle */
   color?: string;
+  /** class applied to handle */
   handleClass?: string;
+  /** style applied to handle */
   handleStyle?: string;
+  /** class applied to line */
   lineClass?: string;
+  /** style applied to line */
   lineStyle?: string;
+  /** are the controls visible */
   isVisible?: boolean;
+  /** minimum width of node */
   minWidth?: number;
+  /** minimum height of node */
   minHeight?: number;
+  /** maximum width of node */
   maxWidth?: number;
+  /** maximum height of node */
   maxHeight?: number;
+  /** keep aspect ratio when resizing */
   keepAspectRatio?: boolean;
+  /** callback to determine if node should resize */
   shouldResize?: ShouldResize;
+  /** callback called when resizing starts */
   onResizeStart?: OnResizeStart;
+  /** callback called when resizing */
   onResize?: OnResize;
+  /** callback called when resizing ends */
   onResizeEnd?: OnResizeEnd;
 };
 
@@ -40,7 +58,14 @@ export type ResizeControlProps = Pick<
   | 'onResize'
   | 'onResizeEnd'
 > & {
+  /** position of control
+   * @example ControlPosition.TopLeft, ControlPosition.TopRight,
+   * ControlPosition.BottomLeft, ControlPosition.BottomRight
+   */
   position?: ControlPosition;
+  /** variant of control
+   * @example ResizeControlVariant.Handle, ResizeControlVariant.Line
+   */
   variant?: ResizeControlVariant;
   class?: string;
   style?: string;
diff --git a/packages/svelte/src/lib/plugins/NodeToolbar/types.ts b/packages/svelte/src/lib/plugins/NodeToolbar/types.ts
index 6c812de20..cc6d80a15 100644
--- a/packages/svelte/src/lib/plugins/NodeToolbar/types.ts
+++ b/packages/svelte/src/lib/plugins/NodeToolbar/types.ts
@@ -1,9 +1,18 @@
 import type { Position, Align } from '@xyflow/system';
 
 export type NodeToolbarProps = {
+  /** id of the node, or array of ids the toolbar should be displayed at */
   nodeId?: string | string[];
+  /** position of the toolbar relative to the node
+   * @example Position.TopLeft, Position.TopRight,
+   * Position.BottomLeft, Position.BottomRight
+   */
   position?: Position;
+  /** align the toolbar relative to the node
+   * @example Align.Start, Align.Center, Align.End
+   */
   align?: Align;
+  /** offset the toolbar from the node */
   offset?: number;
   isVisible?: boolean;
 };

From f32a92ecca1abf8d9bd351c50307d4ea268f1684 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 Jan 2024 17:44:29 +0100
Subject: [PATCH 0508/1093] refactor(utils): use utils from system package

---
 packages/react/src/components/Handle/index.tsx     |  2 +-
 packages/react/src/hooks/useNodesEdgesState.ts     | 14 ++++++++++----
 packages/react/src/types/instance.ts               |  3 ---
 packages/svelte/src/lib/container/Pane/Pane.svelte |  8 ++++++--
 packages/svelte/src/lib/store/index.ts             |  2 +-
 5 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 41bf492cb..86f8da2a6 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -12,6 +12,7 @@ import {
   XYHandle,
   getHostForElement,
   isMouseEvent,
+  addEdge,
   type HandleProps,
   type Connection,
   type HandleType,
@@ -19,7 +20,6 @@ import {
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
-import { addEdge } from '../../utils/';
 import { type ReactFlowState } from '../../types';
 
 export type HandleComponentProps = HandleProps & Omit<HTMLAttributes<HTMLDivElement>, 'id'>;
diff --git a/packages/react/src/hooks/useNodesEdgesState.ts b/packages/react/src/hooks/useNodesEdgesState.ts
index c134472b5..766ee0494 100644
--- a/packages/react/src/hooks/useNodesEdgesState.ts
+++ b/packages/react/src/hooks/useNodesEdgesState.ts
@@ -12,9 +12,12 @@ import type { Node, NodeChange, Edge, EdgeChange } from '../types';
  */
 export function useNodesState<NodeType extends Node = Node>(
   initialNodes: NodeType[]
-): [NodeType[], Dispatch<SetStateAction<NodeType[]>>, (changes: NodeChange[]) => void] {
+): [NodeType[], Dispatch<SetStateAction<NodeType[]>>, (changes: NodeChange<NodeType>[]) => void] {
   const [nodes, setNodes] = useState(initialNodes);
-  const onNodesChange = useCallback((changes: NodeChange[]) => setNodes((nds) => applyNodeChanges(changes, nds)), []);
+  const onNodesChange = useCallback(
+    (changes: NodeChange<NodeType>[]) => setNodes((nds) => applyNodeChanges(changes, nds)),
+    []
+  );
 
   return [nodes, setNodes, onNodesChange];
 }
@@ -28,9 +31,12 @@ export function useNodesState<NodeType extends Node = Node>(
  */
 export function useEdgesState<EdgeType extends Edge = Edge>(
   initialEdges: EdgeType[]
-): [EdgeType[], Dispatch<SetStateAction<EdgeType[]>>, (changes: EdgeChange[]) => void] {
+): [EdgeType[], Dispatch<SetStateAction<EdgeType[]>>, (changes: EdgeChange<EdgeType>[]) => void] {
   const [edges, setEdges] = useState(initialEdges);
-  const onEdgesChange = useCallback((changes: EdgeChange[]) => setEdges((eds) => applyEdgeChanges(changes, eds)), []);
+  const onEdgesChange = useCallback(
+    (changes: EdgeChange<EdgeType>[]) => setEdges((eds) => applyEdgeChanges(changes, eds)),
+    []
+  );
 
   return [edges, setEdges, onEdgesChange];
 }
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 0bf01b209..6b37fd14e 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -45,9 +45,6 @@ export namespace Instance {
     area: Rect,
     partially?: boolean
   ) => boolean;
-  export type getConnectedEdges = (id: string | (Node | { id: Node['id'] })[]) => Edge[];
-  export type getIncomers = (node: string | Node | { id: Node['id'] }) => Node[];
-  export type getOutgoers = (node: string | Node | { id: Node['id'] }) => Node[];
 
   export type UpdateNode<NodeType extends Node = Node> = (
     id: string,
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 21ed2a612..cce956366 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -30,10 +30,14 @@
 
 <script lang="ts">
   import { createEventDispatcher } from 'svelte';
-  import { SelectionMode, getEventPosition, getNodesInside } from '@xyflow/system';
+  import {
+    SelectionMode,
+    getEventPosition,
+    getNodesInside,
+    getConnectedEdges
+  } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
-  import { getConnectedEdges } from '$lib/utils';
   import type { Node, Edge } from '$lib/types';
   import type { PaneProps } from './types';
 
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index a13cc7f17..18941bc6c 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -7,6 +7,7 @@ import {
   getElementsToRemove,
   panBy as panBySystem,
   updateNodeDimensions as updateNodeDimensionsSystem,
+  addEdge as addEdgeUtil,
   type UpdateNodePositions,
   type NodeDimensionUpdate,
   type ViewportHelperFunctionOptions,
@@ -19,7 +20,6 @@ import {
   errorMessages
 } from '@xyflow/system';
 
-import { addEdge as addEdgeUtil } from '$lib/utils';
 import type { EdgeTypes, NodeTypes, Node, Edge, FitViewOptions, ConnectionData } from '$lib/types';
 import { initialEdgeTypes, initialNodeTypes, getInitialStore } from './initial-store';
 import type { SvelteFlowStore } from './types';

From 0f8e13e0cf98af288a3f2b24f89a8c4439323d37 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 15 Jan 2024 17:48:29 +0100
Subject: [PATCH 0509/1093] added types for handles

---
 packages/svelte/src/lib/types/general.ts | 13 +++++++++++++
 packages/system/src/types/handles.ts     | 17 +++++++++++++++++
 2 files changed, 30 insertions(+)

diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index 5d33a97c0..84e48d650 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -23,13 +23,26 @@ export type ConnectionData = {
 };
 
 export type HandleComponentProps = {
+  /** type of the handle
+   * @example HandleType.Source, HandleType.Target
+   */
   type: HandleType;
+  /** position of the handle
+   * @example Position.TopLeft, Position.TopRight,
+   * Position.BottomLeft, Position.BottomRight
+   */
   position?: Position;
+  /** id of the handle
+   * @remarks optional if there is only one handle of this type
+   */
   id?: string;
   class?: string;
   style?: string;
+  /** should you be able to connect from/to this handle */
   isConnectable?: boolean;
+  /** shoould you be able to connect from this handle */
   isConnectableStart?: boolean;
+  /** should you be able to connect to this handle */
   isConnectableEnd?: boolean;
   onconnect?: (connections: Connection[]) => void;
   ondisconnect?: (connections: Connection[]) => void;
diff --git a/packages/system/src/types/handles.ts b/packages/system/src/types/handles.ts
index c1ea7d0e6..911ecf511 100644
--- a/packages/system/src/types/handles.ts
+++ b/packages/system/src/types/handles.ts
@@ -27,12 +27,29 @@ export type ConnectionHandle = {
 };
 
 export type HandleProps = {
+  /** type of the handle
+   * @example HandleType.Source, HandleType.Target
+   */
   type: HandleType;
+  /** position of the handle
+   * @example Position.TopLeft, Position.TopRight,
+   * Position.BottomLeft, Position.BottomRight
+   */
   position: Position;
+  /** should you be able to connect to/from this handle */
   isConnectable?: boolean;
+  /** shoud you be able to connect from this handle */
   isConnectableStart?: boolean;
+  /** should you be able to connect to this handle */
   isConnectableEnd?: boolean;
+  /** callback called when connection is made */
   onConnect?: OnConnect;
+  /** callback if connection is valid
+   * @remarks connection becomes an edge if isValidConnection returns true
+   */
   isValidConnection?: IsValidConnection;
+  /** id of the handle
+   * @remarks optional if there is only one handle of this type
+   */
   id?: string;
 };

From 115ae9493ab93570372ad4f8cd838c01d6511803 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 15 Jan 2024 18:03:22 +0100
Subject: [PATCH 0510/1093] added types for baseEdge

---
 packages/react/src/types/edges.ts                    | 11 +++++++++++
 packages/svelte/src/lib/components/BaseEdge/types.ts |  9 +++++++++
 2 files changed, 20 insertions(+)

diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index b65b78c39..be7d0571f 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -114,13 +114,24 @@ export type EdgeProps<T = any> = Pick<
  * @public
  */
 export type BaseEdgeProps = EdgeLabelOptions & {
+  /** unique id of edge */
   id?: string;
+  /** additional padding where interacting with an edge is still possible */
   interactionWidth?: number;
   className?: string;
+  /** x position of edge label */
   labelX?: number;
+  /** y position of edge label */
   labelY?: number;
+  /** marker at start of edge
+   * @example 'url(#arrow)'
+   */
   markerStart?: string;
+  /** marker at end of edge
+   * @example 'url(#arrow)'
+   */
   markerEnd?: string;
+  /** svg path of the edge */
   path: string;
   style?: CSSProperties;
 };
diff --git a/packages/svelte/src/lib/components/BaseEdge/types.ts b/packages/svelte/src/lib/components/BaseEdge/types.ts
index c4135c1c2..51d02abbc 100644
--- a/packages/svelte/src/lib/components/BaseEdge/types.ts
+++ b/packages/svelte/src/lib/components/BaseEdge/types.ts
@@ -5,10 +5,19 @@ export type BaseEdgeProps = Pick<
   'interactionWidth' | 'label' | 'labelStyle' | 'style'
 > & {
   id?: string;
+  /** svg path of the edge */
   path: string;
+  /** x coordinate of the label */
   labelX?: number;
+  /** y coordinate of the label */
   labelY?: number;
+  /** marker at start of edge
+   * @example 'url(#arrow)'
+   */
   markerStart?: string;
+  /** marker at end of edge
+   * @example 'url(#arrow)'
+   */
   markerEnd?: string;
   class?: string;
 };

From 1eb0595a96fddeed4352455a03c86480a29af828 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 16 Jan 2024 11:45:58 +0100
Subject: [PATCH 0511/1093] added typedocs for SvelteFlowProps

---
 .../src/lib/container/SvelteFlow/types.ts     | 238 +++++++++++++++++-
 1 file changed, 234 insertions(+), 4 deletions(-)

diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index f25c81505..00b1b87dc 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -36,69 +36,299 @@ import type {
 import type { Writable } from 'svelte/store';
 
 export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
+  /** id of the flow
+   * @optional
+   */
   id?: string;
+  /** An array of nodes to render in a controlled flow.
+   * @example
+   * const nodes = writable([
+   *  {
+   *    id: 'node-1',
+   *    type: 'input',
+   *    data: { label: 'Node 1' },
+   *    position: { x: 250, y: 50 }
+   *  }
+   * ]);
+   */
   nodes: Writable<Node[]>;
+  /** An array of edges to render in a controlled flow.
+   * @example
+   * const edges = writable([
+   *  {
+   *    id: 'edge-1-2',
+   *    source: 'node-1',
+   *    target: 'node-2',
+   *  }
+   * ]);
+   */
   edges: Writable<Edge[]>;
+  /** Custom node types to be available in a flow.
+   *
+   * Svelte Flow matches a node's type to a component in the nodeTypes object.
+   * @example
+   * import CustomNode from './CustomNode.svelte';
+   *
+   * const nodeTypes = { nameOfNodeType: CustomNode };
+   */
   nodeTypes?: NodeTypes;
+  /** Custom edge types to be available in a flow.
+   *
+   * Svelte Flow matches an edge's type to a component in the edgeTypes object.
+   * @example
+   * import CustomEdge from './CustomEdge.svelte';
+   *
+   * const edgeypes = { nameOfEdgeType: CustomEdge };
+   */
   edgeTypes?: EdgeTypes;
+  /** Pressing down this key you can select multiple elements with a selection box.
+   * @default 'Shift'
+   */
   selectionKey?: KeyDefinition | null;
+  /** If a key is set, you can pan the viewport while that key is held down even if panOnScroll is set to false.
+   *
+   * By setting this prop to null you can disable this functionality.
+   * @default 'Space'
+   */
   panActivationKey?: KeyDefinition | null;
+  /** Pressing down this key deletes all selected nodes & edges.
+   * @default 'Backspace'
+   */
   deleteKey?: KeyDefinition | null;
+  /** Pressing down this key you can select multiple elements by clicking.
+   * @default 'Meta' for macOS, "Ctrl" for other systems
+   */
   multiSelectionKey?: KeyDefinition | null;
+  /**If a key is set, you can zoom the viewport while that key is held down even if panOnScroll is set to false.
+   *
+   * By setting this prop to null you can disable this functionality.
+   * @default 'Meta' for macOS, "Ctrl" for other systems
+   * */
   zoomActivationKey?: KeyDefinition | null;
+  /** If set, initial viewport will show all nodes & edges */
   fitView?: boolean;
+  /** Options to be used in combination with fitView
+   * @example
+   * const fitViewOptions = {
+   *  padding: 0.1,
+   *  includeHiddenNodes: false,
+   *  minZoom: 0.1,
+   *  maxZoom: 1,
+   *  duration: 200,
+   *  nodes: [{id: 'node-1'}, {id: 'node-2'}], // nodes to fit
+   * };
+   */
   fitViewOptions?: FitViewOptions;
+  /** Defines nodes relative position to its coordinates
+   * @example
+   * [0, 0] // default, top left
+   * [0.5, 0.5] // center
+   * [1, 1] // bottom right
+   */
   nodeOrigin?: NodeOrigin;
+  /** With a threshold greater than zero you can control the distinction between node drag and click events.
+   *
+   * If threshold equals 1, you need to drag the node 1 pixel before a drag event is fired.
+   * @default 1
+   */
   nodeDragThreshold?: number;
+  /** Minimum zoom level
+   * @default 0.1
+   */
   minZoom?: number;
+  /** Maximum zoom level
+   * @default 1
+   */
   maxZoom?: number;
+  /** Sets the initial position and zoom of the viewport.
+   *
+   * If a default viewport is provided but fitView is enabled, the default viewport will be ignored.
+   * @example
+   * const initialViewport = {
+   *  zoom: 0.5,
+   *  position: { x: 0, y: 0 }
+   * };
+   */
   initialViewport?: Viewport;
+  /** Custom viewport writable to be used instead of internal one */
   viewport?: Writable<Viewport>;
+  /** The radius around a handle where you drop a connection line to create a new edge.
+   * @default 20
+   */
   connectionRadius?: number;
+  /** 'strict' connection mode will only allow you to connect source handles to target handles.
+   *
+   * 'loose' connection mode will allow you to connect handles of any type to one another.
+   * @default 'strict'
+   */
   connectionMode?: ConnectionMode;
+  /** Styles to be applied to the connection line */
   connectionLineStyle?: string;
+  /** Styles to be applied to the container of the connection line */
   connectionLineContainerStyle?: string;
+  /** When set to "partial", when the user creates a selection box by click and dragging nodes that are only partially in the box are still selected.
+   * @default 'full'
+   */
   selectionMode?: SelectionMode;
+  /** Grid all nodes will snap to
+   * @example [20, 20]
+   */
   snapGrid?: SnapGrid;
+  /** Color of edge markers
+   * @example "#b1b1b7"
+   */
   defaultMarkerColor?: string;
+  /** Controls if all nodes should be draggable
+   * @default true
+   */
   nodesDraggable?: boolean;
+  /** Controls if all nodes should be connectable to each other
+   * @default true
+   */
   nodesConnectable?: boolean;
+  /** Controls if all elements should (nodes & edges) be selectable
+   * @default true
+   */
   elementsSelectable?: boolean;
+  /** By default the viewport extends infinitely. You can use this prop to set a boundary.
+   *
+   * The first pair of coordinates is the top left boundary and the second pair is the bottom right.
+   * @example [[-1000, -10000], [1000, 1000]]
+   */
   translateExtent?: CoordinateExtent;
-  panOnScrollMode?: PanOnScrollMode;
+  /** Disabling this prop will allow the user to scroll the page even when their pointer is over the flow.
+   * @default true
+   */
   preventScrolling?: boolean;
+  /** Controls if the viewport should zoom by scrolling inside the container */
   zoomOnScroll?: boolean;
+  /** Controls if the viewport should zoom by double clicking somewhere on the flow */
   zoomOnDoubleClick?: boolean;
+  /** Controls if the viewport should zoom by pinching on a touch screen */
   zoomOnPinch?: boolean;
+  /** Controls if the viewport should pan by scrolling inside the container
+   *
+   * Can be limited to a specific direction with panOnScrollMode
+   */
   panOnScroll?: boolean;
+  /** This prop is used to limit the direction of panning when panOnScroll is enabled.
+   *
+   * The "free" option allows panning in any direction.
+   * @default "free"
+   * @example "horizontal" | "vertical"
+   */
+  panOnScrollMode?: PanOnScrollMode;
+  /** Enableing this prop allows users to pan the viewport by clicking and dragging.
+   *
+   * You can also set this prop to an array of numbers to limit which mouse buttons can activate panning.
+   * @example [0, 2] // allows panning with the left and right mouse buttons
+   * [0, 1, 2, 3, 4] // allows panning with all mouse buttons
+   */
   panOnDrag?: boolean | number[];
+  /** Select multiple elements with a selection box, without pressing down selectionKey */
   selectionOnDrag?: boolean;
+  /** You can enable this optimisation to instruct Svelte Flow to only render nodes and edges that would be visible in the viewport.
+   *
+   * This might improve performance when you have a large number of nodes and edges but also adds an overhead.
+   * @default false
+   */
   onlyRenderVisibleElements?: boolean;
+  /** You can enable this prop to automatically pan the viewport while making a new connection.
+   * @default true
+   */
   autoPanOnConnect?: boolean;
+  /** You can enable this prop to automatically pan the viewport while dragging a node.
+   * @default true
+   */
   autoPanOnNodeDrag?: boolean;
+  /** Set position of the attribution
+   * @default 'bottom-right'
+   * @example 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'
+   */
   attributionPosition?: PanelPosition;
+  /** By default, we render a small attribution in the corner of your flows that links back to the project.
+   *
+   * Anyone is free to remove this attribution whether they're a Pro subscriber or not
+   * but we ask that you take a quick look at our {@link https://reactflow.dev/learn/troubleshooting/remove-attribution | removing attribution guide}
+   * before doing so.
+   */
   proOptions?: ProOptions;
+  /** Defaults to be applied to all new edges that are added to the flow.
+   *
+   * Properties on a new edge will override these defaults if they exist.
+   * @example
+   * const defaultEdgeOptions = {
+   *  type: 'customEdgeType',
+   *  animated: true,
+   *  interactionWidth: 10,
+   *  data: { label: 'custom label' },
+   *  hidden: false,
+   *  deletable: true,
+   *  selected: false,
+   *  focusable: true,
+   *  markerStart: EdgeMarker.ArrowClosed,
+   *  markerEnd: EdgeMarker.ArrowClosed,
+   *  zIndex: 12,
+   *  ariaLabel: 'custom aria label'
+   * }
+   */
   defaultEdgeOptions?: DefaultEdgeOptions;
+  /** Sets a fixed width for the flow */
   width?: number;
+  /** Sets a fixed height for the flow */
   height?: number;
+  /** Controls color scheme used for styling the flow
+   * @default 'system'
+   * @example 'system' | 'light' | 'dark'
+   */
   colorMode?: ColorMode;
-
+  /** Class to be applied to the flow container */
   class?: string;
+  /** Styles to be applied to the flow container */
   style?: string;
-
+  /** Choose from the built-in edge types to be used for connections
+   * @default 'default' | ConnectionLineType.Bezier
+   * @example 'straight' | 'default' | 'step' | 'smoothstep' | 'bezier'
+   * @example ConnectionLineType.Straight | ConnectionLineType.Default | ConnectionLineType.Step | ConnectionLineType.SmoothStep | ConnectionLineType.Bezier
+   */
   connectionLineType?: ConnectionLineType;
+  /**This callback can be used to validate a new connection
+   *
+   * If you return false, the edge will not be added to your flow.
+   * If you have custom connection logic its preferred to use this callback over the isValidConnection prop on the handle component for performance reasons.
+   * @default (connection: Connection) => true
+   */
   isValidConnection?: IsValidConnection;
-
+  /** This event handler is called when the user begins to pan or zoom the viewport */
   onMoveStart?: OnMoveStart;
+  /** This event handler is called when the user pans or zooms the viewport */
   onMove?: OnMove;
+  /** This event handler is called when the user stops panning or zooming the viewport */
   onMoveEnd?: OnMoveEnd;
+  /** Ocassionally something may happen that causes Svelte Flow to throw an error.
+   *
+   * Instead of exploding your application, we log a message to the console and then call this event handler.
+   * You might use it for additional logging or to show a message to the user.
+   */
   onerror?: OnError;
+  /** This handler gets called when the user deletes nodes or edges.
+   * @example
+   * onDelete={({nodes, edges}) => {
+   *  console.log('deleted nodes:', nodes);
+   *  console.log('deleted edges:', edges);
+   * }}
+   */
   ondelete?: OnDelete;
+  /** This handler gets called before the user deletes nodes or edges and provides a way to abort the deletion by returning false. */
   onbeforedelete?: OnBeforeDelete;
 
+  /** This handler gets called when a new edge is created. You can use it to modify the newly created edge. */
   onedgecreate?: OnEdgeCreate;
 
+  /** This event gets fired when a connection successfully completes and an edge is created. */
   onconnect?: OnConnect;
+  /** When a user starts to drag a connection line, this event gets fired. */
   onconnectstart?: OnConnectStart;
+  /** When a user stops dragging a connection line, this event gets fired. */
   onconnectend?: OnConnectEnd;
 };

From bc69a6adb434d96384a7eb2038b9b7a4cc208314 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 16 Jan 2024 16:57:50 +0100
Subject: [PATCH 0512/1093] refactor(handles): prefix with flow id for handling
 nested flows #3196

---
 .../src/components/EdgeWrapper/EdgeUpdateAnchors.tsx     | 2 ++
 packages/react/src/components/Handle/index.tsx           | 9 ++++++---
 packages/svelte/src/lib/components/Handle/Handle.svelte  | 6 ++++--
 packages/system/src/xyhandle/XYHandle.ts                 | 7 ++++++-
 4 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
index 3e3f3bf73..db56017c5 100644
--- a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
+++ b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
@@ -55,6 +55,7 @@ export function EdgeUpdateAnchors({
       onConnectEnd,
       cancelConnection,
       nodes,
+      rfId: flowId,
       panBy,
       updateConnection,
     } = store.getState();
@@ -85,6 +86,7 @@ export function EdgeUpdateAnchors({
       isTarget,
       edgeUpdaterType: handleType,
       lib,
+      flowId,
       cancelConnection,
       panBy,
       isValidConnection,
diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 86f8da2a6..362027abd 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -25,9 +25,9 @@ import { type ReactFlowState } from '../../types';
 export type HandleComponentProps = HandleProps & Omit<HTMLAttributes<HTMLDivElement>, 'id'>;
 
 const selector = (s: ReactFlowState) => ({
-  connectionStartHandle: s.connectionStartHandle,
   connectOnClick: s.connectOnClick,
   noPanClassName: s.noPanClassName,
+  rfId: s.rfId,
 });
 
 const connectingSelector =
@@ -70,7 +70,7 @@ const HandleComponent = forwardRef<HTMLDivElement, HandleComponentProps>(
     const isTarget = type === 'target';
     const store = useStoreApi();
     const nodeId = useNodeId();
-    const { connectOnClick, noPanClassName } = useStore(selector, shallow);
+    const { connectOnClick, noPanClassName, rfId } = useStore(selector, shallow);
     const { connecting, clickConnecting } = useStore(connectingSelector(nodeId, handleId, type), shallow);
 
     if (!nodeId) {
@@ -116,6 +116,7 @@ const HandleComponent = forwardRef<HTMLDivElement, HandleComponentProps>(
           isTarget,
           handleId,
           nodeId,
+          flowId: currentStore.rfId,
           panBy: currentStore.panBy,
           cancelConnection: currentStore.cancelConnection,
           onConnectStart: currentStore.onConnectStart,
@@ -142,6 +143,7 @@ const HandleComponent = forwardRef<HTMLDivElement, HandleComponentProps>(
         connectionMode,
         isValidConnection: isValidConnectionStore,
         lib,
+        rfId: flowId,
       } = store.getState();
 
       if (!nodeId || (!connectionClickStartHandle && !isConnectableStart)) {
@@ -167,6 +169,7 @@ const HandleComponent = forwardRef<HTMLDivElement, HandleComponentProps>(
         fromHandleId: connectionClickStartHandle.handleId || null,
         fromType: connectionClickStartHandle.type,
         isValidConnection: isValidConnectionHandler,
+        flowId,
         doc,
         lib,
       });
@@ -185,7 +188,7 @@ const HandleComponent = forwardRef<HTMLDivElement, HandleComponentProps>(
         data-handleid={handleId}
         data-nodeid={nodeId}
         data-handlepos={position}
-        data-id={`${nodeId}-${handleId}-${type}`}
+        data-id={`${rfId}-${nodeId}-${handleId}-${type}`}
         className={cc([
           'react-flow__handle',
           `react-flow__handle-${position}`,
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 807594e0e..212efe56f 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -55,7 +55,8 @@
     connectionLookup,
     onconnect: onConnectAction,
     onconnectstart: onConnectStartAction,
-    onconnectend: onConnectEndAction
+    onconnectend: onConnectEndAction,
+    flowId
   } = store;
 
   function onPointerDown(event: MouseEvent | TouchEvent) {
@@ -72,6 +73,7 @@
         connectionMode: $connectionMode,
         lib: $lib,
         autoPanOnConnect: $autoPanOnConnect,
+        flowId: $flowId,
         isValidConnection: $isValidConnection,
         updateConnection,
         cancelConnection,
@@ -128,7 +130,7 @@
   data-handleid={handleId}
   data-nodeid={nodeId}
   data-handlepos={position}
-  data-id="{nodeId}-{id || null}-{type}"
+  data-id="{flowId}-{nodeId}-{id || null}-{type}"
   class={cc([
     'svelte-flow__handle',
     `svelte-flow__handle-${position}`,
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 826a1c80d..239e63561 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -27,6 +27,7 @@ export type OnPointerDownParams = {
   isTarget: boolean;
   nodes: NodeBase[];
   lib: string;
+  flowId: string | null;
   edgeUpdaterType?: HandleType;
   updateConnection: UpdateConnection;
   panBy: PanBy;
@@ -48,6 +49,7 @@ export type IsValidParams = {
   isValidConnection?: IsValidConnection;
   doc: Document | ShadowRoot;
   lib: string;
+  flowId: string | null;
 };
 
 export type XYHandleInstance = {
@@ -79,6 +81,7 @@ function onPointerDown(
     nodes,
     lib,
     autoPanOnConnect,
+    flowId,
     panBy,
     cancelConnection,
     onConnectStart,
@@ -169,6 +172,7 @@ function onPointerDown(
       isValidConnection,
       doc,
       lib,
+      flowId,
     });
 
     handleDomNode = result.handleDomNode;
@@ -251,12 +255,13 @@ function isValidHandle(
     fromType,
     doc,
     lib,
+    flowId,
     isValidConnection = alwaysValid,
   }: IsValidParams
 ) {
   const isTarget = fromType === 'target';
   const handleDomNode = doc.querySelector(
-    `.${lib}-flow__handle[data-id="${handle?.nodeId}-${handle?.id}-${handle?.type}"]`
+    `.${lib}-flow__handle[data-id="${flowId}-${handle?.nodeId}-${handle?.id}-${handle?.type}"]`
   );
   const { x, y } = getEventPosition(event);
   const handleBelow = doc.elementFromPoint(x, y);

From b478fc6852a19f087007bc4e602777cf7b7e66d5 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 16 Jan 2024 17:41:55 +0100
Subject: [PATCH 0513/1093] added typedocs for ReactFlowProps

---
 packages/react/src/types/component-props.ts   | 331 +++++++++++++++++-
 .../src/lib/container/SvelteFlow/types.ts     |   4 +-
 2 files changed, 332 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index bdb6e5297..6b11c7343 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -51,118 +51,447 @@ import type {
  * @public
  */
 export type ReactFlowProps = Omit<HTMLAttributes<HTMLDivElement>, 'onError'> & {
+  /** An array of nodes to render in a controlled flow.
+   * @example
+   * const nodes = [
+   *  {
+   *    id: 'node-1',
+   *    type: 'input',
+   *    data: { label: 'Node 1' },
+   *    position: { x: 250, y: 50 }
+   *  }
+   * ];
+   */
   nodes?: Node[];
+  /** An array of edges to render in a controlled flow.
+   * @example
+   * const edges = [
+   *  {
+   *    id: 'edge-1-2',
+   *    source: 'node-1',
+   *    target: 'node-2',
+   *  }
+   * ];
+   */
   edges?: Edge[];
+  /** The initial nodes to render in an uncontrolled flow. */
   defaultNodes?: Node[];
+  /** The initial edges to render in an uncontrolled flow. */
   defaultEdges?: Edge[];
+  /** Defaults to be applied to all new edges that are added to the flow.
+   *
+   * Properties on a new edge will override these defaults if they exist.
+   * @example
+   * const defaultEdgeOptions = {
+   *  type: 'customEdgeType',
+   *  animated: true,
+   *  interactionWidth: 10,
+   *  data: { label: 'custom label' },
+   *  hidden: false,
+   *  deletable: true,
+   *  selected: false,
+   *  focusable: true,
+   *  markerStart: EdgeMarker.ArrowClosed,
+   *  markerEnd: EdgeMarker.ArrowClosed,
+   *  zIndex: 12,
+   *  ariaLabel: 'custom aria label'
+   * }
+   */
   defaultEdgeOptions?: DefaultEdgeOptions;
+  /** This event handler is called when a user clicks on a node */
   onNodeClick?: NodeMouseHandler;
+  /** This event handler is called when a user double clicks on a node */
   onNodeDoubleClick?: NodeMouseHandler;
+  /** This event handler is called when mouse of a user enters a node */
   onNodeMouseEnter?: NodeMouseHandler;
+  /** This event handler is called when mouse of a user moves over a node */
   onNodeMouseMove?: NodeMouseHandler;
+  /** This event handler is called when mouse of a user leaves a node */
   onNodeMouseLeave?: NodeMouseHandler;
+  /** This event handler is called when a user right clicks on a node */
   onNodeContextMenu?: NodeMouseHandler;
+  /** This event handler is called when a user starts to drag a node */
   onNodeDragStart?: NodeDragHandler;
+  /** This event handler is called when a user drags a node */
   onNodeDrag?: NodeDragHandler;
+  /** This event handler is called when a user stops dragging a node */
   onNodeDragStop?: NodeDragHandler;
+  /** This event handler is called when a user clicks on an edge */
   onEdgeClick?: (event: ReactMouseEvent, edge: Edge) => void;
-  onEdgeUpdate?: OnEdgeUpdateFunc;
+  /** This event handler is called when a user right clicks on an edge */
   onEdgeContextMenu?: EdgeMouseHandler;
+  /** This event handler is called when mouse of a user enters an edge */
   onEdgeMouseEnter?: EdgeMouseHandler;
+  /** This event handler is called when mouse of a user moves over an edge */
   onEdgeMouseMove?: EdgeMouseHandler;
+  /** This event handler is called when mouse of a user leaves an edge */
   onEdgeMouseLeave?: EdgeMouseHandler;
+  /** This event handler is called when a user double clicks on an edge */
   onEdgeDoubleClick?: EdgeMouseHandler;
   onEdgeUpdateStart?: (event: ReactMouseEvent, edge: Edge, handleType: HandleType) => void;
   onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: Edge, handleType: HandleType) => void;
+  onEdgeUpdate?: OnEdgeUpdateFunc;
+  /** This event handler is called when a Node is updated
+   * @example // Use NodesState hook to create edges and get onNodesChange handler
+   * import ReactFlow, { useNodesState } from '@xyflow/react';
+   * const [edges, setNodes, onNodesChange] = useNodesState(initialNodes);
+   *
+   * return (<ReactFlow onNodeChange={onNodeChange} {...rest} />)
+   * @example // Use helper function to update edge
+   * import ReactFlow, { applyNodeChanges } from '@xyflow/react';
+   *
+   * const onNodeChange = useCallback(
+   *  (changes) => setNode((eds) => applyNodeChanges(changes, eds)),
+   *  [],
+   * );
+   *
+   * return (<ReactFlow onNodeChange={onNodeChange} {...rest} />)
+   */
   onNodesChange?: OnNodesChange;
+  /** This event handler is called when a Edge is updated
+   * @example // Use EdgesState hook to create edges and get onEdgesChange handler
+   * import ReactFlow, { useEdgesState } from '@xyflow/react';
+   * const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
+   *
+   * return (<ReactFlow onEdgesChange={onEdgesChange} {...rest} />)
+   * @example // Use helper function to update edge
+   * import ReactFlow, { applyEdgeChanges } from '@xyflow/react';
+   *
+   * const onEdgesChange = useCallback(
+   *  (changes) => setEdges((eds) => applyEdgeChanges(changes, eds)),
+   *  [],
+   * );
+   *
+   * return (<ReactFlow onEdgesChange={onEdgesChange} {...rest} />)
+   */
   onEdgesChange?: OnEdgesChange;
+  /** This event handler gets called when a Node is deleted */
   onNodesDelete?: OnNodesDelete;
+  /** This event handler gets called when a Edge is deleted */
   onEdgesDelete?: OnEdgesDelete;
+  /** This event handler gets called when a Node or Edge is deleted */
   onDelete?: OnDelete;
+  /** This event handler gets called when a user starts to drag a selection box */
   onSelectionDragStart?: SelectionDragHandler;
+  /** This event handler gets called when a user drags a selection box */
   onSelectionDrag?: SelectionDragHandler;
+  /** This event handler gets called when a user stops dragging a selection box */
   onSelectionDragStop?: SelectionDragHandler;
   onSelectionStart?: (event: ReactMouseEvent) => void;
   onSelectionEnd?: (event: ReactMouseEvent) => void;
   onSelectionContextMenu?: (event: ReactMouseEvent, nodes: Node[]) => void;
+  /** When a connection line is completed and two nodes are connected by the user, this event fires with the new connection.
+   *
+   * You can use the addEdge utility to convert the connection to a complete edge.
+   * @example // Use helper function to update edges onConnect
+   * import ReactFlow, { addEdge } from '@xyflow/react';
+   *
+   * const onConnect = useCallback(
+   *  (params) => setEdges((eds) => addEdge(params, eds)),
+   *  [],
+   * );
+   *
+   * return (<ReactFlow onConnect={onConnect} {...rest} />)
+   */
   onConnect?: OnConnect;
+  /** This event handler gets called when a user starts to drag a connection line */
   onConnectStart?: OnConnectStart;
+  /** This event handler gets called when a user stops dragging a connection line */
   onConnectEnd?: OnConnectEnd;
   onClickConnectStart?: OnConnectStart;
   onClickConnectEnd?: OnConnectEnd;
+  /** This event handler gets called when a flow has finished initializing */
   onInit?: OnInit;
+  /** This event handler is called while the user is either panning or zooming the viewport. */
   onMove?: OnMove;
+  /** This event handler gets called when a user starts to pan or zoom the viewport */
   onMoveStart?: OnMoveStart;
+  /** This event handler gets called when a user stops panning or zooming the viewport */
   onMoveEnd?: OnMoveEnd;
+  /** This event handler gets called when a user changes group of selected elements in the flow */
   onSelectionChange?: OnSelectionChangeFunc;
+  /** This event handler gets called when user scroll inside the pane */
   onPaneScroll?: (event?: WheelEvent) => void;
+  /** This event handler gets called when user clicks inside the pane */
   onPaneClick?: (event: ReactMouseEvent) => void;
+  /** This event handler gets called when user right clicks inside the pane */
   onPaneContextMenu?: (event: ReactMouseEvent | MouseEvent) => void;
+  /** This event handler gets called when mouse enters the pane */
   onPaneMouseEnter?: (event: ReactMouseEvent) => void;
+  /** This event handler gets called when mouse moves over the pane */
   onPaneMouseMove?: (event: ReactMouseEvent) => void;
+  /** This event handler gets called when mouse leaves the pane */
   onPaneMouseLeave?: (event: ReactMouseEvent) => void;
+  /** This handler gets called before the user deletes nodes or edges and provides a way to abort the deletion by returning false. */
   onBeforeDelete?: OnBeforeDelete;
+  /** Custom node types to be available in a flow.
+   *
+   * React Flow matches a node's type to a component in the nodeTypes object.
+   * @example
+   * import CustomNode from './CustomNode';
+   *
+   * const nodeTypes = { nameOfNodeType: CustomNode };
+   */
   nodeTypes?: NodeTypes;
+  /** Custom edge types to be available in a flow.
+   *
+   * React Flow matches an edge's type to a component in the edgeTypes object.
+   * @example
+   * import CustomEdge from './CustomEdge';
+   *
+   * const edgeTypes = { nameOfEdgeType: CustomEdge };
+   */
   edgeTypes?: EdgeTypes;
+  /** nThe type of edge path to use for connection lines.
+   *
+   * Although created edges can be of any type, React Flow needs to know what type of path to render for the connection line before the edge is created!
+   */
   connectionLineType?: ConnectionLineType;
+  /** Styles to be applied to the connection line */
   connectionLineStyle?: CSSProperties;
+  /** React Component to be used as a connection line */
   connectionLineComponent?: ConnectionLineComponent;
+  /** Styles to be applied to the container of the connection line */
   connectionLineContainerStyle?: CSSProperties;
+  /** 'strict' connection mode will only allow you to connect source handles to target handles.
+   *
+   * 'loose' connection mode will allow you to connect handles of any type to one another.
+   * @default 'strict'
+   */
   connectionMode?: ConnectionMode;
+  /** Pressing down this key deletes all selected nodes & edges.
+   * @default 'Backspace'
+   */
   deleteKeyCode?: KeyCode | null;
+  /** If a key is set, you can pan the viewport while that key is held down even if panOnScroll is set to false.
+   *
+   * By setting this prop to null you can disable this functionality.
+   * @default 'Space'
+   */
   selectionKeyCode?: KeyCode | null;
+  /** Select multiple elements with a selection box, without pressing down selectionKey */
   selectionOnDrag?: boolean;
+  /** When set to "partial", when the user creates a selection box by click and dragging nodes that are only partially in the box are still selected.
+   * @default 'full'
+   */
   selectionMode?: SelectionMode;
+  /** If a key is set, you can pan the viewport while that key is held down even if panOnScroll is set to false.
+   *
+   * By setting this prop to null you can disable this functionality.
+   * @default 'Space'
+   */
   panActivationKeyCode?: KeyCode | null;
+  /** Pressing down this key you can select multiple elements by clicking.
+   * @default 'Meta' for macOS, "Ctrl" for other systems
+   */
   multiSelectionKeyCode?: KeyCode | null;
+  /**If a key is set, you can zoom the viewport while that key is held down even if panOnScroll is set to false.
+   *
+   * By setting this prop to null you can disable this functionality.
+   * @default 'Meta' for macOS, "Ctrl" for other systems
+   * */
   zoomActivationKeyCode?: KeyCode | null;
+  /** Set this prop to make the flow snap to the grid */
   snapToGrid?: boolean;
+  /** Grid all nodes will snap to
+   * @example [20, 20]
+   */
   snapGrid?: SnapGrid;
+  /** You can enable this optimisation to instruct Svelte Flow to only render nodes and edges that would be visible in the viewport.
+   *
+   * This might improve performance when you have a large number of nodes and edges but also adds an overhead.
+   * @default false
+   */
   onlyRenderVisibleElements?: boolean;
+  /** Controls if all nodes should be draggable
+   * @default true
+   */
   nodesDraggable?: boolean;
+  /** Controls if all nodes should be connectable to each other
+   * @default true
+   */
   nodesConnectable?: boolean;
+  /** Controls if all nodes should be focusable
+   * @default true
+   */
   nodesFocusable?: boolean;
+  /** Defines nodes relative position to its coordinates
+   * @example
+   * [0, 0] // default, top left
+   * [0.5, 0.5] // center
+   * [1, 1] // bottom right
+   */
   nodeOrigin?: NodeOrigin;
+  /** Controls if all edges should be focusable
+   * @default true
+   */
   edgesFocusable?: boolean;
+  /** Controls if all edges should be updateable
+   * @default true
+   */
   edgesUpdatable?: boolean;
+  /** Controls if all elements should (nodes & edges) be selectable
+   * @default true
+   */
   elementsSelectable?: boolean;
   selectNodesOnDrag?: boolean;
+  /** Enableing this prop allows users to pan the viewport by clicking and dragging.
+   *
+   * You can also set this prop to an array of numbers to limit which mouse buttons can activate panning.
+   * @example [0, 2] // allows panning with the left and right mouse buttons
+   * [0, 1, 2, 3, 4] // allows panning with all mouse buttons
+   */
   panOnDrag?: boolean | number[];
+  /** Minimum zoom level
+   * @default 0.1
+   */
   minZoom?: number;
+  /** Maximum zoom level
+   * @default 1
+   */
   maxZoom?: number;
+  /** Controlled viewport to be used instead of internal one */
   viewport?: Viewport;
+  /** Sets the initial position and zoom of the viewport.
+   *
+   * If a default viewport is provided but fitView is enabled, the default viewport will be ignored.
+   * @example
+   * const initialViewport = {
+   *  zoom: 0.5,
+   *  position: { x: 0, y: 0 }
+   * };
+   */
   defaultViewport?: Viewport;
+
   onViewportChange?: (viewport: Viewport) => void;
+  /** By default the viewport extends infinitely. You can use this prop to set a boundary.
+   *
+   * The first pair of coordinates is the top left boundary and the second pair is the bottom right.
+   * @example [[-1000, -10000], [1000, 1000]]
+   */
   translateExtent?: CoordinateExtent;
+  /** Disabling this prop will allow the user to scroll the page even when their pointer is over the flow.
+   * @default true
+   */
   preventScrolling?: boolean;
+  /** By default nodes can be placed on an infinite flow. You can use this prop to set a boundary.
+   *
+   * The first pair of coordinates is the top left boundary and the second pair is the bottom right.
+   * @example [[-1000, -10000], [1000, 1000]]
+   */
   nodeExtent?: CoordinateExtent;
+  /** Color of edge markers
+   * @example "#b1b1b7"
+   */
   defaultMarkerColor?: string;
+  /** Controls if the viewport should zoom by scrolling inside the container */
   zoomOnScroll?: boolean;
+  /** Controls if the viewport should zoom by pinching on a touch screen */
   zoomOnPinch?: boolean;
+  /** Controls if the viewport should pan by scrolling inside the container
+   *
+   * Can be limited to a specific direction with panOnScrollMode
+   */
   panOnScroll?: boolean;
+  /** Controls how fast viewport should be panned on scroll.
+   *
+   * Use togther with panOnScroll prop.
+   */
   panOnScrollSpeed?: number;
+  /** This prop is used to limit the direction of panning when panOnScroll is enabled.
+   *
+   * The "free" option allows panning in any direction.
+   * @default "free"
+   * @example "horizontal" | "vertical"
+   */
   panOnScrollMode?: PanOnScrollMode;
+  /** Controls if the viewport should zoom by double clicking somewhere on the flow */
   zoomOnDoubleClick?: boolean;
   edgeUpdaterRadius?: number;
   noDragClassName?: string;
   noWheelClassName?: string;
   noPanClassName?: string;
+  /** If set, initial viewport will show all nodes & edges */
   fitView?: boolean;
+  /** Options to be used in combination with fitView
+   * @example
+   * const fitViewOptions = {
+   *  padding: 0.1,
+   *  includeHiddenNodes: false,
+   *  minZoom: 0.1,
+   *  maxZoom: 1,
+   *  duration: 200,
+   *  nodes: [{id: 'node-1'}, {id: 'node-2'}], // nodes to fit
+   * };
+   */
   fitViewOptions?: FitViewOptions;
+  /**The connectOnClick option lets you click or tap on a source handle to start a connection
+   * and then click on a target handle to complete the connection.
+   *
+   * If you set this option to false, users will need to drag the connection line to the target
+   * handle to create a connection.
+   */
   connectOnClick?: boolean;
+  /** Set position of the attribution
+   * @default 'bottom-right'
+   * @example 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'
+   */
   attributionPosition?: PanelPosition;
+  /** By default, we render a small attribution in the corner of your flows that links back to the project.
+   *
+   * Anyone is free to remove this attribution whether they're a Pro subscriber or not
+   * but we ask that you take a quick look at our {@link https://reactflow.dev/learn/troubleshooting/remove-attribution | removing attribution guide}
+   * before doing so.
+   */
   proOptions?: ProOptions;
+  /** Enabling this option will raise the z-index of nodes when they are selected.
+   * @default true
+   */
   elevateNodesOnSelect?: boolean;
+  /** Enabling this option will raise the z-index of edges when they are selected.
+   * @default true
+   */
   elevateEdgesOnSelect?: boolean;
   disableKeyboardA11y?: boolean;
+  /** You can enable this prop to automatically pan the viewport while dragging a node.
+   * @default true
+   */
   autoPanOnNodeDrag?: boolean;
+  /** You can enable this prop to automatically pan the viewport while dragging a node.
+   * @default true
+   */
   autoPanOnConnect?: boolean;
+  /** You can enable this prop to automatically pan the viewport while making a new connection.
+   * @default true
+   */
   connectionRadius?: number;
+  /** Ocassionally something may happen that causes Svelte Flow to throw an error.
+   *
+   * Instead of exploding your application, we log a message to the console and then call this event handler.
+   * You might use it for additional logging or to show a message to the user.
+   */
   onError?: OnError;
+  /** This callback can be used to validate a new connection
+   *
+   * If you return false, the edge will not be added to your flow.
+   * If you have custom connection logic its preferred to use this callback over the isValidConnection prop on the handle component for performance reasons.
+   * @default (connection: Connection) => true
+   */
   isValidConnection?: IsValidConnection;
+  /** With a threshold greater than zero you can control the distinction between node drag and click events.
+   *
+   * If threshold equals 1, you need to drag the node 1 pixel before a drag event is fired.
+   * @default 1
+   */
   nodeDragThreshold?: number;
+  /** Sets a fixed width for the flow */
   width?: number;
+  /** Sets a fixed height for the flow */
   height?: number;
+  /** Controls color scheme used for styling the flow
+   * @default 'system'
+   * @example 'system' | 'light' | 'dark'
+   */
   colorMode?: ColorMode;
 };
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 00b1b87dc..3fde2d897 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -78,7 +78,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
    * @example
    * import CustomEdge from './CustomEdge.svelte';
    *
-   * const edgeypes = { nameOfEdgeType: CustomEdge };
+   * const edgeTypes = { nameOfEdgeType: CustomEdge };
    */
   edgeTypes?: EdgeTypes;
   /** Pressing down this key you can select multiple elements with a selection box.
@@ -292,7 +292,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
    * @example ConnectionLineType.Straight | ConnectionLineType.Default | ConnectionLineType.Step | ConnectionLineType.SmoothStep | ConnectionLineType.Bezier
    */
   connectionLineType?: ConnectionLineType;
-  /**This callback can be used to validate a new connection
+  /** This callback can be used to validate a new connection
    *
    * If you return false, the edge will not be added to your flow.
    * If you have custom connection logic its preferred to use this callback over the isValidConnection prop on the handle component for performance reasons.

From 897c9afdf6e1eb600f4f401a2acdb8ff43cf18b0 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 16 Jan 2024 17:45:57 +0100
Subject: [PATCH 0514/1093] added typedocs for Panel

---
 packages/react/src/components/Panel/index.tsx    | 3 +++
 packages/svelte/src/lib/container/Panel/types.ts | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/packages/react/src/components/Panel/index.tsx b/packages/react/src/components/Panel/index.tsx
index cde20716b..eeb01a15f 100644
--- a/packages/react/src/components/Panel/index.tsx
+++ b/packages/react/src/components/Panel/index.tsx
@@ -6,6 +6,9 @@ import { useStore } from '../../hooks/useStore';
 import type { ReactFlowState } from '../../types';
 
 export type PanelProps = HTMLAttributes<HTMLDivElement> & {
+  /** Set position of the panel
+   * @example 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'
+   */
   position?: PanelPosition;
   children: ReactNode;
 };
diff --git a/packages/svelte/src/lib/container/Panel/types.ts b/packages/svelte/src/lib/container/Panel/types.ts
index 2a1225cbc..b6e4dd0aa 100644
--- a/packages/svelte/src/lib/container/Panel/types.ts
+++ b/packages/svelte/src/lib/container/Panel/types.ts
@@ -4,6 +4,9 @@ import type { HTMLAttributes } from 'svelte/elements';
 export type PanelProps = HTMLAttributes<HTMLDivElement> & {
   'data-testid'?: string;
   'data-message'?: string;
+  /** Set position of the panel
+   * @example 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'
+   */
   position?: PanelPosition;
   style?: string;
   class?: string;

From 25576cd5d5d21200d7f93e563b4c4a990995b0a3 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 16 Jan 2024 18:09:54 +0100
Subject: [PATCH 0515/1093] chore(types): cleanup comments

---
 .../additional-components/Background/types.ts | 20 +++++------
 .../additional-components/Controls/types.ts   | 22 ++++++------
 .../additional-components/MiniMap/types.ts    | 33 +++++++++--------
 .../NodeResizer/types.ts                      | 36 +++++++++----------
 .../NodeToolbar/types.ts                      |  9 ++---
 packages/react/src/types/component-props.ts   | 15 ++++++--
 packages/react/src/types/edges.ts             | 14 ++++----
 .../src/lib/components/BaseEdge/types.ts      | 10 +++---
 .../src/lib/container/SvelteFlow/types.ts     |  6 ++--
 .../src/lib/plugins/Background/types.ts       | 16 ++++-----
 .../svelte/src/lib/plugins/Controls/types.ts  |  8 ++---
 .../svelte/src/lib/plugins/Minimap/types.ts   | 34 +++++++++---------
 .../src/lib/plugins/NodeResizer/types.ts      | 36 +++++++++----------
 .../src/lib/plugins/NodeToolbar/types.ts      |  9 ++---
 packages/svelte/src/lib/types/general.ts      | 12 +++----
 packages/system/src/types/edges.ts            | 20 +++++------
 packages/system/src/types/handles.ts          | 16 ++++-----
 packages/system/src/types/nodes.ts            | 24 ++++++-------
 18 files changed, 178 insertions(+), 162 deletions(-)

diff --git a/packages/react/src/additional-components/Background/types.ts b/packages/react/src/additional-components/Background/types.ts
index a9fca2651..409bbe312 100644
--- a/packages/react/src/additional-components/Background/types.ts
+++ b/packages/react/src/additional-components/Background/types.ts
@@ -8,27 +8,27 @@ export enum BackgroundVariant {
 
 export type BackgroundProps = {
   id?: string;
-  /** color of the pattern */
+  /** Color of the pattern */
   color?: string;
-  /** color of the background */
+  /** Color of the background */
   bgColor?: string;
-  /** class applied to the container */
+  /** Class applied to the container */
   className?: string;
-  /** class applied to the pattern */
+  /** Class applied to the pattern */
   patternClassName?: string;
-  /** gap between repetitions of the pattern */
+  /** Gap between repetitions of the pattern */
   gap?: number | [number, number];
-  /** size of a single pattern element */
+  /** Size of a single pattern element */
   size?: number;
-  /** offset of the pattern */
+  /** Offset of the pattern */
   offset?: number;
-  /** line width of the Line pattern */
+  /** Line width of the Line pattern */
   lineWidth?: number;
-  /** variant of the pattern
+  /** Variant of the pattern
    * @example BackgroundVariant.Lines, BackgroundVariant.Dots, BackgroundVariant.Cross
    * 'lines', 'dots', 'cross'
    */
   variant?: BackgroundVariant;
-  /** style applied to the container */
+  /** Style applied to the container */
   style?: CSSProperties;
 };
diff --git a/packages/react/src/additional-components/Controls/types.ts b/packages/react/src/additional-components/Controls/types.ts
index eb36d61cd..e9015dfb6 100644
--- a/packages/react/src/additional-components/Controls/types.ts
+++ b/packages/react/src/additional-components/Controls/types.ts
@@ -4,31 +4,31 @@ import type { PanelPosition } from '@xyflow/system';
 import type { FitViewOptions } from '../../types';
 
 export type ControlProps = {
-  /** show button for zoom in/out */
+  /** Show button for zoom in/out */
   showZoom?: boolean;
-  /** show button for fit view */
+  /** Show button for fit view */
   showFitView?: boolean;
-  /** show button for toggling interactivity */
+  /** Show button for toggling interactivity */
   showInteractive?: boolean;
-  /** options being used when fit view button is clicked */
+  /** Options being used when fit view button is clicked */
   fitViewOptions?: FitViewOptions;
-  /** callback when zoom in button is clicked */
+  /** Callback when zoom in button is clicked */
   onZoomIn?: () => void;
-  /** callback when zoom out button is clicked */
+  /** Callback when zoom out button is clicked */
   onZoomOut?: () => void;
-  /** callback when fit view button is clicked */
+  /** Callback when fit view button is clicked */
   onFitView?: () => void;
-  /** callback when interactivity is toggled */
+  /** Callback when interactivity is toggled */
   onInteractiveChange?: (interactiveStatus: boolean) => void;
-  /** position of the controls on the pane
+  /** Position of the controls on the pane
    * @example PanelPosition.TopLeft, PanelPosition.TopRight,
    * PanelPosition.BottomLeft, PanelPosition.BottomRight
    */
   position?: PanelPosition;
   children?: ReactNode;
-  /** style applied to container */
+  /** Style applied to container */
   style?: React.CSSProperties;
-  /**className applied to container */
+  /** ClassName applied to container */
   className?: string;
   'aria-label'?: string;
 };
diff --git a/packages/react/src/additional-components/MiniMap/types.ts b/packages/react/src/additional-components/MiniMap/types.ts
index 0a49fd07a..31e67428b 100644
--- a/packages/react/src/additional-components/MiniMap/types.ts
+++ b/packages/react/src/additional-components/MiniMap/types.ts
@@ -7,41 +7,44 @@ import type { Node } from '../../types';
 export type GetMiniMapNodeAttribute<NodeType extends Node = Node> = (node: NodeType) => string;
 
 export type MiniMapProps<NodeType extends Node = Node> = Omit<HTMLAttributes<SVGSVGElement>, 'onClick'> & {
-  /** color of nodes on minimap */
+  /** Color of nodes on minimap */
   nodeColor?: string | GetMiniMapNodeAttribute<NodeType>;
-  /** stroke color of nodes on minimap */
+  /** Stroke color of nodes on minimap */
   nodeStrokeColor?: string | GetMiniMapNodeAttribute<NodeType>;
-  /** className applied to nodes on minimap */
+  /** ClassName applied to nodes on minimap */
   nodeClassName?: string | GetMiniMapNodeAttribute<NodeType>;
-  /** boder radius of nodes on minimap */
+  /** Border radius of nodes on minimap */
   nodeBorderRadius?: number;
-  /** stroke width of nodes on minimap */
+  /** Stroke width of nodes on minimap */
   nodeStrokeWidth?: number;
-  /** component used to render nodes on minimap */
+  /** Component used to render nodes on minimap */
   nodeComponent?: ComponentType<MiniMapNodeProps>;
-  /** color of mask representing viewport */
+  /** Color of mask representing viewport */
   maskColor?: string;
-  /** stroke color of mask representing viewport */
+  /** Stroke color of mask representing viewport */
   maskStrokeColor?: string;
-  /** stroke width of mask representing viewport */
+  /** Stroke width of mask representing viewport */
   maskStrokeWidth?: number;
-  /** position of minimap on pane
+  /** Position of minimap on pane
    * @example PanelPosition.TopLeft, PanelPosition.TopRight,
    * PanelPosition.BottomLeft, PanelPosition.BottomRight
    */
   position?: PanelPosition;
-  /** callback caled when minimap is clicked*/
+  /** Callback caled when minimap is clicked*/
   onClick?: (event: MouseEvent, position: XYPosition) => void;
-  /** callback called when node on minimap is clicked */
+  /** Callback called when node on minimap is clicked */
   onNodeClick?: (event: MouseEvent, node: NodeType) => void;
+  /** If true, viewport is pannable via mini map component */
   pannable?: boolean;
+  /** If true, viewport is zoomable via mini map component */
   zoomable?: boolean;
+  /** The aria-label attribute */
   ariaLabel?: string | null;
-  /** invert direction when panning the minimap viewport */
+  /** Invert direction when panning the minimap viewport */
   inversePan?: boolean;
-  /** step size for zooming in/out on minimap */
+  /** Step size for zooming in/out on minimap */
   zoomStep?: number;
-  /** offset the viewport on the minmap, acts like a padding */
+  /** Offset the viewport on the minmap, acts like a padding */
   offsetScale?: number;
 };
 
diff --git a/packages/react/src/additional-components/NodeResizer/types.ts b/packages/react/src/additional-components/NodeResizer/types.ts
index 11a95bcf0..5335c80dc 100644
--- a/packages/react/src/additional-components/NodeResizer/types.ts
+++ b/packages/react/src/additional-components/NodeResizer/types.ts
@@ -10,39 +10,39 @@ import type {
 } from '@xyflow/system';
 
 export type NodeResizerProps = {
-  /** id of the node it is resizing
+  /** Id of the node it is resizing
    * @remarks optional if used inside custom node
    */
   nodeId?: string;
-  /** color of the resize handle */
+  /** Color of the resize handle */
   color?: string;
-  /** className applied to handle */
+  /** ClassName applied to handle */
   handleClassName?: string;
-  /** style applied to handle */
+  /** Style applied to handle */
   handleStyle?: CSSProperties;
-  /** className applied to line */
+  /** ClassName applied to line */
   lineClassName?: string;
-  /** style applied to line */
+  /** Style applied to line */
   lineStyle?: CSSProperties;
-  /** are the controls visible */
+  /** Are the controls visible */
   isVisible?: boolean;
-  /** minimum width of node */
+  /** Minimum width of node */
   minWidth?: number;
-  /** minimum height of node */
+  /** Minimum height of node */
   minHeight?: number;
-  /** maximum width of node */
+  /** Maximum width of node */
   maxWidth?: number;
-  /** maximum height of node */
+  /** Maximum height of node */
   maxHeight?: number;
-  /** keep aspect ratio when resizing */
+  /** Keep aspect ratio when resizing */
   keepAspectRatio?: boolean;
-  /** callback to determine if node should resize */
+  /** Callback to determine if node should resize */
   shouldResize?: ShouldResize;
-  /** callback called when resizing starts */
+  /** Callback called when resizing starts */
   onResizeStart?: OnResizeStart;
-  /** callback called when resizing */
+  /** Callback called when resizing */
   onResize?: OnResize;
-  /** callback called when resizing ends */
+  /** Callback called when resizing ends */
   onResizeEnd?: OnResizeEnd;
 };
 
@@ -60,12 +60,12 @@ export type ResizeControlProps = Pick<
   | 'onResize'
   | 'onResizeEnd'
 > & {
-  /** position of the control
+  /** Position of the control
    * @example ControlPosition.TopLeft, ControlPosition.TopRight,
    * ControlPosition.BottomLeft, ControlPosition.BottomRight
    */
   position?: ControlPosition;
-  /** variant of the control
+  /** Variant of the control
    * @example ResizeControlVariant.Handle, ResizeControlVariant.Line
    */
   variant?: ResizeControlVariant;
diff --git a/packages/react/src/additional-components/NodeToolbar/types.ts b/packages/react/src/additional-components/NodeToolbar/types.ts
index 717f22ce2..4de679bdf 100644
--- a/packages/react/src/additional-components/NodeToolbar/types.ts
+++ b/packages/react/src/additional-components/NodeToolbar/types.ts
@@ -2,17 +2,18 @@ import type { HTMLAttributes } from 'react';
 import type { Position, Align } from '@xyflow/system';
 
 export type NodeToolbarProps = HTMLAttributes<HTMLDivElement> & {
-  /** id of the node, or array of ids the toolbar should be displayed at */
+  /** Id of the node, or array of ids the toolbar should be displayed at */
   nodeId?: string | string[];
+  /** If true, node toolbar is visible even if node is not selected */
   isVisible?: boolean;
-  /** position of the toolbar relative to the node
+  /** Position of the toolbar relative to the node
    * @example Position.TopLeft, Position.TopRight,
    * Position.BottomLeft, Position.BottomRight
    */
   position?: Position;
-  /** offset the toolbar from the node */
+  /** Offset the toolbar from the node */
   offset?: number;
-  /** align the toolbar relative to the node
+  /** Align the toolbar relative to the node
    * @example Align.Start, Align.Center, Align.End
    */
   align?: Align;
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index 6b11c7343..213b9d8cf 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -242,7 +242,7 @@ export type ReactFlowProps = Omit<HTMLAttributes<HTMLDivElement>, 'onError'> & {
    * const edgeTypes = { nameOfEdgeType: CustomEdge };
    */
   edgeTypes?: EdgeTypes;
-  /** nThe type of edge path to use for connection lines.
+  /** The type of edge path to use for connection lines.
    *
    * Although created edges can be of any type, React Flow needs to know what type of path to render for the connection line before the edge is created!
    */
@@ -285,7 +285,7 @@ export type ReactFlowProps = Omit<HTMLAttributes<HTMLDivElement>, 'onError'> & {
    * @default 'Meta' for macOS, "Ctrl" for other systems
    */
   multiSelectionKeyCode?: KeyCode | null;
-  /**If a key is set, you can zoom the viewport while that key is held down even if panOnScroll is set to false.
+  /** If a key is set, you can zoom the viewport while that key is held down even if panOnScroll is set to false.
    *
    * By setting this prop to null you can disable this functionality.
    * @default 'Meta' for macOS, "Ctrl" for other systems
@@ -334,6 +334,9 @@ export type ReactFlowProps = Omit<HTMLAttributes<HTMLDivElement>, 'onError'> & {
    * @default true
    */
   elementsSelectable?: boolean;
+  /** If true, nodes get selected on drag
+   * @default true
+   */
   selectNodesOnDrag?: boolean;
   /** Enableing this prop allows users to pan the viewport by clicking and dragging.
    *
@@ -362,7 +365,9 @@ export type ReactFlowProps = Omit<HTMLAttributes<HTMLDivElement>, 'onError'> & {
    * };
    */
   defaultViewport?: Viewport;
-
+  /**
+   * Gets called when the viewport changes.
+   */
   onViewportChange?: (viewport: Viewport) => void;
   /** By default the viewport extends infinitely. You can use this prop to set a boundary.
    *
@@ -452,6 +457,10 @@ export type ReactFlowProps = Omit<HTMLAttributes<HTMLDivElement>, 'onError'> & {
    * @default true
    */
   elevateEdgesOnSelect?: boolean;
+  /**
+   * Can be set true if built-in keyboard controls should be disabled.
+   * @default false
+   */
   disableKeyboardA11y?: boolean;
   /** You can enable this prop to automatically pan the viewport while dragging a node.
    * @default true
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index be7d0571f..2b514c963 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -114,24 +114,24 @@ export type EdgeProps<T = any> = Pick<
  * @public
  */
 export type BaseEdgeProps = EdgeLabelOptions & {
-  /** unique id of edge */
+  /** Unique id of edge */
   id?: string;
-  /** additional padding where interacting with an edge is still possible */
+  /** Additional padding where interacting with an edge is still possible */
   interactionWidth?: number;
   className?: string;
-  /** x position of edge label */
+  /** The x position of edge label */
   labelX?: number;
-  /** y position of edge label */
+  /** The y position of edge label */
   labelY?: number;
-  /** marker at start of edge
+  /** Marker at start of edge
    * @example 'url(#arrow)'
    */
   markerStart?: string;
-  /** marker at end of edge
+  /** Marker at end of edge
    * @example 'url(#arrow)'
    */
   markerEnd?: string;
-  /** svg path of the edge */
+  /** SVG path of the edge */
   path: string;
   style?: CSSProperties;
 };
diff --git a/packages/svelte/src/lib/components/BaseEdge/types.ts b/packages/svelte/src/lib/components/BaseEdge/types.ts
index 51d02abbc..41a1189b1 100644
--- a/packages/svelte/src/lib/components/BaseEdge/types.ts
+++ b/packages/svelte/src/lib/components/BaseEdge/types.ts
@@ -5,17 +5,17 @@ export type BaseEdgeProps = Pick<
   'interactionWidth' | 'label' | 'labelStyle' | 'style'
 > & {
   id?: string;
-  /** svg path of the edge */
+  /** SVG path of the edge */
   path: string;
-  /** x coordinate of the label */
+  /** The x coordinate of the label */
   labelX?: number;
-  /** y coordinate of the label */
+  /** The y coordinate of the label */
   labelY?: number;
-  /** marker at start of edge
+  /** Marker at start of edge
    * @example 'url(#arrow)'
    */
   markerStart?: string;
-  /** marker at end of edge
+  /** Marker at end of edge
    * @example 'url(#arrow)'
    */
   markerEnd?: string;
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 3fde2d897..c6b71671b 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -36,7 +36,9 @@ import type {
 import type { Writable } from 'svelte/store';
 
 export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
-  /** id of the flow
+  /** The id of the flow
+   *
+   * This is necessary if you want to render multiple flows.
    * @optional
    */
   id?: string;
@@ -99,7 +101,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
    * @default 'Meta' for macOS, "Ctrl" for other systems
    */
   multiSelectionKey?: KeyDefinition | null;
-  /**If a key is set, you can zoom the viewport while that key is held down even if panOnScroll is set to false.
+  /** If a key is set, you can zoom the viewport while that key is held down even if panOnScroll is set to false.
    *
    * By setting this prop to null you can disable this functionality.
    * @default 'Meta' for macOS, "Ctrl" for other systems
diff --git a/packages/svelte/src/lib/plugins/Background/types.ts b/packages/svelte/src/lib/plugins/Background/types.ts
index e8aaf6e83..dba56b973 100644
--- a/packages/svelte/src/lib/plugins/Background/types.ts
+++ b/packages/svelte/src/lib/plugins/Background/types.ts
@@ -6,21 +6,21 @@ export enum BackgroundVariant {
 
 export type BackgroundProps = {
   id?: string;
-  /** color of the background */
+  /** Color of the background */
   bgColor?: string;
-  /** color of the pattern */
+  /** Color of the pattern */
   patternColor?: string;
-  /** class applied to the pattern */
+  /** Class applied to the pattern */
   patternClass?: string;
-  /** class applied to the container */
+  /** Class applied to the container */
   class?: string;
-  /** gap between repetitions of the pattern */
+  /** Gap between repetitions of the pattern */
   gap?: number | [number, number];
-  /** size of a single pattern element */
+  /** Size of a single pattern element */
   size?: number;
-  /** line width of the Line pattern */
+  /** Line width of the Line pattern */
   lineWidth?: number;
-  /** variant of the pattern
+  /** Variant of the pattern
    * @example BackgroundVariant.Lines, BackgroundVariant.Dots, BackgroundVariant.Cross
    * 'lines', 'dots', 'cross'
    */
diff --git a/packages/svelte/src/lib/plugins/Controls/types.ts b/packages/svelte/src/lib/plugins/Controls/types.ts
index d34976452..6fcddd786 100644
--- a/packages/svelte/src/lib/plugins/Controls/types.ts
+++ b/packages/svelte/src/lib/plugins/Controls/types.ts
@@ -1,16 +1,16 @@
 import type { PanelPosition } from '@xyflow/system';
 
 export type ControlsProps = {
-  /** position of the controls on the pane
+  /** Position of the controls on the pane
    * @example PanelPosition.TopLeft, PanelPosition.TopRight,
    * PanelPosition.BottomLeft, PanelPosition.BottomRight
    */
   position?: PanelPosition;
-  /** show button for zoom in/out */
+  /** Show button for zoom in/out */
   showZoom?: boolean;
-  /** show button for fit view */
+  /** Show button for fit view */
   showFitView?: boolean;
-  /** show button for toggling interactivity */
+  /** Show button for toggling interactivity */
   showLock?: boolean;
   buttonBgColor?: string;
   buttonBgColorHover?: string;
diff --git a/packages/svelte/src/lib/plugins/Minimap/types.ts b/packages/svelte/src/lib/plugins/Minimap/types.ts
index 9b725e456..d66577a87 100644
--- a/packages/svelte/src/lib/plugins/Minimap/types.ts
+++ b/packages/svelte/src/lib/plugins/Minimap/types.ts
@@ -5,45 +5,45 @@ import type { Node } from '$lib/types';
 export type GetMiniMapNodeAttribute = (node: Node) => string;
 
 export type MiniMapProps = {
-  /** background color of minimap */
+  /** Background color of minimap */
   bgColor?: string;
-  /** color of nodes on the minimap */
+  /** Color of nodes on the minimap */
   nodeColor?: string | GetMiniMapNodeAttribute;
-  /** stroke color of nodes on the minimap */
+  /** Stroke color of nodes on the minimap */
   nodeStrokeColor?: string | GetMiniMapNodeAttribute;
-  /** class applied to nodes on the minimap */
+  /** Class applied to nodes on the minimap */
   nodeClass?: string | GetMiniMapNodeAttribute;
-  /** border radius of nodes on the minimap */
+  /** Border radius of nodes on the minimap */
   nodeBorderRadius?: number;
-  /** stroke width of nodes on the minimap */
+  /** Stroke width of nodes on the minimap */
   nodeStrokeWidth?: number;
-  /** color of the mask representing viewport */
+  /** Color of the mask representing viewport */
   maskColor?: string;
-  /** stroke color of the mask representing viewport */
+  /** Stroke color of the mask representing viewport */
   maskStrokeColor?: string;
-  /** stroke width of the mask representing viewport */
+  /** Stroke width of the mask representing viewport */
   maskStrokeWidth?: number;
-  /** position of the minimap on the pane
+  /** Position of the minimap on the pane
    * @example PanelPosition.TopLeft, PanelPosition.TopRight,
    * PanelPosition.BottomLeft, PanelPosition.BottomRight
    */
   position?: PanelPosition;
-  /** class applied to container */
+  /** Class applied to container */
   class?: string;
-  /** style applied to container */
+  /** Style applied to container */
   style?: string;
-  /** aria-label applied to container */
+  /** The aria-label applied to container */
   ariaLabel?: string | null;
-  /** width of minimap */
+  /** Width of minimap */
   width?: number;
-  /** height of minimap */
+  /** Height of minimap */
   height?: number;
   // onClick?: (event: MouseEvent, position: XYPosition) => void;
   // onNodeClick?: (event: MouseEvent, node: Node) => void;
   pannable?: boolean;
   zoomable?: boolean;
-  /** invert the direction when panning the minimap viewport */
+  /** Invert the direction when panning the minimap viewport */
   inversePan?: boolean;
-  /** step size for zooming in/out */
+  /** Step size for zooming in/out */
   zoomStep?: number;
 };
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/types.ts b/packages/svelte/src/lib/plugins/NodeResizer/types.ts
index ee0682754..ebe44b8b2 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/types.ts
+++ b/packages/svelte/src/lib/plugins/NodeResizer/types.ts
@@ -8,39 +8,39 @@ import type {
 } from '@xyflow/system';
 
 export type NodeResizerProps = {
-  /** id of the node it is resizing
+  /** Id of the node it is resizing
    * @remarks optional if used inside custom node
    */
   nodeId?: string;
-  /** color of the resize handle */
+  /** Color of the resize handle */
   color?: string;
-  /** class applied to handle */
+  /** Class applied to handle */
   handleClass?: string;
-  /** style applied to handle */
+  /** Style applied to handle */
   handleStyle?: string;
-  /** class applied to line */
+  /** Class applied to line */
   lineClass?: string;
-  /** style applied to line */
+  /** Style applied to line */
   lineStyle?: string;
-  /** are the controls visible */
+  /** Are the controls visible */
   isVisible?: boolean;
-  /** minimum width of node */
+  /** Minimum width of node */
   minWidth?: number;
-  /** minimum height of node */
+  /** Minimum height of node */
   minHeight?: number;
-  /** maximum width of node */
+  /** Maximum width of node */
   maxWidth?: number;
-  /** maximum height of node */
+  /** Maximum height of node */
   maxHeight?: number;
-  /** keep aspect ratio when resizing */
+  /** Keep aspect ratio when resizing */
   keepAspectRatio?: boolean;
-  /** callback to determine if node should resize */
+  /** Callback to determine if node should resize */
   shouldResize?: ShouldResize;
-  /** callback called when resizing starts */
+  /** Callback called when resizing starts */
   onResizeStart?: OnResizeStart;
-  /** callback called when resizing */
+  /** Callback called when resizing */
   onResize?: OnResize;
-  /** callback called when resizing ends */
+  /** Callback called when resizing ends */
   onResizeEnd?: OnResizeEnd;
 };
 
@@ -58,12 +58,12 @@ export type ResizeControlProps = Pick<
   | 'onResize'
   | 'onResizeEnd'
 > & {
-  /** position of control
+  /** Position of control
    * @example ControlPosition.TopLeft, ControlPosition.TopRight,
    * ControlPosition.BottomLeft, ControlPosition.BottomRight
    */
   position?: ControlPosition;
-  /** variant of control
+  /** Variant of control
    * @example ResizeControlVariant.Handle, ResizeControlVariant.Line
    */
   variant?: ResizeControlVariant;
diff --git a/packages/svelte/src/lib/plugins/NodeToolbar/types.ts b/packages/svelte/src/lib/plugins/NodeToolbar/types.ts
index cc6d80a15..aec506a3e 100644
--- a/packages/svelte/src/lib/plugins/NodeToolbar/types.ts
+++ b/packages/svelte/src/lib/plugins/NodeToolbar/types.ts
@@ -1,18 +1,19 @@
 import type { Position, Align } from '@xyflow/system';
 
 export type NodeToolbarProps = {
-  /** id of the node, or array of ids the toolbar should be displayed at */
+  /** The id of the node, or array of ids the toolbar should be displayed at */
   nodeId?: string | string[];
-  /** position of the toolbar relative to the node
+  /** Position of the toolbar relative to the node
    * @example Position.TopLeft, Position.TopRight,
    * Position.BottomLeft, Position.BottomRight
    */
   position?: Position;
-  /** align the toolbar relative to the node
+  /** Align the toolbar relative to the node
    * @example Align.Start, Align.Center, Align.End
    */
   align?: Align;
-  /** offset the toolbar from the node */
+  /** Offset the toolbar from the node */
   offset?: number;
+  /** If true, node toolbar is visible even if node is not selected */
   isVisible?: boolean;
 };
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index 84e48d650..4f5fa30ba 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -23,26 +23,26 @@ export type ConnectionData = {
 };
 
 export type HandleComponentProps = {
-  /** type of the handle
+  /** Type of the handle
    * @example HandleType.Source, HandleType.Target
    */
   type: HandleType;
-  /** position of the handle
+  /** Position of the handle
    * @example Position.TopLeft, Position.TopRight,
    * Position.BottomLeft, Position.BottomRight
    */
   position?: Position;
-  /** id of the handle
+  /** Id of the handle
    * @remarks optional if there is only one handle of this type
    */
   id?: string;
   class?: string;
   style?: string;
-  /** should you be able to connect from/to this handle */
+  /** Should you be able to connect from/to this handle */
   isConnectable?: boolean;
-  /** shoould you be able to connect from this handle */
+  /** Shoould you be able to connect from this handle */
   isConnectableStart?: boolean;
-  /** should you be able to connect to this handle */
+  /** Should you be able to connect to this handle */
   isConnectableEnd?: boolean;
   onconnect?: (connections: Connection[]) => void;
   ondisconnect?: (connections: Connection[]) => void;
diff --git a/packages/system/src/types/edges.ts b/packages/system/src/types/edges.ts
index 0b461e890..e28ad0580 100644
--- a/packages/system/src/types/edges.ts
+++ b/packages/system/src/types/edges.ts
@@ -2,19 +2,19 @@ import { Position } from './utils';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type EdgeBase<EdgeData = any> = {
-  /** unique id of an edge */
+  /** Unique id of an edge */
   id: string;
-  /** type of an edge defined in edgeTypes */
+  /** Type of an edge defined in edgeTypes */
   type?: string;
-  /** id of source node */
+  /** Id of source node */
   source: string;
-  /** id of target node */
+  /** Id of target node */
   target: string;
-  /** id of source handle
+  /** Id of source handle
    * only needed if there are multiple handles per node
    */
   sourceHandle?: string | null;
-  /** id of target handle
+  /** Id of target handle
    * only needed if there are multiple handles per node
    */
   targetHandle?: string | null;
@@ -22,20 +22,20 @@ export type EdgeBase<EdgeData = any> = {
   hidden?: boolean;
   deletable?: boolean;
   selectable?: boolean;
-  /** arbitrary data passed to an edge */
+  /** Arbitrary data passed to an edge */
   data?: EdgeData;
   selected?: boolean;
-  /** set the marker on the beginning of an edge
+  /** Set the marker on the beginning of an edge
    * @example 'arrow', 'arrowclosed' or custom marker
    */
   markerStart?: EdgeMarkerType;
-  /** set the marker on the end of an edge
+  /** Set the marker on the end of an edge
    * @example 'arrow', 'arrowclosed' or custom marker
    */
   markerEnd?: EdgeMarkerType;
   zIndex?: number;
   ariaLabel?: string;
-  /** padding around the edge where interaction is still possible */
+  /** Padding around the edge where interaction is still possible */
   interactionWidth?: number;
 };
 
diff --git a/packages/system/src/types/handles.ts b/packages/system/src/types/handles.ts
index 911ecf511..327329358 100644
--- a/packages/system/src/types/handles.ts
+++ b/packages/system/src/types/handles.ts
@@ -27,28 +27,28 @@ export type ConnectionHandle = {
 };
 
 export type HandleProps = {
-  /** type of the handle
+  /** Type of the handle
    * @example HandleType.Source, HandleType.Target
    */
   type: HandleType;
-  /** position of the handle
+  /** Position of the handle
    * @example Position.TopLeft, Position.TopRight,
    * Position.BottomLeft, Position.BottomRight
    */
   position: Position;
-  /** should you be able to connect to/from this handle */
+  /** Should you be able to connect to/from this handle */
   isConnectable?: boolean;
-  /** shoud you be able to connect from this handle */
+  /** Should you be able to connect from this handle */
   isConnectableStart?: boolean;
-  /** should you be able to connect to this handle */
+  /** Should you be able to connect to this handle */
   isConnectableEnd?: boolean;
-  /** callback called when connection is made */
+  /** Callback called when connection is made */
   onConnect?: OnConnect;
-  /** callback if connection is valid
+  /** Callback if connection is valid
    * @remarks connection becomes an edge if isValidConnection returns true
    */
   isValidConnection?: IsValidConnection;
-  /** id of the handle
+  /** Id of the handle
    * @remarks optional if there is only one handle of this type
    */
   id?: string;
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index dd6b7ac2f..40aa1c16b 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -10,27 +10,27 @@ import { Optional } from '../utils/types';
  * @typeParam U - type of the node
  */
 export type NodeBase<T = any, U extends string | undefined = string | undefined> = {
-  /** unique id of a node */
+  /** Unique id of a node */
   id: string;
-  /** position of a node on the pane
+  /** Position of a node on the pane
    * @example { x: 0, y: 0 }
    */
   position: XYPosition;
-  /** arbitrary data passed to a node */
+  /** Arbitrary data passed to a node */
   data: T;
-  /** type of node defined in nodeTypes */
+  /** Type of node defined in nodeTypes */
   type?: U;
-  /** only relevant for default, source, target nodeType. controls source position
+  /** Only relevant for default, source, target nodeType. controls source position
    * @example 'right', 'left', 'top', 'bottom'
    */
   sourcePosition?: Position;
-  /** only relevant for default, source, target nodeType. controls target position
+  /** Only relevant for default, source, target nodeType. controls target position
    * @example 'right', 'left', 'top', 'bottom'
    */
   targetPosition?: Position;
   hidden?: boolean;
   selected?: boolean;
-  /** is node being dragged */
+  /** True, if node is being dragged */
   dragging?: boolean;
   draggable?: boolean;
   selectable?: boolean;
@@ -39,16 +39,16 @@ export type NodeBase<T = any, U extends string | undefined = string | undefined>
   dragHandle?: string;
   width?: number | null;
   height?: number | null;
-  /** parent node id, used for creating sub-flows */
+  /** Parent node id, used for creating sub-flows */
   parentNode?: string;
   zIndex?: number;
-  /** boundary a node can be moved in
+  /** Boundary a node can be moved in
    * @example 'parent' or [[0, 0], [100, 100]]
    */
   extent?: 'parent' | CoordinateExtent;
   expandParent?: boolean;
   ariaLabel?: string;
-  /** origin of the node relative to it's position
+  /** Origin of the node relative to it's position
    * @example
    * [0.5, 0.5] // centers the node
    * [0, 0] // top left
@@ -62,7 +62,7 @@ export type NodeBase<T = any, U extends string | undefined = string | undefined>
     positionAbsolute?: XYPosition;
   };
 
-  // only used internally
+  // Only used internally
   [internalsSymbol]?: {
     z?: number;
     handleBounds?: NodeHandleBounds;
@@ -82,7 +82,7 @@ export type NodeBase<T = any, U extends string | undefined = string | undefined>
  * @param id - The id of the node.
  */
 export type NodeProps<T = any> = {
-  /** id of the node */
+  /** Id of the node */
   id: NodeBase['id'];
   data: T;
   dragHandle: NodeBase['dragHandle'];

From 7c49121c6ea794ae3ffbc0dc0c8797c901f0a4fd Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 16 Jan 2024 18:13:09 +0100
Subject: [PATCH 0516/1093] chore(changelogs): update

---
 packages/react/CHANGELOG.md  | 2 ++
 packages/svelte/CHANGELOG.md | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 66a7b0557..354667855 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -8,6 +8,8 @@
 - use position instead of positionAbsolute for `getNodesBounds`
 - add second option param to `screenToFlowPosition` for configuring if `snapToGrid` should be used
 - infer types for `getIncomers`, `getOutgoers`, `updateEdge`, `addEdge` and `getConnectedEdges` thanks @joeyballentine
+- refactor handles: prefix with flow id for handling nested flows
+- add comments for types like `ReactFlowProps` or `Node` for a better developer experience
 
 ## 12.0.0-next.6
 
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index ffc72eebf..b7557fff1 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -8,6 +8,8 @@
 - add slot to `Controls`
 - cleanup `ControlButton` types
 - infer types for `getIncomers`, `getOutgoers`, `updateEdge`, `addEdge` and `getConnectedEdges` thanks @joeyballentine
+- refactor handles: prefix with flow id for handling nested flows
+- add comments for types like `SvelteFlowProps` or `Node` for a better developer experience
 
 ## 0.0.33
 

From 7b4e385eb7254787f32f83fd4fc021b679cf0f51 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 17 Jan 2024 17:55:38 +0100
Subject: [PATCH 0517/1093] chore(packages): bump

---
 packages/react/CHANGELOG.md  | 2 +-
 packages/react/package.json  | 2 +-
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 354667855..2dd4e593a 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,6 +1,6 @@
 # @xyflow/react
 
-## 12.0.0-next.6
+## 12.0.0-next.7
 
 ## Minor changes
 
diff --git a/packages/react/package.json b/packages/react/package.json
index 7560e0dcd..a7eb71c3b 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.6",
+  "version": "12.0.0-next.7",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index f47dc1697..5095441ed 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index 6cc84fd42..4eecdb572 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From bbd61fdde0b2027d29527f8a7a0a7e94bdad8a3d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 17 Jan 2024 17:58:58 +0100
Subject: [PATCH 0518/1093] fix(getNodeRect): return value

---
 packages/react/src/hooks/useReactFlow.ts |   2 +-
 pnpm-lock.yaml                           | 126 +++--------------------
 2 files changed, 15 insertions(+), 113 deletions(-)

diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 048a957bf..bdd05aa03 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -203,7 +203,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
       const node = isRect ? null : (store.getState().nodeLookup.get(nodeOrRect.id) as NodeType);
 
       if (!isRect && !node) {
-        [null, null, isRect];
+        return [null, null, isRect];
       }
 
       const nodeRect = isRect ? nodeOrRect : nodeToRect(node!);
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 888ca1190..dfddf7d10 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -205,9 +205,6 @@ importers:
 
   packages/react:
     dependencies:
-      '@types/d3':
-        specifier: ^7.4.0
-        version: 7.4.0
       '@xyflow/system':
         specifier: workspace:*
         version: link:../system
@@ -287,7 +284,7 @@ importers:
         version: 2.1.0(@sveltejs/kit@1.22.6)
       '@sveltejs/kit':
         specifier: ^1.22.6
-        version: 1.22.6(svelte@4.2.1)(vite@4.5.1)
+        version: 1.22.6(svelte@4.2.1)(vite@4.5.0)
       '@sveltejs/package':
         specifier: ^2.2.1
         version: 2.2.1(svelte@4.2.1)(typescript@5.1.3)
@@ -1632,7 +1629,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.4
+      debug: 4.3.4(supports-color@8.1.1)
       espree: 9.6.1
       globals: 13.23.0
       ignore: 5.2.4
@@ -1690,7 +1687,7 @@ packages:
     engines: {node: '>=10.10.0'}
     dependencies:
       '@humanwhocodes/object-schema': 2.0.1
-      debug: 4.3.4
+      debug: 4.3.4(supports-color@8.1.1)
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -1956,7 +1953,7 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': 1.22.6(svelte@4.2.1)(vite@4.5.1)
+      '@sveltejs/kit': 1.22.6(svelte@4.2.1)(vite@4.5.0)
       import-meta-resolve: 3.0.0
     dev: true
 
@@ -1969,7 +1966,7 @@ packages:
       import-meta-resolve: 4.0.0
     dev: true
 
-  /@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.1):
+  /@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.0):
     resolution: {integrity: sha512-SDKxI/QpsReCwIn5czjT53fKlPBybbmMk67d317gUqfeORroBAFN1Z6s/x0E1JYi+04i7kKllS+Sz9wVfmUkAQ==}
     engines: {node: ^16.14 || >=18}
     hasBin: true
@@ -1978,7 +1975,7 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.1)
+      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
       '@types/cookie': 0.5.3
       cookie: 0.5.0
       devalue: 4.3.2
@@ -1991,7 +1988,7 @@ packages:
       sirv: 2.0.3
       svelte: 4.2.1
       undici: 5.23.0
-      vite: 4.5.1
+      vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2055,23 +2052,6 @@ packages:
       vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
-    dev: false
-
-  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.1):
-    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^2.2.0
-      svelte: ^3.54.0 || ^4.0.0
-      vite: ^4.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.1)
-      debug: 4.3.4
-      svelte: 4.2.1
-      vite: 4.5.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
 
   /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.2)(vite@4.5.0):
     resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
@@ -2107,27 +2087,6 @@ packages:
       vitefu: 0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
-    dev: false
-
-  /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.1):
-    resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==}
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0
-      vite: ^4.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.1)
-      debug: 4.3.4
-      deepmerge: 4.3.1
-      kleur: 4.1.5
-      magic-string: 0.30.5
-      svelte: 4.2.1
-      svelte-hmr: 0.15.3(svelte@4.2.1)
-      vite: 4.5.1
-      vitefu: 0.2.5(vite@4.5.1)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
 
   /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.2)(vite@4.5.0):
     resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==}
@@ -2705,7 +2664,7 @@ packages:
       '@typescript-eslint/scope-manager': 5.60.0
       '@typescript-eslint/type-utils': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
       '@typescript-eslint/utils': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
-      debug: 4.3.4
+      debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.43.0
       grapheme-splitter: 1.0.4
       ignore: 5.2.4
@@ -2788,7 +2747,7 @@ packages:
       '@typescript-eslint/scope-manager': 5.60.0
       '@typescript-eslint/types': 5.60.0
       '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.3)
-      debug: 4.3.4
+      debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.43.0
       typescript: 5.1.3
     transitivePeerDependencies:
@@ -2873,7 +2832,7 @@ packages:
     dependencies:
       '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.3)
       '@typescript-eslint/utils': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
-      debug: 4.3.4
+      debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.43.0
       tsutils: 3.21.0(typescript@5.1.3)
       typescript: 5.1.3
@@ -2947,7 +2906,7 @@ packages:
     dependencies:
       '@typescript-eslint/types': 5.60.0
       '@typescript-eslint/visitor-keys': 5.60.0
-      debug: 4.3.4
+      debug: 4.3.4(supports-color@8.1.1)
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.5.4
@@ -4274,18 +4233,6 @@ packages:
       ms: 2.1.3
       supports-color: 8.1.1
 
-  /debug@4.3.4:
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-    dependencies:
-      ms: 2.1.2
-    dev: true
-
   /debug@4.3.4(supports-color@8.1.1):
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
     engines: {node: '>=6.0'}
@@ -4794,7 +4741,7 @@ packages:
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
       '@jridgewell/sourcemap-codec': 1.4.15
-      debug: 4.3.4
+      debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.43.0
       esutils: 2.0.3
       known-css-properties: 0.27.0
@@ -4884,7 +4831,7 @@ packages:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.3
-      debug: 4.3.4
+      debug: 4.3.4(supports-color@8.1.1)
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.2.2
@@ -7898,6 +7845,7 @@ packages:
       nanoid: 3.3.7
       picocolors: 1.0.0
       source-map-js: 1.0.2
+    dev: false
 
   /prebuild-install@7.1.1:
     resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
@@ -9968,41 +9916,6 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /vite@4.5.1:
-    resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      esbuild: 0.18.20
-      postcss: 8.4.32
-      rollup: 3.29.4
-    optionalDependencies:
-      fsevents: 2.3.3
-    dev: true
-
   /vite@4.5.1(@types/node@18.7.16):
     resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -10049,17 +9962,6 @@ packages:
     dependencies:
       vite: 4.5.0(@types/node@18.7.16)
 
-  /vitefu@0.2.5(vite@4.5.1):
-    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
-    peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
-    peerDependenciesMeta:
-      vite:
-        optional: true
-    dependencies:
-      vite: 4.5.1
-    dev: true
-
   /vscode-oniguruma@1.7.0:
     resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==}
     dev: false

From 1fb668d93651b1c2cd9152bf4b1d71ec69aa4179 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 18 Jan 2024 12:14:12 +0100
Subject: [PATCH 0519/1093] Added onInit and useInitialized hooks

---
 .../components/CallOnMount/CallOnMount.svelte | 14 +++++++++
 .../src/lib/components/CallOnMount/index.ts   |  1 +
 .../EdgeRenderer/EdgeRenderer.svelte          | 14 ++++++++-
 .../container/SvelteFlow/SvelteFlow.svelte    | 11 +++++++
 .../src/lib/container/SvelteFlow/types.ts     |  2 ++
 .../svelte/src/lib/container/Zoom/Zoom.svelte |  8 ++++-
 .../svelte/src/lib/hooks/useInitialized.ts    | 28 +++++++++++++++++
 packages/svelte/src/lib/index.ts              |  1 +
 packages/svelte/src/lib/store/index.ts        | 31 +++++++++++++++++++
 .../svelte/src/lib/store/initial-store.ts     |  6 +++-
 10 files changed, 113 insertions(+), 3 deletions(-)
 create mode 100644 packages/svelte/src/lib/components/CallOnMount/CallOnMount.svelte
 create mode 100644 packages/svelte/src/lib/components/CallOnMount/index.ts
 create mode 100644 packages/svelte/src/lib/hooks/useInitialized.ts

diff --git a/packages/svelte/src/lib/components/CallOnMount/CallOnMount.svelte b/packages/svelte/src/lib/components/CallOnMount/CallOnMount.svelte
new file mode 100644
index 000000000..4184da6f3
--- /dev/null
+++ b/packages/svelte/src/lib/components/CallOnMount/CallOnMount.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+
+  let _onMount: (() => void) | undefined = undefined;
+  export { _onMount as onMount };
+
+  let _onDestroy: (() => void) | undefined = undefined;
+  export { _onDestroy as onDestroy };
+
+  onMount(() => {
+    _onMount?.();
+    return _onDestroy;
+  });
+</script>
diff --git a/packages/svelte/src/lib/components/CallOnMount/index.ts b/packages/svelte/src/lib/components/CallOnMount/index.ts
new file mode 100644
index 000000000..3dee0d924
--- /dev/null
+++ b/packages/svelte/src/lib/components/CallOnMount/index.ts
@@ -0,0 +1 @@
+export { default as CallOnMount } from './CallOnMount.svelte';
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 663b72ea2..420259c3a 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { onMount } from 'svelte';
   import { EdgeWrapper } from '$lib/components/EdgeWrapper';
+  import { CallOnMount } from '$lib/components/CallOnMount';
   import { MarkerDefinition } from '$lib/container/EdgeRenderer/MarkerDefinition';
   import { useStore } from '$lib/store';
   import type { DefaultEdgeOptions } from '$lib/types';
@@ -10,6 +11,7 @@
   const {
     elementsSelectable,
     visibleEdges,
+    edgesInitialized,
     edges: { setDefaultOptions }
   } = useStore();
 
@@ -29,7 +31,6 @@
       edge.selectable ||
       ($elementsSelectable && typeof edge.selectable === 'undefined')
     )}
-
     <EdgeWrapper
       id={edge.id}
       source={edge.source}
@@ -61,4 +62,15 @@
       on:edgecontextmenu
     />
   {/each}
+
+  {#if $visibleEdges.length > 0}
+    <CallOnMount
+      onMount={() => {
+        $edgesInitialized = true;
+      }}
+      onDestroy={() => {
+        $edgesInitialized = false;
+      }}
+    />
+  {/if}
 </div>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 2d2df3a6f..7f3baf365 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -77,6 +77,7 @@
   export let onconnectstart: $$Props['onconnectstart'] = undefined;
   export let onconnectend: $$Props['onconnectend'] = undefined;
   export let onbeforedelete: $$Props['onbeforedelete'] = undefined;
+  export let oninit: $$Props['oninit'] = undefined;
 
   export let defaultMarkerColor = '#b1b1b7';
 
@@ -130,6 +131,16 @@
     }
   }
 
+  // Call oninit once when flow is intialized
+  const { initialized } = store;
+  let onInitCalled = false;
+  $: {
+    if (!onInitCalled && $initialized) {
+      oninit?.();
+      onInitCalled = true;
+    }
+  }
+
   // this updates the store for simple changes
   // where the prop names equals the store name
   $: {
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index c6b71671b..aefa6f6e9 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -333,4 +333,6 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   onconnectstart?: OnConnectStart;
   /** When a user stops dragging a connection line, this event gets fired. */
   onconnectend?: OnConnectEnd;
+  /** This handler gets called when the flow is finished initializing */
+  oninit?: () => void;
 };
diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index a00199a12..459e73b54 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -4,6 +4,7 @@
   import { useStore } from '$lib/store';
   import zoom from '$lib/actions/zoom';
   import type { ZoomProps } from './types';
+  import { onMount } from 'svelte';
 
   type $$Props = ZoomProps;
 
@@ -29,12 +30,17 @@
     translateExtent,
     lib,
     panActivationKeyPressed,
-    zoomActivationKeyPressed
+    zoomActivationKeyPressed,
+    viewportInitialized
   } = useStore();
 
   $: viewPort = initialViewport || { x: 0, y: 0, zoom: 1 };
   $: _panOnDrag = $panActivationKeyPressed || panOnDrag;
   $: _panOnScroll = $panActivationKeyPressed || panOnScroll;
+
+  onMount(() => {
+    $viewportInitialized = true;
+  });
 </script>
 
 <div
diff --git a/packages/svelte/src/lib/hooks/useInitialized.ts b/packages/svelte/src/lib/hooks/useInitialized.ts
new file mode 100644
index 000000000..93e6921b9
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/useInitialized.ts
@@ -0,0 +1,28 @@
+import { useStore } from '$lib/store';
+
+/**
+ * Hook for seeing if nodes are initialized
+ * @returns - nodesInitialized Writable
+ */
+export function useNodesInitialized() {
+  const { nodesInitialized } = useStore();
+  return nodesInitialized;
+}
+
+/**
+ * Hook for seeing if edges are initialized
+ * @returns - edgesInitialized Writable
+ */
+export function useEdgesInitialized() {
+  const { edgesInitialized } = useStore();
+  return edgesInitialized;
+}
+
+/**
+ * Hook for seeing if the flow is initialized
+ * @returns - initialized Writable
+ */
+export function useInitialized() {
+  const { initialized } = useStore();
+  return initialized;
+}
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 4c3737ea7..c88059b71 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -31,6 +31,7 @@ export * from '$lib/hooks/useConnection';
 export * from '$lib/hooks/useNodesEdges';
 export * from '$lib/hooks/useHandleConnections';
 export * from '$lib/hooks/useNodesData';
+export * from '$lib/hooks/useInitialized';
 
 // types
 export type {
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 18941bc6c..526656140 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -112,6 +112,10 @@ export function createStore({
     }
 
     store.nodes.set(nextNodes);
+
+    if (!get(store.nodesInitialized)) {
+      store.nodesInitialized.set(true);
+    }
   }
 
   function fitView(nodes: Node[], options?: FitViewOptions) {
@@ -354,6 +358,33 @@ export function createStore({
       [store.edges, store.defaultMarkerColor, store.flowId],
       ([edges, defaultColor, id]) => createMarkerIds(edges, { defaultColor, id })
     ),
+    initialized: (() => {
+      console.log('This closure gets called');
+      let initialized = false;
+      const initialNodesLength = get(store.nodes).length;
+      const initialEdgesLength = get(store.edges).length;
+      return derived(
+        [store.nodesInitialized, store.edgesInitialized, store.viewportInitialized],
+        ([nodesInitialized, edgesInitialized, viewportInitialized]) => {
+          console.log('Get the derived store even called?');
+          // If it was already initialized once return true from then on
+          if (initialized) return initialized;
+
+          // if it hasn't been initialised check if is now
+          if (initialNodesLength === 0) {
+            initialized = viewportInitialized;
+            return initialized;
+          }
+          if (initialEdgesLength === 0) {
+            initialized = viewportInitialized && nodesInitialized;
+            return initialized;
+          }
+
+          initialized = viewportInitialized && nodesInitialized && edgesInitialized;
+          return initialized;
+        }
+      );
+    })(),
 
     // actions
     syncNodeStores: (nodes) => syncNodeStores(store.nodes, nodes),
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 26c57c86f..85d5e84b6 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -152,6 +152,10 @@ export const getInitialStore = ({
     onconnect: writable<OnConnect>(undefined),
     onconnectstart: writable<OnConnectStart>(undefined),
     onconnectend: writable<OnConnectEnd>(undefined),
-    onbeforedelete: writable<OnBeforeDelete>(undefined)
+    onbeforedelete: writable<OnBeforeDelete>(undefined),
+    nodesInitialized: writable<boolean>(false),
+    edgesInitialized: writable<boolean>(false),
+    viewportInitialized: writable<boolean>(false),
+    initialized: readable<boolean>(false)
   };
 };

From a4145a33bd8daa7b13f43746aa2dba06abca8e28 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 18 Jan 2024 12:28:01 +0100
Subject: [PATCH 0520/1093] Optimized useNodesInitialized selector

---
 packages/react/src/hooks/useNodesInitialized.ts | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/hooks/useNodesInitialized.ts b/packages/react/src/hooks/useNodesInitialized.ts
index e70ba7cd5..3a278f6c1 100644
--- a/packages/react/src/hooks/useNodesInitialized.ts
+++ b/packages/react/src/hooks/useNodesInitialized.ts
@@ -12,9 +12,15 @@ const selector = (options: UseNodesInitializedOptions) => (s: ReactFlowState) =>
     return false;
   }
 
-  return s.nodes
-    .filter((n) => (options.includeHiddenNodes ? true : !n.hidden))
-    .every((n) => n[internalsSymbol]?.handleBounds !== undefined);
+  for (const node of s.nodes) {
+    if (options.includeHiddenNodes || !node.hidden) {
+      if (node[internalsSymbol]?.handleBounds === undefined) {
+        return false;
+      }
+    }
+  }
+
+  return true;
 };
 
 const defaultOptions = {

From 6bb9c5360d7831c8f9e2a34b45877e88bd4758fe Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 18 Jan 2024 13:14:44 +0100
Subject: [PATCH 0521/1093] Cleaned up edge label styles and added default edge
 label background in svelte flow

---
 packages/react/src/styles/base.css   | 18 ------------------
 packages/react/src/styles/style.css  | 14 ++------------
 packages/svelte/src/styles/base.css  |  9 ---------
 packages/svelte/src/styles/style.css | 12 +++---------
 packages/system/src/styles/style.css |  6 ++++++
 5 files changed, 11 insertions(+), 48 deletions(-)

diff --git a/packages/react/src/styles/base.css b/packages/react/src/styles/base.css
index 4a7281dc4..d6be5b101 100644
--- a/packages/react/src/styles/base.css
+++ b/packages/react/src/styles/base.css
@@ -1,21 +1,3 @@
 /* this will be exported as base.css and can be used for a basic styling */
 @import '../../../system/src/styles/init.css';
 @import '../../../system/src/styles/base.css';
-
-.react-flow {
-  --edge-label-background-color-default: #ffffff;
-  --edge-label-color-default: inherit;
-}
-
-.react-flow.dark {
-  --edge-label-background-color-default: #141414;
-  --edge-label-color-default: #f8f8f8;
-}
-
-.react-flow__edge-textbg {
-  fill: var(--edge-label-background-color, var(--edge-label-background-color-default));
-}
-
-.react-flow__edge-text {
-  fill: var(--edge-label-color, var(--edge-label-color-default));
-}
diff --git a/packages/react/src/styles/style.css b/packages/react/src/styles/style.css
index 2ff7f6c19..71b4d08c2 100644
--- a/packages/react/src/styles/style.css
+++ b/packages/react/src/styles/style.css
@@ -3,20 +3,10 @@
 @import '../../../system/src/styles/style.css';
 @import '../../../system/src/styles/node-resizer.css';
 
-.react-flow {
-  --edge-label-background-color-default: #ffffff;
-  --edge-label-color-default: inherit;
-}
-
-.react-flow.dark {
-  --edge-label-background-color-default: #141414;
-  --edge-label-color-default: #f8f8f8;
-}
-
 .react-flow__edge-textbg {
-  fill: var(--edge-label-background-color, var(--edge-label-background-color-default));
+  fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
 }
 
 .react-flow__edge-text {
-  fill: var(--edge-label-color, var(--edge-label-color-default));
+  fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
 }
diff --git a/packages/svelte/src/styles/base.css b/packages/svelte/src/styles/base.css
index b9861c98f..80bc953da 100644
--- a/packages/svelte/src/styles/base.css
+++ b/packages/svelte/src/styles/base.css
@@ -2,16 +2,7 @@
 @import '../../../system/src/styles/init.css';
 @import '../../../system/src/styles/base.css';
 
-.svelte-flow {
-  --edge-label-color-default: inherit;
-}
-
-.svelte-flow.dark {
-  --edge-label-color-default: #f8f8f8;
-}
-
 .svelte-flow__edge-label {
   text-align: center;
   position: absolute;
-  color: var(--edge-label-color, var(--edge-label-color-default));
 }
diff --git a/packages/svelte/src/styles/style.css b/packages/svelte/src/styles/style.css
index 308a6a1e3..e607d0f8e 100644
--- a/packages/svelte/src/styles/style.css
+++ b/packages/svelte/src/styles/style.css
@@ -3,19 +3,13 @@
 @import '../../../system/src/styles/style.css';
 @import '../../../system/src/styles/node-resizer.css';
 
-.svelte-flow {
-  --edge-label-color-default: inherit;
-}
-
-.svelte-flow.dark {
-  --edge-label-color-default: #f8f8f8;
-}
-
 .svelte-flow__edge-label {
   text-align: center;
   position: absolute;
+  padding: 2px;
   font-size: 10px;
-  color: var(--edge-label-color, var(--edge-label-color-default));
+  color: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
+  background: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
 }
 
 .svelte-flow__nodes {
diff --git a/packages/system/src/styles/style.css b/packages/system/src/styles/style.css
index 880ebaf76..cb6f2b7cb 100644
--- a/packages/system/src/styles/style.css
+++ b/packages/system/src/styles/style.css
@@ -19,6 +19,9 @@
   --xy-controls-button-color-hover-default: inherit;
   --xy-controls-button-border-color-default: #eee;
   --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
+
+  --xy-edge-label-background-color-default: #ffffff;
+  --xy-edge-label-color-default: inherit;
 }
 
 .xy-flow.dark {
@@ -41,6 +44,9 @@
   --xy-controls-button-color-hover-default: #fff;
   --xy-controls-button-border-color-default: #5b5b5b;
   --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
+
+  --xy-edge-label-background-color-default: #141414;
+  --xy-edge-label-color-default: #f8f8f8;
 }
 
 .xy-flow__edge {

From 07ee0c5bba582199127828f01640d2aaf72a1d19 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 18 Jan 2024 14:10:04 +0100
Subject: [PATCH 0522/1093] chore(types): handle ReactFlow type annotations

---
 packages/react/src/components/Handle/index.tsx          | 5 ++++-
 packages/react/src/types/component-props.ts             | 4 ++--
 packages/svelte/src/lib/components/Handle/Handle.svelte | 4 ++++
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 362027abd..367780398 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -22,7 +22,7 @@ import { useStore, useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
 import { type ReactFlowState } from '../../types';
 
-export type HandleComponentProps = HandleProps & Omit<HTMLAttributes<HTMLDivElement>, 'id'>;
+export interface HandleComponentProps extends HandleProps, Omit<HTMLAttributes<HTMLDivElement>, 'id'> {}
 
 const selector = (s: ReactFlowState) => ({
   connectOnClick: s.connectOnClick,
@@ -221,4 +221,7 @@ const HandleComponent = forwardRef<HTMLDivElement, HandleComponentProps>(
 
 HandleComponent.displayName = 'Handle';
 
+/**
+ * The Handle component is the part of a node that can be used to connect nodes.
+ */
 export const Handle = memo(HandleComponent);
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index 213b9d8cf..50f073034 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -50,7 +50,7 @@ import type {
  * ReactFlow component props.
  * @public
  */
-export type ReactFlowProps = Omit<HTMLAttributes<HTMLDivElement>, 'onError'> & {
+export interface ReactFlowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'> {
   /** An array of nodes to render in a controlled flow.
    * @example
    * const nodes = [
@@ -502,6 +502,6 @@ export type ReactFlowProps = Omit<HTMLAttributes<HTMLDivElement>, 'onError'> & {
    * @example 'system' | 'light' | 'dark'
    */
   colorMode?: ColorMode;
-};
+}
 
 export type ReactFlowRefType = HTMLDivElement;
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 212efe56f..87b6c9d22 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -126,6 +126,10 @@
   // @todo implement connectablestart, connectableend
 </script>
 
+<!--
+@component
+The Handle component is the part of a node that can be used to connect nodes.
+-->
 <div
   data-handleid={handleId}
   data-nodeid={nodeId}

From 88aa0fccf3f5a4ed9bf037c6f0fbf78453f06f13 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 18 Jan 2024 14:26:35 +0100
Subject: [PATCH 0523/1093] Added handleEdgeSelect hook & click on edge-label
 now selects edge

---
 .../lib/components/BaseEdge/BaseEdge.svelte   | 14 ++----
 .../lib/components/EdgeLabel/EdgeLabel.svelte | 27 +++++++++++
 .../src/lib/components/EdgeLabel/index.ts     |  1 +
 .../components/EdgeWrapper/EdgeWrapper.svelte | 45 ++++++-------------
 .../EdgeRenderer/EdgeRenderer.svelte          |  9 +---
 .../src/lib/hooks/useHandleEdgeSelect.ts      | 39 ++++++++++++++++
 packages/svelte/src/styles/style.css          |  1 +
 7 files changed, 86 insertions(+), 50 deletions(-)
 create mode 100644 packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
 create mode 100644 packages/svelte/src/lib/components/EdgeLabel/index.ts
 create mode 100644 packages/svelte/src/lib/hooks/useHandleEdgeSelect.ts

diff --git a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
index d1c60f8f4..b0591ce2d 100644
--- a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import cc from 'classcat';
-  import { EdgeLabelRenderer } from '$lib/components/EdgeLabelRenderer';
   import type { BaseEdgeProps } from './types';
+  import EdgeLabel from '../EdgeLabel/EdgeLabel.svelte';
 
   type $$Props = BaseEdgeProps;
 
@@ -43,13 +43,7 @@
 {/if}
 
 {#if label}
-  <EdgeLabelRenderer>
-    <div
-      class="svelte-flow__edge-label"
-      style:transform="translate(-50%, -50%) translate({labelX}px,{labelY}px)"
-      style={labelStyle}
-    >
-      {label}
-    </div>
-  </EdgeLabelRenderer>
+  <EdgeLabel {labelX} {labelY} {labelStyle}>
+    {label}
+  </EdgeLabel>
 {/if}
diff --git a/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte b/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
new file mode 100644
index 000000000..98467787f
--- /dev/null
+++ b/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+  import { EdgeLabelRenderer } from '$lib/components/EdgeLabelRenderer';
+  import { useHandleEdgeSelect } from '$lib/hooks/useHandleEdgeSelect';
+  import { getContext } from 'svelte';
+  import type { BaseEdgeProps } from '../BaseEdge/types';
+
+  export let labelStyle: BaseEdgeProps['labelStyle'] = undefined;
+  export let labelX: BaseEdgeProps['labelX'] = undefined;
+  export let labelY: BaseEdgeProps['labelY'] = undefined;
+
+  const handleEdgeSelect = useHandleEdgeSelect();
+
+  const id = getContext<string>('svelteflow__edge_id');
+</script>
+
+<EdgeLabelRenderer>
+  <div
+    class="svelte-flow__edge-label"
+    style:transform="translate(-50%, -50%) translate({labelX}px,{labelY}px)"
+    style={'pointer-events: all;' + labelStyle}
+    on:click={() => {
+      if (id) handleEdgeSelect(id);
+    }}
+  >
+    <slot />
+  </div>
+</EdgeLabelRenderer>
diff --git a/packages/svelte/src/lib/components/EdgeLabel/index.ts b/packages/svelte/src/lib/components/EdgeLabel/index.ts
new file mode 100644
index 000000000..2e0a457c6
--- /dev/null
+++ b/packages/svelte/src/lib/components/EdgeLabel/index.ts
@@ -0,0 +1 @@
+export { default as EdgeLabel } from './EdgeLabel.svelte';
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index c68ea1d51..8809eec7a 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -2,13 +2,13 @@
 
 <script lang="ts">
   import cc from 'classcat';
-  import { createEventDispatcher } from 'svelte';
-  import { errorMessages, getMarkerId } from '@xyflow/system';
+  import { createEventDispatcher, setContext } from 'svelte';
+  import { getMarkerId } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import { BezierEdgeInternal } from '$lib/components/edges';
   import type { EdgeLayouted, Edge } from '$lib/types';
-  import { get } from 'svelte/store';
+  import { useHandleEdgeSelect } from '$lib/hooks/useHandleEdgeSelect';
 
   type $$Props = EdgeLayouted;
 
@@ -22,7 +22,6 @@
 
   export let animated: $$Props['animated'] = false;
   export let selected: $$Props['selected'] = false;
-  export let selectable: $$Props['selectable'] = true;
   export let hidden: $$Props['hidden'] = false;
   export let label: $$Props['label'] = undefined;
   export let labelStyle: $$Props['labelStyle'] = undefined;
@@ -43,16 +42,9 @@
   let className: string = '';
   export { className as class };
 
-  const {
-    edges,
-    edgeTypes,
-    flowId,
-    selectionRect,
-    selectionRectMode,
-    multiselectionKeyPressed,
-    addSelectedEdges,
-    unselectNodesAndEdges
-  } = useStore();
+  setContext('svelteflow__edge_id', id);
+
+  const { edgeLookup, edgeTypes, flowId } = useStore();
   const dispatch = createEventDispatcher<{
     edgeclick: { edge: Edge; event: MouseEvent | TouchEvent };
     edgecontextmenu: { edge: Edge; event: MouseEvent };
@@ -62,30 +54,19 @@
   $: markerStartUrl = markerStart ? `url(#${getMarkerId(markerStart, $flowId)})` : undefined;
   $: markerEndUrl = markerEnd ? `url(#${getMarkerId(markerEnd, $flowId)})` : undefined;
 
-  function onClick(event: MouseEvent | TouchEvent) {
-    const edge = $edges.find((e) => e.id === id);
-
-    if (!edge) {
-      console.warn('012', errorMessages['error012'](id));
-      return;
-    }
+  const handleEdgeSelect = useHandleEdgeSelect();
 
-    if (selectable) {
-      selectionRect.set(null);
-      selectionRectMode.set(null);
+  function onClick(event: MouseEvent | TouchEvent) {
+    const edge = $edgeLookup.get(id);
 
-      if (!edge.selected) {
-        addSelectedEdges([id]);
-      } else if (edge.selected && get(multiselectionKeyPressed)) {
-        unselectNodesAndEdges({ nodes: [], edges: [edge] });
-      }
+    if (edge) {
+      handleEdgeSelect(id);
+      dispatch('edgeclick', { event, edge });
     }
-
-    dispatch('edgeclick', { event, edge });
   }
 
   function onContextMenu(event: MouseEvent) {
-    const edge = $edges.find((e) => e.id === id);
+    const edge = $edgeLookup.get(id);
 
     if (edge) {
       dispatch('edgecontextmenu', { event, edge });
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 663b72ea2..d7a1a23b4 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -24,12 +24,6 @@
   </svg>
 
   {#each $visibleEdges as edge (edge.id)}
-    {@const edgeType = edge.type || 'default'}
-    {@const selectable = !!(
-      edge.selectable ||
-      ($elementsSelectable && typeof edge.selectable === 'undefined')
-    )}
-
     <EdgeWrapper
       id={edge.id}
       source={edge.source}
@@ -54,9 +48,8 @@
       ariaLabel={edge.ariaLabel}
       interactionWidth={edge.interactionWidth}
       class={edge.class}
-      type={edgeType}
+      type={edge.type || 'default'}
       zIndex={edge.zIndex}
-      {selectable}
       on:edgeclick
       on:edgecontextmenu
     />
diff --git a/packages/svelte/src/lib/hooks/useHandleEdgeSelect.ts b/packages/svelte/src/lib/hooks/useHandleEdgeSelect.ts
new file mode 100644
index 000000000..3a10948e3
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/useHandleEdgeSelect.ts
@@ -0,0 +1,39 @@
+import { get } from 'svelte/store';
+
+import { useStore } from '$lib/store';
+import { errorMessages } from '@xyflow/system';
+
+export function useHandleEdgeSelect() {
+  const {
+    edgeLookup,
+    selectionRect,
+    selectionRectMode,
+    multiselectionKeyPressed,
+    addSelectedEdges,
+    unselectNodesAndEdges,
+    elementsSelectable
+  } = useStore();
+
+  return (id: string) => {
+    const edge = get(edgeLookup).get(id);
+
+    if (!edge) {
+      console.warn('012', errorMessages['error012'](id));
+      return;
+    }
+
+    const selectable =
+      edge.selectable || (get(elementsSelectable) && typeof edge.selectable === 'undefined');
+
+    if (selectable) {
+      selectionRect.set(null);
+      selectionRectMode.set(null);
+
+      if (!edge.selected) {
+        addSelectedEdges([id]);
+      } else if (edge.selected && get(multiselectionKeyPressed)) {
+        unselectNodesAndEdges({ nodes: [], edges: [edge] });
+      }
+    }
+  };
+}
diff --git a/packages/svelte/src/styles/style.css b/packages/svelte/src/styles/style.css
index e607d0f8e..981bc92e7 100644
--- a/packages/svelte/src/styles/style.css
+++ b/packages/svelte/src/styles/style.css
@@ -8,6 +8,7 @@
   position: absolute;
   padding: 2px;
   font-size: 10px;
+  cursor: pointer;
   color: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
   background: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
 }

From b6b3822787720820599800e7190f7f401e343c68 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 18 Jan 2024 15:23:31 +0100
Subject: [PATCH 0524/1093] changed prop names edgeLabel

---
 .../svelte/src/lib/components/BaseEdge/BaseEdge.svelte |  3 +--
 .../src/lib/components/EdgeLabel/EdgeLabel.svelte      | 10 +++++-----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
index b0591ce2d..36b3763e9 100644
--- a/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
+++ b/packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
@@ -18,7 +18,6 @@
   let className: $$Props['class'] = undefined;
   export { className as class };
 
-  // @todo, why is interactionWidth undefined after first re-render?
   let interactionWidthValue = interactionWidth === undefined ? 20 : interactionWidth;
 </script>
 
@@ -43,7 +42,7 @@
 {/if}
 
 {#if label}
-  <EdgeLabel {labelX} {labelY} {labelStyle}>
+  <EdgeLabel x={labelX} y={labelY} style={labelStyle}>
     {label}
   </EdgeLabel>
 {/if}
diff --git a/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte b/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
index 98467787f..eb0c794f6 100644
--- a/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
+++ b/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
@@ -4,9 +4,9 @@
   import { getContext } from 'svelte';
   import type { BaseEdgeProps } from '../BaseEdge/types';
 
-  export let labelStyle: BaseEdgeProps['labelStyle'] = undefined;
-  export let labelX: BaseEdgeProps['labelX'] = undefined;
-  export let labelY: BaseEdgeProps['labelY'] = undefined;
+  export let style: BaseEdgeProps['labelStyle'] = undefined;
+  export let x: BaseEdgeProps['labelX'] = undefined;
+  export let y: BaseEdgeProps['labelY'] = undefined;
 
   const handleEdgeSelect = useHandleEdgeSelect();
 
@@ -16,8 +16,8 @@
 <EdgeLabelRenderer>
   <div
     class="svelte-flow__edge-label"
-    style:transform="translate(-50%, -50%) translate({labelX}px,{labelY}px)"
-    style={'pointer-events: all;' + labelStyle}
+    style:transform="translate(-50%, -50%) translate({x}px,{y}px)"
+    style={'pointer-events: all;' + style}
     on:click={() => {
       if (id) handleEdgeSelect(id);
     }}

From e0d7dbe8a104d6cb29933a8c32784238b1f48e87 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 18 Jan 2024 15:50:21 +0100
Subject: [PATCH 0525/1093] fixed focused, selectable css

---
 packages/react/src/components/EdgeWrapper/index.tsx | 1 +
 packages/system/src/styles/init.css                 | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index cb9b9c8b7..28323a198 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -186,6 +186,7 @@ export function EdgeWrapper({
             animated: edge.animated,
             inactive: !isSelectable && !onClick,
             updating: updateHover,
+            selectable: isSelectable,
           },
         ])}
         onClick={onEdgeClick}
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index a688f6b96..14519c749 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -139,8 +139,8 @@
   }
 
   &.selected .xy-flow__edge-path,
-  &:focus .xy-flow__edge-path,
-  &:focus-visible .xy-flow__edge-path {
+  &.selectable:focus .xy-flow__edge-path,
+  &.selectable:focus-visible .xy-flow__edge-path {
     stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
   }
 

From aee1b6b9f80efd6de9762a76ad89c60d602419cf Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 18 Jan 2024 16:27:51 +0100
Subject: [PATCH 0526/1093] add getNode, getNodes, getEdge, getEdges

---
 packages/svelte/src/lib/hooks/useSvelteFlow.ts | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index d47ee45b5..0cf53f5ca 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -29,6 +29,10 @@ import { isNode } from '$lib/utils';
 export function useSvelteFlow(): {
   zoomIn: ZoomInOut;
   zoomOut: ZoomInOut;
+  getNode: (id: string) => Node | undefined;
+  getNodes: (ids: string[]) => (Node | undefined)[];
+  getEdge: (id: string) => Edge | undefined;
+  getEdges: (ids: string[]) => (Edge | undefined)[];
   setZoom: (zoomLevel: number, options?: ViewportHelperFunctionOptions) => void;
   getZoom: () => number;
   setCenter: (x: number, y: number, options?: SetCenterOptions) => void;
@@ -82,7 +86,9 @@ export function useSvelteFlow(): {
     panZoom,
     nodes,
     edges,
-    domNode
+    domNode,
+    nodeLookup,
+    edgeLookup
   } = useStore();
 
   const getNodeRect = (
@@ -121,6 +127,10 @@ export function useSvelteFlow(): {
   return {
     zoomIn,
     zoomOut,
+    getNode: (id) => get(nodeLookup).get(id),
+    getNodes: (ids) => ids.map((id) => get(nodeLookup).get(id)),
+    getEdge: (id) => get(edgeLookup).get(id),
+    getEdges: (ids) => ids.map((id) => get(edgeLookup).get(id)),
     setZoom: (zoomLevel, options) => {
       get(panZoom)?.scaleTo(zoomLevel, { duration: options?.duration });
     },

From 5f5099d1fc67c511a1fbcb6583c2f2f419473b7a Mon Sep 17 00:00:00 2001
From: Hayleigh Thompson <me@hayleigh.dev>
Date: Fri, 19 Jan 2024 09:38:32 +0000
Subject: [PATCH 0527/1093] :construction: Janky explorations.

---
 packages/react/src/hooks/useReactFlow.ts | 84 +++++++++++++++++-------
 1 file changed, 62 insertions(+), 22 deletions(-)

diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index bdd05aa03..097c78b60 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -1,4 +1,4 @@
-import { useCallback, useMemo, useRef } from 'react';
+import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { getElementsToRemove, getOverlappingArea, isRectObject, nodeToRect, type Rect } from '@xyflow/system';
 
 import useViewportHelper from './useViewportHelper';
@@ -46,33 +46,73 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
     return edges.find((e) => e.id === id) as EdgeType;
   }, []);
 
-  // this is used to handle multiple syncronous setNodes calls
-  const setNodesData = useRef<Node[]>();
-  const setNodesTimeout = useRef<ReturnType<typeof setTimeout>>();
+  const setNodesQueue = useRef<(NodeType[] | ((nodes: NodeType[]) => NodeType[]))[]>([]);
+  const setNodesHasStateReplacement = useRef(false);
+  const [setNodesShouldFlushNodesQueue, setSetNodesShouldFlushNodesQueue] = useState(false);
   const setNodes = useCallback<Instance.SetNodes<NodeType>>((payload) => {
-    const { nodes = [], setNodes, hasDefaultNodes, onNodesChange, nodeLookup } = store.getState();
-    const nextNodes = typeof payload === 'function' ? payload((setNodesData.current as NodeType[]) || nodes) : payload;
+    if (typeof payload === 'function' && !setNodesHasStateReplacement.current) {
+      setNodesQueue.current.push(payload);
+      setSetNodesShouldFlushNodesQueue(true);
+    } else {
+      setNodesQueue.current = [payload];
+      setNodesHasStateReplacement.current = true;
+      setSetNodesShouldFlushNodesQueue(true);
+    }
+  }, []);
 
-    setNodesData.current = nextNodes;
+  useLayoutEffect(() => {
+    if (!setNodesShouldFlushNodesQueue) {
+      setNodesQueue.current = [];
+      setNodesHasStateReplacement.current = false;
 
-    if (setNodesTimeout.current) {
-      clearTimeout(setNodesTimeout.current);
+      return;
     }
 
-    // if there are multiple synchronous setNodes calls, we only want to call onNodesChange once
-    // for this, we use a timeout to wait for the last call and store updated nodes in setNodesData
-    // this is not perfect, but should work in most cases
-    setNodesTimeout.current = setTimeout(() => {
-      if (hasDefaultNodes) {
-        setNodes(nextNodes);
-      } else if (onNodesChange) {
-        const changes: NodeChange[] = getElementsDiffChanges({ items: setNodesData.current, lookup: nodeLookup });
-        onNodesChange(changes);
-      }
+    const { nodes = [], setNodes, hasDefaultNodes, onNodesChange, nodeLookup } = store.getState();
+    const nextNodes = setNodesQueue.current.reduce(
+      (prev: NodeType[], payload) => (typeof payload === 'function' ? payload(prev) : payload),
+      nodes as NodeType[]
+    );
 
-      setNodesData.current = undefined;
-    }, 0);
-  }, []);
+    if (hasDefaultNodes) {
+      setNodes(nextNodes);
+    } else if (onNodesChange) {
+      const changes: NodeChange[] = getElementsDiffChanges({ items: nextNodes, lookup: nodeLookup });
+      onNodesChange(changes);
+    }
+
+    setNodesQueue.current = [];
+    setNodesHasStateReplacement.current = false;
+    setSetNodesShouldFlushNodesQueue(false);
+  }, [setNodesShouldFlushNodesQueue]);
+
+  // // this is used to handle multiple syncronous setNodes calls
+  // const setNodesData = useRef<Node[]>();
+  // const setNodesTimeout = useRef<ReturnType<typeof setTimeout>>();
+  // const setNodes = useCallback<Instance.SetNodes<NodeType>>((payload) => {
+  //   const { nodes = [], setNodes, hasDefaultNodes, onNodesChange, nodeLookup } = store.getState();
+  //   const nextNodes = typeof payload === 'function' ? payload((setNodesData.current as NodeType[]) || nodes) : payload;
+
+  //   setNodesData.current = nextNodes;
+
+  //   if (setNodesTimeout.current) {
+  //     clearTimeout(setNodesTimeout.current);
+  //   }
+
+  //   // if there are multiple synchronous setNodes calls, we only want to call onNodesChange once
+  //   // for this, we use a timeout to wait for the last call and store updated nodes in setNodesData
+  //   // this is not perfect, but should work in most cases
+  //   setNodesTimeout.current = setTimeout(() => {
+  //     if (hasDefaultNodes) {
+  //       setNodes(nextNodes);
+  //     } else if (onNodesChange) {
+  //       const changes: NodeChange[] = getElementsDiffChanges({ items: setNodesData.current, lookup: nodeLookup });
+  //       onNodesChange(changes);
+  //     }
+
+  //     setNodesData.current = undefined;
+  //   }, 0);
+  // }, []);
 
   // this is used to handle multiple syncronous setEdges calls
   const setEdgesData = useRef<Edge[]>();

From a25854646a1ebd8ea978bd4372f276c341398a29 Mon Sep 17 00:00:00 2001
From: Hayleigh Thompson <me@hayleigh.dev>
Date: Fri, 19 Jan 2024 16:09:51 +0000
Subject: [PATCH 0528/1093] :sparkles: Batch calls to setNodes and addNodes for
 better perf.

---
 packages/react/src/hooks/useReactFlow.ts | 181 +++++++++++------------
 1 file changed, 84 insertions(+), 97 deletions(-)

diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 097c78b60..18de6fc63 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -46,122 +46,109 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
     return edges.find((e) => e.id === id) as EdgeType;
   }, []);
 
-  const setNodesQueue = useRef<(NodeType[] | ((nodes: NodeType[]) => NodeType[]))[]>([]);
-  const setNodesHasStateReplacement = useRef(false);
-  const [setNodesShouldFlushNodesQueue, setSetNodesShouldFlushNodesQueue] = useState(false);
-  const setNodes = useCallback<Instance.SetNodes<NodeType>>((payload) => {
-    if (typeof payload === 'function' && !setNodesHasStateReplacement.current) {
-      setNodesQueue.current.push(payload);
-      setSetNodesShouldFlushNodesQueue(true);
-    } else {
-      setNodesQueue.current = [payload];
-      setNodesHasStateReplacement.current = true;
-      setSetNodesShouldFlushNodesQueue(true);
-    }
-  }, []);
-
+  type SetElementsQueue = {
+    nodes: (NodeType[] | ((nodes: NodeType[]) => NodeType[]))[];
+    edges: (EdgeType[] | ((edges: EdgeType[]) => EdgeType[]))[];
+  };
+
+  // A reference of all the batched updates to process before the next render. We
+  // want a mutable reference here so multiple synchronous calls to `setNodes` etc
+  // can be batched together.
+  const setElementsQueue = useRef<SetElementsQueue>({ nodes: [], edges: [] });
+  // Because we're using a ref above, we need some way to let React know when to
+  // actually process the queue. We flip this bit of state to `true` any time we
+  // mutate the queue and then flip it back to `false` after flushing the queue.
+  const [shouldFlushQueue, setShouldFlushQueue] = useState(false);
+
+  // Layout effects are guaranteed to run before the next render which means we
+  // shouldn't run into any issues with stale state or weird issues that come from
+  // rendering things one frame later than expected (we used to use `setTimeout`).
   useLayoutEffect(() => {
-    if (!setNodesShouldFlushNodesQueue) {
-      setNodesQueue.current = [];
-      setNodesHasStateReplacement.current = false;
-
+    // Because we need to flip the state back to false after flushing, this should
+    // trigger the hook again (!). If the hook is being run again we know that any
+    // updates should have been processed by now and we can safely clear the queue
+    // and bail early.
+    if (!shouldFlushQueue) {
+      setElementsQueue.current = { nodes: [], edges: [] };
       return;
     }
 
-    const { nodes = [], setNodes, hasDefaultNodes, onNodesChange, nodeLookup } = store.getState();
-    const nextNodes = setNodesQueue.current.reduce(
-      (prev: NodeType[], payload) => (typeof payload === 'function' ? payload(prev) : payload),
-      nodes as NodeType[]
-    );
-
-    if (hasDefaultNodes) {
-      setNodes(nextNodes);
-    } else if (onNodesChange) {
-      const changes: NodeChange[] = getElementsDiffChanges({ items: nextNodes, lookup: nodeLookup });
-      onNodesChange(changes);
-    }
+    if (setElementsQueue.current.nodes.length) {
+      const { nodes = [], setNodes, hasDefaultNodes, onNodesChange, nodeLookup } = store.getState();
 
-    setNodesQueue.current = [];
-    setNodesHasStateReplacement.current = false;
-    setSetNodesShouldFlushNodesQueue(false);
-  }, [setNodesShouldFlushNodesQueue]);
-
-  // // this is used to handle multiple syncronous setNodes calls
-  // const setNodesData = useRef<Node[]>();
-  // const setNodesTimeout = useRef<ReturnType<typeof setTimeout>>();
-  // const setNodes = useCallback<Instance.SetNodes<NodeType>>((payload) => {
-  //   const { nodes = [], setNodes, hasDefaultNodes, onNodesChange, nodeLookup } = store.getState();
-  //   const nextNodes = typeof payload === 'function' ? payload((setNodesData.current as NodeType[]) || nodes) : payload;
-
-  //   setNodesData.current = nextNodes;
-
-  //   if (setNodesTimeout.current) {
-  //     clearTimeout(setNodesTimeout.current);
-  //   }
-
-  //   // if there are multiple synchronous setNodes calls, we only want to call onNodesChange once
-  //   // for this, we use a timeout to wait for the last call and store updated nodes in setNodesData
-  //   // this is not perfect, but should work in most cases
-  //   setNodesTimeout.current = setTimeout(() => {
-  //     if (hasDefaultNodes) {
-  //       setNodes(nextNodes);
-  //     } else if (onNodesChange) {
-  //       const changes: NodeChange[] = getElementsDiffChanges({ items: setNodesData.current, lookup: nodeLookup });
-  //       onNodesChange(changes);
-  //     }
-
-  //     setNodesData.current = undefined;
-  //   }, 0);
-  // }, []);
-
-  // this is used to handle multiple syncronous setEdges calls
-  const setEdgesData = useRef<Edge[]>();
-  const setEdgesTimeout = useRef<ReturnType<typeof setTimeout>>();
-  const setEdges = useCallback<Instance.SetEdges<EdgeType>>((payload) => {
-    const { edges = [], setEdges, hasDefaultEdges, onEdgesChange, edgeLookup } = store.getState();
-    const nextEdges = typeof payload === 'function' ? payload((setEdgesData.current as EdgeType[]) || edges) : payload;
+      // This is essentially an `Array.reduce` in imperative clothing. Processing
+      // this queue is a relatively hot path so we'd like to avoid the overhead of
+      // array methods where we can.
+      let next = nodes as NodeType[];
+      for (const payload of setElementsQueue.current.nodes) {
+        next = typeof payload === 'function' ? payload(next) : payload;
+      }
 
-    setEdgesData.current = nextEdges;
+      if (hasDefaultNodes) {
+        setNodes(next);
+      } else if (onNodesChange) {
+        onNodesChange(
+          getElementsDiffChanges({
+            items: next,
+            lookup: nodeLookup,
+          })
+        );
+      }
 
-    if (setEdgesTimeout.current) {
-      clearTimeout(setEdgesTimeout.current);
+      setElementsQueue.current.nodes = [];
     }
 
-    setEdgesTimeout.current = setTimeout(() => {
+    if (setElementsQueue.current.edges.length) {
+      const { edges = [], setEdges, hasDefaultEdges, onEdgesChange, edgeLookup } = store.getState();
+
+      let next = edges as EdgeType[];
+      for (const payload of setElementsQueue.current.edges) {
+        next = typeof payload === 'function' ? payload(next) : payload;
+      }
+
       if (hasDefaultEdges) {
-        setEdges(nextEdges);
+        setEdges(next);
       } else if (onEdgesChange) {
-        const changes: EdgeChange[] = getElementsDiffChanges({ items: nextEdges, lookup: edgeLookup });
-        onEdgesChange(changes);
+        onEdgesChange(
+          getElementsDiffChanges({
+            items: next,
+            lookup: edgeLookup,
+          })
+        );
       }
 
-      setEdgesData.current = undefined;
-    }, 0);
+      setElementsQueue.current.edges = [];
+    }
+
+    // Beacuse we're using reactive state to trigger this effect, we need to flip
+    // it back to false.
+    setShouldFlushQueue(false);
+  }, [shouldFlushQueue]);
+
+  const setNodes = useCallback<Instance.SetNodes<NodeType>>((payload) => {
+    setElementsQueue.current.nodes.push(payload);
+    setShouldFlushQueue(true);
+  }, []);
+
+  const setEdges = useCallback<Instance.SetEdges<EdgeType>>((payload) => {
+    setElementsQueue.current.edges.push(payload);
+    setShouldFlushQueue(true);
   }, []);
 
   const addNodes = useCallback<Instance.AddNodes<NodeType>>((payload) => {
-    const nodes = Array.isArray(payload) ? payload : [payload];
-    const { nodes: currentNodes, hasDefaultNodes, onNodesChange, setNodes } = store.getState();
-
-    if (hasDefaultNodes) {
-      const nextNodes = [...currentNodes, ...nodes];
-      setNodes(nextNodes);
-    } else if (onNodesChange) {
-      const changes = nodes.map((node) => ({ item: node, type: 'add' } as NodeAddChange<NodeType>));
-      onNodesChange(changes);
-    }
+    const newNodes = Array.isArray(payload) ? payload : [payload];
+
+    // Queueing a functional update means that we won't worry about other calls
+    // to `setNodes` that might happen elsewhere.
+    setElementsQueue.current.nodes.push((nodes) => [...nodes, ...newNodes]);
+    setShouldFlushQueue(true);
   }, []);
 
   const addEdges = useCallback<Instance.AddEdges<EdgeType>>((payload) => {
-    const nextEdges = Array.isArray(payload) ? payload : [payload];
-    const { edges = [], setEdges, hasDefaultEdges, onEdgesChange } = store.getState();
-
-    if (hasDefaultEdges) {
-      setEdges([...edges, ...nextEdges]);
-    } else if (onEdgesChange) {
-      const changes = nextEdges.map((edge) => ({ item: edge, type: 'add' } as EdgeAddChange<EdgeType>));
-      onEdgesChange(changes);
-    }
+    const newEdges = Array.isArray(payload) ? payload : [payload];
+
+    setElementsQueue.current.edges.push((edges) => [...edges, ...newEdges]);
+    setShouldFlushQueue(true);
   }, []);
 
   const toObject = useCallback<Instance.ToObject<NodeType, EdgeType>>(() => {

From 81b5ea61412cfccecdabdad5abacc0998fc70840 Mon Sep 17 00:00:00 2001
From: Hayleigh Thompson <me@hayleigh.dev>
Date: Fri, 19 Jan 2024 16:10:06 +0000
Subject: [PATCH 0529/1093] :sparkles: Add an example demonstrating how batched
 updates work.

---
 examples/react/src/App/routes.ts              |  6 ++
 .../src/examples/SetNodesBatching/index.tsx   | 70 +++++++++++++++++++
 2 files changed, 76 insertions(+)
 create mode 100644 examples/react/src/examples/SetNodesBatching/index.tsx

diff --git a/examples/react/src/App/routes.ts b/examples/react/src/App/routes.ts
index 76ab08e42..444586cac 100644
--- a/examples/react/src/App/routes.ts
+++ b/examples/react/src/App/routes.ts
@@ -28,6 +28,7 @@ import NodeTypesObjectChange from '../examples/NodeTypesObjectChange';
 import Overview from '../examples/Overview';
 import Provider from '../examples/Provider';
 import SaveRestore from '../examples/SaveRestore';
+import SetNodesBatching from '../examples/SetNodesBatching';
 import Stress from '../examples/Stress';
 import Subflow from '../examples/Subflow';
 import SwitchFlow from '../examples/Switch';
@@ -226,6 +227,11 @@ const routes: IRoute[] = [
     path: 'save-restore',
     component: SaveRestore,
   },
+  {
+    name: 'SetNodes Batching',
+    path: 'setnodes-batching',
+    component: SetNodesBatching,
+  },
   {
     name: 'Stress',
     path: 'stress',
diff --git a/examples/react/src/examples/SetNodesBatching/index.tsx b/examples/react/src/examples/SetNodesBatching/index.tsx
new file mode 100644
index 000000000..2dc602eb0
--- /dev/null
+++ b/examples/react/src/examples/SetNodesBatching/index.tsx
@@ -0,0 +1,70 @@
+import { useCallback } from 'react';
+import {
+  ReactFlow,
+  MiniMap,
+  Background,
+  BackgroundVariant,
+  Controls,
+  ReactFlowProvider,
+  Node,
+  Edge,
+  useReactFlow,
+  Panel,
+} from '@xyflow/react';
+
+const a = { id: 'a', data: { label: 'A' }, position: { x: 250, y: 5 } };
+const b = { id: 'b', data: { label: 'B' }, position: { x: 100, y: 100 } };
+const c = { id: 'c', data: { label: 'C' }, position: { x: 400, y: 100 } };
+
+const SetNotesBatchingFlow = () => {
+  const { setNodes, updateNode } = useReactFlow();
+
+  const triggerMultipleSetNodes = useCallback(() => {
+    setNodes([a]);
+    setNodes((nodes) => [...nodes, b]);
+    setNodes((nodes) => [...nodes, c]);
+    setNodes((nodes) =>
+      nodes.map((node) =>
+        node.id === 'a' ? { ...node, position: { x: node.position.x + 20, y: node.position.y + 20 } } : node
+      )
+    );
+  }, []);
+
+  const triggerMultipleUpdateNodes = useCallback(() => {
+    triggerMultipleSetNodes();
+    updateNode('a', (a) => ({ position: { x: a.position.x + 20, y: a.position.y + 20 } }));
+    updateNode('b', (b) => ({ position: { x: b.position.x + 20, y: b.position.y + 20 } }));
+    updateNode('c', (c) => ({ position: { x: c.position.x + 20, y: c.position.y + 20 } }));
+    updateNode('a', (a) => ({ data: { ...a.data, label: `A ${Date.now()}` } }));
+    updateNode('b', (b) => ({ data: { ...b.data, label: `B ${Date.now()}` } }));
+    updateNode('c', (c) => ({ data: { ...c.data, label: `C ${Date.now()}` } }));
+  }, []);
+
+  return (
+    <ReactFlow
+      defaultNodes={[]}
+      defaultEdges={[]}
+      className="react-flow-basic-example"
+      minZoom={0.2}
+      maxZoom={4}
+      fitView
+    >
+      <Background variant={BackgroundVariant.Dots} />
+      <MiniMap />
+      <Controls />
+
+      <Panel position="top-right">
+        <button onClick={triggerMultipleSetNodes}>queue multiple setNodes calls</button>
+        <button onClick={triggerMultipleUpdateNodes}>queue multiple updateNode calls</button>
+      </Panel>
+    </ReactFlow>
+  );
+};
+
+export default function App() {
+  return (
+    <ReactFlowProvider>
+      <SetNotesBatchingFlow />
+    </ReactFlowProvider>
+  );
+}

From 601c7f1c15377d56de68be4d9a26e6eda64258f8 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 22 Jan 2024 11:26:02 +0100
Subject: [PATCH 0530/1093] Selection process is not interrupted by
 selectionKey being let go

---
 packages/react/src/container/FlowRenderer/index.tsx | 8 +++++---
 packages/svelte/src/lib/container/Pane/Pane.svelte  | 3 ++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/container/FlowRenderer/index.tsx b/packages/react/src/container/FlowRenderer/index.tsx
index 06d6fab62..2670be700 100644
--- a/packages/react/src/container/FlowRenderer/index.tsx
+++ b/packages/react/src/container/FlowRenderer/index.tsx
@@ -28,7 +28,9 @@ export type FlowRendererProps = Omit<
   children: ReactNode;
 };
 
-const selector = (s: ReactFlowState) => s.nodesSelectionActive;
+const selector = (s: ReactFlowState) => {
+  return { nodesSelectionActive: s.nodesSelectionActive, userSelectionActive: s.userSelectionActive };
+};
 
 const FlowRendererComponent = ({
   children,
@@ -67,13 +69,13 @@ const FlowRendererComponent = ({
   onViewportChange,
   isControlledViewport,
 }: FlowRendererProps) => {
-  const nodesSelectionActive = useStore(selector);
+  const { nodesSelectionActive, userSelectionActive } = useStore(selector);
   const selectionKeyPressed = useKeyPress(selectionKeyCode);
   const panActivationKeyPressed = useKeyPress(panActivationKeyCode);
 
   const panOnDrag = panActivationKeyPressed || _panOnDrag;
   const panOnScroll = panActivationKeyPressed || _panOnScroll;
-  const isSelecting = selectionKeyPressed || (selectionOnDrag && panOnDrag !== true);
+  const isSelecting = selectionKeyPressed || userSelectionActive || (selectionOnDrag && panOnDrag !== true);
 
   useGlobalKeyHandler({ deleteKeyCode, multiSelectionKeyCode });
 
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index cce956366..f0df09808 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -73,7 +73,8 @@
   let selectedNodes: Node[] = [];
 
   $: _panOnDrag = $panActivationKeyPressed || panOnDrag;
-  $: isSelecting = $selectionKeyPressed || (selectionOnDrag && _panOnDrag !== true);
+  $: isSelecting =
+    $selectionKeyPressed || $selectionRect || (selectionOnDrag && _panOnDrag !== true);
   $: hasActiveSelection = $elementsSelectable && (isSelecting || $selectionRectMode === 'user');
 
   function onClick(event: MouseEvent | TouchEvent) {

From 2b0fa97afebf1b9c38169e723a41419a37c9fbeb Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 22 Jan 2024 11:42:20 +0100
Subject: [PATCH 0531/1093] chore(examples): second input for useNodesData

---
 .../react/src/examples/UseNodesData/TextNode.tsx     | 12 ++++++++++--
 packages/react/src/hooks/useReactFlow.ts             | 11 +----------
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/examples/react/src/examples/UseNodesData/TextNode.tsx b/examples/react/src/examples/UseNodesData/TextNode.tsx
index 113d41fb6..dd9f25d1a 100644
--- a/examples/react/src/examples/UseNodesData/TextNode.tsx
+++ b/examples/react/src/examples/UseNodesData/TextNode.tsx
@@ -14,8 +14,16 @@ function TextNode({ id, data }: NodeProps) {
   return (
     <div style={{ background: '#eee', color: '#222', padding: 10, fontSize: 12, borderRadius: 10 }}>
       <div>node {id}</div>
-      <div>
-        <input onChange={(evt) => updateText(evt.target.value)} value={text} />
+      <div style={{ marginTop: 5 }}>
+        <label style={{ fontSize: 12 }}>useState + updateNodeData</label>
+        <input onChange={(evt) => updateText(evt.target.value)} value={text} style={{ display: 'block' }} />
+
+        <label style={{ fontSize: 12 }}>updateNodeData</label>
+        <input
+          onChange={(evt) => updateNodeData(id, { text: evt.target.value })}
+          value={data.text}
+          style={{ display: 'block' }}
+        />
       </div>
       <Handle type="source" position={Position.Right} />
     </div>
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 18de6fc63..02080731a 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -3,16 +3,7 @@ import { getElementsToRemove, getOverlappingArea, isRectObject, nodeToRect, type
 
 import useViewportHelper from './useViewportHelper';
 import { useStoreApi } from './useStore';
-import type {
-  ReactFlowInstance,
-  Instance,
-  NodeAddChange,
-  EdgeAddChange,
-  Node,
-  Edge,
-  NodeChange,
-  EdgeChange,
-} from '../types';
+import type { ReactFlowInstance, Instance, Node, Edge } from '../types';
 import { getElementsDiffChanges, isNode } from '../utils';
 
 /**

From efbf2b35824cdf68f82d1d4332602cb9785f5368 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 22 Jan 2024 16:34:01 +0100
Subject: [PATCH 0532/1093] useInitialized and useNodesInitialized now return a
 readable, useEdgesInitialized is not exported

---
 packages/svelte/src/lib/hooks/useInitialized.ts | 9 +++++++--
 packages/svelte/src/lib/index.ts                | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/svelte/src/lib/hooks/useInitialized.ts b/packages/svelte/src/lib/hooks/useInitialized.ts
index 93e6921b9..09b0307cb 100644
--- a/packages/svelte/src/lib/hooks/useInitialized.ts
+++ b/packages/svelte/src/lib/hooks/useInitialized.ts
@@ -1,4 +1,5 @@
 import { useStore } from '$lib/store';
+import type { Readable } from 'svelte/store';
 
 /**
  * Hook for seeing if nodes are initialized
@@ -6,7 +7,9 @@ import { useStore } from '$lib/store';
  */
 export function useNodesInitialized() {
   const { nodesInitialized } = useStore();
-  return nodesInitialized;
+  return {
+    subscribe: nodesInitialized.subscribe
+  } as Readable<boolean>;
 }
 
 /**
@@ -24,5 +27,7 @@ export function useEdgesInitialized() {
  */
 export function useInitialized() {
   const { initialized } = useStore();
-  return initialized;
+  return {
+    subscribe: initialized.subscribe
+  } as Readable<boolean>;
 }
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index c88059b71..75f0092b3 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -31,7 +31,7 @@ export * from '$lib/hooks/useConnection';
 export * from '$lib/hooks/useNodesEdges';
 export * from '$lib/hooks/useHandleConnections';
 export * from '$lib/hooks/useNodesData';
-export * from '$lib/hooks/useInitialized';
+export { useInitialized, useNodesInitialized } from '$lib/hooks/useInitialized';
 
 // types
 export type {

From 08bb803ef2a6879e1e6342a46eb6e2c0ac604541 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 22 Jan 2024 16:38:00 +0100
Subject: [PATCH 0533/1093] getNodes & getEdges can be called without
 specifying ids

---
 packages/svelte/src/lib/hooks/useSvelteFlow.ts | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 0cf53f5ca..5cc414bca 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -30,9 +30,9 @@ export function useSvelteFlow(): {
   zoomIn: ZoomInOut;
   zoomOut: ZoomInOut;
   getNode: (id: string) => Node | undefined;
-  getNodes: (ids: string[]) => (Node | undefined)[];
+  getNodes: (ids?: string[]) => (Node | undefined)[];
   getEdge: (id: string) => Edge | undefined;
-  getEdges: (ids: string[]) => (Edge | undefined)[];
+  getEdges: (ids?: string[]) => (Edge | undefined)[];
   setZoom: (zoomLevel: number, options?: ViewportHelperFunctionOptions) => void;
   getZoom: () => number;
   setCenter: (x: number, y: number, options?: SetCenterOptions) => void;
@@ -128,9 +128,19 @@ export function useSvelteFlow(): {
     zoomIn,
     zoomOut,
     getNode: (id) => get(nodeLookup).get(id),
-    getNodes: (ids) => ids.map((id) => get(nodeLookup).get(id)),
+    getNodes: (ids) => {
+      if (!ids) {
+        return get(nodes);
+      }
+      return ids.map((id) => get(nodeLookup).get(id));
+    },
     getEdge: (id) => get(edgeLookup).get(id),
-    getEdges: (ids) => ids.map((id) => get(edgeLookup).get(id)),
+    getEdges: (ids) => {
+      if (!ids) {
+        return get(edges);
+      }
+      return ids.map((id) => get(edgeLookup).get(id));
+    },
     setZoom: (zoomLevel, options) => {
       get(panZoom)?.scaleTo(zoomLevel, { duration: options?.duration });
     },

From 34c77caab393301cc918f1522c939e2f7b58625c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 22 Jan 2024 17:05:26 +0100
Subject: [PATCH 0534/1093] refactor(types): OnNodeDrag

---
 examples/react/src/examples/Basic/index.tsx   |  3 +-
 .../examples/CustomNode/ColorSelectorNode.tsx |  6 ++--
 .../react/src/examples/CustomNode/index.tsx   | 33 ++++++++++++++-----
 .../handle-connect/MultiHandleNode.svelte     |  9 +++--
 packages/react/src/index.ts                   |  1 -
 packages/react/src/types/component-props.ts   |  8 ++---
 packages/react/src/types/general.ts           |  2 +-
 packages/react/src/types/nodes.ts             | 12 ++++---
 packages/react/src/types/store.ts             |  2 +-
 packages/svelte/src/lib/index.ts              |  1 -
 packages/svelte/src/lib/store/index.ts        |  3 +-
 packages/system/src/types/nodes.ts            |  8 ++---
 packages/system/src/xydrag/XYDrag.ts          | 12 +++----
 13 files changed, 59 insertions(+), 41 deletions(-)

diff --git a/examples/react/src/examples/Basic/index.tsx b/examples/react/src/examples/Basic/index.tsx
index 8d9c7dfd0..f454b313d 100644
--- a/examples/react/src/examples/Basic/index.tsx
+++ b/examples/react/src/examples/Basic/index.tsx
@@ -10,9 +10,10 @@ import {
   Edge,
   useReactFlow,
   Panel,
+  OnNodeDrag,
 } from '@xyflow/react';
 
-const onNodeDrag = (_: MouseEvent, node: Node) => console.log('drag', node);
+const onNodeDrag: OnNodeDrag = (_, node) => console.log('drag', node);
 const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node);
 const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);
 
diff --git a/examples/react/src/examples/CustomNode/ColorSelectorNode.tsx b/examples/react/src/examples/CustomNode/ColorSelectorNode.tsx
index 6857e1ace..72255e270 100644
--- a/examples/react/src/examples/CustomNode/ColorSelectorNode.tsx
+++ b/examples/react/src/examples/CustomNode/ColorSelectorNode.tsx
@@ -1,6 +1,8 @@
-import React, { memo, FC, CSSProperties, useCallback, useEffect } from 'react';
+import React, { memo, FC, CSSProperties, useCallback } from 'react';
 import { Handle, Position, NodeProps, Connection, Edge, useOnViewportChange, Viewport } from '@xyflow/react';
 
+import type { ColorSelectorNode } from '.';
+
 const targetHandleStyle: CSSProperties = { background: '#555' };
 const sourceHandleStyleA: CSSProperties = { ...targetHandleStyle, top: 10 };
 const sourceHandleStyleB: CSSProperties = {
@@ -11,7 +13,7 @@ const sourceHandleStyleB: CSSProperties = {
 
 const onConnect = (params: Connection | Edge) => console.log('handle onConnect', params);
 
-const ColorSelectorNode: FC<NodeProps> = ({ data, isConnectable }) => {
+const ColorSelectorNode: FC<NodeProps<ColorSelectorNode['data']>> = ({ data, isConnectable }) => {
   const onStart = useCallback((viewport: Viewport) => console.log('onStart', viewport), []);
   const onChange = useCallback((viewport: Viewport) => console.log('onChange', viewport), []);
   const onEnd = useCallback((viewport: Viewport) => console.log('onEnd', viewport), []);
diff --git a/examples/react/src/examples/CustomNode/index.tsx b/examples/react/src/examples/CustomNode/index.tsx
index ce7d0f624..986638a0a 100644
--- a/examples/react/src/examples/CustomNode/index.tsx
+++ b/examples/react/src/examples/CustomNode/index.tsx
@@ -5,24 +5,32 @@ import {
   Controls,
   addEdge,
   Node,
-  ReactFlowInstance,
   Position,
   SnapGrid,
   Connection,
-  useNodesState,
   useEdgesState,
   Background,
   Edge,
+  OnNodeDrag,
+  OnInit,
+  applyNodeChanges,
+  OnNodesChange,
 } from '@xyflow/react';
 
 import ColorSelectorNode from './ColorSelectorNode';
 
-const onInit = (reactFlowInstance: ReactFlowInstance) => {
+export type ColorSelectorNode = Node<
+  { color: string; onChange: (event: ChangeEvent<HTMLInputElement>) => void },
+  'selectorNode'
+>;
+export type MyNode = Node | ColorSelectorNode;
+
+const onInit: OnInit<MyNode> = (reactFlowInstance) => {
   console.log('flow loaded:', reactFlowInstance);
 };
 
-const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node);
-const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);
+const onNodeDragStop: OnNodeDrag<MyNode> = (_, node) => console.log('drag stop', node);
+const onNodeClick = (_: MouseEvent, node: MyNode) => console.log('click', node);
 
 const initBgColor = '#1A192B';
 
@@ -34,7 +42,16 @@ const nodeTypes = {
 };
 
 const CustomNodeFlow = () => {
-  const [nodes, setNodes, onNodesChange] = useNodesState<Node>([]);
+  const [nodes, setNodes] = useState<MyNode[]>([]);
+  const onNodesChange: OnNodesChange = useCallback(
+    (changes) =>
+      setNodes((nds) => {
+        const nextNodes = applyNodeChanges(changes, nds);
+        return nextNodes;
+      }),
+    [setNodes]
+  );
+
   const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
 
   const [bgColor, setBgColor] = useState<string>(initBgColor);
@@ -145,14 +162,14 @@ const CustomNodeFlow = () => {
       maxZoom={2}
     >
       <MiniMap
-        nodeStrokeColor={(n: Node): string => {
+        nodeStrokeColor={(n: MyNode): string => {
           if (n.type === 'input') return '#0041d0';
           if (n.type === 'selectorNode') return bgColor;
           if (n.type === 'output') return '#ff0072';
 
           return '#eee';
         }}
-        nodeColor={(n: Node): string => {
+        nodeColor={(n: MyNode): string => {
           if (n.type === 'selectorNode') return bgColor;
 
           return '#fff';
diff --git a/examples/svelte/src/routes/examples/handle-connect/MultiHandleNode.svelte b/examples/svelte/src/routes/examples/handle-connect/MultiHandleNode.svelte
index ebc85c740..f411fc44f 100644
--- a/examples/svelte/src/routes/examples/handle-connect/MultiHandleNode.svelte
+++ b/examples/svelte/src/routes/examples/handle-connect/MultiHandleNode.svelte
@@ -43,10 +43,8 @@
 	export let zIndex: $$Props['zIndex'] = undefined;
 	export let dragging: $$Props['dragging'] = false;
 	export let dragHandle: $$Props['dragHandle'] = undefined;
-	export let positionAbsolute: $$Props['positionAbsolute'] = {
-		x: 0,
-		y: 0
-	};
+	export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
+	export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
 	export let isConnectable: $$Props['isConnectable'] = undefined;
 
 	data;
@@ -59,7 +57,8 @@
 	zIndex;
 	dragging;
 	dragHandle;
-	positionAbsolute;
+	positionAbsoluteX;
+	positionAbsoluteY;
 	isConnectable;
 </script>
 
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 3cabb8137..8ad670001 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -67,7 +67,6 @@ export {
   type OnError,
   type NodeProps,
   type NodeOrigin,
-  type OnNodeDrag,
   type OnSelectionDrag,
   Position,
   type XYPosition,
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index 50f073034..f8bc8dfdc 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -40,10 +40,10 @@ import type {
   OnDelete,
   OnNodesChange,
   OnEdgesChange,
-  NodeDragHandler,
   NodeMouseHandler,
   SelectionDragHandler,
   EdgeMouseHandler,
+  OnNodeDrag,
 } from '.';
 
 /**
@@ -111,11 +111,11 @@ export interface ReactFlowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
   /** This event handler is called when a user right clicks on a node */
   onNodeContextMenu?: NodeMouseHandler;
   /** This event handler is called when a user starts to drag a node */
-  onNodeDragStart?: NodeDragHandler;
+  onNodeDragStart?: OnNodeDrag;
   /** This event handler is called when a user drags a node */
-  onNodeDrag?: NodeDragHandler;
+  onNodeDrag?: OnNodeDrag;
   /** This event handler is called when a user stops dragging a node */
-  onNodeDragStop?: NodeDragHandler;
+  onNodeDragStop?: OnNodeDrag;
   /** This event handler is called when a user clicks on an edge */
   onEdgeClick?: (event: ReactMouseEvent, edge: Edge) => void;
   /** This event handler is called when a user right clicks on an edge */
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 9a36e41f5..1a7462ad1 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -19,7 +19,7 @@ import { ComponentType } from 'react';
 export type OnNodesChange<NodeType extends Node = Node> = (changes: NodeChange<NodeType>[]) => void;
 export type OnEdgesChange<EdgeType extends Edge = Edge> = (changes: EdgeChange<EdgeType>[]) => void;
 
-export type OnNodesDelete = (nodes: Node[]) => void;
+export type OnNodesDelete<NodeType extends Node = Node> = (nodes: NodeType[]) => void;
 export type OnEdgesDelete = (edges: Edge[]) => void;
 export type OnDelete = (params: { nodes: Node[]; edges: Edge[] }) => void;
 
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index 71bfb6857..612c1d50b 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -3,11 +3,11 @@ import type { CoordinateExtent, NodeBase, NodeOrigin, OnError } from '@xyflow/sy
 
 import { NodeTypes } from './general';
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 /**
  * The node data structure that gets used for the nodes prop.
  * @public
  */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type Node<NodeData = any, NodeType extends string | undefined = string | undefined> = NodeBase<
   NodeData,
   NodeType
@@ -18,9 +18,13 @@ export type Node<NodeData = any, NodeType extends string | undefined = string |
   focusable?: boolean;
 };
 
-export type NodeMouseHandler = (event: ReactMouseEvent, node: Node) => void;
-export type NodeDragHandler = (event: ReactMouseEvent, node: Node, nodes: Node[]) => void;
-export type SelectionDragHandler = (event: ReactMouseEvent, nodes: Node[]) => void;
+export type NodeMouseHandler<NodeType extends Node = Node> = (event: ReactMouseEvent, node: NodeType) => void;
+export type SelectionDragHandler<NodeType extends Node = Node> = (event: ReactMouseEvent, nodes: NodeType[]) => void;
+export type OnNodeDrag<NodeType extends Node = Node> = (
+  event: ReactMouseEvent,
+  node: NodeType,
+  nodes: NodeType[]
+) => void;
 
 export type NodeWrapperProps = {
   id: string;
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index b138fc9d1..a0d5f8cc0 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -17,7 +17,6 @@ import {
   type PanBy,
   type OnConnectStart,
   type OnConnectEnd,
-  type OnNodeDrag,
   type OnSelectionDrag,
   type OnMoveStart,
   type OnMove,
@@ -43,6 +42,7 @@ import type {
   OnSelectionChangeFunc,
   UnselectNodesAndEdgesParams,
   OnDelete,
+  OnNodeDrag,
 } from '.';
 
 export type ReactFlowStore = {
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 4c3737ea7..edaed9ee1 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -79,7 +79,6 @@ export {
   type OnError,
   type NodeProps,
   type NodeOrigin,
-  type OnNodeDrag,
   type OnSelectionDrag,
   Position,
   type XYPosition,
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 18941bc6c..911608605 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -15,7 +15,6 @@ import {
   type XYPosition,
   type CoordinateExtent,
   type UpdateConnection,
-  type NodeBase,
   type NodeDragItem,
   errorMessages
 } from '@xyflow/system';
@@ -67,7 +66,7 @@ export function createStore({
   const updateNodePositions: UpdateNodePositions = (nodeDragItems, dragging = false) => {
     store.nodes.update((nds) => {
       return nds.map((node) => {
-        const nodeDragItem = (nodeDragItems as Array<NodeBase | NodeDragItem>).find(
+        const nodeDragItem = (nodeDragItems as Array<Node | NodeDragItem>).find(
           (ndi) => ndi.id === node.id
         );
 
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 40aa1c16b..b75e6d1b3 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -94,9 +94,9 @@ export type NodeProps<T = any> = {
   positionAbsoluteY: number;
   width?: number;
   height?: number;
-  dragging: boolean;
-  targetPosition?: Position;
-  sourcePosition?: Position;
+  dragging: NodeBase['dragging'];
+  sourcePosition?: NodeBase['sourcePosition'];
+  targetPosition?: NodeBase['targetPosition'];
 };
 
 export type NodeHandleBounds = {
@@ -134,8 +134,6 @@ export type NodeDragItem = {
 
 export type NodeOrigin = [number, number];
 
-export type OnNodeDrag = (event: MouseEvent, node: NodeBase, nodes: NodeBase[]) => void;
-
 export type OnSelectionDrag = (event: MouseEvent, nodes: NodeBase[]) => void;
 
 export type NodeHandle = Optional<HandleElement, 'width' | 'height'>;
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 79a0823aa..40d1aa4b5 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -23,7 +23,6 @@ import type {
   SnapGrid,
   Transform,
   PanBy,
-  OnNodeDrag,
   OnSelectionDrag,
   UpdateNodePositions,
   Box,
@@ -31,7 +30,7 @@ import type {
 
 export type OnDrag = (event: MouseEvent, dragItems: NodeDragItem[], node: NodeBase, nodes: NodeBase[]) => void;
 
-type StoreItems = {
+type StoreItems<OnNodeDrag> = {
   nodes: NodeBase[];
   nodeLookup: Map<string, NodeBase>;
   edges: EdgeBase[];
@@ -58,9 +57,9 @@ type StoreItems = {
   updateNodePositions: UpdateNodePositions;
 };
 
-export type XYDragParams = {
+export type XYDragParams<OnNodeDrag> = {
   domNode: Element;
-  getStoreItems: () => StoreItems;
+  getStoreItems: () => StoreItems<OnNodeDrag>;
   onDragStart?: OnDrag;
   onDrag?: OnDrag;
   onDragStop?: OnDrag;
@@ -80,14 +79,15 @@ export type DragUpdateParams = {
   domNode: Element;
 };
 
-export function XYDrag({
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => void | undefined>({
   domNode,
   onNodeMouseDown,
   getStoreItems,
   onDragStart,
   onDrag,
   onDragStop,
-}: XYDragParams): XYDragInstance {
+}: XYDragParams<OnNodeDrag>): XYDragInstance {
   let lastPos: { x: number | null; y: number | null } = { x: null, y: null };
   let autoPanId = 0;
   let dragItems: NodeDragItem[] = [];

From 1f454b42f6c51b4d19ee0a98b2cd8e39f891b6fe Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 22 Jan 2024 17:19:39 +0100
Subject: [PATCH 0535/1093] chore(svelte): cleanup imports

---
 .../svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte     | 5 +++--
 .../svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte | 2 +-
 packages/svelte/src/lib/hooks/useHandleEdgeSelect.ts         | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte b/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
index eb0c794f6..81039d0d4 100644
--- a/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
+++ b/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
@@ -1,8 +1,9 @@
 <script lang="ts">
+  import { getContext } from 'svelte';
+
   import { EdgeLabelRenderer } from '$lib/components/EdgeLabelRenderer';
   import { useHandleEdgeSelect } from '$lib/hooks/useHandleEdgeSelect';
-  import { getContext } from 'svelte';
-  import type { BaseEdgeProps } from '../BaseEdge/types';
+  import type { BaseEdgeProps } from '$lib/components/BaseEdge/types';
 
   export let style: BaseEdgeProps['labelStyle'] = undefined;
   export let x: BaseEdgeProps['labelX'] = undefined;
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 8809eec7a..0d4c126b0 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -1,8 +1,8 @@
 <svelte:options immutable />
 
 <script lang="ts">
-  import cc from 'classcat';
   import { createEventDispatcher, setContext } from 'svelte';
+  import cc from 'classcat';
   import { getMarkerId } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
diff --git a/packages/svelte/src/lib/hooks/useHandleEdgeSelect.ts b/packages/svelte/src/lib/hooks/useHandleEdgeSelect.ts
index 3a10948e3..5e6ba5d38 100644
--- a/packages/svelte/src/lib/hooks/useHandleEdgeSelect.ts
+++ b/packages/svelte/src/lib/hooks/useHandleEdgeSelect.ts
@@ -1,7 +1,7 @@
 import { get } from 'svelte/store';
+import { errorMessages } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
-import { errorMessages } from '@xyflow/system';
 
 export function useHandleEdgeSelect() {
   const {

From 736327687f6e09d57a2d6fe11f1ade3bd0618637 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 22 Jan 2024 17:20:36 +0100
Subject: [PATCH 0536/1093] chore(svelte): update changelog

---
 packages/svelte/CHANGELOG.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index b7557fff1..163f9663c 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/svelte
 
+## 0.0.35
+
+## Minor changes
+
+- Edge label has a default background and is clickable
+
 ## 0.0.34
 
 ## Minor changes

From 54e6ff22f93a26efb131541ed9fecd21d0ec3869 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 22 Jan 2024 17:33:36 +0100
Subject: [PATCH 0537/1093] chore(svelte): cleanup useSvelteFlow

---
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 32 +++++++++++--------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 5cc414bca..b6bb941ef 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -30,9 +30,9 @@ export function useSvelteFlow(): {
   zoomIn: ZoomInOut;
   zoomOut: ZoomInOut;
   getNode: (id: string) => Node | undefined;
-  getNodes: (ids?: string[]) => (Node | undefined)[];
+  getNodes: (ids?: string[]) => Node[];
   getEdge: (id: string) => Edge | undefined;
-  getEdges: (ids?: string[]) => (Edge | undefined)[];
+  getEdges: (ids?: string[]) => Edge[];
   setZoom: (zoomLevel: number, options?: ViewportHelperFunctionOptions) => void;
   getZoom: () => number;
   setCenter: (x: number, y: number, options?: SetCenterOptions) => void;
@@ -128,19 +128,9 @@ export function useSvelteFlow(): {
     zoomIn,
     zoomOut,
     getNode: (id) => get(nodeLookup).get(id),
-    getNodes: (ids) => {
-      if (!ids) {
-        return get(nodes);
-      }
-      return ids.map((id) => get(nodeLookup).get(id));
-    },
+    getNodes: (ids) => (ids === undefined ? get(nodes) : getElements(get(nodeLookup), ids)),
     getEdge: (id) => get(edgeLookup).get(id),
-    getEdges: (ids) => {
-      if (!ids) {
-        return get(edges);
-      }
-      return ids.map((id) => get(edgeLookup).get(id));
-    },
+    getEdges: (ids) => (ids === undefined ? get(edges) : getElements(get(edgeLookup), ids)),
     setZoom: (zoomLevel, options) => {
       get(panZoom)?.scaleTo(zoomLevel, { duration: options?.duration });
     },
@@ -315,3 +305,17 @@ export function useSvelteFlow(): {
     viewport
   };
 }
+
+function getElements<EdgeOrNode>(lookup: Map<string, EdgeOrNode>, ids: string[]) {
+  const result = [];
+
+  for (const id of ids) {
+    const element = lookup.get(id);
+
+    if (element) {
+      result.push(element);
+    }
+  }
+
+  return result;
+}

From 7d949e18bc967160c1b0338aa4b4e93427c331df Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 22 Jan 2024 17:36:32 +0100
Subject: [PATCH 0538/1093] chore(svelte): update changelog

---
 packages/svelte/CHANGELOG.md | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 163f9663c..6b9e940af 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -4,6 +4,10 @@
 
 ## Minor changes
 
+- add `getNode`, `getNodes`, `getEdge` and `getEdges` to `useSvelteFlow`
+
+## Patch changes
+
 - Edge label has a default background and is clickable
 
 ## 0.0.34
@@ -12,6 +16,9 @@
 
 - add second option param to `screenToFlowPosition` for configuring if `snapToGrid` should be used
 - add slot to `Controls`
+
+## Patch changes
+
 - cleanup `ControlButton` types
 - infer types for `getIncomers`, `getOutgoers`, `updateEdge`, `addEdge` and `getConnectedEdges` thanks @joeyballentine
 - refactor handles: prefix with flow id for handling nested flows
@@ -48,7 +55,7 @@
 - add `onbeforedelete` handler to prevent/ manage deletions
 - TSDocs for hooks and some types 
 
-### Minor changes
+### Patch changes
 
 - new nodeDragThreshold default is 1
 - refactor/simplify edge rendering

From 1742799461ee73721ae356d84f8600c1f6eb80d5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 23 Jan 2024 10:04:31 +0100
Subject: [PATCH 0539/1093] chore(react): update changelog

---
 examples/react/src/examples/CustomNode/index.tsx |  7 +++----
 packages/react/CHANGELOG.md                      | 15 ++++++++++++---
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/examples/react/src/examples/CustomNode/index.tsx b/examples/react/src/examples/CustomNode/index.tsx
index 986638a0a..22433db0f 100644
--- a/examples/react/src/examples/CustomNode/index.tsx
+++ b/examples/react/src/examples/CustomNode/index.tsx
@@ -7,7 +7,6 @@ import {
   Node,
   Position,
   SnapGrid,
-  Connection,
   useEdgesState,
   Background,
   Edge,
@@ -15,6 +14,7 @@ import {
   OnInit,
   applyNodeChanges,
   OnNodesChange,
+  OnConnect,
 } from '@xyflow/react';
 
 import ColorSelectorNode from './ColorSelectorNode';
@@ -137,9 +137,8 @@ const CustomNodeFlow = () => {
     ]);
   }, []);
 
-  const onConnect = useCallback(
-    (connection: Connection) =>
-      setEdges((eds) => addEdge({ ...connection, animated: true, style: { stroke: '#fff' } }, eds)),
+  const onConnect: OnConnect = useCallback(
+    (connection) => setEdges((eds) => addEdge({ ...connection, animated: true, style: { stroke: '#fff' } }, eds)),
     [setEdges]
   );
 
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 2dd4e593a..70a3de116 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,19 +1,28 @@
 # @xyflow/react
 
+## 12.0.0-next.8
+
+### Patch changes
+
+- fix `OnNodeDrag` type
+
 ## 12.0.0-next.7
 
 ## Minor changes
 
-- pass Node/Edge types to changes thanks @FelipeEmos
-- use position instead of positionAbsolute for `getNodesBounds`
 - add second option param to `screenToFlowPosition` for configuring if `snapToGrid` should be used
+
+### Patch changes
+
+- pass `Node`/ `Edge` types to changes thanks @FelipeEmos
+- use position instead of positionAbsolute for `getNodesBounds`
 - infer types for `getIncomers`, `getOutgoers`, `updateEdge`, `addEdge` and `getConnectedEdges` thanks @joeyballentine
 - refactor handles: prefix with flow id for handling nested flows
 - add comments for types like `ReactFlowProps` or `Node` for a better developer experience
 
 ## 12.0.0-next.6
 
-### Minor changes
+### Patch changes
 
 - fix `deleteElements`
 - refactor internal `applyChanges`

From 33bf6b0e46162c6d0a76721650e5a241ac33b2bc Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 23 Jan 2024 10:08:10 +0100
Subject: [PATCH 0540/1093] chore(packages): update changelog

---
 packages/react/CHANGELOG.md  | 1 +
 packages/svelte/CHANGELOG.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 70a3de116..57f65c830 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 ### Patch changes
 
+- selection box is not interrupted by selectionKey being let go
 - fix `OnNodeDrag` type
 
 ## 12.0.0-next.7
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 6b9e940af..0b9350a6f 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -8,6 +8,7 @@
 
 ## Patch changes
 
+- selection box is not interrupted by selectionKey being let go
 - Edge label has a default background and is clickable
 
 ## 0.0.34

From 085f71d43527c839c69ae3c0953ddde5ffc94da3 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 23 Jan 2024 11:45:26 +0100
Subject: [PATCH 0541/1093] refactor(handles): do not use fallback handle if an
 id is being used #3409

---
 packages/system/src/utils/edges/positions.ts | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/packages/system/src/utils/edges/positions.ts b/packages/system/src/utils/edges/positions.ts
index 59b8cd426..8bb9f5df5 100644
--- a/packages/system/src/utils/edges/positions.ts
+++ b/packages/system/src/utils/edges/positions.ts
@@ -114,11 +114,6 @@ function getHandle(bounds: HandleElement[], handleId?: string | null): HandleEle
     return null;
   }
 
-  if (bounds.length === 1 || !handleId) {
-    return bounds[0];
-  } else if (handleId) {
-    return bounds.find((d) => d.id === handleId) || null;
-  }
-
-  return null;
+  // if no handleId is given, we use the first handle, otherwise we check for the id
+  return (!handleId ? bounds[0] : bounds.find((d) => d.id === handleId)) || null;
 }

From c6b669b21c750d1afb452de6c32e22e8c7ffec93 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 23 Jan 2024 11:46:18 +0100
Subject: [PATCH 0542/1093] chore(packages): update changelog

---
 packages/react/CHANGELOG.md  | 1 +
 packages/svelte/CHANGELOG.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 70a3de116..9bfaa78e2 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -5,6 +5,7 @@
 ### Patch changes
 
 - fix `OnNodeDrag` type
+- refactor(handles): do not use fallback handle if an id is being used #3409
 
 ## 12.0.0-next.7
 
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 6b9e940af..23b550eaa 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -9,6 +9,7 @@
 ## Patch changes
 
 - Edge label has a default background and is clickable
+- refactor(handles): do not use fallback handle if an id is being used #3409
 
 ## 0.0.34
 

From abc6fea20ba68aab0472fef2edf7c2cb3c8a1e59 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 23 Jan 2024 12:35:24 +0100
Subject: [PATCH 0543/1093] child nodes get repositioned correctly when
 resizing top or left

---
 .../react/src/examples/NodeResizer/index.tsx  | 23 +++++++++++
 .../routes/examples/node-resizer/+page.svelte | 23 +++++++++++
 .../NodeResizer/NodeResizeControl.tsx         | 21 +++++++++-
 .../plugins/NodeResizer/ResizeControl.svelte  | 12 +++++-
 packages/system/src/xyresizer/XYResizer.ts    | 39 +++++++++++++++++--
 5 files changed, 111 insertions(+), 7 deletions(-)

diff --git a/examples/react/src/examples/NodeResizer/index.tsx b/examples/react/src/examples/NodeResizer/index.tsx
index 11ce29d2c..f8e469407 100644
--- a/examples/react/src/examples/NodeResizer/index.tsx
+++ b/examples/react/src/examples/NodeResizer/index.tsx
@@ -116,6 +116,29 @@ const initialNodes: Node[] = [
     position: { x: 250, y: 400 },
     style: { ...nodeStyle },
   },
+  {
+    id: '5',
+    type: 'defaultResizer',
+    data: { label: 'Parent' },
+    position: { x: 700, y: 0 },
+    style: { ...nodeStyle, width: 300, height: 300 },
+  },
+  {
+    id: '5a',
+    type: 'defaultResizer',
+    data: { label: 'Child' },
+    position: { x: 50, y: 50 },
+    parentNode: '5',
+    style: { ...nodeStyle },
+  },
+  {
+    id: '5b',
+    type: 'defaultResizer',
+    data: { label: 'Child' },
+    position: { x: 100, y: 100 },
+    parentNode: '5',
+    style: { ...nodeStyle },
+  },
 ];
 
 const CustomNodeFlow = () => {
diff --git a/examples/svelte/src/routes/examples/node-resizer/+page.svelte b/examples/svelte/src/routes/examples/node-resizer/+page.svelte
index 61257ee10..397781566 100644
--- a/examples/svelte/src/routes/examples/node-resizer/+page.svelte
+++ b/examples/svelte/src/routes/examples/node-resizer/+page.svelte
@@ -100,6 +100,29 @@
 			data: { label: 'horizontal resizer with maxWidth', maxWidth: 300 },
 			position: { x: 250, y: 400 },
 			style: nodeStyle
+		},
+		{
+			id: '5',
+			type: 'defaultResizer',
+			data: { label: 'Parent' },
+			position: { x: 700, y: 0 },
+			style: nodeStyle + 'width: 300px; height: 300px'
+		},
+		{
+			id: '5a',
+			type: 'defaultResizer',
+			data: { label: 'Child' },
+			position: { x: 50, y: 50 },
+			parentNode: '5',
+			style: nodeStyle
+		},
+		{
+			id: '5b',
+			type: 'defaultResizer',
+			data: { label: 'Child' },
+			position: { x: 100, y: 100 },
+			parentNode: '5',
+			style: nodeStyle
 		}
 	]);
 
diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index 2f16f1507..525b68f72 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -1,6 +1,12 @@
 import { useRef, useEffect, memo } from 'react';
 import cc from 'classcat';
-import { XYResizer, ResizeControlVariant, type XYResizerInstance, type XYResizerChange } from '@xyflow/system';
+import {
+  XYResizer,
+  ResizeControlVariant,
+  type XYResizerInstance,
+  type XYResizerChange,
+  XYResizerChildChange,
+} from '@xyflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
@@ -52,7 +58,7 @@ function ResizeControl({
             snapToGrid,
           };
         },
-        onChange: (change: XYResizerChange) => {
+        onChange: (change: XYResizerChange, childChanges: XYResizerChildChange[]) => {
           const { triggerNodeChanges } = store.getState();
 
           const changes: NodeChange[] = [];
@@ -83,6 +89,17 @@ function ResizeControl({
 
             changes.push(dimensionChange);
           }
+
+          childChanges.forEach((childChange) => {
+            const positionChange: NodePositionChange = {
+              id: childChange.id,
+              type: 'position',
+              position: childChange.position,
+            };
+
+            changes.push(positionChange);
+          });
+
           triggerNodeChanges(changes);
         },
         onEnd: () => {
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
index 4688b4e75..3ec0ad712 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
+++ b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
@@ -7,7 +7,8 @@
     ResizeControlVariant,
     type ControlPosition,
     type XYResizerInstance,
-    type XYResizerChange
+    type XYResizerChange,
+    type XYResizerChildChange
   } from '@xyflow/system';
   import type { ResizeControlProps } from './types';
 
@@ -66,7 +67,7 @@
             snapToGrid: !!$snapGrid
           };
         },
-        onChange: (change: XYResizerChange) => {
+        onChange: (change: XYResizerChange, childChanges: XYResizerChildChange[]) => {
           const node = $nodeLookup.get(id);
           if (node) {
             node.height = change.isHeightChange ? change.height : node.height;
@@ -76,6 +77,13 @@
                 ? { x: change.x, y: change.y }
                 : node.position;
 
+            childChanges.forEach((childChange) => {
+              const childNode = $nodeLookup.get(childChange.id);
+              if (childNode) {
+                childNode.position = childChange.position;
+              }
+            });
+
             $nodes = $nodes;
           }
         }
diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index 63f146d58..c4c97237a 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -3,7 +3,7 @@ import { select } from 'd3-selection';
 
 import { getControlDirection, getDimensionsAfterResize, getPositionAfterResize, getResizeDirection } from './utils';
 import { getPointerPosition } from '../utils';
-import type { NodeLookup, Transform } from '../types';
+import type { NodeBase, NodeLookup, Transform } from '../types';
 import type { OnResize, OnResizeEnd, OnResizeStart, ResizeDragEvent, ShouldResize, ControlPosition } from './types';
 
 const initPrevValues = { width: 0, height: 0, x: 0, y: 0 };
@@ -28,6 +28,14 @@ const initChange = {
 
 export type XYResizerChange = typeof initChange;
 
+export type XYResizerChildChange = {
+  id: string;
+  position: {
+    x: number;
+    y: number;
+  };
+};
+
 type XYResizerParams = {
   domNode: HTMLDivElement;
   nodeId: string;
@@ -37,7 +45,7 @@ type XYResizerParams = {
     snapGrid?: [number, number];
     snapToGrid: boolean;
   };
-  onChange: (changes: XYResizerChange) => void;
+  onChange: (changes: XYResizerChange, childChanges: XYResizerChildChange[]) => void;
   onEnd?: () => void;
 };
 
@@ -78,6 +86,8 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
 
     const controlDirection = getControlDirection(controlPosition);
 
+    let childNodes: XYResizerChildChange[] = [];
+
     const dragHandler = drag<HTMLDivElement, unknown>()
       .on('start', (event: ResizeDragEvent) => {
         const { nodeLookup, transform, snapGrid, snapToGrid } = getStoreItems();
@@ -98,6 +108,15 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
           aspectRatio: prevValues.width / prevValues.height,
         };
 
+        childNodes = [];
+        nodeLookup.forEach((_node, _nodeId) => {
+          if (_node.parentNode === nodeId) {
+            childNodes.push({
+              id: _nodeId,
+              position: { ..._node.position },
+            });
+          }
+        });
         onResizeStart?.(event, { ...prevValues });
       })
       .on('drag', (event: ResizeDragEvent) => {
@@ -105,6 +124,8 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
         const pointerPosition = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
         const node = nodeLookup.get(nodeId);
 
+        let childChanges: XYResizerChildChange[] = [];
+
         if (node) {
           const change = { ...initChange };
 
@@ -137,6 +158,18 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
               prevValues.x = change.x;
               prevValues.y = change.y;
             }
+
+            if (childNodes.length > 0) {
+              const xChange = x - prevX;
+              const yChange = y - prevY;
+              childNodes.forEach((childNode) => {
+                childNode.position = {
+                  x: childNode.position.x - xChange,
+                  y: childNode.position.y - yChange,
+                };
+                childChanges.push(childNode);
+              });
+            }
           }
 
           if (isWidthChange || isHeightChange) {
@@ -170,7 +203,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
           }
 
           onResize?.(event, nextValues);
-          onChange(change);
+          onChange(change, childChanges);
         }
       })
       .on('end', (event: ResizeDragEvent) => {

From 1bd71af135a153d4ade8eda3db93b071dda33e0b Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 23 Jan 2024 12:37:38 +0100
Subject: [PATCH 0544/1093] use destructuring

---
 .../additional-components/NodeResizer/NodeResizeControl.tsx    | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index 525b68f72..c76642edc 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -92,9 +92,8 @@ function ResizeControl({
 
           childChanges.forEach((childChange) => {
             const positionChange: NodePositionChange = {
-              id: childChange.id,
+              ...childChange,
               type: 'position',
-              position: childChange.position,
             };
 
             changes.push(positionChange);

From 2e1bfc35c0ca13d1ea944867730c36dc89f0a925 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 23 Jan 2024 13:04:02 +0100
Subject: [PATCH 0545/1093] chore(onbeforedelete): use correct node/edge types,
 pass generic

---
 examples/react/src/examples/CustomNode/index.tsx | 4 ++++
 packages/react/src/index.ts                      | 1 -
 packages/react/src/types/component-props.ts      | 2 +-
 packages/react/src/types/general.ts              | 6 ++++++
 packages/react/src/types/store.ts                | 2 +-
 packages/svelte/src/lib/store/initial-store.ts   | 4 ++--
 packages/svelte/src/lib/types/general.ts         | 7 ++++++-
 packages/system/src/types/general.ts             | 2 +-
 packages/system/src/utils/graph.ts               | 4 ++--
 9 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/examples/react/src/examples/CustomNode/index.tsx b/examples/react/src/examples/CustomNode/index.tsx
index 22433db0f..a8c0f55d5 100644
--- a/examples/react/src/examples/CustomNode/index.tsx
+++ b/examples/react/src/examples/CustomNode/index.tsx
@@ -15,6 +15,7 @@ import {
   applyNodeChanges,
   OnNodesChange,
   OnConnect,
+  OnBeforeDelete,
 } from '@xyflow/react';
 
 import ColorSelectorNode from './ColorSelectorNode';
@@ -142,6 +143,8 @@ const CustomNodeFlow = () => {
     [setEdges]
   );
 
+  const onBeforeDelete: OnBeforeDelete<MyNode> = useCallback(async (params) => true, []);
+
   return (
     <ReactFlow
       nodes={nodes}
@@ -159,6 +162,7 @@ const CustomNodeFlow = () => {
       fitView
       minZoom={0.3}
       maxZoom={2}
+      onBeforeDelete={onBeforeDelete}
     >
       <MiniMap
         nodeStrokeColor={(n: MyNode): string => {
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 8ad670001..bcb12cdf2 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -79,7 +79,6 @@ export {
   type ColorMode,
   type ColorModeClass,
   type HandleType,
-  type OnBeforeDelete,
   type ShouldResize,
   type OnResizeStart,
   type OnResize,
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index f8bc8dfdc..6018e1f58 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -21,7 +21,6 @@ import type {
   IsValidConnection,
   ColorMode,
   SnapGrid,
-  OnBeforeDelete,
 } from '@xyflow/system';
 
 import type {
@@ -44,6 +43,7 @@ import type {
   SelectionDragHandler,
   EdgeMouseHandler,
   OnNodeDrag,
+  OnBeforeDelete,
 } from '.';
 
 /**
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 1a7462ad1..53d95d684 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -11,6 +11,7 @@ import {
   FitBounds,
   XYPosition,
   NodeProps,
+  OnBeforeDeleteBase,
 } from '@xyflow/system';
 
 import type { NodeChange, EdgeChange, Node, Edge, ReactFlowInstance, EdgeProps } from '.';
@@ -59,3 +60,8 @@ export type ViewportHelperFunctions = {
   flowToScreenPosition: (position: XYPosition) => XYPosition;
   viewportInitialized: boolean;
 };
+
+export type OnBeforeDelete<NodeType extends Node = Node, EdgeType extends Edge = Edge> = OnBeforeDeleteBase<
+  NodeType,
+  EdgeType
+>;
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index a0d5f8cc0..b3e0449e5 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -26,7 +26,6 @@ import {
   type EdgeLookup,
   type ConnectionLookup,
   type NodeLookup,
-  OnBeforeDelete,
 } from '@xyflow/system';
 
 import type {
@@ -43,6 +42,7 @@ import type {
   UnselectNodesAndEdgesParams,
   OnDelete,
   OnNodeDrag,
+  OnBeforeDelete,
 } from '.';
 
 export type ReactFlowStore = {
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 26c57c86f..ea7b9118e 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -23,7 +23,6 @@ import {
   type OnConnectStart,
   type OnConnectEnd,
   type NodeLookup,
-  type OnBeforeDelete,
   type EdgeLookup
 } from '@xyflow/system';
 
@@ -47,7 +46,8 @@ import type {
   Edge,
   FitViewOptions,
   OnDelete,
-  OnEdgeCreate
+  OnEdgeCreate,
+  OnBeforeDelete
 } from '$lib/types';
 import { createNodesStore, createEdgesStore } from './utils';
 import { initConnectionProps, type ConnectionProps } from './derived-connection-props';
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index 4f5fa30ba..e67ad88c6 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -5,7 +5,8 @@ import type {
   Position,
   XYPosition,
   ConnectingHandle,
-  Connection
+  Connection,
+  OnBeforeDeleteBase
 } from '@xyflow/system';
 
 import type { Node } from './nodes';
@@ -52,3 +53,7 @@ export type FitViewOptions = FitViewOptionsBase<Node>;
 
 export type OnDelete = (params: { nodes: Node[]; edges: Edge[] }) => void;
 export type OnEdgeCreate = (connection: Connection) => Edge | Connection | void;
+export type OnBeforeDelete<
+  NodeType extends Node = Node,
+  EdgeType extends Edge = Edge
+> = OnBeforeDeleteBase<NodeType, EdgeType>;
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 5fe4a8440..8ac3d6be8 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -142,7 +142,7 @@ export type ColorMode = ColorModeClass | 'system';
 
 export type ConnectionLookup = Map<string, Map<string, Connection>>;
 
-export type OnBeforeDelete = <NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase>({
+export type OnBeforeDeleteBase<NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase> = ({
   nodes,
   edges,
 }: {
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index fa56a987f..f7e177b9a 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -22,7 +22,7 @@ import {
   NodeDragItem,
   CoordinateExtent,
   OnError,
-  OnBeforeDelete,
+  OnBeforeDeleteBase,
 } from '../types';
 import { errorMessages } from '../constants';
 
@@ -347,7 +347,7 @@ export async function getElementsToRemove<NodeType extends NodeBase = NodeBase,
   edgesToRemove: Partial<EdgeType>[];
   nodes: NodeType[];
   edges: EdgeType[];
-  onBeforeDelete?: OnBeforeDelete;
+  onBeforeDelete?: OnBeforeDeleteBase<NodeType, EdgeType>;
 }): Promise<{
   nodes: NodeType[];
   edges: EdgeType[];

From 7348490e4c616c0ae1b20269f394599a7d99c4bf Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 23 Jan 2024 15:28:13 +0100
Subject: [PATCH 0546/1093] chore(svelte): cleanup init derived store

---
 .../src/routes/examples/overview/+page.svelte  |  4 ++++
 .../examples/overview/InitTracker.svelte       | 18 ++++++++++++++++++
 packages/svelte/src/lib/store/index.ts         | 14 +++++---------
 3 files changed, 27 insertions(+), 9 deletions(-)
 create mode 100644 examples/svelte/src/routes/examples/overview/InitTracker.svelte

diff --git a/examples/svelte/src/routes/examples/overview/+page.svelte b/examples/svelte/src/routes/examples/overview/+page.svelte
index 586af3b9e..2f21107d3 100644
--- a/examples/svelte/src/routes/examples/overview/+page.svelte
+++ b/examples/svelte/src/routes/examples/overview/+page.svelte
@@ -22,6 +22,7 @@
 	import CustomEdge from './CustomEdge.svelte';
 
 	import '@xyflow/svelte/dist/style.css';
+	import InitTracker from './InitTracker.svelte';
 
 	const nodeTypes: NodeTypes = {
 		custom: CustomNode,
@@ -148,6 +149,7 @@
 	selectionMode={SelectionMode.Full}
 	initialViewport={{ x: 100, y: 100, zoom: 2 }}
 	snapGrid={[25, 25]}
+	oninit={() => console.log('on init')}
 	on:nodeclick={(event) => console.log('on node click', event)}
 	on:nodemouseenter={(event) => console.log('on node enter', event)}
 	on:nodemouseleave={(event) => console.log('on node leave', event)}
@@ -207,6 +209,8 @@
 			}}>hide/unhide</button
 		>
 	</Panel>
+
+	<InitTracker />
 </SvelteFlow>
 
 <style>
diff --git a/examples/svelte/src/routes/examples/overview/InitTracker.svelte b/examples/svelte/src/routes/examples/overview/InitTracker.svelte
new file mode 100644
index 000000000..8b486f8c3
--- /dev/null
+++ b/examples/svelte/src/routes/examples/overview/InitTracker.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	import { useNodesInitialized, useInitialized } from '@xyflow/svelte';
+
+	const nodesInitialized = useNodesInitialized();
+	const initialized = useInitialized();
+
+	$: {
+		if (nodesInitialized) {
+			console.log('nodes initialized');
+		}
+	}
+
+	$: {
+		if (initialized) {
+			console.log('initialized');
+		}
+	}
+</script>
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 526656140..6dbf84e24 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -359,28 +359,24 @@ export function createStore({
       ([edges, defaultColor, id]) => createMarkerIds(edges, { defaultColor, id })
     ),
     initialized: (() => {
-      console.log('This closure gets called');
       let initialized = false;
       const initialNodesLength = get(store.nodes).length;
       const initialEdgesLength = get(store.edges).length;
       return derived(
         [store.nodesInitialized, store.edgesInitialized, store.viewportInitialized],
         ([nodesInitialized, edgesInitialized, viewportInitialized]) => {
-          console.log('Get the derived store even called?');
-          // If it was already initialized once return true from then on
+          // If it was already initialized, return true from then on
           if (initialized) return initialized;
 
-          // if it hasn't been initialised check if is now
+          // if it hasn't been initialised check if it's now
           if (initialNodesLength === 0) {
             initialized = viewportInitialized;
-            return initialized;
-          }
-          if (initialEdgesLength === 0) {
+          } else if (initialEdgesLength === 0) {
             initialized = viewportInitialized && nodesInitialized;
-            return initialized;
+          } else {
+            initialized = viewportInitialized && nodesInitialized && edgesInitialized;
           }
 
-          initialized = viewportInitialized && nodesInitialized && edgesInitialized;
           return initialized;
         }
       );

From b2614db1037b7ff8d8b3dc01c9b69334cbfdde24 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 23 Jan 2024 15:29:02 +0100
Subject: [PATCH 0547/1093] chore(svelte): remove useEdgesInit hook

---
 packages/svelte/src/lib/hooks/useInitialized.ts | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/packages/svelte/src/lib/hooks/useInitialized.ts b/packages/svelte/src/lib/hooks/useInitialized.ts
index 09b0307cb..0f486abf5 100644
--- a/packages/svelte/src/lib/hooks/useInitialized.ts
+++ b/packages/svelte/src/lib/hooks/useInitialized.ts
@@ -12,15 +12,6 @@ export function useNodesInitialized() {
   } as Readable<boolean>;
 }
 
-/**
- * Hook for seeing if edges are initialized
- * @returns - edgesInitialized Writable
- */
-export function useEdgesInitialized() {
-  const { edgesInitialized } = useStore();
-  return edgesInitialized;
-}
-
 /**
  * Hook for seeing if the flow is initialized
  * @returns - initialized Writable

From befcb3433030a75f919d17d5f57d761638236546 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 23 Jan 2024 15:51:30 +0100
Subject: [PATCH 0548/1093] chore(svelte): update changelog

---
 packages/svelte/CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 23b550eaa..124a1bba9 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -5,6 +5,7 @@
 ## Minor changes
 
 - add `getNode`, `getNodes`, `getEdge` and `getEdges` to `useSvelteFlow`
+- add `useInitialized` / `useNNodesInitialized` hooks and `oninit` handler
 
 ## Patch changes
 

From c3104f1fbba19ed68dfd73cd7607dcd0ee05129b Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 23 Jan 2024 18:16:05 +0100
Subject: [PATCH 0549/1093] refactored updateNodePositions in svelte

---
 packages/svelte/src/lib/store/index.ts | 38 +++++++++++---------------
 1 file changed, 16 insertions(+), 22 deletions(-)

diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 911608605..1cdc89045 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -63,29 +63,23 @@ export function createStore({
     store.edges.set(addEdgeUtil(edgeParams, edges));
   }
 
-  const updateNodePositions: UpdateNodePositions = (nodeDragItems, dragging = false) => {
-    store.nodes.update((nds) => {
-      return nds.map((node) => {
-        const nodeDragItem = (nodeDragItems as Array<Node | NodeDragItem>).find(
-          (ndi) => ndi.id === node.id
-        );
-
-        if (nodeDragItem) {
-          return {
-            ...node,
-            dragging,
-            position: nodeDragItem.position,
-            computed: {
-              ...node.computed,
-              positionAbsolute: nodeDragItem.computed?.positionAbsolute
-            },
-            [internalsSymbol]: node[internalsSymbol]
-          };
-        }
-
-        return node;
-      });
+  const updateNodePositions: UpdateNodePositions = (nodeDragItems, _, dragging = false) => {
+    const nodeLookup = get(store.nodeLookup);
+
+    nodeDragItems.forEach((nodeDragItem) => {
+      const node = nodeLookup.get(nodeDragItem.id);
+
+      if (node) {
+        node.position = nodeDragItem.position;
+        node.dragging = dragging;
+        node.computed = {
+          ...node.computed,
+          positionAbsolute: nodeDragItem.computed?.positionAbsolute
+        };
+      }
     });
+
+    store.nodes.set(get(store.nodes));
   };
 
   function updateNodeDimensions(updates: Map<string, NodeDimensionUpdate>) {

From 5d3efa73a8819362193964f804ae59b71697863b Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 24 Jan 2024 12:25:39 +0100
Subject: [PATCH 0550/1093] refactored useUpdateNodePositions to
 useMoveSelectedNodes

---
 .../src/components/NodeWrapper/index.tsx      | 11 +++++-----
 .../src/components/NodesSelection/index.tsx   | 11 +++++-----
 ...dePositions.ts => useMoveSelectedNodes.ts} | 21 +++++++++----------
 3 files changed, 20 insertions(+), 23 deletions(-)
 rename packages/react/src/hooks/{useUpdateNodePositions.ts => useMoveSelectedNodes.ts} (70%)

diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 1e796de17..ebf65163c 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -14,7 +14,7 @@ import { useStore, useStoreApi } from '../../hooks/useStore';
 import { Provider } from '../../contexts/NodeIdContext';
 import { ARIA_NODE_DESC_KEY } from '../A11yDescriptions';
 import { useDrag } from '../../hooks/useDrag';
-import { useUpdateNodePositions } from '../../hooks/useUpdateNodePositions';
+import { useMoveSelectedNodes } from '../../hooks/useMoveSelectedNodes';
 import { handleNodeClick } from '../Nodes/utils';
 import { arrowKeyDiffs, builtinNodeTypes } from './utils';
 import type { NodeWrapperProps } from '../../types';
@@ -79,7 +79,7 @@ export function NodeWrapper({
   const prevTargetPosition = useRef(node.targetPosition);
   const prevType = useRef(nodeType);
 
-  const updatePositions = useUpdateNodePositions();
+  const moveSelectedNodes = useMoveSelectedNodes();
 
   useEffect(() => {
     if (nodeRef.current && !node.hidden) {
@@ -188,10 +188,9 @@ export function NodeWrapper({
           .toLowerCase()}. New position, x: ${~~positionAbsoluteX}, y: ${~~positionAbsoluteY}`,
       });
 
-      updatePositions({
-        x: arrowKeyDiffs[event.key].x,
-        y: arrowKeyDiffs[event.key].y,
-        isShiftPressed: event.shiftKey,
+      moveSelectedNodes({
+        direction: arrowKeyDiffs[event.key],
+        factor: event.shiftKey ? 4 : 1,
       });
     }
   };
diff --git a/packages/react/src/components/NodesSelection/index.tsx b/packages/react/src/components/NodesSelection/index.tsx
index f8aeb77c5..8f2e76024 100644
--- a/packages/react/src/components/NodesSelection/index.tsx
+++ b/packages/react/src/components/NodesSelection/index.tsx
@@ -10,7 +10,7 @@ import { getNodesBounds } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { useDrag } from '../../hooks/useDrag';
-import { useUpdateNodePositions } from '../../hooks/useUpdateNodePositions';
+import { useMoveSelectedNodes } from '../../hooks/useMoveSelectedNodes';
 import { arrowKeyDiffs } from '../NodeWrapper/utils';
 import type { Node, ReactFlowState } from '../../types';
 
@@ -35,7 +35,7 @@ const selector = (s: ReactFlowState) => {
 export function NodesSelection({ onSelectionContextMenu, noPanClassName, disableKeyboardA11y }: NodesSelectionProps) {
   const store = useStoreApi();
   const { width, height, transformString, userSelectionActive } = useStore(selector, shallow);
-  const updatePositions = useUpdateNodePositions();
+  const moveSelectedNodes = useMoveSelectedNodes();
 
   const nodeRef = useRef<HTMLDivElement>(null);
 
@@ -64,10 +64,9 @@ export function NodesSelection({ onSelectionContextMenu, noPanClassName, disable
 
   const onKeyDown = (event: KeyboardEvent) => {
     if (Object.prototype.hasOwnProperty.call(arrowKeyDiffs, event.key)) {
-      updatePositions({
-        x: arrowKeyDiffs[event.key].x,
-        y: arrowKeyDiffs[event.key].y,
-        isShiftPressed: event.shiftKey,
+      moveSelectedNodes({
+        direction: arrowKeyDiffs[event.key],
+        factor: event.shiftKey ? 4 : 1,
       });
     }
   };
diff --git a/packages/react/src/hooks/useUpdateNodePositions.ts b/packages/react/src/hooks/useMoveSelectedNodes.ts
similarity index 70%
rename from packages/react/src/hooks/useUpdateNodePositions.ts
rename to packages/react/src/hooks/useMoveSelectedNodes.ts
index 1ca0d4ee2..5e54ef506 100644
--- a/packages/react/src/hooks/useUpdateNodePositions.ts
+++ b/packages/react/src/hooks/useMoveSelectedNodes.ts
@@ -1,32 +1,31 @@
 import { useCallback } from 'react';
-import { calcNextPosition, snapPosition } from '@xyflow/system';
+import { XYPosition, calcNextPosition, snapPosition } from '@xyflow/system';
 
 import { Node } from '../types';
-import { useStoreApi } from '../hooks/useStore';
+import { useStoreApi } from './useStore';
 
 const selectedAndDraggable = (nodesDraggable: boolean) => (n: Node) =>
   n.selected && (n.draggable || (nodesDraggable && typeof n.draggable === 'undefined'));
 
 /**
- * Hook for updating node positions.
+ * Hook for updating node positions with keyboard presses
  *
  * @internal
  * @returns function for updating node positions
  */
-export function useUpdateNodePositions() {
+export function useMoveSelectedNodes() {
   const store = useStoreApi();
 
-  const updatePositions = useCallback((params: { x: number; y: number; isShiftPressed: boolean }) => {
+  const moveSelectedNodes = useCallback((params: { direction: XYPosition; factor: number }) => {
     const { nodeExtent, nodes, snapToGrid, snapGrid, nodesDraggable, onError, updateNodePositions } = store.getState();
     const selectedNodes = nodes.filter(selectedAndDraggable(nodesDraggable));
-    // by default a node moves 5px on each key press, or 20px if shift is pressed
-    // if snap grid is enabled, we use that for the velocity.
+    // by default a node moves 5px on each key press
+    // if snap grid is enabled, we use that for the velocity
     const xVelo = snapToGrid ? snapGrid[0] : 5;
     const yVelo = snapToGrid ? snapGrid[1] : 5;
-    const factor = params.isShiftPressed ? 4 : 1;
 
-    const xDiff = params.x * xVelo * factor;
-    const yDiff = params.y * yVelo * factor;
+    const xDiff = params.direction.x * xVelo * params.factor;
+    const yDiff = params.direction.y * yVelo * params.factor;
 
     const nodeUpdates = selectedNodes.map((node) => {
       if (node.computed?.positionAbsolute) {
@@ -61,5 +60,5 @@ export function useUpdateNodePositions() {
     updateNodePositions(nodeUpdates, true, false);
   }, []);
 
-  return updatePositions;
+  return moveSelectedNodes;
 }

From 009fb42017c6c483979dc39bcc8181e46cb2ebb1 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 24 Jan 2024 13:04:44 +0100
Subject: [PATCH 0551/1093] refactor(system): revise calcNextPosition

---
 examples/react/src/examples/Subflow/index.tsx |   2 +
 .../react/src/hooks/useUpdateNodePositions.ts |  33 +++--
 packages/react/src/store/initialState.ts      |   3 +-
 packages/system/src/utils/general.ts          |   4 +
 packages/system/src/utils/graph.ts            | 114 ++++++++++--------
 packages/system/src/xydrag/XYDrag.ts          |  18 ++-
 6 files changed, 106 insertions(+), 68 deletions(-)

diff --git a/examples/react/src/examples/Subflow/index.tsx b/examples/react/src/examples/Subflow/index.tsx
index e2e9af891..19dc119ac 100644
--- a/examples/react/src/examples/Subflow/index.tsx
+++ b/examples/react/src/examples/Subflow/index.tsx
@@ -13,6 +13,7 @@ import {
   MiniMap,
   Background,
   Panel,
+  NodeOrigin,
 } from '@xyflow/react';
 
 import DebugNode from './DebugNode';
@@ -119,6 +120,7 @@ const initialNodes: Node[] = [
     data: { label: 'Node 3' },
     position: { x: 400, y: 100 },
     className: 'light',
+    extent: 'parent',
   },
 ];
 
diff --git a/packages/react/src/hooks/useUpdateNodePositions.ts b/packages/react/src/hooks/useUpdateNodePositions.ts
index 1ca0d4ee2..5f79df900 100644
--- a/packages/react/src/hooks/useUpdateNodePositions.ts
+++ b/packages/react/src/hooks/useUpdateNodePositions.ts
@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import { calcNextPosition, snapPosition } from '@xyflow/system';
+import { calculateNodePosition, snapPosition } from '@xyflow/system';
 
 import { Node } from '../types';
 import { useStoreApi } from '../hooks/useStore';
@@ -17,7 +17,17 @@ export function useUpdateNodePositions() {
   const store = useStoreApi();
 
   const updatePositions = useCallback((params: { x: number; y: number; isShiftPressed: boolean }) => {
-    const { nodeExtent, nodes, snapToGrid, snapGrid, nodesDraggable, onError, updateNodePositions } = store.getState();
+    const {
+      nodeExtent,
+      nodes,
+      snapToGrid,
+      snapGrid,
+      nodesDraggable,
+      onError,
+      updateNodePositions,
+      nodeLookup,
+      nodeOrigin,
+    } = store.getState();
     const selectedNodes = nodes.filter(selectedAndDraggable(nodesDraggable));
     // by default a node moves 5px on each key press, or 20px if shift is pressed
     // if snap grid is enabled, we use that for the velocity.
@@ -31,27 +41,24 @@ export function useUpdateNodePositions() {
     const nodeUpdates = selectedNodes.map((node) => {
       if (node.computed?.positionAbsolute) {
         let nextPosition = {
-          x: node.computed?.positionAbsolute.x + xDiff,
-          y: node.computed?.positionAbsolute.y + yDiff,
+          x: node.computed.positionAbsolute.x + xDiff,
+          y: node.computed.positionAbsolute.y + yDiff,
         };
 
         if (snapToGrid) {
           nextPosition = snapPosition(nextPosition, snapGrid);
         }
 
-        const { positionAbsolute, position } = calcNextPosition(
-          node,
+        const { position, positionAbsolute } = calculateNodePosition({
+          nodeId: node.id,
           nextPosition,
-          nodes,
+          nodeLookup,
           nodeExtent,
-          undefined,
-          onError
-        );
+          nodeOrigin,
+          onError,
+        });
 
         node.position = position;
-        if (!node.computed) {
-          node.computed = {};
-        }
         node.computed.positionAbsolute = positionAbsolute;
       }
 
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index c8f92903c..109899d6e 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -6,6 +6,7 @@ import {
   getViewportForBounds,
   Transform,
   updateConnectionLookup,
+  devWarn,
 } from '@xyflow/system';
 
 import type { Edge, Node, ReactFlowStore } from '../types';
@@ -100,7 +101,7 @@ const getInitialState = ({
     autoPanOnConnect: true,
     autoPanOnNodeDrag: true,
     connectionRadius: 20,
-    onError: () => null,
+    onError: devWarn,
     isValidConnection: undefined,
     onSelectionChangeHandlers: [],
 
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index bc8f4dfee..d6f95a1fb 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -198,3 +198,7 @@ export const getViewportForBounds = (
 };
 
 export const isMacOs = () => typeof navigator !== 'undefined' && navigator?.userAgent?.indexOf('Mac') >= 0;
+
+export function isCoordinateExtent(extent?: CoordinateExtent | 'parent'): extent is CoordinateExtent {
+  return extent !== undefined && extent !== 'parent';
+}
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index f7e177b9a..9dd23a1c2 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -4,11 +4,11 @@ import {
   clampPosition,
   getBoundsOfBoxes,
   getOverlappingArea,
-  isNumeric,
   rectToBox,
   nodeToRect,
   pointToRendererPoint,
   getViewportForBounds,
+  isCoordinateExtent,
 } from './general';
 import {
   type Transform,
@@ -19,10 +19,10 @@ import {
   type EdgeBase,
   type FitViewParamsBase,
   type FitViewOptionsBase,
-  NodeDragItem,
   CoordinateExtent,
   OnError,
   OnBeforeDeleteBase,
+  NodeLookup,
 } from '../types';
 import { errorMessages } from '../constants';
 
@@ -258,69 +258,87 @@ export function fitView<Params extends FitViewParamsBase<NodeBase>, Options exte
   return false;
 }
 
-function clampNodeExtent(node: NodeDragItem | NodeBase, extent?: CoordinateExtent | 'parent') {
+/**
+ * This function clamps the passed extend by the node's width and height.
+ * This is needed to prevent the node from being dragged outside of its extent.
+ *
+ * @param node
+ * @param extent
+ * @returns
+ */
+function clampNodeExtent<NodeType extends NodeBase>(
+  node: NodeType,
+  extent?: CoordinateExtent | 'parent'
+): CoordinateExtent | 'parent' | undefined {
   if (!extent || extent === 'parent') {
     return extent;
   }
   return [extent[0], [extent[1][0] - (node.computed?.width ?? 0), extent[1][1] - (node.computed?.height ?? 0)]];
 }
 
-export function calcNextPosition<NodeType extends NodeBase>(
-  node: NodeDragItem | NodeType,
-  nextPosition: XYPosition,
-  nodes: NodeType[],
-  nodeExtent?: CoordinateExtent,
-  nodeOrigin: NodeOrigin = [0, 0],
-  onError?: OnError
-): { position: XYPosition; positionAbsolute: XYPosition } {
-  const clampedNodeExtent = clampNodeExtent(node, node.extent || nodeExtent);
-  let currentExtent = clampedNodeExtent;
-  let parentNode: NodeType | null = null;
-  let parentPos = { x: 0, y: 0 };
-
-  if (node.parentNode) {
-    parentNode = nodes.find((n) => n.id === node.parentNode) || null;
-    parentPos = parentNode
-      ? getNodePositionWithOrigin(parentNode, parentNode.origin || nodeOrigin).positionAbsolute
-      : parentPos;
-  }
+/**
+ * This function calculates the next position of a node, taking into account the node's extent, parent node, and origin.
+ *
+ * @internal
+ * @returns position, positionAbsolute
+ */
+export function calculateNodePosition<NodeType extends NodeBase>({
+  nodeId,
+  nextPosition,
+  nodeLookup,
+  nodeOrigin = [0, 0],
+  nodeExtent,
+  onError,
+}: {
+  nodeId: string;
+  nextPosition: XYPosition;
+  nodeLookup: NodeLookup<NodeType>;
+  nodeOrigin?: NodeOrigin;
+  nodeExtent?: CoordinateExtent;
+  onError?: OnError;
+}): { position: XYPosition; positionAbsolute: XYPosition } {
+  const node = nodeLookup.get(nodeId)!;
+  const parentNode = node.parentNode ? nodeLookup.get(node.parentNode) : undefined;
+  const { x: parentX, y: parentY } = parentNode
+    ? getNodePositionWithOrigin(parentNode, parentNode.origin || nodeOrigin).positionAbsolute
+    : { x: 0, y: 0 };
+  let currentExtent = clampNodeExtent(node, node.extent || nodeExtent);
 
   if (node.extent === 'parent' && !node.expandParent) {
-    const nodeWidth = node.computed?.width;
-    const nodeHeight = node.computed?.height;
-    if (node.parentNode && nodeWidth && nodeHeight) {
-      const currNodeOrigin = node.origin || nodeOrigin;
-
-      currentExtent =
-        parentNode && isNumeric(parentNode.computed?.width) && isNumeric(parentNode.computed?.height)
-          ? [
-              [parentPos.x + nodeWidth * currNodeOrigin[0], parentPos.y + nodeHeight * currNodeOrigin[1]],
-              [
-                parentPos.x + (parentNode.computed?.width ?? 0) - nodeWidth + nodeWidth * currNodeOrigin[0],
-                parentPos.y + (parentNode.computed?.height ?? 0) - nodeHeight + nodeHeight * currNodeOrigin[1],
-              ],
-            ]
-          : currentExtent;
-    } else {
+    if (!parentNode) {
       onError?.('005', errorMessages['error005']());
-      currentExtent = clampedNodeExtent;
+    } else {
+      const nodeWidth = node.computed?.width;
+      const nodeHeight = node.computed?.height;
+      const parentWidth = parentNode?.computed?.width;
+      const parentHeight = parentNode?.computed?.height;
+
+      if (nodeWidth && nodeHeight && parentWidth && parentHeight) {
+        const currNodeOrigin = node.origin || nodeOrigin;
+        const extentX = parentX + nodeWidth * currNodeOrigin[0];
+        const extentY = parentY + nodeHeight * currNodeOrigin[1];
+
+        currentExtent = [
+          [extentX, extentY],
+          [extentX + parentWidth - nodeWidth, extentY + parentHeight - nodeHeight],
+        ];
+      }
     }
-  } else if (node.extent && node.parentNode && node.extent !== 'parent') {
+  } else if (parentNode && isCoordinateExtent(node.extent)) {
     currentExtent = [
-      [node.extent[0][0] + parentPos.x, node.extent[0][1] + parentPos.y],
-      [node.extent[1][0] + parentPos.x, node.extent[1][1] + parentPos.y],
+      [node.extent[0][0] + parentX, node.extent[0][1] + parentY],
+      [node.extent[1][0] + parentX, node.extent[1][1] + parentY],
     ];
   }
 
-  const positionAbsolute =
-    currentExtent && currentExtent !== 'parent'
-      ? clampPosition(nextPosition, currentExtent as CoordinateExtent)
-      : nextPosition;
+  const positionAbsolute = isCoordinateExtent(currentExtent)
+    ? clampPosition(nextPosition, currentExtent)
+    : nextPosition;
 
   return {
     position: {
-      x: positionAbsolute.x - parentPos.x,
-      y: positionAbsolute.y - parentPos.y,
+      x: positionAbsolute.x - parentX,
+      y: positionAbsolute.y - parentY,
     },
     positionAbsolute,
   };
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 40d1aa4b5..b2e8af9ff 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -5,7 +5,7 @@ import {
   calcAutoPan,
   getEventPosition,
   getPointerPosition,
-  calcNextPosition,
+  calculateNodePosition,
   snapPosition,
   getNodesBounds,
   rectToBox,
@@ -103,7 +103,6 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
   function update({ noDragClassName, handleSelector, domNode, isSelectable, nodeId }: DragUpdateParams) {
     function updateNodes({ x, y }: XYPosition) {
       const {
-        nodes,
         nodeLookup,
         nodeExtent,
         snapGrid,
@@ -149,13 +148,20 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
             n.computed.positionAbsolute.y + (n.computed?.height ?? 0) - nodesBox.y2 + nodeExtent[1][1];
         }
 
-        const updatedPos = calcNextPosition(n, nextPosition, nodes, adjustedNodeExtent, nodeOrigin, onError);
+        const { position, positionAbsolute } = calculateNodePosition({
+          nodeId: n.id,
+          nextPosition,
+          nodeLookup,
+          nodeExtent: adjustedNodeExtent,
+          nodeOrigin,
+          onError,
+        });
 
         // we want to make sure that we only fire a change event when there is a change
-        hasChange = hasChange || n.position.x !== updatedPos.position.x || n.position.y !== updatedPos.position.y;
+        hasChange = hasChange || n.position.x !== position.x || n.position.y !== position.y;
 
-        n.position = updatedPos.position;
-        n.computed.positionAbsolute = updatedPos.positionAbsolute;
+        n.position = position;
+        n.computed.positionAbsolute = positionAbsolute;
 
         return n;
       });

From 829c82cfda95c8e863c23a00791f36a2887cf5d0 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 24 Jan 2024 13:44:28 +0100
Subject: [PATCH 0552/1093] fixed, parentExpand & simplified
 updateNodePositions

---
 packages/react/src/store/index.ts      | 9 +++------
 packages/react/src/utils/changes.ts    | 3 ++-
 packages/svelte/src/lib/store/index.ts | 2 +-
 packages/system/src/types/general.ts   | 6 +-----
 packages/system/src/xydrag/XYDrag.ts   | 4 ++--
 5 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 13311a1b9..173d5e5c6 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -151,19 +151,16 @@ const createRFStore = ({
           onNodesChange?.(changes);
         }
       },
-      updateNodePositions: (nodeDragItems, positionChanged = true, dragging = false) => {
+      updateNodePositions: (nodeDragItems, dragging = false) => {
         const changes = nodeDragItems.map((node) => {
           const change: NodePositionChange = {
             id: node.id,
             type: 'position',
+            position: node.position,
+            positionAbsolute: node.computed?.positionAbsolute,
             dragging,
           };
 
-          if (positionChanged) {
-            change.positionAbsolute = node.computed?.positionAbsolute;
-            change.position = node.position;
-          }
-
           return change;
         });
 
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 6bcddabd5..f295b815b 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -3,6 +3,7 @@ import { EdgeLookup, NodeLookup } from '@xyflow/system';
 import type { Node, Edge, EdgeChange, NodeChange, NodeSelectionChange, EdgeSelectionChange } from '../types';
 
 export function handleParentExpand(updatedElements: any[], updateItem: any) {
+  console.log(updatedElements, updateItem);
   for (const [index, item] of updatedElements.entries()) {
     if (item.id === updateItem.parentNode) {
       const parent = { ...item };
@@ -106,7 +107,7 @@ function applyChanges(changes: any[], elements: any[]): any[] {
     const updatedElement = { ...element };
 
     for (const change of changes) {
-      applyChange(change, updatedElement, elements);
+      applyChange(change, updatedElement, updatedElements);
     }
 
     updatedElements.push(updatedElement);
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 1cdc89045..f2b74e038 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -63,7 +63,7 @@ export function createStore({
     store.edges.set(addEdgeUtil(edgeParams, edges));
   }
 
-  const updateNodePositions: UpdateNodePositions = (nodeDragItems, _, dragging = false) => {
+  const updateNodePositions: UpdateNodePositions = (nodeDragItems, dragging = false) => {
     const nodeLookup = get(store.nodeLookup);
 
     nodeDragItems.forEach((nodeDragItem) => {
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 5fe4a8440..b52930ef4 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -123,11 +123,7 @@ export type SelectionRect = Rect & {
 
 export type OnError = (id: string, message: string) => void;
 
-export type UpdateNodePositions = (
-  dragItems: NodeDragItem[] | NodeBase[],
-  positionChanged?: boolean,
-  dragging?: boolean
-) => void;
+export type UpdateNodePositions = (dragItems: NodeDragItem[] | NodeBase[], dragging?: boolean) => void;
 export type PanBy = (delta: XYPosition) => boolean;
 
 export type UpdateConnection = (params: {
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 40d1aa4b5..78eefc742 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -164,7 +164,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         return;
       }
 
-      updateNodePositions(dragItems, true, true);
+      updateNodePositions(dragItems, true);
       const onNodeOrSelectionDrag = nodeId ? onNodeDrag : wrapSelectionDragFunc(onSelectionDrag);
 
       if (dragEvent && (onDrag || onNodeOrSelectionDrag)) {
@@ -296,7 +296,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
           const { nodeLookup, updateNodePositions, onNodeDragStop, onSelectionDragStop } = getStoreItems();
           const onNodeOrSelectionDragStop = nodeId ? onNodeDragStop : wrapSelectionDragFunc(onSelectionDragStop);
 
-          updateNodePositions(dragItems, false, false);
+          updateNodePositions(dragItems, false);
 
           if (onDragStop || onNodeOrSelectionDragStop) {
             const [currentNode, currentNodes] = getEventHandlerParams({

From ef12aa413e50ffd582d48f0be28b9b68dbb667b4 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 24 Jan 2024 13:53:44 +0100
Subject: [PATCH 0553/1093] removed console print and fixed updatePosition

---
 packages/react/src/hooks/useMoveSelectedNodes.ts | 2 +-
 packages/react/src/utils/changes.ts              | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/react/src/hooks/useMoveSelectedNodes.ts b/packages/react/src/hooks/useMoveSelectedNodes.ts
index 5e54ef506..67abb9ffe 100644
--- a/packages/react/src/hooks/useMoveSelectedNodes.ts
+++ b/packages/react/src/hooks/useMoveSelectedNodes.ts
@@ -57,7 +57,7 @@ export function useMoveSelectedNodes() {
       return node;
     });
 
-    updateNodePositions(nodeUpdates, true, false);
+    updateNodePositions(nodeUpdates);
   }, []);
 
   return moveSelectedNodes;
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index f295b815b..3bd0840d6 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -3,7 +3,6 @@ import { EdgeLookup, NodeLookup } from '@xyflow/system';
 import type { Node, Edge, EdgeChange, NodeChange, NodeSelectionChange, EdgeSelectionChange } from '../types';
 
 export function handleParentExpand(updatedElements: any[], updateItem: any) {
-  console.log(updatedElements, updateItem);
   for (const [index, item] of updatedElements.entries()) {
     if (item.id === updateItem.parentNode) {
       const parent = { ...item };

From 8983d64397a36809a9cb20d71d3e7a0e4b3f4f20 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 24 Jan 2024 15:45:49 +0100
Subject: [PATCH 0554/1093] chore(react): use correct type for nodeRef

---
 packages/react/src/hooks/useDrag.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/hooks/useDrag.ts b/packages/react/src/hooks/useDrag.ts
index f632d7324..8363d3933 100644
--- a/packages/react/src/hooks/useDrag.ts
+++ b/packages/react/src/hooks/useDrag.ts
@@ -5,7 +5,7 @@ import { handleNodeClick } from '../components/Nodes/utils';
 import { useStoreApi } from './useStore';
 
 type UseDragParams = {
-  nodeRef: RefObject<Element>;
+  nodeRef: RefObject<HTMLDivElement>;
   disabled?: boolean;
   noDragClassName?: string;
   handleSelector?: string;
@@ -39,7 +39,7 @@ export function useDrag({
           handleNodeClick({
             id,
             store,
-            nodeRef: nodeRef as RefObject<HTMLDivElement>,
+            nodeRef,
           });
         },
         onDragStart: () => {

From a345b2670bcbe66d12f45f7a0bc2704a01b3f696 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 24 Jan 2024 18:25:31 +0100
Subject: [PATCH 0555/1093] feat(react): infer node types from passed nodes

---
 .../react/src/examples/CustomNode/index.tsx   |   2 +-
 .../react/src/examples/UseNodesData/index.tsx |   2 +-
 .../src/components/NodeWrapper/index.tsx      |   8 +-
 .../src/components/NodesSelection/index.tsx   |  12 +-
 .../src/components/StoreUpdater/index.tsx     |   8 +-
 .../src/container/FlowRenderer/index.tsx      |  14 +-
 .../react/src/container/GraphView/index.tsx   |  18 +-
 .../src/container/NodeRenderer/index.tsx      |  14 +-
 .../react/src/container/ReactFlow/index.tsx   | 540 +++++++++---------
 .../react/src/hooks/useNodesEdgesState.ts     |  16 +-
 packages/react/src/hooks/useOnInitHandler.ts  |   6 +-
 packages/react/src/hooks/useStore.ts          |   4 +-
 packages/react/src/types/component-props.ts   |  34 +-
 packages/react/src/types/nodes.ts             |  14 +-
 packages/react/src/types/store.ts             |  26 +-
 15 files changed, 364 insertions(+), 354 deletions(-)

diff --git a/examples/react/src/examples/CustomNode/index.tsx b/examples/react/src/examples/CustomNode/index.tsx
index a8c0f55d5..772d4ddd4 100644
--- a/examples/react/src/examples/CustomNode/index.tsx
+++ b/examples/react/src/examples/CustomNode/index.tsx
@@ -44,7 +44,7 @@ const nodeTypes = {
 
 const CustomNodeFlow = () => {
   const [nodes, setNodes] = useState<MyNode[]>([]);
-  const onNodesChange: OnNodesChange = useCallback(
+  const onNodesChange: OnNodesChange<MyNode> = useCallback(
     (changes) =>
       setNodes((nds) => {
         const nextNodes = applyNodeChanges(changes, nds);
diff --git a/examples/react/src/examples/UseNodesData/index.tsx b/examples/react/src/examples/UseNodesData/index.tsx
index d6b697a9c..b9bc68f1f 100644
--- a/examples/react/src/examples/UseNodesData/index.tsx
+++ b/examples/react/src/examples/UseNodesData/index.tsx
@@ -18,7 +18,7 @@ import UppercaseNode from './UppercaseNode';
 export type TextNode = Node<{ text: string }, 'text'>;
 export type ResultNode = Node<{}, 'result'>;
 export type UppercaseNode = Node<{}, 'uppercase'>;
-export type MyNode = Node<{ text: string }, 'text'> | Node<{}, 'result'> | Node<{}, 'uppercase'>;
+export type MyNode = TextNode | ResultNode | UppercaseNode;
 
 const nodeTypes = {
   text: TextNode,
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 1e796de17..017dd0f93 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -17,9 +17,9 @@ import { useDrag } from '../../hooks/useDrag';
 import { useUpdateNodePositions } from '../../hooks/useUpdateNodePositions';
 import { handleNodeClick } from '../Nodes/utils';
 import { arrowKeyDiffs, builtinNodeTypes } from './utils';
-import type { NodeWrapperProps } from '../../types';
+import type { Node, NodeWrapperProps } from '../../types';
 
-export function NodeWrapper({
+export function NodeWrapper<NodeType extends Node>({
   id,
   onClick,
   onMouseEnter,
@@ -40,9 +40,9 @@ export function NodeWrapper({
   nodeExtent,
   nodeOrigin,
   onError,
-}: NodeWrapperProps) {
+}: NodeWrapperProps<NodeType>) {
   const { node, positionAbsoluteX, positionAbsoluteY, zIndex, isParent } = useStore((s) => {
-    const node = s.nodeLookup.get(id)!;
+    const node = s.nodeLookup.get(id)! as NodeType;
 
     const positionAbsolute = nodeExtent
       ? clampPosition(node.computed?.positionAbsolute, nodeExtent)
diff --git a/packages/react/src/components/NodesSelection/index.tsx b/packages/react/src/components/NodesSelection/index.tsx
index f8aeb77c5..8ba019793 100644
--- a/packages/react/src/components/NodesSelection/index.tsx
+++ b/packages/react/src/components/NodesSelection/index.tsx
@@ -14,8 +14,8 @@ import { useUpdateNodePositions } from '../../hooks/useUpdateNodePositions';
 import { arrowKeyDiffs } from '../NodeWrapper/utils';
 import type { Node, ReactFlowState } from '../../types';
 
-export type NodesSelectionProps = {
-  onSelectionContextMenu?: (event: MouseEvent, nodes: Node[]) => void;
+export type NodesSelectionProps<NodeType> = {
+  onSelectionContextMenu?: (event: MouseEvent, nodes: NodeType[]) => void;
   noPanClassName?: string;
   disableKeyboardA11y: boolean;
 };
@@ -32,7 +32,11 @@ const selector = (s: ReactFlowState) => {
   };
 };
 
-export function NodesSelection({ onSelectionContextMenu, noPanClassName, disableKeyboardA11y }: NodesSelectionProps) {
+export function NodesSelection<NodeType extends Node>({
+  onSelectionContextMenu,
+  noPanClassName,
+  disableKeyboardA11y,
+}: NodesSelectionProps<NodeType>) {
   const store = useStoreApi();
   const { width, height, transformString, userSelectionActive } = useStore(selector, shallow);
   const updatePositions = useUpdateNodePositions();
@@ -58,7 +62,7 @@ export function NodesSelection({ onSelectionContextMenu, noPanClassName, disable
   const onContextMenu = onSelectionContextMenu
     ? (event: MouseEvent) => {
         const selectedNodes = store.getState().nodes.filter((n) => n.selected);
-        onSelectionContextMenu(event, selectedNodes);
+        onSelectionContextMenu(event, selectedNodes as NodeType[]);
       }
     : undefined;
 
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 3a12594c6..6211ea592 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -68,7 +68,9 @@ const reactFlowFieldsToTrack = [
 ] as const;
 
 type ReactFlowFieldsToTrack = (typeof reactFlowFieldsToTrack)[number];
-type StoreUpdaterProps = Pick<ReactFlowProps, ReactFlowFieldsToTrack> & { rfId: string };
+type StoreUpdaterProps<NodeType extends Node = Node> = Pick<ReactFlowProps<NodeType>, ReactFlowFieldsToTrack> & {
+  rfId: string;
+};
 
 // rfId doesn't exist in ReactFlowProps, but it's one of the fields we want to update
 const fieldsToTrack = [...reactFlowFieldsToTrack, 'rfId'] as const;
@@ -84,7 +86,7 @@ const selector = (s: ReactFlowState) => ({
   reset: s.reset,
 });
 
-export function StoreUpdater(props: StoreUpdaterProps) {
+export function StoreUpdater<NodeType extends Node = Node>(props: StoreUpdaterProps<NodeType>) {
   const {
     setNodes,
     setEdges,
@@ -106,7 +108,7 @@ export function StoreUpdater(props: StoreUpdaterProps) {
     };
   }, []);
 
-  const previousFields = useRef<Partial<StoreUpdaterProps>>({
+  const previousFields = useRef<Partial<StoreUpdaterProps<NodeType>>>({
     // these are values that are also passed directly to other components
     // than the StoreUpdater. We can reduce the number of setStore calls
     // by setting the same values here as prev fields.
diff --git a/packages/react/src/container/FlowRenderer/index.tsx b/packages/react/src/container/FlowRenderer/index.tsx
index 2670be700..6aa49a2a7 100644
--- a/packages/react/src/container/FlowRenderer/index.tsx
+++ b/packages/react/src/container/FlowRenderer/index.tsx
@@ -7,10 +7,10 @@ import { GraphViewProps } from '../GraphView';
 import { ZoomPane } from '../ZoomPane';
 import { Pane } from '../Pane';
 import { NodesSelection } from '../../components/NodesSelection';
-import type { ReactFlowState } from '../../types';
+import type { ReactFlowState, Node } from '../../types';
 
-export type FlowRendererProps = Omit<
-  GraphViewProps,
+export type FlowRendererProps<NodeType extends Node> = Omit<
+  GraphViewProps<NodeType>,
   | 'snapToGrid'
   | 'nodeTypes'
   | 'edgeTypes'
@@ -32,7 +32,7 @@ const selector = (s: ReactFlowState) => {
   return { nodesSelectionActive: s.nodesSelectionActive, userSelectionActive: s.userSelectionActive };
 };
 
-const FlowRendererComponent = ({
+function FlowRendererComponent<NodeType extends Node>({
   children,
   onPaneClick,
   onPaneMouseEnter,
@@ -68,7 +68,7 @@ const FlowRendererComponent = ({
   disableKeyboardA11y,
   onViewportChange,
   isControlledViewport,
-}: FlowRendererProps) => {
+}: FlowRendererProps<NodeType>) {
   const { nodesSelectionActive, userSelectionActive } = useStore(selector);
   const selectionKeyPressed = useKeyPress(selectionKeyCode);
   const panActivationKeyPressed = useKeyPress(panActivationKeyCode);
@@ -125,8 +125,8 @@ const FlowRendererComponent = ({
       </Pane>
     </ZoomPane>
   );
-};
+}
 
 FlowRendererComponent.displayName = 'FlowRenderer';
 
-export const FlowRenderer = memo(FlowRendererComponent);
+export const FlowRenderer = memo(FlowRendererComponent) as typeof FlowRendererComponent;
diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index fd7ac277c..0615258cf 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -8,15 +8,15 @@ import { useOnInitHandler } from '../../hooks/useOnInitHandler';
 import { useViewportSync } from '../../hooks/useViewportSync';
 import { ConnectionLineWrapper } from '../../components/ConnectionLine';
 import { useNodeOrEdgeTypesWarning } from './useNodeOrEdgeTypesWarning';
-import type { ReactFlowProps } from '../../types';
+import type { Node, ReactFlowProps } from '../../types';
 
-export type GraphViewProps = Omit<
-  ReactFlowProps,
+export type GraphViewProps<NodeType extends Node = Node> = Omit<
+  ReactFlowProps<NodeType>,
   'onSelectionChange' | 'nodes' | 'edges' | 'onMove' | 'onMoveStart' | 'onMoveEnd' | 'elevateEdgesOnSelect'
 > &
   Required<
     Pick<
-      ReactFlowProps,
+      ReactFlowProps<NodeType>,
       | 'selectionKeyCode'
       | 'deleteKeyCode'
       | 'multiSelectionKeyCode'
@@ -38,7 +38,7 @@ export type GraphViewProps = Omit<
     rfId: string;
   };
 
-function GraphViewComponent({
+function GraphViewComponent<NodeType extends Node = Node>({
   nodeTypes,
   edgeTypes,
   onInit,
@@ -102,7 +102,7 @@ function GraphViewComponent({
   rfId,
   viewport,
   onViewportChange,
-}: GraphViewProps) {
+}: GraphViewProps<NodeType>) {
   useNodeOrEdgeTypesWarning(nodeTypes);
   useNodeOrEdgeTypesWarning(edgeTypes);
 
@@ -110,7 +110,7 @@ function GraphViewComponent({
   useViewportSync(viewport);
 
   return (
-    <FlowRenderer
+    <FlowRenderer<NodeType>
       onPaneClick={onPaneClick}
       onPaneMouseEnter={onPaneMouseEnter}
       onPaneMouseMove={onPaneMouseMove}
@@ -174,7 +174,7 @@ function GraphViewComponent({
         />
         <div className="react-flow__edgelabel-renderer" />
         <div className="react-flow__viewport-portal" />
-        <NodeRenderer
+        <NodeRenderer<NodeType>
           nodeTypes={nodeTypes}
           onNodeClick={onNodeClick}
           onNodeDoubleClick={onNodeDoubleClick}
@@ -197,4 +197,4 @@ function GraphViewComponent({
 
 GraphViewComponent.displayName = 'GraphView';
 
-export const GraphView = memo(GraphViewComponent);
+export const GraphView = memo(GraphViewComponent) as typeof GraphViewComponent;
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index 11cab66f6..39b20323a 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -7,10 +7,10 @@ import { containerStyle } from '../../styles/utils';
 import { GraphViewProps } from '../GraphView';
 import { useResizeObserver } from './useResizeObserver';
 import { NodeWrapper } from '../../components/NodeWrapper';
-import type { ReactFlowState } from '../../types';
+import type { Node, ReactFlowState } from '../../types';
 
-export type NodeRendererProps = Pick<
-  GraphViewProps,
+export type NodeRendererProps<NodeType extends Node> = Pick<
+  GraphViewProps<NodeType>,
   | 'onNodeClick'
   | 'onNodeDoubleClick'
   | 'onNodeMouseEnter'
@@ -35,7 +35,7 @@ const selector = (s: ReactFlowState) => ({
   onError: s.onError,
 });
 
-const NodeRendererComponent = (props: NodeRendererProps) => {
+function NodeRendererComponent<NodeType extends Node>(props: NodeRendererProps<NodeType>) {
   const { nodesDraggable, nodesConnectable, nodesFocusable, elementsSelectable, onError } = useStore(selector, shallow);
   const nodeIds = useVisibleNodeIds(props.onlyRenderVisibleElements);
   const resizeObserver = useResizeObserver();
@@ -67,7 +67,7 @@ const NodeRendererComponent = (props: NodeRendererProps) => {
           //   moved into `NodeComponentWrapper`. This ensures they are
           //   memorized – so if `NodeRenderer` *has* to rerender, it only
           //   needs to regenerate the list of nodes, nothing else.
-          <NodeWrapper
+          <NodeWrapper<NodeType>
             key={nodeId}
             id={nodeId}
             nodeTypes={props.nodeTypes}
@@ -94,8 +94,8 @@ const NodeRendererComponent = (props: NodeRendererProps) => {
       })}
     </div>
   );
-};
+}
 
 NodeRendererComponent.displayName = 'NodeRenderer';
 
-export const NodeRenderer = memo(NodeRendererComponent);
+export const NodeRenderer = memo(NodeRendererComponent) as typeof NodeRendererComponent;
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index d64af5ecd..2516b4e7b 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -1,4 +1,4 @@
-import { forwardRef, type CSSProperties } from 'react';
+import { ForwardedRef, forwardRef, type CSSProperties } from 'react';
 import cc from 'classcat';
 import {
   ConnectionLineType,
@@ -17,7 +17,7 @@ import { StoreUpdater } from '../../components/StoreUpdater';
 import { useColorModeClass } from '../../hooks/useColorModeClass';
 import { GraphView } from '../GraphView';
 import { Wrapper } from './Wrapper';
-import type { ReactFlowProps, ReactFlowRefType } from '../../types';
+import type { ReactFlowProps, ReactFlowRefType, Node } from '../../types';
 
 export const initNodeOrigin: NodeOrigin = [0, 0];
 const initDefaultViewport: Viewport = { x: 0, y: 0, zoom: 1 };
@@ -30,272 +30,276 @@ const wrapperStyle: CSSProperties = {
   zIndex: 0,
 };
 
-const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
-  (
-    {
-      nodes,
-      edges,
-      defaultNodes,
-      defaultEdges,
-      className,
-      nodeTypes,
-      edgeTypes,
-      onNodeClick,
-      onEdgeClick,
-      onInit,
-      onMove,
-      onMoveStart,
-      onMoveEnd,
-      onConnect,
-      onConnectStart,
-      onConnectEnd,
-      onClickConnectStart,
-      onClickConnectEnd,
-      onNodeMouseEnter,
-      onNodeMouseMove,
-      onNodeMouseLeave,
-      onNodeContextMenu,
-      onNodeDoubleClick,
-      onNodeDragStart,
-      onNodeDrag,
-      onNodeDragStop,
-      onNodesDelete,
-      onEdgesDelete,
-      onDelete,
-      onSelectionChange,
-      onSelectionDragStart,
-      onSelectionDrag,
-      onSelectionDragStop,
-      onSelectionContextMenu,
-      onSelectionStart,
-      onSelectionEnd,
-      onBeforeDelete,
-      connectionMode,
-      connectionLineType = ConnectionLineType.Bezier,
-      connectionLineStyle,
-      connectionLineComponent,
-      connectionLineContainerStyle,
-      deleteKeyCode = 'Backspace',
-      selectionKeyCode = 'Shift',
-      selectionOnDrag = false,
-      selectionMode = SelectionMode.Full,
-      panActivationKeyCode = 'Space',
-      multiSelectionKeyCode = isMacOs() ? 'Meta' : 'Control',
-      zoomActivationKeyCode = isMacOs() ? 'Meta' : 'Control',
-      snapToGrid,
-      snapGrid,
-      onlyRenderVisibleElements = false,
-      selectNodesOnDrag,
-      nodesDraggable,
-      nodesConnectable,
-      nodesFocusable,
-      nodeOrigin = initNodeOrigin,
-      edgesFocusable,
-      edgesUpdatable,
-      elementsSelectable = true,
-      defaultViewport = initDefaultViewport,
-      minZoom = 0.5,
-      maxZoom = 2,
-      translateExtent = infiniteExtent,
-      preventScrolling = true,
-      nodeExtent,
-      defaultMarkerColor = '#b1b1b7',
-      zoomOnScroll = true,
-      zoomOnPinch = true,
-      panOnScroll = false,
-      panOnScrollSpeed = 0.5,
-      panOnScrollMode = PanOnScrollMode.Free,
-      zoomOnDoubleClick = true,
-      panOnDrag = true,
-      onPaneClick,
-      onPaneMouseEnter,
-      onPaneMouseMove,
-      onPaneMouseLeave,
-      onPaneScroll,
-      onPaneContextMenu,
-      children,
-      onEdgeUpdate,
-      onEdgeContextMenu,
-      onEdgeDoubleClick,
-      onEdgeMouseEnter,
-      onEdgeMouseMove,
-      onEdgeMouseLeave,
-      onEdgeUpdateStart,
-      onEdgeUpdateEnd,
-      edgeUpdaterRadius = 10,
-      onNodesChange,
-      onEdgesChange,
-      noDragClassName = 'nodrag',
-      noWheelClassName = 'nowheel',
-      noPanClassName = 'nopan',
-      fitView,
-      fitViewOptions,
-      connectOnClick,
-      attributionPosition,
-      proOptions,
-      defaultEdgeOptions,
-      elevateNodesOnSelect,
-      elevateEdgesOnSelect,
-      disableKeyboardA11y = false,
-      autoPanOnConnect,
-      autoPanOnNodeDrag,
-      connectionRadius,
-      isValidConnection,
-      onError,
-      style,
-      id,
-      nodeDragThreshold,
-      viewport,
-      onViewportChange,
-      width,
-      height,
-      colorMode = 'light',
-      ...rest
-    },
-    ref
-  ) => {
-    const rfId = id || '1';
-    const colorModeClassName = useColorModeClass(colorMode);
+declare module 'react' {
+  function forwardRef<T, P = Record<string, never>>(
+    render: (props: P, ref: React.Ref<T>) => React.ReactNode | null
+  ): (props: P & React.RefAttributes<T>) => React.ReactNode | null;
+}
 
-    return (
-      <div
-        {...rest}
-        style={{ ...style, ...wrapperStyle }}
-        ref={ref}
-        className={cc(['react-flow', className, colorModeClassName])}
-        data-testid="rf__wrapper"
-        id={id}
-      >
-        <Wrapper nodes={nodes} edges={edges} width={width} height={height} fitView={fitView}>
-          <GraphView
-            onInit={onInit}
-            onNodeClick={onNodeClick}
-            onEdgeClick={onEdgeClick}
-            onNodeMouseEnter={onNodeMouseEnter}
-            onNodeMouseMove={onNodeMouseMove}
-            onNodeMouseLeave={onNodeMouseLeave}
-            onNodeContextMenu={onNodeContextMenu}
-            onNodeDoubleClick={onNodeDoubleClick}
-            nodeTypes={nodeTypes}
-            edgeTypes={edgeTypes}
-            connectionLineType={connectionLineType}
-            connectionLineStyle={connectionLineStyle}
-            connectionLineComponent={connectionLineComponent}
-            connectionLineContainerStyle={connectionLineContainerStyle}
-            selectionKeyCode={selectionKeyCode}
-            selectionOnDrag={selectionOnDrag}
-            selectionMode={selectionMode}
-            deleteKeyCode={deleteKeyCode}
-            multiSelectionKeyCode={multiSelectionKeyCode}
-            panActivationKeyCode={panActivationKeyCode}
-            zoomActivationKeyCode={zoomActivationKeyCode}
-            onlyRenderVisibleElements={onlyRenderVisibleElements}
-            defaultViewport={defaultViewport}
-            translateExtent={translateExtent}
-            minZoom={minZoom}
-            maxZoom={maxZoom}
-            preventScrolling={preventScrolling}
-            zoomOnScroll={zoomOnScroll}
-            zoomOnPinch={zoomOnPinch}
-            zoomOnDoubleClick={zoomOnDoubleClick}
-            panOnScroll={panOnScroll}
-            panOnScrollSpeed={panOnScrollSpeed}
-            panOnScrollMode={panOnScrollMode}
-            panOnDrag={panOnDrag}
-            onPaneClick={onPaneClick}
-            onPaneMouseEnter={onPaneMouseEnter}
-            onPaneMouseMove={onPaneMouseMove}
-            onPaneMouseLeave={onPaneMouseLeave}
-            onPaneScroll={onPaneScroll}
-            onPaneContextMenu={onPaneContextMenu}
-            onSelectionContextMenu={onSelectionContextMenu}
-            onSelectionStart={onSelectionStart}
-            onSelectionEnd={onSelectionEnd}
-            onEdgeUpdate={onEdgeUpdate}
-            onEdgeContextMenu={onEdgeContextMenu}
-            onEdgeDoubleClick={onEdgeDoubleClick}
-            onEdgeMouseEnter={onEdgeMouseEnter}
-            onEdgeMouseMove={onEdgeMouseMove}
-            onEdgeMouseLeave={onEdgeMouseLeave}
-            onEdgeUpdateStart={onEdgeUpdateStart}
-            onEdgeUpdateEnd={onEdgeUpdateEnd}
-            edgeUpdaterRadius={edgeUpdaterRadius}
-            defaultMarkerColor={defaultMarkerColor}
-            noDragClassName={noDragClassName}
-            noWheelClassName={noWheelClassName}
-            noPanClassName={noPanClassName}
-            rfId={rfId}
-            disableKeyboardA11y={disableKeyboardA11y}
-            nodeOrigin={nodeOrigin}
-            nodeExtent={nodeExtent}
-            viewport={viewport}
-            onViewportChange={onViewportChange}
-          />
-          <StoreUpdater
-            nodes={nodes}
-            edges={edges}
-            defaultNodes={defaultNodes}
-            defaultEdges={defaultEdges}
-            onConnect={onConnect}
-            onConnectStart={onConnectStart}
-            onConnectEnd={onConnectEnd}
-            onClickConnectStart={onClickConnectStart}
-            onClickConnectEnd={onClickConnectEnd}
-            nodesDraggable={nodesDraggable}
-            nodesConnectable={nodesConnectable}
-            nodesFocusable={nodesFocusable}
-            edgesFocusable={edgesFocusable}
-            edgesUpdatable={edgesUpdatable}
-            elementsSelectable={elementsSelectable}
-            elevateNodesOnSelect={elevateNodesOnSelect}
-            elevateEdgesOnSelect={elevateEdgesOnSelect}
-            minZoom={minZoom}
-            maxZoom={maxZoom}
-            nodeExtent={nodeExtent}
-            onNodesChange={onNodesChange}
-            onEdgesChange={onEdgesChange}
-            snapToGrid={snapToGrid}
-            snapGrid={snapGrid}
-            connectionMode={connectionMode}
-            translateExtent={translateExtent}
-            connectOnClick={connectOnClick}
-            defaultEdgeOptions={defaultEdgeOptions}
-            fitView={fitView}
-            fitViewOptions={fitViewOptions}
-            onNodesDelete={onNodesDelete}
-            onEdgesDelete={onEdgesDelete}
-            onDelete={onDelete}
-            onNodeDragStart={onNodeDragStart}
-            onNodeDrag={onNodeDrag}
-            onNodeDragStop={onNodeDragStop}
-            onSelectionDrag={onSelectionDrag}
-            onSelectionDragStart={onSelectionDragStart}
-            onSelectionDragStop={onSelectionDragStop}
-            onMove={onMove}
-            onMoveStart={onMoveStart}
-            onMoveEnd={onMoveEnd}
-            noPanClassName={noPanClassName}
-            nodeOrigin={nodeOrigin}
-            rfId={rfId}
-            autoPanOnConnect={autoPanOnConnect}
-            autoPanOnNodeDrag={autoPanOnNodeDrag}
-            onError={onError}
-            connectionRadius={connectionRadius}
-            isValidConnection={isValidConnection}
-            selectNodesOnDrag={selectNodesOnDrag}
-            nodeDragThreshold={nodeDragThreshold}
-            onBeforeDelete={onBeforeDelete}
-          />
-          <SelectionListener onSelectionChange={onSelectionChange} />
-          {children}
-          <Attribution proOptions={proOptions} position={attributionPosition} />
-          <A11yDescriptions rfId={rfId} disableKeyboardA11y={disableKeyboardA11y} />
-        </Wrapper>
-      </div>
-    );
-  }
-);
+function ReactFlow<NodeType extends Node = Node>(
+  {
+    nodes,
+    edges,
+    defaultNodes,
+    defaultEdges,
+    className,
+    nodeTypes,
+    edgeTypes,
+    onNodeClick,
+    onEdgeClick,
+    onInit,
+    onMove,
+    onMoveStart,
+    onMoveEnd,
+    onConnect,
+    onConnectStart,
+    onConnectEnd,
+    onClickConnectStart,
+    onClickConnectEnd,
+    onNodeMouseEnter,
+    onNodeMouseMove,
+    onNodeMouseLeave,
+    onNodeContextMenu,
+    onNodeDoubleClick,
+    onNodeDragStart,
+    onNodeDrag,
+    onNodeDragStop,
+    onNodesDelete,
+    onEdgesDelete,
+    onDelete,
+    onSelectionChange,
+    onSelectionDragStart,
+    onSelectionDrag,
+    onSelectionDragStop,
+    onSelectionContextMenu,
+    onSelectionStart,
+    onSelectionEnd,
+    onBeforeDelete,
+    connectionMode,
+    connectionLineType = ConnectionLineType.Bezier,
+    connectionLineStyle,
+    connectionLineComponent,
+    connectionLineContainerStyle,
+    deleteKeyCode = 'Backspace',
+    selectionKeyCode = 'Shift',
+    selectionOnDrag = false,
+    selectionMode = SelectionMode.Full,
+    panActivationKeyCode = 'Space',
+    multiSelectionKeyCode = isMacOs() ? 'Meta' : 'Control',
+    zoomActivationKeyCode = isMacOs() ? 'Meta' : 'Control',
+    snapToGrid,
+    snapGrid,
+    onlyRenderVisibleElements = false,
+    selectNodesOnDrag,
+    nodesDraggable,
+    nodesConnectable,
+    nodesFocusable,
+    nodeOrigin = initNodeOrigin,
+    edgesFocusable,
+    edgesUpdatable,
+    elementsSelectable = true,
+    defaultViewport = initDefaultViewport,
+    minZoom = 0.5,
+    maxZoom = 2,
+    translateExtent = infiniteExtent,
+    preventScrolling = true,
+    nodeExtent,
+    defaultMarkerColor = '#b1b1b7',
+    zoomOnScroll = true,
+    zoomOnPinch = true,
+    panOnScroll = false,
+    panOnScrollSpeed = 0.5,
+    panOnScrollMode = PanOnScrollMode.Free,
+    zoomOnDoubleClick = true,
+    panOnDrag = true,
+    onPaneClick,
+    onPaneMouseEnter,
+    onPaneMouseMove,
+    onPaneMouseLeave,
+    onPaneScroll,
+    onPaneContextMenu,
+    children,
+    onEdgeUpdate,
+    onEdgeContextMenu,
+    onEdgeDoubleClick,
+    onEdgeMouseEnter,
+    onEdgeMouseMove,
+    onEdgeMouseLeave,
+    onEdgeUpdateStart,
+    onEdgeUpdateEnd,
+    edgeUpdaterRadius = 10,
+    onNodesChange,
+    onEdgesChange,
+    noDragClassName = 'nodrag',
+    noWheelClassName = 'nowheel',
+    noPanClassName = 'nopan',
+    fitView,
+    fitViewOptions,
+    connectOnClick,
+    attributionPosition,
+    proOptions,
+    defaultEdgeOptions,
+    elevateNodesOnSelect,
+    elevateEdgesOnSelect,
+    disableKeyboardA11y = false,
+    autoPanOnConnect,
+    autoPanOnNodeDrag,
+    connectionRadius,
+    isValidConnection,
+    onError,
+    style,
+    id,
+    nodeDragThreshold,
+    viewport,
+    onViewportChange,
+    width,
+    height,
+    colorMode = 'light',
+    ...rest
+  }: ReactFlowProps<NodeType>,
+  ref: ForwardedRef<ReactFlowRefType>
+) {
+  const rfId = id || '1';
+  const colorModeClassName = useColorModeClass(colorMode);
 
-ReactFlow.displayName = 'ReactFlow';
+  return (
+    <div
+      {...rest}
+      style={{ ...style, ...wrapperStyle }}
+      ref={ref}
+      className={cc(['react-flow', className, colorModeClassName])}
+      data-testid="rf__wrapper"
+      id={id}
+    >
+      <Wrapper nodes={nodes} edges={edges} width={width} height={height} fitView={fitView}>
+        <GraphView<NodeType>
+          onInit={onInit}
+          onNodeClick={onNodeClick}
+          onEdgeClick={onEdgeClick}
+          onNodeMouseEnter={onNodeMouseEnter}
+          onNodeMouseMove={onNodeMouseMove}
+          onNodeMouseLeave={onNodeMouseLeave}
+          onNodeContextMenu={onNodeContextMenu}
+          onNodeDoubleClick={onNodeDoubleClick}
+          nodeTypes={nodeTypes}
+          edgeTypes={edgeTypes}
+          connectionLineType={connectionLineType}
+          connectionLineStyle={connectionLineStyle}
+          connectionLineComponent={connectionLineComponent}
+          connectionLineContainerStyle={connectionLineContainerStyle}
+          selectionKeyCode={selectionKeyCode}
+          selectionOnDrag={selectionOnDrag}
+          selectionMode={selectionMode}
+          deleteKeyCode={deleteKeyCode}
+          multiSelectionKeyCode={multiSelectionKeyCode}
+          panActivationKeyCode={panActivationKeyCode}
+          zoomActivationKeyCode={zoomActivationKeyCode}
+          onlyRenderVisibleElements={onlyRenderVisibleElements}
+          defaultViewport={defaultViewport}
+          translateExtent={translateExtent}
+          minZoom={minZoom}
+          maxZoom={maxZoom}
+          preventScrolling={preventScrolling}
+          zoomOnScroll={zoomOnScroll}
+          zoomOnPinch={zoomOnPinch}
+          zoomOnDoubleClick={zoomOnDoubleClick}
+          panOnScroll={panOnScroll}
+          panOnScrollSpeed={panOnScrollSpeed}
+          panOnScrollMode={panOnScrollMode}
+          panOnDrag={panOnDrag}
+          onPaneClick={onPaneClick}
+          onPaneMouseEnter={onPaneMouseEnter}
+          onPaneMouseMove={onPaneMouseMove}
+          onPaneMouseLeave={onPaneMouseLeave}
+          onPaneScroll={onPaneScroll}
+          onPaneContextMenu={onPaneContextMenu}
+          onSelectionContextMenu={onSelectionContextMenu}
+          onSelectionStart={onSelectionStart}
+          onSelectionEnd={onSelectionEnd}
+          onEdgeUpdate={onEdgeUpdate}
+          onEdgeContextMenu={onEdgeContextMenu}
+          onEdgeDoubleClick={onEdgeDoubleClick}
+          onEdgeMouseEnter={onEdgeMouseEnter}
+          onEdgeMouseMove={onEdgeMouseMove}
+          onEdgeMouseLeave={onEdgeMouseLeave}
+          onEdgeUpdateStart={onEdgeUpdateStart}
+          onEdgeUpdateEnd={onEdgeUpdateEnd}
+          edgeUpdaterRadius={edgeUpdaterRadius}
+          defaultMarkerColor={defaultMarkerColor}
+          noDragClassName={noDragClassName}
+          noWheelClassName={noWheelClassName}
+          noPanClassName={noPanClassName}
+          rfId={rfId}
+          disableKeyboardA11y={disableKeyboardA11y}
+          nodeOrigin={nodeOrigin}
+          nodeExtent={nodeExtent}
+          viewport={viewport}
+          onViewportChange={onViewportChange}
+        />
+        <StoreUpdater
+          nodes={nodes}
+          edges={edges}
+          defaultNodes={defaultNodes}
+          defaultEdges={defaultEdges}
+          onConnect={onConnect}
+          onConnectStart={onConnectStart}
+          onConnectEnd={onConnectEnd}
+          onClickConnectStart={onClickConnectStart}
+          onClickConnectEnd={onClickConnectEnd}
+          nodesDraggable={nodesDraggable}
+          nodesConnectable={nodesConnectable}
+          nodesFocusable={nodesFocusable}
+          edgesFocusable={edgesFocusable}
+          edgesUpdatable={edgesUpdatable}
+          elementsSelectable={elementsSelectable}
+          elevateNodesOnSelect={elevateNodesOnSelect}
+          elevateEdgesOnSelect={elevateEdgesOnSelect}
+          minZoom={minZoom}
+          maxZoom={maxZoom}
+          nodeExtent={nodeExtent}
+          onNodesChange={onNodesChange}
+          onEdgesChange={onEdgesChange}
+          snapToGrid={snapToGrid}
+          snapGrid={snapGrid}
+          connectionMode={connectionMode}
+          translateExtent={translateExtent}
+          connectOnClick={connectOnClick}
+          defaultEdgeOptions={defaultEdgeOptions}
+          fitView={fitView}
+          fitViewOptions={fitViewOptions}
+          onNodesDelete={onNodesDelete}
+          onEdgesDelete={onEdgesDelete}
+          onDelete={onDelete}
+          onNodeDragStart={onNodeDragStart}
+          onNodeDrag={onNodeDrag}
+          onNodeDragStop={onNodeDragStop}
+          onSelectionDrag={onSelectionDrag}
+          onSelectionDragStart={onSelectionDragStart}
+          onSelectionDragStop={onSelectionDragStop}
+          onMove={onMove}
+          onMoveStart={onMoveStart}
+          onMoveEnd={onMoveEnd}
+          noPanClassName={noPanClassName}
+          nodeOrigin={nodeOrigin}
+          rfId={rfId}
+          autoPanOnConnect={autoPanOnConnect}
+          autoPanOnNodeDrag={autoPanOnNodeDrag}
+          onError={onError}
+          connectionRadius={connectionRadius}
+          isValidConnection={isValidConnection}
+          selectNodesOnDrag={selectNodesOnDrag}
+          nodeDragThreshold={nodeDragThreshold}
+          onBeforeDelete={onBeforeDelete}
+        />
+        <SelectionListener onSelectionChange={onSelectionChange} />
+        {children}
+        <Attribution proOptions={proOptions} position={attributionPosition} />
+        <A11yDescriptions rfId={rfId} disableKeyboardA11y={disableKeyboardA11y} />
+      </Wrapper>
+    </div>
+  );
+}
 
-export default ReactFlow;
+export default forwardRef(ReactFlow) as <T extends Node = Node>(
+  props: ReactFlowProps<T> & { ref?: React.ForwardedRef<HTMLUListElement> }
+) => ReturnType<typeof ReactFlow>;
diff --git a/packages/react/src/hooks/useNodesEdgesState.ts b/packages/react/src/hooks/useNodesEdgesState.ts
index 766ee0494..fae87c021 100644
--- a/packages/react/src/hooks/useNodesEdgesState.ts
+++ b/packages/react/src/hooks/useNodesEdgesState.ts
@@ -1,7 +1,7 @@
 import { useState, useCallback, type Dispatch, type SetStateAction } from 'react';
 
 import { applyNodeChanges, applyEdgeChanges } from '../utils/changes';
-import type { Node, NodeChange, Edge, EdgeChange } from '../types';
+import type { Node, Edge, OnNodesChange, OnEdgesChange } from '../types';
 
 /**
  * Hook for managing the state of nodes - should only be used for prototyping / simple use cases.
@@ -10,12 +10,12 @@ import type { Node, NodeChange, Edge, EdgeChange } from '../types';
  * @param initialNodes
  * @returns an array [nodes, setNodes, onNodesChange]
  */
-export function useNodesState<NodeType extends Node = Node>(
+export function useNodesState<NodeType extends Node>(
   initialNodes: NodeType[]
-): [NodeType[], Dispatch<SetStateAction<NodeType[]>>, (changes: NodeChange<NodeType>[]) => void] {
+): [NodeType[], Dispatch<SetStateAction<NodeType[]>>, OnNodesChange<NodeType>] {
   const [nodes, setNodes] = useState(initialNodes);
-  const onNodesChange = useCallback(
-    (changes: NodeChange<NodeType>[]) => setNodes((nds) => applyNodeChanges(changes, nds)),
+  const onNodesChange: OnNodesChange<NodeType> = useCallback(
+    (changes) => setNodes((nds) => applyNodeChanges(changes, nds)),
     []
   );
 
@@ -31,10 +31,10 @@ export function useNodesState<NodeType extends Node = Node>(
  */
 export function useEdgesState<EdgeType extends Edge = Edge>(
   initialEdges: EdgeType[]
-): [EdgeType[], Dispatch<SetStateAction<EdgeType[]>>, (changes: EdgeChange<EdgeType>[]) => void] {
+): [EdgeType[], Dispatch<SetStateAction<EdgeType[]>>, OnEdgesChange<EdgeType>] {
   const [edges, setEdges] = useState(initialEdges);
-  const onEdgesChange = useCallback(
-    (changes: EdgeChange<EdgeType>[]) => setEdges((eds) => applyEdgeChanges(changes, eds)),
+  const onEdgesChange: OnEdgesChange<EdgeType> = useCallback(
+    (changes) => setEdges((eds) => applyEdgeChanges(changes, eds)),
     []
   );
 
diff --git a/packages/react/src/hooks/useOnInitHandler.ts b/packages/react/src/hooks/useOnInitHandler.ts
index 5b677c1ac..782b03790 100644
--- a/packages/react/src/hooks/useOnInitHandler.ts
+++ b/packages/react/src/hooks/useOnInitHandler.ts
@@ -1,15 +1,15 @@
 import { useEffect, useRef } from 'react';
 
 import { useReactFlow } from './useReactFlow';
-import type { OnInit } from '../types';
+import type { OnInit, Node } from '../types';
 
 /**
  * Hook for calling onInit handler.
  *
  * @internal
  */
-export function useOnInitHandler(onInit: OnInit | undefined) {
-  const rfInstance = useReactFlow();
+export function useOnInitHandler<NodeType extends Node = Node>(onInit: OnInit<NodeType> | undefined) {
+  const rfInstance = useReactFlow<NodeType>();
   const isInitialized = useRef<boolean>(false);
 
   useEffect(() => {
diff --git a/packages/react/src/hooks/useStore.ts b/packages/react/src/hooks/useStore.ts
index 96587161a..9f7f8255a 100644
--- a/packages/react/src/hooks/useStore.ts
+++ b/packages/react/src/hooks/useStore.ts
@@ -31,7 +31,7 @@ function useStore<StateSlice = ExtractState>(
   return useZustandStore(store, selector, equalityFn);
 }
 
-const useStoreApi = () => {
+function useStoreApi() {
   const store = useContext(StoreContext);
 
   if (store === null) {
@@ -47,6 +47,6 @@ const useStoreApi = () => {
     }),
     [store]
   );
-};
+}
 
 export { useStore, useStoreApi };
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index 6018e1f58..f5f854ab3 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -50,7 +50,7 @@ import type {
  * ReactFlow component props.
  * @public
  */
-export interface ReactFlowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'> {
+export interface ReactFlowProps<NodeType extends Node = Node> extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'> {
   /** An array of nodes to render in a controlled flow.
    * @example
    * const nodes = [
@@ -62,7 +62,7 @@ export interface ReactFlowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
    *  }
    * ];
    */
-  nodes?: Node[];
+  nodes?: NodeType[];
   /** An array of edges to render in a controlled flow.
    * @example
    * const edges = [
@@ -75,7 +75,7 @@ export interface ReactFlowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
    */
   edges?: Edge[];
   /** The initial nodes to render in an uncontrolled flow. */
-  defaultNodes?: Node[];
+  defaultNodes?: NodeType[];
   /** The initial edges to render in an uncontrolled flow. */
   defaultEdges?: Edge[];
   /** Defaults to be applied to all new edges that are added to the flow.
@@ -99,23 +99,23 @@ export interface ReactFlowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
    */
   defaultEdgeOptions?: DefaultEdgeOptions;
   /** This event handler is called when a user clicks on a node */
-  onNodeClick?: NodeMouseHandler;
+  onNodeClick?: NodeMouseHandler<NodeType>;
   /** This event handler is called when a user double clicks on a node */
-  onNodeDoubleClick?: NodeMouseHandler;
+  onNodeDoubleClick?: NodeMouseHandler<NodeType>;
   /** This event handler is called when mouse of a user enters a node */
-  onNodeMouseEnter?: NodeMouseHandler;
+  onNodeMouseEnter?: NodeMouseHandler<NodeType>;
   /** This event handler is called when mouse of a user moves over a node */
-  onNodeMouseMove?: NodeMouseHandler;
+  onNodeMouseMove?: NodeMouseHandler<NodeType>;
   /** This event handler is called when mouse of a user leaves a node */
-  onNodeMouseLeave?: NodeMouseHandler;
+  onNodeMouseLeave?: NodeMouseHandler<NodeType>;
   /** This event handler is called when a user right clicks on a node */
-  onNodeContextMenu?: NodeMouseHandler;
+  onNodeContextMenu?: NodeMouseHandler<NodeType>;
   /** This event handler is called when a user starts to drag a node */
-  onNodeDragStart?: OnNodeDrag;
+  onNodeDragStart?: OnNodeDrag<NodeType>;
   /** This event handler is called when a user drags a node */
-  onNodeDrag?: OnNodeDrag;
+  onNodeDrag?: OnNodeDrag<NodeType>;
   /** This event handler is called when a user stops dragging a node */
-  onNodeDragStop?: OnNodeDrag;
+  onNodeDragStop?: OnNodeDrag<NodeType>;
   /** This event handler is called when a user clicks on an edge */
   onEdgeClick?: (event: ReactMouseEvent, edge: Edge) => void;
   /** This event handler is called when a user right clicks on an edge */
@@ -147,7 +147,7 @@ export interface ReactFlowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
    *
    * return (<ReactFlow onNodeChange={onNodeChange} {...rest} />)
    */
-  onNodesChange?: OnNodesChange;
+  onNodesChange?: OnNodesChange<NodeType>;
   /** This event handler is called when a Edge is updated
    * @example // Use EdgesState hook to create edges and get onEdgesChange handler
    * import ReactFlow, { useEdgesState } from '@xyflow/react';
@@ -166,7 +166,7 @@ export interface ReactFlowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
    */
   onEdgesChange?: OnEdgesChange;
   /** This event handler gets called when a Node is deleted */
-  onNodesDelete?: OnNodesDelete;
+  onNodesDelete?: OnNodesDelete<NodeType>;
   /** This event handler gets called when a Edge is deleted */
   onEdgesDelete?: OnEdgesDelete;
   /** This event handler gets called when a Node or Edge is deleted */
@@ -179,7 +179,7 @@ export interface ReactFlowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
   onSelectionDragStop?: SelectionDragHandler;
   onSelectionStart?: (event: ReactMouseEvent) => void;
   onSelectionEnd?: (event: ReactMouseEvent) => void;
-  onSelectionContextMenu?: (event: ReactMouseEvent, nodes: Node[]) => void;
+  onSelectionContextMenu?: (event: ReactMouseEvent, nodes: NodeType[]) => void;
   /** When a connection line is completed and two nodes are connected by the user, this event fires with the new connection.
    *
    * You can use the addEdge utility to convert the connection to a complete edge.
@@ -201,7 +201,7 @@ export interface ReactFlowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
   onClickConnectStart?: OnConnectStart;
   onClickConnectEnd?: OnConnectEnd;
   /** This event handler gets called when a flow has finished initializing */
-  onInit?: OnInit;
+  onInit?: OnInit<NodeType>;
   /** This event handler is called while the user is either panning or zooming the viewport. */
   onMove?: OnMove;
   /** This event handler gets called when a user starts to pan or zoom the viewport */
@@ -223,7 +223,7 @@ export interface ReactFlowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
   /** This event handler gets called when mouse leaves the pane */
   onPaneMouseLeave?: (event: ReactMouseEvent) => void;
   /** This handler gets called before the user deletes nodes or edges and provides a way to abort the deletion by returning false. */
-  onBeforeDelete?: OnBeforeDelete;
+  onBeforeDelete?: OnBeforeDelete<NodeType>;
   /** Custom node types to be available in a flow.
    *
    * React Flow matches a node's type to a component in the nodeTypes object.
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index 612c1d50b..9b28c78fc 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -26,18 +26,18 @@ export type OnNodeDrag<NodeType extends Node = Node> = (
   nodes: NodeType[]
 ) => void;
 
-export type NodeWrapperProps = {
+export type NodeWrapperProps<NodeType extends Node> = {
   id: string;
   nodesConnectable: boolean;
   elementsSelectable: boolean;
   nodesDraggable: boolean;
   nodesFocusable: boolean;
-  onClick?: NodeMouseHandler;
-  onDoubleClick?: NodeMouseHandler;
-  onMouseEnter?: NodeMouseHandler;
-  onMouseMove?: NodeMouseHandler;
-  onMouseLeave?: NodeMouseHandler;
-  onContextMenu?: NodeMouseHandler;
+  onClick?: NodeMouseHandler<NodeType>;
+  onDoubleClick?: NodeMouseHandler<NodeType>;
+  onMouseEnter?: NodeMouseHandler<NodeType>;
+  onMouseMove?: NodeMouseHandler<NodeType>;
+  onMouseLeave?: NodeMouseHandler<NodeType>;
+  onContextMenu?: NodeMouseHandler<NodeType>;
   resizeObserver: ResizeObserver | null;
   noDragClassName: string;
   noPanClassName: string;
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index b3e0449e5..27482dbaf 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -45,17 +45,17 @@ import type {
   OnBeforeDelete,
 } from '.';
 
-export type ReactFlowStore = {
+export type ReactFlowStore<NodeType extends Node> = {
   rfId: string;
   width: number;
   height: number;
   transform: Transform;
-  nodes: Node[];
-  nodeLookup: NodeLookup<Node>;
+  nodes: NodeType[];
+  nodeLookup: NodeLookup<NodeType>;
   edges: Edge[];
   edgeLookup: EdgeLookup<Edge>;
   connectionLookup: ConnectionLookup;
-  onNodesChange: OnNodesChange | null;
+  onNodesChange: OnNodesChange<NodeType> | null;
   onEdgesChange: OnEdgesChange | null;
   hasDefaultNodes: boolean;
   hasDefaultEdges: boolean;
@@ -98,9 +98,9 @@ export type ReactFlowStore = {
   connectionEndHandle: ConnectingHandle | null;
   connectionClickStartHandle: ConnectingHandle | null;
 
-  onNodeDragStart?: OnNodeDrag;
-  onNodeDrag?: OnNodeDrag;
-  onNodeDragStop?: OnNodeDrag;
+  onNodeDragStart?: OnNodeDrag<NodeType>;
+  onNodeDrag?: OnNodeDrag<NodeType>;
+  onNodeDragStop?: OnNodeDrag<NodeType>;
 
   onSelectionDragStart?: OnSelectionDrag;
   onSelectionDrag?: OnSelectionDrag;
@@ -147,10 +147,10 @@ export type ReactFlowStore = {
   lib: string;
 };
 
-export type ReactFlowActions = {
-  setNodes: (nodes: Node[]) => void;
+export type ReactFlowActions<NodeType extends Node> = {
+  setNodes: (nodes: NodeType[]) => void;
   setEdges: (edges: Edge[]) => void;
-  setDefaultNodesAndEdges: (nodes?: Node[], edges?: Edge[]) => void;
+  setDefaultNodesAndEdges: (nodes?: NodeType[], edges?: Edge[]) => void;
   updateNodeDimensions: (updates: Map<string, NodeDimensionUpdate>) => void;
   updateNodePositions: UpdateNodePositions;
   resetSelectedElements: () => void;
@@ -164,9 +164,9 @@ export type ReactFlowActions = {
   cancelConnection: () => void;
   updateConnection: UpdateConnection;
   reset: () => void;
-  triggerNodeChanges: (changes: NodeChange[]) => void;
+  triggerNodeChanges: (changes: NodeChange<NodeType>[]) => void;
   panBy: PanBy;
-  fitView: (nodes: Node[], options?: FitViewOptions) => boolean;
+  fitView: (nodes: NodeType[], options?: FitViewOptions) => boolean;
 };
 
-export type ReactFlowState = ReactFlowStore & ReactFlowActions;
+export type ReactFlowState<NodeType extends Node = Node> = ReactFlowStore<NodeType> & ReactFlowActions<NodeType>;

From 80a1759fd20631adcf6fcf05119391f1f0a6d234 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 25 Jan 2024 00:25:31 +0100
Subject: [PATCH 0556/1093] chore(examples): cleanup usenodesdata

---
 examples/react/src/examples/UseNodesData/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/react/src/examples/UseNodesData/index.tsx b/examples/react/src/examples/UseNodesData/index.tsx
index d6b697a9c..d99ddb432 100644
--- a/examples/react/src/examples/UseNodesData/index.tsx
+++ b/examples/react/src/examples/UseNodesData/index.tsx
@@ -18,7 +18,7 @@ import UppercaseNode from './UppercaseNode';
 export type TextNode = Node<{ text: string }, 'text'>;
 export type ResultNode = Node<{}, 'result'>;
 export type UppercaseNode = Node<{}, 'uppercase'>;
-export type MyNode = Node<{ text: string }, 'text'> | Node<{}, 'result'> | Node<{}, 'uppercase'>;
+export type MyNode = Node | TextNode | ResultNode | UppercaseNode;
 
 const nodeTypes = {
   text: TextNode,

From b8fc637091bd4eea4f48a15a34cce61976be6b13 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 25 Jan 2024 11:42:03 +0100
Subject: [PATCH 0557/1093] refactor(svelte): use correct id for handle data-id
 attr

---
 packages/svelte/src/lib/components/Handle/Handle.svelte | 2 +-
 packages/system/src/xyhandle/XYHandle.ts                | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 87b6c9d22..f00ccc44b 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -134,7 +134,7 @@ The Handle component is the part of a node that can be used to connect nodes.
   data-handleid={handleId}
   data-nodeid={nodeId}
   data-handlepos={position}
-  data-id="{flowId}-{nodeId}-{id || null}-{type}"
+  data-id="{$flowId}-{nodeId}-{id || null}-{type}"
   class={cc([
     'svelte-flow__handle',
     `svelte-flow__handle-${position}`,
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 239e63561..4ddb53134 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -260,9 +260,10 @@ function isValidHandle(
   }: IsValidParams
 ) {
   const isTarget = fromType === 'target';
-  const handleDomNode = doc.querySelector(
-    `.${lib}-flow__handle[data-id="${flowId}-${handle?.nodeId}-${handle?.id}-${handle?.type}"]`
-  );
+  const handleDomNode = handle
+    ? doc.querySelector(`.${lib}-flow__handle[data-id="${flowId}-${handle?.nodeId}-${handle?.id}-${handle?.type}"]`)
+    : null;
+
   const { x, y } = getEventPosition(event);
   const handleBelow = doc.elementFromPoint(x, y);
   // we always want to prioritize the handle below the mouse cursor over the closest distance handle,

From 7a1617d71d85586ca417862826cfd936ce924c73 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 25 Jan 2024 12:24:00 +0100
Subject: [PATCH 0558/1093] fix(react): apply defaultEdgeOptions marker closes
 #3826

---
 examples/react/src/examples/Edges/index.tsx   | 10 +++++++
 packages/react/CHANGELOG.md                   |  3 +-
 .../EdgeRenderer/MarkerDefinitions.tsx        | 29 +++++++++----------
 packages/svelte/CHANGELOG.md                  |  3 +-
 packages/system/src/utils/marker.ts           | 21 ++++++++++----
 5 files changed, 44 insertions(+), 22 deletions(-)

diff --git a/examples/react/src/examples/Edges/index.tsx b/examples/react/src/examples/Edges/index.tsx
index d6870621c..bbba30fb3 100644
--- a/examples/react/src/examples/Edges/index.tsx
+++ b/examples/react/src/examples/Edges/index.tsx
@@ -175,6 +175,15 @@ const edgeTypes: EdgeTypes = {
   custom2: CustomEdge2,
 };
 
+const defaultEdgeOptions = {
+  markerEnd: {
+    type: MarkerType.ArrowClosed,
+    color: 'red',
+    width: 20,
+    height: 20,
+  },
+};
+
 const EdgesFlow = () => {
   const [nodes, , onNodesChange] = useNodesState(initialNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
@@ -197,6 +206,7 @@ const EdgesFlow = () => {
       onEdgeMouseMove={onEdgeMouseMove}
       onEdgeMouseLeave={onEdgeMouseLeave}
       onDelete={console.log}
+      defaultEdgeOptions={defaultEdgeOptions}
     >
       <MiniMap />
       <Controls />
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index f47f7ef48..9b83293c3 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -6,7 +6,8 @@
 
 - selection box is not interrupted by selectionKey being let go
 - fix `OnNodeDrag` type
-- refactor(handles): do not use fallback handle if an id is being used #3409
+- do not use fallback handle if a specific id is being used
+- fix `defaultEdgeOptions` markers not being applied
 
 ## 12.0.0-next.7
 
diff --git a/packages/react/src/container/EdgeRenderer/MarkerDefinitions.tsx b/packages/react/src/container/EdgeRenderer/MarkerDefinitions.tsx
index a4696e5b8..5b6194c54 100644
--- a/packages/react/src/container/EdgeRenderer/MarkerDefinitions.tsx
+++ b/packages/react/src/container/EdgeRenderer/MarkerDefinitions.tsx
@@ -1,9 +1,8 @@
-import { memo, useCallback } from 'react';
+import { memo, useMemo } from 'react';
 import { type MarkerProps, createMarkerIds } from '@xyflow/system';
 
 import { useStore } from '../../hooks/useStore';
 import { useMarkerSymbol } from './MarkerSymbols';
-import type { ReactFlowState } from '../../types';
 
 type MarkerDefinitionsProps = {
   defaultColor: string;
@@ -43,23 +42,23 @@ const Marker = ({
   );
 };
 
-const markerSelector =
-  ({ defaultColor, rfId }: { defaultColor: string; rfId?: string }) =>
-  (s: ReactFlowState) => {
-    const markers = createMarkerIds(s.edges, { id: rfId, defaultColor });
-
-    return markers;
-  };
-
-const markersEqual = (a: MarkerProps[], b: MarkerProps[]) =>
-  // the id includes all marker options, so we just need to look at that part of the marker
-  !(a.length !== b.length || a.some((m, i) => m.id !== b[i].id));
-
 // when you have multiple flows on a page and you hide the first one, the other ones have no markers anymore
 // when they do have markers with the same ids. To prevent this the user can pass a unique id to the react flow wrapper
 // that we can then use for creating our unique marker ids
 const MarkerDefinitions = ({ defaultColor, rfId }: MarkerDefinitionsProps) => {
-  const markers = useStore(useCallback(markerSelector({ defaultColor, rfId }), [defaultColor, rfId]), markersEqual);
+  const edges = useStore((s) => s.edges);
+  const defaultEdgeOptions = useStore((s) => s.defaultEdgeOptions);
+
+  const markers = useMemo(() => {
+    const markers = createMarkerIds(edges, {
+      id: rfId,
+      defaultColor,
+      defaultMarkerStart: defaultEdgeOptions?.markerStart,
+      defaultMarkerEnd: defaultEdgeOptions?.markerEnd,
+    });
+
+    return markers;
+  }, [edges, defaultEdgeOptions, rfId, defaultColor]);
 
   if (!markers.length) {
     return null;
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 6ca5483e0..4bdc84614 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -11,7 +11,8 @@
 
 - selection box is not interrupted by selectionKey being let go
 - Edge label has a default background and is clickable
-- refactor(handles): do not use fallback handle if an id is being used #3409
+- do not use fallback handle if a specific id is being used
+- use correct id for `<Handle />` data-id attribute
 
 ## 0.0.34
 
diff --git a/packages/system/src/utils/marker.ts b/packages/system/src/utils/marker.ts
index 0a1912768..834f17efe 100644
--- a/packages/system/src/utils/marker.ts
+++ b/packages/system/src/utils/marker.ts
@@ -19,21 +19,32 @@ export function getMarkerId(marker: EdgeMarkerType | undefined, id?: string | nu
 
 export function createMarkerIds(
   edges: EdgeBase[],
-  { id, defaultColor }: { id?: string | null; defaultColor?: string }
+  {
+    id,
+    defaultColor,
+    defaultMarkerStart,
+    defaultMarkerEnd,
+  }: {
+    id?: string | null;
+    defaultColor?: string;
+    defaultMarkerStart?: EdgeMarkerType;
+    defaultMarkerEnd?: EdgeMarkerType;
+  }
 ) {
-  const ids: string[] = [];
+  const ids = new Set<string>();
 
   return edges
     .reduce<MarkerProps[]>((markers, edge) => {
-      [edge.markerStart, edge.markerEnd].forEach((marker) => {
+      [edge.markerStart || defaultMarkerStart, edge.markerEnd || defaultMarkerEnd].forEach((marker) => {
         if (marker && typeof marker === 'object') {
           const markerId = getMarkerId(marker, id);
-          if (!ids.includes(markerId)) {
+          if (!ids.has(markerId)) {
             markers.push({ id: markerId, color: marker.color || defaultColor, ...marker });
-            ids.push(markerId);
+            ids.add(markerId);
           }
         }
       });
+
       return markers;
     }, [])
     .sort((a, b) => a.id.localeCompare(b.id));

From e352f3cdc493d4b991cfd8ce151bf749640b133f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 25 Jan 2024 17:10:44 +0100
Subject: [PATCH 0559/1093] chore(ts): add annotations for useReactFlow/
 useSvelteFlow

---
 .../examples/add-node-on-drop/Flow.svelte     |   2 +-
 packages/react/src/hooks/useConnection.ts     |  20 ++-
 .../react/src/hooks/useHandleConnections.ts   |   2 +-
 .../react/src/hooks/useOnSelectionChange.ts   |   2 +-
 packages/react/src/hooks/useViewportHelper.ts |  14 +-
 packages/react/src/types/general.ts           |  78 ++++++++-
 packages/react/src/types/instance.ts          |  93 ++++++++++
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 161 +++++++++++++++++-
 8 files changed, 351 insertions(+), 21 deletions(-)

diff --git a/examples/svelte/src/routes/examples/add-node-on-drop/Flow.svelte b/examples/svelte/src/routes/examples/add-node-on-drop/Flow.svelte
index 809ae82ca..e767e4ace 100644
--- a/examples/svelte/src/routes/examples/add-node-on-drop/Flow.svelte
+++ b/examples/svelte/src/routes/examples/add-node-on-drop/Flow.svelte
@@ -34,7 +34,7 @@
 
 		// See of connection landed inside the flow pane
 		const targetIsPane = (event.target as HTMLDivElement)?.classList.contains('svelte-flow__pane');
-		if (targetIsPane) {
+		if (targetIsPane && 'clientX' in event && 'clientY' in event) {
 			const id = getId();
 			const position = {
 				x: event.clientX,
diff --git a/packages/react/src/hooks/useConnection.ts b/packages/react/src/hooks/useConnection.ts
index 3544f31ff..9b458e873 100644
--- a/packages/react/src/hooks/useConnection.ts
+++ b/packages/react/src/hooks/useConnection.ts
@@ -10,18 +10,24 @@ const selector = (s: ReactFlowStore) => ({
   position: s.connectionStartHandle ? s.connectionPosition : null,
 });
 
+type UseConnectionResult = {
+  /** The start handle where the user interaction started or null */
+  startHandle: ReactFlowStore['connectionStartHandle'];
+  /** The target handle that's inside the connection radius or null  */
+  endHandle: ReactFlowStore['connectionEndHandle'];
+  /** The current connection status 'valid', 'invalid' or null*/
+  status: ReactFlowStore['connectionStatus'];
+  /** The current connection position or null */
+  position: ReactFlowStore['connectionPosition'] | null;
+};
+
 /**
  * Hook for accessing the ongoing connection.
  *
  * @public
- * @returns ongoing connection: startHandle, endHandle, status, position
+ * @returns ongoing connection
  */
-export function useConnection(): {
-  startHandle: ReactFlowStore['connectionStartHandle'];
-  endHandle: ReactFlowStore['connectionEndHandle'];
-  status: ReactFlowStore['connectionStatus'];
-  position: ReactFlowStore['connectionPosition'] | null;
-} {
+export function useConnection(): UseConnectionResult {
   const ongoingConnection = useStore(selector, shallow);
 
   return ongoingConnection;
diff --git a/packages/react/src/hooks/useHandleConnections.ts b/packages/react/src/hooks/useHandleConnections.ts
index 7232cce43..4f62615eb 100644
--- a/packages/react/src/hooks/useHandleConnections.ts
+++ b/packages/react/src/hooks/useHandleConnections.ts
@@ -13,7 +13,7 @@ type useHandleConnectionsParams = {
 };
 
 /**
- *  Hook to check if a <Handle /> is connected to another <Handle /> and get the connections.
+ * Hook to check if a <Handle /> is connected to another <Handle /> and get the connections.
  *
  * @public
  * @param param.type - handle type 'source' or 'target'
diff --git a/packages/react/src/hooks/useOnSelectionChange.ts b/packages/react/src/hooks/useOnSelectionChange.ts
index 53c488912..8e08191b9 100644
--- a/packages/react/src/hooks/useOnSelectionChange.ts
+++ b/packages/react/src/hooks/useOnSelectionChange.ts
@@ -11,7 +11,7 @@ export type UseOnSelectionChangeOptions = {
  * Hook for registering an onSelectionChange handler.
  *
  * @public
- * @params params.onChange - The handler to register
+ * @param params.onChange - The handler to register
  */
 export function useOnSelectionChange({ onChange }: UseOnSelectionChangeOptions) {
   const store = useStoreApi();
diff --git a/packages/react/src/hooks/useViewportHelper.ts b/packages/react/src/hooks/useViewportHelper.ts
index 393204590..0e27d9334 100644
--- a/packages/react/src/hooks/useViewportHelper.ts
+++ b/packages/react/src/hooks/useViewportHelper.ts
@@ -86,31 +86,31 @@ const useViewportHelper = (): ViewportHelperFunctions => {
 
         panZoom?.setViewport(viewport, { duration: options?.duration });
       },
-      screenToFlowPosition: (position: XYPosition, options: { snapToGrid: boolean } = { snapToGrid: true }) => {
+      screenToFlowPosition: (clientPosition: XYPosition, options: { snapToGrid: boolean } = { snapToGrid: true }) => {
         const { transform, snapGrid, domNode } = store.getState();
 
         if (!domNode) {
-          return position;
+          return clientPosition;
         }
 
         const { x: domX, y: domY } = domNode.getBoundingClientRect();
 
         const correctedPosition = {
-          x: position.x - domX,
-          y: position.y - domY,
+          x: clientPosition.x - domX,
+          y: clientPosition.y - domY,
         };
 
         return pointToRendererPoint(correctedPosition, transform, options.snapToGrid, snapGrid);
       },
-      flowToScreenPosition: (position: XYPosition) => {
+      flowToScreenPosition: (flowPosition: XYPosition) => {
         const { transform, domNode } = store.getState();
 
         if (!domNode) {
-          return position;
+          return flowPosition;
         }
 
         const { x: domX, y: domY } = domNode.getBoundingClientRect();
-        const rendererPosition = rendererPointToPoint(position, transform);
+        const rendererPosition = rendererPointToPoint(flowPosition, transform);
 
         return {
           x: rendererPosition.x + domX,
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 53d95d684..4f3f127a8 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -47,17 +47,91 @@ export type OnInit<NodeType extends Node = Node, EdgeType extends Edge = Edge> =
 ) => void;
 
 export type ViewportHelperFunctions = {
+  /**
+   * Zooms viewport in by 1.2.
+   *
+   * @param options.duration - optional duration. If set, a transition will be applied
+   */
   zoomIn: ZoomInOut;
+  /**
+   * Zooms viewport out by 1 / 1.2.
+   *
+   * @param options.duration - optional duration. If set, a transition will be applied
+   */
   zoomOut: ZoomInOut;
+  /**
+   * Sets the current zoom level.
+   *
+   * @param zoomLevel - the zoom level to set
+   * @param options.duration - optional duration. If set, a transition will be applied
+   */
   zoomTo: ZoomTo;
+  /**
+   * Returns the current zoom level.
+   *
+   * @returns current zoom as a number
+   */
   getZoom: GetZoom;
+  /**
+   * Sets the current viewport.
+   *
+   * @param viewport - the viewport to set
+   * @param options.duration - optional duration. If set, a transition will be applied
+   */
   setViewport: SetViewport;
+  /**
+   * Returns the current viewport.
+   *
+   * @returns Viewport
+   */
   getViewport: GetViewport;
+  /**
+   * Fits the view.
+   *
+   * @param options.padding - optional padding
+   * @param options.includeHiddenNodes - optional includeHiddenNodes
+   * @param options.minZoom - optional minZoom
+   * @param options.maxZoom - optional maxZoom
+   * @param options.duration - optional duration. If set, a transition will be applied
+   * @param options.nodes - optional nodes to fit the view to
+   */
   fitView: FitView;
+  /**
+   * Sets the center of the view to the given position.
+   *
+   * @param x - x position
+   * @param y - y position
+   * @param options.zoom - optional zoom
+   */
   setCenter: SetCenter;
+  /**
+   * Fits the view to the given bounds .
+   *
+   * @param bounds - the bounds ({ x: number, y: number, width: number, height: number }) to fit the view to
+   * @param options.padding - optional padding
+   */
   fitBounds: FitBounds;
-  screenToFlowPosition: (position: XYPosition, options?: { snapToGrid: boolean }) => XYPosition;
-  flowToScreenPosition: (position: XYPosition) => XYPosition;
+  /**
+   * Converts a screen / client position to a flow position.
+   *
+   * @param clientPosition - the screen / client position. When you are working with events you can use event.clientX and event.clientY
+   * @param options.snapToGrid - if true, the converted position will be snapped to the grid
+   * @returns position as { x: number, y: number }
+   *
+   * @example
+   * const flowPosition = screenToFlowPosition({ x: event.clientX, y: event.clientY })
+   */
+  screenToFlowPosition: (clientPosition: XYPosition, options?: { snapToGrid: boolean }) => XYPosition;
+  /**
+   * Converts a flow position to a screen / client position.
+   *
+   * @param flowPosition - the screen / client position. When you are working with events you can use event.clientX and event.clientY
+   * @returns position as { x: number, y: number }
+   *
+   * @example
+   * const clientPosition = flowToScreenPosition({ x: node.position.x, y: node.position.y })
+   */
+  flowToScreenPosition: (flowPosition: XYPosition) => XYPosition;
   viewportInitialized: boolean;
 };
 
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 6b37fd14e..d34c23dcd 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -59,19 +59,112 @@ export namespace Instance {
 }
 
 export type ReactFlowInstance<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
+  /**
+   * Returns nodes.
+   *
+   * @returns nodes array
+   */
   getNodes: Instance.GetNodes<NodeType>;
+  /**
+   * Sets nodes.
+   *
+   * @param payload - the nodes to set or a function that receives the current nodes and returns the new nodes
+   */
   setNodes: Instance.SetNodes<NodeType>;
+  /**
+   * Adds nodes.
+   *
+   * @param payload - the nodes to add
+   */
   addNodes: Instance.AddNodes<NodeType>;
+  /**
+   * Returns a node by id.
+   *
+   * @param id - the node id
+   * @returns the node or undefined if no node was found
+   */
   getNode: Instance.GetNode<NodeType>;
+  /**
+   * Returns edges.
+   *
+   * @returns edges array
+   */
   getEdges: Instance.GetEdges<EdgeType>;
+  /**
+   * Sets edges.
+   *
+   * @param payload - the edges to set or a function that receives the current edges and returns the new edges
+   */
   setEdges: Instance.SetEdges<EdgeType>;
+  /**
+   * Adds edges.
+   *
+   * @param payload - the edges to add
+   */
   addEdges: Instance.AddEdges<EdgeType>;
+  /**
+   * Returns an edge by id.
+   *
+   * @param id - the edge id
+   * @returns the edge or undefined if no edge was found
+   */
   getEdge: Instance.GetEdge<EdgeType>;
+  /**
+   * Returns the nodes, edges and the viewport as a JSON object.
+   *
+   * @returns the nodes, edges and the viewport as a JSON object
+   */
   toObject: Instance.ToObject<NodeType, EdgeType>;
+  /**
+   * Deletes nodes and edges.
+   *
+   * @param params.nodes - optional nodes array to delete
+   * @param params.edges - optional edges array to delete
+   *
+   * @returns a promise that resolves with the deleted nodes and edges
+   */
   deleteElements: Instance.DeleteElements;
+  /**
+   * Returns all nodes that intersect with the given node or rect.
+   *
+   * @param node - the node or rect to check for intersections
+   * @param partially - if true, the node is considered to be intersecting if it partially overlaps with the passed node or rect
+   * @param nodes - optional nodes array to check for intersections
+   *
+   * @returns an array of intersecting nodes
+   */
   getIntersectingNodes: Instance.GetIntersectingNodes<NodeType>;
+  /**
+   * Checks if the given node or rect intersects with the passed rect.
+   *
+   * @param node - the node or rect to check for intersections
+   * @param area - the rect to check for intersections
+   * @param partially - if true, the node is considered to be intersecting if it partially overlaps with the passed react
+   *
+   * @returns true if the node or rect intersects with the given area
+   */
   isNodeIntersecting: Instance.IsNodeIntersecting<NodeType>;
+  /**
+   * Updates a node.
+   *
+   * @param id - id of the node to update
+   * @param nodeUpdate - the node update as an object or a function that receives the current node and returns the node update
+   * @param options.replace - if true, the node is replaced with the node update, otherwise the changes get merged
+   *
+   * @example
+   * updateNode('node-1', (node) => ({ position: { x: node.position.x + 10, y: node.position.y } }));
+   */
   updateNode: Instance.UpdateNode<NodeType>;
+  /**
+   * Updates the data attribute of a node.
+   *
+   * @param id - id of the node to update
+   * @param dataUpdate - the data update as an object or a function that receives the current data and returns the data update
+   * @param options.replace - if true, the data is replaced with the data update, otherwise the changes get merged
+   *
+   * @example
+   * updateNodeData('node-1', { label: 'A new label' });
+   */
   updateNodeData: Instance.UpdateNodeData<NodeType>;
   viewportInitialized: boolean;
 } & Omit<ViewportHelperFunctions, 'initialized'>;
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index b6bb941ef..c035a52a4 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -24,32 +24,136 @@ import { isNode } from '$lib/utils';
  * Hook for accessing the ReactFlow instance.
  *
  * @public
+ *
  * @returns helper functions
  */
 export function useSvelteFlow(): {
+  /**
+   * Zooms viewport in by 1.2.
+   *
+   * @param options.duration - optional duration. If set, a transition will be applied
+   */
   zoomIn: ZoomInOut;
+  /**
+   * Zooms viewport out by 1 / 1.2.
+   *
+   * @param options.duration - optional duration. If set, a transition will be applied
+   */
   zoomOut: ZoomInOut;
+  /**
+   * Returns a node by id.
+   *
+   * @param id - the node id
+   * @returns the node or undefined if no node was found
+   */
   getNode: (id: string) => Node | undefined;
+  /**
+   * Returns nodes.
+   *
+   * @returns nodes array
+   */
   getNodes: (ids?: string[]) => Node[];
+  /**
+   * Returns an edge by id.
+   *
+   * @param id - the edge id
+   * @returns the edge or undefined if no edge was found
+   */
   getEdge: (id: string) => Edge | undefined;
+  /**
+   * Returns edges.
+   *
+   * @returns edges array
+   */
   getEdges: (ids?: string[]) => Edge[];
+  /**
+   * Sets the current zoom level.
+   *
+   * @param zoomLevel - the zoom level to set
+   * @param options.duration - optional duration. If set, a transition will be applied
+   */
   setZoom: (zoomLevel: number, options?: ViewportHelperFunctionOptions) => void;
+  /**
+   * Returns the current zoom level.
+   *
+   * @returns current zoom as a number
+   */
   getZoom: () => number;
+  /**
+   * Sets the center of the view to the given position.
+   *
+   * @param x - x position
+   * @param y - y position
+   * @param options.zoom - optional zoom
+   */
   setCenter: (x: number, y: number, options?: SetCenterOptions) => void;
+  /**
+   * Sets the current viewport.
+   *
+   * @param viewport - the viewport to set
+   * @param options.duration - optional duration. If set, a transition will be applied
+   */
   setViewport: (viewport: Viewport, options?: ViewportHelperFunctionOptions) => void;
+  /**
+   * Returns the current viewport.
+   *
+   * @returns Viewport
+   */
   getViewport: () => Viewport;
+  /**
+   * Fits the view.
+   *
+   * @param options.padding - optional padding
+   * @param options.includeHiddenNodes - optional includeHiddenNodes
+   * @param options.minZoom - optional minZoom
+   * @param options.maxZoom - optional maxZoom
+   * @param options.duration - optional duration. If set, a transition will be applied
+   * @param options.nodes - optional nodes to fit the view to
+   */
   fitView: (options?: FitViewOptions) => void;
+  /**
+   * Returns all nodes that intersect with the given node or rect.
+   *
+   * @param node - the node or rect to check for intersections
+   * @param partially - if true, the node is considered to be intersecting if it partially overlaps with the passed node or rect
+   * @param nodes - optional nodes array to check for intersections
+   *
+   * @returns an array of intersecting nodes
+   */
   getIntersectingNodes: (
     nodeOrRect: Node | { id: Node['id'] } | Rect,
     partially?: boolean,
     nodesToIntersect?: Node[]
   ) => Node[];
+  /**
+   * Checks if the given node or rect intersects with the passed rect.
+   *
+   * @param node - the node or rect to check for intersections
+   * @param area - the rect to check for intersections
+   * @param partially - if true, the node is considered to be intersecting if it partially overlaps with the passed react
+   *
+   * @returns true if the node or rect intersects with the given area
+   */
   isNodeIntersecting: (
     nodeOrRect: Node | { id: Node['id'] } | Rect,
     area: Rect,
     partially?: boolean
   ) => boolean;
+  /**
+   * Fits the view to the given bounds .
+   *
+   * @param bounds - the bounds ({ x: number, y: number, width: number, height: number }) to fit the view to
+   * @param options.padding - optional padding
+   */
   fitBounds: (bounds: Rect, options?: FitBoundsOptions) => void;
+  /**
+   * Deletes nodes and edges.
+   *
+   * @param params.nodes - optional nodes array to delete
+   * @param params.edges - optional edges array to delete
+   *
+   * @returns a promise that resolves with the deleted nodes and edges
+   */
   deleteElements: ({
     nodes,
     edges
@@ -57,19 +161,66 @@ export function useSvelteFlow(): {
     nodes?: (Node | { id: Node['id'] })[];
     edges?: (Edge | { id: Edge['id'] })[];
   }) => Promise<{ deletedNodes: Node[]; deletedEdges: Edge[] }>;
-  screenToFlowPosition: (position: XYPosition, options?: { snapToGrid: boolean }) => XYPosition;
-  flowToScreenPosition: (position: XYPosition) => XYPosition;
+  /**
+   * Converts a screen / client position to a flow position.
+   *
+   * @param clientPosition - the screen / client position. When you are working with events you can use event.clientX and event.clientY
+   * @param options.snapToGrid - if true, the converted position will be snapped to the grid
+   * @returns position as { x: number, y: number }
+   *
+   * @example
+   * const flowPosition = screenToFlowPosition({ x: event.clientX, y: event.clientY })
+   */
+  screenToFlowPosition: (
+    clientPosition: XYPosition,
+    options?: { snapToGrid: boolean }
+  ) => XYPosition;
+  /**
+   * Converts a flow position to a screen / client position.
+   *
+   * @param flowPosition - the screen / client position. When you are working with events you can use event.clientX and event.clientY
+   * @returns position as { x: number, y: number }
+   *
+   * @example
+   * const clientPosition = flowToScreenPosition({ x: node.position.x, y: node.position.y })
+   */
+  flowToScreenPosition: (flowPosition: XYPosition) => XYPosition;
   viewport: Writable<Viewport>;
+  /**
+   * Updates a node.
+   *
+   * @param id - id of the node to update
+   * @param nodeUpdate - the node update as an object or a function that receives the current node and returns the node update
+   * @param options.replace - if true, the node is replaced with the node update, otherwise the changes get merged
+   *
+   * @example
+   * updateNode('node-1', (node) => ({ position: { x: node.position.x + 10, y: node.position.y } }));
+   */
   updateNode: (
     id: string,
     nodeUpdate: Partial<Node> | ((node: Node) => Partial<Node>),
     options?: { replace: boolean }
   ) => void;
+  /**
+   * Updates the data attribute of a node.
+   *
+   * @param id - id of the node to update
+   * @param dataUpdate - the data update as an object or a function that receives the current data and returns the data update
+   * @param options.replace - if true, the data is replaced with the data update, otherwise the changes get merged
+   *
+   * @example
+   * updateNodeData('node-1', { label: 'A new label' });
+   */
   updateNodeData: (
     id: string,
     dataUpdate: object | ((node: Node) => object),
     options?: { replace: boolean }
   ) => void;
+  /**
+   * Returns the nodes, edges and the viewport as a JSON object.
+   *
+   * @returns the nodes, edges and the viewport as a JSON object
+   */
   toObject: () => { nodes: Node[]; edges: Edge[]; viewport: Viewport };
 } {
   const {
@@ -263,6 +414,11 @@ export function useSvelteFlow(): {
         _snapGrid || [1, 1]
       );
     },
+    /**
+     *
+     * @param position
+     * @returns
+     */
     flowToScreenPosition: (position: XYPosition) => {
       const _domNode = get(domNode);
 
@@ -279,6 +435,7 @@ export function useSvelteFlow(): {
         y: rendererPosition.y + domY
       };
     },
+
     toObject: () => {
       return {
         nodes: get(nodes).map((node) => ({

From 19bcfe28a23a7e761c05b804eba0ba45cefb6f93 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 25 Jan 2024 17:46:46 +0100
Subject: [PATCH 0560/1093] fix(getNodesBounds): use absolute position by
 default, add options param

---
 packages/react/CHANGELOG.md                   |  1 +
 .../additional-components/MiniMap/MiniMap.tsx |  3 +-
 .../NodeToolbar/NodeToolbar.tsx               |  2 +-
 .../src/components/NodesSelection/index.tsx   |  2 +-
 packages/react/src/store/initialState.ts      |  3 +-
 packages/svelte/CHANGELOG.md                  |  1 +
 .../plugins/NodeToolbar/NodeToolbar.svelte    |  2 +-
 .../svelte/src/lib/store/initial-store.ts     |  3 +-
 packages/system/src/utils/graph.ts            | 30 ++++++++++++-------
 packages/system/src/utils/store.ts            |  2 +-
 packages/system/src/xydrag/XYDrag.ts          |  2 +-
 11 files changed, 33 insertions(+), 18 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 9b83293c3..8b366ce14 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -8,6 +8,7 @@
 - fix `OnNodeDrag` type
 - do not use fallback handle if a specific id is being used
 - fix `defaultEdgeOptions` markers not being applied
+- fix `getNodesBounds` and add second param for passing options
 
 ## 12.0.0-next.7
 
diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index 34a66fa12..cd3f64ae7 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -25,7 +25,8 @@ const selector = (s: ReactFlowState) => {
 
   return {
     viewBB,
-    boundingRect: s.nodes.length > 0 ? getBoundsOfRects(getNodesBounds(s.nodes, s.nodeOrigin), viewBB) : viewBB,
+    boundingRect:
+      s.nodes.length > 0 ? getBoundsOfRects(getNodesBounds(s.nodes, { nodeOrigin: s.nodeOrigin }), viewBB) : viewBB,
     rfId: s.rfId,
     nodeOrigin: s.nodeOrigin,
     panZoom: s.panZoom,
diff --git a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
index a681d6f3b..0ecc81856 100644
--- a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
+++ b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
@@ -73,7 +73,7 @@ export function NodeToolbar({
     return null;
   }
 
-  const nodeRect: Rect = getNodesBounds(nodes, nodeOrigin);
+  const nodeRect: Rect = getNodesBounds(nodes, { nodeOrigin });
   const zIndex: number = Math.max(...nodes.map((node) => (node[internalsSymbol]?.z || 1) + 1));
 
   const wrapperStyle: CSSProperties = {
diff --git a/packages/react/src/components/NodesSelection/index.tsx b/packages/react/src/components/NodesSelection/index.tsx
index f8aeb77c5..d3ed7a06b 100644
--- a/packages/react/src/components/NodesSelection/index.tsx
+++ b/packages/react/src/components/NodesSelection/index.tsx
@@ -22,7 +22,7 @@ export type NodesSelectionProps = {
 
 const selector = (s: ReactFlowState) => {
   const selectedNodes = s.nodes.filter((n) => n.selected);
-  const { width, height, x, y } = getNodesBounds(selectedNodes, s.nodeOrigin);
+  const { width, height, x, y } = getNodesBounds(selectedNodes, { nodeOrigin: s.nodeOrigin });
 
   return {
     width,
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 109899d6e..aace0bb48 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -38,7 +38,8 @@ const getInitialState = ({
 
   if (fitView && width && height) {
     const nodesWithDimensions = nextNodes.filter((node) => node.width && node.height);
-    const bounds = getNodesBounds(nodesWithDimensions, [0, 0]);
+    // @todo users nodeOrigin should be used here
+    const bounds = getNodesBounds(nodesWithDimensions, { nodeOrigin: [0, 0] });
     const { x, y, zoom } = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
     transform = [x, y, zoom];
   }
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 4bdc84614..b534df653 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -13,6 +13,7 @@
 - Edge label has a default background and is clickable
 - do not use fallback handle if a specific id is being used
 - use correct id for `<Handle />` data-id attribute
+- fix `getNodesBounds` and add second param for passing options
 
 ## 0.0.34
 
diff --git a/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte b/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
index fab6ce2df..ca6dba1f6 100644
--- a/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
+++ b/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
@@ -58,7 +58,7 @@
         height: toolbarNode.computed?.height ?? toolbarNode.height ?? 0
       };
     } else if (toolbarNodes.length > 1) {
-      nodeRect = getNodesBounds(toolbarNodes, $nodeOrigin);
+      nodeRect = getNodesBounds(toolbarNodes, { nodeOrigin: $nodeOrigin });
     }
 
     if (nodeRect) {
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index fedaa3645..6c18c8772 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -92,7 +92,8 @@ export const getInitialStore = ({
 
   if (fitView && width && height) {
     const nodesWithDimensions = nextNodes.filter((node) => node.width && node.height);
-    const bounds = getNodesBounds(nodesWithDimensions, [0, 0]);
+    // @todo users nodeOrigin should be used here
+    const bounds = getNodesBounds(nodesWithDimensions, { nodeOrigin: [0, 0] });
     viewport = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
   }
 
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 9dd23a1c2..6407d1a14 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -102,11 +102,13 @@ export const getIncomers = <NodeType extends NodeBase = NodeBase, EdgeType exten
 export const getNodePositionWithOrigin = (
   node: NodeBase | undefined,
   nodeOrigin: NodeOrigin = [0, 0]
-): XYPosition & { positionAbsolute: XYPosition } => {
+): { position: XYPosition; positionAbsolute: XYPosition } => {
   if (!node) {
     return {
-      x: 0,
-      y: 0,
+      position: {
+        x: 0,
+        y: 0,
+      },
       positionAbsolute: {
         x: 0,
         y: 0,
@@ -123,7 +125,7 @@ export const getNodePositionWithOrigin = (
   };
 
   return {
-    ...position,
+    position,
     positionAbsolute: node.computed?.positionAbsolute
       ? {
           x: node.computed.positionAbsolute.x - offsetX,
@@ -133,27 +135,35 @@ export const getNodePositionWithOrigin = (
   };
 };
 
+export type GetNodesBoundsParams = {
+  nodeOrigin?: NodeOrigin;
+  useRelativePosition?: boolean;
+};
+
 /**
  * Determines a bounding box that contains all given nodes in an array
  * @public
  * @remarks Useful when combined with {@link getViewportForBounds} to calculate the correct transform to fit the given nodes in a viewport.
  * @param nodes - Nodes to calculate the bounds for
- * @param nodeOrigin - Origin of the nodes: [0, 0] - top left, [0.5, 0.5] - center
+ * @param params.nodeOrigin - Origin of the nodes: [0, 0] - top left, [0.5, 0.5] - center
+ * @param params.useRelativePosition - Whether to use the relative or absolute node positions
  * @returns Bounding box enclosing all nodes
  */
-export const getNodesBounds = (nodes: NodeBase[], nodeOrigin: NodeOrigin = [0, 0]): Rect => {
+export const getNodesBounds = (
+  nodes: NodeBase[],
+  params: GetNodesBoundsParams = { nodeOrigin: [0, 0], useRelativePosition: false }
+): Rect => {
   if (nodes.length === 0) {
     return { x: 0, y: 0, width: 0, height: 0 };
   }
 
   const box = nodes.reduce(
     (currBox, node) => {
-      const { x, y } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
+      const nodePos = getNodePositionWithOrigin(node, node.origin || params.nodeOrigin);
       return getBoundsOfBoxes(
         currBox,
         rectToBox({
-          x,
-          y,
+          ...nodePos[params.useRelativePosition ? 'position' : 'positionAbsolute'],
           width: node.computed?.width ?? node.width ?? 0,
           height: node.computed?.height ?? node.height ?? 0,
         })
@@ -239,7 +249,7 @@ export function fitView<Params extends FitViewParamsBase<NodeBase>, Options exte
   });
 
   if (filteredNodes.length > 0) {
-    const bounds = getNodesBounds(filteredNodes, nodeOrigin);
+    const bounds = getNodesBounds(filteredNodes, { nodeOrigin });
 
     const viewport = getViewportForBounds(
       bounds,
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 8efb84c24..51cb13299 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -136,7 +136,7 @@ function calculateXYZPosition<NodeType extends NodeBase>(
   }
 
   const parentNode = nodeLookup.get(node.parentNode)!;
-  const parentNodePosition = getNodePositionWithOrigin(parentNode, parentNode?.origin || nodeOrigin);
+  const { position: parentNodePosition } = getNodePositionWithOrigin(parentNode, parentNode?.origin || nodeOrigin);
 
   return calculateXYZPosition(
     parentNode,
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index b2e8af9ff..ffd19f373 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -120,7 +120,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
       let nodesBox: Box = { x: 0, y: 0, x2: 0, y2: 0 };
 
       if (dragItems.length > 1 && nodeExtent) {
-        const rect = getNodesBounds(dragItems as unknown as NodeBase[], nodeOrigin);
+        const rect = getNodesBounds(dragItems as unknown as NodeBase[], { nodeOrigin });
         nodesBox = rectToBox(rect);
       }
 

From 39ea6013326bc6de074caf6783e1bd4626c2a069 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 25 Jan 2024 18:20:02 +0100
Subject: [PATCH 0561/1093] resizer now respects parentExtent

---
 packages/system/src/xyresizer/XYResizer.ts |  37 ++++-
 packages/system/src/xyresizer/utils.ts     | 167 +++++++++++++++++----
 2 files changed, 165 insertions(+), 39 deletions(-)

diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index c4c97237a..ae81b1a03 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -3,7 +3,7 @@ import { select } from 'd3-selection';
 
 import { getControlDirection, getDimensionsAfterResize, getPositionAfterResize, getResizeDirection } from './utils';
 import { getPointerPosition } from '../utils';
-import type { NodeBase, NodeLookup, Transform } from '../types';
+import type { CoordinateExtent, NodeBase, NodeLookup, Transform } from '../types';
 import type { OnResize, OnResizeEnd, OnResizeStart, ResizeDragEvent, ShouldResize, ControlPosition } from './types';
 
 const initPrevValues = { width: 0, height: 0, x: 0, y: 0 };
@@ -34,6 +34,7 @@ export type XYResizerChildChange = {
     x: number;
     y: number;
   };
+  extent?: 'parent' | CoordinateExtent;
 };
 
 type XYResizerParams = {
@@ -69,6 +70,13 @@ export type XYResizerInstance = {
   destroy: () => void;
 };
 
+function nodeToParentExtent(node: NodeBase): CoordinateExtent {
+  return [
+    [0, 0],
+    [node.computed!.width!, node.computed!.height!],
+  ];
+}
+
 export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResizerParams): XYResizerInstance {
   const selection = select(domNode);
 
@@ -114,6 +122,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
             childNodes.push({
               id: _nodeId,
               position: { ..._node.position },
+              extent: _node.extent,
             });
           }
         });
@@ -131,20 +140,31 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
 
           const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues;
 
-          const { width, height } = getDimensionsAfterResize(
+          let extent = undefined;
+          if (node.extent === 'parent') {
+            const parentNode = nodeLookup.get(node.parentNode!);
+            if (parentNode) {
+              extent = nodeToParentExtent(parentNode);
+            }
+          }
+
+          const { width, height, x, y } = getDimensionsAfterResize(
             startValues,
             controlDirection,
             pointerPosition,
             boundaries,
-            keepAspectRatio
+            keepAspectRatio,
+            extent
           );
 
           const isWidthChange = width !== prevWidth;
           const isHeightChange = height !== prevHeight;
 
           if (controlDirection.affectsX || controlDirection.affectsY) {
-            const { x, y } = getPositionAfterResize(startValues, controlDirection, width, height);
-
+            // const {
+            //   x,
+            //   y,
+            // } = getPositionAfterResize(startValues, controlDirection, width, height, extent);
             // only transform the node if the width or height changes
             const isXPosChange = x !== prevX && isWidthChange;
             const isYPosChange = y !== prevY && isHeightChange;
@@ -173,12 +193,15 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
           }
 
           if (isWidthChange || isHeightChange) {
+            if (extent) {
+            }
+            // console.log(clampedX, clampedY);
             change.isWidthChange = isWidthChange;
             change.isHeightChange = isHeightChange;
             change.width = width;
             change.height = height;
-            prevValues.width = width;
-            prevValues.height = height;
+            prevValues.width = change.width;
+            prevValues.height = change.height;
           }
 
           if (!change.isXPosChange && !change.isYPosChange && !isWidthChange && !isHeightChange) {
diff --git a/packages/system/src/xyresizer/utils.ts b/packages/system/src/xyresizer/utils.ts
index 0d7d8a9e6..ab54163af 100644
--- a/packages/system/src/xyresizer/utils.ts
+++ b/packages/system/src/xyresizer/utils.ts
@@ -1,3 +1,4 @@
+import { CoordinateExtent } from '../types';
 import { clamp, getPointerPosition } from '../utils';
 import { ControlPosition } from './types';
 
@@ -75,6 +76,18 @@ type StartValues = PrevValues & {
   aspectRatio: number;
 };
 
+function getLowerExtentClamp(lowerExtent: number, lowerBound: number) {
+  return Math.max(0, lowerBound - lowerExtent);
+}
+
+function getUpperExtentClamp(upperExtent: number, upperBound: number) {
+  return Math.max(0, upperExtent - upperBound);
+}
+
+function getSizeClamp(size: number, minSize: number, maxSize: number) {
+  return Math.max(0, minSize - size, size - maxSize);
+}
+
 /**
  * Calculates new width & height of node after resize based on pointer position
  * @param startValues - starting values of resize
@@ -89,48 +102,128 @@ export function getDimensionsAfterResize(
   controlDirection: ReturnType<typeof getControlDirection>,
   pointerPosition: ReturnType<typeof getPointerPosition>,
   boundaries: { minWidth: number; maxWidth: number; minHeight: number; maxHeight: number },
-  keepAspectRatio: boolean
+  keepAspectRatio: boolean,
+  extent?: CoordinateExtent
 ) {
-  const { isHorizontal, isVertical, affectsX, affectsY } = controlDirection;
+  let { affectsX, affectsY } = controlDirection;
+  const { isHorizontal, isVertical } = controlDirection;
+  const isDiagonal = isHorizontal && isVertical;
+
   const { xSnapped, ySnapped } = pointerPosition;
   const { minWidth, maxWidth, minHeight, maxHeight } = boundaries;
 
-  const { pointerX: startX, pointerY: startY, width: startWidth, height: startHeight, aspectRatio } = startValues;
-  const distX = Math.floor(isHorizontal ? xSnapped - startX : 0);
-  const distY = Math.floor(isVertical ? ySnapped - startY : 0);
+  const { x: startX, y: startY, width: startWidth, height: startHeight, aspectRatio } = startValues;
+  let distX = Math.floor(isHorizontal ? xSnapped - startValues.pointerX : 0);
+  let distY = Math.floor(isVertical ? ySnapped - startValues.pointerY : 0);
+
+  let newWidth = startWidth + (affectsX ? -distX : distX);
+  let newHeight = startHeight + (affectsY ? -distY : distY);
 
-  let width = clamp(startWidth + (affectsX ? -distX : distX), minWidth, maxWidth);
-  let height = clamp(startHeight + (affectsY ? -distY : distY), minHeight, maxHeight);
+  // Check if maxWidth, minWWidth, maxHeight, minHeight are restricting the resize
+  let clampX = getSizeClamp(newWidth, minWidth, maxWidth);
+  let clampY = getSizeClamp(newHeight, minHeight, maxHeight);
 
+  // Check if extent is restricting the resize
+  if (extent) {
+    let xExtentClamp = 0;
+    let yExtentClamp = 0;
+    if (affectsX && distX < 0) {
+      xExtentClamp = getLowerExtentClamp(startX + distX, extent[0][0]);
+    } else if (!affectsX && distX > 0) {
+      xExtentClamp = getUpperExtentClamp(startX + newWidth, extent[1][0]);
+    }
+
+    if (affectsY && distY < 0) {
+      yExtentClamp = getLowerExtentClamp(startY + distY, extent[0][1]);
+    } else if (!affectsY && distY > 0) {
+      yExtentClamp = getUpperExtentClamp(startY + newHeight, extent[1][1]);
+    }
+
+    clampX = Math.max(clampX, xExtentClamp);
+    clampY = Math.max(clampY, yExtentClamp);
+  }
+
+  // Check if the aspect ratio resizing of the other side is restricting the resize
   if (keepAspectRatio) {
-    const nextAspectRatio = width / height;
-    const isDiagonal = isHorizontal && isVertical;
-    const isOnlyHorizontal = isHorizontal && !isVertical;
-    const isOnlyVertical = isVertical && !isHorizontal;
-
-    width = (nextAspectRatio <= aspectRatio && isDiagonal) || isOnlyVertical ? height * aspectRatio : width;
-    height = (nextAspectRatio > aspectRatio && isDiagonal) || isOnlyHorizontal ? width / aspectRatio : height;
-
-    if (width >= maxWidth) {
-      width = maxWidth;
-      height = maxWidth / aspectRatio;
-    } else if (width <= minWidth) {
-      width = minWidth;
-      height = minWidth / aspectRatio;
+    if (isHorizontal) {
+      // Check if the max dimensions might be restricting the resize
+      const aspectHeightClamp = getSizeClamp(newWidth / aspectRatio, minHeight, maxHeight) * aspectRatio;
+      clampX = Math.max(clampX, aspectHeightClamp);
+
+      // Check if the extent is restricting the resize
+      if (extent) {
+        let aspectExtentClamp = 0;
+        if ((!affectsX && !affectsY) || (affectsX && !affectsY && isDiagonal)) {
+          aspectExtentClamp = getUpperExtentClamp(startY + newWidth / aspectRatio, extent[1][1]) * aspectRatio;
+        } else {
+          aspectExtentClamp =
+            getLowerExtentClamp(startY + (affectsX ? distX : -distX) / aspectRatio, extent[0][1]) * aspectRatio;
+        }
+        clampX = Math.max(clampX, aspectExtentClamp);
+      }
     }
 
-    if (height >= maxHeight) {
-      height = maxHeight;
-      width = maxHeight * aspectRatio;
-    } else if (height <= minHeight) {
-      height = minHeight;
-      width = minHeight * aspectRatio;
+    if (isVertical) {
+      const aspectWidthClamp = getSizeClamp(newHeight * aspectRatio, minWidth, maxWidth) / aspectRatio;
+      clampY = Math.max(clampY, aspectWidthClamp);
+
+      if (extent) {
+        let aspectExtentClamp = 0;
+        if ((!affectsX && !affectsY) || (affectsY && !affectsX && isDiagonal)) {
+          aspectExtentClamp = getUpperExtentClamp(startX + newHeight * aspectRatio, extent[1][0]) / aspectRatio;
+        } else {
+          aspectExtentClamp =
+            getLowerExtentClamp(startX + (affectsY ? distY : -distY) * aspectRatio, extent[0][0]) / aspectRatio;
+        }
+        clampY = Math.max(clampY, aspectExtentClamp);
+      }
+    }
+  }
+
+  distY = distY + (distY < 0 ? clampY : -clampY);
+  distX = distX + (distX < 0 ? clampX : -clampX);
+
+  function xor(a: boolean, b: boolean) {
+    return a ? !b : b;
+  }
+
+  if (keepAspectRatio) {
+    if (isDiagonal) {
+      if (newWidth > newHeight * aspectRatio) {
+        distY = (xor(affectsX, affectsY) ? -distX : distX) / aspectRatio;
+      } else {
+        distX = (xor(affectsX, affectsY) ? -distY : distY) * aspectRatio;
+      }
+    } else {
+      if (isHorizontal) {
+        if (affectsX) {
+          distY = distX / aspectRatio;
+          affectsY = true;
+        } else {
+          distY = distX / aspectRatio;
+        }
+      } else {
+        if (affectsY) {
+          distX = distY * aspectRatio;
+          affectsX = true;
+        } else {
+          distX = distY * aspectRatio;
+        }
+      }
     }
   }
 
+  let width = startWidth + (affectsX ? -distX : distX);
+  let height = startHeight + (affectsY ? -distY : distY);
+
+  let x = affectsX ? startX + distX : startX;
+  let y = affectsY ? startY + distY : startY;
+
   return {
     width,
     height,
+    x,
+    y,
   };
 }
 
@@ -146,10 +239,20 @@ export function getPositionAfterResize(
   startValues: StartValues,
   controlDirection: ReturnType<typeof getControlDirection>,
   width: number,
-  height: number
+  height: number,
+  extent?: CoordinateExtent
 ) {
-  return {
-    x: controlDirection.affectsX ? startValues.x - (width - startValues.width) : startValues.x,
-    y: controlDirection.affectsY ? startValues.y - (height - startValues.height) : startValues.y,
-  };
+  let x = controlDirection.affectsX ? startValues.x - (width - startValues.width) : startValues.x;
+  let y = controlDirection.affectsY ? startValues.y - (height - startValues.height) : startValues.y;
+  let clampedX = 0;
+  let clampedY = 0;
+
+  if (extent) {
+    clampedX = Math.max(Math.max(0, x - extent[1][0]), Math.max(0, extent[0][0] - x));
+    clampedY = Math.max(Math.max(0, y - extent[1][1]), Math.max(0, extent[0][1] - y));
+    x = x + clampedX;
+    y = y + clampedY;
+  }
+
+  return { x, y, clampedX, clampedY };
 }

From a027b26f1140728cdaa6a0430d6ed5d2b2525aab Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 25 Jan 2024 21:13:06 +0100
Subject: [PATCH 0562/1093] fix(react): expandParent option for child nodes

---
 packages/react/CHANGELOG.md         | 1 +
 packages/react/src/utils/changes.ts | 7 ++-----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 8b366ce14..6931ea5b2 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -9,6 +9,7 @@
 - do not use fallback handle if a specific id is being used
 - fix `defaultEdgeOptions` markers not being applied
 - fix `getNodesBounds` and add second param for passing options
+- fix `expandParent` for child nodes
 
 ## 12.0.0-next.7
 
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 6bcddabd5..310b784cd 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -6,10 +6,7 @@ export function handleParentExpand(updatedElements: any[], updateItem: any) {
   for (const [index, item] of updatedElements.entries()) {
     if (item.id === updateItem.parentNode) {
       const parent = { ...item };
-
-      if (!parent.computed) {
-        parent.computed = {};
-      }
+      parent.computed ??= {};
 
       const extendWidth = updateItem.position.x + updateItem.computed.width - parent.computed.width;
       const extendHeight = updateItem.position.y + updateItem.computed.height - parent.computed.height;
@@ -106,7 +103,7 @@ function applyChanges(changes: any[], elements: any[]): any[] {
     const updatedElement = { ...element };
 
     for (const change of changes) {
-      applyChange(change, updatedElement, elements);
+      applyChange(change, updatedElement, updatedElements);
     }
 
     updatedElements.push(updatedElement);

From 6caa4b9b97855d31605ecd31d1ae6ae01ead0054 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 25 Jan 2024 21:22:18 +0100
Subject: [PATCH 0563/1093] chore(packages): bump

---
 packages/react/package.json  | 2 +-
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index a7eb71c3b..097cba0da 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.7",
+  "version": "12.0.0-next.8",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 5095441ed..ac6882804 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.34",
+  "version": "0.0.35",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index 4eecdb572..e4fc68756 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From cccfc21114a43917c5b825dc2d649903ba4994c0 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Fri, 26 Jan 2024 09:57:19 +0100
Subject: [PATCH 0564/1093] refactor(react): minimap generic node type

---
 .../react/src/examples/CustomNode/index.tsx   |  7 ++--
 .../react/src/examples/UseNodesData/index.tsx |  2 +-
 .../additional-components/MiniMap/MiniMap.tsx | 12 +++----
 .../MiniMap/MiniMapNodes.tsx                  | 33 ++++++++++---------
 packages/react/src/types/nodes.ts             |  2 ++
 5 files changed, 31 insertions(+), 25 deletions(-)

diff --git a/examples/react/src/examples/CustomNode/index.tsx b/examples/react/src/examples/CustomNode/index.tsx
index 772d4ddd4..32bf34a09 100644
--- a/examples/react/src/examples/CustomNode/index.tsx
+++ b/examples/react/src/examples/CustomNode/index.tsx
@@ -16,6 +16,7 @@ import {
   OnNodesChange,
   OnConnect,
   OnBeforeDelete,
+  BuiltInNode,
 } from '@xyflow/react';
 
 import ColorSelectorNode from './ColorSelectorNode';
@@ -24,7 +25,7 @@ export type ColorSelectorNode = Node<
   { color: string; onChange: (event: ChangeEvent<HTMLInputElement>) => void },
   'selectorNode'
 >;
-export type MyNode = Node | ColorSelectorNode;
+export type MyNode = BuiltInNode | ColorSelectorNode;
 
 const onInit: OnInit<MyNode> = (reactFlowInstance) => {
   console.log('flow loaded:', reactFlowInstance);
@@ -61,7 +62,7 @@ const CustomNodeFlow = () => {
     const onChange = (event: ChangeEvent<HTMLInputElement>) => {
       setNodes((nds) =>
         nds.map((node) => {
-          if (node.id !== '2') {
+          if (node.id !== '2' || node.type !== 'selectorNode') {
             return node;
           }
 
@@ -164,7 +165,7 @@ const CustomNodeFlow = () => {
       maxZoom={2}
       onBeforeDelete={onBeforeDelete}
     >
-      <MiniMap
+      <MiniMap<MyNode>
         nodeStrokeColor={(n: MyNode): string => {
           if (n.type === 'input') return '#0041d0';
           if (n.type === 'selectorNode') return bgColor;
diff --git a/examples/react/src/examples/UseNodesData/index.tsx b/examples/react/src/examples/UseNodesData/index.tsx
index d99ddb432..b9bc68f1f 100644
--- a/examples/react/src/examples/UseNodesData/index.tsx
+++ b/examples/react/src/examples/UseNodesData/index.tsx
@@ -18,7 +18,7 @@ import UppercaseNode from './UppercaseNode';
 export type TextNode = Node<{ text: string }, 'text'>;
 export type ResultNode = Node<{}, 'result'>;
 export type UppercaseNode = Node<{}, 'uppercase'>;
-export type MyNode = Node | TextNode | ResultNode | UppercaseNode;
+export type MyNode = TextNode | ResultNode | UppercaseNode;
 
 const nodeTypes = {
   text: TextNode,
diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index cd3f64ae7..60caca1be 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -7,7 +7,7 @@ import { getNodesBounds, getBoundsOfRects, XYMinimap, type Rect, type XYMinimapI
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { Panel } from '../../components/Panel';
-import type { ReactFlowState } from '../../types';
+import type { ReactFlowState, Node } from '../../types';
 
 import MiniMapNodes from './MiniMapNodes';
 import type { MiniMapProps } from './types';
@@ -38,7 +38,7 @@ const selector = (s: ReactFlowState) => {
 
 const ARIA_LABEL_KEY = 'react-flow__minimap-desc';
 
-function MiniMapComponent({
+function MiniMapComponent<NodeType extends Node = Node>({
   style,
   className,
   nodeStrokeColor,
@@ -61,7 +61,7 @@ function MiniMapComponent({
   inversePan,
   zoomStep = 10,
   offsetScale = 5,
-}: MiniMapProps) {
+}: MiniMapProps<NodeType>) {
   const store = useStoreApi();
   const svg = useRef<SVGSVGElement>(null);
   const { boundingRect, viewBB, rfId, panZoom, translateExtent, flowWidth, flowHeight } = useStore(selector, shallow);
@@ -119,7 +119,7 @@ function MiniMapComponent({
 
   const onSvgNodeClick = onNodeClick
     ? useCallback((event: MouseEvent, nodeId: string) => {
-        const node = store.getState().nodeLookup.get(nodeId)!;
+        const node = store.getState().nodeLookup.get(nodeId)! as NodeType;
         onNodeClick(event, node);
       }, [])
     : undefined;
@@ -149,7 +149,7 @@ function MiniMapComponent({
         onClick={onSvgClick}
       >
         {ariaLabel && <title id={labelledBy}>{ariaLabel}</title>}
-        <MiniMapNodes
+        <MiniMapNodes<NodeType>
           onClick={onSvgNodeClick}
           nodeColor={nodeColor}
           nodeStrokeColor={nodeStrokeColor}
@@ -174,4 +174,4 @@ function MiniMapComponent({
 
 MiniMapComponent.displayName = 'MiniMap';
 
-export const MiniMap = memo(MiniMapComponent);
+export const MiniMap = memo(MiniMapComponent) as typeof MiniMapComponent;
diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index 63851aad7..0dfb8fffe 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -6,16 +6,17 @@ import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../../hooks/useStore';
 import { MiniMapNode } from './MiniMapNode';
-import type { ReactFlowState } from '../../types';
+import type { ReactFlowState, Node } from '../../types';
 import type { MiniMapNodes as MiniMapNodesProps, GetMiniMapNodeAttribute, MiniMapNodeProps } from './types';
 
 declare const window: any;
 
 const selector = (s: ReactFlowState) => s.nodeOrigin;
 const selectorNodeIds = (s: ReactFlowState) => s.nodes.map((node) => node.id);
-const getAttrFunction = (func: any): GetMiniMapNodeAttribute => (func instanceof Function ? func : () => func);
+const getAttrFunction = <NodeType extends Node>(func: any): GetMiniMapNodeAttribute<NodeType> =>
+  func instanceof Function ? func : () => func;
 
-function MiniMapNodes({
+function MiniMapNodes<NodeType extends Node>({
   nodeStrokeColor,
   nodeColor,
   nodeClassName = '',
@@ -25,12 +26,12 @@ function MiniMapNodes({
   // a component properly.
   nodeComponent: NodeComponent = MiniMapNode,
   onClick,
-}: MiniMapNodesProps) {
+}: MiniMapNodesProps<NodeType>) {
   const nodeIds = useStore(selectorNodeIds, shallow);
   const nodeOrigin = useStore(selector);
-  const nodeColorFunc = getAttrFunction(nodeColor);
-  const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
-  const nodeClassNameFunc = getAttrFunction(nodeClassName);
+  const nodeColorFunc = getAttrFunction<NodeType>(nodeColor);
+  const nodeStrokeColorFunc = getAttrFunction<NodeType>(nodeStrokeColor);
+  const nodeClassNameFunc = getAttrFunction<NodeType>(nodeClassName);
 
   const shapeRendering = typeof window === 'undefined' || !!window.chrome ? 'crispEdges' : 'geometricPrecision';
 
@@ -42,7 +43,7 @@ function MiniMapNodes({
         // minimize the cost of updates when individual nodes change.
         //
         // For more details, see a similar commit in `NodeRenderer/index.tsx`.
-        <NodeComponentWrapper
+        <NodeComponentWrapper<NodeType>
           key={nodeId}
           id={nodeId}
           nodeOrigin={nodeOrigin}
@@ -60,7 +61,7 @@ function MiniMapNodes({
   );
 }
 
-const NodeComponentWrapper = memo(function NodeComponentWrapper({
+function NodeComponentWrapperInner<NodeType extends Node>({
   id,
   nodeOrigin,
   nodeColorFunc,
@@ -74,9 +75,9 @@ const NodeComponentWrapper = memo(function NodeComponentWrapper({
 }: {
   id: string;
   nodeOrigin: NodeOrigin;
-  nodeColorFunc: GetMiniMapNodeAttribute;
-  nodeStrokeColorFunc: GetMiniMapNodeAttribute;
-  nodeClassNameFunc: GetMiniMapNodeAttribute;
+  nodeColorFunc: GetMiniMapNodeAttribute<NodeType>;
+  nodeStrokeColorFunc: GetMiniMapNodeAttribute<NodeType>;
+  nodeClassNameFunc: GetMiniMapNodeAttribute<NodeType>;
   nodeBorderRadius: number;
   nodeStrokeWidth?: number;
   NodeComponent: ComponentType<MiniMapNodeProps>;
@@ -84,7 +85,7 @@ const NodeComponentWrapper = memo(function NodeComponentWrapper({
   shapeRendering: string;
 }) {
   const { node, x, y } = useStore((s) => {
-    const node = s.nodeLookup.get(id);
+    const node = s.nodeLookup.get(id) as NodeType;
     const { x, y } = getNodePositionWithOrigin(node, node?.origin || nodeOrigin).positionAbsolute;
 
     return {
@@ -115,6 +116,8 @@ const NodeComponentWrapper = memo(function NodeComponentWrapper({
       id={node.id}
     />
   );
-});
+}
+
+const NodeComponentWrapper = memo(NodeComponentWrapperInner) as typeof NodeComponentWrapperInner;
 
-export default memo(MiniMapNodes);
+export default memo(MiniMapNodes) as typeof MiniMapNodes;
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index 9b28c78fc..9ef7b9c32 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -48,3 +48,5 @@ export type NodeWrapperProps<NodeType extends Node> = {
   nodeOrigin: NodeOrigin;
   onError?: OnError;
 };
+
+export type BuiltInNode = Node<{ label: string }, 'input' | 'output' | 'default'>;

From ddda4615c69308672e03b9d4793f10ff2fdeeb6d Mon Sep 17 00:00:00 2001
From: Jeff Jenner <thetooth@ameoto.com>
Date: Sat, 27 Jan 2024 16:01:40 +1030
Subject: [PATCH 0565/1093] Propagate on:panecontextmenu event to SvelteFlow
 component so right click cb works

---
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte  | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 7f3baf365..6a80ef625 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -215,7 +215,12 @@
     panOnScroll={panOnScroll === undefined ? false : panOnScroll}
     panOnDrag={panOnDrag === undefined ? true : panOnDrag}
   >
-    <Pane on:paneclick panOnDrag={panOnDrag === undefined ? true : panOnDrag} {selectionOnDrag}>
+    <Pane
+      on:paneclick
+      on:panecontextmenu
+      panOnDrag={panOnDrag === undefined ? true : panOnDrag}
+      {selectionOnDrag}
+    >
       <ViewportComponent>
         <EdgeRenderer on:edgeclick on:edgecontextmenu {defaultEdgeOptions} />
         <ConnectionLine

From e3df7d1c69755bb61358bdb4106da1e3a04c3f7f Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 29 Jan 2024 11:47:05 +0100
Subject: [PATCH 0566/1093] children with parent=extent and expandParent
 restrict the resizing of the parent

---
 packages/system/src/xyresizer/XYResizer.ts | 116 ++++++++++++---------
 packages/system/src/xyresizer/utils.ts     |  84 +++++++--------
 2 files changed, 105 insertions(+), 95 deletions(-)

diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index ae81b1a03..43b75066f 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -1,7 +1,7 @@
 import { drag } from 'd3-drag';
 import { select } from 'd3-selection';
 
-import { getControlDirection, getDimensionsAfterResize, getPositionAfterResize, getResizeDirection } from './utils';
+import { getControlDirection, getDimensionsAfterResize, getResizeDirection } from './utils';
 import { getPointerPosition } from '../utils';
 import type { CoordinateExtent, NodeBase, NodeLookup, Transform } from '../types';
 import type { OnResize, OnResizeEnd, OnResizeStart, ResizeDragEvent, ShouldResize, ControlPosition } from './types';
@@ -77,6 +77,16 @@ function nodeToParentExtent(node: NodeBase): CoordinateExtent {
   ];
 }
 
+function nodeToChildExtent(child: NodeBase, parent: NodeBase): CoordinateExtent {
+  return [
+    [parent.position.x + child.position.x, parent.position.y + child.position.y],
+    [
+      parent.position.x + child.position.x + child.computed!.width!,
+      parent.position.y + child.position.y + child.computed!.height!,
+    ],
+  ];
+}
+
 export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResizerParams): XYResizerInstance {
   const selection = select(domNode);
 
@@ -94,44 +104,71 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
 
     const controlDirection = getControlDirection(controlPosition);
 
+    let node: NodeBase | undefined = undefined;
     let childNodes: XYResizerChildChange[] = [];
+    let parentExtent: CoordinateExtent | undefined = undefined;
+    let childExtent: CoordinateExtent | undefined = undefined;
 
     const dragHandler = drag<HTMLDivElement, unknown>()
       .on('start', (event: ResizeDragEvent) => {
         const { nodeLookup, transform, snapGrid, snapToGrid } = getStoreItems();
-        const node = nodeLookup.get(nodeId);
-        const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
-
-        prevValues = {
-          width: node?.computed?.width ?? 0,
-          height: node?.computed?.height ?? 0,
-          x: node?.position.x ?? 0,
-          y: node?.position.y ?? 0,
-        };
-
-        startValues = {
-          ...prevValues,
-          pointerX: xSnapped,
-          pointerY: ySnapped,
-          aspectRatio: prevValues.width / prevValues.height,
-        };
-
-        childNodes = [];
-        nodeLookup.forEach((_node, _nodeId) => {
-          if (_node.parentNode === nodeId) {
-            childNodes.push({
-              id: _nodeId,
-              position: { ..._node.position },
-              extent: _node.extent,
-            });
+        node = nodeLookup.get(nodeId);
+
+        if (node) {
+          const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
+
+          prevValues = {
+            width: node.computed?.width ?? 0,
+            height: node.computed?.height ?? 0,
+            x: node.position.x ?? 0,
+            y: node.position.y ?? 0,
+          };
+
+          startValues = {
+            ...prevValues,
+            pointerX: xSnapped,
+            pointerY: ySnapped,
+            aspectRatio: prevValues.width / prevValues.height,
+          };
+
+          if (node.extent === 'parent') {
+            const parentNode = nodeLookup.get(node.parentNode!);
+            if (parentNode) {
+              parentExtent = nodeToParentExtent(parentNode);
+            }
           }
-        });
-        onResizeStart?.(event, { ...prevValues });
+
+          // Collect all child nodes to correct their relative positions when top/left changes
+          // Determine largest minimal extent the parent node is allowed to resize to
+          childNodes = [];
+          childExtent = undefined;
+          nodeLookup.forEach((child, childId) => {
+            if (child.parentNode === nodeId) {
+              childNodes.push({
+                id: childId,
+                position: { ...child.position },
+                extent: child.extent,
+              });
+              if (child.extent === 'parent' || child.expandParent) {
+                const extent = nodeToChildExtent(child, node!);
+                if (childExtent) {
+                  childExtent = [
+                    [Math.min(extent[0][0], childExtent[0][0]), Math.min(extent[0][1], childExtent[0][1])],
+                    [Math.max(extent[1][0], childExtent[1][0]), Math.max(extent[1][1], childExtent[1][1])],
+                  ];
+                } else {
+                  childExtent = extent;
+                }
+              }
+            }
+          });
+
+          onResizeStart?.(event, { ...prevValues });
+        }
       })
       .on('drag', (event: ResizeDragEvent) => {
-        const { nodeLookup, transform, snapGrid, snapToGrid } = getStoreItems();
+        const { transform, snapGrid, snapToGrid } = getStoreItems();
         const pointerPosition = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
-        const node = nodeLookup.get(nodeId);
 
         let childChanges: XYResizerChildChange[] = [];
 
@@ -140,32 +177,20 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
 
           const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues;
 
-          let extent = undefined;
-          if (node.extent === 'parent') {
-            const parentNode = nodeLookup.get(node.parentNode!);
-            if (parentNode) {
-              extent = nodeToParentExtent(parentNode);
-            }
-          }
-
           const { width, height, x, y } = getDimensionsAfterResize(
             startValues,
             controlDirection,
             pointerPosition,
             boundaries,
             keepAspectRatio,
-            extent
+            parentExtent,
+            childExtent
           );
 
           const isWidthChange = width !== prevWidth;
           const isHeightChange = height !== prevHeight;
 
           if (controlDirection.affectsX || controlDirection.affectsY) {
-            // const {
-            //   x,
-            //   y,
-            // } = getPositionAfterResize(startValues, controlDirection, width, height, extent);
-            // only transform the node if the width or height changes
             const isXPosChange = x !== prevX && isWidthChange;
             const isYPosChange = y !== prevY && isHeightChange;
 
@@ -193,9 +218,6 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
           }
 
           if (isWidthChange || isHeightChange) {
-            if (extent) {
-            }
-            // console.log(clampedX, clampedY);
             change.isWidthChange = isWidthChange;
             change.isHeightChange = isHeightChange;
             change.width = width;
diff --git a/packages/system/src/xyresizer/utils.ts b/packages/system/src/xyresizer/utils.ts
index ab54163af..f284c4e7b 100644
--- a/packages/system/src/xyresizer/utils.ts
+++ b/packages/system/src/xyresizer/utils.ts
@@ -88,8 +88,12 @@ function getSizeClamp(size: number, minSize: number, maxSize: number) {
   return Math.max(0, minSize - size, size - maxSize);
 }
 
+function xor(a: boolean, b: boolean) {
+  return a ? !b : b;
+}
+
 /**
- * Calculates new width & height of node after resize based on pointer position
+ * Calculates new width & height and x & y of node after resize based on pointer position
  * @param startValues - starting values of resize
  * @param controlDirection - dimensions affected by the resize
  * @param pointerPosition - the current pointer position corrected for snapping
@@ -103,7 +107,8 @@ export function getDimensionsAfterResize(
   pointerPosition: ReturnType<typeof getPointerPosition>,
   boundaries: { minWidth: number; maxWidth: number; minHeight: number; maxHeight: number },
   keepAspectRatio: boolean,
-  extent?: CoordinateExtent
+  extent?: CoordinateExtent,
+  childExtent?: CoordinateExtent
 ) {
   let { affectsX, affectsY } = controlDirection;
   const { isHorizontal, isVertical } = controlDirection;
@@ -143,6 +148,26 @@ export function getDimensionsAfterResize(
     clampY = Math.max(clampY, yExtentClamp);
   }
 
+  // Check if the child extent is restricting the resize
+  if (childExtent) {
+    let xExtentClamp = 0;
+    let yExtentClamp = 0;
+    if (affectsX && distX > 0) {
+      xExtentClamp = getUpperExtentClamp(startX + distX, childExtent[0][0]);
+    } else if (!affectsX && distX < 0) {
+      xExtentClamp = getLowerExtentClamp(startX + newWidth, childExtent[1][0]);
+    }
+
+    if (affectsY && distY > 0) {
+      yExtentClamp = getUpperExtentClamp(startY + distY, childExtent[0][1]);
+    } else if (!affectsY && distY < 0) {
+      yExtentClamp = getLowerExtentClamp(startY + newHeight, childExtent[1][1]);
+    }
+
+    clampX = Math.max(clampX, xExtentClamp);
+    clampY = Math.max(clampY, yExtentClamp);
+  }
+
   // Check if the aspect ratio resizing of the other side is restricting the resize
   if (keepAspectRatio) {
     if (isHorizontal) {
@@ -161,8 +186,11 @@ export function getDimensionsAfterResize(
         }
         clampX = Math.max(clampX, aspectExtentClamp);
       }
+
+      // TODO: Check if the child extent is restricting the resize
     }
 
+    // Do the same thing for vertical resizing
     if (isVertical) {
       const aspectWidthClamp = getSizeClamp(newHeight * aspectRatio, minWidth, maxWidth) / aspectRatio;
       clampY = Math.max(clampY, aspectWidthClamp);
@@ -177,16 +205,14 @@ export function getDimensionsAfterResize(
         }
         clampY = Math.max(clampY, aspectExtentClamp);
       }
+
+      // TODO: Check if the child extent is restricting the resize
     }
   }
 
   distY = distY + (distY < 0 ? clampY : -clampY);
   distX = distX + (distX < 0 ? clampX : -clampX);
 
-  function xor(a: boolean, b: boolean) {
-    return a ? !b : b;
-  }
-
   if (keepAspectRatio) {
     if (isDiagonal) {
       if (newWidth > newHeight * aspectRatio) {
@@ -196,19 +222,11 @@ export function getDimensionsAfterResize(
       }
     } else {
       if (isHorizontal) {
-        if (affectsX) {
-          distY = distX / aspectRatio;
-          affectsY = true;
-        } else {
-          distY = distX / aspectRatio;
-        }
+        distY = distX / aspectRatio;
+        affectsY = affectsX;
       } else {
-        if (affectsY) {
-          distX = distY * aspectRatio;
-          affectsX = true;
-        } else {
-          distX = distY * aspectRatio;
-        }
+        distX = distY * aspectRatio;
+        affectsX = affectsY;
       }
     }
   }
@@ -226,33 +244,3 @@ export function getDimensionsAfterResize(
     y,
   };
 }
-
-/**
- * Determines new x & y position of node after resize based on new width & height
- * @param startValues - starting values of resize
- * @param controlDirection - dimensions affected by the resize
- * @param width - new width of node
- * @param height - new height of node
- * @returns x: new x position of node, y: new y position of node
- */
-export function getPositionAfterResize(
-  startValues: StartValues,
-  controlDirection: ReturnType<typeof getControlDirection>,
-  width: number,
-  height: number,
-  extent?: CoordinateExtent
-) {
-  let x = controlDirection.affectsX ? startValues.x - (width - startValues.width) : startValues.x;
-  let y = controlDirection.affectsY ? startValues.y - (height - startValues.height) : startValues.y;
-  let clampedX = 0;
-  let clampedY = 0;
-
-  if (extent) {
-    clampedX = Math.max(Math.max(0, x - extent[1][0]), Math.max(0, extent[0][0] - x));
-    clampedY = Math.max(Math.max(0, y - extent[1][1]), Math.max(0, extent[0][1] - y));
-    x = x + clampedX;
-    y = y + clampedY;
-  }
-
-  return { x, y, clampedX, clampedY };
-}

From 6e167bda16814761a8ab68b9cf6d678d8495fc24 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A0=97=E5=98=89=E7=94=B7?= <574980606@qq.com>
Date: Tue, 30 Jan 2024 11:56:55 +0800
Subject: [PATCH 0567/1093] type: remove repeated type

---
 packages/react/src/container/GraphView/index.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index fd7ac277c..b95fa610a 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -27,7 +27,6 @@ export type GraphViewProps = Omit<
       | 'maxZoom'
       | 'defaultMarkerColor'
       | 'noDragClassName'
-      | 'noDragClassName'
       | 'noWheelClassName'
       | 'noPanClassName'
       | 'defaultViewport'

From c1391f5b13dfca5b917d75c354a75f171b1d2138 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 30 Jan 2024 11:19:28 +0100
Subject: [PATCH 0568/1093] keepAspectRatio and children with parent=extent and
 expandParent restrict the resizing of the parent

---
 packages/system/src/xyresizer/utils.ts | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/packages/system/src/xyresizer/utils.ts b/packages/system/src/xyresizer/utils.ts
index f284c4e7b..db37d76c6 100644
--- a/packages/system/src/xyresizer/utils.ts
+++ b/packages/system/src/xyresizer/utils.ts
@@ -187,7 +187,17 @@ export function getDimensionsAfterResize(
         clampX = Math.max(clampX, aspectExtentClamp);
       }
 
-      // TODO: Check if the child extent is restricting the resize
+      // Check if the child extent is restricting the resize
+      if (childExtent) {
+        let aspectExtentClamp = 0;
+        if ((!affectsX && !affectsY) || (affectsX && !affectsY && isDiagonal)) {
+          aspectExtentClamp = getLowerExtentClamp(startY + newWidth / aspectRatio, childExtent[1][1]) * aspectRatio;
+        } else {
+          aspectExtentClamp =
+            getUpperExtentClamp(startY + (affectsX ? distX : -distX) / aspectRatio, childExtent[0][1]) * aspectRatio;
+        }
+        clampX = Math.max(clampX, aspectExtentClamp);
+      }
     }
 
     // Do the same thing for vertical resizing
@@ -206,7 +216,16 @@ export function getDimensionsAfterResize(
         clampY = Math.max(clampY, aspectExtentClamp);
       }
 
-      // TODO: Check if the child extent is restricting the resize
+      if (childExtent) {
+        let aspectExtentClamp = 0;
+        if ((!affectsX && !affectsY) || (affectsY && !affectsX && isDiagonal)) {
+          aspectExtentClamp = getLowerExtentClamp(startX + newHeight * aspectRatio, childExtent[1][0]) / aspectRatio;
+        } else {
+          aspectExtentClamp =
+            getUpperExtentClamp(startX + (affectsY ? distY : -distY) * aspectRatio, childExtent[0][0]) / aspectRatio;
+        }
+        clampY = Math.max(clampY, aspectExtentClamp);
+      }
     }
   }
 

From c1311c198a8154f6a38a4f72bbbd449cc803ee3c Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 30 Jan 2024 12:06:38 +0100
Subject: [PATCH 0569/1093] fixed resizing & expandParent

---
 packages/system/src/xyresizer/XYResizer.ts | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index 43b75066f..b2251834f 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -106,6 +106,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
 
     let node: NodeBase | undefined = undefined;
     let childNodes: XYResizerChildChange[] = [];
+    let parentNode: NodeBase | undefined = undefined; // Needed to fix expandParent
     let parentExtent: CoordinateExtent | undefined = undefined;
     let childExtent: CoordinateExtent | undefined = undefined;
 
@@ -131,9 +132,10 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
             aspectRatio: prevValues.width / prevValues.height,
           };
 
-          if (node.extent === 'parent') {
-            const parentNode = nodeLookup.get(node.parentNode!);
-            if (parentNode) {
+          parentNode = undefined;
+          if (node.extent === 'parent' || node.expandParent) {
+            parentNode = nodeLookup.get(node.parentNode!);
+            if (parentNode && node.extent === 'parent') {
               parentExtent = nodeToParentExtent(parentNode);
             }
           }
@@ -202,6 +204,19 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
 
               prevValues.x = change.x;
               prevValues.y = change.y;
+
+              // Fix expandParent when resizing from top/left
+              if (parentNode && node.expandParent) {
+                if (change.x < 0) {
+                  prevValues.x = 0;
+                  startValues.x = startValues.x - change.x;
+                }
+
+                if (change.y < 0) {
+                  prevValues.y = 0;
+                  startValues.y = startValues.y - change.y;
+                }
+              }
             }
 
             if (childNodes.length > 0) {

From 7fbb245ecc0fcab72c8aa6ecd6bd0a4bbb9d9796 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 30 Jan 2024 12:28:35 +0100
Subject: [PATCH 0570/1093] added a comment

---
 packages/system/src/xyresizer/utils.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/system/src/xyresizer/utils.ts b/packages/system/src/xyresizer/utils.ts
index db37d76c6..6ed0cf34c 100644
--- a/packages/system/src/xyresizer/utils.ts
+++ b/packages/system/src/xyresizer/utils.ts
@@ -94,6 +94,14 @@ function xor(a: boolean, b: boolean) {
 
 /**
  * Calculates new width & height and x & y of node after resize based on pointer position
+ * @description - Buckle up, this is a chunky one! If you want to determine the new dimensions of a node after a resize,
+ * you have to account for all possible restrictions: min/max width/height of the node, the maximum extent the node is allowed
+ * to move in (in this case: resize into) determined by the parent node, the minimal extent determined by child nodes
+ * with expandParent or extent: 'parent' set and oh yeah, these things also have to work with keepAspectRatio!
+ * The way this is done is by determining how much each of these restricting actually restricts the resize and then applying the
+ * strongest restriction. Because the resize affects x, y and width, height and width, height of a opposing side with keepAspectRatio,
+ * the resize amount is always kept in distX & distY amount (the distance in mouse movement)
+ * Instead of clamping each value, we first calculate the biggest 'clamp' (for the lack of a better name) and then apply it to all values.
  * @param startValues - starting values of resize
  * @param controlDirection - dimensions affected by the resize
  * @param pointerPosition - the current pointer position corrected for snapping

From d5e21b00017c6059cf57dccfad5225d3f7bd34fe Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 30 Jan 2024 12:32:02 +0100
Subject: [PATCH 0571/1093] improved nodeResizer example

---
 .../react/src/examples/NodeResizer/index.tsx  | 25 ++++++++++++++-----
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/examples/react/src/examples/NodeResizer/index.tsx b/examples/react/src/examples/NodeResizer/index.tsx
index f8e469407..42e835233 100644
--- a/examples/react/src/examples/NodeResizer/index.tsx
+++ b/examples/react/src/examples/NodeResizer/index.tsx
@@ -119,24 +119,37 @@ const initialNodes: Node[] = [
   {
     id: '5',
     type: 'defaultResizer',
-    data: { label: 'Parent' },
+    data: { label: 'Parent', keepAspectRatio: true },
     position: { x: 700, y: 0 },
-    style: { ...nodeStyle, width: 300, height: 300 },
+    style: { ...nodeStyle, width: 300, height: 400 },
   },
   {
     id: '5a',
     type: 'defaultResizer',
-    data: { label: 'Child' },
+    data: {
+      label: 'Child with extent: parent',
+    },
     position: { x: 50, y: 50 },
     parentNode: '5',
-    style: { ...nodeStyle },
+    extent: 'parent',
+    style: { ...nodeStyle, width: 50, height: 100 },
   },
   {
     id: '5b',
     type: 'defaultResizer',
-    data: { label: 'Child' },
-    position: { x: 100, y: 100 },
+    data: { label: 'Child with expandParent' },
+    position: { x: 150, y: 100 },
+    parentNode: '5',
+    expandParent: true,
+    style: { ...nodeStyle },
+  },
+  {
+    id: '5c',
+    type: 'defaultResizer',
+    data: { label: 'Child with expandParent & keepAspectRatio', keepAspectRatio: true },
+    position: { x: 25, y: 200 },
     parentNode: '5',
+    expandParent: true,
     style: { ...nodeStyle },
   },
 ];

From c9b1b78edf39278f33973eab6c68f45a4c730ec3 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 30 Jan 2024 13:25:02 +0100
Subject: [PATCH 0572/1093] use for..of instead of forEach

---
 .../NodeResizer/NodeResizeControl.tsx                     | 4 ++--
 .../src/lib/plugins/NodeResizer/ResizeControl.svelte      | 4 ++--
 packages/system/src/xyresizer/XYResizer.ts                | 8 ++++----
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index c76642edc..c03c023eb 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -90,14 +90,14 @@ function ResizeControl({
             changes.push(dimensionChange);
           }
 
-          childChanges.forEach((childChange) => {
+          for (const childChange of childChanges) {
             const positionChange: NodePositionChange = {
               ...childChange,
               type: 'position',
             };
 
             changes.push(positionChange);
-          });
+          }
 
           triggerNodeChanges(changes);
         },
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
index 3ec0ad712..56caa8b58 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
+++ b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
@@ -77,12 +77,12 @@
                 ? { x: change.x, y: change.y }
                 : node.position;
 
-            childChanges.forEach((childChange) => {
+            for (const childChange of childChanges) {
               const childNode = $nodeLookup.get(childChange.id);
               if (childNode) {
                 childNode.position = childChange.position;
               }
-            });
+            }
 
             $nodes = $nodes;
           }
diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index b2251834f..5fe6af91a 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -144,7 +144,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
           // Determine largest minimal extent the parent node is allowed to resize to
           childNodes = [];
           childExtent = undefined;
-          nodeLookup.forEach((child, childId) => {
+          for (const [childId, child] of nodeLookup) {
             if (child.parentNode === nodeId) {
               childNodes.push({
                 id: childId,
@@ -163,7 +163,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
                 }
               }
             }
-          });
+          }
 
           onResizeStart?.(event, { ...prevValues });
         }
@@ -222,13 +222,13 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
             if (childNodes.length > 0) {
               const xChange = x - prevX;
               const yChange = y - prevY;
-              childNodes.forEach((childNode) => {
+              for (const childNode of childNodes) {
                 childNode.position = {
                   x: childNode.position.x - xChange,
                   y: childNode.position.y - yChange,
                 };
                 childChanges.push(childNode);
-              });
+              }
             }
           }
 

From 7830b3573fc093150692a7c0cb7e9fdcae74bcca Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 5 Feb 2024 16:58:19 +0100
Subject: [PATCH 0573/1093] chore(resizer): cleanup

---
 .../react/src/hooks/useMoveSelectedNodes.ts   |  2 +-
 packages/system/src/xyresizer/XYResizer.ts    | 13 +++++------
 packages/system/src/xyresizer/utils.ts        | 22 +++++++------------
 3 files changed, 15 insertions(+), 22 deletions(-)

diff --git a/packages/react/src/hooks/useMoveSelectedNodes.ts b/packages/react/src/hooks/useMoveSelectedNodes.ts
index 4c2ef93ba..c627628ad 100644
--- a/packages/react/src/hooks/useMoveSelectedNodes.ts
+++ b/packages/react/src/hooks/useMoveSelectedNodes.ts
@@ -8,7 +8,7 @@ const selectedAndDraggable = (nodesDraggable: boolean) => (n: Node) =>
   n.selected && (n.draggable || (nodesDraggable && typeof n.draggable === 'undefined'));
 
 /**
- * Hook for updating node positions with keyboard presses
+ * Hook for updating node positions by passing a direction and factor
  *
  * @internal
  * @returns function for updating node positions
diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index 5fe6af91a..c02ca47cc 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -3,7 +3,7 @@ import { select } from 'd3-selection';
 
 import { getControlDirection, getDimensionsAfterResize, getResizeDirection } from './utils';
 import { getPointerPosition } from '../utils';
-import type { CoordinateExtent, NodeBase, NodeLookup, Transform } from '../types';
+import type { CoordinateExtent, NodeBase, NodeLookup, Transform, XYPosition } from '../types';
 import type { OnResize, OnResizeEnd, OnResizeStart, ResizeDragEvent, ShouldResize, ControlPosition } from './types';
 
 const initPrevValues = { width: 0, height: 0, x: 0, y: 0 };
@@ -30,10 +30,7 @@ export type XYResizerChange = typeof initChange;
 
 export type XYResizerChildChange = {
   id: string;
-  position: {
-    x: number;
-    y: number;
-  };
+  position: XYPosition;
   extent?: 'parent' | CoordinateExtent;
 };
 
@@ -144,6 +141,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
           // Determine largest minimal extent the parent node is allowed to resize to
           childNodes = [];
           childExtent = undefined;
+
           for (const [childId, child] of nodeLookup) {
             if (child.parentNode === nodeId) {
               childNodes.push({
@@ -151,8 +149,10 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
                 position: { ...child.position },
                 extent: child.extent,
               });
+
               if (child.extent === 'parent' || child.expandParent) {
                 const extent = nodeToChildExtent(child, node!);
+
                 if (childExtent) {
                   childExtent = [
                     [Math.min(extent[0][0], childExtent[0][0]), Math.min(extent[0][1], childExtent[0][1])],
@@ -171,8 +171,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
       .on('drag', (event: ResizeDragEvent) => {
         const { transform, snapGrid, snapToGrid } = getStoreItems();
         const pointerPosition = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
-
-        let childChanges: XYResizerChildChange[] = [];
+        const childChanges: XYResizerChildChange[] = [];
 
         if (node) {
           const change = { ...initChange };
diff --git a/packages/system/src/xyresizer/utils.ts b/packages/system/src/xyresizer/utils.ts
index 6ed0cf34c..a651df3fe 100644
--- a/packages/system/src/xyresizer/utils.ts
+++ b/packages/system/src/xyresizer/utils.ts
@@ -1,5 +1,5 @@
 import { CoordinateExtent } from '../types';
-import { clamp, getPointerPosition } from '../utils';
+import { getPointerPosition } from '../utils';
 import { ControlPosition } from './types';
 
 type GetResizeDirectionParams = {
@@ -107,7 +107,7 @@ function xor(a: boolean, b: boolean) {
  * @param pointerPosition - the current pointer position corrected for snapping
  * @param boundaries - minimum and maximum dimensions of the node
  * @param keepAspectRatio - prevent changes of asprect ratio
- * @returns width: new width of node, height: new height of node
+ * @returns x, y, width and height of the node after resize
  */
 export function getDimensionsAfterResize(
   startValues: StartValues,
@@ -129,8 +129,8 @@ export function getDimensionsAfterResize(
   let distX = Math.floor(isHorizontal ? xSnapped - startValues.pointerX : 0);
   let distY = Math.floor(isVertical ? ySnapped - startValues.pointerY : 0);
 
-  let newWidth = startWidth + (affectsX ? -distX : distX);
-  let newHeight = startHeight + (affectsY ? -distY : distY);
+  const newWidth = startWidth + (affectsX ? -distX : distX);
+  const newHeight = startHeight + (affectsY ? -distY : distY);
 
   // Check if maxWidth, minWWidth, maxHeight, minHeight are restricting the resize
   let clampX = getSizeClamp(newWidth, minWidth, maxWidth);
@@ -258,16 +258,10 @@ export function getDimensionsAfterResize(
     }
   }
 
-  let width = startWidth + (affectsX ? -distX : distX);
-  let height = startHeight + (affectsY ? -distY : distY);
-
-  let x = affectsX ? startX + distX : startX;
-  let y = affectsY ? startY + distY : startY;
-
   return {
-    width,
-    height,
-    x,
-    y,
+    width: startWidth + (affectsX ? -distX : distX),
+    height: startHeight + (affectsY ? -distY : distY),
+    x: affectsX ? startX + distX : startX,
+    y: affectsY ? startY + distY : startY,
   };
 }

From 2581832f2731f5512cfec858f6b47167e395d537 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 5 Feb 2024 17:01:18 +0100
Subject: [PATCH 0574/1093] chore(libs): update changelog

---
 packages/react/CHANGELOG.md  | 4 ++++
 packages/svelte/CHANGELOG.md | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 6931ea5b2..54c5f9ec1 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,9 @@
 # @xyflow/react
 
+## 12.0.0-next.9
+
+- a better NodeResizer that works with subflows. Child nodes do not move when parent node gets resized and parent extent is taken into account
+
 ## 12.0.0-next.8
 
 ### Patch changes
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index b534df653..9d6cac3da 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,9 @@
 # @xyflow/svelte
 
+## 0.0.36
+
+- a better NodeResizer (child nodes do not move when parent node gets resized) 
+
 ## 0.0.35
 
 ## Minor changes

From 663104692342a5b3271154b5731a6099a3b889e6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 5 Feb 2024 17:12:07 +0100
Subject: [PATCH 0575/1093] chore(svelte): update changelog

---
 packages/svelte/CHANGELOG.md | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 9d6cac3da..11724a56a 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -2,7 +2,10 @@
 
 ## 0.0.36
 
-- a better NodeResizer (child nodes do not move when parent node gets resized) 
+## Minor changes
+
+- a better NodeResizer (child nodes do not move when parent node gets resized)
+- fix `on:panecontextmenu`
 
 ## 0.0.35
 

From 1aaed8458fcd46ec2a5a00a71687d21e7e0bd867 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 5 Feb 2024 17:23:36 +0100
Subject: [PATCH 0576/1093] chore(svelte): add role to EdgeLabel to prevent
 a11y warnings closes #3841

---
 packages/svelte/CHANGELOG.md                                  | 1 +
 packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 11724a56a..123295bd4 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -6,6 +6,7 @@
 
 - a better NodeResizer (child nodes do not move when parent node gets resized)
 - fix `on:panecontextmenu`
+- add `role="button"` to `<EdgeLabel />` to prevent a11y warnings
 
 ## 0.0.35
 
diff --git a/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte b/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
index 81039d0d4..bc12b6048 100644
--- a/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
+++ b/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
@@ -19,6 +19,7 @@
     class="svelte-flow__edge-label"
     style:transform="translate(-50%, -50%) translate({x}px,{y}px)"
     style={'pointer-events: all;' + style}
+    role="button"
     on:click={() => {
       if (id) handleEdgeSelect(id);
     }}

From 4c0a5a62c7b51b38237a61b1c64dfd3b7ef5c294 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 6 Feb 2024 13:19:54 +0100
Subject: [PATCH 0577/1093] fixed minimap styling by props & mask-stroke-width

---
 .../src/additional-components/MiniMap/MiniMap.tsx    |  7 +++++--
 .../react/src/additional-components/MiniMap/types.ts |  2 ++
 .../svelte/src/lib/plugins/Minimap/Minimap.svelte    | 12 ++++++------
 packages/system/src/styles/init.css                  |  9 ++++++++-
 4 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index cd3f64ae7..80410922c 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -49,6 +49,7 @@ function MiniMapComponent({
   // We need to rename the prop to be `CapitalCase` so that JSX will render it as
   // a component properly.
   nodeComponent,
+  bgColor,
   maskColor,
   maskStrokeColor = 'none',
   maskStrokeWidth = 1,
@@ -130,7 +131,8 @@ function MiniMapComponent({
       style={
         {
           ...style,
-          '--xy-minimap-mask-color-props': typeof maskColor === 'string' ? maskColor : undefined,
+          '--xy-minimap-background-color-props': typeof bgColor === 'string' ? bgColor : undefined,
+          '--xy-minimap-mask-background-color-props': typeof maskColor === 'string' ? maskColor : undefined,
           '--xy-minimap-node-background-color-props': typeof nodeColor === 'string' ? nodeColor : undefined,
           '--xy-minimap-node-stroke-color-props': typeof nodeStrokeColor === 'string' ? nodeStrokeColor : undefined,
           '--xy-minimap-node-stroke-width-props': typeof nodeStrokeWidth === 'string' ? nodeStrokeWidth : undefined,
@@ -143,6 +145,7 @@ function MiniMapComponent({
         width={elementWidth}
         height={elementHeight}
         viewBox={`${x} ${y} ${width} ${height}`}
+        className="react-flow__minimap-svg"
         role="img"
         aria-labelledby={labelledBy}
         ref={svg}
@@ -164,7 +167,7 @@ function MiniMapComponent({
         M${viewBB.x},${viewBB.y}h${viewBB.width}v${viewBB.height}h${-viewBB.width}z`}
           fillRule="evenodd"
           stroke={maskStrokeColor}
-          strokeWidth={maskStrokeWidth}
+          strokeWidth={maskStrokeWidth * viewScale}
           pointerEvents="none"
         />
       </svg>
diff --git a/packages/react/src/additional-components/MiniMap/types.ts b/packages/react/src/additional-components/MiniMap/types.ts
index 31e67428b..4bfd1a51b 100644
--- a/packages/react/src/additional-components/MiniMap/types.ts
+++ b/packages/react/src/additional-components/MiniMap/types.ts
@@ -19,6 +19,8 @@ export type MiniMapProps<NodeType extends Node = Node> = Omit<HTMLAttributes<SVG
   nodeStrokeWidth?: number;
   /** Component used to render nodes on minimap */
   nodeComponent?: ComponentType<MiniMapNodeProps>;
+  /** Background color of minimap */
+  bgColor?: string;
   /** Color of mask representing viewport */
   maskColor?: string;
   /** Stroke color of mask representing viewport */
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 7b2896d8a..dfe3d0864 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -27,7 +27,7 @@
   export let bgColor: $$Props['bgColor'] = undefined;
   export let maskColor: $$Props['maskColor'] = undefined;
   export let maskStrokeColor: $$Props['maskStrokeColor'] = undefined;
-  export let maskStrokeWidth: $$Props['maskStrokeWidth'] = undefined;
+  export let maskStrokeWidth: $$Props['maskStrokeWidth'] = 1;
   export let width: $$Props['width'] = undefined;
   export let height: $$Props['height'] = undefined;
   export let pannable: $$Props['pannable'] = true;
@@ -83,7 +83,7 @@
 
 <Panel
   {position}
-  {style}
+  style={style + `;--xy-minimap-background-color-props:${bgColor}`}
   class={cc(['svelte-flow__minimap', className])}
   data-testid="svelte-flow__minimap"
 >
@@ -92,12 +92,10 @@
       width={elementWidth}
       height={elementHeight}
       viewBox="{x} {y} {viewboxWidth} {viewboxHeight}"
+      class="svelte-flow__minimap-svg"
       role="img"
       aria-labelledby={labelledBy}
-      style:--xy-minimap-background-color-props={bgColor}
-      style:--xy-minimap-mask-color-props={maskColor}
-      style:--xy-minimap-mask-stroke-color-props={maskStrokeColor}
-      style:--xy-minimap-mask-stroke-width-props={maskStrokeWidth}
+      style:--xy-minimap-mask-background-color-props={maskColor}
       use:interactive={{
         panZoom: $panZoom,
         viewport,
@@ -137,6 +135,8 @@
           offset * 2}h{-viewboxWidth - offset * 2}z
       M{viewBB.x},{viewBB.y}h{viewBB.width}v{viewBB.height}h{-viewBB.width}z"
         fill-rule="evenodd"
+        stroke={maskStrokeColor}
+        stroke-width={maskStrokeWidth ?? 1 * viewScale}
         pointer-events="none"
       />
     </svg>
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 14519c749..77352a74d 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -310,7 +310,14 @@ svg.xy-flow__connectionline {
 }
 
 .xy-flow__minimap {
-  background: var(--xy-minimap-background-color, var(--xy-minimap-background-color-default));
+  background: var(
+    --xy-minimap-background-color,
+    var(--xy-minimap-background-color-props, var(--xy-minimap-background-color-default))
+  );
+
+  &-svg {
+    display: block;
+  }
 
   &-mask {
     fill: var(

From ceb160fa7be405544b6458606064e61a923b9b7a Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 7 Feb 2024 12:19:23 +0100
Subject: [PATCH 0578/1093] added css variables for minimap mask, set default
 mask-stroke to 0

---
 .../additional-components/MiniMap/MiniMap.tsx    |  9 +++++----
 .../src/lib/plugins/Minimap/Minimap.svelte       |  8 ++++----
 packages/system/src/styles/init.css              | 16 ++++++++++++++--
 3 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index 80410922c..f841c8b63 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -51,8 +51,8 @@ function MiniMapComponent({
   nodeComponent,
   bgColor,
   maskColor,
-  maskStrokeColor = 'none',
-  maskStrokeWidth = 1,
+  maskStrokeColor,
+  maskStrokeWidth,
   position = 'bottom-right',
   onClick,
   onNodeClick,
@@ -133,6 +133,9 @@ function MiniMapComponent({
           ...style,
           '--xy-minimap-background-color-props': typeof bgColor === 'string' ? bgColor : undefined,
           '--xy-minimap-mask-background-color-props': typeof maskColor === 'string' ? maskColor : undefined,
+          '--xy-minimap-mask-stroke-color-props': typeof maskStrokeColor === 'string' ? maskStrokeColor : undefined,
+          '--xy-minimap-mask-stroke-width-props':
+            typeof maskStrokeWidth === 'number' ? maskStrokeWidth * viewScale : undefined,
           '--xy-minimap-node-background-color-props': typeof nodeColor === 'string' ? nodeColor : undefined,
           '--xy-minimap-node-stroke-color-props': typeof nodeStrokeColor === 'string' ? nodeStrokeColor : undefined,
           '--xy-minimap-node-stroke-width-props': typeof nodeStrokeWidth === 'string' ? nodeStrokeWidth : undefined,
@@ -166,8 +169,6 @@ function MiniMapComponent({
           d={`M${x - offset},${y - offset}h${width + offset * 2}v${height + offset * 2}h${-width - offset * 2}z
         M${viewBB.x},${viewBB.y}h${viewBB.width}v${viewBB.height}h${-viewBB.width}z`}
           fillRule="evenodd"
-          stroke={maskStrokeColor}
-          strokeWidth={maskStrokeWidth * viewScale}
           pointerEvents="none"
         />
       </svg>
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index dfe3d0864..29ccd8e7a 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -27,7 +27,7 @@
   export let bgColor: $$Props['bgColor'] = undefined;
   export let maskColor: $$Props['maskColor'] = undefined;
   export let maskStrokeColor: $$Props['maskStrokeColor'] = undefined;
-  export let maskStrokeWidth: $$Props['maskStrokeWidth'] = 1;
+  export let maskStrokeWidth: $$Props['maskStrokeWidth'] = undefined;
   export let width: $$Props['width'] = undefined;
   export let height: $$Props['height'] = undefined;
   export let pannable: $$Props['pannable'] = true;
@@ -83,7 +83,7 @@
 
 <Panel
   {position}
-  style={style + `;--xy-minimap-background-color-props:${bgColor}`}
+  style={style + (bgColor ? `;--xy-minimap-background-color-props:${bgColor}` : '')}
   class={cc(['svelte-flow__minimap', className])}
   data-testid="svelte-flow__minimap"
 >
@@ -96,6 +96,8 @@
       role="img"
       aria-labelledby={labelledBy}
       style:--xy-minimap-mask-background-color-props={maskColor}
+      style:--xy-minimap-mask-stroke-color-props={maskStrokeColor}
+      style:--xy-minimap-mask-stroke-width-props={(maskStrokeWidth ?? 0) * viewScale}
       use:interactive={{
         panZoom: $panZoom,
         viewport,
@@ -135,8 +137,6 @@
           offset * 2}h{-viewboxWidth - offset * 2}z
       M{viewBB.x},{viewBB.y}h{viewBB.width}v{viewBB.height}h{-viewBB.width}z"
         fill-rule="evenodd"
-        stroke={maskStrokeColor}
-        stroke-width={maskStrokeWidth ?? 1 * viewScale}
         pointer-events="none"
       />
     </svg>
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 77352a74d..57426b1b4 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -12,6 +12,8 @@
 
   --xy-minimap-background-color-default: #fff;
   --xy-minimap-mask-background-color-default: rgb(240, 240, 240, 0.6);
+  --xy-minimap-mask-stroke-color-default: transparent;
+  --xy-minimap-mask-stroke-width-default: 0;
   --xy-minimap-node-background-color-default: #e2e2e2;
   --xy-minimap-node-stroke-color-default: transparent;
   --xy-minimap-node-stroke-width-default: 2;
@@ -34,6 +36,8 @@
 
   --xy-minimap-background-color-default: #141414;
   --xy-minimap-mask-background-color-default: rgb(60, 60, 60, 0.6);
+  --xy-minimap-mask-stroke-color-default: transparent;
+  --xy-minimap-mask-stroke-width-default: 0;
   --xy-minimap-node-background-color-default: #2b2b2b;
   --xy-minimap-node-stroke-color-default: transparent;
   --xy-minimap-node-stroke-width-default: 2;
@@ -311,8 +315,8 @@ svg.xy-flow__connectionline {
 
 .xy-flow__minimap {
   background: var(
-    --xy-minimap-background-color,
-    var(--xy-minimap-background-color-props, var(--xy-minimap-background-color-default))
+    --xy-minimap-background-color-props,
+    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
   );
 
   &-svg {
@@ -324,6 +328,14 @@ svg.xy-flow__connectionline {
       --xy-minimap-mask-background-color-props,
       var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
     );
+    stroke: var(
+      --xy-minimap-mask-stroke-color-props,
+      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
+    );
+    stroke-width: var(
+      --xy-minimap-mask-stroke-width-props,
+      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
+    );
   }
 
   &-node {

From 1d87926724753e2718d0d04c12d886925a87d7d2 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 7 Feb 2024 13:07:39 +0100
Subject: [PATCH 0579/1093] changed maskStrokeWidth default back to 1

---
 packages/svelte/src/lib/plugins/Minimap/Minimap.svelte | 4 +++-
 packages/system/src/styles/init.css                    | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 29ccd8e7a..031235b68 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -97,7 +97,9 @@
       aria-labelledby={labelledBy}
       style:--xy-minimap-mask-background-color-props={maskColor}
       style:--xy-minimap-mask-stroke-color-props={maskStrokeColor}
-      style:--xy-minimap-mask-stroke-width-props={(maskStrokeWidth ?? 0) * viewScale}
+      style:--xy-minimap-mask-stroke-width-props={maskStrokeWidth
+        ? maskStrokeWidth * viewScale
+        : undefined}
       use:interactive={{
         panZoom: $panZoom,
         viewport,
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 57426b1b4..270a6ab28 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -13,7 +13,7 @@
   --xy-minimap-background-color-default: #fff;
   --xy-minimap-mask-background-color-default: rgb(240, 240, 240, 0.6);
   --xy-minimap-mask-stroke-color-default: transparent;
-  --xy-minimap-mask-stroke-width-default: 0;
+  --xy-minimap-mask-stroke-width-default: 1;
   --xy-minimap-node-background-color-default: #e2e2e2;
   --xy-minimap-node-stroke-color-default: transparent;
   --xy-minimap-node-stroke-width-default: 2;
@@ -37,7 +37,7 @@
   --xy-minimap-background-color-default: #141414;
   --xy-minimap-mask-background-color-default: rgb(60, 60, 60, 0.6);
   --xy-minimap-mask-stroke-color-default: transparent;
-  --xy-minimap-mask-stroke-width-default: 0;
+  --xy-minimap-mask-stroke-width-default: 1;
   --xy-minimap-node-background-color-default: #2b2b2b;
   --xy-minimap-node-stroke-color-default: transparent;
   --xy-minimap-node-stroke-width-default: 2;

From 6b18c9daeb6e095a4c0d8b0827fbea07de8e3f78 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Wed, 7 Feb 2024 17:09:39 +0100
Subject: [PATCH 0580/1093] refactor defaultNodes/defaultEdges handling (#3882)

* refactor(react): cleanup defaultnodes/defaultedges handling

* chore(examples): cleanup

* chore(examples): cleanup

* fix(react): selection for uncontrolled flows
---
 .../react/src/examples/UseNodesData/index.tsx |   1 -
 .../components/ReactFlowProvider/index.tsx    |   6 +
 .../src/components/StoreUpdater/index.tsx     |  20 +--
 .../react/src/container/ReactFlow/Wrapper.tsx |   6 +
 .../react/src/container/ReactFlow/index.tsx   |  12 +-
 packages/react/src/store/index.ts             | 146 ++++++------------
 packages/react/src/store/initialState.ts      |  20 ++-
 packages/react/src/store/utils.ts             |  44 ------
 packages/react/src/types/store.ts             |   5 +-
 packages/react/src/utils/changes.ts           |  12 +-
 10 files changed, 98 insertions(+), 174 deletions(-)
 delete mode 100644 packages/react/src/store/utils.ts

diff --git a/examples/react/src/examples/UseNodesData/index.tsx b/examples/react/src/examples/UseNodesData/index.tsx
index d99ddb432..cbeb2478a 100644
--- a/examples/react/src/examples/UseNodesData/index.tsx
+++ b/examples/react/src/examples/UseNodesData/index.tsx
@@ -41,7 +41,6 @@ const initNodes: MyNode[] = [
     data: {},
     position: { x: 100, y: 0 },
   },
-
   {
     id: '2',
     type: 'text',
diff --git a/packages/react/src/components/ReactFlowProvider/index.tsx b/packages/react/src/components/ReactFlowProvider/index.tsx
index 34999c6f4..829a304d2 100644
--- a/packages/react/src/components/ReactFlowProvider/index.tsx
+++ b/packages/react/src/components/ReactFlowProvider/index.tsx
@@ -10,6 +10,8 @@ export function ReactFlowProvider({
   children,
   initialNodes,
   initialEdges,
+  defaultNodes,
+  defaultEdges,
   initialWidth,
   initialHeight,
   fitView,
@@ -17,6 +19,8 @@ export function ReactFlowProvider({
   children: ReactNode;
   initialNodes?: Node[];
   initialEdges?: Edge[];
+  defaultNodes?: Node[];
+  defaultEdges?: Edge[];
   initialWidth?: number;
   initialHeight?: number;
   fitView?: boolean;
@@ -27,6 +31,8 @@ export function ReactFlowProvider({
     storeRef.current = createRFStore({
       nodes: initialNodes,
       edges: initialEdges,
+      defaultNodes,
+      defaultEdges,
       width: initialWidth,
       height: initialHeight,
       fitView,
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 3a12594c6..98ad3bac1 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -15,8 +15,6 @@ import { initNodeOrigin } from '../../container/ReactFlow';
 const reactFlowFieldsToTrack = [
   'nodes',
   'edges',
-  'defaultNodes',
-  'defaultEdges',
   'onConnect',
   'onConnectStart',
   'onConnectEnd',
@@ -76,7 +74,6 @@ const fieldsToTrack = [...reactFlowFieldsToTrack, 'rfId'] as const;
 const selector = (s: ReactFlowState) => ({
   setNodes: s.setNodes,
   setEdges: s.setEdges,
-  setDefaultNodesAndEdges: s.setDefaultNodesAndEdges,
   setMinZoom: s.setMinZoom,
   setMaxZoom: s.setMaxZoom,
   setTranslateExtent: s.setTranslateExtent,
@@ -85,22 +82,13 @@ const selector = (s: ReactFlowState) => ({
 });
 
 export function StoreUpdater(props: StoreUpdaterProps) {
-  const {
-    setNodes,
-    setEdges,
-    setDefaultNodesAndEdges,
-    setMinZoom,
-    setMaxZoom,
-    setTranslateExtent,
-    setNodeExtent,
-    reset,
-  } = useStore(selector, shallow);
+  const { setNodes, setEdges, setMinZoom, setMaxZoom, setTranslateExtent, setNodeExtent, reset } = useStore(
+    selector,
+    shallow
+  );
   const store = useStoreApi();
 
   useEffect(() => {
-    const edgesWithDefaults = props.defaultEdges?.map((e) => ({ ...e, ...props.defaultEdgeOptions }));
-    setDefaultNodesAndEdges(props.defaultNodes, edgesWithDefaults);
-
     return () => {
       reset();
     };
diff --git a/packages/react/src/container/ReactFlow/Wrapper.tsx b/packages/react/src/container/ReactFlow/Wrapper.tsx
index 4d3cb7b78..b82ca2495 100644
--- a/packages/react/src/container/ReactFlow/Wrapper.tsx
+++ b/packages/react/src/container/ReactFlow/Wrapper.tsx
@@ -8,6 +8,8 @@ export function Wrapper({
   children,
   nodes,
   edges,
+  defaultNodes,
+  defaultEdges,
   width,
   height,
   fitView,
@@ -15,6 +17,8 @@ export function Wrapper({
   children: ReactNode;
   nodes?: Node[];
   edges?: Edge[];
+  defaultNodes?: Node[];
+  defaultEdges?: Edge[];
   width?: number;
   height?: number;
   fitView?: boolean;
@@ -31,6 +35,8 @@ export function Wrapper({
     <ReactFlowProvider
       initialNodes={nodes}
       initialEdges={edges}
+      defaultNodes={defaultNodes}
+      defaultEdges={defaultEdges}
       initialWidth={width}
       initialHeight={height}
       fitView={fitView}
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index d64af5ecd..9ac7b0514 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -166,7 +166,15 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
         data-testid="rf__wrapper"
         id={id}
       >
-        <Wrapper nodes={nodes} edges={edges} width={width} height={height} fitView={fitView}>
+        <Wrapper
+          nodes={nodes}
+          edges={edges}
+          defaultNodes={defaultNodes}
+          defaultEdges={defaultEdges}
+          width={width}
+          height={height}
+          fitView={fitView}
+        >
           <GraphView
             onInit={onInit}
             onNodeClick={onNodeClick}
@@ -234,8 +242,6 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
           <StoreUpdater
             nodes={nodes}
             edges={edges}
-            defaultNodes={defaultNodes}
-            defaultEdges={defaultEdges}
             onConnect={onConnect}
             onConnectStart={onConnectStart}
             onConnectEnd={onConnectEnd}
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 173d5e5c6..9e49f5d7e 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -10,8 +10,7 @@ import {
   updateConnectionLookup,
 } from '@xyflow/system';
 
-import { applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
-import { updateNodesAndEdgesSelections } from './utils';
+import { applyEdgeChanges, applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
 import getInitialState from './initialState';
 import type {
   ReactFlowState,
@@ -28,19 +27,23 @@ import type {
 const createRFStore = ({
   nodes,
   edges,
+  defaultNodes,
+  defaultEdges,
   width,
   height,
   fitView,
 }: {
   nodes?: Node[];
   edges?: Edge[];
+  defaultNodes?: Node[];
+  defaultEdges?: Edge[];
   width?: number;
   height?: number;
   fitView?: boolean;
 }) =>
   createWithEqualityFn<ReactFlowState>(
     (set, get) => ({
-      ...getInitialState({ nodes, edges, width, height, fitView }),
+      ...getInitialState({ nodes, edges, width, height, fitView, defaultNodes, defaultEdges }),
       setNodes: (nodes: Node[]) => {
         const { nodeLookup, nodeOrigin, elevateNodesOnSelect } = get();
         // setNodes() is called exclusively in response to user actions:
@@ -49,7 +52,6 @@ const createRFStore = ({
         //
         // When this happens, we take the note objects passed by the user and extend them with fields
         // relevant for internal React Flow operations.
-        // TODO: consider updating the types to reflect the distinction between user-provided nodes and internal nodes.
         const nodesWithInternalData = adoptUserProvidedNodes(nodes, nodeLookup, { nodeOrigin, elevateNodesOnSelect });
 
         set({ nodes: nodesWithInternalData });
@@ -61,38 +63,6 @@ const createRFStore = ({
 
         set({ edges });
       },
-      // when the user works with an uncontrolled flow,
-      // we set a flag `hasDefaultNodes` / `hasDefaultEdges`
-      setDefaultNodesAndEdges: (nodes?: Node[], edges?: Edge[]) => {
-        const hasDefaultNodes = typeof nodes !== 'undefined';
-        const hasDefaultEdges = typeof edges !== 'undefined';
-
-        const nextState: {
-          nodes?: Node[];
-          edges?: Edge[];
-          hasDefaultNodes: boolean;
-          hasDefaultEdges: boolean;
-        } = {
-          hasDefaultNodes,
-          hasDefaultEdges,
-        };
-
-        if (hasDefaultNodes) {
-          const { nodeLookup, nodeOrigin, elevateNodesOnSelect } = get();
-          nextState.nodes = adoptUserProvidedNodes(nodes, nodeLookup, {
-            nodeOrigin,
-            elevateNodesOnSelect,
-          });
-        }
-        if (hasDefaultEdges) {
-          const { connectionLookup, edgeLookup } = get();
-          updateConnectionLookup(connectionLookup, edgeLookup, edges);
-
-          nextState.edges = edges;
-        }
-
-        set(nextState);
-      },
       // Every node gets registerd at a ResizeObserver. Whenever a node
       // changes its dimensions, this function is called to measure the
       // new dimensions and update the nodes.
@@ -166,81 +136,67 @@ const createRFStore = ({
 
         get().triggerNodeChanges(changes);
       },
-
       triggerNodeChanges: (changes) => {
-        const { onNodesChange, nodeLookup, nodes, hasDefaultNodes, nodeOrigin, elevateNodesOnSelect } = get();
+        const { onNodesChange, setNodes, nodes, hasDefaultNodes } = get();
 
         if (changes?.length) {
           if (hasDefaultNodes) {
             const updatedNodes = applyNodeChanges(changes, nodes);
-            const nextNodes = adoptUserProvidedNodes(updatedNodes, nodeLookup, {
-              nodeOrigin,
-              elevateNodesOnSelect,
-            });
-            set({ nodes: nextNodes });
+            setNodes(updatedNodes);
           }
 
           onNodesChange?.(changes);
         }
       },
+      triggerEdgeChanges: (changes) => {
+        const { onEdgesChange, setEdges, edges, hasDefaultEdges } = get();
+
+        if (changes?.length) {
+          if (hasDefaultEdges) {
+            const updatedEdges = applyEdgeChanges(changes, edges);
+            setEdges(updatedEdges);
+          }
 
+          onEdgesChange?.(changes);
+        }
+      },
       addSelectedNodes: (selectedNodeIds) => {
-        const { multiSelectionActive, edges, nodes } = get();
-        let changedNodes: NodeSelectionChange[];
-        let changedEdges: EdgeSelectionChange[] | null = null;
+        const { multiSelectionActive, edges, nodes, triggerNodeChanges, triggerEdgeChanges } = get();
 
         if (multiSelectionActive) {
-          changedNodes = selectedNodeIds.map((nodeId) => createSelectionChange(nodeId, true)) as NodeSelectionChange[];
-        } else {
-          changedNodes = getSelectionChanges(nodes, new Set([...selectedNodeIds]), true);
-          changedEdges = getSelectionChanges(edges);
+          const nodeChanges = selectedNodeIds.map((nodeId) => createSelectionChange(nodeId, true));
+          triggerNodeChanges(nodeChanges as NodeSelectionChange[]);
+          return;
         }
 
-        updateNodesAndEdgesSelections({
-          changedNodes,
-          changedEdges,
-          get,
-          set,
-        });
+        triggerNodeChanges(getSelectionChanges(nodes, new Set([...selectedNodeIds]), true));
+        triggerEdgeChanges(getSelectionChanges(edges));
       },
       addSelectedEdges: (selectedEdgeIds) => {
-        const { multiSelectionActive, edges, nodes } = get();
-        let changedEdges: EdgeSelectionChange[];
-        let changedNodes: NodeSelectionChange[] | null = null;
+        const { multiSelectionActive, edges, nodes, triggerNodeChanges, triggerEdgeChanges } = get();
 
         if (multiSelectionActive) {
-          changedEdges = selectedEdgeIds.map((edgeId) => createSelectionChange(edgeId, true)) as EdgeSelectionChange[];
-        } else {
-          changedEdges = getSelectionChanges(edges, new Set([...selectedEdgeIds]));
-          changedNodes = getSelectionChanges(nodes, new Set(), true);
+          const changedEdges = selectedEdgeIds.map((edgeId) => createSelectionChange(edgeId, true));
+          triggerEdgeChanges(changedEdges as EdgeSelectionChange[]);
+          return;
         }
 
-        updateNodesAndEdgesSelections({
-          changedNodes,
-          changedEdges,
-          get,
-          set,
-        });
+        triggerEdgeChanges(getSelectionChanges(edges, new Set([...selectedEdgeIds])));
+        triggerNodeChanges(getSelectionChanges(nodes, new Set(), true));
       },
       unselectNodesAndEdges: ({ nodes, edges }: UnselectNodesAndEdgesParams = {}) => {
-        const { edges: storeEdges, nodes: storeNodes } = get();
+        const { edges: storeEdges, nodes: storeNodes, triggerNodeChanges, triggerEdgeChanges } = get();
         const nodesToUnselect = nodes ? nodes : storeNodes;
         const edgesToUnselect = edges ? edges : storeEdges;
 
-        const changedNodes = nodesToUnselect.map((n) => {
+        const nodeChanges = nodesToUnselect.map((n) => {
           n.selected = false;
           return createSelectionChange(n.id, false);
-        }) as NodeSelectionChange[];
-        const changedEdges = edgesToUnselect.map((edge) =>
-          createSelectionChange(edge.id, false)
-        ) as EdgeSelectionChange[];
-
-        updateNodesAndEdgesSelections({
-          changedNodes,
-          changedEdges,
-          get,
-          set,
         });
+        const edgeChanges = edgesToUnselect.map((edge) => createSelectionChange(edge.id, false));
+
+        triggerNodeChanges(nodeChanges as NodeSelectionChange[]);
+        triggerEdgeChanges(edgeChanges as EdgeSelectionChange[]);
       },
       setMinZoom: (minZoom) => {
         const { panZoom, maxZoom } = get();
@@ -260,21 +216,19 @@ const createRFStore = ({
         set({ translateExtent });
       },
       resetSelectedElements: () => {
-        const { edges, nodes } = get();
-
-        const nodesToUnselect = nodes
-          .filter((e) => e.selected)
-          .map((n) => createSelectionChange(n.id, false)) as NodeSelectionChange[];
-        const edgesToUnselect = edges
-          .filter((e) => e.selected)
-          .map((e) => createSelectionChange(e.id, false)) as EdgeSelectionChange[];
-
-        updateNodesAndEdgesSelections({
-          changedNodes: nodesToUnselect,
-          changedEdges: edgesToUnselect,
-          get,
-          set,
-        });
+        const { edges, nodes, triggerNodeChanges, triggerEdgeChanges } = get();
+
+        const nodeChanges = nodes.reduce<NodeSelectionChange[]>(
+          (res, node) => (node.selected ? [...res, createSelectionChange(node.id, false) as NodeSelectionChange] : res),
+          []
+        );
+        const edgeChanges = edges.reduce<EdgeSelectionChange[]>(
+          (res, edge) => (edge.selected ? [...res, createSelectionChange(edge.id, false) as EdgeSelectionChange] : res),
+          []
+        );
+
+        triggerNodeChanges(nodeChanges);
+        triggerEdgeChanges(edgeChanges);
       },
       setNodeExtent: (nodeExtent) => {
         const { nodes } = get();
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index aace0bb48..5a1f95622 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -12,14 +12,18 @@ import {
 import type { Edge, Node, ReactFlowStore } from '../types';
 
 const getInitialState = ({
-  nodes = [],
-  edges = [],
+  nodes,
+  edges,
+  defaultNodes,
+  defaultEdges,
   width,
   height,
   fitView,
 }: {
   nodes?: Node[];
   edges?: Edge[];
+  defaultNodes?: Node[];
+  defaultEdges?: Edge[];
   width?: number;
   height?: number;
   fitView?: boolean;
@@ -27,9 +31,11 @@ const getInitialState = ({
   const nodeLookup = new Map();
   const connectionLookup = new Map();
   const edgeLookup = new Map();
+  const storeEdges = defaultEdges ?? edges ?? [];
+  const storeNodes = defaultNodes ?? nodes ?? [];
 
-  updateConnectionLookup(connectionLookup, edgeLookup, edges);
-  const nextNodes = adoptUserProvidedNodes(nodes, nodeLookup, {
+  updateConnectionLookup(connectionLookup, edgeLookup, storeEdges);
+  const nextNodes = adoptUserProvidedNodes(storeNodes, nodeLookup, {
     nodeOrigin: [0, 0],
     elevateNodesOnSelect: false,
   });
@@ -51,13 +57,13 @@ const getInitialState = ({
     transform,
     nodes: nextNodes,
     nodeLookup,
-    edges,
+    edges: storeEdges,
     edgeLookup,
     connectionLookup,
     onNodesChange: null,
     onEdgesChange: null,
-    hasDefaultNodes: false,
-    hasDefaultEdges: false,
+    hasDefaultNodes: defaultNodes !== undefined,
+    hasDefaultEdges: defaultEdges !== undefined,
     panZoom: null,
     minZoom: 0.5,
     maxZoom: 2,
diff --git a/packages/react/src/store/utils.ts b/packages/react/src/store/utils.ts
deleted file mode 100644
index 86cddde7a..000000000
--- a/packages/react/src/store/utils.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { StoreApi } from 'zustand';
-import type { Edge, EdgeSelectionChange, Node, NodeSelectionChange, ReactFlowState } from '../types';
-
-export function handleControlledSelectionChange<NodeOrEdge extends Node | Edge>(
-  changes: NodeSelectionChange[] | EdgeSelectionChange[],
-  items: NodeOrEdge[]
-): NodeOrEdge[] {
-  return items.map((item) => {
-    const change = changes.find((change) => change.id === item.id);
-
-    if (change) {
-      item.selected = change.selected;
-    }
-
-    return item;
-  });
-}
-
-type UpdateNodesAndEdgesParams = {
-  changedNodes: NodeSelectionChange[] | null;
-  changedEdges: EdgeSelectionChange[] | null;
-  get: StoreApi<ReactFlowState>['getState'];
-  set: StoreApi<ReactFlowState>['setState'];
-};
-
-export function updateNodesAndEdgesSelections({ changedNodes, changedEdges, get, set }: UpdateNodesAndEdgesParams) {
-  const { nodes, edges, onNodesChange, onEdgesChange, hasDefaultNodes, hasDefaultEdges } = get();
-
-  if (changedNodes?.length) {
-    if (hasDefaultNodes) {
-      set({ nodes: handleControlledSelectionChange(changedNodes, nodes) });
-    }
-
-    onNodesChange?.(changedNodes);
-  }
-
-  if (changedEdges?.length) {
-    if (hasDefaultEdges) {
-      set({ edges: handleControlledSelectionChange(changedEdges, edges) });
-    }
-
-    onEdgesChange?.(changedEdges);
-  }
-}
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index b3e0449e5..46f831280 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -43,6 +43,7 @@ import type {
   OnDelete,
   OnNodeDrag,
   OnBeforeDelete,
+  EdgeChange,
 } from '.';
 
 export type ReactFlowStore = {
@@ -150,7 +151,6 @@ export type ReactFlowStore = {
 export type ReactFlowActions = {
   setNodes: (nodes: Node[]) => void;
   setEdges: (edges: Edge[]) => void;
-  setDefaultNodesAndEdges: (nodes?: Node[], edges?: Edge[]) => void;
   updateNodeDimensions: (updates: Map<string, NodeDimensionUpdate>) => void;
   updateNodePositions: UpdateNodePositions;
   resetSelectedElements: () => void;
@@ -164,7 +164,8 @@ export type ReactFlowActions = {
   cancelConnection: () => void;
   updateConnection: UpdateConnection;
   reset: () => void;
-  triggerNodeChanges: (changes: NodeChange[]) => void;
+  triggerNodeChanges: (changes: NodeChange[] | null) => void;
+  triggerEdgeChanges: (changes: EdgeChange[] | null) => void;
   panBy: PanBy;
   fitView: (nodes: Node[], options?: FitViewOptions) => boolean;
 };
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 310b784cd..5789a38a9 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -219,11 +219,13 @@ export function applyEdgeChanges<EdgeType extends Edge = Edge>(
   return applyChanges(changes, edges) as EdgeType[];
 }
 
-export const createSelectionChange = (id: string, selected: boolean): NodeSelectionChange | EdgeSelectionChange => ({
-  id,
-  type: 'select',
-  selected,
-});
+export function createSelectionChange(id: string, selected: boolean) {
+  return {
+    id,
+    type: 'select',
+    selected,
+  };
+}
 
 export function getSelectionChanges(
   items: any[],

From f507fbcb4b07d5aef3da6c672a0ec966d8420e61 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 7 Feb 2024 17:16:24 +0100
Subject: [PATCH 0581/1093] chore(react): createSelectionChange types

---
 packages/react/src/utils/changes.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 5789a38a9..fa6f6f303 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -219,7 +219,7 @@ export function applyEdgeChanges<EdgeType extends Edge = Edge>(
   return applyChanges(changes, edges) as EdgeType[];
 }
 
-export function createSelectionChange(id: string, selected: boolean) {
+export function createSelectionChange(id: string, selected: boolean): NodeSelectionChange | EdgeSelectionChange {
   return {
     id,
     type: 'select',

From 57270f3eb413f8ea594d38365a086ad95721aa9c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 7 Feb 2024 17:27:23 +0100
Subject: [PATCH 0582/1093] chore(ts-docs): use correct values for min/max zoom
 closes #3881

---
 packages/react/src/types/component-props.ts           |  4 ++--
 packages/svelte/src/lib/container/SvelteFlow/types.ts | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index 6018e1f58..257784764 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -346,11 +346,11 @@ export interface ReactFlowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
    */
   panOnDrag?: boolean | number[];
   /** Minimum zoom level
-   * @default 0.1
+   * @default 0.5
    */
   minZoom?: number;
   /** Maximum zoom level
-   * @default 1
+   * @default 2
    */
   maxZoom?: number;
   /** Controlled viewport to be used instead of internal one */
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index aefa6f6e9..25f63833b 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -18,8 +18,7 @@ import type {
   ColorMode,
   OnConnect,
   OnConnectStart,
-  OnConnectEnd,
-  OnBeforeDelete
+  OnConnectEnd
 } from '@xyflow/system';
 
 import type {
@@ -31,7 +30,8 @@ import type {
   DefaultEdgeOptions,
   FitViewOptions,
   OnDelete,
-  OnEdgeCreate
+  OnEdgeCreate,
+  OnBeforeDelete
 } from '$lib/types';
 import type { Writable } from 'svelte/store';
 
@@ -135,11 +135,11 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
    */
   nodeDragThreshold?: number;
   /** Minimum zoom level
-   * @default 0.1
+   * @default 0.5
    */
   minZoom?: number;
   /** Maximum zoom level
-   * @default 1
+   * @default 2
    */
   maxZoom?: number;
   /** Sets the initial position and zoom of the viewport.

From c3d5c8cdfaf09657ce4086d7503ad3feed36ef44 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 8 Feb 2024 13:32:37 +0100
Subject: [PATCH 0583/1093] refactor(useHandleConnections): also return edge id

---
 packages/react/src/hooks/useHandleConnections.ts   | 14 ++++++++++----
 .../svelte/src/lib/components/Handle/Handle.svelte |  6 +++---
 .../svelte/src/lib/hooks/useHandleConnections.ts   |  6 +++---
 packages/system/src/types/general.ts               |  6 +++++-
 packages/system/src/utils/connections.ts           | 12 ++++++------
 packages/system/src/utils/store.ts                 |  2 +-
 6 files changed, 28 insertions(+), 18 deletions(-)

diff --git a/packages/react/src/hooks/useHandleConnections.ts b/packages/react/src/hooks/useHandleConnections.ts
index 4f62615eb..5e7a89a87 100644
--- a/packages/react/src/hooks/useHandleConnections.ts
+++ b/packages/react/src/hooks/useHandleConnections.ts
@@ -1,5 +1,11 @@
 import { useEffect, useMemo, useRef } from 'react';
-import { Connection, HandleType, areConnectionMapsEqual, handleConnectionChange } from '@xyflow/system';
+import {
+  Connection,
+  HandleConnection,
+  HandleType,
+  areConnectionMapsEqual,
+  handleConnectionChange,
+} from '@xyflow/system';
 
 import { useStore } from './useStore';
 import { useNodeId } from '../contexts/NodeIdContext';
@@ -21,7 +27,7 @@ type useHandleConnectionsParams = {
  * @param param.id - the handle id (this is only needed if the node has multiple handles of the same type)
  * @param param.onConnect - gets called when a connection is established
  * @param param.onDisconnect - gets called when a connection is removed
- * @returns an array with connections
+ * @returns an array with handle connections
  */
 export function useHandleConnections({
   type,
@@ -29,9 +35,9 @@ export function useHandleConnections({
   nodeId,
   onConnect,
   onDisconnect,
-}: useHandleConnectionsParams): Connection[] {
+}: useHandleConnectionsParams): HandleConnection[] {
   const _nodeId = useNodeId();
-  const prevConnections = useRef<Map<string, Connection> | null>(null);
+  const prevConnections = useRef<Map<string, HandleConnection> | null>(null);
   const currentNodeId = nodeId || _nodeId;
 
   const connections = useStore(
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index f00ccc44b..f8a43dd45 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -6,7 +6,7 @@
     Position,
     XYHandle,
     isMouseEvent,
-    type Connection,
+    type HandleConnection,
     areConnectionMapsEqual,
     handleConnectionChange
   } from '@xyflow/system';
@@ -103,8 +103,8 @@
     }
   }
 
-  let prevConnections: Map<string, Connection> | null = null;
-  let connections: Map<string, Connection> | undefined;
+  let prevConnections: Map<string, HandleConnection> | null = null;
+  let connections: Map<string, HandleConnection> | undefined;
 
   $: if (onconnect || ondisconnect) {
     // connectionLookup is not reactive, so we use edges to get notified about updates
diff --git a/packages/svelte/src/lib/hooks/useHandleConnections.ts b/packages/svelte/src/lib/hooks/useHandleConnections.ts
index 27e61c112..d3f51998a 100644
--- a/packages/svelte/src/lib/hooks/useHandleConnections.ts
+++ b/packages/svelte/src/lib/hooks/useHandleConnections.ts
@@ -1,5 +1,5 @@
 import { derived } from 'svelte/store';
-import { areConnectionMapsEqual, type Connection, type HandleType } from '@xyflow/system';
+import { areConnectionMapsEqual, type HandleConnection, type HandleType } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
 
@@ -9,7 +9,7 @@ export type useHandleConnectionsParams = {
   id?: string | null;
 };
 
-const initialConnections: Connection[] = [];
+const initialConnections: HandleConnection[] = [];
 
 /**
  *  Hook to check if a <Handle /> is connected to another <Handle /> and get the connections.
@@ -22,7 +22,7 @@ const initialConnections: Connection[] = [];
  */
 export function useHandleConnections({ nodeId, type, id = null }: useHandleConnectionsParams) {
   const { edges, connectionLookup } = useStore();
-  let prevConnections: Map<string, Connection> | undefined = undefined;
+  let prevConnections: Map<string, HandleConnection> | undefined = undefined;
 
   return derived(
     [edges, connectionLookup],
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index a3b5879db..b7aa248ea 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -28,6 +28,10 @@ export type Connection = {
   targetHandle: string | null;
 };
 
+export type HandleConnection = Connection & {
+  edgeId: string;
+};
+
 export type ConnectionStatus = 'valid' | 'invalid';
 
 export enum ConnectionMode {
@@ -136,7 +140,7 @@ export type UpdateConnection = (params: {
 export type ColorModeClass = 'light' | 'dark';
 export type ColorMode = ColorModeClass | 'system';
 
-export type ConnectionLookup = Map<string, Map<string, Connection>>;
+export type ConnectionLookup = Map<string, Map<string, HandleConnection>>;
 
 export type OnBeforeDeleteBase<NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase> = ({
   nodes,
diff --git a/packages/system/src/utils/connections.ts b/packages/system/src/utils/connections.ts
index ded405c31..b99e6c144 100644
--- a/packages/system/src/utils/connections.ts
+++ b/packages/system/src/utils/connections.ts
@@ -1,9 +1,9 @@
-import { Connection } from '../types';
+import { HandleConnection } from '../types';
 
 /**
  * @internal
  */
-export function areConnectionMapsEqual(a?: Map<string, Connection>, b?: Map<string, Connection>) {
+export function areConnectionMapsEqual(a?: Map<string, HandleConnection>, b?: Map<string, HandleConnection>) {
   if (!a && !b) {
     return true;
   }
@@ -31,15 +31,15 @@ export function areConnectionMapsEqual(a?: Map<string, Connection>, b?: Map<stri
  * @internal
  */
 export function handleConnectionChange(
-  a: Map<string, Connection>,
-  b: Map<string, Connection>,
-  cb?: (diff: Connection[]) => void
+  a: Map<string, HandleConnection>,
+  b: Map<string, HandleConnection>,
+  cb?: (diff: HandleConnection[]) => void
 ) {
   if (!cb) {
     return;
   }
 
-  const diff: Connection[] = [];
+  const diff: HandleConnection[] = [];
 
   a.forEach((connection, key) => {
     if (!b?.has(key)) {
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 51cb13299..5cb8a3824 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -260,7 +260,7 @@ export function updateConnectionLookup(connectionLookup: ConnectionLookup, edgeL
 
     const prevSource = connectionLookup.get(sourceKey) || new Map();
     const prevTarget = connectionLookup.get(targetKey) || new Map();
-    const connection = { source, target, sourceHandle, targetHandle };
+    const connection = { edgeId: edge.id, source, target, sourceHandle, targetHandle };
 
     edgeLookup.set(edge.id, edge);
     connectionLookup.set(sourceKey, prevSource.set(`${target}-${targetHandle}`, connection));

From b77fe9da1f80445dc23e7d2e788109cb2159a685 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 13 Feb 2024 10:50:57 +0100
Subject: [PATCH 0584/1093] fix(deletion): do not delete node when user is
 inside input closes #3895

---
 packages/react/src/hooks/useKeyPress.ts                |  6 ++++++
 .../src/lib/components/KeyHandler/KeyHandler.svelte    | 10 +++++++++-
 packages/system/src/utils/dom.ts                       |  4 +---
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/hooks/useKeyPress.ts b/packages/react/src/hooks/useKeyPress.ts
index 779662078..9f738d06a 100644
--- a/packages/react/src/hooks/useKeyPress.ts
+++ b/packages/react/src/hooks/useKeyPress.ts
@@ -92,6 +92,12 @@ export function useKeyPress(
         } else {
           pressedKeys.current.delete(event[keyOrCode]);
         }
+
+        // fix for Mac: when cmd key is pressed, keyup is not triggered for any other key, see: https://stackoverflow.com/questions/27380018/when-cmd-key-is-kept-pressed-keyup-is-not-triggered-for-any-other-key
+        if (event.key === 'Meta') {
+          pressedKeys.current.clear();
+        }
+
         modifierPressed.current = false;
       };
 
diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index f6697cb24..4c4f138ea 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -113,7 +113,15 @@
       {
         ...deleteKeyDefinition,
         enabled: deleteKeyDefinition.key !== null,
-        callback: (detail) => !isInputDOMNode(detail.originalEvent) && deleteKeyPressed.set(true)
+        callback: (detail) => {
+          const isModifierKey =
+            detail.originalEvent.ctrlKey ||
+            detail.originalEvent.metaKey ||
+            detail.originalEvent.shiftKey;
+          if (!isModifierKey && !isInputDOMNode(detail.originalEvent)) {
+            deleteKeyPressed.set(true);
+          }
+        }
       }
     ],
     type: 'keydown'
diff --git a/packages/system/src/utils/dom.ts b/packages/system/src/utils/dom.ts
index 3cf5cd612..9312bc076 100644
--- a/packages/system/src/utils/dom.ts
+++ b/packages/system/src/utils/dom.ts
@@ -37,11 +37,9 @@ export function isInputDOMNode(event: KeyboardEvent): boolean {
   // using composed path for handling shadow dom
   const target = (event.composedPath?.()?.[0] || event.target) as HTMLElement;
   const isInput = inputTags.includes(target?.nodeName) || target?.hasAttribute('contenteditable');
-  // we want to be able to do a multi selection event if we are in an input field
-  const isModifierKey = event.ctrlKey || event.metaKey || event.shiftKey;
 
   // when an input field is focused we don't want to trigger deletion or movement of nodes
-  return (isInput && !isModifierKey) || !!target?.closest('.nokey');
+  return isInput || !!target?.closest('.nokey');
 }
 
 export const isMouseEvent = (event: MouseEvent | TouchEvent): event is MouseEvent => 'clientX' in event;

From 0d80b45d05940d059f041813291fa4c236419d34 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 13 Feb 2024 10:52:11 +0100
Subject: [PATCH 0585/1093] chore(changelog): update

---
 packages/react/CHANGELOG.md  | 1 +
 packages/svelte/CHANGELOG.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 54c5f9ec1..0308f87a0 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## 12.0.0-next.9
 
 - a better NodeResizer that works with subflows. Child nodes do not move when parent node gets resized and parent extent is taken into account
+- don't delete node when input is focused and user presses Backspace + Ctrl (or any other mod key)
 
 ## 12.0.0-next.8
 
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 123295bd4..9349a2fc3 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -7,6 +7,7 @@
 - a better NodeResizer (child nodes do not move when parent node gets resized)
 - fix `on:panecontextmenu`
 - add `role="button"` to `<EdgeLabel />` to prevent a11y warnings
+- don't delete node when input is focused and user presses Backspace + Ctrl (or any other mod key)
 
 ## 0.0.35
 

From 2860feec112d52b39d90d4fc8f8ac1c3eecbdbcb Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 13 Feb 2024 16:12:31 +0100
Subject: [PATCH 0586/1093] fix(react): uncontrolled flows with Provider

---
 .../src/components/ReactFlowProvider/index.tsx |  1 -
 .../src/components/StoreUpdater/index.tsx      | 18 ++++++++++++++----
 .../react/src/container/ReactFlow/index.tsx    |  2 ++
 packages/react/src/store/index.ts              | 12 ++++++++++++
 packages/react/src/types/store.ts              |  1 +
 5 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/components/ReactFlowProvider/index.tsx b/packages/react/src/components/ReactFlowProvider/index.tsx
index 829a304d2..3d2577e7a 100644
--- a/packages/react/src/components/ReactFlowProvider/index.tsx
+++ b/packages/react/src/components/ReactFlowProvider/index.tsx
@@ -26,7 +26,6 @@ export function ReactFlowProvider({
   fitView?: boolean;
 }) {
   const storeRef = useRef<UseBoundStoreWithEqualityFn<StoreApi<ReactFlowState>> | null>(null);
-
   if (!storeRef.current) {
     storeRef.current = createRFStore({
       nodes: initialNodes,
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 98ad3bac1..960803684 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -15,6 +15,8 @@ import { initNodeOrigin } from '../../container/ReactFlow';
 const reactFlowFieldsToTrack = [
   'nodes',
   'edges',
+  'defaultNodes',
+  'defaultEdges',
   'onConnect',
   'onConnectStart',
   'onConnectEnd',
@@ -79,16 +81,24 @@ const selector = (s: ReactFlowState) => ({
   setTranslateExtent: s.setTranslateExtent,
   setNodeExtent: s.setNodeExtent,
   reset: s.reset,
+  setDefaultNodesAndEdges: s.setDefaultNodesAndEdges,
 });
 
 export function StoreUpdater(props: StoreUpdaterProps) {
-  const { setNodes, setEdges, setMinZoom, setMaxZoom, setTranslateExtent, setNodeExtent, reset } = useStore(
-    selector,
-    shallow
-  );
+  const {
+    setNodes,
+    setEdges,
+    setMinZoom,
+    setMaxZoom,
+    setTranslateExtent,
+    setNodeExtent,
+    reset,
+    setDefaultNodesAndEdges,
+  } = useStore(selector, shallow);
   const store = useStoreApi();
 
   useEffect(() => {
+    setDefaultNodesAndEdges(props.defaultNodes, props.defaultEdges);
     return () => {
       reset();
     };
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 9ac7b0514..df9936a1c 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -242,6 +242,8 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
           <StoreUpdater
             nodes={nodes}
             edges={edges}
+            defaultNodes={defaultNodes}
+            defaultEdges={defaultEdges}
             onConnect={onConnect}
             onConnectStart={onConnectStart}
             onConnectEnd={onConnectEnd}
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 9e49f5d7e..46447e00f 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -63,6 +63,18 @@ const createRFStore = ({
 
         set({ edges });
       },
+      setDefaultNodesAndEdges: (nodes?: Node[], edges?: Edge[]) => {
+        if (nodes) {
+          const { setNodes } = get();
+          setNodes(nodes);
+          set({ hasDefaultNodes: true });
+        }
+        if (edges) {
+          const { setEdges } = get();
+          setEdges(edges);
+          set({ hasDefaultEdges: true });
+        }
+      },
       // Every node gets registerd at a ResizeObserver. Whenever a node
       // changes its dimensions, this function is called to measure the
       // new dimensions and update the nodes.
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 46f831280..f1c625baf 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -168,6 +168,7 @@ export type ReactFlowActions = {
   triggerEdgeChanges: (changes: EdgeChange[] | null) => void;
   panBy: PanBy;
   fitView: (nodes: Node[], options?: FitViewOptions) => boolean;
+  setDefaultNodesAndEdges: (nodes?: Node[], edges?: Edge[]) => void;
 };
 
 export type ReactFlowState = ReactFlowStore & ReactFlowActions;

From 04ba6e0e4ec54b23fde075e497f5ad95c833efcf Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 13 Feb 2024 17:19:32 +0100
Subject: [PATCH 0587/1093] fix(nodes): re-measure nodes when dimensions are
 missing

---
 .../src/examples/CustomMiniMapNode/index.tsx  |  6 +--
 examples/react/src/examples/Subflow/index.tsx | 40 +++++++++----------
 .../src/components/NodeWrapper/index.tsx      | 21 ++++++----
 packages/system/src/utils/store.ts            |  4 +-
 4 files changed, 38 insertions(+), 33 deletions(-)

diff --git a/examples/react/src/examples/CustomMiniMapNode/index.tsx b/examples/react/src/examples/CustomMiniMapNode/index.tsx
index 0b62196fb..7ecf1c549 100644
--- a/examples/react/src/examples/CustomMiniMapNode/index.tsx
+++ b/examples/react/src/examples/CustomMiniMapNode/index.tsx
@@ -27,9 +27,9 @@ const buttonStyle: CSSProperties = {
   zIndex: 4,
 };
 
-const CustomMiniMapNode = ({ x, y, width, height, color }: MiniMapNodeProps) => (
-  <circle cx={x} cy={y} r={Math.max(width, height) / 2} fill={color} />
-);
+const CustomMiniMapNode = ({ x, y, width, height }: MiniMapNodeProps) => {
+  return <circle cx={x} cy={y} r={Math.max(width, height) / 2} fill="#ffcc00" />;
+};
 
 const CustomMiniMapNodeFlow = () => {
   const [nodes, setNodes, onNodesChange] = useNodesState<Node>([]);
diff --git a/examples/react/src/examples/Subflow/index.tsx b/examples/react/src/examples/Subflow/index.tsx
index 19dc119ac..8ea28e34e 100644
--- a/examples/react/src/examples/Subflow/index.tsx
+++ b/examples/react/src/examples/Subflow/index.tsx
@@ -90,7 +90,7 @@ const initialNodes: Node[] = [
     data: { label: 'Node 5' },
     position: { x: 650, y: 250 },
     className: 'light',
-    style: { width: 400, height: 150 },
+    style: { width: 100, height: 100 },
     zIndex: 1000,
   },
   {
@@ -161,9 +161,12 @@ const Subflow = () => {
     setNodes((nds) => {
       return nds.map((n) => {
         if (!n.parentNode) {
-          n.position = {
-            x: Math.random() * 400,
-            y: Math.random() * 400,
+          return {
+            ...n,
+            position: {
+              x: Math.random() * 400,
+              y: Math.random() * 400,
+            },
           };
         }
 
@@ -178,8 +181,10 @@ const Subflow = () => {
   const toggleClassnames = () => {
     setNodes((nds) => {
       return nds.map((n) => {
-        n.className = n.className === 'light' ? 'dark' : 'light';
-        return n;
+        return {
+          ...n,
+          className: n.className === 'light' ? 'dark' : 'light',
+        };
       });
     });
   };
@@ -187,8 +192,10 @@ const Subflow = () => {
   const toggleChildNodes = () => {
     setNodes((nds) => {
       return nds.map((n) => {
-        n.hidden = !!n.parentNode && !n.hidden;
-        return n;
+        return {
+          ...n,
+          hidden: !!n.parentNode && !n.hidden,
+        };
       });
     });
   };
@@ -215,19 +222,12 @@ const Subflow = () => {
       <Background />
 
       <Panel position="top-right">
-        <button onClick={resetTransform} style={{ marginRight: 5 }}>
-          reset transform
-        </button>
-        <button onClick={updatePos} style={{ marginRight: 5 }}>
-          change pos
-        </button>
-        <button onClick={toggleClassnames} style={{ marginRight: 5 }}>
-          toggle classnames
-        </button>
-        <button style={{ marginRight: 5 }} onClick={toggleChildNodes}>
-          toggleChildNodes
-        </button>
+        <button onClick={resetTransform}>reset transform</button>
+        <button onClick={updatePos}>change pos</button>
+        <button onClick={toggleClassnames}>toggle classnames</button>
+        <button onClick={toggleChildNodes}>toggleChildNodes</button>
         <button onClick={logToObject}>toObject</button>
+        <button onClick={() => setNodes(initialNodes)}>setNodes</button>
       </Panel>
     </ReactFlow>
   );
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index ebf65163c..fa3ec7912 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -79,16 +79,27 @@ export function NodeWrapper({
   const prevTargetPosition = useRef(node.targetPosition);
   const prevType = useRef(nodeType);
 
+  const width = node.width ?? undefined;
+  const height = node.height ?? undefined;
+  const computedWidth = node.computed?.width;
+  const computedHeight = node.computed?.height;
+  const initialized = (!!computedWidth && !!computedHeight) || (!!width && !!height);
+
   const moveSelectedNodes = useMoveSelectedNodes();
 
   useEffect(() => {
     if (nodeRef.current && !node.hidden) {
       const currNode = nodeRef.current;
-      resizeObserver?.observe(currNode);
+
+      if (!initialized) {
+        resizeObserver?.observe(currNode);
+      } else {
+        resizeObserver?.unobserve(currNode);
+      }
 
       return () => resizeObserver?.unobserve(currNode);
     }
-  }, [node.hidden]);
+  }, [node.hidden, initialized]);
 
   useEffect(() => {
     // when the user programmatically changes the source or handle position, we re-initialize the node
@@ -123,11 +134,6 @@ export function NodeWrapper({
     return null;
   }
 
-  const width = node.width ?? undefined;
-  const height = node.height ?? undefined;
-  const computedWidth = node.computed?.width;
-  const computedHeight = node.computed?.height;
-
   const positionAbsoluteOrigin = getPositionWithOrigin({
     x: positionAbsoluteX,
     y: positionAbsoluteY,
@@ -135,7 +141,6 @@ export function NodeWrapper({
     height: computedHeight ?? height ?? 0,
     origin: node.origin || nodeOrigin,
   });
-  const initialized = (!!computedWidth && !!computedHeight) || (!!width && !!height);
   const hasPointerEvents = isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave;
 
   const onMouseEnterHandler = onMouseEnter ? (event: MouseEvent) => onMouseEnter(event, { ...node }) : undefined;
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 5cb8a3824..c04c7e516 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -94,8 +94,8 @@ export function adoptUserProvidedNodes<NodeType extends NodeBase>(
       ...n,
       computed: {
         positionAbsolute: n.position,
-        width: n.computed?.width || currentStoreNode?.computed?.width,
-        height: n.computed?.height || currentStoreNode?.computed?.height,
+        width: n.computed?.width,
+        height: n.computed?.height,
       },
     };
     const z = (isNumeric(n.zIndex) ? n.zIndex : 0) + (n.selected ? selectedNodeZ : 0);

From 940148ba8b54728e48a0336a1c79792278991be5 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 15 Feb 2024 11:06:45 +0100
Subject: [PATCH 0588/1093] fix node drag start & stop being fired when
 draggable=false

---
 packages/system/src/xydrag/XYDrag.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 5c13f8257..91ed7fb8b 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -238,7 +238,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
 
       const onNodeOrSelectionDragStart = nodeId ? onNodeDragStart : wrapSelectionDragFunc(onSelectionDragStart);
 
-      if (dragItems && (onDragStart || onNodeOrSelectionDragStart)) {
+      if (dragItems.length > 0 && (onDragStart || onNodeOrSelectionDragStart)) {
         const [currentNode, currentNodes] = getEventHandlerParams({
           nodeId,
           dragItems,
@@ -298,7 +298,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         dragStarted = false;
         cancelAnimationFrame(autoPanId);
 
-        if (dragItems) {
+        if (dragItems.length > 0) {
           const { nodeLookup, updateNodePositions, onNodeDragStop, onSelectionDragStop } = getStoreItems();
           const onNodeOrSelectionDragStop = nodeId ? onNodeDragStop : wrapSelectionDragFunc(onSelectionDragStop);
 

From 99fc00f5dcc3b4c31d74e928f507b79991e873c5 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 15 Feb 2024 11:32:55 +0100
Subject: [PATCH 0589/1093] aligned useHandleConnections in svelte with react
 version

---
 packages/react/src/hooks/useHandleConnections.ts      |  3 ++-
 packages/svelte/src/lib/hooks/useHandleConnections.ts | 11 ++++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/hooks/useHandleConnections.ts b/packages/react/src/hooks/useHandleConnections.ts
index 5e7a89a87..20b65a2df 100644
--- a/packages/react/src/hooks/useHandleConnections.ts
+++ b/packages/react/src/hooks/useHandleConnections.ts
@@ -37,8 +37,9 @@ export function useHandleConnections({
   onDisconnect,
 }: useHandleConnectionsParams): HandleConnection[] {
   const _nodeId = useNodeId();
+  const currentNodeId = nodeId ?? _nodeId;
+
   const prevConnections = useRef<Map<string, HandleConnection> | null>(null);
-  const currentNodeId = nodeId || _nodeId;
 
   const connections = useStore(
     (state) => state.connectionLookup.get(`${currentNodeId}-${type}-${id}`),
diff --git a/packages/svelte/src/lib/hooks/useHandleConnections.ts b/packages/svelte/src/lib/hooks/useHandleConnections.ts
index d3f51998a..7aec38582 100644
--- a/packages/svelte/src/lib/hooks/useHandleConnections.ts
+++ b/packages/svelte/src/lib/hooks/useHandleConnections.ts
@@ -2,10 +2,11 @@ import { derived } from 'svelte/store';
 import { areConnectionMapsEqual, type HandleConnection, type HandleType } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
+import { getContext } from 'svelte';
 
 export type useHandleConnectionsParams = {
-  nodeId: string;
   type: HandleType;
+  nodeId?: string;
   id?: string | null;
 };
 
@@ -20,14 +21,18 @@ const initialConnections: HandleConnection[] = [];
  * @param param.id - the handle id (this is only needed if the node has multiple handles of the same type)
  * @returns an array with connections
  */
-export function useHandleConnections({ nodeId, type, id = null }: useHandleConnectionsParams) {
+export function useHandleConnections({ type, nodeId, id = null }: useHandleConnectionsParams) {
   const { edges, connectionLookup } = useStore();
+
+  const _nodeId = getContext<string>('svelteflow__node_id');
+  const currentNodeId = nodeId ?? _nodeId;
+
   let prevConnections: Map<string, HandleConnection> | undefined = undefined;
 
   return derived(
     [edges, connectionLookup],
     ([, connectionLookup], set) => {
-      const nextConnections = connectionLookup.get(`${nodeId}-${type}-${id || null}`);
+      const nextConnections = connectionLookup.get(`${currentNodeId}-${type}-${id || null}`);
 
       if (!areConnectionMapsEqual(nextConnections, prevConnections)) {
         prevConnections = nextConnections;

From edba3963d86308f80dc130936eff8a1cab139117 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 15 Feb 2024 17:59:54 +0100
Subject: [PATCH 0590/1093] fix(react): re-measure nodes correctly

---
 .../src/components/EdgeWrapper/index.tsx      |  4 +--
 .../src/components/NodeWrapper/index.tsx      | 18 +++++++----
 .../src/components/StoreUpdater/index.tsx     | 31 +++++++++++--------
 .../react/src/container/ReactFlow/index.tsx   | 18 +++--------
 .../src/container/ReactFlow/init-values.ts    |  4 +++
 packages/react/src/store/index.ts             |  8 +----
 6 files changed, 41 insertions(+), 42 deletions(-)
 create mode 100644 packages/react/src/container/ReactFlow/init-values.ts

diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index 28323a198..5973751db 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -101,12 +101,12 @@ export function EdgeWrapper({
   );
 
   const markerStartUrl = useMemo(
-    () => (edge.markerStart ? `url(#${getMarkerId(edge.markerStart, rfId)})` : undefined),
+    () => (edge.markerStart ? `url('#${getMarkerId(edge.markerStart, rfId)}')` : undefined),
     [edge.markerStart, rfId]
   );
 
   const markerEndUrl = useMemo(
-    () => (edge.markerEnd ? `url(#${getMarkerId(edge.markerEnd, rfId)})` : undefined),
+    () => (edge.markerEnd ? `url('#${getMarkerId(edge.markerEnd, rfId)}')` : undefined),
     [edge.markerEnd, rfId]
   );
 
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index fa3ec7912..548a4aa4f 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -84,22 +84,28 @@ export function NodeWrapper({
   const computedWidth = node.computed?.width;
   const computedHeight = node.computed?.height;
   const initialized = (!!computedWidth && !!computedHeight) || (!!width && !!height);
+  const hasHandleBounds = !!node[internalsSymbol]?.handleBounds;
 
   const moveSelectedNodes = useMoveSelectedNodes();
 
+  useEffect(() => {
+    return () => {
+      if (nodeRef.current) {
+        resizeObserver?.unobserve(nodeRef.current);
+      }
+    };
+  }, []);
+
   useEffect(() => {
     if (nodeRef.current && !node.hidden) {
       const currNode = nodeRef.current;
 
-      if (!initialized) {
-        resizeObserver?.observe(currNode);
-      } else {
+      if (!initialized || !hasHandleBounds) {
         resizeObserver?.unobserve(currNode);
+        resizeObserver?.observe(currNode);
       }
-
-      return () => resizeObserver?.unobserve(currNode);
     }
-  }, [node.hidden, initialized]);
+  }, [node.hidden, initialized, hasHandleBounds]);
 
   useEffect(() => {
     // when the user programmatically changes the source or handle position, we re-initialize the node
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 960803684..f1d68e6cf 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -9,7 +9,7 @@ import { infiniteExtent, type CoordinateExtent } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import type { Node, Edge, ReactFlowState, ReactFlowProps, FitViewOptions } from '../../types';
-import { initNodeOrigin } from '../../container/ReactFlow';
+import { defaultNodeOrigin } from '../../container/ReactFlow/init-values';
 
 // these fields exist in the global store and we need to keep them up to date
 const reactFlowFieldsToTrack = [
@@ -84,6 +84,19 @@ const selector = (s: ReactFlowState) => ({
   setDefaultNodesAndEdges: s.setDefaultNodesAndEdges,
 });
 
+const initPrevValues = {
+  // these are values that are also passed directly to other components
+  // than the StoreUpdater. We can reduce the number of setStore calls
+  // by setting the same values here as prev fields.
+  translateExtent: infiniteExtent,
+  nodeOrigin: defaultNodeOrigin,
+  minZoom: 0.5,
+  maxZoom: 2,
+  elementsSelectable: true,
+  noPanClassName: 'nopan',
+  rfId: '1',
+};
+
 export function StoreUpdater(props: StoreUpdaterProps) {
   const {
     setNodes,
@@ -99,23 +112,15 @@ export function StoreUpdater(props: StoreUpdaterProps) {
 
   useEffect(() => {
     setDefaultNodesAndEdges(props.defaultNodes, props.defaultEdges);
+
     return () => {
+      // when we reset the store we also need to reset the previous fields
+      previousFields.current = initPrevValues;
       reset();
     };
   }, []);
 
-  const previousFields = useRef<Partial<StoreUpdaterProps>>({
-    // these are values that are also passed directly to other components
-    // than the StoreUpdater. We can reduce the number of setStore calls
-    // by setting the same values here as prev fields.
-    translateExtent: infiniteExtent,
-    nodeOrigin: initNodeOrigin,
-    minZoom: 0.5,
-    maxZoom: 2,
-    elementsSelectable: true,
-    noPanClassName: 'nopan',
-    rfId: '1',
-  });
+  const previousFields = useRef<Partial<StoreUpdaterProps>>(initPrevValues);
 
   useEffect(
     () => {
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index df9936a1c..6448abe4f 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -1,14 +1,6 @@
 import { forwardRef, type CSSProperties } from 'react';
 import cc from 'classcat';
-import {
-  ConnectionLineType,
-  PanOnScrollMode,
-  SelectionMode,
-  infiniteExtent,
-  isMacOs,
-  type NodeOrigin,
-  type Viewport,
-} from '@xyflow/system';
+import { ConnectionLineType, PanOnScrollMode, SelectionMode, infiniteExtent, isMacOs } from '@xyflow/system';
 
 import { A11yDescriptions } from '../../components/A11yDescriptions';
 import { Attribution } from '../../components/Attribution';
@@ -18,9 +10,7 @@ import { useColorModeClass } from '../../hooks/useColorModeClass';
 import { GraphView } from '../GraphView';
 import { Wrapper } from './Wrapper';
 import type { ReactFlowProps, ReactFlowRefType } from '../../types';
-
-export const initNodeOrigin: NodeOrigin = [0, 0];
-const initDefaultViewport: Viewport = { x: 0, y: 0, zoom: 1 };
+import { defaultViewport as initViewport, defaultNodeOrigin } from './init-values';
 
 const wrapperStyle: CSSProperties = {
   width: '100%',
@@ -89,11 +79,11 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
       nodesDraggable,
       nodesConnectable,
       nodesFocusable,
-      nodeOrigin = initNodeOrigin,
+      nodeOrigin = defaultNodeOrigin,
       edgesFocusable,
       edgesUpdatable,
       elementsSelectable = true,
-      defaultViewport = initDefaultViewport,
+      defaultViewport = initViewport,
       minZoom = 0.5,
       maxZoom = 2,
       translateExtent = infiniteExtent,
diff --git a/packages/react/src/container/ReactFlow/init-values.ts b/packages/react/src/container/ReactFlow/init-values.ts
new file mode 100644
index 000000000..75e7fcaac
--- /dev/null
+++ b/packages/react/src/container/ReactFlow/init-values.ts
@@ -0,0 +1,4 @@
+import { type NodeOrigin, Viewport } from '@xyflow/system';
+
+export const defaultNodeOrigin: NodeOrigin = [0, 0];
+export const defaultViewport: Viewport = { x: 0, y: 0, zoom: 1 };
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 46447e00f..71a51a1ea 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -303,13 +303,7 @@ const createRFStore = ({
         set(currentConnection);
       },
 
-      reset: () => {
-        // @todo: what should we do about this? Do we still need it?
-        // if you are on a SPA with multiple flows, we want to make sure that the store gets resetted
-        // when you switch pages. Does this reset solves this? Currently it always gets called. This
-        // leads to an emtpy nodes array at the beginning.
-        // set({ ...getInitialState() });
-      },
+      reset: () => set({ ...getInitialState() }),
     }),
     Object.is
   );

From 6eea7eb2ab1e32402dc56bd864a1cd61c3c165e7 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 15 Feb 2024 18:13:46 +0100
Subject: [PATCH 0591/1093] chore(packages): bump

---
 packages/react/CHANGELOG.md  | 8 ++++++--
 packages/react/package.json  | 2 +-
 packages/svelte/CHANGELOG.md | 4 +++-
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 5 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 0308f87a0..e2e23ca46 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -2,8 +2,12 @@
 
 ## 12.0.0-next.9
 
-- a better NodeResizer that works with subflows. Child nodes do not move when parent node gets resized and parent extent is taken into account
-- don't delete node when input is focused and user presses Backspace + Ctrl (or any other mod key)
+### Patch changes
+
+- a better `NodeResizer` that works with subflows. Child nodes do not move when parent node gets resized and parent extent is taken into account
+- refactor `setNodes` batching
+- re-measure nodes when necessary
+- don't trigger drag start / end when node is not draggable
 
 ## 12.0.0-next.8
 
diff --git a/packages/react/package.json b/packages/react/package.json
index 097cba0da..ddb6d3273 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.8",
+  "version": "12.0.0-next.9",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 9349a2fc3..2f34e1a35 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -2,12 +2,14 @@
 
 ## 0.0.36
 
-## Minor changes
+## Patch changes
 
 - a better NodeResizer (child nodes do not move when parent node gets resized)
 - fix `on:panecontextmenu`
 - add `role="button"` to `<EdgeLabel />` to prevent a11y warnings
 - don't delete node when input is focused and user presses Backspace + Ctrl (or any other mod key)
+- `useHandleConnections`: use context node id when no node id is passed  
+- don't trigger drag start / end when node is not draggable
 
 ## 0.0.35
 
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index ac6882804..6fe2bec24 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.35",
+  "version": "0.0.36",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index e4fc68756..f08cdd5b9 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From f14480dc89922b4e31fe17847780b4921df009b4 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sat, 17 Feb 2024 12:24:38 +0100
Subject: [PATCH 0592/1093] chore(useStore): cleanup

---
 packages/react/src/hooks/useStore.ts | 6 ++----
 packages/react/src/types/store.ts    | 2 +-
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/hooks/useStore.ts b/packages/react/src/hooks/useStore.ts
index 9f7f8255a..a80217a2c 100644
--- a/packages/react/src/hooks/useStore.ts
+++ b/packages/react/src/hooks/useStore.ts
@@ -1,6 +1,5 @@
 import { useContext, useMemo } from 'react';
 import { useStoreWithEqualityFn as useZustandStore } from 'zustand/traditional';
-import type { StoreApi } from 'zustand';
 import { errorMessages } from '@xyflow/system';
 
 import StoreContext from '../contexts/RFStoreContext';
@@ -8,8 +7,6 @@ import type { ReactFlowState } from '../types';
 
 const zustandErrorMessage = errorMessages['error001']();
 
-type ExtractState = StoreApi<ReactFlowState> extends { getState: () => infer T } ? T : never;
-
 /**
  * Hook for accessing the internal store. Should only be used in rare cases.
  *
@@ -18,7 +15,8 @@ type ExtractState = StoreApi<ReactFlowState> extends { getState: () => infer T }
  * @param equalityFn
  * @returns The selected state slice
  */
-function useStore<StateSlice = ExtractState>(
+
+function useStore<StateSlice = unknown>(
   selector: (state: ReactFlowState) => StateSlice,
   equalityFn?: (a: StateSlice, b: StateSlice) => boolean
 ) {
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 27482dbaf..38e3fbe94 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -45,7 +45,7 @@ import type {
   OnBeforeDelete,
 } from '.';
 
-export type ReactFlowStore<NodeType extends Node> = {
+export type ReactFlowStore<NodeType extends Node = Node> = {
   rfId: string;
   width: number;
   height: number;

From 776f6ce0b784973db0a35dd4f13ffc71c5a90a21 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sat, 17 Feb 2024 14:35:20 +0100
Subject: [PATCH 0593/1093] chore(useStore): add tsdoc example

---
 packages/react/src/hooks/useStore.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/hooks/useStore.ts b/packages/react/src/hooks/useStore.ts
index a80217a2c..9a3a5e6b8 100644
--- a/packages/react/src/hooks/useStore.ts
+++ b/packages/react/src/hooks/useStore.ts
@@ -14,8 +14,11 @@ const zustandErrorMessage = errorMessages['error001']();
  * @param selector
  * @param equalityFn
  * @returns The selected state slice
+ *
+ * @example
+ * const nodes = useStore((state: ReactFlowState<MyNodeType>) => state.nodes);
+ *
  */
-
 function useStore<StateSlice = unknown>(
   selector: (state: ReactFlowState) => StateSlice,
   equalityFn?: (a: StateSlice, b: StateSlice) => boolean

From ad7403cc75ac5884830599f6be7ae66b73132d51 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sat, 17 Feb 2024 15:45:10 +0100
Subject: [PATCH 0594/1093] refactor(types): use same structure for nodes and
 edges

---
 .../EdgeWrapper/EdgeUpdateAnchors.tsx         | 14 ++---
 .../src/components/EdgeWrapper/index.tsx      | 10 ++--
 .../src/components/StoreUpdater/index.tsx     | 11 ++--
 .../src/container/EdgeRenderer/index.tsx      | 14 ++---
 .../src/container/FlowRenderer/index.tsx      |  4 +-
 .../react/src/container/GraphView/index.tsx   | 14 ++---
 .../react/src/container/ReactFlow/index.tsx   | 18 ++-----
 packages/react/src/hooks/useEdges.ts          |  4 +-
 packages/react/src/hooks/useOnInitHandler.ts  |  8 +--
 packages/react/src/index.ts                   |  1 -
 packages/react/src/types/component-props.ts   | 43 +++++++--------
 packages/react/src/types/edges.ts             | 53 ++++++++++---------
 packages/react/src/types/general.ts           | 10 +++-
 packages/react/src/types/nodes.ts             |  9 ++--
 packages/react/src/types/store.ts             | 28 +++++-----
 .../src/lib/container/SvelteFlow/types.ts     |  8 +--
 packages/svelte/src/lib/hooks/useNodesData.ts |  2 +-
 packages/svelte/src/lib/index.ts              |  1 -
 .../svelte/src/lib/store/initial-store.ts     |  4 +-
 packages/svelte/src/lib/types/edges.ts        | 41 ++++++++------
 packages/svelte/src/lib/types/general.ts      |  4 ++
 packages/svelte/src/lib/types/nodes.ts        |  4 +-
 packages/system/src/types/edges.ts            |  7 ++-
 packages/system/src/types/nodes.ts            | 11 ++--
 24 files changed, 176 insertions(+), 147 deletions(-)

diff --git a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
index db56017c5..c84c2d3bb 100644
--- a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
+++ b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
@@ -5,20 +5,20 @@ import { EdgeAnchor } from '../Edges/EdgeAnchor';
 import type { EdgeWrapperProps, Edge } from '../../types/edges';
 import { useStoreApi } from '../../hooks/useStore';
 
-type EdgeUpdateAnchorsProps = {
-  edge: Edge;
+type EdgeUpdateAnchorsProps<EdgeType extends Edge = Edge> = {
+  edge: EdgeType;
   isUpdatable: boolean | 'source' | 'target';
   edgeUpdaterRadius: EdgeWrapperProps['edgeUpdaterRadius'];
   sourceHandleId: Edge['sourceHandle'];
   targetHandleId: Edge['targetHandle'];
-  onEdgeUpdate: EdgeWrapperProps['onEdgeUpdate'];
-  onEdgeUpdateStart: EdgeWrapperProps['onEdgeUpdateStart'];
-  onEdgeUpdateEnd: EdgeWrapperProps['onEdgeUpdateEnd'];
+  onEdgeUpdate: EdgeWrapperProps<EdgeType>['onEdgeUpdate'];
+  onEdgeUpdateStart: EdgeWrapperProps<EdgeType>['onEdgeUpdateStart'];
+  onEdgeUpdateEnd: EdgeWrapperProps<EdgeType>['onEdgeUpdateEnd'];
   setUpdateHover: (hover: boolean) => void;
   setUpdating: (updating: boolean) => void;
 } & EdgePosition;
 
-export function EdgeUpdateAnchors({
+export function EdgeUpdateAnchors<EdgeType extends Edge = Edge>({
   isUpdatable,
   edgeUpdaterRadius,
   edge,
@@ -35,7 +35,7 @@ export function EdgeUpdateAnchors({
   onEdgeUpdateEnd,
   setUpdating,
   setUpdateHover,
-}: EdgeUpdateAnchorsProps) {
+}: EdgeUpdateAnchorsProps<EdgeType>) {
   const store = useStoreApi();
 
   const handleEdgeUpdater = (event: React.MouseEvent<SVGGElement, MouseEvent>, isSourceHandle: boolean) => {
diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index 28323a198..b1fdb4a89 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -13,9 +13,9 @@ import { useStoreApi, useStore } from '../../hooks/useStore';
 import { ARIA_EDGE_DESC_KEY } from '../A11yDescriptions';
 import { builtinEdgeTypes, nullPosition } from './utils';
 import { EdgeUpdateAnchors } from './EdgeUpdateAnchors';
-import type { EdgeWrapperProps } from '../../types';
+import type { Edge, EdgeWrapperProps } from '../../types';
 
-export function EdgeWrapper({
+export function EdgeWrapper<EdgeType extends Edge = Edge>({
   id,
   edgesFocusable,
   edgesUpdatable,
@@ -34,8 +34,8 @@ export function EdgeWrapper({
   edgeTypes,
   noPanClassName,
   onError,
-}: EdgeWrapperProps): JSX.Element | null {
-  let edge = useStore((s) => s.edgeLookup.get(id)!);
+}: EdgeWrapperProps<EdgeType>): JSX.Element | null {
+  let edge = useStore((s) => s.edgeLookup.get(id)!) as EdgeType;
   const defaultEdgeOptions = useStore((s) => s.defaultEdgeOptions);
   edge = defaultEdgeOptions ? { ...defaultEdgeOptions, ...edge } : edge;
 
@@ -236,7 +236,7 @@ export function EdgeWrapper({
           />
         )}
         {isUpdatable && (
-          <EdgeUpdateAnchors
+          <EdgeUpdateAnchors<EdgeType>
             edge={edge}
             isUpdatable={isUpdatable}
             edgeUpdaterRadius={edgeUpdaterRadius}
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 6211ea592..9c77f5e04 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -68,7 +68,10 @@ const reactFlowFieldsToTrack = [
 ] as const;
 
 type ReactFlowFieldsToTrack = (typeof reactFlowFieldsToTrack)[number];
-type StoreUpdaterProps<NodeType extends Node = Node> = Pick<ReactFlowProps<NodeType>, ReactFlowFieldsToTrack> & {
+type StoreUpdaterProps<NodeType extends Node = Node, EdgeType extends Edge = Edge> = Pick<
+  ReactFlowProps<NodeType, EdgeType>,
+  ReactFlowFieldsToTrack
+> & {
   rfId: string;
 };
 
@@ -86,7 +89,9 @@ const selector = (s: ReactFlowState) => ({
   reset: s.reset,
 });
 
-export function StoreUpdater<NodeType extends Node = Node>(props: StoreUpdaterProps<NodeType>) {
+export function StoreUpdater<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
+  props: StoreUpdaterProps<NodeType, EdgeType>
+) {
   const {
     setNodes,
     setEdges,
@@ -108,7 +113,7 @@ export function StoreUpdater<NodeType extends Node = Node>(props: StoreUpdaterPr
     };
   }, []);
 
-  const previousFields = useRef<Partial<StoreUpdaterProps<NodeType>>>({
+  const previousFields = useRef<Partial<StoreUpdaterProps<NodeType, EdgeType>>>({
     // these are values that are also passed directly to other components
     // than the StoreUpdater. We can reduce the number of setStore calls
     // by setting the same values here as prev fields.
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index 5fdaa1af4..3112179e8 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -6,10 +6,10 @@ import { useVisibleEdgeIds } from '../../hooks/useVisibleEdgeIds';
 import MarkerDefinitions from './MarkerDefinitions';
 import { GraphViewProps } from '../GraphView';
 import { EdgeWrapper } from '../../components/EdgeWrapper';
-import type { ReactFlowState } from '../../types';
+import type { Edge, ReactFlowState, Node } from '../../types';
 
-type EdgeRendererProps = Pick<
-  GraphViewProps,
+type EdgeRendererProps<EdgeType extends Edge = Edge> = Pick<
+  GraphViewProps<Node, EdgeType>,
   | 'onEdgeClick'
   | 'onEdgeDoubleClick'
   | 'defaultMarkerColor'
@@ -40,7 +40,7 @@ const selector = (s: ReactFlowState) => ({
   onError: s.onError,
 });
 
-function EdgeRendererComponent({
+function EdgeRendererComponent<EdgeType extends Edge = Edge>({
   defaultMarkerColor,
   onlyRenderVisibleElements,
   rfId,
@@ -56,7 +56,7 @@ function EdgeRendererComponent({
   onEdgeDoubleClick,
   onEdgeUpdateStart,
   onEdgeUpdateEnd,
-}: EdgeRendererProps) {
+}: EdgeRendererProps<EdgeType>) {
   const { edgesFocusable, edgesUpdatable, elementsSelectable, onError } = useStore(selector, shallow);
   const edgeIds = useVisibleEdgeIds(onlyRenderVisibleElements);
 
@@ -66,7 +66,7 @@ function EdgeRendererComponent({
 
       {edgeIds.map((id) => {
         return (
-          <EdgeWrapper
+          <EdgeWrapper<EdgeType>
             key={id}
             id={id}
             edgesFocusable={edgesFocusable}
@@ -95,4 +95,4 @@ function EdgeRendererComponent({
 
 EdgeRendererComponent.displayName = 'EdgeRenderer';
 
-export const EdgeRenderer = memo(EdgeRendererComponent);
+export const EdgeRenderer = memo(EdgeRendererComponent) as typeof EdgeRendererComponent;
diff --git a/packages/react/src/container/FlowRenderer/index.tsx b/packages/react/src/container/FlowRenderer/index.tsx
index 6aa49a2a7..14216ac2e 100644
--- a/packages/react/src/container/FlowRenderer/index.tsx
+++ b/packages/react/src/container/FlowRenderer/index.tsx
@@ -9,7 +9,7 @@ import { Pane } from '../Pane';
 import { NodesSelection } from '../../components/NodesSelection';
 import type { ReactFlowState, Node } from '../../types';
 
-export type FlowRendererProps<NodeType extends Node> = Omit<
+export type FlowRendererProps<NodeType extends Node = Node> = Omit<
   GraphViewProps<NodeType>,
   | 'snapToGrid'
   | 'nodeTypes'
@@ -32,7 +32,7 @@ const selector = (s: ReactFlowState) => {
   return { nodesSelectionActive: s.nodesSelectionActive, userSelectionActive: s.userSelectionActive };
 };
 
-function FlowRendererComponent<NodeType extends Node>({
+function FlowRendererComponent<NodeType extends Node = Node>({
   children,
   onPaneClick,
   onPaneMouseEnter,
diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index 0615258cf..f1965b049 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -8,15 +8,15 @@ import { useOnInitHandler } from '../../hooks/useOnInitHandler';
 import { useViewportSync } from '../../hooks/useViewportSync';
 import { ConnectionLineWrapper } from '../../components/ConnectionLine';
 import { useNodeOrEdgeTypesWarning } from './useNodeOrEdgeTypesWarning';
-import type { Node, ReactFlowProps } from '../../types';
+import type { Edge, Node, ReactFlowProps } from '../../types';
 
-export type GraphViewProps<NodeType extends Node = Node> = Omit<
-  ReactFlowProps<NodeType>,
+export type GraphViewProps<NodeType extends Node = Node, EdgeType extends Edge = Edge> = Omit<
+  ReactFlowProps<NodeType, EdgeType>,
   'onSelectionChange' | 'nodes' | 'edges' | 'onMove' | 'onMoveStart' | 'onMoveEnd' | 'elevateEdgesOnSelect'
 > &
   Required<
     Pick<
-      ReactFlowProps<NodeType>,
+      ReactFlowProps<NodeType, EdgeType>,
       | 'selectionKeyCode'
       | 'deleteKeyCode'
       | 'multiSelectionKeyCode'
@@ -38,7 +38,7 @@ export type GraphViewProps<NodeType extends Node = Node> = Omit<
     rfId: string;
   };
 
-function GraphViewComponent<NodeType extends Node = Node>({
+function GraphViewComponent<NodeType extends Node = Node, EdgeType extends Edge = Edge>({
   nodeTypes,
   edgeTypes,
   onInit,
@@ -102,7 +102,7 @@ function GraphViewComponent<NodeType extends Node = Node>({
   rfId,
   viewport,
   onViewportChange,
-}: GraphViewProps<NodeType>) {
+}: GraphViewProps<NodeType, EdgeType>) {
   useNodeOrEdgeTypesWarning(nodeTypes);
   useNodeOrEdgeTypesWarning(edgeTypes);
 
@@ -148,7 +148,7 @@ function GraphViewComponent<NodeType extends Node = Node>({
       isControlledViewport={!!viewport}
     >
       <Viewport>
-        <EdgeRenderer
+        <EdgeRenderer<EdgeType>
           edgeTypes={edgeTypes}
           onEdgeClick={onEdgeClick}
           onEdgeDoubleClick={onEdgeDoubleClick}
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 2516b4e7b..d4875419b 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -17,7 +17,7 @@ import { StoreUpdater } from '../../components/StoreUpdater';
 import { useColorModeClass } from '../../hooks/useColorModeClass';
 import { GraphView } from '../GraphView';
 import { Wrapper } from './Wrapper';
-import type { ReactFlowProps, ReactFlowRefType, Node } from '../../types';
+import type { ReactFlowProps, ReactFlowRefType, Node, Edge } from '../../types';
 
 export const initNodeOrigin: NodeOrigin = [0, 0];
 const initDefaultViewport: Viewport = { x: 0, y: 0, zoom: 1 };
@@ -30,13 +30,7 @@ const wrapperStyle: CSSProperties = {
   zIndex: 0,
 };
 
-declare module 'react' {
-  function forwardRef<T, P = Record<string, never>>(
-    render: (props: P, ref: React.Ref<T>) => React.ReactNode | null
-  ): (props: P & React.RefAttributes<T>) => React.ReactNode | null;
-}
-
-function ReactFlow<NodeType extends Node = Node>(
+function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
   {
     nodes,
     edges,
@@ -156,7 +150,7 @@ function ReactFlow<NodeType extends Node = Node>(
     height,
     colorMode = 'light',
     ...rest
-  }: ReactFlowProps<NodeType>,
+  }: ReactFlowProps<NodeType, EdgeType>,
   ref: ForwardedRef<ReactFlowRefType>
 ) {
   const rfId = id || '1';
@@ -172,7 +166,7 @@ function ReactFlow<NodeType extends Node = Node>(
       id={id}
     >
       <Wrapper nodes={nodes} edges={edges} width={width} height={height} fitView={fitView}>
-        <GraphView<NodeType>
+        <GraphView<NodeType, EdgeType>
           onInit={onInit}
           onNodeClick={onNodeClick}
           onEdgeClick={onEdgeClick}
@@ -300,6 +294,4 @@ function ReactFlow<NodeType extends Node = Node>(
   );
 }
 
-export default forwardRef(ReactFlow) as <T extends Node = Node>(
-  props: ReactFlowProps<T> & { ref?: React.ForwardedRef<HTMLUListElement> }
-) => ReturnType<typeof ReactFlow>;
+export default forwardRef(ReactFlow) as typeof ReactFlow;
diff --git a/packages/react/src/hooks/useEdges.ts b/packages/react/src/hooks/useEdges.ts
index bd748abbd..3ed9de39c 100644
--- a/packages/react/src/hooks/useEdges.ts
+++ b/packages/react/src/hooks/useEdges.ts
@@ -11,8 +11,8 @@ const edgesSelector = (state: ReactFlowState) => state.edges;
  * @public
  * @returns An array of edges
  */
-export function useEdges<EdgeData>(): Edge<EdgeData>[] {
-  const edges = useStore(edgesSelector, shallow);
+export function useEdges<EdgeType extends Edge = Edge>(): EdgeType[] {
+  const edges = useStore(edgesSelector, shallow) as EdgeType[];
 
   return edges;
 }
diff --git a/packages/react/src/hooks/useOnInitHandler.ts b/packages/react/src/hooks/useOnInitHandler.ts
index 782b03790..5d43731b1 100644
--- a/packages/react/src/hooks/useOnInitHandler.ts
+++ b/packages/react/src/hooks/useOnInitHandler.ts
@@ -1,15 +1,17 @@
 import { useEffect, useRef } from 'react';
 
 import { useReactFlow } from './useReactFlow';
-import type { OnInit, Node } from '../types';
+import type { OnInit, Node, Edge } from '../types';
 
 /**
  * Hook for calling onInit handler.
  *
  * @internal
  */
-export function useOnInitHandler<NodeType extends Node = Node>(onInit: OnInit<NodeType> | undefined) {
-  const rfInstance = useReactFlow<NodeType>();
+export function useOnInitHandler<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
+  onInit: OnInit<NodeType, EdgeType> | undefined
+) {
+  const rfInstance = useReactFlow<NodeType, EdgeType>();
   const isInitialized = useRef<boolean>(false);
 
   useEffect(() => {
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index bcb12cdf2..a757ec237 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -53,7 +53,6 @@ export {
   type OnConnectStart,
   type OnConnect,
   type OnConnectEnd,
-  type IsValidConnection,
   type Viewport,
   type SnapGrid,
   PanOnScrollMode,
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index f5f854ab3..ce6e94ad5 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -18,7 +18,6 @@ import type {
   HandleType,
   SelectionMode,
   OnError,
-  IsValidConnection,
   ColorMode,
   SnapGrid,
 } from '@xyflow/system';
@@ -44,13 +43,15 @@ import type {
   EdgeMouseHandler,
   OnNodeDrag,
   OnBeforeDelete,
+  IsValidConnection,
 } from '.';
 
 /**
  * ReactFlow component props.
  * @public
  */
-export interface ReactFlowProps<NodeType extends Node = Node> extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'> {
+export interface ReactFlowProps<NodeType extends Node = Node, EdgeType extends Edge = Edge>
+  extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'> {
   /** An array of nodes to render in a controlled flow.
    * @example
    * const nodes = [
@@ -73,11 +74,11 @@ export interface ReactFlowProps<NodeType extends Node = Node> extends Omit<HTMLA
    *  }
    * ];
    */
-  edges?: Edge[];
+  edges?: EdgeType[];
   /** The initial nodes to render in an uncontrolled flow. */
   defaultNodes?: NodeType[];
   /** The initial edges to render in an uncontrolled flow. */
-  defaultEdges?: Edge[];
+  defaultEdges?: EdgeType[];
   /** Defaults to be applied to all new edges that are added to the flow.
    *
    * Properties on a new edge will override these defaults if they exist.
@@ -117,20 +118,20 @@ export interface ReactFlowProps<NodeType extends Node = Node> extends Omit<HTMLA
   /** This event handler is called when a user stops dragging a node */
   onNodeDragStop?: OnNodeDrag<NodeType>;
   /** This event handler is called when a user clicks on an edge */
-  onEdgeClick?: (event: ReactMouseEvent, edge: Edge) => void;
+  onEdgeClick?: (event: ReactMouseEvent, edge: EdgeType) => void;
   /** This event handler is called when a user right clicks on an edge */
-  onEdgeContextMenu?: EdgeMouseHandler;
+  onEdgeContextMenu?: EdgeMouseHandler<EdgeType>;
   /** This event handler is called when mouse of a user enters an edge */
-  onEdgeMouseEnter?: EdgeMouseHandler;
+  onEdgeMouseEnter?: EdgeMouseHandler<EdgeType>;
   /** This event handler is called when mouse of a user moves over an edge */
-  onEdgeMouseMove?: EdgeMouseHandler;
+  onEdgeMouseMove?: EdgeMouseHandler<EdgeType>;
   /** This event handler is called when mouse of a user leaves an edge */
-  onEdgeMouseLeave?: EdgeMouseHandler;
+  onEdgeMouseLeave?: EdgeMouseHandler<EdgeType>;
   /** This event handler is called when a user double clicks on an edge */
-  onEdgeDoubleClick?: EdgeMouseHandler;
-  onEdgeUpdateStart?: (event: ReactMouseEvent, edge: Edge, handleType: HandleType) => void;
-  onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: Edge, handleType: HandleType) => void;
-  onEdgeUpdate?: OnEdgeUpdateFunc;
+  onEdgeDoubleClick?: EdgeMouseHandler<EdgeType>;
+  onEdgeUpdateStart?: (event: ReactMouseEvent, edge: EdgeType, handleType: HandleType) => void;
+  onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: EdgeType, handleType: HandleType) => void;
+  onEdgeUpdate?: OnEdgeUpdateFunc<EdgeType>;
   /** This event handler is called when a Node is updated
    * @example // Use NodesState hook to create edges and get onNodesChange handler
    * import ReactFlow, { useNodesState } from '@xyflow/react';
@@ -164,19 +165,19 @@ export interface ReactFlowProps<NodeType extends Node = Node> extends Omit<HTMLA
    *
    * return (<ReactFlow onEdgesChange={onEdgesChange} {...rest} />)
    */
-  onEdgesChange?: OnEdgesChange;
+  onEdgesChange?: OnEdgesChange<EdgeType>;
   /** This event handler gets called when a Node is deleted */
   onNodesDelete?: OnNodesDelete<NodeType>;
   /** This event handler gets called when a Edge is deleted */
-  onEdgesDelete?: OnEdgesDelete;
+  onEdgesDelete?: OnEdgesDelete<EdgeType>;
   /** This event handler gets called when a Node or Edge is deleted */
-  onDelete?: OnDelete;
+  onDelete?: OnDelete<NodeType, EdgeType>;
   /** This event handler gets called when a user starts to drag a selection box */
-  onSelectionDragStart?: SelectionDragHandler;
+  onSelectionDragStart?: SelectionDragHandler<NodeType>;
   /** This event handler gets called when a user drags a selection box */
-  onSelectionDrag?: SelectionDragHandler;
+  onSelectionDrag?: SelectionDragHandler<NodeType>;
   /** This event handler gets called when a user stops dragging a selection box */
-  onSelectionDragStop?: SelectionDragHandler;
+  onSelectionDragStop?: SelectionDragHandler<NodeType>;
   onSelectionStart?: (event: ReactMouseEvent) => void;
   onSelectionEnd?: (event: ReactMouseEvent) => void;
   onSelectionContextMenu?: (event: ReactMouseEvent, nodes: NodeType[]) => void;
@@ -201,7 +202,7 @@ export interface ReactFlowProps<NodeType extends Node = Node> extends Omit<HTMLA
   onClickConnectStart?: OnConnectStart;
   onClickConnectEnd?: OnConnectEnd;
   /** This event handler gets called when a flow has finished initializing */
-  onInit?: OnInit<NodeType>;
+  onInit?: OnInit<NodeType, EdgeType>;
   /** This event handler is called while the user is either panning or zooming the viewport. */
   onMove?: OnMove;
   /** This event handler gets called when a user starts to pan or zoom the viewport */
@@ -223,7 +224,7 @@ export interface ReactFlowProps<NodeType extends Node = Node> extends Omit<HTMLA
   /** This event handler gets called when mouse leaves the pane */
   onPaneMouseLeave?: (event: ReactMouseEvent) => void;
   /** This handler gets called before the user deletes nodes or edges and provides a way to abort the deletion by returning false. */
-  onBeforeDelete?: OnBeforeDelete<NodeType>;
+  onBeforeDelete?: OnBeforeDelete<NodeType, EdgeType>;
   /** Custom node types to be available in a flow.
    *
    * React Flow matches a node's type to a component in the nodeTypes object.
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index 2b514c963..4de6472ec 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -30,7 +30,14 @@ export type EdgeLabelOptions = {
 
 export type EdgeUpdatable = boolean | HandleType;
 
-export type DefaultEdge<EdgeData = any> = EdgeBase<EdgeData> &
+/**
+ * The Edge type is mainly used for the `edges` that get passed to the ReactFlow component
+ * @public
+ */
+export type Edge<
+  EdgeData extends Record<string, unknown> = Record<string, unknown>,
+  EdgeType extends string | undefined = string | undefined
+> = EdgeBase<EdgeData, EdgeType> &
   EdgeLabelOptions & {
     style?: CSSProperties;
     className?: string;
@@ -38,45 +45,41 @@ export type DefaultEdge<EdgeData = any> = EdgeBase<EdgeData> &
     focusable?: boolean;
   };
 
-type SmoothStepEdgeType<T> = DefaultEdge<T> & {
+type SmoothStepEdgeType<EdgeData extends Record<string, unknown> = Record<string, unknown>> = Edge<EdgeData> & {
   type: 'smoothstep';
   pathOptions?: SmoothStepPathOptions;
 };
 
-type BezierEdgeType<T> = DefaultEdge<T> & {
+type BezierEdgeType<EdgeData extends Record<string, unknown> = Record<string, unknown>> = Edge<EdgeData> & {
   type: 'default';
   pathOptions?: BezierPathOptions;
 };
 
-type StepEdgeType<T> = DefaultEdge<T> & {
+type StepEdgeType<EdgeData extends Record<string, unknown> = Record<string, unknown>> = Edge<EdgeData> & {
   type: 'step';
   pathOptions?: StepPathOptions;
 };
 
-/**
- * The Edge type is mainly used for the `edges` that get passed to the ReactFlow component
- * @public
- */
-export type Edge<T = any> = DefaultEdge<T> | SmoothStepEdgeType<T> | BezierEdgeType<T> | StepEdgeType<T>;
+export type BuiltInEdge = SmoothStepEdgeType | BezierEdgeType | StepEdgeType;
 
-export type EdgeMouseHandler = (event: ReactMouseEvent, edge: Edge) => void;
+export type EdgeMouseHandler<EdgeType extends Edge = Edge> = (event: ReactMouseEvent, edge: EdgeType) => void;
 
-export type EdgeWrapperProps = {
+export type EdgeWrapperProps<EdgeType extends Edge = Edge> = {
   id: string;
   edgesFocusable: boolean;
   edgesUpdatable: boolean;
   elementsSelectable: boolean;
   noPanClassName: string;
-  onClick?: EdgeMouseHandler;
-  onDoubleClick?: EdgeMouseHandler;
-  onEdgeUpdate?: OnEdgeUpdateFunc;
-  onContextMenu?: EdgeMouseHandler;
-  onMouseEnter?: EdgeMouseHandler;
-  onMouseMove?: EdgeMouseHandler;
-  onMouseLeave?: EdgeMouseHandler;
+  onClick?: EdgeMouseHandler<EdgeType>;
+  onDoubleClick?: EdgeMouseHandler<EdgeType>;
+  onEdgeUpdate?: OnEdgeUpdateFunc<EdgeType>;
+  onContextMenu?: EdgeMouseHandler<EdgeType>;
+  onMouseEnter?: EdgeMouseHandler<EdgeType>;
+  onMouseMove?: EdgeMouseHandler<EdgeType>;
+  onMouseLeave?: EdgeMouseHandler<EdgeType>;
   edgeUpdaterRadius?: number;
-  onEdgeUpdateStart?: (event: ReactMouseEvent, edge: Edge, handleType: HandleType) => void;
-  onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: Edge, handleType: HandleType) => void;
+  onEdgeUpdateStart?: (event: ReactMouseEvent, edge: EdgeType, handleType: HandleType) => void;
+  onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: EdgeType, handleType: HandleType) => void;
   rfId?: string;
   edgeTypes?: EdgeTypes;
   onError?: OnError;
@@ -94,10 +97,10 @@ export type EdgeTextProps = HTMLAttributes<SVGElement> &
  * Custom edge component props
  * @public
  */
-export type EdgeProps<T = any> = Pick<
-  Edge<T>,
-  'id' | 'animated' | 'data' | 'style' | 'selected' | 'source' | 'target'
-> &
+export type EdgeProps<
+  EdgeData extends Record<string, unknown> = Record<string, unknown>,
+  EdgeType extends string | undefined = string | undefined
+> = Pick<Edge<EdgeData, EdgeType>, 'id' | 'animated' | 'data' | 'style' | 'selected' | 'source' | 'target'> &
   EdgePosition &
   EdgeLabelOptions & {
     sourceHandleId?: string | null;
@@ -185,7 +188,7 @@ export type StraightEdgeProps = Omit<EdgeComponentProps, 'sourcePosition' | 'tar
  */
 export type SimpleBezierEdgeProps = EdgeComponentProps;
 
-export type OnEdgeUpdateFunc<T = any> = (oldEdge: Edge<T>, newConnection: Connection) => void;
+export type OnEdgeUpdateFunc<EdgeType extends Edge = Edge> = (oldEdge: EdgeType, newConnection: Connection) => void;
 
 export type ConnectionLineComponentProps = {
   connectionLineStyle?: CSSProperties;
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 4f3f127a8..549921c25 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -12,6 +12,7 @@ import {
   XYPosition,
   NodeProps,
   OnBeforeDeleteBase,
+  Connection,
 } from '@xyflow/system';
 
 import type { NodeChange, EdgeChange, Node, Edge, ReactFlowInstance, EdgeProps } from '.';
@@ -21,8 +22,11 @@ export type OnNodesChange<NodeType extends Node = Node> = (changes: NodeChange<N
 export type OnEdgesChange<EdgeType extends Edge = Edge> = (changes: EdgeChange<EdgeType>[]) => void;
 
 export type OnNodesDelete<NodeType extends Node = Node> = (nodes: NodeType[]) => void;
-export type OnEdgesDelete = (edges: Edge[]) => void;
-export type OnDelete = (params: { nodes: Node[]; edges: Edge[] }) => void;
+export type OnEdgesDelete<EdgeType extends Edge = Edge> = (edges: EdgeType[]) => void;
+export type OnDelete<NodeType extends Node = Node, EdgeType extends Edge = Edge> = (params: {
+  nodes: NodeType[];
+  edges: EdgeType[];
+}) => void;
 
 export type NodeTypes = { [key: string]: ComponentType<NodeProps> };
 export type EdgeTypes = { [key: string]: ComponentType<EdgeProps> };
@@ -139,3 +143,5 @@ export type OnBeforeDelete<NodeType extends Node = Node, EdgeType extends Edge =
   NodeType,
   EdgeType
 >;
+
+export type IsValidConnection<EdgeType extends Edge = Edge> = (edge: EdgeType | Connection) => boolean;
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index 9ef7b9c32..c3c0ea941 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -7,11 +7,10 @@ import { NodeTypes } from './general';
  * The node data structure that gets used for the nodes prop.
  * @public
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type Node<NodeData = any, NodeType extends string | undefined = string | undefined> = NodeBase<
-  NodeData,
-  NodeType
-> & {
+export type Node<
+  NodeData extends Record<string, unknown> = Record<string, unknown>,
+  NodeType extends string | undefined = string | undefined
+> = NodeBase<NodeData, NodeType> & {
   style?: CSSProperties;
   className?: string;
   resizing?: boolean;
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 38e3fbe94..30ac002a6 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -21,7 +21,6 @@ import {
   type OnMoveStart,
   type OnMove,
   type OnMoveEnd,
-  type IsValidConnection,
   type UpdateConnection,
   type EdgeLookup,
   type ConnectionLookup,
@@ -43,9 +42,10 @@ import type {
   OnDelete,
   OnNodeDrag,
   OnBeforeDelete,
+  IsValidConnection,
 } from '.';
 
-export type ReactFlowStore<NodeType extends Node = Node> = {
+export type ReactFlowStore<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
   rfId: string;
   width: number;
   height: number;
@@ -53,10 +53,10 @@ export type ReactFlowStore<NodeType extends Node = Node> = {
   nodes: NodeType[];
   nodeLookup: NodeLookup<NodeType>;
   edges: Edge[];
-  edgeLookup: EdgeLookup<Edge>;
+  edgeLookup: EdgeLookup<EdgeType>;
   connectionLookup: ConnectionLookup;
   onNodesChange: OnNodesChange<NodeType> | null;
-  onEdgesChange: OnEdgesChange | null;
+  onEdgesChange: OnEdgesChange<EdgeType> | null;
   hasDefaultNodes: boolean;
   hasDefaultEdges: boolean;
   domNode: HTMLDivElement | null;
@@ -124,8 +124,8 @@ export type ReactFlowStore<NodeType extends Node = Node> = {
   fitViewDone: boolean;
   fitViewOnInitOptions: FitViewOptions | undefined;
 
-  onNodesDelete?: OnNodesDelete;
-  onEdgesDelete?: OnEdgesDelete;
+  onNodesDelete?: OnNodesDelete<NodeType>;
+  onEdgesDelete?: OnEdgesDelete<EdgeType>;
   onDelete?: OnDelete;
   onError?: OnError;
 
@@ -133,7 +133,7 @@ export type ReactFlowStore<NodeType extends Node = Node> = {
   onViewportChangeStart?: OnViewportChange;
   onViewportChange?: OnViewportChange;
   onViewportChangeEnd?: OnViewportChange;
-  onBeforeDelete?: OnBeforeDelete;
+  onBeforeDelete?: OnBeforeDelete<NodeType, EdgeType>;
 
   onSelectionChangeHandlers: OnSelectionChangeFunc[];
 
@@ -142,15 +142,15 @@ export type ReactFlowStore<NodeType extends Node = Node> = {
   autoPanOnNodeDrag: boolean;
   connectionRadius: number;
 
-  isValidConnection?: IsValidConnection;
+  isValidConnection?: IsValidConnection<EdgeType>;
 
   lib: string;
 };
 
-export type ReactFlowActions<NodeType extends Node> = {
+export type ReactFlowActions<NodeType extends Node, EdgeType extends Edge> = {
   setNodes: (nodes: NodeType[]) => void;
-  setEdges: (edges: Edge[]) => void;
-  setDefaultNodesAndEdges: (nodes?: NodeType[], edges?: Edge[]) => void;
+  setEdges: (edges: EdgeType[]) => void;
+  setDefaultNodesAndEdges: (nodes?: NodeType[], edges?: EdgeType[]) => void;
   updateNodeDimensions: (updates: Map<string, NodeDimensionUpdate>) => void;
   updateNodePositions: UpdateNodePositions;
   resetSelectedElements: () => void;
@@ -169,4 +169,8 @@ export type ReactFlowActions<NodeType extends Node> = {
   fitView: (nodes: NodeType[], options?: FitViewOptions) => boolean;
 };
 
-export type ReactFlowState<NodeType extends Node = Node> = ReactFlowStore<NodeType> & ReactFlowActions<NodeType>;
+export type ReactFlowState<NodeType extends Node = Node, EdgeType extends Edge = Edge> = ReactFlowStore<
+  NodeType,
+  EdgeType
+> &
+  ReactFlowActions<NodeType, EdgeType>;
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index aefa6f6e9..b7dd28529 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -10,7 +10,6 @@ import type {
   OnMoveEnd,
   CoordinateExtent,
   PanOnScrollMode,
-  IsValidConnection,
   OnError,
   ConnectionMode,
   PanelPosition,
@@ -18,8 +17,7 @@ import type {
   ColorMode,
   OnConnect,
   OnConnectStart,
-  OnConnectEnd,
-  OnBeforeDelete
+  OnConnectEnd
 } from '@xyflow/system';
 
 import type {
@@ -31,7 +29,9 @@ import type {
   DefaultEdgeOptions,
   FitViewOptions,
   OnDelete,
-  OnEdgeCreate
+  OnEdgeCreate,
+  OnBeforeDelete,
+  IsValidConnection
 } from '$lib/types';
 import type { Writable } from 'svelte/store';
 
diff --git a/packages/svelte/src/lib/hooks/useNodesData.ts b/packages/svelte/src/lib/hooks/useNodesData.ts
index 8e24645cd..d45c8c9ed 100644
--- a/packages/svelte/src/lib/hooks/useNodesData.ts
+++ b/packages/svelte/src/lib/hooks/useNodesData.ts
@@ -3,7 +3,7 @@ import { derived, type Readable } from 'svelte/store';
 import type { Node } from '$lib/types';
 import { useStore } from '$lib/store';
 
-function areNodesDataEqual(a: Node['data'][] | null, b: Node['data'][] | null) {
+function areNodesDataEqual(a: (Node['data'] | null)[] | null, b: (Node['data'] | null)[] | null) {
   if ((!a && !b) || (!a?.length && !b?.length)) {
     true;
   }
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 76394872e..c484ec7e9 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -66,7 +66,6 @@ export {
   type OnConnectStart,
   type OnConnect,
   type OnConnectEnd,
-  type IsValidConnection,
   type Viewport,
   type SnapGrid,
   PanOnScrollMode,
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 6c18c8772..40020abac 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -14,7 +14,6 @@ import {
   type MarkerProps,
   type PanZoomInstance,
   type CoordinateExtent,
-  type IsValidConnection,
   type NodeOrigin,
   type OnError,
   type Viewport,
@@ -47,7 +46,8 @@ import type {
   FitViewOptions,
   OnDelete,
   OnEdgeCreate,
-  OnBeforeDelete
+  OnBeforeDelete,
+  IsValidConnection
 } from '$lib/types';
 import { createNodesStore, createEdgesStore } from './utils';
 import { initConnectionProps, type ConnectionProps } from './derived-connection-props';
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index c99b201a9..21bcdaa57 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import type { SvelteComponent, ComponentType } from 'svelte';
 import type {
   EdgeBase,
@@ -11,41 +10,49 @@ import type {
 
 import type { Node } from '$lib/types';
 
-export type DefaultEdge<EdgeData = any> = EdgeBase<EdgeData> & {
+/**
+ * The Edge type is mainly used for the `edges` that get passed to the SvelteFlow component.
+ */
+export type Edge<
+  EdgeData extends Record<string, unknown> = Record<string, unknown>,
+  EdgeType extends string | undefined = string | undefined
+> = EdgeBase<EdgeData, EdgeType> & {
   label?: string;
   labelStyle?: string;
   style?: string;
   class?: string;
 };
 
-type SmoothStepEdgeType<T> = DefaultEdge<T> & {
-  type: 'smoothstep';
+type SmoothStepEdge<EdgeData extends Record<string, unknown> = Record<string, unknown>> = Edge<
+  EdgeData,
+  'smoothstep'
+> & {
   pathOptions?: SmoothStepPathOptions;
 };
 
-type BezierEdgeType<T> = DefaultEdge<T> & {
-  type: 'default';
+type BezierEdge<EdgeData extends Record<string, unknown> = Record<string, unknown>> = Edge<
+  EdgeData,
+  'default'
+> & {
   pathOptions?: BezierPathOptions;
 };
 
-type StepEdgeType<T> = DefaultEdge<T> & {
-  type: 'step';
+type StepEdge<EdgeData extends Record<string, unknown> = Record<string, unknown>> = Edge<
+  EdgeData,
+  'step'
+> & {
   pathOptions?: StepPathOptions;
 };
 
-/**
- * The Edge type is mainly used for the `edges` that get passed to the SvelteFlow component.
- */
-export type Edge<T = any> =
-  | DefaultEdge<T>
-  | SmoothStepEdgeType<T>
-  | BezierEdgeType<T>
-  | StepEdgeType<T>;
+export type BuiltInEdge = SmoothStepEdge | BezierEdge | StepEdge;
 
 /**
  * Custom edge component props.
  */
-export type EdgeProps<T = any> = Omit<Edge<T>, 'sourceHandle' | 'targetHandle' | 'type'> &
+export type EdgeProps<
+  EdgeData extends Record<string, unknown> = Record<string, unknown>,
+  EdgeType extends string | undefined = string | undefined
+> = Omit<Edge<EdgeData, EdgeType>, 'sourceHandle' | 'targetHandle' | 'type'> &
   EdgePosition & {
     markerStart?: string;
     markerEnd?: string;
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index e67ad88c6..fe728fae7 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -57,3 +57,7 @@ export type OnBeforeDelete<
   NodeType extends Node = Node,
   EdgeType extends Edge = Edge
 > = OnBeforeDeleteBase<NodeType, EdgeType>;
+
+export type IsValidConnection<EdgeType extends Edge = Edge> = (
+  edge: EdgeType | Connection
+) => boolean;
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index 4121754ac..7a0fe0823 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -7,7 +7,7 @@ import type { NodeBase, NodeProps } from '@xyflow/system';
  * @public
  */
 export type Node<
-  NodeData = any,
+  NodeData extends Record<string, unknown> = Record<string, unknown>,
   NodeType extends string | undefined = string | undefined
 > = NodeBase<NodeData, NodeType> & {
   class?: string;
@@ -17,3 +17,5 @@ export type Node<
 export type NodeTypes = Record<string, ComponentType<SvelteComponent<NodeProps>>>;
 
 export type DefaultNodeOptions = Partial<Omit<Node, 'id'>>;
+
+export type BuiltInNode = Node<{ label: string }, 'input' | 'output' | 'default'>;
diff --git a/packages/system/src/types/edges.ts b/packages/system/src/types/edges.ts
index e28ad0580..37c299e80 100644
--- a/packages/system/src/types/edges.ts
+++ b/packages/system/src/types/edges.ts
@@ -1,11 +1,14 @@
 import { Position } from './utils';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type EdgeBase<EdgeData = any> = {
+export type EdgeBase<
+  EdgeData extends Record<string, unknown> = Record<string, unknown>,
+  EdgeType extends string | undefined = string | undefined
+> = {
   /** Unique id of an edge */
   id: string;
   /** Type of an edge defined in edgeTypes */
-  type?: string;
+  type?: EdgeType;
   /** Id of source node */
   source: string;
   /** Id of target node */
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index b75e6d1b3..4ac854edf 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -9,7 +9,10 @@ import { Optional } from '../utils/types';
  * @typeParam T - type of the node data
  * @typeParam U - type of the node
  */
-export type NodeBase<T = any, U extends string | undefined = string | undefined> = {
+export type NodeBase<
+  NodeData extends Record<string, unknown> = Record<string, unknown>,
+  NodeType extends string | undefined = string | undefined
+> = {
   /** Unique id of a node */
   id: string;
   /** Position of a node on the pane
@@ -17,9 +20,9 @@ export type NodeBase<T = any, U extends string | undefined = string | undefined>
    */
   position: XYPosition;
   /** Arbitrary data passed to a node */
-  data: T;
+  data: NodeData;
   /** Type of node defined in nodeTypes */
-  type?: U;
+  type?: NodeType;
   /** Only relevant for default, source, target nodeType. controls source position
    * @example 'right', 'left', 'top', 'bottom'
    */
@@ -70,7 +73,7 @@ export type NodeBase<T = any, U extends string | undefined = string | undefined>
     /** Holds a reference to the original node object provided by the user
      * (which may lack some fields, like `computed` or `[internalSymbol]`. Used
      * as an optimization to avoid certain operations. */
-    userProvidedNode: NodeBase<T, U>;
+    userProvidedNode: NodeBase<NodeData, NodeType>;
   };
 };
 

From a16c5c9bd5e6729b4aaa1c0a9e6ed4dd04bf9309 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sat, 17 Feb 2024 16:32:59 +0100
Subject: [PATCH 0595/1093] chore(types): cleanup

---
 examples/react/src/examples/DragHandle/index.tsx |  2 +-
 packages/react/src/types/changes.ts              |  1 -
 packages/react/src/types/edges.ts                | 14 +++++++-------
 packages/react/src/types/general.ts              |  1 -
 packages/react/src/types/instance.ts             |  1 -
 packages/svelte/src/lib/types/nodes.ts           |  1 -
 packages/system/src/types/edges.ts               |  1 -
 7 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/examples/react/src/examples/DragHandle/index.tsx b/examples/react/src/examples/DragHandle/index.tsx
index b76d8ae76..a7a75fcf8 100644
--- a/examples/react/src/examples/DragHandle/index.tsx
+++ b/examples/react/src/examples/DragHandle/index.tsx
@@ -14,7 +14,7 @@ const initialNodes: Node[] = [
     dragHandle: '.custom-drag-handle',
     style: { border: '1px solid #ddd', padding: '20px 40px' },
     position: { x: 200, y: 200 },
-    data: null,
+    data: {},
   },
 ];
 
diff --git a/packages/react/src/types/changes.ts b/packages/react/src/types/changes.ts
index 9a5e8fe50..adcb484d1 100644
--- a/packages/react/src/types/changes.ts
+++ b/packages/react/src/types/changes.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import type { XYPosition, Dimensions } from '@xyflow/system';
 
 import type { Node, Edge } from '.';
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index 4de6472ec..dac682db8 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -45,22 +45,22 @@ export type Edge<
     focusable?: boolean;
   };
 
-type SmoothStepEdgeType<EdgeData extends Record<string, unknown> = Record<string, unknown>> = Edge<EdgeData> & {
-  type: 'smoothstep';
+type SmoothStepEdge<EdgeData extends Record<string, unknown> = Record<string, unknown>> = Edge<
+  EdgeData,
+  'smoothstep'
+> & {
   pathOptions?: SmoothStepPathOptions;
 };
 
-type BezierEdgeType<EdgeData extends Record<string, unknown> = Record<string, unknown>> = Edge<EdgeData> & {
-  type: 'default';
+type BezierEdge<EdgeData extends Record<string, unknown> = Record<string, unknown>> = Edge<EdgeData, 'default'> & {
   pathOptions?: BezierPathOptions;
 };
 
-type StepEdgeType<EdgeData extends Record<string, unknown> = Record<string, unknown>> = Edge<EdgeData> & {
-  type: 'step';
+type StepEdge<EdgeData extends Record<string, unknown> = Record<string, unknown>> = Edge<EdgeData, 'step'> & {
   pathOptions?: StepPathOptions;
 };
 
-export type BuiltInEdge = SmoothStepEdgeType | BezierEdgeType | StepEdgeType;
+export type BuiltInEdge = SmoothStepEdge | BezierEdge | StepEdge;
 
 export type EdgeMouseHandler<EdgeType extends Edge = Edge> = (event: ReactMouseEvent, edge: EdgeType) => void;
 
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 549921c25..0e1e1dc45 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import {
   FitViewParamsBase,
   FitViewOptionsBase,
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index d34c23dcd..1991580c5 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-namespace */
 import type { Rect, Viewport } from '@xyflow/system';
 import type { Node, Edge, ViewportHelperFunctions } from '.';
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index 7a0fe0823..b3c572c7c 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import type { ComponentType, SvelteComponent } from 'svelte';
 import type { NodeBase, NodeProps } from '@xyflow/system';
 
diff --git a/packages/system/src/types/edges.ts b/packages/system/src/types/edges.ts
index 37c299e80..39dc97bd0 100644
--- a/packages/system/src/types/edges.ts
+++ b/packages/system/src/types/edges.ts
@@ -1,6 +1,5 @@
 import { Position } from './utils';
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type EdgeBase<
   EdgeData extends Record<string, unknown> = Record<string, unknown>,
   EdgeType extends string | undefined = string | undefined

From 5e56dd58c01d61e955f3564e17e7d423dcbc51f9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sun, 18 Feb 2024 19:54:55 +0100
Subject: [PATCH 0596/1093] chore(types): cleanup

---
 packages/svelte/src/lib/store/initial-store.ts |  2 +-
 packages/system/src/types/nodes.ts             | 12 +++++-------
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 40020abac..9c077ba0e 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -79,7 +79,7 @@ export const getInitialStore = ({
   height?: number;
   fitView?: boolean;
 }) => {
-  const nodeLookup = new Map();
+  const nodeLookup: NodeLookup = new Map();
   const nextNodes = adoptUserProvidedNodes(nodes, nodeLookup, {
     nodeOrigin: [0, 0],
     elevateNodesOnSelect: false
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 4ac854edf..aadd4a479 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { internalsSymbol } from '../constants';
 import type { XYPosition, Position, CoordinateExtent, HandleElement } from '.';
 import { Optional } from '../utils/types';
@@ -6,8 +5,8 @@ import { Optional } from '../utils/types';
 /**
  * Framework independent node data structure.
  *
- * @typeParam T - type of the node data
- * @typeParam U - type of the node
+ * @typeParam NodeData - type of the node data
+ * @typeParam NodeType - type of the node
  */
 export type NodeBase<
   NodeData extends Record<string, unknown> = Record<string, unknown>,
@@ -77,17 +76,16 @@ export type NodeBase<
   };
 };
 
-// props that get passed to a custom node
 /**
  * The node data structure that gets used for the nodes prop.
  *
  * @public
  * @param id - The id of the node.
  */
-export type NodeProps<T = any> = {
-  /** Id of the node */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type NodeProps<NodeData = any> = {
   id: NodeBase['id'];
-  data: T;
+  data: NodeData;
   dragHandle: NodeBase['dragHandle'];
   type: NodeBase['type'];
   selected: NodeBase['selected'];

From 07ddd97650283064cf7b706cfb94fdf68693c4fe Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 19 Feb 2024 10:45:48 +0100
Subject: [PATCH 0597/1093] refactor(react): add generics to useStoreApi

---
 .../src/additional-components/MiniMap/MiniMap.tsx     |  4 ++--
 .../react/src/components/NodesSelection/index.tsx     |  5 ++---
 packages/react/src/components/StoreUpdater/index.tsx  |  2 +-
 packages/react/src/hooks/useStore.ts                  | 11 +++++++----
 4 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index c4bbf13bf..17a3f7f21 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -63,7 +63,7 @@ function MiniMapComponent<NodeType extends Node = Node>({
   zoomStep = 10,
   offsetScale = 5,
 }: MiniMapProps<NodeType>) {
-  const store = useStoreApi();
+  const store = useStoreApi<NodeType>();
   const svg = useRef<SVGSVGElement>(null);
   const { boundingRect, viewBB, rfId, panZoom, translateExtent, flowWidth, flowHeight } = useStore(selector, shallow);
   const elementWidth = (style?.width as number) ?? defaultWidth;
@@ -120,7 +120,7 @@ function MiniMapComponent<NodeType extends Node = Node>({
 
   const onSvgNodeClick = onNodeClick
     ? useCallback((event: MouseEvent, nodeId: string) => {
-        const node = store.getState().nodeLookup.get(nodeId)! as NodeType;
+        const node = store.getState().nodeLookup.get(nodeId)!;
         onNodeClick(event, node);
       }, [])
     : undefined;
diff --git a/packages/react/src/components/NodesSelection/index.tsx b/packages/react/src/components/NodesSelection/index.tsx
index c0423827b..6c037ba57 100644
--- a/packages/react/src/components/NodesSelection/index.tsx
+++ b/packages/react/src/components/NodesSelection/index.tsx
@@ -2,7 +2,6 @@
  * The nodes selection rectangle gets displayed when a user
  * made a selection with on or several nodes
  */
-
 import { useRef, useEffect, type MouseEvent, type KeyboardEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
@@ -37,7 +36,7 @@ export function NodesSelection<NodeType extends Node>({
   noPanClassName,
   disableKeyboardA11y,
 }: NodesSelectionProps<NodeType>) {
-  const store = useStoreApi();
+  const store = useStoreApi<NodeType>();
   const { width, height, transformString, userSelectionActive } = useStore(selector, shallow);
   const moveSelectedNodes = useMoveSelectedNodes();
 
@@ -62,7 +61,7 @@ export function NodesSelection<NodeType extends Node>({
   const onContextMenu = onSelectionContextMenu
     ? (event: MouseEvent) => {
         const selectedNodes = store.getState().nodes.filter((n) => n.selected);
-        onSelectionContextMenu(event, selectedNodes as NodeType[]);
+        onSelectionContextMenu(event, selectedNodes);
       }
     : undefined;
 
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 85159721d..7917e3d6d 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -115,7 +115,7 @@ export function StoreUpdater<NodeType extends Node = Node, EdgeType extends Edge
     reset,
     setDefaultNodesAndEdges,
   } = useStore(selector, shallow);
-  const store = useStoreApi();
+  const store = useStoreApi<NodeType, EdgeType>();
 
   useEffect(() => {
     setDefaultNodesAndEdges(props.defaultNodes, props.defaultEdges);
diff --git a/packages/react/src/hooks/useStore.ts b/packages/react/src/hooks/useStore.ts
index 9a3a5e6b8..8a600706a 100644
--- a/packages/react/src/hooks/useStore.ts
+++ b/packages/react/src/hooks/useStore.ts
@@ -1,9 +1,10 @@
 import { useContext, useMemo } from 'react';
-import { useStoreWithEqualityFn as useZustandStore } from 'zustand/traditional';
+import { UseBoundStoreWithEqualityFn, useStoreWithEqualityFn as useZustandStore } from 'zustand/traditional';
 import { errorMessages } from '@xyflow/system';
 
 import StoreContext from '../contexts/RFStoreContext';
-import type { ReactFlowState } from '../types';
+import type { Edge, Node, ReactFlowState } from '../types';
+import { StoreApi } from 'zustand';
 
 const zustandErrorMessage = errorMessages['error001']();
 
@@ -32,8 +33,10 @@ function useStore<StateSlice = unknown>(
   return useZustandStore(store, selector, equalityFn);
 }
 
-function useStoreApi() {
-  const store = useContext(StoreContext);
+function useStoreApi<NodeType extends Node = Node, EdgeType extends Edge = Edge>() {
+  const store = useContext(StoreContext) as UseBoundStoreWithEqualityFn<
+    StoreApi<ReactFlowState<NodeType, EdgeType>>
+  > | null;
 
   if (store === null) {
     throw new Error(zustandErrorMessage);

From ea0e72aa0966878b800a7bcd2b1bd37f9bfb9c6d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 19 Feb 2024 12:02:58 +0100
Subject: [PATCH 0598/1093] chore(svelte): export BuiltInNode type

---
 packages/svelte/src/lib/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index c484ec7e9..20f0f284b 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -45,7 +45,7 @@ export type {
   DefaultEdgeOptions
 } from '$lib/types/edges';
 export type { HandleComponentProps, FitViewOptions } from '$lib/types/general';
-export type { Node, NodeTypes, DefaultNodeOptions } from '$lib/types/nodes';
+export type { Node, NodeTypes, DefaultNodeOptions, BuiltInNode } from '$lib/types/nodes';
 export type { SvelteFlowStore } from '$lib/store/types';
 
 // system types

From b15b7dbd6b8e451f949cb6a33e7fcf249c324158 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 19 Feb 2024 16:37:35 +0100
Subject: [PATCH 0599/1093] Fire node drag events also when dragging selection

---
 examples/react/src/examples/Basic/index.tsx | 11 ++++--
 packages/system/src/xydrag/XYDrag.ts        | 39 ++++++++++++---------
 2 files changed, 32 insertions(+), 18 deletions(-)

diff --git a/examples/react/src/examples/Basic/index.tsx b/examples/react/src/examples/Basic/index.tsx
index f454b313d..a41f50db0 100644
--- a/examples/react/src/examples/Basic/index.tsx
+++ b/examples/react/src/examples/Basic/index.tsx
@@ -13,10 +13,13 @@ import {
   OnNodeDrag,
 } from '@xyflow/react';
 
-const onNodeDrag: OnNodeDrag = (_, node) => console.log('drag', node);
-const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node);
+const onNodeDrag: OnNodeDrag = (_, node: Node, nodes: Node[]) => console.log('drag', node, nodes);
+const onNodeDragStart = (_: MouseEvent, node: Node, nodes: Node[]) => console.log('drag start', node, nodes);
+const onNodeDragStop = (_: MouseEvent, node: Node, nodes: Node[]) => console.log('drag stop', node, nodes);
 const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);
 
+const printSelectionEvent = (name: string) => (_: MouseEvent, nodes: Node[]) => console.log(name, nodes);
+
 const initialNodes: Node[] = [
   {
     id: '1',
@@ -113,7 +116,11 @@ const BasicFlow = () => {
       defaultEdges={initialEdges}
       onNodeClick={onNodeClick}
       onNodeDragStop={onNodeDragStop}
+      onNodeDragStart={onNodeDragStart}
       onNodeDrag={onNodeDrag}
+      onSelectionDragStart={printSelectionEvent('selection drag start')}
+      onSelectionDrag={printSelectionEvent('selection drag')}
+      onSelectionDragStop={printSelectionEvent('selection drag stop')}
       className="react-flow-basic-example"
       minZoom={0.2}
       maxZoom={4}
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 91ed7fb8b..e0a2f9831 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -27,6 +27,7 @@ import type {
   UpdateNodePositions,
   Box,
 } from '../types';
+import { on } from 'events';
 
 export type OnDrag = (event: MouseEvent, dragItems: NodeDragItem[], node: NodeBase, nodes: NodeBase[]) => void;
 
@@ -171,16 +172,19 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
       }
 
       updateNodePositions(dragItems, true);
-      const onNodeOrSelectionDrag = nodeId ? onNodeDrag : wrapSelectionDragFunc(onSelectionDrag);
 
-      if (dragEvent && (onDrag || onNodeOrSelectionDrag)) {
+      if (dragEvent) {
         const [currentNode, currentNodes] = getEventHandlerParams({
           nodeId,
           dragItems,
           nodeLookup,
         });
         onDrag?.(dragEvent as MouseEvent, dragItems, currentNode, currentNodes);
-        onNodeOrSelectionDrag?.(dragEvent as MouseEvent, currentNode, currentNodes);
+        onNodeDrag?.(dragEvent as MouseEvent, currentNode, currentNodes);
+        if (!nodeId) {
+          const _onSelectionDrag = wrapSelectionDragFunc(onSelectionDrag);
+          _onSelectionDrag?.(dragEvent as MouseEvent, currentNode, currentNodes);
+        }
       }
     }
 
@@ -236,16 +240,18 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
       lastPos = pointerPos;
       dragItems = getDragItems(nodes, nodesDraggable, pointerPos, nodeId);
 
-      const onNodeOrSelectionDragStart = nodeId ? onNodeDragStart : wrapSelectionDragFunc(onSelectionDragStart);
-
-      if (dragItems.length > 0 && (onDragStart || onNodeOrSelectionDragStart)) {
+      if (dragItems.length > 0) {
         const [currentNode, currentNodes] = getEventHandlerParams({
           nodeId,
           dragItems,
           nodeLookup,
         });
         onDragStart?.(event.sourceEvent as MouseEvent, dragItems, currentNode, currentNodes);
-        onNodeOrSelectionDragStart?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+        onNodeDragStart?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+        if (!nodeId) {
+          const _onSelectionDragStart = wrapSelectionDragFunc(onSelectionDragStart);
+          _onSelectionDragStart?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+        }
       }
     }
 
@@ -300,18 +306,19 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
 
         if (dragItems.length > 0) {
           const { nodeLookup, updateNodePositions, onNodeDragStop, onSelectionDragStop } = getStoreItems();
-          const onNodeOrSelectionDragStop = nodeId ? onNodeDragStop : wrapSelectionDragFunc(onSelectionDragStop);
 
           updateNodePositions(dragItems, false);
 
-          if (onDragStop || onNodeOrSelectionDragStop) {
-            const [currentNode, currentNodes] = getEventHandlerParams({
-              nodeId,
-              dragItems,
-              nodeLookup,
-            });
-            onDragStop?.(event.sourceEvent as MouseEvent, dragItems, currentNode, currentNodes);
-            onNodeOrSelectionDragStop?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+          const [currentNode, currentNodes] = getEventHandlerParams({
+            nodeId,
+            dragItems,
+            nodeLookup,
+          });
+          onDragStop?.(event.sourceEvent as MouseEvent, dragItems, currentNode, currentNodes);
+          onNodeDragStop?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+          if (!nodeId) {
+            const _onSelectionDragStop = wrapSelectionDragFunc(onSelectionDragStop);
+            _onSelectionDragStop?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
           }
         }
       })

From 86ccf6807eb6786db2f44d13ac0fc9854a34b87e Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 19 Feb 2024 16:51:59 +0100
Subject: [PATCH 0600/1093] Removed accidental import

---
 packages/system/src/xydrag/XYDrag.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index e0a2f9831..eaae123e1 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -27,7 +27,6 @@ import type {
   UpdateNodePositions,
   Box,
 } from '../types';
-import { on } from 'events';
 
 export type OnDrag = (event: MouseEvent, dragItems: NodeDragItem[], node: NodeBase, nodes: NodeBase[]) => void;
 

From 67fe7952f8966fe73192de5ae8225c96befbbfff Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 20 Feb 2024 00:04:20 +0100
Subject: [PATCH 0601/1093] chore(custom-nodes): use custom edge type

---
 examples/react/src/examples/CustomNode/index.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/examples/react/src/examples/CustomNode/index.tsx b/examples/react/src/examples/CustomNode/index.tsx
index 32bf34a09..16a998033 100644
--- a/examples/react/src/examples/CustomNode/index.tsx
+++ b/examples/react/src/examples/CustomNode/index.tsx
@@ -9,7 +9,6 @@ import {
   SnapGrid,
   useEdgesState,
   Background,
-  Edge,
   OnNodeDrag,
   OnInit,
   applyNodeChanges,
@@ -17,6 +16,7 @@ import {
   OnConnect,
   OnBeforeDelete,
   BuiltInNode,
+  BuiltInEdge,
 } from '@xyflow/react';
 
 import ColorSelectorNode from './ColorSelectorNode';
@@ -26,8 +26,9 @@ export type ColorSelectorNode = Node<
   'selectorNode'
 >;
 export type MyNode = BuiltInNode | ColorSelectorNode;
+export type MyEdge = BuiltInEdge;
 
-const onInit: OnInit<MyNode> = (reactFlowInstance) => {
+const onInit: OnInit<MyNode, MyEdge> = (reactFlowInstance) => {
   console.log('flow loaded:', reactFlowInstance);
 };
 
@@ -54,7 +55,7 @@ const CustomNodeFlow = () => {
     [setNodes]
   );
 
-  const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
+  const [edges, setEdges, onEdgesChange] = useEdgesState<MyEdge>([]);
 
   const [bgColor, setBgColor] = useState<string>(initBgColor);
 
@@ -144,7 +145,7 @@ const CustomNodeFlow = () => {
     [setEdges]
   );
 
-  const onBeforeDelete: OnBeforeDelete<MyNode> = useCallback(async (params) => true, []);
+  const onBeforeDelete: OnBeforeDelete<MyNode, MyEdge> = useCallback(async (params) => true, []);
 
   return (
     <ReactFlow

From d19d5fc1d39f08bf3aefe9813d3f227fc0557950 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 20 Feb 2024 14:57:06 +0100
Subject: [PATCH 0602/1093] chore(xydrag): cleanup

---
 packages/system/src/xydrag/XYDrag.ts | 49 ++++++++++++++++------------
 1 file changed, 28 insertions(+), 21 deletions(-)

diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index eaae123e1..6bd85eb9d 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -93,7 +93,6 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
   let dragItems: NodeDragItem[] = [];
   let autoPanStarted = false;
   let mousePosition: XYPosition = { x: 0, y: 0 };
-  let dragEvent: MouseEvent | null = null;
   let containerBounds: DOMRect | null = null;
   let dragStarted = false;
 
@@ -101,7 +100,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
 
   // public functions
   function update({ noDragClassName, handleSelector, domNode, isSelectable, nodeId }: DragUpdateParams) {
-    function updateNodes({ x, y }: XYPosition) {
+    function updateNodes({ x, y }: XYPosition, dragEvent: MouseEvent | null) {
       const {
         nodeLookup,
         nodeExtent,
@@ -172,17 +171,19 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
 
       updateNodePositions(dragItems, true);
 
-      if (dragEvent) {
+      if (dragEvent && (onDrag || onNodeDrag || (!nodeId && onSelectionDrag))) {
         const [currentNode, currentNodes] = getEventHandlerParams({
           nodeId,
           dragItems,
           nodeLookup,
         });
-        onDrag?.(dragEvent as MouseEvent, dragItems, currentNode, currentNodes);
-        onNodeDrag?.(dragEvent as MouseEvent, currentNode, currentNodes);
+
+        onDrag?.(dragEvent, dragItems, currentNode, currentNodes);
+        onNodeDrag?.(dragEvent, currentNode, currentNodes);
+
         if (!nodeId) {
           const _onSelectionDrag = wrapSelectionDragFunc(onSelectionDrag);
-          _onSelectionDrag?.(dragEvent as MouseEvent, currentNode, currentNodes);
+          _onSelectionDrag(dragEvent, currentNode, currentNodes);
         }
       }
     }
@@ -201,7 +202,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         lastPos.y = (lastPos.y ?? 0) - yMovement / transform[2];
 
         if (panBy({ x: xMovement, y: yMovement })) {
-          updateNodes(lastPos as XYPosition);
+          updateNodes(lastPos as XYPosition, null);
         }
       }
       autoPanId = requestAnimationFrame(autoPan);
@@ -239,17 +240,19 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
       lastPos = pointerPos;
       dragItems = getDragItems(nodes, nodesDraggable, pointerPos, nodeId);
 
-      if (dragItems.length > 0) {
+      if (dragItems.length > 0 && (onDragStart || onNodeDragStart || (!nodeId && onSelectionDragStart))) {
         const [currentNode, currentNodes] = getEventHandlerParams({
           nodeId,
           dragItems,
           nodeLookup,
         });
+
         onDragStart?.(event.sourceEvent as MouseEvent, dragItems, currentNode, currentNodes);
         onNodeDragStart?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+
         if (!nodeId) {
           const _onSelectionDragStart = wrapSelectionDragFunc(onSelectionDragStart);
-          _onSelectionDragStart?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+          _onSelectionDragStart(event.sourceEvent as MouseEvent, currentNode, currentNodes);
         }
       }
     }
@@ -288,10 +291,10 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
 
         // skip events without movement
         if ((lastPos.x !== pointerPos.xSnapped || lastPos.y !== pointerPos.ySnapped) && dragItems && dragStarted) {
-          dragEvent = event.sourceEvent as MouseEvent;
+          // dragEvent = event.sourceEvent as MouseEvent;
           mousePosition = getEventPosition(event.sourceEvent, containerBounds!);
 
-          updateNodes(pointerPos);
+          updateNodes(pointerPos, event.sourceEvent as MouseEvent);
         }
       })
       .on('end', (event: UseDragEvent) => {
@@ -308,16 +311,20 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
 
           updateNodePositions(dragItems, false);
 
-          const [currentNode, currentNodes] = getEventHandlerParams({
-            nodeId,
-            dragItems,
-            nodeLookup,
-          });
-          onDragStop?.(event.sourceEvent as MouseEvent, dragItems, currentNode, currentNodes);
-          onNodeDragStop?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
-          if (!nodeId) {
-            const _onSelectionDragStop = wrapSelectionDragFunc(onSelectionDragStop);
-            _onSelectionDragStop?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+          if (onDragStop || onNodeDragStop || (!nodeId && onSelectionDragStop)) {
+            const [currentNode, currentNodes] = getEventHandlerParams({
+              nodeId,
+              dragItems,
+              nodeLookup,
+            });
+
+            onDragStop?.(event.sourceEvent as MouseEvent, dragItems, currentNode, currentNodes);
+            onNodeDragStop?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+
+            if (!nodeId) {
+              const _onSelectionDragStop = wrapSelectionDragFunc(onSelectionDragStop);
+              _onSelectionDragStop(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+            }
           }
         }
       })

From c1beb6b58a4388b93187f434a730429847f8b19c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 20 Feb 2024 16:14:39 +0100
Subject: [PATCH 0603/1093] chore(react): use useIsomorphicLayoutEffect hook to
 prevent SSR warning

---
 packages/react/src/hooks/useIsomorphicLayoutEffect.ts | 4 ++++
 packages/react/src/hooks/useReactFlow.ts              | 5 +++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 packages/react/src/hooks/useIsomorphicLayoutEffect.ts

diff --git a/packages/react/src/hooks/useIsomorphicLayoutEffect.ts b/packages/react/src/hooks/useIsomorphicLayoutEffect.ts
new file mode 100644
index 000000000..be54c9fe5
--- /dev/null
+++ b/packages/react/src/hooks/useIsomorphicLayoutEffect.ts
@@ -0,0 +1,4 @@
+import { useEffect, useLayoutEffect } from 'react';
+
+// we need this hook to prevent a warning when using react-flow in SSR
+export const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 02080731a..5fd605fd2 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -1,10 +1,11 @@
-import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useMemo, useRef, useState } from 'react';
 import { getElementsToRemove, getOverlappingArea, isRectObject, nodeToRect, type Rect } from '@xyflow/system';
 
 import useViewportHelper from './useViewportHelper';
 import { useStoreApi } from './useStore';
 import type { ReactFlowInstance, Instance, Node, Edge } from '../types';
 import { getElementsDiffChanges, isNode } from '../utils';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
 
 /**
  * Hook for accessing the ReactFlow instance.
@@ -54,7 +55,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
   // Layout effects are guaranteed to run before the next render which means we
   // shouldn't run into any issues with stale state or weird issues that come from
   // rendering things one frame later than expected (we used to use `setTimeout`).
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     // Because we need to flip the state back to false after flushing, this should
     // trigger the hook again (!). If the hook is being run again we know that any
     // updates should have been processed by now and we can safely clear the queue

From 89a90cb848dd3af929315b7bce36ecf1d82bada6 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 20 Feb 2024 18:59:34 +0100
Subject: [PATCH 0604/1093] added id, type to result from useNodesData

---
 .../src/examples/UseNodesData/ResultNode.tsx  | 12 ++--
 .../examples/UseNodesData/UppercaseNode.tsx   |  8 ++-
 .../react/src/examples/UseNodesData/index.tsx |  8 ++-
 .../routes/examples/usenodesdata/+page.svelte | 20 +++++--
 .../examples/usenodesdata/ResultNode.svelte   |  6 +-
 .../usenodesdata/UppercaseNode.svelte         |  6 +-
 packages/react/src/hooks/useNodesData.ts      | 47 +++++++++------
 packages/svelte/src/lib/hooks/useNodesData.ts | 57 +++++++++----------
 8 files changed, 99 insertions(+), 65 deletions(-)

diff --git a/examples/react/src/examples/UseNodesData/ResultNode.tsx b/examples/react/src/examples/UseNodesData/ResultNode.tsx
index ac9777ddb..006af8b7b 100644
--- a/examples/react/src/examples/UseNodesData/ResultNode.tsx
+++ b/examples/react/src/examples/UseNodesData/ResultNode.tsx
@@ -1,20 +1,20 @@
 import { memo } from 'react';
 import { Handle, Position, useHandleConnections, useNodesData } from '@xyflow/react';
+import { TextNode, isTextNode, type MyNode } from '.';
 
 function ResultNode() {
   const connections = useHandleConnections({
     type: 'target',
   });
-  const nodesData = useNodesData(connections.map((connection) => connection.source));
+  const nodesData = useNodesData<MyNode>(connections.map((connection) => connection.source));
+  const textNodes = nodesData.filter(isTextNode) as TextNode[];
+
+  textNodes[0].data;
 
   return (
     <div style={{ background: '#eee', color: '#222', padding: 10, fontSize: 12, borderRadius: 10 }}>
       <Handle type="target" position={Position.Left} />
-      <div>
-        incoming texts:{' '}
-        {nodesData?.filter((nodeData) => nodeData.text !== undefined).map(({ text }, i) => <div key={i}>{text}</div>) ||
-          'none'}
-      </div>
+      <div>incoming texts: {textNodes.map(({ data }, i) => <div key={i}>{data.text}</div>) || 'none'}</div>
     </div>
   );
 }
diff --git a/examples/react/src/examples/UseNodesData/UppercaseNode.tsx b/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
index 699dc37ee..70c6079d5 100644
--- a/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
+++ b/examples/react/src/examples/UseNodesData/UppercaseNode.tsx
@@ -1,16 +1,18 @@
 import { memo, useEffect } from 'react';
 import { Position, NodeProps, useReactFlow, Handle, useHandleConnections, useNodesData } from '@xyflow/react';
+import { isTextNode, type TextNode, type MyNode } from '.';
 
 function UppercaseNode({ id }: NodeProps) {
   const { updateNodeData } = useReactFlow();
   const connections = useHandleConnections({
     type: 'target',
   });
-  const nodeData = useNodesData(connections[0]?.source);
+  const nodesData = useNodesData<MyNode>(connections[0]?.source);
+  const textNode = isTextNode(nodesData) ? nodesData : null;
 
   useEffect(() => {
-    updateNodeData(id, { text: nodeData?.text.toUpperCase() });
-  }, [nodeData]);
+    updateNodeData(id, { text: textNode?.data.text.toUpperCase() });
+  }, [textNode]);
 
   return (
     <div style={{ background: '#eee', color: '#222', padding: 10, fontSize: 12, borderRadius: 10 }}>
diff --git a/examples/react/src/examples/UseNodesData/index.tsx b/examples/react/src/examples/UseNodesData/index.tsx
index 41c537ab6..dc0b43dd2 100644
--- a/examples/react/src/examples/UseNodesData/index.tsx
+++ b/examples/react/src/examples/UseNodesData/index.tsx
@@ -17,9 +17,13 @@ import UppercaseNode from './UppercaseNode';
 
 export type TextNode = Node<{ text: string }, 'text'>;
 export type ResultNode = Node<{}, 'result'>;
-export type UppercaseNode = Node<{}, 'uppercase'>;
+export type UppercaseNode = Node<{ text: string }, 'uppercase'>;
 export type MyNode = TextNode | ResultNode | UppercaseNode;
 
+export function isTextNode(node: any): node is TextNode | UppercaseNode {
+  return node.type === 'text' || node.type === 'uppercase';
+}
+
 const nodeTypes = {
   text: TextNode,
   result: ResultNode,
@@ -38,7 +42,7 @@ const initNodes: MyNode[] = [
   {
     id: '1a',
     type: 'uppercase',
-    data: {},
+    data: { text: '' },
     position: { x: 100, y: 0 },
   },
   {
diff --git a/examples/svelte/src/routes/examples/usenodesdata/+page.svelte b/examples/svelte/src/routes/examples/usenodesdata/+page.svelte
index 7b2d22046..a92acbe4a 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/+page.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/+page.svelte
@@ -1,3 +1,15 @@
+<script context="module" lang="ts">
+	import TextNode from './TextNode.svelte';
+	import UppercaseNode from './UppercaseNode.svelte';
+	import ResultNode from './ResultNode.svelte';
+
+	export function isTextNode(node: any): node is TextNode | UppercaseNode {
+		return node.type === 'text' || node.type === 'uppercase';
+	}
+
+	export type MyNode = TextNode | UppercaseNode | ResultNode;
+</script>
+
 <script lang="ts">
 	import { writable } from 'svelte/store';
 	import {
@@ -12,10 +24,6 @@
 	} from '@xyflow/svelte';
 	import '@xyflow/svelte/dist/style.css';
 
-	import TextNode from './TextNode.svelte';
-	import UppercaseNode from './UppercaseNode.svelte';
-	import ResultNode from './ResultNode.svelte';
-
 	const nodeTypes: NodeTypes = {
 		text: TextNode,
 		uppercase: UppercaseNode,
@@ -34,7 +42,9 @@
 		{
 			id: '1a',
 			type: 'uppercase',
-			data: {},
+			data: {
+				text: ''
+			},
 			position: { x: 100, y: 0 }
 		},
 		{
diff --git a/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte b/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
index 9dd981735..b79cef121 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
@@ -6,6 +6,7 @@
 		useNodesData,
 		type NodeProps
 	} from '@xyflow/svelte';
+	import { isTextNode } from './+page.svelte';
 
 	type $$Props = NodeProps;
 
@@ -17,14 +18,15 @@
 	});
 
 	$: nodeData = useNodesData($connections.map((connection) => connection.source));
+	$: textNodes = $nodeData.filter(isTextNode);
 </script>
 
 <div class="custom">
 	<Handle type="target" position={Position.Left} />
 	<div>incoming texts:</div>
 
-	{#each $nodeData as data}
-		<div>{data.text}</div>
+	{#each textNodes as textNode}
+		<div>{textNode.data.text}</div>
 	{/each}
 </div>
 
diff --git a/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte b/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
index 2dcf3bdef..be15ac9a2 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
@@ -7,6 +7,7 @@
 		useSvelteFlow,
 		type NodeProps
 	} from '@xyflow/svelte';
+	import { isTextNode, type MyNode } from './+page.svelte';
 
 	type $$Props = NodeProps;
 
@@ -18,10 +19,11 @@
 		type: 'target'
 	});
 
-	$: nodeData = useNodesData($connections[0]?.source);
+	$: nodeData = useNodesData<MyNode>($connections[0]?.source);
+	$: textNode = isTextNode($nodeData) ? $nodeData : null;
 
 	$: {
-		updateNodeData(id, { text: $nodeData?.text?.toUpperCase() || '' });
+		updateNodeData(id, { text: textNode?.data.text.toUpperCase() || '' });
 	}
 </script>
 
diff --git a/packages/react/src/hooks/useNodesData.ts b/packages/react/src/hooks/useNodesData.ts
index 10480caa4..6d9586ede 100644
--- a/packages/react/src/hooks/useNodesData.ts
+++ b/packages/react/src/hooks/useNodesData.ts
@@ -4,40 +4,55 @@ import { shallow } from 'zustand/shallow';
 import { useStore } from '../hooks/useStore';
 import type { Node } from '../types';
 
+export interface NodeDataReturn<NodeType extends Node> {
+  id: string;
+  type: NodeType['type'];
+  data: NodeType['data'];
+}
+
 /**
  * Hook for receiving data of one or multiple nodes
  *
  * @public
  * @param nodeId - The id (or ids) of the node to get the data from
  * @param guard - Optional guard function to narrow down the node type
- * @returns An array od data objects
+ * @returns An object (or array of object) with {id, type, data} representing each node
  */
-export function useNodesData<NodeType extends Node = Node>(nodeId: string): NodeType['data'] | null;
-export function useNodesData<NodeType extends Node = Node>(nodeIds: string[]): NodeType['data'][];
 export function useNodesData<NodeType extends Node = Node>(
-  nodeIds: string[],
-  guard: (node: Node) => node is NodeType
-): NodeType['data'][];
+  nodeId: string
+): {
+  id: string;
+  type: NodeType['type'];
+  data: NodeType['data'];
+} | null;
+export function useNodesData<NodeType extends Node = Node>(
+  nodeIds: string[]
+): {
+  id: string;
+  type: NodeType['type'];
+  data: NodeType['data'];
+}[];
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function useNodesData(nodeIds: any): any {
   const nodesData = useStore(
     useCallback(
       (s) => {
-        if (!Array.isArray(nodeIds)) {
-          return s.nodeLookup.get(nodeIds)?.data || null;
-        }
-
         const data = [];
+        const isArrayOfIds = Array.isArray(nodeIds);
+        const _nodeIds = isArrayOfIds ? nodeIds : [nodeIds];
 
-        for (const nodeId of nodeIds) {
-          const nodeData = s.nodeLookup.get(nodeId)?.data;
-
-          if (nodeData) {
-            data.push(nodeData);
+        for (const nodeId of _nodeIds) {
+          const node = s.nodeLookup.get(nodeId);
+          if (node) {
+            data.push({
+              id: node.id,
+              type: node.type,
+              data: node.data,
+            });
           }
         }
 
-        return data;
+        return isArrayOfIds ? data : data[0] ?? null;
       },
       [nodeIds]
     ),
diff --git a/packages/svelte/src/lib/hooks/useNodesData.ts b/packages/svelte/src/lib/hooks/useNodesData.ts
index d45c8c9ed..1ec53f87d 100644
--- a/packages/svelte/src/lib/hooks/useNodesData.ts
+++ b/packages/svelte/src/lib/hooks/useNodesData.ts
@@ -3,17 +3,13 @@ import { derived, type Readable } from 'svelte/store';
 import type { Node } from '$lib/types';
 import { useStore } from '$lib/store';
 
-function areNodesDataEqual(a: (Node['data'] | null)[] | null, b: (Node['data'] | null)[] | null) {
-  if ((!a && !b) || (!a?.length && !b?.length)) {
-    true;
-  }
-
-  if (!a || !b || a.length !== b.length) {
+function areNodesDataEqual(a: any[], b: any[]) {
+  if (a.length !== b.length) {
     return false;
   }
 
   for (let i = 0; i < a.length; i++) {
-    if (a[i] !== b[i]) {
+    if (a[i].data !== b[i].data) {
       return false;
     }
   }
@@ -31,42 +27,45 @@ function areNodesDataEqual(a: (Node['data'] | null)[] | null, b: (Node['data'] |
  */
 export function useNodesData<NodeType extends Node = Node>(
   nodeId: string
-): Readable<NodeType['data'] | null>;
+): Readable<{
+  id: string;
+  type: NodeType['type'];
+  data: NodeType['data'];
+} | null>;
 export function useNodesData<NodeType extends Node = Node>(
   nodeIds: string[]
-): Readable<NodeType['data'][]>;
-export function useNodesData<NodeType extends Node = Node>(
-  nodeIds: string[],
-  guard: (node: Node) => node is NodeType
-): Readable<NodeType['data'][]>;
+): Readable<
+  {
+    id: string;
+    type: NodeType['type'];
+    data: NodeType['data'];
+  }[]
+>;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function useNodesData(nodeIds: any): any {
   const { nodes, nodeLookup } = useStore();
-  let prevNodesData: (Node['data'] | null)[] | null = null;
+  let prevNodesData: any = [];
 
   return derived([nodes, nodeLookup], ([, nodeLookup], set) => {
-    let nextNodesData: (Node['data'] | null)[] | null = null;
-    const nodeIdArray = Array.isArray(nodeIds);
+    let nextNodesData = [];
 
-    if (!nodeIdArray) {
-      nextNodesData = [nodeLookup.get(nodeIds)?.data || null];
-    } else {
-      const data = [];
+    const isArrayOfIds = Array.isArray(nodeIds);
+    const _nodeIds = isArrayOfIds ? nodeIds : [nodeIds];
 
-      for (const nodeId of nodeIds) {
-        const nodeData = nodeLookup.get(nodeId)?.data;
-
-        if (nodeData) {
-          data.push(nodeData);
-        }
+    for (const nodeId of _nodeIds) {
+      const node = nodeLookup.get(nodeId);
+      if (node) {
+        nextNodesData.push({
+          id: node.id,
+          type: node.type,
+          data: node.data
+        });
       }
-
-      nextNodesData = data;
     }
 
     if (!areNodesDataEqual(nextNodesData, prevNodesData)) {
       prevNodesData = nextNodesData;
-      set(nodeIdArray ? nextNodesData : nextNodesData[0]);
+      set(isArrayOfIds ? nextNodesData : nextNodesData[0] ?? null);
     }
   });
 }

From 9fb49796311bcee8cad7c47cd00800b1813369bc Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 21 Feb 2024 07:41:56 +0100
Subject: [PATCH 0605/1093] Pane: only use cursor grab when panOnDrag=true

---
 packages/react/src/container/Pane/index.tsx        | 2 +-
 packages/svelte/src/lib/container/Pane/Pane.svelte | 1 +
 packages/system/src/styles/init.css                | 9 ++++++---
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index af1ca28e5..414a47451 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -220,7 +220,7 @@ export function Pane({
 
   return (
     <div
-      className={cc(['react-flow__pane', { dragging, selection: isSelecting }])}
+      className={cc(['react-flow__pane', { draggable: panOnDrag, dragging, selection: isSelecting }])}
       onClick={hasActiveSelection ? undefined : wrapHandler(onClick, container)}
       onContextMenu={wrapHandler(onContextMenu, container)}
       onWheel={wrapHandler(onWheel, container)}
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index f0df09808..48c8113f9 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -202,6 +202,7 @@
 <div
   bind:this={container}
   class="svelte-flow__pane"
+  class:draggable={panOnDrag}
   class:dragging={$dragging}
   class:selection={isSelecting}
   on:click={hasActiveSelection ? undefined : wrapHandler(onClick, container)}
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 270a6ab28..6d6a4eec9 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -66,14 +66,17 @@
 
 .xy-flow__pane {
   z-index: 1;
-  cursor: grab;
 
   &.selection {
     cursor: pointer;
   }
 
-  &.dragging {
-    cursor: grabbing;
+  &.draggable {
+    cursor: grab;
+
+    &.dragging {
+      cursor: grabbing;
+    }
   }
 }
 

From f8168869bd7c2b16c820b9e50d57df8c20338302 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 21 Feb 2024 08:01:39 +0100
Subject: [PATCH 0606/1093] Node: only use cursor grab when draggable

---
 packages/react/src/components/NodeWrapper/index.tsx |  1 +
 packages/system/src/styles/init.css                 | 11 +++++------
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 4199d1581..6d2231d9c 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -220,6 +220,7 @@ export function NodeWrapper<NodeType extends Node>({
           selected: node.selected,
           selectable: isSelectable,
           parent: isParent,
+          draggable: isDraggable,
           dragging,
         },
       ])}
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 6d6a4eec9..5c01aece6 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -186,16 +186,15 @@ svg.xy-flow__connectionline {
   pointer-events: all;
   transform-origin: 0 0;
   box-sizing: border-box;
-  cursor: grab;
+  cursor: default;
 
-  &.dragging {
-    cursor: grabbing;
-  }
-
-  /* only used in Svelte Flow, should we remove it here? */
   &.draggable {
     cursor: grab;
     pointer-events: all;
+
+    &.dragging {
+      cursor: grabbing;
+    }
   }
 }
 

From 62bfc7acc6f80b5c85346c4ff2f2417e8f6b2428 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 21 Feb 2024 08:27:50 +0100
Subject: [PATCH 0607/1093] disableKeyboardA11y now correctly prevents escape
 key presses

---
 packages/react/src/components/EdgeWrapper/index.tsx |  3 ++-
 packages/react/src/components/NodeWrapper/index.tsx | 11 +++++------
 packages/react/src/container/EdgeRenderer/index.tsx |  2 ++
 packages/react/src/types/edges.ts                   |  1 +
 4 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index cbe01b8c9..3baea7080 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -34,6 +34,7 @@ export function EdgeWrapper<EdgeType extends Edge = Edge>({
   edgeTypes,
   noPanClassName,
   onError,
+  disableKeyboardA11y,
 }: EdgeWrapperProps<EdgeType>): JSX.Element | null {
   let edge = useStore((s) => s.edgeLookup.get(id)!) as EdgeType;
   const defaultEdgeOptions = useStore((s) => s.defaultEdgeOptions);
@@ -160,7 +161,7 @@ export function EdgeWrapper<EdgeType extends Edge = Edge>({
     : undefined;
 
   const onKeyDown = (event: KeyboardEvent) => {
-    if (elementSelectionKeys.includes(event.key) && isSelectable) {
+    if (!disableKeyboardA11y && elementSelectionKeys.includes(event.key) && isSelectable) {
       const { unselectNodesAndEdges, addSelectedEdges } = store.getState();
       const unselect = event.key === 'Escape';
 
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 4199d1581..08a1f1879 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -178,6 +178,10 @@ export function NodeWrapper<NodeType extends Node>({
       return;
     }
 
+    if (disableKeyboardA11y) {
+      return;
+    }
+
     if (elementSelectionKeys.includes(event.key) && isSelectable) {
       const unselect = event.key === 'Escape';
 
@@ -187,12 +191,7 @@ export function NodeWrapper<NodeType extends Node>({
         unselect,
         nodeRef,
       });
-    } else if (
-      !disableKeyboardA11y &&
-      isDraggable &&
-      node.selected &&
-      Object.prototype.hasOwnProperty.call(arrowKeyDiffs, event.key)
-    ) {
+    } else if (isDraggable && node.selected && Object.prototype.hasOwnProperty.call(arrowKeyDiffs, event.key)) {
       store.setState({
         ariaLiveMessage: `Moved selected node ${event.key
           .replace('Arrow', '')
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index 3112179e8..6636e8338 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -56,6 +56,7 @@ function EdgeRendererComponent<EdgeType extends Edge = Edge>({
   onEdgeDoubleClick,
   onEdgeUpdateStart,
   onEdgeUpdateEnd,
+  disableKeyboardA11y,
 }: EdgeRendererProps<EdgeType>) {
   const { edgesFocusable, edgesUpdatable, elementsSelectable, onError } = useStore(selector, shallow);
   const edgeIds = useVisibleEdgeIds(onlyRenderVisibleElements);
@@ -86,6 +87,7 @@ function EdgeRendererComponent<EdgeType extends Edge = Edge>({
             rfId={rfId}
             onError={onError}
             edgeTypes={edgeTypes}
+            disableKeyboardA11y={disableKeyboardA11y}
           />
         );
       })}
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index dac682db8..602f2c347 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -83,6 +83,7 @@ export type EdgeWrapperProps<EdgeType extends Edge = Edge> = {
   rfId?: string;
   edgeTypes?: EdgeTypes;
   onError?: OnError;
+  disableKeyboardA11y?: boolean;
 };
 
 export type DefaultEdgeOptions = DefaultEdgeOptionsBase<Edge>;

From f0d1e85cf1856e9664910ab8c04a345bfcd4112e Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 22 Feb 2024 11:12:08 +0100
Subject: [PATCH 0608/1093] selectable correctly influences cursor types for
 nodes & edges

---
 .../src/lib/components/EdgeWrapper/EdgeWrapper.svelte    | 5 ++++-
 .../src/lib/container/EdgeRenderer/EdgeRenderer.svelte   | 1 +
 packages/system/src/styles/init.css                      | 9 ++++++++-
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 0d4c126b0..1dff49e72 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -22,6 +22,7 @@
 
   export let animated: $$Props['animated'] = false;
   export let selected: $$Props['selected'] = false;
+  export let selectable: $$Props['selectable'] = undefined;
   export let hidden: $$Props['hidden'] = false;
   export let label: $$Props['label'] = undefined;
   export let labelStyle: $$Props['labelStyle'] = undefined;
@@ -44,7 +45,7 @@
 
   setContext('svelteflow__edge_id', id);
 
-  const { edgeLookup, edgeTypes, flowId } = useStore();
+  const { edgeLookup, edgeTypes, flowId, elementsSelectable } = useStore();
   const dispatch = createEventDispatcher<{
     edgeclick: { edge: Edge; event: MouseEvent | TouchEvent };
     edgecontextmenu: { edge: Edge; event: MouseEvent };
@@ -53,6 +54,7 @@
   $: edgeComponent = $edgeTypes[type!] || BezierEdgeInternal;
   $: markerStartUrl = markerStart ? `url(#${getMarkerId(markerStart, $flowId)})` : undefined;
   $: markerEndUrl = markerEnd ? `url(#${getMarkerId(markerEnd, $flowId)})` : undefined;
+  $: isSelectable = selectable || ($elementsSelectable && typeof selectable === 'undefined');
 
   const handleEdgeSelect = useHandleEdgeSelect();
 
@@ -82,6 +84,7 @@
       class={cc(['svelte-flow__edge', className])}
       class:animated
       class:selected
+      class:selectable={isSelectable}
       data-id={id}
       on:click={onClick}
       on:contextmenu={onContextMenu}
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index d74027e7f..0fa2c273a 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -33,6 +33,7 @@
       style={edge.style}
       animated={edge.animated}
       selected={edge.selected}
+      selectable={edge.selectable}
       hidden={edge.hidden}
       label={edge.label}
       labelStyle={edge.labelStyle}
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 5c01aece6..46628842e 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -123,7 +123,10 @@
 
 .xy-flow__edge {
   pointer-events: visibleStroke;
-  cursor: pointer;
+
+  &.selectable {
+    cursor: pointer;
+  }
 
   &.animated path {
     stroke-dasharray: 5;
@@ -188,6 +191,10 @@ svg.xy-flow__connectionline {
   box-sizing: border-box;
   cursor: default;
 
+  &.selectable {
+    cursor: pointer;
+  }
+
   &.draggable {
     cursor: grab;
     pointer-events: all;

From 3fc3b7e6038a19e6b8010161d2bffd322c13a928 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 26 Feb 2024 14:13:12 +0100
Subject: [PATCH 0609/1093] chore(useNodesData): cleanup return type

---
 .../src/examples/UseNodesData/ResultNode.tsx  |  6 ++----
 .../react/src/examples/UseNodesData/index.tsx |  4 ++--
 .../routes/examples/usenodesdata/+page.svelte | 21 ++++++++++++-------
 .../examples/usenodesdata/ResultNode.svelte   |  4 ++--
 packages/react/src/hooks/useNodesData.ts      | 14 ++-----------
 packages/svelte/src/lib/hooks/useNodesData.ts | 18 +++-------------
 6 files changed, 24 insertions(+), 43 deletions(-)

diff --git a/examples/react/src/examples/UseNodesData/ResultNode.tsx b/examples/react/src/examples/UseNodesData/ResultNode.tsx
index 006af8b7b..bf8f7a354 100644
--- a/examples/react/src/examples/UseNodesData/ResultNode.tsx
+++ b/examples/react/src/examples/UseNodesData/ResultNode.tsx
@@ -1,15 +1,13 @@
 import { memo } from 'react';
 import { Handle, Position, useHandleConnections, useNodesData } from '@xyflow/react';
-import { TextNode, isTextNode, type MyNode } from '.';
+import { isTextNode, type MyNode } from '.';
 
 function ResultNode() {
   const connections = useHandleConnections({
     type: 'target',
   });
   const nodesData = useNodesData<MyNode>(connections.map((connection) => connection.source));
-  const textNodes = nodesData.filter(isTextNode) as TextNode[];
-
-  textNodes[0].data;
+  const textNodes = nodesData.filter(isTextNode);
 
   return (
     <div style={{ background: '#eee', color: '#222', padding: 10, fontSize: 12, borderRadius: 10 }}>
diff --git a/examples/react/src/examples/UseNodesData/index.tsx b/examples/react/src/examples/UseNodesData/index.tsx
index dc0b43dd2..91cc1f944 100644
--- a/examples/react/src/examples/UseNodesData/index.tsx
+++ b/examples/react/src/examples/UseNodesData/index.tsx
@@ -20,8 +20,8 @@ export type ResultNode = Node<{}, 'result'>;
 export type UppercaseNode = Node<{ text: string }, 'uppercase'>;
 export type MyNode = TextNode | ResultNode | UppercaseNode;
 
-export function isTextNode(node: any): node is TextNode | UppercaseNode {
-  return node.type === 'text' || node.type === 'uppercase';
+export function isTextNode(node: any): node is TextNode {
+  return node.type === 'text';
 }
 
 const nodeTypes = {
diff --git a/examples/svelte/src/routes/examples/usenodesdata/+page.svelte b/examples/svelte/src/routes/examples/usenodesdata/+page.svelte
index a92acbe4a..fc85ee26b 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/+page.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/+page.svelte
@@ -1,13 +1,15 @@
 <script context="module" lang="ts">
-	import TextNode from './TextNode.svelte';
-	import UppercaseNode from './UppercaseNode.svelte';
-	import ResultNode from './ResultNode.svelte';
+	import type { Node } from '@xyflow/svelte';
+
+	type TextNodeType = Node<{ text: string }, 'text'>;
+	type UppercaseNodeType = Node<{ text: string }, 'uppercase'>;
+	type ResultNodeType = Node<{}, 'result'>;
 
-	export function isTextNode(node: any): node is TextNode | UppercaseNode {
-		return node.type === 'text' || node.type === 'uppercase';
+	export function isTextNode(node: any): node is TextNodeType {
+		return node.type === 'text';
 	}
 
-	export type MyNode = TextNode | UppercaseNode | ResultNode;
+	export type MyNode = TextNodeType | UppercaseNodeType | ResultNodeType;
 </script>
 
 <script lang="ts">
@@ -18,19 +20,22 @@
 		Background,
 		BackgroundVariant,
 		MiniMap,
-		type Node,
 		type NodeTypes,
 		type Edge
 	} from '@xyflow/svelte';
 	import '@xyflow/svelte/dist/style.css';
 
+	import TextNode from './TextNode.svelte';
+	import UppercaseNode from './UppercaseNode.svelte';
+	import ResultNode from './ResultNode.svelte';
+
 	const nodeTypes: NodeTypes = {
 		text: TextNode,
 		uppercase: UppercaseNode,
 		result: ResultNode
 	};
 
-	const nodes = writable<Node[]>([
+	const nodes = writable<MyNode[]>([
 		{
 			id: '1',
 			type: 'text',
diff --git a/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte b/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
index b79cef121..d59555018 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
@@ -6,7 +6,7 @@
 		useNodesData,
 		type NodeProps
 	} from '@xyflow/svelte';
-	import { isTextNode } from './+page.svelte';
+	import { isTextNode, type MyNode } from './+page.svelte';
 
 	type $$Props = NodeProps;
 
@@ -17,7 +17,7 @@
 		type: 'target'
 	});
 
-	$: nodeData = useNodesData($connections.map((connection) => connection.source));
+	$: nodeData = useNodesData<MyNode>($connections.map((connection) => connection.source));
 	$: textNodes = $nodeData.filter(isTextNode);
 </script>
 
diff --git a/packages/react/src/hooks/useNodesData.ts b/packages/react/src/hooks/useNodesData.ts
index 6d9586ede..c43a60ccc 100644
--- a/packages/react/src/hooks/useNodesData.ts
+++ b/packages/react/src/hooks/useNodesData.ts
@@ -20,18 +20,8 @@ export interface NodeDataReturn<NodeType extends Node> {
  */
 export function useNodesData<NodeType extends Node = Node>(
   nodeId: string
-): {
-  id: string;
-  type: NodeType['type'];
-  data: NodeType['data'];
-} | null;
-export function useNodesData<NodeType extends Node = Node>(
-  nodeIds: string[]
-): {
-  id: string;
-  type: NodeType['type'];
-  data: NodeType['data'];
-}[];
+): Pick<NodeType, 'id' | 'type' | 'data'> | null;
+export function useNodesData<NodeType extends Node = Node>(nodeIds: string[]): Pick<NodeType, 'id' | 'type' | 'data'>[];
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function useNodesData(nodeIds: any): any {
   const nodesData = useStore(
diff --git a/packages/svelte/src/lib/hooks/useNodesData.ts b/packages/svelte/src/lib/hooks/useNodesData.ts
index 1ec53f87d..c11ef308d 100644
--- a/packages/svelte/src/lib/hooks/useNodesData.ts
+++ b/packages/svelte/src/lib/hooks/useNodesData.ts
@@ -22,33 +22,21 @@ function areNodesDataEqual(a: any[], b: any[]) {
  *
  * @public
  * @param nodeId - The id (or ids) of the node to get the data from
- * @param guard - Optional guard function to narrow down the node type
  * @returns A readable store with an array of data objects
  */
 export function useNodesData<NodeType extends Node = Node>(
   nodeId: string
-): Readable<{
-  id: string;
-  type: NodeType['type'];
-  data: NodeType['data'];
-} | null>;
+): Readable<Pick<NodeType, 'id' | 'data' | 'type'> | null>;
 export function useNodesData<NodeType extends Node = Node>(
   nodeIds: string[]
-): Readable<
-  {
-    id: string;
-    type: NodeType['type'];
-    data: NodeType['data'];
-  }[]
->;
+): Readable<Pick<NodeType, 'id' | 'data' | 'type'>[]>;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function useNodesData(nodeIds: any): any {
   const { nodes, nodeLookup } = useStore();
   let prevNodesData: any = [];
 
   return derived([nodes, nodeLookup], ([, nodeLookup], set) => {
-    let nextNodesData = [];
-
+    const nextNodesData = [];
     const isArrayOfIds = Array.isArray(nodeIds);
     const _nodeIds = isArrayOfIds ? nodeIds : [nodeIds];
 

From 0ad5f2d16a53edc07b7a34d4675562854b279789 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 26 Feb 2024 14:22:22 +0100
Subject: [PATCH 0610/1093] chore(react): cleanup node wrapper

---
 packages/react/src/components/NodeWrapper/index.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 08a1f1879..8d2aa097d 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -174,11 +174,7 @@ export function NodeWrapper<NodeType extends Node>({
   };
 
   const onKeyDown = (event: KeyboardEvent) => {
-    if (isInputDOMNode(event.nativeEvent)) {
-      return;
-    }
-
-    if (disableKeyboardA11y) {
+    if (isInputDOMNode(event.nativeEvent) || disableKeyboardA11y) {
       return;
     }
 

From d88f72a6cca9a12c9b7a91bc330927f00b66b780 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 26 Feb 2024 14:35:43 +0100
Subject: [PATCH 0611/1093] chore(packages): update changelogs

---
 packages/react/CHANGELOG.md  | 12 ++++++++++++
 packages/svelte/CHANGELOG.md | 10 ++++++++++
 2 files changed, 22 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index e2e23ca46..593cd9754 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,17 @@
 # @xyflow/react
 
+## 12.0.0-next.10
+
+## ⚠️ Breaking changes
+
+- `useNodesData` not only returns data objects but also the type and the id of the node. 
+
+## Patch changes
+
+- better cursor defaults for the pane, nodes and edges
+- `disableKeyboardA11y` now also disables Enter and Escape for selecting/deselecting nodes and edges
+
+
 ## 12.0.0-next.9
 
 ### Patch changes
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 2f34e1a35..0e8a5abfc 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,15 @@
 # @xyflow/svelte
 
+## 0.0.37
+
+## ⚠️ Breaking changes
+
+- `useNodesData` not only returns data objects but also the type and the id of the node. 
+
+## Patch changes
+
+- better cursor defaults for the pane, nodes and edges.
+
 ## 0.0.36
 
 ## Patch changes

From 14516ab061769f2eb79399f22479073cdc1ce25c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 26 Feb 2024 15:01:17 +0100
Subject: [PATCH 0612/1093] fix(react): drag nodes after toggle hidden closes
 #3931

---
 packages/react/CHANGELOG.md                   |  2 +-
 packages/react/src/hooks/useDrag.ts           |  5 ++---
 packages/svelte/src/lib/actions/drag/index.ts |  1 -
 packages/system/src/xydrag/XYDrag.ts          | 10 ++++------
 4 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 593cd9754..d9529c272 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -10,7 +10,7 @@
 
 - better cursor defaults for the pane, nodes and edges
 - `disableKeyboardA11y` now also disables Enter and Escape for selecting/deselecting nodes and edges
-
+- fix bug where users couldn't drag a node after toggle nodes `hidden` attribute
 
 ## 12.0.0-next.9
 
diff --git a/packages/react/src/hooks/useDrag.ts b/packages/react/src/hooks/useDrag.ts
index 8363d3933..52d3c6f66 100644
--- a/packages/react/src/hooks/useDrag.ts
+++ b/packages/react/src/hooks/useDrag.ts
@@ -33,7 +33,6 @@ export function useDrag({
   useEffect(() => {
     if (nodeRef?.current) {
       xyDrag.current = XYDrag({
-        domNode: nodeRef.current,
         getStoreItems: () => store.getState(),
         onNodeMouseDown: (id: string) => {
           handleNodeClick({
@@ -55,11 +54,11 @@ export function useDrag({
   useEffect(() => {
     if (disabled) {
       xyDrag.current?.destroy();
-    } else {
+    } else if (nodeRef.current) {
       xyDrag.current?.update({
         noDragClassName,
         handleSelector,
-        domNode: nodeRef.current as Element,
+        domNode: nodeRef.current,
         isSelectable,
         nodeId,
       });
diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index d08a17be7..1405ccd91 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -19,7 +19,6 @@ export type UseDragParams = {
 export default function drag(domNode: Element, params: UseDragParams) {
   const { store, onDrag, onDragStart, onDragStop, onNodeMouseDown } = params;
   const dragInstance = XYDrag({
-    domNode,
     onDrag,
     onDragStart,
     onDragStop,
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 6bd85eb9d..cfed09f9c 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -1,5 +1,5 @@
 import { drag } from 'd3-drag';
-import { select } from 'd3-selection';
+import { select, type Selection } from 'd3-selection';
 
 import {
   calcAutoPan,
@@ -58,7 +58,6 @@ type StoreItems<OnNodeDrag> = {
 };
 
 export type XYDragParams<OnNodeDrag> = {
-  domNode: Element;
   getStoreItems: () => StoreItems<OnNodeDrag>;
   onDragStart?: OnDrag;
   onDrag?: OnDrag;
@@ -81,7 +80,6 @@ export type DragUpdateParams = {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => void | undefined>({
-  domNode,
   onNodeMouseDown,
   getStoreItems,
   onDragStart,
@@ -95,11 +93,11 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
   let mousePosition: XYPosition = { x: 0, y: 0 };
   let containerBounds: DOMRect | null = null;
   let dragStarted = false;
-
-  const d3Selection = select(domNode);
+  let d3Selection: Selection<Element, unknown, null, undefined> | null = null;
 
   // public functions
   function update({ noDragClassName, handleSelector, domNode, isSelectable, nodeId }: DragUpdateParams) {
+    d3Selection = select(domNode);
     function updateNodes({ x, y }: XYPosition, dragEvent: MouseEvent | null) {
       const {
         nodeLookup,
@@ -342,7 +340,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
   }
 
   function destroy() {
-    d3Selection.on('.drag', null);
+    d3Selection?.on('.drag', null);
   }
 
   return {

From e5c667d0683bb82b30634c244f1327e161218041 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Tue, 27 Feb 2024 15:21:35 +0100
Subject: [PATCH 0613/1093] Feat(nodes): add `initialWidth` and `initialHeight`
 (#3953)

* feat(react/svelte): add initialWidth/initialHeight closes #3793

* chore(packages): update changelogs
---
 .../src/components/ReactFlowExample/index.tsx |  2 +
 .../ReactFlowInitialExample/CustomNode.tsx    | 21 ++++++
 .../ReactFlowInitialExample/index.tsx         | 69 +++++++++++++++++++
 .../CustomNode.svelte                         | 25 +++++++
 .../SvelteFlowInitialExample/index.svelte     | 39 +++++++++++
 examples/astro-xyflow/src/pages/index.astro   | 24 +++++--
 packages/react/CHANGELOG.md                   |  3 +-
 .../MiniMap/MiniMapNodes.tsx                  | 11 +--
 .../src/components/NodeWrapper/index.tsx      | 21 +++---
 .../src/components/NodeWrapper/utils.tsx      | 21 +++++-
 .../src/components/StoreUpdater/index.tsx     |  1 +
 .../react/src/container/ReactFlow/index.tsx   |  2 +
 packages/react/src/store/index.ts             | 16 ++++-
 packages/react/src/store/initialState.ts      |  5 +-
 packages/react/src/types/component-props.ts   |  5 ++
 packages/react/src/types/store.ts             |  1 +
 packages/svelte/CHANGELOG.md                  |  5 +-
 .../components/NodeWrapper/NodeWrapper.svelte | 18 ++++-
 .../src/lib/components/NodeWrapper/types.ts   |  8 ++-
 .../src/lib/components/NodeWrapper/utils.ts   | 33 +++++++++
 .../NodeRenderer/NodeRenderer.svelte          | 22 ++++--
 .../src/lib/plugins/Minimap/Minimap.svelte    | 14 ++--
 packages/svelte/src/lib/store/index.ts        |  2 -
 .../svelte/src/lib/store/initial-store.ts     |  6 +-
 packages/system/src/types/nodes.ts            |  6 +-
 packages/system/src/utils/edges/positions.ts  | 13 ++--
 packages/system/src/utils/general.ts          | 16 +++++
 packages/system/src/utils/graph.ts            | 13 ++--
 28 files changed, 362 insertions(+), 60 deletions(-)
 create mode 100644 examples/astro-xyflow/src/components/ReactFlowInitialExample/CustomNode.tsx
 create mode 100644 examples/astro-xyflow/src/components/ReactFlowInitialExample/index.tsx
 create mode 100644 examples/astro-xyflow/src/components/SvelteFlowInitialExample/CustomNode.svelte
 create mode 100644 examples/astro-xyflow/src/components/SvelteFlowInitialExample/index.svelte
 create mode 100644 packages/svelte/src/lib/components/NodeWrapper/utils.ts

diff --git a/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx b/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
index 4f8ef0ab0..863458fb3 100644
--- a/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
+++ b/examples/astro-xyflow/src/components/ReactFlowExample/index.tsx
@@ -81,6 +81,8 @@ const initialNodes: Node[] = [
     id: '4',
     data: { label: 'Node 4' },
     position: { x: 400, y: 200 },
+    width: 200,
+    height: 50,
     type: 'custom',
   },
 ];
diff --git a/examples/astro-xyflow/src/components/ReactFlowInitialExample/CustomNode.tsx b/examples/astro-xyflow/src/components/ReactFlowInitialExample/CustomNode.tsx
new file mode 100644
index 000000000..c7fae3d8c
--- /dev/null
+++ b/examples/astro-xyflow/src/components/ReactFlowInitialExample/CustomNode.tsx
@@ -0,0 +1,21 @@
+import { memo, useState } from 'react';
+import { Handle, Position } from '@xyflow/react';
+
+function CustomNode() {
+  const [text, setText] = useState('this is a pretty long text');
+
+  return (
+    <>
+      <Handle type="target" position={Position.Top} />
+      <div style={{ background: '#eee', padding: 10 }}>
+        <div>
+          <input value={text} onChange={(e) => setText(e.target.value)} />
+          <div>text: {text}</div>
+        </div>
+      </div>
+      <Handle type="source" position={Position.Bottom} />
+    </>
+  );
+}
+
+export default memo(CustomNode);
diff --git a/examples/astro-xyflow/src/components/ReactFlowInitialExample/index.tsx b/examples/astro-xyflow/src/components/ReactFlowInitialExample/index.tsx
new file mode 100644
index 000000000..b3f99a6bc
--- /dev/null
+++ b/examples/astro-xyflow/src/components/ReactFlowInitialExample/index.tsx
@@ -0,0 +1,69 @@
+import { useCallback } from 'react';
+import {
+  ReactFlow,
+  addEdge,
+  useEdgesState,
+  useNodesState,
+  Background,
+  Controls,
+  type Connection,
+  type Edge,
+  type Node,
+} from '@xyflow/react';
+
+import CustomNode from './CustomNode';
+
+import '@xyflow/react/dist/style.css';
+
+const initialNodes: Node[] = [
+  {
+    id: '1',
+    data: {},
+    position: { x: 0, y: 0 },
+    initialWidth: 200,
+    initialHeight: 50,
+    type: 'custom',
+  },
+  {
+    id: '2',
+    data: {},
+    position: { x: 0, y: 200 },
+    width: 200,
+    initialHeight: 50,
+    type: 'custom',
+  },
+];
+
+const initialEdges: Edge[] = [{ id: 'e1-2', source: '1', target: '2' }];
+
+const nodeTypes = {
+  custom: CustomNode,
+};
+
+function Flow() {
+  const [nodes, , onNodesChange] = useNodesState(initialNodes);
+  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
+  const onConnect = useCallback((params: Connection | Edge) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
+
+  return (
+    <div style={{ width: 700, height: 400 }}>
+      <ReactFlow
+        nodes={nodes}
+        onNodesChange={onNodesChange}
+        edges={edges}
+        onEdgesChange={onEdgesChange}
+        onConnect={onConnect}
+        nodeTypes={nodeTypes}
+        fitView
+        width={700}
+        height={400}
+        debug
+      >
+        <Background />
+        <Controls />
+      </ReactFlow>
+    </div>
+  );
+}
+
+export default Flow;
diff --git a/examples/astro-xyflow/src/components/SvelteFlowInitialExample/CustomNode.svelte b/examples/astro-xyflow/src/components/SvelteFlowInitialExample/CustomNode.svelte
new file mode 100644
index 000000000..5bef87c97
--- /dev/null
+++ b/examples/astro-xyflow/src/components/SvelteFlowInitialExample/CustomNode.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { Handle, Position, type NodeProps } from '@xyflow/svelte';
+
+  type $$Props = NodeProps;
+
+  let text = 'some default text';
+</script>
+
+<Handle type="target" position={Position.Left} />
+<div class="custom">
+  <div>
+    text: {text}
+  </div>
+  <input type="text" bind:value={text} />
+</div>
+<Handle type="source" position={Position.Right} />
+
+<style>
+  .custom {
+    background-color: white;
+    padding: 10px;
+    border: 1px solid #777;
+    border-radius: 20px;
+  }
+</style>
diff --git a/examples/astro-xyflow/src/components/SvelteFlowInitialExample/index.svelte b/examples/astro-xyflow/src/components/SvelteFlowInitialExample/index.svelte
new file mode 100644
index 000000000..8fbe4905e
--- /dev/null
+++ b/examples/astro-xyflow/src/components/SvelteFlowInitialExample/index.svelte
@@ -0,0 +1,39 @@
+<script lang="ts">
+  import { writable } from 'svelte/store';
+  import { SvelteFlow, Controls, Background, BackgroundVariant, type Node, type Edge } from '@xyflow/svelte';
+
+  import '@xyflow/svelte/dist/style.css';
+  import CustomNode from './CustomNode.svelte';
+
+  const nodes = writable<Node[]>([
+    {
+      id: '1',
+      position: { x: 0, y: 0 },
+      data: {},
+      initialWidth: 100,
+      initialHeight: 40,
+      type: 'input-node',
+    },
+    {
+      id: '2',
+      position: { x: 0, y: 150 },
+      data: {},
+      initialWidth: 100,
+      initialHeight: 40,
+      type: 'input-node',
+    },
+  ]);
+
+  const edges = writable<Edge[]>([{ id: '1-2', source: '1', target: '2' }]);
+
+  const nodeTypes = {
+    'input-node': CustomNode,
+  };
+</script>
+
+<div style="height: 400px; width: 700px;">
+  <SvelteFlow {nodes} {edges} {nodeTypes} fitView width={700} height={400}>
+    <Controls />
+    <Background variant={BackgroundVariant.Dots} />
+  </SvelteFlow>
+</div>
diff --git a/examples/astro-xyflow/src/pages/index.astro b/examples/astro-xyflow/src/pages/index.astro
index be9d18850..d7b145584 100644
--- a/examples/astro-xyflow/src/pages/index.astro
+++ b/examples/astro-xyflow/src/pages/index.astro
@@ -1,6 +1,8 @@
 ---
-import ReactFlowApp from '../components/ReactFlowExample' 
-import SvelteFlowApp from '../components/SvelteFlowExample/index.svelte' 
+import ReactFlowApp from '../components/ReactFlowExample';
+import ReactFlowInitialApp from '../components/ReactFlowInitialExample';
+import SvelteFlowApp from '../components/SvelteFlowExample/index.svelte';
+import SvelteFlowInitialApp from '../components/SvelteFlowInitialExample/index.svelte';
 ---
 
 <html lang="en">
@@ -18,10 +20,24 @@ import SvelteFlowApp from '../components/SvelteFlowExample/index.svelte'
 		</style>
 	</head>
 	<body>
+		<h2>React Flow</h2>
+		<p>no client hydration</p>
+		<ReactFlowApp />
+
+		<p>client hydration on load (client:load)</p>
+		<ReactFlowApp client:load />
+
+		<p>client hydration on load (client:load) and initialWidth / initialHeight</p>
+		<ReactFlowInitialApp client:load />
+
 		<h2>Svelte Flow</h2>
 		<SvelteFlowApp />
 
-		<h2>React Flow</h2>
-		<ReactFlowApp />
+		<p>client hydration on load (client:load)</p>
+		<SvelteFlowApp client:load />
+
+		<p>client hydration on load (client:load) and initialWidth / initialHeight</p>
+		<SvelteFlowInitialApp client:load />
+
 	</body>
 </html>
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index d9529c272..69b51bf7c 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -4,13 +4,14 @@
 
 ## ⚠️ Breaking changes
 
-- `useNodesData` not only returns data objects but also the type and the id of the node. 
+- `useNodesData` not only returns data objects but also the type and the id of the node
 
 ## Patch changes
 
 - better cursor defaults for the pane, nodes and edges
 - `disableKeyboardA11y` now also disables Enter and Escape for selecting/deselecting nodes and edges
 - fix bug where users couldn't drag a node after toggle nodes `hidden` attribute
+- add `initialWidth` and `initialHeight` node attributes for specifying initial dimensions for ssr
 
 ## 12.0.0-next.9
 
diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index 0dfb8fffe..0abe3177c 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { ComponentType, memo } from 'react';
-import { NodeOrigin, getNodePositionWithOrigin } from '@xyflow/system';
+import { NodeOrigin, getNodeDimensions, getNodePositionWithOrigin, nodeHasDimensions } from '@xyflow/system';
 import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../../hooks/useStore';
@@ -94,16 +94,19 @@ function NodeComponentWrapperInner<NodeType extends Node>({
       y,
     };
   }, shallow);
-  if (!node || node.hidden || !(node.computed?.width || node.width) || !(node.computed?.height || node.height)) {
+
+  if (!node || node.hidden || !nodeHasDimensions(node)) {
     return null;
   }
 
+  const { width, height } = getNodeDimensions(node);
+
   return (
     <NodeComponent
       x={x}
       y={y}
-      width={node.computed?.width ?? node.width ?? 0}
-      height={node.computed?.height ?? node.height ?? 0}
+      width={width}
+      height={height}
       style={node.style}
       selected={!!node.selected}
       className={nodeClassNameFunc(node)}
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 87d804903..8c207cd9b 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -5,9 +5,11 @@ import {
   clampPosition,
   elementSelectionKeys,
   errorMessages,
+  getNodeDimensions,
   getPositionWithOrigin,
   internalsSymbol,
   isInputDOMNode,
+  nodeHasDimensions,
 } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
@@ -16,7 +18,7 @@ import { ARIA_NODE_DESC_KEY } from '../A11yDescriptions';
 import { useDrag } from '../../hooks/useDrag';
 import { useMoveSelectedNodes } from '../../hooks/useMoveSelectedNodes';
 import { handleNodeClick } from '../Nodes/utils';
-import { arrowKeyDiffs, builtinNodeTypes } from './utils';
+import { arrowKeyDiffs, builtinNodeTypes, getNodeInlineStyleDimensions } from './utils';
 import type { Node, NodeWrapperProps } from '../../types';
 
 export function NodeWrapper<NodeType extends Node>({
@@ -79,11 +81,9 @@ export function NodeWrapper<NodeType extends Node>({
   const prevTargetPosition = useRef(node.targetPosition);
   const prevType = useRef(nodeType);
 
-  const width = node.width ?? undefined;
-  const height = node.height ?? undefined;
-  const computedWidth = node.computed?.width;
-  const computedHeight = node.computed?.height;
-  const initialized = (!!computedWidth && !!computedHeight) || (!!width && !!height);
+  const nodeDimensions = getNodeDimensions(node);
+  const inlineDimensions = getNodeInlineStyleDimensions(node);
+  const initialized = nodeHasDimensions(node);
   const hasHandleBounds = !!node[internalsSymbol]?.handleBounds;
 
   const moveSelectedNodes = useMoveSelectedNodes();
@@ -143,8 +143,7 @@ export function NodeWrapper<NodeType extends Node>({
   const positionAbsoluteOrigin = getPositionWithOrigin({
     x: positionAbsoluteX,
     y: positionAbsoluteY,
-    width: computedWidth ?? width ?? 0,
-    height: computedHeight ?? height ?? 0,
+    ...nodeDimensions,
     origin: node.origin || nodeOrigin,
   });
   const hasPointerEvents = isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave;
@@ -226,8 +225,7 @@ export function NodeWrapper<NodeType extends Node>({
         pointerEvents: hasPointerEvents ? 'all' : 'none',
         visibility: initialized ? 'visible' : 'hidden',
         ...node.style,
-        width: width ?? node.style?.width,
-        height: height ?? node.style?.height,
+        ...inlineDimensions,
       }}
       data-id={id}
       data-testid={`rf__node-${id}`}
@@ -248,8 +246,6 @@ export function NodeWrapper<NodeType extends Node>({
           id={id}
           data={node.data}
           type={nodeType}
-          width={computedWidth}
-          height={computedHeight}
           positionAbsoluteX={positionAbsoluteX}
           positionAbsoluteY={positionAbsoluteY}
           selected={node.selected}
@@ -259,6 +255,7 @@ export function NodeWrapper<NodeType extends Node>({
           dragging={dragging}
           dragHandle={node.dragHandle}
           zIndex={zIndex}
+          {...nodeDimensions}
         />
       </Provider>
     </div>
diff --git a/packages/react/src/components/NodeWrapper/utils.tsx b/packages/react/src/components/NodeWrapper/utils.tsx
index 5dd739641..f98b6bb69 100644
--- a/packages/react/src/components/NodeWrapper/utils.tsx
+++ b/packages/react/src/components/NodeWrapper/utils.tsx
@@ -5,7 +5,7 @@ import { InputNode } from '../Nodes/InputNode';
 import { DefaultNode } from '../Nodes/DefaultNode';
 import { GroupNode } from '../Nodes/GroupNode';
 import { OutputNode } from '../Nodes/OutputNode';
-import type { NodeTypes } from '../../types';
+import type { Node, NodeTypes } from '../../types';
 
 export const arrowKeyDiffs: Record<string, XYPosition> = {
   ArrowUp: { x: 0, y: -1 },
@@ -20,3 +20,22 @@ export const builtinNodeTypes: NodeTypes = {
   output: OutputNode as ComponentType<NodeProps>,
   group: GroupNode as ComponentType<NodeProps>,
 };
+
+export function getNodeInlineStyleDimensions<NodeType extends Node = Node>(
+  node: NodeType
+): {
+  width: number | string | undefined;
+  height: number | string | undefined;
+} {
+  if (!node.computed) {
+    return {
+      width: node.width ?? node.initialWidth ?? node.style?.width,
+      height: node.height ?? node.initialHeight ?? node.style?.height,
+    };
+  }
+
+  return {
+    width: node.width ?? node.style?.width,
+    height: node.height ?? node.style?.height,
+  };
+}
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 7917e3d6d..6d92e8b44 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -65,6 +65,7 @@ const reactFlowFieldsToTrack = [
   'selectNodesOnDrag',
   'nodeDragThreshold',
   'onBeforeDelete',
+  'debug',
 ] as const;
 
 type ReactFlowFieldsToTrack = (typeof reactFlowFieldsToTrack)[number];
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index c80552f81..88d8843e6 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -139,6 +139,7 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
     width,
     height,
     colorMode = 'light',
+    debug,
     ...rest
   }: ReactFlowProps<NodeType, EdgeType>,
   ref: ForwardedRef<ReactFlowRefType>
@@ -274,6 +275,7 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
           selectNodesOnDrag={selectNodesOnDrag}
           nodeDragThreshold={nodeDragThreshold}
           onBeforeDelete={onBeforeDelete}
+          debug={debug}
         />
         <SelectionListener onSelectionChange={onSelectionChange} />
         {children}
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 71a51a1ea..823d50227 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -89,6 +89,7 @@ const createRFStore = ({
           fitViewOnInitOptions,
           domNode,
           nodeOrigin,
+          debug,
         } = get();
         const changes: NodeDimensionChange[] = [];
 
@@ -130,6 +131,9 @@ const createRFStore = ({
         set({ nodes: nextNodes, fitViewDone: nextFitViewDone });
 
         if (changes?.length > 0) {
+          if (debug) {
+            console.log('React Flow: trigger node changes', changes);
+          }
           onNodesChange?.(changes);
         }
       },
@@ -149,7 +153,7 @@ const createRFStore = ({
         get().triggerNodeChanges(changes);
       },
       triggerNodeChanges: (changes) => {
-        const { onNodesChange, setNodes, nodes, hasDefaultNodes } = get();
+        const { onNodesChange, setNodes, nodes, hasDefaultNodes, debug } = get();
 
         if (changes?.length) {
           if (hasDefaultNodes) {
@@ -157,11 +161,15 @@ const createRFStore = ({
             setNodes(updatedNodes);
           }
 
+          if (debug) {
+            console.log('React Flow: trigger node changes', changes);
+          }
+
           onNodesChange?.(changes);
         }
       },
       triggerEdgeChanges: (changes) => {
-        const { onEdgesChange, setEdges, edges, hasDefaultEdges } = get();
+        const { onEdgesChange, setEdges, edges, hasDefaultEdges, debug } = get();
 
         if (changes?.length) {
           if (hasDefaultEdges) {
@@ -169,6 +177,10 @@ const createRFStore = ({
             setEdges(updatedEdges);
           }
 
+          if (debug) {
+            console.log('React Flow: trigger edge changes', changes);
+          }
+
           onEdgesChange?.(changes);
         }
       },
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 5a1f95622..0cf3c7f00 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -43,7 +43,9 @@ const getInitialState = ({
   let transform: Transform = [0, 0, 1];
 
   if (fitView && width && height) {
-    const nodesWithDimensions = nextNodes.filter((node) => node.width && node.height);
+    const nodesWithDimensions = nextNodes.filter(
+      (node) => (node.width || node.initialWidth) && (node.height || node.initialHeight)
+    );
     // @todo users nodeOrigin should be used here
     const bounds = getNodesBounds(nodesWithDimensions, { nodeOrigin: [0, 0] });
     const { x, y, zoom } = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
@@ -113,6 +115,7 @@ const getInitialState = ({
     onSelectionChangeHandlers: [],
 
     lib: 'react',
+    debug: false,
   };
 };
 
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index 650d0b0ca..e8d91ba43 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -503,6 +503,11 @@ export interface ReactFlowProps<NodeType extends Node = Node, EdgeType extends E
    * @example 'system' | 'light' | 'dark'
    */
   colorMode?: ColorMode;
+  /** If set true, some debug information will be logged to the console like which events are fired.
+   *
+   * @default undefined
+   */
+  debug?: boolean;
 }
 
 export type ReactFlowRefType = HTMLDivElement;
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index d34723071..6c1cf9b0b 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -146,6 +146,7 @@ export type ReactFlowStore<NodeType extends Node = Node, EdgeType extends Edge =
   isValidConnection?: IsValidConnection<EdgeType>;
 
   lib: string;
+  debug: boolean;
 };
 
 export type ReactFlowActions<NodeType extends Node, EdgeType extends Edge> = {
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 0e8a5abfc..948e69eba 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -4,11 +4,12 @@
 
 ## ⚠️ Breaking changes
 
-- `useNodesData` not only returns data objects but also the type and the id of the node. 
+- `useNodesData` not only returns data objects but also the type and the id of the node
 
 ## Patch changes
 
-- better cursor defaults for the pane, nodes and edges.
+- better cursor defaults for the pane, nodes and edges
+- add `initialWidth` and `initialHeight` node attributes for specifying initial dimensions for ssr
 
 ## 0.0.36
 
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index ae894066e..91027f537 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -11,6 +11,7 @@
   import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
   import type { NodeWrapperProps } from './types';
   import type { Node } from '$lib/types';
+  import { getNodeInlineStyleDimensions } from './utils';
 
   interface $$Props extends NodeWrapperProps {}
 
@@ -34,6 +35,10 @@
   export let sourcePosition: NodeWrapperProps['sourcePosition'] = undefined;
   export let targetPosition: NodeWrapperProps['targetPosition'] = undefined;
   export let zIndex: NodeWrapperProps['zIndex'];
+  export let computedWidth: NodeWrapperProps['computedWidth'] = undefined;
+  export let computedHeight: NodeWrapperProps['computedHeight'] = undefined;
+  export let initialWidth: NodeWrapperProps['initialWidth'] = undefined;
+  export let initialHeight: NodeWrapperProps['initialHeight'] = undefined;
   export let width: NodeWrapperProps['width'] = undefined;
   export let height: NodeWrapperProps['height'] = undefined;
   export let dragHandle: NodeWrapperProps['dragHandle'] = undefined;
@@ -77,6 +82,15 @@
   let prevSourcePosition: Position | undefined = undefined;
   let prevTargetPosition: Position | undefined = undefined;
 
+  $: inlineStyleDimensions = getNodeInlineStyleDimensions({
+    width,
+    height,
+    initialWidth,
+    initialHeight,
+    computedWidth,
+    computedHeight
+  });
+
   $: {
     connectableStore.set(!!connectable);
   }
@@ -170,9 +184,7 @@
     style:z-index={zIndex}
     style:transform="translate({positionOriginX}px, {positionOriginY}px)"
     style:visibility={initialized ? 'visible' : 'hidden'}
-    style="{style ?? ''}; {!width ? '' : `width:${width}px;`} {!height
-      ? ''
-      : `height:${height}px;`}"
+    style="{inlineStyleDimensions.width} {inlineStyleDimensions.height} {style ?? ''};"
     on:click={onSelectNodeHandler}
     on:mouseenter={(event) => dispatch('nodemouseenter', { node, event })}
     on:mouseleave={(event) => dispatch('nodemouseleave', { node, event })}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index 39fb0c109..a290ec082 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -16,9 +16,13 @@ export type NodeWrapperProps = Pick<
   | 'targetPosition'
   | 'dragHandle'
   | 'hidden'
+  | 'width'
+  | 'height'
+  | 'initialWidth'
+  | 'initialHeight'
 > & {
-  width?: number;
-  height?: number;
+  computedWidth?: number;
+  computedHeight?: number;
   type: string;
   positionX: number;
   positionY: number;
diff --git a/packages/svelte/src/lib/components/NodeWrapper/utils.ts b/packages/svelte/src/lib/components/NodeWrapper/utils.ts
new file mode 100644
index 000000000..b26095878
--- /dev/null
+++ b/packages/svelte/src/lib/components/NodeWrapper/utils.ts
@@ -0,0 +1,33 @@
+export function getNodeInlineStyleDimensions({
+  width,
+  height,
+  initialWidth,
+  initialHeight,
+  computedWidth,
+  computedHeight
+}: {
+  width?: number;
+  height?: number;
+  initialWidth?: number;
+  initialHeight?: number;
+  computedWidth?: number;
+  computedHeight?: number;
+}): {
+  width: string | undefined;
+  height: string | undefined;
+} {
+  if (computedWidth === undefined && computedHeight === undefined) {
+    const styleWidth = width ?? initialWidth;
+    const styleHeight = height ?? initialHeight;
+
+    return {
+      width: styleWidth ? `width:${styleWidth}px;` : '',
+      height: styleHeight ? `height:${styleHeight}px;` : ''
+    };
+  }
+
+  return {
+    width: width ? `width:${width}px;` : '',
+    height: height ? `height:${height}px;` : ''
+  };
+}
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index df399a7d1..8761942de 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -1,6 +1,11 @@
 <script lang="ts">
   import { onDestroy } from 'svelte';
-  import { internalsSymbol, getPositionWithOrigin } from '@xyflow/system';
+  import {
+    internalsSymbol,
+    getPositionWithOrigin,
+    getNodeDimensions,
+    nodeHasDimensions
+  } from '@xyflow/system';
 
   import { NodeWrapper } from '$lib/components/NodeWrapper';
   import { useStore } from '$lib/store';
@@ -39,11 +44,11 @@
 
 <div class="svelte-flow__nodes">
   {#each $visibleNodes as node (node.id)}
+    {@const nodeDimesions = getNodeDimensions(node)}
     {@const posOrigin = getPositionWithOrigin({
       x: node.computed?.positionAbsolute?.x ?? 0,
       y: node.computed?.positionAbsolute?.y ?? 0,
-      width: node.computed?.width ?? node.width ?? 0,
-      height: node.computed?.height ?? node.height ?? 0,
+      ...nodeDimesions,
       origin: node.origin
     })}
     <NodeWrapper
@@ -74,10 +79,13 @@
       dragging={node.dragging}
       zIndex={node[internalsSymbol]?.z ?? 0}
       dragHandle={node.dragHandle}
-      width={node.width ?? undefined}
-      height={node.height ?? undefined}
-      initialized={(!!node.computed?.width && !!node.computed?.height) ||
-        (!!node.width && !!node.height)}
+      initialized={nodeHasDimensions(node)}
+      width={node.width}
+      height={node.height}
+      initialWidth={node.initialWidth}
+      initialHeight={node.initialHeight}
+      computedWidth={node.computed?.width}
+      computedHeight={node.computed?.height}
       {resizeObserver}
       on:nodeclick
       on:nodemouseenter
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 031235b68..a722ed9c8 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -7,7 +7,13 @@
 
 <script lang="ts">
   import cc from 'classcat';
-  import { getBoundsOfRects, getNodePositionWithOrigin, getNodesBounds } from '@xyflow/system';
+  import {
+    getBoundsOfRects,
+    getNodeDimensions,
+    getNodePositionWithOrigin,
+    getNodesBounds,
+    nodeHasDimensions
+  } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import { Panel } from '$lib/container/Panel';
@@ -116,13 +122,13 @@
       {#if ariaLabel}<title id={labelledBy}>{ariaLabel}</title>{/if}
 
       {#each $nodes as node (node.id)}
-        {#if (node.computed?.width || node?.width) && (node.computed?.height || node.height)}
+        {#if nodeHasDimensions(node)}
           {@const pos = getNodePositionWithOrigin(node).positionAbsolute}
+          {@const nodeDimesions = getNodeDimensions(node)}
           <MinimapNode
             x={pos.x}
             y={pos.y}
-            width={node.computed?.width ?? node.width ?? 0}
-            height={node.computed?.height ?? node.height ?? 0}
+            {...nodeDimesions}
             selected={node.selected}
             color={nodeColorFunc?.(node)}
             borderRadius={nodeBorderRadius}
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index e6243fb9e..4d7a0a9f4 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -1,7 +1,6 @@
 import { getContext, setContext } from 'svelte';
 import { derived, get, writable } from 'svelte/store';
 import {
-  internalsSymbol,
   createMarkerIds,
   fitView as fitViewUtil,
   getElementsToRemove,
@@ -15,7 +14,6 @@ import {
   type XYPosition,
   type CoordinateExtent,
   type UpdateConnection,
-  type NodeDragItem,
   errorMessages
 } from '@xyflow/system';
 
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 9c077ba0e..525ee6b5c 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -91,7 +91,9 @@ export const getInitialStore = ({
   let viewport: Viewport = { x: 0, y: 0, zoom: 1 };
 
   if (fitView && width && height) {
-    const nodesWithDimensions = nextNodes.filter((node) => node.width && node.height);
+    const nodesWithDimensions = nextNodes.filter(
+      (node) => (node.width && node.height) || (node.initialWidth && node.initialHeight)
+    );
     // @todo users nodeOrigin should be used here
     const bounds = getNodesBounds(nodesWithDimensions, { nodeOrigin: [0, 0] });
     viewport = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
@@ -101,7 +103,7 @@ export const getInitialStore = ({
     flowId: writable<string | null>(null),
     nodes: createNodesStore(nextNodes, nodeLookup),
     nodeLookup: readable<NodeLookup<Node>>(nodeLookup),
-    edgeLookup: readable<EdgeLookup>(edgeLookup),
+    edgeLookup: readable<EdgeLookup<Edge>>(edgeLookup),
     visibleNodes: readable<Node[]>([]),
     edges: createEdgesStore(edges, connectionLookup, edgeLookup),
     visibleEdges: readable<EdgeLayouted[]>([]),
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index aadd4a479..4f6c130e5 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -39,8 +39,10 @@ export type NodeBase<
   connectable?: boolean;
   deletable?: boolean;
   dragHandle?: string;
-  width?: number | null;
-  height?: number | null;
+  width?: number;
+  height?: number;
+  initialWidth?: number;
+  initialHeight?: number;
   /** Parent node id, used for creating sub-flows */
   parentNode?: string;
   zIndex?: number;
diff --git a/packages/system/src/utils/edges/positions.ts b/packages/system/src/utils/edges/positions.ts
index 8bb9f5df5..55a157ea7 100644
--- a/packages/system/src/utils/edges/positions.ts
+++ b/packages/system/src/utils/edges/positions.ts
@@ -4,6 +4,7 @@ import { NodeBase, NodeHandle } from '../../types/nodes';
 import { Position } from '../../types/utils';
 import { errorMessages, internalsSymbol } from '../../constants';
 import { HandleElement } from '../../types';
+import { getNodeDimensions } from '../general';
 
 export type GetEdgePositionParams = {
   id: string;
@@ -16,7 +17,10 @@ export type GetEdgePositionParams = {
 };
 
 function isNodeInitialized(node: NodeBase): boolean {
-  return !!(node?.[internalsSymbol]?.handleBounds || node?.handles?.length) && !!(node?.computed?.width || node?.width);
+  return (
+    !!(node?.[internalsSymbol]?.handleBounds || node?.handles?.length) &&
+    !!(node?.computed?.width || node?.width || node?.initialWidth)
+  );
 }
 
 export function getEdgePosition(params: GetEdgePositionParams): EdgePosition | null {
@@ -75,8 +79,8 @@ function toHandleBounds(handles?: NodeHandle[]) {
   const target = [];
 
   for (const handle of handles) {
-    handle.width = handle.width || 1;
-    handle.height = handle.height || 1;
+    handle.width = handle.width ?? 1;
+    handle.height = handle.height ?? 1;
 
     if (handle.type === 'source') {
       source.push(handle as HandleElement);
@@ -94,8 +98,7 @@ function toHandleBounds(handles?: NodeHandle[]) {
 function getHandlePosition(position: Position, node: NodeBase, handle: HandleElement | null = null): number[] {
   const x = (handle?.x ?? 0) + (node.computed?.positionAbsolute?.x ?? 0);
   const y = (handle?.y ?? 0) + (node.computed?.positionAbsolute?.y ?? 0);
-  const width = handle?.width || (node?.computed?.width ?? node?.width ?? 0);
-  const height = handle?.height || (node?.computed?.height ?? node?.height ?? 0);
+  const { width, height } = handle ?? getNodeDimensions(node);
 
   switch (position) {
     case Position.Top:
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index d6f95a1fb..3a07e9272 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -202,3 +202,19 @@ export const isMacOs = () => typeof navigator !== 'undefined' && navigator?.user
 export function isCoordinateExtent(extent?: CoordinateExtent | 'parent'): extent is CoordinateExtent {
   return extent !== undefined && extent !== 'parent';
 }
+
+export function getNodeDimensions<NodeType extends NodeBase = NodeBase>(
+  node: NodeType
+): { width: number; height: number } {
+  return {
+    width: node.computed?.width ?? node.width ?? node.initialWidth ?? 0,
+    height: node.computed?.height ?? node.height ?? node.initialHeight ?? 0,
+  };
+}
+
+export function nodeHasDimensions<NodeType extends NodeBase = NodeBase>(node: NodeType): boolean {
+  return (
+    (node.computed?.width ?? node.width ?? node.initialWidth) !== undefined &&
+    (node.computed?.height ?? node.height ?? node.initialHeight) !== undefined
+  );
+}
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 6407d1a14..9f4342dc2 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -9,6 +9,7 @@ import {
   pointToRendererPoint,
   getViewportForBounds,
   isCoordinateExtent,
+  getNodeDimensions,
 } from './general';
 import {
   type Transform,
@@ -116,8 +117,9 @@ export const getNodePositionWithOrigin = (
     };
   }
 
-  const offsetX = (node.computed?.width ?? node.width ?? 0) * nodeOrigin[0];
-  const offsetY = (node.computed?.height ?? node.height ?? 0) * nodeOrigin[1];
+  const { width, height } = getNodeDimensions(node);
+  const offsetX = width * nodeOrigin[0];
+  const offsetY = height * nodeOrigin[1];
 
   const position: XYPosition = {
     x: node.position.x - offsetX,
@@ -164,8 +166,7 @@ export const getNodesBounds = (
         currBox,
         rectToBox({
           ...nodePos[params.useRelativePosition ? 'position' : 'positionAbsolute'],
-          width: node.computed?.width ?? node.width ?? 0,
-          height: node.computed?.height ?? node.height ?? 0,
+          ...getNodeDimensions(node),
         })
       );
     },
@@ -192,8 +193,8 @@ export const getNodesInside = <NodeType extends NodeBase>(
 
   const visibleNodes = nodes.reduce<NodeType[]>((res, node) => {
     const { computed, selectable = true, hidden = false } = node;
-    const width = computed?.width ?? node.width ?? null;
-    const height = computed?.height ?? node.height ?? null;
+    const width = computed?.width ?? node.width ?? node.initialWidth ?? null;
+    const height = computed?.height ?? node.height ?? node.initialHeight ?? null;
 
     if ((excludeNonSelectableNodes && !selectable) || hidden) {
       return res;

From 83e0a333b04df8f7272f0f0269363b7bf24fe2ce Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 27 Feb 2024 16:54:21 +0100
Subject: [PATCH 0614/1093] fixed handle connections

---
 .../react/src/components/Handle/index.tsx     | 19 +++++++++++++++----
 packages/react/src/store/index.ts             |  6 ++----
 packages/system/src/styles/init.css           |  5 +++++
 packages/system/src/xyhandle/utils.ts         |  4 ++--
 4 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 367780398..25794ee6d 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -16,6 +16,7 @@ import {
   type HandleProps,
   type Connection,
   type HandleType,
+  ConnectionMode,
 } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
@@ -36,14 +37,19 @@ const connectingSelector =
       connectionStartHandle: startHandle,
       connectionEndHandle: endHandle,
       connectionClickStartHandle: clickHandle,
+      connectionMode,
     } = state;
-
     return {
       connecting:
         (startHandle?.nodeId === nodeId && startHandle?.handleId === handleId && startHandle?.type === type) ||
         (endHandle?.nodeId === nodeId && endHandle?.handleId === handleId && endHandle?.type === type),
       clickConnecting:
         clickHandle?.nodeId === nodeId && clickHandle?.handleId === handleId && clickHandle?.type === type,
+      isPossibleEndHandle:
+        connectionMode === ConnectionMode.Strict
+          ? startHandle?.type !== type
+          : nodeId !== startHandle?.nodeId || handleId !== startHandle?.handleId,
+      connectionInProcess: !!startHandle,
     };
   };
 
@@ -71,7 +77,10 @@ const HandleComponent = forwardRef<HTMLDivElement, HandleComponentProps>(
     const store = useStoreApi();
     const nodeId = useNodeId();
     const { connectOnClick, noPanClassName, rfId } = useStore(selector, shallow);
-    const { connecting, clickConnecting } = useStore(connectingSelector(nodeId, handleId, type), shallow);
+    const { connecting, clickConnecting, isPossibleEndHandle, connectionInProcess } = useStore(
+      connectingSelector(nodeId, handleId, type),
+      shallow
+    );
 
     if (!nodeId) {
       store.getState().onError?.('010', errorMessages['error010']());
@@ -201,10 +210,12 @@ const HandleComponent = forwardRef<HTMLDivElement, HandleComponentProps>(
             connectable: isConnectable,
             connectablestart: isConnectableStart,
             connectableend: isConnectableEnd,
-            connecting: clickConnecting,
+            connecting: connecting || clickConnecting,
             // this class is used to style the handle when the user is connecting
             connectionindicator:
-              isConnectable && ((isConnectableStart && !connecting) || (isConnectableEnd && connecting)),
+              isConnectable &&
+              (!connectionInProcess || isPossibleEndHandle) &&
+              (connectionInProcess ? isConnectableEnd : isConnectableStart),
           },
         ])}
         onMouseDown={onPointerDown}
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 71a51a1ea..cae141735 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -291,13 +291,11 @@ const createRFStore = ({
           connectionEndHandle: null,
         }),
       updateConnection: (params) => {
-        const { connectionStatus, connectionStartHandle, connectionEndHandle, connectionPosition } = get();
+        const { connectionPosition } = get();
 
         const currentConnection = {
+          ...params,
           connectionPosition: params.connectionPosition ?? connectionPosition,
-          connectionStatus: params.connectionStatus ?? connectionStatus,
-          connectionStartHandle: params.connectionStartHandle ?? connectionStartHandle,
-          connectionEndHandle: params.connectionEndHandle ?? connectionEndHandle,
         };
 
         set(currentConnection);
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 46628842e..d74519a6b 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -223,9 +223,14 @@ svg.xy-flow__connectionline {
   min-width: 5px;
   min-height: 5px;
 
+  &.connecting {
+    pointer-events: all;
+  }
+
   &.connectionindicator {
     pointer-events: all;
     cursor: crosshair;
+    background: green;
   }
 
   &-bottom {
diff --git a/packages/system/src/xyhandle/utils.ts b/packages/system/src/xyhandle/utils.ts
index b829f6911..c10356b1f 100644
--- a/packages/system/src/xyhandle/utils.ts
+++ b/packages/system/src/xyhandle/utils.ts
@@ -38,7 +38,7 @@ export function getClosestHandle(
   let closestHandles: ConnectionHandle[] = [];
   let minDistance = Infinity;
 
-  handles.forEach((handle) => {
+  for (const handle of handles) {
     const distance = Math.sqrt(Math.pow(handle.x - pos.x, 2) + Math.pow(handle.y - pos.y, 2));
     if (distance <= connectionRadius) {
       if (distance < minDistance) {
@@ -49,7 +49,7 @@ export function getClosestHandle(
       }
       minDistance = distance;
     }
-  });
+  }
 
   if (!closestHandles.length) {
     return null;

From d9e7f1f7281e04fbf7721b05fcda9b98220cf608 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 27 Feb 2024 17:13:25 +0100
Subject: [PATCH 0615/1093] remove debug color

---
 packages/system/src/styles/init.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index d74519a6b..04ee6c98e 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -230,7 +230,6 @@ svg.xy-flow__connectionline {
   &.connectionindicator {
     pointer-events: all;
     cursor: crosshair;
-    background: green;
   }
 
   &-bottom {

From dcddc7053539aac930c5ea077e8f388f9dcd2f34 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 27 Feb 2024 17:16:31 +0100
Subject: [PATCH 0616/1093] fixed smoothstep edge if center = 0

---
 packages/system/src/utils/edges/smoothstep-edge.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/system/src/utils/edges/smoothstep-edge.ts b/packages/system/src/utils/edges/smoothstep-edge.ts
index 409544574..5e57efcd5 100644
--- a/packages/system/src/utils/edges/smoothstep-edge.ts
+++ b/packages/system/src/utils/edges/smoothstep-edge.ts
@@ -81,8 +81,8 @@ function getPoints({
 
   // opposite handle positions, default case
   if (sourceDir[dirAccessor] * targetDir[dirAccessor] === -1) {
-    centerX = center.x || defaultCenterX;
-    centerY = center.y || defaultCenterY;
+    centerX = center.x ?? defaultCenterX;
+    centerY = center.y ?? defaultCenterY;
     //    --->
     //    |
     // >---

From aead13f4854d901aab5fd560902345915ac8a4d3 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 28 Feb 2024 10:25:20 +0100
Subject: [PATCH 0617/1093] chore(react): add addNodeOnEdgeDrop example

---
 examples/react/src/App/routes.ts              |  6 ++
 .../src/examples/AddNodeOnEdgeDrop/index.tsx  | 99 +++++++++++++++++++
 2 files changed, 105 insertions(+)
 create mode 100644 examples/react/src/examples/AddNodeOnEdgeDrop/index.tsx

diff --git a/examples/react/src/App/routes.ts b/examples/react/src/App/routes.ts
index 444586cac..7cd3eb13d 100644
--- a/examples/react/src/App/routes.ts
+++ b/examples/react/src/App/routes.ts
@@ -49,6 +49,7 @@ import UseConnection from '../examples/UseConnection';
 import UseNodesInitialized from '../examples/UseNodesInit';
 import UseNodesData from '../examples/UseNodesData';
 import UseHandleConnections from '../examples/UseHandleConnections';
+import AddNodeOnEdgeDrop from '../examples/AddNodeOnEdgeDrop';
 
 export interface IRoute {
   name: string;
@@ -57,6 +58,11 @@ export interface IRoute {
 }
 
 const routes: IRoute[] = [
+  {
+    name: 'Add Node on edge Drop',
+    path: 'add-node-edge-drop',
+    component: AddNodeOnEdgeDrop,
+  },
   {
     name: 'Basic',
     path: 'basic',
diff --git a/examples/react/src/examples/AddNodeOnEdgeDrop/index.tsx b/examples/react/src/examples/AddNodeOnEdgeDrop/index.tsx
new file mode 100644
index 000000000..e12041692
--- /dev/null
+++ b/examples/react/src/examples/AddNodeOnEdgeDrop/index.tsx
@@ -0,0 +1,99 @@
+import { useCallback, useRef } from 'react';
+import {
+  ReactFlow,
+  useNodesState,
+  useEdgesState,
+  addEdge,
+  useReactFlow,
+  ReactFlowProvider,
+  OnConnect,
+  OnConnectStart,
+  OnConnectEnd,
+  Node,
+  Edge,
+} from '@xyflow/react';
+import '@xyflow/react/dist/style.css';
+
+const initialNodes: Node[] = [
+  {
+    id: '0',
+    type: 'input',
+    data: { label: 'Node' },
+    position: { x: 0, y: 50 },
+  },
+];
+
+const initialEdges: Edge[] = [];
+
+let id = 1;
+const getId = () => `${id++}`;
+
+const AddNodeOnEdgeDrop = () => {
+  const reactFlowWrapper = useRef(null);
+  const connectingNodeId = useRef<string | null>(null);
+  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
+  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
+  const { screenToFlowPosition } = useReactFlow();
+  const onConnect: OnConnect = useCallback((params) => {
+    // reset the start node on connections
+    connectingNodeId.current = null;
+    setEdges((eds) => addEdge(params, eds));
+  }, []);
+
+  const onConnectStart: OnConnectStart = useCallback((_, { nodeId }) => {
+    connectingNodeId.current = nodeId;
+  }, []);
+
+  const onConnectEnd: OnConnectEnd = useCallback(
+    (event) => {
+      if (!connectingNodeId.current) return;
+
+      const targetIsPane = (event.target as HTMLDivElement)?.classList.contains('react-flow__pane');
+
+      if (targetIsPane && 'clientX' in event && 'clientY' in event) {
+        // we need to remove the wrapper bounds, in order to get the correct position
+        const id = getId();
+        const newNode: Node = {
+          id,
+          position: screenToFlowPosition({
+            x: event.clientX,
+            y: event.clientY,
+          }),
+          data: { label: `Node ${id}` },
+          origin: [0.5, 0.0],
+        };
+
+        const newEdge: Edge = {
+          id,
+          source: connectingNodeId.current,
+          target: id,
+        };
+
+        setNodes((nds) => nds.concat(newNode));
+        setEdges((eds) => eds.concat(newEdge));
+      }
+    },
+    [screenToFlowPosition]
+  );
+
+  return (
+    <div className="wrapper" ref={reactFlowWrapper} style={{ height: '100%' }}>
+      <ReactFlow
+        nodes={nodes}
+        edges={edges}
+        onNodesChange={onNodesChange}
+        onEdgesChange={onEdgesChange}
+        onConnect={onConnect}
+        onConnectStart={onConnectStart}
+        onConnectEnd={onConnectEnd}
+        fitView
+      />
+    </div>
+  );
+};
+
+export default () => (
+  <ReactFlowProvider>
+    <AddNodeOnEdgeDrop />
+  </ReactFlowProvider>
+);

From 019909da5d4a7166cf14b7a9b1059a745345f508 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 28 Feb 2024 12:23:00 +0100
Subject: [PATCH 0618/1093] added connectionfrom connectionto and
 clickconnecting css

---
 .../react/src/examples/TouchDevice/index.tsx  |  3 +--
 .../src/examples/TouchDevice/touch-device.css | 27 +++++++++++++++++++
 .../TouchDevice/touch-device.module.css       | 19 -------------
 .../react/src/components/Handle/index.tsx     | 17 +++++++-----
 packages/system/src/styles/init.css           | 12 ++++++++-
 5 files changed, 50 insertions(+), 28 deletions(-)
 create mode 100644 examples/react/src/examples/TouchDevice/touch-device.css
 delete mode 100644 examples/react/src/examples/TouchDevice/touch-device.module.css

diff --git a/examples/react/src/examples/TouchDevice/index.tsx b/examples/react/src/examples/TouchDevice/index.tsx
index 636a36a46..2073d13a2 100644
--- a/examples/react/src/examples/TouchDevice/index.tsx
+++ b/examples/react/src/examples/TouchDevice/index.tsx
@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
 import { ReactFlow, Node, Edge, useNodesState, useEdgesState, Position, Connection, addEdge } from '@xyflow/react';
 
-import styles from './touch-device.module.css';
+import './touch-device.css';
 
 const initialNodes: Node[] = [
   {
@@ -42,7 +42,6 @@ const TouchDeviceFlow = () => {
       onConnectEnd={onConnectEnd}
       onClickConnectStart={onClickConnectStart}
       onClickConnectEnd={onClickConnectEnd}
-      className={styles.flow}
     />
   );
 };
diff --git a/examples/react/src/examples/TouchDevice/touch-device.css b/examples/react/src/examples/TouchDevice/touch-device.css
new file mode 100644
index 000000000..3ec36be2d
--- /dev/null
+++ b/examples/react/src/examples/TouchDevice/touch-device.css
@@ -0,0 +1,27 @@
+.react-flow .react-flow__handle {
+  width: 20px;
+  height: 20px;
+  border-radius: 3px;
+  background-color: #9f7aea;
+}
+
+.react-flow__handle-right {
+  --translate: translate(50%, -50%);
+}
+
+.react-flow__handle-left {
+  --translate: translate(-50%, -50%);
+}
+
+@keyframes bounce {
+  0% {
+    transform: var(--translate) scale(1);
+  }
+  50% {
+    transform: var(--translate) scale(1.1);
+  }
+}
+
+.react-flow .react-flow__handle.clickconnecting {
+  animation: bounce 1600ms infinite ease-in;
+}
diff --git a/examples/react/src/examples/TouchDevice/touch-device.module.css b/examples/react/src/examples/TouchDevice/touch-device.module.css
deleted file mode 100644
index b5f65209c..000000000
--- a/examples/react/src/examples/TouchDevice/touch-device.module.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.flow :global .react-flow__handle {
-  width: 20px;
-  height: 20px;
-  border-radius: 3px;
-  background-color: #9f7aea;
-}
-
-.flow :global .react-flow__handle.connecting {
-  animation: bounce 1600ms infinite ease-out;
-}
-
-@keyframes bounce {
-  0% {
-    transform: translate(0, -50%) scale(1);
-  }
-  50% {
-    transform: translate(0, -50%) scale(1.1);
-  }
-}
diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 25794ee6d..6ab33c3b4 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -39,10 +39,12 @@ const connectingSelector =
       connectionClickStartHandle: clickHandle,
       connectionMode,
     } = state;
+    const connectingFrom =
+      startHandle?.nodeId === nodeId && startHandle?.handleId === handleId && startHandle?.type === type;
+    const connectingTo = endHandle?.nodeId === nodeId && endHandle?.handleId === handleId && endHandle?.type === type;
     return {
-      connecting:
-        (startHandle?.nodeId === nodeId && startHandle?.handleId === handleId && startHandle?.type === type) ||
-        (endHandle?.nodeId === nodeId && endHandle?.handleId === handleId && endHandle?.type === type),
+      connectingFrom,
+      connectingTo,
       clickConnecting:
         clickHandle?.nodeId === nodeId && clickHandle?.handleId === handleId && clickHandle?.type === type,
       isPossibleEndHandle:
@@ -77,7 +79,7 @@ const HandleComponent = forwardRef<HTMLDivElement, HandleComponentProps>(
     const store = useStoreApi();
     const nodeId = useNodeId();
     const { connectOnClick, noPanClassName, rfId } = useStore(selector, shallow);
-    const { connecting, clickConnecting, isPossibleEndHandle, connectionInProcess } = useStore(
+    const { connectingFrom, connectingTo, clickConnecting, isPossibleEndHandle, connectionInProcess } = useStore(
       connectingSelector(nodeId, handleId, type),
       shallow
     );
@@ -210,8 +212,11 @@ const HandleComponent = forwardRef<HTMLDivElement, HandleComponentProps>(
             connectable: isConnectable,
             connectablestart: isConnectableStart,
             connectableend: isConnectableEnd,
-            connecting: connecting || clickConnecting,
-            // this class is used to style the handle when the user is connecting
+            clickconnecting: clickConnecting,
+            connectingfrom: connectingFrom,
+            connectingto: connectingTo,
+            // shows where you can start a connection from
+            // and where you can end it while connecting
             connectionindicator:
               isConnectable &&
               (!connectionInProcess || isPossibleEndHandle) &&
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 04ee6c98e..e4d482216 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -223,13 +223,23 @@ svg.xy-flow__connectionline {
   min-width: 5px;
   min-height: 5px;
 
-  &.connecting {
+  &.connectingfrom {
     pointer-events: all;
+    background: violet !important;
+  }
+
+  &.clickconnecting {
+    background: greenyellow !important;
+  }
+
+  &.connectingto {
+    background: red !important;
   }
 
   &.connectionindicator {
     pointer-events: all;
     cursor: crosshair;
+    background: green;
   }
 
   &-bottom {

From 5bab60724fbbf45dd6a72cca463abad0925239e7 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 28 Feb 2024 12:38:43 +0100
Subject: [PATCH 0619/1093] simplified

---
 packages/react/src/components/Handle/index.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 6ab33c3b4..378edb305 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -39,12 +39,10 @@ const connectingSelector =
       connectionClickStartHandle: clickHandle,
       connectionMode,
     } = state;
-    const connectingFrom =
-      startHandle?.nodeId === nodeId && startHandle?.handleId === handleId && startHandle?.type === type;
-    const connectingTo = endHandle?.nodeId === nodeId && endHandle?.handleId === handleId && endHandle?.type === type;
     return {
-      connectingFrom,
-      connectingTo,
+      connectingFrom:
+        startHandle?.nodeId === nodeId && startHandle?.handleId === handleId && startHandle?.type === type,
+      connectingTo: endHandle?.nodeId === nodeId && endHandle?.handleId === handleId && endHandle?.type === type,
       clickConnecting:
         clickHandle?.nodeId === nodeId && clickHandle?.handleId === handleId && clickHandle?.type === type,
       isPossibleEndHandle:

From 417a3f528df5b60ccd1e2cdd100d3f6f7ed7344c Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 28 Feb 2024 12:51:43 +0100
Subject: [PATCH 0620/1093] removed debug colors

---
 packages/system/src/styles/init.css | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index e4d482216..72f0b2e88 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -225,21 +225,11 @@ svg.xy-flow__connectionline {
 
   &.connectingfrom {
     pointer-events: all;
-    background: violet !important;
-  }
-
-  &.clickconnecting {
-    background: greenyellow !important;
-  }
-
-  &.connectingto {
-    background: red !important;
   }
 
   &.connectionindicator {
     pointer-events: all;
     cursor: crosshair;
-    background: green;
   }
 
   &-bottom {

From 06f1fc4f73b1216a53a383620d1f27cd4d8de57a Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 28 Feb 2024 15:55:55 +0100
Subject: [PATCH 0621/1093] fixed NodeResizer for various NodeOrigins

---
 .../NodeResizer/NodeResizeControl.tsx         |  3 +-
 packages/system/src/xyresizer/XYResizer.ts    | 69 ++++++++++---------
 packages/system/src/xyresizer/utils.ts        | 40 +++++++----
 3 files changed, 66 insertions(+), 46 deletions(-)

diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index c03c023eb..1a1107b1b 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -50,12 +50,13 @@ function ResizeControl({
         domNode: resizeControlRef.current,
         nodeId: id,
         getStoreItems: () => {
-          const { nodeLookup, transform, snapGrid, snapToGrid } = store.getState();
+          const { nodeLookup, transform, snapGrid, snapToGrid, nodeOrigin } = store.getState();
           return {
             nodeLookup,
             transform,
             snapGrid,
             snapToGrid,
+            nodeOrigin,
           };
         },
         onChange: (change: XYResizerChange, childChanges: XYResizerChildChange[]) => {
diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index c02ca47cc..641ef3bad 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -3,7 +3,7 @@ import { select } from 'd3-selection';
 
 import { getControlDirection, getDimensionsAfterResize, getResizeDirection } from './utils';
 import { getPointerPosition } from '../utils';
-import type { CoordinateExtent, NodeBase, NodeLookup, Transform, XYPosition } from '../types';
+import type { CoordinateExtent, NodeBase, NodeLookup, NodeOrigin, Transform, XYPosition } from '../types';
 import type { OnResize, OnResizeEnd, OnResizeStart, ResizeDragEvent, ShouldResize, ControlPosition } from './types';
 
 const initPrevValues = { width: 0, height: 0, x: 0, y: 0 };
@@ -42,6 +42,7 @@ type XYResizerParams = {
     transform: Transform;
     snapGrid?: [number, number];
     snapToGrid: boolean;
+    nodeOrigin: NodeOrigin;
   };
   onChange: (changes: XYResizerChange, childChanges: XYResizerChildChange[]) => void;
   onEnd?: () => void;
@@ -74,13 +75,17 @@ function nodeToParentExtent(node: NodeBase): CoordinateExtent {
   ];
 }
 
-function nodeToChildExtent(child: NodeBase, parent: NodeBase): CoordinateExtent {
+function nodeToChildExtent(child: NodeBase, parent: NodeBase, nodeOrigin: NodeOrigin): CoordinateExtent {
+  const x = parent.position.x + child.position.x;
+  const y = parent.position.y + child.position.y;
+  const width = child.computed!.width! ?? 0;
+  const height = child.computed!.height! ?? 0;
+  const originOffsetX = nodeOrigin[0] * width;
+  const originOffsetY = nodeOrigin[1] * height;
+
   return [
-    [parent.position.x + child.position.x, parent.position.y + child.position.y],
-    [
-      parent.position.x + child.position.x + child.computed!.width!,
-      parent.position.y + child.position.y + child.computed!.height!,
-    ],
+    [x - originOffsetX, y - originOffsetY],
+    [x + width - originOffsetX, y + height - originOffsetY],
   ];
 }
 
@@ -109,7 +114,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
 
     const dragHandler = drag<HTMLDivElement, unknown>()
       .on('start', (event: ResizeDragEvent) => {
-        const { nodeLookup, transform, snapGrid, snapToGrid } = getStoreItems();
+        const { nodeLookup, transform, snapGrid, snapToGrid, nodeOrigin } = getStoreItems();
         node = nodeLookup.get(nodeId);
 
         if (node) {
@@ -151,7 +156,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
               });
 
               if (child.extent === 'parent' || child.expandParent) {
-                const extent = nodeToChildExtent(child, node!);
+                const extent = nodeToChildExtent(child, node!, nodeOrigin);
 
                 if (childExtent) {
                   childExtent = [
@@ -169,7 +174,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
         }
       })
       .on('drag', (event: ResizeDragEvent) => {
-        const { transform, snapGrid, snapToGrid } = getStoreItems();
+        const { transform, snapGrid, snapToGrid, nodeOrigin } = getStoreItems();
         const pointerPosition = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
         const childChanges: XYResizerChildChange[] = [];
 
@@ -184,6 +189,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
             pointerPosition,
             boundaries,
             keepAspectRatio,
+            nodeOrigin,
             parentExtent,
             childExtent
           );
@@ -191,40 +197,39 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
           const isWidthChange = width !== prevWidth;
           const isHeightChange = height !== prevHeight;
 
-          if (controlDirection.affectsX || controlDirection.affectsY) {
-            const isXPosChange = x !== prevX && isWidthChange;
-            const isYPosChange = y !== prevY && isHeightChange;
+          const isXPosChange = x !== prevX && isWidthChange;
+          const isYPosChange = y !== prevY && isHeightChange;
 
-            if (isXPosChange || isYPosChange) {
-              change.isXPosChange = isXPosChange;
-              change.isYPosChange = isYPosChange;
-              change.x = isXPosChange ? x : prevX;
-              change.y = isYPosChange ? y : prevY;
+          if (isXPosChange || isYPosChange || nodeOrigin[0] === 1 || nodeOrigin[1] == 1) {
+            change.isXPosChange = isXPosChange;
+            change.isYPosChange = isYPosChange;
+            change.x = isXPosChange ? x : prevX;
+            change.y = isYPosChange ? y : prevY;
 
-              prevValues.x = change.x;
-              prevValues.y = change.y;
+            prevValues.x = change.x;
+            prevValues.y = change.y;
 
-              // Fix expandParent when resizing from top/left
-              if (parentNode && node.expandParent) {
-                if (change.x < 0) {
-                  prevValues.x = 0;
-                  startValues.x = startValues.x - change.x;
-                }
+            // Fix expandParent when resizing from top/left
+            if (parentNode && node.expandParent) {
+              if (change.x < 0) {
+                prevValues.x = 0;
+                startValues.x = startValues.x - change.x;
+              }
 
-                if (change.y < 0) {
-                  prevValues.y = 0;
-                  startValues.y = startValues.y - change.y;
-                }
+              if (change.y < 0) {
+                prevValues.y = 0;
+                startValues.y = startValues.y - change.y;
               }
             }
 
             if (childNodes.length > 0) {
               const xChange = x - prevX;
               const yChange = y - prevY;
+
               for (const childNode of childNodes) {
                 childNode.position = {
-                  x: childNode.position.x - xChange,
-                  y: childNode.position.y - yChange,
+                  x: childNode.position.x - xChange + nodeOrigin[0] * (width - prevWidth),
+                  y: childNode.position.y - yChange + nodeOrigin[1] * (height - prevHeight),
                 };
                 childChanges.push(childNode);
               }
diff --git a/packages/system/src/xyresizer/utils.ts b/packages/system/src/xyresizer/utils.ts
index a651df3fe..3e4cb83c1 100644
--- a/packages/system/src/xyresizer/utils.ts
+++ b/packages/system/src/xyresizer/utils.ts
@@ -1,4 +1,4 @@
-import { CoordinateExtent } from '../types';
+import { CoordinateExtent, NodeOrigin } from '../types';
 import { getPointerPosition } from '../utils';
 import { ControlPosition } from './types';
 
@@ -115,6 +115,7 @@ export function getDimensionsAfterResize(
   pointerPosition: ReturnType<typeof getPointerPosition>,
   boundaries: { minWidth: number; maxWidth: number; minHeight: number; maxHeight: number },
   keepAspectRatio: boolean,
+  nodeOrigin: NodeOrigin,
   extent?: CoordinateExtent,
   childExtent?: CoordinateExtent
 ) {
@@ -132,6 +133,9 @@ export function getDimensionsAfterResize(
   const newWidth = startWidth + (affectsX ? -distX : distX);
   const newHeight = startHeight + (affectsY ? -distY : distY);
 
+  const originOffsetX = -nodeOrigin[0] * startWidth;
+  const originOffsetY = -nodeOrigin[1] * startHeight;
+
   // Check if maxWidth, minWWidth, maxHeight, minHeight are restricting the resize
   let clampX = getSizeClamp(newWidth, minWidth, maxWidth);
   let clampY = getSizeClamp(newHeight, minHeight, maxHeight);
@@ -141,15 +145,15 @@ export function getDimensionsAfterResize(
     let xExtentClamp = 0;
     let yExtentClamp = 0;
     if (affectsX && distX < 0) {
-      xExtentClamp = getLowerExtentClamp(startX + distX, extent[0][0]);
+      xExtentClamp = getLowerExtentClamp(startX + distX + originOffsetX, extent[0][0]);
     } else if (!affectsX && distX > 0) {
-      xExtentClamp = getUpperExtentClamp(startX + newWidth, extent[1][0]);
+      xExtentClamp = getUpperExtentClamp(startX + newWidth + originOffsetX, extent[1][0]);
     }
 
     if (affectsY && distY < 0) {
-      yExtentClamp = getLowerExtentClamp(startY + distY, extent[0][1]);
+      yExtentClamp = getLowerExtentClamp(startY + distY + originOffsetY, extent[0][1]);
     } else if (!affectsY && distY > 0) {
-      yExtentClamp = getUpperExtentClamp(startY + newHeight, extent[1][1]);
+      yExtentClamp = getUpperExtentClamp(startY + newHeight + originOffsetY, extent[1][1]);
     }
 
     clampX = Math.max(clampX, xExtentClamp);
@@ -187,10 +191,12 @@ export function getDimensionsAfterResize(
       if (extent) {
         let aspectExtentClamp = 0;
         if ((!affectsX && !affectsY) || (affectsX && !affectsY && isDiagonal)) {
-          aspectExtentClamp = getUpperExtentClamp(startY + newWidth / aspectRatio, extent[1][1]) * aspectRatio;
+          aspectExtentClamp =
+            getUpperExtentClamp(startY + originOffsetY + newWidth / aspectRatio, extent[1][1]) * aspectRatio;
         } else {
           aspectExtentClamp =
-            getLowerExtentClamp(startY + (affectsX ? distX : -distX) / aspectRatio, extent[0][1]) * aspectRatio;
+            getLowerExtentClamp(startY + originOffsetY + (affectsX ? distX : -distX) / aspectRatio, extent[0][1]) *
+            aspectRatio;
         }
         clampX = Math.max(clampX, aspectExtentClamp);
       }
@@ -216,10 +222,12 @@ export function getDimensionsAfterResize(
       if (extent) {
         let aspectExtentClamp = 0;
         if ((!affectsX && !affectsY) || (affectsY && !affectsX && isDiagonal)) {
-          aspectExtentClamp = getUpperExtentClamp(startX + newHeight * aspectRatio, extent[1][0]) / aspectRatio;
+          aspectExtentClamp =
+            getUpperExtentClamp(startX + newHeight * aspectRatio + originOffsetX, extent[1][0]) / aspectRatio;
         } else {
           aspectExtentClamp =
-            getLowerExtentClamp(startX + (affectsY ? distY : -distY) * aspectRatio, extent[0][0]) / aspectRatio;
+            getLowerExtentClamp(startX + (affectsY ? distY : -distY) * aspectRatio + originOffsetX, extent[0][0]) /
+            aspectRatio;
         }
         clampY = Math.max(clampY, aspectExtentClamp);
       }
@@ -258,10 +266,16 @@ export function getDimensionsAfterResize(
     }
   }
 
+  const width = startWidth + (affectsX ? -distX : distX);
+  const height = startHeight + (affectsY ? -distY : distY);
+
+  const x = affectsX ? startX + distX : startX;
+  const y = affectsY ? startY + distY : startY;
+
   return {
-    width: startWidth + (affectsX ? -distX : distX),
-    height: startHeight + (affectsY ? -distY : distY),
-    x: affectsX ? startX + distX : startX,
-    y: affectsY ? startY + distY : startY,
+    width: width,
+    height: height,
+    x: nodeOrigin[0] * distX * (!affectsX ? 1 : -1) + x,
+    y: nodeOrigin[1] * distY * (!affectsY ? 1 : -1) + y,
   };
 }

From 87ea4f877a30be0eb5df85652d4354d8844f8880 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 28 Feb 2024 16:04:46 +0100
Subject: [PATCH 0622/1093] support node specific origin as well

---
 packages/system/src/xyresizer/XYResizer.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index 641ef3bad..1953b327d 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -156,7 +156,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
               });
 
               if (child.extent === 'parent' || child.expandParent) {
-                const extent = nodeToChildExtent(child, node!, nodeOrigin);
+                const extent = nodeToChildExtent(child, node!, child.origin ?? nodeOrigin);
 
                 if (childExtent) {
                   childExtent = [
@@ -174,14 +174,14 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
         }
       })
       .on('drag', (event: ResizeDragEvent) => {
-        const { transform, snapGrid, snapToGrid, nodeOrigin } = getStoreItems();
+        const { transform, snapGrid, snapToGrid, nodeOrigin: storeNodeOrigin } = getStoreItems();
         const pointerPosition = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
         const childChanges: XYResizerChildChange[] = [];
 
         if (node) {
-          const change = { ...initChange };
-
           const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues;
+          const change = { ...initChange };
+          const nodeOrigin = node.origin ?? storeNodeOrigin;
 
           const { width, height, x, y } = getDimensionsAfterResize(
             startValues,

From 84611e2f723b38147e9b9897c2d1479896c08e2e Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 28 Feb 2024 16:50:30 +0100
Subject: [PATCH 0623/1093] fixed node resizer &  inlineWidth and inlineHeight

---
 .../src/lib/components/NodeWrapper/NodeWrapper.svelte |  2 +-
 .../src/lib/plugins/NodeResizer/ResizeControl.svelte  |  5 +++--
 packages/system/src/xyresizer/utils.ts                | 11 +++++------
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 91027f537..07d13059e 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -184,7 +184,7 @@
     style:z-index={zIndex}
     style:transform="translate({positionOriginX}px, {positionOriginY}px)"
     style:visibility={initialized ? 'visible' : 'hidden'}
-    style="{inlineStyleDimensions.width} {inlineStyleDimensions.height} {style ?? ''};"
+    style="{style ?? ''};{inlineStyleDimensions.width}{inlineStyleDimensions.height}"
     on:click={onSelectNodeHandler}
     on:mouseenter={(event) => dispatch('nodemouseenter', { node, event })}
     on:mouseleave={(event) => dispatch('nodemouseleave', { node, event })}
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
index 56caa8b58..d3d1d793b 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
+++ b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
@@ -35,7 +35,7 @@
   let className: $$Props['class'] = '';
   export { className as class };
 
-  const { nodeLookup, snapGrid, viewport, nodes } = useStore();
+  const { nodeLookup, snapGrid, viewport, nodes, nodeOrigin } = useStore();
 
   const contextNodeId = getContext<string>('svelteflow__node_id');
   $: id = typeof nodeId === 'string' ? nodeId : contextNodeId;
@@ -64,7 +64,8 @@
             nodeLookup: $nodeLookup,
             transform: [$viewport.x, $viewport.y, $viewport.zoom],
             snapGrid: $snapGrid ?? undefined,
-            snapToGrid: !!$snapGrid
+            snapToGrid: !!$snapGrid,
+            nodeOrigin: $nodeOrigin
           };
         },
         onChange: (change: XYResizerChange, childChanges: XYResizerChildChange[]) => {
diff --git a/packages/system/src/xyresizer/utils.ts b/packages/system/src/xyresizer/utils.ts
index 3e4cb83c1..b87538627 100644
--- a/packages/system/src/xyresizer/utils.ts
+++ b/packages/system/src/xyresizer/utils.ts
@@ -94,7 +94,7 @@ function xor(a: boolean, b: boolean) {
 
 /**
  * Calculates new width & height and x & y of node after resize based on pointer position
- * @description - Buckle up, this is a chunky one! If you want to determine the new dimensions of a node after a resize,
+ * @description - Buckle up, this is a chunky one... If you want to determine the new dimensions of a node after a resize,
  * you have to account for all possible restrictions: min/max width/height of the node, the maximum extent the node is allowed
  * to move in (in this case: resize into) determined by the parent node, the minimal extent determined by child nodes
  * with expandParent or extent: 'parent' set and oh yeah, these things also have to work with keepAspectRatio!
@@ -102,6 +102,8 @@ function xor(a: boolean, b: boolean) {
  * strongest restriction. Because the resize affects x, y and width, height and width, height of a opposing side with keepAspectRatio,
  * the resize amount is always kept in distX & distY amount (the distance in mouse movement)
  * Instead of clamping each value, we first calculate the biggest 'clamp' (for the lack of a better name) and then apply it to all values.
+ * To complicate things nodeOrigin has to be taken into account as well. This is done by offsetting the nodes depending on their origin,
+ * calculating the restrictions, normally and then
  * @param startValues - starting values of resize
  * @param controlDirection - dimensions affected by the resize
  * @param pointerPosition - the current pointer position corrected for snapping
@@ -266,15 +268,12 @@ export function getDimensionsAfterResize(
     }
   }
 
-  const width = startWidth + (affectsX ? -distX : distX);
-  const height = startHeight + (affectsY ? -distY : distY);
-
   const x = affectsX ? startX + distX : startX;
   const y = affectsY ? startY + distY : startY;
 
   return {
-    width: width,
-    height: height,
+    width: startWidth + (affectsX ? -distX : distX),
+    height: startHeight + (affectsY ? -distY : distY),
     x: nodeOrigin[0] * distX * (!affectsX ? 1 : -1) + x,
     y: nodeOrigin[1] * distY * (!affectsY ? 1 : -1) + y,
   };

From d43fbfdd5abaf13da96c62c9543ad94f55a2a8da Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 28 Feb 2024 16:51:14 +0100
Subject: [PATCH 0624/1093] added better example for svelte

---
 examples/svelte/src/routes/examples/node-resizer/+page.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/examples/svelte/src/routes/examples/node-resizer/+page.svelte b/examples/svelte/src/routes/examples/node-resizer/+page.svelte
index 397781566..b7479b039 100644
--- a/examples/svelte/src/routes/examples/node-resizer/+page.svelte
+++ b/examples/svelte/src/routes/examples/node-resizer/+page.svelte
@@ -111,9 +111,10 @@
 		{
 			id: '5a',
 			type: 'defaultResizer',
-			data: { label: 'Child' },
+			data: { label: 'Child with extent parent' },
 			position: { x: 50, y: 50 },
 			parentNode: '5',
+			extent: 'parent',
 			style: nodeStyle
 		},
 		{
@@ -137,6 +138,7 @@
 	maxZoom={5}
 	snapGrid={snapToGrid ? [10, 10] : undefined}
 	fitView
+	nodeOrigin={[0.5, 0.5]}
 >
 	<Controls />
 	<Panel position="bottom-right">

From 5f06ef6f59a0a601cb43bc6d5ff275888237b1cd Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 28 Feb 2024 17:00:25 +0100
Subject: [PATCH 0625/1093] fixed comment

---
 packages/system/src/xyresizer/utils.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/system/src/xyresizer/utils.ts b/packages/system/src/xyresizer/utils.ts
index b87538627..5c7f85321 100644
--- a/packages/system/src/xyresizer/utils.ts
+++ b/packages/system/src/xyresizer/utils.ts
@@ -102,8 +102,8 @@ function xor(a: boolean, b: boolean) {
  * strongest restriction. Because the resize affects x, y and width, height and width, height of a opposing side with keepAspectRatio,
  * the resize amount is always kept in distX & distY amount (the distance in mouse movement)
  * Instead of clamping each value, we first calculate the biggest 'clamp' (for the lack of a better name) and then apply it to all values.
- * To complicate things nodeOrigin has to be taken into account as well. This is done by offsetting the nodes depending on their origin,
- * calculating the restrictions, normally and then
+ * To complicate things nodeOrigin has to be taken into account as well. This is done by offsetting the nodes as if their origin is [0, 0],
+ * then calculating the restrictions as usual
  * @param startValues - starting values of resize
  * @param controlDirection - dimensions affected by the resize
  * @param pointerPosition - the current pointer position corrected for snapping

From 382cab728b6c4a294b8b4acb52522d3765a6284e Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 28 Feb 2024 17:42:33 +0100
Subject: [PATCH 0626/1093] fixed resetting nodes in svelte

---
 .../src/components/Header/Header.svelte       |  3 +-
 .../src/routes/examples/reset/+page.svelte    | 43 +++++++++++++++++++
 .../components/NodeWrapper/NodeWrapper.svelte | 25 ++++++++---
 3 files changed, 64 insertions(+), 7 deletions(-)
 create mode 100644 examples/svelte/src/routes/examples/reset/+page.svelte

diff --git a/examples/svelte/src/components/Header/Header.svelte b/examples/svelte/src/components/Header/Header.svelte
index 90cdc62be..007d8ded2 100644
--- a/examples/svelte/src/components/Header/Header.svelte
+++ b/examples/svelte/src/components/Header/Header.svelte
@@ -23,7 +23,8 @@
 		'usenodesdata',
 		'usesvelteflow',
 		'useupdatenodeinternals',
-		'validation'
+		'validation',
+		'reset'
 	];
 
 	const onChange = (event: Event) => {
diff --git a/examples/svelte/src/routes/examples/reset/+page.svelte b/examples/svelte/src/routes/examples/reset/+page.svelte
new file mode 100644
index 000000000..78b1b2454
--- /dev/null
+++ b/examples/svelte/src/routes/examples/reset/+page.svelte
@@ -0,0 +1,43 @@
+<script lang="ts">
+	import { writable } from 'svelte/store';
+	import {
+		SvelteFlow,
+		Controls,
+		Background,
+		MiniMap,
+		type Node,
+		type Edge,
+		type NodeTypes
+	} from '@xyflow/svelte';
+
+	import '@xyflow/svelte/dist/style.css';
+
+	const nodes = writable<Node[]>([]);
+	const edges = writable<Edge[]>([]);
+
+	const resetNodesArray = () => {
+		const node1: Node = {
+			id: 'c1',
+			data: { label: '1' },
+			position: { x: 0, y: 0 }
+		};
+
+		const node2: Node = {
+			id: 'c2',
+			data: { label: '2' },
+			position: { x: 100, y: 0 }
+		};
+
+		$nodes = [node1, node2];
+	};
+</script>
+
+<button on:click={resetNodesArray}> Reset </button>
+
+<div style:height="100vh">
+	<SvelteFlow {nodes} {edges} fitView>
+		<Controls />
+		<Background />
+		<MiniMap />
+	</SvelteFlow>
+</div>
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 91027f537..a8b4f8954 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -1,7 +1,13 @@
 <svelte:options immutable />
 
 <script lang="ts">
-  import { createEventDispatcher, setContext, SvelteComponent, type ComponentType } from 'svelte';
+  import {
+    createEventDispatcher,
+    setContext,
+    SvelteComponent,
+    type ComponentType,
+    onDestroy
+  } from 'svelte';
   import { get, writable } from 'svelte/store';
   import cc from 'classcat';
   import { errorMessages, Position, type NodeProps } from '@xyflow/system';
@@ -129,15 +135,22 @@
   setContext('svelteflow__node_connectable', connectableStore);
 
   $: {
-    // hiding the noder removes html element is removed from the dom
     if (nodeRef) {
-      resizeObserver?.observe(nodeRef);
-      prevNodeRef = nodeRef;
-    } else if (prevNodeRef) {
-      resizeObserver?.unobserve(prevNodeRef);
+      if (!prevNodeRef) {
+        resizeObserver?.observe(nodeRef);
+        prevNodeRef = nodeRef;
+      } else if (prevNodeRef !== nodeRef || (!computedWidth && !computedHeight)) {
+        resizeObserver?.unobserve(prevNodeRef);
+        resizeObserver?.observe(nodeRef);
+        prevNodeRef = nodeRef;
+      }
     }
   }
 
+  onDestroy(() => {
+    resizeObserver?.unobserve(nodeRef);
+  });
+
   function onSelectNodeHandler(event: MouseEvent | TouchEvent) {
     if (selectable && (!get(selectNodesOnDrag) || !draggable || get(nodeDragThreshold) > 0)) {
       // this handler gets called by XYDrag on drag start when selectNodesOnDrag=true

From 68ce560cf177f6284fdeee7fff41c5663f367f60 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 29 Feb 2024 12:53:04 +0100
Subject: [PATCH 0627/1093] chore(handles): cleanup

---
 .../react/src/examples/TouchDevice/index.tsx   |  1 +
 .../src/examples/TouchDevice/touch-device.css  |  8 ++++----
 .../examples/Validation/validation.module.css  |  6 +++++-
 .../src/routes/examples/validation/style.css   |  6 +++++-
 packages/react/src/components/Handle/index.tsx | 10 ++++++++--
 .../src/lib/components/Handle/Handle.svelte    | 18 +++++++++++++++++-
 packages/system/src/xyhandle/XYHandle.ts       | 16 +---------------
 packages/system/src/xyhandle/utils.ts          |  4 ----
 8 files changed, 41 insertions(+), 28 deletions(-)

diff --git a/examples/react/src/examples/TouchDevice/index.tsx b/examples/react/src/examples/TouchDevice/index.tsx
index 2073d13a2..e412bee5f 100644
--- a/examples/react/src/examples/TouchDevice/index.tsx
+++ b/examples/react/src/examples/TouchDevice/index.tsx
@@ -42,6 +42,7 @@ const TouchDeviceFlow = () => {
       onConnectEnd={onConnectEnd}
       onClickConnectStart={onClickConnectStart}
       onClickConnectEnd={onClickConnectEnd}
+      className="touch-flow"
     />
   );
 };
diff --git a/examples/react/src/examples/TouchDevice/touch-device.css b/examples/react/src/examples/TouchDevice/touch-device.css
index 3ec36be2d..92f85c27c 100644
--- a/examples/react/src/examples/TouchDevice/touch-device.css
+++ b/examples/react/src/examples/TouchDevice/touch-device.css
@@ -1,15 +1,15 @@
-.react-flow .react-flow__handle {
+.react-flow.touch-flow .react-flow__handle {
   width: 20px;
   height: 20px;
   border-radius: 3px;
   background-color: #9f7aea;
 }
 
-.react-flow__handle-right {
+.touch-flow .react-flow__handle-right {
   --translate: translate(50%, -50%);
 }
 
-.react-flow__handle-left {
+.touch-flow .react-flow__handle-left {
   --translate: translate(-50%, -50%);
 }
 
@@ -22,6 +22,6 @@
   }
 }
 
-.react-flow .react-flow__handle.clickconnecting {
+.react-flow.touch-flow .react-flow__handle.clickconnecting {
   animation: bounce 1600ms infinite ease-in;
 }
diff --git a/examples/react/src/examples/Validation/validation.module.css b/examples/react/src/examples/Validation/validation.module.css
index c19a87231..3fbe2f949 100644
--- a/examples/react/src/examples/Validation/validation.module.css
+++ b/examples/react/src/examples/Validation/validation.module.css
@@ -24,10 +24,14 @@
   background: #fff;
 }
 
-.validationflow :global .connecting {
+.validationflow :global .connectingto {
   background: #ff6060;
 }
 
+.validationflow :global .react-flow__node-custominput .connectingfrom {
+  background: #55dd99;
+}
+
 .validationflow :global .valid {
   background: #55dd99;
 }
diff --git a/examples/svelte/src/routes/examples/validation/style.css b/examples/svelte/src/routes/examples/validation/style.css
index 6839e1298..a6bbf75a5 100644
--- a/examples/svelte/src/routes/examples/validation/style.css
+++ b/examples/svelte/src/routes/examples/validation/style.css
@@ -1,7 +1,11 @@
-.svelte-flow__handle.connecting {
+.svelte-flow__handle.connectingto {
 	background: #ff6060;
 }
 
+.svelte-flow__handle.connectingfrom {
+	background: #55dd99;
+}
+
 .svelte-flow__handle.valid {
 	background: #55dd99;
 }
diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 378edb305..75c36b8c7 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -38,11 +38,15 @@ const connectingSelector =
       connectionEndHandle: endHandle,
       connectionClickStartHandle: clickHandle,
       connectionMode,
+      connectionStatus,
     } = state;
+
+    const connectingTo = endHandle?.nodeId === nodeId && endHandle?.handleId === handleId && endHandle?.type === type;
+
     return {
       connectingFrom:
         startHandle?.nodeId === nodeId && startHandle?.handleId === handleId && startHandle?.type === type,
-      connectingTo: endHandle?.nodeId === nodeId && endHandle?.handleId === handleId && endHandle?.type === type,
+      connectingTo,
       clickConnecting:
         clickHandle?.nodeId === nodeId && clickHandle?.handleId === handleId && clickHandle?.type === type,
       isPossibleEndHandle:
@@ -50,6 +54,7 @@ const connectingSelector =
           ? startHandle?.type !== type
           : nodeId !== startHandle?.nodeId || handleId !== startHandle?.handleId,
       connectionInProcess: !!startHandle,
+      valid: connectingTo && connectionStatus === 'valid',
     };
   };
 
@@ -77,7 +82,7 @@ const HandleComponent = forwardRef<HTMLDivElement, HandleComponentProps>(
     const store = useStoreApi();
     const nodeId = useNodeId();
     const { connectOnClick, noPanClassName, rfId } = useStore(selector, shallow);
-    const { connectingFrom, connectingTo, clickConnecting, isPossibleEndHandle, connectionInProcess } = useStore(
+    const { connectingFrom, connectingTo, clickConnecting, isPossibleEndHandle, connectionInProcess, valid } = useStore(
       connectingSelector(nodeId, handleId, type),
       shallow
     );
@@ -213,6 +218,7 @@ const HandleComponent = forwardRef<HTMLDivElement, HandleComponentProps>(
             clickconnecting: clickConnecting,
             connectingfrom: connectingFrom,
             connectingto: connectingTo,
+            valid,
             // shows where you can start a connection from
             // and where you can end it while connecting
             connectionindicator:
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index f8a43dd45..e35804fcc 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -56,7 +56,8 @@
     onconnect: onConnectAction,
     onconnectstart: onConnectStartAction,
     onconnectend: onConnectEndAction,
-    flowId
+    flowId,
+    connection
   } = store;
 
   function onPointerDown(event: MouseEvent | TouchEvent) {
@@ -123,6 +124,16 @@
     prevConnections = connections ?? new Map();
   }
 
+  $: connectingFrom =
+    $connection.startHandle?.nodeId === nodeId &&
+    $connection.startHandle?.type === type &&
+    $connection.startHandle?.handleId === handleId;
+  $: connectingTo =
+    $connection.endHandle?.nodeId === nodeId &&
+    $connection.endHandle?.type === type &&
+    $connection.endHandle?.handleId === handleId;
+  $: valid = connectingTo && $connection.status === 'valid';
+
   // @todo implement connectablestart, connectableend
 </script>
 
@@ -141,6 +152,11 @@ The Handle component is the part of a node that can be used to connect nodes.
     'nodrag',
     'nopan',
     position,
+    {
+      valid,
+      connectingto: connectingTo,
+      connectingfrom: connectingFrom
+    },
     className
   ])}
   class:source={!isTarget}
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 4ddb53134..4f99a97c6 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -15,7 +15,7 @@ import {
   type ConnectionHandle,
 } from '../types';
 
-import { getClosestHandle, getConnectionStatus, getHandleLookup, getHandleType, resetRecentHandle } from './utils';
+import { getClosestHandle, getConnectionStatus, getHandleLookup, getHandleType } from './utils';
 
 export type OnPointerDownParams = {
   autoPanOnConnect: boolean;
@@ -107,7 +107,6 @@ function onPointerDown(
     return;
   }
 
-  let prevActiveHandle: Element;
   let connectionPosition = getEventPosition(event, containerBounds);
   let autoPanStarted = false;
   let connection: Connection | null = null;
@@ -194,18 +193,6 @@ function onPointerDown(
       connectionStatus: getConnectionStatus(!!closestHandle, isValid),
       connectionEndHandle: result.endHandle,
     });
-
-    if (!closestHandle && !isValid && !handleDomNode) {
-      return resetRecentHandle(prevActiveHandle, lib);
-    }
-
-    if (connection?.source !== connection?.target && handleDomNode) {
-      resetRecentHandle(prevActiveHandle, lib);
-      prevActiveHandle = handleDomNode;
-      handleDomNode.classList.add('connecting', `${lib}-flow__handle-connecting`);
-      handleDomNode.classList.toggle('valid', isValid);
-      handleDomNode.classList.toggle(`${lib}-flow__handle-valid`, isValid);
-    }
   }
 
   function onPointerUp(event: MouseEvent | TouchEvent) {
@@ -221,7 +208,6 @@ function onPointerDown(
       onEdgeUpdateEnd?.(event);
     }
 
-    resetRecentHandle(prevActiveHandle, lib);
     cancelConnection();
     cancelAnimationFrame(autoPanId);
     autoPanStarted = false;
diff --git a/packages/system/src/xyhandle/utils.ts b/packages/system/src/xyhandle/utils.ts
index c10356b1f..8c82f6e3d 100644
--- a/packages/system/src/xyhandle/utils.ts
+++ b/packages/system/src/xyhandle/utils.ts
@@ -101,10 +101,6 @@ export function getHandleType(
   return null;
 }
 
-export function resetRecentHandle(handleDomNode: Element, lib: string): void {
-  handleDomNode?.classList.remove('valid', 'connecting', `${lib}-flow__handle-valid`, `${lib}-flow__handle-connecting`);
-}
-
 export function getConnectionStatus(isInsideConnectionRadius: boolean, isHandleValid: boolean) {
   let connectionStatus = null;
 

From 59e656ea24aca044851971930da823644f159faa Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 29 Feb 2024 12:54:24 +0100
Subject: [PATCH 0628/1093] chore(changelogs)

---
 packages/react/CHANGELOG.md  | 1 +
 packages/svelte/CHANGELOG.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 69b51bf7c..0f5f3b921 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -5,6 +5,7 @@
 ## ⚠️ Breaking changes
 
 - `useNodesData` not only returns data objects but also the type and the id of the node
+- status class names for Handle components are slightly different. It's now "connectingfrom" and "connectingto" instead of "connecting"
 
 ## Patch changes
 
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 948e69eba..ea7f41819 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -5,6 +5,7 @@
 ## ⚠️ Breaking changes
 
 - `useNodesData` not only returns data objects but also the type and the id of the node
+- status class names for Handle components are slightly different. It's now "connectingfrom" and "connectingto" instead of "connecting"
 
 ## Patch changes
 

From 0de6d4db332842e0188d4e86e0074c172aad5743 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 29 Feb 2024 13:21:16 +0100
Subject: [PATCH 0629/1093] chore(examples): use width/height for specifying
 node sizes

---
 .../react/src/examples/NodeResizer/index.tsx  | 23 +++++++++++++------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/examples/react/src/examples/NodeResizer/index.tsx b/examples/react/src/examples/NodeResizer/index.tsx
index 42e835233..b0a272f2f 100644
--- a/examples/react/src/examples/NodeResizer/index.tsx
+++ b/examples/react/src/examples/NodeResizer/index.tsx
@@ -50,7 +50,9 @@ const initialNodes: Node[] = [
       maxHeight: 200,
     },
     position: { x: 0, y: 60 },
-    style: { ...nodeStyle, width: 100, height: 80 },
+    width: 100,
+    height: 80,
+    style: { ...nodeStyle },
   },
   {
     id: '1b',
@@ -64,9 +66,9 @@ const initialNodes: Node[] = [
       maxHeight: 400,
     },
     position: { x: 250, y: 0 },
+    width: 174,
+    height: 123,
     style: {
-      width: 174,
-      height: 123,
       ...nodeStyle,
     },
   },
@@ -75,7 +77,9 @@ const initialNodes: Node[] = [
     type: 'customResizer',
     data: { label: 'custom resize icon' },
     position: { x: 0, y: 200 },
-    style: { width: 100, height: 60, ...nodeStyle },
+    width: 100,
+    height: 60,
+    style: { ...nodeStyle },
   },
   {
     id: '3',
@@ -94,7 +98,8 @@ const initialNodes: Node[] = [
       keepAspectRatio: true,
     },
     position: { x: 400, y: 200 },
-    style: { ...nodeStyle, height: 50 },
+    height: 50,
+    style: { ...nodeStyle },
   },
   {
     id: '4',
@@ -121,7 +126,9 @@ const initialNodes: Node[] = [
     type: 'defaultResizer',
     data: { label: 'Parent', keepAspectRatio: true },
     position: { x: 700, y: 0 },
-    style: { ...nodeStyle, width: 300, height: 400 },
+    width: 300,
+    height: 400,
+    style: { ...nodeStyle },
   },
   {
     id: '5a',
@@ -132,7 +139,9 @@ const initialNodes: Node[] = [
     position: { x: 50, y: 50 },
     parentNode: '5',
     extent: 'parent',
-    style: { ...nodeStyle, width: 50, height: 100 },
+    width: 50,
+    height: 100,
+    style: { ...nodeStyle },
   },
   {
     id: '5b',

From 52bdb12cf1eb22ae156770310c1d816f01aacba6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 29 Feb 2024 13:22:47 +0100
Subject: [PATCH 0630/1093] chore(changelogs): update

---
 packages/react/CHANGELOG.md  | 1 +
 packages/svelte/CHANGELOG.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 0f5f3b921..051fdbd99 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -13,6 +13,7 @@
 - `disableKeyboardA11y` now also disables Enter and Escape for selecting/deselecting nodes and edges
 - fix bug where users couldn't drag a node after toggle nodes `hidden` attribute
 - add `initialWidth` and `initialHeight` node attributes for specifying initial dimensions for ssr
+- fix `NodeResizer` when used in combination with `nodeOrigin`
 
 ## 12.0.0-next.9
 
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index ea7f41819..365f85cb7 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -11,6 +11,7 @@
 
 - better cursor defaults for the pane, nodes and edges
 - add `initialWidth` and `initialHeight` node attributes for specifying initial dimensions for ssr
+- fix `NodeResizer` when used in combination with `nodeOrigin`
 
 ## 0.0.36
 

From 87d363371b2942277b651bdec537ef1e2b55f3ff Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 29 Feb 2024 19:44:45 +0100
Subject: [PATCH 0631/1093] fix(react): handle drag for nodes that are
 initially hidden

---
 packages/react/src/hooks/useDrag.ts | 34 ++++++++++++++---------------
 1 file changed, 16 insertions(+), 18 deletions(-)

diff --git a/packages/react/src/hooks/useDrag.ts b/packages/react/src/hooks/useDrag.ts
index 52d3c6f66..ee26cc57a 100644
--- a/packages/react/src/hooks/useDrag.ts
+++ b/packages/react/src/hooks/useDrag.ts
@@ -31,24 +31,22 @@ export function useDrag({
   const xyDrag = useRef<XYDragInstance>();
 
   useEffect(() => {
-    if (nodeRef?.current) {
-      xyDrag.current = XYDrag({
-        getStoreItems: () => store.getState(),
-        onNodeMouseDown: (id: string) => {
-          handleNodeClick({
-            id,
-            store,
-            nodeRef,
-          });
-        },
-        onDragStart: () => {
-          setDragging(true);
-        },
-        onDragStop: () => {
-          setDragging(false);
-        },
-      });
-    }
+    xyDrag.current = XYDrag({
+      getStoreItems: () => store.getState(),
+      onNodeMouseDown: (id: string) => {
+        handleNodeClick({
+          id,
+          store,
+          nodeRef,
+        });
+      },
+      onDragStart: () => {
+        setDragging(true);
+      },
+      onDragStop: () => {
+        setDragging(false);
+      },
+    });
   }, []);
 
   useEffect(() => {

From b2800575f6d68ea63f49680e18e56ee2fabc72ae Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 29 Feb 2024 19:47:15 +0100
Subject: [PATCH 0632/1093] chore(changelogs): update

---
 packages/svelte/CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 948e69eba..df03a57ab 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -10,6 +10,7 @@
 
 - better cursor defaults for the pane, nodes and edges
 - add `initialWidth` and `initialHeight` node attributes for specifying initial dimensions for ssr
+- always re-measure nodes when new nodes get passed
 
 ## 0.0.36
 

From 8306964ad19fca134962e1adc95de85a47c61353 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 29 Feb 2024 20:03:12 +0100
Subject: [PATCH 0633/1093] chore(packages): bump

---
 packages/react/package.json  | 2 +-
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index ddb6d3273..d9105c4f8 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.9",
+  "version": "12.0.0-next.10",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 6fe2bec24..f73908cbc 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.36",
+  "version": "0.0.37",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index f08cdd5b9..be4eceff4 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From e972656c3d02c62ba2f0bfbbd82f3cbef302609b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 4 Mar 2024 12:01:26 +0100
Subject: [PATCH 0634/1093] fix(react): ReactFlow comp ref type

---
 .../react/src/examples/CustomNode/index.tsx   |   4 +-
 .../react/src/components/Handle/index.tsx     | 347 +++++++++---------
 .../react/src/container/ReactFlow/index.tsx   |   6 +-
 packages/react/src/types/component-props.ts   |   2 -
 packages/react/src/types/general.ts           |   9 +-
 5 files changed, 189 insertions(+), 179 deletions(-)

diff --git a/examples/react/src/examples/CustomNode/index.tsx b/examples/react/src/examples/CustomNode/index.tsx
index 16a998033..21306745a 100644
--- a/examples/react/src/examples/CustomNode/index.tsx
+++ b/examples/react/src/examples/CustomNode/index.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect, MouseEvent, ChangeEvent, useCallback } from 'react';
+import { useState, useEffect, MouseEvent, ChangeEvent, useCallback, useRef } from 'react';
 import {
   ReactFlow,
   MiniMap,
@@ -45,6 +45,7 @@ const nodeTypes = {
 };
 
 const CustomNodeFlow = () => {
+  const ref = useRef(null);
   const [nodes, setNodes] = useState<MyNode[]>([]);
   const onNodesChange: OnNodesChange<MyNode> = useCallback(
     (changes) =>
@@ -165,6 +166,7 @@ const CustomNodeFlow = () => {
       minZoom={0.3}
       maxZoom={2}
       onBeforeDelete={onBeforeDelete}
+      ref={ref}
     >
       <MiniMap<MyNode>
         nodeStrokeColor={(n: MyNode): string => {
diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 75c36b8c7..6a72b8e48 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -3,7 +3,14 @@
  * The user can then drag the connection to another handle or node. When the user releases the mouse, we check if the
  * connection is valid and if so, we call the onConnect callback.
  */
-import { memo, HTMLAttributes, forwardRef, MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
+import {
+  memo,
+  HTMLAttributes,
+  forwardRef,
+  MouseEvent as ReactMouseEvent,
+  TouchEvent as ReactTouchEvent,
+  ForwardedRef,
+} from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
 import {
@@ -58,190 +65,186 @@ const connectingSelector =
     };
   };
 
-const HandleComponent = forwardRef<HTMLDivElement, HandleComponentProps>(
-  (
-    {
-      type = 'source',
-      position = Position.Top,
-      isValidConnection,
-      isConnectable = true,
-      isConnectableStart = true,
-      isConnectableEnd = true,
-      id,
-      onConnect,
-      children,
-      className,
-      onMouseDown,
-      onTouchStart,
-      ...rest
-    },
-    ref
-  ) => {
-    const handleId = id || null;
-    const isTarget = type === 'target';
-    const store = useStoreApi();
-    const nodeId = useNodeId();
-    const { connectOnClick, noPanClassName, rfId } = useStore(selector, shallow);
-    const { connectingFrom, connectingTo, clickConnecting, isPossibleEndHandle, connectionInProcess, valid } = useStore(
-      connectingSelector(nodeId, handleId, type),
-      shallow
-    );
+function HandleComponent(
+  {
+    type = 'source',
+    position = Position.Top,
+    isValidConnection,
+    isConnectable = true,
+    isConnectableStart = true,
+    isConnectableEnd = true,
+    id,
+    onConnect,
+    children,
+    className,
+    onMouseDown,
+    onTouchStart,
+    ...rest
+  }: HandleComponentProps,
+  ref: ForwardedRef<HTMLDivElement>
+) {
+  const handleId = id || null;
+  const isTarget = type === 'target';
+  const store = useStoreApi();
+  const nodeId = useNodeId();
+  const { connectOnClick, noPanClassName, rfId } = useStore(selector, shallow);
+  const { connectingFrom, connectingTo, clickConnecting, isPossibleEndHandle, connectionInProcess, valid } = useStore(
+    connectingSelector(nodeId, handleId, type),
+    shallow
+  );
+
+  if (!nodeId) {
+    store.getState().onError?.('010', errorMessages['error010']());
+  }
+
+  const onConnectExtended = (params: Connection) => {
+    const { defaultEdgeOptions, onConnect: onConnectAction, hasDefaultEdges } = store.getState();
 
-    if (!nodeId) {
-      store.getState().onError?.('010', errorMessages['error010']());
+    const edgeParams = {
+      ...defaultEdgeOptions,
+      ...params,
+    };
+    if (hasDefaultEdges) {
+      const { edges, setEdges } = store.getState();
+      setEdges(addEdge(edgeParams, edges));
     }
 
-    const onConnectExtended = (params: Connection) => {
-      const { defaultEdgeOptions, onConnect: onConnectAction, hasDefaultEdges } = store.getState();
+    onConnectAction?.(edgeParams);
+    onConnect?.(edgeParams);
+  };
 
-      const edgeParams = {
-        ...defaultEdgeOptions,
-        ...params,
-      };
-      if (hasDefaultEdges) {
-        const { edges, setEdges } = store.getState();
-        setEdges(addEdge(edgeParams, edges));
-      }
+  const onPointerDown = (event: ReactMouseEvent<HTMLDivElement> | ReactTouchEvent<HTMLDivElement>) => {
+    if (!nodeId) {
+      return;
+    }
 
-      onConnectAction?.(edgeParams);
-      onConnect?.(edgeParams);
-    };
+    const isMouseTriggered = isMouseEvent(event.nativeEvent);
+
+    if (
+      isConnectableStart &&
+      ((isMouseTriggered && (event as ReactMouseEvent<HTMLDivElement>).button === 0) || !isMouseTriggered)
+    ) {
+      const currentStore = store.getState();
+
+      XYHandle.onPointerDown(event.nativeEvent, {
+        autoPanOnConnect: currentStore.autoPanOnConnect,
+        connectionMode: currentStore.connectionMode,
+        connectionRadius: currentStore.connectionRadius,
+        domNode: currentStore.domNode,
+        nodes: currentStore.nodes,
+        lib: currentStore.lib,
+        isTarget,
+        handleId,
+        nodeId,
+        flowId: currentStore.rfId,
+        panBy: currentStore.panBy,
+        cancelConnection: currentStore.cancelConnection,
+        onConnectStart: currentStore.onConnectStart,
+        onConnectEnd: currentStore.onConnectEnd,
+        updateConnection: currentStore.updateConnection,
+        onConnect: onConnectExtended,
+        isValidConnection: isValidConnection || currentStore.isValidConnection,
+        getTransform: () => store.getState().transform,
+      });
+    }
 
-    const onPointerDown = (event: ReactMouseEvent<HTMLDivElement> | ReactTouchEvent<HTMLDivElement>) => {
-      if (!nodeId) {
-        return;
-      }
-
-      const isMouseTriggered = isMouseEvent(event.nativeEvent);
-
-      if (
-        isConnectableStart &&
-        ((isMouseTriggered && (event as ReactMouseEvent<HTMLDivElement>).button === 0) || !isMouseTriggered)
-      ) {
-        const currentStore = store.getState();
-
-        XYHandle.onPointerDown(event.nativeEvent, {
-          autoPanOnConnect: currentStore.autoPanOnConnect,
-          connectionMode: currentStore.connectionMode,
-          connectionRadius: currentStore.connectionRadius,
-          domNode: currentStore.domNode,
-          nodes: currentStore.nodes,
-          lib: currentStore.lib,
-          isTarget,
-          handleId,
-          nodeId,
-          flowId: currentStore.rfId,
-          panBy: currentStore.panBy,
-          cancelConnection: currentStore.cancelConnection,
-          onConnectStart: currentStore.onConnectStart,
-          onConnectEnd: currentStore.onConnectEnd,
-          updateConnection: currentStore.updateConnection,
-          onConnect: onConnectExtended,
-          isValidConnection: isValidConnection || currentStore.isValidConnection,
-          getTransform: () => store.getState().transform,
-        });
-      }
-
-      if (isMouseTriggered) {
-        onMouseDown?.(event as ReactMouseEvent<HTMLDivElement>);
-      } else {
-        onTouchStart?.(event as ReactTouchEvent<HTMLDivElement>);
-      }
-    };
+    if (isMouseTriggered) {
+      onMouseDown?.(event as ReactMouseEvent<HTMLDivElement>);
+    } else {
+      onTouchStart?.(event as ReactTouchEvent<HTMLDivElement>);
+    }
+  };
 
-    const onClick = (event: ReactMouseEvent) => {
-      const {
-        onClickConnectStart,
-        onClickConnectEnd,
-        connectionClickStartHandle,
-        connectionMode,
-        isValidConnection: isValidConnectionStore,
-        lib,
-        rfId: flowId,
-      } = store.getState();
-
-      if (!nodeId || (!connectionClickStartHandle && !isConnectableStart)) {
-        return;
-      }
-
-      if (!connectionClickStartHandle) {
-        onClickConnectStart?.(event.nativeEvent, { nodeId, handleId, handleType: type });
-        store.setState({ connectionClickStartHandle: { nodeId, type, handleId } });
-        return;
-      }
-
-      const doc = getHostForElement(event.target as HTMLElement);
-      const isValidConnectionHandler = isValidConnection || isValidConnectionStore;
-      const { connection, isValid } = XYHandle.isValid(event.nativeEvent, {
-        handle: {
-          nodeId,
-          id: handleId,
-          type,
-        },
-        connectionMode,
-        fromNodeId: connectionClickStartHandle.nodeId,
-        fromHandleId: connectionClickStartHandle.handleId || null,
-        fromType: connectionClickStartHandle.type,
-        isValidConnection: isValidConnectionHandler,
-        flowId,
-        doc,
-        lib,
-      });
+  const onClick = (event: ReactMouseEvent) => {
+    const {
+      onClickConnectStart,
+      onClickConnectEnd,
+      connectionClickStartHandle,
+      connectionMode,
+      isValidConnection: isValidConnectionStore,
+      lib,
+      rfId: flowId,
+    } = store.getState();
 
-      if (isValid && connection) {
-        onConnectExtended(connection);
-      }
+    if (!nodeId || (!connectionClickStartHandle && !isConnectableStart)) {
+      return;
+    }
 
-      onClickConnectEnd?.(event as unknown as MouseEvent);
+    if (!connectionClickStartHandle) {
+      onClickConnectStart?.(event.nativeEvent, { nodeId, handleId, handleType: type });
+      store.setState({ connectionClickStartHandle: { nodeId, type, handleId } });
+      return;
+    }
 
-      store.setState({ connectionClickStartHandle: null });
-    };
+    const doc = getHostForElement(event.target as HTMLElement);
+    const isValidConnectionHandler = isValidConnection || isValidConnectionStore;
+    const { connection, isValid } = XYHandle.isValid(event.nativeEvent, {
+      handle: {
+        nodeId,
+        id: handleId,
+        type,
+      },
+      connectionMode,
+      fromNodeId: connectionClickStartHandle.nodeId,
+      fromHandleId: connectionClickStartHandle.handleId || null,
+      fromType: connectionClickStartHandle.type,
+      isValidConnection: isValidConnectionHandler,
+      flowId,
+      doc,
+      lib,
+    });
+
+    if (isValid && connection) {
+      onConnectExtended(connection);
+    }
 
-    return (
-      <div
-        data-handleid={handleId}
-        data-nodeid={nodeId}
-        data-handlepos={position}
-        data-id={`${rfId}-${nodeId}-${handleId}-${type}`}
-        className={cc([
-          'react-flow__handle',
-          `react-flow__handle-${position}`,
-          'nodrag',
-          noPanClassName,
-          className,
-          {
-            source: !isTarget,
-            target: isTarget,
-            connectable: isConnectable,
-            connectablestart: isConnectableStart,
-            connectableend: isConnectableEnd,
-            clickconnecting: clickConnecting,
-            connectingfrom: connectingFrom,
-            connectingto: connectingTo,
-            valid,
-            // shows where you can start a connection from
-            // and where you can end it while connecting
-            connectionindicator:
-              isConnectable &&
-              (!connectionInProcess || isPossibleEndHandle) &&
-              (connectionInProcess ? isConnectableEnd : isConnectableStart),
-          },
-        ])}
-        onMouseDown={onPointerDown}
-        onTouchStart={onPointerDown}
-        onClick={connectOnClick ? onClick : undefined}
-        ref={ref}
-        {...rest}
-      >
-        {children}
-      </div>
-    );
-  }
-);
+    onClickConnectEnd?.(event as unknown as MouseEvent);
 
-HandleComponent.displayName = 'Handle';
+    store.setState({ connectionClickStartHandle: null });
+  };
+
+  return (
+    <div
+      data-handleid={handleId}
+      data-nodeid={nodeId}
+      data-handlepos={position}
+      data-id={`${rfId}-${nodeId}-${handleId}-${type}`}
+      className={cc([
+        'react-flow__handle',
+        `react-flow__handle-${position}`,
+        'nodrag',
+        noPanClassName,
+        className,
+        {
+          source: !isTarget,
+          target: isTarget,
+          connectable: isConnectable,
+          connectablestart: isConnectableStart,
+          connectableend: isConnectableEnd,
+          clickconnecting: clickConnecting,
+          connectingfrom: connectingFrom,
+          connectingto: connectingTo,
+          valid,
+          // shows where you can start a connection from
+          // and where you can end it while connecting
+          connectionindicator:
+            isConnectable &&
+            (!connectionInProcess || isPossibleEndHandle) &&
+            (connectionInProcess ? isConnectableEnd : isConnectableStart),
+        },
+      ])}
+      onMouseDown={onPointerDown}
+      onTouchStart={onPointerDown}
+      onClick={connectOnClick ? onClick : undefined}
+      ref={ref}
+      {...rest}
+    >
+      {children}
+    </div>
+  );
+}
 
 /**
  * The Handle component is the part of a node that can be used to connect nodes.
  */
-export const Handle = memo(HandleComponent);
+export const Handle = memo(forwardRef(HandleComponent));
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 88d8843e6..eb741684a 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -9,7 +9,7 @@ import { StoreUpdater } from '../../components/StoreUpdater';
 import { useColorModeClass } from '../../hooks/useColorModeClass';
 import { GraphView } from '../GraphView';
 import { Wrapper } from './Wrapper';
-import type { Edge, Node, ReactFlowProps, ReactFlowRefType } from '../../types';
+import type { Edge, Node, ReactFlowProps } from '../../types';
 import { defaultViewport as initViewport, defaultNodeOrigin } from './init-values';
 
 const wrapperStyle: CSSProperties = {
@@ -142,7 +142,7 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
     debug,
     ...rest
   }: ReactFlowProps<NodeType, EdgeType>,
-  ref: ForwardedRef<ReactFlowRefType>
+  ref: ForwardedRef<HTMLDivElement>
 ) {
   const rfId = id || '1';
   const colorModeClassName = useColorModeClass(colorMode);
@@ -286,4 +286,4 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
   );
 }
 
-export default forwardRef(ReactFlow) as typeof ReactFlow;
+export default forwardRef(ReactFlow);
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index e8d91ba43..6deca2706 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -509,5 +509,3 @@ export interface ReactFlowProps<NodeType extends Node = Node, EdgeType extends E
    */
   debug?: boolean;
 }
-
-export type ReactFlowRefType = HTMLDivElement;
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 0e1e1dc45..c4365979f 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -1,3 +1,4 @@
+import { ComponentType } from 'react';
 import {
   FitViewParamsBase,
   FitViewOptionsBase,
@@ -15,7 +16,13 @@ import {
 } from '@xyflow/system';
 
 import type { NodeChange, EdgeChange, Node, Edge, ReactFlowInstance, EdgeProps } from '.';
-import { ComponentType } from 'react';
+
+// this is needed, to use generics + forwardRef
+declare module 'react' {
+  function forwardRef<T, P>(
+    render: (props: P, ref: React.Ref<T>) => React.ReactNode | null
+  ): (props: P & React.RefAttributes<T>) => React.ReactNode | null;
+}
 
 export type OnNodesChange<NodeType extends Node = Node> = (changes: NodeChange<NodeType>[]) => void;
 export type OnEdgesChange<EdgeType extends Edge = Edge> = (changes: EdgeChange<EdgeType>[]) => void;

From d285597f882da326b5041b65c11d770e5dc6fab1 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 4 Mar 2024 12:15:03 +0100
Subject: [PATCH 0635/1093] chore(changelog): update

---
 packages/react/CHANGELOG.md                    |  6 ++++++
 packages/react/src/components/Handle/index.tsx | 15 +++++----------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 051fdbd99..4d7f061df 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/react
 
+## 12.0.0-next.11
+
+## Patch changes
+
+- fix `ref` prop for `ReactFlow` and `Handle` component
+
 ## 12.0.0-next.10
 
 ## ⚠️ Breaking changes
diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 6a72b8e48..d4474c005 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -1,15 +1,10 @@
-/*
- * The Handle component is used to connect nodes. When the user mousedowns a handle, we start the connection process.
- * The user can then drag the connection to another handle or node. When the user releases the mouse, we check if the
- * connection is valid and if so, we call the onConnect callback.
- */
 import {
   memo,
-  HTMLAttributes,
   forwardRef,
-  MouseEvent as ReactMouseEvent,
-  TouchEvent as ReactTouchEvent,
-  ForwardedRef,
+  type HTMLAttributes,
+  type MouseEvent as ReactMouseEvent,
+  type TouchEvent as ReactTouchEvent,
+  type ForwardedRef,
 } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
@@ -245,6 +240,6 @@ function HandleComponent(
 }
 
 /**
- * The Handle component is the part of a node that can be used to connect nodes.
+ * The Handle component is a UI element that is used to connect nodes.
  */
 export const Handle = memo(forwardRef(HandleComponent));

From 4a12a9f7818b3d7dd3d3e8aba2804103e0918abb Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Tue, 5 Mar 2024 13:15:28 +0100
Subject: [PATCH 0636/1093] Refactor(types): unify node and edge handling
 (#3978)

* refactor(types): unify node and edge type behaviour

* chore(changelogs): update

* chore(examples): cleanup
---
 .../examples/CustomNode/ColorSelectorNode.tsx |  6 ++--
 .../react/src/examples/CustomNode/index.tsx   | 10 ++++--
 .../react/src/examples/UseReactFlow/index.tsx |  9 +++--
 .../routes/examples/customnode/+page.svelte   |  1 -
 .../examples/customnode/CustomNode.svelte     |  6 ++--
 packages/react/CHANGELOG.md                   |  1 +
 .../src/components/EdgeWrapper/index.tsx      |  1 +
 .../react/src/components/EdgeWrapper/utils.ts | 13 ++++---
 .../react/src/components/Handle/index.tsx     |  4 +--
 .../src/components/NodeWrapper/utils.tsx      | 11 +++---
 .../src/components/Nodes/DefaultNode.tsx      |  5 +--
 .../react/src/components/Nodes/InputNode.tsx  |  5 +--
 .../react/src/components/Nodes/OutputNode.tsx |  5 +--
 packages/react/src/index.ts                   |  1 -
 packages/react/src/types/edges.ts             |  8 ++---
 packages/react/src/types/general.ts           | 34 +++++++++++++++----
 packages/react/src/types/nodes.ts             |  6 ++--
 packages/svelte/CHANGELOG.md                  | 10 ++++++
 .../components/EdgeWrapper/EdgeWrapper.svelte |  4 ++-
 .../components/NodeWrapper/NodeWrapper.svelte | 17 +++-------
 .../edges/StraightEdgeInternal.svelte         |  1 +
 .../lib/components/nodes/DefaultNode.svelte   |  9 ++---
 .../src/lib/components/nodes/GroupNode.svelte |  8 ++---
 .../src/lib/components/nodes/InputNode.svelte |  9 ++---
 .../lib/components/nodes/OutputNode.svelte    |  9 ++---
 packages/svelte/src/lib/index.ts              |  3 +-
 packages/svelte/src/lib/types/edges.ts        | 25 +++++++++++---
 packages/svelte/src/lib/types/nodes.ts        | 25 ++++++++++++--
 packages/system/src/types/nodes.ts            | 32 +++++++----------
 29 files changed, 174 insertions(+), 104 deletions(-)

diff --git a/examples/react/src/examples/CustomNode/ColorSelectorNode.tsx b/examples/react/src/examples/CustomNode/ColorSelectorNode.tsx
index 72255e270..1265d4082 100644
--- a/examples/react/src/examples/CustomNode/ColorSelectorNode.tsx
+++ b/examples/react/src/examples/CustomNode/ColorSelectorNode.tsx
@@ -1,4 +1,4 @@
-import React, { memo, FC, CSSProperties, useCallback } from 'react';
+import React, { memo, CSSProperties, useCallback } from 'react';
 import { Handle, Position, NodeProps, Connection, Edge, useOnViewportChange, Viewport } from '@xyflow/react';
 
 import type { ColorSelectorNode } from '.';
@@ -13,7 +13,7 @@ const sourceHandleStyleB: CSSProperties = {
 
 const onConnect = (params: Connection | Edge) => console.log('handle onConnect', params);
 
-const ColorSelectorNode: FC<NodeProps<ColorSelectorNode['data']>> = ({ data, isConnectable }) => {
+function ColorSelectorNode({ data, isConnectable }: NodeProps<ColorSelectorNode>) {
   const onStart = useCallback((viewport: Viewport) => console.log('onStart', viewport), []);
   const onChange = useCallback((viewport: Viewport) => console.log('onChange', viewport), []);
   const onEnd = useCallback((viewport: Viewport) => console.log('onEnd', viewport), []);
@@ -44,6 +44,6 @@ const ColorSelectorNode: FC<NodeProps<ColorSelectorNode['data']>> = ({ data, isC
       <Handle type="source" position={Position.Right} id="b" style={sourceHandleStyleB} isConnectable={isConnectable} />
     </>
   );
-};
+}
 
 export default memo(ColorSelectorNode);
diff --git a/examples/react/src/examples/CustomNode/index.tsx b/examples/react/src/examples/CustomNode/index.tsx
index 21306745a..03934e405 100644
--- a/examples/react/src/examples/CustomNode/index.tsx
+++ b/examples/react/src/examples/CustomNode/index.tsx
@@ -17,6 +17,8 @@ import {
   OnBeforeDelete,
   BuiltInNode,
   BuiltInEdge,
+  NodeTypes,
+  ReactFlowProvider,
 } from '@xyflow/react';
 
 import ColorSelectorNode from './ColorSelectorNode';
@@ -40,7 +42,7 @@ const initBgColor = '#1A192B';
 const connectionLineStyle = { stroke: '#fff' };
 const snapGrid: SnapGrid = [16, 16];
 
-const nodeTypes = {
+const nodeTypes: NodeTypes = {
   selectorNode: ColorSelectorNode,
 };
 
@@ -188,4 +190,8 @@ const CustomNodeFlow = () => {
   );
 };
 
-export default CustomNodeFlow;
+export default () => (
+  <ReactFlowProvider>
+    <CustomNodeFlow />
+  </ReactFlowProvider>
+);
diff --git a/examples/react/src/examples/UseReactFlow/index.tsx b/examples/react/src/examples/UseReactFlow/index.tsx
index bed127fb6..2177d0cc7 100644
--- a/examples/react/src/examples/UseReactFlow/index.tsx
+++ b/examples/react/src/examples/UseReactFlow/index.tsx
@@ -27,18 +27,21 @@ const initialNodes: Node[] = [
     data: { label: 'Node 2' },
     position: { x: 100, y: 100 },
     className: 'light',
+    type: 'default',
   },
   {
     id: '3',
     data: { label: 'Node 3' },
     position: { x: 400, y: 100 },
     className: 'light',
+    type: 'default',
   },
   {
     id: '4',
     data: { label: 'Node 4' },
     position: { x: 400, y: 200 },
     className: 'light',
+    type: 'default',
   },
 ];
 
@@ -85,6 +88,7 @@ const UseZoomPanHelperFlow = () => {
           data: {
             label: `${projectedPosition.x}-${projectedPosition.y}`,
           },
+          type: 'default',
         })
       );
     },
@@ -106,6 +110,7 @@ const UseZoomPanHelperFlow = () => {
       data: {
         label: 'New Node',
       },
+      type: 'default',
     };
 
     addNodes(newNode);
@@ -139,8 +144,8 @@ const UseZoomPanHelperFlow = () => {
 
   const onSetNodes = () => {
     setNodes([
-      { id: 'a', position: { x: 0, y: 0 }, data: { label: 'Node a' } },
-      { id: 'b', position: { x: 0, y: 150 }, data: { label: 'Node b' } },
+      { id: 'a', type: 'default', position: { x: 0, y: 0 }, data: { label: 'Node a' } },
+      { id: 'b', type: 'default', position: { x: 0, y: 150 }, data: { label: 'Node b' } },
     ]);
 
     setEdges([{ id: 'a-b', source: 'a', target: 'b' }]);
diff --git a/examples/svelte/src/routes/examples/customnode/+page.svelte b/examples/svelte/src/routes/examples/customnode/+page.svelte
index 525b0706f..f89210c8b 100644
--- a/examples/svelte/src/routes/examples/customnode/+page.svelte
+++ b/examples/svelte/src/routes/examples/customnode/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import type { ChangeEventHandler } from 'svelte/elements';
 	import { writable } from 'svelte/store';
 	import {
 		SvelteFlow,
diff --git a/examples/svelte/src/routes/examples/customnode/CustomNode.svelte b/examples/svelte/src/routes/examples/customnode/CustomNode.svelte
index ca01be5ee..e22701e3d 100644
--- a/examples/svelte/src/routes/examples/customnode/CustomNode.svelte
+++ b/examples/svelte/src/routes/examples/customnode/CustomNode.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
 	import type { Writable } from 'svelte/store';
-	import { Handle, Position, type NodeProps } from '@xyflow/svelte';
+	import { Handle, Position, type NodeProps, type Node } from '@xyflow/svelte';
 
-	type $$Props = NodeProps;
+	type $$Props = NodeProps<Node<{ colorStore: Writable<string> }>>;
 
-	export let data: { colorStore: Writable<string> };
+	export let data: $$Props['data'];
 
 	const { colorStore } = data;
 </script>
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 4d7f061df..a9763f46f 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -5,6 +5,7 @@
 ## Patch changes
 
 - fix `ref` prop for `ReactFlow` and `Handle` component
+- unify `Edge` and `Node` type handling
 
 ## 12.0.0-next.10
 
diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index 3baea7080..30f432aaa 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -212,6 +212,7 @@ export function EdgeWrapper<EdgeType extends Edge = Edge>({
             id={id}
             source={edge.source}
             target={edge.target}
+            type={edge.type}
             selected={edge.selected}
             animated={edge.animated}
             label={edge.label}
diff --git a/packages/react/src/components/EdgeWrapper/utils.ts b/packages/react/src/components/EdgeWrapper/utils.ts
index 0ac2a2e8a..afbccb13d 100644
--- a/packages/react/src/components/EdgeWrapper/utils.ts
+++ b/packages/react/src/components/EdgeWrapper/utils.ts
@@ -1,5 +1,4 @@
-import type { ComponentType } from 'react';
-import type { EdgeProps, EdgeTypes } from '../../types';
+import type { EdgeTypes } from '../../types';
 import {
   BezierEdgeInternal,
   StraightEdgeInternal,
@@ -9,11 +8,11 @@ import {
 } from '../Edges';
 
 export const builtinEdgeTypes: EdgeTypes = {
-  default: BezierEdgeInternal as ComponentType<EdgeProps>,
-  straight: StraightEdgeInternal as ComponentType<EdgeProps>,
-  step: StepEdgeInternal as ComponentType<EdgeProps>,
-  smoothstep: SmoothStepEdgeInternal as ComponentType<EdgeProps>,
-  simplebezier: SimpleBezierEdgeInternal as ComponentType<EdgeProps>,
+  default: BezierEdgeInternal,
+  straight: StraightEdgeInternal,
+  step: StepEdgeInternal,
+  smoothstep: SmoothStepEdgeInternal,
+  simplebezier: SimpleBezierEdgeInternal,
 };
 
 export const nullPosition = {
diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index d4474c005..f1f84ccec 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -1,10 +1,10 @@
 import {
-  memo,
-  forwardRef,
   type HTMLAttributes,
   type MouseEvent as ReactMouseEvent,
   type TouchEvent as ReactTouchEvent,
   type ForwardedRef,
+  memo,
+  forwardRef,
 } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
diff --git a/packages/react/src/components/NodeWrapper/utils.tsx b/packages/react/src/components/NodeWrapper/utils.tsx
index f98b6bb69..d6f7cc1ac 100644
--- a/packages/react/src/components/NodeWrapper/utils.tsx
+++ b/packages/react/src/components/NodeWrapper/utils.tsx
@@ -1,5 +1,4 @@
-import type { ComponentType } from 'react';
-import type { NodeProps, XYPosition } from '@xyflow/system';
+import type { XYPosition } from '@xyflow/system';
 
 import { InputNode } from '../Nodes/InputNode';
 import { DefaultNode } from '../Nodes/DefaultNode';
@@ -15,10 +14,10 @@ export const arrowKeyDiffs: Record<string, XYPosition> = {
 };
 
 export const builtinNodeTypes: NodeTypes = {
-  input: InputNode as ComponentType<NodeProps>,
-  default: DefaultNode as ComponentType<NodeProps>,
-  output: OutputNode as ComponentType<NodeProps>,
-  group: GroupNode as ComponentType<NodeProps>,
+  input: InputNode,
+  default: DefaultNode,
+  output: OutputNode,
+  group: GroupNode,
 };
 
 export function getNodeInlineStyleDimensions<NodeType extends Node = Node>(
diff --git a/packages/react/src/components/Nodes/DefaultNode.tsx b/packages/react/src/components/Nodes/DefaultNode.tsx
index 132044c55..7bcbae08a 100644
--- a/packages/react/src/components/Nodes/DefaultNode.tsx
+++ b/packages/react/src/components/Nodes/DefaultNode.tsx
@@ -1,13 +1,14 @@
-import { Position, type NodeProps } from '@xyflow/system';
+import { Position } from '@xyflow/system';
 
 import { Handle } from '../../components/Handle';
+import type { BuiltInNode, NodeProps } from '../../types/nodes';
 
 export function DefaultNode({
   data,
   isConnectable,
   targetPosition = Position.Top,
   sourcePosition = Position.Bottom,
-}: NodeProps) {
+}: NodeProps<BuiltInNode>) {
   return (
     <>
       <Handle type="target" position={targetPosition} isConnectable={isConnectable} />
diff --git a/packages/react/src/components/Nodes/InputNode.tsx b/packages/react/src/components/Nodes/InputNode.tsx
index e4b9da9b3..15ded9228 100644
--- a/packages/react/src/components/Nodes/InputNode.tsx
+++ b/packages/react/src/components/Nodes/InputNode.tsx
@@ -1,8 +1,9 @@
-import { Position, type NodeProps } from '@xyflow/system';
+import { Position } from '@xyflow/system';
 
 import { Handle } from '../../components/Handle';
+import type { BuiltInNode, NodeProps } from '../../types/nodes';
 
-export function InputNode({ data, isConnectable, sourcePosition = Position.Bottom }: NodeProps) {
+export function InputNode({ data, isConnectable, sourcePosition = Position.Bottom }: NodeProps<BuiltInNode>) {
   return (
     <>
       {data?.label}
diff --git a/packages/react/src/components/Nodes/OutputNode.tsx b/packages/react/src/components/Nodes/OutputNode.tsx
index 64af091c6..ed61236ce 100644
--- a/packages/react/src/components/Nodes/OutputNode.tsx
+++ b/packages/react/src/components/Nodes/OutputNode.tsx
@@ -1,8 +1,9 @@
-import { Position, type NodeProps } from '@xyflow/system';
+import { Position } from '@xyflow/system';
 
 import { Handle } from '../../components/Handle';
+import type { BuiltInNode, NodeProps } from '../../types/nodes';
 
-export function OutputNode({ data, isConnectable, targetPosition = Position.Top }: NodeProps) {
+export function OutputNode({ data, isConnectable, targetPosition = Position.Top }: NodeProps<BuiltInNode>) {
   return (
     <>
       <Handle type="target" position={targetPosition} isConnectable={isConnectable} />
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index a757ec237..022f26268 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -64,7 +64,6 @@ export {
   SelectionMode,
   type SelectionRect,
   type OnError,
-  type NodeProps,
   type NodeOrigin,
   type OnSelectionDrag,
   Position,
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index 602f2c347..21e4aa4e0 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -98,10 +98,10 @@ export type EdgeTextProps = HTMLAttributes<SVGElement> &
  * Custom edge component props
  * @public
  */
-export type EdgeProps<
-  EdgeData extends Record<string, unknown> = Record<string, unknown>,
-  EdgeType extends string | undefined = string | undefined
-> = Pick<Edge<EdgeData, EdgeType>, 'id' | 'animated' | 'data' | 'style' | 'selected' | 'source' | 'target'> &
+export type EdgeProps<EdgeType extends Edge = Edge> = Pick<
+  EdgeType,
+  'id' | 'animated' | 'data' | 'style' | 'selected' | 'source' | 'target'
+> &
   EdgePosition &
   EdgeLabelOptions & {
     sourceHandleId?: string | null;
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index c4365979f..6f7232377 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -10,18 +10,18 @@ import {
   SetCenter,
   FitBounds,
   XYPosition,
-  NodeProps,
   OnBeforeDeleteBase,
   Connection,
 } from '@xyflow/system';
 
-import type { NodeChange, EdgeChange, Node, Edge, ReactFlowInstance, EdgeProps } from '.';
+import type { NodeChange, EdgeChange, Node, Edge, ReactFlowInstance, EdgeProps, NodeProps } from '.';
 
 // this is needed, to use generics + forwardRef
 declare module 'react' {
-  function forwardRef<T, P>(
-    render: (props: P, ref: React.Ref<T>) => React.ReactNode | null
-  ): (props: P & React.RefAttributes<T>) => React.ReactNode | null;
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  function forwardRef<T, P = {}>(
+    render: (props: P, ref: React.Ref<T>) => React.ReactElement | null
+  ): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
 }
 
 export type OnNodesChange<NodeType extends Node = Node> = (changes: NodeChange<NodeType>[]) => void;
@@ -34,8 +34,28 @@ export type OnDelete<NodeType extends Node = Node, EdgeType extends Edge = Edge>
   edges: EdgeType[];
 }) => void;
 
-export type NodeTypes = { [key: string]: ComponentType<NodeProps> };
-export type EdgeTypes = { [key: string]: ComponentType<EdgeProps> };
+export type NodeTypes = Record<
+  string,
+  ComponentType<
+    NodeProps & {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      data: any;
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      type: any;
+    }
+  >
+>;
+export type EdgeTypes = Record<
+  string,
+  ComponentType<
+    EdgeProps & {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      data: any;
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      type: any;
+    }
+  >
+>;
 
 export type UnselectNodesAndEdgesParams = {
   nodes?: Node[];
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index c3c0ea941..52f5a3219 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -1,5 +1,5 @@
 import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
-import type { CoordinateExtent, NodeBase, NodeOrigin, OnError } from '@xyflow/system';
+import type { CoordinateExtent, NodeBase, NodeOrigin, OnError, NodeProps as NodePropsBase } from '@xyflow/system';
 
 import { NodeTypes } from './general';
 
@@ -9,7 +9,7 @@ import { NodeTypes } from './general';
  */
 export type Node<
   NodeData extends Record<string, unknown> = Record<string, unknown>,
-  NodeType extends string | undefined = string | undefined
+  NodeType extends string = string
 > = NodeBase<NodeData, NodeType> & {
   style?: CSSProperties;
   className?: string;
@@ -49,3 +49,5 @@ export type NodeWrapperProps<NodeType extends Node> = {
 };
 
 export type BuiltInNode = Node<{ label: string }, 'input' | 'output' | 'default'>;
+
+export type NodeProps<NodeType extends Node = Node> = NodePropsBase<NodeType>;
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 4635387fd..ad78c5e66 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,15 @@
 # @xyflow/svelte
 
+## 0.0.38
+
+## ⚠️ Breaking changes
+
+- `NodeProps` generic is a node and not only node data. `type $$Props = NodeProps<AppNode>`  
+
+## Patch changes
+
+- unify `Edge` and `Node` type handling
+
 ## 0.0.37
 
 ## ⚠️ Breaking changes
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 1dff49e72..0a2290994 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -51,7 +51,8 @@
     edgecontextmenu: { edge: Edge; event: MouseEvent };
   }>();
 
-  $: edgeComponent = $edgeTypes[type!] || BezierEdgeInternal;
+  const edgeType = type || 'default';
+  $: edgeComponent = $edgeTypes[edgeType] || BezierEdgeInternal;
   $: markerStartUrl = markerStart ? `url(#${getMarkerId(markerStart, $flowId)})` : undefined;
   $: markerEndUrl = markerEnd ? `url(#${getMarkerId(markerEnd, $flowId)})` : undefined;
   $: isSelectable = selectable || ($elementsSelectable && typeof selectable === 'undefined');
@@ -113,6 +114,7 @@
         {data}
         {style}
         {interactionWidth}
+        type={edgeType}
         sourceHandleId={sourceHandle}
         targetHandleId={targetHandle}
         markerStart={markerStartUrl}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 50dda4e75..04dcfc8c3 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -1,16 +1,10 @@
 <svelte:options immutable />
 
 <script lang="ts">
-  import {
-    createEventDispatcher,
-    setContext,
-    SvelteComponent,
-    type ComponentType,
-    onDestroy
-  } from 'svelte';
+  import { createEventDispatcher, setContext, onDestroy } from 'svelte';
   import { get, writable } from 'svelte/store';
   import cc from 'classcat';
-  import { errorMessages, Position, type NodeProps } from '@xyflow/system';
+  import { errorMessages, Position } from '@xyflow/system';
 
   import drag from '$lib/actions/drag';
   import { useStore } from '$lib/store';
@@ -71,8 +65,7 @@
     console.warn('003', errorMessages['error003'](type!));
   }
 
-  const nodeComponent: ComponentType<SvelteComponent<NodeProps>> =
-    $nodeTypes[nodeType] || DefaultNode;
+  const nodeComponent = $nodeTypes[nodeType] || DefaultNode;
   const dispatch = createEventDispatcher<{
     nodeclick: { node: Node; event: MouseEvent | TouchEvent };
     nodecontextmenu: { node: Node; event: MouseEvent | TouchEvent };
@@ -211,11 +204,11 @@
       {selected}
       {sourcePosition}
       {targetPosition}
-      {type}
       {zIndex}
       {dragging}
       {dragHandle}
-      isConnectable={connectable}
+      type={nodeType}
+      isConnectable={$connectableStore}
       positionAbsoluteX={positionX}
       positionAbsoluteY={positionY}
       {width}
diff --git a/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte
index 0d436d52a..1891436fa 100644
--- a/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte
+++ b/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte
@@ -11,6 +11,7 @@
   export let source: $$Props['source'] = '';
   export let target: $$Props['target'] = '';
 
+  export let type: $$Props['type'] = 'straight';
   export let animated: $$Props['animated'] = undefined;
   export let selected: $$Props['selected'] = undefined;
   export let label: $$Props['label'] = undefined;
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index 9f0f927a5..dd4450193 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
-  import { Position, type NodeProps } from '@xyflow/system';
+  import { Position } from '@xyflow/system';
 
   import { Handle } from '$lib/components/Handle';
+  import type { NodeProps } from '$lib/types';
 
-  interface $$Props extends NodeProps<{ label: string }> {}
+  interface $$Props extends NodeProps {}
 
   export let data: $$Props['data'] = { label: 'Node' };
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
@@ -15,12 +16,12 @@
   export let height: $$Props['height'] = undefined;
   export let selected: $$Props['selected'] = undefined;
   export let type: $$Props['type'] = undefined;
-  export let zIndex: $$Props['zIndex'] = undefined;
   export let dragging: $$Props['dragging'] = false;
   export let dragHandle: $$Props['dragHandle'] = undefined;
   export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
   export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
-  export let isConnectable: $$Props['isConnectable'] = undefined;
+  export let isConnectable: $$Props['isConnectable'];
+  export let zIndex: $$Props['zIndex'];
 
   // @todo: there must be a better way to do this
   id;
diff --git a/packages/svelte/src/lib/components/nodes/GroupNode.svelte b/packages/svelte/src/lib/components/nodes/GroupNode.svelte
index bc41b0d9b..d22e04121 100644
--- a/packages/svelte/src/lib/components/nodes/GroupNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/GroupNode.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import type { NodeProps } from '@xyflow/system';
+  import type { NodeProps } from '$lib/types';
 
-  interface $$Props extends NodeProps<{}> {}
+  interface $$Props extends NodeProps {}
 
   // unused props - we need to list them here in order to prevent warnings
   export let id: $$Props['id'] = '';
@@ -12,12 +12,12 @@
   export let sourcePosition: $$Props['sourcePosition'] = undefined;
   export let targetPosition: $$Props['targetPosition'] = undefined;
   export let type: $$Props['type'] = undefined;
-  export let zIndex: $$Props['zIndex'] = undefined;
   export let dragging: $$Props['dragging'] = false;
   export let dragHandle: $$Props['dragHandle'] = undefined;
   export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
   export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
-  export let isConnectable: $$Props['isConnectable'] = undefined;
+  export let isConnectable: $$Props['isConnectable'];
+  export let zIndex: $$Props['zIndex'];
 
   // @todo: there must be a better way to do this
   id;
diff --git a/packages/svelte/src/lib/components/nodes/InputNode.svelte b/packages/svelte/src/lib/components/nodes/InputNode.svelte
index 0c7093df7..3b8296c54 100644
--- a/packages/svelte/src/lib/components/nodes/InputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/InputNode.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
-  import { Position, type NodeProps } from '@xyflow/system';
+  import { Position } from '@xyflow/system';
+  import type { NodeProps } from '$lib/types';
 
   import { Handle } from '$lib/components/Handle';
 
-  interface $$Props extends NodeProps<{ label: string }> {}
+  interface $$Props extends NodeProps {}
 
   export let data: $$Props['data'] = { label: 'Node' };
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
@@ -15,12 +16,12 @@
   export let selected: $$Props['selected'] = undefined;
   export let targetPosition: $$Props['targetPosition'] = undefined;
   export let type: $$Props['type'] = undefined;
-  export let zIndex: $$Props['zIndex'] = undefined;
   export let dragging: $$Props['dragging'] = false;
   export let dragHandle: $$Props['dragHandle'] = undefined;
   export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
   export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
-  export let isConnectable: $$Props['isConnectable'] = undefined;
+  export let isConnectable: $$Props['isConnectable'];
+  export let zIndex: $$Props['zIndex'];
 
   // @todo: there must be a better way to do this
   id;
diff --git a/packages/svelte/src/lib/components/nodes/OutputNode.svelte b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
index cfaf113e4..692aaf76e 100644
--- a/packages/svelte/src/lib/components/nodes/OutputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
-  import { Position, type NodeProps } from '@xyflow/system';
+  import { Position } from '@xyflow/system';
+  import type { NodeProps } from '$lib/types';
 
   import { Handle } from '$lib/components/Handle';
 
-  interface $$Props extends NodeProps<{ label: string }> {}
+  interface $$Props extends NodeProps {}
 
   export let data: $$Props['data'] = { label: 'Node' };
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
@@ -15,12 +16,12 @@
   export let selected: $$Props['selected'] = undefined;
   export let sourcePosition: $$Props['sourcePosition'] = undefined;
   export let type: $$Props['type'] = undefined;
-  export let zIndex: $$Props['zIndex'] = undefined;
   export let dragging: $$Props['dragging'] = false;
   export let dragHandle: $$Props['dragHandle'] = undefined;
   export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
   export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
-  export let isConnectable: $$Props['isConnectable'] = undefined;
+  export let isConnectable: $$Props['isConnectable'];
+  export let zIndex: $$Props['zIndex'];
 
   // @todo: there must be a better way to do this
   id;
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 20f0f284b..589a29105 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -45,7 +45,7 @@ export type {
   DefaultEdgeOptions
 } from '$lib/types/edges';
 export type { HandleComponentProps, FitViewOptions } from '$lib/types/general';
-export type { Node, NodeTypes, DefaultNodeOptions, BuiltInNode } from '$lib/types/nodes';
+export type { Node, NodeTypes, DefaultNodeOptions, BuiltInNode, NodeProps } from '$lib/types/nodes';
 export type { SvelteFlowStore } from '$lib/store/types';
 
 // system types
@@ -77,7 +77,6 @@ export {
   SelectionMode,
   type SelectionRect,
   type OnError,
-  type NodeProps,
   type NodeOrigin,
   type OnSelectionDrag,
   Position,
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 21bcdaa57..a0d634336 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -49,11 +49,14 @@ export type BuiltInEdge = SmoothStepEdge | BezierEdge | StepEdge;
 /**
  * Custom edge component props.
  */
-export type EdgeProps<
-  EdgeData extends Record<string, unknown> = Record<string, unknown>,
-  EdgeType extends string | undefined = string | undefined
-> = Omit<Edge<EdgeData, EdgeType>, 'sourceHandle' | 'targetHandle' | 'type'> &
+export type EdgeProps<EdgeType extends Edge = Edge> = Omit<
+  EdgeType,
+  'sourceHandle' | 'targetHandle'
+> &
   EdgePosition & {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    data?: any;
+    type: string;
     markerStart?: string;
     markerEnd?: string;
     sourceHandleId?: string | null;
@@ -103,7 +106,19 @@ export type StepEdgeProps = EdgeComponentWithPathOptions<StepPathOptions>;
  */
 export type StraightEdgeProps = Omit<EdgeComponentProps, 'sourcePosition' | 'targetPosition'>;
 
-export type EdgeTypes = Record<string, ComponentType<SvelteComponent<EdgeProps>>>;
+export type EdgeTypes = Record<
+  string,
+  ComponentType<
+    SvelteComponent<
+      EdgeProps & {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        data?: any;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        type: any;
+      }
+    >
+  >
+>;
 
 export type DefaultEdgeOptions = DefaultEdgeOptionsBase<Edge>;
 
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index b3c572c7c..2cd9262c8 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -1,5 +1,5 @@
 import type { ComponentType, SvelteComponent } from 'svelte';
-import type { NodeBase, NodeProps } from '@xyflow/system';
+import type { NodeBase, NodeProps as NodePropsBase } from '@xyflow/system';
 
 /**
  * The node data structure that gets used for the nodes prop.
@@ -7,13 +7,32 @@ import type { NodeBase, NodeProps } from '@xyflow/system';
  */
 export type Node<
   NodeData extends Record<string, unknown> = Record<string, unknown>,
-  NodeType extends string | undefined = string | undefined
+  NodeType extends string = string
 > = NodeBase<NodeData, NodeType> & {
   class?: string;
   style?: string;
 };
 
-export type NodeTypes = Record<string, ComponentType<SvelteComponent<NodeProps>>>;
+// @todo: currently generics for nodes are not really supported
+// let's fix `type: any` when we migrate to Svelte 5
+export type NodeProps<NodeType extends Node = Node> = NodePropsBase<NodeType> & {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  type: any;
+};
+
+export type NodeTypes = Record<
+  string,
+  ComponentType<
+    SvelteComponent<
+      NodeProps & {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        data: any;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        type: any;
+      }
+    >
+  >
+>;
 
 export type DefaultNodeOptions = Partial<Omit<Node, 'id'>>;
 
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 4f6c130e5..c888d8a4f 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -10,7 +10,7 @@ import { Optional } from '../utils/types';
  */
 export type NodeBase<
   NodeData extends Record<string, unknown> = Record<string, unknown>,
-  NodeType extends string | undefined = string | undefined
+  NodeType extends string = string
 > = {
   /** Unique id of a node */
   id: string;
@@ -82,25 +82,19 @@ export type NodeBase<
  * The node data structure that gets used for the nodes prop.
  *
  * @public
- * @param id - The id of the node.
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type NodeProps<NodeData = any> = {
-  id: NodeBase['id'];
-  data: NodeData;
-  dragHandle: NodeBase['dragHandle'];
-  type: NodeBase['type'];
-  selected: NodeBase['selected'];
-  isConnectable: NodeBase['connectable'];
-  zIndex: NodeBase['zIndex'];
-  positionAbsoluteX: number;
-  positionAbsoluteY: number;
-  width?: number;
-  height?: number;
-  dragging: NodeBase['dragging'];
-  sourcePosition?: NodeBase['sourcePosition'];
-  targetPosition?: NodeBase['targetPosition'];
-};
+export type NodeProps<NodeType extends NodeBase> = Pick<
+  NodeType,
+  'id' | 'data' | 'width' | 'height' | 'sourcePosition' | 'targetPosition' | 'selected' | 'dragHandle'
+> &
+  Required<Pick<NodeType, 'type' | 'dragging' | 'zIndex'>> & {
+    /** whether a node is connectable or not */
+    isConnectable: boolean;
+    /** position absolute x value */
+    positionAbsoluteX: number;
+    /** position absolute x value */
+    positionAbsoluteY: number;
+  };
 
 export type NodeHandleBounds = {
   source: HandleElement[] | null;

From 3cd386c62b9803e6b9dd7ba32779ab6484bc4723 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 5 Mar 2024 13:26:05 +0100
Subject: [PATCH 0637/1093] chore(svelte): update deps

---
 examples/svelte/package.json                  |   9 +-
 examples/svelte/svelte.config.js              |   2 +-
 packages/svelte/package.json                  |  10 +-
 .../edges/BezierEdgeInternal.svelte           |   2 +
 .../edges/SmoothStepEdgeInternal.svelte       |   2 +
 .../components/edges/StepEdgeInternal.svelte  |   2 +
 .../edges/StraightEdgeInternal.svelte         |   3 +-
 pnpm-lock.yaml                                | 908 ++++++++++++++----
 8 files changed, 726 insertions(+), 212 deletions(-)

diff --git a/examples/svelte/package.json b/examples/svelte/package.json
index 2679983a0..edf69c6af 100644
--- a/examples/svelte/package.json
+++ b/examples/svelte/package.json
@@ -12,8 +12,8 @@
 		"format": "prettier --plugin-search-dir . --write ."
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-auto": "^2.1.1",
-		"@sveltejs/kit": "^1.27.3",
+		"@sveltejs/adapter-auto": "^3.1.1",
+		"@sveltejs/kit": "^2.5.2",
 		"@typescript-eslint/eslint-plugin": "^6.10.0",
 		"@typescript-eslint/parser": "^6.10.0",
 		"eslint": "^8.53.0",
@@ -21,8 +21,8 @@
 		"eslint-plugin-svelte": "^2.35.0",
 		"prettier": "^3.0.3",
 		"prettier-plugin-svelte": "^3.0.3",
-		"svelte": "^4.2.2",
-		"svelte-check": "^3.5.2",
+		"svelte": "^4.2.12",
+		"svelte-check": "^3.6.6",
 		"tslib": "^2.6.2",
 		"typescript": "^5.2.2",
 		"vite": "^4.5.0"
@@ -30,6 +30,7 @@
 	"type": "module",
 	"dependencies": {
 		"@dagrejs/dagre": "^1.0.4",
+		"@sveltejs/vite-plugin-svelte": "^3.0.2",
 		"@xyflow/svelte": "workspace:^"
 	}
 }
diff --git a/examples/svelte/svelte.config.js b/examples/svelte/svelte.config.js
index 80719d796..56ed51a85 100644
--- a/examples/svelte/svelte.config.js
+++ b/examples/svelte/svelte.config.js
@@ -1,5 +1,5 @@
 import adapter from '@sveltejs/adapter-auto';
-import { vitePreprocess } from '@sveltejs/kit/vite';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index f73908cbc..4b83670b2 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -46,9 +46,9 @@
     "classcat": "^5.0.4"
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^2.1.0",
-    "@sveltejs/kit": "^1.22.6",
-    "@sveltejs/package": "^2.2.1",
+    "@sveltejs/adapter-auto": "^3.1.1",
+    "@sveltejs/kit": "^2.5.2",
+    "@sveltejs/package": "^2.2.7",
     "@typescript-eslint/eslint-plugin": "^5.60.0",
     "@typescript-eslint/parser": "^5.60.0",
     "autoprefixer": "^10.4.15",
@@ -65,8 +65,8 @@
     "postcss-rename": "^0.6.1",
     "prettier": "^2.8.8",
     "prettier-plugin-svelte": "^2.10.1",
-    "svelte": "^4.2.0",
-    "svelte-check": "^3.5.0",
+    "svelte": "^4.2.12",
+    "svelte-check": "^3.6.6",
     "svelte-eslint-parser": "^0.32.2",
     "tslib": "^2.5.3",
     "typescript": "5.1.3"
diff --git a/packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte
index 9431a05d3..3f6c13e78 100644
--- a/packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte
+++ b/packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte
@@ -10,6 +10,7 @@
   export let id: $$Props['id'] = '';
   export let source: $$Props['source'] = '';
   export let target: $$Props['target'] = '';
+  export let type: $$Props['type'] = 'default';
   export let animated: $$Props['animated'] = undefined;
   export let selected: $$Props['selected'] = undefined;
   export let label: $$Props['label'] = undefined;
@@ -43,6 +44,7 @@
   id;
   source;
   target;
+  type;
   animated;
   selected;
   data;
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte
index 28e87269c..55b34bf30 100644
--- a/packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte
@@ -10,6 +10,7 @@
   export let id: $$Props['id'] = '';
   export let source: $$Props['source'] = '';
   export let target: $$Props['target'] = '';
+  export let type: $$Props['type'] = 'smoothstep';
 
   export let animated: $$Props['animated'] = undefined;
   export let selected: $$Props['selected'] = undefined;
@@ -43,6 +44,7 @@
   id;
   source;
   target;
+  type;
   animated;
   selected;
   data;
diff --git a/packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte
index 248e5912e..f1e76fc3a 100644
--- a/packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte
+++ b/packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte
@@ -10,6 +10,7 @@
   export let id: $$Props['id'] = '';
   export let source: $$Props['source'] = '';
   export let target: $$Props['target'] = '';
+  export let type: $$Props['type'] = 'step';
 
   export let animated: $$Props['animated'] = undefined;
   export let selected: $$Props['selected'] = undefined;
@@ -44,6 +45,7 @@
   id;
   source;
   target;
+  type;
   animated;
   selected;
   data;
diff --git a/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte
index 1891436fa..5d8ee9740 100644
--- a/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte
+++ b/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte
@@ -10,8 +10,8 @@
   export let id: $$Props['id'] = '';
   export let source: $$Props['source'] = '';
   export let target: $$Props['target'] = '';
-
   export let type: $$Props['type'] = 'straight';
+
   export let animated: $$Props['animated'] = undefined;
   export let selected: $$Props['selected'] = undefined;
   export let label: $$Props['label'] = undefined;
@@ -42,6 +42,7 @@
   id;
   source;
   target;
+  type;
   animated;
   selected;
   data;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index dfddf7d10..173a2edaa 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -156,16 +156,19 @@ importers:
       '@dagrejs/dagre':
         specifier: ^1.0.4
         version: 1.0.4
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^3.0.2
+        version: 3.0.2(svelte@4.2.12)(vite@4.5.0)
       '@xyflow/svelte':
         specifier: workspace:^
         version: link:../../packages/svelte
     devDependencies:
       '@sveltejs/adapter-auto':
-        specifier: ^2.1.1
-        version: 2.1.1(@sveltejs/kit@1.27.3)
+        specifier: ^3.1.1
+        version: 3.1.1(@sveltejs/kit@2.5.2)
       '@sveltejs/kit':
-        specifier: ^1.27.3
-        version: 1.27.3(svelte@4.2.2)(vite@4.5.0)
+        specifier: ^2.5.2
+        version: 2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0)
       '@typescript-eslint/eslint-plugin':
         specifier: ^6.10.0
         version: 6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2)
@@ -180,19 +183,19 @@ importers:
         version: 9.0.0(eslint@8.53.0)
       eslint-plugin-svelte:
         specifier: ^2.35.0
-        version: 2.35.0(eslint@8.53.0)(svelte@4.2.2)
+        version: 2.35.0(eslint@8.53.0)(svelte@4.2.12)
       prettier:
         specifier: ^3.0.3
         version: 3.0.3
       prettier-plugin-svelte:
         specifier: ^3.0.3
-        version: 3.0.3(prettier@3.0.3)(svelte@4.2.2)
+        version: 3.0.3(prettier@3.0.3)(svelte@4.2.12)
       svelte:
-        specifier: ^4.2.2
-        version: 4.2.2
+        specifier: ^4.2.12
+        version: 4.2.12
       svelte-check:
-        specifier: ^3.5.2
-        version: 3.5.2(postcss@8.4.31)(svelte@4.2.2)
+        specifier: ^3.6.6
+        version: 3.6.6(postcss@8.4.31)(svelte@4.2.12)
       tslib:
         specifier: ^2.6.2
         version: 2.6.2
@@ -280,14 +283,14 @@ importers:
         version: 5.0.4
     devDependencies:
       '@sveltejs/adapter-auto':
-        specifier: ^2.1.0
-        version: 2.1.0(@sveltejs/kit@1.22.6)
+        specifier: ^3.1.1
+        version: 3.1.1(@sveltejs/kit@2.5.2)
       '@sveltejs/kit':
-        specifier: ^1.22.6
-        version: 1.22.6(svelte@4.2.1)(vite@4.5.0)
+        specifier: ^2.5.2
+        version: 2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.5)
       '@sveltejs/package':
-        specifier: ^2.2.1
-        version: 2.2.1(svelte@4.2.1)(typescript@5.1.3)
+        specifier: ^2.2.7
+        version: 2.2.7(svelte@4.2.12)(typescript@5.1.3)
       '@typescript-eslint/eslint-plugin':
         specifier: ^5.60.0
         version: 5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3)
@@ -311,7 +314,7 @@ importers:
         version: 8.8.0(eslint@8.43.0)
       eslint-plugin-svelte:
         specifier: ^2.31.1
-        version: 2.31.1(eslint@8.43.0)(svelte@4.2.1)
+        version: 2.31.1(eslint@8.43.0)(svelte@4.2.12)
       postcss:
         specifier: ^8.4.21
         version: 8.4.21
@@ -335,16 +338,16 @@ importers:
         version: 2.8.8
       prettier-plugin-svelte:
         specifier: ^2.10.1
-        version: 2.10.1(prettier@2.8.8)(svelte@4.2.1)
+        version: 2.10.1(prettier@2.8.8)(svelte@4.2.12)
       svelte:
-        specifier: ^4.2.0
-        version: 4.2.1
+        specifier: ^4.2.12
+        version: 4.2.12
       svelte-check:
-        specifier: ^3.5.0
-        version: 3.5.0(postcss@8.4.21)(svelte@4.2.1)
+        specifier: ^3.6.6
+        version: 3.6.6(postcss@8.4.21)(svelte@4.2.12)
       svelte-eslint-parser:
         specifier: ^0.32.2
-        version: 0.32.2(svelte@4.2.1)
+        version: 0.32.2(svelte@4.2.12)
       tslib:
         specifier: ^2.5.3
         version: 2.5.3
@@ -477,6 +480,14 @@ packages:
     dependencies:
       '@jridgewell/gen-mapping': 0.3.3
       '@jridgewell/trace-mapping': 0.3.20
+    dev: false
+
+  /@ampproject/remapping@2.3.0:
+    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
 
   /@astrojs/compiler@2.2.1:
     resolution: {integrity: sha512-NJ1lWKzMkyEjE3W5NpPNAVot4/PLF5om/P6ekxNu3iLS05CaYFTcp7WpYMjdCC252b7wkNVAs45FNkVQ+RHW/g==}
@@ -597,7 +608,7 @@ packages:
     resolution: {integrity: sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@ampproject/remapping': 2.2.1
+      '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.22.13
       '@babel/generator': 7.23.0
       '@babel/helper-compilation-targets': 7.22.15
@@ -644,7 +655,7 @@ packages:
     dependencies:
       '@babel/types': 7.23.0
       '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.20
+      '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
 
   /@babel/generator@7.23.6:
@@ -1220,6 +1231,15 @@ packages:
     engines: {node: '>17.0.0'}
     dev: false
 
+  /@esbuild/aix-ppc64@0.19.12:
+    resolution: {integrity: sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/android-arm64@0.18.20:
     resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
     engines: {node: '>=12'}
@@ -1228,6 +1248,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/android-arm64@0.19.12:
+    resolution: {integrity: sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/android-arm64@0.19.5:
     resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==}
     engines: {node: '>=12'}
@@ -1245,6 +1274,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/android-arm@0.19.12:
+    resolution: {integrity: sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/android-arm@0.19.5:
     resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==}
     engines: {node: '>=12'}
@@ -1262,6 +1300,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/android-x64@0.19.12:
+    resolution: {integrity: sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/android-x64@0.19.5:
     resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==}
     engines: {node: '>=12'}
@@ -1279,6 +1326,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/darwin-arm64@0.19.12:
+    resolution: {integrity: sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/darwin-arm64@0.19.5:
     resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==}
     engines: {node: '>=12'}
@@ -1296,6 +1352,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/darwin-x64@0.19.12:
+    resolution: {integrity: sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/darwin-x64@0.19.5:
     resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==}
     engines: {node: '>=12'}
@@ -1313,6 +1378,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/freebsd-arm64@0.19.12:
+    resolution: {integrity: sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/freebsd-arm64@0.19.5:
     resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==}
     engines: {node: '>=12'}
@@ -1330,6 +1404,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/freebsd-x64@0.19.12:
+    resolution: {integrity: sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/freebsd-x64@0.19.5:
     resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==}
     engines: {node: '>=12'}
@@ -1347,6 +1430,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-arm64@0.19.12:
+    resolution: {integrity: sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-arm64@0.19.5:
     resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==}
     engines: {node: '>=12'}
@@ -1364,6 +1456,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-arm@0.19.12:
+    resolution: {integrity: sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-arm@0.19.5:
     resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==}
     engines: {node: '>=12'}
@@ -1381,6 +1482,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-ia32@0.19.12:
+    resolution: {integrity: sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-ia32@0.19.5:
     resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==}
     engines: {node: '>=12'}
@@ -1398,6 +1508,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-loong64@0.19.12:
+    resolution: {integrity: sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-loong64@0.19.5:
     resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==}
     engines: {node: '>=12'}
@@ -1415,6 +1534,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-mips64el@0.19.12:
+    resolution: {integrity: sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-mips64el@0.19.5:
     resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==}
     engines: {node: '>=12'}
@@ -1432,6 +1560,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-ppc64@0.19.12:
+    resolution: {integrity: sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-ppc64@0.19.5:
     resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==}
     engines: {node: '>=12'}
@@ -1449,6 +1586,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-riscv64@0.19.12:
+    resolution: {integrity: sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-riscv64@0.19.5:
     resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==}
     engines: {node: '>=12'}
@@ -1466,6 +1612,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-s390x@0.19.12:
+    resolution: {integrity: sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-s390x@0.19.5:
     resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==}
     engines: {node: '>=12'}
@@ -1483,6 +1638,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-x64@0.19.12:
+    resolution: {integrity: sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-x64@0.19.5:
     resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==}
     engines: {node: '>=12'}
@@ -1500,6 +1664,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/netbsd-x64@0.19.12:
+    resolution: {integrity: sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/netbsd-x64@0.19.5:
     resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==}
     engines: {node: '>=12'}
@@ -1517,6 +1690,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/openbsd-x64@0.19.12:
+    resolution: {integrity: sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/openbsd-x64@0.19.5:
     resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==}
     engines: {node: '>=12'}
@@ -1534,6 +1716,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/sunos-x64@0.19.12:
+    resolution: {integrity: sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/sunos-x64@0.19.5:
     resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==}
     engines: {node: '>=12'}
@@ -1551,6 +1742,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/win32-arm64@0.19.12:
+    resolution: {integrity: sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/win32-arm64@0.19.5:
     resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==}
     engines: {node: '>=12'}
@@ -1568,6 +1768,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/win32-ia32@0.19.12:
+    resolution: {integrity: sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/win32-ia32@0.19.5:
     resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==}
     engines: {node: '>=12'}
@@ -1585,6 +1794,15 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/win32-x64@0.19.12:
+    resolution: {integrity: sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/win32-x64@0.19.5:
     resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==}
     engines: {node: '>=12'}
@@ -1671,6 +1889,7 @@ packages:
   /@fastify/busboy@2.0.0:
     resolution: {integrity: sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==}
     engines: {node: '>=14'}
+    dev: false
 
   /@hapi/hoek@9.3.0:
     resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
@@ -1710,14 +1929,30 @@ packages:
       '@jridgewell/sourcemap-codec': 1.4.15
       '@jridgewell/trace-mapping': 0.3.20
 
+  /@jridgewell/gen-mapping@0.3.5:
+    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/set-array': 1.2.1
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/trace-mapping': 0.3.25
+
   /@jridgewell/resolve-uri@3.1.1:
     resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
     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.1.2:
     resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
     engines: {node: '>=6.0.0'}
 
+  /@jridgewell/set-array@1.2.1:
+    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
+    engines: {node: '>=6.0.0'}
+
   /@jridgewell/source-map@0.3.5:
     resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}
     dependencies:
@@ -1734,6 +1969,12 @@ packages:
       '@jridgewell/resolve-uri': 3.1.1
       '@jridgewell/sourcemap-codec': 1.4.15
 
+  /@jridgewell/trace-mapping@0.3.25:
+    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.4.15
+
   /@manypkg/find-root@1.1.0:
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
     dependencies:
@@ -1817,8 +2058,8 @@ packages:
       playwright: 1.40.1
     dev: true
 
-  /@polka/url@1.0.0-next.23:
-    resolution: {integrity: sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg==}
+  /@polka/url@1.0.0-next.24:
+    resolution: {integrity: sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==}
     dev: true
 
   /@remix-run/router@1.11.0:
@@ -1925,6 +2166,110 @@ packages:
       rollup: 3.23.0
     dev: true
 
+  /@rollup/rollup-android-arm-eabi@4.12.0:
+    resolution: {integrity: sha512-+ac02NL/2TCKRrJu2wffk1kZ+RyqxVUlbjSagNgPm94frxtr+XDL12E5Ll1enWskLrtrZ2r8L3wED1orIibV/w==}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-android-arm64@4.12.0:
+    resolution: {integrity: sha512-OBqcX2BMe6nvjQ0Nyp7cC90cnumt8PXmO7Dp3gfAju/6YwG0Tj74z1vKrfRz7qAv23nBcYM8BCbhrsWqO7PzQQ==}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-darwin-arm64@4.12.0:
+    resolution: {integrity: sha512-X64tZd8dRE/QTrBIEs63kaOBG0b5GVEd3ccoLtyf6IdXtHdh8h+I56C2yC3PtC9Ucnv0CpNFJLqKFVgCYe0lOQ==}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-darwin-x64@4.12.0:
+    resolution: {integrity: sha512-cc71KUZoVbUJmGP2cOuiZ9HSOP14AzBAThn3OU+9LcA1+IUqswJyR1cAJj3Mg55HbjZP6OLAIscbQsQLrpgTOg==}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-arm-gnueabihf@4.12.0:
+    resolution: {integrity: sha512-a6w/Y3hyyO6GlpKL2xJ4IOh/7d+APaqLYdMf86xnczU3nurFTaVN9s9jOXQg97BE4nYm/7Ga51rjec5nfRdrvA==}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-arm64-gnu@4.12.0:
+    resolution: {integrity: sha512-0fZBq27b+D7Ar5CQMofVN8sggOVhEtzFUwOwPppQt0k+VR+7UHMZZY4y+64WJ06XOhBTKXtQB/Sv0NwQMXyNAA==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-arm64-musl@4.12.0:
+    resolution: {integrity: sha512-eTvzUS3hhhlgeAv6bfigekzWZjaEX9xP9HhxB0Dvrdbkk5w/b+1Sxct2ZuDxNJKzsRStSq1EaEkVSEe7A7ipgQ==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-riscv64-gnu@4.12.0:
+    resolution: {integrity: sha512-ix+qAB9qmrCRiaO71VFfY8rkiAZJL8zQRXveS27HS+pKdjwUfEhqo2+YF2oI+H/22Xsiski+qqwIBxVewLK7sw==}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-x64-gnu@4.12.0:
+    resolution: {integrity: sha512-TenQhZVOtw/3qKOPa7d+QgkeM6xY0LtwzR8OplmyL5LrgTWIXpTQg2Q2ycBf8jm+SFW2Wt/DTn1gf7nFp3ssVA==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-x64-musl@4.12.0:
+    resolution: {integrity: sha512-LfFdRhNnW0zdMvdCb5FNuWlls2WbbSridJvxOvYWgSBOYZtgBfW9UGNJG//rwMqTX1xQE9BAodvMH9tAusKDUw==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-win32-arm64-msvc@4.12.0:
+    resolution: {integrity: sha512-JPDxovheWNp6d7AHCgsUlkuCKvtu3RB55iNEkaQcf0ttsDU/JZF+iQnYcQJSk/7PtT4mjjVG8N1kpwnI9SLYaw==}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-win32-ia32-msvc@4.12.0:
+    resolution: {integrity: sha512-fjtuvMWRGJn1oZacG8IPnzIV6GF2/XG+h71FKn76OYFqySXInJtseAqdprVTDTyqPxQOG9Exak5/E9Z3+EJ8ZA==}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-win32-x64-msvc@4.12.0:
+    resolution: {integrity: sha512-ZYmr5mS2wd4Dew/JjT0Fqi2NPB/ZhZ2VvPp7SmvPZb4Y1CG/LRcS6tcRo2cYU7zLK5A7cdbhWnnWmUjoI4qapg==}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@sideway/address@4.1.4:
     resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==}
     dependencies:
@@ -1948,92 +2293,82 @@ packages:
     resolution: {integrity: sha512-EWMEDkZ0+O3yMhb9yrqe5UYisV9CNRKX6Pl/JW3x62t74CiN+3COu1L9NzZUG0omagc2Z3J14PZNYxs77IC9NA==}
     dev: false
 
-  /@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.22.6):
-    resolution: {integrity: sha512-o2pZCfATFtA/Gw/BB0Xm7k4EYaekXxaPGER3xGSY3FvzFJGTlJlZjBseaXwYSM94lZ0HniOjTokN3cWaLX6fow==}
+  /@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.2):
+    resolution: {integrity: sha512-6LeZft2Fo/4HfmLBi5CucMYmgRxgcETweQl/yQoZo/895K3S9YWYN4Sfm/IhwlIpbJp3QNvhKmwCHbsqQNYQpw==}
     peerDependencies:
-      '@sveltejs/kit': ^1.0.0
+      '@sveltejs/kit': ^2.0.0
     dependencies:
-      '@sveltejs/kit': 1.22.6(svelte@4.2.1)(vite@4.5.0)
-      import-meta-resolve: 3.0.0
-    dev: true
-
-  /@sveltejs/adapter-auto@2.1.1(@sveltejs/kit@1.27.3):
-    resolution: {integrity: sha512-nzi6x/7/3Axh5VKQ8Eed3pYxastxoa06Y/bFhWb7h3Nu+nGRVxKAy3+hBJgmPCwWScy8n0TsstZjSVKfyrIHkg==}
-    peerDependencies:
-      '@sveltejs/kit': ^1.0.0
-    dependencies:
-      '@sveltejs/kit': 1.27.3(svelte@4.2.2)(vite@4.5.0)
+      '@sveltejs/kit': 2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0)
       import-meta-resolve: 4.0.0
     dev: true
 
-  /@sveltejs/kit@1.22.6(svelte@4.2.1)(vite@4.5.0):
-    resolution: {integrity: sha512-SDKxI/QpsReCwIn5czjT53fKlPBybbmMk67d317gUqfeORroBAFN1Z6s/x0E1JYi+04i7kKllS+Sz9wVfmUkAQ==}
-    engines: {node: ^16.14 || >=18}
+  /@sveltejs/kit@2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0):
+    resolution: {integrity: sha512-1Pm2lsBYURQsjnLyZa+jw75eVD4gYHxGRwPyFe4DAmB3FjTVR8vRNWGeuDLGFcKMh/B1ij6FTUrc9GrerogCng==}
+    engines: {node: '>=18.13'}
     hasBin: true
     requiresBuild: true
     peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0-next.0
-      vite: ^4.0.0
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.3
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
-      '@types/cookie': 0.5.3
-      cookie: 0.5.0
+      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@4.5.0)
+      '@types/cookie': 0.6.0
+      cookie: 0.6.0
       devalue: 4.3.2
       esm-env: 1.0.0
+      import-meta-resolve: 4.0.0
       kleur: 4.1.5
-      magic-string: 0.30.5
-      mime: 3.0.0
+      magic-string: 0.30.8
+      mrmime: 2.0.0
       sade: 1.8.1
       set-cookie-parser: 2.6.0
-      sirv: 2.0.3
-      svelte: 4.2.1
-      undici: 5.23.0
+      sirv: 2.0.4
+      svelte: 4.2.12
+      tiny-glob: 0.2.9
       vite: 4.5.0(@types/node@18.7.16)
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
-  /@sveltejs/kit@1.27.3(svelte@4.2.2)(vite@4.5.0):
-    resolution: {integrity: sha512-pd7qwX6ww5noA0/FLk45B0aKUeOXWR+pfZsGTrv3dRmj3lTmnki9UTmTdWzHJGrje+BBkGUZHfgGrsSOQQBQpQ==}
-    engines: {node: ^16.14 || >=18}
+  /@sveltejs/kit@2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.5):
+    resolution: {integrity: sha512-1Pm2lsBYURQsjnLyZa+jw75eVD4gYHxGRwPyFe4DAmB3FjTVR8vRNWGeuDLGFcKMh/B1ij6FTUrc9GrerogCng==}
+    engines: {node: '>=18.13'}
     hasBin: true
     requiresBuild: true
     peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0-next.0
-      vite: ^4.0.0
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.3
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.2)(vite@4.5.0)
-      '@types/cookie': 0.5.4
-      cookie: 0.5.0
+      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.5)
+      '@types/cookie': 0.6.0
+      cookie: 0.6.0
       devalue: 4.3.2
       esm-env: 1.0.0
+      import-meta-resolve: 4.0.0
       kleur: 4.1.5
-      magic-string: 0.30.5
-      mrmime: 1.0.1
+      magic-string: 0.30.8
+      mrmime: 2.0.0
       sade: 1.8.1
       set-cookie-parser: 2.6.0
-      sirv: 2.0.3
-      svelte: 4.2.2
+      sirv: 2.0.4
+      svelte: 4.2.12
       tiny-glob: 0.2.9
-      undici: 5.26.5
-      vite: 4.5.0(@types/node@18.7.16)
-    transitivePeerDependencies:
-      - supports-color
+      vite: 5.1.5
     dev: true
 
-  /@sveltejs/package@2.2.1(svelte@4.2.1)(typescript@5.1.3):
-    resolution: {integrity: sha512-7Yv4SdoOZFPYWK1/A8LtZ7+WLlZny/4q5sWbU7dnkEqbIt5j4V3TzrquT9nAE6sUy6Dghxf35dXoPIdvRH7w7g==}
+  /@sveltejs/package@2.2.7(svelte@4.2.12)(typescript@5.1.3):
+    resolution: {integrity: sha512-/vvmrQO2mMvROdM/iGRHtRn+ValnK9xzB50pqRcX0IvoeVoTq7uhYf+KifrZTluBA+km6AX/WXRXajrgrgbmvw==}
     engines: {node: ^16.14 || >=18}
     hasBin: true
     peerDependencies:
-      svelte: ^3.44.0 || ^4.0.0
+      svelte: ^3.44.0 || ^4.0.0 || ^5.0.0-next.1
     dependencies:
-      chokidar: 3.5.3
+      chokidar: 3.6.0
       kleur: 4.1.5
       sade: 1.8.1
-      semver: 7.5.4
-      svelte: 4.2.1
-      svelte2tsx: 0.6.23(svelte@4.2.1)(typescript@5.1.3)
+      semver: 7.6.0
+      svelte: 4.2.12
+      svelte2tsx: 0.7.3(svelte@4.2.12)(typescript@5.1.3)
     transitivePeerDependencies:
       - typescript
     dev: true
@@ -2052,21 +2387,37 @@ packages:
       vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.2)(vite@4.5.0):
-    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
-    engines: {node: ^14.18.0 || >= 16}
+  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0):
+    resolution: {integrity: sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==}
+    engines: {node: ^18.0.0 || >=20}
     peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^2.2.0
-      svelte: ^3.54.0 || ^4.0.0
-      vite: ^4.0.0
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.2)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
-      svelte: 4.2.2
+      svelte: 4.2.12
       vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
+
+  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.5):
+    resolution: {integrity: sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==}
+    engines: {node: ^18.0.0 || >=20}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.5)
+      debug: 4.3.4(supports-color@8.1.1)
+      svelte: 4.2.12
+      vite: 5.1.5
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0):
@@ -2087,25 +2438,45 @@ packages:
       vitefu: 0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.2)(vite@4.5.0):
-    resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==}
-    engines: {node: ^14.18.0 || >= 16}
+  /@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.12)(vite@4.5.0):
+    resolution: {integrity: sha512-MpmF/cju2HqUls50WyTHQBZUV3ovV/Uk8k66AN2gwHogNAG8wnW8xtZDhzNBsFJJuvmq1qnzA5kE7YfMJNFv2Q==}
+    engines: {node: ^18.0.0 || >=20}
     peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0
-      vite: ^4.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.2)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
       deepmerge: 4.3.1
       kleur: 4.1.5
-      magic-string: 0.30.5
-      svelte: 4.2.2
-      svelte-hmr: 0.15.3(svelte@4.2.2)
+      magic-string: 0.30.8
+      svelte: 4.2.12
+      svelte-hmr: 0.15.3(svelte@4.2.12)
       vite: 4.5.0(@types/node@18.7.16)
       vitefu: 0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
+
+  /@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.12)(vite@5.1.5):
+    resolution: {integrity: sha512-MpmF/cju2HqUls50WyTHQBZUV3ovV/Uk8k66AN2gwHogNAG8wnW8xtZDhzNBsFJJuvmq1qnzA5kE7YfMJNFv2Q==}
+    engines: {node: ^18.0.0 || >=20}
+    peerDependencies:
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.5)
+      debug: 4.3.4(supports-color@8.1.1)
+      deepmerge: 4.3.1
+      kleur: 4.1.5
+      magic-string: 0.30.8
+      svelte: 4.2.12
+      svelte-hmr: 0.15.3(svelte@4.2.12)
+      vite: 5.1.5
+      vitefu: 0.2.5(vite@5.1.5)
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /@swc/core-darwin-arm64@1.3.96:
@@ -2293,12 +2664,8 @@ packages:
       '@babel/types': 7.23.6
     dev: false
 
-  /@types/cookie@0.5.3:
-    resolution: {integrity: sha512-SLg07AS9z1Ab2LU+QxzU8RCmzsja80ywjf/t5oqw+4NSH20gIGlhLOrBDm1L3PBWzPa4+wkgFQVZAjE6Ioj2ug==}
-    dev: true
-
-  /@types/cookie@0.5.4:
-    resolution: {integrity: sha512-7z/eR6O859gyWIAjuvBWFzNURmf2oPBmJlfVWkwehU5nzIyjwBsTh7WMmEEV4JFnHuQ3ex4oyTvfKzcyJVDBNA==}
+  /@types/cookie@0.6.0:
+    resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
     dev: true
 
   /@types/d3-array@3.0.9:
@@ -2493,6 +2860,9 @@ packages:
   /@types/estree@1.0.3:
     resolution: {integrity: sha512-CS2rOaoQ/eAgAfcTfq6amKG7bsN+EMcgGY4FAFQdvSj2y1ixvOZTUA9mOtCai7E1SYu283XNw7urKK30nP3wkQ==}
 
+  /@types/estree@1.0.5:
+    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+
   /@types/geojson@7946.0.12:
     resolution: {integrity: sha512-uK2z1ZHJyC0nQRbuovXFt4mzXDwf27vQeUWNhfKGwRcWW429GOhP8HxUHlM6TLH4bzmlv/HlEjpvJh3JfmGsAA==}
     dev: false
@@ -2569,8 +2939,8 @@ packages:
   /@types/prop-types@15.7.9:
     resolution: {integrity: sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g==}
 
-  /@types/pug@2.0.9:
-    resolution: {integrity: sha512-Yg4LkgFYvn1faISbDNWmcAC1XoDT8IoMUFspp5mnagKk+UvD2N0IWt5A7GRdMubsNWqgCLmrkf8rXkzNqb4szA==}
+  /@types/pug@2.0.10:
+    resolution: {integrity: sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==}
     dev: true
 
   /@types/react-dom@18.2.14:
@@ -3104,6 +3474,11 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  /acorn@8.11.3:
+    resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
   /aggregate-error@3.1.0:
     resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
     engines: {node: '>=8'}
@@ -3424,6 +3799,12 @@ packages:
     resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
     dependencies:
       dequal: 2.0.3
+    dev: false
+
+  /axobject-query@4.0.0:
+    resolution: {integrity: sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==}
+    dependencies:
+      dequal: 2.0.3
 
   /b4a@1.6.4:
     resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==}
@@ -3575,13 +3956,6 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /busboy@1.6.0:
-    resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==}
-    engines: {node: '>=10.16.0'}
-    dependencies:
-      streamsearch: 1.1.0
-    dev: true
-
   /cachedir@2.4.0:
     resolution: {integrity: sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==}
     engines: {node: '>=6'}
@@ -3699,6 +4073,21 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
+  /chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.2
+      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
+    dev: true
+
   /chownr@1.1.4:
     resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
     requiresBuild: true
@@ -3903,6 +4292,12 @@ packages:
   /cookie@0.5.0:
     resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
     engines: {node: '>= 0.6'}
+    dev: false
+
+  /cookie@0.6.0:
+    resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
+    engines: {node: '>= 0.6'}
+    dev: true
 
   /core-util-is@1.0.2:
     resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}
@@ -4603,6 +4998,37 @@ packages:
       '@esbuild/win32-ia32': 0.18.20
       '@esbuild/win32-x64': 0.18.20
 
+  /esbuild@0.19.12:
+    resolution: {integrity: sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.19.12
+      '@esbuild/android-arm': 0.19.12
+      '@esbuild/android-arm64': 0.19.12
+      '@esbuild/android-x64': 0.19.12
+      '@esbuild/darwin-arm64': 0.19.12
+      '@esbuild/darwin-x64': 0.19.12
+      '@esbuild/freebsd-arm64': 0.19.12
+      '@esbuild/freebsd-x64': 0.19.12
+      '@esbuild/linux-arm': 0.19.12
+      '@esbuild/linux-arm64': 0.19.12
+      '@esbuild/linux-ia32': 0.19.12
+      '@esbuild/linux-loong64': 0.19.12
+      '@esbuild/linux-mips64el': 0.19.12
+      '@esbuild/linux-ppc64': 0.19.12
+      '@esbuild/linux-riscv64': 0.19.12
+      '@esbuild/linux-s390x': 0.19.12
+      '@esbuild/linux-x64': 0.19.12
+      '@esbuild/netbsd-x64': 0.19.12
+      '@esbuild/openbsd-x64': 0.19.12
+      '@esbuild/sunos-x64': 0.19.12
+      '@esbuild/win32-arm64': 0.19.12
+      '@esbuild/win32-ia32': 0.19.12
+      '@esbuild/win32-x64': 0.19.12
+    dev: true
+
   /esbuild@0.19.5:
     resolution: {integrity: sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==}
     engines: {node: '>=12'}
@@ -4729,7 +5155,7 @@ packages:
       string.prototype.matchall: 4.0.10
     dev: true
 
-  /eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.1):
+  /eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.12):
     resolution: {integrity: sha512-08v+DqzHiwIVEbi+266D7+BDhayp9OSqCwa/lHaZlZOlFY0vZLYs/h7SkkUPzA5fTVt8OUJBtvCxFiWEYOvvGg==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -4750,14 +5176,14 @@ packages:
       postcss-safe-parser: 6.0.0(postcss@8.4.31)
       postcss-selector-parser: 6.0.13
       semver: 7.5.4
-      svelte: 4.2.1
-      svelte-eslint-parser: 0.31.0(svelte@4.2.1)
+      svelte: 4.2.12
+      svelte-eslint-parser: 0.31.0(svelte@4.2.12)
     transitivePeerDependencies:
       - supports-color
       - ts-node
     dev: true
 
-  /eslint-plugin-svelte@2.35.0(eslint@8.53.0)(svelte@4.2.2):
+  /eslint-plugin-svelte@2.35.0(eslint@8.53.0)(svelte@4.2.12):
     resolution: {integrity: sha512-3WDFxNrkXaMlpqoNo3M1ZOQuoFLMO9+bdnN6oVVXaydXC7nzCJuGy9a0zqoNDHMSRPYt0Rqo6hIdHMEaI5sQnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -4779,8 +5205,8 @@ packages:
       postcss-safe-parser: 6.0.0(postcss@8.4.31)
       postcss-selector-parser: 6.0.13
       semver: 7.5.4
-      svelte: 4.2.2
-      svelte-eslint-parser: 0.33.1(svelte@4.2.2)
+      svelte: 4.2.12
+      svelte-eslint-parser: 0.33.1(svelte@4.2.12)
     transitivePeerDependencies:
       - supports-color
       - ts-node
@@ -4960,7 +5386,7 @@ packages:
   /estree-walker@3.0.3:
     resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
     dependencies:
-      '@types/estree': 1.0.3
+      '@types/estree': 1.0.5
 
   /esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
@@ -5729,10 +6155,6 @@ packages:
       resolve-from: 4.0.0
     dev: true
 
-  /import-meta-resolve@3.0.0:
-    resolution: {integrity: sha512-4IwhLhNNA8yy445rPjD/lWh++7hMDOml2eHtd58eG7h+qK3EryMuuRbsHGPikCoAgIkkDnckKfWSk2iDla/ejg==}
-    dev: true
-
   /import-meta-resolve@3.1.1:
     resolution: {integrity: sha512-qeywsE/KC3w9Fd2ORrRDUw6nS/nLwZpXgfrOc2IILvZYnCaEMd+D56Vfg9k4G29gIeVi3XKql1RQatME8iYsiw==}
     dev: false
@@ -6396,6 +6818,13 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
+    dev: false
+
+  /magic-string@0.30.8:
+    resolution: {integrity: sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
 
   /map-obj@1.0.1:
     resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
@@ -6855,6 +7284,7 @@ packages:
     resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
     engines: {node: '>=10.0.0'}
     hasBin: true
+    dev: false
 
   /mimic-fn@2.1.0:
     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
@@ -6924,8 +7354,8 @@ packages:
     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
     engines: {node: '>=4'}
 
-  /mrmime@1.0.1:
-    resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==}
+  /mrmime@2.0.0:
+    resolution: {integrity: sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==}
     engines: {node: '>=10'}
     dev: true
 
@@ -7847,6 +8277,15 @@ packages:
       source-map-js: 1.0.2
     dev: false
 
+  /postcss@8.4.35:
+    resolution: {integrity: sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.7
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+    dev: true
+
   /prebuild-install@7.1.1:
     resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
     engines: {node: '>=10'}
@@ -7889,24 +8328,24 @@ packages:
       fast-diff: 1.3.0
     dev: true
 
-  /prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.2.1):
+  /prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.2.12):
     resolution: {integrity: sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==}
     peerDependencies:
       prettier: ^1.16.4 || ^2.0.0
       svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
       prettier: 2.8.8
-      svelte: 4.2.1
+      svelte: 4.2.12
     dev: true
 
-  /prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@4.2.2):
+  /prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@4.2.12):
     resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==}
     peerDependencies:
       prettier: ^3.0.0
       svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
       prettier: 3.0.3
-      svelte: 4.2.2
+      svelte: 4.2.12
     dev: true
 
   /prettier@2.8.8:
@@ -8389,6 +8828,29 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
+  /rollup@4.12.0:
+    resolution: {integrity: sha512-wz66wn4t1OHIJw3+XU7mJJQV/2NAfw5OAk6G6Hoo3zcvz/XOfQ52Vgi+AN4Uxoxi0KBBwk2g8zPrTDA4btSB/Q==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+    dependencies:
+      '@types/estree': 1.0.5
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.12.0
+      '@rollup/rollup-android-arm64': 4.12.0
+      '@rollup/rollup-darwin-arm64': 4.12.0
+      '@rollup/rollup-darwin-x64': 4.12.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.12.0
+      '@rollup/rollup-linux-arm64-gnu': 4.12.0
+      '@rollup/rollup-linux-arm64-musl': 4.12.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.12.0
+      '@rollup/rollup-linux-x64-gnu': 4.12.0
+      '@rollup/rollup-linux-x64-musl': 4.12.0
+      '@rollup/rollup-win32-arm64-msvc': 4.12.0
+      '@rollup/rollup-win32-ia32-msvc': 4.12.0
+      '@rollup/rollup-win32-x64-msvc': 4.12.0
+      fsevents: 2.3.3
+    dev: true
+
   /run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
     dependencies:
@@ -8472,6 +8934,14 @@ packages:
     dependencies:
       lru-cache: 6.0.0
 
+  /semver@7.6.0:
+    resolution: {integrity: sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      lru-cache: 6.0.0
+    dev: true
+
   /serialize-javascript@6.0.1:
     resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==}
     dependencies:
@@ -8600,12 +9070,12 @@ packages:
     dev: false
     optional: true
 
-  /sirv@2.0.3:
-    resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==}
+  /sirv@2.0.4:
+    resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
     engines: {node: '>= 10'}
     dependencies:
-      '@polka/url': 1.0.0-next.23
-      mrmime: 1.0.1
+      '@polka/url': 1.0.0-next.24
+      mrmime: 2.0.0
       totalist: 3.0.1
     dev: true
 
@@ -8795,11 +9265,6 @@ packages:
       mixme: 0.5.9
     dev: true
 
-  /streamsearch@1.1.0:
-    resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
-    engines: {node: '>=10.0.0'}
-    dev: true
-
   /streamx@2.15.1:
     resolution: {integrity: sha512-fQMzy2O/Q47rgwErk/eGeLu/roaFWV0jVsogDmrszM9uIw8L5OA+t+V93MgYlufNptfjmYR1tOMWhei/Eh7TQA==}
     requiresBuild: true
@@ -8977,21 +9442,21 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  /svelte-check@3.5.0(postcss@8.4.21)(svelte@4.2.1):
-    resolution: {integrity: sha512-KHujbn4k17xKYLmtCwv0sKKM7uiHTYcQvXnvrCcNU6a7hcszh99zFTIoiu/Sp/ewAw5aJmillJ1Cs8gKLmcX4A==}
+  /svelte-check@3.6.6(postcss@8.4.21)(svelte@4.2.12):
+    resolution: {integrity: sha512-b9q9rOHOMYF3U8XllK7LmXTq1LeWQ98waGfEJzrFutViadkNl1tgdEtxIQ8yuPx+VQ4l7YrknYol+0lfZocaZw==}
     hasBin: true
     peerDependencies:
-      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0
+      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.20
-      chokidar: 3.5.3
+      '@jridgewell/trace-mapping': 0.3.25
+      chokidar: 3.6.0
       fast-glob: 3.3.2
       import-fresh: 3.3.0
       picocolors: 1.0.0
       sade: 1.8.1
-      svelte: 4.2.1
-      svelte-preprocess: 5.0.4(postcss@8.4.21)(svelte@4.2.1)(typescript@5.2.2)
-      typescript: 5.2.2
+      svelte: 4.2.12
+      svelte-preprocess: 5.1.3(postcss@8.4.21)(svelte@4.2.12)(typescript@5.1.3)
+      typescript: 5.1.3
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -9004,20 +9469,20 @@ packages:
       - sugarss
     dev: true
 
-  /svelte-check@3.5.2(postcss@8.4.31)(svelte@4.2.2):
-    resolution: {integrity: sha512-5a/YWbiH4c+AqAUP+0VneiV5bP8YOk9JL3jwvN+k2PEPLgpu85bjQc5eE67+eIZBBwUEJzmO3I92OqKcqbp3fw==}
+  /svelte-check@3.6.6(postcss@8.4.31)(svelte@4.2.12):
+    resolution: {integrity: sha512-b9q9rOHOMYF3U8XllK7LmXTq1LeWQ98waGfEJzrFutViadkNl1tgdEtxIQ8yuPx+VQ4l7YrknYol+0lfZocaZw==}
     hasBin: true
     peerDependencies:
-      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0
+      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.20
-      chokidar: 3.5.3
+      '@jridgewell/trace-mapping': 0.3.25
+      chokidar: 3.6.0
       fast-glob: 3.3.2
       import-fresh: 3.3.0
       picocolors: 1.0.0
       sade: 1.8.1
-      svelte: 4.2.2
-      svelte-preprocess: 5.0.4(postcss@8.4.31)(svelte@4.2.2)(typescript@5.2.2)
+      svelte: 4.2.12
+      svelte-preprocess: 5.1.3(postcss@8.4.31)(svelte@4.2.12)(typescript@5.2.2)
       typescript: 5.2.2
     transitivePeerDependencies:
       - '@babel/core'
@@ -9031,7 +9496,7 @@ packages:
       - sugarss
     dev: true
 
-  /svelte-eslint-parser@0.31.0(svelte@4.2.1):
+  /svelte-eslint-parser@0.31.0(svelte@4.2.12):
     resolution: {integrity: sha512-/31RpBf/e3YjoFphjsyo3JRyN1r4UalGAGafXrZ6EJK4h4COOO0rbfBoen5byGsXnIJKsrlC1lkEd2Vzpq2IDg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -9045,10 +9510,10 @@ packages:
       espree: 9.6.1
       postcss: 8.4.31
       postcss-scss: 4.0.9(postcss@8.4.31)
-      svelte: 4.2.1
+      svelte: 4.2.12
     dev: true
 
-  /svelte-eslint-parser@0.32.2(svelte@4.2.1):
+  /svelte-eslint-parser@0.32.2(svelte@4.2.12):
     resolution: {integrity: sha512-Ok9D3A4b23iLQsONrjqtXtYDu5ZZ/826Blaw2LeFZVTg1pwofKDG4mz3/GYTax8fQ0plRGHI6j+d9VQYy5Lo/A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -9062,10 +9527,10 @@ packages:
       espree: 9.6.1
       postcss: 8.4.31
       postcss-scss: 4.0.9(postcss@8.4.31)
-      svelte: 4.2.1
+      svelte: 4.2.12
     dev: true
 
-  /svelte-eslint-parser@0.33.1(svelte@4.2.2):
+  /svelte-eslint-parser@0.33.1(svelte@4.2.12):
     resolution: {integrity: sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -9079,7 +9544,7 @@ packages:
       espree: 9.6.1
       postcss: 8.4.31
       postcss-scss: 4.0.9(postcss@8.4.31)
-      svelte: 4.2.2
+      svelte: 4.2.12
     dev: true
 
   /svelte-hmr@0.15.3(svelte@4.2.1):
@@ -9089,31 +9554,31 @@ packages:
       svelte: ^3.19.0 || ^4.0.0
     dependencies:
       svelte: 4.2.1
+    dev: false
 
-  /svelte-hmr@0.15.3(svelte@4.2.2):
+  /svelte-hmr@0.15.3(svelte@4.2.12):
     resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
     peerDependencies:
       svelte: ^3.19.0 || ^4.0.0
     dependencies:
-      svelte: 4.2.2
-    dev: true
+      svelte: 4.2.12
 
-  /svelte-preprocess@5.0.4(postcss@8.4.21)(svelte@4.2.1)(typescript@5.2.2):
-    resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==}
-    engines: {node: '>= 14.10.0'}
+  /svelte-preprocess@5.1.3(postcss@8.4.21)(svelte@4.2.12)(typescript@5.1.3):
+    resolution: {integrity: sha512-xxAkmxGHT+J/GourS5mVJeOXZzne1FR5ljeOUAMXUkfEhkLEllRreXpbl3dIYJlcJRfL1LO1uIAPpBpBfiqGPw==}
+    engines: {node: '>= 16.0.0', pnpm: ^8.0.0}
     requiresBuild: true
     peerDependencies:
       '@babel/core': ^7.10.2
       coffeescript: ^2.5.1
       less: ^3.11.3 || ^4.0.0
       postcss: ^7 || ^8
-      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0
+      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
       pug: ^3.0.0
       sass: ^1.26.8
       stylus: ^0.55.0
       sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
-      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0
+      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
       typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
     peerDependenciesMeta:
       '@babel/core':
@@ -9137,31 +9602,31 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@types/pug': 2.0.9
+      '@types/pug': 2.0.10
       detect-indent: 6.1.0
-      magic-string: 0.27.0
+      magic-string: 0.30.8
       postcss: 8.4.21
       sorcery: 0.11.0
       strip-indent: 3.0.0
-      svelte: 4.2.1
-      typescript: 5.2.2
+      svelte: 4.2.12
+      typescript: 5.1.3
     dev: true
 
-  /svelte-preprocess@5.0.4(postcss@8.4.31)(svelte@4.2.2)(typescript@5.2.2):
-    resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==}
-    engines: {node: '>= 14.10.0'}
+  /svelte-preprocess@5.1.3(postcss@8.4.31)(svelte@4.2.12)(typescript@5.2.2):
+    resolution: {integrity: sha512-xxAkmxGHT+J/GourS5mVJeOXZzne1FR5ljeOUAMXUkfEhkLEllRreXpbl3dIYJlcJRfL1LO1uIAPpBpBfiqGPw==}
+    engines: {node: '>= 16.0.0', pnpm: ^8.0.0}
     requiresBuild: true
     peerDependencies:
       '@babel/core': ^7.10.2
       coffeescript: ^2.5.1
       less: ^3.11.3 || ^4.0.0
       postcss: ^7 || ^8
-      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0
+      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
       pug: ^3.0.0
       sass: ^1.26.8
       stylus: ^0.55.0
       sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
-      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0
+      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
       typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
     peerDependenciesMeta:
       '@babel/core':
@@ -9185,17 +9650,17 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@types/pug': 2.0.9
+      '@types/pug': 2.0.10
       detect-indent: 6.1.0
-      magic-string: 0.27.0
+      magic-string: 0.30.8
       postcss: 8.4.31
       sorcery: 0.11.0
       strip-indent: 3.0.0
-      svelte: 4.2.2
+      svelte: 4.2.12
       typescript: 5.2.2
     dev: true
 
-  /svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.1.3):
+  /svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.2.2):
     resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==}
     peerDependencies:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
@@ -9204,20 +9669,20 @@ packages:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
       svelte: 4.2.1
-      typescript: 5.1.3
-    dev: true
+      typescript: 5.2.2
+    dev: false
 
-  /svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.2.2):
-    resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==}
+  /svelte2tsx@0.7.3(svelte@4.2.12)(typescript@5.1.3):
+    resolution: {integrity: sha512-yrjJFvqp32Ag4Oke+T1xXZLqMNrS0gjzAM//+L6+7OhXWMDuMs0fkyb9ymixK9keVOLJ1GbeEVfg59c3E2IN+w==}
     peerDependencies:
-      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
+      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
       typescript: ^4.9.4 || ^5.0.0
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
-      svelte: 4.2.1
-      typescript: 5.2.2
-    dev: false
+      svelte: 4.2.12
+      typescript: 5.1.3
+    dev: true
 
   /svelte@4.2.1:
     resolution: {integrity: sha512-LpLqY2Jr7cRxkrTc796/AaaoMLF/1ax7cto8Ot76wrvKQhrPmZ0JgajiWPmg9mTSDqO16SSLiD17r9MsvAPTmw==}
@@ -9236,25 +9701,26 @@ packages:
       locate-character: 3.0.0
       magic-string: 0.30.5
       periscopic: 3.1.0
+    dev: false
 
-  /svelte@4.2.2:
-    resolution: {integrity: sha512-My2tytF2e2NnHSpn2M7/3VdXT4JdTglYVUuSuK/mXL2XtulPYbeBfl8Dm1QiaKRn0zoULRnL+EtfZHHP0k4H3A==}
+  /svelte@4.2.12:
+    resolution: {integrity: sha512-d8+wsh5TfPwqVzbm4/HCXC783/KPHV60NvwitJnyTA5lWn1elhXMNWhXGCJ7PwPa8qFUnyJNIyuIRt2mT0WMug==}
     engines: {node: '>=16'}
     dependencies:
-      '@ampproject/remapping': 2.2.1
+      '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.4.15
-      '@jridgewell/trace-mapping': 0.3.20
-      acorn: 8.11.2
+      '@jridgewell/trace-mapping': 0.3.25
+      '@types/estree': 1.0.5
+      acorn: 8.11.3
       aria-query: 5.3.0
-      axobject-query: 3.2.1
+      axobject-query: 4.0.0
       code-red: 1.0.4
       css-tree: 2.3.1
       estree-walker: 3.0.3
       is-reference: 3.0.2
       locate-character: 3.0.0
-      magic-string: 0.30.5
+      magic-string: 0.30.8
       periscopic: 3.1.0
-    dev: true
 
   /svgo@3.0.2:
     resolution: {integrity: sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==}
@@ -9651,18 +10117,12 @@ packages:
       which-boxed-primitive: 1.0.2
     dev: true
 
-  /undici@5.23.0:
-    resolution: {integrity: sha512-1D7w+fvRsqlQ9GscLBwcAJinqcZGHUKjbOmXdlE/v8BvEGXjeWAax+341q44EuTcHXXnfyKNbKRq4Lg7OzhMmg==}
-    engines: {node: '>=14.0'}
-    dependencies:
-      busboy: 1.6.0
-    dev: true
-
   /undici@5.26.5:
     resolution: {integrity: sha512-cSb4bPFd5qgR7qr2jYAi0hlX9n5YKK2ONKkLFkxl+v/9BvC0sOpZjBHDBSXc5lWAf5ty9oZdRXytBIHzgUcerw==}
     engines: {node: '>=14.0'}
     dependencies:
       '@fastify/busboy': 2.0.0
+    dev: false
 
   /unherit@3.0.1:
     resolution: {integrity: sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==}
@@ -9952,6 +10412,41 @@ packages:
       fsevents: 2.3.3
     dev: false
 
+  /vite@5.1.5:
+    resolution: {integrity: sha512-BdN1xh0Of/oQafhU+FvopafUp6WaYenLU/NFoL5WyJL++GxkNfieKzBhM24H3HVsPQrlAqB7iJYTHabzaRed5Q==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      esbuild: 0.19.12
+      postcss: 8.4.35
+      rollup: 4.12.0
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
   /vitefu@0.2.5(vite@4.5.0):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
     peerDependencies:
@@ -9962,6 +10457,17 @@ packages:
     dependencies:
       vite: 4.5.0(@types/node@18.7.16)
 
+  /vitefu@0.2.5(vite@5.1.5):
+    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+    dependencies:
+      vite: 5.1.5
+    dev: true
+
   /vscode-oniguruma@1.7.0:
     resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==}
     dev: false

From 69e0be6d3250692d146302187bcbe0398a8135b3 Mon Sep 17 00:00:00 2001
From: peterkogo <7165378+peterkogo@users.noreply.github.com>
Date: Tue, 5 Mar 2024 15:46:25 +0200
Subject: [PATCH 0638/1093] refactor(useNodesData): improve selector equality
 function (#3976)

* improved selector equality function for useNodesData

* fixed selector & useNodesData example

* added shallow-node-data as system function
---
 .../react/src/examples/UseNodesData/index.tsx |  4 ++--
 .../routes/examples/usenodesdata/+page.svelte |  4 ++--
 packages/react/src/hooks/useNodesData.ts      | 10 ++--------
 packages/svelte/src/lib/hooks/useNodesData.ts | 17 ++--------------
 packages/system/src/utils/index.ts            |  1 +
 .../system/src/utils/shallow-node-data.ts     | 20 +++++++++++++++++++
 6 files changed, 29 insertions(+), 27 deletions(-)
 create mode 100644 packages/system/src/utils/shallow-node-data.ts

diff --git a/examples/react/src/examples/UseNodesData/index.tsx b/examples/react/src/examples/UseNodesData/index.tsx
index 91cc1f944..dc0b43dd2 100644
--- a/examples/react/src/examples/UseNodesData/index.tsx
+++ b/examples/react/src/examples/UseNodesData/index.tsx
@@ -20,8 +20,8 @@ export type ResultNode = Node<{}, 'result'>;
 export type UppercaseNode = Node<{ text: string }, 'uppercase'>;
 export type MyNode = TextNode | ResultNode | UppercaseNode;
 
-export function isTextNode(node: any): node is TextNode {
-  return node.type === 'text';
+export function isTextNode(node: any): node is TextNode | UppercaseNode {
+  return node.type === 'text' || node.type === 'uppercase';
 }
 
 const nodeTypes = {
diff --git a/examples/svelte/src/routes/examples/usenodesdata/+page.svelte b/examples/svelte/src/routes/examples/usenodesdata/+page.svelte
index fc85ee26b..91fd84328 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/+page.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/+page.svelte
@@ -5,8 +5,8 @@
 	type UppercaseNodeType = Node<{ text: string }, 'uppercase'>;
 	type ResultNodeType = Node<{}, 'result'>;
 
-	export function isTextNode(node: any): node is TextNodeType {
-		return node.type === 'text';
+	export function isTextNode(node: any): node is TextNodeType | UppercaseNode {
+		return node.type === 'text' || node.type === 'uppercase';
 	}
 
 	export type MyNode = TextNodeType | UppercaseNodeType | ResultNodeType;
diff --git a/packages/react/src/hooks/useNodesData.ts b/packages/react/src/hooks/useNodesData.ts
index c43a60ccc..7472cbf70 100644
--- a/packages/react/src/hooks/useNodesData.ts
+++ b/packages/react/src/hooks/useNodesData.ts
@@ -1,15 +1,9 @@
 import { useCallback } from 'react';
-import { shallow } from 'zustand/shallow';
+import { shallowNodeData } from '@xyflow/system';
 
 import { useStore } from '../hooks/useStore';
 import type { Node } from '../types';
 
-export interface NodeDataReturn<NodeType extends Node> {
-  id: string;
-  type: NodeType['type'];
-  data: NodeType['data'];
-}
-
 /**
  * Hook for receiving data of one or multiple nodes
  *
@@ -46,7 +40,7 @@ export function useNodesData(nodeIds: any): any {
       },
       [nodeIds]
     ),
-    shallow
+    shallowNodeData
   );
 
   return nodesData;
diff --git a/packages/svelte/src/lib/hooks/useNodesData.ts b/packages/svelte/src/lib/hooks/useNodesData.ts
index c11ef308d..254a70fde 100644
--- a/packages/svelte/src/lib/hooks/useNodesData.ts
+++ b/packages/svelte/src/lib/hooks/useNodesData.ts
@@ -1,22 +1,9 @@
 import { derived, type Readable } from 'svelte/store';
+import { shallowNodeData } from '@xyflow/system';
 
 import type { Node } from '$lib/types';
 import { useStore } from '$lib/store';
 
-function areNodesDataEqual(a: any[], b: any[]) {
-  if (a.length !== b.length) {
-    return false;
-  }
-
-  for (let i = 0; i < a.length; i++) {
-    if (a[i].data !== b[i].data) {
-      return false;
-    }
-  }
-
-  return true;
-}
-
 /**
  * Hook for receiving data of one or multiple nodes
  *
@@ -51,7 +38,7 @@ export function useNodesData(nodeIds: any): any {
       }
     }
 
-    if (!areNodesDataEqual(nextNodesData, prevNodesData)) {
+    if (!shallowNodeData(nextNodesData, prevNodesData)) {
       prevNodesData = nextNodesData;
       set(isArrayOfIds ? nextNodesData : nextNodesData[0] ?? null);
     }
diff --git a/packages/system/src/utils/index.ts b/packages/system/src/utils/index.ts
index cd66e951e..2640195d3 100644
--- a/packages/system/src/utils/index.ts
+++ b/packages/system/src/utils/index.ts
@@ -7,3 +7,4 @@ export * from './marker';
 export * from './node-toolbar';
 export * from './store';
 export * from './types';
+export * from './shallow-node-data';
diff --git a/packages/system/src/utils/shallow-node-data.ts b/packages/system/src/utils/shallow-node-data.ts
new file mode 100644
index 000000000..2faf1c1a3
--- /dev/null
+++ b/packages/system/src/utils/shallow-node-data.ts
@@ -0,0 +1,20 @@
+import { NodeBase } from '../types';
+
+type NodeData = Pick<NodeBase, 'id' | 'type' | 'data'>;
+
+export function shallowNodeData(a: NodeData | NodeData[], b: NodeData | NodeData[]) {
+  const _a = Array.isArray(a) ? a : [a];
+  const _b = Array.isArray(b) ? b : [b];
+
+  if (_a.length !== _b.length) {
+    return false;
+  }
+
+  for (let i = 0; i < _a.length; i++) {
+    if (_a[i].id !== _b[i].id || _a[i].type !== _b[i].type || !Object.is(_a[i].data, _b[i].data)) {
+      return false;
+    }
+  }
+
+  return true;
+}

From 1a591f57593d115de0ae7ed505085e6e14b8be05 Mon Sep 17 00:00:00 2001
From: peterkogo <7165378+peterkogo@users.noreply.github.com>
Date: Tue, 5 Mar 2024 15:47:03 +0200
Subject: [PATCH 0639/1093] fix(safari): prevent selection of viewport (#3973)

* prevent selection of viewport

* added user-select=none to viewport-portal and moved to be over nodes
---
 packages/react/src/container/GraphView/index.tsx | 2 +-
 packages/system/src/styles/init.css              | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index 80c25deab..3edc380a2 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -172,7 +172,6 @@ function GraphViewComponent<NodeType extends Node = Node, EdgeType extends Edge
           containerStyle={connectionLineContainerStyle}
         />
         <div className="react-flow__edgelabel-renderer" />
-        <div className="react-flow__viewport-portal" />
         <NodeRenderer<NodeType>
           nodeTypes={nodeTypes}
           onNodeClick={onNodeClick}
@@ -189,6 +188,7 @@ function GraphViewComponent<NodeType extends Node = Node, EdgeType extends Edge
           nodeExtent={nodeExtent}
           rfId={rfId}
         />
+        <div className="react-flow__viewport-portal" />
       </Viewport>
     </FlowRenderer>
   );
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 72f0b2e88..48e82af80 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -324,6 +324,7 @@ svg.xy-flow__connectionline {
   height: 100%;
   left: 0;
   top: 0;
+  user-select: none;
 }
 
 .xy-flow__minimap {

From 513e1fe71d70cde35e130ef01a2f1e406008ac23 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 5 Mar 2024 14:48:49 +0100
Subject: [PATCH 0640/1093] chore(changelogs): update

---
 packages/react/CHANGELOG.md  | 2 ++
 packages/svelte/CHANGELOG.md | 1 +
 2 files changed, 3 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index a9763f46f..8219e047f 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -6,6 +6,8 @@
 
 - fix `ref` prop for `ReactFlow` and `Handle` component
 - unify `Edge` and `Node` type handling
+- fix safari: prevent selection of viewport
+- fix `useNodesData` hook to prevent re-renderings
 
 ## 12.0.0-next.10
 
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index ad78c5e66..f784ff70d 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -9,6 +9,7 @@
 ## Patch changes
 
 - unify `Edge` and `Node` type handling
+- fix safari: prevent selection of viewport
 
 ## 0.0.37
 

From 64e240e7a544c01266d4146e25e2763b49a48bae Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Tue, 5 Mar 2024 16:49:36 +0100
Subject: [PATCH 0641/1093] fix(react): allow edges to start from 0,0 (#3980)

---
 packages/react/CHANGELOG.md                         | 1 +
 packages/react/src/components/EdgeWrapper/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 8219e047f..0bc7f6033 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -8,6 +8,7 @@
 - unify `Edge` and `Node` type handling
 - fix safari: prevent selection of viewport
 - fix `useNodesData` hook to prevent re-renderings
+- fix edges: allow start at 0,0
 
 ## 12.0.0-next.10
 
diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index 30f432aaa..c114c1b4e 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -111,7 +111,7 @@ export function EdgeWrapper<EdgeType extends Edge = Edge>({
     [edge.markerEnd, rfId]
   );
 
-  if (edge.hidden || !sourceX || !sourceY || !targetX || !targetY) {
+  if (edge.hidden || sourceX === null || sourceY === null || targetX === null || targetY === null) {
     return null;
   }
 

From 9ad0aaf277b2f849776831da17adf923d0106c46 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 6 Mar 2024 14:44:58 +0100
Subject: [PATCH 0642/1093] test(playwright): fix edge selection and auto pan
 tests

---
 .../react/src/generic-tests/edges/general.ts  |   1 +
 pnpm-lock.yaml                                | 411 +++++++++---------
 tests/playwright/e2e/edges.spec.ts            |  13 +-
 tests/playwright/e2e/pane.spec.ts             |  13 +-
 tests/playwright/package.json                 |   4 +-
 5 files changed, 229 insertions(+), 213 deletions(-)

diff --git a/examples/react/src/generic-tests/edges/general.ts b/examples/react/src/generic-tests/edges/general.ts
index bb768b090..239776579 100644
--- a/examples/react/src/generic-tests/edges/general.ts
+++ b/examples/react/src/generic-tests/edges/general.ts
@@ -3,6 +3,7 @@ import { MarkerType } from '@xyflow/react';
 export default {
   flowProps: {
     fitView: true,
+    multiSelectionKeyCode: 's',
     nodes: [
       {
         id: '1',
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 173a2edaa..71f83eda0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -61,10 +61,10 @@ importers:
     dependencies:
       '@astrojs/react':
         specifier: ^3.0.2
-        version: 3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0)
+        version: 3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.2)
       '@astrojs/svelte':
         specifier: ^4.0.2
-        version: 4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.2.2)(vite@4.5.0)
+        version: 4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.3.3)(vite@4.5.2)
       '@types/react':
         specifier: ^18.2.24
         version: 18.2.24
@@ -149,7 +149,7 @@ importers:
         version: 5.2.2
       vite:
         specifier: 4.5.0
-        version: 4.5.0(@types/node@18.7.16)
+        version: 4.5.0
 
   examples/svelte:
     dependencies:
@@ -204,7 +204,7 @@ importers:
         version: 5.2.2
       vite:
         specifier: ^4.5.0
-        version: 4.5.0(@types/node@18.7.16)
+        version: 4.5.0
 
   packages/react:
     dependencies:
@@ -398,8 +398,8 @@ importers:
   tests/playwright:
     dependencies:
       '@playwright/experimental-ct-react':
-        specifier: ^1.40.1
-        version: 1.40.1(@types/node@18.7.16)(vite@4.5.0)
+        specifier: ^1.42.1
+        version: 1.42.1(@types/node@18.7.16)(vite@5.1.5)
       '@types/react':
         specifier: ^18.2.31
         version: 18.2.31
@@ -417,8 +417,8 @@ importers:
         version: 5.2.2
     devDependencies:
       '@playwright/test':
-        specifier: ^1.40.1
-        version: 1.40.1
+        specifier: ^1.42.1
+        version: 1.42.1
       '@types/node':
         specifier: ^18.7.16
         version: 18.7.16
@@ -528,7 +528,7 @@ packages:
       prismjs: 1.29.0
     dev: false
 
-  /@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0):
+  /@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.2):
     resolution: {integrity: sha512-aooNIuQxTg+IWGMZPuIEwBeBi4/TCPCMsr3714zuLjAjukVd5ZrX/bCNxJqDWU4HNwUm4XFU1OhcEvYOHa5uMQ==}
     engines: {node: '>=18.14.1'}
     peerDependencies:
@@ -539,7 +539,7 @@ packages:
     dependencies:
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
-      '@vitejs/plugin-react': 4.1.1(vite@4.5.0)
+      '@vitejs/plugin-react': 4.1.1(vite@4.5.2)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       ultrahtml: 1.5.2
@@ -548,17 +548,17 @@ packages:
       - vite
     dev: false
 
-  /@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.2.2)(vite@4.5.0):
+  /@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.3.3)(vite@4.5.2):
     resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==}
     engines: {node: '>=18.14.1'}
     peerDependencies:
       astro: ^3.0.11
       svelte: ^3.55.0 || ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.2)
       astro: 3.2.2
       svelte: 4.2.1
-      svelte2tsx: 0.6.23(svelte@4.2.1)(typescript@5.2.2)
+      svelte2tsx: 0.6.23(svelte@4.2.1)(typescript@5.3.3)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -626,20 +626,20 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/core@7.23.7:
-    resolution: {integrity: sha512-+UpDgowcmqe36d4NwqvKsyPMlOLNGMsfMmQ5WGCu+siCe3t3dfe9njrzGfdN4qq+bcNUt0+Vw6haRxBOycs4dw==}
+  /@babel/core@7.24.0:
+    resolution: {integrity: sha512-fQfkg0Gjkza3nf0c7/w6Xf34BW4YvzNfACRLmmb7XRLa6XHdR+K9AlJlxneFfWYf6uhOzuzZVTjF/8KfndZANw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@ampproject/remapping': 2.2.1
+      '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.23.5
       '@babel/generator': 7.23.6
       '@babel/helper-compilation-targets': 7.23.6
-      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.7)
-      '@babel/helpers': 7.23.7
-      '@babel/parser': 7.23.6
-      '@babel/template': 7.22.15
-      '@babel/traverse': 7.23.7
-      '@babel/types': 7.23.6
+      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.24.0)
+      '@babel/helpers': 7.24.0
+      '@babel/parser': 7.24.0
+      '@babel/template': 7.24.0
+      '@babel/traverse': 7.24.0
+      '@babel/types': 7.24.0
       convert-source-map: 2.0.0
       debug: 4.3.4(supports-color@8.1.1)
       gensync: 1.0.0-beta.2
@@ -662,9 +662,9 @@ packages:
     resolution: {integrity: sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.6
-      '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.20
+      '@babel/types': 7.24.0
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
     dev: false
 
@@ -691,7 +691,7 @@ packages:
     dependencies:
       '@babel/compat-data': 7.23.5
       '@babel/helper-validator-option': 7.23.5
-      browserslist: 4.22.2
+      browserslist: 4.23.0
       lru-cache: 5.1.1
       semver: 6.3.1
     dev: false
@@ -732,13 +732,13 @@ packages:
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/helper-validator-identifier': 7.22.20
 
-  /@babel/helper-module-transforms@7.23.3(@babel/core@7.23.7):
+  /@babel/helper-module-transforms@7.23.3(@babel/core@7.24.0):
     resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.23.7
+      '@babel/core': 7.24.0
       '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-module-imports': 7.22.15
       '@babel/helper-simple-access': 7.22.5
@@ -750,6 +750,11 @@ packages:
     resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
     engines: {node: '>=6.9.0'}
 
+  /@babel/helper-plugin-utils@7.24.0:
+    resolution: {integrity: sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w==}
+    engines: {node: '>=6.9.0'}
+    dev: false
+
   /@babel/helper-simple-access@7.22.5:
     resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
     engines: {node: '>=6.9.0'}
@@ -793,13 +798,13 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/helpers@7.23.7:
-    resolution: {integrity: sha512-6AMnjCoC8wjqBzDHkuqpa7jAKwvMo4dC+lr/TFBz+ucfulO1XMpDnwWPGBNwClOKZ8h6xn5N81W/R5OrcKtCbQ==}
+  /@babel/helpers@7.24.0:
+    resolution: {integrity: sha512-ulDZdc0Aj5uLc5nETsa7EPx2L7rM0YJM8r7ck7U73AXi7qOV44IHHRAYZHY6iU1rr3C5N4NtTmMRUJP6kwCWeA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/template': 7.22.15
-      '@babel/traverse': 7.23.7
-      '@babel/types': 7.23.6
+      '@babel/template': 7.24.0
+      '@babel/traverse': 7.24.0
+      '@babel/types': 7.24.0
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -834,6 +839,14 @@ packages:
     dependencies:
       '@babel/types': 7.23.6
 
+  /@babel/parser@7.24.0:
+    resolution: {integrity: sha512-QuP/FxEAzMSjXygs8v4N9dvdXzEHN4W1oF3PxuWAtPo08UdM17u89RDMgjLn/mlc56iM0HlLmVkO/wgR+rDgHg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.24.0
+    dev: false
+
   /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
     engines: {node: '>=6.9.0'}
@@ -853,14 +866,14 @@ packages:
       '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
 
-  /@babel/plugin-transform-react-jsx-self@7.23.3(@babel/core@7.23.7):
+  /@babel/plugin-transform-react-jsx-self@7.23.3(@babel/core@7.24.0):
     resolution: {integrity: sha512-qXRvbeKDSfwnlJnanVRp0SfuWE5DQhwQr5xtLBzp56Wabyo+4CMosF6Kfp+eOD/4FYpql64XVJ2W0pVLlJZxOQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.7
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.24.0
+      '@babel/helper-plugin-utils': 7.24.0
     dev: false
 
   /@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2):
@@ -872,14 +885,14 @@ packages:
       '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
 
-  /@babel/plugin-transform-react-jsx-source@7.23.3(@babel/core@7.23.7):
+  /@babel/plugin-transform-react-jsx-source@7.23.3(@babel/core@7.24.0):
     resolution: {integrity: sha512-91RS0MDnAWDNvGC6Wio5XYkyWI39FMFO+JK9+4AlgaTH+yWwVTsw7/sn6LK0lH7c5F+TFkpv/3LfCJ1Ydwof/g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.7
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.24.0
+      '@babel/helper-plugin-utils': 7.24.0
     dev: false
 
   /@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.2):
@@ -911,6 +924,15 @@ packages:
       '@babel/parser': 7.23.6
       '@babel/types': 7.23.6
 
+  /@babel/template@7.24.0:
+    resolution: {integrity: sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': 7.23.5
+      '@babel/parser': 7.24.0
+      '@babel/types': 7.24.0
+    dev: false
+
   /@babel/traverse@7.23.2:
     resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==}
     engines: {node: '>=6.9.0'}
@@ -928,8 +950,8 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/traverse@7.23.7:
-    resolution: {integrity: sha512-tY3mM8rH9jM0YHFGyfC0/xf+SB5eKUu7HPj7/k3fpi9dAlsMc5YbQvDi0Sh2QTPXqMhyaAtzAr807TIyfQrmyg==}
+  /@babel/traverse@7.24.0:
+    resolution: {integrity: sha512-HfuJlI8qq3dEDmNU5ChzzpZRWq+oxCZQyMzIMEqLho+AQnhMnKQUzH6ydo3RBl/YjPCuk68Y6s0Gx0AeyULiWw==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.23.5
@@ -938,8 +960,8 @@ packages:
       '@babel/helper-function-name': 7.23.0
       '@babel/helper-hoist-variables': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/parser': 7.23.6
-      '@babel/types': 7.23.6
+      '@babel/parser': 7.24.0
+      '@babel/types': 7.24.0
       debug: 4.3.4(supports-color@8.1.1)
       globals: 11.12.0
     transitivePeerDependencies:
@@ -962,6 +984,15 @@ packages:
       '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
 
+  /@babel/types@7.24.0:
+    resolution: {integrity: sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-string-parser': 7.23.4
+      '@babel/helper-validator-identifier': 7.22.20
+      to-fast-properties: 2.0.0
+    dev: false
+
   /@changesets/apply-release-plan@6.1.4:
     resolution: {integrity: sha512-FMpKF1fRlJyCZVYHr3CbinpZZ+6MwvOtWUuO8uo+svcATEoc1zRDcj23pAurJ2TZ/uVz1wFHH6K3NlACy0PLew==}
     dependencies:
@@ -1237,7 +1268,6 @@ packages:
     cpu: [ppc64]
     os: [aix]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/android-arm64@0.18.20:
@@ -1254,7 +1284,6 @@ packages:
     cpu: [arm64]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/android-arm64@0.19.5:
@@ -1280,7 +1309,6 @@ packages:
     cpu: [arm]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/android-arm@0.19.5:
@@ -1306,7 +1334,6 @@ packages:
     cpu: [x64]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/android-x64@0.19.5:
@@ -1332,7 +1359,6 @@ packages:
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/darwin-arm64@0.19.5:
@@ -1358,7 +1384,6 @@ packages:
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/darwin-x64@0.19.5:
@@ -1384,7 +1409,6 @@ packages:
     cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/freebsd-arm64@0.19.5:
@@ -1410,7 +1434,6 @@ packages:
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/freebsd-x64@0.19.5:
@@ -1436,7 +1459,6 @@ packages:
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-arm64@0.19.5:
@@ -1462,7 +1484,6 @@ packages:
     cpu: [arm]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-arm@0.19.5:
@@ -1488,7 +1509,6 @@ packages:
     cpu: [ia32]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-ia32@0.19.5:
@@ -1514,7 +1534,6 @@ packages:
     cpu: [loong64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-loong64@0.19.5:
@@ -1540,7 +1559,6 @@ packages:
     cpu: [mips64el]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-mips64el@0.19.5:
@@ -1566,7 +1584,6 @@ packages:
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-ppc64@0.19.5:
@@ -1592,7 +1609,6 @@ packages:
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-riscv64@0.19.5:
@@ -1618,7 +1634,6 @@ packages:
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-s390x@0.19.5:
@@ -1644,7 +1659,6 @@ packages:
     cpu: [x64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-x64@0.19.5:
@@ -1670,7 +1684,6 @@ packages:
     cpu: [x64]
     os: [netbsd]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/netbsd-x64@0.19.5:
@@ -1696,7 +1709,6 @@ packages:
     cpu: [x64]
     os: [openbsd]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/openbsd-x64@0.19.5:
@@ -1722,7 +1734,6 @@ packages:
     cpu: [x64]
     os: [sunos]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/sunos-x64@0.19.5:
@@ -1748,7 +1759,6 @@ packages:
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/win32-arm64@0.19.5:
@@ -1774,7 +1784,6 @@ packages:
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/win32-ia32@0.19.5:
@@ -1800,7 +1809,6 @@ packages:
     cpu: [x64]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/win32-x64@0.19.5:
@@ -2013,14 +2021,14 @@ packages:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
 
-  /@playwright/experimental-ct-core@1.40.1(@types/node@18.7.16):
-    resolution: {integrity: sha512-FjYQP74I2xVAO6W52+Yn2t48FDs+IhOHcWAwZHqAX+lHVHidz4f/b0FY3Qnq8+ZIt5TgqucEzGXbw/TdqJYDtA==}
+  /@playwright/experimental-ct-core@1.42.1(@types/node@18.7.16):
+    resolution: {integrity: sha512-wBS6pzgJwRuK0MwgiooamLW0prQLgT0RAhxooeMyqU97VbDI5aYuuynlxobJDDymU4HcOKARg2rG8h6jX7ShrA==}
     engines: {node: '>=16'}
     hasBin: true
     dependencies:
-      playwright: 1.40.1
-      playwright-core: 1.40.1
-      vite: 4.5.1(@types/node@18.7.16)
+      playwright: 1.42.1
+      playwright-core: 1.42.1
+      vite: 5.1.5(@types/node@18.7.16)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -2031,13 +2039,13 @@ packages:
       - terser
     dev: false
 
-  /@playwright/experimental-ct-react@1.40.1(@types/node@18.7.16)(vite@4.5.0):
-    resolution: {integrity: sha512-a2ubB04+pSswpWOgIwgBcSvvdvVNv4Cz8wud5ZLV5+4fcRqRACxFlGJPiVHw1zanhDSD+rH6H9+zaNm/o1iJHw==}
+  /@playwright/experimental-ct-react@1.42.1(@types/node@18.7.16)(vite@5.1.5):
+    resolution: {integrity: sha512-/dxu7nkGOlZIx9MUGQPM5kiIGksYIBaaJKQuNmaJNV29V3VGI1p9yQqrvl1jFK/Hu7SC1LmFB8RlkrOgMiZKYg==}
     engines: {node: '>=16'}
     hasBin: true
     dependencies:
-      '@playwright/experimental-ct-core': 1.40.1(@types/node@18.7.16)
-      '@vitejs/plugin-react': 4.2.1(vite@4.5.0)
+      '@playwright/experimental-ct-core': 1.42.1(@types/node@18.7.16)
+      '@vitejs/plugin-react': 4.2.1(vite@5.1.5)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -2050,12 +2058,12 @@ packages:
       - vite
     dev: false
 
-  /@playwright/test@1.40.1:
-    resolution: {integrity: sha512-EaaawMTOeEItCRvfmkI9v6rBkF1svM8wjl/YPRrg2N2Wmp+4qJYkWtJsbew1szfKKDm6fPLy4YAanBhIlf9dWw==}
+  /@playwright/test@1.42.1:
+    resolution: {integrity: sha512-Gq9rmS54mjBL/7/MvBaNOBwbfnh7beHvS6oS4srqXFcQHpQCV1+c8JXWE8VLPyRDhgS3H8x8A7hztqI9VnwrAQ==}
     engines: {node: '>=16'}
     hasBin: true
     dependencies:
-      playwright: 1.40.1
+      playwright: 1.42.1
     dev: true
 
   /@polka/url@1.0.0-next.24:
@@ -2166,108 +2174,95 @@ packages:
       rollup: 3.23.0
     dev: true
 
-  /@rollup/rollup-android-arm-eabi@4.12.0:
-    resolution: {integrity: sha512-+ac02NL/2TCKRrJu2wffk1kZ+RyqxVUlbjSagNgPm94frxtr+XDL12E5Ll1enWskLrtrZ2r8L3wED1orIibV/w==}
+  /@rollup/rollup-android-arm-eabi@4.12.1:
+    resolution: {integrity: sha512-iU2Sya8hNn1LhsYyf0N+L4Gf9Qc+9eBTJJJsaOGUp+7x4n2M9dxTt8UvhJl3oeftSjblSlpCfvjA/IfP3g5VjQ==}
     cpu: [arm]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@rollup/rollup-android-arm64@4.12.0:
-    resolution: {integrity: sha512-OBqcX2BMe6nvjQ0Nyp7cC90cnumt8PXmO7Dp3gfAju/6YwG0Tj74z1vKrfRz7qAv23nBcYM8BCbhrsWqO7PzQQ==}
+  /@rollup/rollup-android-arm64@4.12.1:
+    resolution: {integrity: sha512-wlzcWiH2Ir7rdMELxFE5vuM7D6TsOcJ2Yw0c3vaBR3VOsJFVTx9xvwnAvhgU5Ii8Gd6+I11qNHwndDscIm0HXg==}
     cpu: [arm64]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@rollup/rollup-darwin-arm64@4.12.0:
-    resolution: {integrity: sha512-X64tZd8dRE/QTrBIEs63kaOBG0b5GVEd3ccoLtyf6IdXtHdh8h+I56C2yC3PtC9Ucnv0CpNFJLqKFVgCYe0lOQ==}
+  /@rollup/rollup-darwin-arm64@4.12.1:
+    resolution: {integrity: sha512-YRXa1+aZIFN5BaImK+84B3uNK8C6+ynKLPgvn29X9s0LTVCByp54TB7tdSMHDR7GTV39bz1lOmlLDuedgTwwHg==}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@rollup/rollup-darwin-x64@4.12.0:
-    resolution: {integrity: sha512-cc71KUZoVbUJmGP2cOuiZ9HSOP14AzBAThn3OU+9LcA1+IUqswJyR1cAJj3Mg55HbjZP6OLAIscbQsQLrpgTOg==}
+  /@rollup/rollup-darwin-x64@4.12.1:
+    resolution: {integrity: sha512-opjWJ4MevxeA8FhlngQWPBOvVWYNPFkq6/25rGgG+KOy0r8clYwL1CFd+PGwRqqMFVQ4/Qd3sQu5t7ucP7C/Uw==}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm-gnueabihf@4.12.0:
-    resolution: {integrity: sha512-a6w/Y3hyyO6GlpKL2xJ4IOh/7d+APaqLYdMf86xnczU3nurFTaVN9s9jOXQg97BE4nYm/7Ga51rjec5nfRdrvA==}
+  /@rollup/rollup-linux-arm-gnueabihf@4.12.1:
+    resolution: {integrity: sha512-uBkwaI+gBUlIe+EfbNnY5xNyXuhZbDSx2nzzW8tRMjUmpScd6lCQYKY2V9BATHtv5Ef2OBq6SChEP8h+/cxifQ==}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm64-gnu@4.12.0:
-    resolution: {integrity: sha512-0fZBq27b+D7Ar5CQMofVN8sggOVhEtzFUwOwPppQt0k+VR+7UHMZZY4y+64WJ06XOhBTKXtQB/Sv0NwQMXyNAA==}
+  /@rollup/rollup-linux-arm64-gnu@4.12.1:
+    resolution: {integrity: sha512-0bK9aG1kIg0Su7OcFTlexkVeNZ5IzEsnz1ept87a0TUgZ6HplSgkJAnFpEVRW7GRcikT4GlPV0pbtVedOaXHQQ==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm64-musl@4.12.0:
-    resolution: {integrity: sha512-eTvzUS3hhhlgeAv6bfigekzWZjaEX9xP9HhxB0Dvrdbkk5w/b+1Sxct2ZuDxNJKzsRStSq1EaEkVSEe7A7ipgQ==}
+  /@rollup/rollup-linux-arm64-musl@4.12.1:
+    resolution: {integrity: sha512-qB6AFRXuP8bdkBI4D7UPUbE7OQf7u5OL+R94JE42Z2Qjmyj74FtDdLGeriRyBDhm4rQSvqAGCGC01b8Fu2LthQ==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@rollup/rollup-linux-riscv64-gnu@4.12.0:
-    resolution: {integrity: sha512-ix+qAB9qmrCRiaO71VFfY8rkiAZJL8zQRXveS27HS+pKdjwUfEhqo2+YF2oI+H/22Xsiski+qqwIBxVewLK7sw==}
+  /@rollup/rollup-linux-riscv64-gnu@4.12.1:
+    resolution: {integrity: sha512-sHig3LaGlpNgDj5o8uPEoGs98RII8HpNIqFtAI8/pYABO8i0nb1QzT0JDoXF/pxzqO+FkxvwkHZo9k0NJYDedg==}
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@rollup/rollup-linux-x64-gnu@4.12.0:
-    resolution: {integrity: sha512-TenQhZVOtw/3qKOPa7d+QgkeM6xY0LtwzR8OplmyL5LrgTWIXpTQg2Q2ycBf8jm+SFW2Wt/DTn1gf7nFp3ssVA==}
+  /@rollup/rollup-linux-x64-gnu@4.12.1:
+    resolution: {integrity: sha512-nD3YcUv6jBJbBNFvSbp0IV66+ba/1teuBcu+fBBPZ33sidxitc6ErhON3JNavaH8HlswhWMC3s5rgZpM4MtPqQ==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@rollup/rollup-linux-x64-musl@4.12.0:
-    resolution: {integrity: sha512-LfFdRhNnW0zdMvdCb5FNuWlls2WbbSridJvxOvYWgSBOYZtgBfW9UGNJG//rwMqTX1xQE9BAodvMH9tAusKDUw==}
+  /@rollup/rollup-linux-x64-musl@4.12.1:
+    resolution: {integrity: sha512-7/XVZqgBby2qp/cO0TQ8uJK+9xnSdJ9ct6gSDdEr4MfABrjTyrW6Bau7HQ73a2a5tPB7hno49A0y1jhWGDN9OQ==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@rollup/rollup-win32-arm64-msvc@4.12.0:
-    resolution: {integrity: sha512-JPDxovheWNp6d7AHCgsUlkuCKvtu3RB55iNEkaQcf0ttsDU/JZF+iQnYcQJSk/7PtT4mjjVG8N1kpwnI9SLYaw==}
+  /@rollup/rollup-win32-arm64-msvc@4.12.1:
+    resolution: {integrity: sha512-CYc64bnICG42UPL7TrhIwsJW4QcKkIt9gGlj21gq3VV0LL6XNb1yAdHVp1pIi9gkts9gGcT3OfUYHjGP7ETAiw==}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@rollup/rollup-win32-ia32-msvc@4.12.0:
-    resolution: {integrity: sha512-fjtuvMWRGJn1oZacG8IPnzIV6GF2/XG+h71FKn76OYFqySXInJtseAqdprVTDTyqPxQOG9Exak5/E9Z3+EJ8ZA==}
+  /@rollup/rollup-win32-ia32-msvc@4.12.1:
+    resolution: {integrity: sha512-LN+vnlZ9g0qlHGlS920GR4zFCqAwbv2lULrR29yGaWP9u7wF5L7GqWu9Ah6/kFZPXPUkpdZwd//TNR+9XC9hvA==}
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@rollup/rollup-win32-x64-msvc@4.12.0:
-    resolution: {integrity: sha512-ZYmr5mS2wd4Dew/JjT0Fqi2NPB/ZhZ2VvPp7SmvPZb4Y1CG/LRcS6tcRo2cYU7zLK5A7cdbhWnnWmUjoI4qapg==}
+  /@rollup/rollup-win32-x64-msvc@4.12.1:
+    resolution: {integrity: sha512-n+vkrSyphvmU0qkQ6QBNXCGr2mKjhP08mPRM/Xp5Ck2FV4NrHU+y6axzDeixUrCBHVUS51TZhjqrKBBsHLKb2Q==}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@sideway/address@4.1.4:
@@ -2326,7 +2321,7 @@ packages:
       sirv: 2.0.4
       svelte: 4.2.12
       tiny-glob: 0.2.9
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
     dev: true
 
   /@sveltejs/kit@2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.5):
@@ -2353,7 +2348,7 @@ packages:
       sirv: 2.0.4
       svelte: 4.2.12
       tiny-glob: 0.2.9
-      vite: 5.1.5
+      vite: 5.1.5(@types/node@18.7.16)
     dev: true
 
   /@sveltejs/package@2.2.7(svelte@4.2.12)(typescript@5.1.3):
@@ -2373,7 +2368,7 @@ packages:
       - typescript
     dev: true
 
-  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0):
+  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.2):
     resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
@@ -2381,10 +2376,10 @@ packages:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.2)
       debug: 4.3.4(supports-color@8.1.1)
       svelte: 4.2.1
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.2
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -2400,7 +2395,7 @@ packages:
       '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
       svelte: 4.2.12
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
     transitivePeerDependencies:
       - supports-color
 
@@ -2415,27 +2410,27 @@ packages:
       '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.5)
       debug: 4.3.4(supports-color@8.1.1)
       svelte: 4.2.12
-      vite: 5.1.5
+      vite: 5.1.5(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0):
+  /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.2):
     resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.2)
       debug: 4.3.4(supports-color@8.1.1)
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.5
       svelte: 4.2.1
       svelte-hmr: 0.15.3(svelte@4.2.1)
-      vite: 4.5.0(@types/node@18.7.16)
-      vitefu: 0.2.5(vite@4.5.0)
+      vite: 4.5.2
+      vitefu: 0.2.5(vite@4.5.2)
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -2454,7 +2449,7 @@ packages:
       magic-string: 0.30.8
       svelte: 4.2.12
       svelte-hmr: 0.15.3(svelte@4.2.12)
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
       vitefu: 0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
@@ -2473,7 +2468,7 @@ packages:
       magic-string: 0.30.8
       svelte: 4.2.12
       svelte-hmr: 0.15.3(svelte@4.2.12)
-      vite: 5.1.5
+      vite: 5.1.5(@types/node@18.7.16)
       vitefu: 0.2.5(vite@5.1.5)
     transitivePeerDependencies:
       - supports-color
@@ -2629,8 +2624,8 @@ packages:
   /@types/babel__core@7.20.5:
     resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
     dependencies:
-      '@babel/parser': 7.23.6
-      '@babel/types': 7.23.6
+      '@babel/parser': 7.24.0
+      '@babel/types': 7.24.0
       '@types/babel__generator': 7.6.8
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.20.5
@@ -2644,7 +2639,7 @@ packages:
   /@types/babel__generator@7.6.8:
     resolution: {integrity: sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==}
     dependencies:
-      '@babel/types': 7.23.6
+      '@babel/types': 7.24.0
     dev: false
 
   /@types/babel__template@7.4.4:
@@ -2661,7 +2656,7 @@ packages:
   /@types/babel__traverse@7.20.5:
     resolution: {integrity: sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==}
     dependencies:
-      '@babel/types': 7.23.6
+      '@babel/types': 7.24.0
     dev: false
 
   /@types/cookie@0.6.0:
@@ -3420,7 +3415,7 @@ packages:
       vite: ^4
     dependencies:
       '@swc/core': 1.3.96
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
     transitivePeerDependencies:
       - '@swc/helpers'
     dev: true
@@ -3436,22 +3431,39 @@ packages:
       '@babel/plugin-transform-react-jsx-source': 7.22.5(@babel/core@7.23.2)
       '@types/babel__core': 7.20.4
       react-refresh: 0.14.0
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@vitejs/plugin-react@4.1.1(vite@4.5.2):
+    resolution: {integrity: sha512-Jie2HERK+uh27e+ORXXwEP5h0Y2lS9T2PRGbfebiHGlwzDO0dEnd2aNtOR/qjBlPb1YgxwAONeblL1xqLikLag==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.2.0
+    dependencies:
+      '@babel/core': 7.23.2
+      '@babel/plugin-transform-react-jsx-self': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-react-jsx-source': 7.22.5(@babel/core@7.23.2)
+      '@types/babel__core': 7.20.4
+      react-refresh: 0.14.0
+      vite: 4.5.2
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  /@vitejs/plugin-react@4.2.1(vite@4.5.0):
+  /@vitejs/plugin-react@4.2.1(vite@5.1.5):
     resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^4.2.0 || ^5.0.0
     dependencies:
-      '@babel/core': 7.23.7
-      '@babel/plugin-transform-react-jsx-self': 7.23.3(@babel/core@7.23.7)
-      '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.23.7)
+      '@babel/core': 7.24.0
+      '@babel/plugin-transform-react-jsx-self': 7.23.3(@babel/core@7.24.0)
+      '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.24.0)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.0
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 5.1.5(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -3720,7 +3732,7 @@ packages:
       undici: 5.26.5
       unist-util-visit: 4.1.2
       vfile: 5.3.7
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
       vitefu: 0.2.5(vite@4.5.0)
       which-pm: 2.1.1
       yargs-parser: 21.1.1
@@ -3919,15 +3931,15 @@ packages:
       node-releases: 2.0.13
       update-browserslist-db: 1.0.13(browserslist@4.22.1)
 
-  /browserslist@4.22.2:
-    resolution: {integrity: sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==}
+  /browserslist@4.23.0:
+    resolution: {integrity: sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: 1.0.30001572
-      electron-to-chromium: 1.4.617
+      caniuse-lite: 1.0.30001594
+      electron-to-chromium: 1.4.693
       node-releases: 2.0.14
-      update-browserslist-db: 1.0.13(browserslist@4.22.2)
+      update-browserslist-db: 1.0.13(browserslist@4.23.0)
     dev: false
 
   /buffer-crc32@0.2.13:
@@ -4005,8 +4017,8 @@ packages:
   /caniuse-lite@1.0.30001553:
     resolution: {integrity: sha512-N0ttd6TrFfuqKNi+pMgWJTb9qrdJu4JSpgPFLe/lrD19ugC6fZgF0pUewRowDwzdDnb9V41mFcdlYgl/PyKf4A==}
 
-  /caniuse-lite@1.0.30001572:
-    resolution: {integrity: sha512-1Pbh5FLmn5y4+QhNyJE9j3/7dK44dGB83/ZMjv/qJk86TvDbjk0LosiZo0i0WB0Vx607qMX9jYrn1VLHCkN4rw==}
+  /caniuse-lite@1.0.30001594:
+    resolution: {integrity: sha512-VblSX6nYqyJVs8DKFMldE2IVCJjZ225LW00ydtUWwh5hk9IfkTOffO6r8gJNsH0qqqeAF8KrbMYA2VEwTlGW5g==}
     dev: false
 
   /caseless@0.12.0:
@@ -4834,8 +4846,8 @@ packages:
   /electron-to-chromium@1.4.563:
     resolution: {integrity: sha512-dg5gj5qOgfZNkPNeyKBZQAQitIQ/xwfIDmEQJHCbXaD9ebTZxwJXUsDYcBlAvZGZLi+/354l35J1wkmP6CqYaw==}
 
-  /electron-to-chromium@1.4.617:
-    resolution: {integrity: sha512-sYNE3QxcDS4ANW1k4S/wWYMXjCVcFSOX3Bg8jpuMFaXt/x8JCmp0R1Xe1ZXDX4WXnSRBf+GJ/3eGWicUuQq5cg==}
+  /electron-to-chromium@1.4.693:
+    resolution: {integrity: sha512-/if4Ueg0GUQlhCrW2ZlXwDAm40ipuKo+OgeHInlL8sbjt+hzISxZK949fZeJaVsheamrzANXvw1zQTvbxTvSHw==}
     dev: false
 
   /emoji-regex@10.3.0:
@@ -5027,7 +5039,6 @@ packages:
       '@esbuild/win32-arm64': 0.19.12
       '@esbuild/win32-ia32': 0.19.12
       '@esbuild/win32-x64': 0.19.12
-    dev: true
 
   /esbuild@0.19.5:
     resolution: {integrity: sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==}
@@ -7773,17 +7784,17 @@ packages:
     dependencies:
       find-up: 4.1.0
 
-  /playwright-core@1.40.1:
-    resolution: {integrity: sha512-+hkOycxPiV534c4HhpfX6yrlawqVUzITRKwHAmYfmsVreltEl6fAZJ3DPfLMOODw0H3s1Itd6MDCWmP1fl/QvQ==}
+  /playwright-core@1.42.1:
+    resolution: {integrity: sha512-mxz6zclokgrke9p1vtdy/COWBH+eOZgYUVVU34C73M+4j4HLlQJHtfcqiqqxpP0o8HhMkflvfbquLX5dg6wlfA==}
     engines: {node: '>=16'}
     hasBin: true
 
-  /playwright@1.40.1:
-    resolution: {integrity: sha512-2eHI7IioIpQ0bS1Ovg/HszsN/XKNwEG1kbzSDDmADpclKc7CyqkHw7Mg2JCz/bbCxg25QUPcjksoMW7JcIFQmw==}
+  /playwright@1.42.1:
+    resolution: {integrity: sha512-PgwB03s2DZBcNRoW+1w9E+VkLBxweib6KTXM0M3tkiT4jVxKSi6PmVJ591J+0u10LUrgxB7dLRbiJqO5s2QPMg==}
     engines: {node: '>=16'}
     hasBin: true
     dependencies:
-      playwright-core: 1.40.1
+      playwright-core: 1.42.1
     optionalDependencies:
       fsevents: 2.3.2
 
@@ -8268,15 +8279,6 @@ packages:
       picocolors: 1.0.0
       source-map-js: 1.0.2
 
-  /postcss@8.4.32:
-    resolution: {integrity: sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==}
-    engines: {node: ^10 || ^12 || >=14}
-    dependencies:
-      nanoid: 3.3.7
-      picocolors: 1.0.0
-      source-map-js: 1.0.2
-    dev: false
-
   /postcss@8.4.35:
     resolution: {integrity: sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==}
     engines: {node: ^10 || ^12 || >=14}
@@ -8284,7 +8286,6 @@ packages:
       nanoid: 3.3.7
       picocolors: 1.0.0
       source-map-js: 1.0.2
-    dev: true
 
   /prebuild-install@7.1.1:
     resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
@@ -8828,28 +8829,27 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /rollup@4.12.0:
-    resolution: {integrity: sha512-wz66wn4t1OHIJw3+XU7mJJQV/2NAfw5OAk6G6Hoo3zcvz/XOfQ52Vgi+AN4Uxoxi0KBBwk2g8zPrTDA4btSB/Q==}
+  /rollup@4.12.1:
+    resolution: {integrity: sha512-ggqQKvx/PsB0FaWXhIvVkSWh7a/PCLQAsMjBc+nA2M8Rv2/HG0X6zvixAB7KyZBRtifBUhy5k8voQX/mRnABPg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
     dependencies:
       '@types/estree': 1.0.5
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.12.0
-      '@rollup/rollup-android-arm64': 4.12.0
-      '@rollup/rollup-darwin-arm64': 4.12.0
-      '@rollup/rollup-darwin-x64': 4.12.0
-      '@rollup/rollup-linux-arm-gnueabihf': 4.12.0
-      '@rollup/rollup-linux-arm64-gnu': 4.12.0
-      '@rollup/rollup-linux-arm64-musl': 4.12.0
-      '@rollup/rollup-linux-riscv64-gnu': 4.12.0
-      '@rollup/rollup-linux-x64-gnu': 4.12.0
-      '@rollup/rollup-linux-x64-musl': 4.12.0
-      '@rollup/rollup-win32-arm64-msvc': 4.12.0
-      '@rollup/rollup-win32-ia32-msvc': 4.12.0
-      '@rollup/rollup-win32-x64-msvc': 4.12.0
+      '@rollup/rollup-android-arm-eabi': 4.12.1
+      '@rollup/rollup-android-arm64': 4.12.1
+      '@rollup/rollup-darwin-arm64': 4.12.1
+      '@rollup/rollup-darwin-x64': 4.12.1
+      '@rollup/rollup-linux-arm-gnueabihf': 4.12.1
+      '@rollup/rollup-linux-arm64-gnu': 4.12.1
+      '@rollup/rollup-linux-arm64-musl': 4.12.1
+      '@rollup/rollup-linux-riscv64-gnu': 4.12.1
+      '@rollup/rollup-linux-x64-gnu': 4.12.1
+      '@rollup/rollup-linux-x64-musl': 4.12.1
+      '@rollup/rollup-win32-arm64-msvc': 4.12.1
+      '@rollup/rollup-win32-ia32-msvc': 4.12.1
+      '@rollup/rollup-win32-x64-msvc': 4.12.1
       fsevents: 2.3.3
-    dev: true
 
   /run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
@@ -9660,7 +9660,7 @@ packages:
       typescript: 5.2.2
     dev: true
 
-  /svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.2.2):
+  /svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.3.3):
     resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==}
     peerDependencies:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
@@ -9669,7 +9669,7 @@ packages:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
       svelte: 4.2.1
-      typescript: 5.2.2
+      typescript: 5.3.3
     dev: false
 
   /svelte2tsx@0.7.3(svelte@4.2.12)(typescript@5.1.3):
@@ -10104,6 +10104,12 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  /typescript@5.3.3:
+    resolution: {integrity: sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+    dev: false
+
   /ultrahtml@1.5.2:
     resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==}
     dev: false
@@ -10251,13 +10257,13 @@ packages:
       escalade: 3.1.1
       picocolors: 1.0.0
 
-  /update-browserslist-db@1.0.13(browserslist@4.22.2):
+  /update-browserslist-db@1.0.13(browserslist@4.23.0):
     resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
     dependencies:
-      browserslist: 4.22.2
+      browserslist: 4.23.0
       escalade: 3.1.1
       picocolors: 1.0.0
     dev: false
@@ -10341,7 +10347,7 @@ packages:
       vfile-message: 3.1.4
     dev: false
 
-  /vite@4.5.0(@types/node@18.7.16):
+  /vite@4.5.0:
     resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
@@ -10369,15 +10375,14 @@ packages:
       terser:
         optional: true
     dependencies:
-      '@types/node': 18.7.16
       esbuild: 0.18.20
       postcss: 8.4.31
       rollup: 3.29.4
     optionalDependencies:
       fsevents: 2.3.3
 
-  /vite@4.5.1(@types/node@18.7.16):
-    resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==}
+  /vite@4.5.2:
+    resolution: {integrity: sha512-tBCZBNSBbHQkaGyhGCDUGqeo2ph8Fstyp6FMSvTtsXeZSPpSMGlviAOav2hxVTqFcx8Hj/twtWKsMJXNY0xI8w==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -10404,15 +10409,14 @@ packages:
       terser:
         optional: true
     dependencies:
-      '@types/node': 18.7.16
       esbuild: 0.18.20
-      postcss: 8.4.32
+      postcss: 8.4.35
       rollup: 3.29.4
     optionalDependencies:
       fsevents: 2.3.3
     dev: false
 
-  /vite@5.1.5:
+  /vite@5.1.5(@types/node@18.7.16):
     resolution: {integrity: sha512-BdN1xh0Of/oQafhU+FvopafUp6WaYenLU/NFoL5WyJL++GxkNfieKzBhM24H3HVsPQrlAqB7iJYTHabzaRed5Q==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -10440,12 +10444,12 @@ packages:
       terser:
         optional: true
     dependencies:
+      '@types/node': 18.7.16
       esbuild: 0.19.12
       postcss: 8.4.35
-      rollup: 4.12.0
+      rollup: 4.12.1
     optionalDependencies:
       fsevents: 2.3.3
-    dev: true
 
   /vitefu@0.2.5(vite@4.5.0):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
@@ -10455,7 +10459,18 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
+
+  /vitefu@0.2.5(vite@4.5.2):
+    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+    dependencies:
+      vite: 4.5.2
+    dev: false
 
   /vitefu@0.2.5(vite@5.1.5):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
@@ -10465,7 +10480,7 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: 5.1.5
+      vite: 5.1.5(@types/node@18.7.16)
     dev: true
 
   /vscode-oniguruma@1.7.0:
diff --git a/tests/playwright/e2e/edges.spec.ts b/tests/playwright/e2e/edges.spec.ts
index 16695e634..5d5e4258e 100644
--- a/tests/playwright/e2e/edges.spec.ts
+++ b/tests/playwright/e2e/edges.spec.ts
@@ -30,11 +30,12 @@ test.describe('Edges', () => {
       await edge1.click();
       await expect(edge1).toHaveClass(/selected/);
 
-      // FIXME: I cannot get this to work
-      await page.keyboard.down('MetaLeft');
+      // we are using "s" here because Meta doesn't work for some reason
+      await page.keyboard.down('s');
       await edge2.click();
-      await expect(edge2).toHaveClass(/selected/);
+      await page.keyboard.up('s');
 
+      await expect(edge2).toHaveClass(/selected/);
       await expect(edge1).toHaveClass(/selected/);
     });
   });
@@ -88,8 +89,6 @@ test.describe('Edges', () => {
 
       await expect(edge).toBeAttached();
 
-      const edgeBox = await edge.boundingBox();
-
       await edge.click();
       await expect(edge).toHaveClass(/selected/);
 
@@ -154,8 +153,8 @@ test.describe('Edges', () => {
 
       await expect(edge).toBeAttached();
 
-      await expect(edge).toHaveAttribute('marker-start', 'url(#1__type=arrowclosed)');
-      await expect(edge).toHaveAttribute('marker-end', 'url(#1__type=arrow)');
+      await expect(edge).toHaveAttribute('marker-start', "url('#1__type=arrowclosed')");
+      await expect(edge).toHaveAttribute('marker-end', "url('#1__type=arrow')");
     });
   });
 });
diff --git a/tests/playwright/e2e/pane.spec.ts b/tests/playwright/e2e/pane.spec.ts
index d4d669883..c04dce0cb 100644
--- a/tests/playwright/e2e/pane.spec.ts
+++ b/tests/playwright/e2e/pane.spec.ts
@@ -52,7 +52,7 @@ test.describe('Pane default', () => {
   });
 
   test.describe('minZoom & maxZoom', () => {
-    test('minZoom works as intended', async ({ page }) => {
+    test('minZoom', async ({ page }) => {
       const pane = page.locator(`.${FRAMEWORK}-flow__pane`);
       const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
 
@@ -67,7 +67,7 @@ test.describe('Pane default', () => {
       expect(transformsMinZoom.scale).toBe(0.25);
     });
 
-    test('maxZoom works as intended', async ({ page }) => {
+    test('maxZoom', async ({ page }) => {
       const pane = page.locator(`.${FRAMEWORK}-flow__pane`);
       const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
 
@@ -84,7 +84,7 @@ test.describe('Pane default', () => {
   });
 
   test.describe('autoPan', () => {
-    test('autoPanOnNodeDrag works as intended', async ({ page }) => {
+    test('autoPanOnNodeDrag', async ({ page }) => {
       const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
       const node = page.locator('[data-id="1"]');
 
@@ -96,7 +96,8 @@ test.describe('Pane default', () => {
       await page.mouse.down();
       await page.mouse.move(0, 0);
       await page.waitForTimeout(500);
-      await page.mouse.move(100, 100);
+      await page.mouse.move(1000, 100, { steps: 100 });
+      await page.mouse.up();
 
       const transformAfter = await getTransform(viewport);
 
@@ -104,7 +105,7 @@ test.describe('Pane default', () => {
       await expect(transformAfter.translateY).toBeGreaterThan(transformBefore.translateY);
     });
 
-    test('autoPanOnConnect works as intended', async ({ page }) => {
+    test('autoPanOnConnect', async ({ page }) => {
       const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
       const handle = page.locator(`[data-id="1"] .${FRAMEWORK}-flow__handle`);
 
@@ -116,7 +117,7 @@ test.describe('Pane default', () => {
       await page.mouse.down();
       await page.mouse.move(0, 0);
       await page.waitForTimeout(500);
-      await page.mouse.move(100, 100);
+      await page.mouse.move(100, 100, { steps: 100 });
 
       const transformAfter = await getTransform(viewport);
 
diff --git a/tests/playwright/package.json b/tests/playwright/package.json
index f09a13e5e..9b3a4afb0 100644
--- a/tests/playwright/package.json
+++ b/tests/playwright/package.json
@@ -13,11 +13,11 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@playwright/test": "^1.40.1",
+    "@playwright/test": "^1.42.1",
     "@types/node": "^18.7.16"
   },
   "dependencies": {
-    "@playwright/experimental-ct-react": "^1.40.1",
+    "@playwright/experimental-ct-react": "^1.42.1",
     "@types/react": "^18.2.31",
     "@types/react-dom": "^18.2.14",
     "react": "^18.2.0",

From 9565689dfc76b4b3aaf713163744a2707925f32d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 6 Mar 2024 18:06:34 +0100
Subject: [PATCH 0643/1093] fix(react): select nodes with selection in
 uncontrolled flows

---
 packages/react/src/container/Pane/index.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index 414a47451..dfb240d0e 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -128,7 +128,8 @@ export function Pane({
   };
 
   const onMouseMove = (event: ReactMouseEvent): void => {
-    const { userSelectionRect, edges, transform, nodeOrigin, nodes, onNodesChange, onEdgesChange } = store.getState();
+    const { userSelectionRect, edges, transform, nodeOrigin, nodes, triggerNodeChanges, triggerEdgeChanges } =
+      store.getState();
     if (!isSelecting || !containerBounds.current || !userSelectionRect) {
       return;
     }
@@ -172,17 +173,13 @@ export function Pane({
     if (prevSelectedNodesCount.current !== selectedNodeIds.size) {
       prevSelectedNodesCount.current = selectedNodeIds.size;
       const changes = getSelectionChanges(nodes, selectedNodeIds, true) as NodeChange[];
-      if (changes.length) {
-        onNodesChange?.(changes);
-      }
+      triggerNodeChanges(changes);
     }
 
     if (prevSelectedEdgesCount.current !== selectedEdgeIds.size) {
       prevSelectedEdgesCount.current = selectedEdgeIds.size;
       const changes = getSelectionChanges(edges, selectedEdgeIds) as EdgeChange[];
-      if (changes.length) {
-        onEdgesChange?.(changes);
-      }
+      triggerEdgeChanges(changes);
     }
 
     store.setState({

From 5c50ecfb42d043c88d6eaa4878a9be8c8cc10d3f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 6 Mar 2024 18:07:06 +0100
Subject: [PATCH 0644/1093] text(react): cleanup tests, add onNodesChange tests

---
 .../components/reactflow/basic-props.cy.tsx   |   2 +-
 .../reactflow/on-nodes-change.cy.tsx          | 138 ++++++++
 examples/react/cypress/e2e/basic.cy.ts        |  38 +--
 .../react/cypress/support/ControlledFlow.tsx  |   2 +-
 examples/react/cypress/support/commands.ts    |   2 +-
 examples/react/cypress/support/e2e.ts         |   1 +
 examples/react/package.json                   |   4 +-
 examples/react/tsconfig.json                  |   2 +-
 pnpm-lock.yaml                                | 309 ++++++++++--------
 9 files changed, 330 insertions(+), 168 deletions(-)
 create mode 100644 examples/react/cypress/components/reactflow/on-nodes-change.cy.tsx

diff --git a/examples/react/cypress/components/reactflow/basic-props.cy.tsx b/examples/react/cypress/components/reactflow/basic-props.cy.tsx
index c8ac818a4..a0738effb 100644
--- a/examples/react/cypress/components/reactflow/basic-props.cy.tsx
+++ b/examples/react/cypress/components/reactflow/basic-props.cy.tsx
@@ -6,7 +6,7 @@ import * as simpleflow from '../../fixtures/simpleflow';
 describe('<ReactFlow />: Basic Props', () => {
   describe('uses defaultNodes and defaultEdges', () => {
     beforeEach(() => {
-      cy.mount(<ReactFlow defaultNodes={simpleflow.nodes} defaultEdges={simpleflow.edges} />);
+      cy.mount(<ReactFlow defaultNodes={simpleflow.nodes} defaultEdges={simpleflow.edges} nodeDragThreshold={0} />);
     });
 
     it('mounts nodes and edges', () => {
diff --git a/examples/react/cypress/components/reactflow/on-nodes-change.cy.tsx b/examples/react/cypress/components/reactflow/on-nodes-change.cy.tsx
new file mode 100644
index 000000000..a15fc67e9
--- /dev/null
+++ b/examples/react/cypress/components/reactflow/on-nodes-change.cy.tsx
@@ -0,0 +1,138 @@
+import { useCallback, useState } from 'react';
+import { OnNodesChange, Panel, ReactFlow, ReactFlowProps, applyNodeChanges, useReactFlow, Node } from '@xyflow/react';
+
+const nodes = [
+  {
+    id: '1',
+    data: { label: 'Node 1' },
+    position: { x: 0, y: 0 },
+    style: { width: 100, height: 40 },
+  },
+  {
+    id: '2',
+    data: { label: 'Node 2' },
+    position: { x: 200, y: 200 },
+    style: { width: 80, height: 50 },
+  },
+];
+
+describe('<ReactFlow />: onNodesChange', () => {
+  beforeEach(() => {
+    const onNodesChange = cy.spy().as('onNodesChange');
+    cy.mount(<Comp nodes={nodes} onNodesChange={onNodesChange} />).wait(500);
+  });
+
+  it('receive initial dimension change', () => {
+    const expectedChanges = nodes.map((n) => ({
+      type: 'dimensions',
+      id: n.id,
+      dimensions: n.style,
+    }));
+
+    cy.get('@onNodesChange').should('have.callCount', 1);
+    cy.get('@onNodesChange').should('have.calledWith', expectedChanges);
+  });
+
+  it('receive replace and dimension change', () => {
+    const expectedDimensionChanges = [
+      {
+        type: 'dimensions',
+        id: '1',
+        dimensions: { width: 200, height: 100 },
+      },
+    ];
+
+    const expectedReplaceChanges = [
+      {
+        type: 'replace',
+        id: '1',
+        item: {
+          ...nodes[0],
+          computed: { positionAbsolute: nodes[0].position, width: 200, height: 100 },
+          style: { width: 200, height: 100 },
+        },
+      },
+    ];
+
+    cy.get('[data-id=update-btn]').click();
+
+    cy.get('@onNodesChange').should('have.callCount', 3);
+    cy.get('@onNodesChange').then((s) => {
+      // dimension change (already checked above)
+      // const firstCall = s.getCall(0);
+      // replace change
+      // @ts-ignore
+      const secondChangeCallArgs = s.getCall(1).args[0];
+      // dimension change
+      // @ts-ignore
+      const thirdChangeCallArgs = s.getCall(2).args[0];
+
+      expect(secondChangeCallArgs).to.be.deep.eq(expectedReplaceChanges);
+      expect(thirdChangeCallArgs).to.be.deep.eq(expectedDimensionChanges);
+    });
+  });
+
+  it('receive select and unselect change', () => {
+    const expectedSelectChanges = [{ id: '1', type: 'select', selected: true }];
+    const expectedUnselectChanges = [{ id: '1', type: 'select', selected: false }];
+
+    cy.get('.react-flow__node').first().click();
+    cy.get('@onNodesChange').should('have.calledWith', expectedSelectChanges);
+
+    cy.get('.react-flow__pane').first().click({ force: true });
+    cy.get('@onNodesChange').should('have.calledWith', expectedUnselectChanges);
+  });
+
+  it('receive position change', () => {
+    const endPosition = { x: 200, y: 25 };
+    const expectedChanges = [
+      { id: '1', type: 'position', dragging: false, position: endPosition, positionAbsolute: endPosition },
+    ];
+
+    cy.drag('.react-flow__node:first', endPosition).then(() => {
+      cy.get('@onNodesChange').should('have.calledWith', expectedChanges);
+    });
+  });
+
+  it('receive remove change', () => {
+    const expectedChanges = [{ id: '1', type: 'remove' }];
+
+    cy.get('.react-flow__node').first().click();
+    cy.realPress('Backspace');
+
+    cy.get('@onNodesChange').should('have.calledWith', expectedChanges);
+  });
+});
+
+// test specific helpers
+
+function UpdateButton() {
+  const { updateNode } = useReactFlow();
+  const updateNodeDimensions = () => {
+    updateNode('1', { style: { width: 200, height: 100 } });
+  };
+
+  return (
+    <Panel position="top-right">
+      <button data-id="update-btn" onClick={updateNodeDimensions} id="btn">
+        update
+      </button>
+    </Panel>
+  );
+}
+
+type CompProps = ReactFlowProps & { onNodesChange: (changes: any) => void };
+
+function Comp(props: CompProps) {
+  const [nodes, setNodes] = useState(props.nodes || []);
+  const onNodesChange: OnNodesChange<Node> = useCallback((changes) => {
+    props.onNodesChange(changes);
+    setNodes((nds) => applyNodeChanges(changes, nds));
+  }, []);
+
+  return (
+    <ReactFlow nodes={nodes} onNodesChange={onNodesChange} nodeDragThreshold={0}>
+      <UpdateButton />
+    </ReactFlow>
+  );
+}
diff --git a/examples/react/cypress/e2e/basic.cy.ts b/examples/react/cypress/e2e/basic.cy.ts
index 8328a307d..07c7e4c45 100644
--- a/examples/react/cypress/e2e/basic.cy.ts
+++ b/examples/react/cypress/e2e/basic.cy.ts
@@ -49,21 +49,16 @@ describe('Basic Flow Rendering', { testIsolation: false }, () => {
 
   it('selects one node with a selection', () => {
     cy.get('body')
-      .type('{shift}', { release: false })
-      .wait(50)
+      .type('{Shift}', { release: false })
       .get('.react-flow__pane')
       .trigger('mousedown', 1, 10, { button: 0, force: true })
-      .trigger('mousemove', 1000, 450, { button: 0 })
-      .wait(50)
-      .trigger('mouseup', 1000, 450, { button: 0, force: true });
-
-    cy.wait(200);
+      .trigger('mousemove', 1000, 200, { button: 0 })
+      .trigger('mouseup', 1000, 200, { button: 0 });
 
-    cy.get('.react-flow__node').eq(1).should('have.class', 'selected');
+    cy.get('.react-flow__node').eq(0).should('have.class', 'selected');
     cy.get('.react-flow__node').eq(3).should('have.not.class', 'selected');
 
     cy.get('.react-flow__nodesselection-rect');
-
     cy.get('body').type('{shift}', { release: true, force: true });
   });
 
@@ -103,13 +98,13 @@ describe('Basic Flow Rendering', { testIsolation: false }, () => {
     });
   });
 
-  // @TODO: why does this fail since react18?
-  // it('removes a node', () => {
-  //   cy.get('.react-flow__node').contains('Node 1').click().should('have.class', 'selected');
-  //   cy.get('html').type('{backspace}').wait(100);
-  //   cy.get('.react-flow__node').should('have.length', 3);
-  //   cy.get('.react-flow__edge').should('have.length', 1);
-  // });
+  it('removes a node', () => {
+    cy.get('.react-flow__node').contains('Node 1').click().should('have.class', 'selected');
+    cy.get('html').realPress('Backspace');
+
+    cy.get('.react-flow__node').should('have.length', 3);
+    cy.get('.react-flow__edge').should('have.length', 1);
+  });
 
   it('connects nodes', () => {
     cy.get('.react-flow__node')
@@ -128,13 +123,12 @@ describe('Basic Flow Rendering', { testIsolation: false }, () => {
     cy.get('@edge').should('have.length', 3);
   });
 
-  // @TODO: why does this fail since react18?
-  // it('removes an edge', () => {
-  //   cy.get('.react-flow__edge:first').click();
-  //   cy.get('body').type('{backspace}');
+  it('removes an edge', () => {
+    cy.get('.react-flow__edge:first').click();
+    cy.get('html').realPress('Backspace');
 
-  //   cy.get('.react-flow__edge').should('have.length', 1);
-  // });
+    cy.get('.react-flow__edge').should('have.length', 1);
+  });
 
   it('drags the pane', () => {
     const styleBeforeDrag = Cypress.$('.react-flow__viewport').css('transform');
diff --git a/examples/react/cypress/support/ControlledFlow.tsx b/examples/react/cypress/support/ControlledFlow.tsx
index eaa560bfa..8474b81e9 100644
--- a/examples/react/cypress/support/ControlledFlow.tsx
+++ b/examples/react/cypress/support/ControlledFlow.tsx
@@ -59,7 +59,7 @@ function ControlledFlow({
     handlers.onConnect = onConnect;
   }
 
-  return <ReactFlow nodes={nodes} edges={edges} {...handlers} {...rest} />;
+  return <ReactFlow nodes={nodes} edges={edges} {...handlers} {...rest} nodeDragThreshold={0} />;
 }
 
 export default ControlledFlow;
diff --git a/examples/react/cypress/support/commands.ts b/examples/react/cypress/support/commands.ts
index e138e4cf8..3a350dc5e 100644
--- a/examples/react/cypress/support/commands.ts
+++ b/examples/react/cypress/support/commands.ts
@@ -9,7 +9,7 @@ Cypress.Commands.add('drag', (selector, { x, y }) =>
       const nextY: number = centerY + y;
 
       return elementToDrag
-        .trigger('mousedown', { view: window })
+        .trigger('mousedown', { view: window, force: true })
         .trigger('mousemove', nextX, nextY, { force: true })
         .wait(50)
         .trigger('mouseup', { view: window, force: true });
diff --git a/examples/react/cypress/support/e2e.ts b/examples/react/cypress/support/e2e.ts
index d153dd3e2..29be4a697 100644
--- a/examples/react/cypress/support/e2e.ts
+++ b/examples/react/cypress/support/e2e.ts
@@ -15,6 +15,7 @@
 
 // Import commands.js using ES2015 syntax:
 import './commands';
+import 'cypress-real-events/support';
 
 const resizeObserverLoopErrRe = /^[^(ResizeObserver loop limit exceeded)]/;
 
diff --git a/examples/react/package.json b/examples/react/package.json
index 36dd09a62..24bbee4a0 100644
--- a/examples/react/package.json
+++ b/examples/react/package.json
@@ -30,8 +30,8 @@
     "@types/react-dom": "^18.2.14",
     "@vitejs/plugin-react": "4.1.1",
     "@vitejs/plugin-react-swc": "^3.4.1",
-    "cypress": "12.17.3",
-    "cypress-real-events": "1.11.0",
+    "cypress": "13.6.6",
+    "cypress-real-events": "1.12.0",
     "start-server-and-test": "^2.0.2",
     "typescript": "5.2.2",
     "vite": "4.5.0"
diff --git a/examples/react/tsconfig.json b/examples/react/tsconfig.json
index 7156a4993..0519e0a8b 100644
--- a/examples/react/tsconfig.json
+++ b/examples/react/tsconfig.json
@@ -15,7 +15,7 @@
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react-jsx",
-    "types": ["cypress", "cypress-real-events"]
+    "types": ["cypress", "node", "cypress-real-events"]
   },
   "include": ["**/*.ts", "**/*.tsx"],
   "references": [{ "path": "./tsconfig.node.json" }]
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 71f83eda0..905cbf650 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -61,10 +61,10 @@ importers:
     dependencies:
       '@astrojs/react':
         specifier: ^3.0.2
-        version: 3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.2)
+        version: 3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0)
       '@astrojs/svelte':
         specifier: ^4.0.2
-        version: 4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.3.3)(vite@4.5.2)
+        version: 4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.2.2)(vite@4.5.0)
       '@types/react':
         specifier: ^18.2.24
         version: 18.2.24
@@ -136,11 +136,11 @@ importers:
         specifier: ^3.4.1
         version: 3.4.1(vite@4.5.0)
       cypress:
-        specifier: 12.17.3
-        version: 12.17.3
+        specifier: 13.6.6
+        version: 13.6.6
       cypress-real-events:
-        specifier: 1.11.0
-        version: 1.11.0(cypress@12.17.3)
+        specifier: 1.12.0
+        version: 1.12.0(cypress@13.6.6)
       start-server-and-test:
         specifier: ^2.0.2
         version: 2.0.2
@@ -149,7 +149,7 @@ importers:
         version: 5.2.2
       vite:
         specifier: 4.5.0
-        version: 4.5.0
+        version: 4.5.0(@types/node@18.7.16)
 
   examples/svelte:
     dependencies:
@@ -204,7 +204,7 @@ importers:
         version: 5.2.2
       vite:
         specifier: ^4.5.0
-        version: 4.5.0
+        version: 4.5.0(@types/node@18.7.16)
 
   packages/react:
     dependencies:
@@ -399,7 +399,7 @@ importers:
     dependencies:
       '@playwright/experimental-ct-react':
         specifier: ^1.42.1
-        version: 1.42.1(@types/node@18.7.16)(vite@5.1.5)
+        version: 1.42.1(@types/node@18.7.16)(vite@4.5.0)
       '@types/react':
         specifier: ^18.2.31
         version: 18.2.31
@@ -528,7 +528,7 @@ packages:
       prismjs: 1.29.0
     dev: false
 
-  /@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.2):
+  /@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0):
     resolution: {integrity: sha512-aooNIuQxTg+IWGMZPuIEwBeBi4/TCPCMsr3714zuLjAjukVd5ZrX/bCNxJqDWU4HNwUm4XFU1OhcEvYOHa5uMQ==}
     engines: {node: '>=18.14.1'}
     peerDependencies:
@@ -539,7 +539,7 @@ packages:
     dependencies:
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
-      '@vitejs/plugin-react': 4.1.1(vite@4.5.2)
+      '@vitejs/plugin-react': 4.1.1(vite@4.5.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       ultrahtml: 1.5.2
@@ -548,17 +548,17 @@ packages:
       - vite
     dev: false
 
-  /@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.3.3)(vite@4.5.2):
+  /@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.2.2)(vite@4.5.0):
     resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==}
     engines: {node: '>=18.14.1'}
     peerDependencies:
       astro: ^3.0.11
       svelte: ^3.55.0 || ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.2)
+      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
       astro: 3.2.2
       svelte: 4.2.1
-      svelte2tsx: 0.6.23(svelte@4.2.1)(typescript@5.3.3)
+      svelte2tsx: 0.6.23(svelte@4.2.1)(typescript@5.2.2)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -1214,8 +1214,8 @@ packages:
     dev: true
     optional: true
 
-  /@cypress/request@2.88.12:
-    resolution: {integrity: sha512-tOn+0mDZxASFM+cuAP9szGUGPI1HwWVSvdzm7V4cCsPdFTx6qMj29CwaQmRAMIEhORIUBFBsYROYJcveK4uOjA==}
+  /@cypress/request@3.0.1:
+    resolution: {integrity: sha512-TWivJlJi8ZDx2wGOw1dbLuHJKUYX7bWySw377nlnGOW3hP9/MUKIsEdXT/YngWxVdgNCHRBmFlBipE+5/2ZZlQ==}
     engines: {node: '>= 6'}
     dependencies:
       aws-sign2: 0.7.0
@@ -2039,13 +2039,13 @@ packages:
       - terser
     dev: false
 
-  /@playwright/experimental-ct-react@1.42.1(@types/node@18.7.16)(vite@5.1.5):
+  /@playwright/experimental-ct-react@1.42.1(@types/node@18.7.16)(vite@4.5.0):
     resolution: {integrity: sha512-/dxu7nkGOlZIx9MUGQPM5kiIGksYIBaaJKQuNmaJNV29V3VGI1p9yQqrvl1jFK/Hu7SC1LmFB8RlkrOgMiZKYg==}
     engines: {node: '>=16'}
     hasBin: true
     dependencies:
       '@playwright/experimental-ct-core': 1.42.1(@types/node@18.7.16)
-      '@vitejs/plugin-react': 4.2.1(vite@5.1.5)
+      '@vitejs/plugin-react': 4.2.1(vite@4.5.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -2321,7 +2321,7 @@ packages:
       sirv: 2.0.4
       svelte: 4.2.12
       tiny-glob: 0.2.9
-      vite: 4.5.0
+      vite: 4.5.0(@types/node@18.7.16)
     dev: true
 
   /@sveltejs/kit@2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.5):
@@ -2368,7 +2368,7 @@ packages:
       - typescript
     dev: true
 
-  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.2):
+  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0):
     resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
@@ -2376,10 +2376,10 @@ packages:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.2)
+      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
       svelte: 4.2.1
-      vite: 4.5.2
+      vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -2395,7 +2395,7 @@ packages:
       '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
       svelte: 4.2.12
-      vite: 4.5.0
+      vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
 
@@ -2415,22 +2415,22 @@ packages:
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.2):
+  /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0):
     resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.2)
+      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.5
       svelte: 4.2.1
       svelte-hmr: 0.15.3(svelte@4.2.1)
-      vite: 4.5.2
-      vitefu: 0.2.5(vite@4.5.2)
+      vite: 4.5.0(@types/node@18.7.16)
+      vitefu: 0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -2449,7 +2449,7 @@ packages:
       magic-string: 0.30.8
       svelte: 4.2.12
       svelte-hmr: 0.15.3(svelte@4.2.12)
-      vite: 4.5.0
+      vite: 4.5.0(@types/node@18.7.16)
       vitefu: 0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
@@ -2912,14 +2912,18 @@ packages:
     resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
     dev: true
 
-  /@types/node@16.18.60:
-    resolution: {integrity: sha512-ZUGPWx5vKfN+G2/yN7pcSNLkIkXEvlwNaJEd4e0ppX7W2S8XAkdc/37hM4OUNJB9sa0p12AOvGvxL4JCPiz9DA==}
-    dev: true
-
   /@types/node@18.7.16:
     resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==}
     requiresBuild: true
 
+  /@types/node@20.11.24:
+    resolution: {integrity: sha512-Kza43ewS3xoLgCEpQrsT+xRo/EJej1y0kVYGiLFE1NEODXGzTfwiC6tXTLMQskn1X4/Rjlh0MQUvx9W+L9long==}
+    requiresBuild: true
+    dependencies:
+      undici-types: 5.26.5
+    dev: true
+    optional: true
+
   /@types/normalize-package-data@2.4.3:
     resolution: {integrity: sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg==}
     dev: true
@@ -2993,8 +2997,8 @@ packages:
     resolution: {integrity: sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==}
     dev: true
 
-  /@types/sizzle@2.3.5:
-    resolution: {integrity: sha512-tAe4Q+OLFOA/AMD+0lq8ovp8t3ysxAOeaScnfNdZpUxaGl51ZMDEITxkvFl1STudQ58mz6gzVGl9VhMKhwRnZQ==}
+  /@types/sizzle@2.3.8:
+    resolution: {integrity: sha512-0vWLNK2D5MT9dg0iOo8GlKguPAU02QjmZitPEsXRuJXU/OGIOt9vT9Fc26wtYuavLxtO45v9PGleoL9Z0k1LHg==}
     dev: true
 
   /@types/unist@2.0.9:
@@ -3009,7 +3013,7 @@ packages:
     resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
     requiresBuild: true
     dependencies:
-      '@types/node': 18.7.16
+      '@types/node': 20.11.24
     dev: true
     optional: true
 
@@ -3415,7 +3419,7 @@ packages:
       vite: ^4
     dependencies:
       '@swc/core': 1.3.96
-      vite: 4.5.0
+      vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - '@swc/helpers'
     dev: true
@@ -3431,28 +3435,11 @@ packages:
       '@babel/plugin-transform-react-jsx-source': 7.22.5(@babel/core@7.23.2)
       '@types/babel__core': 7.20.4
       react-refresh: 0.14.0
-      vite: 4.5.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@vitejs/plugin-react@4.1.1(vite@4.5.2):
-    resolution: {integrity: sha512-Jie2HERK+uh27e+ORXXwEP5h0Y2lS9T2PRGbfebiHGlwzDO0dEnd2aNtOR/qjBlPb1YgxwAONeblL1xqLikLag==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.2.0
-    dependencies:
-      '@babel/core': 7.23.2
-      '@babel/plugin-transform-react-jsx-self': 7.22.5(@babel/core@7.23.2)
-      '@babel/plugin-transform-react-jsx-source': 7.22.5(@babel/core@7.23.2)
-      '@types/babel__core': 7.20.4
-      react-refresh: 0.14.0
-      vite: 4.5.2
+      vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /@vitejs/plugin-react@4.2.1(vite@5.1.5):
+  /@vitejs/plugin-react@4.2.1(vite@4.5.0):
     resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -3463,7 +3450,7 @@ packages:
       '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.24.0)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.0
-      vite: 5.1.5(@types/node@18.7.16)
+      vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -3732,7 +3719,7 @@ packages:
       undici: 5.26.5
       unist-util-visit: 4.1.2
       vfile: 5.3.7
-      vite: 4.5.0
+      vite: 4.5.0(@types/node@18.7.16)
       vitefu: 0.2.5(vite@4.5.0)
       which-pm: 2.1.1
       yargs-parser: 21.1.1
@@ -3981,6 +3968,17 @@ packages:
       set-function-length: 1.1.1
     dev: true
 
+  /call-bind@1.0.7:
+    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
+    engines: {node: '>= 0.4'}
+    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.1
+    dev: true
+
   /callsites@3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
@@ -4466,25 +4464,24 @@ packages:
       stream-transform: 2.1.3
     dev: true
 
-  /cypress-real-events@1.11.0(cypress@12.17.3):
-    resolution: {integrity: sha512-4LXVRsyq+xBh5TmlEyO1ojtBXtN7xw720Pwb9rEE9rkJuXmeH3VyoR1GGayMGr+Itqf11eEjfDewtDmcx6PWPQ==}
+  /cypress-real-events@1.12.0(cypress@13.6.6):
+    resolution: {integrity: sha512-oiy+4kGKkzc2PT36k3GGQqkGxNiVypheWjMtfyi89iIk6bYmTzeqxapaLHS3pnhZOX1IEbTDUVxh8T4Nhs1tyQ==}
     peerDependencies:
       cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x || ^13.x
     dependencies:
-      cypress: 12.17.3
+      cypress: 13.6.6
     dev: true
 
-  /cypress@12.17.3:
-    resolution: {integrity: sha512-/R4+xdIDjUSLYkiQfwJd630S81KIgicmQOLXotFxVXkl+eTeVO+3bHXxdi5KBh/OgC33HWN33kHX+0tQR/ZWpg==}
-    engines: {node: ^14.0.0 || ^16.0.0 || >=18.0.0}
+  /cypress@13.6.6:
+    resolution: {integrity: sha512-S+2S9S94611hXimH9a3EAYt81QM913ZVA03pUmGDfLTFa5gyp85NJ8dJGSlEAEmyRsYkioS1TtnWtbv/Fzt11A==}
+    engines: {node: ^16.0.0 || ^18.0.0 || >=20.0.0}
     hasBin: true
     requiresBuild: true
     dependencies:
-      '@cypress/request': 2.88.12
+      '@cypress/request': 3.0.1
       '@cypress/xvfb': 1.2.4(supports-color@8.1.1)
-      '@types/node': 16.18.60
       '@types/sinonjs__fake-timers': 8.1.1
-      '@types/sizzle': 2.3.5
+      '@types/sizzle': 2.3.8
       arch: 2.2.0
       blob-util: 2.0.2
       bluebird: 3.7.2
@@ -4515,11 +4512,12 @@ packages:
       minimist: 1.2.8
       ospath: 1.2.2
       pretty-bytes: 5.6.0
+      process: 0.11.10
       proxy-from-env: 1.0.0
       request-progress: 3.0.0
-      semver: 7.5.4
+      semver: 7.6.0
       supports-color: 8.1.1
-      tmp: 0.2.1
+      tmp: 0.2.3
       untildify: 4.0.0
       yauzl: 2.10.0
     dev: true
@@ -4713,6 +4711,15 @@ packages:
       has-property-descriptors: 1.0.1
     dev: true
 
+  /define-data-property@1.1.4:
+    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      gopd: 1.0.1
+    dev: true
+
   /define-properties@1.2.1:
     resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
     engines: {node: '>= 0.4'}
@@ -4863,6 +4870,7 @@ packages:
 
   /end-of-stream@1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
+    requiresBuild: true
     dependencies:
       once: 1.4.0
 
@@ -4930,6 +4938,18 @@ packages:
       which-typed-array: 1.1.13
     dev: true
 
+  /es-define-property@1.0.0:
+    resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.2.4
+    dev: true
+
+  /es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
   /es-iterator-helpers@1.0.15:
     resolution: {integrity: sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==}
     dependencies:
@@ -5782,6 +5802,17 @@ packages:
       hasown: 2.0.0
     dev: true
 
+  /get-intrinsic@1.2.4:
+    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
+    engines: {node: '>= 0.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.1
+    dev: true
+
   /get-stdin@9.0.0:
     resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==}
     engines: {node: '>=12'}
@@ -5993,11 +6024,22 @@ packages:
       get-intrinsic: 1.2.2
     dev: true
 
+  /has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+    dependencies:
+      es-define-property: 1.0.0
+    dev: true
+
   /has-proto@1.0.1:
     resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
     engines: {node: '>= 0.4'}
     dev: true
 
+  /has-proto@1.0.3:
+    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
   /has-symbols@1.0.3:
     resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
     engines: {node: '>= 0.4'}
@@ -6016,6 +6058,13 @@ packages:
     dependencies:
       function-bind: 1.1.2
 
+  /hasown@2.0.1:
+    resolution: {integrity: sha512-1/th4MHjnwncwXsIW6QMzlvYL9kG5e/CpVvLRZe4XPa8TOUNbCELqmvhDmnkNsAjwaG4+I8gJJL0JBvTTLO9qA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      function-bind: 1.1.2
+    dev: true
+
   /hast-util-from-parse5@7.1.2:
     resolution: {integrity: sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==}
     dependencies:
@@ -6700,7 +6749,7 @@ packages:
       enquirer: 2.4.1
       log-update: 4.0.0
       p-map: 4.0.0
-      rfdc: 1.3.0
+      rfdc: 1.3.1
       rxjs: 7.8.1
       through: 2.3.8
       wrap-ansi: 7.0.0
@@ -8386,6 +8435,11 @@ packages:
       - supports-color
     dev: false
 
+  /process@0.11.10:
+    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
+    engines: {node: '>= 0.6.0'}
+    dev: true
+
   /prompts@2.4.2:
     resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
     engines: {node: '>= 6'}
@@ -8446,7 +8500,7 @@ packages:
     resolution: {integrity: sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==}
     engines: {node: '>=0.6'}
     dependencies:
-      side-channel: 1.0.4
+      side-channel: 1.0.6
     dev: true
 
   /querystringify@2.2.0:
@@ -8690,7 +8744,7 @@ packages:
   /request-progress@3.0.0:
     resolution: {integrity: sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==}
     dependencies:
-      throttleit: 1.0.0
+      throttleit: 1.0.1
     dev: true
 
   /require-directory@2.1.1:
@@ -8788,8 +8842,8 @@ packages:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
-  /rfdc@1.3.0:
-    resolution: {integrity: sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==}
+  /rfdc@1.3.1:
+    resolution: {integrity: sha512-r5a3l5HzYlIC68TpmYKlxWjmOP6wiPJ1vWv2HeLhNsRZMrCkxeqxiHlQ21oXmQ4F3SiryXBHhAD7JZqvOJjFmg==}
     dev: true
 
   /rimraf@2.7.1:
@@ -8970,6 +9024,18 @@ packages:
       has-property-descriptors: 1.0.1
     dev: true
 
+  /set-function-length@1.2.1:
+    resolution: {integrity: sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==}
+    engines: {node: '>= 0.4'}
+    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
+    dev: true
+
   /set-function-name@2.0.1:
     resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==}
     engines: {node: '>= 0.4'}
@@ -9038,6 +9104,16 @@ packages:
       object-inspect: 1.13.1
     dev: true
 
+  /side-channel@1.0.6:
+    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      object-inspect: 1.13.1
+    dev: true
+
   /signal-exit@3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
 
@@ -9455,8 +9531,8 @@ packages:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 4.2.12
-      svelte-preprocess: 5.1.3(postcss@8.4.21)(svelte@4.2.12)(typescript@5.1.3)
-      typescript: 5.1.3
+      svelte-preprocess: 5.1.3(postcss@8.4.21)(svelte@4.2.12)(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -9564,7 +9640,7 @@ packages:
     dependencies:
       svelte: 4.2.12
 
-  /svelte-preprocess@5.1.3(postcss@8.4.21)(svelte@4.2.12)(typescript@5.1.3):
+  /svelte-preprocess@5.1.3(postcss@8.4.21)(svelte@4.2.12)(typescript@5.2.2):
     resolution: {integrity: sha512-xxAkmxGHT+J/GourS5mVJeOXZzne1FR5ljeOUAMXUkfEhkLEllRreXpbl3dIYJlcJRfL1LO1uIAPpBpBfiqGPw==}
     engines: {node: '>= 16.0.0', pnpm: ^8.0.0}
     requiresBuild: true
@@ -9609,7 +9685,7 @@ packages:
       sorcery: 0.11.0
       strip-indent: 3.0.0
       svelte: 4.2.12
-      typescript: 5.1.3
+      typescript: 5.2.2
     dev: true
 
   /svelte-preprocess@5.1.3(postcss@8.4.31)(svelte@4.2.12)(typescript@5.2.2):
@@ -9660,7 +9736,7 @@ packages:
       typescript: 5.2.2
     dev: true
 
-  /svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.3.3):
+  /svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.2.2):
     resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==}
     peerDependencies:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
@@ -9669,7 +9745,7 @@ packages:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
       svelte: 4.2.1
-      typescript: 5.3.3
+      typescript: 5.2.2
     dev: false
 
   /svelte2tsx@0.7.3(svelte@4.2.12)(typescript@5.1.3):
@@ -9803,8 +9879,8 @@ packages:
     resolution: {integrity: sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==}
     dev: true
 
-  /throttleit@1.0.0:
-    resolution: {integrity: sha512-rkTVqu6IjfQ/6+uNuuc3sZek4CEYxTJom3IktzgdSxcZqdARuebbA/f4QmAxMQIxqq9ZLEUkSYqvuk1I6VKq4g==}
+  /throttleit@1.0.1:
+    resolution: {integrity: sha512-vDZpf9Chs9mAdfY046mcPt8fg5QSZr37hEH4TXYBnDF+izxgrbRGUAAaBvIk/fJm9aOFCGFd1EsNg5AZCbnQCQ==}
     dev: true
 
   /through@2.3.8:
@@ -9825,11 +9901,9 @@ packages:
       os-tmpdir: 1.0.2
     dev: true
 
-  /tmp@0.2.1:
-    resolution: {integrity: sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==}
-    engines: {node: '>=8.17.0'}
-    dependencies:
-      rimraf: 3.0.2
+  /tmp@0.2.3:
+    resolution: {integrity: sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==}
+    engines: {node: '>=14.14'}
     dev: true
 
   /to-fast-properties@2.0.0:
@@ -10104,12 +10178,6 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
-  /typescript@5.3.3:
-    resolution: {integrity: sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==}
-    engines: {node: '>=14.17'}
-    hasBin: true
-    dev: false
-
   /ultrahtml@1.5.2:
     resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==}
     dev: false
@@ -10123,6 +10191,12 @@ packages:
       which-boxed-primitive: 1.0.2
     dev: true
 
+  /undici-types@5.26.5:
+    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /undici@5.26.5:
     resolution: {integrity: sha512-cSb4bPFd5qgR7qr2jYAi0hlX9n5YKK2ONKkLFkxl+v/9BvC0sOpZjBHDBSXc5lWAf5ty9oZdRXytBIHzgUcerw==}
     engines: {node: '>=14.0'}
@@ -10347,7 +10421,7 @@ packages:
       vfile-message: 3.1.4
     dev: false
 
-  /vite@4.5.0:
+  /vite@4.5.0(@types/node@18.7.16):
     resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
@@ -10375,47 +10449,13 @@ packages:
       terser:
         optional: true
     dependencies:
+      '@types/node': 18.7.16
       esbuild: 0.18.20
       postcss: 8.4.31
       rollup: 3.29.4
     optionalDependencies:
       fsevents: 2.3.3
 
-  /vite@4.5.2:
-    resolution: {integrity: sha512-tBCZBNSBbHQkaGyhGCDUGqeo2ph8Fstyp6FMSvTtsXeZSPpSMGlviAOav2hxVTqFcx8Hj/twtWKsMJXNY0xI8w==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      esbuild: 0.18.20
-      postcss: 8.4.35
-      rollup: 3.29.4
-    optionalDependencies:
-      fsevents: 2.3.3
-    dev: false
-
   /vite@5.1.5(@types/node@18.7.16):
     resolution: {integrity: sha512-BdN1xh0Of/oQafhU+FvopafUp6WaYenLU/NFoL5WyJL++GxkNfieKzBhM24H3HVsPQrlAqB7iJYTHabzaRed5Q==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -10459,18 +10499,7 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: 4.5.0
-
-  /vitefu@0.2.5(vite@4.5.2):
-    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
-    peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
-    peerDependenciesMeta:
-      vite:
-        optional: true
-    dependencies:
-      vite: 4.5.2
-    dev: false
+      vite: 4.5.0(@types/node@18.7.16)
 
   /vitefu@0.2.5(vite@5.1.5):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}

From 018c800a066d738479e720f0c6e4c200508f01e5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 7 Mar 2024 13:21:58 +0100
Subject: [PATCH 0645/1093] react(pane): position fixed

---
 packages/react/src/container/Pane/index.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index dfb240d0e..5425f91d8 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -2,7 +2,7 @@
  * The user selection rectangle gets displayed when a user drags the mouse while pressing shift
  */
 
-import { useRef, type MouseEvent as ReactMouseEvent, type ReactNode } from 'react';
+import { CSSProperties, useRef, type MouseEvent as ReactMouseEvent, type ReactNode } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
 import { getNodesInside, getEventPosition, SelectionMode } from '@xyflow/system';
@@ -13,6 +13,11 @@ import { useStore, useStoreApi } from '../../hooks/useStore';
 import { getSelectionChanges } from '../../utils';
 import type { ReactFlowProps, ReactFlowState, NodeChange, EdgeChange } from '../../types';
 
+export const paneStyle: CSSProperties = {
+  ...containerStyle,
+  position: 'fixed',
+};
+
 type PaneProps = {
   isSelecting: boolean;
   children: ReactNode;
@@ -227,7 +232,7 @@ export function Pane({
       onMouseUp={hasActiveSelection ? onMouseUp : undefined}
       onMouseLeave={hasActiveSelection ? onMouseLeave : onPaneMouseLeave}
       ref={container}
-      style={containerStyle}
+      style={paneStyle}
     >
       {children}
       <UserSelection />

From 305be1e26a7df4860dc9053cc4a6d7b3b62e8ca9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 7 Mar 2024 13:22:07 +0100
Subject: [PATCH 0646/1093] chore(test): cleanup

---
 examples/react/cypress/e2e/basic.cy.ts            | 8 ++++----
 examples/react/src/examples/Basic/index.tsx       | 2 +-
 examples/react/src/examples/DragHandle/index.tsx  | 1 +
 examples/react/src/examples/Interaction/index.tsx | 3 ++-
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/examples/react/cypress/e2e/basic.cy.ts b/examples/react/cypress/e2e/basic.cy.ts
index 07c7e4c45..10c0ce622 100644
--- a/examples/react/cypress/e2e/basic.cy.ts
+++ b/examples/react/cypress/e2e/basic.cy.ts
@@ -92,7 +92,7 @@ describe('Basic Flow Rendering', { testIsolation: false }, () => {
   it('drags a node', () => {
     const styleBeforeDrag = Cypress.$('.react-flow__node:first').css('transform');
 
-    cy.drag('.react-flow__node:first', { x: 500, y: 25 }).then(($el: any) => {
+    cy.drag('.react-flow__node:first', { x: 10, y: 10 }).then(($el: any) => {
       const styleAfterDrag = $el.css('transform');
       expect(styleBeforeDrag).to.not.equal(styleAfterDrag);
     });
@@ -103,7 +103,7 @@ describe('Basic Flow Rendering', { testIsolation: false }, () => {
     cy.get('html').realPress('Backspace');
 
     cy.get('.react-flow__node').should('have.length', 3);
-    cy.get('.react-flow__edge').should('have.length', 1);
+    cy.get('.react-flow__edge').should('have.length', 0);
   });
 
   it('connects nodes', () => {
@@ -120,14 +120,14 @@ describe('Basic Flow Rendering', { testIsolation: false }, () => {
       .trigger('mouseup', { force: true, button: 0 });
 
     cy.get('.react-flow__edge').as('edge');
-    cy.get('@edge').should('have.length', 3);
+    cy.get('@edge').should('have.length', 1);
   });
 
   it('removes an edge', () => {
     cy.get('.react-flow__edge:first').click();
     cy.get('html').realPress('Backspace');
 
-    cy.get('.react-flow__edge').should('have.length', 1);
+    cy.get('.react-flow__edge').should('have.length', 0);
   });
 
   it('drags the pane', () => {
diff --git a/examples/react/src/examples/Basic/index.tsx b/examples/react/src/examples/Basic/index.tsx
index a41f50db0..cafa9fa89 100644
--- a/examples/react/src/examples/Basic/index.tsx
+++ b/examples/react/src/examples/Basic/index.tsx
@@ -45,7 +45,6 @@ const initialNodes: Node[] = [
     data: { label: 'Node 4' },
     position: { x: 400, y: 200 },
     className: 'light',
-    connectable: false,
   },
 ];
 
@@ -129,6 +128,7 @@ const BasicFlow = () => {
       selectNodesOnDrag={false}
       elevateEdgesOnSelect
       elevateNodesOnSelect={false}
+      nodeDragThreshold={0}
     >
       <Background variant={BackgroundVariant.Dots} />
       <MiniMap />
diff --git a/examples/react/src/examples/DragHandle/index.tsx b/examples/react/src/examples/DragHandle/index.tsx
index a7a75fcf8..2f7b95028 100644
--- a/examples/react/src/examples/DragHandle/index.tsx
+++ b/examples/react/src/examples/DragHandle/index.tsx
@@ -33,6 +33,7 @@ const DragHandleFlow = () => {
       edges={edges}
       nodeTypes={nodeTypes}
       onNodeClick={onNodeClick}
+      nodeDragThreshold={0}
     />
   );
 };
diff --git a/examples/react/src/examples/Interaction/index.tsx b/examples/react/src/examples/Interaction/index.tsx
index 0dcee27bc..ba3ecf037 100644
--- a/examples/react/src/examples/Interaction/index.tsx
+++ b/examples/react/src/examples/Interaction/index.tsx
@@ -36,7 +36,7 @@ const onNodeClick = (_: ReactMouseEvent, node: Node) => console.log('click', nod
 const onEdgeClick = (_: ReactMouseEvent, edge: Edge) => console.log('click', edge);
 const onPaneClick = (event: ReactMouseEvent) => console.log('onPaneClick', event);
 const onPaneScroll = (event?: WheelEvent) => console.log('onPaneScroll', event);
-const onPaneContextMenu = (event: ReactMouseEvent) => console.log('onPaneContextMenu', event);
+const onPaneContextMenu = (event: ReactMouseEvent | MouseEvent) => console.log('onPaneContextMenu', event);
 const onMoveEnd = (_: TouchEvent | MouseEvent | null, viewport: Viewport) => console.log('onMoveEnd', viewport);
 
 const InteractionFlow = () => {
@@ -80,6 +80,7 @@ const InteractionFlow = () => {
       onPaneClick={captureZoomClick ? onPaneClick : undefined}
       onPaneScroll={captureZoomScroll ? onPaneScroll : undefined}
       onPaneContextMenu={captureZoomClick ? onPaneContextMenu : undefined}
+      nodeDragThreshold={0}
       onMoveEnd={onMoveEnd}
     >
       <MiniMap />

From fd2e131a9c255e4c84a8861a63de87ab25320b69 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 7 Mar 2024 13:41:46 +0100
Subject: [PATCH 0647/1093] chore(react): dont use position fixed

---
 packages/react/src/container/Pane/index.tsx | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index 5425f91d8..dfb240d0e 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -2,7 +2,7 @@
  * The user selection rectangle gets displayed when a user drags the mouse while pressing shift
  */
 
-import { CSSProperties, useRef, type MouseEvent as ReactMouseEvent, type ReactNode } from 'react';
+import { useRef, type MouseEvent as ReactMouseEvent, type ReactNode } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
 import { getNodesInside, getEventPosition, SelectionMode } from '@xyflow/system';
@@ -13,11 +13,6 @@ import { useStore, useStoreApi } from '../../hooks/useStore';
 import { getSelectionChanges } from '../../utils';
 import type { ReactFlowProps, ReactFlowState, NodeChange, EdgeChange } from '../../types';
 
-export const paneStyle: CSSProperties = {
-  ...containerStyle,
-  position: 'fixed',
-};
-
 type PaneProps = {
   isSelecting: boolean;
   children: ReactNode;
@@ -232,7 +227,7 @@ export function Pane({
       onMouseUp={hasActiveSelection ? onMouseUp : undefined}
       onMouseLeave={hasActiveSelection ? onMouseLeave : onPaneMouseLeave}
       ref={container}
-      style={paneStyle}
+      style={containerStyle}
     >
       {children}
       <UserSelection />

From 09118c1c8e210a7f5b9cc3f3c35656de1d5c445f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 7 Mar 2024 13:53:45 +0100
Subject: [PATCH 0648/1093] chore(packages): bump

---
 packages/react/package.json  | 2 +-
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index d9105c4f8..542a7071a 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.10",
+  "version": "12.0.0-next.11",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 4b83670b2..02b23545d 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index be4eceff4..42f571d22 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 7104872a12ab2840c4ba545fe6a23de06ee192a0 Mon Sep 17 00:00:00 2001
From: saswata <125185423+saswatax@users.noreply.github.com>
Date: Sat, 9 Mar 2024 15:43:37 +0530
Subject: [PATCH 0649/1093] fix(useNodesData): fix crash when passing invalid
 node id

---
 packages/system/src/utils/shallow-node-data.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/system/src/utils/shallow-node-data.ts b/packages/system/src/utils/shallow-node-data.ts
index 2faf1c1a3..42af404ee 100644
--- a/packages/system/src/utils/shallow-node-data.ts
+++ b/packages/system/src/utils/shallow-node-data.ts
@@ -2,7 +2,11 @@ import { NodeBase } from '../types';
 
 type NodeData = Pick<NodeBase, 'id' | 'type' | 'data'>;
 
-export function shallowNodeData(a: NodeData | NodeData[], b: NodeData | NodeData[]) {
+export function shallowNodeData(a: NodeData | null | NodeData[], b: NodeData | null | NodeData[]) {
+  if (a === null || b === null) {
+    return false;
+  }
+
   const _a = Array.isArray(a) ? a : [a];
   const _b = Array.isArray(b) ? b : [b];
 

From b761859aa008c5ea181020befbdf7be1218037e4 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 11 Mar 2024 10:59:53 +0100
Subject: [PATCH 0650/1093] added nodedrag events to selection box

---
 .../NodeSelection/NodeSelection.svelte        | 16 ++++++++++-
 .../components/NodeWrapper/NodeWrapper.svelte | 28 +++++++------------
 .../container/SvelteFlow/SvelteFlow.svelte    |  8 +++++-
 packages/svelte/src/lib/utils/index.ts        | 13 +++++++++
 4 files changed, 45 insertions(+), 20 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index b314e2ada..4e324a123 100644
--- a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -6,6 +6,7 @@
   import { Selection } from '$lib/components/Selection';
   import drag from '$lib/actions/drag';
   import type { Node } from '$lib/types';
+  import { createNodeEventDispatcher } from '$lib';
 
   const store = useStore();
   const { selectionRectMode, nodes } = store;
@@ -14,6 +15,7 @@
     selectioncontextmenu: { nodes: Node[]; event: MouseEvent | TouchEvent };
     selectionclick: { nodes: Node[]; event: MouseEvent | TouchEvent };
   }>();
+  const dispatchNodeEvent = createNodeEventDispatcher();
 
   $: selectedNodes = $nodes.filter((n) => n.selected);
   $: bounds = getNodesBounds(selectedNodes);
@@ -31,7 +33,19 @@
   <div
     class="selection-wrapper nopan"
     style="width: {bounds.width}px; height: {bounds.height}px; transform: translate({bounds.x}px, {bounds.y}px)"
-    use:drag={{ disabled: false, store }}
+    use:drag={{
+      disabled: false,
+      store,
+      onDrag: (event, _, node, nodes) => {
+        dispatchNodeEvent('nodedrag', { event, node, nodes });
+      },
+      onDragStart: (event, _, node, nodes) => {
+        dispatchNodeEvent('nodedragstart', { event, node, nodes });
+      },
+      onDragStop: (event, _, node, nodes) => {
+        dispatchNodeEvent('nodedragstop', { event, node, nodes });
+      }
+    }}
     on:contextmenu={onContextMenu}
     on:click={onClick}
   >
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 04dcfc8c3..0b7305ffd 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -12,6 +12,7 @@
   import type { NodeWrapperProps } from './types';
   import type { Node } from '$lib/types';
   import { getNodeInlineStyleDimensions } from './utils';
+  import { createNodeEventDispatcher } from '$lib';
 
   interface $$Props extends NodeWrapperProps {}
 
@@ -66,16 +67,7 @@
   }
 
   const nodeComponent = $nodeTypes[nodeType] || DefaultNode;
-  const dispatch = createEventDispatcher<{
-    nodeclick: { node: Node; event: MouseEvent | TouchEvent };
-    nodecontextmenu: { node: Node; event: MouseEvent | TouchEvent };
-    nodedrag: { node: Node; nodes: Node[]; event: MouseEvent | TouchEvent };
-    nodedragstart: { node: Node; nodes: Node[]; event: MouseEvent | TouchEvent };
-    nodedragstop: { node: Node; nodes: Node[]; event: MouseEvent | TouchEvent };
-    nodemouseenter: { node: Node; event: MouseEvent | TouchEvent };
-    nodemouseleave: { node: Node; event: MouseEvent | TouchEvent };
-    nodemousemove: { node: Node; event: MouseEvent | TouchEvent };
-  }>();
+  const dispatchNodeEvent = createNodeEventDispatcher();
   const connectableStore = writable(connectable);
   let prevType: string | undefined = undefined;
   let prevSourcePosition: Position | undefined = undefined;
@@ -151,7 +143,7 @@
       handleNodeSelection(id);
     }
 
-    dispatch('nodeclick', { node, event });
+    dispatchNodeEvent('nodeclick', { node, event });
   }
 </script>
 
@@ -167,13 +159,13 @@
       noDragClass: 'nodrag',
       onNodeMouseDown: handleNodeSelection,
       onDrag: (event, _, node, nodes) => {
-        dispatch('nodedrag', { event, node, nodes });
+        dispatchNodeEvent('nodedrag', { event, node, nodes });
       },
       onDragStart: (event, _, node, nodes) => {
-        dispatch('nodedragstart', { event, node, nodes });
+        dispatchNodeEvent('nodedragstart', { event, node, nodes });
       },
       onDragStop: (event, _, node, nodes) => {
-        dispatch('nodedragstop', { event, node, nodes });
+        dispatchNodeEvent('nodedragstop', { event, node, nodes });
       },
       store
     }}
@@ -192,10 +184,10 @@
     style:visibility={initialized ? 'visible' : 'hidden'}
     style="{style ?? ''};{inlineStyleDimensions.width}{inlineStyleDimensions.height}"
     on:click={onSelectNodeHandler}
-    on:mouseenter={(event) => dispatch('nodemouseenter', { node, event })}
-    on:mouseleave={(event) => dispatch('nodemouseleave', { node, event })}
-    on:mousemove={(event) => dispatch('nodemousemove', { node, event })}
-    on:contextmenu={(event) => dispatch('nodecontextmenu', { node, event })}
+    on:mouseenter={(event) => dispatchNodeEvent('nodemouseenter', { node, event })}
+    on:mouseleave={(event) => dispatchNodeEvent('nodemouseleave', { node, event })}
+    on:mousemove={(event) => dispatchNodeEvent('nodemousemove', { node, event })}
+    on:contextmenu={(event) => dispatchNodeEvent('nodecontextmenu', { node, event })}
   >
     <svelte:component
       this={nodeComponent}
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 6a80ef625..33deacdf0 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -242,7 +242,13 @@
           on:nodedragstop
           on:nodecontextmenu
         />
-        <NodeSelection on:selectionclick on:selectioncontextmenu />
+        <NodeSelection
+          on:selectionclick
+          on:selectioncontextmenu
+          on:nodedragstart
+          on:nodedrag
+          on:nodedragstop
+        />
       </ViewportComponent>
       <UserSelection />
     </Pane>
diff --git a/packages/svelte/src/lib/utils/index.ts b/packages/svelte/src/lib/utils/index.ts
index 10f205cac..d5da3085d 100644
--- a/packages/svelte/src/lib/utils/index.ts
+++ b/packages/svelte/src/lib/utils/index.ts
@@ -1,3 +1,4 @@
+import { createEventDispatcher } from 'svelte';
 import { isNodeBase, isEdgeBase } from '@xyflow/system';
 
 import type { Edge, Node } from '$lib/types';
@@ -21,3 +22,15 @@ export const isNode = <NodeType extends Node = Node>(element: unknown): element
  */
 export const isEdge = <EdgeType extends Edge = Edge>(element: unknown): element is EdgeType =>
   isEdgeBase<EdgeType>(element);
+
+export const createNodeEventDispatcher = () =>
+  createEventDispatcher<{
+    nodeclick: { node: Node; event: MouseEvent | TouchEvent };
+    nodecontextmenu: { node: Node; event: MouseEvent | TouchEvent };
+    nodedrag: { node: Node; nodes: Node[]; event: MouseEvent | TouchEvent };
+    nodedragstart: { node: Node; nodes: Node[]; event: MouseEvent | TouchEvent };
+    nodedragstop: { node: Node; nodes: Node[]; event: MouseEvent | TouchEvent };
+    nodemouseenter: { node: Node; event: MouseEvent | TouchEvent };
+    nodemouseleave: { node: Node; event: MouseEvent | TouchEvent };
+    nodemousemove: { node: Node; event: MouseEvent | TouchEvent };
+  }>();

From a224b88c658c0dfdea2c7fb5372ddb59e2a15c0a Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 13 Mar 2024 13:56:18 +0100
Subject: [PATCH 0651/1093] connectionindicator class is now added if handle
 can be connected to based on handle types

---
 .../src/lib/components/Handle/Handle.svelte   | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index e35804fcc..a492d0c0e 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -8,7 +8,8 @@
     isMouseEvent,
     type HandleConnection,
     areConnectionMapsEqual,
-    handleConnectionChange
+    handleConnectionChange,
+    ConnectionMode
   } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
@@ -32,7 +33,7 @@
   const isTarget = type === 'target';
   const nodeId = getContext<string>('svelteflow__node_id');
   const connectable = getContext<Writable<boolean>>('svelteflow__node_connectable');
-  $: handleConnectable = isConnectable !== undefined ? isConnectable : $connectable;
+  $: isConnectable = isConnectable !== undefined ? isConnectable : $connectable;
 
   const handleId = id || null;
 
@@ -124,6 +125,7 @@
     prevConnections = connections ?? new Map();
   }
 
+  $: connectionInProcess = !!$connection.startHandle;
   $: connectingFrom =
     $connection.startHandle?.nodeId === nodeId &&
     $connection.startHandle?.type === type &&
@@ -132,6 +134,11 @@
     $connection.endHandle?.nodeId === nodeId &&
     $connection.endHandle?.type === type &&
     $connection.endHandle?.handleId === handleId;
+  $: isPossibleEndHandle =
+    $connectionMode === ConnectionMode.Strict
+      ? $connection.startHandle?.type !== type
+      : nodeId !== $connection.startHandle?.nodeId ||
+        handleId !== $connection.startHandle?.handleId;
   $: valid = connectingTo && $connection.status === 'valid';
 
   // @todo implement connectablestart, connectableend
@@ -161,10 +168,10 @@ The Handle component is the part of a node that can be used to connect nodes.
   ])}
   class:source={!isTarget}
   class:target={isTarget}
-  class:connectablestart={handleConnectable}
-  class:connectableend={handleConnectable}
-  class:connectable={handleConnectable}
-  class:connectionindicator={handleConnectable}
+  class:connectablestart={isConnectable}
+  class:connectableend={isConnectable}
+  class:connectable={isConnectable}
+  class:connectionindicator={isConnectable && (!connectionInProcess || isPossibleEndHandle)}
   on:mousedown={onPointerDown}
   on:touchstart={onPointerDown}
   {style}

From e489df9808ff176553d175d03a91c43373e5adc0 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 13 Mar 2024 14:26:27 +0100
Subject: [PATCH 0652/1093] added check to xyhandle pointermove if connection
 is cancelled

---
 packages/react/src/components/Handle/index.tsx          | 1 +
 packages/svelte/src/lib/components/Handle/Handle.svelte | 3 ++-
 packages/system/src/xyhandle/XYHandle.ts                | 6 ++++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index f1f84ccec..f481b7ced 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -140,6 +140,7 @@ function HandleComponent(
         onConnect: onConnectExtended,
         isValidConnection: isValidConnection || currentStore.isValidConnection,
         getTransform: () => store.getState().transform,
+        getConnectionStartHandle: () => store.getState().connectionStartHandle,
       });
     }
 
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index e35804fcc..1dd646715 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -99,7 +99,8 @@
         onConnectEnd: (event) => {
           $onConnectEndAction?.(event);
         },
-        getTransform: () => [$viewport.x, $viewport.y, $viewport.zoom]
+        getTransform: () => [$viewport.x, $viewport.y, $viewport.zoom],
+        getConnectionStartHandle: () => $connection.startHandle
       });
     }
   }
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 4f99a97c6..638ec9666 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -38,6 +38,7 @@ export type OnPointerDownParams = {
   isValidConnection?: IsValidConnection;
   onEdgeUpdateEnd?: (evt: MouseEvent | TouchEvent) => void;
   getTransform: () => Transform;
+  getConnectionStartHandle: () => ConnectingHandle | null;
 };
 
 export type IsValidParams = {
@@ -91,6 +92,7 @@ function onPointerDown(
     onEdgeUpdateEnd,
     updateConnection,
     getTransform,
+    getConnectionStartHandle,
   }: OnPointerDownParams
 ) {
   // when xyflow is used inside a shadow root we can't use document
@@ -149,6 +151,10 @@ function onPointerDown(
   onConnectStart?.(event, { nodeId, handleId, handleType });
 
   function onPointerMove(event: MouseEvent | TouchEvent) {
+    if (!getConnectionStartHandle()) {
+      onPointerUp(event);
+    }
+
     const transform = getTransform();
     connectionPosition = getEventPosition(event, containerBounds);
     closestHandle = getClosestHandle(

From 491a1dde90475efdd7b0e80b9e520baa80ce7743 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 13 Mar 2024 16:53:32 +0100
Subject: [PATCH 0653/1093] export EdgeLabel component

---
 packages/svelte/src/lib/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 589a29105..04548aa92 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -10,6 +10,7 @@ export * from '$lib/components/ViewportPortal';
 export * from '$lib/components/BaseEdge';
 export { BezierEdge, StepEdge, SmoothStepEdge, StraightEdge } from '$lib/components/edges';
 export * from '$lib/components/Handle';
+export * from '$lib/components/EdgeLabel';
 
 // plugins
 export * from '$lib/plugins/Controls';

From 2b28a910143df15c5695498d1de57f1ec660ae81 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 13 Mar 2024 20:31:42 +0100
Subject: [PATCH 0654/1093] chore(readme): update package info

---
 README.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 722fa0015..df474f4fb 100644
--- a/README.md
+++ b/README.md
@@ -17,20 +17,20 @@ Powerful open source libraries for building node-based UIs with React or Svelte.
 ## The xyflow mono repo
 
 The xyflow repository is the home of four packages:
-* React Flow v11 `reactflow` [v11 branch](https://github.com/xyflow/xyflow/tree/v11)
-* React Flow v12 (not published yet) [packages/react](./packages/react)
+* React Flow 11 `reactflow` [v11 branch](https://github.com/xyflow/xyflow/tree/v11)
+* React Flow 12 (beta) `@xyflow/svelte` [packages/react](./packages/react)
 * Svelte Flow `@xyflow/svelte` [packages/svelte](./packages/svelte)
 * Shared helper library `@xyflow/system` [packages/system](./packages/system)
 
 **We just moved repositories** from the @wbkd org to this one. React Flow v11 will remain on the [v11 branch](https://github.com/xyflow/xyflow/tree/v11). When we have a stable v12, the package name of React Flow will change from `reactflow` to `@xyflow/react`.
 
-## Commercial Usage
+## Commercial usage
 
 **Are you using React Flow or Svelte Flow for a personal project?** Great! No sponsorship needed, you can support us by reporting any bugs you find, sending us screenshots of your projects, and starring us on Github 🌟
 
 **Are you using React Flow or Svelte Flow at your organization and making money from it?** Awesome! We rely on your support to keep our libraries developed and maintained under an MIT License, just how we like it. For React Flow you can do that on the [React Flow Pro website](https://reactflow.dev/pro) and for both of our libraries you can do it through [Github Sponsors](https://github.com/sponsors/xyflow).
 
-## Getting Started
+## Getting started
 
 The best way to get started is to check out the [React Flow](https://reactflow.dev/learn) or [Svelte Flow](https://svelteflow.dev/learn) learn section. However if you want to get a sneak peek of how to install the and use the libraries you can see it here: 
 

From 0e086956e2a28cc51d924d8d362476aac70846cb Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 14 Mar 2024 13:02:34 +0100
Subject: [PATCH 0655/1093] chore(shallowNodeData): cleanup

---
 packages/react/CHANGELOG.md                    | 6 ++++++
 packages/system/src/utils/shallow-node-data.ts | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 0bc7f6033..faaa0a575 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/react
 
+## 12.0.0-next.12
+
+## Patch changes
+
+- fix useNodesData: handle invalid node id thanks @saswatax
+
 ## 12.0.0-next.11
 
 ## Patch changes
diff --git a/packages/system/src/utils/shallow-node-data.ts b/packages/system/src/utils/shallow-node-data.ts
index 42af404ee..6bf132b67 100644
--- a/packages/system/src/utils/shallow-node-data.ts
+++ b/packages/system/src/utils/shallow-node-data.ts
@@ -2,7 +2,7 @@ import { NodeBase } from '../types';
 
 type NodeData = Pick<NodeBase, 'id' | 'type' | 'data'>;
 
-export function shallowNodeData(a: NodeData | null | NodeData[], b: NodeData | null | NodeData[]) {
+export function shallowNodeData(a: NodeData | NodeData[] | null, b: NodeData | NodeData[] | null) {
   if (a === null || b === null) {
     return false;
   }

From cefdc4eca2bf4dd97357db1796634d4afc3cedf8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 14 Mar 2024 14:48:53 +0100
Subject: [PATCH 0656/1093] chore(svelte/handle): cleanup

---
 packages/svelte/CHANGELOG.md                          |  6 ++++++
 .../svelte/src/lib/components/Handle/Handle.svelte    | 11 ++++-------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index f784ff70d..dd0f28dea 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/svelte
 
+## 0.0.39
+
+## Patch changes
+
+- add "connectionindicator" class for `Handle` component
+
 ## 0.0.38
 
 ## ⚠️ Breaking changes
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index a492d0c0e..f77f64131 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -24,6 +24,7 @@
   export let isConnectable: $$Props['isConnectable'] = undefined;
   export let onconnect: $$Props['onconnect'] = undefined;
   export let ondisconnect: $$Props['ondisconnect'] = undefined;
+  // @todo implement connectablestart, connectableend
   // export let isConnectableStart: $$Props['isConnectableStart'] = undefined;
   // export let isConnectableEnd: $$Props['isConnectableEnd'] = undefined;
 
@@ -140,8 +141,6 @@
       : nodeId !== $connection.startHandle?.nodeId ||
         handleId !== $connection.startHandle?.handleId;
   $: valid = connectingTo && $connection.status === 'valid';
-
-  // @todo implement connectablestart, connectableend
 </script>
 
 <!--
@@ -159,13 +158,11 @@ The Handle component is the part of a node that can be used to connect nodes.
     'nodrag',
     'nopan',
     position,
-    {
-      valid,
-      connectingto: connectingTo,
-      connectingfrom: connectingFrom
-    },
     className
   ])}
+  class:valid
+  class:connectingto={connectingTo}
+  class:connectingfrom={connectingFrom}
   class:source={!isTarget}
   class:target={isTarget}
   class:connectablestart={isConnectable}

From 0d53fe2f48cb4bab40abf1159da5037716a6577b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 14 Mar 2024 14:56:34 +0100
Subject: [PATCH 0657/1093] chore(changelog): update

---
 packages/svelte/CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index dd0f28dea..a8d84f278 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 ## Patch changes
 
+- export `EdgeLabel` component
 - add "connectionindicator" class for `Handle` component
 
 ## 0.0.38

From 1d2befe121649c1d5ce5e972cdfe487f7c739022 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 14 Mar 2024 14:59:32 +0100
Subject: [PATCH 0658/1093] changed node drag arguments, targetNode is null
 when dragging selectionbox

---
 .../components/NodeSelection/NodeSelection.svelte    | 12 ++++++------
 .../lib/components/NodeWrapper/NodeWrapper.svelte    | 12 ++++++------
 packages/svelte/src/lib/utils/index.ts               |  6 +++---
 3 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index 4e324a123..0c7b50e0c 100644
--- a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -36,14 +36,14 @@
     use:drag={{
       disabled: false,
       store,
-      onDrag: (event, _, node, nodes) => {
-        dispatchNodeEvent('nodedrag', { event, node, nodes });
+      onDrag: (event, _, __, nodes) => {
+        dispatchNodeEvent('nodedrag', { event, targetNode: null, nodes });
       },
-      onDragStart: (event, _, node, nodes) => {
-        dispatchNodeEvent('nodedragstart', { event, node, nodes });
+      onDragStart: (event, _, __, nodes) => {
+        dispatchNodeEvent('nodedragstart', { event, targetNode: null, nodes });
       },
-      onDragStop: (event, _, node, nodes) => {
-        dispatchNodeEvent('nodedragstop', { event, node, nodes });
+      onDragStop: (event, _, __, nodes) => {
+        dispatchNodeEvent('nodedragstop', { event, targetNode: null, nodes });
       }
     }}
     on:contextmenu={onContextMenu}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 0b7305ffd..eff6c7336 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -158,14 +158,14 @@
       handleSelector: dragHandle,
       noDragClass: 'nodrag',
       onNodeMouseDown: handleNodeSelection,
-      onDrag: (event, _, node, nodes) => {
-        dispatchNodeEvent('nodedrag', { event, node, nodes });
+      onDrag: (event, _, targetNode, nodes) => {
+        dispatchNodeEvent('nodedrag', { event, targetNode, nodes });
       },
-      onDragStart: (event, _, node, nodes) => {
-        dispatchNodeEvent('nodedragstart', { event, node, nodes });
+      onDragStart: (event, _, targetNode, nodes) => {
+        dispatchNodeEvent('nodedragstart', { event, targetNode, nodes });
       },
-      onDragStop: (event, _, node, nodes) => {
-        dispatchNodeEvent('nodedragstop', { event, node, nodes });
+      onDragStop: (event, _, targetNode, nodes) => {
+        dispatchNodeEvent('nodedragstop', { event, targetNode, nodes });
       },
       store
     }}
diff --git a/packages/svelte/src/lib/utils/index.ts b/packages/svelte/src/lib/utils/index.ts
index d5da3085d..8c9acdf36 100644
--- a/packages/svelte/src/lib/utils/index.ts
+++ b/packages/svelte/src/lib/utils/index.ts
@@ -27,9 +27,9 @@ export const createNodeEventDispatcher = () =>
   createEventDispatcher<{
     nodeclick: { node: Node; event: MouseEvent | TouchEvent };
     nodecontextmenu: { node: Node; event: MouseEvent | TouchEvent };
-    nodedrag: { node: Node; nodes: Node[]; event: MouseEvent | TouchEvent };
-    nodedragstart: { node: Node; nodes: Node[]; event: MouseEvent | TouchEvent };
-    nodedragstop: { node: Node; nodes: Node[]; event: MouseEvent | TouchEvent };
+    nodedrag: { targetNode: Node | null; nodes: Node[]; event: MouseEvent | TouchEvent };
+    nodedragstart: { targetNode: Node | null; nodes: Node[]; event: MouseEvent | TouchEvent };
+    nodedragstop: { targetNode: Node | null; nodes: Node[]; event: MouseEvent | TouchEvent };
     nodemouseenter: { node: Node; event: MouseEvent | TouchEvent };
     nodemouseleave: { node: Node; event: MouseEvent | TouchEvent };
     nodemousemove: { node: Node; event: MouseEvent | TouchEvent };

From 54c69c7d8ee53641f6688f2eb2478b55e740b493 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 14 Mar 2024 15:08:39 +0100
Subject: [PATCH 0659/1093] fix(react): use fixedForwardRef function

---
 packages/react/src/components/Handle/index.tsx   | 4 ++--
 packages/react/src/container/ReactFlow/index.tsx | 5 +++--
 packages/react/src/types/general.ts              | 8 --------
 packages/react/src/utils/general.ts              | 9 +++++++++
 4 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index f481b7ced..ee36d066b 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -4,7 +4,6 @@ import {
   type TouchEvent as ReactTouchEvent,
   type ForwardedRef,
   memo,
-  forwardRef,
 } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
@@ -24,6 +23,7 @@ import {
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
 import { type ReactFlowState } from '../../types';
+import { fixedForwardRef } from '../../utils';
 
 export interface HandleComponentProps extends HandleProps, Omit<HTMLAttributes<HTMLDivElement>, 'id'> {}
 
@@ -243,4 +243,4 @@ function HandleComponent(
 /**
  * The Handle component is a UI element that is used to connect nodes.
  */
-export const Handle = memo(forwardRef(HandleComponent));
+export const Handle = memo(fixedForwardRef(HandleComponent));
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index eb741684a..eb6e3a1da 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -1,4 +1,4 @@
-import { ForwardedRef, forwardRef, type CSSProperties } from 'react';
+import { ForwardedRef, type CSSProperties } from 'react';
 import cc from 'classcat';
 import { ConnectionLineType, PanOnScrollMode, SelectionMode, infiniteExtent, isMacOs } from '@xyflow/system';
 
@@ -11,6 +11,7 @@ import { GraphView } from '../GraphView';
 import { Wrapper } from './Wrapper';
 import type { Edge, Node, ReactFlowProps } from '../../types';
 import { defaultViewport as initViewport, defaultNodeOrigin } from './init-values';
+import { fixedForwardRef } from '../../utils/general';
 
 const wrapperStyle: CSSProperties = {
   width: '100%',
@@ -286,4 +287,4 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
   );
 }
 
-export default forwardRef(ReactFlow);
+export default fixedForwardRef(ReactFlow);
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 6f7232377..302ffeeed 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -16,14 +16,6 @@ import {
 
 import type { NodeChange, EdgeChange, Node, Edge, ReactFlowInstance, EdgeProps, NodeProps } from '.';
 
-// this is needed, to use generics + forwardRef
-declare module 'react' {
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  function forwardRef<T, P = {}>(
-    render: (props: P, ref: React.Ref<T>) => React.ReactElement | null
-  ): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
-}
-
 export type OnNodesChange<NodeType extends Node = Node> = (changes: NodeChange<NodeType>[]) => void;
 export type OnEdgesChange<EdgeType extends Edge = Edge> = (changes: EdgeChange<EdgeType>[]) => void;
 
diff --git a/packages/react/src/utils/general.ts b/packages/react/src/utils/general.ts
index 2c2387fc7..c9e3ae177 100644
--- a/packages/react/src/utils/general.ts
+++ b/packages/react/src/utils/general.ts
@@ -1,6 +1,7 @@
 import { isNodeBase, isEdgeBase } from '@xyflow/system';
 
 import type { Edge, Node } from '../types';
+import React from 'react';
 
 /**
  * Test whether an object is useable as a Node
@@ -21,3 +22,11 @@ export const isNode = <NodeType extends Node = Node>(element: unknown): element
  */
 export const isEdge = <EdgeType extends Edge = Edge>(element: unknown): element is EdgeType =>
   isEdgeBase<EdgeType>(element);
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+export function fixedForwardRef<T, P = {}>(
+  render: (props: P, ref: React.Ref<T>) => React.ReactNode
+): (props: P & React.RefAttributes<T>) => React.ReactNode {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  return React.forwardRef(render) as any;
+}

From 2b26ec79b0402c8405213ea27ed63b8f195e2971 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 14 Mar 2024 15:17:36 +0100
Subject: [PATCH 0660/1093] chore(rollup): use correct ts version

---
 .../EdgeWrapper/EdgeUpdateAnchors.tsx         |   1 +
 pnpm-lock.yaml                                | 345 +++++++++++++++---
 tooling/rollup-config/package.json            |   2 +-
 3 files changed, 287 insertions(+), 61 deletions(-)

diff --git a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
index c84c2d3bb..6061d8a78 100644
--- a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
+++ b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
@@ -96,6 +96,7 @@ export function EdgeUpdateAnchors<EdgeType extends Edge = Edge>({
       onEdgeUpdateEnd: _onEdgeUpdateEnd,
       updateConnection,
       getTransform: () => store.getState().transform,
+      getConnectionStartHandle: () => store.getState().connectionStartHandle,
     });
   };
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 905cbf650..d2da6d45a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -61,10 +61,10 @@ importers:
     dependencies:
       '@astrojs/react':
         specifier: ^3.0.2
-        version: 3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0)
+        version: 3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.2)
       '@astrojs/svelte':
         specifier: ^4.0.2
-        version: 4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.2.2)(vite@4.5.0)
+        version: 4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.4.2)(vite@4.5.2)
       '@types/react':
         specifier: ^18.2.24
         version: 18.2.24
@@ -149,7 +149,7 @@ importers:
         version: 5.2.2
       vite:
         specifier: 4.5.0
-        version: 4.5.0(@types/node@18.7.16)
+        version: 4.5.0
 
   examples/svelte:
     dependencies:
@@ -204,7 +204,7 @@ importers:
         version: 5.2.2
       vite:
         specifier: ^4.5.0
-        version: 4.5.0(@types/node@18.7.16)
+        version: 4.5.0
 
   packages/react:
     dependencies:
@@ -287,7 +287,7 @@ importers:
         version: 3.1.1(@sveltejs/kit@2.5.2)
       '@sveltejs/kit':
         specifier: ^2.5.2
-        version: 2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.5)
+        version: 2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6)
       '@sveltejs/package':
         specifier: ^2.2.7
         version: 2.2.7(svelte@4.2.12)(typescript@5.1.3)
@@ -399,7 +399,7 @@ importers:
     dependencies:
       '@playwright/experimental-ct-react':
         specifier: ^1.42.1
-        version: 1.42.1(@types/node@18.7.16)(vite@4.5.0)
+        version: 1.42.1(@types/node@18.7.16)(vite@5.1.6)
       '@types/react':
         specifier: ^18.2.31
         version: 18.2.31
@@ -454,7 +454,7 @@ importers:
         version: 0.4.3(rollup@3.23.0)
       '@rollup/plugin-typescript':
         specifier: 11.0.0
-        version: 11.0.0(rollup@3.23.0)(typescript@4.9.4)
+        version: 11.0.0(rollup@3.23.0)(typescript@5.1.3)
       rollup:
         specifier: ^3.23.0
         version: 3.23.0
@@ -462,8 +462,8 @@ importers:
         specifier: ^2.2.4
         version: 2.2.4(rollup@3.23.0)
       typescript:
-        specifier: ^4.9.4
-        version: 4.9.4
+        specifier: ^5.1.3
+        version: 5.1.3
 
   tooling/tsconfig: {}
 
@@ -528,7 +528,7 @@ packages:
       prismjs: 1.29.0
     dev: false
 
-  /@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0):
+  /@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.2):
     resolution: {integrity: sha512-aooNIuQxTg+IWGMZPuIEwBeBi4/TCPCMsr3714zuLjAjukVd5ZrX/bCNxJqDWU4HNwUm4XFU1OhcEvYOHa5uMQ==}
     engines: {node: '>=18.14.1'}
     peerDependencies:
@@ -539,7 +539,7 @@ packages:
     dependencies:
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
-      '@vitejs/plugin-react': 4.1.1(vite@4.5.0)
+      '@vitejs/plugin-react': 4.1.1(vite@4.5.2)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       ultrahtml: 1.5.2
@@ -548,17 +548,17 @@ packages:
       - vite
     dev: false
 
-  /@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.2.2)(vite@4.5.0):
+  /@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.4.2)(vite@4.5.2):
     resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==}
     engines: {node: '>=18.14.1'}
     peerDependencies:
       astro: ^3.0.11
       svelte: ^3.55.0 || ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.2)
       astro: 3.2.2
       svelte: 4.2.1
-      svelte2tsx: 0.6.23(svelte@4.2.1)(typescript@5.2.2)
+      svelte2tsx: 0.6.23(svelte@4.2.1)(typescript@5.4.2)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -2039,13 +2039,13 @@ packages:
       - terser
     dev: false
 
-  /@playwright/experimental-ct-react@1.42.1(@types/node@18.7.16)(vite@4.5.0):
+  /@playwright/experimental-ct-react@1.42.1(@types/node@18.7.16)(vite@5.1.6):
     resolution: {integrity: sha512-/dxu7nkGOlZIx9MUGQPM5kiIGksYIBaaJKQuNmaJNV29V3VGI1p9yQqrvl1jFK/Hu7SC1LmFB8RlkrOgMiZKYg==}
     engines: {node: '>=16'}
     hasBin: true
     dependencies:
       '@playwright/experimental-ct-core': 1.42.1(@types/node@18.7.16)
-      '@vitejs/plugin-react': 4.2.1(vite@4.5.0)
+      '@vitejs/plugin-react': 4.2.1(vite@5.1.6)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -2140,7 +2140,7 @@ packages:
       terser: 5.22.0
     dev: true
 
-  /@rollup/plugin-typescript@11.0.0(rollup@3.23.0)(typescript@4.9.4):
+  /@rollup/plugin-typescript@11.0.0(rollup@3.23.0)(typescript@5.1.3):
     resolution: {integrity: sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -2156,7 +2156,7 @@ packages:
       '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
       resolve: 1.22.8
       rollup: 3.23.0
-      typescript: 4.9.4
+      typescript: 5.1.3
     dev: true
 
   /@rollup/pluginutils@5.0.5(rollup@3.23.0):
@@ -2179,6 +2179,14 @@ packages:
     cpu: [arm]
     os: [android]
     requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-android-arm-eabi@4.13.0:
+    resolution: {integrity: sha512-5ZYPOuaAqEH/W3gYsRkxQATBW3Ii1MfaT4EQstTnLKViLi2gLSQmlmtTpGucNP3sXEpOiI5tdGhjdE111ekyEg==}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
     optional: true
 
   /@rollup/rollup-android-arm64@4.12.1:
@@ -2186,6 +2194,14 @@ packages:
     cpu: [arm64]
     os: [android]
     requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-android-arm64@4.13.0:
+    resolution: {integrity: sha512-BSbaCmn8ZadK3UAQdlauSvtaJjhlDEjS5hEVVIN3A4bbl3X+otyf/kOJV08bYiRxfejP3DXFzO2jz3G20107+Q==}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
     optional: true
 
   /@rollup/rollup-darwin-arm64@4.12.1:
@@ -2193,6 +2209,14 @@ packages:
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-darwin-arm64@4.13.0:
+    resolution: {integrity: sha512-Ovf2evVaP6sW5Ut0GHyUSOqA6tVKfrTHddtmxGQc1CTQa1Cw3/KMCDEEICZBbyppcwnhMwcDce9ZRxdWRpVd6g==}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
     optional: true
 
   /@rollup/rollup-darwin-x64@4.12.1:
@@ -2200,6 +2224,14 @@ packages:
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-darwin-x64@4.13.0:
+    resolution: {integrity: sha512-U+Jcxm89UTK592vZ2J9st9ajRv/hrwHdnvyuJpa5A2ngGSVHypigidkQJP+YiGL6JODiUeMzkqQzbCG3At81Gg==}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
     optional: true
 
   /@rollup/rollup-linux-arm-gnueabihf@4.12.1:
@@ -2207,6 +2239,14 @@ packages:
     cpu: [arm]
     os: [linux]
     requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-arm-gnueabihf@4.13.0:
+    resolution: {integrity: sha512-8wZidaUJUTIR5T4vRS22VkSMOVooG0F4N+JSwQXWSRiC6yfEsFMLTYRFHvby5mFFuExHa/yAp9juSphQQJAijQ==}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
   /@rollup/rollup-linux-arm64-gnu@4.12.1:
@@ -2214,6 +2254,14 @@ packages:
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-arm64-gnu@4.13.0:
+    resolution: {integrity: sha512-Iu0Kno1vrD7zHQDxOmvweqLkAzjxEVqNhUIXBsZ8hu8Oak7/5VTPrxOEZXYC1nmrBVJp0ZcL2E7lSuuOVaE3+w==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
   /@rollup/rollup-linux-arm64-musl@4.12.1:
@@ -2221,6 +2269,14 @@ packages:
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-arm64-musl@4.13.0:
+    resolution: {integrity: sha512-C31QrW47llgVyrRjIwiOwsHFcaIwmkKi3PCroQY5aVq4H0A5v/vVVAtFsI1nfBngtoRpeREvZOkIhmRwUKkAdw==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
   /@rollup/rollup-linux-riscv64-gnu@4.12.1:
@@ -2228,6 +2284,14 @@ packages:
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-riscv64-gnu@4.13.0:
+    resolution: {integrity: sha512-Oq90dtMHvthFOPMl7pt7KmxzX7E71AfyIhh+cPhLY9oko97Zf2C9tt/XJD4RgxhaGeAraAXDtqxvKE1y/j35lA==}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
   /@rollup/rollup-linux-x64-gnu@4.12.1:
@@ -2235,6 +2299,14 @@ packages:
     cpu: [x64]
     os: [linux]
     requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-x64-gnu@4.13.0:
+    resolution: {integrity: sha512-yUD/8wMffnTKuiIsl6xU+4IA8UNhQ/f1sAnQebmE/lyQ8abjsVyDkyRkWop0kdMhKMprpNIhPmYlCxgHrPoXoA==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
   /@rollup/rollup-linux-x64-musl@4.12.1:
@@ -2242,6 +2314,14 @@ packages:
     cpu: [x64]
     os: [linux]
     requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-x64-musl@4.13.0:
+    resolution: {integrity: sha512-9RyNqoFNdF0vu/qqX63fKotBh43fJQeYC98hCaf89DYQpv+xu0D8QFSOS0biA7cGuqJFOc1bJ+m2rhhsKcw1hw==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
   /@rollup/rollup-win32-arm64-msvc@4.12.1:
@@ -2249,6 +2329,14 @@ packages:
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-win32-arm64-msvc@4.13.0:
+    resolution: {integrity: sha512-46ue8ymtm/5PUU6pCvjlic0z82qWkxv54GTJZgHrQUuZnVH+tvvSP0LsozIDsCBFO4VjJ13N68wqrKSeScUKdA==}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
     optional: true
 
   /@rollup/rollup-win32-ia32-msvc@4.12.1:
@@ -2256,6 +2344,14 @@ packages:
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-win32-ia32-msvc@4.13.0:
+    resolution: {integrity: sha512-P5/MqLdLSlqxbeuJ3YDeX37srC8mCflSyTrUsgbU1c/U9j6l2g2GiIdYaGD9QjdMQPMSgYm7hgg0551wHyIluw==}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
     optional: true
 
   /@rollup/rollup-win32-x64-msvc@4.12.1:
@@ -2263,6 +2359,14 @@ packages:
     cpu: [x64]
     os: [win32]
     requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-win32-x64-msvc@4.13.0:
+    resolution: {integrity: sha512-UKXUQNbO3DOhzLRwHSpa0HnhhCgNODvfoPWv2FCXme8N/ANFfhIPMGuOT+QuKd16+B5yxZ0HdpNlqPvTMS1qfw==}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
     optional: true
 
   /@sideway/address@4.1.4:
@@ -2321,10 +2425,10 @@ packages:
       sirv: 2.0.4
       svelte: 4.2.12
       tiny-glob: 0.2.9
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
     dev: true
 
-  /@sveltejs/kit@2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.5):
+  /@sveltejs/kit@2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6):
     resolution: {integrity: sha512-1Pm2lsBYURQsjnLyZa+jw75eVD4gYHxGRwPyFe4DAmB3FjTVR8vRNWGeuDLGFcKMh/B1ij6FTUrc9GrerogCng==}
     engines: {node: '>=18.13'}
     hasBin: true
@@ -2334,7 +2438,7 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.3
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.5)
+      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.6)
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 4.3.2
@@ -2348,7 +2452,7 @@ packages:
       sirv: 2.0.4
       svelte: 4.2.12
       tiny-glob: 0.2.9
-      vite: 5.1.5(@types/node@18.7.16)
+      vite: 5.1.6(@types/node@18.7.16)
     dev: true
 
   /@sveltejs/package@2.2.7(svelte@4.2.12)(typescript@5.1.3):
@@ -2368,7 +2472,7 @@ packages:
       - typescript
     dev: true
 
-  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0):
+  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.2):
     resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
@@ -2376,10 +2480,10 @@ packages:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.2)
       debug: 4.3.4(supports-color@8.1.1)
       svelte: 4.2.1
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.2
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -2395,11 +2499,11 @@ packages:
       '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
       svelte: 4.2.12
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
     transitivePeerDependencies:
       - supports-color
 
-  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.5):
+  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6):
     resolution: {integrity: sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==}
     engines: {node: ^18.0.0 || >=20}
     peerDependencies:
@@ -2407,30 +2511,30 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.5)
+      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.6)
       debug: 4.3.4(supports-color@8.1.1)
       svelte: 4.2.12
-      vite: 5.1.5(@types/node@18.7.16)
+      vite: 5.1.6(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0):
+  /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.2):
     resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.2)
       debug: 4.3.4(supports-color@8.1.1)
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.5
       svelte: 4.2.1
       svelte-hmr: 0.15.3(svelte@4.2.1)
-      vite: 4.5.0(@types/node@18.7.16)
-      vitefu: 0.2.5(vite@4.5.0)
+      vite: 4.5.2
+      vitefu: 0.2.5(vite@4.5.2)
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -2449,27 +2553,27 @@ packages:
       magic-string: 0.30.8
       svelte: 4.2.12
       svelte-hmr: 0.15.3(svelte@4.2.12)
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
       vitefu: 0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
 
-  /@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.12)(vite@5.1.5):
+  /@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.12)(vite@5.1.6):
     resolution: {integrity: sha512-MpmF/cju2HqUls50WyTHQBZUV3ovV/Uk8k66AN2gwHogNAG8wnW8xtZDhzNBsFJJuvmq1qnzA5kE7YfMJNFv2Q==}
     engines: {node: ^18.0.0 || >=20}
     peerDependencies:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.5)
+      '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6)
       debug: 4.3.4(supports-color@8.1.1)
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.8
       svelte: 4.2.12
       svelte-hmr: 0.15.3(svelte@4.2.12)
-      vite: 5.1.5(@types/node@18.7.16)
-      vitefu: 0.2.5(vite@5.1.5)
+      vite: 5.1.6(@types/node@18.7.16)
+      vitefu: 0.2.5(vite@5.1.6)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -3419,7 +3523,7 @@ packages:
       vite: ^4
     dependencies:
       '@swc/core': 1.3.96
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
     transitivePeerDependencies:
       - '@swc/helpers'
     dev: true
@@ -3435,11 +3539,28 @@ packages:
       '@babel/plugin-transform-react-jsx-source': 7.22.5(@babel/core@7.23.2)
       '@types/babel__core': 7.20.4
       react-refresh: 0.14.0
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@vitejs/plugin-react@4.1.1(vite@4.5.2):
+    resolution: {integrity: sha512-Jie2HERK+uh27e+ORXXwEP5h0Y2lS9T2PRGbfebiHGlwzDO0dEnd2aNtOR/qjBlPb1YgxwAONeblL1xqLikLag==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.2.0
+    dependencies:
+      '@babel/core': 7.23.2
+      '@babel/plugin-transform-react-jsx-self': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-react-jsx-source': 7.22.5(@babel/core@7.23.2)
+      '@types/babel__core': 7.20.4
+      react-refresh: 0.14.0
+      vite: 4.5.2
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  /@vitejs/plugin-react@4.2.1(vite@4.5.0):
+  /@vitejs/plugin-react@4.2.1(vite@5.1.6):
     resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -3450,7 +3571,7 @@ packages:
       '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.24.0)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.0
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 5.1.6(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -3719,7 +3840,7 @@ packages:
       undici: 5.26.5
       unist-util-visit: 4.1.2
       vfile: 5.3.7
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
       vitefu: 0.2.5(vite@4.5.0)
       which-pm: 2.1.1
       yargs-parser: 21.1.1
@@ -8904,6 +9025,29 @@ packages:
       '@rollup/rollup-win32-ia32-msvc': 4.12.1
       '@rollup/rollup-win32-x64-msvc': 4.12.1
       fsevents: 2.3.3
+    dev: false
+
+  /rollup@4.13.0:
+    resolution: {integrity: sha512-3YegKemjoQnYKmsBlOHfMLVPPA5xLkQ8MHLLSw/fBrFaVkEayL51DilPpNNLq1exr98F2B1TzrV0FUlN3gWRPg==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+    dependencies:
+      '@types/estree': 1.0.5
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.13.0
+      '@rollup/rollup-android-arm64': 4.13.0
+      '@rollup/rollup-darwin-arm64': 4.13.0
+      '@rollup/rollup-darwin-x64': 4.13.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.13.0
+      '@rollup/rollup-linux-arm64-gnu': 4.13.0
+      '@rollup/rollup-linux-arm64-musl': 4.13.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.13.0
+      '@rollup/rollup-linux-x64-gnu': 4.13.0
+      '@rollup/rollup-linux-x64-musl': 4.13.0
+      '@rollup/rollup-win32-arm64-msvc': 4.13.0
+      '@rollup/rollup-win32-ia32-msvc': 4.13.0
+      '@rollup/rollup-win32-x64-msvc': 4.13.0
+      fsevents: 2.3.3
 
   /run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
@@ -9531,8 +9675,8 @@ packages:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 4.2.12
-      svelte-preprocess: 5.1.3(postcss@8.4.21)(svelte@4.2.12)(typescript@5.2.2)
-      typescript: 5.2.2
+      svelte-preprocess: 5.1.3(postcss@8.4.21)(svelte@4.2.12)(typescript@5.1.3)
+      typescript: 5.1.3
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -9640,7 +9784,7 @@ packages:
     dependencies:
       svelte: 4.2.12
 
-  /svelte-preprocess@5.1.3(postcss@8.4.21)(svelte@4.2.12)(typescript@5.2.2):
+  /svelte-preprocess@5.1.3(postcss@8.4.21)(svelte@4.2.12)(typescript@5.1.3):
     resolution: {integrity: sha512-xxAkmxGHT+J/GourS5mVJeOXZzne1FR5ljeOUAMXUkfEhkLEllRreXpbl3dIYJlcJRfL1LO1uIAPpBpBfiqGPw==}
     engines: {node: '>= 16.0.0', pnpm: ^8.0.0}
     requiresBuild: true
@@ -9685,7 +9829,7 @@ packages:
       sorcery: 0.11.0
       strip-indent: 3.0.0
       svelte: 4.2.12
-      typescript: 5.2.2
+      typescript: 5.1.3
     dev: true
 
   /svelte-preprocess@5.1.3(postcss@8.4.31)(svelte@4.2.12)(typescript@5.2.2):
@@ -9736,7 +9880,7 @@ packages:
       typescript: 5.2.2
     dev: true
 
-  /svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.2.2):
+  /svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.4.2):
     resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==}
     peerDependencies:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
@@ -9745,7 +9889,7 @@ packages:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
       svelte: 4.2.1
-      typescript: 5.2.2
+      typescript: 5.4.2
     dev: false
 
   /svelte2tsx@0.7.3(svelte@4.2.12)(typescript@5.1.3):
@@ -10161,12 +10305,6 @@ packages:
       is-typed-array: 1.1.12
     dev: true
 
-  /typescript@4.9.4:
-    resolution: {integrity: sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==}
-    engines: {node: '>=4.2.0'}
-    hasBin: true
-    dev: true
-
   /typescript@5.1.3:
     resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==}
     engines: {node: '>=14.17'}
@@ -10178,6 +10316,12 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  /typescript@5.4.2:
+    resolution: {integrity: sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+    dev: false
+
   /ultrahtml@1.5.2:
     resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==}
     dev: false
@@ -10421,7 +10565,7 @@ packages:
       vfile-message: 3.1.4
     dev: false
 
-  /vite@4.5.0(@types/node@18.7.16):
+  /vite@4.5.0:
     resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
@@ -10449,13 +10593,47 @@ packages:
       terser:
         optional: true
     dependencies:
-      '@types/node': 18.7.16
       esbuild: 0.18.20
       postcss: 8.4.31
       rollup: 3.29.4
     optionalDependencies:
       fsevents: 2.3.3
 
+  /vite@4.5.2:
+    resolution: {integrity: sha512-tBCZBNSBbHQkaGyhGCDUGqeo2ph8Fstyp6FMSvTtsXeZSPpSMGlviAOav2hxVTqFcx8Hj/twtWKsMJXNY0xI8w==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      esbuild: 0.18.20
+      postcss: 8.4.35
+      rollup: 3.29.4
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: false
+
   /vite@5.1.5(@types/node@18.7.16):
     resolution: {integrity: sha512-BdN1xh0Of/oQafhU+FvopafUp6WaYenLU/NFoL5WyJL++GxkNfieKzBhM24H3HVsPQrlAqB7iJYTHabzaRed5Q==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -10490,6 +10668,42 @@ packages:
       rollup: 4.12.1
     optionalDependencies:
       fsevents: 2.3.3
+    dev: false
+
+  /vite@5.1.6(@types/node@18.7.16):
+    resolution: {integrity: sha512-yYIAZs9nVfRJ/AiOLCA91zzhjsHUgMjB+EigzFb6W2XTLO8JixBCKCjvhKZaye+NKYHCrkv3Oh50dH9EdLU2RA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      '@types/node': 18.7.16
+      esbuild: 0.19.12
+      postcss: 8.4.35
+      rollup: 4.13.0
+    optionalDependencies:
+      fsevents: 2.3.3
 
   /vitefu@0.2.5(vite@4.5.0):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
@@ -10499,9 +10713,9 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
 
-  /vitefu@0.2.5(vite@5.1.5):
+  /vitefu@0.2.5(vite@4.5.2):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
     peerDependencies:
       vite: ^3.0.0 || ^4.0.0 || ^5.0.0
@@ -10509,7 +10723,18 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: 5.1.5(@types/node@18.7.16)
+      vite: 4.5.2
+    dev: false
+
+  /vitefu@0.2.5(vite@5.1.6):
+    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+    dependencies:
+      vite: 5.1.6(@types/node@18.7.16)
     dev: true
 
   /vscode-oniguruma@1.7.0:
diff --git a/tooling/rollup-config/package.json b/tooling/rollup-config/package.json
index e74d7c66a..cdc263d62 100644
--- a/tooling/rollup-config/package.json
+++ b/tooling/rollup-config/package.json
@@ -14,6 +14,6 @@
     "@rollup/plugin-typescript": "11.0.0",
     "rollup": "^3.23.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "typescript": "^4.9.4"
+    "typescript": "^5.1.3"
   }
 }

From 7f3bb4c230f97ae4be382c09574f8a935c9ff5e5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 14 Mar 2024 15:18:32 +0100
Subject: [PATCH 0661/1093] chore(changelog): update

---
 packages/react/CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index faaa0a575..04efec3a1 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -5,6 +5,7 @@
 ## Patch changes
 
 - fix useNodesData: handle invalid node id thanks @saswatax
+- fix forwardRef: use custom fixForwardRef function
 
 ## 12.0.0-next.11
 

From 9e30f3b2cd03952d26ca456458ed22cfd7600290 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 14 Mar 2024 15:27:24 +0100
Subject: [PATCH 0662/1093] chore(changelog): update

---
 packages/svelte/CHANGELOG.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index a8d84f278..469b397a3 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -2,6 +2,11 @@
 
 ## 0.0.39
 
+## ⚠️ Breaking changes
+
+- `on:nodedragstart`, `on:nodedrag` and `on:nodedragstop` are also getting fired if a selection bix is being dragged. We renamed the `node` param to `targetNode` and set it to `null` if a selection is being dragged.
+
+
 ## Patch changes
 
 - export `EdgeLabel` component

From 4ee2b5f15d80713c4bf52c25c3aa8224e5fc9684 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 14 Mar 2024 15:37:57 +0100
Subject: [PATCH 0663/1093] fixed svelte-check, updated dependencies,
 temporarily fixed a11y warnings

---
 packages/svelte/package.json                  |   43 +-
 .../lib/components/EdgeLabel/EdgeLabel.svelte |    2 +
 .../NodeSelection/NodeSelection.svelte        |    3 +
 packages/svelte/svelte.config.js              |    2 +
 pnpm-lock.yaml                                | 1342 +++++++++++------
 5 files changed, 935 insertions(+), 457 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 02b23545d..85e58150a 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -43,33 +43,34 @@
   "dependencies": {
     "@svelte-put/shortcut": "^3.1.0",
     "@xyflow/system": "workspace:*",
-    "classcat": "^5.0.4"
+    "classcat": "^5.0.4",
+    "svelte-preprocess": "^5.1.3"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^3.1.1",
-    "@sveltejs/kit": "^2.5.2",
-    "@sveltejs/package": "^2.2.7",
-    "@typescript-eslint/eslint-plugin": "^5.60.0",
-    "@typescript-eslint/parser": "^5.60.0",
-    "autoprefixer": "^10.4.15",
-    "cssnano": "^6.0.1",
-    "dotenv": "^16.3.1",
-    "eslint": "^8.43.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-svelte": "^2.31.1",
-    "postcss": "^8.4.21",
-    "postcss-cli": "^10.1.0",
+    "@sveltejs/kit": "^2.5.4",
+    "@sveltejs/package": "^2.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.2.0",
+    "@typescript-eslint/parser": "^7.2.0",
+    "autoprefixer": "^10.4.18",
+    "cssnano": "^6.1.0",
+    "dotenv": "^16.4.5",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-svelte": "^2.35.1",
+    "postcss": "^8.4.35",
+    "postcss-cli": "^11.0.0",
     "postcss-combine-duplicated-selectors": "^10.0.3",
-    "postcss-import": "^15.1.0",
-    "postcss-nested": "^6.0.0",
+    "postcss-import": "^16.0.1",
+    "postcss-nested": "^6.0.1",
     "postcss-rename": "^0.6.1",
-    "prettier": "^2.8.8",
-    "prettier-plugin-svelte": "^2.10.1",
+    "prettier": "^3.2.5",
+    "prettier-plugin-svelte": "^3.2.2",
     "svelte": "^4.2.12",
-    "svelte-check": "^3.6.6",
-    "svelte-eslint-parser": "^0.32.2",
-    "tslib": "^2.5.3",
-    "typescript": "5.1.3"
+    "svelte-check": "^3.6.7",
+    "svelte-eslint-parser": "^0.33.1",
+    "tslib": "^2.6.2",
+    "typescript": "5.4.2"
   },
   "peerDependencies": {
     "svelte": "^3.0.0 || ^4.0.0"
diff --git a/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte b/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
index bc12b6048..9ab028c0f 100644
--- a/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
+++ b/packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
@@ -20,6 +20,8 @@
     style:transform="translate(-50%, -50%) translate({x}px,{y}px)"
     style={'pointer-events: all;' + style}
     role="button"
+    tabindex="-1"
+    on:keyup={() => {}}
     on:click={() => {
       if (id) handleEdgeSelect(id);
     }}
diff --git a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index b314e2ada..739bf78e4 100644
--- a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -34,6 +34,9 @@
     use:drag={{ disabled: false, store }}
     on:contextmenu={onContextMenu}
     on:click={onClick}
+    role="button"
+    tabindex="-1"
+    on:keyup={() => {}}
   >
     <Selection width="100%" height="100%" x={0} y={0} />
   </div>
diff --git a/packages/svelte/svelte.config.js b/packages/svelte/svelte.config.js
index b42b17beb..607499288 100644
--- a/packages/svelte/svelte.config.js
+++ b/packages/svelte/svelte.config.js
@@ -1,7 +1,9 @@
 import adapter from '@sveltejs/adapter-auto';
+import preprocess from 'svelte-preprocess';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
+  preprocess: preprocess(),
   kit: {
     adapter: adapter()
   }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 905cbf650..2ead2b627 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -64,7 +64,7 @@ importers:
         version: 3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0)
       '@astrojs/svelte':
         specifier: ^4.0.2
-        version: 4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.2.2)(vite@4.5.0)
+        version: 4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.4.2)(vite@4.5.0)
       '@types/react':
         specifier: ^18.2.24
         version: 18.2.24
@@ -195,7 +195,7 @@ importers:
         version: 4.2.12
       svelte-check:
         specifier: ^3.6.6
-        version: 3.6.6(postcss@8.4.31)(svelte@4.2.12)
+        version: 3.6.6(postcss@8.4.35)(svelte@4.2.12)
       tslib:
         specifier: ^2.6.2
         version: 2.6.2
@@ -281,79 +281,82 @@ importers:
       classcat:
         specifier: ^5.0.4
         version: 5.0.4
+      svelte-preprocess:
+        specifier: ^5.1.3
+        version: 5.1.3(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2)
     devDependencies:
       '@sveltejs/adapter-auto':
         specifier: ^3.1.1
-        version: 3.1.1(@sveltejs/kit@2.5.2)
+        version: 3.1.1(@sveltejs/kit@2.5.4)
       '@sveltejs/kit':
-        specifier: ^2.5.2
-        version: 2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.5)
+        specifier: ^2.5.4
+        version: 2.5.4(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6)
       '@sveltejs/package':
-        specifier: ^2.2.7
-        version: 2.2.7(svelte@4.2.12)(typescript@5.1.3)
+        specifier: ^2.3.0
+        version: 2.3.0(svelte@4.2.12)(typescript@5.4.2)
       '@typescript-eslint/eslint-plugin':
-        specifier: ^5.60.0
-        version: 5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3)
+        specifier: ^7.2.0
+        version: 7.2.0(@typescript-eslint/parser@7.2.0)(eslint@8.57.0)(typescript@5.4.2)
       '@typescript-eslint/parser':
-        specifier: ^5.60.0
-        version: 5.60.0(eslint@8.43.0)(typescript@5.1.3)
+        specifier: ^7.2.0
+        version: 7.2.0(eslint@8.57.0)(typescript@5.4.2)
       autoprefixer:
-        specifier: ^10.4.15
-        version: 10.4.15(postcss@8.4.21)
+        specifier: ^10.4.18
+        version: 10.4.18(postcss@8.4.35)
       cssnano:
-        specifier: ^6.0.1
-        version: 6.0.1(postcss@8.4.21)
+        specifier: ^6.1.0
+        version: 6.1.0(postcss@8.4.35)
       dotenv:
-        specifier: ^16.3.1
-        version: 16.3.1
+        specifier: ^16.4.5
+        version: 16.4.5
       eslint:
-        specifier: ^8.43.0
-        version: 8.43.0
+        specifier: ^8.57.0
+        version: 8.57.0
       eslint-config-prettier:
-        specifier: ^8.8.0
-        version: 8.8.0(eslint@8.43.0)
+        specifier: ^9.1.0
+        version: 9.1.0(eslint@8.57.0)
       eslint-plugin-svelte:
-        specifier: ^2.31.1
-        version: 2.31.1(eslint@8.43.0)(svelte@4.2.12)
+        specifier: ^2.35.1
+        version: 2.35.1(eslint@8.57.0)(svelte@4.2.12)
       postcss:
-        specifier: ^8.4.21
-        version: 8.4.21
+        specifier: ^8.4.35
+        version: 8.4.35
       postcss-cli:
-        specifier: ^10.1.0
-        version: 10.1.0(postcss@8.4.21)
+        specifier: ^11.0.0
+        version: 11.0.0(postcss@8.4.35)
       postcss-combine-duplicated-selectors:
         specifier: ^10.0.3
-        version: 10.0.3(postcss@8.4.21)
+        version: 10.0.3(postcss@8.4.35)
       postcss-import:
-        specifier: ^15.1.0
-        version: 15.1.0(postcss@8.4.21)
+        specifier: ^16.0.1
+        version: 16.0.1(postcss@8.4.35)
       postcss-nested:
-        specifier: ^6.0.0
-        version: 6.0.0(postcss@8.4.21)
+        specifier: ^6.0.1
+        version: 6.0.1(postcss@8.4.35)
       postcss-rename:
         specifier: ^0.6.1
-        version: 0.6.1(postcss@8.4.21)
+        version: 0.6.1(postcss@8.4.35)
       prettier:
-        specifier: ^2.8.8
-        version: 2.8.8
+        specifier: ^3.2.5
+        version: 3.2.5
       prettier-plugin-svelte:
-        specifier: ^2.10.1
-        version: 2.10.1(prettier@2.8.8)(svelte@4.2.12)
+        specifier: ^3.2.2
+        version: 3.2.2(prettier@3.2.5)(svelte@4.2.12)
       svelte:
         specifier: ^4.2.12
         version: 4.2.12
       svelte-check:
-        specifier: ^3.6.6
-        version: 3.6.6(postcss@8.4.21)(svelte@4.2.12)
+        specifier: ^3.6.7
+        version: 3.6.7(postcss@8.4.35)(svelte@4.2.12)
       svelte-eslint-parser:
-        specifier: ^0.32.2
-        version: 0.32.2(svelte@4.2.12)
+        specifier: ^0.33.1
+        version: 0.33.1(svelte@4.2.12)
       tslib:
-        specifier: ^2.5.3
-        version: 2.5.3
+        specifier: ^2.6.2
+        version: 2.6.2
       typescript:
-        specifier: 5.1.3
-        version: 5.1.3
+        specifier: 5.4.2
+        version: 5.4.2
 
   packages/system:
     dependencies:
@@ -548,7 +551,7 @@ packages:
       - vite
     dev: false
 
-  /@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.2.2)(vite@4.5.0):
+  /@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.4.2)(vite@4.5.0):
     resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==}
     engines: {node: '>=18.14.1'}
     peerDependencies:
@@ -558,7 +561,7 @@ packages:
       '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
       astro: 3.2.2
       svelte: 4.2.1
-      svelte2tsx: 0.6.23(svelte@4.2.1)(typescript@5.2.2)
+      svelte2tsx: 0.6.23(svelte@4.2.1)(typescript@5.4.2)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -1840,6 +1843,16 @@ packages:
       eslint-visitor-keys: 3.4.3
     dev: true
 
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.57.0):
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+    dependencies:
+      eslint: 8.57.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
   /@eslint-community/regexpp@4.10.0:
     resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
@@ -1884,6 +1897,23 @@ packages:
       - supports-color
     dev: true
 
+  /@eslint/eslintrc@2.1.4:
+    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.4
+      espree: 9.6.1
+      globals: 13.23.0
+      ignore: 5.3.0
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@eslint/js@8.43.0:
     resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -1894,6 +1924,11 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
+  /@eslint/js@8.57.0:
+    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
   /@fastify/busboy@2.0.0:
     resolution: {integrity: sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==}
     engines: {node: '>=14'}
@@ -1920,6 +1955,17 @@ packages:
       - supports-color
     dev: true
 
+  /@humanwhocodes/config-array@0.11.14:
+    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
+    engines: {node: '>=10.10.0'}
+    dependencies:
+      '@humanwhocodes/object-schema': 2.0.2
+      debug: 4.3.4
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@humanwhocodes/module-importer@1.0.1:
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
@@ -1929,6 +1975,10 @@ packages:
     resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==}
     dev: true
 
+  /@humanwhocodes/object-schema@2.0.2:
+    resolution: {integrity: sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==}
+    dev: true
+
   /@jridgewell/gen-mapping@0.3.3:
     resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
     engines: {node: '>=6.0.0'}
@@ -2297,6 +2347,15 @@ packages:
       import-meta-resolve: 4.0.0
     dev: true
 
+  /@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4):
+    resolution: {integrity: sha512-6LeZft2Fo/4HfmLBi5CucMYmgRxgcETweQl/yQoZo/895K3S9YWYN4Sfm/IhwlIpbJp3QNvhKmwCHbsqQNYQpw==}
+    peerDependencies:
+      '@sveltejs/kit': ^2.0.0
+    dependencies:
+      '@sveltejs/kit': 2.5.4(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6)
+      import-meta-resolve: 4.0.0
+    dev: true
+
   /@sveltejs/kit@2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0):
     resolution: {integrity: sha512-1Pm2lsBYURQsjnLyZa+jw75eVD4gYHxGRwPyFe4DAmB3FjTVR8vRNWGeuDLGFcKMh/B1ij6FTUrc9GrerogCng==}
     engines: {node: '>=18.13'}
@@ -2324,8 +2383,8 @@ packages:
       vite: 4.5.0(@types/node@18.7.16)
     dev: true
 
-  /@sveltejs/kit@2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.5):
-    resolution: {integrity: sha512-1Pm2lsBYURQsjnLyZa+jw75eVD4gYHxGRwPyFe4DAmB3FjTVR8vRNWGeuDLGFcKMh/B1ij6FTUrc9GrerogCng==}
+  /@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6):
+    resolution: {integrity: sha512-eDxK2d4EGzk99QsZNoPXe7jlzA5EGqfcCpUwZ912bhnalsZ2ZsG5wGRthkydupVjYyqdmzEanVKFhLxU2vkPSQ==}
     engines: {node: '>=18.13'}
     hasBin: true
     requiresBuild: true
@@ -2334,7 +2393,7 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.3
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.5)
+      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.6)
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 4.3.2
@@ -2348,11 +2407,11 @@ packages:
       sirv: 2.0.4
       svelte: 4.2.12
       tiny-glob: 0.2.9
-      vite: 5.1.5(@types/node@18.7.16)
+      vite: 5.1.6
     dev: true
 
-  /@sveltejs/package@2.2.7(svelte@4.2.12)(typescript@5.1.3):
-    resolution: {integrity: sha512-/vvmrQO2mMvROdM/iGRHtRn+ValnK9xzB50pqRcX0IvoeVoTq7uhYf+KifrZTluBA+km6AX/WXRXajrgrgbmvw==}
+  /@sveltejs/package@2.3.0(svelte@4.2.12)(typescript@5.4.2):
+    resolution: {integrity: sha512-wmtwEfi3gQnmtotAjygRHR6cmLfpblQl1dU764f3N2I5DPe34llFs44bHOYcuk91Bp2sSq6bWUmNwxGlYCchOA==}
     engines: {node: ^16.14 || >=18}
     hasBin: true
     peerDependencies:
@@ -2363,7 +2422,7 @@ packages:
       sade: 1.8.1
       semver: 7.6.0
       svelte: 4.2.12
-      svelte2tsx: 0.7.3(svelte@4.2.12)(typescript@5.1.3)
+      svelte2tsx: 0.7.3(svelte@4.2.12)(typescript@5.4.2)
     transitivePeerDependencies:
       - typescript
     dev: true
@@ -2399,7 +2458,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.5):
+  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6):
     resolution: {integrity: sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==}
     engines: {node: ^18.0.0 || >=20}
     peerDependencies:
@@ -2407,10 +2466,10 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.5)
-      debug: 4.3.4(supports-color@8.1.1)
+      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.6)
+      debug: 4.3.4
       svelte: 4.2.12
-      vite: 5.1.5(@types/node@18.7.16)
+      vite: 5.1.6
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2454,22 +2513,22 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.12)(vite@5.1.5):
+  /@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.12)(vite@5.1.6):
     resolution: {integrity: sha512-MpmF/cju2HqUls50WyTHQBZUV3ovV/Uk8k66AN2gwHogNAG8wnW8xtZDhzNBsFJJuvmq1qnzA5kE7YfMJNFv2Q==}
     engines: {node: ^18.0.0 || >=20}
     peerDependencies:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.5)
-      debug: 4.3.4(supports-color@8.1.1)
+      '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6)
+      debug: 4.3.4
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.8
       svelte: 4.2.12
       svelte-hmr: 0.15.3(svelte@4.2.12)
-      vite: 5.1.5(@types/node@18.7.16)
-      vitefu: 0.2.5(vite@5.1.5)
+      vite: 5.1.6
+      vitefu: 0.2.5(vite@5.1.6)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2940,7 +2999,6 @@ packages:
 
   /@types/pug@2.0.10:
     resolution: {integrity: sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==}
-    dev: true
 
   /@types/react-dom@18.2.14:
     resolution: {integrity: sha512-V835xgdSVmyQmI1KLV2BEIUgqEuinxp9O4G6g3FqO/SqLac049E53aysv0oEFD2kHfejeKU+ZqL2bcFWj9gLAQ==}
@@ -3017,34 +3075,6 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-78B+anHLF1TI8Jn/cD0Q00TBYdMgjdOn980JfAVa9yw5sop8nyTfVOQAv6LWywkOGLclDBtv5z3oxN4w7jxyNg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^5.0.0
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@eslint-community/regexpp': 4.9.1
-      '@typescript-eslint/parser': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/scope-manager': 5.60.0
-      '@typescript-eslint/type-utils': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/utils': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
-      debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.43.0
-      grapheme-splitter: 1.0.4
-      ignore: 5.2.4
-      natural-compare-lite: 1.4.0
-      semver: 7.5.4
-      tsutils: 3.21.0(typescript@5.1.3)
-      typescript: 5.1.3
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2):
     resolution: {integrity: sha512-uoLj4g2OTL8rfUQVx2AFO1hp/zja1wABJq77P6IclQs6I/m9GLrm7jCdgzZkvWdDCQf1uEvoa8s8CupsgWQgVg==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -3103,22 +3133,31 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-jBONcBsDJ9UoTWrARkRRCgDz6wUggmH5RpQVlt7BimSwaTkTjwypGzKORXbR4/2Hqjk9hgwlon2rVQAjWNpkyQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /@typescript-eslint/eslint-plugin@7.2.0(@typescript-eslint/parser@7.2.0)(eslint@8.57.0)(typescript@5.4.2):
+    resolution: {integrity: sha512-mdekAHOqS9UjlmyF/LSs6AIEvfceV749GFxoBAjwAv0nkevfKHWQFDMcBZWUiIC5ft6ePWivXoS36aKQ0Cy3sw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      '@typescript-eslint/parser': ^7.0.0
+      eslint: ^8.56.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 5.60.0
-      '@typescript-eslint/types': 5.60.0
-      '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.3)
-      debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.43.0
-      typescript: 5.1.3
+      '@eslint-community/regexpp': 4.10.0
+      '@typescript-eslint/parser': 7.2.0(eslint@8.57.0)(typescript@5.4.2)
+      '@typescript-eslint/scope-manager': 7.2.0
+      '@typescript-eslint/type-utils': 7.2.0(eslint@8.57.0)(typescript@5.4.2)
+      '@typescript-eslint/utils': 7.2.0(eslint@8.57.0)(typescript@5.4.2)
+      '@typescript-eslint/visitor-keys': 7.2.0
+      debug: 4.3.4
+      eslint: 8.57.0
+      graphemer: 1.4.0
+      ignore: 5.3.0
+      natural-compare: 1.4.0
+      semver: 7.6.0
+      ts-api-utils: 1.0.3(typescript@5.4.2)
+      typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -3165,12 +3204,25 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/scope-manager@5.60.0:
-    resolution: {integrity: sha512-hakuzcxPwXi2ihf9WQu1BbRj1e/Pd8ZZwVTG9kfbxAMZstKz8/9OoexIwnmLzShtsdap5U/CoQGRCWlSuPbYxQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.4.2):
+    resolution: {integrity: sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
-      '@typescript-eslint/types': 5.60.0
-      '@typescript-eslint/visitor-keys': 5.60.0
+      '@typescript-eslint/scope-manager': 7.2.0
+      '@typescript-eslint/types': 7.2.0
+      '@typescript-eslint/typescript-estree': 7.2.0(typescript@5.4.2)
+      '@typescript-eslint/visitor-keys': 7.2.0
+      debug: 4.3.4
+      eslint: 8.57.0
+      typescript: 5.4.2
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /@typescript-eslint/scope-manager@6.10.0:
@@ -3189,24 +3241,12 @@ packages:
       '@typescript-eslint/visitor-keys': 6.8.0
     dev: true
 
-  /@typescript-eslint/type-utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-X7NsRQddORMYRFH7FWo6sA9Y/zbJ8s1x1RIAtnlj6YprbToTiQnM6vxcMu7iYhdunmoC0rUWlca13D5DVHkK2g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '*'
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  /@typescript-eslint/scope-manager@7.2.0:
+    resolution: {integrity: sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.3)
-      '@typescript-eslint/utils': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
-      debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.43.0
-      tsutils: 3.21.0(typescript@5.1.3)
-      typescript: 5.1.3
-    transitivePeerDependencies:
-      - supports-color
+      '@typescript-eslint/types': 7.2.0
+      '@typescript-eslint/visitor-keys': 7.2.0
     dev: true
 
   /@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
@@ -3249,9 +3289,24 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/types@5.60.0:
-    resolution: {integrity: sha512-ascOuoCpNZBccFVNJRSC6rPq4EmJ2NkuoKnd6LDNyAQmdDnziAtxbCGWCbefG1CNzmDvd05zO36AmB7H8RzKPA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /@typescript-eslint/type-utils@7.2.0(eslint@8.57.0)(typescript@5.4.2):
+    resolution: {integrity: sha512-xHi51adBHo9O9330J8GQYQwrKBqbIPJGZZVQTHHmy200hvkLZFWJIFtAG/7IYTWUyun6DE6w5InDReePJYJlJA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': 7.2.0(typescript@5.4.2)
+      '@typescript-eslint/utils': 7.2.0(eslint@8.57.0)(typescript@5.4.2)
+      debug: 4.3.4
+      eslint: 8.57.0
+      ts-api-utils: 1.0.3(typescript@5.4.2)
+      typescript: 5.4.2
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /@typescript-eslint/types@6.10.0:
@@ -3264,25 +3319,9 @@ packages:
     engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3):
-    resolution: {integrity: sha512-R43thAuwarC99SnvrBmh26tc7F6sPa2B3evkXp/8q954kYL6Ro56AwASYWtEEi+4j09GbiNAHqYwNNZuNlARGQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/types': 5.60.0
-      '@typescript-eslint/visitor-keys': 5.60.0
-      debug: 4.3.4(supports-color@8.1.1)
-      globby: 11.1.0
-      is-glob: 4.0.3
-      semver: 7.5.4
-      tsutils: 3.21.0(typescript@5.1.3)
-      typescript: 5.1.3
-    transitivePeerDependencies:
-      - supports-color
+  /@typescript-eslint/types@7.2.0:
+    resolution: {integrity: sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
   /@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2):
@@ -3327,24 +3366,26 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-ba51uMqDtfLQ5+xHtwlO84vkdjrqNzOnqrnwbMHMRY8Tqeme8C2Q8Fc7LajfGR+e3/4LoYiWXUM6BpIIbHJ4hQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /@typescript-eslint/typescript-estree@7.2.0(typescript@5.4.2):
+    resolution: {integrity: sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
-      '@types/json-schema': 7.0.15
-      '@types/semver': 7.5.6
-      '@typescript-eslint/scope-manager': 5.60.0
-      '@typescript-eslint/types': 5.60.0
-      '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.3)
-      eslint: 8.43.0
-      eslint-scope: 5.1.1
-      semver: 7.5.4
+      '@typescript-eslint/types': 7.2.0
+      '@typescript-eslint/visitor-keys': 7.2.0
+      debug: 4.3.4
+      globby: 11.1.0
+      is-glob: 4.0.3
+      minimatch: 9.0.3
+      semver: 7.6.0
+      ts-api-utils: 1.0.3(typescript@5.4.2)
+      typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
-      - typescript
     dev: true
 
   /@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
@@ -3385,12 +3426,23 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/visitor-keys@5.60.0:
-    resolution: {integrity: sha512-wm9Uz71SbCyhUKgcaPRauBdTegUyY/ZWl8gLwD/i/ybJqscrrdVSFImpvUz16BLPChIeKBK5Fa9s6KDQjsjyWw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /@typescript-eslint/utils@7.2.0(eslint@8.57.0)(typescript@5.4.2):
+    resolution: {integrity: sha512-YfHpnMAGb1Eekpm3XRK8hcMwGLGsnT6L+7b2XyRv6ouDuJU1tZir1GS2i0+VXRatMwSI1/UfcyPe53ADkU+IuA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
     dependencies:
-      '@typescript-eslint/types': 5.60.0
-      eslint-visitor-keys: 3.4.3
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@types/json-schema': 7.0.15
+      '@types/semver': 7.5.6
+      '@typescript-eslint/scope-manager': 7.2.0
+      '@typescript-eslint/types': 7.2.0
+      '@typescript-eslint/typescript-estree': 7.2.0(typescript@5.4.2)
+      eslint: 8.57.0
+      semver: 7.6.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
     dev: true
 
   /@typescript-eslint/visitor-keys@6.10.0:
@@ -3409,6 +3461,14 @@ packages:
       eslint-visitor-keys: 3.4.3
     dev: true
 
+  /@typescript-eslint/visitor-keys@7.2.0:
+    resolution: {integrity: sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': 7.2.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
   /@ungap/structured-clone@1.2.0:
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
     dev: true
@@ -3772,6 +3832,22 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /autoprefixer@10.4.18(postcss@8.4.35):
+    resolution: {integrity: sha512-1DKbDfsr6KUElM6wg+0zRNkB/Q7WcKYAaK+pzXn+Xqmszm/5Xa9coeNdtP88Vi+dPzZnMjhge8GIV49ZQkDa+g==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+    dependencies:
+      browserslist: 4.23.0
+      caniuse-lite: 1.0.30001594
+      fraction.js: 4.3.7
+      normalize-range: 0.1.2
+      picocolors: 1.0.0
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /available-typed-arrays@1.0.5:
     resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
     engines: {node: '>= 0.4'}
@@ -3817,7 +3893,6 @@ packages:
 
   /balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
-    dev: true
 
   /base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
@@ -3888,7 +3963,6 @@ packages:
     dependencies:
       balanced-match: 1.0.2
       concat-map: 0.0.1
-    dev: true
 
   /brace-expansion@2.0.1:
     resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
@@ -3927,11 +4001,9 @@ packages:
       electron-to-chromium: 1.4.693
       node-releases: 2.0.14
       update-browserslist-db: 1.0.13(browserslist@4.23.0)
-    dev: false
 
   /buffer-crc32@0.2.13:
     resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
-    dev: true
 
   /buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
@@ -4017,7 +4089,6 @@ packages:
 
   /caniuse-lite@1.0.30001594:
     resolution: {integrity: sha512-VblSX6nYqyJVs8DKFMldE2IVCJjZ225LW00ydtUWwh5hk9IfkTOffO6r8gJNsH0qqqeAF8KrbMYA2VEwTlGW5g==}
-    dev: false
 
   /caseless@0.12.0:
     resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
@@ -4278,7 +4349,6 @@ packages:
 
   /concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
-    dev: true
 
   /concurrently@7.6.0:
     resolution: {integrity: sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==}
@@ -4338,6 +4408,15 @@ packages:
       postcss: 8.4.21
     dev: true
 
+  /css-declaration-sorter@7.1.1(postcss@8.4.35):
+    resolution: {integrity: sha512-dZ3bVTEEc1vxr3Bek9vGwfB5Z6ESPULhcRvO472mfjVnj8jRcTnKO8/JTczlvxM10Myb+wBM++1MtdO76eWcaQ==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      postcss: ^8.0.9
+    dependencies:
+      postcss: 8.4.35
+    dev: true
+
   /css-select@5.1.0:
     resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
     dependencies:
@@ -4412,6 +4491,45 @@ packages:
       postcss-unique-selectors: 6.0.0(postcss@8.4.21)
     dev: true
 
+  /cssnano-preset-default@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-4DUXZoDj+PI3fRl3MqMjl9DwLGjcsFP4qt+92nLUcN1RGfw2TY+GwNoG2B38Usu1BrcTs8j9pxNfSusmvtSjfg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      browserslist: 4.23.0
+      css-declaration-sorter: 7.1.1(postcss@8.4.35)
+      cssnano-utils: 4.0.2(postcss@8.4.35)
+      postcss: 8.4.35
+      postcss-calc: 9.0.1(postcss@8.4.35)
+      postcss-colormin: 6.1.0(postcss@8.4.35)
+      postcss-convert-values: 6.1.0(postcss@8.4.35)
+      postcss-discard-comments: 6.0.2(postcss@8.4.35)
+      postcss-discard-duplicates: 6.0.3(postcss@8.4.35)
+      postcss-discard-empty: 6.0.3(postcss@8.4.35)
+      postcss-discard-overridden: 6.0.2(postcss@8.4.35)
+      postcss-merge-longhand: 6.0.4(postcss@8.4.35)
+      postcss-merge-rules: 6.1.0(postcss@8.4.35)
+      postcss-minify-font-values: 6.0.3(postcss@8.4.35)
+      postcss-minify-gradients: 6.0.3(postcss@8.4.35)
+      postcss-minify-params: 6.1.0(postcss@8.4.35)
+      postcss-minify-selectors: 6.0.3(postcss@8.4.35)
+      postcss-normalize-charset: 6.0.2(postcss@8.4.35)
+      postcss-normalize-display-values: 6.0.2(postcss@8.4.35)
+      postcss-normalize-positions: 6.0.2(postcss@8.4.35)
+      postcss-normalize-repeat-style: 6.0.2(postcss@8.4.35)
+      postcss-normalize-string: 6.0.2(postcss@8.4.35)
+      postcss-normalize-timing-functions: 6.0.2(postcss@8.4.35)
+      postcss-normalize-unicode: 6.1.0(postcss@8.4.35)
+      postcss-normalize-url: 6.0.2(postcss@8.4.35)
+      postcss-normalize-whitespace: 6.0.2(postcss@8.4.35)
+      postcss-ordered-values: 6.0.2(postcss@8.4.35)
+      postcss-reduce-initial: 6.1.0(postcss@8.4.35)
+      postcss-reduce-transforms: 6.0.2(postcss@8.4.35)
+      postcss-svgo: 6.0.3(postcss@8.4.35)
+      postcss-unique-selectors: 6.0.3(postcss@8.4.35)
+    dev: true
+
   /cssnano-utils@4.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-Z39TLP+1E0KUcd7LGyF4qMfu8ZufI0rDzhdyAMsa/8UyNUU8wpS0fhdBxbQbv32r64ea00h4878gommRVg2BHw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -4421,6 +4539,15 @@ packages:
       postcss: 8.4.21
     dev: true
 
+  /cssnano-utils@4.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-ZR1jHg+wZ8o4c3zqf1SIUSTIvm/9mU343FMR6Obe/unskbvpGhZOo1J6d/r8D1pzkRQYuwbcH3hToOuoA2G7oQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+    dev: true
+
   /cssnano@6.0.1(postcss@8.4.21):
     resolution: {integrity: sha512-fVO1JdJ0LSdIGJq68eIxOqFpIJrZqXUsBt8fkrBcztCQqAjQD51OhZp7tc0ImcbwXD4k7ny84QTV90nZhmqbkg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -4432,6 +4559,17 @@ packages:
       postcss: 8.4.21
     dev: true
 
+  /cssnano@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-e2v4w/t3OFM6HTuSweI4RSdABaqgVgHlJp5FZrQsopHnKKHLFIvK2D3C4kHWeFIycN/1L1J5VIrg5KlDzn3r/g==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      cssnano-preset-default: 6.1.0(postcss@8.4.35)
+      lilconfig: 3.1.1
+      postcss: 8.4.35
+    dev: true
+
   /csso@5.0.5:
     resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
@@ -4638,6 +4776,18 @@ packages:
       ms: 2.1.3
       supports-color: 8.1.1
 
+  /debug@4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+    dev: true
+
   /debug@4.3.4(supports-color@8.1.1):
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
     engines: {node: '>=6.0'}
@@ -4746,7 +4896,6 @@ packages:
   /detect-indent@6.1.0:
     resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
     engines: {node: '>=8'}
-    dev: true
 
   /detect-libc@2.0.2:
     resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==}
@@ -4820,8 +4969,8 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
-  /dotenv@16.3.1:
-    resolution: {integrity: sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==}
+  /dotenv@16.4.5:
+    resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
     engines: {node: '>=12'}
     dev: true
 
@@ -4855,7 +5004,6 @@ packages:
 
   /electron-to-chromium@1.4.693:
     resolution: {integrity: sha512-/if4Ueg0GUQlhCrW2ZlXwDAm40ipuKo+OgeHInlL8sbjt+hzISxZK949fZeJaVsheamrzANXvw1zQTvbxTvSHw==}
-    dev: false
 
   /emoji-regex@10.3.0:
     resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==}
@@ -4999,7 +5147,6 @@ packages:
 
   /es6-promise@3.3.1:
     resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
-    dev: true
 
   /esbuild@0.18.20:
     resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
@@ -5117,6 +5264,15 @@ packages:
       eslint: 8.53.0
     dev: true
 
+  /eslint-compat-utils@0.1.2(eslint@8.57.0):
+    resolution: {integrity: sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: '>=6.0.0'
+    dependencies:
+      eslint: 8.57.0
+    dev: true
+
   /eslint-config-prettier@8.8.0(eslint@8.43.0):
     resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==}
     hasBin: true
@@ -5135,6 +5291,15 @@ packages:
       eslint: 8.53.0
     dev: true
 
+  /eslint-config-prettier@9.1.0(eslint@8.57.0):
+    resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      eslint: 8.57.0
+    dev: true
+
   /eslint-config-turbo@1.10.15(eslint@8.43.0):
     resolution: {integrity: sha512-76mpx2x818JZE26euen14utYcFDxOahZ9NaWA+6Xa4pY2ezVKVschuOxS96EQz3o3ZRSmcgBOapw/gHbN+EKxQ==}
     peerDependencies:
@@ -5186,36 +5351,37 @@ packages:
       string.prototype.matchall: 4.0.10
     dev: true
 
-  /eslint-plugin-svelte@2.31.1(eslint@8.43.0)(svelte@4.2.12):
-    resolution: {integrity: sha512-08v+DqzHiwIVEbi+266D7+BDhayp9OSqCwa/lHaZlZOlFY0vZLYs/h7SkkUPzA5fTVt8OUJBtvCxFiWEYOvvGg==}
+  /eslint-plugin-svelte@2.35.0(eslint@8.53.0)(svelte@4.2.12):
+    resolution: {integrity: sha512-3WDFxNrkXaMlpqoNo3M1ZOQuoFLMO9+bdnN6oVVXaydXC7nzCJuGy9a0zqoNDHMSRPYt0Rqo6hIdHMEaI5sQnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0-0
-      svelte: ^3.37.0 || ^4.0.0-0
+      svelte: ^3.37.0 || ^4.0.0
     peerDependenciesMeta:
       svelte:
         optional: true
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
       '@jridgewell/sourcemap-codec': 1.4.15
       debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.43.0
-      esutils: 2.0.3
-      known-css-properties: 0.27.0
-      postcss: 8.4.31
-      postcss-load-config: 3.1.4(postcss@8.4.31)
-      postcss-safe-parser: 6.0.0(postcss@8.4.31)
+      eslint: 8.53.0
+      eslint-compat-utils: 0.1.2(eslint@8.53.0)
+      esutils: 2.0.3
+      known-css-properties: 0.29.0
+      postcss: 8.4.35
+      postcss-load-config: 3.1.4(postcss@8.4.35)
+      postcss-safe-parser: 6.0.0(postcss@8.4.35)
       postcss-selector-parser: 6.0.13
       semver: 7.5.4
       svelte: 4.2.12
-      svelte-eslint-parser: 0.31.0(svelte@4.2.12)
+      svelte-eslint-parser: 0.33.1(svelte@4.2.12)
     transitivePeerDependencies:
       - supports-color
       - ts-node
     dev: true
 
-  /eslint-plugin-svelte@2.35.0(eslint@8.53.0)(svelte@4.2.12):
-    resolution: {integrity: sha512-3WDFxNrkXaMlpqoNo3M1ZOQuoFLMO9+bdnN6oVVXaydXC7nzCJuGy9a0zqoNDHMSRPYt0Rqo6hIdHMEaI5sQnw==}
+  /eslint-plugin-svelte@2.35.1(eslint@8.57.0)(svelte@4.2.12):
+    resolution: {integrity: sha512-IF8TpLnROSGy98Z3NrsKXWDSCbNY2ReHDcrYTuXZMbfX7VmESISR78TWgO9zdg4Dht1X8coub5jKwHzP0ExRug==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0-0
@@ -5224,18 +5390,18 @@ packages:
       svelte:
         optional: true
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
       '@jridgewell/sourcemap-codec': 1.4.15
-      debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.53.0
-      eslint-compat-utils: 0.1.2(eslint@8.53.0)
+      debug: 4.3.4
+      eslint: 8.57.0
+      eslint-compat-utils: 0.1.2(eslint@8.57.0)
       esutils: 2.0.3
       known-css-properties: 0.29.0
-      postcss: 8.4.31
-      postcss-load-config: 3.1.4(postcss@8.4.31)
-      postcss-safe-parser: 6.0.0(postcss@8.4.31)
+      postcss: 8.4.35
+      postcss-load-config: 3.1.4(postcss@8.4.35)
+      postcss-safe-parser: 6.0.0(postcss@8.4.35)
       postcss-selector-parser: 6.0.13
-      semver: 7.5.4
+      semver: 7.6.0
       svelte: 4.2.12
       svelte-eslint-parser: 0.33.1(svelte@4.2.12)
     transitivePeerDependencies:
@@ -5252,14 +5418,6 @@ packages:
       eslint: 8.43.0
     dev: true
 
-  /eslint-scope@5.1.1:
-    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
-    engines: {node: '>=8.0.0'}
-    dependencies:
-      esrecurse: 4.3.0
-      estraverse: 4.3.0
-    dev: true
-
   /eslint-scope@7.2.2:
     resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -5368,6 +5526,53 @@ packages:
       - supports-color
     dev: true
 
+  /eslint@8.57.0:
+    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/regexpp': 4.10.0
+      '@eslint/eslintrc': 2.1.4
+      '@eslint/js': 8.57.0
+      '@humanwhocodes/config-array': 0.11.14
+      '@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.3
+      debug: 4.3.4
+      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.5.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.23.0
+      graphemer: 1.4.0
+      ignore: 5.3.0
+      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.3
+      strip-ansi: 6.0.1
+      text-table: 0.2.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /esm-env@1.0.0:
     resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
     dev: true
@@ -5400,11 +5605,6 @@ packages:
       estraverse: 5.3.0
     dev: true
 
-  /estraverse@4.3.0:
-    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
-    engines: {node: '>=4.0'}
-    dev: true
-
   /estraverse@5.3.0:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
@@ -5703,15 +5903,6 @@ packages:
     dev: false
     optional: true
 
-  /fs-extra@11.1.1:
-    resolution: {integrity: sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==}
-    engines: {node: '>=14.14'}
-    dependencies:
-      graceful-fs: 4.2.11
-      jsonfile: 6.1.0
-      universalify: 2.0.0
-    dev: true
-
   /fs-extra@11.2.0:
     resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
     engines: {node: '>=14.14'}
@@ -5751,7 +5942,6 @@ packages:
 
   /fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
-    dev: true
 
   /fsevents@2.3.2:
     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
@@ -5887,7 +6077,6 @@ packages:
       minimatch: 3.1.2
       once: 1.4.0
       path-is-absolute: 1.0.1
-    dev: true
 
   /glob@8.1.0:
     resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
@@ -5941,17 +6130,6 @@ packages:
       slash: 3.0.0
     dev: true
 
-  /globby@13.2.2:
-    resolution: {integrity: sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dependencies:
-      dir-glob: 3.0.1
-      fast-glob: 3.3.2
-      ignore: 5.3.0
-      merge2: 1.4.1
-      slash: 4.0.0
-    dev: true
-
   /globby@14.0.0:
     resolution: {integrity: sha512-/1WM/LNHRAOH9lZta77uGbq0dAEQM+XjNesWwhlERDVenqothRbnzTrL3/LrIoEPPjeUHC3vrS6TwoyxeHs7MQ==}
     engines: {node: '>=18'}
@@ -6238,7 +6416,6 @@ packages:
     dependencies:
       once: 1.4.0
       wrappy: 1.0.2
-    dev: true
 
   /inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
@@ -6694,10 +6871,6 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
-  /known-css-properties@0.27.0:
-    resolution: {integrity: sha512-uMCj6+hZYDoffuvAJjFAPz56E9uoowFHmTkqRtRq5WyC5Q6Cu/fTZKNQpX/RbzChBYLLl3lo8CjFZBAZXq9qFg==}
-    dev: true
-
   /known-css-properties@0.29.0:
     resolution: {integrity: sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==}
     dev: true
@@ -6731,6 +6904,11 @@ packages:
     engines: {node: '>=14'}
     dev: true
 
+  /lilconfig@3.1.1:
+    resolution: {integrity: sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==}
+    engines: {node: '>=14'}
+    dev: true
+
   /lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
     dev: true
@@ -7365,13 +7543,11 @@ packages:
   /min-indent@1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
-    dev: true
 
   /minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     dependencies:
       brace-expansion: 1.1.11
-    dev: true
 
   /minimatch@5.1.6:
     resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
@@ -7380,6 +7556,13 @@ packages:
       brace-expansion: 2.0.1
     dev: true
 
+  /minimatch@9.0.3:
+    resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
   /minimist-options@4.1.0:
     resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
     engines: {node: '>= 6'}
@@ -7408,7 +7591,6 @@ packages:
     hasBin: true
     dependencies:
       minimist: 1.2.8
-    dev: true
 
   /mri@1.2.0:
     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
@@ -7446,10 +7628,6 @@ packages:
     dev: false
     optional: true
 
-  /natural-compare-lite@1.4.0:
-    resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==}
-    dev: true
-
   /natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
     dev: true
@@ -7483,7 +7661,7 @@ packages:
     engines: {node: '>=10'}
     requiresBuild: true
     dependencies:
-      semver: 7.5.4
+      semver: 7.6.0
     dev: false
     optional: true
 
@@ -7510,7 +7688,6 @@ packages:
 
   /node-releases@2.0.14:
     resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
-    dev: false
 
   /normalize-package-data@2.5.0:
     resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
@@ -7762,7 +7939,6 @@ packages:
   /path-is-absolute@1.0.1:
     resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /path-key@3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
@@ -7858,46 +8034,57 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-cli@10.1.0(postcss@8.4.21):
-    resolution: {integrity: sha512-Zu7PLORkE9YwNdvOeOVKPmWghprOtjFQU3srMUGbdz3pHJiFh7yZ4geiZFMkjMfB0mtTFR3h8RemR62rPkbOPA==}
-    engines: {node: '>=14'}
+  /postcss-calc@9.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.2
+    dependencies:
+      postcss: 8.4.35
+      postcss-selector-parser: 6.0.13
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /postcss-cli@11.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-xMITAI7M0u1yolVcXJ9XTZiO9aO49mcoKQy6pCDFdMh9kGqhzLVpWxeD/32M/QBmkhcGypZFFOLNLmIW4Pg4RA==}
+    engines: {node: '>=18'}
     hasBin: true
     peerDependencies:
       postcss: ^8.0.0
     dependencies:
       chokidar: 3.5.3
       dependency-graph: 0.11.0
-      fs-extra: 11.1.1
+      fs-extra: 11.2.0
       get-stdin: 9.0.0
-      globby: 13.2.2
+      globby: 14.0.0
       picocolors: 1.0.0
       postcss: 8.4.21
-      postcss-load-config: 4.0.1(postcss@8.4.21)
+      postcss-load-config: 5.0.2(postcss@8.4.21)
       postcss-reporter: 7.0.5(postcss@8.4.21)
       pretty-hrtime: 1.0.3
       read-cache: 1.0.0
       slash: 5.1.0
       yargs: 17.7.2
     transitivePeerDependencies:
-      - ts-node
+      - jiti
     dev: true
 
-  /postcss-cli@11.0.0(postcss@8.4.21):
+  /postcss-cli@11.0.0(postcss@8.4.35):
     resolution: {integrity: sha512-xMITAI7M0u1yolVcXJ9XTZiO9aO49mcoKQy6pCDFdMh9kGqhzLVpWxeD/32M/QBmkhcGypZFFOLNLmIW4Pg4RA==}
     engines: {node: '>=18'}
     hasBin: true
     peerDependencies:
       postcss: ^8.0.0
     dependencies:
-      chokidar: 3.5.3
+      chokidar: 3.6.0
       dependency-graph: 0.11.0
       fs-extra: 11.2.0
       get-stdin: 9.0.0
       globby: 14.0.0
       picocolors: 1.0.0
-      postcss: 8.4.21
-      postcss-load-config: 5.0.2(postcss@8.4.21)
-      postcss-reporter: 7.0.5(postcss@8.4.21)
+      postcss: 8.4.35
+      postcss-load-config: 5.0.2(postcss@8.4.35)
+      postcss-reporter: 7.0.5(postcss@8.4.35)
       pretty-hrtime: 1.0.3
       read-cache: 1.0.0
       slash: 5.1.0
@@ -7919,6 +8106,19 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /postcss-colormin@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-x9yX7DOxeMAR+BgGVnNSAxmAj98NX/YxEMNFP+SDCEeNLb2r3i6Hh1ksMsnW8Ub5SLCpbescQqn9YEbE9554Sw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      browserslist: 4.23.0
+      caniuse-api: 3.0.0
+      colord: 2.9.3
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.21):
     resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==}
     engines: {node: ^10.0.0 || ^12.0.0 || >=14.0.0}
@@ -7929,6 +8129,16 @@ packages:
       postcss-selector-parser: 6.0.13
     dev: true
 
+  /postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==}
+    engines: {node: ^10.0.0 || ^12.0.0 || >=14.0.0}
+    peerDependencies:
+      postcss: ^8.1.0
+    dependencies:
+      postcss: 8.4.35
+      postcss-selector-parser: 6.0.13
+    dev: true
+
   /postcss-convert-values@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-U5D8QhVwqT++ecmy8rnTb+RL9n/B806UVaS3m60lqle4YDFcpbS3ae5bTQIh3wOGUSDHSEtMYLs/38dNG7EYFw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -7940,6 +8150,17 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /postcss-convert-values@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-zx8IwP/ts9WvUM6NkVSkiU902QZL1bwPhaVaLynPtCsOTqp+ZKbNi+s6XJg3rfqpKGA/oc7Oxk5t8pOQJcwl/w==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      browserslist: 4.23.0
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-discard-comments@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-p2skSGqzPMZkEQvJsgnkBhCn8gI7NzRH2683EEjrIkoMiwRELx68yoUJ3q3DGSGuQ8Ug9Gsn+OuDr46yfO+eFw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -7949,6 +8170,15 @@ packages:
       postcss: 8.4.21
     dev: true
 
+  /postcss-discard-comments@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-65w/uIqhSBBfQmYnG92FO1mWZjJ4GL5b8atm5Yw2UgrwD7HiNiSSNwJor1eCFGzUgYnN/iIknhNRVqjrrpuglw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+    dev: true
+
   /postcss-discard-duplicates@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-bU1SXIizMLtDW4oSsi5C/xHKbhLlhek/0/yCnoMQany9k3nPBq+Ctsv/9oMmyqbR96HYHxZcHyK2HR5P/mqoGA==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -7958,6 +8188,15 @@ packages:
       postcss: 8.4.21
     dev: true
 
+  /postcss-discard-duplicates@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-+JA0DCvc5XvFAxwx6f/e68gQu/7Z9ud584VLmcgto28eB8FqSFZwtrLwB5Kcp70eIoWP/HXqz4wpo8rD8gpsTw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+    dev: true
+
   /postcss-discard-empty@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-b+h1S1VT6dNhpcg+LpyiUrdnEZfICF0my7HAKgJixJLW7BnNmpRH34+uw/etf5AhOlIhIAuXApSzzDzMI9K/gQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -7967,6 +8206,15 @@ packages:
       postcss: 8.4.21
     dev: true
 
+  /postcss-discard-empty@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-znyno9cHKQsK6PtxL5D19Fj9uwSzC2mB74cpT66fhgOadEUPyXFkbgwm5tvc3bt3NAy8ltE5MrghxovZRVnOjQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+    dev: true
+
   /postcss-discard-overridden@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -7976,6 +8224,15 @@ packages:
       postcss: 8.4.21
     dev: true
 
+  /postcss-discard-overridden@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-j87xzI4LUggC5zND7KdjsI25APtyMuynXZSujByMaav2roV6OZX+8AaCUcZSWqckZpjAjRyFDdpqybgjFO0HJQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+    dev: true
+
   /postcss-import@15.1.0(postcss@8.4.21):
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
     engines: {node: '>=14.0.0'}
@@ -7988,7 +8245,19 @@ packages:
       resolve: 1.22.8
     dev: true
 
-  /postcss-load-config@3.1.4(postcss@8.4.31):
+  /postcss-import@16.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-i2Pci0310NaLHr/5JUFSw1j/8hf1CzwMY13g6ZDxgOavmRHQi2ba3PmUHoihO+sjaum+KmCNzskNsw7JDrg03g==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.8
+    dev: true
+
+  /postcss-load-config@3.1.4(postcss@8.4.35):
     resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
     engines: {node: '>= 10'}
     peerDependencies:
@@ -8001,28 +8270,28 @@ packages:
         optional: true
     dependencies:
       lilconfig: 2.1.0
-      postcss: 8.4.31
+      postcss: 8.4.35
       yaml: 1.10.2
     dev: true
 
-  /postcss-load-config@4.0.1(postcss@8.4.21):
-    resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==}
-    engines: {node: '>= 14'}
+  /postcss-load-config@5.0.2(postcss@8.4.21):
+    resolution: {integrity: sha512-Q8QR3FYbqOKa0bnC1UQ2bFq9/ulHX5Bi34muzitMr8aDtUelO5xKeJEYC/5smE0jNE9zdB/NBnOwXKexELbRlw==}
+    engines: {node: '>= 18'}
     peerDependencies:
+      jiti: '>=1.21.0'
       postcss: '>=8.0.9'
-      ts-node: '>=9.0.0'
     peerDependenciesMeta:
-      postcss:
+      jiti:
         optional: true
-      ts-node:
+      postcss:
         optional: true
     dependencies:
-      lilconfig: 2.1.0
+      lilconfig: 3.0.0
       postcss: 8.4.21
-      yaml: 2.3.3
+      yaml: 2.3.4
     dev: true
 
-  /postcss-load-config@5.0.2(postcss@8.4.21):
+  /postcss-load-config@5.0.2(postcss@8.4.35):
     resolution: {integrity: sha512-Q8QR3FYbqOKa0bnC1UQ2bFq9/ulHX5Bi34muzitMr8aDtUelO5xKeJEYC/5smE0jNE9zdB/NBnOwXKexELbRlw==}
     engines: {node: '>= 18'}
     peerDependencies:
@@ -8035,7 +8304,7 @@ packages:
         optional: true
     dependencies:
       lilconfig: 3.0.0
-      postcss: 8.4.21
+      postcss: 8.4.35
       yaml: 2.3.4
     dev: true
 
@@ -8050,6 +8319,17 @@ packages:
       stylehacks: 6.0.0(postcss@8.4.21)
     dev: true
 
+  /postcss-merge-longhand@6.0.4(postcss@8.4.35):
+    resolution: {integrity: sha512-vAfWGcxUUGlFiPM3nDMZA+/Yo9sbpc3JNkcYZez8FfJDv41Dh7tAgA3QGVTocaHCZZL6aXPXPOaBMJsjujodsA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+      stylehacks: 6.1.0(postcss@8.4.35)
+    dev: true
+
   /postcss-merge-rules@6.0.1(postcss@8.4.21):
     resolution: {integrity: sha512-a4tlmJIQo9SCjcfiCcCMg/ZCEe0XTkl/xK0XHBs955GWg9xDX3NwP9pwZ78QUOWB8/0XCjZeJn98Dae0zg6AAw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8063,6 +8343,19 @@ packages:
       postcss-selector-parser: 6.0.13
     dev: true
 
+  /postcss-merge-rules@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-lER+W3Gr6XOvxOYk1Vi/6UsAgKMg6MDBthmvbNqi2XxAk/r9XfhdYZSigfWjuWWn3zYw2wLelvtM8XuAEFqRkA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      browserslist: 4.23.0
+      caniuse-api: 3.0.0
+      cssnano-utils: 4.0.2(postcss@8.4.35)
+      postcss: 8.4.35
+      postcss-selector-parser: 6.0.16
+    dev: true
+
   /postcss-minify-font-values@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-zNRAVtyh5E8ndZEYXA4WS8ZYsAp798HiIQ1V2UF/C/munLp2r1UGHwf1+6JFu7hdEhJFN+W1WJQKBrtjhFgEnA==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8073,6 +8366,16 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /postcss-minify-font-values@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-SmAeTA1We5rMnN3F8X9YBNo9bj9xB4KyDHnaNJnBfQIPi+60fNiR9OTRnIaMqkYzAQX0vObIw4Pn0vuKEOettg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-minify-gradients@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-wO0F6YfVAR+K1xVxF53ueZJza3L+R3E6cp0VwuXJQejnNUH0DjcAFe3JEBeTY1dLwGa0NlDWueCA1VlEfiKgAA==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8085,6 +8388,18 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /postcss-minify-gradients@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-4KXAHrYlzF0Rr7uc4VrfwDJ2ajrtNEpNEuLxFgwkhFZ56/7gaE4Nr49nLsQDZyUe+ds+kEhf+YAUolJiYXF8+Q==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      colord: 2.9.3
+      cssnano-utils: 4.0.2(postcss@8.4.35)
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-minify-params@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-Fz/wMQDveiS0n5JPcvsMeyNXOIMrwF88n7196puSuQSWSa+/Ofc1gDOSY2xi8+A4PqB5dlYCKk/WfqKqsI+ReQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8097,6 +8412,18 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /postcss-minify-params@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-bmSKnDtyyE8ujHQK0RQJDIKhQ20Jq1LYiez54WiaOoBtcSuflfK3Nm596LvbtlFcpipMjgClQGyGr7GAs+H1uA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      browserslist: 4.23.0
+      cssnano-utils: 4.0.2(postcss@8.4.35)
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-minify-selectors@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-ec/q9JNCOC2CRDNnypipGfOhbYPuUkewGwLnbv6omue/PSASbHSU7s6uSQ0tcFRVv731oMIx8k0SP4ZX6be/0g==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8107,6 +8434,16 @@ packages:
       postcss-selector-parser: 6.0.13
     dev: true
 
+  /postcss-minify-selectors@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-IcV7ZQJcaXyhx4UBpWZMsinGs2NmiUC60rJSkyvjPCPqhNjVGsrJUM+QhAtCaikZ0w0/AbZuH4wVvF/YMuMhvA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-selector-parser: 6.0.16
+    dev: true
+
   /postcss-nested@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==}
     engines: {node: '>=12.0'}
@@ -8117,6 +8454,16 @@ packages:
       postcss-selector-parser: 6.0.13
     dev: true
 
+  /postcss-nested@6.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.2.14
+    dependencies:
+      postcss: 8.4.35
+      postcss-selector-parser: 6.0.13
+    dev: true
+
   /postcss-normalize-charset@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-cqundwChbu8yO/gSWkuFDmKrCZ2vJzDAocheT2JTd0sFNA4HMGoKMfbk2B+J0OmO0t5GUkiAkSM5yF2rSLUjgQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8126,16 +8473,35 @@ packages:
       postcss: 8.4.21
     dev: true
 
-  /postcss-normalize-display-values@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==}
+  /postcss-normalize-charset@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-a8N9czmdnrjPHa3DeFlwqst5eaL5W8jYu3EBbTTkI5FHkfMhFZh1EGbku6jhHhIzTA6tquI2P42NtZ59M/H/kQ==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
-      postcss: ^8.2.15
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+    dev: true
+
+  /postcss-normalize-display-values@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
     dev: true
 
+  /postcss-normalize-display-values@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-8H04Mxsb82ON/aAkPeq8kcBbAtI5Q2a64X/mnRRfPXBq7XeogoQvReqxEfc0B4WPq1KimjezNC8flUtC3Qz6jg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-normalize-positions@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-mPCzhSV8+30FZyWhxi6UoVRYd3ZBJgTRly4hOkaSifo0H+pjDYcii/aVT4YE6QpOil15a5uiv6ftnY3rm0igPg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8146,6 +8512,16 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /postcss-normalize-positions@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-/JFzI441OAB9O7VnLA+RtSNZvQ0NCFZDOtp6QPFo1iIyawyXg0YI3CYM9HBy1WvwCRHnPep/BvI1+dGPKoXx/Q==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-normalize-repeat-style@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-50W5JWEBiOOAez2AKBh4kRFm2uhrT3O1Uwdxz7k24aKtbD83vqmcVG7zoIwo6xI2FZ/HDlbrCopXhLeTpQib1A==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8156,6 +8532,16 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /postcss-normalize-repeat-style@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-YdCgsfHkJ2jEXwR4RR3Tm/iOxSfdRt7jplS6XRh9Js9PyCR/aka/FCb6TuHT2U8gQubbm/mPmF6L7FY9d79VwQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-normalize-string@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-KWkIB7TrPOiqb8ZZz6homet2KWKJwIlysF5ICPZrXAylGe2hzX/HSf4NTX2rRPJMAtlRsj/yfkrWGavFuB+c0w==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8166,6 +8552,16 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /postcss-normalize-string@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-vQZIivlxlfqqMp4L9PZsFE4YUkWniziKjQWUtsxUiVsSSPelQydwS8Wwcuw0+83ZjPWNTl02oxlIvXsmmG+CiQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-normalize-timing-functions@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-tpIXWciXBp5CiFs8sem90IWlw76FV4oi6QEWfQwyeREVwUy39VSeSqjAT7X0Qw650yAimYW5gkl2Gd871N5SQg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8176,6 +8572,16 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /postcss-normalize-timing-functions@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-a+YrtMox4TBtId/AEwbA03VcJgtyW4dGBizPl7e88cTFULYsprgHWTbfyjSLyHeBcK/Q9JhXkt2ZXiwaVHoMzA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-normalize-unicode@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-ui5crYkb5ubEUDugDc786L/Me+DXp2dLg3fVJbqyAl0VPkAeALyAijF2zOsnZyaS1HyfPuMH0DwyY18VMFVNkg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8187,6 +8593,17 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /postcss-normalize-unicode@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-QVC5TQHsVj33otj8/JD869Ndr5Xcc/+fwRh4HAsFsAeygQQXm+0PySrKbr/8tkDKzW+EVT3QkqZMfFrGiossDg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      browserslist: 4.23.0
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-normalize-url@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-98mvh2QzIPbb02YDIrYvAg4OUzGH7s1ZgHlD3fIdTHLgPLRpv1ZTKJDnSAKr4Rt21ZQFzwhGMXxpXlfrUBKFHw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8197,6 +8614,16 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /postcss-normalize-url@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-kVNcWhCeKAzZ8B4pv/DnrU1wNh458zBNp8dh4y5hhxih5RZQ12QWMuQrDgPRw3LRl8mN9vOVfHl7uhvHYMoXsQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-normalize-whitespace@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-7cfE1AyLiK0+ZBG6FmLziJzqQCpTQY+8XjMhMAz8WSBSCsCNNUKujgIgjCAmDT3cJ+3zjTXFkoD15ZPsckArVw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8207,6 +8634,16 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /postcss-normalize-whitespace@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-sXZ2Nj1icbJOKmdjXVT9pnyHQKiSAyuNQHSgRCUgThn2388Y9cGVDR+E9J9iAYbSbLHI+UUwLVl1Wzco/zgv0Q==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-ordered-values@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-K36XzUDpvfG/nWkjs6d1hRBydeIxGpKS2+n+ywlKPzx1nMYDYpoGbcjhj5AwVYJK1qV2/SDoDEnHzlPD6s3nMg==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8218,6 +8655,17 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /postcss-ordered-values@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-VRZSOB+JU32RsEAQrO94QPkClGPKJEL/Z9PCBImXMhIeK5KAYo6slP/hBYlLgrCjFxyqvn5VC81tycFEDBLG1Q==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      cssnano-utils: 4.0.2(postcss@8.4.35)
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-reduce-initial@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-s2UOnidpVuXu6JiiI5U+fV2jamAw5YNA9Fdi/GRK0zLDLCfXmSGqQtzpUPtfN66RtCbb9fFHoyZdQaxOB3WxVA==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8229,6 +8677,17 @@ packages:
       postcss: 8.4.21
     dev: true
 
+  /postcss-reduce-initial@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-RarLgBK/CrL1qZags04oKbVbrrVK2wcxhvta3GCxrZO4zveibqbRPmm2VI8sSgCXwoUHEliRSbOfpR0b/VIoiw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      browserslist: 4.23.0
+      caniuse-api: 3.0.0
+      postcss: 8.4.35
+    dev: true
+
   /postcss-reduce-transforms@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-FQ9f6xM1homnuy1wLe9lP1wujzxnwt1EwiigtWwuyf8FsqqXUDUp2Ulxf9A5yjlUOTdCJO6lonYjg1mgqIIi2w==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8239,6 +8698,16 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /postcss-reduce-transforms@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-sB+Ya++3Xj1WaT9+5LOOdirAxP7dJZms3GRcYheSPi1PiTMigsxHAdkrbItHxwYHr4kt1zL7mmcHstgMYT+aiA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-rename@0.6.1(postcss@8.4.21):
     resolution: {integrity: sha512-bsj9TMuPnh8pqF/FMX6BB3aZMjTxRdGP0qJHOg4yC2S1DCAomtAVuQaTJC16QTkH5fnrYMP/yYjuXZAibP3QnQ==}
     engines: {node: '>=8.3.0'}
@@ -8249,6 +8718,16 @@ packages:
       postcss-selector-parser: 6.0.13
     dev: true
 
+  /postcss-rename@0.6.1(postcss@8.4.35):
+    resolution: {integrity: sha512-bsj9TMuPnh8pqF/FMX6BB3aZMjTxRdGP0qJHOg4yC2S1DCAomtAVuQaTJC16QTkH5fnrYMP/yYjuXZAibP3QnQ==}
+    engines: {node: '>=8.3.0'}
+    peerDependencies:
+      postcss: ^8.2.6
+    dependencies:
+      postcss: 8.4.35
+      postcss-selector-parser: 6.0.13
+    dev: true
+
   /postcss-reporter@7.0.5(postcss@8.4.21):
     resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==}
     engines: {node: '>=10'}
@@ -8260,22 +8739,33 @@ packages:
       thenby: 1.3.4
     dev: true
 
-  /postcss-safe-parser@6.0.0(postcss@8.4.31):
+  /postcss-reporter@7.0.5(postcss@8.4.35):
+    resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      postcss: ^8.1.0
+    dependencies:
+      picocolors: 1.0.0
+      postcss: 8.4.35
+      thenby: 1.3.4
+    dev: true
+
+  /postcss-safe-parser@6.0.0(postcss@8.4.35):
     resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.3.3
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.35
     dev: true
 
-  /postcss-scss@4.0.9(postcss@8.4.31):
+  /postcss-scss@4.0.9(postcss@8.4.35):
     resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.4.29
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.35
     dev: true
 
   /postcss-selector-parser@6.0.13:
@@ -8286,6 +8776,14 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
+  /postcss-selector-parser@6.0.16:
+    resolution: {integrity: sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==}
+    engines: {node: '>=4'}
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+    dev: true
+
   /postcss-svgo@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-r9zvj/wGAoAIodn84dR/kFqwhINp5YsJkLoujybWG59grR/IHx+uQ2Zo+IcOwM0jskfYX3R0mo+1Kip1VSNcvw==}
     engines: {node: ^14 || ^16 || >= 18}
@@ -8297,6 +8795,17 @@ packages:
       svgo: 3.0.2
     dev: true
 
+  /postcss-svgo@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-dlrahRmxP22bX6iKEjOM+c8/1p+81asjKT+V5lrgOH944ryx/OHpclnIbGsKVd3uWOXFLYJwCVf0eEkJGvO96g==}
+    engines: {node: ^14 || ^16 || >= 18}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+      svgo: 3.2.0
+    dev: true
+
   /postcss-unique-selectors@6.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-EPQzpZNxOxP7777t73RQpZE5e9TrnCrkvp7AH7a0l89JmZiPnS82y216JowHXwpBCQitfyxrof9TK3rYbi7/Yw==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -8307,6 +8816,16 @@ packages:
       postcss-selector-parser: 6.0.13
     dev: true
 
+  /postcss-unique-selectors@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-NFXbYr8qdmCr/AFceaEfdcsKGCvWTeGO6QVC9h2GvtWgj0/0dklKQcaMMVzs6tr8bY+ase8hOtHW8OBTTRvS8A==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-selector-parser: 6.0.16
+    dev: true
+
   /postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
     dev: true
@@ -8320,14 +8839,6 @@ packages:
       source-map-js: 1.0.2
     dev: true
 
-  /postcss@8.4.31:
-    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
-    engines: {node: ^10 || ^12 || >=14}
-    dependencies:
-      nanoid: 3.3.7
-      picocolors: 1.0.0
-      source-map-js: 1.0.2
-
   /postcss@8.4.35:
     resolution: {integrity: sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==}
     engines: {node: ^10 || ^12 || >=14}
@@ -8378,23 +8889,23 @@ packages:
       fast-diff: 1.3.0
     dev: true
 
-  /prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.2.12):
-    resolution: {integrity: sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==}
+  /prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@4.2.12):
+    resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==}
     peerDependencies:
-      prettier: ^1.16.4 || ^2.0.0
+      prettier: ^3.0.0
       svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
-      prettier: 2.8.8
+      prettier: 3.0.3
       svelte: 4.2.12
     dev: true
 
-  /prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@4.2.12):
-    resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==}
+  /prettier-plugin-svelte@3.2.2(prettier@3.2.5)(svelte@4.2.12):
+    resolution: {integrity: sha512-ZzzE/wMuf48/1+Lf2Ffko0uDa6pyCfgHV6+uAhtg2U0AAXGrhCSW88vEJNAkAxW5qyrFY1y1zZ4J8TgHrjW++Q==}
     peerDependencies:
       prettier: ^3.0.0
-      svelte: ^3.2.0 || ^4.0.0-next.0
+      svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0
     dependencies:
-      prettier: 3.0.3
+      prettier: 3.2.5
       svelte: 4.2.12
     dev: true
 
@@ -8410,6 +8921,12 @@ packages:
     hasBin: true
     dev: true
 
+  /prettier@3.2.5:
+    resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
+
   /pretty-bytes@5.6.0:
     resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
     engines: {node: '>=6'}
@@ -8851,7 +9368,6 @@ packages:
     hasBin: true
     dependencies:
       glob: 7.2.3
-    dev: true
 
   /rimraf@3.0.2:
     resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
@@ -8953,7 +9469,6 @@ packages:
       graceful-fs: 4.2.11
       mkdirp: 0.5.6
       rimraf: 2.7.1
-    dev: true
 
   /sax@1.3.0:
     resolution: {integrity: sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==}
@@ -8994,7 +9509,6 @@ packages:
     hasBin: true
     dependencies:
       lru-cache: 6.0.0
-    dev: true
 
   /serialize-javascript@6.0.1:
     resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==}
@@ -9054,7 +9568,7 @@ packages:
       detect-libc: 2.0.2
       node-addon-api: 6.1.0
       prebuild-install: 7.1.1
-      semver: 7.5.4
+      semver: 7.6.0
       simple-get: 4.0.1
       tar-fs: 3.0.4
       tunnel-agent: 0.6.0
@@ -9164,11 +9678,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /slash@4.0.0:
-    resolution: {integrity: sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==}
-    engines: {node: '>=12'}
-    dev: true
-
   /slash@5.1.0:
     resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
     engines: {node: '>=14.16'}
@@ -9217,7 +9726,6 @@ packages:
       buffer-crc32: 0.2.13
       minimist: 1.2.8
       sander: 0.5.1
-    dev: true
 
   /source-map-js@1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
@@ -9470,7 +9978,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       min-indent: 1.0.1
-    dev: true
 
   /strip-json-comments@2.0.1:
     resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
@@ -9495,6 +10002,17 @@ packages:
       postcss-selector-parser: 6.0.13
     dev: true
 
+  /stylehacks@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-ETErsPFgwlfYZ/CSjMO2Ddf+TsnkCVPBPaoB99Ro8WMAxf7cglzmFsRBhRmKObFjibtcvlNxFFPHuyr3sNlNUQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      browserslist: 4.23.0
+      postcss: 8.4.35
+      postcss-selector-parser: 6.0.16
+    dev: true
+
   /supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
@@ -9518,7 +10036,7 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  /svelte-check@3.6.6(postcss@8.4.21)(svelte@4.2.12):
+  /svelte-check@3.6.6(postcss@8.4.35)(svelte@4.2.12):
     resolution: {integrity: sha512-b9q9rOHOMYF3U8XllK7LmXTq1LeWQ98waGfEJzrFutViadkNl1tgdEtxIQ8yuPx+VQ4l7YrknYol+0lfZocaZw==}
     hasBin: true
     peerDependencies:
@@ -9531,8 +10049,8 @@ packages:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 4.2.12
-      svelte-preprocess: 5.1.3(postcss@8.4.21)(svelte@4.2.12)(typescript@5.2.2)
-      typescript: 5.2.2
+      svelte-preprocess: 5.1.3(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2)
+      typescript: 5.4.2
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -9545,8 +10063,8 @@ packages:
       - sugarss
     dev: true
 
-  /svelte-check@3.6.6(postcss@8.4.31)(svelte@4.2.12):
-    resolution: {integrity: sha512-b9q9rOHOMYF3U8XllK7LmXTq1LeWQ98waGfEJzrFutViadkNl1tgdEtxIQ8yuPx+VQ4l7YrknYol+0lfZocaZw==}
+  /svelte-check@3.6.7(postcss@8.4.35)(svelte@4.2.12):
+    resolution: {integrity: sha512-tKEjemK9FYCySAseCaIt+ps5o0XRvLC7ECjyJXXtO7vOQhR9E6JavgoUbGP1PCulD2OTcB/fi9RjV3nyF1AROw==}
     hasBin: true
     peerDependencies:
       svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
@@ -9558,8 +10076,8 @@ packages:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 4.2.12
-      svelte-preprocess: 5.1.3(postcss@8.4.31)(svelte@4.2.12)(typescript@5.2.2)
-      typescript: 5.2.2
+      svelte-preprocess: 5.1.3(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2)
+      typescript: 5.4.2
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -9572,40 +10090,6 @@ packages:
       - sugarss
     dev: true
 
-  /svelte-eslint-parser@0.31.0(svelte@4.2.12):
-    resolution: {integrity: sha512-/31RpBf/e3YjoFphjsyo3JRyN1r4UalGAGafXrZ6EJK4h4COOO0rbfBoen5byGsXnIJKsrlC1lkEd2Vzpq2IDg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      svelte: ^3.37.0 || ^4.0.0-0
-    peerDependenciesMeta:
-      svelte:
-        optional: true
-    dependencies:
-      eslint-scope: 7.2.2
-      eslint-visitor-keys: 3.4.3
-      espree: 9.6.1
-      postcss: 8.4.31
-      postcss-scss: 4.0.9(postcss@8.4.31)
-      svelte: 4.2.12
-    dev: true
-
-  /svelte-eslint-parser@0.32.2(svelte@4.2.12):
-    resolution: {integrity: sha512-Ok9D3A4b23iLQsONrjqtXtYDu5ZZ/826Blaw2LeFZVTg1pwofKDG4mz3/GYTax8fQ0plRGHI6j+d9VQYy5Lo/A==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      svelte: ^3.37.0 || ^4.0.0
-    peerDependenciesMeta:
-      svelte:
-        optional: true
-    dependencies:
-      eslint-scope: 7.2.2
-      eslint-visitor-keys: 3.4.3
-      espree: 9.6.1
-      postcss: 8.4.31
-      postcss-scss: 4.0.9(postcss@8.4.31)
-      svelte: 4.2.12
-    dev: true
-
   /svelte-eslint-parser@0.33.1(svelte@4.2.12):
     resolution: {integrity: sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -9618,8 +10102,8 @@ packages:
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
-      postcss: 8.4.31
-      postcss-scss: 4.0.9(postcss@8.4.31)
+      postcss: 8.4.35
+      postcss-scss: 4.0.9(postcss@8.4.35)
       svelte: 4.2.12
     dev: true
 
@@ -9640,55 +10124,7 @@ packages:
     dependencies:
       svelte: 4.2.12
 
-  /svelte-preprocess@5.1.3(postcss@8.4.21)(svelte@4.2.12)(typescript@5.2.2):
-    resolution: {integrity: sha512-xxAkmxGHT+J/GourS5mVJeOXZzne1FR5ljeOUAMXUkfEhkLEllRreXpbl3dIYJlcJRfL1LO1uIAPpBpBfiqGPw==}
-    engines: {node: '>= 16.0.0', pnpm: ^8.0.0}
-    requiresBuild: true
-    peerDependencies:
-      '@babel/core': ^7.10.2
-      coffeescript: ^2.5.1
-      less: ^3.11.3 || ^4.0.0
-      postcss: ^7 || ^8
-      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
-      pug: ^3.0.0
-      sass: ^1.26.8
-      stylus: ^0.55.0
-      sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
-      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
-      typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
-    peerDependenciesMeta:
-      '@babel/core':
-        optional: true
-      coffeescript:
-        optional: true
-      less:
-        optional: true
-      postcss:
-        optional: true
-      postcss-load-config:
-        optional: true
-      pug:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      typescript:
-        optional: true
-    dependencies:
-      '@types/pug': 2.0.10
-      detect-indent: 6.1.0
-      magic-string: 0.30.8
-      postcss: 8.4.21
-      sorcery: 0.11.0
-      strip-indent: 3.0.0
-      svelte: 4.2.12
-      typescript: 5.2.2
-    dev: true
-
-  /svelte-preprocess@5.1.3(postcss@8.4.31)(svelte@4.2.12)(typescript@5.2.2):
+  /svelte-preprocess@5.1.3(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2):
     resolution: {integrity: sha512-xxAkmxGHT+J/GourS5mVJeOXZzne1FR5ljeOUAMXUkfEhkLEllRreXpbl3dIYJlcJRfL1LO1uIAPpBpBfiqGPw==}
     engines: {node: '>= 16.0.0', pnpm: ^8.0.0}
     requiresBuild: true
@@ -9729,14 +10165,13 @@ packages:
       '@types/pug': 2.0.10
       detect-indent: 6.1.0
       magic-string: 0.30.8
-      postcss: 8.4.31
+      postcss: 8.4.35
       sorcery: 0.11.0
       strip-indent: 3.0.0
       svelte: 4.2.12
-      typescript: 5.2.2
-    dev: true
+      typescript: 5.4.2
 
-  /svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.2.2):
+  /svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.4.2):
     resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==}
     peerDependencies:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
@@ -9745,10 +10180,10 @@ packages:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
       svelte: 4.2.1
-      typescript: 5.2.2
+      typescript: 5.4.2
     dev: false
 
-  /svelte2tsx@0.7.3(svelte@4.2.12)(typescript@5.1.3):
+  /svelte2tsx@0.7.3(svelte@4.2.12)(typescript@5.4.2):
     resolution: {integrity: sha512-yrjJFvqp32Ag4Oke+T1xXZLqMNrS0gjzAM//+L6+7OhXWMDuMs0fkyb9ymixK9keVOLJ1GbeEVfg59c3E2IN+w==}
     peerDependencies:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
@@ -9757,7 +10192,7 @@ packages:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
       svelte: 4.2.12
-      typescript: 5.1.3
+      typescript: 5.4.2
     dev: true
 
   /svelte@4.2.1:
@@ -9811,6 +10246,20 @@ packages:
       picocolors: 1.0.0
     dev: true
 
+  /svgo@3.2.0:
+    resolution: {integrity: sha512-4PP6CMW/V7l/GmKRKzsLR8xxjdHTV4IMvhTnpuHwwBazSIlw5W/5SmPjN8Dwyt7lKbSJrRDgp4t9ph0HgChFBQ==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+    dependencies:
+      '@trysound/sax': 0.2.0
+      commander: 7.2.0
+      css-select: 5.1.0
+      css-tree: 2.3.1
+      css-what: 6.1.0
+      csso: 5.0.5
+      picocolors: 1.0.0
+    dev: true
+
   /tar-fs@2.1.1:
     resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
     requiresBuild: true
@@ -9971,6 +10420,15 @@ packages:
       typescript: 5.2.2
     dev: true
 
+  /ts-api-utils@1.0.3(typescript@5.4.2):
+    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
+    engines: {node: '>=16.13.0'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+    dependencies:
+      typescript: 5.4.2
+    dev: true
+
   /tsconfig-resolver@3.0.1:
     resolution: {integrity: sha512-ZHqlstlQF449v8glscGRXzL6l2dZvASPCdXJRWG4gHEZlUVx2Jtmr+a2zeVG4LCsKhDXKRj5R3h0C/98UcVAQg==}
     dependencies:
@@ -9982,27 +10440,9 @@ packages:
       type-fest: 0.13.1
     dev: false
 
-  /tslib@1.14.1:
-    resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
-    dev: true
-
-  /tslib@2.5.3:
-    resolution: {integrity: sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==}
-    dev: true
-
   /tslib@2.6.2:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
 
-  /tsutils@3.21.0(typescript@5.1.3):
-    resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
-    engines: {node: '>= 6'}
-    peerDependencies:
-      typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
-    dependencies:
-      tslib: 1.14.1
-      typescript: 5.1.3
-    dev: true
-
   /tty-table@4.2.2:
     resolution: {integrity: sha512-2gvCArMZLxgvpZ2NvQKdnYWIFLe7I/z5JClMuhrDXunmKgSZcQKcZRjN9XjAFiToMz2pUo1dEIXyrm0AwgV5Tw==}
     engines: {node: '>=8.0.0'}
@@ -10178,6 +10618,11 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  /typescript@5.4.2:
+    resolution: {integrity: sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
   /ultrahtml@1.5.2:
     resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==}
     dev: false
@@ -10306,11 +10751,6 @@ packages:
     engines: {node: '>= 4.0.0'}
     dev: true
 
-  /universalify@2.0.0:
-    resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
-    engines: {node: '>= 10.0.0'}
-    dev: true
-
   /universalify@2.0.1:
     resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
@@ -10340,7 +10780,6 @@ packages:
       browserslist: 4.23.0
       escalade: 3.1.1
       picocolors: 1.0.0
-    dev: false
 
   /uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
@@ -10451,7 +10890,7 @@ packages:
     dependencies:
       '@types/node': 18.7.16
       esbuild: 0.18.20
-      postcss: 8.4.31
+      postcss: 8.4.35
       rollup: 3.29.4
     optionalDependencies:
       fsevents: 2.3.3
@@ -10490,6 +10929,42 @@ packages:
       rollup: 4.12.1
     optionalDependencies:
       fsevents: 2.3.3
+    dev: false
+
+  /vite@5.1.6:
+    resolution: {integrity: sha512-yYIAZs9nVfRJ/AiOLCA91zzhjsHUgMjB+EigzFb6W2XTLO8JixBCKCjvhKZaye+NKYHCrkv3Oh50dH9EdLU2RA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      esbuild: 0.19.12
+      postcss: 8.4.35
+      rollup: 4.12.1
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
 
   /vitefu@0.2.5(vite@4.5.0):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
@@ -10501,7 +10976,7 @@ packages:
     dependencies:
       vite: 4.5.0(@types/node@18.7.16)
 
-  /vitefu@0.2.5(vite@5.1.5):
+  /vitefu@0.2.5(vite@5.1.6):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
     peerDependencies:
       vite: ^3.0.0 || ^4.0.0 || ^5.0.0
@@ -10509,7 +10984,7 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: 5.1.5(@types/node@18.7.16)
+      vite: 5.1.6
     dev: true
 
   /vscode-oniguruma@1.7.0:
@@ -10702,11 +11177,6 @@ packages:
     engines: {node: '>= 6'}
     dev: true
 
-  /yaml@2.3.3:
-    resolution: {integrity: sha512-zw0VAJxgeZ6+++/su5AFoqBbZbrEakwu+X0M5HmcwUiBL7AzcuPKjj5we4xfQLp78LkEMpD0cOnUhmgOVy3KdQ==}
-    engines: {node: '>= 14'}
-    dev: true
-
   /yaml@2.3.4:
     resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==}
     engines: {node: '>= 14'}

From b1c30ee653600778ad17d7ecb41df1ee910abeb8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 14 Mar 2024 16:14:48 +0100
Subject: [PATCH 0664/1093] refactor(intersections): use passed node values for
 calculations

---
 .../react/src/examples/Intersection/index.tsx | 21 ++++++----
 packages/react/src/hooks/useReactFlow.ts      | 38 ++++++++++---------
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 30 +++++++--------
 packages/system/src/utils/graph.ts            |  2 +-
 4 files changed, 47 insertions(+), 44 deletions(-)

diff --git a/examples/react/src/examples/Intersection/index.tsx b/examples/react/src/examples/Intersection/index.tsx
index 006ddc770..2deb471e4 100644
--- a/examples/react/src/examples/Intersection/index.tsx
+++ b/examples/react/src/examples/Intersection/index.tsx
@@ -17,28 +17,34 @@ const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', n
 const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);
 
 const initialNodes: Node[] = [
+  {
+    id: '0',
+    data: { label: 'rectangle' },
+    position: { x: 0, y: 0 },
+    width: 100,
+    height: 100,
+    draggable: false,
+    style: {
+      opacity: 0.5,
+    },
+  },
   {
     id: '1',
     type: 'input',
     data: { label: 'Node 1' },
     position: { x: 0, y: 0 },
-    className: 'light',
-    style: {
-      width: 200,
-      height: 100,
-    },
+    width: 200,
+    height: 100,
   },
   {
     id: '2',
     data: { label: 'Node 2' },
     position: { x: 0, y: 150 },
-    className: 'light',
   },
   {
     id: '3',
     data: { label: 'Node 3' },
     position: { x: 250, y: 0 },
-    className: 'light',
   },
   {
     id: '4',
@@ -48,7 +54,6 @@ const initialNodes: Node[] = [
       width: 50,
       height: 50,
     },
-    className: 'light',
   },
 ];
 
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 5fd605fd2..d05135c98 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -1,5 +1,12 @@
 import { useCallback, useMemo, useRef, useState } from 'react';
-import { getElementsToRemove, getOverlappingArea, isRectObject, nodeToRect, type Rect } from '@xyflow/system';
+import {
+  getElementsToRemove,
+  getOverlappingArea,
+  isRectObject,
+  nodeHasDimensions,
+  nodeToRect,
+  type Rect,
+} from '@xyflow/system';
 
 import useViewportHelper from './useViewportHelper';
 import { useStoreApi } from './useStore';
@@ -216,32 +223,26 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
     []
   );
 
-  const getNodeRect = useCallback(
-    (nodeOrRect: NodeType | { id: Node['id'] } | Rect): [Rect | null, NodeType | null | undefined, boolean] => {
-      const isRect = isRectObject(nodeOrRect);
-      const node = isRect ? null : (store.getState().nodeLookup.get(nodeOrRect.id) as NodeType);
-
-      if (!isRect && !node) {
-        return [null, null, isRect];
-      }
+  const getNodeRect = useCallback((nodeOrRect: NodeType | { id: Node['id'] }): Rect | null => {
+    const node =
+      isNode(nodeOrRect) && nodeHasDimensions(nodeOrRect)
+        ? nodeOrRect
+        : (store.getState().nodeLookup.get(nodeOrRect.id) as NodeType);
 
-      const nodeRect = isRect ? nodeOrRect : nodeToRect(node!);
-
-      return [nodeRect, node, isRect];
-    },
-    []
-  );
+    return node ? nodeToRect(node) : null;
+  }, []);
 
   const getIntersectingNodes = useCallback<Instance.GetIntersectingNodes<NodeType>>(
     (nodeOrRect, partially = true, nodes) => {
-      const [nodeRect, node, isRect] = getNodeRect(nodeOrRect);
+      const isRect = isRectObject(nodeOrRect);
+      const nodeRect = isRect ? nodeOrRect : getNodeRect(nodeOrRect);
 
       if (!nodeRect) {
         return [];
       }
 
       return (nodes || store.getState().nodes).filter((n) => {
-        if (!isRect && (n.id === node!.id || !n.computed?.positionAbsolute)) {
+        if (!isRect && (n.id === nodeOrRect!.id || !n.computed?.positionAbsolute)) {
           return false;
         }
 
@@ -257,7 +258,8 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
 
   const isNodeIntersecting = useCallback<Instance.IsNodeIntersecting<NodeType>>(
     (nodeOrRect, area, partially = true) => {
-      const [nodeRect] = getNodeRect(nodeOrRect);
+      const isRect = isRectObject(nodeOrRect);
+      const nodeRect = isRect ? nodeOrRect : getNodeRect(nodeOrRect);
 
       if (!nodeRect) {
         return false;
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index c035a52a4..22d7de6f0 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -13,7 +13,8 @@ import {
   type Rect,
   getViewportForBounds,
   getElementsToRemove,
-  rendererPointToPoint
+  rendererPointToPoint,
+  nodeHasDimensions
 } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
@@ -242,19 +243,12 @@ export function useSvelteFlow(): {
     edgeLookup
   } = useStore();
 
-  const getNodeRect = (
-    nodeOrRect: Node | { id: Node['id'] } | Rect
-  ): [Rect | null, Node | null | undefined, boolean] => {
-    const isRect = isRectObject(nodeOrRect);
-    const node = isRect ? null : get(nodes).find((n) => n.id === nodeOrRect.id);
-
-    if (!isRect && !node) {
-      return [null, null, isRect];
-    }
-
-    const nodeRect = isRect ? nodeOrRect : nodeToRect(node!);
-
-    return [nodeRect, node, isRect];
+  const getNodeRect = (nodeOrRect: Node | { id: Node['id'] }): Rect | null => {
+    const node =
+      isNode(nodeOrRect) && nodeHasDimensions(nodeOrRect)
+        ? nodeOrRect
+        : get(nodeLookup).get(nodeOrRect.id);
+    return node ? nodeToRect(node) : null;
   };
 
   const updateNode = (
@@ -329,14 +323,15 @@ export function useSvelteFlow(): {
       partially = true,
       nodesToIntersect?: Node[]
     ) => {
-      const [nodeRect, node, isRect] = getNodeRect(nodeOrRect);
+      const isRect = isRectObject(nodeOrRect);
+      const nodeRect = isRect ? nodeOrRect : getNodeRect(nodeOrRect);
 
       if (!nodeRect) {
         return [];
       }
 
       return (nodesToIntersect || get(nodes)).filter((n) => {
-        if (!isRect && (n.id === node!.id || !n.computed?.positionAbsolute)) {
+        if (!isRect && (n.id === nodeOrRect.id || !n.computed?.positionAbsolute)) {
           return false;
         }
 
@@ -352,7 +347,8 @@ export function useSvelteFlow(): {
       area: Rect,
       partially = true
     ) => {
-      const [nodeRect] = getNodeRect(nodeOrRect);
+      const isRect = isRectObject(nodeOrRect);
+      const nodeRect = isRect ? nodeOrRect : getNodeRect(nodeOrRect);
 
       if (!nodeRect) {
         return false;
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 9f4342dc2..06bf7f624 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -45,7 +45,7 @@ export const isEdgeBase = <EdgeType extends EdgeBase = EdgeBase>(element: any):
  * @returns A boolean indicating whether the element is an Node
  */
 export const isNodeBase = <NodeType extends NodeBase = NodeBase>(element: any): element is NodeType =>
-  'id' in element && !('source' in element) && !('target' in element);
+  'id' in element && 'position' in element && !('source' in element) && !('target' in element);
 
 /**
  * Pass in a node, and get connected nodes where edge.source === node.id

From e0f7f0a01f27bfec282263ab016b26ce34b66d6f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 14 Mar 2024 16:18:53 +0100
Subject: [PATCH 0665/1093] chore(changelog): update

---
 packages/react/CHANGELOG.md              | 1 +
 packages/react/src/hooks/useReactFlow.ts | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 04efec3a1..1124d8175 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -6,6 +6,7 @@
 
 - fix useNodesData: handle invalid node id thanks @saswatax
 - fix forwardRef: use custom fixForwardRef function
+- refactor intersection helpers to use passed node value
 
 ## 12.0.0-next.11
 
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index d05135c98..5c10ad6a7 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -223,7 +223,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
     []
   );
 
-  const getNodeRect = useCallback((nodeOrRect: NodeType | { id: Node['id'] }): Rect | null => {
+  const getNodeRect = useCallback((nodeOrRect: NodeType | { id: NodeType['id'] }): Rect | null => {
     const node =
       isNode(nodeOrRect) && nodeHasDimensions(nodeOrRect)
         ? nodeOrRect

From 4a96118b820c2b7043b5303b4e5517613deba09a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 14 Mar 2024 16:26:59 +0100
Subject: [PATCH 0666/1093] chore(changelog): update

---
 packages/svelte/CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 469b397a3..5ea7f58e4 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -6,11 +6,11 @@
 
 - `on:nodedragstart`, `on:nodedrag` and `on:nodedragstop` are also getting fired if a selection bix is being dragged. We renamed the `node` param to `targetNode` and set it to `null` if a selection is being dragged.
 
-
 ## Patch changes
 
 - export `EdgeLabel` component
 - add "connectionindicator" class for `Handle` component
+- address a11y warnings
 
 ## 0.0.38
 

From 24a63391fc05fc54b00d56713f29469452b2ce7f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sat, 16 Mar 2024 12:22:07 +0100
Subject: [PATCH 0667/1093] chore(packages): bump

---
 packages/react/package.json         | 2 +-
 packages/react/src/utils/general.ts | 8 ++++----
 packages/svelte/package.json        | 2 +-
 packages/system/package.json        | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index 542a7071a..3a47cbb2c 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.11",
+  "version": "12.0.0-next.12",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/react/src/utils/general.ts b/packages/react/src/utils/general.ts
index c9e3ae177..e497dd996 100644
--- a/packages/react/src/utils/general.ts
+++ b/packages/react/src/utils/general.ts
@@ -1,7 +1,7 @@
+import { ReactNode, Ref, RefAttributes, forwardRef } from 'react';
 import { isNodeBase, isEdgeBase } from '@xyflow/system';
 
 import type { Edge, Node } from '../types';
-import React from 'react';
 
 /**
  * Test whether an object is useable as a Node
@@ -25,8 +25,8 @@ export const isEdge = <EdgeType extends Edge = Edge>(element: unknown): element
 
 // eslint-disable-next-line @typescript-eslint/ban-types
 export function fixedForwardRef<T, P = {}>(
-  render: (props: P, ref: React.Ref<T>) => React.ReactNode
-): (props: P & React.RefAttributes<T>) => React.ReactNode {
+  render: (props: P, ref: Ref<T>) => ReactNode
+): (props: P & RefAttributes<T>) => ReactNode {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return React.forwardRef(render) as any;
+  return forwardRef(render) as any;
 }
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 85e58150a..98f215696 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.38",
+  "version": "0.0.39",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index 42f571d22..42e479b28 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From e470e4e88f1b3d3f7cbdf033a60f255079cb202b Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 18 Mar 2024 12:12:10 +0100
Subject: [PATCH 0668/1093] React Flow: opening context menu now correctly
 resets keypresses

---
 packages/react/src/hooks/useKeyPress.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/react/src/hooks/useKeyPress.ts b/packages/react/src/hooks/useKeyPress.ts
index 9f738d06a..beca40001 100644
--- a/packages/react/src/hooks/useKeyPress.ts
+++ b/packages/react/src/hooks/useKeyPress.ts
@@ -109,11 +109,13 @@ export function useKeyPress(
       target?.addEventListener('keydown', downHandler as EventListenerOrEventListenerObject);
       target?.addEventListener('keyup', upHandler as EventListenerOrEventListenerObject);
       window.addEventListener('blur', resetHandler);
+      window.addEventListener('contextmenu', resetHandler);
 
       return () => {
         target?.removeEventListener('keydown', downHandler as EventListenerOrEventListenerObject);
         target?.removeEventListener('keyup', upHandler as EventListenerOrEventListenerObject);
         window.removeEventListener('blur', resetHandler);
+        window.removeEventListener('contextmenu', resetHandler);
       };
     }
   }, [keyCode, setKeyPressed]);

From 84ef65e95613c36ccbacb178f4b262963482987c Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 18 Mar 2024 12:18:23 +0100
Subject: [PATCH 0669/1093] Svelte Flow: bluring window and opening context
 menu now releases all pressed keys

---
 .../src/lib/components/KeyHandler/KeyHandler.svelte    | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index 4c4f138ea..11157e873 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -40,6 +40,14 @@
     return isKeyObject(key) ? key.key : key;
   }
 
+  function resetAll() {
+    selectionKeyPressed.set(false);
+    multiselectionKeyPressed.set(false);
+    deleteKeyPressed.set(false);
+    panActivationKeyPressed.set(false);
+    zoomActivationKeyPressed.set(false);
+  }
+
   $: selectionKeyDefinition = {
     key: getKeyString(selectionKey),
     modifier: getModifier(selectionKey)
@@ -67,6 +75,8 @@
 </script>
 
 <svelte:window
+  on:blur={resetAll}
+  on:contextmenu={resetAll}
   use:shortcut={{
     trigger: [
       {

From 35a4356d4ff20cefb79d03aa066c9065e011216a Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 18 Mar 2024 14:29:25 +0100
Subject: [PATCH 0670/1093] Svelte Flow: possible to add multiple keys

---
 .../components/KeyHandler/KeyHandler.svelte   | 171 +++++++-----------
 .../src/lib/components/KeyHandler/types.ts    |  10 +-
 .../src/lib/container/SvelteFlow/types.ts     |  10 +-
 3 files changed, 78 insertions(+), 113 deletions(-)

diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index 4c4f138ea..38a541584 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -1,5 +1,9 @@
 <script lang="ts">
-  import { shortcut, type ShortcutModifierDefinition } from '@svelte-put/shortcut';
+  import {
+    shortcut,
+    type ShortcutEventDetail,
+    type ShortcutModifierDefinition
+  } from '@svelte-put/shortcut';
   import { isInputDOMNode, isMacOs } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
@@ -40,140 +44,101 @@
     return isKeyObject(key) ? key.key : key;
   }
 
-  $: selectionKeyDefinition = {
-    key: getKeyString(selectionKey),
-    modifier: getModifier(selectionKey)
-  };
-
-  $: multiSelectionKeyDefinition = {
-    key: getKeyString(multiSelectionKey),
-    modifier: getModifier(multiSelectionKey)
-  };
-
-  $: deleteKeyDefinition = {
-    key: getKeyString(deleteKey),
-    modifier: getModifier(deleteKey)
-  };
-
-  $: panActivationKeyDefinition = {
-    key: getKeyString(panActivationKey),
-    modifier: getModifier(panActivationKey)
-  };
-
-  $: zoomActivationKeyDefinition = {
-    key: getKeyString(zoomActivationKey),
-    modifier: getModifier(zoomActivationKey)
-  };
+  function getShortcutDefinition(keyString: KeyDefinition | KeyDefinition[] | null | undefined) {
+    return Array.isArray(keyString)
+      ? keyString.map((key) => ({
+          key: getKeyString(key),
+          modifier: getModifier(key)
+        }))
+      : [
+          {
+            key: getKeyString(keyString),
+            modifier: getModifier(keyString)
+          }
+        ];
+  }
+
+  function getShortcutTrigger(
+    keyDefinition: KeyDefinitionObject[],
+    callback: (detail: ShortcutEventDetail) => void
+  ) {
+    return keyDefinition.map((definition) => ({
+      ...definition,
+      enabled: definition.key !== null,
+      callback
+    }));
+  }
+
+  $: selectionKeyDefinition = getShortcutDefinition(selectionKey);
+
+  $: multiSelectionKeyDefinition = getShortcutDefinition(multiSelectionKey);
+
+  $: deleteKeyDefinition = getShortcutDefinition(deleteKey);
+
+  $: panActivationKeyDefinition = getShortcutDefinition(panActivationKey);
+
+  $: zoomActivationKeyDefinition = getShortcutDefinition(zoomActivationKey);
 </script>
 
 <svelte:window
   use:shortcut={{
-    trigger: [
-      {
-        ...selectionKeyDefinition,
-        enabled: selectionKeyDefinition.key !== null,
-        callback: () => selectionKeyPressed.set(true)
-      }
-    ],
-
+    trigger: getShortcutTrigger(selectionKeyDefinition, () => selectionKeyPressed.set(true)),
     type: 'keydown'
   }}
   use:shortcut={{
-    trigger: [
-      {
-        ...selectionKeyDefinition,
-        enabled: selectionKeyDefinition.key !== null,
-        callback: () => selectionKeyPressed.set(false)
-      }
-    ],
+    trigger: getShortcutTrigger(selectionKeyDefinition, () => selectionKeyPressed.set(false)),
     type: 'keyup'
   }}
   use:shortcut={{
-    trigger: [
-      {
-        ...multiSelectionKeyDefinition,
-        enabled: multiSelectionKeyDefinition.key !== null,
-        callback: () => multiselectionKeyPressed.set(true)
-      }
-    ],
+    trigger: getShortcutTrigger(multiSelectionKeyDefinition, () =>
+      multiselectionKeyPressed.set(true)
+    ),
     type: 'keydown'
   }}
   use:shortcut={{
-    trigger: [
-      {
-        ...multiSelectionKeyDefinition,
-        enabled: multiSelectionKeyDefinition.key !== null,
-        callback: () => multiselectionKeyPressed.set(false)
-      }
-    ],
+    trigger: getShortcutTrigger(multiSelectionKeyDefinition, () =>
+      multiselectionKeyPressed.set(false)
+    ),
     type: 'keyup'
   }}
   use:shortcut={{
-    trigger: [
-      {
-        ...deleteKeyDefinition,
-        enabled: deleteKeyDefinition.key !== null,
-        callback: (detail) => {
-          const isModifierKey =
-            detail.originalEvent.ctrlKey ||
-            detail.originalEvent.metaKey ||
-            detail.originalEvent.shiftKey;
-          if (!isModifierKey && !isInputDOMNode(detail.originalEvent)) {
-            deleteKeyPressed.set(true);
-          }
-        }
+    trigger: getShortcutTrigger(deleteKeyDefinition, (detail) => {
+      const isModifierKey =
+        detail.originalEvent.ctrlKey ||
+        detail.originalEvent.metaKey ||
+        detail.originalEvent.shiftKey;
+      if (!isModifierKey && !isInputDOMNode(detail.originalEvent)) {
+        deleteKeyPressed.set(true);
       }
-    ],
+    }),
     type: 'keydown'
   }}
   use:shortcut={{
-    trigger: [
-      {
-        ...deleteKeyDefinition,
-        enabled: deleteKeyDefinition.key !== null,
-        callback: () => deleteKeyPressed.set(false)
-      }
-    ],
+    trigger: getShortcutTrigger(deleteKeyDefinition, () => deleteKeyPressed.set(false)),
     type: 'keyup'
   }}
   use:shortcut={{
-    trigger: [
-      {
-        ...panActivationKeyDefinition,
-        enabled: panActivationKeyDefinition.key !== null,
-        callback: () => panActivationKeyPressed.set(true)
-      }
-    ],
+    trigger: getShortcutTrigger(panActivationKeyDefinition, () =>
+      panActivationKeyPressed.set(true)
+    ),
     type: 'keydown'
   }}
   use:shortcut={{
-    trigger: [
-      {
-        ...panActivationKeyDefinition,
-        enabled: panActivationKeyDefinition.key !== null,
-        callback: () => panActivationKeyPressed.set(false)
-      }
-    ],
+    trigger: getShortcutTrigger(panActivationKeyDefinition, () =>
+      panActivationKeyPressed.set(false)
+    ),
     type: 'keyup'
   }}
   use:shortcut={{
-    trigger: [
-      {
-        ...zoomActivationKeyDefinition,
-        enabled: zoomActivationKeyDefinition.key !== null,
-        callback: () => zoomActivationKeyPressed.set(true)
-      }
-    ],
+    trigger: getShortcutTrigger(zoomActivationKeyDefinition, () =>
+      zoomActivationKeyPressed.set(true)
+    ),
     type: 'keydown'
   }}
   use:shortcut={{
-    trigger: [
-      {
-        ...zoomActivationKeyDefinition,
-        enabled: zoomActivationKeyDefinition.key !== null,
-        callback: () => zoomActivationKeyPressed.set(false)
-      }
-    ],
+    trigger: getShortcutTrigger(zoomActivationKeyDefinition, () =>
+      zoomActivationKeyPressed.set(false)
+    ),
     type: 'keyup'
   }}
 />
diff --git a/packages/svelte/src/lib/components/KeyHandler/types.ts b/packages/svelte/src/lib/components/KeyHandler/types.ts
index 9a6ebe866..0df03d76f 100644
--- a/packages/svelte/src/lib/components/KeyHandler/types.ts
+++ b/packages/svelte/src/lib/components/KeyHandler/types.ts
@@ -1,9 +1,9 @@
 import type { KeyDefinition } from '$lib/types';
 
 export type KeyHandlerProps = {
-  selectionKey?: KeyDefinition | null;
-  multiSelectionKey?: KeyDefinition | null;
-  deleteKey?: KeyDefinition | null;
-  panActivationKey?: KeyDefinition | null;
-  zoomActivationKey?: KeyDefinition | null;
+  selectionKey?: KeyDefinition | KeyDefinition[] | null;
+  multiSelectionKey?: KeyDefinition | KeyDefinition[] | null;
+  deleteKey?: KeyDefinition | KeyDefinition[] | null;
+  panActivationKey?: KeyDefinition | KeyDefinition[] | null;
+  zoomActivationKey?: KeyDefinition | KeyDefinition[] | null;
 };
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index ecda2319c..8295b27c9 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -86,27 +86,27 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   /** Pressing down this key you can select multiple elements with a selection box.
    * @default 'Shift'
    */
-  selectionKey?: KeyDefinition | null;
+  selectionKey?: KeyDefinition | KeyDefinition[] | null;
   /** If a key is set, you can pan the viewport while that key is held down even if panOnScroll is set to false.
    *
    * By setting this prop to null you can disable this functionality.
    * @default 'Space'
    */
-  panActivationKey?: KeyDefinition | null;
+  panActivationKey?: KeyDefinition | KeyDefinition[] | null;
   /** Pressing down this key deletes all selected nodes & edges.
    * @default 'Backspace'
    */
-  deleteKey?: KeyDefinition | null;
+  deleteKey?: KeyDefinition | KeyDefinition[] | null;
   /** Pressing down this key you can select multiple elements by clicking.
    * @default 'Meta' for macOS, "Ctrl" for other systems
    */
-  multiSelectionKey?: KeyDefinition | null;
+  multiSelectionKey?: KeyDefinition | KeyDefinition[] | null;
   /** If a key is set, you can zoom the viewport while that key is held down even if panOnScroll is set to false.
    *
    * By setting this prop to null you can disable this functionality.
    * @default 'Meta' for macOS, "Ctrl" for other systems
    * */
-  zoomActivationKey?: KeyDefinition | null;
+  zoomActivationKey?: KeyDefinition | KeyDefinition[] | null;
   /** If set, initial viewport will show all nodes & edges */
   fitView?: boolean;
   /** Options to be used in combination with fitView

From fe77b630e8a4efd0f2babf9b0febd2d11685da2e Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 19 Mar 2024 11:09:05 +0100
Subject: [PATCH 0671/1093] simplified KeyHandler

---
 .../components/KeyHandler/KeyHandler.svelte   | 73 ++++++-------------
 1 file changed, 21 insertions(+), 52 deletions(-)

diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index 38a541584..8f474b850 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -44,65 +44,42 @@
     return isKeyObject(key) ? key.key : key;
   }
 
-  function getShortcutDefinition(keyString: KeyDefinition | KeyDefinition[] | null | undefined) {
-    return Array.isArray(keyString)
-      ? keyString.map((key) => ({
-          key: getKeyString(key),
-          modifier: getModifier(key)
-        }))
-      : [
-          {
-            key: getKeyString(keyString),
-            modifier: getModifier(keyString)
-          }
-        ];
-  }
-
   function getShortcutTrigger(
-    keyDefinition: KeyDefinitionObject[],
+    key: KeyDefinition | KeyDefinition[] | null | undefined,
     callback: (detail: ShortcutEventDetail) => void
   ) {
-    return keyDefinition.map((definition) => ({
-      ...definition,
-      enabled: definition.key !== null,
-      callback
-    }));
+    const keys = Array.isArray(key) ? key : [key];
+    return keys.map((_key) => {
+      const keyString = getKeyString(_key);
+      return {
+        key: keyString,
+        modifier: getModifier(_key),
+        enabled: keyString !== null,
+        callback
+      };
+    });
   }
-
-  $: selectionKeyDefinition = getShortcutDefinition(selectionKey);
-
-  $: multiSelectionKeyDefinition = getShortcutDefinition(multiSelectionKey);
-
-  $: deleteKeyDefinition = getShortcutDefinition(deleteKey);
-
-  $: panActivationKeyDefinition = getShortcutDefinition(panActivationKey);
-
-  $: zoomActivationKeyDefinition = getShortcutDefinition(zoomActivationKey);
 </script>
 
 <svelte:window
   use:shortcut={{
-    trigger: getShortcutTrigger(selectionKeyDefinition, () => selectionKeyPressed.set(true)),
+    trigger: getShortcutTrigger(selectionKey, () => selectionKeyPressed.set(true)),
     type: 'keydown'
   }}
   use:shortcut={{
-    trigger: getShortcutTrigger(selectionKeyDefinition, () => selectionKeyPressed.set(false)),
+    trigger: getShortcutTrigger(selectionKey, () => selectionKeyPressed.set(false)),
     type: 'keyup'
   }}
   use:shortcut={{
-    trigger: getShortcutTrigger(multiSelectionKeyDefinition, () =>
-      multiselectionKeyPressed.set(true)
-    ),
+    trigger: getShortcutTrigger(multiSelectionKey, () => multiselectionKeyPressed.set(true)),
     type: 'keydown'
   }}
   use:shortcut={{
-    trigger: getShortcutTrigger(multiSelectionKeyDefinition, () =>
-      multiselectionKeyPressed.set(false)
-    ),
+    trigger: getShortcutTrigger(multiSelectionKey, () => multiselectionKeyPressed.set(false)),
     type: 'keyup'
   }}
   use:shortcut={{
-    trigger: getShortcutTrigger(deleteKeyDefinition, (detail) => {
+    trigger: getShortcutTrigger(deleteKey, (detail) => {
       const isModifierKey =
         detail.originalEvent.ctrlKey ||
         detail.originalEvent.metaKey ||
@@ -114,31 +91,23 @@
     type: 'keydown'
   }}
   use:shortcut={{
-    trigger: getShortcutTrigger(deleteKeyDefinition, () => deleteKeyPressed.set(false)),
+    trigger: getShortcutTrigger(deleteKey, () => deleteKeyPressed.set(false)),
     type: 'keyup'
   }}
   use:shortcut={{
-    trigger: getShortcutTrigger(panActivationKeyDefinition, () =>
-      panActivationKeyPressed.set(true)
-    ),
+    trigger: getShortcutTrigger(panActivationKey, () => panActivationKeyPressed.set(true)),
     type: 'keydown'
   }}
   use:shortcut={{
-    trigger: getShortcutTrigger(panActivationKeyDefinition, () =>
-      panActivationKeyPressed.set(false)
-    ),
+    trigger: getShortcutTrigger(panActivationKey, () => panActivationKeyPressed.set(false)),
     type: 'keyup'
   }}
   use:shortcut={{
-    trigger: getShortcutTrigger(zoomActivationKeyDefinition, () =>
-      zoomActivationKeyPressed.set(true)
-    ),
+    trigger: getShortcutTrigger(zoomActivationKey, () => zoomActivationKeyPressed.set(true)),
     type: 'keydown'
   }}
   use:shortcut={{
-    trigger: getShortcutTrigger(zoomActivationKeyDefinition, () =>
-      zoomActivationKeyPressed.set(false)
-    ),
+    trigger: getShortcutTrigger(zoomActivationKey, () => zoomActivationKeyPressed.set(false)),
     type: 'keyup'
   }}
 />

From 543b85cd10adaf4ce9a22aac0a4adf0f17c0c230 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 19 Mar 2024 12:07:09 +0100
Subject: [PATCH 0672/1093] fixed double tapping on touch devices circumvents
 zoomOnDoubleClick

---
 packages/system/src/xypanzoom/XYPanZoom.ts | 10 ++++++++++
 packages/system/src/xypanzoom/filter.ts    |  5 -----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/system/src/xypanzoom/XYPanZoom.ts b/packages/system/src/xypanzoom/XYPanZoom.ts
index 372e6134d..88ec5b595 100644
--- a/packages/system/src/xypanzoom/XYPanZoom.ts
+++ b/packages/system/src/xypanzoom/XYPanZoom.ts
@@ -69,6 +69,7 @@ export function XYPanZoom({
   );
 
   const d3ZoomHandler = d3Selection.on('wheel.zoom')!;
+  const d3DblClickZoomHandler = d3Selection.on('dblclick.zoom')!;
   d3ZoomInstance.wheelDelta(wheelDelta);
 
   function setTransform(transform: ZoomTransform, options?: PanZoomTransformOptions) {
@@ -165,6 +166,15 @@ export function XYPanZoom({
       lib,
     });
     d3ZoomInstance.filter(filter);
+
+    // We cannot add zoomOnDoubleClick to the filter above because
+    // if double tapping on touch screens circumvents the filter and
+    // dblclick.zoom is triggered on the selection directly
+    if (zoomOnDoubleClick) {
+      d3Selection.on('dblclick.zoom', d3DblClickZoomHandler);
+    } else {
+      d3Selection.on('dblclick.zoom', null);
+    }
   }
 
   function destroy() {
diff --git a/packages/system/src/xypanzoom/filter.ts b/packages/system/src/xypanzoom/filter.ts
index 3e2cec14f..4cde936b0 100644
--- a/packages/system/src/xypanzoom/filter.ts
+++ b/packages/system/src/xypanzoom/filter.ts
@@ -48,11 +48,6 @@ export function createFilter({
       return false;
     }
 
-    // if zoom on double click is disabled, we prevent the double click event
-    if (!zoomOnDoubleClick && event.type === 'dblclick') {
-      return false;
-    }
-
     // if the target element is inside an element with the nowheel class, we prevent zooming
     if (isWrappedWithClass(event, noWheelClassName) && event.type === 'wheel') {
       return false;

From 3acf2e7038662125de47605418694e28e939d28f Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 19 Mar 2024 12:09:26 +0100
Subject: [PATCH 0673/1093] type

---
 packages/system/src/xypanzoom/XYPanZoom.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/system/src/xypanzoom/XYPanZoom.ts b/packages/system/src/xypanzoom/XYPanZoom.ts
index 88ec5b595..a7e73a7cc 100644
--- a/packages/system/src/xypanzoom/XYPanZoom.ts
+++ b/packages/system/src/xypanzoom/XYPanZoom.ts
@@ -168,8 +168,8 @@ export function XYPanZoom({
     d3ZoomInstance.filter(filter);
 
     // We cannot add zoomOnDoubleClick to the filter above because
-    // if double tapping on touch screens circumvents the filter and
-    // dblclick.zoom is triggered on the selection directly
+    // double tapping on touch screens circumvents the filter and
+    // dblclick.zoom is fired on the selection directly
     if (zoomOnDoubleClick) {
       d3Selection.on('dblclick.zoom', d3DblClickZoomHandler);
     } else {

From 15f88a9f47484db0f46ce111fa36a73b38c4b639 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 19 Mar 2024 14:34:04 +0100
Subject: [PATCH 0674/1093] export isValidConnection in Svelte Flow

---
 packages/svelte/src/lib/index.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 04548aa92..771116c36 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -96,7 +96,8 @@ export {
   type OnResizeEnd,
   type ControlPosition,
   type ControlLinePosition,
-  type ResizeControlVariant
+  type ResizeControlVariant,
+  type IsValidConnection
 } from '@xyflow/system';
 
 // system utils

From 64da14a1473f2bb034e158e96c27ba268a1874d4 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Tue, 19 Mar 2024 22:18:15 +0100
Subject: [PATCH 0675/1093] chore(readme): use correct package name

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index df474f4fb..5462728e8 100644
--- a/README.md
+++ b/README.md
@@ -18,7 +18,7 @@ Powerful open source libraries for building node-based UIs with React or Svelte.
 
 The xyflow repository is the home of four packages:
 * React Flow 11 `reactflow` [v11 branch](https://github.com/xyflow/xyflow/tree/v11)
-* React Flow 12 (beta) `@xyflow/svelte` [packages/react](./packages/react)
+* React Flow 12 (beta) `@xyflow/react` [packages/react](./packages/react)
 * Svelte Flow `@xyflow/svelte` [packages/svelte](./packages/svelte)
 * Shared helper library `@xyflow/system` [packages/system](./packages/system)
 

From 56c8e8ec0798bb89dbda635b3af8521ea6511a25 Mon Sep 17 00:00:00 2001
From: Ikko Eltociear Ashimine <eltociear@gmail.com>
Date: Thu, 21 Mar 2024 03:49:10 +0900
Subject: [PATCH 0676/1093] chore(readme): update README

minor fix
---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 5462728e8..3f16bdabf 100644
--- a/README.md
+++ b/README.md
@@ -32,7 +32,7 @@ The xyflow repository is the home of four packages:
 
 ## Getting started
 
-The best way to get started is to check out the [React Flow](https://reactflow.dev/learn) or [Svelte Flow](https://svelteflow.dev/learn) learn section. However if you want to get a sneak peek of how to install the and use the libraries you can see it here: 
+The best way to get started is to check out the [React Flow](https://reactflow.dev/learn) or [Svelte Flow](https://svelteflow.dev/learn) learn section. However if you want to get a sneak peek of how to install and use the libraries you can see it here: 
 
 <details>
   <summary><strong>React Flow</strong> basic usage</summary>

From ed6f4313b1452a2f8dfcede11608070249d076cf Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 21 Mar 2024 14:30:33 +0100
Subject: [PATCH 0677/1093] feat(react): add devtools example

---
 examples/react/src/App/routes.ts              |  6 ++
 .../ReactFlowDevTools/NodeInspector.tsx       | 40 +++++++++++++
 .../DevTools/ReactFlowDevTools/index.tsx      | 22 +++++++
 .../react/src/examples/DevTools/index.tsx     | 59 +++++++++++++++++++
 4 files changed, 127 insertions(+)
 create mode 100644 examples/react/src/examples/DevTools/ReactFlowDevTools/NodeInspector.tsx
 create mode 100644 examples/react/src/examples/DevTools/ReactFlowDevTools/index.tsx
 create mode 100644 examples/react/src/examples/DevTools/index.tsx

diff --git a/examples/react/src/App/routes.ts b/examples/react/src/App/routes.ts
index 7cd3eb13d..1d68c858c 100644
--- a/examples/react/src/App/routes.ts
+++ b/examples/react/src/App/routes.ts
@@ -50,6 +50,7 @@ import UseNodesInitialized from '../examples/UseNodesInit';
 import UseNodesData from '../examples/UseNodesData';
 import UseHandleConnections from '../examples/UseHandleConnections';
 import AddNodeOnEdgeDrop from '../examples/AddNodeOnEdgeDrop';
+import DevTools from '../examples/DevTools';
 
 export interface IRoute {
   name: string;
@@ -113,6 +114,11 @@ const routes: IRoute[] = [
     path: 'default-nodes',
     component: DefaultNodes,
   },
+  {
+    name: 'DevTools',
+    path: 'devtools',
+    component: DevTools,
+  },
   {
     name: 'Drag Handle',
     path: 'draghandle',
diff --git a/examples/react/src/examples/DevTools/ReactFlowDevTools/NodeInspector.tsx b/examples/react/src/examples/DevTools/ReactFlowDevTools/NodeInspector.tsx
new file mode 100644
index 000000000..34ebc3613
--- /dev/null
+++ b/examples/react/src/examples/DevTools/ReactFlowDevTools/NodeInspector.tsx
@@ -0,0 +1,40 @@
+import { useNodes, ViewportPortal } from '@xyflow/react';
+
+type NodeInspectorProps = {
+  color: string;
+};
+
+export default function NodeInspector({ color = '#aaa' }: NodeInspectorProps) {
+  const nodes = useNodes();
+
+  return (
+    <ViewportPortal>
+      {nodes.map((node) => {
+        const x = node.computed?.positionAbsolute?.x || 0;
+        const y = node.computed?.positionAbsolute?.y || 0;
+        const height = node.computed?.height || 0;
+
+        return (
+          <div
+            key={node.id}
+            style={{
+              position: 'absolute',
+              fontSize: 10,
+              color: color,
+              pointerEvents: 'none',
+              zIndex: 9999,
+              transform: `translate(${x}px, ${y + height}px)`,
+            }}
+          >
+            <div>id: {node.id}</div>
+            <div>type: {node.type}</div>
+            <div>
+              position: {x.toFixed(1)}, {y.toFixed(1)}
+            </div>
+            <div>data: {JSON.stringify(node.data, null, 2)}</div>
+          </div>
+        );
+      })}
+    </ViewportPortal>
+  );
+}
diff --git a/examples/react/src/examples/DevTools/ReactFlowDevTools/index.tsx b/examples/react/src/examples/DevTools/ReactFlowDevTools/index.tsx
new file mode 100644
index 000000000..8c521aa09
--- /dev/null
+++ b/examples/react/src/examples/DevTools/ReactFlowDevTools/index.tsx
@@ -0,0 +1,22 @@
+import { useState } from 'react';
+import { Panel, PanelPosition } from '@xyflow/react';
+
+import NodeInspector from './NodeInspector';
+
+type ReactFlowDevToolsProps = {
+  position?: PanelPosition;
+  color?: string;
+};
+
+export default function ReactFlowDevTools({ color = '#aaa', position = 'top-left' }: ReactFlowDevToolsProps) {
+  const [isNodeInspectorActive, setIsNodeInspectorActive] = useState(false);
+
+  return (
+    <>
+      <Panel position={position}>
+        <button onClick={() => setIsNodeInspectorActive((a) => !a)}>node inspector</button>
+      </Panel>
+      {isNodeInspectorActive && <NodeInspector color={color} />}
+    </>
+  );
+}
diff --git a/examples/react/src/examples/DevTools/index.tsx b/examples/react/src/examples/DevTools/index.tsx
new file mode 100644
index 000000000..153b0897d
--- /dev/null
+++ b/examples/react/src/examples/DevTools/index.tsx
@@ -0,0 +1,59 @@
+import { useCallback } from 'react';
+import { ReactFlow, addEdge, Node, Connection, Edge, useNodesState, useEdgesState } from '@xyflow/react';
+import ReactFlowDevTools from './ReactFlowDevTools';
+
+const initNodes: Node[] = [
+  {
+    id: '1a',
+    type: 'input',
+    data: { label: 'Node 1' },
+    position: { x: 250, y: 5 },
+    className: 'light',
+    ariaLabel: 'Input Node 1',
+  },
+  {
+    id: '2a',
+    data: { label: 'Node 2' },
+    position: { x: 100, y: 100 },
+    className: 'light',
+    ariaLabel: 'Default Node 2',
+  },
+  {
+    id: '3a',
+    data: { label: 'Node 3' },
+    position: { x: 400, y: 100 },
+    className: 'light',
+  },
+  {
+    id: '4a',
+    data: { label: 'Node 4' },
+    position: { x: 400, y: 200 },
+    className: 'light',
+  },
+];
+
+const initEdges: Edge[] = [
+  { id: 'e1-2', source: '1a', target: '2a', ariaLabel: undefined },
+  { id: 'e1-3', source: '1a', target: '3a' },
+];
+
+const BasicFlow = () => {
+  const [nodes, setNodes, onNodesChange] = useNodesState(initNodes);
+  const [edges, setEdges, onEdgesChange] = useEdgesState(initEdges);
+
+  const onConnect = useCallback((params: Connection | Edge) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
+
+  return (
+    <ReactFlow
+      nodes={nodes}
+      edges={edges}
+      onNodesChange={onNodesChange}
+      onEdgesChange={onEdgesChange}
+      onConnect={onConnect}
+    >
+      <ReactFlowDevTools />
+    </ReactFlow>
+  );
+};
+
+export default BasicFlow;

From eedff63399c8914e7a4edd0cfa7c0dccc98126c5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sat, 23 Mar 2024 16:25:01 +0100
Subject: [PATCH 0678/1093] feat(devtools): add change logger

---
 .../ReactFlowDevTools/ChangeLogger.tsx        | 82 ++++++++++++++++++
 .../ReactFlowDevTools/NodeInspector.tsx       | 86 +++++++++++++------
 .../DevTools/ReactFlowDevTools/index.tsx      |  4 +
 3 files changed, 146 insertions(+), 26 deletions(-)
 create mode 100644 examples/react/src/examples/DevTools/ReactFlowDevTools/ChangeLogger.tsx

diff --git a/examples/react/src/examples/DevTools/ReactFlowDevTools/ChangeLogger.tsx b/examples/react/src/examples/DevTools/ReactFlowDevTools/ChangeLogger.tsx
new file mode 100644
index 000000000..7a137e337
--- /dev/null
+++ b/examples/react/src/examples/DevTools/ReactFlowDevTools/ChangeLogger.tsx
@@ -0,0 +1,82 @@
+import { useEffect, useRef, useState } from 'react';
+import { NodeChange, OnNodesChange, useStore, useStoreApi } from '@xyflow/react';
+
+type ChangeLoggerProps = {
+  color?: string;
+  limit?: number;
+};
+
+type ChangeInfoProps = {
+  change: NodeChange;
+};
+
+function ChangeInfo({ change, index }: ChangeInfoProps) {
+  const id = 'id' in change ? change.id : '-';
+  const { type } = change;
+
+  return (
+    <div style={{ marginBottom: 4 }}>
+      <div>node id: {id}</div>
+      <div>
+        {type === 'add' ? JSON.stringify(change.item, null, 2) : null}
+        {type === 'dimensions' ? `${change.dimensions?.width} × ${change.dimensions?.height}` : null}
+        {type === 'position' ? `position: ${change.position?.x.toFixed(1)}, ${change.position?.y.toFixed(1)}` : null}
+        {type === 'remove' ? 'remove' : null}
+        {type === 'replace' ? JSON.stringify(change.item, null, 2) : null}
+        {type === 'select' ? (change.selected ? 'select' : 'unselect') : null}
+      </div>
+    </div>
+  );
+}
+
+export default function ChangeLogger({ color = '#555', limit = 20 }: ChangeLoggerProps) {
+  const [changes, setChanges] = useState<NodeChange[]>([]);
+  const onNodesChangeIntercepted = useRef(false);
+  const onNodesChange = useStore((s) => s.onNodesChange);
+  const store = useStoreApi();
+
+  useEffect(() => {
+    if (!onNodesChange || onNodesChangeIntercepted.current) {
+      return;
+    }
+
+    onNodesChangeIntercepted.current = true;
+    const userOnNodesChange = onNodesChange;
+
+    const onNodesChangeLogger: OnNodesChange = (changes) => {
+      userOnNodesChange(changes);
+
+      requestAnimationFrame(() => {
+        setChanges((c) => {
+          changes.forEach((change) => {
+            if (c.length >= limit) {
+              c.pop();
+            }
+
+            c = [change, ...c];
+          });
+          return c;
+        });
+      });
+    };
+
+    store.setState({ onNodesChange: onNodesChangeLogger });
+  }, [onNodesChange]);
+
+  return (
+    <div
+      style={{ fontFamily: 'monospace', fontSize: 10, position: 'relative', top: 45, left: 15, width: '100%', color }}
+    >
+      <div style={{ margin: '5px 0' }}>
+        <strong>Change Logger</strong>
+      </div>
+      <div>
+        {changes.length === 0 ? (
+          <>no changes triggered</>
+        ) : (
+          changes.map((change, index) => <ChangeInfo key={index} change={change} />)
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/examples/react/src/examples/DevTools/ReactFlowDevTools/NodeInspector.tsx b/examples/react/src/examples/DevTools/ReactFlowDevTools/NodeInspector.tsx
index 34ebc3613..ae07029a4 100644
--- a/examples/react/src/examples/DevTools/ReactFlowDevTools/NodeInspector.tsx
+++ b/examples/react/src/examples/DevTools/ReactFlowDevTools/NodeInspector.tsx
@@ -1,40 +1,74 @@
 import { useNodes, ViewportPortal } from '@xyflow/react';
 
+type NodeInfoProps = {
+  id: string;
+  type: string;
+  x: number;
+  y: number;
+  width?: number;
+  height?: number;
+  data: any;
+};
+
+function NodeInfo({ id, type, x, y, width, height, data }: NodeInfoProps) {
+  if (!width || !height) {
+    return <div></div>;
+  }
+
+  return (
+    <div
+      style={{
+        position: 'absolute',
+        zIndex: 9999,
+        transform: `translate(${x}px, ${y + height}px)`,
+        padding: 5,
+        boxSizing: 'border-box',
+        width: width * 2,
+      }}
+    >
+      <div>id: {id}</div>
+      <div>type: {type}</div>
+      <div>
+        position: {x.toFixed(1)}, {y.toFixed(1)}
+      </div>
+      <div>
+        dimensions: {width} × {height}
+      </div>
+      <div>data: {JSON.stringify(data, null, 2)}</div>
+    </div>
+  );
+}
+
 type NodeInspectorProps = {
   color: string;
 };
 
-export default function NodeInspector({ color = '#aaa' }: NodeInspectorProps) {
+export default function NodeInspector({ color = '#555' }: NodeInspectorProps) {
   const nodes = useNodes();
 
   return (
     <ViewportPortal>
-      {nodes.map((node) => {
-        const x = node.computed?.positionAbsolute?.x || 0;
-        const y = node.computed?.positionAbsolute?.y || 0;
-        const height = node.computed?.height || 0;
+      <div style={{ color, fontSize: 10, fontFamily: 'monospace' }}>
+        {nodes.map((node) => {
+          const x = node.computed?.positionAbsolute?.x || 0;
+          const y = node.computed?.positionAbsolute?.y || 0;
+          const width = node.computed?.width || 0;
+          const height = node.computed?.height || 0;
 
-        return (
-          <div
-            key={node.id}
-            style={{
-              position: 'absolute',
-              fontSize: 10,
-              color: color,
-              pointerEvents: 'none',
-              zIndex: 9999,
-              transform: `translate(${x}px, ${y + height}px)`,
-            }}
-          >
-            <div>id: {node.id}</div>
-            <div>type: {node.type}</div>
-            <div>
-              position: {x.toFixed(1)}, {y.toFixed(1)}
-            </div>
-            <div>data: {JSON.stringify(node.data, null, 2)}</div>
-          </div>
-        );
-      })}
+          return (
+            <NodeInfo
+              key={node.id}
+              id={node.id}
+              type={node.type || 'default'}
+              x={x}
+              y={y}
+              width={width}
+              height={height}
+              data={node.data}
+            />
+          );
+        })}
+      </div>
     </ViewportPortal>
   );
 }
diff --git a/examples/react/src/examples/DevTools/ReactFlowDevTools/index.tsx b/examples/react/src/examples/DevTools/ReactFlowDevTools/index.tsx
index 8c521aa09..2b488b7c9 100644
--- a/examples/react/src/examples/DevTools/ReactFlowDevTools/index.tsx
+++ b/examples/react/src/examples/DevTools/ReactFlowDevTools/index.tsx
@@ -2,6 +2,7 @@ import { useState } from 'react';
 import { Panel, PanelPosition } from '@xyflow/react';
 
 import NodeInspector from './NodeInspector';
+import ChangeLogger from './ChangeLogger';
 
 type ReactFlowDevToolsProps = {
   position?: PanelPosition;
@@ -10,13 +11,16 @@ type ReactFlowDevToolsProps = {
 
 export default function ReactFlowDevTools({ color = '#aaa', position = 'top-left' }: ReactFlowDevToolsProps) {
   const [isNodeInspectorActive, setIsNodeInspectorActive] = useState(false);
+  const [isChangeLoggerActive, setIsChangeLoggerActive] = useState(false);
 
   return (
     <>
       <Panel position={position}>
         <button onClick={() => setIsNodeInspectorActive((a) => !a)}>node inspector</button>
+        <button onClick={() => setIsChangeLoggerActive((a) => !a)}>change logger</button>
       </Panel>
       {isNodeInspectorActive && <NodeInspector color={color} />}
+      {isChangeLoggerActive && <ChangeLogger color={color} />}
     </>
   );
 }

From 844d574c4ffabe353bd6271d6195955e884decde Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 27 Mar 2024 11:22:43 +0100
Subject: [PATCH 0679/1093] refactor(react): separate user nodes and indernal
 nodes

---
 .../examples/FloatingEdges/FloatingEdge.tsx   |   4 +-
 .../react/src/examples/FloatingEdges/utils.ts |   4 +-
 .../additional-components/MiniMap/MiniMap.tsx |   6 +-
 .../NodeToolbar/NodeToolbar.tsx               |  24 ++--
 .../src/components/ConnectionLine/index.tsx   |  11 +-
 .../EdgeWrapper/EdgeUpdateAnchors.tsx         |   4 +-
 .../react/src/components/Handle/index.tsx     |   2 +-
 .../src/components/NodeWrapper/index.tsx      |  15 ++-
 .../src/components/NodeWrapper/utils.tsx      |   6 +-
 .../src/components/NodesSelection/index.tsx   |  10 +-
 .../components/SelectionListener/index.tsx    |   2 +-
 packages/react/src/container/Pane/index.tsx   |  12 +-
 .../react/src/hooks/useMoveSelectedNodes.ts   |  65 +++++------
 .../react/src/hooks/useNodesInitialized.ts    |   8 +-
 packages/react/src/hooks/useReactFlow.ts      |   8 +-
 packages/react/src/index.ts                   |   1 -
 packages/react/src/store/index.ts             |  34 +++---
 packages/react/src/store/initialState.ts      |   6 +-
 packages/react/src/types/nodes.ts             |  11 +-
 packages/react/src/types/store.ts             |   5 +-
 packages/react/src/utils/changes.ts           |  21 ++--
 packages/system/src/constants.ts              |   2 -
 packages/system/src/types/general.ts          |   4 +-
 packages/system/src/types/nodes.ts            |  24 ++--
 packages/system/src/utils/edges/general.ts    |  13 +--
 packages/system/src/utils/edges/positions.ts  |  25 +++--
 packages/system/src/utils/general.ts          |   5 +-
 packages/system/src/utils/graph.ts            | 100 ++++++++++++-----
 packages/system/src/utils/store.ts            | 106 ++++++++----------
 packages/system/src/xydrag/XYDrag.ts          |  26 +++--
 packages/system/src/xydrag/utils.ts           |  71 ++++++------
 packages/system/src/xyhandle/XYHandle.ts      |   8 +-
 packages/system/src/xyhandle/utils.ts         |  42 +++----
 33 files changed, 372 insertions(+), 313 deletions(-)

diff --git a/examples/react/src/examples/FloatingEdges/FloatingEdge.tsx b/examples/react/src/examples/FloatingEdges/FloatingEdge.tsx
index 6ee9e1e2d..0856d0127 100644
--- a/examples/react/src/examples/FloatingEdges/FloatingEdge.tsx
+++ b/examples/react/src/examples/FloatingEdges/FloatingEdge.tsx
@@ -5,8 +5,8 @@ import { getEdgeParams } from './utils';
 
 const FloatingEdge: FC<EdgeProps> = ({ id, source, target, style }) => {
   const { sourceNode, targetNode } = useStore((s) => {
-    const sourceNode = s.nodes.find((n) => n.id === source);
-    const targetNode = s.nodes.find((n) => n.id === target);
+    const sourceNode = s.nodeLookup.get(source);
+    const targetNode = s.nodeLookup.get(target);
 
     return { sourceNode, targetNode };
   });
diff --git a/examples/react/src/examples/FloatingEdges/utils.ts b/examples/react/src/examples/FloatingEdges/utils.ts
index c8a6e1c19..a022207c2 100644
--- a/examples/react/src/examples/FloatingEdges/utils.ts
+++ b/examples/react/src/examples/FloatingEdges/utils.ts
@@ -1,4 +1,4 @@
-import { Position, XYPosition, Node, Edge } from '@xyflow/react';
+import { Position, XYPosition, Node, Edge, InternalNode } from '@xyflow/react';
 
 // this helper function returns the intersection point
 // of the line between the center of the intersectionNode and the target node
@@ -56,7 +56,7 @@ function getEdgePosition(node: Node, intersectionPoint: XYPosition) {
 }
 
 // returns the parameters (sx, sy, tx, ty, sourcePos, targetPos) you need to create an edge
-export function getEdgeParams(source: Node, target: Node) {
+export function getEdgeParams(source: InternalNode, target: InternalNode) {
   const sourceIntersectionPoint = getNodeIntersection(source, target);
   const targetIntersectionPoint = getNodeIntersection(target, source);
 
diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index 17a3f7f21..0a05890d4 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -3,7 +3,7 @@
 import { memo, useEffect, useRef, type MouseEvent, useCallback, CSSProperties } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import { getNodesBounds, getBoundsOfRects, XYMinimap, type Rect, type XYMinimapInstance } from '@xyflow/system';
+import { getInternalNodesBounds, getBoundsOfRects, XYMinimap, type Rect, type XYMinimapInstance } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { Panel } from '../../components/Panel';
@@ -26,7 +26,9 @@ const selector = (s: ReactFlowState) => {
   return {
     viewBB,
     boundingRect:
-      s.nodes.length > 0 ? getBoundsOfRects(getNodesBounds(s.nodes, { nodeOrigin: s.nodeOrigin }), viewBB) : viewBB,
+      s.nodeLookup.size > 0
+        ? getBoundsOfRects(getInternalNodesBounds(s.nodeLookup, { nodeOrigin: s.nodeOrigin }), viewBB)
+        : viewBB,
     rfId: s.rfId,
     nodeOrigin: s.nodeOrigin,
     panZoom: s.panZoom,
diff --git a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
index 0ecc81856..6c0236d8f 100644
--- a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
+++ b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
@@ -1,23 +1,23 @@
 import { useCallback, CSSProperties } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import { getNodesBounds, Rect, Position, internalsSymbol, getNodeToolbarTransform } from '@xyflow/system';
+import { Rect, Position, getNodeToolbarTransform, getNodesBounds } from '@xyflow/system';
 
-import { Node, ReactFlowState } from '../../types';
+import { InternalNode, ReactFlowState } from '../../types';
 import { useStore } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
 import { NodeToolbarPortal } from './NodeToolbarPortal';
 import type { NodeToolbarProps } from './types';
 
-const nodeEqualityFn = (a?: Node, b?: Node) =>
-  a?.computed?.positionAbsolute?.x !== b?.computed?.positionAbsolute?.x ||
-  a?.computed?.positionAbsolute?.y !== b?.computed?.positionAbsolute?.y ||
-  a?.computed?.width !== b?.computed?.width ||
-  a?.computed?.height !== b?.computed?.height ||
+const nodeEqualityFn = (a?: InternalNode, b?: InternalNode) =>
+  a?.internals.positionAbsolute.x !== b?.internals.positionAbsolute.x ||
+  a?.internals.positionAbsolute.y !== b?.internals.positionAbsolute.y ||
+  a?.computed.width !== b?.computed.width ||
+  a?.computed.height !== b?.computed.height ||
   a?.selected !== b?.selected ||
-  a?.[internalsSymbol]?.z !== b?.[internalsSymbol]?.z;
+  a?.internals.z !== b?.internals.z;
 
-const nodesEqualityFn = (a: Node[], b: Node[]) => {
+const nodesEqualityFn = (a: InternalNode[], b: InternalNode[]) => {
   if (a.length !== b.length) {
     return false;
   }
@@ -49,10 +49,10 @@ export function NodeToolbar({
   const contextNodeId = useNodeId();
 
   const nodesSelector = useCallback(
-    (state: ReactFlowState): Node[] => {
+    (state: ReactFlowState): InternalNode[] => {
       const nodeIds = Array.isArray(nodeId) ? nodeId : [nodeId || contextNodeId || ''];
 
-      return nodeIds.reduce<Node[]>((acc, id) => {
+      return nodeIds.reduce<InternalNode[]>((acc, id) => {
         const node = state.nodeLookup.get(id);
         if (node) {
           acc.push(node);
@@ -74,7 +74,7 @@ export function NodeToolbar({
   }
 
   const nodeRect: Rect = getNodesBounds(nodes, { nodeOrigin });
-  const zIndex: number = Math.max(...nodes.map((node) => (node[internalsSymbol]?.z || 1) + 1));
+  const zIndex: number = Math.max(...nodes.map((node) => (node.internals?.z || 1) + 1));
 
   const wrapperStyle: CSSProperties = {
     position: 'absolute',
diff --git a/packages/react/src/components/ConnectionLine/index.tsx b/packages/react/src/components/ConnectionLine/index.tsx
index 4fe2ca766..866552327 100644
--- a/packages/react/src/components/ConnectionLine/index.tsx
+++ b/packages/react/src/components/ConnectionLine/index.tsx
@@ -2,7 +2,6 @@ import { CSSProperties, useCallback } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
 import {
-  internalsSymbol,
   Position,
   ConnectionLineType,
   ConnectionMode,
@@ -53,7 +52,7 @@ const ConnectionLine = ({
     ),
     shallow
   );
-  const fromHandleBounds = fromNode?.[internalsSymbol]?.handleBounds;
+  const fromHandleBounds = fromNode?.internals?.handleBounds;
   let handleBounds = fromHandleBounds?.[handleType];
 
   if (connectionMode === ConnectionMode.Loose) {
@@ -65,10 +64,10 @@ const ConnectionLine = ({
   }
 
   const fromHandle = handleId ? handleBounds.find((d) => d.id === handleId) : handleBounds[0];
-  const fromHandleX = fromHandle ? fromHandle.x + fromHandle.width / 2 : (fromNode.computed?.width ?? 0) / 2;
-  const fromHandleY = fromHandle ? fromHandle.y + fromHandle.height / 2 : fromNode.computed?.height ?? 0;
-  const fromX = (fromNode.computed?.positionAbsolute?.x ?? 0) + fromHandleX;
-  const fromY = (fromNode.computed?.positionAbsolute?.y ?? 0) + fromHandleY;
+  const fromHandleX = fromHandle ? fromHandle.x + fromHandle.width / 2 : (fromNode.computed.width ?? 0) / 2;
+  const fromHandleY = fromHandle ? fromHandle.y + fromHandle.height / 2 : fromNode.computed.height ?? 0;
+  const fromX = (fromNode.internals.positionAbsolute.x ?? 0) + fromHandleX;
+  const fromY = (fromNode.internals.positionAbsolute.y ?? 0) + fromHandleY;
   const fromPosition = fromHandle?.position;
   const toPosition = fromPosition ? oppositePosition[fromPosition] : null;
 
diff --git a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
index 6061d8a78..e4810f114 100644
--- a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
+++ b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
@@ -54,7 +54,7 @@ export function EdgeUpdateAnchors<EdgeType extends Edge = Edge>({
       onConnectStart,
       onConnectEnd,
       cancelConnection,
-      nodes,
+      nodeLookup,
       rfId: flowId,
       panBy,
       updateConnection,
@@ -82,7 +82,7 @@ export function EdgeUpdateAnchors<EdgeType extends Edge = Edge>({
       domNode,
       handleId,
       nodeId,
-      nodes,
+      nodeLookup,
       isTarget,
       edgeUpdaterType: handleType,
       lib,
diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index ee36d066b..977a5c5b7 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -126,7 +126,7 @@ function HandleComponent(
         connectionMode: currentStore.connectionMode,
         connectionRadius: currentStore.connectionRadius,
         domNode: currentStore.domNode,
-        nodes: currentStore.nodes,
+        nodeLookup: currentStore.nodeLookup,
         lib: currentStore.lib,
         isTarget,
         handleId,
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 8c207cd9b..5e2b91e24 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -7,7 +7,6 @@ import {
   errorMessages,
   getNodeDimensions,
   getPositionWithOrigin,
-  internalsSymbol,
   isInputDOMNode,
   nodeHasDimensions,
 } from '@xyflow/system';
@@ -19,7 +18,7 @@ import { useDrag } from '../../hooks/useDrag';
 import { useMoveSelectedNodes } from '../../hooks/useMoveSelectedNodes';
 import { handleNodeClick } from '../Nodes/utils';
 import { arrowKeyDiffs, builtinNodeTypes, getNodeInlineStyleDimensions } from './utils';
-import type { Node, NodeWrapperProps } from '../../types';
+import type { InternalNode, Node, NodeWrapperProps } from '../../types';
 
 export function NodeWrapper<NodeType extends Node>({
   id,
@@ -44,11 +43,11 @@ export function NodeWrapper<NodeType extends Node>({
   onError,
 }: NodeWrapperProps<NodeType>) {
   const { node, positionAbsoluteX, positionAbsoluteY, zIndex, isParent } = useStore((s) => {
-    const node = s.nodeLookup.get(id)! as NodeType;
+    const node = s.nodeLookup.get(id)! as InternalNode<NodeType>;
 
     const positionAbsolute = nodeExtent
-      ? clampPosition(node.computed?.positionAbsolute, nodeExtent)
-      : node.computed?.positionAbsolute || { x: 0, y: 0 };
+      ? clampPosition(node.internals.positionAbsolute, nodeExtent)
+      : node.internals.positionAbsolute || { x: 0, y: 0 };
 
     return {
       node,
@@ -56,8 +55,8 @@ export function NodeWrapper<NodeType extends Node>({
       // so we we need to force a re-render when some change
       positionAbsoluteX: positionAbsolute.x,
       positionAbsoluteY: positionAbsolute.y,
-      zIndex: node[internalsSymbol]?.z ?? 0,
-      isParent: !!node[internalsSymbol]?.isParent,
+      zIndex: node.internals.z,
+      isParent: node.internals.isParent,
     };
   }, shallow);
 
@@ -84,7 +83,7 @@ export function NodeWrapper<NodeType extends Node>({
   const nodeDimensions = getNodeDimensions(node);
   const inlineDimensions = getNodeInlineStyleDimensions(node);
   const initialized = nodeHasDimensions(node);
-  const hasHandleBounds = !!node[internalsSymbol]?.handleBounds;
+  const hasHandleBounds = !!node.internals.handleBounds;
 
   const moveSelectedNodes = useMoveSelectedNodes();
 
diff --git a/packages/react/src/components/NodeWrapper/utils.tsx b/packages/react/src/components/NodeWrapper/utils.tsx
index d6f7cc1ac..c8c7d5c7b 100644
--- a/packages/react/src/components/NodeWrapper/utils.tsx
+++ b/packages/react/src/components/NodeWrapper/utils.tsx
@@ -4,7 +4,7 @@ import { InputNode } from '../Nodes/InputNode';
 import { DefaultNode } from '../Nodes/DefaultNode';
 import { GroupNode } from '../Nodes/GroupNode';
 import { OutputNode } from '../Nodes/OutputNode';
-import type { Node, NodeTypes } from '../../types';
+import type { InternalNode, Node, NodeTypes } from '../../types';
 
 export const arrowKeyDiffs: Record<string, XYPosition> = {
   ArrowUp: { x: 0, y: -1 },
@@ -21,12 +21,12 @@ export const builtinNodeTypes: NodeTypes = {
 };
 
 export function getNodeInlineStyleDimensions<NodeType extends Node = Node>(
-  node: NodeType
+  node: InternalNode<NodeType>
 ): {
   width: number | string | undefined;
   height: number | string | undefined;
 } {
-  if (!node.computed) {
+  if (node.internals.handleBounds === undefined) {
     return {
       width: node.width ?? node.initialWidth ?? node.style?.width,
       height: node.height ?? node.initialHeight ?? node.style?.height,
diff --git a/packages/react/src/components/NodesSelection/index.tsx b/packages/react/src/components/NodesSelection/index.tsx
index 6c037ba57..e87f23af3 100644
--- a/packages/react/src/components/NodesSelection/index.tsx
+++ b/packages/react/src/components/NodesSelection/index.tsx
@@ -11,7 +11,7 @@ import { useStore, useStoreApi } from '../../hooks/useStore';
 import { useDrag } from '../../hooks/useDrag';
 import { useMoveSelectedNodes } from '../../hooks/useMoveSelectedNodes';
 import { arrowKeyDiffs } from '../NodeWrapper/utils';
-import type { Node, ReactFlowState } from '../../types';
+import type { InternalNode, Node, ReactFlowState } from '../../types';
 
 export type NodesSelectionProps<NodeType> = {
   onSelectionContextMenu?: (event: MouseEvent, nodes: NodeType[]) => void;
@@ -20,7 +20,13 @@ export type NodesSelectionProps<NodeType> = {
 };
 
 const selector = (s: ReactFlowState) => {
-  const selectedNodes = s.nodes.filter((n) => n.selected);
+  const selectedNodes: InternalNode[] = [];
+  for (const [, node] of s.nodeLookup) {
+    if (node.selected) {
+      selectedNodes.push(node);
+    }
+  }
+
   const { width, height, x, y } = getNodesBounds(selectedNodes, { nodeOrigin: s.nodeOrigin });
 
   return {
diff --git a/packages/react/src/components/SelectionListener/index.tsx b/packages/react/src/components/SelectionListener/index.tsx
index 0a3fa5a93..381a60cb9 100644
--- a/packages/react/src/components/SelectionListener/index.tsx
+++ b/packages/react/src/components/SelectionListener/index.tsx
@@ -15,7 +15,7 @@ type SelectionListenerProps = {
 };
 
 const selector = (s: ReactFlowState) => ({
-  selectedNodes: s.nodes.filter((n) => n.selected),
+  selectedNodes: Array.from(s.nodeLookup.values()).filter((n) => n.selected),
   selectedEdges: s.edges.filter((e) => e.selected),
 });
 
diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index dfb240d0e..ad2b01ed4 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -128,7 +128,7 @@ export function Pane({
   };
 
   const onMouseMove = (event: ReactMouseEvent): void => {
-    const { userSelectionRect, edges, transform, nodeOrigin, nodes, triggerNodeChanges, triggerEdgeChanges } =
+    const { userSelectionRect, edgeLookup, transform, nodeOrigin, nodeLookup, triggerNodeChanges, triggerEdgeChanges } =
       store.getState();
     if (!isSelecting || !containerBounds.current || !userSelectionRect) {
       return;
@@ -149,7 +149,7 @@ export function Pane({
     };
 
     const selectedNodes = getNodesInside(
-      nodes,
+      nodeLookup,
       nextUserSelectRect,
       transform,
       selectionMode === SelectionMode.Partial,
@@ -163,22 +163,22 @@ export function Pane({
     for (const selectedNode of selectedNodes) {
       selectedNodeIds.add(selectedNode.id);
 
-      for (const edge of edges) {
+      for (const [edgeId, edge] of edgeLookup) {
         if (edge.source === selectedNode.id || edge.target === selectedNode.id) {
-          selectedEdgeIds.add(edge.id);
+          selectedEdgeIds.add(edgeId);
         }
       }
     }
 
     if (prevSelectedNodesCount.current !== selectedNodeIds.size) {
       prevSelectedNodesCount.current = selectedNodeIds.size;
-      const changes = getSelectionChanges(nodes, selectedNodeIds, true) as NodeChange[];
+      const changes = getSelectionChanges(nodeLookup, selectedNodeIds, true) as NodeChange[];
       triggerNodeChanges(changes);
     }
 
     if (prevSelectedEdgesCount.current !== selectedEdgeIds.size) {
       prevSelectedEdgesCount.current = selectedEdgeIds.size;
-      const changes = getSelectionChanges(edges, selectedEdgeIds) as EdgeChange[];
+      const changes = getSelectionChanges(edgeLookup, selectedEdgeIds) as EdgeChange[];
       triggerEdgeChanges(changes);
     }
 
diff --git a/packages/react/src/hooks/useMoveSelectedNodes.ts b/packages/react/src/hooks/useMoveSelectedNodes.ts
index c627628ad..d189642bc 100644
--- a/packages/react/src/hooks/useMoveSelectedNodes.ts
+++ b/packages/react/src/hooks/useMoveSelectedNodes.ts
@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
 import { calculateNodePosition, snapPosition, type XYPosition } from '@xyflow/system';
 
-import { Node } from '../types';
+import { type Node } from '../types';
 import { useStoreApi } from './useStore';
 
 const selectedAndDraggable = (nodesDraggable: boolean) => (n: Node) =>
@@ -17,18 +17,11 @@ export function useMoveSelectedNodes() {
   const store = useStoreApi();
 
   const moveSelectedNodes = useCallback((params: { direction: XYPosition; factor: number }) => {
-    const {
-      nodeExtent,
-      nodes,
-      snapToGrid,
-      snapGrid,
-      nodesDraggable,
-      onError,
-      updateNodePositions,
-      nodeLookup,
-      nodeOrigin,
-    } = store.getState();
-    const selectedNodes = nodes.filter(selectedAndDraggable(nodesDraggable));
+    const { nodeExtent, snapToGrid, snapGrid, nodesDraggable, onError, updateNodePositions, nodeLookup, nodeOrigin } =
+      store.getState();
+    const nodeUpdates = [];
+    const isSelected = selectedAndDraggable(nodesDraggable);
+
     // by default a node moves 5px on each key press
     // if snap grid is enabled, we use that for the velocity
     const xVelo = snapToGrid ? snapGrid[0] : 5;
@@ -37,32 +30,34 @@ export function useMoveSelectedNodes() {
     const xDiff = params.direction.x * xVelo * params.factor;
     const yDiff = params.direction.y * yVelo * params.factor;
 
-    const nodeUpdates = selectedNodes.map((node) => {
-      if (node.computed?.positionAbsolute) {
-        let nextPosition = {
-          x: node.computed.positionAbsolute.x + xDiff,
-          y: node.computed.positionAbsolute.y + yDiff,
-        };
-
-        if (snapToGrid) {
-          nextPosition = snapPosition(nextPosition, snapGrid);
-        }
+    for (const [, node] of nodeLookup) {
+      if (!isSelected(node)) {
+        continue;
+      }
 
-        const { position, positionAbsolute } = calculateNodePosition({
-          nodeId: node.id,
-          nextPosition,
-          nodeLookup,
-          nodeExtent,
-          nodeOrigin,
-          onError,
-        });
+      let nextPosition = {
+        x: node.internals.positionAbsolute.x + xDiff,
+        y: node.internals.positionAbsolute.y + yDiff,
+      };
 
-        node.position = position;
-        node.computed.positionAbsolute = positionAbsolute;
+      if (snapToGrid) {
+        nextPosition = snapPosition(nextPosition, snapGrid);
       }
 
-      return node;
-    });
+      const { position, positionAbsolute } = calculateNodePosition({
+        nodeId: node.id,
+        nextPosition,
+        nodeLookup,
+        nodeExtent,
+        nodeOrigin,
+        onError,
+      });
+
+      node.position = position;
+      node.internals.positionAbsolute = positionAbsolute;
+
+      nodeUpdates.push(node);
+    }
 
     updateNodePositions(nodeUpdates);
   }, []);
diff --git a/packages/react/src/hooks/useNodesInitialized.ts b/packages/react/src/hooks/useNodesInitialized.ts
index 3a278f6c1..346e56d9d 100644
--- a/packages/react/src/hooks/useNodesInitialized.ts
+++ b/packages/react/src/hooks/useNodesInitialized.ts
@@ -1,5 +1,3 @@
-import { internalsSymbol } from '@xyflow/system';
-
 import { useStore } from './useStore';
 import type { ReactFlowState } from '../types';
 
@@ -8,13 +6,13 @@ export type UseNodesInitializedOptions = {
 };
 
 const selector = (options: UseNodesInitializedOptions) => (s: ReactFlowState) => {
-  if (s.nodes.length === 0) {
+  if (s.nodeLookup.size === 0) {
     return false;
   }
 
-  for (const node of s.nodes) {
+  for (const [, node] of s.nodeLookup) {
     if (options.includeHiddenNodes || !node.hidden) {
-      if (node[internalsSymbol]?.handleBounds === undefined) {
+      if (node.internals.handleBounds === undefined) {
         return false;
       }
     }
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 5c10ad6a7..4e83448a2 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -32,7 +32,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
   }, []);
 
   const getNode = useCallback<Instance.GetNode<NodeType>>((id) => {
-    return store.getState().nodeLookup.get(id) as NodeType;
+    return store.getState().nodeLookup.get(id)?.internals.userProvidedNode as NodeType;
   }, []);
 
   const getEdges = useCallback<Instance.GetEdges<EdgeType>>(() => {
@@ -227,7 +227,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
     const node =
       isNode(nodeOrRect) && nodeHasDimensions(nodeOrRect)
         ? nodeOrRect
-        : (store.getState().nodeLookup.get(nodeOrRect.id) as NodeType);
+        : (store.getState().nodeLookup.get(nodeOrRect.id)?.internals.userProvidedNode as NodeType);
 
     return node ? nodeToRect(node) : null;
   }, []);
@@ -242,7 +242,9 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
       }
 
       return (nodes || store.getState().nodes).filter((n) => {
-        if (!isRect && (n.id === nodeOrRect!.id || !n.computed?.positionAbsolute)) {
+        const internalNode = store.getState().nodeLookup.get(n.id);
+
+        if (internalNode && !isRect && (n.id === nodeOrRect!.id || !internalNode.internals.positionAbsolute)) {
           return false;
         }
 
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 022f26268..800ebd948 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -103,5 +103,4 @@ export {
   addEdge,
   updateEdge,
   getConnectedEdges,
-  internalsSymbol,
 } from '@xyflow/system';
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index a2b98c1a6..3eddf5bca 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -52,9 +52,9 @@ const createRFStore = ({
         //
         // When this happens, we take the note objects passed by the user and extend them with fields
         // relevant for internal React Flow operations.
-        const nodesWithInternalData = adoptUserProvidedNodes(nodes, nodeLookup, { nodeOrigin, elevateNodesOnSelect });
+        adoptUserProvidedNodes(nodes, nodeLookup, { nodeOrigin, elevateNodesOnSelect });
 
-        set({ nodes: nodesWithInternalData });
+        set({ nodes });
       },
       setEdges: (edges: Edge[]) => {
         const { connectionLookup, edgeLookup } = get();
@@ -80,9 +80,9 @@ const createRFStore = ({
       // new dimensions and update the nodes.
       updateNodeDimensions: (updates) => {
         const {
+          nodes,
           onNodesChange,
           fitView,
-          nodes,
           nodeLookup,
           fitViewOnInit,
           fitViewDone,
@@ -95,7 +95,6 @@ const createRFStore = ({
 
         const updatedNodes = updateNodeDimensionsSystem(
           updates,
-          nodes,
           nodeLookup,
           domNode,
           nodeOrigin,
@@ -112,14 +111,14 @@ const createRFStore = ({
           return;
         }
 
-        const nextNodes = updateAbsolutePositions(updatedNodes, nodeLookup, nodeOrigin);
+        updateAbsolutePositions(nodeLookup, nodeOrigin);
 
         // we call fitView once initially after all dimensions are set
         let nextFitViewDone = fitViewDone;
         if (!fitViewDone && fitViewOnInit) {
-          nextFitViewDone = fitView(nextNodes, {
+          nextFitViewDone = fitView({
             ...fitViewOnInitOptions,
-            nodes: fitViewOnInitOptions?.nodes || nextNodes,
+            nodes: fitViewOnInitOptions?.nodes || nodes,
           });
         }
 
@@ -128,7 +127,7 @@ const createRFStore = ({
         // has not provided an onNodesChange handler.
         // Nodes are only rendered if they have a width and height
         // attribute which they get from this handler.
-        set({ nodes: nextNodes, fitViewDone: nextFitViewDone });
+        set({ nodes, fitViewDone: nextFitViewDone });
 
         if (changes?.length > 0) {
           if (debug) {
@@ -143,7 +142,6 @@ const createRFStore = ({
             id: node.id,
             type: 'position',
             position: node.position,
-            positionAbsolute: node.computed?.positionAbsolute,
             dragging,
           };
 
@@ -185,7 +183,7 @@ const createRFStore = ({
         }
       },
       addSelectedNodes: (selectedNodeIds) => {
-        const { multiSelectionActive, edges, nodes, triggerNodeChanges, triggerEdgeChanges } = get();
+        const { multiSelectionActive, edgeLookup, nodeLookup, triggerNodeChanges, triggerEdgeChanges } = get();
 
         if (multiSelectionActive) {
           const nodeChanges = selectedNodeIds.map((nodeId) => createSelectionChange(nodeId, true));
@@ -193,11 +191,11 @@ const createRFStore = ({
           return;
         }
 
-        triggerNodeChanges(getSelectionChanges(nodes, new Set([...selectedNodeIds]), true));
-        triggerEdgeChanges(getSelectionChanges(edges));
+        triggerNodeChanges(getSelectionChanges(nodeLookup, new Set([...selectedNodeIds]), true));
+        triggerEdgeChanges(getSelectionChanges(edgeLookup));
       },
       addSelectedEdges: (selectedEdgeIds) => {
-        const { multiSelectionActive, edges, nodes, triggerNodeChanges, triggerEdgeChanges } = get();
+        const { multiSelectionActive, edgeLookup, nodeLookup, triggerNodeChanges, triggerEdgeChanges } = get();
 
         if (multiSelectionActive) {
           const changedEdges = selectedEdgeIds.map((edgeId) => createSelectionChange(edgeId, true));
@@ -205,8 +203,8 @@ const createRFStore = ({
           return;
         }
 
-        triggerEdgeChanges(getSelectionChanges(edges, new Set([...selectedEdgeIds])));
-        triggerNodeChanges(getSelectionChanges(nodes, new Set(), true));
+        triggerEdgeChanges(getSelectionChanges(edgeLookup, new Set([...selectedEdgeIds])));
+        triggerNodeChanges(getSelectionChanges(nodeLookup, new Set(), true));
       },
       unselectNodesAndEdges: ({ nodes, edges }: UnselectNodesAndEdgesParams = {}) => {
         const { edges: storeEdges, nodes: storeNodes, triggerNodeChanges, triggerEdgeChanges } = get();
@@ -276,8 +274,8 @@ const createRFStore = ({
         const { transform, width, height, panZoom, translateExtent } = get();
         return panBySystem({ delta, panZoom, transform, translateExtent, width, height });
       },
-      fitView: (nodes: Node[], options?: FitViewOptions): boolean => {
-        const { panZoom, width, height, minZoom, maxZoom, nodeOrigin } = get();
+      fitView: (options?: FitViewOptions): boolean => {
+        const { panZoom, width, height, minZoom, maxZoom, nodeOrigin, nodeLookup } = get();
 
         if (!panZoom) {
           return false;
@@ -285,7 +283,7 @@ const createRFStore = ({
 
         return fitViewSystem(
           {
-            nodes,
+            nodeLookup,
             width,
             height,
             panZoom,
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 0cf3c7f00..9f373719a 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -35,7 +35,7 @@ const getInitialState = ({
   const storeNodes = defaultNodes ?? nodes ?? [];
 
   updateConnectionLookup(connectionLookup, edgeLookup, storeEdges);
-  const nextNodes = adoptUserProvidedNodes(storeNodes, nodeLookup, {
+  adoptUserProvidedNodes(storeNodes, nodeLookup, {
     nodeOrigin: [0, 0],
     elevateNodesOnSelect: false,
   });
@@ -43,7 +43,7 @@ const getInitialState = ({
   let transform: Transform = [0, 0, 1];
 
   if (fitView && width && height) {
-    const nodesWithDimensions = nextNodes.filter(
+    const nodesWithDimensions = storeNodes.filter(
       (node) => (node.width || node.initialWidth) && (node.height || node.initialHeight)
     );
     // @todo users nodeOrigin should be used here
@@ -57,7 +57,7 @@ const getInitialState = ({
     width: 0,
     height: 0,
     transform,
-    nodes: nextNodes,
+    nodes: storeNodes,
     nodeLookup,
     edges: storeEdges,
     edgeLookup,
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index 52f5a3219..89fec455b 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -1,5 +1,12 @@
 import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
-import type { CoordinateExtent, NodeBase, NodeOrigin, OnError, NodeProps as NodePropsBase } from '@xyflow/system';
+import type {
+  CoordinateExtent,
+  NodeBase,
+  NodeOrigin,
+  OnError,
+  NodeProps as NodePropsBase,
+  InternalNodeBase,
+} from '@xyflow/system';
 
 import { NodeTypes } from './general';
 
@@ -17,6 +24,8 @@ export type Node<
   focusable?: boolean;
 };
 
+export type InternalNode<NodeType extends Node = Node> = InternalNodeBase<NodeType>;
+
 export type NodeMouseHandler<NodeType extends Node = Node> = (event: ReactMouseEvent, node: NodeType) => void;
 export type SelectionDragHandler<NodeType extends Node = Node> = (event: ReactMouseEvent, nodes: NodeType[]) => void;
 export type OnNodeDrag<NodeType extends Node = Node> = (
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 6c1cf9b0b..eed7b9a33 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -44,6 +44,7 @@ import type {
   OnBeforeDelete,
   IsValidConnection,
   EdgeChange,
+  InternalNode,
 } from '.';
 
 export type ReactFlowStore<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
@@ -52,7 +53,7 @@ export type ReactFlowStore<NodeType extends Node = Node, EdgeType extends Edge =
   height: number;
   transform: Transform;
   nodes: NodeType[];
-  nodeLookup: NodeLookup<NodeType>;
+  nodeLookup: NodeLookup<InternalNode<NodeType>>;
   edges: Edge[];
   edgeLookup: EdgeLookup<EdgeType>;
   connectionLookup: ConnectionLookup;
@@ -169,7 +170,7 @@ export type ReactFlowActions<NodeType extends Node, EdgeType extends Edge> = {
   triggerNodeChanges: (changes: NodeChange<NodeType>[]) => void;
   triggerEdgeChanges: (changes: EdgeChange<EdgeType>[]) => void;
   panBy: PanBy;
-  fitView: (nodes: NodeType[], options?: FitViewOptions) => boolean;
+  fitView: (options?: FitViewOptions) => boolean;
 };
 
 export type ReactFlowState<NodeType extends Node = Node, EdgeType extends Edge = Edge> = ReactFlowStore<
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index fa6f6f303..437c80dca 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -1,6 +1,14 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { EdgeLookup, NodeLookup } from '@xyflow/system';
-import type { Node, Edge, EdgeChange, NodeChange, NodeSelectionChange, EdgeSelectionChange } from '../types';
+import type {
+  Node,
+  Edge,
+  EdgeChange,
+  NodeChange,
+  NodeSelectionChange,
+  EdgeSelectionChange,
+  InternalNode,
+} from '../types';
 
 export function handleParentExpand(updatedElements: any[], updateItem: any) {
   for (const [index, item] of updatedElements.entries()) {
@@ -125,11 +133,6 @@ function applyChange(change: any, element: any, elements: any[] = []): any {
         element.position = change.position;
       }
 
-      if (typeof change.positionAbsolute !== 'undefined') {
-        element.computed ??= {};
-        element.computed.positionAbsolute = change.positionAbsolute;
-      }
-
       if (typeof change.dragging !== 'undefined') {
         element.dragging = change.dragging;
       }
@@ -228,13 +231,13 @@ export function createSelectionChange(id: string, selected: boolean): NodeSelect
 }
 
 export function getSelectionChanges(
-  items: any[],
+  items: Map<string, any>,
   selectedIds: Set<string> = new Set(),
   mutateItem = false
 ): NodeSelectionChange[] | EdgeSelectionChange[] {
   const changes: NodeSelectionChange[] | EdgeSelectionChange[] = [];
 
-  for (const item of items) {
+  for (const [, item] of items) {
     const willBeSelected = selectedIds.has(item.id);
 
     // we don't want to set all items to selected=false on the first selection
@@ -266,7 +269,7 @@ export function getElementsDiffChanges({
   lookup,
 }: {
   items: Node[] | undefined;
-  lookup: NodeLookup<Node>;
+  lookup: NodeLookup<InternalNode<Node>>;
 }): NodeChange[];
 export function getElementsDiffChanges({
   items,
diff --git a/packages/system/src/constants.ts b/packages/system/src/constants.ts
index 21d212346..67b913a01 100644
--- a/packages/system/src/constants.ts
+++ b/packages/system/src/constants.ts
@@ -25,8 +25,6 @@ export const errorMessages = {
     `Node with id "${id}" does not exist, it may have been removed. This can happen when a node is deleted before the "onNodeClick" handler is called.`,
 };
 
-export const internalsSymbol = Symbol.for('internals');
-
 export const infiniteExtent: CoordinateExtent = [
   [Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
   [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY],
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index b7aa248ea..a7c6665b0 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -2,7 +2,7 @@
 import type { D3DragEvent, Selection as D3Selection, SubjectPosition, ZoomBehavior } from 'd3';
 
 import type { XYPosition, Rect } from './utils';
-import type { NodeBase, NodeDragItem, NodeOrigin } from './nodes';
+import type { InternalNodeBase, NodeBase, NodeDragItem, NodeOrigin } from './nodes';
 import type { ConnectingHandle, HandleType } from './handles';
 import { PanZoomInstance } from './panzoom';
 import { EdgeBase } from '..';
@@ -52,7 +52,7 @@ export type OnConnectEnd = (event: MouseEvent | TouchEvent) => void;
 export type IsValidConnection = (edge: EdgeBase | Connection) => boolean;
 
 export type FitViewParamsBase<NodeType extends NodeBase> = {
-  nodes: NodeType[];
+  nodeLookup: Map<string, InternalNodeBase<NodeType>>;
   width: number;
   height: number;
   panZoom: PanZoomInstance;
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index c888d8a4f..6929321be 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -1,4 +1,3 @@
-import { internalsSymbol } from '../constants';
 import type { XYPosition, Position, CoordinateExtent, HandleElement } from '.';
 import { Optional } from '../utils/types';
 
@@ -63,18 +62,25 @@ export type NodeBase<
   computed?: {
     width?: number;
     height?: number;
-    positionAbsolute?: XYPosition;
   };
+};
 
+export type InternalNodeBase<NodeType extends NodeBase = NodeBase> = NodeType & {
+  computed: {
+    width?: number;
+    height?: number;
+  };
   // Only used internally
-  [internalsSymbol]?: {
-    z?: number;
-    handleBounds?: NodeHandleBounds;
-    isParent?: boolean;
+  internals: {
+    positionAbsolute: XYPosition;
+    z: number;
+    // @todo should we rename this to "handles" and use same type as node.handles?
+    isParent: boolean;
     /** Holds a reference to the original node object provided by the user
      * (which may lack some fields, like `computed` or `[internalSymbol]`. Used
      * as an optimization to avoid certain operations. */
-    userProvidedNode: NodeBase<NodeData, NodeType>;
+    userProvidedNode: NodeType;
+    handleBounds?: NodeHandleBounds;
   };
 };
 
@@ -120,6 +126,8 @@ export type NodeDragItem = {
   computed: {
     width: number | null;
     height: number | null;
+  };
+  internals: {
     positionAbsolute: XYPosition;
   };
   extent?: 'parent' | CoordinateExtent;
@@ -137,4 +145,4 @@ export type NodeHandle = Optional<HandleElement, 'width' | 'height'>;
 
 export type Align = 'center' | 'start' | 'end';
 
-export type NodeLookup<NodeType extends NodeBase = NodeBase> = Map<string, NodeType>;
+export type NodeLookup<NodeType extends InternalNodeBase = InternalNodeBase> = Map<string, NodeType>;
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index f53db23a0..9e54e0350 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -1,5 +1,4 @@
-import { Connection, Transform, errorMessages, internalsSymbol, isEdgeBase } from '../..';
-import { EdgeBase, NodeBase } from '../../types';
+import { Connection, InternalNodeBase, Transform, errorMessages, isEdgeBase, EdgeBase } from '../..';
 import { getOverlappingArea, boxToRect, nodeToBox, getBoundsOfBoxes, devWarn } from '../general';
 
 // this is used for straight edges and simple smoothstep edges (LTR, RTL, BTT, TTB)
@@ -24,8 +23,8 @@ export function getEdgeCenter({
 }
 
 export type GetEdgeZIndexParams = {
-  sourceNode: NodeBase;
-  targetNode: NodeBase;
+  sourceNode: InternalNodeBase;
+  targetNode: InternalNodeBase;
   selected?: boolean;
   zIndex?: number;
   elevateOnSelect?: boolean;
@@ -43,14 +42,14 @@ export function getElevatedEdgeZIndex({
   }
 
   const edgeOrConnectedNodeSelected = selected || targetNode.selected || sourceNode.selected;
-  const selectedZIndex = Math.max(sourceNode[internalsSymbol]?.z || 0, targetNode[internalsSymbol]?.z || 0, 1000);
+  const selectedZIndex = Math.max(sourceNode.internals.z || 0, targetNode.internals.z || 0, 1000);
 
   return zIndex + (edgeOrConnectedNodeSelected ? selectedZIndex : 0);
 }
 
 type IsEdgeVisibleParams = {
-  sourceNode: NodeBase;
-  targetNode: NodeBase;
+  sourceNode: InternalNodeBase;
+  targetNode: InternalNodeBase;
   width: number;
   height: number;
   transform: Transform;
diff --git a/packages/system/src/utils/edges/positions.ts b/packages/system/src/utils/edges/positions.ts
index 55a157ea7..33fa59ee5 100644
--- a/packages/system/src/utils/edges/positions.ts
+++ b/packages/system/src/utils/edges/positions.ts
@@ -1,25 +1,26 @@
 import { EdgePosition } from '../../types/edges';
 import { ConnectionMode, OnError } from '../../types/general';
-import { NodeBase, NodeHandle } from '../../types/nodes';
+import { InternalNodeBase, NodeHandle } from '../../types/nodes';
 import { Position } from '../../types/utils';
-import { errorMessages, internalsSymbol } from '../../constants';
+import { errorMessages } from '../../constants';
 import { HandleElement } from '../../types';
 import { getNodeDimensions } from '../general';
 
 export type GetEdgePositionParams = {
   id: string;
-  sourceNode: NodeBase;
+  sourceNode: InternalNodeBase;
   sourceHandle: string | null;
-  targetNode: NodeBase;
+  targetNode: InternalNodeBase;
   targetHandle: string | null;
   connectionMode: ConnectionMode;
   onError?: OnError;
 };
 
-function isNodeInitialized(node: NodeBase): boolean {
+function isNodeInitialized(node: InternalNodeBase): boolean {
   return (
-    !!(node?.[internalsSymbol]?.handleBounds || node?.handles?.length) &&
-    !!(node?.computed?.width || node?.width || node?.initialWidth)
+    node &&
+    !!(node.internals.handleBounds || node.handles?.length) &&
+    !!(node.computed.width || node.width || node.initialWidth)
   );
 }
 
@@ -30,8 +31,8 @@ export function getEdgePosition(params: GetEdgePositionParams): EdgePosition | n
     return null;
   }
 
-  const sourceHandleBounds = sourceNode[internalsSymbol]?.handleBounds || toHandleBounds(sourceNode.handles);
-  const targetHandleBounds = targetNode[internalsSymbol]?.handleBounds || toHandleBounds(targetNode.handles);
+  const sourceHandleBounds = sourceNode.internals.handleBounds || toHandleBounds(sourceNode.handles);
+  const targetHandleBounds = targetNode.internals.handleBounds || toHandleBounds(targetNode.handles);
 
   const sourceHandle = getHandle(sourceHandleBounds?.source ?? [], params.sourceHandle);
   const targetHandle = getHandle(
@@ -95,9 +96,9 @@ function toHandleBounds(handles?: NodeHandle[]) {
   };
 }
 
-function getHandlePosition(position: Position, node: NodeBase, handle: HandleElement | null = null): number[] {
-  const x = (handle?.x ?? 0) + (node.computed?.positionAbsolute?.x ?? 0);
-  const y = (handle?.y ?? 0) + (node.computed?.positionAbsolute?.y ?? 0);
+function getHandlePosition(position: Position, node: InternalNodeBase, handle: HandleElement | null = null): number[] {
+  const x = (handle?.x ?? 0) + (node.internals.positionAbsolute?.x ?? 0);
+  const y = (handle?.y ?? 0) + (node.internals.positionAbsolute?.y ?? 0);
   const { width, height } = handle ?? getNodeDimensions(node);
 
   switch (position) {
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index 3a07e9272..5fab4f491 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -8,6 +8,7 @@ import type {
   NodeOrigin,
   SnapGrid,
   Transform,
+  InternalNodeBase,
 } from '../types';
 import { type Viewport } from '../types';
 import { getNodePositionWithOrigin } from './graph';
@@ -65,7 +66,7 @@ export const boxToRect = ({ x, y, x2, y2 }: Box): Rect => ({
   height: y2 - y,
 });
 
-export const nodeToRect = (node: NodeBase, nodeOrigin: NodeOrigin = [0, 0]): Rect => {
+export const nodeToRect = (node: InternalNodeBase, nodeOrigin: NodeOrigin = [0, 0]): Rect => {
   const { positionAbsolute } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
 
   return {
@@ -75,7 +76,7 @@ export const nodeToRect = (node: NodeBase, nodeOrigin: NodeOrigin = [0, 0]): Rec
   };
 };
 
-export const nodeToBox = (node: NodeBase, nodeOrigin: NodeOrigin = [0, 0]): Box => {
+export const nodeToBox = (node: InternalNodeBase, nodeOrigin: NodeOrigin = [0, 0]): Box => {
   const { positionAbsolute } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
 
   return {
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 06bf7f624..9df398934 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -24,6 +24,7 @@ import {
   OnError,
   OnBeforeDeleteBase,
   NodeLookup,
+  InternalNodeBase,
 } from '../types';
 import { errorMessages } from '../constants';
 
@@ -47,6 +48,10 @@ export const isEdgeBase = <EdgeType extends EdgeBase = EdgeBase>(element: any):
 export const isNodeBase = <NodeType extends NodeBase = NodeBase>(element: any): element is NodeType =>
   'id' in element && 'position' in element && !('source' in element) && !('target' in element);
 
+export const isInternalNodeBase = <NodeType extends InternalNodeBase = InternalNodeBase>(
+  element: any
+): element is NodeType => 'id' in element && 'computed' in element && !('source' in element) && !('target' in element);
+
 /**
  * Pass in a node, and get connected nodes where edge.source === node.id
  * @public
@@ -101,7 +106,7 @@ export const getIncomers = <NodeType extends NodeBase = NodeBase, EdgeType exten
 };
 
 export const getNodePositionWithOrigin = (
-  node: NodeBase | undefined,
+  node: InternalNodeBase | undefined,
   nodeOrigin: NodeOrigin = [0, 0]
 ): { position: XYPosition; positionAbsolute: XYPosition } => {
   if (!node) {
@@ -128,12 +133,10 @@ export const getNodePositionWithOrigin = (
 
   return {
     position,
-    positionAbsolute: node.computed?.positionAbsolute
-      ? {
-          x: node.computed.positionAbsolute.x - offsetX,
-          y: node.computed.positionAbsolute.y - offsetY,
-        }
-      : position,
+    positionAbsolute: {
+      x: node.internals.positionAbsolute.x - offsetX,
+      y: node.internals.positionAbsolute.y - offsetY,
+    },
   };
 };
 
@@ -151,6 +154,7 @@ export type GetNodesBoundsParams = {
  * @param params.useRelativePosition - Whether to use the relative or absolute node positions
  * @returns Bounding box enclosing all nodes
  */
+// @todo how to handle this if users do not have absolute positions?
 export const getNodesBounds = (
   nodes: NodeBase[],
   params: GetNodesBoundsParams = { nodeOrigin: [0, 0], useRelativePosition: false }
@@ -161,6 +165,7 @@ export const getNodesBounds = (
 
   const box = nodes.reduce(
     (currBox, node) => {
+      // @ts-expect-error
       const nodePos = getNodePositionWithOrigin(node, node.origin || params.nodeOrigin);
       return getBoundsOfBoxes(
         currBox,
@@ -176,8 +181,47 @@ export const getNodesBounds = (
   return boxToRect(box);
 };
 
-export const getNodesInside = <NodeType extends NodeBase>(
-  nodes: NodeType[],
+export type GetInternalNodesBoundsParams = {
+  nodeOrigin?: NodeOrigin;
+  useRelativePosition?: boolean;
+  filter?: (node: NodeBase) => boolean;
+};
+
+/**
+ * Determines a bounding box that contains all given nodes in an array
+ * @internal
+ */
+export const getInternalNodesBounds = (
+  nodeLookup: NodeLookup,
+  params: GetInternalNodesBoundsParams = {
+    nodeOrigin: [0, 0],
+    useRelativePosition: false,
+  }
+): Rect => {
+  if (nodeLookup.size === 0) {
+    return { x: 0, y: 0, width: 0, height: 0 };
+  }
+
+  let box = { x: Infinity, y: Infinity, x2: -Infinity, y2: -Infinity };
+
+  nodeLookup.forEach((node) => {
+    if (params.filter == undefined || params.filter(node)) {
+      const nodePos = getNodePositionWithOrigin(node, node.origin || params.nodeOrigin);
+      box = getBoundsOfBoxes(
+        box,
+        rectToBox({
+          ...nodePos[params.useRelativePosition ? 'position' : 'positionAbsolute'],
+          ...getNodeDimensions(node),
+        })
+      );
+    }
+  });
+
+  return boxToRect(box);
+};
+
+export const getNodesInside = <NodeType extends NodeBase = NodeBase>(
+  nodeLookup: Map<string, InternalNodeBase<NodeType>>,
   rect: Rect,
   [tx, ty, tScale]: Transform = [0, 0, 1],
   partially = false,
@@ -191,13 +235,15 @@ export const getNodesInside = <NodeType extends NodeBase>(
     height: rect.height / tScale,
   };
 
-  const visibleNodes = nodes.reduce<NodeType[]>((res, node) => {
+  const visibleNodes: NodeType[] = [];
+
+  for (const [, node] of nodeLookup) {
     const { computed, selectable = true, hidden = false } = node;
     const width = computed?.width ?? node.width ?? node.initialWidth ?? null;
     const height = computed?.height ?? node.height ?? node.initialHeight ?? null;
 
     if ((excludeNonSelectableNodes && !selectable) || hidden) {
-      return res;
+      continue;
     }
 
     const overlappingArea = getOverlappingArea(paneRect, nodeToRect(node, nodeOrigin));
@@ -208,11 +254,9 @@ export const getNodesInside = <NodeType extends NodeBase>(
     const isVisible = notInitialized || partiallyVisible || overlappingArea >= area;
 
     if (isVisible || node.dragging) {
-      res.push(node);
+      visibleNodes.push(node);
     }
-
-    return res;
-  }, []);
+  }
 
   return visibleNodes;
 };
@@ -236,17 +280,20 @@ export const getConnectedEdges = <NodeType extends NodeBase = NodeBase, EdgeType
 };
 
 export function fitView<Params extends FitViewParamsBase<NodeBase>, Options extends FitViewOptionsBase<NodeBase>>(
-  { nodes, width, height, panZoom, minZoom, maxZoom, nodeOrigin = [0, 0] }: Params,
+  { nodeLookup, width, height, panZoom, minZoom, maxZoom, nodeOrigin = [0, 0] }: Params,
   options?: Options
 ) {
-  const filteredNodes = nodes.filter((n) => {
+  const filteredNodes: InternalNodeBase[] = [];
+
+  nodeLookup.forEach((n) => {
     const isVisible = n.computed?.width && n.computed?.height && (options?.includeHiddenNodes || !n.hidden);
 
-    if (options?.nodes?.length) {
-      return isVisible && options?.nodes.some((optionNode) => optionNode.id === n.id);
+    if (
+      isVisible &&
+      (!options?.nodes || (options?.nodes.length && options?.nodes.some((optionNode) => optionNode.id === n.id)))
+    ) {
+      filteredNodes.push(n);
     }
-
-    return isVisible;
   });
 
   if (filteredNodes.length > 0) {
@@ -303,7 +350,7 @@ export function calculateNodePosition<NodeType extends NodeBase>({
 }: {
   nodeId: string;
   nextPosition: XYPosition;
-  nodeLookup: NodeLookup<NodeType>;
+  nodeLookup: NodeLookup<InternalNodeBase<NodeType>>;
   nodeOrigin?: NodeOrigin;
   nodeExtent?: CoordinateExtent;
   onError?: OnError;
@@ -313,16 +360,17 @@ export function calculateNodePosition<NodeType extends NodeBase>({
   const { x: parentX, y: parentY } = parentNode
     ? getNodePositionWithOrigin(parentNode, parentNode.origin || nodeOrigin).positionAbsolute
     : { x: 0, y: 0 };
+
   let currentExtent = clampNodeExtent(node, node.extent || nodeExtent);
 
   if (node.extent === 'parent' && !node.expandParent) {
     if (!parentNode) {
       onError?.('005', errorMessages['error005']());
     } else {
-      const nodeWidth = node.computed?.width;
-      const nodeHeight = node.computed?.height;
-      const parentWidth = parentNode?.computed?.width;
-      const parentHeight = parentNode?.computed?.height;
+      const nodeWidth = node.computed.width;
+      const nodeHeight = node.computed.height;
+      const parentWidth = parentNode.computed.width;
+      const parentHeight = parentNode.computed.height;
 
       if (nodeWidth && nodeHeight && parentWidth && parentHeight) {
         const currNodeOrigin = node.origin || nodeOrigin;
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index c04c7e516..21d5f9cf9 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -1,4 +1,3 @@
-import { internalsSymbol } from '../constants';
 import {
   NodeBase,
   CoordinateExtent,
@@ -12,54 +11,53 @@ import {
   ConnectionLookup,
   EdgeBase,
   EdgeLookup,
+  InternalNodeBase,
 } from '../types';
 import { getDimensions, getHandleBounds } from './dom';
 import { isNumeric } from './general';
 import { getNodePositionWithOrigin } from './graph';
 
-type ParentNodes = Record<string, boolean>;
+type ParentNodes = Set<string>;
 
 export function updateAbsolutePositions<NodeType extends NodeBase>(
-  nodes: NodeType[],
-  nodeLookup: Map<string, NodeType>,
+  nodeLookup: Map<string, InternalNodeBase<NodeType>>,
   nodeOrigin: NodeOrigin = [0, 0],
   parentNodes?: ParentNodes
 ) {
-  return nodes.map((node) => {
+  for (const [, node] of nodeLookup) {
     if (node.parentNode && !nodeLookup.has(node.parentNode)) {
       throw new Error(`Parent node ${node.parentNode} not found`);
     }
 
-    if (node.parentNode || parentNodes?.[node.id]) {
+    if (node.parentNode || parentNodes?.has(node.id)) {
       const parentNode = node.parentNode ? nodeLookup.get(node.parentNode) : null;
       const { x, y, z } = calculateXYZPosition(
         node,
-        nodes,
         nodeLookup,
         {
           ...node.position,
-          z: node[internalsSymbol]?.z ?? 0,
+          z: node.internals.z ?? 0,
         },
         parentNode?.origin || nodeOrigin
       );
 
-      const positionChanged = x !== node.computed?.positionAbsolute?.x || y !== node.computed?.positionAbsolute?.y;
-      node.computed!.positionAbsolute = positionChanged
+      const positionChanged = x !== node.internals.positionAbsolute?.x || y !== node.internals.positionAbsolute?.y;
+      node.internals.positionAbsolute = positionChanged
         ? {
             x,
             y,
           }
-        : node.computed?.positionAbsolute;
+        : node.internals.positionAbsolute;
 
-      node[internalsSymbol]!.z = z;
+      node.internals.z = z;
 
-      if (parentNodes?.[node.id]) {
-        node[internalsSymbol]!.isParent = true;
+      if (parentNodes?.has(node.id)) {
+        node.internals.isParent = true;
       }
     }
 
-    return node;
-  });
+    nodeLookup.set(node.id, node);
+  }
 }
 
 type UpdateNodesOptions<NodeType extends NodeBase> = {
@@ -70,64 +68,55 @@ type UpdateNodesOptions<NodeType extends NodeBase> = {
 
 export function adoptUserProvidedNodes<NodeType extends NodeBase>(
   nodes: NodeType[],
-  nodeLookup: Map<string, NodeType>,
+  nodeLookup: Map<string, InternalNodeBase<NodeType>>,
   options: UpdateNodesOptions<NodeType> = {
     nodeOrigin: [0, 0] as NodeOrigin,
     elevateNodesOnSelect: true,
     defaults: {},
   }
-): NodeType[] {
+) {
   const tmpLookup = new Map(nodeLookup);
   nodeLookup.clear();
-  const parentNodes: ParentNodes = {};
+  const parentNodes: ParentNodes = new Set();
   const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
 
-  const nextNodes = nodes.map((n) => {
+  nodes.forEach((n) => {
     const currentStoreNode = tmpLookup.get(n.id);
-    if (n === currentStoreNode?.[internalsSymbol]?.userProvidedNode) {
+    if (n.parentNode) {
+      parentNodes.add(n.parentNode);
+    }
+    if (n === currentStoreNode?.internals?.userProvidedNode) {
       nodeLookup.set(n.id, currentStoreNode);
       return currentStoreNode;
     }
 
-    const node: NodeType = {
+    const node: InternalNodeBase<NodeType> = {
       ...options.defaults,
       ...n,
       computed: {
-        positionAbsolute: n.position,
         width: n.computed?.width,
         height: n.computed?.height,
       },
-    };
-    const z = (isNumeric(n.zIndex) ? n.zIndex : 0) + (n.selected ? selectedNodeZ : 0);
-    const currInternals = n?.[internalsSymbol] || currentStoreNode?.[internalsSymbol];
-
-    if (node.parentNode) {
-      parentNodes[node.parentNode] = true;
-    }
-
-    Object.defineProperty(node, internalsSymbol, {
-      enumerable: false,
-      value: {
-        handleBounds: currInternals?.handleBounds,
-        z,
+      internals: {
+        positionAbsolute: n.position,
+        handleBounds: currentStoreNode?.internals?.handleBounds,
+        z: (isNumeric(n.zIndex) ? n.zIndex : 0) + (n.selected ? selectedNodeZ : 0),
         userProvidedNode: n,
+        isParent: false,
       },
-    });
+    };
 
     nodeLookup.set(node.id, node);
-
-    return node;
   });
 
-  const nodesWithPositions = updateAbsolutePositions(nextNodes, nodeLookup, options.nodeOrigin, parentNodes);
-
-  return nodesWithPositions;
+  if (parentNodes.size > 0) {
+    updateAbsolutePositions(nodeLookup, options.nodeOrigin, parentNodes);
+  }
 }
 
 function calculateXYZPosition<NodeType extends NodeBase>(
   node: NodeType,
-  nodes: NodeType[],
-  nodeLookup: Map<string, NodeType>,
+  nodeLookup: Map<string, InternalNodeBase<NodeType>>,
   result: XYZPosition,
   nodeOrigin: NodeOrigin
 ): XYZPosition {
@@ -140,12 +129,11 @@ function calculateXYZPosition<NodeType extends NodeBase>(
 
   return calculateXYZPosition(
     parentNode,
-    nodes,
     nodeLookup,
     {
       x: (result.x ?? 0) + parentNodePosition.x,
       y: (result.y ?? 0) + parentNodePosition.y,
-      z: (parentNode[internalsSymbol]?.z ?? 0) > (result.z ?? 0) ? parentNode[internalsSymbol]?.z ?? 0 : result.z ?? 0,
+      z: (parentNode.internals.z ?? 0) > (result.z ?? 0) ? parentNode.internals.z ?? 0 : result.z ?? 0,
     },
     parentNode.origin || nodeOrigin
   );
@@ -153,25 +141,25 @@ function calculateXYZPosition<NodeType extends NodeBase>(
 
 export function updateNodeDimensions<NodeType extends NodeBase>(
   updates: Map<string, NodeDimensionUpdate>,
-  nodes: NodeType[],
-  nodeLookup: Map<string, NodeType>,
+  nodeLookup: Map<string, InternalNodeBase<NodeType>>,
   domNode: HTMLElement | null,
   nodeOrigin?: NodeOrigin,
   onUpdate?: (id: string, dimensions: Dimensions) => void
-): NodeType[] | null {
+): { hasUpdate: boolean } {
   const viewportNode = domNode?.querySelector('.xyflow__viewport');
+  let hasUpdate = false;
 
   if (!viewportNode) {
-    return null;
+    return { hasUpdate };
   }
 
   const style = window.getComputedStyle(viewportNode);
   const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
 
-  const nextNodes = nodes.map((node) => {
-    const update = updates.get(node.id);
+  updates.forEach((update) => {
+    const node = nodeLookup.get(update.id);
 
-    if (update) {
+    if (node) {
       const dimensions = getDimensions(update.nodeElement);
       const doUpdate = !!(
         dimensions.width &&
@@ -180,6 +168,7 @@ export function updateNodeDimensions<NodeType extends NodeBase>(
       );
 
       if (doUpdate) {
+        hasUpdate = true;
         onUpdate?.(node.id, dimensions);
 
         const newNode = {
@@ -188,25 +177,20 @@ export function updateNodeDimensions<NodeType extends NodeBase>(
             ...node.computed,
             ...dimensions,
           },
-          [internalsSymbol]: {
-            ...node[internalsSymbol],
+          internals: {
+            ...node.internals,
             handleBounds: {
               source: getHandleBounds('.source', update.nodeElement, zoom, node.origin || nodeOrigin),
               target: getHandleBounds('.target', update.nodeElement, zoom, node.origin || nodeOrigin),
             },
           },
         };
-
         nodeLookup.set(node.id, newNode);
-
-        return newNode;
       }
     }
-
-    return node;
   });
 
-  return nextNodes;
+  return { hasUpdate };
 }
 
 export function panBy({
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index cfed09f9c..7d2fbaef4 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -26,13 +26,14 @@ import type {
   OnSelectionDrag,
   UpdateNodePositions,
   Box,
+  InternalNodeBase,
 } from '../types';
 
 export type OnDrag = (event: MouseEvent, dragItems: NodeDragItem[], node: NodeBase, nodes: NodeBase[]) => void;
 
 type StoreItems<OnNodeDrag> = {
   nodes: NodeBase[];
-  nodeLookup: Map<string, NodeBase>;
+  nodeLookup: Map<string, InternalNodeBase>;
   edges: EdgeBase[];
   nodeExtent: CoordinateExtent;
   snapGrid: SnapGrid;
@@ -130,19 +131,23 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
 
         // if there is selection with multiple nodes and a node extent is set, we need to adjust the node extent for each node
         // based on its position so that the node stays at it's position relative to the selection.
-        const adjustedNodeExtent: CoordinateExtent = [
+        let adjustedNodeExtent: CoordinateExtent = [
           [nodeExtent[0][0], nodeExtent[0][1]],
           [nodeExtent[1][0], nodeExtent[1][1]],
         ];
 
         if (dragItems.length > 1 && nodeExtent && !n.extent) {
-          adjustedNodeExtent[0][0] = n.computed.positionAbsolute.x - nodesBox.x + nodeExtent[0][0];
-          adjustedNodeExtent[1][0] =
-            n.computed.positionAbsolute.x + (n.computed?.width ?? 0) - nodesBox.x2 + nodeExtent[1][0];
+          const { positionAbsolute } = n.internals;
+          const x1 = positionAbsolute.x - nodesBox.x + nodeExtent[0][0];
+          const x2 = positionAbsolute.x + (n.computed?.width ?? 0) - nodesBox.x2 + nodeExtent[1][0];
 
-          adjustedNodeExtent[0][1] = n.computed.positionAbsolute.y - nodesBox.y + nodeExtent[0][1];
-          adjustedNodeExtent[1][1] =
-            n.computed.positionAbsolute.y + (n.computed?.height ?? 0) - nodesBox.y2 + nodeExtent[1][1];
+          const y1 = positionAbsolute.y - nodesBox.y + nodeExtent[0][1];
+          const y2 = positionAbsolute.y + (n.computed?.height ?? 0) - nodesBox.y2 + nodeExtent[1][1];
+
+          adjustedNodeExtent = [
+            [x1, y1],
+            [x2, y2],
+          ];
         }
 
         const { position, positionAbsolute } = calculateNodePosition({
@@ -158,7 +163,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         hasChange = hasChange || n.position.x !== position.x || n.position.y !== position.y;
 
         n.position = position;
-        n.computed.positionAbsolute = positionAbsolute;
+        n.internals.positionAbsolute = positionAbsolute;
 
         return n;
       });
@@ -208,7 +213,6 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
 
     function startDrag(event: UseDragEvent) {
       const {
-        nodes,
         nodeLookup,
         multiSelectionActive,
         nodesDraggable,
@@ -236,7 +240,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
 
       const pointerPos = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
       lastPos = pointerPos;
-      dragItems = getDragItems(nodes, nodesDraggable, pointerPos, nodeId);
+      dragItems = getDragItems(nodeLookup, nodesDraggable, pointerPos, nodeId);
 
       if (dragItems.length > 0 && (onDragStart || onNodeDragStart || (!nodeId && onSelectionDragStart))) {
         const [currentNode, currentNodes] = getEventHandlerParams({
diff --git a/packages/system/src/xydrag/utils.ts b/packages/system/src/xydrag/utils.ts
index 15c9af681..e958cf647 100644
--- a/packages/system/src/xydrag/utils.ts
+++ b/packages/system/src/xydrag/utils.ts
@@ -1,15 +1,15 @@
-import { type NodeDragItem, type XYPosition, NodeBase } from '../types';
+import { type NodeDragItem, type XYPosition, InternalNodeBase, NodeBase, NodeLookup } from '../types';
 
 export function wrapSelectionDragFunc(selectionFunc?: (event: MouseEvent, nodes: NodeBase[]) => void) {
   return (event: MouseEvent, _: NodeBase, nodes: NodeBase[]) => selectionFunc?.(event, nodes);
 }
 
-export function isParentSelected<NodeType extends NodeBase>(node: NodeType, nodes: NodeType[]): boolean {
+export function isParentSelected<NodeType extends NodeBase>(node: NodeType, nodeLookup: NodeLookup): boolean {
   if (!node.parentNode) {
     return false;
   }
 
-  const parentNode = nodes.find((node) => node.id === node.parentNode);
+  const parentNode = nodeLookup.get(node.parentNode);
 
   if (!parentNode) {
     return false;
@@ -19,7 +19,7 @@ export function isParentSelected<NodeType extends NodeBase>(node: NodeType, node
     return true;
   }
 
-  return isParentSelected(parentNode, nodes);
+  return isParentSelected(parentNode, nodeLookup);
 }
 
 export function hasSelector(target: Element, selector: string, domNode: Element): boolean {
@@ -36,39 +36,43 @@ export function hasSelector(target: Element, selector: string, domNode: Element)
 
 // looks for all selected nodes and created a NodeDragItem for each of them
 export function getDragItems<NodeType extends NodeBase>(
-  nodes: NodeType[],
+  nodeLookup: Map<string, InternalNodeBase<NodeType>>,
   nodesDraggable: boolean,
   mousePos: XYPosition,
   nodeId?: string
 ): NodeDragItem[] {
-  return nodes
-    .filter(
-      (n) =>
-        (n.selected || n.id === nodeId) &&
-        (!n.parentNode || !isParentSelected(n, nodes)) &&
-        (n.draggable || (nodesDraggable && typeof n.draggable === 'undefined'))
-    )
-    .map((n) => ({
-      id: n.id,
-      position: n.position || { x: 0, y: 0 },
-      distance: {
-        x: mousePos.x - (n.computed?.positionAbsolute?.x ?? 0),
-        y: mousePos.y - (n.computed?.positionAbsolute?.y ?? 0),
-      },
-      delta: {
-        x: 0,
-        y: 0,
-      },
-      extent: n.extent,
-      parentNode: n.parentNode,
-      origin: n.origin,
-      expandParent: n.expandParent,
-      computed: {
-        positionAbsolute: n.computed?.positionAbsolute || { x: 0, y: 0 },
-        width: n.computed?.width || 0,
-        height: n.computed?.height || 0,
-      },
-    }));
+  const dragItems: NodeDragItem[] = [];
+
+  for (const [id, node] of nodeLookup) {
+    if (
+      (node.selected || node.id === nodeId) &&
+      (!node.parentNode || !isParentSelected(node, nodeLookup)) &&
+      (node.draggable || (nodesDraggable && typeof node.draggable === 'undefined'))
+    ) {
+      const internalNode = nodeLookup.get(id)!;
+
+      dragItems.push({
+        id: internalNode.id,
+        position: internalNode.position || { x: 0, y: 0 },
+        distance: {
+          x: mousePos.x - (internalNode.internals.positionAbsolute?.x ?? 0),
+          y: mousePos.y - (internalNode.internals.positionAbsolute?.y ?? 0),
+        },
+        extent: internalNode.extent,
+        parentNode: internalNode.parentNode,
+        origin: internalNode.origin,
+        expandParent: internalNode.expandParent,
+        internals: {
+          positionAbsolute: internalNode.internals.positionAbsolute || { x: 0, y: 0 },
+        },
+        computed: {
+          width: internalNode.computed.width || 0,
+          height: internalNode.computed.height || 0,
+        },
+      });
+    }
+  }
+  return dragItems;
 }
 
 // returns two params:
@@ -91,7 +95,6 @@ export function getEventHandlerParams<NodeType extends NodeBase>({
       position: n.position,
       computed: {
         ...n.computed,
-        positionAbsolute: n.computed.positionAbsolute,
       },
     };
   });
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 638ec9666..80b09e613 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -6,13 +6,13 @@ import {
   type HandleType,
   type Connection,
   type PanBy,
-  type NodeBase,
   type Transform,
   type ConnectingHandle,
   type OnConnectEnd,
   type UpdateConnection,
   type IsValidConnection,
   type ConnectionHandle,
+  NodeLookup,
 } from '../types';
 
 import { getClosestHandle, getConnectionStatus, getHandleLookup, getHandleType } from './utils';
@@ -25,7 +25,7 @@ export type OnPointerDownParams = {
   handleId: string | null;
   nodeId: string;
   isTarget: boolean;
-  nodes: NodeBase[];
+  nodeLookup: NodeLookup;
   lib: string;
   flowId: string | null;
   edgeUpdaterType?: HandleType;
@@ -79,7 +79,7 @@ function onPointerDown(
     edgeUpdaterType,
     isTarget,
     domNode,
-    nodes,
+    nodeLookup,
     lib,
     autoPanOnConnect,
     flowId,
@@ -116,7 +116,7 @@ function onPointerDown(
   let handleDomNode: Element | null = null;
 
   const handleLookup = getHandleLookup({
-    nodes,
+    nodeLookup,
     nodeId,
     handleId,
     handleType,
diff --git a/packages/system/src/xyhandle/utils.ts b/packages/system/src/xyhandle/utils.ts
index 8c82f6e3d..346ebe45a 100644
--- a/packages/system/src/xyhandle/utils.ts
+++ b/packages/system/src/xyhandle/utils.ts
@@ -3,15 +3,15 @@ import {
   type HandleType,
   type NodeHandleBounds,
   type XYPosition,
-  type NodeBase,
   type ConnectionHandle,
+  InternalNodeBase,
+  NodeLookup,
 } from '../types';
-import { internalsSymbol } from '../constants';
 
 // this functions collects all handles and adds an absolute position
 // so that we can later find the closest handle to the mouse position
 export function getHandles(
-  node: NodeBase,
+  node: InternalNodeBase,
   handleBounds: NodeHandleBounds,
   type: HandleType,
   currentHandle: string
@@ -22,8 +22,8 @@ export function getHandles(
         id: h.id || null,
         type,
         nodeId: node.id,
-        x: (node.computed?.positionAbsolute?.x ?? 0) + h.x + h.width / 2,
-        y: (node.computed?.positionAbsolute?.y ?? 0) + h.y + h.height / 2,
+        x: (node.internals.positionAbsolute.x ?? 0) + h.x + h.width / 2,
+        y: (node.internals.positionAbsolute.y ?? 0) + h.y + h.height / 2,
       });
     }
     return res;
@@ -62,28 +62,30 @@ export function getClosestHandle(
 }
 
 type GetHandleLookupParams = {
-  nodes: NodeBase[];
+  nodeLookup: NodeLookup;
   nodeId: string;
   handleId: string | null;
   handleType: string;
 };
 
-export function getHandleLookup({ nodes, nodeId, handleId, handleType }: GetHandleLookupParams) {
-  return nodes.reduce<ConnectionHandle[]>((res, node) => {
-    if (node[internalsSymbol]) {
-      const { handleBounds } = node[internalsSymbol];
-      let sourceHandles: ConnectionHandle[] = [];
-      let targetHandles: ConnectionHandle[] = [];
+export function getHandleLookup({
+  nodeLookup,
+  nodeId,
+  handleId,
+  handleType,
+}: GetHandleLookupParams): ConnectionHandle[] {
+  const connectionHandles: ConnectionHandle[] = [];
 
-      if (handleBounds) {
-        sourceHandles = getHandles(node, handleBounds, 'source', `${nodeId}-${handleId}-${handleType}`);
-        targetHandles = getHandles(node, handleBounds, 'target', `${nodeId}-${handleId}-${handleType}`);
-      }
-
-      res.push(...sourceHandles, ...targetHandles);
+  for (const [, node] of nodeLookup) {
+    if (node.internals.handleBounds) {
+      const id = `${nodeId}-${handleId}-${handleType}`;
+      const sourceHandles = getHandles(node, node.internals.handleBounds, 'source', id);
+      const targetHandles = getHandles(node, node.internals.handleBounds, 'target', id);
+      connectionHandles.push(...sourceHandles, ...targetHandles);
     }
-    return res;
-  }, []);
+  }
+
+  return connectionHandles;
 }
 
 export function getHandleType(

From 79dbdc27f62443b785b6f806775f98ecbf868d68 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 27 Mar 2024 15:14:36 +0100
Subject: [PATCH 0680/1093] chore(react/devtools): cleanup

---
 .../ReactFlowDevTools/ChangeLogger.tsx         | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/examples/react/src/examples/DevTools/ReactFlowDevTools/ChangeLogger.tsx b/examples/react/src/examples/DevTools/ReactFlowDevTools/ChangeLogger.tsx
index 7a137e337..4593ba28f 100644
--- a/examples/react/src/examples/DevTools/ReactFlowDevTools/ChangeLogger.tsx
+++ b/examples/react/src/examples/DevTools/ReactFlowDevTools/ChangeLogger.tsx
@@ -10,7 +10,7 @@ type ChangeInfoProps = {
   change: NodeChange;
 };
 
-function ChangeInfo({ change, index }: ChangeInfoProps) {
+function ChangeInfo({ change }: ChangeInfoProps) {
   const id = 'id' in change ? change.id : '-';
   const { type } = change;
 
@@ -46,17 +46,15 @@ export default function ChangeLogger({ color = '#555', limit = 20 }: ChangeLogge
     const onNodesChangeLogger: OnNodesChange = (changes) => {
       userOnNodesChange(changes);
 
-      requestAnimationFrame(() => {
-        setChanges((c) => {
-          changes.forEach((change) => {
-            if (c.length >= limit) {
-              c.pop();
-            }
+      setChanges((c) => {
+        changes.forEach((change) => {
+          if (c.length >= limit) {
+            c.pop();
+          }
 
-            c = [change, ...c];
-          });
-          return c;
+          c = [change, ...c];
         });
+        return c;
       });
     };
 

From 67d979985de52b9466c80df2967160e69aec47f2 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 28 Mar 2024 17:08:05 +0100
Subject: [PATCH 0681/1093] refactor(react): handle parent expand in store
 instead of applyChanges

---
 .../src/components/NodeWrapper/index.tsx      |   8 +-
 .../NodeRenderer/useResizeObserver.ts         |   4 +-
 .../react/src/hooks/useUpdateNodeInternals.ts |   2 +-
 packages/react/src/index.ts                   |   2 +-
 packages/react/src/store/index.ts             |  39 +++---
 packages/react/src/utils/changes.ts           |  56 +--------
 packages/system/src/types/changes.ts          |  69 +++++++++++
 packages/system/src/types/index.ts            |   1 +
 packages/system/src/types/nodes.ts            |   2 +-
 packages/system/src/utils/store.ts            | 112 +++++++++++++++---
 10 files changed, 199 insertions(+), 96 deletions(-)
 create mode 100644 packages/system/src/types/changes.ts

diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 5e2b91e24..e3fbf16c9 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -88,9 +88,11 @@ export function NodeWrapper<NodeType extends Node>({
   const moveSelectedNodes = useMoveSelectedNodes();
 
   useEffect(() => {
+    const currNode = nodeRef.current;
+
     return () => {
-      if (nodeRef.current) {
-        resizeObserver?.unobserve(nodeRef.current);
+      if (currNode) {
+        resizeObserver?.unobserve(currNode);
       }
     };
   }, []);
@@ -122,7 +124,7 @@ export function NodeWrapper<NodeType extends Node>({
       if (targetPosChanged) {
         prevTargetPosition.current = node.targetPosition;
       }
-      store.getState().updateNodeDimensions(new Map([[id, { id, nodeElement: nodeRef.current, forceUpdate: true }]]));
+      store.getState().updateNodeDimensions(new Map([[id, { id, nodeElement: nodeRef.current, force: true }]]));
     }
   }, [id, nodeType, node.sourcePosition, node.targetPosition]);
 
diff --git a/packages/react/src/container/NodeRenderer/useResizeObserver.ts b/packages/react/src/container/NodeRenderer/useResizeObserver.ts
index f0d0a22e5..82c079bd4 100644
--- a/packages/react/src/container/NodeRenderer/useResizeObserver.ts
+++ b/packages/react/src/container/NodeRenderer/useResizeObserver.ts
@@ -2,6 +2,7 @@ import { useEffect, useMemo, useRef } from 'react';
 
 import { ReactFlowState } from '../../types';
 import { useStore } from '../../hooks/useStore';
+import { NodeDimensionUpdate } from '@xyflow/system';
 
 const selector = (s: ReactFlowState) => s.updateNodeDimensions;
 
@@ -15,14 +16,13 @@ export function useResizeObserver() {
     }
 
     const observer = new ResizeObserver((entries: ResizeObserverEntry[]) => {
-      const updates = new Map();
+      const updates = new Map<string, NodeDimensionUpdate>();
 
       entries.forEach((entry: ResizeObserverEntry) => {
         const id = entry.target.getAttribute('data-id') as string;
         updates.set(id, {
           id,
           nodeElement: entry.target as HTMLDivElement,
-          forceUpdate: true,
         });
       });
 
diff --git a/packages/react/src/hooks/useUpdateNodeInternals.ts b/packages/react/src/hooks/useUpdateNodeInternals.ts
index 1d7cc681b..b156d506c 100644
--- a/packages/react/src/hooks/useUpdateNodeInternals.ts
+++ b/packages/react/src/hooks/useUpdateNodeInternals.ts
@@ -21,7 +21,7 @@ export function useUpdateNodeInternals(): UpdateNodeInternals {
       const nodeElement = domNode?.querySelector(`.react-flow__node[data-id="${updateId}"]`) as HTMLDivElement;
 
       if (nodeElement) {
-        updates.set(updateId, { id: updateId, nodeElement, forceUpdate: true });
+        updates.set(updateId, { id: updateId, nodeElement, force: true });
       }
     });
 
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 800ebd948..91be19eb8 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -28,7 +28,7 @@ export { useNodesData } from './hooks/useNodesData';
 export { useConnection } from './hooks/useConnection';
 export { useNodeId } from './contexts/NodeIdContext';
 
-export { applyNodeChanges, applyEdgeChanges, handleParentExpand } from './utils/changes';
+export { applyNodeChanges, applyEdgeChanges } from './utils/changes';
 export { isNode, isEdge } from './utils/general';
 
 export * from './additional-components';
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 3eddf5bca..b5a5effac 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -5,9 +5,10 @@ import {
   adoptUserProvidedNodes,
   updateAbsolutePositions,
   panBy as panBySystem,
-  Dimensions,
   updateNodeDimensions as updateNodeDimensionsSystem,
   updateConnectionLookup,
+  handleParentExpand,
+  NodeChange,
 } from '@xyflow/system';
 
 import { applyEdgeChanges, applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
@@ -16,12 +17,12 @@ import type {
   ReactFlowState,
   Node,
   Edge,
-  NodeDimensionChange,
   EdgeSelectionChange,
   NodeSelectionChange,
   NodePositionChange,
   UnselectNodesAndEdgesParams,
   FitViewOptions,
+  InternalNode,
 } from '../types';
 
 const createRFStore = ({
@@ -91,23 +92,10 @@ const createRFStore = ({
           nodeOrigin,
           debug,
         } = get();
-        const changes: NodeDimensionChange[] = [];
 
-        const updatedNodes = updateNodeDimensionsSystem(
-          updates,
-          nodeLookup,
-          domNode,
-          nodeOrigin,
-          (id: string, dimensions: Dimensions) => {
-            changes.push({
-              id: id,
-              type: 'dimensions',
-              dimensions,
-            });
-          }
-        );
+        const changes = updateNodeDimensionsSystem(updates, nodeLookup, domNode, nodeOrigin);
 
-        if (!updatedNodes) {
+        if (changes.length === 0) {
           return;
         }
 
@@ -137,17 +125,30 @@ const createRFStore = ({
         }
       },
       updateNodePositions: (nodeDragItems, dragging = false) => {
-        const changes = nodeDragItems.map((node) => {
-          const change: NodePositionChange = {
+        const { nodeLookup } = get();
+        const triggerChangeNodes: InternalNode[] = [];
+
+        const changes: NodeChange[] = nodeDragItems.map((node) => {
+          const internalNode = nodeLookup.get(node.id);
+          const change: NodeChange = {
             id: node.id,
             type: 'position',
             position: node.position,
             dragging,
           };
 
+          if (internalNode?.expandParent) {
+            triggerChangeNodes.push(internalNode);
+          }
+
           return change;
         });
 
+        if (triggerChangeNodes.length > 0) {
+          const parentExpandChanges = handleParentExpand(triggerChangeNodes, nodeLookup);
+          changes.push(...parentExpandChanges);
+        }
+
         get().triggerNodeChanges(changes);
       },
       triggerNodeChanges: (changes) => {
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 437c80dca..e4d0464de 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -10,51 +10,6 @@ import type {
   InternalNode,
 } from '../types';
 
-export function handleParentExpand(updatedElements: any[], updateItem: any) {
-  for (const [index, item] of updatedElements.entries()) {
-    if (item.id === updateItem.parentNode) {
-      const parent = { ...item };
-      parent.computed ??= {};
-
-      const extendWidth = updateItem.position.x + updateItem.computed.width - parent.computed.width;
-      const extendHeight = updateItem.position.y + updateItem.computed.height - parent.computed.height;
-
-      if (extendWidth > 0 || extendHeight > 0 || updateItem.position.x < 0 || updateItem.position.y < 0) {
-        parent.width = parent.width ?? parent.computed.width;
-        parent.height = parent.height ?? parent.computed.height;
-
-        if (extendWidth > 0) {
-          parent.width += extendWidth;
-        }
-
-        if (extendHeight > 0) {
-          parent.height += extendHeight;
-        }
-
-        if (updateItem.position.x < 0) {
-          const xDiff = Math.abs(updateItem.position.x);
-          parent.position.x = parent.position.x - xDiff;
-          parent.width += xDiff;
-          updateItem.position.x = 0;
-        }
-
-        if (updateItem.position.y < 0) {
-          const yDiff = Math.abs(updateItem.position.y);
-          parent.position.y = parent.position.y - yDiff;
-          parent.height += yDiff;
-          updateItem.position.y = 0;
-        }
-
-        parent.computed.width = parent.width;
-        parent.computed.height = parent.height;
-
-        updatedElements[index] = parent;
-      }
-      break;
-    }
-  }
-}
-
 // This function applies changes to nodes or edges that are triggered by React Flow internally.
 // When you drag a node for example, React Flow will send a position change update.
 // This function then applies the changes and returns the updated elements.
@@ -111,7 +66,7 @@ function applyChanges(changes: any[], elements: any[]): any[] {
     const updatedElement = { ...element };
 
     for (const change of changes) {
-      applyChange(change, updatedElement, updatedElements);
+      applyChange(change, updatedElement);
     }
 
     updatedElements.push(updatedElement);
@@ -121,7 +76,7 @@ function applyChanges(changes: any[], elements: any[]): any[] {
 }
 
 // Applies a single change to an element. This is a *mutable* update.
-function applyChange(change: any, element: any, elements: any[] = []): any {
+function applyChange(change: any, element: any): any {
   switch (change.type) {
     case 'select': {
       element.selected = change.selected;
@@ -137,9 +92,6 @@ function applyChange(change: any, element: any, elements: any[] = []): any {
         element.dragging = change.dragging;
       }
 
-      if (element.expandParent) {
-        handleParentExpand(elements, element);
-      }
       break;
     }
 
@@ -159,10 +111,6 @@ function applyChange(change: any, element: any, elements: any[] = []): any {
         element.resizing = change.resizing;
       }
 
-      if (element.expandParent) {
-        handleParentExpand(elements, element);
-      }
-
       break;
     }
   }
diff --git a/packages/system/src/types/changes.ts b/packages/system/src/types/changes.ts
new file mode 100644
index 000000000..d2da81cf6
--- /dev/null
+++ b/packages/system/src/types/changes.ts
@@ -0,0 +1,69 @@
+import type { XYPosition, Dimensions, NodeBase, EdgeBase } from '.';
+
+export type NodeDimensionChange = {
+  id: string;
+  type: 'dimensions';
+  dimensions?: Dimensions;
+  resizing?: boolean;
+};
+
+export type NodePositionChange = {
+  id: string;
+  type: 'position';
+  position?: XYPosition;
+  positionAbsolute?: XYPosition;
+  dragging?: boolean;
+};
+
+export type NodeSelectionChange = {
+  id: string;
+  type: 'select';
+  selected: boolean;
+};
+
+export type NodeRemoveChange = {
+  id: string;
+  type: 'remove';
+};
+
+export type NodeAddChange<NodeType extends NodeBase = NodeBase> = {
+  item: NodeType;
+  type: 'add';
+};
+
+export type NodeReplaceChange<NodeType extends NodeBase = NodeBase> = {
+  id: string;
+  item: NodeType;
+  type: 'replace';
+};
+
+/**
+ * Union type of all possible node changes.
+ * @public
+ */
+export type NodeChange<NodeType extends NodeBase = NodeBase> =
+  | NodeDimensionChange
+  | NodePositionChange
+  | NodeSelectionChange
+  | NodeRemoveChange
+  | NodeAddChange<NodeType>
+  | NodeReplaceChange<NodeType>;
+
+export type EdgeSelectionChange = NodeSelectionChange;
+export type EdgeRemoveChange = NodeRemoveChange;
+export type EdgeAddChange<EdgeType extends EdgeBase = EdgeBase> = {
+  item: EdgeType;
+  type: 'add';
+};
+
+export type EdgeReplaceChange<EdgeType extends EdgeBase = EdgeBase> = {
+  id: string;
+  item: EdgeType;
+  type: 'replace';
+};
+
+export type EdgeChange<EdgeType extends EdgeBase = EdgeBase> =
+  | EdgeSelectionChange
+  | EdgeRemoveChange
+  | EdgeAddChange<EdgeType>
+  | EdgeReplaceChange<EdgeType>;
diff --git a/packages/system/src/types/index.ts b/packages/system/src/types/index.ts
index 421a8531a..99653baf9 100644
--- a/packages/system/src/types/index.ts
+++ b/packages/system/src/types/index.ts
@@ -1,3 +1,4 @@
+export * from './changes';
 export * from './general';
 export * from './nodes';
 export * from './edges';
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 6929321be..2d9dfd5d0 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -110,7 +110,7 @@ export type NodeHandleBounds = {
 export type NodeDimensionUpdate = {
   id: string;
   nodeElement: HTMLDivElement;
-  forceUpdate?: boolean;
+  force?: boolean;
 };
 
 export type NodeBounds = XYPosition & {
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 21d5f9cf9..1c14d5f5b 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -1,7 +1,6 @@
 import {
   NodeBase,
   CoordinateExtent,
-  Dimensions,
   NodeDimensionUpdate,
   NodeOrigin,
   PanZoomInstance,
@@ -12,9 +11,12 @@ import {
   EdgeBase,
   EdgeLookup,
   InternalNodeBase,
+  NodeChange,
+  NodeLookup,
+  Rect,
 } from '../types';
 import { getDimensions, getHandleBounds } from './dom';
-import { isNumeric } from './general';
+import { getBoundsOfRects, getNodeDimensions, isNumeric, nodeToRect } from './general';
 import { getNodePositionWithOrigin } from './graph';
 
 type ParentNodes = Set<string>;
@@ -139,38 +141,102 @@ function calculateXYZPosition<NodeType extends NodeBase>(
   );
 }
 
-export function updateNodeDimensions<NodeType extends NodeBase>(
+export function handleParentExpand(nodes: InternalNodeBase[], nodeLookup: NodeLookup): NodeChange[] {
+  const changes: NodeChange[] = [];
+  const chilNodeRects = new Map<string, Rect>();
+
+  nodes.forEach((node) => {
+    if (node.expandParent && node.parentNode) {
+      const parentNode = nodeLookup.get(node.parentNode);
+
+      if (parentNode) {
+        const parentRect = chilNodeRects.get(node.parentNode) || nodeToRect(parentNode, node.origin);
+        const expandedRect = getBoundsOfRects(parentRect, nodeToRect(node, node.origin));
+        chilNodeRects.set(node.parentNode, expandedRect);
+      }
+    }
+  });
+
+  if (chilNodeRects.size > 0) {
+    chilNodeRects.forEach((rect, id) => {
+      const origParent = nodeLookup.get(id)!;
+      const { position } = getNodePositionWithOrigin(origParent, origParent.origin);
+      const dimensions = getNodeDimensions(origParent);
+
+      let xChange = null;
+      let yChange = null;
+
+      if (rect.x < position.x || rect.y < position.y) {
+        xChange = Math.abs(position.x - rect.x);
+        yChange = Math.abs(position.y - rect.y);
+
+        changes.push({
+          id,
+          type: 'position',
+          position: {
+            x: position.x - xChange,
+            y: position.y - yChange,
+          },
+        });
+
+        // @todo we need to reset child node positions if < 0
+      }
+
+      if (dimensions.width < rect.width || dimensions.height < rect.height) {
+        changes.push({
+          id,
+          type: 'dimensions',
+          resizing: true,
+          dimensions: {
+            width: Math.max(dimensions.width, rect.width),
+            height: Math.max(dimensions.height, rect.height),
+          },
+        });
+      }
+    });
+  }
+
+  return changes;
+}
+
+export function updateNodeDimensions<NodeType extends InternalNodeBase>(
   updates: Map<string, NodeDimensionUpdate>,
-  nodeLookup: Map<string, InternalNodeBase<NodeType>>,
+  nodeLookup: Map<string, NodeType>,
   domNode: HTMLElement | null,
-  nodeOrigin?: NodeOrigin,
-  onUpdate?: (id: string, dimensions: Dimensions) => void
-): { hasUpdate: boolean } {
+  nodeOrigin?: NodeOrigin
+): NodeChange[] {
   const viewportNode = domNode?.querySelector('.xyflow__viewport');
-  let hasUpdate = false;
 
   if (!viewportNode) {
-    return { hasUpdate };
+    return [];
   }
 
+  const changes: NodeChange[] = [];
   const style = window.getComputedStyle(viewportNode);
   const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
+  // in this array we collect nodes, that might trigger changes (like expanding parent)
+  const triggerChangeNodes: NodeType[] = [];
 
   updates.forEach((update) => {
     const node = nodeLookup.get(update.id);
 
-    if (node) {
+    if (node?.hidden) {
+      nodeLookup.set(node.id, {
+        ...node,
+        internals: {
+          ...node.internals,
+          handleBounds: undefined,
+        },
+      });
+    } else if (node) {
       const dimensions = getDimensions(update.nodeElement);
       const doUpdate = !!(
         dimensions.width &&
         dimensions.height &&
-        (node.computed?.width !== dimensions.width || node.computed?.height !== dimensions.height || update.forceUpdate)
+        (node.computed?.width !== dimensions.width || node.computed?.height !== dimensions.height || update.force)
       );
 
       if (doUpdate) {
-        hasUpdate = true;
-        onUpdate?.(node.id, dimensions);
-
         const newNode = {
           ...node,
           computed: {
@@ -185,12 +251,28 @@ export function updateNodeDimensions<NodeType extends NodeBase>(
             },
           },
         };
+
         nodeLookup.set(node.id, newNode);
+
+        changes.push({
+          id: newNode.id,
+          type: 'dimensions',
+          dimensions,
+        });
+
+        if (newNode.expandParent) {
+          triggerChangeNodes.push(newNode);
+        }
       }
     }
   });
 
-  return { hasUpdate };
+  if (triggerChangeNodes.length > 0) {
+    const parentExpandChanges = handleParentExpand(triggerChangeNodes, nodeLookup);
+    changes.push(...parentExpandChanges);
+  }
+
+  return changes;
 }
 
 export function panBy({

From e409939234aaaa950a06064bbebe84a78fb6fdbb Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 2 Apr 2024 20:15:38 +0200
Subject: [PATCH 0682/1093] refactor(node/internals): cleanup

---
 packages/react/src/store/index.ts  |  3 +-
 packages/system/src/utils/store.ts | 57 +++++++++++++++---------------
 2 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index b5a5effac..9da8f142f 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -19,7 +19,6 @@ import type {
   Edge,
   EdgeSelectionChange,
   NodeSelectionChange,
-  NodePositionChange,
   UnselectNodesAndEdgesParams,
   FitViewOptions,
   InternalNode,
@@ -99,7 +98,7 @@ const createRFStore = ({
           return;
         }
 
-        updateAbsolutePositions(nodeLookup, nodeOrigin);
+        updateAbsolutePositions(nodeLookup, { nodeOrigin });
 
         // we call fitView once initially after all dimensions are set
         let nextFitViewDone = fitViewDone;
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 1c14d5f5b..c404c0f9f 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -19,46 +19,45 @@ import { getDimensions, getHandleBounds } from './dom';
 import { getBoundsOfRects, getNodeDimensions, isNumeric, nodeToRect } from './general';
 import { getNodePositionWithOrigin } from './graph';
 
-type ParentNodes = Set<string>;
-
 export function updateAbsolutePositions<NodeType extends NodeBase>(
   nodeLookup: Map<string, InternalNodeBase<NodeType>>,
-  nodeOrigin: NodeOrigin = [0, 0],
-  parentNodes?: ParentNodes
+  options: UpdateNodesOptions<NodeType> = {
+    nodeOrigin: [0, 0] as NodeOrigin,
+    elevateNodesOnSelect: true,
+    defaults: {},
+  },
+  parentNodeIds?: Set<string>
 ) {
-  for (const [, node] of nodeLookup) {
-    if (node.parentNode && !nodeLookup.has(node.parentNode)) {
-      throw new Error(`Parent node ${node.parentNode} not found`);
+  const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
+
+  for (const [id, node] of nodeLookup) {
+    const parentId = node.parentNode;
+
+    if (parentId && !nodeLookup.has(parentId)) {
+      throw new Error(`Parent node ${parentId} not found`);
     }
 
-    if (node.parentNode || parentNodes?.has(node.id)) {
-      const parentNode = node.parentNode ? nodeLookup.get(node.parentNode) : null;
+    if (node.parentNode || node.internals.isParent || parentNodeIds?.has(id)) {
+      const parentNode = parentId ? nodeLookup.get(parentId) : null;
       const { x, y, z } = calculateXYZPosition(
         node,
         nodeLookup,
         {
           ...node.position,
-          z: node.internals.z ?? 0,
+          z: (isNumeric(node.zIndex) ? node.zIndex : 0) + (node.selected ? selectedNodeZ : 0),
         },
-        parentNode?.origin || nodeOrigin
+        parentNode?.origin || options.nodeOrigin
       );
 
-      const positionChanged = x !== node.internals.positionAbsolute?.x || y !== node.internals.positionAbsolute?.y;
-      node.internals.positionAbsolute = positionChanged
-        ? {
-            x,
-            y,
-          }
-        : node.internals.positionAbsolute;
+      const currPosition = node.internals.positionAbsolute;
+      const positionChanged = x !== currPosition.x || y !== currPosition.y;
 
+      node.internals.positionAbsolute = positionChanged ? { x, y } : currPosition;
       node.internals.z = z;
+      node.internals.isParent = !!parentNodeIds?.has(id);
 
-      if (parentNodes?.has(node.id)) {
-        node.internals.isParent = true;
-      }
+      nodeLookup.set(id, node);
     }
-
-    nodeLookup.set(node.id, node);
   }
 }
 
@@ -79,14 +78,16 @@ export function adoptUserProvidedNodes<NodeType extends NodeBase>(
 ) {
   const tmpLookup = new Map(nodeLookup);
   nodeLookup.clear();
-  const parentNodes: ParentNodes = new Set();
   const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
+  const parentNodeIds = new Set<string>();
 
   nodes.forEach((n) => {
     const currentStoreNode = tmpLookup.get(n.id);
+
     if (n.parentNode) {
-      parentNodes.add(n.parentNode);
+      parentNodeIds.add(n.parentNode);
     }
+
     if (n === currentStoreNode?.internals?.userProvidedNode) {
       nodeLookup.set(n.id, currentStoreNode);
       return currentStoreNode;
@@ -111,8 +112,8 @@ export function adoptUserProvidedNodes<NodeType extends NodeBase>(
     nodeLookup.set(node.id, node);
   });
 
-  if (parentNodes.size > 0) {
-    updateAbsolutePositions(nodeLookup, options.nodeOrigin, parentNodes);
+  if (parentNodeIds.size > 0) {
+    updateAbsolutePositions(nodeLookup, options, parentNodeIds);
   }
 }
 
@@ -120,7 +121,7 @@ function calculateXYZPosition<NodeType extends NodeBase>(
   node: NodeType,
   nodeLookup: Map<string, InternalNodeBase<NodeType>>,
   result: XYZPosition,
-  nodeOrigin: NodeOrigin
+  nodeOrigin: NodeOrigin = [0, 0]
 ): XYZPosition {
   if (!node.parentNode) {
     return result;

From a1fd1aee9cfefb656a0f6615ba28cfab6ca22e1c Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 3 Apr 2024 09:59:27 +0200
Subject: [PATCH 0683/1093] hidden nodes dont crash application on unmount
 anymore, hidden elements get correctly unobserved

---
 .../src/lib/components/NodeWrapper/NodeWrapper.svelte    | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index eff6c7336..ad1cbc6ef 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -58,7 +58,7 @@
   const nodeType = type || 'default';
 
   let nodeRef: HTMLDivElement;
-  let prevNodeRef: HTMLDivElement;
+  let prevNodeRef: HTMLDivElement | null = null;
 
   const nodeTypeValid = !!$nodeTypes[nodeType];
 
@@ -129,11 +129,16 @@
         resizeObserver?.observe(nodeRef);
         prevNodeRef = nodeRef;
       }
+    } else if (prevNodeRef) {
+      resizeObserver?.unobserve(prevNodeRef);
+      prevNodeRef = null;
     }
   }
 
   onDestroy(() => {
-    resizeObserver?.unobserve(nodeRef);
+    if (prevNodeRef) {
+      resizeObserver?.unobserve(prevNodeRef);
+    }
   });
 
   function onSelectNodeHandler(event: MouseEvent | TouchEvent) {

From 0d76bcf2fd3038b2df2ad2556d7aa478023130c5 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 3 Apr 2024 10:11:45 +0200
Subject: [PATCH 0684/1093] make possible to change edge types

---
 .../src/lib/components/EdgeWrapper/EdgeWrapper.svelte       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 0a2290994..33bb51ecc 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -51,7 +51,7 @@
     edgecontextmenu: { edge: Edge; event: MouseEvent };
   }>();
 
-  const edgeType = type || 'default';
+  $: edgeType = type || 'default';
   $: edgeComponent = $edgeTypes[edgeType] || BezierEdgeInternal;
   $: markerStartUrl = markerStart ? `url(#${getMarkerId(markerStart, $flowId)})` : undefined;
   $: markerEndUrl = markerEnd ? `url(#${getMarkerId(markerEnd, $flowId)})` : undefined;
@@ -92,8 +92,8 @@
       aria-label={ariaLabel === null
         ? undefined
         : ariaLabel
-        ? ariaLabel
-        : `Edge from ${source} to ${target}`}
+          ? ariaLabel
+          : `Edge from ${source} to ${target}`}
       role="img"
     >
       <svelte:component

From 6753c19188251df201affa7934e5aa0fcfc431b5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 3 Apr 2024 10:16:47 +0200
Subject: [PATCH 0685/1093] fix(parentExpand): prevent jumping

---
 packages/system/src/utils/store.ts | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index c404c0f9f..47b4f7f5e 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -54,7 +54,10 @@ export function updateAbsolutePositions<NodeType extends NodeBase>(
 
       node.internals.positionAbsolute = positionChanged ? { x, y } : currPosition;
       node.internals.z = z;
-      node.internals.isParent = !!parentNodeIds?.has(id);
+
+      if (parentNodeIds !== undefined) {
+        node.internals.isParent = !!parentNodeIds?.has(id);
+      }
 
       nodeLookup.set(id, node);
     }
@@ -164,12 +167,9 @@ export function handleParentExpand(nodes: InternalNodeBase[], nodeLookup: NodeLo
       const { position } = getNodePositionWithOrigin(origParent, origParent.origin);
       const dimensions = getNodeDimensions(origParent);
 
-      let xChange = null;
-      let yChange = null;
-
       if (rect.x < position.x || rect.y < position.y) {
-        xChange = Math.abs(position.x - rect.x);
-        yChange = Math.abs(position.y - rect.y);
+        const xChange = Math.round(Math.abs(position.x - rect.x));
+        const yChange = Math.round(Math.abs(position.y - rect.y));
 
         changes.push({
           id,
@@ -180,10 +180,18 @@ export function handleParentExpand(nodes: InternalNodeBase[], nodeLookup: NodeLo
           },
         });
 
-        // @todo we need to reset child node positions if < 0
-      }
+        changes.push({
+          id,
+          type: 'dimensions',
+          resizing: true,
+          dimensions: {
+            width: dimensions.width + xChange,
+            height: dimensions.height + yChange,
+          },
+        });
 
-      if (dimensions.width < rect.width || dimensions.height < rect.height) {
+        // @todo we need to reset child node positions if < 0
+      } else if (dimensions.width < rect.width || dimensions.height < rect.height) {
         changes.push({
           id,
           type: 'dimensions',

From 3a4ddc2aee1abc9c8c8c75473347b42526c741fc Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 3 Apr 2024 10:51:22 +0200
Subject: [PATCH 0686/1093] chore(svelte): formatted and lint errors fixed

---
 packages/svelte/.eslintignore                 |  1 +
 packages/svelte/.prettierrc                   |  1 -
 packages/svelte/CHANGELOG.md                  | 10 ++--
 packages/svelte/README.md                     | 25 ++------
 .../components/Attribution/Attribution.svelte |  4 +-
 .../EdgeLabelRenderer.svelte                  |  2 -
 .../lib/components/EdgeLabelRenderer/index.ts |  2 +-
 .../components/EdgeWrapper/EdgeWrapper.svelte |  6 +-
 .../components/NodeWrapper/NodeWrapper.svelte | 57 +++++++++----------
 .../ViewportPortal/ViewportPortal.svelte      |  2 -
 .../svelte/src/lib/container/Pane/Pane.svelte |  2 +-
 .../src/lib/container/SvelteFlow/utils.ts     |  3 +-
 packages/svelte/src/lib/hooks/useNodesData.ts |  3 +-
 .../src/lib/plugins/Minimap/Minimap.svelte    |  5 +-
 .../plugins/NodeResizer/ResizeControl.svelte  |  2 +-
 .../src/lib/store/derived-connection-props.ts | 11 ++--
 16 files changed, 60 insertions(+), 76 deletions(-)

diff --git a/packages/svelte/.eslintignore b/packages/svelte/.eslintignore
index 38972655f..c4563de97 100644
--- a/packages/svelte/.eslintignore
+++ b/packages/svelte/.eslintignore
@@ -2,6 +2,7 @@
 node_modules
 /build
 /.svelte-kit
+dist
 /package
 .env
 .env.*
diff --git a/packages/svelte/.prettierrc b/packages/svelte/.prettierrc
index 862e74f21..20bc78a91 100644
--- a/packages/svelte/.prettierrc
+++ b/packages/svelte/.prettierrc
@@ -3,6 +3,5 @@
   "trailingComma": "none",
   "printWidth": 100,
   "plugins": ["prettier-plugin-svelte"],
-  "pluginSearchDirs": ["."],
   "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
 }
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 5ea7f58e4..5d8c5aebf 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -16,7 +16,7 @@
 
 ## ⚠️ Breaking changes
 
-- `NodeProps` generic is a node and not only node data. `type $$Props = NodeProps<AppNode>`  
+- `NodeProps` generic is a node and not only node data. `type $$Props = NodeProps<AppNode>`
 
 ## Patch changes
 
@@ -45,7 +45,7 @@
 - fix `on:panecontextmenu`
 - add `role="button"` to `<EdgeLabel />` to prevent a11y warnings
 - don't delete node when input is focused and user presses Backspace + Ctrl (or any other mod key)
-- `useHandleConnections`: use context node id when no node id is passed  
+- `useHandleConnections`: use context node id when no node id is passed
 - don't trigger drag start / end when node is not draggable
 
 ## 0.0.35
@@ -87,7 +87,7 @@
 
 ### ⚠️ Breaking
 
-- `deleteElements` function now takes one object as an argument `{ nodes: [], edges: [] }` instead of two `(nodes, edges)`  
+- `deleteElements` function now takes one object as an argument `{ nodes: [], edges: [] }` instead of two `(nodes, edges)`
 
 ## 0.0.32
 
@@ -106,7 +106,7 @@
 ### Features
 
 - add `onbeforedelete` handler to prevent/ manage deletions
-- TSDocs for hooks and some types 
+- TSDocs for hooks and some types
 
 ### Patch changes
 
@@ -302,4 +302,4 @@ This very first release comes with lots of features already:
 - draggable, selectable and deletable nodes
 - support for custom `nodeTypes` and `edgeTypes`
 - basic viewport settings like `fitView`, `minZoom` and `maxZoom`
-- additional components: `<MiniMap />`, `<Controls />` & `<Background />` 
+- additional components: `<MiniMap />`, `<Controls />` & `<Background />`
diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index 33e84761d..d16da36c4 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -10,7 +10,7 @@ Svelte Flow is a highly customizable component for building interactive graphs a
 
 ☣️ **Svelte Flow is still alpha and currently under heavy development. The API is relatively stable but some things might change.** ☣️
 
-[🚀 Getting Started](https://svelteflow.dev/learn) | [📖 Documentation](https://svelteflow.dev/api-reference/svelte-flow) | [📺 Examples](https://svelteflow.dev/examples/overview) | [☎️ Discord](https://discord.gg/RVmnytFmGW) 
+[🚀 Getting Started](https://svelteflow.dev/learn) | [📖 Documentation](https://svelteflow.dev/api-reference/svelte-flow) | [📺 Examples](https://svelteflow.dev/examples/overview) | [☎️ Discord](https://discord.gg/RVmnytFmGW)
 
 </div>
 
@@ -18,7 +18,7 @@ Svelte Flow is a highly customizable component for building interactive graphs a
 
 - **Easy to use:** Seamless zooming and panning, single- and multi selection of graph elements and keyboard shortcuts are supported out of the box
 - **Customizable:** Different [node](https://svelteflow.dev/examples) and [edge types](https://svelteflow.dev/examples/edges/edge-types) and support for custom nodes with multiple handles and custom edges
-- **Fast rendering:** Only nodes that have changed are re-rendered 
+- **Fast rendering:** Only nodes that have changed are re-rendered
 - **Hooks and Utils:** [Hooks](https://svelteflow.dev/api-reference/hooks) for handling nodes, edges and the viewport and graph [helper functions](https://svelteflow.dev/api-reference/utils)
 - **Plugin Components:** [Background](https://svelteflow.dev/api-reference/components/background), [MiniMap](https://svelteflow.dev/api-reference/components/minimap) and [Controls](https://svelteflow.dev/api-reference/components/controls)
 - **Reliable**: Written in [Typescript](https://www.typescriptlang.org) and tested with [Playwright](https://www.playwright.dev)
@@ -38,18 +38,12 @@ You only need a few lines to get a fully interactive (e.g. select and drag nodes
 ```svelte
 <script lang="ts">
   import { writable } from 'svelte/store';
-  import {
-    SvelteFlow,
-    Controls,
-    Background,
-    BackgroundVariant,
-    MiniMap,
-  } from '@xyflow/svelte';
+  import { SvelteFlow, Controls, Background, BackgroundVariant, MiniMap } from '@xyflow/svelte';
 
   // you need to import the styles for Svelte Flow to work
   // if you just want to load the basic styleds, you can import '@xyflow/svelte/dist/base.css'
-  import '@xyflow/svelte/dist/style.css'
-  
+  import '@xyflow/svelte/dist/style.css';
+
   // We are using writables for the nodes and edges to sync them easily. When a user drags a node for example, Svelte Flow updates its position. This also makes it easier to update nodes in user land.
   const nodes = writable([
     {
@@ -78,12 +72,7 @@ You only need a few lines to get a fully interactive (e.g. select and drag nodes
   ]);
 </script>
 
-<SvelteFlow
-  {nodes}
-  {edges}
-  fitView
-  on:nodeclick={(event) => console.log('on node click', event)}
->
+<SvelteFlow {nodes} {edges} fitView on:nodeclick={(event) => console.log('on node click', event)}>
   <Controls />
   <Background variant={BackgroundVariant.Dots} />
   <MiniMap />
@@ -102,7 +91,6 @@ You only need a few lines to get a fully interactive (e.g. select and drag nodes
 
 And of course, we love Github stars ⭐
 
-
 ## Development
 
 If you want to check out the current version you need to run the following command from the root directory:
@@ -113,7 +101,6 @@ If you want to check out the current version you need to run the following comma
 
 You can now access the examples under http://127.0.0.1:5173
 
-
 ## Maintainers
 
 Svelte Flow is maintained by the team behind [xyflow](https://xyflow.com). If you need help or want to talk to us about a collaboration, reach out through our [contact form](https://xyflow.com/contact) or by joining our [Discord Server](https://discord.gg/Bqt6xrs).
diff --git a/packages/svelte/src/lib/components/Attribution/Attribution.svelte b/packages/svelte/src/lib/components/Attribution/Attribution.svelte
index 8edf0074c..bb7041d7c 100644
--- a/packages/svelte/src/lib/components/Attribution/Attribution.svelte
+++ b/packages/svelte/src/lib/components/Attribution/Attribution.svelte
@@ -4,8 +4,8 @@
 
   type $$Props = AttributionProps;
 
-  export let proOptions: AttributionProps['proOptions'] = undefined;
-  export let position: AttributionProps['position'] = 'bottom-right';
+  export let proOptions: $$Props['proOptions'] = undefined;
+  export let position: $$Props['position'] = 'bottom-right';
 </script>
 
 {#if !proOptions?.hideAttribution}
diff --git a/packages/svelte/src/lib/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte b/packages/svelte/src/lib/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte
index f3cfeca92..76bc8061c 100644
--- a/packages/svelte/src/lib/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte
+++ b/packages/svelte/src/lib/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte
@@ -2,8 +2,6 @@
   import portal from '$lib/actions/portal';
   import { useStore } from '$lib/store';
 
-  type $$Props = {};
-
   const { domNode } = useStore();
 </script>
 
diff --git a/packages/svelte/src/lib/components/EdgeLabelRenderer/index.ts b/packages/svelte/src/lib/components/EdgeLabelRenderer/index.ts
index 18592b1bd..02f40786e 100644
--- a/packages/svelte/src/lib/components/EdgeLabelRenderer/index.ts
+++ b/packages/svelte/src/lib/components/EdgeLabelRenderer/index.ts
@@ -1 +1 @@
-export { default as EdgeLabelRenderer } from './EdgeLabelRenderer.svelte';
\ No newline at end of file
+export { default as EdgeLabelRenderer } from './EdgeLabelRenderer.svelte';
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 0a2290994..35d2b1260 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -80,7 +80,7 @@
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 {#if !hidden}
-  <svg style:zIndex>
+  <svg style:z-index={zIndex}>
     <g
       class={cc(['svelte-flow__edge', className])}
       class:animated
@@ -92,8 +92,8 @@
       aria-label={ariaLabel === null
         ? undefined
         : ariaLabel
-        ? ariaLabel
-        : `Edge from ${source} to ${target}`}
+          ? ariaLabel
+          : `Edge from ${source} to ${target}`}
       role="img"
     >
       <svelte:component
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index eff6c7336..f5a374b3b 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -1,7 +1,7 @@
 <svelte:options immutable />
 
 <script lang="ts">
-  import { createEventDispatcher, setContext, onDestroy } from 'svelte';
+  import { setContext, onDestroy } from 'svelte';
   import { get, writable } from 'svelte/store';
   import cc from 'classcat';
   import { errorMessages, Position } from '@xyflow/system';
@@ -10,40 +10,39 @@
   import { useStore } from '$lib/store';
   import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
   import type { NodeWrapperProps } from './types';
-  import type { Node } from '$lib/types';
   import { getNodeInlineStyleDimensions } from './utils';
   import { createNodeEventDispatcher } from '$lib';
 
   interface $$Props extends NodeWrapperProps {}
 
-  export let node: NodeWrapperProps['node'];
-  export let id: NodeWrapperProps['id'];
-  export let data: NodeWrapperProps['data'] = {};
-  export let selected: NodeWrapperProps['selected'] = false;
-  export let draggable: NodeWrapperProps['draggable'] = undefined;
-  export let selectable: NodeWrapperProps['selectable'] = undefined;
-  export let connectable: NodeWrapperProps['connectable'] = true;
-  export let hidden: NodeWrapperProps['hidden'] = false;
+  export let node: $$Props['node'];
+  export let id: $$Props['id'];
+  export let data: $$Props['data'] = {};
+  export let selected: $$Props['selected'] = false;
+  export let draggable: $$Props['draggable'] = undefined;
+  export let selectable: $$Props['selectable'] = undefined;
+  export let connectable: $$Props['connectable'] = true;
+  export let hidden: $$Props['hidden'] = false;
   export let dragging: boolean = false;
-  export let resizeObserver: NodeWrapperProps['resizeObserver'] = null;
-  export let style: NodeWrapperProps['style'] = undefined;
-  export let type: NodeWrapperProps['type'] = 'default';
-  export let isParent: NodeWrapperProps['isParent'] = false;
-  export let positionX: NodeWrapperProps['positionX'];
-  export let positionY: NodeWrapperProps['positionY'];
-  export let positionOriginX: NodeWrapperProps['positionOriginX'];
-  export let positionOriginY: NodeWrapperProps['positionOriginY'];
-  export let sourcePosition: NodeWrapperProps['sourcePosition'] = undefined;
-  export let targetPosition: NodeWrapperProps['targetPosition'] = undefined;
-  export let zIndex: NodeWrapperProps['zIndex'];
-  export let computedWidth: NodeWrapperProps['computedWidth'] = undefined;
-  export let computedHeight: NodeWrapperProps['computedHeight'] = undefined;
-  export let initialWidth: NodeWrapperProps['initialWidth'] = undefined;
-  export let initialHeight: NodeWrapperProps['initialHeight'] = undefined;
-  export let width: NodeWrapperProps['width'] = undefined;
-  export let height: NodeWrapperProps['height'] = undefined;
-  export let dragHandle: NodeWrapperProps['dragHandle'] = undefined;
-  export let initialized: NodeWrapperProps['initialized'] = false;
+  export let resizeObserver: $$Props['resizeObserver'] = null;
+  export let style: $$Props['style'] = undefined;
+  export let type: $$Props['type'] = 'default';
+  export let isParent: $$Props['isParent'] = false;
+  export let positionX: $$Props['positionX'];
+  export let positionY: $$Props['positionY'];
+  export let positionOriginX: $$Props['positionOriginX'];
+  export let positionOriginY: $$Props['positionOriginY'];
+  export let sourcePosition: $$Props['sourcePosition'] = undefined;
+  export let targetPosition: $$Props['targetPosition'] = undefined;
+  export let zIndex: $$Props['zIndex'];
+  export let computedWidth: $$Props['computedWidth'] = undefined;
+  export let computedHeight: $$Props['computedHeight'] = undefined;
+  export let initialWidth: $$Props['initialWidth'] = undefined;
+  export let initialHeight: $$Props['initialHeight'] = undefined;
+  export let width: $$Props['width'] = undefined;
+  export let height: $$Props['height'] = undefined;
+  export let dragHandle: $$Props['dragHandle'] = undefined;
+  export let initialized: $$Props['initialized'] = false;
   let className: string = '';
   export { className as class };
 
diff --git a/packages/svelte/src/lib/components/ViewportPortal/ViewportPortal.svelte b/packages/svelte/src/lib/components/ViewportPortal/ViewportPortal.svelte
index a0bcb3475..076b72dfd 100644
--- a/packages/svelte/src/lib/components/ViewportPortal/ViewportPortal.svelte
+++ b/packages/svelte/src/lib/components/ViewportPortal/ViewportPortal.svelte
@@ -2,8 +2,6 @@
   import portal from '$lib/actions/portal';
   import { useStore } from '$lib/store';
 
-  type $$Props = {};
-
   const { domNode } = useStore();
 </script>
 
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 48c8113f9..6a8d4dd87 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -178,7 +178,7 @@
     // onSelectionEnd?.(event);
   }
 
-  const onMouseLeave = (event: MouseEvent) => {
+  const onMouseLeave = () => {
     if ($selectionRectMode === 'user') {
       selectionRectMode.set(selectedNodes.length > 0 ? 'nodes' : null);
       //  onSelectionEnd?.(event);
diff --git a/packages/svelte/src/lib/container/SvelteFlow/utils.ts b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
index 2970f15c5..29e65db41 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/utils.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
@@ -76,8 +76,7 @@ export function updateStoreByKeys(store: SvelteFlowStore, keys: UpdatableStorePr
   getKeys(keys).forEach((prop) => {
     const update = keys[prop];
     if (update !== undefined) {
-      // @todo: how to fix this TS error?
-      // @ts-ignore
+      // @ts-expect-error @todo: how to fix this TS error?
       store[prop].set(update);
     }
   });
diff --git a/packages/svelte/src/lib/hooks/useNodesData.ts b/packages/svelte/src/lib/hooks/useNodesData.ts
index 254a70fde..83db21156 100644
--- a/packages/svelte/src/lib/hooks/useNodesData.ts
+++ b/packages/svelte/src/lib/hooks/useNodesData.ts
@@ -20,7 +20,8 @@ export function useNodesData<NodeType extends Node = Node>(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function useNodesData(nodeIds: any): any {
   const { nodes, nodeLookup } = useStore();
-  let prevNodesData: any = [];
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  let prevNodesData: any[] = [];
 
   return derived([nodes, nodeLookup], ([, nodeLookup], set) => {
     const nextNodesData = [];
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index a722ed9c8..20b2317dc 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -1,6 +1,6 @@
 <script lang="ts" context="module">
-  declare const window: any;
-
+  declare const window: Window | undefined;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const getAttrFunction = (func: any): GetMiniMapNodeAttribute =>
     func instanceof Function ? func : () => func;
 </script>
@@ -61,6 +61,7 @@
   const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
   const nodeClassFunc = getAttrFunction(nodeClass);
   const shapeRendering =
+    // @ts-expect-error - TS doesn't know about chrome
     typeof window === 'undefined' || !!window.chrome ? 'crispEdges' : 'geometricPrecision';
   const labelledBy = `svelte-flow__minimap-desc-${$flowId}`;
 
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
index d3d1d793b..c67f2e87f 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
+++ b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
@@ -52,7 +52,7 @@
 
   $: colorStyleProp = variant === ResizeControlVariant.Line ? 'border-color' : 'background-color';
   $: _style = style ?? '';
-  $: controlStyle = !!color ? `${_style} ${colorStyleProp}: ${color};` : _style;
+  $: controlStyle = color ? `${_style} ${colorStyleProp}: ${color};` : _style;
 
   onMount(() => {
     if (resizeControlRef) {
diff --git a/packages/svelte/src/lib/store/derived-connection-props.ts b/packages/svelte/src/lib/store/derived-connection-props.ts
index 2ee745386..0edf3c6cb 100644
--- a/packages/svelte/src/lib/store/derived-connection-props.ts
+++ b/packages/svelte/src/lib/store/derived-connection-props.ts
@@ -6,7 +6,8 @@ import {
   ConnectionLineType,
   ConnectionMode,
   Position,
-  internalsSymbol
+  internalsSymbol,
+  type HandleElement
 } from '@xyflow/system';
 
 import type { SvelteFlowStoreState } from './types';
@@ -68,16 +69,16 @@ export function getDerivedConnectionProps(
       const fromHandleBounds = fromNode?.[internalsSymbol]?.handleBounds;
       const handleBoundsStrict =
         fromHandleBounds?.[connection.connectionStartHandle.type || 'source'] || [];
-      const handleBoundsLoose = handleBoundsStrict
+      const handleBoundsLoose: HandleElement[] | undefined | null = handleBoundsStrict
         ? handleBoundsStrict
         : fromHandleBounds?.[
             connection?.connectionStartHandle?.type === 'source' ? 'target' : 'source'
-          ]!;
+          ];
       const handleBounds =
         connectionMode === ConnectionMode.Strict ? handleBoundsStrict : handleBoundsLoose;
       const fromHandle = connection.connectionStartHandle?.handleId
-        ? handleBounds.find((d) => d.id === connection.connectionStartHandle?.handleId)
-        : handleBounds[0];
+        ? handleBounds?.find((d) => d.id === connection.connectionStartHandle?.handleId)
+        : handleBounds?.[0];
       const fromHandleX = fromHandle
         ? fromHandle.x + fromHandle.width / 2
         : (fromNode?.computed?.width ?? 0) / 2;

From b302cb59e8b3134b6a77040ab5c763983f98fcab Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 3 Apr 2024 11:33:21 +0200
Subject: [PATCH 0687/1093] style(devtools): put styles in css file

---
 .../ChangeLogger.tsx                          | 22 +++----
 .../NodeInspector.tsx                         | 14 ++---
 .../src/examples/DevTools/DevTools/index.tsx  | 42 +++++++++++++
 .../src/examples/DevTools/DevTools/style.css  | 63 +++++++++++++++++++
 .../DevTools/ReactFlowDevTools/index.tsx      | 26 --------
 .../react/src/examples/DevTools/index.tsx     | 15 ++---
 6 files changed, 123 insertions(+), 59 deletions(-)
 rename examples/react/src/examples/DevTools/{ReactFlowDevTools => DevTools}/ChangeLogger.tsx (77%)
 rename examples/react/src/examples/DevTools/{ReactFlowDevTools => DevTools}/NodeInspector.tsx (82%)
 create mode 100644 examples/react/src/examples/DevTools/DevTools/index.tsx
 create mode 100644 examples/react/src/examples/DevTools/DevTools/style.css
 delete mode 100644 examples/react/src/examples/DevTools/ReactFlowDevTools/index.tsx

diff --git a/examples/react/src/examples/DevTools/ReactFlowDevTools/ChangeLogger.tsx b/examples/react/src/examples/DevTools/DevTools/ChangeLogger.tsx
similarity index 77%
rename from examples/react/src/examples/DevTools/ReactFlowDevTools/ChangeLogger.tsx
rename to examples/react/src/examples/DevTools/DevTools/ChangeLogger.tsx
index 4593ba28f..d4fffcda1 100644
--- a/examples/react/src/examples/DevTools/ReactFlowDevTools/ChangeLogger.tsx
+++ b/examples/react/src/examples/DevTools/DevTools/ChangeLogger.tsx
@@ -29,7 +29,7 @@ function ChangeInfo({ change }: ChangeInfoProps) {
   );
 }
 
-export default function ChangeLogger({ color = '#555', limit = 20 }: ChangeLoggerProps) {
+export default function ChangeLogger({ limit = 20 }: ChangeLoggerProps) {
   const [changes, setChanges] = useState<NodeChange[]>([]);
   const onNodesChangeIntercepted = useRef(false);
   const onNodesChange = useStore((s) => s.onNodesChange);
@@ -62,19 +62,13 @@ export default function ChangeLogger({ color = '#555', limit = 20 }: ChangeLogge
   }, [onNodesChange]);
 
   return (
-    <div
-      style={{ fontFamily: 'monospace', fontSize: 10, position: 'relative', top: 45, left: 15, width: '100%', color }}
-    >
-      <div style={{ margin: '5px 0' }}>
-        <strong>Change Logger</strong>
-      </div>
-      <div>
-        {changes.length === 0 ? (
-          <>no changes triggered</>
-        ) : (
-          changes.map((change, index) => <ChangeInfo key={index} change={change} />)
-        )}
-      </div>
+    <div className="react-flow__devtools-changelogger">
+      <div className="react-flow__devtools-title">Change Logger</div>
+      {changes.length === 0 ? (
+        <>no changes triggered</>
+      ) : (
+        changes.map((change, index) => <ChangeInfo key={index} change={change} />)
+      )}
     </div>
   );
 }
diff --git a/examples/react/src/examples/DevTools/ReactFlowDevTools/NodeInspector.tsx b/examples/react/src/examples/DevTools/DevTools/NodeInspector.tsx
similarity index 82%
rename from examples/react/src/examples/DevTools/ReactFlowDevTools/NodeInspector.tsx
rename to examples/react/src/examples/DevTools/DevTools/NodeInspector.tsx
index ae07029a4..5d467514a 100644
--- a/examples/react/src/examples/DevTools/ReactFlowDevTools/NodeInspector.tsx
+++ b/examples/react/src/examples/DevTools/DevTools/NodeInspector.tsx
@@ -12,17 +12,15 @@ type NodeInfoProps = {
 
 function NodeInfo({ id, type, x, y, width, height, data }: NodeInfoProps) {
   if (!width || !height) {
-    return <div></div>;
+    return null;
   }
 
   return (
     <div
+      className="react-flow__devtools-nodeinfo"
       style={{
         position: 'absolute',
-        zIndex: 9999,
         transform: `translate(${x}px, ${y + height}px)`,
-        padding: 5,
-        boxSizing: 'border-box',
         width: width * 2,
       }}
     >
@@ -39,16 +37,12 @@ function NodeInfo({ id, type, x, y, width, height, data }: NodeInfoProps) {
   );
 }
 
-type NodeInspectorProps = {
-  color: string;
-};
-
-export default function NodeInspector({ color = '#555' }: NodeInspectorProps) {
+export default function NodeInspector() {
   const nodes = useNodes();
 
   return (
     <ViewportPortal>
-      <div style={{ color, fontSize: 10, fontFamily: 'monospace' }}>
+      <div className="react-flow__devtools-nodeinspector">
         {nodes.map((node) => {
           const x = node.computed?.positionAbsolute?.x || 0;
           const y = node.computed?.positionAbsolute?.y || 0;
diff --git a/examples/react/src/examples/DevTools/DevTools/index.tsx b/examples/react/src/examples/DevTools/DevTools/index.tsx
new file mode 100644
index 000000000..107d00788
--- /dev/null
+++ b/examples/react/src/examples/DevTools/DevTools/index.tsx
@@ -0,0 +1,42 @@
+import { useState, type Dispatch, type SetStateAction, type ReactNode, HTMLAttributes } from 'react';
+import { Panel } from '@xyflow/react';
+
+import NodeInspector from './NodeInspector';
+import ChangeLogger from './ChangeLogger';
+
+export default function ReactFlowDevTools() {
+  const [nodeInspectorActive, setNodeInspectorActive] = useState(false);
+  const [changeLoggerActive, setChangeLoggerActive] = useState(false);
+
+  return (
+    <div className="react-flow__devtools">
+      <Panel position="top-left">
+        <DevToolButton setActive={setNodeInspectorActive} active={nodeInspectorActive} title="Toggle Node Inspector">
+          Node Inspector
+        </DevToolButton>
+        <DevToolButton setActive={setChangeLoggerActive} active={changeLoggerActive} title="Toggle Change Logger">
+          Change Logger
+        </DevToolButton>
+      </Panel>
+      {changeLoggerActive && <ChangeLogger />}
+      {nodeInspectorActive && <NodeInspector />}
+    </div>
+  );
+}
+
+function DevToolButton({
+  active,
+  setActive,
+  children,
+  ...rest
+}: {
+  active: boolean;
+  setActive: Dispatch<SetStateAction<boolean>>;
+  children: ReactNode;
+} & HTMLAttributes<HTMLButtonElement>) {
+  return (
+    <button onClick={() => setActive((a) => !a)} className={active ? 'active' : ''} {...rest}>
+      {children}
+    </button>
+  );
+}
diff --git a/examples/react/src/examples/DevTools/DevTools/style.css b/examples/react/src/examples/DevTools/DevTools/style.css
new file mode 100644
index 000000000..39c659692
--- /dev/null
+++ b/examples/react/src/examples/DevTools/DevTools/style.css
@@ -0,0 +1,63 @@
+.react-flow__devtools {
+  --border-radius: 4px;
+  --highlight-color: rgba(238, 58, 115, 1);
+  --font: monospace, sans-serif;
+
+  border-radius: var(--border-radius);
+  font-size: 11px;
+  font-family: var(--font);
+}
+
+.react-flow__devtools button {
+  background: white;
+  border: none;
+  padding: 5px 15px;
+  color: #222;
+  font-weight: bold;
+  font-size: 12px;
+  cursor: pointer;
+  font-family: var(--font);
+  background-color: #f4f4f4;
+}
+
+.react-flow__devtools button:hover {
+  background: var(--highlight-color);
+  color: white;
+}
+
+.react-flow__devtools button.active {
+  background: var(--highlight-color);
+  color: white;
+}
+
+.react-flow__devtools button:first-child {
+  border-radius: var(--border-radius) 0 0 var(--border-radius);
+  border-right: 1px solid #ddd;
+}
+
+.react-flow__devtools button:last-child {
+  border-radius: 0 var(--border-radius) var(--border-radius) 0;
+}
+
+.react-flow__devtools-changelogger {
+  pointer-events: none;
+  position: relative;
+  top: 50px;
+  left: 20px;
+  font-family: var(--font);
+}
+
+.react-flow__devtools-title {
+  font-weight: bold;
+  margin-bottom: 5px;
+}
+
+.react-flow__devtools-nodeinspector {
+  pointer-events: none;
+  font-family: monospace, sans-serif;
+  font-size: 10px;
+}
+
+.react-flow__devtools-nodeinfo {
+  top: 5px;
+}
diff --git a/examples/react/src/examples/DevTools/ReactFlowDevTools/index.tsx b/examples/react/src/examples/DevTools/ReactFlowDevTools/index.tsx
deleted file mode 100644
index 2b488b7c9..000000000
--- a/examples/react/src/examples/DevTools/ReactFlowDevTools/index.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { useState } from 'react';
-import { Panel, PanelPosition } from '@xyflow/react';
-
-import NodeInspector from './NodeInspector';
-import ChangeLogger from './ChangeLogger';
-
-type ReactFlowDevToolsProps = {
-  position?: PanelPosition;
-  color?: string;
-};
-
-export default function ReactFlowDevTools({ color = '#aaa', position = 'top-left' }: ReactFlowDevToolsProps) {
-  const [isNodeInspectorActive, setIsNodeInspectorActive] = useState(false);
-  const [isChangeLoggerActive, setIsChangeLoggerActive] = useState(false);
-
-  return (
-    <>
-      <Panel position={position}>
-        <button onClick={() => setIsNodeInspectorActive((a) => !a)}>node inspector</button>
-        <button onClick={() => setIsChangeLoggerActive((a) => !a)}>change logger</button>
-      </Panel>
-      {isNodeInspectorActive && <NodeInspector color={color} />}
-      {isChangeLoggerActive && <ChangeLogger color={color} />}
-    </>
-  );
-}
diff --git a/examples/react/src/examples/DevTools/index.tsx b/examples/react/src/examples/DevTools/index.tsx
index 153b0897d..5303dea66 100644
--- a/examples/react/src/examples/DevTools/index.tsx
+++ b/examples/react/src/examples/DevTools/index.tsx
@@ -1,6 +1,8 @@
 import { useCallback } from 'react';
 import { ReactFlow, addEdge, Node, Connection, Edge, useNodesState, useEdgesState } from '@xyflow/react';
-import ReactFlowDevTools from './ReactFlowDevTools';
+
+import DevTools from './DevTools';
+import './Devtools/style.css';
 
 const initNodes: Node[] = [
   {
@@ -8,32 +10,26 @@ const initNodes: Node[] = [
     type: 'input',
     data: { label: 'Node 1' },
     position: { x: 250, y: 5 },
-    className: 'light',
-    ariaLabel: 'Input Node 1',
   },
   {
     id: '2a',
     data: { label: 'Node 2' },
     position: { x: 100, y: 100 },
-    className: 'light',
-    ariaLabel: 'Default Node 2',
   },
   {
     id: '3a',
     data: { label: 'Node 3' },
     position: { x: 400, y: 100 },
-    className: 'light',
   },
   {
     id: '4a',
     data: { label: 'Node 4' },
     position: { x: 400, y: 200 },
-    className: 'light',
   },
 ];
 
 const initEdges: Edge[] = [
-  { id: 'e1-2', source: '1a', target: '2a', ariaLabel: undefined },
+  { id: 'e1-2', source: '1a', target: '2a' },
   { id: 'e1-3', source: '1a', target: '3a' },
 ];
 
@@ -50,8 +46,9 @@ const BasicFlow = () => {
       onNodesChange={onNodesChange}
       onEdgesChange={onEdgesChange}
       onConnect={onConnect}
+      fitView
     >
-      <ReactFlowDevTools />
+      <DevTools />
     </ReactFlow>
   );
 };

From f45f50671d21b4c3804f9cb7cfcbb3134fbf763a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 3 Apr 2024 12:54:55 +0200
Subject: [PATCH 0688/1093] refactor(react/internal-nodes): cleanup

---
 packages/react/src/store/index.ts  | 14 +++++++++--
 packages/system/src/utils/store.ts | 39 +++++++++++++++---------------
 2 files changed, 31 insertions(+), 22 deletions(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 9da8f142f..843a2500e 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -136,8 +136,18 @@ const createRFStore = ({
             dragging,
           };
 
-          if (internalNode?.expandParent) {
-            triggerChangeNodes.push(internalNode);
+          if (internalNode?.expandParent && change.position) {
+            triggerChangeNodes.push({
+              ...internalNode,
+              position: change.position,
+              internals: {
+                ...internalNode.internals,
+                positionAbsolute: node.internals.positionAbsolute,
+              },
+            });
+
+            change.position.x = Math.max(0, change.position.x);
+            change.position.y = Math.max(0, change.position.y);
           }
 
           return change;
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 47b4f7f5e..b43534eb8 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -91,28 +91,27 @@ export function adoptUserProvidedNodes<NodeType extends NodeBase>(
       parentNodeIds.add(n.parentNode);
     }
 
-    if (n === currentStoreNode?.internals?.userProvidedNode) {
+    if (n === currentStoreNode?.internals.userProvidedNode) {
       nodeLookup.set(n.id, currentStoreNode);
-      return currentStoreNode;
-    }
+    } else {
+      const node: InternalNodeBase<NodeType> = {
+        ...options.defaults,
+        ...n,
+        computed: {
+          width: n.computed?.width,
+          height: n.computed?.height,
+        },
+        internals: {
+          positionAbsolute: n.position,
+          handleBounds: currentStoreNode?.internals?.handleBounds,
+          z: (isNumeric(n.zIndex) ? n.zIndex : 0) + (n.selected ? selectedNodeZ : 0),
+          userProvidedNode: n,
+          isParent: false,
+        },
+      };
 
-    const node: InternalNodeBase<NodeType> = {
-      ...options.defaults,
-      ...n,
-      computed: {
-        width: n.computed?.width,
-        height: n.computed?.height,
-      },
-      internals: {
-        positionAbsolute: n.position,
-        handleBounds: currentStoreNode?.internals?.handleBounds,
-        z: (isNumeric(n.zIndex) ? n.zIndex : 0) + (n.selected ? selectedNodeZ : 0),
-        userProvidedNode: n,
-        isParent: false,
-      },
-    };
-
-    nodeLookup.set(node.id, node);
+      nodeLookup.set(node.id, node);
+    }
   });
 
   if (parentNodeIds.size > 0) {

From ea18e46a1a0923318b27b3f2a2311c345cee399a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 3 Apr 2024 14:54:24 +0200
Subject: [PATCH 0689/1093] refactor(nodes): rename computed to measured, add
 helpers

---
 .../cypress/components/hooks/useNodes.cy.tsx  |  3 +-
 .../reactflow/on-nodes-change.cy.tsx          |  2 +-
 .../components/utils/apply-changes.cy.ts      |  6 +-
 .../react/src/examples/EasyConnect/utils.tsx  | 10 +--
 .../react/src/examples/FloatingEdges/utils.ts |  6 +-
 .../MiniMap/MiniMapNodes.tsx                  |  4 +-
 .../NodeResizer/NodeResizeControl.tsx         |  6 +-
 .../NodeToolbar/NodeToolbar.tsx               |  4 +-
 .../src/components/ConnectionLine/index.tsx   |  4 +-
 packages/react/src/container/Pane/index.tsx   |  4 +-
 packages/react/src/hooks/useInternalNode.ts   | 21 ++++++
 packages/react/src/hooks/useReactFlow.ts      | 21 ++----
 packages/react/src/hooks/useViewportHelper.ts |  4 +-
 packages/react/src/hooks/useVisibleNodeIds.ts |  6 +-
 packages/react/src/index.ts                   |  1 +
 packages/react/src/store/index.ts             | 42 +++++------
 packages/react/src/store/initialState.ts      |  4 +-
 packages/react/src/types/changes.ts           | 71 -------------------
 packages/react/src/types/general.ts           |  4 +-
 packages/react/src/types/index.ts             |  1 -
 packages/react/src/types/store.ts             |  4 +-
 packages/react/src/utils/changes.ts           | 17 +++--
 packages/svelte/src/lib/store/utils.ts        |  4 +-
 packages/system/src/types/general.ts          |  2 +-
 packages/system/src/types/nodes.ts            | 14 ++--
 packages/system/src/utils/edges/positions.ts  |  2 +-
 packages/system/src/utils/general.ts          | 20 +++---
 packages/system/src/utils/graph.ts            | 34 ++++-----
 packages/system/src/utils/store.ts            | 40 +++++------
 packages/system/src/xydrag/XYDrag.ts          |  4 +-
 packages/system/src/xydrag/utils.ts           | 10 +--
 packages/system/src/xyresizer/XYResizer.ts    | 10 +--
 32 files changed, 159 insertions(+), 226 deletions(-)
 create mode 100644 packages/react/src/hooks/useInternalNode.ts
 delete mode 100644 packages/react/src/types/changes.ts

diff --git a/examples/react/cypress/components/hooks/useNodes.cy.tsx b/examples/react/cypress/components/hooks/useNodes.cy.tsx
index 9c10ad703..340b4b107 100644
--- a/examples/react/cypress/components/hooks/useNodes.cy.tsx
+++ b/examples/react/cypress/components/hooks/useNodes.cy.tsx
@@ -15,8 +15,7 @@ const initialNodes: Node[] = nodes.map((n) => ({
 
 const expectedNodes: Node[] = initialNodes.map((n) => ({
   ...n,
-  computed: {
-    positionAbsolute: n.position,
+  measured: {
     ...nodeDimensions,
   },
 }));
diff --git a/examples/react/cypress/components/reactflow/on-nodes-change.cy.tsx b/examples/react/cypress/components/reactflow/on-nodes-change.cy.tsx
index a15fc67e9..bceb4cbd6 100644
--- a/examples/react/cypress/components/reactflow/on-nodes-change.cy.tsx
+++ b/examples/react/cypress/components/reactflow/on-nodes-change.cy.tsx
@@ -48,7 +48,7 @@ describe('<ReactFlow />: onNodesChange', () => {
         id: '1',
         item: {
           ...nodes[0],
-          computed: { positionAbsolute: nodes[0].position, width: 200, height: 100 },
+          measured: { width: 200, height: 100 },
           style: { width: 200, height: 100 },
         },
       },
diff --git a/examples/react/cypress/components/utils/apply-changes.cy.ts b/examples/react/cypress/components/utils/apply-changes.cy.ts
index 1548b7e97..0a75db7b0 100644
--- a/examples/react/cypress/components/utils/apply-changes.cy.ts
+++ b/examples/react/cypress/components/utils/apply-changes.cy.ts
@@ -136,8 +136,8 @@ describe('applyChanges Testing', () => {
     ];
     const nextNodes = applyNodeChanges(nodeChanges, nodes);
 
-    expect(nodes[0].computed).to.be.undefined;
-    expect(nextNodes[0].computed).to.be.deep.equal({ width: newWidth, height: newHeight });
+    expect(nodes[0].measured).to.be.undefined;
+    expect(nextNodes[0].measured).to.be.deep.equal({ width: newWidth, height: newHeight });
     expect(nextNodes[0].width).to.be.undefined;
     expect(nextNodes[0].height).to.be.undefined;
   });
@@ -153,7 +153,7 @@ describe('applyChanges Testing', () => {
     const nextNodes = applyNodeChanges(nodeChanges, nodes);
 
     expect(nextNodes[0].position).to.be.deep.equal(newPosition);
-    expect(nextNodes[0].computed).to.be.deep.equal({ width: newWidth, height: newHeight });
+    expect(nextNodes[0].measured).to.be.deep.equal({ width: newWidth, height: newHeight });
   });
 
   it('replaces nodes/edges', () => {
diff --git a/examples/react/src/examples/EasyConnect/utils.tsx b/examples/react/src/examples/EasyConnect/utils.tsx
index 6d87795bc..c66930155 100644
--- a/examples/react/src/examples/EasyConnect/utils.tsx
+++ b/examples/react/src/examples/EasyConnect/utils.tsx
@@ -9,8 +9,8 @@ function getNodeIntersection(intersectionNode: Node, targetNode: Node) {
     width: intersectionNodeWidth,
     height: intersectionNodeHeight,
     positionAbsolute: intersectionNodePosition,
-  } = intersectionNode.computed || {};
-  const targetPosition = targetNode.computed?.positionAbsolute!;
+  } = intersectionNode.measured || {};
+  const targetPosition = targetNode.measured?.positionAbsolute!;
 
   const w = intersectionNodeWidth! / 2;
   const h = intersectionNodeHeight! / 2;
@@ -33,7 +33,7 @@ function getNodeIntersection(intersectionNode: Node, targetNode: Node) {
 
 // returns the position (top,right,bottom or right) passed node compared to the intersection point
 function getEdgePosition(node: Node, intersectionPoint: XYPosition) {
-  const n = { ...node.computed?.positionAbsolute, ...node };
+  const n = { ...node.measured?.positionAbsolute, ...node };
   const nx = Math.round(n.x!);
   const ny = Math.round(n.y!);
   const px = Math.round(intersectionPoint.x);
@@ -42,13 +42,13 @@ function getEdgePosition(node: Node, intersectionPoint: XYPosition) {
   if (px <= nx + 1) {
     return Position.Left;
   }
-  if (px >= nx + n.computed?.width! - 1) {
+  if (px >= nx + n.measured?.width! - 1) {
     return Position.Right;
   }
   if (py <= ny + 1) {
     return Position.Top;
   }
-  if (py >= n.y! + n.computed?.height! - 1) {
+  if (py >= n.y! + n.measured?.height! - 1) {
     return Position.Bottom;
   }
 
diff --git a/examples/react/src/examples/FloatingEdges/utils.ts b/examples/react/src/examples/FloatingEdges/utils.ts
index a022207c2..08593c5c0 100644
--- a/examples/react/src/examples/FloatingEdges/utils.ts
+++ b/examples/react/src/examples/FloatingEdges/utils.ts
@@ -6,7 +6,7 @@ function getNodeIntersection(intersectionNode: Node, targetNode: Node): XYPositi
   // https://math.stackexchange.com/questions/1724792/an-algorithm-for-finding-the-intersection-point-between-a-center-of-vision-and-a
 
   const { position: intersectionNodePosition } = intersectionNode;
-  const { width: intersectionNodeWidth, height: intersectionNodeHeight } = intersectionNode.computed ?? {
+  const { width: intersectionNodeWidth, height: intersectionNodeHeight } = intersectionNode.measured ?? {
     width: 0,
     height: 0,
   };
@@ -42,13 +42,13 @@ function getEdgePosition(node: Node, intersectionPoint: XYPosition) {
   if (px <= nx + 1) {
     return Position.Left;
   }
-  if (px >= nx + (n.computed?.width ?? 0) - 1) {
+  if (px >= nx + (n.measured?.width ?? 0) - 1) {
     return Position.Right;
   }
   if (py <= ny + 1) {
     return Position.Top;
   }
-  if (py >= n.y + (n.computed?.height ?? 0) - 1) {
+  if (py >= n.y + (n.measured?.height ?? 0) - 1) {
     return Position.Bottom;
   }
 
diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index 0abe3177c..f2e7944c6 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -6,7 +6,7 @@ import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../../hooks/useStore';
 import { MiniMapNode } from './MiniMapNode';
-import type { ReactFlowState, Node } from '../../types';
+import type { ReactFlowState, Node, InternalNode } from '../../types';
 import type { MiniMapNodes as MiniMapNodesProps, GetMiniMapNodeAttribute, MiniMapNodeProps } from './types';
 
 declare const window: any;
@@ -85,7 +85,7 @@ function NodeComponentWrapperInner<NodeType extends Node>({
   shapeRendering: string;
 }) {
   const { node, x, y } = useStore((s) => {
-    const node = s.nodeLookup.get(id) as NodeType;
+    const node = s.nodeLookup.get(id) as InternalNode<NodeType>;
     const { x, y } = getNodePositionWithOrigin(node, node?.origin || nodeOrigin).positionAbsolute;
 
     return {
diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index 1a1107b1b..2052c98b5 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -5,12 +5,14 @@ import {
   ResizeControlVariant,
   type XYResizerInstance,
   type XYResizerChange,
-  XYResizerChildChange,
+  type XYResizerChildChange,
+  type NodeChange,
+  type NodeDimensionChange,
+  type NodePositionChange,
 } from '@xyflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
-import type { NodeChange, NodeDimensionChange, NodePositionChange } from '../../types';
 import type { ResizeControlProps, ResizeControlLineProps } from './types';
 
 function ResizeControl({
diff --git a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
index 6c0236d8f..1fc6f25c5 100644
--- a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
+++ b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
@@ -12,8 +12,8 @@ import type { NodeToolbarProps } from './types';
 const nodeEqualityFn = (a?: InternalNode, b?: InternalNode) =>
   a?.internals.positionAbsolute.x !== b?.internals.positionAbsolute.x ||
   a?.internals.positionAbsolute.y !== b?.internals.positionAbsolute.y ||
-  a?.computed.width !== b?.computed.width ||
-  a?.computed.height !== b?.computed.height ||
+  a?.measured.width !== b?.measured.width ||
+  a?.measured.height !== b?.measured.height ||
   a?.selected !== b?.selected ||
   a?.internals.z !== b?.internals.z;
 
diff --git a/packages/react/src/components/ConnectionLine/index.tsx b/packages/react/src/components/ConnectionLine/index.tsx
index 866552327..54b3f24df 100644
--- a/packages/react/src/components/ConnectionLine/index.tsx
+++ b/packages/react/src/components/ConnectionLine/index.tsx
@@ -64,8 +64,8 @@ const ConnectionLine = ({
   }
 
   const fromHandle = handleId ? handleBounds.find((d) => d.id === handleId) : handleBounds[0];
-  const fromHandleX = fromHandle ? fromHandle.x + fromHandle.width / 2 : (fromNode.computed.width ?? 0) / 2;
-  const fromHandleY = fromHandle ? fromHandle.y + fromHandle.height / 2 : fromNode.computed.height ?? 0;
+  const fromHandleX = fromHandle ? fromHandle.x + fromHandle.width / 2 : (fromNode.measured.width ?? 0) / 2;
+  const fromHandleY = fromHandle ? fromHandle.y + fromHandle.height / 2 : fromNode.measured.height ?? 0;
   const fromX = (fromNode.internals.positionAbsolute.x ?? 0) + fromHandleX;
   const fromY = (fromNode.internals.positionAbsolute.y ?? 0) + fromHandleY;
   const fromPosition = fromHandle?.position;
diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index ad2b01ed4..0c0eb122c 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -5,13 +5,13 @@
 import { useRef, type MouseEvent as ReactMouseEvent, type ReactNode } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
-import { getNodesInside, getEventPosition, SelectionMode } from '@xyflow/system';
+import { getNodesInside, getEventPosition, SelectionMode, type NodeChange, type EdgeChange } from '@xyflow/system';
 
 import { UserSelection } from '../../components/UserSelection';
 import { containerStyle } from '../../styles/utils';
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { getSelectionChanges } from '../../utils';
-import type { ReactFlowProps, ReactFlowState, NodeChange, EdgeChange } from '../../types';
+import type { ReactFlowProps, ReactFlowState } from '../../types';
 
 type PaneProps = {
   isSelecting: boolean;
diff --git a/packages/react/src/hooks/useInternalNode.ts b/packages/react/src/hooks/useInternalNode.ts
new file mode 100644
index 000000000..d16d697bb
--- /dev/null
+++ b/packages/react/src/hooks/useInternalNode.ts
@@ -0,0 +1,21 @@
+import { useCallback } from 'react';
+import { shallow } from 'zustand/shallow';
+
+import { useStore } from './useStore';
+import type { InternalNode, Node } from '../types';
+
+/**
+ * Hook for getting an internal node by id
+ *
+ * @public
+ * @param id - id of the node
+ * @returns array with visible node ids
+ */
+export function useInternalNode<NodeType extends Node = Node>(id: string): InternalNode<NodeType> | undefined {
+  const node = useStore(
+    useCallback((s) => s.nodeLookup.get(id) as InternalNode<NodeType> | undefined, [id]),
+    shallow
+  );
+
+  return node;
+}
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 4e83448a2..3a022b151 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -1,12 +1,5 @@
 import { useCallback, useMemo, useRef, useState } from 'react';
-import {
-  getElementsToRemove,
-  getOverlappingArea,
-  isRectObject,
-  nodeHasDimensions,
-  nodeToRect,
-  type Rect,
-} from '@xyflow/system';
+import { getElementsToRemove, getOverlappingArea, isRectObject, nodeToRect, type Rect } from '@xyflow/system';
 
 import useViewportHelper from './useViewportHelper';
 import { useStoreApi } from './useStore';
@@ -32,7 +25,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
   }, []);
 
   const getNode = useCallback<Instance.GetNode<NodeType>>((id) => {
-    return store.getState().nodeLookup.get(id)?.internals.userProvidedNode as NodeType;
+    return store.getState().nodeLookup.get(id)?.internals.userNode as NodeType;
   }, []);
 
   const getEdges = useCallback<Instance.GetEdges<EdgeType>>(() => {
@@ -223,13 +216,9 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
     []
   );
 
-  const getNodeRect = useCallback((nodeOrRect: NodeType | { id: NodeType['id'] }): Rect | null => {
-    const node =
-      isNode(nodeOrRect) && nodeHasDimensions(nodeOrRect)
-        ? nodeOrRect
-        : (store.getState().nodeLookup.get(nodeOrRect.id)?.internals.userProvidedNode as NodeType);
-
-    return node ? nodeToRect(node) : null;
+  const getNodeRect = useCallback(({ id }: { id: string }): Rect | null => {
+    const internalNode = store.getState().nodeLookup.get(id);
+    return internalNode ? nodeToRect(internalNode) : null;
   }, []);
 
   const getIntersectingNodes = useCallback<Instance.GetIntersectingNodes<NodeType>>(
diff --git a/packages/react/src/hooks/useViewportHelper.ts b/packages/react/src/hooks/useViewportHelper.ts
index 0e27d9334..eb92b310e 100644
--- a/packages/react/src/hooks/useViewportHelper.ts
+++ b/packages/react/src/hooks/useViewportHelper.ts
@@ -48,12 +48,12 @@ const useViewportHelper = (): ViewportHelperFunctions => {
         return { x, y, zoom };
       },
       fitView: (options) => {
-        const { nodes, width, height, nodeOrigin, minZoom, maxZoom, panZoom } = store.getState();
+        const { nodeLookup, width, height, nodeOrigin, minZoom, maxZoom, panZoom } = store.getState();
 
         return panZoom
           ? fitView(
               {
-                nodes,
+                nodeLookup,
                 width,
                 height,
                 nodeOrigin,
diff --git a/packages/react/src/hooks/useVisibleNodeIds.ts b/packages/react/src/hooks/useVisibleNodeIds.ts
index 309391dc5..e8d14c8e4 100644
--- a/packages/react/src/hooks/useVisibleNodeIds.ts
+++ b/packages/react/src/hooks/useVisibleNodeIds.ts
@@ -1,13 +1,13 @@
-import { getNodesInside } from '@xyflow/system';
+import { useCallback } from 'react';
 import { shallow } from 'zustand/shallow';
+import { getNodesInside } from '@xyflow/system';
 
 import { useStore } from './useStore';
 import type { Node, ReactFlowState } from '../types';
-import { useCallback } from 'react';
 
 const selector = (onlyRenderVisible: boolean) => (s: ReactFlowState) => {
   return onlyRenderVisible
-    ? getNodesInside<Node>(s.nodes, { x: 0, y: 0, width: s.width, height: s.height }, s.transform, true).map(
+    ? getNodesInside<Node>(s.nodeLookup, { x: 0, y: 0, width: s.width, height: s.height }, s.transform, true).map(
         (node) => node.id
       )
     : Array.from(s.nodeLookup.keys());
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 91be19eb8..e7e6b37f4 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -26,6 +26,7 @@ export { useNodesInitialized, type UseNodesInitializedOptions } from './hooks/us
 export { useHandleConnections } from './hooks/useHandleConnections';
 export { useNodesData } from './hooks/useNodesData';
 export { useConnection } from './hooks/useConnection';
+export { useInternalNode } from './hooks/useInternalNode';
 export { useNodeId } from './contexts/NodeIdContext';
 
 export { applyNodeChanges, applyEdgeChanges } from './utils/changes';
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 843a2500e..3a5686b2e 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -2,27 +2,20 @@ import { createWithEqualityFn } from 'zustand/traditional';
 import {
   clampPosition,
   fitView as fitViewSystem,
-  adoptUserProvidedNodes,
+  adoptUserNodes,
   updateAbsolutePositions,
   panBy as panBySystem,
   updateNodeDimensions as updateNodeDimensionsSystem,
   updateConnectionLookup,
   handleParentExpand,
   NodeChange,
+  EdgeSelectionChange,
+  NodeSelectionChange,
 } from '@xyflow/system';
 
 import { applyEdgeChanges, applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
 import getInitialState from './initialState';
-import type {
-  ReactFlowState,
-  Node,
-  Edge,
-  EdgeSelectionChange,
-  NodeSelectionChange,
-  UnselectNodesAndEdgesParams,
-  FitViewOptions,
-  InternalNode,
-} from '../types';
+import type { ReactFlowState, Node, Edge, UnselectNodesAndEdgesParams, FitViewOptions, InternalNode } from '../types';
 
 const createRFStore = ({
   nodes,
@@ -52,7 +45,7 @@ const createRFStore = ({
         //
         // When this happens, we take the note objects passed by the user and extend them with fields
         // relevant for internal React Flow operations.
-        adoptUserProvidedNodes(nodes, nodeLookup, { nodeOrigin, elevateNodesOnSelect });
+        adoptUserNodes(nodes, nodeLookup, { nodeOrigin, elevateNodesOnSelect });
 
         set({ nodes });
       },
@@ -263,21 +256,22 @@ const createRFStore = ({
         triggerEdgeChanges(edgeChanges);
       },
       setNodeExtent: (nodeExtent) => {
-        const { nodes } = get();
+        const { nodeLookup } = get();
+
+        for (const [, node] of nodeLookup) {
+          const positionAbsolute = clampPosition(node.position, nodeExtent);
+
+          nodeLookup.set(node.id, {
+            ...node,
+            internals: {
+              ...node.internals,
+              positionAbsolute,
+            },
+          });
+        }
 
         set({
           nodeExtent,
-          nodes: nodes.map((node) => {
-            const positionAbsolute = clampPosition(node.position, nodeExtent);
-
-            return {
-              ...node,
-              computed: {
-                ...node.computed,
-                positionAbsolute,
-              },
-            };
-          }),
         });
       },
       panBy: (delta): boolean => {
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 9f373719a..cc7549760 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -1,7 +1,7 @@
 import {
   infiniteExtent,
   ConnectionMode,
-  adoptUserProvidedNodes,
+  adoptUserNodes,
   getNodesBounds,
   getViewportForBounds,
   Transform,
@@ -35,7 +35,7 @@ const getInitialState = ({
   const storeNodes = defaultNodes ?? nodes ?? [];
 
   updateConnectionLookup(connectionLookup, edgeLookup, storeEdges);
-  adoptUserProvidedNodes(storeNodes, nodeLookup, {
+  adoptUserNodes(storeNodes, nodeLookup, {
     nodeOrigin: [0, 0],
     elevateNodesOnSelect: false,
   });
diff --git a/packages/react/src/types/changes.ts b/packages/react/src/types/changes.ts
deleted file mode 100644
index adcb484d1..000000000
--- a/packages/react/src/types/changes.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import type { XYPosition, Dimensions } from '@xyflow/system';
-
-import type { Node, Edge } from '.';
-
-export type NodeDimensionChange = {
-  id: string;
-  type: 'dimensions';
-  dimensions?: Dimensions;
-  resizing?: boolean;
-};
-
-export type NodePositionChange = {
-  id: string;
-  type: 'position';
-  position?: XYPosition;
-  positionAbsolute?: XYPosition;
-  dragging?: boolean;
-};
-
-export type NodeSelectionChange = {
-  id: string;
-  type: 'select';
-  selected: boolean;
-};
-
-export type NodeRemoveChange = {
-  id: string;
-  type: 'remove';
-};
-
-export type NodeAddChange<NodeType extends Node = Node> = {
-  item: NodeType;
-  type: 'add';
-};
-
-export type NodeReplaceChange<NodeType extends Node = Node> = {
-  id: string;
-  item: NodeType;
-  type: 'replace';
-};
-
-/**
- * Union type of all possible node changes.
- * @public
- */
-export type NodeChange<NodeType extends Node = Node> =
-  | NodeDimensionChange
-  | NodePositionChange
-  | NodeSelectionChange
-  | NodeRemoveChange
-  | NodeAddChange<NodeType>
-  | NodeReplaceChange<NodeType>;
-
-export type EdgeSelectionChange = NodeSelectionChange;
-export type EdgeRemoveChange = NodeRemoveChange;
-export type EdgeAddChange<EdgeType extends Edge = Edge> = {
-  item: EdgeType;
-  type: 'add';
-};
-
-export type EdgeReplaceChange<EdgeType extends Edge = Edge> = {
-  id: string;
-  item: EdgeType;
-  type: 'replace';
-};
-
-export type EdgeChange<EdgeType extends Edge = Edge> =
-  | EdgeSelectionChange
-  | EdgeRemoveChange
-  | EdgeAddChange<EdgeType>
-  | EdgeReplaceChange<EdgeType>;
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 302ffeeed..8b55920f8 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -12,9 +12,11 @@ import {
   XYPosition,
   OnBeforeDeleteBase,
   Connection,
+  NodeChange,
+  EdgeChange,
 } from '@xyflow/system';
 
-import type { NodeChange, EdgeChange, Node, Edge, ReactFlowInstance, EdgeProps, NodeProps } from '.';
+import type { Node, Edge, ReactFlowInstance, EdgeProps, NodeProps } from '.';
 
 export type OnNodesChange<NodeType extends Node = Node> = (changes: NodeChange<NodeType>[]) => void;
 export type OnEdgesChange<EdgeType extends Edge = Edge> = (changes: EdgeChange<EdgeType>[]) => void;
diff --git a/packages/react/src/types/index.ts b/packages/react/src/types/index.ts
index 6ee8dada0..f18123f20 100644
--- a/packages/react/src/types/index.ts
+++ b/packages/react/src/types/index.ts
@@ -1,6 +1,5 @@
 export * from './nodes';
 export * from './edges';
-export * from './changes';
 export * from './component-props';
 export * from './general';
 export * from './store';
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index eed7b9a33..416f56f32 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -25,12 +25,13 @@ import {
   type EdgeLookup,
   type ConnectionLookup,
   type NodeLookup,
+  NodeChange,
+  EdgeChange,
 } from '@xyflow/system';
 
 import type {
   Edge,
   Node,
-  NodeChange,
   OnNodesChange,
   OnEdgesChange,
   DefaultEdgeOptions,
@@ -43,7 +44,6 @@ import type {
   OnNodeDrag,
   OnBeforeDelete,
   IsValidConnection,
-  EdgeChange,
   InternalNode,
 } from '.';
 
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index e4d0464de..44af24514 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -1,14 +1,13 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { EdgeLookup, NodeLookup } from '@xyflow/system';
-import type {
-  Node,
-  Edge,
+import {
+  EdgeLookup,
+  NodeLookup,
   EdgeChange,
   NodeChange,
   NodeSelectionChange,
   EdgeSelectionChange,
-  InternalNode,
-} from '../types';
+} from '@xyflow/system';
+import type { Node, Edge, InternalNode } from '../types';
 
 // This function applies changes to nodes or edges that are triggered by React Flow internally.
 // When you drag a node for example, React Flow will send a position change update.
@@ -97,9 +96,9 @@ function applyChange(change: any, element: any): any {
 
     case 'dimensions': {
       if (typeof change.dimensions !== 'undefined') {
-        element.computed ??= {};
-        element.computed.width = change.dimensions.width;
-        element.computed.height = change.dimensions.height;
+        element.measured ??= {};
+        element.measured.width = change.dimensions.width;
+        element.measured.height = change.dimensions.height;
 
         if (change.resizing) {
           element.width = change.dimensions.width;
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index 0f72d7464..a6ba38de9 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -7,7 +7,7 @@ import {
   type Writable
 } from 'svelte/store';
 import {
-  adoptUserProvidedNodes,
+  adoptUserNodes,
   updateConnectionLookup,
   type Viewport,
   type PanZoomInstance,
@@ -141,7 +141,7 @@ export const createNodesStore = (
   let elevateNodesOnSelect = true;
 
   const _set = (nds: Node[]): Node[] => {
-    const nextNodes = adoptUserProvidedNodes(nds, nodeLookup, {
+    const nextNodes = adoptUserNodes(nds, nodeLookup, {
       elevateNodesOnSelect,
       defaults
     });
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index a7c6665b0..2fd0e3ab2 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -127,7 +127,7 @@ export type SelectionRect = Rect & {
 
 export type OnError = (id: string, message: string) => void;
 
-export type UpdateNodePositions = (dragItems: NodeDragItem[] | NodeBase[], dragging?: boolean) => void;
+export type UpdateNodePositions = (dragItems: NodeDragItem[] | InternalNodeBase[], dragging?: boolean) => void;
 export type PanBy = (delta: XYPosition) => boolean;
 
 export type UpdateConnection = (params: {
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 2d9dfd5d0..7b85fef89 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -59,27 +59,25 @@ export type NodeBase<
    */
   origin?: NodeOrigin;
   handles?: NodeHandle[];
-  computed?: {
+  measured?: {
     width?: number;
     height?: number;
   };
 };
 
 export type InternalNodeBase<NodeType extends NodeBase = NodeBase> = NodeType & {
-  computed: {
+  measured: {
     width?: number;
     height?: number;
   };
-  // Only used internally
   internals: {
     positionAbsolute: XYPosition;
     z: number;
     // @todo should we rename this to "handles" and use same type as node.handles?
     isParent: boolean;
-    /** Holds a reference to the original node object provided by the user
-     * (which may lack some fields, like `computed` or `[internalSymbol]`. Used
-     * as an optimization to avoid certain operations. */
-    userProvidedNode: NodeType;
+    /** Holds a reference to the original node object provided by the user.
+     * Used as an optimization to avoid certain operations. */
+    userNode: NodeType;
     handleBounds?: NodeHandleBounds;
   };
 };
@@ -123,7 +121,7 @@ export type NodeDragItem = {
   position: XYPosition;
   // distance from the mouse cursor to the node when start dragging
   distance: XYPosition;
-  computed: {
+  measured: {
     width: number | null;
     height: number | null;
   };
diff --git a/packages/system/src/utils/edges/positions.ts b/packages/system/src/utils/edges/positions.ts
index 33fa59ee5..de8416db9 100644
--- a/packages/system/src/utils/edges/positions.ts
+++ b/packages/system/src/utils/edges/positions.ts
@@ -20,7 +20,7 @@ function isNodeInitialized(node: InternalNodeBase): boolean {
   return (
     node &&
     !!(node.internals.handleBounds || node.handles?.length) &&
-    !!(node.computed.width || node.width || node.initialWidth)
+    !!(node.measured.width || node.width || node.initialWidth)
   );
 }
 
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index 5fab4f491..b8af19bc7 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -66,23 +66,23 @@ export const boxToRect = ({ x, y, x2, y2 }: Box): Rect => ({
   height: y2 - y,
 });
 
-export const nodeToRect = (node: InternalNodeBase, nodeOrigin: NodeOrigin = [0, 0]): Rect => {
+export const nodeToRect = (node: InternalNodeBase | NodeBase, nodeOrigin: NodeOrigin = [0, 0]): Rect => {
   const { positionAbsolute } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
 
   return {
     ...positionAbsolute,
-    width: node.computed?.width ?? node.width ?? 0,
-    height: node.computed?.height ?? node.height ?? 0,
+    width: node.measured?.width ?? node.width ?? 0,
+    height: node.measured?.height ?? node.height ?? 0,
   };
 };
 
-export const nodeToBox = (node: InternalNodeBase, nodeOrigin: NodeOrigin = [0, 0]): Box => {
+export const nodeToBox = (node: InternalNodeBase | NodeBase, nodeOrigin: NodeOrigin = [0, 0]): Box => {
   const { positionAbsolute } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
 
   return {
     ...positionAbsolute,
-    x2: positionAbsolute.x + (node.computed?.width ?? node.width ?? 0),
-    y2: positionAbsolute.y + (node.computed?.height ?? node.height ?? 0),
+    x2: positionAbsolute.x + (node.measured?.width ?? node.width ?? 0),
+    y2: positionAbsolute.y + (node.measured?.height ?? node.height ?? 0),
   };
 };
 
@@ -208,14 +208,14 @@ export function getNodeDimensions<NodeType extends NodeBase = NodeBase>(
   node: NodeType
 ): { width: number; height: number } {
   return {
-    width: node.computed?.width ?? node.width ?? node.initialWidth ?? 0,
-    height: node.computed?.height ?? node.height ?? node.initialHeight ?? 0,
+    width: node.measured?.width ?? node.width ?? node.initialWidth ?? 0,
+    height: node.measured?.height ?? node.height ?? node.initialHeight ?? 0,
   };
 }
 
 export function nodeHasDimensions<NodeType extends NodeBase = NodeBase>(node: NodeType): boolean {
   return (
-    (node.computed?.width ?? node.width ?? node.initialWidth) !== undefined &&
-    (node.computed?.height ?? node.height ?? node.initialHeight) !== undefined
+    (node.measured?.width ?? node.width ?? node.initialWidth) !== undefined &&
+    (node.measured?.height ?? node.height ?? node.initialHeight) !== undefined
   );
 }
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 9df398934..c53add40f 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -50,7 +50,7 @@ export const isNodeBase = <NodeType extends NodeBase = NodeBase>(element: any):
 
 export const isInternalNodeBase = <NodeType extends InternalNodeBase = InternalNodeBase>(
   element: any
-): element is NodeType => 'id' in element && 'computed' in element && !('source' in element) && !('target' in element);
+): element is NodeType => 'id' in element && 'internals' in element && !('source' in element) && !('target' in element);
 
 /**
  * Pass in a node, and get connected nodes where edge.source === node.id
@@ -106,7 +106,7 @@ export const getIncomers = <NodeType extends NodeBase = NodeBase, EdgeType exten
 };
 
 export const getNodePositionWithOrigin = (
-  node: InternalNodeBase | undefined,
+  node: InternalNodeBase | NodeBase | undefined,
   nodeOrigin: NodeOrigin = [0, 0]
 ): { position: XYPosition; positionAbsolute: XYPosition } => {
   if (!node) {
@@ -133,10 +133,13 @@ export const getNodePositionWithOrigin = (
 
   return {
     position,
-    positionAbsolute: {
-      x: node.internals.positionAbsolute.x - offsetX,
-      y: node.internals.positionAbsolute.y - offsetY,
-    },
+    positionAbsolute:
+      'internals' in node
+        ? {
+            x: node.internals.positionAbsolute.x - offsetX,
+            y: node.internals.positionAbsolute.y - offsetY,
+          }
+        : position,
   };
 };
 
@@ -165,7 +168,6 @@ export const getNodesBounds = (
 
   const box = nodes.reduce(
     (currBox, node) => {
-      // @ts-expect-error
       const nodePos = getNodePositionWithOrigin(node, node.origin || params.nodeOrigin);
       return getBoundsOfBoxes(
         currBox,
@@ -238,9 +240,9 @@ export const getNodesInside = <NodeType extends NodeBase = NodeBase>(
   const visibleNodes: NodeType[] = [];
 
   for (const [, node] of nodeLookup) {
-    const { computed, selectable = true, hidden = false } = node;
-    const width = computed?.width ?? node.width ?? node.initialWidth ?? null;
-    const height = computed?.height ?? node.height ?? node.initialHeight ?? null;
+    const { measured, selectable = true, hidden = false } = node;
+    const width = measured.width ?? node.width ?? node.initialWidth ?? null;
+    const height = measured.height ?? node.height ?? node.initialHeight ?? null;
 
     if ((excludeNonSelectableNodes && !selectable) || hidden) {
       continue;
@@ -286,7 +288,7 @@ export function fitView<Params extends FitViewParamsBase<NodeBase>, Options exte
   const filteredNodes: InternalNodeBase[] = [];
 
   nodeLookup.forEach((n) => {
-    const isVisible = n.computed?.width && n.computed?.height && (options?.includeHiddenNodes || !n.hidden);
+    const isVisible = n.measured.width && n.measured.height && (options?.includeHiddenNodes || !n.hidden);
 
     if (
       isVisible &&
@@ -331,7 +333,7 @@ function clampNodeExtent<NodeType extends NodeBase>(
   if (!extent || extent === 'parent') {
     return extent;
   }
-  return [extent[0], [extent[1][0] - (node.computed?.width ?? 0), extent[1][1] - (node.computed?.height ?? 0)]];
+  return [extent[0], [extent[1][0] - (node.measured?.width ?? 0), extent[1][1] - (node.measured?.height ?? 0)]];
 }
 
 /**
@@ -367,10 +369,10 @@ export function calculateNodePosition<NodeType extends NodeBase>({
     if (!parentNode) {
       onError?.('005', errorMessages['error005']());
     } else {
-      const nodeWidth = node.computed.width;
-      const nodeHeight = node.computed.height;
-      const parentWidth = parentNode.computed.width;
-      const parentHeight = parentNode.computed.height;
+      const nodeWidth = node.measured.width;
+      const nodeHeight = node.measured.height;
+      const parentWidth = parentNode.measured.width;
+      const parentHeight = parentNode.measured.height;
 
       if (nodeWidth && nodeHeight && parentWidth && parentHeight) {
         const currNodeOrigin = node.origin || nodeOrigin;
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index b43534eb8..e82e2dead 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -70,7 +70,7 @@ type UpdateNodesOptions<NodeType extends NodeBase> = {
   defaults?: Partial<NodeType>;
 };
 
-export function adoptUserProvidedNodes<NodeType extends NodeBase>(
+export function adoptUserNodes<NodeType extends NodeBase>(
   nodes: NodeType[],
   nodeLookup: Map<string, InternalNodeBase<NodeType>>,
   options: UpdateNodesOptions<NodeType> = {
@@ -84,33 +84,31 @@ export function adoptUserProvidedNodes<NodeType extends NodeBase>(
   const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
   const parentNodeIds = new Set<string>();
 
-  nodes.forEach((n) => {
-    const currentStoreNode = tmpLookup.get(n.id);
+  nodes.forEach((userNode) => {
+    const currentStoreNode = tmpLookup.get(userNode.id);
 
-    if (n.parentNode) {
-      parentNodeIds.add(n.parentNode);
+    if (userNode.parentNode) {
+      parentNodeIds.add(userNode.parentNode);
     }
 
-    if (n === currentStoreNode?.internals.userProvidedNode) {
-      nodeLookup.set(n.id, currentStoreNode);
+    if (userNode === currentStoreNode?.internals.userNode) {
+      nodeLookup.set(userNode.id, currentStoreNode);
     } else {
-      const node: InternalNodeBase<NodeType> = {
+      nodeLookup.set(userNode.id, {
         ...options.defaults,
-        ...n,
-        computed: {
-          width: n.computed?.width,
-          height: n.computed?.height,
+        ...userNode,
+        measured: {
+          width: userNode.measured?.width,
+          height: userNode.measured?.height,
         },
         internals: {
-          positionAbsolute: n.position,
+          positionAbsolute: userNode.position,
           handleBounds: currentStoreNode?.internals?.handleBounds,
-          z: (isNumeric(n.zIndex) ? n.zIndex : 0) + (n.selected ? selectedNodeZ : 0),
-          userProvidedNode: n,
+          z: (isNumeric(userNode.zIndex) ? userNode.zIndex : 0) + (userNode.selected ? selectedNodeZ : 0),
+          userNode,
           isParent: false,
         },
-      };
-
-      nodeLookup.set(node.id, node);
+      });
     }
   });
 
@@ -241,14 +239,14 @@ export function updateNodeDimensions<NodeType extends InternalNodeBase>(
       const doUpdate = !!(
         dimensions.width &&
         dimensions.height &&
-        (node.computed?.width !== dimensions.width || node.computed?.height !== dimensions.height || update.force)
+        (node.measured?.width !== dimensions.width || node.measured?.height !== dimensions.height || update.force)
       );
 
       if (doUpdate) {
         const newNode = {
           ...node,
-          computed: {
-            ...node.computed,
+          measured: {
+            ...node.measured,
             ...dimensions,
           },
           internals: {
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 7d2fbaef4..573b87af7 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -139,10 +139,10 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         if (dragItems.length > 1 && nodeExtent && !n.extent) {
           const { positionAbsolute } = n.internals;
           const x1 = positionAbsolute.x - nodesBox.x + nodeExtent[0][0];
-          const x2 = positionAbsolute.x + (n.computed?.width ?? 0) - nodesBox.x2 + nodeExtent[1][0];
+          const x2 = positionAbsolute.x + (n.measured?.width ?? 0) - nodesBox.x2 + nodeExtent[1][0];
 
           const y1 = positionAbsolute.y - nodesBox.y + nodeExtent[0][1];
-          const y2 = positionAbsolute.y + (n.computed?.height ?? 0) - nodesBox.y2 + nodeExtent[1][1];
+          const y2 = positionAbsolute.y + (n.measured?.height ?? 0) - nodesBox.y2 + nodeExtent[1][1];
 
           adjustedNodeExtent = [
             [x1, y1],
diff --git a/packages/system/src/xydrag/utils.ts b/packages/system/src/xydrag/utils.ts
index e958cf647..e4570b6ed 100644
--- a/packages/system/src/xydrag/utils.ts
+++ b/packages/system/src/xydrag/utils.ts
@@ -65,9 +65,9 @@ export function getDragItems<NodeType extends NodeBase>(
         internals: {
           positionAbsolute: internalNode.internals.positionAbsolute || { x: 0, y: 0 },
         },
-        computed: {
-          width: internalNode.computed.width || 0,
-          height: internalNode.computed.height || 0,
+        measured: {
+          width: internalNode.measured.width || 0,
+          height: internalNode.measured.height || 0,
         },
       });
     }
@@ -93,8 +93,8 @@ export function getEventHandlerParams<NodeType extends NodeBase>({
     return {
       ...node,
       position: n.position,
-      computed: {
-        ...n.computed,
+      measured: {
+        ...n.measured,
       },
     };
   });
diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index 1953b327d..ce1bbd125 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -71,15 +71,15 @@ export type XYResizerInstance = {
 function nodeToParentExtent(node: NodeBase): CoordinateExtent {
   return [
     [0, 0],
-    [node.computed!.width!, node.computed!.height!],
+    [node.measured!.width!, node.measured!.height!],
   ];
 }
 
 function nodeToChildExtent(child: NodeBase, parent: NodeBase, nodeOrigin: NodeOrigin): CoordinateExtent {
   const x = parent.position.x + child.position.x;
   const y = parent.position.y + child.position.y;
-  const width = child.computed!.width! ?? 0;
-  const height = child.computed!.height! ?? 0;
+  const width = child.measured!.width! ?? 0;
+  const height = child.measured!.height! ?? 0;
   const originOffsetX = nodeOrigin[0] * width;
   const originOffsetY = nodeOrigin[1] * height;
 
@@ -121,8 +121,8 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
           const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
 
           prevValues = {
-            width: node.computed?.width ?? 0,
-            height: node.computed?.height ?? 0,
+            width: node.measured?.width ?? 0,
+            height: node.measured?.height ?? 0,
             x: node.position.x ?? 0,
             y: node.position.y ?? 0,
           };

From 48ad9d3ccf67132101655302a90b92a1c3f55488 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 3 Apr 2024 15:33:52 +0200
Subject: [PATCH 0690/1093] feat(react): add internal node helper

---
 packages/react/src/hooks/useReactFlow.ts | 23 ++++++++++++++++-------
 packages/react/src/types/instance.ts     | 10 +++++++++-
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 3a022b151..6be3f90b2 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -3,7 +3,7 @@ import { getElementsToRemove, getOverlappingArea, isRectObject, nodeToRect, type
 
 import useViewportHelper from './useViewportHelper';
 import { useStoreApi } from './useStore';
-import type { ReactFlowInstance, Instance, Node, Edge } from '../types';
+import type { ReactFlowInstance, Instance, Node, Edge, InternalNode } from '../types';
 import { getElementsDiffChanges, isNode } from '../utils';
 import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
 
@@ -20,13 +20,20 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
   const viewportHelper = useViewportHelper();
   const store = useStoreApi();
 
-  const getNodes = useCallback<Instance.GetNodes<NodeType>>(() => {
-    return store.getState().nodes.map((n) => ({ ...n })) as NodeType[];
-  }, []);
+  const getNodes = useCallback<Instance.GetNodes<NodeType>>(
+    () => store.getState().nodes.map((n) => ({ ...n })) as NodeType[],
+    []
+  );
 
-  const getNode = useCallback<Instance.GetNode<NodeType>>((id) => {
-    return store.getState().nodeLookup.get(id)?.internals.userNode as NodeType;
-  }, []);
+  const getInternalNode = useCallback<Instance.GetInternalNode<NodeType>>(
+    (id) => store.getState().nodeLookup.get(id) as InternalNode<NodeType>,
+    []
+  );
+
+  const getNode = useCallback<Instance.GetNode<NodeType>>(
+    (id) => getInternalNode(id)?.internals.userNode as NodeType,
+    [getInternalNode]
+  );
 
   const getEdges = useCallback<Instance.GetEdges<EdgeType>>(() => {
     const { edges = [] } = store.getState();
@@ -299,6 +306,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
       ...viewportHelper,
       getNodes,
       getNode,
+      getInternalNode,
       getEdges,
       getEdge,
       setNodes,
@@ -316,6 +324,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
     viewportHelper,
     getNodes,
     getNode,
+    getInternalNode,
     getEdges,
     getEdge,
     setNodes,
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 1991580c5..67a6d928d 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-namespace */
 import type { Rect, Viewport } from '@xyflow/system';
-import type { Node, Edge, ViewportHelperFunctions } from '.';
+import type { Node, Edge, ViewportHelperFunctions, InternalNode } from '.';
 
 export type ReactFlowJsonObject<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
   nodes: NodeType[];
@@ -20,6 +20,7 @@ export namespace Instance {
   ) => void;
   export type AddNodes<NodeType extends Node = Node> = (payload: NodeType[] | NodeType) => void;
   export type GetNode<NodeType extends Node = Node> = (id: string) => NodeType | undefined;
+  export type GetInternalNode<NodeType extends Node = Node> = (id: string) => InternalNode<NodeType> | undefined;
   export type GetEdges<EdgeType extends Edge = Edge> = () => EdgeType[];
   export type SetEdges<EdgeType extends Edge = Edge> = (
     payload: EdgeType[] | ((edges: EdgeType[]) => EdgeType[])
@@ -83,6 +84,13 @@ export type ReactFlowInstance<NodeType extends Node = Node, EdgeType extends Edg
    * @returns the node or undefined if no node was found
    */
   getNode: Instance.GetNode<NodeType>;
+  /**
+   * Returns an internal node by id.
+   *
+   * @param id - the node id
+   * @returns the internal node or undefined if no node was found
+   */
+  getInternalNode: Instance.GetInternalNode<NodeType>;
   /**
    * Returns edges.
    *

From 6be48fb6b4d275361679566ac9a94a13feb01982 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 3 Apr 2024 16:37:52 +0200
Subject: [PATCH 0691/1093] refactor(svelte-nodewrapper): simplify observe

---
 .../components/NodeWrapper/NodeWrapper.svelte | 19 +++++--------------
 1 file changed, 5 insertions(+), 14 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index ad1cbc6ef..97cef8267 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -1,7 +1,7 @@
 <svelte:options immutable />
 
 <script lang="ts">
-  import { createEventDispatcher, setContext, onDestroy } from 'svelte';
+  import { setContext, onDestroy } from 'svelte';
   import { get, writable } from 'svelte/store';
   import cc from 'classcat';
   import { errorMessages, Position } from '@xyflow/system';
@@ -10,7 +10,6 @@
   import { useStore } from '$lib/store';
   import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
   import type { NodeWrapperProps } from './types';
-  import type { Node } from '$lib/types';
   import { getNodeInlineStyleDimensions } from './utils';
   import { createNodeEventDispatcher } from '$lib';
 
@@ -120,18 +119,10 @@
   setContext('svelteflow__node_connectable', connectableStore);
 
   $: {
-    if (nodeRef) {
-      if (!prevNodeRef) {
-        resizeObserver?.observe(nodeRef);
-        prevNodeRef = nodeRef;
-      } else if (prevNodeRef !== nodeRef || (!computedWidth && !computedHeight)) {
-        resizeObserver?.unobserve(prevNodeRef);
-        resizeObserver?.observe(nodeRef);
-        prevNodeRef = nodeRef;
-      }
-    } else if (prevNodeRef) {
-      resizeObserver?.unobserve(prevNodeRef);
-      prevNodeRef = null;
+    if (resizeObserver && nodeRef !== prevNodeRef) {
+      prevNodeRef && resizeObserver.unobserve(prevNodeRef);
+      nodeRef && resizeObserver.observe(nodeRef);
+      prevNodeRef = nodeRef;
     }
   }
 

From 6857b90bd7d32443bca3771db7c6d126e045d6c7 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 3 Apr 2024 16:43:27 +0200
Subject: [PATCH 0692/1093] make node types also dynamic

---
 .../components/NodeWrapper/NodeWrapper.svelte | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index eff6c7336..defe14b25 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -55,24 +55,25 @@
     handleNodeSelection,
     updateNodeDimensions
   } = store;
-  const nodeType = type || 'default';
 
   let nodeRef: HTMLDivElement;
   let prevNodeRef: HTMLDivElement;
-
-  const nodeTypeValid = !!$nodeTypes[nodeType];
-
-  if (!nodeTypeValid) {
-    console.warn('003', errorMessages['error003'](type!));
-  }
-
-  const nodeComponent = $nodeTypes[nodeType] || DefaultNode;
   const dispatchNodeEvent = createNodeEventDispatcher();
   const connectableStore = writable(connectable);
   let prevType: string | undefined = undefined;
   let prevSourcePosition: Position | undefined = undefined;
   let prevTargetPosition: Position | undefined = undefined;
 
+  $: nodeType = type || 'default';
+  $: nodeTypeValid = !!$nodeTypes[nodeType];
+  $: nodeComponent = $nodeTypes[nodeType] || DefaultNode;
+
+  $: {
+    if (!nodeTypeValid) {
+      console.warn('003', errorMessages['error003'](type!));
+    }
+  }
+
   $: inlineStyleDimensions = getNodeInlineStyleDimensions({
     width,
     height,

From ffb5c856d9db3f5e7d5ded331074f52bae3cfc6d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 3 Apr 2024 16:44:05 +0200
Subject: [PATCH 0693/1093] chore(svelte-example): add multi key

---
 examples/svelte/src/routes/examples/overview/+page.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/examples/svelte/src/routes/examples/overview/+page.svelte b/examples/svelte/src/routes/examples/overview/+page.svelte
index 2f21107d3..ef8f9a029 100644
--- a/examples/svelte/src/routes/examples/overview/+page.svelte
+++ b/examples/svelte/src/routes/examples/overview/+page.svelte
@@ -189,6 +189,7 @@
 	autoPanOnNodeDrag
 	connectionMode={ConnectionMode.Strict}
 	attributionPosition={'top-center'}
+	deleteKey={['Backspace', 'd']}
 >
 	<Controls>
 		<ControlButton slot="before">xy</ControlButton>

From ec78869b702f2bb9450f39f4e6528ace9cbffde2 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 3 Apr 2024 16:54:09 +0200
Subject: [PATCH 0694/1093] refactor(svelte): reset selection on context menu

---
 .../src/lib/components/KeyHandler/KeyHandler.svelte    | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
index 608fd9b3f..65661fd20 100644
--- a/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+++ b/packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
@@ -23,7 +23,8 @@
     multiselectionKeyPressed,
     deleteKeyPressed,
     panActivationKeyPressed,
-    zoomActivationKeyPressed
+    zoomActivationKeyPressed,
+    selectionRect
   } = useStore();
 
   function isKeyObject(key?: KeyDefinition | null): key is KeyDefinitionObject {
@@ -60,7 +61,8 @@
     });
   }
 
-  function resetAll() {
+  function resetKeysAndSelection() {
+    selectionRect.set(null);
     selectionKeyPressed.set(false);
     multiselectionKeyPressed.set(false);
     deleteKeyPressed.set(false);
@@ -70,8 +72,8 @@
 </script>
 
 <svelte:window
-  on:blur={resetAll}
-  on:contextmenu={resetAll}
+  on:blur={resetKeysAndSelection}
+  on:contextmenu={resetKeysAndSelection}
   use:shortcut={{
     trigger: getShortcutTrigger(selectionKey, () => selectionKeyPressed.set(true)),
     type: 'keydown'

From 5043e77effdf8cc32505ee0ea3d22d8b4c07984f Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Wed, 3 Apr 2024 16:59:50 +0200
Subject: [PATCH 0695/1093] fix(svelte): merge conflict

---
 .../src/lib/components/NodeWrapper/NodeWrapper.svelte      | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 5fdff03e2..e502cd50e 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -58,13 +58,6 @@
   let nodeRef: HTMLDivElement;
   let prevNodeRef: HTMLDivElement | null = null;
 
-  const nodeTypeValid = !!$nodeTypes[nodeType];
-
-  if (!nodeTypeValid) {
-    console.warn('003', errorMessages['error003'](type!));
-  }
-
-  const nodeComponent = $nodeTypes[nodeType] || DefaultNode;
   const dispatchNodeEvent = createNodeEventDispatcher();
   const connectableStore = writable(connectable);
   let prevType: string | undefined = undefined;

From 508efab624edc906fa6ee273d597847a5741ca22 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 4 Apr 2024 12:53:05 +0200
Subject: [PATCH 0696/1093] feat(controls): add orientation, style and class
 props closes #4069

---
 examples/react/src/examples/Overview/index.tsx       |  2 +-
 .../svelte/src/routes/examples/overview/+page.svelte |  2 +-
 .../src/additional-components/Controls/Controls.tsx  |  5 ++++-
 .../src/additional-components/Controls/types.ts      |  1 +
 packages/svelte/CHANGELOG.md                         |  8 ++++++++
 .../svelte/src/lib/plugins/Controls/Controls.svelte  | 12 +++++++++++-
 packages/svelte/src/lib/plugins/Controls/types.ts    |  3 +++
 packages/system/src/styles/init.css                  |  7 +++++++
 8 files changed, 36 insertions(+), 4 deletions(-)

diff --git a/examples/react/src/examples/Overview/index.tsx b/examples/react/src/examples/Overview/index.tsx
index 3f5c72d04..8dddbb0d3 100644
--- a/examples/react/src/examples/Overview/index.tsx
+++ b/examples/react/src/examples/Overview/index.tsx
@@ -237,7 +237,7 @@ const OverviewFlow = () => {
       onPaneMouseMove={onPaneMouseMove}
     >
       <MiniMap nodeBorderRadius={2} />
-      <Controls />
+      <Controls orientation="horizontal" />
       <Background gap={25} />
     </ReactFlow>
   );
diff --git a/examples/svelte/src/routes/examples/overview/+page.svelte b/examples/svelte/src/routes/examples/overview/+page.svelte
index ef8f9a029..301730f6d 100644
--- a/examples/svelte/src/routes/examples/overview/+page.svelte
+++ b/examples/svelte/src/routes/examples/overview/+page.svelte
@@ -191,7 +191,7 @@
 	attributionPosition={'top-center'}
 	deleteKey={['Backspace', 'd']}
 >
-	<Controls>
+	<Controls orientation="horizontal">
 		<ControlButton slot="before">xy</ControlButton>
 		<ControlButton aria-label="log" on:click={() => console.log('control button')}
 			>log</ControlButton
diff --git a/packages/react/src/additional-components/Controls/Controls.tsx b/packages/react/src/additional-components/Controls/Controls.tsx
index 5cb9bb4f7..e08c9ca25 100644
--- a/packages/react/src/additional-components/Controls/Controls.tsx
+++ b/packages/react/src/additional-components/Controls/Controls.tsx
@@ -34,6 +34,7 @@ function ControlsComponent({
   className,
   children,
   position = 'bottom-left',
+  orientation = 'vertical',
   'aria-label': ariaLabel = 'React Flow controls',
 }: ControlProps) {
   const store = useStoreApi();
@@ -65,9 +66,11 @@ function ControlsComponent({
     onInteractiveChange?.(!isInteractive);
   };
 
+  const orientationClass = orientation === 'horizontal' ? 'horizontal' : 'vertical';
+
   return (
     <Panel
-      className={cc(['react-flow__controls', className])}
+      className={cc(['react-flow__controls', orientationClass, className])}
       position={position}
       style={style}
       data-testid="rf__controls"
diff --git a/packages/react/src/additional-components/Controls/types.ts b/packages/react/src/additional-components/Controls/types.ts
index e9015dfb6..f6ea0f8be 100644
--- a/packages/react/src/additional-components/Controls/types.ts
+++ b/packages/react/src/additional-components/Controls/types.ts
@@ -31,6 +31,7 @@ export type ControlProps = {
   /** ClassName applied to container */
   className?: string;
   'aria-label'?: string;
+  orientation?: 'horizontal' | 'vertical';
 };
 
 export type ControlButtonProps = ButtonHTMLAttributes<HTMLButtonElement>;
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 5d8c5aebf..109271bef 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @xyflow/svelte
 
+## 0.0.40
+
+- add `orientation` ('horizontal' or 'vertical'), `style` and `class` prop for `Controls` component
+- allow multiple keys for `deleteKey`, `selectionKey`, `multiSelectionKey`, `panActivationKey` and `zoomActivationKey`
+- fix node observe / unobserve
+- fix edge and node types
+- active context menu releases pressed keys to reset selection
+
 ## 0.0.39
 
 ## ⚠️ Breaking changes
diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index 042b2be5c..aedcc1827 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+  import cc from 'classcat';
+
   import Panel from '$lib/container/Panel/Panel.svelte';
   import { useStore } from '$lib/store';
   import ControlButton from './ControlButton.svelte';
@@ -22,6 +24,11 @@
   export let buttonColorHover: $$Props['buttonColorHover'] = undefined;
   export let buttonBorderColor: $$Props['buttonColorHover'] = undefined;
   export let ariaLabel: $$Props['aria-label'] = undefined;
+  export let style: $$Props['style'] = undefined;
+  export let orientation: $$Props['orientation'] = 'vertical';
+
+  let className: $$Props['class'] = '';
+  export { className as class };
 
   const {
     zoomIn,
@@ -66,13 +73,16 @@
     nodesConnectable.set(isInteractive);
     elementsSelectable.set(isInteractive);
   };
+
+  $: orientationClass = orientation === 'horizontal' ? 'horizontal' : 'vertical';
 </script>
 
 <Panel
-  class="svelte-flow__controls"
+  class={cc(['svelte-flow__controls', orientationClass, className])}
   {position}
   data-testid="svelte-flow__controls"
   aria-label={ariaLabel ?? 'Svelte Flow controls'}
+  {style}
 >
   <slot name="before" />
   {#if showZoom}
diff --git a/packages/svelte/src/lib/plugins/Controls/types.ts b/packages/svelte/src/lib/plugins/Controls/types.ts
index fca86b00a..1de8dee9b 100644
--- a/packages/svelte/src/lib/plugins/Controls/types.ts
+++ b/packages/svelte/src/lib/plugins/Controls/types.ts
@@ -18,6 +18,9 @@ export type ControlsProps = {
   buttonColor?: string;
   buttonColorHover?: string;
   'aria-label'?: string;
+  style?: string;
+  class?: string;
+  orientation?: 'horizontal' | 'vertical';
 };
 
 export type ControlButtonProps = HTMLButtonAttributes & {
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 48e82af80..4a519893f 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -397,6 +397,13 @@ svg.xy-flow__connectionline {
 }
 
 .xy-flow__controls {
+  display: flex;
+  flex-direction: column;
+
+  &.horizontal {
+    flex-direction: row;
+  }
+
   &-button {
     display: flex;
     justify-content: center;

From 31da2afaca8aa2dd563c7f9dd5fb3cb400b0a261 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 4 Apr 2024 12:54:59 +0200
Subject: [PATCH 0697/1093] chore(packages): bump

---
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 98f215696..ad3c53ad8 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index 42e479b28..d9dd8b32a 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 4570b2494bcbeffc8278bdf93d21fe5419a855e6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 8 Apr 2024 17:32:49 +0200
Subject: [PATCH 0698/1093] chore(react/store): cleanup

---
 examples/react/src/examples/Basic/index.tsx   | 29 +++++++++++++------
 .../src/components/StoreUpdater/index.tsx     |  1 -
 packages/react/src/store/index.ts             |  5 ++--
 3 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/examples/react/src/examples/Basic/index.tsx b/examples/react/src/examples/Basic/index.tsx
index cafa9fa89..62232a35b 100644
--- a/examples/react/src/examples/Basic/index.tsx
+++ b/examples/react/src/examples/Basic/index.tsx
@@ -56,18 +56,19 @@ const initialEdges: Edge[] = [
 const defaultEdgeOptions = {};
 
 const BasicFlow = () => {
-  const { setNodes, getNodes, setEdges, getEdges, deleteElements, updateNodeData, toObject, setViewport } =
+  const { addNodes, setNodes, getNodes, setEdges, getEdges, deleteElements, updateNodeData, toObject, setViewport } =
     useReactFlow();
 
   const updatePos = () => {
     setNodes((nodes) =>
       nodes.map((node) => {
-        node.position = {
-          x: Math.random() * 400,
-          y: Math.random() * 400,
+        return {
+          ...node,
+          position: {
+            x: Math.random() * 400,
+            y: Math.random() * 400,
+          },
         };
-
-        return node;
       })
     );
   };
@@ -78,9 +79,10 @@ const BasicFlow = () => {
   const toggleClassnames = () => {
     setNodes((nodes) =>
       nodes.map((node) => {
-        node.className = node.className === 'light' ? 'dark' : 'light';
-
-        return node;
+        return {
+          ...node,
+          className: node.className === 'light' ? 'dark' : 'light',
+        };
       })
     );
   };
@@ -108,6 +110,14 @@ const BasicFlow = () => {
     updateNodeData('1', { label: 'update' });
     updateNodeData('2', { label: 'update' });
   };
+  const addNode = () => {
+    addNodes({
+      id: `${Math.random()}`,
+      data: { label: 'Node' },
+      position: { x: Math.random() * 300, y: Math.random() * 300 },
+      className: 'light',
+    });
+  };
 
   return (
     <ReactFlow
@@ -144,6 +154,7 @@ const BasicFlow = () => {
         <button onClick={deleteSomeElements}>deleteSomeElements</button>
         <button onClick={onSetNodes}>setNodes</button>
         <button onClick={onUpdateNode}>updateNode</button>
+        <button onClick={addNode}>addNode</button>
       </Panel>
     </ReactFlow>
   );
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 6d92e8b44..624d10a5b 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -138,7 +138,6 @@ export function StoreUpdater<NodeType extends Node = Node, EdgeType extends Edge
 
         if (fieldValue === previousFieldValue) continue;
         if (typeof props[fieldName] === 'undefined') continue;
-
         // Custom handling with dedicated setters for some fields
         if (fieldName === 'nodes') setNodes(fieldValue as Node[]);
         else if (fieldName === 'edges') setEdges(fieldValue as Edge[]);
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 3a5686b2e..4b2c0e95f 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -73,7 +73,6 @@ const createRFStore = ({
       // new dimensions and update the nodes.
       updateNodeDimensions: (updates) => {
         const {
-          nodes,
           onNodesChange,
           fitView,
           nodeLookup,
@@ -98,7 +97,7 @@ const createRFStore = ({
         if (!fitViewDone && fitViewOnInit) {
           nextFitViewDone = fitView({
             ...fitViewOnInitOptions,
-            nodes: fitViewOnInitOptions?.nodes || nodes,
+            nodes: fitViewOnInitOptions?.nodes,
           });
         }
 
@@ -107,7 +106,7 @@ const createRFStore = ({
         // has not provided an onNodesChange handler.
         // Nodes are only rendered if they have a width and height
         // attribute which they get from this handler.
-        set({ nodes, fitViewDone: nextFitViewDone });
+        set({ fitViewDone: nextFitViewDone });
 
         if (changes?.length > 0) {
           if (debug) {

From 3e59ab94f008e2d82dbb910836a37d6a50b010f8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Apr 2024 13:26:54 +0200
Subject: [PATCH 0699/1093] refactor(nodes): rename parentNode to parentId

---
 .../react/src/examples/NodeResizer/index.tsx  |  6 +++---
 examples/react/src/examples/Subflow/index.tsx | 16 +++++++-------
 .../routes/examples/node-resizer/+page.svelte |  4 ++--
 .../src/routes/examples/subflows/+page.svelte | 12 +++++------
 packages/react/src/store/index.ts             |  1 +
 packages/system/src/types/nodes.ts            |  4 ++--
 packages/system/src/utils/graph.ts            |  4 ++--
 packages/system/src/utils/store.ts            | 21 ++++++++++---------
 packages/system/src/xydrag/utils.ts           |  8 +++----
 packages/system/src/xyresizer/XYResizer.ts    |  4 ++--
 10 files changed, 41 insertions(+), 39 deletions(-)

diff --git a/examples/react/src/examples/NodeResizer/index.tsx b/examples/react/src/examples/NodeResizer/index.tsx
index b0a272f2f..7afb411fa 100644
--- a/examples/react/src/examples/NodeResizer/index.tsx
+++ b/examples/react/src/examples/NodeResizer/index.tsx
@@ -137,7 +137,7 @@ const initialNodes: Node[] = [
       label: 'Child with extent: parent',
     },
     position: { x: 50, y: 50 },
-    parentNode: '5',
+    parentId: '5',
     extent: 'parent',
     width: 50,
     height: 100,
@@ -148,7 +148,7 @@ const initialNodes: Node[] = [
     type: 'defaultResizer',
     data: { label: 'Child with expandParent' },
     position: { x: 150, y: 100 },
-    parentNode: '5',
+    parentId: '5',
     expandParent: true,
     style: { ...nodeStyle },
   },
@@ -157,7 +157,7 @@ const initialNodes: Node[] = [
     type: 'defaultResizer',
     data: { label: 'Child with expandParent & keepAspectRatio', keepAspectRatio: true },
     position: { x: 25, y: 200 },
-    parentNode: '5',
+    parentId: '5',
     expandParent: true,
     style: { ...nodeStyle },
   },
diff --git a/examples/react/src/examples/Subflow/index.tsx b/examples/react/src/examples/Subflow/index.tsx
index 8ea28e34e..7f1b3f4b6 100644
--- a/examples/react/src/examples/Subflow/index.tsx
+++ b/examples/react/src/examples/Subflow/index.tsx
@@ -50,7 +50,7 @@ const initialNodes: Node[] = [
     data: { label: 'Node 4a' },
     position: { x: 15, y: 15 },
     className: 'light',
-    parentNode: '4',
+    parentId: '4',
     origin: [0.5, 0.5],
 
     extent: [
@@ -68,21 +68,21 @@ const initialNodes: Node[] = [
       height: 200,
       width: 300,
     },
-    parentNode: '4',
+    parentId: '4',
   },
   {
     id: '4b1',
     data: { label: 'Node 4b1' },
     position: { x: 40, y: 20 },
     className: 'light',
-    parentNode: '4b',
+    parentId: '4b',
   },
   {
     id: '4b2',
     data: { label: 'Node 4b2' },
     position: { x: 20, y: 100 },
     className: 'light',
-    parentNode: '4b',
+    parentId: '4b',
   },
   {
     id: '5',
@@ -98,7 +98,7 @@ const initialNodes: Node[] = [
     data: { label: 'Node 5a' },
     position: { x: 0, y: 0 },
     className: 'light',
-    parentNode: '5',
+    parentId: '5',
     extent: 'parent',
   },
   {
@@ -106,7 +106,7 @@ const initialNodes: Node[] = [
     data: { label: 'Node 5b' },
     position: { x: 225, y: 50 },
     className: 'light',
-    parentNode: '5',
+    parentId: '5',
     expandParent: true,
   },
   {
@@ -160,7 +160,7 @@ const Subflow = () => {
   const updatePos = () => {
     setNodes((nds) => {
       return nds.map((n) => {
-        if (!n.parentNode) {
+        if (!n.parentId) {
           return {
             ...n,
             position: {
@@ -194,7 +194,7 @@ const Subflow = () => {
       return nds.map((n) => {
         return {
           ...n,
-          hidden: !!n.parentNode && !n.hidden,
+          hidden: !!n.parentId && !n.hidden,
         };
       });
     });
diff --git a/examples/svelte/src/routes/examples/node-resizer/+page.svelte b/examples/svelte/src/routes/examples/node-resizer/+page.svelte
index b7479b039..8e08174a3 100644
--- a/examples/svelte/src/routes/examples/node-resizer/+page.svelte
+++ b/examples/svelte/src/routes/examples/node-resizer/+page.svelte
@@ -113,7 +113,7 @@
 			type: 'defaultResizer',
 			data: { label: 'Child with extent parent' },
 			position: { x: 50, y: 50 },
-			parentNode: '5',
+			parentId: '5',
 			extent: 'parent',
 			style: nodeStyle
 		},
@@ -122,7 +122,7 @@
 			type: 'defaultResizer',
 			data: { label: 'Child' },
 			position: { x: 100, y: 100 },
-			parentNode: '5',
+			parentId: '5',
 			style: nodeStyle
 		}
 	]);
diff --git a/examples/svelte/src/routes/examples/subflows/+page.svelte b/examples/svelte/src/routes/examples/subflows/+page.svelte
index 4c57c1717..a4574a6ef 100644
--- a/examples/svelte/src/routes/examples/subflows/+page.svelte
+++ b/examples/svelte/src/routes/examples/subflows/+page.svelte
@@ -36,7 +36,7 @@
 			id: '4a',
 			data: { label: 'Node 4a' },
 			position: { x: 15, y: 15 },
-			parentNode: '4',
+			parentId: '4',
 			extent: [
 				[0, 0],
 				[100, 100]
@@ -47,19 +47,19 @@
 			data: { label: 'Node 4b' },
 			position: { x: 100, y: 60 },
 			style: 'width: 300px; height: 200px;',
-			parentNode: '4'
+			parentId: '4'
 		},
 		{
 			id: '4b1',
 			data: { label: 'Node 4b1' },
 			position: { x: 40, y: 20 },
-			parentNode: '4b'
+			parentId: '4b'
 		},
 		{
 			id: '4b2',
 			data: { label: 'Node 4b2' },
 			position: { x: 20, y: 100 },
-			parentNode: '4b'
+			parentId: '4b'
 		},
 		{
 			id: '5',
@@ -73,14 +73,14 @@
 			id: '5a',
 			data: { label: 'Node 5a' },
 			position: { x: 0, y: 0 },
-			parentNode: '5',
+			parentId: '5',
 			extent: 'parent'
 		},
 		{
 			id: '5b',
 			data: { label: 'Node 5b' },
 			position: { x: 225, y: 50 },
-			parentNode: '5',
+			parentId: '5',
 			expandParent: true
 		},
 		{
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 4b2c0e95f..492d6186c 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -120,6 +120,7 @@ const createRFStore = ({
         const triggerChangeNodes: InternalNode[] = [];
 
         const changes: NodeChange[] = nodeDragItems.map((node) => {
+          // @todo add expandParent to drag item so that we can get rid of the look up here
           const internalNode = nodeLookup.get(node.id);
           const change: NodeChange = {
             id: node.id,
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 7b85fef89..c8c85a556 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -43,7 +43,7 @@ export type NodeBase<
   initialWidth?: number;
   initialHeight?: number;
   /** Parent node id, used for creating sub-flows */
-  parentNode?: string;
+  parentId?: string;
   zIndex?: number;
   /** Boundary a node can be moved in
    * @example 'parent' or [[0, 0], [100, 100]]
@@ -129,7 +129,7 @@ export type NodeDragItem = {
     positionAbsolute: XYPosition;
   };
   extent?: 'parent' | CoordinateExtent;
-  parentNode?: string;
+  parentId?: string;
   dragging?: boolean;
   origin?: NodeOrigin;
   expandParent?: boolean;
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index c53add40f..273a0057b 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -358,7 +358,7 @@ export function calculateNodePosition<NodeType extends NodeBase>({
   onError?: OnError;
 }): { position: XYPosition; positionAbsolute: XYPosition } {
   const node = nodeLookup.get(nodeId)!;
-  const parentNode = node.parentNode ? nodeLookup.get(node.parentNode) : undefined;
+  const parentNode = node.parentId ? nodeLookup.get(node.parentId) : undefined;
   const { x: parentX, y: parentY } = parentNode
     ? getNodePositionWithOrigin(parentNode, parentNode.origin || nodeOrigin).positionAbsolute
     : { x: 0, y: 0 };
@@ -440,7 +440,7 @@ export async function getElementsToRemove<NodeType extends NodeBase = NodeBase,
     }
 
     const isIncluded = nodeIds.includes(node.id);
-    const parentHit = !isIncluded && node.parentNode && matchingNodes.find((n) => n.id === node.parentNode);
+    const parentHit = !isIncluded && node.parentId && matchingNodes.find((n) => n.id === node.parentId);
 
     if (isIncluded || parentHit) {
       matchingNodes.push(node);
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index e82e2dead..7ab5504a5 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -31,13 +31,13 @@ export function updateAbsolutePositions<NodeType extends NodeBase>(
   const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
 
   for (const [id, node] of nodeLookup) {
-    const parentId = node.parentNode;
+    const parentId = node.parentId;
 
     if (parentId && !nodeLookup.has(parentId)) {
       throw new Error(`Parent node ${parentId} not found`);
     }
 
-    if (node.parentNode || node.internals.isParent || parentNodeIds?.has(id)) {
+    if (parentId || node.internals.isParent || parentNodeIds?.has(id)) {
       const parentNode = parentId ? nodeLookup.get(parentId) : null;
       const { x, y, z } = calculateXYZPosition(
         node,
@@ -87,8 +87,8 @@ export function adoptUserNodes<NodeType extends NodeBase>(
   nodes.forEach((userNode) => {
     const currentStoreNode = tmpLookup.get(userNode.id);
 
-    if (userNode.parentNode) {
-      parentNodeIds.add(userNode.parentNode);
+    if (userNode.parentId) {
+      parentNodeIds.add(userNode.parentId);
     }
 
     if (userNode === currentStoreNode?.internals.userNode) {
@@ -123,11 +123,11 @@ function calculateXYZPosition<NodeType extends NodeBase>(
   result: XYZPosition,
   nodeOrigin: NodeOrigin = [0, 0]
 ): XYZPosition {
-  if (!node.parentNode) {
+  if (!node.parentId) {
     return result;
   }
 
-  const parentNode = nodeLookup.get(node.parentNode)!;
+  const parentNode = nodeLookup.get(node.parentId)!;
   const { position: parentNodePosition } = getNodePositionWithOrigin(parentNode, parentNode?.origin || nodeOrigin);
 
   return calculateXYZPosition(
@@ -147,13 +147,14 @@ export function handleParentExpand(nodes: InternalNodeBase[], nodeLookup: NodeLo
   const chilNodeRects = new Map<string, Rect>();
 
   nodes.forEach((node) => {
-    if (node.expandParent && node.parentNode) {
-      const parentNode = nodeLookup.get(node.parentNode);
+    const parentId = node.parentId;
+    if (node.expandParent && parentId) {
+      const parentNode = nodeLookup.get(parentId);
 
       if (parentNode) {
-        const parentRect = chilNodeRects.get(node.parentNode) || nodeToRect(parentNode, node.origin);
+        const parentRect = chilNodeRects.get(parentId) || nodeToRect(parentNode, node.origin);
         const expandedRect = getBoundsOfRects(parentRect, nodeToRect(node, node.origin));
-        chilNodeRects.set(node.parentNode, expandedRect);
+        chilNodeRects.set(parentId, expandedRect);
       }
     }
   });
diff --git a/packages/system/src/xydrag/utils.ts b/packages/system/src/xydrag/utils.ts
index e4570b6ed..adead2b79 100644
--- a/packages/system/src/xydrag/utils.ts
+++ b/packages/system/src/xydrag/utils.ts
@@ -5,11 +5,11 @@ export function wrapSelectionDragFunc(selectionFunc?: (event: MouseEvent, nodes:
 }
 
 export function isParentSelected<NodeType extends NodeBase>(node: NodeType, nodeLookup: NodeLookup): boolean {
-  if (!node.parentNode) {
+  if (!node.parentId) {
     return false;
   }
 
-  const parentNode = nodeLookup.get(node.parentNode);
+  const parentNode = nodeLookup.get(node.parentId);
 
   if (!parentNode) {
     return false;
@@ -46,7 +46,7 @@ export function getDragItems<NodeType extends NodeBase>(
   for (const [id, node] of nodeLookup) {
     if (
       (node.selected || node.id === nodeId) &&
-      (!node.parentNode || !isParentSelected(node, nodeLookup)) &&
+      (!node.parentId || !isParentSelected(node, nodeLookup)) &&
       (node.draggable || (nodesDraggable && typeof node.draggable === 'undefined'))
     ) {
       const internalNode = nodeLookup.get(id)!;
@@ -59,7 +59,7 @@ export function getDragItems<NodeType extends NodeBase>(
           y: mousePos.y - (internalNode.internals.positionAbsolute?.y ?? 0),
         },
         extent: internalNode.extent,
-        parentNode: internalNode.parentNode,
+        parentId: internalNode.parentId,
         origin: internalNode.origin,
         expandParent: internalNode.expandParent,
         internals: {
diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index ce1bbd125..50a3e4aae 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -136,7 +136,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
 
           parentNode = undefined;
           if (node.extent === 'parent' || node.expandParent) {
-            parentNode = nodeLookup.get(node.parentNode!);
+            parentNode = nodeLookup.get(node.parentId!);
             if (parentNode && node.extent === 'parent') {
               parentExtent = nodeToParentExtent(parentNode);
             }
@@ -148,7 +148,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
           childExtent = undefined;
 
           for (const [childId, child] of nodeLookup) {
-            if (child.parentNode === nodeId) {
+            if (child.parentId === nodeId) {
               childNodes.push({
                 id: childId,
                 position: { ...child.position },

From 47319ec74734639431a33928ff4233208b539055 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Apr 2024 13:55:59 +0200
Subject: [PATCH 0700/1093] chore(versions): bump

---
 packages/react/package.json  | 2 +-
 packages/system/package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index 3a47cbb2c..cbd00f7c7 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.12",
+  "version": "12.0.0-next.13",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/system/package.json b/packages/system/package.json
index d9dd8b32a..cb0e894b3 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 2d1d4717d945830f67c879d632796bf2a8129a1e Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 10 Apr 2024 09:30:00 +0200
Subject: [PATCH 0701/1093] fixed errors but still WIP

---
 packages/react/src/types/nodes.ts             |  6 ++
 .../src/lib/components/Handle/Handle.svelte   |  4 +-
 .../NodeSelection/NodeSelection.svelte        |  2 +
 .../NodeRenderer/NodeRenderer.svelte          | 23 +++-----
 .../svelte/src/lib/container/Pane/Pane.svelte | 12 ++--
 .../svelte/src/lib/hooks/useSvelteFlow.ts     |  5 +-
 packages/svelte/src/lib/index.ts              |  3 +-
 .../plugins/NodeToolbar/NodeToolbar.svelte    | 40 ++++++-------
 .../src/lib/store/derived-connection-props.ts | 12 ++--
 packages/svelte/src/lib/store/index.ts        | 58 +++++++++++++------
 .../svelte/src/lib/store/initial-store.ts     | 19 +++---
 packages/svelte/src/lib/store/utils.ts        | 11 ++--
 .../svelte/src/lib/store/visible-nodes.ts     | 17 ++++--
 packages/svelte/src/lib/types/nodes.ts        | 10 +++-
 packages/system/src/utils/graph.ts            |  5 +-
 packages/system/src/utils/store.ts            | 17 ++++--
 16 files changed, 142 insertions(+), 102 deletions(-)

diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index 89fec455b..a01a894a7 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -24,6 +24,12 @@ export type Node<
   focusable?: boolean;
 };
 
+/**
+ * The node data structure that gets used for internal nodes.
+ * There are some data structures added under node.internal
+ * that are needed for tracking some properties
+ * @public
+ */
 export type InternalNode<NodeType extends Node = Node> = InternalNodeBase<NodeType>;
 
 export type NodeMouseHandler<NodeType extends Node = Node> = (event: ReactMouseEvent, node: NodeType) => void;
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 5217686c0..f93688fc3 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -42,7 +42,7 @@
   const {
     connectionMode,
     domNode,
-    nodes,
+    nodeLookup,
     connectionRadius,
     viewport,
     isValidConnection,
@@ -72,7 +72,7 @@
         isTarget,
         connectionRadius: $connectionRadius,
         domNode: $domNode,
-        nodes: $nodes,
+        nodeLookup: $nodeLookup,
         connectionMode: $connectionMode,
         lib: $lib,
         autoPanOnConnect: $autoPanOnConnect,
diff --git a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index e648604ad..4d357485c 100644
--- a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -20,6 +20,8 @@
   $: selectedNodes = $nodes.filter((n) => n.selected);
   $: bounds = getNodesBounds(selectedNodes);
 
+  $: console.log($nodes);
+
   function onContextMenu(event: MouseEvent | TouchEvent) {
     dispatch('selectioncontextmenu', { nodes: selectedNodes, event });
   }
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 8761942de..07e84096f 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -1,11 +1,6 @@
 <script lang="ts">
   import { onDestroy } from 'svelte';
-  import {
-    internalsSymbol,
-    getPositionWithOrigin,
-    getNodeDimensions,
-    nodeHasDimensions
-  } from '@xyflow/system';
+  import { getPositionWithOrigin, getNodeDimensions, nodeHasDimensions } from '@xyflow/system';
 
   import { NodeWrapper } from '$lib/components/NodeWrapper';
   import { useStore } from '$lib/store';
@@ -46,8 +41,8 @@
   {#each $visibleNodes as node (node.id)}
     {@const nodeDimesions = getNodeDimensions(node)}
     {@const posOrigin = getPositionWithOrigin({
-      x: node.computed?.positionAbsolute?.x ?? 0,
-      y: node.computed?.positionAbsolute?.y ?? 0,
+      x: node.internals.positionAbsolute.x ?? 0,
+      y: node.internals.positionAbsolute.y ?? 0,
       ...nodeDimesions,
       origin: node.origin
     })}
@@ -66,26 +61,26 @@
         node.connectable ||
         ($nodesConnectable && typeof node.connectable === 'undefined')
       )}
-      positionX={node.computed?.positionAbsolute?.x ?? 0}
-      positionY={node.computed?.positionAbsolute?.y ?? 0}
+      positionX={node.internals.positionAbsolute?.x ?? 0}
+      positionY={node.internals.positionAbsolute?.y ?? 0}
       positionOriginX={posOrigin.x ?? 0}
       positionOriginY={posOrigin.y ?? 0}
-      isParent={!!node[internalsSymbol]?.isParent}
+      isParent={!!node.internals.isParent}
       style={node.style}
       class={node.class}
       type={node.type ?? 'default'}
       sourcePosition={node.sourcePosition}
       targetPosition={node.targetPosition}
       dragging={node.dragging}
-      zIndex={node[internalsSymbol]?.z ?? 0}
+      zIndex={node.internals.z ?? 0}
       dragHandle={node.dragHandle}
       initialized={nodeHasDimensions(node)}
       width={node.width}
       height={node.height}
       initialWidth={node.initialWidth}
       initialHeight={node.initialHeight}
-      computedWidth={node.computed?.width}
-      computedHeight={node.computed?.height}
+      computedWidth={node.measured.width}
+      computedHeight={node.measured.height}
       {resizeObserver}
       on:nodeclick
       on:nodemouseenter
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 6a8d4dd87..05cbdb417 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -17,10 +17,7 @@
       const isSelected = ids.includes(item.id);
 
       if (item.selected !== isSelected) {
-        return {
-          ...item,
-          selected: isSelected
-        };
+        item.selected = isSelected;
       }
 
       return item;
@@ -56,6 +53,7 @@
   }>();
   const {
     nodes,
+    nodeLookup,
     edges,
     viewport,
     dragging,
@@ -130,8 +128,8 @@
     const prevSelectedNodeIds = selectedNodes.map((n) => n.id);
     const prevSelectedEdgeIds = getConnectedEdges(selectedNodes, $edges).map((e) => e.id);
 
-    selectedNodes = getNodesInside<Node>(
-      $nodes,
+    selectedNodes = getNodesInside(
+      $nodeLookup,
       nextUserSelectRect,
       [$viewport.x, $viewport.y, $viewport.zoom],
       $selectionMode === SelectionMode.Partial,
@@ -172,7 +170,7 @@
     selectionRect.set(null);
 
     if (selectedNodes.length > 0) {
-      selectionRectMode.set('nodes');
+      $selectionRectMode = 'nodes';
     }
 
     // onSelectionEnd?.(event);
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 22d7de6f0..7eeffc65d 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -331,11 +331,12 @@ export function useSvelteFlow(): {
       }
 
       return (nodesToIntersect || get(nodes)).filter((n) => {
-        if (!isRect && (n.id === nodeOrRect.id || !n.computed?.positionAbsolute)) {
+        const internalNode = get(nodeLookup).get(n.id);
+        if (!internalNode || (!isRect && n.id === nodeOrRect.id)) {
           return false;
         }
 
-        const currNodeRect = nodeToRect(n);
+        const currNodeRect = nodeToRect(internalNode);
         const overlappingArea = getOverlappingArea(currNodeRect, nodeRect);
         const partiallyVisible = partially && overlappingArea > 0;
 
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 771116c36..72808cdaa 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -116,6 +116,5 @@ export {
   getOutgoers,
   getConnectedEdges,
   addEdge,
-  updateEdge,
-  internalsSymbol
+  updateEdge
 } from '@xyflow/system';
diff --git a/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte b/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
index ca6dba1f6..822501170 100644
--- a/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
+++ b/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
@@ -1,14 +1,8 @@
 <script lang="ts">
   import { getContext } from 'svelte';
-  import {
-    getNodesBounds,
-    Position,
-    type Rect,
-    internalsSymbol,
-    getNodeToolbarTransform
-  } from '@xyflow/system';
+  import { getNodesBounds, Position, type Rect, getNodeToolbarTransform } from '@xyflow/system';
   import portal from '$lib/actions/portal';
-  import type { Node } from '$lib/types';
+  import type { InternalNode } from '$lib/types';
   import { useStore } from '$lib/store';
 
   import type { NodeToolbarProps } from './types';
@@ -25,26 +19,26 @@
   const contextNodeId = getContext<string>('svelteflow__node_id');
 
   let transform: string;
-  let toolbarNodes: Node[] = [];
+  let toolbarNodes: InternalNode[] = [];
   let _offset = offset !== undefined ? offset : 10;
   let _position = position !== undefined ? position : Position.Top;
   let _align = align !== undefined ? align : 'center';
 
   $: {
-    // $nodes only needed to trigger updates, $nodeLookup is just a helper that does not trigger any updates
-    if ($nodes) {
-      const nodeIds = Array.isArray(nodeId) ? nodeId : [nodeId || contextNodeId];
+    // nly needed to trigger updates, $nodeLookup is just a helper that does not trigger any updates
+    $nodes;
 
-      toolbarNodes = nodeIds.reduce<Node[]>((res, nodeId) => {
-        const node = $nodeLookup.get(nodeId);
+    const nodeIds = Array.isArray(nodeId) ? nodeId : [nodeId || contextNodeId];
 
-        if (node) {
-          res.push(node);
-        }
+    toolbarNodes = nodeIds.reduce<InternalNode[]>((res, nodeId) => {
+      const node = $nodeLookup.get(nodeId);
 
-        return res;
-      }, []);
-    }
+      if (node) {
+        res.push(node);
+      }
+
+      return res;
+    }, []);
   }
 
   $: {
@@ -54,8 +48,8 @@
       const toolbarNode = toolbarNodes[0];
       nodeRect = {
         ...toolbarNode.position,
-        width: toolbarNode.computed?.width ?? toolbarNode.width ?? 0,
-        height: toolbarNode.computed?.height ?? toolbarNode.height ?? 0
+        width: toolbarNode.measured.width ?? toolbarNode.width ?? 0,
+        height: toolbarNode.measured.height ?? toolbarNode.height ?? 0
       };
     } else if (toolbarNodes.length > 1) {
       nodeRect = getNodesBounds(toolbarNodes, { nodeOrigin: $nodeOrigin });
@@ -69,7 +63,7 @@
   $: zIndex =
     toolbarNodes.length === 0
       ? 1
-      : Math.max(...toolbarNodes.map((node) => (node[internalsSymbol]?.z || 5) + 1));
+      : Math.max(...toolbarNodes.map((node) => (node.internals.z || 5) + 1));
 
   //FIXME: Possible performance bottleneck
   $: selectedNodesCount = $nodes.filter((node) => node.selected).length;
diff --git a/packages/svelte/src/lib/store/derived-connection-props.ts b/packages/svelte/src/lib/store/derived-connection-props.ts
index 0edf3c6cb..fc98366e1 100644
--- a/packages/svelte/src/lib/store/derived-connection-props.ts
+++ b/packages/svelte/src/lib/store/derived-connection-props.ts
@@ -6,7 +6,6 @@ import {
   ConnectionLineType,
   ConnectionMode,
   Position,
-  internalsSymbol,
   type HandleElement
 } from '@xyflow/system';
 
@@ -65,8 +64,9 @@ export function getDerivedConnectionProps(
         return initConnectionProps;
       }
 
+      // TODO: it should bail out if the node is not found
       const fromNode = nodeLookup.get(connection.connectionStartHandle?.nodeId);
-      const fromHandleBounds = fromNode?.[internalsSymbol]?.handleBounds;
+      const fromHandleBounds = fromNode?.internals.handleBounds;
       const handleBoundsStrict =
         fromHandleBounds?.[connection.connectionStartHandle.type || 'source'] || [];
       const handleBoundsLoose: HandleElement[] | undefined | null = handleBoundsStrict
@@ -81,12 +81,12 @@ export function getDerivedConnectionProps(
         : handleBounds?.[0];
       const fromHandleX = fromHandle
         ? fromHandle.x + fromHandle.width / 2
-        : (fromNode?.computed?.width ?? 0) / 2;
+        : (fromNode?.measured.width ?? 0) / 2;
       const fromHandleY = fromHandle
         ? fromHandle.y + fromHandle.height / 2
-        : fromNode?.computed?.height ?? 0;
-      const fromX = (fromNode?.computed?.positionAbsolute?.x ?? 0) + fromHandleX;
-      const fromY = (fromNode?.computed?.positionAbsolute?.y ?? 0) + fromHandleY;
+        : fromNode?.measured.height ?? 0;
+      const fromX = (fromNode?.internals.positionAbsolute.x ?? 0) + fromHandleX;
+      const fromY = (fromNode?.internals.positionAbsolute.y ?? 0) + fromHandleY;
       const fromPosition = fromHandle?.position;
       const toPosition = fromPosition ? oppositePosition[fromPosition] : undefined;
 
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 4d7a0a9f4..bdfbf6d22 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -64,52 +64,72 @@ export function createStore({
   const updateNodePositions: UpdateNodePositions = (nodeDragItems, dragging = false) => {
     const nodeLookup = get(store.nodeLookup);
 
-    nodeDragItems.forEach((nodeDragItem) => {
+    for (const nodeDragItem of nodeDragItems) {
       const node = nodeLookup.get(nodeDragItem.id);
 
-      if (node) {
-        node.position = nodeDragItem.position;
-        node.dragging = dragging;
-        node.computed = {
-          ...node.computed,
-          positionAbsolute: nodeDragItem.computed?.positionAbsolute
-        };
+      if (!node) {
+        continue;
       }
-    });
+
+      const userNode = node.internals.userNode;
+      userNode.position = nodeDragItem.position;
+      userNode.dragging = dragging;
+      // node.internals.positionAbsolute = nodeDragItem.internals.positionAbsolute;
+    }
 
     store.nodes.set(get(store.nodes));
+    //$nodes = $nodes
   };
 
   function updateNodeDimensions(updates: Map<string, NodeDimensionUpdate>) {
-    const nextNodes = updateNodeDimensionsSystem(
+    const nodeLookup = get(store.nodeLookup);
+    const nodeUpdates = updateNodeDimensionsSystem(
       updates,
-      get(store.nodes),
-      get(store.nodeLookup),
+      nodeLookup,
       get(store.domNode),
       get(store.nodeOrigin)
     );
 
-    if (!nextNodes) {
+    if (!nodeUpdates) {
       return;
     }
 
     if (!get(store.fitViewOnInitDone) && get(store.fitViewOnInit)) {
       const fitViewOptions = get(store.fitViewOptions);
-      const fitViewOnInitDone = fitView(nextNodes, {
+      const fitViewOnInitDone = fitView({
         ...fitViewOptions,
-        nodes: fitViewOptions?.nodes || nextNodes
+        nodes: fitViewOptions?.nodes
       });
       store.fitViewOnInitDone.set(fitViewOnInitDone);
     }
 
-    store.nodes.set(nextNodes);
+    for (const nodeUpdate of nodeUpdates) {
+      const node = nodeLookup.get(nodeUpdate.id)?.internals.userNode;
+
+      if (!node) {
+        continue;
+      }
+
+      switch (nodeUpdate.type) {
+        case 'dimensions':
+          node.width = nodeUpdate.dimensions?.width ?? node.width;
+          node.height = nodeUpdate.dimensions?.height ?? node.height;
+          // TODO: do we need measured here?
+          break;
+        case 'position':
+          node.position = nodeUpdate.position ?? node.position;
+          break;
+      }
+    }
+
+    store.nodes.set(get(store.nodes));
 
     if (!get(store.nodesInitialized)) {
       store.nodesInitialized.set(true);
     }
   }
 
-  function fitView(nodes: Node[], options?: FitViewOptions) {
+  function fitView(options?: FitViewOptions) {
     const panZoom = get(store.panZoom);
 
     if (!panZoom) {
@@ -118,7 +138,7 @@ export function createStore({
 
     return fitViewUtil(
       {
-        nodes,
+        nodeLookup: get(store.nodeLookup),
         width: get(store.width),
         height: get(store.height),
         minZoom: get(store.minZoom),
@@ -384,7 +404,7 @@ export function createStore({
     updateNodeDimensions,
     zoomIn,
     zoomOut,
-    fitView: (options?: FitViewOptions) => fitView(get(store.nodes), options),
+    fitView: (options?: FitViewOptions) => fitView(options),
     setMinZoom,
     setMaxZoom,
     setTranslateExtent,
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 525ee6b5c..efa93b53b 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -5,7 +5,7 @@ import {
   ConnectionMode,
   ConnectionLineType,
   devWarn,
-  adoptUserProvidedNodes,
+  adoptUserNodes,
   getNodesBounds,
   getViewportForBounds,
   updateConnectionLookup,
@@ -47,7 +47,8 @@ import type {
   OnDelete,
   OnEdgeCreate,
   OnBeforeDelete,
-  IsValidConnection
+  IsValidConnection,
+  InternalNode
 } from '$lib/types';
 import { createNodesStore, createEdgesStore } from './utils';
 import { initConnectionProps, type ConnectionProps } from './derived-connection-props';
@@ -80,9 +81,10 @@ export const getInitialStore = ({
   fitView?: boolean;
 }) => {
   const nodeLookup: NodeLookup = new Map();
-  const nextNodes = adoptUserProvidedNodes(nodes, nodeLookup, {
+  adoptUserNodes(nodes, nodeLookup, {
     nodeOrigin: [0, 0],
-    elevateNodesOnSelect: false
+    elevateNodesOnSelect: false,
+    checkEquality: false
   });
   const connectionLookup = new Map();
   const edgeLookup = new Map();
@@ -91,9 +93,10 @@ export const getInitialStore = ({
   let viewport: Viewport = { x: 0, y: 0, zoom: 1 };
 
   if (fitView && width && height) {
-    const nodesWithDimensions = nextNodes.filter(
+    const nodesWithDimensions = Array.from(nodeLookup.values()).filter(
       (node) => (node.width && node.height) || (node.initialWidth && node.initialHeight)
     );
+
     // @todo users nodeOrigin should be used here
     const bounds = getNodesBounds(nodesWithDimensions, { nodeOrigin: [0, 0] });
     viewport = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
@@ -101,10 +104,10 @@ export const getInitialStore = ({
 
   return {
     flowId: writable<string | null>(null),
-    nodes: createNodesStore(nextNodes, nodeLookup),
-    nodeLookup: readable<NodeLookup<Node>>(nodeLookup),
+    nodes: createNodesStore(nodes, nodeLookup),
+    nodeLookup: readable<NodeLookup<InternalNode>>(nodeLookup),
     edgeLookup: readable<EdgeLookup<Edge>>(edgeLookup),
-    visibleNodes: readable<Node[]>([]),
+    visibleNodes: readable<InternalNode[]>([]),
     edges: createEdgesStore(edges, connectionLookup, edgeLookup),
     visibleEdges: readable<EdgeLayouted[]>([]),
     connectionLookup: readable<ConnectionLookup>(connectionLookup),
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index a6ba38de9..444423c6d 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -16,7 +16,7 @@ import {
   type NodeLookup
 } from '@xyflow/system';
 
-import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, Node } from '$lib/types';
+import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, InternalNode, Node } from '$lib/types';
 
 // we need to sync the user nodes and the internal nodes so that the user can receive the updates
 // made by Svelte Flow (like dragging or selecting a node).
@@ -127,7 +127,7 @@ export type NodeStoreOptions = {
 // The user only passes in relative positions, so we need to calculate the absolute positions based on the parent nodes.
 export const createNodesStore = (
   nodes: Node[],
-  nodeLookup: NodeLookup<Node>
+  nodeLookup: NodeLookup<InternalNode>
 ): {
   subscribe: (this: void, run: Subscriber<Node[]>) => Unsubscriber;
   update: (this: void, updater: Updater<Node[]>) => void;
@@ -141,12 +141,13 @@ export const createNodesStore = (
   let elevateNodesOnSelect = true;
 
   const _set = (nds: Node[]): Node[] => {
-    const nextNodes = adoptUserNodes(nds, nodeLookup, {
+    adoptUserNodes(nds, nodeLookup, {
       elevateNodesOnSelect,
-      defaults
+      defaults,
+      checkEquality: false
     });
 
-    value = nextNodes;
+    value = nodes;
 
     set(value);
 
diff --git a/packages/svelte/src/lib/store/visible-nodes.ts b/packages/svelte/src/lib/store/visible-nodes.ts
index 2d9ab7fb6..1c31e638f 100644
--- a/packages/svelte/src/lib/store/visible-nodes.ts
+++ b/packages/svelte/src/lib/store/visible-nodes.ts
@@ -1,18 +1,23 @@
 import { derived } from 'svelte/store';
 import { getNodesInside, type Transform } from '@xyflow/system';
-
-import type { Node } from '$lib/types';
 import type { SvelteFlowStoreState } from './types';
 
 export function getVisibleNodes(store: SvelteFlowStoreState) {
   return derived(
-    [store.nodes, store.onlyRenderVisibleElements, store.width, store.height, store.viewport],
-    ([nodes, onlyRenderVisibleElements, width, height, viewport]) => {
+    [
+      store.nodes,
+      store.nodeLookup,
+      store.onlyRenderVisibleElements,
+      store.width,
+      store.height,
+      store.viewport
+    ],
+    ([_, nodeLookup, onlyRenderVisibleElements, width, height, viewport]) => {
       const transform: Transform = [viewport.x, viewport.y, viewport.zoom];
 
       return onlyRenderVisibleElements
-        ? getNodesInside<Node>(nodes, { x: 0, y: 0, width, height }, transform, true)
-        : nodes;
+        ? getNodesInside(nodeLookup, { x: 0, y: 0, width, height }, transform, true)
+        : Array.from(nodeLookup.values());
     }
   );
 }
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index 2cd9262c8..488b306ff 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -1,5 +1,13 @@
 import type { ComponentType, SvelteComponent } from 'svelte';
-import type { NodeBase, NodeProps as NodePropsBase } from '@xyflow/system';
+import type { InternalNodeBase, NodeBase, NodeProps as NodePropsBase } from '@xyflow/system';
+
+/**
+ * The node data structure that gets used for internal nodes.
+ * There are some data structures added under node.internal
+ * that are needed for tracking some properties
+ * @public
+ */
+export type InternalNode<NodeType extends Node = Node> = InternalNodeBase<NodeType>;
 
 /**
  * The node data structure that gets used for the nodes prop.
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 273a0057b..3bf70267b 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -230,14 +230,14 @@ export const getNodesInside = <NodeType extends NodeBase = NodeBase>(
   // set excludeNonSelectableNodes if you want to pay attention to the nodes "selectable" attribute
   excludeNonSelectableNodes = false,
   nodeOrigin: NodeOrigin = [0, 0]
-): NodeType[] => {
+): InternalNodeBase<NodeType>[] => {
   const paneRect = {
     ...pointToRendererPoint(rect, [tx, ty, tScale]),
     width: rect.width / tScale,
     height: rect.height / tScale,
   };
 
-  const visibleNodes: NodeType[] = [];
+  const visibleNodes: InternalNodeBase<NodeType>[] = [];
 
   for (const [, node] of nodeLookup) {
     const { measured, selectable = true, hidden = false } = node;
@@ -290,6 +290,7 @@ export function fitView<Params extends FitViewParamsBase<NodeBase>, Options exte
   nodeLookup.forEach((n) => {
     const isVisible = n.measured.width && n.measured.height && (options?.includeHiddenNodes || !n.hidden);
 
+    // TODO: this remove options.nodes.some with a Set
     if (
       isVisible &&
       (!options?.nodes || (options?.nodes.length && options?.nodes.some((optionNode) => optionNode.id === n.id)))
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 7ab5504a5..97c1b8ac6 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -14,6 +14,8 @@ import {
   NodeChange,
   NodeLookup,
   Rect,
+  NodeDimensionChange,
+  NodePositionChange,
 } from '../types';
 import { getDimensions, getHandleBounds } from './dom';
 import { getBoundsOfRects, getNodeDimensions, isNumeric, nodeToRect } from './general';
@@ -68,6 +70,7 @@ type UpdateNodesOptions<NodeType extends NodeBase> = {
   nodeOrigin?: NodeOrigin;
   elevateNodesOnSelect?: boolean;
   defaults?: Partial<NodeType>;
+  checkEquality?: boolean;
 };
 
 export function adoptUserNodes<NodeType extends NodeBase>(
@@ -77,6 +80,7 @@ export function adoptUserNodes<NodeType extends NodeBase>(
     nodeOrigin: [0, 0] as NodeOrigin,
     elevateNodesOnSelect: true,
     defaults: {},
+    checkEquality: true,
   }
 ) {
   const tmpLookup = new Map(nodeLookup);
@@ -91,7 +95,7 @@ export function adoptUserNodes<NodeType extends NodeBase>(
       parentNodeIds.add(userNode.parentId);
     }
 
-    if (userNode === currentStoreNode?.internals.userNode) {
+    if (options.checkEquality && userNode === currentStoreNode?.internals.userNode) {
       nodeLookup.set(userNode.id, currentStoreNode);
     } else {
       nodeLookup.set(userNode.id, {
@@ -142,8 +146,11 @@ function calculateXYZPosition<NodeType extends NodeBase>(
   );
 }
 
-export function handleParentExpand(nodes: InternalNodeBase[], nodeLookup: NodeLookup): NodeChange[] {
-  const changes: NodeChange[] = [];
+export function handleParentExpand(
+  nodes: InternalNodeBase[],
+  nodeLookup: NodeLookup
+): (NodeDimensionChange | NodePositionChange)[] {
+  const changes: (NodeDimensionChange | NodePositionChange)[] = [];
   const chilNodeRects = new Map<string, Rect>();
 
   nodes.forEach((node) => {
@@ -211,14 +218,14 @@ export function updateNodeDimensions<NodeType extends InternalNodeBase>(
   nodeLookup: Map<string, NodeType>,
   domNode: HTMLElement | null,
   nodeOrigin?: NodeOrigin
-): NodeChange[] {
+): (NodeDimensionChange | NodePositionChange)[] {
   const viewportNode = domNode?.querySelector('.xyflow__viewport');
 
   if (!viewportNode) {
     return [];
   }
 
-  const changes: NodeChange[] = [];
+  const changes: (NodeDimensionChange | NodePositionChange)[] = [];
   const style = window.getComputedStyle(viewportNode);
   const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
   // in this array we collect nodes, that might trigger changes (like expanding parent)

From 91a642bb9c8aef5afed9392e8630a188f5e348d3 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 10 Apr 2024 11:18:30 +0200
Subject: [PATCH 0702/1093] fixed some more stuff

---
 .../routes/examples/drag-n-drop/Flow.svelte   |  6 ++-
 .../examples/usenodesdata/ResultNode.svelte   |  1 +
 .../examples/usenodesdata/TextNode.svelte     |  1 +
 .../usenodesdata/UppercaseNode.svelte         |  8 ++-
 .../NodeSelection/NodeSelection.svelte        |  2 -
 packages/svelte/src/lib/hooks/useNodesData.ts |  2 +-
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 49 +++++++++++++------
 .../plugins/NodeResizer/ResizeControl.svelte  |  4 +-
 packages/svelte/src/lib/store/index.ts        | 15 +++---
 9 files changed, 57 insertions(+), 31 deletions(-)

diff --git a/examples/svelte/src/routes/examples/drag-n-drop/Flow.svelte b/examples/svelte/src/routes/examples/drag-n-drop/Flow.svelte
index 2826a8ea1..68961b08f 100644
--- a/examples/svelte/src/routes/examples/drag-n-drop/Flow.svelte
+++ b/examples/svelte/src/routes/examples/drag-n-drop/Flow.svelte
@@ -13,7 +13,7 @@
 
 	import '@xyflow/svelte/dist/style.css';
 
-	const nodes = writable([
+	const nodes = writable<Node[]>([
 		{
 			id: '1',
 			type: 'input',
@@ -63,6 +63,7 @@
 	};
 
 	const onDrop = (event: DragEvent) => {
+		console.log(event);
 		event.preventDefault();
 
 		if (!event.dataTransfer) {
@@ -81,7 +82,8 @@
 			data: { label: `${type} node` }
 		};
 
-		nodes.update((nds) => nds.concat(newNode));
+		$nodes.push(newNode);
+		$nodes = $nodes;
 	};
 
 	$: {
diff --git a/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte b/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
index d59555018..436d21097 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/ResultNode.svelte
@@ -11,6 +11,7 @@
 	type $$Props = NodeProps;
 
 	export let id: $$Props['id'];
+	$$restProps;
 
 	const connections = useHandleConnections({
 		nodeId: id,
diff --git a/examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte b/examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte
index c1642da2a..1fe5ff708 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte
@@ -7,6 +7,7 @@
 	export let data: $$Props['data'];
 
 	const { updateNodeData } = useSvelteFlow();
+	$$restProps;
 </script>
 
 <div class="custom">
diff --git a/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte b/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
index be15ac9a2..55960cb58 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
@@ -12,6 +12,8 @@
 	type $$Props = NodeProps;
 
 	export let id: $$Props['id'];
+	export let data: $$Props['data'];
+	$$restProps;
 
 	const { updateNodeData } = useSvelteFlow();
 	const connections = useHandleConnections({
@@ -22,8 +24,12 @@
 	$: nodeData = useNodesData<MyNode>($connections[0]?.source);
 	$: textNode = isTextNode($nodeData) ? $nodeData : null;
 
+	$: console.log(textNode?.data, data);
+
 	$: {
-		updateNodeData(id, { text: textNode?.data.text.toUpperCase() || '' });
+		const input = textNode?.data.text.toUpperCase() ?? '';
+		updateNodeData(id, { text: input });
+		console.log('updatedNodeData with', input);
 	}
 </script>
 
diff --git a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index 4d357485c..e648604ad 100644
--- a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -20,8 +20,6 @@
   $: selectedNodes = $nodes.filter((n) => n.selected);
   $: bounds = getNodesBounds(selectedNodes);
 
-  $: console.log($nodes);
-
   function onContextMenu(event: MouseEvent | TouchEvent) {
     dispatch('selectioncontextmenu', { nodes: selectedNodes, event });
   }
diff --git a/packages/svelte/src/lib/hooks/useNodesData.ts b/packages/svelte/src/lib/hooks/useNodesData.ts
index 83db21156..a13bdb65e 100644
--- a/packages/svelte/src/lib/hooks/useNodesData.ts
+++ b/packages/svelte/src/lib/hooks/useNodesData.ts
@@ -29,7 +29,7 @@ export function useNodesData(nodeIds: any): any {
     const _nodeIds = isArrayOfIds ? nodeIds : [nodeIds];
 
     for (const nodeId of _nodeIds) {
-      const node = nodeLookup.get(nodeId);
+      const node = nodeLookup.get(nodeId)?.internals.userNode;
       if (node) {
         nextNodesData.push({
           id: node.id,
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 7eeffc65d..1f1128cc8 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -256,17 +256,28 @@ export function useSvelteFlow(): {
     nodeUpdate: Partial<Node> | ((node: Node) => Partial<Node>),
     options: { replace: boolean } = { replace: false }
   ) => {
-    nodes.update((nds) =>
-      nds.map((node) => {
-        if (node.id === id) {
-          const nextNode = typeof nodeUpdate === 'function' ? nodeUpdate(node as Node) : nodeUpdate;
+    const node = get(nodeLookup).get(id)?.internals.userNode;
 
-          return options.replace && isNode(nextNode) ? nextNode : { ...node, ...nextNode };
-        }
+    if (!node) {
+      return;
+    }
+
+    const nextNode = typeof nodeUpdate === 'function' ? nodeUpdate(node as Node) : nodeUpdate;
 
-        return node;
-      })
-    );
+    if (options.replace) {
+      nodes.update((nds) =>
+        nds.map((node) => {
+          if (node.id === id) {
+            return isNode(nextNode) ? nextNode : { ...node, ...nextNode };
+          }
+
+          return node;
+        })
+      );
+    } else {
+      Object.assign(node, nextNode);
+      nodes.update((nds) => nds);
+    }
   };
 
   return {
@@ -448,13 +459,21 @@ export function useSvelteFlow(): {
     },
     updateNode,
     updateNodeData: (id, dataUpdate, options) => {
-      updateNode(id, (node) => {
-        const nextData = typeof dataUpdate === 'function' ? dataUpdate(node) : dataUpdate;
+      const node = get(nodeLookup).get(id)?.internals.userNode;
 
-        return options?.replace
-          ? { ...node, data: nextData }
-          : { ...node, data: { ...node.data, ...nextData } };
-      });
+      if (!node) {
+        return;
+      }
+
+      const nextData = typeof dataUpdate === 'function' ? dataUpdate(node) : dataUpdate;
+
+      if (options?.replace) {
+        node.data = nextData;
+      } else {
+        node.data = { ...node.data, ...nextData };
+      }
+
+      nodes.update((nds) => nds);
     },
     viewport
   };
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
index c67f2e87f..c346bd530 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
+++ b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
@@ -69,7 +69,7 @@
           };
         },
         onChange: (change: XYResizerChange, childChanges: XYResizerChildChange[]) => {
-          const node = $nodeLookup.get(id);
+          const node = $nodeLookup.get(id)?.internals.userNode;
           if (node) {
             node.height = change.isHeightChange ? change.height : node.height;
             node.width = change.isWidthChange ? change.width : node.width;
@@ -79,7 +79,7 @@
                 : node.position;
 
             for (const childChange of childChanges) {
-              const childNode = $nodeLookup.get(childChange.id);
+              const childNode = $nodeLookup.get(childChange.id)?.internals.userNode;
               if (childNode) {
                 childNode.position = childChange.position;
               }
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index bdfbf6d22..3e74e5923 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -65,20 +65,17 @@ export function createStore({
     const nodeLookup = get(store.nodeLookup);
 
     for (const nodeDragItem of nodeDragItems) {
-      const node = nodeLookup.get(nodeDragItem.id);
+      const node = nodeLookup.get(nodeDragItem.id)?.internals.userNode;
 
       if (!node) {
         continue;
       }
 
-      const userNode = node.internals.userNode;
-      userNode.position = nodeDragItem.position;
-      userNode.dragging = dragging;
-      // node.internals.positionAbsolute = nodeDragItem.internals.positionAbsolute;
+      node.position = nodeDragItem.position;
+      node.dragging = dragging;
     }
 
     store.nodes.set(get(store.nodes));
-    //$nodes = $nodes
   };
 
   function updateNodeDimensions(updates: Map<string, NodeDimensionUpdate>) {
@@ -111,11 +108,13 @@ export function createStore({
       }
 
       switch (nodeUpdate.type) {
-        case 'dimensions':
+        case 'dimensions': {
+          const measured = { ...node.measured, ...nodeUpdate.dimensions };
           node.width = nodeUpdate.dimensions?.width ?? node.width;
           node.height = nodeUpdate.dimensions?.height ?? node.height;
-          // TODO: do we need measured here?
+          node.measured = measured;
           break;
+        }
         case 'position':
           node.position = nodeUpdate.position ?? node.position;
           break;

From 3a8b947260df76e38b9467d27309d196839c6093 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 10 Apr 2024 12:02:16 +0200
Subject: [PATCH 0703/1093] fixed wrong initial set on store

---
 .../routes/examples/intersections/Flow.svelte |  4 +-
 .../examples/intersections/nodes-and-edges.ts | 44 +++++++++----------
 packages/svelte/src/lib/store/index.ts        |  8 ++--
 packages/svelte/src/lib/store/utils.ts        |  2 +-
 4 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/examples/svelte/src/routes/examples/intersections/Flow.svelte b/examples/svelte/src/routes/examples/intersections/Flow.svelte
index f3f80335e..12c98e003 100644
--- a/examples/svelte/src/routes/examples/intersections/Flow.svelte
+++ b/examples/svelte/src/routes/examples/intersections/Flow.svelte
@@ -12,8 +12,8 @@
 
 	const { getIntersectingNodes } = useSvelteFlow();
 
-	function onNodeDrag({ detail: { node } }) {
-		const intersections = getIntersectingNodes(node).map((n) => n.id);
+	function onNodeDrag({ detail: { targetNode } }) {
+		const intersections = getIntersectingNodes(targetNode).map((n) => n.id);
 
 		$nodes.forEach((n) => {
 			n.class = intersections.includes(n.id) ? 'highlight' : '';
diff --git a/examples/svelte/src/routes/examples/intersections/nodes-and-edges.ts b/examples/svelte/src/routes/examples/intersections/nodes-and-edges.ts
index fffb59b89..7b094ce23 100644
--- a/examples/svelte/src/routes/examples/intersections/nodes-and-edges.ts
+++ b/examples/svelte/src/routes/examples/intersections/nodes-and-edges.ts
@@ -1,28 +1,28 @@
 import type { Node, Edge } from '@xyflow/svelte';
 
 export const initialNodes: Node[] = [
-  {
-    id: '1',
-    data: { label: 'Node 1' },
-    position: { x: 0, y: 0 },
-    style: 'width: 200px; height: 100px;'
-  },
-  {
-    id: '2',
-    data: { label: 'Node 2' },
-    position: { x: 0, y: 150 }
-  },
-  {
-    id: '3',
-    data: { label: 'Node 3' },
-    position: { x: 250, y: 0 }
-  },
-  {
-    id: '4',
-    data: { label: 'Node' },
-    position: { x: 350, y: 150 },
-    style: 'width: 50px; height: 50px;'
-  }
+	{
+		id: '1',
+		data: { label: 'Node 1' },
+		position: { x: 0, y: 0 },
+		style: 'width: 200px; height: 100px;'
+	},
+	{
+		id: '2',
+		data: { label: 'Node 2' },
+		position: { x: 0, y: 150 }
+	},
+	{
+		id: '3',
+		data: { label: 'Node 3' },
+		position: { x: 250, y: 0 }
+	},
+	{
+		id: '4',
+		data: { label: 'Node' },
+		position: { x: 350, y: 150 },
+		style: 'width: 50px; height: 50px;'
+	}
 ];
 
 export const initialEdges: Edge[] = [];
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 3e74e5923..aa6420974 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -75,7 +75,7 @@ export function createStore({
       node.dragging = dragging;
     }
 
-    store.nodes.set(get(store.nodes));
+    store.nodes.update((nds) => nds);
   };
 
   function updateNodeDimensions(updates: Map<string, NodeDimensionUpdate>) {
@@ -121,7 +121,7 @@ export function createStore({
       }
     }
 
-    store.nodes.set(get(store.nodes));
+    store.nodes.update((nds) => nds);
 
     if (!get(store.nodesInitialized)) {
       store.nodesInitialized.set(true);
@@ -205,10 +205,10 @@ export function createStore({
 
   function unselectNodesAndEdges(params?: { nodes?: Node[]; edges?: Edge[] }) {
     const resetNodes = resetSelectedElements(params?.nodes || get(store.nodes));
-    if (resetNodes) store.nodes.set(get(store.nodes));
+    if (resetNodes) store.nodes.update((nds) => nds);
 
     const resetEdges = resetSelectedElements(params?.edges || get(store.edges));
-    if (resetEdges) store.edges.set(get(store.edges));
+    if (resetEdges) store.edges.update((nds) => nds);
   }
 
   store.deleteKeyPressed.subscribe(async (deleteKeyPressed) => {
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index 444423c6d..4dabbd33c 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -147,7 +147,7 @@ export const createNodesStore = (
       checkEquality: false
     });
 
-    value = nodes;
+    value = nds;
 
     set(value);
 

From dd2bb65d1eac9b09fe3b7827e1fb2d1682e25aed Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 10 Apr 2024 12:13:09 +0200
Subject: [PATCH 0704/1093] removed console.log

---
 examples/svelte/src/routes/examples/drag-n-drop/Flow.svelte | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/examples/svelte/src/routes/examples/drag-n-drop/Flow.svelte b/examples/svelte/src/routes/examples/drag-n-drop/Flow.svelte
index 68961b08f..b72a4b177 100644
--- a/examples/svelte/src/routes/examples/drag-n-drop/Flow.svelte
+++ b/examples/svelte/src/routes/examples/drag-n-drop/Flow.svelte
@@ -55,15 +55,12 @@
 	const onDragOver = (event: DragEvent) => {
 		event.preventDefault();
 
-		console.log(event);
-
 		if (event.dataTransfer) {
 			event.dataTransfer.dropEffect = 'move';
 		}
 	};
 
 	const onDrop = (event: DragEvent) => {
-		console.log(event);
 		event.preventDefault();
 
 		if (!event.dataTransfer) {

From db05c3f3f4d453e3a04484a709c62ce83072fca0 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 10 Apr 2024 13:35:17 +0200
Subject: [PATCH 0705/1093] updated prettierignore and removed unused variable

---
 packages/svelte/.prettierignore                | 1 +
 packages/svelte/src/lib/store/visible-nodes.ts | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/svelte/.prettierignore b/packages/svelte/.prettierignore
index 38972655f..33affffb0 100644
--- a/packages/svelte/.prettierignore
+++ b/packages/svelte/.prettierignore
@@ -1,6 +1,7 @@
 .DS_Store
 node_modules
 /build
+/dist
 /.svelte-kit
 /package
 .env
diff --git a/packages/svelte/src/lib/store/visible-nodes.ts b/packages/svelte/src/lib/store/visible-nodes.ts
index 1c31e638f..e615439f8 100644
--- a/packages/svelte/src/lib/store/visible-nodes.ts
+++ b/packages/svelte/src/lib/store/visible-nodes.ts
@@ -5,14 +5,14 @@ import type { SvelteFlowStoreState } from './types';
 export function getVisibleNodes(store: SvelteFlowStoreState) {
   return derived(
     [
-      store.nodes,
       store.nodeLookup,
       store.onlyRenderVisibleElements,
       store.width,
       store.height,
-      store.viewport
+      store.viewport,
+      store.nodes
     ],
-    ([_, nodeLookup, onlyRenderVisibleElements, width, height, viewport]) => {
+    ([nodeLookup, onlyRenderVisibleElements, width, height, viewport]) => {
       const transform: Transform = [viewport.x, viewport.y, viewport.zoom];
 
       return onlyRenderVisibleElements

From 835dec25ba07d5cd1cd2b71211a0d01cfa1e49cd Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 10 Apr 2024 14:47:49 +0200
Subject: [PATCH 0706/1093] resolved some requested changes

---
 .../NodeToolbar/NodeToolbar.tsx                |  2 +-
 .../src/components/ConnectionLine/index.tsx    |  6 +++---
 .../components/NodeWrapper/NodeWrapper.svelte  |  8 ++++----
 .../src/lib/components/NodeWrapper/types.ts    |  4 ++--
 .../src/lib/components/NodeWrapper/utils.ts    | 10 +++++-----
 .../container/NodeRenderer/NodeRenderer.svelte | 12 ++++++------
 packages/svelte/src/lib/hooks/useSvelteFlow.ts |  6 +-----
 packages/svelte/src/lib/store/index.ts         | 18 +++++++++---------
 packages/svelte/src/lib/store/initial-store.ts |  2 +-
 packages/system/src/utils/edges/positions.ts   |  4 ++--
 packages/system/src/utils/store.ts             |  2 +-
 packages/system/src/xydrag/utils.ts            |  4 ++--
 packages/system/src/xyhandle/utils.ts          |  4 ++--
 13 files changed, 39 insertions(+), 43 deletions(-)

diff --git a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
index 1fc6f25c5..f14f822e2 100644
--- a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
+++ b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
@@ -74,7 +74,7 @@ export function NodeToolbar({
   }
 
   const nodeRect: Rect = getNodesBounds(nodes, { nodeOrigin });
-  const zIndex: number = Math.max(...nodes.map((node) => (node.internals?.z || 1) + 1));
+  const zIndex: number = Math.max(...nodes.map((node) => node.internals.z + 1));
 
   const wrapperStyle: CSSProperties = {
     position: 'absolute',
diff --git a/packages/react/src/components/ConnectionLine/index.tsx b/packages/react/src/components/ConnectionLine/index.tsx
index 54b3f24df..4ca5c106d 100644
--- a/packages/react/src/components/ConnectionLine/index.tsx
+++ b/packages/react/src/components/ConnectionLine/index.tsx
@@ -52,7 +52,7 @@ const ConnectionLine = ({
     ),
     shallow
   );
-  const fromHandleBounds = fromNode?.internals?.handleBounds;
+  const fromHandleBounds = fromNode?.internals.handleBounds;
   let handleBounds = fromHandleBounds?.[handleType];
 
   if (connectionMode === ConnectionMode.Loose) {
@@ -66,8 +66,8 @@ const ConnectionLine = ({
   const fromHandle = handleId ? handleBounds.find((d) => d.id === handleId) : handleBounds[0];
   const fromHandleX = fromHandle ? fromHandle.x + fromHandle.width / 2 : (fromNode.measured.width ?? 0) / 2;
   const fromHandleY = fromHandle ? fromHandle.y + fromHandle.height / 2 : fromNode.measured.height ?? 0;
-  const fromX = (fromNode.internals.positionAbsolute.x ?? 0) + fromHandleX;
-  const fromY = (fromNode.internals.positionAbsolute.y ?? 0) + fromHandleY;
+  const fromX = fromNode.internals.positionAbsolute.x + fromHandleX;
+  const fromY = fromNode.internals.positionAbsolute.y + fromHandleY;
   const fromPosition = fromHandle?.position;
   const toPosition = fromPosition ? oppositePosition[fromPosition] : null;
 
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index e502cd50e..a466d0ad1 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -35,8 +35,8 @@
   export let sourcePosition: $$Props['sourcePosition'] = undefined;
   export let targetPosition: $$Props['targetPosition'] = undefined;
   export let zIndex: $$Props['zIndex'];
-  export let computedWidth: $$Props['computedWidth'] = undefined;
-  export let computedHeight: $$Props['computedHeight'] = undefined;
+  export let measuredWidth: $$Props['measuredWidth'] = undefined;
+  export let measuredHeight: $$Props['measuredHeight'] = undefined;
   export let initialWidth: $$Props['initialWidth'] = undefined;
   export let initialHeight: $$Props['initialHeight'] = undefined;
   export let width: $$Props['width'] = undefined;
@@ -79,8 +79,8 @@
     height,
     initialWidth,
     initialHeight,
-    computedWidth,
-    computedHeight
+    measuredWidth,
+    measuredHeight
   });
 
   $: {
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index a290ec082..7277be5fa 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -21,8 +21,8 @@ export type NodeWrapperProps = Pick<
   | 'initialWidth'
   | 'initialHeight'
 > & {
-  computedWidth?: number;
-  computedHeight?: number;
+  measuredWidth?: number;
+  measuredHeight?: number;
   type: string;
   positionX: number;
   positionY: number;
diff --git a/packages/svelte/src/lib/components/NodeWrapper/utils.ts b/packages/svelte/src/lib/components/NodeWrapper/utils.ts
index b26095878..f795e31d0 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/utils.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/utils.ts
@@ -3,20 +3,20 @@ export function getNodeInlineStyleDimensions({
   height,
   initialWidth,
   initialHeight,
-  computedWidth,
-  computedHeight
+  measuredWidth,
+  measuredHeight
 }: {
   width?: number;
   height?: number;
   initialWidth?: number;
   initialHeight?: number;
-  computedWidth?: number;
-  computedHeight?: number;
+  measuredWidth?: number;
+  measuredHeight?: number;
 }): {
   width: string | undefined;
   height: string | undefined;
 } {
-  if (computedWidth === undefined && computedHeight === undefined) {
+  if (measuredWidth === undefined && measuredHeight === undefined) {
     const styleWidth = width ?? initialWidth;
     const styleHeight = height ?? initialHeight;
 
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 07e84096f..ae400eb52 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -41,8 +41,8 @@
   {#each $visibleNodes as node (node.id)}
     {@const nodeDimesions = getNodeDimensions(node)}
     {@const posOrigin = getPositionWithOrigin({
-      x: node.internals.positionAbsolute.x ?? 0,
-      y: node.internals.positionAbsolute.y ?? 0,
+      x: node.internals.positionAbsolute.x,
+      y: node.internals.positionAbsolute.y,
       ...nodeDimesions,
       origin: node.origin
     })}
@@ -61,8 +61,8 @@
         node.connectable ||
         ($nodesConnectable && typeof node.connectable === 'undefined')
       )}
-      positionX={node.internals.positionAbsolute?.x ?? 0}
-      positionY={node.internals.positionAbsolute?.y ?? 0}
+      positionX={node.internals.positionAbsolute.x}
+      positionY={node.internals.positionAbsolute.y}
       positionOriginX={posOrigin.x ?? 0}
       positionOriginY={posOrigin.y ?? 0}
       isParent={!!node.internals.isParent}
@@ -79,8 +79,8 @@
       height={node.height}
       initialWidth={node.initialWidth}
       initialHeight={node.initialHeight}
-      computedWidth={node.measured.width}
-      computedHeight={node.measured.height}
+      measuredWidth={node.measured.width}
+      measuredHeight={node.measured.height}
       {resizeObserver}
       on:nodeclick
       on:nodemouseenter
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 1f1128cc8..6c83418fc 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -467,11 +467,7 @@ export function useSvelteFlow(): {
 
       const nextData = typeof dataUpdate === 'function' ? dataUpdate(node) : dataUpdate;
 
-      if (options?.replace) {
-        node.data = nextData;
-      } else {
-        node.data = { ...node.data, ...nextData };
-      }
+      node.data = options?.replace ? nextData : { ...node.data, ...nextData };
 
       nodes.update((nds) => nds);
     },
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index aa6420974..2f6266eb3 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -80,14 +80,14 @@ export function createStore({
 
   function updateNodeDimensions(updates: Map<string, NodeDimensionUpdate>) {
     const nodeLookup = get(store.nodeLookup);
-    const nodeUpdates = updateNodeDimensionsSystem(
+    const changes = updateNodeDimensionsSystem(
       updates,
       nodeLookup,
       get(store.domNode),
       get(store.nodeOrigin)
     );
 
-    if (!nodeUpdates) {
+    if (!changes) {
       return;
     }
 
@@ -100,23 +100,23 @@ export function createStore({
       store.fitViewOnInitDone.set(fitViewOnInitDone);
     }
 
-    for (const nodeUpdate of nodeUpdates) {
-      const node = nodeLookup.get(nodeUpdate.id)?.internals.userNode;
+    for (const change of changes) {
+      const node = nodeLookup.get(change.id)?.internals.userNode;
 
       if (!node) {
         continue;
       }
 
-      switch (nodeUpdate.type) {
+      switch (change.type) {
         case 'dimensions': {
-          const measured = { ...node.measured, ...nodeUpdate.dimensions };
-          node.width = nodeUpdate.dimensions?.width ?? node.width;
-          node.height = nodeUpdate.dimensions?.height ?? node.height;
+          const measured = { ...node.measured, ...change.dimensions };
+          node.width = change.dimensions?.width ?? node.width;
+          node.height = change.dimensions?.height ?? node.height;
           node.measured = measured;
           break;
         }
         case 'position':
-          node.position = nodeUpdate.position ?? node.position;
+          node.position = change.position ?? node.position;
           break;
       }
     }
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index efa93b53b..7d2b2444a 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -93,7 +93,7 @@ export const getInitialStore = ({
   let viewport: Viewport = { x: 0, y: 0, zoom: 1 };
 
   if (fitView && width && height) {
-    const nodesWithDimensions = Array.from(nodeLookup.values()).filter(
+    const nodesWithDimensions = nodes.filter(
       (node) => (node.width && node.height) || (node.initialWidth && node.initialHeight)
     );
 
diff --git a/packages/system/src/utils/edges/positions.ts b/packages/system/src/utils/edges/positions.ts
index de8416db9..6e61ce8c9 100644
--- a/packages/system/src/utils/edges/positions.ts
+++ b/packages/system/src/utils/edges/positions.ts
@@ -97,8 +97,8 @@ function toHandleBounds(handles?: NodeHandle[]) {
 }
 
 function getHandlePosition(position: Position, node: InternalNodeBase, handle: HandleElement | null = null): number[] {
-  const x = (handle?.x ?? 0) + (node.internals.positionAbsolute?.x ?? 0);
-  const y = (handle?.y ?? 0) + (node.internals.positionAbsolute?.y ?? 0);
+  const x = (handle?.x ?? 0) + node.internals.positionAbsolute.x;
+  const y = (handle?.y ?? 0) + node.internals.positionAbsolute.y;
   const { width, height } = handle ?? getNodeDimensions(node);
 
   switch (position) {
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 97c1b8ac6..b2b60e808 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -107,7 +107,7 @@ export function adoptUserNodes<NodeType extends NodeBase>(
         },
         internals: {
           positionAbsolute: userNode.position,
-          handleBounds: currentStoreNode?.internals?.handleBounds,
+          handleBounds: currentStoreNode?.internals.handleBounds,
           z: (isNumeric(userNode.zIndex) ? userNode.zIndex : 0) + (userNode.selected ? selectedNodeZ : 0),
           userNode,
           isParent: false,
diff --git a/packages/system/src/xydrag/utils.ts b/packages/system/src/xydrag/utils.ts
index adead2b79..b1cd0597c 100644
--- a/packages/system/src/xydrag/utils.ts
+++ b/packages/system/src/xydrag/utils.ts
@@ -55,8 +55,8 @@ export function getDragItems<NodeType extends NodeBase>(
         id: internalNode.id,
         position: internalNode.position || { x: 0, y: 0 },
         distance: {
-          x: mousePos.x - (internalNode.internals.positionAbsolute?.x ?? 0),
-          y: mousePos.y - (internalNode.internals.positionAbsolute?.y ?? 0),
+          x: mousePos.x - internalNode.internals.positionAbsolute.x,
+          y: mousePos.y - internalNode.internals.positionAbsolute.y,
         },
         extent: internalNode.extent,
         parentId: internalNode.parentId,
diff --git a/packages/system/src/xyhandle/utils.ts b/packages/system/src/xyhandle/utils.ts
index 346ebe45a..ba18e79ac 100644
--- a/packages/system/src/xyhandle/utils.ts
+++ b/packages/system/src/xyhandle/utils.ts
@@ -22,8 +22,8 @@ export function getHandles(
         id: h.id || null,
         type,
         nodeId: node.id,
-        x: (node.internals.positionAbsolute.x ?? 0) + h.x + h.width / 2,
-        y: (node.internals.positionAbsolute.y ?? 0) + h.y + h.height / 2,
+        x: node.internals.positionAbsolute.x + h.x + h.width / 2,
+        y: node.internals.positionAbsolute.y + h.y + h.height / 2,
       });
     }
     return res;

From 8491883ee1a62788018689958fdffe55b1357892 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Apr 2024 14:56:25 +0200
Subject: [PATCH 0707/1093] fix(react): update node dimensions when handle
 bounds undefined

---
 packages/system/src/utils/store.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 7ab5504a5..601f46813 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -240,7 +240,10 @@ export function updateNodeDimensions<NodeType extends InternalNodeBase>(
       const doUpdate = !!(
         dimensions.width &&
         dimensions.height &&
-        (node.measured?.width !== dimensions.width || node.measured?.height !== dimensions.height || update.force)
+        (node.measured?.width !== dimensions.width ||
+          node.measured?.height !== dimensions.height ||
+          !node.internals.handleBounds ||
+          update.force)
       );
 
       if (doUpdate) {

From 961b5a936c0baf4974e1be933fd542406984ccba Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Apr 2024 14:56:40 +0200
Subject: [PATCH 0708/1093] chore(examples): make dev tools example reusable

---
 examples/react/src/examples/CustomMiniMapNode/index.tsx | 2 +-
 examples/react/src/examples/DevTools/DevTools/index.tsx | 8 +++++---
 examples/react/src/examples/DevTools/index.tsx          | 1 -
 examples/react/src/examples/Hidden/index.tsx            | 2 ++
 packages/react/src/components/NodeWrapper/index.tsx     | 1 -
 5 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/examples/react/src/examples/CustomMiniMapNode/index.tsx b/examples/react/src/examples/CustomMiniMapNode/index.tsx
index 7ecf1c549..21b1d0738 100644
--- a/examples/react/src/examples/CustomMiniMapNode/index.tsx
+++ b/examples/react/src/examples/CustomMiniMapNode/index.tsx
@@ -59,7 +59,7 @@ const CustomMiniMapNodeFlow = () => {
       onNodeClick={onNodeClick}
       onConnect={(p) => onConnect(p)}
       onNodeDragStop={onNodeDragStop}
-      onlyRenderVisibleElements={false}
+      onlyRenderVisibleElements={true}
     >
       <Controls />
       <Background variant={BackgroundVariant.Lines} />
diff --git a/examples/react/src/examples/DevTools/DevTools/index.tsx b/examples/react/src/examples/DevTools/DevTools/index.tsx
index 107d00788..09bd5f706 100644
--- a/examples/react/src/examples/DevTools/DevTools/index.tsx
+++ b/examples/react/src/examples/DevTools/DevTools/index.tsx
@@ -1,16 +1,18 @@
 import { useState, type Dispatch, type SetStateAction, type ReactNode, HTMLAttributes } from 'react';
-import { Panel } from '@xyflow/react';
+import { Panel, PanelPosition } from '@xyflow/react';
 
 import NodeInspector from './NodeInspector';
 import ChangeLogger from './ChangeLogger';
 
-export default function ReactFlowDevTools() {
+import './style.css';
+
+export default function ReactFlowDevTools({ position = 'top-left' }: { position: PanelPosition }) {
   const [nodeInspectorActive, setNodeInspectorActive] = useState(false);
   const [changeLoggerActive, setChangeLoggerActive] = useState(false);
 
   return (
     <div className="react-flow__devtools">
-      <Panel position="top-left">
+      <Panel position={position}>
         <DevToolButton setActive={setNodeInspectorActive} active={nodeInspectorActive} title="Toggle Node Inspector">
           Node Inspector
         </DevToolButton>
diff --git a/examples/react/src/examples/DevTools/index.tsx b/examples/react/src/examples/DevTools/index.tsx
index 5303dea66..504d7ed1b 100644
--- a/examples/react/src/examples/DevTools/index.tsx
+++ b/examples/react/src/examples/DevTools/index.tsx
@@ -2,7 +2,6 @@ import { useCallback } from 'react';
 import { ReactFlow, addEdge, Node, Connection, Edge, useNodesState, useEdgesState } from '@xyflow/react';
 
 import DevTools from './DevTools';
-import './Devtools/style.css';
 
 const initNodes: Node[] = [
   {
diff --git a/examples/react/src/examples/Hidden/index.tsx b/examples/react/src/examples/Hidden/index.tsx
index f00d8bae3..97bb6fcbc 100644
--- a/examples/react/src/examples/Hidden/index.tsx
+++ b/examples/react/src/examples/Hidden/index.tsx
@@ -11,6 +11,7 @@ import {
   MiniMap,
   Controls,
 } from '@xyflow/react';
+import ReactFlowDevTools from '../DevTools/DevTools';
 
 const initialNodes: Node[] = [
   {
@@ -82,6 +83,7 @@ const HiddenFlow = () => {
     >
       <MiniMap />
       <Controls />
+      <ReactFlowDevTools position="top-right" />
 
       <div style={{ position: 'absolute', left: 10, top: 10, zIndex: 4 }}>
         <div>
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index e3fbf16c9..e081a6c7c 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -100,7 +100,6 @@ export function NodeWrapper<NodeType extends Node>({
   useEffect(() => {
     if (nodeRef.current && !node.hidden) {
       const currNode = nodeRef.current;
-
       if (!initialized || !hasHandleBounds) {
         resizeObserver?.unobserve(currNode);
         resizeObserver?.observe(currNode);

From 1af82d7e6eee24a0da2d72a1e9c061260aa8001a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Apr 2024 15:02:10 +0200
Subject: [PATCH 0709/1093] chore(react): update changelog

---
 packages/react/CHANGELOG.md | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 1124d8175..acba7b99c 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,29 @@
 # @xyflow/react
 
+## 12.0.0-next.x
+
+## Patch changes
+
+- fix hidden nodes
+
+## 12.0.0-next.13
+
+## ⚠️ Breaking changes
+
+- rename `node.parentNode` to `node.parentId`
+- rename node.computed to node.measured
+- remove positionAbsolute from `node.computed` 
+
+## Minor Changes
+
+- new helpers: `useInternalNode` hook, `getInternalNode` function
+
+## Patch changes
+
+- remove `internalsSymbol` (now called internals and only available for internal nodes)
+- handle parentExpand on library side instead of applyChanges
+- new type `InternalNode`
+
 ## 12.0.0-next.12
 
 ## Patch changes

From d545774724de0a12fd301f093f276e07e6e75e9d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Apr 2024 16:33:53 +0200
Subject: [PATCH 0710/1093] chore(examples): use new api

---
 .../src/examples/DevTools/DevTools/index.tsx  |  2 +-
 .../react/src/examples/DevTools/index.tsx     |  2 +-
 .../src/examples/EasyConnect/FloatingEdge.tsx |  6 ++---
 .../react/src/examples/EasyConnect/utils.tsx  | 23 ++++++++-----------
 4 files changed, 15 insertions(+), 18 deletions(-)

diff --git a/examples/react/src/examples/DevTools/DevTools/index.tsx b/examples/react/src/examples/DevTools/DevTools/index.tsx
index 09bd5f706..a00a6f2eb 100644
--- a/examples/react/src/examples/DevTools/DevTools/index.tsx
+++ b/examples/react/src/examples/DevTools/DevTools/index.tsx
@@ -6,7 +6,7 @@ import ChangeLogger from './ChangeLogger';
 
 import './style.css';
 
-export default function ReactFlowDevTools({ position = 'top-left' }: { position: PanelPosition }) {
+export default function ReactFlowDevTools({ position = 'top-left' }: { position?: PanelPosition }) {
   const [nodeInspectorActive, setNodeInspectorActive] = useState(false);
   const [changeLoggerActive, setChangeLoggerActive] = useState(false);
 
diff --git a/examples/react/src/examples/DevTools/index.tsx b/examples/react/src/examples/DevTools/index.tsx
index 504d7ed1b..ff75ec9d3 100644
--- a/examples/react/src/examples/DevTools/index.tsx
+++ b/examples/react/src/examples/DevTools/index.tsx
@@ -33,7 +33,7 @@ const initEdges: Edge[] = [
 ];
 
 const BasicFlow = () => {
-  const [nodes, setNodes, onNodesChange] = useNodesState(initNodes);
+  const [nodes, , onNodesChange] = useNodesState(initNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initEdges);
 
   const onConnect = useCallback((params: Connection | Edge) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
diff --git a/examples/react/src/examples/EasyConnect/FloatingEdge.tsx b/examples/react/src/examples/EasyConnect/FloatingEdge.tsx
index 7709cb420..48d621e79 100644
--- a/examples/react/src/examples/EasyConnect/FloatingEdge.tsx
+++ b/examples/react/src/examples/EasyConnect/FloatingEdge.tsx
@@ -1,11 +1,11 @@
 import { useCallback } from 'react';
-import { useStore, getStraightPath, EdgeProps } from '@xyflow/react';
+import { useStore, getStraightPath, EdgeProps, useInternalNode } from '@xyflow/react';
 
 import { getEdgeParams } from './utils.js';
 
 function FloatingEdge({ id, source, target, markerEnd, style }: EdgeProps) {
-  const sourceNode = useStore(useCallback((store) => store.nodes.find((n) => n.id === source), [source]));
-  const targetNode = useStore(useCallback((store) => store.nodes.find((n) => n.id === target), [target]));
+  const sourceNode = useInternalNode(source);
+  const targetNode = useInternalNode(target);
 
   if (!sourceNode || !targetNode) {
     return null;
diff --git a/examples/react/src/examples/EasyConnect/utils.tsx b/examples/react/src/examples/EasyConnect/utils.tsx
index c66930155..f9667f237 100644
--- a/examples/react/src/examples/EasyConnect/utils.tsx
+++ b/examples/react/src/examples/EasyConnect/utils.tsx
@@ -1,22 +1,19 @@
-import { Node, Position, MarkerType, XYPosition } from '@xyflow/react';
+import { Node, Position, MarkerType, XYPosition, InternalNode } from '@xyflow/react';
 
 // this helper function returns the intersection point
 // of the line between the center of the intersectionNode and the target node
-function getNodeIntersection(intersectionNode: Node, targetNode: Node) {
+function getNodeIntersection(intersectionNode: InternalNode, targetNode: InternalNode) {
   // https://math.stackexchange.com/questions/1724792/an-algorithm-for-finding-the-intersection-point-between-a-center-of-vision-and-a
 
-  const {
-    width: intersectionNodeWidth,
-    height: intersectionNodeHeight,
-    positionAbsolute: intersectionNodePosition,
-  } = intersectionNode.measured || {};
-  const targetPosition = targetNode.measured?.positionAbsolute!;
+  const { width: intersectionNodeWidth, height: intersectionNodeHeight } = intersectionNode.measured;
+  const intersectionNodePosition = intersectionNode.internals.positionAbsolute;
+  const targetPosition = targetNode.internals.positionAbsolute!;
 
   const w = intersectionNodeWidth! / 2;
   const h = intersectionNodeHeight! / 2;
 
-  const x2 = intersectionNodePosition!.x + w;
-  const y2 = intersectionNodePosition!.y + h;
+  const x2 = intersectionNodePosition.x + w;
+  const y2 = intersectionNodePosition.y + h;
   const x1 = targetPosition.x + w;
   const y1 = targetPosition.y + h;
 
@@ -32,8 +29,8 @@ function getNodeIntersection(intersectionNode: Node, targetNode: Node) {
 }
 
 // returns the position (top,right,bottom or right) passed node compared to the intersection point
-function getEdgePosition(node: Node, intersectionPoint: XYPosition) {
-  const n = { ...node.measured?.positionAbsolute, ...node };
+function getEdgePosition(node: InternalNode, intersectionPoint: XYPosition) {
+  const n = { ...node.internals.positionAbsolute, ...node };
   const nx = Math.round(n.x!);
   const ny = Math.round(n.y!);
   const px = Math.round(intersectionPoint.x);
@@ -56,7 +53,7 @@ function getEdgePosition(node: Node, intersectionPoint: XYPosition) {
 }
 
 // returns the parameters (sx, sy, tx, ty, sourcePos, targetPos) you need to create an edge
-export function getEdgeParams(source: Node, target: Node) {
+export function getEdgeParams(source: InternalNode, target: InternalNode) {
   const sourceIntersectionPoint = getNodeIntersection(source, target);
   const targetIntersectionPoint = getNodeIntersection(target, source);
 

From 844f01214ce15779e68e4d9eb4dc40c0dbd7130e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Apr 2024 16:35:52 +0200
Subject: [PATCH 0711/1093] fix(react): export node change types

---
 packages/react/src/index.ts | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index e7e6b37f4..1c5794f46 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -85,6 +85,18 @@ export {
   type ControlPosition,
   type ControlLinePosition,
   type ResizeControlVariant,
+  type NodeChange,
+  type NodeDimensionChange,
+  type NodePositionChange,
+  type NodeSelectionChange,
+  type NodeRemoveChange,
+  type NodeAddChange,
+  type NodeReplaceChange,
+  type EdgeChange,
+  type EdgeSelectionChange,
+  type EdgeRemoveChange,
+  type EdgeAddChange,
+  type EdgeReplaceChange,
 } from '@xyflow/system';
 
 // system utils

From 4cd099f083b09938497bb0e6fe0ee8fb1596b827 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 11 Apr 2024 12:03:13 +0200
Subject: [PATCH 0712/1093] fix(zooming): allow pinch zoom when
 preventScrolling=false

---
 packages/system/src/xypanzoom/eventhandler.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/system/src/xypanzoom/eventhandler.ts b/packages/system/src/xypanzoom/eventhandler.ts
index 0c2c1d5fe..2f395300c 100644
--- a/packages/system/src/xypanzoom/eventhandler.ts
+++ b/packages/system/src/xypanzoom/eventhandler.ts
@@ -138,7 +138,10 @@ export function createPanOnScrollHandler({
 
 export function createZoomOnScrollHandler({ noWheelClassName, preventScrolling, d3ZoomHandler }: ZoomOnScrollParams) {
   return function (this: Element, event: any, d: unknown) {
-    if (!preventScrolling || isWrappedWithClass(event, noWheelClassName)) {
+    // we still want to enable pinch zooming even if preventScrolling is set to false
+    const preventZoom = !preventScrolling && event.type === 'wheel' && !event.ctrlKey;
+
+    if (preventZoom || isWrappedWithClass(event, noWheelClassName)) {
       return null;
     }
 

From 63aa0dd713b0322c46030741f3f141c0b6a628e1 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 11 Apr 2024 12:04:13 +0200
Subject: [PATCH 0713/1093] fix(viewport): set direction=ltr for react flow
 wrapper

---
 packages/system/src/styles/init.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 4a519893f..037ad5799 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -1,6 +1,8 @@
 /* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
 
 .xy-flow {
+  direction: ltr;
+
   --xy-edge-stroke-default: #b1b1b7;
   --xy-edge-stroke-width-default: 1;
   --xy-edge-stroke-selected-default: #555;

From 4fa3a872419c2d1d9ec8d2ed38f424855f3ca3f1 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 11 Apr 2024 12:31:14 +0200
Subject: [PATCH 0714/1093] refactor(updates): only trigger dim updates when
 dim changed

---
 .../react/src/examples/Layouting/index.tsx    |  2 +
 packages/react/CHANGELOG.md                   |  3 ++
 .../src/components/NodeWrapper/index.tsx      |  2 +-
 .../NodeRenderer/useResizeObserver.ts         | 10 ++--
 .../react/src/hooks/useUpdateNodeInternals.ts |  8 ++--
 packages/react/src/store/index.ts             |  8 ++--
 packages/react/src/types/store.ts             |  4 +-
 .../components/NodeWrapper/NodeWrapper.svelte |  4 +-
 .../NodeRenderer/NodeRenderer.svelte          |  4 +-
 .../src/lib/hooks/useUpdateNodeInternals.ts   |  4 +-
 packages/svelte/src/lib/store/index.ts        | 12 ++---
 packages/svelte/src/lib/store/types.ts        |  4 +-
 packages/system/src/types/nodes.ts            |  2 +-
 packages/system/src/utils/store.ts            | 47 +++++++++----------
 14 files changed, 59 insertions(+), 55 deletions(-)

diff --git a/examples/react/src/examples/Layouting/index.tsx b/examples/react/src/examples/Layouting/index.tsx
index 7383e41e4..2371b503a 100644
--- a/examples/react/src/examples/Layouting/index.tsx
+++ b/examples/react/src/examples/Layouting/index.tsx
@@ -19,6 +19,7 @@ import {
 import initialItems from './initial-elements';
 
 import styles from './layouting.module.css';
+import ReactFlowDevTools from '../DevTools/DevTools';
 
 const dagreGraph = new dagre.graphlib.Graph();
 dagreGraph.setDefaultEdgeLabel(() => ({}));
@@ -98,6 +99,7 @@ const LayoutFlow = () => {
         onEdgesChange={onEdgesChange}
       >
         <Controls />
+        <ReactFlowDevTools />
       </ReactFlow>
       <Panel position="top-right">
         <button onClick={() => onLayout('TB')}>vertical layout</button>
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index acba7b99c..2fd7bf5de 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -5,6 +5,9 @@
 ## Patch changes
 
 - fix hidden nodes
+- use `direction=ltr` for outer wrapper to support rtl sites
+- allow pinch zoom even if `preventScrolling=false`
+- export node and edge change related types
 
 ## 12.0.0-next.13
 
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index e081a6c7c..18c2d3149 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -123,7 +123,7 @@ export function NodeWrapper<NodeType extends Node>({
       if (targetPosChanged) {
         prevTargetPosition.current = node.targetPosition;
       }
-      store.getState().updateNodeDimensions(new Map([[id, { id, nodeElement: nodeRef.current, force: true }]]));
+      store.getState().updateNodeInternals(new Map([[id, { id, nodeElement: nodeRef.current, force: true }]]));
     }
   }, [id, nodeType, node.sourcePosition, node.targetPosition]);
 
diff --git a/packages/react/src/container/NodeRenderer/useResizeObserver.ts b/packages/react/src/container/NodeRenderer/useResizeObserver.ts
index 82c079bd4..fa7d501fa 100644
--- a/packages/react/src/container/NodeRenderer/useResizeObserver.ts
+++ b/packages/react/src/container/NodeRenderer/useResizeObserver.ts
@@ -2,12 +2,12 @@ import { useEffect, useMemo, useRef } from 'react';
 
 import { ReactFlowState } from '../../types';
 import { useStore } from '../../hooks/useStore';
-import { NodeDimensionUpdate } from '@xyflow/system';
+import { InternalNodeUpdate } from '@xyflow/system';
 
-const selector = (s: ReactFlowState) => s.updateNodeDimensions;
+const selector = (s: ReactFlowState) => s.updateNodeInternals;
 
 export function useResizeObserver() {
-  const updateNodeDimensions = useStore(selector);
+  const updateNodeInternals = useStore(selector);
   const resizeObserverRef = useRef<ResizeObserver>();
 
   const resizeObserver = useMemo(() => {
@@ -16,7 +16,7 @@ export function useResizeObserver() {
     }
 
     const observer = new ResizeObserver((entries: ResizeObserverEntry[]) => {
-      const updates = new Map<string, NodeDimensionUpdate>();
+      const updates = new Map<string, InternalNodeUpdate>();
 
       entries.forEach((entry: ResizeObserverEntry) => {
         const id = entry.target.getAttribute('data-id') as string;
@@ -26,7 +26,7 @@ export function useResizeObserver() {
         });
       });
 
-      updateNodeDimensions(updates);
+      updateNodeInternals(updates);
     });
 
     resizeObserverRef.current = observer;
diff --git a/packages/react/src/hooks/useUpdateNodeInternals.ts b/packages/react/src/hooks/useUpdateNodeInternals.ts
index b156d506c..63965d72d 100644
--- a/packages/react/src/hooks/useUpdateNodeInternals.ts
+++ b/packages/react/src/hooks/useUpdateNodeInternals.ts
@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import type { UpdateNodeInternals, NodeDimensionUpdate } from '@xyflow/system';
+import type { UpdateNodeInternals, InternalNodeUpdate } from '@xyflow/system';
 
 import { useStoreApi } from '../hooks/useStore';
 
@@ -13,9 +13,9 @@ export function useUpdateNodeInternals(): UpdateNodeInternals {
   const store = useStoreApi();
 
   return useCallback<UpdateNodeInternals>((id: string | string[]) => {
-    const { domNode, updateNodeDimensions } = store.getState();
+    const { domNode, updateNodeInternals } = store.getState();
     const updateIds = Array.isArray(id) ? id : [id];
-    const updates = new Map<string, NodeDimensionUpdate>();
+    const updates = new Map<string, InternalNodeUpdate>();
 
     updateIds.forEach((updateId) => {
       const nodeElement = domNode?.querySelector(`.react-flow__node[data-id="${updateId}"]`) as HTMLDivElement;
@@ -25,6 +25,6 @@ export function useUpdateNodeInternals(): UpdateNodeInternals {
       }
     });
 
-    requestAnimationFrame(() => updateNodeDimensions(updates));
+    requestAnimationFrame(() => updateNodeInternals(updates));
   }, []);
 }
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 492d6186c..7ce263c91 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -5,7 +5,7 @@ import {
   adoptUserNodes,
   updateAbsolutePositions,
   panBy as panBySystem,
-  updateNodeDimensions as updateNodeDimensionsSystem,
+  updateNodeInternals as updateNodeInternalsSystem,
   updateConnectionLookup,
   handleParentExpand,
   NodeChange,
@@ -71,7 +71,7 @@ const createRFStore = ({
       // Every node gets registerd at a ResizeObserver. Whenever a node
       // changes its dimensions, this function is called to measure the
       // new dimensions and update the nodes.
-      updateNodeDimensions: (updates) => {
+      updateNodeInternals: (updates) => {
         const {
           onNodesChange,
           fitView,
@@ -84,9 +84,9 @@ const createRFStore = ({
           debug,
         } = get();
 
-        const changes = updateNodeDimensionsSystem(updates, nodeLookup, domNode, nodeOrigin);
+        const { changes, updatedInternals } = updateNodeInternalsSystem(updates, nodeLookup, domNode, nodeOrigin);
 
-        if (changes.length === 0) {
+        if (!updatedInternals) {
           return;
         }
 
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 416f56f32..397ca6f12 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -2,7 +2,7 @@ import {
   ConnectionMode,
   type ConnectionStatus,
   type CoordinateExtent,
-  type NodeDimensionUpdate,
+  type InternalNodeUpdate,
   type UpdateNodePositions,
   type NodeOrigin,
   type OnConnect,
@@ -154,7 +154,7 @@ export type ReactFlowActions<NodeType extends Node, EdgeType extends Edge> = {
   setNodes: (nodes: NodeType[]) => void;
   setEdges: (edges: EdgeType[]) => void;
   setDefaultNodesAndEdges: (nodes?: NodeType[], edges?: EdgeType[]) => void;
-  updateNodeDimensions: (updates: Map<string, NodeDimensionUpdate>) => void;
+  updateNodeInternals: (updates: Map<string, InternalNodeUpdate>) => void;
   updateNodePositions: UpdateNodePositions;
   resetSelectedElements: () => void;
   unselectNodesAndEdges: (params?: UnselectNodesAndEdgesParams) => void;
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index a466d0ad1..384b3369a 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -52,7 +52,7 @@
     nodeDragThreshold,
     selectNodesOnDrag,
     handleNodeSelection,
-    updateNodeDimensions
+    updateNodeInternals
   } = store;
 
   let nodeRef: HTMLDivElement;
@@ -97,7 +97,7 @@
 
     if (doUpdate) {
       requestAnimationFrame(() =>
-        updateNodeDimensions(
+        updateNodeInternals(
           new Map([
             [
               id,
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index ae400eb52..c0b8165e8 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -10,7 +10,7 @@
     nodesDraggable,
     nodesConnectable,
     elementsSelectable,
-    updateNodeDimensions
+    updateNodeInternals
   } = useStore();
 
   const resizeObserver: ResizeObserver | null =
@@ -29,7 +29,7 @@
             });
           });
 
-          updateNodeDimensions(updates);
+          updateNodeInternals(updates);
         });
 
   onDestroy(() => {
diff --git a/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts b/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
index 45a203eb8..cbb240abb 100644
--- a/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
+++ b/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
@@ -10,7 +10,7 @@ import { useStore } from '$lib/store';
  * @returns function for updating node internals
  */
 export function useUpdateNodeInternals(): UpdateNodeInternals {
-  const { domNode, updateNodeDimensions } = useStore();
+  const { domNode, updateNodeInternals } = useStore();
 
   // @todo: do we want to add this to system?
   const updateInternals = (id: string | string[]) => {
@@ -27,7 +27,7 @@ export function useUpdateNodeInternals(): UpdateNodeInternals {
       }
     });
 
-    requestAnimationFrame(() => updateNodeDimensions(updates));
+    requestAnimationFrame(() => updateNodeInternals(updates));
   };
 
   return updateInternals;
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 2f6266eb3..c808d2afe 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -5,10 +5,10 @@ import {
   fitView as fitViewUtil,
   getElementsToRemove,
   panBy as panBySystem,
-  updateNodeDimensions as updateNodeDimensionsSystem,
+  updateNodeInternals as updateNodeInternalsSystem,
   addEdge as addEdgeUtil,
   type UpdateNodePositions,
-  type NodeDimensionUpdate,
+  type InternalNodeUpdate,
   type ViewportHelperFunctionOptions,
   type Connection,
   type XYPosition,
@@ -78,16 +78,16 @@ export function createStore({
     store.nodes.update((nds) => nds);
   };
 
-  function updateNodeDimensions(updates: Map<string, NodeDimensionUpdate>) {
+  function updateNodeInternals(updates: Map<string, InternalNodeUpdate>) {
     const nodeLookup = get(store.nodeLookup);
-    const changes = updateNodeDimensionsSystem(
+    const { changes, updatedInternals } = updateNodeInternalsSystem(
       updates,
       nodeLookup,
       get(store.domNode),
       get(store.nodeOrigin)
     );
 
-    if (!changes) {
+    if (!updatedInternals) {
       return;
     }
 
@@ -400,7 +400,7 @@ export function createStore({
     setEdgeTypes,
     addEdge,
     updateNodePositions,
-    updateNodeDimensions,
+    updateNodeInternals,
     zoomIn,
     zoomOut,
     fitView: (options?: FitViewOptions) => fitView(options),
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index 8d41d63f8..d87ca907b 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -1,6 +1,6 @@
 import type { Writable } from 'svelte/store';
 import type {
-  NodeDimensionUpdate,
+  InternalNodeUpdate,
   XYPosition,
   ViewportHelperFunctionOptions,
   Connection,
@@ -27,7 +27,7 @@ export type SvelteFlowStoreActions = {
   setTranslateExtent: (extent: CoordinateExtent) => void;
   fitView: (options?: FitViewOptions) => boolean;
   updateNodePositions: UpdateNodePositions;
-  updateNodeDimensions: (updates: Map<string, NodeDimensionUpdate>) => void;
+  updateNodeInternals: (updates: Map<string, InternalNodeUpdate>) => void;
   unselectNodesAndEdges: (params?: { nodes?: Node[]; edges?: Edge[] }) => void;
   addSelectedNodes: (ids: string[]) => void;
   addSelectedEdges: (ids: string[]) => void;
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index c8c85a556..d802dad87 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -105,7 +105,7 @@ export type NodeHandleBounds = {
   target: HandleElement[] | null;
 };
 
-export type NodeDimensionUpdate = {
+export type InternalNodeUpdate = {
   id: string;
   nodeElement: HTMLDivElement;
   force?: boolean;
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 38a01b762..0d7f26453 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -1,7 +1,7 @@
 import {
   NodeBase,
   CoordinateExtent,
-  NodeDimensionUpdate,
+  InternalNodeUpdate,
   NodeOrigin,
   PanZoomInstance,
   Transform,
@@ -11,7 +11,6 @@ import {
   EdgeBase,
   EdgeLookup,
   InternalNodeBase,
-  NodeChange,
   NodeLookup,
   Rect,
   NodeDimensionChange,
@@ -213,16 +212,17 @@ export function handleParentExpand(
   return changes;
 }
 
-export function updateNodeDimensions<NodeType extends InternalNodeBase>(
-  updates: Map<string, NodeDimensionUpdate>,
+export function updateNodeInternals<NodeType extends InternalNodeBase>(
+  updates: Map<string, InternalNodeUpdate>,
   nodeLookup: Map<string, NodeType>,
   domNode: HTMLElement | null,
   nodeOrigin?: NodeOrigin
-): (NodeDimensionChange | NodePositionChange)[] {
+): { changes: (NodeDimensionChange | NodePositionChange)[]; updatedInternals: boolean } {
   const viewportNode = domNode?.querySelector('.xyflow__viewport');
+  let updatedInternals = false;
 
   if (!viewportNode) {
-    return [];
+    return { changes: [], updatedInternals };
   }
 
   const changes: (NodeDimensionChange | NodePositionChange)[] = [];
@@ -242,24 +242,20 @@ export function updateNodeDimensions<NodeType extends InternalNodeBase>(
           handleBounds: undefined,
         },
       });
+      updatedInternals = true;
     } else if (node) {
       const dimensions = getDimensions(update.nodeElement);
+      const dimensionChanged = node.measured.width !== dimensions.width || node.measured.height !== dimensions.height;
       const doUpdate = !!(
         dimensions.width &&
         dimensions.height &&
-        (node.measured?.width !== dimensions.width ||
-          node.measured?.height !== dimensions.height ||
-          !node.internals.handleBounds ||
-          update.force)
+        (dimensionChanged || !node.internals.handleBounds || update.force)
       );
 
       if (doUpdate) {
         const newNode = {
           ...node,
-          measured: {
-            ...node.measured,
-            ...dimensions,
-          },
+          measured: dimensions,
           internals: {
             ...node.internals,
             handleBounds: {
@@ -270,15 +266,18 @@ export function updateNodeDimensions<NodeType extends InternalNodeBase>(
         };
 
         nodeLookup.set(node.id, newNode);
-
-        changes.push({
-          id: newNode.id,
-          type: 'dimensions',
-          dimensions,
-        });
-
-        if (newNode.expandParent) {
-          triggerChangeNodes.push(newNode);
+        updatedInternals = true;
+
+        if (dimensionChanged) {
+          changes.push({
+            id: newNode.id,
+            type: 'dimensions',
+            dimensions,
+          });
+
+          if (newNode.expandParent) {
+            triggerChangeNodes.push(newNode);
+          }
         }
       }
     }
@@ -289,7 +288,7 @@ export function updateNodeDimensions<NodeType extends InternalNodeBase>(
     changes.push(...parentExpandChanges);
   }
 
-  return changes;
+  return { changes, updatedInternals };
 }
 
 export function panBy({

From 1c74eb1d94def518dff1ffda42a865535c2085a1 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 11 Apr 2024 12:34:51 +0200
Subject: [PATCH 0715/1093] removed usage of movementX and movementY and
 calculate delta by hand

---
 packages/system/src/xyminimap/index.ts | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/packages/system/src/xyminimap/index.ts b/packages/system/src/xyminimap/index.ts
index 7681253f9..7e7a1ebd3 100644
--- a/packages/system/src/xyminimap/index.ts
+++ b/packages/system/src/xyminimap/index.ts
@@ -54,17 +54,34 @@ export function XYMinimap({ domNode, panZoom, getTransform, getViewScale }: XYMi
       panZoom.scaleTo(nextZoom);
     };
 
+    let panStart = [0, 0];
+    const panStartHandler = (event: D3ZoomEvent<HTMLDivElement, any>) => {
+      if (event.sourceEvent.type === 'mousedown' || event.sourceEvent.type === 'touchstart') {
+        panStart = [
+          event.sourceEvent.clientX ?? event.sourceEvent.touches[0].clientX,
+          event.sourceEvent.clientY ?? event.sourceEvent.touches[0].clientY,
+        ];
+      }
+    };
+
     const panHandler = (event: D3ZoomEvent<HTMLDivElement, any>) => {
       const transform = getTransform();
 
-      if (event.sourceEvent.type !== 'mousemove' || !panZoom) {
+      if ((event.sourceEvent.type !== 'mousemove' && event.sourceEvent.type !== 'touchmove') || !panZoom) {
         return;
       }
 
+      const panNow = [
+        event.sourceEvent.clientX ?? event.sourceEvent.touches[0].clientX,
+        event.sourceEvent.clientY ?? event.sourceEvent.touches[0].clientY,
+      ];
+      const panDelta = [panNow[0] - panStart[0], panNow[1] - panStart[1]];
+      panStart = panNow;
+
       const moveScale = getViewScale() * Math.max(transform[2], Math.log(transform[2])) * (inversePan ? -1 : 1);
       const position = {
-        x: transform[0] - event.sourceEvent.movementX * moveScale,
-        y: transform[1] - event.sourceEvent.movementY * moveScale,
+        x: transform[0] - panDelta[0] * moveScale,
+        y: transform[1] - panDelta[1] * moveScale,
       };
       const extent: CoordinateExtent = [
         [0, 0],
@@ -83,6 +100,7 @@ export function XYMinimap({ domNode, panZoom, getTransform, getViewScale }: XYMi
     };
 
     const zoomAndPanHandler = zoom()
+      .on('start', panStartHandler)
       // @ts-ignore
       .on('zoom', pannable ? panHandler : null)
       // @ts-ignore

From 6edd5121b612cec216bad4eb9f3d3c3cf768bb28 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 11 Apr 2024 12:41:27 +0200
Subject: [PATCH 0716/1093] renamed now to current

---
 packages/system/src/xyminimap/index.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/system/src/xyminimap/index.ts b/packages/system/src/xyminimap/index.ts
index 7e7a1ebd3..d065990ba 100644
--- a/packages/system/src/xyminimap/index.ts
+++ b/packages/system/src/xyminimap/index.ts
@@ -71,12 +71,12 @@ export function XYMinimap({ domNode, panZoom, getTransform, getViewScale }: XYMi
         return;
       }
 
-      const panNow = [
+      const panCurrent = [
         event.sourceEvent.clientX ?? event.sourceEvent.touches[0].clientX,
         event.sourceEvent.clientY ?? event.sourceEvent.touches[0].clientY,
       ];
-      const panDelta = [panNow[0] - panStart[0], panNow[1] - panStart[1]];
-      panStart = panNow;
+      const panDelta = [panCurrent[0] - panStart[0], panCurrent[1] - panStart[1]];
+      panStart = panCurrent;
 
       const moveScale = getViewScale() * Math.max(transform[2], Math.log(transform[2])) * (inversePan ? -1 : 1);
       const position = {

From 7d24127e3f5ea4b63a1cab85531eb78d03f96f8c Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 11 Apr 2024 13:03:12 +0200
Subject: [PATCH 0717/1093] added isValidConnection on Handle component

---
 packages/svelte/src/lib/components/Handle/Handle.svelte | 7 +++++--
 packages/svelte/src/lib/types/general.ts                | 4 ++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index f93688fc3..fdc80c492 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -22,12 +22,15 @@
   export let position: $$Props['position'] = Position.Top;
   export let style: $$Props['style'] = undefined;
   export let isConnectable: $$Props['isConnectable'] = undefined;
+  export let isValidConnection: $$Props['isValidConnection'] = undefined;
   export let onconnect: $$Props['onconnect'] = undefined;
   export let ondisconnect: $$Props['ondisconnect'] = undefined;
   // @todo implement connectablestart, connectableend
   // export let isConnectableStart: $$Props['isConnectableStart'] = undefined;
   // export let isConnectableEnd: $$Props['isConnectableEnd'] = undefined;
 
+  $: console.log(isValidConnection);
+
   let className: $$Props['class'] = undefined;
   export { className as class };
 
@@ -45,7 +48,7 @@
     nodeLookup,
     connectionRadius,
     viewport,
-    isValidConnection,
+    isValidConnection: isValidConnectionStore,
     lib,
     addEdge,
     onedgecreate,
@@ -77,7 +80,7 @@
         lib: $lib,
         autoPanOnConnect: $autoPanOnConnect,
         flowId: $flowId,
-        isValidConnection: $isValidConnection,
+        isValidConnection: isValidConnection ?? $isValidConnectionStore,
         updateConnection,
         cancelConnection,
         panBy,
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index fe728fae7..71e2047ab 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -45,6 +45,10 @@ export type HandleComponentProps = {
   isConnectableStart?: boolean;
   /** Should you be able to connect to this handle */
   isConnectableEnd?: boolean;
+  /** Function that is called when checking if connection is valid.
+   * Overrides the isValidConnection on the Flow component.
+   */
+  isValidConnection?: IsValidConnection;
   onconnect?: (connections: Connection[]) => void;
   ondisconnect?: (connections: Connection[]) => void;
 };

From e25c3304d00d5c79f344ab72800346f9653bfa7d Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 11 Apr 2024 13:05:36 +0200
Subject: [PATCH 0718/1093] removed console.log

---
 packages/svelte/src/lib/components/Handle/Handle.svelte | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index fdc80c492..e004250bc 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -29,8 +29,6 @@
   // export let isConnectableStart: $$Props['isConnectableStart'] = undefined;
   // export let isConnectableEnd: $$Props['isConnectableEnd'] = undefined;
 
-  $: console.log(isValidConnection);
-
   let className: $$Props['class'] = undefined;
   export { className as class };
 

From 8897c2a9ffb8a6e2782ab3cc793ac1405d356deb Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 11 Apr 2024 13:33:06 +0200
Subject: [PATCH 0719/1093] chore(packages): bump

---
 packages/react/CHANGELOG.md  | 3 ++-
 packages/react/package.json  | 2 +-
 packages/system/package.json | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 2fd7bf5de..b210cd0c5 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,6 +1,6 @@
 # @xyflow/react
 
-## 12.0.0-next.x
+## 12.0.0-next.14
 
 ## Patch changes
 
@@ -8,6 +8,7 @@
 - use `direction=ltr` for outer wrapper to support rtl sites
 - allow pinch zoom even if `preventScrolling=false`
 - export node and edge change related types
+- only trigger dimensions updates when changes detected
 
 ## 12.0.0-next.13
 
diff --git a/packages/react/package.json b/packages/react/package.json
index cbd00f7c7..b9beea2f8 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.13",
+  "version": "12.0.0-next.14",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/system/package.json b/packages/system/package.json
index cb0e894b3..4a43caa69 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 72d775b8ebc1c6996c581cfe8c297aa93fa89f58 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 11 Apr 2024 15:14:39 +0200
Subject: [PATCH 0720/1093] simplified resize events

---
 .../NodeResizer/NodeResizeControl.tsx         |   4 +-
 .../plugins/NodeResizer/ResizeControl.svelte  |  32 ++-
 packages/system/src/xyresizer/XYResizer.ts    | 271 +++++++++---------
 3 files changed, 154 insertions(+), 153 deletions(-)

diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index 2052c98b5..4ee8ff4a7 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -66,7 +66,7 @@ function ResizeControl({
 
           const changes: NodeChange[] = [];
 
-          if (change.isXPosChange || change.isYPosChange) {
+          if (change.x !== undefined && change.y !== undefined) {
             const positionChange: NodePositionChange = {
               id,
               type: 'position',
@@ -79,7 +79,7 @@ function ResizeControl({
             changes.push(positionChange);
           }
 
-          if (change.isWidthChange || change.isHeightChange) {
+          if (change.width !== undefined && change.height !== undefined) {
             const dimensionChange: NodeDimensionChange = {
               id,
               type: 'dimensions',
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
index c346bd530..1e5f39e28 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
+++ b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
@@ -70,23 +70,27 @@
         },
         onChange: (change: XYResizerChange, childChanges: XYResizerChildChange[]) => {
           const node = $nodeLookup.get(id)?.internals.userNode;
-          if (node) {
-            node.height = change.isHeightChange ? change.height : node.height;
-            node.width = change.isWidthChange ? change.width : node.width;
-            node.position =
-              change.isXPosChange || change.isYPosChange
-                ? { x: change.x, y: change.y }
-                : node.position;
+          if (!node) {
+            return;
+          }
 
-            for (const childChange of childChanges) {
-              const childNode = $nodeLookup.get(childChange.id)?.internals.userNode;
-              if (childNode) {
-                childNode.position = childChange.position;
-              }
-            }
+          if (change.x !== undefined && change.y !== undefined) {
+            node.position = { x: change.x, y: change.y };
+          }
 
-            $nodes = $nodes;
+          if (change.width !== undefined && change.height !== undefined) {
+            node.width = change.width;
+            node.height = change.height;
           }
+
+          for (const childChange of childChanges) {
+            const childNode = $nodeLookup.get(childChange.id)?.internals.userNode;
+            if (childNode) {
+              childNode.position = childChange.position;
+            }
+          }
+
+          $nodes = $nodes;
         }
       });
     }
diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index 50a3e4aae..abce3e14c 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -15,19 +15,13 @@ const initStartValues = {
   aspectRatio: 1,
 };
 
-const initChange = {
-  x: 0,
-  y: 0,
-  width: 0,
-  height: 0,
-  isXPosChange: false,
-  isYPosChange: false,
-  isWidthChange: false,
-  isHeightChange: false,
+export type XYResizerChange = {
+  x?: number;
+  y?: number;
+  width?: number;
+  height?: number;
 };
 
-export type XYResizerChange = typeof initChange;
-
 export type XYResizerChildChange = {
   id: string;
   position: XYPosition;
@@ -117,158 +111,161 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
         const { nodeLookup, transform, snapGrid, snapToGrid, nodeOrigin } = getStoreItems();
         node = nodeLookup.get(nodeId);
 
-        if (node) {
-          const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
-
-          prevValues = {
-            width: node.measured?.width ?? 0,
-            height: node.measured?.height ?? 0,
-            x: node.position.x ?? 0,
-            y: node.position.y ?? 0,
-          };
-
-          startValues = {
-            ...prevValues,
-            pointerX: xSnapped,
-            pointerY: ySnapped,
-            aspectRatio: prevValues.width / prevValues.height,
-          };
-
-          parentNode = undefined;
-          if (node.extent === 'parent' || node.expandParent) {
-            parentNode = nodeLookup.get(node.parentId!);
-            if (parentNode && node.extent === 'parent') {
-              parentExtent = nodeToParentExtent(parentNode);
-            }
+        if (!node) {
+          return;
+        }
+
+        const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
+
+        prevValues = {
+          width: node.measured?.width ?? 0,
+          height: node.measured?.height ?? 0,
+          x: node.position.x ?? 0,
+          y: node.position.y ?? 0,
+        };
+
+        startValues = {
+          ...prevValues,
+          pointerX: xSnapped,
+          pointerY: ySnapped,
+          aspectRatio: prevValues.width / prevValues.height,
+        };
+
+        parentNode = undefined;
+        if (node.extent === 'parent' || node.expandParent) {
+          parentNode = nodeLookup.get(node.parentId!);
+          if (parentNode && node.extent === 'parent') {
+            parentExtent = nodeToParentExtent(parentNode);
           }
+        }
 
-          // Collect all child nodes to correct their relative positions when top/left changes
-          // Determine largest minimal extent the parent node is allowed to resize to
-          childNodes = [];
-          childExtent = undefined;
-
-          for (const [childId, child] of nodeLookup) {
-            if (child.parentId === nodeId) {
-              childNodes.push({
-                id: childId,
-                position: { ...child.position },
-                extent: child.extent,
-              });
-
-              if (child.extent === 'parent' || child.expandParent) {
-                const extent = nodeToChildExtent(child, node!, child.origin ?? nodeOrigin);
-
-                if (childExtent) {
-                  childExtent = [
-                    [Math.min(extent[0][0], childExtent[0][0]), Math.min(extent[0][1], childExtent[0][1])],
-                    [Math.max(extent[1][0], childExtent[1][0]), Math.max(extent[1][1], childExtent[1][1])],
-                  ];
-                } else {
-                  childExtent = extent;
-                }
+        // Collect all child nodes to correct their relative positions when top/left changes
+        // Determine largest minimal extent the parent node is allowed to resize to
+        childNodes = [];
+        childExtent = undefined;
+
+        for (const [childId, child] of nodeLookup) {
+          if (child.parentId === nodeId) {
+            childNodes.push({
+              id: childId,
+              position: { ...child.position },
+              extent: child.extent,
+            });
+
+            if (child.extent === 'parent' || child.expandParent) {
+              const extent = nodeToChildExtent(child, node!, child.origin ?? nodeOrigin);
+
+              if (childExtent) {
+                childExtent = [
+                  [Math.min(extent[0][0], childExtent[0][0]), Math.min(extent[0][1], childExtent[0][1])],
+                  [Math.max(extent[1][0], childExtent[1][0]), Math.max(extent[1][1], childExtent[1][1])],
+                ];
+              } else {
+                childExtent = extent;
               }
             }
           }
-
-          onResizeStart?.(event, { ...prevValues });
         }
+
+        onResizeStart?.(event, { ...prevValues });
       })
       .on('drag', (event: ResizeDragEvent) => {
         const { transform, snapGrid, snapToGrid, nodeOrigin: storeNodeOrigin } = getStoreItems();
         const pointerPosition = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
         const childChanges: XYResizerChildChange[] = [];
 
-        if (node) {
-          const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues;
-          const change = { ...initChange };
-          const nodeOrigin = node.origin ?? storeNodeOrigin;
-
-          const { width, height, x, y } = getDimensionsAfterResize(
-            startValues,
-            controlDirection,
-            pointerPosition,
-            boundaries,
-            keepAspectRatio,
-            nodeOrigin,
-            parentExtent,
-            childExtent
-          );
-
-          const isWidthChange = width !== prevWidth;
-          const isHeightChange = height !== prevHeight;
-
-          const isXPosChange = x !== prevX && isWidthChange;
-          const isYPosChange = y !== prevY && isHeightChange;
-
-          if (isXPosChange || isYPosChange || nodeOrigin[0] === 1 || nodeOrigin[1] == 1) {
-            change.isXPosChange = isXPosChange;
-            change.isYPosChange = isYPosChange;
-            change.x = isXPosChange ? x : prevX;
-            change.y = isYPosChange ? y : prevY;
-
-            prevValues.x = change.x;
-            prevValues.y = change.y;
-
-            // Fix expandParent when resizing from top/left
-            if (parentNode && node.expandParent) {
-              if (change.x < 0) {
-                prevValues.x = 0;
-                startValues.x = startValues.x - change.x;
-              }
+        if (!node) {
+          return;
+        }
+        const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues;
+        const change: XYResizerChange = {};
+        const nodeOrigin = node.origin ?? storeNodeOrigin;
+
+        const { width, height, x, y } = getDimensionsAfterResize(
+          startValues,
+          controlDirection,
+          pointerPosition,
+          boundaries,
+          keepAspectRatio,
+          nodeOrigin,
+          parentExtent,
+          childExtent
+        );
+
+        const isWidthChange = width !== prevWidth;
+        const isHeightChange = height !== prevHeight;
+
+        const isXPosChange = x !== prevX && isWidthChange;
+        const isYPosChange = y !== prevY && isHeightChange;
+
+        if (!isXPosChange && !isYPosChange && !isWidthChange && !isHeightChange) {
+          return;
+        }
 
-              if (change.y < 0) {
-                prevValues.y = 0;
-                startValues.y = startValues.y - change.y;
-              }
-            }
+        console.log(isXPosChange, x, isYPosChange, y);
 
-            if (childNodes.length > 0) {
-              const xChange = x - prevX;
-              const yChange = y - prevY;
+        if (isXPosChange || isYPosChange || nodeOrigin[0] === 1 || nodeOrigin[1] == 1) {
+          change.x = isXPosChange ? x : prevValues.x;
+          change.y = isYPosChange ? y : prevValues.y;
 
-              for (const childNode of childNodes) {
-                childNode.position = {
-                  x: childNode.position.x - xChange + nodeOrigin[0] * (width - prevWidth),
-                  y: childNode.position.y - yChange + nodeOrigin[1] * (height - prevHeight),
-                };
-                childChanges.push(childNode);
-              }
+          prevValues.x = change.x;
+          prevValues.y = change.y;
+
+          // Fix expandParent when resizing from top/left
+          if (parentNode && node.expandParent) {
+            if (change.x && change.x < 0) {
+              prevValues.x = 0;
+              startValues.x = startValues.x - change.x;
             }
-          }
 
-          if (isWidthChange || isHeightChange) {
-            change.isWidthChange = isWidthChange;
-            change.isHeightChange = isHeightChange;
-            change.width = width;
-            change.height = height;
-            prevValues.width = change.width;
-            prevValues.height = change.height;
+            if (change.y && change.y < 0) {
+              prevValues.y = 0;
+              startValues.y = startValues.y - change.y;
+            }
           }
 
-          if (!change.isXPosChange && !change.isYPosChange && !isWidthChange && !isHeightChange) {
-            return;
+          if (childNodes.length > 0) {
+            const xChange = x - prevX;
+            const yChange = y - prevY;
+
+            for (const childNode of childNodes) {
+              childNode.position = {
+                x: childNode.position.x - xChange + nodeOrigin[0] * (width - prevWidth),
+                y: childNode.position.y - yChange + nodeOrigin[1] * (height - prevHeight),
+              };
+              childChanges.push(childNode);
+            }
           }
+        }
 
-          const direction = getResizeDirection({
-            width: prevValues.width,
-            prevWidth,
-            height: prevValues.height,
-            prevHeight,
-            affectsX: controlDirection.affectsX,
-            affectsY: controlDirection.affectsY,
-          });
+        if (isWidthChange || isHeightChange) {
+          change.width = isWidthChange ? width : prevValues.width;
+          change.height = isHeightChange ? height : prevValues.height;
+          prevValues.width = change.width;
+          prevValues.height = change.height;
+        }
 
-          const nextValues = { ...prevValues, direction };
+        console.log(change);
 
-          const callResize = shouldResize?.(event, nextValues);
+        const direction = getResizeDirection({
+          width: prevValues.width,
+          prevWidth,
+          height: prevValues.height,
+          prevHeight,
+          affectsX: controlDirection.affectsX,
+          affectsY: controlDirection.affectsY,
+        });
 
-          if (callResize === false) {
-            return;
-          }
+        const nextValues = { ...prevValues, direction };
 
-          onResize?.(event, nextValues);
-          onChange(change, childChanges);
+        const callResize = shouldResize?.(event, nextValues);
+
+        if (callResize === false) {
+          return;
         }
+
+        onResize?.(event, nextValues);
+        onChange(change, childChanges);
       })
       .on('end', (event: ResizeDragEvent) => {
         onResizeEnd?.(event, { ...prevValues });

From 256fad3053cfd0fb0792ba78ccdcdb061f90f377 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 11 Apr 2024 15:17:36 +0200
Subject: [PATCH 0721/1093] removed consolelog

---
 packages/system/src/xyresizer/XYResizer.ts | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index abce3e14c..093bdf940 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -202,8 +202,6 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
           return;
         }
 
-        console.log(isXPosChange, x, isYPosChange, y);
-
         if (isXPosChange || isYPosChange || nodeOrigin[0] === 1 || nodeOrigin[1] == 1) {
           change.x = isXPosChange ? x : prevValues.x;
           change.y = isYPosChange ? y : prevValues.y;
@@ -245,8 +243,6 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
           prevValues.height = change.height;
         }
 
-        console.log(change);
-
         const direction = getResizeDirection({
           width: prevValues.width,
           prevWidth,

From 979fe7d56539414d03b79b77eea1b1c3d9ae3192 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 11 Apr 2024 18:34:17 +0200
Subject: [PATCH 0722/1093] broken parent expand on resize but almost there

---
 .../NodeResizer/NodeResizeControl.tsx         | 40 ++++++++++++++++---
 packages/system/src/utils/store.ts            | 39 +++++++++---------
 2 files changed, 53 insertions(+), 26 deletions(-)

diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index 4ee8ff4a7..725639b24 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -9,11 +9,15 @@ import {
   type NodeChange,
   type NodeDimensionChange,
   type NodePositionChange,
+  handleParentExpand,
 } from '@xyflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
 import type { ResizeControlProps, ResizeControlLineProps } from './types';
+import { InternalNode } from '../../types';
+
+type InternalNodeWithParentExpand = InternalNode & { expandParent: true; parentId: string };
 
 function ResizeControl({
   nodeId,
@@ -62,20 +66,44 @@ function ResizeControl({
           };
         },
         onChange: (change: XYResizerChange, childChanges: XYResizerChildChange[]) => {
-          const { triggerNodeChanges } = store.getState();
+          const { triggerNodeChanges, nodeLookup } = store.getState();
 
           const changes: NodeChange[] = [];
+          const newPosition = { x: change.x, y: change.y };
 
-          if (change.x !== undefined && change.y !== undefined) {
-            const positionChange: NodePositionChange = {
-              id,
-              type: 'position',
+          const node = nodeLookup.get(id);
+          if (node && node.expandParent && node.parentId) {
+            const nodeWithChange = {
+              ...node,
               position: {
                 x: change.x,
                 y: change.y,
               },
-            };
+              width: change.width,
+              height: change.height,
+              measured: {
+                width: change.width ?? node.measured?.width,
+                height: change.height ?? node.measured?.height,
+              },
+            } as InternalNodeWithParentExpand;
+
+            const parentExpandChanges = handleParentExpand([nodeWithChange], nodeLookup);
+            if (parentExpandChanges.length > 0) {
+              newPosition.x = change.x && change.x < 0 ? 0 : change.x;
+              newPosition.y = change.y && change.y < 0 ? 0 : change.y;
+            } else {
+              console.log('there was no parent expand');
+            }
+            changes.push(...parentExpandChanges);
+          }
 
+          if (change.x !== undefined && change.y !== undefined) {
+            console.log(newPosition);
+            const positionChange: NodePositionChange = {
+              id,
+              type: 'position',
+              position: { ...newPosition } as { x: number; y: number },
+            };
             changes.push(positionChange);
           }
 
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 0d7f26453..11b5e3c66 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -145,25 +145,25 @@ function calculateXYZPosition<NodeType extends NodeBase>(
   );
 }
 
+type NodeWithExpandParent<NodeType> = NodeType & { parentId: string; expandParent: true };
+
 export function handleParentExpand(
-  nodes: InternalNodeBase[],
+  nodes: NodeWithExpandParent<InternalNodeBase>[],
   nodeLookup: NodeLookup
 ): (NodeDimensionChange | NodePositionChange)[] {
   const changes: (NodeDimensionChange | NodePositionChange)[] = [];
   const chilNodeRects = new Map<string, Rect>();
 
-  nodes.forEach((node) => {
-    const parentId = node.parentId;
-    if (node.expandParent && parentId) {
-      const parentNode = nodeLookup.get(parentId);
-
-      if (parentNode) {
-        const parentRect = chilNodeRects.get(parentId) || nodeToRect(parentNode, node.origin);
-        const expandedRect = getBoundsOfRects(parentRect, nodeToRect(node, node.origin));
-        chilNodeRects.set(parentId, expandedRect);
-      }
+  for (const node of nodes) {
+    const parentNode = nodeLookup.get(node.parentId);
+    if (!parentNode) {
+      continue;
     }
-  });
+
+    const parentRect = chilNodeRects.get(node.parentId) || nodeToRect(parentNode, node.origin);
+    const expandedRect = getBoundsOfRects(parentRect, nodeToRect(node, node.origin));
+    chilNodeRects.set(node.parentId, expandedRect);
+  }
 
   if (chilNodeRects.size > 0) {
     chilNodeRects.forEach((rect, id) => {
@@ -193,9 +193,8 @@ export function handleParentExpand(
             height: dimensions.height + yChange,
           },
         });
-
-        // @todo we need to reset child node positions if < 0
-      } else if (dimensions.width < rect.width || dimensions.height < rect.height) {
+      }
+      if (dimensions.width < rect.width || dimensions.height < rect.height) {
         changes.push({
           id,
           type: 'dimensions',
@@ -229,7 +228,7 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
   const style = window.getComputedStyle(viewportNode);
   const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
   // in this array we collect nodes, that might trigger changes (like expanding parent)
-  const triggerChangeNodes: NodeType[] = [];
+  const parentExpandNodes: NodeWithExpandParent<NodeType>[] = [];
 
   updates.forEach((update) => {
     const node = nodeLookup.get(update.id);
@@ -275,16 +274,16 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
             dimensions,
           });
 
-          if (newNode.expandParent) {
-            triggerChangeNodes.push(newNode);
+          if (newNode.expandParent && newNode.parentId) {
+            parentExpandNodes.push(newNode as NodeWithExpandParent<NodeType>);
           }
         }
       }
     }
   });
 
-  if (triggerChangeNodes.length > 0) {
-    const parentExpandChanges = handleParentExpand(triggerChangeNodes, nodeLookup);
+  if (parentExpandNodes.length > 0) {
+    const parentExpandChanges = handleParentExpand(parentExpandNodes, nodeLookup);
     changes.push(...parentExpandChanges);
   }
 

From 8a56311e52490af722958288cd943e3b1a2cfc5c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 Apr 2024 13:18:57 +0200
Subject: [PATCH 0723/1093] fix(intersection-helpers): use correct positions
 closes #4138

---
 packages/react/src/hooks/useReactFlow.ts | 21 ++++++++---
 packages/system/src/utils/general.ts     | 46 ++++++++++++++++++++++++
 2 files changed, 62 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 6be3f90b2..31035bd1e 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -1,5 +1,12 @@
 import { useCallback, useMemo, useRef, useState } from 'react';
-import { getElementsToRemove, getOverlappingArea, isRectObject, nodeToRect, type Rect } from '@xyflow/system';
+import {
+  evaluateNodePosition,
+  getElementsToRemove,
+  getOverlappingArea,
+  isRectObject,
+  nodeToRect,
+  type Rect,
+} from '@xyflow/system';
 
 import useViewportHelper from './useViewportHelper';
 import { useStoreApi } from './useStore';
@@ -223,15 +230,19 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
     []
   );
 
-  const getNodeRect = useCallback(({ id }: { id: string }): Rect | null => {
-    const internalNode = store.getState().nodeLookup.get(id);
-    return internalNode ? nodeToRect(internalNode) : null;
+  const getNodeRect = useCallback((node: NodeType | { id: string }): Rect | null => {
+    const { nodeLookup, nodeOrigin } = store.getState();
+    const nodeToUse = isNode(node) ? node : nodeLookup.get(node.id)!;
+    const nodeWithPos = evaluateNodePosition(nodeToUse, nodeLookup, nodeOrigin);
+
+    return nodeWithPos ? nodeToRect(nodeWithPos) : null;
   }, []);
 
   const getIntersectingNodes = useCallback<Instance.GetIntersectingNodes<NodeType>>(
     (nodeOrRect, partially = true, nodes) => {
       const isRect = isRectObject(nodeOrRect);
       const nodeRect = isRect ? nodeOrRect : getNodeRect(nodeOrRect);
+      const hasNodesOption = nodes !== undefined;
 
       if (!nodeRect) {
         return [];
@@ -244,7 +255,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
           return false;
         }
 
-        const currNodeRect = nodeToRect(n);
+        const currNodeRect = nodeToRect(hasNodesOption ? n : internalNode!);
         const overlappingArea = getOverlappingArea(currNodeRect, nodeRect);
         const partiallyVisible = partially && overlappingArea > 0;
 
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index b8af19bc7..e76d24a4e 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -9,6 +9,7 @@ import type {
   SnapGrid,
   Transform,
   InternalNodeBase,
+  NodeLookup,
 } from '../types';
 import { type Viewport } from '../types';
 import { getNodePositionWithOrigin } from './graph';
@@ -219,3 +220,48 @@ export function nodeHasDimensions<NodeType extends NodeBase = NodeBase>(node: No
     (node.measured?.height ?? node.height ?? node.initialHeight) !== undefined
   );
 }
+
+/**
+ * Helper to calculate the absolute position of a node
+ *
+ * @internal
+ * @param node
+ * @param nodeLookup
+ * @param nodeOrigin
+ * @returns an internal node with an absolute position
+ */
+export function evaluateNodePosition(
+  node: NodeBase | InternalNodeBase,
+  nodeLookup: NodeLookup,
+  nodeOrigin: NodeOrigin = [0, 0]
+): InternalNodeBase | null {
+  const internalNode = nodeLookup.get(node.id);
+
+  if (!internalNode) {
+    return null;
+  }
+
+  let parentId = internalNode.parentId;
+  const positionAbsolute = { ...node.position };
+
+  while (parentId) {
+    const parent = nodeLookup.get(parentId);
+    parentId = parent?.parentId;
+
+    if (parent) {
+      const origin = parent.origin || nodeOrigin;
+      const xOffset = (parent.measured.width ?? 0) * origin[0];
+      const yOffset = (parent.measured.height ?? 0) * origin[1];
+      positionAbsolute.x += parent.position.x - xOffset;
+      positionAbsolute.y += parent.position.y - yOffset;
+    }
+  }
+
+  return {
+    ...internalNode,
+    internals: {
+      ...internalNode.internals,
+      positionAbsolute,
+    },
+  };
+}

From 28f4b4e5134c3176335038968c33a45b70ebb0c7 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 Apr 2024 13:19:43 +0200
Subject: [PATCH 0724/1093] chore(changelog): update

---
 packages/react/CHANGELOG.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index b210cd0c5..bf1196219 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/react
 
+## 12.0.0-next.xx
+
+## Patch changes
+
+- use correct positions for intersection helpers
+
 ## 12.0.0-next.14
 
 ## Patch changes

From c5f394e1f77ce6ed7a6487d74b07dd4b1c22a488 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 15 Apr 2024 15:58:25 +0200
Subject: [PATCH 0725/1093] use evaluateNodePosition for parentExpand

---
 .../NodeResizer/NodeResizeControl.tsx         | 30 +++++++----------
 packages/react/src/store/index.ts             | 15 +++++----
 packages/system/src/utils/store.ts            | 32 +++++++------------
 3 files changed, 31 insertions(+), 46 deletions(-)

diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index 725639b24..6ca54676a 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -10,12 +10,13 @@ import {
   type NodeDimensionChange,
   type NodePositionChange,
   handleParentExpand,
+  evaluateNodePosition,
 } from '@xyflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
 import type { ResizeControlProps, ResizeControlLineProps } from './types';
-import { InternalNode } from '../../types';
+import { InternalNode, Node } from '../../types';
 
 type InternalNodeWithParentExpand = InternalNode & { expandParent: true; parentId: string };
 
@@ -73,32 +74,25 @@ function ResizeControl({
 
           const node = nodeLookup.get(id);
           if (node && node.expandParent && node.parentId) {
-            const nodeWithChange = {
+            const nodeWithChange: Node = {
               ...node,
               position: {
-                x: change.x,
-                y: change.y,
+                x: change.x ?? node.position.x,
+                y: change.y ?? node.position.y,
               },
               width: change.width,
               height: change.height,
-              measured: {
-                width: change.width ?? node.measured?.width,
-                height: change.height ?? node.measured?.height,
-              },
-            } as InternalNodeWithParentExpand;
-
-            const parentExpandChanges = handleParentExpand([nodeWithChange], nodeLookup);
-            if (parentExpandChanges.length > 0) {
-              newPosition.x = change.x && change.x < 0 ? 0 : change.x;
-              newPosition.y = change.y && change.y < 0 ? 0 : change.y;
-            } else {
-              console.log('there was no parent expand');
-            }
+            };
+
+            const nodeWith = evaluateNodePosition(nodeWithChange, nodeLookup) as InternalNodeWithParentExpand;
+
+            const parentExpandChanges = handleParentExpand([nodeWith], nodeLookup);
             changes.push(...parentExpandChanges);
+            newPosition.x = change.x ? Math.max(0, change.x) : undefined;
+            newPosition.y = change.y ? Math.max(0, change.y) : undefined;
           }
 
           if (change.x !== undefined && change.y !== undefined) {
-            console.log(newPosition);
             const positionChange: NodePositionChange = {
               id,
               type: 'position',
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 7ce263c91..f02e74f48 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -117,7 +117,8 @@ const createRFStore = ({
       },
       updateNodePositions: (nodeDragItems, dragging = false) => {
         const { nodeLookup } = get();
-        const triggerChangeNodes: InternalNode[] = [];
+        type ExpandParentInternalNode = InternalNode & { parentId: string; expandParent: true };
+        const expandParentNodes: ExpandParentInternalNode[] = [];
 
         const changes: NodeChange[] = nodeDragItems.map((node) => {
           // @todo add expandParent to drag item so that we can get rid of the look up here
@@ -129,15 +130,15 @@ const createRFStore = ({
             dragging,
           };
 
-          if (internalNode?.expandParent && change.position) {
-            triggerChangeNodes.push({
+          if (internalNode?.expandParent && internalNode?.parentId && change.position) {
+            expandParentNodes.push({
               ...internalNode,
-              position: change.position,
+              position: { ...node.position },
               internals: {
                 ...internalNode.internals,
                 positionAbsolute: node.internals.positionAbsolute,
               },
-            });
+            } as ExpandParentInternalNode);
 
             change.position.x = Math.max(0, change.position.x);
             change.position.y = Math.max(0, change.position.y);
@@ -146,8 +147,8 @@ const createRFStore = ({
           return change;
         });
 
-        if (triggerChangeNodes.length > 0) {
-          const parentExpandChanges = handleParentExpand(triggerChangeNodes, nodeLookup);
+        if (expandParentNodes.length > 0) {
+          const parentExpandChanges = handleParentExpand(expandParentNodes, nodeLookup);
           changes.push(...parentExpandChanges);
         }
 
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 11b5e3c66..3d8727c2a 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -145,10 +145,10 @@ function calculateXYZPosition<NodeType extends NodeBase>(
   );
 }
 
-type NodeWithExpandParent<NodeType> = NodeType & { parentId: string; expandParent: true };
+type ExpandParentNode<NodeType> = NodeType & { parentId: string; expandParent: true };
 
 export function handleParentExpand(
-  nodes: NodeWithExpandParent<InternalNodeBase>[],
+  nodes: ExpandParentNode<InternalNodeBase>[],
   nodeLookup: NodeLookup
 ): (NodeDimensionChange | NodePositionChange)[] {
   const changes: (NodeDimensionChange | NodePositionChange)[] = [];
@@ -160,7 +160,7 @@ export function handleParentExpand(
       continue;
     }
 
-    const parentRect = chilNodeRects.get(node.parentId) || nodeToRect(parentNode, node.origin);
+    const parentRect = chilNodeRects.get(node.parentId) ?? nodeToRect(parentNode, node.origin);
     const expandedRect = getBoundsOfRects(parentRect, nodeToRect(node, node.origin));
     chilNodeRects.set(node.parentId, expandedRect);
   }
@@ -171,10 +171,9 @@ export function handleParentExpand(
       const { position } = getNodePositionWithOrigin(origParent, origParent.origin);
       const dimensions = getNodeDimensions(origParent);
 
-      if (rect.x < position.x || rect.y < position.y) {
-        const xChange = Math.round(Math.abs(position.x - rect.x));
-        const yChange = Math.round(Math.abs(position.y - rect.y));
-
+      let xChange = rect.x < position.x ? Math.round(Math.abs(position.x - rect.x)) : 0;
+      let yChange = rect.y < position.y ? Math.round(Math.abs(position.y - rect.y)) : 0;
+      if (xChange > 0 || yChange > 0) {
         changes.push({
           id,
           type: 'position',
@@ -183,25 +182,16 @@ export function handleParentExpand(
             y: position.y - yChange,
           },
         });
-
-        changes.push({
-          id,
-          type: 'dimensions',
-          resizing: true,
-          dimensions: {
-            width: dimensions.width + xChange,
-            height: dimensions.height + yChange,
-          },
-        });
       }
+
       if (dimensions.width < rect.width || dimensions.height < rect.height) {
         changes.push({
           id,
           type: 'dimensions',
           resizing: true,
           dimensions: {
-            width: Math.max(dimensions.width, rect.width),
-            height: Math.max(dimensions.height, rect.height),
+            width: Math.max(dimensions.width, Math.round(rect.width)),
+            height: Math.max(dimensions.height, Math.round(rect.height)),
           },
         });
       }
@@ -228,7 +218,7 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
   const style = window.getComputedStyle(viewportNode);
   const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
   // in this array we collect nodes, that might trigger changes (like expanding parent)
-  const parentExpandNodes: NodeWithExpandParent<NodeType>[] = [];
+  const parentExpandNodes: ExpandParentNode<NodeType>[] = [];
 
   updates.forEach((update) => {
     const node = nodeLookup.get(update.id);
@@ -275,7 +265,7 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
           });
 
           if (newNode.expandParent && newNode.parentId) {
-            parentExpandNodes.push(newNode as NodeWithExpandParent<NodeType>);
+            parentExpandNodes.push(newNode as ExpandParentNode<NodeType>);
           }
         }
       }

From ccf6578824a9832ebb2fd2c690abeb23cd786c79 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 15 Apr 2024 17:03:03 +0200
Subject: [PATCH 0726/1093] added parentLookup

---
 .../src/components/NodeWrapper/index.tsx      | 13 ++---
 packages/react/src/store/index.ts             |  4 +-
 packages/react/src/store/initialState.ts      |  4 +-
 packages/react/src/types/store.ts             |  1 +
 .../svelte/src/lib/store/initial-store.ts     |  6 ++-
 packages/svelte/src/lib/store/utils.ts        |  5 +-
 packages/system/src/utils/store.ts            | 47 ++++++++++++-------
 7 files changed, 49 insertions(+), 31 deletions(-)

diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 18c2d3149..c26c91c2e 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -42,7 +42,7 @@ export function NodeWrapper<NodeType extends Node>({
   nodeOrigin,
   onError,
 }: NodeWrapperProps<NodeType>) {
-  const { node, positionAbsoluteX, positionAbsoluteY, zIndex, isParent } = useStore((s) => {
+  const { node, positionAbsoluteX, positionAbsoluteY, internals } = useStore((s) => {
     const node = s.nodeLookup.get(id)! as InternalNode<NodeType>;
 
     const positionAbsolute = nodeExtent
@@ -55,8 +55,9 @@ export function NodeWrapper<NodeType extends Node>({
       // so we we need to force a re-render when some change
       positionAbsoluteX: positionAbsolute.x,
       positionAbsoluteY: positionAbsolute.y,
-      zIndex: node.internals.z,
-      isParent: node.internals.isParent,
+      internals: node.internals,
+      // zIndex: node.internals.z,
+      // isParent: node.internals.isParent,
     };
   }, shallow);
 
@@ -213,14 +214,14 @@ export function NodeWrapper<NodeType extends Node>({
         {
           selected: node.selected,
           selectable: isSelectable,
-          parent: isParent,
+          parent: internals.isParent,
           draggable: isDraggable,
           dragging,
         },
       ])}
       ref={nodeRef}
       style={{
-        zIndex,
+        zIndex: internals.z,
         transform: `translate(${positionAbsoluteOrigin.x}px,${positionAbsoluteOrigin.y}px)`,
         pointerEvents: hasPointerEvents ? 'all' : 'none',
         visibility: initialized ? 'visible' : 'hidden',
@@ -254,7 +255,7 @@ export function NodeWrapper<NodeType extends Node>({
           targetPosition={node.targetPosition}
           dragging={dragging}
           dragHandle={node.dragHandle}
-          zIndex={zIndex}
+          zIndex={internals.z}
           {...nodeDimensions}
         />
       </Provider>
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index f02e74f48..682915da3 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -38,14 +38,14 @@ const createRFStore = ({
     (set, get) => ({
       ...getInitialState({ nodes, edges, width, height, fitView, defaultNodes, defaultEdges }),
       setNodes: (nodes: Node[]) => {
-        const { nodeLookup, nodeOrigin, elevateNodesOnSelect } = get();
+        const { nodeLookup, parentLookup, nodeOrigin, elevateNodesOnSelect } = get();
         // setNodes() is called exclusively in response to user actions:
         // - either when the `<ReactFlow nodes>` prop is updated in the controlled ReactFlow setup,
         // - or when the user calls something like `reactFlowInstance.setNodes()` in an uncontrolled ReactFlow setup.
         //
         // When this happens, we take the note objects passed by the user and extend them with fields
         // relevant for internal React Flow operations.
-        adoptUserNodes(nodes, nodeLookup, { nodeOrigin, elevateNodesOnSelect });
+        adoptUserNodes(nodes, nodeLookup, parentLookup, { nodeOrigin, elevateNodesOnSelect });
 
         set({ nodes });
       },
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index cc7549760..d3812725b 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -29,13 +29,14 @@ const getInitialState = ({
   fitView?: boolean;
 } = {}): ReactFlowStore => {
   const nodeLookup = new Map();
+  const parentLookup = new Map();
   const connectionLookup = new Map();
   const edgeLookup = new Map();
   const storeEdges = defaultEdges ?? edges ?? [];
   const storeNodes = defaultNodes ?? nodes ?? [];
 
   updateConnectionLookup(connectionLookup, edgeLookup, storeEdges);
-  adoptUserNodes(storeNodes, nodeLookup, {
+  adoptUserNodes(storeNodes, nodeLookup, parentLookup, {
     nodeOrigin: [0, 0],
     elevateNodesOnSelect: false,
   });
@@ -59,6 +60,7 @@ const getInitialState = ({
     transform,
     nodes: storeNodes,
     nodeLookup,
+    parentLookup,
     edges: storeEdges,
     edgeLookup,
     connectionLookup,
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 397ca6f12..bd5f57204 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -54,6 +54,7 @@ export type ReactFlowStore<NodeType extends Node = Node, EdgeType extends Edge =
   transform: Transform;
   nodes: NodeType[];
   nodeLookup: NodeLookup<InternalNode<NodeType>>;
+  parentLookup: Map<string, InternalNode<NodeType>[]>;
   edges: Edge[];
   edgeLookup: EdgeLookup<EdgeType>;
   connectionLookup: ConnectionLookup;
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 7d2b2444a..073f206cb 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -81,7 +81,8 @@ export const getInitialStore = ({
   fitView?: boolean;
 }) => {
   const nodeLookup: NodeLookup = new Map();
-  adoptUserNodes(nodes, nodeLookup, {
+  const parentLookup = new Map();
+  adoptUserNodes(nodes, nodeLookup, parentLookup, {
     nodeOrigin: [0, 0],
     elevateNodesOnSelect: false,
     checkEquality: false
@@ -104,8 +105,9 @@ export const getInitialStore = ({
 
   return {
     flowId: writable<string | null>(null),
-    nodes: createNodesStore(nodes, nodeLookup),
+    nodes: createNodesStore(nodes, nodeLookup, parentLookup),
     nodeLookup: readable<NodeLookup<InternalNode>>(nodeLookup),
+    parentLookup: readable<Map<string, InternalNode[]>>(parentLookup),
     edgeLookup: readable<EdgeLookup<Edge>>(edgeLookup),
     visibleNodes: readable<InternalNode[]>([]),
     edges: createEdgesStore(edges, connectionLookup, edgeLookup),
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index 4dabbd33c..5fd66cfe3 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -127,7 +127,8 @@ export type NodeStoreOptions = {
 // The user only passes in relative positions, so we need to calculate the absolute positions based on the parent nodes.
 export const createNodesStore = (
   nodes: Node[],
-  nodeLookup: NodeLookup<InternalNode>
+  nodeLookup: NodeLookup<InternalNode>,
+  parentLookup: Map<string, InternalNode[]>
 ): {
   subscribe: (this: void, run: Subscriber<Node[]>) => Unsubscriber;
   update: (this: void, updater: Updater<Node[]>) => void;
@@ -141,7 +142,7 @@ export const createNodesStore = (
   let elevateNodesOnSelect = true;
 
   const _set = (nds: Node[]): Node[] => {
-    adoptUserNodes(nds, nodeLookup, {
+    adoptUserNodes(nds, nodeLookup, parentLookup, {
       elevateNodesOnSelect,
       defaults,
       checkEquality: false
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 3d8727c2a..55aa368b1 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -27,7 +27,7 @@ export function updateAbsolutePositions<NodeType extends NodeBase>(
     elevateNodesOnSelect: true,
     defaults: {},
   },
-  parentNodeIds?: Set<string>
+  parentLookup?: Map<string, InternalNodeBase<NodeType>[]>
 ) {
   const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
 
@@ -38,7 +38,7 @@ export function updateAbsolutePositions<NodeType extends NodeBase>(
       throw new Error(`Parent node ${parentId} not found`);
     }
 
-    if (parentId || node.internals.isParent || parentNodeIds?.has(id)) {
+    if (parentId || node.internals.isParent || parentLookup?.has(id)) {
       const parentNode = parentId ? nodeLookup.get(parentId) : null;
       const { x, y, z } = calculateXYZPosition(
         node,
@@ -47,20 +47,21 @@ export function updateAbsolutePositions<NodeType extends NodeBase>(
           ...node.position,
           z: (isNumeric(node.zIndex) ? node.zIndex : 0) + (node.selected ? selectedNodeZ : 0),
         },
-        parentNode?.origin || options.nodeOrigin
+        parentNode?.origin ?? options.nodeOrigin
       );
 
       const currPosition = node.internals.positionAbsolute;
       const positionChanged = x !== currPosition.x || y !== currPosition.y;
 
-      node.internals.positionAbsolute = positionChanged ? { x, y } : currPosition;
-      node.internals.z = z;
+      node.internals = {
+        ...node.internals,
+        positionAbsolute: positionChanged ? { x, y } : currPosition,
+        z,
+      };
 
-      if (parentNodeIds !== undefined) {
-        node.internals.isParent = !!parentNodeIds?.has(id);
+      if (parentLookup !== undefined) {
+        node.internals.isParent = !!parentLookup.has(id);
       }
-
-      nodeLookup.set(id, node);
     }
   }
 }
@@ -75,6 +76,7 @@ type UpdateNodesOptions<NodeType extends NodeBase> = {
 export function adoptUserNodes<NodeType extends NodeBase>(
   nodes: NodeType[],
   nodeLookup: Map<string, InternalNodeBase<NodeType>>,
+  parentLookup: Map<string, InternalNodeBase<NodeType>[]>,
   options: UpdateNodesOptions<NodeType> = {
     nodeOrigin: [0, 0] as NodeOrigin,
     elevateNodesOnSelect: true,
@@ -84,20 +86,19 @@ export function adoptUserNodes<NodeType extends NodeBase>(
 ) {
   const tmpLookup = new Map(nodeLookup);
   nodeLookup.clear();
+  parentLookup.clear();
+
   const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
-  const parentNodeIds = new Set<string>();
+  // const parentNodeIds = new Set<string>();
 
   nodes.forEach((userNode) => {
     const currentStoreNode = tmpLookup.get(userNode.id);
 
-    if (userNode.parentId) {
-      parentNodeIds.add(userNode.parentId);
-    }
-
+    let internalNode = currentStoreNode!;
     if (options.checkEquality && userNode === currentStoreNode?.internals.userNode) {
       nodeLookup.set(userNode.id, currentStoreNode);
     } else {
-      nodeLookup.set(userNode.id, {
+      internalNode = {
         ...options.defaults,
         ...userNode,
         measured: {
@@ -111,12 +112,22 @@ export function adoptUserNodes<NodeType extends NodeBase>(
           userNode,
           isParent: false,
         },
-      });
+      };
+      nodeLookup.set(userNode.id, internalNode);
+    }
+
+    if (userNode.parentId) {
+      const childNodes = parentLookup.get(userNode.parentId);
+      if (childNodes) {
+        childNodes.push(internalNode);
+      } else {
+        parentLookup.set(userNode.parentId, [internalNode]);
+      }
     }
   });
 
-  if (parentNodeIds.size > 0) {
-    updateAbsolutePositions(nodeLookup, options, parentNodeIds);
+  if (parentLookup.size > 0) {
+    updateAbsolutePositions(nodeLookup, options, parentLookup);
   }
 }
 

From 87086e99975dfbdd0b4424c640e7075cf94c07dd Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 15 Apr 2024 17:23:14 +0200
Subject: [PATCH 0727/1093] added correct expandParent offset of children

---
 .../NodeResizer/NodeResizeControl.tsx         |  4 ++--
 packages/react/src/store/index.ts             | 13 ++++++++---
 packages/svelte/src/lib/store/index.ts        |  1 +
 packages/system/src/types/nodes.ts            |  1 +
 packages/system/src/utils/store.ts            | 23 ++++++++++++++++---
 5 files changed, 34 insertions(+), 8 deletions(-)

diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index 6ca54676a..b661ebde0 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -67,7 +67,7 @@ function ResizeControl({
           };
         },
         onChange: (change: XYResizerChange, childChanges: XYResizerChildChange[]) => {
-          const { triggerNodeChanges, nodeLookup } = store.getState();
+          const { triggerNodeChanges, nodeLookup, parentLookup } = store.getState();
 
           const changes: NodeChange[] = [];
           const newPosition = { x: change.x, y: change.y };
@@ -86,7 +86,7 @@ function ResizeControl({
 
             const nodeWith = evaluateNodePosition(nodeWithChange, nodeLookup) as InternalNodeWithParentExpand;
 
-            const parentExpandChanges = handleParentExpand([nodeWith], nodeLookup);
+            const parentExpandChanges = handleParentExpand([nodeWith], nodeLookup, parentLookup);
             changes.push(...parentExpandChanges);
             newPosition.x = change.x ? Math.max(0, change.x) : undefined;
             newPosition.y = change.y ? Math.max(0, change.y) : undefined;
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 682915da3..c38a980f6 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -76,6 +76,7 @@ const createRFStore = ({
           onNodesChange,
           fitView,
           nodeLookup,
+          parentLookup,
           fitViewOnInit,
           fitViewDone,
           fitViewOnInitOptions,
@@ -84,7 +85,13 @@ const createRFStore = ({
           debug,
         } = get();
 
-        const { changes, updatedInternals } = updateNodeInternalsSystem(updates, nodeLookup, domNode, nodeOrigin);
+        const { changes, updatedInternals } = updateNodeInternalsSystem(
+          updates,
+          nodeLookup,
+          parentLookup,
+          domNode,
+          nodeOrigin
+        );
 
         if (!updatedInternals) {
           return;
@@ -116,7 +123,7 @@ const createRFStore = ({
         }
       },
       updateNodePositions: (nodeDragItems, dragging = false) => {
-        const { nodeLookup } = get();
+        const { nodeLookup, parentLookup } = get();
         type ExpandParentInternalNode = InternalNode & { parentId: string; expandParent: true };
         const expandParentNodes: ExpandParentInternalNode[] = [];
 
@@ -148,7 +155,7 @@ const createRFStore = ({
         });
 
         if (expandParentNodes.length > 0) {
-          const parentExpandChanges = handleParentExpand(expandParentNodes, nodeLookup);
+          const parentExpandChanges = handleParentExpand(expandParentNodes, nodeLookup, parentLookup);
           changes.push(...parentExpandChanges);
         }
 
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index c808d2afe..07d4ab76d 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -83,6 +83,7 @@ export function createStore({
     const { changes, updatedInternals } = updateNodeInternalsSystem(
       updates,
       nodeLookup,
+      get(store.parentLookup),
       get(store.domNode),
       get(store.nodeOrigin)
     );
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index d802dad87..7e6d7f14c 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -144,3 +144,4 @@ export type NodeHandle = Optional<HandleElement, 'width' | 'height'>;
 export type Align = 'center' | 'start' | 'end';
 
 export type NodeLookup<NodeType extends InternalNodeBase = InternalNodeBase> = Map<string, NodeType>;
+export type ParentLookup<NodeType extends InternalNodeBase = InternalNodeBase> = Map<string, NodeType[]>;
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 55aa368b1..070445037 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -15,6 +15,7 @@ import {
   Rect,
   NodeDimensionChange,
   NodePositionChange,
+  ParentLookup,
 } from '../types';
 import { getDimensions, getHandleBounds } from './dom';
 import { getBoundsOfRects, getNodeDimensions, isNumeric, nodeToRect } from './general';
@@ -160,7 +161,8 @@ type ExpandParentNode<NodeType> = NodeType & { parentId: string; expandParent: t
 
 export function handleParentExpand(
   nodes: ExpandParentNode<InternalNodeBase>[],
-  nodeLookup: NodeLookup
+  nodeLookup: NodeLookup,
+  parentLookup: ParentLookup
 ): (NodeDimensionChange | NodePositionChange)[] {
   const changes: (NodeDimensionChange | NodePositionChange)[] = [];
   const chilNodeRects = new Map<string, Rect>();
@@ -193,6 +195,20 @@ export function handleParentExpand(
             y: position.y - yChange,
           },
         });
+
+        const childNodes = parentLookup.get(id);
+        childNodes?.forEach((childNode) => {
+          if (!nodes.find((n) => n.id === childNode.id)) {
+            changes.push({
+              id: childNode.id,
+              type: 'position',
+              position: {
+                x: childNode.position.x + xChange,
+                y: childNode.position.y + yChange,
+              },
+            });
+          }
+        });
       }
 
       if (dimensions.width < rect.width || dimensions.height < rect.height) {
@@ -214,7 +230,8 @@ export function handleParentExpand(
 
 export function updateNodeInternals<NodeType extends InternalNodeBase>(
   updates: Map<string, InternalNodeUpdate>,
-  nodeLookup: Map<string, NodeType>,
+  nodeLookup: NodeLookup<NodeType>,
+  parentLookup: ParentLookup<NodeType>,
   domNode: HTMLElement | null,
   nodeOrigin?: NodeOrigin
 ): { changes: (NodeDimensionChange | NodePositionChange)[]; updatedInternals: boolean } {
@@ -284,7 +301,7 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
   });
 
   if (parentExpandNodes.length > 0) {
-    const parentExpandChanges = handleParentExpand(parentExpandNodes, nodeLookup);
+    const parentExpandChanges = handleParentExpand(parentExpandNodes, nodeLookup, parentLookup);
     changes.push(...parentExpandChanges);
   }
 

From 81bdaf6b68f56e3c2bed9ca0c7ebfbeabbdd6f78 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 15 Apr 2024 17:31:48 +0200
Subject: [PATCH 0728/1093] prevent falsely adjusting currently dragged item on
 parentExpand

---
 packages/system/src/utils/store.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 070445037..11826898c 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -198,7 +198,7 @@ export function handleParentExpand(
 
         const childNodes = parentLookup.get(id);
         childNodes?.forEach((childNode) => {
-          if (!nodes.find((n) => n.id === childNode.id)) {
+          if (!nodes.some((n) => n.id === childNode.id)) {
             changes.push({
               id: childNode.id,
               type: 'position',

From 53ea72e85b4b6f84b14fcae459fffb2d5d2ed14b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 16 Apr 2024 10:55:22 +0200
Subject: [PATCH 0729/1093] chore(examples): cleanup

---
 .../src/routes/examples/intersections/Flow.svelte      |  4 ++--
 examples/svelte/src/routes/examples/reset/+page.svelte | 10 +---------
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/examples/svelte/src/routes/examples/intersections/Flow.svelte b/examples/svelte/src/routes/examples/intersections/Flow.svelte
index f3f80335e..12c98e003 100644
--- a/examples/svelte/src/routes/examples/intersections/Flow.svelte
+++ b/examples/svelte/src/routes/examples/intersections/Flow.svelte
@@ -12,8 +12,8 @@
 
 	const { getIntersectingNodes } = useSvelteFlow();
 
-	function onNodeDrag({ detail: { node } }) {
-		const intersections = getIntersectingNodes(node).map((n) => n.id);
+	function onNodeDrag({ detail: { targetNode } }) {
+		const intersections = getIntersectingNodes(targetNode).map((n) => n.id);
 
 		$nodes.forEach((n) => {
 			n.class = intersections.includes(n.id) ? 'highlight' : '';
diff --git a/examples/svelte/src/routes/examples/reset/+page.svelte b/examples/svelte/src/routes/examples/reset/+page.svelte
index 78b1b2454..e7857d70f 100644
--- a/examples/svelte/src/routes/examples/reset/+page.svelte
+++ b/examples/svelte/src/routes/examples/reset/+page.svelte
@@ -1,14 +1,6 @@
 <script lang="ts">
 	import { writable } from 'svelte/store';
-	import {
-		SvelteFlow,
-		Controls,
-		Background,
-		MiniMap,
-		type Node,
-		type Edge,
-		type NodeTypes
-	} from '@xyflow/svelte';
+	import { SvelteFlow, Controls, Background, MiniMap, type Node, type Edge } from '@xyflow/svelte';
 
 	import '@xyflow/svelte/dist/style.css';
 

From e2ff509f3dc86f3bef4326ed60a5c2e7e8703adb Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 16 Apr 2024 10:56:53 +0200
Subject: [PATCH 0730/1093] fix(svelte): re-observe nodes when not initialized
 close #4160

---
 packages/svelte/CHANGELOG.md                                  | 4 ++++
 .../svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 109271bef..d87b7e831 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,9 @@
 # @xyflow/svelte
 
+## 0.0.41
+
+- fix: re-observe nodes when not initialized
+
 ## 0.0.40
 
 - add `orientation` ('horizontal' or 'vertical'), `style` and `class` prop for `Controls` component
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index e502cd50e..da45905e5 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -121,7 +121,7 @@
   setContext('svelteflow__node_connectable', connectableStore);
 
   $: {
-    if (resizeObserver && nodeRef !== prevNodeRef) {
+    if (resizeObserver && (nodeRef !== prevNodeRef || !initialized)) {
       prevNodeRef && resizeObserver.unobserve(prevNodeRef);
       nodeRef && resizeObserver.observe(nodeRef);
       prevNodeRef = nodeRef;

From 80aa168c3bc79200fc2e8ef4ec2d2575f80af220 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 16 Apr 2024 10:57:28 +0200
Subject: [PATCH 0731/1093] chore(svelte): bump

---
 packages/svelte/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index ad3c53ad8..0277272bb 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.40",
+  "version": "0.0.41",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",

From 714d30b63fb2aac501b81572567ffe1398ed5c17 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 16 Apr 2024 13:19:44 +0200
Subject: [PATCH 0732/1093] fixed bug with expanding parent, made adjustments
 to evaluateNodePosition

---
 .../NodeResizer/NodeResizeControl.tsx         | 22 +++++++---
 .../src/components/NodeWrapper/index.tsx      | 33 ++++++--------
 packages/react/src/hooks/useReactFlow.ts      | 15 +++++--
 packages/react/src/store/index.ts             |  4 +-
 packages/system/src/utils/general.ts          | 18 ++------
 packages/system/src/utils/store.ts            | 44 ++++++++++---------
 6 files changed, 72 insertions(+), 64 deletions(-)

diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index b661ebde0..3975ef52a 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -9,7 +9,7 @@ import {
   type NodeChange,
   type NodeDimensionChange,
   type NodePositionChange,
-  handleParentExpand,
+  handleExpandParent,
   evaluateNodePosition,
 } from '@xyflow/system';
 
@@ -74,20 +74,32 @@ function ResizeControl({
 
           const node = nodeLookup.get(id);
           if (node && node.expandParent && node.parentId) {
-            const nodeWithChange: Node = {
-              ...node,
+            // We create a new node that will be used to handleExpandParent ...
+            const nodeWithChange = {
+              ...(node as InternalNodeWithParentExpand),
               position: {
                 x: change.x ?? node.position.x,
                 y: change.y ?? node.position.y,
               },
+              measured: {
+                width: change.width,
+                height: change.height,
+              },
               width: change.width,
               height: change.height,
             };
 
-            const nodeWith = evaluateNodePosition(nodeWithChange, nodeLookup) as InternalNodeWithParentExpand;
+            // ...determine its new absolute position...
+            nodeWithChange.internals = {
+              ...nodeWithChange.internals,
+              positionAbsolute: evaluateNodePosition(nodeWithChange, nodeLookup),
+            };
 
-            const parentExpandChanges = handleParentExpand([nodeWith], nodeLookup, parentLookup);
+            // ... and use it to expand the parent
+            const parentExpandChanges = handleExpandParent([nodeWithChange], nodeLookup, parentLookup);
             changes.push(...parentExpandChanges);
+
+            // when the parent was expanded by the child node, its position will be clamped at 0,0
             newPosition.x = change.x ? Math.max(0, change.x) : undefined;
             newPosition.y = change.y ? Math.max(0, change.y) : undefined;
           }
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index c26c91c2e..f4d0fc3a8 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -42,22 +42,12 @@ export function NodeWrapper<NodeType extends Node>({
   nodeOrigin,
   onError,
 }: NodeWrapperProps<NodeType>) {
-  const { node, positionAbsoluteX, positionAbsoluteY, internals } = useStore((s) => {
+  const { node, internals } = useStore((s) => {
     const node = s.nodeLookup.get(id)! as InternalNode<NodeType>;
 
-    const positionAbsolute = nodeExtent
-      ? clampPosition(node.internals.positionAbsolute, nodeExtent)
-      : node.internals.positionAbsolute || { x: 0, y: 0 };
-
     return {
       node,
-      // we are mutating positionAbsolute, z and isParent attributes for sub flows
-      // so we we need to force a re-render when some change
-      positionAbsoluteX: positionAbsolute.x,
-      positionAbsoluteY: positionAbsolute.y,
       internals: node.internals,
-      // zIndex: node.internals.z,
-      // isParent: node.internals.isParent,
     };
   }, shallow);
 
@@ -141,10 +131,15 @@ export function NodeWrapper<NodeType extends Node>({
     return null;
   }
 
-  const positionAbsoluteOrigin = getPositionWithOrigin({
-    x: positionAbsoluteX,
-    y: positionAbsoluteY,
-    ...nodeDimensions,
+  const positionAbsolute = nodeExtent
+    ? clampPosition(node.internals.positionAbsolute, nodeExtent)
+    : node.internals.positionAbsolute || { x: 0, y: 0 };
+
+  const positionWithOrigin = getPositionWithOrigin({
+    x: positionAbsolute.x,
+    y: positionAbsolute.y,
+    width: nodeDimensions.width,
+    height: nodeDimensions.height,
     origin: node.origin || nodeOrigin,
   });
   const hasPointerEvents = isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave;
@@ -191,7 +186,7 @@ export function NodeWrapper<NodeType extends Node>({
       store.setState({
         ariaLiveMessage: `Moved selected node ${event.key
           .replace('Arrow', '')
-          .toLowerCase()}. New position, x: ${~~positionAbsoluteX}, y: ${~~positionAbsoluteY}`,
+          .toLowerCase()}. New position, x: ${~~positionAbsolute.x}, y: ${~~positionAbsolute.y}`,
       });
 
       moveSelectedNodes({
@@ -222,7 +217,7 @@ export function NodeWrapper<NodeType extends Node>({
       ref={nodeRef}
       style={{
         zIndex: internals.z,
-        transform: `translate(${positionAbsoluteOrigin.x}px,${positionAbsoluteOrigin.y}px)`,
+        transform: `translate(${positionWithOrigin.x}px,${positionWithOrigin.y}px)`,
         pointerEvents: hasPointerEvents ? 'all' : 'none',
         visibility: initialized ? 'visible' : 'hidden',
         ...node.style,
@@ -247,8 +242,8 @@ export function NodeWrapper<NodeType extends Node>({
           id={id}
           data={node.data}
           type={nodeType}
-          positionAbsoluteX={positionAbsoluteX}
-          positionAbsoluteY={positionAbsoluteY}
+          positionAbsoluteX={positionAbsolute.x}
+          positionAbsoluteY={positionAbsolute.y}
           selected={node.selected}
           isConnectable={isConnectable}
           sourcePosition={node.sourcePosition}
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 31035bd1e..524ac67ac 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -3,6 +3,7 @@ import {
   evaluateNodePosition,
   getElementsToRemove,
   getOverlappingArea,
+  isInternalNodeBase,
   isRectObject,
   nodeToRect,
   type Rect,
@@ -232,10 +233,18 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
 
   const getNodeRect = useCallback((node: NodeType | { id: string }): Rect | null => {
     const { nodeLookup, nodeOrigin } = store.getState();
-    const nodeToUse = isNode(node) ? node : nodeLookup.get(node.id)!;
-    const nodeWithPos = evaluateNodePosition(nodeToUse, nodeLookup, nodeOrigin);
+    const nodeToUse = isNode<NodeType>(node) ? node : nodeLookup.get(node.id)!;
+    const positionAbsolute = evaluateNodePosition(nodeToUse, nodeLookup, nodeOrigin);
+
+    const nodeWithPosition = {
+      id: nodeToUse.id,
+      position: positionAbsolute,
+      width: nodeToUse.measured?.width ?? nodeToUse.width,
+      height: nodeToUse.measured?.height ?? nodeToUse.height,
+      data: nodeToUse.data,
+    };
 
-    return nodeWithPos ? nodeToRect(nodeWithPos) : null;
+    return nodeToRect(nodeWithPosition);
   }, []);
 
   const getIntersectingNodes = useCallback<Instance.GetIntersectingNodes<NodeType>>(
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index c38a980f6..f2f273e13 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -7,7 +7,7 @@ import {
   panBy as panBySystem,
   updateNodeInternals as updateNodeInternalsSystem,
   updateConnectionLookup,
-  handleParentExpand,
+  handleExpandParent,
   NodeChange,
   EdgeSelectionChange,
   NodeSelectionChange,
@@ -155,7 +155,7 @@ const createRFStore = ({
         });
 
         if (expandParentNodes.length > 0) {
-          const parentExpandChanges = handleParentExpand(expandParentNodes, nodeLookup, parentLookup);
+          const parentExpandChanges = handleExpandParent(expandParentNodes, nodeLookup, parentLookup);
           changes.push(...parentExpandChanges);
         }
 
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index e76d24a4e..dff790966 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -234,14 +234,8 @@ export function evaluateNodePosition(
   node: NodeBase | InternalNodeBase,
   nodeLookup: NodeLookup,
   nodeOrigin: NodeOrigin = [0, 0]
-): InternalNodeBase | null {
-  const internalNode = nodeLookup.get(node.id);
-
-  if (!internalNode) {
-    return null;
-  }
-
-  let parentId = internalNode.parentId;
+): XYPosition {
+  let parentId = node.parentId;
   const positionAbsolute = { ...node.position };
 
   while (parentId) {
@@ -257,11 +251,5 @@ export function evaluateNodePosition(
     }
   }
 
-  return {
-    ...internalNode,
-    internals: {
-      ...internalNode.internals,
-      positionAbsolute,
-    },
-  };
+  return positionAbsolute;
 }
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 11826898c..5afa4787b 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -159,36 +159,38 @@ function calculateXYZPosition<NodeType extends NodeBase>(
 
 type ExpandParentNode<NodeType> = NodeType & { parentId: string; expandParent: true };
 
-export function handleParentExpand(
+export function handleExpandParent(
   nodes: ExpandParentNode<InternalNodeBase>[],
   nodeLookup: NodeLookup,
   parentLookup: ParentLookup
 ): (NodeDimensionChange | NodePositionChange)[] {
   const changes: (NodeDimensionChange | NodePositionChange)[] = [];
-  const chilNodeRects = new Map<string, Rect>();
+  const childNodeRects = new Map<string, { expandedRect: Rect; parent: InternalNodeBase }>();
 
+  // determine the expanded rectangle the child nodes would take for each parent
   for (const node of nodes) {
-    const parentNode = nodeLookup.get(node.parentId);
-    if (!parentNode) {
+    const parent = nodeLookup.get(node.parentId);
+    if (!parent) {
       continue;
     }
 
-    const parentRect = chilNodeRects.get(node.parentId) ?? nodeToRect(parentNode, node.origin);
+    const parentRect = childNodeRects.get(node.parentId)?.expandedRect ?? nodeToRect(parent, node.origin);
     const expandedRect = getBoundsOfRects(parentRect, nodeToRect(node, node.origin));
-    chilNodeRects.set(node.parentId, expandedRect);
+    childNodeRects.set(node.parentId, { expandedRect, parent });
   }
 
-  if (chilNodeRects.size > 0) {
-    chilNodeRects.forEach((rect, id) => {
-      const origParent = nodeLookup.get(id)!;
-      const { position } = getNodePositionWithOrigin(origParent, origParent.origin);
-      const dimensions = getNodeDimensions(origParent);
+  if (childNodeRects.size > 0) {
+    childNodeRects.forEach(({ expandedRect, parent }, parentId) => {
+      // determine the position & dimensions of the parent
+      const { position } = getNodePositionWithOrigin(parent, parent.origin);
+      const dimensions = getNodeDimensions(parent);
 
-      let xChange = rect.x < position.x ? Math.round(Math.abs(position.x - rect.x)) : 0;
-      let yChange = rect.y < position.y ? Math.round(Math.abs(position.y - rect.y)) : 0;
+      // determine how much the parent expands by moving the position
+      let xChange = expandedRect.x < position.x ? Math.round(Math.abs(position.x - expandedRect.x)) : 0;
+      let yChange = expandedRect.y < position.y ? Math.round(Math.abs(position.y - expandedRect.y)) : 0;
       if (xChange > 0 || yChange > 0) {
         changes.push({
-          id,
+          id: parentId,
           type: 'position',
           position: {
             x: position.x - xChange,
@@ -196,7 +198,9 @@ export function handleParentExpand(
           },
         });
 
-        const childNodes = parentLookup.get(id);
+        // We move all child nodes in the oppsite direction
+        // so the x,y changes of the parent do not move the children
+        const childNodes = parentLookup.get(parentId);
         childNodes?.forEach((childNode) => {
           if (!nodes.some((n) => n.id === childNode.id)) {
             changes.push({
@@ -211,14 +215,14 @@ export function handleParentExpand(
         });
       }
 
-      if (dimensions.width < rect.width || dimensions.height < rect.height) {
+      if (dimensions.width < expandedRect.width || dimensions.height < expandedRect.height) {
         changes.push({
-          id,
+          id: parentId,
           type: 'dimensions',
           resizing: true,
           dimensions: {
-            width: Math.max(dimensions.width, Math.round(rect.width)),
-            height: Math.max(dimensions.height, Math.round(rect.height)),
+            width: Math.max(dimensions.width, Math.round(expandedRect.width)),
+            height: Math.max(dimensions.height, Math.round(expandedRect.height)),
           },
         });
       }
@@ -301,7 +305,7 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
   });
 
   if (parentExpandNodes.length > 0) {
-    const parentExpandChanges = handleParentExpand(parentExpandNodes, nodeLookup, parentLookup);
+    const parentExpandChanges = handleExpandParent(parentExpandNodes, nodeLookup, parentLookup);
     changes.push(...parentExpandChanges);
   }
 

From aad6de5359f01826453cbe5a6d95d8358aece120 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 16 Apr 2024 16:54:38 +0200
Subject: [PATCH 0733/1093] simplified handleExpandParent, removed isParent,
 improved some functions

---
 .../NodeResizer/NodeResizeControl.tsx         | 41 ++++-----
 .../src/components/NodeWrapper/index.tsx      |  6 +-
 packages/react/src/hooks/useReactFlow.ts      | 10 ++-
 packages/react/src/store/index.ts             | 23 ++---
 .../NodeRenderer/NodeRenderer.svelte          |  5 +-
 packages/system/src/types/nodes.ts            |  2 -
 packages/system/src/utils/general.ts          | 18 ++--
 packages/system/src/utils/store.ts            | 87 ++++++++++---------
 packages/system/src/utils/types.ts            |  4 +
 9 files changed, 103 insertions(+), 93 deletions(-)

diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index 3975ef52a..5b4054984 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -10,7 +10,8 @@ import {
   type NodeDimensionChange,
   type NodePositionChange,
   handleExpandParent,
-  evaluateNodePosition,
+  evaluateAbsolutePosition,
+  ParentExpandChild,
 } from '@xyflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
@@ -67,36 +68,32 @@ function ResizeControl({
           };
         },
         onChange: (change: XYResizerChange, childChanges: XYResizerChildChange[]) => {
-          const { triggerNodeChanges, nodeLookup, parentLookup } = store.getState();
+          const { triggerNodeChanges, nodeLookup, parentLookup, nodeOrigin } = store.getState();
 
           const changes: NodeChange[] = [];
           const newPosition = { x: change.x, y: change.y };
 
           const node = nodeLookup.get(id);
           if (node && node.expandParent && node.parentId) {
-            // We create a new node that will be used to handleExpandParent ...
-            const nodeWithChange = {
-              ...(node as InternalNodeWithParentExpand),
-              position: {
-                x: change.x ?? node.position.x,
-                y: change.y ?? node.position.y,
+            const child: ParentExpandChild = {
+              id: node.id,
+              parentId: node.parentId,
+              rect: {
+                width: change.width ?? node.measured.width!,
+                height: change.height ?? node.measured.height!,
+                ...evaluateAbsolutePosition(
+                  {
+                    x: change.x ?? node.position.x,
+                    y: change.y ?? node.position.y,
+                  },
+                  node.parentId,
+                  nodeLookup,
+                  node.origin ?? nodeOrigin
+                ),
               },
-              measured: {
-                width: change.width,
-                height: change.height,
-              },
-              width: change.width,
-              height: change.height,
-            };
-
-            // ...determine its new absolute position...
-            nodeWithChange.internals = {
-              ...nodeWithChange.internals,
-              positionAbsolute: evaluateNodePosition(nodeWithChange, nodeLookup),
             };
 
-            // ... and use it to expand the parent
-            const parentExpandChanges = handleExpandParent([nodeWithChange], nodeLookup, parentLookup);
+            const parentExpandChanges = handleExpandParent([child], nodeLookup, parentLookup, nodeOrigin);
             changes.push(...parentExpandChanges);
 
             // when the parent was expanded by the child node, its position will be clamped at 0,0
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index f4d0fc3a8..acc0d7fec 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -42,12 +42,14 @@ export function NodeWrapper<NodeType extends Node>({
   nodeOrigin,
   onError,
 }: NodeWrapperProps<NodeType>) {
-  const { node, internals } = useStore((s) => {
+  const { node, internals, isParent } = useStore((s) => {
     const node = s.nodeLookup.get(id)! as InternalNode<NodeType>;
+    const isParent = s.parentLookup.has(id);
 
     return {
       node,
       internals: node.internals,
+      isParent,
     };
   }, shallow);
 
@@ -209,7 +211,7 @@ export function NodeWrapper<NodeType extends Node>({
         {
           selected: node.selected,
           selectable: isSelectable,
-          parent: internals.isParent,
+          parent: isParent,
           draggable: isDraggable,
           dragging,
         },
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 524ac67ac..5f3d2acb4 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -1,9 +1,8 @@
 import { useCallback, useMemo, useRef, useState } from 'react';
 import {
-  evaluateNodePosition,
+  evaluateAbsolutePosition,
   getElementsToRemove,
   getOverlappingArea,
-  isInternalNodeBase,
   isRectObject,
   nodeToRect,
   type Rect,
@@ -233,12 +232,15 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
 
   const getNodeRect = useCallback((node: NodeType | { id: string }): Rect | null => {
     const { nodeLookup, nodeOrigin } = store.getState();
+
     const nodeToUse = isNode<NodeType>(node) ? node : nodeLookup.get(node.id)!;
-    const positionAbsolute = evaluateNodePosition(nodeToUse, nodeLookup, nodeOrigin);
+    const position = nodeToUse.parentId
+      ? evaluateAbsolutePosition(nodeToUse.position, nodeToUse.parentId, nodeLookup, nodeOrigin)
+      : nodeToUse.position;
 
     const nodeWithPosition = {
       id: nodeToUse.id,
-      position: positionAbsolute,
+      position,
       width: nodeToUse.measured?.width ?? nodeToUse.width,
       height: nodeToUse.measured?.height ?? nodeToUse.height,
       data: nodeToUse.data,
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index f2f273e13..8b9990134 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -11,6 +11,7 @@ import {
   NodeChange,
   EdgeSelectionChange,
   NodeSelectionChange,
+  ParentExpandChild,
 } from '@xyflow/system';
 
 import { applyEdgeChanges, applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
@@ -124,8 +125,7 @@ const createRFStore = ({
       },
       updateNodePositions: (nodeDragItems, dragging = false) => {
         const { nodeLookup, parentLookup } = get();
-        type ExpandParentInternalNode = InternalNode & { parentId: string; expandParent: true };
-        const expandParentNodes: ExpandParentInternalNode[] = [];
+        const parentExpandChildren: ParentExpandChild[] = [];
 
         const changes: NodeChange[] = nodeDragItems.map((node) => {
           // @todo add expandParent to drag item so that we can get rid of the look up here
@@ -138,14 +138,15 @@ const createRFStore = ({
           };
 
           if (internalNode?.expandParent && internalNode?.parentId && change.position) {
-            expandParentNodes.push({
-              ...internalNode,
-              position: { ...node.position },
-              internals: {
-                ...internalNode.internals,
-                positionAbsolute: node.internals.positionAbsolute,
+            parentExpandChildren.push({
+              id: internalNode.id,
+              parentId: internalNode.parentId,
+              rect: {
+                ...node.internals.positionAbsolute,
+                width: internalNode.measured.width!,
+                height: internalNode.measured.height!,
               },
-            } as ExpandParentInternalNode);
+            });
 
             change.position.x = Math.max(0, change.position.x);
             change.position.y = Math.max(0, change.position.y);
@@ -154,8 +155,8 @@ const createRFStore = ({
           return change;
         });
 
-        if (expandParentNodes.length > 0) {
-          const parentExpandChanges = handleExpandParent(expandParentNodes, nodeLookup, parentLookup);
+        if (parentExpandChildren.length > 0) {
+          const parentExpandChanges = handleExpandParent(parentExpandChildren, nodeLookup, parentLookup);
           changes.push(...parentExpandChanges);
         }
 
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index c0b8165e8..dc08aee03 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -10,7 +10,8 @@
     nodesDraggable,
     nodesConnectable,
     elementsSelectable,
-    updateNodeInternals
+    updateNodeInternals,
+    parentLookup
   } = useStore();
 
   const resizeObserver: ResizeObserver | null =
@@ -65,7 +66,7 @@
       positionY={node.internals.positionAbsolute.y}
       positionOriginX={posOrigin.x ?? 0}
       positionOriginY={posOrigin.y ?? 0}
-      isParent={!!node.internals.isParent}
+      isParent={$parentLookup.has(node.id)}
       style={node.style}
       class={node.class}
       type={node.type ?? 'default'}
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 7e6d7f14c..34823b5ff 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -73,8 +73,6 @@ export type InternalNodeBase<NodeType extends NodeBase = NodeBase> = NodeType &
   internals: {
     positionAbsolute: XYPosition;
     z: number;
-    // @todo should we rename this to "handles" and use same type as node.handles?
-    isParent: boolean;
     /** Holds a reference to the original node object provided by the user.
      * Used as an optimization to avoid certain operations. */
     userNode: NodeType;
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index dff790966..f2b662daf 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -222,25 +222,27 @@ export function nodeHasDimensions<NodeType extends NodeBase = NodeBase>(node: No
 }
 
 /**
- * Helper to calculate the absolute position of a node
+ * Convert child position to aboslute position
  *
  * @internal
- * @param node
+ * @param position
+ * @param parentId
  * @param nodeLookup
  * @param nodeOrigin
  * @returns an internal node with an absolute position
  */
-export function evaluateNodePosition(
-  node: NodeBase | InternalNodeBase,
+export function evaluateAbsolutePosition(
+  position: XYPosition,
+  parentId: string,
   nodeLookup: NodeLookup,
   nodeOrigin: NodeOrigin = [0, 0]
 ): XYPosition {
-  let parentId = node.parentId;
-  const positionAbsolute = { ...node.position };
+  let nextParentId: string | undefined = parentId;
+  const positionAbsolute = { ...position };
 
-  while (parentId) {
+  while (nextParentId) {
     const parent = nodeLookup.get(parentId);
-    parentId = parent?.parentId;
+    nextParentId = parent?.parentId;
 
     if (parent) {
       const origin = parent.origin || nodeOrigin;
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 5afa4787b..fa140e800 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -20,6 +20,7 @@ import {
 import { getDimensions, getHandleBounds } from './dom';
 import { getBoundsOfRects, getNodeDimensions, isNumeric, nodeToRect } from './general';
 import { getNodePositionWithOrigin } from './graph';
+import { ParentExpandChild } from './types';
 
 export function updateAbsolutePositions<NodeType extends NodeBase>(
   nodeLookup: Map<string, InternalNodeBase<NodeType>>,
@@ -27,42 +28,41 @@ export function updateAbsolutePositions<NodeType extends NodeBase>(
     nodeOrigin: [0, 0] as NodeOrigin,
     elevateNodesOnSelect: true,
     defaults: {},
-  },
-  parentLookup?: Map<string, InternalNodeBase<NodeType>[]>
+  }
 ) {
   const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
 
-  for (const [id, node] of nodeLookup) {
+  for (const [, node] of nodeLookup) {
     const parentId = node.parentId;
 
-    if (parentId && !nodeLookup.has(parentId)) {
-      throw new Error(`Parent node ${parentId} not found`);
+    if (!parentId) {
+      continue;
     }
 
-    if (parentId || node.internals.isParent || parentLookup?.has(id)) {
-      const parentNode = parentId ? nodeLookup.get(parentId) : null;
-      const { x, y, z } = calculateXYZPosition(
-        node,
-        nodeLookup,
-        {
-          ...node.position,
-          z: (isNumeric(node.zIndex) ? node.zIndex : 0) + (node.selected ? selectedNodeZ : 0),
-        },
-        parentNode?.origin ?? options.nodeOrigin
-      );
-
-      const currPosition = node.internals.positionAbsolute;
-      const positionChanged = x !== currPosition.x || y !== currPosition.y;
+    if (!nodeLookup.has(parentId)) {
+      throw new Error(`Parent node ${parentId} not found`);
+    }
 
+    const parentNode = nodeLookup.get(parentId);
+    const { x, y, z } = calculateXYZPosition(
+      node,
+      nodeLookup,
+      {
+        ...node.position,
+        z: (isNumeric(node.zIndex) ? node.zIndex : 0) + (node.selected ? selectedNodeZ : 0),
+      },
+      parentNode?.origin ?? options.nodeOrigin
+    );
+
+    const currPosition = node.internals.positionAbsolute;
+    const positionChanged = x !== currPosition.x || y !== currPosition.y;
+
+    if (positionChanged || z !== node.internals.z) {
       node.internals = {
         ...node.internals,
         positionAbsolute: positionChanged ? { x, y } : currPosition,
         z,
       };
-
-      if (parentLookup !== undefined) {
-        node.internals.isParent = !!parentLookup.has(id);
-      }
     }
   }
 }
@@ -111,7 +111,6 @@ export function adoptUserNodes<NodeType extends NodeBase>(
           handleBounds: currentStoreNode?.internals.handleBounds,
           z: (isNumeric(userNode.zIndex) ? userNode.zIndex : 0) + (userNode.selected ? selectedNodeZ : 0),
           userNode,
-          isParent: false,
         },
       };
       nodeLookup.set(userNode.id, internalNode);
@@ -128,7 +127,7 @@ export function adoptUserNodes<NodeType extends NodeBase>(
   });
 
   if (parentLookup.size > 0) {
-    updateAbsolutePositions(nodeLookup, options, parentLookup);
+    updateAbsolutePositions(nodeLookup, options);
   }
 }
 
@@ -157,30 +156,30 @@ function calculateXYZPosition<NodeType extends NodeBase>(
   );
 }
 
-type ExpandParentNode<NodeType> = NodeType & { parentId: string; expandParent: true };
-
 export function handleExpandParent(
-  nodes: ExpandParentNode<InternalNodeBase>[],
+  children: ParentExpandChild[],
   nodeLookup: NodeLookup,
-  parentLookup: ParentLookup
+  parentLookup: ParentLookup,
+  nodeOrigin?: NodeOrigin
 ): (NodeDimensionChange | NodePositionChange)[] {
   const changes: (NodeDimensionChange | NodePositionChange)[] = [];
-  const childNodeRects = new Map<string, { expandedRect: Rect; parent: InternalNodeBase }>();
+  const parentExpansions = new Map<string, { expandedRect: Rect; parent: InternalNodeBase }>();
 
   // determine the expanded rectangle the child nodes would take for each parent
-  for (const node of nodes) {
-    const parent = nodeLookup.get(node.parentId);
+  for (const child of children) {
+    const parent = nodeLookup.get(child.parentId);
     if (!parent) {
       continue;
     }
 
-    const parentRect = childNodeRects.get(node.parentId)?.expandedRect ?? nodeToRect(parent, node.origin);
-    const expandedRect = getBoundsOfRects(parentRect, nodeToRect(node, node.origin));
-    childNodeRects.set(node.parentId, { expandedRect, parent });
+    const parentRect =
+      parentExpansions.get(child.parentId)?.expandedRect ?? nodeToRect(parent, parent.origin ?? nodeOrigin);
+    const expandedRect = getBoundsOfRects(parentRect, child.rect);
+    parentExpansions.set(child.parentId, { expandedRect, parent });
   }
 
-  if (childNodeRects.size > 0) {
-    childNodeRects.forEach(({ expandedRect, parent }, parentId) => {
+  if (parentExpansions.size > 0) {
+    parentExpansions.forEach(({ expandedRect, parent }, parentId) => {
       // determine the position & dimensions of the parent
       const { position } = getNodePositionWithOrigin(parent, parent.origin);
       const dimensions = getNodeDimensions(parent);
@@ -202,7 +201,7 @@ export function handleExpandParent(
         // so the x,y changes of the parent do not move the children
         const childNodes = parentLookup.get(parentId);
         childNodes?.forEach((childNode) => {
-          if (!nodes.some((n) => n.id === childNode.id)) {
+          if (!children.some((child) => child.id === childNode.id)) {
             changes.push({
               id: childNode.id,
               type: 'position',
@@ -250,7 +249,7 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
   const style = window.getComputedStyle(viewportNode);
   const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform);
   // in this array we collect nodes, that might trigger changes (like expanding parent)
-  const parentExpandNodes: ExpandParentNode<NodeType>[] = [];
+  const parentExpandChildren: ParentExpandChild[] = [];
 
   updates.forEach((update) => {
     const node = nodeLookup.get(update.id);
@@ -297,15 +296,19 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
           });
 
           if (newNode.expandParent && newNode.parentId) {
-            parentExpandNodes.push(newNode as ExpandParentNode<NodeType>);
+            parentExpandChildren.push({
+              id: newNode.id,
+              parentId: newNode.parentId,
+              rect: nodeToRect(newNode, newNode.origin || nodeOrigin),
+            });
           }
         }
       }
     }
   });
 
-  if (parentExpandNodes.length > 0) {
-    const parentExpandChanges = handleExpandParent(parentExpandNodes, nodeLookup, parentLookup);
+  if (parentExpandChildren.length > 0) {
+    const parentExpandChanges = handleExpandParent(parentExpandChildren, nodeLookup, parentLookup, nodeOrigin);
     changes.push(...parentExpandChanges);
   }
 
diff --git a/packages/system/src/utils/types.ts b/packages/system/src/utils/types.ts
index 4a4634c2f..92a1f9034 100644
--- a/packages/system/src/utils/types.ts
+++ b/packages/system/src/utils/types.ts
@@ -1 +1,5 @@
+import { Rect } from '../types';
+
 export type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
+
+export type ParentExpandChild = { id: string; parentId: string; rect: Rect };

From 27987006f387041f6c9db50f0e890798118220bf Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 16 Apr 2024 16:58:56 +0200
Subject: [PATCH 0734/1093] renamed newPosition to nextPosition, removed
 comment

---
 .../NodeResizer/NodeResizeControl.tsx              | 14 ++++++--------
 packages/system/src/utils/store.ts                 |  1 -
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index 5b4054984..8e6ca2f1c 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -12,14 +12,12 @@ import {
   handleExpandParent,
   evaluateAbsolutePosition,
   ParentExpandChild,
+  XYPosition,
 } from '@xyflow/system';
 
 import { useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';
 import type { ResizeControlProps, ResizeControlLineProps } from './types';
-import { InternalNode, Node } from '../../types';
-
-type InternalNodeWithParentExpand = InternalNode & { expandParent: true; parentId: string };
 
 function ResizeControl({
   nodeId,
@@ -71,7 +69,7 @@ function ResizeControl({
           const { triggerNodeChanges, nodeLookup, parentLookup, nodeOrigin } = store.getState();
 
           const changes: NodeChange[] = [];
-          const newPosition = { x: change.x, y: change.y };
+          const nextPosition = { x: change.x, y: change.y };
 
           const node = nodeLookup.get(id);
           if (node && node.expandParent && node.parentId) {
@@ -97,15 +95,15 @@ function ResizeControl({
             changes.push(...parentExpandChanges);
 
             // when the parent was expanded by the child node, its position will be clamped at 0,0
-            newPosition.x = change.x ? Math.max(0, change.x) : undefined;
-            newPosition.y = change.y ? Math.max(0, change.y) : undefined;
+            nextPosition.x = change.x ? Math.max(0, change.x) : undefined;
+            nextPosition.y = change.y ? Math.max(0, change.y) : undefined;
           }
 
-          if (change.x !== undefined && change.y !== undefined) {
+          if (nextPosition.x !== undefined && nextPosition.y !== undefined) {
             const positionChange: NodePositionChange = {
               id,
               type: 'position',
-              position: { ...newPosition } as { x: number; y: number },
+              position: { ...(nextPosition as XYPosition) },
             };
             changes.push(positionChange);
           }
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index fa140e800..67a7c365f 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -90,7 +90,6 @@ export function adoptUserNodes<NodeType extends NodeBase>(
   parentLookup.clear();
 
   const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
-  // const parentNodeIds = new Set<string>();
 
   nodes.forEach((userNode) => {
     const currentStoreNode = tmpLookup.get(userNode.id);

From 2102c17108e0de5831ad360c9b9ed40edc4f8606 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 16 Apr 2024 17:09:51 +0200
Subject: [PATCH 0735/1093] refactor(xydrag): use map for drag items

---
 packages/react/CHANGELOG.md          |  1 +
 packages/system/src/types/nodes.ts   |  4 +-
 packages/system/src/utils/general.ts | 10 +++-
 packages/system/src/utils/graph.ts   | 23 ++++++--
 packages/system/src/xydrag/XYDrag.ts | 54 +++++++++---------
 packages/system/src/xydrag/utils.ts  | 85 ++++++++++++++++------------
 6 files changed, 104 insertions(+), 73 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index bf1196219..244efb648 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -5,6 +5,7 @@
 ## Patch changes
 
 - use correct positions for intersection helpers
+- fix minimap interaction for touch devices
 
 ## 12.0.0-next.14
 
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index d802dad87..6f853e9f7 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -122,8 +122,8 @@ export type NodeDragItem = {
   // distance from the mouse cursor to the node when start dragging
   distance: XYPosition;
   measured: {
-    width: number | null;
-    height: number | null;
+    width?: number;
+    height?: number;
   };
   internals: {
     positionAbsolute: XYPosition;
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index e76d24a4e..55c116466 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -205,9 +205,13 @@ export function isCoordinateExtent(extent?: CoordinateExtent | 'parent'): extent
   return extent !== undefined && extent !== 'parent';
 }
 
-export function getNodeDimensions<NodeType extends NodeBase = NodeBase>(
-  node: NodeType
-): { width: number; height: number } {
+export function getNodeDimensions(node: {
+  measured?: { width?: number; height?: number };
+  width?: number;
+  height?: number;
+  initialWidth?: number;
+  initialHeight?: number;
+}): { width: number; height: number } {
   return {
     width: node.measured?.width ?? node.width ?? node.initialWidth ?? 0,
     height: node.measured?.height ?? node.height ?? node.initialHeight ?? 0,
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 3bf70267b..e8bb53578 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -10,6 +10,7 @@ import {
   getViewportForBounds,
   isCoordinateExtent,
   getNodeDimensions,
+  getPositionWithOrigin,
 } from './general';
 import {
   type Transform,
@@ -25,6 +26,7 @@ import {
   OnBeforeDeleteBase,
   NodeLookup,
   InternalNodeBase,
+  NodeDragItem,
 } from '../types';
 import { errorMessages } from '../constants';
 
@@ -186,7 +188,7 @@ export const getNodesBounds = (
 export type GetInternalNodesBoundsParams = {
   nodeOrigin?: NodeOrigin;
   useRelativePosition?: boolean;
-  filter?: (node: NodeBase) => boolean;
+  filter?: (node: NodeBase | NodeDragItem) => boolean;
 };
 
 /**
@@ -194,10 +196,9 @@ export type GetInternalNodesBoundsParams = {
  * @internal
  */
 export const getInternalNodesBounds = (
-  nodeLookup: NodeLookup,
+  nodeLookup: NodeLookup | Map<string, NodeDragItem>,
   params: GetInternalNodesBoundsParams = {
     nodeOrigin: [0, 0],
-    useRelativePosition: false,
   }
 ): Rect => {
   if (nodeLookup.size === 0) {
@@ -208,12 +209,22 @@ export const getInternalNodesBounds = (
 
   nodeLookup.forEach((node) => {
     if (params.filter == undefined || params.filter(node)) {
-      const nodePos = getNodePositionWithOrigin(node, node.origin || params.nodeOrigin);
+      const { width, height } = getNodeDimensions(node);
+      const { x, y } = getPositionWithOrigin({
+        x: node.internals.positionAbsolute.x,
+        y: node.internals.positionAbsolute.x,
+        width,
+        height,
+        origin: node.origin || params.nodeOrigin,
+      });
+
       box = getBoundsOfBoxes(
         box,
         rectToBox({
-          ...nodePos[params.useRelativePosition ? 'position' : 'positionAbsolute'],
-          ...getNodeDimensions(node),
+          x,
+          y,
+          width,
+          height,
         })
       );
     }
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 573b87af7..3f26ba06f 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -7,7 +7,7 @@ import {
   getPointerPosition,
   calculateNodePosition,
   snapPosition,
-  getNodesBounds,
+  getInternalNodesBounds,
   rectToBox,
 } from '../utils';
 import { getDragItems, getEventHandlerParams, hasSelector, wrapSelectionDragFunc } from './utils';
@@ -29,7 +29,12 @@ import type {
   InternalNodeBase,
 } from '../types';
 
-export type OnDrag = (event: MouseEvent, dragItems: NodeDragItem[], node: NodeBase, nodes: NodeBase[]) => void;
+export type OnDrag = (
+  event: MouseEvent,
+  dragItems: Map<string, NodeDragItem>,
+  node: NodeBase,
+  nodes: NodeBase[]
+) => void;
 
 type StoreItems<OnNodeDrag> = {
   nodes: NodeBase[];
@@ -89,7 +94,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
 }: XYDragParams<OnNodeDrag>): XYDragInstance {
   let lastPos: { x: number | null; y: number | null } = { x: null, y: null };
   let autoPanId = 0;
-  let dragItems: NodeDragItem[] = [];
+  let dragItems = new Map<string, NodeDragItem>();
   let autoPanStarted = false;
   let mousePosition: XYPosition = { x: 0, y: 0 };
   let containerBounds: DOMRect | null = null;
@@ -117,13 +122,13 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
       let hasChange = false;
       let nodesBox: Box = { x: 0, y: 0, x2: 0, y2: 0 };
 
-      if (dragItems.length > 1 && nodeExtent) {
-        const rect = getNodesBounds(dragItems as unknown as NodeBase[], { nodeOrigin });
+      if (dragItems.size > 1 && nodeExtent) {
+        const rect = getInternalNodesBounds(dragItems, { nodeOrigin });
         nodesBox = rectToBox(rect);
       }
 
-      dragItems = dragItems.map((n) => {
-        let nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
+      for (const [id, dragItem] of dragItems) {
+        let nextPosition = { x: x - dragItem.distance.x, y: y - dragItem.distance.y };
 
         if (snapToGrid) {
           nextPosition = snapPosition(nextPosition, snapGrid);
@@ -136,13 +141,13 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
           [nodeExtent[1][0], nodeExtent[1][1]],
         ];
 
-        if (dragItems.length > 1 && nodeExtent && !n.extent) {
-          const { positionAbsolute } = n.internals;
+        if (dragItems.size > 1 && nodeExtent && !dragItem.extent) {
+          const { positionAbsolute } = dragItem.internals;
           const x1 = positionAbsolute.x - nodesBox.x + nodeExtent[0][0];
-          const x2 = positionAbsolute.x + (n.measured?.width ?? 0) - nodesBox.x2 + nodeExtent[1][0];
+          const x2 = positionAbsolute.x + (dragItem.measured?.width ?? 0) - nodesBox.x2 + nodeExtent[1][0];
 
           const y1 = positionAbsolute.y - nodesBox.y + nodeExtent[0][1];
-          const y2 = positionAbsolute.y + (n.measured?.height ?? 0) - nodesBox.y2 + nodeExtent[1][1];
+          const y2 = positionAbsolute.y + (dragItem.measured?.height ?? 0) - nodesBox.y2 + nodeExtent[1][1];
 
           adjustedNodeExtent = [
             [x1, y1],
@@ -151,7 +156,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         }
 
         const { position, positionAbsolute } = calculateNodePosition({
-          nodeId: n.id,
+          nodeId: id,
           nextPosition,
           nodeLookup,
           nodeExtent: adjustedNodeExtent,
@@ -160,13 +165,11 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         });
 
         // we want to make sure that we only fire a change event when there is a change
-        hasChange = hasChange || n.position.x !== position.x || n.position.y !== position.y;
+        hasChange = hasChange || dragItem.position.x !== position.x || dragItem.position.y !== position.y;
 
-        n.position = position;
-        n.internals.positionAbsolute = positionAbsolute;
-
-        return n;
-      });
+        dragItem.position = position;
+        dragItem.internals.positionAbsolute = positionAbsolute;
+      }
 
       if (!hasChange) {
         return;
@@ -174,7 +177,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
 
       updateNodePositions(dragItems, true);
 
-      if (dragEvent && (onDrag || onNodeDrag || (!nodeId && onSelectionDrag))) {
+      if (dragEvent && (true || onDrag || onNodeDrag || (!nodeId && onSelectionDrag))) {
         const [currentNode, currentNodes] = getEventHandlerParams({
           nodeId,
           dragItems,
@@ -185,8 +188,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         onNodeDrag?.(dragEvent, currentNode, currentNodes);
 
         if (!nodeId) {
-          const _onSelectionDrag = wrapSelectionDragFunc(onSelectionDrag);
-          _onSelectionDrag(dragEvent, currentNode, currentNodes);
+          onSelectionDrag?.(dragEvent, currentNodes);
         }
       }
     }
@@ -242,7 +244,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
       lastPos = pointerPos;
       dragItems = getDragItems(nodeLookup, nodesDraggable, pointerPos, nodeId);
 
-      if (dragItems.length > 0 && (onDragStart || onNodeDragStart || (!nodeId && onSelectionDragStart))) {
+      if (dragItems.size > 0 && (onDragStart || onNodeDragStart || (!nodeId && onSelectionDragStart))) {
         const [currentNode, currentNodes] = getEventHandlerParams({
           nodeId,
           dragItems,
@@ -253,8 +255,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         onNodeDragStart?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
 
         if (!nodeId) {
-          const _onSelectionDragStart = wrapSelectionDragFunc(onSelectionDragStart);
-          _onSelectionDragStart(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+          onSelectionDragStart?.(event.sourceEvent as MouseEvent, currentNodes);
         }
       }
     }
@@ -308,7 +309,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         dragStarted = false;
         cancelAnimationFrame(autoPanId);
 
-        if (dragItems.length > 0) {
+        if (dragItems.size > 0) {
           const { nodeLookup, updateNodePositions, onNodeDragStop, onSelectionDragStop } = getStoreItems();
 
           updateNodePositions(dragItems, false);
@@ -324,8 +325,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
             onNodeDragStop?.(event.sourceEvent as MouseEvent, currentNode, currentNodes);
 
             if (!nodeId) {
-              const _onSelectionDragStop = wrapSelectionDragFunc(onSelectionDragStop);
-              _onSelectionDragStop(event.sourceEvent as MouseEvent, currentNode, currentNodes);
+              onSelectionDragStop?.(event.sourceEvent as MouseEvent, currentNodes);
             }
           }
         }
diff --git a/packages/system/src/xydrag/utils.ts b/packages/system/src/xydrag/utils.ts
index b1cd0597c..1611cf6be 100644
--- a/packages/system/src/xydrag/utils.ts
+++ b/packages/system/src/xydrag/utils.ts
@@ -40,8 +40,8 @@ export function getDragItems<NodeType extends NodeBase>(
   nodesDraggable: boolean,
   mousePos: XYPosition,
   nodeId?: string
-): NodeDragItem[] {
-  const dragItems: NodeDragItem[] = [];
+): Map<string, NodeDragItem> {
+  const dragItems = new Map<string, NodeDragItem>();
 
   for (const [id, node] of nodeLookup) {
     if (
@@ -49,29 +49,32 @@ export function getDragItems<NodeType extends NodeBase>(
       (!node.parentId || !isParentSelected(node, nodeLookup)) &&
       (node.draggable || (nodesDraggable && typeof node.draggable === 'undefined'))
     ) {
-      const internalNode = nodeLookup.get(id)!;
-
-      dragItems.push({
-        id: internalNode.id,
-        position: internalNode.position || { x: 0, y: 0 },
-        distance: {
-          x: mousePos.x - internalNode.internals.positionAbsolute.x,
-          y: mousePos.y - internalNode.internals.positionAbsolute.y,
-        },
-        extent: internalNode.extent,
-        parentId: internalNode.parentId,
-        origin: internalNode.origin,
-        expandParent: internalNode.expandParent,
-        internals: {
-          positionAbsolute: internalNode.internals.positionAbsolute || { x: 0, y: 0 },
-        },
-        measured: {
-          width: internalNode.measured.width || 0,
-          height: internalNode.measured.height || 0,
-        },
-      });
+      const internalNode = nodeLookup.get(id);
+
+      if (internalNode) {
+        dragItems.set(id, {
+          id,
+          position: internalNode.position || { x: 0, y: 0 },
+          distance: {
+            x: mousePos.x - internalNode.internals.positionAbsolute.x,
+            y: mousePos.y - internalNode.internals.positionAbsolute.y,
+          },
+          extent: internalNode.extent,
+          parentId: internalNode.parentId,
+          origin: internalNode.origin,
+          expandParent: internalNode.expandParent,
+          internals: {
+            positionAbsolute: internalNode.internals.positionAbsolute || { x: 0, y: 0 },
+          },
+          measured: {
+            width: internalNode.measured.width || 0,
+            height: internalNode.measured.height || 0,
+          },
+        });
+      }
     }
   }
+
   return dragItems;
 }
 
@@ -84,20 +87,32 @@ export function getEventHandlerParams<NodeType extends NodeBase>({
   nodeLookup,
 }: {
   nodeId?: string;
-  dragItems: NodeDragItem[];
+  dragItems: Map<string, NodeDragItem>;
   nodeLookup: Map<string, NodeType>;
 }): [NodeType, NodeType[]] {
-  const nodesFromDragItems: NodeType[] = dragItems.map((n) => {
-    const node = nodeLookup.get(n.id)!;
+  const nodesFromDragItems: NodeType[] = [];
+
+  for (const [id, dragItem] of dragItems) {
+    const node = nodeLookup.get(id);
+
+    if (node) {
+      nodesFromDragItems.push({
+        ...node,
+        position: dragItem.position,
+      });
+    }
+  }
+
+  if (!nodeId) {
+    return [nodesFromDragItems[0], nodesFromDragItems];
+  }
 
-    return {
+  const node = nodeLookup.get(nodeId)!;
+  return [
+    {
       ...node,
-      position: n.position,
-      measured: {
-        ...n.measured,
-      },
-    };
-  });
-
-  return [nodeId ? nodesFromDragItems.find((n) => n.id === nodeId)! : nodesFromDragItems[0], nodesFromDragItems];
+      position: dragItems.get(nodeId)?.position || node.position,
+    },
+    nodesFromDragItems,
+  ];
 }

From 5af34fd9d4e9003f35c7c51fc7a0b99c71e3a07a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 16 Apr 2024 17:52:15 +0200
Subject: [PATCH 0736/1093] fix(react): use equlity check for adopt user nodes

---
 packages/react/src/store/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 8b9990134..50d981c2e 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -46,7 +46,7 @@ const createRFStore = ({
         //
         // When this happens, we take the note objects passed by the user and extend them with fields
         // relevant for internal React Flow operations.
-        adoptUserNodes(nodes, nodeLookup, parentLookup, { nodeOrigin, elevateNodesOnSelect });
+        adoptUserNodes(nodes, nodeLookup, parentLookup, { nodeOrigin, elevateNodesOnSelect, checkEquality: true });
 
         set({ nodes });
       },

From 3348194dea0dadd9ec9283e2e73d186889a5622d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 16 Apr 2024 18:22:07 +0200
Subject: [PATCH 0737/1093] refactor(xydrag): cleanup

---
 .../react/src/hooks/useMoveSelectedNodes.ts   |  4 +--
 packages/react/src/store/index.ts             | 28 +++++++++----------
 packages/svelte/src/lib/store/index.ts        |  6 ++--
 packages/system/src/types/general.ts          |  2 +-
 packages/system/src/xydrag/XYDrag.ts          |  2 +-
 packages/system/src/xydrag/utils.ts           |  4 ---
 6 files changed, 21 insertions(+), 25 deletions(-)

diff --git a/packages/react/src/hooks/useMoveSelectedNodes.ts b/packages/react/src/hooks/useMoveSelectedNodes.ts
index d189642bc..52503c048 100644
--- a/packages/react/src/hooks/useMoveSelectedNodes.ts
+++ b/packages/react/src/hooks/useMoveSelectedNodes.ts
@@ -19,7 +19,7 @@ export function useMoveSelectedNodes() {
   const moveSelectedNodes = useCallback((params: { direction: XYPosition; factor: number }) => {
     const { nodeExtent, snapToGrid, snapGrid, nodesDraggable, onError, updateNodePositions, nodeLookup, nodeOrigin } =
       store.getState();
-    const nodeUpdates = [];
+    const nodeUpdates = new Map();
     const isSelected = selectedAndDraggable(nodesDraggable);
 
     // by default a node moves 5px on each key press
@@ -56,7 +56,7 @@ export function useMoveSelectedNodes() {
       node.position = position;
       node.internals.positionAbsolute = positionAbsolute;
 
-      nodeUpdates.push(node);
+      nodeUpdates.set(node.id, node);
     }
 
     updateNodePositions(nodeUpdates);
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 50d981c2e..48010a2e5 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -16,7 +16,7 @@ import {
 
 import { applyEdgeChanges, applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
 import getInitialState from './initialState';
-import type { ReactFlowState, Node, Edge, UnselectNodesAndEdgesParams, FitViewOptions, InternalNode } from '../types';
+import type { ReactFlowState, Node, Edge, UnselectNodesAndEdgesParams, FitViewOptions } from '../types';
 
 const createRFStore = ({
   nodes,
@@ -124,27 +124,26 @@ const createRFStore = ({
         }
       },
       updateNodePositions: (nodeDragItems, dragging = false) => {
-        const { nodeLookup, parentLookup } = get();
         const parentExpandChildren: ParentExpandChild[] = [];
+        const changes = [];
 
-        const changes: NodeChange[] = nodeDragItems.map((node) => {
+        for (const [id, dragItem] of nodeDragItems) {
           // @todo add expandParent to drag item so that we can get rid of the look up here
-          const internalNode = nodeLookup.get(node.id);
           const change: NodeChange = {
-            id: node.id,
+            id,
             type: 'position',
-            position: node.position,
+            position: dragItem.position,
             dragging,
           };
 
-          if (internalNode?.expandParent && internalNode?.parentId && change.position) {
+          if (dragItem?.expandParent && dragItem?.parentId && change.position) {
             parentExpandChildren.push({
-              id: internalNode.id,
-              parentId: internalNode.parentId,
+              id,
+              parentId: dragItem.parentId,
               rect: {
-                ...node.internals.positionAbsolute,
-                width: internalNode.measured.width!,
-                height: internalNode.measured.height!,
+                ...dragItem.internals.positionAbsolute,
+                width: dragItem.measured.width!,
+                height: dragItem.measured.height!,
               },
             });
 
@@ -152,10 +151,11 @@ const createRFStore = ({
             change.position.y = Math.max(0, change.position.y);
           }
 
-          return change;
-        });
+          changes.push(change);
+        }
 
         if (parentExpandChildren.length > 0) {
+          const { nodeLookup, parentLookup } = get();
           const parentExpandChanges = handleExpandParent(parentExpandChildren, nodeLookup, parentLookup);
           changes.push(...parentExpandChanges);
         }
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 07d4ab76d..39c9cad44 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -64,14 +64,14 @@ export function createStore({
   const updateNodePositions: UpdateNodePositions = (nodeDragItems, dragging = false) => {
     const nodeLookup = get(store.nodeLookup);
 
-    for (const nodeDragItem of nodeDragItems) {
-      const node = nodeLookup.get(nodeDragItem.id)?.internals.userNode;
+    for (const [id, dragItem] of nodeDragItems) {
+      const node = nodeLookup.get(id)?.internals.userNode;
 
       if (!node) {
         continue;
       }
 
-      node.position = nodeDragItem.position;
+      node.position = dragItem.position;
       node.dragging = dragging;
     }
 
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 2fd0e3ab2..91a08082e 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -127,7 +127,7 @@ export type SelectionRect = Rect & {
 
 export type OnError = (id: string, message: string) => void;
 
-export type UpdateNodePositions = (dragItems: NodeDragItem[] | InternalNodeBase[], dragging?: boolean) => void;
+export type UpdateNodePositions = (dragItems: Map<string, NodeDragItem | InternalNodeBase>, dragging?: boolean) => void;
 export type PanBy = (delta: XYPosition) => boolean;
 
 export type UpdateConnection = (params: {
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 3f26ba06f..8633b6690 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -10,7 +10,7 @@ import {
   getInternalNodesBounds,
   rectToBox,
 } from '../utils';
-import { getDragItems, getEventHandlerParams, hasSelector, wrapSelectionDragFunc } from './utils';
+import { getDragItems, getEventHandlerParams, hasSelector } from './utils';
 import type {
   NodeBase,
   NodeDragItem,
diff --git a/packages/system/src/xydrag/utils.ts b/packages/system/src/xydrag/utils.ts
index 1611cf6be..a0a26cb2a 100644
--- a/packages/system/src/xydrag/utils.ts
+++ b/packages/system/src/xydrag/utils.ts
@@ -1,9 +1,5 @@
 import { type NodeDragItem, type XYPosition, InternalNodeBase, NodeBase, NodeLookup } from '../types';
 
-export function wrapSelectionDragFunc(selectionFunc?: (event: MouseEvent, nodes: NodeBase[]) => void) {
-  return (event: MouseEvent, _: NodeBase, nodes: NodeBase[]) => selectionFunc?.(event, nodes);
-}
-
 export function isParentSelected<NodeType extends NodeBase>(node: NodeType, nodeLookup: NodeLookup): boolean {
   if (!node.parentId) {
     return false;

From 5db4bd4dfd704f0916c03c90fc7471b48bb01943 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 16 Apr 2024 18:25:31 +0200
Subject: [PATCH 0738/1093] refactor(xydrag): cleanup

---
 packages/system/src/xydrag/XYDrag.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 8633b6690..420947df4 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -177,7 +177,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
 
       updateNodePositions(dragItems, true);
 
-      if (dragEvent && (true || onDrag || onNodeDrag || (!nodeId && onSelectionDrag))) {
+      if (dragEvent && (onDrag || onNodeDrag || (!nodeId && onSelectionDrag))) {
         const [currentNode, currentNodes] = getEventHandlerParams({
           nodeId,
           dragItems,

From eafb3c5e344c7145d7330531a43bd82059ed77b3 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 16 Apr 2024 18:31:08 +0200
Subject: [PATCH 0739/1093] refactor(xydrag): cleanup

---
 packages/system/src/types/nodes.ts   | 4 ++--
 packages/system/src/xydrag/XYDrag.ts | 4 ++--
 packages/system/src/xydrag/utils.ts  | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index a79ca24de..6ba7fbd4f 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -120,8 +120,8 @@ export type NodeDragItem = {
   // distance from the mouse cursor to the node when start dragging
   distance: XYPosition;
   measured: {
-    width?: number;
-    height?: number;
+    width: number;
+    height: number;
   };
   internals: {
     positionAbsolute: XYPosition;
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 420947df4..e205ced79 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -144,10 +144,10 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         if (dragItems.size > 1 && nodeExtent && !dragItem.extent) {
           const { positionAbsolute } = dragItem.internals;
           const x1 = positionAbsolute.x - nodesBox.x + nodeExtent[0][0];
-          const x2 = positionAbsolute.x + (dragItem.measured?.width ?? 0) - nodesBox.x2 + nodeExtent[1][0];
+          const x2 = positionAbsolute.x + dragItem.measured.width - nodesBox.x2 + nodeExtent[1][0];
 
           const y1 = positionAbsolute.y - nodesBox.y + nodeExtent[0][1];
-          const y2 = positionAbsolute.y + (dragItem.measured?.height ?? 0) - nodesBox.y2 + nodeExtent[1][1];
+          const y2 = positionAbsolute.y + dragItem.measured.height - nodesBox.y2 + nodeExtent[1][1];
 
           adjustedNodeExtent = [
             [x1, y1],
diff --git a/packages/system/src/xydrag/utils.ts b/packages/system/src/xydrag/utils.ts
index a0a26cb2a..bb836a323 100644
--- a/packages/system/src/xydrag/utils.ts
+++ b/packages/system/src/xydrag/utils.ts
@@ -63,8 +63,8 @@ export function getDragItems<NodeType extends NodeBase>(
             positionAbsolute: internalNode.internals.positionAbsolute || { x: 0, y: 0 },
           },
           measured: {
-            width: internalNode.measured.width || 0,
-            height: internalNode.measured.height || 0,
+            width: internalNode.measured.width ?? 0,
+            height: internalNode.measured.height ?? 0,
           },
         });
       }

From fca0dd750f2217784aef35e6a98579bacfa65829 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 17 Apr 2024 12:32:35 +0200
Subject: [PATCH 0740/1093] fix(react): return user nodes for selection change
 handlers closes #3904

---
 .../components/SelectionListener/index.tsx    | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/components/SelectionListener/index.tsx b/packages/react/src/components/SelectionListener/index.tsx
index 381a60cb9..6a9a03a66 100644
--- a/packages/react/src/components/SelectionListener/index.tsx
+++ b/packages/react/src/components/SelectionListener/index.tsx
@@ -14,10 +14,24 @@ type SelectionListenerProps = {
   onSelectionChange?: OnSelectionChangeFunc;
 };
 
-const selector = (s: ReactFlowState) => ({
-  selectedNodes: Array.from(s.nodeLookup.values()).filter((n) => n.selected),
-  selectedEdges: s.edges.filter((e) => e.selected),
-});
+const selector = (s: ReactFlowState) => {
+  const selectedNodes = [];
+  const selectedEdges = [];
+
+  for (const [, node] of s.nodeLookup) {
+    if (node.selected) {
+      selectedNodes.push(node.internals.userNode);
+    }
+  }
+
+  for (const [, edge] of s.edgeLookup) {
+    if (edge.selected) {
+      selectedEdges.push(edge);
+    }
+  }
+
+  return { selectedNodes, selectedEdges };
+};
 
 type SelectorSlice = ReturnType<typeof selector>;
 

From 28a2f8d9fbcb56f6b44f36c9f754fd9a9a06556e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 17 Apr 2024 12:33:07 +0200
Subject: [PATCH 0741/1093] chore(react): add redux example

---
 examples/react/package.json                   |  3 +
 examples/react/src/App/routes.ts              |  6 ++
 examples/react/src/examples/Redux/index.tsx   | 30 ++++++
 .../src/examples/Redux/initial-elements.tsx   | 98 +++++++++++++++++++
 examples/react/src/examples/Redux/state.ts    | 59 +++++++++++
 pnpm-lock.yaml                                | 74 ++++++++++++++
 6 files changed, 270 insertions(+)
 create mode 100644 examples/react/src/examples/Redux/index.tsx
 create mode 100644 examples/react/src/examples/Redux/initial-elements.tsx
 create mode 100644 examples/react/src/examples/Redux/state.ts

diff --git a/examples/react/package.json b/examples/react/package.json
index 24bbee4a0..6b7362f58 100644
--- a/examples/react/package.json
+++ b/examples/react/package.json
@@ -14,13 +14,16 @@
     "test-e2e": "start-server-and-test 'pnpm serve' http-get://localhost:3000 'pnpm test-e2e-cypress'"
   },
   "dependencies": {
+    "@reduxjs/toolkit": "^2.2.3",
     "@xyflow/react": "workspace:*",
     "classcat": "^5.0.4",
     "dagre": "^0.8.5",
     "localforage": "^1.10.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-redux": "^9.1.1",
     "react-router-dom": "^6.18.0",
+    "redux": "^5.0.1",
     "zustand": "^4.4.6"
   },
   "devDependencies": {
diff --git a/examples/react/src/App/routes.ts b/examples/react/src/App/routes.ts
index 1d68c858c..287ab17bf 100644
--- a/examples/react/src/App/routes.ts
+++ b/examples/react/src/App/routes.ts
@@ -51,6 +51,7 @@ import UseNodesData from '../examples/UseNodesData';
 import UseHandleConnections from '../examples/UseHandleConnections';
 import AddNodeOnEdgeDrop from '../examples/AddNodeOnEdgeDrop';
 import DevTools from '../examples/DevTools';
+import Redux from '../examples/Redux';
 
 export interface IRoute {
   name: string;
@@ -314,6 +315,11 @@ const routes: IRoute[] = [
     path: 'useupdatenodeinternals',
     component: UseUpdateNodeInternals,
   },
+  {
+    name: 'redux',
+    path: 'redux',
+    component: Redux,
+  },
   {
     name: 'Validation',
     path: 'validation',
diff --git a/examples/react/src/examples/Redux/index.tsx b/examples/react/src/examples/Redux/index.tsx
new file mode 100644
index 000000000..19bbd90c3
--- /dev/null
+++ b/examples/react/src/examples/Redux/index.tsx
@@ -0,0 +1,30 @@
+import { ReactFlow } from '@xyflow/react';
+import '@xyflow/react/dist/style.css';
+
+import { useDispatch, useSelector, Provider } from 'react-redux';
+
+import { onNodesChange, onEdgesChange, setSelectedNodesAndEdges, store } from './state';
+
+const OverviewFlow = () => {
+  const dispatch = useDispatch();
+  const nodes = useSelector((state) => state.myApplication.nodes);
+  const edges = useSelector((state) => state.myApplication.edges);
+
+  return (
+    <ReactFlow
+      nodes={nodes}
+      edges={edges}
+      onNodesChange={(e) => dispatch(onNodesChange(e))}
+      onEdgesChange={(e) => dispatch(onEdgesChange(e))}
+      onSelectionChange={(e) => dispatch(setSelectedNodesAndEdges(e))}
+      fitView
+      attributionPosition="top-right"
+    />
+  );
+};
+
+export default () => (
+  <Provider store={store}>
+    <OverviewFlow />
+  </Provider>
+);
diff --git a/examples/react/src/examples/Redux/initial-elements.tsx b/examples/react/src/examples/Redux/initial-elements.tsx
new file mode 100644
index 000000000..136583cf1
--- /dev/null
+++ b/examples/react/src/examples/Redux/initial-elements.tsx
@@ -0,0 +1,98 @@
+import { MarkerType, type Node, type Edge } from '@xyflow/react';
+
+export const nodes: Node[] = [
+  {
+    id: '1',
+    type: 'input',
+    data: {
+      label: 'hey',
+    },
+    position: { x: 250, y: 0 },
+  },
+  {
+    id: '2',
+    data: {
+      label: 'default node',
+    },
+    position: { x: 100, y: 100 },
+  },
+  {
+    id: '3',
+    data: {
+      label: 'custom style',
+    },
+    position: { x: 400, y: 100 },
+    style: {
+      background: '#D6D5E6',
+      color: '#333',
+      border: '1px solid #222138',
+      width: 180,
+    },
+  },
+  {
+    id: '4',
+    position: { x: 250, y: 200 },
+    data: {
+      label: 'Another default node',
+    },
+  },
+  {
+    id: '5',
+    data: {
+      label: 'Node id: 5',
+    },
+    position: { x: 250, y: 325 },
+  },
+  {
+    id: '6',
+    type: 'output',
+    data: {
+      label: 'output',
+    },
+    position: { x: 100, y: 480 },
+  },
+  {
+    id: '7',
+    type: 'output',
+    data: { label: 'Another output node' },
+    position: { x: 400, y: 450 },
+  },
+];
+
+export const edges: Edge[] = [
+  { id: 'e1-2', source: '1', target: '2', label: 'this is an edge label' },
+  { id: 'e1-3', source: '1', target: '3' },
+  {
+    id: 'e3-4',
+    source: '3',
+    target: '4',
+    animated: true,
+    label: 'animated edge',
+  },
+  {
+    id: 'e4-5',
+    source: '4',
+    target: '5',
+    label: 'edge with arrow head',
+    markerEnd: {
+      type: MarkerType.ArrowClosed,
+    },
+  },
+  {
+    id: 'e5-6',
+    source: '5',
+    target: '6',
+    type: 'smoothstep',
+    label: 'smooth step edge',
+  },
+  {
+    id: 'e5-7',
+    source: '5',
+    target: '7',
+    type: 'step',
+    style: { stroke: '#f6ab6c' },
+    label: 'a step edge',
+    animated: true,
+    labelStyle: { fill: '#f6ab6c', fontWeight: 700 },
+  },
+];
diff --git a/examples/react/src/examples/Redux/state.ts b/examples/react/src/examples/Redux/state.ts
new file mode 100644
index 000000000..7c7e93d22
--- /dev/null
+++ b/examples/react/src/examples/Redux/state.ts
@@ -0,0 +1,59 @@
+import { createSlice, configureStore } from '@reduxjs/toolkit';
+import { applyNodeChanges, applyEdgeChanges } from '@xyflow/react';
+import { nodes, edges } from './initial-elements';
+
+const initialState = {
+  nodes,
+  edges,
+  selectedNodes: [],
+  selectedEdges: [],
+};
+
+const setNodesReducer = (state, action) => {
+  state.nodes = action.payload;
+};
+
+const setEdgesReducer = (state, action) => {
+  state.edges = action.payload;
+};
+
+const onNodesChangeReducer = (state, action) => {
+  const a = applyNodeChanges(action.payload, state.nodes);
+  state.nodes = a;
+};
+
+const onEdgesChangeReducer = (state, action) => {
+  const a = applyEdgeChanges(action.payload, state.edges);
+  state.edges = a;
+};
+
+const setSelectedNodesAndEdgesReducer = (state, action) => {
+  state.selectedNodes = action.payload.nodes;
+  state.selectedEdges = action.payload.edges;
+};
+
+const setSelectedNodesReducer = (state, action) => {
+  state.selectedNodes = action.payload;
+};
+
+const MyApplicationSlice = createSlice({
+  name: 'MyApplication',
+  initialState,
+  reducers: {
+    setNodes: setNodesReducer,
+    setEdges: setEdgesReducer,
+    onNodesChange: onNodesChangeReducer,
+    onEdgesChange: onEdgesChangeReducer,
+    setSelectedNodesAndEdges: setSelectedNodesAndEdgesReducer,
+    setSelectedNodes: setSelectedNodesReducer,
+  },
+});
+
+export const { setNodes, setEdges, onNodesChange, onEdgesChange, setSelectedNodesAndEdges, setSelectedNodes } =
+  MyApplicationSlice.actions;
+
+export const store = configureStore({
+  reducer: {
+    myApplication: MyApplicationSlice.reducer,
+  },
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e735913a3..d2b9d470b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -92,6 +92,9 @@ importers:
 
   examples/react:
     dependencies:
+      '@reduxjs/toolkit':
+        specifier: ^2.2.3
+        version: 2.2.3(react-redux@9.1.1)(react@18.2.0)
       '@xyflow/react':
         specifier: workspace:*
         version: link:../../packages/react
@@ -110,9 +113,15 @@ importers:
       react-dom:
         specifier: ^18.2.0
         version: 18.2.0(react@18.2.0)
+      react-redux:
+        specifier: ^9.1.1
+        version: 9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1)
       react-router-dom:
         specifier: ^6.18.0
         version: 6.18.0(react-dom@18.2.0)(react@18.2.0)
+      redux:
+        specifier: ^5.0.1
+        version: 5.0.1
       zustand:
         specifier: ^4.4.6
         version: 4.4.6(@types/react@18.2.36)(react@18.2.0)
@@ -2120,6 +2129,25 @@ packages:
     resolution: {integrity: sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==}
     dev: true
 
+  /@reduxjs/toolkit@2.2.3(react-redux@9.1.1)(react@18.2.0):
+    resolution: {integrity: sha512-76dll9EnJXg4EVcI5YNxZA/9hSAmZsFqzMmNRHvIlzw2WS/twfcVX3ysYrWGJMClwEmChQFC4yRq74tn6fdzRA==}
+    peerDependencies:
+      react: ^16.9.0 || ^17.0.0 || ^18
+      react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-redux:
+        optional: true
+    dependencies:
+      immer: 10.0.4
+      react: 18.2.0
+      react-redux: 9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1)
+      redux: 5.0.1
+      redux-thunk: 3.1.0(redux@5.0.1)
+      reselect: 5.1.0
+    dev: false
+
   /@remix-run/router@1.11.0:
     resolution: {integrity: sha512-BHdhcWgeiudl91HvVa2wxqZjSHbheSgIiDvxrF1VjFzBzpTtuDPkOdOi3Iqvc08kXtFkLjhbS+ML9aM8mJS+wQ==}
     engines: {node: '>=14.0.0'}
@@ -3067,6 +3095,10 @@ packages:
     resolution: {integrity: sha512-ue/hDUpPjC85m+PM9OQDMZr3LywT+CT6mPsQq8OJtCLiERkGRcQUFvu9XASF5XWqyZFXbf15lvb3JFJ4dRLWPg==}
     dev: false
 
+  /@types/use-sync-external-store@0.0.3:
+    resolution: {integrity: sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==}
+    dev: false
+
   /@types/yauzl@2.10.3:
     resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
     requiresBuild: true
@@ -6373,6 +6405,10 @@ packages:
     resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
     dev: false
 
+  /immer@10.0.4:
+    resolution: {integrity: sha512-cuBuGK40P/sk5IzWa9QPUaAdvPHjkk1c+xYsd9oZw+YQQEV+10G0P5uMpGctZZKnyQ+ibRO08bD25nWLmYi2pw==}
+    dev: false
+
   /import-fresh@3.3.0:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
     engines: {node: '>=6'}
@@ -9057,6 +9093,28 @@ packages:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
     dev: true
 
+  /react-redux@9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1):
+    resolution: {integrity: sha512-5ynfGDzxxsoV73+4czQM56qF43vsmgJsO22rmAvU5tZT2z5Xow/A2uhhxwXuGTxgdReF3zcp7A80gma2onRs1A==}
+    peerDependencies:
+      '@types/react': ^18.2.25
+      react: ^18.0
+      react-native: '>=0.69'
+      redux: ^5.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      react-native:
+        optional: true
+      redux:
+        optional: true
+    dependencies:
+      '@types/react': 18.2.36
+      '@types/use-sync-external-store': 0.0.3
+      react: 18.2.0
+      redux: 5.0.1
+      use-sync-external-store: 1.2.0(react@18.2.0)
+    dev: false
+
   /react-refresh@0.14.0:
     resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==}
     engines: {node: '>=0.10.0'}
@@ -9148,6 +9206,18 @@ packages:
       strip-indent: 3.0.0
     dev: true
 
+  /redux-thunk@3.1.0(redux@5.0.1):
+    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
+    peerDependencies:
+      redux: ^5.0.0
+    dependencies:
+      redux: 5.0.1
+    dev: false
+
+  /redux@5.0.1:
+    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
+    dev: false
+
   /reflect.getprototypeof@1.0.4:
     resolution: {integrity: sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==}
     engines: {node: '>= 0.4'}
@@ -9265,6 +9335,10 @@ packages:
     resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
     dev: true
 
+  /reselect@5.1.0:
+    resolution: {integrity: sha512-aw7jcGLDpSgNDyWBQLv2cedml85qd95/iszJjN988zX1t7AVRJi19d9kto5+W7oCfQ94gyo40dVbT6g2k4/kXg==}
+    dev: false
+
   /resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}

From 6bab47fcb768654f7612de496f4b4c2879a62a6e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 17 Apr 2024 12:34:31 +0200
Subject: [PATCH 0742/1093] refactor(node-selection): cleanup

---
 packages/react/src/container/Pane/index.tsx | 38 ++++++++++++++-------
 packages/react/src/utils/changes.ts         |  4 +--
 packages/system/src/utils/store.ts          |  9 +++--
 3 files changed, 31 insertions(+), 20 deletions(-)

diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index 0c0eb122c..17fe91b3d 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -69,6 +69,8 @@ export function Pane({
   const prevSelectedNodesCount = useRef<number>(0);
   const prevSelectedEdgesCount = useRef<number>(0);
   const containerBounds = useRef<DOMRect>();
+  const edgeIdLookup = useRef<Map<string, Set<string>>>(new Map());
+
   const { userSelectionActive, elementsSelectable, dragging } = useStore(selector, shallow);
 
   const resetUserSelection = () => {
@@ -96,7 +98,7 @@ export function Pane({
   const onWheel = onPaneScroll ? (event: React.WheelEvent) => onPaneScroll(event) : undefined;
 
   const onMouseDown = (event: ReactMouseEvent): void => {
-    const { resetSelectedElements, domNode } = store.getState();
+    const { resetSelectedElements, domNode, edgeLookup } = store.getState();
     containerBounds.current = domNode?.getBoundingClientRect();
 
     if (
@@ -109,6 +111,13 @@ export function Pane({
       return;
     }
 
+    edgeIdLookup.current = new Map();
+
+    for (const [id, edge] of edgeLookup) {
+      edgeIdLookup.current.set(edge.source, edgeIdLookup.current.get(edge.source)?.add(id) || new Set([id]));
+      edgeIdLookup.current.set(edge.target, edgeIdLookup.current.get(edge.target)?.add(id) || new Set([id]));
+    }
+
     const { x, y } = getEventPosition(event.nativeEvent, containerBounds.current);
 
     resetSelectedElements();
@@ -130,22 +139,21 @@ export function Pane({
   const onMouseMove = (event: ReactMouseEvent): void => {
     const { userSelectionRect, edgeLookup, transform, nodeOrigin, nodeLookup, triggerNodeChanges, triggerEdgeChanges } =
       store.getState();
+
     if (!isSelecting || !containerBounds.current || !userSelectionRect) {
       return;
     }
 
-    store.setState({ userSelectionActive: true, nodesSelectionActive: false });
-
-    const mousePos = getEventPosition(event.nativeEvent, containerBounds.current);
-    const startX = userSelectionRect.startX ?? 0;
-    const startY = userSelectionRect.startY ?? 0;
+    const { x: mouseX, y: mouseY } = getEventPosition(event.nativeEvent, containerBounds.current);
+    const { startX, startY } = userSelectionRect;
 
     const nextUserSelectRect = {
-      ...userSelectionRect,
-      x: mousePos.x < startX ? mousePos.x : startX,
-      y: mousePos.y < startY ? mousePos.y : startY,
-      width: Math.abs(mousePos.x - startX),
-      height: Math.abs(mousePos.y - startY),
+      startX,
+      startY,
+      x: mouseX < startX ? mouseX : startX,
+      y: mouseY < startY ? mouseY : startY,
+      width: Math.abs(mouseX - startX),
+      height: Math.abs(mouseY - startY),
     };
 
     const selectedNodes = getNodesInside(
@@ -163,8 +171,10 @@ export function Pane({
     for (const selectedNode of selectedNodes) {
       selectedNodeIds.add(selectedNode.id);
 
-      for (const [edgeId, edge] of edgeLookup) {
-        if (edge.source === selectedNode.id || edge.target === selectedNode.id) {
+      const edgeIds = edgeIdLookup.current.get(selectedNode.id);
+
+      if (edgeIds) {
+        for (const edgeId of edgeIds) {
           selectedEdgeIds.add(edgeId);
         }
       }
@@ -184,6 +194,8 @@ export function Pane({
 
     store.setState({
       userSelectionRect: nextUserSelectRect,
+      userSelectionActive: true,
+      nodesSelectionActive: false,
     });
   };
 
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 44af24514..69b220f6d 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -184,8 +184,8 @@ export function getSelectionChanges(
 ): NodeSelectionChange[] | EdgeSelectionChange[] {
   const changes: NodeSelectionChange[] | EdgeSelectionChange[] = [];
 
-  for (const [, item] of items) {
-    const willBeSelected = selectedIds.has(item.id);
+  for (const [id, item] of items) {
+    const willBeSelected = selectedIds.has(id);
 
     // we don't want to set all items to selected=false on the first selection
     if (!(item.selected === undefined && !willBeSelected) && item.selected !== willBeSelected) {
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 67a7c365f..7611056c3 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -92,11 +92,10 @@ export function adoptUserNodes<NodeType extends NodeBase>(
   const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
 
   nodes.forEach((userNode) => {
-    const currentStoreNode = tmpLookup.get(userNode.id);
+    let internalNode = tmpLookup.get(userNode.id);
 
-    let internalNode = currentStoreNode!;
-    if (options.checkEquality && userNode === currentStoreNode?.internals.userNode) {
-      nodeLookup.set(userNode.id, currentStoreNode);
+    if (options.checkEquality && userNode === internalNode?.internals.userNode) {
+      nodeLookup.set(userNode.id, internalNode);
     } else {
       internalNode = {
         ...options.defaults,
@@ -107,7 +106,7 @@ export function adoptUserNodes<NodeType extends NodeBase>(
         },
         internals: {
           positionAbsolute: userNode.position,
-          handleBounds: currentStoreNode?.internals.handleBounds,
+          handleBounds: internalNode?.internals.handleBounds,
           z: (isNumeric(userNode.zIndex) ? userNode.zIndex : 0) + (userNode.selected ? selectedNodeZ : 0),
           userNode,
         },

From 12c081a62e91e1218a3db1916f8ac67cfa5888de Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 17 Apr 2024 13:50:52 +0200
Subject: [PATCH 0743/1093] chore(useReactFlow): cleanup

---
 packages/react/src/hooks/useReactFlow.ts | 5 +----
 packages/system/src/utils/store.ts       | 5 +++--
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 5f3d2acb4..da4077786 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -47,10 +47,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
     return edges.map((e) => ({ ...e })) as EdgeType[];
   }, []);
 
-  const getEdge = useCallback<Instance.GetEdge<EdgeType>>((id) => {
-    const { edges = [] } = store.getState();
-    return edges.find((e) => e.id === id) as EdgeType;
-  }, []);
+  const getEdge = useCallback<Instance.GetEdge<EdgeType>>((id) => store.getState().edgeLookup.get(id) as EdgeType, []);
 
   type SetElementsQueue = {
     nodes: (NodeType[] | ((nodes: NodeType[]) => NodeType[]))[];
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 7611056c3..56eba62bb 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -183,8 +183,9 @@ export function handleExpandParent(
       const dimensions = getNodeDimensions(parent);
 
       // determine how much the parent expands by moving the position
-      let xChange = expandedRect.x < position.x ? Math.round(Math.abs(position.x - expandedRect.x)) : 0;
-      let yChange = expandedRect.y < position.y ? Math.round(Math.abs(position.y - expandedRect.y)) : 0;
+      const xChange = expandedRect.x < position.x ? Math.round(Math.abs(position.x - expandedRect.x)) : 0;
+      const yChange = expandedRect.y < position.y ? Math.round(Math.abs(position.y - expandedRect.y)) : 0;
+
       if (xChange > 0 || yChange > 0) {
         changes.push({
           id: parentId,

From 93736c1c314ca0269b06268af923fbdc1dbb82fa Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 17 Apr 2024 13:52:08 +0200
Subject: [PATCH 0744/1093] chore(changelog): update

---
 packages/react/CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 244efb648..232dccb45 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -6,6 +6,7 @@
 
 - use correct positions for intersection helpers
 - fix minimap interaction for touch devices
+- pass user nodes to `onSelectionChange` instead of internal ones
 
 ## 12.0.0-next.14
 

From 6494c3fac4ccde8b5ab0e3b8cf4e3c85606d6a06 Mon Sep 17 00:00:00 2001
From: Tony Francis <tonyfrancisv@gmail.com>
Date: Thu, 18 Apr 2024 02:51:46 -0400
Subject: [PATCH 0745/1093] call `onEnd` in `end` drag event hanlder in
 XYResizer

---
 packages/system/src/xyresizer/XYResizer.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index 50a3e4aae..5f5e8727c 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -89,7 +89,7 @@ function nodeToChildExtent(child: NodeBase, parent: NodeBase, nodeOrigin: NodeOr
   ];
 }
 
-export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResizerParams): XYResizerInstance {
+export function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }: XYResizerParams): XYResizerInstance {
   const selection = select(domNode);
 
   function update({
@@ -272,6 +272,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange }: XYResize
       })
       .on('end', (event: ResizeDragEvent) => {
         onResizeEnd?.(event, { ...prevValues });
+        onEnd?.();
       });
     selection.call(dragHandler);
   }

From 6c306861277ded485634debca08867242d1624da Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 18 Apr 2024 09:17:51 +0200
Subject: [PATCH 0746/1093] refactor(utils): cleanup getPositionWithOrigin

---
 .../MiniMap/MiniMapNodes.tsx                  |  2 +-
 packages/system/src/utils/general.ts          | 14 +++---
 packages/system/src/utils/graph.ts            | 44 ++++++-------------
 packages/system/src/utils/store.ts            | 14 +++---
 4 files changed, 30 insertions(+), 44 deletions(-)

diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index f2e7944c6..da6d37452 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -86,7 +86,7 @@ function NodeComponentWrapperInner<NodeType extends Node>({
 }) {
   const { node, x, y } = useStore((s) => {
     const node = s.nodeLookup.get(id) as InternalNode<NodeType>;
-    const { x, y } = getNodePositionWithOrigin(node, node?.origin || nodeOrigin).positionAbsolute;
+    const { x, y } = getNodePositionWithOrigin(node, nodeOrigin).positionAbsolute;
 
     return {
       node,
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index 0c259bbc7..1023b44e7 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -68,22 +68,24 @@ export const boxToRect = ({ x, y, x2, y2 }: Box): Rect => ({
 });
 
 export const nodeToRect = (node: InternalNodeBase | NodeBase, nodeOrigin: NodeOrigin = [0, 0]): Rect => {
-  const { positionAbsolute } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
+  const { x, y } = getNodePositionWithOrigin(node, nodeOrigin).positionAbsolute;
 
   return {
-    ...positionAbsolute,
+    x,
+    y,
     width: node.measured?.width ?? node.width ?? 0,
     height: node.measured?.height ?? node.height ?? 0,
   };
 };
 
 export const nodeToBox = (node: InternalNodeBase | NodeBase, nodeOrigin: NodeOrigin = [0, 0]): Box => {
-  const { positionAbsolute } = getNodePositionWithOrigin(node, node.origin || nodeOrigin);
+  const { x, y } = getNodePositionWithOrigin(node, nodeOrigin).positionAbsolute;
 
   return {
-    ...positionAbsolute,
-    x2: positionAbsolute.x + (node.measured?.width ?? node.width ?? 0),
-    y2: positionAbsolute.y + (node.measured?.height ?? node.height ?? 0),
+    x,
+    y,
+    x2: x + (node.measured?.width ?? node.width ?? 0),
+    y2: y + (node.measured?.height ?? node.height ?? 0),
   };
 };
 
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index e8bb53578..c306f3e3e 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -108,40 +108,24 @@ export const getIncomers = <NodeType extends NodeBase = NodeBase, EdgeType exten
 };
 
 export const getNodePositionWithOrigin = (
-  node: InternalNodeBase | NodeBase | undefined,
+  node: InternalNodeBase | NodeBase,
   nodeOrigin: NodeOrigin = [0, 0]
 ): { position: XYPosition; positionAbsolute: XYPosition } => {
-  if (!node) {
-    return {
-      position: {
-        x: 0,
-        y: 0,
-      },
-      positionAbsolute: {
-        x: 0,
-        y: 0,
-      },
-    };
-  }
-
   const { width, height } = getNodeDimensions(node);
-  const offsetX = width * nodeOrigin[0];
-  const offsetY = height * nodeOrigin[1];
-
-  const position: XYPosition = {
-    x: node.position.x - offsetX,
-    y: node.position.y - offsetY,
-  };
+  const positionAbsolute = 'internals' in node ? node.internals.positionAbsolute : node.position;
+  const origin = node.origin || nodeOrigin;
+  const offsetX = width * origin[0];
+  const offsetY = height * origin[1];
 
   return {
-    position,
-    positionAbsolute:
-      'internals' in node
-        ? {
-            x: node.internals.positionAbsolute.x - offsetX,
-            y: node.internals.positionAbsolute.y - offsetY,
-          }
-        : position,
+    position: {
+      x: node.position.x - offsetX,
+      y: node.position.y - offsetY,
+    },
+    positionAbsolute: {
+      x: positionAbsolute.x - offsetX,
+      y: positionAbsolute.y - offsetY,
+    },
   };
 };
 
@@ -170,7 +154,7 @@ export const getNodesBounds = (
 
   const box = nodes.reduce(
     (currBox, node) => {
-      const nodePos = getNodePositionWithOrigin(node, node.origin || params.nodeOrigin);
+      const nodePos = getNodePositionWithOrigin(node, params.nodeOrigin);
       return getBoundsOfBoxes(
         currBox,
         rectToBox({
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 56eba62bb..385b44ef1 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -139,18 +139,18 @@ function calculateXYZPosition<NodeType extends NodeBase>(
     return result;
   }
 
-  const parentNode = nodeLookup.get(node.parentId)!;
-  const { position: parentNodePosition } = getNodePositionWithOrigin(parentNode, parentNode?.origin || nodeOrigin);
+  const parent = nodeLookup.get(node.parentId)!;
+  const parentPosition = getNodePositionWithOrigin(parent, nodeOrigin).position;
 
   return calculateXYZPosition(
-    parentNode,
+    parent,
     nodeLookup,
     {
-      x: (result.x ?? 0) + parentNodePosition.x,
-      y: (result.y ?? 0) + parentNodePosition.y,
-      z: (parentNode.internals.z ?? 0) > (result.z ?? 0) ? parentNode.internals.z ?? 0 : result.z ?? 0,
+      x: (result.x ?? 0) + parentPosition.x,
+      y: (result.y ?? 0) + parentPosition.y,
+      z: (parent.internals.z ?? 0) > (result.z ?? 0) ? parent.internals.z ?? 0 : result.z ?? 0,
     },
-    parentNode.origin || nodeOrigin
+    parent.origin || nodeOrigin
   );
 }
 

From b6f458fc5a5c853ede6089528a8e4d9d9f0654f8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 18 Apr 2024 09:57:30 +0200
Subject: [PATCH 0747/1093] chore(utils): cleanup

---
 .../src/components/NodesSelection/index.tsx   | 16 ++---
 packages/react/src/store/initialState.ts      | 14 ++---
 packages/system/src/utils/graph.ts            | 62 +++++--------------
 3 files changed, 28 insertions(+), 64 deletions(-)

diff --git a/packages/react/src/components/NodesSelection/index.tsx b/packages/react/src/components/NodesSelection/index.tsx
index e87f23af3..ae0a84d15 100644
--- a/packages/react/src/components/NodesSelection/index.tsx
+++ b/packages/react/src/components/NodesSelection/index.tsx
@@ -5,13 +5,13 @@
 import { useRef, useEffect, type MouseEvent, type KeyboardEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import { getNodesBounds } from '@xyflow/system';
+import { getInternalNodesBounds } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { useDrag } from '../../hooks/useDrag';
 import { useMoveSelectedNodes } from '../../hooks/useMoveSelectedNodes';
 import { arrowKeyDiffs } from '../NodeWrapper/utils';
-import type { InternalNode, Node, ReactFlowState } from '../../types';
+import type { Node, ReactFlowState } from '../../types';
 
 export type NodesSelectionProps<NodeType> = {
   onSelectionContextMenu?: (event: MouseEvent, nodes: NodeType[]) => void;
@@ -20,14 +20,10 @@ export type NodesSelectionProps<NodeType> = {
 };
 
 const selector = (s: ReactFlowState) => {
-  const selectedNodes: InternalNode[] = [];
-  for (const [, node] of s.nodeLookup) {
-    if (node.selected) {
-      selectedNodes.push(node);
-    }
-  }
-
-  const { width, height, x, y } = getNodesBounds(selectedNodes, { nodeOrigin: s.nodeOrigin });
+  const { width, height, x, y } = getInternalNodesBounds(s.nodeLookup, {
+    nodeOrigin: s.nodeOrigin,
+    filter: (node) => !!node.selected,
+  });
 
   return {
     width,
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index d3812725b..57844405a 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -2,14 +2,14 @@ import {
   infiniteExtent,
   ConnectionMode,
   adoptUserNodes,
-  getNodesBounds,
   getViewportForBounds,
   Transform,
   updateConnectionLookup,
   devWarn,
+  getInternalNodesBounds,
 } from '@xyflow/system';
 
-import type { Edge, Node, ReactFlowStore } from '../types';
+import type { Edge, InternalNode, Node, ReactFlowStore } from '../types';
 
 const getInitialState = ({
   nodes,
@@ -28,7 +28,7 @@ const getInitialState = ({
   height?: number;
   fitView?: boolean;
 } = {}): ReactFlowStore => {
-  const nodeLookup = new Map();
+  const nodeLookup = new Map<string, InternalNode>();
   const parentLookup = new Map();
   const connectionLookup = new Map();
   const edgeLookup = new Map();
@@ -44,11 +44,11 @@ const getInitialState = ({
   let transform: Transform = [0, 0, 1];
 
   if (fitView && width && height) {
-    const nodesWithDimensions = storeNodes.filter(
-      (node) => (node.width || node.initialWidth) && (node.height || node.initialHeight)
-    );
     // @todo users nodeOrigin should be used here
-    const bounds = getNodesBounds(nodesWithDimensions, { nodeOrigin: [0, 0] });
+    const bounds = getInternalNodesBounds(nodeLookup, {
+      nodeOrigin: [0, 0],
+      filter: (node) => !!((node.width || node.initialWidth) && (node.height || node.initialHeight)),
+    });
     const { x, y, zoom } = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
     transform = [x, y, zoom];
   }
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index c306f3e3e..53592609d 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -4,13 +4,12 @@ import {
   clampPosition,
   getBoundsOfBoxes,
   getOverlappingArea,
-  rectToBox,
   nodeToRect,
   pointToRendererPoint,
   getViewportForBounds,
   isCoordinateExtent,
   getNodeDimensions,
-  getPositionWithOrigin,
+  nodeToBox,
 } from './general';
 import {
   type Transform,
@@ -131,7 +130,6 @@ export const getNodePositionWithOrigin = (
 
 export type GetNodesBoundsParams = {
   nodeOrigin?: NodeOrigin;
-  useRelativePosition?: boolean;
 };
 
 /**
@@ -140,28 +138,17 @@ export type GetNodesBoundsParams = {
  * @remarks Useful when combined with {@link getViewportForBounds} to calculate the correct transform to fit the given nodes in a viewport.
  * @param nodes - Nodes to calculate the bounds for
  * @param params.nodeOrigin - Origin of the nodes: [0, 0] - top left, [0.5, 0.5] - center
- * @param params.useRelativePosition - Whether to use the relative or absolute node positions
  * @returns Bounding box enclosing all nodes
  */
-// @todo how to handle this if users do not have absolute positions?
-export const getNodesBounds = (
-  nodes: NodeBase[],
-  params: GetNodesBoundsParams = { nodeOrigin: [0, 0], useRelativePosition: false }
-): Rect => {
+export const getNodesBounds = (nodes: NodeBase[], params: GetNodesBoundsParams = { nodeOrigin: [0, 0] }): Rect => {
   if (nodes.length === 0) {
     return { x: 0, y: 0, width: 0, height: 0 };
   }
 
   const box = nodes.reduce(
     (currBox, node) => {
-      const nodePos = getNodePositionWithOrigin(node, params.nodeOrigin);
-      return getBoundsOfBoxes(
-        currBox,
-        rectToBox({
-          ...nodePos[params.useRelativePosition ? 'position' : 'positionAbsolute'],
-          ...getNodeDimensions(node),
-        })
-      );
+      const nodeBox = nodeToBox(node, params.nodeOrigin);
+      return getBoundsOfBoxes(currBox, nodeBox);
     },
     { x: Infinity, y: Infinity, x2: -Infinity, y2: -Infinity }
   );
@@ -169,19 +156,19 @@ export const getNodesBounds = (
   return boxToRect(box);
 };
 
-export type GetInternalNodesBoundsParams = {
+export type GetInternalNodesBoundsParams<NodeType> = {
   nodeOrigin?: NodeOrigin;
   useRelativePosition?: boolean;
-  filter?: (node: NodeBase | NodeDragItem) => boolean;
+  filter?: (node: NodeType) => boolean;
 };
 
 /**
  * Determines a bounding box that contains all given nodes in an array
  * @internal
  */
-export const getInternalNodesBounds = (
-  nodeLookup: NodeLookup | Map<string, NodeDragItem>,
-  params: GetInternalNodesBoundsParams = {
+export const getInternalNodesBounds = <NodeType extends InternalNodeBase | NodeDragItem>(
+  nodeLookup: Map<string, NodeType>,
+  params: GetInternalNodesBoundsParams<NodeType> = {
     nodeOrigin: [0, 0],
   }
 ): Rect => {
@@ -193,24 +180,8 @@ export const getInternalNodesBounds = (
 
   nodeLookup.forEach((node) => {
     if (params.filter == undefined || params.filter(node)) {
-      const { width, height } = getNodeDimensions(node);
-      const { x, y } = getPositionWithOrigin({
-        x: node.internals.positionAbsolute.x,
-        y: node.internals.positionAbsolute.x,
-        width,
-        height,
-        origin: node.origin || params.nodeOrigin,
-      });
-
-      box = getBoundsOfBoxes(
-        box,
-        rectToBox({
-          x,
-          y,
-          width,
-          height,
-        })
-      );
+      const nodeBox = nodeToBox(node as InternalNodeBase, params.nodeOrigin);
+      box = getBoundsOfBoxes(box, nodeBox);
     }
   });
 
@@ -218,7 +189,7 @@ export const getInternalNodesBounds = (
 };
 
 export const getNodesInside = <NodeType extends NodeBase = NodeBase>(
-  nodeLookup: Map<string, InternalNodeBase<NodeType>>,
+  nodes: Map<string, InternalNodeBase<NodeType>>,
   rect: Rect,
   [tx, ty, tScale]: Transform = [0, 0, 1],
   partially = false,
@@ -234,7 +205,7 @@ export const getNodesInside = <NodeType extends NodeBase = NodeBase>(
 
   const visibleNodes: InternalNodeBase<NodeType>[] = [];
 
-  for (const [, node] of nodeLookup) {
+  for (const [, node] of nodes) {
     const { measured, selectable = true, hidden = false } = node;
     const width = measured.width ?? node.width ?? node.initialWidth ?? null;
     const height = measured.height ?? node.height ?? node.initialHeight ?? null;
@@ -281,15 +252,12 @@ export function fitView<Params extends FitViewParamsBase<NodeBase>, Options exte
   options?: Options
 ) {
   const filteredNodes: InternalNodeBase[] = [];
+  const optionNodeIds = options?.nodes ? new Set(options.nodes.map((node) => node.id)) : null;
 
   nodeLookup.forEach((n) => {
     const isVisible = n.measured.width && n.measured.height && (options?.includeHiddenNodes || !n.hidden);
 
-    // TODO: this remove options.nodes.some with a Set
-    if (
-      isVisible &&
-      (!options?.nodes || (options?.nodes.length && options?.nodes.some((optionNode) => optionNode.id === n.id)))
-    ) {
+    if (isVisible && (!optionNodeIds || optionNodeIds.has(n.id))) {
       filteredNodes.push(n);
     }
   });

From 4a7ba3f6ea9d4176a1b94dc1c10ca258c83a2e1d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 18 Apr 2024 11:36:26 +0200
Subject: [PATCH 0748/1093] refactor(react): cleanup provider

---
 .../components/ReactFlowProvider/index.tsx    | 55 +++++++++----------
 .../react/src/container/ReactFlow/Wrapper.tsx |  2 +-
 packages/react/src/contexts/RFStoreContext.ts |  8 ---
 packages/react/src/contexts/StoreContext.ts   |  8 +++
 packages/react/src/hooks/useStore.ts          |  5 +-
 packages/react/src/store/index.ts             |  4 +-
 6 files changed, 40 insertions(+), 42 deletions(-)
 delete mode 100644 packages/react/src/contexts/RFStoreContext.ts
 create mode 100644 packages/react/src/contexts/StoreContext.ts

diff --git a/packages/react/src/components/ReactFlowProvider/index.tsx b/packages/react/src/components/ReactFlowProvider/index.tsx
index 3d2577e7a..33d3d4c4e 100644
--- a/packages/react/src/components/ReactFlowProvider/index.tsx
+++ b/packages/react/src/components/ReactFlowProvider/index.tsx
@@ -1,22 +1,10 @@
-import { useRef, type ReactNode } from 'react';
-import { type StoreApi } from 'zustand';
-import { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
+import { useState, type ReactNode } from 'react';
 
-import { Provider } from '../../contexts/RFStoreContext';
-import { createRFStore } from '../../store';
-import type { ReactFlowState, Node, Edge } from '../../types';
+import { Provider } from '../../contexts/StoreContext';
+import { createStore } from '../../store';
+import type { Node, Edge } from '../../types';
 
-export function ReactFlowProvider({
-  children,
-  initialNodes,
-  initialEdges,
-  defaultNodes,
-  defaultEdges,
-  initialWidth,
-  initialHeight,
-  fitView,
-}: {
-  children: ReactNode;
+export type ReactFlowProviderProps = {
   initialNodes?: Node[];
   initialEdges?: Edge[];
   defaultNodes?: Node[];
@@ -24,19 +12,30 @@ export function ReactFlowProvider({
   initialWidth?: number;
   initialHeight?: number;
   fitView?: boolean;
-}) {
-  const storeRef = useRef<UseBoundStoreWithEqualityFn<StoreApi<ReactFlowState>> | null>(null);
-  if (!storeRef.current) {
-    storeRef.current = createRFStore({
-      nodes: initialNodes,
-      edges: initialEdges,
+  children: ReactNode;
+};
+
+export function ReactFlowProvider({
+  initialNodes: nodes,
+  initialEdges: edges,
+  defaultNodes,
+  defaultEdges,
+  initialWidth: width,
+  initialHeight: height,
+  fitView,
+  children,
+}: ReactFlowProviderProps) {
+  const [store] = useState(() =>
+    createStore({
+      nodes,
+      edges,
       defaultNodes,
       defaultEdges,
-      width: initialWidth,
-      height: initialHeight,
+      width,
+      height,
       fitView,
-    });
-  }
+    })
+  );
 
-  return <Provider value={storeRef.current}>{children}</Provider>;
+  return <Provider value={store}>{children}</Provider>;
 }
diff --git a/packages/react/src/container/ReactFlow/Wrapper.tsx b/packages/react/src/container/ReactFlow/Wrapper.tsx
index b82ca2495..af9ad4a4c 100644
--- a/packages/react/src/container/ReactFlow/Wrapper.tsx
+++ b/packages/react/src/container/ReactFlow/Wrapper.tsx
@@ -1,6 +1,6 @@
 import { useContext, type ReactNode } from 'react';
 
-import StoreContext from '../../contexts/RFStoreContext';
+import StoreContext from '../../contexts/StoreContext';
 import { ReactFlowProvider } from '../../components/ReactFlowProvider';
 import type { Node, Edge } from '../../types';
 
diff --git a/packages/react/src/contexts/RFStoreContext.ts b/packages/react/src/contexts/RFStoreContext.ts
deleted file mode 100644
index 7f0d8be8e..000000000
--- a/packages/react/src/contexts/RFStoreContext.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { createContext } from 'react';
-
-import { createRFStore } from '../store';
-
-const StoreContext = createContext<ReturnType<typeof createRFStore> | null>(null);
-
-export const Provider = StoreContext.Provider;
-export default StoreContext;
diff --git a/packages/react/src/contexts/StoreContext.ts b/packages/react/src/contexts/StoreContext.ts
new file mode 100644
index 000000000..316ef16c3
--- /dev/null
+++ b/packages/react/src/contexts/StoreContext.ts
@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+
+import { createStore } from '../store';
+
+const StoreContext = createContext<ReturnType<typeof createStore> | null>(null);
+
+export const Provider = StoreContext.Provider;
+export default StoreContext;
diff --git a/packages/react/src/hooks/useStore.ts b/packages/react/src/hooks/useStore.ts
index 8a600706a..88c1abad7 100644
--- a/packages/react/src/hooks/useStore.ts
+++ b/packages/react/src/hooks/useStore.ts
@@ -1,10 +1,10 @@
 import { useContext, useMemo } from 'react';
 import { UseBoundStoreWithEqualityFn, useStoreWithEqualityFn as useZustandStore } from 'zustand/traditional';
+import { StoreApi } from 'zustand';
 import { errorMessages } from '@xyflow/system';
 
-import StoreContext from '../contexts/RFStoreContext';
+import StoreContext from '../contexts/StoreContext';
 import type { Edge, Node, ReactFlowState } from '../types';
-import { StoreApi } from 'zustand';
 
 const zustandErrorMessage = errorMessages['error001']();
 
@@ -47,7 +47,6 @@ function useStoreApi<NodeType extends Node = Node, EdgeType extends Edge = Edge>
       getState: store.getState,
       setState: store.setState,
       subscribe: store.subscribe,
-      destroy: store.destroy,
     }),
     [store]
   );
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 48010a2e5..5d7f521b3 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -18,7 +18,7 @@ import { applyEdgeChanges, applyNodeChanges, createSelectionChange, getSelection
 import getInitialState from './initialState';
 import type { ReactFlowState, Node, Edge, UnselectNodesAndEdgesParams, FitViewOptions } from '../types';
 
-const createRFStore = ({
+const createStore = ({
   nodes,
   edges,
   defaultNodes,
@@ -329,4 +329,4 @@ const createRFStore = ({
     Object.is
   );
 
-export { createRFStore };
+export { createStore };

From a0a046e21f02c813d5205fe4abc4e11e6b8d7012 Mon Sep 17 00:00:00 2001
From: Daniel Darabos <darabos.daniel@gmail.com>
Date: Thu, 18 Apr 2024 12:35:13 +0200
Subject: [PATCH 0749/1093] Do not reset nodes and edges. They are controlled
 by the user.

---
 packages/svelte/src/lib/store/index.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index c808d2afe..7ab5611ad 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -349,8 +349,6 @@ export function createStore({
     store.selectionRectMode.set(null);
     store.snapGrid.set(null);
     store.isValidConnection.set(() => true);
-    store.nodes.set([]);
-    store.edges.set([]);
 
     unselectNodesAndEdges();
     cancelConnection();

From 973a3ddd3504a8f28b836b661c91dd26700d8ade Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Thu, 18 Apr 2024 18:00:49 +0200
Subject: [PATCH 0750/1093] fix(react): node observation #4064 (#4182)

* fix(react): node observation #4064

* chore(react): cleanup useNodeObserver

* chore(react): cleanup useNodeObserver
---
 .../react/src/examples/NodeResizer/index.tsx  |  1 +
 .../src/components/NodeWrapper/index.tsx      | 80 ++++---------------
 .../components/NodeWrapper/useNodeObserver.ts | 71 ++++++++++++++++
 .../NodeRenderer/useResizeObserver.ts         | 19 ++---
 4 files changed, 94 insertions(+), 77 deletions(-)
 create mode 100644 packages/react/src/components/NodeWrapper/useNodeObserver.ts

diff --git a/examples/react/src/examples/NodeResizer/index.tsx b/examples/react/src/examples/NodeResizer/index.tsx
index 7afb411fa..8d5b7602f 100644
--- a/examples/react/src/examples/NodeResizer/index.tsx
+++ b/examples/react/src/examples/NodeResizer/index.tsx
@@ -185,6 +185,7 @@ const CustomNodeFlow = () => {
       maxZoom={5}
       snapToGrid={snapToGrid}
       fitView
+      onlyRenderVisibleElements
     >
       <Controls />
       <Panel position="bottom-right">
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index acc0d7fec..dfbb7b93c 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, type MouseEvent, type KeyboardEvent } from 'react';
+import { type MouseEvent, type KeyboardEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
 import {
@@ -18,6 +18,7 @@ import { useDrag } from '../../hooks/useDrag';
 import { useMoveSelectedNodes } from '../../hooks/useMoveSelectedNodes';
 import { handleNodeClick } from '../Nodes/utils';
 import { arrowKeyDiffs, builtinNodeTypes, getNodeInlineStyleDimensions } from './utils';
+import { useNodeObserver } from './useNodeObserver';
 import type { InternalNode, Node, NodeWrapperProps } from '../../types';
 
 export function NodeWrapper<NodeType extends Node>({
@@ -68,58 +69,8 @@ export function NodeWrapper<NodeType extends Node>({
   const isFocusable = !!(node.focusable || (nodesFocusable && typeof node.focusable === 'undefined'));
 
   const store = useStoreApi();
-  const nodeRef = useRef<HTMLDivElement>(null);
-  const prevSourcePosition = useRef(node.sourcePosition);
-  const prevTargetPosition = useRef(node.targetPosition);
-  const prevType = useRef(nodeType);
-
-  const nodeDimensions = getNodeDimensions(node);
-  const inlineDimensions = getNodeInlineStyleDimensions(node);
-  const initialized = nodeHasDimensions(node);
-  const hasHandleBounds = !!node.internals.handleBounds;
-
-  const moveSelectedNodes = useMoveSelectedNodes();
-
-  useEffect(() => {
-    const currNode = nodeRef.current;
-
-    return () => {
-      if (currNode) {
-        resizeObserver?.unobserve(currNode);
-      }
-    };
-  }, []);
-
-  useEffect(() => {
-    if (nodeRef.current && !node.hidden) {
-      const currNode = nodeRef.current;
-      if (!initialized || !hasHandleBounds) {
-        resizeObserver?.unobserve(currNode);
-        resizeObserver?.observe(currNode);
-      }
-    }
-  }, [node.hidden, initialized, hasHandleBounds]);
-
-  useEffect(() => {
-    // when the user programmatically changes the source or handle position, we re-initialize the node
-    const typeChanged = prevType.current !== nodeType;
-    const sourcePosChanged = prevSourcePosition.current !== node.sourcePosition;
-    const targetPosChanged = prevTargetPosition.current !== node.targetPosition;
-
-    if (nodeRef.current && (typeChanged || sourcePosChanged || targetPosChanged)) {
-      if (typeChanged) {
-        prevType.current = nodeType;
-      }
-      if (sourcePosChanged) {
-        prevSourcePosition.current = node.sourcePosition;
-      }
-      if (targetPosChanged) {
-        prevTargetPosition.current = node.targetPosition;
-      }
-      store.getState().updateNodeInternals(new Map([[id, { id, nodeElement: nodeRef.current, force: true }]]));
-    }
-  }, [id, nodeType, node.sourcePosition, node.targetPosition]);
-
+  const hasDimensions = nodeHasDimensions(node);
+  const nodeRef = useNodeObserver({ node, nodeType, hasDimensions, resizeObserver });
   const dragging = useDrag({
     nodeRef,
     disabled: node.hidden || !isDraggable,
@@ -128,20 +79,21 @@ export function NodeWrapper<NodeType extends Node>({
     nodeId: id,
     isSelectable,
   });
+  const moveSelectedNodes = useMoveSelectedNodes();
 
   if (node.hidden) {
     return null;
   }
 
-  const positionAbsolute = nodeExtent
-    ? clampPosition(node.internals.positionAbsolute, nodeExtent)
-    : node.internals.positionAbsolute || { x: 0, y: 0 };
+  const nodeDimensions = getNodeDimensions(node);
+  const inlineDimensions = getNodeInlineStyleDimensions(node);
+  const clampedPosition = nodeExtent
+    ? clampPosition(internals.positionAbsolute, nodeExtent)
+    : internals.positionAbsolute;
 
   const positionWithOrigin = getPositionWithOrigin({
-    x: positionAbsolute.x,
-    y: positionAbsolute.y,
-    width: nodeDimensions.width,
-    height: nodeDimensions.height,
+    ...clampedPosition,
+    ...nodeDimensions,
     origin: node.origin || nodeOrigin,
   });
   const hasPointerEvents = isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave;
@@ -188,7 +140,7 @@ export function NodeWrapper<NodeType extends Node>({
       store.setState({
         ariaLiveMessage: `Moved selected node ${event.key
           .replace('Arrow', '')
-          .toLowerCase()}. New position, x: ${~~positionAbsolute.x}, y: ${~~positionAbsolute.y}`,
+          .toLowerCase()}. New position, x: ${~~clampedPosition.x}, y: ${~~clampedPosition.y}`,
       });
 
       moveSelectedNodes({
@@ -221,7 +173,7 @@ export function NodeWrapper<NodeType extends Node>({
         zIndex: internals.z,
         transform: `translate(${positionWithOrigin.x}px,${positionWithOrigin.y}px)`,
         pointerEvents: hasPointerEvents ? 'all' : 'none',
-        visibility: initialized ? 'visible' : 'hidden',
+        visibility: hasDimensions ? 'visible' : 'hidden',
         ...node.style,
         ...inlineDimensions,
       }}
@@ -244,8 +196,8 @@ export function NodeWrapper<NodeType extends Node>({
           id={id}
           data={node.data}
           type={nodeType}
-          positionAbsoluteX={positionAbsolute.x}
-          positionAbsoluteY={positionAbsolute.y}
+          positionAbsoluteX={clampedPosition.x}
+          positionAbsoluteY={clampedPosition.y}
           selected={node.selected}
           isConnectable={isConnectable}
           sourcePosition={node.sourcePosition}
diff --git a/packages/react/src/components/NodeWrapper/useNodeObserver.ts b/packages/react/src/components/NodeWrapper/useNodeObserver.ts
new file mode 100644
index 000000000..1476e9200
--- /dev/null
+++ b/packages/react/src/components/NodeWrapper/useNodeObserver.ts
@@ -0,0 +1,71 @@
+import { useEffect, useRef } from 'react';
+
+import type { InternalNode } from '../../types';
+import { useStoreApi } from '../../hooks/useStore';
+
+/**
+ * Hook to handle the resize observation + internal updates for the passed node.
+ *
+ * @internal
+ * @returns nodeRef - reference to the node element
+ */
+export function useNodeObserver({
+  node,
+  nodeType,
+  hasDimensions,
+  resizeObserver,
+}: {
+  node: InternalNode;
+  nodeType: string;
+  hasDimensions: boolean;
+  resizeObserver: ResizeObserver | null;
+}) {
+  const store = useStoreApi();
+  const nodeRef = useRef<HTMLDivElement | null>(null);
+  const observedNode = useRef<HTMLDivElement | null>(null);
+  const prevSourcePosition = useRef(node.sourcePosition);
+  const prevTargetPosition = useRef(node.targetPosition);
+  const prevType = useRef(nodeType);
+  const isInitialized = hasDimensions && !!node.internals.handleBounds && !node.hidden;
+
+  useEffect(() => {
+    if (nodeRef.current && (!isInitialized || observedNode.current !== nodeRef.current)) {
+      if (observedNode.current) {
+        resizeObserver?.unobserve(observedNode.current);
+      }
+      resizeObserver?.observe(nodeRef.current);
+      observedNode.current = nodeRef.current;
+    }
+  }, [isInitialized]);
+
+  useEffect(() => {
+    return () => {
+      if (observedNode.current) {
+        resizeObserver?.unobserve(observedNode.current);
+        observedNode.current = null;
+      }
+    };
+  }, []);
+
+  useEffect(() => {
+    if (nodeRef.current) {
+      // when the user programmatically changes the source or handle position, we need to update the internals
+      // to make sure the edges are updated correctly
+      const typeChanged = prevType.current !== nodeType;
+      const sourcePosChanged = prevSourcePosition.current !== node.sourcePosition;
+      const targetPosChanged = prevTargetPosition.current !== node.targetPosition;
+
+      if (typeChanged || sourcePosChanged || targetPosChanged) {
+        prevType.current = nodeType;
+        prevSourcePosition.current = node.sourcePosition;
+        prevTargetPosition.current = node.targetPosition;
+
+        store
+          .getState()
+          .updateNodeInternals(new Map([[node.id, { id: node.id, nodeElement: nodeRef.current, force: true }]]));
+      }
+    }
+  }, [node.id, nodeType, node.sourcePosition, node.targetPosition]);
+
+  return nodeRef;
+}
diff --git a/packages/react/src/container/NodeRenderer/useResizeObserver.ts b/packages/react/src/container/NodeRenderer/useResizeObserver.ts
index fa7d501fa..b722d4408 100644
--- a/packages/react/src/container/NodeRenderer/useResizeObserver.ts
+++ b/packages/react/src/container/NodeRenderer/useResizeObserver.ts
@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef } from 'react';
+import { useEffect, useState } from 'react';
 
 import { ReactFlowState } from '../../types';
 import { useStore } from '../../hooks/useStore';
@@ -8,16 +8,13 @@ const selector = (s: ReactFlowState) => s.updateNodeInternals;
 
 export function useResizeObserver() {
   const updateNodeInternals = useStore(selector);
-  const resizeObserverRef = useRef<ResizeObserver>();
-
-  const resizeObserver = useMemo(() => {
+  const [resizeObserver] = useState(() => {
     if (typeof ResizeObserver === 'undefined') {
       return null;
     }
 
-    const observer = new ResizeObserver((entries: ResizeObserverEntry[]) => {
+    return new ResizeObserver((entries: ResizeObserverEntry[]) => {
       const updates = new Map<string, InternalNodeUpdate>();
-
       entries.forEach((entry: ResizeObserverEntry) => {
         const id = entry.target.getAttribute('data-id') as string;
         updates.set(id, {
@@ -28,17 +25,13 @@ export function useResizeObserver() {
 
       updateNodeInternals(updates);
     });
-
-    resizeObserverRef.current = observer;
-
-    return observer;
-  }, []);
+  });
 
   useEffect(() => {
     return () => {
-      resizeObserverRef?.current?.disconnect();
+      resizeObserver?.disconnect();
     };
-  }, []);
+  }, [resizeObserver]);
 
   return resizeObserver;
 }

From 7e8bcd8825ad985be9f478b2bc9fe4eec478b880 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 22 Apr 2024 14:51:23 +0200
Subject: [PATCH 0751/1093] refactor(react): add setAttributes for dimension
 changes

---
 packages/react/CHANGELOG.md                               | 8 ++++++--
 .../NodeResizer/NodeResizeControl.tsx                     | 1 +
 packages/react/src/utils/changes.ts                       | 2 +-
 packages/system/src/types/changes.ts                      | 3 +++
 packages/system/src/utils/store.ts                        | 2 +-
 5 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 232dccb45..a658fddcc 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,12 +1,16 @@
 # @xyflow/react
 
-## 12.0.0-next.xx
+## 12.0.0-next.15
 
 ## Patch changes
 
+- re-observe nodes when using `onlyRenderVisibleElements={true}`
 - use correct positions for intersection helpers
 - fix minimap interaction for touch devices
-- pass user nodes to `onSelectionChange` instead of internal ones
+- pass user nodes to `onSelectionChange` instead of internal ones to work with Redux
+- call `onEnd` in XYResizer thanks @tonyf
+- cleanup `getPositionWithOrigin` usage
+- use `setAttributes` flag for dimension change when `width`/`height` should be set
 
 ## 12.0.0-next.14
 
diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index 8e6ca2f1c..79746f84a 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -113,6 +113,7 @@ function ResizeControl({
               id,
               type: 'dimensions',
               resizing: true,
+              setAttributes: true,
               dimensions: {
                 width: change.width,
                 height: change.height,
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 69b220f6d..294af3e1a 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -100,7 +100,7 @@ function applyChange(change: any, element: any): any {
         element.measured.width = change.dimensions.width;
         element.measured.height = change.dimensions.height;
 
-        if (change.resizing) {
+        if (change.setAttributes) {
           element.width = change.dimensions.width;
           element.height = change.dimensions.height;
         }
diff --git a/packages/system/src/types/changes.ts b/packages/system/src/types/changes.ts
index d2da81cf6..5db0b6de5 100644
--- a/packages/system/src/types/changes.ts
+++ b/packages/system/src/types/changes.ts
@@ -4,7 +4,10 @@ export type NodeDimensionChange = {
   id: string;
   type: 'dimensions';
   dimensions?: Dimensions;
+  /* if this is true, the node is currently being resized via the NodeResizer */
   resizing?: boolean;
+  /* if this is true, we will set width and height of the node and not just the measured dimensions */
+  setAttributes?: boolean;
 };
 
 export type NodePositionChange = {
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 385b44ef1..e3e378ebc 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -217,7 +217,7 @@ export function handleExpandParent(
         changes.push({
           id: parentId,
           type: 'dimensions',
-          resizing: true,
+          setAttributes: true,
           dimensions: {
             width: Math.max(dimensions.width, Math.round(expandedRect.width)),
             height: Math.max(dimensions.height, Math.round(expandedRect.height)),

From d0e07b2e045a81c2b95ad258d538245e61872237 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 22 Apr 2024 15:06:05 +0200
Subject: [PATCH 0752/1093] chore(packages): bump

---
 packages/react/package.json  | 2 +-
 packages/system/package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index b9beea2f8..54a6dfa53 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.14",
+  "version": "12.0.0-next.15",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/system/package.json b/packages/system/package.json
index 4a43caa69..849a01fe0 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 40937c38aec0fdca15ecd9a82fe4f7bcc450e38b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 22 Apr 2024 15:09:30 +0200
Subject: [PATCH 0753/1093] refactor(updateNode): replace false as default
 closes #4164

---
 packages/react/CHANGELOG.md              | 1 +
 packages/react/src/hooks/useReactFlow.ts | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index a658fddcc..43fb46360 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -11,6 +11,7 @@
 - call `onEnd` in XYResizer thanks @tonyf
 - cleanup `getPositionWithOrigin` usage
 - use `setAttributes` flag for dimension change when `width`/`height` should be set
+- use `replace: false` as the default for `updateNode` function
 
 ## 12.0.0-next.14
 
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index da4077786..56c9ae5d7 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -291,7 +291,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
   );
 
   const updateNode = useCallback<Instance.UpdateNode<NodeType>>(
-    (id, nodeUpdate, options = { replace: true }) => {
+    (id, nodeUpdate, options = { replace: false }) => {
       setNodes((prevNodes) =>
         prevNodes.map((node) => {
           if (node.id === id) {

From 72582b035fe016cc1b86cc242e0c76457ccffe77 Mon Sep 17 00:00:00 2001
From: RedPhoenixQ <steve.dark.03@gmail.com>
Date: Mon, 22 Apr 2024 18:29:07 +0200
Subject: [PATCH 0754/1093] Move node EventMap to types and use
 createEventDispatcher from svelte

Using createEventDispatcher from another imported function seems to
break the svelte types and thus none of the node events where typed.
---
 .../NodeSelection/NodeSelection.svelte        | 20 +++++++++----------
 .../components/NodeWrapper/NodeWrapper.svelte |  6 +++---
 packages/svelte/src/lib/types/nodes.ts        | 11 ++++++++++
 packages/svelte/src/lib/utils/index.ts        | 13 ------------
 4 files changed, 24 insertions(+), 26 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index e648604ad..08a1cd6e1 100644
--- a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -5,17 +5,17 @@
   import { useStore } from '$lib/store';
   import { Selection } from '$lib/components/Selection';
   import drag from '$lib/actions/drag';
-  import type { Node } from '$lib/types';
-  import { createNodeEventDispatcher } from '$lib';
+  import type { Node, NodeEventMap } from '$lib/types';
 
   const store = useStore();
   const { selectionRectMode, nodes } = store;
 
-  const dispatch = createEventDispatcher<{
-    selectioncontextmenu: { nodes: Node[]; event: MouseEvent | TouchEvent };
-    selectionclick: { nodes: Node[]; event: MouseEvent | TouchEvent };
-  }>();
-  const dispatchNodeEvent = createNodeEventDispatcher();
+  const dispatch = createEventDispatcher<
+    NodeEventMap & {
+      selectioncontextmenu: { nodes: Node[]; event: MouseEvent | TouchEvent };
+      selectionclick: { nodes: Node[]; event: MouseEvent | TouchEvent };
+    }
+  >();
 
   $: selectedNodes = $nodes.filter((n) => n.selected);
   $: bounds = getNodesBounds(selectedNodes);
@@ -37,13 +37,13 @@
       disabled: false,
       store,
       onDrag: (event, _, __, nodes) => {
-        dispatchNodeEvent('nodedrag', { event, targetNode: null, nodes });
+        dispatch('nodedrag', { event, targetNode: null, nodes });
       },
       onDragStart: (event, _, __, nodes) => {
-        dispatchNodeEvent('nodedragstart', { event, targetNode: null, nodes });
+        dispatch('nodedragstart', { event, targetNode: null, nodes });
       },
       onDragStop: (event, _, __, nodes) => {
-        dispatchNodeEvent('nodedragstop', { event, targetNode: null, nodes });
+        dispatch('nodedragstop', { event, targetNode: null, nodes });
       }
     }}
     on:contextmenu={onContextMenu}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 74a30a3b5..c0966ab9d 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -1,7 +1,7 @@
 <svelte:options immutable />
 
 <script lang="ts">
-  import { setContext, onDestroy } from 'svelte';
+  import { setContext, onDestroy, createEventDispatcher } from 'svelte';
   import { get, writable } from 'svelte/store';
   import cc from 'classcat';
   import { errorMessages, Position } from '@xyflow/system';
@@ -11,7 +11,7 @@
   import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
   import type { NodeWrapperProps } from './types';
   import { getNodeInlineStyleDimensions } from './utils';
-  import { createNodeEventDispatcher } from '$lib';
+  import type { NodeEventMap } from '$lib/types';
 
   interface $$Props extends NodeWrapperProps {}
 
@@ -58,7 +58,7 @@
   let nodeRef: HTMLDivElement;
   let prevNodeRef: HTMLDivElement | null = null;
 
-  const dispatchNodeEvent = createNodeEventDispatcher();
+  const dispatchNodeEvent = createEventDispatcher<NodeEventMap>();
   const connectableStore = writable(connectable);
   let prevType: string | undefined = undefined;
   let prevSourcePosition: Position | undefined = undefined;
diff --git a/packages/svelte/src/lib/types/nodes.ts b/packages/svelte/src/lib/types/nodes.ts
index 488b306ff..0e741c001 100644
--- a/packages/svelte/src/lib/types/nodes.ts
+++ b/packages/svelte/src/lib/types/nodes.ts
@@ -45,3 +45,14 @@ export type NodeTypes = Record<
 export type DefaultNodeOptions = Partial<Omit<Node, 'id'>>;
 
 export type BuiltInNode = Node<{ label: string }, 'input' | 'output' | 'default'>;
+
+export type NodeEventMap = {
+  nodeclick: { node: Node; event: MouseEvent | TouchEvent };
+  nodecontextmenu: { node: Node; event: MouseEvent | TouchEvent };
+  nodedrag: { targetNode: Node | null; nodes: Node[]; event: MouseEvent | TouchEvent };
+  nodedragstart: { targetNode: Node | null; nodes: Node[]; event: MouseEvent | TouchEvent };
+  nodedragstop: { targetNode: Node | null; nodes: Node[]; event: MouseEvent | TouchEvent };
+  nodemouseenter: { node: Node; event: MouseEvent | TouchEvent };
+  nodemouseleave: { node: Node; event: MouseEvent | TouchEvent };
+  nodemousemove: { node: Node; event: MouseEvent | TouchEvent };
+};
diff --git a/packages/svelte/src/lib/utils/index.ts b/packages/svelte/src/lib/utils/index.ts
index 8c9acdf36..10f205cac 100644
--- a/packages/svelte/src/lib/utils/index.ts
+++ b/packages/svelte/src/lib/utils/index.ts
@@ -1,4 +1,3 @@
-import { createEventDispatcher } from 'svelte';
 import { isNodeBase, isEdgeBase } from '@xyflow/system';
 
 import type { Edge, Node } from '$lib/types';
@@ -22,15 +21,3 @@ export const isNode = <NodeType extends Node = Node>(element: unknown): element
  */
 export const isEdge = <EdgeType extends Edge = Edge>(element: unknown): element is EdgeType =>
   isEdgeBase<EdgeType>(element);
-
-export const createNodeEventDispatcher = () =>
-  createEventDispatcher<{
-    nodeclick: { node: Node; event: MouseEvent | TouchEvent };
-    nodecontextmenu: { node: Node; event: MouseEvent | TouchEvent };
-    nodedrag: { targetNode: Node | null; nodes: Node[]; event: MouseEvent | TouchEvent };
-    nodedragstart: { targetNode: Node | null; nodes: Node[]; event: MouseEvent | TouchEvent };
-    nodedragstop: { targetNode: Node | null; nodes: Node[]; event: MouseEvent | TouchEvent };
-    nodemouseenter: { node: Node; event: MouseEvent | TouchEvent };
-    nodemouseleave: { node: Node; event: MouseEvent | TouchEvent };
-    nodemousemove: { node: Node; event: MouseEvent | TouchEvent };
-  }>();

From a7b6789ce03c6e3c5ab9ccd2ca4b9b37028abf9b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 25 Apr 2024 12:57:24 +0200
Subject: [PATCH 0755/1093] fix(react): handle setNodes batching in provider
 #4147

---
 .../src/components/BatchProvider/index.tsx    |  80 +++++++++++
 .../src/components/BatchProvider/types.ts     |   7 +
 .../src/components/BatchProvider/useQueue.ts  |  44 ++++++
 .../src/components/BatchProvider/utils.ts     |  16 +++
 .../components/ReactFlowProvider/index.tsx    |   7 +-
 packages/react/src/hooks/useReactFlow.ts      | 134 +++++-------------
 packages/react/src/utils/changes.ts           |   3 +-
 7 files changed, 187 insertions(+), 104 deletions(-)
 create mode 100644 packages/react/src/components/BatchProvider/index.tsx
 create mode 100644 packages/react/src/components/BatchProvider/types.ts
 create mode 100644 packages/react/src/components/BatchProvider/useQueue.ts
 create mode 100644 packages/react/src/components/BatchProvider/utils.ts

diff --git a/packages/react/src/components/BatchProvider/index.tsx b/packages/react/src/components/BatchProvider/index.tsx
new file mode 100644
index 000000000..a3acec3eb
--- /dev/null
+++ b/packages/react/src/components/BatchProvider/index.tsx
@@ -0,0 +1,80 @@
+import { createContext, ReactNode, useCallback, useContext, useMemo } from 'react';
+import { EdgeChange, NodeChange } from '@xyflow/system';
+
+import { useStoreApi } from '../../hooks/useStore';
+import { getElementsDiffChanges } from '../../utils';
+import { Queue, QueueItem } from './types';
+import type { Edge, Node } from '../../types';
+import { useQueue } from './useQueue';
+
+const BatchContext = createContext<{
+  nodeQueue: Queue<Node>;
+  edgeQueue: Queue<Edge>;
+} | null>(null);
+
+export function BatchProvider<NodeType extends Node = Node, EdgeType extends Edge = Edge>({
+  children,
+}: {
+  children: ReactNode;
+}) {
+  const store = useStoreApi<NodeType, EdgeType>();
+
+  const nodeQueueHandler = useCallback((queueItems: QueueItem<NodeType>[]) => {
+    const { nodes = [], setNodes, hasDefaultNodes, onNodesChange, nodeLookup } = store.getState();
+
+    // This is essentially an `Array.reduce` in imperative clothing. Processing
+    // this queue is a relatively hot path so we'd like to avoid the overhead of
+    // array methods where we can.
+    let next = nodes as NodeType[];
+    for (const payload of queueItems) {
+      next = typeof payload === 'function' ? payload(next) : payload;
+    }
+
+    if (hasDefaultNodes) {
+      setNodes(next);
+    } else if (onNodesChange) {
+      onNodesChange(
+        getElementsDiffChanges({
+          items: next,
+          lookup: nodeLookup,
+        }) as NodeChange<NodeType>[]
+      );
+    }
+  }, []);
+  const nodeQueue = useQueue<NodeType>(nodeQueueHandler);
+
+  const edgeQueueHandler = useCallback((queueItems: QueueItem<EdgeType>[]) => {
+    const { edges = [], setEdges, hasDefaultEdges, onEdgesChange, edgeLookup } = store.getState();
+
+    let next = edges as EdgeType[];
+    for (const payload of queueItems) {
+      next = typeof payload === 'function' ? payload(next) : payload;
+    }
+
+    if (hasDefaultEdges) {
+      setEdges(next);
+    } else if (onEdgesChange) {
+      onEdgesChange(
+        getElementsDiffChanges({
+          items: next,
+          lookup: edgeLookup,
+        }) as EdgeChange<EdgeType>[]
+      );
+    }
+  }, []);
+  const edgeQueue = useQueue<EdgeType>(edgeQueueHandler);
+
+  const value = useMemo(() => ({ nodeQueue, edgeQueue }), []);
+
+  return <BatchContext.Provider value={value}>{children}</BatchContext.Provider>;
+}
+
+export function useBatchContext() {
+  const batchContext = useContext(BatchContext);
+
+  if (!batchContext) {
+    throw new Error('useBatchContext must be used within a BatchProvider');
+  }
+
+  return batchContext;
+}
diff --git a/packages/react/src/components/BatchProvider/types.ts b/packages/react/src/components/BatchProvider/types.ts
new file mode 100644
index 000000000..53d7193ba
--- /dev/null
+++ b/packages/react/src/components/BatchProvider/types.ts
@@ -0,0 +1,7 @@
+export type QueueItem<T> = T[] | ((items: T[]) => T[]);
+
+export type Queue<T> = {
+  get: () => QueueItem<T>[];
+  reset: () => void;
+  push: (item: QueueItem<T>) => void;
+};
diff --git a/packages/react/src/components/BatchProvider/useQueue.ts b/packages/react/src/components/BatchProvider/useQueue.ts
new file mode 100644
index 000000000..a9fa64b89
--- /dev/null
+++ b/packages/react/src/components/BatchProvider/useQueue.ts
@@ -0,0 +1,44 @@
+import { useState } from 'react';
+import { createQueue } from './utils';
+import { useIsomorphicLayoutEffect } from '../../hooks/useIsomorphicLayoutEffect';
+import { QueueItem } from './types';
+
+export function useQueue<T>(runQueue: (items: QueueItem<T>[]) => void) {
+  // Because we're using a ref above, we need some way to let React know when to
+  // actually process the queue. We flip this bit of state to `true` any time we
+  // mutate the queue and then flip it back to `false` after flushing the queue.
+  const [shouldFlush, setShouldFlush] = useState(false);
+
+  // A reference of all the batched updates to process before the next render. We
+  // want a mutable reference here so multiple synchronous calls to `setNodes` etc
+  // can be batched together.
+  const [queue] = useState(() => createQueue<T>(() => setShouldFlush(true)));
+
+  // Layout effects are guaranteed to run before the next render which means we
+  // shouldn't run into any issues with stale state or weird issues that come from
+  // rendering things one frame later than expected (we used to use `setTimeout`).
+  useIsomorphicLayoutEffect(() => {
+    // Because we need to flip the state back to false after flushing, this should
+    // trigger the hook again (!). If the hook is being run again we know that any
+    // updates should have been processed by now and we can safely clear the queue
+    // and bail early.
+    if (!shouldFlush) {
+      queue.reset();
+      return;
+    }
+
+    const queueItems = queue.get();
+
+    if (queueItems.length) {
+      runQueue?.(queueItems);
+
+      queue.reset();
+    }
+
+    // Beacuse we're using reactive state to trigger this effect, we need to flip
+    // it back to false.
+    setShouldFlush(false);
+  }, [shouldFlush]);
+
+  return queue;
+}
diff --git a/packages/react/src/components/BatchProvider/utils.ts b/packages/react/src/components/BatchProvider/utils.ts
new file mode 100644
index 000000000..50026c875
--- /dev/null
+++ b/packages/react/src/components/BatchProvider/utils.ts
@@ -0,0 +1,16 @@
+import type { Queue, QueueItem } from './types';
+
+export function createQueue<T>(cb: () => void): Queue<T> {
+  let queue: QueueItem<T>[] = [];
+
+  return {
+    get: () => queue,
+    reset: () => {
+      queue = [];
+    },
+    push: (item) => {
+      queue.push(item);
+      cb();
+    },
+  };
+}
diff --git a/packages/react/src/components/ReactFlowProvider/index.tsx b/packages/react/src/components/ReactFlowProvider/index.tsx
index 33d3d4c4e..f04ebebda 100644
--- a/packages/react/src/components/ReactFlowProvider/index.tsx
+++ b/packages/react/src/components/ReactFlowProvider/index.tsx
@@ -2,6 +2,7 @@ import { useState, type ReactNode } from 'react';
 
 import { Provider } from '../../contexts/StoreContext';
 import { createStore } from '../../store';
+import { BatchProvider } from '../BatchProvider';
 import type { Node, Edge } from '../../types';
 
 export type ReactFlowProviderProps = {
@@ -37,5 +38,9 @@ export function ReactFlowProvider({
     })
   );
 
-  return <Provider value={store}>{children}</Provider>;
+  return (
+    <Provider value={store}>
+      <BatchProvider>{children}</BatchProvider>
+    </Provider>
+  );
 }
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 56c9ae5d7..284aa3ac4 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -1,4 +1,4 @@
-import { useCallback, useMemo, useRef, useState } from 'react';
+import { useCallback, useMemo } from 'react';
 import {
   evaluateAbsolutePosition,
   getElementsToRemove,
@@ -10,9 +10,9 @@ import {
 
 import useViewportHelper from './useViewportHelper';
 import { useStoreApi } from './useStore';
+import { useBatchContext } from '../components/BatchProvider';
+import { isNode } from '../utils';
 import type { ReactFlowInstance, Instance, Node, Edge, InternalNode } from '../types';
-import { getElementsDiffChanges, isNode } from '../utils';
-import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
 
 /**
  * Hook for accessing the ReactFlow instance.
@@ -26,6 +26,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
 > {
   const viewportHelper = useViewportHelper();
   const store = useStoreApi();
+  const batchContext = useBatchContext();
 
   const getNodes = useCallback<Instance.GetNodes<NodeType>>(
     () => store.getState().nodes.map((n) => ({ ...n })) as NodeType[],
@@ -49,110 +50,39 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
 
   const getEdge = useCallback<Instance.GetEdge<EdgeType>>((id) => store.getState().edgeLookup.get(id) as EdgeType, []);
 
-  type SetElementsQueue = {
-    nodes: (NodeType[] | ((nodes: NodeType[]) => NodeType[]))[];
-    edges: (EdgeType[] | ((edges: EdgeType[]) => EdgeType[]))[];
-  };
-
-  // A reference of all the batched updates to process before the next render. We
-  // want a mutable reference here so multiple synchronous calls to `setNodes` etc
-  // can be batched together.
-  const setElementsQueue = useRef<SetElementsQueue>({ nodes: [], edges: [] });
-  // Because we're using a ref above, we need some way to let React know when to
-  // actually process the queue. We flip this bit of state to `true` any time we
-  // mutate the queue and then flip it back to `false` after flushing the queue.
-  const [shouldFlushQueue, setShouldFlushQueue] = useState(false);
-
-  // Layout effects are guaranteed to run before the next render which means we
-  // shouldn't run into any issues with stale state or weird issues that come from
-  // rendering things one frame later than expected (we used to use `setTimeout`).
-  useIsomorphicLayoutEffect(() => {
-    // Because we need to flip the state back to false after flushing, this should
-    // trigger the hook again (!). If the hook is being run again we know that any
-    // updates should have been processed by now and we can safely clear the queue
-    // and bail early.
-    if (!shouldFlushQueue) {
-      setElementsQueue.current = { nodes: [], edges: [] };
-      return;
-    }
-
-    if (setElementsQueue.current.nodes.length) {
-      const { nodes = [], setNodes, hasDefaultNodes, onNodesChange, nodeLookup } = store.getState();
-
-      // This is essentially an `Array.reduce` in imperative clothing. Processing
-      // this queue is a relatively hot path so we'd like to avoid the overhead of
-      // array methods where we can.
-      let next = nodes as NodeType[];
-      for (const payload of setElementsQueue.current.nodes) {
-        next = typeof payload === 'function' ? payload(next) : payload;
-      }
-
-      if (hasDefaultNodes) {
-        setNodes(next);
-      } else if (onNodesChange) {
-        onNodesChange(
-          getElementsDiffChanges({
-            items: next,
-            lookup: nodeLookup,
-          })
-        );
-      }
-
-      setElementsQueue.current.nodes = [];
-    }
-
-    if (setElementsQueue.current.edges.length) {
-      const { edges = [], setEdges, hasDefaultEdges, onEdgesChange, edgeLookup } = store.getState();
-
-      let next = edges as EdgeType[];
-      for (const payload of setElementsQueue.current.edges) {
-        next = typeof payload === 'function' ? payload(next) : payload;
-      }
-
-      if (hasDefaultEdges) {
-        setEdges(next);
-      } else if (onEdgesChange) {
-        onEdgesChange(
-          getElementsDiffChanges({
-            items: next,
-            lookup: edgeLookup,
-          })
-        );
-      }
-
-      setElementsQueue.current.edges = [];
-    }
-
-    // Beacuse we're using reactive state to trigger this effect, we need to flip
-    // it back to false.
-    setShouldFlushQueue(false);
-  }, [shouldFlushQueue]);
-
-  const setNodes = useCallback<Instance.SetNodes<NodeType>>((payload) => {
-    setElementsQueue.current.nodes.push(payload);
-    setShouldFlushQueue(true);
-  }, []);
+  const setNodes = useCallback<Instance.SetNodes<NodeType>>(
+    (payload) => {
+      batchContext?.nodeQueue.push(payload as NodeType[]);
+    },
+    [batchContext]
+  );
 
-  const setEdges = useCallback<Instance.SetEdges<EdgeType>>((payload) => {
-    setElementsQueue.current.edges.push(payload);
-    setShouldFlushQueue(true);
-  }, []);
+  const setEdges = useCallback<Instance.SetEdges<EdgeType>>(
+    (payload) => {
+      batchContext?.edgeQueue.push(payload as EdgeType[]);
+    },
+    [batchContext]
+  );
 
-  const addNodes = useCallback<Instance.AddNodes<NodeType>>((payload) => {
-    const newNodes = Array.isArray(payload) ? payload : [payload];
+  const addNodes = useCallback<Instance.AddNodes<NodeType>>(
+    (payload) => {
+      const newNodes = Array.isArray(payload) ? payload : [payload];
 
-    // Queueing a functional update means that we won't worry about other calls
-    // to `setNodes` that might happen elsewhere.
-    setElementsQueue.current.nodes.push((nodes) => [...nodes, ...newNodes]);
-    setShouldFlushQueue(true);
-  }, []);
+      // Queueing a functional update means that we won't worry about other calls
+      // to `setNodes` that might happen elsewhere.
+      batchContext?.nodeQueue.push((nodes) => [...nodes, ...newNodes]);
+    },
+    [batchContext]
+  );
 
-  const addEdges = useCallback<Instance.AddEdges<EdgeType>>((payload) => {
-    const newEdges = Array.isArray(payload) ? payload : [payload];
+  const addEdges = useCallback<Instance.AddEdges<EdgeType>>(
+    (payload) => {
+      const newEdges = Array.isArray(payload) ? payload : [payload];
 
-    setElementsQueue.current.edges.push((edges) => [...edges, ...newEdges]);
-    setShouldFlushQueue(true);
-  }, []);
+      batchContext?.edgeQueue.push((edges) => [...edges, ...newEdges]);
+    },
+    [batchContext]
+  );
 
   const toObject = useCallback<Instance.ToObject<NodeType, EdgeType>>(() => {
     const { nodes = [], edges = [], transform } = store.getState();
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 294af3e1a..cdc830880 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -236,7 +236,8 @@ export function getElementsDiffChanges({
   const itemsLookup = new Map<string, any>(items.map((item) => [item.id, item]));
 
   for (const item of items) {
-    const storeItem = lookup.get(item.id);
+    const lookupItem = lookup.get(item.id);
+    const storeItem = lookupItem?.internals?.userNode ?? lookupItem;
 
     if (storeItem !== undefined && storeItem !== item) {
       changes.push({ id: item.id, item: item, type: 'replace' });

From 95fd22d25bc7db60fd741993fc134c9dfac6331e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 25 Apr 2024 15:08:10 +0200
Subject: [PATCH 0756/1093] chore(BatchProvider): cleanup

---
 .../react/src/examples/UseNodesData/index.tsx | 33 +++++++++++---
 .../src/components/BatchProvider/index.tsx    | 12 ++++-
 .../src/components/BatchProvider/useQueue.ts  | 33 +++++++++++---
 packages/react/src/hooks/useReactFlow.ts      | 44 ++++++-------------
 4 files changed, 79 insertions(+), 43 deletions(-)

diff --git a/examples/react/src/examples/UseNodesData/index.tsx b/examples/react/src/examples/UseNodesData/index.tsx
index dc0b43dd2..dabc1d4d6 100644
--- a/examples/react/src/examples/UseNodesData/index.tsx
+++ b/examples/react/src/examples/UseNodesData/index.tsx
@@ -45,6 +45,12 @@ const initNodes: MyNode[] = [
     data: { text: '' },
     position: { x: 100, y: 0 },
   },
+  {
+    id: '1b',
+    type: 'uppercase',
+    data: { text: '' },
+    position: { x: 100, y: -100 },
+  },
   {
     id: '2',
     type: 'text',
@@ -53,9 +59,14 @@ const initNodes: MyNode[] = [
     },
     position: { x: 0, y: 100 },
   },
-
   {
-    id: '3',
+    id: '3a',
+    type: 'result',
+    data: {},
+    position: { x: 300, y: -75 },
+  },
+  {
+    id: '3b',
     type: 'result',
     data: {},
     position: { x: 300, y: 50 },
@@ -69,14 +80,24 @@ const initEdges: Edge[] = [
     target: '1a',
   },
   {
-    id: 'e1a-3',
+    id: 'e1a-3a',
+    source: '1b',
+    target: '3a',
+  },
+  {
+    id: 'e1-1b',
+    source: '1',
+    target: '1b',
+  },
+  {
+    id: 'e1a-3b',
     source: '1a',
-    target: '3',
+    target: '3b',
   },
   {
-    id: 'e2-3',
+    id: 'e2-3b',
     source: '2',
-    target: '3',
+    target: '3b',
   },
 ];
 
diff --git a/packages/react/src/components/BatchProvider/index.tsx b/packages/react/src/components/BatchProvider/index.tsx
index a3acec3eb..1dbab7184 100644
--- a/packages/react/src/components/BatchProvider/index.tsx
+++ b/packages/react/src/components/BatchProvider/index.tsx
@@ -8,10 +8,18 @@ import type { Edge, Node } from '../../types';
 import { useQueue } from './useQueue';
 
 const BatchContext = createContext<{
-  nodeQueue: Queue<Node>;
-  edgeQueue: Queue<Edge>;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  nodeQueue: Queue<any>;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  edgeQueue: Queue<any>;
 } | null>(null);
 
+/**
+ * This is a context provider that holds and processes the node and edge update queues
+ * that are needed to handle setNodes, addNodes, setEdges and addEdges.
+ *
+ * @internal
+ */
 export function BatchProvider<NodeType extends Node = Node, EdgeType extends Edge = Edge>({
   children,
 }: {
diff --git a/packages/react/src/components/BatchProvider/useQueue.ts b/packages/react/src/components/BatchProvider/useQueue.ts
index a9fa64b89..06d9e235c 100644
--- a/packages/react/src/components/BatchProvider/useQueue.ts
+++ b/packages/react/src/components/BatchProvider/useQueue.ts
@@ -1,8 +1,16 @@
 import { useState } from 'react';
-import { createQueue } from './utils';
+
 import { useIsomorphicLayoutEffect } from '../../hooks/useIsomorphicLayoutEffect';
-import { QueueItem } from './types';
+import { Queue, QueueItem } from './types';
 
+/**
+ * This hook returns a queue that can be used to batch updates.
+ *
+ * @param runQueue - a function that gets called when the queue is flushed
+ * @internal
+ *
+ * @returns a Queue object
+ */
 export function useQueue<T>(runQueue: (items: QueueItem<T>[]) => void) {
   // Because we're using a ref above, we need some way to let React know when to
   // actually process the queue. We flip this bit of state to `true` any time we
@@ -10,8 +18,8 @@ export function useQueue<T>(runQueue: (items: QueueItem<T>[]) => void) {
   const [shouldFlush, setShouldFlush] = useState(false);
 
   // A reference of all the batched updates to process before the next render. We
-  // want a mutable reference here so multiple synchronous calls to `setNodes` etc
-  // can be batched together.
+  // want a reference here so multiple synchronous calls to `setNodes` etc can be
+  // batched together.
   const [queue] = useState(() => createQueue<T>(() => setShouldFlush(true)));
 
   // Layout effects are guaranteed to run before the next render which means we
@@ -30,7 +38,7 @@ export function useQueue<T>(runQueue: (items: QueueItem<T>[]) => void) {
     const queueItems = queue.get();
 
     if (queueItems.length) {
-      runQueue?.(queueItems);
+      runQueue(queueItems);
 
       queue.reset();
     }
@@ -42,3 +50,18 @@ export function useQueue<T>(runQueue: (items: QueueItem<T>[]) => void) {
 
   return queue;
 }
+
+function createQueue<T>(cb: () => void): Queue<T> {
+  let queue: QueueItem<T>[] = [];
+
+  return {
+    get: () => queue,
+    reset: () => {
+      queue = [];
+    },
+    push: (item) => {
+      queue.push(item);
+      cb();
+    },
+  };
+}
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 284aa3ac4..4ac0e50c5 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -50,39 +50,23 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
 
   const getEdge = useCallback<Instance.GetEdge<EdgeType>>((id) => store.getState().edgeLookup.get(id) as EdgeType, []);
 
-  const setNodes = useCallback<Instance.SetNodes<NodeType>>(
-    (payload) => {
-      batchContext?.nodeQueue.push(payload as NodeType[]);
-    },
-    [batchContext]
-  );
-
-  const setEdges = useCallback<Instance.SetEdges<EdgeType>>(
-    (payload) => {
-      batchContext?.edgeQueue.push(payload as EdgeType[]);
-    },
-    [batchContext]
-  );
-
-  const addNodes = useCallback<Instance.AddNodes<NodeType>>(
-    (payload) => {
-      const newNodes = Array.isArray(payload) ? payload : [payload];
+  const setNodes = useCallback<Instance.SetNodes<NodeType>>((payload) => {
+    batchContext.nodeQueue.push(payload as NodeType[]);
+  }, []);
 
-      // Queueing a functional update means that we won't worry about other calls
-      // to `setNodes` that might happen elsewhere.
-      batchContext?.nodeQueue.push((nodes) => [...nodes, ...newNodes]);
-    },
-    [batchContext]
-  );
+  const setEdges = useCallback<Instance.SetEdges<EdgeType>>((payload) => {
+    batchContext.edgeQueue.push(payload as EdgeType[]);
+  }, []);
 
-  const addEdges = useCallback<Instance.AddEdges<EdgeType>>(
-    (payload) => {
-      const newEdges = Array.isArray(payload) ? payload : [payload];
+  const addNodes = useCallback<Instance.AddNodes<NodeType>>((payload) => {
+    const newNodes = Array.isArray(payload) ? payload : [payload];
+    batchContext.nodeQueue.push((nodes) => [...nodes, ...newNodes]);
+  }, []);
 
-      batchContext?.edgeQueue.push((edges) => [...edges, ...newEdges]);
-    },
-    [batchContext]
-  );
+  const addEdges = useCallback<Instance.AddEdges<EdgeType>>((payload) => {
+    const newEdges = Array.isArray(payload) ? payload : [payload];
+    batchContext.edgeQueue.push((edges) => [...edges, ...newEdges]);
+  }, []);
 
   const toObject = useCallback<Instance.ToObject<NodeType, EdgeType>>(() => {
     const { nodes = [], edges = [], transform } = store.getState();

From 3a23a594cfa2638a03ab0f50b9e903e0d430b771 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 25 Apr 2024 16:41:09 +0200
Subject: [PATCH 0757/1093] chore(BatchProvider): cleanup

---
 .../react/src/components/BatchProvider/utils.ts  | 16 ----------------
 1 file changed, 16 deletions(-)
 delete mode 100644 packages/react/src/components/BatchProvider/utils.ts

diff --git a/packages/react/src/components/BatchProvider/utils.ts b/packages/react/src/components/BatchProvider/utils.ts
deleted file mode 100644
index 50026c875..000000000
--- a/packages/react/src/components/BatchProvider/utils.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { Queue, QueueItem } from './types';
-
-export function createQueue<T>(cb: () => void): Queue<T> {
-  let queue: QueueItem<T>[] = [];
-
-  return {
-    get: () => queue,
-    reset: () => {
-      queue = [];
-    },
-    push: (item) => {
-      queue.push(item);
-      cb();
-    },
-  };
-}

From 0b684a7fe97209186294d394a05fedf4387d24b6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 25 Apr 2024 16:47:49 +0200
Subject: [PATCH 0758/1093] chore(changelog): update

---
 packages/react/CHANGELOG.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 43fb46360..064024252 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/react
 
+## 12.0.0-next.16
+
+## Patch changes
+
+- fix batching for `setNodes`, `updateNode`, `updateNodeData` etc.
+
 ## 12.0.0-next.15
 
 ## Patch changes

From 972da582e96e20e0562d5f645d19a8e43630cdc0 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 25 Apr 2024 17:02:57 +0200
Subject: [PATCH 0759/1093] fix(react): useNodesInitialized true when nodes
 measured closes #4202

---
 packages/react/CHANGELOG.md                     | 1 +
 packages/react/src/hooks/useNodesInitialized.ts | 7 ++++---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 064024252..6685ad5b0 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -5,6 +5,7 @@
 ## Patch changes
 
 - fix batching for `setNodes`, `updateNode`, `updateNodeData` etc.
+- fix `useNodesInitialized`
 
 ## 12.0.0-next.15
 
diff --git a/packages/react/src/hooks/useNodesInitialized.ts b/packages/react/src/hooks/useNodesInitialized.ts
index 346e56d9d..98bfa6b7e 100644
--- a/packages/react/src/hooks/useNodesInitialized.ts
+++ b/packages/react/src/hooks/useNodesInitialized.ts
@@ -1,5 +1,6 @@
 import { useStore } from './useStore';
 import type { ReactFlowState } from '../types';
+import { nodeHasDimensions } from '@xyflow/system';
 
 export type UseNodesInitializedOptions = {
   includeHiddenNodes?: boolean;
@@ -10,9 +11,9 @@ const selector = (options: UseNodesInitializedOptions) => (s: ReactFlowState) =>
     return false;
   }
 
-  for (const [, node] of s.nodeLookup) {
-    if (options.includeHiddenNodes || !node.hidden) {
-      if (node.internals.handleBounds === undefined) {
+  for (const [, { hidden, internals }] of s.nodeLookup) {
+    if (options.includeHiddenNodes || !hidden) {
+      if (internals.handleBounds === undefined || !nodeHasDimensions(internals.userNode)) {
         return false;
       }
     }

From 8c784c2035c897e2b33ef0a34bc70d8cea130fdd Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 25 Apr 2024 17:05:51 +0200
Subject: [PATCH 0760/1093] chore(react): bump

---
 packages/react/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index 54a6dfa53..3b99d7213 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.15",
+  "version": "12.0.0-next.16",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",

From 7501eace795ef8531f6c61586b2f17d8b1215ac1 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 29 Apr 2024 13:35:58 +0200
Subject: [PATCH 0761/1093] fix(react): default node updates closes #4202

---
 .../react/src/examples/UseNodesInit/index.tsx | 13 +++++++++
 packages/react/src/hooks/useReactFlow.ts      | 29 ++++++-------------
 packages/react/src/store/index.ts             |  4 +--
 packages/react/src/utils/changes.ts           |  9 ++++++
 packages/system/src/utils/graph.ts            |  8 ++---
 5 files changed, 37 insertions(+), 26 deletions(-)

diff --git a/examples/react/src/examples/UseNodesInit/index.tsx b/examples/react/src/examples/UseNodesInit/index.tsx
index 549315cad..d4932ae19 100644
--- a/examples/react/src/examples/UseNodesInit/index.tsx
+++ b/examples/react/src/examples/UseNodesInit/index.tsx
@@ -11,6 +11,8 @@ import {
   useEdgesState,
   OnConnect,
   useNodesInitialized,
+  Panel,
+  useReactFlow,
 } from '@xyflow/react';
 
 const initialNodes: Node[] = [
@@ -49,6 +51,7 @@ const initialEdges: Edge[] = [
 ];
 
 const UseZoomPanHelperFlow = () => {
+  const { addNodes } = useReactFlow();
   const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
 
@@ -59,6 +62,13 @@ const UseZoomPanHelperFlow = () => {
     console.log('initialized', initialized);
   }, [initialized]);
 
+  const addNode = () =>
+    addNodes({
+      id: `${Math.random()}`,
+      data: { label: 'new node' },
+      position: { x: Math.random() * 400, y: Math.random() * 400 },
+    });
+
   return (
     <ReactFlow
       nodes={nodes}
@@ -71,6 +81,9 @@ const UseZoomPanHelperFlow = () => {
     >
       <Background />
       <MiniMap />
+      <Panel>
+        <button onClick={addNode}>add node</button>
+      </Panel>
     </ReactFlow>
   );
 };
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 4ac0e50c5..a61d49077 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -1,9 +1,11 @@
 import { useCallback, useMemo } from 'react';
 import {
+  EdgeRemoveChange,
   evaluateAbsolutePosition,
   getElementsToRemove,
   getOverlappingArea,
   isRectObject,
+  NodeRemoveChange,
   nodeToRect,
   type Rect,
 } from '@xyflow/system';
@@ -11,7 +13,7 @@ import {
 import useViewportHelper from './useViewportHelper';
 import { useStoreApi } from './useStore';
 import { useBatchContext } from '../components/BatchProvider';
-import { isNode } from '../utils';
+import { elementToRemoveChange, isNode } from '../utils';
 import type { ReactFlowInstance, Instance, Node, Edge, InternalNode } from '../types';
 
 /**
@@ -87,12 +89,10 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
       const {
         nodes,
         edges,
-        hasDefaultNodes,
-        hasDefaultEdges,
         onNodesDelete,
         onEdgesDelete,
-        onNodesChange,
-        onEdgesChange,
+        triggerNodeChanges,
+        triggerEdgeChanges,
         onDelete,
         onBeforeDelete,
       } = store.getState();
@@ -108,28 +108,17 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
       const hasMatchingNodes = matchingNodes.length > 0;
 
       if (hasMatchingEdges) {
-        if (hasDefaultEdges) {
-          const nextEdges = edges.filter((e) => !matchingEdges.some((mE) => mE.id === e.id));
-          store.getState().setEdges(nextEdges);
-        }
+        const edgeChanges: EdgeRemoveChange[] = matchingEdges.map(elementToRemoveChange);
 
         onEdgesDelete?.(matchingEdges);
-        onEdgesChange?.(
-          matchingEdges.map((edge) => ({
-            id: edge.id,
-            type: 'remove',
-          }))
-        );
+        triggerEdgeChanges(edgeChanges);
       }
 
       if (hasMatchingNodes) {
-        if (hasDefaultNodes) {
-          const nextNodes = nodes.filter((n) => !matchingNodes.some((mN) => mN.id === n.id));
-          store.getState().setNodes(nextNodes);
-        }
+        const nodeChanges: NodeRemoveChange[] = matchingNodes.map(elementToRemoveChange);
 
         onNodesDelete?.(matchingNodes);
-        onNodesChange?.(matchingNodes.map((node) => ({ id: node.id, type: 'remove' })));
+        triggerNodeChanges(nodeChanges);
       }
 
       if (hasMatchingNodes || hasMatchingEdges) {
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 5d7f521b3..29f99999f 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -74,7 +74,7 @@ const createStore = ({
       // new dimensions and update the nodes.
       updateNodeInternals: (updates) => {
         const {
-          onNodesChange,
+          triggerNodeChanges,
           fitView,
           nodeLookup,
           parentLookup,
@@ -120,7 +120,7 @@ const createStore = ({
           if (debug) {
             console.log('React Flow: trigger node changes', changes);
           }
-          onNodesChange?.(changes);
+          triggerNodeChanges?.(changes);
         }
       },
       updateNodePositions: (nodeDragItems, dragging = false) => {
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index cdc830880..df2153403 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -6,6 +6,8 @@ import {
   NodeChange,
   NodeSelectionChange,
   EdgeSelectionChange,
+  NodeRemoveChange,
+  EdgeRemoveChange,
 } from '@xyflow/system';
 import type { Node, Edge, InternalNode } from '../types';
 
@@ -258,3 +260,10 @@ export function getElementsDiffChanges({
 
   return changes;
 }
+
+export function elementToRemoveChange<T extends Node | Edge>(item: T): NodeRemoveChange | EdgeRemoveChange {
+  return {
+    id: item.id,
+    type: 'remove',
+  };
+}
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 53592609d..6a4715b87 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -395,7 +395,7 @@ export async function getElementsToRemove<NodeType extends NodeBase = NodeBase,
   nodes: NodeType[];
   edges: EdgeType[];
 }> {
-  const nodeIds = nodesToRemove.map((node) => node.id);
+  const nodeIds = new Set(nodesToRemove.map((node) => node.id));
   const matchingNodes: NodeType[] = [];
 
   for (const node of nodes) {
@@ -403,7 +403,7 @@ export async function getElementsToRemove<NodeType extends NodeBase = NodeBase,
       continue;
     }
 
-    const isIncluded = nodeIds.includes(node.id);
+    const isIncluded = nodeIds.has(node.id);
     const parentHit = !isIncluded && node.parentId && matchingNodes.find((n) => n.id === node.parentId);
 
     if (isIncluded || parentHit) {
@@ -411,13 +411,13 @@ export async function getElementsToRemove<NodeType extends NodeBase = NodeBase,
     }
   }
 
-  const edgeIds = edgesToRemove.map((edge) => edge.id);
+  const edgeIds = new Set(edgesToRemove.map((edge) => edge.id));
   const deletableEdges = edges.filter((edge) => edge.deletable !== false);
   const connectedEdges = getConnectedEdges(matchingNodes, deletableEdges);
   const matchingEdges: EdgeType[] = connectedEdges;
 
   for (const edge of deletableEdges) {
-    const isIncluded = edgeIds.includes(edge.id);
+    const isIncluded = edgeIds.has(edge.id);
 
     if (isIncluded && !matchingEdges.find((e) => e.id === edge.id)) {
       matchingEdges.push(edge);

From 930fe79fbf4e6fd973319b8678f25360a65c8ef3 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 29 Apr 2024 14:14:19 +0200
Subject: [PATCH 0762/1093] fix(react): export KeyCode type from system

---
 packages/react/src/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 1c5794f46..5ab919286 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -97,6 +97,7 @@ export {
   type EdgeRemoveChange,
   type EdgeAddChange,
   type EdgeReplaceChange,
+  type KeyCode,
 } from '@xyflow/system';
 
 // system utils

From 860128fd15b643d472bf0ba77a85b6edfbb3fec4 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 29 Apr 2024 17:16:12 +0200
Subject: [PATCH 0763/1093] refactor(react): cleanup useReactFlow

---
 packages/react/src/hooks/useReactFlow.ts      | 374 ++++++++----------
 packages/react/src/hooks/useViewportHelper.ts |  14 +-
 packages/react/src/types/general.ts           |   1 -
 packages/react/src/types/instance.ts          | 103 ++---
 4 files changed, 206 insertions(+), 286 deletions(-)

diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 4ac0e50c5..3b68763eb 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -1,4 +1,4 @@
-import { useCallback, useMemo } from 'react';
+import { useMemo } from 'react';
 import {
   evaluateAbsolutePosition,
   getElementsToRemove,
@@ -9,10 +9,12 @@ import {
 } from '@xyflow/system';
 
 import useViewportHelper from './useViewportHelper';
-import { useStoreApi } from './useStore';
+import { useStore, useStoreApi } from './useStore';
 import { useBatchContext } from '../components/BatchProvider';
 import { isNode } from '../utils';
-import type { ReactFlowInstance, Instance, Node, Edge, InternalNode } from '../types';
+import type { ReactFlowInstance, Node, Edge, InternalNode, ReactFlowState, GeneralHelpers } from '../types';
+
+const selector = (s: ReactFlowState) => !!s.panZoom;
 
 /**
  * Hook for accessing the ReactFlow instance.
@@ -27,248 +29,196 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
   const viewportHelper = useViewportHelper();
   const store = useStoreApi();
   const batchContext = useBatchContext();
+  const viewportInitialized = useStore(selector);
 
-  const getNodes = useCallback<Instance.GetNodes<NodeType>>(
-    () => store.getState().nodes.map((n) => ({ ...n })) as NodeType[],
-    []
-  );
+  const generalHelper = useMemo<GeneralHelpers<NodeType, EdgeType>>(() => {
+    const getInternalNode: GeneralHelpers<NodeType, EdgeType>['getInternalNode'] = (id) =>
+      store.getState().nodeLookup.get(id) as InternalNode<NodeType>;
 
-  const getInternalNode = useCallback<Instance.GetInternalNode<NodeType>>(
-    (id) => store.getState().nodeLookup.get(id) as InternalNode<NodeType>,
-    []
-  );
+    const setNodes: GeneralHelpers<NodeType, EdgeType>['setNodes'] = (payload) => {
+      batchContext.nodeQueue.push(payload as NodeType[]);
+    };
 
-  const getNode = useCallback<Instance.GetNode<NodeType>>(
-    (id) => getInternalNode(id)?.internals.userNode as NodeType,
-    [getInternalNode]
-  );
+    const getNodeRect = (node: NodeType | { id: string }): Rect | null => {
+      const { nodeLookup, nodeOrigin } = store.getState();
 
-  const getEdges = useCallback<Instance.GetEdges<EdgeType>>(() => {
-    const { edges = [] } = store.getState();
-    return edges.map((e) => ({ ...e })) as EdgeType[];
-  }, []);
+      const nodeToUse = isNode<NodeType>(node) ? node : nodeLookup.get(node.id)!;
+      const position = nodeToUse.parentId
+        ? evaluateAbsolutePosition(nodeToUse.position, nodeToUse.parentId, nodeLookup, nodeOrigin)
+        : nodeToUse.position;
 
-  const getEdge = useCallback<Instance.GetEdge<EdgeType>>((id) => store.getState().edgeLookup.get(id) as EdgeType, []);
-
-  const setNodes = useCallback<Instance.SetNodes<NodeType>>((payload) => {
-    batchContext.nodeQueue.push(payload as NodeType[]);
-  }, []);
+      const nodeWithPosition = {
+        id: nodeToUse.id,
+        position,
+        width: nodeToUse.measured?.width ?? nodeToUse.width,
+        height: nodeToUse.measured?.height ?? nodeToUse.height,
+        data: nodeToUse.data,
+      };
 
-  const setEdges = useCallback<Instance.SetEdges<EdgeType>>((payload) => {
-    batchContext.edgeQueue.push(payload as EdgeType[]);
-  }, []);
+      return nodeToRect(nodeWithPosition);
+    };
 
-  const addNodes = useCallback<Instance.AddNodes<NodeType>>((payload) => {
-    const newNodes = Array.isArray(payload) ? payload : [payload];
-    batchContext.nodeQueue.push((nodes) => [...nodes, ...newNodes]);
-  }, []);
+    const updateNode: GeneralHelpers<NodeType, EdgeType>['updateNode'] = (
+      id,
+      nodeUpdate,
+      options = { replace: false }
+    ) => {
+      setNodes((prevNodes) =>
+        prevNodes.map((node) => {
+          if (node.id === id) {
+            const nextNode = typeof nodeUpdate === 'function' ? nodeUpdate(node as NodeType) : nodeUpdate;
+            return options.replace && isNode(nextNode) ? (nextNode as NodeType) : { ...node, ...nextNode };
+          }
 
-  const addEdges = useCallback<Instance.AddEdges<EdgeType>>((payload) => {
-    const newEdges = Array.isArray(payload) ? payload : [payload];
-    batchContext.edgeQueue.push((edges) => [...edges, ...newEdges]);
-  }, []);
+          return node;
+        })
+      );
+    };
 
-  const toObject = useCallback<Instance.ToObject<NodeType, EdgeType>>(() => {
-    const { nodes = [], edges = [], transform } = store.getState();
-    const [x, y, zoom] = transform;
     return {
-      nodes: nodes.map((n) => ({ ...n })) as NodeType[],
-      edges: edges.map((e) => ({ ...e })) as EdgeType[],
-      viewport: {
-        x,
-        y,
-        zoom,
+      getNodes: () => store.getState().nodes.map((n) => ({ ...n })) as NodeType[],
+      getNode: (id) => getInternalNode(id)?.internals.userNode as NodeType,
+      getInternalNode,
+      getEdges: () => {
+        const { edges = [] } = store.getState();
+        return edges.map((e) => ({ ...e })) as EdgeType[];
       },
-    };
-  }, []);
-
-  const deleteElements = useCallback<Instance.DeleteElements>(
-    async ({ nodes: nodesToRemove = [], edges: edgesToRemove = [] }) => {
-      const {
-        nodes,
-        edges,
-        hasDefaultNodes,
-        hasDefaultEdges,
-        onNodesDelete,
-        onEdgesDelete,
-        onNodesChange,
-        onEdgesChange,
-        onDelete,
-        onBeforeDelete,
-      } = store.getState();
-      const { nodes: matchingNodes, edges: matchingEdges } = await getElementsToRemove({
-        nodesToRemove,
-        edgesToRemove,
-        nodes,
-        edges,
-        onBeforeDelete,
-      });
-
-      const hasMatchingEdges = matchingEdges.length > 0;
-      const hasMatchingNodes = matchingNodes.length > 0;
+      getEdge: (id) => store.getState().edgeLookup.get(id) as EdgeType,
+      setNodes,
+      setEdges: (payload) => {
+        batchContext.edgeQueue.push(payload as EdgeType[]);
+      },
+      addNodes: (payload) => {
+        const newNodes = Array.isArray(payload) ? payload : [payload];
+        batchContext.nodeQueue.push((nodes) => [...nodes, ...newNodes]);
+      },
+      addEdges: (payload) => {
+        const newEdges = Array.isArray(payload) ? payload : [payload];
+        batchContext.edgeQueue.push((edges) => [...edges, ...newEdges]);
+      },
+      toObject: () => {
+        const { nodes = [], edges = [], transform } = store.getState();
+        const [x, y, zoom] = transform;
+        return {
+          nodes: nodes.map((n) => ({ ...n })) as NodeType[],
+          edges: edges.map((e) => ({ ...e })) as EdgeType[],
+          viewport: {
+            x,
+            y,
+            zoom,
+          },
+        };
+      },
+      deleteElements: async ({ nodes: nodesToRemove = [], edges: edgesToRemove = [] }) => {
+        const {
+          nodes,
+          edges,
+          hasDefaultNodes,
+          hasDefaultEdges,
+          onNodesDelete,
+          onEdgesDelete,
+          onNodesChange,
+          onEdgesChange,
+          onDelete,
+          onBeforeDelete,
+        } = store.getState();
+        const { nodes: matchingNodes, edges: matchingEdges } = await getElementsToRemove({
+          nodesToRemove,
+          edgesToRemove,
+          nodes,
+          edges,
+          onBeforeDelete,
+        });
+
+        const hasMatchingEdges = matchingEdges.length > 0;
+        const hasMatchingNodes = matchingNodes.length > 0;
+
+        if (hasMatchingEdges) {
+          if (hasDefaultEdges) {
+            const nextEdges = edges.filter((e) => !matchingEdges.some((mE) => mE.id === e.id));
+            store.getState().setEdges(nextEdges);
+          }
 
-      if (hasMatchingEdges) {
-        if (hasDefaultEdges) {
-          const nextEdges = edges.filter((e) => !matchingEdges.some((mE) => mE.id === e.id));
-          store.getState().setEdges(nextEdges);
+          onEdgesDelete?.(matchingEdges);
+          onEdgesChange?.(
+            matchingEdges.map((edge) => ({
+              id: edge.id,
+              type: 'remove',
+            }))
+          );
         }
 
-        onEdgesDelete?.(matchingEdges);
-        onEdgesChange?.(
-          matchingEdges.map((edge) => ({
-            id: edge.id,
-            type: 'remove',
-          }))
-        );
-      }
+        if (hasMatchingNodes) {
+          if (hasDefaultNodes) {
+            const nextNodes = nodes.filter((n) => !matchingNodes.some((mN) => mN.id === n.id));
+            store.getState().setNodes(nextNodes);
+          }
 
-      if (hasMatchingNodes) {
-        if (hasDefaultNodes) {
-          const nextNodes = nodes.filter((n) => !matchingNodes.some((mN) => mN.id === n.id));
-          store.getState().setNodes(nextNodes);
+          onNodesDelete?.(matchingNodes);
+          onNodesChange?.(matchingNodes.map((node) => ({ id: node.id, type: 'remove' })));
         }
 
-        onNodesDelete?.(matchingNodes);
-        onNodesChange?.(matchingNodes.map((node) => ({ id: node.id, type: 'remove' })));
-      }
-
-      if (hasMatchingNodes || hasMatchingEdges) {
-        onDelete?.({ nodes: matchingNodes, edges: matchingEdges });
-      }
-
-      return { deletedNodes: matchingNodes, deletedEdges: matchingEdges };
-    },
-    []
-  );
+        if (hasMatchingNodes || hasMatchingEdges) {
+          onDelete?.({ nodes: matchingNodes, edges: matchingEdges });
+        }
 
-  const getNodeRect = useCallback((node: NodeType | { id: string }): Rect | null => {
-    const { nodeLookup, nodeOrigin } = store.getState();
+        return { deletedNodes: matchingNodes, deletedEdges: matchingEdges };
+      },
+      getIntersectingNodes: (nodeOrRect, partially = true, nodes) => {
+        const isRect = isRectObject(nodeOrRect);
+        const nodeRect = isRect ? nodeOrRect : getNodeRect(nodeOrRect);
+        const hasNodesOption = nodes !== undefined;
 
-    const nodeToUse = isNode<NodeType>(node) ? node : nodeLookup.get(node.id)!;
-    const position = nodeToUse.parentId
-      ? evaluateAbsolutePosition(nodeToUse.position, nodeToUse.parentId, nodeLookup, nodeOrigin)
-      : nodeToUse.position;
+        if (!nodeRect) {
+          return [];
+        }
 
-    const nodeWithPosition = {
-      id: nodeToUse.id,
-      position,
-      width: nodeToUse.measured?.width ?? nodeToUse.width,
-      height: nodeToUse.measured?.height ?? nodeToUse.height,
-      data: nodeToUse.data,
-    };
+        return (nodes || store.getState().nodes).filter((n) => {
+          const internalNode = store.getState().nodeLookup.get(n.id);
 
-    return nodeToRect(nodeWithPosition);
-  }, []);
-
-  const getIntersectingNodes = useCallback<Instance.GetIntersectingNodes<NodeType>>(
-    (nodeOrRect, partially = true, nodes) => {
-      const isRect = isRectObject(nodeOrRect);
-      const nodeRect = isRect ? nodeOrRect : getNodeRect(nodeOrRect);
-      const hasNodesOption = nodes !== undefined;
+          if (internalNode && !isRect && (n.id === nodeOrRect!.id || !internalNode.internals.positionAbsolute)) {
+            return false;
+          }
 
-      if (!nodeRect) {
-        return [];
-      }
+          const currNodeRect = nodeToRect(hasNodesOption ? n : internalNode!);
+          const overlappingArea = getOverlappingArea(currNodeRect, nodeRect);
+          const partiallyVisible = partially && overlappingArea > 0;
 
-      return (nodes || store.getState().nodes).filter((n) => {
-        const internalNode = store.getState().nodeLookup.get(n.id);
+          return partiallyVisible || overlappingArea >= nodeRect.width * nodeRect.height;
+        }) as NodeType[];
+      },
+      isNodeIntersecting: (nodeOrRect, area, partially = true) => {
+        const isRect = isRectObject(nodeOrRect);
+        const nodeRect = isRect ? nodeOrRect : getNodeRect(nodeOrRect);
 
-        if (internalNode && !isRect && (n.id === nodeOrRect!.id || !internalNode.internals.positionAbsolute)) {
+        if (!nodeRect) {
           return false;
         }
 
-        const currNodeRect = nodeToRect(hasNodesOption ? n : internalNode!);
-        const overlappingArea = getOverlappingArea(currNodeRect, nodeRect);
+        const overlappingArea = getOverlappingArea(nodeRect, area);
         const partiallyVisible = partially && overlappingArea > 0;
 
         return partiallyVisible || overlappingArea >= nodeRect.width * nodeRect.height;
-      }) as NodeType[];
-    },
-    []
-  );
-
-  const isNodeIntersecting = useCallback<Instance.IsNodeIntersecting<NodeType>>(
-    (nodeOrRect, area, partially = true) => {
-      const isRect = isRectObject(nodeOrRect);
-      const nodeRect = isRect ? nodeOrRect : getNodeRect(nodeOrRect);
-
-      if (!nodeRect) {
-        return false;
-      }
-
-      const overlappingArea = getOverlappingArea(nodeRect, area);
-      const partiallyVisible = partially && overlappingArea > 0;
-
-      return partiallyVisible || overlappingArea >= nodeRect.width * nodeRect.height;
-    },
-    []
-  );
-
-  const updateNode = useCallback<Instance.UpdateNode<NodeType>>(
-    (id, nodeUpdate, options = { replace: false }) => {
-      setNodes((prevNodes) =>
-        prevNodes.map((node) => {
-          if (node.id === id) {
-            const nextNode = typeof nodeUpdate === 'function' ? nodeUpdate(node as NodeType) : nodeUpdate;
-            return options.replace && isNode(nextNode) ? (nextNode as NodeType) : { ...node, ...nextNode };
-          }
-
-          return node;
-        })
-      );
-    },
-    [setNodes]
-  );
-
-  const updateNodeData = useCallback<Instance.UpdateNodeData<NodeType>>(
-    (id, dataUpdate, options = { replace: false }) => {
-      updateNode(
-        id,
-        (node) => {
-          const nextData = typeof dataUpdate === 'function' ? dataUpdate(node) : dataUpdate;
-          return options.replace ? { ...node, data: nextData } : { ...node, data: { ...node.data, ...nextData } };
-        },
-        options
-      );
-    },
-    [updateNode]
-  );
+      },
+      updateNode,
+      updateNodeData: (id, dataUpdate, options = { replace: false }) => {
+        updateNode(
+          id,
+          (node) => {
+            const nextData = typeof dataUpdate === 'function' ? dataUpdate(node) : dataUpdate;
+            return options.replace ? { ...node, data: nextData } : { ...node, data: { ...node.data, ...nextData } };
+          },
+          options
+        );
+      },
+    };
+  }, []);
 
   return useMemo(() => {
     return {
+      ...generalHelper,
       ...viewportHelper,
-      getNodes,
-      getNode,
-      getInternalNode,
-      getEdges,
-      getEdge,
-      setNodes,
-      setEdges,
-      addNodes,
-      addEdges,
-      toObject,
-      deleteElements,
-      getIntersectingNodes,
-      isNodeIntersecting,
-      updateNode,
-      updateNodeData,
+      viewportInitialized,
     };
-  }, [
-    viewportHelper,
-    getNodes,
-    getNode,
-    getInternalNode,
-    getEdges,
-    getEdge,
-    setNodes,
-    setEdges,
-    addNodes,
-    addEdges,
-    toObject,
-    deleteElements,
-    getIntersectingNodes,
-    isNodeIntersecting,
-    updateNode,
-    updateNodeData,
-  ]);
+  }, [viewportInitialized]);
 }
diff --git a/packages/react/src/hooks/useViewportHelper.ts b/packages/react/src/hooks/useViewportHelper.ts
index eb92b310e..ef4f6f389 100644
--- a/packages/react/src/hooks/useViewportHelper.ts
+++ b/packages/react/src/hooks/useViewportHelper.ts
@@ -7,10 +7,8 @@ import {
   rendererPointToPoint,
 } from '@xyflow/system';
 
-import { useStoreApi, useStore } from '../hooks/useStore';
-import type { ViewportHelperFunctions, ReactFlowState } from '../types';
-
-const selector = (s: ReactFlowState) => !!s.panZoom;
+import { useStoreApi } from '../hooks/useStore';
+import type { ViewportHelperFunctions } from '../types';
 
 /**
  * Hook for getting viewport helper functions.
@@ -20,9 +18,8 @@ const selector = (s: ReactFlowState) => !!s.panZoom;
  */
 const useViewportHelper = (): ViewportHelperFunctions => {
   const store = useStoreApi();
-  const panZoomInitialized = useStore(selector);
 
-  const viewportHelperFunctions = useMemo<ViewportHelperFunctions>(() => {
+  return useMemo<ViewportHelperFunctions>(() => {
     return {
       zoomIn: (options) => store.getState().panZoom?.scaleBy(1.2, { duration: options?.duration }),
       zoomOut: (options) => store.getState().panZoom?.scaleBy(1 / 1.2, { duration: options?.duration }),
@@ -117,11 +114,8 @@ const useViewportHelper = (): ViewportHelperFunctions => {
           y: rendererPosition.y + domY,
         };
       },
-      viewportInitialized: panZoomInitialized,
     };
-  }, [panZoomInitialized]);
-
-  return viewportHelperFunctions;
+  }, []);
 };
 
 export default useViewportHelper;
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 8b55920f8..6f1105a75 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -156,7 +156,6 @@ export type ViewportHelperFunctions = {
    * const clientPosition = flowToScreenPosition({ x: node.position.x, y: node.position.y })
    */
   flowToScreenPosition: (flowPosition: XYPosition) => XYPosition;
-  viewportInitialized: boolean;
 };
 
 export type OnBeforeDelete<NodeType extends Node = Node, EdgeType extends Edge = Edge> = OnBeforeDeleteBase<
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 67a6d928d..8ce74d1ca 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -13,115 +13,70 @@ export type DeleteElementsOptions = {
   edges?: (Edge | { id: Edge['id'] })[];
 };
 
-export namespace Instance {
-  export type GetNodes<NodeType extends Node = Node> = () => NodeType[];
-  export type SetNodes<NodeType extends Node = Node> = (
-    payload: NodeType[] | ((nodes: NodeType[]) => NodeType[])
-  ) => void;
-  export type AddNodes<NodeType extends Node = Node> = (payload: NodeType[] | NodeType) => void;
-  export type GetNode<NodeType extends Node = Node> = (id: string) => NodeType | undefined;
-  export type GetInternalNode<NodeType extends Node = Node> = (id: string) => InternalNode<NodeType> | undefined;
-  export type GetEdges<EdgeType extends Edge = Edge> = () => EdgeType[];
-  export type SetEdges<EdgeType extends Edge = Edge> = (
-    payload: EdgeType[] | ((edges: EdgeType[]) => EdgeType[])
-  ) => void;
-  export type GetEdge<EdgeType extends Edge = Edge> = (id: string) => EdgeType | undefined;
-  export type AddEdges<EdgeType extends Edge = Edge> = (payload: EdgeType[] | EdgeType) => void;
-  export type ToObject<NodeType extends Node = Node, EdgeType extends Edge = Edge> = () => ReactFlowJsonObject<
-    NodeType,
-    EdgeType
-  >;
-  export type DeleteElements = (params: DeleteElementsOptions) => Promise<{
-    deletedNodes: Node[];
-    deletedEdges: Edge[];
-  }>;
-  export type GetIntersectingNodes<NodeType extends Node = Node> = (
-    node: NodeType | { id: Node['id'] } | Rect,
-    partially?: boolean,
-    nodes?: NodeType[]
-  ) => NodeType[];
-  export type IsNodeIntersecting<NodeType extends Node = Node> = (
-    node: NodeType | { id: Node['id'] } | Rect,
-    area: Rect,
-    partially?: boolean
-  ) => boolean;
-
-  export type UpdateNode<NodeType extends Node = Node> = (
-    id: string,
-    nodeUpdate: Partial<NodeType> | ((node: NodeType) => Partial<NodeType>),
-    options?: { replace: boolean }
-  ) => void;
-  export type UpdateNodeData<NodeType extends Node = Node> = (
-    id: string,
-    dataUpdate: object | ((node: NodeType) => object),
-    options?: { replace: boolean }
-  ) => void;
-}
-
-export type ReactFlowInstance<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
+export type GeneralHelpers<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
   /**
    * Returns nodes.
    *
    * @returns nodes array
    */
-  getNodes: Instance.GetNodes<NodeType>;
+  getNodes: () => NodeType[];
   /**
    * Sets nodes.
    *
    * @param payload - the nodes to set or a function that receives the current nodes and returns the new nodes
    */
-  setNodes: Instance.SetNodes<NodeType>;
+  setNodes: (payload: NodeType[] | ((nodes: NodeType[]) => NodeType[])) => void;
   /**
    * Adds nodes.
    *
    * @param payload - the nodes to add
    */
-  addNodes: Instance.AddNodes<NodeType>;
+  addNodes: (payload: NodeType[] | NodeType) => void;
   /**
    * Returns a node by id.
    *
    * @param id - the node id
    * @returns the node or undefined if no node was found
    */
-  getNode: Instance.GetNode<NodeType>;
+  getNode: (id: string) => NodeType | undefined;
   /**
    * Returns an internal node by id.
    *
    * @param id - the node id
    * @returns the internal node or undefined if no node was found
    */
-  getInternalNode: Instance.GetInternalNode<NodeType>;
+  getInternalNode: (id: string) => InternalNode<NodeType> | undefined;
   /**
    * Returns edges.
    *
    * @returns edges array
    */
-  getEdges: Instance.GetEdges<EdgeType>;
+  getEdges: () => EdgeType[];
   /**
    * Sets edges.
    *
    * @param payload - the edges to set or a function that receives the current edges and returns the new edges
    */
-  setEdges: Instance.SetEdges<EdgeType>;
+  setEdges: (payload: EdgeType[] | ((edges: EdgeType[]) => EdgeType[])) => void;
   /**
    * Adds edges.
    *
    * @param payload - the edges to add
    */
-  addEdges: Instance.AddEdges<EdgeType>;
+  addEdges: (payload: EdgeType[] | EdgeType) => void;
   /**
    * Returns an edge by id.
    *
    * @param id - the edge id
    * @returns the edge or undefined if no edge was found
    */
-  getEdge: Instance.GetEdge<EdgeType>;
+  getEdge: (id: string) => EdgeType | undefined;
   /**
    * Returns the nodes, edges and the viewport as a JSON object.
    *
    * @returns the nodes, edges and the viewport as a JSON object
    */
-  toObject: Instance.ToObject<NodeType, EdgeType>;
+  toObject: () => ReactFlowJsonObject<NodeType, EdgeType>;
   /**
    * Deletes nodes and edges.
    *
@@ -130,7 +85,10 @@ export type ReactFlowInstance<NodeType extends Node = Node, EdgeType extends Edg
    *
    * @returns a promise that resolves with the deleted nodes and edges
    */
-  deleteElements: Instance.DeleteElements;
+  deleteElements: (params: DeleteElementsOptions) => Promise<{
+    deletedNodes: Node[];
+    deletedEdges: Edge[];
+  }>;
   /**
    * Returns all nodes that intersect with the given node or rect.
    *
@@ -140,7 +98,11 @@ export type ReactFlowInstance<NodeType extends Node = Node, EdgeType extends Edg
    *
    * @returns an array of intersecting nodes
    */
-  getIntersectingNodes: Instance.GetIntersectingNodes<NodeType>;
+  getIntersectingNodes: (
+    node: NodeType | { id: Node['id'] } | Rect,
+    partially?: boolean,
+    nodes?: NodeType[]
+  ) => NodeType[];
   /**
    * Checks if the given node or rect intersects with the passed rect.
    *
@@ -150,7 +112,7 @@ export type ReactFlowInstance<NodeType extends Node = Node, EdgeType extends Edg
    *
    * @returns true if the node or rect intersects with the given area
    */
-  isNodeIntersecting: Instance.IsNodeIntersecting<NodeType>;
+  isNodeIntersecting: (node: NodeType | { id: Node['id'] } | Rect, area: Rect, partially?: boolean) => boolean;
   /**
    * Updates a node.
    *
@@ -161,7 +123,11 @@ export type ReactFlowInstance<NodeType extends Node = Node, EdgeType extends Edg
    * @example
    * updateNode('node-1', (node) => ({ position: { x: node.position.x + 10, y: node.position.y } }));
    */
-  updateNode: Instance.UpdateNode<NodeType>;
+  updateNode: (
+    id: string,
+    nodeUpdate: Partial<NodeType> | ((node: NodeType) => Partial<NodeType>),
+    options?: { replace: boolean }
+  ) => void;
   /**
    * Updates the data attribute of a node.
    *
@@ -172,6 +138,17 @@ export type ReactFlowInstance<NodeType extends Node = Node, EdgeType extends Edg
    * @example
    * updateNodeData('node-1', { label: 'A new label' });
    */
-  updateNodeData: Instance.UpdateNodeData<NodeType>;
-  viewportInitialized: boolean;
-} & Omit<ViewportHelperFunctions, 'initialized'>;
+  updateNodeData: (
+    id: string,
+    dataUpdate: object | ((node: NodeType) => object),
+    options?: { replace: boolean }
+  ) => void;
+};
+
+export type ReactFlowInstance<NodeType extends Node = Node, EdgeType extends Edge = Edge> = GeneralHelpers<
+  NodeType,
+  EdgeType
+> &
+  Omit<ViewportHelperFunctions, 'initialized'> & {
+    viewportInitialized: boolean;
+  };

From eb229d820b78878a9c555bc38ff266d1f87dab7e Mon Sep 17 00:00:00 2001
From: Daniel Darabos <darabos.daniel@gmail.com>
Date: Mon, 29 Apr 2024 19:43:35 +0200
Subject: [PATCH 0764/1093] Make handleId and isTarget reactive.

---
 packages/svelte/src/lib/components/Handle/Handle.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index f93688fc3..a5e38a52f 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -31,12 +31,12 @@
   let className: $$Props['class'] = undefined;
   export { className as class };
 
-  const isTarget = type === 'target';
+  $: isTarget = type === 'target';
   const nodeId = getContext<string>('svelteflow__node_id');
   const connectable = getContext<Writable<boolean>>('svelteflow__node_connectable');
   $: isConnectable = isConnectable !== undefined ? isConnectable : $connectable;
 
-  const handleId = id || null;
+  $: handleId = id || null;
 
   const store = useStore();
   const {

From eec2a6923dc3dc329e8cfcffbc6b278b85acecf5 Mon Sep 17 00:00:00 2001
From: DenizUgur <DenizUgur@users.noreply.github.com>
Date: Mon, 29 Apr 2024 12:42:39 -0700
Subject: [PATCH 0765/1093] fix typing for UpdateNodeInternals

---
 packages/system/src/types/general.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 91a08082e..0ab0fa03f 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -104,7 +104,7 @@ export type D3ZoomInstance = ZoomBehavior<Element, unknown>;
 export type D3SelectionInstance = D3Selection<Element, unknown, null, undefined>;
 export type D3ZoomHandler = (this: Element, event: any, d: unknown) => void;
 
-export type UpdateNodeInternals = (nodeId: string) => void;
+export type UpdateNodeInternals = (nodeId: string | string[]) => void;
 
 export type PanelPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 

From a9dfd45b4f64d031f54eb3310f6f756d90f4d498 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 30 Apr 2024 16:41:13 +0200
Subject: [PATCH 0766/1093] fix(system): dont break touch pan with panOnDrag is
 an array

---
 packages/system/src/xypanzoom/filter.ts | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/system/src/xypanzoom/filter.ts b/packages/system/src/xypanzoom/filter.ts
index 4cde936b0..105499d72 100644
--- a/packages/system/src/xypanzoom/filter.ts
+++ b/packages/system/src/xypanzoom/filter.ts
@@ -76,11 +76,7 @@ export function createFilter({
     }
 
     // if the pane is only movable using allowed clicks
-    if (
-      Array.isArray(panOnDrag) &&
-      !panOnDrag.includes(event.button) &&
-      (event.type === 'mousedown' || event.type === 'touchstart')
-    ) {
+    if (Array.isArray(panOnDrag) && !panOnDrag.includes(event.button) && event.type === 'mousedown') {
       return false;
     }
 

From d1b50707ff7a5428963a1c303d79eb0b0ba3a627 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 30 Apr 2024 16:42:33 +0200
Subject: [PATCH 0767/1093] fix(system): pinch zoom on windows #3759

---
 packages/system/src/xypanzoom/eventhandler.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/system/src/xypanzoom/eventhandler.ts b/packages/system/src/xypanzoom/eventhandler.ts
index 2f395300c..2e78b90af 100644
--- a/packages/system/src/xypanzoom/eventhandler.ts
+++ b/packages/system/src/xypanzoom/eventhandler.ts
@@ -78,10 +78,9 @@ export function createPanOnScrollHandler({
     event.stopImmediatePropagation();
 
     const currentZoom = d3Selection.property('__zoom').k || 1;
-    const _isMacOs = isMacOs();
 
     // macos sets ctrlKey=true for pinch gesture on a trackpad
-    if (event.ctrlKey && zoomOnPinch && _isMacOs) {
+    if (event.ctrlKey && zoomOnPinch) {
       const point = pointer(event);
       const pinchDelta = wheelDelta(event);
       const zoom = currentZoom * Math.pow(2, pinchDelta);
@@ -98,7 +97,7 @@ export function createPanOnScrollHandler({
     let deltaY = panOnScrollMode === PanOnScrollMode.Horizontal ? 0 : event.deltaY * deltaNormalize;
 
     // this enables vertical scrolling with shift + scroll on windows
-    if (!_isMacOs && event.shiftKey && panOnScrollMode !== PanOnScrollMode.Vertical) {
+    if (!isMacOs() && event.shiftKey && panOnScrollMode !== PanOnScrollMode.Vertical) {
       deltaX = event.deltaY * deltaNormalize;
       deltaY = 0;
     }
@@ -208,6 +207,7 @@ export function createPanZoomEndHandler({
     if (event.sourceEvent?.internal) {
       return;
     }
+
     zoomPanValues.isZoomingOrPanning = false;
 
     if (

From 170ef688a86e44841ebf92e5185d66b2c2664c3b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 30 Apr 2024 17:52:06 +0200
Subject: [PATCH 0768/1093] chore(react): changelog

---
 packages/react/CHANGELOG.md                | 9 +++++++++
 packages/system/src/xypanzoom/XYPanZoom.ts | 1 +
 packages/system/src/xypanzoom/utils.ts     | 1 +
 3 files changed, 11 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 6685ad5b0..90119e807 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,14 @@
 # @xyflow/react
 
+## 12.0.0-next.17
+
+- refactor(react): cleanup `useReactFlow`
+- fix(types): export `KeyCode`
+- fix(nodes): handle default node updates closes #4202 
+- fix(types): add string array to `UpdateNodeInternals` thanks @DenizUgur
+- fix(pane): pinch zoom on windows
+- fix(pane): drag for touch devices
+
 ## 12.0.0-next.16
 
 ## Patch changes
diff --git a/packages/system/src/xypanzoom/XYPanZoom.ts b/packages/system/src/xypanzoom/XYPanZoom.ts
index a7e73a7cc..052ec96ee 100644
--- a/packages/system/src/xypanzoom/XYPanZoom.ts
+++ b/packages/system/src/xypanzoom/XYPanZoom.ts
@@ -214,6 +214,7 @@ export function XYPanZoom({
         currentTransform.x !== viewport.x ||
         currentTransform.y !== viewport.y
       ) {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
         d3ZoomInstance?.transform(d3Selection, nextTransform, null, { sync: true });
       }
diff --git a/packages/system/src/xypanzoom/utils.ts b/packages/system/src/xypanzoom/utils.ts
index cad2b4817..63b683969 100644
--- a/packages/system/src/xypanzoom/utils.ts
+++ b/packages/system/src/xypanzoom/utils.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { type ZoomTransform, zoomIdentity } from 'd3-zoom';
 
 import { type D3SelectionInstance, type Viewport } from '../types';

From d4bfea9b27b2e4e357ace7bbed88099a58ca4727 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 2 May 2024 15:00:39 +0200
Subject: [PATCH 0769/1093] chore(svelte): cleanup examples

---
 .../custom-connection-line/CustomNode.svelte  | 53 ++++++++++---------
 .../examples/customnode/CustomNode.svelte     |  2 +
 .../routes/examples/edges/ButtonEdge.svelte   | 25 +--------
 .../examples/edges/CustomBezierEdge.svelte    | 19 +------
 .../handle-connect/MultiHandleNode.svelte     | 28 +---------
 .../handle-connect/SingleHandleNode.svelte    | 29 +---------
 .../routes/examples/node-resizer/+page.svelte |  7 +--
 .../node-resizer/CustomResizer.svelte         |  5 +-
 .../node-resizer/DefaultResizer.svelte        |  5 +-
 .../node-resizer/HorizontalResizer.svelte     |  5 +-
 .../examples/node-resizer/ResizeIcon.tsx      | 24 ---------
 .../node-resizer/VerticalResizer.svelte       |  5 +-
 .../src/routes/examples/node-resizer/types.ts | 21 ++++++++
 .../examples/node-toolbar/CustomNode.svelte   |  1 +
 .../examples/overview/CustomNode.svelte       |  5 +-
 .../overview/CustomNodeDragHandle.svelte      |  5 +-
 .../routes/examples/subflows/DebugNode.svelte |  9 ++--
 .../useupdatenodeinternals/CustomNode.svelte  |  1 +
 18 files changed, 85 insertions(+), 164 deletions(-)
 delete mode 100644 examples/svelte/src/routes/examples/node-resizer/ResizeIcon.tsx
 create mode 100644 examples/svelte/src/routes/examples/node-resizer/types.ts

diff --git a/examples/svelte/src/routes/examples/custom-connection-line/CustomNode.svelte b/examples/svelte/src/routes/examples/custom-connection-line/CustomNode.svelte
index 0f4cc6bd2..6507ce51e 100644
--- a/examples/svelte/src/routes/examples/custom-connection-line/CustomNode.svelte
+++ b/examples/svelte/src/routes/examples/custom-connection-line/CustomNode.svelte
@@ -1,34 +1,35 @@
 <script lang="ts">
-  import { Handle, Position, type NodeProps } from '@xyflow/svelte';
+	import { Handle, Position, type NodeProps } from '@xyflow/svelte';
 
-  type $$Props = NodeProps;
+	type $$Props = NodeProps;
 
-  export let isConnectable: $$Props['isConnectable'];
+	export let isConnectable: $$Props['isConnectable'];
+	$$restProps;
 
-  const DEFAULT_HANDLE_STYLE = 'width: 10px; height: 10px; bottom: -5px;';
+	const handleStyle = 'width: 10px; height: 10px; bottom: -5px;';
 </script>
 
 <div style="background: #DDD; padding: 25px">
-  <div>Node</div>
-  <Handle
-    type="source"
-    id="red"
-    position={Position.Bottom}
-    style={DEFAULT_HANDLE_STYLE + 'left: 15%; background: red;'}
-    {isConnectable}
-  />
-  <Handle
-    type="source"
-    position={Position.Bottom}
-    id="blue"
-    style={DEFAULT_HANDLE_STYLE + 'left: 50%; background: blue;'}
-    {isConnectable}
-  />
-  <Handle
-    type="source"
-    position={Position.Bottom}
-    id="orange"
-    style={DEFAULT_HANDLE_STYLE + 'left: 85%; background: orange;'}
-    {isConnectable}
-  />
+	<div>Node</div>
+	<Handle
+		type="source"
+		id="red"
+		position={Position.Bottom}
+		style={handleStyle + 'left: 15%; background: red;'}
+		{isConnectable}
+	/>
+	<Handle
+		type="source"
+		position={Position.Bottom}
+		id="blue"
+		style={handleStyle + 'left: 50%; background: blue;'}
+		{isConnectable}
+	/>
+	<Handle
+		type="source"
+		position={Position.Bottom}
+		id="orange"
+		style={handleStyle + 'left: 85%; background: orange;'}
+		{isConnectable}
+	/>
 </div>
diff --git a/examples/svelte/src/routes/examples/customnode/CustomNode.svelte b/examples/svelte/src/routes/examples/customnode/CustomNode.svelte
index e22701e3d..47a335341 100644
--- a/examples/svelte/src/routes/examples/customnode/CustomNode.svelte
+++ b/examples/svelte/src/routes/examples/customnode/CustomNode.svelte
@@ -6,6 +6,8 @@
 
 	export let data: $$Props['data'];
 
+	$$restProps;
+
 	const { colorStore } = data;
 </script>
 
diff --git a/examples/svelte/src/routes/examples/edges/ButtonEdge.svelte b/examples/svelte/src/routes/examples/edges/ButtonEdge.svelte
index 235aab986..ee5822260 100644
--- a/examples/svelte/src/routes/examples/edges/ButtonEdge.svelte
+++ b/examples/svelte/src/routes/examples/edges/ButtonEdge.svelte
@@ -4,27 +4,18 @@
 	type $$Props = EdgeProps;
 
 	export let id: $$Props['id'] = '';
-	export let source: $$Props['source'] = '';
-	export let target: $$Props['target'] = '';
-	export let animated: $$Props['animated'] = undefined;
-	export let selected: $$Props['selected'] = undefined;
-	export let label: $$Props['label'] = undefined;
-	export let labelStyle: $$Props['labelStyle'] = undefined;
-	export let data: $$Props['data'] = undefined;
 	export let style: $$Props['style'] = undefined;
-	export let markerStart: $$Props['markerStart'] = undefined;
 	export let markerEnd: $$Props['markerEnd'] = undefined;
-	export let interactionWidth: $$Props['interactionWidth'] = undefined;
 
 	export let sourceX: $$Props['sourceX'];
 	export let sourceY: $$Props['sourceY'];
 	export let sourcePosition: $$Props['sourcePosition'];
-	export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
 
 	export let targetX: $$Props['targetX'];
 	export let targetY: $$Props['targetY'];
 	export let targetPosition: $$Props['targetPosition'];
-	export let targetHandleId: $$Props['targetHandleId'] = undefined;
+
+	$$restProps;
 
 	$: [edgePath, labelX, labelY] = getBezierPath({
 		sourceX,
@@ -34,18 +25,6 @@
 		targetY,
 		targetPosition
 	});
-
-	source;
-	target;
-	animated;
-	selected;
-	data;
-	label;
-	labelStyle;
-	markerStart;
-	interactionWidth;
-	sourceHandleId;
-	targetHandleId;
 </script>
 
 <BaseEdge path={edgePath} {markerEnd} {style} />
diff --git a/examples/svelte/src/routes/examples/edges/CustomBezierEdge.svelte b/examples/svelte/src/routes/examples/edges/CustomBezierEdge.svelte
index 48d86c3d7..960d3e6e6 100644
--- a/examples/svelte/src/routes/examples/edges/CustomBezierEdge.svelte
+++ b/examples/svelte/src/routes/examples/edges/CustomBezierEdge.svelte
@@ -3,14 +3,8 @@
 
 	type $$Props = EdgeProps;
 
-	export let id: $$Props['id'] = '';
-	export let source: $$Props['source'] = '';
-	export let target: $$Props['target'] = '';
-	export let animated: $$Props['animated'] = undefined;
-	export let selected: $$Props['selected'] = undefined;
 	export let label: $$Props['label'] = undefined;
 	export let labelStyle: $$Props['labelStyle'] = undefined;
-	export let data: $$Props['data'] = undefined;
 	export let style: $$Props['style'] = undefined;
 	export let markerStart: $$Props['markerStart'] = undefined;
 	export let markerEnd: $$Props['markerEnd'] = undefined;
@@ -19,23 +13,12 @@
 	export let sourceX: $$Props['sourceX'];
 	export let sourceY: $$Props['sourceY'];
 	export let sourcePosition: $$Props['sourcePosition'];
-	export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
 
 	export let targetX: $$Props['targetX'];
 	export let targetY: $$Props['targetY'];
 	export let targetPosition: $$Props['targetPosition'];
-	export let targetHandleId: $$Props['targetHandleId'] = undefined;
 
-	id;
-	source;
-	target;
-	animated;
-	selected;
-	data;
-	sourcePosition;
-	targetPosition;
-	sourceHandleId;
-	targetHandleId;
+	$$restProps;
 </script>
 
 <BezierEdge
diff --git a/examples/svelte/src/routes/examples/handle-connect/MultiHandleNode.svelte b/examples/svelte/src/routes/examples/handle-connect/MultiHandleNode.svelte
index f411fc44f..512439443 100644
--- a/examples/svelte/src/routes/examples/handle-connect/MultiHandleNode.svelte
+++ b/examples/svelte/src/routes/examples/handle-connect/MultiHandleNode.svelte
@@ -33,33 +33,7 @@
 		console.log('connections', id, $connections);
 	}
 
-	export let data: $$Props['data'];
-	export let targetPosition: $$Props['targetPosition'] = Position.Top;
-	export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
-	export let width: $$Props['width'] = undefined;
-	export let height: $$Props['height'] = undefined;
-	export let selected: $$Props['selected'] = undefined;
-	export let type: $$Props['type'] = undefined;
-	export let zIndex: $$Props['zIndex'] = undefined;
-	export let dragging: $$Props['dragging'] = false;
-	export let dragHandle: $$Props['dragHandle'] = undefined;
-	export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
-	export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
-	export let isConnectable: $$Props['isConnectable'] = undefined;
-
-	data;
-	targetPosition;
-	sourcePosition;
-	width;
-	height;
-	selected;
-	type;
-	zIndex;
-	dragging;
-	dragHandle;
-	positionAbsoluteX;
-	positionAbsoluteY;
-	isConnectable;
+	$$restProps;
 </script>
 
 <div class="custom">
diff --git a/examples/svelte/src/routes/examples/handle-connect/SingleHandleNode.svelte b/examples/svelte/src/routes/examples/handle-connect/SingleHandleNode.svelte
index 7c1e026df..d29589696 100644
--- a/examples/svelte/src/routes/examples/handle-connect/SingleHandleNode.svelte
+++ b/examples/svelte/src/routes/examples/handle-connect/SingleHandleNode.svelte
@@ -21,34 +21,7 @@
 		console.log('disconnect source', connection);
 	}
 
-	export let data: $$Props['data'];
-	export let targetPosition: $$Props['targetPosition'] = Position.Top;
-	export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
-	export let width: $$Props['width'] = undefined;
-	export let height: $$Props['height'] = undefined;
-	export let selected: $$Props['selected'] = undefined;
-	export let type: $$Props['type'] = undefined;
-	export let zIndex: $$Props['zIndex'] = undefined;
-	export let dragging: $$Props['dragging'] = false;
-	export let dragHandle: $$Props['dragHandle'] = undefined;
-	export let positionAbsolute: $$Props['positionAbsolute'] = {
-		x: 0,
-		y: 0
-	};
-	export let isConnectable: $$Props['isConnectable'] = undefined;
-
-	data;
-	targetPosition;
-	sourcePosition;
-	width;
-	height;
-	selected;
-	type;
-	zIndex;
-	dragging;
-	dragHandle;
-	positionAbsolute;
-	isConnectable;
+	$$restProps;
 </script>
 
 <div class="custom">
diff --git a/examples/svelte/src/routes/examples/node-resizer/+page.svelte b/examples/svelte/src/routes/examples/node-resizer/+page.svelte
index 8e08174a3..e03acf341 100644
--- a/examples/svelte/src/routes/examples/node-resizer/+page.svelte
+++ b/examples/svelte/src/routes/examples/node-resizer/+page.svelte
@@ -1,13 +1,14 @@
 <script lang="ts">
-	import { SvelteFlow, Controls, Panel, type Node, type Edge } from '@xyflow/svelte';
+	import { writable } from 'svelte/store';
+	import { SvelteFlow, Controls, Panel, type Edge } from '@xyflow/svelte';
 
 	import DefaultResizer from './DefaultResizer.svelte';
 	import CustomResizer from './CustomResizer.svelte';
 	import VerticalResizer from './VerticalResizer.svelte';
 	import HorizontalResizer from './HorizontalResizer.svelte';
-	import { writable } from 'svelte/store';
 
 	import '@xyflow/svelte/dist/style.css';
+	import type { ResizeNode } from './types';
 
 	const nodeTypes = {
 		defaultResizer: DefaultResizer,
@@ -20,7 +21,7 @@
 
 	const edges = writable<Edge[]>([]);
 
-	const nodes = writable<Node[]>([
+	const nodes = writable<ResizeNode[]>([
 		{
 			id: '1',
 			type: 'defaultResizer',
diff --git a/examples/svelte/src/routes/examples/node-resizer/CustomResizer.svelte b/examples/svelte/src/routes/examples/node-resizer/CustomResizer.svelte
index 7a5fd9007..e765c7c8b 100644
--- a/examples/svelte/src/routes/examples/node-resizer/CustomResizer.svelte
+++ b/examples/svelte/src/routes/examples/node-resizer/CustomResizer.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
 	import { Handle, Position, type NodeProps, NodeResizeControl } from '@xyflow/svelte';
+	import type { ResizeNode } from './types';
 
-	type $$Props = NodeProps;
+	type $$Props = NodeProps<ResizeNode>;
 
-	export let data: $$Props['data'] = undefined;
+	export let data: $$Props['data'];
 </script>
 
 <NodeResizeControl
diff --git a/examples/svelte/src/routes/examples/node-resizer/DefaultResizer.svelte b/examples/svelte/src/routes/examples/node-resizer/DefaultResizer.svelte
index bdc7de2be..819647842 100644
--- a/examples/svelte/src/routes/examples/node-resizer/DefaultResizer.svelte
+++ b/examples/svelte/src/routes/examples/node-resizer/DefaultResizer.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
 	import { Handle, NodeResizer, Position, type NodeProps } from '@xyflow/svelte';
+	import type { ResizeNode } from './types';
 
-	type $$Props = NodeProps;
+	type $$Props = NodeProps<ResizeNode>;
 
-	export let data: $$Props['data'] = undefined;
+	export let data: $$Props['data'];
 	export let selected: $$Props['selected'] = undefined;
 </script>
 
diff --git a/examples/svelte/src/routes/examples/node-resizer/HorizontalResizer.svelte b/examples/svelte/src/routes/examples/node-resizer/HorizontalResizer.svelte
index 4942e511a..5caea5086 100644
--- a/examples/svelte/src/routes/examples/node-resizer/HorizontalResizer.svelte
+++ b/examples/svelte/src/routes/examples/node-resizer/HorizontalResizer.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
 	import { Handle, NodeResizeControl, Position, type NodeProps } from '@xyflow/svelte';
+	import type { ResizeNode } from './types';
 
-	type $$Props = NodeProps;
+	type $$Props = NodeProps<ResizeNode>;
 
-	export let data: $$Props['data'] = undefined;
+	export let data: $$Props['data'];
 </script>
 
 <NodeResizeControl
diff --git a/examples/svelte/src/routes/examples/node-resizer/ResizeIcon.tsx b/examples/svelte/src/routes/examples/node-resizer/ResizeIcon.tsx
deleted file mode 100644
index 8db1cb928..000000000
--- a/examples/svelte/src/routes/examples/node-resizer/ResizeIcon.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-function ResizeIcon() {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="8"
-      height="8"
-      viewBox="0 0 24 24"
-      strokeWidth="2"
-      stroke="currentColor"
-      fill="none"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      style={{ position: 'absolute', right: 2, bottom: 2 }}
-    >
-      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-      <polyline points="16 20 20 20 20 16" />
-      <line x1="14" y1="14" x2="20" y2="20" />
-      <polyline points="8 4 4 4 4 8" />
-      <line x1="4" y1="4" x2="10" y2="10" />
-    </svg>
-  );
-}
-
-export default ResizeIcon;
diff --git a/examples/svelte/src/routes/examples/node-resizer/VerticalResizer.svelte b/examples/svelte/src/routes/examples/node-resizer/VerticalResizer.svelte
index 65ccae154..5e1735088 100644
--- a/examples/svelte/src/routes/examples/node-resizer/VerticalResizer.svelte
+++ b/examples/svelte/src/routes/examples/node-resizer/VerticalResizer.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
 	import { Handle, NodeResizeControl, Position, type NodeProps } from '@xyflow/svelte';
+	import type { ResizeNode } from './types';
 
-	type $$Props = NodeProps;
+	type $$Props = NodeProps<ResizeNode>;
 
-	export let data: $$Props['data'] = undefined;
+	export let data: $$Props['data'];
 </script>
 
 <NodeResizeControl
diff --git a/examples/svelte/src/routes/examples/node-resizer/types.ts b/examples/svelte/src/routes/examples/node-resizer/types.ts
new file mode 100644
index 000000000..53562cef2
--- /dev/null
+++ b/examples/svelte/src/routes/examples/node-resizer/types.ts
@@ -0,0 +1,21 @@
+import {
+	type Node,
+	type ShouldResize,
+	type OnResizeStart,
+	type OnResize,
+	type OnResizeEnd
+} from '@xyflow/svelte';
+
+export type ResizeNode = Node<{
+	minWidth?: number;
+	maxWidth?: number;
+	minHeight?: number;
+	maxHeight?: number;
+	shouldResize?: ShouldResize;
+	onResizeStart?: OnResizeStart;
+	onResize?: OnResize;
+	onResizeEnd?: OnResizeEnd;
+	keepAspectRatio?: boolean;
+	label?: string;
+	isVisible?: boolean;
+}>;
diff --git a/examples/svelte/src/routes/examples/node-toolbar/CustomNode.svelte b/examples/svelte/src/routes/examples/node-toolbar/CustomNode.svelte
index af2dabaa7..99b00f7c3 100644
--- a/examples/svelte/src/routes/examples/node-toolbar/CustomNode.svelte
+++ b/examples/svelte/src/routes/examples/node-toolbar/CustomNode.svelte
@@ -2,6 +2,7 @@
 	import { NodeToolbar, type NodeProps, Handle, Position } from '@xyflow/svelte';
 
 	type $$Props = NodeProps;
+	$$restProps;
 
 	export let data: $$Props['data'];
 </script>
diff --git a/examples/svelte/src/routes/examples/overview/CustomNode.svelte b/examples/svelte/src/routes/examples/overview/CustomNode.svelte
index faf6a2a55..0e991ac24 100644
--- a/examples/svelte/src/routes/examples/overview/CustomNode.svelte
+++ b/examples/svelte/src/routes/examples/overview/CustomNode.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
-	import { Handle, Position, type NodeProps } from '@xyflow/svelte';
+	import { Handle, Position, type BuiltInNode, type NodeProps } from '@xyflow/svelte';
 
-	type $$Props = NodeProps;
+	type $$Props = NodeProps<BuiltInNode>;
+	$$restProps;
 
 	export let data: { label: string } = { label: 'Node' };
 	export let positionAbsoluteX: number = 0;
diff --git a/examples/svelte/src/routes/examples/overview/CustomNodeDragHandle.svelte b/examples/svelte/src/routes/examples/overview/CustomNodeDragHandle.svelte
index dcdddfc83..c087f7de1 100644
--- a/examples/svelte/src/routes/examples/overview/CustomNodeDragHandle.svelte
+++ b/examples/svelte/src/routes/examples/overview/CustomNodeDragHandle.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
-	import type { NodeProps } from '@xyflow/svelte';
+	import type { BuiltInNode, NodeProps } from '@xyflow/svelte';
 
-	type $$Props = NodeProps;
+	type $$Props = NodeProps<BuiltInNode>;
+	$$restProps;
 
 	export let data: { label: string } = { label: 'Node' };
 </script>
diff --git a/examples/svelte/src/routes/examples/subflows/DebugNode.svelte b/examples/svelte/src/routes/examples/subflows/DebugNode.svelte
index 9676957e9..ecacb06bb 100644
--- a/examples/svelte/src/routes/examples/subflows/DebugNode.svelte
+++ b/examples/svelte/src/routes/examples/subflows/DebugNode.svelte
@@ -1,16 +1,19 @@
 <script lang="ts">
-	import { Handle, Position, type NodeProps, type XYPosition } from '@xyflow/svelte';
+	import { Handle, Position, type NodeProps } from '@xyflow/svelte';
 
 	type $$Props = NodeProps;
 
 	export let id: string;
-	export let positionAbsolute: XYPosition = { x: 0, y: 0 };
+	export let positionAbsoluteX: number = 0;
+	export let positionAbsoluteY: number = 0;
 	export let zIndex: number = 0;
+
+	$$restProps;
 </script>
 
 <Handle type="target" position={Position.Top} />
 <div>{id}</div>
 <div>
-	x:{Math.round(positionAbsolute.x)} y:{Math.round(positionAbsolute.y)} z:{zIndex}
+	x:{Math.round(positionAbsoluteX)} y:{Math.round(positionAbsoluteY)} z:{zIndex}
 </div>
 <Handle type="source" position={Position.Bottom} />
diff --git a/examples/svelte/src/routes/examples/useupdatenodeinternals/CustomNode.svelte b/examples/svelte/src/routes/examples/useupdatenodeinternals/CustomNode.svelte
index fbe9c8d70..89a73e1c5 100644
--- a/examples/svelte/src/routes/examples/useupdatenodeinternals/CustomNode.svelte
+++ b/examples/svelte/src/routes/examples/useupdatenodeinternals/CustomNode.svelte
@@ -4,6 +4,7 @@
 	type $$Props = NodeProps;
 
 	export let id: $$Props['id'];
+	$$restProps;
 
 	const updateNodeInternals = useUpdateNodeInternals();
 

From 00cbf2246c2afaf22e20c6f1dd55893d9775a132 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 2 May 2024 15:01:14 +0200
Subject: [PATCH 0770/1093] fix(svelte): only update node dimension attributes
 when necessary

---
 packages/svelte/src/lib/store/index.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index c0360c3cd..f37d8e47c 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -111,8 +111,12 @@ export function createStore({
       switch (change.type) {
         case 'dimensions': {
           const measured = { ...node.measured, ...change.dimensions };
-          node.width = change.dimensions?.width ?? node.width;
-          node.height = change.dimensions?.height ?? node.height;
+
+          if (change.setAttributes) {
+            node.width = change.dimensions?.width ?? node.width;
+            node.height = change.dimensions?.height ?? node.height;
+          }
+
           node.measured = measured;
           break;
         }

From 3b940ac5ae38b0c8d929685c64e9858200fd3696 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 2 May 2024 15:01:37 +0200
Subject: [PATCH 0771/1093] fix(svelte): use correct updateNodeInternals API

---
 .../svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte  | 2 +-
 .../svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte | 2 +-
 packages/svelte/src/lib/container/Pane/Pane.svelte            | 4 ++--
 packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts       | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index c0966ab9d..8f13be9bd 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -104,7 +104,7 @@
               {
                 id,
                 nodeElement: nodeRef,
-                forceUpdate: true
+                force: true
               }
             ]
           ])
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index dc08aee03..9aeb308d8 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -26,7 +26,7 @@
             updates.set(id, {
               id,
               nodeElement: entry.target as HTMLDivElement,
-              forceUpdate: true
+              force: true
             });
           });
 
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 05cbdb417..e616a1b4d 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -35,7 +35,7 @@
   } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
-  import type { Node, Edge } from '$lib/types';
+  import type { Node, Edge, InternalNode } from '$lib/types';
   import type { PaneProps } from './types';
 
   type $$Props = PaneProps;
@@ -68,7 +68,7 @@
 
   let container: HTMLDivElement;
   let containerBounds: DOMRect | null = null;
-  let selectedNodes: Node[] = [];
+  let selectedNodes: InternalNode[] = [];
 
   $: _panOnDrag = $panActivationKeyPressed || panOnDrag;
   $: isSelecting =
diff --git a/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts b/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
index cbb240abb..489dec0b0 100644
--- a/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
+++ b/packages/svelte/src/lib/hooks/useUpdateNodeInternals.ts
@@ -23,7 +23,7 @@ export function useUpdateNodeInternals(): UpdateNodeInternals {
       ) as HTMLDivElement;
 
       if (nodeElement) {
-        updates.set(updateId, { id: updateId, nodeElement, forceUpdate: true });
+        updates.set(updateId, { id: updateId, nodeElement, force: true });
       }
     });
 

From f2f2c3cc2ecbc629b46de9e2179637f292fe4bf5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 2 May 2024 15:36:42 +0200
Subject: [PATCH 0772/1093] feat(svelte): add fitViewOptions for Controls
 closes #4201

---
 .../svelte/src/routes/examples/overview/+page.svelte  | 11 ++++++++---
 .../svelte/src/lib/plugins/Controls/Controls.svelte   |  3 ++-
 packages/svelte/src/lib/plugins/Controls/types.ts     |  3 +++
 packages/svelte/src/lib/store/index.ts                |  4 ++--
 packages/svelte/src/lib/types/general.ts              |  2 +-
 packages/system/src/types/general.ts                  |  4 ++--
 6 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/examples/svelte/src/routes/examples/overview/+page.svelte b/examples/svelte/src/routes/examples/overview/+page.svelte
index 301730f6d..92a353bb9 100644
--- a/examples/svelte/src/routes/examples/overview/+page.svelte
+++ b/examples/svelte/src/routes/examples/overview/+page.svelte
@@ -13,8 +13,8 @@
 		type Node,
 		type Edge,
 		ConnectionMode,
-		useSvelteFlow,
-		ControlButton
+		ControlButton,
+		type FitViewOptions
 	} from '@xyflow/svelte';
 
 	import CustomNode from './CustomNode.svelte';
@@ -33,6 +33,11 @@
 		custom: CustomEdge
 	};
 
+	const fitViewOptions: FitViewOptions = {
+		padding: 0.2,
+		nodes: [{ id: '1' }, { id: '2' }]
+	};
+
 	const nodes = writable<Node[]>([
 		{
 			id: '1',
@@ -191,7 +196,7 @@
 	attributionPosition={'top-center'}
 	deleteKey={['Backspace', 'd']}
 >
-	<Controls orientation="horizontal">
+	<Controls orientation="horizontal" {fitViewOptions}>
 		<ControlButton slot="before">xy</ControlButton>
 		<ControlButton aria-label="log" on:click={() => console.log('control button')}
 			>log</ControlButton
diff --git a/packages/svelte/src/lib/plugins/Controls/Controls.svelte b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
index aedcc1827..2984ad2c3 100644
--- a/packages/svelte/src/lib/plugins/Controls/Controls.svelte
+++ b/packages/svelte/src/lib/plugins/Controls/Controls.svelte
@@ -26,6 +26,7 @@
   export let ariaLabel: $$Props['aria-label'] = undefined;
   export let style: $$Props['style'] = undefined;
   export let orientation: $$Props['orientation'] = 'vertical';
+  export let fitViewOptions: $$Props['fitViewOptions'] = undefined;
 
   let className: $$Props['class'] = '';
   export { className as class };
@@ -63,7 +64,7 @@
   };
 
   const onFitViewHandler = () => {
-    fitView();
+    fitView(fitViewOptions);
   };
 
   const onToggleInteractivity = () => {
diff --git a/packages/svelte/src/lib/plugins/Controls/types.ts b/packages/svelte/src/lib/plugins/Controls/types.ts
index 1de8dee9b..a4e5f9d71 100644
--- a/packages/svelte/src/lib/plugins/Controls/types.ts
+++ b/packages/svelte/src/lib/plugins/Controls/types.ts
@@ -1,6 +1,8 @@
 import type { HTMLButtonAttributes } from 'svelte/elements';
 import type { PanelPosition } from '@xyflow/system';
 
+import type { FitViewOptions } from '$lib/types';
+
 export type ControlsProps = {
   /** Position of the controls on the pane
    * @example PanelPosition.TopLeft, PanelPosition.TopRight,
@@ -21,6 +23,7 @@ export type ControlsProps = {
   style?: string;
   class?: string;
   orientation?: 'horizontal' | 'vertical';
+  fitViewOptions?: FitViewOptions;
 };
 
 export type ControlButtonProps = HTMLButtonAttributes & {
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index f37d8e47c..e02573ad7 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -2,7 +2,7 @@ import { getContext, setContext } from 'svelte';
 import { derived, get, writable } from 'svelte/store';
 import {
   createMarkerIds,
-  fitView as fitViewUtil,
+  fitView as fitViewSystem,
   getElementsToRemove,
   panBy as panBySystem,
   updateNodeInternals as updateNodeInternalsSystem,
@@ -140,7 +140,7 @@ export function createStore({
       return false;
     }
 
-    return fitViewUtil(
+    return fitViewSystem(
       {
         nodeLookup: get(store.nodeLookup),
         width: get(store.width),
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index 71e2047ab..8aaa9a0ac 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -53,7 +53,7 @@ export type HandleComponentProps = {
   ondisconnect?: (connections: Connection[]) => void;
 };
 
-export type FitViewOptions = FitViewOptionsBase<Node>;
+export type FitViewOptions<NodeType extends Node = Node> = FitViewOptionsBase<NodeType>;
 
 export type OnDelete = (params: { nodes: Node[]; edges: Edge[] }) => void;
 export type OnEdgeCreate = (connection: Connection) => Edge | Connection | void;
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 0ab0fa03f..6ff1dd451 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -61,13 +61,13 @@ export type FitViewParamsBase<NodeType extends NodeBase> = {
   nodeOrigin?: NodeOrigin;
 };
 
-export type FitViewOptionsBase<NodeType extends NodeBase> = {
+export type FitViewOptionsBase<NodeType extends NodeBase = NodeBase> = {
   padding?: number;
   includeHiddenNodes?: boolean;
   minZoom?: number;
   maxZoom?: number;
   duration?: number;
-  nodes?: (NodeType | { id: NodeType['id'] })[];
+  nodes?: (NodeType | { id: string })[];
 };
 
 export type Viewport = {

From 534db656b4712786aec99b15a755b42d9e1047ed Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 2 May 2024 16:39:57 +0200
Subject: [PATCH 0773/1093] feat(svelte): add getInternalNode and
 useInternalNode

---
 .../components/NodeWrapper/NodeWrapper.svelte |  2 +-
 .../src/lib/components/NodeWrapper/types.ts   |  4 +--
 .../svelte/src/lib/hooks/useInternalNode.ts   | 17 +++++++++++++
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 25 ++++++++++++++-----
 4 files changed, 39 insertions(+), 9 deletions(-)
 create mode 100644 packages/svelte/src/lib/hooks/useInternalNode.ts

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 8f13be9bd..7ba527925 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -141,7 +141,7 @@
       handleNodeSelection(id);
     }
 
-    dispatchNodeEvent('nodeclick', { node, event });
+    dispatchNodeEvent('nodeclick', { node: node.internals.userNode, event });
   }
 </script>
 
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index 7277be5fa..842eb70bf 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -1,4 +1,4 @@
-import type { Node } from '$lib/types';
+import type { InternalNode, Node } from '$lib/types';
 
 export type NodeWrapperProps = Pick<
   Node,
@@ -32,6 +32,6 @@ export type NodeWrapperProps = Pick<
   resizeObserver?: ResizeObserver | null;
   isParent?: boolean;
   zIndex: number;
-  node: Node;
+  node: InternalNode;
   initialized: boolean;
 };
diff --git a/packages/svelte/src/lib/hooks/useInternalNode.ts b/packages/svelte/src/lib/hooks/useInternalNode.ts
new file mode 100644
index 000000000..16c83960e
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/useInternalNode.ts
@@ -0,0 +1,17 @@
+import { derived, type Readable } from 'svelte/store';
+
+import { useStore } from '$lib/store';
+import type { InternalNode } from '$lib/types';
+
+/**
+ * Hook to get an internal node by id.
+ *
+ * @public
+ * @param id - the node id
+ * @returns a readable with an internal node or undefined
+ */
+export function useInternalNode(id: string): Readable<InternalNode | undefined> {
+  const { nodeLookup, nodes } = useStore();
+
+  return derived([nodeLookup, nodes], ([nodeLookup]) => nodeLookup.get(id));
+}
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 6c83418fc..be40af643 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -18,7 +18,7 @@ import {
 } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
-import type { Edge, FitViewOptions, Node } from '$lib/types';
+import type { Edge, FitViewOptions, InternalNode, Node } from '$lib/types';
 import { isNode } from '$lib/utils';
 
 /**
@@ -41,6 +41,13 @@ export function useSvelteFlow(): {
    * @param options.duration - optional duration. If set, a transition will be applied
    */
   zoomOut: ZoomInOut;
+  /**
+   * Returns an internal node by id.
+   *
+   * @param id - the node id
+   * @returns the node or undefined if no node was found
+   */
+  getInternalNode: (id: string) => InternalNode | undefined;
   /**
    * Returns a node by id.
    *
@@ -280,10 +287,13 @@ export function useSvelteFlow(): {
     }
   };
 
+  const getInternalNode = (id: string) => get(nodeLookup).get(id);
+
   return {
     zoomIn,
     zoomOut,
-    getNode: (id) => get(nodeLookup).get(id),
+    getInternalNode,
+    getNode: (id) => getInternalNode(id)?.internals.userNode,
     getNodes: (ids) => (ids === undefined ? get(nodes) : getElements(get(nodeLookup), ids)),
     getEdge: (id) => get(edgeLookup).get(id),
     getEdges: (ids) => (ids === undefined ? get(edges) : getElements(get(edgeLookup), ids)),
@@ -474,14 +484,17 @@ export function useSvelteFlow(): {
     viewport
   };
 }
-
-function getElements<EdgeOrNode>(lookup: Map<string, EdgeOrNode>, ids: string[]) {
+function getElements(lookup: Map<string, InternalNode>, ids: string[]): Node[];
+function getElements(lookup: Map<string, Edge>, ids: string[]): Edge[];
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function getElements(lookup: Map<string, any>, ids: string[]): any[] {
   const result = [];
 
   for (const id of ids) {
-    const element = lookup.get(id);
+    const item = lookup.get(id);
 
-    if (element) {
+    if (item) {
+      const element = 'internals' in item ? item.internals?.userNode : item;
       result.push(element);
     }
   }

From 9984dd39a2c4a2bf74e257415000e823e99b73d6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 2 May 2024 17:29:31 +0200
Subject: [PATCH 0774/1093] refactor(svelte): add quotes to edge marker urls

---
 .../svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index f2166ceec..54fdf91f9 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -53,8 +53,8 @@
 
   $: edgeType = type || 'default';
   $: edgeComponent = $edgeTypes[edgeType] || BezierEdgeInternal;
-  $: markerStartUrl = markerStart ? `url(#${getMarkerId(markerStart, $flowId)})` : undefined;
-  $: markerEndUrl = markerEnd ? `url(#${getMarkerId(markerEnd, $flowId)})` : undefined;
+  $: markerStartUrl = markerStart ? `url('#${getMarkerId(markerStart, $flowId)}')` : undefined;
+  $: markerEndUrl = markerEnd ? `url('#${getMarkerId(markerEnd, $flowId)}')` : undefined;
   $: isSelectable = selectable || ($elementsSelectable && typeof selectable === 'undefined');
 
   const handleEdgeSelect = useHandleEdgeSelect();

From e1ef45666abb4bdedbe130808fa3a2d488e4daca Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 2 May 2024 17:29:53 +0200
Subject: [PATCH 0775/1093] test(svelte): nodeDragThreshold=0 for node tests

---
 examples/svelte/src/generic-tests/nodes/general.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/examples/svelte/src/generic-tests/nodes/general.ts b/examples/svelte/src/generic-tests/nodes/general.ts
index 4e5abc915..607579535 100644
--- a/examples/svelte/src/generic-tests/nodes/general.ts
+++ b/examples/svelte/src/generic-tests/nodes/general.ts
@@ -3,6 +3,7 @@ import DragHandleNode from './components/DragHandleNode.svelte';
 export default {
 	flowProps: {
 		fitView: true,
+		nodeDragThreshold: 0,
 		nodeTypes: {
 			DragHandleNode
 		},

From ce9ce1db0badd30913ca7cf10a13f3dc1618cc54 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 2 May 2024 17:40:48 +0200
Subject: [PATCH 0776/1093] fix(system): return user nodes in node drag/click
 handlers

---
 .../src/components/NodeWrapper/index.tsx      | 22 ++++++++++++++-----
 packages/system/src/xydrag/utils.ts           | 11 +++++-----
 2 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index dfbb7b93c..b509824cb 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -98,11 +98,21 @@ export function NodeWrapper<NodeType extends Node>({
   });
   const hasPointerEvents = isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave;
 
-  const onMouseEnterHandler = onMouseEnter ? (event: MouseEvent) => onMouseEnter(event, { ...node }) : undefined;
-  const onMouseMoveHandler = onMouseMove ? (event: MouseEvent) => onMouseMove(event, { ...node }) : undefined;
-  const onMouseLeaveHandler = onMouseLeave ? (event: MouseEvent) => onMouseLeave(event, { ...node }) : undefined;
-  const onContextMenuHandler = onContextMenu ? (event: MouseEvent) => onContextMenu(event, { ...node }) : undefined;
-  const onDoubleClickHandler = onDoubleClick ? (event: MouseEvent) => onDoubleClick(event, { ...node }) : undefined;
+  const onMouseEnterHandler = onMouseEnter
+    ? (event: MouseEvent) => onMouseEnter(event, { ...internals.userNode })
+    : undefined;
+  const onMouseMoveHandler = onMouseMove
+    ? (event: MouseEvent) => onMouseMove(event, { ...internals.userNode })
+    : undefined;
+  const onMouseLeaveHandler = onMouseLeave
+    ? (event: MouseEvent) => onMouseLeave(event, { ...internals.userNode })
+    : undefined;
+  const onContextMenuHandler = onContextMenu
+    ? (event: MouseEvent) => onContextMenu(event, { ...internals.userNode })
+    : undefined;
+  const onDoubleClickHandler = onDoubleClick
+    ? (event: MouseEvent) => onDoubleClick(event, { ...internals.userNode })
+    : undefined;
 
   const onSelectNodeHandler = (event: MouseEvent) => {
     const { selectNodesOnDrag, nodeDragThreshold } = store.getState();
@@ -118,7 +128,7 @@ export function NodeWrapper<NodeType extends Node>({
     }
 
     if (onClick) {
-      onClick(event, { ...node });
+      onClick(event, { ...internals.userNode });
     }
   };
 
diff --git a/packages/system/src/xydrag/utils.ts b/packages/system/src/xydrag/utils.ts
index bb836a323..ee8326ff7 100644
--- a/packages/system/src/xydrag/utils.ts
+++ b/packages/system/src/xydrag/utils.ts
@@ -77,7 +77,7 @@ export function getDragItems<NodeType extends NodeBase>(
 // returns two params:
 // 1. the dragged node (or the first of the list, if we are dragging a node selection)
 // 2. array of selected nodes (for multi selections)
-export function getEventHandlerParams<NodeType extends NodeBase>({
+export function getEventHandlerParams<NodeType extends InternalNodeBase>({
   nodeId,
   dragItems,
   nodeLookup,
@@ -85,11 +85,11 @@ export function getEventHandlerParams<NodeType extends NodeBase>({
   nodeId?: string;
   dragItems: Map<string, NodeDragItem>;
   nodeLookup: Map<string, NodeType>;
-}): [NodeType, NodeType[]] {
-  const nodesFromDragItems: NodeType[] = [];
+}): [NodeBase, NodeBase[]] {
+  const nodesFromDragItems: NodeBase[] = [];
 
   for (const [id, dragItem] of dragItems) {
-    const node = nodeLookup.get(id);
+    const node = nodeLookup.get(id)?.internals.userNode;
 
     if (node) {
       nodesFromDragItems.push({
@@ -103,7 +103,8 @@ export function getEventHandlerParams<NodeType extends NodeBase>({
     return [nodesFromDragItems[0], nodesFromDragItems];
   }
 
-  const node = nodeLookup.get(nodeId)!;
+  const node = nodeLookup.get(nodeId)!.internals.userNode;
+
   return [
     {
       ...node,

From c0de3ad941744cdac6f83a636899483a17f66891 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 2 May 2024 17:49:06 +0200
Subject: [PATCH 0777/1093] chore(libs): export Align type

---
 packages/react/src/index.ts         | 1 +
 packages/react/src/types/general.ts | 4 ++--
 packages/svelte/src/lib/index.ts    | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 5ab919286..f8ba9ea6c 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -38,6 +38,7 @@ export * from './types';
 
 // system types
 export {
+  type Align,
   type SmoothStepPathOptions,
   type BezierPathOptions,
   ConnectionLineType,
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 6f1105a75..2f518dca7 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -63,8 +63,8 @@ export type OnSelectionChangeParams = {
 
 export type OnSelectionChangeFunc = (params: OnSelectionChangeParams) => void;
 
-export type FitViewParams = FitViewParamsBase<Node>;
-export type FitViewOptions = FitViewOptionsBase<Node>;
+export type FitViewParams<NodeType extends Node = Node> = FitViewParamsBase<NodeType>;
+export type FitViewOptions<NodeType extends Node = Node> = FitViewOptionsBase<NodeType>;
 export type FitView = (fitViewOptions?: FitViewOptions) => boolean;
 export type OnInit<NodeType extends Node = Node, EdgeType extends Edge = Edge> = (
   reactFlowInstance: ReactFlowInstance<NodeType, EdgeType>
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 72808cdaa..6a646f801 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -51,6 +51,7 @@ export type { SvelteFlowStore } from '$lib/store/types';
 
 // system types
 export {
+  type Align,
   type SmoothStepPathOptions,
   type BezierPathOptions,
   ConnectionLineType,

From ec2592966ecf554e349d69ca496e53343f348363 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 2 May 2024 17:49:15 +0200
Subject: [PATCH 0778/1093] chore(changelogs): update

---
 packages/react/CHANGELOG.md  | 13 +++++++------
 packages/svelte/CHANGELOG.md | 22 ++++++++++++++++++++++
 2 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 90119e807..5bbe2a567 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -2,12 +2,13 @@
 
 ## 12.0.0-next.17
 
-- refactor(react): cleanup `useReactFlow`
-- fix(types): export `KeyCode`
-- fix(nodes): handle default node updates closes #4202 
-- fix(types): add string array to `UpdateNodeInternals` thanks @DenizUgur
-- fix(pane): pinch zoom on windows
-- fix(pane): drag for touch devices
+- fix broken `defaultNodes`
+- add string array to `UpdateNodeInternals` thanks @DenizUgur
+- pinch zoom on windows
+- drag for touch devices
+- return user node in node event handlers
+- cleanup `useReactFlow`
+- export `KeyCode` and `Align` type
 
 ## 12.0.0-next.16
 
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index d87b7e831..430f2d827 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,27 @@
 # @xyflow/svelte
 
+## 0.1.0
+
+This is a bigger update for Svelte Flow to keep up with the latest changes we made for React Flow and the Svelte5 rewrite. The biggest change is the separation of user nodes (type `Node`) and internal nodes (type `InternalNode`), which includes a renaming of the `node.computed` attribute to `node.measured`. In the previous versions, we stored internals in `node[internalsSymbol]`. This doesn't exist anymore, but we only add it to our internal nodes in `node.internals.`.
+
+## ⚠️ Breaking
+
+- rename `node.computed` to `node.measured` - this attribute only includes `width` and `height` and no `positionAbsolute` anymore. For this we added the helpers `getInternalNode` and `useInternalNode`
+- rename `node.parentNode` to `node.parentId`
+
+### More updates: 
+
+- add `isValidConnection` for `<Handle />` component
+- add `fitViewOptions` for `<Controls />` component
+- add `getInternalNode` to `useSvelteFlow`
+- add `useInternalNode` hook
+- don't reset nodes and edges when svelte flow unmounts - thanks @darabos 
+- fix node event types - thanks @RedPhoenixQ
+- make handleId and isTarget reactive - thanks @darabos
+- fix MiniMap interaction for touch devices 
+- fix pane: pinch zoom on windows
+- fix nodes: return user node in node event handlers
+
 ## 0.0.41
 
 - fix: re-observe nodes when not initialized

From ad3a803abbec1fb0bb5d255d0d92b2cec388b403 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 2 May 2024 18:02:38 +0200
Subject: [PATCH 0779/1093] fix(react): dont allow invalid selection rect

---
 .../react/src/examples/DefaultNodes/index.tsx | 22 +++++++++----------
 .../DevTools/DevTools/NodeInspector.tsx       |  8 +++----
 .../src/components/NodesSelection/index.tsx   |  6 ++---
 3 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/examples/react/src/examples/DefaultNodes/index.tsx b/examples/react/src/examples/DefaultNodes/index.tsx
index 46ef8e0c1..354fa9947 100644
--- a/examples/react/src/examples/DefaultNodes/index.tsx
+++ b/examples/react/src/examples/DefaultNodes/index.tsx
@@ -54,26 +54,24 @@ const DefaultNodes = () => {
 
   const updateNodePositions = () => {
     instance.setNodes((nodes) =>
-      nodes.map((node) => {
-        node.position = {
+      nodes.map((node) => ({
+        ...node,
+        position: {
           x: Math.random() * 400,
           y: Math.random() * 400,
-        };
-
-        return node;
-      })
+        },
+      }))
     );
   };
 
   const updateEdgeColors = () => {
     instance.setEdges((edges) =>
-      edges.map((edge) => {
-        edge.style = {
+      edges.map((edge) => ({
+        ...edge,
+        style: {
           stroke: '#ff5050',
-        };
-
-        return edge;
-      })
+        },
+      }))
     );
   };
 
diff --git a/examples/react/src/examples/DevTools/DevTools/NodeInspector.tsx b/examples/react/src/examples/DevTools/DevTools/NodeInspector.tsx
index 5d467514a..e08975093 100644
--- a/examples/react/src/examples/DevTools/DevTools/NodeInspector.tsx
+++ b/examples/react/src/examples/DevTools/DevTools/NodeInspector.tsx
@@ -44,10 +44,10 @@ export default function NodeInspector() {
     <ViewportPortal>
       <div className="react-flow__devtools-nodeinspector">
         {nodes.map((node) => {
-          const x = node.computed?.positionAbsolute?.x || 0;
-          const y = node.computed?.positionAbsolute?.y || 0;
-          const width = node.computed?.width || 0;
-          const height = node.computed?.height || 0;
+          const x = node?.position?.x || 0;
+          const y = node?.position?.y || 0;
+          const width = node.measured?.width || 0;
+          const height = node.measured?.height || 0;
 
           return (
             <NodeInfo
diff --git a/packages/react/src/components/NodesSelection/index.tsx b/packages/react/src/components/NodesSelection/index.tsx
index ae0a84d15..fda3a8c92 100644
--- a/packages/react/src/components/NodesSelection/index.tsx
+++ b/packages/react/src/components/NodesSelection/index.tsx
@@ -5,7 +5,7 @@
 import { useRef, useEffect, type MouseEvent, type KeyboardEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import { getInternalNodesBounds } from '@xyflow/system';
+import { getInternalNodesBounds, isNumeric } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { useDrag } from '../../hooks/useDrag';
@@ -26,8 +26,8 @@ const selector = (s: ReactFlowState) => {
   });
 
   return {
-    width,
-    height,
+    width: isNumeric(width) ? width : null,
+    height: isNumeric(height) ? height : null,
     userSelectionActive: s.userSelectionActive,
     transformString: `translate(${s.transform[0]}px,${s.transform[1]}px) scale(${s.transform[2]}) translate(${x}px,${y}px)`,
   };

From 5f3dbbbade19ed54854ea32683c9d7ddadb0858b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 2 May 2024 18:05:38 +0200
Subject: [PATCH 0780/1093] chore(versions): bump

---
 packages/react/package.json  | 2 +-
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index 3b99d7213..1cfc0aec1 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.16",
+  "version": "12.0.0-next.17",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 0277272bb..4a8e1bb53 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.41",
+  "version": "0.1.0",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index 849a01fe0..468ee9b7a 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From d562818f4cb91375d95f70f69186b4dd4423c577 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 6 May 2024 11:20:10 +0200
Subject: [PATCH 0781/1093] fix(styles): add node-resizer to base style

---
 packages/react/src/styles/base.css  | 1 +
 packages/svelte/src/styles/base.css | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/react/src/styles/base.css b/packages/react/src/styles/base.css
index d6be5b101..25f3719a7 100644
--- a/packages/react/src/styles/base.css
+++ b/packages/react/src/styles/base.css
@@ -1,3 +1,4 @@
 /* this will be exported as base.css and can be used for a basic styling */
 @import '../../../system/src/styles/init.css';
 @import '../../../system/src/styles/base.css';
+@import '../../../system/src/styles/node-resizer.css';
diff --git a/packages/svelte/src/styles/base.css b/packages/svelte/src/styles/base.css
index 80bc953da..a0cf30404 100644
--- a/packages/svelte/src/styles/base.css
+++ b/packages/svelte/src/styles/base.css
@@ -1,6 +1,7 @@
 /* this gets exported as style.css and can be used for the default theming */
 @import '../../../system/src/styles/init.css';
 @import '../../../system/src/styles/base.css';
+@import '../../../system/src/styles/node-resizer.css';
 
 .svelte-flow__edge-label {
   text-align: center;

From de86c64128a232eb53957bde479c5f6340d4b14c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 6 May 2024 11:47:45 +0200
Subject: [PATCH 0782/1093] fix(svelte): selection for sub flows

---
 .../NodeSelection/NodeSelection.svelte           | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
index 08a1cd6e1..f894d8d98 100644
--- a/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
+++ b/packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { getNodesBounds } from '@xyflow/system';
   import { createEventDispatcher } from 'svelte';
+  import { getInternalNodesBounds, isNumeric, type Rect } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import { Selection } from '$lib/components/Selection';
@@ -8,7 +8,7 @@
   import type { Node, NodeEventMap } from '$lib/types';
 
   const store = useStore();
-  const { selectionRectMode, nodes } = store;
+  const { selectionRectMode, nodes, nodeLookup } = store;
 
   const dispatch = createEventDispatcher<
     NodeEventMap & {
@@ -17,19 +17,25 @@
     }
   >();
 
-  $: selectedNodes = $nodes.filter((n) => n.selected);
-  $: bounds = getNodesBounds(selectedNodes);
+  let bounds: Rect | null = null;
+
+  $: if ($selectionRectMode === 'nodes') {
+    bounds = getInternalNodesBounds($nodeLookup, { filter: (node) => !!node.selected });
+    $nodes;
+  }
 
   function onContextMenu(event: MouseEvent | TouchEvent) {
+    const selectedNodes = $nodes.filter((n) => n.selected);
     dispatch('selectioncontextmenu', { nodes: selectedNodes, event });
   }
 
   function onClick(event: MouseEvent | TouchEvent) {
+    const selectedNodes = $nodes.filter((n) => n.selected);
     dispatch('selectionclick', { nodes: selectedNodes, event });
   }
 </script>
 
-{#if selectedNodes && $selectionRectMode === 'nodes'}
+{#if $selectionRectMode === 'nodes' && bounds && isNumeric(bounds.x) && isNumeric(bounds.y)}
   <div
     class="selection-wrapper nopan"
     style="width: {bounds.width}px; height: {bounds.height}px; transform: translate({bounds.x}px, {bounds.y}px)"

From 1860dff666287636ba6385e791976df34abc5d5a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 6 May 2024 11:47:57 +0200
Subject: [PATCH 0783/1093] fix(minimap): sub flow node positions

---
 .../src/lib/plugins/Minimap/Minimap.svelte    | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 20b2317dc..2e6a73644 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -9,10 +9,11 @@
   import cc from 'classcat';
   import {
     getBoundsOfRects,
+    getInternalNodesBounds,
     getNodeDimensions,
     getNodePositionWithOrigin,
-    getNodesBounds,
-    nodeHasDimensions
+    nodeHasDimensions,
+    type Rect
   } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
@@ -49,6 +50,7 @@
   const defaultHeight = 150;
   const {
     nodes,
+    nodeLookup,
     viewport,
     width: containerWidth,
     height: containerHeight,
@@ -71,7 +73,14 @@
     width: $containerWidth / $viewport.zoom,
     height: $containerHeight / $viewport.zoom
   };
-  $: boundingRect = $nodes.length > 0 ? getBoundsOfRects(getNodesBounds($nodes), viewBB) : viewBB;
+  let boundingRect: Rect = viewBB;
+
+  $: {
+    boundingRect =
+      $nodeLookup.size > 0 ? getBoundsOfRects(getInternalNodesBounds($nodeLookup), viewBB) : viewBB;
+    $nodes;
+  }
+
   $: elementWidth = width ?? defaultWidth;
   $: elementHeight = height ?? defaultHeight;
   $: scaledWidth = boundingRect.width / elementWidth;
@@ -122,8 +131,9 @@
     >
       {#if ariaLabel}<title id={labelledBy}>{ariaLabel}</title>{/if}
 
-      {#each $nodes as node (node.id)}
-        {#if nodeHasDimensions(node)}
+      {#each $nodes as userNode (userNode.id)}
+        {@const node = $nodeLookup.get(userNode.id)}
+        {#if node && nodeHasDimensions(node)}
           {@const pos = getNodePositionWithOrigin(node).positionAbsolute}
           {@const nodeDimesions = getNodeDimensions(node)}
           <MinimapNode

From 181a94d1251e093f793809adfbe0e4c8422beb6c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 6 May 2024 12:32:00 +0200
Subject: [PATCH 0784/1093] fix(svelte): export useInternalNode hook

---
 packages/svelte/CHANGELOG.md     | 4 ++++
 packages/svelte/package.json     | 2 +-
 packages/svelte/src/lib/index.ts | 1 +
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 430f2d827..799d1583f 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,9 @@
 # @xyflow/svelte
 
+## 0.1.1
+
+- export `useInternalNode` hook
+
 ## 0.1.0
 
 This is a bigger update for Svelte Flow to keep up with the latest changes we made for React Flow and the Svelte5 rewrite. The biggest change is the separation of user nodes (type `Node`) and internal nodes (type `InternalNode`), which includes a renaming of the `node.computed` attribute to `node.measured`. In the previous versions, we stored internals in `node[internalsSymbol]`. This doesn't exist anymore, but we only add it to our internal nodes in `node.internals.`.
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 4a8e1bb53..a6ab1b231 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 6a646f801..36afc0536 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -32,6 +32,7 @@ export * from '$lib/hooks/useConnection';
 export * from '$lib/hooks/useNodesEdges';
 export * from '$lib/hooks/useHandleConnections';
 export * from '$lib/hooks/useNodesData';
+export * from '$lib/hooks/useInternalNode';
 export { useInitialized, useNodesInitialized } from '$lib/hooks/useInitialized';
 
 // types

From 9cf09651a6e139e8147b59b0275ecaa1dc69a145 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 6 May 2024 14:00:33 +0200
Subject: [PATCH 0785/1093] fix(svelte): export InternalNode type

---
 packages/svelte/CHANGELOG.md     | 4 ++++
 packages/svelte/package.json     | 2 +-
 packages/svelte/src/lib/index.ts | 9 ++++++++-
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 799d1583f..dd9d331af 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,9 @@
 # @xyflow/svelte
 
+## 0.1.2
+
+- export `InternalNode` type
+
 ## 0.1.1
 
 - export `useInternalNode` hook
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index a6ab1b231..463c73ca2 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 36afc0536..714016ce9 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -47,7 +47,14 @@ export type {
   DefaultEdgeOptions
 } from '$lib/types/edges';
 export type { HandleComponentProps, FitViewOptions } from '$lib/types/general';
-export type { Node, NodeTypes, DefaultNodeOptions, BuiltInNode, NodeProps } from '$lib/types/nodes';
+export type {
+  Node,
+  NodeTypes,
+  DefaultNodeOptions,
+  BuiltInNode,
+  NodeProps,
+  InternalNode
+} from '$lib/types/nodes';
 export type { SvelteFlowStore } from '$lib/store/types';
 
 // system types

From fb30b81cb456fc83d1e17c8940836a755af143fe Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 6 May 2024 15:50:41 +0200
Subject: [PATCH 0786/1093] fix(svelte): node toolbar for subflows

---
 packages/svelte/CHANGELOG.md                        |  4 ++++
 packages/svelte/package.json                        |  2 +-
 .../src/lib/plugins/NodeToolbar/NodeToolbar.svelte  | 13 +------------
 3 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index dd9d331af..5078722c9 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,9 @@
 # @xyflow/svelte
 
+## 0.1.3
+
+- fix `NodeToolbar` for subflows
+
 ## 0.1.2
 
 - export `InternalNode` type
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 463c73ca2..0b85252f7 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte b/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
index 822501170..b635578ac 100644
--- a/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
+++ b/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
@@ -42,18 +42,7 @@
   }
 
   $: {
-    let nodeRect: Rect | undefined = undefined;
-
-    if (toolbarNodes.length === 1) {
-      const toolbarNode = toolbarNodes[0];
-      nodeRect = {
-        ...toolbarNode.position,
-        width: toolbarNode.measured.width ?? toolbarNode.width ?? 0,
-        height: toolbarNode.measured.height ?? toolbarNode.height ?? 0
-      };
-    } else if (toolbarNodes.length > 1) {
-      nodeRect = getNodesBounds(toolbarNodes, { nodeOrigin: $nodeOrigin });
-    }
+    const nodeRect = getNodesBounds(toolbarNodes, { nodeOrigin: $nodeOrigin });
 
     if (nodeRect) {
       transform = getNodeToolbarTransform(nodeRect, $viewport, _position, _offset, _align);

From b9ec783b6bd09b93d057986fcbc964a495652675 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 7 May 2024 13:19:54 +0200
Subject: [PATCH 0787/1093] fix(react): dont show nodeTypes warning if not
 necessary #3923

---
 .../GraphView/useNodeOrEdgeTypesWarning.ts    | 23 +++++++++++++------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/packages/react/src/container/GraphView/useNodeOrEdgeTypesWarning.ts b/packages/react/src/container/GraphView/useNodeOrEdgeTypesWarning.ts
index 1c2ef3657..828b37ac6 100644
--- a/packages/react/src/container/GraphView/useNodeOrEdgeTypesWarning.ts
+++ b/packages/react/src/container/GraphView/useNodeOrEdgeTypesWarning.ts
@@ -1,27 +1,36 @@
 import { useEffect, useRef } from 'react';
 import { errorMessages } from '@xyflow/system';
 
-import type { EdgeTypes, NodeTypes } from '../../types';
 import { useStoreApi } from '../../hooks/useStore';
+import type { EdgeTypes, NodeTypes } from '../../types';
 
 const emptyTypes = {};
 
-/*
- * This hook warns the user if node or edgeTypes change.
+/**
+ * This hook warns the user if nodeTypes or edgeTypes changed.
+ * It is only used in development mode.
+ *
+ * @internal
  */
 export function useNodeOrEdgeTypesWarning(nodeOrEdgeTypes?: NodeTypes): void;
 export function useNodeOrEdgeTypesWarning(nodeOrEdgeTypes?: EdgeTypes): void;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function useNodeOrEdgeTypesWarning(nodeOrEdgeTypes: any = emptyTypes): any {
-  const updateCount = useRef(0);
+  const typesRef = useRef(nodeOrEdgeTypes);
   const store = useStoreApi();
 
   useEffect(() => {
     if (process.env.NODE_ENV === 'development') {
-      if (updateCount.current > 1) {
-        store.getState().onError?.('002', errorMessages['error002']());
+      const usedKeys = new Set([...Object.keys(typesRef.current), ...Object.keys(nodeOrEdgeTypes)]);
+
+      for (const key of usedKeys) {
+        if (typesRef.current[key] !== nodeOrEdgeTypes[key]) {
+          store.getState().onError?.('002', errorMessages['error002']());
+          break;
+        }
       }
-      updateCount.current += 1;
+
+      typesRef.current = nodeOrEdgeTypes;
     }
   }, [nodeOrEdgeTypes]);
 }

From 5093213116afab80c6f07a149d343aa415534bad Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 7 May 2024 14:47:47 +0200
Subject: [PATCH 0788/1093] chore(react): udpate return type of fixedForwardRef
 function

---
 packages/react/src/utils/general.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/utils/general.ts b/packages/react/src/utils/general.ts
index e497dd996..04608f746 100644
--- a/packages/react/src/utils/general.ts
+++ b/packages/react/src/utils/general.ts
@@ -1,4 +1,4 @@
-import { ReactNode, Ref, RefAttributes, forwardRef } from 'react';
+import { type Ref, type RefAttributes, forwardRef } from 'react';
 import { isNodeBase, isEdgeBase } from '@xyflow/system';
 
 import type { Edge, Node } from '../types';
@@ -25,8 +25,8 @@ export const isEdge = <EdgeType extends Edge = Edge>(element: unknown): element
 
 // eslint-disable-next-line @typescript-eslint/ban-types
 export function fixedForwardRef<T, P = {}>(
-  render: (props: P, ref: Ref<T>) => ReactNode
-): (props: P & RefAttributes<T>) => ReactNode {
+  render: (props: P, ref: Ref<T>) => JSX.Element
+): (props: P & RefAttributes<T>) => JSX.Element {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   return forwardRef(render) as any;
 }

From 2b0d75ddaa3974a93390f6488ffff1c3b36784d4 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 7 May 2024 16:22:26 +0200
Subject: [PATCH 0789/1093] refactor(types): only export HandleProps but not
 HandleComponentProps

---
 .../UseHandleConnections/MultiHandleNode.tsx  |  4 +--
 .../UseHandleConnections/SingleHandleNode.tsx |  4 +--
 .../react/src/components/Handle/index.tsx     | 10 +++++--
 packages/react/src/index.ts                   |  2 +-
 .../src/lib/components/Handle/Handle.svelte   |  4 +--
 packages/svelte/src/lib/index.ts              |  2 +-
 packages/svelte/src/lib/types/general.ts      | 30 ++-----------------
 packages/system/src/types/handles.ts          |  4 +--
 8 files changed, 19 insertions(+), 41 deletions(-)

diff --git a/examples/react/src/examples/UseHandleConnections/MultiHandleNode.tsx b/examples/react/src/examples/UseHandleConnections/MultiHandleNode.tsx
index 4301e647c..4b8fd2c1f 100644
--- a/examples/react/src/examples/UseHandleConnections/MultiHandleNode.tsx
+++ b/examples/react/src/examples/UseHandleConnections/MultiHandleNode.tsx
@@ -1,7 +1,7 @@
 import { memo, FC, useEffect, useCallback } from 'react';
-import { Handle, Position, NodeProps, useHandleConnections, Connection, HandleComponentProps } from '@xyflow/react';
+import { Handle, Position, NodeProps, useHandleConnections, Connection, HandleProps } from '@xyflow/react';
 
-function CustomHandle({ nodeId, ...handleProps }: HandleComponentProps & { nodeId: string }) {
+function CustomHandle({ nodeId, ...handleProps }: HandleProps & { nodeId: string }) {
   const onConnect = useCallback(
     (connections: Connection[]) => console.log('onConnect handler, node id:', nodeId, connections),
     [nodeId]
diff --git a/examples/react/src/examples/UseHandleConnections/SingleHandleNode.tsx b/examples/react/src/examples/UseHandleConnections/SingleHandleNode.tsx
index 6163f1081..1c13dcb03 100644
--- a/examples/react/src/examples/UseHandleConnections/SingleHandleNode.tsx
+++ b/examples/react/src/examples/UseHandleConnections/SingleHandleNode.tsx
@@ -1,7 +1,7 @@
 import { memo, FC, useEffect, useCallback } from 'react';
-import { Handle, Position, NodeProps, useHandleConnections, Connection, HandleComponentProps } from '@xyflow/react';
+import { Handle, Position, NodeProps, useHandleConnections, Connection, HandleProps } from '@xyflow/react';
 
-function CustomHandle({ nodeId, ...handleProps }: HandleComponentProps & { nodeId: string }) {
+function CustomHandle({ nodeId, ...handleProps }: HandleProps & { nodeId: string }) {
   const onConnect = useCallback(
     (connections: Connection[]) => {
       console.log('onConnect handler, node id:', nodeId, connections);
diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 977a5c5b7..760733a03 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -14,10 +14,11 @@ import {
   getHostForElement,
   isMouseEvent,
   addEdge,
-  type HandleProps,
+  type HandleProps as HandlePropsSystem,
   type Connection,
   type HandleType,
   ConnectionMode,
+  OnConnect,
 } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
@@ -25,7 +26,10 @@ import { useNodeId } from '../../contexts/NodeIdContext';
 import { type ReactFlowState } from '../../types';
 import { fixedForwardRef } from '../../utils';
 
-export interface HandleComponentProps extends HandleProps, Omit<HTMLAttributes<HTMLDivElement>, 'id'> {}
+export interface HandleProps extends HandlePropsSystem, Omit<HTMLAttributes<HTMLDivElement>, 'id'> {
+  /** Callback called when connection is made */
+  onConnect?: OnConnect;
+}
 
 const selector = (s: ReactFlowState) => ({
   connectOnClick: s.connectOnClick,
@@ -75,7 +79,7 @@ function HandleComponent(
     onMouseDown,
     onTouchStart,
     ...rest
-  }: HandleComponentProps,
+  }: HandleProps,
   ref: ForwardedRef<HTMLDivElement>
 ) {
   const handleId = id || null;
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index f8ba9ea6c..85b582d68 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -1,5 +1,5 @@
 export { default as ReactFlow } from './container/ReactFlow';
-export { Handle, type HandleComponentProps } from './components/Handle';
+export { Handle, type HandleProps } from './components/Handle';
 export { EdgeText } from './components/Edges/EdgeText';
 export { StraightEdge } from './components/Edges/StraightEdge';
 export { StepEdge } from './components/Edges/StepEdge';
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index a7b5493c3..472ca2c23 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -13,9 +13,9 @@
   } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
-  import type { HandleComponentProps } from '$lib/types';
+  import type { HandleProps } from '$lib/types';
 
-  type $$Props = HandleComponentProps;
+  type $$Props = HandleProps;
 
   export let id: $$Props['id'] = undefined;
   export let type: $$Props['type'] = 'source';
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 714016ce9..5b62f3710 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -46,7 +46,7 @@ export type {
   EdgeTypes,
   DefaultEdgeOptions
 } from '$lib/types/edges';
-export type { HandleComponentProps, FitViewOptions } from '$lib/types/general';
+export type { HandleProps, FitViewOptions } from '$lib/types/general';
 export type {
   Node,
   NodeTypes,
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index 8aaa9a0ac..e69c83db4 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -1,12 +1,11 @@
 import type { ShortcutModifierDefinition } from '@svelte-put/shortcut';
 import type {
   FitViewOptionsBase,
-  HandleType,
-  Position,
   XYPosition,
   ConnectingHandle,
   Connection,
-  OnBeforeDeleteBase
+  OnBeforeDeleteBase,
+  HandleProps as HandlePropsSystem
 } from '@xyflow/system';
 
 import type { Node } from './nodes';
@@ -23,32 +22,9 @@ export type ConnectionData = {
   connectionStatus: string | null;
 };
 
-export type HandleComponentProps = {
-  /** Type of the handle
-   * @example HandleType.Source, HandleType.Target
-   */
-  type: HandleType;
-  /** Position of the handle
-   * @example Position.TopLeft, Position.TopRight,
-   * Position.BottomLeft, Position.BottomRight
-   */
-  position?: Position;
-  /** Id of the handle
-   * @remarks optional if there is only one handle of this type
-   */
-  id?: string;
+export type HandleProps = HandlePropsSystem & {
   class?: string;
   style?: string;
-  /** Should you be able to connect from/to this handle */
-  isConnectable?: boolean;
-  /** Shoould you be able to connect from this handle */
-  isConnectableStart?: boolean;
-  /** Should you be able to connect to this handle */
-  isConnectableEnd?: boolean;
-  /** Function that is called when checking if connection is valid.
-   * Overrides the isValidConnection on the Flow component.
-   */
-  isValidConnection?: IsValidConnection;
   onconnect?: (connections: Connection[]) => void;
   ondisconnect?: (connections: Connection[]) => void;
 };
diff --git a/packages/system/src/types/handles.ts b/packages/system/src/types/handles.ts
index 327329358..b75de4c52 100644
--- a/packages/system/src/types/handles.ts
+++ b/packages/system/src/types/handles.ts
@@ -1,4 +1,4 @@
-import type { Position, OnConnect, IsValidConnection } from '.';
+import type { Position, IsValidConnection } from '.';
 
 export type HandleType = 'source' | 'target';
 
@@ -42,8 +42,6 @@ export type HandleProps = {
   isConnectableStart?: boolean;
   /** Should you be able to connect to this handle */
   isConnectableEnd?: boolean;
-  /** Callback called when connection is made */
-  onConnect?: OnConnect;
   /** Callback if connection is valid
    * @remarks connection becomes an edge if isValidConnection returns true
    */

From 32bac3e133072d233337bfc8ebb1a5dbf5bb8e73 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 7 May 2024 18:24:17 +0200
Subject: [PATCH 0790/1093] chore(react): cleanup examples

---
 examples/react/src/examples/AddNodeOnEdgeDrop/index.tsx | 1 -
 examples/react/src/examples/Redux/index.tsx             | 1 -
 2 files changed, 2 deletions(-)

diff --git a/examples/react/src/examples/AddNodeOnEdgeDrop/index.tsx b/examples/react/src/examples/AddNodeOnEdgeDrop/index.tsx
index e12041692..cdd55a4b4 100644
--- a/examples/react/src/examples/AddNodeOnEdgeDrop/index.tsx
+++ b/examples/react/src/examples/AddNodeOnEdgeDrop/index.tsx
@@ -12,7 +12,6 @@ import {
   Node,
   Edge,
 } from '@xyflow/react';
-import '@xyflow/react/dist/style.css';
 
 const initialNodes: Node[] = [
   {
diff --git a/examples/react/src/examples/Redux/index.tsx b/examples/react/src/examples/Redux/index.tsx
index 19bbd90c3..ba706cd53 100644
--- a/examples/react/src/examples/Redux/index.tsx
+++ b/examples/react/src/examples/Redux/index.tsx
@@ -1,5 +1,4 @@
 import { ReactFlow } from '@xyflow/react';
-import '@xyflow/react/dist/style.css';
 
 import { useDispatch, useSelector, Provider } from 'react-redux';
 

From a364a93082fee798a63f579fa262f0e2818a9a39 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 7 May 2024 18:25:04 +0200
Subject: [PATCH 0791/1093] feat(react): add warning when styles not loaded
 #4047

---
 .../react/src/container/GraphView/index.tsx   |  2 ++
 .../GraphView/useStylesLoadedWarning.ts       | 23 +++++++++++++++++++
 packages/system/src/constants.ts              |  3 ++-
 3 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 packages/react/src/container/GraphView/useStylesLoadedWarning.ts

diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index 3edc380a2..a2663851f 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -9,6 +9,7 @@ import { useViewportSync } from '../../hooks/useViewportSync';
 import { ConnectionLineWrapper } from '../../components/ConnectionLine';
 import { useNodeOrEdgeTypesWarning } from './useNodeOrEdgeTypesWarning';
 import type { Edge, Node, ReactFlowProps } from '../../types';
+import { useStylesLoadedWarning } from './useStylesLoadedWarning';
 
 export type GraphViewProps<NodeType extends Node = Node, EdgeType extends Edge = Edge> = Omit<
   ReactFlowProps<NodeType, EdgeType>,
@@ -104,6 +105,7 @@ function GraphViewComponent<NodeType extends Node = Node, EdgeType extends Edge
 }: GraphViewProps<NodeType, EdgeType>) {
   useNodeOrEdgeTypesWarning(nodeTypes);
   useNodeOrEdgeTypesWarning(edgeTypes);
+  useStylesLoadedWarning();
 
   useOnInitHandler(onInit);
   useViewportSync(viewport);
diff --git a/packages/react/src/container/GraphView/useStylesLoadedWarning.ts b/packages/react/src/container/GraphView/useStylesLoadedWarning.ts
new file mode 100644
index 000000000..26841570b
--- /dev/null
+++ b/packages/react/src/container/GraphView/useStylesLoadedWarning.ts
@@ -0,0 +1,23 @@
+import { useEffect, useRef } from 'react';
+import { errorMessages } from '@xyflow/system';
+
+import { useStoreApi } from '../../hooks/useStore';
+
+export function useStylesLoadedWarning() {
+  const store = useStoreApi();
+  const checked = useRef(false);
+
+  useEffect(() => {
+    if (process.env.NODE_ENV === 'development') {
+      if (!checked.current) {
+        const pane = document.querySelector('.react-flow__pane');
+
+        if (pane && !(window.getComputedStyle(pane).zIndex === '1')) {
+          store.getState().onError?.('013', errorMessages['error013']('react'));
+        }
+
+        checked.current = true;
+      }
+    }
+  }, []);
+}
diff --git a/packages/system/src/constants.ts b/packages/system/src/constants.ts
index 67b913a01..9f5c63a5b 100644
--- a/packages/system/src/constants.ts
+++ b/packages/system/src/constants.ts
@@ -1,6 +1,5 @@
 import { CoordinateExtent, HandleType } from './types';
 
-// @todo: update URLs to xyflow
 export const errorMessages = {
   error001: () =>
     '[React Flow]: Seems like you have not used zustand provider as an ancestor. Help: https://reactflow.dev/error#001',
@@ -23,6 +22,8 @@ export const errorMessages = {
   error011: (edgeType: string) => `Edge type "${edgeType}" not found. Using fallback type "default".`,
   error012: (id: string) =>
     `Node with id "${id}" does not exist, it may have been removed. This can happen when a node is deleted before the "onNodeClick" handler is called.`,
+  error013: (lib: string = 'react') =>
+    `It seems that you haven't loaded the styles. Please import '@xyflow/${lib}/dist/style.css' or base.css to make sure everything is working properly.`,
 };
 
 export const infiniteExtent: CoordinateExtent = [

From ccadb043c30f83c7d32f4be43b549b3b3bbd0484 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 8 May 2024 22:20:13 +0200
Subject: [PATCH 0792/1093] refactor(system): mutate internal node instead of
 creating a new one

---
 packages/system/src/utils/store.ts | 37 ++++++++++++------------------
 1 file changed, 15 insertions(+), 22 deletions(-)

diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index e3e378ebc..f6e617d01 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -254,13 +254,10 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
     const node = nodeLookup.get(update.id);
 
     if (node?.hidden) {
-      nodeLookup.set(node.id, {
-        ...node,
-        internals: {
-          ...node.internals,
-          handleBounds: undefined,
-        },
-      });
+      node.internals = {
+        ...node.internals,
+        handleBounds: undefined,
+      };
       updatedInternals = true;
     } else if (node) {
       const dimensions = getDimensions(update.nodeElement);
@@ -272,33 +269,29 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
       );
 
       if (doUpdate) {
-        const newNode = {
-          ...node,
-          measured: dimensions,
-          internals: {
-            ...node.internals,
-            handleBounds: {
-              source: getHandleBounds('.source', update.nodeElement, zoom, node.origin || nodeOrigin),
-              target: getHandleBounds('.target', update.nodeElement, zoom, node.origin || nodeOrigin),
-            },
+        node.measured = dimensions;
+        node.internals = {
+          ...node.internals,
+          handleBounds: {
+            source: getHandleBounds('.source', update.nodeElement, zoom, node.origin || nodeOrigin),
+            target: getHandleBounds('.target', update.nodeElement, zoom, node.origin || nodeOrigin),
           },
         };
 
-        nodeLookup.set(node.id, newNode);
         updatedInternals = true;
 
         if (dimensionChanged) {
           changes.push({
-            id: newNode.id,
+            id: node.id,
             type: 'dimensions',
             dimensions,
           });
 
-          if (newNode.expandParent && newNode.parentId) {
+          if (node.expandParent && node.parentId) {
             parentExpandChildren.push({
-              id: newNode.id,
-              parentId: newNode.parentId,
-              rect: nodeToRect(newNode, newNode.origin || nodeOrigin),
+              id: node.id,
+              parentId: node.parentId,
+              rect: nodeToRect(node, nodeOrigin),
             });
           }
         }

From 02250e972d6d33d0fd07e6f6cdbdd0c246aabfe5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 8 May 2024 22:36:26 +0200
Subject: [PATCH 0793/1093] chore(packages): bump

---
 packages/react/CHANGELOG.md  | 8 ++++++++
 packages/react/package.json  | 2 +-
 packages/system/package.json | 2 +-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 5bbe2a567..fbfcb489e 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @xyflow/react
 
+## 12.0.0-next.18
+
+- don't show nodeTypes warning if not necessary you've created a new nodeTypes or edgeTypes
+- add node resizer styles to base.css
+- remove `HandleComponentProps` type, only export `HandleProps` type
+- add warning when styles not loaded
+
 ## 12.0.0-next.17
 
 - fix broken `defaultNodes`
@@ -9,6 +16,7 @@
 - return user node in node event handlers
 - cleanup `useReactFlow`
 - export `KeyCode` and `Align` type
+- remove `Instance` in favour of `ReactFlowInstance` type 
 
 ## 12.0.0-next.16
 
diff --git a/packages/react/package.json b/packages/react/package.json
index 1cfc0aec1..c32b33094 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.17",
+  "version": "12.0.0-next.18",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/system/package.json b/packages/system/package.json
index 468ee9b7a..5a2eda70a 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 0834c4b550d704a8837b9f910f8cc7e58280b808 Mon Sep 17 00:00:00 2001
From: Orlando <orlando.groppo@gmail.com>
Date: Tue, 14 May 2024 20:33:13 +0100
Subject: [PATCH 0794/1093] [React] Fix: type `updateNodeData`  dataUpdate arg

---
 packages/react/src/types/instance.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 8ce74d1ca..71602f92b 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -140,7 +140,7 @@ export type GeneralHelpers<NodeType extends Node = Node, EdgeType extends Edge =
    */
   updateNodeData: (
     id: string,
-    dataUpdate: object | ((node: NodeType) => object),
+    dataUpdate: NodeType['data'] | ((node: NodeType) => NodeType['data']),
     options?: { replace: boolean }
   ) => void;
 };

From 0f2e13cb878e1881bf0a3a70f7cc455e7afa80dd Mon Sep 17 00:00:00 2001
From: Orlando <orlando.groppo@gmail.com>
Date: Tue, 14 May 2024 22:43:00 +0100
Subject: [PATCH 0795/1093] should be Partial

---
 packages/react/src/types/instance.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 71602f92b..bd7c1d1b0 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -140,7 +140,7 @@ export type GeneralHelpers<NodeType extends Node = Node, EdgeType extends Edge =
    */
   updateNodeData: (
     id: string,
-    dataUpdate: NodeType['data'] | ((node: NodeType) => NodeType['data']),
+    dataUpdate: Partial<NodeType['data']> | ((node: NodeType) => Partial<NodeType['data']>),
     options?: { replace: boolean }
   ) => void;
 };

From e81194d58ade5f71357883a60d6d726f7952e6fc Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 22 May 2024 15:38:08 +0200
Subject: [PATCH 0796/1093] Include origin directly in positionAbsolute of node

---
 .../react/src/examples/NodeResizer/index.tsx  |     3 +
 examples/react/src/examples/Subflow/index.tsx |    19 +-
 .../MiniMap/MiniMapNodes.tsx                  |     2 +-
 .../NodeResizer/NodeResizeControl.tsx         |    22 +-
 .../src/components/NodeWrapper/index.tsx      |    17 +-
 packages/react/src/hooks/useReactFlow.ts      |     2 +-
 packages/react/src/store/index.ts             |     6 +-
 .../src/lib/plugins/Minimap/Minimap.svelte    |     2 +-
 packages/system/src/types/nodes.ts            |     1 +
 packages/system/src/utils/dom.ts              |    12 +-
 packages/system/src/utils/general.ts          |    29 +-
 packages/system/src/utils/graph.ts            |    36 +-
 packages/system/src/utils/store.ts            |   184 +-
 packages/system/src/xydrag/XYDrag.ts          |     1 -
 pnpm-lock.yaml                                | 12624 +++++++++-------
 15 files changed, 7197 insertions(+), 5763 deletions(-)

diff --git a/examples/react/src/examples/NodeResizer/index.tsx b/examples/react/src/examples/NodeResizer/index.tsx
index 8d5b7602f..a9412da7d 100644
--- a/examples/react/src/examples/NodeResizer/index.tsx
+++ b/examples/react/src/examples/NodeResizer/index.tsx
@@ -37,6 +37,7 @@ const initialNodes: Node[] = [
     type: 'defaultResizer',
     data: { label: 'default resizer' },
     position: { x: 0, y: 0 },
+    origin: [1, 1],
     style: { ...nodeStyle },
   },
   {
@@ -129,6 +130,7 @@ const initialNodes: Node[] = [
     width: 300,
     height: 400,
     style: { ...nodeStyle },
+    origin: [0, 0],
   },
   {
     id: '5a',
@@ -184,6 +186,7 @@ const CustomNodeFlow = () => {
       minZoom={0.2}
       maxZoom={5}
       snapToGrid={snapToGrid}
+      nodeOrigin={[1, 1]}
       fitView
       onlyRenderVisibleElements
     >
diff --git a/examples/react/src/examples/Subflow/index.tsx b/examples/react/src/examples/Subflow/index.tsx
index 7f1b3f4b6..53008fb36 100644
--- a/examples/react/src/examples/Subflow/index.tsx
+++ b/examples/react/src/examples/Subflow/index.tsx
@@ -14,6 +14,8 @@ import {
   Background,
   Panel,
   NodeOrigin,
+  useUpdateNodeInternals,
+  ReactFlowProvider,
 } from '@xyflow/react';
 
 import DebugNode from './DebugNode';
@@ -27,7 +29,7 @@ const defaultViewport = { x: 0, y: 0, zoom: 1.5 };
 const initialNodes: Node[] = [
   {
     id: '1',
-    type: 'input',
+    // type: 'input',
     data: { label: 'Node 1' },
     position: { x: 250, y: 5 },
     className: 'light',
@@ -88,10 +90,11 @@ const initialNodes: Node[] = [
     id: '5',
     type: 'group',
     data: { label: 'Node 5' },
-    position: { x: 650, y: 250 },
+    position: { x: 900, y: 250 },
     className: 'light',
     style: { width: 100, height: 100 },
     zIndex: 1000,
+    origin: [1, 0],
   },
   {
     id: '5a',
@@ -118,9 +121,9 @@ const initialNodes: Node[] = [
   {
     id: '3',
     data: { label: 'Node 3' },
-    position: { x: 400, y: 100 },
+    position: { x: 250, y: 100 },
     className: 'light',
-    extent: 'parent',
+    // extent: 'parent',
   },
 ];
 
@@ -151,6 +154,7 @@ const nodeTypes = {
 
 const Subflow = () => {
   const [rfInstance, setRfInstance] = useState<ReactFlowInstance | null>(null);
+  const updateNodeInternals = useUpdateNodeInternals();
   const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
 
@@ -228,9 +232,14 @@ const Subflow = () => {
         <button onClick={toggleChildNodes}>toggleChildNodes</button>
         <button onClick={logToObject}>toObject</button>
         <button onClick={() => setNodes(initialNodes)}>setNodes</button>
+        <button onClick={() => updateNodeInternals(nodes.map((node) => node.id))}>updateNodeInternals</button>
       </Panel>
     </ReactFlow>
   );
 };
 
-export default Subflow;
+export default () => (
+  <ReactFlowProvider>
+    <Subflow />
+  </ReactFlowProvider>
+);
diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index da6d37452..4441f07a9 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -86,7 +86,7 @@ function NodeComponentWrapperInner<NodeType extends Node>({
 }) {
   const { node, x, y } = useStore((s) => {
     const node = s.nodeLookup.get(id) as InternalNode<NodeType>;
-    const { x, y } = getNodePositionWithOrigin(node, nodeOrigin).positionAbsolute;
+    const { x, y } = node.internals.positionAbsolute;
 
     return {
       node,
diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index 79746f84a..9f5ac4fd7 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -73,20 +73,25 @@ function ResizeControl({
 
           const node = nodeLookup.get(id);
           if (node && node.expandParent && node.parentId) {
+            const origin = node.origin ?? nodeOrigin;
+            const width = change.width ?? node.measured.width!;
+            const height = change.height ?? node.measured.height!;
+
             const child: ParentExpandChild = {
               id: node.id,
               parentId: node.parentId,
               rect: {
-                width: change.width ?? node.measured.width!,
-                height: change.height ?? node.measured.height!,
+                width,
+                height,
                 ...evaluateAbsolutePosition(
                   {
-                    x: change.x ?? node.position.x,
-                    y: change.y ?? node.position.y,
+                    x: change.x ?? node.internals.positionAbsolute.x,
+                    y: change.y ?? node.internals.positionAbsolute.y,
                   },
+                  { width, height },
                   node.parentId,
                   nodeLookup,
-                  node.origin ?? nodeOrigin
+                  origin
                 ),
               },
             };
@@ -94,9 +99,10 @@ function ResizeControl({
             const parentExpandChanges = handleExpandParent([child], nodeLookup, parentLookup, nodeOrigin);
             changes.push(...parentExpandChanges);
 
-            // when the parent was expanded by the child node, its position will be clamped at 0,0
-            nextPosition.x = change.x ? Math.max(0, change.x) : undefined;
-            nextPosition.y = change.y ? Math.max(0, change.y) : undefined;
+            // when the parent was expanded by the child node, its position will be clamped at
+            // 0,0 when node origin is 0,0 and to width, height if it's 1,1
+            nextPosition.x = change.x ? Math.max(origin[0] * width, change.x) : undefined;
+            nextPosition.y = change.y ? Math.max(origin[1] * height, change.y) : undefined;
           }
 
           if (nextPosition.x !== undefined && nextPosition.y !== undefined) {
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index b509824cb..e60dc4966 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -6,7 +6,6 @@ import {
   elementSelectionKeys,
   errorMessages,
   getNodeDimensions,
-  getPositionWithOrigin,
   isInputDOMNode,
   nodeHasDimensions,
 } from '@xyflow/system';
@@ -87,15 +86,9 @@ export function NodeWrapper<NodeType extends Node>({
 
   const nodeDimensions = getNodeDimensions(node);
   const inlineDimensions = getNodeInlineStyleDimensions(node);
-  const clampedPosition = nodeExtent
-    ? clampPosition(internals.positionAbsolute, nodeExtent)
-    : internals.positionAbsolute;
-
-  const positionWithOrigin = getPositionWithOrigin({
-    ...clampedPosition,
-    ...nodeDimensions,
-    origin: node.origin || nodeOrigin,
-  });
+  // TODO: clamping should happen earlier
+  let clampedPosition = nodeExtent ? clampPosition(internals.positionAbsolute, nodeExtent) : internals.positionAbsolute;
+
   const hasPointerEvents = isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave;
 
   const onMouseEnterHandler = onMouseEnter
@@ -181,9 +174,9 @@ export function NodeWrapper<NodeType extends Node>({
       ref={nodeRef}
       style={{
         zIndex: internals.z,
-        transform: `translate(${positionWithOrigin.x}px,${positionWithOrigin.y}px)`,
+        transform: `translate(${clampedPosition.x}px,${clampedPosition.y}px)`,
         pointerEvents: hasPointerEvents ? 'all' : 'none',
-        visibility: hasDimensions ? 'visible' : 'hidden',
+        visibility: node.measured.width ? 'visible' : 'hidden',
         ...node.style,
         ...inlineDimensions,
       }}
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 4f1404a4f..223885dee 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -46,7 +46,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
 
       const nodeToUse = isNode<NodeType>(node) ? node : nodeLookup.get(node.id)!;
       const position = nodeToUse.parentId
-        ? evaluateAbsolutePosition(nodeToUse.position, nodeToUse.parentId, nodeLookup, nodeOrigin)
+        ? evaluateAbsolutePosition(nodeToUse.position, nodeToUse.measured, nodeToUse.parentId, nodeLookup, nodeOrigin)
         : nodeToUse.position;
 
       const nodeWithPosition = {
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 29f99999f..02930758d 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -98,7 +98,7 @@ const createStore = ({
           return;
         }
 
-        updateAbsolutePositions(nodeLookup, { nodeOrigin });
+        updateAbsolutePositions(nodeLookup, parentLookup, { nodeOrigin });
 
         // we call fitView once initially after all dimensions are set
         let nextFitViewDone = fitViewDone;
@@ -155,8 +155,8 @@ const createStore = ({
         }
 
         if (parentExpandChildren.length > 0) {
-          const { nodeLookup, parentLookup } = get();
-          const parentExpandChanges = handleExpandParent(parentExpandChildren, nodeLookup, parentLookup);
+          const { nodeLookup, parentLookup, nodeOrigin } = get();
+          const parentExpandChanges = handleExpandParent(parentExpandChildren, nodeLookup, parentLookup, nodeOrigin);
           changes.push(...parentExpandChanges);
         }
 
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 2e6a73644..7334ea9e3 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -134,7 +134,7 @@
       {#each $nodes as userNode (userNode.id)}
         {@const node = $nodeLookup.get(userNode.id)}
         {#if node && nodeHasDimensions(node)}
-          {@const pos = getNodePositionWithOrigin(node).positionAbsolute}
+          {@const pos = getNodePositionWithOrigin(node)}
           {@const nodeDimesions = getNodeDimensions(node)}
           <MinimapNode
             x={pos.x}
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 6ba7fbd4f..5a90580ca 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -77,6 +77,7 @@ export type InternalNodeBase<NodeType extends NodeBase = NodeBase> = NodeType &
      * Used as an optimization to avoid certain operations. */
     userNode: NodeType;
     handleBounds?: NodeHandleBounds;
+    bounds?: NodeBounds;
   };
 };
 
diff --git a/packages/system/src/utils/dom.ts b/packages/system/src/utils/dom.ts
index 9312bc076..702d9bece 100644
--- a/packages/system/src/utils/dom.ts
+++ b/packages/system/src/utils/dom.ts
@@ -1,4 +1,13 @@
-import type { Transform, XYPosition, SnapGrid, Dimensions, NodeOrigin, HandleElement, Position } from '../types';
+import type {
+  Transform,
+  XYPosition,
+  SnapGrid,
+  Dimensions,
+  NodeOrigin,
+  HandleElement,
+  Position,
+  InternalNodeBase,
+} from '../types';
 import { snapPosition, pointToRendererPoint } from './general';
 
 export type GetPointerPositionParams = {
@@ -60,6 +69,7 @@ export const getEventPosition = (event: MouseEvent | TouchEvent, bounds?: DOMRec
 // unnecessary recalculations.
 export const getHandleBounds = (
   selector: string,
+  node: InternalNodeBase,
   nodeElement: HTMLDivElement,
   zoom: number,
   nodeOrigin: NodeOrigin = [0, 0]
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index 1023b44e7..7936efed7 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -12,7 +12,7 @@ import type {
   NodeLookup,
 } from '../types';
 import { type Viewport } from '../types';
-import { getNodePositionWithOrigin } from './graph';
+import { getNodePositionWithOrigin, isInternalNodeBase } from './graph';
 
 export const clamp = (val: number, min = 0, max = 1): number => Math.min(Math.max(val, min), max);
 
@@ -68,7 +68,9 @@ export const boxToRect = ({ x, y, x2, y2 }: Box): Rect => ({
 });
 
 export const nodeToRect = (node: InternalNodeBase | NodeBase, nodeOrigin: NodeOrigin = [0, 0]): Rect => {
-  const { x, y } = getNodePositionWithOrigin(node, nodeOrigin).positionAbsolute;
+  const { x, y } = isInternalNodeBase(node)
+    ? node.internals.positionAbsolute
+    : getNodePositionWithOrigin(node, nodeOrigin);
 
   return {
     x,
@@ -79,7 +81,9 @@ export const nodeToRect = (node: InternalNodeBase | NodeBase, nodeOrigin: NodeOr
 };
 
 export const nodeToBox = (node: InternalNodeBase | NodeBase, nodeOrigin: NodeOrigin = [0, 0]): Box => {
-  const { x, y } = getNodePositionWithOrigin(node, nodeOrigin).positionAbsolute;
+  const { x, y } = isInternalNodeBase(node)
+    ? node.internals.positionAbsolute
+    : getNodePositionWithOrigin(node, nodeOrigin);
 
   return {
     x,
@@ -239,24 +243,17 @@ export function nodeHasDimensions<NodeType extends NodeBase = NodeBase>(node: No
  */
 export function evaluateAbsolutePosition(
   position: XYPosition,
+  dimensions: { width: number; height: number },
   parentId: string,
   nodeLookup: NodeLookup,
-  nodeOrigin: NodeOrigin = [0, 0]
+  nodeOrigin: NodeOrigin
 ): XYPosition {
-  let nextParentId: string | undefined = parentId;
   const positionAbsolute = { ...position };
 
-  while (nextParentId) {
-    const parent = nodeLookup.get(parentId);
-    nextParentId = parent?.parentId;
-
-    if (parent) {
-      const origin = parent.origin || nodeOrigin;
-      const xOffset = (parent.measured.width ?? 0) * origin[0];
-      const yOffset = (parent.measured.height ?? 0) * origin[1];
-      positionAbsolute.x += parent.position.x - xOffset;
-      positionAbsolute.y += parent.position.y - yOffset;
-    }
+  const parent = nodeLookup.get(parentId);
+  if (parent) {
+    positionAbsolute.x += parent.internals.positionAbsolute.x - dimensions.width * nodeOrigin[0];
+    positionAbsolute.y += parent.internals.positionAbsolute.y - dimensions.height * nodeOrigin[1];
   }
 
   return positionAbsolute;
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 6a4715b87..b42580b19 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -106,25 +106,15 @@ export const getIncomers = <NodeType extends NodeBase = NodeBase, EdgeType exten
   return nodes.filter((n) => incomersIds.has(n.id));
 };
 
-export const getNodePositionWithOrigin = (
-  node: InternalNodeBase | NodeBase,
-  nodeOrigin: NodeOrigin = [0, 0]
-): { position: XYPosition; positionAbsolute: XYPosition } => {
+export const getNodePositionWithOrigin = (node: NodeBase, nodeOrigin: NodeOrigin = [0, 0]): XYPosition => {
   const { width, height } = getNodeDimensions(node);
-  const positionAbsolute = 'internals' in node ? node.internals.positionAbsolute : node.position;
-  const origin = node.origin || nodeOrigin;
+  const origin = node.origin ?? nodeOrigin;
   const offsetX = width * origin[0];
   const offsetY = height * origin[1];
 
   return {
-    position: {
-      x: node.position.x - offsetX,
-      y: node.position.y - offsetY,
-    },
-    positionAbsolute: {
-      x: positionAbsolute.x - offsetX,
-      y: positionAbsolute.y - offsetY,
-    },
+    x: node.position.x - offsetX,
+    y: node.position.y - offsetY,
   };
 };
 
@@ -323,9 +313,8 @@ export function calculateNodePosition<NodeType extends NodeBase>({
 }): { position: XYPosition; positionAbsolute: XYPosition } {
   const node = nodeLookup.get(nodeId)!;
   const parentNode = node.parentId ? nodeLookup.get(node.parentId) : undefined;
-  const { x: parentX, y: parentY } = parentNode
-    ? getNodePositionWithOrigin(parentNode, parentNode.origin || nodeOrigin).positionAbsolute
-    : { x: 0, y: 0 };
+  const { x: parentX, y: parentY } = parentNode ? parentNode.internals.positionAbsolute : { x: 0, y: 0 };
+  const origin = node.origin ?? nodeOrigin;
 
   let currentExtent = clampNodeExtent(node, node.extent || nodeExtent);
 
@@ -339,13 +328,9 @@ export function calculateNodePosition<NodeType extends NodeBase>({
       const parentHeight = parentNode.measured.height;
 
       if (nodeWidth && nodeHeight && parentWidth && parentHeight) {
-        const currNodeOrigin = node.origin || nodeOrigin;
-        const extentX = parentX + nodeWidth * currNodeOrigin[0];
-        const extentY = parentY + nodeHeight * currNodeOrigin[1];
-
         currentExtent = [
-          [extentX, extentY],
-          [extentX + parentWidth - nodeWidth, extentY + parentHeight - nodeHeight],
+          [parentX, parentY],
+          [parentX + parentWidth - nodeWidth, parentY + parentHeight - nodeHeight],
         ];
       }
     }
@@ -362,8 +347,9 @@ export function calculateNodePosition<NodeType extends NodeBase>({
 
   return {
     position: {
-      x: positionAbsolute.x - parentX,
-      y: positionAbsolute.y - parentY,
+      // TODO: is there a better way to do this?
+      x: positionAbsolute.x - parentX + node.measured.width! * origin[0],
+      y: positionAbsolute.y - parentY + node.measured.height! * origin[1],
     },
     positionAbsolute,
   };
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index f6e617d01..de3a061fc 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -6,7 +6,6 @@ import {
   PanZoomInstance,
   Transform,
   XYPosition,
-  XYZPosition,
   ConnectionLookup,
   EdgeBase,
   EdgeLookup,
@@ -16,6 +15,7 @@ import {
   NodeDimensionChange,
   NodePositionChange,
   ParentLookup,
+  Dimensions,
 } from '../types';
 import { getDimensions, getHandleBounds } from './dom';
 import { getBoundsOfRects, getNodeDimensions, isNumeric, nodeToRect } from './general';
@@ -24,46 +24,19 @@ import { ParentExpandChild } from './types';
 
 export function updateAbsolutePositions<NodeType extends NodeBase>(
   nodeLookup: Map<string, InternalNodeBase<NodeType>>,
+  parentLookup: Map<string, InternalNodeBase<NodeType>[]>,
   options: UpdateNodesOptions<NodeType> = {
     nodeOrigin: [0, 0] as NodeOrigin,
     elevateNodesOnSelect: true,
     defaults: {},
   }
 ) {
-  const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
-
-  for (const [, node] of nodeLookup) {
-    const parentId = node.parentId;
-
-    if (!parentId) {
+  for (const node of nodeLookup.values()) {
+    if (!node.parentId) {
       continue;
     }
 
-    if (!nodeLookup.has(parentId)) {
-      throw new Error(`Parent node ${parentId} not found`);
-    }
-
-    const parentNode = nodeLookup.get(parentId);
-    const { x, y, z } = calculateXYZPosition(
-      node,
-      nodeLookup,
-      {
-        ...node.position,
-        z: (isNumeric(node.zIndex) ? node.zIndex : 0) + (node.selected ? selectedNodeZ : 0),
-      },
-      parentNode?.origin ?? options.nodeOrigin
-    );
-
-    const currPosition = node.internals.positionAbsolute;
-    const positionChanged = x !== currPosition.x || y !== currPosition.y;
-
-    if (positionChanged || z !== node.internals.z) {
-      node.internals = {
-        ...node.internals,
-        positionAbsolute: positionChanged ? { x, y } : currPosition,
-        z,
-      };
-    }
+    updateChildPosition(node, nodeLookup, parentLookup, options);
   }
 }
 
@@ -91,9 +64,8 @@ export function adoptUserNodes<NodeType extends NodeBase>(
 
   const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
 
-  nodes.forEach((userNode) => {
+  for (const userNode of nodes) {
     let internalNode = tmpLookup.get(userNode.id);
-
     if (options.checkEquality && userNode === internalNode?.internals.userNode) {
       nodeLookup.set(userNode.id, internalNode);
     } else {
@@ -105,9 +77,9 @@ export function adoptUserNodes<NodeType extends NodeBase>(
           height: userNode.measured?.height,
         },
         internals: {
-          positionAbsolute: userNode.position,
+          positionAbsolute: getNodePositionWithOrigin(userNode, options.nodeOrigin),
           handleBounds: internalNode?.internals.handleBounds,
-          z: (isNumeric(userNode.zIndex) ? userNode.zIndex : 0) + (userNode.selected ? selectedNodeZ : 0),
+          z: calculateZ(userNode, selectedNodeZ),
           userNode,
         },
       };
@@ -115,50 +87,76 @@ export function adoptUserNodes<NodeType extends NodeBase>(
     }
 
     if (userNode.parentId) {
-      const childNodes = parentLookup.get(userNode.parentId);
-      if (childNodes) {
-        childNodes.push(internalNode);
-      } else {
-        parentLookup.set(userNode.parentId, [internalNode]);
-      }
+      updateChildPosition(internalNode, nodeLookup, parentLookup, options);
     }
-  });
-
-  if (parentLookup.size > 0) {
-    updateAbsolutePositions(nodeLookup, options);
   }
 }
 
-function calculateXYZPosition<NodeType extends NodeBase>(
-  node: NodeType,
-  nodeLookup: Map<string, InternalNodeBase<NodeType>>,
-  result: XYZPosition,
-  nodeOrigin: NodeOrigin = [0, 0]
-): XYZPosition {
-  if (!node.parentId) {
-    return result;
+function updateChildPosition<NodeType extends NodeBase>(
+  node: InternalNodeBase<NodeType>,
+  nodeLookup: NodeLookup,
+  parentLookup: ParentLookup,
+  options: UpdateNodesOptions<NodeType> = {
+    nodeOrigin: [0, 0] as NodeOrigin,
+    elevateNodesOnSelect: true,
+    defaults: {},
+  }
+) {
+  const parentId = node.parentId!;
+  const parentNode = nodeLookup.get(parentId);
+  if (!parentNode) {
+    throw new Error(`Parent node ${parentId} not found`);
   }
 
-  const parent = nodeLookup.get(node.parentId)!;
-  const parentPosition = getNodePositionWithOrigin(parent, nodeOrigin).position;
+  // update the parentLookup
+  const childNodes = parentLookup.get(parentId);
+  if (childNodes) {
+    childNodes.push(node);
+  } else {
+    parentLookup.set(parentId, [node]);
+  }
 
-  return calculateXYZPosition(
-    parent,
-    nodeLookup,
-    {
-      x: (result.x ?? 0) + parentPosition.x,
-      y: (result.y ?? 0) + parentPosition.y,
-      z: (parent.internals.z ?? 0) > (result.z ?? 0) ? parent.internals.z ?? 0 : result.z ?? 0,
-    },
-    parent.origin || nodeOrigin
-  );
+  const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
+
+  const { x, y, z } = calculateChildXYZ(node, parentNode, options.nodeOrigin!, selectedNodeZ);
+
+  const currPosition = node.internals.positionAbsolute;
+  const positionChanged = x !== currPosition.x || y !== currPosition.y;
+
+  if (positionChanged || z !== node.internals.z) {
+    node.internals = {
+      ...node.internals,
+      positionAbsolute: positionChanged ? { x, y } : currPosition,
+      z,
+    };
+  }
+}
+
+function calculateZ(node: NodeBase, selectedNodeZ: number) {
+  return (isNumeric(node.zIndex) ? node.zIndex : 0) + (node.selected ? selectedNodeZ : 0);
+}
+
+function calculateChildXYZ<NodeType extends NodeBase>(
+  childNode: InternalNodeBase<NodeType>,
+  parentNode: InternalNodeBase<NodeType>,
+  nodeOrigin: NodeOrigin,
+  selectedNodeZ: number
+) {
+  const position = getNodePositionWithOrigin(childNode, nodeOrigin);
+  const childZ = calculateZ(childNode, selectedNodeZ);
+  const parentZ = parentNode.internals.z ?? 0;
+  return {
+    x: parentNode.internals.positionAbsolute.x + position.x,
+    y: parentNode.internals.positionAbsolute.y + position.y,
+    z: parentZ > childZ ? parentZ : childZ,
+  };
 }
 
 export function handleExpandParent(
   children: ParentExpandChild[],
   nodeLookup: NodeLookup,
   parentLookup: ParentLookup,
-  nodeOrigin?: NodeOrigin
+  nodeOrigin: NodeOrigin = [0, 0]
 ): (NodeDimensionChange | NodePositionChange)[] {
   const changes: (NodeDimensionChange | NodePositionChange)[] = [];
   const parentExpansions = new Map<string, { expandedRect: Rect; parent: InternalNodeBase }>();
@@ -172,6 +170,7 @@ export function handleExpandParent(
 
     const parentRect =
       parentExpansions.get(child.parentId)?.expandedRect ?? nodeToRect(parent, parent.origin ?? nodeOrigin);
+
     const expandedRect = getBoundsOfRects(parentRect, child.rect);
     parentExpansions.set(child.parentId, { expandedRect, parent });
   }
@@ -179,20 +178,30 @@ export function handleExpandParent(
   if (parentExpansions.size > 0) {
     parentExpansions.forEach(({ expandedRect, parent }, parentId) => {
       // determine the position & dimensions of the parent
-      const { position } = getNodePositionWithOrigin(parent, parent.origin);
+      const positionAbsolute = parent.internals.positionAbsolute;
       const dimensions = getNodeDimensions(parent);
+      const origin = parent.origin ?? nodeOrigin;
+
+      // determine how much the parent expands in width and position
+      const xChange =
+        expandedRect.x < positionAbsolute.x ? Math.round(Math.abs(positionAbsolute.x - expandedRect.x)) : 0;
+      const yChange =
+        expandedRect.y < positionAbsolute.y ? Math.round(Math.abs(positionAbsolute.y - expandedRect.y)) : 0;
+
+      const newWidth = Math.max(dimensions.width, Math.round(expandedRect.width));
+      const newHeight = Math.max(dimensions.height, Math.round(expandedRect.height));
 
-      // determine how much the parent expands by moving the position
-      const xChange = expandedRect.x < position.x ? Math.round(Math.abs(position.x - expandedRect.x)) : 0;
-      const yChange = expandedRect.y < position.y ? Math.round(Math.abs(position.y - expandedRect.y)) : 0;
+      const widthChange = (newWidth - dimensions.width) * origin[0];
+      const heightChange = (newHeight - dimensions.height) * origin[1];
 
-      if (xChange > 0 || yChange > 0) {
+      // We need to correct the position of the parent node if the origin is not [0,0]
+      if (xChange > 0 || yChange > 0 || widthChange || heightChange) {
         changes.push({
           id: parentId,
           type: 'position',
           position: {
-            x: position.x - xChange,
-            y: position.y - yChange,
+            x: parent.position.x - xChange + widthChange,
+            y: parent.position.y - yChange + heightChange,
           },
         });
 
@@ -213,14 +222,15 @@ export function handleExpandParent(
         });
       }
 
-      if (dimensions.width < expandedRect.width || dimensions.height < expandedRect.height) {
+      // We need to correct the dimensions of the parent node if the origin is not [0,0]
+      if (dimensions.width < expandedRect.width || dimensions.height < expandedRect.height || xChange || yChange) {
         changes.push({
           id: parentId,
           type: 'dimensions',
           setAttributes: true,
           dimensions: {
-            width: Math.max(dimensions.width, Math.round(expandedRect.width)),
-            height: Math.max(dimensions.height, Math.round(expandedRect.height)),
+            width: newWidth + (xChange ? origin[0] * xChange - widthChange : 0),
+            height: newHeight + (yChange ? origin[1] * yChange - heightChange : 0),
           },
         });
       }
@@ -250,16 +260,19 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
   // in this array we collect nodes, that might trigger changes (like expanding parent)
   const parentExpandChildren: ParentExpandChild[] = [];
 
-  updates.forEach((update) => {
+  for (const update of updates.values()) {
     const node = nodeLookup.get(update.id);
+    if (!node) {
+      continue;
+    }
 
-    if (node?.hidden) {
+    if (node.hidden) {
       node.internals = {
         ...node.internals,
         handleBounds: undefined,
       };
       updatedInternals = true;
-    } else if (node) {
+    } else {
       const dimensions = getDimensions(update.nodeElement);
       const dimensionChanged = node.measured.width !== dimensions.width || node.measured.height !== dimensions.height;
       const doUpdate = !!(
@@ -269,14 +282,19 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
       );
 
       if (doUpdate) {
+        const positionAbsolute = getNodePositionWithOrigin(node, nodeOrigin);
         node.measured = dimensions;
         node.internals = {
           ...node.internals,
+          positionAbsolute: getNodePositionWithOrigin(node, nodeOrigin),
           handleBounds: {
-            source: getHandleBounds('.source', update.nodeElement, zoom, node.origin || nodeOrigin),
-            target: getHandleBounds('.target', update.nodeElement, zoom, node.origin || nodeOrigin),
+            source: getHandleBounds('.source', node, update.nodeElement, zoom),
+            target: getHandleBounds('.target', node, update.nodeElement, zoom),
           },
         };
+        if (node.parentId) {
+          updateChildPosition(node, nodeLookup, parentLookup, { nodeOrigin });
+        }
 
         updatedInternals = true;
 
@@ -297,7 +315,7 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
         }
       }
     }
-  });
+  }
 
   if (parentExpandChildren.length > 0) {
     const parentExpandChanges = handleExpandParent(parentExpandChildren, nodeLookup, parentLookup, nodeOrigin);
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index e205ced79..6b2a0c716 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -129,7 +129,6 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
 
       for (const [id, dragItem] of dragItems) {
         let nextPosition = { x: x - dragItem.distance.x, y: y - dragItem.distance.y };
-
         if (snapToGrid) {
           nextPosition = snapPosition(nextPosition, snapGrid);
         }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d2b9d470b..f959761e3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: '6.0'
+lockfileVersion: '9.0'
 
 settings:
   autoInstallPeers: true
@@ -481,38 +481,5677 @@ importers:
 
 packages:
 
-  /@aashutoshrathi/word-wrap@1.2.6:
+  '@aashutoshrathi/word-wrap@1.2.6':
     resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
-  /@ampproject/remapping@2.2.1:
+  '@ampproject/remapping@2.2.1':
     resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
     engines: {node: '>=6.0.0'}
+
+  '@ampproject/remapping@2.3.0':
+    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
+    engines: {node: '>=6.0.0'}
+
+  '@astrojs/compiler@2.2.1':
+    resolution: {integrity: sha512-NJ1lWKzMkyEjE3W5NpPNAVot4/PLF5om/P6ekxNu3iLS05CaYFTcp7WpYMjdCC252b7wkNVAs45FNkVQ+RHW/g==}
+
+  '@astrojs/internal-helpers@0.2.0':
+    resolution: {integrity: sha512-NQ4ppp1CM0HNkKbJNM4saVSfmUYzGlRalF6wx7F6T/MYHYSWGuojY89/oFTy4t8VlOGUCUijlsVNNeziWaUo5g==}
+
+  '@astrojs/markdown-remark@3.2.0':
+    resolution: {integrity: sha512-jigyLfefUZPKgVmmraCkVpdUuFH1R3SrpgQO13axsgwLDBgkggaQpNR5Ag4O9PDualeBtbdt30aYSfvnBKx9Hg==}
+    peerDependencies:
+      astro: ^3.1.0
+
+  '@astrojs/prism@3.0.0':
+    resolution: {integrity: sha512-g61lZupWq1bYbcBnYZqdjndShr/J3l/oFobBKPA3+qMat146zce3nz2kdO4giGbhYDt4gYdhmoBz0vZJ4sIurQ==}
+    engines: {node: '>=18.14.1'}
+
+  '@astrojs/react@3.0.2':
+    resolution: {integrity: sha512-aooNIuQxTg+IWGMZPuIEwBeBi4/TCPCMsr3714zuLjAjukVd5ZrX/bCNxJqDWU4HNwUm4XFU1OhcEvYOHa5uMQ==}
+    engines: {node: '>=18.14.1'}
+    peerDependencies:
+      '@types/react': ^17.0.50 || ^18.0.21
+      '@types/react-dom': ^17.0.17 || ^18.0.6
+      react: ^17.0.2 || ^18.0.0
+      react-dom: ^17.0.2 || ^18.0.0
+
+  '@astrojs/svelte@4.0.2':
+    resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==}
+    engines: {node: '>=18.14.1'}
+    peerDependencies:
+      astro: ^3.0.11
+      svelte: ^3.55.0 || ^4.0.0
+
+  '@astrojs/telemetry@3.0.2':
+    resolution: {integrity: sha512-ef+jqCkqopCzjGfsMsr+8p56Nj6F9ZzouWcWZt+dKsqbRccI3c8K3jfkLcdq4AyfFZtKBDB6N4ZuI68g33oiOg==}
+    engines: {node: '>=18.14.1'}
+
+  '@babel/code-frame@7.22.13':
+    resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/code-frame@7.23.5':
+    resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.23.2':
+    resolution: {integrity: sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.23.5':
+    resolution: {integrity: sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.23.2':
+    resolution: {integrity: sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.24.0':
+    resolution: {integrity: sha512-fQfkg0Gjkza3nf0c7/w6Xf34BW4YvzNfACRLmmb7XRLa6XHdR+K9AlJlxneFfWYf6uhOzuzZVTjF/8KfndZANw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.23.0':
+    resolution: {integrity: sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.23.6':
+    resolution: {integrity: sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-annotate-as-pure@7.22.5':
+    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.22.15':
+    resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.23.6':
+    resolution: {integrity: sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-environment-visitor@7.22.20':
+    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-function-name@7.23.0':
+    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-hoist-variables@7.22.5':
+    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.22.15':
+    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.23.0':
+    resolution: {integrity: sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-module-transforms@7.23.3':
+    resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-plugin-utils@7.22.5':
+    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-plugin-utils@7.24.0':
+    resolution: {integrity: sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-simple-access@7.22.5':
+    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-split-export-declaration@7.22.6':
+    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.22.5':
+    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.23.4':
+    resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.22.20':
+    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.22.15':
+    resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.23.5':
+    resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.23.2':
+    resolution: {integrity: sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.24.0':
+    resolution: {integrity: sha512-ulDZdc0Aj5uLc5nETsa7EPx2L7rM0YJM8r7ck7U73AXi7qOV44IHHRAYZHY6iU1rr3C5N4NtTmMRUJP6kwCWeA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/highlight@7.22.20':
+    resolution: {integrity: sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/highlight@7.23.4':
+    resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.23.0':
+    resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/parser@7.23.6':
+    resolution: {integrity: sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/parser@7.24.0':
+    resolution: {integrity: sha512-QuP/FxEAzMSjXygs8v4N9dvdXzEHN4W1oF3PxuWAtPo08UdM17u89RDMgjLn/mlc56iM0HlLmVkO/wgR+rDgHg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/plugin-syntax-jsx@7.22.5':
+    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-self@7.22.5':
+    resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-self@7.23.3':
+    resolution: {integrity: sha512-qXRvbeKDSfwnlJnanVRp0SfuWE5DQhwQr5xtLBzp56Wabyo+4CMosF6Kfp+eOD/4FYpql64XVJ2W0pVLlJZxOQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-source@7.22.5':
+    resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-source@7.23.3':
+    resolution: {integrity: sha512-91RS0MDnAWDNvGC6Wio5XYkyWI39FMFO+JK9+4AlgaTH+yWwVTsw7/sn6LK0lH7c5F+TFkpv/3LfCJ1Ydwof/g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx@7.22.15':
+    resolution: {integrity: sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/runtime@7.23.2':
+    resolution: {integrity: sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/template@7.22.15':
+    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/template@7.24.0':
+    resolution: {integrity: sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.23.2':
+    resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.24.0':
+    resolution: {integrity: sha512-HfuJlI8qq3dEDmNU5ChzzpZRWq+oxCZQyMzIMEqLho+AQnhMnKQUzH6ydo3RBl/YjPCuk68Y6s0Gx0AeyULiWw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.23.0':
+    resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.23.6':
+    resolution: {integrity: sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.24.0':
+    resolution: {integrity: sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==}
+    engines: {node: '>=6.9.0'}
+
+  '@changesets/apply-release-plan@6.1.4':
+    resolution: {integrity: sha512-FMpKF1fRlJyCZVYHr3CbinpZZ+6MwvOtWUuO8uo+svcATEoc1zRDcj23pAurJ2TZ/uVz1wFHH6K3NlACy0PLew==}
+
+  '@changesets/assemble-release-plan@5.2.4':
+    resolution: {integrity: sha512-xJkWX+1/CUaOUWTguXEbCDTyWJFECEhmdtbkjhn5GVBGxdP/JwaHBIU9sW3FR6gD07UwZ7ovpiPclQZs+j+mvg==}
+
+  '@changesets/changelog-git@0.1.14':
+    resolution: {integrity: sha512-+vRfnKtXVWsDDxGctOfzJsPhaCdXRYoe+KyWYoq5X/GqoISREiat0l3L8B0a453B2B4dfHGcZaGyowHbp9BSaA==}
+
+  '@changesets/changelog-github@0.4.7':
+    resolution: {integrity: sha512-UUG5sKwShs5ha1GFnayUpZNcDGWoY7F5XxhOEHS62sDPOtoHQZsG3j1nC5RxZ3M1URHA321cwVZHeXgu99Y3ew==}
+
+  '@changesets/cli@2.25.0':
+    resolution: {integrity: sha512-Svu5KD2enurVHGEEzCRlaojrHjVYgF9srmMP9VQSy9c1TspX6C9lDPpulsSNIjYY9BuU/oiWpjBgR7RI9eQiAA==}
+    hasBin: true
+
+  '@changesets/config@2.3.1':
+    resolution: {integrity: sha512-PQXaJl82CfIXddUOppj4zWu+987GCw2M+eQcOepxN5s+kvnsZOwjEJO3DH9eVy+OP6Pg/KFEWdsECFEYTtbg6w==}
+
+  '@changesets/errors@0.1.4':
+    resolution: {integrity: sha512-HAcqPF7snsUJ/QzkWoKfRfXushHTu+K5KZLJWPb34s4eCZShIf8BFO3fwq6KU8+G7L5KdtN2BzQAXOSXEyiY9Q==}
+
+  '@changesets/get-dependents-graph@1.3.6':
+    resolution: {integrity: sha512-Q/sLgBANmkvUm09GgRsAvEtY3p1/5OCzgBE5vX3vgb5CvW0j7CEljocx5oPXeQSNph6FXulJlXV3Re/v3K3P3Q==}
+
+  '@changesets/get-github-info@0.5.2':
+    resolution: {integrity: sha512-JppheLu7S114aEs157fOZDjFqUDpm7eHdq5E8SSR0gUBTEK0cNSHsrSR5a66xs0z3RWuo46QvA3vawp8BxDHvg==}
+
+  '@changesets/get-release-plan@3.0.17':
+    resolution: {integrity: sha512-6IwKTubNEgoOZwDontYc2x2cWXfr6IKxP3IhKeK+WjyD6y3M4Gl/jdQvBw+m/5zWILSOCAaGLu2ZF6Q+WiPniw==}
+
+  '@changesets/get-version-range-type@0.3.2':
+    resolution: {integrity: sha512-SVqwYs5pULYjYT4op21F2pVbcrca4qA/bAA3FmFXKMN7Y+HcO8sbZUTx3TAy2VXulP2FACd1aC7f2nTuqSPbqg==}
+
+  '@changesets/git@1.5.0':
+    resolution: {integrity: sha512-Xo8AT2G7rQJSwV87c8PwMm6BAc98BnufRMsML7m7Iw8Or18WFvFmxqG5aOL5PBvhgq9KrKvaeIBNIymracSuHg==}
+
+  '@changesets/git@2.0.0':
+    resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==}
+
+  '@changesets/logger@0.0.5':
+    resolution: {integrity: sha512-gJyZHomu8nASHpaANzc6bkQMO9gU/ib20lqew1rVx753FOxffnCrJlGIeQVxNWCqM+o6OOleCo/ivL8UAO5iFw==}
+
+  '@changesets/parse@0.3.16':
+    resolution: {integrity: sha512-127JKNd167ayAuBjUggZBkmDS5fIKsthnr9jr6bdnuUljroiERW7FBTDNnNVyJ4l69PzR57pk6mXQdtJyBCJKg==}
+
+  '@changesets/pre@1.0.14':
+    resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==}
+
+  '@changesets/read@0.5.9':
+    resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==}
+
+  '@changesets/types@4.1.0':
+    resolution: {integrity: sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw==}
+
+  '@changesets/types@5.2.1':
+    resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==}
+
+  '@changesets/write@0.2.3':
+    resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==}
+
+  '@colors/colors@1.5.0':
+    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
+    engines: {node: '>=0.1.90'}
+
+  '@cypress/request@3.0.1':
+    resolution: {integrity: sha512-TWivJlJi8ZDx2wGOw1dbLuHJKUYX7bWySw377nlnGOW3hP9/MUKIsEdXT/YngWxVdgNCHRBmFlBipE+5/2ZZlQ==}
+    engines: {node: '>= 6'}
+
+  '@cypress/skip-test@2.6.1':
+    resolution: {integrity: sha512-X+ibefBiuOmC5gKG91wRIT0/OqXeETYvu7zXktjZ3yLeO186Y8ia0K7/gQUpAwuUi28DuqMd1+7tBQVtPkzbPA==}
+
+  '@cypress/xvfb@1.2.4':
+    resolution: {integrity: sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==}
+
+  '@dagrejs/dagre@1.0.4':
+    resolution: {integrity: sha512-jrEore+HhW1yg1Rsd9H1PPMcoEOD4bVh0WCXc6GqzyzubnJj4GaWGg8ETOrskTd/3n/g5LOzumGM4CCgpNLJNw==}
+
+  '@dagrejs/graphlib@2.1.13':
+    resolution: {integrity: sha512-calbMa7Gcyo+/t23XBaqQqon8LlgE9regey4UVoikoenKBXvUnCUL3s9RP6USCxttfr0XWVICtYUuKMdehKqMw==}
+    engines: {node: '>17.0.0'}
+
+  '@esbuild/aix-ppc64@0.19.12':
+    resolution: {integrity: sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.18.20':
+    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.19.12':
+    resolution: {integrity: sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.19.5':
+    resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.18.20':
+    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.19.12':
+    resolution: {integrity: sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.19.5':
+    resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.18.20':
+    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.19.12':
+    resolution: {integrity: sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.19.5':
+    resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.18.20':
+    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.19.12':
+    resolution: {integrity: sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.19.5':
+    resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.18.20':
+    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.19.12':
+    resolution: {integrity: sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.19.5':
+    resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.18.20':
+    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.19.12':
+    resolution: {integrity: sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.19.5':
+    resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.18.20':
+    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.19.12':
+    resolution: {integrity: sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.19.5':
+    resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.18.20':
+    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.19.12':
+    resolution: {integrity: sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.19.5':
+    resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.18.20':
+    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.19.12':
+    resolution: {integrity: sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.19.5':
+    resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.18.20':
+    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.19.12':
+    resolution: {integrity: sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.19.5':
+    resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.18.20':
+    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.19.12':
+    resolution: {integrity: sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.19.5':
+    resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.18.20':
+    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.19.12':
+    resolution: {integrity: sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.19.5':
+    resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.18.20':
+    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.19.12':
+    resolution: {integrity: sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.19.5':
+    resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.18.20':
+    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.19.12':
+    resolution: {integrity: sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.19.5':
+    resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.18.20':
+    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.19.12':
+    resolution: {integrity: sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.19.5':
+    resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.18.20':
+    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.19.12':
+    resolution: {integrity: sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.19.5':
+    resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-x64@0.18.20':
+    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.19.12':
+    resolution: {integrity: sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.19.5':
+    resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-x64@0.18.20':
+    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.19.12':
+    resolution: {integrity: sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.19.5':
+    resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/sunos-x64@0.18.20':
+    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.19.12':
+    resolution: {integrity: sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.19.5':
+    resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.18.20':
+    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.19.12':
+    resolution: {integrity: sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.19.5':
+    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.18.20':
+    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.19.12':
+    resolution: {integrity: sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.19.5':
+    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.18.20':
+    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.19.12':
+    resolution: {integrity: sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.19.5':
+    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@eslint-community/eslint-utils@4.4.0':
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    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.10.0':
+    resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint-community/regexpp@4.9.1':
+    resolution: {integrity: sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/eslintrc@2.1.2':
+    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  '@eslint/eslintrc@2.1.3':
+    resolution: {integrity: sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==}
+    engines: {node: ^12.22.0 || ^14.17.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.43.0':
+    resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  '@eslint/js@8.53.0':
+    resolution: {integrity: sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  '@eslint/js@8.57.0':
+    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  '@fastify/busboy@2.0.0':
+    resolution: {integrity: sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==}
+    engines: {node: '>=14'}
+
+  '@hapi/hoek@9.3.0':
+    resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
+
+  '@hapi/topo@5.1.0':
+    resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==}
+
+  '@humanwhocodes/config-array@0.11.13':
+    resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==}
+    engines: {node: '>=10.10.0'}
+
+  '@humanwhocodes/config-array@0.11.14':
+    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
+    engines: {node: '>=10.10.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/object-schema@2.0.1':
+    resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==}
+
+  '@humanwhocodes/object-schema@2.0.2':
+    resolution: {integrity: sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==}
+
+  '@jridgewell/gen-mapping@0.3.3':
+    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/gen-mapping@0.3.5':
+    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/resolve-uri@3.1.1':
+    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
+    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.1.2':
+    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/set-array@1.2.1':
+    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/source-map@0.3.5':
+    resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}
+
+  '@jridgewell/sourcemap-codec@1.4.15':
+    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+
+  '@jridgewell/trace-mapping@0.3.20':
+    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==}
+
+  '@jridgewell/trace-mapping@0.3.25':
+    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
+
+  '@manypkg/find-root@1.1.0':
+    resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
+
+  '@manypkg/get-packages@1.1.3':
+    resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
+
+  '@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'}
+
+  '@playwright/experimental-ct-core@1.42.1':
+    resolution: {integrity: sha512-wBS6pzgJwRuK0MwgiooamLW0prQLgT0RAhxooeMyqU97VbDI5aYuuynlxobJDDymU4HcOKARg2rG8h6jX7ShrA==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  '@playwright/experimental-ct-react@1.42.1':
+    resolution: {integrity: sha512-/dxu7nkGOlZIx9MUGQPM5kiIGksYIBaaJKQuNmaJNV29V3VGI1p9yQqrvl1jFK/Hu7SC1LmFB8RlkrOgMiZKYg==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  '@playwright/test@1.42.1':
+    resolution: {integrity: sha512-Gq9rmS54mjBL/7/MvBaNOBwbfnh7beHvS6oS4srqXFcQHpQCV1+c8JXWE8VLPyRDhgS3H8x8A7hztqI9VnwrAQ==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  '@polka/url@1.0.0-next.24':
+    resolution: {integrity: sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==}
+
+  '@reduxjs/toolkit@2.2.3':
+    resolution: {integrity: sha512-76dll9EnJXg4EVcI5YNxZA/9hSAmZsFqzMmNRHvIlzw2WS/twfcVX3ysYrWGJMClwEmChQFC4yRq74tn6fdzRA==}
+    peerDependencies:
+      react: ^16.9.0 || ^17.0.0 || ^18
+      react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-redux:
+        optional: true
+
+  '@remix-run/router@1.11.0':
+    resolution: {integrity: sha512-BHdhcWgeiudl91HvVa2wxqZjSHbheSgIiDvxrF1VjFzBzpTtuDPkOdOi3Iqvc08kXtFkLjhbS+ML9aM8mJS+wQ==}
+    engines: {node: '>=14.0.0'}
+
+  '@rollup/plugin-commonjs@25.0.0':
+    resolution: {integrity: sha512-hoho2Kay9TZrLu0bnDsTTCaj4Npa+THk9snajP/XDNb9a9mmjTjh52EQM9sKl3HD1LsnihX7js+eA2sd2uKAhw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.68.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-node-resolve@15.1.0':
+    resolution: {integrity: sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.78.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-replace@5.0.2':
+    resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-terser@0.4.3':
+    resolution: {integrity: sha512-EF0oejTMtkyhrkwCdg0HJ0IpkcaVg1MMSf2olHb2Jp+1mnLM04OhjpJWGma4HobiDTF0WCyViWuvadyE9ch2XA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.x || ^3.x
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-typescript@11.0.0':
+    resolution: {integrity: sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.14.0||^3.0.0
+      tslib: '*'
+      typescript: '>=3.7.0'
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+      tslib:
+        optional: true
+
+  '@rollup/pluginutils@5.0.5':
+    resolution: {integrity: sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/rollup-android-arm-eabi@4.12.1':
+    resolution: {integrity: sha512-iU2Sya8hNn1LhsYyf0N+L4Gf9Qc+9eBTJJJsaOGUp+7x4n2M9dxTt8UvhJl3oeftSjblSlpCfvjA/IfP3g5VjQ==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.12.1':
+    resolution: {integrity: sha512-wlzcWiH2Ir7rdMELxFE5vuM7D6TsOcJ2Yw0c3vaBR3VOsJFVTx9xvwnAvhgU5Ii8Gd6+I11qNHwndDscIm0HXg==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.12.1':
+    resolution: {integrity: sha512-YRXa1+aZIFN5BaImK+84B3uNK8C6+ynKLPgvn29X9s0LTVCByp54TB7tdSMHDR7GTV39bz1lOmlLDuedgTwwHg==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.12.1':
+    resolution: {integrity: sha512-opjWJ4MevxeA8FhlngQWPBOvVWYNPFkq6/25rGgG+KOy0r8clYwL1CFd+PGwRqqMFVQ4/Qd3sQu5t7ucP7C/Uw==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.12.1':
+    resolution: {integrity: sha512-uBkwaI+gBUlIe+EfbNnY5xNyXuhZbDSx2nzzW8tRMjUmpScd6lCQYKY2V9BATHtv5Ef2OBq6SChEP8h+/cxifQ==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-gnu@4.12.1':
+    resolution: {integrity: sha512-0bK9aG1kIg0Su7OcFTlexkVeNZ5IzEsnz1ept87a0TUgZ6HplSgkJAnFpEVRW7GRcikT4GlPV0pbtVedOaXHQQ==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-musl@4.12.1':
+    resolution: {integrity: sha512-qB6AFRXuP8bdkBI4D7UPUbE7OQf7u5OL+R94JE42Z2Qjmyj74FtDdLGeriRyBDhm4rQSvqAGCGC01b8Fu2LthQ==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.12.1':
+    resolution: {integrity: sha512-sHig3LaGlpNgDj5o8uPEoGs98RII8HpNIqFtAI8/pYABO8i0nb1QzT0JDoXF/pxzqO+FkxvwkHZo9k0NJYDedg==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-gnu@4.12.1':
+    resolution: {integrity: sha512-nD3YcUv6jBJbBNFvSbp0IV66+ba/1teuBcu+fBBPZ33sidxitc6ErhON3JNavaH8HlswhWMC3s5rgZpM4MtPqQ==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-musl@4.12.1':
+    resolution: {integrity: sha512-7/XVZqgBby2qp/cO0TQ8uJK+9xnSdJ9ct6gSDdEr4MfABrjTyrW6Bau7HQ73a2a5tPB7hno49A0y1jhWGDN9OQ==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-win32-arm64-msvc@4.12.1':
+    resolution: {integrity: sha512-CYc64bnICG42UPL7TrhIwsJW4QcKkIt9gGlj21gq3VV0LL6XNb1yAdHVp1pIi9gkts9gGcT3OfUYHjGP7ETAiw==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.12.1':
+    resolution: {integrity: sha512-LN+vnlZ9g0qlHGlS920GR4zFCqAwbv2lULrR29yGaWP9u7wF5L7GqWu9Ah6/kFZPXPUkpdZwd//TNR+9XC9hvA==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.12.1':
+    resolution: {integrity: sha512-n+vkrSyphvmU0qkQ6QBNXCGr2mKjhP08mPRM/Xp5Ck2FV4NrHU+y6axzDeixUrCBHVUS51TZhjqrKBBsHLKb2Q==}
+    cpu: [x64]
+    os: [win32]
+
+  '@sideway/address@4.1.4':
+    resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==}
+
+  '@sideway/formula@3.0.1':
+    resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==}
+
+  '@sideway/pinpoint@2.0.0':
+    resolution: {integrity: sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==}
+
+  '@sindresorhus/merge-streams@1.0.0':
+    resolution: {integrity: sha512-rUV5WyJrJLoloD4NDN1V1+LDMDWOa4OTsT4yYJwQNpTU6FWxkxHpL7eu4w+DmiH8x/EAM1otkPE1+LaspIbplw==}
+    engines: {node: '>=18'}
+
+  '@svelte-put/shortcut@3.1.0':
+    resolution: {integrity: sha512-EWMEDkZ0+O3yMhb9yrqe5UYisV9CNRKX6Pl/JW3x62t74CiN+3COu1L9NzZUG0omagc2Z3J14PZNYxs77IC9NA==}
+
+  '@sveltejs/adapter-auto@3.1.1':
+    resolution: {integrity: sha512-6LeZft2Fo/4HfmLBi5CucMYmgRxgcETweQl/yQoZo/895K3S9YWYN4Sfm/IhwlIpbJp3QNvhKmwCHbsqQNYQpw==}
+    peerDependencies:
+      '@sveltejs/kit': ^2.0.0
+
+  '@sveltejs/kit@2.5.2':
+    resolution: {integrity: sha512-1Pm2lsBYURQsjnLyZa+jw75eVD4gYHxGRwPyFe4DAmB3FjTVR8vRNWGeuDLGFcKMh/B1ij6FTUrc9GrerogCng==}
+    engines: {node: '>=18.13'}
+    hasBin: true
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.3
+
+  '@sveltejs/kit@2.5.4':
+    resolution: {integrity: sha512-eDxK2d4EGzk99QsZNoPXe7jlzA5EGqfcCpUwZ912bhnalsZ2ZsG5wGRthkydupVjYyqdmzEanVKFhLxU2vkPSQ==}
+    engines: {node: '>=18.13'}
+    hasBin: true
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.3
+
+  '@sveltejs/package@2.3.0':
+    resolution: {integrity: sha512-wmtwEfi3gQnmtotAjygRHR6cmLfpblQl1dU764f3N2I5DPe34llFs44bHOYcuk91Bp2sSq6bWUmNwxGlYCchOA==}
+    engines: {node: ^16.14 || >=18}
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.44.0 || ^4.0.0 || ^5.0.0-next.1
+
+  '@sveltejs/vite-plugin-svelte-inspector@1.0.4':
+    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^2.2.0
+      svelte: ^3.54.0 || ^4.0.0
+      vite: ^4.0.0
+
+  '@sveltejs/vite-plugin-svelte-inspector@2.0.0':
+    resolution: {integrity: sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==}
+    engines: {node: ^18.0.0 || >=20}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.0
+
+  '@sveltejs/vite-plugin-svelte@2.4.6':
+    resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==}
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0
+      vite: ^4.0.0
+
+  '@sveltejs/vite-plugin-svelte@3.0.2':
+    resolution: {integrity: sha512-MpmF/cju2HqUls50WyTHQBZUV3ovV/Uk8k66AN2gwHogNAG8wnW8xtZDhzNBsFJJuvmq1qnzA5kE7YfMJNFv2Q==}
+    engines: {node: ^18.0.0 || >=20}
+    peerDependencies:
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.0
+
+  '@swc/core-darwin-arm64@1.3.96':
+    resolution: {integrity: sha512-8hzgXYVd85hfPh6mJ9yrG26rhgzCmcLO0h1TIl8U31hwmTbfZLzRitFQ/kqMJNbIBCwmNH1RU2QcJnL3d7f69A==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@swc/core-darwin-x64@1.3.96':
+    resolution: {integrity: sha512-mFp9GFfuPg+43vlAdQZl0WZpZSE8sEzqL7sr/7Reul5McUHP0BaLsEzwjvD035ESfkY8GBZdLpMinblIbFNljQ==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@swc/core-linux-arm-gnueabihf@1.3.96':
+    resolution: {integrity: sha512-8UEKkYJP4c8YzYIY/LlbSo8z5Obj4hqcv/fUTHiEePiGsOddgGf7AWjh56u7IoN/0uEmEro59nc1ChFXqXSGyg==}
+    engines: {node: '>=10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@swc/core-linux-arm64-gnu@1.3.96':
+    resolution: {integrity: sha512-c/IiJ0s1y3Ymm2BTpyC/xr6gOvoqAVETrivVXHq68xgNms95luSpbYQ28rqaZC8bQC8M5zdXpSc0T8DJu8RJGw==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@swc/core-linux-arm64-musl@1.3.96':
+    resolution: {integrity: sha512-i5/UTUwmJLri7zhtF6SAo/4QDQJDH2fhYJaBIUhrICmIkRO/ltURmpejqxsM/ye9Jqv5zG7VszMC0v/GYn/7BQ==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@swc/core-linux-x64-gnu@1.3.96':
+    resolution: {integrity: sha512-USdaZu8lTIkm4Yf9cogct/j5eqtdZqTgcTib4I+NloUW0E/hySou3eSyp3V2UAA1qyuC72ld1otXuyKBna0YKQ==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@swc/core-linux-x64-musl@1.3.96':
+    resolution: {integrity: sha512-QYErutd+G2SNaCinUVobfL7jWWjGTI0QEoQ6hqTp7PxCJS/dmKmj3C5ZkvxRYcq7XcZt7ovrYCTwPTHzt6lZBg==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@swc/core-win32-arm64-msvc@1.3.96':
+    resolution: {integrity: sha512-hjGvvAduA3Un2cZ9iNP4xvTXOO4jL3G9iakhFsgVhpkU73SGmK7+LN8ZVBEu4oq2SUcHO6caWvnZ881cxGuSpg==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@swc/core-win32-ia32-msvc@1.3.96':
+    resolution: {integrity: sha512-Far2hVFiwr+7VPCM2GxSmbh3ikTpM3pDombE+d69hkedvYHYZxtTF+2LTKl/sXtpbUnsoq7yV/32c9R/xaaWfw==}
+    engines: {node: '>=10'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@swc/core-win32-x64-msvc@1.3.96':
+    resolution: {integrity: sha512-4VbSAniIu0ikLf5mBX81FsljnfqjoVGleEkCQv4+zRlyZtO3FHoDPkeLVoy6WRlj7tyrRcfUJ4mDdPkbfTO14g==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@swc/core@1.3.96':
+    resolution: {integrity: sha512-zwE3TLgoZwJfQygdv2SdCK9mRLYluwDOM53I+dT6Z5ZvrgVENmY3txvWDvduzkV+/8IuvrRbVezMpxcojadRdQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@swc/helpers': ^0.5.0
+    peerDependenciesMeta:
+      '@swc/helpers':
+        optional: true
+
+  '@swc/counter@0.1.2':
+    resolution: {integrity: sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==}
+
+  '@swc/types@0.1.5':
+    resolution: {integrity: sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==}
+
+  '@trysound/sax@0.2.0':
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
+    engines: {node: '>=10.13.0'}
+
+  '@types/babel__core@7.20.3':
+    resolution: {integrity: sha512-54fjTSeSHwfan8AyHWrKbfBWiEUrNTZsUwPTDSNaaP1QDQIZbeNUg3a59E9D+375MzUw/x1vx2/0F5LBz+AeYA==}
+
+  '@types/babel__core@7.20.4':
+    resolution: {integrity: sha512-mLnSC22IC4vcWiuObSRjrLd9XcBTGf59vUSoq2jkQDJ/QQ8PMI9rSuzE+aEV8karUMbskw07bKYoUJCKTUaygg==}
+
+  '@types/babel__core@7.20.5':
+    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
+
+  '@types/babel__generator@7.6.7':
+    resolution: {integrity: sha512-6Sfsq+EaaLrw4RmdFWE9Onp63TOUue71AWb4Gpa6JxzgTYtimbM086WnYTy2U67AofR++QKCo08ZP6pwx8YFHQ==}
+
+  '@types/babel__generator@7.6.8':
+    resolution: {integrity: sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==}
+
+  '@types/babel__template@7.4.4':
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
+
+  '@types/babel__traverse@7.20.4':
+    resolution: {integrity: sha512-mSM/iKUk5fDDrEV/e83qY+Cr3I1+Q3qqTuEn++HAWYjEa1+NxZr6CNrcJGf2ZTnq4HoFGC3zaTPZTobCzCFukA==}
+
+  '@types/babel__traverse@7.20.5':
+    resolution: {integrity: sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==}
+
+  '@types/cookie@0.6.0':
+    resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
+
+  '@types/d3-array@3.0.9':
+    resolution: {integrity: sha512-mZowFN3p64ajCJJ4riVYlOjNlBJv3hctgAY01pjw3qTnJePD8s9DZmYDzhHKvzfCYvdjwylkU38+Vdt7Cu2FDA==}
+
+  '@types/d3-axis@3.0.5':
+    resolution: {integrity: sha512-ufDAV3SQzju+uB3Jlty7SUb/jMigjpIlvDDcSGvGmmO6OT/sNO93UE0dRzwWOZeBLzrLSA0CQM4bf3iq1std3A==}
+
+  '@types/d3-brush@3.0.5':
+    resolution: {integrity: sha512-JROQXZNq1X6QdWstESDUv1VilwZ2hBCQnWB91yal+5yZvYwGQvYsGCjrkHGfKK/8/AcX1JnERmpQzdDDuLRUsA==}
+
+  '@types/d3-chord@3.0.5':
+    resolution: {integrity: sha512-rs26AIhJjtc+XLR4YQU8IjPTLOlDVO4PR1y+pVFYEHzKh2tE5tYz3MF4QV6iz7HboXQEaYpJQt8dH9uUkne8yA==}
+
+  '@types/d3-color@3.1.2':
+    resolution: {integrity: sha512-At+Ski7dL8Bs58E8g8vPcFJc8tGcaC12Z4m07+p41+DRqnZQcAlp3NfYjLrhNYv+zEyQitU1CUxXNjqUyf+c0g==}
+
+  '@types/d3-contour@3.0.5':
+    resolution: {integrity: sha512-wLvjwdOQVd1NL1IcW90CCt1VtpeZ3V20p/OTXlkT8uAiprrJnq2PNNnRNe1QCez4U9aMU29Z14zpJQVLW1+Lcg==}
+
+  '@types/d3-delaunay@6.0.3':
+    resolution: {integrity: sha512-+Lf5NPKZ4JBC9tbudVkKceQXRxU3jJs0el9aKQvinMtdnFSOG84eVXyhCNgIFuXNQO3iIcYs7sgzN359FEOZnQ==}
+
+  '@types/d3-dispatch@3.0.5':
+    resolution: {integrity: sha512-hxvq2kc+9hydVppo21JCGfcM0tLTh1DXnG3MLN0KlxsNZJH4bsdl1iXDuWtXFpWWlBrCMwSqlnoLPDxNAZU3Bg==}
+
+  '@types/d3-drag@3.0.1':
+    resolution: {integrity: sha512-o1Va7bLwwk6h03+nSM8dpaGEYnoIG19P0lKqlic8Un36ymh9NSkNFX1yiXMKNMx8rJ0Kfnn2eovuFaL6Jvj0zA==}
+
+  '@types/d3-dsv@3.0.5':
+    resolution: {integrity: sha512-73WZR3QFOaSRVz9iOrebTbTnbo7xjcgS/i0Cq5zy0jMXPO3v/JbkTD3Zqii1eYE6v4EJ78g5VP407rm+p8fdlA==}
+
+  '@types/d3-ease@3.0.1':
+    resolution: {integrity: sha512-VZofjpEt8HWv3nxUAosj5o/+4JflnJ7Bbv07k17VO3T2WRuzGdZeookfaF60iVh5RdhVG49LE5w6LIshVUC6rg==}
+
+  '@types/d3-fetch@3.0.5':
+    resolution: {integrity: sha512-Rc8pb6H0RRLpAV2hEXduykUgcDUOhjSLTLmCIeo6ejzgs4SaITh/EteMb3p5Env3Hqjsqw0fCksyqopHHzMkMg==}
+
+  '@types/d3-force@3.0.7':
+    resolution: {integrity: sha512-rsok4CEvPLyVWRPsFiBhanJc3up03H/EARVz4d8soPh8drv82YMuAckYy4yv8g4/81JwCng5U5/o9aj9d0T6bQ==}
+
+  '@types/d3-format@3.0.3':
+    resolution: {integrity: sha512-kxuLXSAEJykTeL/EI3tUiEfGqru7PRdqEy099YBnqFl+fF167UVSB4+wntlZv86ZdoYf0DHjsRHnTIm8kcH7qw==}
+
+  '@types/d3-geo@3.0.6':
+    resolution: {integrity: sha512-wblAES3b+C3hvp4VakwECEKtHquT/xc6K4HOna95LM1j1fd7s7WmU4V+JMQZfKhNCMkV2vWD+ZUgY2Uj6gqfuA==}
+
+  '@types/d3-hierarchy@3.1.5':
+    resolution: {integrity: sha512-DEcBUj1IL3WyPLDlh4m2nsNXnMLITXM5Vwcu4G85yJHtf2cVGPBjgky3L11WBnT+ayHKf06Tchk5mY1eGmd4WQ==}
+
+  '@types/d3-interpolate@3.0.3':
+    resolution: {integrity: sha512-6OZ2EIB4lLj+8cUY7I/Cgn9Q+hLdA4DjJHYOQDiHL0SzqS1K9DL5xIOVBSIHgF+tiuO9MU1D36qvdIvRDRPh+Q==}
+
+  '@types/d3-path@3.0.1':
+    resolution: {integrity: sha512-blRhp7ki7pVznM8k6lk5iUU9paDbVRVq+/xpf0RRgSJn5gr6SE7RcFtxooYGMBOc1RZiGyqRpVdu5AD0z0ooMA==}
+
+  '@types/d3-polygon@3.0.1':
+    resolution: {integrity: sha512-nrcWPk7B9qs6xnpq60Cls44zm9eDmFAv65qi/N/emh/oftnG6uYz49aIS0mdFaGeJxVN8H3pHneMuZMV8EwFdw==}
+
+  '@types/d3-quadtree@3.0.4':
+    resolution: {integrity: sha512-B725MopFDIOQ6njFbeOxIEf42HVO2Xv+FmcxQISdOKErvLbFqWz3Riu+OWujUYoogreqqyHBHcGGL/JzzXQYsw==}
+
+  '@types/d3-random@3.0.2':
+    resolution: {integrity: sha512-8QhsqkKs6mymAZMrg3ZFXPxKA34rdgp3ZrtB8o6mhFsKAd1gOvR1gocWnca+kmXypQdwgnzKm9gZE2Uw8NjjKw==}
+
+  '@types/d3-scale-chromatic@3.0.1':
+    resolution: {integrity: sha512-Ob7OrwiTeQXY/WBBbRHGZBOn6rH1h7y3jjpTSKYqDEeqFjktql6k2XSgNwLrLDmAsXhEn8P9NHDY4VTuo0ZY1w==}
+
+  '@types/d3-scale@4.0.6':
+    resolution: {integrity: sha512-lo3oMLSiqsQUovv8j15X4BNEDOsnHuGjeVg7GRbAuB2PUa1prK5BNSOu6xixgNf3nqxPl4I1BqJWrPvFGlQoGQ==}
+
+  '@types/d3-selection@3.0.3':
+    resolution: {integrity: sha512-Mw5cf6nlW1MlefpD9zrshZ+DAWL4IQ5LnWfRheW6xwsdaWOb6IRRu2H7XPAQcyXEx1D7XQWgdoKR83ui1/HlEA==}
+
+  '@types/d3-shape@3.1.4':
+    resolution: {integrity: sha512-M2/xsWPsjaZc5ifMKp1EBp0gqJG0eO/zlldJNOC85Y/5DGsBQ49gDkRJ2h5GY7ZVD6KUumvZWsylSbvTaJTqKg==}
+
+  '@types/d3-time-format@4.0.2':
+    resolution: {integrity: sha512-wr08C1Gh77qaN8JIkrn5Rz/bdt5M9bdEqFmEOcYhUSq2t2sHvLTBfb4XAtGB3D4hm0ubj50NXWWXoXyp5tPXDg==}
+
+  '@types/d3-time@3.0.2':
+    resolution: {integrity: sha512-kbdRXTmUgNfw5OTE3KZnFQn6XdIc4QGroN5UixgdrXATmYsdlPQS6pEut9tVlIojtzuFD4txs/L+Rq41AHtLpg==}
+
+  '@types/d3-timer@3.0.1':
+    resolution: {integrity: sha512-GGTvzKccVEhxmRfJEB6zhY9ieT4UhGVUIQaBzFpUO9OXy2ycAlnPCSJLzmGGgqt3KVjqN3QCQB4g1rsZnHsWhg==}
+
+  '@types/d3-transition@3.0.6':
+    resolution: {integrity: sha512-K0To23B5UxNwFtKORnS5JoNYvw/DnknU5MzhHIS9czJ/lTqFFDeU6w9lArOdoTl0cZFNdNrMJSFCbRCEHccH2w==}
+
+  '@types/d3-zoom@3.0.1':
+    resolution: {integrity: sha512-7s5L9TjfqIYQmQQEUcpMAcBOahem7TRoSO/+Gkz02GbMVuULiZzjF2BOdw291dbO2aNon4m2OdFsRGaCq2caLQ==}
+
+  '@types/d3@7.4.0':
+    resolution: {integrity: sha512-jIfNVK0ZlxcuRDKtRS/SypEyOQ6UHaFQBKv032X45VvxSJ6Yi5G9behy9h6tNTHTDGh5Vq+KbmBjUWLgY4meCA==}
+
+  '@types/dagre@0.7.52':
+    resolution: {integrity: sha512-XKJdy+OClLk3hketHi9Qg6gTfe1F3y+UFnHxKA2rn9Dw+oXa4Gb378Ztz9HlMgZKSxpPmn4BNVh9wgkpvrK1uw==}
+
+  '@types/debug@4.1.10':
+    resolution: {integrity: sha512-tOSCru6s732pofZ+sMv9o4o3Zc+Sa8l3bxd/tweTQudFn06vAzb13ZX46Zi6m6EJ+RUbRTHvgQJ1gBtSgkaUYA==}
+
+  '@types/estree@1.0.3':
+    resolution: {integrity: sha512-CS2rOaoQ/eAgAfcTfq6amKG7bsN+EMcgGY4FAFQdvSj2y1ixvOZTUA9mOtCai7E1SYu283XNw7urKK30nP3wkQ==}
+
+  '@types/estree@1.0.5':
+    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+
+  '@types/geojson@7946.0.12':
+    resolution: {integrity: sha512-uK2z1ZHJyC0nQRbuovXFt4mzXDwf27vQeUWNhfKGwRcWW429GOhP8HxUHlM6TLH4bzmlv/HlEjpvJh3JfmGsAA==}
+
+  '@types/hast@2.3.7':
+    resolution: {integrity: sha512-EVLigw5zInURhzfXUM65eixfadfsHKomGKUakToXo84t8gGIJuTcD2xooM2See7GyQ7DRtYjhCHnSUQez8JaLw==}
+
+  '@types/is-ci@3.0.3':
+    resolution: {integrity: sha512-FdHbjLiN2e8fk9QYQyVYZrK8svUDJpxSaSWLUga8EZS1RGAvvrqM9zbVARBtQuYPeLgnJxM2xloOswPwj1o2cQ==}
+
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/json5@0.0.30':
+    resolution: {integrity: sha512-sqm9g7mHlPY/43fcSNrCYfOeX9zkTTK+euO5E6+CVijSMm5tTjkVdwdqRkY3ljjIAf8679vps5jKUoJBCLsMDA==}
+
+  '@types/mdast@3.0.14':
+    resolution: {integrity: sha512-gVZ04PGgw1qLZKsnWnyFv4ORnaJ+DXLdHTVSFbU8yX6xZ34Bjg4Q32yPkmveUP1yItXReKfB0Aknlh/3zxTKAw==}
+
+  '@types/mdast@4.0.2':
+    resolution: {integrity: sha512-tYR83EignvhYO9iU3kDg8V28M0jqyh9zzp5GV+EO+AYnyUl3P5ltkTeJuTiFZQFz670FSb3EwT/6LQdX+UdKfw==}
+
+  '@types/minimist@1.2.4':
+    resolution: {integrity: sha512-Kfe/D3hxHTusnPNRbycJE1N77WHDsdS4AjUYIzlDzhDrS47NrwuL3YW4VITxwR7KCVpzwgy4Rbj829KSSQmwXQ==}
+
+  '@types/ms@0.7.33':
+    resolution: {integrity: sha512-AuHIyzR5Hea7ij0P9q7vx7xu4z0C28ucwjAZC0ja7JhINyCnOw8/DnvAPQQ9TfOlCtZAmCERKQX9+o1mgQhuOQ==}
+
+  '@types/nlcst@1.0.3':
+    resolution: {integrity: sha512-cpO6PPMz4E++zxP2Vhp/3KVl2Nbtj+Iksb25rlRinG7mphu2zmCIKWWlqdsx1NwJEISogR2eeZTD7JqLOCzaiw==}
+
+  '@types/node@12.20.55':
+    resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
+
+  '@types/node@18.7.16':
+    resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==}
+
+  '@types/node@20.11.24':
+    resolution: {integrity: sha512-Kza43ewS3xoLgCEpQrsT+xRo/EJej1y0kVYGiLFE1NEODXGzTfwiC6tXTLMQskn1X4/Rjlh0MQUvx9W+L9long==}
+
+  '@types/normalize-package-data@2.4.3':
+    resolution: {integrity: sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg==}
+
+  '@types/parse5@6.0.3':
+    resolution: {integrity: sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==}
+
+  '@types/prop-types@15.7.10':
+    resolution: {integrity: sha512-mxSnDQxPqsZxmeShFH+uwQ4kO4gcJcGahjjMFeLbKE95IAZiiZyiEepGZjtXJ7hN/yfu0bu9xN2ajcU0JcxX6A==}
+
+  '@types/prop-types@15.7.9':
+    resolution: {integrity: sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g==}
+
+  '@types/pug@2.0.10':
+    resolution: {integrity: sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==}
+
+  '@types/react-dom@18.2.14':
+    resolution: {integrity: sha512-V835xgdSVmyQmI1KLV2BEIUgqEuinxp9O4G6g3FqO/SqLac049E53aysv0oEFD2kHfejeKU+ZqL2bcFWj9gLAQ==}
+
+  '@types/react-dom@18.2.8':
+    resolution: {integrity: sha512-bAIvO5lN/U8sPGvs1Xm61rlRHHaq5rp5N3kp9C+NJ/Q41P8iqjkXSu0+/qu8POsjH9pNWb0OYabFez7taP7omw==}
+
+  '@types/react@18.2.24':
+    resolution: {integrity: sha512-Ee0Jt4sbJxMu1iDcetZEIKQr99J1Zfb6D4F3qfUWoR1JpInkY1Wdg4WwCyBjL257D0+jGqSl1twBjV8iCaC0Aw==}
+
+  '@types/react@18.2.31':
+    resolution: {integrity: sha512-c2UnPv548q+5DFh03y8lEDeMfDwBn9G3dRwfkrxQMo/dOtRHUUO57k6pHvBIfH/VF4Nh+98mZ5aaSe+2echD5g==}
+
+  '@types/react@18.2.36':
+    resolution: {integrity: sha512-o9XFsHYLLZ4+sb9CWUYwHqFVoG61SesydF353vFMMsQziiyRu8np4n2OYMUSDZ8XuImxDr9c5tR7gidlH29Vnw==}
+
+  '@types/resolve@1.20.2':
+    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
+
+  '@types/resolve@1.20.4':
+    resolution: {integrity: sha512-BKGK0T1VgB1zD+PwQR4RRf0ais3NyvH1qjLUrHI5SEiccYaJrhLstLuoXFWJ+2Op9whGizSPUMGPJY/Qtb/A2w==}
+
+  '@types/scheduler@0.16.5':
+    resolution: {integrity: sha512-s/FPdYRmZR8SjLWGMCuax7r3qCWQw9QKHzXVukAuuIJkXkDRwp+Pu5LMIVFi0Fxbav35WURicYr8u1QsoybnQw==}
+
+  '@types/semver@6.2.5':
+    resolution: {integrity: sha512-NAxro9/RqWXTqdSjccDZAjA4nXK+6zRun+HvibYJfGy8TQhpOC7Vv6v2rlHYKrT0Q8jGGoNRd/xVdHRIQRNlFQ==}
+
+  '@types/semver@7.5.6':
+    resolution: {integrity: sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==}
+
+  '@types/sinonjs__fake-timers@8.1.1':
+    resolution: {integrity: sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==}
+
+  '@types/sizzle@2.3.8':
+    resolution: {integrity: sha512-0vWLNK2D5MT9dg0iOo8GlKguPAU02QjmZitPEsXRuJXU/OGIOt9vT9Fc26wtYuavLxtO45v9PGleoL9Z0k1LHg==}
+
+  '@types/unist@2.0.9':
+    resolution: {integrity: sha512-zC0iXxAv1C1ERURduJueYzkzZ2zaGyc+P2c95hgkikHPr3z8EdUZOlgEQ5X0DRmwDZn+hekycQnoeiiRVrmilQ==}
+
+  '@types/unist@3.0.1':
+    resolution: {integrity: sha512-ue/hDUpPjC85m+PM9OQDMZr3LywT+CT6mPsQq8OJtCLiERkGRcQUFvu9XASF5XWqyZFXbf15lvb3JFJ4dRLWPg==}
+
+  '@types/use-sync-external-store@0.0.3':
+    resolution: {integrity: sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==}
+
+  '@types/yauzl@2.10.3':
+    resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
+
+  '@typescript-eslint/eslint-plugin@6.10.0':
+    resolution: {integrity: sha512-uoLj4g2OTL8rfUQVx2AFO1hp/zja1wABJq77P6IclQs6I/m9GLrm7jCdgzZkvWdDCQf1uEvoa8s8CupsgWQgVg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/eslint-plugin@6.8.0':
+    resolution: {integrity: sha512-GosF4238Tkes2SHPQ1i8f6rMtG6zlKwMEB0abqSJ3Npvos+doIlc/ATG+vX1G9coDF3Ex78zM3heXHLyWEwLUw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/eslint-plugin@7.2.0':
+    resolution: {integrity: sha512-mdekAHOqS9UjlmyF/LSs6AIEvfceV749GFxoBAjwAv0nkevfKHWQFDMcBZWUiIC5ft6ePWivXoS36aKQ0Cy3sw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^7.0.0
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/parser@6.10.0':
+    resolution: {integrity: sha512-+sZwIj+s+io9ozSxIWbNB5873OSdfeBEH/FR0re14WLI6BaKuSOnnwCJ2foUiu8uXf4dRp1UqHP0vrZ1zXGrog==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/parser@6.8.0':
+    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/parser@7.2.0':
+    resolution: {integrity: sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/scope-manager@6.10.0':
+    resolution: {integrity: sha512-TN/plV7dzqqC2iPNf1KrxozDgZs53Gfgg5ZHyw8erd6jd5Ta/JIEcdCheXFt9b1NYb93a1wmIIVW/2gLkombDg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/scope-manager@6.8.0':
+    resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/scope-manager@7.2.0':
+    resolution: {integrity: sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/type-utils@6.10.0':
+    resolution: {integrity: sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/type-utils@6.8.0':
+    resolution: {integrity: sha512-RYOJdlkTJIXW7GSldUIHqc/Hkto8E+fZN96dMIFhuTJcQwdRoGN2rEWA8U6oXbLo0qufH7NPElUb+MceHtz54g==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/type-utils@7.2.0':
+    resolution: {integrity: sha512-xHi51adBHo9O9330J8GQYQwrKBqbIPJGZZVQTHHmy200hvkLZFWJIFtAG/7IYTWUyun6DE6w5InDReePJYJlJA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/types@6.10.0':
+    resolution: {integrity: sha512-36Fq1PWh9dusgo3vH7qmQAj5/AZqARky1Wi6WpINxB6SkQdY5vQoT2/7rW7uBIsPDcvvGCLi4r10p0OJ7ITAeg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/types@6.8.0':
+    resolution: {integrity: sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/types@7.2.0':
+    resolution: {integrity: sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/typescript-estree@6.10.0':
+    resolution: {integrity: sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/typescript-estree@6.8.0':
+    resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/typescript-estree@7.2.0':
+    resolution: {integrity: sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/utils@6.10.0':
+    resolution: {integrity: sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+
+  '@typescript-eslint/utils@6.8.0':
+    resolution: {integrity: sha512-dKs1itdE2qFG4jr0dlYLQVppqTE+Itt7GmIf/vX6CSvsW+3ov8PbWauVKyyfNngokhIO9sKZeRGCUo1+N7U98Q==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+
+  '@typescript-eslint/utils@7.2.0':
+    resolution: {integrity: sha512-YfHpnMAGb1Eekpm3XRK8hcMwGLGsnT6L+7b2XyRv6ouDuJU1tZir1GS2i0+VXRatMwSI1/UfcyPe53ADkU+IuA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+
+  '@typescript-eslint/visitor-keys@6.10.0':
+    resolution: {integrity: sha512-xMGluxQIEtOM7bqFCo+rCMh5fqI+ZxV5RUUOa29iVPz1OgCZrtc7rFnz5cLUazlkPKYqX+75iuDq7m0HQ48nCg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/visitor-keys@6.8.0':
+    resolution: {integrity: sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/visitor-keys@7.2.0':
+    resolution: {integrity: sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@ungap/structured-clone@1.2.0':
+    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
+
+  '@vitejs/plugin-react-swc@3.4.1':
+    resolution: {integrity: sha512-7YQOQcVV5x1luD8nkbCDdyYygFvn1hjqJk68UvNAzY2QG4o4N5EwAhLLFNOcd1HrdMwDl0VElP8VutoWf9IvJg==}
+    peerDependencies:
+      vite: ^4
+
+  '@vitejs/plugin-react@4.1.1':
+    resolution: {integrity: sha512-Jie2HERK+uh27e+ORXXwEP5h0Y2lS9T2PRGbfebiHGlwzDO0dEnd2aNtOR/qjBlPb1YgxwAONeblL1xqLikLag==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.2.0
+
+  '@vitejs/plugin-react@4.2.1':
+    resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.2.0 || ^5.0.0
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.10.0:
+    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  acorn@8.11.2:
+    resolution: {integrity: sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  acorn@8.11.3:
+    resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  aggregate-error@3.1.0:
+    resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
+    engines: {node: '>=8'}
+
+  ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+
+  ansi-align@3.0.1:
+    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
+
+  ansi-colors@4.1.3:
+    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
+    engines: {node: '>=6'}
+
+  ansi-escapes@4.3.2:
+    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.0.1:
+    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
+    engines: {node: '>=12'}
+
+  ansi-sequence-parser@1.1.1:
+    resolution: {integrity: sha512-vJXt3yiaUL4UU546s3rPXlsry/RnM730G1+HkpKE012AN0sx1eOrxSu95oKDIonskeLTijMgqWZ3uDEe3NFvyg==}
+
+  ansi-styles@3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
+    engines: {node: '>=4'}
+
+  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'}
+
+  anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+
+  arch@2.2.0:
+    resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==}
+
+  arg@5.0.2:
+    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
+
+  argparse@1.0.10:
+    resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  aria-query@5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+
+  array-buffer-byte-length@1.0.0:
+    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
+
+  array-includes@3.1.7:
+    resolution: {integrity: sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==}
+    engines: {node: '>= 0.4'}
+
+  array-iterate@2.0.1:
+    resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==}
+
+  array-union@2.1.0:
+    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
+    engines: {node: '>=8'}
+
+  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.2:
+    resolution: {integrity: sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==}
+
+  arraybuffer.prototype.slice@1.0.2:
+    resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==}
+    engines: {node: '>= 0.4'}
+
+  arrify@1.0.1:
+    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
+    engines: {node: '>=0.10.0'}
+
+  asn1@0.2.6:
+    resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==}
+
+  assert-plus@1.0.0:
+    resolution: {integrity: sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==}
+    engines: {node: '>=0.8'}
+
+  astral-regex@2.0.0:
+    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
+    engines: {node: '>=8'}
+
+  astro@3.2.2:
+    resolution: {integrity: sha512-vLOOGyD2g1HRkCQAFHmHUrVAbMI5sgUqKignBMtXNantgEq1P17sL2cvH0Yy2ibNN9DHZ/4TknXmwHAig8PJNg==}
+    engines: {node: '>=18.14.1', npm: '>=6.14.0'}
+    hasBin: true
+
+  async@3.2.5:
+    resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==}
+
+  asynciterator.prototype@1.0.0:
+    resolution: {integrity: sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==}
+
+  asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+
+  at-least-node@1.0.0:
+    resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
+    engines: {node: '>= 4.0.0'}
+
+  autoprefixer@10.4.15:
+    resolution: {integrity: sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+
+  autoprefixer@10.4.18:
+    resolution: {integrity: sha512-1DKbDfsr6KUElM6wg+0zRNkB/Q7WcKYAaK+pzXn+Xqmszm/5Xa9coeNdtP88Vi+dPzZnMjhge8GIV49ZQkDa+g==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+
+  available-typed-arrays@1.0.5:
+    resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
+    engines: {node: '>= 0.4'}
+
+  aws-sign2@0.7.0:
+    resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==}
+
+  aws4@1.12.0:
+    resolution: {integrity: sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==}
+
+  axios@0.27.2:
+    resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==}
+
+  axobject-query@3.2.1:
+    resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
+
+  axobject-query@4.0.0:
+    resolution: {integrity: sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==}
+
+  b4a@1.6.4:
+    resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==}
+
+  bail@2.0.2:
+    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  base64-js@1.5.1:
+    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
+
+  bcrypt-pbkdf@1.0.2:
+    resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==}
+
+  better-path-resolve@1.0.0:
+    resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==}
+    engines: {node: '>=4'}
+
+  binary-extensions@2.2.0:
+    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
+    engines: {node: '>=8'}
+
+  bl@4.1.0:
+    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
+
+  bl@5.1.0:
+    resolution: {integrity: sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==}
+
+  blob-util@2.0.2:
+    resolution: {integrity: sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==}
+
+  bluebird@3.7.2:
+    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
+
+  boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
+  boxen@7.1.1:
+    resolution: {integrity: sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==}
+    engines: {node: '>=14.16'}
+
+  brace-expansion@1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+
+  brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+
+  braces@3.0.2:
+    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
+    engines: {node: '>=8'}
+
+  breakword@1.0.6:
+    resolution: {integrity: sha512-yjxDAYyK/pBvws9H4xKYpLDpYKEH6CzrBPAuXq3x18I+c/2MkVtT3qAr7Oloi6Dss9qNhPVueAAVU1CSeNDIXw==}
+
+  browserslist@4.22.1:
+    resolution: {integrity: sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  browserslist@4.23.0:
+    resolution: {integrity: sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  buffer-crc32@0.2.13:
+    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
+
+  buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+
+  buffer@5.7.1:
+    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
+
+  buffer@6.0.3:
+    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
+
+  builtin-modules@3.3.0:
+    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
+    engines: {node: '>=6'}
+
+  cachedir@2.4.0:
+    resolution: {integrity: sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==}
+    engines: {node: '>=6'}
+
+  call-bind@1.0.5:
+    resolution: {integrity: sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==}
+
+  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-keys@6.2.2:
+    resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
+    engines: {node: '>=8'}
+
+  camelcase@5.3.1:
+    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
+    engines: {node: '>=6'}
+
+  camelcase@7.0.1:
+    resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
+    engines: {node: '>=14.16'}
+
+  caniuse-api@3.0.0:
+    resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
+
+  caniuse-lite@1.0.30001553:
+    resolution: {integrity: sha512-N0ttd6TrFfuqKNi+pMgWJTb9qrdJu4JSpgPFLe/lrD19ugC6fZgF0pUewRowDwzdDnb9V41mFcdlYgl/PyKf4A==}
+
+  caniuse-lite@1.0.30001594:
+    resolution: {integrity: sha512-VblSX6nYqyJVs8DKFMldE2IVCJjZ225LW00ydtUWwh5hk9IfkTOffO6r8gJNsH0qqqeAF8KrbMYA2VEwTlGW5g==}
+
+  caseless@0.12.0:
+    resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
+
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
+  chalk@2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
+    engines: {node: '>=4'}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  chalk@5.3.0:
+    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
+  character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+
+  character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+
+  character-entities@2.0.2:
+    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
+
+  chardet@0.7.0:
+    resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
+
+  check-more-types@2.24.0:
+    resolution: {integrity: sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==}
+    engines: {node: '>= 0.8.0'}
+
+  chokidar@3.5.3:
+    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
+    engines: {node: '>= 8.10.0'}
+
+  chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+
+  chownr@1.1.4:
+    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
+
+  ci-info@3.9.0:
+    resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
+    engines: {node: '>=8'}
+
+  classcat@5.0.4:
+    resolution: {integrity: sha512-sbpkOw6z413p+HDGcBENe498WM9woqWHiJxCq7nvmxe9WmrUmqfAcxpIwAiMtM5Q3AhYkzXcNQHqsWq0mND51g==}
+
+  clean-stack@2.2.0:
+    resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
+    engines: {node: '>=6'}
+
+  cli-boxes@3.0.0:
+    resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
+    engines: {node: '>=10'}
+
+  cli-cursor@3.1.0:
+    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
+    engines: {node: '>=8'}
+
+  cli-cursor@4.0.0:
+    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  cli-spinners@2.9.1:
+    resolution: {integrity: sha512-jHgecW0pxkonBJdrKsqxgRX9AcG+u/5k0Q7WPDfi8AogLAdwxEkyYYNWwZ5GvVFoFx2uiY1eNcSK00fh+1+FyQ==}
+    engines: {node: '>=6'}
+
+  cli-table3@0.6.3:
+    resolution: {integrity: sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==}
+    engines: {node: 10.* || >= 12.*}
+
+  cli-truncate@2.1.0:
+    resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==}
+    engines: {node: '>=8'}
+
+  cliui@6.0.0:
+    resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
+
+  cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+
+  clone@1.0.4:
+    resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
+    engines: {node: '>=0.8'}
+
+  clsx@2.0.0:
+    resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==}
+    engines: {node: '>=6'}
+
+  code-red@1.0.4:
+    resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
+
+  color-convert@1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  color-string@1.9.1:
+    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
+
+  color@4.2.3:
+    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
+    engines: {node: '>=12.5.0'}
+
+  colord@2.9.3:
+    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
+
+  colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
+
+  combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+
+  comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+
+  commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+
+  commander@6.2.1:
+    resolution: {integrity: sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==}
+    engines: {node: '>= 6'}
+
+  commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+
+  common-ancestor-path@1.0.1:
+    resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==}
+
+  common-tags@1.8.2:
+    resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
+    engines: {node: '>=4.0.0'}
+
+  commondir@1.0.1:
+    resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
+
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
+  concurrently@7.6.0:
+    resolution: {integrity: sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==}
+    engines: {node: ^12.20.0 || ^14.13.0 || >=16.0.0}
+    hasBin: true
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  cookie@0.5.0:
+    resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
+    engines: {node: '>= 0.6'}
+
+  cookie@0.6.0:
+    resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
+    engines: {node: '>= 0.6'}
+
+  core-util-is@1.0.2:
+    resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}
+
+  cross-spawn@5.1.0:
+    resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==}
+
+  cross-spawn@7.0.3:
+    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+    engines: {node: '>= 8'}
+
+  css-declaration-sorter@6.4.1:
+    resolution: {integrity: sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==}
+    engines: {node: ^10 || ^12 || >=14}
+    peerDependencies:
+      postcss: ^8.0.9
+
+  css-declaration-sorter@7.1.1:
+    resolution: {integrity: sha512-dZ3bVTEEc1vxr3Bek9vGwfB5Z6ESPULhcRvO472mfjVnj8jRcTnKO8/JTczlvxM10Myb+wBM++1MtdO76eWcaQ==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      postcss: ^8.0.9
+
+  css-select@5.1.0:
+    resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
+
+  css-tree@2.2.1:
+    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
+  css-what@6.1.0:
+    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
+    engines: {node: '>= 6'}
+
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  cssnano-preset-default@6.0.1:
+    resolution: {integrity: sha512-7VzyFZ5zEB1+l1nToKyrRkuaJIx0zi/1npjvZfbBwbtNTzhLtlvYraK/7/uqmX2Wb2aQtd983uuGw79jAjLSuQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  cssnano-preset-default@6.1.0:
+    resolution: {integrity: sha512-4DUXZoDj+PI3fRl3MqMjl9DwLGjcsFP4qt+92nLUcN1RGfw2TY+GwNoG2B38Usu1BrcTs8j9pxNfSusmvtSjfg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  cssnano-utils@4.0.0:
+    resolution: {integrity: sha512-Z39TLP+1E0KUcd7LGyF4qMfu8ZufI0rDzhdyAMsa/8UyNUU8wpS0fhdBxbQbv32r64ea00h4878gommRVg2BHw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  cssnano-utils@4.0.2:
+    resolution: {integrity: sha512-ZR1jHg+wZ8o4c3zqf1SIUSTIvm/9mU343FMR6Obe/unskbvpGhZOo1J6d/r8D1pzkRQYuwbcH3hToOuoA2G7oQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  cssnano@6.0.1:
+    resolution: {integrity: sha512-fVO1JdJ0LSdIGJq68eIxOqFpIJrZqXUsBt8fkrBcztCQqAjQD51OhZp7tc0ImcbwXD4k7ny84QTV90nZhmqbkg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  cssnano@6.1.0:
+    resolution: {integrity: sha512-e2v4w/t3OFM6HTuSweI4RSdABaqgVgHlJp5FZrQsopHnKKHLFIvK2D3C4kHWeFIycN/1L1J5VIrg5KlDzn3r/g==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  csso@5.0.5:
+    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  csstype@3.1.2:
+    resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
+
+  csv-generate@3.4.3:
+    resolution: {integrity: sha512-w/T+rqR0vwvHqWs/1ZyMDWtHHSJaN06klRqJXBEpDJaM/+dZkso0OKh1VcuuYvK3XM53KysVNq8Ko/epCK8wOw==}
+
+  csv-parse@4.16.3:
+    resolution: {integrity: sha512-cO1I/zmz4w2dcKHVvpCr7JVRu8/FymG5OEpmvsZYlccYolPBLoVGKUHgNoc4ZGkFeFlWGEDmMyBM+TTqRdW/wg==}
+
+  csv-stringify@5.6.5:
+    resolution: {integrity: sha512-PjiQ659aQ+fUTQqSrd1XEDnOr52jh30RBurfzkscaE2tPaFsDH5wOAHJiw8XAHphRknCwMUE9KRayc4K/NbO8A==}
+
+  csv@5.5.3:
+    resolution: {integrity: sha512-QTaY0XjjhTQOdguARF0lGKm5/mEq9PD9/VhZZegHDIBq2tQwgNpHc3dneD4mGo2iJs+fTKv5Bp0fZ+BRuY3Z0g==}
+    engines: {node: '>= 0.1.90'}
+
+  cypress-real-events@1.12.0:
+    resolution: {integrity: sha512-oiy+4kGKkzc2PT36k3GGQqkGxNiVypheWjMtfyi89iIk6bYmTzeqxapaLHS3pnhZOX1IEbTDUVxh8T4Nhs1tyQ==}
+    peerDependencies:
+      cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x || ^13.x
+
+  cypress@13.6.6:
+    resolution: {integrity: sha512-S+2S9S94611hXimH9a3EAYt81QM913ZVA03pUmGDfLTFa5gyp85NJ8dJGSlEAEmyRsYkioS1TtnWtbv/Fzt11A==}
+    engines: {node: ^16.0.0 || ^18.0.0 || >=20.0.0}
+    hasBin: true
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-dispatch@3.0.1:
+    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
+    engines: {node: '>=12'}
+
+  d3-drag@3.0.0:
+    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==}
+    engines: {node: '>=12'}
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-selection@3.0.0:
+    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
+  d3-transition@3.0.1:
+    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      d3-selection: 2 - 3
+
+  d3-zoom@3.0.0:
+    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
+    engines: {node: '>=12'}
+
+  dagre@0.8.5:
+    resolution: {integrity: sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==}
+
+  dashdash@1.14.1:
+    resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
+    engines: {node: '>=0.10'}
+
+  dataloader@1.4.0:
+    resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
+
+  date-fns@2.30.0:
+    resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==}
+    engines: {node: '>=0.11'}
+
+  dayjs@1.11.10:
+    resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==}
+
+  debug@2.6.9:
+    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  debug@3.2.7:
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  debug@4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  decamelize-keys@1.1.1:
+    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
+    engines: {node: '>=0.10.0'}
+
+  decamelize@1.2.0:
+    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
+    engines: {node: '>=0.10.0'}
+
+  decode-named-character-reference@1.0.2:
+    resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==}
+
+  decompress-response@6.0.0:
+    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
+    engines: {node: '>=10'}
+
+  dedent-js@1.0.1:
+    resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==}
+
+  deep-extend@0.6.0:
+    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
+    engines: {node: '>=4.0.0'}
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+
+  defaults@1.0.4:
+    resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
+
+  define-data-property@1.1.1:
+    resolution: {integrity: sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==}
+    engines: {node: '>= 0.4'}
+
+  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'}
+
+  delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+
+  dependency-graph@0.11.0:
+    resolution: {integrity: sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==}
+    engines: {node: '>= 0.6.0'}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  detect-indent@6.1.0:
+    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
+    engines: {node: '>=8'}
+
+  detect-libc@2.0.2:
+    resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==}
+    engines: {node: '>=8'}
+
+  devalue@4.3.2:
+    resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==}
+
+  diff@5.1.0:
+    resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==}
+    engines: {node: '>=0.3.1'}
+
+  dir-glob@3.0.1:
+    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
+    engines: {node: '>=8'}
+
+  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'}
+
+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  domutils@3.1.0:
+    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
+
+  dotenv@16.0.3:
+    resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
+    engines: {node: '>=12'}
+
+  dotenv@16.4.5:
+    resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
+    engines: {node: '>=12'}
+
+  dotenv@8.6.0:
+    resolution: {integrity: sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==}
+    engines: {node: '>=10'}
+
+  dset@3.1.2:
+    resolution: {integrity: sha512-g/M9sqy3oHe477Ar4voQxWtaPIFw1jTdKZuomOjhCcBx9nHUNn0pu6NopuFFrTh/TRZIKEj+76vLWFu9BNKk+Q==}
+    engines: {node: '>=4'}
+
+  duplexer@0.1.2:
+    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
+
+  eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+
+  ecc-jsbn@0.1.2:
+    resolution: {integrity: sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==}
+
+  electron-to-chromium@1.4.563:
+    resolution: {integrity: sha512-dg5gj5qOgfZNkPNeyKBZQAQitIQ/xwfIDmEQJHCbXaD9ebTZxwJXUsDYcBlAvZGZLi+/354l35J1wkmP6CqYaw==}
+
+  electron-to-chromium@1.4.693:
+    resolution: {integrity: sha512-/if4Ueg0GUQlhCrW2ZlXwDAm40ipuKo+OgeHInlL8sbjt+hzISxZK949fZeJaVsheamrzANXvw1zQTvbxTvSHw==}
+
+  emoji-regex@10.3.0:
+    resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+
+  end-of-stream@1.4.4:
+    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
+
+  enquirer@2.4.1:
+    resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
+    engines: {node: '>=8.6'}
+
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  error-ex@1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+
+  es-abstract@1.22.3:
+    resolution: {integrity: sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==}
+    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.0.15:
+    resolution: {integrity: sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==}
+
+  es-module-lexer@1.3.1:
+    resolution: {integrity: sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q==}
+
+  es-set-tostringtag@2.0.2:
+    resolution: {integrity: sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==}
+    engines: {node: '>= 0.4'}
+
+  es-shim-unscopables@1.0.2:
+    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
+
+  es-to-primitive@1.2.1:
+    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
+    engines: {node: '>= 0.4'}
+
+  es6-promise@3.3.1:
+    resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
+
+  esbuild@0.18.20:
+    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  esbuild@0.19.12:
+    resolution: {integrity: sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  esbuild@0.19.5:
+    resolution: {integrity: sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  escalade@3.1.1:
+    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
+    engines: {node: '>=6'}
+
+  escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
+  eslint-compat-utils@0.1.2:
+    resolution: {integrity: sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: '>=6.0.0'
+
+  eslint-config-prettier@8.8.0:
+    resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+
+  eslint-config-prettier@9.0.0:
+    resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+
+  eslint-config-prettier@9.1.0:
+    resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+
+  eslint-config-turbo@1.10.15:
+    resolution: {integrity: sha512-76mpx2x818JZE26euen14utYcFDxOahZ9NaWA+6Xa4pY2ezVKVschuOxS96EQz3o3ZRSmcgBOapw/gHbN+EKxQ==}
+    peerDependencies:
+      eslint: '>6.6.0'
+
+  eslint-plugin-prettier@4.2.1:
+    resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      eslint: '>=7.28.0'
+      eslint-config-prettier: '*'
+      prettier: '>=2.0.0'
+    peerDependenciesMeta:
+      eslint-config-prettier:
+        optional: true
+
+  eslint-plugin-react@7.33.2:
+    resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+
+  eslint-plugin-svelte@2.35.0:
+    resolution: {integrity: sha512-3WDFxNrkXaMlpqoNo3M1ZOQuoFLMO9+bdnN6oVVXaydXC7nzCJuGy9a0zqoNDHMSRPYt0Rqo6hIdHMEaI5sQnw==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0-0
+      svelte: ^3.37.0 || ^4.0.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+
+  eslint-plugin-svelte@2.35.1:
+    resolution: {integrity: sha512-IF8TpLnROSGy98Z3NrsKXWDSCbNY2ReHDcrYTuXZMbfX7VmESISR78TWgO9zdg4Dht1X8coub5jKwHzP0ExRug==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0-0
+      svelte: ^3.37.0 || ^4.0.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+
+  eslint-plugin-turbo@1.10.15:
+    resolution: {integrity: sha512-Tv4QSKV/U56qGcTqS/UgOvb9HcKFmWOQcVh3HEaj7of94lfaENgfrtK48E2CckQf7amhKs1i+imhCsNCKjkQyA==}
+    peerDependencies:
+      eslint: '>6.6.0'
+
+  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@8.43.0:
+    resolution: {integrity: sha512-aaCpf2JqqKesMFGgmRPessmVKjcGXqdlAYLLC3THM8t5nBRZRQ+st5WM/hoJXkdioEXLLbXgclUpM0TXo5HX5Q==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+
+  eslint@8.53.0:
+    resolution: {integrity: sha512-N4VuiPjXDUa4xVeV/GC/RV3hQW9Nw+Y463lkWaKKXKYMvmRiRDAtfpuPFLN+E1/6ZhyR8J2ig+eVREnYgUsiag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+
+  eslint@8.57.0:
+    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+
+  esm-env@1.0.0:
+    resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
+
+  espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  esprima@4.0.1:
+    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  esquery@1.5.0:
+    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
+    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'}
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  event-stream@3.3.4:
+    resolution: {integrity: sha512-QHpkERcGsR0T7Qm3HNJSyXKEEj8AHNxkY3PK8TS2KJvQ7NiSHe3DDpwVKKtoYprL/AreyzFBeIkBIWChAqn60g==}
+
+  eventemitter2@6.4.7:
+    resolution: {integrity: sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==}
+
+  execa@4.1.0:
+    resolution: {integrity: sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==}
+    engines: {node: '>=10'}
+
+  execa@5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
+
+  execa@8.0.1:
+    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
+    engines: {node: '>=16.17'}
+
+  executable@4.1.1:
+    resolution: {integrity: sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==}
+    engines: {node: '>=4'}
+
+  expand-template@2.0.3:
+    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
+    engines: {node: '>=6'}
+
+  extend-shallow@2.0.1:
+    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
+    engines: {node: '>=0.10.0'}
+
+  extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+
+  extendable-error@0.1.7:
+    resolution: {integrity: sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg==}
+
+  external-editor@3.1.0:
+    resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
+    engines: {node: '>=4'}
+
+  extract-zip@2.0.1:
+    resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==}
+    engines: {node: '>= 10.17.0'}
+    hasBin: true
+
+  extsprintf@1.3.0:
+    resolution: {integrity: sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==}
+    engines: {'0': node >=0.6.0}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-diff@1.3.0:
+    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
+
+  fast-fifo@1.3.2:
+    resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==}
+
+  fast-glob@3.3.1:
+    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
+    engines: {node: '>=8.6.0'}
+
+  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.15.0:
+    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
+
+  fd-slicer@1.1.0:
+    resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==}
+
+  figures@3.2.0:
+    resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
+    engines: {node: '>=8'}
+
+  file-entry-cache@6.0.1:
+    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+
+  fill-range@7.0.1:
+    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
+    engines: {node: '>=8'}
+
+  find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  find-yarn-workspace-root2@1.2.16:
+    resolution: {integrity: sha512-hr6hb1w8ePMpPVUK39S4RlwJzi+xPLuVuG8XlwXU3KD5Yn3qgBWVfy3AzNlDhWvE1EORCE65/Qm26rFQt3VLVA==}
+
+  flat-cache@3.1.1:
+    resolution: {integrity: sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==}
+    engines: {node: '>=12.0.0'}
+
+  flatted@3.2.9:
+    resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
+
+  follow-redirects@1.15.3:
+    resolution: {integrity: sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+
+  for-each@0.3.3:
+    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+
+  forever-agent@0.6.1:
+    resolution: {integrity: sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==}
+
+  form-data@2.3.3:
+    resolution: {integrity: sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==}
+    engines: {node: '>= 0.12'}
+
+  form-data@4.0.0:
+    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
+    engines: {node: '>= 6'}
+
+  fraction.js@4.3.7:
+    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
+
+  from@0.1.7:
+    resolution: {integrity: sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g==}
+
+  fs-constants@1.0.0:
+    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
+
+  fs-extra@11.2.0:
+    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
+    engines: {node: '>=14.14'}
+
+  fs-extra@7.0.1:
+    resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
+    engines: {node: '>=6 <7 || >=8'}
+
+  fs-extra@8.1.0:
+    resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
+    engines: {node: '>=6 <7 || >=8'}
+
+  fs-extra@9.1.0:
+    resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
+    engines: {node: '>=10'}
+
+  fs.realpath@1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  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==}
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
+  get-intrinsic@1.2.2:
+    resolution: {integrity: sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==}
+
+  get-intrinsic@1.2.4:
+    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
+    engines: {node: '>= 0.4'}
+
+  get-stdin@9.0.0:
+    resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==}
+    engines: {node: '>=12'}
+
+  get-stream@5.2.0:
+    resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
+    engines: {node: '>=8'}
+
+  get-stream@6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+
+  get-stream@8.0.1:
+    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
+    engines: {node: '>=16'}
+
+  get-symbol-description@1.0.0:
+    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
+    engines: {node: '>= 0.4'}
+
+  getos@3.2.1:
+    resolution: {integrity: sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==}
+
+  getpass@0.1.7:
+    resolution: {integrity: sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==}
+
+  github-from-package@0.0.0:
+    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
+
+  github-slugger@2.0.0:
+    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
+
+  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@7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+
+  glob@8.1.0:
+    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
+    engines: {node: '>=12'}
+
+  global-dirs@3.0.1:
+    resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==}
+    engines: {node: '>=10'}
+
+  globals@11.12.0:
+    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
+    engines: {node: '>=4'}
+
+  globals@13.23.0:
+    resolution: {integrity: sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==}
+    engines: {node: '>=8'}
+
+  globalthis@1.0.3:
+    resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
+    engines: {node: '>= 0.4'}
+
+  globalyzer@0.1.0:
+    resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
+
+  globby@11.1.0:
+    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
+    engines: {node: '>=10'}
+
+  globby@14.0.0:
+    resolution: {integrity: sha512-/1WM/LNHRAOH9lZta77uGbq0dAEQM+XjNesWwhlERDVenqothRbnzTrL3/LrIoEPPjeUHC3vrS6TwoyxeHs7MQ==}
+    engines: {node: '>=18'}
+
+  globrex@0.1.2:
+    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
+
+  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==}
+
+  grapheme-splitter@1.0.4:
+    resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
+
+  graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+
+  graphlib@2.1.8:
+    resolution: {integrity: sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==}
+
+  gray-matter@4.0.3:
+    resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==}
+    engines: {node: '>=6.0'}
+
+  hard-rejection@2.1.0:
+    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
+    engines: {node: '>=6'}
+
+  has-bigints@1.0.2:
+    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+
+  has-flag@3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  has-property-descriptors@1.0.1:
+    resolution: {integrity: sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==}
+
+  has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+
+  has-proto@1.0.1:
+    resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
+    engines: {node: '>= 0.4'}
+
+  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.0:
+    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
+    engines: {node: '>= 0.4'}
+
+  hasown@2.0.0:
+    resolution: {integrity: sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==}
+    engines: {node: '>= 0.4'}
+
+  hasown@2.0.1:
+    resolution: {integrity: sha512-1/th4MHjnwncwXsIW6QMzlvYL9kG5e/CpVvLRZe4XPa8TOUNbCELqmvhDmnkNsAjwaG4+I8gJJL0JBvTTLO9qA==}
+    engines: {node: '>= 0.4'}
+
+  hast-util-from-parse5@7.1.2:
+    resolution: {integrity: sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==}
+
+  hast-util-parse-selector@3.1.1:
+    resolution: {integrity: sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==}
+
+  hast-util-raw@7.2.3:
+    resolution: {integrity: sha512-RujVQfVsOrxzPOPSzZFiwofMArbQke6DJjnFfceiEbFh7S05CbPt0cYN+A5YeD3pso0JQk6O1aHBnx9+Pm2uqg==}
+
+  hast-util-to-html@8.0.4:
+    resolution: {integrity: sha512-4tpQTUOr9BMjtYyNlt0P50mH7xj0Ks2xpo8M943Vykljf99HW6EzulIoJP1N3eKOSScEHzyzi9dm7/cn0RfGwA==}
+
+  hast-util-to-parse5@7.1.0:
+    resolution: {integrity: sha512-YNRgAJkH2Jky5ySkIqFXTQiaqcAtJyVE+D5lkN6CdtOqrnkLfGYYrEcKuHOJZlp+MwjSwuD3fZuawI+sic/RBw==}
+
+  hast-util-whitespace@2.0.1:
+    resolution: {integrity: sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==}
+
+  hastscript@7.2.0:
+    resolution: {integrity: sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==}
+
+  hosted-git-info@2.8.9:
+    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
+
+  html-escaper@3.0.3:
+    resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
+
+  html-void-elements@2.0.1:
+    resolution: {integrity: sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==}
+
+  http-cache-semantics@4.1.1:
+    resolution: {integrity: sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==}
+
+  http-signature@1.3.6:
+    resolution: {integrity: sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==}
+    engines: {node: '>=0.10'}
+
+  human-id@1.0.2:
+    resolution: {integrity: sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw==}
+
+  human-signals@1.1.1:
+    resolution: {integrity: sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==}
+    engines: {node: '>=8.12.0'}
+
+  human-signals@2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+
+  human-signals@5.0.0:
+    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
+    engines: {node: '>=16.17.0'}
+
+  iconv-lite@0.4.24:
+    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
+    engines: {node: '>=0.10.0'}
+
+  ieee754@1.2.1:
+    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
+
+  ignore@5.2.4:
+    resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
+    engines: {node: '>= 4'}
+
+  ignore@5.3.0:
+    resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==}
+    engines: {node: '>= 4'}
+
+  immediate@3.0.6:
+    resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
+
+  immer@10.0.4:
+    resolution: {integrity: sha512-cuBuGK40P/sk5IzWa9QPUaAdvPHjkk1c+xYsd9oZw+YQQEV+10G0P5uMpGctZZKnyQ+ibRO08bD25nWLmYi2pw==}
+
+  import-fresh@3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+    engines: {node: '>=6'}
+
+  import-meta-resolve@3.1.1:
+    resolution: {integrity: sha512-qeywsE/KC3w9Fd2ORrRDUw6nS/nLwZpXgfrOc2IILvZYnCaEMd+D56Vfg9k4G29gIeVi3XKql1RQatME8iYsiw==}
+
+  import-meta-resolve@4.0.0:
+    resolution: {integrity: sha512-okYUR7ZQPH+efeuMJGlq4f8ubUgO50kByRPyt/Cy1Io4PSRsPjxME+YlVaCOx+NIToW7hCsZNFJyTPFFKepRSA==}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+
+  inflight@1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
+  ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+
+  ini@2.0.0:
+    resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==}
+    engines: {node: '>=10'}
+
+  internal-slot@1.0.6:
+    resolution: {integrity: sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==}
+    engines: {node: '>= 0.4'}
+
+  is-array-buffer@3.0.2:
+    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
+
+  is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+
+  is-arrayish@0.3.2:
+    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
+
+  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-buffer@2.0.5:
+    resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==}
+    engines: {node: '>=4'}
+
+  is-builtin-module@3.2.1:
+    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
+    engines: {node: '>=6'}
+
+  is-callable@1.2.7:
+    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
+    engines: {node: '>= 0.4'}
+
+  is-ci@3.0.1:
+    resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==}
+    hasBin: true
+
+  is-core-module@2.13.1:
+    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
+
+  is-date-object@1.0.5:
+    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
+    engines: {node: '>= 0.4'}
+
+  is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+
+  is-extendable@0.1.1:
+    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
+    engines: {node: '>=0.10.0'}
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-finalizationregistry@1.0.2:
+    resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
+
+  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-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+
+  is-installed-globally@0.4.0:
+    resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==}
+    engines: {node: '>=10'}
+
+  is-interactive@2.0.0:
+    resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==}
+    engines: {node: '>=12'}
+
+  is-map@2.0.2:
+    resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==}
+
+  is-module@1.0.0:
+    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
+
+  is-negative-zero@2.0.2:
+    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
+    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-plain-obj@1.1.0:
+    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
+    engines: {node: '>=0.10.0'}
+
+  is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
+    engines: {node: '>=12'}
+
+  is-reference@1.2.1:
+    resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
+
+  is-reference@3.0.2:
+    resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
+
+  is-regex@1.1.4:
+    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
+    engines: {node: '>= 0.4'}
+
+  is-set@2.0.2:
+    resolution: {integrity: sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==}
+
+  is-shared-array-buffer@1.0.2:
+    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
+
+  is-stream@2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+
+  is-stream@3.0.0:
+    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  is-string@1.0.7:
+    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
+    engines: {node: '>= 0.4'}
+
+  is-subdir@1.2.0:
+    resolution: {integrity: sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==}
+    engines: {node: '>=4'}
+
+  is-symbol@1.0.4:
+    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
+    engines: {node: '>= 0.4'}
+
+  is-typed-array@1.1.12:
+    resolution: {integrity: sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==}
+    engines: {node: '>= 0.4'}
+
+  is-typedarray@1.0.0:
+    resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
+
+  is-unicode-supported@0.1.0:
+    resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
+    engines: {node: '>=10'}
+
+  is-unicode-supported@1.3.0:
+    resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
+    engines: {node: '>=12'}
+
+  is-weakmap@2.0.1:
+    resolution: {integrity: sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==}
+
+  is-weakref@1.0.2:
+    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
+
+  is-weakset@2.0.2:
+    resolution: {integrity: sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==}
+
+  is-windows@1.0.2:
+    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
+    engines: {node: '>=0.10.0'}
+
+  is-wsl@3.1.0:
+    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
+    engines: {node: '>=16'}
+
+  isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  isstream@0.1.2:
+    resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
+
+  iterator.prototype@1.1.2:
+    resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==}
+
+  joi@17.11.0:
+    resolution: {integrity: sha512-NgB+lZLNoqISVy1rZocE9PZI36bL/77ie924Ri43yEvi9GUUMPeyVIr8KdFTMUlby1p0PBYMk9spIxEUQYqrJQ==}
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-yaml@3.14.1:
+    resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
+    hasBin: true
+
+  js-yaml@4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+
+  jsbn@0.1.1:
+    resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==}
+
+  jsesc@2.5.2:
+    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-schema@0.4.0:
+    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  json-stringify-safe@5.0.1:
+    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  jsonc-parser@3.2.0:
+    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
+
+  jsonfile@4.0.0:
+    resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
+
+  jsonfile@6.1.0:
+    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
+
+  jsprim@2.0.2:
+    resolution: {integrity: sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==}
+    engines: {'0': node >=0.6.0}
+
+  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==}
+
+  kind-of@6.0.3:
+    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
+    engines: {node: '>=0.10.0'}
+
+  kleur@3.0.3:
+    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
+    engines: {node: '>=6'}
+
+  kleur@4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
+    engines: {node: '>=6'}
+
+  known-css-properties@0.29.0:
+    resolution: {integrity: sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==}
+
+  lazy-ass@1.6.0:
+    resolution: {integrity: sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==}
+    engines: {node: '> 0.8'}
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lie@3.1.1:
+    resolution: {integrity: sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==}
+
+  lilconfig@2.1.0:
+    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
+    engines: {node: '>=10'}
+
+  lilconfig@3.0.0:
+    resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==}
+    engines: {node: '>=14'}
+
+  lilconfig@3.1.1:
+    resolution: {integrity: sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==}
+    engines: {node: '>=14'}
+
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+  listr2@3.14.0:
+    resolution: {integrity: sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      enquirer: '>= 2.3.0 < 3'
+    peerDependenciesMeta:
+      enquirer:
+        optional: true
+
+  load-yaml-file@0.2.0:
+    resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==}
+    engines: {node: '>=6'}
+
+  localforage@1.10.0:
+    resolution: {integrity: sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==}
+
+  locate-character@3.0.0:
+    resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
+
+  locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lodash.memoize@4.1.2:
+    resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
+
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+  lodash.once@4.1.1:
+    resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==}
+
+  lodash.startcase@4.4.0:
+    resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
+
+  lodash.uniq@4.5.0:
+    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
+
+  lodash@4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+
+  log-symbols@4.1.0:
+    resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
+    engines: {node: '>=10'}
+
+  log-symbols@5.1.0:
+    resolution: {integrity: sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==}
+    engines: {node: '>=12'}
+
+  log-update@4.0.0:
+    resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==}
+    engines: {node: '>=10'}
+
+  longest-streak@3.1.0:
+    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
+
+  loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+
+  lower-case@2.0.2:
+    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
+
+  lru-cache@4.1.5:
+    resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  lru-cache@6.0.0:
+    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
+    engines: {node: '>=10'}
+
+  magic-string@0.27.0:
+    resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
+    engines: {node: '>=12'}
+
+  magic-string@0.30.5:
+    resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
+    engines: {node: '>=12'}
+
+  magic-string@0.30.8:
+    resolution: {integrity: sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==}
+    engines: {node: '>=12'}
+
+  map-obj@1.0.1:
+    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
+    engines: {node: '>=0.10.0'}
+
+  map-obj@4.3.0:
+    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
+    engines: {node: '>=8'}
+
+  map-stream@0.1.0:
+    resolution: {integrity: sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==}
+
+  markdown-table@3.0.3:
+    resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==}
+
+  mdast-util-definitions@5.1.2:
+    resolution: {integrity: sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==}
+
+  mdast-util-definitions@6.0.0:
+    resolution: {integrity: sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ==}
+
+  mdast-util-find-and-replace@2.2.2:
+    resolution: {integrity: sha512-MTtdFRz/eMDHXzeK6W3dO7mXUlF82Gom4y0oOgvHhh/HXZAGvIQDUvQ0SuUx+j2tv44b8xTHOm8K/9OoRFnXKw==}
+
+  mdast-util-from-markdown@1.3.1:
+    resolution: {integrity: sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==}
+
+  mdast-util-gfm-autolink-literal@1.0.3:
+    resolution: {integrity: sha512-My8KJ57FYEy2W2LyNom4n3E7hKTuQk/0SES0u16tjA9Z3oFkF4RrC/hPAPgjlSpezsOvI8ObcXcElo92wn5IGA==}
+
+  mdast-util-gfm-footnote@1.0.2:
+    resolution: {integrity: sha512-56D19KOGbE00uKVj3sgIykpwKL179QsVFwx/DCW0u/0+URsryacI4MAdNJl0dh+u2PSsD9FtxPFbHCzJ78qJFQ==}
+
+  mdast-util-gfm-strikethrough@1.0.3:
+    resolution: {integrity: sha512-DAPhYzTYrRcXdMjUtUjKvW9z/FNAMTdU0ORyMcbmkwYNbKocDpdk+PX1L1dQgOID/+vVs1uBQ7ElrBQfZ0cuiQ==}
+
+  mdast-util-gfm-table@1.0.7:
+    resolution: {integrity: sha512-jjcpmNnQvrmN5Vx7y7lEc2iIOEytYv7rTvu+MeyAsSHTASGCCRA79Igg2uKssgOs1i1po8s3plW0sTu1wkkLGg==}
+
+  mdast-util-gfm-task-list-item@1.0.2:
+    resolution: {integrity: sha512-PFTA1gzfp1B1UaiJVyhJZA1rm0+Tzn690frc/L8vNX1Jop4STZgOE6bxUhnzdVSB+vm2GU1tIsuQcA9bxTQpMQ==}
+
+  mdast-util-gfm@2.0.2:
+    resolution: {integrity: sha512-qvZ608nBppZ4icQlhQQIAdc6S3Ffj9RGmzwUKUWuEICFnd1LVkN3EktF7ZHAgfcEdvZB5owU9tQgt99e2TlLjg==}
+
+  mdast-util-phrasing@3.0.1:
+    resolution: {integrity: sha512-WmI1gTXUBJo4/ZmSk79Wcb2HcjPJBzM1nlI/OUWA8yk2X9ik3ffNbBGsU+09BFmXaL1IBb9fiuvq6/KMiNycSg==}
+
+  mdast-util-to-hast@12.3.0:
+    resolution: {integrity: sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==}
+
+  mdast-util-to-markdown@1.5.0:
+    resolution: {integrity: sha512-bbv7TPv/WC49thZPg3jXuqzuvI45IL2EVAr/KxF0BSdHsU0ceFHOmwQn6evxAh1GaoK/6GQ1wp4R4oW2+LFL/A==}
+
+  mdast-util-to-string@3.2.0:
+    resolution: {integrity: sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==}
+
+  mdn-data@2.0.28:
+    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
+
+  mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+
+  meow@6.1.1:
+    resolution: {integrity: sha512-3YffViIt2QWgTy6Pale5QpopX/IvU3LPL03jOTqp6pGj3VjesdO/U8CuHMKpnQr4shCNCM5fd5XFFvIIl6JBHg==}
+    engines: {node: '>=8'}
+
+  merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
+  micromark-core-commonmark@1.1.0:
+    resolution: {integrity: sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==}
+
+  micromark-extension-gfm-autolink-literal@1.0.5:
+    resolution: {integrity: sha512-z3wJSLrDf8kRDOh2qBtoTRD53vJ+CWIyo7uyZuxf/JAbNJjiHsOpG1y5wxk8drtv3ETAHutCu6N3thkOOgueWg==}
+
+  micromark-extension-gfm-footnote@1.1.2:
+    resolution: {integrity: sha512-Yxn7z7SxgyGWRNa4wzf8AhYYWNrwl5q1Z8ii+CSTTIqVkmGZF1CElX2JI8g5yGoM3GAman9/PVCUFUSJ0kB/8Q==}
+
+  micromark-extension-gfm-strikethrough@1.0.7:
+    resolution: {integrity: sha512-sX0FawVE1o3abGk3vRjOH50L5TTLr3b5XMqnP9YDRb34M0v5OoZhG+OHFz1OffZ9dlwgpTBKaT4XW/AsUVnSDw==}
+
+  micromark-extension-gfm-table@1.0.7:
+    resolution: {integrity: sha512-3ZORTHtcSnMQEKtAOsBQ9/oHp9096pI/UvdPtN7ehKvrmZZ2+bbWhi0ln+I9drmwXMt5boocn6OlwQzNXeVeqw==}
+
+  micromark-extension-gfm-tagfilter@1.0.2:
+    resolution: {integrity: sha512-5XWB9GbAUSHTn8VPU8/1DBXMuKYT5uOgEjJb8gN3mW0PNW5OPHpSdojoqf+iq1xo7vWzw/P8bAHY0n6ijpXF7g==}
+
+  micromark-extension-gfm-task-list-item@1.0.5:
+    resolution: {integrity: sha512-RMFXl2uQ0pNQy6Lun2YBYT9g9INXtWJULgbt01D/x8/6yJ2qpKyzdZD3pi6UIkzF++Da49xAelVKUeUMqd5eIQ==}
+
+  micromark-extension-gfm@2.0.3:
+    resolution: {integrity: sha512-vb9OoHqrhCmbRidQv/2+Bc6pkP0FrtlhurxZofvOEy5o8RtuuvTq+RQ1Vw5ZDNrVraQZu3HixESqbG+0iKk/MQ==}
+
+  micromark-factory-destination@1.1.0:
+    resolution: {integrity: sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==}
+
+  micromark-factory-label@1.1.0:
+    resolution: {integrity: sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==}
+
+  micromark-factory-space@1.1.0:
+    resolution: {integrity: sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==}
+
+  micromark-factory-title@1.1.0:
+    resolution: {integrity: sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==}
+
+  micromark-factory-whitespace@1.1.0:
+    resolution: {integrity: sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==}
+
+  micromark-util-character@1.2.0:
+    resolution: {integrity: sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==}
+
+  micromark-util-chunked@1.1.0:
+    resolution: {integrity: sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==}
+
+  micromark-util-classify-character@1.1.0:
+    resolution: {integrity: sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==}
+
+  micromark-util-combine-extensions@1.1.0:
+    resolution: {integrity: sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==}
+
+  micromark-util-decode-numeric-character-reference@1.1.0:
+    resolution: {integrity: sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==}
+
+  micromark-util-decode-string@1.1.0:
+    resolution: {integrity: sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==}
+
+  micromark-util-encode@1.1.0:
+    resolution: {integrity: sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw==}
+
+  micromark-util-html-tag-name@1.2.0:
+    resolution: {integrity: sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q==}
+
+  micromark-util-normalize-identifier@1.1.0:
+    resolution: {integrity: sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==}
+
+  micromark-util-resolve-all@1.1.0:
+    resolution: {integrity: sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==}
+
+  micromark-util-sanitize-uri@1.2.0:
+    resolution: {integrity: sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==}
+
+  micromark-util-subtokenize@1.1.0:
+    resolution: {integrity: sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==}
+
+  micromark-util-symbol@1.1.0:
+    resolution: {integrity: sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag==}
+
+  micromark-util-types@1.1.0:
+    resolution: {integrity: sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==}
+
+  micromark@3.2.0:
+    resolution: {integrity: sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==}
+
+  micromatch@4.0.5:
+    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
+    engines: {node: '>=8.6'}
+
+  mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+
+  mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+
+  mime@3.0.0:
+    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+
+  mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+
+  mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
+    engines: {node: '>=12'}
+
+  mimic-response@3.1.0:
+    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
+    engines: {node: '>=10'}
+
+  min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+
+  minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+
+  minimatch@5.1.6:
+    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
+    engines: {node: '>=10'}
+
+  minimatch@9.0.3:
+    resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minimist-options@4.1.0:
+    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
+    engines: {node: '>= 6'}
+
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
+  mixme@0.5.9:
+    resolution: {integrity: sha512-VC5fg6ySUscaWUpI4gxCBTQMH2RdUpNrk+MsbpCYtIvf9SBJdiUey4qE7BXviJsJR4nDQxCZ+3yaYNW3guz/Pw==}
+    engines: {node: '>= 8.0.0'}
+
+  mkdirp-classic@0.5.3:
+    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
+
+  mkdirp@0.5.6:
+    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
+    hasBin: true
+
+  mri@1.2.0:
+    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
+    engines: {node: '>=4'}
+
+  mrmime@2.0.0:
+    resolution: {integrity: sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==}
+    engines: {node: '>=10'}
+
+  ms@2.0.0:
+    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
+
+  ms@2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  nanoid@3.3.6:
+    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  nanoid@3.3.7:
+    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  napi-build-utils@1.0.2:
+    resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  needle@2.9.1:
+    resolution: {integrity: sha512-6R9fqJ5Zcmf+uYaFgdIHmLwNldn5HbK8L5ybn7Uz+ylX/rnOsSp1AHcvQSrCaFN+qNM1wpymHqD7mVasEOlHGQ==}
+    engines: {node: '>= 4.4.x'}
+    hasBin: true
+
+  nlcst-to-string@3.1.1:
+    resolution: {integrity: sha512-63mVyqaqt0cmn2VcI2aH6kxe1rLAmSROqHMA0i4qqg1tidkfExgpb0FGMikMCn86mw5dFtBtEANfmSSK7TjNHw==}
+
+  no-case@3.0.4:
+    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
+
+  node-abi@3.51.0:
+    resolution: {integrity: sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==}
+    engines: {node: '>=10'}
+
+  node-addon-api@6.1.0:
+    resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==}
+
+  node-fetch@2.7.0:
+    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
+    engines: {node: 4.x || >=6.0.0}
+    peerDependencies:
+      encoding: ^0.1.0
+    peerDependenciesMeta:
+      encoding:
+        optional: true
+
+  node-releases@2.0.13:
+    resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==}
+
+  node-releases@2.0.14:
+    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
+
+  normalize-package-data@2.5.0:
+    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
+
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+
+  normalize-range@0.1.2:
+    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
+    engines: {node: '>=0.10.0'}
+
+  npm-run-path@4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
+
+  npm-run-path@5.1.0:
+    resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
+  object-inspect@1.13.1:
+    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
+
+  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.7:
+    resolution: {integrity: sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==}
+    engines: {node: '>= 0.4'}
+
+  object.fromentries@2.0.7:
+    resolution: {integrity: sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==}
+    engines: {node: '>= 0.4'}
+
+  object.hasown@1.1.3:
+    resolution: {integrity: sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==}
+
+  object.values@1.1.7:
+    resolution: {integrity: sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==}
+    engines: {node: '>= 0.4'}
+
+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
+  onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+
+  onetime@6.0.0:
+    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
+    engines: {node: '>=12'}
+
+  optionator@0.9.3:
+    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
+    engines: {node: '>= 0.8.0'}
+
+  ora@7.0.1:
+    resolution: {integrity: sha512-0TUxTiFJWv+JnjWm4o9yvuskpEJLXTcng8MJuKd+SzAzp2o+OP3HWqNhB4OdJRt1Vsd9/mR0oyaEYlOnL7XIRw==}
+    engines: {node: '>=16'}
+
+  os-tmpdir@1.0.2:
+    resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
+    engines: {node: '>=0.10.0'}
+
+  ospath@1.2.2:
+    resolution: {integrity: sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==}
+
+  outdent@0.5.0:
+    resolution: {integrity: sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q==}
+
+  p-filter@2.1.0:
+    resolution: {integrity: sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw==}
+    engines: {node: '>=8'}
+
+  p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-limit@4.0.0:
+    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  p-map@2.1.0:
+    resolution: {integrity: sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==}
+    engines: {node: '>=6'}
+
+  p-map@4.0.0:
+    resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==}
+    engines: {node: '>=10'}
+
+  p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+
+  parse-latin@5.0.1:
+    resolution: {integrity: sha512-b/K8ExXaWC9t34kKeDV8kGXBkXZ1HCSAZRYE7HR14eA1GlXX5L8iWhs8USJNhQU9q5ci413jCKF0gOyovvyRBg==}
+
+  parse5@6.0.1:
+    resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==}
+
+  pascal-case@3.1.2:
+    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
+
+  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-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+
+  path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+
+  path-to-regexp@6.2.1:
+    resolution: {integrity: sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==}
+
+  path-type@4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+
+  path-type@5.0.0:
+    resolution: {integrity: sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==}
+    engines: {node: '>=12'}
+
+  pause-stream@0.0.11:
+    resolution: {integrity: sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==}
+
+  pend@1.2.0:
+    resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==}
+
+  performance-now@2.1.0:
+    resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==}
+
+  periscopic@3.1.0:
+    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
+
+  picocolors@1.0.0:
+    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
+
+  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'}
+
+  pify@4.0.1:
+    resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
+    engines: {node: '>=6'}
+
+  pkg-dir@4.2.0:
+    resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
+    engines: {node: '>=8'}
+
+  playwright-core@1.42.1:
+    resolution: {integrity: sha512-mxz6zclokgrke9p1vtdy/COWBH+eOZgYUVVU34C73M+4j4HLlQJHtfcqiqqxpP0o8HhMkflvfbquLX5dg6wlfA==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  playwright@1.42.1:
+    resolution: {integrity: sha512-PgwB03s2DZBcNRoW+1w9E+VkLBxweib6KTXM0M3tkiT4jVxKSi6PmVJ591J+0u10LUrgxB7dLRbiJqO5s2QPMg==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  postcss-calc@9.0.1:
+    resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.2
+
+  postcss-cli@11.0.0:
+    resolution: {integrity: sha512-xMITAI7M0u1yolVcXJ9XTZiO9aO49mcoKQy6pCDFdMh9kGqhzLVpWxeD/32M/QBmkhcGypZFFOLNLmIW4Pg4RA==}
+    engines: {node: '>=18'}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.0.0
+
+  postcss-colormin@6.0.0:
+    resolution: {integrity: sha512-EuO+bAUmutWoZYgHn2T1dG1pPqHU6L4TjzPlu4t1wZGXQ/fxV16xg2EJmYi0z+6r+MGV1yvpx1BHkUaRrPa2bw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-colormin@6.1.0:
+    resolution: {integrity: sha512-x9yX7DOxeMAR+BgGVnNSAxmAj98NX/YxEMNFP+SDCEeNLb2r3i6Hh1ksMsnW8Ub5SLCpbescQqn9YEbE9554Sw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-combine-duplicated-selectors@10.0.3:
+    resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==}
+    engines: {node: ^10.0.0 || ^12.0.0 || >=14.0.0}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-convert-values@6.0.0:
+    resolution: {integrity: sha512-U5D8QhVwqT++ecmy8rnTb+RL9n/B806UVaS3m60lqle4YDFcpbS3ae5bTQIh3wOGUSDHSEtMYLs/38dNG7EYFw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-convert-values@6.1.0:
+    resolution: {integrity: sha512-zx8IwP/ts9WvUM6NkVSkiU902QZL1bwPhaVaLynPtCsOTqp+ZKbNi+s6XJg3rfqpKGA/oc7Oxk5t8pOQJcwl/w==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-discard-comments@6.0.0:
+    resolution: {integrity: sha512-p2skSGqzPMZkEQvJsgnkBhCn8gI7NzRH2683EEjrIkoMiwRELx68yoUJ3q3DGSGuQ8Ug9Gsn+OuDr46yfO+eFw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-discard-comments@6.0.2:
+    resolution: {integrity: sha512-65w/uIqhSBBfQmYnG92FO1mWZjJ4GL5b8atm5Yw2UgrwD7HiNiSSNwJor1eCFGzUgYnN/iIknhNRVqjrrpuglw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-discard-duplicates@6.0.0:
+    resolution: {integrity: sha512-bU1SXIizMLtDW4oSsi5C/xHKbhLlhek/0/yCnoMQany9k3nPBq+Ctsv/9oMmyqbR96HYHxZcHyK2HR5P/mqoGA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-discard-duplicates@6.0.3:
+    resolution: {integrity: sha512-+JA0DCvc5XvFAxwx6f/e68gQu/7Z9ud584VLmcgto28eB8FqSFZwtrLwB5Kcp70eIoWP/HXqz4wpo8rD8gpsTw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-discard-empty@6.0.0:
+    resolution: {integrity: sha512-b+h1S1VT6dNhpcg+LpyiUrdnEZfICF0my7HAKgJixJLW7BnNmpRH34+uw/etf5AhOlIhIAuXApSzzDzMI9K/gQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-discard-empty@6.0.3:
+    resolution: {integrity: sha512-znyno9cHKQsK6PtxL5D19Fj9uwSzC2mB74cpT66fhgOadEUPyXFkbgwm5tvc3bt3NAy8ltE5MrghxovZRVnOjQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-discard-overridden@6.0.0:
+    resolution: {integrity: sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-discard-overridden@6.0.2:
+    resolution: {integrity: sha512-j87xzI4LUggC5zND7KdjsI25APtyMuynXZSujByMaav2roV6OZX+8AaCUcZSWqckZpjAjRyFDdpqybgjFO0HJQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-import@15.1.0:
+    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+
+  postcss-import@16.0.1:
+    resolution: {integrity: sha512-i2Pci0310NaLHr/5JUFSw1j/8hf1CzwMY13g6ZDxgOavmRHQi2ba3PmUHoihO+sjaum+KmCNzskNsw7JDrg03g==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+
+  postcss-load-config@3.1.4:
+    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
+    engines: {node: '>= 10'}
+    peerDependencies:
+      postcss: '>=8.0.9'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+      ts-node:
+        optional: true
+
+  postcss-load-config@5.0.2:
+    resolution: {integrity: sha512-Q8QR3FYbqOKa0bnC1UQ2bFq9/ulHX5Bi34muzitMr8aDtUelO5xKeJEYC/5smE0jNE9zdB/NBnOwXKexELbRlw==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      jiti: '>=1.21.0'
+      postcss: '>=8.0.9'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+      postcss:
+        optional: true
+
+  postcss-merge-longhand@6.0.0:
+    resolution: {integrity: sha512-4VSfd1lvGkLTLYcxFuISDtWUfFS4zXe0FpF149AyziftPFQIWxjvFSKhA4MIxMe4XM3yTDgQMbSNgzIVxChbIg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-merge-longhand@6.0.4:
+    resolution: {integrity: sha512-vAfWGcxUUGlFiPM3nDMZA+/Yo9sbpc3JNkcYZez8FfJDv41Dh7tAgA3QGVTocaHCZZL6aXPXPOaBMJsjujodsA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-merge-rules@6.0.1:
+    resolution: {integrity: sha512-a4tlmJIQo9SCjcfiCcCMg/ZCEe0XTkl/xK0XHBs955GWg9xDX3NwP9pwZ78QUOWB8/0XCjZeJn98Dae0zg6AAw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-merge-rules@6.1.0:
+    resolution: {integrity: sha512-lER+W3Gr6XOvxOYk1Vi/6UsAgKMg6MDBthmvbNqi2XxAk/r9XfhdYZSigfWjuWWn3zYw2wLelvtM8XuAEFqRkA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-minify-font-values@6.0.0:
+    resolution: {integrity: sha512-zNRAVtyh5E8ndZEYXA4WS8ZYsAp798HiIQ1V2UF/C/munLp2r1UGHwf1+6JFu7hdEhJFN+W1WJQKBrtjhFgEnA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-minify-font-values@6.0.3:
+    resolution: {integrity: sha512-SmAeTA1We5rMnN3F8X9YBNo9bj9xB4KyDHnaNJnBfQIPi+60fNiR9OTRnIaMqkYzAQX0vObIw4Pn0vuKEOettg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-minify-gradients@6.0.0:
+    resolution: {integrity: sha512-wO0F6YfVAR+K1xVxF53ueZJza3L+R3E6cp0VwuXJQejnNUH0DjcAFe3JEBeTY1dLwGa0NlDWueCA1VlEfiKgAA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-minify-gradients@6.0.3:
+    resolution: {integrity: sha512-4KXAHrYlzF0Rr7uc4VrfwDJ2ajrtNEpNEuLxFgwkhFZ56/7gaE4Nr49nLsQDZyUe+ds+kEhf+YAUolJiYXF8+Q==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-minify-params@6.0.0:
+    resolution: {integrity: sha512-Fz/wMQDveiS0n5JPcvsMeyNXOIMrwF88n7196puSuQSWSa+/Ofc1gDOSY2xi8+A4PqB5dlYCKk/WfqKqsI+ReQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-minify-params@6.1.0:
+    resolution: {integrity: sha512-bmSKnDtyyE8ujHQK0RQJDIKhQ20Jq1LYiez54WiaOoBtcSuflfK3Nm596LvbtlFcpipMjgClQGyGr7GAs+H1uA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-minify-selectors@6.0.0:
+    resolution: {integrity: sha512-ec/q9JNCOC2CRDNnypipGfOhbYPuUkewGwLnbv6omue/PSASbHSU7s6uSQ0tcFRVv731oMIx8k0SP4ZX6be/0g==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-minify-selectors@6.0.3:
+    resolution: {integrity: sha512-IcV7ZQJcaXyhx4UBpWZMsinGs2NmiUC60rJSkyvjPCPqhNjVGsrJUM+QhAtCaikZ0w0/AbZuH4wVvF/YMuMhvA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-nested@6.0.0:
+    resolution: {integrity: sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.2.14
+
+  postcss-nested@6.0.1:
+    resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.2.14
+
+  postcss-normalize-charset@6.0.0:
+    resolution: {integrity: sha512-cqundwChbu8yO/gSWkuFDmKrCZ2vJzDAocheT2JTd0sFNA4HMGoKMfbk2B+J0OmO0t5GUkiAkSM5yF2rSLUjgQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-charset@6.0.2:
+    resolution: {integrity: sha512-a8N9czmdnrjPHa3DeFlwqst5eaL5W8jYu3EBbTTkI5FHkfMhFZh1EGbku6jhHhIzTA6tquI2P42NtZ59M/H/kQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-display-values@6.0.0:
+    resolution: {integrity: sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-display-values@6.0.2:
+    resolution: {integrity: sha512-8H04Mxsb82ON/aAkPeq8kcBbAtI5Q2a64X/mnRRfPXBq7XeogoQvReqxEfc0B4WPq1KimjezNC8flUtC3Qz6jg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-positions@6.0.0:
+    resolution: {integrity: sha512-mPCzhSV8+30FZyWhxi6UoVRYd3ZBJgTRly4hOkaSifo0H+pjDYcii/aVT4YE6QpOil15a5uiv6ftnY3rm0igPg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-positions@6.0.2:
+    resolution: {integrity: sha512-/JFzI441OAB9O7VnLA+RtSNZvQ0NCFZDOtp6QPFo1iIyawyXg0YI3CYM9HBy1WvwCRHnPep/BvI1+dGPKoXx/Q==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-repeat-style@6.0.0:
+    resolution: {integrity: sha512-50W5JWEBiOOAez2AKBh4kRFm2uhrT3O1Uwdxz7k24aKtbD83vqmcVG7zoIwo6xI2FZ/HDlbrCopXhLeTpQib1A==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-repeat-style@6.0.2:
+    resolution: {integrity: sha512-YdCgsfHkJ2jEXwR4RR3Tm/iOxSfdRt7jplS6XRh9Js9PyCR/aka/FCb6TuHT2U8gQubbm/mPmF6L7FY9d79VwQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-string@6.0.0:
+    resolution: {integrity: sha512-KWkIB7TrPOiqb8ZZz6homet2KWKJwIlysF5ICPZrXAylGe2hzX/HSf4NTX2rRPJMAtlRsj/yfkrWGavFuB+c0w==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-string@6.0.2:
+    resolution: {integrity: sha512-vQZIivlxlfqqMp4L9PZsFE4YUkWniziKjQWUtsxUiVsSSPelQydwS8Wwcuw0+83ZjPWNTl02oxlIvXsmmG+CiQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-timing-functions@6.0.0:
+    resolution: {integrity: sha512-tpIXWciXBp5CiFs8sem90IWlw76FV4oi6QEWfQwyeREVwUy39VSeSqjAT7X0Qw650yAimYW5gkl2Gd871N5SQg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-timing-functions@6.0.2:
+    resolution: {integrity: sha512-a+YrtMox4TBtId/AEwbA03VcJgtyW4dGBizPl7e88cTFULYsprgHWTbfyjSLyHeBcK/Q9JhXkt2ZXiwaVHoMzA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-unicode@6.0.0:
+    resolution: {integrity: sha512-ui5crYkb5ubEUDugDc786L/Me+DXp2dLg3fVJbqyAl0VPkAeALyAijF2zOsnZyaS1HyfPuMH0DwyY18VMFVNkg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-unicode@6.1.0:
+    resolution: {integrity: sha512-QVC5TQHsVj33otj8/JD869Ndr5Xcc/+fwRh4HAsFsAeygQQXm+0PySrKbr/8tkDKzW+EVT3QkqZMfFrGiossDg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-url@6.0.0:
+    resolution: {integrity: sha512-98mvh2QzIPbb02YDIrYvAg4OUzGH7s1ZgHlD3fIdTHLgPLRpv1ZTKJDnSAKr4Rt21ZQFzwhGMXxpXlfrUBKFHw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-url@6.0.2:
+    resolution: {integrity: sha512-kVNcWhCeKAzZ8B4pv/DnrU1wNh458zBNp8dh4y5hhxih5RZQ12QWMuQrDgPRw3LRl8mN9vOVfHl7uhvHYMoXsQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-whitespace@6.0.0:
+    resolution: {integrity: sha512-7cfE1AyLiK0+ZBG6FmLziJzqQCpTQY+8XjMhMAz8WSBSCsCNNUKujgIgjCAmDT3cJ+3zjTXFkoD15ZPsckArVw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-whitespace@6.0.2:
+    resolution: {integrity: sha512-sXZ2Nj1icbJOKmdjXVT9pnyHQKiSAyuNQHSgRCUgThn2388Y9cGVDR+E9J9iAYbSbLHI+UUwLVl1Wzco/zgv0Q==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-ordered-values@6.0.0:
+    resolution: {integrity: sha512-K36XzUDpvfG/nWkjs6d1hRBydeIxGpKS2+n+ywlKPzx1nMYDYpoGbcjhj5AwVYJK1qV2/SDoDEnHzlPD6s3nMg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-ordered-values@6.0.2:
+    resolution: {integrity: sha512-VRZSOB+JU32RsEAQrO94QPkClGPKJEL/Z9PCBImXMhIeK5KAYo6slP/hBYlLgrCjFxyqvn5VC81tycFEDBLG1Q==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-reduce-initial@6.0.0:
+    resolution: {integrity: sha512-s2UOnidpVuXu6JiiI5U+fV2jamAw5YNA9Fdi/GRK0zLDLCfXmSGqQtzpUPtfN66RtCbb9fFHoyZdQaxOB3WxVA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-reduce-initial@6.1.0:
+    resolution: {integrity: sha512-RarLgBK/CrL1qZags04oKbVbrrVK2wcxhvta3GCxrZO4zveibqbRPmm2VI8sSgCXwoUHEliRSbOfpR0b/VIoiw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-reduce-transforms@6.0.0:
+    resolution: {integrity: sha512-FQ9f6xM1homnuy1wLe9lP1wujzxnwt1EwiigtWwuyf8FsqqXUDUp2Ulxf9A5yjlUOTdCJO6lonYjg1mgqIIi2w==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-reduce-transforms@6.0.2:
+    resolution: {integrity: sha512-sB+Ya++3Xj1WaT9+5LOOdirAxP7dJZms3GRcYheSPi1PiTMigsxHAdkrbItHxwYHr4kt1zL7mmcHstgMYT+aiA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-rename@0.6.1:
+    resolution: {integrity: sha512-bsj9TMuPnh8pqF/FMX6BB3aZMjTxRdGP0qJHOg4yC2S1DCAomtAVuQaTJC16QTkH5fnrYMP/yYjuXZAibP3QnQ==}
+    engines: {node: '>=8.3.0'}
+    peerDependencies:
+      postcss: ^8.2.6
+
+  postcss-reporter@7.0.5:
+    resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-safe-parser@6.0.0:
+    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.3.3
+
+  postcss-scss@4.0.9:
+    resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.4.29
+
+  postcss-selector-parser@6.0.13:
+    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
+    engines: {node: '>=4'}
+
+  postcss-selector-parser@6.0.16:
+    resolution: {integrity: sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==}
+    engines: {node: '>=4'}
+
+  postcss-svgo@6.0.0:
+    resolution: {integrity: sha512-r9zvj/wGAoAIodn84dR/kFqwhINp5YsJkLoujybWG59grR/IHx+uQ2Zo+IcOwM0jskfYX3R0mo+1Kip1VSNcvw==}
+    engines: {node: ^14 || ^16 || >= 18}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-svgo@6.0.3:
+    resolution: {integrity: sha512-dlrahRmxP22bX6iKEjOM+c8/1p+81asjKT+V5lrgOH944ryx/OHpclnIbGsKVd3uWOXFLYJwCVf0eEkJGvO96g==}
+    engines: {node: ^14 || ^16 || >= 18}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-unique-selectors@6.0.0:
+    resolution: {integrity: sha512-EPQzpZNxOxP7777t73RQpZE5e9TrnCrkvp7AH7a0l89JmZiPnS82y216JowHXwpBCQitfyxrof9TK3rYbi7/Yw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-unique-selectors@6.0.3:
+    resolution: {integrity: sha512-NFXbYr8qdmCr/AFceaEfdcsKGCvWTeGO6QVC9h2GvtWgj0/0dklKQcaMMVzs6tr8bY+ase8hOtHW8OBTTRvS8A==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
+  postcss@8.4.21:
+    resolution: {integrity: sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  postcss@8.4.35:
+    resolution: {integrity: sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  prebuild-install@7.1.1:
+    resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  preferred-pm@3.1.2:
+    resolution: {integrity: sha512-nk7dKrcW8hfCZ4H6klWcdRknBOXWzNQByJ0oJyX97BOupsYD+FzLS4hflgEu/uPUEHZCuRfMxzCBsuWd7OzT8Q==}
+    engines: {node: '>=10'}
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prettier-linter-helpers@1.0.0:
+    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
+    engines: {node: '>=6.0.0'}
+
+  prettier-plugin-svelte@3.0.3:
+    resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==}
+    peerDependencies:
+      prettier: ^3.0.0
+      svelte: ^3.2.0 || ^4.0.0-next.0
+
+  prettier-plugin-svelte@3.2.2:
+    resolution: {integrity: sha512-ZzzE/wMuf48/1+Lf2Ffko0uDa6pyCfgHV6+uAhtg2U0AAXGrhCSW88vEJNAkAxW5qyrFY1y1zZ4J8TgHrjW++Q==}
+    peerDependencies:
+      prettier: ^3.0.0
+      svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0
+
+  prettier@2.8.8:
+    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+
+  prettier@3.0.3:
+    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  prettier@3.2.5:
+    resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  pretty-bytes@5.6.0:
+    resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
+    engines: {node: '>=6'}
+
+  pretty-hrtime@1.0.3:
+    resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==}
+    engines: {node: '>= 0.8'}
+
+  prismjs@1.29.0:
+    resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
+    engines: {node: '>=6'}
+
+  probe-image-size@7.2.3:
+    resolution: {integrity: sha512-HubhG4Rb2UH8YtV4ba0Vp5bQ7L78RTONYu/ujmCu5nBI8wGv24s4E9xSKBi0N1MowRpxk76pFCpJtW0KPzOK0w==}
+
+  process@0.11.10:
+    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
+    engines: {node: '>= 0.6.0'}
+
+  prompts@2.4.2:
+    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
+    engines: {node: '>= 6'}
+
+  prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+
+  property-information@6.3.0:
+    resolution: {integrity: sha512-gVNZ74nqhRMiIUYWGQdosYetaKc83x8oT41a0LlV3AAFCAZwCpg4vmGkq8t34+cUhp3cnM4XDiU/7xlgK7HGrg==}
+
+  proxy-from-env@1.0.0:
+    resolution: {integrity: sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==}
+
+  ps-tree@1.2.0:
+    resolution: {integrity: sha512-0VnamPPYHl4uaU/nSFeZZpR21QAWRz+sRv4iW9+v/GS/J5U5iZB5BNN6J0RMoOvdx2gWM2+ZFMIm58q24e4UYA==}
+    engines: {node: '>= 0.10'}
+    hasBin: true
+
+  pseudomap@1.0.2:
+    resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==}
+
+  psl@1.9.0:
+    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
+
+  pump@3.0.0:
+    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
+
+  punycode@2.3.0:
+    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
+    engines: {node: '>=6'}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  qs@6.10.4:
+    resolution: {integrity: sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==}
+    engines: {node: '>=0.6'}
+
+  querystringify@2.2.0:
+    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
+
+  queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+  queue-tick@1.0.1:
+    resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==}
+
+  quick-lru@4.0.1:
+    resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==}
+    engines: {node: '>=8'}
+
+  randombytes@2.1.0:
+    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
+
+  rc@1.2.8:
+    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
+    hasBin: true
+
+  react-dom@18.2.0:
+    resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
+    peerDependencies:
+      react: ^18.2.0
+
+  react-is@16.13.1:
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+
+  react-redux@9.1.1:
+    resolution: {integrity: sha512-5ynfGDzxxsoV73+4czQM56qF43vsmgJsO22rmAvU5tZT2z5Xow/A2uhhxwXuGTxgdReF3zcp7A80gma2onRs1A==}
+    peerDependencies:
+      '@types/react': ^18.2.25
+      react: ^18.0
+      react-native: '>=0.69'
+      redux: ^5.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      react-native:
+        optional: true
+      redux:
+        optional: true
+
+  react-refresh@0.14.0:
+    resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==}
+    engines: {node: '>=0.10.0'}
+
+  react-router-dom@6.18.0:
+    resolution: {integrity: sha512-Ubrue4+Ercc/BoDkFQfc6og5zRQ4A8YxSO3Knsne+eRbZ+IepAsK249XBH/XaFuOYOYr3L3r13CXTLvYt5JDjw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      react: '>=16.8'
+      react-dom: '>=16.8'
+
+  react-router@6.18.0:
+    resolution: {integrity: sha512-vk2y7Dsy8wI02eRRaRmOs9g2o+aE72YCx5q9VasT1N9v+lrdB79tIqrjMfByHiY5+6aYkH2rUa5X839nwWGPDg==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      react: '>=16.8'
+
+  react@18.2.0:
+    resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
+    engines: {node: '>=0.10.0'}
+
+  read-cache@1.0.0:
+    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+
+  read-pkg-up@7.0.1:
+    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
+    engines: {node: '>=8'}
+
+  read-pkg@5.2.0:
+    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
+    engines: {node: '>=8'}
+
+  read-yaml-file@1.1.0:
+    resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==}
+    engines: {node: '>=6'}
+
+  readable-stream@3.6.2:
+    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
+    engines: {node: '>= 6'}
+
+  readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+
+  redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+
+  redux-thunk@3.1.0:
+    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
+    peerDependencies:
+      redux: ^5.0.0
+
+  redux@5.0.1:
+    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
+
+  reflect.getprototypeof@1.0.4:
+    resolution: {integrity: sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==}
+    engines: {node: '>= 0.4'}
+
+  regenerator-runtime@0.14.0:
+    resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==}
+
+  regexp.prototype.flags@1.5.1:
+    resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==}
+    engines: {node: '>= 0.4'}
+
+  rehype-parse@8.0.5:
+    resolution: {integrity: sha512-Ds3RglaY/+clEX2U2mHflt7NlMA72KspZ0JLUJgBBLpRddBcEw3H8uYZQliQriku22NZpYMfjDdSgHcjxue24A==}
+
+  rehype-raw@6.1.1:
+    resolution: {integrity: sha512-d6AKtisSRtDRX4aSPsJGTfnzrX2ZkHQLE5kiUuGOeEoLpbEulFF4hj0mLPbsa+7vmguDKOVVEQdHKDSwoaIDsQ==}
+
+  rehype-stringify@9.0.4:
+    resolution: {integrity: sha512-Uk5xu1YKdqobe5XpSskwPvo1XeHUUucWEQSl8hTrXt5selvca1e8K1EZ37E6YoZ4BT8BCqCdVfQW7OfHfthtVQ==}
+
+  rehype@12.0.1:
+    resolution: {integrity: sha512-ey6kAqwLM3X6QnMDILJthGvG1m1ULROS9NT4uG9IDCuv08SFyLlreSuvOa//DgEvbXx62DS6elGVqusWhRUbgw==}
+
+  remark-gfm@3.0.1:
+    resolution: {integrity: sha512-lEFDoi2PICJyNrACFOfDD3JlLkuSbOa5Wd8EPt06HUdptv8Gn0bxYTdbU/XXQ3swAPkEaGxxPN9cbnMHvVu1Ig==}
+
+  remark-parse@10.0.2:
+    resolution: {integrity: sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==}
+
+  remark-rehype@10.1.0:
+    resolution: {integrity: sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==}
+
+  remark-smartypants@2.0.0:
+    resolution: {integrity: sha512-Rc0VDmr/yhnMQIz8n2ACYXlfw/P/XZev884QU1I5u+5DgJls32o97Vc1RbK3pfumLsJomS2yy8eT4Fxj/2MDVA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  request-progress@3.0.0:
+    resolution: {integrity: sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==}
+
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
+  require-main-filename@2.0.0:
+    resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
+
+  requires-port@1.0.0:
+    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
+
+  reselect@5.1.0:
+    resolution: {integrity: sha512-aw7jcGLDpSgNDyWBQLv2cedml85qd95/iszJjN988zX1t7AVRJi19d9kto5+W7oCfQ94gyo40dVbT6g2k4/kXg==}
+
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
+  resolve-from@5.0.0:
+    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
+    engines: {node: '>=8'}
+
+  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
+
+  restore-cursor@3.1.0:
+    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
+    engines: {node: '>=8'}
+
+  restore-cursor@4.0.0:
+    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  retext-latin@3.1.0:
+    resolution: {integrity: sha512-5MrD1tuebzO8ppsja5eEu+ZbBeUNCjoEarn70tkXOS7Bdsdf6tNahsv2bY0Z8VooFF6cw7/6S+d3yI/TMlMVVQ==}
+
+  retext-smartypants@5.2.0:
+    resolution: {integrity: sha512-Do8oM+SsjrbzT2UNIKgheP0hgUQTDDQYyZaIY3kfq0pdFzoPk+ZClYJ+OERNXveog4xf1pZL4PfRxNoVL7a/jw==}
+
+  retext-stringify@3.1.0:
+    resolution: {integrity: sha512-767TLOaoXFXyOnjx/EggXlb37ZD2u4P1n0GJqVdpipqACsQP+20W+BNpMYrlJkq7hxffnFk+jc6mAK9qrbuB8w==}
+
+  retext@8.1.0:
+    resolution: {integrity: sha512-N9/Kq7YTn6ZpzfiGW45WfEGJqFf1IM1q8OsRa1CGzIebCJBNCANDRmOrholiDRGKo/We7ofKR4SEvcGAWEMD3Q==}
+
+  reusify@1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+  rfdc@1.3.1:
+    resolution: {integrity: sha512-r5a3l5HzYlIC68TpmYKlxWjmOP6wiPJ1vWv2HeLhNsRZMrCkxeqxiHlQ21oXmQ4F3SiryXBHhAD7JZqvOJjFmg==}
+
+  rimraf@2.7.1:
+    resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
+    hasBin: true
+
+  rimraf@3.0.2:
+    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
+    hasBin: true
+
+  rollup-plugin-peer-deps-external@2.2.4:
+    resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==}
+    peerDependencies:
+      rollup: '*'
+
+  rollup@3.23.0:
+    resolution: {integrity: sha512-h31UlwEi7FHihLe1zbk+3Q7z1k/84rb9BSwmBSr/XjOCEaBJ2YyedQDuM0t/kfOS0IxM+vk1/zI9XxYj9V+NJQ==}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  rollup@3.29.4:
+    resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  rollup@4.12.1:
+    resolution: {integrity: sha512-ggqQKvx/PsB0FaWXhIvVkSWh7a/PCLQAsMjBc+nA2M8Rv2/HG0X6zvixAB7KyZBRtifBUhy5k8voQX/mRnABPg==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+  rxjs@7.8.1:
+    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
+
+  sade@1.8.1:
+    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
+    engines: {node: '>=6'}
+
+  safe-array-concat@1.0.1:
+    resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==}
+    engines: {node: '>=0.4'}
+
+  safe-buffer@5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+
+  safe-regex-test@1.0.0:
+    resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
+
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  sander@0.5.1:
+    resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
+
+  sax@1.3.0:
+    resolution: {integrity: sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==}
+
+  scheduler@0.23.0:
+    resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==}
+
+  section-matter@1.0.0:
+    resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==}
+    engines: {node: '>=4'}
+
+  semver@5.7.2:
+    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
+    hasBin: true
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.5.4:
+    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  semver@7.6.0:
+    resolution: {integrity: sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  serialize-javascript@6.0.1:
+    resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==}
+
+  server-destroy@1.0.1:
+    resolution: {integrity: sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==}
+
+  set-blocking@2.0.0:
+    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
+
+  set-cookie-parser@2.6.0:
+    resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
+
+  set-function-length@1.1.1:
+    resolution: {integrity: sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==}
+    engines: {node: '>= 0.4'}
+
+  set-function-length@1.2.1:
+    resolution: {integrity: sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==}
+    engines: {node: '>= 0.4'}
+
+  set-function-name@2.0.1:
+    resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==}
+    engines: {node: '>= 0.4'}
+
+  sharp@0.32.6:
+    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==}
+    engines: {node: '>=14.15.0'}
+
+  shebang-command@1.2.0:
+    resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
+    engines: {node: '>=0.10.0'}
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@1.0.0:
+    resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==}
+    engines: {node: '>=0.10.0'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  shell-quote@1.8.1:
+    resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
+
+  shiki@0.14.5:
+    resolution: {integrity: sha512-1gCAYOcmCFONmErGTrS1fjzJLA7MGZmKzrBNX7apqSwhyITJg2O102uFzXUeBxNnEkDA9vHIKLyeKq0V083vIw==}
+
+  side-channel@1.0.4:
+    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
+
+  side-channel@1.0.6:
+    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
+    engines: {node: '>= 0.4'}
+
+  signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
+  simple-concat@1.0.1:
+    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
+
+  simple-get@4.0.1:
+    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
+
+  simple-swizzle@0.2.2:
+    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
+
+  sirv@2.0.4:
+    resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
+    engines: {node: '>= 10'}
+
+  sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
+
+  slash@3.0.0:
+    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
+    engines: {node: '>=8'}
+
+  slash@5.1.0:
+    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
+    engines: {node: '>=14.16'}
+
+  slice-ansi@3.0.0:
+    resolution: {integrity: sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==}
+    engines: {node: '>=8'}
+
+  slice-ansi@4.0.0:
+    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
+    engines: {node: '>=10'}
+
+  smartwrap@2.0.2:
+    resolution: {integrity: sha512-vCsKNQxb7PnCNd2wY1WClWifAc2lwqsG8OaswpJkVJsvMGcnEntdTCDajZCkk93Ay1U3t/9puJmb525Rg5MZBA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  smob@1.4.1:
+    resolution: {integrity: sha512-9LK+E7Hv5R9u4g4C3p+jjLstaLe11MDsL21UpYaCNmapvMkYhqCV4A/f/3gyH8QjMyh6l68q9xC85vihY9ahMQ==}
+
+  sorcery@0.11.0:
+    resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==}
+    hasBin: true
+
+  source-map-js@1.0.2:
+    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
+    engines: {node: '>=0.10.0'}
+
+  source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
+  space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
+
+  spawn-command@0.0.2-1:
+    resolution: {integrity: sha512-n98l9E2RMSJ9ON1AKisHzz7V42VDiBQGY6PB1BwRglz99wpVsSuGzQ+jOi6lFXBGVTCrRpltvjm+/XA+tpeJrg==}
+
+  spawndamnit@2.0.0:
+    resolution: {integrity: sha512-j4JKEcncSjFlqIwU5L/rp2N5SIPsdxaRsIv678+TZxZ0SRDJTm8JrxJMjE/XuiEZNEir3S8l0Fa3Ke339WI4qA==}
+
+  spdx-correct@3.2.0:
+    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
+
+  spdx-exceptions@2.3.0:
+    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
+
+  spdx-expression-parse@3.0.1:
+    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
+
+  spdx-license-ids@3.0.16:
+    resolution: {integrity: sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==}
+
+  split@0.3.3:
+    resolution: {integrity: sha512-wD2AeVmxXRBoX44wAycgjVpMhvbwdI2aZjCkvfNcH1YqHQvJVa1duWc73OyVGJUc05fhFaTZeQ/PYsrmyH0JVA==}
+
+  sprintf-js@1.0.3:
+    resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
+
+  sshpk@1.18.0:
+    resolution: {integrity: sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+
+  start-server-and-test@2.0.2:
+    resolution: {integrity: sha512-4sGS2QmETUwqeBUqtTLP7OqXp3PdDnevaWlPlrFQgn8+7uCgVg4Do7/H/ZhAAVyvnL3DqKyANhnLgcgxrjhrMA==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  stdin-discarder@0.1.0:
+    resolution: {integrity: sha512-xhV7w8S+bUwlPTb4bAOUQhv8/cSS5offJuX8GQGq32ONF0ZtDWKfkdomM3HMRA+LhX6um/FZ0COqlwsjD53LeQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  stream-combiner@0.0.4:
+    resolution: {integrity: sha512-rT00SPnTVyRsaSz5zgSPma/aHSOic5U1prhYdRy5HS2kTZviFpmDgzilbtsJsxiroqACmayynDN/9VzIbX5DOw==}
+
+  stream-parser@0.3.1:
+    resolution: {integrity: sha512-bJ/HgKq41nlKvlhccD5kaCr/P+Hu0wPNKPJOH7en+YrJu/9EgqUF+88w5Jb6KNcjOFMhfX4B2asfeAtIGuHObQ==}
+
+  stream-transform@2.1.3:
+    resolution: {integrity: sha512-9GHUiM5hMiCi6Y03jD2ARC1ettBXkQBoQAe7nJsPknnI0ow10aXjTnew8QtYQmLjzn974BnmWEAJgCY6ZP1DeQ==}
+
+  streamx@2.15.1:
+    resolution: {integrity: sha512-fQMzy2O/Q47rgwErk/eGeLu/roaFWV0jVsogDmrszM9uIw8L5OA+t+V93MgYlufNptfjmYR1tOMWhei/Eh7TQA==}
+
+  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-width@6.1.0:
+    resolution: {integrity: sha512-k01swCJAgQmuADB0YIc+7TuatfNvTBVOoaUWJjTB9R4VJzR5vNWzf5t42ESVZFPS8xTySF7CAdV4t/aaIm3UnQ==}
+    engines: {node: '>=16'}
+
+  string.prototype.matchall@4.0.10:
+    resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==}
+
+  string.prototype.trim@1.2.8:
+    resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.trimend@1.0.7:
+    resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==}
+
+  string.prototype.trimstart@1.0.7:
+    resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==}
+
+  string_decoder@1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+
+  stringify-entities@4.0.3:
+    resolution: {integrity: sha512-BP9nNHMhhfcMbiuQKCqMjhDP5yBCAxsPu4pHFFzJ6Alo9dZgY4VLDPutXqIjpRiMoKdp7Av85Gr73Q5uH9k7+g==}
+
+  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-string@1.0.0:
+    resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==}
+    engines: {node: '>=0.10.0'}
+
+  strip-bom@3.0.0:
+    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
+    engines: {node: '>=4'}
+
+  strip-bom@4.0.0:
+    resolution: {integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==}
+    engines: {node: '>=8'}
+
+  strip-final-newline@2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
+    engines: {node: '>=6'}
+
+  strip-final-newline@3.0.0:
+    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
+    engines: {node: '>=12'}
+
+  strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+
+  strip-json-comments@2.0.1:
+    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
+    engines: {node: '>=0.10.0'}
+
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
+  stylehacks@6.0.0:
+    resolution: {integrity: sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  stylehacks@6.1.0:
+    resolution: {integrity: sha512-ETErsPFgwlfYZ/CSjMO2Ddf+TsnkCVPBPaoB99Ro8WMAxf7cglzmFsRBhRmKObFjibtcvlNxFFPHuyr3sNlNUQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  supports-color@5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  supports-color@8.1.1:
+    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
+    engines: {node: '>=10'}
+
+  supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+
+  svelte-check@3.6.6:
+    resolution: {integrity: sha512-b9q9rOHOMYF3U8XllK7LmXTq1LeWQ98waGfEJzrFutViadkNl1tgdEtxIQ8yuPx+VQ4l7YrknYol+0lfZocaZw==}
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
+
+  svelte-check@3.6.7:
+    resolution: {integrity: sha512-tKEjemK9FYCySAseCaIt+ps5o0XRvLC7ECjyJXXtO7vOQhR9E6JavgoUbGP1PCulD2OTcB/fi9RjV3nyF1AROw==}
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
+
+  svelte-eslint-parser@0.33.1:
+    resolution: {integrity: sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      svelte: ^3.37.0 || ^4.0.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+
+  svelte-hmr@0.15.3:
+    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
+    engines: {node: ^12.20 || ^14.13.1 || >= 16}
+    peerDependencies:
+      svelte: ^3.19.0 || ^4.0.0
+
+  svelte-preprocess@5.1.3:
+    resolution: {integrity: sha512-xxAkmxGHT+J/GourS5mVJeOXZzne1FR5ljeOUAMXUkfEhkLEllRreXpbl3dIYJlcJRfL1LO1uIAPpBpBfiqGPw==}
+    engines: {node: '>= 16.0.0', pnpm: ^8.0.0}
+    peerDependencies:
+      '@babel/core': ^7.10.2
+      coffeescript: ^2.5.1
+      less: ^3.11.3 || ^4.0.0
+      postcss: ^7 || ^8
+      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
+      pug: ^3.0.0
+      sass: ^1.26.8
+      stylus: ^0.55.0
+      sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
+      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
+      typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      coffeescript:
+        optional: true
+      less:
+        optional: true
+      postcss:
+        optional: true
+      postcss-load-config:
+        optional: true
+      pug:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      typescript:
+        optional: true
+
+  svelte2tsx@0.6.23:
+    resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==}
+    peerDependencies:
+      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
+      typescript: ^4.9.4 || ^5.0.0
+
+  svelte2tsx@0.7.3:
+    resolution: {integrity: sha512-yrjJFvqp32Ag4Oke+T1xXZLqMNrS0gjzAM//+L6+7OhXWMDuMs0fkyb9ymixK9keVOLJ1GbeEVfg59c3E2IN+w==}
+    peerDependencies:
+      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
+      typescript: ^4.9.4 || ^5.0.0
+
+  svelte@4.2.1:
+    resolution: {integrity: sha512-LpLqY2Jr7cRxkrTc796/AaaoMLF/1ax7cto8Ot76wrvKQhrPmZ0JgajiWPmg9mTSDqO16SSLiD17r9MsvAPTmw==}
+    engines: {node: '>=16'}
+
+  svelte@4.2.12:
+    resolution: {integrity: sha512-d8+wsh5TfPwqVzbm4/HCXC783/KPHV60NvwitJnyTA5lWn1elhXMNWhXGCJ7PwPa8qFUnyJNIyuIRt2mT0WMug==}
+    engines: {node: '>=16'}
+
+  svgo@3.0.2:
+    resolution: {integrity: sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
+  svgo@3.2.0:
+    resolution: {integrity: sha512-4PP6CMW/V7l/GmKRKzsLR8xxjdHTV4IMvhTnpuHwwBazSIlw5W/5SmPjN8Dwyt7lKbSJrRDgp4t9ph0HgChFBQ==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
+  tar-fs@2.1.1:
+    resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
+
+  tar-fs@3.0.4:
+    resolution: {integrity: sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==}
+
+  tar-stream@2.2.0:
+    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
+    engines: {node: '>=6'}
+
+  tar-stream@3.1.6:
+    resolution: {integrity: sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==}
+
+  term-size@2.2.1:
+    resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==}
+    engines: {node: '>=8'}
+
+  terser@5.22.0:
+    resolution: {integrity: sha512-hHZVLgRA2z4NWcN6aS5rQDc+7Dcy58HOf2zbYwmFcQ+ua3h6eEFf5lIDKTzbWwlazPyOZsFQO8V80/IjVNExEw==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  text-table@0.2.0:
+    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+
+  thenby@1.3.4:
+    resolution: {integrity: sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==}
+
+  throttleit@1.0.1:
+    resolution: {integrity: sha512-vDZpf9Chs9mAdfY046mcPt8fg5QSZr37hEH4TXYBnDF+izxgrbRGUAAaBvIk/fJm9aOFCGFd1EsNg5AZCbnQCQ==}
+
+  through@2.3.8:
+    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
+
+  tiny-glob@0.2.9:
+    resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
+
+  tmp@0.0.33:
+    resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==}
+    engines: {node: '>=0.6.0'}
+
+  tmp@0.2.3:
+    resolution: {integrity: sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==}
+    engines: {node: '>=14.14'}
+
+  to-fast-properties@2.0.0:
+    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
+    engines: {node: '>=4'}
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+
+  tough-cookie@4.1.3:
+    resolution: {integrity: sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==}
+    engines: {node: '>=6'}
+
+  tr46@0.0.3:
+    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
+
+  tree-kill@1.2.2:
+    resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
+    hasBin: true
+
+  trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
+
+  trim-newlines@3.0.1:
+    resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
+    engines: {node: '>=8'}
+
+  trough@2.1.0:
+    resolution: {integrity: sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==}
+
+  ts-api-utils@1.0.3:
+    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
+    engines: {node: '>=16.13.0'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+
+  tsconfig-resolver@3.0.1:
+    resolution: {integrity: sha512-ZHqlstlQF449v8glscGRXzL6l2dZvASPCdXJRWG4gHEZlUVx2Jtmr+a2zeVG4LCsKhDXKRj5R3h0C/98UcVAQg==}
+
+  tslib@2.6.2:
+    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
+
+  tty-table@4.2.2:
+    resolution: {integrity: sha512-2gvCArMZLxgvpZ2NvQKdnYWIFLe7I/z5JClMuhrDXunmKgSZcQKcZRjN9XjAFiToMz2pUo1dEIXyrm0AwgV5Tw==}
+    engines: {node: '>=8.0.0'}
+    hasBin: true
+
+  tunnel-agent@0.6.0:
+    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
+
+  turbo-darwin-64@1.10.0:
+    resolution: {integrity: sha512-N0aVGFtBgOKd7pIdUiKREwnDhNHRIvpMJbmUw04c1AqEoTiKAKT6iuzcCozO5N/gYMVr0hxrXgLal5OLYXtcsw==}
+    cpu: [x64]
+    os: [darwin]
+
+  turbo-darwin-arm64@1.10.0:
+    resolution: {integrity: sha512-boXzhaHTS5MsTMv48I/JmYp9/fYplXk5nACUDrqV6nD1hzO5PMn5wNg75ATbpkaMaeuD+hjuobeSxn1p4vpqQg==}
+    cpu: [arm64]
+    os: [darwin]
+
+  turbo-linux-64@1.10.0:
+    resolution: {integrity: sha512-crKQuS1jrp4vp+Th6EmUqqmAlvYNnzGmwWMLeckmYILrV7zAddu87eJu4hB7V6uV+W1qHZUTw8WXa1w1+8boBw==}
+    cpu: [x64]
+    os: [linux]
+
+  turbo-linux-arm64@1.10.0:
+    resolution: {integrity: sha512-Y2fhWe0xepLjl7doIvsJK7mp2h8E+OF6qJsUHRgxFeRWQWi1I6clD2aEQeykHK8Tp+qp8pKFMocj32nFBvuCcg==}
+    cpu: [arm64]
+    os: [linux]
+
+  turbo-windows-64@1.10.0:
+    resolution: {integrity: sha512-uh8rEqH6teaHysEMjinwWBqyNwv4IvgSAwbq/OphP8jObstTYHoR+gFPo8RQUSTaBYy4QVszgi5eO5YLvEQqNA==}
+    cpu: [x64]
+    os: [win32]
+
+  turbo-windows-arm64@1.10.0:
+    resolution: {integrity: sha512-JaVj3iM7qyRD6xYGZLL/Gs4mQKfM1zL0f91AwHZLNkk1CrJ6i5kO4ZjhKkwXSpVOTNKW3sX0Q7dExXj85Vv7UQ==}
+    cpu: [arm64]
+    os: [win32]
+
+  turbo@1.10.0:
+    resolution: {integrity: sha512-GWxoL2zJduiNaEHz78o74l2jCQEeuUZ3MdpMPz0SpZOvt3nimpvQPNxiyfbqt3U9/V5G375PWKYSbXkVnIbQcA==}
+    hasBin: true
+
+  tweetnacl@0.14.5:
+    resolution: {integrity: sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==}
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  type-fest@0.13.1:
+    resolution: {integrity: sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==}
+    engines: {node: '>=10'}
+
+  type-fest@0.20.2:
+    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
+    engines: {node: '>=10'}
+
+  type-fest@0.21.3:
+    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
+    engines: {node: '>=10'}
+
+  type-fest@0.6.0:
+    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
+    engines: {node: '>=8'}
+
+  type-fest@0.8.1:
+    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
+    engines: {node: '>=8'}
+
+  type-fest@2.19.0:
+    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
+    engines: {node: '>=12.20'}
+
+  typed-array-buffer@1.0.0:
+    resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-length@1.0.0:
+    resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-offset@1.0.0:
+    resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-length@1.0.4:
+    resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
+
+  typescript@5.1.3:
+    resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  typescript@5.2.2:
+    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  typescript@5.4.2:
+    resolution: {integrity: sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  ultrahtml@1.5.2:
+    resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==}
+
+  unbox-primitive@1.0.2:
+    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+
+  undici-types@5.26.5:
+    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
+
+  undici@5.26.5:
+    resolution: {integrity: sha512-cSb4bPFd5qgR7qr2jYAi0hlX9n5YKK2ONKkLFkxl+v/9BvC0sOpZjBHDBSXc5lWAf5ty9oZdRXytBIHzgUcerw==}
+    engines: {node: '>=14.0'}
+
+  unherit@3.0.1:
+    resolution: {integrity: sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==}
+
+  unicorn-magic@0.1.0:
+    resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
+    engines: {node: '>=18'}
+
+  unified@10.1.2:
+    resolution: {integrity: sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==}
+
+  unist-util-generated@2.0.1:
+    resolution: {integrity: sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==}
+
+  unist-util-is@5.2.1:
+    resolution: {integrity: sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==}
+
+  unist-util-is@6.0.0:
+    resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
+
+  unist-util-modify-children@3.1.1:
+    resolution: {integrity: sha512-yXi4Lm+TG5VG+qvokP6tpnk+r1EPwyYL04JWDxLvgvPV40jANh7nm3udk65OOWquvbMDe+PL9+LmkxDpTv/7BA==}
+
+  unist-util-position@4.0.4:
+    resolution: {integrity: sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==}
+
+  unist-util-stringify-position@3.0.3:
+    resolution: {integrity: sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==}
+
+  unist-util-visit-children@2.0.2:
+    resolution: {integrity: sha512-+LWpMFqyUwLGpsQxpumsQ9o9DG2VGLFrpz+rpVXYIEdPy57GSy5HioC0g3bg/8WP9oCLlapQtklOzQ8uLS496Q==}
+
+  unist-util-visit-parents@5.1.3:
+    resolution: {integrity: sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==}
+
+  unist-util-visit-parents@6.0.1:
+    resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==}
+
+  unist-util-visit@4.1.2:
+    resolution: {integrity: sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==}
+
+  unist-util-visit@5.0.0:
+    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
+
+  universalify@0.1.2:
+    resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
+    engines: {node: '>= 4.0.0'}
+
+  universalify@0.2.0:
+    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
+    engines: {node: '>= 4.0.0'}
+
+  universalify@2.0.1:
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
+    engines: {node: '>= 10.0.0'}
+
+  untildify@4.0.0:
+    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
+    engines: {node: '>=8'}
+
+  update-browserslist-db@1.0.13:
+    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  url-parse@1.5.10:
+    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==}
+
+  use-sync-external-store@1.2.0:
+    resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+  uuid@8.3.2:
+    resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
+    hasBin: true
+
+  uvu@0.5.6:
+    resolution: {integrity: sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  validate-npm-package-license@3.0.4:
+    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
+
+  verror@1.10.0:
+    resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==}
+    engines: {'0': node >=0.6.0}
+
+  vfile-location@4.1.0:
+    resolution: {integrity: sha512-YF23YMyASIIJXpktBa4vIGLJ5Gs88UB/XePgqPmTa7cDA+JeO3yclbpheQYCHjVHBn/yePzrXuygIL+xbvRYHw==}
+
+  vfile-message@3.1.4:
+    resolution: {integrity: sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==}
+
+  vfile@5.3.7:
+    resolution: {integrity: sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==}
+
+  vite@4.5.0:
+    resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+
+  vite@5.1.5:
+    resolution: {integrity: sha512-BdN1xh0Of/oQafhU+FvopafUp6WaYenLU/NFoL5WyJL++GxkNfieKzBhM24H3HVsPQrlAqB7iJYTHabzaRed5Q==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+
+  vite@5.1.6:
+    resolution: {integrity: sha512-yYIAZs9nVfRJ/AiOLCA91zzhjsHUgMjB+EigzFb6W2XTLO8JixBCKCjvhKZaye+NKYHCrkv3Oh50dH9EdLU2RA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+
+  vitefu@0.2.5:
+    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+
+  vscode-oniguruma@1.7.0:
+    resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==}
+
+  vscode-textmate@8.0.0:
+    resolution: {integrity: sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==}
+
+  wait-on@7.1.0:
+    resolution: {integrity: sha512-U7TF/OYYzAg+OoiT/B8opvN48UHt0QYMi4aD3PjRFpybQ+o6czQF8Ig3SKCCMJdxpBrCalIJ4O00FBof27Fu9Q==}
+    engines: {node: '>=12.0.0'}
+    hasBin: true
+
+  wcwidth@1.0.1:
+    resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
+
+  web-namespaces@2.0.1:
+    resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
+
+  webidl-conversions@3.0.1:
+    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
+
+  whatwg-url@5.0.0:
+    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
+
+  which-boxed-primitive@1.0.2:
+    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+
+  which-builtin-type@1.1.3:
+    resolution: {integrity: sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==}
+    engines: {node: '>= 0.4'}
+
+  which-collection@1.0.1:
+    resolution: {integrity: sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==}
+
+  which-module@2.0.1:
+    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
+
+  which-pm-runs@1.1.0:
+    resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==}
+    engines: {node: '>=4'}
+
+  which-pm@2.0.0:
+    resolution: {integrity: sha512-Lhs9Pmyph0p5n5Z3mVnN0yWcbQYUAD7rbQUiMsQxOJ3T57k7RFe35SUwWMf7dsbDZks1uOmw4AecB/JMDj3v/w==}
+    engines: {node: '>=8.15'}
+
+  which-pm@2.1.1:
+    resolution: {integrity: sha512-xzzxNw2wMaoCWXiGE8IJ9wuPMU+EYhFksjHxrRT8kMT5SnocBPRg69YAMtyV4D12fP582RA+k3P8H9J5EMdIxQ==}
+    engines: {node: '>=8.15'}
+
+  which-typed-array@1.1.13:
+    resolution: {integrity: sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==}
+    engines: {node: '>= 0.4'}
+
+  which@1.3.1:
+    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
+    hasBin: true
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  widest-line@4.0.1:
+    resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==}
+    engines: {node: '>=12'}
+
+  wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
+
+  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==}
+
+  y18n@4.0.3:
+    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
+
+  y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+
+  yallist@2.1.2:
+    resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yallist@4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+
+  yaml@1.10.2:
+    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
+    engines: {node: '>= 6'}
+
+  yaml@2.3.4:
+    resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==}
+    engines: {node: '>= 14'}
+
+  yargs-parser@18.1.3:
+    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
+    engines: {node: '>=6'}
+
+  yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+
+  yargs@15.4.1:
+    resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
+    engines: {node: '>=8'}
+
+  yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+
+  yauzl@2.10.0:
+    resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==}
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  yocto-queue@1.0.0:
+    resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
+    engines: {node: '>=12.20'}
+
+  zod@3.21.1:
+    resolution: {integrity: sha512-+dTu2m6gmCbO9Ahm4ZBDapx2O6ZY9QSPXst2WXjcznPMwf2YNpn3RevLx4KkZp1OPW/ouFcoBtBzFz/LeY69oA==}
+
+  zustand@4.4.1:
+    resolution: {integrity: sha512-QCPfstAS4EBiTQzlaGP1gmorkh/UL1Leaj2tdj+zZCZ/9bm0WS7sI2wnfD5lpOszFqWJ1DcPnGoY8RDL61uokw==}
+    engines: {node: '>=12.7.0'}
+    peerDependencies:
+      '@types/react': '>=16.8'
+      immer: '>=9.0'
+      react: '>=16.8'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
+
+  zustand@4.4.6:
+    resolution: {integrity: sha512-Rb16eW55gqL4W2XZpJh0fnrATxYEG3Apl2gfHTyDSE965x/zxslTikpNch0JgNjJA9zK6gEFW8Fl6d1rTZaqgg==}
+    engines: {node: '>=12.7.0'}
+    peerDependencies:
+      '@types/react': '>=16.8'
+      immer: '>=9.0'
+      react: '>=16.8'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
+
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
+snapshots:
+
+  '@aashutoshrathi/word-wrap@1.2.6': {}
+
+  '@ampproject/remapping@2.2.1':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.3
       '@jridgewell/trace-mapping': 0.3.20
-    dev: false
 
-  /@ampproject/remapping@2.3.0:
-    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
-    engines: {node: '>=6.0.0'}
+  '@ampproject/remapping@2.3.0':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
-  /@astrojs/compiler@2.2.1:
-    resolution: {integrity: sha512-NJ1lWKzMkyEjE3W5NpPNAVot4/PLF5om/P6ekxNu3iLS05CaYFTcp7WpYMjdCC252b7wkNVAs45FNkVQ+RHW/g==}
-    dev: false
+  '@astrojs/compiler@2.2.1': {}
 
-  /@astrojs/internal-helpers@0.2.0:
-    resolution: {integrity: sha512-NQ4ppp1CM0HNkKbJNM4saVSfmUYzGlRalF6wx7F6T/MYHYSWGuojY89/oFTy4t8VlOGUCUijlsVNNeziWaUo5g==}
-    dev: false
+  '@astrojs/internal-helpers@0.2.0': {}
 
-  /@astrojs/markdown-remark@3.2.0(astro@3.2.2):
-    resolution: {integrity: sha512-jigyLfefUZPKgVmmraCkVpdUuFH1R3SrpgQO13axsgwLDBgkggaQpNR5Ag4O9PDualeBtbdt30aYSfvnBKx9Hg==}
-    peerDependencies:
-      astro: ^3.1.0
+  '@astrojs/markdown-remark@3.2.0(astro@3.2.2)':
     dependencies:
       '@astrojs/prism': 3.0.0
       astro: 3.2.2
@@ -531,23 +6170,12 @@ packages:
       vfile: 5.3.7
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /@astrojs/prism@3.0.0:
-    resolution: {integrity: sha512-g61lZupWq1bYbcBnYZqdjndShr/J3l/oFobBKPA3+qMat146zce3nz2kdO4giGbhYDt4gYdhmoBz0vZJ4sIurQ==}
-    engines: {node: '>=18.14.1'}
+  '@astrojs/prism@3.0.0':
     dependencies:
       prismjs: 1.29.0
-    dev: false
 
-  /@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0):
-    resolution: {integrity: sha512-aooNIuQxTg+IWGMZPuIEwBeBi4/TCPCMsr3714zuLjAjukVd5ZrX/bCNxJqDWU4HNwUm4XFU1OhcEvYOHa5uMQ==}
-    engines: {node: '>=18.14.1'}
-    peerDependencies:
-      '@types/react': ^17.0.50 || ^18.0.21
-      '@types/react-dom': ^17.0.17 || ^18.0.6
-      react: ^17.0.2 || ^18.0.0
-      react-dom: ^17.0.2 || ^18.0.0
+  '@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0)':
     dependencies:
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -558,14 +6186,8 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - vite
-    dev: false
 
-  /@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.4.2)(vite@4.5.0):
-    resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==}
-    engines: {node: '>=18.14.1'}
-    peerDependencies:
-      astro: ^3.0.11
-      svelte: ^3.55.0 || ^4.0.0
+  '@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.4.2)(vite@4.5.0)':
     dependencies:
       '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
       astro: 3.2.2
@@ -575,11 +6197,8 @@ packages:
       - supports-color
       - typescript
       - vite
-    dev: false
 
-  /@astrojs/telemetry@3.0.2:
-    resolution: {integrity: sha512-ef+jqCkqopCzjGfsMsr+8p56Nj6F9ZzouWcWZt+dKsqbRccI3c8K3jfkLcdq4AyfFZtKBDB6N4ZuI68g33oiOg==}
-    engines: {node: '>=18.14.1'}
+  '@astrojs/telemetry@3.0.2':
     dependencies:
       ci-info: 3.9.0
       debug: 4.3.4(supports-color@8.1.1)
@@ -591,34 +6210,22 @@ packages:
       which-pm-runs: 1.1.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /@babel/code-frame@7.22.13:
-    resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==}
-    engines: {node: '>=6.9.0'}
+  '@babel/code-frame@7.22.13':
     dependencies:
       '@babel/highlight': 7.22.20
       chalk: 2.4.2
 
-  /@babel/code-frame@7.23.5:
-    resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==}
-    engines: {node: '>=6.9.0'}
+  '@babel/code-frame@7.23.5':
     dependencies:
       '@babel/highlight': 7.23.4
       chalk: 2.4.2
 
-  /@babel/compat-data@7.23.2:
-    resolution: {integrity: sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==}
-    engines: {node: '>=6.9.0'}
+  '@babel/compat-data@7.23.2': {}
 
-  /@babel/compat-data@7.23.5:
-    resolution: {integrity: sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==}
-    engines: {node: '>=6.9.0'}
-    dev: false
+  '@babel/compat-data@7.23.5': {}
 
-  /@babel/core@7.23.2:
-    resolution: {integrity: sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==}
-    engines: {node: '>=6.9.0'}
+  '@babel/core@7.23.2':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.22.13
@@ -638,9 +6245,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/core@7.24.0:
-    resolution: {integrity: sha512-fQfkg0Gjkza3nf0c7/w6Xf34BW4YvzNfACRLmmb7XRLa6XHdR+K9AlJlxneFfWYf6uhOzuzZVTjF/8KfndZANw==}
-    engines: {node: '>=6.9.0'}
+  '@babel/core@7.24.0':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.23.5
@@ -659,37 +6264,26 @@ packages:
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /@babel/generator@7.23.0:
-    resolution: {integrity: sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==}
-    engines: {node: '>=6.9.0'}
+  '@babel/generator@7.23.0':
     dependencies:
       '@babel/types': 7.23.0
       '@jridgewell/gen-mapping': 0.3.3
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
 
-  /@babel/generator@7.23.6:
-    resolution: {integrity: sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==}
-    engines: {node: '>=6.9.0'}
+  '@babel/generator@7.23.6':
     dependencies:
       '@babel/types': 7.24.0
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
-    dev: false
 
-  /@babel/helper-annotate-as-pure@7.22.5:
-    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-annotate-as-pure@7.22.5':
     dependencies:
       '@babel/types': 7.23.0
-    dev: false
 
-  /@babel/helper-compilation-targets@7.22.15:
-    resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-compilation-targets@7.22.15':
     dependencies:
       '@babel/compat-data': 7.23.2
       '@babel/helper-validator-option': 7.22.15
@@ -697,45 +6291,30 @@ packages:
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  /@babel/helper-compilation-targets@7.23.6:
-    resolution: {integrity: sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-compilation-targets@7.23.6':
     dependencies:
       '@babel/compat-data': 7.23.5
       '@babel/helper-validator-option': 7.23.5
       browserslist: 4.23.0
       lru-cache: 5.1.1
       semver: 6.3.1
-    dev: false
 
-  /@babel/helper-environment-visitor@7.22.20:
-    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-environment-visitor@7.22.20': {}
 
-  /@babel/helper-function-name@7.23.0:
-    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-function-name@7.23.0':
     dependencies:
       '@babel/template': 7.22.15
       '@babel/types': 7.23.0
 
-  /@babel/helper-hoist-variables@7.22.5:
-    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-hoist-variables@7.22.5':
     dependencies:
       '@babel/types': 7.23.0
 
-  /@babel/helper-module-imports@7.22.15:
-    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-module-imports@7.22.15':
     dependencies:
       '@babel/types': 7.23.0
 
-  /@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2):
-    resolution: {integrity: sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
+  '@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2)':
     dependencies:
       '@babel/core': 7.23.2
       '@babel/helper-environment-visitor': 7.22.20
@@ -744,11 +6323,7 @@ packages:
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/helper-validator-identifier': 7.22.20
 
-  /@babel/helper-module-transforms@7.23.3(@babel/core@7.24.0):
-    resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
+  '@babel/helper-module-transforms@7.23.3(@babel/core@7.24.0)':
     dependencies:
       '@babel/core': 7.24.0
       '@babel/helper-environment-visitor': 7.22.20
@@ -756,53 +6331,30 @@ packages:
       '@babel/helper-simple-access': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/helper-validator-identifier': 7.22.20
-    dev: false
 
-  /@babel/helper-plugin-utils@7.22.5:
-    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-plugin-utils@7.22.5': {}
 
-  /@babel/helper-plugin-utils@7.24.0:
-    resolution: {integrity: sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w==}
-    engines: {node: '>=6.9.0'}
-    dev: false
+  '@babel/helper-plugin-utils@7.24.0': {}
 
-  /@babel/helper-simple-access@7.22.5:
-    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-simple-access@7.22.5':
     dependencies:
       '@babel/types': 7.23.0
 
-  /@babel/helper-split-export-declaration@7.22.6:
-    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-split-export-declaration@7.22.6':
     dependencies:
       '@babel/types': 7.23.0
 
-  /@babel/helper-string-parser@7.22.5:
-    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-string-parser@7.22.5': {}
 
-  /@babel/helper-string-parser@7.23.4:
-    resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-string-parser@7.23.4': {}
 
-  /@babel/helper-validator-identifier@7.22.20:
-    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-validator-identifier@7.22.20': {}
 
-  /@babel/helper-validator-option@7.22.15:
-    resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-validator-option@7.22.15': {}
 
-  /@babel/helper-validator-option@7.23.5:
-    resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==}
-    engines: {node: '>=6.9.0'}
-    dev: false
+  '@babel/helper-validator-option@7.23.5': {}
 
-  /@babel/helpers@7.23.2:
-    resolution: {integrity: sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helpers@7.23.2':
     dependencies:
       '@babel/template': 7.22.15
       '@babel/traverse': 7.23.2
@@ -810,108 +6362,64 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/helpers@7.24.0:
-    resolution: {integrity: sha512-ulDZdc0Aj5uLc5nETsa7EPx2L7rM0YJM8r7ck7U73AXi7qOV44IHHRAYZHY6iU1rr3C5N4NtTmMRUJP6kwCWeA==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helpers@7.24.0':
     dependencies:
       '@babel/template': 7.24.0
       '@babel/traverse': 7.24.0
       '@babel/types': 7.24.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /@babel/highlight@7.22.20:
-    resolution: {integrity: sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==}
-    engines: {node: '>=6.9.0'}
+  '@babel/highlight@7.22.20':
     dependencies:
       '@babel/helper-validator-identifier': 7.22.20
       chalk: 2.4.2
       js-tokens: 4.0.0
 
-  /@babel/highlight@7.23.4:
-    resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==}
-    engines: {node: '>=6.9.0'}
+  '@babel/highlight@7.23.4':
     dependencies:
       '@babel/helper-validator-identifier': 7.22.20
       chalk: 2.4.2
       js-tokens: 4.0.0
 
-  /@babel/parser@7.23.0:
-    resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
+  '@babel/parser@7.23.0':
     dependencies:
       '@babel/types': 7.23.0
 
-  /@babel/parser@7.23.6:
-    resolution: {integrity: sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
+  '@babel/parser@7.23.6':
     dependencies:
       '@babel/types': 7.23.6
 
-  /@babel/parser@7.24.0:
-    resolution: {integrity: sha512-QuP/FxEAzMSjXygs8v4N9dvdXzEHN4W1oF3PxuWAtPo08UdM17u89RDMgjLn/mlc56iM0HlLmVkO/wgR+rDgHg==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
+  '@babel/parser@7.24.0':
     dependencies:
       '@babel/types': 7.24.0
-    dev: false
 
-  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2):
-    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
+  '@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2)':
     dependencies:
       '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
-    dev: false
 
-  /@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2):
-    resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
+  '@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2)':
     dependencies:
       '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
 
-  /@babel/plugin-transform-react-jsx-self@7.23.3(@babel/core@7.24.0):
-    resolution: {integrity: sha512-qXRvbeKDSfwnlJnanVRp0SfuWE5DQhwQr5xtLBzp56Wabyo+4CMosF6Kfp+eOD/4FYpql64XVJ2W0pVLlJZxOQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
+  '@babel/plugin-transform-react-jsx-self@7.23.3(@babel/core@7.24.0)':
     dependencies:
       '@babel/core': 7.24.0
       '@babel/helper-plugin-utils': 7.24.0
-    dev: false
 
-  /@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2):
-    resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
+  '@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2)':
     dependencies:
       '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
 
-  /@babel/plugin-transform-react-jsx-source@7.23.3(@babel/core@7.24.0):
-    resolution: {integrity: sha512-91RS0MDnAWDNvGC6Wio5XYkyWI39FMFO+JK9+4AlgaTH+yWwVTsw7/sn6LK0lH7c5F+TFkpv/3LfCJ1Ydwof/g==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
+  '@babel/plugin-transform-react-jsx-source@7.23.3(@babel/core@7.24.0)':
     dependencies:
       '@babel/core': 7.24.0
       '@babel/helper-plugin-utils': 7.24.0
-    dev: false
 
-  /@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.2):
-    resolution: {integrity: sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
+  '@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.2)':
     dependencies:
       '@babel/core': 7.23.2
       '@babel/helper-annotate-as-pure': 7.22.5
@@ -919,35 +6427,24 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.23.2)
       '@babel/types': 7.23.0
-    dev: false
 
-  /@babel/runtime@7.23.2:
-    resolution: {integrity: sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==}
-    engines: {node: '>=6.9.0'}
+  '@babel/runtime@7.23.2':
     dependencies:
       regenerator-runtime: 0.14.0
-    dev: true
 
-  /@babel/template@7.22.15:
-    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==}
-    engines: {node: '>=6.9.0'}
+  '@babel/template@7.22.15':
     dependencies:
       '@babel/code-frame': 7.23.5
       '@babel/parser': 7.23.6
       '@babel/types': 7.23.6
 
-  /@babel/template@7.24.0:
-    resolution: {integrity: sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==}
-    engines: {node: '>=6.9.0'}
+  '@babel/template@7.24.0':
     dependencies:
       '@babel/code-frame': 7.23.5
       '@babel/parser': 7.24.0
       '@babel/types': 7.24.0
-    dev: false
 
-  /@babel/traverse@7.23.2:
-    resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==}
-    engines: {node: '>=6.9.0'}
+  '@babel/traverse@7.23.2':
     dependencies:
       '@babel/code-frame': 7.22.13
       '@babel/generator': 7.23.0
@@ -962,9 +6459,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/traverse@7.24.0:
-    resolution: {integrity: sha512-HfuJlI8qq3dEDmNU5ChzzpZRWq+oxCZQyMzIMEqLho+AQnhMnKQUzH6ydo3RBl/YjPCuk68Y6s0Gx0AeyULiWw==}
-    engines: {node: '>=6.9.0'}
+  '@babel/traverse@7.24.0':
     dependencies:
       '@babel/code-frame': 7.23.5
       '@babel/generator': 7.23.6
@@ -978,35 +6473,26 @@ packages:
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /@babel/types@7.23.0:
-    resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==}
-    engines: {node: '>=6.9.0'}
+  '@babel/types@7.23.0':
     dependencies:
       '@babel/helper-string-parser': 7.22.5
       '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
 
-  /@babel/types@7.23.6:
-    resolution: {integrity: sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==}
-    engines: {node: '>=6.9.0'}
+  '@babel/types@7.23.6':
     dependencies:
       '@babel/helper-string-parser': 7.23.4
       '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
 
-  /@babel/types@7.24.0:
-    resolution: {integrity: sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==}
-    engines: {node: '>=6.9.0'}
+  '@babel/types@7.24.0':
     dependencies:
       '@babel/helper-string-parser': 7.23.4
       '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
-    dev: false
 
-  /@changesets/apply-release-plan@6.1.4:
-    resolution: {integrity: sha512-FMpKF1fRlJyCZVYHr3CbinpZZ+6MwvOtWUuO8uo+svcATEoc1zRDcj23pAurJ2TZ/uVz1wFHH6K3NlACy0PLew==}
+  '@changesets/apply-release-plan@6.1.4':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/config': 2.3.1
@@ -1021,10 +6507,8 @@ packages:
       prettier: 2.8.8
       resolve-from: 5.0.0
       semver: 7.5.4
-    dev: true
 
-  /@changesets/assemble-release-plan@5.2.4:
-    resolution: {integrity: sha512-xJkWX+1/CUaOUWTguXEbCDTyWJFECEhmdtbkjhn5GVBGxdP/JwaHBIU9sW3FR6gD07UwZ7ovpiPclQZs+j+mvg==}
+  '@changesets/assemble-release-plan@5.2.4':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/errors': 0.1.4
@@ -1032,27 +6516,20 @@ packages:
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
       semver: 7.5.4
-    dev: true
 
-  /@changesets/changelog-git@0.1.14:
-    resolution: {integrity: sha512-+vRfnKtXVWsDDxGctOfzJsPhaCdXRYoe+KyWYoq5X/GqoISREiat0l3L8B0a453B2B4dfHGcZaGyowHbp9BSaA==}
+  '@changesets/changelog-git@0.1.14':
     dependencies:
       '@changesets/types': 5.2.1
-    dev: true
 
-  /@changesets/changelog-github@0.4.7:
-    resolution: {integrity: sha512-UUG5sKwShs5ha1GFnayUpZNcDGWoY7F5XxhOEHS62sDPOtoHQZsG3j1nC5RxZ3M1URHA321cwVZHeXgu99Y3ew==}
+  '@changesets/changelog-github@0.4.7':
     dependencies:
       '@changesets/get-github-info': 0.5.2
       '@changesets/types': 5.2.1
       dotenv: 8.6.0
     transitivePeerDependencies:
       - encoding
-    dev: true
 
-  /@changesets/cli@2.25.0:
-    resolution: {integrity: sha512-Svu5KD2enurVHGEEzCRlaojrHjVYgF9srmMP9VQSy9c1TspX6C9lDPpulsSNIjYY9BuU/oiWpjBgR7RI9eQiAA==}
-    hasBin: true
+  '@changesets/cli@2.25.0':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/apply-release-plan': 6.1.4
@@ -1087,10 +6564,8 @@ packages:
       spawndamnit: 2.0.0
       term-size: 2.2.1
       tty-table: 4.2.2
-    dev: true
 
-  /@changesets/config@2.3.1:
-    resolution: {integrity: sha512-PQXaJl82CfIXddUOppj4zWu+987GCw2M+eQcOepxN5s+kvnsZOwjEJO3DH9eVy+OP6Pg/KFEWdsECFEYTtbg6w==}
+  '@changesets/config@2.3.1':
     dependencies:
       '@changesets/errors': 0.1.4
       '@changesets/get-dependents-graph': 1.3.6
@@ -1099,35 +6574,27 @@ packages:
       '@manypkg/get-packages': 1.1.3
       fs-extra: 7.0.1
       micromatch: 4.0.5
-    dev: true
 
-  /@changesets/errors@0.1.4:
-    resolution: {integrity: sha512-HAcqPF7snsUJ/QzkWoKfRfXushHTu+K5KZLJWPb34s4eCZShIf8BFO3fwq6KU8+G7L5KdtN2BzQAXOSXEyiY9Q==}
+  '@changesets/errors@0.1.4':
     dependencies:
       extendable-error: 0.1.7
-    dev: true
 
-  /@changesets/get-dependents-graph@1.3.6:
-    resolution: {integrity: sha512-Q/sLgBANmkvUm09GgRsAvEtY3p1/5OCzgBE5vX3vgb5CvW0j7CEljocx5oPXeQSNph6FXulJlXV3Re/v3K3P3Q==}
+  '@changesets/get-dependents-graph@1.3.6':
     dependencies:
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
       chalk: 2.4.2
       fs-extra: 7.0.1
       semver: 7.5.4
-    dev: true
 
-  /@changesets/get-github-info@0.5.2:
-    resolution: {integrity: sha512-JppheLu7S114aEs157fOZDjFqUDpm7eHdq5E8SSR0gUBTEK0cNSHsrSR5a66xs0z3RWuo46QvA3vawp8BxDHvg==}
+  '@changesets/get-github-info@0.5.2':
     dependencies:
       dataloader: 1.4.0
       node-fetch: 2.7.0
     transitivePeerDependencies:
       - encoding
-    dev: true
 
-  /@changesets/get-release-plan@3.0.17:
-    resolution: {integrity: sha512-6IwKTubNEgoOZwDontYc2x2cWXfr6IKxP3IhKeK+WjyD6y3M4Gl/jdQvBw+m/5zWILSOCAaGLu2ZF6Q+WiPniw==}
+  '@changesets/get-release-plan@3.0.17':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/assemble-release-plan': 5.2.4
@@ -1136,14 +6603,10 @@ packages:
       '@changesets/read': 0.5.9
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
-    dev: true
 
-  /@changesets/get-version-range-type@0.3.2:
-    resolution: {integrity: sha512-SVqwYs5pULYjYT4op21F2pVbcrca4qA/bAA3FmFXKMN7Y+HcO8sbZUTx3TAy2VXulP2FACd1aC7f2nTuqSPbqg==}
-    dev: true
+  '@changesets/get-version-range-type@0.3.2': {}
 
-  /@changesets/git@1.5.0:
-    resolution: {integrity: sha512-Xo8AT2G7rQJSwV87c8PwMm6BAc98BnufRMsML7m7Iw8Or18WFvFmxqG5aOL5PBvhgq9KrKvaeIBNIymracSuHg==}
+  '@changesets/git@1.5.0':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/errors': 0.1.4
@@ -1151,10 +6614,8 @@ packages:
       '@manypkg/get-packages': 1.1.3
       is-subdir: 1.2.0
       spawndamnit: 2.0.0
-    dev: true
 
-  /@changesets/git@2.0.0:
-    resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==}
+  '@changesets/git@2.0.0':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/errors': 0.1.4
@@ -1163,33 +6624,25 @@ packages:
       is-subdir: 1.2.0
       micromatch: 4.0.5
       spawndamnit: 2.0.0
-    dev: true
 
-  /@changesets/logger@0.0.5:
-    resolution: {integrity: sha512-gJyZHomu8nASHpaANzc6bkQMO9gU/ib20lqew1rVx753FOxffnCrJlGIeQVxNWCqM+o6OOleCo/ivL8UAO5iFw==}
+  '@changesets/logger@0.0.5':
     dependencies:
       chalk: 2.4.2
-    dev: true
 
-  /@changesets/parse@0.3.16:
-    resolution: {integrity: sha512-127JKNd167ayAuBjUggZBkmDS5fIKsthnr9jr6bdnuUljroiERW7FBTDNnNVyJ4l69PzR57pk6mXQdtJyBCJKg==}
+  '@changesets/parse@0.3.16':
     dependencies:
       '@changesets/types': 5.2.1
       js-yaml: 3.14.1
-    dev: true
 
-  /@changesets/pre@1.0.14:
-    resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==}
+  '@changesets/pre@1.0.14':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/errors': 0.1.4
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
       fs-extra: 7.0.1
-    dev: true
 
-  /@changesets/read@0.5.9:
-    resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==}
+  '@changesets/read@0.5.9':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/git': 2.0.0
@@ -1199,36 +6652,23 @@ packages:
       chalk: 2.4.2
       fs-extra: 7.0.1
       p-filter: 2.1.0
-    dev: true
 
-  /@changesets/types@4.1.0:
-    resolution: {integrity: sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw==}
-    dev: true
+  '@changesets/types@4.1.0': {}
 
-  /@changesets/types@5.2.1:
-    resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==}
-    dev: true
+  '@changesets/types@5.2.1': {}
 
-  /@changesets/write@0.2.3:
-    resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==}
+  '@changesets/write@0.2.3':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/types': 5.2.1
       fs-extra: 7.0.1
       human-id: 1.0.2
       prettier: 2.8.8
-    dev: true
 
-  /@colors/colors@1.5.0:
-    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
-    engines: {node: '>=0.1.90'}
-    requiresBuild: true
-    dev: true
+  '@colors/colors@1.5.0':
     optional: true
 
-  /@cypress/request@3.0.1:
-    resolution: {integrity: sha512-TWivJlJi8ZDx2wGOw1dbLuHJKUYX7bWySw377nlnGOW3hP9/MUKIsEdXT/YngWxVdgNCHRBmFlBipE+5/2ZZlQ==}
-    engines: {node: '>= 6'}
+  '@cypress/request@3.0.1':
     dependencies:
       aws-sign2: 0.7.0
       aws4: 1.12.0
@@ -1248,633 +6688,243 @@ packages:
       tough-cookie: 4.1.3
       tunnel-agent: 0.6.0
       uuid: 8.3.2
-    dev: true
 
-  /@cypress/skip-test@2.6.1:
-    resolution: {integrity: sha512-X+ibefBiuOmC5gKG91wRIT0/OqXeETYvu7zXktjZ3yLeO186Y8ia0K7/gQUpAwuUi28DuqMd1+7tBQVtPkzbPA==}
-    dev: true
+  '@cypress/skip-test@2.6.1': {}
 
-  /@cypress/xvfb@1.2.4(supports-color@8.1.1):
-    resolution: {integrity: sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==}
+  '@cypress/xvfb@1.2.4(supports-color@8.1.1)':
     dependencies:
       debug: 3.2.7(supports-color@8.1.1)
       lodash.once: 4.1.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@dagrejs/dagre@1.0.4:
-    resolution: {integrity: sha512-jrEore+HhW1yg1Rsd9H1PPMcoEOD4bVh0WCXc6GqzyzubnJj4GaWGg8ETOrskTd/3n/g5LOzumGM4CCgpNLJNw==}
+  '@dagrejs/dagre@1.0.4':
     dependencies:
       '@dagrejs/graphlib': 2.1.13
-    dev: false
 
-  /@dagrejs/graphlib@2.1.13:
-    resolution: {integrity: sha512-calbMa7Gcyo+/t23XBaqQqon8LlgE9regey4UVoikoenKBXvUnCUL3s9RP6USCxttfr0XWVICtYUuKMdehKqMw==}
-    engines: {node: '>17.0.0'}
-    dev: false
+  '@dagrejs/graphlib@2.1.13': {}
 
-  /@esbuild/aix-ppc64@0.19.12:
-    resolution: {integrity: sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [aix]
-    requiresBuild: true
+  '@esbuild/aix-ppc64@0.19.12':
     optional: true
 
-  /@esbuild/android-arm64@0.18.20:
-    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
+  '@esbuild/android-arm64@0.18.20':
     optional: true
 
-  /@esbuild/android-arm64@0.19.12:
-    resolution: {integrity: sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
+  '@esbuild/android-arm64@0.19.12':
     optional: true
 
-  /@esbuild/android-arm64@0.19.5:
-    resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: false
+  '@esbuild/android-arm64@0.19.5':
     optional: true
 
-  /@esbuild/android-arm@0.18.20:
-    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
+  '@esbuild/android-arm@0.18.20':
     optional: true
 
-  /@esbuild/android-arm@0.19.12:
-    resolution: {integrity: sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
+  '@esbuild/android-arm@0.19.12':
     optional: true
 
-  /@esbuild/android-arm@0.19.5:
-    resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: false
+  '@esbuild/android-arm@0.19.5':
     optional: true
 
-  /@esbuild/android-x64@0.18.20:
-    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
+  '@esbuild/android-x64@0.18.20':
     optional: true
 
-  /@esbuild/android-x64@0.19.12:
-    resolution: {integrity: sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
+  '@esbuild/android-x64@0.19.12':
     optional: true
 
-  /@esbuild/android-x64@0.19.5:
-    resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    dev: false
+  '@esbuild/android-x64@0.19.5':
     optional: true
 
-  /@esbuild/darwin-arm64@0.18.20:
-    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
+  '@esbuild/darwin-arm64@0.18.20':
     optional: true
 
-  /@esbuild/darwin-arm64@0.19.12:
-    resolution: {integrity: sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
+  '@esbuild/darwin-arm64@0.19.12':
     optional: true
 
-  /@esbuild/darwin-arm64@0.19.5:
-    resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: false
+  '@esbuild/darwin-arm64@0.19.5':
     optional: true
 
-  /@esbuild/darwin-x64@0.18.20:
-    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
+  '@esbuild/darwin-x64@0.18.20':
     optional: true
 
-  /@esbuild/darwin-x64@0.19.12:
-    resolution: {integrity: sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
+  '@esbuild/darwin-x64@0.19.12':
     optional: true
 
-  /@esbuild/darwin-x64@0.19.5:
-    resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: false
+  '@esbuild/darwin-x64@0.19.5':
     optional: true
 
-  /@esbuild/freebsd-arm64@0.18.20:
-    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
+  '@esbuild/freebsd-arm64@0.18.20':
     optional: true
 
-  /@esbuild/freebsd-arm64@0.19.12:
-    resolution: {integrity: sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
+  '@esbuild/freebsd-arm64@0.19.12':
     optional: true
 
-  /@esbuild/freebsd-arm64@0.19.5:
-    resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: false
+  '@esbuild/freebsd-arm64@0.19.5':
     optional: true
 
-  /@esbuild/freebsd-x64@0.18.20:
-    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
+  '@esbuild/freebsd-x64@0.18.20':
     optional: true
-
-  /@esbuild/freebsd-x64@0.19.12:
-    resolution: {integrity: sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
+
+  '@esbuild/freebsd-x64@0.19.12':
     optional: true
 
-  /@esbuild/freebsd-x64@0.19.5:
-    resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: false
+  '@esbuild/freebsd-x64@0.19.5':
     optional: true
 
-  /@esbuild/linux-arm64@0.18.20:
-    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-arm64@0.18.20':
     optional: true
 
-  /@esbuild/linux-arm64@0.19.12:
-    resolution: {integrity: sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-arm64@0.19.12':
     optional: true
 
-  /@esbuild/linux-arm64@0.19.5:
-    resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-arm64@0.19.5':
     optional: true
 
-  /@esbuild/linux-arm@0.18.20:
-    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-arm@0.18.20':
     optional: true
 
-  /@esbuild/linux-arm@0.19.12:
-    resolution: {integrity: sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-arm@0.19.12':
     optional: true
 
-  /@esbuild/linux-arm@0.19.5:
-    resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-arm@0.19.5':
     optional: true
 
-  /@esbuild/linux-ia32@0.18.20:
-    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-ia32@0.18.20':
     optional: true
 
-  /@esbuild/linux-ia32@0.19.12:
-    resolution: {integrity: sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-ia32@0.19.12':
     optional: true
 
-  /@esbuild/linux-ia32@0.19.5:
-    resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-ia32@0.19.5':
     optional: true
 
-  /@esbuild/linux-loong64@0.18.20:
-    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-loong64@0.18.20':
     optional: true
 
-  /@esbuild/linux-loong64@0.19.12:
-    resolution: {integrity: sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-loong64@0.19.12':
     optional: true
 
-  /@esbuild/linux-loong64@0.19.5:
-    resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-loong64@0.19.5':
     optional: true
 
-  /@esbuild/linux-mips64el@0.18.20:
-    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-mips64el@0.18.20':
     optional: true
 
-  /@esbuild/linux-mips64el@0.19.12:
-    resolution: {integrity: sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-mips64el@0.19.12':
     optional: true
 
-  /@esbuild/linux-mips64el@0.19.5:
-    resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-mips64el@0.19.5':
     optional: true
 
-  /@esbuild/linux-ppc64@0.18.20:
-    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-ppc64@0.18.20':
     optional: true
 
-  /@esbuild/linux-ppc64@0.19.12:
-    resolution: {integrity: sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-ppc64@0.19.12':
     optional: true
 
-  /@esbuild/linux-ppc64@0.19.5:
-    resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-ppc64@0.19.5':
     optional: true
 
-  /@esbuild/linux-riscv64@0.18.20:
-    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-riscv64@0.18.20':
     optional: true
 
-  /@esbuild/linux-riscv64@0.19.12:
-    resolution: {integrity: sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-riscv64@0.19.12':
     optional: true
 
-  /@esbuild/linux-riscv64@0.19.5:
-    resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-riscv64@0.19.5':
     optional: true
 
-  /@esbuild/linux-s390x@0.18.20:
-    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-s390x@0.18.20':
     optional: true
 
-  /@esbuild/linux-s390x@0.19.12:
-    resolution: {integrity: sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-s390x@0.19.12':
     optional: true
 
-  /@esbuild/linux-s390x@0.19.5:
-    resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-s390x@0.19.5':
     optional: true
 
-  /@esbuild/linux-x64@0.18.20:
-    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-x64@0.18.20':
     optional: true
 
-  /@esbuild/linux-x64@0.19.12:
-    resolution: {integrity: sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-x64@0.19.12':
     optional: true
 
-  /@esbuild/linux-x64@0.19.5:
-    resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-x64@0.19.5':
     optional: true
 
-  /@esbuild/netbsd-x64@0.18.20:
-    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
+  '@esbuild/netbsd-x64@0.18.20':
     optional: true
 
-  /@esbuild/netbsd-x64@0.19.12:
-    resolution: {integrity: sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
+  '@esbuild/netbsd-x64@0.19.12':
     optional: true
 
-  /@esbuild/netbsd-x64@0.19.5:
-    resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    dev: false
+  '@esbuild/netbsd-x64@0.19.5':
     optional: true
 
-  /@esbuild/openbsd-x64@0.18.20:
-    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
+  '@esbuild/openbsd-x64@0.18.20':
     optional: true
 
-  /@esbuild/openbsd-x64@0.19.12:
-    resolution: {integrity: sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
+  '@esbuild/openbsd-x64@0.19.12':
     optional: true
 
-  /@esbuild/openbsd-x64@0.19.5:
-    resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    dev: false
+  '@esbuild/openbsd-x64@0.19.5':
     optional: true
 
-  /@esbuild/sunos-x64@0.18.20:
-    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
+  '@esbuild/sunos-x64@0.18.20':
     optional: true
 
-  /@esbuild/sunos-x64@0.19.12:
-    resolution: {integrity: sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
+  '@esbuild/sunos-x64@0.19.12':
     optional: true
 
-  /@esbuild/sunos-x64@0.19.5:
-    resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: false
+  '@esbuild/sunos-x64@0.19.5':
     optional: true
 
-  /@esbuild/win32-arm64@0.18.20:
-    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
+  '@esbuild/win32-arm64@0.18.20':
     optional: true
 
-  /@esbuild/win32-arm64@0.19.12:
-    resolution: {integrity: sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
+  '@esbuild/win32-arm64@0.19.12':
     optional: true
 
-  /@esbuild/win32-arm64@0.19.5:
-    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: false
+  '@esbuild/win32-arm64@0.19.5':
     optional: true
 
-  /@esbuild/win32-ia32@0.18.20:
-    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
+  '@esbuild/win32-ia32@0.18.20':
     optional: true
 
-  /@esbuild/win32-ia32@0.19.12:
-    resolution: {integrity: sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
+  '@esbuild/win32-ia32@0.19.12':
     optional: true
 
-  /@esbuild/win32-ia32@0.19.5:
-    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: false
+  '@esbuild/win32-ia32@0.19.5':
     optional: true
 
-  /@esbuild/win32-x64@0.18.20:
-    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
+  '@esbuild/win32-x64@0.18.20':
     optional: true
 
-  /@esbuild/win32-x64@0.19.12:
-    resolution: {integrity: sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
+  '@esbuild/win32-x64@0.19.12':
     optional: true
 
-  /@esbuild/win32-x64@0.19.5:
-    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: false
+  '@esbuild/win32-x64@0.19.5':
     optional: true
 
-  /@eslint-community/eslint-utils@4.4.0(eslint@8.43.0):
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+  '@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)':
     dependencies:
       eslint: 8.43.0
       eslint-visitor-keys: 3.4.3
-    dev: true
 
-  /@eslint-community/eslint-utils@4.4.0(eslint@8.53.0):
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+  '@eslint-community/eslint-utils@4.4.0(eslint@8.53.0)':
     dependencies:
       eslint: 8.53.0
       eslint-visitor-keys: 3.4.3
-    dev: true
 
-  /@eslint-community/eslint-utils@4.4.0(eslint@8.57.0):
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+  '@eslint-community/eslint-utils@4.4.0(eslint@8.57.0)':
     dependencies:
       eslint: 8.57.0
       eslint-visitor-keys: 3.4.3
-    dev: true
 
-  /@eslint-community/regexpp@4.10.0:
-    resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-    dev: true
+  '@eslint-community/regexpp@4.10.0': {}
 
-  /@eslint-community/regexpp@4.9.1:
-    resolution: {integrity: sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-    dev: true
+  '@eslint-community/regexpp@4.9.1': {}
 
-  /@eslint/eslintrc@2.1.2:
-    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@eslint/eslintrc@2.1.2':
     dependencies:
       ajv: 6.12.6
       debug: 4.3.4(supports-color@8.1.1)
@@ -1887,11 +6937,8 @@ packages:
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@eslint/eslintrc@2.1.3:
-    resolution: {integrity: sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@eslint/eslintrc@2.1.3':
     dependencies:
       ajv: 6.12.6
       debug: 4.3.4(supports-color@8.1.1)
@@ -1904,11 +6951,8 @@ packages:
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@eslint/eslintrc@2.1.4:
-    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@eslint/eslintrc@2.1.4':
     dependencies:
       ajv: 6.12.6
       debug: 4.3.4(supports-color@8.1.1)
@@ -1921,138 +6965,88 @@ packages:
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@eslint/js@8.43.0:
-    resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
+  '@eslint/js@8.43.0': {}
 
-  /@eslint/js@8.53.0:
-    resolution: {integrity: sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
+  '@eslint/js@8.53.0': {}
 
-  /@eslint/js@8.57.0:
-    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
+  '@eslint/js@8.57.0': {}
 
-  /@fastify/busboy@2.0.0:
-    resolution: {integrity: sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==}
-    engines: {node: '>=14'}
-    dev: false
+  '@fastify/busboy@2.0.0': {}
 
-  /@hapi/hoek@9.3.0:
-    resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
-    dev: true
+  '@hapi/hoek@9.3.0': {}
 
-  /@hapi/topo@5.1.0:
-    resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==}
+  '@hapi/topo@5.1.0':
     dependencies:
       '@hapi/hoek': 9.3.0
-    dev: true
 
-  /@humanwhocodes/config-array@0.11.13:
-    resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==}
-    engines: {node: '>=10.10.0'}
+  '@humanwhocodes/config-array@0.11.13':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.1
       debug: 4.3.4(supports-color@8.1.1)
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@humanwhocodes/config-array@0.11.14:
-    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
-    engines: {node: '>=10.10.0'}
+  '@humanwhocodes/config-array@0.11.14':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.2
       debug: 4.3.4(supports-color@8.1.1)
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@humanwhocodes/module-importer@1.0.1:
-    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
-    engines: {node: '>=12.22'}
-    dev: true
+  '@humanwhocodes/module-importer@1.0.1': {}
 
-  /@humanwhocodes/object-schema@2.0.1:
-    resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==}
-    dev: true
+  '@humanwhocodes/object-schema@2.0.1': {}
 
-  /@humanwhocodes/object-schema@2.0.2:
-    resolution: {integrity: sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==}
-    dev: true
+  '@humanwhocodes/object-schema@2.0.2': {}
 
-  /@jridgewell/gen-mapping@0.3.3:
-    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
-    engines: {node: '>=6.0.0'}
+  '@jridgewell/gen-mapping@0.3.3':
     dependencies:
       '@jridgewell/set-array': 1.1.2
       '@jridgewell/sourcemap-codec': 1.4.15
       '@jridgewell/trace-mapping': 0.3.20
 
-  /@jridgewell/gen-mapping@0.3.5:
-    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
-    engines: {node: '>=6.0.0'}
+  '@jridgewell/gen-mapping@0.3.5':
     dependencies:
       '@jridgewell/set-array': 1.2.1
       '@jridgewell/sourcemap-codec': 1.4.15
       '@jridgewell/trace-mapping': 0.3.25
 
-  /@jridgewell/resolve-uri@3.1.1:
-    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
-    engines: {node: '>=6.0.0'}
+  '@jridgewell/resolve-uri@3.1.1': {}
 
-  /@jridgewell/resolve-uri@3.1.2:
-    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
-    engines: {node: '>=6.0.0'}
+  '@jridgewell/resolve-uri@3.1.2': {}
 
-  /@jridgewell/set-array@1.1.2:
-    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
-    engines: {node: '>=6.0.0'}
+  '@jridgewell/set-array@1.1.2': {}
 
-  /@jridgewell/set-array@1.2.1:
-    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
-    engines: {node: '>=6.0.0'}
+  '@jridgewell/set-array@1.2.1': {}
 
-  /@jridgewell/source-map@0.3.5:
-    resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}
+  '@jridgewell/source-map@0.3.5':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.3
       '@jridgewell/trace-mapping': 0.3.20
-    dev: true
 
-  /@jridgewell/sourcemap-codec@1.4.15:
-    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+  '@jridgewell/sourcemap-codec@1.4.15': {}
 
-  /@jridgewell/trace-mapping@0.3.20:
-    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==}
+  '@jridgewell/trace-mapping@0.3.20':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.1
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  /@jridgewell/trace-mapping@0.3.25:
-    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
+  '@jridgewell/trace-mapping@0.3.25':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  /@manypkg/find-root@1.1.0:
-    resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
+  '@manypkg/find-root@1.1.0':
     dependencies:
       '@babel/runtime': 7.23.2
       '@types/node': 12.20.55
       find-up: 4.1.0
       fs-extra: 8.1.0
-    dev: true
 
-  /@manypkg/get-packages@1.1.3:
-    resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
+  '@manypkg/get-packages@1.1.3':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/types': 4.1.0
@@ -2060,30 +7054,20 @@ packages:
       fs-extra: 8.1.0
       globby: 11.1.0
       read-yaml-file: 1.1.0
-    dev: true
 
-  /@nodelib/fs.scandir@2.1.5:
-    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
-    engines: {node: '>= 8'}
+  '@nodelib/fs.scandir@2.1.5':
     dependencies:
       '@nodelib/fs.stat': 2.0.5
       run-parallel: 1.2.0
 
-  /@nodelib/fs.stat@2.0.5:
-    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
-    engines: {node: '>= 8'}
+  '@nodelib/fs.stat@2.0.5': {}
 
-  /@nodelib/fs.walk@1.2.8:
-    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
-    engines: {node: '>= 8'}
+  '@nodelib/fs.walk@1.2.8':
     dependencies:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
 
-  /@playwright/experimental-ct-core@1.42.1(@types/node@18.7.16):
-    resolution: {integrity: sha512-wBS6pzgJwRuK0MwgiooamLW0prQLgT0RAhxooeMyqU97VbDI5aYuuynlxobJDDymU4HcOKARg2rG8h6jX7ShrA==}
-    engines: {node: '>=16'}
-    hasBin: true
+  '@playwright/experimental-ct-core@1.42.1(@types/node@18.7.16)':
     dependencies:
       playwright: 1.42.1
       playwright-core: 1.42.1
@@ -2096,12 +7080,8 @@ packages:
       - stylus
       - sugarss
       - terser
-    dev: false
-
-  /@playwright/experimental-ct-react@1.42.1(@types/node@18.7.16)(vite@4.5.0):
-    resolution: {integrity: sha512-/dxu7nkGOlZIx9MUGQPM5kiIGksYIBaaJKQuNmaJNV29V3VGI1p9yQqrvl1jFK/Hu7SC1LmFB8RlkrOgMiZKYg==}
-    engines: {node: '>=16'}
-    hasBin: true
+
+  '@playwright/experimental-ct-react@1.42.1(@types/node@18.7.16)(vite@4.5.0)':
     dependencies:
       '@playwright/experimental-ct-core': 1.42.1(@types/node@18.7.16)
       '@vitejs/plugin-react': 4.2.1(vite@4.5.0)
@@ -2115,30 +7095,14 @@ packages:
       - supports-color
       - terser
       - vite
-    dev: false
 
-  /@playwright/test@1.42.1:
-    resolution: {integrity: sha512-Gq9rmS54mjBL/7/MvBaNOBwbfnh7beHvS6oS4srqXFcQHpQCV1+c8JXWE8VLPyRDhgS3H8x8A7hztqI9VnwrAQ==}
-    engines: {node: '>=16'}
-    hasBin: true
+  '@playwright/test@1.42.1':
     dependencies:
       playwright: 1.42.1
-    dev: true
 
-  /@polka/url@1.0.0-next.24:
-    resolution: {integrity: sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==}
-    dev: true
+  '@polka/url@1.0.0-next.24': {}
 
-  /@reduxjs/toolkit@2.2.3(react-redux@9.1.1)(react@18.2.0):
-    resolution: {integrity: sha512-76dll9EnJXg4EVcI5YNxZA/9hSAmZsFqzMmNRHvIlzw2WS/twfcVX3ysYrWGJMClwEmChQFC4yRq74tn6fdzRA==}
-    peerDependencies:
-      react: ^16.9.0 || ^17.0.0 || ^18
-      react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-redux:
-        optional: true
+  '@reduxjs/toolkit@2.2.3(react-redux@9.1.1)(react@18.2.0)':
     dependencies:
       immer: 10.0.4
       react: 18.2.0
@@ -2146,21 +7110,10 @@ packages:
       redux: 5.0.1
       redux-thunk: 3.1.0(redux@5.0.1)
       reselect: 5.1.0
-    dev: false
 
-  /@remix-run/router@1.11.0:
-    resolution: {integrity: sha512-BHdhcWgeiudl91HvVa2wxqZjSHbheSgIiDvxrF1VjFzBzpTtuDPkOdOi3Iqvc08kXtFkLjhbS+ML9aM8mJS+wQ==}
-    engines: {node: '>=14.0.0'}
-    dev: false
+  '@remix-run/router@1.11.0': {}
 
-  /@rollup/plugin-commonjs@25.0.0(rollup@3.23.0):
-    resolution: {integrity: sha512-hoho2Kay9TZrLu0bnDsTTCaj4Npa+THk9snajP/XDNb9a9mmjTjh52EQM9sKl3HD1LsnihX7js+eA2sd2uKAhw==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^2.68.0||^3.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
+  '@rollup/plugin-commonjs@25.0.0(rollup@3.23.0)':
     dependencies:
       '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
       commondir: 1.0.1
@@ -2169,16 +7122,8 @@ packages:
       is-reference: 1.2.1
       magic-string: 0.27.0
       rollup: 3.23.0
-    dev: true
 
-  /@rollup/plugin-node-resolve@15.1.0(rollup@3.23.0):
-    resolution: {integrity: sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^2.78.0||^3.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
+  '@rollup/plugin-node-resolve@15.1.0(rollup@3.23.0)':
     dependencies:
       '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
       '@types/resolve': 1.20.2
@@ -2187,212 +7132,96 @@ packages:
       is-module: 1.0.0
       resolve: 1.22.8
       rollup: 3.23.0
-    dev: true
 
-  /@rollup/plugin-replace@5.0.2(rollup@3.23.0):
-    resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
+  '@rollup/plugin-replace@5.0.2(rollup@3.23.0)':
     dependencies:
       '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
       magic-string: 0.27.0
       rollup: 3.23.0
-    dev: true
 
-  /@rollup/plugin-terser@0.4.3(rollup@3.23.0):
-    resolution: {integrity: sha512-EF0oejTMtkyhrkwCdg0HJ0IpkcaVg1MMSf2olHb2Jp+1mnLM04OhjpJWGma4HobiDTF0WCyViWuvadyE9ch2XA==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^2.x || ^3.x
-    peerDependenciesMeta:
-      rollup:
-        optional: true
+  '@rollup/plugin-terser@0.4.3(rollup@3.23.0)':
     dependencies:
       rollup: 3.23.0
       serialize-javascript: 6.0.1
       smob: 1.4.1
       terser: 5.22.0
-    dev: true
 
-  /@rollup/plugin-typescript@11.0.0(rollup@3.23.0)(typescript@5.4.2):
-    resolution: {integrity: sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^2.14.0||^3.0.0
-      tslib: '*'
-      typescript: '>=3.7.0'
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-      tslib:
-        optional: true
+  '@rollup/plugin-typescript@11.0.0(rollup@3.23.0)(typescript@5.4.2)':
     dependencies:
       '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
       resolve: 1.22.8
       rollup: 3.23.0
       typescript: 5.4.2
-    dev: true
 
-  /@rollup/pluginutils@5.0.5(rollup@3.23.0):
-    resolution: {integrity: sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
+  '@rollup/pluginutils@5.0.5(rollup@3.23.0)':
     dependencies:
       '@types/estree': 1.0.3
       estree-walker: 2.0.2
       picomatch: 2.3.1
       rollup: 3.23.0
-    dev: true
 
-  /@rollup/rollup-android-arm-eabi@4.12.1:
-    resolution: {integrity: sha512-iU2Sya8hNn1LhsYyf0N+L4Gf9Qc+9eBTJJJsaOGUp+7x4n2M9dxTt8UvhJl3oeftSjblSlpCfvjA/IfP3g5VjQ==}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
+  '@rollup/rollup-android-arm-eabi@4.12.1':
     optional: true
 
-  /@rollup/rollup-android-arm64@4.12.1:
-    resolution: {integrity: sha512-wlzcWiH2Ir7rdMELxFE5vuM7D6TsOcJ2Yw0c3vaBR3VOsJFVTx9xvwnAvhgU5Ii8Gd6+I11qNHwndDscIm0HXg==}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
+  '@rollup/rollup-android-arm64@4.12.1':
     optional: true
 
-  /@rollup/rollup-darwin-arm64@4.12.1:
-    resolution: {integrity: sha512-YRXa1+aZIFN5BaImK+84B3uNK8C6+ynKLPgvn29X9s0LTVCByp54TB7tdSMHDR7GTV39bz1lOmlLDuedgTwwHg==}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
+  '@rollup/rollup-darwin-arm64@4.12.1':
     optional: true
 
-  /@rollup/rollup-darwin-x64@4.12.1:
-    resolution: {integrity: sha512-opjWJ4MevxeA8FhlngQWPBOvVWYNPFkq6/25rGgG+KOy0r8clYwL1CFd+PGwRqqMFVQ4/Qd3sQu5t7ucP7C/Uw==}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
+  '@rollup/rollup-darwin-x64@4.12.1':
     optional: true
 
-  /@rollup/rollup-linux-arm-gnueabihf@4.12.1:
-    resolution: {integrity: sha512-uBkwaI+gBUlIe+EfbNnY5xNyXuhZbDSx2nzzW8tRMjUmpScd6lCQYKY2V9BATHtv5Ef2OBq6SChEP8h+/cxifQ==}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
+  '@rollup/rollup-linux-arm-gnueabihf@4.12.1':
     optional: true
 
-  /@rollup/rollup-linux-arm64-gnu@4.12.1:
-    resolution: {integrity: sha512-0bK9aG1kIg0Su7OcFTlexkVeNZ5IzEsnz1ept87a0TUgZ6HplSgkJAnFpEVRW7GRcikT4GlPV0pbtVedOaXHQQ==}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
+  '@rollup/rollup-linux-arm64-gnu@4.12.1':
     optional: true
 
-  /@rollup/rollup-linux-arm64-musl@4.12.1:
-    resolution: {integrity: sha512-qB6AFRXuP8bdkBI4D7UPUbE7OQf7u5OL+R94JE42Z2Qjmyj74FtDdLGeriRyBDhm4rQSvqAGCGC01b8Fu2LthQ==}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
+  '@rollup/rollup-linux-arm64-musl@4.12.1':
     optional: true
 
-  /@rollup/rollup-linux-riscv64-gnu@4.12.1:
-    resolution: {integrity: sha512-sHig3LaGlpNgDj5o8uPEoGs98RII8HpNIqFtAI8/pYABO8i0nb1QzT0JDoXF/pxzqO+FkxvwkHZo9k0NJYDedg==}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
+  '@rollup/rollup-linux-riscv64-gnu@4.12.1':
     optional: true
 
-  /@rollup/rollup-linux-x64-gnu@4.12.1:
-    resolution: {integrity: sha512-nD3YcUv6jBJbBNFvSbp0IV66+ba/1teuBcu+fBBPZ33sidxitc6ErhON3JNavaH8HlswhWMC3s5rgZpM4MtPqQ==}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
+  '@rollup/rollup-linux-x64-gnu@4.12.1':
     optional: true
 
-  /@rollup/rollup-linux-x64-musl@4.12.1:
-    resolution: {integrity: sha512-7/XVZqgBby2qp/cO0TQ8uJK+9xnSdJ9ct6gSDdEr4MfABrjTyrW6Bau7HQ73a2a5tPB7hno49A0y1jhWGDN9OQ==}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
+  '@rollup/rollup-linux-x64-musl@4.12.1':
     optional: true
 
-  /@rollup/rollup-win32-arm64-msvc@4.12.1:
-    resolution: {integrity: sha512-CYc64bnICG42UPL7TrhIwsJW4QcKkIt9gGlj21gq3VV0LL6XNb1yAdHVp1pIi9gkts9gGcT3OfUYHjGP7ETAiw==}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
+  '@rollup/rollup-win32-arm64-msvc@4.12.1':
     optional: true
 
-  /@rollup/rollup-win32-ia32-msvc@4.12.1:
-    resolution: {integrity: sha512-LN+vnlZ9g0qlHGlS920GR4zFCqAwbv2lULrR29yGaWP9u7wF5L7GqWu9Ah6/kFZPXPUkpdZwd//TNR+9XC9hvA==}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
+  '@rollup/rollup-win32-ia32-msvc@4.12.1':
     optional: true
 
-  /@rollup/rollup-win32-x64-msvc@4.12.1:
-    resolution: {integrity: sha512-n+vkrSyphvmU0qkQ6QBNXCGr2mKjhP08mPRM/Xp5Ck2FV4NrHU+y6axzDeixUrCBHVUS51TZhjqrKBBsHLKb2Q==}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
+  '@rollup/rollup-win32-x64-msvc@4.12.1':
     optional: true
 
-  /@sideway/address@4.1.4:
-    resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==}
+  '@sideway/address@4.1.4':
     dependencies:
       '@hapi/hoek': 9.3.0
-    dev: true
 
-  /@sideway/formula@3.0.1:
-    resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==}
-    dev: true
+  '@sideway/formula@3.0.1': {}
 
-  /@sideway/pinpoint@2.0.0:
-    resolution: {integrity: sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==}
-    dev: true
+  '@sideway/pinpoint@2.0.0': {}
 
-  /@sindresorhus/merge-streams@1.0.0:
-    resolution: {integrity: sha512-rUV5WyJrJLoloD4NDN1V1+LDMDWOa4OTsT4yYJwQNpTU6FWxkxHpL7eu4w+DmiH8x/EAM1otkPE1+LaspIbplw==}
-    engines: {node: '>=18'}
-    dev: true
+  '@sindresorhus/merge-streams@1.0.0': {}
 
-  /@svelte-put/shortcut@3.1.0:
-    resolution: {integrity: sha512-EWMEDkZ0+O3yMhb9yrqe5UYisV9CNRKX6Pl/JW3x62t74CiN+3COu1L9NzZUG0omagc2Z3J14PZNYxs77IC9NA==}
-    dev: false
+  '@svelte-put/shortcut@3.1.0': {}
 
-  /@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.2):
-    resolution: {integrity: sha512-6LeZft2Fo/4HfmLBi5CucMYmgRxgcETweQl/yQoZo/895K3S9YWYN4Sfm/IhwlIpbJp3QNvhKmwCHbsqQNYQpw==}
-    peerDependencies:
-      '@sveltejs/kit': ^2.0.0
+  '@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.2)':
     dependencies:
       '@sveltejs/kit': 2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0)
       import-meta-resolve: 4.0.0
-    dev: true
 
-  /@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4):
-    resolution: {integrity: sha512-6LeZft2Fo/4HfmLBi5CucMYmgRxgcETweQl/yQoZo/895K3S9YWYN4Sfm/IhwlIpbJp3QNvhKmwCHbsqQNYQpw==}
-    peerDependencies:
-      '@sveltejs/kit': ^2.0.0
+  '@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4)':
     dependencies:
       '@sveltejs/kit': 2.5.4(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6)
       import-meta-resolve: 4.0.0
-    dev: true
 
-  /@sveltejs/kit@2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0):
-    resolution: {integrity: sha512-1Pm2lsBYURQsjnLyZa+jw75eVD4gYHxGRwPyFe4DAmB3FjTVR8vRNWGeuDLGFcKMh/B1ij6FTUrc9GrerogCng==}
-    engines: {node: '>=18.13'}
-    hasBin: true
-    requiresBuild: true
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^3.0.0
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.3
+  '@sveltejs/kit@2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0)':
     dependencies:
       '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@4.5.0)
       '@types/cookie': 0.6.0
@@ -2409,17 +7238,8 @@ packages:
       svelte: 4.2.12
       tiny-glob: 0.2.9
       vite: 4.5.0(@types/node@18.7.16)
-    dev: true
 
-  /@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6):
-    resolution: {integrity: sha512-eDxK2d4EGzk99QsZNoPXe7jlzA5EGqfcCpUwZ912bhnalsZ2ZsG5wGRthkydupVjYyqdmzEanVKFhLxU2vkPSQ==}
-    engines: {node: '>=18.13'}
-    hasBin: true
-    requiresBuild: true
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^3.0.0
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.3
+  '@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6)':
     dependencies:
       '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.6)
       '@types/cookie': 0.6.0
@@ -2436,14 +7256,8 @@ packages:
       svelte: 4.2.12
       tiny-glob: 0.2.9
       vite: 5.1.6
-    dev: true
 
-  /@sveltejs/package@2.3.0(svelte@4.2.12)(typescript@5.4.2):
-    resolution: {integrity: sha512-wmtwEfi3gQnmtotAjygRHR6cmLfpblQl1dU764f3N2I5DPe34llFs44bHOYcuk91Bp2sSq6bWUmNwxGlYCchOA==}
-    engines: {node: ^16.14 || >=18}
-    hasBin: true
-    peerDependencies:
-      svelte: ^3.44.0 || ^4.0.0 || ^5.0.0-next.1
+  '@sveltejs/package@2.3.0(svelte@4.2.12)(typescript@5.4.2)':
     dependencies:
       chokidar: 3.6.0
       kleur: 4.1.5
@@ -2453,15 +7267,8 @@ packages:
       svelte2tsx: 0.7.3(svelte@4.2.12)(typescript@5.4.2)
     transitivePeerDependencies:
       - typescript
-    dev: true
 
-  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0):
-    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^2.2.0
-      svelte: ^3.54.0 || ^4.0.0
-      vite: ^4.0.0
+  '@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0)':
     dependencies:
       '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
@@ -2469,15 +7276,8 @@ packages:
       vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0):
-    resolution: {integrity: sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==}
-    engines: {node: ^18.0.0 || >=20}
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^3.0.0
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.0
+  '@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0)':
     dependencies:
       '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
@@ -2486,13 +7286,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6):
-    resolution: {integrity: sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==}
-    engines: {node: ^18.0.0 || >=20}
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^3.0.0
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.0
+  '@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6)':
     dependencies:
       '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.6)
       debug: 4.3.4(supports-color@8.1.1)
@@ -2500,14 +7294,8 @@ packages:
       vite: 5.1.6
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0):
-    resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==}
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0
-      vite: ^4.0.0
+  '@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0)':
     dependencies:
       '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
@@ -2520,14 +7308,8 @@ packages:
       vitefu: 0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.12)(vite@4.5.0):
-    resolution: {integrity: sha512-MpmF/cju2HqUls50WyTHQBZUV3ovV/Uk8k66AN2gwHogNAG8wnW8xtZDhzNBsFJJuvmq1qnzA5kE7YfMJNFv2Q==}
-    engines: {node: ^18.0.0 || >=20}
-    peerDependencies:
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.0
+  '@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.12)(vite@4.5.0)':
     dependencies:
       '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
@@ -2541,12 +7323,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.12)(vite@5.1.6):
-    resolution: {integrity: sha512-MpmF/cju2HqUls50WyTHQBZUV3ovV/Uk8k66AN2gwHogNAG8wnW8xtZDhzNBsFJJuvmq1qnzA5kE7YfMJNFv2Q==}
-    engines: {node: ^18.0.0 || >=20}
-    peerDependencies:
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.0
+  '@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.12)(vite@5.1.6)':
     dependencies:
       '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6)
       debug: 4.3.4(supports-color@8.1.1)
@@ -2559,107 +7336,38 @@ packages:
       vitefu: 0.2.5(vite@5.1.6)
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@swc/core-darwin-arm64@1.3.96:
-    resolution: {integrity: sha512-8hzgXYVd85hfPh6mJ9yrG26rhgzCmcLO0h1TIl8U31hwmTbfZLzRitFQ/kqMJNbIBCwmNH1RU2QcJnL3d7f69A==}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
+  '@swc/core-darwin-arm64@1.3.96':
     optional: true
 
-  /@swc/core-darwin-x64@1.3.96:
-    resolution: {integrity: sha512-mFp9GFfuPg+43vlAdQZl0WZpZSE8sEzqL7sr/7Reul5McUHP0BaLsEzwjvD035ESfkY8GBZdLpMinblIbFNljQ==}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
+  '@swc/core-darwin-x64@1.3.96':
     optional: true
 
-  /@swc/core-linux-arm-gnueabihf@1.3.96:
-    resolution: {integrity: sha512-8UEKkYJP4c8YzYIY/LlbSo8z5Obj4hqcv/fUTHiEePiGsOddgGf7AWjh56u7IoN/0uEmEro59nc1ChFXqXSGyg==}
-    engines: {node: '>=10'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
+  '@swc/core-linux-arm-gnueabihf@1.3.96':
     optional: true
 
-  /@swc/core-linux-arm64-gnu@1.3.96:
-    resolution: {integrity: sha512-c/IiJ0s1y3Ymm2BTpyC/xr6gOvoqAVETrivVXHq68xgNms95luSpbYQ28rqaZC8bQC8M5zdXpSc0T8DJu8RJGw==}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
+  '@swc/core-linux-arm64-gnu@1.3.96':
     optional: true
 
-  /@swc/core-linux-arm64-musl@1.3.96:
-    resolution: {integrity: sha512-i5/UTUwmJLri7zhtF6SAo/4QDQJDH2fhYJaBIUhrICmIkRO/ltURmpejqxsM/ye9Jqv5zG7VszMC0v/GYn/7BQ==}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
+  '@swc/core-linux-arm64-musl@1.3.96':
     optional: true
 
-  /@swc/core-linux-x64-gnu@1.3.96:
-    resolution: {integrity: sha512-USdaZu8lTIkm4Yf9cogct/j5eqtdZqTgcTib4I+NloUW0E/hySou3eSyp3V2UAA1qyuC72ld1otXuyKBna0YKQ==}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
+  '@swc/core-linux-x64-gnu@1.3.96':
     optional: true
 
-  /@swc/core-linux-x64-musl@1.3.96:
-    resolution: {integrity: sha512-QYErutd+G2SNaCinUVobfL7jWWjGTI0QEoQ6hqTp7PxCJS/dmKmj3C5ZkvxRYcq7XcZt7ovrYCTwPTHzt6lZBg==}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
+  '@swc/core-linux-x64-musl@1.3.96':
     optional: true
 
-  /@swc/core-win32-arm64-msvc@1.3.96:
-    resolution: {integrity: sha512-hjGvvAduA3Un2cZ9iNP4xvTXOO4jL3G9iakhFsgVhpkU73SGmK7+LN8ZVBEu4oq2SUcHO6caWvnZ881cxGuSpg==}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
+  '@swc/core-win32-arm64-msvc@1.3.96':
     optional: true
 
-  /@swc/core-win32-ia32-msvc@1.3.96:
-    resolution: {integrity: sha512-Far2hVFiwr+7VPCM2GxSmbh3ikTpM3pDombE+d69hkedvYHYZxtTF+2LTKl/sXtpbUnsoq7yV/32c9R/xaaWfw==}
-    engines: {node: '>=10'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
+  '@swc/core-win32-ia32-msvc@1.3.96':
     optional: true
 
-  /@swc/core-win32-x64-msvc@1.3.96:
-    resolution: {integrity: sha512-4VbSAniIu0ikLf5mBX81FsljnfqjoVGleEkCQv4+zRlyZtO3FHoDPkeLVoy6WRlj7tyrRcfUJ4mDdPkbfTO14g==}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
+  '@swc/core-win32-x64-msvc@1.3.96':
     optional: true
 
-  /@swc/core@1.3.96:
-    resolution: {integrity: sha512-zwE3TLgoZwJfQygdv2SdCK9mRLYluwDOM53I+dT6Z5ZvrgVENmY3txvWDvduzkV+/8IuvrRbVezMpxcojadRdQ==}
-    engines: {node: '>=10'}
-    requiresBuild: true
-    peerDependencies:
-      '@swc/helpers': ^0.5.0
-    peerDependenciesMeta:
-      '@swc/helpers':
-        optional: true
+  '@swc/core@1.3.96':
     dependencies:
       '@swc/counter': 0.1.2
       '@swc/types': 0.1.5
@@ -2674,33 +7382,22 @@ packages:
       '@swc/core-win32-arm64-msvc': 1.3.96
       '@swc/core-win32-ia32-msvc': 1.3.96
       '@swc/core-win32-x64-msvc': 1.3.96
-    dev: true
 
-  /@swc/counter@0.1.2:
-    resolution: {integrity: sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==}
-    dev: true
+  '@swc/counter@0.1.2': {}
 
-  /@swc/types@0.1.5:
-    resolution: {integrity: sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==}
-    dev: true
+  '@swc/types@0.1.5': {}
 
-  /@trysound/sax@0.2.0:
-    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
-    engines: {node: '>=10.13.0'}
-    dev: true
+  '@trysound/sax@0.2.0': {}
 
-  /@types/babel__core@7.20.3:
-    resolution: {integrity: sha512-54fjTSeSHwfan8AyHWrKbfBWiEUrNTZsUwPTDSNaaP1QDQIZbeNUg3a59E9D+375MzUw/x1vx2/0F5LBz+AeYA==}
+  '@types/babel__core@7.20.3':
     dependencies:
       '@babel/parser': 7.23.0
       '@babel/types': 7.23.0
       '@types/babel__generator': 7.6.7
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.20.4
-    dev: false
 
-  /@types/babel__core@7.20.4:
-    resolution: {integrity: sha512-mLnSC22IC4vcWiuObSRjrLd9XcBTGf59vUSoq2jkQDJ/QQ8PMI9rSuzE+aEV8karUMbskw07bKYoUJCKTUaygg==}
+  '@types/babel__core@7.20.4':
     dependencies:
       '@babel/parser': 7.23.0
       '@babel/types': 7.23.0
@@ -2708,194 +7405,122 @@ packages:
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.20.4
 
-  /@types/babel__core@7.20.5:
-    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
+  '@types/babel__core@7.20.5':
     dependencies:
       '@babel/parser': 7.24.0
       '@babel/types': 7.24.0
       '@types/babel__generator': 7.6.8
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.20.5
-    dev: false
 
-  /@types/babel__generator@7.6.7:
-    resolution: {integrity: sha512-6Sfsq+EaaLrw4RmdFWE9Onp63TOUue71AWb4Gpa6JxzgTYtimbM086WnYTy2U67AofR++QKCo08ZP6pwx8YFHQ==}
+  '@types/babel__generator@7.6.7':
     dependencies:
       '@babel/types': 7.23.0
 
-  /@types/babel__generator@7.6.8:
-    resolution: {integrity: sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==}
+  '@types/babel__generator@7.6.8':
     dependencies:
       '@babel/types': 7.24.0
-    dev: false
 
-  /@types/babel__template@7.4.4:
-    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
+  '@types/babel__template@7.4.4':
     dependencies:
       '@babel/parser': 7.23.0
       '@babel/types': 7.23.0
 
-  /@types/babel__traverse@7.20.4:
-    resolution: {integrity: sha512-mSM/iKUk5fDDrEV/e83qY+Cr3I1+Q3qqTuEn++HAWYjEa1+NxZr6CNrcJGf2ZTnq4HoFGC3zaTPZTobCzCFukA==}
+  '@types/babel__traverse@7.20.4':
     dependencies:
       '@babel/types': 7.23.0
 
-  /@types/babel__traverse@7.20.5:
-    resolution: {integrity: sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==}
+  '@types/babel__traverse@7.20.5':
     dependencies:
       '@babel/types': 7.24.0
-    dev: false
 
-  /@types/cookie@0.6.0:
-    resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
-    dev: true
+  '@types/cookie@0.6.0': {}
 
-  /@types/d3-array@3.0.9:
-    resolution: {integrity: sha512-mZowFN3p64ajCJJ4riVYlOjNlBJv3hctgAY01pjw3qTnJePD8s9DZmYDzhHKvzfCYvdjwylkU38+Vdt7Cu2FDA==}
-    dev: false
+  '@types/d3-array@3.0.9': {}
 
-  /@types/d3-axis@3.0.5:
-    resolution: {integrity: sha512-ufDAV3SQzju+uB3Jlty7SUb/jMigjpIlvDDcSGvGmmO6OT/sNO93UE0dRzwWOZeBLzrLSA0CQM4bf3iq1std3A==}
+  '@types/d3-axis@3.0.5':
     dependencies:
       '@types/d3-selection': 3.0.3
-    dev: false
 
-  /@types/d3-brush@3.0.5:
-    resolution: {integrity: sha512-JROQXZNq1X6QdWstESDUv1VilwZ2hBCQnWB91yal+5yZvYwGQvYsGCjrkHGfKK/8/AcX1JnERmpQzdDDuLRUsA==}
+  '@types/d3-brush@3.0.5':
     dependencies:
       '@types/d3-selection': 3.0.3
-    dev: false
 
-  /@types/d3-chord@3.0.5:
-    resolution: {integrity: sha512-rs26AIhJjtc+XLR4YQU8IjPTLOlDVO4PR1y+pVFYEHzKh2tE5tYz3MF4QV6iz7HboXQEaYpJQt8dH9uUkne8yA==}
-    dev: false
+  '@types/d3-chord@3.0.5': {}
 
-  /@types/d3-color@3.1.2:
-    resolution: {integrity: sha512-At+Ski7dL8Bs58E8g8vPcFJc8tGcaC12Z4m07+p41+DRqnZQcAlp3NfYjLrhNYv+zEyQitU1CUxXNjqUyf+c0g==}
-    dev: false
+  '@types/d3-color@3.1.2': {}
 
-  /@types/d3-contour@3.0.5:
-    resolution: {integrity: sha512-wLvjwdOQVd1NL1IcW90CCt1VtpeZ3V20p/OTXlkT8uAiprrJnq2PNNnRNe1QCez4U9aMU29Z14zpJQVLW1+Lcg==}
+  '@types/d3-contour@3.0.5':
     dependencies:
       '@types/d3-array': 3.0.9
       '@types/geojson': 7946.0.12
-    dev: false
 
-  /@types/d3-delaunay@6.0.3:
-    resolution: {integrity: sha512-+Lf5NPKZ4JBC9tbudVkKceQXRxU3jJs0el9aKQvinMtdnFSOG84eVXyhCNgIFuXNQO3iIcYs7sgzN359FEOZnQ==}
-    dev: false
+  '@types/d3-delaunay@6.0.3': {}
 
-  /@types/d3-dispatch@3.0.5:
-    resolution: {integrity: sha512-hxvq2kc+9hydVppo21JCGfcM0tLTh1DXnG3MLN0KlxsNZJH4bsdl1iXDuWtXFpWWlBrCMwSqlnoLPDxNAZU3Bg==}
-    dev: false
+  '@types/d3-dispatch@3.0.5': {}
 
-  /@types/d3-drag@3.0.1:
-    resolution: {integrity: sha512-o1Va7bLwwk6h03+nSM8dpaGEYnoIG19P0lKqlic8Un36ymh9NSkNFX1yiXMKNMx8rJ0Kfnn2eovuFaL6Jvj0zA==}
+  '@types/d3-drag@3.0.1':
     dependencies:
       '@types/d3-selection': 3.0.3
-    dev: false
 
-  /@types/d3-dsv@3.0.5:
-    resolution: {integrity: sha512-73WZR3QFOaSRVz9iOrebTbTnbo7xjcgS/i0Cq5zy0jMXPO3v/JbkTD3Zqii1eYE6v4EJ78g5VP407rm+p8fdlA==}
-    dev: false
+  '@types/d3-dsv@3.0.5': {}
 
-  /@types/d3-ease@3.0.1:
-    resolution: {integrity: sha512-VZofjpEt8HWv3nxUAosj5o/+4JflnJ7Bbv07k17VO3T2WRuzGdZeookfaF60iVh5RdhVG49LE5w6LIshVUC6rg==}
-    dev: false
+  '@types/d3-ease@3.0.1': {}
 
-  /@types/d3-fetch@3.0.5:
-    resolution: {integrity: sha512-Rc8pb6H0RRLpAV2hEXduykUgcDUOhjSLTLmCIeo6ejzgs4SaITh/EteMb3p5Env3Hqjsqw0fCksyqopHHzMkMg==}
+  '@types/d3-fetch@3.0.5':
     dependencies:
       '@types/d3-dsv': 3.0.5
-    dev: false
 
-  /@types/d3-force@3.0.7:
-    resolution: {integrity: sha512-rsok4CEvPLyVWRPsFiBhanJc3up03H/EARVz4d8soPh8drv82YMuAckYy4yv8g4/81JwCng5U5/o9aj9d0T6bQ==}
-    dev: false
+  '@types/d3-force@3.0.7': {}
 
-  /@types/d3-format@3.0.3:
-    resolution: {integrity: sha512-kxuLXSAEJykTeL/EI3tUiEfGqru7PRdqEy099YBnqFl+fF167UVSB4+wntlZv86ZdoYf0DHjsRHnTIm8kcH7qw==}
-    dev: false
+  '@types/d3-format@3.0.3': {}
 
-  /@types/d3-geo@3.0.6:
-    resolution: {integrity: sha512-wblAES3b+C3hvp4VakwECEKtHquT/xc6K4HOna95LM1j1fd7s7WmU4V+JMQZfKhNCMkV2vWD+ZUgY2Uj6gqfuA==}
+  '@types/d3-geo@3.0.6':
     dependencies:
       '@types/geojson': 7946.0.12
-    dev: false
 
-  /@types/d3-hierarchy@3.1.5:
-    resolution: {integrity: sha512-DEcBUj1IL3WyPLDlh4m2nsNXnMLITXM5Vwcu4G85yJHtf2cVGPBjgky3L11WBnT+ayHKf06Tchk5mY1eGmd4WQ==}
-    dev: false
+  '@types/d3-hierarchy@3.1.5': {}
 
-  /@types/d3-interpolate@3.0.3:
-    resolution: {integrity: sha512-6OZ2EIB4lLj+8cUY7I/Cgn9Q+hLdA4DjJHYOQDiHL0SzqS1K9DL5xIOVBSIHgF+tiuO9MU1D36qvdIvRDRPh+Q==}
+  '@types/d3-interpolate@3.0.3':
     dependencies:
       '@types/d3-color': 3.1.2
-    dev: false
 
-  /@types/d3-path@3.0.1:
-    resolution: {integrity: sha512-blRhp7ki7pVznM8k6lk5iUU9paDbVRVq+/xpf0RRgSJn5gr6SE7RcFtxooYGMBOc1RZiGyqRpVdu5AD0z0ooMA==}
-    dev: false
+  '@types/d3-path@3.0.1': {}
 
-  /@types/d3-polygon@3.0.1:
-    resolution: {integrity: sha512-nrcWPk7B9qs6xnpq60Cls44zm9eDmFAv65qi/N/emh/oftnG6uYz49aIS0mdFaGeJxVN8H3pHneMuZMV8EwFdw==}
-    dev: false
+  '@types/d3-polygon@3.0.1': {}
 
-  /@types/d3-quadtree@3.0.4:
-    resolution: {integrity: sha512-B725MopFDIOQ6njFbeOxIEf42HVO2Xv+FmcxQISdOKErvLbFqWz3Riu+OWujUYoogreqqyHBHcGGL/JzzXQYsw==}
-    dev: false
+  '@types/d3-quadtree@3.0.4': {}
 
-  /@types/d3-random@3.0.2:
-    resolution: {integrity: sha512-8QhsqkKs6mymAZMrg3ZFXPxKA34rdgp3ZrtB8o6mhFsKAd1gOvR1gocWnca+kmXypQdwgnzKm9gZE2Uw8NjjKw==}
-    dev: false
+  '@types/d3-random@3.0.2': {}
 
-  /@types/d3-scale-chromatic@3.0.1:
-    resolution: {integrity: sha512-Ob7OrwiTeQXY/WBBbRHGZBOn6rH1h7y3jjpTSKYqDEeqFjktql6k2XSgNwLrLDmAsXhEn8P9NHDY4VTuo0ZY1w==}
-    dev: false
+  '@types/d3-scale-chromatic@3.0.1': {}
 
-  /@types/d3-scale@4.0.6:
-    resolution: {integrity: sha512-lo3oMLSiqsQUovv8j15X4BNEDOsnHuGjeVg7GRbAuB2PUa1prK5BNSOu6xixgNf3nqxPl4I1BqJWrPvFGlQoGQ==}
+  '@types/d3-scale@4.0.6':
     dependencies:
       '@types/d3-time': 3.0.2
-    dev: false
 
-  /@types/d3-selection@3.0.3:
-    resolution: {integrity: sha512-Mw5cf6nlW1MlefpD9zrshZ+DAWL4IQ5LnWfRheW6xwsdaWOb6IRRu2H7XPAQcyXEx1D7XQWgdoKR83ui1/HlEA==}
-    dev: false
+  '@types/d3-selection@3.0.3': {}
 
-  /@types/d3-shape@3.1.4:
-    resolution: {integrity: sha512-M2/xsWPsjaZc5ifMKp1EBp0gqJG0eO/zlldJNOC85Y/5DGsBQ49gDkRJ2h5GY7ZVD6KUumvZWsylSbvTaJTqKg==}
+  '@types/d3-shape@3.1.4':
     dependencies:
       '@types/d3-path': 3.0.1
-    dev: false
 
-  /@types/d3-time-format@4.0.2:
-    resolution: {integrity: sha512-wr08C1Gh77qaN8JIkrn5Rz/bdt5M9bdEqFmEOcYhUSq2t2sHvLTBfb4XAtGB3D4hm0ubj50NXWWXoXyp5tPXDg==}
-    dev: false
+  '@types/d3-time-format@4.0.2': {}
 
-  /@types/d3-time@3.0.2:
-    resolution: {integrity: sha512-kbdRXTmUgNfw5OTE3KZnFQn6XdIc4QGroN5UixgdrXATmYsdlPQS6pEut9tVlIojtzuFD4txs/L+Rq41AHtLpg==}
-    dev: false
+  '@types/d3-time@3.0.2': {}
 
-  /@types/d3-timer@3.0.1:
-    resolution: {integrity: sha512-GGTvzKccVEhxmRfJEB6zhY9ieT4UhGVUIQaBzFpUO9OXy2ycAlnPCSJLzmGGgqt3KVjqN3QCQB4g1rsZnHsWhg==}
-    dev: false
+  '@types/d3-timer@3.0.1': {}
 
-  /@types/d3-transition@3.0.6:
-    resolution: {integrity: sha512-K0To23B5UxNwFtKORnS5JoNYvw/DnknU5MzhHIS9czJ/lTqFFDeU6w9lArOdoTl0cZFNdNrMJSFCbRCEHccH2w==}
+  '@types/d3-transition@3.0.6':
     dependencies:
       '@types/d3-selection': 3.0.3
-    dev: false
 
-  /@types/d3-zoom@3.0.1:
-    resolution: {integrity: sha512-7s5L9TjfqIYQmQQEUcpMAcBOahem7TRoSO/+Gkz02GbMVuULiZzjF2BOdw291dbO2aNon4m2OdFsRGaCq2caLQ==}
+  '@types/d3-zoom@3.0.1':
     dependencies:
       '@types/d3-interpolate': 3.0.3
       '@types/d3-selection': 3.0.3
-    dev: false
 
-  /@types/d3@7.4.0:
-    resolution: {integrity: sha512-jIfNVK0ZlxcuRDKtRS/SypEyOQ6UHaFQBKv032X45VvxSJ6Yi5G9behy9h6tNTHTDGh5Vq+KbmBjUWLgY4meCA==}
+  '@types/d3@7.4.0':
     dependencies:
       '@types/d3-array': 3.0.9
       '@types/d3-axis': 3.0.5
@@ -2927,196 +7552,118 @@ packages:
       '@types/d3-timer': 3.0.1
       '@types/d3-transition': 3.0.6
       '@types/d3-zoom': 3.0.1
-    dev: false
 
-  /@types/dagre@0.7.52:
-    resolution: {integrity: sha512-XKJdy+OClLk3hketHi9Qg6gTfe1F3y+UFnHxKA2rn9Dw+oXa4Gb378Ztz9HlMgZKSxpPmn4BNVh9wgkpvrK1uw==}
-    dev: true
+  '@types/dagre@0.7.52': {}
 
-  /@types/debug@4.1.10:
-    resolution: {integrity: sha512-tOSCru6s732pofZ+sMv9o4o3Zc+Sa8l3bxd/tweTQudFn06vAzb13ZX46Zi6m6EJ+RUbRTHvgQJ1gBtSgkaUYA==}
+  '@types/debug@4.1.10':
     dependencies:
       '@types/ms': 0.7.33
-    dev: false
 
-  /@types/estree@1.0.3:
-    resolution: {integrity: sha512-CS2rOaoQ/eAgAfcTfq6amKG7bsN+EMcgGY4FAFQdvSj2y1ixvOZTUA9mOtCai7E1SYu283XNw7urKK30nP3wkQ==}
+  '@types/estree@1.0.3': {}
 
-  /@types/estree@1.0.5:
-    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+  '@types/estree@1.0.5': {}
 
-  /@types/geojson@7946.0.12:
-    resolution: {integrity: sha512-uK2z1ZHJyC0nQRbuovXFt4mzXDwf27vQeUWNhfKGwRcWW429GOhP8HxUHlM6TLH4bzmlv/HlEjpvJh3JfmGsAA==}
-    dev: false
+  '@types/geojson@7946.0.12': {}
 
-  /@types/hast@2.3.7:
-    resolution: {integrity: sha512-EVLigw5zInURhzfXUM65eixfadfsHKomGKUakToXo84t8gGIJuTcD2xooM2See7GyQ7DRtYjhCHnSUQez8JaLw==}
+  '@types/hast@2.3.7':
     dependencies:
       '@types/unist': 2.0.9
-    dev: false
 
-  /@types/is-ci@3.0.3:
-    resolution: {integrity: sha512-FdHbjLiN2e8fk9QYQyVYZrK8svUDJpxSaSWLUga8EZS1RGAvvrqM9zbVARBtQuYPeLgnJxM2xloOswPwj1o2cQ==}
+  '@types/is-ci@3.0.3':
     dependencies:
       ci-info: 3.9.0
-    dev: true
 
-  /@types/json-schema@7.0.15:
-    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
-    dev: true
+  '@types/json-schema@7.0.15': {}
 
-  /@types/json5@0.0.30:
-    resolution: {integrity: sha512-sqm9g7mHlPY/43fcSNrCYfOeX9zkTTK+euO5E6+CVijSMm5tTjkVdwdqRkY3ljjIAf8679vps5jKUoJBCLsMDA==}
-    dev: false
+  '@types/json5@0.0.30': {}
 
-  /@types/mdast@3.0.14:
-    resolution: {integrity: sha512-gVZ04PGgw1qLZKsnWnyFv4ORnaJ+DXLdHTVSFbU8yX6xZ34Bjg4Q32yPkmveUP1yItXReKfB0Aknlh/3zxTKAw==}
+  '@types/mdast@3.0.14':
     dependencies:
       '@types/unist': 2.0.9
-    dev: false
 
-  /@types/mdast@4.0.2:
-    resolution: {integrity: sha512-tYR83EignvhYO9iU3kDg8V28M0jqyh9zzp5GV+EO+AYnyUl3P5ltkTeJuTiFZQFz670FSb3EwT/6LQdX+UdKfw==}
+  '@types/mdast@4.0.2':
     dependencies:
       '@types/unist': 3.0.1
-    dev: false
 
-  /@types/minimist@1.2.4:
-    resolution: {integrity: sha512-Kfe/D3hxHTusnPNRbycJE1N77WHDsdS4AjUYIzlDzhDrS47NrwuL3YW4VITxwR7KCVpzwgy4Rbj829KSSQmwXQ==}
-    dev: true
+  '@types/minimist@1.2.4': {}
 
-  /@types/ms@0.7.33:
-    resolution: {integrity: sha512-AuHIyzR5Hea7ij0P9q7vx7xu4z0C28ucwjAZC0ja7JhINyCnOw8/DnvAPQQ9TfOlCtZAmCERKQX9+o1mgQhuOQ==}
-    dev: false
+  '@types/ms@0.7.33': {}
 
-  /@types/nlcst@1.0.3:
-    resolution: {integrity: sha512-cpO6PPMz4E++zxP2Vhp/3KVl2Nbtj+Iksb25rlRinG7mphu2zmCIKWWlqdsx1NwJEISogR2eeZTD7JqLOCzaiw==}
+  '@types/nlcst@1.0.3':
     dependencies:
       '@types/unist': 2.0.9
-    dev: false
 
-  /@types/node@12.20.55:
-    resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
-    dev: true
+  '@types/node@12.20.55': {}
 
-  /@types/node@18.7.16:
-    resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==}
-    requiresBuild: true
+  '@types/node@18.7.16': {}
 
-  /@types/node@20.11.24:
-    resolution: {integrity: sha512-Kza43ewS3xoLgCEpQrsT+xRo/EJej1y0kVYGiLFE1NEODXGzTfwiC6tXTLMQskn1X4/Rjlh0MQUvx9W+L9long==}
-    requiresBuild: true
+  '@types/node@20.11.24':
     dependencies:
       undici-types: 5.26.5
-    dev: true
     optional: true
 
-  /@types/normalize-package-data@2.4.3:
-    resolution: {integrity: sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg==}
-    dev: true
+  '@types/normalize-package-data@2.4.3': {}
 
-  /@types/parse5@6.0.3:
-    resolution: {integrity: sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==}
-    dev: false
+  '@types/parse5@6.0.3': {}
 
-  /@types/prop-types@15.7.10:
-    resolution: {integrity: sha512-mxSnDQxPqsZxmeShFH+uwQ4kO4gcJcGahjjMFeLbKE95IAZiiZyiEepGZjtXJ7hN/yfu0bu9xN2ajcU0JcxX6A==}
+  '@types/prop-types@15.7.10': {}
 
-  /@types/prop-types@15.7.9:
-    resolution: {integrity: sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g==}
+  '@types/prop-types@15.7.9': {}
 
-  /@types/pug@2.0.10:
-    resolution: {integrity: sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==}
+  '@types/pug@2.0.10': {}
 
-  /@types/react-dom@18.2.14:
-    resolution: {integrity: sha512-V835xgdSVmyQmI1KLV2BEIUgqEuinxp9O4G6g3FqO/SqLac049E53aysv0oEFD2kHfejeKU+ZqL2bcFWj9gLAQ==}
+  '@types/react-dom@18.2.14':
     dependencies:
       '@types/react': 18.2.36
 
-  /@types/react-dom@18.2.8:
-    resolution: {integrity: sha512-bAIvO5lN/U8sPGvs1Xm61rlRHHaq5rp5N3kp9C+NJ/Q41P8iqjkXSu0+/qu8POsjH9pNWb0OYabFez7taP7omw==}
+  '@types/react-dom@18.2.8':
     dependencies:
       '@types/react': 18.2.24
 
-  /@types/react@18.2.24:
-    resolution: {integrity: sha512-Ee0Jt4sbJxMu1iDcetZEIKQr99J1Zfb6D4F3qfUWoR1JpInkY1Wdg4WwCyBjL257D0+jGqSl1twBjV8iCaC0Aw==}
+  '@types/react@18.2.24':
     dependencies:
       '@types/prop-types': 15.7.9
       '@types/scheduler': 0.16.5
       csstype: 3.1.2
 
-  /@types/react@18.2.31:
-    resolution: {integrity: sha512-c2UnPv548q+5DFh03y8lEDeMfDwBn9G3dRwfkrxQMo/dOtRHUUO57k6pHvBIfH/VF4Nh+98mZ5aaSe+2echD5g==}
+  '@types/react@18.2.31':
     dependencies:
       '@types/prop-types': 15.7.10
       '@types/scheduler': 0.16.5
       csstype: 3.1.2
-    dev: false
 
-  /@types/react@18.2.36:
-    resolution: {integrity: sha512-o9XFsHYLLZ4+sb9CWUYwHqFVoG61SesydF353vFMMsQziiyRu8np4n2OYMUSDZ8XuImxDr9c5tR7gidlH29Vnw==}
+  '@types/react@18.2.36':
     dependencies:
       '@types/prop-types': 15.7.10
       '@types/scheduler': 0.16.5
       csstype: 3.1.2
 
-  /@types/resolve@1.20.2:
-    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
-    dev: true
+  '@types/resolve@1.20.2': {}
 
-  /@types/resolve@1.20.4:
-    resolution: {integrity: sha512-BKGK0T1VgB1zD+PwQR4RRf0ais3NyvH1qjLUrHI5SEiccYaJrhLstLuoXFWJ+2Op9whGizSPUMGPJY/Qtb/A2w==}
-    dev: false
+  '@types/resolve@1.20.4': {}
 
-  /@types/scheduler@0.16.5:
-    resolution: {integrity: sha512-s/FPdYRmZR8SjLWGMCuax7r3qCWQw9QKHzXVukAuuIJkXkDRwp+Pu5LMIVFi0Fxbav35WURicYr8u1QsoybnQw==}
+  '@types/scheduler@0.16.5': {}
 
-  /@types/semver@6.2.5:
-    resolution: {integrity: sha512-NAxro9/RqWXTqdSjccDZAjA4nXK+6zRun+HvibYJfGy8TQhpOC7Vv6v2rlHYKrT0Q8jGGoNRd/xVdHRIQRNlFQ==}
-    dev: true
+  '@types/semver@6.2.5': {}
 
-  /@types/semver@7.5.6:
-    resolution: {integrity: sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==}
-    dev: true
+  '@types/semver@7.5.6': {}
 
-  /@types/sinonjs__fake-timers@8.1.1:
-    resolution: {integrity: sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==}
-    dev: true
+  '@types/sinonjs__fake-timers@8.1.1': {}
 
-  /@types/sizzle@2.3.8:
-    resolution: {integrity: sha512-0vWLNK2D5MT9dg0iOo8GlKguPAU02QjmZitPEsXRuJXU/OGIOt9vT9Fc26wtYuavLxtO45v9PGleoL9Z0k1LHg==}
-    dev: true
+  '@types/sizzle@2.3.8': {}
 
-  /@types/unist@2.0.9:
-    resolution: {integrity: sha512-zC0iXxAv1C1ERURduJueYzkzZ2zaGyc+P2c95hgkikHPr3z8EdUZOlgEQ5X0DRmwDZn+hekycQnoeiiRVrmilQ==}
-    dev: false
+  '@types/unist@2.0.9': {}
 
-  /@types/unist@3.0.1:
-    resolution: {integrity: sha512-ue/hDUpPjC85m+PM9OQDMZr3LywT+CT6mPsQq8OJtCLiERkGRcQUFvu9XASF5XWqyZFXbf15lvb3JFJ4dRLWPg==}
-    dev: false
+  '@types/unist@3.0.1': {}
 
-  /@types/use-sync-external-store@0.0.3:
-    resolution: {integrity: sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==}
-    dev: false
+  '@types/use-sync-external-store@0.0.3': {}
 
-  /@types/yauzl@2.10.3:
-    resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
-    requiresBuild: true
+  '@types/yauzl@2.10.3':
     dependencies:
       '@types/node': 20.11.24
-    dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-uoLj4g2OTL8rfUQVx2AFO1hp/zja1wABJq77P6IclQs6I/m9GLrm7jCdgzZkvWdDCQf1uEvoa8s8CupsgWQgVg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2)':
     dependencies:
       '@eslint-community/regexpp': 4.10.0
       '@typescript-eslint/parser': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
@@ -3134,18 +7681,8 @@ packages:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-GosF4238Tkes2SHPQ1i8f6rMtG6zlKwMEB0abqSJ3Npvos+doIlc/ATG+vX1G9coDF3Ex78zM3heXHLyWEwLUw==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3)':
     dependencies:
       '@eslint-community/regexpp': 4.10.0
       '@typescript-eslint/parser': 6.8.0(eslint@8.43.0)(typescript@5.1.3)
@@ -3163,18 +7700,8 @@ packages:
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/eslint-plugin@7.2.0(@typescript-eslint/parser@7.2.0)(eslint@8.57.0)(typescript@5.4.2):
-    resolution: {integrity: sha512-mdekAHOqS9UjlmyF/LSs6AIEvfceV749GFxoBAjwAv0nkevfKHWQFDMcBZWUiIC5ft6ePWivXoS36aKQ0Cy3sw==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^7.0.0
-      eslint: ^8.56.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/eslint-plugin@7.2.0(@typescript-eslint/parser@7.2.0)(eslint@8.57.0)(typescript@5.4.2)':
     dependencies:
       '@eslint-community/regexpp': 4.10.0
       '@typescript-eslint/parser': 7.2.0(eslint@8.57.0)(typescript@5.4.2)
@@ -3192,17 +7719,8 @@ packages:
       typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-+sZwIj+s+io9ozSxIWbNB5873OSdfeBEH/FR0re14WLI6BaKuSOnnwCJ2foUiu8uXf4dRp1UqHP0vrZ1zXGrog==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2)':
     dependencies:
       '@typescript-eslint/scope-manager': 6.10.0
       '@typescript-eslint/types': 6.10.0
@@ -3213,17 +7731,8 @@ packages:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 6.8.0
       '@typescript-eslint/types': 6.8.0
@@ -3234,17 +7743,8 @@ packages:
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.4.2):
-    resolution: {integrity: sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^8.56.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.4.2)':
     dependencies:
       '@typescript-eslint/scope-manager': 7.2.0
       '@typescript-eslint/types': 7.2.0
@@ -3255,41 +7755,23 @@ packages:
       typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/scope-manager@6.10.0:
-    resolution: {integrity: sha512-TN/plV7dzqqC2iPNf1KrxozDgZs53Gfgg5ZHyw8erd6jd5Ta/JIEcdCheXFt9b1NYb93a1wmIIVW/2gLkombDg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/scope-manager@6.10.0':
     dependencies:
       '@typescript-eslint/types': 6.10.0
       '@typescript-eslint/visitor-keys': 6.10.0
-    dev: true
 
-  /@typescript-eslint/scope-manager@6.8.0:
-    resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/scope-manager@6.8.0':
     dependencies:
       '@typescript-eslint/types': 6.8.0
       '@typescript-eslint/visitor-keys': 6.8.0
-    dev: true
 
-  /@typescript-eslint/scope-manager@7.2.0:
-    resolution: {integrity: sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/scope-manager@7.2.0':
     dependencies:
       '@typescript-eslint/types': 7.2.0
       '@typescript-eslint/visitor-keys': 7.2.0
-    dev: true
 
-  /@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)':
     dependencies:
       '@typescript-eslint/typescript-estree': 6.10.0(typescript@5.2.2)
       '@typescript-eslint/utils': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
@@ -3299,17 +7781,8 @@ packages:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/type-utils@6.8.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-RYOJdlkTJIXW7GSldUIHqc/Hkto8E+fZN96dMIFhuTJcQwdRoGN2rEWA8U6oXbLo0qufH7NPElUb+MceHtz54g==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/type-utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)':
     dependencies:
       '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.1.3)
       '@typescript-eslint/utils': 6.8.0(eslint@8.43.0)(typescript@5.1.3)
@@ -3319,17 +7792,8 @@ packages:
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/type-utils@7.2.0(eslint@8.57.0)(typescript@5.4.2):
-    resolution: {integrity: sha512-xHi51adBHo9O9330J8GQYQwrKBqbIPJGZZVQTHHmy200hvkLZFWJIFtAG/7IYTWUyun6DE6w5InDReePJYJlJA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^8.56.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/type-utils@7.2.0(eslint@8.57.0)(typescript@5.4.2)':
     dependencies:
       '@typescript-eslint/typescript-estree': 7.2.0(typescript@5.4.2)
       '@typescript-eslint/utils': 7.2.0(eslint@8.57.0)(typescript@5.4.2)
@@ -3339,31 +7803,14 @@ packages:
       typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/types@6.10.0:
-    resolution: {integrity: sha512-36Fq1PWh9dusgo3vH7qmQAj5/AZqARky1Wi6WpINxB6SkQdY5vQoT2/7rW7uBIsPDcvvGCLi4r10p0OJ7ITAeg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    dev: true
+  '@typescript-eslint/types@6.10.0': {}
 
-  /@typescript-eslint/types@6.8.0:
-    resolution: {integrity: sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    dev: true
+  '@typescript-eslint/types@6.8.0': {}
 
-  /@typescript-eslint/types@7.2.0:
-    resolution: {integrity: sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    dev: true
+  '@typescript-eslint/types@7.2.0': {}
 
-  /@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2):
-    resolution: {integrity: sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)':
     dependencies:
       '@typescript-eslint/types': 6.10.0
       '@typescript-eslint/visitor-keys': 6.10.0
@@ -3375,16 +7822,8 @@ packages:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3):
-    resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)':
     dependencies:
       '@typescript-eslint/types': 6.8.0
       '@typescript-eslint/visitor-keys': 6.8.0
@@ -3396,16 +7835,8 @@ packages:
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/typescript-estree@7.2.0(typescript@5.4.2):
-    resolution: {integrity: sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/typescript-estree@7.2.0(typescript@5.4.2)':
     dependencies:
       '@typescript-eslint/types': 7.2.0
       '@typescript-eslint/visitor-keys': 7.2.0
@@ -3418,13 +7849,8 @@ packages:
       typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
+  '@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
       '@types/json-schema': 7.0.15
@@ -3437,13 +7863,8 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - typescript
-    dev: true
 
-  /@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-dKs1itdE2qFG4jr0dlYLQVppqTE+Itt7GmIf/vX6CSvsW+3ov8PbWauVKyyfNngokhIO9sKZeRGCUo1+N7U98Q==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
+  '@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
       '@types/json-schema': 7.0.15
@@ -3456,13 +7877,8 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - typescript
-    dev: true
 
-  /@typescript-eslint/utils@7.2.0(eslint@8.57.0)(typescript@5.4.2):
-    resolution: {integrity: sha512-YfHpnMAGb1Eekpm3XRK8hcMwGLGsnT6L+7b2XyRv6ouDuJU1tZir1GS2i0+VXRatMwSI1/UfcyPe53ADkU+IuA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^8.56.0
+  '@typescript-eslint/utils@7.2.0(eslint@8.57.0)(typescript@5.4.2)':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
       '@types/json-schema': 7.0.15
@@ -3475,52 +7891,32 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - typescript
-    dev: true
 
-  /@typescript-eslint/visitor-keys@6.10.0:
-    resolution: {integrity: sha512-xMGluxQIEtOM7bqFCo+rCMh5fqI+ZxV5RUUOa29iVPz1OgCZrtc7rFnz5cLUazlkPKYqX+75iuDq7m0HQ48nCg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/visitor-keys@6.10.0':
     dependencies:
       '@typescript-eslint/types': 6.10.0
       eslint-visitor-keys: 3.4.3
-    dev: true
 
-  /@typescript-eslint/visitor-keys@6.8.0:
-    resolution: {integrity: sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/visitor-keys@6.8.0':
     dependencies:
       '@typescript-eslint/types': 6.8.0
       eslint-visitor-keys: 3.4.3
-    dev: true
 
-  /@typescript-eslint/visitor-keys@7.2.0:
-    resolution: {integrity: sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/visitor-keys@7.2.0':
     dependencies:
       '@typescript-eslint/types': 7.2.0
       eslint-visitor-keys: 3.4.3
-    dev: true
 
-  /@ungap/structured-clone@1.2.0:
-    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
-    dev: true
+  '@ungap/structured-clone@1.2.0': {}
 
-  /@vitejs/plugin-react-swc@3.4.1(vite@4.5.0):
-    resolution: {integrity: sha512-7YQOQcVV5x1luD8nkbCDdyYygFvn1hjqJk68UvNAzY2QG4o4N5EwAhLLFNOcd1HrdMwDl0VElP8VutoWf9IvJg==}
-    peerDependencies:
-      vite: ^4
+  '@vitejs/plugin-react-swc@3.4.1(vite@4.5.0)':
     dependencies:
       '@swc/core': 1.3.96
       vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - '@swc/helpers'
-    dev: true
 
-  /@vitejs/plugin-react@4.1.1(vite@4.5.0):
-    resolution: {integrity: sha512-Jie2HERK+uh27e+ORXXwEP5h0Y2lS9T2PRGbfebiHGlwzDO0dEnd2aNtOR/qjBlPb1YgxwAONeblL1xqLikLag==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.2.0
+  '@vitejs/plugin-react@4.1.1(vite@4.5.0)':
     dependencies:
       '@babel/core': 7.23.2
       '@babel/plugin-transform-react-jsx-self': 7.22.5(@babel/core@7.23.2)
@@ -3531,11 +7927,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@vitejs/plugin-react@4.2.1(vite@4.5.0):
-    resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.2.0 || ^5.0.0
+  '@vitejs/plugin-react@4.2.1(vite@4.5.0)':
     dependencies:
       '@babel/core': 7.24.0
       '@babel/plugin-transform-react-jsx-self': 7.23.3(@babel/core@7.24.0)
@@ -3545,185 +7937,114 @@ packages:
       vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /acorn-jsx@5.3.2(acorn@8.10.0):
-    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
-    peerDependencies:
-      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+  acorn-jsx@5.3.2(acorn@8.10.0):
     dependencies:
       acorn: 8.10.0
-    dev: true
 
-  /acorn@8.10.0:
-    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
+  acorn@8.10.0: {}
 
-  /acorn@8.11.2:
-    resolution: {integrity: sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
+  acorn@8.11.2: {}
 
-  /acorn@8.11.3:
-    resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
+  acorn@8.11.3: {}
 
-  /aggregate-error@3.1.0:
-    resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
-    engines: {node: '>=8'}
+  aggregate-error@3.1.0:
     dependencies:
       clean-stack: 2.2.0
       indent-string: 4.0.0
-    dev: true
 
-  /ajv@6.12.6:
-    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+  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
-    dev: true
 
-  /ansi-align@3.0.1:
-    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
+  ansi-align@3.0.1:
     dependencies:
       string-width: 4.2.3
-    dev: false
 
-  /ansi-colors@4.1.3:
-    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
-    engines: {node: '>=6'}
-    dev: true
+  ansi-colors@4.1.3: {}
 
-  /ansi-escapes@4.3.2:
-    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
-    engines: {node: '>=8'}
+  ansi-escapes@4.3.2:
     dependencies:
       type-fest: 0.21.3
-    dev: true
 
-  /ansi-regex@5.0.1:
-    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
-    engines: {node: '>=8'}
+  ansi-regex@5.0.1: {}
 
-  /ansi-regex@6.0.1:
-    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
-    engines: {node: '>=12'}
-    dev: false
+  ansi-regex@6.0.1: {}
 
-  /ansi-sequence-parser@1.1.1:
-    resolution: {integrity: sha512-vJXt3yiaUL4UU546s3rPXlsry/RnM730G1+HkpKE012AN0sx1eOrxSu95oKDIonskeLTijMgqWZ3uDEe3NFvyg==}
-    dev: false
+  ansi-sequence-parser@1.1.1: {}
 
-  /ansi-styles@3.2.1:
-    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
-    engines: {node: '>=4'}
+  ansi-styles@3.2.1:
     dependencies:
       color-convert: 1.9.3
 
-  /ansi-styles@4.3.0:
-    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
-    engines: {node: '>=8'}
+  ansi-styles@4.3.0:
     dependencies:
       color-convert: 2.0.1
-    dev: true
 
-  /ansi-styles@6.2.1:
-    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
-    engines: {node: '>=12'}
-    dev: false
+  ansi-styles@6.2.1: {}
 
-  /anymatch@3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
-    engines: {node: '>= 8'}
+  anymatch@3.1.3:
     dependencies:
       normalize-path: 3.0.0
       picomatch: 2.3.1
 
-  /arch@2.2.0:
-    resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==}
-    dev: true
+  arch@2.2.0: {}
 
-  /arg@5.0.2:
-    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
-    dev: true
+  arg@5.0.2: {}
 
-  /argparse@1.0.10:
-    resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
+  argparse@1.0.10:
     dependencies:
       sprintf-js: 1.0.3
 
-  /argparse@2.0.1:
-    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+  argparse@2.0.1: {}
 
-  /aria-query@5.3.0:
-    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+  aria-query@5.3.0:
     dependencies:
       dequal: 2.0.3
 
-  /array-buffer-byte-length@1.0.0:
-    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
+  array-buffer-byte-length@1.0.0:
     dependencies:
       call-bind: 1.0.5
       is-array-buffer: 3.0.2
-    dev: true
 
-  /array-includes@3.1.7:
-    resolution: {integrity: sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==}
-    engines: {node: '>= 0.4'}
+  array-includes@3.1.7:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
       get-intrinsic: 1.2.2
       is-string: 1.0.7
-    dev: true
 
-  /array-iterate@2.0.1:
-    resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==}
-    dev: false
+  array-iterate@2.0.1: {}
 
-  /array-union@2.1.0:
-    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
-    engines: {node: '>=8'}
-    dev: true
+  array-union@2.1.0: {}
 
-  /array.prototype.flat@1.3.2:
-    resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==}
-    engines: {node: '>= 0.4'}
+  array.prototype.flat@1.3.2:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
       es-shim-unscopables: 1.0.2
-    dev: true
 
-  /array.prototype.flatmap@1.3.2:
-    resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==}
-    engines: {node: '>= 0.4'}
+  array.prototype.flatmap@1.3.2:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
       es-shim-unscopables: 1.0.2
-    dev: true
 
-  /array.prototype.tosorted@1.1.2:
-    resolution: {integrity: sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==}
+  array.prototype.tosorted@1.1.2:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
       es-shim-unscopables: 1.0.2
       get-intrinsic: 1.2.2
-    dev: true
 
-  /arraybuffer.prototype.slice@1.0.2:
-    resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==}
-    engines: {node: '>= 0.4'}
+  arraybuffer.prototype.slice@1.0.2:
     dependencies:
       array-buffer-byte-length: 1.0.0
       call-bind: 1.0.5
@@ -3732,33 +8053,18 @@ packages:
       get-intrinsic: 1.2.2
       is-array-buffer: 3.0.2
       is-shared-array-buffer: 1.0.2
-    dev: true
 
-  /arrify@1.0.1:
-    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  arrify@1.0.1: {}
 
-  /asn1@0.2.6:
-    resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==}
+  asn1@0.2.6:
     dependencies:
       safer-buffer: 2.1.2
-    dev: true
 
-  /assert-plus@1.0.0:
-    resolution: {integrity: sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==}
-    engines: {node: '>=0.8'}
-    dev: true
+  assert-plus@1.0.0: {}
 
-  /astral-regex@2.0.0:
-    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
-    engines: {node: '>=8'}
-    dev: true
+  astral-regex@2.0.0: {}
 
-  /astro@3.2.2:
-    resolution: {integrity: sha512-vLOOGyD2g1HRkCQAFHmHUrVAbMI5sgUqKignBMtXNantgEq1P17sL2cvH0Yy2ibNN9DHZ/4TknXmwHAig8PJNg==}
-    engines: {node: '>=18.14.1', npm: '>=6.14.0'}
-    hasBin: true
+  astro@3.2.2:
     dependencies:
       '@astrojs/compiler': 2.2.1
       '@astrojs/internal-helpers': 0.2.0
@@ -3827,33 +8133,18 @@ packages:
       - sugarss
       - supports-color
       - terser
-    dev: false
 
-  /async@3.2.5:
-    resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==}
-    dev: true
+  async@3.2.5: {}
 
-  /asynciterator.prototype@1.0.0:
-    resolution: {integrity: sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==}
+  asynciterator.prototype@1.0.0:
     dependencies:
       has-symbols: 1.0.3
-    dev: true
 
-  /asynckit@0.4.0:
-    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
-    dev: true
+  asynckit@0.4.0: {}
 
-  /at-least-node@1.0.0:
-    resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
-    engines: {node: '>= 4.0.0'}
-    dev: true
+  at-least-node@1.0.0: {}
 
-  /autoprefixer@10.4.15(postcss@8.4.21):
-    resolution: {integrity: sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==}
-    engines: {node: ^10 || ^12 || >=14}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.1.0
+  autoprefixer@10.4.15(postcss@8.4.21):
     dependencies:
       browserslist: 4.22.1
       caniuse-lite: 1.0.30001553
@@ -3862,14 +8153,8 @@ packages:
       picocolors: 1.0.0
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /autoprefixer@10.4.18(postcss@8.4.35):
-    resolution: {integrity: sha512-1DKbDfsr6KUElM6wg+0zRNkB/Q7WcKYAaK+pzXn+Xqmszm/5Xa9coeNdtP88Vi+dPzZnMjhge8GIV49ZQkDa+g==}
-    engines: {node: ^10 || ^12 || >=14}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.1.0
+  autoprefixer@10.4.18(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       caniuse-lite: 1.0.30001594
@@ -3878,107 +8163,67 @@ packages:
       picocolors: 1.0.0
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /available-typed-arrays@1.0.5:
-    resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  available-typed-arrays@1.0.5: {}
 
-  /aws-sign2@0.7.0:
-    resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==}
-    dev: true
+  aws-sign2@0.7.0: {}
 
-  /aws4@1.12.0:
-    resolution: {integrity: sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==}
-    dev: true
+  aws4@1.12.0: {}
 
-  /axios@0.27.2(debug@4.3.4):
-    resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==}
+  axios@0.27.2(debug@4.3.4):
     dependencies:
       follow-redirects: 1.15.3(debug@4.3.4)
       form-data: 4.0.0
     transitivePeerDependencies:
       - debug
-    dev: true
 
-  /axobject-query@3.2.1:
-    resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
+  axobject-query@3.2.1:
     dependencies:
       dequal: 2.0.3
-    dev: false
 
-  /axobject-query@4.0.0:
-    resolution: {integrity: sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==}
+  axobject-query@4.0.0:
     dependencies:
       dequal: 2.0.3
 
-  /b4a@1.6.4:
-    resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==}
-    requiresBuild: true
-    dev: false
+  b4a@1.6.4:
     optional: true
 
-  /bail@2.0.2:
-    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
-    dev: false
+  bail@2.0.2: {}
 
-  /balanced-match@1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+  balanced-match@1.0.2: {}
 
-  /base64-js@1.5.1:
-    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
+  base64-js@1.5.1: {}
 
-  /bcrypt-pbkdf@1.0.2:
-    resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==}
+  bcrypt-pbkdf@1.0.2:
     dependencies:
       tweetnacl: 0.14.5
-    dev: true
 
-  /better-path-resolve@1.0.0:
-    resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==}
-    engines: {node: '>=4'}
+  better-path-resolve@1.0.0:
     dependencies:
       is-windows: 1.0.2
-    dev: true
 
-  /binary-extensions@2.2.0:
-    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
-    engines: {node: '>=8'}
+  binary-extensions@2.2.0: {}
 
-  /bl@4.1.0:
-    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
-    requiresBuild: true
+  bl@4.1.0:
     dependencies:
       buffer: 5.7.1
       inherits: 2.0.4
       readable-stream: 3.6.2
-    dev: false
     optional: true
 
-  /bl@5.1.0:
-    resolution: {integrity: sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==}
+  bl@5.1.0:
     dependencies:
       buffer: 6.0.3
       inherits: 2.0.4
       readable-stream: 3.6.2
-    dev: false
 
-  /blob-util@2.0.2:
-    resolution: {integrity: sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==}
-    dev: true
+  blob-util@2.0.2: {}
 
-  /bluebird@3.7.2:
-    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
-    dev: true
+  bluebird@3.7.2: {}
 
-  /boolbase@1.0.0:
-    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
-    dev: true
+  boolbase@1.0.0: {}
 
-  /boxen@7.1.1:
-    resolution: {integrity: sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==}
-    engines: {node: '>=14.16'}
+  boxen@7.1.1:
     dependencies:
       ansi-align: 3.0.1
       camelcase: 7.0.1
@@ -3988,193 +8233,121 @@ packages:
       type-fest: 2.19.0
       widest-line: 4.0.1
       wrap-ansi: 8.1.0
-    dev: false
 
-  /brace-expansion@1.1.11:
-    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+  brace-expansion@1.1.11:
     dependencies:
       balanced-match: 1.0.2
       concat-map: 0.0.1
 
-  /brace-expansion@2.0.1:
-    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+  brace-expansion@2.0.1:
     dependencies:
       balanced-match: 1.0.2
-    dev: true
 
-  /braces@3.0.2:
-    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
-    engines: {node: '>=8'}
+  braces@3.0.2:
     dependencies:
       fill-range: 7.0.1
 
-  /breakword@1.0.6:
-    resolution: {integrity: sha512-yjxDAYyK/pBvws9H4xKYpLDpYKEH6CzrBPAuXq3x18I+c/2MkVtT3qAr7Oloi6Dss9qNhPVueAAVU1CSeNDIXw==}
+  breakword@1.0.6:
     dependencies:
       wcwidth: 1.0.1
-    dev: true
 
-  /browserslist@4.22.1:
-    resolution: {integrity: sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
+  browserslist@4.22.1:
     dependencies:
       caniuse-lite: 1.0.30001553
       electron-to-chromium: 1.4.563
       node-releases: 2.0.13
       update-browserslist-db: 1.0.13(browserslist@4.22.1)
 
-  /browserslist@4.23.0:
-    resolution: {integrity: sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
+  browserslist@4.23.0:
     dependencies:
       caniuse-lite: 1.0.30001594
       electron-to-chromium: 1.4.693
       node-releases: 2.0.14
       update-browserslist-db: 1.0.13(browserslist@4.23.0)
 
-  /buffer-crc32@0.2.13:
-    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
+  buffer-crc32@0.2.13: {}
 
-  /buffer-from@1.1.2:
-    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
-    dev: true
+  buffer-from@1.1.2: {}
 
-  /buffer@5.7.1:
-    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
+  buffer@5.7.1:
     dependencies:
       base64-js: 1.5.1
       ieee754: 1.2.1
 
-  /buffer@6.0.3:
-    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
+  buffer@6.0.3:
     dependencies:
       base64-js: 1.5.1
       ieee754: 1.2.1
-    dev: false
 
-  /builtin-modules@3.3.0:
-    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
-    engines: {node: '>=6'}
-    dev: true
+  builtin-modules@3.3.0: {}
 
-  /cachedir@2.4.0:
-    resolution: {integrity: sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==}
-    engines: {node: '>=6'}
-    dev: true
+  cachedir@2.4.0: {}
 
-  /call-bind@1.0.5:
-    resolution: {integrity: sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==}
+  call-bind@1.0.5:
     dependencies:
       function-bind: 1.1.2
       get-intrinsic: 1.2.2
       set-function-length: 1.1.1
-    dev: true
 
-  /call-bind@1.0.7:
-    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
-    engines: {node: '>= 0.4'}
+  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.1
-    dev: true
 
-  /callsites@3.1.0:
-    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
-    engines: {node: '>=6'}
-    dev: true
+  callsites@3.1.0: {}
 
-  /camelcase-keys@6.2.2:
-    resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
-    engines: {node: '>=8'}
+  camelcase-keys@6.2.2:
     dependencies:
       camelcase: 5.3.1
       map-obj: 4.3.0
       quick-lru: 4.0.1
-    dev: true
 
-  /camelcase@5.3.1:
-    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
-    engines: {node: '>=6'}
-    dev: true
+  camelcase@5.3.1: {}
 
-  /camelcase@7.0.1:
-    resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
-    engines: {node: '>=14.16'}
-    dev: false
+  camelcase@7.0.1: {}
 
-  /caniuse-api@3.0.0:
-    resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
+  caniuse-api@3.0.0:
     dependencies:
       browserslist: 4.22.1
       caniuse-lite: 1.0.30001553
       lodash.memoize: 4.1.2
       lodash.uniq: 4.5.0
-    dev: true
 
-  /caniuse-lite@1.0.30001553:
-    resolution: {integrity: sha512-N0ttd6TrFfuqKNi+pMgWJTb9qrdJu4JSpgPFLe/lrD19ugC6fZgF0pUewRowDwzdDnb9V41mFcdlYgl/PyKf4A==}
+  caniuse-lite@1.0.30001553: {}
 
-  /caniuse-lite@1.0.30001594:
-    resolution: {integrity: sha512-VblSX6nYqyJVs8DKFMldE2IVCJjZ225LW00ydtUWwh5hk9IfkTOffO6r8gJNsH0qqqeAF8KrbMYA2VEwTlGW5g==}
+  caniuse-lite@1.0.30001594: {}
 
-  /caseless@0.12.0:
-    resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
-    dev: true
+  caseless@0.12.0: {}
 
-  /ccount@2.0.1:
-    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
-    dev: false
+  ccount@2.0.1: {}
 
-  /chalk@2.4.2:
-    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
-    engines: {node: '>=4'}
+  chalk@2.4.2:
     dependencies:
       ansi-styles: 3.2.1
       escape-string-regexp: 1.0.5
       supports-color: 5.5.0
 
-  /chalk@4.1.2:
-    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
-    engines: {node: '>=10'}
+  chalk@4.1.2:
     dependencies:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
-    dev: true
 
-  /chalk@5.3.0:
-    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
-    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
-    dev: false
+  chalk@5.3.0: {}
 
-  /character-entities-html4@2.1.0:
-    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
-    dev: false
+  character-entities-html4@2.1.0: {}
 
-  /character-entities-legacy@3.0.0:
-    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
-    dev: false
+  character-entities-legacy@3.0.0: {}
 
-  /character-entities@2.0.2:
-    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
-    dev: false
+  character-entities@2.0.2: {}
 
-  /chardet@0.7.0:
-    resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
-    dev: true
+  chardet@0.7.0: {}
 
-  /check-more-types@2.24.0:
-    resolution: {integrity: sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==}
-    engines: {node: '>= 0.8.0'}
-    dev: true
+  check-more-types@2.24.0: {}
 
-  /chokidar@3.5.3:
-    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
-    engines: {node: '>= 8.10.0'}
+  chokidar@3.5.3:
     dependencies:
       anymatch: 3.1.3
       braces: 3.0.2
@@ -4186,9 +8359,7 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /chokidar@3.6.0:
-    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
-    engines: {node: '>= 8.10.0'}
+  chokidar@3.6.0:
     dependencies:
       anymatch: 3.1.3
       braces: 3.0.2
@@ -4199,97 +8370,56 @@ packages:
       readdirp: 3.6.0
     optionalDependencies:
       fsevents: 2.3.3
-    dev: true
 
-  /chownr@1.1.4:
-    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
-    requiresBuild: true
-    dev: false
+  chownr@1.1.4:
     optional: true
 
-  /ci-info@3.9.0:
-    resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
-    engines: {node: '>=8'}
+  ci-info@3.9.0: {}
 
-  /classcat@5.0.4:
-    resolution: {integrity: sha512-sbpkOw6z413p+HDGcBENe498WM9woqWHiJxCq7nvmxe9WmrUmqfAcxpIwAiMtM5Q3AhYkzXcNQHqsWq0mND51g==}
-    dev: false
+  classcat@5.0.4: {}
 
-  /clean-stack@2.2.0:
-    resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
-    engines: {node: '>=6'}
-    dev: true
+  clean-stack@2.2.0: {}
 
-  /cli-boxes@3.0.0:
-    resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
-    engines: {node: '>=10'}
-    dev: false
+  cli-boxes@3.0.0: {}
 
-  /cli-cursor@3.1.0:
-    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
-    engines: {node: '>=8'}
+  cli-cursor@3.1.0:
     dependencies:
       restore-cursor: 3.1.0
-    dev: true
 
-  /cli-cursor@4.0.0:
-    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  cli-cursor@4.0.0:
     dependencies:
       restore-cursor: 4.0.0
-    dev: false
 
-  /cli-spinners@2.9.1:
-    resolution: {integrity: sha512-jHgecW0pxkonBJdrKsqxgRX9AcG+u/5k0Q7WPDfi8AogLAdwxEkyYYNWwZ5GvVFoFx2uiY1eNcSK00fh+1+FyQ==}
-    engines: {node: '>=6'}
-    dev: false
+  cli-spinners@2.9.1: {}
 
-  /cli-table3@0.6.3:
-    resolution: {integrity: sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==}
-    engines: {node: 10.* || >= 12.*}
+  cli-table3@0.6.3:
     dependencies:
       string-width: 4.2.3
     optionalDependencies:
       '@colors/colors': 1.5.0
-    dev: true
 
-  /cli-truncate@2.1.0:
-    resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==}
-    engines: {node: '>=8'}
+  cli-truncate@2.1.0:
     dependencies:
       slice-ansi: 3.0.0
       string-width: 4.2.3
-    dev: true
 
-  /cliui@6.0.0:
-    resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
+  cliui@6.0.0:
     dependencies:
       string-width: 4.2.3
       strip-ansi: 6.0.1
       wrap-ansi: 6.2.0
-    dev: true
 
-  /cliui@8.0.1:
-    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
-    engines: {node: '>=12'}
+  cliui@8.0.1:
     dependencies:
       string-width: 4.2.3
       strip-ansi: 6.0.1
       wrap-ansi: 7.0.0
-    dev: true
 
-  /clone@1.0.4:
-    resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
-    engines: {node: '>=0.8'}
-    dev: true
+  clone@1.0.4: {}
 
-  /clsx@2.0.0:
-    resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==}
-    engines: {node: '>=6'}
-    dev: false
+  clsx@2.0.0: {}
 
-  /code-red@1.0.4:
-    resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
+  code-red@1.0.4:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
       '@types/estree': 1.0.3
@@ -4297,95 +8427,55 @@ packages:
       estree-walker: 3.0.3
       periscopic: 3.1.0
 
-  /color-convert@1.9.3:
-    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+  color-convert@1.9.3:
     dependencies:
       color-name: 1.1.3
 
-  /color-convert@2.0.1:
-    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
-    engines: {node: '>=7.0.0'}
+  color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
 
-  /color-name@1.1.3:
-    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+  color-name@1.1.3: {}
 
-  /color-name@1.1.4:
-    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+  color-name@1.1.4: {}
 
-  /color-string@1.9.1:
-    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
-    requiresBuild: true
+  color-string@1.9.1:
     dependencies:
       color-name: 1.1.4
       simple-swizzle: 0.2.2
-    dev: false
     optional: true
 
-  /color@4.2.3:
-    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
-    engines: {node: '>=12.5.0'}
-    requiresBuild: true
+  color@4.2.3:
     dependencies:
       color-convert: 2.0.1
       color-string: 1.9.1
-    dev: false
     optional: true
 
-  /colord@2.9.3:
-    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
-    dev: true
+  colord@2.9.3: {}
 
-  /colorette@2.0.20:
-    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
-    dev: true
+  colorette@2.0.20: {}
 
-  /combined-stream@1.0.8:
-    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
-    engines: {node: '>= 0.8'}
+  combined-stream@1.0.8:
     dependencies:
       delayed-stream: 1.0.0
-    dev: true
 
-  /comma-separated-tokens@2.0.3:
-    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
-    dev: false
+  comma-separated-tokens@2.0.3: {}
 
-  /commander@2.20.3:
-    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
-    dev: true
+  commander@2.20.3: {}
 
-  /commander@6.2.1:
-    resolution: {integrity: sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==}
-    engines: {node: '>= 6'}
-    dev: true
+  commander@6.2.1: {}
 
-  /commander@7.2.0:
-    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
-    engines: {node: '>= 10'}
-    dev: true
+  commander@7.2.0: {}
 
-  /common-ancestor-path@1.0.1:
-    resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==}
-    dev: false
+  common-ancestor-path@1.0.1: {}
 
-  /common-tags@1.8.2:
-    resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
-    engines: {node: '>=4.0.0'}
-    dev: true
+  common-tags@1.8.2: {}
 
-  /commondir@1.0.1:
-    resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
-    dev: true
+  commondir@1.0.1: {}
 
-  /concat-map@0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+  concat-map@0.0.1: {}
 
-  /concurrently@7.6.0:
-    resolution: {integrity: sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==}
-    engines: {node: ^12.20.0 || ^14.13.0 || >=16.0.0}
-    hasBin: true
+  concurrently@7.6.0:
     dependencies:
       chalk: 4.1.2
       date-fns: 2.30.0
@@ -4396,100 +8486,58 @@ packages:
       supports-color: 8.1.1
       tree-kill: 1.2.2
       yargs: 17.7.2
-    dev: true
 
-  /convert-source-map@2.0.0:
-    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+  convert-source-map@2.0.0: {}
 
-  /cookie@0.5.0:
-    resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
-    engines: {node: '>= 0.6'}
-    dev: false
+  cookie@0.5.0: {}
 
-  /cookie@0.6.0:
-    resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
-    engines: {node: '>= 0.6'}
-    dev: true
+  cookie@0.6.0: {}
 
-  /core-util-is@1.0.2:
-    resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}
-    dev: true
+  core-util-is@1.0.2: {}
 
-  /cross-spawn@5.1.0:
-    resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==}
+  cross-spawn@5.1.0:
     dependencies:
       lru-cache: 4.1.5
       shebang-command: 1.2.0
       which: 1.3.1
-    dev: true
 
-  /cross-spawn@7.0.3:
-    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
-    engines: {node: '>= 8'}
+  cross-spawn@7.0.3:
     dependencies:
       path-key: 3.1.1
       shebang-command: 2.0.0
       which: 2.0.2
 
-  /css-declaration-sorter@6.4.1(postcss@8.4.21):
-    resolution: {integrity: sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==}
-    engines: {node: ^10 || ^12 || >=14}
-    peerDependencies:
-      postcss: ^8.0.9
+  css-declaration-sorter@6.4.1(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
-    dev: true
 
-  /css-declaration-sorter@7.1.1(postcss@8.4.35):
-    resolution: {integrity: sha512-dZ3bVTEEc1vxr3Bek9vGwfB5Z6ESPULhcRvO472mfjVnj8jRcTnKO8/JTczlvxM10Myb+wBM++1MtdO76eWcaQ==}
-    engines: {node: ^14 || ^16 || >=18}
-    peerDependencies:
-      postcss: ^8.0.9
+  css-declaration-sorter@7.1.1(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /css-select@5.1.0:
-    resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
+  css-select@5.1.0:
     dependencies:
       boolbase: 1.0.0
       css-what: 6.1.0
       domhandler: 5.0.3
       domutils: 3.1.0
       nth-check: 2.1.1
-    dev: true
 
-  /css-tree@2.2.1:
-    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+  css-tree@2.2.1:
     dependencies:
       mdn-data: 2.0.28
       source-map-js: 1.0.2
-    dev: true
 
-  /css-tree@2.3.1:
-    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+  css-tree@2.3.1:
     dependencies:
       mdn-data: 2.0.30
       source-map-js: 1.0.2
 
-  /css-what@6.1.0:
-    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
-    engines: {node: '>= 6'}
-    dev: true
+  css-what@6.1.0: {}
 
-  /cssesc@3.0.0:
-    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
-    engines: {node: '>=4'}
-    hasBin: true
-    dev: true
+  cssesc@3.0.0: {}
 
-  /cssnano-preset-default@6.0.1(postcss@8.4.21):
-    resolution: {integrity: sha512-7VzyFZ5zEB1+l1nToKyrRkuaJIx0zi/1npjvZfbBwbtNTzhLtlvYraK/7/uqmX2Wb2aQtd983uuGw79jAjLSuQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  cssnano-preset-default@6.0.1(postcss@8.4.21):
     dependencies:
       css-declaration-sorter: 6.4.1(postcss@8.4.21)
       cssnano-utils: 4.0.0(postcss@8.4.21)
@@ -4521,13 +8569,8 @@ packages:
       postcss-reduce-transforms: 6.0.0(postcss@8.4.21)
       postcss-svgo: 6.0.0(postcss@8.4.21)
       postcss-unique-selectors: 6.0.0(postcss@8.4.21)
-    dev: true
 
-  /cssnano-preset-default@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-4DUXZoDj+PI3fRl3MqMjl9DwLGjcsFP4qt+92nLUcN1RGfw2TY+GwNoG2B38Usu1BrcTs8j9pxNfSusmvtSjfg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  cssnano-preset-default@6.1.0(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       css-declaration-sorter: 7.1.1(postcss@8.4.35)
@@ -4560,93 +8603,51 @@ packages:
       postcss-reduce-transforms: 6.0.2(postcss@8.4.35)
       postcss-svgo: 6.0.3(postcss@8.4.35)
       postcss-unique-selectors: 6.0.3(postcss@8.4.35)
-    dev: true
 
-  /cssnano-utils@4.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-Z39TLP+1E0KUcd7LGyF4qMfu8ZufI0rDzhdyAMsa/8UyNUU8wpS0fhdBxbQbv32r64ea00h4878gommRVg2BHw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  cssnano-utils@4.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
-    dev: true
 
-  /cssnano-utils@4.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-ZR1jHg+wZ8o4c3zqf1SIUSTIvm/9mU343FMR6Obe/unskbvpGhZOo1J6d/r8D1pzkRQYuwbcH3hToOuoA2G7oQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  cssnano-utils@4.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /cssnano@6.0.1(postcss@8.4.21):
-    resolution: {integrity: sha512-fVO1JdJ0LSdIGJq68eIxOqFpIJrZqXUsBt8fkrBcztCQqAjQD51OhZp7tc0ImcbwXD4k7ny84QTV90nZhmqbkg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  cssnano@6.0.1(postcss@8.4.21):
     dependencies:
       cssnano-preset-default: 6.0.1(postcss@8.4.21)
       lilconfig: 2.1.0
       postcss: 8.4.21
-    dev: true
 
-  /cssnano@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-e2v4w/t3OFM6HTuSweI4RSdABaqgVgHlJp5FZrQsopHnKKHLFIvK2D3C4kHWeFIycN/1L1J5VIrg5KlDzn3r/g==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  cssnano@6.1.0(postcss@8.4.35):
     dependencies:
       cssnano-preset-default: 6.1.0(postcss@8.4.35)
       lilconfig: 3.1.1
       postcss: 8.4.35
-    dev: true
 
-  /csso@5.0.5:
-    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+  csso@5.0.5:
     dependencies:
       css-tree: 2.2.1
-    dev: true
 
-  /csstype@3.1.2:
-    resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
+  csstype@3.1.2: {}
 
-  /csv-generate@3.4.3:
-    resolution: {integrity: sha512-w/T+rqR0vwvHqWs/1ZyMDWtHHSJaN06klRqJXBEpDJaM/+dZkso0OKh1VcuuYvK3XM53KysVNq8Ko/epCK8wOw==}
-    dev: true
+  csv-generate@3.4.3: {}
 
-  /csv-parse@4.16.3:
-    resolution: {integrity: sha512-cO1I/zmz4w2dcKHVvpCr7JVRu8/FymG5OEpmvsZYlccYolPBLoVGKUHgNoc4ZGkFeFlWGEDmMyBM+TTqRdW/wg==}
-    dev: true
+  csv-parse@4.16.3: {}
 
-  /csv-stringify@5.6.5:
-    resolution: {integrity: sha512-PjiQ659aQ+fUTQqSrd1XEDnOr52jh30RBurfzkscaE2tPaFsDH5wOAHJiw8XAHphRknCwMUE9KRayc4K/NbO8A==}
-    dev: true
+  csv-stringify@5.6.5: {}
 
-  /csv@5.5.3:
-    resolution: {integrity: sha512-QTaY0XjjhTQOdguARF0lGKm5/mEq9PD9/VhZZegHDIBq2tQwgNpHc3dneD4mGo2iJs+fTKv5Bp0fZ+BRuY3Z0g==}
-    engines: {node: '>= 0.1.90'}
+  csv@5.5.3:
     dependencies:
       csv-generate: 3.4.3
       csv-parse: 4.16.3
       csv-stringify: 5.6.5
       stream-transform: 2.1.3
-    dev: true
 
-  /cypress-real-events@1.12.0(cypress@13.6.6):
-    resolution: {integrity: sha512-oiy+4kGKkzc2PT36k3GGQqkGxNiVypheWjMtfyi89iIk6bYmTzeqxapaLHS3pnhZOX1IEbTDUVxh8T4Nhs1tyQ==}
-    peerDependencies:
-      cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x || ^13.x
+  cypress-real-events@1.12.0(cypress@13.6.6):
     dependencies:
       cypress: 13.6.6
-    dev: true
 
-  /cypress@13.6.6:
-    resolution: {integrity: sha512-S+2S9S94611hXimH9a3EAYt81QM913ZVA03pUmGDfLTFa5gyp85NJ8dJGSlEAEmyRsYkioS1TtnWtbv/Fzt11A==}
-    engines: {node: ^16.0.0 || ^18.0.0 || >=20.0.0}
-    hasBin: true
-    requiresBuild: true
+  cypress@13.6.6:
     dependencies:
       '@cypress/request': 3.0.1
       '@cypress/xvfb': 1.2.4(supports-color@8.1.1)
@@ -4690,53 +8691,27 @@ packages:
       tmp: 0.2.3
       untildify: 4.0.0
       yauzl: 2.10.0
-    dev: true
 
-  /d3-color@3.1.0:
-    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
-    engines: {node: '>=12'}
-    dev: false
+  d3-color@3.1.0: {}
 
-  /d3-dispatch@3.0.1:
-    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
-    engines: {node: '>=12'}
-    dev: false
+  d3-dispatch@3.0.1: {}
 
-  /d3-drag@3.0.0:
-    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==}
-    engines: {node: '>=12'}
+  d3-drag@3.0.0:
     dependencies:
       d3-dispatch: 3.0.1
       d3-selection: 3.0.0
-    dev: false
 
-  /d3-ease@3.0.1:
-    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
-    engines: {node: '>=12'}
-    dev: false
+  d3-ease@3.0.1: {}
 
-  /d3-interpolate@3.0.1:
-    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
-    engines: {node: '>=12'}
+  d3-interpolate@3.0.1:
     dependencies:
       d3-color: 3.1.0
-    dev: false
 
-  /d3-selection@3.0.0:
-    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
-    engines: {node: '>=12'}
-    dev: false
+  d3-selection@3.0.0: {}
 
-  /d3-timer@3.0.1:
-    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
-    engines: {node: '>=12'}
-    dev: false
+  d3-timer@3.0.1: {}
 
-  /d3-transition@3.0.1(d3-selection@3.0.0):
-    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      d3-selection: 2 - 3
+  d3-transition@3.0.1(d3-selection@3.0.0):
     dependencies:
       d3-color: 3.1.0
       d3-dispatch: 3.0.1
@@ -4744,326 +8719,183 @@ packages:
       d3-interpolate: 3.0.1
       d3-selection: 3.0.0
       d3-timer: 3.0.1
-    dev: false
 
-  /d3-zoom@3.0.0:
-    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
-    engines: {node: '>=12'}
+  d3-zoom@3.0.0:
     dependencies:
       d3-dispatch: 3.0.1
       d3-drag: 3.0.0
       d3-interpolate: 3.0.1
       d3-selection: 3.0.0
       d3-transition: 3.0.1(d3-selection@3.0.0)
-    dev: false
 
-  /dagre@0.8.5:
-    resolution: {integrity: sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==}
+  dagre@0.8.5:
     dependencies:
       graphlib: 2.1.8
       lodash: 4.17.21
-    dev: false
 
-  /dashdash@1.14.1:
-    resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
-    engines: {node: '>=0.10'}
+  dashdash@1.14.1:
     dependencies:
       assert-plus: 1.0.0
-    dev: true
 
-  /dataloader@1.4.0:
-    resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
-    dev: true
+  dataloader@1.4.0: {}
 
-  /date-fns@2.30.0:
-    resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==}
-    engines: {node: '>=0.11'}
+  date-fns@2.30.0:
     dependencies:
       '@babel/runtime': 7.23.2
-    dev: true
 
-  /dayjs@1.11.10:
-    resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==}
-    dev: true
+  dayjs@1.11.10: {}
 
-  /debug@2.6.9:
-    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
+  debug@2.6.9:
     dependencies:
       ms: 2.0.0
-    dev: false
 
-  /debug@3.2.7(supports-color@8.1.1):
-    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
+  debug@3.2.7(supports-color@8.1.1):
     dependencies:
       ms: 2.1.3
       supports-color: 8.1.1
 
-  /debug@4.3.4(supports-color@8.1.1):
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
+  debug@4.3.4(supports-color@8.1.1):
     dependencies:
       ms: 2.1.2
       supports-color: 8.1.1
 
-  /decamelize-keys@1.1.1:
-    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
-    engines: {node: '>=0.10.0'}
+  decamelize-keys@1.1.1:
     dependencies:
       decamelize: 1.2.0
       map-obj: 1.0.1
-    dev: true
 
-  /decamelize@1.2.0:
-    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  decamelize@1.2.0: {}
 
-  /decode-named-character-reference@1.0.2:
-    resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==}
+  decode-named-character-reference@1.0.2:
     dependencies:
       character-entities: 2.0.2
-    dev: false
 
-  /decompress-response@6.0.0:
-    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
-    engines: {node: '>=10'}
-    requiresBuild: true
+  decompress-response@6.0.0:
     dependencies:
       mimic-response: 3.1.0
-    dev: false
     optional: true
 
-  /dedent-js@1.0.1:
-    resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==}
+  dedent-js@1.0.1: {}
 
-  /deep-extend@0.6.0:
-    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
-    engines: {node: '>=4.0.0'}
-    requiresBuild: true
-    dev: false
+  deep-extend@0.6.0:
     optional: true
 
-  /deep-is@0.1.4:
-    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
-    dev: true
+  deep-is@0.1.4: {}
 
-  /deepmerge@4.3.1:
-    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
-    engines: {node: '>=0.10.0'}
+  deepmerge@4.3.1: {}
 
-  /defaults@1.0.4:
-    resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
+  defaults@1.0.4:
     dependencies:
       clone: 1.0.4
-    dev: true
 
-  /define-data-property@1.1.1:
-    resolution: {integrity: sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==}
-    engines: {node: '>= 0.4'}
+  define-data-property@1.1.1:
     dependencies:
       get-intrinsic: 1.2.2
       gopd: 1.0.1
       has-property-descriptors: 1.0.1
-    dev: true
 
-  /define-data-property@1.1.4:
-    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
-    engines: {node: '>= 0.4'}
+  define-data-property@1.1.4:
     dependencies:
       es-define-property: 1.0.0
       es-errors: 1.3.0
       gopd: 1.0.1
-    dev: true
 
-  /define-properties@1.2.1:
-    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
-    engines: {node: '>= 0.4'}
+  define-properties@1.2.1:
     dependencies:
       define-data-property: 1.1.1
       has-property-descriptors: 1.0.1
       object-keys: 1.1.1
-    dev: true
-
-  /delayed-stream@1.0.0:
-    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
-    engines: {node: '>=0.4.0'}
-    dev: true
 
-  /dependency-graph@0.11.0:
-    resolution: {integrity: sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==}
-    engines: {node: '>= 0.6.0'}
-    dev: true
+  delayed-stream@1.0.0: {}
 
-  /dequal@2.0.3:
-    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
-    engines: {node: '>=6'}
+  dependency-graph@0.11.0: {}
 
-  /detect-indent@6.1.0:
-    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
-    engines: {node: '>=8'}
+  dequal@2.0.3: {}
 
-  /detect-libc@2.0.2:
-    resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==}
-    engines: {node: '>=8'}
-    requiresBuild: true
-    dev: false
+  detect-indent@6.1.0: {}
+
+  detect-libc@2.0.2:
     optional: true
 
-  /devalue@4.3.2:
-    resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==}
+  devalue@4.3.2: {}
 
-  /diff@5.1.0:
-    resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==}
-    engines: {node: '>=0.3.1'}
-    dev: false
+  diff@5.1.0: {}
 
-  /dir-glob@3.0.1:
-    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
-    engines: {node: '>=8'}
+  dir-glob@3.0.1:
     dependencies:
       path-type: 4.0.0
-    dev: true
 
-  /dlv@1.1.3:
-    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
-    dev: false
+  dlv@1.1.3: {}
 
-  /doctrine@2.1.0:
-    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
-    engines: {node: '>=0.10.0'}
+  doctrine@2.1.0:
     dependencies:
       esutils: 2.0.3
-    dev: true
 
-  /doctrine@3.0.0:
-    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
-    engines: {node: '>=6.0.0'}
+  doctrine@3.0.0:
     dependencies:
       esutils: 2.0.3
-    dev: true
 
-  /dom-serializer@2.0.0:
-    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+  dom-serializer@2.0.0:
     dependencies:
       domelementtype: 2.3.0
       domhandler: 5.0.3
       entities: 4.5.0
-    dev: true
 
-  /domelementtype@2.3.0:
-    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
-    dev: true
+  domelementtype@2.3.0: {}
 
-  /domhandler@5.0.3:
-    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
-    engines: {node: '>= 4'}
+  domhandler@5.0.3:
     dependencies:
       domelementtype: 2.3.0
-    dev: true
 
-  /domutils@3.1.0:
-    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
+  domutils@3.1.0:
     dependencies:
       dom-serializer: 2.0.0
       domelementtype: 2.3.0
       domhandler: 5.0.3
-    dev: true
 
-  /dotenv@16.0.3:
-    resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
-    engines: {node: '>=12'}
-    dev: true
+  dotenv@16.0.3: {}
 
-  /dotenv@16.4.5:
-    resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
-    engines: {node: '>=12'}
-    dev: true
+  dotenv@16.4.5: {}
 
-  /dotenv@8.6.0:
-    resolution: {integrity: sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==}
-    engines: {node: '>=10'}
-    dev: true
+  dotenv@8.6.0: {}
 
-  /dset@3.1.2:
-    resolution: {integrity: sha512-g/M9sqy3oHe477Ar4voQxWtaPIFw1jTdKZuomOjhCcBx9nHUNn0pu6NopuFFrTh/TRZIKEj+76vLWFu9BNKk+Q==}
-    engines: {node: '>=4'}
-    dev: false
+  dset@3.1.2: {}
 
-  /duplexer@0.1.2:
-    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
-    dev: true
+  duplexer@0.1.2: {}
 
-  /eastasianwidth@0.2.0:
-    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
-    dev: false
+  eastasianwidth@0.2.0: {}
 
-  /ecc-jsbn@0.1.2:
-    resolution: {integrity: sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==}
+  ecc-jsbn@0.1.2:
     dependencies:
       jsbn: 0.1.1
       safer-buffer: 2.1.2
-    dev: true
 
-  /electron-to-chromium@1.4.563:
-    resolution: {integrity: sha512-dg5gj5qOgfZNkPNeyKBZQAQitIQ/xwfIDmEQJHCbXaD9ebTZxwJXUsDYcBlAvZGZLi+/354l35J1wkmP6CqYaw==}
+  electron-to-chromium@1.4.563: {}
 
-  /electron-to-chromium@1.4.693:
-    resolution: {integrity: sha512-/if4Ueg0GUQlhCrW2ZlXwDAm40ipuKo+OgeHInlL8sbjt+hzISxZK949fZeJaVsheamrzANXvw1zQTvbxTvSHw==}
+  electron-to-chromium@1.4.693: {}
 
-  /emoji-regex@10.3.0:
-    resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==}
-    dev: false
+  emoji-regex@10.3.0: {}
 
-  /emoji-regex@8.0.0:
-    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+  emoji-regex@8.0.0: {}
 
-  /emoji-regex@9.2.2:
-    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
-    dev: false
+  emoji-regex@9.2.2: {}
 
-  /end-of-stream@1.4.4:
-    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
-    requiresBuild: true
+  end-of-stream@1.4.4:
     dependencies:
       once: 1.4.0
 
-  /enquirer@2.4.1:
-    resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
-    engines: {node: '>=8.6'}
+  enquirer@2.4.1:
     dependencies:
       ansi-colors: 4.1.3
       strip-ansi: 6.0.1
-    dev: true
 
-  /entities@4.5.0:
-    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
-    engines: {node: '>=0.12'}
-    dev: true
+  entities@4.5.0: {}
 
-  /error-ex@1.3.2:
-    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+  error-ex@1.3.2:
     dependencies:
       is-arrayish: 0.2.1
-    dev: true
 
-  /es-abstract@1.22.3:
-    resolution: {integrity: sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==}
-    engines: {node: '>= 0.4'}
+  es-abstract@1.22.3:
     dependencies:
       array-buffer-byte-length: 1.0.0
       arraybuffer.prototype.slice: 1.0.2
@@ -5104,22 +8936,14 @@ packages:
       typed-array-length: 1.0.4
       unbox-primitive: 1.0.2
       which-typed-array: 1.1.13
-    dev: true
 
-  /es-define-property@1.0.0:
-    resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
-    engines: {node: '>= 0.4'}
+  es-define-property@1.0.0:
     dependencies:
       get-intrinsic: 1.2.4
-    dev: true
 
-  /es-errors@1.3.0:
-    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  es-errors@1.3.0: {}
 
-  /es-iterator-helpers@1.0.15:
-    resolution: {integrity: sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==}
+  es-iterator-helpers@1.0.15:
     dependencies:
       asynciterator.prototype: 1.0.0
       call-bind: 1.0.5
@@ -5135,44 +8959,28 @@ packages:
       internal-slot: 1.0.6
       iterator.prototype: 1.1.2
       safe-array-concat: 1.0.1
-    dev: true
 
-  /es-module-lexer@1.3.1:
-    resolution: {integrity: sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q==}
-    dev: false
+  es-module-lexer@1.3.1: {}
 
-  /es-set-tostringtag@2.0.2:
-    resolution: {integrity: sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==}
-    engines: {node: '>= 0.4'}
+  es-set-tostringtag@2.0.2:
     dependencies:
       get-intrinsic: 1.2.2
       has-tostringtag: 1.0.0
       hasown: 2.0.0
-    dev: true
 
-  /es-shim-unscopables@1.0.2:
-    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
+  es-shim-unscopables@1.0.2:
     dependencies:
       hasown: 2.0.0
-    dev: true
 
-  /es-to-primitive@1.2.1:
-    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
-    engines: {node: '>= 0.4'}
+  es-to-primitive@1.2.1:
     dependencies:
       is-callable: 1.2.7
       is-date-object: 1.0.5
       is-symbol: 1.0.4
-    dev: true
 
-  /es6-promise@3.3.1:
-    resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
+  es6-promise@3.3.1: {}
 
-  /esbuild@0.18.20:
-    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
+  esbuild@0.18.20:
     optionalDependencies:
       '@esbuild/android-arm': 0.18.20
       '@esbuild/android-arm64': 0.18.20
@@ -5197,11 +9005,7 @@ packages:
       '@esbuild/win32-ia32': 0.18.20
       '@esbuild/win32-x64': 0.18.20
 
-  /esbuild@0.19.12:
-    resolution: {integrity: sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
+  esbuild@0.19.12:
     optionalDependencies:
       '@esbuild/aix-ppc64': 0.19.12
       '@esbuild/android-arm': 0.19.12
@@ -5227,11 +9031,7 @@ packages:
       '@esbuild/win32-ia32': 0.19.12
       '@esbuild/win32-x64': 0.19.12
 
-  /esbuild@0.19.5:
-    resolution: {integrity: sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
+  esbuild@0.19.5:
     optionalDependencies:
       '@esbuild/android-arm': 0.19.5
       '@esbuild/android-arm64': 0.19.5
@@ -5255,102 +9055,48 @@ packages:
       '@esbuild/win32-arm64': 0.19.5
       '@esbuild/win32-ia32': 0.19.5
       '@esbuild/win32-x64': 0.19.5
-    dev: false
 
-  /escalade@3.1.1:
-    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
-    engines: {node: '>=6'}
+  escalade@3.1.1: {}
 
-  /escape-string-regexp@1.0.5:
-    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
-    engines: {node: '>=0.8.0'}
+  escape-string-regexp@1.0.5: {}
 
-  /escape-string-regexp@4.0.0:
-    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
-    engines: {node: '>=10'}
-    dev: true
+  escape-string-regexp@4.0.0: {}
 
-  /escape-string-regexp@5.0.0:
-    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
-    engines: {node: '>=12'}
-    dev: false
+  escape-string-regexp@5.0.0: {}
 
-  /eslint-compat-utils@0.1.2(eslint@8.53.0):
-    resolution: {integrity: sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      eslint: '>=6.0.0'
+  eslint-compat-utils@0.1.2(eslint@8.53.0):
     dependencies:
       eslint: 8.53.0
-    dev: true
 
-  /eslint-compat-utils@0.1.2(eslint@8.57.0):
-    resolution: {integrity: sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      eslint: '>=6.0.0'
+  eslint-compat-utils@0.1.2(eslint@8.57.0):
     dependencies:
       eslint: 8.57.0
-    dev: true
 
-  /eslint-config-prettier@8.8.0(eslint@8.43.0):
-    resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
+  eslint-config-prettier@8.8.0(eslint@8.43.0):
     dependencies:
       eslint: 8.43.0
-    dev: true
 
-  /eslint-config-prettier@9.0.0(eslint@8.53.0):
-    resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
+  eslint-config-prettier@9.0.0(eslint@8.53.0):
     dependencies:
       eslint: 8.53.0
-    dev: true
 
-  /eslint-config-prettier@9.1.0(eslint@8.57.0):
-    resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
+  eslint-config-prettier@9.1.0(eslint@8.57.0):
     dependencies:
       eslint: 8.57.0
-    dev: true
 
-  /eslint-config-turbo@1.10.15(eslint@8.43.0):
-    resolution: {integrity: sha512-76mpx2x818JZE26euen14utYcFDxOahZ9NaWA+6Xa4pY2ezVKVschuOxS96EQz3o3ZRSmcgBOapw/gHbN+EKxQ==}
-    peerDependencies:
-      eslint: '>6.6.0'
+  eslint-config-turbo@1.10.15(eslint@8.43.0):
     dependencies:
       eslint: 8.43.0
       eslint-plugin-turbo: 1.10.15(eslint@8.43.0)
-    dev: true
 
-  /eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8):
-    resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==}
-    engines: {node: '>=12.0.0'}
-    peerDependencies:
-      eslint: '>=7.28.0'
-      eslint-config-prettier: '*'
-      prettier: '>=2.0.0'
-    peerDependenciesMeta:
-      eslint-config-prettier:
-        optional: true
+  eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8):
     dependencies:
       eslint: 8.43.0
       eslint-config-prettier: 8.8.0(eslint@8.43.0)
       prettier: 2.8.8
       prettier-linter-helpers: 1.0.0
-    dev: true
 
-  /eslint-plugin-react@7.33.2(eslint@8.43.0):
-    resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+  eslint-plugin-react@7.33.2(eslint@8.43.0):
     dependencies:
       array-includes: 3.1.7
       array.prototype.flatmap: 1.3.2
@@ -5369,17 +9115,8 @@ packages:
       resolve: 2.0.0-next.5
       semver: 6.3.1
       string.prototype.matchall: 4.0.10
-    dev: true
 
-  /eslint-plugin-svelte@2.35.0(eslint@8.53.0)(svelte@4.2.12):
-    resolution: {integrity: sha512-3WDFxNrkXaMlpqoNo3M1ZOQuoFLMO9+bdnN6oVVXaydXC7nzCJuGy9a0zqoNDHMSRPYt0Rqo6hIdHMEaI5sQnw==}
-    engines: {node: ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0-0
-      svelte: ^3.37.0 || ^4.0.0
-    peerDependenciesMeta:
-      svelte:
-        optional: true
+  eslint-plugin-svelte@2.35.0(eslint@8.53.0)(svelte@4.2.12):
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -5398,17 +9135,8 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - ts-node
-    dev: true
 
-  /eslint-plugin-svelte@2.35.1(eslint@8.57.0)(svelte@4.2.12):
-    resolution: {integrity: sha512-IF8TpLnROSGy98Z3NrsKXWDSCbNY2ReHDcrYTuXZMbfX7VmESISR78TWgO9zdg4Dht1X8coub5jKwHzP0ExRug==}
-    engines: {node: ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0-0
-      svelte: ^3.37.0 || ^4.0.0
-    peerDependenciesMeta:
-      svelte:
-        optional: true
+  eslint-plugin-svelte@2.35.1(eslint@8.57.0)(svelte@4.2.12):
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -5427,34 +9155,20 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - ts-node
-    dev: true
 
-  /eslint-plugin-turbo@1.10.15(eslint@8.43.0):
-    resolution: {integrity: sha512-Tv4QSKV/U56qGcTqS/UgOvb9HcKFmWOQcVh3HEaj7of94lfaENgfrtK48E2CckQf7amhKs1i+imhCsNCKjkQyA==}
-    peerDependencies:
-      eslint: '>6.6.0'
+  eslint-plugin-turbo@1.10.15(eslint@8.43.0):
     dependencies:
       dotenv: 16.0.3
       eslint: 8.43.0
-    dev: true
 
-  /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-scope@7.2.2:
     dependencies:
       esrecurse: 4.3.0
       estraverse: 5.3.0
-    dev: true
 
-  /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}
-    dev: true
+  eslint-visitor-keys@3.4.3: {}
 
-  /eslint@8.43.0:
-    resolution: {integrity: sha512-aaCpf2JqqKesMFGgmRPessmVKjcGXqdlAYLLC3THM8t5nBRZRQ+st5WM/hoJXkdioEXLLbXgclUpM0TXo5HX5Q==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
+  eslint@8.43.0:
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
       '@eslint-community/regexpp': 4.9.1
@@ -5497,12 +9211,8 @@ packages:
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /eslint@8.53.0:
-    resolution: {integrity: sha512-N4VuiPjXDUa4xVeV/GC/RV3hQW9Nw+Y463lkWaKKXKYMvmRiRDAtfpuPFLN+E1/6ZhyR8J2ig+eVREnYgUsiag==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
+  eslint@8.53.0:
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
       '@eslint-community/regexpp': 4.10.0
@@ -5544,12 +9254,8 @@ packages:
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /eslint@8.57.0:
-    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
+  eslint@8.57.0:
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
       '@eslint-community/regexpp': 4.10.0
@@ -5591,61 +9297,36 @@ packages:
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /esm-env@1.0.0:
-    resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
-    dev: true
+  esm-env@1.0.0: {}
 
-  /espree@9.6.1:
-    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  espree@9.6.1:
     dependencies:
       acorn: 8.10.0
       acorn-jsx: 5.3.2(acorn@8.10.0)
       eslint-visitor-keys: 3.4.3
-    dev: true
 
-  /esprima@4.0.1:
-    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
-    engines: {node: '>=4'}
-    hasBin: true
+  esprima@4.0.1: {}
 
-  /esquery@1.5.0:
-    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
-    engines: {node: '>=0.10'}
+  esquery@1.5.0:
     dependencies:
       estraverse: 5.3.0
-    dev: true
 
-  /esrecurse@4.3.0:
-    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
-    engines: {node: '>=4.0'}
+  esrecurse@4.3.0:
     dependencies:
       estraverse: 5.3.0
-    dev: true
 
-  /estraverse@5.3.0:
-    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
-    engines: {node: '>=4.0'}
-    dev: true
+  estraverse@5.3.0: {}
 
-  /estree-walker@2.0.2:
-    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
-    dev: true
+  estree-walker@2.0.2: {}
 
-  /estree-walker@3.0.3:
-    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+  estree-walker@3.0.3:
     dependencies:
       '@types/estree': 1.0.5
 
-  /esutils@2.0.3:
-    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  esutils@2.0.3: {}
 
-  /event-stream@3.3.4:
-    resolution: {integrity: sha512-QHpkERcGsR0T7Qm3HNJSyXKEEj8AHNxkY3PK8TS2KJvQ7NiSHe3DDpwVKKtoYprL/AreyzFBeIkBIWChAqn60g==}
+  event-stream@3.3.4:
     dependencies:
       duplexer: 0.1.2
       from: 0.1.7
@@ -5654,15 +9335,10 @@ packages:
       split: 0.3.3
       stream-combiner: 0.0.4
       through: 2.3.8
-    dev: true
 
-  /eventemitter2@6.4.7:
-    resolution: {integrity: sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==}
-    dev: true
+  eventemitter2@6.4.7: {}
 
-  /execa@4.1.0:
-    resolution: {integrity: sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==}
-    engines: {node: '>=10'}
+  execa@4.1.0:
     dependencies:
       cross-spawn: 7.0.3
       get-stream: 5.2.0
@@ -5673,11 +9349,8 @@ packages:
       onetime: 5.1.2
       signal-exit: 3.0.7
       strip-final-newline: 2.0.0
-    dev: true
 
-  /execa@5.1.1:
-    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
-    engines: {node: '>=10'}
+  execa@5.1.1:
     dependencies:
       cross-spawn: 7.0.3
       get-stream: 6.0.1
@@ -5688,11 +9361,8 @@ packages:
       onetime: 5.1.2
       signal-exit: 3.0.7
       strip-final-newline: 2.0.0
-    dev: true
 
-  /execa@8.0.1:
-    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
-    engines: {node: '>=16.17'}
+  execa@8.0.1:
     dependencies:
       cross-spawn: 7.0.3
       get-stream: 8.0.1
@@ -5703,49 +9373,29 @@ packages:
       onetime: 6.0.0
       signal-exit: 4.1.0
       strip-final-newline: 3.0.0
-    dev: false
 
-  /executable@4.1.1:
-    resolution: {integrity: sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==}
-    engines: {node: '>=4'}
+  executable@4.1.1:
     dependencies:
       pify: 2.3.0
-    dev: true
 
-  /expand-template@2.0.3:
-    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
-    engines: {node: '>=6'}
-    requiresBuild: true
-    dev: false
+  expand-template@2.0.3:
     optional: true
 
-  /extend-shallow@2.0.1:
-    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
-    engines: {node: '>=0.10.0'}
+  extend-shallow@2.0.1:
     dependencies:
       is-extendable: 0.1.1
-    dev: false
 
-  /extend@3.0.2:
-    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+  extend@3.0.2: {}
 
-  /extendable-error@0.1.7:
-    resolution: {integrity: sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg==}
-    dev: true
+  extendable-error@0.1.7: {}
 
-  /external-editor@3.1.0:
-    resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
-    engines: {node: '>=4'}
+  external-editor@3.1.0:
     dependencies:
       chardet: 0.7.0
       iconv-lite: 0.4.24
       tmp: 0.0.33
-    dev: true
 
-  /extract-zip@2.0.1(supports-color@8.1.1):
-    resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==}
-    engines: {node: '>= 10.17.0'}
-    hasBin: true
+  extract-zip@2.0.1(supports-color@8.1.1):
     dependencies:
       debug: 4.3.4(supports-color@8.1.1)
       get-stream: 5.2.0
@@ -5754,342 +9404,208 @@ packages:
       '@types/yauzl': 2.10.3
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /extsprintf@1.3.0:
-    resolution: {integrity: sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==}
-    engines: {'0': node >=0.6.0}
-    dev: true
+  extsprintf@1.3.0: {}
 
-  /fast-deep-equal@3.1.3:
-    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
-    dev: true
+  fast-deep-equal@3.1.3: {}
 
-  /fast-diff@1.3.0:
-    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
-    dev: true
+  fast-diff@1.3.0: {}
 
-  /fast-fifo@1.3.2:
-    resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==}
-    requiresBuild: true
-    dev: false
+  fast-fifo@1.3.2:
     optional: true
 
-  /fast-glob@3.3.1:
-    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
-    engines: {node: '>=8.6.0'}
+  fast-glob@3.3.1:
     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.5
-    dev: false
 
-  /fast-glob@3.3.2:
-    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
-    engines: {node: '>=8.6.0'}
+  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.5
-    dev: true
 
-  /fast-json-stable-stringify@2.1.0:
-    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
-    dev: true
+  fast-json-stable-stringify@2.1.0: {}
 
-  /fast-levenshtein@2.0.6:
-    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
-    dev: true
+  fast-levenshtein@2.0.6: {}
 
-  /fastq@1.15.0:
-    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
+  fastq@1.15.0:
     dependencies:
       reusify: 1.0.4
 
-  /fd-slicer@1.1.0:
-    resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==}
+  fd-slicer@1.1.0:
     dependencies:
       pend: 1.2.0
-    dev: true
 
-  /figures@3.2.0:
-    resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
-    engines: {node: '>=8'}
+  figures@3.2.0:
     dependencies:
       escape-string-regexp: 1.0.5
-    dev: true
 
-  /file-entry-cache@6.0.1:
-    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
-    engines: {node: ^10.12.0 || >=12.0.0}
+  file-entry-cache@6.0.1:
     dependencies:
       flat-cache: 3.1.1
-    dev: true
 
-  /fill-range@7.0.1:
-    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
-    engines: {node: '>=8'}
+  fill-range@7.0.1:
     dependencies:
       to-regex-range: 5.0.1
 
-  /find-up@4.1.0:
-    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
-    engines: {node: '>=8'}
+  find-up@4.1.0:
     dependencies:
       locate-path: 5.0.0
       path-exists: 4.0.0
 
-  /find-up@5.0.0:
-    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
-    engines: {node: '>=10'}
+  find-up@5.0.0:
     dependencies:
       locate-path: 6.0.0
       path-exists: 4.0.0
 
-  /find-yarn-workspace-root2@1.2.16:
-    resolution: {integrity: sha512-hr6hb1w8ePMpPVUK39S4RlwJzi+xPLuVuG8XlwXU3KD5Yn3qgBWVfy3AzNlDhWvE1EORCE65/Qm26rFQt3VLVA==}
+  find-yarn-workspace-root2@1.2.16:
     dependencies:
       micromatch: 4.0.5
       pkg-dir: 4.2.0
 
-  /flat-cache@3.1.1:
-    resolution: {integrity: sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==}
-    engines: {node: '>=12.0.0'}
+  flat-cache@3.1.1:
     dependencies:
       flatted: 3.2.9
       keyv: 4.5.4
       rimraf: 3.0.2
-    dev: true
 
-  /flatted@3.2.9:
-    resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
-    dev: true
+  flatted@3.2.9: {}
 
-  /follow-redirects@1.15.3(debug@4.3.4):
-    resolution: {integrity: sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==}
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      debug: '*'
-    peerDependenciesMeta:
-      debug:
-        optional: true
+  follow-redirects@1.15.3(debug@4.3.4):
     dependencies:
       debug: 4.3.4(supports-color@8.1.1)
-    dev: true
 
-  /for-each@0.3.3:
-    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+  for-each@0.3.3:
     dependencies:
       is-callable: 1.2.7
-    dev: true
 
-  /forever-agent@0.6.1:
-    resolution: {integrity: sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==}
-    dev: true
+  forever-agent@0.6.1: {}
 
-  /form-data@2.3.3:
-    resolution: {integrity: sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==}
-    engines: {node: '>= 0.12'}
+  form-data@2.3.3:
     dependencies:
       asynckit: 0.4.0
       combined-stream: 1.0.8
       mime-types: 2.1.35
-    dev: true
 
-  /form-data@4.0.0:
-    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
-    engines: {node: '>= 6'}
+  form-data@4.0.0:
     dependencies:
       asynckit: 0.4.0
       combined-stream: 1.0.8
       mime-types: 2.1.35
-    dev: true
 
-  /fraction.js@4.3.7:
-    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
-    dev: true
+  fraction.js@4.3.7: {}
 
-  /from@0.1.7:
-    resolution: {integrity: sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g==}
-    dev: true
+  from@0.1.7: {}
 
-  /fs-constants@1.0.0:
-    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
-    requiresBuild: true
-    dev: false
+  fs-constants@1.0.0:
     optional: true
 
-  /fs-extra@11.2.0:
-    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
-    engines: {node: '>=14.14'}
+  fs-extra@11.2.0:
     dependencies:
       graceful-fs: 4.2.11
       jsonfile: 6.1.0
       universalify: 2.0.1
-    dev: true
 
-  /fs-extra@7.0.1:
-    resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
-    engines: {node: '>=6 <7 || >=8'}
+  fs-extra@7.0.1:
     dependencies:
       graceful-fs: 4.2.11
       jsonfile: 4.0.0
       universalify: 0.1.2
-    dev: true
 
-  /fs-extra@8.1.0:
-    resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
-    engines: {node: '>=6 <7 || >=8'}
+  fs-extra@8.1.0:
     dependencies:
       graceful-fs: 4.2.11
       jsonfile: 4.0.0
       universalify: 0.1.2
-    dev: true
 
-  /fs-extra@9.1.0:
-    resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
-    engines: {node: '>=10'}
+  fs-extra@9.1.0:
     dependencies:
       at-least-node: 1.0.0
       graceful-fs: 4.2.11
       jsonfile: 6.1.0
       universalify: 2.0.1
-    dev: true
 
-  /fs.realpath@1.0.0:
-    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+  fs.realpath@1.0.0: {}
 
-  /fsevents@2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-    requiresBuild: true
+  fsevents@2.3.2:
     optional: true
 
-  /fsevents@2.3.3:
-    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-    requiresBuild: true
+  fsevents@2.3.3:
     optional: true
 
-  /function-bind@1.1.2:
-    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+  function-bind@1.1.2: {}
 
-  /function.prototype.name@1.1.6:
-    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
-    engines: {node: '>= 0.4'}
+  function.prototype.name@1.1.6:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
       functions-have-names: 1.2.3
-    dev: true
 
-  /functions-have-names@1.2.3:
-    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
-    dev: true
+  functions-have-names@1.2.3: {}
 
-  /gensync@1.0.0-beta.2:
-    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
-    engines: {node: '>=6.9.0'}
+  gensync@1.0.0-beta.2: {}
 
-  /get-caller-file@2.0.5:
-    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
-    engines: {node: 6.* || 8.* || >= 10.*}
-    dev: true
+  get-caller-file@2.0.5: {}
 
-  /get-intrinsic@1.2.2:
-    resolution: {integrity: sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==}
+  get-intrinsic@1.2.2:
     dependencies:
       function-bind: 1.1.2
       has-proto: 1.0.1
       has-symbols: 1.0.3
       hasown: 2.0.0
-    dev: true
 
-  /get-intrinsic@1.2.4:
-    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
-    engines: {node: '>= 0.4'}
+  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.1
-    dev: true
-
-  /get-stdin@9.0.0:
-    resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==}
-    engines: {node: '>=12'}
-    dev: true
 
-  /get-stream@5.2.0:
-    resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
-    engines: {node: '>=8'}
+  get-stdin@9.0.0: {}
+
+  get-stream@5.2.0:
     dependencies:
       pump: 3.0.0
-    dev: true
 
-  /get-stream@6.0.1:
-    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
-    engines: {node: '>=10'}
-    dev: true
+  get-stream@6.0.1: {}
 
-  /get-stream@8.0.1:
-    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
-    engines: {node: '>=16'}
-    dev: false
+  get-stream@8.0.1: {}
 
-  /get-symbol-description@1.0.0:
-    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
-    engines: {node: '>= 0.4'}
+  get-symbol-description@1.0.0:
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
-    dev: true
 
-  /getos@3.2.1:
-    resolution: {integrity: sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==}
+  getos@3.2.1:
     dependencies:
       async: 3.2.5
-    dev: true
 
-  /getpass@0.1.7:
-    resolution: {integrity: sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==}
+  getpass@0.1.7:
     dependencies:
       assert-plus: 1.0.0
-    dev: true
 
-  /github-from-package@0.0.0:
-    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
-    requiresBuild: true
-    dev: false
+  github-from-package@0.0.0:
     optional: true
 
-  /github-slugger@2.0.0:
-    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
-    dev: false
+  github-slugger@2.0.0: {}
 
-  /glob-parent@5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
-    engines: {node: '>= 6'}
+  glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
 
-  /glob-parent@6.0.2:
-    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
-    engines: {node: '>=10.13.0'}
+  glob-parent@6.0.2:
     dependencies:
       is-glob: 4.0.3
-    dev: true
 
-  /glob@7.2.3:
-    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+  glob@7.2.3:
     dependencies:
       fs.realpath: 1.0.0
       inflight: 1.0.6
@@ -6098,49 +9614,31 @@ packages:
       once: 1.4.0
       path-is-absolute: 1.0.1
 
-  /glob@8.1.0:
-    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
-    engines: {node: '>=12'}
+  glob@8.1.0:
     dependencies:
       fs.realpath: 1.0.0
       inflight: 1.0.6
       inherits: 2.0.4
       minimatch: 5.1.6
       once: 1.4.0
-    dev: true
 
-  /global-dirs@3.0.1:
-    resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==}
-    engines: {node: '>=10'}
+  global-dirs@3.0.1:
     dependencies:
       ini: 2.0.0
-    dev: true
 
-  /globals@11.12.0:
-    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
-    engines: {node: '>=4'}
+  globals@11.12.0: {}
 
-  /globals@13.23.0:
-    resolution: {integrity: sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==}
-    engines: {node: '>=8'}
+  globals@13.23.0:
     dependencies:
       type-fest: 0.20.2
-    dev: true
 
-  /globalthis@1.0.3:
-    resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
-    engines: {node: '>= 0.4'}
+  globalthis@1.0.3:
     dependencies:
       define-properties: 1.2.1
-    dev: true
 
-  /globalyzer@0.1.0:
-    resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
-    dev: true
+  globalyzer@0.1.0: {}
 
-  /globby@11.1.0:
-    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
-    engines: {node: '>=10'}
+  globby@11.1.0:
     dependencies:
       array-union: 2.1.0
       dir-glob: 3.0.1
@@ -6148,11 +9646,8 @@ packages:
       ignore: 5.3.0
       merge2: 1.4.1
       slash: 3.0.0
-    dev: true
 
-  /globby@14.0.0:
-    resolution: {integrity: sha512-/1WM/LNHRAOH9lZta77uGbq0dAEQM+XjNesWwhlERDVenqothRbnzTrL3/LrIoEPPjeUHC3vrS6TwoyxeHs7MQ==}
-    engines: {node: '>=18'}
+  globby@14.0.0:
     dependencies:
       '@sindresorhus/merge-streams': 1.0.0
       fast-glob: 3.3.2
@@ -6160,111 +9655,65 @@ packages:
       path-type: 5.0.0
       slash: 5.1.0
       unicorn-magic: 0.1.0
-    dev: true
 
-  /globrex@0.1.2:
-    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
-    dev: true
+  globrex@0.1.2: {}
 
-  /gopd@1.0.1:
-    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+  gopd@1.0.1:
     dependencies:
       get-intrinsic: 1.2.2
-    dev: true
 
-  /graceful-fs@4.2.11:
-    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+  graceful-fs@4.2.11: {}
 
-  /grapheme-splitter@1.0.4:
-    resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
-    dev: true
+  grapheme-splitter@1.0.4: {}
 
-  /graphemer@1.4.0:
-    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
-    dev: true
+  graphemer@1.4.0: {}
 
-  /graphlib@2.1.8:
-    resolution: {integrity: sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==}
+  graphlib@2.1.8:
     dependencies:
       lodash: 4.17.21
-    dev: false
 
-  /gray-matter@4.0.3:
-    resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==}
-    engines: {node: '>=6.0'}
+  gray-matter@4.0.3:
     dependencies:
       js-yaml: 3.14.1
       kind-of: 6.0.3
       section-matter: 1.0.0
       strip-bom-string: 1.0.0
-    dev: false
 
-  /hard-rejection@2.1.0:
-    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
-    engines: {node: '>=6'}
-    dev: true
+  hard-rejection@2.1.0: {}
 
-  /has-bigints@1.0.2:
-    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
-    dev: true
+  has-bigints@1.0.2: {}
 
-  /has-flag@3.0.0:
-    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
-    engines: {node: '>=4'}
+  has-flag@3.0.0: {}
 
-  /has-flag@4.0.0:
-    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
-    engines: {node: '>=8'}
+  has-flag@4.0.0: {}
 
-  /has-property-descriptors@1.0.1:
-    resolution: {integrity: sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==}
+  has-property-descriptors@1.0.1:
     dependencies:
       get-intrinsic: 1.2.2
-    dev: true
 
-  /has-property-descriptors@1.0.2:
-    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+  has-property-descriptors@1.0.2:
     dependencies:
       es-define-property: 1.0.0
-    dev: true
 
-  /has-proto@1.0.1:
-    resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  has-proto@1.0.1: {}
 
-  /has-proto@1.0.3:
-    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  has-proto@1.0.3: {}
 
-  /has-symbols@1.0.3:
-    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  has-symbols@1.0.3: {}
 
-  /has-tostringtag@1.0.0:
-    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
-    engines: {node: '>= 0.4'}
+  has-tostringtag@1.0.0:
     dependencies:
       has-symbols: 1.0.3
-    dev: true
 
-  /hasown@2.0.0:
-    resolution: {integrity: sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==}
-    engines: {node: '>= 0.4'}
+  hasown@2.0.0:
     dependencies:
       function-bind: 1.1.2
 
-  /hasown@2.0.1:
-    resolution: {integrity: sha512-1/th4MHjnwncwXsIW6QMzlvYL9kG5e/CpVvLRZe4XPa8TOUNbCELqmvhDmnkNsAjwaG4+I8gJJL0JBvTTLO9qA==}
-    engines: {node: '>= 0.4'}
+  hasown@2.0.1:
     dependencies:
       function-bind: 1.1.2
-    dev: true
 
-  /hast-util-from-parse5@7.1.2:
-    resolution: {integrity: sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==}
+  hast-util-from-parse5@7.1.2:
     dependencies:
       '@types/hast': 2.3.7
       '@types/unist': 2.0.9
@@ -6273,16 +9722,12 @@ packages:
       vfile: 5.3.7
       vfile-location: 4.1.0
       web-namespaces: 2.0.1
-    dev: false
 
-  /hast-util-parse-selector@3.1.1:
-    resolution: {integrity: sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==}
+  hast-util-parse-selector@3.1.1:
     dependencies:
       '@types/hast': 2.3.7
-    dev: false
 
-  /hast-util-raw@7.2.3:
-    resolution: {integrity: sha512-RujVQfVsOrxzPOPSzZFiwofMArbQke6DJjnFfceiEbFh7S05CbPt0cYN+A5YeD3pso0JQk6O1aHBnx9+Pm2uqg==}
+  hast-util-raw@7.2.3:
     dependencies:
       '@types/hast': 2.3.7
       '@types/parse5': 6.0.3
@@ -6295,10 +9740,8 @@ packages:
       vfile: 5.3.7
       web-namespaces: 2.0.1
       zwitch: 2.0.4
-    dev: false
 
-  /hast-util-to-html@8.0.4:
-    resolution: {integrity: sha512-4tpQTUOr9BMjtYyNlt0P50mH7xj0Ks2xpo8M943Vykljf99HW6EzulIoJP1N3eKOSScEHzyzi9dm7/cn0RfGwA==}
+  hast-util-to-html@8.0.4:
     dependencies:
       '@types/hast': 2.3.7
       '@types/unist': 2.0.9
@@ -6311,10 +9754,8 @@ packages:
       space-separated-tokens: 2.0.2
       stringify-entities: 4.0.3
       zwitch: 2.0.4
-    dev: false
 
-  /hast-util-to-parse5@7.1.0:
-    resolution: {integrity: sha512-YNRgAJkH2Jky5ySkIqFXTQiaqcAtJyVE+D5lkN6CdtOqrnkLfGYYrEcKuHOJZlp+MwjSwuD3fZuawI+sic/RBw==}
+  hast-util-to-parse5@7.1.0:
     dependencies:
       '@types/hast': 2.3.7
       comma-separated-tokens: 2.0.3
@@ -6322,629 +9763,352 @@ packages:
       space-separated-tokens: 2.0.2
       web-namespaces: 2.0.1
       zwitch: 2.0.4
-    dev: false
 
-  /hast-util-whitespace@2.0.1:
-    resolution: {integrity: sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==}
-    dev: false
+  hast-util-whitespace@2.0.1: {}
 
-  /hastscript@7.2.0:
-    resolution: {integrity: sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==}
+  hastscript@7.2.0:
     dependencies:
       '@types/hast': 2.3.7
       comma-separated-tokens: 2.0.3
       hast-util-parse-selector: 3.1.1
       property-information: 6.3.0
       space-separated-tokens: 2.0.2
-    dev: false
 
-  /hosted-git-info@2.8.9:
-    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
-    dev: true
+  hosted-git-info@2.8.9: {}
 
-  /html-escaper@3.0.3:
-    resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
-    dev: false
+  html-escaper@3.0.3: {}
 
-  /html-void-elements@2.0.1:
-    resolution: {integrity: sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==}
-    dev: false
+  html-void-elements@2.0.1: {}
 
-  /http-cache-semantics@4.1.1:
-    resolution: {integrity: sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==}
-    dev: false
+  http-cache-semantics@4.1.1: {}
 
-  /http-signature@1.3.6:
-    resolution: {integrity: sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==}
-    engines: {node: '>=0.10'}
+  http-signature@1.3.6:
     dependencies:
       assert-plus: 1.0.0
       jsprim: 2.0.2
       sshpk: 1.18.0
-    dev: true
 
-  /human-id@1.0.2:
-    resolution: {integrity: sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw==}
-    dev: true
+  human-id@1.0.2: {}
 
-  /human-signals@1.1.1:
-    resolution: {integrity: sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==}
-    engines: {node: '>=8.12.0'}
-    dev: true
+  human-signals@1.1.1: {}
 
-  /human-signals@2.1.0:
-    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
-    engines: {node: '>=10.17.0'}
-    dev: true
+  human-signals@2.1.0: {}
 
-  /human-signals@5.0.0:
-    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
-    engines: {node: '>=16.17.0'}
-    dev: false
+  human-signals@5.0.0: {}
 
-  /iconv-lite@0.4.24:
-    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
-    engines: {node: '>=0.10.0'}
+  iconv-lite@0.4.24:
     dependencies:
       safer-buffer: 2.1.2
 
-  /ieee754@1.2.1:
-    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
+  ieee754@1.2.1: {}
 
-  /ignore@5.2.4:
-    resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
-    engines: {node: '>= 4'}
-    dev: true
+  ignore@5.2.4: {}
 
-  /ignore@5.3.0:
-    resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==}
-    engines: {node: '>= 4'}
-    dev: true
+  ignore@5.3.0: {}
 
-  /immediate@3.0.6:
-    resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
-    dev: false
+  immediate@3.0.6: {}
 
-  /immer@10.0.4:
-    resolution: {integrity: sha512-cuBuGK40P/sk5IzWa9QPUaAdvPHjkk1c+xYsd9oZw+YQQEV+10G0P5uMpGctZZKnyQ+ibRO08bD25nWLmYi2pw==}
-    dev: false
+  immer@10.0.4: {}
 
-  /import-fresh@3.3.0:
-    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
-    engines: {node: '>=6'}
+  import-fresh@3.3.0:
     dependencies:
       parent-module: 1.0.1
       resolve-from: 4.0.0
-    dev: true
 
-  /import-meta-resolve@3.1.1:
-    resolution: {integrity: sha512-qeywsE/KC3w9Fd2ORrRDUw6nS/nLwZpXgfrOc2IILvZYnCaEMd+D56Vfg9k4G29gIeVi3XKql1RQatME8iYsiw==}
-    dev: false
+  import-meta-resolve@3.1.1: {}
 
-  /import-meta-resolve@4.0.0:
-    resolution: {integrity: sha512-okYUR7ZQPH+efeuMJGlq4f8ubUgO50kByRPyt/Cy1Io4PSRsPjxME+YlVaCOx+NIToW7hCsZNFJyTPFFKepRSA==}
-    dev: true
+  import-meta-resolve@4.0.0: {}
 
-  /imurmurhash@0.1.4:
-    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
-    engines: {node: '>=0.8.19'}
-    dev: true
+  imurmurhash@0.1.4: {}
 
-  /indent-string@4.0.0:
-    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
-    engines: {node: '>=8'}
-    dev: true
+  indent-string@4.0.0: {}
 
-  /inflight@1.0.6:
-    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+  inflight@1.0.6:
     dependencies:
       once: 1.4.0
       wrappy: 1.0.2
 
-  /inherits@2.0.4:
-    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+  inherits@2.0.4: {}
 
-  /ini@1.3.8:
-    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
-    requiresBuild: true
-    dev: false
+  ini@1.3.8:
     optional: true
 
-  /ini@2.0.0:
-    resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==}
-    engines: {node: '>=10'}
-    dev: true
+  ini@2.0.0: {}
 
-  /internal-slot@1.0.6:
-    resolution: {integrity: sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==}
-    engines: {node: '>= 0.4'}
+  internal-slot@1.0.6:
     dependencies:
       get-intrinsic: 1.2.2
       hasown: 2.0.0
       side-channel: 1.0.4
-    dev: true
 
-  /is-array-buffer@3.0.2:
-    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
+  is-array-buffer@3.0.2:
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
       is-typed-array: 1.1.12
-    dev: true
 
-  /is-arrayish@0.2.1:
-    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
-    dev: true
+  is-arrayish@0.2.1: {}
 
-  /is-arrayish@0.3.2:
-    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
-    requiresBuild: true
-    dev: false
+  is-arrayish@0.3.2:
     optional: true
 
-  /is-async-function@2.0.0:
-    resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==}
-    engines: {node: '>= 0.4'}
+  is-async-function@2.0.0:
     dependencies:
       has-tostringtag: 1.0.0
-    dev: true
 
-  /is-bigint@1.0.4:
-    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
+  is-bigint@1.0.4:
     dependencies:
       has-bigints: 1.0.2
-    dev: true
 
-  /is-binary-path@2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
+  is-binary-path@2.1.0:
     dependencies:
       binary-extensions: 2.2.0
 
-  /is-boolean-object@1.1.2:
-    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
-    engines: {node: '>= 0.4'}
+  is-boolean-object@1.1.2:
     dependencies:
       call-bind: 1.0.5
       has-tostringtag: 1.0.0
-    dev: true
 
-  /is-buffer@2.0.5:
-    resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==}
-    engines: {node: '>=4'}
-    dev: false
+  is-buffer@2.0.5: {}
 
-  /is-builtin-module@3.2.1:
-    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
-    engines: {node: '>=6'}
+  is-builtin-module@3.2.1:
     dependencies:
       builtin-modules: 3.3.0
-    dev: true
 
-  /is-callable@1.2.7:
-    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  is-callable@1.2.7: {}
 
-  /is-ci@3.0.1:
-    resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==}
-    hasBin: true
+  is-ci@3.0.1:
     dependencies:
       ci-info: 3.9.0
-    dev: true
 
-  /is-core-module@2.13.1:
-    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
+  is-core-module@2.13.1:
     dependencies:
       hasown: 2.0.0
 
-  /is-date-object@1.0.5:
-    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
-    engines: {node: '>= 0.4'}
+  is-date-object@1.0.5:
     dependencies:
       has-tostringtag: 1.0.0
-    dev: true
 
-  /is-docker@3.0.0:
-    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    hasBin: true
-    dev: false
+  is-docker@3.0.0: {}
 
-  /is-extendable@0.1.1:
-    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
-    engines: {node: '>=0.10.0'}
-    dev: false
+  is-extendable@0.1.1: {}
 
-  /is-extglob@2.1.1:
-    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
-    engines: {node: '>=0.10.0'}
+  is-extglob@2.1.1: {}
 
-  /is-finalizationregistry@1.0.2:
-    resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
+  is-finalizationregistry@1.0.2:
     dependencies:
       call-bind: 1.0.5
-    dev: true
 
-  /is-fullwidth-code-point@3.0.0:
-    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
-    engines: {node: '>=8'}
+  is-fullwidth-code-point@3.0.0: {}
 
-  /is-generator-function@1.0.10:
-    resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==}
-    engines: {node: '>= 0.4'}
+  is-generator-function@1.0.10:
     dependencies:
       has-tostringtag: 1.0.0
-    dev: true
 
-  /is-glob@4.0.3:
-    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
-    engines: {node: '>=0.10.0'}
+  is-glob@4.0.3:
     dependencies:
       is-extglob: 2.1.1
 
-  /is-inside-container@1.0.0:
-    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
-    engines: {node: '>=14.16'}
-    hasBin: true
+  is-inside-container@1.0.0:
     dependencies:
       is-docker: 3.0.0
-    dev: false
 
-  /is-installed-globally@0.4.0:
-    resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==}
-    engines: {node: '>=10'}
+  is-installed-globally@0.4.0:
     dependencies:
       global-dirs: 3.0.1
       is-path-inside: 3.0.3
-    dev: true
 
-  /is-interactive@2.0.0:
-    resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==}
-    engines: {node: '>=12'}
-    dev: false
+  is-interactive@2.0.0: {}
 
-  /is-map@2.0.2:
-    resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==}
-    dev: true
+  is-map@2.0.2: {}
 
-  /is-module@1.0.0:
-    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
-    dev: true
+  is-module@1.0.0: {}
 
-  /is-negative-zero@2.0.2:
-    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  is-negative-zero@2.0.2: {}
 
-  /is-number-object@1.0.7:
-    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
-    engines: {node: '>= 0.4'}
+  is-number-object@1.0.7:
     dependencies:
       has-tostringtag: 1.0.0
-    dev: true
 
-  /is-number@7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
-    engines: {node: '>=0.12.0'}
+  is-number@7.0.0: {}
 
-  /is-path-inside@3.0.3:
-    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
-    engines: {node: '>=8'}
-    dev: true
+  is-path-inside@3.0.3: {}
 
-  /is-plain-obj@1.1.0:
-    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  is-plain-obj@1.1.0: {}
 
-  /is-plain-obj@4.1.0:
-    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
-    engines: {node: '>=12'}
-    dev: false
+  is-plain-obj@4.1.0: {}
 
-  /is-reference@1.2.1:
-    resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
+  is-reference@1.2.1:
     dependencies:
       '@types/estree': 1.0.3
-    dev: true
 
-  /is-reference@3.0.2:
-    resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
+  is-reference@3.0.2:
     dependencies:
       '@types/estree': 1.0.3
 
-  /is-regex@1.1.4:
-    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
-    engines: {node: '>= 0.4'}
+  is-regex@1.1.4:
     dependencies:
       call-bind: 1.0.5
       has-tostringtag: 1.0.0
-    dev: true
 
-  /is-set@2.0.2:
-    resolution: {integrity: sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==}
-    dev: true
+  is-set@2.0.2: {}
 
-  /is-shared-array-buffer@1.0.2:
-    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
+  is-shared-array-buffer@1.0.2:
     dependencies:
       call-bind: 1.0.5
-    dev: true
 
-  /is-stream@2.0.1:
-    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
-    engines: {node: '>=8'}
-    dev: true
+  is-stream@2.0.1: {}
 
-  /is-stream@3.0.0:
-    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dev: false
+  is-stream@3.0.0: {}
 
-  /is-string@1.0.7:
-    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
-    engines: {node: '>= 0.4'}
+  is-string@1.0.7:
     dependencies:
       has-tostringtag: 1.0.0
-    dev: true
 
-  /is-subdir@1.2.0:
-    resolution: {integrity: sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==}
-    engines: {node: '>=4'}
+  is-subdir@1.2.0:
     dependencies:
       better-path-resolve: 1.0.0
-    dev: true
 
-  /is-symbol@1.0.4:
-    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
-    engines: {node: '>= 0.4'}
+  is-symbol@1.0.4:
     dependencies:
       has-symbols: 1.0.3
-    dev: true
 
-  /is-typed-array@1.1.12:
-    resolution: {integrity: sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==}
-    engines: {node: '>= 0.4'}
+  is-typed-array@1.1.12:
     dependencies:
       which-typed-array: 1.1.13
-    dev: true
 
-  /is-typedarray@1.0.0:
-    resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
-    dev: true
+  is-typedarray@1.0.0: {}
 
-  /is-unicode-supported@0.1.0:
-    resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
-    engines: {node: '>=10'}
-    dev: true
+  is-unicode-supported@0.1.0: {}
 
-  /is-unicode-supported@1.3.0:
-    resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
-    engines: {node: '>=12'}
-    dev: false
+  is-unicode-supported@1.3.0: {}
 
-  /is-weakmap@2.0.1:
-    resolution: {integrity: sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==}
-    dev: true
+  is-weakmap@2.0.1: {}
 
-  /is-weakref@1.0.2:
-    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
+  is-weakref@1.0.2:
     dependencies:
       call-bind: 1.0.5
-    dev: true
 
-  /is-weakset@2.0.2:
-    resolution: {integrity: sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==}
+  is-weakset@2.0.2:
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
-    dev: true
 
-  /is-windows@1.0.2:
-    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  is-windows@1.0.2: {}
 
-  /is-wsl@3.1.0:
-    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
-    engines: {node: '>=16'}
+  is-wsl@3.1.0:
     dependencies:
       is-inside-container: 1.0.0
-    dev: false
 
-  /isarray@2.0.5:
-    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
-    dev: true
+  isarray@2.0.5: {}
 
-  /isexe@2.0.0:
-    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+  isexe@2.0.0: {}
 
-  /isstream@0.1.2:
-    resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
-    dev: true
+  isstream@0.1.2: {}
 
-  /iterator.prototype@1.1.2:
-    resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==}
+  iterator.prototype@1.1.2:
     dependencies:
       define-properties: 1.2.1
       get-intrinsic: 1.2.2
       has-symbols: 1.0.3
       reflect.getprototypeof: 1.0.4
       set-function-name: 2.0.1
-    dev: true
 
-  /joi@17.11.0:
-    resolution: {integrity: sha512-NgB+lZLNoqISVy1rZocE9PZI36bL/77ie924Ri43yEvi9GUUMPeyVIr8KdFTMUlby1p0PBYMk9spIxEUQYqrJQ==}
+  joi@17.11.0:
     dependencies:
       '@hapi/hoek': 9.3.0
       '@hapi/topo': 5.1.0
       '@sideway/address': 4.1.4
       '@sideway/formula': 3.0.1
       '@sideway/pinpoint': 2.0.0
-    dev: true
 
-  /js-tokens@4.0.0:
-    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+  js-tokens@4.0.0: {}
 
-  /js-yaml@3.14.1:
-    resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
-    hasBin: true
+  js-yaml@3.14.1:
     dependencies:
       argparse: 1.0.10
       esprima: 4.0.1
 
-  /js-yaml@4.1.0:
-    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
-    hasBin: true
+  js-yaml@4.1.0:
     dependencies:
       argparse: 2.0.1
 
-  /jsbn@0.1.1:
-    resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==}
-    dev: true
+  jsbn@0.1.1: {}
 
-  /jsesc@2.5.2:
-    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
-    engines: {node: '>=4'}
-    hasBin: true
+  jsesc@2.5.2: {}
 
-  /json-buffer@3.0.1:
-    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
-    dev: true
+  json-buffer@3.0.1: {}
 
-  /json-parse-even-better-errors@2.3.1:
-    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
-    dev: true
+  json-parse-even-better-errors@2.3.1: {}
 
-  /json-schema-traverse@0.4.1:
-    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
-    dev: true
+  json-schema-traverse@0.4.1: {}
 
-  /json-schema@0.4.0:
-    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
-    dev: true
+  json-schema@0.4.0: {}
 
-  /json-stable-stringify-without-jsonify@1.0.1:
-    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
-    dev: true
+  json-stable-stringify-without-jsonify@1.0.1: {}
 
-  /json-stringify-safe@5.0.1:
-    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
-    dev: true
+  json-stringify-safe@5.0.1: {}
 
-  /json5@2.2.3:
-    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
-    engines: {node: '>=6'}
-    hasBin: true
+  json5@2.2.3: {}
 
-  /jsonc-parser@3.2.0:
-    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
-    dev: false
+  jsonc-parser@3.2.0: {}
 
-  /jsonfile@4.0.0:
-    resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
+  jsonfile@4.0.0:
     optionalDependencies:
       graceful-fs: 4.2.11
-    dev: true
 
-  /jsonfile@6.1.0:
-    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
+  jsonfile@6.1.0:
     dependencies:
       universalify: 2.0.1
     optionalDependencies:
       graceful-fs: 4.2.11
-    dev: true
 
-  /jsprim@2.0.2:
-    resolution: {integrity: sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==}
-    engines: {'0': node >=0.6.0}
+  jsprim@2.0.2:
     dependencies:
       assert-plus: 1.0.0
       extsprintf: 1.3.0
       json-schema: 0.4.0
       verror: 1.10.0
-    dev: true
 
-  /jsx-ast-utils@3.3.5:
-    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
-    engines: {node: '>=4.0'}
+  jsx-ast-utils@3.3.5:
     dependencies:
       array-includes: 3.1.7
       array.prototype.flat: 1.3.2
       object.assign: 4.1.5
       object.values: 1.1.7
-    dev: true
 
-  /keyv@4.5.4:
-    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+  keyv@4.5.4:
     dependencies:
       json-buffer: 3.0.1
-    dev: true
 
-  /kind-of@6.0.3:
-    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
-    engines: {node: '>=0.10.0'}
+  kind-of@6.0.3: {}
 
-  /kleur@3.0.3:
-    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
-    engines: {node: '>=6'}
-    dev: false
+  kleur@3.0.3: {}
 
-  /kleur@4.1.5:
-    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
-    engines: {node: '>=6'}
+  kleur@4.1.5: {}
 
-  /known-css-properties@0.29.0:
-    resolution: {integrity: sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==}
-    dev: true
+  known-css-properties@0.29.0: {}
 
-  /lazy-ass@1.6.0:
-    resolution: {integrity: sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==}
-    engines: {node: '> 0.8'}
-    dev: true
+  lazy-ass@1.6.0: {}
 
-  /levn@0.4.1:
-    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
-    engines: {node: '>= 0.8.0'}
+  levn@0.4.1:
     dependencies:
       prelude-ls: 1.2.1
       type-check: 0.4.0
-    dev: true
 
-  /lie@3.1.1:
-    resolution: {integrity: sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==}
+  lie@3.1.1:
     dependencies:
       immediate: 3.0.6
-    dev: false
 
-  /lilconfig@2.1.0:
-    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
-    engines: {node: '>=10'}
-    dev: true
+  lilconfig@2.1.0: {}
 
-  /lilconfig@3.0.0:
-    resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==}
-    engines: {node: '>=14'}
-    dev: true
+  lilconfig@3.0.0: {}
 
-  /lilconfig@3.1.1:
-    resolution: {integrity: sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==}
-    engines: {node: '>=14'}
-    dev: true
+  lilconfig@3.1.1: {}
 
-  /lines-and-columns@1.2.4:
-    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-    dev: true
+  lines-and-columns@1.2.4: {}
 
-  /listr2@3.14.0(enquirer@2.4.1):
-    resolution: {integrity: sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==}
-    engines: {node: '>=10.0.0'}
-    peerDependencies:
-      enquirer: '>= 2.3.0 < 3'
-    peerDependenciesMeta:
-      enquirer:
-        optional: true
+  listr2@3.14.0(enquirer@2.4.1):
     dependencies:
       cli-truncate: 2.1.0
       colorette: 2.0.20
@@ -6955,184 +10119,120 @@ packages:
       rxjs: 7.8.1
       through: 2.3.8
       wrap-ansi: 7.0.0
-    dev: true
 
-  /load-yaml-file@0.2.0:
-    resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==}
-    engines: {node: '>=6'}
+  load-yaml-file@0.2.0:
     dependencies:
       graceful-fs: 4.2.11
       js-yaml: 3.14.1
       pify: 4.0.1
       strip-bom: 3.0.0
 
-  /localforage@1.10.0:
-    resolution: {integrity: sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==}
+  localforage@1.10.0:
     dependencies:
       lie: 3.1.1
-    dev: false
 
-  /locate-character@3.0.0:
-    resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
+  locate-character@3.0.0: {}
 
-  /locate-path@5.0.0:
-    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
-    engines: {node: '>=8'}
+  locate-path@5.0.0:
     dependencies:
       p-locate: 4.1.0
-
-  /locate-path@6.0.0:
-    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
-    engines: {node: '>=10'}
+
+  locate-path@6.0.0:
     dependencies:
       p-locate: 5.0.0
 
-  /lodash.memoize@4.1.2:
-    resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
-    dev: true
+  lodash.memoize@4.1.2: {}
 
-  /lodash.merge@4.6.2:
-    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+  lodash.merge@4.6.2: {}
 
-  /lodash.once@4.1.1:
-    resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==}
-    dev: true
+  lodash.once@4.1.1: {}
 
-  /lodash.startcase@4.4.0:
-    resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
-    dev: true
+  lodash.startcase@4.4.0: {}
 
-  /lodash.uniq@4.5.0:
-    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
-    dev: true
+  lodash.uniq@4.5.0: {}
 
-  /lodash@4.17.21:
-    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+  lodash@4.17.21: {}
 
-  /log-symbols@4.1.0:
-    resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
-    engines: {node: '>=10'}
+  log-symbols@4.1.0:
     dependencies:
       chalk: 4.1.2
       is-unicode-supported: 0.1.0
-    dev: true
 
-  /log-symbols@5.1.0:
-    resolution: {integrity: sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==}
-    engines: {node: '>=12'}
+  log-symbols@5.1.0:
     dependencies:
       chalk: 5.3.0
       is-unicode-supported: 1.3.0
-    dev: false
 
-  /log-update@4.0.0:
-    resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==}
-    engines: {node: '>=10'}
+  log-update@4.0.0:
     dependencies:
       ansi-escapes: 4.3.2
       cli-cursor: 3.1.0
       slice-ansi: 4.0.0
       wrap-ansi: 6.2.0
-    dev: true
 
-  /longest-streak@3.1.0:
-    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
-    dev: false
+  longest-streak@3.1.0: {}
 
-  /loose-envify@1.4.0:
-    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
-    hasBin: true
+  loose-envify@1.4.0:
     dependencies:
       js-tokens: 4.0.0
 
-  /lower-case@2.0.2:
-    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
+  lower-case@2.0.2:
     dependencies:
       tslib: 2.6.2
 
-  /lru-cache@4.1.5:
-    resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==}
+  lru-cache@4.1.5:
     dependencies:
       pseudomap: 1.0.2
       yallist: 2.1.2
-    dev: true
 
-  /lru-cache@5.1.1:
-    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+  lru-cache@5.1.1:
     dependencies:
       yallist: 3.1.1
 
-  /lru-cache@6.0.0:
-    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
-    engines: {node: '>=10'}
+  lru-cache@6.0.0:
     dependencies:
       yallist: 4.0.0
 
-  /magic-string@0.27.0:
-    resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
-    engines: {node: '>=12'}
+  magic-string@0.27.0:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
-    dev: true
 
-  /magic-string@0.30.5:
-    resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
-    engines: {node: '>=12'}
+  magic-string@0.30.5:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
-    dev: false
 
-  /magic-string@0.30.8:
-    resolution: {integrity: sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==}
-    engines: {node: '>=12'}
+  magic-string@0.30.8:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  /map-obj@1.0.1:
-    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  map-obj@1.0.1: {}
 
-  /map-obj@4.3.0:
-    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
-    engines: {node: '>=8'}
-    dev: true
+  map-obj@4.3.0: {}
 
-  /map-stream@0.1.0:
-    resolution: {integrity: sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==}
-    dev: true
+  map-stream@0.1.0: {}
 
-  /markdown-table@3.0.3:
-    resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==}
-    dev: false
+  markdown-table@3.0.3: {}
 
-  /mdast-util-definitions@5.1.2:
-    resolution: {integrity: sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==}
+  mdast-util-definitions@5.1.2:
     dependencies:
       '@types/mdast': 3.0.14
       '@types/unist': 2.0.9
       unist-util-visit: 4.1.2
-    dev: false
 
-  /mdast-util-definitions@6.0.0:
-    resolution: {integrity: sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ==}
+  mdast-util-definitions@6.0.0:
     dependencies:
       '@types/mdast': 4.0.2
       '@types/unist': 3.0.1
       unist-util-visit: 5.0.0
-    dev: false
 
-  /mdast-util-find-and-replace@2.2.2:
-    resolution: {integrity: sha512-MTtdFRz/eMDHXzeK6W3dO7mXUlF82Gom4y0oOgvHhh/HXZAGvIQDUvQ0SuUx+j2tv44b8xTHOm8K/9OoRFnXKw==}
+  mdast-util-find-and-replace@2.2.2:
     dependencies:
       '@types/mdast': 3.0.14
       escape-string-regexp: 5.0.0
       unist-util-is: 5.2.1
       unist-util-visit-parents: 5.1.3
-    dev: false
 
-  /mdast-util-from-markdown@1.3.1:
-    resolution: {integrity: sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==}
+  mdast-util-from-markdown@1.3.1:
     dependencies:
       '@types/mdast': 3.0.14
       '@types/unist': 2.0.9
@@ -7148,34 +10248,26 @@ packages:
       uvu: 0.5.6
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /mdast-util-gfm-autolink-literal@1.0.3:
-    resolution: {integrity: sha512-My8KJ57FYEy2W2LyNom4n3E7hKTuQk/0SES0u16tjA9Z3oFkF4RrC/hPAPgjlSpezsOvI8ObcXcElo92wn5IGA==}
+  mdast-util-gfm-autolink-literal@1.0.3:
     dependencies:
       '@types/mdast': 3.0.14
       ccount: 2.0.1
       mdast-util-find-and-replace: 2.2.2
       micromark-util-character: 1.2.0
-    dev: false
 
-  /mdast-util-gfm-footnote@1.0.2:
-    resolution: {integrity: sha512-56D19KOGbE00uKVj3sgIykpwKL179QsVFwx/DCW0u/0+URsryacI4MAdNJl0dh+u2PSsD9FtxPFbHCzJ78qJFQ==}
+  mdast-util-gfm-footnote@1.0.2:
     dependencies:
       '@types/mdast': 3.0.14
       mdast-util-to-markdown: 1.5.0
       micromark-util-normalize-identifier: 1.1.0
-    dev: false
 
-  /mdast-util-gfm-strikethrough@1.0.3:
-    resolution: {integrity: sha512-DAPhYzTYrRcXdMjUtUjKvW9z/FNAMTdU0ORyMcbmkwYNbKocDpdk+PX1L1dQgOID/+vVs1uBQ7ElrBQfZ0cuiQ==}
+  mdast-util-gfm-strikethrough@1.0.3:
     dependencies:
       '@types/mdast': 3.0.14
       mdast-util-to-markdown: 1.5.0
-    dev: false
 
-  /mdast-util-gfm-table@1.0.7:
-    resolution: {integrity: sha512-jjcpmNnQvrmN5Vx7y7lEc2iIOEytYv7rTvu+MeyAsSHTASGCCRA79Igg2uKssgOs1i1po8s3plW0sTu1wkkLGg==}
+  mdast-util-gfm-table@1.0.7:
     dependencies:
       '@types/mdast': 3.0.14
       markdown-table: 3.0.3
@@ -7183,17 +10275,13 @@ packages:
       mdast-util-to-markdown: 1.5.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /mdast-util-gfm-task-list-item@1.0.2:
-    resolution: {integrity: sha512-PFTA1gzfp1B1UaiJVyhJZA1rm0+Tzn690frc/L8vNX1Jop4STZgOE6bxUhnzdVSB+vm2GU1tIsuQcA9bxTQpMQ==}
+  mdast-util-gfm-task-list-item@1.0.2:
     dependencies:
       '@types/mdast': 3.0.14
       mdast-util-to-markdown: 1.5.0
-    dev: false
 
-  /mdast-util-gfm@2.0.2:
-    resolution: {integrity: sha512-qvZ608nBppZ4icQlhQQIAdc6S3Ffj9RGmzwUKUWuEICFnd1LVkN3EktF7ZHAgfcEdvZB5owU9tQgt99e2TlLjg==}
+  mdast-util-gfm@2.0.2:
     dependencies:
       mdast-util-from-markdown: 1.3.1
       mdast-util-gfm-autolink-literal: 1.0.3
@@ -7204,17 +10292,13 @@ packages:
       mdast-util-to-markdown: 1.5.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /mdast-util-phrasing@3.0.1:
-    resolution: {integrity: sha512-WmI1gTXUBJo4/ZmSk79Wcb2HcjPJBzM1nlI/OUWA8yk2X9ik3ffNbBGsU+09BFmXaL1IBb9fiuvq6/KMiNycSg==}
+  mdast-util-phrasing@3.0.1:
     dependencies:
       '@types/mdast': 3.0.14
       unist-util-is: 5.2.1
-    dev: false
 
-  /mdast-util-to-hast@12.3.0:
-    resolution: {integrity: sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==}
+  mdast-util-to-hast@12.3.0:
     dependencies:
       '@types/hast': 2.3.7
       '@types/mdast': 3.0.14
@@ -7224,10 +10308,8 @@ packages:
       unist-util-generated: 2.0.1
       unist-util-position: 4.0.4
       unist-util-visit: 4.1.2
-    dev: false
 
-  /mdast-util-to-markdown@1.5.0:
-    resolution: {integrity: sha512-bbv7TPv/WC49thZPg3jXuqzuvI45IL2EVAr/KxF0BSdHsU0ceFHOmwQn6evxAh1GaoK/6GQ1wp4R4oW2+LFL/A==}
+  mdast-util-to-markdown@1.5.0:
     dependencies:
       '@types/mdast': 3.0.14
       '@types/unist': 2.0.9
@@ -7237,24 +10319,16 @@ packages:
       micromark-util-decode-string: 1.1.0
       unist-util-visit: 4.1.2
       zwitch: 2.0.4
-    dev: false
 
-  /mdast-util-to-string@3.2.0:
-    resolution: {integrity: sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==}
+  mdast-util-to-string@3.2.0:
     dependencies:
       '@types/mdast': 3.0.14
-    dev: false
 
-  /mdn-data@2.0.28:
-    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
-    dev: true
+  mdn-data@2.0.28: {}
 
-  /mdn-data@2.0.30:
-    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+  mdn-data@2.0.30: {}
 
-  /meow@6.1.1:
-    resolution: {integrity: sha512-3YffViIt2QWgTy6Pale5QpopX/IvU3LPL03jOTqp6pGj3VjesdO/U8CuHMKpnQr4shCNCM5fd5XFFvIIl6JBHg==}
-    engines: {node: '>=8'}
+  meow@6.1.1:
     dependencies:
       '@types/minimist': 1.2.4
       camelcase-keys: 6.2.2
@@ -7267,17 +10341,12 @@ packages:
       trim-newlines: 3.0.1
       type-fest: 0.13.1
       yargs-parser: 18.1.3
-    dev: true
 
-  /merge-stream@2.0.0:
-    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+  merge-stream@2.0.0: {}
 
-  /merge2@1.4.1:
-    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
-    engines: {node: '>= 8'}
+  merge2@1.4.1: {}
 
-  /micromark-core-commonmark@1.1.0:
-    resolution: {integrity: sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==}
+  micromark-core-commonmark@1.1.0:
     dependencies:
       decode-named-character-reference: 1.0.2
       micromark-factory-destination: 1.1.0
@@ -7295,19 +10364,15 @@ packages:
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
-    dev: false
 
-  /micromark-extension-gfm-autolink-literal@1.0.5:
-    resolution: {integrity: sha512-z3wJSLrDf8kRDOh2qBtoTRD53vJ+CWIyo7uyZuxf/JAbNJjiHsOpG1y5wxk8drtv3ETAHutCu6N3thkOOgueWg==}
+  micromark-extension-gfm-autolink-literal@1.0.5:
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-sanitize-uri: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-extension-gfm-footnote@1.1.2:
-    resolution: {integrity: sha512-Yxn7z7SxgyGWRNa4wzf8AhYYWNrwl5q1Z8ii+CSTTIqVkmGZF1CElX2JI8g5yGoM3GAman9/PVCUFUSJ0kB/8Q==}
+  micromark-extension-gfm-footnote@1.1.2:
     dependencies:
       micromark-core-commonmark: 1.1.0
       micromark-factory-space: 1.1.0
@@ -7317,10 +10382,8 @@ packages:
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
-    dev: false
 
-  /micromark-extension-gfm-strikethrough@1.0.7:
-    resolution: {integrity: sha512-sX0FawVE1o3abGk3vRjOH50L5TTLr3b5XMqnP9YDRb34M0v5OoZhG+OHFz1OffZ9dlwgpTBKaT4XW/AsUVnSDw==}
+  micromark-extension-gfm-strikethrough@1.0.7:
     dependencies:
       micromark-util-chunked: 1.1.0
       micromark-util-classify-character: 1.1.0
@@ -7328,36 +10391,28 @@ packages:
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
-    dev: false
 
-  /micromark-extension-gfm-table@1.0.7:
-    resolution: {integrity: sha512-3ZORTHtcSnMQEKtAOsBQ9/oHp9096pI/UvdPtN7ehKvrmZZ2+bbWhi0ln+I9drmwXMt5boocn6OlwQzNXeVeqw==}
+  micromark-extension-gfm-table@1.0.7:
     dependencies:
       micromark-factory-space: 1.1.0
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
-    dev: false
 
-  /micromark-extension-gfm-tagfilter@1.0.2:
-    resolution: {integrity: sha512-5XWB9GbAUSHTn8VPU8/1DBXMuKYT5uOgEjJb8gN3mW0PNW5OPHpSdojoqf+iq1xo7vWzw/P8bAHY0n6ijpXF7g==}
+  micromark-extension-gfm-tagfilter@1.0.2:
     dependencies:
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-extension-gfm-task-list-item@1.0.5:
-    resolution: {integrity: sha512-RMFXl2uQ0pNQy6Lun2YBYT9g9INXtWJULgbt01D/x8/6yJ2qpKyzdZD3pi6UIkzF++Da49xAelVKUeUMqd5eIQ==}
+  micromark-extension-gfm-task-list-item@1.0.5:
     dependencies:
       micromark-factory-space: 1.1.0
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
-    dev: false
 
-  /micromark-extension-gfm@2.0.3:
-    resolution: {integrity: sha512-vb9OoHqrhCmbRidQv/2+Bc6pkP0FrtlhurxZofvOEy5o8RtuuvTq+RQ1Vw5ZDNrVraQZu3HixESqbG+0iKk/MQ==}
+  micromark-extension-gfm@2.0.3:
     dependencies:
       micromark-extension-gfm-autolink-literal: 1.0.5
       micromark-extension-gfm-footnote: 1.1.2
@@ -7367,140 +10422,100 @@ packages:
       micromark-extension-gfm-task-list-item: 1.0.5
       micromark-util-combine-extensions: 1.1.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-factory-destination@1.1.0:
-    resolution: {integrity: sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==}
+  micromark-factory-destination@1.1.0:
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-factory-label@1.1.0:
-    resolution: {integrity: sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==}
+  micromark-factory-label@1.1.0:
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
-    dev: false
 
-  /micromark-factory-space@1.1.0:
-    resolution: {integrity: sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==}
+  micromark-factory-space@1.1.0:
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-factory-title@1.1.0:
-    resolution: {integrity: sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==}
+  micromark-factory-title@1.1.0:
     dependencies:
       micromark-factory-space: 1.1.0
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-factory-whitespace@1.1.0:
-    resolution: {integrity: sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==}
+  micromark-factory-whitespace@1.1.0:
     dependencies:
       micromark-factory-space: 1.1.0
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-util-character@1.2.0:
-    resolution: {integrity: sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==}
+  micromark-util-character@1.2.0:
     dependencies:
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-util-chunked@1.1.0:
-    resolution: {integrity: sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==}
+  micromark-util-chunked@1.1.0:
     dependencies:
       micromark-util-symbol: 1.1.0
-    dev: false
 
-  /micromark-util-classify-character@1.1.0:
-    resolution: {integrity: sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==}
+  micromark-util-classify-character@1.1.0:
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-util-combine-extensions@1.1.0:
-    resolution: {integrity: sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==}
+  micromark-util-combine-extensions@1.1.0:
     dependencies:
       micromark-util-chunked: 1.1.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-util-decode-numeric-character-reference@1.1.0:
-    resolution: {integrity: sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==}
+  micromark-util-decode-numeric-character-reference@1.1.0:
     dependencies:
       micromark-util-symbol: 1.1.0
-    dev: false
 
-  /micromark-util-decode-string@1.1.0:
-    resolution: {integrity: sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==}
+  micromark-util-decode-string@1.1.0:
     dependencies:
       decode-named-character-reference: 1.0.2
       micromark-util-character: 1.2.0
       micromark-util-decode-numeric-character-reference: 1.1.0
       micromark-util-symbol: 1.1.0
-    dev: false
 
-  /micromark-util-encode@1.1.0:
-    resolution: {integrity: sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw==}
-    dev: false
+  micromark-util-encode@1.1.0: {}
 
-  /micromark-util-html-tag-name@1.2.0:
-    resolution: {integrity: sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q==}
-    dev: false
+  micromark-util-html-tag-name@1.2.0: {}
 
-  /micromark-util-normalize-identifier@1.1.0:
-    resolution: {integrity: sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==}
+  micromark-util-normalize-identifier@1.1.0:
     dependencies:
       micromark-util-symbol: 1.1.0
-    dev: false
 
-  /micromark-util-resolve-all@1.1.0:
-    resolution: {integrity: sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==}
+  micromark-util-resolve-all@1.1.0:
     dependencies:
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-util-sanitize-uri@1.2.0:
-    resolution: {integrity: sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==}
+  micromark-util-sanitize-uri@1.2.0:
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-encode: 1.1.0
       micromark-util-symbol: 1.1.0
-    dev: false
 
-  /micromark-util-subtokenize@1.1.0:
-    resolution: {integrity: sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==}
+  micromark-util-subtokenize@1.1.0:
     dependencies:
       micromark-util-chunked: 1.1.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
-    dev: false
 
-  /micromark-util-symbol@1.1.0:
-    resolution: {integrity: sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag==}
-    dev: false
+  micromark-util-symbol@1.1.0: {}
 
-  /micromark-util-types@1.1.0:
-    resolution: {integrity: sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==}
-    dev: false
+  micromark-util-types@1.1.0: {}
 
-  /micromark@3.2.0:
-    resolution: {integrity: sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==}
+  micromark@3.2.0:
     dependencies:
       '@types/debug': 4.1.10
       debug: 4.3.4(supports-color@8.1.1)
@@ -7521,315 +10536,182 @@ packages:
       uvu: 0.5.6
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /micromatch@4.0.5:
-    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
-    engines: {node: '>=8.6'}
+  micromatch@4.0.5:
     dependencies:
       braces: 3.0.2
       picomatch: 2.3.1
 
-  /mime-db@1.52.0:
-    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
-    engines: {node: '>= 0.6'}
-    dev: true
+  mime-db@1.52.0: {}
 
-  /mime-types@2.1.35:
-    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
-    engines: {node: '>= 0.6'}
+  mime-types@2.1.35:
     dependencies:
       mime-db: 1.52.0
-    dev: true
 
-  /mime@3.0.0:
-    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
-    engines: {node: '>=10.0.0'}
-    hasBin: true
-    dev: false
+  mime@3.0.0: {}
 
-  /mimic-fn@2.1.0:
-    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
-    engines: {node: '>=6'}
+  mimic-fn@2.1.0: {}
 
-  /mimic-fn@4.0.0:
-    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
-    engines: {node: '>=12'}
-    dev: false
+  mimic-fn@4.0.0: {}
 
-  /mimic-response@3.1.0:
-    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
-    engines: {node: '>=10'}
-    requiresBuild: true
-    dev: false
+  mimic-response@3.1.0:
     optional: true
 
-  /min-indent@1.0.1:
-    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
-    engines: {node: '>=4'}
+  min-indent@1.0.1: {}
 
-  /minimatch@3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+  minimatch@3.1.2:
     dependencies:
       brace-expansion: 1.1.11
 
-  /minimatch@5.1.6:
-    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
-    engines: {node: '>=10'}
+  minimatch@5.1.6:
     dependencies:
       brace-expansion: 2.0.1
-    dev: true
 
-  /minimatch@9.0.3:
-    resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
-    engines: {node: '>=16 || 14 >=14.17'}
+  minimatch@9.0.3:
     dependencies:
       brace-expansion: 2.0.1
-    dev: true
 
-  /minimist-options@4.1.0:
-    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
-    engines: {node: '>= 6'}
+  minimist-options@4.1.0:
     dependencies:
       arrify: 1.0.1
       is-plain-obj: 1.1.0
       kind-of: 6.0.3
-    dev: true
 
-  /minimist@1.2.8:
-    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+  minimist@1.2.8: {}
 
-  /mixme@0.5.9:
-    resolution: {integrity: sha512-VC5fg6ySUscaWUpI4gxCBTQMH2RdUpNrk+MsbpCYtIvf9SBJdiUey4qE7BXviJsJR4nDQxCZ+3yaYNW3guz/Pw==}
-    engines: {node: '>= 8.0.0'}
-    dev: true
+  mixme@0.5.9: {}
 
-  /mkdirp-classic@0.5.3:
-    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
-    requiresBuild: true
-    dev: false
+  mkdirp-classic@0.5.3:
     optional: true
 
-  /mkdirp@0.5.6:
-    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
-    hasBin: true
+  mkdirp@0.5.6:
     dependencies:
       minimist: 1.2.8
 
-  /mri@1.2.0:
-    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
-    engines: {node: '>=4'}
+  mri@1.2.0: {}
 
-  /mrmime@2.0.0:
-    resolution: {integrity: sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==}
-    engines: {node: '>=10'}
-    dev: true
+  mrmime@2.0.0: {}
 
-  /ms@2.0.0:
-    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
-    dev: false
+  ms@2.0.0: {}
 
-  /ms@2.1.2:
-    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
+  ms@2.1.2: {}
 
-  /ms@2.1.3:
-    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+  ms@2.1.3: {}
 
-  /nanoid@3.3.6:
-    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-    dev: true
+  nanoid@3.3.6: {}
 
-  /nanoid@3.3.7:
-    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
+  nanoid@3.3.7: {}
 
-  /napi-build-utils@1.0.2:
-    resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
-    requiresBuild: true
-    dev: false
+  napi-build-utils@1.0.2:
     optional: true
 
-  /natural-compare@1.4.0:
-    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
-    dev: true
+  natural-compare@1.4.0: {}
 
-  /needle@2.9.1:
-    resolution: {integrity: sha512-6R9fqJ5Zcmf+uYaFgdIHmLwNldn5HbK8L5ybn7Uz+ylX/rnOsSp1AHcvQSrCaFN+qNM1wpymHqD7mVasEOlHGQ==}
-    engines: {node: '>= 4.4.x'}
-    hasBin: true
+  needle@2.9.1:
     dependencies:
       debug: 3.2.7(supports-color@8.1.1)
       iconv-lite: 0.4.24
       sax: 1.3.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /nlcst-to-string@3.1.1:
-    resolution: {integrity: sha512-63mVyqaqt0cmn2VcI2aH6kxe1rLAmSROqHMA0i4qqg1tidkfExgpb0FGMikMCn86mw5dFtBtEANfmSSK7TjNHw==}
+  nlcst-to-string@3.1.1:
     dependencies:
       '@types/nlcst': 1.0.3
-    dev: false
 
-  /no-case@3.0.4:
-    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
+  no-case@3.0.4:
     dependencies:
       lower-case: 2.0.2
       tslib: 2.6.2
 
-  /node-abi@3.51.0:
-    resolution: {integrity: sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==}
-    engines: {node: '>=10'}
-    requiresBuild: true
+  node-abi@3.51.0:
     dependencies:
       semver: 7.6.0
-    dev: false
     optional: true
 
-  /node-addon-api@6.1.0:
-    resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==}
-    requiresBuild: true
-    dev: false
+  node-addon-api@6.1.0:
     optional: true
 
-  /node-fetch@2.7.0:
-    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
-    engines: {node: 4.x || >=6.0.0}
-    peerDependencies:
-      encoding: ^0.1.0
-    peerDependenciesMeta:
-      encoding:
-        optional: true
+  node-fetch@2.7.0:
     dependencies:
       whatwg-url: 5.0.0
-    dev: true
 
-  /node-releases@2.0.13:
-    resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==}
+  node-releases@2.0.13: {}
 
-  /node-releases@2.0.14:
-    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
+  node-releases@2.0.14: {}
 
-  /normalize-package-data@2.5.0:
-    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
+  normalize-package-data@2.5.0:
     dependencies:
       hosted-git-info: 2.8.9
       resolve: 1.22.8
       semver: 5.7.2
       validate-npm-package-license: 3.0.4
-    dev: true
 
-  /normalize-path@3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
+  normalize-path@3.0.0: {}
 
-  /normalize-range@0.1.2:
-    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  normalize-range@0.1.2: {}
 
-  /npm-run-path@4.0.1:
-    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
-    engines: {node: '>=8'}
+  npm-run-path@4.0.1:
     dependencies:
       path-key: 3.1.1
-    dev: true
 
-  /npm-run-path@5.1.0:
-    resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  npm-run-path@5.1.0:
     dependencies:
       path-key: 4.0.0
-    dev: false
 
-  /nth-check@2.1.1:
-    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+  nth-check@2.1.1:
     dependencies:
       boolbase: 1.0.0
-    dev: true
 
-  /object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  object-assign@4.1.1: {}
 
-  /object-inspect@1.13.1:
-    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
-    dev: true
+  object-inspect@1.13.1: {}
 
-  /object-keys@1.1.1:
-    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  object-keys@1.1.1: {}
 
-  /object.assign@4.1.5:
-    resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==}
-    engines: {node: '>= 0.4'}
+  object.assign@4.1.5:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       has-symbols: 1.0.3
       object-keys: 1.1.1
-    dev: true
 
-  /object.entries@1.1.7:
-    resolution: {integrity: sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==}
-    engines: {node: '>= 0.4'}
+  object.entries@1.1.7:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
-    dev: true
 
-  /object.fromentries@2.0.7:
-    resolution: {integrity: sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==}
-    engines: {node: '>= 0.4'}
+  object.fromentries@2.0.7:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
-    dev: true
 
-  /object.hasown@1.1.3:
-    resolution: {integrity: sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==}
+  object.hasown@1.1.3:
     dependencies:
       define-properties: 1.2.1
       es-abstract: 1.22.3
-    dev: true
 
-  /object.values@1.1.7:
-    resolution: {integrity: sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==}
-    engines: {node: '>= 0.4'}
+  object.values@1.1.7:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
-    dev: true
 
-  /once@1.4.0:
-    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+  once@1.4.0:
     dependencies:
       wrappy: 1.0.2
 
-  /onetime@5.1.2:
-    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
-    engines: {node: '>=6'}
+  onetime@5.1.2:
     dependencies:
       mimic-fn: 2.1.0
 
-  /onetime@6.0.0:
-    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
-    engines: {node: '>=12'}
+  onetime@6.0.0:
     dependencies:
       mimic-fn: 4.0.0
-    dev: false
 
-  /optionator@0.9.3:
-    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
-    engines: {node: '>= 0.8.0'}
+  optionator@0.9.3:
     dependencies:
       '@aashutoshrathi/word-wrap': 1.2.6
       deep-is: 0.1.4
@@ -7837,11 +10719,8 @@ packages:
       levn: 0.4.1
       prelude-ls: 1.2.1
       type-check: 0.4.0
-    dev: true
 
-  /ora@7.0.1:
-    resolution: {integrity: sha512-0TUxTiFJWv+JnjWm4o9yvuskpEJLXTcng8MJuKd+SzAzp2o+OP3HWqNhB4OdJRt1Vsd9/mR0oyaEYlOnL7XIRw==}
-    engines: {node: '>=16'}
+  ora@7.0.1:
     dependencies:
       chalk: 5.3.0
       cli-cursor: 4.0.0
@@ -7852,229 +10731,132 @@ packages:
       stdin-discarder: 0.1.0
       string-width: 6.1.0
       strip-ansi: 7.1.0
-    dev: false
 
-  /os-tmpdir@1.0.2:
-    resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  os-tmpdir@1.0.2: {}
 
-  /ospath@1.2.2:
-    resolution: {integrity: sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==}
-    dev: true
+  ospath@1.2.2: {}
 
-  /outdent@0.5.0:
-    resolution: {integrity: sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q==}
-    dev: true
+  outdent@0.5.0: {}
 
-  /p-filter@2.1.0:
-    resolution: {integrity: sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw==}
-    engines: {node: '>=8'}
+  p-filter@2.1.0:
     dependencies:
       p-map: 2.1.0
-    dev: true
 
-  /p-limit@2.3.0:
-    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
-    engines: {node: '>=6'}
+  p-limit@2.3.0:
     dependencies:
       p-try: 2.2.0
 
-  /p-limit@3.1.0:
-    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
-    engines: {node: '>=10'}
+  p-limit@3.1.0:
     dependencies:
       yocto-queue: 0.1.0
 
-  /p-limit@4.0.0:
-    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  p-limit@4.0.0:
     dependencies:
       yocto-queue: 1.0.0
-    dev: false
 
-  /p-locate@4.1.0:
-    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
-    engines: {node: '>=8'}
+  p-locate@4.1.0:
     dependencies:
       p-limit: 2.3.0
 
-  /p-locate@5.0.0:
-    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
-    engines: {node: '>=10'}
+  p-locate@5.0.0:
     dependencies:
       p-limit: 3.1.0
 
-  /p-map@2.1.0:
-    resolution: {integrity: sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==}
-    engines: {node: '>=6'}
-    dev: true
+  p-map@2.1.0: {}
 
-  /p-map@4.0.0:
-    resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==}
-    engines: {node: '>=10'}
+  p-map@4.0.0:
     dependencies:
       aggregate-error: 3.1.0
-    dev: true
 
-  /p-try@2.2.0:
-    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
-    engines: {node: '>=6'}
+  p-try@2.2.0: {}
 
-  /parent-module@1.0.1:
-    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
-    engines: {node: '>=6'}
+  parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
-    dev: true
 
-  /parse-json@5.2.0:
-    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
-    engines: {node: '>=8'}
+  parse-json@5.2.0:
     dependencies:
       '@babel/code-frame': 7.22.13
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
-    dev: true
 
-  /parse-latin@5.0.1:
-    resolution: {integrity: sha512-b/K8ExXaWC9t34kKeDV8kGXBkXZ1HCSAZRYE7HR14eA1GlXX5L8iWhs8USJNhQU9q5ci413jCKF0gOyovvyRBg==}
+  parse-latin@5.0.1:
     dependencies:
       nlcst-to-string: 3.1.1
       unist-util-modify-children: 3.1.1
       unist-util-visit-children: 2.0.2
-    dev: false
 
-  /parse5@6.0.1:
-    resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==}
-    dev: false
+  parse5@6.0.1: {}
 
-  /pascal-case@3.1.2:
-    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
+  pascal-case@3.1.2:
     dependencies:
       no-case: 3.0.4
       tslib: 2.6.2
 
-  /path-exists@4.0.0:
-    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
-    engines: {node: '>=8'}
+  path-exists@4.0.0: {}
 
-  /path-is-absolute@1.0.1:
-    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
-    engines: {node: '>=0.10.0'}
+  path-is-absolute@1.0.1: {}
 
-  /path-key@3.1.1:
-    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
-    engines: {node: '>=8'}
+  path-key@3.1.1: {}
 
-  /path-key@4.0.0:
-    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
-    engines: {node: '>=12'}
-    dev: false
+  path-key@4.0.0: {}
 
-  /path-parse@1.0.7:
-    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+  path-parse@1.0.7: {}
 
-  /path-to-regexp@6.2.1:
-    resolution: {integrity: sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==}
-    dev: false
+  path-to-regexp@6.2.1: {}
 
-  /path-type@4.0.0:
-    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
-    engines: {node: '>=8'}
-    dev: true
+  path-type@4.0.0: {}
 
-  /path-type@5.0.0:
-    resolution: {integrity: sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==}
-    engines: {node: '>=12'}
-    dev: true
+  path-type@5.0.0: {}
 
-  /pause-stream@0.0.11:
-    resolution: {integrity: sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==}
+  pause-stream@0.0.11:
     dependencies:
       through: 2.3.8
-    dev: true
 
-  /pend@1.2.0:
-    resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==}
-    dev: true
+  pend@1.2.0: {}
 
-  /performance-now@2.1.0:
-    resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==}
-    dev: true
+  performance-now@2.1.0: {}
 
-  /periscopic@3.1.0:
-    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
+  periscopic@3.1.0:
     dependencies:
       '@types/estree': 1.0.3
       estree-walker: 3.0.3
       is-reference: 3.0.2
 
-  /picocolors@1.0.0:
-    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
+  picocolors@1.0.0: {}
 
-  /picomatch@2.3.1:
-    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
-    engines: {node: '>=8.6'}
+  picomatch@2.3.1: {}
 
-  /pify@2.3.0:
-    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  pify@2.3.0: {}
 
-  /pify@4.0.1:
-    resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
-    engines: {node: '>=6'}
+  pify@4.0.1: {}
 
-  /pkg-dir@4.2.0:
-    resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
-    engines: {node: '>=8'}
+  pkg-dir@4.2.0:
     dependencies:
       find-up: 4.1.0
 
-  /playwright-core@1.42.1:
-    resolution: {integrity: sha512-mxz6zclokgrke9p1vtdy/COWBH+eOZgYUVVU34C73M+4j4HLlQJHtfcqiqqxpP0o8HhMkflvfbquLX5dg6wlfA==}
-    engines: {node: '>=16'}
-    hasBin: true
+  playwright-core@1.42.1: {}
 
-  /playwright@1.42.1:
-    resolution: {integrity: sha512-PgwB03s2DZBcNRoW+1w9E+VkLBxweib6KTXM0M3tkiT4jVxKSi6PmVJ591J+0u10LUrgxB7dLRbiJqO5s2QPMg==}
-    engines: {node: '>=16'}
-    hasBin: true
+  playwright@1.42.1:
     dependencies:
       playwright-core: 1.42.1
     optionalDependencies:
       fsevents: 2.3.2
 
-  /postcss-calc@9.0.1(postcss@8.4.21):
-    resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.2
+  postcss-calc@9.0.1(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-calc@9.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.2
+  postcss-calc@9.0.1(postcss@8.4.35):
     dependencies:
-      postcss: 8.4.35
-      postcss-selector-parser: 6.0.13
-      postcss-value-parser: 4.2.0
-    dev: true
-
-  /postcss-cli@11.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-xMITAI7M0u1yolVcXJ9XTZiO9aO49mcoKQy6pCDFdMh9kGqhzLVpWxeD/32M/QBmkhcGypZFFOLNLmIW4Pg4RA==}
-    engines: {node: '>=18'}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.0.0
+      postcss: 8.4.35
+      postcss-selector-parser: 6.0.13
+      postcss-value-parser: 4.2.0
+
+  postcss-cli@11.0.0(postcss@8.4.21):
     dependencies:
       chokidar: 3.5.3
       dependency-graph: 0.11.0
@@ -8091,14 +10873,8 @@ packages:
       yargs: 17.7.2
     transitivePeerDependencies:
       - jiti
-    dev: true
 
-  /postcss-cli@11.0.0(postcss@8.4.35):
-    resolution: {integrity: sha512-xMITAI7M0u1yolVcXJ9XTZiO9aO49mcoKQy6pCDFdMh9kGqhzLVpWxeD/32M/QBmkhcGypZFFOLNLmIW4Pg4RA==}
-    engines: {node: '>=18'}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.0.0
+  postcss-cli@11.0.0(postcss@8.4.35):
     dependencies:
       chokidar: 3.5.3
       dependency-graph: 0.11.0
@@ -8115,767 +10891,396 @@ packages:
       yargs: 17.7.2
     transitivePeerDependencies:
       - jiti
-    dev: true
 
-  /postcss-colormin@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-EuO+bAUmutWoZYgHn2T1dG1pPqHU6L4TjzPlu4t1wZGXQ/fxV16xg2EJmYi0z+6r+MGV1yvpx1BHkUaRrPa2bw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-colormin@6.0.0(postcss@8.4.21):
     dependencies:
       browserslist: 4.22.1
       caniuse-api: 3.0.0
       colord: 2.9.3
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-colormin@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-x9yX7DOxeMAR+BgGVnNSAxmAj98NX/YxEMNFP+SDCEeNLb2r3i6Hh1ksMsnW8Ub5SLCpbescQqn9YEbE9554Sw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-colormin@6.1.0(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       caniuse-api: 3.0.0
       colord: 2.9.3
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.21):
-    resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==}
-    engines: {node: ^10.0.0 || ^12.0.0 || >=14.0.0}
-    peerDependencies:
-      postcss: ^8.1.0
+  postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==}
-    engines: {node: ^10.0.0 || ^12.0.0 || >=14.0.0}
-    peerDependencies:
-      postcss: ^8.1.0
+  postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-convert-values@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-U5D8QhVwqT++ecmy8rnTb+RL9n/B806UVaS3m60lqle4YDFcpbS3ae5bTQIh3wOGUSDHSEtMYLs/38dNG7EYFw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-convert-values@6.0.0(postcss@8.4.21):
     dependencies:
       browserslist: 4.22.1
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-convert-values@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-zx8IwP/ts9WvUM6NkVSkiU902QZL1bwPhaVaLynPtCsOTqp+ZKbNi+s6XJg3rfqpKGA/oc7Oxk5t8pOQJcwl/w==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-convert-values@6.1.0(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-discard-comments@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-p2skSGqzPMZkEQvJsgnkBhCn8gI7NzRH2683EEjrIkoMiwRELx68yoUJ3q3DGSGuQ8Ug9Gsn+OuDr46yfO+eFw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-discard-comments@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
-    dev: true
 
-  /postcss-discard-comments@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-65w/uIqhSBBfQmYnG92FO1mWZjJ4GL5b8atm5Yw2UgrwD7HiNiSSNwJor1eCFGzUgYnN/iIknhNRVqjrrpuglw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-discard-comments@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /postcss-discard-duplicates@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-bU1SXIizMLtDW4oSsi5C/xHKbhLlhek/0/yCnoMQany9k3nPBq+Ctsv/9oMmyqbR96HYHxZcHyK2HR5P/mqoGA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-discard-duplicates@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
-    dev: true
 
-  /postcss-discard-duplicates@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-+JA0DCvc5XvFAxwx6f/e68gQu/7Z9ud584VLmcgto28eB8FqSFZwtrLwB5Kcp70eIoWP/HXqz4wpo8rD8gpsTw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-discard-duplicates@6.0.3(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /postcss-discard-empty@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-b+h1S1VT6dNhpcg+LpyiUrdnEZfICF0my7HAKgJixJLW7BnNmpRH34+uw/etf5AhOlIhIAuXApSzzDzMI9K/gQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-discard-empty@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
-    dev: true
 
-  /postcss-discard-empty@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-znyno9cHKQsK6PtxL5D19Fj9uwSzC2mB74cpT66fhgOadEUPyXFkbgwm5tvc3bt3NAy8ltE5MrghxovZRVnOjQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-discard-empty@6.0.3(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /postcss-discard-overridden@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-discard-overridden@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
-    dev: true
 
-  /postcss-discard-overridden@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-j87xzI4LUggC5zND7KdjsI25APtyMuynXZSujByMaav2roV6OZX+8AaCUcZSWqckZpjAjRyFDdpqybgjFO0HJQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-discard-overridden@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /postcss-import@15.1.0(postcss@8.4.21):
-    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      postcss: ^8.0.0
+  postcss-import@15.1.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.8
-    dev: true
 
-  /postcss-import@16.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-i2Pci0310NaLHr/5JUFSw1j/8hf1CzwMY13g6ZDxgOavmRHQi2ba3PmUHoihO+sjaum+KmCNzskNsw7JDrg03g==}
-    engines: {node: '>=18.0.0'}
-    peerDependencies:
-      postcss: ^8.0.0
+  postcss-import@16.0.1(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.8
-    dev: true
 
-  /postcss-load-config@3.1.4(postcss@8.4.35):
-    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
-    engines: {node: '>= 10'}
-    peerDependencies:
-      postcss: '>=8.0.9'
-      ts-node: '>=9.0.0'
-    peerDependenciesMeta:
-      postcss:
-        optional: true
-      ts-node:
-        optional: true
+  postcss-load-config@3.1.4(postcss@8.4.35):
     dependencies:
       lilconfig: 2.1.0
       postcss: 8.4.35
       yaml: 1.10.2
-    dev: true
 
-  /postcss-load-config@5.0.2(postcss@8.4.21):
-    resolution: {integrity: sha512-Q8QR3FYbqOKa0bnC1UQ2bFq9/ulHX5Bi34muzitMr8aDtUelO5xKeJEYC/5smE0jNE9zdB/NBnOwXKexELbRlw==}
-    engines: {node: '>= 18'}
-    peerDependencies:
-      jiti: '>=1.21.0'
-      postcss: '>=8.0.9'
-    peerDependenciesMeta:
-      jiti:
-        optional: true
-      postcss:
-        optional: true
+  postcss-load-config@5.0.2(postcss@8.4.21):
     dependencies:
       lilconfig: 3.0.0
       postcss: 8.4.21
       yaml: 2.3.4
-    dev: true
 
-  /postcss-load-config@5.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-Q8QR3FYbqOKa0bnC1UQ2bFq9/ulHX5Bi34muzitMr8aDtUelO5xKeJEYC/5smE0jNE9zdB/NBnOwXKexELbRlw==}
-    engines: {node: '>= 18'}
-    peerDependencies:
-      jiti: '>=1.21.0'
-      postcss: '>=8.0.9'
-    peerDependenciesMeta:
-      jiti:
-        optional: true
-      postcss:
-        optional: true
+  postcss-load-config@5.0.2(postcss@8.4.35):
     dependencies:
       lilconfig: 3.0.0
       postcss: 8.4.35
       yaml: 2.3.4
-    dev: true
 
-  /postcss-merge-longhand@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-4VSfd1lvGkLTLYcxFuISDtWUfFS4zXe0FpF149AyziftPFQIWxjvFSKhA4MIxMe4XM3yTDgQMbSNgzIVxChbIg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-merge-longhand@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
       stylehacks: 6.0.0(postcss@8.4.21)
-    dev: true
 
-  /postcss-merge-longhand@6.0.4(postcss@8.4.35):
-    resolution: {integrity: sha512-vAfWGcxUUGlFiPM3nDMZA+/Yo9sbpc3JNkcYZez8FfJDv41Dh7tAgA3QGVTocaHCZZL6aXPXPOaBMJsjujodsA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-merge-longhand@6.0.4(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
       stylehacks: 6.1.0(postcss@8.4.35)
-    dev: true
 
-  /postcss-merge-rules@6.0.1(postcss@8.4.21):
-    resolution: {integrity: sha512-a4tlmJIQo9SCjcfiCcCMg/ZCEe0XTkl/xK0XHBs955GWg9xDX3NwP9pwZ78QUOWB8/0XCjZeJn98Dae0zg6AAw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-merge-rules@6.0.1(postcss@8.4.21):
     dependencies:
       browserslist: 4.22.1
       caniuse-api: 3.0.0
       cssnano-utils: 4.0.0(postcss@8.4.21)
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-merge-rules@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-lER+W3Gr6XOvxOYk1Vi/6UsAgKMg6MDBthmvbNqi2XxAk/r9XfhdYZSigfWjuWWn3zYw2wLelvtM8XuAEFqRkA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-merge-rules@6.1.0(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       caniuse-api: 3.0.0
       cssnano-utils: 4.0.2(postcss@8.4.35)
       postcss: 8.4.35
       postcss-selector-parser: 6.0.16
-    dev: true
 
-  /postcss-minify-font-values@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-zNRAVtyh5E8ndZEYXA4WS8ZYsAp798HiIQ1V2UF/C/munLp2r1UGHwf1+6JFu7hdEhJFN+W1WJQKBrtjhFgEnA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-minify-font-values@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-minify-font-values@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-SmAeTA1We5rMnN3F8X9YBNo9bj9xB4KyDHnaNJnBfQIPi+60fNiR9OTRnIaMqkYzAQX0vObIw4Pn0vuKEOettg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-minify-font-values@6.0.3(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-minify-gradients@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-wO0F6YfVAR+K1xVxF53ueZJza3L+R3E6cp0VwuXJQejnNUH0DjcAFe3JEBeTY1dLwGa0NlDWueCA1VlEfiKgAA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-minify-gradients@6.0.0(postcss@8.4.21):
     dependencies:
       colord: 2.9.3
       cssnano-utils: 4.0.0(postcss@8.4.21)
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-minify-gradients@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-4KXAHrYlzF0Rr7uc4VrfwDJ2ajrtNEpNEuLxFgwkhFZ56/7gaE4Nr49nLsQDZyUe+ds+kEhf+YAUolJiYXF8+Q==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-minify-gradients@6.0.3(postcss@8.4.35):
     dependencies:
       colord: 2.9.3
       cssnano-utils: 4.0.2(postcss@8.4.35)
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-minify-params@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-Fz/wMQDveiS0n5JPcvsMeyNXOIMrwF88n7196puSuQSWSa+/Ofc1gDOSY2xi8+A4PqB5dlYCKk/WfqKqsI+ReQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-minify-params@6.0.0(postcss@8.4.21):
     dependencies:
       browserslist: 4.22.1
       cssnano-utils: 4.0.0(postcss@8.4.21)
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-minify-params@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-bmSKnDtyyE8ujHQK0RQJDIKhQ20Jq1LYiez54WiaOoBtcSuflfK3Nm596LvbtlFcpipMjgClQGyGr7GAs+H1uA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-minify-params@6.1.0(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       cssnano-utils: 4.0.2(postcss@8.4.35)
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-minify-selectors@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-ec/q9JNCOC2CRDNnypipGfOhbYPuUkewGwLnbv6omue/PSASbHSU7s6uSQ0tcFRVv731oMIx8k0SP4ZX6be/0g==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-minify-selectors@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-minify-selectors@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-IcV7ZQJcaXyhx4UBpWZMsinGs2NmiUC60rJSkyvjPCPqhNjVGsrJUM+QhAtCaikZ0w0/AbZuH4wVvF/YMuMhvA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-minify-selectors@6.0.3(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-selector-parser: 6.0.16
-    dev: true
 
-  /postcss-nested@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.2.14
+  postcss-nested@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-nested@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.2.14
+  postcss-nested@6.0.1(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-normalize-charset@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-cqundwChbu8yO/gSWkuFDmKrCZ2vJzDAocheT2JTd0sFNA4HMGoKMfbk2B+J0OmO0t5GUkiAkSM5yF2rSLUjgQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-charset@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
-    dev: true
 
-  /postcss-normalize-charset@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-a8N9czmdnrjPHa3DeFlwqst5eaL5W8jYu3EBbTTkI5FHkfMhFZh1EGbku6jhHhIzTA6tquI2P42NtZ59M/H/kQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-charset@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /postcss-normalize-display-values@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-display-values@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-display-values@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-8H04Mxsb82ON/aAkPeq8kcBbAtI5Q2a64X/mnRRfPXBq7XeogoQvReqxEfc0B4WPq1KimjezNC8flUtC3Qz6jg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-display-values@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-positions@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-mPCzhSV8+30FZyWhxi6UoVRYd3ZBJgTRly4hOkaSifo0H+pjDYcii/aVT4YE6QpOil15a5uiv6ftnY3rm0igPg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-positions@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-positions@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-/JFzI441OAB9O7VnLA+RtSNZvQ0NCFZDOtp6QPFo1iIyawyXg0YI3CYM9HBy1WvwCRHnPep/BvI1+dGPKoXx/Q==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-positions@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-repeat-style@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-50W5JWEBiOOAez2AKBh4kRFm2uhrT3O1Uwdxz7k24aKtbD83vqmcVG7zoIwo6xI2FZ/HDlbrCopXhLeTpQib1A==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-repeat-style@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-repeat-style@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-YdCgsfHkJ2jEXwR4RR3Tm/iOxSfdRt7jplS6XRh9Js9PyCR/aka/FCb6TuHT2U8gQubbm/mPmF6L7FY9d79VwQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-repeat-style@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-string@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-KWkIB7TrPOiqb8ZZz6homet2KWKJwIlysF5ICPZrXAylGe2hzX/HSf4NTX2rRPJMAtlRsj/yfkrWGavFuB+c0w==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-string@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-string@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-vQZIivlxlfqqMp4L9PZsFE4YUkWniziKjQWUtsxUiVsSSPelQydwS8Wwcuw0+83ZjPWNTl02oxlIvXsmmG+CiQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-string@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-timing-functions@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-tpIXWciXBp5CiFs8sem90IWlw76FV4oi6QEWfQwyeREVwUy39VSeSqjAT7X0Qw650yAimYW5gkl2Gd871N5SQg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-timing-functions@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-timing-functions@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-a+YrtMox4TBtId/AEwbA03VcJgtyW4dGBizPl7e88cTFULYsprgHWTbfyjSLyHeBcK/Q9JhXkt2ZXiwaVHoMzA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-timing-functions@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-unicode@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-ui5crYkb5ubEUDugDc786L/Me+DXp2dLg3fVJbqyAl0VPkAeALyAijF2zOsnZyaS1HyfPuMH0DwyY18VMFVNkg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-unicode@6.0.0(postcss@8.4.21):
     dependencies:
       browserslist: 4.22.1
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-unicode@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-QVC5TQHsVj33otj8/JD869Ndr5Xcc/+fwRh4HAsFsAeygQQXm+0PySrKbr/8tkDKzW+EVT3QkqZMfFrGiossDg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-unicode@6.1.0(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-url@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-98mvh2QzIPbb02YDIrYvAg4OUzGH7s1ZgHlD3fIdTHLgPLRpv1ZTKJDnSAKr4Rt21ZQFzwhGMXxpXlfrUBKFHw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-url@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-url@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-kVNcWhCeKAzZ8B4pv/DnrU1wNh458zBNp8dh4y5hhxih5RZQ12QWMuQrDgPRw3LRl8mN9vOVfHl7uhvHYMoXsQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-url@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-whitespace@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-7cfE1AyLiK0+ZBG6FmLziJzqQCpTQY+8XjMhMAz8WSBSCsCNNUKujgIgjCAmDT3cJ+3zjTXFkoD15ZPsckArVw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-whitespace@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-whitespace@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-sXZ2Nj1icbJOKmdjXVT9pnyHQKiSAyuNQHSgRCUgThn2388Y9cGVDR+E9J9iAYbSbLHI+UUwLVl1Wzco/zgv0Q==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-whitespace@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-ordered-values@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-K36XzUDpvfG/nWkjs6d1hRBydeIxGpKS2+n+ywlKPzx1nMYDYpoGbcjhj5AwVYJK1qV2/SDoDEnHzlPD6s3nMg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-ordered-values@6.0.0(postcss@8.4.21):
     dependencies:
       cssnano-utils: 4.0.0(postcss@8.4.21)
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-ordered-values@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-VRZSOB+JU32RsEAQrO94QPkClGPKJEL/Z9PCBImXMhIeK5KAYo6slP/hBYlLgrCjFxyqvn5VC81tycFEDBLG1Q==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-ordered-values@6.0.2(postcss@8.4.35):
     dependencies:
       cssnano-utils: 4.0.2(postcss@8.4.35)
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-reduce-initial@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-s2UOnidpVuXu6JiiI5U+fV2jamAw5YNA9Fdi/GRK0zLDLCfXmSGqQtzpUPtfN66RtCbb9fFHoyZdQaxOB3WxVA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-reduce-initial@6.0.0(postcss@8.4.21):
     dependencies:
       browserslist: 4.22.1
       caniuse-api: 3.0.0
       postcss: 8.4.21
-    dev: true
 
-  /postcss-reduce-initial@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-RarLgBK/CrL1qZags04oKbVbrrVK2wcxhvta3GCxrZO4zveibqbRPmm2VI8sSgCXwoUHEliRSbOfpR0b/VIoiw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-reduce-initial@6.1.0(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       caniuse-api: 3.0.0
       postcss: 8.4.35
-    dev: true
 
-  /postcss-reduce-transforms@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-FQ9f6xM1homnuy1wLe9lP1wujzxnwt1EwiigtWwuyf8FsqqXUDUp2Ulxf9A5yjlUOTdCJO6lonYjg1mgqIIi2w==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-reduce-transforms@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
-
-  /postcss-reduce-transforms@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-sB+Ya++3Xj1WaT9+5LOOdirAxP7dJZms3GRcYheSPi1PiTMigsxHAdkrbItHxwYHr4kt1zL7mmcHstgMYT+aiA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+
+  postcss-reduce-transforms@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-rename@0.6.1(postcss@8.4.21):
-    resolution: {integrity: sha512-bsj9TMuPnh8pqF/FMX6BB3aZMjTxRdGP0qJHOg4yC2S1DCAomtAVuQaTJC16QTkH5fnrYMP/yYjuXZAibP3QnQ==}
-    engines: {node: '>=8.3.0'}
-    peerDependencies:
-      postcss: ^8.2.6
+  postcss-rename@0.6.1(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-rename@0.6.1(postcss@8.4.35):
-    resolution: {integrity: sha512-bsj9TMuPnh8pqF/FMX6BB3aZMjTxRdGP0qJHOg4yC2S1DCAomtAVuQaTJC16QTkH5fnrYMP/yYjuXZAibP3QnQ==}
-    engines: {node: '>=8.3.0'}
-    peerDependencies:
-      postcss: ^8.2.6
+  postcss-rename@0.6.1(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-reporter@7.0.5(postcss@8.4.21):
-    resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      postcss: ^8.1.0
+  postcss-reporter@7.0.5(postcss@8.4.21):
     dependencies:
       picocolors: 1.0.0
       postcss: 8.4.21
       thenby: 1.3.4
-    dev: true
 
-  /postcss-reporter@7.0.5(postcss@8.4.35):
-    resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      postcss: ^8.1.0
+  postcss-reporter@7.0.5(postcss@8.4.35):
     dependencies:
       picocolors: 1.0.0
       postcss: 8.4.35
       thenby: 1.3.4
-    dev: true
 
-  /postcss-safe-parser@6.0.0(postcss@8.4.35):
-    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.3.3
+  postcss-safe-parser@6.0.0(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /postcss-scss@4.0.9(postcss@8.4.35):
-    resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.4.29
+  postcss-scss@4.0.9(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /postcss-selector-parser@6.0.13:
-    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
-    engines: {node: '>=4'}
+  postcss-selector-parser@6.0.13:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
-    dev: true
 
-  /postcss-selector-parser@6.0.16:
-    resolution: {integrity: sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==}
-    engines: {node: '>=4'}
+  postcss-selector-parser@6.0.16:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
-    dev: true
 
-  /postcss-svgo@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-r9zvj/wGAoAIodn84dR/kFqwhINp5YsJkLoujybWG59grR/IHx+uQ2Zo+IcOwM0jskfYX3R0mo+1Kip1VSNcvw==}
-    engines: {node: ^14 || ^16 || >= 18}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-svgo@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
       svgo: 3.0.2
-    dev: true
 
-  /postcss-svgo@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-dlrahRmxP22bX6iKEjOM+c8/1p+81asjKT+V5lrgOH944ryx/OHpclnIbGsKVd3uWOXFLYJwCVf0eEkJGvO96g==}
-    engines: {node: ^14 || ^16 || >= 18}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-svgo@6.0.3(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
       svgo: 3.2.0
-    dev: true
 
-  /postcss-unique-selectors@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-EPQzpZNxOxP7777t73RQpZE5e9TrnCrkvp7AH7a0l89JmZiPnS82y216JowHXwpBCQitfyxrof9TK3rYbi7/Yw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-unique-selectors@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-unique-selectors@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-NFXbYr8qdmCr/AFceaEfdcsKGCvWTeGO6QVC9h2GvtWgj0/0dklKQcaMMVzs6tr8bY+ase8hOtHW8OBTTRvS8A==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-unique-selectors@6.0.3(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-selector-parser: 6.0.16
-    dev: true
 
-  /postcss-value-parser@4.2.0:
-    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
-    dev: true
+  postcss-value-parser@4.2.0: {}
 
-  /postcss@8.4.21:
-    resolution: {integrity: sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==}
-    engines: {node: ^10 || ^12 || >=14}
+  postcss@8.4.21:
     dependencies:
       nanoid: 3.3.6
       picocolors: 1.0.0
       source-map-js: 1.0.2
-    dev: true
 
-  /postcss@8.4.35:
-    resolution: {integrity: sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==}
-    engines: {node: ^10 || ^12 || >=14}
+  postcss@8.4.35:
     dependencies:
       nanoid: 3.3.7
       picocolors: 1.0.0
       source-map-js: 1.0.2
 
-  /prebuild-install@7.1.1:
-    resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
-    engines: {node: '>=10'}
-    hasBin: true
-    requiresBuild: true
+  prebuild-install@7.1.1:
     dependencies:
       detect-libc: 2.0.2
       expand-template: 2.0.3
@@ -8889,338 +11294,190 @@ packages:
       simple-get: 4.0.1
       tar-fs: 2.1.1
       tunnel-agent: 0.6.0
-    dev: false
     optional: true
 
-  /preferred-pm@3.1.2:
-    resolution: {integrity: sha512-nk7dKrcW8hfCZ4H6klWcdRknBOXWzNQByJ0oJyX97BOupsYD+FzLS4hflgEu/uPUEHZCuRfMxzCBsuWd7OzT8Q==}
-    engines: {node: '>=10'}
+  preferred-pm@3.1.2:
     dependencies:
       find-up: 5.0.0
       find-yarn-workspace-root2: 1.2.16
       path-exists: 4.0.0
       which-pm: 2.0.0
 
-  /prelude-ls@1.2.1:
-    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
-    engines: {node: '>= 0.8.0'}
-    dev: true
+  prelude-ls@1.2.1: {}
 
-  /prettier-linter-helpers@1.0.0:
-    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
-    engines: {node: '>=6.0.0'}
+  prettier-linter-helpers@1.0.0:
     dependencies:
       fast-diff: 1.3.0
-    dev: true
 
-  /prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@4.2.12):
-    resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==}
-    peerDependencies:
-      prettier: ^3.0.0
-      svelte: ^3.2.0 || ^4.0.0-next.0
+  prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@4.2.12):
     dependencies:
       prettier: 3.0.3
       svelte: 4.2.12
-    dev: true
 
-  /prettier-plugin-svelte@3.2.2(prettier@3.2.5)(svelte@4.2.12):
-    resolution: {integrity: sha512-ZzzE/wMuf48/1+Lf2Ffko0uDa6pyCfgHV6+uAhtg2U0AAXGrhCSW88vEJNAkAxW5qyrFY1y1zZ4J8TgHrjW++Q==}
-    peerDependencies:
-      prettier: ^3.0.0
-      svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0
+  prettier-plugin-svelte@3.2.2(prettier@3.2.5)(svelte@4.2.12):
     dependencies:
       prettier: 3.2.5
       svelte: 4.2.12
-    dev: true
 
-  /prettier@2.8.8:
-    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
-    engines: {node: '>=10.13.0'}
-    hasBin: true
-    dev: true
+  prettier@2.8.8: {}
 
-  /prettier@3.0.3:
-    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
-    engines: {node: '>=14'}
-    hasBin: true
-    dev: true
+  prettier@3.0.3: {}
 
-  /prettier@3.2.5:
-    resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
-    engines: {node: '>=14'}
-    hasBin: true
-    dev: true
+  prettier@3.2.5: {}
 
-  /pretty-bytes@5.6.0:
-    resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
-    engines: {node: '>=6'}
-    dev: true
+  pretty-bytes@5.6.0: {}
 
-  /pretty-hrtime@1.0.3:
-    resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==}
-    engines: {node: '>= 0.8'}
-    dev: true
+  pretty-hrtime@1.0.3: {}
 
-  /prismjs@1.29.0:
-    resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
-    engines: {node: '>=6'}
-    dev: false
+  prismjs@1.29.0: {}
 
-  /probe-image-size@7.2.3:
-    resolution: {integrity: sha512-HubhG4Rb2UH8YtV4ba0Vp5bQ7L78RTONYu/ujmCu5nBI8wGv24s4E9xSKBi0N1MowRpxk76pFCpJtW0KPzOK0w==}
+  probe-image-size@7.2.3:
     dependencies:
       lodash.merge: 4.6.2
       needle: 2.9.1
       stream-parser: 0.3.1
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /process@0.11.10:
-    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
-    engines: {node: '>= 0.6.0'}
-    dev: true
+  process@0.11.10: {}
 
-  /prompts@2.4.2:
-    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
-    engines: {node: '>= 6'}
+  prompts@2.4.2:
     dependencies:
       kleur: 3.0.3
       sisteransi: 1.0.5
-    dev: false
 
-  /prop-types@15.8.1:
-    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+  prop-types@15.8.1:
     dependencies:
       loose-envify: 1.4.0
       object-assign: 4.1.1
       react-is: 16.13.1
-    dev: true
 
-  /property-information@6.3.0:
-    resolution: {integrity: sha512-gVNZ74nqhRMiIUYWGQdosYetaKc83x8oT41a0LlV3AAFCAZwCpg4vmGkq8t34+cUhp3cnM4XDiU/7xlgK7HGrg==}
-    dev: false
+  property-information@6.3.0: {}
 
-  /proxy-from-env@1.0.0:
-    resolution: {integrity: sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==}
-    dev: true
+  proxy-from-env@1.0.0: {}
 
-  /ps-tree@1.2.0:
-    resolution: {integrity: sha512-0VnamPPYHl4uaU/nSFeZZpR21QAWRz+sRv4iW9+v/GS/J5U5iZB5BNN6J0RMoOvdx2gWM2+ZFMIm58q24e4UYA==}
-    engines: {node: '>= 0.10'}
-    hasBin: true
+  ps-tree@1.2.0:
     dependencies:
       event-stream: 3.3.4
-    dev: true
 
-  /pseudomap@1.0.2:
-    resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==}
-    dev: true
+  pseudomap@1.0.2: {}
 
-  /psl@1.9.0:
-    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
-    dev: true
+  psl@1.9.0: {}
 
-  /pump@3.0.0:
-    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
+  pump@3.0.0:
     dependencies:
       end-of-stream: 1.4.4
       once: 1.4.0
 
-  /punycode@2.3.0:
-    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
-    engines: {node: '>=6'}
-    dev: true
+  punycode@2.3.0: {}
 
-  /punycode@2.3.1:
-    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
-    engines: {node: '>=6'}
-    dev: true
+  punycode@2.3.1: {}
 
-  /qs@6.10.4:
-    resolution: {integrity: sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==}
-    engines: {node: '>=0.6'}
+  qs@6.10.4:
     dependencies:
       side-channel: 1.0.6
-    dev: true
 
-  /querystringify@2.2.0:
-    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
-    dev: true
+  querystringify@2.2.0: {}
 
-  /queue-microtask@1.2.3:
-    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+  queue-microtask@1.2.3: {}
 
-  /queue-tick@1.0.1:
-    resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==}
-    requiresBuild: true
-    dev: false
+  queue-tick@1.0.1:
     optional: true
 
-  /quick-lru@4.0.1:
-    resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==}
-    engines: {node: '>=8'}
-    dev: true
+  quick-lru@4.0.1: {}
 
-  /randombytes@2.1.0:
-    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
+  randombytes@2.1.0:
     dependencies:
       safe-buffer: 5.2.1
-    dev: true
 
-  /rc@1.2.8:
-    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
-    hasBin: true
-    requiresBuild: true
+  rc@1.2.8:
     dependencies:
       deep-extend: 0.6.0
       ini: 1.3.8
       minimist: 1.2.8
       strip-json-comments: 2.0.1
-    dev: false
     optional: true
 
-  /react-dom@18.2.0(react@18.2.0):
-    resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
-    peerDependencies:
-      react: ^18.2.0
+  react-dom@18.2.0(react@18.2.0):
     dependencies:
       loose-envify: 1.4.0
       react: 18.2.0
       scheduler: 0.23.0
 
-  /react-is@16.13.1:
-    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
-    dev: true
+  react-is@16.13.1: {}
 
-  /react-redux@9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1):
-    resolution: {integrity: sha512-5ynfGDzxxsoV73+4czQM56qF43vsmgJsO22rmAvU5tZT2z5Xow/A2uhhxwXuGTxgdReF3zcp7A80gma2onRs1A==}
-    peerDependencies:
-      '@types/react': ^18.2.25
-      react: ^18.0
-      react-native: '>=0.69'
-      redux: ^5.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      react-native:
-        optional: true
-      redux:
-        optional: true
+  react-redux@9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1):
     dependencies:
       '@types/react': 18.2.36
       '@types/use-sync-external-store': 0.0.3
       react: 18.2.0
       redux: 5.0.1
       use-sync-external-store: 1.2.0(react@18.2.0)
-    dev: false
 
-  /react-refresh@0.14.0:
-    resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==}
-    engines: {node: '>=0.10.0'}
+  react-refresh@0.14.0: {}
 
-  /react-router-dom@6.18.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-Ubrue4+Ercc/BoDkFQfc6og5zRQ4A8YxSO3Knsne+eRbZ+IepAsK249XBH/XaFuOYOYr3L3r13CXTLvYt5JDjw==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      react: '>=16.8'
-      react-dom: '>=16.8'
+  react-router-dom@6.18.0(react-dom@18.2.0)(react@18.2.0):
     dependencies:
       '@remix-run/router': 1.11.0
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       react-router: 6.18.0(react@18.2.0)
-    dev: false
 
-  /react-router@6.18.0(react@18.2.0):
-    resolution: {integrity: sha512-vk2y7Dsy8wI02eRRaRmOs9g2o+aE72YCx5q9VasT1N9v+lrdB79tIqrjMfByHiY5+6aYkH2rUa5X839nwWGPDg==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      react: '>=16.8'
+  react-router@6.18.0(react@18.2.0):
     dependencies:
       '@remix-run/router': 1.11.0
       react: 18.2.0
-    dev: false
 
-  /react@18.2.0:
-    resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
-    engines: {node: '>=0.10.0'}
+  react@18.2.0:
     dependencies:
       loose-envify: 1.4.0
 
-  /read-cache@1.0.0:
-    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+  read-cache@1.0.0:
     dependencies:
       pify: 2.3.0
-    dev: true
 
-  /read-pkg-up@7.0.1:
-    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
-    engines: {node: '>=8'}
+  read-pkg-up@7.0.1:
     dependencies:
       find-up: 4.1.0
       read-pkg: 5.2.0
       type-fest: 0.8.1
-    dev: true
 
-  /read-pkg@5.2.0:
-    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
-    engines: {node: '>=8'}
+  read-pkg@5.2.0:
     dependencies:
       '@types/normalize-package-data': 2.4.3
       normalize-package-data: 2.5.0
       parse-json: 5.2.0
       type-fest: 0.6.0
-    dev: true
 
-  /read-yaml-file@1.1.0:
-    resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==}
-    engines: {node: '>=6'}
+  read-yaml-file@1.1.0:
     dependencies:
       graceful-fs: 4.2.11
       js-yaml: 3.14.1
       pify: 4.0.1
       strip-bom: 3.0.0
-    dev: true
 
-  /readable-stream@3.6.2:
-    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
-    engines: {node: '>= 6'}
+  readable-stream@3.6.2:
     dependencies:
       inherits: 2.0.4
       string_decoder: 1.3.0
       util-deprecate: 1.0.2
-    dev: false
 
-  /readdirp@3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
+  readdirp@3.6.0:
     dependencies:
       picomatch: 2.3.1
 
-  /redent@3.0.0:
-    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
-    engines: {node: '>=8'}
+  redent@3.0.0:
     dependencies:
       indent-string: 4.0.0
       strip-indent: 3.0.0
-    dev: true
 
-  /redux-thunk@3.1.0(redux@5.0.1):
-    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
-    peerDependencies:
-      redux: ^5.0.0
+  redux-thunk@3.1.0(redux@5.0.1):
     dependencies:
       redux: 5.0.1
-    dev: false
 
-  /redux@5.0.1:
-    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
-    dev: false
+  redux@5.0.1: {}
 
-  /reflect.getprototypeof@1.0.4:
-    resolution: {integrity: sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==}
-    engines: {node: '>= 0.4'}
+  reflect.getprototypeof@1.0.4:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
@@ -9228,57 +11485,42 @@ packages:
       get-intrinsic: 1.2.2
       globalthis: 1.0.3
       which-builtin-type: 1.1.3
-    dev: true
 
-  /regenerator-runtime@0.14.0:
-    resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==}
-    dev: true
+  regenerator-runtime@0.14.0: {}
 
-  /regexp.prototype.flags@1.5.1:
-    resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==}
-    engines: {node: '>= 0.4'}
+  regexp.prototype.flags@1.5.1:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       set-function-name: 2.0.1
-    dev: true
 
-  /rehype-parse@8.0.5:
-    resolution: {integrity: sha512-Ds3RglaY/+clEX2U2mHflt7NlMA72KspZ0JLUJgBBLpRddBcEw3H8uYZQliQriku22NZpYMfjDdSgHcjxue24A==}
+  rehype-parse@8.0.5:
     dependencies:
       '@types/hast': 2.3.7
       hast-util-from-parse5: 7.1.2
       parse5: 6.0.1
       unified: 10.1.2
-    dev: false
 
-  /rehype-raw@6.1.1:
-    resolution: {integrity: sha512-d6AKtisSRtDRX4aSPsJGTfnzrX2ZkHQLE5kiUuGOeEoLpbEulFF4hj0mLPbsa+7vmguDKOVVEQdHKDSwoaIDsQ==}
+  rehype-raw@6.1.1:
     dependencies:
       '@types/hast': 2.3.7
       hast-util-raw: 7.2.3
       unified: 10.1.2
-    dev: false
 
-  /rehype-stringify@9.0.4:
-    resolution: {integrity: sha512-Uk5xu1YKdqobe5XpSskwPvo1XeHUUucWEQSl8hTrXt5selvca1e8K1EZ37E6YoZ4BT8BCqCdVfQW7OfHfthtVQ==}
+  rehype-stringify@9.0.4:
     dependencies:
       '@types/hast': 2.3.7
       hast-util-to-html: 8.0.4
       unified: 10.1.2
-    dev: false
 
-  /rehype@12.0.1:
-    resolution: {integrity: sha512-ey6kAqwLM3X6QnMDILJthGvG1m1ULROS9NT4uG9IDCuv08SFyLlreSuvOa//DgEvbXx62DS6elGVqusWhRUbgw==}
+  rehype@12.0.1:
     dependencies:
       '@types/hast': 2.3.7
       rehype-parse: 8.0.5
       rehype-stringify: 9.0.4
       unified: 10.1.2
-    dev: false
 
-  /remark-gfm@3.0.1:
-    resolution: {integrity: sha512-lEFDoi2PICJyNrACFOfDD3JlLkuSbOa5Wd8EPt06HUdptv8Gn0bxYTdbU/XXQ3swAPkEaGxxPN9cbnMHvVu1Ig==}
+  remark-gfm@3.0.1:
     dependencies:
       '@types/mdast': 3.0.14
       mdast-util-gfm: 2.0.2
@@ -9286,185 +11528,118 @@ packages:
       unified: 10.1.2
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /remark-parse@10.0.2:
-    resolution: {integrity: sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==}
+  remark-parse@10.0.2:
     dependencies:
       '@types/mdast': 3.0.14
       mdast-util-from-markdown: 1.3.1
       unified: 10.1.2
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /remark-rehype@10.1.0:
-    resolution: {integrity: sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==}
+  remark-rehype@10.1.0:
     dependencies:
       '@types/hast': 2.3.7
       '@types/mdast': 3.0.14
       mdast-util-to-hast: 12.3.0
       unified: 10.1.2
-    dev: false
 
-  /remark-smartypants@2.0.0:
-    resolution: {integrity: sha512-Rc0VDmr/yhnMQIz8n2ACYXlfw/P/XZev884QU1I5u+5DgJls32o97Vc1RbK3pfumLsJomS2yy8eT4Fxj/2MDVA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  remark-smartypants@2.0.0:
     dependencies:
       retext: 8.1.0
       retext-smartypants: 5.2.0
       unist-util-visit: 4.1.2
-    dev: false
 
-  /request-progress@3.0.0:
-    resolution: {integrity: sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==}
+  request-progress@3.0.0:
     dependencies:
       throttleit: 1.0.1
-    dev: true
 
-  /require-directory@2.1.1:
-    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  require-directory@2.1.1: {}
 
-  /require-main-filename@2.0.0:
-    resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
-    dev: true
+  require-main-filename@2.0.0: {}
 
-  /requires-port@1.0.0:
-    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
-    dev: true
+  requires-port@1.0.0: {}
 
-  /reselect@5.1.0:
-    resolution: {integrity: sha512-aw7jcGLDpSgNDyWBQLv2cedml85qd95/iszJjN988zX1t7AVRJi19d9kto5+W7oCfQ94gyo40dVbT6g2k4/kXg==}
-    dev: false
+  reselect@5.1.0: {}
 
-  /resolve-from@4.0.0:
-    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
-    engines: {node: '>=4'}
-    dev: true
+  resolve-from@4.0.0: {}
 
-  /resolve-from@5.0.0:
-    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
-    engines: {node: '>=8'}
-    dev: true
+  resolve-from@5.0.0: {}
 
-  /resolve@1.22.8:
-    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
-    hasBin: true
+  resolve@1.22.8:
     dependencies:
       is-core-module: 2.13.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  /resolve@2.0.0-next.5:
-    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
-    hasBin: true
+  resolve@2.0.0-next.5:
     dependencies:
       is-core-module: 2.13.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
-    dev: true
 
-  /restore-cursor@3.1.0:
-    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
-    engines: {node: '>=8'}
+  restore-cursor@3.1.0:
     dependencies:
       onetime: 5.1.2
       signal-exit: 3.0.7
-    dev: true
 
-  /restore-cursor@4.0.0:
-    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  restore-cursor@4.0.0:
     dependencies:
       onetime: 5.1.2
       signal-exit: 3.0.7
-    dev: false
 
-  /retext-latin@3.1.0:
-    resolution: {integrity: sha512-5MrD1tuebzO8ppsja5eEu+ZbBeUNCjoEarn70tkXOS7Bdsdf6tNahsv2bY0Z8VooFF6cw7/6S+d3yI/TMlMVVQ==}
+  retext-latin@3.1.0:
     dependencies:
       '@types/nlcst': 1.0.3
       parse-latin: 5.0.1
       unherit: 3.0.1
       unified: 10.1.2
-    dev: false
 
-  /retext-smartypants@5.2.0:
-    resolution: {integrity: sha512-Do8oM+SsjrbzT2UNIKgheP0hgUQTDDQYyZaIY3kfq0pdFzoPk+ZClYJ+OERNXveog4xf1pZL4PfRxNoVL7a/jw==}
+  retext-smartypants@5.2.0:
     dependencies:
       '@types/nlcst': 1.0.3
       nlcst-to-string: 3.1.1
       unified: 10.1.2
       unist-util-visit: 4.1.2
-    dev: false
 
-  /retext-stringify@3.1.0:
-    resolution: {integrity: sha512-767TLOaoXFXyOnjx/EggXlb37ZD2u4P1n0GJqVdpipqACsQP+20W+BNpMYrlJkq7hxffnFk+jc6mAK9qrbuB8w==}
+  retext-stringify@3.1.0:
     dependencies:
       '@types/nlcst': 1.0.3
       nlcst-to-string: 3.1.1
       unified: 10.1.2
-    dev: false
 
-  /retext@8.1.0:
-    resolution: {integrity: sha512-N9/Kq7YTn6ZpzfiGW45WfEGJqFf1IM1q8OsRa1CGzIebCJBNCANDRmOrholiDRGKo/We7ofKR4SEvcGAWEMD3Q==}
+  retext@8.1.0:
     dependencies:
       '@types/nlcst': 1.0.3
       retext-latin: 3.1.0
       retext-stringify: 3.1.0
       unified: 10.1.2
-    dev: false
 
-  /reusify@1.0.4:
-    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
-    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+  reusify@1.0.4: {}
 
-  /rfdc@1.3.1:
-    resolution: {integrity: sha512-r5a3l5HzYlIC68TpmYKlxWjmOP6wiPJ1vWv2HeLhNsRZMrCkxeqxiHlQ21oXmQ4F3SiryXBHhAD7JZqvOJjFmg==}
-    dev: true
+  rfdc@1.3.1: {}
 
-  /rimraf@2.7.1:
-    resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
-    hasBin: true
+  rimraf@2.7.1:
     dependencies:
       glob: 7.2.3
 
-  /rimraf@3.0.2:
-    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
-    hasBin: true
+  rimraf@3.0.2:
     dependencies:
       glob: 7.2.3
-    dev: true
 
-  /rollup-plugin-peer-deps-external@2.2.4(rollup@3.23.0):
-    resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==}
-    peerDependencies:
-      rollup: '*'
+  rollup-plugin-peer-deps-external@2.2.4(rollup@3.23.0):
     dependencies:
       rollup: 3.23.0
-    dev: true
 
-  /rollup@3.23.0:
-    resolution: {integrity: sha512-h31UlwEi7FHihLe1zbk+3Q7z1k/84rb9BSwmBSr/XjOCEaBJ2YyedQDuM0t/kfOS0IxM+vk1/zI9XxYj9V+NJQ==}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
-    hasBin: true
+  rollup@3.23.0:
     optionalDependencies:
       fsevents: 2.3.3
-    dev: true
 
-  /rollup@3.29.4:
-    resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
-    hasBin: true
+  rollup@3.29.4:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /rollup@4.12.1:
-    resolution: {integrity: sha512-ggqQKvx/PsB0FaWXhIvVkSWh7a/PCLQAsMjBc+nA2M8Rv2/HG0X6zvixAB7KyZBRtifBUhy5k8voQX/mRnABPg==}
-    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
-    hasBin: true
+  rollup@4.12.1:
     dependencies:
       '@types/estree': 1.0.5
     optionalDependencies:
@@ -9483,126 +11658,83 @@ packages:
       '@rollup/rollup-win32-x64-msvc': 4.12.1
       fsevents: 2.3.3
 
-  /run-parallel@1.2.0:
-    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+  run-parallel@1.2.0:
     dependencies:
       queue-microtask: 1.2.3
 
-  /rxjs@7.8.1:
-    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
+  rxjs@7.8.1:
     dependencies:
       tslib: 2.6.2
-    dev: true
 
-  /sade@1.8.1:
-    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
-    engines: {node: '>=6'}
+  sade@1.8.1:
     dependencies:
       mri: 1.2.0
 
-  /safe-array-concat@1.0.1:
-    resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==}
-    engines: {node: '>=0.4'}
+  safe-array-concat@1.0.1:
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
       has-symbols: 1.0.3
       isarray: 2.0.5
-    dev: true
 
-  /safe-buffer@5.2.1:
-    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+  safe-buffer@5.2.1: {}
 
-  /safe-regex-test@1.0.0:
-    resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
+  safe-regex-test@1.0.0:
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
       is-regex: 1.1.4
-    dev: true
 
-  /safer-buffer@2.1.2:
-    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+  safer-buffer@2.1.2: {}
 
-  /sander@0.5.1:
-    resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
+  sander@0.5.1:
     dependencies:
       es6-promise: 3.3.1
       graceful-fs: 4.2.11
       mkdirp: 0.5.6
       rimraf: 2.7.1
 
-  /sax@1.3.0:
-    resolution: {integrity: sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==}
-    dev: false
+  sax@1.3.0: {}
 
-  /scheduler@0.23.0:
-    resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==}
+  scheduler@0.23.0:
     dependencies:
       loose-envify: 1.4.0
 
-  /section-matter@1.0.0:
-    resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==}
-    engines: {node: '>=4'}
+  section-matter@1.0.0:
     dependencies:
       extend-shallow: 2.0.1
       kind-of: 6.0.3
-    dev: false
 
-  /semver@5.7.2:
-    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
-    hasBin: true
-    dev: true
+  semver@5.7.2: {}
 
-  /semver@6.3.1:
-    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
-    hasBin: true
+  semver@6.3.1: {}
 
-  /semver@7.5.4:
-    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
-    engines: {node: '>=10'}
-    hasBin: true
+  semver@7.5.4:
     dependencies:
       lru-cache: 6.0.0
 
-  /semver@7.6.0:
-    resolution: {integrity: sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==}
-    engines: {node: '>=10'}
-    hasBin: true
+  semver@7.6.0:
     dependencies:
       lru-cache: 6.0.0
 
-  /serialize-javascript@6.0.1:
-    resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==}
+  serialize-javascript@6.0.1:
     dependencies:
       randombytes: 2.1.0
-    dev: true
 
-  /server-destroy@1.0.1:
-    resolution: {integrity: sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==}
-    dev: false
+  server-destroy@1.0.1: {}
 
-  /set-blocking@2.0.0:
-    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
-    dev: true
+  set-blocking@2.0.0: {}
 
-  /set-cookie-parser@2.6.0:
-    resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
-    dev: true
+  set-cookie-parser@2.6.0: {}
 
-  /set-function-length@1.1.1:
-    resolution: {integrity: sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==}
-    engines: {node: '>= 0.4'}
+  set-function-length@1.1.1:
     dependencies:
       define-data-property: 1.1.1
       get-intrinsic: 1.2.2
       gopd: 1.0.1
       has-property-descriptors: 1.0.1
-    dev: true
 
-  /set-function-length@1.2.1:
-    resolution: {integrity: sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==}
-    engines: {node: '>= 0.4'}
+  set-function-length@1.2.1:
     dependencies:
       define-data-property: 1.1.4
       es-errors: 1.3.0
@@ -9610,21 +11742,14 @@ packages:
       get-intrinsic: 1.2.4
       gopd: 1.0.1
       has-property-descriptors: 1.0.2
-    dev: true
 
-  /set-function-name@2.0.1:
-    resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==}
-    engines: {node: '>= 0.4'}
+  set-function-name@2.0.1:
     dependencies:
       define-data-property: 1.1.1
       functions-have-names: 1.2.3
       has-property-descriptors: 1.0.1
-    dev: true
 
-  /sharp@0.32.6:
-    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==}
-    engines: {node: '>=14.15.0'}
-    requiresBuild: true
+  sharp@0.32.6:
     dependencies:
       color: 4.2.3
       detect-libc: 2.0.2
@@ -9634,139 +11759,86 @@ packages:
       simple-get: 4.0.1
       tar-fs: 3.0.4
       tunnel-agent: 0.6.0
-    dev: false
     optional: true
 
-  /shebang-command@1.2.0:
-    resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
-    engines: {node: '>=0.10.0'}
+  shebang-command@1.2.0:
     dependencies:
       shebang-regex: 1.0.0
-    dev: true
 
-  /shebang-command@2.0.0:
-    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
-    engines: {node: '>=8'}
+  shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0
 
-  /shebang-regex@1.0.0:
-    resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  shebang-regex@1.0.0: {}
 
-  /shebang-regex@3.0.0:
-    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
-    engines: {node: '>=8'}
+  shebang-regex@3.0.0: {}
 
-  /shell-quote@1.8.1:
-    resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
-    dev: true
+  shell-quote@1.8.1: {}
 
-  /shiki@0.14.5:
-    resolution: {integrity: sha512-1gCAYOcmCFONmErGTrS1fjzJLA7MGZmKzrBNX7apqSwhyITJg2O102uFzXUeBxNnEkDA9vHIKLyeKq0V083vIw==}
+  shiki@0.14.5:
     dependencies:
       ansi-sequence-parser: 1.1.1
       jsonc-parser: 3.2.0
       vscode-oniguruma: 1.7.0
       vscode-textmate: 8.0.0
-    dev: false
 
-  /side-channel@1.0.4:
-    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
+  side-channel@1.0.4:
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
       object-inspect: 1.13.1
-    dev: true
 
-  /side-channel@1.0.6:
-    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
-    engines: {node: '>= 0.4'}
+  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.1
-    dev: true
 
-  /signal-exit@3.0.7:
-    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+  signal-exit@3.0.7: {}
 
-  /signal-exit@4.1.0:
-    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
-    engines: {node: '>=14'}
-    dev: false
+  signal-exit@4.1.0: {}
 
-  /simple-concat@1.0.1:
-    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
-    requiresBuild: true
-    dev: false
+  simple-concat@1.0.1:
     optional: true
 
-  /simple-get@4.0.1:
-    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
-    requiresBuild: true
+  simple-get@4.0.1:
     dependencies:
       decompress-response: 6.0.0
       once: 1.4.0
       simple-concat: 1.0.1
-    dev: false
     optional: true
 
-  /simple-swizzle@0.2.2:
-    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
-    requiresBuild: true
+  simple-swizzle@0.2.2:
     dependencies:
       is-arrayish: 0.3.2
-    dev: false
     optional: true
 
-  /sirv@2.0.4:
-    resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
-    engines: {node: '>= 10'}
+  sirv@2.0.4:
     dependencies:
       '@polka/url': 1.0.0-next.24
       mrmime: 2.0.0
       totalist: 3.0.1
-    dev: true
 
-  /sisteransi@1.0.5:
-    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
-    dev: false
+  sisteransi@1.0.5: {}
 
-  /slash@3.0.0:
-    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
-    engines: {node: '>=8'}
-    dev: true
+  slash@3.0.0: {}
 
-  /slash@5.1.0:
-    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
-    engines: {node: '>=14.16'}
-    dev: true
+  slash@5.1.0: {}
 
-  /slice-ansi@3.0.0:
-    resolution: {integrity: sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==}
-    engines: {node: '>=8'}
+  slice-ansi@3.0.0:
     dependencies:
       ansi-styles: 4.3.0
       astral-regex: 2.0.0
       is-fullwidth-code-point: 3.0.0
-    dev: true
 
-  /slice-ansi@4.0.0:
-    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
-    engines: {node: '>=10'}
+  slice-ansi@4.0.0:
     dependencies:
       ansi-styles: 4.3.0
       astral-regex: 2.0.0
       is-fullwidth-code-point: 3.0.0
-    dev: true
 
-  /smartwrap@2.0.2:
-    resolution: {integrity: sha512-vCsKNQxb7PnCNd2wY1WClWifAc2lwqsG8OaswpJkVJsvMGcnEntdTCDajZCkk93Ay1U3t/9puJmb525Rg5MZBA==}
-    engines: {node: '>=6'}
-    hasBin: true
+  smartwrap@2.0.2:
     dependencies:
       array.prototype.flat: 1.3.2
       breakword: 1.0.6
@@ -9774,87 +11846,55 @@ packages:
       strip-ansi: 6.0.1
       wcwidth: 1.0.1
       yargs: 15.4.1
-    dev: true
 
-  /smob@1.4.1:
-    resolution: {integrity: sha512-9LK+E7Hv5R9u4g4C3p+jjLstaLe11MDsL21UpYaCNmapvMkYhqCV4A/f/3gyH8QjMyh6l68q9xC85vihY9ahMQ==}
-    dev: true
+  smob@1.4.1: {}
 
-  /sorcery@0.11.0:
-    resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==}
-    hasBin: true
+  sorcery@0.11.0:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
       buffer-crc32: 0.2.13
       minimist: 1.2.8
       sander: 0.5.1
 
-  /source-map-js@1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
-    engines: {node: '>=0.10.0'}
+  source-map-js@1.0.2: {}
 
-  /source-map-support@0.5.21:
-    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+  source-map-support@0.5.21:
     dependencies:
       buffer-from: 1.1.2
       source-map: 0.6.1
-    dev: true
 
-  /source-map@0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  source-map@0.6.1: {}
 
-  /space-separated-tokens@2.0.2:
-    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
-    dev: false
+  space-separated-tokens@2.0.2: {}
 
-  /spawn-command@0.0.2-1:
-    resolution: {integrity: sha512-n98l9E2RMSJ9ON1AKisHzz7V42VDiBQGY6PB1BwRglz99wpVsSuGzQ+jOi6lFXBGVTCrRpltvjm+/XA+tpeJrg==}
-    dev: true
+  spawn-command@0.0.2-1: {}
 
-  /spawndamnit@2.0.0:
-    resolution: {integrity: sha512-j4JKEcncSjFlqIwU5L/rp2N5SIPsdxaRsIv678+TZxZ0SRDJTm8JrxJMjE/XuiEZNEir3S8l0Fa3Ke339WI4qA==}
+  spawndamnit@2.0.0:
     dependencies:
       cross-spawn: 5.1.0
       signal-exit: 3.0.7
-    dev: true
 
-  /spdx-correct@3.2.0:
-    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
+  spdx-correct@3.2.0:
     dependencies:
       spdx-expression-parse: 3.0.1
       spdx-license-ids: 3.0.16
-    dev: true
 
-  /spdx-exceptions@2.3.0:
-    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
-    dev: true
+  spdx-exceptions@2.3.0: {}
 
-  /spdx-expression-parse@3.0.1:
-    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
+  spdx-expression-parse@3.0.1:
     dependencies:
       spdx-exceptions: 2.3.0
       spdx-license-ids: 3.0.16
-    dev: true
 
-  /spdx-license-ids@3.0.16:
-    resolution: {integrity: sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==}
-    dev: true
+  spdx-license-ids@3.0.16: {}
 
-  /split@0.3.3:
-    resolution: {integrity: sha512-wD2AeVmxXRBoX44wAycgjVpMhvbwdI2aZjCkvfNcH1YqHQvJVa1duWc73OyVGJUc05fhFaTZeQ/PYsrmyH0JVA==}
+  split@0.3.3:
     dependencies:
       through: 2.3.8
-    dev: true
 
-  /sprintf-js@1.0.3:
-    resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
+  sprintf-js@1.0.3: {}
 
-  /sshpk@1.18.0:
-    resolution: {integrity: sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==}
-    engines: {node: '>=0.10.0'}
-    hasBin: true
+  sshpk@1.18.0:
     dependencies:
       asn1: 0.2.6
       assert-plus: 1.0.0
@@ -9865,12 +11905,8 @@ packages:
       jsbn: 0.1.1
       safer-buffer: 2.1.2
       tweetnacl: 0.14.5
-    dev: true
 
-  /start-server-and-test@2.0.2:
-    resolution: {integrity: sha512-4sGS2QmETUwqeBUqtTLP7OqXp3PdDnevaWlPlrFQgn8+7uCgVg4Do7/H/ZhAAVyvnL3DqKyANhnLgcgxrjhrMA==}
-    engines: {node: '>=16'}
-    hasBin: true
+  start-server-and-test@2.0.2:
     dependencies:
       arg: 5.0.2
       bluebird: 3.7.2
@@ -9882,72 +11918,50 @@ packages:
       wait-on: 7.1.0(debug@4.3.4)
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /stdin-discarder@0.1.0:
-    resolution: {integrity: sha512-xhV7w8S+bUwlPTb4bAOUQhv8/cSS5offJuX8GQGq32ONF0ZtDWKfkdomM3HMRA+LhX6um/FZ0COqlwsjD53LeQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  stdin-discarder@0.1.0:
     dependencies:
       bl: 5.1.0
-    dev: false
 
-  /stream-combiner@0.0.4:
-    resolution: {integrity: sha512-rT00SPnTVyRsaSz5zgSPma/aHSOic5U1prhYdRy5HS2kTZviFpmDgzilbtsJsxiroqACmayynDN/9VzIbX5DOw==}
+  stream-combiner@0.0.4:
     dependencies:
       duplexer: 0.1.2
-    dev: true
 
-  /stream-parser@0.3.1:
-    resolution: {integrity: sha512-bJ/HgKq41nlKvlhccD5kaCr/P+Hu0wPNKPJOH7en+YrJu/9EgqUF+88w5Jb6KNcjOFMhfX4B2asfeAtIGuHObQ==}
+  stream-parser@0.3.1:
     dependencies:
       debug: 2.6.9
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /stream-transform@2.1.3:
-    resolution: {integrity: sha512-9GHUiM5hMiCi6Y03jD2ARC1ettBXkQBoQAe7nJsPknnI0ow10aXjTnew8QtYQmLjzn974BnmWEAJgCY6ZP1DeQ==}
+  stream-transform@2.1.3:
     dependencies:
       mixme: 0.5.9
-    dev: true
 
-  /streamx@2.15.1:
-    resolution: {integrity: sha512-fQMzy2O/Q47rgwErk/eGeLu/roaFWV0jVsogDmrszM9uIw8L5OA+t+V93MgYlufNptfjmYR1tOMWhei/Eh7TQA==}
-    requiresBuild: true
+  streamx@2.15.1:
     dependencies:
       fast-fifo: 1.3.2
       queue-tick: 1.0.1
-    dev: false
     optional: true
 
-  /string-width@4.2.3:
-    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
-    engines: {node: '>=8'}
+  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:
-    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
-    engines: {node: '>=12'}
+  string-width@5.1.2:
     dependencies:
       eastasianwidth: 0.2.0
       emoji-regex: 9.2.2
       strip-ansi: 7.1.0
-    dev: false
 
-  /string-width@6.1.0:
-    resolution: {integrity: sha512-k01swCJAgQmuADB0YIc+7TuatfNvTBVOoaUWJjTB9R4VJzR5vNWzf5t42ESVZFPS8xTySF7CAdV4t/aaIm3UnQ==}
-    engines: {node: '>=16'}
+  string-width@6.1.0:
     dependencies:
       eastasianwidth: 0.2.0
       emoji-regex: 10.3.0
       strip-ansi: 7.1.0
-    dev: false
 
-  /string.prototype.matchall@4.0.10:
-    resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==}
+  string.prototype.matchall@4.0.10:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
@@ -9958,151 +11972,88 @@ packages:
       regexp.prototype.flags: 1.5.1
       set-function-name: 2.0.1
       side-channel: 1.0.4
-    dev: true
 
-  /string.prototype.trim@1.2.8:
-    resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==}
-    engines: {node: '>= 0.4'}
+  string.prototype.trim@1.2.8:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
-    dev: true
 
-  /string.prototype.trimend@1.0.7:
-    resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==}
+  string.prototype.trimend@1.0.7:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
-    dev: true
 
-  /string.prototype.trimstart@1.0.7:
-    resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==}
+  string.prototype.trimstart@1.0.7:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
-    dev: true
 
-  /string_decoder@1.3.0:
-    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+  string_decoder@1.3.0:
     dependencies:
       safe-buffer: 5.2.1
-    dev: false
 
-  /stringify-entities@4.0.3:
-    resolution: {integrity: sha512-BP9nNHMhhfcMbiuQKCqMjhDP5yBCAxsPu4pHFFzJ6Alo9dZgY4VLDPutXqIjpRiMoKdp7Av85Gr73Q5uH9k7+g==}
+  stringify-entities@4.0.3:
     dependencies:
       character-entities-html4: 2.1.0
       character-entities-legacy: 3.0.0
-    dev: false
 
-  /strip-ansi@6.0.1:
-    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
-    engines: {node: '>=8'}
+  strip-ansi@6.0.1:
     dependencies:
       ansi-regex: 5.0.1
 
-  /strip-ansi@7.1.0:
-    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
-    engines: {node: '>=12'}
+  strip-ansi@7.1.0:
     dependencies:
       ansi-regex: 6.0.1
-    dev: false
 
-  /strip-bom-string@1.0.0:
-    resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==}
-    engines: {node: '>=0.10.0'}
-    dev: false
+  strip-bom-string@1.0.0: {}
 
-  /strip-bom@3.0.0:
-    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
-    engines: {node: '>=4'}
+  strip-bom@3.0.0: {}
 
-  /strip-bom@4.0.0:
-    resolution: {integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==}
-    engines: {node: '>=8'}
-    dev: false
+  strip-bom@4.0.0: {}
 
-  /strip-final-newline@2.0.0:
-    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
-    engines: {node: '>=6'}
-    dev: true
+  strip-final-newline@2.0.0: {}
 
-  /strip-final-newline@3.0.0:
-    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
-    engines: {node: '>=12'}
-    dev: false
+  strip-final-newline@3.0.0: {}
 
-  /strip-indent@3.0.0:
-    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
-    engines: {node: '>=8'}
+  strip-indent@3.0.0:
     dependencies:
       min-indent: 1.0.1
 
-  /strip-json-comments@2.0.1:
-    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
-    engines: {node: '>=0.10.0'}
-    requiresBuild: true
-    dev: false
+  strip-json-comments@2.0.1:
     optional: true
 
-  /strip-json-comments@3.1.1:
-    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
-    engines: {node: '>=8'}
-    dev: true
+  strip-json-comments@3.1.1: {}
 
-  /stylehacks@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  stylehacks@6.0.0(postcss@8.4.21):
     dependencies:
       browserslist: 4.22.1
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /stylehacks@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-ETErsPFgwlfYZ/CSjMO2Ddf+TsnkCVPBPaoB99Ro8WMAxf7cglzmFsRBhRmKObFjibtcvlNxFFPHuyr3sNlNUQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  stylehacks@6.1.0(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       postcss: 8.4.35
       postcss-selector-parser: 6.0.16
-    dev: true
 
-  /supports-color@5.5.0:
-    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
-    engines: {node: '>=4'}
+  supports-color@5.5.0:
     dependencies:
       has-flag: 3.0.0
 
-  /supports-color@7.2.0:
-    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
-    engines: {node: '>=8'}
+  supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
-    dev: true
 
-  /supports-color@8.1.1:
-    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
-    engines: {node: '>=10'}
+  supports-color@8.1.1:
     dependencies:
       has-flag: 4.0.0
 
-  /supports-preserve-symlinks-flag@1.0.0:
-    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
-    engines: {node: '>= 0.4'}
+  supports-preserve-symlinks-flag@1.0.0: {}
 
-  /svelte-check@3.6.6(postcss@8.4.35)(svelte@4.2.12):
-    resolution: {integrity: sha512-b9q9rOHOMYF3U8XllK7LmXTq1LeWQ98waGfEJzrFutViadkNl1tgdEtxIQ8yuPx+VQ4l7YrknYol+0lfZocaZw==}
-    hasBin: true
-    peerDependencies:
-      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
+  svelte-check@3.6.6(postcss@8.4.35)(svelte@4.2.12):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 3.6.0
@@ -10123,13 +12074,8 @@ packages:
       - sass
       - stylus
       - sugarss
-    dev: true
 
-  /svelte-check@3.6.7(postcss@8.4.35)(svelte@4.2.12):
-    resolution: {integrity: sha512-tKEjemK9FYCySAseCaIt+ps5o0XRvLC7ECjyJXXtO7vOQhR9E6JavgoUbGP1PCulD2OTcB/fi9RjV3nyF1AROw==}
-    hasBin: true
-    peerDependencies:
-      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
+  svelte-check@3.6.7(postcss@8.4.35)(svelte@4.2.12):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 3.6.0
@@ -10150,16 +12096,8 @@ packages:
       - sass
       - stylus
       - sugarss
-    dev: true
 
-  /svelte-eslint-parser@0.33.1(svelte@4.2.12):
-    resolution: {integrity: sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      svelte: ^3.37.0 || ^4.0.0
-    peerDependenciesMeta:
-      svelte:
-        optional: true
+  svelte-eslint-parser@0.33.1(svelte@4.2.12):
     dependencies:
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
@@ -10167,62 +12105,16 @@ packages:
       postcss: 8.4.35
       postcss-scss: 4.0.9(postcss@8.4.35)
       svelte: 4.2.12
-    dev: true
 
-  /svelte-hmr@0.15.3(svelte@4.2.1):
-    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
-    engines: {node: ^12.20 || ^14.13.1 || >= 16}
-    peerDependencies:
-      svelte: ^3.19.0 || ^4.0.0
+  svelte-hmr@0.15.3(svelte@4.2.1):
     dependencies:
       svelte: 4.2.1
-    dev: false
 
-  /svelte-hmr@0.15.3(svelte@4.2.12):
-    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
-    engines: {node: ^12.20 || ^14.13.1 || >= 16}
-    peerDependencies:
-      svelte: ^3.19.0 || ^4.0.0
+  svelte-hmr@0.15.3(svelte@4.2.12):
     dependencies:
       svelte: 4.2.12
 
-  /svelte-preprocess@5.1.3(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2):
-    resolution: {integrity: sha512-xxAkmxGHT+J/GourS5mVJeOXZzne1FR5ljeOUAMXUkfEhkLEllRreXpbl3dIYJlcJRfL1LO1uIAPpBpBfiqGPw==}
-    engines: {node: '>= 16.0.0', pnpm: ^8.0.0}
-    requiresBuild: true
-    peerDependencies:
-      '@babel/core': ^7.10.2
-      coffeescript: ^2.5.1
-      less: ^3.11.3 || ^4.0.0
-      postcss: ^7 || ^8
-      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
-      pug: ^3.0.0
-      sass: ^1.26.8
-      stylus: ^0.55.0
-      sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
-      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
-      typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
-    peerDependenciesMeta:
-      '@babel/core':
-        optional: true
-      coffeescript:
-        optional: true
-      less:
-        optional: true
-      postcss:
-        optional: true
-      postcss-load-config:
-        optional: true
-      pug:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      typescript:
-        optional: true
+  svelte-preprocess@5.1.3(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2):
     dependencies:
       '@types/pug': 2.0.10
       detect-indent: 6.1.0
@@ -10233,33 +12125,21 @@ packages:
       svelte: 4.2.12
       typescript: 5.4.2
 
-  /svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.4.2):
-    resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==}
-    peerDependencies:
-      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
-      typescript: ^4.9.4 || ^5.0.0
+  svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.4.2):
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
       svelte: 4.2.1
       typescript: 5.4.2
-    dev: false
 
-  /svelte2tsx@0.7.3(svelte@4.2.12)(typescript@5.4.2):
-    resolution: {integrity: sha512-yrjJFvqp32Ag4Oke+T1xXZLqMNrS0gjzAM//+L6+7OhXWMDuMs0fkyb9ymixK9keVOLJ1GbeEVfg59c3E2IN+w==}
-    peerDependencies:
-      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
-      typescript: ^4.9.4 || ^5.0.0
+  svelte2tsx@0.7.3(svelte@4.2.12)(typescript@5.4.2):
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
       svelte: 4.2.12
       typescript: 5.4.2
-    dev: true
 
-  /svelte@4.2.1:
-    resolution: {integrity: sha512-LpLqY2Jr7cRxkrTc796/AaaoMLF/1ax7cto8Ot76wrvKQhrPmZ0JgajiWPmg9mTSDqO16SSLiD17r9MsvAPTmw==}
-    engines: {node: '>=16'}
+  svelte@4.2.1:
     dependencies:
       '@ampproject/remapping': 2.2.1
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -10274,11 +12154,8 @@ packages:
       locate-character: 3.0.0
       magic-string: 0.30.5
       periscopic: 3.1.0
-    dev: false
 
-  /svelte@4.2.12:
-    resolution: {integrity: sha512-d8+wsh5TfPwqVzbm4/HCXC783/KPHV60NvwitJnyTA5lWn1elhXMNWhXGCJ7PwPa8qFUnyJNIyuIRt2mT0WMug==}
-    engines: {node: '>=16'}
+  svelte@4.2.12:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -10295,10 +12172,7 @@ packages:
       magic-string: 0.30.8
       periscopic: 3.1.0
 
-  /svgo@3.0.2:
-    resolution: {integrity: sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
+  svgo@3.0.2:
     dependencies:
       '@trysound/sax': 0.2.0
       commander: 7.2.0
@@ -10306,12 +12180,8 @@ packages:
       css-tree: 2.3.1
       csso: 5.0.5
       picocolors: 1.0.0
-    dev: true
 
-  /svgo@3.2.0:
-    resolution: {integrity: sha512-4PP6CMW/V7l/GmKRKzsLR8xxjdHTV4IMvhTnpuHwwBazSIlw5W/5SmPjN8Dwyt7lKbSJrRDgp4t9ph0HgChFBQ==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
+  svgo@3.2.0:
     dependencies:
       '@trysound/sax': 0.2.0
       commander: 7.2.0
@@ -10320,179 +12190,104 @@ packages:
       css-what: 6.1.0
       csso: 5.0.5
       picocolors: 1.0.0
-    dev: true
 
-  /tar-fs@2.1.1:
-    resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
-    requiresBuild: true
+  tar-fs@2.1.1:
     dependencies:
       chownr: 1.1.4
       mkdirp-classic: 0.5.3
       pump: 3.0.0
       tar-stream: 2.2.0
-    dev: false
     optional: true
 
-  /tar-fs@3.0.4:
-    resolution: {integrity: sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==}
-    requiresBuild: true
+  tar-fs@3.0.4:
     dependencies:
       mkdirp-classic: 0.5.3
       pump: 3.0.0
       tar-stream: 3.1.6
-    dev: false
     optional: true
 
-  /tar-stream@2.2.0:
-    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
-    engines: {node: '>=6'}
-    requiresBuild: true
+  tar-stream@2.2.0:
     dependencies:
       bl: 4.1.0
       end-of-stream: 1.4.4
       fs-constants: 1.0.0
       inherits: 2.0.4
       readable-stream: 3.6.2
-    dev: false
     optional: true
 
-  /tar-stream@3.1.6:
-    resolution: {integrity: sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==}
-    requiresBuild: true
+  tar-stream@3.1.6:
     dependencies:
       b4a: 1.6.4
       fast-fifo: 1.3.2
       streamx: 2.15.1
-    dev: false
     optional: true
 
-  /term-size@2.2.1:
-    resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==}
-    engines: {node: '>=8'}
-    dev: true
+  term-size@2.2.1: {}
 
-  /terser@5.22.0:
-    resolution: {integrity: sha512-hHZVLgRA2z4NWcN6aS5rQDc+7Dcy58HOf2zbYwmFcQ+ua3h6eEFf5lIDKTzbWwlazPyOZsFQO8V80/IjVNExEw==}
-    engines: {node: '>=10'}
-    hasBin: true
+  terser@5.22.0:
     dependencies:
       '@jridgewell/source-map': 0.3.5
       acorn: 8.10.0
       commander: 2.20.3
       source-map-support: 0.5.21
-    dev: true
 
-  /text-table@0.2.0:
-    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
-    dev: true
+  text-table@0.2.0: {}
 
-  /thenby@1.3.4:
-    resolution: {integrity: sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==}
-    dev: true
+  thenby@1.3.4: {}
 
-  /throttleit@1.0.1:
-    resolution: {integrity: sha512-vDZpf9Chs9mAdfY046mcPt8fg5QSZr37hEH4TXYBnDF+izxgrbRGUAAaBvIk/fJm9aOFCGFd1EsNg5AZCbnQCQ==}
-    dev: true
+  throttleit@1.0.1: {}
 
-  /through@2.3.8:
-    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
-    dev: true
+  through@2.3.8: {}
 
-  /tiny-glob@0.2.9:
-    resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
+  tiny-glob@0.2.9:
     dependencies:
       globalyzer: 0.1.0
       globrex: 0.1.2
-    dev: true
 
-  /tmp@0.0.33:
-    resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==}
-    engines: {node: '>=0.6.0'}
+  tmp@0.0.33:
     dependencies:
       os-tmpdir: 1.0.2
-    dev: true
 
-  /tmp@0.2.3:
-    resolution: {integrity: sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==}
-    engines: {node: '>=14.14'}
-    dev: true
+  tmp@0.2.3: {}
 
-  /to-fast-properties@2.0.0:
-    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
-    engines: {node: '>=4'}
+  to-fast-properties@2.0.0: {}
 
-  /to-regex-range@5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
-    engines: {node: '>=8.0'}
+  to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
 
-  /totalist@3.0.1:
-    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
-    engines: {node: '>=6'}
-    dev: true
+  totalist@3.0.1: {}
 
-  /tough-cookie@4.1.3:
-    resolution: {integrity: sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==}
-    engines: {node: '>=6'}
+  tough-cookie@4.1.3:
     dependencies:
       psl: 1.9.0
       punycode: 2.3.1
       universalify: 0.2.0
       url-parse: 1.5.10
-    dev: true
 
-  /tr46@0.0.3:
-    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
-    dev: true
+  tr46@0.0.3: {}
 
-  /tree-kill@1.2.2:
-    resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
-    hasBin: true
-    dev: true
+  tree-kill@1.2.2: {}
 
-  /trim-lines@3.0.1:
-    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
-    dev: false
+  trim-lines@3.0.1: {}
 
-  /trim-newlines@3.0.1:
-    resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
-    engines: {node: '>=8'}
-    dev: true
+  trim-newlines@3.0.1: {}
 
-  /trough@2.1.0:
-    resolution: {integrity: sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==}
-    dev: false
+  trough@2.1.0: {}
 
-  /ts-api-utils@1.0.3(typescript@5.1.3):
-    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
-    engines: {node: '>=16.13.0'}
-    peerDependencies:
-      typescript: '>=4.2.0'
+  ts-api-utils@1.0.3(typescript@5.1.3):
     dependencies:
       typescript: 5.1.3
-    dev: true
 
-  /ts-api-utils@1.0.3(typescript@5.2.2):
-    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
-    engines: {node: '>=16.13.0'}
-    peerDependencies:
-      typescript: '>=4.2.0'
+  ts-api-utils@1.0.3(typescript@5.2.2):
     dependencies:
       typescript: 5.2.2
-    dev: true
 
-  /ts-api-utils@1.0.3(typescript@5.4.2):
-    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
-    engines: {node: '>=16.13.0'}
-    peerDependencies:
-      typescript: '>=4.2.0'
+  ts-api-utils@1.0.3(typescript@5.4.2):
     dependencies:
       typescript: 5.4.2
-    dev: true
 
-  /tsconfig-resolver@3.0.1:
-    resolution: {integrity: sha512-ZHqlstlQF449v8glscGRXzL6l2dZvASPCdXJRWG4gHEZlUVx2Jtmr+a2zeVG4LCsKhDXKRj5R3h0C/98UcVAQg==}
+  tsconfig-resolver@3.0.1:
     dependencies:
       '@types/json5': 0.0.30
       '@types/resolve': 1.20.4
@@ -10500,15 +12295,10 @@ packages:
       resolve: 1.22.8
       strip-bom: 4.0.0
       type-fest: 0.13.1
-    dev: false
 
-  /tslib@2.6.2:
-    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
+  tslib@2.6.2: {}
 
-  /tty-table@4.2.2:
-    resolution: {integrity: sha512-2gvCArMZLxgvpZ2NvQKdnYWIFLe7I/z5JClMuhrDXunmKgSZcQKcZRjN9XjAFiToMz2pUo1dEIXyrm0AwgV5Tw==}
-    engines: {node: '>=8.0.0'}
-    hasBin: true
+  tty-table@4.2.2:
     dependencies:
       chalk: 4.1.2
       csv: 5.5.3
@@ -10517,65 +12307,30 @@ packages:
       strip-ansi: 6.0.1
       wcwidth: 1.0.1
       yargs: 17.7.2
-    dev: true
 
-  /tunnel-agent@0.6.0:
-    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
+  tunnel-agent@0.6.0:
     dependencies:
       safe-buffer: 5.2.1
 
-  /turbo-darwin-64@1.10.0:
-    resolution: {integrity: sha512-N0aVGFtBgOKd7pIdUiKREwnDhNHRIvpMJbmUw04c1AqEoTiKAKT6iuzcCozO5N/gYMVr0hxrXgLal5OLYXtcsw==}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
+  turbo-darwin-64@1.10.0:
     optional: true
 
-  /turbo-darwin-arm64@1.10.0:
-    resolution: {integrity: sha512-boXzhaHTS5MsTMv48I/JmYp9/fYplXk5nACUDrqV6nD1hzO5PMn5wNg75ATbpkaMaeuD+hjuobeSxn1p4vpqQg==}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
+  turbo-darwin-arm64@1.10.0:
     optional: true
 
-  /turbo-linux-64@1.10.0:
-    resolution: {integrity: sha512-crKQuS1jrp4vp+Th6EmUqqmAlvYNnzGmwWMLeckmYILrV7zAddu87eJu4hB7V6uV+W1qHZUTw8WXa1w1+8boBw==}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
+  turbo-linux-64@1.10.0:
     optional: true
 
-  /turbo-linux-arm64@1.10.0:
-    resolution: {integrity: sha512-Y2fhWe0xepLjl7doIvsJK7mp2h8E+OF6qJsUHRgxFeRWQWi1I6clD2aEQeykHK8Tp+qp8pKFMocj32nFBvuCcg==}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
+  turbo-linux-arm64@1.10.0:
     optional: true
 
-  /turbo-windows-64@1.10.0:
-    resolution: {integrity: sha512-uh8rEqH6teaHysEMjinwWBqyNwv4IvgSAwbq/OphP8jObstTYHoR+gFPo8RQUSTaBYy4QVszgi5eO5YLvEQqNA==}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
+  turbo-windows-64@1.10.0:
     optional: true
 
-  /turbo-windows-arm64@1.10.0:
-    resolution: {integrity: sha512-JaVj3iM7qyRD6xYGZLL/Gs4mQKfM1zL0f91AwHZLNkk1CrJ6i5kO4ZjhKkwXSpVOTNKW3sX0Q7dExXj85Vv7UQ==}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
+  turbo-windows-arm64@1.10.0:
     optional: true
 
-  /turbo@1.10.0:
-    resolution: {integrity: sha512-GWxoL2zJduiNaEHz78o74l2jCQEeuUZ3MdpMPz0SpZOvt3nimpvQPNxiyfbqt3U9/V5G375PWKYSbXkVnIbQcA==}
-    hasBin: true
-    requiresBuild: true
+  turbo@1.10.0:
     optionalDependencies:
       turbo-darwin-64: 1.10.0
       turbo-darwin-arm64: 1.10.0
@@ -10583,139 +12338,79 @@ packages:
       turbo-linux-arm64: 1.10.0
       turbo-windows-64: 1.10.0
       turbo-windows-arm64: 1.10.0
-    dev: true
 
-  /tweetnacl@0.14.5:
-    resolution: {integrity: sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==}
-    dev: true
+  tweetnacl@0.14.5: {}
 
-  /type-check@0.4.0:
-    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
-    engines: {node: '>= 0.8.0'}
+  type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
-    dev: true
 
-  /type-fest@0.13.1:
-    resolution: {integrity: sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==}
-    engines: {node: '>=10'}
+  type-fest@0.13.1: {}
 
-  /type-fest@0.20.2:
-    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
-    engines: {node: '>=10'}
-    dev: true
+  type-fest@0.20.2: {}
 
-  /type-fest@0.21.3:
-    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
-    engines: {node: '>=10'}
-    dev: true
+  type-fest@0.21.3: {}
 
-  /type-fest@0.6.0:
-    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
-    engines: {node: '>=8'}
-    dev: true
+  type-fest@0.6.0: {}
 
-  /type-fest@0.8.1:
-    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
-    engines: {node: '>=8'}
-    dev: true
+  type-fest@0.8.1: {}
 
-  /type-fest@2.19.0:
-    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
-    engines: {node: '>=12.20'}
-    dev: false
+  type-fest@2.19.0: {}
 
-  /typed-array-buffer@1.0.0:
-    resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==}
-    engines: {node: '>= 0.4'}
+  typed-array-buffer@1.0.0:
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
       is-typed-array: 1.1.12
-    dev: true
 
-  /typed-array-byte-length@1.0.0:
-    resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==}
-    engines: {node: '>= 0.4'}
+  typed-array-byte-length@1.0.0:
     dependencies:
       call-bind: 1.0.5
       for-each: 0.3.3
       has-proto: 1.0.1
       is-typed-array: 1.1.12
-    dev: true
 
-  /typed-array-byte-offset@1.0.0:
-    resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==}
-    engines: {node: '>= 0.4'}
+  typed-array-byte-offset@1.0.0:
     dependencies:
       available-typed-arrays: 1.0.5
       call-bind: 1.0.5
       for-each: 0.3.3
       has-proto: 1.0.1
       is-typed-array: 1.1.12
-    dev: true
 
-  /typed-array-length@1.0.4:
-    resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
+  typed-array-length@1.0.4:
     dependencies:
       call-bind: 1.0.5
       for-each: 0.3.3
       is-typed-array: 1.1.12
-    dev: true
 
-  /typescript@5.1.3:
-    resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==}
-    engines: {node: '>=14.17'}
-    hasBin: true
-    dev: true
+  typescript@5.1.3: {}
 
-  /typescript@5.2.2:
-    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
-    engines: {node: '>=14.17'}
-    hasBin: true
+  typescript@5.2.2: {}
 
-  /typescript@5.4.2:
-    resolution: {integrity: sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==}
-    engines: {node: '>=14.17'}
-    hasBin: true
+  typescript@5.4.2: {}
 
-  /ultrahtml@1.5.2:
-    resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==}
-    dev: false
+  ultrahtml@1.5.2: {}
 
-  /unbox-primitive@1.0.2:
-    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+  unbox-primitive@1.0.2:
     dependencies:
       call-bind: 1.0.5
       has-bigints: 1.0.2
       has-symbols: 1.0.3
       which-boxed-primitive: 1.0.2
-    dev: true
 
-  /undici-types@5.26.5:
-    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
-    requiresBuild: true
-    dev: true
+  undici-types@5.26.5:
     optional: true
 
-  /undici@5.26.5:
-    resolution: {integrity: sha512-cSb4bPFd5qgR7qr2jYAi0hlX9n5YKK2ONKkLFkxl+v/9BvC0sOpZjBHDBSXc5lWAf5ty9oZdRXytBIHzgUcerw==}
-    engines: {node: '>=14.0'}
+  undici@5.26.5:
     dependencies:
       '@fastify/busboy': 2.0.0
-    dev: false
 
-  /unherit@3.0.1:
-    resolution: {integrity: sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==}
-    dev: false
+  unherit@3.0.1: {}
 
-  /unicorn-magic@0.1.0:
-    resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
-    engines: {node: '>=18'}
-    dev: true
+  unicorn-magic@0.1.0: {}
 
-  /unified@10.1.2:
-    resolution: {integrity: sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==}
+  unified@10.1.2:
     dependencies:
       '@types/unist': 2.0.9
       bail: 2.0.2
@@ -10724,225 +12419,129 @@ packages:
       is-plain-obj: 4.1.0
       trough: 2.1.0
       vfile: 5.3.7
-    dev: false
 
-  /unist-util-generated@2.0.1:
-    resolution: {integrity: sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==}
-    dev: false
+  unist-util-generated@2.0.1: {}
 
-  /unist-util-is@5.2.1:
-    resolution: {integrity: sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==}
+  unist-util-is@5.2.1:
     dependencies:
       '@types/unist': 2.0.9
-    dev: false
 
-  /unist-util-is@6.0.0:
-    resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
+  unist-util-is@6.0.0:
     dependencies:
       '@types/unist': 3.0.1
-    dev: false
 
-  /unist-util-modify-children@3.1.1:
-    resolution: {integrity: sha512-yXi4Lm+TG5VG+qvokP6tpnk+r1EPwyYL04JWDxLvgvPV40jANh7nm3udk65OOWquvbMDe+PL9+LmkxDpTv/7BA==}
+  unist-util-modify-children@3.1.1:
     dependencies:
       '@types/unist': 2.0.9
       array-iterate: 2.0.1
-    dev: false
 
-  /unist-util-position@4.0.4:
-    resolution: {integrity: sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==}
+  unist-util-position@4.0.4:
     dependencies:
       '@types/unist': 2.0.9
-    dev: false
 
-  /unist-util-stringify-position@3.0.3:
-    resolution: {integrity: sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==}
+  unist-util-stringify-position@3.0.3:
     dependencies:
       '@types/unist': 2.0.9
-    dev: false
 
-  /unist-util-visit-children@2.0.2:
-    resolution: {integrity: sha512-+LWpMFqyUwLGpsQxpumsQ9o9DG2VGLFrpz+rpVXYIEdPy57GSy5HioC0g3bg/8WP9oCLlapQtklOzQ8uLS496Q==}
+  unist-util-visit-children@2.0.2:
     dependencies:
       '@types/unist': 2.0.9
-    dev: false
 
-  /unist-util-visit-parents@5.1.3:
-    resolution: {integrity: sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==}
+  unist-util-visit-parents@5.1.3:
     dependencies:
       '@types/unist': 2.0.9
       unist-util-is: 5.2.1
-    dev: false
 
-  /unist-util-visit-parents@6.0.1:
-    resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==}
+  unist-util-visit-parents@6.0.1:
     dependencies:
       '@types/unist': 3.0.1
       unist-util-is: 6.0.0
-    dev: false
 
-  /unist-util-visit@4.1.2:
-    resolution: {integrity: sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==}
+  unist-util-visit@4.1.2:
     dependencies:
       '@types/unist': 2.0.9
       unist-util-is: 5.2.1
       unist-util-visit-parents: 5.1.3
-    dev: false
 
-  /unist-util-visit@5.0.0:
-    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
+  unist-util-visit@5.0.0:
     dependencies:
       '@types/unist': 3.0.1
       unist-util-is: 6.0.0
       unist-util-visit-parents: 6.0.1
-    dev: false
 
-  /universalify@0.1.2:
-    resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
-    engines: {node: '>= 4.0.0'}
-    dev: true
+  universalify@0.1.2: {}
 
-  /universalify@0.2.0:
-    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
-    engines: {node: '>= 4.0.0'}
-    dev: true
+  universalify@0.2.0: {}
 
-  /universalify@2.0.1:
-    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
-    engines: {node: '>= 10.0.0'}
-    dev: true
+  universalify@2.0.1: {}
 
-  /untildify@4.0.0:
-    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
-    engines: {node: '>=8'}
-    dev: true
+  untildify@4.0.0: {}
 
-  /update-browserslist-db@1.0.13(browserslist@4.22.1):
-    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
+  update-browserslist-db@1.0.13(browserslist@4.22.1):
     dependencies:
       browserslist: 4.22.1
       escalade: 3.1.1
       picocolors: 1.0.0
 
-  /update-browserslist-db@1.0.13(browserslist@4.23.0):
-    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
+  update-browserslist-db@1.0.13(browserslist@4.23.0):
     dependencies:
       browserslist: 4.23.0
       escalade: 3.1.1
       picocolors: 1.0.0
 
-  /uri-js@4.4.1:
-    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+  uri-js@4.4.1:
     dependencies:
       punycode: 2.3.0
-    dev: true
 
-  /url-parse@1.5.10:
-    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==}
+  url-parse@1.5.10:
     dependencies:
       querystringify: 2.2.0
       requires-port: 1.0.0
-    dev: true
 
-  /use-sync-external-store@1.2.0(react@18.2.0):
-    resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  use-sync-external-store@1.2.0(react@18.2.0):
     dependencies:
       react: 18.2.0
-    dev: false
 
-  /util-deprecate@1.0.2:
-    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+  util-deprecate@1.0.2: {}
 
-  /uuid@8.3.2:
-    resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
-    hasBin: true
-    dev: true
+  uuid@8.3.2: {}
 
-  /uvu@0.5.6:
-    resolution: {integrity: sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==}
-    engines: {node: '>=8'}
-    hasBin: true
+  uvu@0.5.6:
     dependencies:
       dequal: 2.0.3
       diff: 5.1.0
       kleur: 4.1.5
       sade: 1.8.1
-    dev: false
 
-  /validate-npm-package-license@3.0.4:
-    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
+  validate-npm-package-license@3.0.4:
     dependencies:
       spdx-correct: 3.2.0
       spdx-expression-parse: 3.0.1
-    dev: true
 
-  /verror@1.10.0:
-    resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==}
-    engines: {'0': node >=0.6.0}
+  verror@1.10.0:
     dependencies:
       assert-plus: 1.0.0
       core-util-is: 1.0.2
       extsprintf: 1.3.0
-    dev: true
 
-  /vfile-location@4.1.0:
-    resolution: {integrity: sha512-YF23YMyASIIJXpktBa4vIGLJ5Gs88UB/XePgqPmTa7cDA+JeO3yclbpheQYCHjVHBn/yePzrXuygIL+xbvRYHw==}
+  vfile-location@4.1.0:
     dependencies:
       '@types/unist': 2.0.9
       vfile: 5.3.7
-    dev: false
 
-  /vfile-message@3.1.4:
-    resolution: {integrity: sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==}
+  vfile-message@3.1.4:
     dependencies:
       '@types/unist': 2.0.9
       unist-util-stringify-position: 3.0.3
-    dev: false
 
-  /vfile@5.3.7:
-    resolution: {integrity: sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==}
+  vfile@5.3.7:
     dependencies:
       '@types/unist': 2.0.9
       is-buffer: 2.0.5
       unist-util-stringify-position: 3.0.3
       vfile-message: 3.1.4
-    dev: false
 
-  /vite@4.5.0(@types/node@18.7.16):
-    resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
+  vite@4.5.0(@types/node@18.7.16):
     dependencies:
       '@types/node': 18.7.16
       esbuild: 0.18.20
@@ -10951,33 +12550,7 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /vite@5.1.5(@types/node@18.7.16):
-    resolution: {integrity: sha512-BdN1xh0Of/oQafhU+FvopafUp6WaYenLU/NFoL5WyJL++GxkNfieKzBhM24H3HVsPQrlAqB7iJYTHabzaRed5Q==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': ^18.0.0 || >=20.0.0
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
+  vite@5.1.5(@types/node@18.7.16):
     dependencies:
       '@types/node': 18.7.16
       esbuild: 0.19.12
@@ -10985,76 +12558,28 @@ packages:
       rollup: 4.12.1
     optionalDependencies:
       fsevents: 2.3.3
-    dev: false
 
-  /vite@5.1.6:
-    resolution: {integrity: sha512-yYIAZs9nVfRJ/AiOLCA91zzhjsHUgMjB+EigzFb6W2XTLO8JixBCKCjvhKZaye+NKYHCrkv3Oh50dH9EdLU2RA==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': ^18.0.0 || >=20.0.0
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
+  vite@5.1.6:
     dependencies:
       esbuild: 0.19.12
       postcss: 8.4.35
       rollup: 4.12.1
     optionalDependencies:
       fsevents: 2.3.3
-    dev: true
 
-  /vitefu@0.2.5(vite@4.5.0):
-    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
-    peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
-    peerDependenciesMeta:
-      vite:
-        optional: true
+  vitefu@0.2.5(vite@4.5.0):
     dependencies:
       vite: 4.5.0(@types/node@18.7.16)
 
-  /vitefu@0.2.5(vite@5.1.6):
-    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
-    peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
-    peerDependenciesMeta:
-      vite:
-        optional: true
+  vitefu@0.2.5(vite@5.1.6):
     dependencies:
       vite: 5.1.6
-    dev: true
 
-  /vscode-oniguruma@1.7.0:
-    resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==}
-    dev: false
+  vscode-oniguruma@1.7.0: {}
 
-  /vscode-textmate@8.0.0:
-    resolution: {integrity: sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==}
-    dev: false
+  vscode-textmate@8.0.0: {}
 
-  /wait-on@7.1.0(debug@4.3.4):
-    resolution: {integrity: sha512-U7TF/OYYzAg+OoiT/B8opvN48UHt0QYMi4aD3PjRFpybQ+o6czQF8Ig3SKCCMJdxpBrCalIJ4O00FBof27Fu9Q==}
-    engines: {node: '>=12.0.0'}
-    hasBin: true
+  wait-on@7.1.0(debug@4.3.4):
     dependencies:
       axios: 0.27.2(debug@4.3.4)
       joi: 17.11.0
@@ -11063,42 +12588,29 @@ packages:
       rxjs: 7.8.1
     transitivePeerDependencies:
       - debug
-    dev: true
 
-  /wcwidth@1.0.1:
-    resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
+  wcwidth@1.0.1:
     dependencies:
       defaults: 1.0.4
-    dev: true
 
-  /web-namespaces@2.0.1:
-    resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
-    dev: false
+  web-namespaces@2.0.1: {}
 
-  /webidl-conversions@3.0.1:
-    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
-    dev: true
+  webidl-conversions@3.0.1: {}
 
-  /whatwg-url@5.0.0:
-    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
+  whatwg-url@5.0.0:
     dependencies:
       tr46: 0.0.3
       webidl-conversions: 3.0.1
-    dev: true
 
-  /which-boxed-primitive@1.0.2:
-    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+  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
-    dev: true
 
-  /which-builtin-type@1.1.3:
-    resolution: {integrity: sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==}
-    engines: {node: '>= 0.4'}
+  which-builtin-type@1.1.3:
     dependencies:
       function.prototype.name: 1.1.6
       has-tostringtag: 1.0.0
@@ -11112,147 +12624,90 @@ packages:
       which-boxed-primitive: 1.0.2
       which-collection: 1.0.1
       which-typed-array: 1.1.13
-    dev: true
 
-  /which-collection@1.0.1:
-    resolution: {integrity: sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==}
+  which-collection@1.0.1:
     dependencies:
       is-map: 2.0.2
       is-set: 2.0.2
       is-weakmap: 2.0.1
       is-weakset: 2.0.2
-    dev: true
 
-  /which-module@2.0.1:
-    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
-    dev: true
+  which-module@2.0.1: {}
 
-  /which-pm-runs@1.1.0:
-    resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==}
-    engines: {node: '>=4'}
-    dev: false
+  which-pm-runs@1.1.0: {}
 
-  /which-pm@2.0.0:
-    resolution: {integrity: sha512-Lhs9Pmyph0p5n5Z3mVnN0yWcbQYUAD7rbQUiMsQxOJ3T57k7RFe35SUwWMf7dsbDZks1uOmw4AecB/JMDj3v/w==}
-    engines: {node: '>=8.15'}
+  which-pm@2.0.0:
     dependencies:
       load-yaml-file: 0.2.0
       path-exists: 4.0.0
 
-  /which-pm@2.1.1:
-    resolution: {integrity: sha512-xzzxNw2wMaoCWXiGE8IJ9wuPMU+EYhFksjHxrRT8kMT5SnocBPRg69YAMtyV4D12fP582RA+k3P8H9J5EMdIxQ==}
-    engines: {node: '>=8.15'}
+  which-pm@2.1.1:
     dependencies:
       load-yaml-file: 0.2.0
       path-exists: 4.0.0
-    dev: false
 
-  /which-typed-array@1.1.13:
-    resolution: {integrity: sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==}
-    engines: {node: '>= 0.4'}
+  which-typed-array@1.1.13:
     dependencies:
       available-typed-arrays: 1.0.5
       call-bind: 1.0.5
       for-each: 0.3.3
       gopd: 1.0.1
       has-tostringtag: 1.0.0
-    dev: true
 
-  /which@1.3.1:
-    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
-    hasBin: true
+  which@1.3.1:
     dependencies:
       isexe: 2.0.0
-    dev: true
 
-  /which@2.0.2:
-    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
-    engines: {node: '>= 8'}
-    hasBin: true
+  which@2.0.2:
     dependencies:
       isexe: 2.0.0
 
-  /widest-line@4.0.1:
-    resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==}
-    engines: {node: '>=12'}
+  widest-line@4.0.1:
     dependencies:
       string-width: 5.1.2
-    dev: false
 
-  /wrap-ansi@6.2.0:
-    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
-    engines: {node: '>=8'}
+  wrap-ansi@6.2.0:
     dependencies:
       ansi-styles: 4.3.0
       string-width: 4.2.3
       strip-ansi: 6.0.1
-    dev: true
 
-  /wrap-ansi@7.0.0:
-    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
-    engines: {node: '>=10'}
+  wrap-ansi@7.0.0:
     dependencies:
       ansi-styles: 4.3.0
       string-width: 4.2.3
       strip-ansi: 6.0.1
-    dev: true
 
-  /wrap-ansi@8.1.0:
-    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
-    engines: {node: '>=12'}
+  wrap-ansi@8.1.0:
     dependencies:
       ansi-styles: 6.2.1
       string-width: 5.1.2
       strip-ansi: 7.1.0
-    dev: false
 
-  /wrappy@1.0.2:
-    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+  wrappy@1.0.2: {}
 
-  /y18n@4.0.3:
-    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
-    dev: true
+  y18n@4.0.3: {}
 
-  /y18n@5.0.8:
-    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
-    engines: {node: '>=10'}
-    dev: true
+  y18n@5.0.8: {}
 
-  /yallist@2.1.2:
-    resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==}
-    dev: true
+  yallist@2.1.2: {}
 
-  /yallist@3.1.1:
-    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+  yallist@3.1.1: {}
 
-  /yallist@4.0.0:
-    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+  yallist@4.0.0: {}
 
-  /yaml@1.10.2:
-    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
-    engines: {node: '>= 6'}
-    dev: true
+  yaml@1.10.2: {}
 
-  /yaml@2.3.4:
-    resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==}
-    engines: {node: '>= 14'}
-    dev: true
+  yaml@2.3.4: {}
 
-  /yargs-parser@18.1.3:
-    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
-    engines: {node: '>=6'}
+  yargs-parser@18.1.3:
     dependencies:
       camelcase: 5.3.1
       decamelize: 1.2.0
-    dev: true
 
-  /yargs-parser@21.1.1:
-    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
-    engines: {node: '>=12'}
+  yargs-parser@21.1.1: {}
 
-  /yargs@15.4.1:
-    resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
-    engines: {node: '>=8'}
+  yargs@15.4.1:
     dependencies:
       cliui: 6.0.0
       decamelize: 1.2.0
@@ -11265,11 +12720,8 @@ packages:
       which-module: 2.0.1
       y18n: 4.0.3
       yargs-parser: 18.1.3
-    dev: true
 
-  /yargs@17.7.2:
-    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
-    engines: {node: '>=12'}
+  yargs@17.7.2:
     dependencies:
       cliui: 8.0.1
       escalade: 3.1.1
@@ -11278,68 +12730,28 @@ packages:
       string-width: 4.2.3
       y18n: 5.0.8
       yargs-parser: 21.1.1
-    dev: true
 
-  /yauzl@2.10.0:
-    resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==}
+  yauzl@2.10.0:
     dependencies:
       buffer-crc32: 0.2.13
       fd-slicer: 1.1.0
-    dev: true
 
-  /yocto-queue@0.1.0:
-    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
-    engines: {node: '>=10'}
+  yocto-queue@0.1.0: {}
 
-  /yocto-queue@1.0.0:
-    resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
-    engines: {node: '>=12.20'}
-    dev: false
+  yocto-queue@1.0.0: {}
 
-  /zod@3.21.1:
-    resolution: {integrity: sha512-+dTu2m6gmCbO9Ahm4ZBDapx2O6ZY9QSPXst2WXjcznPMwf2YNpn3RevLx4KkZp1OPW/ouFcoBtBzFz/LeY69oA==}
-    dev: false
+  zod@3.21.1: {}
 
-  /zustand@4.4.1(@types/react@18.2.24)(react@18.2.0):
-    resolution: {integrity: sha512-QCPfstAS4EBiTQzlaGP1gmorkh/UL1Leaj2tdj+zZCZ/9bm0WS7sI2wnfD5lpOszFqWJ1DcPnGoY8RDL61uokw==}
-    engines: {node: '>=12.7.0'}
-    peerDependencies:
-      '@types/react': '>=16.8'
-      immer: '>=9.0'
-      react: '>=16.8'
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      immer:
-        optional: true
-      react:
-        optional: true
+  zustand@4.4.1(@types/react@18.2.24)(react@18.2.0):
     dependencies:
       '@types/react': 18.2.24
       react: 18.2.0
       use-sync-external-store: 1.2.0(react@18.2.0)
-    dev: false
 
-  /zustand@4.4.6(@types/react@18.2.36)(react@18.2.0):
-    resolution: {integrity: sha512-Rb16eW55gqL4W2XZpJh0fnrATxYEG3Apl2gfHTyDSE965x/zxslTikpNch0JgNjJA9zK6gEFW8Fl6d1rTZaqgg==}
-    engines: {node: '>=12.7.0'}
-    peerDependencies:
-      '@types/react': '>=16.8'
-      immer: '>=9.0'
-      react: '>=16.8'
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      immer:
-        optional: true
-      react:
-        optional: true
+  zustand@4.4.6(@types/react@18.2.36)(react@18.2.0):
     dependencies:
       '@types/react': 18.2.36
       react: 18.2.0
       use-sync-external-store: 1.2.0(react@18.2.0)
-    dev: false
 
-  /zwitch@2.0.4:
-    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
-    dev: false
+  zwitch@2.0.4: {}

From c986471b432cd294205ca8e42bc6c505b159dfb3 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 22 May 2024 15:46:37 +0200
Subject: [PATCH 0797/1093] revert pnpm.lock

---
 pnpm-lock.yaml | 12604 +++++++++++++++++++++--------------------------
 1 file changed, 5596 insertions(+), 7008 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f959761e3..d2b9d470b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: '9.0'
+lockfileVersion: '6.0'
 
 settings:
   autoInstallPeers: true
@@ -481,5677 +481,38 @@ importers:
 
 packages:
 
-  '@aashutoshrathi/word-wrap@1.2.6':
+  /@aashutoshrathi/word-wrap@1.2.6:
     resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
-  '@ampproject/remapping@2.2.1':
+  /@ampproject/remapping@2.2.1:
     resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
     engines: {node: '>=6.0.0'}
-
-  '@ampproject/remapping@2.3.0':
-    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
-    engines: {node: '>=6.0.0'}
-
-  '@astrojs/compiler@2.2.1':
-    resolution: {integrity: sha512-NJ1lWKzMkyEjE3W5NpPNAVot4/PLF5om/P6ekxNu3iLS05CaYFTcp7WpYMjdCC252b7wkNVAs45FNkVQ+RHW/g==}
-
-  '@astrojs/internal-helpers@0.2.0':
-    resolution: {integrity: sha512-NQ4ppp1CM0HNkKbJNM4saVSfmUYzGlRalF6wx7F6T/MYHYSWGuojY89/oFTy4t8VlOGUCUijlsVNNeziWaUo5g==}
-
-  '@astrojs/markdown-remark@3.2.0':
-    resolution: {integrity: sha512-jigyLfefUZPKgVmmraCkVpdUuFH1R3SrpgQO13axsgwLDBgkggaQpNR5Ag4O9PDualeBtbdt30aYSfvnBKx9Hg==}
-    peerDependencies:
-      astro: ^3.1.0
-
-  '@astrojs/prism@3.0.0':
-    resolution: {integrity: sha512-g61lZupWq1bYbcBnYZqdjndShr/J3l/oFobBKPA3+qMat146zce3nz2kdO4giGbhYDt4gYdhmoBz0vZJ4sIurQ==}
-    engines: {node: '>=18.14.1'}
-
-  '@astrojs/react@3.0.2':
-    resolution: {integrity: sha512-aooNIuQxTg+IWGMZPuIEwBeBi4/TCPCMsr3714zuLjAjukVd5ZrX/bCNxJqDWU4HNwUm4XFU1OhcEvYOHa5uMQ==}
-    engines: {node: '>=18.14.1'}
-    peerDependencies:
-      '@types/react': ^17.0.50 || ^18.0.21
-      '@types/react-dom': ^17.0.17 || ^18.0.6
-      react: ^17.0.2 || ^18.0.0
-      react-dom: ^17.0.2 || ^18.0.0
-
-  '@astrojs/svelte@4.0.2':
-    resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==}
-    engines: {node: '>=18.14.1'}
-    peerDependencies:
-      astro: ^3.0.11
-      svelte: ^3.55.0 || ^4.0.0
-
-  '@astrojs/telemetry@3.0.2':
-    resolution: {integrity: sha512-ef+jqCkqopCzjGfsMsr+8p56Nj6F9ZzouWcWZt+dKsqbRccI3c8K3jfkLcdq4AyfFZtKBDB6N4ZuI68g33oiOg==}
-    engines: {node: '>=18.14.1'}
-
-  '@babel/code-frame@7.22.13':
-    resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/code-frame@7.23.5':
-    resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/compat-data@7.23.2':
-    resolution: {integrity: sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/compat-data@7.23.5':
-    resolution: {integrity: sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/core@7.23.2':
-    resolution: {integrity: sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/core@7.24.0':
-    resolution: {integrity: sha512-fQfkg0Gjkza3nf0c7/w6Xf34BW4YvzNfACRLmmb7XRLa6XHdR+K9AlJlxneFfWYf6uhOzuzZVTjF/8KfndZANw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/generator@7.23.0':
-    resolution: {integrity: sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/generator@7.23.6':
-    resolution: {integrity: sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-annotate-as-pure@7.22.5':
-    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-compilation-targets@7.22.15':
-    resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-compilation-targets@7.23.6':
-    resolution: {integrity: sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-environment-visitor@7.22.20':
-    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-function-name@7.23.0':
-    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-hoist-variables@7.22.5':
-    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-imports@7.22.15':
-    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-transforms@7.23.0':
-    resolution: {integrity: sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-
-  '@babel/helper-module-transforms@7.23.3':
-    resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-
-  '@babel/helper-plugin-utils@7.22.5':
-    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-plugin-utils@7.24.0':
-    resolution: {integrity: sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-simple-access@7.22.5':
-    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-split-export-declaration@7.22.6':
-    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-string-parser@7.22.5':
-    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-string-parser@7.23.4':
-    resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-validator-identifier@7.22.20':
-    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-validator-option@7.22.15':
-    resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-validator-option@7.23.5':
-    resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helpers@7.23.2':
-    resolution: {integrity: sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helpers@7.24.0':
-    resolution: {integrity: sha512-ulDZdc0Aj5uLc5nETsa7EPx2L7rM0YJM8r7ck7U73AXi7qOV44IHHRAYZHY6iU1rr3C5N4NtTmMRUJP6kwCWeA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/highlight@7.22.20':
-    resolution: {integrity: sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/highlight@7.23.4':
-    resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/parser@7.23.0':
-    resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-
-  '@babel/parser@7.23.6':
-    resolution: {integrity: sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-
-  '@babel/parser@7.24.0':
-    resolution: {integrity: sha512-QuP/FxEAzMSjXygs8v4N9dvdXzEHN4W1oF3PxuWAtPo08UdM17u89RDMgjLn/mlc56iM0HlLmVkO/wgR+rDgHg==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-
-  '@babel/plugin-syntax-jsx@7.22.5':
-    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-react-jsx-self@7.22.5':
-    resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-react-jsx-self@7.23.3':
-    resolution: {integrity: sha512-qXRvbeKDSfwnlJnanVRp0SfuWE5DQhwQr5xtLBzp56Wabyo+4CMosF6Kfp+eOD/4FYpql64XVJ2W0pVLlJZxOQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-react-jsx-source@7.22.5':
-    resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-react-jsx-source@7.23.3':
-    resolution: {integrity: sha512-91RS0MDnAWDNvGC6Wio5XYkyWI39FMFO+JK9+4AlgaTH+yWwVTsw7/sn6LK0lH7c5F+TFkpv/3LfCJ1Ydwof/g==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-react-jsx@7.22.15':
-    resolution: {integrity: sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/runtime@7.23.2':
-    resolution: {integrity: sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/template@7.22.15':
-    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/template@7.24.0':
-    resolution: {integrity: sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/traverse@7.23.2':
-    resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/traverse@7.24.0':
-    resolution: {integrity: sha512-HfuJlI8qq3dEDmNU5ChzzpZRWq+oxCZQyMzIMEqLho+AQnhMnKQUzH6ydo3RBl/YjPCuk68Y6s0Gx0AeyULiWw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/types@7.23.0':
-    resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/types@7.23.6':
-    resolution: {integrity: sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/types@7.24.0':
-    resolution: {integrity: sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==}
-    engines: {node: '>=6.9.0'}
-
-  '@changesets/apply-release-plan@6.1.4':
-    resolution: {integrity: sha512-FMpKF1fRlJyCZVYHr3CbinpZZ+6MwvOtWUuO8uo+svcATEoc1zRDcj23pAurJ2TZ/uVz1wFHH6K3NlACy0PLew==}
-
-  '@changesets/assemble-release-plan@5.2.4':
-    resolution: {integrity: sha512-xJkWX+1/CUaOUWTguXEbCDTyWJFECEhmdtbkjhn5GVBGxdP/JwaHBIU9sW3FR6gD07UwZ7ovpiPclQZs+j+mvg==}
-
-  '@changesets/changelog-git@0.1.14':
-    resolution: {integrity: sha512-+vRfnKtXVWsDDxGctOfzJsPhaCdXRYoe+KyWYoq5X/GqoISREiat0l3L8B0a453B2B4dfHGcZaGyowHbp9BSaA==}
-
-  '@changesets/changelog-github@0.4.7':
-    resolution: {integrity: sha512-UUG5sKwShs5ha1GFnayUpZNcDGWoY7F5XxhOEHS62sDPOtoHQZsG3j1nC5RxZ3M1URHA321cwVZHeXgu99Y3ew==}
-
-  '@changesets/cli@2.25.0':
-    resolution: {integrity: sha512-Svu5KD2enurVHGEEzCRlaojrHjVYgF9srmMP9VQSy9c1TspX6C9lDPpulsSNIjYY9BuU/oiWpjBgR7RI9eQiAA==}
-    hasBin: true
-
-  '@changesets/config@2.3.1':
-    resolution: {integrity: sha512-PQXaJl82CfIXddUOppj4zWu+987GCw2M+eQcOepxN5s+kvnsZOwjEJO3DH9eVy+OP6Pg/KFEWdsECFEYTtbg6w==}
-
-  '@changesets/errors@0.1.4':
-    resolution: {integrity: sha512-HAcqPF7snsUJ/QzkWoKfRfXushHTu+K5KZLJWPb34s4eCZShIf8BFO3fwq6KU8+G7L5KdtN2BzQAXOSXEyiY9Q==}
-
-  '@changesets/get-dependents-graph@1.3.6':
-    resolution: {integrity: sha512-Q/sLgBANmkvUm09GgRsAvEtY3p1/5OCzgBE5vX3vgb5CvW0j7CEljocx5oPXeQSNph6FXulJlXV3Re/v3K3P3Q==}
-
-  '@changesets/get-github-info@0.5.2':
-    resolution: {integrity: sha512-JppheLu7S114aEs157fOZDjFqUDpm7eHdq5E8SSR0gUBTEK0cNSHsrSR5a66xs0z3RWuo46QvA3vawp8BxDHvg==}
-
-  '@changesets/get-release-plan@3.0.17':
-    resolution: {integrity: sha512-6IwKTubNEgoOZwDontYc2x2cWXfr6IKxP3IhKeK+WjyD6y3M4Gl/jdQvBw+m/5zWILSOCAaGLu2ZF6Q+WiPniw==}
-
-  '@changesets/get-version-range-type@0.3.2':
-    resolution: {integrity: sha512-SVqwYs5pULYjYT4op21F2pVbcrca4qA/bAA3FmFXKMN7Y+HcO8sbZUTx3TAy2VXulP2FACd1aC7f2nTuqSPbqg==}
-
-  '@changesets/git@1.5.0':
-    resolution: {integrity: sha512-Xo8AT2G7rQJSwV87c8PwMm6BAc98BnufRMsML7m7Iw8Or18WFvFmxqG5aOL5PBvhgq9KrKvaeIBNIymracSuHg==}
-
-  '@changesets/git@2.0.0':
-    resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==}
-
-  '@changesets/logger@0.0.5':
-    resolution: {integrity: sha512-gJyZHomu8nASHpaANzc6bkQMO9gU/ib20lqew1rVx753FOxffnCrJlGIeQVxNWCqM+o6OOleCo/ivL8UAO5iFw==}
-
-  '@changesets/parse@0.3.16':
-    resolution: {integrity: sha512-127JKNd167ayAuBjUggZBkmDS5fIKsthnr9jr6bdnuUljroiERW7FBTDNnNVyJ4l69PzR57pk6mXQdtJyBCJKg==}
-
-  '@changesets/pre@1.0.14':
-    resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==}
-
-  '@changesets/read@0.5.9':
-    resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==}
-
-  '@changesets/types@4.1.0':
-    resolution: {integrity: sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw==}
-
-  '@changesets/types@5.2.1':
-    resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==}
-
-  '@changesets/write@0.2.3':
-    resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==}
-
-  '@colors/colors@1.5.0':
-    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
-    engines: {node: '>=0.1.90'}
-
-  '@cypress/request@3.0.1':
-    resolution: {integrity: sha512-TWivJlJi8ZDx2wGOw1dbLuHJKUYX7bWySw377nlnGOW3hP9/MUKIsEdXT/YngWxVdgNCHRBmFlBipE+5/2ZZlQ==}
-    engines: {node: '>= 6'}
-
-  '@cypress/skip-test@2.6.1':
-    resolution: {integrity: sha512-X+ibefBiuOmC5gKG91wRIT0/OqXeETYvu7zXktjZ3yLeO186Y8ia0K7/gQUpAwuUi28DuqMd1+7tBQVtPkzbPA==}
-
-  '@cypress/xvfb@1.2.4':
-    resolution: {integrity: sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==}
-
-  '@dagrejs/dagre@1.0.4':
-    resolution: {integrity: sha512-jrEore+HhW1yg1Rsd9H1PPMcoEOD4bVh0WCXc6GqzyzubnJj4GaWGg8ETOrskTd/3n/g5LOzumGM4CCgpNLJNw==}
-
-  '@dagrejs/graphlib@2.1.13':
-    resolution: {integrity: sha512-calbMa7Gcyo+/t23XBaqQqon8LlgE9regey4UVoikoenKBXvUnCUL3s9RP6USCxttfr0XWVICtYUuKMdehKqMw==}
-    engines: {node: '>17.0.0'}
-
-  '@esbuild/aix-ppc64@0.19.12':
-    resolution: {integrity: sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [aix]
-
-  '@esbuild/android-arm64@0.18.20':
-    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-
-  '@esbuild/android-arm64@0.19.12':
-    resolution: {integrity: sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-
-  '@esbuild/android-arm64@0.19.5':
-    resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-
-  '@esbuild/android-arm@0.18.20':
-    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-
-  '@esbuild/android-arm@0.19.12':
-    resolution: {integrity: sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-
-  '@esbuild/android-arm@0.19.5':
-    resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-
-  '@esbuild/android-x64@0.18.20':
-    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-
-  '@esbuild/android-x64@0.19.12':
-    resolution: {integrity: sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-
-  '@esbuild/android-x64@0.19.5':
-    resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-
-  '@esbuild/darwin-arm64@0.18.20':
-    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@esbuild/darwin-arm64@0.19.12':
-    resolution: {integrity: sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@esbuild/darwin-arm64@0.19.5':
-    resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@esbuild/darwin-x64@0.18.20':
-    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-
-  '@esbuild/darwin-x64@0.19.12':
-    resolution: {integrity: sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-
-  '@esbuild/darwin-x64@0.19.5':
-    resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-
-  '@esbuild/freebsd-arm64@0.18.20':
-    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-
-  '@esbuild/freebsd-arm64@0.19.12':
-    resolution: {integrity: sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-
-  '@esbuild/freebsd-arm64@0.19.5':
-    resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-
-  '@esbuild/freebsd-x64@0.18.20':
-    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@esbuild/freebsd-x64@0.19.12':
-    resolution: {integrity: sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@esbuild/freebsd-x64@0.19.5':
-    resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@esbuild/linux-arm64@0.18.20':
-    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@esbuild/linux-arm64@0.19.12':
-    resolution: {integrity: sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@esbuild/linux-arm64@0.19.5':
-    resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@esbuild/linux-arm@0.18.20':
-    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-
-  '@esbuild/linux-arm@0.19.12':
-    resolution: {integrity: sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-
-  '@esbuild/linux-arm@0.19.5':
-    resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-
-  '@esbuild/linux-ia32@0.18.20':
-    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-
-  '@esbuild/linux-ia32@0.19.12':
-    resolution: {integrity: sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-
-  '@esbuild/linux-ia32@0.19.5':
-    resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-
-  '@esbuild/linux-loong64@0.18.20':
-    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-
-  '@esbuild/linux-loong64@0.19.12':
-    resolution: {integrity: sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-
-  '@esbuild/linux-loong64@0.19.5':
-    resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-
-  '@esbuild/linux-mips64el@0.18.20':
-    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-
-  '@esbuild/linux-mips64el@0.19.12':
-    resolution: {integrity: sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-
-  '@esbuild/linux-mips64el@0.19.5':
-    resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-
-  '@esbuild/linux-ppc64@0.18.20':
-    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-
-  '@esbuild/linux-ppc64@0.19.12':
-    resolution: {integrity: sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-
-  '@esbuild/linux-ppc64@0.19.5':
-    resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-
-  '@esbuild/linux-riscv64@0.18.20':
-    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@esbuild/linux-riscv64@0.19.12':
-    resolution: {integrity: sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@esbuild/linux-riscv64@0.19.5':
-    resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@esbuild/linux-s390x@0.18.20':
-    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-
-  '@esbuild/linux-s390x@0.19.12':
-    resolution: {integrity: sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-
-  '@esbuild/linux-s390x@0.19.5':
-    resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-
-  '@esbuild/linux-x64@0.18.20':
-    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-
-  '@esbuild/linux-x64@0.19.12':
-    resolution: {integrity: sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-
-  '@esbuild/linux-x64@0.19.5':
-    resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-
-  '@esbuild/netbsd-x64@0.18.20':
-    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-
-  '@esbuild/netbsd-x64@0.19.12':
-    resolution: {integrity: sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-
-  '@esbuild/netbsd-x64@0.19.5':
-    resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-
-  '@esbuild/openbsd-x64@0.18.20':
-    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-
-  '@esbuild/openbsd-x64@0.19.12':
-    resolution: {integrity: sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-
-  '@esbuild/openbsd-x64@0.19.5':
-    resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-
-  '@esbuild/sunos-x64@0.18.20':
-    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-
-  '@esbuild/sunos-x64@0.19.12':
-    resolution: {integrity: sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-
-  '@esbuild/sunos-x64@0.19.5':
-    resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-
-  '@esbuild/win32-arm64@0.18.20':
-    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-
-  '@esbuild/win32-arm64@0.19.12':
-    resolution: {integrity: sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-
-  '@esbuild/win32-arm64@0.19.5':
-    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-
-  '@esbuild/win32-ia32@0.18.20':
-    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-
-  '@esbuild/win32-ia32@0.19.12':
-    resolution: {integrity: sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-
-  '@esbuild/win32-ia32@0.19.5':
-    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-
-  '@esbuild/win32-x64@0.18.20':
-    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-
-  '@esbuild/win32-x64@0.19.12':
-    resolution: {integrity: sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-
-  '@esbuild/win32-x64@0.19.5':
-    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-
-  '@eslint-community/eslint-utils@4.4.0':
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
-    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.10.0':
-    resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-
-  '@eslint-community/regexpp@4.9.1':
-    resolution: {integrity: sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-
-  '@eslint/eslintrc@2.1.2':
-    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  '@eslint/eslintrc@2.1.3':
-    resolution: {integrity: sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==}
-    engines: {node: ^12.22.0 || ^14.17.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.43.0':
-    resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  '@eslint/js@8.53.0':
-    resolution: {integrity: sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  '@eslint/js@8.57.0':
-    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  '@fastify/busboy@2.0.0':
-    resolution: {integrity: sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==}
-    engines: {node: '>=14'}
-
-  '@hapi/hoek@9.3.0':
-    resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
-
-  '@hapi/topo@5.1.0':
-    resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==}
-
-  '@humanwhocodes/config-array@0.11.13':
-    resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==}
-    engines: {node: '>=10.10.0'}
-
-  '@humanwhocodes/config-array@0.11.14':
-    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
-    engines: {node: '>=10.10.0'}
-
-  '@humanwhocodes/module-importer@1.0.1':
-    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
-    engines: {node: '>=12.22'}
-
-  '@humanwhocodes/object-schema@2.0.1':
-    resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==}
-
-  '@humanwhocodes/object-schema@2.0.2':
-    resolution: {integrity: sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==}
-
-  '@jridgewell/gen-mapping@0.3.3':
-    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
-    engines: {node: '>=6.0.0'}
-
-  '@jridgewell/gen-mapping@0.3.5':
-    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
-    engines: {node: '>=6.0.0'}
-
-  '@jridgewell/resolve-uri@3.1.1':
-    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
-    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.1.2':
-    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
-    engines: {node: '>=6.0.0'}
-
-  '@jridgewell/set-array@1.2.1':
-    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
-    engines: {node: '>=6.0.0'}
-
-  '@jridgewell/source-map@0.3.5':
-    resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}
-
-  '@jridgewell/sourcemap-codec@1.4.15':
-    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
-
-  '@jridgewell/trace-mapping@0.3.20':
-    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==}
-
-  '@jridgewell/trace-mapping@0.3.25':
-    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
-
-  '@manypkg/find-root@1.1.0':
-    resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
-
-  '@manypkg/get-packages@1.1.3':
-    resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
-
-  '@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'}
-
-  '@playwright/experimental-ct-core@1.42.1':
-    resolution: {integrity: sha512-wBS6pzgJwRuK0MwgiooamLW0prQLgT0RAhxooeMyqU97VbDI5aYuuynlxobJDDymU4HcOKARg2rG8h6jX7ShrA==}
-    engines: {node: '>=16'}
-    hasBin: true
-
-  '@playwright/experimental-ct-react@1.42.1':
-    resolution: {integrity: sha512-/dxu7nkGOlZIx9MUGQPM5kiIGksYIBaaJKQuNmaJNV29V3VGI1p9yQqrvl1jFK/Hu7SC1LmFB8RlkrOgMiZKYg==}
-    engines: {node: '>=16'}
-    hasBin: true
-
-  '@playwright/test@1.42.1':
-    resolution: {integrity: sha512-Gq9rmS54mjBL/7/MvBaNOBwbfnh7beHvS6oS4srqXFcQHpQCV1+c8JXWE8VLPyRDhgS3H8x8A7hztqI9VnwrAQ==}
-    engines: {node: '>=16'}
-    hasBin: true
-
-  '@polka/url@1.0.0-next.24':
-    resolution: {integrity: sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==}
-
-  '@reduxjs/toolkit@2.2.3':
-    resolution: {integrity: sha512-76dll9EnJXg4EVcI5YNxZA/9hSAmZsFqzMmNRHvIlzw2WS/twfcVX3ysYrWGJMClwEmChQFC4yRq74tn6fdzRA==}
-    peerDependencies:
-      react: ^16.9.0 || ^17.0.0 || ^18
-      react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-redux:
-        optional: true
-
-  '@remix-run/router@1.11.0':
-    resolution: {integrity: sha512-BHdhcWgeiudl91HvVa2wxqZjSHbheSgIiDvxrF1VjFzBzpTtuDPkOdOi3Iqvc08kXtFkLjhbS+ML9aM8mJS+wQ==}
-    engines: {node: '>=14.0.0'}
-
-  '@rollup/plugin-commonjs@25.0.0':
-    resolution: {integrity: sha512-hoho2Kay9TZrLu0bnDsTTCaj4Npa+THk9snajP/XDNb9a9mmjTjh52EQM9sKl3HD1LsnihX7js+eA2sd2uKAhw==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^2.68.0||^3.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-
-  '@rollup/plugin-node-resolve@15.1.0':
-    resolution: {integrity: sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^2.78.0||^3.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-
-  '@rollup/plugin-replace@5.0.2':
-    resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-
-  '@rollup/plugin-terser@0.4.3':
-    resolution: {integrity: sha512-EF0oejTMtkyhrkwCdg0HJ0IpkcaVg1MMSf2olHb2Jp+1mnLM04OhjpJWGma4HobiDTF0WCyViWuvadyE9ch2XA==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^2.x || ^3.x
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-
-  '@rollup/plugin-typescript@11.0.0':
-    resolution: {integrity: sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^2.14.0||^3.0.0
-      tslib: '*'
-      typescript: '>=3.7.0'
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-      tslib:
-        optional: true
-
-  '@rollup/pluginutils@5.0.5':
-    resolution: {integrity: sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-
-  '@rollup/rollup-android-arm-eabi@4.12.1':
-    resolution: {integrity: sha512-iU2Sya8hNn1LhsYyf0N+L4Gf9Qc+9eBTJJJsaOGUp+7x4n2M9dxTt8UvhJl3oeftSjblSlpCfvjA/IfP3g5VjQ==}
-    cpu: [arm]
-    os: [android]
-
-  '@rollup/rollup-android-arm64@4.12.1':
-    resolution: {integrity: sha512-wlzcWiH2Ir7rdMELxFE5vuM7D6TsOcJ2Yw0c3vaBR3VOsJFVTx9xvwnAvhgU5Ii8Gd6+I11qNHwndDscIm0HXg==}
-    cpu: [arm64]
-    os: [android]
-
-  '@rollup/rollup-darwin-arm64@4.12.1':
-    resolution: {integrity: sha512-YRXa1+aZIFN5BaImK+84B3uNK8C6+ynKLPgvn29X9s0LTVCByp54TB7tdSMHDR7GTV39bz1lOmlLDuedgTwwHg==}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@rollup/rollup-darwin-x64@4.12.1':
-    resolution: {integrity: sha512-opjWJ4MevxeA8FhlngQWPBOvVWYNPFkq6/25rGgG+KOy0r8clYwL1CFd+PGwRqqMFVQ4/Qd3sQu5t7ucP7C/Uw==}
-    cpu: [x64]
-    os: [darwin]
-
-  '@rollup/rollup-linux-arm-gnueabihf@4.12.1':
-    resolution: {integrity: sha512-uBkwaI+gBUlIe+EfbNnY5xNyXuhZbDSx2nzzW8tRMjUmpScd6lCQYKY2V9BATHtv5Ef2OBq6SChEP8h+/cxifQ==}
-    cpu: [arm]
-    os: [linux]
-
-  '@rollup/rollup-linux-arm64-gnu@4.12.1':
-    resolution: {integrity: sha512-0bK9aG1kIg0Su7OcFTlexkVeNZ5IzEsnz1ept87a0TUgZ6HplSgkJAnFpEVRW7GRcikT4GlPV0pbtVedOaXHQQ==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@rollup/rollup-linux-arm64-musl@4.12.1':
-    resolution: {integrity: sha512-qB6AFRXuP8bdkBI4D7UPUbE7OQf7u5OL+R94JE42Z2Qjmyj74FtDdLGeriRyBDhm4rQSvqAGCGC01b8Fu2LthQ==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@rollup/rollup-linux-riscv64-gnu@4.12.1':
-    resolution: {integrity: sha512-sHig3LaGlpNgDj5o8uPEoGs98RII8HpNIqFtAI8/pYABO8i0nb1QzT0JDoXF/pxzqO+FkxvwkHZo9k0NJYDedg==}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@rollup/rollup-linux-x64-gnu@4.12.1':
-    resolution: {integrity: sha512-nD3YcUv6jBJbBNFvSbp0IV66+ba/1teuBcu+fBBPZ33sidxitc6ErhON3JNavaH8HlswhWMC3s5rgZpM4MtPqQ==}
-    cpu: [x64]
-    os: [linux]
-
-  '@rollup/rollup-linux-x64-musl@4.12.1':
-    resolution: {integrity: sha512-7/XVZqgBby2qp/cO0TQ8uJK+9xnSdJ9ct6gSDdEr4MfABrjTyrW6Bau7HQ73a2a5tPB7hno49A0y1jhWGDN9OQ==}
-    cpu: [x64]
-    os: [linux]
-
-  '@rollup/rollup-win32-arm64-msvc@4.12.1':
-    resolution: {integrity: sha512-CYc64bnICG42UPL7TrhIwsJW4QcKkIt9gGlj21gq3VV0LL6XNb1yAdHVp1pIi9gkts9gGcT3OfUYHjGP7ETAiw==}
-    cpu: [arm64]
-    os: [win32]
-
-  '@rollup/rollup-win32-ia32-msvc@4.12.1':
-    resolution: {integrity: sha512-LN+vnlZ9g0qlHGlS920GR4zFCqAwbv2lULrR29yGaWP9u7wF5L7GqWu9Ah6/kFZPXPUkpdZwd//TNR+9XC9hvA==}
-    cpu: [ia32]
-    os: [win32]
-
-  '@rollup/rollup-win32-x64-msvc@4.12.1':
-    resolution: {integrity: sha512-n+vkrSyphvmU0qkQ6QBNXCGr2mKjhP08mPRM/Xp5Ck2FV4NrHU+y6axzDeixUrCBHVUS51TZhjqrKBBsHLKb2Q==}
-    cpu: [x64]
-    os: [win32]
-
-  '@sideway/address@4.1.4':
-    resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==}
-
-  '@sideway/formula@3.0.1':
-    resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==}
-
-  '@sideway/pinpoint@2.0.0':
-    resolution: {integrity: sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==}
-
-  '@sindresorhus/merge-streams@1.0.0':
-    resolution: {integrity: sha512-rUV5WyJrJLoloD4NDN1V1+LDMDWOa4OTsT4yYJwQNpTU6FWxkxHpL7eu4w+DmiH8x/EAM1otkPE1+LaspIbplw==}
-    engines: {node: '>=18'}
-
-  '@svelte-put/shortcut@3.1.0':
-    resolution: {integrity: sha512-EWMEDkZ0+O3yMhb9yrqe5UYisV9CNRKX6Pl/JW3x62t74CiN+3COu1L9NzZUG0omagc2Z3J14PZNYxs77IC9NA==}
-
-  '@sveltejs/adapter-auto@3.1.1':
-    resolution: {integrity: sha512-6LeZft2Fo/4HfmLBi5CucMYmgRxgcETweQl/yQoZo/895K3S9YWYN4Sfm/IhwlIpbJp3QNvhKmwCHbsqQNYQpw==}
-    peerDependencies:
-      '@sveltejs/kit': ^2.0.0
-
-  '@sveltejs/kit@2.5.2':
-    resolution: {integrity: sha512-1Pm2lsBYURQsjnLyZa+jw75eVD4gYHxGRwPyFe4DAmB3FjTVR8vRNWGeuDLGFcKMh/B1ij6FTUrc9GrerogCng==}
-    engines: {node: '>=18.13'}
-    hasBin: true
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^3.0.0
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.3
-
-  '@sveltejs/kit@2.5.4':
-    resolution: {integrity: sha512-eDxK2d4EGzk99QsZNoPXe7jlzA5EGqfcCpUwZ912bhnalsZ2ZsG5wGRthkydupVjYyqdmzEanVKFhLxU2vkPSQ==}
-    engines: {node: '>=18.13'}
-    hasBin: true
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^3.0.0
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.3
-
-  '@sveltejs/package@2.3.0':
-    resolution: {integrity: sha512-wmtwEfi3gQnmtotAjygRHR6cmLfpblQl1dU764f3N2I5DPe34llFs44bHOYcuk91Bp2sSq6bWUmNwxGlYCchOA==}
-    engines: {node: ^16.14 || >=18}
-    hasBin: true
-    peerDependencies:
-      svelte: ^3.44.0 || ^4.0.0 || ^5.0.0-next.1
-
-  '@sveltejs/vite-plugin-svelte-inspector@1.0.4':
-    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^2.2.0
-      svelte: ^3.54.0 || ^4.0.0
-      vite: ^4.0.0
-
-  '@sveltejs/vite-plugin-svelte-inspector@2.0.0':
-    resolution: {integrity: sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==}
-    engines: {node: ^18.0.0 || >=20}
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^3.0.0
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.0
-
-  '@sveltejs/vite-plugin-svelte@2.4.6':
-    resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==}
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0
-      vite: ^4.0.0
-
-  '@sveltejs/vite-plugin-svelte@3.0.2':
-    resolution: {integrity: sha512-MpmF/cju2HqUls50WyTHQBZUV3ovV/Uk8k66AN2gwHogNAG8wnW8xtZDhzNBsFJJuvmq1qnzA5kE7YfMJNFv2Q==}
-    engines: {node: ^18.0.0 || >=20}
-    peerDependencies:
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.0
-
-  '@swc/core-darwin-arm64@1.3.96':
-    resolution: {integrity: sha512-8hzgXYVd85hfPh6mJ9yrG26rhgzCmcLO0h1TIl8U31hwmTbfZLzRitFQ/kqMJNbIBCwmNH1RU2QcJnL3d7f69A==}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@swc/core-darwin-x64@1.3.96':
-    resolution: {integrity: sha512-mFp9GFfuPg+43vlAdQZl0WZpZSE8sEzqL7sr/7Reul5McUHP0BaLsEzwjvD035ESfkY8GBZdLpMinblIbFNljQ==}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [darwin]
-
-  '@swc/core-linux-arm-gnueabihf@1.3.96':
-    resolution: {integrity: sha512-8UEKkYJP4c8YzYIY/LlbSo8z5Obj4hqcv/fUTHiEePiGsOddgGf7AWjh56u7IoN/0uEmEro59nc1ChFXqXSGyg==}
-    engines: {node: '>=10'}
-    cpu: [arm]
-    os: [linux]
-
-  '@swc/core-linux-arm64-gnu@1.3.96':
-    resolution: {integrity: sha512-c/IiJ0s1y3Ymm2BTpyC/xr6gOvoqAVETrivVXHq68xgNms95luSpbYQ28rqaZC8bQC8M5zdXpSc0T8DJu8RJGw==}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@swc/core-linux-arm64-musl@1.3.96':
-    resolution: {integrity: sha512-i5/UTUwmJLri7zhtF6SAo/4QDQJDH2fhYJaBIUhrICmIkRO/ltURmpejqxsM/ye9Jqv5zG7VszMC0v/GYn/7BQ==}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@swc/core-linux-x64-gnu@1.3.96':
-    resolution: {integrity: sha512-USdaZu8lTIkm4Yf9cogct/j5eqtdZqTgcTib4I+NloUW0E/hySou3eSyp3V2UAA1qyuC72ld1otXuyKBna0YKQ==}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [linux]
-
-  '@swc/core-linux-x64-musl@1.3.96':
-    resolution: {integrity: sha512-QYErutd+G2SNaCinUVobfL7jWWjGTI0QEoQ6hqTp7PxCJS/dmKmj3C5ZkvxRYcq7XcZt7ovrYCTwPTHzt6lZBg==}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [linux]
-
-  '@swc/core-win32-arm64-msvc@1.3.96':
-    resolution: {integrity: sha512-hjGvvAduA3Un2cZ9iNP4xvTXOO4jL3G9iakhFsgVhpkU73SGmK7+LN8ZVBEu4oq2SUcHO6caWvnZ881cxGuSpg==}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [win32]
-
-  '@swc/core-win32-ia32-msvc@1.3.96':
-    resolution: {integrity: sha512-Far2hVFiwr+7VPCM2GxSmbh3ikTpM3pDombE+d69hkedvYHYZxtTF+2LTKl/sXtpbUnsoq7yV/32c9R/xaaWfw==}
-    engines: {node: '>=10'}
-    cpu: [ia32]
-    os: [win32]
-
-  '@swc/core-win32-x64-msvc@1.3.96':
-    resolution: {integrity: sha512-4VbSAniIu0ikLf5mBX81FsljnfqjoVGleEkCQv4+zRlyZtO3FHoDPkeLVoy6WRlj7tyrRcfUJ4mDdPkbfTO14g==}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [win32]
-
-  '@swc/core@1.3.96':
-    resolution: {integrity: sha512-zwE3TLgoZwJfQygdv2SdCK9mRLYluwDOM53I+dT6Z5ZvrgVENmY3txvWDvduzkV+/8IuvrRbVezMpxcojadRdQ==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      '@swc/helpers': ^0.5.0
-    peerDependenciesMeta:
-      '@swc/helpers':
-        optional: true
-
-  '@swc/counter@0.1.2':
-    resolution: {integrity: sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==}
-
-  '@swc/types@0.1.5':
-    resolution: {integrity: sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==}
-
-  '@trysound/sax@0.2.0':
-    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
-    engines: {node: '>=10.13.0'}
-
-  '@types/babel__core@7.20.3':
-    resolution: {integrity: sha512-54fjTSeSHwfan8AyHWrKbfBWiEUrNTZsUwPTDSNaaP1QDQIZbeNUg3a59E9D+375MzUw/x1vx2/0F5LBz+AeYA==}
-
-  '@types/babel__core@7.20.4':
-    resolution: {integrity: sha512-mLnSC22IC4vcWiuObSRjrLd9XcBTGf59vUSoq2jkQDJ/QQ8PMI9rSuzE+aEV8karUMbskw07bKYoUJCKTUaygg==}
-
-  '@types/babel__core@7.20.5':
-    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
-
-  '@types/babel__generator@7.6.7':
-    resolution: {integrity: sha512-6Sfsq+EaaLrw4RmdFWE9Onp63TOUue71AWb4Gpa6JxzgTYtimbM086WnYTy2U67AofR++QKCo08ZP6pwx8YFHQ==}
-
-  '@types/babel__generator@7.6.8':
-    resolution: {integrity: sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==}
-
-  '@types/babel__template@7.4.4':
-    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
-
-  '@types/babel__traverse@7.20.4':
-    resolution: {integrity: sha512-mSM/iKUk5fDDrEV/e83qY+Cr3I1+Q3qqTuEn++HAWYjEa1+NxZr6CNrcJGf2ZTnq4HoFGC3zaTPZTobCzCFukA==}
-
-  '@types/babel__traverse@7.20.5':
-    resolution: {integrity: sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==}
-
-  '@types/cookie@0.6.0':
-    resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
-
-  '@types/d3-array@3.0.9':
-    resolution: {integrity: sha512-mZowFN3p64ajCJJ4riVYlOjNlBJv3hctgAY01pjw3qTnJePD8s9DZmYDzhHKvzfCYvdjwylkU38+Vdt7Cu2FDA==}
-
-  '@types/d3-axis@3.0.5':
-    resolution: {integrity: sha512-ufDAV3SQzju+uB3Jlty7SUb/jMigjpIlvDDcSGvGmmO6OT/sNO93UE0dRzwWOZeBLzrLSA0CQM4bf3iq1std3A==}
-
-  '@types/d3-brush@3.0.5':
-    resolution: {integrity: sha512-JROQXZNq1X6QdWstESDUv1VilwZ2hBCQnWB91yal+5yZvYwGQvYsGCjrkHGfKK/8/AcX1JnERmpQzdDDuLRUsA==}
-
-  '@types/d3-chord@3.0.5':
-    resolution: {integrity: sha512-rs26AIhJjtc+XLR4YQU8IjPTLOlDVO4PR1y+pVFYEHzKh2tE5tYz3MF4QV6iz7HboXQEaYpJQt8dH9uUkne8yA==}
-
-  '@types/d3-color@3.1.2':
-    resolution: {integrity: sha512-At+Ski7dL8Bs58E8g8vPcFJc8tGcaC12Z4m07+p41+DRqnZQcAlp3NfYjLrhNYv+zEyQitU1CUxXNjqUyf+c0g==}
-
-  '@types/d3-contour@3.0.5':
-    resolution: {integrity: sha512-wLvjwdOQVd1NL1IcW90CCt1VtpeZ3V20p/OTXlkT8uAiprrJnq2PNNnRNe1QCez4U9aMU29Z14zpJQVLW1+Lcg==}
-
-  '@types/d3-delaunay@6.0.3':
-    resolution: {integrity: sha512-+Lf5NPKZ4JBC9tbudVkKceQXRxU3jJs0el9aKQvinMtdnFSOG84eVXyhCNgIFuXNQO3iIcYs7sgzN359FEOZnQ==}
-
-  '@types/d3-dispatch@3.0.5':
-    resolution: {integrity: sha512-hxvq2kc+9hydVppo21JCGfcM0tLTh1DXnG3MLN0KlxsNZJH4bsdl1iXDuWtXFpWWlBrCMwSqlnoLPDxNAZU3Bg==}
-
-  '@types/d3-drag@3.0.1':
-    resolution: {integrity: sha512-o1Va7bLwwk6h03+nSM8dpaGEYnoIG19P0lKqlic8Un36ymh9NSkNFX1yiXMKNMx8rJ0Kfnn2eovuFaL6Jvj0zA==}
-
-  '@types/d3-dsv@3.0.5':
-    resolution: {integrity: sha512-73WZR3QFOaSRVz9iOrebTbTnbo7xjcgS/i0Cq5zy0jMXPO3v/JbkTD3Zqii1eYE6v4EJ78g5VP407rm+p8fdlA==}
-
-  '@types/d3-ease@3.0.1':
-    resolution: {integrity: sha512-VZofjpEt8HWv3nxUAosj5o/+4JflnJ7Bbv07k17VO3T2WRuzGdZeookfaF60iVh5RdhVG49LE5w6LIshVUC6rg==}
-
-  '@types/d3-fetch@3.0.5':
-    resolution: {integrity: sha512-Rc8pb6H0RRLpAV2hEXduykUgcDUOhjSLTLmCIeo6ejzgs4SaITh/EteMb3p5Env3Hqjsqw0fCksyqopHHzMkMg==}
-
-  '@types/d3-force@3.0.7':
-    resolution: {integrity: sha512-rsok4CEvPLyVWRPsFiBhanJc3up03H/EARVz4d8soPh8drv82YMuAckYy4yv8g4/81JwCng5U5/o9aj9d0T6bQ==}
-
-  '@types/d3-format@3.0.3':
-    resolution: {integrity: sha512-kxuLXSAEJykTeL/EI3tUiEfGqru7PRdqEy099YBnqFl+fF167UVSB4+wntlZv86ZdoYf0DHjsRHnTIm8kcH7qw==}
-
-  '@types/d3-geo@3.0.6':
-    resolution: {integrity: sha512-wblAES3b+C3hvp4VakwECEKtHquT/xc6K4HOna95LM1j1fd7s7WmU4V+JMQZfKhNCMkV2vWD+ZUgY2Uj6gqfuA==}
-
-  '@types/d3-hierarchy@3.1.5':
-    resolution: {integrity: sha512-DEcBUj1IL3WyPLDlh4m2nsNXnMLITXM5Vwcu4G85yJHtf2cVGPBjgky3L11WBnT+ayHKf06Tchk5mY1eGmd4WQ==}
-
-  '@types/d3-interpolate@3.0.3':
-    resolution: {integrity: sha512-6OZ2EIB4lLj+8cUY7I/Cgn9Q+hLdA4DjJHYOQDiHL0SzqS1K9DL5xIOVBSIHgF+tiuO9MU1D36qvdIvRDRPh+Q==}
-
-  '@types/d3-path@3.0.1':
-    resolution: {integrity: sha512-blRhp7ki7pVznM8k6lk5iUU9paDbVRVq+/xpf0RRgSJn5gr6SE7RcFtxooYGMBOc1RZiGyqRpVdu5AD0z0ooMA==}
-
-  '@types/d3-polygon@3.0.1':
-    resolution: {integrity: sha512-nrcWPk7B9qs6xnpq60Cls44zm9eDmFAv65qi/N/emh/oftnG6uYz49aIS0mdFaGeJxVN8H3pHneMuZMV8EwFdw==}
-
-  '@types/d3-quadtree@3.0.4':
-    resolution: {integrity: sha512-B725MopFDIOQ6njFbeOxIEf42HVO2Xv+FmcxQISdOKErvLbFqWz3Riu+OWujUYoogreqqyHBHcGGL/JzzXQYsw==}
-
-  '@types/d3-random@3.0.2':
-    resolution: {integrity: sha512-8QhsqkKs6mymAZMrg3ZFXPxKA34rdgp3ZrtB8o6mhFsKAd1gOvR1gocWnca+kmXypQdwgnzKm9gZE2Uw8NjjKw==}
-
-  '@types/d3-scale-chromatic@3.0.1':
-    resolution: {integrity: sha512-Ob7OrwiTeQXY/WBBbRHGZBOn6rH1h7y3jjpTSKYqDEeqFjktql6k2XSgNwLrLDmAsXhEn8P9NHDY4VTuo0ZY1w==}
-
-  '@types/d3-scale@4.0.6':
-    resolution: {integrity: sha512-lo3oMLSiqsQUovv8j15X4BNEDOsnHuGjeVg7GRbAuB2PUa1prK5BNSOu6xixgNf3nqxPl4I1BqJWrPvFGlQoGQ==}
-
-  '@types/d3-selection@3.0.3':
-    resolution: {integrity: sha512-Mw5cf6nlW1MlefpD9zrshZ+DAWL4IQ5LnWfRheW6xwsdaWOb6IRRu2H7XPAQcyXEx1D7XQWgdoKR83ui1/HlEA==}
-
-  '@types/d3-shape@3.1.4':
-    resolution: {integrity: sha512-M2/xsWPsjaZc5ifMKp1EBp0gqJG0eO/zlldJNOC85Y/5DGsBQ49gDkRJ2h5GY7ZVD6KUumvZWsylSbvTaJTqKg==}
-
-  '@types/d3-time-format@4.0.2':
-    resolution: {integrity: sha512-wr08C1Gh77qaN8JIkrn5Rz/bdt5M9bdEqFmEOcYhUSq2t2sHvLTBfb4XAtGB3D4hm0ubj50NXWWXoXyp5tPXDg==}
-
-  '@types/d3-time@3.0.2':
-    resolution: {integrity: sha512-kbdRXTmUgNfw5OTE3KZnFQn6XdIc4QGroN5UixgdrXATmYsdlPQS6pEut9tVlIojtzuFD4txs/L+Rq41AHtLpg==}
-
-  '@types/d3-timer@3.0.1':
-    resolution: {integrity: sha512-GGTvzKccVEhxmRfJEB6zhY9ieT4UhGVUIQaBzFpUO9OXy2ycAlnPCSJLzmGGgqt3KVjqN3QCQB4g1rsZnHsWhg==}
-
-  '@types/d3-transition@3.0.6':
-    resolution: {integrity: sha512-K0To23B5UxNwFtKORnS5JoNYvw/DnknU5MzhHIS9czJ/lTqFFDeU6w9lArOdoTl0cZFNdNrMJSFCbRCEHccH2w==}
-
-  '@types/d3-zoom@3.0.1':
-    resolution: {integrity: sha512-7s5L9TjfqIYQmQQEUcpMAcBOahem7TRoSO/+Gkz02GbMVuULiZzjF2BOdw291dbO2aNon4m2OdFsRGaCq2caLQ==}
-
-  '@types/d3@7.4.0':
-    resolution: {integrity: sha512-jIfNVK0ZlxcuRDKtRS/SypEyOQ6UHaFQBKv032X45VvxSJ6Yi5G9behy9h6tNTHTDGh5Vq+KbmBjUWLgY4meCA==}
-
-  '@types/dagre@0.7.52':
-    resolution: {integrity: sha512-XKJdy+OClLk3hketHi9Qg6gTfe1F3y+UFnHxKA2rn9Dw+oXa4Gb378Ztz9HlMgZKSxpPmn4BNVh9wgkpvrK1uw==}
-
-  '@types/debug@4.1.10':
-    resolution: {integrity: sha512-tOSCru6s732pofZ+sMv9o4o3Zc+Sa8l3bxd/tweTQudFn06vAzb13ZX46Zi6m6EJ+RUbRTHvgQJ1gBtSgkaUYA==}
-
-  '@types/estree@1.0.3':
-    resolution: {integrity: sha512-CS2rOaoQ/eAgAfcTfq6amKG7bsN+EMcgGY4FAFQdvSj2y1ixvOZTUA9mOtCai7E1SYu283XNw7urKK30nP3wkQ==}
-
-  '@types/estree@1.0.5':
-    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
-
-  '@types/geojson@7946.0.12':
-    resolution: {integrity: sha512-uK2z1ZHJyC0nQRbuovXFt4mzXDwf27vQeUWNhfKGwRcWW429GOhP8HxUHlM6TLH4bzmlv/HlEjpvJh3JfmGsAA==}
-
-  '@types/hast@2.3.7':
-    resolution: {integrity: sha512-EVLigw5zInURhzfXUM65eixfadfsHKomGKUakToXo84t8gGIJuTcD2xooM2See7GyQ7DRtYjhCHnSUQez8JaLw==}
-
-  '@types/is-ci@3.0.3':
-    resolution: {integrity: sha512-FdHbjLiN2e8fk9QYQyVYZrK8svUDJpxSaSWLUga8EZS1RGAvvrqM9zbVARBtQuYPeLgnJxM2xloOswPwj1o2cQ==}
-
-  '@types/json-schema@7.0.15':
-    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
-
-  '@types/json5@0.0.30':
-    resolution: {integrity: sha512-sqm9g7mHlPY/43fcSNrCYfOeX9zkTTK+euO5E6+CVijSMm5tTjkVdwdqRkY3ljjIAf8679vps5jKUoJBCLsMDA==}
-
-  '@types/mdast@3.0.14':
-    resolution: {integrity: sha512-gVZ04PGgw1qLZKsnWnyFv4ORnaJ+DXLdHTVSFbU8yX6xZ34Bjg4Q32yPkmveUP1yItXReKfB0Aknlh/3zxTKAw==}
-
-  '@types/mdast@4.0.2':
-    resolution: {integrity: sha512-tYR83EignvhYO9iU3kDg8V28M0jqyh9zzp5GV+EO+AYnyUl3P5ltkTeJuTiFZQFz670FSb3EwT/6LQdX+UdKfw==}
-
-  '@types/minimist@1.2.4':
-    resolution: {integrity: sha512-Kfe/D3hxHTusnPNRbycJE1N77WHDsdS4AjUYIzlDzhDrS47NrwuL3YW4VITxwR7KCVpzwgy4Rbj829KSSQmwXQ==}
-
-  '@types/ms@0.7.33':
-    resolution: {integrity: sha512-AuHIyzR5Hea7ij0P9q7vx7xu4z0C28ucwjAZC0ja7JhINyCnOw8/DnvAPQQ9TfOlCtZAmCERKQX9+o1mgQhuOQ==}
-
-  '@types/nlcst@1.0.3':
-    resolution: {integrity: sha512-cpO6PPMz4E++zxP2Vhp/3KVl2Nbtj+Iksb25rlRinG7mphu2zmCIKWWlqdsx1NwJEISogR2eeZTD7JqLOCzaiw==}
-
-  '@types/node@12.20.55':
-    resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
-
-  '@types/node@18.7.16':
-    resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==}
-
-  '@types/node@20.11.24':
-    resolution: {integrity: sha512-Kza43ewS3xoLgCEpQrsT+xRo/EJej1y0kVYGiLFE1NEODXGzTfwiC6tXTLMQskn1X4/Rjlh0MQUvx9W+L9long==}
-
-  '@types/normalize-package-data@2.4.3':
-    resolution: {integrity: sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg==}
-
-  '@types/parse5@6.0.3':
-    resolution: {integrity: sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==}
-
-  '@types/prop-types@15.7.10':
-    resolution: {integrity: sha512-mxSnDQxPqsZxmeShFH+uwQ4kO4gcJcGahjjMFeLbKE95IAZiiZyiEepGZjtXJ7hN/yfu0bu9xN2ajcU0JcxX6A==}
-
-  '@types/prop-types@15.7.9':
-    resolution: {integrity: sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g==}
-
-  '@types/pug@2.0.10':
-    resolution: {integrity: sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==}
-
-  '@types/react-dom@18.2.14':
-    resolution: {integrity: sha512-V835xgdSVmyQmI1KLV2BEIUgqEuinxp9O4G6g3FqO/SqLac049E53aysv0oEFD2kHfejeKU+ZqL2bcFWj9gLAQ==}
-
-  '@types/react-dom@18.2.8':
-    resolution: {integrity: sha512-bAIvO5lN/U8sPGvs1Xm61rlRHHaq5rp5N3kp9C+NJ/Q41P8iqjkXSu0+/qu8POsjH9pNWb0OYabFez7taP7omw==}
-
-  '@types/react@18.2.24':
-    resolution: {integrity: sha512-Ee0Jt4sbJxMu1iDcetZEIKQr99J1Zfb6D4F3qfUWoR1JpInkY1Wdg4WwCyBjL257D0+jGqSl1twBjV8iCaC0Aw==}
-
-  '@types/react@18.2.31':
-    resolution: {integrity: sha512-c2UnPv548q+5DFh03y8lEDeMfDwBn9G3dRwfkrxQMo/dOtRHUUO57k6pHvBIfH/VF4Nh+98mZ5aaSe+2echD5g==}
-
-  '@types/react@18.2.36':
-    resolution: {integrity: sha512-o9XFsHYLLZ4+sb9CWUYwHqFVoG61SesydF353vFMMsQziiyRu8np4n2OYMUSDZ8XuImxDr9c5tR7gidlH29Vnw==}
-
-  '@types/resolve@1.20.2':
-    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
-
-  '@types/resolve@1.20.4':
-    resolution: {integrity: sha512-BKGK0T1VgB1zD+PwQR4RRf0ais3NyvH1qjLUrHI5SEiccYaJrhLstLuoXFWJ+2Op9whGizSPUMGPJY/Qtb/A2w==}
-
-  '@types/scheduler@0.16.5':
-    resolution: {integrity: sha512-s/FPdYRmZR8SjLWGMCuax7r3qCWQw9QKHzXVukAuuIJkXkDRwp+Pu5LMIVFi0Fxbav35WURicYr8u1QsoybnQw==}
-
-  '@types/semver@6.2.5':
-    resolution: {integrity: sha512-NAxro9/RqWXTqdSjccDZAjA4nXK+6zRun+HvibYJfGy8TQhpOC7Vv6v2rlHYKrT0Q8jGGoNRd/xVdHRIQRNlFQ==}
-
-  '@types/semver@7.5.6':
-    resolution: {integrity: sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==}
-
-  '@types/sinonjs__fake-timers@8.1.1':
-    resolution: {integrity: sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==}
-
-  '@types/sizzle@2.3.8':
-    resolution: {integrity: sha512-0vWLNK2D5MT9dg0iOo8GlKguPAU02QjmZitPEsXRuJXU/OGIOt9vT9Fc26wtYuavLxtO45v9PGleoL9Z0k1LHg==}
-
-  '@types/unist@2.0.9':
-    resolution: {integrity: sha512-zC0iXxAv1C1ERURduJueYzkzZ2zaGyc+P2c95hgkikHPr3z8EdUZOlgEQ5X0DRmwDZn+hekycQnoeiiRVrmilQ==}
-
-  '@types/unist@3.0.1':
-    resolution: {integrity: sha512-ue/hDUpPjC85m+PM9OQDMZr3LywT+CT6mPsQq8OJtCLiERkGRcQUFvu9XASF5XWqyZFXbf15lvb3JFJ4dRLWPg==}
-
-  '@types/use-sync-external-store@0.0.3':
-    resolution: {integrity: sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==}
-
-  '@types/yauzl@2.10.3':
-    resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
-
-  '@typescript-eslint/eslint-plugin@6.10.0':
-    resolution: {integrity: sha512-uoLj4g2OTL8rfUQVx2AFO1hp/zja1wABJq77P6IclQs6I/m9GLrm7jCdgzZkvWdDCQf1uEvoa8s8CupsgWQgVg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/eslint-plugin@6.8.0':
-    resolution: {integrity: sha512-GosF4238Tkes2SHPQ1i8f6rMtG6zlKwMEB0abqSJ3Npvos+doIlc/ATG+vX1G9coDF3Ex78zM3heXHLyWEwLUw==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/eslint-plugin@7.2.0':
-    resolution: {integrity: sha512-mdekAHOqS9UjlmyF/LSs6AIEvfceV749GFxoBAjwAv0nkevfKHWQFDMcBZWUiIC5ft6ePWivXoS36aKQ0Cy3sw==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^7.0.0
-      eslint: ^8.56.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/parser@6.10.0':
-    resolution: {integrity: sha512-+sZwIj+s+io9ozSxIWbNB5873OSdfeBEH/FR0re14WLI6BaKuSOnnwCJ2foUiu8uXf4dRp1UqHP0vrZ1zXGrog==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/parser@6.8.0':
-    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/parser@7.2.0':
-    resolution: {integrity: sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^8.56.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/scope-manager@6.10.0':
-    resolution: {integrity: sha512-TN/plV7dzqqC2iPNf1KrxozDgZs53Gfgg5ZHyw8erd6jd5Ta/JIEcdCheXFt9b1NYb93a1wmIIVW/2gLkombDg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
-  '@typescript-eslint/scope-manager@6.8.0':
-    resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
-  '@typescript-eslint/scope-manager@7.2.0':
-    resolution: {integrity: sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
-  '@typescript-eslint/type-utils@6.10.0':
-    resolution: {integrity: sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/type-utils@6.8.0':
-    resolution: {integrity: sha512-RYOJdlkTJIXW7GSldUIHqc/Hkto8E+fZN96dMIFhuTJcQwdRoGN2rEWA8U6oXbLo0qufH7NPElUb+MceHtz54g==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/type-utils@7.2.0':
-    resolution: {integrity: sha512-xHi51adBHo9O9330J8GQYQwrKBqbIPJGZZVQTHHmy200hvkLZFWJIFtAG/7IYTWUyun6DE6w5InDReePJYJlJA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^8.56.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/types@6.10.0':
-    resolution: {integrity: sha512-36Fq1PWh9dusgo3vH7qmQAj5/AZqARky1Wi6WpINxB6SkQdY5vQoT2/7rW7uBIsPDcvvGCLi4r10p0OJ7ITAeg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
-  '@typescript-eslint/types@6.8.0':
-    resolution: {integrity: sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
-  '@typescript-eslint/types@7.2.0':
-    resolution: {integrity: sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
-  '@typescript-eslint/typescript-estree@6.10.0':
-    resolution: {integrity: sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/typescript-estree@6.8.0':
-    resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/typescript-estree@7.2.0':
-    resolution: {integrity: sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/utils@6.10.0':
-    resolution: {integrity: sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-
-  '@typescript-eslint/utils@6.8.0':
-    resolution: {integrity: sha512-dKs1itdE2qFG4jr0dlYLQVppqTE+Itt7GmIf/vX6CSvsW+3ov8PbWauVKyyfNngokhIO9sKZeRGCUo1+N7U98Q==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-
-  '@typescript-eslint/utils@7.2.0':
-    resolution: {integrity: sha512-YfHpnMAGb1Eekpm3XRK8hcMwGLGsnT6L+7b2XyRv6ouDuJU1tZir1GS2i0+VXRatMwSI1/UfcyPe53ADkU+IuA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^8.56.0
-
-  '@typescript-eslint/visitor-keys@6.10.0':
-    resolution: {integrity: sha512-xMGluxQIEtOM7bqFCo+rCMh5fqI+ZxV5RUUOa29iVPz1OgCZrtc7rFnz5cLUazlkPKYqX+75iuDq7m0HQ48nCg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
-  '@typescript-eslint/visitor-keys@6.8.0':
-    resolution: {integrity: sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
-  '@typescript-eslint/visitor-keys@7.2.0':
-    resolution: {integrity: sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
-  '@ungap/structured-clone@1.2.0':
-    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
-
-  '@vitejs/plugin-react-swc@3.4.1':
-    resolution: {integrity: sha512-7YQOQcVV5x1luD8nkbCDdyYygFvn1hjqJk68UvNAzY2QG4o4N5EwAhLLFNOcd1HrdMwDl0VElP8VutoWf9IvJg==}
-    peerDependencies:
-      vite: ^4
-
-  '@vitejs/plugin-react@4.1.1':
-    resolution: {integrity: sha512-Jie2HERK+uh27e+ORXXwEP5h0Y2lS9T2PRGbfebiHGlwzDO0dEnd2aNtOR/qjBlPb1YgxwAONeblL1xqLikLag==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.2.0
-
-  '@vitejs/plugin-react@4.2.1':
-    resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.2.0 || ^5.0.0
-
-  acorn-jsx@5.3.2:
-    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
-    peerDependencies:
-      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
-
-  acorn@8.10.0:
-    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-
-  acorn@8.11.2:
-    resolution: {integrity: sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-
-  acorn@8.11.3:
-    resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-
-  aggregate-error@3.1.0:
-    resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
-    engines: {node: '>=8'}
-
-  ajv@6.12.6:
-    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
-
-  ansi-align@3.0.1:
-    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
-
-  ansi-colors@4.1.3:
-    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
-    engines: {node: '>=6'}
-
-  ansi-escapes@4.3.2:
-    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
-    engines: {node: '>=8'}
-
-  ansi-regex@5.0.1:
-    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
-    engines: {node: '>=8'}
-
-  ansi-regex@6.0.1:
-    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
-    engines: {node: '>=12'}
-
-  ansi-sequence-parser@1.1.1:
-    resolution: {integrity: sha512-vJXt3yiaUL4UU546s3rPXlsry/RnM730G1+HkpKE012AN0sx1eOrxSu95oKDIonskeLTijMgqWZ3uDEe3NFvyg==}
-
-  ansi-styles@3.2.1:
-    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
-    engines: {node: '>=4'}
-
-  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'}
-
-  anymatch@3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
-    engines: {node: '>= 8'}
-
-  arch@2.2.0:
-    resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==}
-
-  arg@5.0.2:
-    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
-
-  argparse@1.0.10:
-    resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
-
-  argparse@2.0.1:
-    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
-
-  aria-query@5.3.0:
-    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
-
-  array-buffer-byte-length@1.0.0:
-    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
-
-  array-includes@3.1.7:
-    resolution: {integrity: sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==}
-    engines: {node: '>= 0.4'}
-
-  array-iterate@2.0.1:
-    resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==}
-
-  array-union@2.1.0:
-    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
-    engines: {node: '>=8'}
-
-  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.2:
-    resolution: {integrity: sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==}
-
-  arraybuffer.prototype.slice@1.0.2:
-    resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==}
-    engines: {node: '>= 0.4'}
-
-  arrify@1.0.1:
-    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
-    engines: {node: '>=0.10.0'}
-
-  asn1@0.2.6:
-    resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==}
-
-  assert-plus@1.0.0:
-    resolution: {integrity: sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==}
-    engines: {node: '>=0.8'}
-
-  astral-regex@2.0.0:
-    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
-    engines: {node: '>=8'}
-
-  astro@3.2.2:
-    resolution: {integrity: sha512-vLOOGyD2g1HRkCQAFHmHUrVAbMI5sgUqKignBMtXNantgEq1P17sL2cvH0Yy2ibNN9DHZ/4TknXmwHAig8PJNg==}
-    engines: {node: '>=18.14.1', npm: '>=6.14.0'}
-    hasBin: true
-
-  async@3.2.5:
-    resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==}
-
-  asynciterator.prototype@1.0.0:
-    resolution: {integrity: sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==}
-
-  asynckit@0.4.0:
-    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
-
-  at-least-node@1.0.0:
-    resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
-    engines: {node: '>= 4.0.0'}
-
-  autoprefixer@10.4.15:
-    resolution: {integrity: sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==}
-    engines: {node: ^10 || ^12 || >=14}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.1.0
-
-  autoprefixer@10.4.18:
-    resolution: {integrity: sha512-1DKbDfsr6KUElM6wg+0zRNkB/Q7WcKYAaK+pzXn+Xqmszm/5Xa9coeNdtP88Vi+dPzZnMjhge8GIV49ZQkDa+g==}
-    engines: {node: ^10 || ^12 || >=14}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.1.0
-
-  available-typed-arrays@1.0.5:
-    resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
-    engines: {node: '>= 0.4'}
-
-  aws-sign2@0.7.0:
-    resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==}
-
-  aws4@1.12.0:
-    resolution: {integrity: sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==}
-
-  axios@0.27.2:
-    resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==}
-
-  axobject-query@3.2.1:
-    resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
-
-  axobject-query@4.0.0:
-    resolution: {integrity: sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==}
-
-  b4a@1.6.4:
-    resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==}
-
-  bail@2.0.2:
-    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
-
-  balanced-match@1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
-
-  base64-js@1.5.1:
-    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
-
-  bcrypt-pbkdf@1.0.2:
-    resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==}
-
-  better-path-resolve@1.0.0:
-    resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==}
-    engines: {node: '>=4'}
-
-  binary-extensions@2.2.0:
-    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
-    engines: {node: '>=8'}
-
-  bl@4.1.0:
-    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
-
-  bl@5.1.0:
-    resolution: {integrity: sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==}
-
-  blob-util@2.0.2:
-    resolution: {integrity: sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==}
-
-  bluebird@3.7.2:
-    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
-
-  boolbase@1.0.0:
-    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
-
-  boxen@7.1.1:
-    resolution: {integrity: sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==}
-    engines: {node: '>=14.16'}
-
-  brace-expansion@1.1.11:
-    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
-
-  brace-expansion@2.0.1:
-    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
-
-  braces@3.0.2:
-    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
-    engines: {node: '>=8'}
-
-  breakword@1.0.6:
-    resolution: {integrity: sha512-yjxDAYyK/pBvws9H4xKYpLDpYKEH6CzrBPAuXq3x18I+c/2MkVtT3qAr7Oloi6Dss9qNhPVueAAVU1CSeNDIXw==}
-
-  browserslist@4.22.1:
-    resolution: {integrity: sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-
-  browserslist@4.23.0:
-    resolution: {integrity: sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-
-  buffer-crc32@0.2.13:
-    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
-
-  buffer-from@1.1.2:
-    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
-
-  buffer@5.7.1:
-    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
-
-  buffer@6.0.3:
-    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
-
-  builtin-modules@3.3.0:
-    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
-    engines: {node: '>=6'}
-
-  cachedir@2.4.0:
-    resolution: {integrity: sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==}
-    engines: {node: '>=6'}
-
-  call-bind@1.0.5:
-    resolution: {integrity: sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==}
-
-  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-keys@6.2.2:
-    resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
-    engines: {node: '>=8'}
-
-  camelcase@5.3.1:
-    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
-    engines: {node: '>=6'}
-
-  camelcase@7.0.1:
-    resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
-    engines: {node: '>=14.16'}
-
-  caniuse-api@3.0.0:
-    resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
-
-  caniuse-lite@1.0.30001553:
-    resolution: {integrity: sha512-N0ttd6TrFfuqKNi+pMgWJTb9qrdJu4JSpgPFLe/lrD19ugC6fZgF0pUewRowDwzdDnb9V41mFcdlYgl/PyKf4A==}
-
-  caniuse-lite@1.0.30001594:
-    resolution: {integrity: sha512-VblSX6nYqyJVs8DKFMldE2IVCJjZ225LW00ydtUWwh5hk9IfkTOffO6r8gJNsH0qqqeAF8KrbMYA2VEwTlGW5g==}
-
-  caseless@0.12.0:
-    resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
-
-  ccount@2.0.1:
-    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
-
-  chalk@2.4.2:
-    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
-    engines: {node: '>=4'}
-
-  chalk@4.1.2:
-    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
-    engines: {node: '>=10'}
-
-  chalk@5.3.0:
-    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
-    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
-
-  character-entities-html4@2.1.0:
-    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
-
-  character-entities-legacy@3.0.0:
-    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
-
-  character-entities@2.0.2:
-    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
-
-  chardet@0.7.0:
-    resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
-
-  check-more-types@2.24.0:
-    resolution: {integrity: sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==}
-    engines: {node: '>= 0.8.0'}
-
-  chokidar@3.5.3:
-    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
-    engines: {node: '>= 8.10.0'}
-
-  chokidar@3.6.0:
-    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
-    engines: {node: '>= 8.10.0'}
-
-  chownr@1.1.4:
-    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
-
-  ci-info@3.9.0:
-    resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
-    engines: {node: '>=8'}
-
-  classcat@5.0.4:
-    resolution: {integrity: sha512-sbpkOw6z413p+HDGcBENe498WM9woqWHiJxCq7nvmxe9WmrUmqfAcxpIwAiMtM5Q3AhYkzXcNQHqsWq0mND51g==}
-
-  clean-stack@2.2.0:
-    resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
-    engines: {node: '>=6'}
-
-  cli-boxes@3.0.0:
-    resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
-    engines: {node: '>=10'}
-
-  cli-cursor@3.1.0:
-    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
-    engines: {node: '>=8'}
-
-  cli-cursor@4.0.0:
-    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
-  cli-spinners@2.9.1:
-    resolution: {integrity: sha512-jHgecW0pxkonBJdrKsqxgRX9AcG+u/5k0Q7WPDfi8AogLAdwxEkyYYNWwZ5GvVFoFx2uiY1eNcSK00fh+1+FyQ==}
-    engines: {node: '>=6'}
-
-  cli-table3@0.6.3:
-    resolution: {integrity: sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==}
-    engines: {node: 10.* || >= 12.*}
-
-  cli-truncate@2.1.0:
-    resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==}
-    engines: {node: '>=8'}
-
-  cliui@6.0.0:
-    resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
-
-  cliui@8.0.1:
-    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
-    engines: {node: '>=12'}
-
-  clone@1.0.4:
-    resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
-    engines: {node: '>=0.8'}
-
-  clsx@2.0.0:
-    resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==}
-    engines: {node: '>=6'}
-
-  code-red@1.0.4:
-    resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
-
-  color-convert@1.9.3:
-    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
-
-  color-convert@2.0.1:
-    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
-    engines: {node: '>=7.0.0'}
-
-  color-name@1.1.3:
-    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
-
-  color-name@1.1.4:
-    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
-
-  color-string@1.9.1:
-    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
-
-  color@4.2.3:
-    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
-    engines: {node: '>=12.5.0'}
-
-  colord@2.9.3:
-    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
-
-  colorette@2.0.20:
-    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
-
-  combined-stream@1.0.8:
-    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
-    engines: {node: '>= 0.8'}
-
-  comma-separated-tokens@2.0.3:
-    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
-
-  commander@2.20.3:
-    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
-
-  commander@6.2.1:
-    resolution: {integrity: sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==}
-    engines: {node: '>= 6'}
-
-  commander@7.2.0:
-    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
-    engines: {node: '>= 10'}
-
-  common-ancestor-path@1.0.1:
-    resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==}
-
-  common-tags@1.8.2:
-    resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
-    engines: {node: '>=4.0.0'}
-
-  commondir@1.0.1:
-    resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
-
-  concat-map@0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
-
-  concurrently@7.6.0:
-    resolution: {integrity: sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==}
-    engines: {node: ^12.20.0 || ^14.13.0 || >=16.0.0}
-    hasBin: true
-
-  convert-source-map@2.0.0:
-    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
-
-  cookie@0.5.0:
-    resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
-    engines: {node: '>= 0.6'}
-
-  cookie@0.6.0:
-    resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
-    engines: {node: '>= 0.6'}
-
-  core-util-is@1.0.2:
-    resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}
-
-  cross-spawn@5.1.0:
-    resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==}
-
-  cross-spawn@7.0.3:
-    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
-    engines: {node: '>= 8'}
-
-  css-declaration-sorter@6.4.1:
-    resolution: {integrity: sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==}
-    engines: {node: ^10 || ^12 || >=14}
-    peerDependencies:
-      postcss: ^8.0.9
-
-  css-declaration-sorter@7.1.1:
-    resolution: {integrity: sha512-dZ3bVTEEc1vxr3Bek9vGwfB5Z6ESPULhcRvO472mfjVnj8jRcTnKO8/JTczlvxM10Myb+wBM++1MtdO76eWcaQ==}
-    engines: {node: ^14 || ^16 || >=18}
-    peerDependencies:
-      postcss: ^8.0.9
-
-  css-select@5.1.0:
-    resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
-
-  css-tree@2.2.1:
-    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
-
-  css-tree@2.3.1:
-    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
-
-  css-what@6.1.0:
-    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
-    engines: {node: '>= 6'}
-
-  cssesc@3.0.0:
-    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
-    engines: {node: '>=4'}
-    hasBin: true
-
-  cssnano-preset-default@6.0.1:
-    resolution: {integrity: sha512-7VzyFZ5zEB1+l1nToKyrRkuaJIx0zi/1npjvZfbBwbtNTzhLtlvYraK/7/uqmX2Wb2aQtd983uuGw79jAjLSuQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  cssnano-preset-default@6.1.0:
-    resolution: {integrity: sha512-4DUXZoDj+PI3fRl3MqMjl9DwLGjcsFP4qt+92nLUcN1RGfw2TY+GwNoG2B38Usu1BrcTs8j9pxNfSusmvtSjfg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  cssnano-utils@4.0.0:
-    resolution: {integrity: sha512-Z39TLP+1E0KUcd7LGyF4qMfu8ZufI0rDzhdyAMsa/8UyNUU8wpS0fhdBxbQbv32r64ea00h4878gommRVg2BHw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  cssnano-utils@4.0.2:
-    resolution: {integrity: sha512-ZR1jHg+wZ8o4c3zqf1SIUSTIvm/9mU343FMR6Obe/unskbvpGhZOo1J6d/r8D1pzkRQYuwbcH3hToOuoA2G7oQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  cssnano@6.0.1:
-    resolution: {integrity: sha512-fVO1JdJ0LSdIGJq68eIxOqFpIJrZqXUsBt8fkrBcztCQqAjQD51OhZp7tc0ImcbwXD4k7ny84QTV90nZhmqbkg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  cssnano@6.1.0:
-    resolution: {integrity: sha512-e2v4w/t3OFM6HTuSweI4RSdABaqgVgHlJp5FZrQsopHnKKHLFIvK2D3C4kHWeFIycN/1L1J5VIrg5KlDzn3r/g==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  csso@5.0.5:
-    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
-
-  csstype@3.1.2:
-    resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
-
-  csv-generate@3.4.3:
-    resolution: {integrity: sha512-w/T+rqR0vwvHqWs/1ZyMDWtHHSJaN06klRqJXBEpDJaM/+dZkso0OKh1VcuuYvK3XM53KysVNq8Ko/epCK8wOw==}
-
-  csv-parse@4.16.3:
-    resolution: {integrity: sha512-cO1I/zmz4w2dcKHVvpCr7JVRu8/FymG5OEpmvsZYlccYolPBLoVGKUHgNoc4ZGkFeFlWGEDmMyBM+TTqRdW/wg==}
-
-  csv-stringify@5.6.5:
-    resolution: {integrity: sha512-PjiQ659aQ+fUTQqSrd1XEDnOr52jh30RBurfzkscaE2tPaFsDH5wOAHJiw8XAHphRknCwMUE9KRayc4K/NbO8A==}
-
-  csv@5.5.3:
-    resolution: {integrity: sha512-QTaY0XjjhTQOdguARF0lGKm5/mEq9PD9/VhZZegHDIBq2tQwgNpHc3dneD4mGo2iJs+fTKv5Bp0fZ+BRuY3Z0g==}
-    engines: {node: '>= 0.1.90'}
-
-  cypress-real-events@1.12.0:
-    resolution: {integrity: sha512-oiy+4kGKkzc2PT36k3GGQqkGxNiVypheWjMtfyi89iIk6bYmTzeqxapaLHS3pnhZOX1IEbTDUVxh8T4Nhs1tyQ==}
-    peerDependencies:
-      cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x || ^13.x
-
-  cypress@13.6.6:
-    resolution: {integrity: sha512-S+2S9S94611hXimH9a3EAYt81QM913ZVA03pUmGDfLTFa5gyp85NJ8dJGSlEAEmyRsYkioS1TtnWtbv/Fzt11A==}
-    engines: {node: ^16.0.0 || ^18.0.0 || >=20.0.0}
-    hasBin: true
-
-  d3-color@3.1.0:
-    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
-    engines: {node: '>=12'}
-
-  d3-dispatch@3.0.1:
-    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
-    engines: {node: '>=12'}
-
-  d3-drag@3.0.0:
-    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==}
-    engines: {node: '>=12'}
-
-  d3-ease@3.0.1:
-    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
-    engines: {node: '>=12'}
-
-  d3-interpolate@3.0.1:
-    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
-    engines: {node: '>=12'}
-
-  d3-selection@3.0.0:
-    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
-    engines: {node: '>=12'}
-
-  d3-timer@3.0.1:
-    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
-    engines: {node: '>=12'}
-
-  d3-transition@3.0.1:
-    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      d3-selection: 2 - 3
-
-  d3-zoom@3.0.0:
-    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
-    engines: {node: '>=12'}
-
-  dagre@0.8.5:
-    resolution: {integrity: sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==}
-
-  dashdash@1.14.1:
-    resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
-    engines: {node: '>=0.10'}
-
-  dataloader@1.4.0:
-    resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
-
-  date-fns@2.30.0:
-    resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==}
-    engines: {node: '>=0.11'}
-
-  dayjs@1.11.10:
-    resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==}
-
-  debug@2.6.9:
-    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-
-  debug@3.2.7:
-    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-
-  debug@4.3.4:
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-
-  decamelize-keys@1.1.1:
-    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
-    engines: {node: '>=0.10.0'}
-
-  decamelize@1.2.0:
-    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
-    engines: {node: '>=0.10.0'}
-
-  decode-named-character-reference@1.0.2:
-    resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==}
-
-  decompress-response@6.0.0:
-    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
-    engines: {node: '>=10'}
-
-  dedent-js@1.0.1:
-    resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==}
-
-  deep-extend@0.6.0:
-    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
-    engines: {node: '>=4.0.0'}
-
-  deep-is@0.1.4:
-    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
-
-  deepmerge@4.3.1:
-    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
-    engines: {node: '>=0.10.0'}
-
-  defaults@1.0.4:
-    resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
-
-  define-data-property@1.1.1:
-    resolution: {integrity: sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==}
-    engines: {node: '>= 0.4'}
-
-  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'}
-
-  delayed-stream@1.0.0:
-    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
-    engines: {node: '>=0.4.0'}
-
-  dependency-graph@0.11.0:
-    resolution: {integrity: sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==}
-    engines: {node: '>= 0.6.0'}
-
-  dequal@2.0.3:
-    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
-    engines: {node: '>=6'}
-
-  detect-indent@6.1.0:
-    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
-    engines: {node: '>=8'}
-
-  detect-libc@2.0.2:
-    resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==}
-    engines: {node: '>=8'}
-
-  devalue@4.3.2:
-    resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==}
-
-  diff@5.1.0:
-    resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==}
-    engines: {node: '>=0.3.1'}
-
-  dir-glob@3.0.1:
-    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
-    engines: {node: '>=8'}
-
-  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'}
-
-  dom-serializer@2.0.0:
-    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
-
-  domelementtype@2.3.0:
-    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
-
-  domhandler@5.0.3:
-    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
-    engines: {node: '>= 4'}
-
-  domutils@3.1.0:
-    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
-
-  dotenv@16.0.3:
-    resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
-    engines: {node: '>=12'}
-
-  dotenv@16.4.5:
-    resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
-    engines: {node: '>=12'}
-
-  dotenv@8.6.0:
-    resolution: {integrity: sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==}
-    engines: {node: '>=10'}
-
-  dset@3.1.2:
-    resolution: {integrity: sha512-g/M9sqy3oHe477Ar4voQxWtaPIFw1jTdKZuomOjhCcBx9nHUNn0pu6NopuFFrTh/TRZIKEj+76vLWFu9BNKk+Q==}
-    engines: {node: '>=4'}
-
-  duplexer@0.1.2:
-    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
-
-  eastasianwidth@0.2.0:
-    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
-
-  ecc-jsbn@0.1.2:
-    resolution: {integrity: sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==}
-
-  electron-to-chromium@1.4.563:
-    resolution: {integrity: sha512-dg5gj5qOgfZNkPNeyKBZQAQitIQ/xwfIDmEQJHCbXaD9ebTZxwJXUsDYcBlAvZGZLi+/354l35J1wkmP6CqYaw==}
-
-  electron-to-chromium@1.4.693:
-    resolution: {integrity: sha512-/if4Ueg0GUQlhCrW2ZlXwDAm40ipuKo+OgeHInlL8sbjt+hzISxZK949fZeJaVsheamrzANXvw1zQTvbxTvSHw==}
-
-  emoji-regex@10.3.0:
-    resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==}
-
-  emoji-regex@8.0.0:
-    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
-
-  emoji-regex@9.2.2:
-    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
-
-  end-of-stream@1.4.4:
-    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
-
-  enquirer@2.4.1:
-    resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
-    engines: {node: '>=8.6'}
-
-  entities@4.5.0:
-    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
-    engines: {node: '>=0.12'}
-
-  error-ex@1.3.2:
-    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
-
-  es-abstract@1.22.3:
-    resolution: {integrity: sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==}
-    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.0.15:
-    resolution: {integrity: sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==}
-
-  es-module-lexer@1.3.1:
-    resolution: {integrity: sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q==}
-
-  es-set-tostringtag@2.0.2:
-    resolution: {integrity: sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==}
-    engines: {node: '>= 0.4'}
-
-  es-shim-unscopables@1.0.2:
-    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
-
-  es-to-primitive@1.2.1:
-    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
-    engines: {node: '>= 0.4'}
-
-  es6-promise@3.3.1:
-    resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
-
-  esbuild@0.18.20:
-    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
-    engines: {node: '>=12'}
-    hasBin: true
-
-  esbuild@0.19.12:
-    resolution: {integrity: sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==}
-    engines: {node: '>=12'}
-    hasBin: true
-
-  esbuild@0.19.5:
-    resolution: {integrity: sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==}
-    engines: {node: '>=12'}
-    hasBin: true
-
-  escalade@3.1.1:
-    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
-    engines: {node: '>=6'}
-
-  escape-string-regexp@1.0.5:
-    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
-    engines: {node: '>=0.8.0'}
-
-  escape-string-regexp@4.0.0:
-    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
-    engines: {node: '>=10'}
-
-  escape-string-regexp@5.0.0:
-    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
-    engines: {node: '>=12'}
-
-  eslint-compat-utils@0.1.2:
-    resolution: {integrity: sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      eslint: '>=6.0.0'
-
-  eslint-config-prettier@8.8.0:
-    resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
-
-  eslint-config-prettier@9.0.0:
-    resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
-
-  eslint-config-prettier@9.1.0:
-    resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
-
-  eslint-config-turbo@1.10.15:
-    resolution: {integrity: sha512-76mpx2x818JZE26euen14utYcFDxOahZ9NaWA+6Xa4pY2ezVKVschuOxS96EQz3o3ZRSmcgBOapw/gHbN+EKxQ==}
-    peerDependencies:
-      eslint: '>6.6.0'
-
-  eslint-plugin-prettier@4.2.1:
-    resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==}
-    engines: {node: '>=12.0.0'}
-    peerDependencies:
-      eslint: '>=7.28.0'
-      eslint-config-prettier: '*'
-      prettier: '>=2.0.0'
-    peerDependenciesMeta:
-      eslint-config-prettier:
-        optional: true
-
-  eslint-plugin-react@7.33.2:
-    resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-
-  eslint-plugin-svelte@2.35.0:
-    resolution: {integrity: sha512-3WDFxNrkXaMlpqoNo3M1ZOQuoFLMO9+bdnN6oVVXaydXC7nzCJuGy9a0zqoNDHMSRPYt0Rqo6hIdHMEaI5sQnw==}
-    engines: {node: ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0-0
-      svelte: ^3.37.0 || ^4.0.0
-    peerDependenciesMeta:
-      svelte:
-        optional: true
-
-  eslint-plugin-svelte@2.35.1:
-    resolution: {integrity: sha512-IF8TpLnROSGy98Z3NrsKXWDSCbNY2ReHDcrYTuXZMbfX7VmESISR78TWgO9zdg4Dht1X8coub5jKwHzP0ExRug==}
-    engines: {node: ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0-0
-      svelte: ^3.37.0 || ^4.0.0
-    peerDependenciesMeta:
-      svelte:
-        optional: true
-
-  eslint-plugin-turbo@1.10.15:
-    resolution: {integrity: sha512-Tv4QSKV/U56qGcTqS/UgOvb9HcKFmWOQcVh3HEaj7of94lfaENgfrtK48E2CckQf7amhKs1i+imhCsNCKjkQyA==}
-    peerDependencies:
-      eslint: '>6.6.0'
-
-  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@8.43.0:
-    resolution: {integrity: sha512-aaCpf2JqqKesMFGgmRPessmVKjcGXqdlAYLLC3THM8t5nBRZRQ+st5WM/hoJXkdioEXLLbXgclUpM0TXo5HX5Q==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
-
-  eslint@8.53.0:
-    resolution: {integrity: sha512-N4VuiPjXDUa4xVeV/GC/RV3hQW9Nw+Y463lkWaKKXKYMvmRiRDAtfpuPFLN+E1/6ZhyR8J2ig+eVREnYgUsiag==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
-
-  eslint@8.57.0:
-    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
-
-  esm-env@1.0.0:
-    resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
-
-  espree@9.6.1:
-    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  esprima@4.0.1:
-    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
-    engines: {node: '>=4'}
-    hasBin: true
-
-  esquery@1.5.0:
-    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
-    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'}
-
-  estree-walker@2.0.2:
-    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
-
-  estree-walker@3.0.3:
-    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
-
-  esutils@2.0.3:
-    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
-    engines: {node: '>=0.10.0'}
-
-  event-stream@3.3.4:
-    resolution: {integrity: sha512-QHpkERcGsR0T7Qm3HNJSyXKEEj8AHNxkY3PK8TS2KJvQ7NiSHe3DDpwVKKtoYprL/AreyzFBeIkBIWChAqn60g==}
-
-  eventemitter2@6.4.7:
-    resolution: {integrity: sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==}
-
-  execa@4.1.0:
-    resolution: {integrity: sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==}
-    engines: {node: '>=10'}
-
-  execa@5.1.1:
-    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
-    engines: {node: '>=10'}
-
-  execa@8.0.1:
-    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
-    engines: {node: '>=16.17'}
-
-  executable@4.1.1:
-    resolution: {integrity: sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==}
-    engines: {node: '>=4'}
-
-  expand-template@2.0.3:
-    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
-    engines: {node: '>=6'}
-
-  extend-shallow@2.0.1:
-    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
-    engines: {node: '>=0.10.0'}
-
-  extend@3.0.2:
-    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
-
-  extendable-error@0.1.7:
-    resolution: {integrity: sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg==}
-
-  external-editor@3.1.0:
-    resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
-    engines: {node: '>=4'}
-
-  extract-zip@2.0.1:
-    resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==}
-    engines: {node: '>= 10.17.0'}
-    hasBin: true
-
-  extsprintf@1.3.0:
-    resolution: {integrity: sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==}
-    engines: {'0': node >=0.6.0}
-
-  fast-deep-equal@3.1.3:
-    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
-
-  fast-diff@1.3.0:
-    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
-
-  fast-fifo@1.3.2:
-    resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==}
-
-  fast-glob@3.3.1:
-    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
-    engines: {node: '>=8.6.0'}
-
-  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.15.0:
-    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
-
-  fd-slicer@1.1.0:
-    resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==}
-
-  figures@3.2.0:
-    resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
-    engines: {node: '>=8'}
-
-  file-entry-cache@6.0.1:
-    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
-    engines: {node: ^10.12.0 || >=12.0.0}
-
-  fill-range@7.0.1:
-    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
-    engines: {node: '>=8'}
-
-  find-up@4.1.0:
-    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
-    engines: {node: '>=8'}
-
-  find-up@5.0.0:
-    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
-    engines: {node: '>=10'}
-
-  find-yarn-workspace-root2@1.2.16:
-    resolution: {integrity: sha512-hr6hb1w8ePMpPVUK39S4RlwJzi+xPLuVuG8XlwXU3KD5Yn3qgBWVfy3AzNlDhWvE1EORCE65/Qm26rFQt3VLVA==}
-
-  flat-cache@3.1.1:
-    resolution: {integrity: sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==}
-    engines: {node: '>=12.0.0'}
-
-  flatted@3.2.9:
-    resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
-
-  follow-redirects@1.15.3:
-    resolution: {integrity: sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==}
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      debug: '*'
-    peerDependenciesMeta:
-      debug:
-        optional: true
-
-  for-each@0.3.3:
-    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
-
-  forever-agent@0.6.1:
-    resolution: {integrity: sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==}
-
-  form-data@2.3.3:
-    resolution: {integrity: sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==}
-    engines: {node: '>= 0.12'}
-
-  form-data@4.0.0:
-    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
-    engines: {node: '>= 6'}
-
-  fraction.js@4.3.7:
-    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
-
-  from@0.1.7:
-    resolution: {integrity: sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g==}
-
-  fs-constants@1.0.0:
-    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
-
-  fs-extra@11.2.0:
-    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
-    engines: {node: '>=14.14'}
-
-  fs-extra@7.0.1:
-    resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
-    engines: {node: '>=6 <7 || >=8'}
-
-  fs-extra@8.1.0:
-    resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
-    engines: {node: '>=6 <7 || >=8'}
-
-  fs-extra@9.1.0:
-    resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
-    engines: {node: '>=10'}
-
-  fs.realpath@1.0.0:
-    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
-
-  fsevents@2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-
-  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==}
-
-  gensync@1.0.0-beta.2:
-    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
-    engines: {node: '>=6.9.0'}
-
-  get-caller-file@2.0.5:
-    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
-    engines: {node: 6.* || 8.* || >= 10.*}
-
-  get-intrinsic@1.2.2:
-    resolution: {integrity: sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==}
-
-  get-intrinsic@1.2.4:
-    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
-    engines: {node: '>= 0.4'}
-
-  get-stdin@9.0.0:
-    resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==}
-    engines: {node: '>=12'}
-
-  get-stream@5.2.0:
-    resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
-    engines: {node: '>=8'}
-
-  get-stream@6.0.1:
-    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
-    engines: {node: '>=10'}
-
-  get-stream@8.0.1:
-    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
-    engines: {node: '>=16'}
-
-  get-symbol-description@1.0.0:
-    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
-    engines: {node: '>= 0.4'}
-
-  getos@3.2.1:
-    resolution: {integrity: sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==}
-
-  getpass@0.1.7:
-    resolution: {integrity: sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==}
-
-  github-from-package@0.0.0:
-    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
-
-  github-slugger@2.0.0:
-    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
-
-  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@7.2.3:
-    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
-
-  glob@8.1.0:
-    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
-    engines: {node: '>=12'}
-
-  global-dirs@3.0.1:
-    resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==}
-    engines: {node: '>=10'}
-
-  globals@11.12.0:
-    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
-    engines: {node: '>=4'}
-
-  globals@13.23.0:
-    resolution: {integrity: sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==}
-    engines: {node: '>=8'}
-
-  globalthis@1.0.3:
-    resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
-    engines: {node: '>= 0.4'}
-
-  globalyzer@0.1.0:
-    resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
-
-  globby@11.1.0:
-    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
-    engines: {node: '>=10'}
-
-  globby@14.0.0:
-    resolution: {integrity: sha512-/1WM/LNHRAOH9lZta77uGbq0dAEQM+XjNesWwhlERDVenqothRbnzTrL3/LrIoEPPjeUHC3vrS6TwoyxeHs7MQ==}
-    engines: {node: '>=18'}
-
-  globrex@0.1.2:
-    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
-
-  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==}
-
-  grapheme-splitter@1.0.4:
-    resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
-
-  graphemer@1.4.0:
-    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
-
-  graphlib@2.1.8:
-    resolution: {integrity: sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==}
-
-  gray-matter@4.0.3:
-    resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==}
-    engines: {node: '>=6.0'}
-
-  hard-rejection@2.1.0:
-    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
-    engines: {node: '>=6'}
-
-  has-bigints@1.0.2:
-    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
-
-  has-flag@3.0.0:
-    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
-    engines: {node: '>=4'}
-
-  has-flag@4.0.0:
-    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
-    engines: {node: '>=8'}
-
-  has-property-descriptors@1.0.1:
-    resolution: {integrity: sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==}
-
-  has-property-descriptors@1.0.2:
-    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
-
-  has-proto@1.0.1:
-    resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
-    engines: {node: '>= 0.4'}
-
-  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.0:
-    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
-    engines: {node: '>= 0.4'}
-
-  hasown@2.0.0:
-    resolution: {integrity: sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==}
-    engines: {node: '>= 0.4'}
-
-  hasown@2.0.1:
-    resolution: {integrity: sha512-1/th4MHjnwncwXsIW6QMzlvYL9kG5e/CpVvLRZe4XPa8TOUNbCELqmvhDmnkNsAjwaG4+I8gJJL0JBvTTLO9qA==}
-    engines: {node: '>= 0.4'}
-
-  hast-util-from-parse5@7.1.2:
-    resolution: {integrity: sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==}
-
-  hast-util-parse-selector@3.1.1:
-    resolution: {integrity: sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==}
-
-  hast-util-raw@7.2.3:
-    resolution: {integrity: sha512-RujVQfVsOrxzPOPSzZFiwofMArbQke6DJjnFfceiEbFh7S05CbPt0cYN+A5YeD3pso0JQk6O1aHBnx9+Pm2uqg==}
-
-  hast-util-to-html@8.0.4:
-    resolution: {integrity: sha512-4tpQTUOr9BMjtYyNlt0P50mH7xj0Ks2xpo8M943Vykljf99HW6EzulIoJP1N3eKOSScEHzyzi9dm7/cn0RfGwA==}
-
-  hast-util-to-parse5@7.1.0:
-    resolution: {integrity: sha512-YNRgAJkH2Jky5ySkIqFXTQiaqcAtJyVE+D5lkN6CdtOqrnkLfGYYrEcKuHOJZlp+MwjSwuD3fZuawI+sic/RBw==}
-
-  hast-util-whitespace@2.0.1:
-    resolution: {integrity: sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==}
-
-  hastscript@7.2.0:
-    resolution: {integrity: sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==}
-
-  hosted-git-info@2.8.9:
-    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
-
-  html-escaper@3.0.3:
-    resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
-
-  html-void-elements@2.0.1:
-    resolution: {integrity: sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==}
-
-  http-cache-semantics@4.1.1:
-    resolution: {integrity: sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==}
-
-  http-signature@1.3.6:
-    resolution: {integrity: sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==}
-    engines: {node: '>=0.10'}
-
-  human-id@1.0.2:
-    resolution: {integrity: sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw==}
-
-  human-signals@1.1.1:
-    resolution: {integrity: sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==}
-    engines: {node: '>=8.12.0'}
-
-  human-signals@2.1.0:
-    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
-    engines: {node: '>=10.17.0'}
-
-  human-signals@5.0.0:
-    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
-    engines: {node: '>=16.17.0'}
-
-  iconv-lite@0.4.24:
-    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
-    engines: {node: '>=0.10.0'}
-
-  ieee754@1.2.1:
-    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
-
-  ignore@5.2.4:
-    resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
-    engines: {node: '>= 4'}
-
-  ignore@5.3.0:
-    resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==}
-    engines: {node: '>= 4'}
-
-  immediate@3.0.6:
-    resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
-
-  immer@10.0.4:
-    resolution: {integrity: sha512-cuBuGK40P/sk5IzWa9QPUaAdvPHjkk1c+xYsd9oZw+YQQEV+10G0P5uMpGctZZKnyQ+ibRO08bD25nWLmYi2pw==}
-
-  import-fresh@3.3.0:
-    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
-    engines: {node: '>=6'}
-
-  import-meta-resolve@3.1.1:
-    resolution: {integrity: sha512-qeywsE/KC3w9Fd2ORrRDUw6nS/nLwZpXgfrOc2IILvZYnCaEMd+D56Vfg9k4G29gIeVi3XKql1RQatME8iYsiw==}
-
-  import-meta-resolve@4.0.0:
-    resolution: {integrity: sha512-okYUR7ZQPH+efeuMJGlq4f8ubUgO50kByRPyt/Cy1Io4PSRsPjxME+YlVaCOx+NIToW7hCsZNFJyTPFFKepRSA==}
-
-  imurmurhash@0.1.4:
-    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
-    engines: {node: '>=0.8.19'}
-
-  indent-string@4.0.0:
-    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
-    engines: {node: '>=8'}
-
-  inflight@1.0.6:
-    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
-
-  inherits@2.0.4:
-    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
-
-  ini@1.3.8:
-    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
-
-  ini@2.0.0:
-    resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==}
-    engines: {node: '>=10'}
-
-  internal-slot@1.0.6:
-    resolution: {integrity: sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==}
-    engines: {node: '>= 0.4'}
-
-  is-array-buffer@3.0.2:
-    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
-
-  is-arrayish@0.2.1:
-    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
-
-  is-arrayish@0.3.2:
-    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
-
-  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-buffer@2.0.5:
-    resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==}
-    engines: {node: '>=4'}
-
-  is-builtin-module@3.2.1:
-    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
-    engines: {node: '>=6'}
-
-  is-callable@1.2.7:
-    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
-    engines: {node: '>= 0.4'}
-
-  is-ci@3.0.1:
-    resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==}
-    hasBin: true
-
-  is-core-module@2.13.1:
-    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
-
-  is-date-object@1.0.5:
-    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
-    engines: {node: '>= 0.4'}
-
-  is-docker@3.0.0:
-    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    hasBin: true
-
-  is-extendable@0.1.1:
-    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
-    engines: {node: '>=0.10.0'}
-
-  is-extglob@2.1.1:
-    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
-    engines: {node: '>=0.10.0'}
-
-  is-finalizationregistry@1.0.2:
-    resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
-
-  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-inside-container@1.0.0:
-    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
-    engines: {node: '>=14.16'}
-    hasBin: true
-
-  is-installed-globally@0.4.0:
-    resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==}
-    engines: {node: '>=10'}
-
-  is-interactive@2.0.0:
-    resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==}
-    engines: {node: '>=12'}
-
-  is-map@2.0.2:
-    resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==}
-
-  is-module@1.0.0:
-    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
-
-  is-negative-zero@2.0.2:
-    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
-    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-plain-obj@1.1.0:
-    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
-    engines: {node: '>=0.10.0'}
-
-  is-plain-obj@4.1.0:
-    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
-    engines: {node: '>=12'}
-
-  is-reference@1.2.1:
-    resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
-
-  is-reference@3.0.2:
-    resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
-
-  is-regex@1.1.4:
-    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
-    engines: {node: '>= 0.4'}
-
-  is-set@2.0.2:
-    resolution: {integrity: sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==}
-
-  is-shared-array-buffer@1.0.2:
-    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
-
-  is-stream@2.0.1:
-    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
-    engines: {node: '>=8'}
-
-  is-stream@3.0.0:
-    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
-  is-string@1.0.7:
-    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
-    engines: {node: '>= 0.4'}
-
-  is-subdir@1.2.0:
-    resolution: {integrity: sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==}
-    engines: {node: '>=4'}
-
-  is-symbol@1.0.4:
-    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
-    engines: {node: '>= 0.4'}
-
-  is-typed-array@1.1.12:
-    resolution: {integrity: sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==}
-    engines: {node: '>= 0.4'}
-
-  is-typedarray@1.0.0:
-    resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
-
-  is-unicode-supported@0.1.0:
-    resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
-    engines: {node: '>=10'}
-
-  is-unicode-supported@1.3.0:
-    resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
-    engines: {node: '>=12'}
-
-  is-weakmap@2.0.1:
-    resolution: {integrity: sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==}
-
-  is-weakref@1.0.2:
-    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
-
-  is-weakset@2.0.2:
-    resolution: {integrity: sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==}
-
-  is-windows@1.0.2:
-    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
-    engines: {node: '>=0.10.0'}
-
-  is-wsl@3.1.0:
-    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
-    engines: {node: '>=16'}
-
-  isarray@2.0.5:
-    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
-
-  isexe@2.0.0:
-    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
-
-  isstream@0.1.2:
-    resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
-
-  iterator.prototype@1.1.2:
-    resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==}
-
-  joi@17.11.0:
-    resolution: {integrity: sha512-NgB+lZLNoqISVy1rZocE9PZI36bL/77ie924Ri43yEvi9GUUMPeyVIr8KdFTMUlby1p0PBYMk9spIxEUQYqrJQ==}
-
-  js-tokens@4.0.0:
-    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
-
-  js-yaml@3.14.1:
-    resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
-    hasBin: true
-
-  js-yaml@4.1.0:
-    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
-    hasBin: true
-
-  jsbn@0.1.1:
-    resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==}
-
-  jsesc@2.5.2:
-    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
-    engines: {node: '>=4'}
-    hasBin: true
-
-  json-buffer@3.0.1:
-    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
-
-  json-parse-even-better-errors@2.3.1:
-    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
-
-  json-schema-traverse@0.4.1:
-    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
-
-  json-schema@0.4.0:
-    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
-
-  json-stable-stringify-without-jsonify@1.0.1:
-    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
-
-  json-stringify-safe@5.0.1:
-    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
-
-  json5@2.2.3:
-    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
-    engines: {node: '>=6'}
-    hasBin: true
-
-  jsonc-parser@3.2.0:
-    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
-
-  jsonfile@4.0.0:
-    resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
-
-  jsonfile@6.1.0:
-    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
-
-  jsprim@2.0.2:
-    resolution: {integrity: sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==}
-    engines: {'0': node >=0.6.0}
-
-  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==}
-
-  kind-of@6.0.3:
-    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
-    engines: {node: '>=0.10.0'}
-
-  kleur@3.0.3:
-    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
-    engines: {node: '>=6'}
-
-  kleur@4.1.5:
-    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
-    engines: {node: '>=6'}
-
-  known-css-properties@0.29.0:
-    resolution: {integrity: sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==}
-
-  lazy-ass@1.6.0:
-    resolution: {integrity: sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==}
-    engines: {node: '> 0.8'}
-
-  levn@0.4.1:
-    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
-    engines: {node: '>= 0.8.0'}
-
-  lie@3.1.1:
-    resolution: {integrity: sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==}
-
-  lilconfig@2.1.0:
-    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
-    engines: {node: '>=10'}
-
-  lilconfig@3.0.0:
-    resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==}
-    engines: {node: '>=14'}
-
-  lilconfig@3.1.1:
-    resolution: {integrity: sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==}
-    engines: {node: '>=14'}
-
-  lines-and-columns@1.2.4:
-    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-
-  listr2@3.14.0:
-    resolution: {integrity: sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==}
-    engines: {node: '>=10.0.0'}
-    peerDependencies:
-      enquirer: '>= 2.3.0 < 3'
-    peerDependenciesMeta:
-      enquirer:
-        optional: true
-
-  load-yaml-file@0.2.0:
-    resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==}
-    engines: {node: '>=6'}
-
-  localforage@1.10.0:
-    resolution: {integrity: sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==}
-
-  locate-character@3.0.0:
-    resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
-
-  locate-path@5.0.0:
-    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
-    engines: {node: '>=8'}
-
-  locate-path@6.0.0:
-    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
-    engines: {node: '>=10'}
-
-  lodash.memoize@4.1.2:
-    resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
-
-  lodash.merge@4.6.2:
-    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
-
-  lodash.once@4.1.1:
-    resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==}
-
-  lodash.startcase@4.4.0:
-    resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
-
-  lodash.uniq@4.5.0:
-    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
-
-  lodash@4.17.21:
-    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
-
-  log-symbols@4.1.0:
-    resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
-    engines: {node: '>=10'}
-
-  log-symbols@5.1.0:
-    resolution: {integrity: sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==}
-    engines: {node: '>=12'}
-
-  log-update@4.0.0:
-    resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==}
-    engines: {node: '>=10'}
-
-  longest-streak@3.1.0:
-    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
-
-  loose-envify@1.4.0:
-    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
-    hasBin: true
-
-  lower-case@2.0.2:
-    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
-
-  lru-cache@4.1.5:
-    resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==}
-
-  lru-cache@5.1.1:
-    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
-
-  lru-cache@6.0.0:
-    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
-    engines: {node: '>=10'}
-
-  magic-string@0.27.0:
-    resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
-    engines: {node: '>=12'}
-
-  magic-string@0.30.5:
-    resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
-    engines: {node: '>=12'}
-
-  magic-string@0.30.8:
-    resolution: {integrity: sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==}
-    engines: {node: '>=12'}
-
-  map-obj@1.0.1:
-    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
-    engines: {node: '>=0.10.0'}
-
-  map-obj@4.3.0:
-    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
-    engines: {node: '>=8'}
-
-  map-stream@0.1.0:
-    resolution: {integrity: sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==}
-
-  markdown-table@3.0.3:
-    resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==}
-
-  mdast-util-definitions@5.1.2:
-    resolution: {integrity: sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==}
-
-  mdast-util-definitions@6.0.0:
-    resolution: {integrity: sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ==}
-
-  mdast-util-find-and-replace@2.2.2:
-    resolution: {integrity: sha512-MTtdFRz/eMDHXzeK6W3dO7mXUlF82Gom4y0oOgvHhh/HXZAGvIQDUvQ0SuUx+j2tv44b8xTHOm8K/9OoRFnXKw==}
-
-  mdast-util-from-markdown@1.3.1:
-    resolution: {integrity: sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==}
-
-  mdast-util-gfm-autolink-literal@1.0.3:
-    resolution: {integrity: sha512-My8KJ57FYEy2W2LyNom4n3E7hKTuQk/0SES0u16tjA9Z3oFkF4RrC/hPAPgjlSpezsOvI8ObcXcElo92wn5IGA==}
-
-  mdast-util-gfm-footnote@1.0.2:
-    resolution: {integrity: sha512-56D19KOGbE00uKVj3sgIykpwKL179QsVFwx/DCW0u/0+URsryacI4MAdNJl0dh+u2PSsD9FtxPFbHCzJ78qJFQ==}
-
-  mdast-util-gfm-strikethrough@1.0.3:
-    resolution: {integrity: sha512-DAPhYzTYrRcXdMjUtUjKvW9z/FNAMTdU0ORyMcbmkwYNbKocDpdk+PX1L1dQgOID/+vVs1uBQ7ElrBQfZ0cuiQ==}
-
-  mdast-util-gfm-table@1.0.7:
-    resolution: {integrity: sha512-jjcpmNnQvrmN5Vx7y7lEc2iIOEytYv7rTvu+MeyAsSHTASGCCRA79Igg2uKssgOs1i1po8s3plW0sTu1wkkLGg==}
-
-  mdast-util-gfm-task-list-item@1.0.2:
-    resolution: {integrity: sha512-PFTA1gzfp1B1UaiJVyhJZA1rm0+Tzn690frc/L8vNX1Jop4STZgOE6bxUhnzdVSB+vm2GU1tIsuQcA9bxTQpMQ==}
-
-  mdast-util-gfm@2.0.2:
-    resolution: {integrity: sha512-qvZ608nBppZ4icQlhQQIAdc6S3Ffj9RGmzwUKUWuEICFnd1LVkN3EktF7ZHAgfcEdvZB5owU9tQgt99e2TlLjg==}
-
-  mdast-util-phrasing@3.0.1:
-    resolution: {integrity: sha512-WmI1gTXUBJo4/ZmSk79Wcb2HcjPJBzM1nlI/OUWA8yk2X9ik3ffNbBGsU+09BFmXaL1IBb9fiuvq6/KMiNycSg==}
-
-  mdast-util-to-hast@12.3.0:
-    resolution: {integrity: sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==}
-
-  mdast-util-to-markdown@1.5.0:
-    resolution: {integrity: sha512-bbv7TPv/WC49thZPg3jXuqzuvI45IL2EVAr/KxF0BSdHsU0ceFHOmwQn6evxAh1GaoK/6GQ1wp4R4oW2+LFL/A==}
-
-  mdast-util-to-string@3.2.0:
-    resolution: {integrity: sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==}
-
-  mdn-data@2.0.28:
-    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
-
-  mdn-data@2.0.30:
-    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
-
-  meow@6.1.1:
-    resolution: {integrity: sha512-3YffViIt2QWgTy6Pale5QpopX/IvU3LPL03jOTqp6pGj3VjesdO/U8CuHMKpnQr4shCNCM5fd5XFFvIIl6JBHg==}
-    engines: {node: '>=8'}
-
-  merge-stream@2.0.0:
-    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
-
-  merge2@1.4.1:
-    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
-    engines: {node: '>= 8'}
-
-  micromark-core-commonmark@1.1.0:
-    resolution: {integrity: sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==}
-
-  micromark-extension-gfm-autolink-literal@1.0.5:
-    resolution: {integrity: sha512-z3wJSLrDf8kRDOh2qBtoTRD53vJ+CWIyo7uyZuxf/JAbNJjiHsOpG1y5wxk8drtv3ETAHutCu6N3thkOOgueWg==}
-
-  micromark-extension-gfm-footnote@1.1.2:
-    resolution: {integrity: sha512-Yxn7z7SxgyGWRNa4wzf8AhYYWNrwl5q1Z8ii+CSTTIqVkmGZF1CElX2JI8g5yGoM3GAman9/PVCUFUSJ0kB/8Q==}
-
-  micromark-extension-gfm-strikethrough@1.0.7:
-    resolution: {integrity: sha512-sX0FawVE1o3abGk3vRjOH50L5TTLr3b5XMqnP9YDRb34M0v5OoZhG+OHFz1OffZ9dlwgpTBKaT4XW/AsUVnSDw==}
-
-  micromark-extension-gfm-table@1.0.7:
-    resolution: {integrity: sha512-3ZORTHtcSnMQEKtAOsBQ9/oHp9096pI/UvdPtN7ehKvrmZZ2+bbWhi0ln+I9drmwXMt5boocn6OlwQzNXeVeqw==}
-
-  micromark-extension-gfm-tagfilter@1.0.2:
-    resolution: {integrity: sha512-5XWB9GbAUSHTn8VPU8/1DBXMuKYT5uOgEjJb8gN3mW0PNW5OPHpSdojoqf+iq1xo7vWzw/P8bAHY0n6ijpXF7g==}
-
-  micromark-extension-gfm-task-list-item@1.0.5:
-    resolution: {integrity: sha512-RMFXl2uQ0pNQy6Lun2YBYT9g9INXtWJULgbt01D/x8/6yJ2qpKyzdZD3pi6UIkzF++Da49xAelVKUeUMqd5eIQ==}
-
-  micromark-extension-gfm@2.0.3:
-    resolution: {integrity: sha512-vb9OoHqrhCmbRidQv/2+Bc6pkP0FrtlhurxZofvOEy5o8RtuuvTq+RQ1Vw5ZDNrVraQZu3HixESqbG+0iKk/MQ==}
-
-  micromark-factory-destination@1.1.0:
-    resolution: {integrity: sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==}
-
-  micromark-factory-label@1.1.0:
-    resolution: {integrity: sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==}
-
-  micromark-factory-space@1.1.0:
-    resolution: {integrity: sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==}
-
-  micromark-factory-title@1.1.0:
-    resolution: {integrity: sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==}
-
-  micromark-factory-whitespace@1.1.0:
-    resolution: {integrity: sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==}
-
-  micromark-util-character@1.2.0:
-    resolution: {integrity: sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==}
-
-  micromark-util-chunked@1.1.0:
-    resolution: {integrity: sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==}
-
-  micromark-util-classify-character@1.1.0:
-    resolution: {integrity: sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==}
-
-  micromark-util-combine-extensions@1.1.0:
-    resolution: {integrity: sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==}
-
-  micromark-util-decode-numeric-character-reference@1.1.0:
-    resolution: {integrity: sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==}
-
-  micromark-util-decode-string@1.1.0:
-    resolution: {integrity: sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==}
-
-  micromark-util-encode@1.1.0:
-    resolution: {integrity: sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw==}
-
-  micromark-util-html-tag-name@1.2.0:
-    resolution: {integrity: sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q==}
-
-  micromark-util-normalize-identifier@1.1.0:
-    resolution: {integrity: sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==}
-
-  micromark-util-resolve-all@1.1.0:
-    resolution: {integrity: sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==}
-
-  micromark-util-sanitize-uri@1.2.0:
-    resolution: {integrity: sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==}
-
-  micromark-util-subtokenize@1.1.0:
-    resolution: {integrity: sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==}
-
-  micromark-util-symbol@1.1.0:
-    resolution: {integrity: sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag==}
-
-  micromark-util-types@1.1.0:
-    resolution: {integrity: sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==}
-
-  micromark@3.2.0:
-    resolution: {integrity: sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==}
-
-  micromatch@4.0.5:
-    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
-    engines: {node: '>=8.6'}
-
-  mime-db@1.52.0:
-    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
-    engines: {node: '>= 0.6'}
-
-  mime-types@2.1.35:
-    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
-    engines: {node: '>= 0.6'}
-
-  mime@3.0.0:
-    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
-    engines: {node: '>=10.0.0'}
-    hasBin: true
-
-  mimic-fn@2.1.0:
-    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
-    engines: {node: '>=6'}
-
-  mimic-fn@4.0.0:
-    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
-    engines: {node: '>=12'}
-
-  mimic-response@3.1.0:
-    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
-    engines: {node: '>=10'}
-
-  min-indent@1.0.1:
-    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
-    engines: {node: '>=4'}
-
-  minimatch@3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
-
-  minimatch@5.1.6:
-    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
-    engines: {node: '>=10'}
-
-  minimatch@9.0.3:
-    resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
-  minimist-options@4.1.0:
-    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
-    engines: {node: '>= 6'}
-
-  minimist@1.2.8:
-    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
-
-  mixme@0.5.9:
-    resolution: {integrity: sha512-VC5fg6ySUscaWUpI4gxCBTQMH2RdUpNrk+MsbpCYtIvf9SBJdiUey4qE7BXviJsJR4nDQxCZ+3yaYNW3guz/Pw==}
-    engines: {node: '>= 8.0.0'}
-
-  mkdirp-classic@0.5.3:
-    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
-
-  mkdirp@0.5.6:
-    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
-    hasBin: true
-
-  mri@1.2.0:
-    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
-    engines: {node: '>=4'}
-
-  mrmime@2.0.0:
-    resolution: {integrity: sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==}
-    engines: {node: '>=10'}
-
-  ms@2.0.0:
-    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
-
-  ms@2.1.2:
-    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
-
-  ms@2.1.3:
-    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
-
-  nanoid@3.3.6:
-    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-
-  nanoid@3.3.7:
-    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-
-  napi-build-utils@1.0.2:
-    resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
-
-  natural-compare@1.4.0:
-    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
-
-  needle@2.9.1:
-    resolution: {integrity: sha512-6R9fqJ5Zcmf+uYaFgdIHmLwNldn5HbK8L5ybn7Uz+ylX/rnOsSp1AHcvQSrCaFN+qNM1wpymHqD7mVasEOlHGQ==}
-    engines: {node: '>= 4.4.x'}
-    hasBin: true
-
-  nlcst-to-string@3.1.1:
-    resolution: {integrity: sha512-63mVyqaqt0cmn2VcI2aH6kxe1rLAmSROqHMA0i4qqg1tidkfExgpb0FGMikMCn86mw5dFtBtEANfmSSK7TjNHw==}
-
-  no-case@3.0.4:
-    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
-
-  node-abi@3.51.0:
-    resolution: {integrity: sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==}
-    engines: {node: '>=10'}
-
-  node-addon-api@6.1.0:
-    resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==}
-
-  node-fetch@2.7.0:
-    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
-    engines: {node: 4.x || >=6.0.0}
-    peerDependencies:
-      encoding: ^0.1.0
-    peerDependenciesMeta:
-      encoding:
-        optional: true
-
-  node-releases@2.0.13:
-    resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==}
-
-  node-releases@2.0.14:
-    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
-
-  normalize-package-data@2.5.0:
-    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
-
-  normalize-path@3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
-
-  normalize-range@0.1.2:
-    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
-    engines: {node: '>=0.10.0'}
-
-  npm-run-path@4.0.1:
-    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
-    engines: {node: '>=8'}
-
-  npm-run-path@5.1.0:
-    resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
-  nth-check@2.1.1:
-    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
-
-  object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
-
-  object-inspect@1.13.1:
-    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
-
-  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.7:
-    resolution: {integrity: sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==}
-    engines: {node: '>= 0.4'}
-
-  object.fromentries@2.0.7:
-    resolution: {integrity: sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==}
-    engines: {node: '>= 0.4'}
-
-  object.hasown@1.1.3:
-    resolution: {integrity: sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==}
-
-  object.values@1.1.7:
-    resolution: {integrity: sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==}
-    engines: {node: '>= 0.4'}
-
-  once@1.4.0:
-    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
-
-  onetime@5.1.2:
-    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
-    engines: {node: '>=6'}
-
-  onetime@6.0.0:
-    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
-    engines: {node: '>=12'}
-
-  optionator@0.9.3:
-    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
-    engines: {node: '>= 0.8.0'}
-
-  ora@7.0.1:
-    resolution: {integrity: sha512-0TUxTiFJWv+JnjWm4o9yvuskpEJLXTcng8MJuKd+SzAzp2o+OP3HWqNhB4OdJRt1Vsd9/mR0oyaEYlOnL7XIRw==}
-    engines: {node: '>=16'}
-
-  os-tmpdir@1.0.2:
-    resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
-    engines: {node: '>=0.10.0'}
-
-  ospath@1.2.2:
-    resolution: {integrity: sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==}
-
-  outdent@0.5.0:
-    resolution: {integrity: sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q==}
-
-  p-filter@2.1.0:
-    resolution: {integrity: sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw==}
-    engines: {node: '>=8'}
-
-  p-limit@2.3.0:
-    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
-    engines: {node: '>=6'}
-
-  p-limit@3.1.0:
-    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
-    engines: {node: '>=10'}
-
-  p-limit@4.0.0:
-    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
-  p-locate@4.1.0:
-    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
-    engines: {node: '>=8'}
-
-  p-locate@5.0.0:
-    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
-    engines: {node: '>=10'}
-
-  p-map@2.1.0:
-    resolution: {integrity: sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==}
-    engines: {node: '>=6'}
-
-  p-map@4.0.0:
-    resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==}
-    engines: {node: '>=10'}
-
-  p-try@2.2.0:
-    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
-    engines: {node: '>=6'}
-
-  parent-module@1.0.1:
-    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
-    engines: {node: '>=6'}
-
-  parse-json@5.2.0:
-    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
-    engines: {node: '>=8'}
-
-  parse-latin@5.0.1:
-    resolution: {integrity: sha512-b/K8ExXaWC9t34kKeDV8kGXBkXZ1HCSAZRYE7HR14eA1GlXX5L8iWhs8USJNhQU9q5ci413jCKF0gOyovvyRBg==}
-
-  parse5@6.0.1:
-    resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==}
-
-  pascal-case@3.1.2:
-    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
-
-  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-key@4.0.0:
-    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
-    engines: {node: '>=12'}
-
-  path-parse@1.0.7:
-    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
-
-  path-to-regexp@6.2.1:
-    resolution: {integrity: sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==}
-
-  path-type@4.0.0:
-    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
-    engines: {node: '>=8'}
-
-  path-type@5.0.0:
-    resolution: {integrity: sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==}
-    engines: {node: '>=12'}
-
-  pause-stream@0.0.11:
-    resolution: {integrity: sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==}
-
-  pend@1.2.0:
-    resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==}
-
-  performance-now@2.1.0:
-    resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==}
-
-  periscopic@3.1.0:
-    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
-
-  picocolors@1.0.0:
-    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
-
-  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'}
-
-  pify@4.0.1:
-    resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
-    engines: {node: '>=6'}
-
-  pkg-dir@4.2.0:
-    resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
-    engines: {node: '>=8'}
-
-  playwright-core@1.42.1:
-    resolution: {integrity: sha512-mxz6zclokgrke9p1vtdy/COWBH+eOZgYUVVU34C73M+4j4HLlQJHtfcqiqqxpP0o8HhMkflvfbquLX5dg6wlfA==}
-    engines: {node: '>=16'}
-    hasBin: true
-
-  playwright@1.42.1:
-    resolution: {integrity: sha512-PgwB03s2DZBcNRoW+1w9E+VkLBxweib6KTXM0M3tkiT4jVxKSi6PmVJ591J+0u10LUrgxB7dLRbiJqO5s2QPMg==}
-    engines: {node: '>=16'}
-    hasBin: true
-
-  postcss-calc@9.0.1:
-    resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.2
-
-  postcss-cli@11.0.0:
-    resolution: {integrity: sha512-xMITAI7M0u1yolVcXJ9XTZiO9aO49mcoKQy6pCDFdMh9kGqhzLVpWxeD/32M/QBmkhcGypZFFOLNLmIW4Pg4RA==}
-    engines: {node: '>=18'}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.0.0
-
-  postcss-colormin@6.0.0:
-    resolution: {integrity: sha512-EuO+bAUmutWoZYgHn2T1dG1pPqHU6L4TjzPlu4t1wZGXQ/fxV16xg2EJmYi0z+6r+MGV1yvpx1BHkUaRrPa2bw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-colormin@6.1.0:
-    resolution: {integrity: sha512-x9yX7DOxeMAR+BgGVnNSAxmAj98NX/YxEMNFP+SDCEeNLb2r3i6Hh1ksMsnW8Ub5SLCpbescQqn9YEbE9554Sw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-combine-duplicated-selectors@10.0.3:
-    resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==}
-    engines: {node: ^10.0.0 || ^12.0.0 || >=14.0.0}
-    peerDependencies:
-      postcss: ^8.1.0
-
-  postcss-convert-values@6.0.0:
-    resolution: {integrity: sha512-U5D8QhVwqT++ecmy8rnTb+RL9n/B806UVaS3m60lqle4YDFcpbS3ae5bTQIh3wOGUSDHSEtMYLs/38dNG7EYFw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-convert-values@6.1.0:
-    resolution: {integrity: sha512-zx8IwP/ts9WvUM6NkVSkiU902QZL1bwPhaVaLynPtCsOTqp+ZKbNi+s6XJg3rfqpKGA/oc7Oxk5t8pOQJcwl/w==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-discard-comments@6.0.0:
-    resolution: {integrity: sha512-p2skSGqzPMZkEQvJsgnkBhCn8gI7NzRH2683EEjrIkoMiwRELx68yoUJ3q3DGSGuQ8Ug9Gsn+OuDr46yfO+eFw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-discard-comments@6.0.2:
-    resolution: {integrity: sha512-65w/uIqhSBBfQmYnG92FO1mWZjJ4GL5b8atm5Yw2UgrwD7HiNiSSNwJor1eCFGzUgYnN/iIknhNRVqjrrpuglw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-discard-duplicates@6.0.0:
-    resolution: {integrity: sha512-bU1SXIizMLtDW4oSsi5C/xHKbhLlhek/0/yCnoMQany9k3nPBq+Ctsv/9oMmyqbR96HYHxZcHyK2HR5P/mqoGA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-discard-duplicates@6.0.3:
-    resolution: {integrity: sha512-+JA0DCvc5XvFAxwx6f/e68gQu/7Z9ud584VLmcgto28eB8FqSFZwtrLwB5Kcp70eIoWP/HXqz4wpo8rD8gpsTw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-discard-empty@6.0.0:
-    resolution: {integrity: sha512-b+h1S1VT6dNhpcg+LpyiUrdnEZfICF0my7HAKgJixJLW7BnNmpRH34+uw/etf5AhOlIhIAuXApSzzDzMI9K/gQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-discard-empty@6.0.3:
-    resolution: {integrity: sha512-znyno9cHKQsK6PtxL5D19Fj9uwSzC2mB74cpT66fhgOadEUPyXFkbgwm5tvc3bt3NAy8ltE5MrghxovZRVnOjQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-discard-overridden@6.0.0:
-    resolution: {integrity: sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-discard-overridden@6.0.2:
-    resolution: {integrity: sha512-j87xzI4LUggC5zND7KdjsI25APtyMuynXZSujByMaav2roV6OZX+8AaCUcZSWqckZpjAjRyFDdpqybgjFO0HJQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-import@15.1.0:
-    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      postcss: ^8.0.0
-
-  postcss-import@16.0.1:
-    resolution: {integrity: sha512-i2Pci0310NaLHr/5JUFSw1j/8hf1CzwMY13g6ZDxgOavmRHQi2ba3PmUHoihO+sjaum+KmCNzskNsw7JDrg03g==}
-    engines: {node: '>=18.0.0'}
-    peerDependencies:
-      postcss: ^8.0.0
-
-  postcss-load-config@3.1.4:
-    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
-    engines: {node: '>= 10'}
-    peerDependencies:
-      postcss: '>=8.0.9'
-      ts-node: '>=9.0.0'
-    peerDependenciesMeta:
-      postcss:
-        optional: true
-      ts-node:
-        optional: true
-
-  postcss-load-config@5.0.2:
-    resolution: {integrity: sha512-Q8QR3FYbqOKa0bnC1UQ2bFq9/ulHX5Bi34muzitMr8aDtUelO5xKeJEYC/5smE0jNE9zdB/NBnOwXKexELbRlw==}
-    engines: {node: '>= 18'}
-    peerDependencies:
-      jiti: '>=1.21.0'
-      postcss: '>=8.0.9'
-    peerDependenciesMeta:
-      jiti:
-        optional: true
-      postcss:
-        optional: true
-
-  postcss-merge-longhand@6.0.0:
-    resolution: {integrity: sha512-4VSfd1lvGkLTLYcxFuISDtWUfFS4zXe0FpF149AyziftPFQIWxjvFSKhA4MIxMe4XM3yTDgQMbSNgzIVxChbIg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-merge-longhand@6.0.4:
-    resolution: {integrity: sha512-vAfWGcxUUGlFiPM3nDMZA+/Yo9sbpc3JNkcYZez8FfJDv41Dh7tAgA3QGVTocaHCZZL6aXPXPOaBMJsjujodsA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-merge-rules@6.0.1:
-    resolution: {integrity: sha512-a4tlmJIQo9SCjcfiCcCMg/ZCEe0XTkl/xK0XHBs955GWg9xDX3NwP9pwZ78QUOWB8/0XCjZeJn98Dae0zg6AAw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-merge-rules@6.1.0:
-    resolution: {integrity: sha512-lER+W3Gr6XOvxOYk1Vi/6UsAgKMg6MDBthmvbNqi2XxAk/r9XfhdYZSigfWjuWWn3zYw2wLelvtM8XuAEFqRkA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-minify-font-values@6.0.0:
-    resolution: {integrity: sha512-zNRAVtyh5E8ndZEYXA4WS8ZYsAp798HiIQ1V2UF/C/munLp2r1UGHwf1+6JFu7hdEhJFN+W1WJQKBrtjhFgEnA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-minify-font-values@6.0.3:
-    resolution: {integrity: sha512-SmAeTA1We5rMnN3F8X9YBNo9bj9xB4KyDHnaNJnBfQIPi+60fNiR9OTRnIaMqkYzAQX0vObIw4Pn0vuKEOettg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-minify-gradients@6.0.0:
-    resolution: {integrity: sha512-wO0F6YfVAR+K1xVxF53ueZJza3L+R3E6cp0VwuXJQejnNUH0DjcAFe3JEBeTY1dLwGa0NlDWueCA1VlEfiKgAA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-minify-gradients@6.0.3:
-    resolution: {integrity: sha512-4KXAHrYlzF0Rr7uc4VrfwDJ2ajrtNEpNEuLxFgwkhFZ56/7gaE4Nr49nLsQDZyUe+ds+kEhf+YAUolJiYXF8+Q==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-minify-params@6.0.0:
-    resolution: {integrity: sha512-Fz/wMQDveiS0n5JPcvsMeyNXOIMrwF88n7196puSuQSWSa+/Ofc1gDOSY2xi8+A4PqB5dlYCKk/WfqKqsI+ReQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-minify-params@6.1.0:
-    resolution: {integrity: sha512-bmSKnDtyyE8ujHQK0RQJDIKhQ20Jq1LYiez54WiaOoBtcSuflfK3Nm596LvbtlFcpipMjgClQGyGr7GAs+H1uA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-minify-selectors@6.0.0:
-    resolution: {integrity: sha512-ec/q9JNCOC2CRDNnypipGfOhbYPuUkewGwLnbv6omue/PSASbHSU7s6uSQ0tcFRVv731oMIx8k0SP4ZX6be/0g==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-minify-selectors@6.0.3:
-    resolution: {integrity: sha512-IcV7ZQJcaXyhx4UBpWZMsinGs2NmiUC60rJSkyvjPCPqhNjVGsrJUM+QhAtCaikZ0w0/AbZuH4wVvF/YMuMhvA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-nested@6.0.0:
-    resolution: {integrity: sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.2.14
-
-  postcss-nested@6.0.1:
-    resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.2.14
-
-  postcss-normalize-charset@6.0.0:
-    resolution: {integrity: sha512-cqundwChbu8yO/gSWkuFDmKrCZ2vJzDAocheT2JTd0sFNA4HMGoKMfbk2B+J0OmO0t5GUkiAkSM5yF2rSLUjgQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-normalize-charset@6.0.2:
-    resolution: {integrity: sha512-a8N9czmdnrjPHa3DeFlwqst5eaL5W8jYu3EBbTTkI5FHkfMhFZh1EGbku6jhHhIzTA6tquI2P42NtZ59M/H/kQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-normalize-display-values@6.0.0:
-    resolution: {integrity: sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-normalize-display-values@6.0.2:
-    resolution: {integrity: sha512-8H04Mxsb82ON/aAkPeq8kcBbAtI5Q2a64X/mnRRfPXBq7XeogoQvReqxEfc0B4WPq1KimjezNC8flUtC3Qz6jg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-normalize-positions@6.0.0:
-    resolution: {integrity: sha512-mPCzhSV8+30FZyWhxi6UoVRYd3ZBJgTRly4hOkaSifo0H+pjDYcii/aVT4YE6QpOil15a5uiv6ftnY3rm0igPg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-normalize-positions@6.0.2:
-    resolution: {integrity: sha512-/JFzI441OAB9O7VnLA+RtSNZvQ0NCFZDOtp6QPFo1iIyawyXg0YI3CYM9HBy1WvwCRHnPep/BvI1+dGPKoXx/Q==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-normalize-repeat-style@6.0.0:
-    resolution: {integrity: sha512-50W5JWEBiOOAez2AKBh4kRFm2uhrT3O1Uwdxz7k24aKtbD83vqmcVG7zoIwo6xI2FZ/HDlbrCopXhLeTpQib1A==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-normalize-repeat-style@6.0.2:
-    resolution: {integrity: sha512-YdCgsfHkJ2jEXwR4RR3Tm/iOxSfdRt7jplS6XRh9Js9PyCR/aka/FCb6TuHT2U8gQubbm/mPmF6L7FY9d79VwQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-normalize-string@6.0.0:
-    resolution: {integrity: sha512-KWkIB7TrPOiqb8ZZz6homet2KWKJwIlysF5ICPZrXAylGe2hzX/HSf4NTX2rRPJMAtlRsj/yfkrWGavFuB+c0w==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-normalize-string@6.0.2:
-    resolution: {integrity: sha512-vQZIivlxlfqqMp4L9PZsFE4YUkWniziKjQWUtsxUiVsSSPelQydwS8Wwcuw0+83ZjPWNTl02oxlIvXsmmG+CiQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-normalize-timing-functions@6.0.0:
-    resolution: {integrity: sha512-tpIXWciXBp5CiFs8sem90IWlw76FV4oi6QEWfQwyeREVwUy39VSeSqjAT7X0Qw650yAimYW5gkl2Gd871N5SQg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-normalize-timing-functions@6.0.2:
-    resolution: {integrity: sha512-a+YrtMox4TBtId/AEwbA03VcJgtyW4dGBizPl7e88cTFULYsprgHWTbfyjSLyHeBcK/Q9JhXkt2ZXiwaVHoMzA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-normalize-unicode@6.0.0:
-    resolution: {integrity: sha512-ui5crYkb5ubEUDugDc786L/Me+DXp2dLg3fVJbqyAl0VPkAeALyAijF2zOsnZyaS1HyfPuMH0DwyY18VMFVNkg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-normalize-unicode@6.1.0:
-    resolution: {integrity: sha512-QVC5TQHsVj33otj8/JD869Ndr5Xcc/+fwRh4HAsFsAeygQQXm+0PySrKbr/8tkDKzW+EVT3QkqZMfFrGiossDg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-normalize-url@6.0.0:
-    resolution: {integrity: sha512-98mvh2QzIPbb02YDIrYvAg4OUzGH7s1ZgHlD3fIdTHLgPLRpv1ZTKJDnSAKr4Rt21ZQFzwhGMXxpXlfrUBKFHw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-normalize-url@6.0.2:
-    resolution: {integrity: sha512-kVNcWhCeKAzZ8B4pv/DnrU1wNh458zBNp8dh4y5hhxih5RZQ12QWMuQrDgPRw3LRl8mN9vOVfHl7uhvHYMoXsQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-normalize-whitespace@6.0.0:
-    resolution: {integrity: sha512-7cfE1AyLiK0+ZBG6FmLziJzqQCpTQY+8XjMhMAz8WSBSCsCNNUKujgIgjCAmDT3cJ+3zjTXFkoD15ZPsckArVw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-normalize-whitespace@6.0.2:
-    resolution: {integrity: sha512-sXZ2Nj1icbJOKmdjXVT9pnyHQKiSAyuNQHSgRCUgThn2388Y9cGVDR+E9J9iAYbSbLHI+UUwLVl1Wzco/zgv0Q==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-ordered-values@6.0.0:
-    resolution: {integrity: sha512-K36XzUDpvfG/nWkjs6d1hRBydeIxGpKS2+n+ywlKPzx1nMYDYpoGbcjhj5AwVYJK1qV2/SDoDEnHzlPD6s3nMg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-ordered-values@6.0.2:
-    resolution: {integrity: sha512-VRZSOB+JU32RsEAQrO94QPkClGPKJEL/Z9PCBImXMhIeK5KAYo6slP/hBYlLgrCjFxyqvn5VC81tycFEDBLG1Q==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-reduce-initial@6.0.0:
-    resolution: {integrity: sha512-s2UOnidpVuXu6JiiI5U+fV2jamAw5YNA9Fdi/GRK0zLDLCfXmSGqQtzpUPtfN66RtCbb9fFHoyZdQaxOB3WxVA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-reduce-initial@6.1.0:
-    resolution: {integrity: sha512-RarLgBK/CrL1qZags04oKbVbrrVK2wcxhvta3GCxrZO4zveibqbRPmm2VI8sSgCXwoUHEliRSbOfpR0b/VIoiw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-reduce-transforms@6.0.0:
-    resolution: {integrity: sha512-FQ9f6xM1homnuy1wLe9lP1wujzxnwt1EwiigtWwuyf8FsqqXUDUp2Ulxf9A5yjlUOTdCJO6lonYjg1mgqIIi2w==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-reduce-transforms@6.0.2:
-    resolution: {integrity: sha512-sB+Ya++3Xj1WaT9+5LOOdirAxP7dJZms3GRcYheSPi1PiTMigsxHAdkrbItHxwYHr4kt1zL7mmcHstgMYT+aiA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-rename@0.6.1:
-    resolution: {integrity: sha512-bsj9TMuPnh8pqF/FMX6BB3aZMjTxRdGP0qJHOg4yC2S1DCAomtAVuQaTJC16QTkH5fnrYMP/yYjuXZAibP3QnQ==}
-    engines: {node: '>=8.3.0'}
-    peerDependencies:
-      postcss: ^8.2.6
-
-  postcss-reporter@7.0.5:
-    resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      postcss: ^8.1.0
-
-  postcss-safe-parser@6.0.0:
-    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.3.3
-
-  postcss-scss@4.0.9:
-    resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.4.29
-
-  postcss-selector-parser@6.0.13:
-    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
-    engines: {node: '>=4'}
-
-  postcss-selector-parser@6.0.16:
-    resolution: {integrity: sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==}
-    engines: {node: '>=4'}
-
-  postcss-svgo@6.0.0:
-    resolution: {integrity: sha512-r9zvj/wGAoAIodn84dR/kFqwhINp5YsJkLoujybWG59grR/IHx+uQ2Zo+IcOwM0jskfYX3R0mo+1Kip1VSNcvw==}
-    engines: {node: ^14 || ^16 || >= 18}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-svgo@6.0.3:
-    resolution: {integrity: sha512-dlrahRmxP22bX6iKEjOM+c8/1p+81asjKT+V5lrgOH944ryx/OHpclnIbGsKVd3uWOXFLYJwCVf0eEkJGvO96g==}
-    engines: {node: ^14 || ^16 || >= 18}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-unique-selectors@6.0.0:
-    resolution: {integrity: sha512-EPQzpZNxOxP7777t73RQpZE5e9TrnCrkvp7AH7a0l89JmZiPnS82y216JowHXwpBCQitfyxrof9TK3rYbi7/Yw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  postcss-unique-selectors@6.0.3:
-    resolution: {integrity: sha512-NFXbYr8qdmCr/AFceaEfdcsKGCvWTeGO6QVC9h2GvtWgj0/0dklKQcaMMVzs6tr8bY+ase8hOtHW8OBTTRvS8A==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  postcss-value-parser@4.2.0:
-    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
-
-  postcss@8.4.21:
-    resolution: {integrity: sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==}
-    engines: {node: ^10 || ^12 || >=14}
-
-  postcss@8.4.35:
-    resolution: {integrity: sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==}
-    engines: {node: ^10 || ^12 || >=14}
-
-  prebuild-install@7.1.1:
-    resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
-    engines: {node: '>=10'}
-    hasBin: true
-
-  preferred-pm@3.1.2:
-    resolution: {integrity: sha512-nk7dKrcW8hfCZ4H6klWcdRknBOXWzNQByJ0oJyX97BOupsYD+FzLS4hflgEu/uPUEHZCuRfMxzCBsuWd7OzT8Q==}
-    engines: {node: '>=10'}
-
-  prelude-ls@1.2.1:
-    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
-    engines: {node: '>= 0.8.0'}
-
-  prettier-linter-helpers@1.0.0:
-    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
-    engines: {node: '>=6.0.0'}
-
-  prettier-plugin-svelte@3.0.3:
-    resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==}
-    peerDependencies:
-      prettier: ^3.0.0
-      svelte: ^3.2.0 || ^4.0.0-next.0
-
-  prettier-plugin-svelte@3.2.2:
-    resolution: {integrity: sha512-ZzzE/wMuf48/1+Lf2Ffko0uDa6pyCfgHV6+uAhtg2U0AAXGrhCSW88vEJNAkAxW5qyrFY1y1zZ4J8TgHrjW++Q==}
-    peerDependencies:
-      prettier: ^3.0.0
-      svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0
-
-  prettier@2.8.8:
-    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
-    engines: {node: '>=10.13.0'}
-    hasBin: true
-
-  prettier@3.0.3:
-    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
-    engines: {node: '>=14'}
-    hasBin: true
-
-  prettier@3.2.5:
-    resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
-    engines: {node: '>=14'}
-    hasBin: true
-
-  pretty-bytes@5.6.0:
-    resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
-    engines: {node: '>=6'}
-
-  pretty-hrtime@1.0.3:
-    resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==}
-    engines: {node: '>= 0.8'}
-
-  prismjs@1.29.0:
-    resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
-    engines: {node: '>=6'}
-
-  probe-image-size@7.2.3:
-    resolution: {integrity: sha512-HubhG4Rb2UH8YtV4ba0Vp5bQ7L78RTONYu/ujmCu5nBI8wGv24s4E9xSKBi0N1MowRpxk76pFCpJtW0KPzOK0w==}
-
-  process@0.11.10:
-    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
-    engines: {node: '>= 0.6.0'}
-
-  prompts@2.4.2:
-    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
-    engines: {node: '>= 6'}
-
-  prop-types@15.8.1:
-    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
-
-  property-information@6.3.0:
-    resolution: {integrity: sha512-gVNZ74nqhRMiIUYWGQdosYetaKc83x8oT41a0LlV3AAFCAZwCpg4vmGkq8t34+cUhp3cnM4XDiU/7xlgK7HGrg==}
-
-  proxy-from-env@1.0.0:
-    resolution: {integrity: sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==}
-
-  ps-tree@1.2.0:
-    resolution: {integrity: sha512-0VnamPPYHl4uaU/nSFeZZpR21QAWRz+sRv4iW9+v/GS/J5U5iZB5BNN6J0RMoOvdx2gWM2+ZFMIm58q24e4UYA==}
-    engines: {node: '>= 0.10'}
-    hasBin: true
-
-  pseudomap@1.0.2:
-    resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==}
-
-  psl@1.9.0:
-    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
-
-  pump@3.0.0:
-    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
-
-  punycode@2.3.0:
-    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
-    engines: {node: '>=6'}
-
-  punycode@2.3.1:
-    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
-    engines: {node: '>=6'}
-
-  qs@6.10.4:
-    resolution: {integrity: sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==}
-    engines: {node: '>=0.6'}
-
-  querystringify@2.2.0:
-    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
-
-  queue-microtask@1.2.3:
-    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
-
-  queue-tick@1.0.1:
-    resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==}
-
-  quick-lru@4.0.1:
-    resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==}
-    engines: {node: '>=8'}
-
-  randombytes@2.1.0:
-    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
-
-  rc@1.2.8:
-    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
-    hasBin: true
-
-  react-dom@18.2.0:
-    resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
-    peerDependencies:
-      react: ^18.2.0
-
-  react-is@16.13.1:
-    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
-
-  react-redux@9.1.1:
-    resolution: {integrity: sha512-5ynfGDzxxsoV73+4czQM56qF43vsmgJsO22rmAvU5tZT2z5Xow/A2uhhxwXuGTxgdReF3zcp7A80gma2onRs1A==}
-    peerDependencies:
-      '@types/react': ^18.2.25
-      react: ^18.0
-      react-native: '>=0.69'
-      redux: ^5.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      react-native:
-        optional: true
-      redux:
-        optional: true
-
-  react-refresh@0.14.0:
-    resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==}
-    engines: {node: '>=0.10.0'}
-
-  react-router-dom@6.18.0:
-    resolution: {integrity: sha512-Ubrue4+Ercc/BoDkFQfc6og5zRQ4A8YxSO3Knsne+eRbZ+IepAsK249XBH/XaFuOYOYr3L3r13CXTLvYt5JDjw==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      react: '>=16.8'
-      react-dom: '>=16.8'
-
-  react-router@6.18.0:
-    resolution: {integrity: sha512-vk2y7Dsy8wI02eRRaRmOs9g2o+aE72YCx5q9VasT1N9v+lrdB79tIqrjMfByHiY5+6aYkH2rUa5X839nwWGPDg==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      react: '>=16.8'
-
-  react@18.2.0:
-    resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
-    engines: {node: '>=0.10.0'}
-
-  read-cache@1.0.0:
-    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
-
-  read-pkg-up@7.0.1:
-    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
-    engines: {node: '>=8'}
-
-  read-pkg@5.2.0:
-    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
-    engines: {node: '>=8'}
-
-  read-yaml-file@1.1.0:
-    resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==}
-    engines: {node: '>=6'}
-
-  readable-stream@3.6.2:
-    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
-    engines: {node: '>= 6'}
-
-  readdirp@3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
-
-  redent@3.0.0:
-    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
-    engines: {node: '>=8'}
-
-  redux-thunk@3.1.0:
-    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
-    peerDependencies:
-      redux: ^5.0.0
-
-  redux@5.0.1:
-    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
-
-  reflect.getprototypeof@1.0.4:
-    resolution: {integrity: sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==}
-    engines: {node: '>= 0.4'}
-
-  regenerator-runtime@0.14.0:
-    resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==}
-
-  regexp.prototype.flags@1.5.1:
-    resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==}
-    engines: {node: '>= 0.4'}
-
-  rehype-parse@8.0.5:
-    resolution: {integrity: sha512-Ds3RglaY/+clEX2U2mHflt7NlMA72KspZ0JLUJgBBLpRddBcEw3H8uYZQliQriku22NZpYMfjDdSgHcjxue24A==}
-
-  rehype-raw@6.1.1:
-    resolution: {integrity: sha512-d6AKtisSRtDRX4aSPsJGTfnzrX2ZkHQLE5kiUuGOeEoLpbEulFF4hj0mLPbsa+7vmguDKOVVEQdHKDSwoaIDsQ==}
-
-  rehype-stringify@9.0.4:
-    resolution: {integrity: sha512-Uk5xu1YKdqobe5XpSskwPvo1XeHUUucWEQSl8hTrXt5selvca1e8K1EZ37E6YoZ4BT8BCqCdVfQW7OfHfthtVQ==}
-
-  rehype@12.0.1:
-    resolution: {integrity: sha512-ey6kAqwLM3X6QnMDILJthGvG1m1ULROS9NT4uG9IDCuv08SFyLlreSuvOa//DgEvbXx62DS6elGVqusWhRUbgw==}
-
-  remark-gfm@3.0.1:
-    resolution: {integrity: sha512-lEFDoi2PICJyNrACFOfDD3JlLkuSbOa5Wd8EPt06HUdptv8Gn0bxYTdbU/XXQ3swAPkEaGxxPN9cbnMHvVu1Ig==}
-
-  remark-parse@10.0.2:
-    resolution: {integrity: sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==}
-
-  remark-rehype@10.1.0:
-    resolution: {integrity: sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==}
-
-  remark-smartypants@2.0.0:
-    resolution: {integrity: sha512-Rc0VDmr/yhnMQIz8n2ACYXlfw/P/XZev884QU1I5u+5DgJls32o97Vc1RbK3pfumLsJomS2yy8eT4Fxj/2MDVA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
-  request-progress@3.0.0:
-    resolution: {integrity: sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==}
-
-  require-directory@2.1.1:
-    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
-    engines: {node: '>=0.10.0'}
-
-  require-main-filename@2.0.0:
-    resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
-
-  requires-port@1.0.0:
-    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
-
-  reselect@5.1.0:
-    resolution: {integrity: sha512-aw7jcGLDpSgNDyWBQLv2cedml85qd95/iszJjN988zX1t7AVRJi19d9kto5+W7oCfQ94gyo40dVbT6g2k4/kXg==}
-
-  resolve-from@4.0.0:
-    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
-    engines: {node: '>=4'}
-
-  resolve-from@5.0.0:
-    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
-    engines: {node: '>=8'}
-
-  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
-
-  restore-cursor@3.1.0:
-    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
-    engines: {node: '>=8'}
-
-  restore-cursor@4.0.0:
-    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
-  retext-latin@3.1.0:
-    resolution: {integrity: sha512-5MrD1tuebzO8ppsja5eEu+ZbBeUNCjoEarn70tkXOS7Bdsdf6tNahsv2bY0Z8VooFF6cw7/6S+d3yI/TMlMVVQ==}
-
-  retext-smartypants@5.2.0:
-    resolution: {integrity: sha512-Do8oM+SsjrbzT2UNIKgheP0hgUQTDDQYyZaIY3kfq0pdFzoPk+ZClYJ+OERNXveog4xf1pZL4PfRxNoVL7a/jw==}
-
-  retext-stringify@3.1.0:
-    resolution: {integrity: sha512-767TLOaoXFXyOnjx/EggXlb37ZD2u4P1n0GJqVdpipqACsQP+20W+BNpMYrlJkq7hxffnFk+jc6mAK9qrbuB8w==}
-
-  retext@8.1.0:
-    resolution: {integrity: sha512-N9/Kq7YTn6ZpzfiGW45WfEGJqFf1IM1q8OsRa1CGzIebCJBNCANDRmOrholiDRGKo/We7ofKR4SEvcGAWEMD3Q==}
-
-  reusify@1.0.4:
-    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
-    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
-
-  rfdc@1.3.1:
-    resolution: {integrity: sha512-r5a3l5HzYlIC68TpmYKlxWjmOP6wiPJ1vWv2HeLhNsRZMrCkxeqxiHlQ21oXmQ4F3SiryXBHhAD7JZqvOJjFmg==}
-
-  rimraf@2.7.1:
-    resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
-    hasBin: true
-
-  rimraf@3.0.2:
-    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
-    hasBin: true
-
-  rollup-plugin-peer-deps-external@2.2.4:
-    resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==}
-    peerDependencies:
-      rollup: '*'
-
-  rollup@3.23.0:
-    resolution: {integrity: sha512-h31UlwEi7FHihLe1zbk+3Q7z1k/84rb9BSwmBSr/XjOCEaBJ2YyedQDuM0t/kfOS0IxM+vk1/zI9XxYj9V+NJQ==}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
-    hasBin: true
-
-  rollup@3.29.4:
-    resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
-    hasBin: true
-
-  rollup@4.12.1:
-    resolution: {integrity: sha512-ggqQKvx/PsB0FaWXhIvVkSWh7a/PCLQAsMjBc+nA2M8Rv2/HG0X6zvixAB7KyZBRtifBUhy5k8voQX/mRnABPg==}
-    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
-    hasBin: true
-
-  run-parallel@1.2.0:
-    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
-
-  rxjs@7.8.1:
-    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
-
-  sade@1.8.1:
-    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
-    engines: {node: '>=6'}
-
-  safe-array-concat@1.0.1:
-    resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==}
-    engines: {node: '>=0.4'}
-
-  safe-buffer@5.2.1:
-    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
-
-  safe-regex-test@1.0.0:
-    resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
-
-  safer-buffer@2.1.2:
-    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
-
-  sander@0.5.1:
-    resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
-
-  sax@1.3.0:
-    resolution: {integrity: sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==}
-
-  scheduler@0.23.0:
-    resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==}
-
-  section-matter@1.0.0:
-    resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==}
-    engines: {node: '>=4'}
-
-  semver@5.7.2:
-    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
-    hasBin: true
-
-  semver@6.3.1:
-    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
-    hasBin: true
-
-  semver@7.5.4:
-    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
-    engines: {node: '>=10'}
-    hasBin: true
-
-  semver@7.6.0:
-    resolution: {integrity: sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==}
-    engines: {node: '>=10'}
-    hasBin: true
-
-  serialize-javascript@6.0.1:
-    resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==}
-
-  server-destroy@1.0.1:
-    resolution: {integrity: sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==}
-
-  set-blocking@2.0.0:
-    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
-
-  set-cookie-parser@2.6.0:
-    resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
-
-  set-function-length@1.1.1:
-    resolution: {integrity: sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==}
-    engines: {node: '>= 0.4'}
-
-  set-function-length@1.2.1:
-    resolution: {integrity: sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==}
-    engines: {node: '>= 0.4'}
-
-  set-function-name@2.0.1:
-    resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==}
-    engines: {node: '>= 0.4'}
-
-  sharp@0.32.6:
-    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==}
-    engines: {node: '>=14.15.0'}
-
-  shebang-command@1.2.0:
-    resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
-    engines: {node: '>=0.10.0'}
-
-  shebang-command@2.0.0:
-    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
-    engines: {node: '>=8'}
-
-  shebang-regex@1.0.0:
-    resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==}
-    engines: {node: '>=0.10.0'}
-
-  shebang-regex@3.0.0:
-    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
-    engines: {node: '>=8'}
-
-  shell-quote@1.8.1:
-    resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
-
-  shiki@0.14.5:
-    resolution: {integrity: sha512-1gCAYOcmCFONmErGTrS1fjzJLA7MGZmKzrBNX7apqSwhyITJg2O102uFzXUeBxNnEkDA9vHIKLyeKq0V083vIw==}
-
-  side-channel@1.0.4:
-    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
-
-  side-channel@1.0.6:
-    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
-    engines: {node: '>= 0.4'}
-
-  signal-exit@3.0.7:
-    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
-
-  signal-exit@4.1.0:
-    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
-    engines: {node: '>=14'}
-
-  simple-concat@1.0.1:
-    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
-
-  simple-get@4.0.1:
-    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
-
-  simple-swizzle@0.2.2:
-    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
-
-  sirv@2.0.4:
-    resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
-    engines: {node: '>= 10'}
-
-  sisteransi@1.0.5:
-    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
-
-  slash@3.0.0:
-    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
-    engines: {node: '>=8'}
-
-  slash@5.1.0:
-    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
-    engines: {node: '>=14.16'}
-
-  slice-ansi@3.0.0:
-    resolution: {integrity: sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==}
-    engines: {node: '>=8'}
-
-  slice-ansi@4.0.0:
-    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
-    engines: {node: '>=10'}
-
-  smartwrap@2.0.2:
-    resolution: {integrity: sha512-vCsKNQxb7PnCNd2wY1WClWifAc2lwqsG8OaswpJkVJsvMGcnEntdTCDajZCkk93Ay1U3t/9puJmb525Rg5MZBA==}
-    engines: {node: '>=6'}
-    hasBin: true
-
-  smob@1.4.1:
-    resolution: {integrity: sha512-9LK+E7Hv5R9u4g4C3p+jjLstaLe11MDsL21UpYaCNmapvMkYhqCV4A/f/3gyH8QjMyh6l68q9xC85vihY9ahMQ==}
-
-  sorcery@0.11.0:
-    resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==}
-    hasBin: true
-
-  source-map-js@1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
-    engines: {node: '>=0.10.0'}
-
-  source-map-support@0.5.21:
-    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
-
-  source-map@0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
-    engines: {node: '>=0.10.0'}
-
-  space-separated-tokens@2.0.2:
-    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
-
-  spawn-command@0.0.2-1:
-    resolution: {integrity: sha512-n98l9E2RMSJ9ON1AKisHzz7V42VDiBQGY6PB1BwRglz99wpVsSuGzQ+jOi6lFXBGVTCrRpltvjm+/XA+tpeJrg==}
-
-  spawndamnit@2.0.0:
-    resolution: {integrity: sha512-j4JKEcncSjFlqIwU5L/rp2N5SIPsdxaRsIv678+TZxZ0SRDJTm8JrxJMjE/XuiEZNEir3S8l0Fa3Ke339WI4qA==}
-
-  spdx-correct@3.2.0:
-    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
-
-  spdx-exceptions@2.3.0:
-    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
-
-  spdx-expression-parse@3.0.1:
-    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
-
-  spdx-license-ids@3.0.16:
-    resolution: {integrity: sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==}
-
-  split@0.3.3:
-    resolution: {integrity: sha512-wD2AeVmxXRBoX44wAycgjVpMhvbwdI2aZjCkvfNcH1YqHQvJVa1duWc73OyVGJUc05fhFaTZeQ/PYsrmyH0JVA==}
-
-  sprintf-js@1.0.3:
-    resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
-
-  sshpk@1.18.0:
-    resolution: {integrity: sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==}
-    engines: {node: '>=0.10.0'}
-    hasBin: true
-
-  start-server-and-test@2.0.2:
-    resolution: {integrity: sha512-4sGS2QmETUwqeBUqtTLP7OqXp3PdDnevaWlPlrFQgn8+7uCgVg4Do7/H/ZhAAVyvnL3DqKyANhnLgcgxrjhrMA==}
-    engines: {node: '>=16'}
-    hasBin: true
-
-  stdin-discarder@0.1.0:
-    resolution: {integrity: sha512-xhV7w8S+bUwlPTb4bAOUQhv8/cSS5offJuX8GQGq32ONF0ZtDWKfkdomM3HMRA+LhX6um/FZ0COqlwsjD53LeQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
-  stream-combiner@0.0.4:
-    resolution: {integrity: sha512-rT00SPnTVyRsaSz5zgSPma/aHSOic5U1prhYdRy5HS2kTZviFpmDgzilbtsJsxiroqACmayynDN/9VzIbX5DOw==}
-
-  stream-parser@0.3.1:
-    resolution: {integrity: sha512-bJ/HgKq41nlKvlhccD5kaCr/P+Hu0wPNKPJOH7en+YrJu/9EgqUF+88w5Jb6KNcjOFMhfX4B2asfeAtIGuHObQ==}
-
-  stream-transform@2.1.3:
-    resolution: {integrity: sha512-9GHUiM5hMiCi6Y03jD2ARC1ettBXkQBoQAe7nJsPknnI0ow10aXjTnew8QtYQmLjzn974BnmWEAJgCY6ZP1DeQ==}
-
-  streamx@2.15.1:
-    resolution: {integrity: sha512-fQMzy2O/Q47rgwErk/eGeLu/roaFWV0jVsogDmrszM9uIw8L5OA+t+V93MgYlufNptfjmYR1tOMWhei/Eh7TQA==}
-
-  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-width@6.1.0:
-    resolution: {integrity: sha512-k01swCJAgQmuADB0YIc+7TuatfNvTBVOoaUWJjTB9R4VJzR5vNWzf5t42ESVZFPS8xTySF7CAdV4t/aaIm3UnQ==}
-    engines: {node: '>=16'}
-
-  string.prototype.matchall@4.0.10:
-    resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==}
-
-  string.prototype.trim@1.2.8:
-    resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==}
-    engines: {node: '>= 0.4'}
-
-  string.prototype.trimend@1.0.7:
-    resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==}
-
-  string.prototype.trimstart@1.0.7:
-    resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==}
-
-  string_decoder@1.3.0:
-    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
-
-  stringify-entities@4.0.3:
-    resolution: {integrity: sha512-BP9nNHMhhfcMbiuQKCqMjhDP5yBCAxsPu4pHFFzJ6Alo9dZgY4VLDPutXqIjpRiMoKdp7Av85Gr73Q5uH9k7+g==}
-
-  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-string@1.0.0:
-    resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==}
-    engines: {node: '>=0.10.0'}
-
-  strip-bom@3.0.0:
-    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
-    engines: {node: '>=4'}
-
-  strip-bom@4.0.0:
-    resolution: {integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==}
-    engines: {node: '>=8'}
-
-  strip-final-newline@2.0.0:
-    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
-    engines: {node: '>=6'}
-
-  strip-final-newline@3.0.0:
-    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
-    engines: {node: '>=12'}
-
-  strip-indent@3.0.0:
-    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
-    engines: {node: '>=8'}
-
-  strip-json-comments@2.0.1:
-    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
-    engines: {node: '>=0.10.0'}
-
-  strip-json-comments@3.1.1:
-    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
-    engines: {node: '>=8'}
-
-  stylehacks@6.0.0:
-    resolution: {integrity: sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
-
-  stylehacks@6.1.0:
-    resolution: {integrity: sha512-ETErsPFgwlfYZ/CSjMO2Ddf+TsnkCVPBPaoB99Ro8WMAxf7cglzmFsRBhRmKObFjibtcvlNxFFPHuyr3sNlNUQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
-
-  supports-color@5.5.0:
-    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
-    engines: {node: '>=4'}
-
-  supports-color@7.2.0:
-    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
-    engines: {node: '>=8'}
-
-  supports-color@8.1.1:
-    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
-    engines: {node: '>=10'}
-
-  supports-preserve-symlinks-flag@1.0.0:
-    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
-    engines: {node: '>= 0.4'}
-
-  svelte-check@3.6.6:
-    resolution: {integrity: sha512-b9q9rOHOMYF3U8XllK7LmXTq1LeWQ98waGfEJzrFutViadkNl1tgdEtxIQ8yuPx+VQ4l7YrknYol+0lfZocaZw==}
-    hasBin: true
-    peerDependencies:
-      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
-
-  svelte-check@3.6.7:
-    resolution: {integrity: sha512-tKEjemK9FYCySAseCaIt+ps5o0XRvLC7ECjyJXXtO7vOQhR9E6JavgoUbGP1PCulD2OTcB/fi9RjV3nyF1AROw==}
-    hasBin: true
-    peerDependencies:
-      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
-
-  svelte-eslint-parser@0.33.1:
-    resolution: {integrity: sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      svelte: ^3.37.0 || ^4.0.0
-    peerDependenciesMeta:
-      svelte:
-        optional: true
-
-  svelte-hmr@0.15.3:
-    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
-    engines: {node: ^12.20 || ^14.13.1 || >= 16}
-    peerDependencies:
-      svelte: ^3.19.0 || ^4.0.0
-
-  svelte-preprocess@5.1.3:
-    resolution: {integrity: sha512-xxAkmxGHT+J/GourS5mVJeOXZzne1FR5ljeOUAMXUkfEhkLEllRreXpbl3dIYJlcJRfL1LO1uIAPpBpBfiqGPw==}
-    engines: {node: '>= 16.0.0', pnpm: ^8.0.0}
-    peerDependencies:
-      '@babel/core': ^7.10.2
-      coffeescript: ^2.5.1
-      less: ^3.11.3 || ^4.0.0
-      postcss: ^7 || ^8
-      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
-      pug: ^3.0.0
-      sass: ^1.26.8
-      stylus: ^0.55.0
-      sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
-      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
-      typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
-    peerDependenciesMeta:
-      '@babel/core':
-        optional: true
-      coffeescript:
-        optional: true
-      less:
-        optional: true
-      postcss:
-        optional: true
-      postcss-load-config:
-        optional: true
-      pug:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      typescript:
-        optional: true
-
-  svelte2tsx@0.6.23:
-    resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==}
-    peerDependencies:
-      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
-      typescript: ^4.9.4 || ^5.0.0
-
-  svelte2tsx@0.7.3:
-    resolution: {integrity: sha512-yrjJFvqp32Ag4Oke+T1xXZLqMNrS0gjzAM//+L6+7OhXWMDuMs0fkyb9ymixK9keVOLJ1GbeEVfg59c3E2IN+w==}
-    peerDependencies:
-      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
-      typescript: ^4.9.4 || ^5.0.0
-
-  svelte@4.2.1:
-    resolution: {integrity: sha512-LpLqY2Jr7cRxkrTc796/AaaoMLF/1ax7cto8Ot76wrvKQhrPmZ0JgajiWPmg9mTSDqO16SSLiD17r9MsvAPTmw==}
-    engines: {node: '>=16'}
-
-  svelte@4.2.12:
-    resolution: {integrity: sha512-d8+wsh5TfPwqVzbm4/HCXC783/KPHV60NvwitJnyTA5lWn1elhXMNWhXGCJ7PwPa8qFUnyJNIyuIRt2mT0WMug==}
-    engines: {node: '>=16'}
-
-  svgo@3.0.2:
-    resolution: {integrity: sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
-
-  svgo@3.2.0:
-    resolution: {integrity: sha512-4PP6CMW/V7l/GmKRKzsLR8xxjdHTV4IMvhTnpuHwwBazSIlw5W/5SmPjN8Dwyt7lKbSJrRDgp4t9ph0HgChFBQ==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
-
-  tar-fs@2.1.1:
-    resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
-
-  tar-fs@3.0.4:
-    resolution: {integrity: sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==}
-
-  tar-stream@2.2.0:
-    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
-    engines: {node: '>=6'}
-
-  tar-stream@3.1.6:
-    resolution: {integrity: sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==}
-
-  term-size@2.2.1:
-    resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==}
-    engines: {node: '>=8'}
-
-  terser@5.22.0:
-    resolution: {integrity: sha512-hHZVLgRA2z4NWcN6aS5rQDc+7Dcy58HOf2zbYwmFcQ+ua3h6eEFf5lIDKTzbWwlazPyOZsFQO8V80/IjVNExEw==}
-    engines: {node: '>=10'}
-    hasBin: true
-
-  text-table@0.2.0:
-    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
-
-  thenby@1.3.4:
-    resolution: {integrity: sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==}
-
-  throttleit@1.0.1:
-    resolution: {integrity: sha512-vDZpf9Chs9mAdfY046mcPt8fg5QSZr37hEH4TXYBnDF+izxgrbRGUAAaBvIk/fJm9aOFCGFd1EsNg5AZCbnQCQ==}
-
-  through@2.3.8:
-    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
-
-  tiny-glob@0.2.9:
-    resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
-
-  tmp@0.0.33:
-    resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==}
-    engines: {node: '>=0.6.0'}
-
-  tmp@0.2.3:
-    resolution: {integrity: sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==}
-    engines: {node: '>=14.14'}
-
-  to-fast-properties@2.0.0:
-    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
-    engines: {node: '>=4'}
-
-  to-regex-range@5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
-    engines: {node: '>=8.0'}
-
-  totalist@3.0.1:
-    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
-    engines: {node: '>=6'}
-
-  tough-cookie@4.1.3:
-    resolution: {integrity: sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==}
-    engines: {node: '>=6'}
-
-  tr46@0.0.3:
-    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
-
-  tree-kill@1.2.2:
-    resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
-    hasBin: true
-
-  trim-lines@3.0.1:
-    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
-
-  trim-newlines@3.0.1:
-    resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
-    engines: {node: '>=8'}
-
-  trough@2.1.0:
-    resolution: {integrity: sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==}
-
-  ts-api-utils@1.0.3:
-    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
-    engines: {node: '>=16.13.0'}
-    peerDependencies:
-      typescript: '>=4.2.0'
-
-  tsconfig-resolver@3.0.1:
-    resolution: {integrity: sha512-ZHqlstlQF449v8glscGRXzL6l2dZvASPCdXJRWG4gHEZlUVx2Jtmr+a2zeVG4LCsKhDXKRj5R3h0C/98UcVAQg==}
-
-  tslib@2.6.2:
-    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
-
-  tty-table@4.2.2:
-    resolution: {integrity: sha512-2gvCArMZLxgvpZ2NvQKdnYWIFLe7I/z5JClMuhrDXunmKgSZcQKcZRjN9XjAFiToMz2pUo1dEIXyrm0AwgV5Tw==}
-    engines: {node: '>=8.0.0'}
-    hasBin: true
-
-  tunnel-agent@0.6.0:
-    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
-
-  turbo-darwin-64@1.10.0:
-    resolution: {integrity: sha512-N0aVGFtBgOKd7pIdUiKREwnDhNHRIvpMJbmUw04c1AqEoTiKAKT6iuzcCozO5N/gYMVr0hxrXgLal5OLYXtcsw==}
-    cpu: [x64]
-    os: [darwin]
-
-  turbo-darwin-arm64@1.10.0:
-    resolution: {integrity: sha512-boXzhaHTS5MsTMv48I/JmYp9/fYplXk5nACUDrqV6nD1hzO5PMn5wNg75ATbpkaMaeuD+hjuobeSxn1p4vpqQg==}
-    cpu: [arm64]
-    os: [darwin]
-
-  turbo-linux-64@1.10.0:
-    resolution: {integrity: sha512-crKQuS1jrp4vp+Th6EmUqqmAlvYNnzGmwWMLeckmYILrV7zAddu87eJu4hB7V6uV+W1qHZUTw8WXa1w1+8boBw==}
-    cpu: [x64]
-    os: [linux]
-
-  turbo-linux-arm64@1.10.0:
-    resolution: {integrity: sha512-Y2fhWe0xepLjl7doIvsJK7mp2h8E+OF6qJsUHRgxFeRWQWi1I6clD2aEQeykHK8Tp+qp8pKFMocj32nFBvuCcg==}
-    cpu: [arm64]
-    os: [linux]
-
-  turbo-windows-64@1.10.0:
-    resolution: {integrity: sha512-uh8rEqH6teaHysEMjinwWBqyNwv4IvgSAwbq/OphP8jObstTYHoR+gFPo8RQUSTaBYy4QVszgi5eO5YLvEQqNA==}
-    cpu: [x64]
-    os: [win32]
-
-  turbo-windows-arm64@1.10.0:
-    resolution: {integrity: sha512-JaVj3iM7qyRD6xYGZLL/Gs4mQKfM1zL0f91AwHZLNkk1CrJ6i5kO4ZjhKkwXSpVOTNKW3sX0Q7dExXj85Vv7UQ==}
-    cpu: [arm64]
-    os: [win32]
-
-  turbo@1.10.0:
-    resolution: {integrity: sha512-GWxoL2zJduiNaEHz78o74l2jCQEeuUZ3MdpMPz0SpZOvt3nimpvQPNxiyfbqt3U9/V5G375PWKYSbXkVnIbQcA==}
-    hasBin: true
-
-  tweetnacl@0.14.5:
-    resolution: {integrity: sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==}
-
-  type-check@0.4.0:
-    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
-    engines: {node: '>= 0.8.0'}
-
-  type-fest@0.13.1:
-    resolution: {integrity: sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==}
-    engines: {node: '>=10'}
-
-  type-fest@0.20.2:
-    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
-    engines: {node: '>=10'}
-
-  type-fest@0.21.3:
-    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
-    engines: {node: '>=10'}
-
-  type-fest@0.6.0:
-    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
-    engines: {node: '>=8'}
-
-  type-fest@0.8.1:
-    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
-    engines: {node: '>=8'}
-
-  type-fest@2.19.0:
-    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
-    engines: {node: '>=12.20'}
-
-  typed-array-buffer@1.0.0:
-    resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==}
-    engines: {node: '>= 0.4'}
-
-  typed-array-byte-length@1.0.0:
-    resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==}
-    engines: {node: '>= 0.4'}
-
-  typed-array-byte-offset@1.0.0:
-    resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==}
-    engines: {node: '>= 0.4'}
-
-  typed-array-length@1.0.4:
-    resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
-
-  typescript@5.1.3:
-    resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==}
-    engines: {node: '>=14.17'}
-    hasBin: true
-
-  typescript@5.2.2:
-    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
-    engines: {node: '>=14.17'}
-    hasBin: true
-
-  typescript@5.4.2:
-    resolution: {integrity: sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==}
-    engines: {node: '>=14.17'}
-    hasBin: true
-
-  ultrahtml@1.5.2:
-    resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==}
-
-  unbox-primitive@1.0.2:
-    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
-
-  undici-types@5.26.5:
-    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
-
-  undici@5.26.5:
-    resolution: {integrity: sha512-cSb4bPFd5qgR7qr2jYAi0hlX9n5YKK2ONKkLFkxl+v/9BvC0sOpZjBHDBSXc5lWAf5ty9oZdRXytBIHzgUcerw==}
-    engines: {node: '>=14.0'}
-
-  unherit@3.0.1:
-    resolution: {integrity: sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==}
-
-  unicorn-magic@0.1.0:
-    resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
-    engines: {node: '>=18'}
-
-  unified@10.1.2:
-    resolution: {integrity: sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==}
-
-  unist-util-generated@2.0.1:
-    resolution: {integrity: sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==}
-
-  unist-util-is@5.2.1:
-    resolution: {integrity: sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==}
-
-  unist-util-is@6.0.0:
-    resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
-
-  unist-util-modify-children@3.1.1:
-    resolution: {integrity: sha512-yXi4Lm+TG5VG+qvokP6tpnk+r1EPwyYL04JWDxLvgvPV40jANh7nm3udk65OOWquvbMDe+PL9+LmkxDpTv/7BA==}
-
-  unist-util-position@4.0.4:
-    resolution: {integrity: sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==}
-
-  unist-util-stringify-position@3.0.3:
-    resolution: {integrity: sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==}
-
-  unist-util-visit-children@2.0.2:
-    resolution: {integrity: sha512-+LWpMFqyUwLGpsQxpumsQ9o9DG2VGLFrpz+rpVXYIEdPy57GSy5HioC0g3bg/8WP9oCLlapQtklOzQ8uLS496Q==}
-
-  unist-util-visit-parents@5.1.3:
-    resolution: {integrity: sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==}
-
-  unist-util-visit-parents@6.0.1:
-    resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==}
-
-  unist-util-visit@4.1.2:
-    resolution: {integrity: sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==}
-
-  unist-util-visit@5.0.0:
-    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
-
-  universalify@0.1.2:
-    resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
-    engines: {node: '>= 4.0.0'}
-
-  universalify@0.2.0:
-    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
-    engines: {node: '>= 4.0.0'}
-
-  universalify@2.0.1:
-    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
-    engines: {node: '>= 10.0.0'}
-
-  untildify@4.0.0:
-    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
-    engines: {node: '>=8'}
-
-  update-browserslist-db@1.0.13:
-    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
-
-  uri-js@4.4.1:
-    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
-
-  url-parse@1.5.10:
-    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==}
-
-  use-sync-external-store@1.2.0:
-    resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-
-  util-deprecate@1.0.2:
-    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
-
-  uuid@8.3.2:
-    resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
-    hasBin: true
-
-  uvu@0.5.6:
-    resolution: {integrity: sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==}
-    engines: {node: '>=8'}
-    hasBin: true
-
-  validate-npm-package-license@3.0.4:
-    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
-
-  verror@1.10.0:
-    resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==}
-    engines: {'0': node >=0.6.0}
-
-  vfile-location@4.1.0:
-    resolution: {integrity: sha512-YF23YMyASIIJXpktBa4vIGLJ5Gs88UB/XePgqPmTa7cDA+JeO3yclbpheQYCHjVHBn/yePzrXuygIL+xbvRYHw==}
-
-  vfile-message@3.1.4:
-    resolution: {integrity: sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==}
-
-  vfile@5.3.7:
-    resolution: {integrity: sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==}
-
-  vite@4.5.0:
-    resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-
-  vite@5.1.5:
-    resolution: {integrity: sha512-BdN1xh0Of/oQafhU+FvopafUp6WaYenLU/NFoL5WyJL++GxkNfieKzBhM24H3HVsPQrlAqB7iJYTHabzaRed5Q==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': ^18.0.0 || >=20.0.0
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-
-  vite@5.1.6:
-    resolution: {integrity: sha512-yYIAZs9nVfRJ/AiOLCA91zzhjsHUgMjB+EigzFb6W2XTLO8JixBCKCjvhKZaye+NKYHCrkv3Oh50dH9EdLU2RA==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': ^18.0.0 || >=20.0.0
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-
-  vitefu@0.2.5:
-    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
-    peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
-    peerDependenciesMeta:
-      vite:
-        optional: true
-
-  vscode-oniguruma@1.7.0:
-    resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==}
-
-  vscode-textmate@8.0.0:
-    resolution: {integrity: sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==}
-
-  wait-on@7.1.0:
-    resolution: {integrity: sha512-U7TF/OYYzAg+OoiT/B8opvN48UHt0QYMi4aD3PjRFpybQ+o6czQF8Ig3SKCCMJdxpBrCalIJ4O00FBof27Fu9Q==}
-    engines: {node: '>=12.0.0'}
-    hasBin: true
-
-  wcwidth@1.0.1:
-    resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
-
-  web-namespaces@2.0.1:
-    resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
-
-  webidl-conversions@3.0.1:
-    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
-
-  whatwg-url@5.0.0:
-    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
-
-  which-boxed-primitive@1.0.2:
-    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
-
-  which-builtin-type@1.1.3:
-    resolution: {integrity: sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==}
-    engines: {node: '>= 0.4'}
-
-  which-collection@1.0.1:
-    resolution: {integrity: sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==}
-
-  which-module@2.0.1:
-    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
-
-  which-pm-runs@1.1.0:
-    resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==}
-    engines: {node: '>=4'}
-
-  which-pm@2.0.0:
-    resolution: {integrity: sha512-Lhs9Pmyph0p5n5Z3mVnN0yWcbQYUAD7rbQUiMsQxOJ3T57k7RFe35SUwWMf7dsbDZks1uOmw4AecB/JMDj3v/w==}
-    engines: {node: '>=8.15'}
-
-  which-pm@2.1.1:
-    resolution: {integrity: sha512-xzzxNw2wMaoCWXiGE8IJ9wuPMU+EYhFksjHxrRT8kMT5SnocBPRg69YAMtyV4D12fP582RA+k3P8H9J5EMdIxQ==}
-    engines: {node: '>=8.15'}
-
-  which-typed-array@1.1.13:
-    resolution: {integrity: sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==}
-    engines: {node: '>= 0.4'}
-
-  which@1.3.1:
-    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
-    hasBin: true
-
-  which@2.0.2:
-    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
-    engines: {node: '>= 8'}
-    hasBin: true
-
-  widest-line@4.0.1:
-    resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==}
-    engines: {node: '>=12'}
-
-  wrap-ansi@6.2.0:
-    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
-    engines: {node: '>=8'}
-
-  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==}
-
-  y18n@4.0.3:
-    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
-
-  y18n@5.0.8:
-    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
-    engines: {node: '>=10'}
-
-  yallist@2.1.2:
-    resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==}
-
-  yallist@3.1.1:
-    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
-
-  yallist@4.0.0:
-    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
-
-  yaml@1.10.2:
-    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
-    engines: {node: '>= 6'}
-
-  yaml@2.3.4:
-    resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==}
-    engines: {node: '>= 14'}
-
-  yargs-parser@18.1.3:
-    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
-    engines: {node: '>=6'}
-
-  yargs-parser@21.1.1:
-    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
-    engines: {node: '>=12'}
-
-  yargs@15.4.1:
-    resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
-    engines: {node: '>=8'}
-
-  yargs@17.7.2:
-    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
-    engines: {node: '>=12'}
-
-  yauzl@2.10.0:
-    resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==}
-
-  yocto-queue@0.1.0:
-    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
-    engines: {node: '>=10'}
-
-  yocto-queue@1.0.0:
-    resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
-    engines: {node: '>=12.20'}
-
-  zod@3.21.1:
-    resolution: {integrity: sha512-+dTu2m6gmCbO9Ahm4ZBDapx2O6ZY9QSPXst2WXjcznPMwf2YNpn3RevLx4KkZp1OPW/ouFcoBtBzFz/LeY69oA==}
-
-  zustand@4.4.1:
-    resolution: {integrity: sha512-QCPfstAS4EBiTQzlaGP1gmorkh/UL1Leaj2tdj+zZCZ/9bm0WS7sI2wnfD5lpOszFqWJ1DcPnGoY8RDL61uokw==}
-    engines: {node: '>=12.7.0'}
-    peerDependencies:
-      '@types/react': '>=16.8'
-      immer: '>=9.0'
-      react: '>=16.8'
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      immer:
-        optional: true
-      react:
-        optional: true
-
-  zustand@4.4.6:
-    resolution: {integrity: sha512-Rb16eW55gqL4W2XZpJh0fnrATxYEG3Apl2gfHTyDSE965x/zxslTikpNch0JgNjJA9zK6gEFW8Fl6d1rTZaqgg==}
-    engines: {node: '>=12.7.0'}
-    peerDependencies:
-      '@types/react': '>=16.8'
-      immer: '>=9.0'
-      react: '>=16.8'
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      immer:
-        optional: true
-      react:
-        optional: true
-
-  zwitch@2.0.4:
-    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
-
-snapshots:
-
-  '@aashutoshrathi/word-wrap@1.2.6': {}
-
-  '@ampproject/remapping@2.2.1':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.3
       '@jridgewell/trace-mapping': 0.3.20
+    dev: false
 
-  '@ampproject/remapping@2.3.0':
+  /@ampproject/remapping@2.3.0:
+    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
+    engines: {node: '>=6.0.0'}
     dependencies:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@astrojs/compiler@2.2.1': {}
+  /@astrojs/compiler@2.2.1:
+    resolution: {integrity: sha512-NJ1lWKzMkyEjE3W5NpPNAVot4/PLF5om/P6ekxNu3iLS05CaYFTcp7WpYMjdCC252b7wkNVAs45FNkVQ+RHW/g==}
+    dev: false
 
-  '@astrojs/internal-helpers@0.2.0': {}
+  /@astrojs/internal-helpers@0.2.0:
+    resolution: {integrity: sha512-NQ4ppp1CM0HNkKbJNM4saVSfmUYzGlRalF6wx7F6T/MYHYSWGuojY89/oFTy4t8VlOGUCUijlsVNNeziWaUo5g==}
+    dev: false
 
-  '@astrojs/markdown-remark@3.2.0(astro@3.2.2)':
+  /@astrojs/markdown-remark@3.2.0(astro@3.2.2):
+    resolution: {integrity: sha512-jigyLfefUZPKgVmmraCkVpdUuFH1R3SrpgQO13axsgwLDBgkggaQpNR5Ag4O9PDualeBtbdt30aYSfvnBKx9Hg==}
+    peerDependencies:
+      astro: ^3.1.0
     dependencies:
       '@astrojs/prism': 3.0.0
       astro: 3.2.2
@@ -6170,12 +531,23 @@ snapshots:
       vfile: 5.3.7
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  '@astrojs/prism@3.0.0':
+  /@astrojs/prism@3.0.0:
+    resolution: {integrity: sha512-g61lZupWq1bYbcBnYZqdjndShr/J3l/oFobBKPA3+qMat146zce3nz2kdO4giGbhYDt4gYdhmoBz0vZJ4sIurQ==}
+    engines: {node: '>=18.14.1'}
     dependencies:
       prismjs: 1.29.0
+    dev: false
 
-  '@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0)':
+  /@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0):
+    resolution: {integrity: sha512-aooNIuQxTg+IWGMZPuIEwBeBi4/TCPCMsr3714zuLjAjukVd5ZrX/bCNxJqDWU4HNwUm4XFU1OhcEvYOHa5uMQ==}
+    engines: {node: '>=18.14.1'}
+    peerDependencies:
+      '@types/react': ^17.0.50 || ^18.0.21
+      '@types/react-dom': ^17.0.17 || ^18.0.6
+      react: ^17.0.2 || ^18.0.0
+      react-dom: ^17.0.2 || ^18.0.0
     dependencies:
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -6186,8 +558,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
       - vite
+    dev: false
 
-  '@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.4.2)(vite@4.5.0)':
+  /@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.4.2)(vite@4.5.0):
+    resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==}
+    engines: {node: '>=18.14.1'}
+    peerDependencies:
+      astro: ^3.0.11
+      svelte: ^3.55.0 || ^4.0.0
     dependencies:
       '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
       astro: 3.2.2
@@ -6197,8 +575,11 @@ snapshots:
       - supports-color
       - typescript
       - vite
+    dev: false
 
-  '@astrojs/telemetry@3.0.2':
+  /@astrojs/telemetry@3.0.2:
+    resolution: {integrity: sha512-ef+jqCkqopCzjGfsMsr+8p56Nj6F9ZzouWcWZt+dKsqbRccI3c8K3jfkLcdq4AyfFZtKBDB6N4ZuI68g33oiOg==}
+    engines: {node: '>=18.14.1'}
     dependencies:
       ci-info: 3.9.0
       debug: 4.3.4(supports-color@8.1.1)
@@ -6210,22 +591,34 @@ snapshots:
       which-pm-runs: 1.1.0
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  '@babel/code-frame@7.22.13':
+  /@babel/code-frame@7.22.13:
+    resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/highlight': 7.22.20
       chalk: 2.4.2
 
-  '@babel/code-frame@7.23.5':
+  /@babel/code-frame@7.23.5:
+    resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/highlight': 7.23.4
       chalk: 2.4.2
 
-  '@babel/compat-data@7.23.2': {}
+  /@babel/compat-data@7.23.2:
+    resolution: {integrity: sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==}
+    engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.23.5': {}
+  /@babel/compat-data@7.23.5:
+    resolution: {integrity: sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==}
+    engines: {node: '>=6.9.0'}
+    dev: false
 
-  '@babel/core@7.23.2':
+  /@babel/core@7.23.2:
+    resolution: {integrity: sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.22.13
@@ -6245,7 +638,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/core@7.24.0':
+  /@babel/core@7.24.0:
+    resolution: {integrity: sha512-fQfkg0Gjkza3nf0c7/w6Xf34BW4YvzNfACRLmmb7XRLa6XHdR+K9AlJlxneFfWYf6uhOzuzZVTjF/8KfndZANw==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.23.5
@@ -6264,26 +659,37 @@ snapshots:
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  '@babel/generator@7.23.0':
+  /@babel/generator@7.23.0:
+    resolution: {integrity: sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': 7.23.0
       '@jridgewell/gen-mapping': 0.3.3
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
 
-  '@babel/generator@7.23.6':
+  /@babel/generator@7.23.6:
+    resolution: {integrity: sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': 7.24.0
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
+    dev: false
 
-  '@babel/helper-annotate-as-pure@7.22.5':
+  /@babel/helper-annotate-as-pure@7.22.5:
+    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': 7.23.0
+    dev: false
 
-  '@babel/helper-compilation-targets@7.22.15':
+  /@babel/helper-compilation-targets@7.22.15:
+    resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/compat-data': 7.23.2
       '@babel/helper-validator-option': 7.22.15
@@ -6291,30 +697,45 @@ snapshots:
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-compilation-targets@7.23.6':
+  /@babel/helper-compilation-targets@7.23.6:
+    resolution: {integrity: sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/compat-data': 7.23.5
       '@babel/helper-validator-option': 7.23.5
       browserslist: 4.23.0
       lru-cache: 5.1.1
       semver: 6.3.1
+    dev: false
 
-  '@babel/helper-environment-visitor@7.22.20': {}
+  /@babel/helper-environment-visitor@7.22.20:
+    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==}
+    engines: {node: '>=6.9.0'}
 
-  '@babel/helper-function-name@7.23.0':
+  /@babel/helper-function-name@7.23.0:
+    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.22.15
       '@babel/types': 7.23.0
 
-  '@babel/helper-hoist-variables@7.22.5':
+  /@babel/helper-hoist-variables@7.22.5:
+    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': 7.23.0
 
-  '@babel/helper-module-imports@7.22.15':
+  /@babel/helper-module-imports@7.22.15:
+    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': 7.23.0
 
-  '@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2)':
+  /@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2):
+    resolution: {integrity: sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
     dependencies:
       '@babel/core': 7.23.2
       '@babel/helper-environment-visitor': 7.22.20
@@ -6323,7 +744,11 @@ snapshots:
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/helper-validator-identifier': 7.22.20
 
-  '@babel/helper-module-transforms@7.23.3(@babel/core@7.24.0)':
+  /@babel/helper-module-transforms@7.23.3(@babel/core@7.24.0):
+    resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
     dependencies:
       '@babel/core': 7.24.0
       '@babel/helper-environment-visitor': 7.22.20
@@ -6331,30 +756,53 @@ snapshots:
       '@babel/helper-simple-access': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/helper-validator-identifier': 7.22.20
+    dev: false
 
-  '@babel/helper-plugin-utils@7.22.5': {}
+  /@babel/helper-plugin-utils@7.22.5:
+    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
+    engines: {node: '>=6.9.0'}
 
-  '@babel/helper-plugin-utils@7.24.0': {}
+  /@babel/helper-plugin-utils@7.24.0:
+    resolution: {integrity: sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w==}
+    engines: {node: '>=6.9.0'}
+    dev: false
 
-  '@babel/helper-simple-access@7.22.5':
+  /@babel/helper-simple-access@7.22.5:
+    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': 7.23.0
 
-  '@babel/helper-split-export-declaration@7.22.6':
+  /@babel/helper-split-export-declaration@7.22.6:
+    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': 7.23.0
 
-  '@babel/helper-string-parser@7.22.5': {}
+  /@babel/helper-string-parser@7.22.5:
+    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
+    engines: {node: '>=6.9.0'}
 
-  '@babel/helper-string-parser@7.23.4': {}
+  /@babel/helper-string-parser@7.23.4:
+    resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==}
+    engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-identifier@7.22.20': {}
+  /@babel/helper-validator-identifier@7.22.20:
+    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
+    engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-option@7.22.15': {}
+  /@babel/helper-validator-option@7.22.15:
+    resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==}
+    engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-option@7.23.5': {}
+  /@babel/helper-validator-option@7.23.5:
+    resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==}
+    engines: {node: '>=6.9.0'}
+    dev: false
 
-  '@babel/helpers@7.23.2':
+  /@babel/helpers@7.23.2:
+    resolution: {integrity: sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.22.15
       '@babel/traverse': 7.23.2
@@ -6362,64 +810,108 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helpers@7.24.0':
+  /@babel/helpers@7.24.0:
+    resolution: {integrity: sha512-ulDZdc0Aj5uLc5nETsa7EPx2L7rM0YJM8r7ck7U73AXi7qOV44IHHRAYZHY6iU1rr3C5N4NtTmMRUJP6kwCWeA==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.24.0
       '@babel/traverse': 7.24.0
       '@babel/types': 7.24.0
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  '@babel/highlight@7.22.20':
+  /@babel/highlight@7.22.20:
+    resolution: {integrity: sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-validator-identifier': 7.22.20
       chalk: 2.4.2
       js-tokens: 4.0.0
 
-  '@babel/highlight@7.23.4':
+  /@babel/highlight@7.23.4:
+    resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-validator-identifier': 7.22.20
       chalk: 2.4.2
       js-tokens: 4.0.0
 
-  '@babel/parser@7.23.0':
+  /@babel/parser@7.23.0:
+    resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
     dependencies:
       '@babel/types': 7.23.0
 
-  '@babel/parser@7.23.6':
+  /@babel/parser@7.23.6:
+    resolution: {integrity: sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
     dependencies:
       '@babel/types': 7.23.6
 
-  '@babel/parser@7.24.0':
+  /@babel/parser@7.24.0:
+    resolution: {integrity: sha512-QuP/FxEAzMSjXygs8v4N9dvdXzEHN4W1oF3PxuWAtPo08UdM17u89RDMgjLn/mlc56iM0HlLmVkO/wgR+rDgHg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
     dependencies:
       '@babel/types': 7.24.0
+    dev: false
 
-  '@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2)':
+  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2):
+    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
+    dev: false
 
-  '@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2)':
+  /@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2):
+    resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-transform-react-jsx-self@7.23.3(@babel/core@7.24.0)':
+  /@babel/plugin-transform-react-jsx-self@7.23.3(@babel/core@7.24.0):
+    resolution: {integrity: sha512-qXRvbeKDSfwnlJnanVRp0SfuWE5DQhwQr5xtLBzp56Wabyo+4CMosF6Kfp+eOD/4FYpql64XVJ2W0pVLlJZxOQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.24.0
       '@babel/helper-plugin-utils': 7.24.0
+    dev: false
 
-  '@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2)':
+  /@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2):
+    resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-transform-react-jsx-source@7.23.3(@babel/core@7.24.0)':
+  /@babel/plugin-transform-react-jsx-source@7.23.3(@babel/core@7.24.0):
+    resolution: {integrity: sha512-91RS0MDnAWDNvGC6Wio5XYkyWI39FMFO+JK9+4AlgaTH+yWwVTsw7/sn6LK0lH7c5F+TFkpv/3LfCJ1Ydwof/g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.24.0
       '@babel/helper-plugin-utils': 7.24.0
+    dev: false
 
-  '@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.2)':
+  /@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.2):
+    resolution: {integrity: sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.23.2
       '@babel/helper-annotate-as-pure': 7.22.5
@@ -6427,24 +919,35 @@ snapshots:
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.23.2)
       '@babel/types': 7.23.0
+    dev: false
 
-  '@babel/runtime@7.23.2':
+  /@babel/runtime@7.23.2:
+    resolution: {integrity: sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       regenerator-runtime: 0.14.0
+    dev: true
 
-  '@babel/template@7.22.15':
+  /@babel/template@7.22.15:
+    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.23.5
       '@babel/parser': 7.23.6
       '@babel/types': 7.23.6
 
-  '@babel/template@7.24.0':
+  /@babel/template@7.24.0:
+    resolution: {integrity: sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.23.5
       '@babel/parser': 7.24.0
       '@babel/types': 7.24.0
+    dev: false
 
-  '@babel/traverse@7.23.2':
+  /@babel/traverse@7.23.2:
+    resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.22.13
       '@babel/generator': 7.23.0
@@ -6459,7 +962,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/traverse@7.24.0':
+  /@babel/traverse@7.24.0:
+    resolution: {integrity: sha512-HfuJlI8qq3dEDmNU5ChzzpZRWq+oxCZQyMzIMEqLho+AQnhMnKQUzH6ydo3RBl/YjPCuk68Y6s0Gx0AeyULiWw==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.23.5
       '@babel/generator': 7.23.6
@@ -6473,26 +978,35 @@ snapshots:
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  '@babel/types@7.23.0':
+  /@babel/types@7.23.0:
+    resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-string-parser': 7.22.5
       '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
 
-  '@babel/types@7.23.6':
+  /@babel/types@7.23.6:
+    resolution: {integrity: sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-string-parser': 7.23.4
       '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
 
-  '@babel/types@7.24.0':
+  /@babel/types@7.24.0:
+    resolution: {integrity: sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-string-parser': 7.23.4
       '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
+    dev: false
 
-  '@changesets/apply-release-plan@6.1.4':
+  /@changesets/apply-release-plan@6.1.4:
+    resolution: {integrity: sha512-FMpKF1fRlJyCZVYHr3CbinpZZ+6MwvOtWUuO8uo+svcATEoc1zRDcj23pAurJ2TZ/uVz1wFHH6K3NlACy0PLew==}
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/config': 2.3.1
@@ -6507,8 +1021,10 @@ snapshots:
       prettier: 2.8.8
       resolve-from: 5.0.0
       semver: 7.5.4
+    dev: true
 
-  '@changesets/assemble-release-plan@5.2.4':
+  /@changesets/assemble-release-plan@5.2.4:
+    resolution: {integrity: sha512-xJkWX+1/CUaOUWTguXEbCDTyWJFECEhmdtbkjhn5GVBGxdP/JwaHBIU9sW3FR6gD07UwZ7ovpiPclQZs+j+mvg==}
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/errors': 0.1.4
@@ -6516,20 +1032,27 @@ snapshots:
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
       semver: 7.5.4
+    dev: true
 
-  '@changesets/changelog-git@0.1.14':
+  /@changesets/changelog-git@0.1.14:
+    resolution: {integrity: sha512-+vRfnKtXVWsDDxGctOfzJsPhaCdXRYoe+KyWYoq5X/GqoISREiat0l3L8B0a453B2B4dfHGcZaGyowHbp9BSaA==}
     dependencies:
       '@changesets/types': 5.2.1
+    dev: true
 
-  '@changesets/changelog-github@0.4.7':
+  /@changesets/changelog-github@0.4.7:
+    resolution: {integrity: sha512-UUG5sKwShs5ha1GFnayUpZNcDGWoY7F5XxhOEHS62sDPOtoHQZsG3j1nC5RxZ3M1URHA321cwVZHeXgu99Y3ew==}
     dependencies:
       '@changesets/get-github-info': 0.5.2
       '@changesets/types': 5.2.1
       dotenv: 8.6.0
     transitivePeerDependencies:
       - encoding
+    dev: true
 
-  '@changesets/cli@2.25.0':
+  /@changesets/cli@2.25.0:
+    resolution: {integrity: sha512-Svu5KD2enurVHGEEzCRlaojrHjVYgF9srmMP9VQSy9c1TspX6C9lDPpulsSNIjYY9BuU/oiWpjBgR7RI9eQiAA==}
+    hasBin: true
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/apply-release-plan': 6.1.4
@@ -6564,8 +1087,10 @@ snapshots:
       spawndamnit: 2.0.0
       term-size: 2.2.1
       tty-table: 4.2.2
+    dev: true
 
-  '@changesets/config@2.3.1':
+  /@changesets/config@2.3.1:
+    resolution: {integrity: sha512-PQXaJl82CfIXddUOppj4zWu+987GCw2M+eQcOepxN5s+kvnsZOwjEJO3DH9eVy+OP6Pg/KFEWdsECFEYTtbg6w==}
     dependencies:
       '@changesets/errors': 0.1.4
       '@changesets/get-dependents-graph': 1.3.6
@@ -6574,27 +1099,35 @@ snapshots:
       '@manypkg/get-packages': 1.1.3
       fs-extra: 7.0.1
       micromatch: 4.0.5
+    dev: true
 
-  '@changesets/errors@0.1.4':
+  /@changesets/errors@0.1.4:
+    resolution: {integrity: sha512-HAcqPF7snsUJ/QzkWoKfRfXushHTu+K5KZLJWPb34s4eCZShIf8BFO3fwq6KU8+G7L5KdtN2BzQAXOSXEyiY9Q==}
     dependencies:
       extendable-error: 0.1.7
+    dev: true
 
-  '@changesets/get-dependents-graph@1.3.6':
+  /@changesets/get-dependents-graph@1.3.6:
+    resolution: {integrity: sha512-Q/sLgBANmkvUm09GgRsAvEtY3p1/5OCzgBE5vX3vgb5CvW0j7CEljocx5oPXeQSNph6FXulJlXV3Re/v3K3P3Q==}
     dependencies:
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
       chalk: 2.4.2
       fs-extra: 7.0.1
       semver: 7.5.4
+    dev: true
 
-  '@changesets/get-github-info@0.5.2':
+  /@changesets/get-github-info@0.5.2:
+    resolution: {integrity: sha512-JppheLu7S114aEs157fOZDjFqUDpm7eHdq5E8SSR0gUBTEK0cNSHsrSR5a66xs0z3RWuo46QvA3vawp8BxDHvg==}
     dependencies:
       dataloader: 1.4.0
       node-fetch: 2.7.0
     transitivePeerDependencies:
       - encoding
+    dev: true
 
-  '@changesets/get-release-plan@3.0.17':
+  /@changesets/get-release-plan@3.0.17:
+    resolution: {integrity: sha512-6IwKTubNEgoOZwDontYc2x2cWXfr6IKxP3IhKeK+WjyD6y3M4Gl/jdQvBw+m/5zWILSOCAaGLu2ZF6Q+WiPniw==}
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/assemble-release-plan': 5.2.4
@@ -6603,10 +1136,14 @@ snapshots:
       '@changesets/read': 0.5.9
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
+    dev: true
 
-  '@changesets/get-version-range-type@0.3.2': {}
+  /@changesets/get-version-range-type@0.3.2:
+    resolution: {integrity: sha512-SVqwYs5pULYjYT4op21F2pVbcrca4qA/bAA3FmFXKMN7Y+HcO8sbZUTx3TAy2VXulP2FACd1aC7f2nTuqSPbqg==}
+    dev: true
 
-  '@changesets/git@1.5.0':
+  /@changesets/git@1.5.0:
+    resolution: {integrity: sha512-Xo8AT2G7rQJSwV87c8PwMm6BAc98BnufRMsML7m7Iw8Or18WFvFmxqG5aOL5PBvhgq9KrKvaeIBNIymracSuHg==}
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/errors': 0.1.4
@@ -6614,8 +1151,10 @@ snapshots:
       '@manypkg/get-packages': 1.1.3
       is-subdir: 1.2.0
       spawndamnit: 2.0.0
+    dev: true
 
-  '@changesets/git@2.0.0':
+  /@changesets/git@2.0.0:
+    resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==}
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/errors': 0.1.4
@@ -6624,25 +1163,33 @@ snapshots:
       is-subdir: 1.2.0
       micromatch: 4.0.5
       spawndamnit: 2.0.0
+    dev: true
 
-  '@changesets/logger@0.0.5':
+  /@changesets/logger@0.0.5:
+    resolution: {integrity: sha512-gJyZHomu8nASHpaANzc6bkQMO9gU/ib20lqew1rVx753FOxffnCrJlGIeQVxNWCqM+o6OOleCo/ivL8UAO5iFw==}
     dependencies:
       chalk: 2.4.2
+    dev: true
 
-  '@changesets/parse@0.3.16':
+  /@changesets/parse@0.3.16:
+    resolution: {integrity: sha512-127JKNd167ayAuBjUggZBkmDS5fIKsthnr9jr6bdnuUljroiERW7FBTDNnNVyJ4l69PzR57pk6mXQdtJyBCJKg==}
     dependencies:
       '@changesets/types': 5.2.1
       js-yaml: 3.14.1
+    dev: true
 
-  '@changesets/pre@1.0.14':
+  /@changesets/pre@1.0.14:
+    resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==}
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/errors': 0.1.4
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
       fs-extra: 7.0.1
+    dev: true
 
-  '@changesets/read@0.5.9':
+  /@changesets/read@0.5.9:
+    resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==}
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/git': 2.0.0
@@ -6652,23 +1199,36 @@ snapshots:
       chalk: 2.4.2
       fs-extra: 7.0.1
       p-filter: 2.1.0
+    dev: true
 
-  '@changesets/types@4.1.0': {}
+  /@changesets/types@4.1.0:
+    resolution: {integrity: sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw==}
+    dev: true
 
-  '@changesets/types@5.2.1': {}
+  /@changesets/types@5.2.1:
+    resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==}
+    dev: true
 
-  '@changesets/write@0.2.3':
+  /@changesets/write@0.2.3:
+    resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==}
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/types': 5.2.1
       fs-extra: 7.0.1
       human-id: 1.0.2
       prettier: 2.8.8
+    dev: true
 
-  '@colors/colors@1.5.0':
+  /@colors/colors@1.5.0:
+    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
+    engines: {node: '>=0.1.90'}
+    requiresBuild: true
+    dev: true
     optional: true
 
-  '@cypress/request@3.0.1':
+  /@cypress/request@3.0.1:
+    resolution: {integrity: sha512-TWivJlJi8ZDx2wGOw1dbLuHJKUYX7bWySw377nlnGOW3hP9/MUKIsEdXT/YngWxVdgNCHRBmFlBipE+5/2ZZlQ==}
+    engines: {node: '>= 6'}
     dependencies:
       aws-sign2: 0.7.0
       aws4: 1.12.0
@@ -6688,243 +1248,633 @@ snapshots:
       tough-cookie: 4.1.3
       tunnel-agent: 0.6.0
       uuid: 8.3.2
+    dev: true
 
-  '@cypress/skip-test@2.6.1': {}
+  /@cypress/skip-test@2.6.1:
+    resolution: {integrity: sha512-X+ibefBiuOmC5gKG91wRIT0/OqXeETYvu7zXktjZ3yLeO186Y8ia0K7/gQUpAwuUi28DuqMd1+7tBQVtPkzbPA==}
+    dev: true
 
-  '@cypress/xvfb@1.2.4(supports-color@8.1.1)':
+  /@cypress/xvfb@1.2.4(supports-color@8.1.1):
+    resolution: {integrity: sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==}
     dependencies:
       debug: 3.2.7(supports-color@8.1.1)
       lodash.once: 4.1.1
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@dagrejs/dagre@1.0.4':
+  /@dagrejs/dagre@1.0.4:
+    resolution: {integrity: sha512-jrEore+HhW1yg1Rsd9H1PPMcoEOD4bVh0WCXc6GqzyzubnJj4GaWGg8ETOrskTd/3n/g5LOzumGM4CCgpNLJNw==}
     dependencies:
       '@dagrejs/graphlib': 2.1.13
+    dev: false
 
-  '@dagrejs/graphlib@2.1.13': {}
+  /@dagrejs/graphlib@2.1.13:
+    resolution: {integrity: sha512-calbMa7Gcyo+/t23XBaqQqon8LlgE9regey4UVoikoenKBXvUnCUL3s9RP6USCxttfr0XWVICtYUuKMdehKqMw==}
+    engines: {node: '>17.0.0'}
+    dev: false
 
-  '@esbuild/aix-ppc64@0.19.12':
+  /@esbuild/aix-ppc64@0.19.12:
+    resolution: {integrity: sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/android-arm64@0.18.20':
+  /@esbuild/android-arm64@0.18.20:
+    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/android-arm64@0.19.12':
+  /@esbuild/android-arm64@0.19.12:
+    resolution: {integrity: sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/android-arm64@0.19.5':
+  /@esbuild/android-arm64@0.19.5:
+    resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/android-arm@0.18.20':
+  /@esbuild/android-arm@0.18.20:
+    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/android-arm@0.19.12':
+  /@esbuild/android-arm@0.19.12:
+    resolution: {integrity: sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/android-arm@0.19.5':
+  /@esbuild/android-arm@0.19.5:
+    resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/android-x64@0.18.20':
+  /@esbuild/android-x64@0.18.20:
+    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/android-x64@0.19.12':
+  /@esbuild/android-x64@0.19.12:
+    resolution: {integrity: sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/android-x64@0.19.5':
+  /@esbuild/android-x64@0.19.5:
+    resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/darwin-arm64@0.18.20':
+  /@esbuild/darwin-arm64@0.18.20:
+    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/darwin-arm64@0.19.12':
+  /@esbuild/darwin-arm64@0.19.12:
+    resolution: {integrity: sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/darwin-arm64@0.19.5':
+  /@esbuild/darwin-arm64@0.19.5:
+    resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/darwin-x64@0.18.20':
+  /@esbuild/darwin-x64@0.18.20:
+    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/darwin-x64@0.19.12':
+  /@esbuild/darwin-x64@0.19.12:
+    resolution: {integrity: sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/darwin-x64@0.19.5':
+  /@esbuild/darwin-x64@0.19.5:
+    resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/freebsd-arm64@0.18.20':
+  /@esbuild/freebsd-arm64@0.18.20:
+    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/freebsd-arm64@0.19.12':
+  /@esbuild/freebsd-arm64@0.19.12:
+    resolution: {integrity: sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/freebsd-arm64@0.19.5':
+  /@esbuild/freebsd-arm64@0.19.5:
+    resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/freebsd-x64@0.18.20':
+  /@esbuild/freebsd-x64@0.18.20:
+    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/freebsd-x64@0.19.12':
+  /@esbuild/freebsd-x64@0.19.12:
+    resolution: {integrity: sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/freebsd-x64@0.19.5':
+  /@esbuild/freebsd-x64@0.19.5:
+    resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/linux-arm64@0.18.20':
+  /@esbuild/linux-arm64@0.18.20:
+    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-arm64@0.19.12':
+  /@esbuild/linux-arm64@0.19.12:
+    resolution: {integrity: sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-arm64@0.19.5':
+  /@esbuild/linux-arm64@0.19.5:
+    resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/linux-arm@0.18.20':
+  /@esbuild/linux-arm@0.18.20:
+    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-arm@0.19.12':
+  /@esbuild/linux-arm@0.19.12:
+    resolution: {integrity: sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-arm@0.19.5':
+  /@esbuild/linux-arm@0.19.5:
+    resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/linux-ia32@0.18.20':
+  /@esbuild/linux-ia32@0.18.20:
+    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-ia32@0.19.12':
+  /@esbuild/linux-ia32@0.19.12:
+    resolution: {integrity: sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-ia32@0.19.5':
+  /@esbuild/linux-ia32@0.19.5:
+    resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/linux-loong64@0.18.20':
+  /@esbuild/linux-loong64@0.18.20:
+    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-loong64@0.19.12':
+  /@esbuild/linux-loong64@0.19.12:
+    resolution: {integrity: sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-loong64@0.19.5':
+  /@esbuild/linux-loong64@0.19.5:
+    resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/linux-mips64el@0.18.20':
+  /@esbuild/linux-mips64el@0.18.20:
+    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-mips64el@0.19.12':
+  /@esbuild/linux-mips64el@0.19.12:
+    resolution: {integrity: sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-mips64el@0.19.5':
+  /@esbuild/linux-mips64el@0.19.5:
+    resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/linux-ppc64@0.18.20':
+  /@esbuild/linux-ppc64@0.18.20:
+    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-ppc64@0.19.12':
+  /@esbuild/linux-ppc64@0.19.12:
+    resolution: {integrity: sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-ppc64@0.19.5':
+  /@esbuild/linux-ppc64@0.19.5:
+    resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/linux-riscv64@0.18.20':
+  /@esbuild/linux-riscv64@0.18.20:
+    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-riscv64@0.19.12':
+  /@esbuild/linux-riscv64@0.19.12:
+    resolution: {integrity: sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-riscv64@0.19.5':
+  /@esbuild/linux-riscv64@0.19.5:
+    resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/linux-s390x@0.18.20':
+  /@esbuild/linux-s390x@0.18.20:
+    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-s390x@0.19.12':
+  /@esbuild/linux-s390x@0.19.12:
+    resolution: {integrity: sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-s390x@0.19.5':
+  /@esbuild/linux-s390x@0.19.5:
+    resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/linux-x64@0.18.20':
+  /@esbuild/linux-x64@0.18.20:
+    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-x64@0.19.12':
+  /@esbuild/linux-x64@0.19.12:
+    resolution: {integrity: sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/linux-x64@0.19.5':
+  /@esbuild/linux-x64@0.19.5:
+    resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/netbsd-x64@0.18.20':
+  /@esbuild/netbsd-x64@0.18.20:
+    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/netbsd-x64@0.19.12':
+  /@esbuild/netbsd-x64@0.19.12:
+    resolution: {integrity: sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/netbsd-x64@0.19.5':
+  /@esbuild/netbsd-x64@0.19.5:
+    resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/openbsd-x64@0.18.20':
+  /@esbuild/openbsd-x64@0.18.20:
+    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/openbsd-x64@0.19.12':
+  /@esbuild/openbsd-x64@0.19.12:
+    resolution: {integrity: sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/openbsd-x64@0.19.5':
+  /@esbuild/openbsd-x64@0.19.5:
+    resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/sunos-x64@0.18.20':
+  /@esbuild/sunos-x64@0.18.20:
+    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/sunos-x64@0.19.12':
+  /@esbuild/sunos-x64@0.19.12:
+    resolution: {integrity: sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/sunos-x64@0.19.5':
+  /@esbuild/sunos-x64@0.19.5:
+    resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/win32-arm64@0.18.20':
+  /@esbuild/win32-arm64@0.18.20:
+    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/win32-arm64@0.19.12':
+  /@esbuild/win32-arm64@0.19.12:
+    resolution: {integrity: sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/win32-arm64@0.19.5':
+  /@esbuild/win32-arm64@0.19.5:
+    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/win32-ia32@0.18.20':
+  /@esbuild/win32-ia32@0.18.20:
+    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/win32-ia32@0.19.12':
+  /@esbuild/win32-ia32@0.19.12:
+    resolution: {integrity: sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/win32-ia32@0.19.5':
+  /@esbuild/win32-ia32@0.19.5:
+    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@esbuild/win32-x64@0.18.20':
+  /@esbuild/win32-x64@0.18.20:
+    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/win32-x64@0.19.12':
+  /@esbuild/win32-x64@0.19.12:
+    resolution: {integrity: sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
     optional: true
 
-  '@esbuild/win32-x64@0.19.5':
+  /@esbuild/win32-x64@0.19.5:
+    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
     optional: true
 
-  '@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)':
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.43.0):
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
       eslint: 8.43.0
       eslint-visitor-keys: 3.4.3
+    dev: true
 
-  '@eslint-community/eslint-utils@4.4.0(eslint@8.53.0)':
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.53.0):
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
       eslint: 8.53.0
       eslint-visitor-keys: 3.4.3
+    dev: true
 
-  '@eslint-community/eslint-utils@4.4.0(eslint@8.57.0)':
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.57.0):
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
       eslint: 8.57.0
       eslint-visitor-keys: 3.4.3
+    dev: true
 
-  '@eslint-community/regexpp@4.10.0': {}
+  /@eslint-community/regexpp@4.10.0:
+    resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+    dev: true
 
-  '@eslint-community/regexpp@4.9.1': {}
+  /@eslint-community/regexpp@4.9.1:
+    resolution: {integrity: sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+    dev: true
 
-  '@eslint/eslintrc@2.1.2':
+  /@eslint/eslintrc@2.1.2:
+    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
       debug: 4.3.4(supports-color@8.1.1)
@@ -6937,8 +1887,11 @@ snapshots:
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@eslint/eslintrc@2.1.3':
+  /@eslint/eslintrc@2.1.3:
+    resolution: {integrity: sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
       debug: 4.3.4(supports-color@8.1.1)
@@ -6951,8 +1904,11 @@ snapshots:
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@eslint/eslintrc@2.1.4':
+  /@eslint/eslintrc@2.1.4:
+    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
       debug: 4.3.4(supports-color@8.1.1)
@@ -6965,88 +1921,138 @@ snapshots:
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@eslint/js@8.43.0': {}
+  /@eslint/js@8.43.0:
+    resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
 
-  '@eslint/js@8.53.0': {}
+  /@eslint/js@8.53.0:
+    resolution: {integrity: sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
 
-  '@eslint/js@8.57.0': {}
+  /@eslint/js@8.57.0:
+    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
 
-  '@fastify/busboy@2.0.0': {}
+  /@fastify/busboy@2.0.0:
+    resolution: {integrity: sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==}
+    engines: {node: '>=14'}
+    dev: false
 
-  '@hapi/hoek@9.3.0': {}
+  /@hapi/hoek@9.3.0:
+    resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
+    dev: true
 
-  '@hapi/topo@5.1.0':
+  /@hapi/topo@5.1.0:
+    resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==}
     dependencies:
       '@hapi/hoek': 9.3.0
+    dev: true
 
-  '@humanwhocodes/config-array@0.11.13':
+  /@humanwhocodes/config-array@0.11.13:
+    resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==}
+    engines: {node: '>=10.10.0'}
     dependencies:
       '@humanwhocodes/object-schema': 2.0.1
       debug: 4.3.4(supports-color@8.1.1)
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@humanwhocodes/config-array@0.11.14':
+  /@humanwhocodes/config-array@0.11.14:
+    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
+    engines: {node: '>=10.10.0'}
     dependencies:
       '@humanwhocodes/object-schema': 2.0.2
       debug: 4.3.4(supports-color@8.1.1)
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@humanwhocodes/module-importer@1.0.1': {}
+  /@humanwhocodes/module-importer@1.0.1:
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+    dev: true
 
-  '@humanwhocodes/object-schema@2.0.1': {}
+  /@humanwhocodes/object-schema@2.0.1:
+    resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==}
+    dev: true
 
-  '@humanwhocodes/object-schema@2.0.2': {}
+  /@humanwhocodes/object-schema@2.0.2:
+    resolution: {integrity: sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==}
+    dev: true
 
-  '@jridgewell/gen-mapping@0.3.3':
+  /@jridgewell/gen-mapping@0.3.3:
+    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
+    engines: {node: '>=6.0.0'}
     dependencies:
       '@jridgewell/set-array': 1.1.2
       '@jridgewell/sourcemap-codec': 1.4.15
       '@jridgewell/trace-mapping': 0.3.20
 
-  '@jridgewell/gen-mapping@0.3.5':
+  /@jridgewell/gen-mapping@0.3.5:
+    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
+    engines: {node: '>=6.0.0'}
     dependencies:
       '@jridgewell/set-array': 1.2.1
       '@jridgewell/sourcemap-codec': 1.4.15
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@jridgewell/resolve-uri@3.1.1': {}
+  /@jridgewell/resolve-uri@3.1.1:
+    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
+    engines: {node: '>=6.0.0'}
 
-  '@jridgewell/resolve-uri@3.1.2': {}
+  /@jridgewell/resolve-uri@3.1.2:
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
 
-  '@jridgewell/set-array@1.1.2': {}
+  /@jridgewell/set-array@1.1.2:
+    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
+    engines: {node: '>=6.0.0'}
 
-  '@jridgewell/set-array@1.2.1': {}
+  /@jridgewell/set-array@1.2.1:
+    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
+    engines: {node: '>=6.0.0'}
 
-  '@jridgewell/source-map@0.3.5':
+  /@jridgewell/source-map@0.3.5:
+    resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}
     dependencies:
       '@jridgewell/gen-mapping': 0.3.3
       '@jridgewell/trace-mapping': 0.3.20
+    dev: true
 
-  '@jridgewell/sourcemap-codec@1.4.15': {}
+  /@jridgewell/sourcemap-codec@1.4.15:
+    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
 
-  '@jridgewell/trace-mapping@0.3.20':
+  /@jridgewell/trace-mapping@0.3.20:
+    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==}
     dependencies:
       '@jridgewell/resolve-uri': 3.1.1
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  '@jridgewell/trace-mapping@0.3.25':
+  /@jridgewell/trace-mapping@0.3.25:
+    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  '@manypkg/find-root@1.1.0':
+  /@manypkg/find-root@1.1.0:
+    resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
     dependencies:
       '@babel/runtime': 7.23.2
       '@types/node': 12.20.55
       find-up: 4.1.0
       fs-extra: 8.1.0
+    dev: true
 
-  '@manypkg/get-packages@1.1.3':
+  /@manypkg/get-packages@1.1.3:
+    resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/types': 4.1.0
@@ -7054,20 +2060,30 @@ snapshots:
       fs-extra: 8.1.0
       globby: 11.1.0
       read-yaml-file: 1.1.0
+    dev: true
 
-  '@nodelib/fs.scandir@2.1.5':
+  /@nodelib/fs.scandir@2.1.5:
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
     dependencies:
       '@nodelib/fs.stat': 2.0.5
       run-parallel: 1.2.0
 
-  '@nodelib/fs.stat@2.0.5': {}
+  /@nodelib/fs.stat@2.0.5:
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
 
-  '@nodelib/fs.walk@1.2.8':
+  /@nodelib/fs.walk@1.2.8:
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
     dependencies:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
 
-  '@playwright/experimental-ct-core@1.42.1(@types/node@18.7.16)':
+  /@playwright/experimental-ct-core@1.42.1(@types/node@18.7.16):
+    resolution: {integrity: sha512-wBS6pzgJwRuK0MwgiooamLW0prQLgT0RAhxooeMyqU97VbDI5aYuuynlxobJDDymU4HcOKARg2rG8h6jX7ShrA==}
+    engines: {node: '>=16'}
+    hasBin: true
     dependencies:
       playwright: 1.42.1
       playwright-core: 1.42.1
@@ -7080,8 +2096,12 @@ snapshots:
       - stylus
       - sugarss
       - terser
+    dev: false
 
-  '@playwright/experimental-ct-react@1.42.1(@types/node@18.7.16)(vite@4.5.0)':
+  /@playwright/experimental-ct-react@1.42.1(@types/node@18.7.16)(vite@4.5.0):
+    resolution: {integrity: sha512-/dxu7nkGOlZIx9MUGQPM5kiIGksYIBaaJKQuNmaJNV29V3VGI1p9yQqrvl1jFK/Hu7SC1LmFB8RlkrOgMiZKYg==}
+    engines: {node: '>=16'}
+    hasBin: true
     dependencies:
       '@playwright/experimental-ct-core': 1.42.1(@types/node@18.7.16)
       '@vitejs/plugin-react': 4.2.1(vite@4.5.0)
@@ -7095,14 +2115,30 @@ snapshots:
       - supports-color
       - terser
       - vite
+    dev: false
 
-  '@playwright/test@1.42.1':
+  /@playwright/test@1.42.1:
+    resolution: {integrity: sha512-Gq9rmS54mjBL/7/MvBaNOBwbfnh7beHvS6oS4srqXFcQHpQCV1+c8JXWE8VLPyRDhgS3H8x8A7hztqI9VnwrAQ==}
+    engines: {node: '>=16'}
+    hasBin: true
     dependencies:
       playwright: 1.42.1
+    dev: true
 
-  '@polka/url@1.0.0-next.24': {}
+  /@polka/url@1.0.0-next.24:
+    resolution: {integrity: sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==}
+    dev: true
 
-  '@reduxjs/toolkit@2.2.3(react-redux@9.1.1)(react@18.2.0)':
+  /@reduxjs/toolkit@2.2.3(react-redux@9.1.1)(react@18.2.0):
+    resolution: {integrity: sha512-76dll9EnJXg4EVcI5YNxZA/9hSAmZsFqzMmNRHvIlzw2WS/twfcVX3ysYrWGJMClwEmChQFC4yRq74tn6fdzRA==}
+    peerDependencies:
+      react: ^16.9.0 || ^17.0.0 || ^18
+      react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-redux:
+        optional: true
     dependencies:
       immer: 10.0.4
       react: 18.2.0
@@ -7110,10 +2146,21 @@ snapshots:
       redux: 5.0.1
       redux-thunk: 3.1.0(redux@5.0.1)
       reselect: 5.1.0
+    dev: false
 
-  '@remix-run/router@1.11.0': {}
+  /@remix-run/router@1.11.0:
+    resolution: {integrity: sha512-BHdhcWgeiudl91HvVa2wxqZjSHbheSgIiDvxrF1VjFzBzpTtuDPkOdOi3Iqvc08kXtFkLjhbS+ML9aM8mJS+wQ==}
+    engines: {node: '>=14.0.0'}
+    dev: false
 
-  '@rollup/plugin-commonjs@25.0.0(rollup@3.23.0)':
+  /@rollup/plugin-commonjs@25.0.0(rollup@3.23.0):
+    resolution: {integrity: sha512-hoho2Kay9TZrLu0bnDsTTCaj4Npa+THk9snajP/XDNb9a9mmjTjh52EQM9sKl3HD1LsnihX7js+eA2sd2uKAhw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.68.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
     dependencies:
       '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
       commondir: 1.0.1
@@ -7122,8 +2169,16 @@ snapshots:
       is-reference: 1.2.1
       magic-string: 0.27.0
       rollup: 3.23.0
+    dev: true
 
-  '@rollup/plugin-node-resolve@15.1.0(rollup@3.23.0)':
+  /@rollup/plugin-node-resolve@15.1.0(rollup@3.23.0):
+    resolution: {integrity: sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.78.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
     dependencies:
       '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
       '@types/resolve': 1.20.2
@@ -7132,96 +2187,212 @@ snapshots:
       is-module: 1.0.0
       resolve: 1.22.8
       rollup: 3.23.0
+    dev: true
 
-  '@rollup/plugin-replace@5.0.2(rollup@3.23.0)':
+  /@rollup/plugin-replace@5.0.2(rollup@3.23.0):
+    resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
     dependencies:
       '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
       magic-string: 0.27.0
       rollup: 3.23.0
+    dev: true
 
-  '@rollup/plugin-terser@0.4.3(rollup@3.23.0)':
+  /@rollup/plugin-terser@0.4.3(rollup@3.23.0):
+    resolution: {integrity: sha512-EF0oejTMtkyhrkwCdg0HJ0IpkcaVg1MMSf2olHb2Jp+1mnLM04OhjpJWGma4HobiDTF0WCyViWuvadyE9ch2XA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.x || ^3.x
+    peerDependenciesMeta:
+      rollup:
+        optional: true
     dependencies:
       rollup: 3.23.0
       serialize-javascript: 6.0.1
       smob: 1.4.1
       terser: 5.22.0
+    dev: true
 
-  '@rollup/plugin-typescript@11.0.0(rollup@3.23.0)(typescript@5.4.2)':
+  /@rollup/plugin-typescript@11.0.0(rollup@3.23.0)(typescript@5.4.2):
+    resolution: {integrity: sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.14.0||^3.0.0
+      tslib: '*'
+      typescript: '>=3.7.0'
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+      tslib:
+        optional: true
     dependencies:
       '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
       resolve: 1.22.8
       rollup: 3.23.0
       typescript: 5.4.2
+    dev: true
 
-  '@rollup/pluginutils@5.0.5(rollup@3.23.0)':
+  /@rollup/pluginutils@5.0.5(rollup@3.23.0):
+    resolution: {integrity: sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
     dependencies:
       '@types/estree': 1.0.3
       estree-walker: 2.0.2
       picomatch: 2.3.1
       rollup: 3.23.0
+    dev: true
 
-  '@rollup/rollup-android-arm-eabi@4.12.1':
+  /@rollup/rollup-android-arm-eabi@4.12.1:
+    resolution: {integrity: sha512-iU2Sya8hNn1LhsYyf0N+L4Gf9Qc+9eBTJJJsaOGUp+7x4n2M9dxTt8UvhJl3oeftSjblSlpCfvjA/IfP3g5VjQ==}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
     optional: true
 
-  '@rollup/rollup-android-arm64@4.12.1':
+  /@rollup/rollup-android-arm64@4.12.1:
+    resolution: {integrity: sha512-wlzcWiH2Ir7rdMELxFE5vuM7D6TsOcJ2Yw0c3vaBR3VOsJFVTx9xvwnAvhgU5Ii8Gd6+I11qNHwndDscIm0HXg==}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.12.1':
+  /@rollup/rollup-darwin-arm64@4.12.1:
+    resolution: {integrity: sha512-YRXa1+aZIFN5BaImK+84B3uNK8C6+ynKLPgvn29X9s0LTVCByp54TB7tdSMHDR7GTV39bz1lOmlLDuedgTwwHg==}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.12.1':
+  /@rollup/rollup-darwin-x64@4.12.1:
+    resolution: {integrity: sha512-opjWJ4MevxeA8FhlngQWPBOvVWYNPFkq6/25rGgG+KOy0r8clYwL1CFd+PGwRqqMFVQ4/Qd3sQu5t7ucP7C/Uw==}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.12.1':
+  /@rollup/rollup-linux-arm-gnueabihf@4.12.1:
+    resolution: {integrity: sha512-uBkwaI+gBUlIe+EfbNnY5xNyXuhZbDSx2nzzW8tRMjUmpScd6lCQYKY2V9BATHtv5Ef2OBq6SChEP8h+/cxifQ==}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.12.1':
+  /@rollup/rollup-linux-arm64-gnu@4.12.1:
+    resolution: {integrity: sha512-0bK9aG1kIg0Su7OcFTlexkVeNZ5IzEsnz1ept87a0TUgZ6HplSgkJAnFpEVRW7GRcikT4GlPV0pbtVedOaXHQQ==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.12.1':
+  /@rollup/rollup-linux-arm64-musl@4.12.1:
+    resolution: {integrity: sha512-qB6AFRXuP8bdkBI4D7UPUbE7OQf7u5OL+R94JE42Z2Qjmyj74FtDdLGeriRyBDhm4rQSvqAGCGC01b8Fu2LthQ==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.12.1':
+  /@rollup/rollup-linux-riscv64-gnu@4.12.1:
+    resolution: {integrity: sha512-sHig3LaGlpNgDj5o8uPEoGs98RII8HpNIqFtAI8/pYABO8i0nb1QzT0JDoXF/pxzqO+FkxvwkHZo9k0NJYDedg==}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.12.1':
+  /@rollup/rollup-linux-x64-gnu@4.12.1:
+    resolution: {integrity: sha512-nD3YcUv6jBJbBNFvSbp0IV66+ba/1teuBcu+fBBPZ33sidxitc6ErhON3JNavaH8HlswhWMC3s5rgZpM4MtPqQ==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.12.1':
+  /@rollup/rollup-linux-x64-musl@4.12.1:
+    resolution: {integrity: sha512-7/XVZqgBby2qp/cO0TQ8uJK+9xnSdJ9ct6gSDdEr4MfABrjTyrW6Bau7HQ73a2a5tPB7hno49A0y1jhWGDN9OQ==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.12.1':
+  /@rollup/rollup-win32-arm64-msvc@4.12.1:
+    resolution: {integrity: sha512-CYc64bnICG42UPL7TrhIwsJW4QcKkIt9gGlj21gq3VV0LL6XNb1yAdHVp1pIi9gkts9gGcT3OfUYHjGP7ETAiw==}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.12.1':
+  /@rollup/rollup-win32-ia32-msvc@4.12.1:
+    resolution: {integrity: sha512-LN+vnlZ9g0qlHGlS920GR4zFCqAwbv2lULrR29yGaWP9u7wF5L7GqWu9Ah6/kFZPXPUkpdZwd//TNR+9XC9hvA==}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.12.1':
+  /@rollup/rollup-win32-x64-msvc@4.12.1:
+    resolution: {integrity: sha512-n+vkrSyphvmU0qkQ6QBNXCGr2mKjhP08mPRM/Xp5Ck2FV4NrHU+y6axzDeixUrCBHVUS51TZhjqrKBBsHLKb2Q==}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
     optional: true
 
-  '@sideway/address@4.1.4':
+  /@sideway/address@4.1.4:
+    resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==}
     dependencies:
       '@hapi/hoek': 9.3.0
+    dev: true
 
-  '@sideway/formula@3.0.1': {}
+  /@sideway/formula@3.0.1:
+    resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==}
+    dev: true
 
-  '@sideway/pinpoint@2.0.0': {}
+  /@sideway/pinpoint@2.0.0:
+    resolution: {integrity: sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==}
+    dev: true
 
-  '@sindresorhus/merge-streams@1.0.0': {}
+  /@sindresorhus/merge-streams@1.0.0:
+    resolution: {integrity: sha512-rUV5WyJrJLoloD4NDN1V1+LDMDWOa4OTsT4yYJwQNpTU6FWxkxHpL7eu4w+DmiH8x/EAM1otkPE1+LaspIbplw==}
+    engines: {node: '>=18'}
+    dev: true
 
-  '@svelte-put/shortcut@3.1.0': {}
+  /@svelte-put/shortcut@3.1.0:
+    resolution: {integrity: sha512-EWMEDkZ0+O3yMhb9yrqe5UYisV9CNRKX6Pl/JW3x62t74CiN+3COu1L9NzZUG0omagc2Z3J14PZNYxs77IC9NA==}
+    dev: false
 
-  '@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.2)':
+  /@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.2):
+    resolution: {integrity: sha512-6LeZft2Fo/4HfmLBi5CucMYmgRxgcETweQl/yQoZo/895K3S9YWYN4Sfm/IhwlIpbJp3QNvhKmwCHbsqQNYQpw==}
+    peerDependencies:
+      '@sveltejs/kit': ^2.0.0
     dependencies:
       '@sveltejs/kit': 2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0)
       import-meta-resolve: 4.0.0
+    dev: true
 
-  '@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4)':
+  /@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4):
+    resolution: {integrity: sha512-6LeZft2Fo/4HfmLBi5CucMYmgRxgcETweQl/yQoZo/895K3S9YWYN4Sfm/IhwlIpbJp3QNvhKmwCHbsqQNYQpw==}
+    peerDependencies:
+      '@sveltejs/kit': ^2.0.0
     dependencies:
       '@sveltejs/kit': 2.5.4(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6)
       import-meta-resolve: 4.0.0
+    dev: true
 
-  '@sveltejs/kit@2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0)':
+  /@sveltejs/kit@2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0):
+    resolution: {integrity: sha512-1Pm2lsBYURQsjnLyZa+jw75eVD4gYHxGRwPyFe4DAmB3FjTVR8vRNWGeuDLGFcKMh/B1ij6FTUrc9GrerogCng==}
+    engines: {node: '>=18.13'}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.3
     dependencies:
       '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@4.5.0)
       '@types/cookie': 0.6.0
@@ -7238,8 +2409,17 @@ snapshots:
       svelte: 4.2.12
       tiny-glob: 0.2.9
       vite: 4.5.0(@types/node@18.7.16)
+    dev: true
 
-  '@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6)':
+  /@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6):
+    resolution: {integrity: sha512-eDxK2d4EGzk99QsZNoPXe7jlzA5EGqfcCpUwZ912bhnalsZ2ZsG5wGRthkydupVjYyqdmzEanVKFhLxU2vkPSQ==}
+    engines: {node: '>=18.13'}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.3
     dependencies:
       '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.6)
       '@types/cookie': 0.6.0
@@ -7256,8 +2436,14 @@ snapshots:
       svelte: 4.2.12
       tiny-glob: 0.2.9
       vite: 5.1.6
+    dev: true
 
-  '@sveltejs/package@2.3.0(svelte@4.2.12)(typescript@5.4.2)':
+  /@sveltejs/package@2.3.0(svelte@4.2.12)(typescript@5.4.2):
+    resolution: {integrity: sha512-wmtwEfi3gQnmtotAjygRHR6cmLfpblQl1dU764f3N2I5DPe34llFs44bHOYcuk91Bp2sSq6bWUmNwxGlYCchOA==}
+    engines: {node: ^16.14 || >=18}
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.44.0 || ^4.0.0 || ^5.0.0-next.1
     dependencies:
       chokidar: 3.6.0
       kleur: 4.1.5
@@ -7267,8 +2453,15 @@ snapshots:
       svelte2tsx: 0.7.3(svelte@4.2.12)(typescript@5.4.2)
     transitivePeerDependencies:
       - typescript
+    dev: true
 
-  '@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0)':
+  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0):
+    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^2.2.0
+      svelte: ^3.54.0 || ^4.0.0
+      vite: ^4.0.0
     dependencies:
       '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
@@ -7276,8 +2469,15 @@ snapshots:
       vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0)':
+  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0):
+    resolution: {integrity: sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==}
+    engines: {node: ^18.0.0 || >=20}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.0
     dependencies:
       '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
@@ -7286,7 +2486,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6)':
+  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6):
+    resolution: {integrity: sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==}
+    engines: {node: ^18.0.0 || >=20}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.0
     dependencies:
       '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.6)
       debug: 4.3.4(supports-color@8.1.1)
@@ -7294,8 +2500,14 @@ snapshots:
       vite: 5.1.6
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0)':
+  /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0):
+    resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==}
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0
+      vite: ^4.0.0
     dependencies:
       '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
@@ -7308,8 +2520,14 @@ snapshots:
       vitefu: 0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  '@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.12)(vite@4.5.0)':
+  /@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.12)(vite@4.5.0):
+    resolution: {integrity: sha512-MpmF/cju2HqUls50WyTHQBZUV3ovV/Uk8k66AN2gwHogNAG8wnW8xtZDhzNBsFJJuvmq1qnzA5kE7YfMJNFv2Q==}
+    engines: {node: ^18.0.0 || >=20}
+    peerDependencies:
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.0
     dependencies:
       '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
@@ -7323,7 +2541,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.12)(vite@5.1.6)':
+  /@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.12)(vite@5.1.6):
+    resolution: {integrity: sha512-MpmF/cju2HqUls50WyTHQBZUV3ovV/Uk8k66AN2gwHogNAG8wnW8xtZDhzNBsFJJuvmq1qnzA5kE7YfMJNFv2Q==}
+    engines: {node: ^18.0.0 || >=20}
+    peerDependencies:
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.0
     dependencies:
       '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6)
       debug: 4.3.4(supports-color@8.1.1)
@@ -7336,38 +2559,107 @@ snapshots:
       vitefu: 0.2.5(vite@5.1.6)
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@swc/core-darwin-arm64@1.3.96':
+  /@swc/core-darwin-arm64@1.3.96:
+    resolution: {integrity: sha512-8hzgXYVd85hfPh6mJ9yrG26rhgzCmcLO0h1TIl8U31hwmTbfZLzRitFQ/kqMJNbIBCwmNH1RU2QcJnL3d7f69A==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
     optional: true
 
-  '@swc/core-darwin-x64@1.3.96':
+  /@swc/core-darwin-x64@1.3.96:
+    resolution: {integrity: sha512-mFp9GFfuPg+43vlAdQZl0WZpZSE8sEzqL7sr/7Reul5McUHP0BaLsEzwjvD035ESfkY8GBZdLpMinblIbFNljQ==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
     optional: true
 
-  '@swc/core-linux-arm-gnueabihf@1.3.96':
+  /@swc/core-linux-arm-gnueabihf@1.3.96:
+    resolution: {integrity: sha512-8UEKkYJP4c8YzYIY/LlbSo8z5Obj4hqcv/fUTHiEePiGsOddgGf7AWjh56u7IoN/0uEmEro59nc1ChFXqXSGyg==}
+    engines: {node: '>=10'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
     optional: true
 
-  '@swc/core-linux-arm64-gnu@1.3.96':
+  /@swc/core-linux-arm64-gnu@1.3.96:
+    resolution: {integrity: sha512-c/IiJ0s1y3Ymm2BTpyC/xr6gOvoqAVETrivVXHq68xgNms95luSpbYQ28rqaZC8bQC8M5zdXpSc0T8DJu8RJGw==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
     optional: true
 
-  '@swc/core-linux-arm64-musl@1.3.96':
+  /@swc/core-linux-arm64-musl@1.3.96:
+    resolution: {integrity: sha512-i5/UTUwmJLri7zhtF6SAo/4QDQJDH2fhYJaBIUhrICmIkRO/ltURmpejqxsM/ye9Jqv5zG7VszMC0v/GYn/7BQ==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
     optional: true
 
-  '@swc/core-linux-x64-gnu@1.3.96':
+  /@swc/core-linux-x64-gnu@1.3.96:
+    resolution: {integrity: sha512-USdaZu8lTIkm4Yf9cogct/j5eqtdZqTgcTib4I+NloUW0E/hySou3eSyp3V2UAA1qyuC72ld1otXuyKBna0YKQ==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
     optional: true
 
-  '@swc/core-linux-x64-musl@1.3.96':
+  /@swc/core-linux-x64-musl@1.3.96:
+    resolution: {integrity: sha512-QYErutd+G2SNaCinUVobfL7jWWjGTI0QEoQ6hqTp7PxCJS/dmKmj3C5ZkvxRYcq7XcZt7ovrYCTwPTHzt6lZBg==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
     optional: true
 
-  '@swc/core-win32-arm64-msvc@1.3.96':
+  /@swc/core-win32-arm64-msvc@1.3.96:
+    resolution: {integrity: sha512-hjGvvAduA3Un2cZ9iNP4xvTXOO4jL3G9iakhFsgVhpkU73SGmK7+LN8ZVBEu4oq2SUcHO6caWvnZ881cxGuSpg==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
     optional: true
 
-  '@swc/core-win32-ia32-msvc@1.3.96':
+  /@swc/core-win32-ia32-msvc@1.3.96:
+    resolution: {integrity: sha512-Far2hVFiwr+7VPCM2GxSmbh3ikTpM3pDombE+d69hkedvYHYZxtTF+2LTKl/sXtpbUnsoq7yV/32c9R/xaaWfw==}
+    engines: {node: '>=10'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
     optional: true
 
-  '@swc/core-win32-x64-msvc@1.3.96':
+  /@swc/core-win32-x64-msvc@1.3.96:
+    resolution: {integrity: sha512-4VbSAniIu0ikLf5mBX81FsljnfqjoVGleEkCQv4+zRlyZtO3FHoDPkeLVoy6WRlj7tyrRcfUJ4mDdPkbfTO14g==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
     optional: true
 
-  '@swc/core@1.3.96':
+  /@swc/core@1.3.96:
+    resolution: {integrity: sha512-zwE3TLgoZwJfQygdv2SdCK9mRLYluwDOM53I+dT6Z5ZvrgVENmY3txvWDvduzkV+/8IuvrRbVezMpxcojadRdQ==}
+    engines: {node: '>=10'}
+    requiresBuild: true
+    peerDependencies:
+      '@swc/helpers': ^0.5.0
+    peerDependenciesMeta:
+      '@swc/helpers':
+        optional: true
     dependencies:
       '@swc/counter': 0.1.2
       '@swc/types': 0.1.5
@@ -7382,22 +2674,33 @@ snapshots:
       '@swc/core-win32-arm64-msvc': 1.3.96
       '@swc/core-win32-ia32-msvc': 1.3.96
       '@swc/core-win32-x64-msvc': 1.3.96
+    dev: true
 
-  '@swc/counter@0.1.2': {}
+  /@swc/counter@0.1.2:
+    resolution: {integrity: sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==}
+    dev: true
 
-  '@swc/types@0.1.5': {}
+  /@swc/types@0.1.5:
+    resolution: {integrity: sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==}
+    dev: true
 
-  '@trysound/sax@0.2.0': {}
+  /@trysound/sax@0.2.0:
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
+    engines: {node: '>=10.13.0'}
+    dev: true
 
-  '@types/babel__core@7.20.3':
+  /@types/babel__core@7.20.3:
+    resolution: {integrity: sha512-54fjTSeSHwfan8AyHWrKbfBWiEUrNTZsUwPTDSNaaP1QDQIZbeNUg3a59E9D+375MzUw/x1vx2/0F5LBz+AeYA==}
     dependencies:
       '@babel/parser': 7.23.0
       '@babel/types': 7.23.0
       '@types/babel__generator': 7.6.7
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.20.4
+    dev: false
 
-  '@types/babel__core@7.20.4':
+  /@types/babel__core@7.20.4:
+    resolution: {integrity: sha512-mLnSC22IC4vcWiuObSRjrLd9XcBTGf59vUSoq2jkQDJ/QQ8PMI9rSuzE+aEV8karUMbskw07bKYoUJCKTUaygg==}
     dependencies:
       '@babel/parser': 7.23.0
       '@babel/types': 7.23.0
@@ -7405,122 +2708,194 @@ snapshots:
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.20.4
 
-  '@types/babel__core@7.20.5':
+  /@types/babel__core@7.20.5:
+    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
     dependencies:
       '@babel/parser': 7.24.0
       '@babel/types': 7.24.0
       '@types/babel__generator': 7.6.8
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.20.5
+    dev: false
 
-  '@types/babel__generator@7.6.7':
+  /@types/babel__generator@7.6.7:
+    resolution: {integrity: sha512-6Sfsq+EaaLrw4RmdFWE9Onp63TOUue71AWb4Gpa6JxzgTYtimbM086WnYTy2U67AofR++QKCo08ZP6pwx8YFHQ==}
     dependencies:
       '@babel/types': 7.23.0
 
-  '@types/babel__generator@7.6.8':
+  /@types/babel__generator@7.6.8:
+    resolution: {integrity: sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==}
     dependencies:
       '@babel/types': 7.24.0
+    dev: false
 
-  '@types/babel__template@7.4.4':
+  /@types/babel__template@7.4.4:
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
     dependencies:
       '@babel/parser': 7.23.0
       '@babel/types': 7.23.0
 
-  '@types/babel__traverse@7.20.4':
+  /@types/babel__traverse@7.20.4:
+    resolution: {integrity: sha512-mSM/iKUk5fDDrEV/e83qY+Cr3I1+Q3qqTuEn++HAWYjEa1+NxZr6CNrcJGf2ZTnq4HoFGC3zaTPZTobCzCFukA==}
     dependencies:
       '@babel/types': 7.23.0
 
-  '@types/babel__traverse@7.20.5':
+  /@types/babel__traverse@7.20.5:
+    resolution: {integrity: sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==}
     dependencies:
       '@babel/types': 7.24.0
+    dev: false
 
-  '@types/cookie@0.6.0': {}
+  /@types/cookie@0.6.0:
+    resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
+    dev: true
 
-  '@types/d3-array@3.0.9': {}
+  /@types/d3-array@3.0.9:
+    resolution: {integrity: sha512-mZowFN3p64ajCJJ4riVYlOjNlBJv3hctgAY01pjw3qTnJePD8s9DZmYDzhHKvzfCYvdjwylkU38+Vdt7Cu2FDA==}
+    dev: false
 
-  '@types/d3-axis@3.0.5':
+  /@types/d3-axis@3.0.5:
+    resolution: {integrity: sha512-ufDAV3SQzju+uB3Jlty7SUb/jMigjpIlvDDcSGvGmmO6OT/sNO93UE0dRzwWOZeBLzrLSA0CQM4bf3iq1std3A==}
     dependencies:
       '@types/d3-selection': 3.0.3
+    dev: false
 
-  '@types/d3-brush@3.0.5':
+  /@types/d3-brush@3.0.5:
+    resolution: {integrity: sha512-JROQXZNq1X6QdWstESDUv1VilwZ2hBCQnWB91yal+5yZvYwGQvYsGCjrkHGfKK/8/AcX1JnERmpQzdDDuLRUsA==}
     dependencies:
       '@types/d3-selection': 3.0.3
+    dev: false
 
-  '@types/d3-chord@3.0.5': {}
+  /@types/d3-chord@3.0.5:
+    resolution: {integrity: sha512-rs26AIhJjtc+XLR4YQU8IjPTLOlDVO4PR1y+pVFYEHzKh2tE5tYz3MF4QV6iz7HboXQEaYpJQt8dH9uUkne8yA==}
+    dev: false
 
-  '@types/d3-color@3.1.2': {}
+  /@types/d3-color@3.1.2:
+    resolution: {integrity: sha512-At+Ski7dL8Bs58E8g8vPcFJc8tGcaC12Z4m07+p41+DRqnZQcAlp3NfYjLrhNYv+zEyQitU1CUxXNjqUyf+c0g==}
+    dev: false
 
-  '@types/d3-contour@3.0.5':
+  /@types/d3-contour@3.0.5:
+    resolution: {integrity: sha512-wLvjwdOQVd1NL1IcW90CCt1VtpeZ3V20p/OTXlkT8uAiprrJnq2PNNnRNe1QCez4U9aMU29Z14zpJQVLW1+Lcg==}
     dependencies:
       '@types/d3-array': 3.0.9
       '@types/geojson': 7946.0.12
+    dev: false
 
-  '@types/d3-delaunay@6.0.3': {}
+  /@types/d3-delaunay@6.0.3:
+    resolution: {integrity: sha512-+Lf5NPKZ4JBC9tbudVkKceQXRxU3jJs0el9aKQvinMtdnFSOG84eVXyhCNgIFuXNQO3iIcYs7sgzN359FEOZnQ==}
+    dev: false
 
-  '@types/d3-dispatch@3.0.5': {}
+  /@types/d3-dispatch@3.0.5:
+    resolution: {integrity: sha512-hxvq2kc+9hydVppo21JCGfcM0tLTh1DXnG3MLN0KlxsNZJH4bsdl1iXDuWtXFpWWlBrCMwSqlnoLPDxNAZU3Bg==}
+    dev: false
 
-  '@types/d3-drag@3.0.1':
+  /@types/d3-drag@3.0.1:
+    resolution: {integrity: sha512-o1Va7bLwwk6h03+nSM8dpaGEYnoIG19P0lKqlic8Un36ymh9NSkNFX1yiXMKNMx8rJ0Kfnn2eovuFaL6Jvj0zA==}
     dependencies:
       '@types/d3-selection': 3.0.3
+    dev: false
 
-  '@types/d3-dsv@3.0.5': {}
+  /@types/d3-dsv@3.0.5:
+    resolution: {integrity: sha512-73WZR3QFOaSRVz9iOrebTbTnbo7xjcgS/i0Cq5zy0jMXPO3v/JbkTD3Zqii1eYE6v4EJ78g5VP407rm+p8fdlA==}
+    dev: false
 
-  '@types/d3-ease@3.0.1': {}
+  /@types/d3-ease@3.0.1:
+    resolution: {integrity: sha512-VZofjpEt8HWv3nxUAosj5o/+4JflnJ7Bbv07k17VO3T2WRuzGdZeookfaF60iVh5RdhVG49LE5w6LIshVUC6rg==}
+    dev: false
 
-  '@types/d3-fetch@3.0.5':
+  /@types/d3-fetch@3.0.5:
+    resolution: {integrity: sha512-Rc8pb6H0RRLpAV2hEXduykUgcDUOhjSLTLmCIeo6ejzgs4SaITh/EteMb3p5Env3Hqjsqw0fCksyqopHHzMkMg==}
     dependencies:
       '@types/d3-dsv': 3.0.5
+    dev: false
 
-  '@types/d3-force@3.0.7': {}
+  /@types/d3-force@3.0.7:
+    resolution: {integrity: sha512-rsok4CEvPLyVWRPsFiBhanJc3up03H/EARVz4d8soPh8drv82YMuAckYy4yv8g4/81JwCng5U5/o9aj9d0T6bQ==}
+    dev: false
 
-  '@types/d3-format@3.0.3': {}
+  /@types/d3-format@3.0.3:
+    resolution: {integrity: sha512-kxuLXSAEJykTeL/EI3tUiEfGqru7PRdqEy099YBnqFl+fF167UVSB4+wntlZv86ZdoYf0DHjsRHnTIm8kcH7qw==}
+    dev: false
 
-  '@types/d3-geo@3.0.6':
+  /@types/d3-geo@3.0.6:
+    resolution: {integrity: sha512-wblAES3b+C3hvp4VakwECEKtHquT/xc6K4HOna95LM1j1fd7s7WmU4V+JMQZfKhNCMkV2vWD+ZUgY2Uj6gqfuA==}
     dependencies:
       '@types/geojson': 7946.0.12
+    dev: false
 
-  '@types/d3-hierarchy@3.1.5': {}
+  /@types/d3-hierarchy@3.1.5:
+    resolution: {integrity: sha512-DEcBUj1IL3WyPLDlh4m2nsNXnMLITXM5Vwcu4G85yJHtf2cVGPBjgky3L11WBnT+ayHKf06Tchk5mY1eGmd4WQ==}
+    dev: false
 
-  '@types/d3-interpolate@3.0.3':
+  /@types/d3-interpolate@3.0.3:
+    resolution: {integrity: sha512-6OZ2EIB4lLj+8cUY7I/Cgn9Q+hLdA4DjJHYOQDiHL0SzqS1K9DL5xIOVBSIHgF+tiuO9MU1D36qvdIvRDRPh+Q==}
     dependencies:
       '@types/d3-color': 3.1.2
+    dev: false
 
-  '@types/d3-path@3.0.1': {}
+  /@types/d3-path@3.0.1:
+    resolution: {integrity: sha512-blRhp7ki7pVznM8k6lk5iUU9paDbVRVq+/xpf0RRgSJn5gr6SE7RcFtxooYGMBOc1RZiGyqRpVdu5AD0z0ooMA==}
+    dev: false
 
-  '@types/d3-polygon@3.0.1': {}
+  /@types/d3-polygon@3.0.1:
+    resolution: {integrity: sha512-nrcWPk7B9qs6xnpq60Cls44zm9eDmFAv65qi/N/emh/oftnG6uYz49aIS0mdFaGeJxVN8H3pHneMuZMV8EwFdw==}
+    dev: false
 
-  '@types/d3-quadtree@3.0.4': {}
+  /@types/d3-quadtree@3.0.4:
+    resolution: {integrity: sha512-B725MopFDIOQ6njFbeOxIEf42HVO2Xv+FmcxQISdOKErvLbFqWz3Riu+OWujUYoogreqqyHBHcGGL/JzzXQYsw==}
+    dev: false
 
-  '@types/d3-random@3.0.2': {}
+  /@types/d3-random@3.0.2:
+    resolution: {integrity: sha512-8QhsqkKs6mymAZMrg3ZFXPxKA34rdgp3ZrtB8o6mhFsKAd1gOvR1gocWnca+kmXypQdwgnzKm9gZE2Uw8NjjKw==}
+    dev: false
 
-  '@types/d3-scale-chromatic@3.0.1': {}
+  /@types/d3-scale-chromatic@3.0.1:
+    resolution: {integrity: sha512-Ob7OrwiTeQXY/WBBbRHGZBOn6rH1h7y3jjpTSKYqDEeqFjktql6k2XSgNwLrLDmAsXhEn8P9NHDY4VTuo0ZY1w==}
+    dev: false
 
-  '@types/d3-scale@4.0.6':
+  /@types/d3-scale@4.0.6:
+    resolution: {integrity: sha512-lo3oMLSiqsQUovv8j15X4BNEDOsnHuGjeVg7GRbAuB2PUa1prK5BNSOu6xixgNf3nqxPl4I1BqJWrPvFGlQoGQ==}
     dependencies:
       '@types/d3-time': 3.0.2
+    dev: false
 
-  '@types/d3-selection@3.0.3': {}
+  /@types/d3-selection@3.0.3:
+    resolution: {integrity: sha512-Mw5cf6nlW1MlefpD9zrshZ+DAWL4IQ5LnWfRheW6xwsdaWOb6IRRu2H7XPAQcyXEx1D7XQWgdoKR83ui1/HlEA==}
+    dev: false
 
-  '@types/d3-shape@3.1.4':
+  /@types/d3-shape@3.1.4:
+    resolution: {integrity: sha512-M2/xsWPsjaZc5ifMKp1EBp0gqJG0eO/zlldJNOC85Y/5DGsBQ49gDkRJ2h5GY7ZVD6KUumvZWsylSbvTaJTqKg==}
     dependencies:
       '@types/d3-path': 3.0.1
+    dev: false
 
-  '@types/d3-time-format@4.0.2': {}
+  /@types/d3-time-format@4.0.2:
+    resolution: {integrity: sha512-wr08C1Gh77qaN8JIkrn5Rz/bdt5M9bdEqFmEOcYhUSq2t2sHvLTBfb4XAtGB3D4hm0ubj50NXWWXoXyp5tPXDg==}
+    dev: false
 
-  '@types/d3-time@3.0.2': {}
+  /@types/d3-time@3.0.2:
+    resolution: {integrity: sha512-kbdRXTmUgNfw5OTE3KZnFQn6XdIc4QGroN5UixgdrXATmYsdlPQS6pEut9tVlIojtzuFD4txs/L+Rq41AHtLpg==}
+    dev: false
 
-  '@types/d3-timer@3.0.1': {}
+  /@types/d3-timer@3.0.1:
+    resolution: {integrity: sha512-GGTvzKccVEhxmRfJEB6zhY9ieT4UhGVUIQaBzFpUO9OXy2ycAlnPCSJLzmGGgqt3KVjqN3QCQB4g1rsZnHsWhg==}
+    dev: false
 
-  '@types/d3-transition@3.0.6':
+  /@types/d3-transition@3.0.6:
+    resolution: {integrity: sha512-K0To23B5UxNwFtKORnS5JoNYvw/DnknU5MzhHIS9czJ/lTqFFDeU6w9lArOdoTl0cZFNdNrMJSFCbRCEHccH2w==}
     dependencies:
       '@types/d3-selection': 3.0.3
+    dev: false
 
-  '@types/d3-zoom@3.0.1':
+  /@types/d3-zoom@3.0.1:
+    resolution: {integrity: sha512-7s5L9TjfqIYQmQQEUcpMAcBOahem7TRoSO/+Gkz02GbMVuULiZzjF2BOdw291dbO2aNon4m2OdFsRGaCq2caLQ==}
     dependencies:
       '@types/d3-interpolate': 3.0.3
       '@types/d3-selection': 3.0.3
+    dev: false
 
-  '@types/d3@7.4.0':
+  /@types/d3@7.4.0:
+    resolution: {integrity: sha512-jIfNVK0ZlxcuRDKtRS/SypEyOQ6UHaFQBKv032X45VvxSJ6Yi5G9behy9h6tNTHTDGh5Vq+KbmBjUWLgY4meCA==}
     dependencies:
       '@types/d3-array': 3.0.9
       '@types/d3-axis': 3.0.5
@@ -7552,118 +2927,196 @@ snapshots:
       '@types/d3-timer': 3.0.1
       '@types/d3-transition': 3.0.6
       '@types/d3-zoom': 3.0.1
+    dev: false
 
-  '@types/dagre@0.7.52': {}
+  /@types/dagre@0.7.52:
+    resolution: {integrity: sha512-XKJdy+OClLk3hketHi9Qg6gTfe1F3y+UFnHxKA2rn9Dw+oXa4Gb378Ztz9HlMgZKSxpPmn4BNVh9wgkpvrK1uw==}
+    dev: true
 
-  '@types/debug@4.1.10':
+  /@types/debug@4.1.10:
+    resolution: {integrity: sha512-tOSCru6s732pofZ+sMv9o4o3Zc+Sa8l3bxd/tweTQudFn06vAzb13ZX46Zi6m6EJ+RUbRTHvgQJ1gBtSgkaUYA==}
     dependencies:
       '@types/ms': 0.7.33
+    dev: false
 
-  '@types/estree@1.0.3': {}
+  /@types/estree@1.0.3:
+    resolution: {integrity: sha512-CS2rOaoQ/eAgAfcTfq6amKG7bsN+EMcgGY4FAFQdvSj2y1ixvOZTUA9mOtCai7E1SYu283XNw7urKK30nP3wkQ==}
 
-  '@types/estree@1.0.5': {}
+  /@types/estree@1.0.5:
+    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
 
-  '@types/geojson@7946.0.12': {}
+  /@types/geojson@7946.0.12:
+    resolution: {integrity: sha512-uK2z1ZHJyC0nQRbuovXFt4mzXDwf27vQeUWNhfKGwRcWW429GOhP8HxUHlM6TLH4bzmlv/HlEjpvJh3JfmGsAA==}
+    dev: false
 
-  '@types/hast@2.3.7':
+  /@types/hast@2.3.7:
+    resolution: {integrity: sha512-EVLigw5zInURhzfXUM65eixfadfsHKomGKUakToXo84t8gGIJuTcD2xooM2See7GyQ7DRtYjhCHnSUQez8JaLw==}
     dependencies:
       '@types/unist': 2.0.9
+    dev: false
 
-  '@types/is-ci@3.0.3':
+  /@types/is-ci@3.0.3:
+    resolution: {integrity: sha512-FdHbjLiN2e8fk9QYQyVYZrK8svUDJpxSaSWLUga8EZS1RGAvvrqM9zbVARBtQuYPeLgnJxM2xloOswPwj1o2cQ==}
     dependencies:
       ci-info: 3.9.0
+    dev: true
 
-  '@types/json-schema@7.0.15': {}
+  /@types/json-schema@7.0.15:
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+    dev: true
 
-  '@types/json5@0.0.30': {}
+  /@types/json5@0.0.30:
+    resolution: {integrity: sha512-sqm9g7mHlPY/43fcSNrCYfOeX9zkTTK+euO5E6+CVijSMm5tTjkVdwdqRkY3ljjIAf8679vps5jKUoJBCLsMDA==}
+    dev: false
 
-  '@types/mdast@3.0.14':
+  /@types/mdast@3.0.14:
+    resolution: {integrity: sha512-gVZ04PGgw1qLZKsnWnyFv4ORnaJ+DXLdHTVSFbU8yX6xZ34Bjg4Q32yPkmveUP1yItXReKfB0Aknlh/3zxTKAw==}
     dependencies:
       '@types/unist': 2.0.9
+    dev: false
 
-  '@types/mdast@4.0.2':
+  /@types/mdast@4.0.2:
+    resolution: {integrity: sha512-tYR83EignvhYO9iU3kDg8V28M0jqyh9zzp5GV+EO+AYnyUl3P5ltkTeJuTiFZQFz670FSb3EwT/6LQdX+UdKfw==}
     dependencies:
       '@types/unist': 3.0.1
+    dev: false
 
-  '@types/minimist@1.2.4': {}
+  /@types/minimist@1.2.4:
+    resolution: {integrity: sha512-Kfe/D3hxHTusnPNRbycJE1N77WHDsdS4AjUYIzlDzhDrS47NrwuL3YW4VITxwR7KCVpzwgy4Rbj829KSSQmwXQ==}
+    dev: true
 
-  '@types/ms@0.7.33': {}
+  /@types/ms@0.7.33:
+    resolution: {integrity: sha512-AuHIyzR5Hea7ij0P9q7vx7xu4z0C28ucwjAZC0ja7JhINyCnOw8/DnvAPQQ9TfOlCtZAmCERKQX9+o1mgQhuOQ==}
+    dev: false
 
-  '@types/nlcst@1.0.3':
+  /@types/nlcst@1.0.3:
+    resolution: {integrity: sha512-cpO6PPMz4E++zxP2Vhp/3KVl2Nbtj+Iksb25rlRinG7mphu2zmCIKWWlqdsx1NwJEISogR2eeZTD7JqLOCzaiw==}
     dependencies:
       '@types/unist': 2.0.9
+    dev: false
 
-  '@types/node@12.20.55': {}
+  /@types/node@12.20.55:
+    resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
+    dev: true
 
-  '@types/node@18.7.16': {}
+  /@types/node@18.7.16:
+    resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==}
+    requiresBuild: true
 
-  '@types/node@20.11.24':
+  /@types/node@20.11.24:
+    resolution: {integrity: sha512-Kza43ewS3xoLgCEpQrsT+xRo/EJej1y0kVYGiLFE1NEODXGzTfwiC6tXTLMQskn1X4/Rjlh0MQUvx9W+L9long==}
+    requiresBuild: true
     dependencies:
       undici-types: 5.26.5
+    dev: true
     optional: true
 
-  '@types/normalize-package-data@2.4.3': {}
+  /@types/normalize-package-data@2.4.3:
+    resolution: {integrity: sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg==}
+    dev: true
 
-  '@types/parse5@6.0.3': {}
+  /@types/parse5@6.0.3:
+    resolution: {integrity: sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==}
+    dev: false
 
-  '@types/prop-types@15.7.10': {}
+  /@types/prop-types@15.7.10:
+    resolution: {integrity: sha512-mxSnDQxPqsZxmeShFH+uwQ4kO4gcJcGahjjMFeLbKE95IAZiiZyiEepGZjtXJ7hN/yfu0bu9xN2ajcU0JcxX6A==}
 
-  '@types/prop-types@15.7.9': {}
+  /@types/prop-types@15.7.9:
+    resolution: {integrity: sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g==}
 
-  '@types/pug@2.0.10': {}
+  /@types/pug@2.0.10:
+    resolution: {integrity: sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==}
 
-  '@types/react-dom@18.2.14':
+  /@types/react-dom@18.2.14:
+    resolution: {integrity: sha512-V835xgdSVmyQmI1KLV2BEIUgqEuinxp9O4G6g3FqO/SqLac049E53aysv0oEFD2kHfejeKU+ZqL2bcFWj9gLAQ==}
     dependencies:
       '@types/react': 18.2.36
 
-  '@types/react-dom@18.2.8':
+  /@types/react-dom@18.2.8:
+    resolution: {integrity: sha512-bAIvO5lN/U8sPGvs1Xm61rlRHHaq5rp5N3kp9C+NJ/Q41P8iqjkXSu0+/qu8POsjH9pNWb0OYabFez7taP7omw==}
     dependencies:
       '@types/react': 18.2.24
 
-  '@types/react@18.2.24':
+  /@types/react@18.2.24:
+    resolution: {integrity: sha512-Ee0Jt4sbJxMu1iDcetZEIKQr99J1Zfb6D4F3qfUWoR1JpInkY1Wdg4WwCyBjL257D0+jGqSl1twBjV8iCaC0Aw==}
     dependencies:
       '@types/prop-types': 15.7.9
       '@types/scheduler': 0.16.5
       csstype: 3.1.2
 
-  '@types/react@18.2.31':
+  /@types/react@18.2.31:
+    resolution: {integrity: sha512-c2UnPv548q+5DFh03y8lEDeMfDwBn9G3dRwfkrxQMo/dOtRHUUO57k6pHvBIfH/VF4Nh+98mZ5aaSe+2echD5g==}
     dependencies:
       '@types/prop-types': 15.7.10
       '@types/scheduler': 0.16.5
       csstype: 3.1.2
+    dev: false
 
-  '@types/react@18.2.36':
+  /@types/react@18.2.36:
+    resolution: {integrity: sha512-o9XFsHYLLZ4+sb9CWUYwHqFVoG61SesydF353vFMMsQziiyRu8np4n2OYMUSDZ8XuImxDr9c5tR7gidlH29Vnw==}
     dependencies:
       '@types/prop-types': 15.7.10
       '@types/scheduler': 0.16.5
       csstype: 3.1.2
 
-  '@types/resolve@1.20.2': {}
+  /@types/resolve@1.20.2:
+    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
+    dev: true
 
-  '@types/resolve@1.20.4': {}
+  /@types/resolve@1.20.4:
+    resolution: {integrity: sha512-BKGK0T1VgB1zD+PwQR4RRf0ais3NyvH1qjLUrHI5SEiccYaJrhLstLuoXFWJ+2Op9whGizSPUMGPJY/Qtb/A2w==}
+    dev: false
 
-  '@types/scheduler@0.16.5': {}
+  /@types/scheduler@0.16.5:
+    resolution: {integrity: sha512-s/FPdYRmZR8SjLWGMCuax7r3qCWQw9QKHzXVukAuuIJkXkDRwp+Pu5LMIVFi0Fxbav35WURicYr8u1QsoybnQw==}
 
-  '@types/semver@6.2.5': {}
+  /@types/semver@6.2.5:
+    resolution: {integrity: sha512-NAxro9/RqWXTqdSjccDZAjA4nXK+6zRun+HvibYJfGy8TQhpOC7Vv6v2rlHYKrT0Q8jGGoNRd/xVdHRIQRNlFQ==}
+    dev: true
 
-  '@types/semver@7.5.6': {}
+  /@types/semver@7.5.6:
+    resolution: {integrity: sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==}
+    dev: true
 
-  '@types/sinonjs__fake-timers@8.1.1': {}
+  /@types/sinonjs__fake-timers@8.1.1:
+    resolution: {integrity: sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==}
+    dev: true
 
-  '@types/sizzle@2.3.8': {}
+  /@types/sizzle@2.3.8:
+    resolution: {integrity: sha512-0vWLNK2D5MT9dg0iOo8GlKguPAU02QjmZitPEsXRuJXU/OGIOt9vT9Fc26wtYuavLxtO45v9PGleoL9Z0k1LHg==}
+    dev: true
 
-  '@types/unist@2.0.9': {}
+  /@types/unist@2.0.9:
+    resolution: {integrity: sha512-zC0iXxAv1C1ERURduJueYzkzZ2zaGyc+P2c95hgkikHPr3z8EdUZOlgEQ5X0DRmwDZn+hekycQnoeiiRVrmilQ==}
+    dev: false
 
-  '@types/unist@3.0.1': {}
+  /@types/unist@3.0.1:
+    resolution: {integrity: sha512-ue/hDUpPjC85m+PM9OQDMZr3LywT+CT6mPsQq8OJtCLiERkGRcQUFvu9XASF5XWqyZFXbf15lvb3JFJ4dRLWPg==}
+    dev: false
 
-  '@types/use-sync-external-store@0.0.3': {}
+  /@types/use-sync-external-store@0.0.3:
+    resolution: {integrity: sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==}
+    dev: false
 
-  '@types/yauzl@2.10.3':
+  /@types/yauzl@2.10.3:
+    resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
+    requiresBuild: true
     dependencies:
       '@types/node': 20.11.24
+    dev: true
     optional: true
 
-  '@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2)':
+  /@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-uoLj4g2OTL8rfUQVx2AFO1hp/zja1wABJq77P6IclQs6I/m9GLrm7jCdgzZkvWdDCQf1uEvoa8s8CupsgWQgVg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
       '@eslint-community/regexpp': 4.10.0
       '@typescript-eslint/parser': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
@@ -7681,8 +3134,18 @@ snapshots:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3)':
+  /@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-GosF4238Tkes2SHPQ1i8f6rMtG6zlKwMEB0abqSJ3Npvos+doIlc/ATG+vX1G9coDF3Ex78zM3heXHLyWEwLUw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
       '@eslint-community/regexpp': 4.10.0
       '@typescript-eslint/parser': 6.8.0(eslint@8.43.0)(typescript@5.1.3)
@@ -7700,8 +3163,18 @@ snapshots:
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@typescript-eslint/eslint-plugin@7.2.0(@typescript-eslint/parser@7.2.0)(eslint@8.57.0)(typescript@5.4.2)':
+  /@typescript-eslint/eslint-plugin@7.2.0(@typescript-eslint/parser@7.2.0)(eslint@8.57.0)(typescript@5.4.2):
+    resolution: {integrity: sha512-mdekAHOqS9UjlmyF/LSs6AIEvfceV749GFxoBAjwAv0nkevfKHWQFDMcBZWUiIC5ft6ePWivXoS36aKQ0Cy3sw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^7.0.0
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
       '@eslint-community/regexpp': 4.10.0
       '@typescript-eslint/parser': 7.2.0(eslint@8.57.0)(typescript@5.4.2)
@@ -7719,8 +3192,17 @@ snapshots:
       typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2)':
+  /@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-+sZwIj+s+io9ozSxIWbNB5873OSdfeBEH/FR0re14WLI6BaKuSOnnwCJ2foUiu8uXf4dRp1UqHP0vrZ1zXGrog==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
       '@typescript-eslint/scope-manager': 6.10.0
       '@typescript-eslint/types': 6.10.0
@@ -7731,8 +3213,17 @@ snapshots:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)':
+  /@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
       '@typescript-eslint/scope-manager': 6.8.0
       '@typescript-eslint/types': 6.8.0
@@ -7743,8 +3234,17 @@ snapshots:
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.4.2)':
+  /@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.4.2):
+    resolution: {integrity: sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
       '@typescript-eslint/scope-manager': 7.2.0
       '@typescript-eslint/types': 7.2.0
@@ -7755,23 +3255,41 @@ snapshots:
       typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@typescript-eslint/scope-manager@6.10.0':
+  /@typescript-eslint/scope-manager@6.10.0:
+    resolution: {integrity: sha512-TN/plV7dzqqC2iPNf1KrxozDgZs53Gfgg5ZHyw8erd6jd5Ta/JIEcdCheXFt9b1NYb93a1wmIIVW/2gLkombDg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
       '@typescript-eslint/types': 6.10.0
       '@typescript-eslint/visitor-keys': 6.10.0
+    dev: true
 
-  '@typescript-eslint/scope-manager@6.8.0':
+  /@typescript-eslint/scope-manager@6.8.0:
+    resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==}
+    engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
       '@typescript-eslint/types': 6.8.0
       '@typescript-eslint/visitor-keys': 6.8.0
+    dev: true
 
-  '@typescript-eslint/scope-manager@7.2.0':
+  /@typescript-eslint/scope-manager@7.2.0:
+    resolution: {integrity: sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
       '@typescript-eslint/types': 7.2.0
       '@typescript-eslint/visitor-keys': 7.2.0
+    dev: true
 
-  '@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)':
+  /@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': 6.10.0(typescript@5.2.2)
       '@typescript-eslint/utils': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
@@ -7781,8 +3299,17 @@ snapshots:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@typescript-eslint/type-utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)':
+  /@typescript-eslint/type-utils@6.8.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-RYOJdlkTJIXW7GSldUIHqc/Hkto8E+fZN96dMIFhuTJcQwdRoGN2rEWA8U6oXbLo0qufH7NPElUb+MceHtz54g==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.1.3)
       '@typescript-eslint/utils': 6.8.0(eslint@8.43.0)(typescript@5.1.3)
@@ -7792,8 +3319,17 @@ snapshots:
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@typescript-eslint/type-utils@7.2.0(eslint@8.57.0)(typescript@5.4.2)':
+  /@typescript-eslint/type-utils@7.2.0(eslint@8.57.0)(typescript@5.4.2):
+    resolution: {integrity: sha512-xHi51adBHo9O9330J8GQYQwrKBqbIPJGZZVQTHHmy200hvkLZFWJIFtAG/7IYTWUyun6DE6w5InDReePJYJlJA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': 7.2.0(typescript@5.4.2)
       '@typescript-eslint/utils': 7.2.0(eslint@8.57.0)(typescript@5.4.2)
@@ -7803,14 +3339,31 @@ snapshots:
       typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@typescript-eslint/types@6.10.0': {}
+  /@typescript-eslint/types@6.10.0:
+    resolution: {integrity: sha512-36Fq1PWh9dusgo3vH7qmQAj5/AZqARky1Wi6WpINxB6SkQdY5vQoT2/7rW7uBIsPDcvvGCLi4r10p0OJ7ITAeg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dev: true
 
-  '@typescript-eslint/types@6.8.0': {}
+  /@typescript-eslint/types@6.8.0:
+    resolution: {integrity: sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dev: true
 
-  '@typescript-eslint/types@7.2.0': {}
+  /@typescript-eslint/types@7.2.0:
+    resolution: {integrity: sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dev: true
 
-  '@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)':
+  /@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2):
+    resolution: {integrity: sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
       '@typescript-eslint/types': 6.10.0
       '@typescript-eslint/visitor-keys': 6.10.0
@@ -7822,8 +3375,16 @@ snapshots:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)':
+  /@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3):
+    resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
       '@typescript-eslint/types': 6.8.0
       '@typescript-eslint/visitor-keys': 6.8.0
@@ -7835,8 +3396,16 @@ snapshots:
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@typescript-eslint/typescript-estree@7.2.0(typescript@5.4.2)':
+  /@typescript-eslint/typescript-estree@7.2.0(typescript@5.4.2):
+    resolution: {integrity: sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
       '@typescript-eslint/types': 7.2.0
       '@typescript-eslint/visitor-keys': 7.2.0
@@ -7849,8 +3418,13 @@ snapshots:
       typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  '@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)':
+  /@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
       '@types/json-schema': 7.0.15
@@ -7863,8 +3437,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
       - typescript
+    dev: true
 
-  '@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)':
+  /@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-dKs1itdE2qFG4jr0dlYLQVppqTE+Itt7GmIf/vX6CSvsW+3ov8PbWauVKyyfNngokhIO9sKZeRGCUo1+N7U98Q==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
       '@types/json-schema': 7.0.15
@@ -7877,8 +3456,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
       - typescript
+    dev: true
 
-  '@typescript-eslint/utils@7.2.0(eslint@8.57.0)(typescript@5.4.2)':
+  /@typescript-eslint/utils@7.2.0(eslint@8.57.0)(typescript@5.4.2):
+    resolution: {integrity: sha512-YfHpnMAGb1Eekpm3XRK8hcMwGLGsnT6L+7b2XyRv6ouDuJU1tZir1GS2i0+VXRatMwSI1/UfcyPe53ADkU+IuA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
       '@types/json-schema': 7.0.15
@@ -7891,32 +3475,52 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
       - typescript
+    dev: true
 
-  '@typescript-eslint/visitor-keys@6.10.0':
+  /@typescript-eslint/visitor-keys@6.10.0:
+    resolution: {integrity: sha512-xMGluxQIEtOM7bqFCo+rCMh5fqI+ZxV5RUUOa29iVPz1OgCZrtc7rFnz5cLUazlkPKYqX+75iuDq7m0HQ48nCg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
       '@typescript-eslint/types': 6.10.0
       eslint-visitor-keys: 3.4.3
+    dev: true
 
-  '@typescript-eslint/visitor-keys@6.8.0':
+  /@typescript-eslint/visitor-keys@6.8.0:
+    resolution: {integrity: sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
       '@typescript-eslint/types': 6.8.0
       eslint-visitor-keys: 3.4.3
+    dev: true
 
-  '@typescript-eslint/visitor-keys@7.2.0':
+  /@typescript-eslint/visitor-keys@7.2.0:
+    resolution: {integrity: sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==}
+    engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
       '@typescript-eslint/types': 7.2.0
       eslint-visitor-keys: 3.4.3
+    dev: true
 
-  '@ungap/structured-clone@1.2.0': {}
+  /@ungap/structured-clone@1.2.0:
+    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
+    dev: true
 
-  '@vitejs/plugin-react-swc@3.4.1(vite@4.5.0)':
+  /@vitejs/plugin-react-swc@3.4.1(vite@4.5.0):
+    resolution: {integrity: sha512-7YQOQcVV5x1luD8nkbCDdyYygFvn1hjqJk68UvNAzY2QG4o4N5EwAhLLFNOcd1HrdMwDl0VElP8VutoWf9IvJg==}
+    peerDependencies:
+      vite: ^4
     dependencies:
       '@swc/core': 1.3.96
       vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - '@swc/helpers'
+    dev: true
 
-  '@vitejs/plugin-react@4.1.1(vite@4.5.0)':
+  /@vitejs/plugin-react@4.1.1(vite@4.5.0):
+    resolution: {integrity: sha512-Jie2HERK+uh27e+ORXXwEP5h0Y2lS9T2PRGbfebiHGlwzDO0dEnd2aNtOR/qjBlPb1YgxwAONeblL1xqLikLag==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.2.0
     dependencies:
       '@babel/core': 7.23.2
       '@babel/plugin-transform-react-jsx-self': 7.22.5(@babel/core@7.23.2)
@@ -7927,7 +3531,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-react@4.2.1(vite@4.5.0)':
+  /@vitejs/plugin-react@4.2.1(vite@4.5.0):
+    resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.2.0 || ^5.0.0
     dependencies:
       '@babel/core': 7.24.0
       '@babel/plugin-transform-react-jsx-self': 7.23.3(@babel/core@7.24.0)
@@ -7937,114 +3545,185 @@ snapshots:
       vite: 4.5.0(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  acorn-jsx@5.3.2(acorn@8.10.0):
+  /acorn-jsx@5.3.2(acorn@8.10.0):
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       acorn: 8.10.0
+    dev: true
 
-  acorn@8.10.0: {}
+  /acorn@8.10.0:
+    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
 
-  acorn@8.11.2: {}
+  /acorn@8.11.2:
+    resolution: {integrity: sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
 
-  acorn@8.11.3: {}
+  /acorn@8.11.3:
+    resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
 
-  aggregate-error@3.1.0:
+  /aggregate-error@3.1.0:
+    resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
+    engines: {node: '>=8'}
     dependencies:
       clean-stack: 2.2.0
       indent-string: 4.0.0
+    dev: true
 
-  ajv@6.12.6:
+  /ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
     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
+    dev: true
 
-  ansi-align@3.0.1:
+  /ansi-align@3.0.1:
+    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
     dependencies:
       string-width: 4.2.3
+    dev: false
 
-  ansi-colors@4.1.3: {}
+  /ansi-colors@4.1.3:
+    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
+    engines: {node: '>=6'}
+    dev: true
 
-  ansi-escapes@4.3.2:
+  /ansi-escapes@4.3.2:
+    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
+    engines: {node: '>=8'}
     dependencies:
       type-fest: 0.21.3
+    dev: true
 
-  ansi-regex@5.0.1: {}
+  /ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
 
-  ansi-regex@6.0.1: {}
+  /ansi-regex@6.0.1:
+    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
+    engines: {node: '>=12'}
+    dev: false
 
-  ansi-sequence-parser@1.1.1: {}
+  /ansi-sequence-parser@1.1.1:
+    resolution: {integrity: sha512-vJXt3yiaUL4UU546s3rPXlsry/RnM730G1+HkpKE012AN0sx1eOrxSu95oKDIonskeLTijMgqWZ3uDEe3NFvyg==}
+    dev: false
 
-  ansi-styles@3.2.1:
+  /ansi-styles@3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
+    engines: {node: '>=4'}
     dependencies:
       color-convert: 1.9.3
 
-  ansi-styles@4.3.0:
+  /ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
     dependencies:
       color-convert: 2.0.1
+    dev: true
 
-  ansi-styles@6.2.1: {}
+  /ansi-styles@6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+    engines: {node: '>=12'}
+    dev: false
 
-  anymatch@3.1.3:
+  /anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
     dependencies:
       normalize-path: 3.0.0
       picomatch: 2.3.1
 
-  arch@2.2.0: {}
+  /arch@2.2.0:
+    resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==}
+    dev: true
 
-  arg@5.0.2: {}
+  /arg@5.0.2:
+    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
+    dev: true
 
-  argparse@1.0.10:
+  /argparse@1.0.10:
+    resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
     dependencies:
       sprintf-js: 1.0.3
 
-  argparse@2.0.1: {}
+  /argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
-  aria-query@5.3.0:
+  /aria-query@5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
     dependencies:
       dequal: 2.0.3
 
-  array-buffer-byte-length@1.0.0:
+  /array-buffer-byte-length@1.0.0:
+    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
     dependencies:
       call-bind: 1.0.5
       is-array-buffer: 3.0.2
+    dev: true
 
-  array-includes@3.1.7:
+  /array-includes@3.1.7:
+    resolution: {integrity: sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
       get-intrinsic: 1.2.2
       is-string: 1.0.7
+    dev: true
 
-  array-iterate@2.0.1: {}
+  /array-iterate@2.0.1:
+    resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==}
+    dev: false
 
-  array-union@2.1.0: {}
+  /array-union@2.1.0:
+    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
+    engines: {node: '>=8'}
+    dev: true
 
-  array.prototype.flat@1.3.2:
+  /array.prototype.flat@1.3.2:
+    resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
       es-shim-unscopables: 1.0.2
+    dev: true
 
-  array.prototype.flatmap@1.3.2:
+  /array.prototype.flatmap@1.3.2:
+    resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
       es-shim-unscopables: 1.0.2
+    dev: true
 
-  array.prototype.tosorted@1.1.2:
+  /array.prototype.tosorted@1.1.2:
+    resolution: {integrity: sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==}
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
       es-shim-unscopables: 1.0.2
       get-intrinsic: 1.2.2
+    dev: true
 
-  arraybuffer.prototype.slice@1.0.2:
+  /arraybuffer.prototype.slice@1.0.2:
+    resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==}
+    engines: {node: '>= 0.4'}
     dependencies:
       array-buffer-byte-length: 1.0.0
       call-bind: 1.0.5
@@ -8053,18 +3732,33 @@ snapshots:
       get-intrinsic: 1.2.2
       is-array-buffer: 3.0.2
       is-shared-array-buffer: 1.0.2
+    dev: true
 
-  arrify@1.0.1: {}
+  /arrify@1.0.1:
+    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
-  asn1@0.2.6:
+  /asn1@0.2.6:
+    resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==}
     dependencies:
       safer-buffer: 2.1.2
+    dev: true
 
-  assert-plus@1.0.0: {}
+  /assert-plus@1.0.0:
+    resolution: {integrity: sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==}
+    engines: {node: '>=0.8'}
+    dev: true
 
-  astral-regex@2.0.0: {}
+  /astral-regex@2.0.0:
+    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
+    engines: {node: '>=8'}
+    dev: true
 
-  astro@3.2.2:
+  /astro@3.2.2:
+    resolution: {integrity: sha512-vLOOGyD2g1HRkCQAFHmHUrVAbMI5sgUqKignBMtXNantgEq1P17sL2cvH0Yy2ibNN9DHZ/4TknXmwHAig8PJNg==}
+    engines: {node: '>=18.14.1', npm: '>=6.14.0'}
+    hasBin: true
     dependencies:
       '@astrojs/compiler': 2.2.1
       '@astrojs/internal-helpers': 0.2.0
@@ -8133,18 +3827,33 @@ snapshots:
       - sugarss
       - supports-color
       - terser
+    dev: false
 
-  async@3.2.5: {}
+  /async@3.2.5:
+    resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==}
+    dev: true
 
-  asynciterator.prototype@1.0.0:
+  /asynciterator.prototype@1.0.0:
+    resolution: {integrity: sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==}
     dependencies:
       has-symbols: 1.0.3
+    dev: true
 
-  asynckit@0.4.0: {}
+  /asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+    dev: true
 
-  at-least-node@1.0.0: {}
+  /at-least-node@1.0.0:
+    resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
+    engines: {node: '>= 4.0.0'}
+    dev: true
 
-  autoprefixer@10.4.15(postcss@8.4.21):
+  /autoprefixer@10.4.15(postcss@8.4.21):
+    resolution: {integrity: sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
     dependencies:
       browserslist: 4.22.1
       caniuse-lite: 1.0.30001553
@@ -8153,8 +3862,14 @@ snapshots:
       picocolors: 1.0.0
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
+    dev: true
 
-  autoprefixer@10.4.18(postcss@8.4.35):
+  /autoprefixer@10.4.18(postcss@8.4.35):
+    resolution: {integrity: sha512-1DKbDfsr6KUElM6wg+0zRNkB/Q7WcKYAaK+pzXn+Xqmszm/5Xa9coeNdtP88Vi+dPzZnMjhge8GIV49ZQkDa+g==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
     dependencies:
       browserslist: 4.23.0
       caniuse-lite: 1.0.30001594
@@ -8163,67 +3878,107 @@ snapshots:
       picocolors: 1.0.0
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: true
 
-  available-typed-arrays@1.0.5: {}
+  /available-typed-arrays@1.0.5:
+    resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
+    engines: {node: '>= 0.4'}
+    dev: true
 
-  aws-sign2@0.7.0: {}
+  /aws-sign2@0.7.0:
+    resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==}
+    dev: true
 
-  aws4@1.12.0: {}
+  /aws4@1.12.0:
+    resolution: {integrity: sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==}
+    dev: true
 
-  axios@0.27.2(debug@4.3.4):
+  /axios@0.27.2(debug@4.3.4):
+    resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==}
     dependencies:
       follow-redirects: 1.15.3(debug@4.3.4)
       form-data: 4.0.0
     transitivePeerDependencies:
       - debug
+    dev: true
 
-  axobject-query@3.2.1:
+  /axobject-query@3.2.1:
+    resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
     dependencies:
       dequal: 2.0.3
+    dev: false
 
-  axobject-query@4.0.0:
+  /axobject-query@4.0.0:
+    resolution: {integrity: sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==}
     dependencies:
       dequal: 2.0.3
 
-  b4a@1.6.4:
+  /b4a@1.6.4:
+    resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  bail@2.0.2: {}
+  /bail@2.0.2:
+    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
+    dev: false
 
-  balanced-match@1.0.2: {}
+  /balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
-  base64-js@1.5.1: {}
+  /base64-js@1.5.1:
+    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
-  bcrypt-pbkdf@1.0.2:
+  /bcrypt-pbkdf@1.0.2:
+    resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==}
     dependencies:
       tweetnacl: 0.14.5
+    dev: true
 
-  better-path-resolve@1.0.0:
+  /better-path-resolve@1.0.0:
+    resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==}
+    engines: {node: '>=4'}
     dependencies:
       is-windows: 1.0.2
+    dev: true
 
-  binary-extensions@2.2.0: {}
+  /binary-extensions@2.2.0:
+    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
+    engines: {node: '>=8'}
 
-  bl@4.1.0:
+  /bl@4.1.0:
+    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
+    requiresBuild: true
     dependencies:
       buffer: 5.7.1
       inherits: 2.0.4
       readable-stream: 3.6.2
+    dev: false
     optional: true
 
-  bl@5.1.0:
+  /bl@5.1.0:
+    resolution: {integrity: sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==}
     dependencies:
       buffer: 6.0.3
       inherits: 2.0.4
       readable-stream: 3.6.2
+    dev: false
 
-  blob-util@2.0.2: {}
+  /blob-util@2.0.2:
+    resolution: {integrity: sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==}
+    dev: true
 
-  bluebird@3.7.2: {}
+  /bluebird@3.7.2:
+    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
+    dev: true
 
-  boolbase@1.0.0: {}
+  /boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+    dev: true
 
-  boxen@7.1.1:
+  /boxen@7.1.1:
+    resolution: {integrity: sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==}
+    engines: {node: '>=14.16'}
     dependencies:
       ansi-align: 3.0.1
       camelcase: 7.0.1
@@ -8233,121 +3988,193 @@ snapshots:
       type-fest: 2.19.0
       widest-line: 4.0.1
       wrap-ansi: 8.1.0
+    dev: false
 
-  brace-expansion@1.1.11:
+  /brace-expansion@1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
     dependencies:
       balanced-match: 1.0.2
       concat-map: 0.0.1
 
-  brace-expansion@2.0.1:
+  /brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
     dependencies:
       balanced-match: 1.0.2
+    dev: true
 
-  braces@3.0.2:
+  /braces@3.0.2:
+    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
+    engines: {node: '>=8'}
     dependencies:
       fill-range: 7.0.1
 
-  breakword@1.0.6:
+  /breakword@1.0.6:
+    resolution: {integrity: sha512-yjxDAYyK/pBvws9H4xKYpLDpYKEH6CzrBPAuXq3x18I+c/2MkVtT3qAr7Oloi6Dss9qNhPVueAAVU1CSeNDIXw==}
     dependencies:
       wcwidth: 1.0.1
+    dev: true
 
-  browserslist@4.22.1:
+  /browserslist@4.22.1:
+    resolution: {integrity: sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
     dependencies:
       caniuse-lite: 1.0.30001553
       electron-to-chromium: 1.4.563
       node-releases: 2.0.13
       update-browserslist-db: 1.0.13(browserslist@4.22.1)
 
-  browserslist@4.23.0:
+  /browserslist@4.23.0:
+    resolution: {integrity: sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
     dependencies:
       caniuse-lite: 1.0.30001594
       electron-to-chromium: 1.4.693
       node-releases: 2.0.14
       update-browserslist-db: 1.0.13(browserslist@4.23.0)
 
-  buffer-crc32@0.2.13: {}
+  /buffer-crc32@0.2.13:
+    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
 
-  buffer-from@1.1.2: {}
+  /buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+    dev: true
 
-  buffer@5.7.1:
+  /buffer@5.7.1:
+    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
     dependencies:
       base64-js: 1.5.1
       ieee754: 1.2.1
 
-  buffer@6.0.3:
+  /buffer@6.0.3:
+    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
     dependencies:
       base64-js: 1.5.1
       ieee754: 1.2.1
+    dev: false
 
-  builtin-modules@3.3.0: {}
+  /builtin-modules@3.3.0:
+    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
+    engines: {node: '>=6'}
+    dev: true
 
-  cachedir@2.4.0: {}
+  /cachedir@2.4.0:
+    resolution: {integrity: sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==}
+    engines: {node: '>=6'}
+    dev: true
 
-  call-bind@1.0.5:
+  /call-bind@1.0.5:
+    resolution: {integrity: sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==}
     dependencies:
       function-bind: 1.1.2
       get-intrinsic: 1.2.2
       set-function-length: 1.1.1
+    dev: true
 
-  call-bind@1.0.7:
+  /call-bind@1.0.7:
+    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
+    engines: {node: '>= 0.4'}
     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.1
+    dev: true
 
-  callsites@3.1.0: {}
+  /callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+    dev: true
 
-  camelcase-keys@6.2.2:
+  /camelcase-keys@6.2.2:
+    resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
+    engines: {node: '>=8'}
     dependencies:
       camelcase: 5.3.1
       map-obj: 4.3.0
       quick-lru: 4.0.1
+    dev: true
 
-  camelcase@5.3.1: {}
+  /camelcase@5.3.1:
+    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
+    engines: {node: '>=6'}
+    dev: true
 
-  camelcase@7.0.1: {}
+  /camelcase@7.0.1:
+    resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
+    engines: {node: '>=14.16'}
+    dev: false
 
-  caniuse-api@3.0.0:
+  /caniuse-api@3.0.0:
+    resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
     dependencies:
       browserslist: 4.22.1
       caniuse-lite: 1.0.30001553
       lodash.memoize: 4.1.2
       lodash.uniq: 4.5.0
+    dev: true
 
-  caniuse-lite@1.0.30001553: {}
+  /caniuse-lite@1.0.30001553:
+    resolution: {integrity: sha512-N0ttd6TrFfuqKNi+pMgWJTb9qrdJu4JSpgPFLe/lrD19ugC6fZgF0pUewRowDwzdDnb9V41mFcdlYgl/PyKf4A==}
 
-  caniuse-lite@1.0.30001594: {}
+  /caniuse-lite@1.0.30001594:
+    resolution: {integrity: sha512-VblSX6nYqyJVs8DKFMldE2IVCJjZ225LW00ydtUWwh5hk9IfkTOffO6r8gJNsH0qqqeAF8KrbMYA2VEwTlGW5g==}
 
-  caseless@0.12.0: {}
+  /caseless@0.12.0:
+    resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
+    dev: true
 
-  ccount@2.0.1: {}
+  /ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+    dev: false
 
-  chalk@2.4.2:
+  /chalk@2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
+    engines: {node: '>=4'}
     dependencies:
       ansi-styles: 3.2.1
       escape-string-regexp: 1.0.5
       supports-color: 5.5.0
 
-  chalk@4.1.2:
+  /chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
     dependencies:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
+    dev: true
 
-  chalk@5.3.0: {}
+  /chalk@5.3.0:
+    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+    dev: false
 
-  character-entities-html4@2.1.0: {}
+  /character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+    dev: false
 
-  character-entities-legacy@3.0.0: {}
+  /character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+    dev: false
 
-  character-entities@2.0.2: {}
+  /character-entities@2.0.2:
+    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
+    dev: false
 
-  chardet@0.7.0: {}
+  /chardet@0.7.0:
+    resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
+    dev: true
 
-  check-more-types@2.24.0: {}
+  /check-more-types@2.24.0:
+    resolution: {integrity: sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==}
+    engines: {node: '>= 0.8.0'}
+    dev: true
 
-  chokidar@3.5.3:
+  /chokidar@3.5.3:
+    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
+    engines: {node: '>= 8.10.0'}
     dependencies:
       anymatch: 3.1.3
       braces: 3.0.2
@@ -8359,7 +4186,9 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  chokidar@3.6.0:
+  /chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
     dependencies:
       anymatch: 3.1.3
       braces: 3.0.2
@@ -8370,56 +4199,97 @@ snapshots:
       readdirp: 3.6.0
     optionalDependencies:
       fsevents: 2.3.3
+    dev: true
 
-  chownr@1.1.4:
+  /chownr@1.1.4:
+    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  ci-info@3.9.0: {}
+  /ci-info@3.9.0:
+    resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
+    engines: {node: '>=8'}
 
-  classcat@5.0.4: {}
+  /classcat@5.0.4:
+    resolution: {integrity: sha512-sbpkOw6z413p+HDGcBENe498WM9woqWHiJxCq7nvmxe9WmrUmqfAcxpIwAiMtM5Q3AhYkzXcNQHqsWq0mND51g==}
+    dev: false
 
-  clean-stack@2.2.0: {}
+  /clean-stack@2.2.0:
+    resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
+    engines: {node: '>=6'}
+    dev: true
 
-  cli-boxes@3.0.0: {}
+  /cli-boxes@3.0.0:
+    resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
+    engines: {node: '>=10'}
+    dev: false
 
-  cli-cursor@3.1.0:
+  /cli-cursor@3.1.0:
+    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
+    engines: {node: '>=8'}
     dependencies:
       restore-cursor: 3.1.0
+    dev: true
 
-  cli-cursor@4.0.0:
+  /cli-cursor@4.0.0:
+    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       restore-cursor: 4.0.0
+    dev: false
 
-  cli-spinners@2.9.1: {}
+  /cli-spinners@2.9.1:
+    resolution: {integrity: sha512-jHgecW0pxkonBJdrKsqxgRX9AcG+u/5k0Q7WPDfi8AogLAdwxEkyYYNWwZ5GvVFoFx2uiY1eNcSK00fh+1+FyQ==}
+    engines: {node: '>=6'}
+    dev: false
 
-  cli-table3@0.6.3:
+  /cli-table3@0.6.3:
+    resolution: {integrity: sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==}
+    engines: {node: 10.* || >= 12.*}
     dependencies:
       string-width: 4.2.3
     optionalDependencies:
       '@colors/colors': 1.5.0
+    dev: true
 
-  cli-truncate@2.1.0:
+  /cli-truncate@2.1.0:
+    resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==}
+    engines: {node: '>=8'}
     dependencies:
       slice-ansi: 3.0.0
       string-width: 4.2.3
+    dev: true
 
-  cliui@6.0.0:
+  /cliui@6.0.0:
+    resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
     dependencies:
       string-width: 4.2.3
       strip-ansi: 6.0.1
       wrap-ansi: 6.2.0
+    dev: true
 
-  cliui@8.0.1:
+  /cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
     dependencies:
       string-width: 4.2.3
       strip-ansi: 6.0.1
       wrap-ansi: 7.0.0
+    dev: true
 
-  clone@1.0.4: {}
+  /clone@1.0.4:
+    resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
+    engines: {node: '>=0.8'}
+    dev: true
 
-  clsx@2.0.0: {}
+  /clsx@2.0.0:
+    resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==}
+    engines: {node: '>=6'}
+    dev: false
 
-  code-red@1.0.4:
+  /code-red@1.0.4:
+    resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
       '@types/estree': 1.0.3
@@ -8427,55 +4297,95 @@ snapshots:
       estree-walker: 3.0.3
       periscopic: 3.1.0
 
-  color-convert@1.9.3:
+  /color-convert@1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
     dependencies:
       color-name: 1.1.3
 
-  color-convert@2.0.1:
+  /color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
     dependencies:
       color-name: 1.1.4
 
-  color-name@1.1.3: {}
+  /color-name@1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
 
-  color-name@1.1.4: {}
+  /color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
-  color-string@1.9.1:
+  /color-string@1.9.1:
+    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
+    requiresBuild: true
     dependencies:
       color-name: 1.1.4
       simple-swizzle: 0.2.2
+    dev: false
     optional: true
 
-  color@4.2.3:
+  /color@4.2.3:
+    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
+    engines: {node: '>=12.5.0'}
+    requiresBuild: true
     dependencies:
       color-convert: 2.0.1
       color-string: 1.9.1
+    dev: false
     optional: true
 
-  colord@2.9.3: {}
+  /colord@2.9.3:
+    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
+    dev: true
 
-  colorette@2.0.20: {}
+  /colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
+    dev: true
 
-  combined-stream@1.0.8:
+  /combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
     dependencies:
       delayed-stream: 1.0.0
+    dev: true
 
-  comma-separated-tokens@2.0.3: {}
+  /comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+    dev: false
 
-  commander@2.20.3: {}
+  /commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+    dev: true
 
-  commander@6.2.1: {}
+  /commander@6.2.1:
+    resolution: {integrity: sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==}
+    engines: {node: '>= 6'}
+    dev: true
 
-  commander@7.2.0: {}
+  /commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+    dev: true
 
-  common-ancestor-path@1.0.1: {}
+  /common-ancestor-path@1.0.1:
+    resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==}
+    dev: false
 
-  common-tags@1.8.2: {}
+  /common-tags@1.8.2:
+    resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
+    engines: {node: '>=4.0.0'}
+    dev: true
 
-  commondir@1.0.1: {}
+  /commondir@1.0.1:
+    resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
+    dev: true
 
-  concat-map@0.0.1: {}
+  /concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
-  concurrently@7.6.0:
+  /concurrently@7.6.0:
+    resolution: {integrity: sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==}
+    engines: {node: ^12.20.0 || ^14.13.0 || >=16.0.0}
+    hasBin: true
     dependencies:
       chalk: 4.1.2
       date-fns: 2.30.0
@@ -8486,58 +4396,100 @@ snapshots:
       supports-color: 8.1.1
       tree-kill: 1.2.2
       yargs: 17.7.2
+    dev: true
 
-  convert-source-map@2.0.0: {}
+  /convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
-  cookie@0.5.0: {}
+  /cookie@0.5.0:
+    resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
+    engines: {node: '>= 0.6'}
+    dev: false
 
-  cookie@0.6.0: {}
+  /cookie@0.6.0:
+    resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
+    engines: {node: '>= 0.6'}
+    dev: true
 
-  core-util-is@1.0.2: {}
+  /core-util-is@1.0.2:
+    resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}
+    dev: true
 
-  cross-spawn@5.1.0:
+  /cross-spawn@5.1.0:
+    resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==}
     dependencies:
       lru-cache: 4.1.5
       shebang-command: 1.2.0
       which: 1.3.1
+    dev: true
 
-  cross-spawn@7.0.3:
+  /cross-spawn@7.0.3:
+    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+    engines: {node: '>= 8'}
     dependencies:
       path-key: 3.1.1
       shebang-command: 2.0.0
       which: 2.0.2
 
-  css-declaration-sorter@6.4.1(postcss@8.4.21):
+  /css-declaration-sorter@6.4.1(postcss@8.4.21):
+    resolution: {integrity: sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==}
+    engines: {node: ^10 || ^12 || >=14}
+    peerDependencies:
+      postcss: ^8.0.9
     dependencies:
       postcss: 8.4.21
+    dev: true
 
-  css-declaration-sorter@7.1.1(postcss@8.4.35):
+  /css-declaration-sorter@7.1.1(postcss@8.4.35):
+    resolution: {integrity: sha512-dZ3bVTEEc1vxr3Bek9vGwfB5Z6ESPULhcRvO472mfjVnj8jRcTnKO8/JTczlvxM10Myb+wBM++1MtdO76eWcaQ==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      postcss: ^8.0.9
     dependencies:
       postcss: 8.4.35
+    dev: true
 
-  css-select@5.1.0:
+  /css-select@5.1.0:
+    resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
     dependencies:
       boolbase: 1.0.0
       css-what: 6.1.0
       domhandler: 5.0.3
       domutils: 3.1.0
       nth-check: 2.1.1
+    dev: true
 
-  css-tree@2.2.1:
+  /css-tree@2.2.1:
+    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
     dependencies:
       mdn-data: 2.0.28
       source-map-js: 1.0.2
+    dev: true
 
-  css-tree@2.3.1:
+  /css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
     dependencies:
       mdn-data: 2.0.30
       source-map-js: 1.0.2
 
-  css-what@6.1.0: {}
+  /css-what@6.1.0:
+    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
+    engines: {node: '>= 6'}
+    dev: true
 
-  cssesc@3.0.0: {}
+  /cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+    dev: true
 
-  cssnano-preset-default@6.0.1(postcss@8.4.21):
+  /cssnano-preset-default@6.0.1(postcss@8.4.21):
+    resolution: {integrity: sha512-7VzyFZ5zEB1+l1nToKyrRkuaJIx0zi/1npjvZfbBwbtNTzhLtlvYraK/7/uqmX2Wb2aQtd983uuGw79jAjLSuQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       css-declaration-sorter: 6.4.1(postcss@8.4.21)
       cssnano-utils: 4.0.0(postcss@8.4.21)
@@ -8569,8 +4521,13 @@ snapshots:
       postcss-reduce-transforms: 6.0.0(postcss@8.4.21)
       postcss-svgo: 6.0.0(postcss@8.4.21)
       postcss-unique-selectors: 6.0.0(postcss@8.4.21)
+    dev: true
 
-  cssnano-preset-default@6.1.0(postcss@8.4.35):
+  /cssnano-preset-default@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-4DUXZoDj+PI3fRl3MqMjl9DwLGjcsFP4qt+92nLUcN1RGfw2TY+GwNoG2B38Usu1BrcTs8j9pxNfSusmvtSjfg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       browserslist: 4.23.0
       css-declaration-sorter: 7.1.1(postcss@8.4.35)
@@ -8603,51 +4560,93 @@ snapshots:
       postcss-reduce-transforms: 6.0.2(postcss@8.4.35)
       postcss-svgo: 6.0.3(postcss@8.4.35)
       postcss-unique-selectors: 6.0.3(postcss@8.4.35)
+    dev: true
 
-  cssnano-utils@4.0.0(postcss@8.4.21):
+  /cssnano-utils@4.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-Z39TLP+1E0KUcd7LGyF4qMfu8ZufI0rDzhdyAMsa/8UyNUU8wpS0fhdBxbQbv32r64ea00h4878gommRVg2BHw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
+    dev: true
 
-  cssnano-utils@4.0.2(postcss@8.4.35):
+  /cssnano-utils@4.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-ZR1jHg+wZ8o4c3zqf1SIUSTIvm/9mU343FMR6Obe/unskbvpGhZOo1J6d/r8D1pzkRQYuwbcH3hToOuoA2G7oQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
+    dev: true
 
-  cssnano@6.0.1(postcss@8.4.21):
+  /cssnano@6.0.1(postcss@8.4.21):
+    resolution: {integrity: sha512-fVO1JdJ0LSdIGJq68eIxOqFpIJrZqXUsBt8fkrBcztCQqAjQD51OhZp7tc0ImcbwXD4k7ny84QTV90nZhmqbkg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       cssnano-preset-default: 6.0.1(postcss@8.4.21)
       lilconfig: 2.1.0
       postcss: 8.4.21
+    dev: true
 
-  cssnano@6.1.0(postcss@8.4.35):
+  /cssnano@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-e2v4w/t3OFM6HTuSweI4RSdABaqgVgHlJp5FZrQsopHnKKHLFIvK2D3C4kHWeFIycN/1L1J5VIrg5KlDzn3r/g==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       cssnano-preset-default: 6.1.0(postcss@8.4.35)
       lilconfig: 3.1.1
       postcss: 8.4.35
+    dev: true
 
-  csso@5.0.5:
+  /csso@5.0.5:
+    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
     dependencies:
       css-tree: 2.2.1
+    dev: true
 
-  csstype@3.1.2: {}
+  /csstype@3.1.2:
+    resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
 
-  csv-generate@3.4.3: {}
+  /csv-generate@3.4.3:
+    resolution: {integrity: sha512-w/T+rqR0vwvHqWs/1ZyMDWtHHSJaN06klRqJXBEpDJaM/+dZkso0OKh1VcuuYvK3XM53KysVNq8Ko/epCK8wOw==}
+    dev: true
 
-  csv-parse@4.16.3: {}
+  /csv-parse@4.16.3:
+    resolution: {integrity: sha512-cO1I/zmz4w2dcKHVvpCr7JVRu8/FymG5OEpmvsZYlccYolPBLoVGKUHgNoc4ZGkFeFlWGEDmMyBM+TTqRdW/wg==}
+    dev: true
 
-  csv-stringify@5.6.5: {}
+  /csv-stringify@5.6.5:
+    resolution: {integrity: sha512-PjiQ659aQ+fUTQqSrd1XEDnOr52jh30RBurfzkscaE2tPaFsDH5wOAHJiw8XAHphRknCwMUE9KRayc4K/NbO8A==}
+    dev: true
 
-  csv@5.5.3:
+  /csv@5.5.3:
+    resolution: {integrity: sha512-QTaY0XjjhTQOdguARF0lGKm5/mEq9PD9/VhZZegHDIBq2tQwgNpHc3dneD4mGo2iJs+fTKv5Bp0fZ+BRuY3Z0g==}
+    engines: {node: '>= 0.1.90'}
     dependencies:
       csv-generate: 3.4.3
       csv-parse: 4.16.3
       csv-stringify: 5.6.5
       stream-transform: 2.1.3
+    dev: true
 
-  cypress-real-events@1.12.0(cypress@13.6.6):
+  /cypress-real-events@1.12.0(cypress@13.6.6):
+    resolution: {integrity: sha512-oiy+4kGKkzc2PT36k3GGQqkGxNiVypheWjMtfyi89iIk6bYmTzeqxapaLHS3pnhZOX1IEbTDUVxh8T4Nhs1tyQ==}
+    peerDependencies:
+      cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x || ^13.x
     dependencies:
       cypress: 13.6.6
+    dev: true
 
-  cypress@13.6.6:
+  /cypress@13.6.6:
+    resolution: {integrity: sha512-S+2S9S94611hXimH9a3EAYt81QM913ZVA03pUmGDfLTFa5gyp85NJ8dJGSlEAEmyRsYkioS1TtnWtbv/Fzt11A==}
+    engines: {node: ^16.0.0 || ^18.0.0 || >=20.0.0}
+    hasBin: true
+    requiresBuild: true
     dependencies:
       '@cypress/request': 3.0.1
       '@cypress/xvfb': 1.2.4(supports-color@8.1.1)
@@ -8691,27 +4690,53 @@ snapshots:
       tmp: 0.2.3
       untildify: 4.0.0
       yauzl: 2.10.0
+    dev: true
 
-  d3-color@3.1.0: {}
+  /d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+    dev: false
 
-  d3-dispatch@3.0.1: {}
+  /d3-dispatch@3.0.1:
+    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
+    engines: {node: '>=12'}
+    dev: false
 
-  d3-drag@3.0.0:
+  /d3-drag@3.0.0:
+    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==}
+    engines: {node: '>=12'}
     dependencies:
       d3-dispatch: 3.0.1
       d3-selection: 3.0.0
+    dev: false
 
-  d3-ease@3.0.1: {}
+  /d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+    dev: false
 
-  d3-interpolate@3.0.1:
+  /d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
     dependencies:
       d3-color: 3.1.0
+    dev: false
 
-  d3-selection@3.0.0: {}
+  /d3-selection@3.0.0:
+    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
+    engines: {node: '>=12'}
+    dev: false
 
-  d3-timer@3.0.1: {}
+  /d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+    dev: false
 
-  d3-transition@3.0.1(d3-selection@3.0.0):
+  /d3-transition@3.0.1(d3-selection@3.0.0):
+    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      d3-selection: 2 - 3
     dependencies:
       d3-color: 3.1.0
       d3-dispatch: 3.0.1
@@ -8719,183 +4744,326 @@ snapshots:
       d3-interpolate: 3.0.1
       d3-selection: 3.0.0
       d3-timer: 3.0.1
+    dev: false
 
-  d3-zoom@3.0.0:
+  /d3-zoom@3.0.0:
+    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
+    engines: {node: '>=12'}
     dependencies:
       d3-dispatch: 3.0.1
       d3-drag: 3.0.0
       d3-interpolate: 3.0.1
       d3-selection: 3.0.0
       d3-transition: 3.0.1(d3-selection@3.0.0)
+    dev: false
 
-  dagre@0.8.5:
+  /dagre@0.8.5:
+    resolution: {integrity: sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==}
     dependencies:
       graphlib: 2.1.8
       lodash: 4.17.21
+    dev: false
 
-  dashdash@1.14.1:
+  /dashdash@1.14.1:
+    resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
+    engines: {node: '>=0.10'}
     dependencies:
       assert-plus: 1.0.0
+    dev: true
 
-  dataloader@1.4.0: {}
+  /dataloader@1.4.0:
+    resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
+    dev: true
 
-  date-fns@2.30.0:
+  /date-fns@2.30.0:
+    resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==}
+    engines: {node: '>=0.11'}
     dependencies:
       '@babel/runtime': 7.23.2
+    dev: true
 
-  dayjs@1.11.10: {}
+  /dayjs@1.11.10:
+    resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==}
+    dev: true
 
-  debug@2.6.9:
+  /debug@2.6.9:
+    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
     dependencies:
       ms: 2.0.0
+    dev: false
 
-  debug@3.2.7(supports-color@8.1.1):
+  /debug@3.2.7(supports-color@8.1.1):
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
     dependencies:
       ms: 2.1.3
       supports-color: 8.1.1
 
-  debug@4.3.4(supports-color@8.1.1):
+  /debug@4.3.4(supports-color@8.1.1):
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
     dependencies:
       ms: 2.1.2
       supports-color: 8.1.1
 
-  decamelize-keys@1.1.1:
+  /decamelize-keys@1.1.1:
+    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
+    engines: {node: '>=0.10.0'}
     dependencies:
       decamelize: 1.2.0
       map-obj: 1.0.1
+    dev: true
 
-  decamelize@1.2.0: {}
+  /decamelize@1.2.0:
+    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
-  decode-named-character-reference@1.0.2:
+  /decode-named-character-reference@1.0.2:
+    resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==}
     dependencies:
       character-entities: 2.0.2
+    dev: false
 
-  decompress-response@6.0.0:
+  /decompress-response@6.0.0:
+    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
+    engines: {node: '>=10'}
+    requiresBuild: true
     dependencies:
       mimic-response: 3.1.0
+    dev: false
     optional: true
 
-  dedent-js@1.0.1: {}
+  /dedent-js@1.0.1:
+    resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==}
 
-  deep-extend@0.6.0:
+  /deep-extend@0.6.0:
+    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
+    engines: {node: '>=4.0.0'}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  deep-is@0.1.4: {}
+  /deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+    dev: true
 
-  deepmerge@4.3.1: {}
+  /deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
 
-  defaults@1.0.4:
+  /defaults@1.0.4:
+    resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
     dependencies:
       clone: 1.0.4
+    dev: true
 
-  define-data-property@1.1.1:
+  /define-data-property@1.1.1:
+    resolution: {integrity: sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==}
+    engines: {node: '>= 0.4'}
     dependencies:
       get-intrinsic: 1.2.2
       gopd: 1.0.1
       has-property-descriptors: 1.0.1
+    dev: true
 
-  define-data-property@1.1.4:
+  /define-data-property@1.1.4:
+    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
+    engines: {node: '>= 0.4'}
     dependencies:
       es-define-property: 1.0.0
       es-errors: 1.3.0
       gopd: 1.0.1
+    dev: true
 
-  define-properties@1.2.1:
+  /define-properties@1.2.1:
+    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
+    engines: {node: '>= 0.4'}
     dependencies:
       define-data-property: 1.1.1
       has-property-descriptors: 1.0.1
       object-keys: 1.1.1
+    dev: true
 
-  delayed-stream@1.0.0: {}
+  /delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+    dev: true
 
-  dependency-graph@0.11.0: {}
+  /dependency-graph@0.11.0:
+    resolution: {integrity: sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==}
+    engines: {node: '>= 0.6.0'}
+    dev: true
 
-  dequal@2.0.3: {}
+  /dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
 
-  detect-indent@6.1.0: {}
+  /detect-indent@6.1.0:
+    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
+    engines: {node: '>=8'}
 
-  detect-libc@2.0.2:
+  /detect-libc@2.0.2:
+    resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==}
+    engines: {node: '>=8'}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  devalue@4.3.2: {}
+  /devalue@4.3.2:
+    resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==}
 
-  diff@5.1.0: {}
+  /diff@5.1.0:
+    resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==}
+    engines: {node: '>=0.3.1'}
+    dev: false
 
-  dir-glob@3.0.1:
+  /dir-glob@3.0.1:
+    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
+    engines: {node: '>=8'}
     dependencies:
       path-type: 4.0.0
+    dev: true
 
-  dlv@1.1.3: {}
+  /dlv@1.1.3:
+    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
+    dev: false
 
-  doctrine@2.1.0:
+  /doctrine@2.1.0:
+    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
+    engines: {node: '>=0.10.0'}
     dependencies:
       esutils: 2.0.3
+    dev: true
 
-  doctrine@3.0.0:
+  /doctrine@3.0.0:
+    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
+    engines: {node: '>=6.0.0'}
     dependencies:
       esutils: 2.0.3
+    dev: true
 
-  dom-serializer@2.0.0:
+  /dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
     dependencies:
       domelementtype: 2.3.0
       domhandler: 5.0.3
       entities: 4.5.0
+    dev: true
 
-  domelementtype@2.3.0: {}
+  /domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+    dev: true
 
-  domhandler@5.0.3:
+  /domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
     dependencies:
       domelementtype: 2.3.0
+    dev: true
 
-  domutils@3.1.0:
+  /domutils@3.1.0:
+    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
     dependencies:
       dom-serializer: 2.0.0
       domelementtype: 2.3.0
       domhandler: 5.0.3
+    dev: true
 
-  dotenv@16.0.3: {}
+  /dotenv@16.0.3:
+    resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
+    engines: {node: '>=12'}
+    dev: true
 
-  dotenv@16.4.5: {}
+  /dotenv@16.4.5:
+    resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
+    engines: {node: '>=12'}
+    dev: true
 
-  dotenv@8.6.0: {}
+  /dotenv@8.6.0:
+    resolution: {integrity: sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==}
+    engines: {node: '>=10'}
+    dev: true
 
-  dset@3.1.2: {}
+  /dset@3.1.2:
+    resolution: {integrity: sha512-g/M9sqy3oHe477Ar4voQxWtaPIFw1jTdKZuomOjhCcBx9nHUNn0pu6NopuFFrTh/TRZIKEj+76vLWFu9BNKk+Q==}
+    engines: {node: '>=4'}
+    dev: false
 
-  duplexer@0.1.2: {}
+  /duplexer@0.1.2:
+    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
+    dev: true
 
-  eastasianwidth@0.2.0: {}
+  /eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+    dev: false
 
-  ecc-jsbn@0.1.2:
+  /ecc-jsbn@0.1.2:
+    resolution: {integrity: sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==}
     dependencies:
       jsbn: 0.1.1
       safer-buffer: 2.1.2
+    dev: true
 
-  electron-to-chromium@1.4.563: {}
+  /electron-to-chromium@1.4.563:
+    resolution: {integrity: sha512-dg5gj5qOgfZNkPNeyKBZQAQitIQ/xwfIDmEQJHCbXaD9ebTZxwJXUsDYcBlAvZGZLi+/354l35J1wkmP6CqYaw==}
 
-  electron-to-chromium@1.4.693: {}
+  /electron-to-chromium@1.4.693:
+    resolution: {integrity: sha512-/if4Ueg0GUQlhCrW2ZlXwDAm40ipuKo+OgeHInlL8sbjt+hzISxZK949fZeJaVsheamrzANXvw1zQTvbxTvSHw==}
 
-  emoji-regex@10.3.0: {}
+  /emoji-regex@10.3.0:
+    resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==}
+    dev: false
 
-  emoji-regex@8.0.0: {}
+  /emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
-  emoji-regex@9.2.2: {}
+  /emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+    dev: false
 
-  end-of-stream@1.4.4:
+  /end-of-stream@1.4.4:
+    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
+    requiresBuild: true
     dependencies:
       once: 1.4.0
 
-  enquirer@2.4.1:
+  /enquirer@2.4.1:
+    resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
+    engines: {node: '>=8.6'}
     dependencies:
       ansi-colors: 4.1.3
       strip-ansi: 6.0.1
+    dev: true
 
-  entities@4.5.0: {}
+  /entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+    dev: true
 
-  error-ex@1.3.2:
+  /error-ex@1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
     dependencies:
       is-arrayish: 0.2.1
+    dev: true
 
-  es-abstract@1.22.3:
+  /es-abstract@1.22.3:
+    resolution: {integrity: sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==}
+    engines: {node: '>= 0.4'}
     dependencies:
       array-buffer-byte-length: 1.0.0
       arraybuffer.prototype.slice: 1.0.2
@@ -8936,14 +5104,22 @@ snapshots:
       typed-array-length: 1.0.4
       unbox-primitive: 1.0.2
       which-typed-array: 1.1.13
+    dev: true
 
-  es-define-property@1.0.0:
+  /es-define-property@1.0.0:
+    resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
+    engines: {node: '>= 0.4'}
     dependencies:
       get-intrinsic: 1.2.4
+    dev: true
 
-  es-errors@1.3.0: {}
+  /es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+    dev: true
 
-  es-iterator-helpers@1.0.15:
+  /es-iterator-helpers@1.0.15:
+    resolution: {integrity: sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==}
     dependencies:
       asynciterator.prototype: 1.0.0
       call-bind: 1.0.5
@@ -8959,28 +5135,44 @@ snapshots:
       internal-slot: 1.0.6
       iterator.prototype: 1.1.2
       safe-array-concat: 1.0.1
+    dev: true
 
-  es-module-lexer@1.3.1: {}
+  /es-module-lexer@1.3.1:
+    resolution: {integrity: sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q==}
+    dev: false
 
-  es-set-tostringtag@2.0.2:
+  /es-set-tostringtag@2.0.2:
+    resolution: {integrity: sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==}
+    engines: {node: '>= 0.4'}
     dependencies:
       get-intrinsic: 1.2.2
       has-tostringtag: 1.0.0
       hasown: 2.0.0
+    dev: true
 
-  es-shim-unscopables@1.0.2:
+  /es-shim-unscopables@1.0.2:
+    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
     dependencies:
       hasown: 2.0.0
+    dev: true
 
-  es-to-primitive@1.2.1:
+  /es-to-primitive@1.2.1:
+    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
+    engines: {node: '>= 0.4'}
     dependencies:
       is-callable: 1.2.7
       is-date-object: 1.0.5
       is-symbol: 1.0.4
+    dev: true
 
-  es6-promise@3.3.1: {}
+  /es6-promise@3.3.1:
+    resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
 
-  esbuild@0.18.20:
+  /esbuild@0.18.20:
+    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
     optionalDependencies:
       '@esbuild/android-arm': 0.18.20
       '@esbuild/android-arm64': 0.18.20
@@ -9005,7 +5197,11 @@ snapshots:
       '@esbuild/win32-ia32': 0.18.20
       '@esbuild/win32-x64': 0.18.20
 
-  esbuild@0.19.12:
+  /esbuild@0.19.12:
+    resolution: {integrity: sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
     optionalDependencies:
       '@esbuild/aix-ppc64': 0.19.12
       '@esbuild/android-arm': 0.19.12
@@ -9031,7 +5227,11 @@ snapshots:
       '@esbuild/win32-ia32': 0.19.12
       '@esbuild/win32-x64': 0.19.12
 
-  esbuild@0.19.5:
+  /esbuild@0.19.5:
+    resolution: {integrity: sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
     optionalDependencies:
       '@esbuild/android-arm': 0.19.5
       '@esbuild/android-arm64': 0.19.5
@@ -9055,48 +5255,102 @@ snapshots:
       '@esbuild/win32-arm64': 0.19.5
       '@esbuild/win32-ia32': 0.19.5
       '@esbuild/win32-x64': 0.19.5
+    dev: false
 
-  escalade@3.1.1: {}
+  /escalade@3.1.1:
+    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
+    engines: {node: '>=6'}
 
-  escape-string-regexp@1.0.5: {}
+  /escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
 
-  escape-string-regexp@4.0.0: {}
+  /escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+    dev: true
 
-  escape-string-regexp@5.0.0: {}
+  /escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+    dev: false
 
-  eslint-compat-utils@0.1.2(eslint@8.53.0):
+  /eslint-compat-utils@0.1.2(eslint@8.53.0):
+    resolution: {integrity: sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: '>=6.0.0'
     dependencies:
       eslint: 8.53.0
+    dev: true
 
-  eslint-compat-utils@0.1.2(eslint@8.57.0):
+  /eslint-compat-utils@0.1.2(eslint@8.57.0):
+    resolution: {integrity: sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: '>=6.0.0'
     dependencies:
       eslint: 8.57.0
+    dev: true
 
-  eslint-config-prettier@8.8.0(eslint@8.43.0):
+  /eslint-config-prettier@8.8.0(eslint@8.43.0):
+    resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
     dependencies:
       eslint: 8.43.0
+    dev: true
 
-  eslint-config-prettier@9.0.0(eslint@8.53.0):
+  /eslint-config-prettier@9.0.0(eslint@8.53.0):
+    resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
     dependencies:
       eslint: 8.53.0
+    dev: true
 
-  eslint-config-prettier@9.1.0(eslint@8.57.0):
+  /eslint-config-prettier@9.1.0(eslint@8.57.0):
+    resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
     dependencies:
       eslint: 8.57.0
+    dev: true
 
-  eslint-config-turbo@1.10.15(eslint@8.43.0):
+  /eslint-config-turbo@1.10.15(eslint@8.43.0):
+    resolution: {integrity: sha512-76mpx2x818JZE26euen14utYcFDxOahZ9NaWA+6Xa4pY2ezVKVschuOxS96EQz3o3ZRSmcgBOapw/gHbN+EKxQ==}
+    peerDependencies:
+      eslint: '>6.6.0'
     dependencies:
       eslint: 8.43.0
       eslint-plugin-turbo: 1.10.15(eslint@8.43.0)
+    dev: true
 
-  eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8):
+  /eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8):
+    resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      eslint: '>=7.28.0'
+      eslint-config-prettier: '*'
+      prettier: '>=2.0.0'
+    peerDependenciesMeta:
+      eslint-config-prettier:
+        optional: true
     dependencies:
       eslint: 8.43.0
       eslint-config-prettier: 8.8.0(eslint@8.43.0)
       prettier: 2.8.8
       prettier-linter-helpers: 1.0.0
+    dev: true
 
-  eslint-plugin-react@7.33.2(eslint@8.43.0):
+  /eslint-plugin-react@7.33.2(eslint@8.43.0):
+    resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
     dependencies:
       array-includes: 3.1.7
       array.prototype.flatmap: 1.3.2
@@ -9115,8 +5369,17 @@ snapshots:
       resolve: 2.0.0-next.5
       semver: 6.3.1
       string.prototype.matchall: 4.0.10
+    dev: true
 
-  eslint-plugin-svelte@2.35.0(eslint@8.53.0)(svelte@4.2.12):
+  /eslint-plugin-svelte@2.35.0(eslint@8.53.0)(svelte@4.2.12):
+    resolution: {integrity: sha512-3WDFxNrkXaMlpqoNo3M1ZOQuoFLMO9+bdnN6oVVXaydXC7nzCJuGy9a0zqoNDHMSRPYt0Rqo6hIdHMEaI5sQnw==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0-0
+      svelte: ^3.37.0 || ^4.0.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -9135,8 +5398,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
       - ts-node
+    dev: true
 
-  eslint-plugin-svelte@2.35.1(eslint@8.57.0)(svelte@4.2.12):
+  /eslint-plugin-svelte@2.35.1(eslint@8.57.0)(svelte@4.2.12):
+    resolution: {integrity: sha512-IF8TpLnROSGy98Z3NrsKXWDSCbNY2ReHDcrYTuXZMbfX7VmESISR78TWgO9zdg4Dht1X8coub5jKwHzP0ExRug==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0-0
+      svelte: ^3.37.0 || ^4.0.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -9155,20 +5427,34 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
       - ts-node
+    dev: true
 
-  eslint-plugin-turbo@1.10.15(eslint@8.43.0):
+  /eslint-plugin-turbo@1.10.15(eslint@8.43.0):
+    resolution: {integrity: sha512-Tv4QSKV/U56qGcTqS/UgOvb9HcKFmWOQcVh3HEaj7of94lfaENgfrtK48E2CckQf7amhKs1i+imhCsNCKjkQyA==}
+    peerDependencies:
+      eslint: '>6.6.0'
     dependencies:
       dotenv: 16.0.3
       eslint: 8.43.0
+    dev: true
 
-  eslint-scope@7.2.2:
+  /eslint-scope@7.2.2:
+    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       esrecurse: 4.3.0
       estraverse: 5.3.0
+    dev: true
 
-  eslint-visitor-keys@3.4.3: {}
+  /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}
+    dev: true
 
-  eslint@8.43.0:
+  /eslint@8.43.0:
+    resolution: {integrity: sha512-aaCpf2JqqKesMFGgmRPessmVKjcGXqdlAYLLC3THM8t5nBRZRQ+st5WM/hoJXkdioEXLLbXgclUpM0TXo5HX5Q==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
       '@eslint-community/regexpp': 4.9.1
@@ -9211,8 +5497,12 @@ snapshots:
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  eslint@8.53.0:
+  /eslint@8.53.0:
+    resolution: {integrity: sha512-N4VuiPjXDUa4xVeV/GC/RV3hQW9Nw+Y463lkWaKKXKYMvmRiRDAtfpuPFLN+E1/6ZhyR8J2ig+eVREnYgUsiag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
       '@eslint-community/regexpp': 4.10.0
@@ -9254,8 +5544,12 @@ snapshots:
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  eslint@8.57.0:
+  /eslint@8.57.0:
+    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
       '@eslint-community/regexpp': 4.10.0
@@ -9297,36 +5591,61 @@ snapshots:
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  esm-env@1.0.0: {}
+  /esm-env@1.0.0:
+    resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
+    dev: true
 
-  espree@9.6.1:
+  /espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       acorn: 8.10.0
       acorn-jsx: 5.3.2(acorn@8.10.0)
       eslint-visitor-keys: 3.4.3
+    dev: true
 
-  esprima@4.0.1: {}
+  /esprima@4.0.1:
+    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
+    engines: {node: '>=4'}
+    hasBin: true
 
-  esquery@1.5.0:
+  /esquery@1.5.0:
+    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
+    engines: {node: '>=0.10'}
     dependencies:
       estraverse: 5.3.0
+    dev: true
 
-  esrecurse@4.3.0:
+  /esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
     dependencies:
       estraverse: 5.3.0
+    dev: true
 
-  estraverse@5.3.0: {}
+  /estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+    dev: true
 
-  estree-walker@2.0.2: {}
+  /estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+    dev: true
 
-  estree-walker@3.0.3:
+  /estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
     dependencies:
       '@types/estree': 1.0.5
 
-  esutils@2.0.3: {}
+  /esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
-  event-stream@3.3.4:
+  /event-stream@3.3.4:
+    resolution: {integrity: sha512-QHpkERcGsR0T7Qm3HNJSyXKEEj8AHNxkY3PK8TS2KJvQ7NiSHe3DDpwVKKtoYprL/AreyzFBeIkBIWChAqn60g==}
     dependencies:
       duplexer: 0.1.2
       from: 0.1.7
@@ -9335,10 +5654,15 @@ snapshots:
       split: 0.3.3
       stream-combiner: 0.0.4
       through: 2.3.8
+    dev: true
 
-  eventemitter2@6.4.7: {}
+  /eventemitter2@6.4.7:
+    resolution: {integrity: sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==}
+    dev: true
 
-  execa@4.1.0:
+  /execa@4.1.0:
+    resolution: {integrity: sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==}
+    engines: {node: '>=10'}
     dependencies:
       cross-spawn: 7.0.3
       get-stream: 5.2.0
@@ -9349,8 +5673,11 @@ snapshots:
       onetime: 5.1.2
       signal-exit: 3.0.7
       strip-final-newline: 2.0.0
+    dev: true
 
-  execa@5.1.1:
+  /execa@5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
     dependencies:
       cross-spawn: 7.0.3
       get-stream: 6.0.1
@@ -9361,8 +5688,11 @@ snapshots:
       onetime: 5.1.2
       signal-exit: 3.0.7
       strip-final-newline: 2.0.0
+    dev: true
 
-  execa@8.0.1:
+  /execa@8.0.1:
+    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
+    engines: {node: '>=16.17'}
     dependencies:
       cross-spawn: 7.0.3
       get-stream: 8.0.1
@@ -9373,29 +5703,49 @@ snapshots:
       onetime: 6.0.0
       signal-exit: 4.1.0
       strip-final-newline: 3.0.0
+    dev: false
 
-  executable@4.1.1:
+  /executable@4.1.1:
+    resolution: {integrity: sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==}
+    engines: {node: '>=4'}
     dependencies:
       pify: 2.3.0
+    dev: true
 
-  expand-template@2.0.3:
+  /expand-template@2.0.3:
+    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
+    engines: {node: '>=6'}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  extend-shallow@2.0.1:
+  /extend-shallow@2.0.1:
+    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
+    engines: {node: '>=0.10.0'}
     dependencies:
       is-extendable: 0.1.1
+    dev: false
 
-  extend@3.0.2: {}
+  /extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
 
-  extendable-error@0.1.7: {}
+  /extendable-error@0.1.7:
+    resolution: {integrity: sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg==}
+    dev: true
 
-  external-editor@3.1.0:
+  /external-editor@3.1.0:
+    resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
+    engines: {node: '>=4'}
     dependencies:
       chardet: 0.7.0
       iconv-lite: 0.4.24
       tmp: 0.0.33
+    dev: true
 
-  extract-zip@2.0.1(supports-color@8.1.1):
+  /extract-zip@2.0.1(supports-color@8.1.1):
+    resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==}
+    engines: {node: '>= 10.17.0'}
+    hasBin: true
     dependencies:
       debug: 4.3.4(supports-color@8.1.1)
       get-stream: 5.2.0
@@ -9404,208 +5754,342 @@ snapshots:
       '@types/yauzl': 2.10.3
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  extsprintf@1.3.0: {}
+  /extsprintf@1.3.0:
+    resolution: {integrity: sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==}
+    engines: {'0': node >=0.6.0}
+    dev: true
 
-  fast-deep-equal@3.1.3: {}
+  /fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+    dev: true
 
-  fast-diff@1.3.0: {}
+  /fast-diff@1.3.0:
+    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
+    dev: true
 
-  fast-fifo@1.3.2:
+  /fast-fifo@1.3.2:
+    resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  fast-glob@3.3.1:
+  /fast-glob@3.3.1:
+    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
+    engines: {node: '>=8.6.0'}
     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.5
+    dev: false
 
-  fast-glob@3.3.2:
+  /fast-glob@3.3.2:
+    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
+    engines: {node: '>=8.6.0'}
     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.5
+    dev: true
 
-  fast-json-stable-stringify@2.1.0: {}
+  /fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+    dev: true
 
-  fast-levenshtein@2.0.6: {}
+  /fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+    dev: true
 
-  fastq@1.15.0:
+  /fastq@1.15.0:
+    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
     dependencies:
       reusify: 1.0.4
 
-  fd-slicer@1.1.0:
+  /fd-slicer@1.1.0:
+    resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==}
     dependencies:
       pend: 1.2.0
+    dev: true
 
-  figures@3.2.0:
+  /figures@3.2.0:
+    resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
+    engines: {node: '>=8'}
     dependencies:
       escape-string-regexp: 1.0.5
+    dev: true
 
-  file-entry-cache@6.0.1:
+  /file-entry-cache@6.0.1:
+    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
       flat-cache: 3.1.1
+    dev: true
 
-  fill-range@7.0.1:
+  /fill-range@7.0.1:
+    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
+    engines: {node: '>=8'}
     dependencies:
       to-regex-range: 5.0.1
 
-  find-up@4.1.0:
+  /find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
     dependencies:
       locate-path: 5.0.0
       path-exists: 4.0.0
 
-  find-up@5.0.0:
+  /find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
     dependencies:
       locate-path: 6.0.0
       path-exists: 4.0.0
 
-  find-yarn-workspace-root2@1.2.16:
+  /find-yarn-workspace-root2@1.2.16:
+    resolution: {integrity: sha512-hr6hb1w8ePMpPVUK39S4RlwJzi+xPLuVuG8XlwXU3KD5Yn3qgBWVfy3AzNlDhWvE1EORCE65/Qm26rFQt3VLVA==}
     dependencies:
       micromatch: 4.0.5
       pkg-dir: 4.2.0
 
-  flat-cache@3.1.1:
+  /flat-cache@3.1.1:
+    resolution: {integrity: sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==}
+    engines: {node: '>=12.0.0'}
     dependencies:
       flatted: 3.2.9
       keyv: 4.5.4
       rimraf: 3.0.2
+    dev: true
 
-  flatted@3.2.9: {}
+  /flatted@3.2.9:
+    resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
+    dev: true
 
-  follow-redirects@1.15.3(debug@4.3.4):
+  /follow-redirects@1.15.3(debug@4.3.4):
+    resolution: {integrity: sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
     dependencies:
       debug: 4.3.4(supports-color@8.1.1)
+    dev: true
 
-  for-each@0.3.3:
+  /for-each@0.3.3:
+    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
     dependencies:
       is-callable: 1.2.7
+    dev: true
 
-  forever-agent@0.6.1: {}
+  /forever-agent@0.6.1:
+    resolution: {integrity: sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==}
+    dev: true
 
-  form-data@2.3.3:
+  /form-data@2.3.3:
+    resolution: {integrity: sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==}
+    engines: {node: '>= 0.12'}
     dependencies:
       asynckit: 0.4.0
       combined-stream: 1.0.8
       mime-types: 2.1.35
+    dev: true
 
-  form-data@4.0.0:
+  /form-data@4.0.0:
+    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
+    engines: {node: '>= 6'}
     dependencies:
       asynckit: 0.4.0
       combined-stream: 1.0.8
       mime-types: 2.1.35
+    dev: true
 
-  fraction.js@4.3.7: {}
+  /fraction.js@4.3.7:
+    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
+    dev: true
 
-  from@0.1.7: {}
+  /from@0.1.7:
+    resolution: {integrity: sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g==}
+    dev: true
 
-  fs-constants@1.0.0:
+  /fs-constants@1.0.0:
+    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  fs-extra@11.2.0:
+  /fs-extra@11.2.0:
+    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
+    engines: {node: '>=14.14'}
     dependencies:
       graceful-fs: 4.2.11
       jsonfile: 6.1.0
       universalify: 2.0.1
+    dev: true
 
-  fs-extra@7.0.1:
+  /fs-extra@7.0.1:
+    resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
+    engines: {node: '>=6 <7 || >=8'}
     dependencies:
       graceful-fs: 4.2.11
       jsonfile: 4.0.0
       universalify: 0.1.2
+    dev: true
 
-  fs-extra@8.1.0:
+  /fs-extra@8.1.0:
+    resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
+    engines: {node: '>=6 <7 || >=8'}
     dependencies:
       graceful-fs: 4.2.11
       jsonfile: 4.0.0
       universalify: 0.1.2
+    dev: true
 
-  fs-extra@9.1.0:
+  /fs-extra@9.1.0:
+    resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
+    engines: {node: '>=10'}
     dependencies:
       at-least-node: 1.0.0
       graceful-fs: 4.2.11
       jsonfile: 6.1.0
       universalify: 2.0.1
+    dev: true
 
-  fs.realpath@1.0.0: {}
+  /fs.realpath@1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
 
-  fsevents@2.3.2:
+  /fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
     optional: true
 
-  fsevents@2.3.3:
+  /fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
     optional: true
 
-  function-bind@1.1.2: {}
+  /function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
 
-  function.prototype.name@1.1.6:
+  /function.prototype.name@1.1.6:
+    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
       functions-have-names: 1.2.3
+    dev: true
 
-  functions-have-names@1.2.3: {}
+  /functions-have-names@1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+    dev: true
 
-  gensync@1.0.0-beta.2: {}
+  /gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
 
-  get-caller-file@2.0.5: {}
+  /get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+    dev: true
 
-  get-intrinsic@1.2.2:
+  /get-intrinsic@1.2.2:
+    resolution: {integrity: sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==}
     dependencies:
       function-bind: 1.1.2
       has-proto: 1.0.1
       has-symbols: 1.0.3
       hasown: 2.0.0
+    dev: true
 
-  get-intrinsic@1.2.4:
+  /get-intrinsic@1.2.4:
+    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
+    engines: {node: '>= 0.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.1
+    dev: true
 
-  get-stdin@9.0.0: {}
+  /get-stdin@9.0.0:
+    resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==}
+    engines: {node: '>=12'}
+    dev: true
 
-  get-stream@5.2.0:
+  /get-stream@5.2.0:
+    resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
+    engines: {node: '>=8'}
     dependencies:
       pump: 3.0.0
+    dev: true
 
-  get-stream@6.0.1: {}
+  /get-stream@6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+    dev: true
 
-  get-stream@8.0.1: {}
+  /get-stream@8.0.1:
+    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
+    engines: {node: '>=16'}
+    dev: false
 
-  get-symbol-description@1.0.0:
+  /get-symbol-description@1.0.0:
+    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
+    dev: true
 
-  getos@3.2.1:
+  /getos@3.2.1:
+    resolution: {integrity: sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==}
     dependencies:
       async: 3.2.5
+    dev: true
 
-  getpass@0.1.7:
+  /getpass@0.1.7:
+    resolution: {integrity: sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==}
     dependencies:
       assert-plus: 1.0.0
+    dev: true
 
-  github-from-package@0.0.0:
+  /github-from-package@0.0.0:
+    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  github-slugger@2.0.0: {}
+  /github-slugger@2.0.0:
+    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
+    dev: false
 
-  glob-parent@5.1.2:
+  /glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
     dependencies:
       is-glob: 4.0.3
 
-  glob-parent@6.0.2:
+  /glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
     dependencies:
       is-glob: 4.0.3
+    dev: true
 
-  glob@7.2.3:
+  /glob@7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
     dependencies:
       fs.realpath: 1.0.0
       inflight: 1.0.6
@@ -9614,31 +6098,49 @@ snapshots:
       once: 1.4.0
       path-is-absolute: 1.0.1
 
-  glob@8.1.0:
+  /glob@8.1.0:
+    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
+    engines: {node: '>=12'}
     dependencies:
       fs.realpath: 1.0.0
       inflight: 1.0.6
       inherits: 2.0.4
       minimatch: 5.1.6
       once: 1.4.0
+    dev: true
 
-  global-dirs@3.0.1:
+  /global-dirs@3.0.1:
+    resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==}
+    engines: {node: '>=10'}
     dependencies:
       ini: 2.0.0
+    dev: true
 
-  globals@11.12.0: {}
+  /globals@11.12.0:
+    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
+    engines: {node: '>=4'}
 
-  globals@13.23.0:
+  /globals@13.23.0:
+    resolution: {integrity: sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==}
+    engines: {node: '>=8'}
     dependencies:
       type-fest: 0.20.2
+    dev: true
 
-  globalthis@1.0.3:
+  /globalthis@1.0.3:
+    resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
+    engines: {node: '>= 0.4'}
     dependencies:
       define-properties: 1.2.1
+    dev: true
 
-  globalyzer@0.1.0: {}
+  /globalyzer@0.1.0:
+    resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
+    dev: true
 
-  globby@11.1.0:
+  /globby@11.1.0:
+    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
+    engines: {node: '>=10'}
     dependencies:
       array-union: 2.1.0
       dir-glob: 3.0.1
@@ -9646,8 +6148,11 @@ snapshots:
       ignore: 5.3.0
       merge2: 1.4.1
       slash: 3.0.0
+    dev: true
 
-  globby@14.0.0:
+  /globby@14.0.0:
+    resolution: {integrity: sha512-/1WM/LNHRAOH9lZta77uGbq0dAEQM+XjNesWwhlERDVenqothRbnzTrL3/LrIoEPPjeUHC3vrS6TwoyxeHs7MQ==}
+    engines: {node: '>=18'}
     dependencies:
       '@sindresorhus/merge-streams': 1.0.0
       fast-glob: 3.3.2
@@ -9655,65 +6160,111 @@ snapshots:
       path-type: 5.0.0
       slash: 5.1.0
       unicorn-magic: 0.1.0
+    dev: true
 
-  globrex@0.1.2: {}
+  /globrex@0.1.2:
+    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
+    dev: true
 
-  gopd@1.0.1:
+  /gopd@1.0.1:
+    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
     dependencies:
       get-intrinsic: 1.2.2
+    dev: true
 
-  graceful-fs@4.2.11: {}
+  /graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
-  grapheme-splitter@1.0.4: {}
+  /grapheme-splitter@1.0.4:
+    resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
+    dev: true
 
-  graphemer@1.4.0: {}
+  /graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+    dev: true
 
-  graphlib@2.1.8:
+  /graphlib@2.1.8:
+    resolution: {integrity: sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==}
     dependencies:
       lodash: 4.17.21
+    dev: false
 
-  gray-matter@4.0.3:
+  /gray-matter@4.0.3:
+    resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==}
+    engines: {node: '>=6.0'}
     dependencies:
       js-yaml: 3.14.1
       kind-of: 6.0.3
       section-matter: 1.0.0
       strip-bom-string: 1.0.0
+    dev: false
 
-  hard-rejection@2.1.0: {}
+  /hard-rejection@2.1.0:
+    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
+    engines: {node: '>=6'}
+    dev: true
 
-  has-bigints@1.0.2: {}
+  /has-bigints@1.0.2:
+    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+    dev: true
 
-  has-flag@3.0.0: {}
+  /has-flag@3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
 
-  has-flag@4.0.0: {}
+  /has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
 
-  has-property-descriptors@1.0.1:
+  /has-property-descriptors@1.0.1:
+    resolution: {integrity: sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==}
     dependencies:
       get-intrinsic: 1.2.2
+    dev: true
 
-  has-property-descriptors@1.0.2:
+  /has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
     dependencies:
       es-define-property: 1.0.0
+    dev: true
 
-  has-proto@1.0.1: {}
+  /has-proto@1.0.1:
+    resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
+    engines: {node: '>= 0.4'}
+    dev: true
 
-  has-proto@1.0.3: {}
+  /has-proto@1.0.3:
+    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
+    engines: {node: '>= 0.4'}
+    dev: true
 
-  has-symbols@1.0.3: {}
+  /has-symbols@1.0.3:
+    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
+    engines: {node: '>= 0.4'}
+    dev: true
 
-  has-tostringtag@1.0.0:
+  /has-tostringtag@1.0.0:
+    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
+    engines: {node: '>= 0.4'}
     dependencies:
       has-symbols: 1.0.3
+    dev: true
 
-  hasown@2.0.0:
+  /hasown@2.0.0:
+    resolution: {integrity: sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==}
+    engines: {node: '>= 0.4'}
     dependencies:
       function-bind: 1.1.2
 
-  hasown@2.0.1:
+  /hasown@2.0.1:
+    resolution: {integrity: sha512-1/th4MHjnwncwXsIW6QMzlvYL9kG5e/CpVvLRZe4XPa8TOUNbCELqmvhDmnkNsAjwaG4+I8gJJL0JBvTTLO9qA==}
+    engines: {node: '>= 0.4'}
     dependencies:
       function-bind: 1.1.2
+    dev: true
 
-  hast-util-from-parse5@7.1.2:
+  /hast-util-from-parse5@7.1.2:
+    resolution: {integrity: sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==}
     dependencies:
       '@types/hast': 2.3.7
       '@types/unist': 2.0.9
@@ -9722,12 +6273,16 @@ snapshots:
       vfile: 5.3.7
       vfile-location: 4.1.0
       web-namespaces: 2.0.1
+    dev: false
 
-  hast-util-parse-selector@3.1.1:
+  /hast-util-parse-selector@3.1.1:
+    resolution: {integrity: sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==}
     dependencies:
       '@types/hast': 2.3.7
+    dev: false
 
-  hast-util-raw@7.2.3:
+  /hast-util-raw@7.2.3:
+    resolution: {integrity: sha512-RujVQfVsOrxzPOPSzZFiwofMArbQke6DJjnFfceiEbFh7S05CbPt0cYN+A5YeD3pso0JQk6O1aHBnx9+Pm2uqg==}
     dependencies:
       '@types/hast': 2.3.7
       '@types/parse5': 6.0.3
@@ -9740,8 +6295,10 @@ snapshots:
       vfile: 5.3.7
       web-namespaces: 2.0.1
       zwitch: 2.0.4
+    dev: false
 
-  hast-util-to-html@8.0.4:
+  /hast-util-to-html@8.0.4:
+    resolution: {integrity: sha512-4tpQTUOr9BMjtYyNlt0P50mH7xj0Ks2xpo8M943Vykljf99HW6EzulIoJP1N3eKOSScEHzyzi9dm7/cn0RfGwA==}
     dependencies:
       '@types/hast': 2.3.7
       '@types/unist': 2.0.9
@@ -9754,8 +6311,10 @@ snapshots:
       space-separated-tokens: 2.0.2
       stringify-entities: 4.0.3
       zwitch: 2.0.4
+    dev: false
 
-  hast-util-to-parse5@7.1.0:
+  /hast-util-to-parse5@7.1.0:
+    resolution: {integrity: sha512-YNRgAJkH2Jky5ySkIqFXTQiaqcAtJyVE+D5lkN6CdtOqrnkLfGYYrEcKuHOJZlp+MwjSwuD3fZuawI+sic/RBw==}
     dependencies:
       '@types/hast': 2.3.7
       comma-separated-tokens: 2.0.3
@@ -9763,352 +6322,629 @@ snapshots:
       space-separated-tokens: 2.0.2
       web-namespaces: 2.0.1
       zwitch: 2.0.4
+    dev: false
 
-  hast-util-whitespace@2.0.1: {}
+  /hast-util-whitespace@2.0.1:
+    resolution: {integrity: sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==}
+    dev: false
 
-  hastscript@7.2.0:
+  /hastscript@7.2.0:
+    resolution: {integrity: sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==}
     dependencies:
       '@types/hast': 2.3.7
       comma-separated-tokens: 2.0.3
       hast-util-parse-selector: 3.1.1
       property-information: 6.3.0
       space-separated-tokens: 2.0.2
+    dev: false
 
-  hosted-git-info@2.8.9: {}
+  /hosted-git-info@2.8.9:
+    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
+    dev: true
 
-  html-escaper@3.0.3: {}
+  /html-escaper@3.0.3:
+    resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
+    dev: false
 
-  html-void-elements@2.0.1: {}
+  /html-void-elements@2.0.1:
+    resolution: {integrity: sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==}
+    dev: false
 
-  http-cache-semantics@4.1.1: {}
+  /http-cache-semantics@4.1.1:
+    resolution: {integrity: sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==}
+    dev: false
 
-  http-signature@1.3.6:
+  /http-signature@1.3.6:
+    resolution: {integrity: sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==}
+    engines: {node: '>=0.10'}
     dependencies:
       assert-plus: 1.0.0
       jsprim: 2.0.2
       sshpk: 1.18.0
+    dev: true
 
-  human-id@1.0.2: {}
+  /human-id@1.0.2:
+    resolution: {integrity: sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw==}
+    dev: true
 
-  human-signals@1.1.1: {}
+  /human-signals@1.1.1:
+    resolution: {integrity: sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==}
+    engines: {node: '>=8.12.0'}
+    dev: true
 
-  human-signals@2.1.0: {}
+  /human-signals@2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+    dev: true
 
-  human-signals@5.0.0: {}
+  /human-signals@5.0.0:
+    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
+    engines: {node: '>=16.17.0'}
+    dev: false
 
-  iconv-lite@0.4.24:
+  /iconv-lite@0.4.24:
+    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
+    engines: {node: '>=0.10.0'}
     dependencies:
       safer-buffer: 2.1.2
 
-  ieee754@1.2.1: {}
+  /ieee754@1.2.1:
+    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
 
-  ignore@5.2.4: {}
+  /ignore@5.2.4:
+    resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
+    engines: {node: '>= 4'}
+    dev: true
 
-  ignore@5.3.0: {}
+  /ignore@5.3.0:
+    resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==}
+    engines: {node: '>= 4'}
+    dev: true
 
-  immediate@3.0.6: {}
+  /immediate@3.0.6:
+    resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
+    dev: false
 
-  immer@10.0.4: {}
+  /immer@10.0.4:
+    resolution: {integrity: sha512-cuBuGK40P/sk5IzWa9QPUaAdvPHjkk1c+xYsd9oZw+YQQEV+10G0P5uMpGctZZKnyQ+ibRO08bD25nWLmYi2pw==}
+    dev: false
 
-  import-fresh@3.3.0:
+  /import-fresh@3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+    engines: {node: '>=6'}
     dependencies:
       parent-module: 1.0.1
       resolve-from: 4.0.0
+    dev: true
 
-  import-meta-resolve@3.1.1: {}
+  /import-meta-resolve@3.1.1:
+    resolution: {integrity: sha512-qeywsE/KC3w9Fd2ORrRDUw6nS/nLwZpXgfrOc2IILvZYnCaEMd+D56Vfg9k4G29gIeVi3XKql1RQatME8iYsiw==}
+    dev: false
 
-  import-meta-resolve@4.0.0: {}
+  /import-meta-resolve@4.0.0:
+    resolution: {integrity: sha512-okYUR7ZQPH+efeuMJGlq4f8ubUgO50kByRPyt/Cy1Io4PSRsPjxME+YlVaCOx+NIToW7hCsZNFJyTPFFKepRSA==}
+    dev: true
 
-  imurmurhash@0.1.4: {}
+  /imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+    dev: true
 
-  indent-string@4.0.0: {}
+  /indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+    dev: true
 
-  inflight@1.0.6:
+  /inflight@1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
     dependencies:
       once: 1.4.0
       wrappy: 1.0.2
 
-  inherits@2.0.4: {}
+  /inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
-  ini@1.3.8:
+  /ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  ini@2.0.0: {}
+  /ini@2.0.0:
+    resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==}
+    engines: {node: '>=10'}
+    dev: true
 
-  internal-slot@1.0.6:
+  /internal-slot@1.0.6:
+    resolution: {integrity: sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==}
+    engines: {node: '>= 0.4'}
     dependencies:
       get-intrinsic: 1.2.2
       hasown: 2.0.0
       side-channel: 1.0.4
+    dev: true
 
-  is-array-buffer@3.0.2:
+  /is-array-buffer@3.0.2:
+    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
       is-typed-array: 1.1.12
+    dev: true
 
-  is-arrayish@0.2.1: {}
+  /is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+    dev: true
 
-  is-arrayish@0.3.2:
+  /is-arrayish@0.3.2:
+    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  is-async-function@2.0.0:
+  /is-async-function@2.0.0:
+    resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==}
+    engines: {node: '>= 0.4'}
     dependencies:
       has-tostringtag: 1.0.0
+    dev: true
 
-  is-bigint@1.0.4:
+  /is-bigint@1.0.4:
+    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
     dependencies:
       has-bigints: 1.0.2
+    dev: true
 
-  is-binary-path@2.1.0:
+  /is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
     dependencies:
       binary-extensions: 2.2.0
 
-  is-boolean-object@1.1.2:
+  /is-boolean-object@1.1.2:
+    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.5
       has-tostringtag: 1.0.0
+    dev: true
 
-  is-buffer@2.0.5: {}
+  /is-buffer@2.0.5:
+    resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==}
+    engines: {node: '>=4'}
+    dev: false
 
-  is-builtin-module@3.2.1:
+  /is-builtin-module@3.2.1:
+    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
+    engines: {node: '>=6'}
     dependencies:
       builtin-modules: 3.3.0
+    dev: true
 
-  is-callable@1.2.7: {}
+  /is-callable@1.2.7:
+    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
+    engines: {node: '>= 0.4'}
+    dev: true
 
-  is-ci@3.0.1:
+  /is-ci@3.0.1:
+    resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==}
+    hasBin: true
     dependencies:
       ci-info: 3.9.0
+    dev: true
 
-  is-core-module@2.13.1:
+  /is-core-module@2.13.1:
+    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
     dependencies:
       hasown: 2.0.0
 
-  is-date-object@1.0.5:
+  /is-date-object@1.0.5:
+    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
+    engines: {node: '>= 0.4'}
     dependencies:
       has-tostringtag: 1.0.0
+    dev: true
 
-  is-docker@3.0.0: {}
+  /is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+    dev: false
 
-  is-extendable@0.1.1: {}
+  /is-extendable@0.1.1:
+    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
+    engines: {node: '>=0.10.0'}
+    dev: false
 
-  is-extglob@2.1.1: {}
+  /is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
 
-  is-finalizationregistry@1.0.2:
+  /is-finalizationregistry@1.0.2:
+    resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
     dependencies:
       call-bind: 1.0.5
+    dev: true
 
-  is-fullwidth-code-point@3.0.0: {}
+  /is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
 
-  is-generator-function@1.0.10:
+  /is-generator-function@1.0.10:
+    resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==}
+    engines: {node: '>= 0.4'}
     dependencies:
       has-tostringtag: 1.0.0
+    dev: true
 
-  is-glob@4.0.3:
+  /is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
     dependencies:
       is-extglob: 2.1.1
 
-  is-inside-container@1.0.0:
+  /is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
     dependencies:
       is-docker: 3.0.0
+    dev: false
 
-  is-installed-globally@0.4.0:
+  /is-installed-globally@0.4.0:
+    resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==}
+    engines: {node: '>=10'}
     dependencies:
       global-dirs: 3.0.1
       is-path-inside: 3.0.3
+    dev: true
 
-  is-interactive@2.0.0: {}
+  /is-interactive@2.0.0:
+    resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==}
+    engines: {node: '>=12'}
+    dev: false
 
-  is-map@2.0.2: {}
+  /is-map@2.0.2:
+    resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==}
+    dev: true
 
-  is-module@1.0.0: {}
+  /is-module@1.0.0:
+    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
+    dev: true
 
-  is-negative-zero@2.0.2: {}
+  /is-negative-zero@2.0.2:
+    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
+    engines: {node: '>= 0.4'}
+    dev: true
 
-  is-number-object@1.0.7:
+  /is-number-object@1.0.7:
+    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
+    engines: {node: '>= 0.4'}
     dependencies:
       has-tostringtag: 1.0.0
+    dev: true
 
-  is-number@7.0.0: {}
+  /is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
 
-  is-path-inside@3.0.3: {}
+  /is-path-inside@3.0.3:
+    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
+    engines: {node: '>=8'}
+    dev: true
 
-  is-plain-obj@1.1.0: {}
+  /is-plain-obj@1.1.0:
+    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
-  is-plain-obj@4.1.0: {}
+  /is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
+    engines: {node: '>=12'}
+    dev: false
 
-  is-reference@1.2.1:
+  /is-reference@1.2.1:
+    resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
     dependencies:
       '@types/estree': 1.0.3
+    dev: true
 
-  is-reference@3.0.2:
+  /is-reference@3.0.2:
+    resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
     dependencies:
       '@types/estree': 1.0.3
 
-  is-regex@1.1.4:
+  /is-regex@1.1.4:
+    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.5
       has-tostringtag: 1.0.0
+    dev: true
 
-  is-set@2.0.2: {}
+  /is-set@2.0.2:
+    resolution: {integrity: sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==}
+    dev: true
 
-  is-shared-array-buffer@1.0.2:
+  /is-shared-array-buffer@1.0.2:
+    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
     dependencies:
       call-bind: 1.0.5
+    dev: true
 
-  is-stream@2.0.1: {}
+  /is-stream@2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+    dev: true
 
-  is-stream@3.0.0: {}
+  /is-stream@3.0.0:
+    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: false
 
-  is-string@1.0.7:
+  /is-string@1.0.7:
+    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
+    engines: {node: '>= 0.4'}
     dependencies:
       has-tostringtag: 1.0.0
+    dev: true
 
-  is-subdir@1.2.0:
+  /is-subdir@1.2.0:
+    resolution: {integrity: sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==}
+    engines: {node: '>=4'}
     dependencies:
       better-path-resolve: 1.0.0
+    dev: true
 
-  is-symbol@1.0.4:
+  /is-symbol@1.0.4:
+    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
+    engines: {node: '>= 0.4'}
     dependencies:
       has-symbols: 1.0.3
+    dev: true
 
-  is-typed-array@1.1.12:
+  /is-typed-array@1.1.12:
+    resolution: {integrity: sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==}
+    engines: {node: '>= 0.4'}
     dependencies:
       which-typed-array: 1.1.13
+    dev: true
 
-  is-typedarray@1.0.0: {}
+  /is-typedarray@1.0.0:
+    resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
+    dev: true
 
-  is-unicode-supported@0.1.0: {}
+  /is-unicode-supported@0.1.0:
+    resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
+    engines: {node: '>=10'}
+    dev: true
 
-  is-unicode-supported@1.3.0: {}
+  /is-unicode-supported@1.3.0:
+    resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
+    engines: {node: '>=12'}
+    dev: false
 
-  is-weakmap@2.0.1: {}
+  /is-weakmap@2.0.1:
+    resolution: {integrity: sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==}
+    dev: true
 
-  is-weakref@1.0.2:
+  /is-weakref@1.0.2:
+    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
     dependencies:
       call-bind: 1.0.5
+    dev: true
 
-  is-weakset@2.0.2:
+  /is-weakset@2.0.2:
+    resolution: {integrity: sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==}
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
+    dev: true
 
-  is-windows@1.0.2: {}
+  /is-windows@1.0.2:
+    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
-  is-wsl@3.1.0:
+  /is-wsl@3.1.0:
+    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
+    engines: {node: '>=16'}
     dependencies:
       is-inside-container: 1.0.0
+    dev: false
 
-  isarray@2.0.5: {}
+  /isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
+    dev: true
 
-  isexe@2.0.0: {}
+  /isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
-  isstream@0.1.2: {}
+  /isstream@0.1.2:
+    resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
+    dev: true
 
-  iterator.prototype@1.1.2:
+  /iterator.prototype@1.1.2:
+    resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==}
     dependencies:
       define-properties: 1.2.1
       get-intrinsic: 1.2.2
       has-symbols: 1.0.3
       reflect.getprototypeof: 1.0.4
       set-function-name: 2.0.1
+    dev: true
 
-  joi@17.11.0:
+  /joi@17.11.0:
+    resolution: {integrity: sha512-NgB+lZLNoqISVy1rZocE9PZI36bL/77ie924Ri43yEvi9GUUMPeyVIr8KdFTMUlby1p0PBYMk9spIxEUQYqrJQ==}
     dependencies:
       '@hapi/hoek': 9.3.0
       '@hapi/topo': 5.1.0
       '@sideway/address': 4.1.4
       '@sideway/formula': 3.0.1
       '@sideway/pinpoint': 2.0.0
+    dev: true
 
-  js-tokens@4.0.0: {}
+  /js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
-  js-yaml@3.14.1:
+  /js-yaml@3.14.1:
+    resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
+    hasBin: true
     dependencies:
       argparse: 1.0.10
       esprima: 4.0.1
 
-  js-yaml@4.1.0:
+  /js-yaml@4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
     dependencies:
       argparse: 2.0.1
 
-  jsbn@0.1.1: {}
+  /jsbn@0.1.1:
+    resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==}
+    dev: true
 
-  jsesc@2.5.2: {}
+  /jsesc@2.5.2:
+    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
+    engines: {node: '>=4'}
+    hasBin: true
 
-  json-buffer@3.0.1: {}
+  /json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+    dev: true
 
-  json-parse-even-better-errors@2.3.1: {}
+  /json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+    dev: true
 
-  json-schema-traverse@0.4.1: {}
+  /json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+    dev: true
 
-  json-schema@0.4.0: {}
+  /json-schema@0.4.0:
+    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
+    dev: true
 
-  json-stable-stringify-without-jsonify@1.0.1: {}
+  /json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+    dev: true
 
-  json-stringify-safe@5.0.1: {}
+  /json-stringify-safe@5.0.1:
+    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
+    dev: true
 
-  json5@2.2.3: {}
+  /json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
 
-  jsonc-parser@3.2.0: {}
+  /jsonc-parser@3.2.0:
+    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
+    dev: false
 
-  jsonfile@4.0.0:
+  /jsonfile@4.0.0:
+    resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
     optionalDependencies:
       graceful-fs: 4.2.11
+    dev: true
 
-  jsonfile@6.1.0:
+  /jsonfile@6.1.0:
+    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
     dependencies:
       universalify: 2.0.1
     optionalDependencies:
       graceful-fs: 4.2.11
+    dev: true
 
-  jsprim@2.0.2:
+  /jsprim@2.0.2:
+    resolution: {integrity: sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==}
+    engines: {'0': node >=0.6.0}
     dependencies:
       assert-plus: 1.0.0
       extsprintf: 1.3.0
       json-schema: 0.4.0
       verror: 1.10.0
+    dev: true
 
-  jsx-ast-utils@3.3.5:
+  /jsx-ast-utils@3.3.5:
+    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
+    engines: {node: '>=4.0'}
     dependencies:
       array-includes: 3.1.7
       array.prototype.flat: 1.3.2
       object.assign: 4.1.5
       object.values: 1.1.7
+    dev: true
 
-  keyv@4.5.4:
+  /keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
     dependencies:
       json-buffer: 3.0.1
+    dev: true
 
-  kind-of@6.0.3: {}
+  /kind-of@6.0.3:
+    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
+    engines: {node: '>=0.10.0'}
 
-  kleur@3.0.3: {}
+  /kleur@3.0.3:
+    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
+    engines: {node: '>=6'}
+    dev: false
 
-  kleur@4.1.5: {}
+  /kleur@4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
+    engines: {node: '>=6'}
 
-  known-css-properties@0.29.0: {}
+  /known-css-properties@0.29.0:
+    resolution: {integrity: sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==}
+    dev: true
 
-  lazy-ass@1.6.0: {}
+  /lazy-ass@1.6.0:
+    resolution: {integrity: sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==}
+    engines: {node: '> 0.8'}
+    dev: true
 
-  levn@0.4.1:
+  /levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
     dependencies:
       prelude-ls: 1.2.1
       type-check: 0.4.0
+    dev: true
 
-  lie@3.1.1:
+  /lie@3.1.1:
+    resolution: {integrity: sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==}
     dependencies:
       immediate: 3.0.6
+    dev: false
 
-  lilconfig@2.1.0: {}
+  /lilconfig@2.1.0:
+    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
+    engines: {node: '>=10'}
+    dev: true
 
-  lilconfig@3.0.0: {}
+  /lilconfig@3.0.0:
+    resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==}
+    engines: {node: '>=14'}
+    dev: true
 
-  lilconfig@3.1.1: {}
+  /lilconfig@3.1.1:
+    resolution: {integrity: sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==}
+    engines: {node: '>=14'}
+    dev: true
 
-  lines-and-columns@1.2.4: {}
+  /lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+    dev: true
 
-  listr2@3.14.0(enquirer@2.4.1):
+  /listr2@3.14.0(enquirer@2.4.1):
+    resolution: {integrity: sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      enquirer: '>= 2.3.0 < 3'
+    peerDependenciesMeta:
+      enquirer:
+        optional: true
     dependencies:
       cli-truncate: 2.1.0
       colorette: 2.0.20
@@ -10119,120 +6955,184 @@ snapshots:
       rxjs: 7.8.1
       through: 2.3.8
       wrap-ansi: 7.0.0
+    dev: true
 
-  load-yaml-file@0.2.0:
+  /load-yaml-file@0.2.0:
+    resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==}
+    engines: {node: '>=6'}
     dependencies:
       graceful-fs: 4.2.11
       js-yaml: 3.14.1
       pify: 4.0.1
       strip-bom: 3.0.0
 
-  localforage@1.10.0:
+  /localforage@1.10.0:
+    resolution: {integrity: sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==}
     dependencies:
       lie: 3.1.1
+    dev: false
 
-  locate-character@3.0.0: {}
+  /locate-character@3.0.0:
+    resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
 
-  locate-path@5.0.0:
+  /locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
     dependencies:
       p-locate: 4.1.0
 
-  locate-path@6.0.0:
+  /locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
     dependencies:
       p-locate: 5.0.0
 
-  lodash.memoize@4.1.2: {}
+  /lodash.memoize@4.1.2:
+    resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
+    dev: true
 
-  lodash.merge@4.6.2: {}
+  /lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
-  lodash.once@4.1.1: {}
+  /lodash.once@4.1.1:
+    resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==}
+    dev: true
 
-  lodash.startcase@4.4.0: {}
+  /lodash.startcase@4.4.0:
+    resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
+    dev: true
 
-  lodash.uniq@4.5.0: {}
+  /lodash.uniq@4.5.0:
+    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
+    dev: true
 
-  lodash@4.17.21: {}
+  /lodash@4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
-  log-symbols@4.1.0:
+  /log-symbols@4.1.0:
+    resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
+    engines: {node: '>=10'}
     dependencies:
       chalk: 4.1.2
       is-unicode-supported: 0.1.0
+    dev: true
 
-  log-symbols@5.1.0:
+  /log-symbols@5.1.0:
+    resolution: {integrity: sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==}
+    engines: {node: '>=12'}
     dependencies:
       chalk: 5.3.0
       is-unicode-supported: 1.3.0
+    dev: false
 
-  log-update@4.0.0:
+  /log-update@4.0.0:
+    resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==}
+    engines: {node: '>=10'}
     dependencies:
       ansi-escapes: 4.3.2
       cli-cursor: 3.1.0
       slice-ansi: 4.0.0
       wrap-ansi: 6.2.0
+    dev: true
 
-  longest-streak@3.1.0: {}
+  /longest-streak@3.1.0:
+    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
+    dev: false
 
-  loose-envify@1.4.0:
+  /loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
     dependencies:
       js-tokens: 4.0.0
 
-  lower-case@2.0.2:
+  /lower-case@2.0.2:
+    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
     dependencies:
       tslib: 2.6.2
 
-  lru-cache@4.1.5:
+  /lru-cache@4.1.5:
+    resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==}
     dependencies:
       pseudomap: 1.0.2
       yallist: 2.1.2
+    dev: true
 
-  lru-cache@5.1.1:
+  /lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
     dependencies:
       yallist: 3.1.1
 
-  lru-cache@6.0.0:
+  /lru-cache@6.0.0:
+    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
+    engines: {node: '>=10'}
     dependencies:
       yallist: 4.0.0
 
-  magic-string@0.27.0:
+  /magic-string@0.27.0:
+    resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
+    engines: {node: '>=12'}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
+    dev: true
 
-  magic-string@0.30.5:
+  /magic-string@0.30.5:
+    resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
+    engines: {node: '>=12'}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
+    dev: false
 
-  magic-string@0.30.8:
+  /magic-string@0.30.8:
+    resolution: {integrity: sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==}
+    engines: {node: '>=12'}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  map-obj@1.0.1: {}
+  /map-obj@1.0.1:
+    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
-  map-obj@4.3.0: {}
+  /map-obj@4.3.0:
+    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
+    engines: {node: '>=8'}
+    dev: true
 
-  map-stream@0.1.0: {}
+  /map-stream@0.1.0:
+    resolution: {integrity: sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==}
+    dev: true
 
-  markdown-table@3.0.3: {}
+  /markdown-table@3.0.3:
+    resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==}
+    dev: false
 
-  mdast-util-definitions@5.1.2:
+  /mdast-util-definitions@5.1.2:
+    resolution: {integrity: sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==}
     dependencies:
       '@types/mdast': 3.0.14
       '@types/unist': 2.0.9
       unist-util-visit: 4.1.2
+    dev: false
 
-  mdast-util-definitions@6.0.0:
+  /mdast-util-definitions@6.0.0:
+    resolution: {integrity: sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ==}
     dependencies:
       '@types/mdast': 4.0.2
       '@types/unist': 3.0.1
       unist-util-visit: 5.0.0
+    dev: false
 
-  mdast-util-find-and-replace@2.2.2:
+  /mdast-util-find-and-replace@2.2.2:
+    resolution: {integrity: sha512-MTtdFRz/eMDHXzeK6W3dO7mXUlF82Gom4y0oOgvHhh/HXZAGvIQDUvQ0SuUx+j2tv44b8xTHOm8K/9OoRFnXKw==}
     dependencies:
       '@types/mdast': 3.0.14
       escape-string-regexp: 5.0.0
       unist-util-is: 5.2.1
       unist-util-visit-parents: 5.1.3
+    dev: false
 
-  mdast-util-from-markdown@1.3.1:
+  /mdast-util-from-markdown@1.3.1:
+    resolution: {integrity: sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==}
     dependencies:
       '@types/mdast': 3.0.14
       '@types/unist': 2.0.9
@@ -10248,26 +7148,34 @@ snapshots:
       uvu: 0.5.6
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  mdast-util-gfm-autolink-literal@1.0.3:
+  /mdast-util-gfm-autolink-literal@1.0.3:
+    resolution: {integrity: sha512-My8KJ57FYEy2W2LyNom4n3E7hKTuQk/0SES0u16tjA9Z3oFkF4RrC/hPAPgjlSpezsOvI8ObcXcElo92wn5IGA==}
     dependencies:
       '@types/mdast': 3.0.14
       ccount: 2.0.1
       mdast-util-find-and-replace: 2.2.2
       micromark-util-character: 1.2.0
+    dev: false
 
-  mdast-util-gfm-footnote@1.0.2:
+  /mdast-util-gfm-footnote@1.0.2:
+    resolution: {integrity: sha512-56D19KOGbE00uKVj3sgIykpwKL179QsVFwx/DCW0u/0+URsryacI4MAdNJl0dh+u2PSsD9FtxPFbHCzJ78qJFQ==}
     dependencies:
       '@types/mdast': 3.0.14
       mdast-util-to-markdown: 1.5.0
       micromark-util-normalize-identifier: 1.1.0
+    dev: false
 
-  mdast-util-gfm-strikethrough@1.0.3:
+  /mdast-util-gfm-strikethrough@1.0.3:
+    resolution: {integrity: sha512-DAPhYzTYrRcXdMjUtUjKvW9z/FNAMTdU0ORyMcbmkwYNbKocDpdk+PX1L1dQgOID/+vVs1uBQ7ElrBQfZ0cuiQ==}
     dependencies:
       '@types/mdast': 3.0.14
       mdast-util-to-markdown: 1.5.0
+    dev: false
 
-  mdast-util-gfm-table@1.0.7:
+  /mdast-util-gfm-table@1.0.7:
+    resolution: {integrity: sha512-jjcpmNnQvrmN5Vx7y7lEc2iIOEytYv7rTvu+MeyAsSHTASGCCRA79Igg2uKssgOs1i1po8s3plW0sTu1wkkLGg==}
     dependencies:
       '@types/mdast': 3.0.14
       markdown-table: 3.0.3
@@ -10275,13 +7183,17 @@ snapshots:
       mdast-util-to-markdown: 1.5.0
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  mdast-util-gfm-task-list-item@1.0.2:
+  /mdast-util-gfm-task-list-item@1.0.2:
+    resolution: {integrity: sha512-PFTA1gzfp1B1UaiJVyhJZA1rm0+Tzn690frc/L8vNX1Jop4STZgOE6bxUhnzdVSB+vm2GU1tIsuQcA9bxTQpMQ==}
     dependencies:
       '@types/mdast': 3.0.14
       mdast-util-to-markdown: 1.5.0
+    dev: false
 
-  mdast-util-gfm@2.0.2:
+  /mdast-util-gfm@2.0.2:
+    resolution: {integrity: sha512-qvZ608nBppZ4icQlhQQIAdc6S3Ffj9RGmzwUKUWuEICFnd1LVkN3EktF7ZHAgfcEdvZB5owU9tQgt99e2TlLjg==}
     dependencies:
       mdast-util-from-markdown: 1.3.1
       mdast-util-gfm-autolink-literal: 1.0.3
@@ -10292,13 +7204,17 @@ snapshots:
       mdast-util-to-markdown: 1.5.0
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  mdast-util-phrasing@3.0.1:
+  /mdast-util-phrasing@3.0.1:
+    resolution: {integrity: sha512-WmI1gTXUBJo4/ZmSk79Wcb2HcjPJBzM1nlI/OUWA8yk2X9ik3ffNbBGsU+09BFmXaL1IBb9fiuvq6/KMiNycSg==}
     dependencies:
       '@types/mdast': 3.0.14
       unist-util-is: 5.2.1
+    dev: false
 
-  mdast-util-to-hast@12.3.0:
+  /mdast-util-to-hast@12.3.0:
+    resolution: {integrity: sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==}
     dependencies:
       '@types/hast': 2.3.7
       '@types/mdast': 3.0.14
@@ -10308,8 +7224,10 @@ snapshots:
       unist-util-generated: 2.0.1
       unist-util-position: 4.0.4
       unist-util-visit: 4.1.2
+    dev: false
 
-  mdast-util-to-markdown@1.5.0:
+  /mdast-util-to-markdown@1.5.0:
+    resolution: {integrity: sha512-bbv7TPv/WC49thZPg3jXuqzuvI45IL2EVAr/KxF0BSdHsU0ceFHOmwQn6evxAh1GaoK/6GQ1wp4R4oW2+LFL/A==}
     dependencies:
       '@types/mdast': 3.0.14
       '@types/unist': 2.0.9
@@ -10319,16 +7237,24 @@ snapshots:
       micromark-util-decode-string: 1.1.0
       unist-util-visit: 4.1.2
       zwitch: 2.0.4
+    dev: false
 
-  mdast-util-to-string@3.2.0:
+  /mdast-util-to-string@3.2.0:
+    resolution: {integrity: sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==}
     dependencies:
       '@types/mdast': 3.0.14
+    dev: false
 
-  mdn-data@2.0.28: {}
+  /mdn-data@2.0.28:
+    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
+    dev: true
 
-  mdn-data@2.0.30: {}
+  /mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
 
-  meow@6.1.1:
+  /meow@6.1.1:
+    resolution: {integrity: sha512-3YffViIt2QWgTy6Pale5QpopX/IvU3LPL03jOTqp6pGj3VjesdO/U8CuHMKpnQr4shCNCM5fd5XFFvIIl6JBHg==}
+    engines: {node: '>=8'}
     dependencies:
       '@types/minimist': 1.2.4
       camelcase-keys: 6.2.2
@@ -10341,12 +7267,17 @@ snapshots:
       trim-newlines: 3.0.1
       type-fest: 0.13.1
       yargs-parser: 18.1.3
+    dev: true
 
-  merge-stream@2.0.0: {}
+  /merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
 
-  merge2@1.4.1: {}
+  /merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
 
-  micromark-core-commonmark@1.1.0:
+  /micromark-core-commonmark@1.1.0:
+    resolution: {integrity: sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==}
     dependencies:
       decode-named-character-reference: 1.0.2
       micromark-factory-destination: 1.1.0
@@ -10364,15 +7295,19 @@ snapshots:
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
+    dev: false
 
-  micromark-extension-gfm-autolink-literal@1.0.5:
+  /micromark-extension-gfm-autolink-literal@1.0.5:
+    resolution: {integrity: sha512-z3wJSLrDf8kRDOh2qBtoTRD53vJ+CWIyo7uyZuxf/JAbNJjiHsOpG1y5wxk8drtv3ETAHutCu6N3thkOOgueWg==}
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-sanitize-uri: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
+    dev: false
 
-  micromark-extension-gfm-footnote@1.1.2:
+  /micromark-extension-gfm-footnote@1.1.2:
+    resolution: {integrity: sha512-Yxn7z7SxgyGWRNa4wzf8AhYYWNrwl5q1Z8ii+CSTTIqVkmGZF1CElX2JI8g5yGoM3GAman9/PVCUFUSJ0kB/8Q==}
     dependencies:
       micromark-core-commonmark: 1.1.0
       micromark-factory-space: 1.1.0
@@ -10382,8 +7317,10 @@ snapshots:
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
+    dev: false
 
-  micromark-extension-gfm-strikethrough@1.0.7:
+  /micromark-extension-gfm-strikethrough@1.0.7:
+    resolution: {integrity: sha512-sX0FawVE1o3abGk3vRjOH50L5TTLr3b5XMqnP9YDRb34M0v5OoZhG+OHFz1OffZ9dlwgpTBKaT4XW/AsUVnSDw==}
     dependencies:
       micromark-util-chunked: 1.1.0
       micromark-util-classify-character: 1.1.0
@@ -10391,28 +7328,36 @@ snapshots:
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
+    dev: false
 
-  micromark-extension-gfm-table@1.0.7:
+  /micromark-extension-gfm-table@1.0.7:
+    resolution: {integrity: sha512-3ZORTHtcSnMQEKtAOsBQ9/oHp9096pI/UvdPtN7ehKvrmZZ2+bbWhi0ln+I9drmwXMt5boocn6OlwQzNXeVeqw==}
     dependencies:
       micromark-factory-space: 1.1.0
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
+    dev: false
 
-  micromark-extension-gfm-tagfilter@1.0.2:
+  /micromark-extension-gfm-tagfilter@1.0.2:
+    resolution: {integrity: sha512-5XWB9GbAUSHTn8VPU8/1DBXMuKYT5uOgEjJb8gN3mW0PNW5OPHpSdojoqf+iq1xo7vWzw/P8bAHY0n6ijpXF7g==}
     dependencies:
       micromark-util-types: 1.1.0
+    dev: false
 
-  micromark-extension-gfm-task-list-item@1.0.5:
+  /micromark-extension-gfm-task-list-item@1.0.5:
+    resolution: {integrity: sha512-RMFXl2uQ0pNQy6Lun2YBYT9g9INXtWJULgbt01D/x8/6yJ2qpKyzdZD3pi6UIkzF++Da49xAelVKUeUMqd5eIQ==}
     dependencies:
       micromark-factory-space: 1.1.0
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
+    dev: false
 
-  micromark-extension-gfm@2.0.3:
+  /micromark-extension-gfm@2.0.3:
+    resolution: {integrity: sha512-vb9OoHqrhCmbRidQv/2+Bc6pkP0FrtlhurxZofvOEy5o8RtuuvTq+RQ1Vw5ZDNrVraQZu3HixESqbG+0iKk/MQ==}
     dependencies:
       micromark-extension-gfm-autolink-literal: 1.0.5
       micromark-extension-gfm-footnote: 1.1.2
@@ -10422,100 +7367,140 @@ snapshots:
       micromark-extension-gfm-task-list-item: 1.0.5
       micromark-util-combine-extensions: 1.1.0
       micromark-util-types: 1.1.0
+    dev: false
 
-  micromark-factory-destination@1.1.0:
+  /micromark-factory-destination@1.1.0:
+    resolution: {integrity: sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==}
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
+    dev: false
 
-  micromark-factory-label@1.1.0:
+  /micromark-factory-label@1.1.0:
+    resolution: {integrity: sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==}
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
+    dev: false
 
-  micromark-factory-space@1.1.0:
+  /micromark-factory-space@1.1.0:
+    resolution: {integrity: sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==}
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-types: 1.1.0
+    dev: false
 
-  micromark-factory-title@1.1.0:
+  /micromark-factory-title@1.1.0:
+    resolution: {integrity: sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==}
     dependencies:
       micromark-factory-space: 1.1.0
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
+    dev: false
 
-  micromark-factory-whitespace@1.1.0:
+  /micromark-factory-whitespace@1.1.0:
+    resolution: {integrity: sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==}
     dependencies:
       micromark-factory-space: 1.1.0
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
+    dev: false
 
-  micromark-util-character@1.2.0:
+  /micromark-util-character@1.2.0:
+    resolution: {integrity: sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==}
     dependencies:
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
+    dev: false
 
-  micromark-util-chunked@1.1.0:
+  /micromark-util-chunked@1.1.0:
+    resolution: {integrity: sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==}
     dependencies:
       micromark-util-symbol: 1.1.0
+    dev: false
 
-  micromark-util-classify-character@1.1.0:
+  /micromark-util-classify-character@1.1.0:
+    resolution: {integrity: sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==}
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
+    dev: false
 
-  micromark-util-combine-extensions@1.1.0:
+  /micromark-util-combine-extensions@1.1.0:
+    resolution: {integrity: sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==}
     dependencies:
       micromark-util-chunked: 1.1.0
       micromark-util-types: 1.1.0
+    dev: false
 
-  micromark-util-decode-numeric-character-reference@1.1.0:
+  /micromark-util-decode-numeric-character-reference@1.1.0:
+    resolution: {integrity: sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==}
     dependencies:
       micromark-util-symbol: 1.1.0
+    dev: false
 
-  micromark-util-decode-string@1.1.0:
+  /micromark-util-decode-string@1.1.0:
+    resolution: {integrity: sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==}
     dependencies:
       decode-named-character-reference: 1.0.2
       micromark-util-character: 1.2.0
       micromark-util-decode-numeric-character-reference: 1.1.0
       micromark-util-symbol: 1.1.0
+    dev: false
 
-  micromark-util-encode@1.1.0: {}
+  /micromark-util-encode@1.1.0:
+    resolution: {integrity: sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw==}
+    dev: false
 
-  micromark-util-html-tag-name@1.2.0: {}
+  /micromark-util-html-tag-name@1.2.0:
+    resolution: {integrity: sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q==}
+    dev: false
 
-  micromark-util-normalize-identifier@1.1.0:
+  /micromark-util-normalize-identifier@1.1.0:
+    resolution: {integrity: sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==}
     dependencies:
       micromark-util-symbol: 1.1.0
+    dev: false
 
-  micromark-util-resolve-all@1.1.0:
+  /micromark-util-resolve-all@1.1.0:
+    resolution: {integrity: sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==}
     dependencies:
       micromark-util-types: 1.1.0
+    dev: false
 
-  micromark-util-sanitize-uri@1.2.0:
+  /micromark-util-sanitize-uri@1.2.0:
+    resolution: {integrity: sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==}
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-encode: 1.1.0
       micromark-util-symbol: 1.1.0
+    dev: false
 
-  micromark-util-subtokenize@1.1.0:
+  /micromark-util-subtokenize@1.1.0:
+    resolution: {integrity: sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==}
     dependencies:
       micromark-util-chunked: 1.1.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
+    dev: false
 
-  micromark-util-symbol@1.1.0: {}
+  /micromark-util-symbol@1.1.0:
+    resolution: {integrity: sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag==}
+    dev: false
 
-  micromark-util-types@1.1.0: {}
+  /micromark-util-types@1.1.0:
+    resolution: {integrity: sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==}
+    dev: false
 
-  micromark@3.2.0:
+  /micromark@3.2.0:
+    resolution: {integrity: sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==}
     dependencies:
       '@types/debug': 4.1.10
       debug: 4.3.4(supports-color@8.1.1)
@@ -10536,182 +7521,315 @@ snapshots:
       uvu: 0.5.6
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  micromatch@4.0.5:
+  /micromatch@4.0.5:
+    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
+    engines: {node: '>=8.6'}
     dependencies:
       braces: 3.0.2
       picomatch: 2.3.1
 
-  mime-db@1.52.0: {}
+  /mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+    dev: true
 
-  mime-types@2.1.35:
+  /mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
     dependencies:
       mime-db: 1.52.0
+    dev: true
 
-  mime@3.0.0: {}
+  /mime@3.0.0:
+    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+    dev: false
 
-  mimic-fn@2.1.0: {}
+  /mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
 
-  mimic-fn@4.0.0: {}
+  /mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
+    engines: {node: '>=12'}
+    dev: false
 
-  mimic-response@3.1.0:
+  /mimic-response@3.1.0:
+    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
+    engines: {node: '>=10'}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  min-indent@1.0.1: {}
+  /min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
 
-  minimatch@3.1.2:
+  /minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     dependencies:
       brace-expansion: 1.1.11
 
-  minimatch@5.1.6:
+  /minimatch@5.1.6:
+    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
+    engines: {node: '>=10'}
     dependencies:
       brace-expansion: 2.0.1
+    dev: true
 
-  minimatch@9.0.3:
+  /minimatch@9.0.3:
+    resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
+    engines: {node: '>=16 || 14 >=14.17'}
     dependencies:
       brace-expansion: 2.0.1
+    dev: true
 
-  minimist-options@4.1.0:
+  /minimist-options@4.1.0:
+    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
+    engines: {node: '>= 6'}
     dependencies:
       arrify: 1.0.1
       is-plain-obj: 1.1.0
       kind-of: 6.0.3
+    dev: true
 
-  minimist@1.2.8: {}
+  /minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
-  mixme@0.5.9: {}
+  /mixme@0.5.9:
+    resolution: {integrity: sha512-VC5fg6ySUscaWUpI4gxCBTQMH2RdUpNrk+MsbpCYtIvf9SBJdiUey4qE7BXviJsJR4nDQxCZ+3yaYNW3guz/Pw==}
+    engines: {node: '>= 8.0.0'}
+    dev: true
 
-  mkdirp-classic@0.5.3:
+  /mkdirp-classic@0.5.3:
+    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  mkdirp@0.5.6:
+  /mkdirp@0.5.6:
+    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
+    hasBin: true
     dependencies:
       minimist: 1.2.8
 
-  mri@1.2.0: {}
+  /mri@1.2.0:
+    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
+    engines: {node: '>=4'}
 
-  mrmime@2.0.0: {}
+  /mrmime@2.0.0:
+    resolution: {integrity: sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==}
+    engines: {node: '>=10'}
+    dev: true
 
-  ms@2.0.0: {}
+  /ms@2.0.0:
+    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
+    dev: false
 
-  ms@2.1.2: {}
+  /ms@2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
 
-  ms@2.1.3: {}
+  /ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
-  nanoid@3.3.6: {}
+  /nanoid@3.3.6:
+    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+    dev: true
 
-  nanoid@3.3.7: {}
+  /nanoid@3.3.7:
+    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
 
-  napi-build-utils@1.0.2:
+  /napi-build-utils@1.0.2:
+    resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  natural-compare@1.4.0: {}
+  /natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+    dev: true
 
-  needle@2.9.1:
+  /needle@2.9.1:
+    resolution: {integrity: sha512-6R9fqJ5Zcmf+uYaFgdIHmLwNldn5HbK8L5ybn7Uz+ylX/rnOsSp1AHcvQSrCaFN+qNM1wpymHqD7mVasEOlHGQ==}
+    engines: {node: '>= 4.4.x'}
+    hasBin: true
     dependencies:
       debug: 3.2.7(supports-color@8.1.1)
       iconv-lite: 0.4.24
       sax: 1.3.0
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  nlcst-to-string@3.1.1:
+  /nlcst-to-string@3.1.1:
+    resolution: {integrity: sha512-63mVyqaqt0cmn2VcI2aH6kxe1rLAmSROqHMA0i4qqg1tidkfExgpb0FGMikMCn86mw5dFtBtEANfmSSK7TjNHw==}
     dependencies:
       '@types/nlcst': 1.0.3
+    dev: false
 
-  no-case@3.0.4:
+  /no-case@3.0.4:
+    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
     dependencies:
       lower-case: 2.0.2
       tslib: 2.6.2
 
-  node-abi@3.51.0:
+  /node-abi@3.51.0:
+    resolution: {integrity: sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==}
+    engines: {node: '>=10'}
+    requiresBuild: true
     dependencies:
       semver: 7.6.0
+    dev: false
     optional: true
 
-  node-addon-api@6.1.0:
+  /node-addon-api@6.1.0:
+    resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  node-fetch@2.7.0:
+  /node-fetch@2.7.0:
+    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
+    engines: {node: 4.x || >=6.0.0}
+    peerDependencies:
+      encoding: ^0.1.0
+    peerDependenciesMeta:
+      encoding:
+        optional: true
     dependencies:
       whatwg-url: 5.0.0
+    dev: true
 
-  node-releases@2.0.13: {}
+  /node-releases@2.0.13:
+    resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==}
 
-  node-releases@2.0.14: {}
+  /node-releases@2.0.14:
+    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
 
-  normalize-package-data@2.5.0:
+  /normalize-package-data@2.5.0:
+    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
     dependencies:
       hosted-git-info: 2.8.9
       resolve: 1.22.8
       semver: 5.7.2
       validate-npm-package-license: 3.0.4
+    dev: true
 
-  normalize-path@3.0.0: {}
+  /normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
 
-  normalize-range@0.1.2: {}
+  /normalize-range@0.1.2:
+    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
-  npm-run-path@4.0.1:
+  /npm-run-path@4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
     dependencies:
       path-key: 3.1.1
+    dev: true
 
-  npm-run-path@5.1.0:
+  /npm-run-path@5.1.0:
+    resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       path-key: 4.0.0
+    dev: false
 
-  nth-check@2.1.1:
+  /nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
     dependencies:
       boolbase: 1.0.0
+    dev: true
 
-  object-assign@4.1.1: {}
+  /object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
-  object-inspect@1.13.1: {}
+  /object-inspect@1.13.1:
+    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
+    dev: true
 
-  object-keys@1.1.1: {}
+  /object-keys@1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
+    engines: {node: '>= 0.4'}
+    dev: true
 
-  object.assign@4.1.5:
+  /object.assign@4.1.5:
+    resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       has-symbols: 1.0.3
       object-keys: 1.1.1
+    dev: true
 
-  object.entries@1.1.7:
+  /object.entries@1.1.7:
+    resolution: {integrity: sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
+    dev: true
 
-  object.fromentries@2.0.7:
+  /object.fromentries@2.0.7:
+    resolution: {integrity: sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
+    dev: true
 
-  object.hasown@1.1.3:
+  /object.hasown@1.1.3:
+    resolution: {integrity: sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==}
     dependencies:
       define-properties: 1.2.1
       es-abstract: 1.22.3
+    dev: true
 
-  object.values@1.1.7:
+  /object.values@1.1.7:
+    resolution: {integrity: sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
+    dev: true
 
-  once@1.4.0:
+  /once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
     dependencies:
       wrappy: 1.0.2
 
-  onetime@5.1.2:
+  /onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
     dependencies:
       mimic-fn: 2.1.0
 
-  onetime@6.0.0:
+  /onetime@6.0.0:
+    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
+    engines: {node: '>=12'}
     dependencies:
       mimic-fn: 4.0.0
+    dev: false
 
-  optionator@0.9.3:
+  /optionator@0.9.3:
+    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
+    engines: {node: '>= 0.8.0'}
     dependencies:
       '@aashutoshrathi/word-wrap': 1.2.6
       deep-is: 0.1.4
@@ -10719,8 +7837,11 @@ snapshots:
       levn: 0.4.1
       prelude-ls: 1.2.1
       type-check: 0.4.0
+    dev: true
 
-  ora@7.0.1:
+  /ora@7.0.1:
+    resolution: {integrity: sha512-0TUxTiFJWv+JnjWm4o9yvuskpEJLXTcng8MJuKd+SzAzp2o+OP3HWqNhB4OdJRt1Vsd9/mR0oyaEYlOnL7XIRw==}
+    engines: {node: '>=16'}
     dependencies:
       chalk: 5.3.0
       cli-cursor: 4.0.0
@@ -10731,132 +7852,229 @@ snapshots:
       stdin-discarder: 0.1.0
       string-width: 6.1.0
       strip-ansi: 7.1.0
+    dev: false
 
-  os-tmpdir@1.0.2: {}
+  /os-tmpdir@1.0.2:
+    resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
-  ospath@1.2.2: {}
+  /ospath@1.2.2:
+    resolution: {integrity: sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==}
+    dev: true
 
-  outdent@0.5.0: {}
+  /outdent@0.5.0:
+    resolution: {integrity: sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q==}
+    dev: true
 
-  p-filter@2.1.0:
+  /p-filter@2.1.0:
+    resolution: {integrity: sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw==}
+    engines: {node: '>=8'}
     dependencies:
       p-map: 2.1.0
+    dev: true
 
-  p-limit@2.3.0:
+  /p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
     dependencies:
       p-try: 2.2.0
 
-  p-limit@3.1.0:
+  /p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
     dependencies:
       yocto-queue: 0.1.0
 
-  p-limit@4.0.0:
+  /p-limit@4.0.0:
+    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       yocto-queue: 1.0.0
+    dev: false
 
-  p-locate@4.1.0:
+  /p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
     dependencies:
       p-limit: 2.3.0
 
-  p-locate@5.0.0:
+  /p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
     dependencies:
       p-limit: 3.1.0
 
-  p-map@2.1.0: {}
+  /p-map@2.1.0:
+    resolution: {integrity: sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==}
+    engines: {node: '>=6'}
+    dev: true
 
-  p-map@4.0.0:
+  /p-map@4.0.0:
+    resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==}
+    engines: {node: '>=10'}
     dependencies:
       aggregate-error: 3.1.0
+    dev: true
 
-  p-try@2.2.0: {}
+  /p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
 
-  parent-module@1.0.1:
+  /parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
     dependencies:
       callsites: 3.1.0
+    dev: true
 
-  parse-json@5.2.0:
+  /parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
     dependencies:
       '@babel/code-frame': 7.22.13
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
+    dev: true
 
-  parse-latin@5.0.1:
+  /parse-latin@5.0.1:
+    resolution: {integrity: sha512-b/K8ExXaWC9t34kKeDV8kGXBkXZ1HCSAZRYE7HR14eA1GlXX5L8iWhs8USJNhQU9q5ci413jCKF0gOyovvyRBg==}
     dependencies:
       nlcst-to-string: 3.1.1
       unist-util-modify-children: 3.1.1
       unist-util-visit-children: 2.0.2
+    dev: false
 
-  parse5@6.0.1: {}
+  /parse5@6.0.1:
+    resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==}
+    dev: false
 
-  pascal-case@3.1.2:
+  /pascal-case@3.1.2:
+    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
     dependencies:
       no-case: 3.0.4
       tslib: 2.6.2
 
-  path-exists@4.0.0: {}
+  /path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
 
-  path-is-absolute@1.0.1: {}
+  /path-is-absolute@1.0.1:
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
+    engines: {node: '>=0.10.0'}
 
-  path-key@3.1.1: {}
+  /path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
 
-  path-key@4.0.0: {}
+  /path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+    dev: false
 
-  path-parse@1.0.7: {}
+  /path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
-  path-to-regexp@6.2.1: {}
+  /path-to-regexp@6.2.1:
+    resolution: {integrity: sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==}
+    dev: false
 
-  path-type@4.0.0: {}
+  /path-type@4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+    dev: true
 
-  path-type@5.0.0: {}
+  /path-type@5.0.0:
+    resolution: {integrity: sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==}
+    engines: {node: '>=12'}
+    dev: true
 
-  pause-stream@0.0.11:
+  /pause-stream@0.0.11:
+    resolution: {integrity: sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==}
     dependencies:
       through: 2.3.8
+    dev: true
 
-  pend@1.2.0: {}
+  /pend@1.2.0:
+    resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==}
+    dev: true
 
-  performance-now@2.1.0: {}
+  /performance-now@2.1.0:
+    resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==}
+    dev: true
 
-  periscopic@3.1.0:
+  /periscopic@3.1.0:
+    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
     dependencies:
       '@types/estree': 1.0.3
       estree-walker: 3.0.3
       is-reference: 3.0.2
 
-  picocolors@1.0.0: {}
+  /picocolors@1.0.0:
+    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
 
-  picomatch@2.3.1: {}
+  /picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
 
-  pify@2.3.0: {}
+  /pify@2.3.0:
+    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
-  pify@4.0.1: {}
+  /pify@4.0.1:
+    resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
+    engines: {node: '>=6'}
 
-  pkg-dir@4.2.0:
+  /pkg-dir@4.2.0:
+    resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
+    engines: {node: '>=8'}
     dependencies:
       find-up: 4.1.0
 
-  playwright-core@1.42.1: {}
+  /playwright-core@1.42.1:
+    resolution: {integrity: sha512-mxz6zclokgrke9p1vtdy/COWBH+eOZgYUVVU34C73M+4j4HLlQJHtfcqiqqxpP0o8HhMkflvfbquLX5dg6wlfA==}
+    engines: {node: '>=16'}
+    hasBin: true
 
-  playwright@1.42.1:
+  /playwright@1.42.1:
+    resolution: {integrity: sha512-PgwB03s2DZBcNRoW+1w9E+VkLBxweib6KTXM0M3tkiT4jVxKSi6PmVJ591J+0u10LUrgxB7dLRbiJqO5s2QPMg==}
+    engines: {node: '>=16'}
+    hasBin: true
     dependencies:
       playwright-core: 1.42.1
     optionalDependencies:
       fsevents: 2.3.2
 
-  postcss-calc@9.0.1(postcss@8.4.21):
+  /postcss-calc@9.0.1(postcss@8.4.21):
+    resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.2
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-calc@9.0.1(postcss@8.4.35):
+  /postcss-calc@9.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.2
     dependencies:
       postcss: 8.4.35
       postcss-selector-parser: 6.0.13
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-cli@11.0.0(postcss@8.4.21):
+  /postcss-cli@11.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-xMITAI7M0u1yolVcXJ9XTZiO9aO49mcoKQy6pCDFdMh9kGqhzLVpWxeD/32M/QBmkhcGypZFFOLNLmIW4Pg4RA==}
+    engines: {node: '>=18'}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.0.0
     dependencies:
       chokidar: 3.5.3
       dependency-graph: 0.11.0
@@ -10873,8 +8091,14 @@ snapshots:
       yargs: 17.7.2
     transitivePeerDependencies:
       - jiti
+    dev: true
 
-  postcss-cli@11.0.0(postcss@8.4.35):
+  /postcss-cli@11.0.0(postcss@8.4.35):
+    resolution: {integrity: sha512-xMITAI7M0u1yolVcXJ9XTZiO9aO49mcoKQy6pCDFdMh9kGqhzLVpWxeD/32M/QBmkhcGypZFFOLNLmIW4Pg4RA==}
+    engines: {node: '>=18'}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.0.0
     dependencies:
       chokidar: 3.5.3
       dependency-graph: 0.11.0
@@ -10891,396 +8115,767 @@ snapshots:
       yargs: 17.7.2
     transitivePeerDependencies:
       - jiti
+    dev: true
 
-  postcss-colormin@6.0.0(postcss@8.4.21):
+  /postcss-colormin@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-EuO+bAUmutWoZYgHn2T1dG1pPqHU6L4TjzPlu4t1wZGXQ/fxV16xg2EJmYi0z+6r+MGV1yvpx1BHkUaRrPa2bw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       browserslist: 4.22.1
       caniuse-api: 3.0.0
       colord: 2.9.3
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-colormin@6.1.0(postcss@8.4.35):
+  /postcss-colormin@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-x9yX7DOxeMAR+BgGVnNSAxmAj98NX/YxEMNFP+SDCEeNLb2r3i6Hh1ksMsnW8Ub5SLCpbescQqn9YEbE9554Sw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       browserslist: 4.23.0
       caniuse-api: 3.0.0
       colord: 2.9.3
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.21):
+  /postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.21):
+    resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==}
+    engines: {node: ^10.0.0 || ^12.0.0 || >=14.0.0}
+    peerDependencies:
+      postcss: ^8.1.0
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
+    dev: true
 
-  postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.35):
+  /postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==}
+    engines: {node: ^10.0.0 || ^12.0.0 || >=14.0.0}
+    peerDependencies:
+      postcss: ^8.1.0
     dependencies:
       postcss: 8.4.35
       postcss-selector-parser: 6.0.13
+    dev: true
 
-  postcss-convert-values@6.0.0(postcss@8.4.21):
+  /postcss-convert-values@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-U5D8QhVwqT++ecmy8rnTb+RL9n/B806UVaS3m60lqle4YDFcpbS3ae5bTQIh3wOGUSDHSEtMYLs/38dNG7EYFw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       browserslist: 4.22.1
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-convert-values@6.1.0(postcss@8.4.35):
+  /postcss-convert-values@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-zx8IwP/ts9WvUM6NkVSkiU902QZL1bwPhaVaLynPtCsOTqp+ZKbNi+s6XJg3rfqpKGA/oc7Oxk5t8pOQJcwl/w==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       browserslist: 4.23.0
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-discard-comments@6.0.0(postcss@8.4.21):
+  /postcss-discard-comments@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-p2skSGqzPMZkEQvJsgnkBhCn8gI7NzRH2683EEjrIkoMiwRELx68yoUJ3q3DGSGuQ8Ug9Gsn+OuDr46yfO+eFw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
+    dev: true
 
-  postcss-discard-comments@6.0.2(postcss@8.4.35):
+  /postcss-discard-comments@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-65w/uIqhSBBfQmYnG92FO1mWZjJ4GL5b8atm5Yw2UgrwD7HiNiSSNwJor1eCFGzUgYnN/iIknhNRVqjrrpuglw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
+    dev: true
 
-  postcss-discard-duplicates@6.0.0(postcss@8.4.21):
+  /postcss-discard-duplicates@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-bU1SXIizMLtDW4oSsi5C/xHKbhLlhek/0/yCnoMQany9k3nPBq+Ctsv/9oMmyqbR96HYHxZcHyK2HR5P/mqoGA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
+    dev: true
 
-  postcss-discard-duplicates@6.0.3(postcss@8.4.35):
+  /postcss-discard-duplicates@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-+JA0DCvc5XvFAxwx6f/e68gQu/7Z9ud584VLmcgto28eB8FqSFZwtrLwB5Kcp70eIoWP/HXqz4wpo8rD8gpsTw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
+    dev: true
 
-  postcss-discard-empty@6.0.0(postcss@8.4.21):
+  /postcss-discard-empty@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-b+h1S1VT6dNhpcg+LpyiUrdnEZfICF0my7HAKgJixJLW7BnNmpRH34+uw/etf5AhOlIhIAuXApSzzDzMI9K/gQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
+    dev: true
 
-  postcss-discard-empty@6.0.3(postcss@8.4.35):
+  /postcss-discard-empty@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-znyno9cHKQsK6PtxL5D19Fj9uwSzC2mB74cpT66fhgOadEUPyXFkbgwm5tvc3bt3NAy8ltE5MrghxovZRVnOjQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
+    dev: true
 
-  postcss-discard-overridden@6.0.0(postcss@8.4.21):
+  /postcss-discard-overridden@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
+    dev: true
 
-  postcss-discard-overridden@6.0.2(postcss@8.4.35):
+  /postcss-discard-overridden@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-j87xzI4LUggC5zND7KdjsI25APtyMuynXZSujByMaav2roV6OZX+8AaCUcZSWqckZpjAjRyFDdpqybgjFO0HJQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
+    dev: true
 
-  postcss-import@15.1.0(postcss@8.4.21):
+  /postcss-import@15.1.0(postcss@8.4.21):
+    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.8
+    dev: true
 
-  postcss-import@16.0.1(postcss@8.4.35):
+  /postcss-import@16.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-i2Pci0310NaLHr/5JUFSw1j/8hf1CzwMY13g6ZDxgOavmRHQi2ba3PmUHoihO+sjaum+KmCNzskNsw7JDrg03g==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.8
+    dev: true
 
-  postcss-load-config@3.1.4(postcss@8.4.35):
+  /postcss-load-config@3.1.4(postcss@8.4.35):
+    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
+    engines: {node: '>= 10'}
+    peerDependencies:
+      postcss: '>=8.0.9'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+      ts-node:
+        optional: true
     dependencies:
       lilconfig: 2.1.0
       postcss: 8.4.35
       yaml: 1.10.2
+    dev: true
 
-  postcss-load-config@5.0.2(postcss@8.4.21):
+  /postcss-load-config@5.0.2(postcss@8.4.21):
+    resolution: {integrity: sha512-Q8QR3FYbqOKa0bnC1UQ2bFq9/ulHX5Bi34muzitMr8aDtUelO5xKeJEYC/5smE0jNE9zdB/NBnOwXKexELbRlw==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      jiti: '>=1.21.0'
+      postcss: '>=8.0.9'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+      postcss:
+        optional: true
     dependencies:
       lilconfig: 3.0.0
       postcss: 8.4.21
       yaml: 2.3.4
+    dev: true
 
-  postcss-load-config@5.0.2(postcss@8.4.35):
+  /postcss-load-config@5.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-Q8QR3FYbqOKa0bnC1UQ2bFq9/ulHX5Bi34muzitMr8aDtUelO5xKeJEYC/5smE0jNE9zdB/NBnOwXKexELbRlw==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      jiti: '>=1.21.0'
+      postcss: '>=8.0.9'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+      postcss:
+        optional: true
     dependencies:
       lilconfig: 3.0.0
       postcss: 8.4.35
       yaml: 2.3.4
+    dev: true
 
-  postcss-merge-longhand@6.0.0(postcss@8.4.21):
+  /postcss-merge-longhand@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-4VSfd1lvGkLTLYcxFuISDtWUfFS4zXe0FpF149AyziftPFQIWxjvFSKhA4MIxMe4XM3yTDgQMbSNgzIVxChbIg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
       stylehacks: 6.0.0(postcss@8.4.21)
+    dev: true
 
-  postcss-merge-longhand@6.0.4(postcss@8.4.35):
+  /postcss-merge-longhand@6.0.4(postcss@8.4.35):
+    resolution: {integrity: sha512-vAfWGcxUUGlFiPM3nDMZA+/Yo9sbpc3JNkcYZez8FfJDv41Dh7tAgA3QGVTocaHCZZL6aXPXPOaBMJsjujodsA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
       stylehacks: 6.1.0(postcss@8.4.35)
+    dev: true
 
-  postcss-merge-rules@6.0.1(postcss@8.4.21):
+  /postcss-merge-rules@6.0.1(postcss@8.4.21):
+    resolution: {integrity: sha512-a4tlmJIQo9SCjcfiCcCMg/ZCEe0XTkl/xK0XHBs955GWg9xDX3NwP9pwZ78QUOWB8/0XCjZeJn98Dae0zg6AAw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       browserslist: 4.22.1
       caniuse-api: 3.0.0
       cssnano-utils: 4.0.0(postcss@8.4.21)
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
+    dev: true
 
-  postcss-merge-rules@6.1.0(postcss@8.4.35):
+  /postcss-merge-rules@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-lER+W3Gr6XOvxOYk1Vi/6UsAgKMg6MDBthmvbNqi2XxAk/r9XfhdYZSigfWjuWWn3zYw2wLelvtM8XuAEFqRkA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       browserslist: 4.23.0
       caniuse-api: 3.0.0
       cssnano-utils: 4.0.2(postcss@8.4.35)
       postcss: 8.4.35
       postcss-selector-parser: 6.0.16
+    dev: true
 
-  postcss-minify-font-values@6.0.0(postcss@8.4.21):
+  /postcss-minify-font-values@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-zNRAVtyh5E8ndZEYXA4WS8ZYsAp798HiIQ1V2UF/C/munLp2r1UGHwf1+6JFu7hdEhJFN+W1WJQKBrtjhFgEnA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-minify-font-values@6.0.3(postcss@8.4.35):
+  /postcss-minify-font-values@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-SmAeTA1We5rMnN3F8X9YBNo9bj9xB4KyDHnaNJnBfQIPi+60fNiR9OTRnIaMqkYzAQX0vObIw4Pn0vuKEOettg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-minify-gradients@6.0.0(postcss@8.4.21):
+  /postcss-minify-gradients@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-wO0F6YfVAR+K1xVxF53ueZJza3L+R3E6cp0VwuXJQejnNUH0DjcAFe3JEBeTY1dLwGa0NlDWueCA1VlEfiKgAA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       colord: 2.9.3
       cssnano-utils: 4.0.0(postcss@8.4.21)
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-minify-gradients@6.0.3(postcss@8.4.35):
+  /postcss-minify-gradients@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-4KXAHrYlzF0Rr7uc4VrfwDJ2ajrtNEpNEuLxFgwkhFZ56/7gaE4Nr49nLsQDZyUe+ds+kEhf+YAUolJiYXF8+Q==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       colord: 2.9.3
       cssnano-utils: 4.0.2(postcss@8.4.35)
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-minify-params@6.0.0(postcss@8.4.21):
+  /postcss-minify-params@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-Fz/wMQDveiS0n5JPcvsMeyNXOIMrwF88n7196puSuQSWSa+/Ofc1gDOSY2xi8+A4PqB5dlYCKk/WfqKqsI+ReQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       browserslist: 4.22.1
       cssnano-utils: 4.0.0(postcss@8.4.21)
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-minify-params@6.1.0(postcss@8.4.35):
+  /postcss-minify-params@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-bmSKnDtyyE8ujHQK0RQJDIKhQ20Jq1LYiez54WiaOoBtcSuflfK3Nm596LvbtlFcpipMjgClQGyGr7GAs+H1uA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       browserslist: 4.23.0
       cssnano-utils: 4.0.2(postcss@8.4.35)
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-minify-selectors@6.0.0(postcss@8.4.21):
+  /postcss-minify-selectors@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-ec/q9JNCOC2CRDNnypipGfOhbYPuUkewGwLnbv6omue/PSASbHSU7s6uSQ0tcFRVv731oMIx8k0SP4ZX6be/0g==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
+    dev: true
 
-  postcss-minify-selectors@6.0.3(postcss@8.4.35):
+  /postcss-minify-selectors@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-IcV7ZQJcaXyhx4UBpWZMsinGs2NmiUC60rJSkyvjPCPqhNjVGsrJUM+QhAtCaikZ0w0/AbZuH4wVvF/YMuMhvA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
       postcss-selector-parser: 6.0.16
+    dev: true
 
-  postcss-nested@6.0.0(postcss@8.4.21):
+  /postcss-nested@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.2.14
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
+    dev: true
 
-  postcss-nested@6.0.1(postcss@8.4.35):
+  /postcss-nested@6.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.2.14
     dependencies:
       postcss: 8.4.35
       postcss-selector-parser: 6.0.13
+    dev: true
 
-  postcss-normalize-charset@6.0.0(postcss@8.4.21):
+  /postcss-normalize-charset@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-cqundwChbu8yO/gSWkuFDmKrCZ2vJzDAocheT2JTd0sFNA4HMGoKMfbk2B+J0OmO0t5GUkiAkSM5yF2rSLUjgQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
+    dev: true
 
-  postcss-normalize-charset@6.0.2(postcss@8.4.35):
+  /postcss-normalize-charset@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-a8N9czmdnrjPHa3DeFlwqst5eaL5W8jYu3EBbTTkI5FHkfMhFZh1EGbku6jhHhIzTA6tquI2P42NtZ59M/H/kQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
+    dev: true
 
-  postcss-normalize-display-values@6.0.0(postcss@8.4.21):
+  /postcss-normalize-display-values@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-normalize-display-values@6.0.2(postcss@8.4.35):
+  /postcss-normalize-display-values@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-8H04Mxsb82ON/aAkPeq8kcBbAtI5Q2a64X/mnRRfPXBq7XeogoQvReqxEfc0B4WPq1KimjezNC8flUtC3Qz6jg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-normalize-positions@6.0.0(postcss@8.4.21):
+  /postcss-normalize-positions@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-mPCzhSV8+30FZyWhxi6UoVRYd3ZBJgTRly4hOkaSifo0H+pjDYcii/aVT4YE6QpOil15a5uiv6ftnY3rm0igPg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-normalize-positions@6.0.2(postcss@8.4.35):
+  /postcss-normalize-positions@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-/JFzI441OAB9O7VnLA+RtSNZvQ0NCFZDOtp6QPFo1iIyawyXg0YI3CYM9HBy1WvwCRHnPep/BvI1+dGPKoXx/Q==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-normalize-repeat-style@6.0.0(postcss@8.4.21):
+  /postcss-normalize-repeat-style@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-50W5JWEBiOOAez2AKBh4kRFm2uhrT3O1Uwdxz7k24aKtbD83vqmcVG7zoIwo6xI2FZ/HDlbrCopXhLeTpQib1A==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-normalize-repeat-style@6.0.2(postcss@8.4.35):
+  /postcss-normalize-repeat-style@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-YdCgsfHkJ2jEXwR4RR3Tm/iOxSfdRt7jplS6XRh9Js9PyCR/aka/FCb6TuHT2U8gQubbm/mPmF6L7FY9d79VwQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-normalize-string@6.0.0(postcss@8.4.21):
+  /postcss-normalize-string@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-KWkIB7TrPOiqb8ZZz6homet2KWKJwIlysF5ICPZrXAylGe2hzX/HSf4NTX2rRPJMAtlRsj/yfkrWGavFuB+c0w==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-normalize-string@6.0.2(postcss@8.4.35):
+  /postcss-normalize-string@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-vQZIivlxlfqqMp4L9PZsFE4YUkWniziKjQWUtsxUiVsSSPelQydwS8Wwcuw0+83ZjPWNTl02oxlIvXsmmG+CiQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-normalize-timing-functions@6.0.0(postcss@8.4.21):
+  /postcss-normalize-timing-functions@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-tpIXWciXBp5CiFs8sem90IWlw76FV4oi6QEWfQwyeREVwUy39VSeSqjAT7X0Qw650yAimYW5gkl2Gd871N5SQg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-normalize-timing-functions@6.0.2(postcss@8.4.35):
+  /postcss-normalize-timing-functions@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-a+YrtMox4TBtId/AEwbA03VcJgtyW4dGBizPl7e88cTFULYsprgHWTbfyjSLyHeBcK/Q9JhXkt2ZXiwaVHoMzA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-normalize-unicode@6.0.0(postcss@8.4.21):
+  /postcss-normalize-unicode@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-ui5crYkb5ubEUDugDc786L/Me+DXp2dLg3fVJbqyAl0VPkAeALyAijF2zOsnZyaS1HyfPuMH0DwyY18VMFVNkg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       browserslist: 4.22.1
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-normalize-unicode@6.1.0(postcss@8.4.35):
+  /postcss-normalize-unicode@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-QVC5TQHsVj33otj8/JD869Ndr5Xcc/+fwRh4HAsFsAeygQQXm+0PySrKbr/8tkDKzW+EVT3QkqZMfFrGiossDg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       browserslist: 4.23.0
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-normalize-url@6.0.0(postcss@8.4.21):
+  /postcss-normalize-url@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-98mvh2QzIPbb02YDIrYvAg4OUzGH7s1ZgHlD3fIdTHLgPLRpv1ZTKJDnSAKr4Rt21ZQFzwhGMXxpXlfrUBKFHw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-normalize-url@6.0.2(postcss@8.4.35):
+  /postcss-normalize-url@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-kVNcWhCeKAzZ8B4pv/DnrU1wNh458zBNp8dh4y5hhxih5RZQ12QWMuQrDgPRw3LRl8mN9vOVfHl7uhvHYMoXsQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-normalize-whitespace@6.0.0(postcss@8.4.21):
+  /postcss-normalize-whitespace@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-7cfE1AyLiK0+ZBG6FmLziJzqQCpTQY+8XjMhMAz8WSBSCsCNNUKujgIgjCAmDT3cJ+3zjTXFkoD15ZPsckArVw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-normalize-whitespace@6.0.2(postcss@8.4.35):
+  /postcss-normalize-whitespace@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-sXZ2Nj1icbJOKmdjXVT9pnyHQKiSAyuNQHSgRCUgThn2388Y9cGVDR+E9J9iAYbSbLHI+UUwLVl1Wzco/zgv0Q==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-ordered-values@6.0.0(postcss@8.4.21):
+  /postcss-ordered-values@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-K36XzUDpvfG/nWkjs6d1hRBydeIxGpKS2+n+ywlKPzx1nMYDYpoGbcjhj5AwVYJK1qV2/SDoDEnHzlPD6s3nMg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       cssnano-utils: 4.0.0(postcss@8.4.21)
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-ordered-values@6.0.2(postcss@8.4.35):
+  /postcss-ordered-values@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-VRZSOB+JU32RsEAQrO94QPkClGPKJEL/Z9PCBImXMhIeK5KAYo6slP/hBYlLgrCjFxyqvn5VC81tycFEDBLG1Q==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       cssnano-utils: 4.0.2(postcss@8.4.35)
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-reduce-initial@6.0.0(postcss@8.4.21):
+  /postcss-reduce-initial@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-s2UOnidpVuXu6JiiI5U+fV2jamAw5YNA9Fdi/GRK0zLDLCfXmSGqQtzpUPtfN66RtCbb9fFHoyZdQaxOB3WxVA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       browserslist: 4.22.1
       caniuse-api: 3.0.0
       postcss: 8.4.21
+    dev: true
 
-  postcss-reduce-initial@6.1.0(postcss@8.4.35):
+  /postcss-reduce-initial@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-RarLgBK/CrL1qZags04oKbVbrrVK2wcxhvta3GCxrZO4zveibqbRPmm2VI8sSgCXwoUHEliRSbOfpR0b/VIoiw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       browserslist: 4.23.0
       caniuse-api: 3.0.0
       postcss: 8.4.35
+    dev: true
 
-  postcss-reduce-transforms@6.0.0(postcss@8.4.21):
+  /postcss-reduce-transforms@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-FQ9f6xM1homnuy1wLe9lP1wujzxnwt1EwiigtWwuyf8FsqqXUDUp2Ulxf9A5yjlUOTdCJO6lonYjg1mgqIIi2w==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-reduce-transforms@6.0.2(postcss@8.4.35):
+  /postcss-reduce-transforms@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-sB+Ya++3Xj1WaT9+5LOOdirAxP7dJZms3GRcYheSPi1PiTMigsxHAdkrbItHxwYHr4kt1zL7mmcHstgMYT+aiA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: true
 
-  postcss-rename@0.6.1(postcss@8.4.21):
+  /postcss-rename@0.6.1(postcss@8.4.21):
+    resolution: {integrity: sha512-bsj9TMuPnh8pqF/FMX6BB3aZMjTxRdGP0qJHOg4yC2S1DCAomtAVuQaTJC16QTkH5fnrYMP/yYjuXZAibP3QnQ==}
+    engines: {node: '>=8.3.0'}
+    peerDependencies:
+      postcss: ^8.2.6
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
+    dev: true
 
-  postcss-rename@0.6.1(postcss@8.4.35):
+  /postcss-rename@0.6.1(postcss@8.4.35):
+    resolution: {integrity: sha512-bsj9TMuPnh8pqF/FMX6BB3aZMjTxRdGP0qJHOg4yC2S1DCAomtAVuQaTJC16QTkH5fnrYMP/yYjuXZAibP3QnQ==}
+    engines: {node: '>=8.3.0'}
+    peerDependencies:
+      postcss: ^8.2.6
     dependencies:
       postcss: 8.4.35
       postcss-selector-parser: 6.0.13
+    dev: true
 
-  postcss-reporter@7.0.5(postcss@8.4.21):
+  /postcss-reporter@7.0.5(postcss@8.4.21):
+    resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      postcss: ^8.1.0
     dependencies:
       picocolors: 1.0.0
       postcss: 8.4.21
       thenby: 1.3.4
+    dev: true
 
-  postcss-reporter@7.0.5(postcss@8.4.35):
+  /postcss-reporter@7.0.5(postcss@8.4.35):
+    resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      postcss: ^8.1.0
     dependencies:
       picocolors: 1.0.0
       postcss: 8.4.35
       thenby: 1.3.4
+    dev: true
 
-  postcss-safe-parser@6.0.0(postcss@8.4.35):
+  /postcss-safe-parser@6.0.0(postcss@8.4.35):
+    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.3.3
     dependencies:
       postcss: 8.4.35
+    dev: true
 
-  postcss-scss@4.0.9(postcss@8.4.35):
+  /postcss-scss@4.0.9(postcss@8.4.35):
+    resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.4.29
     dependencies:
       postcss: 8.4.35
+    dev: true
 
-  postcss-selector-parser@6.0.13:
+  /postcss-selector-parser@6.0.13:
+    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
+    engines: {node: '>=4'}
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
+    dev: true
 
-  postcss-selector-parser@6.0.16:
+  /postcss-selector-parser@6.0.16:
+    resolution: {integrity: sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==}
+    engines: {node: '>=4'}
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
+    dev: true
 
-  postcss-svgo@6.0.0(postcss@8.4.21):
+  /postcss-svgo@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-r9zvj/wGAoAIodn84dR/kFqwhINp5YsJkLoujybWG59grR/IHx+uQ2Zo+IcOwM0jskfYX3R0mo+1Kip1VSNcvw==}
+    engines: {node: ^14 || ^16 || >= 18}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
       svgo: 3.0.2
+    dev: true
 
-  postcss-svgo@6.0.3(postcss@8.4.35):
+  /postcss-svgo@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-dlrahRmxP22bX6iKEjOM+c8/1p+81asjKT+V5lrgOH944ryx/OHpclnIbGsKVd3uWOXFLYJwCVf0eEkJGvO96g==}
+    engines: {node: ^14 || ^16 || >= 18}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
       svgo: 3.2.0
+    dev: true
 
-  postcss-unique-selectors@6.0.0(postcss@8.4.21):
+  /postcss-unique-selectors@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-EPQzpZNxOxP7777t73RQpZE5e9TrnCrkvp7AH7a0l89JmZiPnS82y216JowHXwpBCQitfyxrof9TK3rYbi7/Yw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
+    dev: true
 
-  postcss-unique-selectors@6.0.3(postcss@8.4.35):
+  /postcss-unique-selectors@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-NFXbYr8qdmCr/AFceaEfdcsKGCvWTeGO6QVC9h2GvtWgj0/0dklKQcaMMVzs6tr8bY+ase8hOtHW8OBTTRvS8A==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       postcss: 8.4.35
       postcss-selector-parser: 6.0.16
+    dev: true
 
-  postcss-value-parser@4.2.0: {}
+  /postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+    dev: true
 
-  postcss@8.4.21:
+  /postcss@8.4.21:
+    resolution: {integrity: sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==}
+    engines: {node: ^10 || ^12 || >=14}
     dependencies:
       nanoid: 3.3.6
       picocolors: 1.0.0
       source-map-js: 1.0.2
+    dev: true
 
-  postcss@8.4.35:
+  /postcss@8.4.35:
+    resolution: {integrity: sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==}
+    engines: {node: ^10 || ^12 || >=14}
     dependencies:
       nanoid: 3.3.7
       picocolors: 1.0.0
       source-map-js: 1.0.2
 
-  prebuild-install@7.1.1:
+  /prebuild-install@7.1.1:
+    resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
+    engines: {node: '>=10'}
+    hasBin: true
+    requiresBuild: true
     dependencies:
       detect-libc: 2.0.2
       expand-template: 2.0.3
@@ -11294,190 +8889,338 @@ snapshots:
       simple-get: 4.0.1
       tar-fs: 2.1.1
       tunnel-agent: 0.6.0
+    dev: false
     optional: true
 
-  preferred-pm@3.1.2:
+  /preferred-pm@3.1.2:
+    resolution: {integrity: sha512-nk7dKrcW8hfCZ4H6klWcdRknBOXWzNQByJ0oJyX97BOupsYD+FzLS4hflgEu/uPUEHZCuRfMxzCBsuWd7OzT8Q==}
+    engines: {node: '>=10'}
     dependencies:
       find-up: 5.0.0
       find-yarn-workspace-root2: 1.2.16
       path-exists: 4.0.0
       which-pm: 2.0.0
 
-  prelude-ls@1.2.1: {}
+  /prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+    dev: true
 
-  prettier-linter-helpers@1.0.0:
+  /prettier-linter-helpers@1.0.0:
+    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
+    engines: {node: '>=6.0.0'}
     dependencies:
       fast-diff: 1.3.0
+    dev: true
 
-  prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@4.2.12):
+  /prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@4.2.12):
+    resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==}
+    peerDependencies:
+      prettier: ^3.0.0
+      svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
       prettier: 3.0.3
       svelte: 4.2.12
+    dev: true
 
-  prettier-plugin-svelte@3.2.2(prettier@3.2.5)(svelte@4.2.12):
+  /prettier-plugin-svelte@3.2.2(prettier@3.2.5)(svelte@4.2.12):
+    resolution: {integrity: sha512-ZzzE/wMuf48/1+Lf2Ffko0uDa6pyCfgHV6+uAhtg2U0AAXGrhCSW88vEJNAkAxW5qyrFY1y1zZ4J8TgHrjW++Q==}
+    peerDependencies:
+      prettier: ^3.0.0
+      svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0
     dependencies:
       prettier: 3.2.5
       svelte: 4.2.12
+    dev: true
 
-  prettier@2.8.8: {}
+  /prettier@2.8.8:
+    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    dev: true
 
-  prettier@3.0.3: {}
+  /prettier@3.0.3:
+    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
 
-  prettier@3.2.5: {}
+  /prettier@3.2.5:
+    resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
 
-  pretty-bytes@5.6.0: {}
+  /pretty-bytes@5.6.0:
+    resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
+    engines: {node: '>=6'}
+    dev: true
 
-  pretty-hrtime@1.0.3: {}
+  /pretty-hrtime@1.0.3:
+    resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==}
+    engines: {node: '>= 0.8'}
+    dev: true
 
-  prismjs@1.29.0: {}
+  /prismjs@1.29.0:
+    resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
+    engines: {node: '>=6'}
+    dev: false
 
-  probe-image-size@7.2.3:
+  /probe-image-size@7.2.3:
+    resolution: {integrity: sha512-HubhG4Rb2UH8YtV4ba0Vp5bQ7L78RTONYu/ujmCu5nBI8wGv24s4E9xSKBi0N1MowRpxk76pFCpJtW0KPzOK0w==}
     dependencies:
       lodash.merge: 4.6.2
       needle: 2.9.1
       stream-parser: 0.3.1
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  process@0.11.10: {}
+  /process@0.11.10:
+    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
+    engines: {node: '>= 0.6.0'}
+    dev: true
 
-  prompts@2.4.2:
+  /prompts@2.4.2:
+    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
+    engines: {node: '>= 6'}
     dependencies:
       kleur: 3.0.3
       sisteransi: 1.0.5
+    dev: false
 
-  prop-types@15.8.1:
+  /prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
     dependencies:
       loose-envify: 1.4.0
       object-assign: 4.1.1
       react-is: 16.13.1
+    dev: true
 
-  property-information@6.3.0: {}
+  /property-information@6.3.0:
+    resolution: {integrity: sha512-gVNZ74nqhRMiIUYWGQdosYetaKc83x8oT41a0LlV3AAFCAZwCpg4vmGkq8t34+cUhp3cnM4XDiU/7xlgK7HGrg==}
+    dev: false
 
-  proxy-from-env@1.0.0: {}
+  /proxy-from-env@1.0.0:
+    resolution: {integrity: sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==}
+    dev: true
 
-  ps-tree@1.2.0:
+  /ps-tree@1.2.0:
+    resolution: {integrity: sha512-0VnamPPYHl4uaU/nSFeZZpR21QAWRz+sRv4iW9+v/GS/J5U5iZB5BNN6J0RMoOvdx2gWM2+ZFMIm58q24e4UYA==}
+    engines: {node: '>= 0.10'}
+    hasBin: true
     dependencies:
       event-stream: 3.3.4
+    dev: true
 
-  pseudomap@1.0.2: {}
+  /pseudomap@1.0.2:
+    resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==}
+    dev: true
 
-  psl@1.9.0: {}
+  /psl@1.9.0:
+    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
+    dev: true
 
-  pump@3.0.0:
+  /pump@3.0.0:
+    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
     dependencies:
       end-of-stream: 1.4.4
       once: 1.4.0
 
-  punycode@2.3.0: {}
+  /punycode@2.3.0:
+    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
+    engines: {node: '>=6'}
+    dev: true
 
-  punycode@2.3.1: {}
+  /punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+    dev: true
 
-  qs@6.10.4:
+  /qs@6.10.4:
+    resolution: {integrity: sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==}
+    engines: {node: '>=0.6'}
     dependencies:
       side-channel: 1.0.6
+    dev: true
 
-  querystringify@2.2.0: {}
+  /querystringify@2.2.0:
+    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
+    dev: true
 
-  queue-microtask@1.2.3: {}
+  /queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
-  queue-tick@1.0.1:
+  /queue-tick@1.0.1:
+    resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  quick-lru@4.0.1: {}
+  /quick-lru@4.0.1:
+    resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==}
+    engines: {node: '>=8'}
+    dev: true
 
-  randombytes@2.1.0:
+  /randombytes@2.1.0:
+    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
     dependencies:
       safe-buffer: 5.2.1
+    dev: true
 
-  rc@1.2.8:
+  /rc@1.2.8:
+    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
+    hasBin: true
+    requiresBuild: true
     dependencies:
       deep-extend: 0.6.0
       ini: 1.3.8
       minimist: 1.2.8
       strip-json-comments: 2.0.1
+    dev: false
     optional: true
 
-  react-dom@18.2.0(react@18.2.0):
+  /react-dom@18.2.0(react@18.2.0):
+    resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
+    peerDependencies:
+      react: ^18.2.0
     dependencies:
       loose-envify: 1.4.0
       react: 18.2.0
       scheduler: 0.23.0
 
-  react-is@16.13.1: {}
+  /react-is@16.13.1:
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+    dev: true
 
-  react-redux@9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1):
+  /react-redux@9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1):
+    resolution: {integrity: sha512-5ynfGDzxxsoV73+4czQM56qF43vsmgJsO22rmAvU5tZT2z5Xow/A2uhhxwXuGTxgdReF3zcp7A80gma2onRs1A==}
+    peerDependencies:
+      '@types/react': ^18.2.25
+      react: ^18.0
+      react-native: '>=0.69'
+      redux: ^5.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      react-native:
+        optional: true
+      redux:
+        optional: true
     dependencies:
       '@types/react': 18.2.36
       '@types/use-sync-external-store': 0.0.3
       react: 18.2.0
       redux: 5.0.1
       use-sync-external-store: 1.2.0(react@18.2.0)
+    dev: false
 
-  react-refresh@0.14.0: {}
+  /react-refresh@0.14.0:
+    resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==}
+    engines: {node: '>=0.10.0'}
 
-  react-router-dom@6.18.0(react-dom@18.2.0)(react@18.2.0):
+  /react-router-dom@6.18.0(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Ubrue4+Ercc/BoDkFQfc6og5zRQ4A8YxSO3Knsne+eRbZ+IepAsK249XBH/XaFuOYOYr3L3r13CXTLvYt5JDjw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      react: '>=16.8'
+      react-dom: '>=16.8'
     dependencies:
       '@remix-run/router': 1.11.0
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       react-router: 6.18.0(react@18.2.0)
+    dev: false
 
-  react-router@6.18.0(react@18.2.0):
+  /react-router@6.18.0(react@18.2.0):
+    resolution: {integrity: sha512-vk2y7Dsy8wI02eRRaRmOs9g2o+aE72YCx5q9VasT1N9v+lrdB79tIqrjMfByHiY5+6aYkH2rUa5X839nwWGPDg==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      react: '>=16.8'
     dependencies:
       '@remix-run/router': 1.11.0
       react: 18.2.0
+    dev: false
 
-  react@18.2.0:
+  /react@18.2.0:
+    resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
+    engines: {node: '>=0.10.0'}
     dependencies:
       loose-envify: 1.4.0
 
-  read-cache@1.0.0:
+  /read-cache@1.0.0:
+    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
     dependencies:
       pify: 2.3.0
+    dev: true
 
-  read-pkg-up@7.0.1:
+  /read-pkg-up@7.0.1:
+    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
+    engines: {node: '>=8'}
     dependencies:
       find-up: 4.1.0
       read-pkg: 5.2.0
       type-fest: 0.8.1
+    dev: true
 
-  read-pkg@5.2.0:
+  /read-pkg@5.2.0:
+    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
+    engines: {node: '>=8'}
     dependencies:
       '@types/normalize-package-data': 2.4.3
       normalize-package-data: 2.5.0
       parse-json: 5.2.0
       type-fest: 0.6.0
+    dev: true
 
-  read-yaml-file@1.1.0:
+  /read-yaml-file@1.1.0:
+    resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==}
+    engines: {node: '>=6'}
     dependencies:
       graceful-fs: 4.2.11
       js-yaml: 3.14.1
       pify: 4.0.1
       strip-bom: 3.0.0
+    dev: true
 
-  readable-stream@3.6.2:
+  /readable-stream@3.6.2:
+    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
+    engines: {node: '>= 6'}
     dependencies:
       inherits: 2.0.4
       string_decoder: 1.3.0
       util-deprecate: 1.0.2
+    dev: false
 
-  readdirp@3.6.0:
+  /readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
     dependencies:
       picomatch: 2.3.1
 
-  redent@3.0.0:
+  /redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
     dependencies:
       indent-string: 4.0.0
       strip-indent: 3.0.0
+    dev: true
 
-  redux-thunk@3.1.0(redux@5.0.1):
+  /redux-thunk@3.1.0(redux@5.0.1):
+    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
+    peerDependencies:
+      redux: ^5.0.0
     dependencies:
       redux: 5.0.1
+    dev: false
 
-  redux@5.0.1: {}
+  /redux@5.0.1:
+    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
+    dev: false
 
-  reflect.getprototypeof@1.0.4:
+  /reflect.getprototypeof@1.0.4:
+    resolution: {integrity: sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
@@ -11485,42 +9228,57 @@ snapshots:
       get-intrinsic: 1.2.2
       globalthis: 1.0.3
       which-builtin-type: 1.1.3
+    dev: true
 
-  regenerator-runtime@0.14.0: {}
+  /regenerator-runtime@0.14.0:
+    resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==}
+    dev: true
 
-  regexp.prototype.flags@1.5.1:
+  /regexp.prototype.flags@1.5.1:
+    resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       set-function-name: 2.0.1
+    dev: true
 
-  rehype-parse@8.0.5:
+  /rehype-parse@8.0.5:
+    resolution: {integrity: sha512-Ds3RglaY/+clEX2U2mHflt7NlMA72KspZ0JLUJgBBLpRddBcEw3H8uYZQliQriku22NZpYMfjDdSgHcjxue24A==}
     dependencies:
       '@types/hast': 2.3.7
       hast-util-from-parse5: 7.1.2
       parse5: 6.0.1
       unified: 10.1.2
+    dev: false
 
-  rehype-raw@6.1.1:
+  /rehype-raw@6.1.1:
+    resolution: {integrity: sha512-d6AKtisSRtDRX4aSPsJGTfnzrX2ZkHQLE5kiUuGOeEoLpbEulFF4hj0mLPbsa+7vmguDKOVVEQdHKDSwoaIDsQ==}
     dependencies:
       '@types/hast': 2.3.7
       hast-util-raw: 7.2.3
       unified: 10.1.2
+    dev: false
 
-  rehype-stringify@9.0.4:
+  /rehype-stringify@9.0.4:
+    resolution: {integrity: sha512-Uk5xu1YKdqobe5XpSskwPvo1XeHUUucWEQSl8hTrXt5selvca1e8K1EZ37E6YoZ4BT8BCqCdVfQW7OfHfthtVQ==}
     dependencies:
       '@types/hast': 2.3.7
       hast-util-to-html: 8.0.4
       unified: 10.1.2
+    dev: false
 
-  rehype@12.0.1:
+  /rehype@12.0.1:
+    resolution: {integrity: sha512-ey6kAqwLM3X6QnMDILJthGvG1m1ULROS9NT4uG9IDCuv08SFyLlreSuvOa//DgEvbXx62DS6elGVqusWhRUbgw==}
     dependencies:
       '@types/hast': 2.3.7
       rehype-parse: 8.0.5
       rehype-stringify: 9.0.4
       unified: 10.1.2
+    dev: false
 
-  remark-gfm@3.0.1:
+  /remark-gfm@3.0.1:
+    resolution: {integrity: sha512-lEFDoi2PICJyNrACFOfDD3JlLkuSbOa5Wd8EPt06HUdptv8Gn0bxYTdbU/XXQ3swAPkEaGxxPN9cbnMHvVu1Ig==}
     dependencies:
       '@types/mdast': 3.0.14
       mdast-util-gfm: 2.0.2
@@ -11528,118 +9286,185 @@ snapshots:
       unified: 10.1.2
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  remark-parse@10.0.2:
+  /remark-parse@10.0.2:
+    resolution: {integrity: sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==}
     dependencies:
       '@types/mdast': 3.0.14
       mdast-util-from-markdown: 1.3.1
       unified: 10.1.2
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  remark-rehype@10.1.0:
+  /remark-rehype@10.1.0:
+    resolution: {integrity: sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==}
     dependencies:
       '@types/hast': 2.3.7
       '@types/mdast': 3.0.14
       mdast-util-to-hast: 12.3.0
       unified: 10.1.2
+    dev: false
 
-  remark-smartypants@2.0.0:
+  /remark-smartypants@2.0.0:
+    resolution: {integrity: sha512-Rc0VDmr/yhnMQIz8n2ACYXlfw/P/XZev884QU1I5u+5DgJls32o97Vc1RbK3pfumLsJomS2yy8eT4Fxj/2MDVA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       retext: 8.1.0
       retext-smartypants: 5.2.0
       unist-util-visit: 4.1.2
+    dev: false
 
-  request-progress@3.0.0:
+  /request-progress@3.0.0:
+    resolution: {integrity: sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==}
     dependencies:
       throttleit: 1.0.1
+    dev: true
 
-  require-directory@2.1.1: {}
+  /require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
-  require-main-filename@2.0.0: {}
+  /require-main-filename@2.0.0:
+    resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
+    dev: true
 
-  requires-port@1.0.0: {}
+  /requires-port@1.0.0:
+    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
+    dev: true
 
-  reselect@5.1.0: {}
+  /reselect@5.1.0:
+    resolution: {integrity: sha512-aw7jcGLDpSgNDyWBQLv2cedml85qd95/iszJjN988zX1t7AVRJi19d9kto5+W7oCfQ94gyo40dVbT6g2k4/kXg==}
+    dev: false
 
-  resolve-from@4.0.0: {}
+  /resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+    dev: true
 
-  resolve-from@5.0.0: {}
+  /resolve-from@5.0.0:
+    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
+    engines: {node: '>=8'}
+    dev: true
 
-  resolve@1.22.8:
+  /resolve@1.22.8:
+    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
+    hasBin: true
     dependencies:
       is-core-module: 2.13.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  resolve@2.0.0-next.5:
+  /resolve@2.0.0-next.5:
+    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
+    hasBin: true
     dependencies:
       is-core-module: 2.13.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
+    dev: true
 
-  restore-cursor@3.1.0:
+  /restore-cursor@3.1.0:
+    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
+    engines: {node: '>=8'}
     dependencies:
       onetime: 5.1.2
       signal-exit: 3.0.7
+    dev: true
 
-  restore-cursor@4.0.0:
+  /restore-cursor@4.0.0:
+    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       onetime: 5.1.2
       signal-exit: 3.0.7
+    dev: false
 
-  retext-latin@3.1.0:
+  /retext-latin@3.1.0:
+    resolution: {integrity: sha512-5MrD1tuebzO8ppsja5eEu+ZbBeUNCjoEarn70tkXOS7Bdsdf6tNahsv2bY0Z8VooFF6cw7/6S+d3yI/TMlMVVQ==}
     dependencies:
       '@types/nlcst': 1.0.3
       parse-latin: 5.0.1
       unherit: 3.0.1
       unified: 10.1.2
+    dev: false
 
-  retext-smartypants@5.2.0:
+  /retext-smartypants@5.2.0:
+    resolution: {integrity: sha512-Do8oM+SsjrbzT2UNIKgheP0hgUQTDDQYyZaIY3kfq0pdFzoPk+ZClYJ+OERNXveog4xf1pZL4PfRxNoVL7a/jw==}
     dependencies:
       '@types/nlcst': 1.0.3
       nlcst-to-string: 3.1.1
       unified: 10.1.2
       unist-util-visit: 4.1.2
+    dev: false
 
-  retext-stringify@3.1.0:
+  /retext-stringify@3.1.0:
+    resolution: {integrity: sha512-767TLOaoXFXyOnjx/EggXlb37ZD2u4P1n0GJqVdpipqACsQP+20W+BNpMYrlJkq7hxffnFk+jc6mAK9qrbuB8w==}
     dependencies:
       '@types/nlcst': 1.0.3
       nlcst-to-string: 3.1.1
       unified: 10.1.2
+    dev: false
 
-  retext@8.1.0:
+  /retext@8.1.0:
+    resolution: {integrity: sha512-N9/Kq7YTn6ZpzfiGW45WfEGJqFf1IM1q8OsRa1CGzIebCJBNCANDRmOrholiDRGKo/We7ofKR4SEvcGAWEMD3Q==}
     dependencies:
       '@types/nlcst': 1.0.3
       retext-latin: 3.1.0
       retext-stringify: 3.1.0
       unified: 10.1.2
+    dev: false
 
-  reusify@1.0.4: {}
+  /reusify@1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
-  rfdc@1.3.1: {}
+  /rfdc@1.3.1:
+    resolution: {integrity: sha512-r5a3l5HzYlIC68TpmYKlxWjmOP6wiPJ1vWv2HeLhNsRZMrCkxeqxiHlQ21oXmQ4F3SiryXBHhAD7JZqvOJjFmg==}
+    dev: true
 
-  rimraf@2.7.1:
+  /rimraf@2.7.1:
+    resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
+    hasBin: true
     dependencies:
       glob: 7.2.3
 
-  rimraf@3.0.2:
+  /rimraf@3.0.2:
+    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
+    hasBin: true
     dependencies:
       glob: 7.2.3
+    dev: true
 
-  rollup-plugin-peer-deps-external@2.2.4(rollup@3.23.0):
+  /rollup-plugin-peer-deps-external@2.2.4(rollup@3.23.0):
+    resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==}
+    peerDependencies:
+      rollup: '*'
     dependencies:
       rollup: 3.23.0
+    dev: true
 
-  rollup@3.23.0:
+  /rollup@3.23.0:
+    resolution: {integrity: sha512-h31UlwEi7FHihLe1zbk+3Q7z1k/84rb9BSwmBSr/XjOCEaBJ2YyedQDuM0t/kfOS0IxM+vk1/zI9XxYj9V+NJQ==}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
     optionalDependencies:
       fsevents: 2.3.3
+    dev: true
 
-  rollup@3.29.4:
+  /rollup@3.29.4:
+    resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
     optionalDependencies:
       fsevents: 2.3.3
 
-  rollup@4.12.1:
+  /rollup@4.12.1:
+    resolution: {integrity: sha512-ggqQKvx/PsB0FaWXhIvVkSWh7a/PCLQAsMjBc+nA2M8Rv2/HG0X6zvixAB7KyZBRtifBUhy5k8voQX/mRnABPg==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
     dependencies:
       '@types/estree': 1.0.5
     optionalDependencies:
@@ -11658,83 +9483,126 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.12.1
       fsevents: 2.3.3
 
-  run-parallel@1.2.0:
+  /run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
     dependencies:
       queue-microtask: 1.2.3
 
-  rxjs@7.8.1:
+  /rxjs@7.8.1:
+    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
     dependencies:
       tslib: 2.6.2
+    dev: true
 
-  sade@1.8.1:
+  /sade@1.8.1:
+    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
+    engines: {node: '>=6'}
     dependencies:
       mri: 1.2.0
 
-  safe-array-concat@1.0.1:
+  /safe-array-concat@1.0.1:
+    resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==}
+    engines: {node: '>=0.4'}
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
       has-symbols: 1.0.3
       isarray: 2.0.5
+    dev: true
 
-  safe-buffer@5.2.1: {}
+  /safe-buffer@5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
 
-  safe-regex-test@1.0.0:
+  /safe-regex-test@1.0.0:
+    resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
       is-regex: 1.1.4
+    dev: true
 
-  safer-buffer@2.1.2: {}
+  /safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
-  sander@0.5.1:
+  /sander@0.5.1:
+    resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
     dependencies:
       es6-promise: 3.3.1
       graceful-fs: 4.2.11
       mkdirp: 0.5.6
       rimraf: 2.7.1
 
-  sax@1.3.0: {}
+  /sax@1.3.0:
+    resolution: {integrity: sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==}
+    dev: false
 
-  scheduler@0.23.0:
+  /scheduler@0.23.0:
+    resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==}
     dependencies:
       loose-envify: 1.4.0
 
-  section-matter@1.0.0:
+  /section-matter@1.0.0:
+    resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==}
+    engines: {node: '>=4'}
     dependencies:
       extend-shallow: 2.0.1
       kind-of: 6.0.3
+    dev: false
 
-  semver@5.7.2: {}
+  /semver@5.7.2:
+    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
+    hasBin: true
+    dev: true
 
-  semver@6.3.1: {}
+  /semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
 
-  semver@7.5.4:
+  /semver@7.5.4:
+    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
+    engines: {node: '>=10'}
+    hasBin: true
     dependencies:
       lru-cache: 6.0.0
 
-  semver@7.6.0:
+  /semver@7.6.0:
+    resolution: {integrity: sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==}
+    engines: {node: '>=10'}
+    hasBin: true
     dependencies:
       lru-cache: 6.0.0
 
-  serialize-javascript@6.0.1:
+  /serialize-javascript@6.0.1:
+    resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==}
     dependencies:
       randombytes: 2.1.0
+    dev: true
 
-  server-destroy@1.0.1: {}
+  /server-destroy@1.0.1:
+    resolution: {integrity: sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==}
+    dev: false
 
-  set-blocking@2.0.0: {}
+  /set-blocking@2.0.0:
+    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
+    dev: true
 
-  set-cookie-parser@2.6.0: {}
+  /set-cookie-parser@2.6.0:
+    resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
+    dev: true
 
-  set-function-length@1.1.1:
+  /set-function-length@1.1.1:
+    resolution: {integrity: sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==}
+    engines: {node: '>= 0.4'}
     dependencies:
       define-data-property: 1.1.1
       get-intrinsic: 1.2.2
       gopd: 1.0.1
       has-property-descriptors: 1.0.1
+    dev: true
 
-  set-function-length@1.2.1:
+  /set-function-length@1.2.1:
+    resolution: {integrity: sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==}
+    engines: {node: '>= 0.4'}
     dependencies:
       define-data-property: 1.1.4
       es-errors: 1.3.0
@@ -11742,14 +9610,21 @@ snapshots:
       get-intrinsic: 1.2.4
       gopd: 1.0.1
       has-property-descriptors: 1.0.2
+    dev: true
 
-  set-function-name@2.0.1:
+  /set-function-name@2.0.1:
+    resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==}
+    engines: {node: '>= 0.4'}
     dependencies:
       define-data-property: 1.1.1
       functions-have-names: 1.2.3
       has-property-descriptors: 1.0.1
+    dev: true
 
-  sharp@0.32.6:
+  /sharp@0.32.6:
+    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==}
+    engines: {node: '>=14.15.0'}
+    requiresBuild: true
     dependencies:
       color: 4.2.3
       detect-libc: 2.0.2
@@ -11759,86 +9634,139 @@ snapshots:
       simple-get: 4.0.1
       tar-fs: 3.0.4
       tunnel-agent: 0.6.0
+    dev: false
     optional: true
 
-  shebang-command@1.2.0:
+  /shebang-command@1.2.0:
+    resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
+    engines: {node: '>=0.10.0'}
     dependencies:
       shebang-regex: 1.0.0
+    dev: true
 
-  shebang-command@2.0.0:
+  /shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
     dependencies:
       shebang-regex: 3.0.0
 
-  shebang-regex@1.0.0: {}
+  /shebang-regex@1.0.0:
+    resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
-  shebang-regex@3.0.0: {}
+  /shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
 
-  shell-quote@1.8.1: {}
+  /shell-quote@1.8.1:
+    resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
+    dev: true
 
-  shiki@0.14.5:
+  /shiki@0.14.5:
+    resolution: {integrity: sha512-1gCAYOcmCFONmErGTrS1fjzJLA7MGZmKzrBNX7apqSwhyITJg2O102uFzXUeBxNnEkDA9vHIKLyeKq0V083vIw==}
     dependencies:
       ansi-sequence-parser: 1.1.1
       jsonc-parser: 3.2.0
       vscode-oniguruma: 1.7.0
       vscode-textmate: 8.0.0
+    dev: false
 
-  side-channel@1.0.4:
+  /side-channel@1.0.4:
+    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
       object-inspect: 1.13.1
+    dev: true
 
-  side-channel@1.0.6:
+  /side-channel@1.0.6:
+    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.7
       es-errors: 1.3.0
       get-intrinsic: 1.2.4
       object-inspect: 1.13.1
+    dev: true
 
-  signal-exit@3.0.7: {}
+  /signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
 
-  signal-exit@4.1.0: {}
+  /signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+    dev: false
 
-  simple-concat@1.0.1:
+  /simple-concat@1.0.1:
+    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  simple-get@4.0.1:
+  /simple-get@4.0.1:
+    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
+    requiresBuild: true
     dependencies:
       decompress-response: 6.0.0
       once: 1.4.0
       simple-concat: 1.0.1
+    dev: false
     optional: true
 
-  simple-swizzle@0.2.2:
+  /simple-swizzle@0.2.2:
+    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
+    requiresBuild: true
     dependencies:
       is-arrayish: 0.3.2
+    dev: false
     optional: true
 
-  sirv@2.0.4:
+  /sirv@2.0.4:
+    resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
+    engines: {node: '>= 10'}
     dependencies:
       '@polka/url': 1.0.0-next.24
       mrmime: 2.0.0
       totalist: 3.0.1
+    dev: true
 
-  sisteransi@1.0.5: {}
+  /sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
+    dev: false
 
-  slash@3.0.0: {}
+  /slash@3.0.0:
+    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
+    engines: {node: '>=8'}
+    dev: true
 
-  slash@5.1.0: {}
+  /slash@5.1.0:
+    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
+    engines: {node: '>=14.16'}
+    dev: true
 
-  slice-ansi@3.0.0:
+  /slice-ansi@3.0.0:
+    resolution: {integrity: sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==}
+    engines: {node: '>=8'}
     dependencies:
       ansi-styles: 4.3.0
       astral-regex: 2.0.0
       is-fullwidth-code-point: 3.0.0
+    dev: true
 
-  slice-ansi@4.0.0:
+  /slice-ansi@4.0.0:
+    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
+    engines: {node: '>=10'}
     dependencies:
       ansi-styles: 4.3.0
       astral-regex: 2.0.0
       is-fullwidth-code-point: 3.0.0
+    dev: true
 
-  smartwrap@2.0.2:
+  /smartwrap@2.0.2:
+    resolution: {integrity: sha512-vCsKNQxb7PnCNd2wY1WClWifAc2lwqsG8OaswpJkVJsvMGcnEntdTCDajZCkk93Ay1U3t/9puJmb525Rg5MZBA==}
+    engines: {node: '>=6'}
+    hasBin: true
     dependencies:
       array.prototype.flat: 1.3.2
       breakword: 1.0.6
@@ -11846,55 +9774,87 @@ snapshots:
       strip-ansi: 6.0.1
       wcwidth: 1.0.1
       yargs: 15.4.1
+    dev: true
 
-  smob@1.4.1: {}
+  /smob@1.4.1:
+    resolution: {integrity: sha512-9LK+E7Hv5R9u4g4C3p+jjLstaLe11MDsL21UpYaCNmapvMkYhqCV4A/f/3gyH8QjMyh6l68q9xC85vihY9ahMQ==}
+    dev: true
 
-  sorcery@0.11.0:
+  /sorcery@0.11.0:
+    resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==}
+    hasBin: true
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
       buffer-crc32: 0.2.13
       minimist: 1.2.8
       sander: 0.5.1
 
-  source-map-js@1.0.2: {}
+  /source-map-js@1.0.2:
+    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
+    engines: {node: '>=0.10.0'}
 
-  source-map-support@0.5.21:
+  /source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
     dependencies:
       buffer-from: 1.1.2
       source-map: 0.6.1
+    dev: true
 
-  source-map@0.6.1: {}
+  /source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
-  space-separated-tokens@2.0.2: {}
+  /space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
+    dev: false
 
-  spawn-command@0.0.2-1: {}
+  /spawn-command@0.0.2-1:
+    resolution: {integrity: sha512-n98l9E2RMSJ9ON1AKisHzz7V42VDiBQGY6PB1BwRglz99wpVsSuGzQ+jOi6lFXBGVTCrRpltvjm+/XA+tpeJrg==}
+    dev: true
 
-  spawndamnit@2.0.0:
+  /spawndamnit@2.0.0:
+    resolution: {integrity: sha512-j4JKEcncSjFlqIwU5L/rp2N5SIPsdxaRsIv678+TZxZ0SRDJTm8JrxJMjE/XuiEZNEir3S8l0Fa3Ke339WI4qA==}
     dependencies:
       cross-spawn: 5.1.0
       signal-exit: 3.0.7
+    dev: true
 
-  spdx-correct@3.2.0:
+  /spdx-correct@3.2.0:
+    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
     dependencies:
       spdx-expression-parse: 3.0.1
       spdx-license-ids: 3.0.16
+    dev: true
 
-  spdx-exceptions@2.3.0: {}
+  /spdx-exceptions@2.3.0:
+    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
+    dev: true
 
-  spdx-expression-parse@3.0.1:
+  /spdx-expression-parse@3.0.1:
+    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
     dependencies:
       spdx-exceptions: 2.3.0
       spdx-license-ids: 3.0.16
+    dev: true
 
-  spdx-license-ids@3.0.16: {}
+  /spdx-license-ids@3.0.16:
+    resolution: {integrity: sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==}
+    dev: true
 
-  split@0.3.3:
+  /split@0.3.3:
+    resolution: {integrity: sha512-wD2AeVmxXRBoX44wAycgjVpMhvbwdI2aZjCkvfNcH1YqHQvJVa1duWc73OyVGJUc05fhFaTZeQ/PYsrmyH0JVA==}
     dependencies:
       through: 2.3.8
+    dev: true
 
-  sprintf-js@1.0.3: {}
+  /sprintf-js@1.0.3:
+    resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
 
-  sshpk@1.18.0:
+  /sshpk@1.18.0:
+    resolution: {integrity: sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
     dependencies:
       asn1: 0.2.6
       assert-plus: 1.0.0
@@ -11905,8 +9865,12 @@ snapshots:
       jsbn: 0.1.1
       safer-buffer: 2.1.2
       tweetnacl: 0.14.5
+    dev: true
 
-  start-server-and-test@2.0.2:
+  /start-server-and-test@2.0.2:
+    resolution: {integrity: sha512-4sGS2QmETUwqeBUqtTLP7OqXp3PdDnevaWlPlrFQgn8+7uCgVg4Do7/H/ZhAAVyvnL3DqKyANhnLgcgxrjhrMA==}
+    engines: {node: '>=16'}
+    hasBin: true
     dependencies:
       arg: 5.0.2
       bluebird: 3.7.2
@@ -11918,50 +9882,72 @@ snapshots:
       wait-on: 7.1.0(debug@4.3.4)
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  stdin-discarder@0.1.0:
+  /stdin-discarder@0.1.0:
+    resolution: {integrity: sha512-xhV7w8S+bUwlPTb4bAOUQhv8/cSS5offJuX8GQGq32ONF0ZtDWKfkdomM3HMRA+LhX6um/FZ0COqlwsjD53LeQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       bl: 5.1.0
+    dev: false
 
-  stream-combiner@0.0.4:
+  /stream-combiner@0.0.4:
+    resolution: {integrity: sha512-rT00SPnTVyRsaSz5zgSPma/aHSOic5U1prhYdRy5HS2kTZviFpmDgzilbtsJsxiroqACmayynDN/9VzIbX5DOw==}
     dependencies:
       duplexer: 0.1.2
+    dev: true
 
-  stream-parser@0.3.1:
+  /stream-parser@0.3.1:
+    resolution: {integrity: sha512-bJ/HgKq41nlKvlhccD5kaCr/P+Hu0wPNKPJOH7en+YrJu/9EgqUF+88w5Jb6KNcjOFMhfX4B2asfeAtIGuHObQ==}
     dependencies:
       debug: 2.6.9
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  stream-transform@2.1.3:
+  /stream-transform@2.1.3:
+    resolution: {integrity: sha512-9GHUiM5hMiCi6Y03jD2ARC1ettBXkQBoQAe7nJsPknnI0ow10aXjTnew8QtYQmLjzn974BnmWEAJgCY6ZP1DeQ==}
     dependencies:
       mixme: 0.5.9
+    dev: true
 
-  streamx@2.15.1:
+  /streamx@2.15.1:
+    resolution: {integrity: sha512-fQMzy2O/Q47rgwErk/eGeLu/roaFWV0jVsogDmrszM9uIw8L5OA+t+V93MgYlufNptfjmYR1tOMWhei/Eh7TQA==}
+    requiresBuild: true
     dependencies:
       fast-fifo: 1.3.2
       queue-tick: 1.0.1
+    dev: false
     optional: true
 
-  string-width@4.2.3:
+  /string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
     dependencies:
       emoji-regex: 8.0.0
       is-fullwidth-code-point: 3.0.0
       strip-ansi: 6.0.1
 
-  string-width@5.1.2:
+  /string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
     dependencies:
       eastasianwidth: 0.2.0
       emoji-regex: 9.2.2
       strip-ansi: 7.1.0
+    dev: false
 
-  string-width@6.1.0:
+  /string-width@6.1.0:
+    resolution: {integrity: sha512-k01swCJAgQmuADB0YIc+7TuatfNvTBVOoaUWJjTB9R4VJzR5vNWzf5t42ESVZFPS8xTySF7CAdV4t/aaIm3UnQ==}
+    engines: {node: '>=16'}
     dependencies:
       eastasianwidth: 0.2.0
       emoji-regex: 10.3.0
       strip-ansi: 7.1.0
+    dev: false
 
-  string.prototype.matchall@4.0.10:
+  /string.prototype.matchall@4.0.10:
+    resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==}
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
@@ -11972,88 +9958,151 @@ snapshots:
       regexp.prototype.flags: 1.5.1
       set-function-name: 2.0.1
       side-channel: 1.0.4
+    dev: true
 
-  string.prototype.trim@1.2.8:
+  /string.prototype.trim@1.2.8:
+    resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
+    dev: true
 
-  string.prototype.trimend@1.0.7:
+  /string.prototype.trimend@1.0.7:
+    resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==}
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
+    dev: true
 
-  string.prototype.trimstart@1.0.7:
+  /string.prototype.trimstart@1.0.7:
+    resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==}
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
+    dev: true
 
-  string_decoder@1.3.0:
+  /string_decoder@1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
     dependencies:
       safe-buffer: 5.2.1
+    dev: false
 
-  stringify-entities@4.0.3:
+  /stringify-entities@4.0.3:
+    resolution: {integrity: sha512-BP9nNHMhhfcMbiuQKCqMjhDP5yBCAxsPu4pHFFzJ6Alo9dZgY4VLDPutXqIjpRiMoKdp7Av85Gr73Q5uH9k7+g==}
     dependencies:
       character-entities-html4: 2.1.0
       character-entities-legacy: 3.0.0
+    dev: false
 
-  strip-ansi@6.0.1:
+  /strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
     dependencies:
       ansi-regex: 5.0.1
 
-  strip-ansi@7.1.0:
+  /strip-ansi@7.1.0:
+    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
+    engines: {node: '>=12'}
     dependencies:
       ansi-regex: 6.0.1
+    dev: false
 
-  strip-bom-string@1.0.0: {}
+  /strip-bom-string@1.0.0:
+    resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==}
+    engines: {node: '>=0.10.0'}
+    dev: false
 
-  strip-bom@3.0.0: {}
+  /strip-bom@3.0.0:
+    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
+    engines: {node: '>=4'}
 
-  strip-bom@4.0.0: {}
+  /strip-bom@4.0.0:
+    resolution: {integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==}
+    engines: {node: '>=8'}
+    dev: false
 
-  strip-final-newline@2.0.0: {}
+  /strip-final-newline@2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
+    engines: {node: '>=6'}
+    dev: true
 
-  strip-final-newline@3.0.0: {}
+  /strip-final-newline@3.0.0:
+    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
+    engines: {node: '>=12'}
+    dev: false
 
-  strip-indent@3.0.0:
+  /strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
     dependencies:
       min-indent: 1.0.1
 
-  strip-json-comments@2.0.1:
+  /strip-json-comments@2.0.1:
+    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
+    engines: {node: '>=0.10.0'}
+    requiresBuild: true
+    dev: false
     optional: true
 
-  strip-json-comments@3.1.1: {}
+  /strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+    dev: true
 
-  stylehacks@6.0.0(postcss@8.4.21):
+  /stylehacks@6.0.0(postcss@8.4.21):
+    resolution: {integrity: sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
     dependencies:
       browserslist: 4.22.1
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
+    dev: true
 
-  stylehacks@6.1.0(postcss@8.4.35):
+  /stylehacks@6.1.0(postcss@8.4.35):
+    resolution: {integrity: sha512-ETErsPFgwlfYZ/CSjMO2Ddf+TsnkCVPBPaoB99Ro8WMAxf7cglzmFsRBhRmKObFjibtcvlNxFFPHuyr3sNlNUQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
     dependencies:
       browserslist: 4.23.0
       postcss: 8.4.35
       postcss-selector-parser: 6.0.16
+    dev: true
 
-  supports-color@5.5.0:
+  /supports-color@5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
     dependencies:
       has-flag: 3.0.0
 
-  supports-color@7.2.0:
+  /supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
     dependencies:
       has-flag: 4.0.0
+    dev: true
 
-  supports-color@8.1.1:
+  /supports-color@8.1.1:
+    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
+    engines: {node: '>=10'}
     dependencies:
       has-flag: 4.0.0
 
-  supports-preserve-symlinks-flag@1.0.0: {}
+  /supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
 
-  svelte-check@3.6.6(postcss@8.4.35)(svelte@4.2.12):
+  /svelte-check@3.6.6(postcss@8.4.35)(svelte@4.2.12):
+    resolution: {integrity: sha512-b9q9rOHOMYF3U8XllK7LmXTq1LeWQ98waGfEJzrFutViadkNl1tgdEtxIQ8yuPx+VQ4l7YrknYol+0lfZocaZw==}
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 3.6.0
@@ -12074,8 +10123,13 @@ snapshots:
       - sass
       - stylus
       - sugarss
+    dev: true
 
-  svelte-check@3.6.7(postcss@8.4.35)(svelte@4.2.12):
+  /svelte-check@3.6.7(postcss@8.4.35)(svelte@4.2.12):
+    resolution: {integrity: sha512-tKEjemK9FYCySAseCaIt+ps5o0XRvLC7ECjyJXXtO7vOQhR9E6JavgoUbGP1PCulD2OTcB/fi9RjV3nyF1AROw==}
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 3.6.0
@@ -12096,8 +10150,16 @@ snapshots:
       - sass
       - stylus
       - sugarss
+    dev: true
 
-  svelte-eslint-parser@0.33.1(svelte@4.2.12):
+  /svelte-eslint-parser@0.33.1(svelte@4.2.12):
+    resolution: {integrity: sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      svelte: ^3.37.0 || ^4.0.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
     dependencies:
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
@@ -12105,16 +10167,62 @@ snapshots:
       postcss: 8.4.35
       postcss-scss: 4.0.9(postcss@8.4.35)
       svelte: 4.2.12
+    dev: true
 
-  svelte-hmr@0.15.3(svelte@4.2.1):
+  /svelte-hmr@0.15.3(svelte@4.2.1):
+    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
+    engines: {node: ^12.20 || ^14.13.1 || >= 16}
+    peerDependencies:
+      svelte: ^3.19.0 || ^4.0.0
     dependencies:
       svelte: 4.2.1
+    dev: false
 
-  svelte-hmr@0.15.3(svelte@4.2.12):
+  /svelte-hmr@0.15.3(svelte@4.2.12):
+    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
+    engines: {node: ^12.20 || ^14.13.1 || >= 16}
+    peerDependencies:
+      svelte: ^3.19.0 || ^4.0.0
     dependencies:
       svelte: 4.2.12
 
-  svelte-preprocess@5.1.3(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2):
+  /svelte-preprocess@5.1.3(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2):
+    resolution: {integrity: sha512-xxAkmxGHT+J/GourS5mVJeOXZzne1FR5ljeOUAMXUkfEhkLEllRreXpbl3dIYJlcJRfL1LO1uIAPpBpBfiqGPw==}
+    engines: {node: '>= 16.0.0', pnpm: ^8.0.0}
+    requiresBuild: true
+    peerDependencies:
+      '@babel/core': ^7.10.2
+      coffeescript: ^2.5.1
+      less: ^3.11.3 || ^4.0.0
+      postcss: ^7 || ^8
+      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
+      pug: ^3.0.0
+      sass: ^1.26.8
+      stylus: ^0.55.0
+      sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
+      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
+      typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      coffeescript:
+        optional: true
+      less:
+        optional: true
+      postcss:
+        optional: true
+      postcss-load-config:
+        optional: true
+      pug:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      typescript:
+        optional: true
     dependencies:
       '@types/pug': 2.0.10
       detect-indent: 6.1.0
@@ -12125,21 +10233,33 @@ snapshots:
       svelte: 4.2.12
       typescript: 5.4.2
 
-  svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.4.2):
+  /svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.4.2):
+    resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==}
+    peerDependencies:
+      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
+      typescript: ^4.9.4 || ^5.0.0
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
       svelte: 4.2.1
       typescript: 5.4.2
+    dev: false
 
-  svelte2tsx@0.7.3(svelte@4.2.12)(typescript@5.4.2):
+  /svelte2tsx@0.7.3(svelte@4.2.12)(typescript@5.4.2):
+    resolution: {integrity: sha512-yrjJFvqp32Ag4Oke+T1xXZLqMNrS0gjzAM//+L6+7OhXWMDuMs0fkyb9ymixK9keVOLJ1GbeEVfg59c3E2IN+w==}
+    peerDependencies:
+      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
+      typescript: ^4.9.4 || ^5.0.0
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
       svelte: 4.2.12
       typescript: 5.4.2
+    dev: true
 
-  svelte@4.2.1:
+  /svelte@4.2.1:
+    resolution: {integrity: sha512-LpLqY2Jr7cRxkrTc796/AaaoMLF/1ax7cto8Ot76wrvKQhrPmZ0JgajiWPmg9mTSDqO16SSLiD17r9MsvAPTmw==}
+    engines: {node: '>=16'}
     dependencies:
       '@ampproject/remapping': 2.2.1
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -12154,8 +10274,11 @@ snapshots:
       locate-character: 3.0.0
       magic-string: 0.30.5
       periscopic: 3.1.0
+    dev: false
 
-  svelte@4.2.12:
+  /svelte@4.2.12:
+    resolution: {integrity: sha512-d8+wsh5TfPwqVzbm4/HCXC783/KPHV60NvwitJnyTA5lWn1elhXMNWhXGCJ7PwPa8qFUnyJNIyuIRt2mT0WMug==}
+    engines: {node: '>=16'}
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -12172,7 +10295,10 @@ snapshots:
       magic-string: 0.30.8
       periscopic: 3.1.0
 
-  svgo@3.0.2:
+  /svgo@3.0.2:
+    resolution: {integrity: sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
     dependencies:
       '@trysound/sax': 0.2.0
       commander: 7.2.0
@@ -12180,8 +10306,12 @@ snapshots:
       css-tree: 2.3.1
       csso: 5.0.5
       picocolors: 1.0.0
+    dev: true
 
-  svgo@3.2.0:
+  /svgo@3.2.0:
+    resolution: {integrity: sha512-4PP6CMW/V7l/GmKRKzsLR8xxjdHTV4IMvhTnpuHwwBazSIlw5W/5SmPjN8Dwyt7lKbSJrRDgp4t9ph0HgChFBQ==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
     dependencies:
       '@trysound/sax': 0.2.0
       commander: 7.2.0
@@ -12190,104 +10320,179 @@ snapshots:
       css-what: 6.1.0
       csso: 5.0.5
       picocolors: 1.0.0
+    dev: true
 
-  tar-fs@2.1.1:
+  /tar-fs@2.1.1:
+    resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
+    requiresBuild: true
     dependencies:
       chownr: 1.1.4
       mkdirp-classic: 0.5.3
       pump: 3.0.0
       tar-stream: 2.2.0
+    dev: false
     optional: true
 
-  tar-fs@3.0.4:
+  /tar-fs@3.0.4:
+    resolution: {integrity: sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==}
+    requiresBuild: true
     dependencies:
       mkdirp-classic: 0.5.3
       pump: 3.0.0
       tar-stream: 3.1.6
+    dev: false
     optional: true
 
-  tar-stream@2.2.0:
+  /tar-stream@2.2.0:
+    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
+    engines: {node: '>=6'}
+    requiresBuild: true
     dependencies:
       bl: 4.1.0
       end-of-stream: 1.4.4
       fs-constants: 1.0.0
       inherits: 2.0.4
       readable-stream: 3.6.2
+    dev: false
     optional: true
 
-  tar-stream@3.1.6:
+  /tar-stream@3.1.6:
+    resolution: {integrity: sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==}
+    requiresBuild: true
     dependencies:
       b4a: 1.6.4
       fast-fifo: 1.3.2
       streamx: 2.15.1
+    dev: false
     optional: true
 
-  term-size@2.2.1: {}
+  /term-size@2.2.1:
+    resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==}
+    engines: {node: '>=8'}
+    dev: true
 
-  terser@5.22.0:
+  /terser@5.22.0:
+    resolution: {integrity: sha512-hHZVLgRA2z4NWcN6aS5rQDc+7Dcy58HOf2zbYwmFcQ+ua3h6eEFf5lIDKTzbWwlazPyOZsFQO8V80/IjVNExEw==}
+    engines: {node: '>=10'}
+    hasBin: true
     dependencies:
       '@jridgewell/source-map': 0.3.5
       acorn: 8.10.0
       commander: 2.20.3
       source-map-support: 0.5.21
+    dev: true
 
-  text-table@0.2.0: {}
+  /text-table@0.2.0:
+    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+    dev: true
 
-  thenby@1.3.4: {}
+  /thenby@1.3.4:
+    resolution: {integrity: sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==}
+    dev: true
 
-  throttleit@1.0.1: {}
+  /throttleit@1.0.1:
+    resolution: {integrity: sha512-vDZpf9Chs9mAdfY046mcPt8fg5QSZr37hEH4TXYBnDF+izxgrbRGUAAaBvIk/fJm9aOFCGFd1EsNg5AZCbnQCQ==}
+    dev: true
 
-  through@2.3.8: {}
+  /through@2.3.8:
+    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
+    dev: true
 
-  tiny-glob@0.2.9:
+  /tiny-glob@0.2.9:
+    resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
     dependencies:
       globalyzer: 0.1.0
       globrex: 0.1.2
+    dev: true
 
-  tmp@0.0.33:
+  /tmp@0.0.33:
+    resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==}
+    engines: {node: '>=0.6.0'}
     dependencies:
       os-tmpdir: 1.0.2
+    dev: true
 
-  tmp@0.2.3: {}
+  /tmp@0.2.3:
+    resolution: {integrity: sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==}
+    engines: {node: '>=14.14'}
+    dev: true
 
-  to-fast-properties@2.0.0: {}
+  /to-fast-properties@2.0.0:
+    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
+    engines: {node: '>=4'}
 
-  to-regex-range@5.0.1:
+  /to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
     dependencies:
       is-number: 7.0.0
 
-  totalist@3.0.1: {}
+  /totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+    dev: true
 
-  tough-cookie@4.1.3:
+  /tough-cookie@4.1.3:
+    resolution: {integrity: sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==}
+    engines: {node: '>=6'}
     dependencies:
       psl: 1.9.0
       punycode: 2.3.1
       universalify: 0.2.0
       url-parse: 1.5.10
+    dev: true
 
-  tr46@0.0.3: {}
+  /tr46@0.0.3:
+    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
+    dev: true
 
-  tree-kill@1.2.2: {}
+  /tree-kill@1.2.2:
+    resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
+    hasBin: true
+    dev: true
 
-  trim-lines@3.0.1: {}
+  /trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
+    dev: false
 
-  trim-newlines@3.0.1: {}
+  /trim-newlines@3.0.1:
+    resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
+    engines: {node: '>=8'}
+    dev: true
 
-  trough@2.1.0: {}
+  /trough@2.1.0:
+    resolution: {integrity: sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==}
+    dev: false
 
-  ts-api-utils@1.0.3(typescript@5.1.3):
+  /ts-api-utils@1.0.3(typescript@5.1.3):
+    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
+    engines: {node: '>=16.13.0'}
+    peerDependencies:
+      typescript: '>=4.2.0'
     dependencies:
       typescript: 5.1.3
+    dev: true
 
-  ts-api-utils@1.0.3(typescript@5.2.2):
+  /ts-api-utils@1.0.3(typescript@5.2.2):
+    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
+    engines: {node: '>=16.13.0'}
+    peerDependencies:
+      typescript: '>=4.2.0'
     dependencies:
       typescript: 5.2.2
+    dev: true
 
-  ts-api-utils@1.0.3(typescript@5.4.2):
+  /ts-api-utils@1.0.3(typescript@5.4.2):
+    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
+    engines: {node: '>=16.13.0'}
+    peerDependencies:
+      typescript: '>=4.2.0'
     dependencies:
       typescript: 5.4.2
+    dev: true
 
-  tsconfig-resolver@3.0.1:
+  /tsconfig-resolver@3.0.1:
+    resolution: {integrity: sha512-ZHqlstlQF449v8glscGRXzL6l2dZvASPCdXJRWG4gHEZlUVx2Jtmr+a2zeVG4LCsKhDXKRj5R3h0C/98UcVAQg==}
     dependencies:
       '@types/json5': 0.0.30
       '@types/resolve': 1.20.4
@@ -12295,10 +10500,15 @@ snapshots:
       resolve: 1.22.8
       strip-bom: 4.0.0
       type-fest: 0.13.1
+    dev: false
 
-  tslib@2.6.2: {}
+  /tslib@2.6.2:
+    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
 
-  tty-table@4.2.2:
+  /tty-table@4.2.2:
+    resolution: {integrity: sha512-2gvCArMZLxgvpZ2NvQKdnYWIFLe7I/z5JClMuhrDXunmKgSZcQKcZRjN9XjAFiToMz2pUo1dEIXyrm0AwgV5Tw==}
+    engines: {node: '>=8.0.0'}
+    hasBin: true
     dependencies:
       chalk: 4.1.2
       csv: 5.5.3
@@ -12307,30 +10517,65 @@ snapshots:
       strip-ansi: 6.0.1
       wcwidth: 1.0.1
       yargs: 17.7.2
+    dev: true
 
-  tunnel-agent@0.6.0:
+  /tunnel-agent@0.6.0:
+    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
     dependencies:
       safe-buffer: 5.2.1
 
-  turbo-darwin-64@1.10.0:
+  /turbo-darwin-64@1.10.0:
+    resolution: {integrity: sha512-N0aVGFtBgOKd7pIdUiKREwnDhNHRIvpMJbmUw04c1AqEoTiKAKT6iuzcCozO5N/gYMVr0hxrXgLal5OLYXtcsw==}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
     optional: true
 
-  turbo-darwin-arm64@1.10.0:
+  /turbo-darwin-arm64@1.10.0:
+    resolution: {integrity: sha512-boXzhaHTS5MsTMv48I/JmYp9/fYplXk5nACUDrqV6nD1hzO5PMn5wNg75ATbpkaMaeuD+hjuobeSxn1p4vpqQg==}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
     optional: true
 
-  turbo-linux-64@1.10.0:
+  /turbo-linux-64@1.10.0:
+    resolution: {integrity: sha512-crKQuS1jrp4vp+Th6EmUqqmAlvYNnzGmwWMLeckmYILrV7zAddu87eJu4hB7V6uV+W1qHZUTw8WXa1w1+8boBw==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
     optional: true
 
-  turbo-linux-arm64@1.10.0:
+  /turbo-linux-arm64@1.10.0:
+    resolution: {integrity: sha512-Y2fhWe0xepLjl7doIvsJK7mp2h8E+OF6qJsUHRgxFeRWQWi1I6clD2aEQeykHK8Tp+qp8pKFMocj32nFBvuCcg==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
     optional: true
 
-  turbo-windows-64@1.10.0:
+  /turbo-windows-64@1.10.0:
+    resolution: {integrity: sha512-uh8rEqH6teaHysEMjinwWBqyNwv4IvgSAwbq/OphP8jObstTYHoR+gFPo8RQUSTaBYy4QVszgi5eO5YLvEQqNA==}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
     optional: true
 
-  turbo-windows-arm64@1.10.0:
+  /turbo-windows-arm64@1.10.0:
+    resolution: {integrity: sha512-JaVj3iM7qyRD6xYGZLL/Gs4mQKfM1zL0f91AwHZLNkk1CrJ6i5kO4ZjhKkwXSpVOTNKW3sX0Q7dExXj85Vv7UQ==}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
     optional: true
 
-  turbo@1.10.0:
+  /turbo@1.10.0:
+    resolution: {integrity: sha512-GWxoL2zJduiNaEHz78o74l2jCQEeuUZ3MdpMPz0SpZOvt3nimpvQPNxiyfbqt3U9/V5G375PWKYSbXkVnIbQcA==}
+    hasBin: true
+    requiresBuild: true
     optionalDependencies:
       turbo-darwin-64: 1.10.0
       turbo-darwin-arm64: 1.10.0
@@ -12338,79 +10583,139 @@ snapshots:
       turbo-linux-arm64: 1.10.0
       turbo-windows-64: 1.10.0
       turbo-windows-arm64: 1.10.0
+    dev: true
 
-  tweetnacl@0.14.5: {}
+  /tweetnacl@0.14.5:
+    resolution: {integrity: sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==}
+    dev: true
 
-  type-check@0.4.0:
+  /type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
     dependencies:
       prelude-ls: 1.2.1
+    dev: true
 
-  type-fest@0.13.1: {}
+  /type-fest@0.13.1:
+    resolution: {integrity: sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==}
+    engines: {node: '>=10'}
 
-  type-fest@0.20.2: {}
+  /type-fest@0.20.2:
+    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
+    engines: {node: '>=10'}
+    dev: true
 
-  type-fest@0.21.3: {}
+  /type-fest@0.21.3:
+    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
+    engines: {node: '>=10'}
+    dev: true
 
-  type-fest@0.6.0: {}
+  /type-fest@0.6.0:
+    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
+    engines: {node: '>=8'}
+    dev: true
 
-  type-fest@0.8.1: {}
+  /type-fest@0.8.1:
+    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
+    engines: {node: '>=8'}
+    dev: true
 
-  type-fest@2.19.0: {}
+  /type-fest@2.19.0:
+    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
+    engines: {node: '>=12.20'}
+    dev: false
 
-  typed-array-buffer@1.0.0:
+  /typed-array-buffer@1.0.0:
+    resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
       is-typed-array: 1.1.12
+    dev: true
 
-  typed-array-byte-length@1.0.0:
+  /typed-array-byte-length@1.0.0:
+    resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==}
+    engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.5
       for-each: 0.3.3
       has-proto: 1.0.1
       is-typed-array: 1.1.12
+    dev: true
 
-  typed-array-byte-offset@1.0.0:
+  /typed-array-byte-offset@1.0.0:
+    resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==}
+    engines: {node: '>= 0.4'}
     dependencies:
       available-typed-arrays: 1.0.5
       call-bind: 1.0.5
       for-each: 0.3.3
       has-proto: 1.0.1
       is-typed-array: 1.1.12
+    dev: true
 
-  typed-array-length@1.0.4:
+  /typed-array-length@1.0.4:
+    resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
     dependencies:
       call-bind: 1.0.5
       for-each: 0.3.3
       is-typed-array: 1.1.12
+    dev: true
 
-  typescript@5.1.3: {}
+  /typescript@5.1.3:
+    resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+    dev: true
 
-  typescript@5.2.2: {}
+  /typescript@5.2.2:
+    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
+    engines: {node: '>=14.17'}
+    hasBin: true
 
-  typescript@5.4.2: {}
+  /typescript@5.4.2:
+    resolution: {integrity: sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==}
+    engines: {node: '>=14.17'}
+    hasBin: true
 
-  ultrahtml@1.5.2: {}
+  /ultrahtml@1.5.2:
+    resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==}
+    dev: false
 
-  unbox-primitive@1.0.2:
+  /unbox-primitive@1.0.2:
+    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
     dependencies:
       call-bind: 1.0.5
       has-bigints: 1.0.2
       has-symbols: 1.0.3
       which-boxed-primitive: 1.0.2
+    dev: true
 
-  undici-types@5.26.5:
+  /undici-types@5.26.5:
+    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
+    requiresBuild: true
+    dev: true
     optional: true
 
-  undici@5.26.5:
+  /undici@5.26.5:
+    resolution: {integrity: sha512-cSb4bPFd5qgR7qr2jYAi0hlX9n5YKK2ONKkLFkxl+v/9BvC0sOpZjBHDBSXc5lWAf5ty9oZdRXytBIHzgUcerw==}
+    engines: {node: '>=14.0'}
     dependencies:
       '@fastify/busboy': 2.0.0
+    dev: false
 
-  unherit@3.0.1: {}
+  /unherit@3.0.1:
+    resolution: {integrity: sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==}
+    dev: false
 
-  unicorn-magic@0.1.0: {}
+  /unicorn-magic@0.1.0:
+    resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
+    engines: {node: '>=18'}
+    dev: true
 
-  unified@10.1.2:
+  /unified@10.1.2:
+    resolution: {integrity: sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==}
     dependencies:
       '@types/unist': 2.0.9
       bail: 2.0.2
@@ -12419,129 +10724,225 @@ snapshots:
       is-plain-obj: 4.1.0
       trough: 2.1.0
       vfile: 5.3.7
+    dev: false
 
-  unist-util-generated@2.0.1: {}
+  /unist-util-generated@2.0.1:
+    resolution: {integrity: sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==}
+    dev: false
 
-  unist-util-is@5.2.1:
+  /unist-util-is@5.2.1:
+    resolution: {integrity: sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==}
     dependencies:
       '@types/unist': 2.0.9
+    dev: false
 
-  unist-util-is@6.0.0:
+  /unist-util-is@6.0.0:
+    resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
     dependencies:
       '@types/unist': 3.0.1
+    dev: false
 
-  unist-util-modify-children@3.1.1:
+  /unist-util-modify-children@3.1.1:
+    resolution: {integrity: sha512-yXi4Lm+TG5VG+qvokP6tpnk+r1EPwyYL04JWDxLvgvPV40jANh7nm3udk65OOWquvbMDe+PL9+LmkxDpTv/7BA==}
     dependencies:
       '@types/unist': 2.0.9
       array-iterate: 2.0.1
+    dev: false
 
-  unist-util-position@4.0.4:
+  /unist-util-position@4.0.4:
+    resolution: {integrity: sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==}
     dependencies:
       '@types/unist': 2.0.9
+    dev: false
 
-  unist-util-stringify-position@3.0.3:
+  /unist-util-stringify-position@3.0.3:
+    resolution: {integrity: sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==}
     dependencies:
       '@types/unist': 2.0.9
+    dev: false
 
-  unist-util-visit-children@2.0.2:
+  /unist-util-visit-children@2.0.2:
+    resolution: {integrity: sha512-+LWpMFqyUwLGpsQxpumsQ9o9DG2VGLFrpz+rpVXYIEdPy57GSy5HioC0g3bg/8WP9oCLlapQtklOzQ8uLS496Q==}
     dependencies:
       '@types/unist': 2.0.9
+    dev: false
 
-  unist-util-visit-parents@5.1.3:
+  /unist-util-visit-parents@5.1.3:
+    resolution: {integrity: sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==}
     dependencies:
       '@types/unist': 2.0.9
       unist-util-is: 5.2.1
+    dev: false
 
-  unist-util-visit-parents@6.0.1:
+  /unist-util-visit-parents@6.0.1:
+    resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==}
     dependencies:
       '@types/unist': 3.0.1
       unist-util-is: 6.0.0
+    dev: false
 
-  unist-util-visit@4.1.2:
+  /unist-util-visit@4.1.2:
+    resolution: {integrity: sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==}
     dependencies:
       '@types/unist': 2.0.9
       unist-util-is: 5.2.1
       unist-util-visit-parents: 5.1.3
+    dev: false
 
-  unist-util-visit@5.0.0:
+  /unist-util-visit@5.0.0:
+    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
     dependencies:
       '@types/unist': 3.0.1
       unist-util-is: 6.0.0
       unist-util-visit-parents: 6.0.1
+    dev: false
 
-  universalify@0.1.2: {}
+  /universalify@0.1.2:
+    resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
+    engines: {node: '>= 4.0.0'}
+    dev: true
 
-  universalify@0.2.0: {}
+  /universalify@0.2.0:
+    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
+    engines: {node: '>= 4.0.0'}
+    dev: true
 
-  universalify@2.0.1: {}
+  /universalify@2.0.1:
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
+    engines: {node: '>= 10.0.0'}
+    dev: true
 
-  untildify@4.0.0: {}
+  /untildify@4.0.0:
+    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
+    engines: {node: '>=8'}
+    dev: true
 
-  update-browserslist-db@1.0.13(browserslist@4.22.1):
+  /update-browserslist-db@1.0.13(browserslist@4.22.1):
+    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
     dependencies:
       browserslist: 4.22.1
       escalade: 3.1.1
       picocolors: 1.0.0
 
-  update-browserslist-db@1.0.13(browserslist@4.23.0):
+  /update-browserslist-db@1.0.13(browserslist@4.23.0):
+    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
     dependencies:
       browserslist: 4.23.0
       escalade: 3.1.1
       picocolors: 1.0.0
 
-  uri-js@4.4.1:
+  /uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
     dependencies:
       punycode: 2.3.0
+    dev: true
 
-  url-parse@1.5.10:
+  /url-parse@1.5.10:
+    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==}
     dependencies:
       querystringify: 2.2.0
       requires-port: 1.0.0
+    dev: true
 
-  use-sync-external-store@1.2.0(react@18.2.0):
+  /use-sync-external-store@1.2.0(react@18.2.0):
+    resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
       react: 18.2.0
+    dev: false
 
-  util-deprecate@1.0.2: {}
+  /util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
-  uuid@8.3.2: {}
+  /uuid@8.3.2:
+    resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
+    hasBin: true
+    dev: true
 
-  uvu@0.5.6:
+  /uvu@0.5.6:
+    resolution: {integrity: sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==}
+    engines: {node: '>=8'}
+    hasBin: true
     dependencies:
       dequal: 2.0.3
       diff: 5.1.0
       kleur: 4.1.5
       sade: 1.8.1
+    dev: false
 
-  validate-npm-package-license@3.0.4:
+  /validate-npm-package-license@3.0.4:
+    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
     dependencies:
       spdx-correct: 3.2.0
       spdx-expression-parse: 3.0.1
+    dev: true
 
-  verror@1.10.0:
+  /verror@1.10.0:
+    resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==}
+    engines: {'0': node >=0.6.0}
     dependencies:
       assert-plus: 1.0.0
       core-util-is: 1.0.2
       extsprintf: 1.3.0
+    dev: true
 
-  vfile-location@4.1.0:
+  /vfile-location@4.1.0:
+    resolution: {integrity: sha512-YF23YMyASIIJXpktBa4vIGLJ5Gs88UB/XePgqPmTa7cDA+JeO3yclbpheQYCHjVHBn/yePzrXuygIL+xbvRYHw==}
     dependencies:
       '@types/unist': 2.0.9
       vfile: 5.3.7
+    dev: false
 
-  vfile-message@3.1.4:
+  /vfile-message@3.1.4:
+    resolution: {integrity: sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==}
     dependencies:
       '@types/unist': 2.0.9
       unist-util-stringify-position: 3.0.3
+    dev: false
 
-  vfile@5.3.7:
+  /vfile@5.3.7:
+    resolution: {integrity: sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==}
     dependencies:
       '@types/unist': 2.0.9
       is-buffer: 2.0.5
       unist-util-stringify-position: 3.0.3
       vfile-message: 3.1.4
+    dev: false
 
-  vite@4.5.0(@types/node@18.7.16):
+  /vite@4.5.0(@types/node@18.7.16):
+    resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
     dependencies:
       '@types/node': 18.7.16
       esbuild: 0.18.20
@@ -12550,7 +10951,33 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  vite@5.1.5(@types/node@18.7.16):
+  /vite@5.1.5(@types/node@18.7.16):
+    resolution: {integrity: sha512-BdN1xh0Of/oQafhU+FvopafUp6WaYenLU/NFoL5WyJL++GxkNfieKzBhM24H3HVsPQrlAqB7iJYTHabzaRed5Q==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
     dependencies:
       '@types/node': 18.7.16
       esbuild: 0.19.12
@@ -12558,28 +10985,76 @@ snapshots:
       rollup: 4.12.1
     optionalDependencies:
       fsevents: 2.3.3
+    dev: false
 
-  vite@5.1.6:
+  /vite@5.1.6:
+    resolution: {integrity: sha512-yYIAZs9nVfRJ/AiOLCA91zzhjsHUgMjB+EigzFb6W2XTLO8JixBCKCjvhKZaye+NKYHCrkv3Oh50dH9EdLU2RA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
     dependencies:
       esbuild: 0.19.12
       postcss: 8.4.35
       rollup: 4.12.1
     optionalDependencies:
       fsevents: 2.3.3
+    dev: true
 
-  vitefu@0.2.5(vite@4.5.0):
+  /vitefu@0.2.5(vite@4.5.0):
+    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
     dependencies:
       vite: 4.5.0(@types/node@18.7.16)
 
-  vitefu@0.2.5(vite@5.1.6):
+  /vitefu@0.2.5(vite@5.1.6):
+    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
     dependencies:
       vite: 5.1.6
+    dev: true
 
-  vscode-oniguruma@1.7.0: {}
+  /vscode-oniguruma@1.7.0:
+    resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==}
+    dev: false
 
-  vscode-textmate@8.0.0: {}
+  /vscode-textmate@8.0.0:
+    resolution: {integrity: sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==}
+    dev: false
 
-  wait-on@7.1.0(debug@4.3.4):
+  /wait-on@7.1.0(debug@4.3.4):
+    resolution: {integrity: sha512-U7TF/OYYzAg+OoiT/B8opvN48UHt0QYMi4aD3PjRFpybQ+o6czQF8Ig3SKCCMJdxpBrCalIJ4O00FBof27Fu9Q==}
+    engines: {node: '>=12.0.0'}
+    hasBin: true
     dependencies:
       axios: 0.27.2(debug@4.3.4)
       joi: 17.11.0
@@ -12588,29 +11063,42 @@ snapshots:
       rxjs: 7.8.1
     transitivePeerDependencies:
       - debug
+    dev: true
 
-  wcwidth@1.0.1:
+  /wcwidth@1.0.1:
+    resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
     dependencies:
       defaults: 1.0.4
+    dev: true
 
-  web-namespaces@2.0.1: {}
+  /web-namespaces@2.0.1:
+    resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
+    dev: false
 
-  webidl-conversions@3.0.1: {}
+  /webidl-conversions@3.0.1:
+    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
+    dev: true
 
-  whatwg-url@5.0.0:
+  /whatwg-url@5.0.0:
+    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
     dependencies:
       tr46: 0.0.3
       webidl-conversions: 3.0.1
+    dev: true
 
-  which-boxed-primitive@1.0.2:
+  /which-boxed-primitive@1.0.2:
+    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
     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
+    dev: true
 
-  which-builtin-type@1.1.3:
+  /which-builtin-type@1.1.3:
+    resolution: {integrity: sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==}
+    engines: {node: '>= 0.4'}
     dependencies:
       function.prototype.name: 1.1.6
       has-tostringtag: 1.0.0
@@ -12624,90 +11112,147 @@ snapshots:
       which-boxed-primitive: 1.0.2
       which-collection: 1.0.1
       which-typed-array: 1.1.13
+    dev: true
 
-  which-collection@1.0.1:
+  /which-collection@1.0.1:
+    resolution: {integrity: sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==}
     dependencies:
       is-map: 2.0.2
       is-set: 2.0.2
       is-weakmap: 2.0.1
       is-weakset: 2.0.2
+    dev: true
 
-  which-module@2.0.1: {}
+  /which-module@2.0.1:
+    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
+    dev: true
 
-  which-pm-runs@1.1.0: {}
+  /which-pm-runs@1.1.0:
+    resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==}
+    engines: {node: '>=4'}
+    dev: false
 
-  which-pm@2.0.0:
+  /which-pm@2.0.0:
+    resolution: {integrity: sha512-Lhs9Pmyph0p5n5Z3mVnN0yWcbQYUAD7rbQUiMsQxOJ3T57k7RFe35SUwWMf7dsbDZks1uOmw4AecB/JMDj3v/w==}
+    engines: {node: '>=8.15'}
     dependencies:
       load-yaml-file: 0.2.0
       path-exists: 4.0.0
 
-  which-pm@2.1.1:
+  /which-pm@2.1.1:
+    resolution: {integrity: sha512-xzzxNw2wMaoCWXiGE8IJ9wuPMU+EYhFksjHxrRT8kMT5SnocBPRg69YAMtyV4D12fP582RA+k3P8H9J5EMdIxQ==}
+    engines: {node: '>=8.15'}
     dependencies:
       load-yaml-file: 0.2.0
       path-exists: 4.0.0
+    dev: false
 
-  which-typed-array@1.1.13:
+  /which-typed-array@1.1.13:
+    resolution: {integrity: sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==}
+    engines: {node: '>= 0.4'}
     dependencies:
       available-typed-arrays: 1.0.5
       call-bind: 1.0.5
       for-each: 0.3.3
       gopd: 1.0.1
       has-tostringtag: 1.0.0
+    dev: true
 
-  which@1.3.1:
+  /which@1.3.1:
+    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
+    hasBin: true
     dependencies:
       isexe: 2.0.0
+    dev: true
 
-  which@2.0.2:
+  /which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
     dependencies:
       isexe: 2.0.0
 
-  widest-line@4.0.1:
+  /widest-line@4.0.1:
+    resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==}
+    engines: {node: '>=12'}
     dependencies:
       string-width: 5.1.2
+    dev: false
 
-  wrap-ansi@6.2.0:
+  /wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
     dependencies:
       ansi-styles: 4.3.0
       string-width: 4.2.3
       strip-ansi: 6.0.1
+    dev: true
 
-  wrap-ansi@7.0.0:
+  /wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
     dependencies:
       ansi-styles: 4.3.0
       string-width: 4.2.3
       strip-ansi: 6.0.1
+    dev: true
 
-  wrap-ansi@8.1.0:
+  /wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+    engines: {node: '>=12'}
     dependencies:
       ansi-styles: 6.2.1
       string-width: 5.1.2
       strip-ansi: 7.1.0
+    dev: false
 
-  wrappy@1.0.2: {}
+  /wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
-  y18n@4.0.3: {}
+  /y18n@4.0.3:
+    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
+    dev: true
 
-  y18n@5.0.8: {}
+  /y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+    dev: true
 
-  yallist@2.1.2: {}
+  /yallist@2.1.2:
+    resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==}
+    dev: true
 
-  yallist@3.1.1: {}
+  /yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
-  yallist@4.0.0: {}
+  /yallist@4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
 
-  yaml@1.10.2: {}
+  /yaml@1.10.2:
+    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
+    engines: {node: '>= 6'}
+    dev: true
 
-  yaml@2.3.4: {}
+  /yaml@2.3.4:
+    resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==}
+    engines: {node: '>= 14'}
+    dev: true
 
-  yargs-parser@18.1.3:
+  /yargs-parser@18.1.3:
+    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
+    engines: {node: '>=6'}
     dependencies:
       camelcase: 5.3.1
       decamelize: 1.2.0
+    dev: true
 
-  yargs-parser@21.1.1: {}
+  /yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
 
-  yargs@15.4.1:
+  /yargs@15.4.1:
+    resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
+    engines: {node: '>=8'}
     dependencies:
       cliui: 6.0.0
       decamelize: 1.2.0
@@ -12720,8 +11265,11 @@ snapshots:
       which-module: 2.0.1
       y18n: 4.0.3
       yargs-parser: 18.1.3
+    dev: true
 
-  yargs@17.7.2:
+  /yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
     dependencies:
       cliui: 8.0.1
       escalade: 3.1.1
@@ -12730,28 +11278,68 @@ snapshots:
       string-width: 4.2.3
       y18n: 5.0.8
       yargs-parser: 21.1.1
+    dev: true
 
-  yauzl@2.10.0:
+  /yauzl@2.10.0:
+    resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==}
     dependencies:
       buffer-crc32: 0.2.13
       fd-slicer: 1.1.0
+    dev: true
 
-  yocto-queue@0.1.0: {}
+  /yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
 
-  yocto-queue@1.0.0: {}
+  /yocto-queue@1.0.0:
+    resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
+    engines: {node: '>=12.20'}
+    dev: false
 
-  zod@3.21.1: {}
+  /zod@3.21.1:
+    resolution: {integrity: sha512-+dTu2m6gmCbO9Ahm4ZBDapx2O6ZY9QSPXst2WXjcznPMwf2YNpn3RevLx4KkZp1OPW/ouFcoBtBzFz/LeY69oA==}
+    dev: false
 
-  zustand@4.4.1(@types/react@18.2.24)(react@18.2.0):
+  /zustand@4.4.1(@types/react@18.2.24)(react@18.2.0):
+    resolution: {integrity: sha512-QCPfstAS4EBiTQzlaGP1gmorkh/UL1Leaj2tdj+zZCZ/9bm0WS7sI2wnfD5lpOszFqWJ1DcPnGoY8RDL61uokw==}
+    engines: {node: '>=12.7.0'}
+    peerDependencies:
+      '@types/react': '>=16.8'
+      immer: '>=9.0'
+      react: '>=16.8'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
     dependencies:
       '@types/react': 18.2.24
       react: 18.2.0
       use-sync-external-store: 1.2.0(react@18.2.0)
+    dev: false
 
-  zustand@4.4.6(@types/react@18.2.36)(react@18.2.0):
+  /zustand@4.4.6(@types/react@18.2.36)(react@18.2.0):
+    resolution: {integrity: sha512-Rb16eW55gqL4W2XZpJh0fnrATxYEG3Apl2gfHTyDSE965x/zxslTikpNch0JgNjJA9zK6gEFW8Fl6d1rTZaqgg==}
+    engines: {node: '>=12.7.0'}
+    peerDependencies:
+      '@types/react': '>=16.8'
+      immer: '>=9.0'
+      react: '>=16.8'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
     dependencies:
       '@types/react': 18.2.36
       react: 18.2.0
       use-sync-external-store: 1.2.0(react@18.2.0)
+    dev: false
 
-  zwitch@2.0.4: {}
+  /zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+    dev: false

From 403aa8f5da3f5b2f9faea1a647830158e0938601 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 3 Jun 2024 10:48:05 +0200
Subject: [PATCH 0798/1093] exposed selectable, deletable, draggable to custom
 nodes & edges

---
 packages/react/src/components/EdgeWrapper/index.tsx         | 2 ++
 packages/react/src/components/NodeWrapper/index.tsx         | 3 +++
 packages/react/src/types/edges.ts                           | 2 +-
 .../src/lib/components/EdgeWrapper/EdgeWrapper.svelte       | 5 ++++-
 .../src/lib/components/NodeWrapper/NodeWrapper.svelte       | 4 ++++
 packages/svelte/src/lib/components/NodeWrapper/types.ts     | 1 +
 .../src/lib/container/EdgeRenderer/EdgeRenderer.svelte      | 6 ++++--
 .../src/lib/container/NodeRenderer/NodeRenderer.svelte      | 1 +
 packages/svelte/src/lib/types/edges.ts                      | 1 +
 packages/system/src/types/nodes.ts                          | 2 +-
 10 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index c114c1b4e..49a9c61b3 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -215,6 +215,8 @@ export function EdgeWrapper<EdgeType extends Edge = Edge>({
             type={edge.type}
             selected={edge.selected}
             animated={edge.animated}
+            selectable={isSelectable}
+            deletable={edge.deletable ?? true}
             label={edge.label}
             labelStyle={edge.labelStyle}
             labelShowBg={edge.labelShowBg}
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index b509824cb..3768a6d22 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -209,6 +209,9 @@ export function NodeWrapper<NodeType extends Node>({
           positionAbsoluteX={clampedPosition.x}
           positionAbsoluteY={clampedPosition.y}
           selected={node.selected}
+          selectable={isSelectable}
+          draggable={isDraggable}
+          deletable={node.deletable ?? true}
           isConnectable={isConnectable}
           sourcePosition={node.sourcePosition}
           targetPosition={node.targetPosition}
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index 21e4aa4e0..76690161c 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -100,7 +100,7 @@ export type EdgeTextProps = HTMLAttributes<SVGElement> &
  */
 export type EdgeProps<EdgeType extends Edge = Edge> = Pick<
   EdgeType,
-  'id' | 'animated' | 'data' | 'style' | 'selected' | 'source' | 'target'
+  'id' | 'animated' | 'data' | 'style' | 'selected' | 'source' | 'target' | 'selectable' | 'deletable'
 > &
   EdgePosition &
   EdgeLabelOptions & {
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index 54fdf91f9..e2fb0313c 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -23,6 +23,7 @@
   export let animated: $$Props['animated'] = false;
   export let selected: $$Props['selected'] = false;
   export let selectable: $$Props['selectable'] = undefined;
+  export let deletable: $$Props['deletable'] = undefined;
   export let hidden: $$Props['hidden'] = false;
   export let label: $$Props['label'] = undefined;
   export let labelStyle: $$Props['labelStyle'] = undefined;
@@ -55,7 +56,7 @@
   $: edgeComponent = $edgeTypes[edgeType] || BezierEdgeInternal;
   $: markerStartUrl = markerStart ? `url('#${getMarkerId(markerStart, $flowId)}')` : undefined;
   $: markerEndUrl = markerEnd ? `url('#${getMarkerId(markerEnd, $flowId)}')` : undefined;
-  $: isSelectable = selectable || ($elementsSelectable && typeof selectable === 'undefined');
+  $: isSelectable = selectable ?? $elementsSelectable;
 
   const handleEdgeSelect = useHandleEdgeSelect();
 
@@ -114,6 +115,8 @@
         {data}
         {style}
         {interactionWidth}
+        selectable={isSelectable}
+        deletable={deletable ?? true}
         type={edgeType}
         sourceHandleId={sourceHandle}
         targetHandleId={targetHandle}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 7ba527925..a70fa7f44 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -22,6 +22,7 @@
   export let draggable: $$Props['draggable'] = undefined;
   export let selectable: $$Props['selectable'] = undefined;
   export let connectable: $$Props['connectable'] = true;
+  export let deletable: $$Props['deletable'] = true;
   export let hidden: $$Props['hidden'] = false;
   export let dragging: boolean = false;
   export let resizeObserver: $$Props['resizeObserver'] = null;
@@ -192,10 +193,13 @@
       {data}
       {id}
       {selected}
+      {selectable}
+      {deletable}
       {sourcePosition}
       {targetPosition}
       {zIndex}
       {dragging}
+      {draggable}
       {dragHandle}
       type={nodeType}
       isConnectable={$connectableStore}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index 842eb70bf..56924ead7 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -10,6 +10,7 @@ export type NodeWrapperProps = Pick<
   | 'dragging'
   | 'selected'
   | 'selectable'
+  | 'deletable'
   | 'style'
   | 'type'
   | 'sourcePosition'
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 0fa2c273a..5402fb4ee 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -11,7 +11,8 @@
   const {
     visibleEdges,
     edgesInitialized,
-    edges: { setDefaultOptions }
+    edges: { setDefaultOptions },
+    elementsSelectable,
   } = useStore();
 
   onMount(() => {
@@ -33,7 +34,8 @@
       style={edge.style}
       animated={edge.animated}
       selected={edge.selected}
-      selectable={edge.selectable}
+      selectable={edge.selectable ?? $elementsSelectable}
+      deletable={edge.deletable}
       hidden={edge.hidden}
       label={edge.label}
       labelStyle={edge.labelStyle}
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 9aeb308d8..ecc1aedef 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -62,6 +62,7 @@
         node.connectable ||
         ($nodesConnectable && typeof node.connectable === 'undefined')
       )}
+      deletable={node.deletable ?? true}
       positionX={node.internals.positionAbsolute.x}
       positionY={node.internals.positionAbsolute.y}
       positionOriginX={posOrigin.x ?? 0}
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index a0d634336..b97002926 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -133,6 +133,7 @@ export type EdgeLayouted = Pick<
   | 'animated'
   | 'selected'
   | 'selectable'
+  | 'deletable'
   | 'label'
   | 'labelStyle'
   | 'interactionWidth'
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 6ba7fbd4f..b728ad0b4 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -87,7 +87,7 @@ export type InternalNodeBase<NodeType extends NodeBase = NodeBase> = NodeType &
  */
 export type NodeProps<NodeType extends NodeBase> = Pick<
   NodeType,
-  'id' | 'data' | 'width' | 'height' | 'sourcePosition' | 'targetPosition' | 'selected' | 'dragHandle'
+  'id' | 'data' | 'width' | 'height' | 'sourcePosition' | 'targetPosition' | 'selected' | 'dragHandle' | 'selectable' | 'deletable' | 'draggable'
 > &
   Required<Pick<NodeType, 'type' | 'dragging' | 'zIndex'>> & {
     /** whether a node is connectable or not */

From 02d724f16dadb29ef732b68dcdfd989ad219d2af Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 3 Jun 2024 16:11:21 +0200
Subject: [PATCH 0799/1093] chore(examples): cleanup

---
 .../examples/ControlledUncontrolled/index.tsx | 20 ++++++++++---------
 examples/react/src/examples/Hidden/index.tsx  |  2 ++
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/examples/react/src/examples/ControlledUncontrolled/index.tsx b/examples/react/src/examples/ControlledUncontrolled/index.tsx
index 170df3a48..590dfd182 100644
--- a/examples/react/src/examples/ControlledUncontrolled/index.tsx
+++ b/examples/react/src/examples/ControlledUncontrolled/index.tsx
@@ -60,12 +60,13 @@ const ControlledUncontrolled = () => {
   const updateNodePositions = () => {
     instance.setNodes((nodes) =>
       nodes.map((node) => {
-        node.position = {
-          x: Math.random() * 400,
-          y: Math.random() * 400,
+        return {
+          ...node,
+          position: {
+            x: Math.random() * 400,
+            y: Math.random() * 400,
+          },
         };
-
-        return node;
       })
     );
   };
@@ -73,11 +74,12 @@ const ControlledUncontrolled = () => {
   const updateEdgeColors = () => {
     instance.setEdges((edges) =>
       edges.map((edge) => {
-        edge.style = {
-          stroke: '#ff5050',
+        return {
+          ...edge,
+          style: {
+            stroke: '#ff5050',
+          },
         };
-
-        return edge;
       })
     );
   };
diff --git a/examples/react/src/examples/Hidden/index.tsx b/examples/react/src/examples/Hidden/index.tsx
index 97bb6fcbc..c9d497166 100644
--- a/examples/react/src/examples/Hidden/index.tsx
+++ b/examples/react/src/examples/Hidden/index.tsx
@@ -73,6 +73,8 @@ const HiddenFlow = () => {
     setEdges(setHidden(isHidden));
   }, [isHidden, setEdges, setNodes]);
 
+  console.log(nodes);
+
   return (
     <ReactFlow
       nodes={nodes}

From e82c72a91203854844f5d5112247fc1527584a68 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 3 Jun 2024 16:12:36 +0200
Subject: [PATCH 0800/1093] fix(react): re-observe nodes when hidden is toggled

---
 .../react/src/components/NodeWrapper/useNodeObserver.ts     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/components/NodeWrapper/useNodeObserver.ts b/packages/react/src/components/NodeWrapper/useNodeObserver.ts
index 1476e9200..2c2910fd0 100644
--- a/packages/react/src/components/NodeWrapper/useNodeObserver.ts
+++ b/packages/react/src/components/NodeWrapper/useNodeObserver.ts
@@ -26,17 +26,17 @@ export function useNodeObserver({
   const prevSourcePosition = useRef(node.sourcePosition);
   const prevTargetPosition = useRef(node.targetPosition);
   const prevType = useRef(nodeType);
-  const isInitialized = hasDimensions && !!node.internals.handleBounds && !node.hidden;
+  const isInitialized = hasDimensions && !!node.internals.handleBounds;
 
   useEffect(() => {
-    if (nodeRef.current && (!isInitialized || observedNode.current !== nodeRef.current)) {
+    if (nodeRef.current && !node.hidden && (!isInitialized || observedNode.current !== nodeRef.current)) {
       if (observedNode.current) {
         resizeObserver?.unobserve(observedNode.current);
       }
       resizeObserver?.observe(nodeRef.current);
       observedNode.current = nodeRef.current;
     }
-  }, [isInitialized]);
+  }, [isInitialized, node.hidden]);
 
   useEffect(() => {
     return () => {

From c94d684b31567b3186a1ea113a6787846a750b27 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 3 Jun 2024 16:13:08 +0200
Subject: [PATCH 0801/1093] fix(nodes): update internals after node resizer
 updates

---
 packages/react/src/container/NodeRenderer/useResizeObserver.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/react/src/container/NodeRenderer/useResizeObserver.ts b/packages/react/src/container/NodeRenderer/useResizeObserver.ts
index b722d4408..6ed33a2e0 100644
--- a/packages/react/src/container/NodeRenderer/useResizeObserver.ts
+++ b/packages/react/src/container/NodeRenderer/useResizeObserver.ts
@@ -20,6 +20,7 @@ export function useResizeObserver() {
         updates.set(id, {
           id,
           nodeElement: entry.target as HTMLDivElement,
+          force: true,
         });
       });
 

From e52eb67e6c6e52766177a3120355951c20139b8e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 3 Jun 2024 16:14:39 +0200
Subject: [PATCH 0802/1093] chore(react): update changelog

---
 packages/react/CHANGELOG.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index fbfcb489e..bdaa4791c 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,10 @@
 # @xyflow/react
 
+## 12.0.0-next.19
+
+- update internals on node resizer updates
+- re-observe node when `node.hidden` is toggled
+
 ## 12.0.0-next.18
 
 - don't show nodeTypes warning if not necessary you've created a new nodeTypes or edgeTypes

From 3cc14e8ee5abb0af887fc52a7aa789596aafa92b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 3 Jun 2024 17:23:46 +0200
Subject: [PATCH 0803/1093] refactor(nodes): add parentId to NodeProps closes
 #4061

---
 packages/react/CHANGELOG.md                         |  3 +++
 packages/react/src/components/NodeWrapper/index.tsx |  1 +
 packages/svelte/CHANGELOG.md                        |  5 +++++
 .../lib/components/NodeWrapper/NodeWrapper.svelte   |  3 +++
 .../svelte/src/lib/components/NodeWrapper/types.ts  |  1 +
 .../lib/container/NodeRenderer/NodeRenderer.svelte  |  1 +
 packages/system/src/types/nodes.ts                  | 13 ++++++++++++-
 7 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index bdaa4791c..574cdf5d4 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -4,6 +4,9 @@
 
 - update internals on node resizer updates
 - re-observe node when `node.hidden` is toggled
+- update `updateNodeData` argument type - thanks @ogroppo
+- add `selectable`, `deletable` and `draggable` to node and edge props
+- add `parentId` to node props
 
 ## 12.0.0-next.18
 
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 3768a6d22..279cda823 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -218,6 +218,7 @@ export function NodeWrapper<NodeType extends Node>({
           dragging={dragging}
           dragHandle={node.dragHandle}
           zIndex={internals.z}
+          parentId={node.parentId}
           {...nodeDimensions}
         />
       </Provider>
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 5078722c9..fbcf479aa 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,10 @@
 # @xyflow/svelte
 
+## 0.1.4
+
+- add `selectable`, `deletable` and `draggable` to node and edge props
+- add `parentId` to node props
+
 ## 0.1.3
 
 - fix `NodeToolbar` for subflows
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index a70fa7f44..6fe6b648f 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -44,6 +44,8 @@
   export let height: $$Props['height'] = undefined;
   export let dragHandle: $$Props['dragHandle'] = undefined;
   export let initialized: $$Props['initialized'] = false;
+  export let parentId: $$Props['parentId'] = undefined;
+
   let className: string = '';
   export { className as class };
 
@@ -201,6 +203,7 @@
       {dragging}
       {draggable}
       {dragHandle}
+      {parentId}
       type={nodeType}
       isConnectable={$connectableStore}
       positionAbsoluteX={positionX}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index 56924ead7..c0f5ca799 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -21,6 +21,7 @@ export type NodeWrapperProps = Pick<
   | 'height'
   | 'initialWidth'
   | 'initialHeight'
+  | 'parentId'
 > & {
   measuredWidth?: number;
   measuredHeight?: number;
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index ecc1aedef..4afc5637b 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -83,6 +83,7 @@
       initialHeight={node.initialHeight}
       measuredWidth={node.measured.width}
       measuredHeight={node.measured.height}
+      parentId={node.parentId}
       {resizeObserver}
       on:nodeclick
       on:nodemouseenter
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index b728ad0b4..5f70660b1 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -87,7 +87,18 @@ export type InternalNodeBase<NodeType extends NodeBase = NodeBase> = NodeType &
  */
 export type NodeProps<NodeType extends NodeBase> = Pick<
   NodeType,
-  'id' | 'data' | 'width' | 'height' | 'sourcePosition' | 'targetPosition' | 'selected' | 'dragHandle' | 'selectable' | 'deletable' | 'draggable'
+  | 'id'
+  | 'data'
+  | 'width'
+  | 'height'
+  | 'sourcePosition'
+  | 'targetPosition'
+  | 'selected'
+  | 'dragHandle'
+  | 'selectable'
+  | 'deletable'
+  | 'draggable'
+  | 'parentId'
 > &
   Required<Pick<NodeType, 'type' | 'dragging' | 'zIndex'>> & {
     /** whether a node is connectable or not */

From 9e1757b88793c1fd07d6223b62bfae397da150de Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 4 Jun 2024 08:46:12 +0200
Subject: [PATCH 0804/1093] removed pointer events from panel when user
 selection is active

---
 packages/svelte/src/lib/container/Panel/Panel.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/container/Panel/Panel.svelte b/packages/svelte/src/lib/container/Panel/Panel.svelte
index e1629cccd..e5f90da77 100644
--- a/packages/svelte/src/lib/container/Panel/Panel.svelte
+++ b/packages/svelte/src/lib/container/Panel/Panel.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import cc from 'classcat';
   import type { PanelProps } from './types';
+  import { useStore } from '$lib/store';
 
   type $$Props = PanelProps;
 
@@ -10,9 +11,16 @@
   let className: $$Props['class'] = undefined;
   export { className as class };
 
+  const { selectionRectMode } = useStore();
+
   $: positionClasses = `${position}`.split('-');
 </script>
 
-<div class={cc(['svelte-flow__panel', className, ...positionClasses])} {style} {...$$restProps}>
+<div
+  class={cc(['svelte-flow__panel', className, ...positionClasses])}
+  {style}
+  style:pointer-events={!!$selectionRectMode ? 'none' : undefined}
+  {...$$restProps}
+>
   <slot />
 </div>

From 7ebabacbe4285f79d4065a706643b01d4d928c88 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 4 Jun 2024 09:01:34 +0200
Subject: [PATCH 0805/1093] changed from store.edges.update to store.edges.set

---
 packages/svelte/src/lib/store/index.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index e02573ad7..a15559c4b 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -202,6 +202,7 @@ export function createStore({
     elements.forEach((element) => {
       if (element.selected) {
         element.selected = false;
+        console.log('reset');
         elementsChanged = true;
       }
     });
@@ -210,10 +211,10 @@ export function createStore({
 
   function unselectNodesAndEdges(params?: { nodes?: Node[]; edges?: Edge[] }) {
     const resetNodes = resetSelectedElements(params?.nodes || get(store.nodes));
-    if (resetNodes) store.nodes.update((nds) => nds);
+    if (resetNodes) store.nodes.set(get(store.nodes));
 
     const resetEdges = resetSelectedElements(params?.edges || get(store.edges));
-    if (resetEdges) store.edges.update((nds) => nds);
+    if (resetEdges) store.edges.set(get(store.edges));
   }
 
   store.deleteKeyPressed.subscribe(async (deleteKeyPressed) => {

From 717935d051103964b38f92718368531542ece358 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 4 Jun 2024 09:17:25 +0200
Subject: [PATCH 0806/1093] simpler

---
 packages/svelte/src/lib/container/Panel/Panel.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/container/Panel/Panel.svelte b/packages/svelte/src/lib/container/Panel/Panel.svelte
index e5f90da77..cd3adba7a 100644
--- a/packages/svelte/src/lib/container/Panel/Panel.svelte
+++ b/packages/svelte/src/lib/container/Panel/Panel.svelte
@@ -19,7 +19,7 @@
 <div
   class={cc(['svelte-flow__panel', className, ...positionClasses])}
   {style}
-  style:pointer-events={!!$selectionRectMode ? 'none' : undefined}
+  style:pointer-events={$selectionRectMode ? 'none' : undefined}
   {...$$restProps}
 >
   <slot />

From 4d3ede32eba045c5f14a63eeea81ea5befe3c7c8 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 4 Jun 2024 09:29:51 +0200
Subject: [PATCH 0807/1093] added edgemouseenter and edgemouseleave events

---
 .../src/routes/examples/overview/+page.svelte   |  2 ++
 .../components/EdgeWrapper/EdgeWrapper.svelte   | 17 ++++++++++++++---
 .../container/EdgeRenderer/EdgeRenderer.svelte  |  4 +++-
 .../lib/container/SvelteFlow/SvelteFlow.svelte  |  8 +++++++-
 4 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/examples/svelte/src/routes/examples/overview/+page.svelte b/examples/svelte/src/routes/examples/overview/+page.svelte
index 92a353bb9..2dd577347 100644
--- a/examples/svelte/src/routes/examples/overview/+page.svelte
+++ b/examples/svelte/src/routes/examples/overview/+page.svelte
@@ -159,6 +159,8 @@
 	on:nodemouseenter={(event) => console.log('on node enter', event)}
 	on:nodemouseleave={(event) => console.log('on node leave', event)}
 	on:edgeclick={(event) => console.log('edge click', event)}
+	on:edgemouseenter={(event) => console.log('edge enter', event)}
+	on:edgemouseleave={(event) => console.log('edge leave', event)}
 	onconnectstart={(event) => console.log('on connect start', event)}
 	onconnect={(event) => console.log('on connect', event)}
 	onconnectend={(event) => console.log('on connect end', event)}
diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index e2fb0313c..02401f618 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -50,6 +50,8 @@
   const dispatch = createEventDispatcher<{
     edgeclick: { edge: Edge; event: MouseEvent | TouchEvent };
     edgecontextmenu: { edge: Edge; event: MouseEvent };
+    edgemouseenter: { edge: Edge; event: MouseEvent };
+    edgemouseleave: { edge: Edge; event: MouseEvent };
   }>();
 
   $: edgeType = type || 'default';
@@ -69,11 +71,12 @@
     }
   }
 
-  function onContextMenu(event: MouseEvent) {
+  type EdgeMouseEvent = 'edgecontextmenu' | 'edgemouseenter' | 'edgemouseleave';
+  function onMouseEvent(event: MouseEvent, type: EdgeMouseEvent) {
     const edge = $edgeLookup.get(id);
 
     if (edge) {
-      dispatch('edgecontextmenu', { event, edge });
+      dispatch(type, { event, edge });
     }
   }
 </script>
@@ -89,7 +92,15 @@
       class:selectable={isSelectable}
       data-id={id}
       on:click={onClick}
-      on:contextmenu={onContextMenu}
+      on:contextmenu={(e) => {
+        onMouseEvent(e, 'edgecontextmenu');
+      }}
+      on:mouseenter={(e) => {
+        onMouseEvent(e, 'edgemouseenter');
+      }}
+      on:mouseleave={(e) => {
+        onMouseEvent(e, 'edgemouseleave');
+      }}
       aria-label={ariaLabel === null
         ? undefined
         : ariaLabel
diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
index 5402fb4ee..4af48ae20 100644
--- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
+++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte
@@ -12,7 +12,7 @@
     visibleEdges,
     edgesInitialized,
     edges: { setDefaultOptions },
-    elementsSelectable,
+    elementsSelectable
   } = useStore();
 
   onMount(() => {
@@ -56,6 +56,8 @@
       zIndex={edge.zIndex}
       on:edgeclick
       on:edgecontextmenu
+      on:edgemouseenter
+      on:edgemouseleave
     />
   {/each}
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 33deacdf0..b8986aaa0 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -222,7 +222,13 @@
       {selectionOnDrag}
     >
       <ViewportComponent>
-        <EdgeRenderer on:edgeclick on:edgecontextmenu {defaultEdgeOptions} />
+        <EdgeRenderer
+          on:edgeclick
+          on:edgecontextmenu
+          on:edgemouseenter
+          on:edgemouseleave
+          {defaultEdgeOptions}
+        />
         <ConnectionLine
           containerStyle={connectionLineContainerStyle}
           style={connectionLineStyle}

From 18a41ecb904bd48e3370772669f4a2898fdfb196 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 4 Jun 2024 11:53:05 +0200
Subject: [PATCH 0808/1093] removed console log

---
 packages/svelte/src/lib/store/index.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index a15559c4b..d7d291943 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -202,7 +202,6 @@ export function createStore({
     elements.forEach((element) => {
       if (element.selected) {
         element.selected = false;
-        console.log('reset');
         elementsChanged = true;
       }
     });

From 0434d6c1d8da2bc62741dd909ae29e762530057c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 4 Jun 2024 13:55:06 +0200
Subject: [PATCH 0809/1093] chore(svelte): changelog

---
 packages/svelte/CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index fbcf479aa..292dc4d43 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 - add `selectable`, `deletable` and `draggable` to node and edge props
 - add `parentId` to node props
+- add `on:edgemouseenter` and `on:edgemouseleave` event handler
 
 ## 0.1.3
 

From 2f45754457dd64d3703cac5a235027793966860f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 4 Jun 2024 14:27:17 +0200
Subject: [PATCH 0810/1093] chore(svelte): changelog

---
 packages/svelte/CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 292dc4d43..ba5a2ba8e 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -5,6 +5,7 @@
 - add `selectable`, `deletable` and `draggable` to node and edge props
 - add `parentId` to node props
 - add `on:edgemouseenter` and `on:edgemouseleave` event handler
+- fix deselection of edges
 
 ## 0.1.3
 

From 88af9ab210a1ee4ee8fcc619c231bb58b84d9f3f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 4 Jun 2024 14:28:25 +0200
Subject: [PATCH 0811/1093] chore(svelte): changelog

---
 packages/svelte/CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index ba5a2ba8e..267c7112b 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -6,6 +6,7 @@
 - add `parentId` to node props
 - add `on:edgemouseenter` and `on:edgemouseleave` event handler
 - fix deselection of edges
+- remove pointer events from panel when user selection is active
 
 ## 0.1.3
 

From 68f7d6c9a3d1b6c7b825bb2a84cd9829c4c86cea Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 4 Jun 2024 14:40:38 +0200
Subject: [PATCH 0812/1093] chore(svelte): cleanup internal nodes and edges

---
 .../edges/BezierEdgeInternal.svelte           | 22 ++-----------
 .../edges/SmoothStepEdgeInternal.svelte       | 22 ++-----------
 .../components/edges/StepEdgeInternal.svelte  | 22 ++-----------
 .../edges/StraightEdgeInternal.svelte         | 26 ++-------------
 .../lib/components/nodes/DefaultNode.svelte   | 27 ++-------------
 .../src/lib/components/nodes/GroupNode.svelte | 33 ++-----------------
 .../src/lib/components/nodes/InputNode.svelte | 29 ++--------------
 .../lib/components/nodes/OutputNode.svelte    | 29 ++--------------
 8 files changed, 16 insertions(+), 194 deletions(-)

diff --git a/packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte
index 3f6c13e78..967698d5e 100644
--- a/packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte
+++ b/packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte
@@ -6,16 +6,8 @@
 
   type $$Props = EdgeProps;
 
-  // these props are not used in this edge, but passed to every custom edge component
-  export let id: $$Props['id'] = '';
-  export let source: $$Props['source'] = '';
-  export let target: $$Props['target'] = '';
-  export let type: $$Props['type'] = 'default';
-  export let animated: $$Props['animated'] = undefined;
-  export let selected: $$Props['selected'] = undefined;
   export let label: $$Props['label'] = undefined;
   export let labelStyle: $$Props['labelStyle'] = undefined;
-  export let data: $$Props['data'] = undefined;
   export let style: $$Props['style'] = undefined;
   export let markerStart: $$Props['markerStart'] = undefined;
   export let markerEnd: $$Props['markerEnd'] = undefined;
@@ -24,12 +16,10 @@
   export let sourceX: $$Props['sourceX'];
   export let sourceY: $$Props['sourceY'];
   export let sourcePosition: $$Props['sourcePosition'];
-  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
 
   export let targetX: $$Props['targetX'];
   export let targetY: $$Props['targetY'];
   export let targetPosition: $$Props['targetPosition'];
-  export let targetHandleId: $$Props['targetHandleId'] = undefined;
 
   $: [path, labelX, labelY] = getBezierPath({
     sourceX,
@@ -40,16 +30,8 @@
     targetPosition
   });
 
-  // hopefully with Svelte5, we don't need this kind of workaround anymore
-  id;
-  source;
-  target;
-  type;
-  animated;
-  selected;
-  data;
-  sourceHandleId;
-  targetHandleId;
+  // this is a workaround for suppressing the warning about unused props
+  $$restProps;
 </script>
 
 <BaseEdge
diff --git a/packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte
index 55b34bf30..e8345fcc3 100644
--- a/packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte
+++ b/packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte
@@ -6,17 +6,8 @@
 
   type $$Props = EdgeProps;
 
-  // these props are not used in this edge, but passed to every custom edge component
-  export let id: $$Props['id'] = '';
-  export let source: $$Props['source'] = '';
-  export let target: $$Props['target'] = '';
-  export let type: $$Props['type'] = 'smoothstep';
-
-  export let animated: $$Props['animated'] = undefined;
-  export let selected: $$Props['selected'] = undefined;
   export let label: $$Props['label'] = undefined;
   export let labelStyle: $$Props['labelStyle'] = undefined;
-  export let data: $$Props['data'] = undefined;
   export let style: $$Props['style'] = undefined;
   export let markerStart: $$Props['markerStart'] = undefined;
   export let markerEnd: $$Props['markerEnd'] = undefined;
@@ -25,12 +16,10 @@
   export let sourceX: $$Props['sourceX'];
   export let sourceY: $$Props['sourceY'];
   export let sourcePosition: $$Props['sourcePosition'];
-  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
 
   export let targetX: $$Props['targetX'];
   export let targetY: $$Props['targetY'];
   export let targetPosition: $$Props['targetPosition'];
-  export let targetHandleId: $$Props['targetHandleId'] = undefined;
 
   $: [path, labelX, labelY] = getSmoothStepPath({
     sourceX,
@@ -41,15 +30,8 @@
     targetPosition
   });
 
-  id;
-  source;
-  target;
-  type;
-  animated;
-  selected;
-  data;
-  sourceHandleId;
-  targetHandleId;
+  // this is a workaround for suppressing the warning about unused props
+  $$restProps;
 </script>
 
 <BaseEdge
diff --git a/packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte
index f1e76fc3a..8e78732e0 100644
--- a/packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte
+++ b/packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte
@@ -6,16 +6,7 @@
 
   type $$Props = EdgeProps;
 
-  // these props are not used in this edge, but passed to every custom edge component
-  export let id: $$Props['id'] = '';
-  export let source: $$Props['source'] = '';
-  export let target: $$Props['target'] = '';
-  export let type: $$Props['type'] = 'step';
-
-  export let animated: $$Props['animated'] = undefined;
-  export let selected: $$Props['selected'] = undefined;
   export let label: $$Props['label'] = undefined;
-  export let data: $$Props['data'] = undefined;
   export let labelStyle: $$Props['labelStyle'] = undefined;
   export let style: $$Props['style'] = undefined;
   export let markerStart: $$Props['markerStart'] = undefined;
@@ -25,12 +16,10 @@
   export let sourceX: $$Props['sourceX'];
   export let sourceY: $$Props['sourceY'];
   export let sourcePosition: $$Props['sourcePosition'];
-  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
 
   export let targetX: $$Props['targetX'];
   export let targetY: $$Props['targetY'];
   export let targetPosition: $$Props['targetPosition'];
-  export let targetHandleId: $$Props['targetHandleId'] = undefined;
 
   $: [path, labelX, labelY] = getSmoothStepPath({
     sourceX,
@@ -42,15 +31,8 @@
     borderRadius: 0
   });
 
-  id;
-  source;
-  target;
-  type;
-  animated;
-  selected;
-  data;
-  sourceHandleId;
-  targetHandleId;
+  // this is a workaround for suppressing the warning about unused props
+  $$restProps;
 </script>
 
 <BaseEdge
diff --git a/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte b/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte
index 5d8ee9740..4766b2034 100644
--- a/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte
+++ b/packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte
@@ -6,17 +6,8 @@
 
   type $$Props = EdgeProps;
 
-  // these props are not used in this edge, but passed to every custom edge component
-  export let id: $$Props['id'] = '';
-  export let source: $$Props['source'] = '';
-  export let target: $$Props['target'] = '';
-  export let type: $$Props['type'] = 'straight';
-
-  export let animated: $$Props['animated'] = undefined;
-  export let selected: $$Props['selected'] = undefined;
   export let label: $$Props['label'] = undefined;
   export let labelStyle: $$Props['labelStyle'] = undefined;
-  export let data: $$Props['data'] = undefined;
   export let style: $$Props['style'] = undefined;
   export let markerStart: $$Props['markerStart'] = undefined;
   export let markerEnd: $$Props['markerEnd'] = undefined;
@@ -24,13 +15,9 @@
 
   export let sourceX: $$Props['sourceX'];
   export let sourceY: $$Props['sourceY'];
-  export let sourcePosition: $$Props['sourcePosition'];
-  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
 
   export let targetX: $$Props['targetX'];
   export let targetY: $$Props['targetY'];
-  export let targetPosition: $$Props['targetPosition'];
-  export let targetHandleId: $$Props['targetHandleId'] = undefined;
 
   $: [path, labelX, labelY] = getStraightPath({
     sourceX,
@@ -39,17 +26,8 @@
     targetY
   });
 
-  id;
-  source;
-  target;
-  type;
-  animated;
-  selected;
-  data;
-  sourcePosition;
-  targetPosition;
-  sourceHandleId;
-  targetHandleId;
+  // this is a workaround for suppressing the warning about unused props
+  $$restProps;
 </script>
 
 <BaseEdge
diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index dd4450193..0f259ef21 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -10,31 +10,8 @@
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
 
-  // unused props - we need to list them here in order to prevent warnings
-  export let id: $$Props['id'] = '';
-  export let width: $$Props['width'] = undefined;
-  export let height: $$Props['height'] = undefined;
-  export let selected: $$Props['selected'] = undefined;
-  export let type: $$Props['type'] = undefined;
-  export let dragging: $$Props['dragging'] = false;
-  export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
-  export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
-  export let isConnectable: $$Props['isConnectable'];
-  export let zIndex: $$Props['zIndex'];
-
-  // @todo: there must be a better way to do this
-  id;
-  width;
-  height;
-  selected;
-  type;
-  zIndex;
-  dragging;
-  dragHandle;
-  positionAbsoluteX;
-  positionAbsoluteY;
-  isConnectable;
+  // this is a workaround for suppressing the warning about unused props
+  $$restProps;
 </script>
 
 <Handle type="target" position={targetPosition} />
diff --git a/packages/svelte/src/lib/components/nodes/GroupNode.svelte b/packages/svelte/src/lib/components/nodes/GroupNode.svelte
index d22e04121..b5a202ea3 100644
--- a/packages/svelte/src/lib/components/nodes/GroupNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/GroupNode.svelte
@@ -3,35 +3,6 @@
 
   interface $$Props extends NodeProps {}
 
-  // unused props - we need to list them here in order to prevent warnings
-  export let id: $$Props['id'] = '';
-  export let width: $$Props['width'] = undefined;
-  export let height: $$Props['height'] = undefined;
-  export let data: $$Props['data'] = {};
-  export let selected: $$Props['selected'] = undefined;
-  export let sourcePosition: $$Props['sourcePosition'] = undefined;
-  export let targetPosition: $$Props['targetPosition'] = undefined;
-  export let type: $$Props['type'] = undefined;
-  export let dragging: $$Props['dragging'] = false;
-  export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
-  export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
-  export let isConnectable: $$Props['isConnectable'];
-  export let zIndex: $$Props['zIndex'];
-
-  // @todo: there must be a better way to do this
-  id;
-  width;
-  height;
-  data;
-  selected;
-  sourcePosition;
-  targetPosition;
-  type;
-  zIndex;
-  dragging;
-  dragHandle;
-  positionAbsoluteX;
-  positionAbsoluteY;
-  isConnectable;
+  // this is a workaround for suppressing the warning about unused props
+  $$restProps;
 </script>
diff --git a/packages/svelte/src/lib/components/nodes/InputNode.svelte b/packages/svelte/src/lib/components/nodes/InputNode.svelte
index 3b8296c54..72b3a2dd0 100644
--- a/packages/svelte/src/lib/components/nodes/InputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/InputNode.svelte
@@ -9,33 +9,8 @@
   export let data: $$Props['data'] = { label: 'Node' };
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
 
-  // unused props - we need to list them here in order to prevent warnings
-  export let id: $$Props['id'] = '';
-  export let width: $$Props['width'] = undefined;
-  export let height: $$Props['height'] = undefined;
-  export let selected: $$Props['selected'] = undefined;
-  export let targetPosition: $$Props['targetPosition'] = undefined;
-  export let type: $$Props['type'] = undefined;
-  export let dragging: $$Props['dragging'] = false;
-  export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
-  export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
-  export let isConnectable: $$Props['isConnectable'];
-  export let zIndex: $$Props['zIndex'];
-
-  // @todo: there must be a better way to do this
-  id;
-  width;
-  height;
-  selected;
-  targetPosition;
-  type;
-  zIndex;
-  dragging;
-  dragHandle;
-  positionAbsoluteX;
-  positionAbsoluteY;
-  isConnectable;
+  // this is a workaround for suppressing the warning about unused props
+  $$restProps;
 </script>
 
 {data?.label}
diff --git a/packages/svelte/src/lib/components/nodes/OutputNode.svelte b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
index 692aaf76e..bf7d20685 100644
--- a/packages/svelte/src/lib/components/nodes/OutputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
@@ -9,33 +9,8 @@
   export let data: $$Props['data'] = { label: 'Node' };
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
 
-  // unused props - we need to list them here in order to prevent warnings
-  export let id: $$Props['id'] = '';
-  export let width: $$Props['width'] = undefined;
-  export let height: $$Props['height'] = undefined;
-  export let selected: $$Props['selected'] = undefined;
-  export let sourcePosition: $$Props['sourcePosition'] = undefined;
-  export let type: $$Props['type'] = undefined;
-  export let dragging: $$Props['dragging'] = false;
-  export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
-  export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
-  export let isConnectable: $$Props['isConnectable'];
-  export let zIndex: $$Props['zIndex'];
-
-  // @todo: there must be a better way to do this
-  id;
-  width;
-  height;
-  selected;
-  sourcePosition;
-  type;
-  zIndex;
-  dragging;
-  dragHandle;
-  positionAbsoluteX;
-  positionAbsoluteY;
-  isConnectable;
+  // this is a workaround for suppressing the warning about unused props
+  $$restProps;
 </script>
 
 {data?.label}

From a22154b9ae7ef45e07ca7910afb5ad128c095972 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 4 Jun 2024 14:46:53 +0200
Subject: [PATCH 0813/1093] fixed some type mismatches with default values

---
 .../svelte/src/lib/components/nodes/DefaultNode.svelte    | 8 ++++----
 packages/svelte/src/lib/components/nodes/InputNode.svelte | 4 ++--
 .../svelte/src/lib/components/nodes/OutputNode.svelte     | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
index 0f259ef21..aa4f572a1 100644
--- a/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/DefaultNode.svelte
@@ -7,13 +7,13 @@
   interface $$Props extends NodeProps {}
 
   export let data: $$Props['data'] = { label: 'Node' };
-  export let targetPosition: $$Props['targetPosition'] = Position.Top;
-  export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
+  export let targetPosition: $$Props['targetPosition'] = undefined;
+  export let sourcePosition: $$Props['sourcePosition'] = undefined;
 
   // this is a workaround for suppressing the warning about unused props
   $$restProps;
 </script>
 
-<Handle type="target" position={targetPosition} />
+<Handle type="target" position={targetPosition ?? Position.Top} />
 {data?.label}
-<Handle type="source" position={sourcePosition} />
+<Handle type="source" position={sourcePosition ?? Position.Bottom} />
diff --git a/packages/svelte/src/lib/components/nodes/InputNode.svelte b/packages/svelte/src/lib/components/nodes/InputNode.svelte
index 72b3a2dd0..17e5756c8 100644
--- a/packages/svelte/src/lib/components/nodes/InputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/InputNode.svelte
@@ -7,11 +7,11 @@
   interface $$Props extends NodeProps {}
 
   export let data: $$Props['data'] = { label: 'Node' };
-  export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
+  export let sourcePosition: $$Props['sourcePosition'] = undefined;
 
   // this is a workaround for suppressing the warning about unused props
   $$restProps;
 </script>
 
 {data?.label}
-<Handle type="source" position={sourcePosition} />
+<Handle type="source" position={sourcePosition ?? Position.Bottom} />
diff --git a/packages/svelte/src/lib/components/nodes/OutputNode.svelte b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
index bf7d20685..f24ed92a1 100644
--- a/packages/svelte/src/lib/components/nodes/OutputNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/OutputNode.svelte
@@ -7,11 +7,11 @@
   interface $$Props extends NodeProps {}
 
   export let data: $$Props['data'] = { label: 'Node' };
-  export let targetPosition: $$Props['targetPosition'] = Position.Top;
+  export let targetPosition: $$Props['targetPosition'] = undefined;
 
   // this is a workaround for suppressing the warning about unused props
   $$restProps;
 </script>
 
 {data?.label}
-<Handle type="target" position={targetPosition} />
+<Handle type="target" position={targetPosition ?? Position.Top} />

From 875e6433bb53e4a3aeef5c7f335a3aa35a851969 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Wed, 5 Jun 2024 11:32:04 +0200
Subject: [PATCH 0814/1093] fix(svelte): use user viewport store for init
 viewport closes #4335 (#4338)

* fix(svelte): use user viewport store for init viewport closes #4335

* refactor(svelte): viewport init

* chore(svelte): changelog
---
 .../src/routes/examples/two-way-viewport/Flow.svelte      | 4 ++--
 packages/svelte/CHANGELOG.md                              | 1 +
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte | 8 +++++---
 packages/svelte/src/lib/container/Zoom/Zoom.svelte        | 2 +-
 packages/svelte/src/lib/container/Zoom/types.ts           | 2 +-
 5 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/examples/svelte/src/routes/examples/two-way-viewport/Flow.svelte b/examples/svelte/src/routes/examples/two-way-viewport/Flow.svelte
index 7aa5a9b48..73d3a0734 100644
--- a/examples/svelte/src/routes/examples/two-way-viewport/Flow.svelte
+++ b/examples/svelte/src/routes/examples/two-way-viewport/Flow.svelte
@@ -21,7 +21,7 @@
 		{ id: 'B', position: { x: 0, y: 100 }, data: { label: 'B' } }
 	]);
 	const edges = writable([{ id: 'ab', source: 'A', target: 'B' }]);
-	const viewport = writable<Viewport>({ x: 0, y: 10, zoom: 1.25 });
+	const viewport = writable<Viewport>({ x: 100, y: 100, zoom: 1.25 });
 
 	const { fitView } = useSvelteFlow();
 
@@ -35,7 +35,7 @@
 	});
 </script>
 
-<SvelteFlow {nodes} {edges} fitView {viewport}>
+<SvelteFlow {nodes} {edges} {viewport}>
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />
 
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 267c7112b..2734f2576 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -7,6 +7,7 @@
 - add `on:edgemouseenter` and `on:edgemouseleave` event handler
 - fix deselection of edges
 - remove pointer events from panel when user selection is active
+- fix viewport initialization with user viewport 
 
 ## 0.1.3
 
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index b8986aaa0..dea8549f5 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -2,7 +2,7 @@
   import { onMount, hasContext } from 'svelte';
   import { get } from 'svelte/store';
   import cc from 'classcat';
-  import { ConnectionMode, PanOnScrollMode, type Viewport } from '@xyflow/system';
+  import { ConnectionMode, PanOnScrollMode } from '@xyflow/system';
 
   import { Zoom } from '$lib/container/Zoom';
   import { Pane } from '$lib/container/Pane';
@@ -28,7 +28,7 @@
   export let fitViewOptions: $$Props['fitViewOptions'] = undefined;
   export let minZoom: $$Props['minZoom'] = undefined;
   export let maxZoom: $$Props['maxZoom'] = undefined;
-  export let initialViewport: Viewport = { x: 0, y: 0, zoom: 1 };
+  export let initialViewport: $$Props['initialViewport'] = undefined;
   export let viewport: $$Props['viewport'] = undefined;
   export let nodeTypes: $$Props['nodeTypes'] = undefined;
   export let edgeTypes: $$Props['edgeTypes'] = undefined;
@@ -89,6 +89,8 @@
   let clientWidth: number;
   let clientHeight: number;
 
+  const initViewport = $viewport || initialViewport;
+
   const store = hasContext(key)
     ? useStore()
     : createStoreContext({ nodes: get(nodes), edges: get(edges), width, height, fitView });
@@ -203,7 +205,7 @@
     {zoomActivationKey}
   />
   <Zoom
-    {initialViewport}
+    initialViewport={initViewport}
     {onMoveStart}
     {onMove}
     {onMoveEnd}
diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index 459e73b54..87a390456 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -8,7 +8,7 @@
 
   type $$Props = ZoomProps;
 
-  export let initialViewport: $$Props['initialViewport'];
+  export let initialViewport: $$Props['initialViewport'] = undefined;
   export let onMoveStart: $$Props['onMoveStart'] = undefined;
   export let onMove: $$Props['onMove'] = undefined;
   export let onMoveEnd: $$Props['onMoveEnd'] = undefined;
diff --git a/packages/svelte/src/lib/container/Zoom/types.ts b/packages/svelte/src/lib/container/Zoom/types.ts
index 7967460a5..cf2e15cd4 100644
--- a/packages/svelte/src/lib/container/Zoom/types.ts
+++ b/packages/svelte/src/lib/container/Zoom/types.ts
@@ -1,7 +1,7 @@
 import type { OnMoveStart, OnMove, OnMoveEnd, PanOnScrollMode, Viewport } from '@xyflow/system';
 
 export type ZoomProps = {
-  initialViewport: Viewport;
+  initialViewport?: Viewport;
   panOnScrollMode: PanOnScrollMode;
   onMove?: OnMove;
   onMoveStart?: OnMoveStart;

From abeb4086d3f7d286ad84216175b508cb3381df5c Mon Sep 17 00:00:00 2001
From: Luis Carlos <63477093+lcsfort@users.noreply.github.com>
Date: Wed, 5 Jun 2024 09:29:48 -0100
Subject: [PATCH 0815/1093] fix: Correct parent node lookup in
 evaluateAbsolutePosition

### Summary

This PR fixes a bug in the `evaluateAbsolutePosition` function where the incorrect parent node was being retrieved from the `nodeLookup` in each iteration of the while loop.

### Changes

- Modified the line `const parent = nodeLookup.get(parentId);` to `const parent = nodeLookup.get(nextParentId);`.

### Reason

The original implementation used `parentId` to look up the parent node, which did not change within the loop. This resulted in the same parent node being used for each iteration, leading to incorrect calculations of the absolute position. By using `nextParentId`, we ensure that the correct parent node is retrieved and used in each iteration.
---
 packages/system/src/utils/general.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index 1023b44e7..34092e08d 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -247,7 +247,7 @@ export function evaluateAbsolutePosition(
   const positionAbsolute = { ...position };
 
   while (nextParentId) {
-    const parent = nodeLookup.get(parentId);
+    const parent = nodeLookup.get(nextParentId);
     nextParentId = parent?.parentId;
 
     if (parent) {

From d0e43b8fb6f7f057deec40b58fd7d278f83d9ccf Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 5 Jun 2024 12:57:19 +0200
Subject: [PATCH 0816/1093] chore(packages): update deps

---
 examples/svelte/package.json       |  8 ++++----
 tooling/rollup-config/package.json | 12 ++++++------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/examples/svelte/package.json b/examples/svelte/package.json
index edf69c6af..e8c221ae9 100644
--- a/examples/svelte/package.json
+++ b/examples/svelte/package.json
@@ -12,8 +12,8 @@
 		"format": "prettier --plugin-search-dir . --write ."
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-auto": "^3.1.1",
-		"@sveltejs/kit": "^2.5.2",
+		"@sveltejs/adapter-auto": "^3.2.1",
+		"@sveltejs/kit": "^2.5.10",
 		"@typescript-eslint/eslint-plugin": "^6.10.0",
 		"@typescript-eslint/parser": "^6.10.0",
 		"eslint": "^8.53.0",
@@ -25,12 +25,12 @@
 		"svelte-check": "^3.6.6",
 		"tslib": "^2.6.2",
 		"typescript": "^5.2.2",
-		"vite": "^4.5.0"
+		"vite": "^5.2.12"
 	},
 	"type": "module",
 	"dependencies": {
 		"@dagrejs/dagre": "^1.0.4",
-		"@sveltejs/vite-plugin-svelte": "^3.0.2",
+		"@sveltejs/vite-plugin-svelte": "^3.1.1",
 		"@xyflow/svelte": "workspace:^"
 	}
 }
diff --git a/tooling/rollup-config/package.json b/tooling/rollup-config/package.json
index cdc263d62..c8871f618 100644
--- a/tooling/rollup-config/package.json
+++ b/tooling/rollup-config/package.json
@@ -7,12 +7,12 @@
   "main": "src/index.js",
   "module": "src/index.js",
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.0",
-    "@rollup/plugin-node-resolve": "^15.1.0",
-    "@rollup/plugin-replace": "^5.0.2",
-    "@rollup/plugin-terser": "^0.4.3",
-    "@rollup/plugin-typescript": "11.0.0",
-    "rollup": "^3.23.0",
+    "@rollup/plugin-commonjs": "^25.0.8",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-replace": "^5.0.6",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "11.1.6",
+    "rollup": "^4.18.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "typescript": "^5.1.3"
   }

From a66bc2c2cc6416eb7a2b5f3d5bd0f6dd9f55d7f0 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 5 Jun 2024 12:57:33 +0200
Subject: [PATCH 0817/1093] chore(system): cleanup d3 type usage

---
 packages/system/package.json         |   8 +-
 packages/system/src/types/general.ts |   7 +-
 pnpm-lock.yaml                       | 960 ++++++++++++---------------
 3 files changed, 430 insertions(+), 545 deletions(-)

diff --git a/packages/system/package.json b/packages/system/package.json
index 5a2eda70a..1d075d12d 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -42,10 +42,10 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@types/d3": "^7.4.0",
-    "@types/d3-drag": "^3.0.1",
-    "@types/d3-selection": "^3.0.3",
-    "@types/d3-zoom": "^3.0.1",
+    "@types/d3-drag": "^3.0.7",
+    "@types/d3-selection": "^3.0.10",
+    "@types/d3-transition": "^3.0.8",
+    "@types/d3-zoom": "^3.0.8",
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
     "d3-zoom": "^3.0.0"
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 6ff1dd451..ccaa8719c 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -1,5 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type { D3DragEvent, Selection as D3Selection, SubjectPosition, ZoomBehavior } from 'd3';
+import type { Selection as D3Selection } from 'd3-selection';
+import type { D3DragEvent, SubjectPosition } from 'd3-drag';
+import type { ZoomBehavior } from 'd3-zoom';
+// this is needed for the Selection type to include the transition function :/
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import type { Transition } from 'd3-transition';
 
 import type { XYPosition, Rect } from './utils';
 import type { InternalNodeBase, NodeBase, NodeDragItem, NodeOrigin } from './nodes';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d2b9d470b..99ce743b9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -158,7 +158,7 @@ importers:
         version: 5.2.2
       vite:
         specifier: 4.5.0
-        version: 4.5.0(@types/node@18.7.16)
+        version: 4.5.0
 
   examples/svelte:
     dependencies:
@@ -166,18 +166,18 @@ importers:
         specifier: ^1.0.4
         version: 1.0.4
       '@sveltejs/vite-plugin-svelte':
-        specifier: ^3.0.2
-        version: 3.0.2(svelte@4.2.12)(vite@4.5.0)
+        specifier: ^3.1.1
+        version: 3.1.1(svelte@4.2.12)(vite@5.2.12)
       '@xyflow/svelte':
         specifier: workspace:^
         version: link:../../packages/svelte
     devDependencies:
       '@sveltejs/adapter-auto':
-        specifier: ^3.1.1
-        version: 3.1.1(@sveltejs/kit@2.5.2)
+        specifier: ^3.2.1
+        version: 3.2.1(@sveltejs/kit@2.5.10)
       '@sveltejs/kit':
-        specifier: ^2.5.2
-        version: 2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0)
+        specifier: ^2.5.10
+        version: 2.5.10(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)
       '@typescript-eslint/eslint-plugin':
         specifier: ^6.10.0
         version: 6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2)
@@ -212,8 +212,8 @@ importers:
         specifier: ^5.2.2
         version: 5.2.2
       vite:
-        specifier: ^4.5.0
-        version: 4.5.0(@types/node@18.7.16)
+        specifier: ^5.2.12
+        version: 5.2.12(@types/node@18.7.16)
 
   packages/react:
     dependencies:
@@ -299,7 +299,7 @@ importers:
         version: 3.1.1(@sveltejs/kit@2.5.4)
       '@sveltejs/kit':
         specifier: ^2.5.4
-        version: 2.5.4(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6)
+        version: 2.5.4(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)
       '@sveltejs/package':
         specifier: ^2.3.0
         version: 2.3.0(svelte@4.2.12)(typescript@5.4.2)
@@ -369,18 +369,18 @@ importers:
 
   packages/system:
     dependencies:
-      '@types/d3':
-        specifier: ^7.4.0
-        version: 7.4.0
       '@types/d3-drag':
-        specifier: ^3.0.1
-        version: 3.0.1
+        specifier: ^3.0.7
+        version: 3.0.7
       '@types/d3-selection':
-        specifier: ^3.0.3
-        version: 3.0.3
+        specifier: ^3.0.10
+        version: 3.0.10
+      '@types/d3-transition':
+        specifier: ^3.0.8
+        version: 3.0.8
       '@types/d3-zoom':
-        specifier: ^3.0.1
-        version: 3.0.1
+        specifier: ^3.0.8
+        version: 3.0.8
       d3-drag:
         specifier: ^3.0.0
         version: 3.0.0
@@ -411,7 +411,7 @@ importers:
     dependencies:
       '@playwright/experimental-ct-react':
         specifier: ^1.42.1
-        version: 1.42.1(@types/node@18.7.16)(vite@4.5.0)
+        version: 1.42.1(@types/node@18.7.16)(vite@5.2.12)
       '@types/react':
         specifier: ^18.2.31
         version: 18.2.31
@@ -453,26 +453,26 @@ importers:
   tooling/rollup-config:
     devDependencies:
       '@rollup/plugin-commonjs':
-        specifier: ^25.0.0
-        version: 25.0.0(rollup@3.23.0)
+        specifier: ^25.0.8
+        version: 25.0.8(rollup@4.18.0)
       '@rollup/plugin-node-resolve':
-        specifier: ^15.1.0
-        version: 15.1.0(rollup@3.23.0)
+        specifier: ^15.2.3
+        version: 15.2.3(rollup@4.18.0)
       '@rollup/plugin-replace':
-        specifier: ^5.0.2
-        version: 5.0.2(rollup@3.23.0)
+        specifier: ^5.0.6
+        version: 5.0.6(rollup@4.18.0)
       '@rollup/plugin-terser':
-        specifier: ^0.4.3
-        version: 0.4.3(rollup@3.23.0)
+        specifier: ^0.4.4
+        version: 0.4.4(rollup@4.18.0)
       '@rollup/plugin-typescript':
-        specifier: 11.0.0
-        version: 11.0.0(rollup@3.23.0)(typescript@5.4.2)
+        specifier: 11.1.6
+        version: 11.1.6(rollup@4.18.0)(typescript@5.4.2)
       rollup:
-        specifier: ^3.23.0
-        version: 3.23.0
+        specifier: ^4.18.0
+        version: 4.18.0
       rollup-plugin-peer-deps-external:
         specifier: ^2.2.4
-        version: 2.2.4(rollup@3.23.0)
+        version: 2.2.4(rollup@4.18.0)
       typescript:
         specifier: ^5.1.3
         version: 5.4.2
@@ -567,7 +567,7 @@ packages:
       astro: ^3.0.11
       svelte: ^3.55.0 || ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte': 2.5.3(svelte@4.2.1)(vite@4.5.0)
       astro: 3.2.2
       svelte: 4.2.1
       svelte2tsx: 0.6.23(svelte@4.2.1)(typescript@5.4.2)
@@ -1274,8 +1274,8 @@ packages:
     engines: {node: '>17.0.0'}
     dev: false
 
-  /@esbuild/aix-ppc64@0.19.12:
-    resolution: {integrity: sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==}
+  /@esbuild/aix-ppc64@0.20.2:
+    resolution: {integrity: sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [aix]
@@ -1290,21 +1290,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/android-arm64@0.19.12:
-    resolution: {integrity: sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==}
+  /@esbuild/android-arm64@0.19.5:
+    resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/android-arm64@0.19.5:
-    resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==}
+  /@esbuild/android-arm64@0.20.2:
+    resolution: {integrity: sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/android-arm@0.18.20:
@@ -1315,21 +1315,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/android-arm@0.19.12:
-    resolution: {integrity: sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==}
+  /@esbuild/android-arm@0.19.5:
+    resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/android-arm@0.19.5:
-    resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==}
+  /@esbuild/android-arm@0.20.2:
+    resolution: {integrity: sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/android-x64@0.18.20:
@@ -1340,21 +1340,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/android-x64@0.19.12:
-    resolution: {integrity: sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==}
+  /@esbuild/android-x64@0.19.5:
+    resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/android-x64@0.19.5:
-    resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==}
+  /@esbuild/android-x64@0.20.2:
+    resolution: {integrity: sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/darwin-arm64@0.18.20:
@@ -1365,21 +1365,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/darwin-arm64@0.19.12:
-    resolution: {integrity: sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==}
+  /@esbuild/darwin-arm64@0.19.5:
+    resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/darwin-arm64@0.19.5:
-    resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==}
+  /@esbuild/darwin-arm64@0.20.2:
+    resolution: {integrity: sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/darwin-x64@0.18.20:
@@ -1390,21 +1390,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/darwin-x64@0.19.12:
-    resolution: {integrity: sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==}
+  /@esbuild/darwin-x64@0.19.5:
+    resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/darwin-x64@0.19.5:
-    resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==}
+  /@esbuild/darwin-x64@0.20.2:
+    resolution: {integrity: sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/freebsd-arm64@0.18.20:
@@ -1415,21 +1415,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/freebsd-arm64@0.19.12:
-    resolution: {integrity: sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==}
+  /@esbuild/freebsd-arm64@0.19.5:
+    resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/freebsd-arm64@0.19.5:
-    resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==}
+  /@esbuild/freebsd-arm64@0.20.2:
+    resolution: {integrity: sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/freebsd-x64@0.18.20:
@@ -1440,21 +1440,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/freebsd-x64@0.19.12:
-    resolution: {integrity: sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==}
+  /@esbuild/freebsd-x64@0.19.5:
+    resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/freebsd-x64@0.19.5:
-    resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==}
+  /@esbuild/freebsd-x64@0.20.2:
+    resolution: {integrity: sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-arm64@0.18.20:
@@ -1465,21 +1465,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-arm64@0.19.12:
-    resolution: {integrity: sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==}
+  /@esbuild/linux-arm64@0.19.5:
+    resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/linux-arm64@0.19.5:
-    resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==}
+  /@esbuild/linux-arm64@0.20.2:
+    resolution: {integrity: sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-arm@0.18.20:
@@ -1490,21 +1490,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-arm@0.19.12:
-    resolution: {integrity: sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==}
+  /@esbuild/linux-arm@0.19.5:
+    resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/linux-arm@0.19.5:
-    resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==}
+  /@esbuild/linux-arm@0.20.2:
+    resolution: {integrity: sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-ia32@0.18.20:
@@ -1515,21 +1515,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-ia32@0.19.12:
-    resolution: {integrity: sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==}
+  /@esbuild/linux-ia32@0.19.5:
+    resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/linux-ia32@0.19.5:
-    resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==}
+  /@esbuild/linux-ia32@0.20.2:
+    resolution: {integrity: sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-loong64@0.18.20:
@@ -1540,21 +1540,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-loong64@0.19.12:
-    resolution: {integrity: sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==}
+  /@esbuild/linux-loong64@0.19.5:
+    resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/linux-loong64@0.19.5:
-    resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==}
+  /@esbuild/linux-loong64@0.20.2:
+    resolution: {integrity: sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-mips64el@0.18.20:
@@ -1565,21 +1565,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-mips64el@0.19.12:
-    resolution: {integrity: sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==}
+  /@esbuild/linux-mips64el@0.19.5:
+    resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/linux-mips64el@0.19.5:
-    resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==}
+  /@esbuild/linux-mips64el@0.20.2:
+    resolution: {integrity: sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-ppc64@0.18.20:
@@ -1590,21 +1590,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-ppc64@0.19.12:
-    resolution: {integrity: sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==}
+  /@esbuild/linux-ppc64@0.19.5:
+    resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/linux-ppc64@0.19.5:
-    resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==}
+  /@esbuild/linux-ppc64@0.20.2:
+    resolution: {integrity: sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-riscv64@0.18.20:
@@ -1615,21 +1615,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-riscv64@0.19.12:
-    resolution: {integrity: sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==}
+  /@esbuild/linux-riscv64@0.19.5:
+    resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/linux-riscv64@0.19.5:
-    resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==}
+  /@esbuild/linux-riscv64@0.20.2:
+    resolution: {integrity: sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-s390x@0.18.20:
@@ -1640,21 +1640,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-s390x@0.19.12:
-    resolution: {integrity: sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==}
+  /@esbuild/linux-s390x@0.19.5:
+    resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/linux-s390x@0.19.5:
-    resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==}
+  /@esbuild/linux-s390x@0.20.2:
+    resolution: {integrity: sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-x64@0.18.20:
@@ -1665,21 +1665,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-x64@0.19.12:
-    resolution: {integrity: sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==}
+  /@esbuild/linux-x64@0.19.5:
+    resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/linux-x64@0.19.5:
-    resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==}
+  /@esbuild/linux-x64@0.20.2:
+    resolution: {integrity: sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/netbsd-x64@0.18.20:
@@ -1690,21 +1690,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/netbsd-x64@0.19.12:
-    resolution: {integrity: sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==}
+  /@esbuild/netbsd-x64@0.19.5:
+    resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/netbsd-x64@0.19.5:
-    resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==}
+  /@esbuild/netbsd-x64@0.20.2:
+    resolution: {integrity: sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/openbsd-x64@0.18.20:
@@ -1715,21 +1715,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/openbsd-x64@0.19.12:
-    resolution: {integrity: sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==}
+  /@esbuild/openbsd-x64@0.19.5:
+    resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/openbsd-x64@0.19.5:
-    resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==}
+  /@esbuild/openbsd-x64@0.20.2:
+    resolution: {integrity: sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/sunos-x64@0.18.20:
@@ -1740,21 +1740,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/sunos-x64@0.19.12:
-    resolution: {integrity: sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==}
+  /@esbuild/sunos-x64@0.19.5:
+    resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/sunos-x64@0.19.5:
-    resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==}
+  /@esbuild/sunos-x64@0.20.2:
+    resolution: {integrity: sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/win32-arm64@0.18.20:
@@ -1765,21 +1765,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/win32-arm64@0.19.12:
-    resolution: {integrity: sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==}
+  /@esbuild/win32-arm64@0.19.5:
+    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/win32-arm64@0.19.5:
-    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==}
+  /@esbuild/win32-arm64@0.20.2:
+    resolution: {integrity: sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/win32-ia32@0.18.20:
@@ -1790,21 +1790,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/win32-ia32@0.19.12:
-    resolution: {integrity: sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==}
+  /@esbuild/win32-ia32@0.19.5:
+    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/win32-ia32@0.19.5:
-    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==}
+  /@esbuild/win32-ia32@0.20.2:
+    resolution: {integrity: sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/win32-x64@0.18.20:
@@ -1815,21 +1815,21 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/win32-x64@0.19.12:
-    resolution: {integrity: sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==}
+  /@esbuild/win32-x64@0.19.5:
+    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
+    dev: false
     optional: true
 
-  /@esbuild/win32-x64@0.19.5:
-    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==}
+  /@esbuild/win32-x64@0.20.2:
+    resolution: {integrity: sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@eslint-community/eslint-utils@4.4.0(eslint@8.43.0):
@@ -2020,11 +2020,11 @@ packages:
     resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
     engines: {node: '>=6.0.0'}
 
-  /@jridgewell/source-map@0.3.5:
-    resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}
+  /@jridgewell/source-map@0.3.6:
+    resolution: {integrity: sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==}
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.20
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
     dev: true
 
   /@jridgewell/sourcemap-codec@1.4.15:
@@ -2087,7 +2087,7 @@ packages:
     dependencies:
       playwright: 1.42.1
       playwright-core: 1.42.1
-      vite: 5.1.5(@types/node@18.7.16)
+      vite: 5.2.12(@types/node@18.7.16)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -2098,13 +2098,13 @@ packages:
       - terser
     dev: false
 
-  /@playwright/experimental-ct-react@1.42.1(@types/node@18.7.16)(vite@4.5.0):
+  /@playwright/experimental-ct-react@1.42.1(@types/node@18.7.16)(vite@5.2.12):
     resolution: {integrity: sha512-/dxu7nkGOlZIx9MUGQPM5kiIGksYIBaaJKQuNmaJNV29V3VGI1p9yQqrvl1jFK/Hu7SC1LmFB8RlkrOgMiZKYg==}
     engines: {node: '>=16'}
     hasBin: true
     dependencies:
       '@playwright/experimental-ct-core': 1.42.1(@types/node@18.7.16)
-      '@vitejs/plugin-react': 4.2.1(vite@4.5.0)
+      '@vitejs/plugin-react': 4.2.1(vite@5.2.12)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -2153,76 +2153,76 @@ packages:
     engines: {node: '>=14.0.0'}
     dev: false
 
-  /@rollup/plugin-commonjs@25.0.0(rollup@3.23.0):
-    resolution: {integrity: sha512-hoho2Kay9TZrLu0bnDsTTCaj4Npa+THk9snajP/XDNb9a9mmjTjh52EQM9sKl3HD1LsnihX7js+eA2sd2uKAhw==}
+  /@rollup/plugin-commonjs@25.0.8(rollup@4.18.0):
+    resolution: {integrity: sha512-ZEZWTK5n6Qde0to4vS9Mr5x/0UZoqCxPVR9KRUjU4kA2sO7GEUn1fop0DAwpO6z0Nw/kJON9bDmSxdWxO/TT1A==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
-      rollup: ^2.68.0||^3.0.0
+      rollup: ^2.68.0||^3.0.0||^4.0.0
     peerDependenciesMeta:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
+      '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
       commondir: 1.0.1
       estree-walker: 2.0.2
       glob: 8.1.0
       is-reference: 1.2.1
-      magic-string: 0.27.0
-      rollup: 3.23.0
+      magic-string: 0.30.10
+      rollup: 4.18.0
     dev: true
 
-  /@rollup/plugin-node-resolve@15.1.0(rollup@3.23.0):
-    resolution: {integrity: sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==}
+  /@rollup/plugin-node-resolve@15.2.3(rollup@4.18.0):
+    resolution: {integrity: sha512-j/lym8nf5E21LwBT4Df1VD6hRO2L2iwUeUmP7litikRsVp1H6NWx20NEp0Y7su+7XGc476GnXXc4kFeZNGmaSQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
-      rollup: ^2.78.0||^3.0.0
+      rollup: ^2.78.0||^3.0.0||^4.0.0
     peerDependenciesMeta:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
+      '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
       '@types/resolve': 1.20.2
       deepmerge: 4.3.1
       is-builtin-module: 3.2.1
       is-module: 1.0.0
       resolve: 1.22.8
-      rollup: 3.23.0
+      rollup: 4.18.0
     dev: true
 
-  /@rollup/plugin-replace@5.0.2(rollup@3.23.0):
-    resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==}
+  /@rollup/plugin-replace@5.0.6(rollup@4.18.0):
+    resolution: {integrity: sha512-n/Eea4MuS38M5iT+0nz7UzSbI4H4hVTKV5hOTAQzNVKT3nYxj8iaG4t9IW86Ugv/jApGY+O+SANAFqWPzZ9xkw==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
     peerDependenciesMeta:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
-      magic-string: 0.27.0
-      rollup: 3.23.0
+      '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
+      magic-string: 0.30.10
+      rollup: 4.18.0
     dev: true
 
-  /@rollup/plugin-terser@0.4.3(rollup@3.23.0):
-    resolution: {integrity: sha512-EF0oejTMtkyhrkwCdg0HJ0IpkcaVg1MMSf2olHb2Jp+1mnLM04OhjpJWGma4HobiDTF0WCyViWuvadyE9ch2XA==}
+  /@rollup/plugin-terser@0.4.4(rollup@4.18.0):
+    resolution: {integrity: sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
-      rollup: ^2.x || ^3.x
+      rollup: ^2.0.0||^3.0.0||^4.0.0
     peerDependenciesMeta:
       rollup:
         optional: true
     dependencies:
-      rollup: 3.23.0
-      serialize-javascript: 6.0.1
-      smob: 1.4.1
-      terser: 5.22.0
+      rollup: 4.18.0
+      serialize-javascript: 6.0.2
+      smob: 1.5.0
+      terser: 5.31.0
     dev: true
 
-  /@rollup/plugin-typescript@11.0.0(rollup@3.23.0)(typescript@5.4.2):
-    resolution: {integrity: sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==}
+  /@rollup/plugin-typescript@11.1.6(rollup@4.18.0)(typescript@5.4.2):
+    resolution: {integrity: sha512-R92yOmIACgYdJ7dJ97p4K69I8gg6IEHt8M7dUBxN3W6nrO8uUxX5ixl0yU/N3aZTi8WhPuICvOHXQvF6FaykAA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
-      rollup: ^2.14.0||^3.0.0
+      rollup: ^2.14.0||^3.0.0||^4.0.0
       tslib: '*'
       typescript: '>=3.7.0'
     peerDependenciesMeta:
@@ -2231,14 +2231,14 @@ packages:
       tslib:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.0.5(rollup@3.23.0)
+      '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
       resolve: 1.22.8
-      rollup: 3.23.0
+      rollup: 4.18.0
       typescript: 5.4.2
     dev: true
 
-  /@rollup/pluginutils@5.0.5(rollup@3.23.0):
-    resolution: {integrity: sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==}
+  /@rollup/pluginutils@5.1.0(rollup@4.18.0):
+    resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
@@ -2246,98 +2246,119 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@types/estree': 1.0.3
+      '@types/estree': 1.0.5
       estree-walker: 2.0.2
       picomatch: 2.3.1
-      rollup: 3.23.0
+      rollup: 4.18.0
     dev: true
 
-  /@rollup/rollup-android-arm-eabi@4.12.1:
-    resolution: {integrity: sha512-iU2Sya8hNn1LhsYyf0N+L4Gf9Qc+9eBTJJJsaOGUp+7x4n2M9dxTt8UvhJl3oeftSjblSlpCfvjA/IfP3g5VjQ==}
+  /@rollup/rollup-android-arm-eabi@4.18.0:
+    resolution: {integrity: sha512-Tya6xypR10giZV1XzxmH5wr25VcZSncG0pZIjfePT0OVBvqNEurzValetGNarVrGiq66EBVAFn15iYX4w6FKgQ==}
     cpu: [arm]
     os: [android]
     requiresBuild: true
     optional: true
 
-  /@rollup/rollup-android-arm64@4.12.1:
-    resolution: {integrity: sha512-wlzcWiH2Ir7rdMELxFE5vuM7D6TsOcJ2Yw0c3vaBR3VOsJFVTx9xvwnAvhgU5Ii8Gd6+I11qNHwndDscIm0HXg==}
+  /@rollup/rollup-android-arm64@4.18.0:
+    resolution: {integrity: sha512-avCea0RAP03lTsDhEyfy+hpfr85KfyTctMADqHVhLAF3MlIkq83CP8UfAHUssgXTYd+6er6PaAhx/QGv4L1EiA==}
     cpu: [arm64]
     os: [android]
     requiresBuild: true
     optional: true
 
-  /@rollup/rollup-darwin-arm64@4.12.1:
-    resolution: {integrity: sha512-YRXa1+aZIFN5BaImK+84B3uNK8C6+ynKLPgvn29X9s0LTVCByp54TB7tdSMHDR7GTV39bz1lOmlLDuedgTwwHg==}
+  /@rollup/rollup-darwin-arm64@4.18.0:
+    resolution: {integrity: sha512-IWfdwU7KDSm07Ty0PuA/W2JYoZ4iTj3TUQjkVsO/6U+4I1jN5lcR71ZEvRh52sDOERdnNhhHU57UITXz5jC1/w==}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     optional: true
 
-  /@rollup/rollup-darwin-x64@4.12.1:
-    resolution: {integrity: sha512-opjWJ4MevxeA8FhlngQWPBOvVWYNPFkq6/25rGgG+KOy0r8clYwL1CFd+PGwRqqMFVQ4/Qd3sQu5t7ucP7C/Uw==}
+  /@rollup/rollup-darwin-x64@4.18.0:
+    resolution: {integrity: sha512-n2LMsUz7Ynu7DoQrSQkBf8iNrjOGyPLrdSg802vk6XT3FtsgX6JbE8IHRvposskFm9SNxzkLYGSq9QdpLYpRNA==}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     optional: true
 
-  /@rollup/rollup-linux-arm-gnueabihf@4.12.1:
-    resolution: {integrity: sha512-uBkwaI+gBUlIe+EfbNnY5xNyXuhZbDSx2nzzW8tRMjUmpScd6lCQYKY2V9BATHtv5Ef2OBq6SChEP8h+/cxifQ==}
+  /@rollup/rollup-linux-arm-gnueabihf@4.18.0:
+    resolution: {integrity: sha512-C/zbRYRXFjWvz9Z4haRxcTdnkPt1BtCkz+7RtBSuNmKzMzp3ZxdM28Mpccn6pt28/UWUCTXa+b0Mx1k3g6NOMA==}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-arm-musleabihf@4.18.0:
+    resolution: {integrity: sha512-l3m9ewPgjQSXrUMHg93vt0hYCGnrMOcUpTz6FLtbwljo2HluS4zTXFy2571YQbisTnfTKPZ01u/ukJdQTLGh9A==}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /@rollup/rollup-linux-arm64-gnu@4.12.1:
-    resolution: {integrity: sha512-0bK9aG1kIg0Su7OcFTlexkVeNZ5IzEsnz1ept87a0TUgZ6HplSgkJAnFpEVRW7GRcikT4GlPV0pbtVedOaXHQQ==}
+  /@rollup/rollup-linux-arm64-gnu@4.18.0:
+    resolution: {integrity: sha512-rJ5D47d8WD7J+7STKdCUAgmQk49xuFrRi9pZkWoRD1UeSMakbcepWXPF8ycChBoAqs1pb2wzvbY6Q33WmN2ftw==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /@rollup/rollup-linux-arm64-musl@4.12.1:
-    resolution: {integrity: sha512-qB6AFRXuP8bdkBI4D7UPUbE7OQf7u5OL+R94JE42Z2Qjmyj74FtDdLGeriRyBDhm4rQSvqAGCGC01b8Fu2LthQ==}
+  /@rollup/rollup-linux-arm64-musl@4.18.0:
+    resolution: {integrity: sha512-be6Yx37b24ZwxQ+wOQXXLZqpq4jTckJhtGlWGZs68TgdKXJgw54lUUoFYrg6Zs/kjzAQwEwYbp8JxZVzZLRepQ==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /@rollup/rollup-linux-riscv64-gnu@4.12.1:
-    resolution: {integrity: sha512-sHig3LaGlpNgDj5o8uPEoGs98RII8HpNIqFtAI8/pYABO8i0nb1QzT0JDoXF/pxzqO+FkxvwkHZo9k0NJYDedg==}
+  /@rollup/rollup-linux-powerpc64le-gnu@4.18.0:
+    resolution: {integrity: sha512-hNVMQK+qrA9Todu9+wqrXOHxFiD5YmdEi3paj6vP02Kx1hjd2LLYR2eaN7DsEshg09+9uzWi2W18MJDlG0cxJA==}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-riscv64-gnu@4.18.0:
+    resolution: {integrity: sha512-ROCM7i+m1NfdrsmvwSzoxp9HFtmKGHEqu5NNDiZWQtXLA8S5HBCkVvKAxJ8U+CVctHwV2Gb5VUaK7UAkzhDjlg==}
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /@rollup/rollup-linux-x64-gnu@4.12.1:
-    resolution: {integrity: sha512-nD3YcUv6jBJbBNFvSbp0IV66+ba/1teuBcu+fBBPZ33sidxitc6ErhON3JNavaH8HlswhWMC3s5rgZpM4MtPqQ==}
+  /@rollup/rollup-linux-s390x-gnu@4.18.0:
+    resolution: {integrity: sha512-0UyyRHyDN42QL+NbqevXIIUnKA47A+45WyasO+y2bGJ1mhQrfrtXUpTxCOrfxCR4esV3/RLYyucGVPiUsO8xjg==}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-x64-gnu@4.18.0:
+    resolution: {integrity: sha512-xuglR2rBVHA5UsI8h8UbX4VJ470PtGCf5Vpswh7p2ukaqBGFTnsfzxUBetoWBWymHMxbIG0Cmx7Y9qDZzr648w==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /@rollup/rollup-linux-x64-musl@4.12.1:
-    resolution: {integrity: sha512-7/XVZqgBby2qp/cO0TQ8uJK+9xnSdJ9ct6gSDdEr4MfABrjTyrW6Bau7HQ73a2a5tPB7hno49A0y1jhWGDN9OQ==}
+  /@rollup/rollup-linux-x64-musl@4.18.0:
+    resolution: {integrity: sha512-LKaqQL9osY/ir2geuLVvRRs+utWUNilzdE90TpyoX0eNqPzWjRm14oMEE+YLve4k/NAqCdPkGYDaDF5Sw+xBfg==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /@rollup/rollup-win32-arm64-msvc@4.12.1:
-    resolution: {integrity: sha512-CYc64bnICG42UPL7TrhIwsJW4QcKkIt9gGlj21gq3VV0LL6XNb1yAdHVp1pIi9gkts9gGcT3OfUYHjGP7ETAiw==}
+  /@rollup/rollup-win32-arm64-msvc@4.18.0:
+    resolution: {integrity: sha512-7J6TkZQFGo9qBKH0pk2cEVSRhJbL6MtfWxth7Y5YmZs57Pi+4x6c2dStAUvaQkHQLnEQv1jzBUW43GvZW8OFqA==}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     optional: true
 
-  /@rollup/rollup-win32-ia32-msvc@4.12.1:
-    resolution: {integrity: sha512-LN+vnlZ9g0qlHGlS920GR4zFCqAwbv2lULrR29yGaWP9u7wF5L7GqWu9Ah6/kFZPXPUkpdZwd//TNR+9XC9hvA==}
+  /@rollup/rollup-win32-ia32-msvc@4.18.0:
+    resolution: {integrity: sha512-Txjh+IxBPbkUB9+SXZMpv+b/vnTEtFyfWZgJ6iyCmt2tdx0OF5WhFowLmnh8ENGNpfUlUZkdI//4IEmhwPieNg==}
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
     optional: true
 
-  /@rollup/rollup-win32-x64-msvc@4.12.1:
-    resolution: {integrity: sha512-n+vkrSyphvmU0qkQ6QBNXCGr2mKjhP08mPRM/Xp5Ck2FV4NrHU+y6axzDeixUrCBHVUS51TZhjqrKBBsHLKb2Q==}
+  /@rollup/rollup-win32-x64-msvc@4.18.0:
+    resolution: {integrity: sha512-UOo5FdvOL0+eIVTgS4tIdbW+TtnBLWg1YBCcU2KWM7nuNwRz9bksDX1bekJJCpu25N1DVWaCwnT39dVQxzqS8g==}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
@@ -2366,26 +2387,26 @@ packages:
     resolution: {integrity: sha512-EWMEDkZ0+O3yMhb9yrqe5UYisV9CNRKX6Pl/JW3x62t74CiN+3COu1L9NzZUG0omagc2Z3J14PZNYxs77IC9NA==}
     dev: false
 
-  /@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.2):
+  /@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4):
     resolution: {integrity: sha512-6LeZft2Fo/4HfmLBi5CucMYmgRxgcETweQl/yQoZo/895K3S9YWYN4Sfm/IhwlIpbJp3QNvhKmwCHbsqQNYQpw==}
     peerDependencies:
       '@sveltejs/kit': ^2.0.0
     dependencies:
-      '@sveltejs/kit': 2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0)
+      '@sveltejs/kit': 2.5.4(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)
       import-meta-resolve: 4.0.0
     dev: true
 
-  /@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4):
-    resolution: {integrity: sha512-6LeZft2Fo/4HfmLBi5CucMYmgRxgcETweQl/yQoZo/895K3S9YWYN4Sfm/IhwlIpbJp3QNvhKmwCHbsqQNYQpw==}
+  /@sveltejs/adapter-auto@3.2.1(@sveltejs/kit@2.5.10):
+    resolution: {integrity: sha512-/3xx8ZFCD5UBc/7AbyXkFF3HNCzWAp2xncH8HA4doGjoGQEN7PmwiRx4Y9nOzi4mqDqYYUic0gaIAE2khWWU4Q==}
     peerDependencies:
       '@sveltejs/kit': ^2.0.0
     dependencies:
-      '@sveltejs/kit': 2.5.4(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6)
-      import-meta-resolve: 4.0.0
+      '@sveltejs/kit': 2.5.10(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)
+      import-meta-resolve: 4.1.0
     dev: true
 
-  /@sveltejs/kit@2.5.2(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0):
-    resolution: {integrity: sha512-1Pm2lsBYURQsjnLyZa+jw75eVD4gYHxGRwPyFe4DAmB3FjTVR8vRNWGeuDLGFcKMh/B1ij6FTUrc9GrerogCng==}
+  /@sveltejs/kit@2.5.10(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12):
+    resolution: {integrity: sha512-OqoyTmFG2cYmCFAdBfW+Qxbg8m23H4dv6KqwEt7ofr/ROcfcIl3Z/VT56L22H9f0uNZyr+9Bs1eh2gedOCK9kA==}
     engines: {node: '>=18.13'}
     hasBin: true
     requiresBuild: true
@@ -2394,24 +2415,24 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.3
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12)
       '@types/cookie': 0.6.0
       cookie: 0.6.0
-      devalue: 4.3.2
+      devalue: 5.0.0
       esm-env: 1.0.0
-      import-meta-resolve: 4.0.0
+      import-meta-resolve: 4.1.0
       kleur: 4.1.5
-      magic-string: 0.30.8
+      magic-string: 0.30.10
       mrmime: 2.0.0
       sade: 1.8.1
       set-cookie-parser: 2.6.0
       sirv: 2.0.4
       svelte: 4.2.12
       tiny-glob: 0.2.9
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 5.2.12(@types/node@18.7.16)
     dev: true
 
-  /@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6):
+  /@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12):
     resolution: {integrity: sha512-eDxK2d4EGzk99QsZNoPXe7jlzA5EGqfcCpUwZ912bhnalsZ2ZsG5wGRthkydupVjYyqdmzEanVKFhLxU2vkPSQ==}
     engines: {node: '>=18.13'}
     hasBin: true
@@ -2421,7 +2442,7 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.3
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.6)
+      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12)
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 4.3.2
@@ -2435,7 +2456,7 @@ packages:
       sirv: 2.0.4
       svelte: 4.2.12
       tiny-glob: 0.2.9
-      vite: 5.1.6
+      vite: 5.2.12(@types/node@18.7.16)
     dev: true
 
   /@sveltejs/package@2.3.0(svelte@4.2.12)(typescript@5.4.2):
@@ -2455,7 +2476,7 @@ packages:
       - typescript
     dev: true
 
-  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0):
+  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.5.3)(svelte@4.2.1)(vite@4.5.0):
     resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
@@ -2463,103 +2484,67 @@ packages:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte': 2.5.3(svelte@4.2.1)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
       svelte: 4.2.1
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0):
-    resolution: {integrity: sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==}
-    engines: {node: ^18.0.0 || >=20}
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^3.0.0
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@4.5.0)
-      debug: 4.3.4(supports-color@8.1.1)
-      svelte: 4.2.12
-      vite: 4.5.0(@types/node@18.7.16)
-    transitivePeerDependencies:
-      - supports-color
-
-  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6):
-    resolution: {integrity: sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==}
+  /@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12):
+    resolution: {integrity: sha512-9QX28IymvBlSCqsCll5t0kQVxipsfhFFL+L2t3nTWfXnddYwxBuAEtTtlaVQpRz9c37BhJjltSeY4AJSC03SSg==}
     engines: {node: ^18.0.0 || >=20}
     peerDependencies:
       '@sveltejs/vite-plugin-svelte': ^3.0.0
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.12)(vite@5.1.6)
-      debug: 4.3.4(supports-color@8.1.1)
+      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12)
+      debug: 4.3.5
       svelte: 4.2.12
-      vite: 5.1.6
+      vite: 5.2.12(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@sveltejs/vite-plugin-svelte@2.4.6(svelte@4.2.1)(vite@4.5.0):
-    resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==}
+  /@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.1)(vite@4.5.0):
+    resolution: {integrity: sha512-erhNtXxE5/6xGZz/M9eXsmI7Pxa6MS7jyTy06zN3Ck++ldrppOnOlJwHHTsMC7DHDQdgUp4NAc4cDNQ9eGdB/w==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0
+      svelte: ^3.54.0 || ^4.0.0 || ^5.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.5.3)(svelte@4.2.1)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.5
       svelte: 4.2.1
       svelte-hmr: 0.15.3(svelte@4.2.1)
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
       vitefu: 0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  /@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.12)(vite@4.5.0):
-    resolution: {integrity: sha512-MpmF/cju2HqUls50WyTHQBZUV3ovV/Uk8k66AN2gwHogNAG8wnW8xtZDhzNBsFJJuvmq1qnzA5kE7YfMJNFv2Q==}
-    engines: {node: ^18.0.0 || >=20}
-    peerDependencies:
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@4.5.0)
-      debug: 4.3.4(supports-color@8.1.1)
-      deepmerge: 4.3.1
-      kleur: 4.1.5
-      magic-string: 0.30.8
-      svelte: 4.2.12
-      svelte-hmr: 0.15.3(svelte@4.2.12)
-      vite: 4.5.0(@types/node@18.7.16)
-      vitefu: 0.2.5(vite@4.5.0)
-    transitivePeerDependencies:
-      - supports-color
-
-  /@sveltejs/vite-plugin-svelte@3.0.2(svelte@4.2.12)(vite@5.1.6):
-    resolution: {integrity: sha512-MpmF/cju2HqUls50WyTHQBZUV3ovV/Uk8k66AN2gwHogNAG8wnW8xtZDhzNBsFJJuvmq1qnzA5kE7YfMJNFv2Q==}
+  /@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12):
+    resolution: {integrity: sha512-rimpFEAboBBHIlzISibg94iP09k/KYdHgVhJlcsTfn7KMBhc70jFX/GRWkRdFCc2fdnk+4+Bdfej23cMDnJS6A==}
     engines: {node: ^18.0.0 || >=20}
     peerDependencies:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.2)(svelte@4.2.12)(vite@5.1.6)
-      debug: 4.3.4(supports-color@8.1.1)
+      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)
+      debug: 4.3.5
       deepmerge: 4.3.1
       kleur: 4.1.5
-      magic-string: 0.30.8
+      magic-string: 0.30.10
       svelte: 4.2.12
-      svelte-hmr: 0.15.3(svelte@4.2.12)
-      vite: 5.1.6
-      vitefu: 0.2.5(vite@5.1.6)
+      svelte-hmr: 0.16.0(svelte@4.2.12)
+      vite: 5.2.12(@types/node@18.7.16)
+      vitefu: 0.2.5(vite@5.2.12)
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /@swc/core-darwin-arm64@1.3.96:
     resolution: {integrity: sha512-8hzgXYVd85hfPh6mJ9yrG26rhgzCmcLO0h1TIl8U31hwmTbfZLzRitFQ/kqMJNbIBCwmNH1RU2QcJnL3d7f69A==}
@@ -2750,183 +2735,37 @@ packages:
     resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
     dev: true
 
-  /@types/d3-array@3.0.9:
-    resolution: {integrity: sha512-mZowFN3p64ajCJJ4riVYlOjNlBJv3hctgAY01pjw3qTnJePD8s9DZmYDzhHKvzfCYvdjwylkU38+Vdt7Cu2FDA==}
-    dev: false
-
-  /@types/d3-axis@3.0.5:
-    resolution: {integrity: sha512-ufDAV3SQzju+uB3Jlty7SUb/jMigjpIlvDDcSGvGmmO6OT/sNO93UE0dRzwWOZeBLzrLSA0CQM4bf3iq1std3A==}
-    dependencies:
-      '@types/d3-selection': 3.0.3
-    dev: false
-
-  /@types/d3-brush@3.0.5:
-    resolution: {integrity: sha512-JROQXZNq1X6QdWstESDUv1VilwZ2hBCQnWB91yal+5yZvYwGQvYsGCjrkHGfKK/8/AcX1JnERmpQzdDDuLRUsA==}
-    dependencies:
-      '@types/d3-selection': 3.0.3
-    dev: false
-
-  /@types/d3-chord@3.0.5:
-    resolution: {integrity: sha512-rs26AIhJjtc+XLR4YQU8IjPTLOlDVO4PR1y+pVFYEHzKh2tE5tYz3MF4QV6iz7HboXQEaYpJQt8dH9uUkne8yA==}
-    dev: false
-
-  /@types/d3-color@3.1.2:
-    resolution: {integrity: sha512-At+Ski7dL8Bs58E8g8vPcFJc8tGcaC12Z4m07+p41+DRqnZQcAlp3NfYjLrhNYv+zEyQitU1CUxXNjqUyf+c0g==}
-    dev: false
-
-  /@types/d3-contour@3.0.5:
-    resolution: {integrity: sha512-wLvjwdOQVd1NL1IcW90CCt1VtpeZ3V20p/OTXlkT8uAiprrJnq2PNNnRNe1QCez4U9aMU29Z14zpJQVLW1+Lcg==}
-    dependencies:
-      '@types/d3-array': 3.0.9
-      '@types/geojson': 7946.0.12
-    dev: false
-
-  /@types/d3-delaunay@6.0.3:
-    resolution: {integrity: sha512-+Lf5NPKZ4JBC9tbudVkKceQXRxU3jJs0el9aKQvinMtdnFSOG84eVXyhCNgIFuXNQO3iIcYs7sgzN359FEOZnQ==}
-    dev: false
-
-  /@types/d3-dispatch@3.0.5:
-    resolution: {integrity: sha512-hxvq2kc+9hydVppo21JCGfcM0tLTh1DXnG3MLN0KlxsNZJH4bsdl1iXDuWtXFpWWlBrCMwSqlnoLPDxNAZU3Bg==}
-    dev: false
-
-  /@types/d3-drag@3.0.1:
-    resolution: {integrity: sha512-o1Va7bLwwk6h03+nSM8dpaGEYnoIG19P0lKqlic8Un36ymh9NSkNFX1yiXMKNMx8rJ0Kfnn2eovuFaL6Jvj0zA==}
-    dependencies:
-      '@types/d3-selection': 3.0.3
-    dev: false
-
-  /@types/d3-dsv@3.0.5:
-    resolution: {integrity: sha512-73WZR3QFOaSRVz9iOrebTbTnbo7xjcgS/i0Cq5zy0jMXPO3v/JbkTD3Zqii1eYE6v4EJ78g5VP407rm+p8fdlA==}
-    dev: false
-
-  /@types/d3-ease@3.0.1:
-    resolution: {integrity: sha512-VZofjpEt8HWv3nxUAosj5o/+4JflnJ7Bbv07k17VO3T2WRuzGdZeookfaF60iVh5RdhVG49LE5w6LIshVUC6rg==}
-    dev: false
-
-  /@types/d3-fetch@3.0.5:
-    resolution: {integrity: sha512-Rc8pb6H0RRLpAV2hEXduykUgcDUOhjSLTLmCIeo6ejzgs4SaITh/EteMb3p5Env3Hqjsqw0fCksyqopHHzMkMg==}
-    dependencies:
-      '@types/d3-dsv': 3.0.5
-    dev: false
-
-  /@types/d3-force@3.0.7:
-    resolution: {integrity: sha512-rsok4CEvPLyVWRPsFiBhanJc3up03H/EARVz4d8soPh8drv82YMuAckYy4yv8g4/81JwCng5U5/o9aj9d0T6bQ==}
-    dev: false
-
-  /@types/d3-format@3.0.3:
-    resolution: {integrity: sha512-kxuLXSAEJykTeL/EI3tUiEfGqru7PRdqEy099YBnqFl+fF167UVSB4+wntlZv86ZdoYf0DHjsRHnTIm8kcH7qw==}
-    dev: false
-
-  /@types/d3-geo@3.0.6:
-    resolution: {integrity: sha512-wblAES3b+C3hvp4VakwECEKtHquT/xc6K4HOna95LM1j1fd7s7WmU4V+JMQZfKhNCMkV2vWD+ZUgY2Uj6gqfuA==}
-    dependencies:
-      '@types/geojson': 7946.0.12
-    dev: false
-
-  /@types/d3-hierarchy@3.1.5:
-    resolution: {integrity: sha512-DEcBUj1IL3WyPLDlh4m2nsNXnMLITXM5Vwcu4G85yJHtf2cVGPBjgky3L11WBnT+ayHKf06Tchk5mY1eGmd4WQ==}
-    dev: false
-
-  /@types/d3-interpolate@3.0.3:
-    resolution: {integrity: sha512-6OZ2EIB4lLj+8cUY7I/Cgn9Q+hLdA4DjJHYOQDiHL0SzqS1K9DL5xIOVBSIHgF+tiuO9MU1D36qvdIvRDRPh+Q==}
-    dependencies:
-      '@types/d3-color': 3.1.2
-    dev: false
-
-  /@types/d3-path@3.0.1:
-    resolution: {integrity: sha512-blRhp7ki7pVznM8k6lk5iUU9paDbVRVq+/xpf0RRgSJn5gr6SE7RcFtxooYGMBOc1RZiGyqRpVdu5AD0z0ooMA==}
+  /@types/d3-color@3.1.3:
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
     dev: false
 
-  /@types/d3-polygon@3.0.1:
-    resolution: {integrity: sha512-nrcWPk7B9qs6xnpq60Cls44zm9eDmFAv65qi/N/emh/oftnG6uYz49aIS0mdFaGeJxVN8H3pHneMuZMV8EwFdw==}
-    dev: false
-
-  /@types/d3-quadtree@3.0.4:
-    resolution: {integrity: sha512-B725MopFDIOQ6njFbeOxIEf42HVO2Xv+FmcxQISdOKErvLbFqWz3Riu+OWujUYoogreqqyHBHcGGL/JzzXQYsw==}
-    dev: false
-
-  /@types/d3-random@3.0.2:
-    resolution: {integrity: sha512-8QhsqkKs6mymAZMrg3ZFXPxKA34rdgp3ZrtB8o6mhFsKAd1gOvR1gocWnca+kmXypQdwgnzKm9gZE2Uw8NjjKw==}
-    dev: false
-
-  /@types/d3-scale-chromatic@3.0.1:
-    resolution: {integrity: sha512-Ob7OrwiTeQXY/WBBbRHGZBOn6rH1h7y3jjpTSKYqDEeqFjktql6k2XSgNwLrLDmAsXhEn8P9NHDY4VTuo0ZY1w==}
-    dev: false
-
-  /@types/d3-scale@4.0.6:
-    resolution: {integrity: sha512-lo3oMLSiqsQUovv8j15X4BNEDOsnHuGjeVg7GRbAuB2PUa1prK5BNSOu6xixgNf3nqxPl4I1BqJWrPvFGlQoGQ==}
+  /@types/d3-drag@3.0.7:
+    resolution: {integrity: sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==}
     dependencies:
-      '@types/d3-time': 3.0.2
-    dev: false
-
-  /@types/d3-selection@3.0.3:
-    resolution: {integrity: sha512-Mw5cf6nlW1MlefpD9zrshZ+DAWL4IQ5LnWfRheW6xwsdaWOb6IRRu2H7XPAQcyXEx1D7XQWgdoKR83ui1/HlEA==}
+      '@types/d3-selection': 3.0.10
     dev: false
 
-  /@types/d3-shape@3.1.4:
-    resolution: {integrity: sha512-M2/xsWPsjaZc5ifMKp1EBp0gqJG0eO/zlldJNOC85Y/5DGsBQ49gDkRJ2h5GY7ZVD6KUumvZWsylSbvTaJTqKg==}
+  /@types/d3-interpolate@3.0.4:
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
     dependencies:
-      '@types/d3-path': 3.0.1
+      '@types/d3-color': 3.1.3
     dev: false
 
-  /@types/d3-time-format@4.0.2:
-    resolution: {integrity: sha512-wr08C1Gh77qaN8JIkrn5Rz/bdt5M9bdEqFmEOcYhUSq2t2sHvLTBfb4XAtGB3D4hm0ubj50NXWWXoXyp5tPXDg==}
+  /@types/d3-selection@3.0.10:
+    resolution: {integrity: sha512-cuHoUgS/V3hLdjJOLTT691+G2QoqAjCVLmr4kJXR4ha56w1Zdu8UUQ5TxLRqudgNjwXeQxKMq4j+lyf9sWuslg==}
     dev: false
 
-  /@types/d3-time@3.0.2:
-    resolution: {integrity: sha512-kbdRXTmUgNfw5OTE3KZnFQn6XdIc4QGroN5UixgdrXATmYsdlPQS6pEut9tVlIojtzuFD4txs/L+Rq41AHtLpg==}
-    dev: false
-
-  /@types/d3-timer@3.0.1:
-    resolution: {integrity: sha512-GGTvzKccVEhxmRfJEB6zhY9ieT4UhGVUIQaBzFpUO9OXy2ycAlnPCSJLzmGGgqt3KVjqN3QCQB4g1rsZnHsWhg==}
-    dev: false
-
-  /@types/d3-transition@3.0.6:
-    resolution: {integrity: sha512-K0To23B5UxNwFtKORnS5JoNYvw/DnknU5MzhHIS9czJ/lTqFFDeU6w9lArOdoTl0cZFNdNrMJSFCbRCEHccH2w==}
-    dependencies:
-      '@types/d3-selection': 3.0.3
-    dev: false
-
-  /@types/d3-zoom@3.0.1:
-    resolution: {integrity: sha512-7s5L9TjfqIYQmQQEUcpMAcBOahem7TRoSO/+Gkz02GbMVuULiZzjF2BOdw291dbO2aNon4m2OdFsRGaCq2caLQ==}
+  /@types/d3-transition@3.0.8:
+    resolution: {integrity: sha512-ew63aJfQ/ms7QQ4X7pk5NxQ9fZH/z+i24ZfJ6tJSfqxJMrYLiK01EAs2/Rtw/JreGUsS3pLPNV644qXFGnoZNQ==}
     dependencies:
-      '@types/d3-interpolate': 3.0.3
-      '@types/d3-selection': 3.0.3
+      '@types/d3-selection': 3.0.10
     dev: false
 
-  /@types/d3@7.4.0:
-    resolution: {integrity: sha512-jIfNVK0ZlxcuRDKtRS/SypEyOQ6UHaFQBKv032X45VvxSJ6Yi5G9behy9h6tNTHTDGh5Vq+KbmBjUWLgY4meCA==}
+  /@types/d3-zoom@3.0.8:
+    resolution: {integrity: sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==}
     dependencies:
-      '@types/d3-array': 3.0.9
-      '@types/d3-axis': 3.0.5
-      '@types/d3-brush': 3.0.5
-      '@types/d3-chord': 3.0.5
-      '@types/d3-color': 3.1.2
-      '@types/d3-contour': 3.0.5
-      '@types/d3-delaunay': 6.0.3
-      '@types/d3-dispatch': 3.0.5
-      '@types/d3-drag': 3.0.1
-      '@types/d3-dsv': 3.0.5
-      '@types/d3-ease': 3.0.1
-      '@types/d3-fetch': 3.0.5
-      '@types/d3-force': 3.0.7
-      '@types/d3-format': 3.0.3
-      '@types/d3-geo': 3.0.6
-      '@types/d3-hierarchy': 3.1.5
-      '@types/d3-interpolate': 3.0.3
-      '@types/d3-path': 3.0.1
-      '@types/d3-polygon': 3.0.1
-      '@types/d3-quadtree': 3.0.4
-      '@types/d3-random': 3.0.2
-      '@types/d3-scale': 4.0.6
-      '@types/d3-scale-chromatic': 3.0.1
-      '@types/d3-selection': 3.0.3
-      '@types/d3-shape': 3.1.4
-      '@types/d3-time': 3.0.2
-      '@types/d3-time-format': 4.0.2
-      '@types/d3-timer': 3.0.1
-      '@types/d3-transition': 3.0.6
-      '@types/d3-zoom': 3.0.1
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-selection': 3.0.10
     dev: false
 
   /@types/dagre@0.7.52:
@@ -2945,10 +2784,6 @@ packages:
   /@types/estree@1.0.5:
     resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
 
-  /@types/geojson@7946.0.12:
-    resolution: {integrity: sha512-uK2z1ZHJyC0nQRbuovXFt4mzXDwf27vQeUWNhfKGwRcWW429GOhP8HxUHlM6TLH4bzmlv/HlEjpvJh3JfmGsAA==}
-    dev: false
-
   /@types/hast@2.3.7:
     resolution: {integrity: sha512-EVLigw5zInURhzfXUM65eixfadfsHKomGKUakToXo84t8gGIJuTcD2xooM2See7GyQ7DRtYjhCHnSUQez8JaLw==}
     dependencies:
@@ -3511,7 +3346,7 @@ packages:
       vite: ^4
     dependencies:
       '@swc/core': 1.3.96
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
     transitivePeerDependencies:
       - '@swc/helpers'
     dev: true
@@ -3527,11 +3362,11 @@ packages:
       '@babel/plugin-transform-react-jsx-source': 7.22.5(@babel/core@7.23.2)
       '@types/babel__core': 7.20.4
       react-refresh: 0.14.0
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
     transitivePeerDependencies:
       - supports-color
 
-  /@vitejs/plugin-react@4.2.1(vite@4.5.0):
+  /@vitejs/plugin-react@4.2.1(vite@5.2.12):
     resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -3542,7 +3377,7 @@ packages:
       '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.24.0)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.0
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 5.2.12(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -3811,8 +3646,8 @@ packages:
       undici: 5.26.5
       unist-util-visit: 4.1.2
       vfile: 5.3.7
-      vite: 4.5.0(@types/node@18.7.16)
-      vitefu: 0.2.5(vite@4.5.0)
+      vite: 4.5.3
+      vitefu: 0.2.5(vite@4.5.3)
       which-pm: 2.1.1
       yargs-parser: 21.1.1
       zod: 3.21.1
@@ -4820,6 +4655,17 @@ packages:
       ms: 2.1.2
       supports-color: 8.1.1
 
+  /debug@4.3.5:
+    resolution: {integrity: sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+
   /decamelize-keys@1.1.1:
     resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
     engines: {node: '>=0.10.0'}
@@ -4927,6 +4773,10 @@ packages:
   /devalue@4.3.2:
     resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==}
 
+  /devalue@5.0.0:
+    resolution: {integrity: sha512-gO+/OMXF7488D+u3ue+G7Y4AA3ZmUnB3eHJXmBTgNHvr4ZNzl36A0ZtG+XCRNYCkYx/bFmw4qtkoFLa+wSrwAA==}
+    dev: true
+
   /diff@5.1.0:
     resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==}
     engines: {node: '>=0.3.1'}
@@ -5197,36 +5047,6 @@ packages:
       '@esbuild/win32-ia32': 0.18.20
       '@esbuild/win32-x64': 0.18.20
 
-  /esbuild@0.19.12:
-    resolution: {integrity: sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      '@esbuild/aix-ppc64': 0.19.12
-      '@esbuild/android-arm': 0.19.12
-      '@esbuild/android-arm64': 0.19.12
-      '@esbuild/android-x64': 0.19.12
-      '@esbuild/darwin-arm64': 0.19.12
-      '@esbuild/darwin-x64': 0.19.12
-      '@esbuild/freebsd-arm64': 0.19.12
-      '@esbuild/freebsd-x64': 0.19.12
-      '@esbuild/linux-arm': 0.19.12
-      '@esbuild/linux-arm64': 0.19.12
-      '@esbuild/linux-ia32': 0.19.12
-      '@esbuild/linux-loong64': 0.19.12
-      '@esbuild/linux-mips64el': 0.19.12
-      '@esbuild/linux-ppc64': 0.19.12
-      '@esbuild/linux-riscv64': 0.19.12
-      '@esbuild/linux-s390x': 0.19.12
-      '@esbuild/linux-x64': 0.19.12
-      '@esbuild/netbsd-x64': 0.19.12
-      '@esbuild/openbsd-x64': 0.19.12
-      '@esbuild/sunos-x64': 0.19.12
-      '@esbuild/win32-arm64': 0.19.12
-      '@esbuild/win32-ia32': 0.19.12
-      '@esbuild/win32-x64': 0.19.12
-
   /esbuild@0.19.5:
     resolution: {integrity: sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==}
     engines: {node: '>=12'}
@@ -5257,6 +5077,36 @@ packages:
       '@esbuild/win32-x64': 0.19.5
     dev: false
 
+  /esbuild@0.20.2:
+    resolution: {integrity: sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.20.2
+      '@esbuild/android-arm': 0.20.2
+      '@esbuild/android-arm64': 0.20.2
+      '@esbuild/android-x64': 0.20.2
+      '@esbuild/darwin-arm64': 0.20.2
+      '@esbuild/darwin-x64': 0.20.2
+      '@esbuild/freebsd-arm64': 0.20.2
+      '@esbuild/freebsd-x64': 0.20.2
+      '@esbuild/linux-arm': 0.20.2
+      '@esbuild/linux-arm64': 0.20.2
+      '@esbuild/linux-ia32': 0.20.2
+      '@esbuild/linux-loong64': 0.20.2
+      '@esbuild/linux-mips64el': 0.20.2
+      '@esbuild/linux-ppc64': 0.20.2
+      '@esbuild/linux-riscv64': 0.20.2
+      '@esbuild/linux-s390x': 0.20.2
+      '@esbuild/linux-x64': 0.20.2
+      '@esbuild/netbsd-x64': 0.20.2
+      '@esbuild/openbsd-x64': 0.20.2
+      '@esbuild/sunos-x64': 0.20.2
+      '@esbuild/win32-arm64': 0.20.2
+      '@esbuild/win32-ia32': 0.20.2
+      '@esbuild/win32-x64': 0.20.2
+
   /escalade@3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
     engines: {node: '>=6'}
@@ -6101,6 +5951,7 @@ packages:
   /glob@8.1.0:
     resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
     engines: {node: '>=12'}
+    deprecated: Glob versions prior to v9 are no longer supported
     dependencies:
       fs.realpath: 1.0.0
       inflight: 1.0.6
@@ -6425,6 +6276,10 @@ packages:
     resolution: {integrity: sha512-okYUR7ZQPH+efeuMJGlq4f8ubUgO50kByRPyt/Cy1Io4PSRsPjxME+YlVaCOx+NIToW7hCsZNFJyTPFFKepRSA==}
     dev: true
 
+  /import-meta-resolve@4.1.0:
+    resolution: {integrity: sha512-I6fiaX09Xivtk+THaMfAwnA3MVA5Big1WHF1Dfx9hFuvNIWpXnorlkzhcQf6ehrqQiiZECRt1poOAkPmer3ruw==}
+    dev: true
+
   /imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
@@ -6646,7 +6501,7 @@ packages:
   /is-reference@1.2.1:
     resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
     dependencies:
-      '@types/estree': 1.0.3
+      '@types/estree': 1.0.5
     dev: true
 
   /is-reference@3.0.2:
@@ -7068,12 +6923,10 @@ packages:
     dependencies:
       yallist: 4.0.0
 
-  /magic-string@0.27.0:
-    resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
-    engines: {node: '>=12'}
+  /magic-string@0.30.10:
+    resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
-    dev: true
 
   /magic-string@0.30.5:
     resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
@@ -8014,6 +7867,9 @@ packages:
   /picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
 
+  /picocolors@1.0.1:
+    resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
+
   /picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
@@ -8871,6 +8727,14 @@ packages:
       picocolors: 1.0.0
       source-map-js: 1.0.2
 
+  /postcss@8.4.38:
+    resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.7
+      picocolors: 1.0.1
+      source-map-js: 1.2.0
+
   /prebuild-install@7.1.1:
     resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
     engines: {node: '>=10'}
@@ -9438,12 +9302,12 @@ packages:
       glob: 7.2.3
     dev: true
 
-  /rollup-plugin-peer-deps-external@2.2.4(rollup@3.23.0):
+  /rollup-plugin-peer-deps-external@2.2.4(rollup@4.18.0):
     resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==}
     peerDependencies:
       rollup: '*'
     dependencies:
-      rollup: 3.23.0
+      rollup: 4.18.0
     dev: true
 
   /rollup@3.23.0:
@@ -9461,26 +9325,29 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /rollup@4.12.1:
-    resolution: {integrity: sha512-ggqQKvx/PsB0FaWXhIvVkSWh7a/PCLQAsMjBc+nA2M8Rv2/HG0X6zvixAB7KyZBRtifBUhy5k8voQX/mRnABPg==}
+  /rollup@4.18.0:
+    resolution: {integrity: sha512-QmJz14PX3rzbJCN1SG4Xe/bAAX2a6NpCP8ab2vfu2GiUr8AQcr2nCV/oEO3yneFarB67zk8ShlIyWb2LGTb3Sg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
     dependencies:
       '@types/estree': 1.0.5
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.12.1
-      '@rollup/rollup-android-arm64': 4.12.1
-      '@rollup/rollup-darwin-arm64': 4.12.1
-      '@rollup/rollup-darwin-x64': 4.12.1
-      '@rollup/rollup-linux-arm-gnueabihf': 4.12.1
-      '@rollup/rollup-linux-arm64-gnu': 4.12.1
-      '@rollup/rollup-linux-arm64-musl': 4.12.1
-      '@rollup/rollup-linux-riscv64-gnu': 4.12.1
-      '@rollup/rollup-linux-x64-gnu': 4.12.1
-      '@rollup/rollup-linux-x64-musl': 4.12.1
-      '@rollup/rollup-win32-arm64-msvc': 4.12.1
-      '@rollup/rollup-win32-ia32-msvc': 4.12.1
-      '@rollup/rollup-win32-x64-msvc': 4.12.1
+      '@rollup/rollup-android-arm-eabi': 4.18.0
+      '@rollup/rollup-android-arm64': 4.18.0
+      '@rollup/rollup-darwin-arm64': 4.18.0
+      '@rollup/rollup-darwin-x64': 4.18.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.18.0
+      '@rollup/rollup-linux-arm-musleabihf': 4.18.0
+      '@rollup/rollup-linux-arm64-gnu': 4.18.0
+      '@rollup/rollup-linux-arm64-musl': 4.18.0
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.18.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.18.0
+      '@rollup/rollup-linux-s390x-gnu': 4.18.0
+      '@rollup/rollup-linux-x64-gnu': 4.18.0
+      '@rollup/rollup-linux-x64-musl': 4.18.0
+      '@rollup/rollup-win32-arm64-msvc': 4.18.0
+      '@rollup/rollup-win32-ia32-msvc': 4.18.0
+      '@rollup/rollup-win32-x64-msvc': 4.18.0
       fsevents: 2.3.3
 
   /run-parallel@1.2.0:
@@ -9572,8 +9439,8 @@ packages:
     dependencies:
       lru-cache: 6.0.0
 
-  /serialize-javascript@6.0.1:
-    resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==}
+  /serialize-javascript@6.0.2:
+    resolution: {integrity: sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==}
     dependencies:
       randombytes: 2.1.0
     dev: true
@@ -9776,8 +9643,8 @@ packages:
       yargs: 15.4.1
     dev: true
 
-  /smob@1.4.1:
-    resolution: {integrity: sha512-9LK+E7Hv5R9u4g4C3p+jjLstaLe11MDsL21UpYaCNmapvMkYhqCV4A/f/3gyH8QjMyh6l68q9xC85vihY9ahMQ==}
+  /smob@1.5.0:
+    resolution: {integrity: sha512-g6T+p7QO8npa+/hNx9ohv1E5pVCmWrVCUzUXJyLdMmftX6ER0oiWY/w9knEonLpnOp6b6FenKnMfR8gqwWdwig==}
     dev: true
 
   /sorcery@0.11.0:
@@ -9793,6 +9660,10 @@ packages:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
 
+  /source-map-js@1.2.0:
+    resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
+    engines: {node: '>=0.10.0'}
+
   /source-map-support@0.5.21:
     resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
     dependencies:
@@ -10178,8 +10049,8 @@ packages:
       svelte: 4.2.1
     dev: false
 
-  /svelte-hmr@0.15.3(svelte@4.2.12):
-    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
+  /svelte-hmr@0.16.0(svelte@4.2.12):
+    resolution: {integrity: sha512-Gyc7cOS3VJzLlfj7wKS0ZnzDVdv3Pn2IuVeJPk9m2skfhcu5bq3wtIZyQGggr7/Iim5rH5cncyQft/kRLupcnA==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
     peerDependencies:
       svelte: ^3.19.0 || ^4.0.0
@@ -10371,13 +10242,13 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /terser@5.22.0:
-    resolution: {integrity: sha512-hHZVLgRA2z4NWcN6aS5rQDc+7Dcy58HOf2zbYwmFcQ+ua3h6eEFf5lIDKTzbWwlazPyOZsFQO8V80/IjVNExEw==}
+  /terser@5.31.0:
+    resolution: {integrity: sha512-Q1JFAoUKE5IMfI4Z/lkE/E6+SwgzO+x4tq4v1AyBLRj8VSYvRO6A/rQrPg1yud4g0En9EKI1TvFRF2tQFcoUkg==}
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
-      '@jridgewell/source-map': 0.3.5
-      acorn: 8.10.0
+      '@jridgewell/source-map': 0.3.6
+      acorn: 8.11.3
       commander: 2.20.3
       source-map-support: 0.5.21
     dev: true
@@ -10916,7 +10787,7 @@ packages:
       vfile-message: 3.1.4
     dev: false
 
-  /vite@4.5.0(@types/node@18.7.16):
+  /vite@4.5.0:
     resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
@@ -10944,19 +10815,18 @@ packages:
       terser:
         optional: true
     dependencies:
-      '@types/node': 18.7.16
       esbuild: 0.18.20
       postcss: 8.4.35
       rollup: 3.29.4
     optionalDependencies:
       fsevents: 2.3.3
 
-  /vite@5.1.5(@types/node@18.7.16):
-    resolution: {integrity: sha512-BdN1xh0Of/oQafhU+FvopafUp6WaYenLU/NFoL5WyJL++GxkNfieKzBhM24H3HVsPQrlAqB7iJYTHabzaRed5Q==}
-    engines: {node: ^18.0.0 || >=20.0.0}
+  /vite@4.5.3:
+    resolution: {integrity: sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==}
+    engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
-      '@types/node': ^18.0.0 || >=20.0.0
+      '@types/node': '>= 14'
       less: '*'
       lightningcss: ^1.21.0
       sass: '*'
@@ -10979,16 +10849,15 @@ packages:
       terser:
         optional: true
     dependencies:
-      '@types/node': 18.7.16
-      esbuild: 0.19.12
-      postcss: 8.4.35
-      rollup: 4.12.1
+      esbuild: 0.18.20
+      postcss: 8.4.38
+      rollup: 3.29.4
     optionalDependencies:
       fsevents: 2.3.3
     dev: false
 
-  /vite@5.1.6:
-    resolution: {integrity: sha512-yYIAZs9nVfRJ/AiOLCA91zzhjsHUgMjB+EigzFb6W2XTLO8JixBCKCjvhKZaye+NKYHCrkv3Oh50dH9EdLU2RA==}
+  /vite@5.2.12(@types/node@18.7.16):
+    resolution: {integrity: sha512-/gC8GxzxMK5ntBwb48pR32GGhENnjtY30G4A0jemunsBkiEZFw60s8InGpN8gkhHEkjnRK1aSAxeQgwvFhUHAA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -11015,12 +10884,12 @@ packages:
       terser:
         optional: true
     dependencies:
-      esbuild: 0.19.12
-      postcss: 8.4.35
-      rollup: 4.12.1
+      '@types/node': 18.7.16
+      esbuild: 0.20.2
+      postcss: 8.4.38
+      rollup: 4.18.0
     optionalDependencies:
       fsevents: 2.3.3
-    dev: true
 
   /vitefu@0.2.5(vite@4.5.0):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
@@ -11030,9 +10899,21 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: 4.5.0(@types/node@18.7.16)
+      vite: 4.5.0
+    dev: false
+
+  /vitefu@0.2.5(vite@4.5.3):
+    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+    dependencies:
+      vite: 4.5.3
+    dev: false
 
-  /vitefu@0.2.5(vite@5.1.6):
+  /vitefu@0.2.5(vite@5.2.12):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
     peerDependencies:
       vite: ^3.0.0 || ^4.0.0 || ^5.0.0
@@ -11040,8 +10921,7 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: 5.1.6
-    dev: true
+      vite: 5.2.12(@types/node@18.7.16)
 
   /vscode-oniguruma@1.7.0:
     resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==}

From 48f07d59355031c67fedc5b5ffbdb4f675a39646 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 5 Jun 2024 12:58:44 +0200
Subject: [PATCH 0818/1093] chore(packages): bump

---
 packages/react/package.json  | 2 +-
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index c32b33094..b5273054f 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.18",
+  "version": "12.0.0-next.19",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 0b85252f7..4c4c378fc 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index 1d075d12d..679bee5c3 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 9d1cfb24ce160a918e5933d5811b0b4a698c776a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 5 Jun 2024 13:09:12 +0200
Subject: [PATCH 0819/1093] chore(changelog): update

---
 packages/react/CHANGELOG.md  | 1 +
 packages/svelte/CHANGELOG.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 574cdf5d4..479088644 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -7,6 +7,7 @@
 - update `updateNodeData` argument type - thanks @ogroppo
 - add `selectable`, `deletable` and `draggable` to node and edge props
 - add `parentId` to node props
+- fix parent node lookup in `evaluateAbsolutePosition`- thanks @lcsfort
 
 ## 12.0.0-next.18
 
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 2734f2576..292c7e225 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -8,6 +8,7 @@
 - fix deselection of edges
 - remove pointer events from panel when user selection is active
 - fix viewport initialization with user viewport 
+- fix parent node lookup in `evaluateAbsolutePosition`- thanks @lcsfort
 
 ## 0.1.3
 

From 99d0bc2cad5bfecba19fb6044e2a9ac8fd9021cb Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 5 Jun 2024 14:19:16 +0200
Subject: [PATCH 0820/1093] prevent zooming on mobile if zoomOnPinch is false

---
 packages/system/src/xypanzoom/filter.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/system/src/xypanzoom/filter.ts b/packages/system/src/xypanzoom/filter.ts
index 105499d72..57f924868 100644
--- a/packages/system/src/xypanzoom/filter.ts
+++ b/packages/system/src/xypanzoom/filter.ts
@@ -65,6 +65,11 @@ export function createFilter({
       return false;
     }
 
+    if (!zoomOnPinch && event.type === 'touchstart' && event.touches?.length > 1) {
+      event.preventDefault(); // if you manage to start with 2 touches, we prevent native zoom
+      return false;
+    }
+
     // when there is no scroll handling enabled, we prevent all wheel events
     if (!zoomScroll && !panOnScroll && !pinchZoom && event.type === 'wheel') {
       return false;

From 83867733e9072d4dcdb18ffbcfc75e2e95e36091 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 5 Jun 2024 15:58:08 +0200
Subject: [PATCH 0821/1093] feat(repo): add changeset cli

---
 .changeset/README.md   |  8 ++++++++
 .changeset/config.json | 11 +++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 .changeset/README.md
 create mode 100644 .changeset/config.json

diff --git a/.changeset/README.md b/.changeset/README.md
new file mode 100644
index 000000000..e5b6d8d6a
--- /dev/null
+++ b/.changeset/README.md
@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)
diff --git a/.changeset/config.json b/.changeset/config.json
new file mode 100644
index 000000000..e4c1124ee
--- /dev/null
+++ b/.changeset/config.json
@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@2.3.1/schema.json",
+  "changelog": ["@changesets/changelog-github", { "repo": "xyflow/xyflow" }],
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

From 75475313061db8b0a069900ab1f267620944d938 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 5 Jun 2024 16:27:33 +0200
Subject: [PATCH 0822/1093] abort drag when multiple touches are detected

---
 packages/system/src/xydrag/XYDrag.ts | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index e205ced79..0b8c3d897 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -100,6 +100,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
   let containerBounds: DOMRect | null = null;
   let dragStarted = false;
   let d3Selection: Selection<Element, unknown, null, undefined> | null = null;
+  let abortDrag = false; // needed to block multitouch
 
   // public functions
   function update({ noDragClassName, handleSelector, domNode, isSelectable, nodeId }: DragUpdateParams) {
@@ -264,6 +265,8 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
       .on('start', (event: UseDragEvent) => {
         const { domNode, nodeDragThreshold, transform, snapGrid, snapToGrid } = getStoreItems();
 
+        abortDrag = false;
+
         if (nodeDragThreshold === 0) {
           startDrag(event);
         }
@@ -277,6 +280,14 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         const { autoPanOnNodeDrag, transform, snapGrid, snapToGrid, nodeDragThreshold } = getStoreItems();
         const pointerPos = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
 
+        if (event.sourceEvent.type === 'touchmove' && event.sourceEvent.touches.length > 1) {
+          abortDrag = true;
+        }
+
+        if (abortDrag) {
+          return;
+        }
+
         if (!autoPanStarted && autoPanOnNodeDrag && dragStarted) {
           autoPanStarted = true;
           autoPan();
@@ -301,7 +312,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         }
       })
       .on('end', (event: UseDragEvent) => {
-        if (!dragStarted) {
+        if (!dragStarted || abortDrag) {
           return;
         }
 

From fd02d2f245d7727bcbd000d4a44336096a6e3472 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 5 Jun 2024 16:35:08 +0200
Subject: [PATCH 0823/1093] made comment more explicit

---
 packages/system/src/xydrag/XYDrag.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 0b8c3d897..365f20ef6 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -100,7 +100,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
   let containerBounds: DOMRect | null = null;
   let dragStarted = false;
   let d3Selection: Selection<Element, unknown, null, undefined> | null = null;
-  let abortDrag = false; // needed to block multitouch
+  let abortDrag = false; // prevents unintentional dragging on multitouch
 
   // public functions
   function update({ noDragClassName, handleSelector, domNode, isSelectable, nodeId }: DragUpdateParams) {

From 82dddb25799426e41e40b93a0719944669ce8b91 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 5 Jun 2024 17:21:41 +0200
Subject: [PATCH 0824/1093] added straight edge to path built-in-types

---
 packages/react/src/types/edges.ts      | 4 +++-
 packages/svelte/src/lib/types/edges.ts | 7 ++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index 76690161c..b85612f95 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -60,7 +60,9 @@ type StepEdge<EdgeData extends Record<string, unknown> = Record<string, unknown>
   pathOptions?: StepPathOptions;
 };
 
-export type BuiltInEdge = SmoothStepEdge | BezierEdge | StepEdge;
+type StraightEdge<EdgeData extends Record<string, unknown> = Record<string, unknown>> = Edge<EdgeData, 'straight'>;
+
+export type BuiltInEdge = SmoothStepEdge | BezierEdge | StepEdge | StraightEdge;
 
 export type EdgeMouseHandler<EdgeType extends Edge = Edge> = (event: ReactMouseEvent, edge: EdgeType) => void;
 
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index b97002926..de1def914 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -44,7 +44,12 @@ type StepEdge<EdgeData extends Record<string, unknown> = Record<string, unknown>
   pathOptions?: StepPathOptions;
 };
 
-export type BuiltInEdge = SmoothStepEdge | BezierEdge | StepEdge;
+type StraightEdge<EdgeData extends Record<string, unknown> = Record<string, unknown>> = Edge<
+  EdgeData,
+  'straight'
+>;
+
+export type BuiltInEdge = SmoothStepEdge | BezierEdge | StepEdge | StraightEdge;
 
 /**
  * Custom edge component props.

From a1656832bfb3929095a05a7b08262913e39ceca8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 5 Jun 2024 17:41:50 +0200
Subject: [PATCH 0825/1093] chore(changesets): ignore examples

---
 .changeset/config.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/config.json b/.changeset/config.json
index e4c1124ee..a917162b9 100644
--- a/.changeset/config.json
+++ b/.changeset/config.json
@@ -7,5 +7,5 @@
   "access": "restricted",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": []
+  "ignore": ["astro", "react-examples", "svelte-examples"]
 }

From 982ffb5e591b12e2f47410a0e57cbbbcf5acf3d5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 5 Jun 2024 17:49:05 +0200
Subject: [PATCH 0826/1093] refactor(edge-text): enable dynamic edge label
 updates closes #4340

---
 .../react/src/components/Edges/EdgeText.tsx   | 27 ++++++++++---------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/packages/react/src/components/Edges/EdgeText.tsx b/packages/react/src/components/Edges/EdgeText.tsx
index d6c68caa8..2e3ad0419 100644
--- a/packages/react/src/components/Edges/EdgeText.tsx
+++ b/packages/react/src/components/Edges/EdgeText.tsx
@@ -1,4 +1,4 @@
-import { memo, useState, useCallback } from 'react';
+import { memo, useState, useEffect, useRef } from 'react';
 import cc from 'classcat';
 import type { Rect } from '@xyflow/system';
 
@@ -19,19 +19,20 @@ function EdgeTextComponent({
 }: EdgeTextProps) {
   const [edgeTextBbox, setEdgeTextBbox] = useState<Rect>({ x: 1, y: 0, width: 0, height: 0 });
   const edgeTextClasses = cc(['react-flow__edge-textwrapper', className]);
+  const edgeTextRef = useRef<SVGTextElement | null>(null);
 
-  const onEdgeTextRefChange = useCallback((edgeRef: SVGTextElement) => {
-    if (edgeRef === null) return;
+  useEffect(() => {
+    if (edgeTextRef.current) {
+      const textBbox = edgeTextRef.current.getBBox();
 
-    const textBbox = edgeRef.getBBox();
-
-    setEdgeTextBbox({
-      x: textBbox.x,
-      y: textBbox.y,
-      width: textBbox.width,
-      height: textBbox.height,
-    });
-  }, []);
+      setEdgeTextBbox({
+        x: textBbox.x,
+        y: textBbox.y,
+        width: textBbox.width,
+        height: textBbox.height,
+      });
+    }
+  }, [label]);
 
   if (typeof label === 'undefined' || !label) {
     return null;
@@ -60,7 +61,7 @@ function EdgeTextComponent({
         className="react-flow__edge-text"
         y={edgeTextBbox.height / 2}
         dy="0.3em"
-        ref={onEdgeTextRefChange}
+        ref={edgeTextRef}
         style={labelStyle}
       >
         {label}

From ff784cb44c1024117f6a66833a817d22c655c844 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 6 Jun 2024 12:52:59 +0200
Subject: [PATCH 0827/1093] use empty string instead of undefined

---
 packages/svelte/src/lib/container/Panel/Panel.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/container/Panel/Panel.svelte b/packages/svelte/src/lib/container/Panel/Panel.svelte
index cd3adba7a..4ea6661b2 100644
--- a/packages/svelte/src/lib/container/Panel/Panel.svelte
+++ b/packages/svelte/src/lib/container/Panel/Panel.svelte
@@ -19,7 +19,7 @@
 <div
   class={cc(['svelte-flow__panel', className, ...positionClasses])}
   {style}
-  style:pointer-events={$selectionRectMode ? 'none' : undefined}
+  style:pointer-events={$selectionRectMode ? 'none' : ''}
   {...$$restProps}
 >
   <slot />

From 2272c7f0e82673b62f17ba84f24f095b135190a6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 6 Jun 2024 15:10:55 +0200
Subject: [PATCH 0828/1093] refactor(system): reduce getBoundingClientRect
 calls

---
 packages/system/src/utils/dom.ts   | 11 +++++------
 packages/system/src/utils/store.ts |  5 +++--
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/system/src/utils/dom.ts b/packages/system/src/utils/dom.ts
index 9312bc076..d4dc1194c 100644
--- a/packages/system/src/utils/dom.ts
+++ b/packages/system/src/utils/dom.ts
@@ -61,6 +61,7 @@ export const getEventPosition = (event: MouseEvent | TouchEvent, bounds?: DOMRec
 export const getHandleBounds = (
   selector: string,
   nodeElement: HTMLDivElement,
+  nodeBounds: DOMRect,
   zoom: number,
   nodeOrigin: NodeOrigin = [0, 0]
 ): HandleElement[] | null => {
@@ -72,11 +73,9 @@ export const getHandleBounds = (
 
   const handlesArray = Array.from(handles) as HTMLDivElement[];
 
-  // @todo can't we use the node dimensions here?
-  const nodeBounds = nodeElement.getBoundingClientRect();
   const nodeOffset = {
-    x: nodeBounds.width * nodeOrigin[0],
-    y: nodeBounds.height * nodeOrigin[1],
+    x: nodeBounds.left - nodeBounds.width * nodeOrigin[0],
+    y: nodeBounds.top - nodeBounds.height * nodeOrigin[1],
   };
 
   return handlesArray.map((handle): HandleElement => {
@@ -85,8 +84,8 @@ export const getHandleBounds = (
     return {
       id: handle.getAttribute('data-handleid'),
       position: handle.getAttribute('data-handlepos') as unknown as Position,
-      x: (handleBounds.left - nodeBounds.left - nodeOffset.x) / zoom,
-      y: (handleBounds.top - nodeBounds.top - nodeOffset.y) / zoom,
+      x: (handleBounds.left - nodeOffset.x) / zoom,
+      y: (handleBounds.top - nodeOffset.y) / zoom,
       ...getDimensions(handle),
     };
   });
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index f6e617d01..14918a11a 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -269,12 +269,13 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
       );
 
       if (doUpdate) {
+        const nodeBounds = update.nodeElement.getBoundingClientRect();
         node.measured = dimensions;
         node.internals = {
           ...node.internals,
           handleBounds: {
-            source: getHandleBounds('.source', update.nodeElement, zoom, node.origin || nodeOrigin),
-            target: getHandleBounds('.target', update.nodeElement, zoom, node.origin || nodeOrigin),
+            source: getHandleBounds('.source', update.nodeElement, nodeBounds, zoom, node.origin || nodeOrigin),
+            target: getHandleBounds('.target', update.nodeElement, nodeBounds, zoom, node.origin || nodeOrigin),
           },
         };
 

From 71980a85e6979f74495280fb9ad86aa2cf0eac21 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 6 Jun 2024 17:25:25 +0200
Subject: [PATCH 0829/1093] fix(react): add compiler options outDir

---
 packages/react/tsconfig.json | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react/tsconfig.json b/packages/react/tsconfig.json
index 85011689e..0abd4924b 100644
--- a/packages/react/tsconfig.json
+++ b/packages/react/tsconfig.json
@@ -2,5 +2,8 @@
   "extends": "@xyflow/tsconfig/react.json",
   "display": "@xyflow/react",
   "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules", "dist"]
+  "exclude": ["node_modules", "dist"],
+  "compilerOptions": {
+    "outDir": "dist"
+  }
 }

From 3bba0b41e0c472386f3bc265490747f7849a18cf Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Thu, 6 Jun 2024 17:26:10 +0200
Subject: [PATCH 0830/1093] feat(useReactFlow): add updateEdge and
 updateEdgeData (#4351)

* feat(useReactFlow): add updateEdge and updateEdgeData

* chore(examples): add updateEdge call
---
 .../src/examples/MultiSetNodes/index.tsx      | 14 ++++++-
 packages/react/src/hooks/useReactFlow.ts      | 38 +++++++++++++++++--
 packages/react/src/types/instance.ts          | 30 +++++++++++++++
 3 files changed, 76 insertions(+), 6 deletions(-)

diff --git a/examples/react/src/examples/MultiSetNodes/index.tsx b/examples/react/src/examples/MultiSetNodes/index.tsx
index fcb499240..b85cb33c9 100644
--- a/examples/react/src/examples/MultiSetNodes/index.tsx
+++ b/examples/react/src/examples/MultiSetNodes/index.tsx
@@ -28,10 +28,15 @@ for (let i = 0; i < 100; i++) {
   });
 }
 
-const initEdges: Edge[] = [];
+const initEdges: Edge[] = initNodes.reduce<Edge[]>((res, node, index) => {
+  if (index > 0) {
+    res.push({ id: `${index - 1}-${index}`, source: (index - 1).toString(), target: index.toString() });
+  }
+  return res;
+}, []);
 
 const CustomNodeFlow = () => {
-  const { setNodes, updateNodeData } = useReactFlow();
+  const { setNodes, updateNodeData, updateEdge } = useReactFlow();
   const [nodes, , onNodesChange] = useNodesState(initNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initEdges);
 
@@ -55,6 +60,10 @@ const CustomNodeFlow = () => {
     nodes.forEach((node) => updateNodeData(node.id, { label: 'node update' }));
   };
 
+  const multiUpdateEdges = () => {
+    edges.forEach((edge) => updateEdge(edge.id, { label: 'edge update' }));
+  };
+
   return (
     <ReactFlow
       nodes={nodes}
@@ -70,6 +79,7 @@ const CustomNodeFlow = () => {
       <Panel>
         <button onClick={multiSetNodes}>set nodes</button>
         <button onClick={multiUpdateNodes}>update nodes</button>
+        <button onClick={multiUpdateEdges}>update edges</button>
       </Panel>
     </ReactFlow>
   );
diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index 4f1404a4f..6766e7753 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -13,7 +13,7 @@ import {
 import useViewportHelper from './useViewportHelper';
 import { useStore, useStoreApi } from './useStore';
 import { useBatchContext } from '../components/BatchProvider';
-import { elementToRemoveChange, isNode } from '../utils';
+import { elementToRemoveChange, isEdge, isNode } from '../utils';
 import type { ReactFlowInstance, Node, Edge, InternalNode, ReactFlowState, GeneralHelpers } from '../types';
 
 const selector = (s: ReactFlowState) => !!s.panZoom;
@@ -41,6 +41,10 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
       batchContext.nodeQueue.push(payload as NodeType[]);
     };
 
+    const setEdges: GeneralHelpers<NodeType, EdgeType>['setEdges'] = (payload) => {
+      batchContext.edgeQueue.push(payload as EdgeType[]);
+    };
+
     const getNodeRect = (node: NodeType | { id: string }): Rect | null => {
       const { nodeLookup, nodeOrigin } = store.getState();
 
@@ -77,6 +81,23 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
       );
     };
 
+    const updateEdge: GeneralHelpers<NodeType, EdgeType>['updateEdge'] = (
+      id,
+      edgeUpdate,
+      options = { replace: false }
+    ) => {
+      setEdges((prevEdges) =>
+        prevEdges.map((edge) => {
+          if (edge.id === id) {
+            const nextEdge = typeof edgeUpdate === 'function' ? edgeUpdate(edge as EdgeType) : edgeUpdate;
+            return options.replace && isEdge(nextEdge) ? (nextEdge as EdgeType) : { ...edge, ...nextEdge };
+          }
+
+          return edge;
+        })
+      );
+    };
+
     return {
       getNodes: () => store.getState().nodes.map((n) => ({ ...n })) as NodeType[],
       getNode: (id) => getInternalNode(id)?.internals.userNode as NodeType,
@@ -87,9 +108,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
       },
       getEdge: (id) => store.getState().edgeLookup.get(id) as EdgeType,
       setNodes,
-      setEdges: (payload) => {
-        batchContext.edgeQueue.push(payload as EdgeType[]);
-      },
+      setEdges,
       addNodes: (payload) => {
         const newNodes = Array.isArray(payload) ? payload : [payload];
         batchContext.nodeQueue.push((nodes) => [...nodes, ...newNodes]);
@@ -200,6 +219,17 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
           options
         );
       },
+      updateEdge,
+      updateEdgeData: (id, dataUpdate, options = { replace: false }) => {
+        updateEdge(
+          id,
+          (edge) => {
+            const nextData = typeof dataUpdate === 'function' ? dataUpdate(edge) : dataUpdate;
+            return options.replace ? { ...edge, data: nextData } : { ...edge, data: { ...edge.data, ...nextData } };
+          },
+          options
+        );
+      },
     };
   }, []);
 
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index bd7c1d1b0..5f4aa3b30 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -143,6 +143,36 @@ export type GeneralHelpers<NodeType extends Node = Node, EdgeType extends Edge =
     dataUpdate: Partial<NodeType['data']> | ((node: NodeType) => Partial<NodeType['data']>),
     options?: { replace: boolean }
   ) => void;
+  /**
+   * Updates an edge.
+   *
+   * @param id - id of the edge to update
+   * @param edgeUpdate - the edge update as an object or a function that receives the current edge and returns the edge update
+   * @param options.replace - if true, the edge is replaced with the edge update, otherwise the changes get merged
+   *
+   * @example
+   * updateEdge('edge-1', (edge) => ({ label: 'A new label' }));
+   */
+  updateEdge: (
+    id: string,
+    edgeUpdate: Partial<EdgeType> | ((edge: EdgeType) => Partial<EdgeType>),
+    options?: { replace: boolean }
+  ) => void;
+  /**
+   * Updates the data attribute of a edge.
+   *
+   * @param id - id of the edge to update
+   * @param dataUpdate - the data update as an object or a function that receives the current data and returns the data update
+   * @param options.replace - if true, the data is replaced with the data update, otherwise the changes get merged
+   *
+   * @example
+   * updateEdgeData('edge-1', { label: 'A new label' });
+   */
+  updateEdgeData: (
+    id: string,
+    dataUpdate: Partial<EdgeType['data']> | ((edge: EdgeType) => Partial<EdgeType['data']>),
+    options?: { replace: boolean }
+  ) => void;
 };
 
 export type ReactFlowInstance<NodeType extends Node = Node, EdgeType extends Edge = Edge> = GeneralHelpers<

From 3a8ead838bf509e12140d7ee2b2a3f4a136b85d8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 6 Jun 2024 17:31:15 +0200
Subject: [PATCH 0831/1093] chore(pnpm): update lock file

---
 pnpm-lock.yaml | 12530 ++++++++++++++++++++++++++---------------------
 1 file changed, 6974 insertions(+), 5556 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 99ce743b9..b85af352c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: '6.0'
+lockfileVersion: '9.0'
 
 settings:
   autoInstallPeers: true
@@ -481,38 +481,5651 @@ importers:
 
 packages:
 
-  /@aashutoshrathi/word-wrap@1.2.6:
+  '@aashutoshrathi/word-wrap@1.2.6':
     resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
-  /@ampproject/remapping@2.2.1:
+  '@ampproject/remapping@2.2.1':
     resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
     engines: {node: '>=6.0.0'}
+
+  '@ampproject/remapping@2.3.0':
+    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
+    engines: {node: '>=6.0.0'}
+
+  '@astrojs/compiler@2.2.1':
+    resolution: {integrity: sha512-NJ1lWKzMkyEjE3W5NpPNAVot4/PLF5om/P6ekxNu3iLS05CaYFTcp7WpYMjdCC252b7wkNVAs45FNkVQ+RHW/g==}
+
+  '@astrojs/internal-helpers@0.2.0':
+    resolution: {integrity: sha512-NQ4ppp1CM0HNkKbJNM4saVSfmUYzGlRalF6wx7F6T/MYHYSWGuojY89/oFTy4t8VlOGUCUijlsVNNeziWaUo5g==}
+
+  '@astrojs/markdown-remark@3.2.0':
+    resolution: {integrity: sha512-jigyLfefUZPKgVmmraCkVpdUuFH1R3SrpgQO13axsgwLDBgkggaQpNR5Ag4O9PDualeBtbdt30aYSfvnBKx9Hg==}
+    peerDependencies:
+      astro: ^3.1.0
+
+  '@astrojs/prism@3.0.0':
+    resolution: {integrity: sha512-g61lZupWq1bYbcBnYZqdjndShr/J3l/oFobBKPA3+qMat146zce3nz2kdO4giGbhYDt4gYdhmoBz0vZJ4sIurQ==}
+    engines: {node: '>=18.14.1'}
+
+  '@astrojs/react@3.0.2':
+    resolution: {integrity: sha512-aooNIuQxTg+IWGMZPuIEwBeBi4/TCPCMsr3714zuLjAjukVd5ZrX/bCNxJqDWU4HNwUm4XFU1OhcEvYOHa5uMQ==}
+    engines: {node: '>=18.14.1'}
+    peerDependencies:
+      '@types/react': ^17.0.50 || ^18.0.21
+      '@types/react-dom': ^17.0.17 || ^18.0.6
+      react: ^17.0.2 || ^18.0.0
+      react-dom: ^17.0.2 || ^18.0.0
+
+  '@astrojs/svelte@4.0.2':
+    resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==}
+    engines: {node: '>=18.14.1'}
+    peerDependencies:
+      astro: ^3.0.11
+      svelte: ^3.55.0 || ^4.0.0
+
+  '@astrojs/telemetry@3.0.2':
+    resolution: {integrity: sha512-ef+jqCkqopCzjGfsMsr+8p56Nj6F9ZzouWcWZt+dKsqbRccI3c8K3jfkLcdq4AyfFZtKBDB6N4ZuI68g33oiOg==}
+    engines: {node: '>=18.14.1'}
+
+  '@babel/code-frame@7.22.13':
+    resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/code-frame@7.23.5':
+    resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.23.2':
+    resolution: {integrity: sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.23.5':
+    resolution: {integrity: sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.23.2':
+    resolution: {integrity: sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.24.0':
+    resolution: {integrity: sha512-fQfkg0Gjkza3nf0c7/w6Xf34BW4YvzNfACRLmmb7XRLa6XHdR+K9AlJlxneFfWYf6uhOzuzZVTjF/8KfndZANw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.23.0':
+    resolution: {integrity: sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.23.6':
+    resolution: {integrity: sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-annotate-as-pure@7.22.5':
+    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.22.15':
+    resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.23.6':
+    resolution: {integrity: sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-environment-visitor@7.22.20':
+    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-function-name@7.23.0':
+    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-hoist-variables@7.22.5':
+    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.22.15':
+    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.23.0':
+    resolution: {integrity: sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-module-transforms@7.23.3':
+    resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-plugin-utils@7.22.5':
+    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-plugin-utils@7.24.0':
+    resolution: {integrity: sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-simple-access@7.22.5':
+    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-split-export-declaration@7.22.6':
+    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.22.5':
+    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.23.4':
+    resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.22.20':
+    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.22.15':
+    resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.23.5':
+    resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.23.2':
+    resolution: {integrity: sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.24.0':
+    resolution: {integrity: sha512-ulDZdc0Aj5uLc5nETsa7EPx2L7rM0YJM8r7ck7U73AXi7qOV44IHHRAYZHY6iU1rr3C5N4NtTmMRUJP6kwCWeA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/highlight@7.22.20':
+    resolution: {integrity: sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/highlight@7.23.4':
+    resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.23.0':
+    resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/parser@7.23.6':
+    resolution: {integrity: sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/parser@7.24.0':
+    resolution: {integrity: sha512-QuP/FxEAzMSjXygs8v4N9dvdXzEHN4W1oF3PxuWAtPo08UdM17u89RDMgjLn/mlc56iM0HlLmVkO/wgR+rDgHg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/plugin-syntax-jsx@7.22.5':
+    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-self@7.22.5':
+    resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-self@7.23.3':
+    resolution: {integrity: sha512-qXRvbeKDSfwnlJnanVRp0SfuWE5DQhwQr5xtLBzp56Wabyo+4CMosF6Kfp+eOD/4FYpql64XVJ2W0pVLlJZxOQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-source@7.22.5':
+    resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-source@7.23.3':
+    resolution: {integrity: sha512-91RS0MDnAWDNvGC6Wio5XYkyWI39FMFO+JK9+4AlgaTH+yWwVTsw7/sn6LK0lH7c5F+TFkpv/3LfCJ1Ydwof/g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx@7.22.15':
+    resolution: {integrity: sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/runtime@7.23.2':
+    resolution: {integrity: sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/template@7.22.15':
+    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/template@7.24.0':
+    resolution: {integrity: sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.23.2':
+    resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.24.0':
+    resolution: {integrity: sha512-HfuJlI8qq3dEDmNU5ChzzpZRWq+oxCZQyMzIMEqLho+AQnhMnKQUzH6ydo3RBl/YjPCuk68Y6s0Gx0AeyULiWw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.23.0':
+    resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.23.6':
+    resolution: {integrity: sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.24.0':
+    resolution: {integrity: sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==}
+    engines: {node: '>=6.9.0'}
+
+  '@changesets/apply-release-plan@6.1.4':
+    resolution: {integrity: sha512-FMpKF1fRlJyCZVYHr3CbinpZZ+6MwvOtWUuO8uo+svcATEoc1zRDcj23pAurJ2TZ/uVz1wFHH6K3NlACy0PLew==}
+
+  '@changesets/assemble-release-plan@5.2.4':
+    resolution: {integrity: sha512-xJkWX+1/CUaOUWTguXEbCDTyWJFECEhmdtbkjhn5GVBGxdP/JwaHBIU9sW3FR6gD07UwZ7ovpiPclQZs+j+mvg==}
+
+  '@changesets/changelog-git@0.1.14':
+    resolution: {integrity: sha512-+vRfnKtXVWsDDxGctOfzJsPhaCdXRYoe+KyWYoq5X/GqoISREiat0l3L8B0a453B2B4dfHGcZaGyowHbp9BSaA==}
+
+  '@changesets/changelog-github@0.4.7':
+    resolution: {integrity: sha512-UUG5sKwShs5ha1GFnayUpZNcDGWoY7F5XxhOEHS62sDPOtoHQZsG3j1nC5RxZ3M1URHA321cwVZHeXgu99Y3ew==}
+
+  '@changesets/cli@2.25.0':
+    resolution: {integrity: sha512-Svu5KD2enurVHGEEzCRlaojrHjVYgF9srmMP9VQSy9c1TspX6C9lDPpulsSNIjYY9BuU/oiWpjBgR7RI9eQiAA==}
+    hasBin: true
+
+  '@changesets/config@2.3.1':
+    resolution: {integrity: sha512-PQXaJl82CfIXddUOppj4zWu+987GCw2M+eQcOepxN5s+kvnsZOwjEJO3DH9eVy+OP6Pg/KFEWdsECFEYTtbg6w==}
+
+  '@changesets/errors@0.1.4':
+    resolution: {integrity: sha512-HAcqPF7snsUJ/QzkWoKfRfXushHTu+K5KZLJWPb34s4eCZShIf8BFO3fwq6KU8+G7L5KdtN2BzQAXOSXEyiY9Q==}
+
+  '@changesets/get-dependents-graph@1.3.6':
+    resolution: {integrity: sha512-Q/sLgBANmkvUm09GgRsAvEtY3p1/5OCzgBE5vX3vgb5CvW0j7CEljocx5oPXeQSNph6FXulJlXV3Re/v3K3P3Q==}
+
+  '@changesets/get-github-info@0.5.2':
+    resolution: {integrity: sha512-JppheLu7S114aEs157fOZDjFqUDpm7eHdq5E8SSR0gUBTEK0cNSHsrSR5a66xs0z3RWuo46QvA3vawp8BxDHvg==}
+
+  '@changesets/get-release-plan@3.0.17':
+    resolution: {integrity: sha512-6IwKTubNEgoOZwDontYc2x2cWXfr6IKxP3IhKeK+WjyD6y3M4Gl/jdQvBw+m/5zWILSOCAaGLu2ZF6Q+WiPniw==}
+
+  '@changesets/get-version-range-type@0.3.2':
+    resolution: {integrity: sha512-SVqwYs5pULYjYT4op21F2pVbcrca4qA/bAA3FmFXKMN7Y+HcO8sbZUTx3TAy2VXulP2FACd1aC7f2nTuqSPbqg==}
+
+  '@changesets/git@1.5.0':
+    resolution: {integrity: sha512-Xo8AT2G7rQJSwV87c8PwMm6BAc98BnufRMsML7m7Iw8Or18WFvFmxqG5aOL5PBvhgq9KrKvaeIBNIymracSuHg==}
+
+  '@changesets/git@2.0.0':
+    resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==}
+
+  '@changesets/logger@0.0.5':
+    resolution: {integrity: sha512-gJyZHomu8nASHpaANzc6bkQMO9gU/ib20lqew1rVx753FOxffnCrJlGIeQVxNWCqM+o6OOleCo/ivL8UAO5iFw==}
+
+  '@changesets/parse@0.3.16':
+    resolution: {integrity: sha512-127JKNd167ayAuBjUggZBkmDS5fIKsthnr9jr6bdnuUljroiERW7FBTDNnNVyJ4l69PzR57pk6mXQdtJyBCJKg==}
+
+  '@changesets/pre@1.0.14':
+    resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==}
+
+  '@changesets/read@0.5.9':
+    resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==}
+
+  '@changesets/types@4.1.0':
+    resolution: {integrity: sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw==}
+
+  '@changesets/types@5.2.1':
+    resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==}
+
+  '@changesets/write@0.2.3':
+    resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==}
+
+  '@colors/colors@1.5.0':
+    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
+    engines: {node: '>=0.1.90'}
+
+  '@cypress/request@3.0.1':
+    resolution: {integrity: sha512-TWivJlJi8ZDx2wGOw1dbLuHJKUYX7bWySw377nlnGOW3hP9/MUKIsEdXT/YngWxVdgNCHRBmFlBipE+5/2ZZlQ==}
+    engines: {node: '>= 6'}
+
+  '@cypress/skip-test@2.6.1':
+    resolution: {integrity: sha512-X+ibefBiuOmC5gKG91wRIT0/OqXeETYvu7zXktjZ3yLeO186Y8ia0K7/gQUpAwuUi28DuqMd1+7tBQVtPkzbPA==}
+
+  '@cypress/xvfb@1.2.4':
+    resolution: {integrity: sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==}
+
+  '@dagrejs/dagre@1.0.4':
+    resolution: {integrity: sha512-jrEore+HhW1yg1Rsd9H1PPMcoEOD4bVh0WCXc6GqzyzubnJj4GaWGg8ETOrskTd/3n/g5LOzumGM4CCgpNLJNw==}
+
+  '@dagrejs/graphlib@2.1.13':
+    resolution: {integrity: sha512-calbMa7Gcyo+/t23XBaqQqon8LlgE9regey4UVoikoenKBXvUnCUL3s9RP6USCxttfr0XWVICtYUuKMdehKqMw==}
+    engines: {node: '>17.0.0'}
+
+  '@esbuild/aix-ppc64@0.20.2':
+    resolution: {integrity: sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.18.20':
+    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.19.5':
+    resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.20.2':
+    resolution: {integrity: sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.18.20':
+    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.19.5':
+    resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.20.2':
+    resolution: {integrity: sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.18.20':
+    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.19.5':
+    resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.20.2':
+    resolution: {integrity: sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.18.20':
+    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.19.5':
+    resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.20.2':
+    resolution: {integrity: sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.18.20':
+    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.19.5':
+    resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.20.2':
+    resolution: {integrity: sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.18.20':
+    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.19.5':
+    resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.20.2':
+    resolution: {integrity: sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.18.20':
+    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.19.5':
+    resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.20.2':
+    resolution: {integrity: sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.18.20':
+    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.19.5':
+    resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.20.2':
+    resolution: {integrity: sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.18.20':
+    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.19.5':
+    resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.20.2':
+    resolution: {integrity: sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.18.20':
+    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.19.5':
+    resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.20.2':
+    resolution: {integrity: sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.18.20':
+    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.19.5':
+    resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.20.2':
+    resolution: {integrity: sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.18.20':
+    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.19.5':
+    resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.20.2':
+    resolution: {integrity: sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.18.20':
+    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.19.5':
+    resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.20.2':
+    resolution: {integrity: sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.18.20':
+    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.19.5':
+    resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.20.2':
+    resolution: {integrity: sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.18.20':
+    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.19.5':
+    resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.20.2':
+    resolution: {integrity: sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.18.20':
+    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.19.5':
+    resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.20.2':
+    resolution: {integrity: sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-x64@0.18.20':
+    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.19.5':
+    resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.20.2':
+    resolution: {integrity: sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-x64@0.18.20':
+    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.19.5':
+    resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.20.2':
+    resolution: {integrity: sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/sunos-x64@0.18.20':
+    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.19.5':
+    resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.20.2':
+    resolution: {integrity: sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.18.20':
+    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.19.5':
+    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.20.2':
+    resolution: {integrity: sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.18.20':
+    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.19.5':
+    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.20.2':
+    resolution: {integrity: sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.18.20':
+    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.19.5':
+    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.20.2':
+    resolution: {integrity: sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@eslint-community/eslint-utils@4.4.0':
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    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.10.0':
+    resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint-community/regexpp@4.9.1':
+    resolution: {integrity: sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/eslintrc@2.1.2':
+    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  '@eslint/eslintrc@2.1.3':
+    resolution: {integrity: sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==}
+    engines: {node: ^12.22.0 || ^14.17.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.43.0':
+    resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  '@eslint/js@8.53.0':
+    resolution: {integrity: sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  '@eslint/js@8.57.0':
+    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  '@fastify/busboy@2.0.0':
+    resolution: {integrity: sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==}
+    engines: {node: '>=14'}
+
+  '@hapi/hoek@9.3.0':
+    resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
+
+  '@hapi/topo@5.1.0':
+    resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==}
+
+  '@humanwhocodes/config-array@0.11.13':
+    resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==}
+    engines: {node: '>=10.10.0'}
+
+  '@humanwhocodes/config-array@0.11.14':
+    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
+    engines: {node: '>=10.10.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/object-schema@2.0.1':
+    resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==}
+
+  '@humanwhocodes/object-schema@2.0.2':
+    resolution: {integrity: sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==}
+
+  '@jridgewell/gen-mapping@0.3.3':
+    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/gen-mapping@0.3.5':
+    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/resolve-uri@3.1.1':
+    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
+    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.1.2':
+    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/set-array@1.2.1':
+    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/source-map@0.3.6':
+    resolution: {integrity: sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==}
+
+  '@jridgewell/sourcemap-codec@1.4.15':
+    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+
+  '@jridgewell/trace-mapping@0.3.20':
+    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==}
+
+  '@jridgewell/trace-mapping@0.3.25':
+    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
+
+  '@manypkg/find-root@1.1.0':
+    resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
+
+  '@manypkg/get-packages@1.1.3':
+    resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
+
+  '@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'}
+
+  '@playwright/experimental-ct-core@1.42.1':
+    resolution: {integrity: sha512-wBS6pzgJwRuK0MwgiooamLW0prQLgT0RAhxooeMyqU97VbDI5aYuuynlxobJDDymU4HcOKARg2rG8h6jX7ShrA==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  '@playwright/experimental-ct-react@1.42.1':
+    resolution: {integrity: sha512-/dxu7nkGOlZIx9MUGQPM5kiIGksYIBaaJKQuNmaJNV29V3VGI1p9yQqrvl1jFK/Hu7SC1LmFB8RlkrOgMiZKYg==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  '@playwright/test@1.42.1':
+    resolution: {integrity: sha512-Gq9rmS54mjBL/7/MvBaNOBwbfnh7beHvS6oS4srqXFcQHpQCV1+c8JXWE8VLPyRDhgS3H8x8A7hztqI9VnwrAQ==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  '@polka/url@1.0.0-next.24':
+    resolution: {integrity: sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==}
+
+  '@reduxjs/toolkit@2.2.3':
+    resolution: {integrity: sha512-76dll9EnJXg4EVcI5YNxZA/9hSAmZsFqzMmNRHvIlzw2WS/twfcVX3ysYrWGJMClwEmChQFC4yRq74tn6fdzRA==}
+    peerDependencies:
+      react: ^16.9.0 || ^17.0.0 || ^18
+      react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-redux:
+        optional: true
+
+  '@remix-run/router@1.11.0':
+    resolution: {integrity: sha512-BHdhcWgeiudl91HvVa2wxqZjSHbheSgIiDvxrF1VjFzBzpTtuDPkOdOi3Iqvc08kXtFkLjhbS+ML9aM8mJS+wQ==}
+    engines: {node: '>=14.0.0'}
+
+  '@rollup/plugin-commonjs@25.0.8':
+    resolution: {integrity: sha512-ZEZWTK5n6Qde0to4vS9Mr5x/0UZoqCxPVR9KRUjU4kA2sO7GEUn1fop0DAwpO6z0Nw/kJON9bDmSxdWxO/TT1A==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.68.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-node-resolve@15.2.3':
+    resolution: {integrity: sha512-j/lym8nf5E21LwBT4Df1VD6hRO2L2iwUeUmP7litikRsVp1H6NWx20NEp0Y7su+7XGc476GnXXc4kFeZNGmaSQ==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.78.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-replace@5.0.6':
+    resolution: {integrity: sha512-n/Eea4MuS38M5iT+0nz7UzSbI4H4hVTKV5hOTAQzNVKT3nYxj8iaG4t9IW86Ugv/jApGY+O+SANAFqWPzZ9xkw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-terser@0.4.4':
+    resolution: {integrity: sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-typescript@11.1.6':
+    resolution: {integrity: sha512-R92yOmIACgYdJ7dJ97p4K69I8gg6IEHt8M7dUBxN3W6nrO8uUxX5ixl0yU/N3aZTi8WhPuICvOHXQvF6FaykAA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.14.0||^3.0.0||^4.0.0
+      tslib: '*'
+      typescript: '>=3.7.0'
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+      tslib:
+        optional: true
+
+  '@rollup/pluginutils@5.1.0':
+    resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/rollup-android-arm-eabi@4.18.0':
+    resolution: {integrity: sha512-Tya6xypR10giZV1XzxmH5wr25VcZSncG0pZIjfePT0OVBvqNEurzValetGNarVrGiq66EBVAFn15iYX4w6FKgQ==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.18.0':
+    resolution: {integrity: sha512-avCea0RAP03lTsDhEyfy+hpfr85KfyTctMADqHVhLAF3MlIkq83CP8UfAHUssgXTYd+6er6PaAhx/QGv4L1EiA==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.18.0':
+    resolution: {integrity: sha512-IWfdwU7KDSm07Ty0PuA/W2JYoZ4iTj3TUQjkVsO/6U+4I1jN5lcR71ZEvRh52sDOERdnNhhHU57UITXz5jC1/w==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.18.0':
+    resolution: {integrity: sha512-n2LMsUz7Ynu7DoQrSQkBf8iNrjOGyPLrdSg802vk6XT3FtsgX6JbE8IHRvposskFm9SNxzkLYGSq9QdpLYpRNA==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.18.0':
+    resolution: {integrity: sha512-C/zbRYRXFjWvz9Z4haRxcTdnkPt1BtCkz+7RtBSuNmKzMzp3ZxdM28Mpccn6pt28/UWUCTXa+b0Mx1k3g6NOMA==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.18.0':
+    resolution: {integrity: sha512-l3m9ewPgjQSXrUMHg93vt0hYCGnrMOcUpTz6FLtbwljo2HluS4zTXFy2571YQbisTnfTKPZ01u/ukJdQTLGh9A==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-gnu@4.18.0':
+    resolution: {integrity: sha512-rJ5D47d8WD7J+7STKdCUAgmQk49xuFrRi9pZkWoRD1UeSMakbcepWXPF8ycChBoAqs1pb2wzvbY6Q33WmN2ftw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-musl@4.18.0':
+    resolution: {integrity: sha512-be6Yx37b24ZwxQ+wOQXXLZqpq4jTckJhtGlWGZs68TgdKXJgw54lUUoFYrg6Zs/kjzAQwEwYbp8JxZVzZLRepQ==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-powerpc64le-gnu@4.18.0':
+    resolution: {integrity: sha512-hNVMQK+qrA9Todu9+wqrXOHxFiD5YmdEi3paj6vP02Kx1hjd2LLYR2eaN7DsEshg09+9uzWi2W18MJDlG0cxJA==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.18.0':
+    resolution: {integrity: sha512-ROCM7i+m1NfdrsmvwSzoxp9HFtmKGHEqu5NNDiZWQtXLA8S5HBCkVvKAxJ8U+CVctHwV2Gb5VUaK7UAkzhDjlg==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-s390x-gnu@4.18.0':
+    resolution: {integrity: sha512-0UyyRHyDN42QL+NbqevXIIUnKA47A+45WyasO+y2bGJ1mhQrfrtXUpTxCOrfxCR4esV3/RLYyucGVPiUsO8xjg==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-gnu@4.18.0':
+    resolution: {integrity: sha512-xuglR2rBVHA5UsI8h8UbX4VJ470PtGCf5Vpswh7p2ukaqBGFTnsfzxUBetoWBWymHMxbIG0Cmx7Y9qDZzr648w==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-musl@4.18.0':
+    resolution: {integrity: sha512-LKaqQL9osY/ir2geuLVvRRs+utWUNilzdE90TpyoX0eNqPzWjRm14oMEE+YLve4k/NAqCdPkGYDaDF5Sw+xBfg==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-win32-arm64-msvc@4.18.0':
+    resolution: {integrity: sha512-7J6TkZQFGo9qBKH0pk2cEVSRhJbL6MtfWxth7Y5YmZs57Pi+4x6c2dStAUvaQkHQLnEQv1jzBUW43GvZW8OFqA==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.18.0':
+    resolution: {integrity: sha512-Txjh+IxBPbkUB9+SXZMpv+b/vnTEtFyfWZgJ6iyCmt2tdx0OF5WhFowLmnh8ENGNpfUlUZkdI//4IEmhwPieNg==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.18.0':
+    resolution: {integrity: sha512-UOo5FdvOL0+eIVTgS4tIdbW+TtnBLWg1YBCcU2KWM7nuNwRz9bksDX1bekJJCpu25N1DVWaCwnT39dVQxzqS8g==}
+    cpu: [x64]
+    os: [win32]
+
+  '@sideway/address@4.1.4':
+    resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==}
+
+  '@sideway/formula@3.0.1':
+    resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==}
+
+  '@sideway/pinpoint@2.0.0':
+    resolution: {integrity: sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==}
+
+  '@sindresorhus/merge-streams@1.0.0':
+    resolution: {integrity: sha512-rUV5WyJrJLoloD4NDN1V1+LDMDWOa4OTsT4yYJwQNpTU6FWxkxHpL7eu4w+DmiH8x/EAM1otkPE1+LaspIbplw==}
+    engines: {node: '>=18'}
+
+  '@svelte-put/shortcut@3.1.0':
+    resolution: {integrity: sha512-EWMEDkZ0+O3yMhb9yrqe5UYisV9CNRKX6Pl/JW3x62t74CiN+3COu1L9NzZUG0omagc2Z3J14PZNYxs77IC9NA==}
+
+  '@sveltejs/adapter-auto@3.1.1':
+    resolution: {integrity: sha512-6LeZft2Fo/4HfmLBi5CucMYmgRxgcETweQl/yQoZo/895K3S9YWYN4Sfm/IhwlIpbJp3QNvhKmwCHbsqQNYQpw==}
+    peerDependencies:
+      '@sveltejs/kit': ^2.0.0
+
+  '@sveltejs/adapter-auto@3.2.1':
+    resolution: {integrity: sha512-/3xx8ZFCD5UBc/7AbyXkFF3HNCzWAp2xncH8HA4doGjoGQEN7PmwiRx4Y9nOzi4mqDqYYUic0gaIAE2khWWU4Q==}
+    peerDependencies:
+      '@sveltejs/kit': ^2.0.0
+
+  '@sveltejs/kit@2.5.10':
+    resolution: {integrity: sha512-OqoyTmFG2cYmCFAdBfW+Qxbg8m23H4dv6KqwEt7ofr/ROcfcIl3Z/VT56L22H9f0uNZyr+9Bs1eh2gedOCK9kA==}
+    engines: {node: '>=18.13'}
+    hasBin: true
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.3
+
+  '@sveltejs/kit@2.5.4':
+    resolution: {integrity: sha512-eDxK2d4EGzk99QsZNoPXe7jlzA5EGqfcCpUwZ912bhnalsZ2ZsG5wGRthkydupVjYyqdmzEanVKFhLxU2vkPSQ==}
+    engines: {node: '>=18.13'}
+    hasBin: true
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.3
+
+  '@sveltejs/package@2.3.0':
+    resolution: {integrity: sha512-wmtwEfi3gQnmtotAjygRHR6cmLfpblQl1dU764f3N2I5DPe34llFs44bHOYcuk91Bp2sSq6bWUmNwxGlYCchOA==}
+    engines: {node: ^16.14 || >=18}
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.44.0 || ^4.0.0 || ^5.0.0-next.1
+
+  '@sveltejs/vite-plugin-svelte-inspector@1.0.4':
+    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^2.2.0
+      svelte: ^3.54.0 || ^4.0.0
+      vite: ^4.0.0
+
+  '@sveltejs/vite-plugin-svelte-inspector@2.1.0':
+    resolution: {integrity: sha512-9QX28IymvBlSCqsCll5t0kQVxipsfhFFL+L2t3nTWfXnddYwxBuAEtTtlaVQpRz9c37BhJjltSeY4AJSC03SSg==}
+    engines: {node: ^18.0.0 || >=20}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.0
+
+  '@sveltejs/vite-plugin-svelte@2.5.3':
+    resolution: {integrity: sha512-erhNtXxE5/6xGZz/M9eXsmI7Pxa6MS7jyTy06zN3Ck++ldrppOnOlJwHHTsMC7DHDQdgUp4NAc4cDNQ9eGdB/w==}
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0 || ^5.0.0-next.0
+      vite: ^4.0.0
+
+  '@sveltejs/vite-plugin-svelte@3.1.1':
+    resolution: {integrity: sha512-rimpFEAboBBHIlzISibg94iP09k/KYdHgVhJlcsTfn7KMBhc70jFX/GRWkRdFCc2fdnk+4+Bdfej23cMDnJS6A==}
+    engines: {node: ^18.0.0 || >=20}
+    peerDependencies:
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.0
+
+  '@swc/core-darwin-arm64@1.3.96':
+    resolution: {integrity: sha512-8hzgXYVd85hfPh6mJ9yrG26rhgzCmcLO0h1TIl8U31hwmTbfZLzRitFQ/kqMJNbIBCwmNH1RU2QcJnL3d7f69A==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@swc/core-darwin-x64@1.3.96':
+    resolution: {integrity: sha512-mFp9GFfuPg+43vlAdQZl0WZpZSE8sEzqL7sr/7Reul5McUHP0BaLsEzwjvD035ESfkY8GBZdLpMinblIbFNljQ==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@swc/core-linux-arm-gnueabihf@1.3.96':
+    resolution: {integrity: sha512-8UEKkYJP4c8YzYIY/LlbSo8z5Obj4hqcv/fUTHiEePiGsOddgGf7AWjh56u7IoN/0uEmEro59nc1ChFXqXSGyg==}
+    engines: {node: '>=10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@swc/core-linux-arm64-gnu@1.3.96':
+    resolution: {integrity: sha512-c/IiJ0s1y3Ymm2BTpyC/xr6gOvoqAVETrivVXHq68xgNms95luSpbYQ28rqaZC8bQC8M5zdXpSc0T8DJu8RJGw==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@swc/core-linux-arm64-musl@1.3.96':
+    resolution: {integrity: sha512-i5/UTUwmJLri7zhtF6SAo/4QDQJDH2fhYJaBIUhrICmIkRO/ltURmpejqxsM/ye9Jqv5zG7VszMC0v/GYn/7BQ==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@swc/core-linux-x64-gnu@1.3.96':
+    resolution: {integrity: sha512-USdaZu8lTIkm4Yf9cogct/j5eqtdZqTgcTib4I+NloUW0E/hySou3eSyp3V2UAA1qyuC72ld1otXuyKBna0YKQ==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@swc/core-linux-x64-musl@1.3.96':
+    resolution: {integrity: sha512-QYErutd+G2SNaCinUVobfL7jWWjGTI0QEoQ6hqTp7PxCJS/dmKmj3C5ZkvxRYcq7XcZt7ovrYCTwPTHzt6lZBg==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@swc/core-win32-arm64-msvc@1.3.96':
+    resolution: {integrity: sha512-hjGvvAduA3Un2cZ9iNP4xvTXOO4jL3G9iakhFsgVhpkU73SGmK7+LN8ZVBEu4oq2SUcHO6caWvnZ881cxGuSpg==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@swc/core-win32-ia32-msvc@1.3.96':
+    resolution: {integrity: sha512-Far2hVFiwr+7VPCM2GxSmbh3ikTpM3pDombE+d69hkedvYHYZxtTF+2LTKl/sXtpbUnsoq7yV/32c9R/xaaWfw==}
+    engines: {node: '>=10'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@swc/core-win32-x64-msvc@1.3.96':
+    resolution: {integrity: sha512-4VbSAniIu0ikLf5mBX81FsljnfqjoVGleEkCQv4+zRlyZtO3FHoDPkeLVoy6WRlj7tyrRcfUJ4mDdPkbfTO14g==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@swc/core@1.3.96':
+    resolution: {integrity: sha512-zwE3TLgoZwJfQygdv2SdCK9mRLYluwDOM53I+dT6Z5ZvrgVENmY3txvWDvduzkV+/8IuvrRbVezMpxcojadRdQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@swc/helpers': ^0.5.0
+    peerDependenciesMeta:
+      '@swc/helpers':
+        optional: true
+
+  '@swc/counter@0.1.2':
+    resolution: {integrity: sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==}
+
+  '@swc/types@0.1.5':
+    resolution: {integrity: sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==}
+
+  '@trysound/sax@0.2.0':
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
+    engines: {node: '>=10.13.0'}
+
+  '@types/babel__core@7.20.3':
+    resolution: {integrity: sha512-54fjTSeSHwfan8AyHWrKbfBWiEUrNTZsUwPTDSNaaP1QDQIZbeNUg3a59E9D+375MzUw/x1vx2/0F5LBz+AeYA==}
+
+  '@types/babel__core@7.20.4':
+    resolution: {integrity: sha512-mLnSC22IC4vcWiuObSRjrLd9XcBTGf59vUSoq2jkQDJ/QQ8PMI9rSuzE+aEV8karUMbskw07bKYoUJCKTUaygg==}
+
+  '@types/babel__core@7.20.5':
+    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
+
+  '@types/babel__generator@7.6.7':
+    resolution: {integrity: sha512-6Sfsq+EaaLrw4RmdFWE9Onp63TOUue71AWb4Gpa6JxzgTYtimbM086WnYTy2U67AofR++QKCo08ZP6pwx8YFHQ==}
+
+  '@types/babel__generator@7.6.8':
+    resolution: {integrity: sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==}
+
+  '@types/babel__template@7.4.4':
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
+
+  '@types/babel__traverse@7.20.4':
+    resolution: {integrity: sha512-mSM/iKUk5fDDrEV/e83qY+Cr3I1+Q3qqTuEn++HAWYjEa1+NxZr6CNrcJGf2ZTnq4HoFGC3zaTPZTobCzCFukA==}
+
+  '@types/babel__traverse@7.20.5':
+    resolution: {integrity: sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==}
+
+  '@types/cookie@0.6.0':
+    resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
+
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
+  '@types/d3-drag@3.0.7':
+    resolution: {integrity: sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==}
+
+  '@types/d3-interpolate@3.0.4':
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+
+  '@types/d3-selection@3.0.10':
+    resolution: {integrity: sha512-cuHoUgS/V3hLdjJOLTT691+G2QoqAjCVLmr4kJXR4ha56w1Zdu8UUQ5TxLRqudgNjwXeQxKMq4j+lyf9sWuslg==}
+
+  '@types/d3-transition@3.0.8':
+    resolution: {integrity: sha512-ew63aJfQ/ms7QQ4X7pk5NxQ9fZH/z+i24ZfJ6tJSfqxJMrYLiK01EAs2/Rtw/JreGUsS3pLPNV644qXFGnoZNQ==}
+
+  '@types/d3-zoom@3.0.8':
+    resolution: {integrity: sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==}
+
+  '@types/dagre@0.7.52':
+    resolution: {integrity: sha512-XKJdy+OClLk3hketHi9Qg6gTfe1F3y+UFnHxKA2rn9Dw+oXa4Gb378Ztz9HlMgZKSxpPmn4BNVh9wgkpvrK1uw==}
+
+  '@types/debug@4.1.10':
+    resolution: {integrity: sha512-tOSCru6s732pofZ+sMv9o4o3Zc+Sa8l3bxd/tweTQudFn06vAzb13ZX46Zi6m6EJ+RUbRTHvgQJ1gBtSgkaUYA==}
+
+  '@types/estree@1.0.3':
+    resolution: {integrity: sha512-CS2rOaoQ/eAgAfcTfq6amKG7bsN+EMcgGY4FAFQdvSj2y1ixvOZTUA9mOtCai7E1SYu283XNw7urKK30nP3wkQ==}
+
+  '@types/estree@1.0.5':
+    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+
+  '@types/hast@2.3.7':
+    resolution: {integrity: sha512-EVLigw5zInURhzfXUM65eixfadfsHKomGKUakToXo84t8gGIJuTcD2xooM2See7GyQ7DRtYjhCHnSUQez8JaLw==}
+
+  '@types/is-ci@3.0.3':
+    resolution: {integrity: sha512-FdHbjLiN2e8fk9QYQyVYZrK8svUDJpxSaSWLUga8EZS1RGAvvrqM9zbVARBtQuYPeLgnJxM2xloOswPwj1o2cQ==}
+
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/json5@0.0.30':
+    resolution: {integrity: sha512-sqm9g7mHlPY/43fcSNrCYfOeX9zkTTK+euO5E6+CVijSMm5tTjkVdwdqRkY3ljjIAf8679vps5jKUoJBCLsMDA==}
+
+  '@types/mdast@3.0.14':
+    resolution: {integrity: sha512-gVZ04PGgw1qLZKsnWnyFv4ORnaJ+DXLdHTVSFbU8yX6xZ34Bjg4Q32yPkmveUP1yItXReKfB0Aknlh/3zxTKAw==}
+
+  '@types/mdast@4.0.2':
+    resolution: {integrity: sha512-tYR83EignvhYO9iU3kDg8V28M0jqyh9zzp5GV+EO+AYnyUl3P5ltkTeJuTiFZQFz670FSb3EwT/6LQdX+UdKfw==}
+
+  '@types/minimist@1.2.4':
+    resolution: {integrity: sha512-Kfe/D3hxHTusnPNRbycJE1N77WHDsdS4AjUYIzlDzhDrS47NrwuL3YW4VITxwR7KCVpzwgy4Rbj829KSSQmwXQ==}
+
+  '@types/ms@0.7.33':
+    resolution: {integrity: sha512-AuHIyzR5Hea7ij0P9q7vx7xu4z0C28ucwjAZC0ja7JhINyCnOw8/DnvAPQQ9TfOlCtZAmCERKQX9+o1mgQhuOQ==}
+
+  '@types/nlcst@1.0.3':
+    resolution: {integrity: sha512-cpO6PPMz4E++zxP2Vhp/3KVl2Nbtj+Iksb25rlRinG7mphu2zmCIKWWlqdsx1NwJEISogR2eeZTD7JqLOCzaiw==}
+
+  '@types/node@12.20.55':
+    resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
+
+  '@types/node@18.7.16':
+    resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==}
+
+  '@types/node@20.11.24':
+    resolution: {integrity: sha512-Kza43ewS3xoLgCEpQrsT+xRo/EJej1y0kVYGiLFE1NEODXGzTfwiC6tXTLMQskn1X4/Rjlh0MQUvx9W+L9long==}
+
+  '@types/normalize-package-data@2.4.3':
+    resolution: {integrity: sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg==}
+
+  '@types/parse5@6.0.3':
+    resolution: {integrity: sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==}
+
+  '@types/prop-types@15.7.10':
+    resolution: {integrity: sha512-mxSnDQxPqsZxmeShFH+uwQ4kO4gcJcGahjjMFeLbKE95IAZiiZyiEepGZjtXJ7hN/yfu0bu9xN2ajcU0JcxX6A==}
+
+  '@types/prop-types@15.7.9':
+    resolution: {integrity: sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g==}
+
+  '@types/pug@2.0.10':
+    resolution: {integrity: sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==}
+
+  '@types/react-dom@18.2.14':
+    resolution: {integrity: sha512-V835xgdSVmyQmI1KLV2BEIUgqEuinxp9O4G6g3FqO/SqLac049E53aysv0oEFD2kHfejeKU+ZqL2bcFWj9gLAQ==}
+
+  '@types/react-dom@18.2.8':
+    resolution: {integrity: sha512-bAIvO5lN/U8sPGvs1Xm61rlRHHaq5rp5N3kp9C+NJ/Q41P8iqjkXSu0+/qu8POsjH9pNWb0OYabFez7taP7omw==}
+
+  '@types/react@18.2.24':
+    resolution: {integrity: sha512-Ee0Jt4sbJxMu1iDcetZEIKQr99J1Zfb6D4F3qfUWoR1JpInkY1Wdg4WwCyBjL257D0+jGqSl1twBjV8iCaC0Aw==}
+
+  '@types/react@18.2.31':
+    resolution: {integrity: sha512-c2UnPv548q+5DFh03y8lEDeMfDwBn9G3dRwfkrxQMo/dOtRHUUO57k6pHvBIfH/VF4Nh+98mZ5aaSe+2echD5g==}
+
+  '@types/react@18.2.36':
+    resolution: {integrity: sha512-o9XFsHYLLZ4+sb9CWUYwHqFVoG61SesydF353vFMMsQziiyRu8np4n2OYMUSDZ8XuImxDr9c5tR7gidlH29Vnw==}
+
+  '@types/resolve@1.20.2':
+    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
+
+  '@types/resolve@1.20.4':
+    resolution: {integrity: sha512-BKGK0T1VgB1zD+PwQR4RRf0ais3NyvH1qjLUrHI5SEiccYaJrhLstLuoXFWJ+2Op9whGizSPUMGPJY/Qtb/A2w==}
+
+  '@types/scheduler@0.16.5':
+    resolution: {integrity: sha512-s/FPdYRmZR8SjLWGMCuax7r3qCWQw9QKHzXVukAuuIJkXkDRwp+Pu5LMIVFi0Fxbav35WURicYr8u1QsoybnQw==}
+
+  '@types/semver@6.2.5':
+    resolution: {integrity: sha512-NAxro9/RqWXTqdSjccDZAjA4nXK+6zRun+HvibYJfGy8TQhpOC7Vv6v2rlHYKrT0Q8jGGoNRd/xVdHRIQRNlFQ==}
+
+  '@types/semver@7.5.6':
+    resolution: {integrity: sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==}
+
+  '@types/sinonjs__fake-timers@8.1.1':
+    resolution: {integrity: sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==}
+
+  '@types/sizzle@2.3.8':
+    resolution: {integrity: sha512-0vWLNK2D5MT9dg0iOo8GlKguPAU02QjmZitPEsXRuJXU/OGIOt9vT9Fc26wtYuavLxtO45v9PGleoL9Z0k1LHg==}
+
+  '@types/unist@2.0.9':
+    resolution: {integrity: sha512-zC0iXxAv1C1ERURduJueYzkzZ2zaGyc+P2c95hgkikHPr3z8EdUZOlgEQ5X0DRmwDZn+hekycQnoeiiRVrmilQ==}
+
+  '@types/unist@3.0.1':
+    resolution: {integrity: sha512-ue/hDUpPjC85m+PM9OQDMZr3LywT+CT6mPsQq8OJtCLiERkGRcQUFvu9XASF5XWqyZFXbf15lvb3JFJ4dRLWPg==}
+
+  '@types/use-sync-external-store@0.0.3':
+    resolution: {integrity: sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==}
+
+  '@types/yauzl@2.10.3':
+    resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
+
+  '@typescript-eslint/eslint-plugin@6.10.0':
+    resolution: {integrity: sha512-uoLj4g2OTL8rfUQVx2AFO1hp/zja1wABJq77P6IclQs6I/m9GLrm7jCdgzZkvWdDCQf1uEvoa8s8CupsgWQgVg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/eslint-plugin@6.8.0':
+    resolution: {integrity: sha512-GosF4238Tkes2SHPQ1i8f6rMtG6zlKwMEB0abqSJ3Npvos+doIlc/ATG+vX1G9coDF3Ex78zM3heXHLyWEwLUw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/eslint-plugin@7.2.0':
+    resolution: {integrity: sha512-mdekAHOqS9UjlmyF/LSs6AIEvfceV749GFxoBAjwAv0nkevfKHWQFDMcBZWUiIC5ft6ePWivXoS36aKQ0Cy3sw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^7.0.0
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/parser@6.10.0':
+    resolution: {integrity: sha512-+sZwIj+s+io9ozSxIWbNB5873OSdfeBEH/FR0re14WLI6BaKuSOnnwCJ2foUiu8uXf4dRp1UqHP0vrZ1zXGrog==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/parser@6.8.0':
+    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/parser@7.2.0':
+    resolution: {integrity: sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/scope-manager@6.10.0':
+    resolution: {integrity: sha512-TN/plV7dzqqC2iPNf1KrxozDgZs53Gfgg5ZHyw8erd6jd5Ta/JIEcdCheXFt9b1NYb93a1wmIIVW/2gLkombDg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/scope-manager@6.8.0':
+    resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/scope-manager@7.2.0':
+    resolution: {integrity: sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/type-utils@6.10.0':
+    resolution: {integrity: sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/type-utils@6.8.0':
+    resolution: {integrity: sha512-RYOJdlkTJIXW7GSldUIHqc/Hkto8E+fZN96dMIFhuTJcQwdRoGN2rEWA8U6oXbLo0qufH7NPElUb+MceHtz54g==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/type-utils@7.2.0':
+    resolution: {integrity: sha512-xHi51adBHo9O9330J8GQYQwrKBqbIPJGZZVQTHHmy200hvkLZFWJIFtAG/7IYTWUyun6DE6w5InDReePJYJlJA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/types@6.10.0':
+    resolution: {integrity: sha512-36Fq1PWh9dusgo3vH7qmQAj5/AZqARky1Wi6WpINxB6SkQdY5vQoT2/7rW7uBIsPDcvvGCLi4r10p0OJ7ITAeg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/types@6.8.0':
+    resolution: {integrity: sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/types@7.2.0':
+    resolution: {integrity: sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/typescript-estree@6.10.0':
+    resolution: {integrity: sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/typescript-estree@6.8.0':
+    resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/typescript-estree@7.2.0':
+    resolution: {integrity: sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/utils@6.10.0':
+    resolution: {integrity: sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+
+  '@typescript-eslint/utils@6.8.0':
+    resolution: {integrity: sha512-dKs1itdE2qFG4jr0dlYLQVppqTE+Itt7GmIf/vX6CSvsW+3ov8PbWauVKyyfNngokhIO9sKZeRGCUo1+N7U98Q==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+
+  '@typescript-eslint/utils@7.2.0':
+    resolution: {integrity: sha512-YfHpnMAGb1Eekpm3XRK8hcMwGLGsnT6L+7b2XyRv6ouDuJU1tZir1GS2i0+VXRatMwSI1/UfcyPe53ADkU+IuA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+
+  '@typescript-eslint/visitor-keys@6.10.0':
+    resolution: {integrity: sha512-xMGluxQIEtOM7bqFCo+rCMh5fqI+ZxV5RUUOa29iVPz1OgCZrtc7rFnz5cLUazlkPKYqX+75iuDq7m0HQ48nCg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/visitor-keys@6.8.0':
+    resolution: {integrity: sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/visitor-keys@7.2.0':
+    resolution: {integrity: sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@ungap/structured-clone@1.2.0':
+    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
+
+  '@vitejs/plugin-react-swc@3.4.1':
+    resolution: {integrity: sha512-7YQOQcVV5x1luD8nkbCDdyYygFvn1hjqJk68UvNAzY2QG4o4N5EwAhLLFNOcd1HrdMwDl0VElP8VutoWf9IvJg==}
+    peerDependencies:
+      vite: ^4
+
+  '@vitejs/plugin-react@4.1.1':
+    resolution: {integrity: sha512-Jie2HERK+uh27e+ORXXwEP5h0Y2lS9T2PRGbfebiHGlwzDO0dEnd2aNtOR/qjBlPb1YgxwAONeblL1xqLikLag==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.2.0
+
+  '@vitejs/plugin-react@4.2.1':
+    resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.2.0 || ^5.0.0
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.10.0:
+    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  acorn@8.11.2:
+    resolution: {integrity: sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  acorn@8.11.3:
+    resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  aggregate-error@3.1.0:
+    resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
+    engines: {node: '>=8'}
+
+  ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+
+  ansi-align@3.0.1:
+    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
+
+  ansi-colors@4.1.3:
+    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
+    engines: {node: '>=6'}
+
+  ansi-escapes@4.3.2:
+    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.0.1:
+    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
+    engines: {node: '>=12'}
+
+  ansi-sequence-parser@1.1.1:
+    resolution: {integrity: sha512-vJXt3yiaUL4UU546s3rPXlsry/RnM730G1+HkpKE012AN0sx1eOrxSu95oKDIonskeLTijMgqWZ3uDEe3NFvyg==}
+
+  ansi-styles@3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
+    engines: {node: '>=4'}
+
+  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'}
+
+  anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+
+  arch@2.2.0:
+    resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==}
+
+  arg@5.0.2:
+    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
+
+  argparse@1.0.10:
+    resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  aria-query@5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+
+  array-buffer-byte-length@1.0.0:
+    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
+
+  array-includes@3.1.7:
+    resolution: {integrity: sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==}
+    engines: {node: '>= 0.4'}
+
+  array-iterate@2.0.1:
+    resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==}
+
+  array-union@2.1.0:
+    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
+    engines: {node: '>=8'}
+
+  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.2:
+    resolution: {integrity: sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==}
+
+  arraybuffer.prototype.slice@1.0.2:
+    resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==}
+    engines: {node: '>= 0.4'}
+
+  arrify@1.0.1:
+    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
+    engines: {node: '>=0.10.0'}
+
+  asn1@0.2.6:
+    resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==}
+
+  assert-plus@1.0.0:
+    resolution: {integrity: sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==}
+    engines: {node: '>=0.8'}
+
+  astral-regex@2.0.0:
+    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
+    engines: {node: '>=8'}
+
+  astro@3.2.2:
+    resolution: {integrity: sha512-vLOOGyD2g1HRkCQAFHmHUrVAbMI5sgUqKignBMtXNantgEq1P17sL2cvH0Yy2ibNN9DHZ/4TknXmwHAig8PJNg==}
+    engines: {node: '>=18.14.1', npm: '>=6.14.0'}
+    hasBin: true
+
+  async@3.2.5:
+    resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==}
+
+  asynciterator.prototype@1.0.0:
+    resolution: {integrity: sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==}
+
+  asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+
+  at-least-node@1.0.0:
+    resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
+    engines: {node: '>= 4.0.0'}
+
+  autoprefixer@10.4.15:
+    resolution: {integrity: sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+
+  autoprefixer@10.4.18:
+    resolution: {integrity: sha512-1DKbDfsr6KUElM6wg+0zRNkB/Q7WcKYAaK+pzXn+Xqmszm/5Xa9coeNdtP88Vi+dPzZnMjhge8GIV49ZQkDa+g==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+
+  available-typed-arrays@1.0.5:
+    resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
+    engines: {node: '>= 0.4'}
+
+  aws-sign2@0.7.0:
+    resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==}
+
+  aws4@1.12.0:
+    resolution: {integrity: sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==}
+
+  axios@0.27.2:
+    resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==}
+
+  axobject-query@3.2.1:
+    resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
+
+  axobject-query@4.0.0:
+    resolution: {integrity: sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==}
+
+  b4a@1.6.4:
+    resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==}
+
+  bail@2.0.2:
+    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  base64-js@1.5.1:
+    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
+
+  bcrypt-pbkdf@1.0.2:
+    resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==}
+
+  better-path-resolve@1.0.0:
+    resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==}
+    engines: {node: '>=4'}
+
+  binary-extensions@2.2.0:
+    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
+    engines: {node: '>=8'}
+
+  bl@4.1.0:
+    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
+
+  bl@5.1.0:
+    resolution: {integrity: sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==}
+
+  blob-util@2.0.2:
+    resolution: {integrity: sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==}
+
+  bluebird@3.7.2:
+    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
+
+  boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
+  boxen@7.1.1:
+    resolution: {integrity: sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==}
+    engines: {node: '>=14.16'}
+
+  brace-expansion@1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+
+  brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+
+  braces@3.0.2:
+    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
+    engines: {node: '>=8'}
+
+  breakword@1.0.6:
+    resolution: {integrity: sha512-yjxDAYyK/pBvws9H4xKYpLDpYKEH6CzrBPAuXq3x18I+c/2MkVtT3qAr7Oloi6Dss9qNhPVueAAVU1CSeNDIXw==}
+
+  browserslist@4.22.1:
+    resolution: {integrity: sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  browserslist@4.23.0:
+    resolution: {integrity: sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  buffer-crc32@0.2.13:
+    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
+
+  buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+
+  buffer@5.7.1:
+    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
+
+  buffer@6.0.3:
+    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
+
+  builtin-modules@3.3.0:
+    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
+    engines: {node: '>=6'}
+
+  cachedir@2.4.0:
+    resolution: {integrity: sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==}
+    engines: {node: '>=6'}
+
+  call-bind@1.0.5:
+    resolution: {integrity: sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==}
+
+  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-keys@6.2.2:
+    resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
+    engines: {node: '>=8'}
+
+  camelcase@5.3.1:
+    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
+    engines: {node: '>=6'}
+
+  camelcase@7.0.1:
+    resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
+    engines: {node: '>=14.16'}
+
+  caniuse-api@3.0.0:
+    resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
+
+  caniuse-lite@1.0.30001553:
+    resolution: {integrity: sha512-N0ttd6TrFfuqKNi+pMgWJTb9qrdJu4JSpgPFLe/lrD19ugC6fZgF0pUewRowDwzdDnb9V41mFcdlYgl/PyKf4A==}
+
+  caniuse-lite@1.0.30001594:
+    resolution: {integrity: sha512-VblSX6nYqyJVs8DKFMldE2IVCJjZ225LW00ydtUWwh5hk9IfkTOffO6r8gJNsH0qqqeAF8KrbMYA2VEwTlGW5g==}
+
+  caseless@0.12.0:
+    resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
+
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
+  chalk@2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
+    engines: {node: '>=4'}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  chalk@5.3.0:
+    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
+  character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+
+  character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+
+  character-entities@2.0.2:
+    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
+
+  chardet@0.7.0:
+    resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
+
+  check-more-types@2.24.0:
+    resolution: {integrity: sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==}
+    engines: {node: '>= 0.8.0'}
+
+  chokidar@3.5.3:
+    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
+    engines: {node: '>= 8.10.0'}
+
+  chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+
+  chownr@1.1.4:
+    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
+
+  ci-info@3.9.0:
+    resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
+    engines: {node: '>=8'}
+
+  classcat@5.0.4:
+    resolution: {integrity: sha512-sbpkOw6z413p+HDGcBENe498WM9woqWHiJxCq7nvmxe9WmrUmqfAcxpIwAiMtM5Q3AhYkzXcNQHqsWq0mND51g==}
+
+  clean-stack@2.2.0:
+    resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
+    engines: {node: '>=6'}
+
+  cli-boxes@3.0.0:
+    resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
+    engines: {node: '>=10'}
+
+  cli-cursor@3.1.0:
+    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
+    engines: {node: '>=8'}
+
+  cli-cursor@4.0.0:
+    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  cli-spinners@2.9.1:
+    resolution: {integrity: sha512-jHgecW0pxkonBJdrKsqxgRX9AcG+u/5k0Q7WPDfi8AogLAdwxEkyYYNWwZ5GvVFoFx2uiY1eNcSK00fh+1+FyQ==}
+    engines: {node: '>=6'}
+
+  cli-table3@0.6.3:
+    resolution: {integrity: sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==}
+    engines: {node: 10.* || >= 12.*}
+
+  cli-truncate@2.1.0:
+    resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==}
+    engines: {node: '>=8'}
+
+  cliui@6.0.0:
+    resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
+
+  cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+
+  clone@1.0.4:
+    resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
+    engines: {node: '>=0.8'}
+
+  clsx@2.0.0:
+    resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==}
+    engines: {node: '>=6'}
+
+  code-red@1.0.4:
+    resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
+
+  color-convert@1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  color-string@1.9.1:
+    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
+
+  color@4.2.3:
+    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
+    engines: {node: '>=12.5.0'}
+
+  colord@2.9.3:
+    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
+
+  colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
+
+  combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+
+  comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+
+  commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+
+  commander@6.2.1:
+    resolution: {integrity: sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==}
+    engines: {node: '>= 6'}
+
+  commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+
+  common-ancestor-path@1.0.1:
+    resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==}
+
+  common-tags@1.8.2:
+    resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
+    engines: {node: '>=4.0.0'}
+
+  commondir@1.0.1:
+    resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
+
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
+  concurrently@7.6.0:
+    resolution: {integrity: sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==}
+    engines: {node: ^12.20.0 || ^14.13.0 || >=16.0.0}
+    hasBin: true
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  cookie@0.5.0:
+    resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
+    engines: {node: '>= 0.6'}
+
+  cookie@0.6.0:
+    resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
+    engines: {node: '>= 0.6'}
+
+  core-util-is@1.0.2:
+    resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}
+
+  cross-spawn@5.1.0:
+    resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==}
+
+  cross-spawn@7.0.3:
+    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+    engines: {node: '>= 8'}
+
+  css-declaration-sorter@6.4.1:
+    resolution: {integrity: sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==}
+    engines: {node: ^10 || ^12 || >=14}
+    peerDependencies:
+      postcss: ^8.0.9
+
+  css-declaration-sorter@7.1.1:
+    resolution: {integrity: sha512-dZ3bVTEEc1vxr3Bek9vGwfB5Z6ESPULhcRvO472mfjVnj8jRcTnKO8/JTczlvxM10Myb+wBM++1MtdO76eWcaQ==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      postcss: ^8.0.9
+
+  css-select@5.1.0:
+    resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
+
+  css-tree@2.2.1:
+    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
+  css-what@6.1.0:
+    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
+    engines: {node: '>= 6'}
+
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  cssnano-preset-default@6.0.1:
+    resolution: {integrity: sha512-7VzyFZ5zEB1+l1nToKyrRkuaJIx0zi/1npjvZfbBwbtNTzhLtlvYraK/7/uqmX2Wb2aQtd983uuGw79jAjLSuQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  cssnano-preset-default@6.1.0:
+    resolution: {integrity: sha512-4DUXZoDj+PI3fRl3MqMjl9DwLGjcsFP4qt+92nLUcN1RGfw2TY+GwNoG2B38Usu1BrcTs8j9pxNfSusmvtSjfg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  cssnano-utils@4.0.0:
+    resolution: {integrity: sha512-Z39TLP+1E0KUcd7LGyF4qMfu8ZufI0rDzhdyAMsa/8UyNUU8wpS0fhdBxbQbv32r64ea00h4878gommRVg2BHw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  cssnano-utils@4.0.2:
+    resolution: {integrity: sha512-ZR1jHg+wZ8o4c3zqf1SIUSTIvm/9mU343FMR6Obe/unskbvpGhZOo1J6d/r8D1pzkRQYuwbcH3hToOuoA2G7oQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  cssnano@6.0.1:
+    resolution: {integrity: sha512-fVO1JdJ0LSdIGJq68eIxOqFpIJrZqXUsBt8fkrBcztCQqAjQD51OhZp7tc0ImcbwXD4k7ny84QTV90nZhmqbkg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  cssnano@6.1.0:
+    resolution: {integrity: sha512-e2v4w/t3OFM6HTuSweI4RSdABaqgVgHlJp5FZrQsopHnKKHLFIvK2D3C4kHWeFIycN/1L1J5VIrg5KlDzn3r/g==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  csso@5.0.5:
+    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  csstype@3.1.2:
+    resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
+
+  csv-generate@3.4.3:
+    resolution: {integrity: sha512-w/T+rqR0vwvHqWs/1ZyMDWtHHSJaN06klRqJXBEpDJaM/+dZkso0OKh1VcuuYvK3XM53KysVNq8Ko/epCK8wOw==}
+
+  csv-parse@4.16.3:
+    resolution: {integrity: sha512-cO1I/zmz4w2dcKHVvpCr7JVRu8/FymG5OEpmvsZYlccYolPBLoVGKUHgNoc4ZGkFeFlWGEDmMyBM+TTqRdW/wg==}
+
+  csv-stringify@5.6.5:
+    resolution: {integrity: sha512-PjiQ659aQ+fUTQqSrd1XEDnOr52jh30RBurfzkscaE2tPaFsDH5wOAHJiw8XAHphRknCwMUE9KRayc4K/NbO8A==}
+
+  csv@5.5.3:
+    resolution: {integrity: sha512-QTaY0XjjhTQOdguARF0lGKm5/mEq9PD9/VhZZegHDIBq2tQwgNpHc3dneD4mGo2iJs+fTKv5Bp0fZ+BRuY3Z0g==}
+    engines: {node: '>= 0.1.90'}
+
+  cypress-real-events@1.12.0:
+    resolution: {integrity: sha512-oiy+4kGKkzc2PT36k3GGQqkGxNiVypheWjMtfyi89iIk6bYmTzeqxapaLHS3pnhZOX1IEbTDUVxh8T4Nhs1tyQ==}
+    peerDependencies:
+      cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x || ^13.x
+
+  cypress@13.6.6:
+    resolution: {integrity: sha512-S+2S9S94611hXimH9a3EAYt81QM913ZVA03pUmGDfLTFa5gyp85NJ8dJGSlEAEmyRsYkioS1TtnWtbv/Fzt11A==}
+    engines: {node: ^16.0.0 || ^18.0.0 || >=20.0.0}
+    hasBin: true
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-dispatch@3.0.1:
+    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
+    engines: {node: '>=12'}
+
+  d3-drag@3.0.0:
+    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==}
+    engines: {node: '>=12'}
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-selection@3.0.0:
+    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
+  d3-transition@3.0.1:
+    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      d3-selection: 2 - 3
+
+  d3-zoom@3.0.0:
+    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
+    engines: {node: '>=12'}
+
+  dagre@0.8.5:
+    resolution: {integrity: sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==}
+
+  dashdash@1.14.1:
+    resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
+    engines: {node: '>=0.10'}
+
+  dataloader@1.4.0:
+    resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
+
+  date-fns@2.30.0:
+    resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==}
+    engines: {node: '>=0.11'}
+
+  dayjs@1.11.10:
+    resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==}
+
+  debug@2.6.9:
+    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  debug@3.2.7:
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  debug@4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  debug@4.3.5:
+    resolution: {integrity: sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  decamelize-keys@1.1.1:
+    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
+    engines: {node: '>=0.10.0'}
+
+  decamelize@1.2.0:
+    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
+    engines: {node: '>=0.10.0'}
+
+  decode-named-character-reference@1.0.2:
+    resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==}
+
+  decompress-response@6.0.0:
+    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
+    engines: {node: '>=10'}
+
+  dedent-js@1.0.1:
+    resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==}
+
+  deep-extend@0.6.0:
+    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
+    engines: {node: '>=4.0.0'}
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+
+  defaults@1.0.4:
+    resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
+
+  define-data-property@1.1.1:
+    resolution: {integrity: sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==}
+    engines: {node: '>= 0.4'}
+
+  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'}
+
+  delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+
+  dependency-graph@0.11.0:
+    resolution: {integrity: sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==}
+    engines: {node: '>= 0.6.0'}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  detect-indent@6.1.0:
+    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
+    engines: {node: '>=8'}
+
+  detect-libc@2.0.2:
+    resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==}
+    engines: {node: '>=8'}
+
+  devalue@4.3.2:
+    resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==}
+
+  devalue@5.0.0:
+    resolution: {integrity: sha512-gO+/OMXF7488D+u3ue+G7Y4AA3ZmUnB3eHJXmBTgNHvr4ZNzl36A0ZtG+XCRNYCkYx/bFmw4qtkoFLa+wSrwAA==}
+
+  diff@5.1.0:
+    resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==}
+    engines: {node: '>=0.3.1'}
+
+  dir-glob@3.0.1:
+    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
+    engines: {node: '>=8'}
+
+  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'}
+
+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  domutils@3.1.0:
+    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
+
+  dotenv@16.0.3:
+    resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
+    engines: {node: '>=12'}
+
+  dotenv@16.4.5:
+    resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
+    engines: {node: '>=12'}
+
+  dotenv@8.6.0:
+    resolution: {integrity: sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==}
+    engines: {node: '>=10'}
+
+  dset@3.1.2:
+    resolution: {integrity: sha512-g/M9sqy3oHe477Ar4voQxWtaPIFw1jTdKZuomOjhCcBx9nHUNn0pu6NopuFFrTh/TRZIKEj+76vLWFu9BNKk+Q==}
+    engines: {node: '>=4'}
+
+  duplexer@0.1.2:
+    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
+
+  eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+
+  ecc-jsbn@0.1.2:
+    resolution: {integrity: sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==}
+
+  electron-to-chromium@1.4.563:
+    resolution: {integrity: sha512-dg5gj5qOgfZNkPNeyKBZQAQitIQ/xwfIDmEQJHCbXaD9ebTZxwJXUsDYcBlAvZGZLi+/354l35J1wkmP6CqYaw==}
+
+  electron-to-chromium@1.4.693:
+    resolution: {integrity: sha512-/if4Ueg0GUQlhCrW2ZlXwDAm40ipuKo+OgeHInlL8sbjt+hzISxZK949fZeJaVsheamrzANXvw1zQTvbxTvSHw==}
+
+  emoji-regex@10.3.0:
+    resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+
+  end-of-stream@1.4.4:
+    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
+
+  enquirer@2.4.1:
+    resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
+    engines: {node: '>=8.6'}
+
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  error-ex@1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+
+  es-abstract@1.22.3:
+    resolution: {integrity: sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==}
+    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.0.15:
+    resolution: {integrity: sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==}
+
+  es-module-lexer@1.3.1:
+    resolution: {integrity: sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q==}
+
+  es-set-tostringtag@2.0.2:
+    resolution: {integrity: sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==}
+    engines: {node: '>= 0.4'}
+
+  es-shim-unscopables@1.0.2:
+    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
+
+  es-to-primitive@1.2.1:
+    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
+    engines: {node: '>= 0.4'}
+
+  es6-promise@3.3.1:
+    resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
+
+  esbuild@0.18.20:
+    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  esbuild@0.19.5:
+    resolution: {integrity: sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  esbuild@0.20.2:
+    resolution: {integrity: sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  escalade@3.1.1:
+    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
+    engines: {node: '>=6'}
+
+  escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
+  eslint-compat-utils@0.1.2:
+    resolution: {integrity: sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: '>=6.0.0'
+
+  eslint-config-prettier@8.8.0:
+    resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+
+  eslint-config-prettier@9.0.0:
+    resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+
+  eslint-config-prettier@9.1.0:
+    resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+
+  eslint-config-turbo@1.10.15:
+    resolution: {integrity: sha512-76mpx2x818JZE26euen14utYcFDxOahZ9NaWA+6Xa4pY2ezVKVschuOxS96EQz3o3ZRSmcgBOapw/gHbN+EKxQ==}
+    peerDependencies:
+      eslint: '>6.6.0'
+
+  eslint-plugin-prettier@4.2.1:
+    resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      eslint: '>=7.28.0'
+      eslint-config-prettier: '*'
+      prettier: '>=2.0.0'
+    peerDependenciesMeta:
+      eslint-config-prettier:
+        optional: true
+
+  eslint-plugin-react@7.33.2:
+    resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+
+  eslint-plugin-svelte@2.35.0:
+    resolution: {integrity: sha512-3WDFxNrkXaMlpqoNo3M1ZOQuoFLMO9+bdnN6oVVXaydXC7nzCJuGy9a0zqoNDHMSRPYt0Rqo6hIdHMEaI5sQnw==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0-0
+      svelte: ^3.37.0 || ^4.0.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+
+  eslint-plugin-svelte@2.35.1:
+    resolution: {integrity: sha512-IF8TpLnROSGy98Z3NrsKXWDSCbNY2ReHDcrYTuXZMbfX7VmESISR78TWgO9zdg4Dht1X8coub5jKwHzP0ExRug==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0-0
+      svelte: ^3.37.0 || ^4.0.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+
+  eslint-plugin-turbo@1.10.15:
+    resolution: {integrity: sha512-Tv4QSKV/U56qGcTqS/UgOvb9HcKFmWOQcVh3HEaj7of94lfaENgfrtK48E2CckQf7amhKs1i+imhCsNCKjkQyA==}
+    peerDependencies:
+      eslint: '>6.6.0'
+
+  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@8.43.0:
+    resolution: {integrity: sha512-aaCpf2JqqKesMFGgmRPessmVKjcGXqdlAYLLC3THM8t5nBRZRQ+st5WM/hoJXkdioEXLLbXgclUpM0TXo5HX5Q==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+
+  eslint@8.53.0:
+    resolution: {integrity: sha512-N4VuiPjXDUa4xVeV/GC/RV3hQW9Nw+Y463lkWaKKXKYMvmRiRDAtfpuPFLN+E1/6ZhyR8J2ig+eVREnYgUsiag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+
+  eslint@8.57.0:
+    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+
+  esm-env@1.0.0:
+    resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
+
+  espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  esprima@4.0.1:
+    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  esquery@1.5.0:
+    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
+    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'}
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  event-stream@3.3.4:
+    resolution: {integrity: sha512-QHpkERcGsR0T7Qm3HNJSyXKEEj8AHNxkY3PK8TS2KJvQ7NiSHe3DDpwVKKtoYprL/AreyzFBeIkBIWChAqn60g==}
+
+  eventemitter2@6.4.7:
+    resolution: {integrity: sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==}
+
+  execa@4.1.0:
+    resolution: {integrity: sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==}
+    engines: {node: '>=10'}
+
+  execa@5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
+
+  execa@8.0.1:
+    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
+    engines: {node: '>=16.17'}
+
+  executable@4.1.1:
+    resolution: {integrity: sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==}
+    engines: {node: '>=4'}
+
+  expand-template@2.0.3:
+    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
+    engines: {node: '>=6'}
+
+  extend-shallow@2.0.1:
+    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
+    engines: {node: '>=0.10.0'}
+
+  extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+
+  extendable-error@0.1.7:
+    resolution: {integrity: sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg==}
+
+  external-editor@3.1.0:
+    resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
+    engines: {node: '>=4'}
+
+  extract-zip@2.0.1:
+    resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==}
+    engines: {node: '>= 10.17.0'}
+    hasBin: true
+
+  extsprintf@1.3.0:
+    resolution: {integrity: sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==}
+    engines: {'0': node >=0.6.0}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-diff@1.3.0:
+    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
+
+  fast-fifo@1.3.2:
+    resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==}
+
+  fast-glob@3.3.1:
+    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
+    engines: {node: '>=8.6.0'}
+
+  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.15.0:
+    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
+
+  fd-slicer@1.1.0:
+    resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==}
+
+  figures@3.2.0:
+    resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
+    engines: {node: '>=8'}
+
+  file-entry-cache@6.0.1:
+    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+
+  fill-range@7.0.1:
+    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
+    engines: {node: '>=8'}
+
+  find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  find-yarn-workspace-root2@1.2.16:
+    resolution: {integrity: sha512-hr6hb1w8ePMpPVUK39S4RlwJzi+xPLuVuG8XlwXU3KD5Yn3qgBWVfy3AzNlDhWvE1EORCE65/Qm26rFQt3VLVA==}
+
+  flat-cache@3.1.1:
+    resolution: {integrity: sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==}
+    engines: {node: '>=12.0.0'}
+
+  flatted@3.2.9:
+    resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
+
+  follow-redirects@1.15.3:
+    resolution: {integrity: sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+
+  for-each@0.3.3:
+    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+
+  forever-agent@0.6.1:
+    resolution: {integrity: sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==}
+
+  form-data@2.3.3:
+    resolution: {integrity: sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==}
+    engines: {node: '>= 0.12'}
+
+  form-data@4.0.0:
+    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
+    engines: {node: '>= 6'}
+
+  fraction.js@4.3.7:
+    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
+
+  from@0.1.7:
+    resolution: {integrity: sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g==}
+
+  fs-constants@1.0.0:
+    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
+
+  fs-extra@11.2.0:
+    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
+    engines: {node: '>=14.14'}
+
+  fs-extra@7.0.1:
+    resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
+    engines: {node: '>=6 <7 || >=8'}
+
+  fs-extra@8.1.0:
+    resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
+    engines: {node: '>=6 <7 || >=8'}
+
+  fs-extra@9.1.0:
+    resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
+    engines: {node: '>=10'}
+
+  fs.realpath@1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  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==}
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
+  get-intrinsic@1.2.2:
+    resolution: {integrity: sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==}
+
+  get-intrinsic@1.2.4:
+    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
+    engines: {node: '>= 0.4'}
+
+  get-stdin@9.0.0:
+    resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==}
+    engines: {node: '>=12'}
+
+  get-stream@5.2.0:
+    resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
+    engines: {node: '>=8'}
+
+  get-stream@6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+
+  get-stream@8.0.1:
+    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
+    engines: {node: '>=16'}
+
+  get-symbol-description@1.0.0:
+    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
+    engines: {node: '>= 0.4'}
+
+  getos@3.2.1:
+    resolution: {integrity: sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==}
+
+  getpass@0.1.7:
+    resolution: {integrity: sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==}
+
+  github-from-package@0.0.0:
+    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
+
+  github-slugger@2.0.0:
+    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
+
+  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@7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+
+  glob@8.1.0:
+    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
+    engines: {node: '>=12'}
+    deprecated: Glob versions prior to v9 are no longer supported
+
+  global-dirs@3.0.1:
+    resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==}
+    engines: {node: '>=10'}
+
+  globals@11.12.0:
+    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
+    engines: {node: '>=4'}
+
+  globals@13.23.0:
+    resolution: {integrity: sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==}
+    engines: {node: '>=8'}
+
+  globalthis@1.0.3:
+    resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
+    engines: {node: '>= 0.4'}
+
+  globalyzer@0.1.0:
+    resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
+
+  globby@11.1.0:
+    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
+    engines: {node: '>=10'}
+
+  globby@14.0.0:
+    resolution: {integrity: sha512-/1WM/LNHRAOH9lZta77uGbq0dAEQM+XjNesWwhlERDVenqothRbnzTrL3/LrIoEPPjeUHC3vrS6TwoyxeHs7MQ==}
+    engines: {node: '>=18'}
+
+  globrex@0.1.2:
+    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
+
+  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==}
+
+  grapheme-splitter@1.0.4:
+    resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
+
+  graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+
+  graphlib@2.1.8:
+    resolution: {integrity: sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==}
+
+  gray-matter@4.0.3:
+    resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==}
+    engines: {node: '>=6.0'}
+
+  hard-rejection@2.1.0:
+    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
+    engines: {node: '>=6'}
+
+  has-bigints@1.0.2:
+    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+
+  has-flag@3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  has-property-descriptors@1.0.1:
+    resolution: {integrity: sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==}
+
+  has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+
+  has-proto@1.0.1:
+    resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
+    engines: {node: '>= 0.4'}
+
+  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.0:
+    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
+    engines: {node: '>= 0.4'}
+
+  hasown@2.0.0:
+    resolution: {integrity: sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==}
+    engines: {node: '>= 0.4'}
+
+  hasown@2.0.1:
+    resolution: {integrity: sha512-1/th4MHjnwncwXsIW6QMzlvYL9kG5e/CpVvLRZe4XPa8TOUNbCELqmvhDmnkNsAjwaG4+I8gJJL0JBvTTLO9qA==}
+    engines: {node: '>= 0.4'}
+
+  hast-util-from-parse5@7.1.2:
+    resolution: {integrity: sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==}
+
+  hast-util-parse-selector@3.1.1:
+    resolution: {integrity: sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==}
+
+  hast-util-raw@7.2.3:
+    resolution: {integrity: sha512-RujVQfVsOrxzPOPSzZFiwofMArbQke6DJjnFfceiEbFh7S05CbPt0cYN+A5YeD3pso0JQk6O1aHBnx9+Pm2uqg==}
+
+  hast-util-to-html@8.0.4:
+    resolution: {integrity: sha512-4tpQTUOr9BMjtYyNlt0P50mH7xj0Ks2xpo8M943Vykljf99HW6EzulIoJP1N3eKOSScEHzyzi9dm7/cn0RfGwA==}
+
+  hast-util-to-parse5@7.1.0:
+    resolution: {integrity: sha512-YNRgAJkH2Jky5ySkIqFXTQiaqcAtJyVE+D5lkN6CdtOqrnkLfGYYrEcKuHOJZlp+MwjSwuD3fZuawI+sic/RBw==}
+
+  hast-util-whitespace@2.0.1:
+    resolution: {integrity: sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==}
+
+  hastscript@7.2.0:
+    resolution: {integrity: sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==}
+
+  hosted-git-info@2.8.9:
+    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
+
+  html-escaper@3.0.3:
+    resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
+
+  html-void-elements@2.0.1:
+    resolution: {integrity: sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==}
+
+  http-cache-semantics@4.1.1:
+    resolution: {integrity: sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==}
+
+  http-signature@1.3.6:
+    resolution: {integrity: sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==}
+    engines: {node: '>=0.10'}
+
+  human-id@1.0.2:
+    resolution: {integrity: sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw==}
+
+  human-signals@1.1.1:
+    resolution: {integrity: sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==}
+    engines: {node: '>=8.12.0'}
+
+  human-signals@2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+
+  human-signals@5.0.0:
+    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
+    engines: {node: '>=16.17.0'}
+
+  iconv-lite@0.4.24:
+    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
+    engines: {node: '>=0.10.0'}
+
+  ieee754@1.2.1:
+    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
+
+  ignore@5.2.4:
+    resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
+    engines: {node: '>= 4'}
+
+  ignore@5.3.0:
+    resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==}
+    engines: {node: '>= 4'}
+
+  immediate@3.0.6:
+    resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
+
+  immer@10.0.4:
+    resolution: {integrity: sha512-cuBuGK40P/sk5IzWa9QPUaAdvPHjkk1c+xYsd9oZw+YQQEV+10G0P5uMpGctZZKnyQ+ibRO08bD25nWLmYi2pw==}
+
+  import-fresh@3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+    engines: {node: '>=6'}
+
+  import-meta-resolve@3.1.1:
+    resolution: {integrity: sha512-qeywsE/KC3w9Fd2ORrRDUw6nS/nLwZpXgfrOc2IILvZYnCaEMd+D56Vfg9k4G29gIeVi3XKql1RQatME8iYsiw==}
+
+  import-meta-resolve@4.0.0:
+    resolution: {integrity: sha512-okYUR7ZQPH+efeuMJGlq4f8ubUgO50kByRPyt/Cy1Io4PSRsPjxME+YlVaCOx+NIToW7hCsZNFJyTPFFKepRSA==}
+
+  import-meta-resolve@4.1.0:
+    resolution: {integrity: sha512-I6fiaX09Xivtk+THaMfAwnA3MVA5Big1WHF1Dfx9hFuvNIWpXnorlkzhcQf6ehrqQiiZECRt1poOAkPmer3ruw==}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+
+  inflight@1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
+  ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+
+  ini@2.0.0:
+    resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==}
+    engines: {node: '>=10'}
+
+  internal-slot@1.0.6:
+    resolution: {integrity: sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==}
+    engines: {node: '>= 0.4'}
+
+  is-array-buffer@3.0.2:
+    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
+
+  is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+
+  is-arrayish@0.3.2:
+    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
+
+  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-buffer@2.0.5:
+    resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==}
+    engines: {node: '>=4'}
+
+  is-builtin-module@3.2.1:
+    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
+    engines: {node: '>=6'}
+
+  is-callable@1.2.7:
+    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
+    engines: {node: '>= 0.4'}
+
+  is-ci@3.0.1:
+    resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==}
+    hasBin: true
+
+  is-core-module@2.13.1:
+    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
+
+  is-date-object@1.0.5:
+    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
+    engines: {node: '>= 0.4'}
+
+  is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+
+  is-extendable@0.1.1:
+    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
+    engines: {node: '>=0.10.0'}
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-finalizationregistry@1.0.2:
+    resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
+
+  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-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+
+  is-installed-globally@0.4.0:
+    resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==}
+    engines: {node: '>=10'}
+
+  is-interactive@2.0.0:
+    resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==}
+    engines: {node: '>=12'}
+
+  is-map@2.0.2:
+    resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==}
+
+  is-module@1.0.0:
+    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
+
+  is-negative-zero@2.0.2:
+    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
+    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-plain-obj@1.1.0:
+    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
+    engines: {node: '>=0.10.0'}
+
+  is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
+    engines: {node: '>=12'}
+
+  is-reference@1.2.1:
+    resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
+
+  is-reference@3.0.2:
+    resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
+
+  is-regex@1.1.4:
+    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
+    engines: {node: '>= 0.4'}
+
+  is-set@2.0.2:
+    resolution: {integrity: sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==}
+
+  is-shared-array-buffer@1.0.2:
+    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
+
+  is-stream@2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+
+  is-stream@3.0.0:
+    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  is-string@1.0.7:
+    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
+    engines: {node: '>= 0.4'}
+
+  is-subdir@1.2.0:
+    resolution: {integrity: sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==}
+    engines: {node: '>=4'}
+
+  is-symbol@1.0.4:
+    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
+    engines: {node: '>= 0.4'}
+
+  is-typed-array@1.1.12:
+    resolution: {integrity: sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==}
+    engines: {node: '>= 0.4'}
+
+  is-typedarray@1.0.0:
+    resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
+
+  is-unicode-supported@0.1.0:
+    resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
+    engines: {node: '>=10'}
+
+  is-unicode-supported@1.3.0:
+    resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
+    engines: {node: '>=12'}
+
+  is-weakmap@2.0.1:
+    resolution: {integrity: sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==}
+
+  is-weakref@1.0.2:
+    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
+
+  is-weakset@2.0.2:
+    resolution: {integrity: sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==}
+
+  is-windows@1.0.2:
+    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
+    engines: {node: '>=0.10.0'}
+
+  is-wsl@3.1.0:
+    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
+    engines: {node: '>=16'}
+
+  isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  isstream@0.1.2:
+    resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
+
+  iterator.prototype@1.1.2:
+    resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==}
+
+  joi@17.11.0:
+    resolution: {integrity: sha512-NgB+lZLNoqISVy1rZocE9PZI36bL/77ie924Ri43yEvi9GUUMPeyVIr8KdFTMUlby1p0PBYMk9spIxEUQYqrJQ==}
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-yaml@3.14.1:
+    resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
+    hasBin: true
+
+  js-yaml@4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+
+  jsbn@0.1.1:
+    resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==}
+
+  jsesc@2.5.2:
+    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-schema@0.4.0:
+    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  json-stringify-safe@5.0.1:
+    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  jsonc-parser@3.2.0:
+    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
+
+  jsonfile@4.0.0:
+    resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
+
+  jsonfile@6.1.0:
+    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
+
+  jsprim@2.0.2:
+    resolution: {integrity: sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==}
+    engines: {'0': node >=0.6.0}
+
+  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==}
+
+  kind-of@6.0.3:
+    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
+    engines: {node: '>=0.10.0'}
+
+  kleur@3.0.3:
+    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
+    engines: {node: '>=6'}
+
+  kleur@4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
+    engines: {node: '>=6'}
+
+  known-css-properties@0.29.0:
+    resolution: {integrity: sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==}
+
+  lazy-ass@1.6.0:
+    resolution: {integrity: sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==}
+    engines: {node: '> 0.8'}
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lie@3.1.1:
+    resolution: {integrity: sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==}
+
+  lilconfig@2.1.0:
+    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
+    engines: {node: '>=10'}
+
+  lilconfig@3.0.0:
+    resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==}
+    engines: {node: '>=14'}
+
+  lilconfig@3.1.1:
+    resolution: {integrity: sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==}
+    engines: {node: '>=14'}
+
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+  listr2@3.14.0:
+    resolution: {integrity: sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      enquirer: '>= 2.3.0 < 3'
+    peerDependenciesMeta:
+      enquirer:
+        optional: true
+
+  load-yaml-file@0.2.0:
+    resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==}
+    engines: {node: '>=6'}
+
+  localforage@1.10.0:
+    resolution: {integrity: sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==}
+
+  locate-character@3.0.0:
+    resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
+
+  locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lodash.memoize@4.1.2:
+    resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
+
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+  lodash.once@4.1.1:
+    resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==}
+
+  lodash.startcase@4.4.0:
+    resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
+
+  lodash.uniq@4.5.0:
+    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
+
+  lodash@4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+
+  log-symbols@4.1.0:
+    resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
+    engines: {node: '>=10'}
+
+  log-symbols@5.1.0:
+    resolution: {integrity: sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==}
+    engines: {node: '>=12'}
+
+  log-update@4.0.0:
+    resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==}
+    engines: {node: '>=10'}
+
+  longest-streak@3.1.0:
+    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
+
+  loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+
+  lower-case@2.0.2:
+    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
+
+  lru-cache@4.1.5:
+    resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  lru-cache@6.0.0:
+    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
+    engines: {node: '>=10'}
+
+  magic-string@0.30.10:
+    resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
+
+  magic-string@0.30.5:
+    resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
+    engines: {node: '>=12'}
+
+  magic-string@0.30.8:
+    resolution: {integrity: sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==}
+    engines: {node: '>=12'}
+
+  map-obj@1.0.1:
+    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
+    engines: {node: '>=0.10.0'}
+
+  map-obj@4.3.0:
+    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
+    engines: {node: '>=8'}
+
+  map-stream@0.1.0:
+    resolution: {integrity: sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==}
+
+  markdown-table@3.0.3:
+    resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==}
+
+  mdast-util-definitions@5.1.2:
+    resolution: {integrity: sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==}
+
+  mdast-util-definitions@6.0.0:
+    resolution: {integrity: sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ==}
+
+  mdast-util-find-and-replace@2.2.2:
+    resolution: {integrity: sha512-MTtdFRz/eMDHXzeK6W3dO7mXUlF82Gom4y0oOgvHhh/HXZAGvIQDUvQ0SuUx+j2tv44b8xTHOm8K/9OoRFnXKw==}
+
+  mdast-util-from-markdown@1.3.1:
+    resolution: {integrity: sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==}
+
+  mdast-util-gfm-autolink-literal@1.0.3:
+    resolution: {integrity: sha512-My8KJ57FYEy2W2LyNom4n3E7hKTuQk/0SES0u16tjA9Z3oFkF4RrC/hPAPgjlSpezsOvI8ObcXcElo92wn5IGA==}
+
+  mdast-util-gfm-footnote@1.0.2:
+    resolution: {integrity: sha512-56D19KOGbE00uKVj3sgIykpwKL179QsVFwx/DCW0u/0+URsryacI4MAdNJl0dh+u2PSsD9FtxPFbHCzJ78qJFQ==}
+
+  mdast-util-gfm-strikethrough@1.0.3:
+    resolution: {integrity: sha512-DAPhYzTYrRcXdMjUtUjKvW9z/FNAMTdU0ORyMcbmkwYNbKocDpdk+PX1L1dQgOID/+vVs1uBQ7ElrBQfZ0cuiQ==}
+
+  mdast-util-gfm-table@1.0.7:
+    resolution: {integrity: sha512-jjcpmNnQvrmN5Vx7y7lEc2iIOEytYv7rTvu+MeyAsSHTASGCCRA79Igg2uKssgOs1i1po8s3plW0sTu1wkkLGg==}
+
+  mdast-util-gfm-task-list-item@1.0.2:
+    resolution: {integrity: sha512-PFTA1gzfp1B1UaiJVyhJZA1rm0+Tzn690frc/L8vNX1Jop4STZgOE6bxUhnzdVSB+vm2GU1tIsuQcA9bxTQpMQ==}
+
+  mdast-util-gfm@2.0.2:
+    resolution: {integrity: sha512-qvZ608nBppZ4icQlhQQIAdc6S3Ffj9RGmzwUKUWuEICFnd1LVkN3EktF7ZHAgfcEdvZB5owU9tQgt99e2TlLjg==}
+
+  mdast-util-phrasing@3.0.1:
+    resolution: {integrity: sha512-WmI1gTXUBJo4/ZmSk79Wcb2HcjPJBzM1nlI/OUWA8yk2X9ik3ffNbBGsU+09BFmXaL1IBb9fiuvq6/KMiNycSg==}
+
+  mdast-util-to-hast@12.3.0:
+    resolution: {integrity: sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==}
+
+  mdast-util-to-markdown@1.5.0:
+    resolution: {integrity: sha512-bbv7TPv/WC49thZPg3jXuqzuvI45IL2EVAr/KxF0BSdHsU0ceFHOmwQn6evxAh1GaoK/6GQ1wp4R4oW2+LFL/A==}
+
+  mdast-util-to-string@3.2.0:
+    resolution: {integrity: sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==}
+
+  mdn-data@2.0.28:
+    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
+
+  mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+
+  meow@6.1.1:
+    resolution: {integrity: sha512-3YffViIt2QWgTy6Pale5QpopX/IvU3LPL03jOTqp6pGj3VjesdO/U8CuHMKpnQr4shCNCM5fd5XFFvIIl6JBHg==}
+    engines: {node: '>=8'}
+
+  merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
+  micromark-core-commonmark@1.1.0:
+    resolution: {integrity: sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==}
+
+  micromark-extension-gfm-autolink-literal@1.0.5:
+    resolution: {integrity: sha512-z3wJSLrDf8kRDOh2qBtoTRD53vJ+CWIyo7uyZuxf/JAbNJjiHsOpG1y5wxk8drtv3ETAHutCu6N3thkOOgueWg==}
+
+  micromark-extension-gfm-footnote@1.1.2:
+    resolution: {integrity: sha512-Yxn7z7SxgyGWRNa4wzf8AhYYWNrwl5q1Z8ii+CSTTIqVkmGZF1CElX2JI8g5yGoM3GAman9/PVCUFUSJ0kB/8Q==}
+
+  micromark-extension-gfm-strikethrough@1.0.7:
+    resolution: {integrity: sha512-sX0FawVE1o3abGk3vRjOH50L5TTLr3b5XMqnP9YDRb34M0v5OoZhG+OHFz1OffZ9dlwgpTBKaT4XW/AsUVnSDw==}
+
+  micromark-extension-gfm-table@1.0.7:
+    resolution: {integrity: sha512-3ZORTHtcSnMQEKtAOsBQ9/oHp9096pI/UvdPtN7ehKvrmZZ2+bbWhi0ln+I9drmwXMt5boocn6OlwQzNXeVeqw==}
+
+  micromark-extension-gfm-tagfilter@1.0.2:
+    resolution: {integrity: sha512-5XWB9GbAUSHTn8VPU8/1DBXMuKYT5uOgEjJb8gN3mW0PNW5OPHpSdojoqf+iq1xo7vWzw/P8bAHY0n6ijpXF7g==}
+
+  micromark-extension-gfm-task-list-item@1.0.5:
+    resolution: {integrity: sha512-RMFXl2uQ0pNQy6Lun2YBYT9g9INXtWJULgbt01D/x8/6yJ2qpKyzdZD3pi6UIkzF++Da49xAelVKUeUMqd5eIQ==}
+
+  micromark-extension-gfm@2.0.3:
+    resolution: {integrity: sha512-vb9OoHqrhCmbRidQv/2+Bc6pkP0FrtlhurxZofvOEy5o8RtuuvTq+RQ1Vw5ZDNrVraQZu3HixESqbG+0iKk/MQ==}
+
+  micromark-factory-destination@1.1.0:
+    resolution: {integrity: sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==}
+
+  micromark-factory-label@1.1.0:
+    resolution: {integrity: sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==}
+
+  micromark-factory-space@1.1.0:
+    resolution: {integrity: sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==}
+
+  micromark-factory-title@1.1.0:
+    resolution: {integrity: sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==}
+
+  micromark-factory-whitespace@1.1.0:
+    resolution: {integrity: sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==}
+
+  micromark-util-character@1.2.0:
+    resolution: {integrity: sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==}
+
+  micromark-util-chunked@1.1.0:
+    resolution: {integrity: sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==}
+
+  micromark-util-classify-character@1.1.0:
+    resolution: {integrity: sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==}
+
+  micromark-util-combine-extensions@1.1.0:
+    resolution: {integrity: sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==}
+
+  micromark-util-decode-numeric-character-reference@1.1.0:
+    resolution: {integrity: sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==}
+
+  micromark-util-decode-string@1.1.0:
+    resolution: {integrity: sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==}
+
+  micromark-util-encode@1.1.0:
+    resolution: {integrity: sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw==}
+
+  micromark-util-html-tag-name@1.2.0:
+    resolution: {integrity: sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q==}
+
+  micromark-util-normalize-identifier@1.1.0:
+    resolution: {integrity: sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==}
+
+  micromark-util-resolve-all@1.1.0:
+    resolution: {integrity: sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==}
+
+  micromark-util-sanitize-uri@1.2.0:
+    resolution: {integrity: sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==}
+
+  micromark-util-subtokenize@1.1.0:
+    resolution: {integrity: sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==}
+
+  micromark-util-symbol@1.1.0:
+    resolution: {integrity: sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag==}
+
+  micromark-util-types@1.1.0:
+    resolution: {integrity: sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==}
+
+  micromark@3.2.0:
+    resolution: {integrity: sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==}
+
+  micromatch@4.0.5:
+    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
+    engines: {node: '>=8.6'}
+
+  mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+
+  mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+
+  mime@3.0.0:
+    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+
+  mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+
+  mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
+    engines: {node: '>=12'}
+
+  mimic-response@3.1.0:
+    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
+    engines: {node: '>=10'}
+
+  min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+
+  minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+
+  minimatch@5.1.6:
+    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
+    engines: {node: '>=10'}
+
+  minimatch@9.0.3:
+    resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minimist-options@4.1.0:
+    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
+    engines: {node: '>= 6'}
+
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
+  mixme@0.5.9:
+    resolution: {integrity: sha512-VC5fg6ySUscaWUpI4gxCBTQMH2RdUpNrk+MsbpCYtIvf9SBJdiUey4qE7BXviJsJR4nDQxCZ+3yaYNW3guz/Pw==}
+    engines: {node: '>= 8.0.0'}
+
+  mkdirp-classic@0.5.3:
+    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
+
+  mkdirp@0.5.6:
+    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
+    hasBin: true
+
+  mri@1.2.0:
+    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
+    engines: {node: '>=4'}
+
+  mrmime@2.0.0:
+    resolution: {integrity: sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==}
+    engines: {node: '>=10'}
+
+  ms@2.0.0:
+    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
+
+  ms@2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  nanoid@3.3.6:
+    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  nanoid@3.3.7:
+    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  napi-build-utils@1.0.2:
+    resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  needle@2.9.1:
+    resolution: {integrity: sha512-6R9fqJ5Zcmf+uYaFgdIHmLwNldn5HbK8L5ybn7Uz+ylX/rnOsSp1AHcvQSrCaFN+qNM1wpymHqD7mVasEOlHGQ==}
+    engines: {node: '>= 4.4.x'}
+    hasBin: true
+
+  nlcst-to-string@3.1.1:
+    resolution: {integrity: sha512-63mVyqaqt0cmn2VcI2aH6kxe1rLAmSROqHMA0i4qqg1tidkfExgpb0FGMikMCn86mw5dFtBtEANfmSSK7TjNHw==}
+
+  no-case@3.0.4:
+    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
+
+  node-abi@3.51.0:
+    resolution: {integrity: sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==}
+    engines: {node: '>=10'}
+
+  node-addon-api@6.1.0:
+    resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==}
+
+  node-fetch@2.7.0:
+    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
+    engines: {node: 4.x || >=6.0.0}
+    peerDependencies:
+      encoding: ^0.1.0
+    peerDependenciesMeta:
+      encoding:
+        optional: true
+
+  node-releases@2.0.13:
+    resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==}
+
+  node-releases@2.0.14:
+    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
+
+  normalize-package-data@2.5.0:
+    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
+
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+
+  normalize-range@0.1.2:
+    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
+    engines: {node: '>=0.10.0'}
+
+  npm-run-path@4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
+
+  npm-run-path@5.1.0:
+    resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
+  object-inspect@1.13.1:
+    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
+
+  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.7:
+    resolution: {integrity: sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==}
+    engines: {node: '>= 0.4'}
+
+  object.fromentries@2.0.7:
+    resolution: {integrity: sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==}
+    engines: {node: '>= 0.4'}
+
+  object.hasown@1.1.3:
+    resolution: {integrity: sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==}
+
+  object.values@1.1.7:
+    resolution: {integrity: sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==}
+    engines: {node: '>= 0.4'}
+
+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
+  onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+
+  onetime@6.0.0:
+    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
+    engines: {node: '>=12'}
+
+  optionator@0.9.3:
+    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
+    engines: {node: '>= 0.8.0'}
+
+  ora@7.0.1:
+    resolution: {integrity: sha512-0TUxTiFJWv+JnjWm4o9yvuskpEJLXTcng8MJuKd+SzAzp2o+OP3HWqNhB4OdJRt1Vsd9/mR0oyaEYlOnL7XIRw==}
+    engines: {node: '>=16'}
+
+  os-tmpdir@1.0.2:
+    resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
+    engines: {node: '>=0.10.0'}
+
+  ospath@1.2.2:
+    resolution: {integrity: sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==}
+
+  outdent@0.5.0:
+    resolution: {integrity: sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q==}
+
+  p-filter@2.1.0:
+    resolution: {integrity: sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw==}
+    engines: {node: '>=8'}
+
+  p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-limit@4.0.0:
+    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  p-map@2.1.0:
+    resolution: {integrity: sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==}
+    engines: {node: '>=6'}
+
+  p-map@4.0.0:
+    resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==}
+    engines: {node: '>=10'}
+
+  p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+
+  parse-latin@5.0.1:
+    resolution: {integrity: sha512-b/K8ExXaWC9t34kKeDV8kGXBkXZ1HCSAZRYE7HR14eA1GlXX5L8iWhs8USJNhQU9q5ci413jCKF0gOyovvyRBg==}
+
+  parse5@6.0.1:
+    resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==}
+
+  pascal-case@3.1.2:
+    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
+
+  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-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+
+  path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+
+  path-to-regexp@6.2.1:
+    resolution: {integrity: sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==}
+
+  path-type@4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+
+  path-type@5.0.0:
+    resolution: {integrity: sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==}
+    engines: {node: '>=12'}
+
+  pause-stream@0.0.11:
+    resolution: {integrity: sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==}
+
+  pend@1.2.0:
+    resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==}
+
+  performance-now@2.1.0:
+    resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==}
+
+  periscopic@3.1.0:
+    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
+
+  picocolors@1.0.0:
+    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
+
+  picocolors@1.0.1:
+    resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
+
+  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'}
+
+  pify@4.0.1:
+    resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
+    engines: {node: '>=6'}
+
+  pkg-dir@4.2.0:
+    resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
+    engines: {node: '>=8'}
+
+  playwright-core@1.42.1:
+    resolution: {integrity: sha512-mxz6zclokgrke9p1vtdy/COWBH+eOZgYUVVU34C73M+4j4HLlQJHtfcqiqqxpP0o8HhMkflvfbquLX5dg6wlfA==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  playwright@1.42.1:
+    resolution: {integrity: sha512-PgwB03s2DZBcNRoW+1w9E+VkLBxweib6KTXM0M3tkiT4jVxKSi6PmVJ591J+0u10LUrgxB7dLRbiJqO5s2QPMg==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  postcss-calc@9.0.1:
+    resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.2
+
+  postcss-cli@11.0.0:
+    resolution: {integrity: sha512-xMITAI7M0u1yolVcXJ9XTZiO9aO49mcoKQy6pCDFdMh9kGqhzLVpWxeD/32M/QBmkhcGypZFFOLNLmIW4Pg4RA==}
+    engines: {node: '>=18'}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.0.0
+
+  postcss-colormin@6.0.0:
+    resolution: {integrity: sha512-EuO+bAUmutWoZYgHn2T1dG1pPqHU6L4TjzPlu4t1wZGXQ/fxV16xg2EJmYi0z+6r+MGV1yvpx1BHkUaRrPa2bw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-colormin@6.1.0:
+    resolution: {integrity: sha512-x9yX7DOxeMAR+BgGVnNSAxmAj98NX/YxEMNFP+SDCEeNLb2r3i6Hh1ksMsnW8Ub5SLCpbescQqn9YEbE9554Sw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-combine-duplicated-selectors@10.0.3:
+    resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==}
+    engines: {node: ^10.0.0 || ^12.0.0 || >=14.0.0}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-convert-values@6.0.0:
+    resolution: {integrity: sha512-U5D8QhVwqT++ecmy8rnTb+RL9n/B806UVaS3m60lqle4YDFcpbS3ae5bTQIh3wOGUSDHSEtMYLs/38dNG7EYFw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-convert-values@6.1.0:
+    resolution: {integrity: sha512-zx8IwP/ts9WvUM6NkVSkiU902QZL1bwPhaVaLynPtCsOTqp+ZKbNi+s6XJg3rfqpKGA/oc7Oxk5t8pOQJcwl/w==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-discard-comments@6.0.0:
+    resolution: {integrity: sha512-p2skSGqzPMZkEQvJsgnkBhCn8gI7NzRH2683EEjrIkoMiwRELx68yoUJ3q3DGSGuQ8Ug9Gsn+OuDr46yfO+eFw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-discard-comments@6.0.2:
+    resolution: {integrity: sha512-65w/uIqhSBBfQmYnG92FO1mWZjJ4GL5b8atm5Yw2UgrwD7HiNiSSNwJor1eCFGzUgYnN/iIknhNRVqjrrpuglw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-discard-duplicates@6.0.0:
+    resolution: {integrity: sha512-bU1SXIizMLtDW4oSsi5C/xHKbhLlhek/0/yCnoMQany9k3nPBq+Ctsv/9oMmyqbR96HYHxZcHyK2HR5P/mqoGA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-discard-duplicates@6.0.3:
+    resolution: {integrity: sha512-+JA0DCvc5XvFAxwx6f/e68gQu/7Z9ud584VLmcgto28eB8FqSFZwtrLwB5Kcp70eIoWP/HXqz4wpo8rD8gpsTw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-discard-empty@6.0.0:
+    resolution: {integrity: sha512-b+h1S1VT6dNhpcg+LpyiUrdnEZfICF0my7HAKgJixJLW7BnNmpRH34+uw/etf5AhOlIhIAuXApSzzDzMI9K/gQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-discard-empty@6.0.3:
+    resolution: {integrity: sha512-znyno9cHKQsK6PtxL5D19Fj9uwSzC2mB74cpT66fhgOadEUPyXFkbgwm5tvc3bt3NAy8ltE5MrghxovZRVnOjQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-discard-overridden@6.0.0:
+    resolution: {integrity: sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-discard-overridden@6.0.2:
+    resolution: {integrity: sha512-j87xzI4LUggC5zND7KdjsI25APtyMuynXZSujByMaav2roV6OZX+8AaCUcZSWqckZpjAjRyFDdpqybgjFO0HJQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-import@15.1.0:
+    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+
+  postcss-import@16.0.1:
+    resolution: {integrity: sha512-i2Pci0310NaLHr/5JUFSw1j/8hf1CzwMY13g6ZDxgOavmRHQi2ba3PmUHoihO+sjaum+KmCNzskNsw7JDrg03g==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+
+  postcss-load-config@3.1.4:
+    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
+    engines: {node: '>= 10'}
+    peerDependencies:
+      postcss: '>=8.0.9'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+      ts-node:
+        optional: true
+
+  postcss-load-config@5.0.2:
+    resolution: {integrity: sha512-Q8QR3FYbqOKa0bnC1UQ2bFq9/ulHX5Bi34muzitMr8aDtUelO5xKeJEYC/5smE0jNE9zdB/NBnOwXKexELbRlw==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      jiti: '>=1.21.0'
+      postcss: '>=8.0.9'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+      postcss:
+        optional: true
+
+  postcss-merge-longhand@6.0.0:
+    resolution: {integrity: sha512-4VSfd1lvGkLTLYcxFuISDtWUfFS4zXe0FpF149AyziftPFQIWxjvFSKhA4MIxMe4XM3yTDgQMbSNgzIVxChbIg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-merge-longhand@6.0.4:
+    resolution: {integrity: sha512-vAfWGcxUUGlFiPM3nDMZA+/Yo9sbpc3JNkcYZez8FfJDv41Dh7tAgA3QGVTocaHCZZL6aXPXPOaBMJsjujodsA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-merge-rules@6.0.1:
+    resolution: {integrity: sha512-a4tlmJIQo9SCjcfiCcCMg/ZCEe0XTkl/xK0XHBs955GWg9xDX3NwP9pwZ78QUOWB8/0XCjZeJn98Dae0zg6AAw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-merge-rules@6.1.0:
+    resolution: {integrity: sha512-lER+W3Gr6XOvxOYk1Vi/6UsAgKMg6MDBthmvbNqi2XxAk/r9XfhdYZSigfWjuWWn3zYw2wLelvtM8XuAEFqRkA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-minify-font-values@6.0.0:
+    resolution: {integrity: sha512-zNRAVtyh5E8ndZEYXA4WS8ZYsAp798HiIQ1V2UF/C/munLp2r1UGHwf1+6JFu7hdEhJFN+W1WJQKBrtjhFgEnA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-minify-font-values@6.0.3:
+    resolution: {integrity: sha512-SmAeTA1We5rMnN3F8X9YBNo9bj9xB4KyDHnaNJnBfQIPi+60fNiR9OTRnIaMqkYzAQX0vObIw4Pn0vuKEOettg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-minify-gradients@6.0.0:
+    resolution: {integrity: sha512-wO0F6YfVAR+K1xVxF53ueZJza3L+R3E6cp0VwuXJQejnNUH0DjcAFe3JEBeTY1dLwGa0NlDWueCA1VlEfiKgAA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-minify-gradients@6.0.3:
+    resolution: {integrity: sha512-4KXAHrYlzF0Rr7uc4VrfwDJ2ajrtNEpNEuLxFgwkhFZ56/7gaE4Nr49nLsQDZyUe+ds+kEhf+YAUolJiYXF8+Q==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-minify-params@6.0.0:
+    resolution: {integrity: sha512-Fz/wMQDveiS0n5JPcvsMeyNXOIMrwF88n7196puSuQSWSa+/Ofc1gDOSY2xi8+A4PqB5dlYCKk/WfqKqsI+ReQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-minify-params@6.1.0:
+    resolution: {integrity: sha512-bmSKnDtyyE8ujHQK0RQJDIKhQ20Jq1LYiez54WiaOoBtcSuflfK3Nm596LvbtlFcpipMjgClQGyGr7GAs+H1uA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-minify-selectors@6.0.0:
+    resolution: {integrity: sha512-ec/q9JNCOC2CRDNnypipGfOhbYPuUkewGwLnbv6omue/PSASbHSU7s6uSQ0tcFRVv731oMIx8k0SP4ZX6be/0g==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-minify-selectors@6.0.3:
+    resolution: {integrity: sha512-IcV7ZQJcaXyhx4UBpWZMsinGs2NmiUC60rJSkyvjPCPqhNjVGsrJUM+QhAtCaikZ0w0/AbZuH4wVvF/YMuMhvA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-nested@6.0.0:
+    resolution: {integrity: sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.2.14
+
+  postcss-nested@6.0.1:
+    resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.2.14
+
+  postcss-normalize-charset@6.0.0:
+    resolution: {integrity: sha512-cqundwChbu8yO/gSWkuFDmKrCZ2vJzDAocheT2JTd0sFNA4HMGoKMfbk2B+J0OmO0t5GUkiAkSM5yF2rSLUjgQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-charset@6.0.2:
+    resolution: {integrity: sha512-a8N9czmdnrjPHa3DeFlwqst5eaL5W8jYu3EBbTTkI5FHkfMhFZh1EGbku6jhHhIzTA6tquI2P42NtZ59M/H/kQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-display-values@6.0.0:
+    resolution: {integrity: sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-display-values@6.0.2:
+    resolution: {integrity: sha512-8H04Mxsb82ON/aAkPeq8kcBbAtI5Q2a64X/mnRRfPXBq7XeogoQvReqxEfc0B4WPq1KimjezNC8flUtC3Qz6jg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-positions@6.0.0:
+    resolution: {integrity: sha512-mPCzhSV8+30FZyWhxi6UoVRYd3ZBJgTRly4hOkaSifo0H+pjDYcii/aVT4YE6QpOil15a5uiv6ftnY3rm0igPg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-positions@6.0.2:
+    resolution: {integrity: sha512-/JFzI441OAB9O7VnLA+RtSNZvQ0NCFZDOtp6QPFo1iIyawyXg0YI3CYM9HBy1WvwCRHnPep/BvI1+dGPKoXx/Q==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-repeat-style@6.0.0:
+    resolution: {integrity: sha512-50W5JWEBiOOAez2AKBh4kRFm2uhrT3O1Uwdxz7k24aKtbD83vqmcVG7zoIwo6xI2FZ/HDlbrCopXhLeTpQib1A==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-repeat-style@6.0.2:
+    resolution: {integrity: sha512-YdCgsfHkJ2jEXwR4RR3Tm/iOxSfdRt7jplS6XRh9Js9PyCR/aka/FCb6TuHT2U8gQubbm/mPmF6L7FY9d79VwQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-string@6.0.0:
+    resolution: {integrity: sha512-KWkIB7TrPOiqb8ZZz6homet2KWKJwIlysF5ICPZrXAylGe2hzX/HSf4NTX2rRPJMAtlRsj/yfkrWGavFuB+c0w==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-string@6.0.2:
+    resolution: {integrity: sha512-vQZIivlxlfqqMp4L9PZsFE4YUkWniziKjQWUtsxUiVsSSPelQydwS8Wwcuw0+83ZjPWNTl02oxlIvXsmmG+CiQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-timing-functions@6.0.0:
+    resolution: {integrity: sha512-tpIXWciXBp5CiFs8sem90IWlw76FV4oi6QEWfQwyeREVwUy39VSeSqjAT7X0Qw650yAimYW5gkl2Gd871N5SQg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-timing-functions@6.0.2:
+    resolution: {integrity: sha512-a+YrtMox4TBtId/AEwbA03VcJgtyW4dGBizPl7e88cTFULYsprgHWTbfyjSLyHeBcK/Q9JhXkt2ZXiwaVHoMzA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-unicode@6.0.0:
+    resolution: {integrity: sha512-ui5crYkb5ubEUDugDc786L/Me+DXp2dLg3fVJbqyAl0VPkAeALyAijF2zOsnZyaS1HyfPuMH0DwyY18VMFVNkg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-unicode@6.1.0:
+    resolution: {integrity: sha512-QVC5TQHsVj33otj8/JD869Ndr5Xcc/+fwRh4HAsFsAeygQQXm+0PySrKbr/8tkDKzW+EVT3QkqZMfFrGiossDg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-url@6.0.0:
+    resolution: {integrity: sha512-98mvh2QzIPbb02YDIrYvAg4OUzGH7s1ZgHlD3fIdTHLgPLRpv1ZTKJDnSAKr4Rt21ZQFzwhGMXxpXlfrUBKFHw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-url@6.0.2:
+    resolution: {integrity: sha512-kVNcWhCeKAzZ8B4pv/DnrU1wNh458zBNp8dh4y5hhxih5RZQ12QWMuQrDgPRw3LRl8mN9vOVfHl7uhvHYMoXsQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-whitespace@6.0.0:
+    resolution: {integrity: sha512-7cfE1AyLiK0+ZBG6FmLziJzqQCpTQY+8XjMhMAz8WSBSCsCNNUKujgIgjCAmDT3cJ+3zjTXFkoD15ZPsckArVw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-normalize-whitespace@6.0.2:
+    resolution: {integrity: sha512-sXZ2Nj1icbJOKmdjXVT9pnyHQKiSAyuNQHSgRCUgThn2388Y9cGVDR+E9J9iAYbSbLHI+UUwLVl1Wzco/zgv0Q==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-ordered-values@6.0.0:
+    resolution: {integrity: sha512-K36XzUDpvfG/nWkjs6d1hRBydeIxGpKS2+n+ywlKPzx1nMYDYpoGbcjhj5AwVYJK1qV2/SDoDEnHzlPD6s3nMg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-ordered-values@6.0.2:
+    resolution: {integrity: sha512-VRZSOB+JU32RsEAQrO94QPkClGPKJEL/Z9PCBImXMhIeK5KAYo6slP/hBYlLgrCjFxyqvn5VC81tycFEDBLG1Q==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-reduce-initial@6.0.0:
+    resolution: {integrity: sha512-s2UOnidpVuXu6JiiI5U+fV2jamAw5YNA9Fdi/GRK0zLDLCfXmSGqQtzpUPtfN66RtCbb9fFHoyZdQaxOB3WxVA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-reduce-initial@6.1.0:
+    resolution: {integrity: sha512-RarLgBK/CrL1qZags04oKbVbrrVK2wcxhvta3GCxrZO4zveibqbRPmm2VI8sSgCXwoUHEliRSbOfpR0b/VIoiw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-reduce-transforms@6.0.0:
+    resolution: {integrity: sha512-FQ9f6xM1homnuy1wLe9lP1wujzxnwt1EwiigtWwuyf8FsqqXUDUp2Ulxf9A5yjlUOTdCJO6lonYjg1mgqIIi2w==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-reduce-transforms@6.0.2:
+    resolution: {integrity: sha512-sB+Ya++3Xj1WaT9+5LOOdirAxP7dJZms3GRcYheSPi1PiTMigsxHAdkrbItHxwYHr4kt1zL7mmcHstgMYT+aiA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-rename@0.6.1:
+    resolution: {integrity: sha512-bsj9TMuPnh8pqF/FMX6BB3aZMjTxRdGP0qJHOg4yC2S1DCAomtAVuQaTJC16QTkH5fnrYMP/yYjuXZAibP3QnQ==}
+    engines: {node: '>=8.3.0'}
+    peerDependencies:
+      postcss: ^8.2.6
+
+  postcss-reporter@7.0.5:
+    resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-safe-parser@6.0.0:
+    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.3.3
+
+  postcss-scss@4.0.9:
+    resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.4.29
+
+  postcss-selector-parser@6.0.13:
+    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
+    engines: {node: '>=4'}
+
+  postcss-selector-parser@6.0.16:
+    resolution: {integrity: sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==}
+    engines: {node: '>=4'}
+
+  postcss-svgo@6.0.0:
+    resolution: {integrity: sha512-r9zvj/wGAoAIodn84dR/kFqwhINp5YsJkLoujybWG59grR/IHx+uQ2Zo+IcOwM0jskfYX3R0mo+1Kip1VSNcvw==}
+    engines: {node: ^14 || ^16 || >= 18}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-svgo@6.0.3:
+    resolution: {integrity: sha512-dlrahRmxP22bX6iKEjOM+c8/1p+81asjKT+V5lrgOH944ryx/OHpclnIbGsKVd3uWOXFLYJwCVf0eEkJGvO96g==}
+    engines: {node: ^14 || ^16 || >= 18}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-unique-selectors@6.0.0:
+    resolution: {integrity: sha512-EPQzpZNxOxP7777t73RQpZE5e9TrnCrkvp7AH7a0l89JmZiPnS82y216JowHXwpBCQitfyxrof9TK3rYbi7/Yw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  postcss-unique-selectors@6.0.3:
+    resolution: {integrity: sha512-NFXbYr8qdmCr/AFceaEfdcsKGCvWTeGO6QVC9h2GvtWgj0/0dklKQcaMMVzs6tr8bY+ase8hOtHW8OBTTRvS8A==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
+  postcss@8.4.21:
+    resolution: {integrity: sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  postcss@8.4.35:
+    resolution: {integrity: sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  postcss@8.4.38:
+    resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  prebuild-install@7.1.1:
+    resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  preferred-pm@3.1.2:
+    resolution: {integrity: sha512-nk7dKrcW8hfCZ4H6klWcdRknBOXWzNQByJ0oJyX97BOupsYD+FzLS4hflgEu/uPUEHZCuRfMxzCBsuWd7OzT8Q==}
+    engines: {node: '>=10'}
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prettier-linter-helpers@1.0.0:
+    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
+    engines: {node: '>=6.0.0'}
+
+  prettier-plugin-svelte@3.0.3:
+    resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==}
+    peerDependencies:
+      prettier: ^3.0.0
+      svelte: ^3.2.0 || ^4.0.0-next.0
+
+  prettier-plugin-svelte@3.2.2:
+    resolution: {integrity: sha512-ZzzE/wMuf48/1+Lf2Ffko0uDa6pyCfgHV6+uAhtg2U0AAXGrhCSW88vEJNAkAxW5qyrFY1y1zZ4J8TgHrjW++Q==}
+    peerDependencies:
+      prettier: ^3.0.0
+      svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0
+
+  prettier@2.8.8:
+    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+
+  prettier@3.0.3:
+    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  prettier@3.2.5:
+    resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  pretty-bytes@5.6.0:
+    resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
+    engines: {node: '>=6'}
+
+  pretty-hrtime@1.0.3:
+    resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==}
+    engines: {node: '>= 0.8'}
+
+  prismjs@1.29.0:
+    resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
+    engines: {node: '>=6'}
+
+  probe-image-size@7.2.3:
+    resolution: {integrity: sha512-HubhG4Rb2UH8YtV4ba0Vp5bQ7L78RTONYu/ujmCu5nBI8wGv24s4E9xSKBi0N1MowRpxk76pFCpJtW0KPzOK0w==}
+
+  process@0.11.10:
+    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
+    engines: {node: '>= 0.6.0'}
+
+  prompts@2.4.2:
+    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
+    engines: {node: '>= 6'}
+
+  prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+
+  property-information@6.3.0:
+    resolution: {integrity: sha512-gVNZ74nqhRMiIUYWGQdosYetaKc83x8oT41a0LlV3AAFCAZwCpg4vmGkq8t34+cUhp3cnM4XDiU/7xlgK7HGrg==}
+
+  proxy-from-env@1.0.0:
+    resolution: {integrity: sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==}
+
+  ps-tree@1.2.0:
+    resolution: {integrity: sha512-0VnamPPYHl4uaU/nSFeZZpR21QAWRz+sRv4iW9+v/GS/J5U5iZB5BNN6J0RMoOvdx2gWM2+ZFMIm58q24e4UYA==}
+    engines: {node: '>= 0.10'}
+    hasBin: true
+
+  pseudomap@1.0.2:
+    resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==}
+
+  psl@1.9.0:
+    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
+
+  pump@3.0.0:
+    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
+
+  punycode@2.3.0:
+    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
+    engines: {node: '>=6'}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  qs@6.10.4:
+    resolution: {integrity: sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==}
+    engines: {node: '>=0.6'}
+
+  querystringify@2.2.0:
+    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
+
+  queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+  queue-tick@1.0.1:
+    resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==}
+
+  quick-lru@4.0.1:
+    resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==}
+    engines: {node: '>=8'}
+
+  randombytes@2.1.0:
+    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
+
+  rc@1.2.8:
+    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
+    hasBin: true
+
+  react-dom@18.2.0:
+    resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
+    peerDependencies:
+      react: ^18.2.0
+
+  react-is@16.13.1:
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+
+  react-redux@9.1.1:
+    resolution: {integrity: sha512-5ynfGDzxxsoV73+4czQM56qF43vsmgJsO22rmAvU5tZT2z5Xow/A2uhhxwXuGTxgdReF3zcp7A80gma2onRs1A==}
+    peerDependencies:
+      '@types/react': ^18.2.25
+      react: ^18.0
+      react-native: '>=0.69'
+      redux: ^5.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      react-native:
+        optional: true
+      redux:
+        optional: true
+
+  react-refresh@0.14.0:
+    resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==}
+    engines: {node: '>=0.10.0'}
+
+  react-router-dom@6.18.0:
+    resolution: {integrity: sha512-Ubrue4+Ercc/BoDkFQfc6og5zRQ4A8YxSO3Knsne+eRbZ+IepAsK249XBH/XaFuOYOYr3L3r13CXTLvYt5JDjw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      react: '>=16.8'
+      react-dom: '>=16.8'
+
+  react-router@6.18.0:
+    resolution: {integrity: sha512-vk2y7Dsy8wI02eRRaRmOs9g2o+aE72YCx5q9VasT1N9v+lrdB79tIqrjMfByHiY5+6aYkH2rUa5X839nwWGPDg==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      react: '>=16.8'
+
+  react@18.2.0:
+    resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
+    engines: {node: '>=0.10.0'}
+
+  read-cache@1.0.0:
+    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+
+  read-pkg-up@7.0.1:
+    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
+    engines: {node: '>=8'}
+
+  read-pkg@5.2.0:
+    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
+    engines: {node: '>=8'}
+
+  read-yaml-file@1.1.0:
+    resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==}
+    engines: {node: '>=6'}
+
+  readable-stream@3.6.2:
+    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
+    engines: {node: '>= 6'}
+
+  readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+
+  redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+
+  redux-thunk@3.1.0:
+    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
+    peerDependencies:
+      redux: ^5.0.0
+
+  redux@5.0.1:
+    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
+
+  reflect.getprototypeof@1.0.4:
+    resolution: {integrity: sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==}
+    engines: {node: '>= 0.4'}
+
+  regenerator-runtime@0.14.0:
+    resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==}
+
+  regexp.prototype.flags@1.5.1:
+    resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==}
+    engines: {node: '>= 0.4'}
+
+  rehype-parse@8.0.5:
+    resolution: {integrity: sha512-Ds3RglaY/+clEX2U2mHflt7NlMA72KspZ0JLUJgBBLpRddBcEw3H8uYZQliQriku22NZpYMfjDdSgHcjxue24A==}
+
+  rehype-raw@6.1.1:
+    resolution: {integrity: sha512-d6AKtisSRtDRX4aSPsJGTfnzrX2ZkHQLE5kiUuGOeEoLpbEulFF4hj0mLPbsa+7vmguDKOVVEQdHKDSwoaIDsQ==}
+
+  rehype-stringify@9.0.4:
+    resolution: {integrity: sha512-Uk5xu1YKdqobe5XpSskwPvo1XeHUUucWEQSl8hTrXt5selvca1e8K1EZ37E6YoZ4BT8BCqCdVfQW7OfHfthtVQ==}
+
+  rehype@12.0.1:
+    resolution: {integrity: sha512-ey6kAqwLM3X6QnMDILJthGvG1m1ULROS9NT4uG9IDCuv08SFyLlreSuvOa//DgEvbXx62DS6elGVqusWhRUbgw==}
+
+  remark-gfm@3.0.1:
+    resolution: {integrity: sha512-lEFDoi2PICJyNrACFOfDD3JlLkuSbOa5Wd8EPt06HUdptv8Gn0bxYTdbU/XXQ3swAPkEaGxxPN9cbnMHvVu1Ig==}
+
+  remark-parse@10.0.2:
+    resolution: {integrity: sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==}
+
+  remark-rehype@10.1.0:
+    resolution: {integrity: sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==}
+
+  remark-smartypants@2.0.0:
+    resolution: {integrity: sha512-Rc0VDmr/yhnMQIz8n2ACYXlfw/P/XZev884QU1I5u+5DgJls32o97Vc1RbK3pfumLsJomS2yy8eT4Fxj/2MDVA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  request-progress@3.0.0:
+    resolution: {integrity: sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==}
+
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
+  require-main-filename@2.0.0:
+    resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
+
+  requires-port@1.0.0:
+    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
+
+  reselect@5.1.0:
+    resolution: {integrity: sha512-aw7jcGLDpSgNDyWBQLv2cedml85qd95/iszJjN988zX1t7AVRJi19d9kto5+W7oCfQ94gyo40dVbT6g2k4/kXg==}
+
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
+  resolve-from@5.0.0:
+    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
+    engines: {node: '>=8'}
+
+  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
+
+  restore-cursor@3.1.0:
+    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
+    engines: {node: '>=8'}
+
+  restore-cursor@4.0.0:
+    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  retext-latin@3.1.0:
+    resolution: {integrity: sha512-5MrD1tuebzO8ppsja5eEu+ZbBeUNCjoEarn70tkXOS7Bdsdf6tNahsv2bY0Z8VooFF6cw7/6S+d3yI/TMlMVVQ==}
+
+  retext-smartypants@5.2.0:
+    resolution: {integrity: sha512-Do8oM+SsjrbzT2UNIKgheP0hgUQTDDQYyZaIY3kfq0pdFzoPk+ZClYJ+OERNXveog4xf1pZL4PfRxNoVL7a/jw==}
+
+  retext-stringify@3.1.0:
+    resolution: {integrity: sha512-767TLOaoXFXyOnjx/EggXlb37ZD2u4P1n0GJqVdpipqACsQP+20W+BNpMYrlJkq7hxffnFk+jc6mAK9qrbuB8w==}
+
+  retext@8.1.0:
+    resolution: {integrity: sha512-N9/Kq7YTn6ZpzfiGW45WfEGJqFf1IM1q8OsRa1CGzIebCJBNCANDRmOrholiDRGKo/We7ofKR4SEvcGAWEMD3Q==}
+
+  reusify@1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+  rfdc@1.3.1:
+    resolution: {integrity: sha512-r5a3l5HzYlIC68TpmYKlxWjmOP6wiPJ1vWv2HeLhNsRZMrCkxeqxiHlQ21oXmQ4F3SiryXBHhAD7JZqvOJjFmg==}
+
+  rimraf@2.7.1:
+    resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
+    hasBin: true
+
+  rimraf@3.0.2:
+    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
+    hasBin: true
+
+  rollup-plugin-peer-deps-external@2.2.4:
+    resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==}
+    peerDependencies:
+      rollup: '*'
+
+  rollup@3.23.0:
+    resolution: {integrity: sha512-h31UlwEi7FHihLe1zbk+3Q7z1k/84rb9BSwmBSr/XjOCEaBJ2YyedQDuM0t/kfOS0IxM+vk1/zI9XxYj9V+NJQ==}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  rollup@3.29.4:
+    resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  rollup@4.18.0:
+    resolution: {integrity: sha512-QmJz14PX3rzbJCN1SG4Xe/bAAX2a6NpCP8ab2vfu2GiUr8AQcr2nCV/oEO3yneFarB67zk8ShlIyWb2LGTb3Sg==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+  rxjs@7.8.1:
+    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
+
+  sade@1.8.1:
+    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
+    engines: {node: '>=6'}
+
+  safe-array-concat@1.0.1:
+    resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==}
+    engines: {node: '>=0.4'}
+
+  safe-buffer@5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+
+  safe-regex-test@1.0.0:
+    resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
+
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  sander@0.5.1:
+    resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
+
+  sax@1.3.0:
+    resolution: {integrity: sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==}
+
+  scheduler@0.23.0:
+    resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==}
+
+  section-matter@1.0.0:
+    resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==}
+    engines: {node: '>=4'}
+
+  semver@5.7.2:
+    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
+    hasBin: true
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.5.4:
+    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  semver@7.6.0:
+    resolution: {integrity: sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  serialize-javascript@6.0.2:
+    resolution: {integrity: sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==}
+
+  server-destroy@1.0.1:
+    resolution: {integrity: sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==}
+
+  set-blocking@2.0.0:
+    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
+
+  set-cookie-parser@2.6.0:
+    resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
+
+  set-function-length@1.1.1:
+    resolution: {integrity: sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==}
+    engines: {node: '>= 0.4'}
+
+  set-function-length@1.2.1:
+    resolution: {integrity: sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==}
+    engines: {node: '>= 0.4'}
+
+  set-function-name@2.0.1:
+    resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==}
+    engines: {node: '>= 0.4'}
+
+  sharp@0.32.6:
+    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==}
+    engines: {node: '>=14.15.0'}
+
+  shebang-command@1.2.0:
+    resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
+    engines: {node: '>=0.10.0'}
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@1.0.0:
+    resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==}
+    engines: {node: '>=0.10.0'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  shell-quote@1.8.1:
+    resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
+
+  shiki@0.14.5:
+    resolution: {integrity: sha512-1gCAYOcmCFONmErGTrS1fjzJLA7MGZmKzrBNX7apqSwhyITJg2O102uFzXUeBxNnEkDA9vHIKLyeKq0V083vIw==}
+
+  side-channel@1.0.4:
+    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
+
+  side-channel@1.0.6:
+    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
+    engines: {node: '>= 0.4'}
+
+  signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
+  simple-concat@1.0.1:
+    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
+
+  simple-get@4.0.1:
+    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
+
+  simple-swizzle@0.2.2:
+    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
+
+  sirv@2.0.4:
+    resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
+    engines: {node: '>= 10'}
+
+  sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
+
+  slash@3.0.0:
+    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
+    engines: {node: '>=8'}
+
+  slash@5.1.0:
+    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
+    engines: {node: '>=14.16'}
+
+  slice-ansi@3.0.0:
+    resolution: {integrity: sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==}
+    engines: {node: '>=8'}
+
+  slice-ansi@4.0.0:
+    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
+    engines: {node: '>=10'}
+
+  smartwrap@2.0.2:
+    resolution: {integrity: sha512-vCsKNQxb7PnCNd2wY1WClWifAc2lwqsG8OaswpJkVJsvMGcnEntdTCDajZCkk93Ay1U3t/9puJmb525Rg5MZBA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  smob@1.5.0:
+    resolution: {integrity: sha512-g6T+p7QO8npa+/hNx9ohv1E5pVCmWrVCUzUXJyLdMmftX6ER0oiWY/w9knEonLpnOp6b6FenKnMfR8gqwWdwig==}
+
+  sorcery@0.11.0:
+    resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==}
+    hasBin: true
+
+  source-map-js@1.0.2:
+    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
+    engines: {node: '>=0.10.0'}
+
+  source-map-js@1.2.0:
+    resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
+    engines: {node: '>=0.10.0'}
+
+  source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
+  space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
+
+  spawn-command@0.0.2-1:
+    resolution: {integrity: sha512-n98l9E2RMSJ9ON1AKisHzz7V42VDiBQGY6PB1BwRglz99wpVsSuGzQ+jOi6lFXBGVTCrRpltvjm+/XA+tpeJrg==}
+
+  spawndamnit@2.0.0:
+    resolution: {integrity: sha512-j4JKEcncSjFlqIwU5L/rp2N5SIPsdxaRsIv678+TZxZ0SRDJTm8JrxJMjE/XuiEZNEir3S8l0Fa3Ke339WI4qA==}
+
+  spdx-correct@3.2.0:
+    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
+
+  spdx-exceptions@2.3.0:
+    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
+
+  spdx-expression-parse@3.0.1:
+    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
+
+  spdx-license-ids@3.0.16:
+    resolution: {integrity: sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==}
+
+  split@0.3.3:
+    resolution: {integrity: sha512-wD2AeVmxXRBoX44wAycgjVpMhvbwdI2aZjCkvfNcH1YqHQvJVa1duWc73OyVGJUc05fhFaTZeQ/PYsrmyH0JVA==}
+
+  sprintf-js@1.0.3:
+    resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
+
+  sshpk@1.18.0:
+    resolution: {integrity: sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+
+  start-server-and-test@2.0.2:
+    resolution: {integrity: sha512-4sGS2QmETUwqeBUqtTLP7OqXp3PdDnevaWlPlrFQgn8+7uCgVg4Do7/H/ZhAAVyvnL3DqKyANhnLgcgxrjhrMA==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  stdin-discarder@0.1.0:
+    resolution: {integrity: sha512-xhV7w8S+bUwlPTb4bAOUQhv8/cSS5offJuX8GQGq32ONF0ZtDWKfkdomM3HMRA+LhX6um/FZ0COqlwsjD53LeQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  stream-combiner@0.0.4:
+    resolution: {integrity: sha512-rT00SPnTVyRsaSz5zgSPma/aHSOic5U1prhYdRy5HS2kTZviFpmDgzilbtsJsxiroqACmayynDN/9VzIbX5DOw==}
+
+  stream-parser@0.3.1:
+    resolution: {integrity: sha512-bJ/HgKq41nlKvlhccD5kaCr/P+Hu0wPNKPJOH7en+YrJu/9EgqUF+88w5Jb6KNcjOFMhfX4B2asfeAtIGuHObQ==}
+
+  stream-transform@2.1.3:
+    resolution: {integrity: sha512-9GHUiM5hMiCi6Y03jD2ARC1ettBXkQBoQAe7nJsPknnI0ow10aXjTnew8QtYQmLjzn974BnmWEAJgCY6ZP1DeQ==}
+
+  streamx@2.15.1:
+    resolution: {integrity: sha512-fQMzy2O/Q47rgwErk/eGeLu/roaFWV0jVsogDmrszM9uIw8L5OA+t+V93MgYlufNptfjmYR1tOMWhei/Eh7TQA==}
+
+  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-width@6.1.0:
+    resolution: {integrity: sha512-k01swCJAgQmuADB0YIc+7TuatfNvTBVOoaUWJjTB9R4VJzR5vNWzf5t42ESVZFPS8xTySF7CAdV4t/aaIm3UnQ==}
+    engines: {node: '>=16'}
+
+  string.prototype.matchall@4.0.10:
+    resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==}
+
+  string.prototype.trim@1.2.8:
+    resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.trimend@1.0.7:
+    resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==}
+
+  string.prototype.trimstart@1.0.7:
+    resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==}
+
+  string_decoder@1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+
+  stringify-entities@4.0.3:
+    resolution: {integrity: sha512-BP9nNHMhhfcMbiuQKCqMjhDP5yBCAxsPu4pHFFzJ6Alo9dZgY4VLDPutXqIjpRiMoKdp7Av85Gr73Q5uH9k7+g==}
+
+  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-string@1.0.0:
+    resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==}
+    engines: {node: '>=0.10.0'}
+
+  strip-bom@3.0.0:
+    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
+    engines: {node: '>=4'}
+
+  strip-bom@4.0.0:
+    resolution: {integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==}
+    engines: {node: '>=8'}
+
+  strip-final-newline@2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
+    engines: {node: '>=6'}
+
+  strip-final-newline@3.0.0:
+    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
+    engines: {node: '>=12'}
+
+  strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+
+  strip-json-comments@2.0.1:
+    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
+    engines: {node: '>=0.10.0'}
+
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
+  stylehacks@6.0.0:
+    resolution: {integrity: sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.15
+
+  stylehacks@6.1.0:
+    resolution: {integrity: sha512-ETErsPFgwlfYZ/CSjMO2Ddf+TsnkCVPBPaoB99Ro8WMAxf7cglzmFsRBhRmKObFjibtcvlNxFFPHuyr3sNlNUQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  supports-color@5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  supports-color@8.1.1:
+    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
+    engines: {node: '>=10'}
+
+  supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+
+  svelte-check@3.6.6:
+    resolution: {integrity: sha512-b9q9rOHOMYF3U8XllK7LmXTq1LeWQ98waGfEJzrFutViadkNl1tgdEtxIQ8yuPx+VQ4l7YrknYol+0lfZocaZw==}
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
+
+  svelte-check@3.6.7:
+    resolution: {integrity: sha512-tKEjemK9FYCySAseCaIt+ps5o0XRvLC7ECjyJXXtO7vOQhR9E6JavgoUbGP1PCulD2OTcB/fi9RjV3nyF1AROw==}
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
+
+  svelte-eslint-parser@0.33.1:
+    resolution: {integrity: sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      svelte: ^3.37.0 || ^4.0.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+
+  svelte-hmr@0.15.3:
+    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
+    engines: {node: ^12.20 || ^14.13.1 || >= 16}
+    peerDependencies:
+      svelte: ^3.19.0 || ^4.0.0
+
+  svelte-hmr@0.16.0:
+    resolution: {integrity: sha512-Gyc7cOS3VJzLlfj7wKS0ZnzDVdv3Pn2IuVeJPk9m2skfhcu5bq3wtIZyQGggr7/Iim5rH5cncyQft/kRLupcnA==}
+    engines: {node: ^12.20 || ^14.13.1 || >= 16}
+    peerDependencies:
+      svelte: ^3.19.0 || ^4.0.0
+
+  svelte-preprocess@5.1.3:
+    resolution: {integrity: sha512-xxAkmxGHT+J/GourS5mVJeOXZzne1FR5ljeOUAMXUkfEhkLEllRreXpbl3dIYJlcJRfL1LO1uIAPpBpBfiqGPw==}
+    engines: {node: '>= 16.0.0', pnpm: ^8.0.0}
+    peerDependencies:
+      '@babel/core': ^7.10.2
+      coffeescript: ^2.5.1
+      less: ^3.11.3 || ^4.0.0
+      postcss: ^7 || ^8
+      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
+      pug: ^3.0.0
+      sass: ^1.26.8
+      stylus: ^0.55.0
+      sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
+      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
+      typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      coffeescript:
+        optional: true
+      less:
+        optional: true
+      postcss:
+        optional: true
+      postcss-load-config:
+        optional: true
+      pug:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      typescript:
+        optional: true
+
+  svelte2tsx@0.6.23:
+    resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==}
+    peerDependencies:
+      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
+      typescript: ^4.9.4 || ^5.0.0
+
+  svelte2tsx@0.7.3:
+    resolution: {integrity: sha512-yrjJFvqp32Ag4Oke+T1xXZLqMNrS0gjzAM//+L6+7OhXWMDuMs0fkyb9ymixK9keVOLJ1GbeEVfg59c3E2IN+w==}
+    peerDependencies:
+      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
+      typescript: ^4.9.4 || ^5.0.0
+
+  svelte@4.2.1:
+    resolution: {integrity: sha512-LpLqY2Jr7cRxkrTc796/AaaoMLF/1ax7cto8Ot76wrvKQhrPmZ0JgajiWPmg9mTSDqO16SSLiD17r9MsvAPTmw==}
+    engines: {node: '>=16'}
+
+  svelte@4.2.12:
+    resolution: {integrity: sha512-d8+wsh5TfPwqVzbm4/HCXC783/KPHV60NvwitJnyTA5lWn1elhXMNWhXGCJ7PwPa8qFUnyJNIyuIRt2mT0WMug==}
+    engines: {node: '>=16'}
+
+  svgo@3.0.2:
+    resolution: {integrity: sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
+  svgo@3.2.0:
+    resolution: {integrity: sha512-4PP6CMW/V7l/GmKRKzsLR8xxjdHTV4IMvhTnpuHwwBazSIlw5W/5SmPjN8Dwyt7lKbSJrRDgp4t9ph0HgChFBQ==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
+  tar-fs@2.1.1:
+    resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
+
+  tar-fs@3.0.4:
+    resolution: {integrity: sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==}
+
+  tar-stream@2.2.0:
+    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
+    engines: {node: '>=6'}
+
+  tar-stream@3.1.6:
+    resolution: {integrity: sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==}
+
+  term-size@2.2.1:
+    resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==}
+    engines: {node: '>=8'}
+
+  terser@5.31.0:
+    resolution: {integrity: sha512-Q1JFAoUKE5IMfI4Z/lkE/E6+SwgzO+x4tq4v1AyBLRj8VSYvRO6A/rQrPg1yud4g0En9EKI1TvFRF2tQFcoUkg==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  text-table@0.2.0:
+    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+
+  thenby@1.3.4:
+    resolution: {integrity: sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==}
+
+  throttleit@1.0.1:
+    resolution: {integrity: sha512-vDZpf9Chs9mAdfY046mcPt8fg5QSZr37hEH4TXYBnDF+izxgrbRGUAAaBvIk/fJm9aOFCGFd1EsNg5AZCbnQCQ==}
+
+  through@2.3.8:
+    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
+
+  tiny-glob@0.2.9:
+    resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
+
+  tmp@0.0.33:
+    resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==}
+    engines: {node: '>=0.6.0'}
+
+  tmp@0.2.3:
+    resolution: {integrity: sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==}
+    engines: {node: '>=14.14'}
+
+  to-fast-properties@2.0.0:
+    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
+    engines: {node: '>=4'}
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+
+  tough-cookie@4.1.3:
+    resolution: {integrity: sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==}
+    engines: {node: '>=6'}
+
+  tr46@0.0.3:
+    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
+
+  tree-kill@1.2.2:
+    resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
+    hasBin: true
+
+  trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
+
+  trim-newlines@3.0.1:
+    resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
+    engines: {node: '>=8'}
+
+  trough@2.1.0:
+    resolution: {integrity: sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==}
+
+  ts-api-utils@1.0.3:
+    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
+    engines: {node: '>=16.13.0'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+
+  tsconfig-resolver@3.0.1:
+    resolution: {integrity: sha512-ZHqlstlQF449v8glscGRXzL6l2dZvASPCdXJRWG4gHEZlUVx2Jtmr+a2zeVG4LCsKhDXKRj5R3h0C/98UcVAQg==}
+
+  tslib@2.6.2:
+    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
+
+  tty-table@4.2.2:
+    resolution: {integrity: sha512-2gvCArMZLxgvpZ2NvQKdnYWIFLe7I/z5JClMuhrDXunmKgSZcQKcZRjN9XjAFiToMz2pUo1dEIXyrm0AwgV5Tw==}
+    engines: {node: '>=8.0.0'}
+    hasBin: true
+
+  tunnel-agent@0.6.0:
+    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
+
+  turbo-darwin-64@1.10.0:
+    resolution: {integrity: sha512-N0aVGFtBgOKd7pIdUiKREwnDhNHRIvpMJbmUw04c1AqEoTiKAKT6iuzcCozO5N/gYMVr0hxrXgLal5OLYXtcsw==}
+    cpu: [x64]
+    os: [darwin]
+
+  turbo-darwin-arm64@1.10.0:
+    resolution: {integrity: sha512-boXzhaHTS5MsTMv48I/JmYp9/fYplXk5nACUDrqV6nD1hzO5PMn5wNg75ATbpkaMaeuD+hjuobeSxn1p4vpqQg==}
+    cpu: [arm64]
+    os: [darwin]
+
+  turbo-linux-64@1.10.0:
+    resolution: {integrity: sha512-crKQuS1jrp4vp+Th6EmUqqmAlvYNnzGmwWMLeckmYILrV7zAddu87eJu4hB7V6uV+W1qHZUTw8WXa1w1+8boBw==}
+    cpu: [x64]
+    os: [linux]
+
+  turbo-linux-arm64@1.10.0:
+    resolution: {integrity: sha512-Y2fhWe0xepLjl7doIvsJK7mp2h8E+OF6qJsUHRgxFeRWQWi1I6clD2aEQeykHK8Tp+qp8pKFMocj32nFBvuCcg==}
+    cpu: [arm64]
+    os: [linux]
+
+  turbo-windows-64@1.10.0:
+    resolution: {integrity: sha512-uh8rEqH6teaHysEMjinwWBqyNwv4IvgSAwbq/OphP8jObstTYHoR+gFPo8RQUSTaBYy4QVszgi5eO5YLvEQqNA==}
+    cpu: [x64]
+    os: [win32]
+
+  turbo-windows-arm64@1.10.0:
+    resolution: {integrity: sha512-JaVj3iM7qyRD6xYGZLL/Gs4mQKfM1zL0f91AwHZLNkk1CrJ6i5kO4ZjhKkwXSpVOTNKW3sX0Q7dExXj85Vv7UQ==}
+    cpu: [arm64]
+    os: [win32]
+
+  turbo@1.10.0:
+    resolution: {integrity: sha512-GWxoL2zJduiNaEHz78o74l2jCQEeuUZ3MdpMPz0SpZOvt3nimpvQPNxiyfbqt3U9/V5G375PWKYSbXkVnIbQcA==}
+    hasBin: true
+
+  tweetnacl@0.14.5:
+    resolution: {integrity: sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==}
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  type-fest@0.13.1:
+    resolution: {integrity: sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==}
+    engines: {node: '>=10'}
+
+  type-fest@0.20.2:
+    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
+    engines: {node: '>=10'}
+
+  type-fest@0.21.3:
+    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
+    engines: {node: '>=10'}
+
+  type-fest@0.6.0:
+    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
+    engines: {node: '>=8'}
+
+  type-fest@0.8.1:
+    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
+    engines: {node: '>=8'}
+
+  type-fest@2.19.0:
+    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
+    engines: {node: '>=12.20'}
+
+  typed-array-buffer@1.0.0:
+    resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-length@1.0.0:
+    resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-offset@1.0.0:
+    resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-length@1.0.4:
+    resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
+
+  typescript@5.1.3:
+    resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  typescript@5.2.2:
+    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  typescript@5.4.2:
+    resolution: {integrity: sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  ultrahtml@1.5.2:
+    resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==}
+
+  unbox-primitive@1.0.2:
+    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+
+  undici-types@5.26.5:
+    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
+
+  undici@5.26.5:
+    resolution: {integrity: sha512-cSb4bPFd5qgR7qr2jYAi0hlX9n5YKK2ONKkLFkxl+v/9BvC0sOpZjBHDBSXc5lWAf5ty9oZdRXytBIHzgUcerw==}
+    engines: {node: '>=14.0'}
+
+  unherit@3.0.1:
+    resolution: {integrity: sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==}
+
+  unicorn-magic@0.1.0:
+    resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
+    engines: {node: '>=18'}
+
+  unified@10.1.2:
+    resolution: {integrity: sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==}
+
+  unist-util-generated@2.0.1:
+    resolution: {integrity: sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==}
+
+  unist-util-is@5.2.1:
+    resolution: {integrity: sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==}
+
+  unist-util-is@6.0.0:
+    resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
+
+  unist-util-modify-children@3.1.1:
+    resolution: {integrity: sha512-yXi4Lm+TG5VG+qvokP6tpnk+r1EPwyYL04JWDxLvgvPV40jANh7nm3udk65OOWquvbMDe+PL9+LmkxDpTv/7BA==}
+
+  unist-util-position@4.0.4:
+    resolution: {integrity: sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==}
+
+  unist-util-stringify-position@3.0.3:
+    resolution: {integrity: sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==}
+
+  unist-util-visit-children@2.0.2:
+    resolution: {integrity: sha512-+LWpMFqyUwLGpsQxpumsQ9o9DG2VGLFrpz+rpVXYIEdPy57GSy5HioC0g3bg/8WP9oCLlapQtklOzQ8uLS496Q==}
+
+  unist-util-visit-parents@5.1.3:
+    resolution: {integrity: sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==}
+
+  unist-util-visit-parents@6.0.1:
+    resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==}
+
+  unist-util-visit@4.1.2:
+    resolution: {integrity: sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==}
+
+  unist-util-visit@5.0.0:
+    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
+
+  universalify@0.1.2:
+    resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
+    engines: {node: '>= 4.0.0'}
+
+  universalify@0.2.0:
+    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
+    engines: {node: '>= 4.0.0'}
+
+  universalify@2.0.1:
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
+    engines: {node: '>= 10.0.0'}
+
+  untildify@4.0.0:
+    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
+    engines: {node: '>=8'}
+
+  update-browserslist-db@1.0.13:
+    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  url-parse@1.5.10:
+    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==}
+
+  use-sync-external-store@1.2.0:
+    resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+  uuid@8.3.2:
+    resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
+    hasBin: true
+
+  uvu@0.5.6:
+    resolution: {integrity: sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  validate-npm-package-license@3.0.4:
+    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
+
+  verror@1.10.0:
+    resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==}
+    engines: {'0': node >=0.6.0}
+
+  vfile-location@4.1.0:
+    resolution: {integrity: sha512-YF23YMyASIIJXpktBa4vIGLJ5Gs88UB/XePgqPmTa7cDA+JeO3yclbpheQYCHjVHBn/yePzrXuygIL+xbvRYHw==}
+
+  vfile-message@3.1.4:
+    resolution: {integrity: sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==}
+
+  vfile@5.3.7:
+    resolution: {integrity: sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==}
+
+  vite@4.5.0:
+    resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+
+  vite@4.5.3:
+    resolution: {integrity: sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+
+  vite@5.2.12:
+    resolution: {integrity: sha512-/gC8GxzxMK5ntBwb48pR32GGhENnjtY30G4A0jemunsBkiEZFw60s8InGpN8gkhHEkjnRK1aSAxeQgwvFhUHAA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+
+  vitefu@0.2.5:
+    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+
+  vscode-oniguruma@1.7.0:
+    resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==}
+
+  vscode-textmate@8.0.0:
+    resolution: {integrity: sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==}
+
+  wait-on@7.1.0:
+    resolution: {integrity: sha512-U7TF/OYYzAg+OoiT/B8opvN48UHt0QYMi4aD3PjRFpybQ+o6czQF8Ig3SKCCMJdxpBrCalIJ4O00FBof27Fu9Q==}
+    engines: {node: '>=12.0.0'}
+    hasBin: true
+
+  wcwidth@1.0.1:
+    resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
+
+  web-namespaces@2.0.1:
+    resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
+
+  webidl-conversions@3.0.1:
+    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
+
+  whatwg-url@5.0.0:
+    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
+
+  which-boxed-primitive@1.0.2:
+    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+
+  which-builtin-type@1.1.3:
+    resolution: {integrity: sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==}
+    engines: {node: '>= 0.4'}
+
+  which-collection@1.0.1:
+    resolution: {integrity: sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==}
+
+  which-module@2.0.1:
+    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
+
+  which-pm-runs@1.1.0:
+    resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==}
+    engines: {node: '>=4'}
+
+  which-pm@2.0.0:
+    resolution: {integrity: sha512-Lhs9Pmyph0p5n5Z3mVnN0yWcbQYUAD7rbQUiMsQxOJ3T57k7RFe35SUwWMf7dsbDZks1uOmw4AecB/JMDj3v/w==}
+    engines: {node: '>=8.15'}
+
+  which-pm@2.1.1:
+    resolution: {integrity: sha512-xzzxNw2wMaoCWXiGE8IJ9wuPMU+EYhFksjHxrRT8kMT5SnocBPRg69YAMtyV4D12fP582RA+k3P8H9J5EMdIxQ==}
+    engines: {node: '>=8.15'}
+
+  which-typed-array@1.1.13:
+    resolution: {integrity: sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==}
+    engines: {node: '>= 0.4'}
+
+  which@1.3.1:
+    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
+    hasBin: true
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  widest-line@4.0.1:
+    resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==}
+    engines: {node: '>=12'}
+
+  wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
+
+  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==}
+
+  y18n@4.0.3:
+    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
+
+  y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+
+  yallist@2.1.2:
+    resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yallist@4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+
+  yaml@1.10.2:
+    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
+    engines: {node: '>= 6'}
+
+  yaml@2.3.4:
+    resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==}
+    engines: {node: '>= 14'}
+
+  yargs-parser@18.1.3:
+    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
+    engines: {node: '>=6'}
+
+  yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+
+  yargs@15.4.1:
+    resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
+    engines: {node: '>=8'}
+
+  yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+
+  yauzl@2.10.0:
+    resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==}
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  yocto-queue@1.0.0:
+    resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
+    engines: {node: '>=12.20'}
+
+  zod@3.21.1:
+    resolution: {integrity: sha512-+dTu2m6gmCbO9Ahm4ZBDapx2O6ZY9QSPXst2WXjcznPMwf2YNpn3RevLx4KkZp1OPW/ouFcoBtBzFz/LeY69oA==}
+
+  zustand@4.4.1:
+    resolution: {integrity: sha512-QCPfstAS4EBiTQzlaGP1gmorkh/UL1Leaj2tdj+zZCZ/9bm0WS7sI2wnfD5lpOszFqWJ1DcPnGoY8RDL61uokw==}
+    engines: {node: '>=12.7.0'}
+    peerDependencies:
+      '@types/react': '>=16.8'
+      immer: '>=9.0'
+      react: '>=16.8'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
+
+  zustand@4.4.6:
+    resolution: {integrity: sha512-Rb16eW55gqL4W2XZpJh0fnrATxYEG3Apl2gfHTyDSE965x/zxslTikpNch0JgNjJA9zK6gEFW8Fl6d1rTZaqgg==}
+    engines: {node: '>=12.7.0'}
+    peerDependencies:
+      '@types/react': '>=16.8'
+      immer: '>=9.0'
+      react: '>=16.8'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
+
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
+snapshots:
+
+  '@aashutoshrathi/word-wrap@1.2.6': {}
+
+  '@ampproject/remapping@2.2.1':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.3
       '@jridgewell/trace-mapping': 0.3.20
-    dev: false
 
-  /@ampproject/remapping@2.3.0:
-    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
-    engines: {node: '>=6.0.0'}
+  '@ampproject/remapping@2.3.0':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
-  /@astrojs/compiler@2.2.1:
-    resolution: {integrity: sha512-NJ1lWKzMkyEjE3W5NpPNAVot4/PLF5om/P6ekxNu3iLS05CaYFTcp7WpYMjdCC252b7wkNVAs45FNkVQ+RHW/g==}
-    dev: false
+  '@astrojs/compiler@2.2.1': {}
 
-  /@astrojs/internal-helpers@0.2.0:
-    resolution: {integrity: sha512-NQ4ppp1CM0HNkKbJNM4saVSfmUYzGlRalF6wx7F6T/MYHYSWGuojY89/oFTy4t8VlOGUCUijlsVNNeziWaUo5g==}
-    dev: false
+  '@astrojs/internal-helpers@0.2.0': {}
 
-  /@astrojs/markdown-remark@3.2.0(astro@3.2.2):
-    resolution: {integrity: sha512-jigyLfefUZPKgVmmraCkVpdUuFH1R3SrpgQO13axsgwLDBgkggaQpNR5Ag4O9PDualeBtbdt30aYSfvnBKx9Hg==}
-    peerDependencies:
-      astro: ^3.1.0
+  '@astrojs/markdown-remark@3.2.0(astro@3.2.2)':
     dependencies:
       '@astrojs/prism': 3.0.0
       astro: 3.2.2
@@ -531,23 +6144,12 @@ packages:
       vfile: 5.3.7
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /@astrojs/prism@3.0.0:
-    resolution: {integrity: sha512-g61lZupWq1bYbcBnYZqdjndShr/J3l/oFobBKPA3+qMat146zce3nz2kdO4giGbhYDt4gYdhmoBz0vZJ4sIurQ==}
-    engines: {node: '>=18.14.1'}
+  '@astrojs/prism@3.0.0':
     dependencies:
       prismjs: 1.29.0
-    dev: false
 
-  /@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0):
-    resolution: {integrity: sha512-aooNIuQxTg+IWGMZPuIEwBeBi4/TCPCMsr3714zuLjAjukVd5ZrX/bCNxJqDWU4HNwUm4XFU1OhcEvYOHa5uMQ==}
-    engines: {node: '>=18.14.1'}
-    peerDependencies:
-      '@types/react': ^17.0.50 || ^18.0.21
-      '@types/react-dom': ^17.0.17 || ^18.0.6
-      react: ^17.0.2 || ^18.0.0
-      react-dom: ^17.0.2 || ^18.0.0
+  '@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0)':
     dependencies:
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
@@ -558,14 +6160,8 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - vite
-    dev: false
 
-  /@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.4.2)(vite@4.5.0):
-    resolution: {integrity: sha512-XB9Sexq+iW5aUpctDk6zuKHbWIAuPlAnZKbfgaS9VOaOUtx1t12crP9YoKEVcTifXYgoRuWWfeEAm2I8pYlLIQ==}
-    engines: {node: '>=18.14.1'}
-    peerDependencies:
-      astro: ^3.0.11
-      svelte: ^3.55.0 || ^4.0.0
+  '@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.4.2)(vite@4.5.0)':
     dependencies:
       '@sveltejs/vite-plugin-svelte': 2.5.3(svelte@4.2.1)(vite@4.5.0)
       astro: 3.2.2
@@ -575,11 +6171,8 @@ packages:
       - supports-color
       - typescript
       - vite
-    dev: false
 
-  /@astrojs/telemetry@3.0.2:
-    resolution: {integrity: sha512-ef+jqCkqopCzjGfsMsr+8p56Nj6F9ZzouWcWZt+dKsqbRccI3c8K3jfkLcdq4AyfFZtKBDB6N4ZuI68g33oiOg==}
-    engines: {node: '>=18.14.1'}
+  '@astrojs/telemetry@3.0.2':
     dependencies:
       ci-info: 3.9.0
       debug: 4.3.4(supports-color@8.1.1)
@@ -591,34 +6184,22 @@ packages:
       which-pm-runs: 1.1.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /@babel/code-frame@7.22.13:
-    resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==}
-    engines: {node: '>=6.9.0'}
+  '@babel/code-frame@7.22.13':
     dependencies:
       '@babel/highlight': 7.22.20
       chalk: 2.4.2
 
-  /@babel/code-frame@7.23.5:
-    resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==}
-    engines: {node: '>=6.9.0'}
+  '@babel/code-frame@7.23.5':
     dependencies:
       '@babel/highlight': 7.23.4
       chalk: 2.4.2
 
-  /@babel/compat-data@7.23.2:
-    resolution: {integrity: sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==}
-    engines: {node: '>=6.9.0'}
+  '@babel/compat-data@7.23.2': {}
 
-  /@babel/compat-data@7.23.5:
-    resolution: {integrity: sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==}
-    engines: {node: '>=6.9.0'}
-    dev: false
+  '@babel/compat-data@7.23.5': {}
 
-  /@babel/core@7.23.2:
-    resolution: {integrity: sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==}
-    engines: {node: '>=6.9.0'}
+  '@babel/core@7.23.2':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.22.13
@@ -638,9 +6219,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/core@7.24.0:
-    resolution: {integrity: sha512-fQfkg0Gjkza3nf0c7/w6Xf34BW4YvzNfACRLmmb7XRLa6XHdR+K9AlJlxneFfWYf6uhOzuzZVTjF/8KfndZANw==}
-    engines: {node: '>=6.9.0'}
+  '@babel/core@7.24.0':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.23.5
@@ -659,37 +6238,26 @@ packages:
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /@babel/generator@7.23.0:
-    resolution: {integrity: sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==}
-    engines: {node: '>=6.9.0'}
+  '@babel/generator@7.23.0':
     dependencies:
       '@babel/types': 7.23.0
       '@jridgewell/gen-mapping': 0.3.3
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
 
-  /@babel/generator@7.23.6:
-    resolution: {integrity: sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==}
-    engines: {node: '>=6.9.0'}
+  '@babel/generator@7.23.6':
     dependencies:
       '@babel/types': 7.24.0
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
-    dev: false
 
-  /@babel/helper-annotate-as-pure@7.22.5:
-    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-annotate-as-pure@7.22.5':
     dependencies:
       '@babel/types': 7.23.0
-    dev: false
 
-  /@babel/helper-compilation-targets@7.22.15:
-    resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-compilation-targets@7.22.15':
     dependencies:
       '@babel/compat-data': 7.23.2
       '@babel/helper-validator-option': 7.22.15
@@ -697,45 +6265,30 @@ packages:
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  /@babel/helper-compilation-targets@7.23.6:
-    resolution: {integrity: sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-compilation-targets@7.23.6':
     dependencies:
       '@babel/compat-data': 7.23.5
       '@babel/helper-validator-option': 7.23.5
       browserslist: 4.23.0
       lru-cache: 5.1.1
       semver: 6.3.1
-    dev: false
 
-  /@babel/helper-environment-visitor@7.22.20:
-    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-environment-visitor@7.22.20': {}
 
-  /@babel/helper-function-name@7.23.0:
-    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-function-name@7.23.0':
     dependencies:
       '@babel/template': 7.22.15
       '@babel/types': 7.23.0
 
-  /@babel/helper-hoist-variables@7.22.5:
-    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-hoist-variables@7.22.5':
     dependencies:
       '@babel/types': 7.23.0
 
-  /@babel/helper-module-imports@7.22.15:
-    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-module-imports@7.22.15':
     dependencies:
       '@babel/types': 7.23.0
 
-  /@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2):
-    resolution: {integrity: sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
+  '@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2)':
     dependencies:
       '@babel/core': 7.23.2
       '@babel/helper-environment-visitor': 7.22.20
@@ -744,11 +6297,7 @@ packages:
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/helper-validator-identifier': 7.22.20
 
-  /@babel/helper-module-transforms@7.23.3(@babel/core@7.24.0):
-    resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
+  '@babel/helper-module-transforms@7.23.3(@babel/core@7.24.0)':
     dependencies:
       '@babel/core': 7.24.0
       '@babel/helper-environment-visitor': 7.22.20
@@ -756,53 +6305,30 @@ packages:
       '@babel/helper-simple-access': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/helper-validator-identifier': 7.22.20
-    dev: false
 
-  /@babel/helper-plugin-utils@7.22.5:
-    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-plugin-utils@7.22.5': {}
 
-  /@babel/helper-plugin-utils@7.24.0:
-    resolution: {integrity: sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w==}
-    engines: {node: '>=6.9.0'}
-    dev: false
+  '@babel/helper-plugin-utils@7.24.0': {}
 
-  /@babel/helper-simple-access@7.22.5:
-    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-simple-access@7.22.5':
     dependencies:
       '@babel/types': 7.23.0
 
-  /@babel/helper-split-export-declaration@7.22.6:
-    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-split-export-declaration@7.22.6':
     dependencies:
       '@babel/types': 7.23.0
 
-  /@babel/helper-string-parser@7.22.5:
-    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-string-parser@7.22.5': {}
 
-  /@babel/helper-string-parser@7.23.4:
-    resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-string-parser@7.23.4': {}
 
-  /@babel/helper-validator-identifier@7.22.20:
-    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-validator-identifier@7.22.20': {}
 
-  /@babel/helper-validator-option@7.22.15:
-    resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helper-validator-option@7.22.15': {}
 
-  /@babel/helper-validator-option@7.23.5:
-    resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==}
-    engines: {node: '>=6.9.0'}
-    dev: false
+  '@babel/helper-validator-option@7.23.5': {}
 
-  /@babel/helpers@7.23.2:
-    resolution: {integrity: sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helpers@7.23.2':
     dependencies:
       '@babel/template': 7.22.15
       '@babel/traverse': 7.23.2
@@ -810,108 +6336,64 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/helpers@7.24.0:
-    resolution: {integrity: sha512-ulDZdc0Aj5uLc5nETsa7EPx2L7rM0YJM8r7ck7U73AXi7qOV44IHHRAYZHY6iU1rr3C5N4NtTmMRUJP6kwCWeA==}
-    engines: {node: '>=6.9.0'}
+  '@babel/helpers@7.24.0':
     dependencies:
       '@babel/template': 7.24.0
       '@babel/traverse': 7.24.0
       '@babel/types': 7.24.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /@babel/highlight@7.22.20:
-    resolution: {integrity: sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==}
-    engines: {node: '>=6.9.0'}
+  '@babel/highlight@7.22.20':
     dependencies:
       '@babel/helper-validator-identifier': 7.22.20
       chalk: 2.4.2
       js-tokens: 4.0.0
 
-  /@babel/highlight@7.23.4:
-    resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==}
-    engines: {node: '>=6.9.0'}
+  '@babel/highlight@7.23.4':
     dependencies:
       '@babel/helper-validator-identifier': 7.22.20
       chalk: 2.4.2
       js-tokens: 4.0.0
 
-  /@babel/parser@7.23.0:
-    resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
+  '@babel/parser@7.23.0':
     dependencies:
       '@babel/types': 7.23.0
 
-  /@babel/parser@7.23.6:
-    resolution: {integrity: sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
+  '@babel/parser@7.23.6':
     dependencies:
       '@babel/types': 7.23.6
 
-  /@babel/parser@7.24.0:
-    resolution: {integrity: sha512-QuP/FxEAzMSjXygs8v4N9dvdXzEHN4W1oF3PxuWAtPo08UdM17u89RDMgjLn/mlc56iM0HlLmVkO/wgR+rDgHg==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
+  '@babel/parser@7.24.0':
     dependencies:
       '@babel/types': 7.24.0
-    dev: false
 
-  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2):
-    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
+  '@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2)':
     dependencies:
       '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
-    dev: false
 
-  /@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2):
-    resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
+  '@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2)':
     dependencies:
       '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
 
-  /@babel/plugin-transform-react-jsx-self@7.23.3(@babel/core@7.24.0):
-    resolution: {integrity: sha512-qXRvbeKDSfwnlJnanVRp0SfuWE5DQhwQr5xtLBzp56Wabyo+4CMosF6Kfp+eOD/4FYpql64XVJ2W0pVLlJZxOQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
+  '@babel/plugin-transform-react-jsx-self@7.23.3(@babel/core@7.24.0)':
     dependencies:
       '@babel/core': 7.24.0
       '@babel/helper-plugin-utils': 7.24.0
-    dev: false
 
-  /@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2):
-    resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
+  '@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2)':
     dependencies:
       '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
 
-  /@babel/plugin-transform-react-jsx-source@7.23.3(@babel/core@7.24.0):
-    resolution: {integrity: sha512-91RS0MDnAWDNvGC6Wio5XYkyWI39FMFO+JK9+4AlgaTH+yWwVTsw7/sn6LK0lH7c5F+TFkpv/3LfCJ1Ydwof/g==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
+  '@babel/plugin-transform-react-jsx-source@7.23.3(@babel/core@7.24.0)':
     dependencies:
       '@babel/core': 7.24.0
       '@babel/helper-plugin-utils': 7.24.0
-    dev: false
 
-  /@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.2):
-    resolution: {integrity: sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
+  '@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.2)':
     dependencies:
       '@babel/core': 7.23.2
       '@babel/helper-annotate-as-pure': 7.22.5
@@ -919,35 +6401,24 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.23.2)
       '@babel/types': 7.23.0
-    dev: false
 
-  /@babel/runtime@7.23.2:
-    resolution: {integrity: sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==}
-    engines: {node: '>=6.9.0'}
+  '@babel/runtime@7.23.2':
     dependencies:
       regenerator-runtime: 0.14.0
-    dev: true
 
-  /@babel/template@7.22.15:
-    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==}
-    engines: {node: '>=6.9.0'}
+  '@babel/template@7.22.15':
     dependencies:
       '@babel/code-frame': 7.23.5
       '@babel/parser': 7.23.6
       '@babel/types': 7.23.6
 
-  /@babel/template@7.24.0:
-    resolution: {integrity: sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==}
-    engines: {node: '>=6.9.0'}
+  '@babel/template@7.24.0':
     dependencies:
       '@babel/code-frame': 7.23.5
       '@babel/parser': 7.24.0
       '@babel/types': 7.24.0
-    dev: false
 
-  /@babel/traverse@7.23.2:
-    resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==}
-    engines: {node: '>=6.9.0'}
+  '@babel/traverse@7.23.2':
     dependencies:
       '@babel/code-frame': 7.22.13
       '@babel/generator': 7.23.0
@@ -962,9 +6433,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/traverse@7.24.0:
-    resolution: {integrity: sha512-HfuJlI8qq3dEDmNU5ChzzpZRWq+oxCZQyMzIMEqLho+AQnhMnKQUzH6ydo3RBl/YjPCuk68Y6s0Gx0AeyULiWw==}
-    engines: {node: '>=6.9.0'}
+  '@babel/traverse@7.24.0':
     dependencies:
       '@babel/code-frame': 7.23.5
       '@babel/generator': 7.23.6
@@ -978,35 +6447,26 @@ packages:
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /@babel/types@7.23.0:
-    resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==}
-    engines: {node: '>=6.9.0'}
+  '@babel/types@7.23.0':
     dependencies:
       '@babel/helper-string-parser': 7.22.5
       '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
 
-  /@babel/types@7.23.6:
-    resolution: {integrity: sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==}
-    engines: {node: '>=6.9.0'}
+  '@babel/types@7.23.6':
     dependencies:
       '@babel/helper-string-parser': 7.23.4
       '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
 
-  /@babel/types@7.24.0:
-    resolution: {integrity: sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==}
-    engines: {node: '>=6.9.0'}
+  '@babel/types@7.24.0':
     dependencies:
       '@babel/helper-string-parser': 7.23.4
       '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
-    dev: false
 
-  /@changesets/apply-release-plan@6.1.4:
-    resolution: {integrity: sha512-FMpKF1fRlJyCZVYHr3CbinpZZ+6MwvOtWUuO8uo+svcATEoc1zRDcj23pAurJ2TZ/uVz1wFHH6K3NlACy0PLew==}
+  '@changesets/apply-release-plan@6.1.4':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/config': 2.3.1
@@ -1021,10 +6481,8 @@ packages:
       prettier: 2.8.8
       resolve-from: 5.0.0
       semver: 7.5.4
-    dev: true
 
-  /@changesets/assemble-release-plan@5.2.4:
-    resolution: {integrity: sha512-xJkWX+1/CUaOUWTguXEbCDTyWJFECEhmdtbkjhn5GVBGxdP/JwaHBIU9sW3FR6gD07UwZ7ovpiPclQZs+j+mvg==}
+  '@changesets/assemble-release-plan@5.2.4':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/errors': 0.1.4
@@ -1032,27 +6490,20 @@ packages:
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
       semver: 7.5.4
-    dev: true
 
-  /@changesets/changelog-git@0.1.14:
-    resolution: {integrity: sha512-+vRfnKtXVWsDDxGctOfzJsPhaCdXRYoe+KyWYoq5X/GqoISREiat0l3L8B0a453B2B4dfHGcZaGyowHbp9BSaA==}
+  '@changesets/changelog-git@0.1.14':
     dependencies:
       '@changesets/types': 5.2.1
-    dev: true
 
-  /@changesets/changelog-github@0.4.7:
-    resolution: {integrity: sha512-UUG5sKwShs5ha1GFnayUpZNcDGWoY7F5XxhOEHS62sDPOtoHQZsG3j1nC5RxZ3M1URHA321cwVZHeXgu99Y3ew==}
+  '@changesets/changelog-github@0.4.7':
     dependencies:
       '@changesets/get-github-info': 0.5.2
       '@changesets/types': 5.2.1
       dotenv: 8.6.0
     transitivePeerDependencies:
       - encoding
-    dev: true
 
-  /@changesets/cli@2.25.0:
-    resolution: {integrity: sha512-Svu5KD2enurVHGEEzCRlaojrHjVYgF9srmMP9VQSy9c1TspX6C9lDPpulsSNIjYY9BuU/oiWpjBgR7RI9eQiAA==}
-    hasBin: true
+  '@changesets/cli@2.25.0':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/apply-release-plan': 6.1.4
@@ -1087,10 +6538,8 @@ packages:
       spawndamnit: 2.0.0
       term-size: 2.2.1
       tty-table: 4.2.2
-    dev: true
 
-  /@changesets/config@2.3.1:
-    resolution: {integrity: sha512-PQXaJl82CfIXddUOppj4zWu+987GCw2M+eQcOepxN5s+kvnsZOwjEJO3DH9eVy+OP6Pg/KFEWdsECFEYTtbg6w==}
+  '@changesets/config@2.3.1':
     dependencies:
       '@changesets/errors': 0.1.4
       '@changesets/get-dependents-graph': 1.3.6
@@ -1099,35 +6548,27 @@ packages:
       '@manypkg/get-packages': 1.1.3
       fs-extra: 7.0.1
       micromatch: 4.0.5
-    dev: true
 
-  /@changesets/errors@0.1.4:
-    resolution: {integrity: sha512-HAcqPF7snsUJ/QzkWoKfRfXushHTu+K5KZLJWPb34s4eCZShIf8BFO3fwq6KU8+G7L5KdtN2BzQAXOSXEyiY9Q==}
+  '@changesets/errors@0.1.4':
     dependencies:
       extendable-error: 0.1.7
-    dev: true
 
-  /@changesets/get-dependents-graph@1.3.6:
-    resolution: {integrity: sha512-Q/sLgBANmkvUm09GgRsAvEtY3p1/5OCzgBE5vX3vgb5CvW0j7CEljocx5oPXeQSNph6FXulJlXV3Re/v3K3P3Q==}
+  '@changesets/get-dependents-graph@1.3.6':
     dependencies:
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
       chalk: 2.4.2
       fs-extra: 7.0.1
       semver: 7.5.4
-    dev: true
 
-  /@changesets/get-github-info@0.5.2:
-    resolution: {integrity: sha512-JppheLu7S114aEs157fOZDjFqUDpm7eHdq5E8SSR0gUBTEK0cNSHsrSR5a66xs0z3RWuo46QvA3vawp8BxDHvg==}
+  '@changesets/get-github-info@0.5.2':
     dependencies:
       dataloader: 1.4.0
       node-fetch: 2.7.0
     transitivePeerDependencies:
       - encoding
-    dev: true
 
-  /@changesets/get-release-plan@3.0.17:
-    resolution: {integrity: sha512-6IwKTubNEgoOZwDontYc2x2cWXfr6IKxP3IhKeK+WjyD6y3M4Gl/jdQvBw+m/5zWILSOCAaGLu2ZF6Q+WiPniw==}
+  '@changesets/get-release-plan@3.0.17':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/assemble-release-plan': 5.2.4
@@ -1136,14 +6577,10 @@ packages:
       '@changesets/read': 0.5.9
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
-    dev: true
 
-  /@changesets/get-version-range-type@0.3.2:
-    resolution: {integrity: sha512-SVqwYs5pULYjYT4op21F2pVbcrca4qA/bAA3FmFXKMN7Y+HcO8sbZUTx3TAy2VXulP2FACd1aC7f2nTuqSPbqg==}
-    dev: true
+  '@changesets/get-version-range-type@0.3.2': {}
 
-  /@changesets/git@1.5.0:
-    resolution: {integrity: sha512-Xo8AT2G7rQJSwV87c8PwMm6BAc98BnufRMsML7m7Iw8Or18WFvFmxqG5aOL5PBvhgq9KrKvaeIBNIymracSuHg==}
+  '@changesets/git@1.5.0':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/errors': 0.1.4
@@ -1151,10 +6588,8 @@ packages:
       '@manypkg/get-packages': 1.1.3
       is-subdir: 1.2.0
       spawndamnit: 2.0.0
-    dev: true
 
-  /@changesets/git@2.0.0:
-    resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==}
+  '@changesets/git@2.0.0':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/errors': 0.1.4
@@ -1163,33 +6598,25 @@ packages:
       is-subdir: 1.2.0
       micromatch: 4.0.5
       spawndamnit: 2.0.0
-    dev: true
 
-  /@changesets/logger@0.0.5:
-    resolution: {integrity: sha512-gJyZHomu8nASHpaANzc6bkQMO9gU/ib20lqew1rVx753FOxffnCrJlGIeQVxNWCqM+o6OOleCo/ivL8UAO5iFw==}
+  '@changesets/logger@0.0.5':
     dependencies:
       chalk: 2.4.2
-    dev: true
 
-  /@changesets/parse@0.3.16:
-    resolution: {integrity: sha512-127JKNd167ayAuBjUggZBkmDS5fIKsthnr9jr6bdnuUljroiERW7FBTDNnNVyJ4l69PzR57pk6mXQdtJyBCJKg==}
+  '@changesets/parse@0.3.16':
     dependencies:
       '@changesets/types': 5.2.1
       js-yaml: 3.14.1
-    dev: true
 
-  /@changesets/pre@1.0.14:
-    resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==}
+  '@changesets/pre@1.0.14':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/errors': 0.1.4
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
       fs-extra: 7.0.1
-    dev: true
 
-  /@changesets/read@0.5.9:
-    resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==}
+  '@changesets/read@0.5.9':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/git': 2.0.0
@@ -1199,36 +6626,23 @@ packages:
       chalk: 2.4.2
       fs-extra: 7.0.1
       p-filter: 2.1.0
-    dev: true
 
-  /@changesets/types@4.1.0:
-    resolution: {integrity: sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw==}
-    dev: true
+  '@changesets/types@4.1.0': {}
 
-  /@changesets/types@5.2.1:
-    resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==}
-    dev: true
+  '@changesets/types@5.2.1': {}
 
-  /@changesets/write@0.2.3:
-    resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==}
+  '@changesets/write@0.2.3':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/types': 5.2.1
       fs-extra: 7.0.1
       human-id: 1.0.2
       prettier: 2.8.8
-    dev: true
 
-  /@colors/colors@1.5.0:
-    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
-    engines: {node: '>=0.1.90'}
-    requiresBuild: true
-    dev: true
+  '@colors/colors@1.5.0':
     optional: true
 
-  /@cypress/request@3.0.1:
-    resolution: {integrity: sha512-TWivJlJi8ZDx2wGOw1dbLuHJKUYX7bWySw377nlnGOW3hP9/MUKIsEdXT/YngWxVdgNCHRBmFlBipE+5/2ZZlQ==}
-    engines: {node: '>= 6'}
+  '@cypress/request@3.0.1':
     dependencies:
       aws-sign2: 0.7.0
       aws4: 1.12.0
@@ -1248,633 +6662,243 @@ packages:
       tough-cookie: 4.1.3
       tunnel-agent: 0.6.0
       uuid: 8.3.2
-    dev: true
 
-  /@cypress/skip-test@2.6.1:
-    resolution: {integrity: sha512-X+ibefBiuOmC5gKG91wRIT0/OqXeETYvu7zXktjZ3yLeO186Y8ia0K7/gQUpAwuUi28DuqMd1+7tBQVtPkzbPA==}
-    dev: true
+  '@cypress/skip-test@2.6.1': {}
 
-  /@cypress/xvfb@1.2.4(supports-color@8.1.1):
-    resolution: {integrity: sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==}
+  '@cypress/xvfb@1.2.4(supports-color@8.1.1)':
     dependencies:
       debug: 3.2.7(supports-color@8.1.1)
       lodash.once: 4.1.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@dagrejs/dagre@1.0.4:
-    resolution: {integrity: sha512-jrEore+HhW1yg1Rsd9H1PPMcoEOD4bVh0WCXc6GqzyzubnJj4GaWGg8ETOrskTd/3n/g5LOzumGM4CCgpNLJNw==}
+  '@dagrejs/dagre@1.0.4':
     dependencies:
       '@dagrejs/graphlib': 2.1.13
-    dev: false
 
-  /@dagrejs/graphlib@2.1.13:
-    resolution: {integrity: sha512-calbMa7Gcyo+/t23XBaqQqon8LlgE9regey4UVoikoenKBXvUnCUL3s9RP6USCxttfr0XWVICtYUuKMdehKqMw==}
-    engines: {node: '>17.0.0'}
-    dev: false
+  '@dagrejs/graphlib@2.1.13': {}
 
-  /@esbuild/aix-ppc64@0.20.2:
-    resolution: {integrity: sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [aix]
-    requiresBuild: true
+  '@esbuild/aix-ppc64@0.20.2':
     optional: true
 
-  /@esbuild/android-arm64@0.18.20:
-    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
+  '@esbuild/android-arm64@0.18.20':
     optional: true
 
-  /@esbuild/android-arm64@0.19.5:
-    resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: false
+  '@esbuild/android-arm64@0.19.5':
     optional: true
 
-  /@esbuild/android-arm64@0.20.2:
-    resolution: {integrity: sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
+  '@esbuild/android-arm64@0.20.2':
     optional: true
 
-  /@esbuild/android-arm@0.18.20:
-    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
+  '@esbuild/android-arm@0.18.20':
     optional: true
 
-  /@esbuild/android-arm@0.19.5:
-    resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: false
+  '@esbuild/android-arm@0.19.5':
     optional: true
 
-  /@esbuild/android-arm@0.20.2:
-    resolution: {integrity: sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
+  '@esbuild/android-arm@0.20.2':
     optional: true
 
-  /@esbuild/android-x64@0.18.20:
-    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
+  '@esbuild/android-x64@0.18.20':
     optional: true
 
-  /@esbuild/android-x64@0.19.5:
-    resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    dev: false
+  '@esbuild/android-x64@0.19.5':
     optional: true
 
-  /@esbuild/android-x64@0.20.2:
-    resolution: {integrity: sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
+  '@esbuild/android-x64@0.20.2':
     optional: true
 
-  /@esbuild/darwin-arm64@0.18.20:
-    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
+  '@esbuild/darwin-arm64@0.18.20':
     optional: true
 
-  /@esbuild/darwin-arm64@0.19.5:
-    resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: false
+  '@esbuild/darwin-arm64@0.19.5':
     optional: true
 
-  /@esbuild/darwin-arm64@0.20.2:
-    resolution: {integrity: sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
+  '@esbuild/darwin-arm64@0.20.2':
     optional: true
 
-  /@esbuild/darwin-x64@0.18.20:
-    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
+  '@esbuild/darwin-x64@0.18.20':
     optional: true
 
-  /@esbuild/darwin-x64@0.19.5:
-    resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: false
+  '@esbuild/darwin-x64@0.19.5':
     optional: true
 
-  /@esbuild/darwin-x64@0.20.2:
-    resolution: {integrity: sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
+  '@esbuild/darwin-x64@0.20.2':
     optional: true
 
-  /@esbuild/freebsd-arm64@0.18.20:
-    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
+  '@esbuild/freebsd-arm64@0.18.20':
     optional: true
 
-  /@esbuild/freebsd-arm64@0.19.5:
-    resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: false
+  '@esbuild/freebsd-arm64@0.19.5':
     optional: true
-
-  /@esbuild/freebsd-arm64@0.20.2:
-    resolution: {integrity: sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
+
+  '@esbuild/freebsd-arm64@0.20.2':
     optional: true
 
-  /@esbuild/freebsd-x64@0.18.20:
-    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
+  '@esbuild/freebsd-x64@0.18.20':
     optional: true
 
-  /@esbuild/freebsd-x64@0.19.5:
-    resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: false
+  '@esbuild/freebsd-x64@0.19.5':
     optional: true
 
-  /@esbuild/freebsd-x64@0.20.2:
-    resolution: {integrity: sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
+  '@esbuild/freebsd-x64@0.20.2':
     optional: true
 
-  /@esbuild/linux-arm64@0.18.20:
-    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-arm64@0.18.20':
     optional: true
 
-  /@esbuild/linux-arm64@0.19.5:
-    resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-arm64@0.19.5':
     optional: true
 
-  /@esbuild/linux-arm64@0.20.2:
-    resolution: {integrity: sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-arm64@0.20.2':
     optional: true
 
-  /@esbuild/linux-arm@0.18.20:
-    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-arm@0.18.20':
     optional: true
 
-  /@esbuild/linux-arm@0.19.5:
-    resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-arm@0.19.5':
     optional: true
 
-  /@esbuild/linux-arm@0.20.2:
-    resolution: {integrity: sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-arm@0.20.2':
     optional: true
 
-  /@esbuild/linux-ia32@0.18.20:
-    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-ia32@0.18.20':
     optional: true
 
-  /@esbuild/linux-ia32@0.19.5:
-    resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-ia32@0.19.5':
     optional: true
 
-  /@esbuild/linux-ia32@0.20.2:
-    resolution: {integrity: sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-ia32@0.20.2':
     optional: true
 
-  /@esbuild/linux-loong64@0.18.20:
-    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-loong64@0.18.20':
     optional: true
 
-  /@esbuild/linux-loong64@0.19.5:
-    resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-loong64@0.19.5':
     optional: true
 
-  /@esbuild/linux-loong64@0.20.2:
-    resolution: {integrity: sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-loong64@0.20.2':
     optional: true
 
-  /@esbuild/linux-mips64el@0.18.20:
-    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-mips64el@0.18.20':
     optional: true
 
-  /@esbuild/linux-mips64el@0.19.5:
-    resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-mips64el@0.19.5':
     optional: true
 
-  /@esbuild/linux-mips64el@0.20.2:
-    resolution: {integrity: sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-mips64el@0.20.2':
     optional: true
 
-  /@esbuild/linux-ppc64@0.18.20:
-    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-ppc64@0.18.20':
     optional: true
 
-  /@esbuild/linux-ppc64@0.19.5:
-    resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-ppc64@0.19.5':
     optional: true
 
-  /@esbuild/linux-ppc64@0.20.2:
-    resolution: {integrity: sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-ppc64@0.20.2':
     optional: true
 
-  /@esbuild/linux-riscv64@0.18.20:
-    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-riscv64@0.18.20':
     optional: true
 
-  /@esbuild/linux-riscv64@0.19.5:
-    resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-riscv64@0.19.5':
     optional: true
 
-  /@esbuild/linux-riscv64@0.20.2:
-    resolution: {integrity: sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-riscv64@0.20.2':
     optional: true
 
-  /@esbuild/linux-s390x@0.18.20:
-    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-s390x@0.18.20':
     optional: true
 
-  /@esbuild/linux-s390x@0.19.5:
-    resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-s390x@0.19.5':
     optional: true
 
-  /@esbuild/linux-s390x@0.20.2:
-    resolution: {integrity: sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-s390x@0.20.2':
     optional: true
 
-  /@esbuild/linux-x64@0.18.20:
-    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-x64@0.18.20':
     optional: true
 
-  /@esbuild/linux-x64@0.19.5:
-    resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
+  '@esbuild/linux-x64@0.19.5':
     optional: true
 
-  /@esbuild/linux-x64@0.20.2:
-    resolution: {integrity: sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
+  '@esbuild/linux-x64@0.20.2':
     optional: true
 
-  /@esbuild/netbsd-x64@0.18.20:
-    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
+  '@esbuild/netbsd-x64@0.18.20':
     optional: true
 
-  /@esbuild/netbsd-x64@0.19.5:
-    resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    dev: false
+  '@esbuild/netbsd-x64@0.19.5':
     optional: true
 
-  /@esbuild/netbsd-x64@0.20.2:
-    resolution: {integrity: sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
+  '@esbuild/netbsd-x64@0.20.2':
     optional: true
 
-  /@esbuild/openbsd-x64@0.18.20:
-    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
+  '@esbuild/openbsd-x64@0.18.20':
     optional: true
 
-  /@esbuild/openbsd-x64@0.19.5:
-    resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    dev: false
+  '@esbuild/openbsd-x64@0.19.5':
     optional: true
 
-  /@esbuild/openbsd-x64@0.20.2:
-    resolution: {integrity: sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
+  '@esbuild/openbsd-x64@0.20.2':
     optional: true
 
-  /@esbuild/sunos-x64@0.18.20:
-    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
+  '@esbuild/sunos-x64@0.18.20':
     optional: true
 
-  /@esbuild/sunos-x64@0.19.5:
-    resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: false
+  '@esbuild/sunos-x64@0.19.5':
     optional: true
 
-  /@esbuild/sunos-x64@0.20.2:
-    resolution: {integrity: sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
+  '@esbuild/sunos-x64@0.20.2':
     optional: true
 
-  /@esbuild/win32-arm64@0.18.20:
-    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
+  '@esbuild/win32-arm64@0.18.20':
     optional: true
 
-  /@esbuild/win32-arm64@0.19.5:
-    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: false
+  '@esbuild/win32-arm64@0.19.5':
     optional: true
 
-  /@esbuild/win32-arm64@0.20.2:
-    resolution: {integrity: sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
+  '@esbuild/win32-arm64@0.20.2':
     optional: true
 
-  /@esbuild/win32-ia32@0.18.20:
-    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
+  '@esbuild/win32-ia32@0.18.20':
     optional: true
 
-  /@esbuild/win32-ia32@0.19.5:
-    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: false
+  '@esbuild/win32-ia32@0.19.5':
     optional: true
 
-  /@esbuild/win32-ia32@0.20.2:
-    resolution: {integrity: sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
+  '@esbuild/win32-ia32@0.20.2':
     optional: true
 
-  /@esbuild/win32-x64@0.18.20:
-    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
+  '@esbuild/win32-x64@0.18.20':
     optional: true
 
-  /@esbuild/win32-x64@0.19.5:
-    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: false
+  '@esbuild/win32-x64@0.19.5':
     optional: true
 
-  /@esbuild/win32-x64@0.20.2:
-    resolution: {integrity: sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
+  '@esbuild/win32-x64@0.20.2':
     optional: true
 
-  /@eslint-community/eslint-utils@4.4.0(eslint@8.43.0):
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+  '@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)':
     dependencies:
       eslint: 8.43.0
       eslint-visitor-keys: 3.4.3
-    dev: true
 
-  /@eslint-community/eslint-utils@4.4.0(eslint@8.53.0):
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+  '@eslint-community/eslint-utils@4.4.0(eslint@8.53.0)':
     dependencies:
       eslint: 8.53.0
       eslint-visitor-keys: 3.4.3
-    dev: true
 
-  /@eslint-community/eslint-utils@4.4.0(eslint@8.57.0):
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+  '@eslint-community/eslint-utils@4.4.0(eslint@8.57.0)':
     dependencies:
       eslint: 8.57.0
       eslint-visitor-keys: 3.4.3
-    dev: true
 
-  /@eslint-community/regexpp@4.10.0:
-    resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-    dev: true
+  '@eslint-community/regexpp@4.10.0': {}
 
-  /@eslint-community/regexpp@4.9.1:
-    resolution: {integrity: sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-    dev: true
+  '@eslint-community/regexpp@4.9.1': {}
 
-  /@eslint/eslintrc@2.1.2:
-    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@eslint/eslintrc@2.1.2':
     dependencies:
       ajv: 6.12.6
       debug: 4.3.4(supports-color@8.1.1)
@@ -1887,11 +6911,8 @@ packages:
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@eslint/eslintrc@2.1.3:
-    resolution: {integrity: sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@eslint/eslintrc@2.1.3':
     dependencies:
       ajv: 6.12.6
       debug: 4.3.4(supports-color@8.1.1)
@@ -1904,11 +6925,8 @@ packages:
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@eslint/eslintrc@2.1.4:
-    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@eslint/eslintrc@2.1.4':
     dependencies:
       ajv: 6.12.6
       debug: 4.3.4(supports-color@8.1.1)
@@ -1921,138 +6939,88 @@ packages:
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@eslint/js@8.43.0:
-    resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
+  '@eslint/js@8.43.0': {}
 
-  /@eslint/js@8.53.0:
-    resolution: {integrity: sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
+  '@eslint/js@8.53.0': {}
 
-  /@eslint/js@8.57.0:
-    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
+  '@eslint/js@8.57.0': {}
 
-  /@fastify/busboy@2.0.0:
-    resolution: {integrity: sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==}
-    engines: {node: '>=14'}
-    dev: false
+  '@fastify/busboy@2.0.0': {}
 
-  /@hapi/hoek@9.3.0:
-    resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
-    dev: true
+  '@hapi/hoek@9.3.0': {}
 
-  /@hapi/topo@5.1.0:
-    resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==}
+  '@hapi/topo@5.1.0':
     dependencies:
       '@hapi/hoek': 9.3.0
-    dev: true
 
-  /@humanwhocodes/config-array@0.11.13:
-    resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==}
-    engines: {node: '>=10.10.0'}
+  '@humanwhocodes/config-array@0.11.13':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.1
       debug: 4.3.4(supports-color@8.1.1)
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@humanwhocodes/config-array@0.11.14:
-    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
-    engines: {node: '>=10.10.0'}
+  '@humanwhocodes/config-array@0.11.14':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.2
       debug: 4.3.4(supports-color@8.1.1)
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@humanwhocodes/module-importer@1.0.1:
-    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
-    engines: {node: '>=12.22'}
-    dev: true
+  '@humanwhocodes/module-importer@1.0.1': {}
 
-  /@humanwhocodes/object-schema@2.0.1:
-    resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==}
-    dev: true
+  '@humanwhocodes/object-schema@2.0.1': {}
 
-  /@humanwhocodes/object-schema@2.0.2:
-    resolution: {integrity: sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==}
-    dev: true
+  '@humanwhocodes/object-schema@2.0.2': {}
 
-  /@jridgewell/gen-mapping@0.3.3:
-    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
-    engines: {node: '>=6.0.0'}
+  '@jridgewell/gen-mapping@0.3.3':
     dependencies:
       '@jridgewell/set-array': 1.1.2
       '@jridgewell/sourcemap-codec': 1.4.15
       '@jridgewell/trace-mapping': 0.3.20
 
-  /@jridgewell/gen-mapping@0.3.5:
-    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
-    engines: {node: '>=6.0.0'}
+  '@jridgewell/gen-mapping@0.3.5':
     dependencies:
       '@jridgewell/set-array': 1.2.1
       '@jridgewell/sourcemap-codec': 1.4.15
       '@jridgewell/trace-mapping': 0.3.25
 
-  /@jridgewell/resolve-uri@3.1.1:
-    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
-    engines: {node: '>=6.0.0'}
+  '@jridgewell/resolve-uri@3.1.1': {}
 
-  /@jridgewell/resolve-uri@3.1.2:
-    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
-    engines: {node: '>=6.0.0'}
+  '@jridgewell/resolve-uri@3.1.2': {}
 
-  /@jridgewell/set-array@1.1.2:
-    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
-    engines: {node: '>=6.0.0'}
+  '@jridgewell/set-array@1.1.2': {}
 
-  /@jridgewell/set-array@1.2.1:
-    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
-    engines: {node: '>=6.0.0'}
+  '@jridgewell/set-array@1.2.1': {}
 
-  /@jridgewell/source-map@0.3.6:
-    resolution: {integrity: sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==}
+  '@jridgewell/source-map@0.3.6':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
-    dev: true
 
-  /@jridgewell/sourcemap-codec@1.4.15:
-    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+  '@jridgewell/sourcemap-codec@1.4.15': {}
 
-  /@jridgewell/trace-mapping@0.3.20:
-    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==}
+  '@jridgewell/trace-mapping@0.3.20':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.1
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  /@jridgewell/trace-mapping@0.3.25:
-    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
+  '@jridgewell/trace-mapping@0.3.25':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  /@manypkg/find-root@1.1.0:
-    resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
+  '@manypkg/find-root@1.1.0':
     dependencies:
       '@babel/runtime': 7.23.2
       '@types/node': 12.20.55
       find-up: 4.1.0
       fs-extra: 8.1.0
-    dev: true
 
-  /@manypkg/get-packages@1.1.3:
-    resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
+  '@manypkg/get-packages@1.1.3':
     dependencies:
       '@babel/runtime': 7.23.2
       '@changesets/types': 4.1.0
@@ -2060,30 +7028,20 @@ packages:
       fs-extra: 8.1.0
       globby: 11.1.0
       read-yaml-file: 1.1.0
-    dev: true
 
-  /@nodelib/fs.scandir@2.1.5:
-    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
-    engines: {node: '>= 8'}
+  '@nodelib/fs.scandir@2.1.5':
     dependencies:
       '@nodelib/fs.stat': 2.0.5
       run-parallel: 1.2.0
 
-  /@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'}
+  '@nodelib/fs.stat@2.0.5': {}
+
+  '@nodelib/fs.walk@1.2.8':
     dependencies:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
 
-  /@playwright/experimental-ct-core@1.42.1(@types/node@18.7.16):
-    resolution: {integrity: sha512-wBS6pzgJwRuK0MwgiooamLW0prQLgT0RAhxooeMyqU97VbDI5aYuuynlxobJDDymU4HcOKARg2rG8h6jX7ShrA==}
-    engines: {node: '>=16'}
-    hasBin: true
+  '@playwright/experimental-ct-core@1.42.1(@types/node@18.7.16)':
     dependencies:
       playwright: 1.42.1
       playwright-core: 1.42.1
@@ -2096,12 +7054,8 @@ packages:
       - stylus
       - sugarss
       - terser
-    dev: false
 
-  /@playwright/experimental-ct-react@1.42.1(@types/node@18.7.16)(vite@5.2.12):
-    resolution: {integrity: sha512-/dxu7nkGOlZIx9MUGQPM5kiIGksYIBaaJKQuNmaJNV29V3VGI1p9yQqrvl1jFK/Hu7SC1LmFB8RlkrOgMiZKYg==}
-    engines: {node: '>=16'}
-    hasBin: true
+  '@playwright/experimental-ct-react@1.42.1(@types/node@18.7.16)(vite@5.2.12)':
     dependencies:
       '@playwright/experimental-ct-core': 1.42.1(@types/node@18.7.16)
       '@vitejs/plugin-react': 4.2.1(vite@5.2.12)
@@ -2115,30 +7069,14 @@ packages:
       - supports-color
       - terser
       - vite
-    dev: false
 
-  /@playwright/test@1.42.1:
-    resolution: {integrity: sha512-Gq9rmS54mjBL/7/MvBaNOBwbfnh7beHvS6oS4srqXFcQHpQCV1+c8JXWE8VLPyRDhgS3H8x8A7hztqI9VnwrAQ==}
-    engines: {node: '>=16'}
-    hasBin: true
+  '@playwright/test@1.42.1':
     dependencies:
       playwright: 1.42.1
-    dev: true
 
-  /@polka/url@1.0.0-next.24:
-    resolution: {integrity: sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==}
-    dev: true
+  '@polka/url@1.0.0-next.24': {}
 
-  /@reduxjs/toolkit@2.2.3(react-redux@9.1.1)(react@18.2.0):
-    resolution: {integrity: sha512-76dll9EnJXg4EVcI5YNxZA/9hSAmZsFqzMmNRHvIlzw2WS/twfcVX3ysYrWGJMClwEmChQFC4yRq74tn6fdzRA==}
-    peerDependencies:
-      react: ^16.9.0 || ^17.0.0 || ^18
-      react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-redux:
-        optional: true
+  '@reduxjs/toolkit@2.2.3(react-redux@9.1.1)(react@18.2.0)':
     dependencies:
       immer: 10.0.4
       react: 18.2.0
@@ -2146,21 +7084,10 @@ packages:
       redux: 5.0.1
       redux-thunk: 3.1.0(redux@5.0.1)
       reselect: 5.1.0
-    dev: false
 
-  /@remix-run/router@1.11.0:
-    resolution: {integrity: sha512-BHdhcWgeiudl91HvVa2wxqZjSHbheSgIiDvxrF1VjFzBzpTtuDPkOdOi3Iqvc08kXtFkLjhbS+ML9aM8mJS+wQ==}
-    engines: {node: '>=14.0.0'}
-    dev: false
+  '@remix-run/router@1.11.0': {}
 
-  /@rollup/plugin-commonjs@25.0.8(rollup@4.18.0):
-    resolution: {integrity: sha512-ZEZWTK5n6Qde0to4vS9Mr5x/0UZoqCxPVR9KRUjU4kA2sO7GEUn1fop0DAwpO6z0Nw/kJON9bDmSxdWxO/TT1A==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^2.68.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
+  '@rollup/plugin-commonjs@25.0.8(rollup@4.18.0)':
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
       commondir: 1.0.1
@@ -2169,16 +7096,8 @@ packages:
       is-reference: 1.2.1
       magic-string: 0.30.10
       rollup: 4.18.0
-    dev: true
 
-  /@rollup/plugin-node-resolve@15.2.3(rollup@4.18.0):
-    resolution: {integrity: sha512-j/lym8nf5E21LwBT4Df1VD6hRO2L2iwUeUmP7litikRsVp1H6NWx20NEp0Y7su+7XGc476GnXXc4kFeZNGmaSQ==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^2.78.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
+  '@rollup/plugin-node-resolve@15.2.3(rollup@4.18.0)':
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
       '@types/resolve': 1.20.2
@@ -2187,233 +7106,105 @@ packages:
       is-module: 1.0.0
       resolve: 1.22.8
       rollup: 4.18.0
-    dev: true
 
-  /@rollup/plugin-replace@5.0.6(rollup@4.18.0):
-    resolution: {integrity: sha512-n/Eea4MuS38M5iT+0nz7UzSbI4H4hVTKV5hOTAQzNVKT3nYxj8iaG4t9IW86Ugv/jApGY+O+SANAFqWPzZ9xkw==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
+  '@rollup/plugin-replace@5.0.6(rollup@4.18.0)':
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
       magic-string: 0.30.10
       rollup: 4.18.0
-    dev: true
 
-  /@rollup/plugin-terser@0.4.4(rollup@4.18.0):
-    resolution: {integrity: sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^2.0.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
+  '@rollup/plugin-terser@0.4.4(rollup@4.18.0)':
     dependencies:
       rollup: 4.18.0
       serialize-javascript: 6.0.2
       smob: 1.5.0
       terser: 5.31.0
-    dev: true
 
-  /@rollup/plugin-typescript@11.1.6(rollup@4.18.0)(typescript@5.4.2):
-    resolution: {integrity: sha512-R92yOmIACgYdJ7dJ97p4K69I8gg6IEHt8M7dUBxN3W6nrO8uUxX5ixl0yU/N3aZTi8WhPuICvOHXQvF6FaykAA==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^2.14.0||^3.0.0||^4.0.0
-      tslib: '*'
-      typescript: '>=3.7.0'
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-      tslib:
-        optional: true
+  '@rollup/plugin-typescript@11.1.6(rollup@4.18.0)(typescript@5.4.2)':
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
       resolve: 1.22.8
       rollup: 4.18.0
       typescript: 5.4.2
-    dev: true
 
-  /@rollup/pluginutils@5.1.0(rollup@4.18.0):
-    resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
+  '@rollup/pluginutils@5.1.0(rollup@4.18.0)':
     dependencies:
       '@types/estree': 1.0.5
       estree-walker: 2.0.2
       picomatch: 2.3.1
       rollup: 4.18.0
-    dev: true
 
-  /@rollup/rollup-android-arm-eabi@4.18.0:
-    resolution: {integrity: sha512-Tya6xypR10giZV1XzxmH5wr25VcZSncG0pZIjfePT0OVBvqNEurzValetGNarVrGiq66EBVAFn15iYX4w6FKgQ==}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
+  '@rollup/rollup-android-arm-eabi@4.18.0':
     optional: true
 
-  /@rollup/rollup-android-arm64@4.18.0:
-    resolution: {integrity: sha512-avCea0RAP03lTsDhEyfy+hpfr85KfyTctMADqHVhLAF3MlIkq83CP8UfAHUssgXTYd+6er6PaAhx/QGv4L1EiA==}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
+  '@rollup/rollup-android-arm64@4.18.0':
     optional: true
 
-  /@rollup/rollup-darwin-arm64@4.18.0:
-    resolution: {integrity: sha512-IWfdwU7KDSm07Ty0PuA/W2JYoZ4iTj3TUQjkVsO/6U+4I1jN5lcR71ZEvRh52sDOERdnNhhHU57UITXz5jC1/w==}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
+  '@rollup/rollup-darwin-arm64@4.18.0':
     optional: true
 
-  /@rollup/rollup-darwin-x64@4.18.0:
-    resolution: {integrity: sha512-n2LMsUz7Ynu7DoQrSQkBf8iNrjOGyPLrdSg802vk6XT3FtsgX6JbE8IHRvposskFm9SNxzkLYGSq9QdpLYpRNA==}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
+  '@rollup/rollup-darwin-x64@4.18.0':
     optional: true
 
-  /@rollup/rollup-linux-arm-gnueabihf@4.18.0:
-    resolution: {integrity: sha512-C/zbRYRXFjWvz9Z4haRxcTdnkPt1BtCkz+7RtBSuNmKzMzp3ZxdM28Mpccn6pt28/UWUCTXa+b0Mx1k3g6NOMA==}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
+  '@rollup/rollup-linux-arm-gnueabihf@4.18.0':
     optional: true
 
-  /@rollup/rollup-linux-arm-musleabihf@4.18.0:
-    resolution: {integrity: sha512-l3m9ewPgjQSXrUMHg93vt0hYCGnrMOcUpTz6FLtbwljo2HluS4zTXFy2571YQbisTnfTKPZ01u/ukJdQTLGh9A==}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
+  '@rollup/rollup-linux-arm-musleabihf@4.18.0':
     optional: true
 
-  /@rollup/rollup-linux-arm64-gnu@4.18.0:
-    resolution: {integrity: sha512-rJ5D47d8WD7J+7STKdCUAgmQk49xuFrRi9pZkWoRD1UeSMakbcepWXPF8ycChBoAqs1pb2wzvbY6Q33WmN2ftw==}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
+  '@rollup/rollup-linux-arm64-gnu@4.18.0':
     optional: true
 
-  /@rollup/rollup-linux-arm64-musl@4.18.0:
-    resolution: {integrity: sha512-be6Yx37b24ZwxQ+wOQXXLZqpq4jTckJhtGlWGZs68TgdKXJgw54lUUoFYrg6Zs/kjzAQwEwYbp8JxZVzZLRepQ==}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
+  '@rollup/rollup-linux-arm64-musl@4.18.0':
     optional: true
 
-  /@rollup/rollup-linux-powerpc64le-gnu@4.18.0:
-    resolution: {integrity: sha512-hNVMQK+qrA9Todu9+wqrXOHxFiD5YmdEi3paj6vP02Kx1hjd2LLYR2eaN7DsEshg09+9uzWi2W18MJDlG0cxJA==}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
+  '@rollup/rollup-linux-powerpc64le-gnu@4.18.0':
     optional: true
 
-  /@rollup/rollup-linux-riscv64-gnu@4.18.0:
-    resolution: {integrity: sha512-ROCM7i+m1NfdrsmvwSzoxp9HFtmKGHEqu5NNDiZWQtXLA8S5HBCkVvKAxJ8U+CVctHwV2Gb5VUaK7UAkzhDjlg==}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
+  '@rollup/rollup-linux-riscv64-gnu@4.18.0':
     optional: true
 
-  /@rollup/rollup-linux-s390x-gnu@4.18.0:
-    resolution: {integrity: sha512-0UyyRHyDN42QL+NbqevXIIUnKA47A+45WyasO+y2bGJ1mhQrfrtXUpTxCOrfxCR4esV3/RLYyucGVPiUsO8xjg==}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
+  '@rollup/rollup-linux-s390x-gnu@4.18.0':
     optional: true
 
-  /@rollup/rollup-linux-x64-gnu@4.18.0:
-    resolution: {integrity: sha512-xuglR2rBVHA5UsI8h8UbX4VJ470PtGCf5Vpswh7p2ukaqBGFTnsfzxUBetoWBWymHMxbIG0Cmx7Y9qDZzr648w==}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
+  '@rollup/rollup-linux-x64-gnu@4.18.0':
     optional: true
 
-  /@rollup/rollup-linux-x64-musl@4.18.0:
-    resolution: {integrity: sha512-LKaqQL9osY/ir2geuLVvRRs+utWUNilzdE90TpyoX0eNqPzWjRm14oMEE+YLve4k/NAqCdPkGYDaDF5Sw+xBfg==}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
+  '@rollup/rollup-linux-x64-musl@4.18.0':
     optional: true
 
-  /@rollup/rollup-win32-arm64-msvc@4.18.0:
-    resolution: {integrity: sha512-7J6TkZQFGo9qBKH0pk2cEVSRhJbL6MtfWxth7Y5YmZs57Pi+4x6c2dStAUvaQkHQLnEQv1jzBUW43GvZW8OFqA==}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
+  '@rollup/rollup-win32-arm64-msvc@4.18.0':
     optional: true
 
-  /@rollup/rollup-win32-ia32-msvc@4.18.0:
-    resolution: {integrity: sha512-Txjh+IxBPbkUB9+SXZMpv+b/vnTEtFyfWZgJ6iyCmt2tdx0OF5WhFowLmnh8ENGNpfUlUZkdI//4IEmhwPieNg==}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
+  '@rollup/rollup-win32-ia32-msvc@4.18.0':
     optional: true
 
-  /@rollup/rollup-win32-x64-msvc@4.18.0:
-    resolution: {integrity: sha512-UOo5FdvOL0+eIVTgS4tIdbW+TtnBLWg1YBCcU2KWM7nuNwRz9bksDX1bekJJCpu25N1DVWaCwnT39dVQxzqS8g==}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
+  '@rollup/rollup-win32-x64-msvc@4.18.0':
     optional: true
 
-  /@sideway/address@4.1.4:
-    resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==}
+  '@sideway/address@4.1.4':
     dependencies:
       '@hapi/hoek': 9.3.0
-    dev: true
 
-  /@sideway/formula@3.0.1:
-    resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==}
-    dev: true
+  '@sideway/formula@3.0.1': {}
 
-  /@sideway/pinpoint@2.0.0:
-    resolution: {integrity: sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==}
-    dev: true
+  '@sideway/pinpoint@2.0.0': {}
 
-  /@sindresorhus/merge-streams@1.0.0:
-    resolution: {integrity: sha512-rUV5WyJrJLoloD4NDN1V1+LDMDWOa4OTsT4yYJwQNpTU6FWxkxHpL7eu4w+DmiH8x/EAM1otkPE1+LaspIbplw==}
-    engines: {node: '>=18'}
-    dev: true
+  '@sindresorhus/merge-streams@1.0.0': {}
 
-  /@svelte-put/shortcut@3.1.0:
-    resolution: {integrity: sha512-EWMEDkZ0+O3yMhb9yrqe5UYisV9CNRKX6Pl/JW3x62t74CiN+3COu1L9NzZUG0omagc2Z3J14PZNYxs77IC9NA==}
-    dev: false
+  '@svelte-put/shortcut@3.1.0': {}
 
-  /@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4):
-    resolution: {integrity: sha512-6LeZft2Fo/4HfmLBi5CucMYmgRxgcETweQl/yQoZo/895K3S9YWYN4Sfm/IhwlIpbJp3QNvhKmwCHbsqQNYQpw==}
-    peerDependencies:
-      '@sveltejs/kit': ^2.0.0
+  '@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4)':
     dependencies:
       '@sveltejs/kit': 2.5.4(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)
       import-meta-resolve: 4.0.0
-    dev: true
 
-  /@sveltejs/adapter-auto@3.2.1(@sveltejs/kit@2.5.10):
-    resolution: {integrity: sha512-/3xx8ZFCD5UBc/7AbyXkFF3HNCzWAp2xncH8HA4doGjoGQEN7PmwiRx4Y9nOzi4mqDqYYUic0gaIAE2khWWU4Q==}
-    peerDependencies:
-      '@sveltejs/kit': ^2.0.0
+  '@sveltejs/adapter-auto@3.2.1(@sveltejs/kit@2.5.10)':
     dependencies:
       '@sveltejs/kit': 2.5.10(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)
       import-meta-resolve: 4.1.0
-    dev: true
 
-  /@sveltejs/kit@2.5.10(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12):
-    resolution: {integrity: sha512-OqoyTmFG2cYmCFAdBfW+Qxbg8m23H4dv6KqwEt7ofr/ROcfcIl3Z/VT56L22H9f0uNZyr+9Bs1eh2gedOCK9kA==}
-    engines: {node: '>=18.13'}
-    hasBin: true
-    requiresBuild: true
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^3.0.0
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.3
+  '@sveltejs/kit@2.5.10(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)':
     dependencies:
       '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12)
       '@types/cookie': 0.6.0
@@ -2430,17 +7221,8 @@ packages:
       svelte: 4.2.12
       tiny-glob: 0.2.9
       vite: 5.2.12(@types/node@18.7.16)
-    dev: true
 
-  /@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12):
-    resolution: {integrity: sha512-eDxK2d4EGzk99QsZNoPXe7jlzA5EGqfcCpUwZ912bhnalsZ2ZsG5wGRthkydupVjYyqdmzEanVKFhLxU2vkPSQ==}
-    engines: {node: '>=18.13'}
-    hasBin: true
-    requiresBuild: true
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^3.0.0
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.3
+  '@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)':
     dependencies:
       '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12)
       '@types/cookie': 0.6.0
@@ -2457,14 +7239,8 @@ packages:
       svelte: 4.2.12
       tiny-glob: 0.2.9
       vite: 5.2.12(@types/node@18.7.16)
-    dev: true
 
-  /@sveltejs/package@2.3.0(svelte@4.2.12)(typescript@5.4.2):
-    resolution: {integrity: sha512-wmtwEfi3gQnmtotAjygRHR6cmLfpblQl1dU764f3N2I5DPe34llFs44bHOYcuk91Bp2sSq6bWUmNwxGlYCchOA==}
-    engines: {node: ^16.14 || >=18}
-    hasBin: true
-    peerDependencies:
-      svelte: ^3.44.0 || ^4.0.0 || ^5.0.0-next.1
+  '@sveltejs/package@2.3.0(svelte@4.2.12)(typescript@5.4.2)':
     dependencies:
       chokidar: 3.6.0
       kleur: 4.1.5
@@ -2474,15 +7250,8 @@ packages:
       svelte2tsx: 0.7.3(svelte@4.2.12)(typescript@5.4.2)
     transitivePeerDependencies:
       - typescript
-    dev: true
 
-  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.5.3)(svelte@4.2.1)(vite@4.5.0):
-    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^2.2.0
-      svelte: ^3.54.0 || ^4.0.0
-      vite: ^4.0.0
+  '@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.5.3)(svelte@4.2.1)(vite@4.5.0)':
     dependencies:
       '@sveltejs/vite-plugin-svelte': 2.5.3(svelte@4.2.1)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
@@ -2490,15 +7259,8 @@ packages:
       vite: 4.5.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12):
-    resolution: {integrity: sha512-9QX28IymvBlSCqsCll5t0kQVxipsfhFFL+L2t3nTWfXnddYwxBuAEtTtlaVQpRz9c37BhJjltSeY4AJSC03SSg==}
-    engines: {node: ^18.0.0 || >=20}
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^3.0.0
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.0
+  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)':
     dependencies:
       '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12)
       debug: 4.3.5
@@ -2507,12 +7269,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.1)(vite@4.5.0):
-    resolution: {integrity: sha512-erhNtXxE5/6xGZz/M9eXsmI7Pxa6MS7jyTy06zN3Ck++ldrppOnOlJwHHTsMC7DHDQdgUp4NAc4cDNQ9eGdB/w==}
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0 || ^5.0.0-next.0
-      vite: ^4.0.0
+  '@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.1)(vite@4.5.0)':
     dependencies:
       '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.5.3)(svelte@4.2.1)(vite@4.5.0)
       debug: 4.3.4(supports-color@8.1.1)
@@ -2525,14 +7282,8 @@ packages:
       vitefu: 0.2.5(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12):
-    resolution: {integrity: sha512-rimpFEAboBBHIlzISibg94iP09k/KYdHgVhJlcsTfn7KMBhc70jFX/GRWkRdFCc2fdnk+4+Bdfej23cMDnJS6A==}
-    engines: {node: ^18.0.0 || >=20}
-    peerDependencies:
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.0
+  '@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12)':
     dependencies:
       '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)
       debug: 4.3.5
@@ -2546,105 +7297,37 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@swc/core-darwin-arm64@1.3.96:
-    resolution: {integrity: sha512-8hzgXYVd85hfPh6mJ9yrG26rhgzCmcLO0h1TIl8U31hwmTbfZLzRitFQ/kqMJNbIBCwmNH1RU2QcJnL3d7f69A==}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
+  '@swc/core-darwin-arm64@1.3.96':
     optional: true
 
-  /@swc/core-darwin-x64@1.3.96:
-    resolution: {integrity: sha512-mFp9GFfuPg+43vlAdQZl0WZpZSE8sEzqL7sr/7Reul5McUHP0BaLsEzwjvD035ESfkY8GBZdLpMinblIbFNljQ==}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
+  '@swc/core-darwin-x64@1.3.96':
     optional: true
 
-  /@swc/core-linux-arm-gnueabihf@1.3.96:
-    resolution: {integrity: sha512-8UEKkYJP4c8YzYIY/LlbSo8z5Obj4hqcv/fUTHiEePiGsOddgGf7AWjh56u7IoN/0uEmEro59nc1ChFXqXSGyg==}
-    engines: {node: '>=10'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
+  '@swc/core-linux-arm-gnueabihf@1.3.96':
     optional: true
 
-  /@swc/core-linux-arm64-gnu@1.3.96:
-    resolution: {integrity: sha512-c/IiJ0s1y3Ymm2BTpyC/xr6gOvoqAVETrivVXHq68xgNms95luSpbYQ28rqaZC8bQC8M5zdXpSc0T8DJu8RJGw==}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
+  '@swc/core-linux-arm64-gnu@1.3.96':
     optional: true
 
-  /@swc/core-linux-arm64-musl@1.3.96:
-    resolution: {integrity: sha512-i5/UTUwmJLri7zhtF6SAo/4QDQJDH2fhYJaBIUhrICmIkRO/ltURmpejqxsM/ye9Jqv5zG7VszMC0v/GYn/7BQ==}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
+  '@swc/core-linux-arm64-musl@1.3.96':
     optional: true
 
-  /@swc/core-linux-x64-gnu@1.3.96:
-    resolution: {integrity: sha512-USdaZu8lTIkm4Yf9cogct/j5eqtdZqTgcTib4I+NloUW0E/hySou3eSyp3V2UAA1qyuC72ld1otXuyKBna0YKQ==}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
+  '@swc/core-linux-x64-gnu@1.3.96':
     optional: true
 
-  /@swc/core-linux-x64-musl@1.3.96:
-    resolution: {integrity: sha512-QYErutd+G2SNaCinUVobfL7jWWjGTI0QEoQ6hqTp7PxCJS/dmKmj3C5ZkvxRYcq7XcZt7ovrYCTwPTHzt6lZBg==}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
+  '@swc/core-linux-x64-musl@1.3.96':
     optional: true
 
-  /@swc/core-win32-arm64-msvc@1.3.96:
-    resolution: {integrity: sha512-hjGvvAduA3Un2cZ9iNP4xvTXOO4jL3G9iakhFsgVhpkU73SGmK7+LN8ZVBEu4oq2SUcHO6caWvnZ881cxGuSpg==}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
+  '@swc/core-win32-arm64-msvc@1.3.96':
     optional: true
 
-  /@swc/core-win32-ia32-msvc@1.3.96:
-    resolution: {integrity: sha512-Far2hVFiwr+7VPCM2GxSmbh3ikTpM3pDombE+d69hkedvYHYZxtTF+2LTKl/sXtpbUnsoq7yV/32c9R/xaaWfw==}
-    engines: {node: '>=10'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
+  '@swc/core-win32-ia32-msvc@1.3.96':
     optional: true
 
-  /@swc/core-win32-x64-msvc@1.3.96:
-    resolution: {integrity: sha512-4VbSAniIu0ikLf5mBX81FsljnfqjoVGleEkCQv4+zRlyZtO3FHoDPkeLVoy6WRlj7tyrRcfUJ4mDdPkbfTO14g==}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
+  '@swc/core-win32-x64-msvc@1.3.96':
     optional: true
 
-  /@swc/core@1.3.96:
-    resolution: {integrity: sha512-zwE3TLgoZwJfQygdv2SdCK9mRLYluwDOM53I+dT6Z5ZvrgVENmY3txvWDvduzkV+/8IuvrRbVezMpxcojadRdQ==}
-    engines: {node: '>=10'}
-    requiresBuild: true
-    peerDependencies:
-      '@swc/helpers': ^0.5.0
-    peerDependenciesMeta:
-      '@swc/helpers':
-        optional: true
+  '@swc/core@1.3.96':
     dependencies:
       '@swc/counter': 0.1.2
       '@swc/types': 0.1.5
@@ -2659,33 +7342,22 @@ packages:
       '@swc/core-win32-arm64-msvc': 1.3.96
       '@swc/core-win32-ia32-msvc': 1.3.96
       '@swc/core-win32-x64-msvc': 1.3.96
-    dev: true
 
-  /@swc/counter@0.1.2:
-    resolution: {integrity: sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==}
-    dev: true
+  '@swc/counter@0.1.2': {}
 
-  /@swc/types@0.1.5:
-    resolution: {integrity: sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==}
-    dev: true
+  '@swc/types@0.1.5': {}
 
-  /@trysound/sax@0.2.0:
-    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
-    engines: {node: '>=10.13.0'}
-    dev: true
+  '@trysound/sax@0.2.0': {}
 
-  /@types/babel__core@7.20.3:
-    resolution: {integrity: sha512-54fjTSeSHwfan8AyHWrKbfBWiEUrNTZsUwPTDSNaaP1QDQIZbeNUg3a59E9D+375MzUw/x1vx2/0F5LBz+AeYA==}
+  '@types/babel__core@7.20.3':
     dependencies:
       '@babel/parser': 7.23.0
       '@babel/types': 7.23.0
       '@types/babel__generator': 7.6.7
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.20.4
-    dev: false
 
-  /@types/babel__core@7.20.4:
-    resolution: {integrity: sha512-mLnSC22IC4vcWiuObSRjrLd9XcBTGf59vUSoq2jkQDJ/QQ8PMI9rSuzE+aEV8karUMbskw07bKYoUJCKTUaygg==}
+  '@types/babel__core@7.20.4':
     dependencies:
       '@babel/parser': 7.23.0
       '@babel/types': 7.23.0
@@ -2693,265 +7365,167 @@ packages:
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.20.4
 
-  /@types/babel__core@7.20.5:
-    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
+  '@types/babel__core@7.20.5':
     dependencies:
       '@babel/parser': 7.24.0
       '@babel/types': 7.24.0
       '@types/babel__generator': 7.6.8
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.20.5
-    dev: false
 
-  /@types/babel__generator@7.6.7:
-    resolution: {integrity: sha512-6Sfsq+EaaLrw4RmdFWE9Onp63TOUue71AWb4Gpa6JxzgTYtimbM086WnYTy2U67AofR++QKCo08ZP6pwx8YFHQ==}
+  '@types/babel__generator@7.6.7':
     dependencies:
       '@babel/types': 7.23.0
 
-  /@types/babel__generator@7.6.8:
-    resolution: {integrity: sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==}
+  '@types/babel__generator@7.6.8':
     dependencies:
       '@babel/types': 7.24.0
-    dev: false
 
-  /@types/babel__template@7.4.4:
-    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
+  '@types/babel__template@7.4.4':
     dependencies:
       '@babel/parser': 7.23.0
       '@babel/types': 7.23.0
 
-  /@types/babel__traverse@7.20.4:
-    resolution: {integrity: sha512-mSM/iKUk5fDDrEV/e83qY+Cr3I1+Q3qqTuEn++HAWYjEa1+NxZr6CNrcJGf2ZTnq4HoFGC3zaTPZTobCzCFukA==}
+  '@types/babel__traverse@7.20.4':
     dependencies:
       '@babel/types': 7.23.0
 
-  /@types/babel__traverse@7.20.5:
-    resolution: {integrity: sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==}
+  '@types/babel__traverse@7.20.5':
     dependencies:
       '@babel/types': 7.24.0
-    dev: false
 
-  /@types/cookie@0.6.0:
-    resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
-    dev: true
+  '@types/cookie@0.6.0': {}
 
-  /@types/d3-color@3.1.3:
-    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
-    dev: false
+  '@types/d3-color@3.1.3': {}
 
-  /@types/d3-drag@3.0.7:
-    resolution: {integrity: sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==}
+  '@types/d3-drag@3.0.7':
     dependencies:
       '@types/d3-selection': 3.0.10
-    dev: false
 
-  /@types/d3-interpolate@3.0.4:
-    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+  '@types/d3-interpolate@3.0.4':
     dependencies:
       '@types/d3-color': 3.1.3
-    dev: false
 
-  /@types/d3-selection@3.0.10:
-    resolution: {integrity: sha512-cuHoUgS/V3hLdjJOLTT691+G2QoqAjCVLmr4kJXR4ha56w1Zdu8UUQ5TxLRqudgNjwXeQxKMq4j+lyf9sWuslg==}
-    dev: false
+  '@types/d3-selection@3.0.10': {}
 
-  /@types/d3-transition@3.0.8:
-    resolution: {integrity: sha512-ew63aJfQ/ms7QQ4X7pk5NxQ9fZH/z+i24ZfJ6tJSfqxJMrYLiK01EAs2/Rtw/JreGUsS3pLPNV644qXFGnoZNQ==}
+  '@types/d3-transition@3.0.8':
     dependencies:
       '@types/d3-selection': 3.0.10
-    dev: false
 
-  /@types/d3-zoom@3.0.8:
-    resolution: {integrity: sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==}
+  '@types/d3-zoom@3.0.8':
     dependencies:
       '@types/d3-interpolate': 3.0.4
       '@types/d3-selection': 3.0.10
-    dev: false
 
-  /@types/dagre@0.7.52:
-    resolution: {integrity: sha512-XKJdy+OClLk3hketHi9Qg6gTfe1F3y+UFnHxKA2rn9Dw+oXa4Gb378Ztz9HlMgZKSxpPmn4BNVh9wgkpvrK1uw==}
-    dev: true
+  '@types/dagre@0.7.52': {}
 
-  /@types/debug@4.1.10:
-    resolution: {integrity: sha512-tOSCru6s732pofZ+sMv9o4o3Zc+Sa8l3bxd/tweTQudFn06vAzb13ZX46Zi6m6EJ+RUbRTHvgQJ1gBtSgkaUYA==}
+  '@types/debug@4.1.10':
     dependencies:
       '@types/ms': 0.7.33
-    dev: false
 
-  /@types/estree@1.0.3:
-    resolution: {integrity: sha512-CS2rOaoQ/eAgAfcTfq6amKG7bsN+EMcgGY4FAFQdvSj2y1ixvOZTUA9mOtCai7E1SYu283XNw7urKK30nP3wkQ==}
+  '@types/estree@1.0.3': {}
 
-  /@types/estree@1.0.5:
-    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+  '@types/estree@1.0.5': {}
 
-  /@types/hast@2.3.7:
-    resolution: {integrity: sha512-EVLigw5zInURhzfXUM65eixfadfsHKomGKUakToXo84t8gGIJuTcD2xooM2See7GyQ7DRtYjhCHnSUQez8JaLw==}
+  '@types/hast@2.3.7':
     dependencies:
       '@types/unist': 2.0.9
-    dev: false
 
-  /@types/is-ci@3.0.3:
-    resolution: {integrity: sha512-FdHbjLiN2e8fk9QYQyVYZrK8svUDJpxSaSWLUga8EZS1RGAvvrqM9zbVARBtQuYPeLgnJxM2xloOswPwj1o2cQ==}
+  '@types/is-ci@3.0.3':
     dependencies:
       ci-info: 3.9.0
-    dev: true
 
-  /@types/json-schema@7.0.15:
-    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
-    dev: true
+  '@types/json-schema@7.0.15': {}
 
-  /@types/json5@0.0.30:
-    resolution: {integrity: sha512-sqm9g7mHlPY/43fcSNrCYfOeX9zkTTK+euO5E6+CVijSMm5tTjkVdwdqRkY3ljjIAf8679vps5jKUoJBCLsMDA==}
-    dev: false
+  '@types/json5@0.0.30': {}
 
-  /@types/mdast@3.0.14:
-    resolution: {integrity: sha512-gVZ04PGgw1qLZKsnWnyFv4ORnaJ+DXLdHTVSFbU8yX6xZ34Bjg4Q32yPkmveUP1yItXReKfB0Aknlh/3zxTKAw==}
+  '@types/mdast@3.0.14':
     dependencies:
       '@types/unist': 2.0.9
-    dev: false
 
-  /@types/mdast@4.0.2:
-    resolution: {integrity: sha512-tYR83EignvhYO9iU3kDg8V28M0jqyh9zzp5GV+EO+AYnyUl3P5ltkTeJuTiFZQFz670FSb3EwT/6LQdX+UdKfw==}
+  '@types/mdast@4.0.2':
     dependencies:
       '@types/unist': 3.0.1
-    dev: false
 
-  /@types/minimist@1.2.4:
-    resolution: {integrity: sha512-Kfe/D3hxHTusnPNRbycJE1N77WHDsdS4AjUYIzlDzhDrS47NrwuL3YW4VITxwR7KCVpzwgy4Rbj829KSSQmwXQ==}
-    dev: true
+  '@types/minimist@1.2.4': {}
 
-  /@types/ms@0.7.33:
-    resolution: {integrity: sha512-AuHIyzR5Hea7ij0P9q7vx7xu4z0C28ucwjAZC0ja7JhINyCnOw8/DnvAPQQ9TfOlCtZAmCERKQX9+o1mgQhuOQ==}
-    dev: false
+  '@types/ms@0.7.33': {}
 
-  /@types/nlcst@1.0.3:
-    resolution: {integrity: sha512-cpO6PPMz4E++zxP2Vhp/3KVl2Nbtj+Iksb25rlRinG7mphu2zmCIKWWlqdsx1NwJEISogR2eeZTD7JqLOCzaiw==}
+  '@types/nlcst@1.0.3':
     dependencies:
       '@types/unist': 2.0.9
-    dev: false
 
-  /@types/node@12.20.55:
-    resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
-    dev: true
+  '@types/node@12.20.55': {}
 
-  /@types/node@18.7.16:
-    resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==}
-    requiresBuild: true
+  '@types/node@18.7.16': {}
 
-  /@types/node@20.11.24:
-    resolution: {integrity: sha512-Kza43ewS3xoLgCEpQrsT+xRo/EJej1y0kVYGiLFE1NEODXGzTfwiC6tXTLMQskn1X4/Rjlh0MQUvx9W+L9long==}
-    requiresBuild: true
+  '@types/node@20.11.24':
     dependencies:
       undici-types: 5.26.5
-    dev: true
     optional: true
 
-  /@types/normalize-package-data@2.4.3:
-    resolution: {integrity: sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg==}
-    dev: true
+  '@types/normalize-package-data@2.4.3': {}
 
-  /@types/parse5@6.0.3:
-    resolution: {integrity: sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==}
-    dev: false
+  '@types/parse5@6.0.3': {}
 
-  /@types/prop-types@15.7.10:
-    resolution: {integrity: sha512-mxSnDQxPqsZxmeShFH+uwQ4kO4gcJcGahjjMFeLbKE95IAZiiZyiEepGZjtXJ7hN/yfu0bu9xN2ajcU0JcxX6A==}
+  '@types/prop-types@15.7.10': {}
 
-  /@types/prop-types@15.7.9:
-    resolution: {integrity: sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g==}
+  '@types/prop-types@15.7.9': {}
 
-  /@types/pug@2.0.10:
-    resolution: {integrity: sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==}
+  '@types/pug@2.0.10': {}
 
-  /@types/react-dom@18.2.14:
-    resolution: {integrity: sha512-V835xgdSVmyQmI1KLV2BEIUgqEuinxp9O4G6g3FqO/SqLac049E53aysv0oEFD2kHfejeKU+ZqL2bcFWj9gLAQ==}
+  '@types/react-dom@18.2.14':
     dependencies:
       '@types/react': 18.2.36
 
-  /@types/react-dom@18.2.8:
-    resolution: {integrity: sha512-bAIvO5lN/U8sPGvs1Xm61rlRHHaq5rp5N3kp9C+NJ/Q41P8iqjkXSu0+/qu8POsjH9pNWb0OYabFez7taP7omw==}
+  '@types/react-dom@18.2.8':
     dependencies:
       '@types/react': 18.2.24
 
-  /@types/react@18.2.24:
-    resolution: {integrity: sha512-Ee0Jt4sbJxMu1iDcetZEIKQr99J1Zfb6D4F3qfUWoR1JpInkY1Wdg4WwCyBjL257D0+jGqSl1twBjV8iCaC0Aw==}
+  '@types/react@18.2.24':
     dependencies:
       '@types/prop-types': 15.7.9
       '@types/scheduler': 0.16.5
       csstype: 3.1.2
 
-  /@types/react@18.2.31:
-    resolution: {integrity: sha512-c2UnPv548q+5DFh03y8lEDeMfDwBn9G3dRwfkrxQMo/dOtRHUUO57k6pHvBIfH/VF4Nh+98mZ5aaSe+2echD5g==}
+  '@types/react@18.2.31':
     dependencies:
       '@types/prop-types': 15.7.10
       '@types/scheduler': 0.16.5
       csstype: 3.1.2
-    dev: false
 
-  /@types/react@18.2.36:
-    resolution: {integrity: sha512-o9XFsHYLLZ4+sb9CWUYwHqFVoG61SesydF353vFMMsQziiyRu8np4n2OYMUSDZ8XuImxDr9c5tR7gidlH29Vnw==}
+  '@types/react@18.2.36':
     dependencies:
       '@types/prop-types': 15.7.10
       '@types/scheduler': 0.16.5
       csstype: 3.1.2
 
-  /@types/resolve@1.20.2:
-    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
-    dev: true
+  '@types/resolve@1.20.2': {}
 
-  /@types/resolve@1.20.4:
-    resolution: {integrity: sha512-BKGK0T1VgB1zD+PwQR4RRf0ais3NyvH1qjLUrHI5SEiccYaJrhLstLuoXFWJ+2Op9whGizSPUMGPJY/Qtb/A2w==}
-    dev: false
+  '@types/resolve@1.20.4': {}
 
-  /@types/scheduler@0.16.5:
-    resolution: {integrity: sha512-s/FPdYRmZR8SjLWGMCuax7r3qCWQw9QKHzXVukAuuIJkXkDRwp+Pu5LMIVFi0Fxbav35WURicYr8u1QsoybnQw==}
+  '@types/scheduler@0.16.5': {}
 
-  /@types/semver@6.2.5:
-    resolution: {integrity: sha512-NAxro9/RqWXTqdSjccDZAjA4nXK+6zRun+HvibYJfGy8TQhpOC7Vv6v2rlHYKrT0Q8jGGoNRd/xVdHRIQRNlFQ==}
-    dev: true
+  '@types/semver@6.2.5': {}
 
-  /@types/semver@7.5.6:
-    resolution: {integrity: sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==}
-    dev: true
+  '@types/semver@7.5.6': {}
 
-  /@types/sinonjs__fake-timers@8.1.1:
-    resolution: {integrity: sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==}
-    dev: true
+  '@types/sinonjs__fake-timers@8.1.1': {}
 
-  /@types/sizzle@2.3.8:
-    resolution: {integrity: sha512-0vWLNK2D5MT9dg0iOo8GlKguPAU02QjmZitPEsXRuJXU/OGIOt9vT9Fc26wtYuavLxtO45v9PGleoL9Z0k1LHg==}
-    dev: true
+  '@types/sizzle@2.3.8': {}
 
-  /@types/unist@2.0.9:
-    resolution: {integrity: sha512-zC0iXxAv1C1ERURduJueYzkzZ2zaGyc+P2c95hgkikHPr3z8EdUZOlgEQ5X0DRmwDZn+hekycQnoeiiRVrmilQ==}
-    dev: false
+  '@types/unist@2.0.9': {}
 
-  /@types/unist@3.0.1:
-    resolution: {integrity: sha512-ue/hDUpPjC85m+PM9OQDMZr3LywT+CT6mPsQq8OJtCLiERkGRcQUFvu9XASF5XWqyZFXbf15lvb3JFJ4dRLWPg==}
-    dev: false
+  '@types/unist@3.0.1': {}
 
-  /@types/use-sync-external-store@0.0.3:
-    resolution: {integrity: sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==}
-    dev: false
+  '@types/use-sync-external-store@0.0.3': {}
 
-  /@types/yauzl@2.10.3:
-    resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
-    requiresBuild: true
+  '@types/yauzl@2.10.3':
     dependencies:
       '@types/node': 20.11.24
-    dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-uoLj4g2OTL8rfUQVx2AFO1hp/zja1wABJq77P6IclQs6I/m9GLrm7jCdgzZkvWdDCQf1uEvoa8s8CupsgWQgVg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2)':
     dependencies:
       '@eslint-community/regexpp': 4.10.0
       '@typescript-eslint/parser': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
@@ -2969,18 +7543,8 @@ packages:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-GosF4238Tkes2SHPQ1i8f6rMtG6zlKwMEB0abqSJ3Npvos+doIlc/ATG+vX1G9coDF3Ex78zM3heXHLyWEwLUw==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3)':
     dependencies:
       '@eslint-community/regexpp': 4.10.0
       '@typescript-eslint/parser': 6.8.0(eslint@8.43.0)(typescript@5.1.3)
@@ -2998,18 +7562,8 @@ packages:
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/eslint-plugin@7.2.0(@typescript-eslint/parser@7.2.0)(eslint@8.57.0)(typescript@5.4.2):
-    resolution: {integrity: sha512-mdekAHOqS9UjlmyF/LSs6AIEvfceV749GFxoBAjwAv0nkevfKHWQFDMcBZWUiIC5ft6ePWivXoS36aKQ0Cy3sw==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^7.0.0
-      eslint: ^8.56.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/eslint-plugin@7.2.0(@typescript-eslint/parser@7.2.0)(eslint@8.57.0)(typescript@5.4.2)':
     dependencies:
       '@eslint-community/regexpp': 4.10.0
       '@typescript-eslint/parser': 7.2.0(eslint@8.57.0)(typescript@5.4.2)
@@ -3027,17 +7581,8 @@ packages:
       typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-+sZwIj+s+io9ozSxIWbNB5873OSdfeBEH/FR0re14WLI6BaKuSOnnwCJ2foUiu8uXf4dRp1UqHP0vrZ1zXGrog==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2)':
     dependencies:
       '@typescript-eslint/scope-manager': 6.10.0
       '@typescript-eslint/types': 6.10.0
@@ -3048,17 +7593,8 @@ packages:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 6.8.0
       '@typescript-eslint/types': 6.8.0
@@ -3069,17 +7605,8 @@ packages:
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.4.2):
-    resolution: {integrity: sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^8.56.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.4.2)':
     dependencies:
       '@typescript-eslint/scope-manager': 7.2.0
       '@typescript-eslint/types': 7.2.0
@@ -3090,41 +7617,23 @@ packages:
       typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/scope-manager@6.10.0:
-    resolution: {integrity: sha512-TN/plV7dzqqC2iPNf1KrxozDgZs53Gfgg5ZHyw8erd6jd5Ta/JIEcdCheXFt9b1NYb93a1wmIIVW/2gLkombDg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/scope-manager@6.10.0':
     dependencies:
       '@typescript-eslint/types': 6.10.0
       '@typescript-eslint/visitor-keys': 6.10.0
-    dev: true
 
-  /@typescript-eslint/scope-manager@6.8.0:
-    resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/scope-manager@6.8.0':
     dependencies:
       '@typescript-eslint/types': 6.8.0
       '@typescript-eslint/visitor-keys': 6.8.0
-    dev: true
 
-  /@typescript-eslint/scope-manager@7.2.0:
-    resolution: {integrity: sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/scope-manager@7.2.0':
     dependencies:
       '@typescript-eslint/types': 7.2.0
       '@typescript-eslint/visitor-keys': 7.2.0
-    dev: true
 
-  /@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)':
     dependencies:
       '@typescript-eslint/typescript-estree': 6.10.0(typescript@5.2.2)
       '@typescript-eslint/utils': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
@@ -3134,17 +7643,8 @@ packages:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/type-utils@6.8.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-RYOJdlkTJIXW7GSldUIHqc/Hkto8E+fZN96dMIFhuTJcQwdRoGN2rEWA8U6oXbLo0qufH7NPElUb+MceHtz54g==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/type-utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)':
     dependencies:
       '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.1.3)
       '@typescript-eslint/utils': 6.8.0(eslint@8.43.0)(typescript@5.1.3)
@@ -3154,17 +7654,8 @@ packages:
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/type-utils@7.2.0(eslint@8.57.0)(typescript@5.4.2):
-    resolution: {integrity: sha512-xHi51adBHo9O9330J8GQYQwrKBqbIPJGZZVQTHHmy200hvkLZFWJIFtAG/7IYTWUyun6DE6w5InDReePJYJlJA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^8.56.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/type-utils@7.2.0(eslint@8.57.0)(typescript@5.4.2)':
     dependencies:
       '@typescript-eslint/typescript-estree': 7.2.0(typescript@5.4.2)
       '@typescript-eslint/utils': 7.2.0(eslint@8.57.0)(typescript@5.4.2)
@@ -3174,31 +7665,14 @@ packages:
       typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/types@6.10.0:
-    resolution: {integrity: sha512-36Fq1PWh9dusgo3vH7qmQAj5/AZqARky1Wi6WpINxB6SkQdY5vQoT2/7rW7uBIsPDcvvGCLi4r10p0OJ7ITAeg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    dev: true
+  '@typescript-eslint/types@6.10.0': {}
 
-  /@typescript-eslint/types@6.8.0:
-    resolution: {integrity: sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    dev: true
+  '@typescript-eslint/types@6.8.0': {}
 
-  /@typescript-eslint/types@7.2.0:
-    resolution: {integrity: sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    dev: true
+  '@typescript-eslint/types@7.2.0': {}
 
-  /@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2):
-    resolution: {integrity: sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)':
     dependencies:
       '@typescript-eslint/types': 6.10.0
       '@typescript-eslint/visitor-keys': 6.10.0
@@ -3210,16 +7684,8 @@ packages:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3):
-    resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)':
     dependencies:
       '@typescript-eslint/types': 6.8.0
       '@typescript-eslint/visitor-keys': 6.8.0
@@ -3231,16 +7697,8 @@ packages:
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/typescript-estree@7.2.0(typescript@5.4.2):
-    resolution: {integrity: sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@typescript-eslint/typescript-estree@7.2.0(typescript@5.4.2)':
     dependencies:
       '@typescript-eslint/types': 7.2.0
       '@typescript-eslint/visitor-keys': 7.2.0
@@ -3253,13 +7711,8 @@ packages:
       typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
+  '@typescript-eslint/utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
       '@types/json-schema': 7.0.15
@@ -3272,13 +7725,8 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - typescript
-    dev: true
 
-  /@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-dKs1itdE2qFG4jr0dlYLQVppqTE+Itt7GmIf/vX6CSvsW+3ov8PbWauVKyyfNngokhIO9sKZeRGCUo1+N7U98Q==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
+  '@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
       '@types/json-schema': 7.0.15
@@ -3291,13 +7739,8 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - typescript
-    dev: true
 
-  /@typescript-eslint/utils@7.2.0(eslint@8.57.0)(typescript@5.4.2):
-    resolution: {integrity: sha512-YfHpnMAGb1Eekpm3XRK8hcMwGLGsnT6L+7b2XyRv6ouDuJU1tZir1GS2i0+VXRatMwSI1/UfcyPe53ADkU+IuA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^8.56.0
+  '@typescript-eslint/utils@7.2.0(eslint@8.57.0)(typescript@5.4.2)':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
       '@types/json-schema': 7.0.15
@@ -3310,52 +7753,32 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - typescript
-    dev: true
 
-  /@typescript-eslint/visitor-keys@6.10.0:
-    resolution: {integrity: sha512-xMGluxQIEtOM7bqFCo+rCMh5fqI+ZxV5RUUOa29iVPz1OgCZrtc7rFnz5cLUazlkPKYqX+75iuDq7m0HQ48nCg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/visitor-keys@6.10.0':
     dependencies:
       '@typescript-eslint/types': 6.10.0
       eslint-visitor-keys: 3.4.3
-    dev: true
 
-  /@typescript-eslint/visitor-keys@6.8.0:
-    resolution: {integrity: sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/visitor-keys@6.8.0':
     dependencies:
       '@typescript-eslint/types': 6.8.0
       eslint-visitor-keys: 3.4.3
-    dev: true
 
-  /@typescript-eslint/visitor-keys@7.2.0:
-    resolution: {integrity: sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/visitor-keys@7.2.0':
     dependencies:
       '@typescript-eslint/types': 7.2.0
       eslint-visitor-keys: 3.4.3
-    dev: true
 
-  /@ungap/structured-clone@1.2.0:
-    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
-    dev: true
+  '@ungap/structured-clone@1.2.0': {}
 
-  /@vitejs/plugin-react-swc@3.4.1(vite@4.5.0):
-    resolution: {integrity: sha512-7YQOQcVV5x1luD8nkbCDdyYygFvn1hjqJk68UvNAzY2QG4o4N5EwAhLLFNOcd1HrdMwDl0VElP8VutoWf9IvJg==}
-    peerDependencies:
-      vite: ^4
+  '@vitejs/plugin-react-swc@3.4.1(vite@4.5.0)':
     dependencies:
       '@swc/core': 1.3.96
       vite: 4.5.0
     transitivePeerDependencies:
       - '@swc/helpers'
-    dev: true
 
-  /@vitejs/plugin-react@4.1.1(vite@4.5.0):
-    resolution: {integrity: sha512-Jie2HERK+uh27e+ORXXwEP5h0Y2lS9T2PRGbfebiHGlwzDO0dEnd2aNtOR/qjBlPb1YgxwAONeblL1xqLikLag==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.2.0
+  '@vitejs/plugin-react@4.1.1(vite@4.5.0)':
     dependencies:
       '@babel/core': 7.23.2
       '@babel/plugin-transform-react-jsx-self': 7.22.5(@babel/core@7.23.2)
@@ -3366,11 +7789,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@vitejs/plugin-react@4.2.1(vite@5.2.12):
-    resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.2.0 || ^5.0.0
+  '@vitejs/plugin-react@4.2.1(vite@5.2.12)':
     dependencies:
       '@babel/core': 7.24.0
       '@babel/plugin-transform-react-jsx-self': 7.23.3(@babel/core@7.24.0)
@@ -3380,185 +7799,114 @@ packages:
       vite: 5.2.12(@types/node@18.7.16)
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /acorn-jsx@5.3.2(acorn@8.10.0):
-    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
-    peerDependencies:
-      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+  acorn-jsx@5.3.2(acorn@8.10.0):
     dependencies:
       acorn: 8.10.0
-    dev: true
 
-  /acorn@8.10.0:
-    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
+  acorn@8.10.0: {}
 
-  /acorn@8.11.2:
-    resolution: {integrity: sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
+  acorn@8.11.2: {}
 
-  /acorn@8.11.3:
-    resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
+  acorn@8.11.3: {}
 
-  /aggregate-error@3.1.0:
-    resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
-    engines: {node: '>=8'}
+  aggregate-error@3.1.0:
     dependencies:
       clean-stack: 2.2.0
       indent-string: 4.0.0
-    dev: true
 
-  /ajv@6.12.6:
-    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+  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
-    dev: true
 
-  /ansi-align@3.0.1:
-    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
+  ansi-align@3.0.1:
     dependencies:
       string-width: 4.2.3
-    dev: false
 
-  /ansi-colors@4.1.3:
-    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
-    engines: {node: '>=6'}
-    dev: true
+  ansi-colors@4.1.3: {}
 
-  /ansi-escapes@4.3.2:
-    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
-    engines: {node: '>=8'}
+  ansi-escapes@4.3.2:
     dependencies:
       type-fest: 0.21.3
-    dev: true
 
-  /ansi-regex@5.0.1:
-    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
-    engines: {node: '>=8'}
+  ansi-regex@5.0.1: {}
 
-  /ansi-regex@6.0.1:
-    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
-    engines: {node: '>=12'}
-    dev: false
+  ansi-regex@6.0.1: {}
 
-  /ansi-sequence-parser@1.1.1:
-    resolution: {integrity: sha512-vJXt3yiaUL4UU546s3rPXlsry/RnM730G1+HkpKE012AN0sx1eOrxSu95oKDIonskeLTijMgqWZ3uDEe3NFvyg==}
-    dev: false
+  ansi-sequence-parser@1.1.1: {}
 
-  /ansi-styles@3.2.1:
-    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
-    engines: {node: '>=4'}
+  ansi-styles@3.2.1:
     dependencies:
       color-convert: 1.9.3
 
-  /ansi-styles@4.3.0:
-    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
-    engines: {node: '>=8'}
+  ansi-styles@4.3.0:
     dependencies:
       color-convert: 2.0.1
-    dev: true
 
-  /ansi-styles@6.2.1:
-    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
-    engines: {node: '>=12'}
-    dev: false
+  ansi-styles@6.2.1: {}
 
-  /anymatch@3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
-    engines: {node: '>= 8'}
+  anymatch@3.1.3:
     dependencies:
       normalize-path: 3.0.0
       picomatch: 2.3.1
 
-  /arch@2.2.0:
-    resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==}
-    dev: true
+  arch@2.2.0: {}
 
-  /arg@5.0.2:
-    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
-    dev: true
+  arg@5.0.2: {}
 
-  /argparse@1.0.10:
-    resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
+  argparse@1.0.10:
     dependencies:
       sprintf-js: 1.0.3
 
-  /argparse@2.0.1:
-    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+  argparse@2.0.1: {}
 
-  /aria-query@5.3.0:
-    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+  aria-query@5.3.0:
     dependencies:
       dequal: 2.0.3
 
-  /array-buffer-byte-length@1.0.0:
-    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
+  array-buffer-byte-length@1.0.0:
     dependencies:
       call-bind: 1.0.5
       is-array-buffer: 3.0.2
-    dev: true
 
-  /array-includes@3.1.7:
-    resolution: {integrity: sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==}
-    engines: {node: '>= 0.4'}
+  array-includes@3.1.7:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
       get-intrinsic: 1.2.2
       is-string: 1.0.7
-    dev: true
 
-  /array-iterate@2.0.1:
-    resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==}
-    dev: false
+  array-iterate@2.0.1: {}
 
-  /array-union@2.1.0:
-    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
-    engines: {node: '>=8'}
-    dev: true
+  array-union@2.1.0: {}
 
-  /array.prototype.flat@1.3.2:
-    resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==}
-    engines: {node: '>= 0.4'}
+  array.prototype.flat@1.3.2:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
       es-shim-unscopables: 1.0.2
-    dev: true
 
-  /array.prototype.flatmap@1.3.2:
-    resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==}
-    engines: {node: '>= 0.4'}
+  array.prototype.flatmap@1.3.2:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
       es-shim-unscopables: 1.0.2
-    dev: true
 
-  /array.prototype.tosorted@1.1.2:
-    resolution: {integrity: sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==}
+  array.prototype.tosorted@1.1.2:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
       es-shim-unscopables: 1.0.2
       get-intrinsic: 1.2.2
-    dev: true
 
-  /arraybuffer.prototype.slice@1.0.2:
-    resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==}
-    engines: {node: '>= 0.4'}
+  arraybuffer.prototype.slice@1.0.2:
     dependencies:
       array-buffer-byte-length: 1.0.0
       call-bind: 1.0.5
@@ -3567,33 +7915,18 @@ packages:
       get-intrinsic: 1.2.2
       is-array-buffer: 3.0.2
       is-shared-array-buffer: 1.0.2
-    dev: true
 
-  /arrify@1.0.1:
-    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  arrify@1.0.1: {}
 
-  /asn1@0.2.6:
-    resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==}
+  asn1@0.2.6:
     dependencies:
       safer-buffer: 2.1.2
-    dev: true
 
-  /assert-plus@1.0.0:
-    resolution: {integrity: sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==}
-    engines: {node: '>=0.8'}
-    dev: true
+  assert-plus@1.0.0: {}
 
-  /astral-regex@2.0.0:
-    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
-    engines: {node: '>=8'}
-    dev: true
+  astral-regex@2.0.0: {}
 
-  /astro@3.2.2:
-    resolution: {integrity: sha512-vLOOGyD2g1HRkCQAFHmHUrVAbMI5sgUqKignBMtXNantgEq1P17sL2cvH0Yy2ibNN9DHZ/4TknXmwHAig8PJNg==}
-    engines: {node: '>=18.14.1', npm: '>=6.14.0'}
-    hasBin: true
+  astro@3.2.2:
     dependencies:
       '@astrojs/compiler': 2.2.1
       '@astrojs/internal-helpers': 0.2.0
@@ -3662,33 +7995,18 @@ packages:
       - sugarss
       - supports-color
       - terser
-    dev: false
 
-  /async@3.2.5:
-    resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==}
-    dev: true
+  async@3.2.5: {}
 
-  /asynciterator.prototype@1.0.0:
-    resolution: {integrity: sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==}
+  asynciterator.prototype@1.0.0:
     dependencies:
       has-symbols: 1.0.3
-    dev: true
 
-  /asynckit@0.4.0:
-    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
-    dev: true
+  asynckit@0.4.0: {}
 
-  /at-least-node@1.0.0:
-    resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
-    engines: {node: '>= 4.0.0'}
-    dev: true
+  at-least-node@1.0.0: {}
 
-  /autoprefixer@10.4.15(postcss@8.4.21):
-    resolution: {integrity: sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==}
-    engines: {node: ^10 || ^12 || >=14}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.1.0
+  autoprefixer@10.4.15(postcss@8.4.21):
     dependencies:
       browserslist: 4.22.1
       caniuse-lite: 1.0.30001553
@@ -3697,14 +8015,8 @@ packages:
       picocolors: 1.0.0
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /autoprefixer@10.4.18(postcss@8.4.35):
-    resolution: {integrity: sha512-1DKbDfsr6KUElM6wg+0zRNkB/Q7WcKYAaK+pzXn+Xqmszm/5Xa9coeNdtP88Vi+dPzZnMjhge8GIV49ZQkDa+g==}
-    engines: {node: ^10 || ^12 || >=14}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.1.0
+  autoprefixer@10.4.18(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       caniuse-lite: 1.0.30001594
@@ -3713,107 +8025,67 @@ packages:
       picocolors: 1.0.0
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /available-typed-arrays@1.0.5:
-    resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  available-typed-arrays@1.0.5: {}
 
-  /aws-sign2@0.7.0:
-    resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==}
-    dev: true
+  aws-sign2@0.7.0: {}
 
-  /aws4@1.12.0:
-    resolution: {integrity: sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==}
-    dev: true
+  aws4@1.12.0: {}
 
-  /axios@0.27.2(debug@4.3.4):
-    resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==}
+  axios@0.27.2(debug@4.3.4):
     dependencies:
       follow-redirects: 1.15.3(debug@4.3.4)
       form-data: 4.0.0
     transitivePeerDependencies:
       - debug
-    dev: true
 
-  /axobject-query@3.2.1:
-    resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
+  axobject-query@3.2.1:
     dependencies:
       dequal: 2.0.3
-    dev: false
 
-  /axobject-query@4.0.0:
-    resolution: {integrity: sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==}
+  axobject-query@4.0.0:
     dependencies:
       dequal: 2.0.3
 
-  /b4a@1.6.4:
-    resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==}
-    requiresBuild: true
-    dev: false
+  b4a@1.6.4:
     optional: true
 
-  /bail@2.0.2:
-    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
-    dev: false
+  bail@2.0.2: {}
 
-  /balanced-match@1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+  balanced-match@1.0.2: {}
 
-  /base64-js@1.5.1:
-    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
+  base64-js@1.5.1: {}
 
-  /bcrypt-pbkdf@1.0.2:
-    resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==}
+  bcrypt-pbkdf@1.0.2:
     dependencies:
       tweetnacl: 0.14.5
-    dev: true
 
-  /better-path-resolve@1.0.0:
-    resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==}
-    engines: {node: '>=4'}
+  better-path-resolve@1.0.0:
     dependencies:
       is-windows: 1.0.2
-    dev: true
 
-  /binary-extensions@2.2.0:
-    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
-    engines: {node: '>=8'}
+  binary-extensions@2.2.0: {}
 
-  /bl@4.1.0:
-    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
-    requiresBuild: true
+  bl@4.1.0:
     dependencies:
       buffer: 5.7.1
       inherits: 2.0.4
       readable-stream: 3.6.2
-    dev: false
     optional: true
 
-  /bl@5.1.0:
-    resolution: {integrity: sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==}
+  bl@5.1.0:
     dependencies:
       buffer: 6.0.3
       inherits: 2.0.4
       readable-stream: 3.6.2
-    dev: false
 
-  /blob-util@2.0.2:
-    resolution: {integrity: sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==}
-    dev: true
+  blob-util@2.0.2: {}
 
-  /bluebird@3.7.2:
-    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
-    dev: true
+  bluebird@3.7.2: {}
 
-  /boolbase@1.0.0:
-    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
-    dev: true
+  boolbase@1.0.0: {}
 
-  /boxen@7.1.1:
-    resolution: {integrity: sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==}
-    engines: {node: '>=14.16'}
+  boxen@7.1.1:
     dependencies:
       ansi-align: 3.0.1
       camelcase: 7.0.1
@@ -3823,193 +8095,121 @@ packages:
       type-fest: 2.19.0
       widest-line: 4.0.1
       wrap-ansi: 8.1.0
-    dev: false
 
-  /brace-expansion@1.1.11:
-    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+  brace-expansion@1.1.11:
     dependencies:
       balanced-match: 1.0.2
       concat-map: 0.0.1
 
-  /brace-expansion@2.0.1:
-    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+  brace-expansion@2.0.1:
     dependencies:
       balanced-match: 1.0.2
-    dev: true
 
-  /braces@3.0.2:
-    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
-    engines: {node: '>=8'}
+  braces@3.0.2:
     dependencies:
       fill-range: 7.0.1
 
-  /breakword@1.0.6:
-    resolution: {integrity: sha512-yjxDAYyK/pBvws9H4xKYpLDpYKEH6CzrBPAuXq3x18I+c/2MkVtT3qAr7Oloi6Dss9qNhPVueAAVU1CSeNDIXw==}
+  breakword@1.0.6:
     dependencies:
       wcwidth: 1.0.1
-    dev: true
 
-  /browserslist@4.22.1:
-    resolution: {integrity: sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
+  browserslist@4.22.1:
     dependencies:
       caniuse-lite: 1.0.30001553
       electron-to-chromium: 1.4.563
       node-releases: 2.0.13
       update-browserslist-db: 1.0.13(browserslist@4.22.1)
 
-  /browserslist@4.23.0:
-    resolution: {integrity: sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
+  browserslist@4.23.0:
     dependencies:
       caniuse-lite: 1.0.30001594
       electron-to-chromium: 1.4.693
       node-releases: 2.0.14
       update-browserslist-db: 1.0.13(browserslist@4.23.0)
 
-  /buffer-crc32@0.2.13:
-    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
+  buffer-crc32@0.2.13: {}
 
-  /buffer-from@1.1.2:
-    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
-    dev: true
+  buffer-from@1.1.2: {}
 
-  /buffer@5.7.1:
-    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
+  buffer@5.7.1:
     dependencies:
       base64-js: 1.5.1
       ieee754: 1.2.1
 
-  /buffer@6.0.3:
-    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
+  buffer@6.0.3:
     dependencies:
       base64-js: 1.5.1
       ieee754: 1.2.1
-    dev: false
 
-  /builtin-modules@3.3.0:
-    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
-    engines: {node: '>=6'}
-    dev: true
+  builtin-modules@3.3.0: {}
 
-  /cachedir@2.4.0:
-    resolution: {integrity: sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==}
-    engines: {node: '>=6'}
-    dev: true
+  cachedir@2.4.0: {}
 
-  /call-bind@1.0.5:
-    resolution: {integrity: sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==}
+  call-bind@1.0.5:
     dependencies:
       function-bind: 1.1.2
       get-intrinsic: 1.2.2
       set-function-length: 1.1.1
-    dev: true
 
-  /call-bind@1.0.7:
-    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
-    engines: {node: '>= 0.4'}
+  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.1
-    dev: true
 
-  /callsites@3.1.0:
-    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
-    engines: {node: '>=6'}
-    dev: true
+  callsites@3.1.0: {}
 
-  /camelcase-keys@6.2.2:
-    resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
-    engines: {node: '>=8'}
+  camelcase-keys@6.2.2:
     dependencies:
       camelcase: 5.3.1
       map-obj: 4.3.0
       quick-lru: 4.0.1
-    dev: true
 
-  /camelcase@5.3.1:
-    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
-    engines: {node: '>=6'}
-    dev: true
+  camelcase@5.3.1: {}
 
-  /camelcase@7.0.1:
-    resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
-    engines: {node: '>=14.16'}
-    dev: false
+  camelcase@7.0.1: {}
 
-  /caniuse-api@3.0.0:
-    resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
+  caniuse-api@3.0.0:
     dependencies:
       browserslist: 4.22.1
       caniuse-lite: 1.0.30001553
       lodash.memoize: 4.1.2
       lodash.uniq: 4.5.0
-    dev: true
 
-  /caniuse-lite@1.0.30001553:
-    resolution: {integrity: sha512-N0ttd6TrFfuqKNi+pMgWJTb9qrdJu4JSpgPFLe/lrD19ugC6fZgF0pUewRowDwzdDnb9V41mFcdlYgl/PyKf4A==}
+  caniuse-lite@1.0.30001553: {}
 
-  /caniuse-lite@1.0.30001594:
-    resolution: {integrity: sha512-VblSX6nYqyJVs8DKFMldE2IVCJjZ225LW00ydtUWwh5hk9IfkTOffO6r8gJNsH0qqqeAF8KrbMYA2VEwTlGW5g==}
+  caniuse-lite@1.0.30001594: {}
 
-  /caseless@0.12.0:
-    resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
-    dev: true
+  caseless@0.12.0: {}
 
-  /ccount@2.0.1:
-    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
-    dev: false
+  ccount@2.0.1: {}
 
-  /chalk@2.4.2:
-    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
-    engines: {node: '>=4'}
+  chalk@2.4.2:
     dependencies:
       ansi-styles: 3.2.1
       escape-string-regexp: 1.0.5
       supports-color: 5.5.0
 
-  /chalk@4.1.2:
-    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
-    engines: {node: '>=10'}
+  chalk@4.1.2:
     dependencies:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
-    dev: true
 
-  /chalk@5.3.0:
-    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
-    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
-    dev: false
+  chalk@5.3.0: {}
 
-  /character-entities-html4@2.1.0:
-    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
-    dev: false
+  character-entities-html4@2.1.0: {}
 
-  /character-entities-legacy@3.0.0:
-    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
-    dev: false
+  character-entities-legacy@3.0.0: {}
 
-  /character-entities@2.0.2:
-    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
-    dev: false
+  character-entities@2.0.2: {}
 
-  /chardet@0.7.0:
-    resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
-    dev: true
+  chardet@0.7.0: {}
 
-  /check-more-types@2.24.0:
-    resolution: {integrity: sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==}
-    engines: {node: '>= 0.8.0'}
-    dev: true
+  check-more-types@2.24.0: {}
 
-  /chokidar@3.5.3:
-    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
-    engines: {node: '>= 8.10.0'}
+  chokidar@3.5.3:
     dependencies:
       anymatch: 3.1.3
       braces: 3.0.2
@@ -4021,9 +8221,7 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /chokidar@3.6.0:
-    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
-    engines: {node: '>= 8.10.0'}
+  chokidar@3.6.0:
     dependencies:
       anymatch: 3.1.3
       braces: 3.0.2
@@ -4034,97 +8232,56 @@ packages:
       readdirp: 3.6.0
     optionalDependencies:
       fsevents: 2.3.3
-    dev: true
 
-  /chownr@1.1.4:
-    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
-    requiresBuild: true
-    dev: false
+  chownr@1.1.4:
     optional: true
 
-  /ci-info@3.9.0:
-    resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
-    engines: {node: '>=8'}
+  ci-info@3.9.0: {}
 
-  /classcat@5.0.4:
-    resolution: {integrity: sha512-sbpkOw6z413p+HDGcBENe498WM9woqWHiJxCq7nvmxe9WmrUmqfAcxpIwAiMtM5Q3AhYkzXcNQHqsWq0mND51g==}
-    dev: false
+  classcat@5.0.4: {}
 
-  /clean-stack@2.2.0:
-    resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
-    engines: {node: '>=6'}
-    dev: true
+  clean-stack@2.2.0: {}
 
-  /cli-boxes@3.0.0:
-    resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
-    engines: {node: '>=10'}
-    dev: false
+  cli-boxes@3.0.0: {}
 
-  /cli-cursor@3.1.0:
-    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
-    engines: {node: '>=8'}
+  cli-cursor@3.1.0:
     dependencies:
       restore-cursor: 3.1.0
-    dev: true
 
-  /cli-cursor@4.0.0:
-    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  cli-cursor@4.0.0:
     dependencies:
       restore-cursor: 4.0.0
-    dev: false
 
-  /cli-spinners@2.9.1:
-    resolution: {integrity: sha512-jHgecW0pxkonBJdrKsqxgRX9AcG+u/5k0Q7WPDfi8AogLAdwxEkyYYNWwZ5GvVFoFx2uiY1eNcSK00fh+1+FyQ==}
-    engines: {node: '>=6'}
-    dev: false
+  cli-spinners@2.9.1: {}
 
-  /cli-table3@0.6.3:
-    resolution: {integrity: sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==}
-    engines: {node: 10.* || >= 12.*}
+  cli-table3@0.6.3:
     dependencies:
       string-width: 4.2.3
     optionalDependencies:
       '@colors/colors': 1.5.0
-    dev: true
 
-  /cli-truncate@2.1.0:
-    resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==}
-    engines: {node: '>=8'}
+  cli-truncate@2.1.0:
     dependencies:
       slice-ansi: 3.0.0
       string-width: 4.2.3
-    dev: true
 
-  /cliui@6.0.0:
-    resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
+  cliui@6.0.0:
     dependencies:
       string-width: 4.2.3
       strip-ansi: 6.0.1
       wrap-ansi: 6.2.0
-    dev: true
 
-  /cliui@8.0.1:
-    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
-    engines: {node: '>=12'}
+  cliui@8.0.1:
     dependencies:
       string-width: 4.2.3
       strip-ansi: 6.0.1
       wrap-ansi: 7.0.0
-    dev: true
 
-  /clone@1.0.4:
-    resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
-    engines: {node: '>=0.8'}
-    dev: true
+  clone@1.0.4: {}
 
-  /clsx@2.0.0:
-    resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==}
-    engines: {node: '>=6'}
-    dev: false
+  clsx@2.0.0: {}
 
-  /code-red@1.0.4:
-    resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
+  code-red@1.0.4:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
       '@types/estree': 1.0.3
@@ -4132,95 +8289,55 @@ packages:
       estree-walker: 3.0.3
       periscopic: 3.1.0
 
-  /color-convert@1.9.3:
-    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+  color-convert@1.9.3:
     dependencies:
       color-name: 1.1.3
 
-  /color-convert@2.0.1:
-    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
-    engines: {node: '>=7.0.0'}
+  color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
 
-  /color-name@1.1.3:
-    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+  color-name@1.1.3: {}
 
-  /color-name@1.1.4:
-    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+  color-name@1.1.4: {}
 
-  /color-string@1.9.1:
-    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
-    requiresBuild: true
+  color-string@1.9.1:
     dependencies:
       color-name: 1.1.4
       simple-swizzle: 0.2.2
-    dev: false
     optional: true
 
-  /color@4.2.3:
-    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
-    engines: {node: '>=12.5.0'}
-    requiresBuild: true
+  color@4.2.3:
     dependencies:
       color-convert: 2.0.1
       color-string: 1.9.1
-    dev: false
     optional: true
 
-  /colord@2.9.3:
-    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
-    dev: true
+  colord@2.9.3: {}
 
-  /colorette@2.0.20:
-    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
-    dev: true
+  colorette@2.0.20: {}
 
-  /combined-stream@1.0.8:
-    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
-    engines: {node: '>= 0.8'}
+  combined-stream@1.0.8:
     dependencies:
       delayed-stream: 1.0.0
-    dev: true
 
-  /comma-separated-tokens@2.0.3:
-    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
-    dev: false
+  comma-separated-tokens@2.0.3: {}
 
-  /commander@2.20.3:
-    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
-    dev: true
+  commander@2.20.3: {}
 
-  /commander@6.2.1:
-    resolution: {integrity: sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==}
-    engines: {node: '>= 6'}
-    dev: true
+  commander@6.2.1: {}
 
-  /commander@7.2.0:
-    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
-    engines: {node: '>= 10'}
-    dev: true
+  commander@7.2.0: {}
 
-  /common-ancestor-path@1.0.1:
-    resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==}
-    dev: false
+  common-ancestor-path@1.0.1: {}
 
-  /common-tags@1.8.2:
-    resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
-    engines: {node: '>=4.0.0'}
-    dev: true
+  common-tags@1.8.2: {}
 
-  /commondir@1.0.1:
-    resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
-    dev: true
+  commondir@1.0.1: {}
 
-  /concat-map@0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+  concat-map@0.0.1: {}
 
-  /concurrently@7.6.0:
-    resolution: {integrity: sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==}
-    engines: {node: ^12.20.0 || ^14.13.0 || >=16.0.0}
-    hasBin: true
+  concurrently@7.6.0:
     dependencies:
       chalk: 4.1.2
       date-fns: 2.30.0
@@ -4231,100 +8348,58 @@ packages:
       supports-color: 8.1.1
       tree-kill: 1.2.2
       yargs: 17.7.2
-    dev: true
 
-  /convert-source-map@2.0.0:
-    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+  convert-source-map@2.0.0: {}
 
-  /cookie@0.5.0:
-    resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
-    engines: {node: '>= 0.6'}
-    dev: false
+  cookie@0.5.0: {}
 
-  /cookie@0.6.0:
-    resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
-    engines: {node: '>= 0.6'}
-    dev: true
+  cookie@0.6.0: {}
 
-  /core-util-is@1.0.2:
-    resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}
-    dev: true
+  core-util-is@1.0.2: {}
 
-  /cross-spawn@5.1.0:
-    resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==}
+  cross-spawn@5.1.0:
     dependencies:
       lru-cache: 4.1.5
       shebang-command: 1.2.0
       which: 1.3.1
-    dev: true
 
-  /cross-spawn@7.0.3:
-    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
-    engines: {node: '>= 8'}
+  cross-spawn@7.0.3:
     dependencies:
       path-key: 3.1.1
       shebang-command: 2.0.0
       which: 2.0.2
 
-  /css-declaration-sorter@6.4.1(postcss@8.4.21):
-    resolution: {integrity: sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==}
-    engines: {node: ^10 || ^12 || >=14}
-    peerDependencies:
-      postcss: ^8.0.9
+  css-declaration-sorter@6.4.1(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
-    dev: true
 
-  /css-declaration-sorter@7.1.1(postcss@8.4.35):
-    resolution: {integrity: sha512-dZ3bVTEEc1vxr3Bek9vGwfB5Z6ESPULhcRvO472mfjVnj8jRcTnKO8/JTczlvxM10Myb+wBM++1MtdO76eWcaQ==}
-    engines: {node: ^14 || ^16 || >=18}
-    peerDependencies:
-      postcss: ^8.0.9
+  css-declaration-sorter@7.1.1(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /css-select@5.1.0:
-    resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
+  css-select@5.1.0:
     dependencies:
       boolbase: 1.0.0
       css-what: 6.1.0
       domhandler: 5.0.3
       domutils: 3.1.0
       nth-check: 2.1.1
-    dev: true
 
-  /css-tree@2.2.1:
-    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+  css-tree@2.2.1:
     dependencies:
       mdn-data: 2.0.28
       source-map-js: 1.0.2
-    dev: true
 
-  /css-tree@2.3.1:
-    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+  css-tree@2.3.1:
     dependencies:
       mdn-data: 2.0.30
       source-map-js: 1.0.2
 
-  /css-what@6.1.0:
-    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
-    engines: {node: '>= 6'}
-    dev: true
+  css-what@6.1.0: {}
 
-  /cssesc@3.0.0:
-    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
-    engines: {node: '>=4'}
-    hasBin: true
-    dev: true
+  cssesc@3.0.0: {}
 
-  /cssnano-preset-default@6.0.1(postcss@8.4.21):
-    resolution: {integrity: sha512-7VzyFZ5zEB1+l1nToKyrRkuaJIx0zi/1npjvZfbBwbtNTzhLtlvYraK/7/uqmX2Wb2aQtd983uuGw79jAjLSuQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  cssnano-preset-default@6.0.1(postcss@8.4.21):
     dependencies:
       css-declaration-sorter: 6.4.1(postcss@8.4.21)
       cssnano-utils: 4.0.0(postcss@8.4.21)
@@ -4356,13 +8431,8 @@ packages:
       postcss-reduce-transforms: 6.0.0(postcss@8.4.21)
       postcss-svgo: 6.0.0(postcss@8.4.21)
       postcss-unique-selectors: 6.0.0(postcss@8.4.21)
-    dev: true
 
-  /cssnano-preset-default@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-4DUXZoDj+PI3fRl3MqMjl9DwLGjcsFP4qt+92nLUcN1RGfw2TY+GwNoG2B38Usu1BrcTs8j9pxNfSusmvtSjfg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  cssnano-preset-default@6.1.0(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       css-declaration-sorter: 7.1.1(postcss@8.4.35)
@@ -4395,93 +8465,51 @@ packages:
       postcss-reduce-transforms: 6.0.2(postcss@8.4.35)
       postcss-svgo: 6.0.3(postcss@8.4.35)
       postcss-unique-selectors: 6.0.3(postcss@8.4.35)
-    dev: true
 
-  /cssnano-utils@4.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-Z39TLP+1E0KUcd7LGyF4qMfu8ZufI0rDzhdyAMsa/8UyNUU8wpS0fhdBxbQbv32r64ea00h4878gommRVg2BHw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  cssnano-utils@4.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
-    dev: true
 
-  /cssnano-utils@4.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-ZR1jHg+wZ8o4c3zqf1SIUSTIvm/9mU343FMR6Obe/unskbvpGhZOo1J6d/r8D1pzkRQYuwbcH3hToOuoA2G7oQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  cssnano-utils@4.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /cssnano@6.0.1(postcss@8.4.21):
-    resolution: {integrity: sha512-fVO1JdJ0LSdIGJq68eIxOqFpIJrZqXUsBt8fkrBcztCQqAjQD51OhZp7tc0ImcbwXD4k7ny84QTV90nZhmqbkg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  cssnano@6.0.1(postcss@8.4.21):
     dependencies:
       cssnano-preset-default: 6.0.1(postcss@8.4.21)
       lilconfig: 2.1.0
       postcss: 8.4.21
-    dev: true
 
-  /cssnano@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-e2v4w/t3OFM6HTuSweI4RSdABaqgVgHlJp5FZrQsopHnKKHLFIvK2D3C4kHWeFIycN/1L1J5VIrg5KlDzn3r/g==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  cssnano@6.1.0(postcss@8.4.35):
     dependencies:
       cssnano-preset-default: 6.1.0(postcss@8.4.35)
       lilconfig: 3.1.1
       postcss: 8.4.35
-    dev: true
 
-  /csso@5.0.5:
-    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+  csso@5.0.5:
     dependencies:
       css-tree: 2.2.1
-    dev: true
 
-  /csstype@3.1.2:
-    resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
+  csstype@3.1.2: {}
 
-  /csv-generate@3.4.3:
-    resolution: {integrity: sha512-w/T+rqR0vwvHqWs/1ZyMDWtHHSJaN06klRqJXBEpDJaM/+dZkso0OKh1VcuuYvK3XM53KysVNq8Ko/epCK8wOw==}
-    dev: true
+  csv-generate@3.4.3: {}
 
-  /csv-parse@4.16.3:
-    resolution: {integrity: sha512-cO1I/zmz4w2dcKHVvpCr7JVRu8/FymG5OEpmvsZYlccYolPBLoVGKUHgNoc4ZGkFeFlWGEDmMyBM+TTqRdW/wg==}
-    dev: true
+  csv-parse@4.16.3: {}
 
-  /csv-stringify@5.6.5:
-    resolution: {integrity: sha512-PjiQ659aQ+fUTQqSrd1XEDnOr52jh30RBurfzkscaE2tPaFsDH5wOAHJiw8XAHphRknCwMUE9KRayc4K/NbO8A==}
-    dev: true
+  csv-stringify@5.6.5: {}
 
-  /csv@5.5.3:
-    resolution: {integrity: sha512-QTaY0XjjhTQOdguARF0lGKm5/mEq9PD9/VhZZegHDIBq2tQwgNpHc3dneD4mGo2iJs+fTKv5Bp0fZ+BRuY3Z0g==}
-    engines: {node: '>= 0.1.90'}
+  csv@5.5.3:
     dependencies:
       csv-generate: 3.4.3
       csv-parse: 4.16.3
       csv-stringify: 5.6.5
       stream-transform: 2.1.3
-    dev: true
 
-  /cypress-real-events@1.12.0(cypress@13.6.6):
-    resolution: {integrity: sha512-oiy+4kGKkzc2PT36k3GGQqkGxNiVypheWjMtfyi89iIk6bYmTzeqxapaLHS3pnhZOX1IEbTDUVxh8T4Nhs1tyQ==}
-    peerDependencies:
-      cypress: ^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x || ^13.x
+  cypress-real-events@1.12.0(cypress@13.6.6):
     dependencies:
       cypress: 13.6.6
-    dev: true
 
-  /cypress@13.6.6:
-    resolution: {integrity: sha512-S+2S9S94611hXimH9a3EAYt81QM913ZVA03pUmGDfLTFa5gyp85NJ8dJGSlEAEmyRsYkioS1TtnWtbv/Fzt11A==}
-    engines: {node: ^16.0.0 || ^18.0.0 || >=20.0.0}
-    hasBin: true
-    requiresBuild: true
+  cypress@13.6.6:
     dependencies:
       '@cypress/request': 3.0.1
       '@cypress/xvfb': 1.2.4(supports-color@8.1.1)
@@ -4525,53 +8553,27 @@ packages:
       tmp: 0.2.3
       untildify: 4.0.0
       yauzl: 2.10.0
-    dev: true
 
-  /d3-color@3.1.0:
-    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
-    engines: {node: '>=12'}
-    dev: false
+  d3-color@3.1.0: {}
 
-  /d3-dispatch@3.0.1:
-    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
-    engines: {node: '>=12'}
-    dev: false
+  d3-dispatch@3.0.1: {}
 
-  /d3-drag@3.0.0:
-    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==}
-    engines: {node: '>=12'}
+  d3-drag@3.0.0:
     dependencies:
       d3-dispatch: 3.0.1
       d3-selection: 3.0.0
-    dev: false
 
-  /d3-ease@3.0.1:
-    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
-    engines: {node: '>=12'}
-    dev: false
+  d3-ease@3.0.1: {}
 
-  /d3-interpolate@3.0.1:
-    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
-    engines: {node: '>=12'}
+  d3-interpolate@3.0.1:
     dependencies:
       d3-color: 3.1.0
-    dev: false
 
-  /d3-selection@3.0.0:
-    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
-    engines: {node: '>=12'}
-    dev: false
+  d3-selection@3.0.0: {}
 
-  /d3-timer@3.0.1:
-    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
-    engines: {node: '>=12'}
-    dev: false
+  d3-timer@3.0.1: {}
 
-  /d3-transition@3.0.1(d3-selection@3.0.0):
-    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      d3-selection: 2 - 3
+  d3-transition@3.0.1(d3-selection@3.0.0):
     dependencies:
       d3-color: 3.1.0
       d3-dispatch: 3.0.1
@@ -4579,341 +8581,189 @@ packages:
       d3-interpolate: 3.0.1
       d3-selection: 3.0.0
       d3-timer: 3.0.1
-    dev: false
 
-  /d3-zoom@3.0.0:
-    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
-    engines: {node: '>=12'}
+  d3-zoom@3.0.0:
     dependencies:
       d3-dispatch: 3.0.1
       d3-drag: 3.0.0
       d3-interpolate: 3.0.1
       d3-selection: 3.0.0
       d3-transition: 3.0.1(d3-selection@3.0.0)
-    dev: false
 
-  /dagre@0.8.5:
-    resolution: {integrity: sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==}
+  dagre@0.8.5:
     dependencies:
       graphlib: 2.1.8
       lodash: 4.17.21
-    dev: false
 
-  /dashdash@1.14.1:
-    resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
-    engines: {node: '>=0.10'}
+  dashdash@1.14.1:
     dependencies:
       assert-plus: 1.0.0
-    dev: true
 
-  /dataloader@1.4.0:
-    resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
-    dev: true
+  dataloader@1.4.0: {}
 
-  /date-fns@2.30.0:
-    resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==}
-    engines: {node: '>=0.11'}
+  date-fns@2.30.0:
     dependencies:
       '@babel/runtime': 7.23.2
-    dev: true
 
-  /dayjs@1.11.10:
-    resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==}
-    dev: true
+  dayjs@1.11.10: {}
 
-  /debug@2.6.9:
-    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
+  debug@2.6.9:
     dependencies:
       ms: 2.0.0
-    dev: false
 
-  /debug@3.2.7(supports-color@8.1.1):
-    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
+  debug@3.2.7(supports-color@8.1.1):
     dependencies:
       ms: 2.1.3
       supports-color: 8.1.1
 
-  /debug@4.3.4(supports-color@8.1.1):
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
+  debug@4.3.4(supports-color@8.1.1):
     dependencies:
       ms: 2.1.2
       supports-color: 8.1.1
 
-  /debug@4.3.5:
-    resolution: {integrity: sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
+  debug@4.3.5:
     dependencies:
       ms: 2.1.2
 
-  /decamelize-keys@1.1.1:
-    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
-    engines: {node: '>=0.10.0'}
+  decamelize-keys@1.1.1:
     dependencies:
       decamelize: 1.2.0
       map-obj: 1.0.1
-    dev: true
 
-  /decamelize@1.2.0:
-    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  decamelize@1.2.0: {}
 
-  /decode-named-character-reference@1.0.2:
-    resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==}
+  decode-named-character-reference@1.0.2:
     dependencies:
       character-entities: 2.0.2
-    dev: false
 
-  /decompress-response@6.0.0:
-    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
-    engines: {node: '>=10'}
-    requiresBuild: true
+  decompress-response@6.0.0:
     dependencies:
       mimic-response: 3.1.0
-    dev: false
     optional: true
 
-  /dedent-js@1.0.1:
-    resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==}
+  dedent-js@1.0.1: {}
 
-  /deep-extend@0.6.0:
-    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
-    engines: {node: '>=4.0.0'}
-    requiresBuild: true
-    dev: false
+  deep-extend@0.6.0:
     optional: true
 
-  /deep-is@0.1.4:
-    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
-    dev: true
+  deep-is@0.1.4: {}
 
-  /deepmerge@4.3.1:
-    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
-    engines: {node: '>=0.10.0'}
+  deepmerge@4.3.1: {}
 
-  /defaults@1.0.4:
-    resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
+  defaults@1.0.4:
     dependencies:
       clone: 1.0.4
-    dev: true
 
-  /define-data-property@1.1.1:
-    resolution: {integrity: sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==}
-    engines: {node: '>= 0.4'}
+  define-data-property@1.1.1:
     dependencies:
       get-intrinsic: 1.2.2
       gopd: 1.0.1
       has-property-descriptors: 1.0.1
-    dev: true
 
-  /define-data-property@1.1.4:
-    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
-    engines: {node: '>= 0.4'}
+  define-data-property@1.1.4:
     dependencies:
       es-define-property: 1.0.0
       es-errors: 1.3.0
       gopd: 1.0.1
-    dev: true
 
-  /define-properties@1.2.1:
-    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
-    engines: {node: '>= 0.4'}
+  define-properties@1.2.1:
     dependencies:
       define-data-property: 1.1.1
       has-property-descriptors: 1.0.1
       object-keys: 1.1.1
-    dev: true
 
-  /delayed-stream@1.0.0:
-    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
-    engines: {node: '>=0.4.0'}
-    dev: true
+  delayed-stream@1.0.0: {}
 
-  /dependency-graph@0.11.0:
-    resolution: {integrity: sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==}
-    engines: {node: '>= 0.6.0'}
-    dev: true
+  dependency-graph@0.11.0: {}
 
-  /dequal@2.0.3:
-    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
-    engines: {node: '>=6'}
+  dequal@2.0.3: {}
 
-  /detect-indent@6.1.0:
-    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
-    engines: {node: '>=8'}
+  detect-indent@6.1.0: {}
 
-  /detect-libc@2.0.2:
-    resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==}
-    engines: {node: '>=8'}
-    requiresBuild: true
-    dev: false
+  detect-libc@2.0.2:
     optional: true
 
-  /devalue@4.3.2:
-    resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==}
+  devalue@4.3.2: {}
 
-  /devalue@5.0.0:
-    resolution: {integrity: sha512-gO+/OMXF7488D+u3ue+G7Y4AA3ZmUnB3eHJXmBTgNHvr4ZNzl36A0ZtG+XCRNYCkYx/bFmw4qtkoFLa+wSrwAA==}
-    dev: true
+  devalue@5.0.0: {}
 
-  /diff@5.1.0:
-    resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==}
-    engines: {node: '>=0.3.1'}
-    dev: false
+  diff@5.1.0: {}
 
-  /dir-glob@3.0.1:
-    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
-    engines: {node: '>=8'}
+  dir-glob@3.0.1:
     dependencies:
       path-type: 4.0.0
-    dev: true
 
-  /dlv@1.1.3:
-    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
-    dev: false
+  dlv@1.1.3: {}
 
-  /doctrine@2.1.0:
-    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
-    engines: {node: '>=0.10.0'}
+  doctrine@2.1.0:
     dependencies:
       esutils: 2.0.3
-    dev: true
 
-  /doctrine@3.0.0:
-    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
-    engines: {node: '>=6.0.0'}
+  doctrine@3.0.0:
     dependencies:
       esutils: 2.0.3
-    dev: true
 
-  /dom-serializer@2.0.0:
-    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+  dom-serializer@2.0.0:
     dependencies:
       domelementtype: 2.3.0
       domhandler: 5.0.3
       entities: 4.5.0
-    dev: true
 
-  /domelementtype@2.3.0:
-    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
-    dev: true
+  domelementtype@2.3.0: {}
 
-  /domhandler@5.0.3:
-    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
-    engines: {node: '>= 4'}
+  domhandler@5.0.3:
     dependencies:
       domelementtype: 2.3.0
-    dev: true
 
-  /domutils@3.1.0:
-    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
+  domutils@3.1.0:
     dependencies:
       dom-serializer: 2.0.0
       domelementtype: 2.3.0
       domhandler: 5.0.3
-    dev: true
 
-  /dotenv@16.0.3:
-    resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
-    engines: {node: '>=12'}
-    dev: true
+  dotenv@16.0.3: {}
 
-  /dotenv@16.4.5:
-    resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
-    engines: {node: '>=12'}
-    dev: true
+  dotenv@16.4.5: {}
 
-  /dotenv@8.6.0:
-    resolution: {integrity: sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==}
-    engines: {node: '>=10'}
-    dev: true
+  dotenv@8.6.0: {}
 
-  /dset@3.1.2:
-    resolution: {integrity: sha512-g/M9sqy3oHe477Ar4voQxWtaPIFw1jTdKZuomOjhCcBx9nHUNn0pu6NopuFFrTh/TRZIKEj+76vLWFu9BNKk+Q==}
-    engines: {node: '>=4'}
-    dev: false
+  dset@3.1.2: {}
 
-  /duplexer@0.1.2:
-    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
-    dev: true
+  duplexer@0.1.2: {}
 
-  /eastasianwidth@0.2.0:
-    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
-    dev: false
+  eastasianwidth@0.2.0: {}
 
-  /ecc-jsbn@0.1.2:
-    resolution: {integrity: sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==}
+  ecc-jsbn@0.1.2:
     dependencies:
       jsbn: 0.1.1
       safer-buffer: 2.1.2
-    dev: true
 
-  /electron-to-chromium@1.4.563:
-    resolution: {integrity: sha512-dg5gj5qOgfZNkPNeyKBZQAQitIQ/xwfIDmEQJHCbXaD9ebTZxwJXUsDYcBlAvZGZLi+/354l35J1wkmP6CqYaw==}
+  electron-to-chromium@1.4.563: {}
 
-  /electron-to-chromium@1.4.693:
-    resolution: {integrity: sha512-/if4Ueg0GUQlhCrW2ZlXwDAm40ipuKo+OgeHInlL8sbjt+hzISxZK949fZeJaVsheamrzANXvw1zQTvbxTvSHw==}
+  electron-to-chromium@1.4.693: {}
 
-  /emoji-regex@10.3.0:
-    resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==}
-    dev: false
+  emoji-regex@10.3.0: {}
 
-  /emoji-regex@8.0.0:
-    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+  emoji-regex@8.0.0: {}
 
-  /emoji-regex@9.2.2:
-    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
-    dev: false
+  emoji-regex@9.2.2: {}
 
-  /end-of-stream@1.4.4:
-    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
-    requiresBuild: true
+  end-of-stream@1.4.4:
     dependencies:
       once: 1.4.0
 
-  /enquirer@2.4.1:
-    resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
-    engines: {node: '>=8.6'}
+  enquirer@2.4.1:
     dependencies:
       ansi-colors: 4.1.3
       strip-ansi: 6.0.1
-    dev: true
 
-  /entities@4.5.0:
-    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
-    engines: {node: '>=0.12'}
-    dev: true
+  entities@4.5.0: {}
 
-  /error-ex@1.3.2:
-    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+  error-ex@1.3.2:
     dependencies:
       is-arrayish: 0.2.1
-    dev: true
 
-  /es-abstract@1.22.3:
-    resolution: {integrity: sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==}
-    engines: {node: '>= 0.4'}
+  es-abstract@1.22.3:
     dependencies:
       array-buffer-byte-length: 1.0.0
       arraybuffer.prototype.slice: 1.0.2
@@ -4954,22 +8804,14 @@ packages:
       typed-array-length: 1.0.4
       unbox-primitive: 1.0.2
       which-typed-array: 1.1.13
-    dev: true
 
-  /es-define-property@1.0.0:
-    resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
-    engines: {node: '>= 0.4'}
+  es-define-property@1.0.0:
     dependencies:
       get-intrinsic: 1.2.4
-    dev: true
 
-  /es-errors@1.3.0:
-    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  es-errors@1.3.0: {}
 
-  /es-iterator-helpers@1.0.15:
-    resolution: {integrity: sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==}
+  es-iterator-helpers@1.0.15:
     dependencies:
       asynciterator.prototype: 1.0.0
       call-bind: 1.0.5
@@ -4985,44 +8827,28 @@ packages:
       internal-slot: 1.0.6
       iterator.prototype: 1.1.2
       safe-array-concat: 1.0.1
-    dev: true
 
-  /es-module-lexer@1.3.1:
-    resolution: {integrity: sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q==}
-    dev: false
+  es-module-lexer@1.3.1: {}
 
-  /es-set-tostringtag@2.0.2:
-    resolution: {integrity: sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==}
-    engines: {node: '>= 0.4'}
+  es-set-tostringtag@2.0.2:
     dependencies:
       get-intrinsic: 1.2.2
       has-tostringtag: 1.0.0
       hasown: 2.0.0
-    dev: true
 
-  /es-shim-unscopables@1.0.2:
-    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
+  es-shim-unscopables@1.0.2:
     dependencies:
       hasown: 2.0.0
-    dev: true
 
-  /es-to-primitive@1.2.1:
-    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
-    engines: {node: '>= 0.4'}
+  es-to-primitive@1.2.1:
     dependencies:
       is-callable: 1.2.7
       is-date-object: 1.0.5
       is-symbol: 1.0.4
-    dev: true
 
-  /es6-promise@3.3.1:
-    resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
+  es6-promise@3.3.1: {}
 
-  /esbuild@0.18.20:
-    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
+  esbuild@0.18.20:
     optionalDependencies:
       '@esbuild/android-arm': 0.18.20
       '@esbuild/android-arm64': 0.18.20
@@ -5047,11 +8873,7 @@ packages:
       '@esbuild/win32-ia32': 0.18.20
       '@esbuild/win32-x64': 0.18.20
 
-  /esbuild@0.19.5:
-    resolution: {integrity: sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
+  esbuild@0.19.5:
     optionalDependencies:
       '@esbuild/android-arm': 0.19.5
       '@esbuild/android-arm64': 0.19.5
@@ -5075,13 +8897,8 @@ packages:
       '@esbuild/win32-arm64': 0.19.5
       '@esbuild/win32-ia32': 0.19.5
       '@esbuild/win32-x64': 0.19.5
-    dev: false
 
-  /esbuild@0.20.2:
-    resolution: {integrity: sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
+  esbuild@0.20.2:
     optionalDependencies:
       '@esbuild/aix-ppc64': 0.20.2
       '@esbuild/android-arm': 0.20.2
@@ -5107,100 +8924,47 @@ packages:
       '@esbuild/win32-ia32': 0.20.2
       '@esbuild/win32-x64': 0.20.2
 
-  /escalade@3.1.1:
-    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
-    engines: {node: '>=6'}
+  escalade@3.1.1: {}
 
-  /escape-string-regexp@1.0.5:
-    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
-    engines: {node: '>=0.8.0'}
+  escape-string-regexp@1.0.5: {}
 
-  /escape-string-regexp@4.0.0:
-    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
-    engines: {node: '>=10'}
-    dev: true
+  escape-string-regexp@4.0.0: {}
 
-  /escape-string-regexp@5.0.0:
-    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
-    engines: {node: '>=12'}
-    dev: false
+  escape-string-regexp@5.0.0: {}
 
-  /eslint-compat-utils@0.1.2(eslint@8.53.0):
-    resolution: {integrity: sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      eslint: '>=6.0.0'
+  eslint-compat-utils@0.1.2(eslint@8.53.0):
     dependencies:
       eslint: 8.53.0
-    dev: true
 
-  /eslint-compat-utils@0.1.2(eslint@8.57.0):
-    resolution: {integrity: sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      eslint: '>=6.0.0'
+  eslint-compat-utils@0.1.2(eslint@8.57.0):
     dependencies:
       eslint: 8.57.0
-    dev: true
 
-  /eslint-config-prettier@8.8.0(eslint@8.43.0):
-    resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
+  eslint-config-prettier@8.8.0(eslint@8.43.0):
     dependencies:
       eslint: 8.43.0
-    dev: true
 
-  /eslint-config-prettier@9.0.0(eslint@8.53.0):
-    resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
+  eslint-config-prettier@9.0.0(eslint@8.53.0):
     dependencies:
       eslint: 8.53.0
-    dev: true
 
-  /eslint-config-prettier@9.1.0(eslint@8.57.0):
-    resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
+  eslint-config-prettier@9.1.0(eslint@8.57.0):
     dependencies:
       eslint: 8.57.0
-    dev: true
 
-  /eslint-config-turbo@1.10.15(eslint@8.43.0):
-    resolution: {integrity: sha512-76mpx2x818JZE26euen14utYcFDxOahZ9NaWA+6Xa4pY2ezVKVschuOxS96EQz3o3ZRSmcgBOapw/gHbN+EKxQ==}
-    peerDependencies:
-      eslint: '>6.6.0'
+  eslint-config-turbo@1.10.15(eslint@8.43.0):
     dependencies:
       eslint: 8.43.0
       eslint-plugin-turbo: 1.10.15(eslint@8.43.0)
-    dev: true
 
-  /eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8):
-    resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==}
-    engines: {node: '>=12.0.0'}
-    peerDependencies:
-      eslint: '>=7.28.0'
-      eslint-config-prettier: '*'
-      prettier: '>=2.0.0'
-    peerDependenciesMeta:
-      eslint-config-prettier:
-        optional: true
+  eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8):
     dependencies:
       eslint: 8.43.0
       eslint-config-prettier: 8.8.0(eslint@8.43.0)
       prettier: 2.8.8
       prettier-linter-helpers: 1.0.0
-    dev: true
 
-  /eslint-plugin-react@7.33.2(eslint@8.43.0):
-    resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+  eslint-plugin-react@7.33.2(eslint@8.43.0):
     dependencies:
       array-includes: 3.1.7
       array.prototype.flatmap: 1.3.2
@@ -5219,17 +8983,8 @@ packages:
       resolve: 2.0.0-next.5
       semver: 6.3.1
       string.prototype.matchall: 4.0.10
-    dev: true
 
-  /eslint-plugin-svelte@2.35.0(eslint@8.53.0)(svelte@4.2.12):
-    resolution: {integrity: sha512-3WDFxNrkXaMlpqoNo3M1ZOQuoFLMO9+bdnN6oVVXaydXC7nzCJuGy9a0zqoNDHMSRPYt0Rqo6hIdHMEaI5sQnw==}
-    engines: {node: ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0-0
-      svelte: ^3.37.0 || ^4.0.0
-    peerDependenciesMeta:
-      svelte:
-        optional: true
+  eslint-plugin-svelte@2.35.0(eslint@8.53.0)(svelte@4.2.12):
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -5248,17 +9003,8 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - ts-node
-    dev: true
 
-  /eslint-plugin-svelte@2.35.1(eslint@8.57.0)(svelte@4.2.12):
-    resolution: {integrity: sha512-IF8TpLnROSGy98Z3NrsKXWDSCbNY2ReHDcrYTuXZMbfX7VmESISR78TWgO9zdg4Dht1X8coub5jKwHzP0ExRug==}
-    engines: {node: ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0-0
-      svelte: ^3.37.0 || ^4.0.0
-    peerDependenciesMeta:
-      svelte:
-        optional: true
+  eslint-plugin-svelte@2.35.1(eslint@8.57.0)(svelte@4.2.12):
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -5277,34 +9023,20 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - ts-node
-    dev: true
 
-  /eslint-plugin-turbo@1.10.15(eslint@8.43.0):
-    resolution: {integrity: sha512-Tv4QSKV/U56qGcTqS/UgOvb9HcKFmWOQcVh3HEaj7of94lfaENgfrtK48E2CckQf7amhKs1i+imhCsNCKjkQyA==}
-    peerDependencies:
-      eslint: '>6.6.0'
+  eslint-plugin-turbo@1.10.15(eslint@8.43.0):
     dependencies:
       dotenv: 16.0.3
       eslint: 8.43.0
-    dev: true
 
-  /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-scope@7.2.2:
     dependencies:
       esrecurse: 4.3.0
       estraverse: 5.3.0
-    dev: true
 
-  /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}
-    dev: true
+  eslint-visitor-keys@3.4.3: {}
 
-  /eslint@8.43.0:
-    resolution: {integrity: sha512-aaCpf2JqqKesMFGgmRPessmVKjcGXqdlAYLLC3THM8t5nBRZRQ+st5WM/hoJXkdioEXLLbXgclUpM0TXo5HX5Q==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
+  eslint@8.43.0:
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
       '@eslint-community/regexpp': 4.9.1
@@ -5347,12 +9079,8 @@ packages:
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /eslint@8.53.0:
-    resolution: {integrity: sha512-N4VuiPjXDUa4xVeV/GC/RV3hQW9Nw+Y463lkWaKKXKYMvmRiRDAtfpuPFLN+E1/6ZhyR8J2ig+eVREnYgUsiag==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
+  eslint@8.53.0:
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
       '@eslint-community/regexpp': 4.10.0
@@ -5394,12 +9122,8 @@ packages:
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /eslint@8.57.0:
-    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
+  eslint@8.57.0:
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
       '@eslint-community/regexpp': 4.10.0
@@ -5441,61 +9165,36 @@ packages:
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /esm-env@1.0.0:
-    resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
-    dev: true
+  esm-env@1.0.0: {}
 
-  /espree@9.6.1:
-    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  espree@9.6.1:
     dependencies:
       acorn: 8.10.0
       acorn-jsx: 5.3.2(acorn@8.10.0)
       eslint-visitor-keys: 3.4.3
-    dev: true
 
-  /esprima@4.0.1:
-    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
-    engines: {node: '>=4'}
-    hasBin: true
+  esprima@4.0.1: {}
 
-  /esquery@1.5.0:
-    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
-    engines: {node: '>=0.10'}
+  esquery@1.5.0:
     dependencies:
       estraverse: 5.3.0
-    dev: true
 
-  /esrecurse@4.3.0:
-    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
-    engines: {node: '>=4.0'}
+  esrecurse@4.3.0:
     dependencies:
       estraverse: 5.3.0
-    dev: true
 
-  /estraverse@5.3.0:
-    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
-    engines: {node: '>=4.0'}
-    dev: true
+  estraverse@5.3.0: {}
 
-  /estree-walker@2.0.2:
-    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
-    dev: true
+  estree-walker@2.0.2: {}
 
-  /estree-walker@3.0.3:
-    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+  estree-walker@3.0.3:
     dependencies:
       '@types/estree': 1.0.5
 
-  /esutils@2.0.3:
-    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  esutils@2.0.3: {}
 
-  /event-stream@3.3.4:
-    resolution: {integrity: sha512-QHpkERcGsR0T7Qm3HNJSyXKEEj8AHNxkY3PK8TS2KJvQ7NiSHe3DDpwVKKtoYprL/AreyzFBeIkBIWChAqn60g==}
+  event-stream@3.3.4:
     dependencies:
       duplexer: 0.1.2
       from: 0.1.7
@@ -5504,15 +9203,10 @@ packages:
       split: 0.3.3
       stream-combiner: 0.0.4
       through: 2.3.8
-    dev: true
 
-  /eventemitter2@6.4.7:
-    resolution: {integrity: sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==}
-    dev: true
+  eventemitter2@6.4.7: {}
 
-  /execa@4.1.0:
-    resolution: {integrity: sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==}
-    engines: {node: '>=10'}
+  execa@4.1.0:
     dependencies:
       cross-spawn: 7.0.3
       get-stream: 5.2.0
@@ -5523,11 +9217,8 @@ packages:
       onetime: 5.1.2
       signal-exit: 3.0.7
       strip-final-newline: 2.0.0
-    dev: true
 
-  /execa@5.1.1:
-    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
-    engines: {node: '>=10'}
+  execa@5.1.1:
     dependencies:
       cross-spawn: 7.0.3
       get-stream: 6.0.1
@@ -5538,11 +9229,8 @@ packages:
       onetime: 5.1.2
       signal-exit: 3.0.7
       strip-final-newline: 2.0.0
-    dev: true
 
-  /execa@8.0.1:
-    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
-    engines: {node: '>=16.17'}
+  execa@8.0.1:
     dependencies:
       cross-spawn: 7.0.3
       get-stream: 8.0.1
@@ -5553,49 +9241,29 @@ packages:
       onetime: 6.0.0
       signal-exit: 4.1.0
       strip-final-newline: 3.0.0
-    dev: false
 
-  /executable@4.1.1:
-    resolution: {integrity: sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==}
-    engines: {node: '>=4'}
+  executable@4.1.1:
     dependencies:
       pify: 2.3.0
-    dev: true
 
-  /expand-template@2.0.3:
-    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
-    engines: {node: '>=6'}
-    requiresBuild: true
-    dev: false
+  expand-template@2.0.3:
     optional: true
 
-  /extend-shallow@2.0.1:
-    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
-    engines: {node: '>=0.10.0'}
+  extend-shallow@2.0.1:
     dependencies:
       is-extendable: 0.1.1
-    dev: false
 
-  /extend@3.0.2:
-    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+  extend@3.0.2: {}
 
-  /extendable-error@0.1.7:
-    resolution: {integrity: sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg==}
-    dev: true
+  extendable-error@0.1.7: {}
 
-  /external-editor@3.1.0:
-    resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
-    engines: {node: '>=4'}
+  external-editor@3.1.0:
     dependencies:
       chardet: 0.7.0
       iconv-lite: 0.4.24
       tmp: 0.0.33
-    dev: true
 
-  /extract-zip@2.0.1(supports-color@8.1.1):
-    resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==}
-    engines: {node: '>= 10.17.0'}
-    hasBin: true
+  extract-zip@2.0.1(supports-color@8.1.1):
     dependencies:
       debug: 4.3.4(supports-color@8.1.1)
       get-stream: 5.2.0
@@ -5604,342 +9272,208 @@ packages:
       '@types/yauzl': 2.10.3
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /extsprintf@1.3.0:
-    resolution: {integrity: sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==}
-    engines: {'0': node >=0.6.0}
-    dev: true
+  extsprintf@1.3.0: {}
 
-  /fast-deep-equal@3.1.3:
-    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
-    dev: true
+  fast-deep-equal@3.1.3: {}
 
-  /fast-diff@1.3.0:
-    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
-    dev: true
+  fast-diff@1.3.0: {}
 
-  /fast-fifo@1.3.2:
-    resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==}
-    requiresBuild: true
-    dev: false
+  fast-fifo@1.3.2:
     optional: true
 
-  /fast-glob@3.3.1:
-    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
-    engines: {node: '>=8.6.0'}
+  fast-glob@3.3.1:
     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.5
-    dev: false
 
-  /fast-glob@3.3.2:
-    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
-    engines: {node: '>=8.6.0'}
+  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.5
-    dev: true
 
-  /fast-json-stable-stringify@2.1.0:
-    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
-    dev: true
+  fast-json-stable-stringify@2.1.0: {}
 
-  /fast-levenshtein@2.0.6:
-    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
-    dev: true
+  fast-levenshtein@2.0.6: {}
 
-  /fastq@1.15.0:
-    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
+  fastq@1.15.0:
     dependencies:
       reusify: 1.0.4
 
-  /fd-slicer@1.1.0:
-    resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==}
+  fd-slicer@1.1.0:
     dependencies:
       pend: 1.2.0
-    dev: true
 
-  /figures@3.2.0:
-    resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
-    engines: {node: '>=8'}
+  figures@3.2.0:
     dependencies:
       escape-string-regexp: 1.0.5
-    dev: true
 
-  /file-entry-cache@6.0.1:
-    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
-    engines: {node: ^10.12.0 || >=12.0.0}
+  file-entry-cache@6.0.1:
     dependencies:
       flat-cache: 3.1.1
-    dev: true
 
-  /fill-range@7.0.1:
-    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
-    engines: {node: '>=8'}
+  fill-range@7.0.1:
     dependencies:
       to-regex-range: 5.0.1
 
-  /find-up@4.1.0:
-    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
-    engines: {node: '>=8'}
+  find-up@4.1.0:
     dependencies:
       locate-path: 5.0.0
       path-exists: 4.0.0
 
-  /find-up@5.0.0:
-    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
-    engines: {node: '>=10'}
+  find-up@5.0.0:
     dependencies:
       locate-path: 6.0.0
       path-exists: 4.0.0
 
-  /find-yarn-workspace-root2@1.2.16:
-    resolution: {integrity: sha512-hr6hb1w8ePMpPVUK39S4RlwJzi+xPLuVuG8XlwXU3KD5Yn3qgBWVfy3AzNlDhWvE1EORCE65/Qm26rFQt3VLVA==}
+  find-yarn-workspace-root2@1.2.16:
     dependencies:
       micromatch: 4.0.5
       pkg-dir: 4.2.0
 
-  /flat-cache@3.1.1:
-    resolution: {integrity: sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==}
-    engines: {node: '>=12.0.0'}
+  flat-cache@3.1.1:
     dependencies:
       flatted: 3.2.9
       keyv: 4.5.4
       rimraf: 3.0.2
-    dev: true
 
-  /flatted@3.2.9:
-    resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
-    dev: true
+  flatted@3.2.9: {}
 
-  /follow-redirects@1.15.3(debug@4.3.4):
-    resolution: {integrity: sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==}
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      debug: '*'
-    peerDependenciesMeta:
-      debug:
-        optional: true
+  follow-redirects@1.15.3(debug@4.3.4):
     dependencies:
       debug: 4.3.4(supports-color@8.1.1)
-    dev: true
 
-  /for-each@0.3.3:
-    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+  for-each@0.3.3:
     dependencies:
       is-callable: 1.2.7
-    dev: true
 
-  /forever-agent@0.6.1:
-    resolution: {integrity: sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==}
-    dev: true
+  forever-agent@0.6.1: {}
 
-  /form-data@2.3.3:
-    resolution: {integrity: sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==}
-    engines: {node: '>= 0.12'}
+  form-data@2.3.3:
     dependencies:
       asynckit: 0.4.0
       combined-stream: 1.0.8
       mime-types: 2.1.35
-    dev: true
 
-  /form-data@4.0.0:
-    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
-    engines: {node: '>= 6'}
+  form-data@4.0.0:
     dependencies:
       asynckit: 0.4.0
       combined-stream: 1.0.8
       mime-types: 2.1.35
-    dev: true
 
-  /fraction.js@4.3.7:
-    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
-    dev: true
+  fraction.js@4.3.7: {}
 
-  /from@0.1.7:
-    resolution: {integrity: sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g==}
-    dev: true
+  from@0.1.7: {}
 
-  /fs-constants@1.0.0:
-    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
-    requiresBuild: true
-    dev: false
+  fs-constants@1.0.0:
     optional: true
 
-  /fs-extra@11.2.0:
-    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
-    engines: {node: '>=14.14'}
+  fs-extra@11.2.0:
     dependencies:
       graceful-fs: 4.2.11
       jsonfile: 6.1.0
       universalify: 2.0.1
-    dev: true
 
-  /fs-extra@7.0.1:
-    resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
-    engines: {node: '>=6 <7 || >=8'}
+  fs-extra@7.0.1:
     dependencies:
       graceful-fs: 4.2.11
       jsonfile: 4.0.0
       universalify: 0.1.2
-    dev: true
 
-  /fs-extra@8.1.0:
-    resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
-    engines: {node: '>=6 <7 || >=8'}
+  fs-extra@8.1.0:
     dependencies:
       graceful-fs: 4.2.11
       jsonfile: 4.0.0
       universalify: 0.1.2
-    dev: true
 
-  /fs-extra@9.1.0:
-    resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
-    engines: {node: '>=10'}
+  fs-extra@9.1.0:
     dependencies:
       at-least-node: 1.0.0
       graceful-fs: 4.2.11
       jsonfile: 6.1.0
       universalify: 2.0.1
-    dev: true
 
-  /fs.realpath@1.0.0:
-    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+  fs.realpath@1.0.0: {}
 
-  /fsevents@2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-    requiresBuild: true
+  fsevents@2.3.2:
     optional: true
 
-  /fsevents@2.3.3:
-    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-    requiresBuild: true
+  fsevents@2.3.3:
     optional: true
 
-  /function-bind@1.1.2:
-    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+  function-bind@1.1.2: {}
 
-  /function.prototype.name@1.1.6:
-    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
-    engines: {node: '>= 0.4'}
+  function.prototype.name@1.1.6:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
       functions-have-names: 1.2.3
-    dev: true
 
-  /functions-have-names@1.2.3:
-    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
-    dev: true
+  functions-have-names@1.2.3: {}
 
-  /gensync@1.0.0-beta.2:
-    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
-    engines: {node: '>=6.9.0'}
+  gensync@1.0.0-beta.2: {}
 
-  /get-caller-file@2.0.5:
-    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
-    engines: {node: 6.* || 8.* || >= 10.*}
-    dev: true
+  get-caller-file@2.0.5: {}
 
-  /get-intrinsic@1.2.2:
-    resolution: {integrity: sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==}
+  get-intrinsic@1.2.2:
     dependencies:
       function-bind: 1.1.2
       has-proto: 1.0.1
       has-symbols: 1.0.3
       hasown: 2.0.0
-    dev: true
 
-  /get-intrinsic@1.2.4:
-    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
-    engines: {node: '>= 0.4'}
+  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.1
-    dev: true
 
-  /get-stdin@9.0.0:
-    resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==}
-    engines: {node: '>=12'}
-    dev: true
+  get-stdin@9.0.0: {}
 
-  /get-stream@5.2.0:
-    resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
-    engines: {node: '>=8'}
+  get-stream@5.2.0:
     dependencies:
       pump: 3.0.0
-    dev: true
 
-  /get-stream@6.0.1:
-    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
-    engines: {node: '>=10'}
-    dev: true
+  get-stream@6.0.1: {}
 
-  /get-stream@8.0.1:
-    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
-    engines: {node: '>=16'}
-    dev: false
+  get-stream@8.0.1: {}
 
-  /get-symbol-description@1.0.0:
-    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
-    engines: {node: '>= 0.4'}
+  get-symbol-description@1.0.0:
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
-    dev: true
 
-  /getos@3.2.1:
-    resolution: {integrity: sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==}
+  getos@3.2.1:
     dependencies:
       async: 3.2.5
-    dev: true
 
-  /getpass@0.1.7:
-    resolution: {integrity: sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==}
+  getpass@0.1.7:
     dependencies:
       assert-plus: 1.0.0
-    dev: true
 
-  /github-from-package@0.0.0:
-    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
-    requiresBuild: true
-    dev: false
+  github-from-package@0.0.0:
     optional: true
 
-  /github-slugger@2.0.0:
-    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
-    dev: false
+  github-slugger@2.0.0: {}
 
-  /glob-parent@5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
-    engines: {node: '>= 6'}
+  glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
-
-  /glob-parent@6.0.2:
-    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
-    engines: {node: '>=10.13.0'}
+
+  glob-parent@6.0.2:
     dependencies:
       is-glob: 4.0.3
-    dev: true
 
-  /glob@7.2.3:
-    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+  glob@7.2.3:
     dependencies:
       fs.realpath: 1.0.0
       inflight: 1.0.6
@@ -5948,50 +9482,31 @@ packages:
       once: 1.4.0
       path-is-absolute: 1.0.1
 
-  /glob@8.1.0:
-    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
-    engines: {node: '>=12'}
-    deprecated: Glob versions prior to v9 are no longer supported
+  glob@8.1.0:
     dependencies:
       fs.realpath: 1.0.0
       inflight: 1.0.6
       inherits: 2.0.4
       minimatch: 5.1.6
       once: 1.4.0
-    dev: true
 
-  /global-dirs@3.0.1:
-    resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==}
-    engines: {node: '>=10'}
+  global-dirs@3.0.1:
     dependencies:
       ini: 2.0.0
-    dev: true
 
-  /globals@11.12.0:
-    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
-    engines: {node: '>=4'}
+  globals@11.12.0: {}
 
-  /globals@13.23.0:
-    resolution: {integrity: sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==}
-    engines: {node: '>=8'}
+  globals@13.23.0:
     dependencies:
       type-fest: 0.20.2
-    dev: true
 
-  /globalthis@1.0.3:
-    resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
-    engines: {node: '>= 0.4'}
+  globalthis@1.0.3:
     dependencies:
       define-properties: 1.2.1
-    dev: true
 
-  /globalyzer@0.1.0:
-    resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
-    dev: true
+  globalyzer@0.1.0: {}
 
-  /globby@11.1.0:
-    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
-    engines: {node: '>=10'}
+  globby@11.1.0:
     dependencies:
       array-union: 2.1.0
       dir-glob: 3.0.1
@@ -5999,11 +9514,8 @@ packages:
       ignore: 5.3.0
       merge2: 1.4.1
       slash: 3.0.0
-    dev: true
 
-  /globby@14.0.0:
-    resolution: {integrity: sha512-/1WM/LNHRAOH9lZta77uGbq0dAEQM+XjNesWwhlERDVenqothRbnzTrL3/LrIoEPPjeUHC3vrS6TwoyxeHs7MQ==}
-    engines: {node: '>=18'}
+  globby@14.0.0:
     dependencies:
       '@sindresorhus/merge-streams': 1.0.0
       fast-glob: 3.3.2
@@ -6011,111 +9523,65 @@ packages:
       path-type: 5.0.0
       slash: 5.1.0
       unicorn-magic: 0.1.0
-    dev: true
 
-  /globrex@0.1.2:
-    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
-    dev: true
+  globrex@0.1.2: {}
 
-  /gopd@1.0.1:
-    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+  gopd@1.0.1:
     dependencies:
       get-intrinsic: 1.2.2
-    dev: true
 
-  /graceful-fs@4.2.11:
-    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+  graceful-fs@4.2.11: {}
 
-  /grapheme-splitter@1.0.4:
-    resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
-    dev: true
+  grapheme-splitter@1.0.4: {}
 
-  /graphemer@1.4.0:
-    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
-    dev: true
+  graphemer@1.4.0: {}
 
-  /graphlib@2.1.8:
-    resolution: {integrity: sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==}
+  graphlib@2.1.8:
     dependencies:
       lodash: 4.17.21
-    dev: false
 
-  /gray-matter@4.0.3:
-    resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==}
-    engines: {node: '>=6.0'}
+  gray-matter@4.0.3:
     dependencies:
       js-yaml: 3.14.1
       kind-of: 6.0.3
       section-matter: 1.0.0
       strip-bom-string: 1.0.0
-    dev: false
 
-  /hard-rejection@2.1.0:
-    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
-    engines: {node: '>=6'}
-    dev: true
+  hard-rejection@2.1.0: {}
 
-  /has-bigints@1.0.2:
-    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
-    dev: true
+  has-bigints@1.0.2: {}
 
-  /has-flag@3.0.0:
-    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
-    engines: {node: '>=4'}
+  has-flag@3.0.0: {}
 
-  /has-flag@4.0.0:
-    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
-    engines: {node: '>=8'}
+  has-flag@4.0.0: {}
 
-  /has-property-descriptors@1.0.1:
-    resolution: {integrity: sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==}
+  has-property-descriptors@1.0.1:
     dependencies:
       get-intrinsic: 1.2.2
-    dev: true
 
-  /has-property-descriptors@1.0.2:
-    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+  has-property-descriptors@1.0.2:
     dependencies:
       es-define-property: 1.0.0
-    dev: true
 
-  /has-proto@1.0.1:
-    resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  has-proto@1.0.1: {}
 
-  /has-proto@1.0.3:
-    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  has-proto@1.0.3: {}
 
-  /has-symbols@1.0.3:
-    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  has-symbols@1.0.3: {}
 
-  /has-tostringtag@1.0.0:
-    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
-    engines: {node: '>= 0.4'}
+  has-tostringtag@1.0.0:
     dependencies:
       has-symbols: 1.0.3
-    dev: true
 
-  /hasown@2.0.0:
-    resolution: {integrity: sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==}
-    engines: {node: '>= 0.4'}
+  hasown@2.0.0:
     dependencies:
       function-bind: 1.1.2
 
-  /hasown@2.0.1:
-    resolution: {integrity: sha512-1/th4MHjnwncwXsIW6QMzlvYL9kG5e/CpVvLRZe4XPa8TOUNbCELqmvhDmnkNsAjwaG4+I8gJJL0JBvTTLO9qA==}
-    engines: {node: '>= 0.4'}
+  hasown@2.0.1:
     dependencies:
       function-bind: 1.1.2
-    dev: true
 
-  /hast-util-from-parse5@7.1.2:
-    resolution: {integrity: sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==}
+  hast-util-from-parse5@7.1.2:
     dependencies:
       '@types/hast': 2.3.7
       '@types/unist': 2.0.9
@@ -6124,16 +9590,12 @@ packages:
       vfile: 5.3.7
       vfile-location: 4.1.0
       web-namespaces: 2.0.1
-    dev: false
 
-  /hast-util-parse-selector@3.1.1:
-    resolution: {integrity: sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==}
+  hast-util-parse-selector@3.1.1:
     dependencies:
       '@types/hast': 2.3.7
-    dev: false
 
-  /hast-util-raw@7.2.3:
-    resolution: {integrity: sha512-RujVQfVsOrxzPOPSzZFiwofMArbQke6DJjnFfceiEbFh7S05CbPt0cYN+A5YeD3pso0JQk6O1aHBnx9+Pm2uqg==}
+  hast-util-raw@7.2.3:
     dependencies:
       '@types/hast': 2.3.7
       '@types/parse5': 6.0.3
@@ -6146,10 +9608,8 @@ packages:
       vfile: 5.3.7
       web-namespaces: 2.0.1
       zwitch: 2.0.4
-    dev: false
 
-  /hast-util-to-html@8.0.4:
-    resolution: {integrity: sha512-4tpQTUOr9BMjtYyNlt0P50mH7xj0Ks2xpo8M943Vykljf99HW6EzulIoJP1N3eKOSScEHzyzi9dm7/cn0RfGwA==}
+  hast-util-to-html@8.0.4:
     dependencies:
       '@types/hast': 2.3.7
       '@types/unist': 2.0.9
@@ -6162,10 +9622,8 @@ packages:
       space-separated-tokens: 2.0.2
       stringify-entities: 4.0.3
       zwitch: 2.0.4
-    dev: false
 
-  /hast-util-to-parse5@7.1.0:
-    resolution: {integrity: sha512-YNRgAJkH2Jky5ySkIqFXTQiaqcAtJyVE+D5lkN6CdtOqrnkLfGYYrEcKuHOJZlp+MwjSwuD3fZuawI+sic/RBw==}
+  hast-util-to-parse5@7.1.0:
     dependencies:
       '@types/hast': 2.3.7
       comma-separated-tokens: 2.0.3
@@ -6173,633 +9631,354 @@ packages:
       space-separated-tokens: 2.0.2
       web-namespaces: 2.0.1
       zwitch: 2.0.4
-    dev: false
 
-  /hast-util-whitespace@2.0.1:
-    resolution: {integrity: sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==}
-    dev: false
+  hast-util-whitespace@2.0.1: {}
 
-  /hastscript@7.2.0:
-    resolution: {integrity: sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==}
+  hastscript@7.2.0:
     dependencies:
       '@types/hast': 2.3.7
       comma-separated-tokens: 2.0.3
       hast-util-parse-selector: 3.1.1
       property-information: 6.3.0
       space-separated-tokens: 2.0.2
-    dev: false
 
-  /hosted-git-info@2.8.9:
-    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
-    dev: true
+  hosted-git-info@2.8.9: {}
 
-  /html-escaper@3.0.3:
-    resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
-    dev: false
+  html-escaper@3.0.3: {}
 
-  /html-void-elements@2.0.1:
-    resolution: {integrity: sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==}
-    dev: false
+  html-void-elements@2.0.1: {}
 
-  /http-cache-semantics@4.1.1:
-    resolution: {integrity: sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==}
-    dev: false
+  http-cache-semantics@4.1.1: {}
 
-  /http-signature@1.3.6:
-    resolution: {integrity: sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==}
-    engines: {node: '>=0.10'}
+  http-signature@1.3.6:
     dependencies:
       assert-plus: 1.0.0
       jsprim: 2.0.2
       sshpk: 1.18.0
-    dev: true
 
-  /human-id@1.0.2:
-    resolution: {integrity: sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw==}
-    dev: true
+  human-id@1.0.2: {}
 
-  /human-signals@1.1.1:
-    resolution: {integrity: sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==}
-    engines: {node: '>=8.12.0'}
-    dev: true
+  human-signals@1.1.1: {}
 
-  /human-signals@2.1.0:
-    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
-    engines: {node: '>=10.17.0'}
-    dev: true
+  human-signals@2.1.0: {}
 
-  /human-signals@5.0.0:
-    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
-    engines: {node: '>=16.17.0'}
-    dev: false
+  human-signals@5.0.0: {}
 
-  /iconv-lite@0.4.24:
-    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
-    engines: {node: '>=0.10.0'}
+  iconv-lite@0.4.24:
     dependencies:
       safer-buffer: 2.1.2
 
-  /ieee754@1.2.1:
-    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
+  ieee754@1.2.1: {}
 
-  /ignore@5.2.4:
-    resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
-    engines: {node: '>= 4'}
-    dev: true
+  ignore@5.2.4: {}
 
-  /ignore@5.3.0:
-    resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==}
-    engines: {node: '>= 4'}
-    dev: true
+  ignore@5.3.0: {}
 
-  /immediate@3.0.6:
-    resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
-    dev: false
+  immediate@3.0.6: {}
 
-  /immer@10.0.4:
-    resolution: {integrity: sha512-cuBuGK40P/sk5IzWa9QPUaAdvPHjkk1c+xYsd9oZw+YQQEV+10G0P5uMpGctZZKnyQ+ibRO08bD25nWLmYi2pw==}
-    dev: false
+  immer@10.0.4: {}
 
-  /import-fresh@3.3.0:
-    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
-    engines: {node: '>=6'}
+  import-fresh@3.3.0:
     dependencies:
       parent-module: 1.0.1
       resolve-from: 4.0.0
-    dev: true
 
-  /import-meta-resolve@3.1.1:
-    resolution: {integrity: sha512-qeywsE/KC3w9Fd2ORrRDUw6nS/nLwZpXgfrOc2IILvZYnCaEMd+D56Vfg9k4G29gIeVi3XKql1RQatME8iYsiw==}
-    dev: false
+  import-meta-resolve@3.1.1: {}
 
-  /import-meta-resolve@4.0.0:
-    resolution: {integrity: sha512-okYUR7ZQPH+efeuMJGlq4f8ubUgO50kByRPyt/Cy1Io4PSRsPjxME+YlVaCOx+NIToW7hCsZNFJyTPFFKepRSA==}
-    dev: true
+  import-meta-resolve@4.0.0: {}
 
-  /import-meta-resolve@4.1.0:
-    resolution: {integrity: sha512-I6fiaX09Xivtk+THaMfAwnA3MVA5Big1WHF1Dfx9hFuvNIWpXnorlkzhcQf6ehrqQiiZECRt1poOAkPmer3ruw==}
-    dev: true
+  import-meta-resolve@4.1.0: {}
 
-  /imurmurhash@0.1.4:
-    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
-    engines: {node: '>=0.8.19'}
-    dev: true
+  imurmurhash@0.1.4: {}
 
-  /indent-string@4.0.0:
-    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
-    engines: {node: '>=8'}
-    dev: true
+  indent-string@4.0.0: {}
 
-  /inflight@1.0.6:
-    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+  inflight@1.0.6:
     dependencies:
       once: 1.4.0
       wrappy: 1.0.2
 
-  /inherits@2.0.4:
-    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+  inherits@2.0.4: {}
 
-  /ini@1.3.8:
-    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
-    requiresBuild: true
-    dev: false
+  ini@1.3.8:
     optional: true
 
-  /ini@2.0.0:
-    resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==}
-    engines: {node: '>=10'}
-    dev: true
+  ini@2.0.0: {}
 
-  /internal-slot@1.0.6:
-    resolution: {integrity: sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==}
-    engines: {node: '>= 0.4'}
+  internal-slot@1.0.6:
     dependencies:
       get-intrinsic: 1.2.2
       hasown: 2.0.0
       side-channel: 1.0.4
-    dev: true
 
-  /is-array-buffer@3.0.2:
-    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
+  is-array-buffer@3.0.2:
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
       is-typed-array: 1.1.12
-    dev: true
 
-  /is-arrayish@0.2.1:
-    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
-    dev: true
+  is-arrayish@0.2.1: {}
 
-  /is-arrayish@0.3.2:
-    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
-    requiresBuild: true
-    dev: false
+  is-arrayish@0.3.2:
     optional: true
 
-  /is-async-function@2.0.0:
-    resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==}
-    engines: {node: '>= 0.4'}
+  is-async-function@2.0.0:
     dependencies:
       has-tostringtag: 1.0.0
-    dev: true
 
-  /is-bigint@1.0.4:
-    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
+  is-bigint@1.0.4:
     dependencies:
       has-bigints: 1.0.2
-    dev: true
 
-  /is-binary-path@2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
+  is-binary-path@2.1.0:
     dependencies:
       binary-extensions: 2.2.0
 
-  /is-boolean-object@1.1.2:
-    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
-    engines: {node: '>= 0.4'}
+  is-boolean-object@1.1.2:
     dependencies:
       call-bind: 1.0.5
       has-tostringtag: 1.0.0
-    dev: true
 
-  /is-buffer@2.0.5:
-    resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==}
-    engines: {node: '>=4'}
-    dev: false
+  is-buffer@2.0.5: {}
 
-  /is-builtin-module@3.2.1:
-    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
-    engines: {node: '>=6'}
+  is-builtin-module@3.2.1:
     dependencies:
       builtin-modules: 3.3.0
-    dev: true
 
-  /is-callable@1.2.7:
-    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  is-callable@1.2.7: {}
 
-  /is-ci@3.0.1:
-    resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==}
-    hasBin: true
+  is-ci@3.0.1:
     dependencies:
       ci-info: 3.9.0
-    dev: true
 
-  /is-core-module@2.13.1:
-    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
+  is-core-module@2.13.1:
     dependencies:
       hasown: 2.0.0
 
-  /is-date-object@1.0.5:
-    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
-    engines: {node: '>= 0.4'}
+  is-date-object@1.0.5:
     dependencies:
       has-tostringtag: 1.0.0
-    dev: true
 
-  /is-docker@3.0.0:
-    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    hasBin: true
-    dev: false
+  is-docker@3.0.0: {}
 
-  /is-extendable@0.1.1:
-    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
-    engines: {node: '>=0.10.0'}
-    dev: false
+  is-extendable@0.1.1: {}
 
-  /is-extglob@2.1.1:
-    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
-    engines: {node: '>=0.10.0'}
+  is-extglob@2.1.1: {}
 
-  /is-finalizationregistry@1.0.2:
-    resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
+  is-finalizationregistry@1.0.2:
     dependencies:
       call-bind: 1.0.5
-    dev: true
 
-  /is-fullwidth-code-point@3.0.0:
-    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
-    engines: {node: '>=8'}
+  is-fullwidth-code-point@3.0.0: {}
 
-  /is-generator-function@1.0.10:
-    resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==}
-    engines: {node: '>= 0.4'}
+  is-generator-function@1.0.10:
     dependencies:
       has-tostringtag: 1.0.0
-    dev: true
 
-  /is-glob@4.0.3:
-    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
-    engines: {node: '>=0.10.0'}
+  is-glob@4.0.3:
     dependencies:
       is-extglob: 2.1.1
 
-  /is-inside-container@1.0.0:
-    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
-    engines: {node: '>=14.16'}
-    hasBin: true
+  is-inside-container@1.0.0:
     dependencies:
       is-docker: 3.0.0
-    dev: false
 
-  /is-installed-globally@0.4.0:
-    resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==}
-    engines: {node: '>=10'}
+  is-installed-globally@0.4.0:
     dependencies:
       global-dirs: 3.0.1
       is-path-inside: 3.0.3
-    dev: true
 
-  /is-interactive@2.0.0:
-    resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==}
-    engines: {node: '>=12'}
-    dev: false
+  is-interactive@2.0.0: {}
 
-  /is-map@2.0.2:
-    resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==}
-    dev: true
+  is-map@2.0.2: {}
 
-  /is-module@1.0.0:
-    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
-    dev: true
+  is-module@1.0.0: {}
 
-  /is-negative-zero@2.0.2:
-    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  is-negative-zero@2.0.2: {}
 
-  /is-number-object@1.0.7:
-    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
-    engines: {node: '>= 0.4'}
+  is-number-object@1.0.7:
     dependencies:
       has-tostringtag: 1.0.0
-    dev: true
 
-  /is-number@7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
-    engines: {node: '>=0.12.0'}
+  is-number@7.0.0: {}
 
-  /is-path-inside@3.0.3:
-    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
-    engines: {node: '>=8'}
-    dev: true
+  is-path-inside@3.0.3: {}
 
-  /is-plain-obj@1.1.0:
-    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  is-plain-obj@1.1.0: {}
 
-  /is-plain-obj@4.1.0:
-    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
-    engines: {node: '>=12'}
-    dev: false
+  is-plain-obj@4.1.0: {}
 
-  /is-reference@1.2.1:
-    resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
+  is-reference@1.2.1:
     dependencies:
       '@types/estree': 1.0.5
-    dev: true
 
-  /is-reference@3.0.2:
-    resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
+  is-reference@3.0.2:
     dependencies:
       '@types/estree': 1.0.3
 
-  /is-regex@1.1.4:
-    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
-    engines: {node: '>= 0.4'}
+  is-regex@1.1.4:
     dependencies:
       call-bind: 1.0.5
       has-tostringtag: 1.0.0
-    dev: true
 
-  /is-set@2.0.2:
-    resolution: {integrity: sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==}
-    dev: true
+  is-set@2.0.2: {}
 
-  /is-shared-array-buffer@1.0.2:
-    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
+  is-shared-array-buffer@1.0.2:
     dependencies:
       call-bind: 1.0.5
-    dev: true
 
-  /is-stream@2.0.1:
-    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
-    engines: {node: '>=8'}
-    dev: true
+  is-stream@2.0.1: {}
 
-  /is-stream@3.0.0:
-    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dev: false
+  is-stream@3.0.0: {}
 
-  /is-string@1.0.7:
-    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
-    engines: {node: '>= 0.4'}
+  is-string@1.0.7:
     dependencies:
       has-tostringtag: 1.0.0
-    dev: true
 
-  /is-subdir@1.2.0:
-    resolution: {integrity: sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==}
-    engines: {node: '>=4'}
+  is-subdir@1.2.0:
     dependencies:
       better-path-resolve: 1.0.0
-    dev: true
 
-  /is-symbol@1.0.4:
-    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
-    engines: {node: '>= 0.4'}
+  is-symbol@1.0.4:
     dependencies:
       has-symbols: 1.0.3
-    dev: true
 
-  /is-typed-array@1.1.12:
-    resolution: {integrity: sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==}
-    engines: {node: '>= 0.4'}
+  is-typed-array@1.1.12:
     dependencies:
       which-typed-array: 1.1.13
-    dev: true
 
-  /is-typedarray@1.0.0:
-    resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
-    dev: true
+  is-typedarray@1.0.0: {}
 
-  /is-unicode-supported@0.1.0:
-    resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
-    engines: {node: '>=10'}
-    dev: true
+  is-unicode-supported@0.1.0: {}
 
-  /is-unicode-supported@1.3.0:
-    resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
-    engines: {node: '>=12'}
-    dev: false
+  is-unicode-supported@1.3.0: {}
 
-  /is-weakmap@2.0.1:
-    resolution: {integrity: sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==}
-    dev: true
+  is-weakmap@2.0.1: {}
 
-  /is-weakref@1.0.2:
-    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
+  is-weakref@1.0.2:
     dependencies:
       call-bind: 1.0.5
-    dev: true
 
-  /is-weakset@2.0.2:
-    resolution: {integrity: sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==}
+  is-weakset@2.0.2:
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
-    dev: true
 
-  /is-windows@1.0.2:
-    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  is-windows@1.0.2: {}
 
-  /is-wsl@3.1.0:
-    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
-    engines: {node: '>=16'}
+  is-wsl@3.1.0:
     dependencies:
       is-inside-container: 1.0.0
-    dev: false
 
-  /isarray@2.0.5:
-    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
-    dev: true
+  isarray@2.0.5: {}
 
-  /isexe@2.0.0:
-    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+  isexe@2.0.0: {}
 
-  /isstream@0.1.2:
-    resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
-    dev: true
+  isstream@0.1.2: {}
 
-  /iterator.prototype@1.1.2:
-    resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==}
+  iterator.prototype@1.1.2:
     dependencies:
       define-properties: 1.2.1
       get-intrinsic: 1.2.2
       has-symbols: 1.0.3
       reflect.getprototypeof: 1.0.4
       set-function-name: 2.0.1
-    dev: true
 
-  /joi@17.11.0:
-    resolution: {integrity: sha512-NgB+lZLNoqISVy1rZocE9PZI36bL/77ie924Ri43yEvi9GUUMPeyVIr8KdFTMUlby1p0PBYMk9spIxEUQYqrJQ==}
+  joi@17.11.0:
     dependencies:
       '@hapi/hoek': 9.3.0
       '@hapi/topo': 5.1.0
       '@sideway/address': 4.1.4
       '@sideway/formula': 3.0.1
       '@sideway/pinpoint': 2.0.0
-    dev: true
 
-  /js-tokens@4.0.0:
-    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+  js-tokens@4.0.0: {}
 
-  /js-yaml@3.14.1:
-    resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
-    hasBin: true
+  js-yaml@3.14.1:
     dependencies:
       argparse: 1.0.10
       esprima: 4.0.1
 
-  /js-yaml@4.1.0:
-    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
-    hasBin: true
+  js-yaml@4.1.0:
     dependencies:
       argparse: 2.0.1
 
-  /jsbn@0.1.1:
-    resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==}
-    dev: true
+  jsbn@0.1.1: {}
 
-  /jsesc@2.5.2:
-    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
-    engines: {node: '>=4'}
-    hasBin: true
+  jsesc@2.5.2: {}
 
-  /json-buffer@3.0.1:
-    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
-    dev: true
+  json-buffer@3.0.1: {}
 
-  /json-parse-even-better-errors@2.3.1:
-    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
-    dev: true
+  json-parse-even-better-errors@2.3.1: {}
 
-  /json-schema-traverse@0.4.1:
-    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
-    dev: true
+  json-schema-traverse@0.4.1: {}
 
-  /json-schema@0.4.0:
-    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
-    dev: true
+  json-schema@0.4.0: {}
 
-  /json-stable-stringify-without-jsonify@1.0.1:
-    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
-    dev: true
+  json-stable-stringify-without-jsonify@1.0.1: {}
 
-  /json-stringify-safe@5.0.1:
-    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
-    dev: true
+  json-stringify-safe@5.0.1: {}
 
-  /json5@2.2.3:
-    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
-    engines: {node: '>=6'}
-    hasBin: true
+  json5@2.2.3: {}
 
-  /jsonc-parser@3.2.0:
-    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
-    dev: false
+  jsonc-parser@3.2.0: {}
 
-  /jsonfile@4.0.0:
-    resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
+  jsonfile@4.0.0:
     optionalDependencies:
       graceful-fs: 4.2.11
-    dev: true
 
-  /jsonfile@6.1.0:
-    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
+  jsonfile@6.1.0:
     dependencies:
       universalify: 2.0.1
     optionalDependencies:
       graceful-fs: 4.2.11
-    dev: true
 
-  /jsprim@2.0.2:
-    resolution: {integrity: sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==}
-    engines: {'0': node >=0.6.0}
+  jsprim@2.0.2:
     dependencies:
       assert-plus: 1.0.0
       extsprintf: 1.3.0
       json-schema: 0.4.0
       verror: 1.10.0
-    dev: true
 
-  /jsx-ast-utils@3.3.5:
-    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
-    engines: {node: '>=4.0'}
+  jsx-ast-utils@3.3.5:
     dependencies:
       array-includes: 3.1.7
       array.prototype.flat: 1.3.2
       object.assign: 4.1.5
       object.values: 1.1.7
-    dev: true
 
-  /keyv@4.5.4:
-    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+  keyv@4.5.4:
     dependencies:
       json-buffer: 3.0.1
-    dev: true
 
-  /kind-of@6.0.3:
-    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
-    engines: {node: '>=0.10.0'}
+  kind-of@6.0.3: {}
 
-  /kleur@3.0.3:
-    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
-    engines: {node: '>=6'}
-    dev: false
+  kleur@3.0.3: {}
 
-  /kleur@4.1.5:
-    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
-    engines: {node: '>=6'}
+  kleur@4.1.5: {}
 
-  /known-css-properties@0.29.0:
-    resolution: {integrity: sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==}
-    dev: true
+  known-css-properties@0.29.0: {}
 
-  /lazy-ass@1.6.0:
-    resolution: {integrity: sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==}
-    engines: {node: '> 0.8'}
-    dev: true
+  lazy-ass@1.6.0: {}
 
-  /levn@0.4.1:
-    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
-    engines: {node: '>= 0.8.0'}
+  levn@0.4.1:
     dependencies:
       prelude-ls: 1.2.1
       type-check: 0.4.0
-    dev: true
 
-  /lie@3.1.1:
-    resolution: {integrity: sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==}
+  lie@3.1.1:
     dependencies:
       immediate: 3.0.6
-    dev: false
 
-  /lilconfig@2.1.0:
-    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
-    engines: {node: '>=10'}
-    dev: true
+  lilconfig@2.1.0: {}
 
-  /lilconfig@3.0.0:
-    resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==}
-    engines: {node: '>=14'}
-    dev: true
+  lilconfig@3.0.0: {}
 
-  /lilconfig@3.1.1:
-    resolution: {integrity: sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==}
-    engines: {node: '>=14'}
-    dev: true
+  lilconfig@3.1.1: {}
 
-  /lines-and-columns@1.2.4:
-    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-    dev: true
+  lines-and-columns@1.2.4: {}
 
-  /listr2@3.14.0(enquirer@2.4.1):
-    resolution: {integrity: sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==}
-    engines: {node: '>=10.0.0'}
-    peerDependencies:
-      enquirer: '>= 2.3.0 < 3'
-    peerDependenciesMeta:
-      enquirer:
-        optional: true
+  listr2@3.14.0(enquirer@2.4.1):
     dependencies:
       cli-truncate: 2.1.0
       colorette: 2.0.20
@@ -6810,182 +9989,120 @@ packages:
       rxjs: 7.8.1
       through: 2.3.8
       wrap-ansi: 7.0.0
-    dev: true
 
-  /load-yaml-file@0.2.0:
-    resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==}
-    engines: {node: '>=6'}
+  load-yaml-file@0.2.0:
     dependencies:
       graceful-fs: 4.2.11
       js-yaml: 3.14.1
       pify: 4.0.1
       strip-bom: 3.0.0
 
-  /localforage@1.10.0:
-    resolution: {integrity: sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==}
+  localforage@1.10.0:
     dependencies:
       lie: 3.1.1
-    dev: false
 
-  /locate-character@3.0.0:
-    resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
+  locate-character@3.0.0: {}
 
-  /locate-path@5.0.0:
-    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
-    engines: {node: '>=8'}
+  locate-path@5.0.0:
     dependencies:
       p-locate: 4.1.0
 
-  /locate-path@6.0.0:
-    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
-    engines: {node: '>=10'}
+  locate-path@6.0.0:
     dependencies:
       p-locate: 5.0.0
 
-  /lodash.memoize@4.1.2:
-    resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
-    dev: true
+  lodash.memoize@4.1.2: {}
 
-  /lodash.merge@4.6.2:
-    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+  lodash.merge@4.6.2: {}
 
-  /lodash.once@4.1.1:
-    resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==}
-    dev: true
+  lodash.once@4.1.1: {}
 
-  /lodash.startcase@4.4.0:
-    resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
-    dev: true
+  lodash.startcase@4.4.0: {}
 
-  /lodash.uniq@4.5.0:
-    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
-    dev: true
+  lodash.uniq@4.5.0: {}
 
-  /lodash@4.17.21:
-    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+  lodash@4.17.21: {}
 
-  /log-symbols@4.1.0:
-    resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
-    engines: {node: '>=10'}
+  log-symbols@4.1.0:
     dependencies:
       chalk: 4.1.2
       is-unicode-supported: 0.1.0
-    dev: true
 
-  /log-symbols@5.1.0:
-    resolution: {integrity: sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==}
-    engines: {node: '>=12'}
+  log-symbols@5.1.0:
     dependencies:
       chalk: 5.3.0
       is-unicode-supported: 1.3.0
-    dev: false
-
-  /log-update@4.0.0:
-    resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==}
-    engines: {node: '>=10'}
+
+  log-update@4.0.0:
     dependencies:
       ansi-escapes: 4.3.2
       cli-cursor: 3.1.0
       slice-ansi: 4.0.0
       wrap-ansi: 6.2.0
-    dev: true
 
-  /longest-streak@3.1.0:
-    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
-    dev: false
+  longest-streak@3.1.0: {}
 
-  /loose-envify@1.4.0:
-    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
-    hasBin: true
+  loose-envify@1.4.0:
     dependencies:
       js-tokens: 4.0.0
 
-  /lower-case@2.0.2:
-    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
+  lower-case@2.0.2:
     dependencies:
       tslib: 2.6.2
 
-  /lru-cache@4.1.5:
-    resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==}
+  lru-cache@4.1.5:
     dependencies:
       pseudomap: 1.0.2
       yallist: 2.1.2
-    dev: true
 
-  /lru-cache@5.1.1:
-    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+  lru-cache@5.1.1:
     dependencies:
       yallist: 3.1.1
 
-  /lru-cache@6.0.0:
-    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
-    engines: {node: '>=10'}
+  lru-cache@6.0.0:
     dependencies:
       yallist: 4.0.0
 
-  /magic-string@0.30.10:
-    resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
+  magic-string@0.30.10:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  /magic-string@0.30.5:
-    resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
-    engines: {node: '>=12'}
+  magic-string@0.30.5:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
-    dev: false
 
-  /magic-string@0.30.8:
-    resolution: {integrity: sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==}
-    engines: {node: '>=12'}
+  magic-string@0.30.8:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  /map-obj@1.0.1:
-    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  map-obj@1.0.1: {}
 
-  /map-obj@4.3.0:
-    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
-    engines: {node: '>=8'}
-    dev: true
+  map-obj@4.3.0: {}
 
-  /map-stream@0.1.0:
-    resolution: {integrity: sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==}
-    dev: true
+  map-stream@0.1.0: {}
 
-  /markdown-table@3.0.3:
-    resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==}
-    dev: false
+  markdown-table@3.0.3: {}
 
-  /mdast-util-definitions@5.1.2:
-    resolution: {integrity: sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==}
+  mdast-util-definitions@5.1.2:
     dependencies:
       '@types/mdast': 3.0.14
       '@types/unist': 2.0.9
       unist-util-visit: 4.1.2
-    dev: false
 
-  /mdast-util-definitions@6.0.0:
-    resolution: {integrity: sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ==}
+  mdast-util-definitions@6.0.0:
     dependencies:
       '@types/mdast': 4.0.2
       '@types/unist': 3.0.1
       unist-util-visit: 5.0.0
-    dev: false
 
-  /mdast-util-find-and-replace@2.2.2:
-    resolution: {integrity: sha512-MTtdFRz/eMDHXzeK6W3dO7mXUlF82Gom4y0oOgvHhh/HXZAGvIQDUvQ0SuUx+j2tv44b8xTHOm8K/9OoRFnXKw==}
+  mdast-util-find-and-replace@2.2.2:
     dependencies:
       '@types/mdast': 3.0.14
       escape-string-regexp: 5.0.0
       unist-util-is: 5.2.1
       unist-util-visit-parents: 5.1.3
-    dev: false
 
-  /mdast-util-from-markdown@1.3.1:
-    resolution: {integrity: sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==}
+  mdast-util-from-markdown@1.3.1:
     dependencies:
       '@types/mdast': 3.0.14
       '@types/unist': 2.0.9
@@ -7001,34 +10118,26 @@ packages:
       uvu: 0.5.6
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /mdast-util-gfm-autolink-literal@1.0.3:
-    resolution: {integrity: sha512-My8KJ57FYEy2W2LyNom4n3E7hKTuQk/0SES0u16tjA9Z3oFkF4RrC/hPAPgjlSpezsOvI8ObcXcElo92wn5IGA==}
+  mdast-util-gfm-autolink-literal@1.0.3:
     dependencies:
       '@types/mdast': 3.0.14
       ccount: 2.0.1
       mdast-util-find-and-replace: 2.2.2
       micromark-util-character: 1.2.0
-    dev: false
 
-  /mdast-util-gfm-footnote@1.0.2:
-    resolution: {integrity: sha512-56D19KOGbE00uKVj3sgIykpwKL179QsVFwx/DCW0u/0+URsryacI4MAdNJl0dh+u2PSsD9FtxPFbHCzJ78qJFQ==}
+  mdast-util-gfm-footnote@1.0.2:
     dependencies:
       '@types/mdast': 3.0.14
       mdast-util-to-markdown: 1.5.0
       micromark-util-normalize-identifier: 1.1.0
-    dev: false
 
-  /mdast-util-gfm-strikethrough@1.0.3:
-    resolution: {integrity: sha512-DAPhYzTYrRcXdMjUtUjKvW9z/FNAMTdU0ORyMcbmkwYNbKocDpdk+PX1L1dQgOID/+vVs1uBQ7ElrBQfZ0cuiQ==}
+  mdast-util-gfm-strikethrough@1.0.3:
     dependencies:
       '@types/mdast': 3.0.14
       mdast-util-to-markdown: 1.5.0
-    dev: false
 
-  /mdast-util-gfm-table@1.0.7:
-    resolution: {integrity: sha512-jjcpmNnQvrmN5Vx7y7lEc2iIOEytYv7rTvu+MeyAsSHTASGCCRA79Igg2uKssgOs1i1po8s3plW0sTu1wkkLGg==}
+  mdast-util-gfm-table@1.0.7:
     dependencies:
       '@types/mdast': 3.0.14
       markdown-table: 3.0.3
@@ -7036,17 +10145,13 @@ packages:
       mdast-util-to-markdown: 1.5.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /mdast-util-gfm-task-list-item@1.0.2:
-    resolution: {integrity: sha512-PFTA1gzfp1B1UaiJVyhJZA1rm0+Tzn690frc/L8vNX1Jop4STZgOE6bxUhnzdVSB+vm2GU1tIsuQcA9bxTQpMQ==}
+  mdast-util-gfm-task-list-item@1.0.2:
     dependencies:
       '@types/mdast': 3.0.14
       mdast-util-to-markdown: 1.5.0
-    dev: false
 
-  /mdast-util-gfm@2.0.2:
-    resolution: {integrity: sha512-qvZ608nBppZ4icQlhQQIAdc6S3Ffj9RGmzwUKUWuEICFnd1LVkN3EktF7ZHAgfcEdvZB5owU9tQgt99e2TlLjg==}
+  mdast-util-gfm@2.0.2:
     dependencies:
       mdast-util-from-markdown: 1.3.1
       mdast-util-gfm-autolink-literal: 1.0.3
@@ -7057,17 +10162,13 @@ packages:
       mdast-util-to-markdown: 1.5.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /mdast-util-phrasing@3.0.1:
-    resolution: {integrity: sha512-WmI1gTXUBJo4/ZmSk79Wcb2HcjPJBzM1nlI/OUWA8yk2X9ik3ffNbBGsU+09BFmXaL1IBb9fiuvq6/KMiNycSg==}
+  mdast-util-phrasing@3.0.1:
     dependencies:
       '@types/mdast': 3.0.14
       unist-util-is: 5.2.1
-    dev: false
 
-  /mdast-util-to-hast@12.3.0:
-    resolution: {integrity: sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==}
+  mdast-util-to-hast@12.3.0:
     dependencies:
       '@types/hast': 2.3.7
       '@types/mdast': 3.0.14
@@ -7077,10 +10178,8 @@ packages:
       unist-util-generated: 2.0.1
       unist-util-position: 4.0.4
       unist-util-visit: 4.1.2
-    dev: false
 
-  /mdast-util-to-markdown@1.5.0:
-    resolution: {integrity: sha512-bbv7TPv/WC49thZPg3jXuqzuvI45IL2EVAr/KxF0BSdHsU0ceFHOmwQn6evxAh1GaoK/6GQ1wp4R4oW2+LFL/A==}
+  mdast-util-to-markdown@1.5.0:
     dependencies:
       '@types/mdast': 3.0.14
       '@types/unist': 2.0.9
@@ -7090,24 +10189,16 @@ packages:
       micromark-util-decode-string: 1.1.0
       unist-util-visit: 4.1.2
       zwitch: 2.0.4
-    dev: false
 
-  /mdast-util-to-string@3.2.0:
-    resolution: {integrity: sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==}
+  mdast-util-to-string@3.2.0:
     dependencies:
       '@types/mdast': 3.0.14
-    dev: false
 
-  /mdn-data@2.0.28:
-    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
-    dev: true
+  mdn-data@2.0.28: {}
 
-  /mdn-data@2.0.30:
-    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+  mdn-data@2.0.30: {}
 
-  /meow@6.1.1:
-    resolution: {integrity: sha512-3YffViIt2QWgTy6Pale5QpopX/IvU3LPL03jOTqp6pGj3VjesdO/U8CuHMKpnQr4shCNCM5fd5XFFvIIl6JBHg==}
-    engines: {node: '>=8'}
+  meow@6.1.1:
     dependencies:
       '@types/minimist': 1.2.4
       camelcase-keys: 6.2.2
@@ -7120,17 +10211,12 @@ packages:
       trim-newlines: 3.0.1
       type-fest: 0.13.1
       yargs-parser: 18.1.3
-    dev: true
 
-  /merge-stream@2.0.0:
-    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+  merge-stream@2.0.0: {}
 
-  /merge2@1.4.1:
-    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
-    engines: {node: '>= 8'}
+  merge2@1.4.1: {}
 
-  /micromark-core-commonmark@1.1.0:
-    resolution: {integrity: sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==}
+  micromark-core-commonmark@1.1.0:
     dependencies:
       decode-named-character-reference: 1.0.2
       micromark-factory-destination: 1.1.0
@@ -7148,19 +10234,15 @@ packages:
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
-    dev: false
 
-  /micromark-extension-gfm-autolink-literal@1.0.5:
-    resolution: {integrity: sha512-z3wJSLrDf8kRDOh2qBtoTRD53vJ+CWIyo7uyZuxf/JAbNJjiHsOpG1y5wxk8drtv3ETAHutCu6N3thkOOgueWg==}
+  micromark-extension-gfm-autolink-literal@1.0.5:
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-sanitize-uri: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-extension-gfm-footnote@1.1.2:
-    resolution: {integrity: sha512-Yxn7z7SxgyGWRNa4wzf8AhYYWNrwl5q1Z8ii+CSTTIqVkmGZF1CElX2JI8g5yGoM3GAman9/PVCUFUSJ0kB/8Q==}
+  micromark-extension-gfm-footnote@1.1.2:
     dependencies:
       micromark-core-commonmark: 1.1.0
       micromark-factory-space: 1.1.0
@@ -7170,10 +10252,8 @@ packages:
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
-    dev: false
 
-  /micromark-extension-gfm-strikethrough@1.0.7:
-    resolution: {integrity: sha512-sX0FawVE1o3abGk3vRjOH50L5TTLr3b5XMqnP9YDRb34M0v5OoZhG+OHFz1OffZ9dlwgpTBKaT4XW/AsUVnSDw==}
+  micromark-extension-gfm-strikethrough@1.0.7:
     dependencies:
       micromark-util-chunked: 1.1.0
       micromark-util-classify-character: 1.1.0
@@ -7181,36 +10261,28 @@ packages:
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
-    dev: false
 
-  /micromark-extension-gfm-table@1.0.7:
-    resolution: {integrity: sha512-3ZORTHtcSnMQEKtAOsBQ9/oHp9096pI/UvdPtN7ehKvrmZZ2+bbWhi0ln+I9drmwXMt5boocn6OlwQzNXeVeqw==}
+  micromark-extension-gfm-table@1.0.7:
     dependencies:
       micromark-factory-space: 1.1.0
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
-    dev: false
 
-  /micromark-extension-gfm-tagfilter@1.0.2:
-    resolution: {integrity: sha512-5XWB9GbAUSHTn8VPU8/1DBXMuKYT5uOgEjJb8gN3mW0PNW5OPHpSdojoqf+iq1xo7vWzw/P8bAHY0n6ijpXF7g==}
+  micromark-extension-gfm-tagfilter@1.0.2:
     dependencies:
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-extension-gfm-task-list-item@1.0.5:
-    resolution: {integrity: sha512-RMFXl2uQ0pNQy6Lun2YBYT9g9INXtWJULgbt01D/x8/6yJ2qpKyzdZD3pi6UIkzF++Da49xAelVKUeUMqd5eIQ==}
+  micromark-extension-gfm-task-list-item@1.0.5:
     dependencies:
       micromark-factory-space: 1.1.0
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
-    dev: false
 
-  /micromark-extension-gfm@2.0.3:
-    resolution: {integrity: sha512-vb9OoHqrhCmbRidQv/2+Bc6pkP0FrtlhurxZofvOEy5o8RtuuvTq+RQ1Vw5ZDNrVraQZu3HixESqbG+0iKk/MQ==}
+  micromark-extension-gfm@2.0.3:
     dependencies:
       micromark-extension-gfm-autolink-literal: 1.0.5
       micromark-extension-gfm-footnote: 1.1.2
@@ -7220,140 +10292,100 @@ packages:
       micromark-extension-gfm-task-list-item: 1.0.5
       micromark-util-combine-extensions: 1.1.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-factory-destination@1.1.0:
-    resolution: {integrity: sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==}
+  micromark-factory-destination@1.1.0:
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-factory-label@1.1.0:
-    resolution: {integrity: sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==}
+  micromark-factory-label@1.1.0:
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
-    dev: false
 
-  /micromark-factory-space@1.1.0:
-    resolution: {integrity: sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==}
+  micromark-factory-space@1.1.0:
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-factory-title@1.1.0:
-    resolution: {integrity: sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==}
+  micromark-factory-title@1.1.0:
     dependencies:
       micromark-factory-space: 1.1.0
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-factory-whitespace@1.1.0:
-    resolution: {integrity: sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==}
+  micromark-factory-whitespace@1.1.0:
     dependencies:
       micromark-factory-space: 1.1.0
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-util-character@1.2.0:
-    resolution: {integrity: sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==}
+  micromark-util-character@1.2.0:
     dependencies:
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-util-chunked@1.1.0:
-    resolution: {integrity: sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==}
+  micromark-util-chunked@1.1.0:
     dependencies:
       micromark-util-symbol: 1.1.0
-    dev: false
 
-  /micromark-util-classify-character@1.1.0:
-    resolution: {integrity: sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==}
+  micromark-util-classify-character@1.1.0:
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-util-combine-extensions@1.1.0:
-    resolution: {integrity: sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==}
+  micromark-util-combine-extensions@1.1.0:
     dependencies:
       micromark-util-chunked: 1.1.0
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-util-decode-numeric-character-reference@1.1.0:
-    resolution: {integrity: sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==}
+  micromark-util-decode-numeric-character-reference@1.1.0:
     dependencies:
       micromark-util-symbol: 1.1.0
-    dev: false
 
-  /micromark-util-decode-string@1.1.0:
-    resolution: {integrity: sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==}
+  micromark-util-decode-string@1.1.0:
     dependencies:
       decode-named-character-reference: 1.0.2
       micromark-util-character: 1.2.0
       micromark-util-decode-numeric-character-reference: 1.1.0
       micromark-util-symbol: 1.1.0
-    dev: false
 
-  /micromark-util-encode@1.1.0:
-    resolution: {integrity: sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw==}
-    dev: false
+  micromark-util-encode@1.1.0: {}
 
-  /micromark-util-html-tag-name@1.2.0:
-    resolution: {integrity: sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q==}
-    dev: false
+  micromark-util-html-tag-name@1.2.0: {}
 
-  /micromark-util-normalize-identifier@1.1.0:
-    resolution: {integrity: sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==}
+  micromark-util-normalize-identifier@1.1.0:
     dependencies:
       micromark-util-symbol: 1.1.0
-    dev: false
 
-  /micromark-util-resolve-all@1.1.0:
-    resolution: {integrity: sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==}
+  micromark-util-resolve-all@1.1.0:
     dependencies:
       micromark-util-types: 1.1.0
-    dev: false
 
-  /micromark-util-sanitize-uri@1.2.0:
-    resolution: {integrity: sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==}
+  micromark-util-sanitize-uri@1.2.0:
     dependencies:
       micromark-util-character: 1.2.0
       micromark-util-encode: 1.1.0
       micromark-util-symbol: 1.1.0
-    dev: false
 
-  /micromark-util-subtokenize@1.1.0:
-    resolution: {integrity: sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==}
+  micromark-util-subtokenize@1.1.0:
     dependencies:
       micromark-util-chunked: 1.1.0
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
       uvu: 0.5.6
-    dev: false
 
-  /micromark-util-symbol@1.1.0:
-    resolution: {integrity: sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag==}
-    dev: false
+  micromark-util-symbol@1.1.0: {}
 
-  /micromark-util-types@1.1.0:
-    resolution: {integrity: sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==}
-    dev: false
+  micromark-util-types@1.1.0: {}
 
-  /micromark@3.2.0:
-    resolution: {integrity: sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==}
+  micromark@3.2.0:
     dependencies:
       '@types/debug': 4.1.10
       debug: 4.3.4(supports-color@8.1.1)
@@ -7374,315 +10406,182 @@ packages:
       uvu: 0.5.6
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /micromatch@4.0.5:
-    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
-    engines: {node: '>=8.6'}
+  micromatch@4.0.5:
     dependencies:
       braces: 3.0.2
       picomatch: 2.3.1
 
-  /mime-db@1.52.0:
-    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
-    engines: {node: '>= 0.6'}
-    dev: true
+  mime-db@1.52.0: {}
 
-  /mime-types@2.1.35:
-    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
-    engines: {node: '>= 0.6'}
+  mime-types@2.1.35:
     dependencies:
       mime-db: 1.52.0
-    dev: true
 
-  /mime@3.0.0:
-    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
-    engines: {node: '>=10.0.0'}
-    hasBin: true
-    dev: false
+  mime@3.0.0: {}
 
-  /mimic-fn@2.1.0:
-    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
-    engines: {node: '>=6'}
+  mimic-fn@2.1.0: {}
 
-  /mimic-fn@4.0.0:
-    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
-    engines: {node: '>=12'}
-    dev: false
+  mimic-fn@4.0.0: {}
 
-  /mimic-response@3.1.0:
-    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
-    engines: {node: '>=10'}
-    requiresBuild: true
-    dev: false
+  mimic-response@3.1.0:
     optional: true
 
-  /min-indent@1.0.1:
-    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
-    engines: {node: '>=4'}
+  min-indent@1.0.1: {}
 
-  /minimatch@3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+  minimatch@3.1.2:
     dependencies:
       brace-expansion: 1.1.11
 
-  /minimatch@5.1.6:
-    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
-    engines: {node: '>=10'}
+  minimatch@5.1.6:
     dependencies:
       brace-expansion: 2.0.1
-    dev: true
 
-  /minimatch@9.0.3:
-    resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
-    engines: {node: '>=16 || 14 >=14.17'}
+  minimatch@9.0.3:
     dependencies:
       brace-expansion: 2.0.1
-    dev: true
 
-  /minimist-options@4.1.0:
-    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
-    engines: {node: '>= 6'}
+  minimist-options@4.1.0:
     dependencies:
       arrify: 1.0.1
       is-plain-obj: 1.1.0
       kind-of: 6.0.3
-    dev: true
 
-  /minimist@1.2.8:
-    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+  minimist@1.2.8: {}
 
-  /mixme@0.5.9:
-    resolution: {integrity: sha512-VC5fg6ySUscaWUpI4gxCBTQMH2RdUpNrk+MsbpCYtIvf9SBJdiUey4qE7BXviJsJR4nDQxCZ+3yaYNW3guz/Pw==}
-    engines: {node: '>= 8.0.0'}
-    dev: true
+  mixme@0.5.9: {}
 
-  /mkdirp-classic@0.5.3:
-    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
-    requiresBuild: true
-    dev: false
+  mkdirp-classic@0.5.3:
     optional: true
 
-  /mkdirp@0.5.6:
-    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
-    hasBin: true
+  mkdirp@0.5.6:
     dependencies:
       minimist: 1.2.8
 
-  /mri@1.2.0:
-    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
-    engines: {node: '>=4'}
+  mri@1.2.0: {}
 
-  /mrmime@2.0.0:
-    resolution: {integrity: sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==}
-    engines: {node: '>=10'}
-    dev: true
+  mrmime@2.0.0: {}
 
-  /ms@2.0.0:
-    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
-    dev: false
+  ms@2.0.0: {}
 
-  /ms@2.1.2:
-    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
+  ms@2.1.2: {}
 
-  /ms@2.1.3:
-    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+  ms@2.1.3: {}
 
-  /nanoid@3.3.6:
-    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-    dev: true
+  nanoid@3.3.6: {}
 
-  /nanoid@3.3.7:
-    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
+  nanoid@3.3.7: {}
 
-  /napi-build-utils@1.0.2:
-    resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
-    requiresBuild: true
-    dev: false
+  napi-build-utils@1.0.2:
     optional: true
 
-  /natural-compare@1.4.0:
-    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
-    dev: true
+  natural-compare@1.4.0: {}
 
-  /needle@2.9.1:
-    resolution: {integrity: sha512-6R9fqJ5Zcmf+uYaFgdIHmLwNldn5HbK8L5ybn7Uz+ylX/rnOsSp1AHcvQSrCaFN+qNM1wpymHqD7mVasEOlHGQ==}
-    engines: {node: '>= 4.4.x'}
-    hasBin: true
+  needle@2.9.1:
     dependencies:
       debug: 3.2.7(supports-color@8.1.1)
       iconv-lite: 0.4.24
       sax: 1.3.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /nlcst-to-string@3.1.1:
-    resolution: {integrity: sha512-63mVyqaqt0cmn2VcI2aH6kxe1rLAmSROqHMA0i4qqg1tidkfExgpb0FGMikMCn86mw5dFtBtEANfmSSK7TjNHw==}
+  nlcst-to-string@3.1.1:
     dependencies:
       '@types/nlcst': 1.0.3
-    dev: false
 
-  /no-case@3.0.4:
-    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
+  no-case@3.0.4:
     dependencies:
       lower-case: 2.0.2
       tslib: 2.6.2
 
-  /node-abi@3.51.0:
-    resolution: {integrity: sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==}
-    engines: {node: '>=10'}
-    requiresBuild: true
+  node-abi@3.51.0:
     dependencies:
       semver: 7.6.0
-    dev: false
     optional: true
 
-  /node-addon-api@6.1.0:
-    resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==}
-    requiresBuild: true
-    dev: false
+  node-addon-api@6.1.0:
     optional: true
 
-  /node-fetch@2.7.0:
-    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
-    engines: {node: 4.x || >=6.0.0}
-    peerDependencies:
-      encoding: ^0.1.0
-    peerDependenciesMeta:
-      encoding:
-        optional: true
+  node-fetch@2.7.0:
     dependencies:
       whatwg-url: 5.0.0
-    dev: true
 
-  /node-releases@2.0.13:
-    resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==}
+  node-releases@2.0.13: {}
 
-  /node-releases@2.0.14:
-    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
+  node-releases@2.0.14: {}
 
-  /normalize-package-data@2.5.0:
-    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
+  normalize-package-data@2.5.0:
     dependencies:
       hosted-git-info: 2.8.9
       resolve: 1.22.8
       semver: 5.7.2
       validate-npm-package-license: 3.0.4
-    dev: true
 
-  /normalize-path@3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
+  normalize-path@3.0.0: {}
 
-  /normalize-range@0.1.2:
-    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  normalize-range@0.1.2: {}
 
-  /npm-run-path@4.0.1:
-    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
-    engines: {node: '>=8'}
+  npm-run-path@4.0.1:
     dependencies:
       path-key: 3.1.1
-    dev: true
 
-  /npm-run-path@5.1.0:
-    resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  npm-run-path@5.1.0:
     dependencies:
       path-key: 4.0.0
-    dev: false
 
-  /nth-check@2.1.1:
-    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+  nth-check@2.1.1:
     dependencies:
       boolbase: 1.0.0
-    dev: true
 
-  /object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  object-assign@4.1.1: {}
 
-  /object-inspect@1.13.1:
-    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
-    dev: true
+  object-inspect@1.13.1: {}
 
-  /object-keys@1.1.1:
-    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  object-keys@1.1.1: {}
 
-  /object.assign@4.1.5:
-    resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==}
-    engines: {node: '>= 0.4'}
+  object.assign@4.1.5:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       has-symbols: 1.0.3
       object-keys: 1.1.1
-    dev: true
 
-  /object.entries@1.1.7:
-    resolution: {integrity: sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==}
-    engines: {node: '>= 0.4'}
+  object.entries@1.1.7:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
-    dev: true
 
-  /object.fromentries@2.0.7:
-    resolution: {integrity: sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==}
-    engines: {node: '>= 0.4'}
+  object.fromentries@2.0.7:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
-    dev: true
 
-  /object.hasown@1.1.3:
-    resolution: {integrity: sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==}
+  object.hasown@1.1.3:
     dependencies:
       define-properties: 1.2.1
       es-abstract: 1.22.3
-    dev: true
 
-  /object.values@1.1.7:
-    resolution: {integrity: sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==}
-    engines: {node: '>= 0.4'}
+  object.values@1.1.7:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
-    dev: true
 
-  /once@1.4.0:
-    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+  once@1.4.0:
     dependencies:
       wrappy: 1.0.2
 
-  /onetime@5.1.2:
-    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
-    engines: {node: '>=6'}
+  onetime@5.1.2:
     dependencies:
       mimic-fn: 2.1.0
 
-  /onetime@6.0.0:
-    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
-    engines: {node: '>=12'}
+  onetime@6.0.0:
     dependencies:
       mimic-fn: 4.0.0
-    dev: false
 
-  /optionator@0.9.3:
-    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
-    engines: {node: '>= 0.8.0'}
+  optionator@0.9.3:
     dependencies:
       '@aashutoshrathi/word-wrap': 1.2.6
       deep-is: 0.1.4
@@ -7690,11 +10589,8 @@ packages:
       levn: 0.4.1
       prelude-ls: 1.2.1
       type-check: 0.4.0
-    dev: true
 
-  /ora@7.0.1:
-    resolution: {integrity: sha512-0TUxTiFJWv+JnjWm4o9yvuskpEJLXTcng8MJuKd+SzAzp2o+OP3HWqNhB4OdJRt1Vsd9/mR0oyaEYlOnL7XIRw==}
-    engines: {node: '>=16'}
+  ora@7.0.1:
     dependencies:
       chalk: 5.3.0
       cli-cursor: 4.0.0
@@ -7705,232 +10601,134 @@ packages:
       stdin-discarder: 0.1.0
       string-width: 6.1.0
       strip-ansi: 7.1.0
-    dev: false
 
-  /os-tmpdir@1.0.2:
-    resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  os-tmpdir@1.0.2: {}
 
-  /ospath@1.2.2:
-    resolution: {integrity: sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==}
-    dev: true
+  ospath@1.2.2: {}
 
-  /outdent@0.5.0:
-    resolution: {integrity: sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q==}
-    dev: true
+  outdent@0.5.0: {}
 
-  /p-filter@2.1.0:
-    resolution: {integrity: sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw==}
-    engines: {node: '>=8'}
+  p-filter@2.1.0:
     dependencies:
       p-map: 2.1.0
-    dev: true
 
-  /p-limit@2.3.0:
-    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
-    engines: {node: '>=6'}
+  p-limit@2.3.0:
     dependencies:
       p-try: 2.2.0
 
-  /p-limit@3.1.0:
-    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
-    engines: {node: '>=10'}
+  p-limit@3.1.0:
     dependencies:
       yocto-queue: 0.1.0
 
-  /p-limit@4.0.0:
-    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  p-limit@4.0.0:
     dependencies:
       yocto-queue: 1.0.0
-    dev: false
 
-  /p-locate@4.1.0:
-    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
-    engines: {node: '>=8'}
+  p-locate@4.1.0:
     dependencies:
       p-limit: 2.3.0
 
-  /p-locate@5.0.0:
-    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
-    engines: {node: '>=10'}
+  p-locate@5.0.0:
     dependencies:
       p-limit: 3.1.0
 
-  /p-map@2.1.0:
-    resolution: {integrity: sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==}
-    engines: {node: '>=6'}
-    dev: true
+  p-map@2.1.0: {}
 
-  /p-map@4.0.0:
-    resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==}
-    engines: {node: '>=10'}
+  p-map@4.0.0:
     dependencies:
       aggregate-error: 3.1.0
-    dev: true
 
-  /p-try@2.2.0:
-    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
-    engines: {node: '>=6'}
+  p-try@2.2.0: {}
 
-  /parent-module@1.0.1:
-    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
-    engines: {node: '>=6'}
+  parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
-    dev: true
 
-  /parse-json@5.2.0:
-    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
-    engines: {node: '>=8'}
+  parse-json@5.2.0:
     dependencies:
       '@babel/code-frame': 7.22.13
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
-    dev: true
 
-  /parse-latin@5.0.1:
-    resolution: {integrity: sha512-b/K8ExXaWC9t34kKeDV8kGXBkXZ1HCSAZRYE7HR14eA1GlXX5L8iWhs8USJNhQU9q5ci413jCKF0gOyovvyRBg==}
+  parse-latin@5.0.1:
     dependencies:
       nlcst-to-string: 3.1.1
       unist-util-modify-children: 3.1.1
       unist-util-visit-children: 2.0.2
-    dev: false
 
-  /parse5@6.0.1:
-    resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==}
-    dev: false
+  parse5@6.0.1: {}
 
-  /pascal-case@3.1.2:
-    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
+  pascal-case@3.1.2:
     dependencies:
       no-case: 3.0.4
       tslib: 2.6.2
 
-  /path-exists@4.0.0:
-    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
-    engines: {node: '>=8'}
+  path-exists@4.0.0: {}
 
-  /path-is-absolute@1.0.1:
-    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
-    engines: {node: '>=0.10.0'}
+  path-is-absolute@1.0.1: {}
 
-  /path-key@3.1.1:
-    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
-    engines: {node: '>=8'}
+  path-key@3.1.1: {}
 
-  /path-key@4.0.0:
-    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
-    engines: {node: '>=12'}
-    dev: false
+  path-key@4.0.0: {}
 
-  /path-parse@1.0.7:
-    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+  path-parse@1.0.7: {}
 
-  /path-to-regexp@6.2.1:
-    resolution: {integrity: sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==}
-    dev: false
+  path-to-regexp@6.2.1: {}
 
-  /path-type@4.0.0:
-    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
-    engines: {node: '>=8'}
-    dev: true
+  path-type@4.0.0: {}
 
-  /path-type@5.0.0:
-    resolution: {integrity: sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==}
-    engines: {node: '>=12'}
-    dev: true
+  path-type@5.0.0: {}
 
-  /pause-stream@0.0.11:
-    resolution: {integrity: sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==}
+  pause-stream@0.0.11:
     dependencies:
       through: 2.3.8
-    dev: true
 
-  /pend@1.2.0:
-    resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==}
-    dev: true
+  pend@1.2.0: {}
 
-  /performance-now@2.1.0:
-    resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==}
-    dev: true
+  performance-now@2.1.0: {}
 
-  /periscopic@3.1.0:
-    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
+  periscopic@3.1.0:
     dependencies:
       '@types/estree': 1.0.3
       estree-walker: 3.0.3
       is-reference: 3.0.2
 
-  /picocolors@1.0.0:
-    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
+  picocolors@1.0.0: {}
 
-  /picocolors@1.0.1:
-    resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
+  picocolors@1.0.1: {}
 
-  /picomatch@2.3.1:
-    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
-    engines: {node: '>=8.6'}
+  picomatch@2.3.1: {}
 
-  /pify@2.3.0:
-    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  pify@2.3.0: {}
 
-  /pify@4.0.1:
-    resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
-    engines: {node: '>=6'}
+  pify@4.0.1: {}
 
-  /pkg-dir@4.2.0:
-    resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
-    engines: {node: '>=8'}
+  pkg-dir@4.2.0:
     dependencies:
       find-up: 4.1.0
 
-  /playwright-core@1.42.1:
-    resolution: {integrity: sha512-mxz6zclokgrke9p1vtdy/COWBH+eOZgYUVVU34C73M+4j4HLlQJHtfcqiqqxpP0o8HhMkflvfbquLX5dg6wlfA==}
-    engines: {node: '>=16'}
-    hasBin: true
+  playwright-core@1.42.1: {}
 
-  /playwright@1.42.1:
-    resolution: {integrity: sha512-PgwB03s2DZBcNRoW+1w9E+VkLBxweib6KTXM0M3tkiT4jVxKSi6PmVJ591J+0u10LUrgxB7dLRbiJqO5s2QPMg==}
-    engines: {node: '>=16'}
-    hasBin: true
+  playwright@1.42.1:
     dependencies:
       playwright-core: 1.42.1
     optionalDependencies:
       fsevents: 2.3.2
 
-  /postcss-calc@9.0.1(postcss@8.4.21):
-    resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.2
+  postcss-calc@9.0.1(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-calc@9.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.2
+  postcss-calc@9.0.1(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-selector-parser: 6.0.13
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-cli@11.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-xMITAI7M0u1yolVcXJ9XTZiO9aO49mcoKQy6pCDFdMh9kGqhzLVpWxeD/32M/QBmkhcGypZFFOLNLmIW4Pg4RA==}
-    engines: {node: '>=18'}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.0.0
+  postcss-cli@11.0.0(postcss@8.4.21):
     dependencies:
       chokidar: 3.5.3
       dependency-graph: 0.11.0
@@ -7947,14 +10745,8 @@ packages:
       yargs: 17.7.2
     transitivePeerDependencies:
       - jiti
-    dev: true
 
-  /postcss-cli@11.0.0(postcss@8.4.35):
-    resolution: {integrity: sha512-xMITAI7M0u1yolVcXJ9XTZiO9aO49mcoKQy6pCDFdMh9kGqhzLVpWxeD/32M/QBmkhcGypZFFOLNLmIW4Pg4RA==}
-    engines: {node: '>=18'}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.0.0
+  postcss-cli@11.0.0(postcss@8.4.35):
     dependencies:
       chokidar: 3.5.3
       dependency-graph: 0.11.0
@@ -7971,775 +10763,402 @@ packages:
       yargs: 17.7.2
     transitivePeerDependencies:
       - jiti
-    dev: true
 
-  /postcss-colormin@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-EuO+bAUmutWoZYgHn2T1dG1pPqHU6L4TjzPlu4t1wZGXQ/fxV16xg2EJmYi0z+6r+MGV1yvpx1BHkUaRrPa2bw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-colormin@6.0.0(postcss@8.4.21):
     dependencies:
       browserslist: 4.22.1
       caniuse-api: 3.0.0
       colord: 2.9.3
-      postcss: 8.4.21
-      postcss-value-parser: 4.2.0
-    dev: true
-
-  /postcss-colormin@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-x9yX7DOxeMAR+BgGVnNSAxmAj98NX/YxEMNFP+SDCEeNLb2r3i6Hh1ksMsnW8Ub5SLCpbescQqn9YEbE9554Sw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+      postcss: 8.4.21
+      postcss-value-parser: 4.2.0
+
+  postcss-colormin@6.1.0(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       caniuse-api: 3.0.0
       colord: 2.9.3
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.21):
-    resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==}
-    engines: {node: ^10.0.0 || ^12.0.0 || >=14.0.0}
-    peerDependencies:
-      postcss: ^8.1.0
+  postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==}
-    engines: {node: ^10.0.0 || ^12.0.0 || >=14.0.0}
-    peerDependencies:
-      postcss: ^8.1.0
+  postcss-combine-duplicated-selectors@10.0.3(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-convert-values@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-U5D8QhVwqT++ecmy8rnTb+RL9n/B806UVaS3m60lqle4YDFcpbS3ae5bTQIh3wOGUSDHSEtMYLs/38dNG7EYFw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-convert-values@6.0.0(postcss@8.4.21):
     dependencies:
       browserslist: 4.22.1
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-convert-values@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-zx8IwP/ts9WvUM6NkVSkiU902QZL1bwPhaVaLynPtCsOTqp+ZKbNi+s6XJg3rfqpKGA/oc7Oxk5t8pOQJcwl/w==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-convert-values@6.1.0(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-discard-comments@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-p2skSGqzPMZkEQvJsgnkBhCn8gI7NzRH2683EEjrIkoMiwRELx68yoUJ3q3DGSGuQ8Ug9Gsn+OuDr46yfO+eFw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-discard-comments@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
-    dev: true
 
-  /postcss-discard-comments@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-65w/uIqhSBBfQmYnG92FO1mWZjJ4GL5b8atm5Yw2UgrwD7HiNiSSNwJor1eCFGzUgYnN/iIknhNRVqjrrpuglw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-discard-comments@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /postcss-discard-duplicates@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-bU1SXIizMLtDW4oSsi5C/xHKbhLlhek/0/yCnoMQany9k3nPBq+Ctsv/9oMmyqbR96HYHxZcHyK2HR5P/mqoGA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-discard-duplicates@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
-    dev: true
 
-  /postcss-discard-duplicates@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-+JA0DCvc5XvFAxwx6f/e68gQu/7Z9ud584VLmcgto28eB8FqSFZwtrLwB5Kcp70eIoWP/HXqz4wpo8rD8gpsTw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-discard-duplicates@6.0.3(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /postcss-discard-empty@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-b+h1S1VT6dNhpcg+LpyiUrdnEZfICF0my7HAKgJixJLW7BnNmpRH34+uw/etf5AhOlIhIAuXApSzzDzMI9K/gQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-discard-empty@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
-    dev: true
 
-  /postcss-discard-empty@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-znyno9cHKQsK6PtxL5D19Fj9uwSzC2mB74cpT66fhgOadEUPyXFkbgwm5tvc3bt3NAy8ltE5MrghxovZRVnOjQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-discard-empty@6.0.3(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /postcss-discard-overridden@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-discard-overridden@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
-    dev: true
 
-  /postcss-discard-overridden@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-j87xzI4LUggC5zND7KdjsI25APtyMuynXZSujByMaav2roV6OZX+8AaCUcZSWqckZpjAjRyFDdpqybgjFO0HJQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-discard-overridden@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /postcss-import@15.1.0(postcss@8.4.21):
-    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      postcss: ^8.0.0
+  postcss-import@15.1.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.8
-    dev: true
 
-  /postcss-import@16.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-i2Pci0310NaLHr/5JUFSw1j/8hf1CzwMY13g6ZDxgOavmRHQi2ba3PmUHoihO+sjaum+KmCNzskNsw7JDrg03g==}
-    engines: {node: '>=18.0.0'}
-    peerDependencies:
-      postcss: ^8.0.0
+  postcss-import@16.0.1(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.8
-    dev: true
 
-  /postcss-load-config@3.1.4(postcss@8.4.35):
-    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
-    engines: {node: '>= 10'}
-    peerDependencies:
-      postcss: '>=8.0.9'
-      ts-node: '>=9.0.0'
-    peerDependenciesMeta:
-      postcss:
-        optional: true
-      ts-node:
-        optional: true
+  postcss-load-config@3.1.4(postcss@8.4.35):
     dependencies:
       lilconfig: 2.1.0
       postcss: 8.4.35
       yaml: 1.10.2
-    dev: true
 
-  /postcss-load-config@5.0.2(postcss@8.4.21):
-    resolution: {integrity: sha512-Q8QR3FYbqOKa0bnC1UQ2bFq9/ulHX5Bi34muzitMr8aDtUelO5xKeJEYC/5smE0jNE9zdB/NBnOwXKexELbRlw==}
-    engines: {node: '>= 18'}
-    peerDependencies:
-      jiti: '>=1.21.0'
-      postcss: '>=8.0.9'
-    peerDependenciesMeta:
-      jiti:
-        optional: true
-      postcss:
-        optional: true
+  postcss-load-config@5.0.2(postcss@8.4.21):
     dependencies:
       lilconfig: 3.0.0
       postcss: 8.4.21
       yaml: 2.3.4
-    dev: true
 
-  /postcss-load-config@5.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-Q8QR3FYbqOKa0bnC1UQ2bFq9/ulHX5Bi34muzitMr8aDtUelO5xKeJEYC/5smE0jNE9zdB/NBnOwXKexELbRlw==}
-    engines: {node: '>= 18'}
-    peerDependencies:
-      jiti: '>=1.21.0'
-      postcss: '>=8.0.9'
-    peerDependenciesMeta:
-      jiti:
-        optional: true
-      postcss:
-        optional: true
+  postcss-load-config@5.0.2(postcss@8.4.35):
     dependencies:
       lilconfig: 3.0.0
       postcss: 8.4.35
       yaml: 2.3.4
-    dev: true
 
-  /postcss-merge-longhand@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-4VSfd1lvGkLTLYcxFuISDtWUfFS4zXe0FpF149AyziftPFQIWxjvFSKhA4MIxMe4XM3yTDgQMbSNgzIVxChbIg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-merge-longhand@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
       stylehacks: 6.0.0(postcss@8.4.21)
-    dev: true
 
-  /postcss-merge-longhand@6.0.4(postcss@8.4.35):
-    resolution: {integrity: sha512-vAfWGcxUUGlFiPM3nDMZA+/Yo9sbpc3JNkcYZez8FfJDv41Dh7tAgA3QGVTocaHCZZL6aXPXPOaBMJsjujodsA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-merge-longhand@6.0.4(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
       stylehacks: 6.1.0(postcss@8.4.35)
-    dev: true
 
-  /postcss-merge-rules@6.0.1(postcss@8.4.21):
-    resolution: {integrity: sha512-a4tlmJIQo9SCjcfiCcCMg/ZCEe0XTkl/xK0XHBs955GWg9xDX3NwP9pwZ78QUOWB8/0XCjZeJn98Dae0zg6AAw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-merge-rules@6.0.1(postcss@8.4.21):
     dependencies:
       browserslist: 4.22.1
       caniuse-api: 3.0.0
       cssnano-utils: 4.0.0(postcss@8.4.21)
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-merge-rules@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-lER+W3Gr6XOvxOYk1Vi/6UsAgKMg6MDBthmvbNqi2XxAk/r9XfhdYZSigfWjuWWn3zYw2wLelvtM8XuAEFqRkA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-merge-rules@6.1.0(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       caniuse-api: 3.0.0
       cssnano-utils: 4.0.2(postcss@8.4.35)
       postcss: 8.4.35
       postcss-selector-parser: 6.0.16
-    dev: true
 
-  /postcss-minify-font-values@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-zNRAVtyh5E8ndZEYXA4WS8ZYsAp798HiIQ1V2UF/C/munLp2r1UGHwf1+6JFu7hdEhJFN+W1WJQKBrtjhFgEnA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-minify-font-values@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-minify-font-values@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-SmAeTA1We5rMnN3F8X9YBNo9bj9xB4KyDHnaNJnBfQIPi+60fNiR9OTRnIaMqkYzAQX0vObIw4Pn0vuKEOettg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-minify-font-values@6.0.3(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-minify-gradients@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-wO0F6YfVAR+K1xVxF53ueZJza3L+R3E6cp0VwuXJQejnNUH0DjcAFe3JEBeTY1dLwGa0NlDWueCA1VlEfiKgAA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-minify-gradients@6.0.0(postcss@8.4.21):
     dependencies:
       colord: 2.9.3
       cssnano-utils: 4.0.0(postcss@8.4.21)
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-minify-gradients@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-4KXAHrYlzF0Rr7uc4VrfwDJ2ajrtNEpNEuLxFgwkhFZ56/7gaE4Nr49nLsQDZyUe+ds+kEhf+YAUolJiYXF8+Q==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-minify-gradients@6.0.3(postcss@8.4.35):
     dependencies:
       colord: 2.9.3
       cssnano-utils: 4.0.2(postcss@8.4.35)
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-minify-params@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-Fz/wMQDveiS0n5JPcvsMeyNXOIMrwF88n7196puSuQSWSa+/Ofc1gDOSY2xi8+A4PqB5dlYCKk/WfqKqsI+ReQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-minify-params@6.0.0(postcss@8.4.21):
     dependencies:
       browserslist: 4.22.1
       cssnano-utils: 4.0.0(postcss@8.4.21)
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-minify-params@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-bmSKnDtyyE8ujHQK0RQJDIKhQ20Jq1LYiez54WiaOoBtcSuflfK3Nm596LvbtlFcpipMjgClQGyGr7GAs+H1uA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-minify-params@6.1.0(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       cssnano-utils: 4.0.2(postcss@8.4.35)
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-minify-selectors@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-ec/q9JNCOC2CRDNnypipGfOhbYPuUkewGwLnbv6omue/PSASbHSU7s6uSQ0tcFRVv731oMIx8k0SP4ZX6be/0g==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-minify-selectors@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-minify-selectors@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-IcV7ZQJcaXyhx4UBpWZMsinGs2NmiUC60rJSkyvjPCPqhNjVGsrJUM+QhAtCaikZ0w0/AbZuH4wVvF/YMuMhvA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-minify-selectors@6.0.3(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-selector-parser: 6.0.16
-    dev: true
 
-  /postcss-nested@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.2.14
+  postcss-nested@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-nested@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.2.14
+  postcss-nested@6.0.1(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-normalize-charset@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-cqundwChbu8yO/gSWkuFDmKrCZ2vJzDAocheT2JTd0sFNA4HMGoKMfbk2B+J0OmO0t5GUkiAkSM5yF2rSLUjgQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-charset@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
-    dev: true
 
-  /postcss-normalize-charset@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-a8N9czmdnrjPHa3DeFlwqst5eaL5W8jYu3EBbTTkI5FHkfMhFZh1EGbku6jhHhIzTA6tquI2P42NtZ59M/H/kQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-charset@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /postcss-normalize-display-values@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-display-values@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-display-values@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-8H04Mxsb82ON/aAkPeq8kcBbAtI5Q2a64X/mnRRfPXBq7XeogoQvReqxEfc0B4WPq1KimjezNC8flUtC3Qz6jg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-display-values@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-positions@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-mPCzhSV8+30FZyWhxi6UoVRYd3ZBJgTRly4hOkaSifo0H+pjDYcii/aVT4YE6QpOil15a5uiv6ftnY3rm0igPg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-positions@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-positions@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-/JFzI441OAB9O7VnLA+RtSNZvQ0NCFZDOtp6QPFo1iIyawyXg0YI3CYM9HBy1WvwCRHnPep/BvI1+dGPKoXx/Q==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-positions@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-repeat-style@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-50W5JWEBiOOAez2AKBh4kRFm2uhrT3O1Uwdxz7k24aKtbD83vqmcVG7zoIwo6xI2FZ/HDlbrCopXhLeTpQib1A==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-repeat-style@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-repeat-style@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-YdCgsfHkJ2jEXwR4RR3Tm/iOxSfdRt7jplS6XRh9Js9PyCR/aka/FCb6TuHT2U8gQubbm/mPmF6L7FY9d79VwQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-repeat-style@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-string@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-KWkIB7TrPOiqb8ZZz6homet2KWKJwIlysF5ICPZrXAylGe2hzX/HSf4NTX2rRPJMAtlRsj/yfkrWGavFuB+c0w==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-string@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-string@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-vQZIivlxlfqqMp4L9PZsFE4YUkWniziKjQWUtsxUiVsSSPelQydwS8Wwcuw0+83ZjPWNTl02oxlIvXsmmG+CiQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-string@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-timing-functions@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-tpIXWciXBp5CiFs8sem90IWlw76FV4oi6QEWfQwyeREVwUy39VSeSqjAT7X0Qw650yAimYW5gkl2Gd871N5SQg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-timing-functions@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-timing-functions@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-a+YrtMox4TBtId/AEwbA03VcJgtyW4dGBizPl7e88cTFULYsprgHWTbfyjSLyHeBcK/Q9JhXkt2ZXiwaVHoMzA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-timing-functions@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-unicode@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-ui5crYkb5ubEUDugDc786L/Me+DXp2dLg3fVJbqyAl0VPkAeALyAijF2zOsnZyaS1HyfPuMH0DwyY18VMFVNkg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-unicode@6.0.0(postcss@8.4.21):
     dependencies:
       browserslist: 4.22.1
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-unicode@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-QVC5TQHsVj33otj8/JD869Ndr5Xcc/+fwRh4HAsFsAeygQQXm+0PySrKbr/8tkDKzW+EVT3QkqZMfFrGiossDg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-unicode@6.1.0(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-url@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-98mvh2QzIPbb02YDIrYvAg4OUzGH7s1ZgHlD3fIdTHLgPLRpv1ZTKJDnSAKr4Rt21ZQFzwhGMXxpXlfrUBKFHw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-url@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-url@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-kVNcWhCeKAzZ8B4pv/DnrU1wNh458zBNp8dh4y5hhxih5RZQ12QWMuQrDgPRw3LRl8mN9vOVfHl7uhvHYMoXsQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-url@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-whitespace@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-7cfE1AyLiK0+ZBG6FmLziJzqQCpTQY+8XjMhMAz8WSBSCsCNNUKujgIgjCAmDT3cJ+3zjTXFkoD15ZPsckArVw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-normalize-whitespace@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-normalize-whitespace@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-sXZ2Nj1icbJOKmdjXVT9pnyHQKiSAyuNQHSgRCUgThn2388Y9cGVDR+E9J9iAYbSbLHI+UUwLVl1Wzco/zgv0Q==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-normalize-whitespace@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-ordered-values@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-K36XzUDpvfG/nWkjs6d1hRBydeIxGpKS2+n+ywlKPzx1nMYDYpoGbcjhj5AwVYJK1qV2/SDoDEnHzlPD6s3nMg==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-ordered-values@6.0.0(postcss@8.4.21):
     dependencies:
       cssnano-utils: 4.0.0(postcss@8.4.21)
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-ordered-values@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-VRZSOB+JU32RsEAQrO94QPkClGPKJEL/Z9PCBImXMhIeK5KAYo6slP/hBYlLgrCjFxyqvn5VC81tycFEDBLG1Q==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-ordered-values@6.0.2(postcss@8.4.35):
     dependencies:
       cssnano-utils: 4.0.2(postcss@8.4.35)
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-reduce-initial@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-s2UOnidpVuXu6JiiI5U+fV2jamAw5YNA9Fdi/GRK0zLDLCfXmSGqQtzpUPtfN66RtCbb9fFHoyZdQaxOB3WxVA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-reduce-initial@6.0.0(postcss@8.4.21):
     dependencies:
       browserslist: 4.22.1
       caniuse-api: 3.0.0
       postcss: 8.4.21
-    dev: true
 
-  /postcss-reduce-initial@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-RarLgBK/CrL1qZags04oKbVbrrVK2wcxhvta3GCxrZO4zveibqbRPmm2VI8sSgCXwoUHEliRSbOfpR0b/VIoiw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-reduce-initial@6.1.0(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       caniuse-api: 3.0.0
       postcss: 8.4.35
-    dev: true
 
-  /postcss-reduce-transforms@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-FQ9f6xM1homnuy1wLe9lP1wujzxnwt1EwiigtWwuyf8FsqqXUDUp2Ulxf9A5yjlUOTdCJO6lonYjg1mgqIIi2w==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-reduce-transforms@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-reduce-transforms@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-sB+Ya++3Xj1WaT9+5LOOdirAxP7dJZms3GRcYheSPi1PiTMigsxHAdkrbItHxwYHr4kt1zL7mmcHstgMYT+aiA==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-reduce-transforms@6.0.2(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
-    dev: true
 
-  /postcss-rename@0.6.1(postcss@8.4.21):
-    resolution: {integrity: sha512-bsj9TMuPnh8pqF/FMX6BB3aZMjTxRdGP0qJHOg4yC2S1DCAomtAVuQaTJC16QTkH5fnrYMP/yYjuXZAibP3QnQ==}
-    engines: {node: '>=8.3.0'}
-    peerDependencies:
-      postcss: ^8.2.6
+  postcss-rename@0.6.1(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-rename@0.6.1(postcss@8.4.35):
-    resolution: {integrity: sha512-bsj9TMuPnh8pqF/FMX6BB3aZMjTxRdGP0qJHOg4yC2S1DCAomtAVuQaTJC16QTkH5fnrYMP/yYjuXZAibP3QnQ==}
-    engines: {node: '>=8.3.0'}
-    peerDependencies:
-      postcss: ^8.2.6
+  postcss-rename@0.6.1(postcss@8.4.35):
     dependencies:
-      postcss: 8.4.35
-      postcss-selector-parser: 6.0.13
-    dev: true
-
-  /postcss-reporter@7.0.5(postcss@8.4.21):
-    resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      postcss: ^8.1.0
+      postcss: 8.4.35
+      postcss-selector-parser: 6.0.13
+
+  postcss-reporter@7.0.5(postcss@8.4.21):
     dependencies:
       picocolors: 1.0.0
       postcss: 8.4.21
       thenby: 1.3.4
-    dev: true
 
-  /postcss-reporter@7.0.5(postcss@8.4.35):
-    resolution: {integrity: sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      postcss: ^8.1.0
+  postcss-reporter@7.0.5(postcss@8.4.35):
     dependencies:
       picocolors: 1.0.0
       postcss: 8.4.35
       thenby: 1.3.4
-    dev: true
 
-  /postcss-safe-parser@6.0.0(postcss@8.4.35):
-    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.3.3
+  postcss-safe-parser@6.0.0(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /postcss-scss@4.0.9(postcss@8.4.35):
-    resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.4.29
+  postcss-scss@4.0.9(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
-    dev: true
 
-  /postcss-selector-parser@6.0.13:
-    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
-    engines: {node: '>=4'}
+  postcss-selector-parser@6.0.13:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
-    dev: true
 
-  /postcss-selector-parser@6.0.16:
-    resolution: {integrity: sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==}
-    engines: {node: '>=4'}
+  postcss-selector-parser@6.0.16:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
-    dev: true
 
-  /postcss-svgo@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-r9zvj/wGAoAIodn84dR/kFqwhINp5YsJkLoujybWG59grR/IHx+uQ2Zo+IcOwM0jskfYX3R0mo+1Kip1VSNcvw==}
-    engines: {node: ^14 || ^16 || >= 18}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-svgo@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-value-parser: 4.2.0
       svgo: 3.0.2
-    dev: true
 
-  /postcss-svgo@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-dlrahRmxP22bX6iKEjOM+c8/1p+81asjKT+V5lrgOH944ryx/OHpclnIbGsKVd3uWOXFLYJwCVf0eEkJGvO96g==}
-    engines: {node: ^14 || ^16 || >= 18}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-svgo@6.0.3(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
       svgo: 3.2.0
-    dev: true
 
-  /postcss-unique-selectors@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-EPQzpZNxOxP7777t73RQpZE5e9TrnCrkvp7AH7a0l89JmZiPnS82y216JowHXwpBCQitfyxrof9TK3rYbi7/Yw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  postcss-unique-selectors@6.0.0(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /postcss-unique-selectors@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-NFXbYr8qdmCr/AFceaEfdcsKGCvWTeGO6QVC9h2GvtWgj0/0dklKQcaMMVzs6tr8bY+ase8hOtHW8OBTTRvS8A==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  postcss-unique-selectors@6.0.3(postcss@8.4.35):
     dependencies:
       postcss: 8.4.35
       postcss-selector-parser: 6.0.16
-    dev: true
 
-  /postcss-value-parser@4.2.0:
-    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
-    dev: true
+  postcss-value-parser@4.2.0: {}
 
-  /postcss@8.4.21:
-    resolution: {integrity: sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==}
-    engines: {node: ^10 || ^12 || >=14}
+  postcss@8.4.21:
     dependencies:
       nanoid: 3.3.6
       picocolors: 1.0.0
       source-map-js: 1.0.2
-    dev: true
 
-  /postcss@8.4.35:
-    resolution: {integrity: sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==}
-    engines: {node: ^10 || ^12 || >=14}
+  postcss@8.4.35:
     dependencies:
       nanoid: 3.3.7
       picocolors: 1.0.0
       source-map-js: 1.0.2
 
-  /postcss@8.4.38:
-    resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
-    engines: {node: ^10 || ^12 || >=14}
+  postcss@8.4.38:
     dependencies:
       nanoid: 3.3.7
       picocolors: 1.0.1
       source-map-js: 1.2.0
 
-  /prebuild-install@7.1.1:
-    resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
-    engines: {node: '>=10'}
-    hasBin: true
-    requiresBuild: true
+  prebuild-install@7.1.1:
     dependencies:
       detect-libc: 2.0.2
       expand-template: 2.0.3
@@ -8753,338 +11172,190 @@ packages:
       simple-get: 4.0.1
       tar-fs: 2.1.1
       tunnel-agent: 0.6.0
-    dev: false
     optional: true
 
-  /preferred-pm@3.1.2:
-    resolution: {integrity: sha512-nk7dKrcW8hfCZ4H6klWcdRknBOXWzNQByJ0oJyX97BOupsYD+FzLS4hflgEu/uPUEHZCuRfMxzCBsuWd7OzT8Q==}
-    engines: {node: '>=10'}
+  preferred-pm@3.1.2:
     dependencies:
       find-up: 5.0.0
       find-yarn-workspace-root2: 1.2.16
       path-exists: 4.0.0
       which-pm: 2.0.0
 
-  /prelude-ls@1.2.1:
-    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
-    engines: {node: '>= 0.8.0'}
-    dev: true
+  prelude-ls@1.2.1: {}
 
-  /prettier-linter-helpers@1.0.0:
-    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
-    engines: {node: '>=6.0.0'}
+  prettier-linter-helpers@1.0.0:
     dependencies:
       fast-diff: 1.3.0
-    dev: true
 
-  /prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@4.2.12):
-    resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==}
-    peerDependencies:
-      prettier: ^3.0.0
-      svelte: ^3.2.0 || ^4.0.0-next.0
+  prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@4.2.12):
     dependencies:
       prettier: 3.0.3
       svelte: 4.2.12
-    dev: true
 
-  /prettier-plugin-svelte@3.2.2(prettier@3.2.5)(svelte@4.2.12):
-    resolution: {integrity: sha512-ZzzE/wMuf48/1+Lf2Ffko0uDa6pyCfgHV6+uAhtg2U0AAXGrhCSW88vEJNAkAxW5qyrFY1y1zZ4J8TgHrjW++Q==}
-    peerDependencies:
-      prettier: ^3.0.0
-      svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0
+  prettier-plugin-svelte@3.2.2(prettier@3.2.5)(svelte@4.2.12):
     dependencies:
       prettier: 3.2.5
       svelte: 4.2.12
-    dev: true
 
-  /prettier@2.8.8:
-    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
-    engines: {node: '>=10.13.0'}
-    hasBin: true
-    dev: true
+  prettier@2.8.8: {}
 
-  /prettier@3.0.3:
-    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
-    engines: {node: '>=14'}
-    hasBin: true
-    dev: true
+  prettier@3.0.3: {}
 
-  /prettier@3.2.5:
-    resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
-    engines: {node: '>=14'}
-    hasBin: true
-    dev: true
+  prettier@3.2.5: {}
 
-  /pretty-bytes@5.6.0:
-    resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
-    engines: {node: '>=6'}
-    dev: true
+  pretty-bytes@5.6.0: {}
 
-  /pretty-hrtime@1.0.3:
-    resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==}
-    engines: {node: '>= 0.8'}
-    dev: true
+  pretty-hrtime@1.0.3: {}
 
-  /prismjs@1.29.0:
-    resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
-    engines: {node: '>=6'}
-    dev: false
+  prismjs@1.29.0: {}
 
-  /probe-image-size@7.2.3:
-    resolution: {integrity: sha512-HubhG4Rb2UH8YtV4ba0Vp5bQ7L78RTONYu/ujmCu5nBI8wGv24s4E9xSKBi0N1MowRpxk76pFCpJtW0KPzOK0w==}
+  probe-image-size@7.2.3:
     dependencies:
       lodash.merge: 4.6.2
       needle: 2.9.1
       stream-parser: 0.3.1
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /process@0.11.10:
-    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
-    engines: {node: '>= 0.6.0'}
-    dev: true
+  process@0.11.10: {}
 
-  /prompts@2.4.2:
-    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
-    engines: {node: '>= 6'}
+  prompts@2.4.2:
     dependencies:
       kleur: 3.0.3
       sisteransi: 1.0.5
-    dev: false
 
-  /prop-types@15.8.1:
-    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+  prop-types@15.8.1:
     dependencies:
       loose-envify: 1.4.0
       object-assign: 4.1.1
       react-is: 16.13.1
-    dev: true
 
-  /property-information@6.3.0:
-    resolution: {integrity: sha512-gVNZ74nqhRMiIUYWGQdosYetaKc83x8oT41a0LlV3AAFCAZwCpg4vmGkq8t34+cUhp3cnM4XDiU/7xlgK7HGrg==}
-    dev: false
+  property-information@6.3.0: {}
 
-  /proxy-from-env@1.0.0:
-    resolution: {integrity: sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==}
-    dev: true
+  proxy-from-env@1.0.0: {}
 
-  /ps-tree@1.2.0:
-    resolution: {integrity: sha512-0VnamPPYHl4uaU/nSFeZZpR21QAWRz+sRv4iW9+v/GS/J5U5iZB5BNN6J0RMoOvdx2gWM2+ZFMIm58q24e4UYA==}
-    engines: {node: '>= 0.10'}
-    hasBin: true
+  ps-tree@1.2.0:
     dependencies:
       event-stream: 3.3.4
-    dev: true
 
-  /pseudomap@1.0.2:
-    resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==}
-    dev: true
+  pseudomap@1.0.2: {}
 
-  /psl@1.9.0:
-    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
-    dev: true
+  psl@1.9.0: {}
 
-  /pump@3.0.0:
-    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
+  pump@3.0.0:
     dependencies:
       end-of-stream: 1.4.4
       once: 1.4.0
 
-  /punycode@2.3.0:
-    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
-    engines: {node: '>=6'}
-    dev: true
+  punycode@2.3.0: {}
 
-  /punycode@2.3.1:
-    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
-    engines: {node: '>=6'}
-    dev: true
+  punycode@2.3.1: {}
 
-  /qs@6.10.4:
-    resolution: {integrity: sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==}
-    engines: {node: '>=0.6'}
+  qs@6.10.4:
     dependencies:
       side-channel: 1.0.6
-    dev: true
 
-  /querystringify@2.2.0:
-    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
-    dev: true
+  querystringify@2.2.0: {}
 
-  /queue-microtask@1.2.3:
-    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+  queue-microtask@1.2.3: {}
 
-  /queue-tick@1.0.1:
-    resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==}
-    requiresBuild: true
-    dev: false
+  queue-tick@1.0.1:
     optional: true
 
-  /quick-lru@4.0.1:
-    resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==}
-    engines: {node: '>=8'}
-    dev: true
+  quick-lru@4.0.1: {}
 
-  /randombytes@2.1.0:
-    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
+  randombytes@2.1.0:
     dependencies:
       safe-buffer: 5.2.1
-    dev: true
 
-  /rc@1.2.8:
-    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
-    hasBin: true
-    requiresBuild: true
+  rc@1.2.8:
     dependencies:
       deep-extend: 0.6.0
       ini: 1.3.8
       minimist: 1.2.8
       strip-json-comments: 2.0.1
-    dev: false
     optional: true
 
-  /react-dom@18.2.0(react@18.2.0):
-    resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
-    peerDependencies:
-      react: ^18.2.0
+  react-dom@18.2.0(react@18.2.0):
     dependencies:
       loose-envify: 1.4.0
       react: 18.2.0
       scheduler: 0.23.0
 
-  /react-is@16.13.1:
-    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
-    dev: true
+  react-is@16.13.1: {}
 
-  /react-redux@9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1):
-    resolution: {integrity: sha512-5ynfGDzxxsoV73+4czQM56qF43vsmgJsO22rmAvU5tZT2z5Xow/A2uhhxwXuGTxgdReF3zcp7A80gma2onRs1A==}
-    peerDependencies:
-      '@types/react': ^18.2.25
-      react: ^18.0
-      react-native: '>=0.69'
-      redux: ^5.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      react-native:
-        optional: true
-      redux:
-        optional: true
+  react-redux@9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1):
     dependencies:
       '@types/react': 18.2.36
       '@types/use-sync-external-store': 0.0.3
       react: 18.2.0
       redux: 5.0.1
       use-sync-external-store: 1.2.0(react@18.2.0)
-    dev: false
 
-  /react-refresh@0.14.0:
-    resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==}
-    engines: {node: '>=0.10.0'}
+  react-refresh@0.14.0: {}
 
-  /react-router-dom@6.18.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-Ubrue4+Ercc/BoDkFQfc6og5zRQ4A8YxSO3Knsne+eRbZ+IepAsK249XBH/XaFuOYOYr3L3r13CXTLvYt5JDjw==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      react: '>=16.8'
-      react-dom: '>=16.8'
+  react-router-dom@6.18.0(react-dom@18.2.0)(react@18.2.0):
     dependencies:
       '@remix-run/router': 1.11.0
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       react-router: 6.18.0(react@18.2.0)
-    dev: false
 
-  /react-router@6.18.0(react@18.2.0):
-    resolution: {integrity: sha512-vk2y7Dsy8wI02eRRaRmOs9g2o+aE72YCx5q9VasT1N9v+lrdB79tIqrjMfByHiY5+6aYkH2rUa5X839nwWGPDg==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      react: '>=16.8'
+  react-router@6.18.0(react@18.2.0):
     dependencies:
       '@remix-run/router': 1.11.0
       react: 18.2.0
-    dev: false
 
-  /react@18.2.0:
-    resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
-    engines: {node: '>=0.10.0'}
+  react@18.2.0:
     dependencies:
       loose-envify: 1.4.0
 
-  /read-cache@1.0.0:
-    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+  read-cache@1.0.0:
     dependencies:
       pify: 2.3.0
-    dev: true
 
-  /read-pkg-up@7.0.1:
-    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
-    engines: {node: '>=8'}
+  read-pkg-up@7.0.1:
     dependencies:
       find-up: 4.1.0
       read-pkg: 5.2.0
       type-fest: 0.8.1
-    dev: true
 
-  /read-pkg@5.2.0:
-    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
-    engines: {node: '>=8'}
+  read-pkg@5.2.0:
     dependencies:
       '@types/normalize-package-data': 2.4.3
       normalize-package-data: 2.5.0
       parse-json: 5.2.0
       type-fest: 0.6.0
-    dev: true
 
-  /read-yaml-file@1.1.0:
-    resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==}
-    engines: {node: '>=6'}
+  read-yaml-file@1.1.0:
     dependencies:
       graceful-fs: 4.2.11
       js-yaml: 3.14.1
       pify: 4.0.1
       strip-bom: 3.0.0
-    dev: true
 
-  /readable-stream@3.6.2:
-    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
-    engines: {node: '>= 6'}
+  readable-stream@3.6.2:
     dependencies:
       inherits: 2.0.4
       string_decoder: 1.3.0
       util-deprecate: 1.0.2
-    dev: false
 
-  /readdirp@3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
+  readdirp@3.6.0:
     dependencies:
       picomatch: 2.3.1
 
-  /redent@3.0.0:
-    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
-    engines: {node: '>=8'}
+  redent@3.0.0:
     dependencies:
       indent-string: 4.0.0
       strip-indent: 3.0.0
-    dev: true
 
-  /redux-thunk@3.1.0(redux@5.0.1):
-    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
-    peerDependencies:
-      redux: ^5.0.0
+  redux-thunk@3.1.0(redux@5.0.1):
     dependencies:
       redux: 5.0.1
-    dev: false
 
-  /redux@5.0.1:
-    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
-    dev: false
+  redux@5.0.1: {}
 
-  /reflect.getprototypeof@1.0.4:
-    resolution: {integrity: sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==}
-    engines: {node: '>= 0.4'}
+  reflect.getprototypeof@1.0.4:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
@@ -9092,57 +11363,42 @@ packages:
       get-intrinsic: 1.2.2
       globalthis: 1.0.3
       which-builtin-type: 1.1.3
-    dev: true
 
-  /regenerator-runtime@0.14.0:
-    resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==}
-    dev: true
+  regenerator-runtime@0.14.0: {}
 
-  /regexp.prototype.flags@1.5.1:
-    resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==}
-    engines: {node: '>= 0.4'}
+  regexp.prototype.flags@1.5.1:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       set-function-name: 2.0.1
-    dev: true
 
-  /rehype-parse@8.0.5:
-    resolution: {integrity: sha512-Ds3RglaY/+clEX2U2mHflt7NlMA72KspZ0JLUJgBBLpRddBcEw3H8uYZQliQriku22NZpYMfjDdSgHcjxue24A==}
+  rehype-parse@8.0.5:
     dependencies:
       '@types/hast': 2.3.7
       hast-util-from-parse5: 7.1.2
       parse5: 6.0.1
       unified: 10.1.2
-    dev: false
 
-  /rehype-raw@6.1.1:
-    resolution: {integrity: sha512-d6AKtisSRtDRX4aSPsJGTfnzrX2ZkHQLE5kiUuGOeEoLpbEulFF4hj0mLPbsa+7vmguDKOVVEQdHKDSwoaIDsQ==}
+  rehype-raw@6.1.1:
     dependencies:
       '@types/hast': 2.3.7
       hast-util-raw: 7.2.3
       unified: 10.1.2
-    dev: false
 
-  /rehype-stringify@9.0.4:
-    resolution: {integrity: sha512-Uk5xu1YKdqobe5XpSskwPvo1XeHUUucWEQSl8hTrXt5selvca1e8K1EZ37E6YoZ4BT8BCqCdVfQW7OfHfthtVQ==}
+  rehype-stringify@9.0.4:
     dependencies:
       '@types/hast': 2.3.7
       hast-util-to-html: 8.0.4
       unified: 10.1.2
-    dev: false
 
-  /rehype@12.0.1:
-    resolution: {integrity: sha512-ey6kAqwLM3X6QnMDILJthGvG1m1ULROS9NT4uG9IDCuv08SFyLlreSuvOa//DgEvbXx62DS6elGVqusWhRUbgw==}
+  rehype@12.0.1:
     dependencies:
       '@types/hast': 2.3.7
       rehype-parse: 8.0.5
       rehype-stringify: 9.0.4
       unified: 10.1.2
-    dev: false
 
-  /remark-gfm@3.0.1:
-    resolution: {integrity: sha512-lEFDoi2PICJyNrACFOfDD3JlLkuSbOa5Wd8EPt06HUdptv8Gn0bxYTdbU/XXQ3swAPkEaGxxPN9cbnMHvVu1Ig==}
+  remark-gfm@3.0.1:
     dependencies:
       '@types/mdast': 3.0.14
       mdast-util-gfm: 2.0.2
@@ -9150,185 +11406,118 @@ packages:
       unified: 10.1.2
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /remark-parse@10.0.2:
-    resolution: {integrity: sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==}
+  remark-parse@10.0.2:
     dependencies:
       '@types/mdast': 3.0.14
       mdast-util-from-markdown: 1.3.1
       unified: 10.1.2
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /remark-rehype@10.1.0:
-    resolution: {integrity: sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==}
+  remark-rehype@10.1.0:
     dependencies:
       '@types/hast': 2.3.7
       '@types/mdast': 3.0.14
       mdast-util-to-hast: 12.3.0
       unified: 10.1.2
-    dev: false
 
-  /remark-smartypants@2.0.0:
-    resolution: {integrity: sha512-Rc0VDmr/yhnMQIz8n2ACYXlfw/P/XZev884QU1I5u+5DgJls32o97Vc1RbK3pfumLsJomS2yy8eT4Fxj/2MDVA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  remark-smartypants@2.0.0:
     dependencies:
       retext: 8.1.0
       retext-smartypants: 5.2.0
       unist-util-visit: 4.1.2
-    dev: false
 
-  /request-progress@3.0.0:
-    resolution: {integrity: sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==}
+  request-progress@3.0.0:
     dependencies:
       throttleit: 1.0.1
-    dev: true
 
-  /require-directory@2.1.1:
-    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  require-directory@2.1.1: {}
 
-  /require-main-filename@2.0.0:
-    resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
-    dev: true
+  require-main-filename@2.0.0: {}
 
-  /requires-port@1.0.0:
-    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
-    dev: true
+  requires-port@1.0.0: {}
 
-  /reselect@5.1.0:
-    resolution: {integrity: sha512-aw7jcGLDpSgNDyWBQLv2cedml85qd95/iszJjN988zX1t7AVRJi19d9kto5+W7oCfQ94gyo40dVbT6g2k4/kXg==}
-    dev: false
+  reselect@5.1.0: {}
 
-  /resolve-from@4.0.0:
-    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
-    engines: {node: '>=4'}
-    dev: true
+  resolve-from@4.0.0: {}
 
-  /resolve-from@5.0.0:
-    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
-    engines: {node: '>=8'}
-    dev: true
+  resolve-from@5.0.0: {}
 
-  /resolve@1.22.8:
-    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
-    hasBin: true
+  resolve@1.22.8:
     dependencies:
       is-core-module: 2.13.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  /resolve@2.0.0-next.5:
-    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
-    hasBin: true
+  resolve@2.0.0-next.5:
     dependencies:
       is-core-module: 2.13.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
-    dev: true
 
-  /restore-cursor@3.1.0:
-    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
-    engines: {node: '>=8'}
+  restore-cursor@3.1.0:
     dependencies:
       onetime: 5.1.2
       signal-exit: 3.0.7
-    dev: true
 
-  /restore-cursor@4.0.0:
-    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  restore-cursor@4.0.0:
     dependencies:
       onetime: 5.1.2
       signal-exit: 3.0.7
-    dev: false
 
-  /retext-latin@3.1.0:
-    resolution: {integrity: sha512-5MrD1tuebzO8ppsja5eEu+ZbBeUNCjoEarn70tkXOS7Bdsdf6tNahsv2bY0Z8VooFF6cw7/6S+d3yI/TMlMVVQ==}
+  retext-latin@3.1.0:
     dependencies:
       '@types/nlcst': 1.0.3
       parse-latin: 5.0.1
       unherit: 3.0.1
       unified: 10.1.2
-    dev: false
 
-  /retext-smartypants@5.2.0:
-    resolution: {integrity: sha512-Do8oM+SsjrbzT2UNIKgheP0hgUQTDDQYyZaIY3kfq0pdFzoPk+ZClYJ+OERNXveog4xf1pZL4PfRxNoVL7a/jw==}
+  retext-smartypants@5.2.0:
     dependencies:
       '@types/nlcst': 1.0.3
       nlcst-to-string: 3.1.1
       unified: 10.1.2
       unist-util-visit: 4.1.2
-    dev: false
 
-  /retext-stringify@3.1.0:
-    resolution: {integrity: sha512-767TLOaoXFXyOnjx/EggXlb37ZD2u4P1n0GJqVdpipqACsQP+20W+BNpMYrlJkq7hxffnFk+jc6mAK9qrbuB8w==}
+  retext-stringify@3.1.0:
     dependencies:
       '@types/nlcst': 1.0.3
       nlcst-to-string: 3.1.1
       unified: 10.1.2
-    dev: false
 
-  /retext@8.1.0:
-    resolution: {integrity: sha512-N9/Kq7YTn6ZpzfiGW45WfEGJqFf1IM1q8OsRa1CGzIebCJBNCANDRmOrholiDRGKo/We7ofKR4SEvcGAWEMD3Q==}
+  retext@8.1.0:
     dependencies:
       '@types/nlcst': 1.0.3
       retext-latin: 3.1.0
       retext-stringify: 3.1.0
       unified: 10.1.2
-    dev: false
 
-  /reusify@1.0.4:
-    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
-    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+  reusify@1.0.4: {}
 
-  /rfdc@1.3.1:
-    resolution: {integrity: sha512-r5a3l5HzYlIC68TpmYKlxWjmOP6wiPJ1vWv2HeLhNsRZMrCkxeqxiHlQ21oXmQ4F3SiryXBHhAD7JZqvOJjFmg==}
-    dev: true
+  rfdc@1.3.1: {}
 
-  /rimraf@2.7.1:
-    resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
-    hasBin: true
+  rimraf@2.7.1:
     dependencies:
       glob: 7.2.3
 
-  /rimraf@3.0.2:
-    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
-    hasBin: true
+  rimraf@3.0.2:
     dependencies:
       glob: 7.2.3
-    dev: true
 
-  /rollup-plugin-peer-deps-external@2.2.4(rollup@4.18.0):
-    resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==}
-    peerDependencies:
-      rollup: '*'
+  rollup-plugin-peer-deps-external@2.2.4(rollup@4.18.0):
     dependencies:
       rollup: 4.18.0
-    dev: true
 
-  /rollup@3.23.0:
-    resolution: {integrity: sha512-h31UlwEi7FHihLe1zbk+3Q7z1k/84rb9BSwmBSr/XjOCEaBJ2YyedQDuM0t/kfOS0IxM+vk1/zI9XxYj9V+NJQ==}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
-    hasBin: true
+  rollup@3.23.0:
     optionalDependencies:
       fsevents: 2.3.3
-    dev: true
 
-  /rollup@3.29.4:
-    resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
-    hasBin: true
+  rollup@3.29.4:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /rollup@4.18.0:
-    resolution: {integrity: sha512-QmJz14PX3rzbJCN1SG4Xe/bAAX2a6NpCP8ab2vfu2GiUr8AQcr2nCV/oEO3yneFarB67zk8ShlIyWb2LGTb3Sg==}
-    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
-    hasBin: true
+  rollup@4.18.0:
     dependencies:
       '@types/estree': 1.0.5
     optionalDependencies:
@@ -9350,126 +11539,83 @@ packages:
       '@rollup/rollup-win32-x64-msvc': 4.18.0
       fsevents: 2.3.3
 
-  /run-parallel@1.2.0:
-    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+  run-parallel@1.2.0:
     dependencies:
       queue-microtask: 1.2.3
 
-  /rxjs@7.8.1:
-    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
+  rxjs@7.8.1:
     dependencies:
       tslib: 2.6.2
-    dev: true
 
-  /sade@1.8.1:
-    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
-    engines: {node: '>=6'}
+  sade@1.8.1:
     dependencies:
       mri: 1.2.0
 
-  /safe-array-concat@1.0.1:
-    resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==}
-    engines: {node: '>=0.4'}
+  safe-array-concat@1.0.1:
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
       has-symbols: 1.0.3
       isarray: 2.0.5
-    dev: true
 
-  /safe-buffer@5.2.1:
-    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+  safe-buffer@5.2.1: {}
 
-  /safe-regex-test@1.0.0:
-    resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
+  safe-regex-test@1.0.0:
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
       is-regex: 1.1.4
-    dev: true
 
-  /safer-buffer@2.1.2:
-    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+  safer-buffer@2.1.2: {}
 
-  /sander@0.5.1:
-    resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
+  sander@0.5.1:
     dependencies:
       es6-promise: 3.3.1
       graceful-fs: 4.2.11
       mkdirp: 0.5.6
       rimraf: 2.7.1
 
-  /sax@1.3.0:
-    resolution: {integrity: sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==}
-    dev: false
+  sax@1.3.0: {}
 
-  /scheduler@0.23.0:
-    resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==}
+  scheduler@0.23.0:
     dependencies:
       loose-envify: 1.4.0
 
-  /section-matter@1.0.0:
-    resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==}
-    engines: {node: '>=4'}
+  section-matter@1.0.0:
     dependencies:
       extend-shallow: 2.0.1
       kind-of: 6.0.3
-    dev: false
 
-  /semver@5.7.2:
-    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
-    hasBin: true
-    dev: true
+  semver@5.7.2: {}
 
-  /semver@6.3.1:
-    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
-    hasBin: true
+  semver@6.3.1: {}
 
-  /semver@7.5.4:
-    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
-    engines: {node: '>=10'}
-    hasBin: true
+  semver@7.5.4:
     dependencies:
       lru-cache: 6.0.0
 
-  /semver@7.6.0:
-    resolution: {integrity: sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==}
-    engines: {node: '>=10'}
-    hasBin: true
+  semver@7.6.0:
     dependencies:
       lru-cache: 6.0.0
 
-  /serialize-javascript@6.0.2:
-    resolution: {integrity: sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==}
+  serialize-javascript@6.0.2:
     dependencies:
       randombytes: 2.1.0
-    dev: true
 
-  /server-destroy@1.0.1:
-    resolution: {integrity: sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==}
-    dev: false
+  server-destroy@1.0.1: {}
 
-  /set-blocking@2.0.0:
-    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
-    dev: true
+  set-blocking@2.0.0: {}
 
-  /set-cookie-parser@2.6.0:
-    resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
-    dev: true
+  set-cookie-parser@2.6.0: {}
 
-  /set-function-length@1.1.1:
-    resolution: {integrity: sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==}
-    engines: {node: '>= 0.4'}
+  set-function-length@1.1.1:
     dependencies:
       define-data-property: 1.1.1
       get-intrinsic: 1.2.2
       gopd: 1.0.1
       has-property-descriptors: 1.0.1
-    dev: true
 
-  /set-function-length@1.2.1:
-    resolution: {integrity: sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==}
-    engines: {node: '>= 0.4'}
+  set-function-length@1.2.1:
     dependencies:
       define-data-property: 1.1.4
       es-errors: 1.3.0
@@ -9477,21 +11623,14 @@ packages:
       get-intrinsic: 1.2.4
       gopd: 1.0.1
       has-property-descriptors: 1.0.2
-    dev: true
 
-  /set-function-name@2.0.1:
-    resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==}
-    engines: {node: '>= 0.4'}
+  set-function-name@2.0.1:
     dependencies:
       define-data-property: 1.1.1
       functions-have-names: 1.2.3
       has-property-descriptors: 1.0.1
-    dev: true
 
-  /sharp@0.32.6:
-    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==}
-    engines: {node: '>=14.15.0'}
-    requiresBuild: true
+  sharp@0.32.6:
     dependencies:
       color: 4.2.3
       detect-libc: 2.0.2
@@ -9501,139 +11640,86 @@ packages:
       simple-get: 4.0.1
       tar-fs: 3.0.4
       tunnel-agent: 0.6.0
-    dev: false
     optional: true
 
-  /shebang-command@1.2.0:
-    resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
-    engines: {node: '>=0.10.0'}
+  shebang-command@1.2.0:
     dependencies:
       shebang-regex: 1.0.0
-    dev: true
 
-  /shebang-command@2.0.0:
-    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
-    engines: {node: '>=8'}
+  shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0
 
-  /shebang-regex@1.0.0:
-    resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  shebang-regex@1.0.0: {}
 
-  /shebang-regex@3.0.0:
-    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
-    engines: {node: '>=8'}
+  shebang-regex@3.0.0: {}
 
-  /shell-quote@1.8.1:
-    resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
-    dev: true
+  shell-quote@1.8.1: {}
 
-  /shiki@0.14.5:
-    resolution: {integrity: sha512-1gCAYOcmCFONmErGTrS1fjzJLA7MGZmKzrBNX7apqSwhyITJg2O102uFzXUeBxNnEkDA9vHIKLyeKq0V083vIw==}
+  shiki@0.14.5:
     dependencies:
       ansi-sequence-parser: 1.1.1
       jsonc-parser: 3.2.0
       vscode-oniguruma: 1.7.0
       vscode-textmate: 8.0.0
-    dev: false
 
-  /side-channel@1.0.4:
-    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
+  side-channel@1.0.4:
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
       object-inspect: 1.13.1
-    dev: true
 
-  /side-channel@1.0.6:
-    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
-    engines: {node: '>= 0.4'}
+  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.1
-    dev: true
 
-  /signal-exit@3.0.7:
-    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+  signal-exit@3.0.7: {}
 
-  /signal-exit@4.1.0:
-    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
-    engines: {node: '>=14'}
-    dev: false
+  signal-exit@4.1.0: {}
 
-  /simple-concat@1.0.1:
-    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
-    requiresBuild: true
-    dev: false
+  simple-concat@1.0.1:
     optional: true
 
-  /simple-get@4.0.1:
-    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
-    requiresBuild: true
+  simple-get@4.0.1:
     dependencies:
       decompress-response: 6.0.0
       once: 1.4.0
       simple-concat: 1.0.1
-    dev: false
     optional: true
 
-  /simple-swizzle@0.2.2:
-    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
-    requiresBuild: true
+  simple-swizzle@0.2.2:
     dependencies:
       is-arrayish: 0.3.2
-    dev: false
     optional: true
 
-  /sirv@2.0.4:
-    resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
-    engines: {node: '>= 10'}
+  sirv@2.0.4:
     dependencies:
       '@polka/url': 1.0.0-next.24
       mrmime: 2.0.0
       totalist: 3.0.1
-    dev: true
 
-  /sisteransi@1.0.5:
-    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
-    dev: false
+  sisteransi@1.0.5: {}
 
-  /slash@3.0.0:
-    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
-    engines: {node: '>=8'}
-    dev: true
+  slash@3.0.0: {}
 
-  /slash@5.1.0:
-    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
-    engines: {node: '>=14.16'}
-    dev: true
+  slash@5.1.0: {}
 
-  /slice-ansi@3.0.0:
-    resolution: {integrity: sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==}
-    engines: {node: '>=8'}
+  slice-ansi@3.0.0:
     dependencies:
       ansi-styles: 4.3.0
       astral-regex: 2.0.0
       is-fullwidth-code-point: 3.0.0
-    dev: true
 
-  /slice-ansi@4.0.0:
-    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
-    engines: {node: '>=10'}
+  slice-ansi@4.0.0:
     dependencies:
       ansi-styles: 4.3.0
       astral-regex: 2.0.0
       is-fullwidth-code-point: 3.0.0
-    dev: true
 
-  /smartwrap@2.0.2:
-    resolution: {integrity: sha512-vCsKNQxb7PnCNd2wY1WClWifAc2lwqsG8OaswpJkVJsvMGcnEntdTCDajZCkk93Ay1U3t/9puJmb525Rg5MZBA==}
-    engines: {node: '>=6'}
-    hasBin: true
+  smartwrap@2.0.2:
     dependencies:
       array.prototype.flat: 1.3.2
       breakword: 1.0.6
@@ -9641,91 +11727,57 @@ packages:
       strip-ansi: 6.0.1
       wcwidth: 1.0.1
       yargs: 15.4.1
-    dev: true
 
-  /smob@1.5.0:
-    resolution: {integrity: sha512-g6T+p7QO8npa+/hNx9ohv1E5pVCmWrVCUzUXJyLdMmftX6ER0oiWY/w9knEonLpnOp6b6FenKnMfR8gqwWdwig==}
-    dev: true
+  smob@1.5.0: {}
 
-  /sorcery@0.11.0:
-    resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==}
-    hasBin: true
+  sorcery@0.11.0:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
       buffer-crc32: 0.2.13
       minimist: 1.2.8
       sander: 0.5.1
 
-  /source-map-js@1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
-    engines: {node: '>=0.10.0'}
+  source-map-js@1.0.2: {}
 
-  /source-map-js@1.2.0:
-    resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
-    engines: {node: '>=0.10.0'}
+  source-map-js@1.2.0: {}
 
-  /source-map-support@0.5.21:
-    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+  source-map-support@0.5.21:
     dependencies:
       buffer-from: 1.1.2
       source-map: 0.6.1
-    dev: true
 
-  /source-map@0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  source-map@0.6.1: {}
 
-  /space-separated-tokens@2.0.2:
-    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
-    dev: false
+  space-separated-tokens@2.0.2: {}
 
-  /spawn-command@0.0.2-1:
-    resolution: {integrity: sha512-n98l9E2RMSJ9ON1AKisHzz7V42VDiBQGY6PB1BwRglz99wpVsSuGzQ+jOi6lFXBGVTCrRpltvjm+/XA+tpeJrg==}
-    dev: true
+  spawn-command@0.0.2-1: {}
 
-  /spawndamnit@2.0.0:
-    resolution: {integrity: sha512-j4JKEcncSjFlqIwU5L/rp2N5SIPsdxaRsIv678+TZxZ0SRDJTm8JrxJMjE/XuiEZNEir3S8l0Fa3Ke339WI4qA==}
+  spawndamnit@2.0.0:
     dependencies:
       cross-spawn: 5.1.0
       signal-exit: 3.0.7
-    dev: true
 
-  /spdx-correct@3.2.0:
-    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
+  spdx-correct@3.2.0:
     dependencies:
       spdx-expression-parse: 3.0.1
       spdx-license-ids: 3.0.16
-    dev: true
 
-  /spdx-exceptions@2.3.0:
-    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
-    dev: true
+  spdx-exceptions@2.3.0: {}
 
-  /spdx-expression-parse@3.0.1:
-    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
+  spdx-expression-parse@3.0.1:
     dependencies:
       spdx-exceptions: 2.3.0
       spdx-license-ids: 3.0.16
-    dev: true
 
-  /spdx-license-ids@3.0.16:
-    resolution: {integrity: sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==}
-    dev: true
+  spdx-license-ids@3.0.16: {}
 
-  /split@0.3.3:
-    resolution: {integrity: sha512-wD2AeVmxXRBoX44wAycgjVpMhvbwdI2aZjCkvfNcH1YqHQvJVa1duWc73OyVGJUc05fhFaTZeQ/PYsrmyH0JVA==}
+  split@0.3.3:
     dependencies:
       through: 2.3.8
-    dev: true
 
-  /sprintf-js@1.0.3:
-    resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
+  sprintf-js@1.0.3: {}
 
-  /sshpk@1.18.0:
-    resolution: {integrity: sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==}
-    engines: {node: '>=0.10.0'}
-    hasBin: true
+  sshpk@1.18.0:
     dependencies:
       asn1: 0.2.6
       assert-plus: 1.0.0
@@ -9736,12 +11788,8 @@ packages:
       jsbn: 0.1.1
       safer-buffer: 2.1.2
       tweetnacl: 0.14.5
-    dev: true
 
-  /start-server-and-test@2.0.2:
-    resolution: {integrity: sha512-4sGS2QmETUwqeBUqtTLP7OqXp3PdDnevaWlPlrFQgn8+7uCgVg4Do7/H/ZhAAVyvnL3DqKyANhnLgcgxrjhrMA==}
-    engines: {node: '>=16'}
-    hasBin: true
+  start-server-and-test@2.0.2:
     dependencies:
       arg: 5.0.2
       bluebird: 3.7.2
@@ -9753,72 +11801,50 @@ packages:
       wait-on: 7.1.0(debug@4.3.4)
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /stdin-discarder@0.1.0:
-    resolution: {integrity: sha512-xhV7w8S+bUwlPTb4bAOUQhv8/cSS5offJuX8GQGq32ONF0ZtDWKfkdomM3HMRA+LhX6um/FZ0COqlwsjD53LeQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  stdin-discarder@0.1.0:
     dependencies:
       bl: 5.1.0
-    dev: false
 
-  /stream-combiner@0.0.4:
-    resolution: {integrity: sha512-rT00SPnTVyRsaSz5zgSPma/aHSOic5U1prhYdRy5HS2kTZviFpmDgzilbtsJsxiroqACmayynDN/9VzIbX5DOw==}
+  stream-combiner@0.0.4:
     dependencies:
       duplexer: 0.1.2
-    dev: true
 
-  /stream-parser@0.3.1:
-    resolution: {integrity: sha512-bJ/HgKq41nlKvlhccD5kaCr/P+Hu0wPNKPJOH7en+YrJu/9EgqUF+88w5Jb6KNcjOFMhfX4B2asfeAtIGuHObQ==}
+  stream-parser@0.3.1:
     dependencies:
       debug: 2.6.9
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
-  /stream-transform@2.1.3:
-    resolution: {integrity: sha512-9GHUiM5hMiCi6Y03jD2ARC1ettBXkQBoQAe7nJsPknnI0ow10aXjTnew8QtYQmLjzn974BnmWEAJgCY6ZP1DeQ==}
+  stream-transform@2.1.3:
     dependencies:
       mixme: 0.5.9
-    dev: true
 
-  /streamx@2.15.1:
-    resolution: {integrity: sha512-fQMzy2O/Q47rgwErk/eGeLu/roaFWV0jVsogDmrszM9uIw8L5OA+t+V93MgYlufNptfjmYR1tOMWhei/Eh7TQA==}
-    requiresBuild: true
+  streamx@2.15.1:
     dependencies:
       fast-fifo: 1.3.2
       queue-tick: 1.0.1
-    dev: false
     optional: true
 
-  /string-width@4.2.3:
-    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
-    engines: {node: '>=8'}
+  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:
-    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
-    engines: {node: '>=12'}
+  string-width@5.1.2:
     dependencies:
       eastasianwidth: 0.2.0
       emoji-regex: 9.2.2
       strip-ansi: 7.1.0
-    dev: false
 
-  /string-width@6.1.0:
-    resolution: {integrity: sha512-k01swCJAgQmuADB0YIc+7TuatfNvTBVOoaUWJjTB9R4VJzR5vNWzf5t42ESVZFPS8xTySF7CAdV4t/aaIm3UnQ==}
-    engines: {node: '>=16'}
+  string-width@6.1.0:
     dependencies:
       eastasianwidth: 0.2.0
       emoji-regex: 10.3.0
       strip-ansi: 7.1.0
-    dev: false
 
-  /string.prototype.matchall@4.0.10:
-    resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==}
+  string.prototype.matchall@4.0.10:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
@@ -9829,151 +11855,88 @@ packages:
       regexp.prototype.flags: 1.5.1
       set-function-name: 2.0.1
       side-channel: 1.0.4
-    dev: true
 
-  /string.prototype.trim@1.2.8:
-    resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==}
-    engines: {node: '>= 0.4'}
+  string.prototype.trim@1.2.8:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
-    dev: true
 
-  /string.prototype.trimend@1.0.7:
-    resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==}
+  string.prototype.trimend@1.0.7:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
-    dev: true
 
-  /string.prototype.trimstart@1.0.7:
-    resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==}
+  string.prototype.trimstart@1.0.7:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
-    dev: true
 
-  /string_decoder@1.3.0:
-    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+  string_decoder@1.3.0:
     dependencies:
       safe-buffer: 5.2.1
-    dev: false
 
-  /stringify-entities@4.0.3:
-    resolution: {integrity: sha512-BP9nNHMhhfcMbiuQKCqMjhDP5yBCAxsPu4pHFFzJ6Alo9dZgY4VLDPutXqIjpRiMoKdp7Av85Gr73Q5uH9k7+g==}
+  stringify-entities@4.0.3:
     dependencies:
       character-entities-html4: 2.1.0
       character-entities-legacy: 3.0.0
-    dev: false
 
-  /strip-ansi@6.0.1:
-    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
-    engines: {node: '>=8'}
+  strip-ansi@6.0.1:
     dependencies:
       ansi-regex: 5.0.1
 
-  /strip-ansi@7.1.0:
-    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
-    engines: {node: '>=12'}
+  strip-ansi@7.1.0:
     dependencies:
       ansi-regex: 6.0.1
-    dev: false
 
-  /strip-bom-string@1.0.0:
-    resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==}
-    engines: {node: '>=0.10.0'}
-    dev: false
+  strip-bom-string@1.0.0: {}
 
-  /strip-bom@3.0.0:
-    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
-    engines: {node: '>=4'}
+  strip-bom@3.0.0: {}
 
-  /strip-bom@4.0.0:
-    resolution: {integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==}
-    engines: {node: '>=8'}
-    dev: false
+  strip-bom@4.0.0: {}
 
-  /strip-final-newline@2.0.0:
-    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
-    engines: {node: '>=6'}
-    dev: true
+  strip-final-newline@2.0.0: {}
 
-  /strip-final-newline@3.0.0:
-    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
-    engines: {node: '>=12'}
-    dev: false
+  strip-final-newline@3.0.0: {}
 
-  /strip-indent@3.0.0:
-    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
-    engines: {node: '>=8'}
+  strip-indent@3.0.0:
     dependencies:
       min-indent: 1.0.1
 
-  /strip-json-comments@2.0.1:
-    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
-    engines: {node: '>=0.10.0'}
-    requiresBuild: true
-    dev: false
+  strip-json-comments@2.0.1:
     optional: true
 
-  /strip-json-comments@3.1.1:
-    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
-    engines: {node: '>=8'}
-    dev: true
+  strip-json-comments@3.1.1: {}
 
-  /stylehacks@6.0.0(postcss@8.4.21):
-    resolution: {integrity: sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.2.15
+  stylehacks@6.0.0(postcss@8.4.21):
     dependencies:
       browserslist: 4.22.1
       postcss: 8.4.21
       postcss-selector-parser: 6.0.13
-    dev: true
 
-  /stylehacks@6.1.0(postcss@8.4.35):
-    resolution: {integrity: sha512-ETErsPFgwlfYZ/CSjMO2Ddf+TsnkCVPBPaoB99Ro8WMAxf7cglzmFsRBhRmKObFjibtcvlNxFFPHuyr3sNlNUQ==}
-    engines: {node: ^14 || ^16 || >=18.0}
-    peerDependencies:
-      postcss: ^8.4.31
+  stylehacks@6.1.0(postcss@8.4.35):
     dependencies:
       browserslist: 4.23.0
       postcss: 8.4.35
       postcss-selector-parser: 6.0.16
-    dev: true
 
-  /supports-color@5.5.0:
-    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
-    engines: {node: '>=4'}
+  supports-color@5.5.0:
     dependencies:
       has-flag: 3.0.0
 
-  /supports-color@7.2.0:
-    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
-    engines: {node: '>=8'}
+  supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
-    dev: true
 
-  /supports-color@8.1.1:
-    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
-    engines: {node: '>=10'}
+  supports-color@8.1.1:
     dependencies:
       has-flag: 4.0.0
 
-  /supports-preserve-symlinks-flag@1.0.0:
-    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
-    engines: {node: '>= 0.4'}
+  supports-preserve-symlinks-flag@1.0.0: {}
 
-  /svelte-check@3.6.6(postcss@8.4.35)(svelte@4.2.12):
-    resolution: {integrity: sha512-b9q9rOHOMYF3U8XllK7LmXTq1LeWQ98waGfEJzrFutViadkNl1tgdEtxIQ8yuPx+VQ4l7YrknYol+0lfZocaZw==}
-    hasBin: true
-    peerDependencies:
-      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
+  svelte-check@3.6.6(postcss@8.4.35)(svelte@4.2.12):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 3.6.0
@@ -9994,13 +11957,8 @@ packages:
       - sass
       - stylus
       - sugarss
-    dev: true
 
-  /svelte-check@3.6.7(postcss@8.4.35)(svelte@4.2.12):
-    resolution: {integrity: sha512-tKEjemK9FYCySAseCaIt+ps5o0XRvLC7ECjyJXXtO7vOQhR9E6JavgoUbGP1PCulD2OTcB/fi9RjV3nyF1AROw==}
-    hasBin: true
-    peerDependencies:
-      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
+  svelte-check@3.6.7(postcss@8.4.35)(svelte@4.2.12):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 3.6.0
@@ -10021,16 +11979,8 @@ packages:
       - sass
       - stylus
       - sugarss
-    dev: true
 
-  /svelte-eslint-parser@0.33.1(svelte@4.2.12):
-    resolution: {integrity: sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      svelte: ^3.37.0 || ^4.0.0
-    peerDependenciesMeta:
-      svelte:
-        optional: true
+  svelte-eslint-parser@0.33.1(svelte@4.2.12):
     dependencies:
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
@@ -10038,62 +11988,16 @@ packages:
       postcss: 8.4.35
       postcss-scss: 4.0.9(postcss@8.4.35)
       svelte: 4.2.12
-    dev: true
 
-  /svelte-hmr@0.15.3(svelte@4.2.1):
-    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
-    engines: {node: ^12.20 || ^14.13.1 || >= 16}
-    peerDependencies:
-      svelte: ^3.19.0 || ^4.0.0
+  svelte-hmr@0.15.3(svelte@4.2.1):
     dependencies:
       svelte: 4.2.1
-    dev: false
 
-  /svelte-hmr@0.16.0(svelte@4.2.12):
-    resolution: {integrity: sha512-Gyc7cOS3VJzLlfj7wKS0ZnzDVdv3Pn2IuVeJPk9m2skfhcu5bq3wtIZyQGggr7/Iim5rH5cncyQft/kRLupcnA==}
-    engines: {node: ^12.20 || ^14.13.1 || >= 16}
-    peerDependencies:
-      svelte: ^3.19.0 || ^4.0.0
+  svelte-hmr@0.16.0(svelte@4.2.12):
     dependencies:
       svelte: 4.2.12
 
-  /svelte-preprocess@5.1.3(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2):
-    resolution: {integrity: sha512-xxAkmxGHT+J/GourS5mVJeOXZzne1FR5ljeOUAMXUkfEhkLEllRreXpbl3dIYJlcJRfL1LO1uIAPpBpBfiqGPw==}
-    engines: {node: '>= 16.0.0', pnpm: ^8.0.0}
-    requiresBuild: true
-    peerDependencies:
-      '@babel/core': ^7.10.2
-      coffeescript: ^2.5.1
-      less: ^3.11.3 || ^4.0.0
-      postcss: ^7 || ^8
-      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
-      pug: ^3.0.0
-      sass: ^1.26.8
-      stylus: ^0.55.0
-      sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
-      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
-      typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
-    peerDependenciesMeta:
-      '@babel/core':
-        optional: true
-      coffeescript:
-        optional: true
-      less:
-        optional: true
-      postcss:
-        optional: true
-      postcss-load-config:
-        optional: true
-      pug:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      typescript:
-        optional: true
+  svelte-preprocess@5.1.3(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2):
     dependencies:
       '@types/pug': 2.0.10
       detect-indent: 6.1.0
@@ -10104,33 +12008,21 @@ packages:
       svelte: 4.2.12
       typescript: 5.4.2
 
-  /svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.4.2):
-    resolution: {integrity: sha512-3bwd1PuWUA3oEXy8+85zrLDnmJOsVpShpKVAehGWeYsz/66zMihTpRpUN97VVAKTZbO5tP4wnchHUXYs0zOwdw==}
-    peerDependencies:
-      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
-      typescript: ^4.9.4 || ^5.0.0
+  svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.4.2):
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
       svelte: 4.2.1
       typescript: 5.4.2
-    dev: false
 
-  /svelte2tsx@0.7.3(svelte@4.2.12)(typescript@5.4.2):
-    resolution: {integrity: sha512-yrjJFvqp32Ag4Oke+T1xXZLqMNrS0gjzAM//+L6+7OhXWMDuMs0fkyb9ymixK9keVOLJ1GbeEVfg59c3E2IN+w==}
-    peerDependencies:
-      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
-      typescript: ^4.9.4 || ^5.0.0
+  svelte2tsx@0.7.3(svelte@4.2.12)(typescript@5.4.2):
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
       svelte: 4.2.12
       typescript: 5.4.2
-    dev: true
 
-  /svelte@4.2.1:
-    resolution: {integrity: sha512-LpLqY2Jr7cRxkrTc796/AaaoMLF/1ax7cto8Ot76wrvKQhrPmZ0JgajiWPmg9mTSDqO16SSLiD17r9MsvAPTmw==}
-    engines: {node: '>=16'}
+  svelte@4.2.1:
     dependencies:
       '@ampproject/remapping': 2.2.1
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -10145,11 +12037,8 @@ packages:
       locate-character: 3.0.0
       magic-string: 0.30.5
       periscopic: 3.1.0
-    dev: false
 
-  /svelte@4.2.12:
-    resolution: {integrity: sha512-d8+wsh5TfPwqVzbm4/HCXC783/KPHV60NvwitJnyTA5lWn1elhXMNWhXGCJ7PwPa8qFUnyJNIyuIRt2mT0WMug==}
-    engines: {node: '>=16'}
+  svelte@4.2.12:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -10166,10 +12055,7 @@ packages:
       magic-string: 0.30.8
       periscopic: 3.1.0
 
-  /svgo@3.0.2:
-    resolution: {integrity: sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
+  svgo@3.0.2:
     dependencies:
       '@trysound/sax': 0.2.0
       commander: 7.2.0
@@ -10177,12 +12063,8 @@ packages:
       css-tree: 2.3.1
       csso: 5.0.5
       picocolors: 1.0.0
-    dev: true
 
-  /svgo@3.2.0:
-    resolution: {integrity: sha512-4PP6CMW/V7l/GmKRKzsLR8xxjdHTV4IMvhTnpuHwwBazSIlw5W/5SmPjN8Dwyt7lKbSJrRDgp4t9ph0HgChFBQ==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
+  svgo@3.2.0:
     dependencies:
       '@trysound/sax': 0.2.0
       commander: 7.2.0
@@ -10191,179 +12073,104 @@ packages:
       css-what: 6.1.0
       csso: 5.0.5
       picocolors: 1.0.0
-    dev: true
 
-  /tar-fs@2.1.1:
-    resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
-    requiresBuild: true
+  tar-fs@2.1.1:
     dependencies:
       chownr: 1.1.4
       mkdirp-classic: 0.5.3
       pump: 3.0.0
       tar-stream: 2.2.0
-    dev: false
     optional: true
 
-  /tar-fs@3.0.4:
-    resolution: {integrity: sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==}
-    requiresBuild: true
+  tar-fs@3.0.4:
     dependencies:
       mkdirp-classic: 0.5.3
       pump: 3.0.0
       tar-stream: 3.1.6
-    dev: false
     optional: true
 
-  /tar-stream@2.2.0:
-    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
-    engines: {node: '>=6'}
-    requiresBuild: true
+  tar-stream@2.2.0:
     dependencies:
       bl: 4.1.0
       end-of-stream: 1.4.4
       fs-constants: 1.0.0
       inherits: 2.0.4
       readable-stream: 3.6.2
-    dev: false
     optional: true
 
-  /tar-stream@3.1.6:
-    resolution: {integrity: sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==}
-    requiresBuild: true
+  tar-stream@3.1.6:
     dependencies:
       b4a: 1.6.4
       fast-fifo: 1.3.2
       streamx: 2.15.1
-    dev: false
     optional: true
 
-  /term-size@2.2.1:
-    resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==}
-    engines: {node: '>=8'}
-    dev: true
+  term-size@2.2.1: {}
 
-  /terser@5.31.0:
-    resolution: {integrity: sha512-Q1JFAoUKE5IMfI4Z/lkE/E6+SwgzO+x4tq4v1AyBLRj8VSYvRO6A/rQrPg1yud4g0En9EKI1TvFRF2tQFcoUkg==}
-    engines: {node: '>=10'}
-    hasBin: true
+  terser@5.31.0:
     dependencies:
       '@jridgewell/source-map': 0.3.6
       acorn: 8.11.3
       commander: 2.20.3
       source-map-support: 0.5.21
-    dev: true
 
-  /text-table@0.2.0:
-    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
-    dev: true
+  text-table@0.2.0: {}
 
-  /thenby@1.3.4:
-    resolution: {integrity: sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==}
-    dev: true
+  thenby@1.3.4: {}
 
-  /throttleit@1.0.1:
-    resolution: {integrity: sha512-vDZpf9Chs9mAdfY046mcPt8fg5QSZr37hEH4TXYBnDF+izxgrbRGUAAaBvIk/fJm9aOFCGFd1EsNg5AZCbnQCQ==}
-    dev: true
+  throttleit@1.0.1: {}
 
-  /through@2.3.8:
-    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
-    dev: true
+  through@2.3.8: {}
 
-  /tiny-glob@0.2.9:
-    resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
+  tiny-glob@0.2.9:
     dependencies:
       globalyzer: 0.1.0
       globrex: 0.1.2
-    dev: true
 
-  /tmp@0.0.33:
-    resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==}
-    engines: {node: '>=0.6.0'}
+  tmp@0.0.33:
     dependencies:
       os-tmpdir: 1.0.2
-    dev: true
 
-  /tmp@0.2.3:
-    resolution: {integrity: sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==}
-    engines: {node: '>=14.14'}
-    dev: true
+  tmp@0.2.3: {}
 
-  /to-fast-properties@2.0.0:
-    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
-    engines: {node: '>=4'}
+  to-fast-properties@2.0.0: {}
 
-  /to-regex-range@5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
-    engines: {node: '>=8.0'}
+  to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
 
-  /totalist@3.0.1:
-    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
-    engines: {node: '>=6'}
-    dev: true
+  totalist@3.0.1: {}
 
-  /tough-cookie@4.1.3:
-    resolution: {integrity: sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==}
-    engines: {node: '>=6'}
+  tough-cookie@4.1.3:
     dependencies:
       psl: 1.9.0
       punycode: 2.3.1
       universalify: 0.2.0
       url-parse: 1.5.10
-    dev: true
 
-  /tr46@0.0.3:
-    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
-    dev: true
+  tr46@0.0.3: {}
 
-  /tree-kill@1.2.2:
-    resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
-    hasBin: true
-    dev: true
+  tree-kill@1.2.2: {}
 
-  /trim-lines@3.0.1:
-    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
-    dev: false
+  trim-lines@3.0.1: {}
 
-  /trim-newlines@3.0.1:
-    resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
-    engines: {node: '>=8'}
-    dev: true
+  trim-newlines@3.0.1: {}
 
-  /trough@2.1.0:
-    resolution: {integrity: sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==}
-    dev: false
+  trough@2.1.0: {}
 
-  /ts-api-utils@1.0.3(typescript@5.1.3):
-    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
-    engines: {node: '>=16.13.0'}
-    peerDependencies:
-      typescript: '>=4.2.0'
+  ts-api-utils@1.0.3(typescript@5.1.3):
     dependencies:
       typescript: 5.1.3
-    dev: true
 
-  /ts-api-utils@1.0.3(typescript@5.2.2):
-    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
-    engines: {node: '>=16.13.0'}
-    peerDependencies:
-      typescript: '>=4.2.0'
+  ts-api-utils@1.0.3(typescript@5.2.2):
     dependencies:
       typescript: 5.2.2
-    dev: true
 
-  /ts-api-utils@1.0.3(typescript@5.4.2):
-    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
-    engines: {node: '>=16.13.0'}
-    peerDependencies:
-      typescript: '>=4.2.0'
+  ts-api-utils@1.0.3(typescript@5.4.2):
     dependencies:
       typescript: 5.4.2
-    dev: true
 
-  /tsconfig-resolver@3.0.1:
-    resolution: {integrity: sha512-ZHqlstlQF449v8glscGRXzL6l2dZvASPCdXJRWG4gHEZlUVx2Jtmr+a2zeVG4LCsKhDXKRj5R3h0C/98UcVAQg==}
+  tsconfig-resolver@3.0.1:
     dependencies:
       '@types/json5': 0.0.30
       '@types/resolve': 1.20.4
@@ -10371,15 +12178,10 @@ packages:
       resolve: 1.22.8
       strip-bom: 4.0.0
       type-fest: 0.13.1
-    dev: false
 
-  /tslib@2.6.2:
-    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
+  tslib@2.6.2: {}
 
-  /tty-table@4.2.2:
-    resolution: {integrity: sha512-2gvCArMZLxgvpZ2NvQKdnYWIFLe7I/z5JClMuhrDXunmKgSZcQKcZRjN9XjAFiToMz2pUo1dEIXyrm0AwgV5Tw==}
-    engines: {node: '>=8.0.0'}
-    hasBin: true
+  tty-table@4.2.2:
     dependencies:
       chalk: 4.1.2
       csv: 5.5.3
@@ -10388,65 +12190,30 @@ packages:
       strip-ansi: 6.0.1
       wcwidth: 1.0.1
       yargs: 17.7.2
-    dev: true
 
-  /tunnel-agent@0.6.0:
-    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
+  tunnel-agent@0.6.0:
     dependencies:
       safe-buffer: 5.2.1
 
-  /turbo-darwin-64@1.10.0:
-    resolution: {integrity: sha512-N0aVGFtBgOKd7pIdUiKREwnDhNHRIvpMJbmUw04c1AqEoTiKAKT6iuzcCozO5N/gYMVr0hxrXgLal5OLYXtcsw==}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
+  turbo-darwin-64@1.10.0:
     optional: true
 
-  /turbo-darwin-arm64@1.10.0:
-    resolution: {integrity: sha512-boXzhaHTS5MsTMv48I/JmYp9/fYplXk5nACUDrqV6nD1hzO5PMn5wNg75ATbpkaMaeuD+hjuobeSxn1p4vpqQg==}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
+  turbo-darwin-arm64@1.10.0:
     optional: true
 
-  /turbo-linux-64@1.10.0:
-    resolution: {integrity: sha512-crKQuS1jrp4vp+Th6EmUqqmAlvYNnzGmwWMLeckmYILrV7zAddu87eJu4hB7V6uV+W1qHZUTw8WXa1w1+8boBw==}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
+  turbo-linux-64@1.10.0:
     optional: true
 
-  /turbo-linux-arm64@1.10.0:
-    resolution: {integrity: sha512-Y2fhWe0xepLjl7doIvsJK7mp2h8E+OF6qJsUHRgxFeRWQWi1I6clD2aEQeykHK8Tp+qp8pKFMocj32nFBvuCcg==}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
+  turbo-linux-arm64@1.10.0:
     optional: true
 
-  /turbo-windows-64@1.10.0:
-    resolution: {integrity: sha512-uh8rEqH6teaHysEMjinwWBqyNwv4IvgSAwbq/OphP8jObstTYHoR+gFPo8RQUSTaBYy4QVszgi5eO5YLvEQqNA==}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
+  turbo-windows-64@1.10.0:
     optional: true
 
-  /turbo-windows-arm64@1.10.0:
-    resolution: {integrity: sha512-JaVj3iM7qyRD6xYGZLL/Gs4mQKfM1zL0f91AwHZLNkk1CrJ6i5kO4ZjhKkwXSpVOTNKW3sX0Q7dExXj85Vv7UQ==}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
+  turbo-windows-arm64@1.10.0:
     optional: true
 
-  /turbo@1.10.0:
-    resolution: {integrity: sha512-GWxoL2zJduiNaEHz78o74l2jCQEeuUZ3MdpMPz0SpZOvt3nimpvQPNxiyfbqt3U9/V5G375PWKYSbXkVnIbQcA==}
-    hasBin: true
-    requiresBuild: true
+  turbo@1.10.0:
     optionalDependencies:
       turbo-darwin-64: 1.10.0
       turbo-darwin-arm64: 1.10.0
@@ -10454,139 +12221,79 @@ packages:
       turbo-linux-arm64: 1.10.0
       turbo-windows-64: 1.10.0
       turbo-windows-arm64: 1.10.0
-    dev: true
 
-  /tweetnacl@0.14.5:
-    resolution: {integrity: sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==}
-    dev: true
+  tweetnacl@0.14.5: {}
 
-  /type-check@0.4.0:
-    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
-    engines: {node: '>= 0.8.0'}
+  type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
-    dev: true
 
-  /type-fest@0.13.1:
-    resolution: {integrity: sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==}
-    engines: {node: '>=10'}
+  type-fest@0.13.1: {}
 
-  /type-fest@0.20.2:
-    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
-    engines: {node: '>=10'}
-    dev: true
+  type-fest@0.20.2: {}
 
-  /type-fest@0.21.3:
-    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
-    engines: {node: '>=10'}
-    dev: true
+  type-fest@0.21.3: {}
 
-  /type-fest@0.6.0:
-    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
-    engines: {node: '>=8'}
-    dev: true
+  type-fest@0.6.0: {}
 
-  /type-fest@0.8.1:
-    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
-    engines: {node: '>=8'}
-    dev: true
+  type-fest@0.8.1: {}
 
-  /type-fest@2.19.0:
-    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
-    engines: {node: '>=12.20'}
-    dev: false
+  type-fest@2.19.0: {}
 
-  /typed-array-buffer@1.0.0:
-    resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==}
-    engines: {node: '>= 0.4'}
+  typed-array-buffer@1.0.0:
     dependencies:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
       is-typed-array: 1.1.12
-    dev: true
 
-  /typed-array-byte-length@1.0.0:
-    resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==}
-    engines: {node: '>= 0.4'}
+  typed-array-byte-length@1.0.0:
     dependencies:
       call-bind: 1.0.5
       for-each: 0.3.3
       has-proto: 1.0.1
       is-typed-array: 1.1.12
-    dev: true
 
-  /typed-array-byte-offset@1.0.0:
-    resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==}
-    engines: {node: '>= 0.4'}
+  typed-array-byte-offset@1.0.0:
     dependencies:
       available-typed-arrays: 1.0.5
       call-bind: 1.0.5
       for-each: 0.3.3
       has-proto: 1.0.1
       is-typed-array: 1.1.12
-    dev: true
 
-  /typed-array-length@1.0.4:
-    resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
+  typed-array-length@1.0.4:
     dependencies:
       call-bind: 1.0.5
       for-each: 0.3.3
       is-typed-array: 1.1.12
-    dev: true
 
-  /typescript@5.1.3:
-    resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==}
-    engines: {node: '>=14.17'}
-    hasBin: true
-    dev: true
+  typescript@5.1.3: {}
 
-  /typescript@5.2.2:
-    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
-    engines: {node: '>=14.17'}
-    hasBin: true
+  typescript@5.2.2: {}
 
-  /typescript@5.4.2:
-    resolution: {integrity: sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==}
-    engines: {node: '>=14.17'}
-    hasBin: true
+  typescript@5.4.2: {}
 
-  /ultrahtml@1.5.2:
-    resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==}
-    dev: false
+  ultrahtml@1.5.2: {}
 
-  /unbox-primitive@1.0.2:
-    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+  unbox-primitive@1.0.2:
     dependencies:
       call-bind: 1.0.5
       has-bigints: 1.0.2
       has-symbols: 1.0.3
       which-boxed-primitive: 1.0.2
-    dev: true
 
-  /undici-types@5.26.5:
-    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
-    requiresBuild: true
-    dev: true
+  undici-types@5.26.5:
     optional: true
 
-  /undici@5.26.5:
-    resolution: {integrity: sha512-cSb4bPFd5qgR7qr2jYAi0hlX9n5YKK2ONKkLFkxl+v/9BvC0sOpZjBHDBSXc5lWAf5ty9oZdRXytBIHzgUcerw==}
-    engines: {node: '>=14.0'}
+  undici@5.26.5:
     dependencies:
       '@fastify/busboy': 2.0.0
-    dev: false
 
-  /unherit@3.0.1:
-    resolution: {integrity: sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==}
-    dev: false
+  unherit@3.0.1: {}
 
-  /unicorn-magic@0.1.0:
-    resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
-    engines: {node: '>=18'}
-    dev: true
+  unicorn-magic@0.1.0: {}
 
-  /unified@10.1.2:
-    resolution: {integrity: sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==}
+  unified@10.1.2:
     dependencies:
       '@types/unist': 2.0.9
       bail: 2.0.2
@@ -10595,225 +12302,129 @@ packages:
       is-plain-obj: 4.1.0
       trough: 2.1.0
       vfile: 5.3.7
-    dev: false
 
-  /unist-util-generated@2.0.1:
-    resolution: {integrity: sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==}
-    dev: false
+  unist-util-generated@2.0.1: {}
 
-  /unist-util-is@5.2.1:
-    resolution: {integrity: sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==}
+  unist-util-is@5.2.1:
     dependencies:
       '@types/unist': 2.0.9
-    dev: false
 
-  /unist-util-is@6.0.0:
-    resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
+  unist-util-is@6.0.0:
     dependencies:
       '@types/unist': 3.0.1
-    dev: false
 
-  /unist-util-modify-children@3.1.1:
-    resolution: {integrity: sha512-yXi4Lm+TG5VG+qvokP6tpnk+r1EPwyYL04JWDxLvgvPV40jANh7nm3udk65OOWquvbMDe+PL9+LmkxDpTv/7BA==}
+  unist-util-modify-children@3.1.1:
     dependencies:
       '@types/unist': 2.0.9
       array-iterate: 2.0.1
-    dev: false
 
-  /unist-util-position@4.0.4:
-    resolution: {integrity: sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==}
+  unist-util-position@4.0.4:
     dependencies:
       '@types/unist': 2.0.9
-    dev: false
 
-  /unist-util-stringify-position@3.0.3:
-    resolution: {integrity: sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==}
+  unist-util-stringify-position@3.0.3:
     dependencies:
       '@types/unist': 2.0.9
-    dev: false
 
-  /unist-util-visit-children@2.0.2:
-    resolution: {integrity: sha512-+LWpMFqyUwLGpsQxpumsQ9o9DG2VGLFrpz+rpVXYIEdPy57GSy5HioC0g3bg/8WP9oCLlapQtklOzQ8uLS496Q==}
+  unist-util-visit-children@2.0.2:
     dependencies:
       '@types/unist': 2.0.9
-    dev: false
 
-  /unist-util-visit-parents@5.1.3:
-    resolution: {integrity: sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==}
+  unist-util-visit-parents@5.1.3:
     dependencies:
       '@types/unist': 2.0.9
       unist-util-is: 5.2.1
-    dev: false
 
-  /unist-util-visit-parents@6.0.1:
-    resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==}
+  unist-util-visit-parents@6.0.1:
     dependencies:
       '@types/unist': 3.0.1
       unist-util-is: 6.0.0
-    dev: false
 
-  /unist-util-visit@4.1.2:
-    resolution: {integrity: sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==}
+  unist-util-visit@4.1.2:
     dependencies:
       '@types/unist': 2.0.9
       unist-util-is: 5.2.1
       unist-util-visit-parents: 5.1.3
-    dev: false
 
-  /unist-util-visit@5.0.0:
-    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
+  unist-util-visit@5.0.0:
     dependencies:
       '@types/unist': 3.0.1
       unist-util-is: 6.0.0
       unist-util-visit-parents: 6.0.1
-    dev: false
 
-  /universalify@0.1.2:
-    resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
-    engines: {node: '>= 4.0.0'}
-    dev: true
+  universalify@0.1.2: {}
 
-  /universalify@0.2.0:
-    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
-    engines: {node: '>= 4.0.0'}
-    dev: true
+  universalify@0.2.0: {}
 
-  /universalify@2.0.1:
-    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
-    engines: {node: '>= 10.0.0'}
-    dev: true
+  universalify@2.0.1: {}
 
-  /untildify@4.0.0:
-    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
-    engines: {node: '>=8'}
-    dev: true
+  untildify@4.0.0: {}
 
-  /update-browserslist-db@1.0.13(browserslist@4.22.1):
-    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
+  update-browserslist-db@1.0.13(browserslist@4.22.1):
     dependencies:
       browserslist: 4.22.1
       escalade: 3.1.1
       picocolors: 1.0.0
 
-  /update-browserslist-db@1.0.13(browserslist@4.23.0):
-    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
+  update-browserslist-db@1.0.13(browserslist@4.23.0):
     dependencies:
       browserslist: 4.23.0
       escalade: 3.1.1
       picocolors: 1.0.0
 
-  /uri-js@4.4.1:
-    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+  uri-js@4.4.1:
     dependencies:
       punycode: 2.3.0
-    dev: true
 
-  /url-parse@1.5.10:
-    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==}
+  url-parse@1.5.10:
     dependencies:
       querystringify: 2.2.0
       requires-port: 1.0.0
-    dev: true
 
-  /use-sync-external-store@1.2.0(react@18.2.0):
-    resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  use-sync-external-store@1.2.0(react@18.2.0):
     dependencies:
       react: 18.2.0
-    dev: false
 
-  /util-deprecate@1.0.2:
-    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+  util-deprecate@1.0.2: {}
 
-  /uuid@8.3.2:
-    resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
-    hasBin: true
-    dev: true
+  uuid@8.3.2: {}
 
-  /uvu@0.5.6:
-    resolution: {integrity: sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==}
-    engines: {node: '>=8'}
-    hasBin: true
+  uvu@0.5.6:
     dependencies:
       dequal: 2.0.3
       diff: 5.1.0
       kleur: 4.1.5
       sade: 1.8.1
-    dev: false
 
-  /validate-npm-package-license@3.0.4:
-    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
+  validate-npm-package-license@3.0.4:
     dependencies:
       spdx-correct: 3.2.0
       spdx-expression-parse: 3.0.1
-    dev: true
 
-  /verror@1.10.0:
-    resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==}
-    engines: {'0': node >=0.6.0}
+  verror@1.10.0:
     dependencies:
       assert-plus: 1.0.0
       core-util-is: 1.0.2
       extsprintf: 1.3.0
-    dev: true
 
-  /vfile-location@4.1.0:
-    resolution: {integrity: sha512-YF23YMyASIIJXpktBa4vIGLJ5Gs88UB/XePgqPmTa7cDA+JeO3yclbpheQYCHjVHBn/yePzrXuygIL+xbvRYHw==}
+  vfile-location@4.1.0:
     dependencies:
       '@types/unist': 2.0.9
       vfile: 5.3.7
-    dev: false
 
-  /vfile-message@3.1.4:
-    resolution: {integrity: sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==}
+  vfile-message@3.1.4:
     dependencies:
       '@types/unist': 2.0.9
       unist-util-stringify-position: 3.0.3
-    dev: false
 
-  /vfile@5.3.7:
-    resolution: {integrity: sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==}
+  vfile@5.3.7:
     dependencies:
       '@types/unist': 2.0.9
       is-buffer: 2.0.5
       unist-util-stringify-position: 3.0.3
       vfile-message: 3.1.4
-    dev: false
 
-  /vite@4.5.0:
-    resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
+  vite@4.5.0:
     dependencies:
       esbuild: 0.18.20
       postcss: 8.4.35
@@ -10821,68 +12432,15 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /vite@4.5.3:
-    resolution: {integrity: sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
+  vite@4.5.3:
     dependencies:
       esbuild: 0.18.20
       postcss: 8.4.38
       rollup: 3.29.4
     optionalDependencies:
       fsevents: 2.3.3
-    dev: false
 
-  /vite@5.2.12(@types/node@18.7.16):
-    resolution: {integrity: sha512-/gC8GxzxMK5ntBwb48pR32GGhENnjtY30G4A0jemunsBkiEZFw60s8InGpN8gkhHEkjnRK1aSAxeQgwvFhUHAA==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': ^18.0.0 || >=20.0.0
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
+  vite@5.2.12(@types/node@18.7.16):
     dependencies:
       '@types/node': 18.7.16
       esbuild: 0.20.2
@@ -10891,50 +12449,23 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /vitefu@0.2.5(vite@4.5.0):
-    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
-    peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
-    peerDependenciesMeta:
-      vite:
-        optional: true
+  vitefu@0.2.5(vite@4.5.0):
     dependencies:
       vite: 4.5.0
-    dev: false
 
-  /vitefu@0.2.5(vite@4.5.3):
-    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
-    peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
-    peerDependenciesMeta:
-      vite:
-        optional: true
+  vitefu@0.2.5(vite@4.5.3):
     dependencies:
       vite: 4.5.3
-    dev: false
 
-  /vitefu@0.2.5(vite@5.2.12):
-    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
-    peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
-    peerDependenciesMeta:
-      vite:
-        optional: true
+  vitefu@0.2.5(vite@5.2.12):
     dependencies:
       vite: 5.2.12(@types/node@18.7.16)
 
-  /vscode-oniguruma@1.7.0:
-    resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==}
-    dev: false
+  vscode-oniguruma@1.7.0: {}
 
-  /vscode-textmate@8.0.0:
-    resolution: {integrity: sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==}
-    dev: false
+  vscode-textmate@8.0.0: {}
 
-  /wait-on@7.1.0(debug@4.3.4):
-    resolution: {integrity: sha512-U7TF/OYYzAg+OoiT/B8opvN48UHt0QYMi4aD3PjRFpybQ+o6czQF8Ig3SKCCMJdxpBrCalIJ4O00FBof27Fu9Q==}
-    engines: {node: '>=12.0.0'}
-    hasBin: true
+  wait-on@7.1.0(debug@4.3.4):
     dependencies:
       axios: 0.27.2(debug@4.3.4)
       joi: 17.11.0
@@ -10943,42 +12474,29 @@ packages:
       rxjs: 7.8.1
     transitivePeerDependencies:
       - debug
-    dev: true
 
-  /wcwidth@1.0.1:
-    resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
+  wcwidth@1.0.1:
     dependencies:
       defaults: 1.0.4
-    dev: true
 
-  /web-namespaces@2.0.1:
-    resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
-    dev: false
+  web-namespaces@2.0.1: {}
 
-  /webidl-conversions@3.0.1:
-    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
-    dev: true
+  webidl-conversions@3.0.1: {}
 
-  /whatwg-url@5.0.0:
-    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
+  whatwg-url@5.0.0:
     dependencies:
       tr46: 0.0.3
       webidl-conversions: 3.0.1
-    dev: true
 
-  /which-boxed-primitive@1.0.2:
-    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+  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
-    dev: true
 
-  /which-builtin-type@1.1.3:
-    resolution: {integrity: sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==}
-    engines: {node: '>= 0.4'}
+  which-builtin-type@1.1.3:
     dependencies:
       function.prototype.name: 1.1.6
       has-tostringtag: 1.0.0
@@ -10992,147 +12510,90 @@ packages:
       which-boxed-primitive: 1.0.2
       which-collection: 1.0.1
       which-typed-array: 1.1.13
-    dev: true
 
-  /which-collection@1.0.1:
-    resolution: {integrity: sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==}
+  which-collection@1.0.1:
     dependencies:
       is-map: 2.0.2
       is-set: 2.0.2
       is-weakmap: 2.0.1
       is-weakset: 2.0.2
-    dev: true
 
-  /which-module@2.0.1:
-    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
-    dev: true
+  which-module@2.0.1: {}
 
-  /which-pm-runs@1.1.0:
-    resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==}
-    engines: {node: '>=4'}
-    dev: false
+  which-pm-runs@1.1.0: {}
 
-  /which-pm@2.0.0:
-    resolution: {integrity: sha512-Lhs9Pmyph0p5n5Z3mVnN0yWcbQYUAD7rbQUiMsQxOJ3T57k7RFe35SUwWMf7dsbDZks1uOmw4AecB/JMDj3v/w==}
-    engines: {node: '>=8.15'}
+  which-pm@2.0.0:
     dependencies:
       load-yaml-file: 0.2.0
       path-exists: 4.0.0
 
-  /which-pm@2.1.1:
-    resolution: {integrity: sha512-xzzxNw2wMaoCWXiGE8IJ9wuPMU+EYhFksjHxrRT8kMT5SnocBPRg69YAMtyV4D12fP582RA+k3P8H9J5EMdIxQ==}
-    engines: {node: '>=8.15'}
+  which-pm@2.1.1:
     dependencies:
       load-yaml-file: 0.2.0
       path-exists: 4.0.0
-    dev: false
 
-  /which-typed-array@1.1.13:
-    resolution: {integrity: sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==}
-    engines: {node: '>= 0.4'}
+  which-typed-array@1.1.13:
     dependencies:
       available-typed-arrays: 1.0.5
       call-bind: 1.0.5
       for-each: 0.3.3
       gopd: 1.0.1
       has-tostringtag: 1.0.0
-    dev: true
 
-  /which@1.3.1:
-    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
-    hasBin: true
+  which@1.3.1:
     dependencies:
       isexe: 2.0.0
-    dev: true
 
-  /which@2.0.2:
-    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
-    engines: {node: '>= 8'}
-    hasBin: true
+  which@2.0.2:
     dependencies:
       isexe: 2.0.0
 
-  /widest-line@4.0.1:
-    resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==}
-    engines: {node: '>=12'}
+  widest-line@4.0.1:
     dependencies:
       string-width: 5.1.2
-    dev: false
 
-  /wrap-ansi@6.2.0:
-    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
-    engines: {node: '>=8'}
+  wrap-ansi@6.2.0:
     dependencies:
       ansi-styles: 4.3.0
       string-width: 4.2.3
       strip-ansi: 6.0.1
-    dev: true
 
-  /wrap-ansi@7.0.0:
-    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
-    engines: {node: '>=10'}
+  wrap-ansi@7.0.0:
     dependencies:
       ansi-styles: 4.3.0
       string-width: 4.2.3
       strip-ansi: 6.0.1
-    dev: true
 
-  /wrap-ansi@8.1.0:
-    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
-    engines: {node: '>=12'}
+  wrap-ansi@8.1.0:
     dependencies:
       ansi-styles: 6.2.1
       string-width: 5.1.2
       strip-ansi: 7.1.0
-    dev: false
 
-  /wrappy@1.0.2:
-    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+  wrappy@1.0.2: {}
 
-  /y18n@4.0.3:
-    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
-    dev: true
+  y18n@4.0.3: {}
 
-  /y18n@5.0.8:
-    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
-    engines: {node: '>=10'}
-    dev: true
+  y18n@5.0.8: {}
 
-  /yallist@2.1.2:
-    resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==}
-    dev: true
+  yallist@2.1.2: {}
 
-  /yallist@3.1.1:
-    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+  yallist@3.1.1: {}
 
-  /yallist@4.0.0:
-    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+  yallist@4.0.0: {}
 
-  /yaml@1.10.2:
-    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
-    engines: {node: '>= 6'}
-    dev: true
+  yaml@1.10.2: {}
 
-  /yaml@2.3.4:
-    resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==}
-    engines: {node: '>= 14'}
-    dev: true
+  yaml@2.3.4: {}
 
-  /yargs-parser@18.1.3:
-    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
-    engines: {node: '>=6'}
+  yargs-parser@18.1.3:
     dependencies:
       camelcase: 5.3.1
       decamelize: 1.2.0
-    dev: true
 
-  /yargs-parser@21.1.1:
-    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
-    engines: {node: '>=12'}
+  yargs-parser@21.1.1: {}
 
-  /yargs@15.4.1:
-    resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
-    engines: {node: '>=8'}
+  yargs@15.4.1:
     dependencies:
       cliui: 6.0.0
       decamelize: 1.2.0
@@ -11145,11 +12606,8 @@ packages:
       which-module: 2.0.1
       y18n: 4.0.3
       yargs-parser: 18.1.3
-    dev: true
 
-  /yargs@17.7.2:
-    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
-    engines: {node: '>=12'}
+  yargs@17.7.2:
     dependencies:
       cliui: 8.0.1
       escalade: 3.1.1
@@ -11158,68 +12616,28 @@ packages:
       string-width: 4.2.3
       y18n: 5.0.8
       yargs-parser: 21.1.1
-    dev: true
 
-  /yauzl@2.10.0:
-    resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==}
+  yauzl@2.10.0:
     dependencies:
       buffer-crc32: 0.2.13
       fd-slicer: 1.1.0
-    dev: true
 
-  /yocto-queue@0.1.0:
-    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
-    engines: {node: '>=10'}
+  yocto-queue@0.1.0: {}
 
-  /yocto-queue@1.0.0:
-    resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
-    engines: {node: '>=12.20'}
-    dev: false
+  yocto-queue@1.0.0: {}
 
-  /zod@3.21.1:
-    resolution: {integrity: sha512-+dTu2m6gmCbO9Ahm4ZBDapx2O6ZY9QSPXst2WXjcznPMwf2YNpn3RevLx4KkZp1OPW/ouFcoBtBzFz/LeY69oA==}
-    dev: false
+  zod@3.21.1: {}
 
-  /zustand@4.4.1(@types/react@18.2.24)(react@18.2.0):
-    resolution: {integrity: sha512-QCPfstAS4EBiTQzlaGP1gmorkh/UL1Leaj2tdj+zZCZ/9bm0WS7sI2wnfD5lpOszFqWJ1DcPnGoY8RDL61uokw==}
-    engines: {node: '>=12.7.0'}
-    peerDependencies:
-      '@types/react': '>=16.8'
-      immer: '>=9.0'
-      react: '>=16.8'
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      immer:
-        optional: true
-      react:
-        optional: true
+  zustand@4.4.1(@types/react@18.2.24)(react@18.2.0):
     dependencies:
       '@types/react': 18.2.24
       react: 18.2.0
       use-sync-external-store: 1.2.0(react@18.2.0)
-    dev: false
 
-  /zustand@4.4.6(@types/react@18.2.36)(react@18.2.0):
-    resolution: {integrity: sha512-Rb16eW55gqL4W2XZpJh0fnrATxYEG3Apl2gfHTyDSE965x/zxslTikpNch0JgNjJA9zK6gEFW8Fl6d1rTZaqgg==}
-    engines: {node: '>=12.7.0'}
-    peerDependencies:
-      '@types/react': '>=16.8'
-      immer: '>=9.0'
-      react: '>=16.8'
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      immer:
-        optional: true
-      react:
-        optional: true
+  zustand@4.4.6(@types/react@18.2.36)(react@18.2.0):
     dependencies:
       '@types/react': 18.2.36
       react: 18.2.0
       use-sync-external-store: 1.2.0(react@18.2.0)
-    dev: false
 
-  /zwitch@2.0.4:
-    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
-    dev: false
+  zwitch@2.0.4: {}

From 5d6ac6e3162621fcfb79eedf421d82001fa8fdf8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 6 Jun 2024 17:33:55 +0200
Subject: [PATCH 0832/1093] chore(packages): bump

---
 packages/react/CHANGELOG.md  | 8 ++++++++
 packages/react/package.json  | 2 +-
 packages/svelte/CHANGELOG.md | 7 +++++++
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 5 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 479088644..e96b43740 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @xyflow/react
 
+## 12.0.0-next.20
+
+- add `updateEdge` and `updateEdgeData` helpers to `useReactFlow`
+- enable dynamic edge label updates
+- prevent zooming on mobile if zoomOnPinch is false
+- add straight edge to path built-in-types
+- abort drag when multiple touches are detected
+
 ## 12.0.0-next.19
 
 - update internals on node resizer updates
diff --git a/packages/react/package.json b/packages/react/package.json
index b5273054f..3b7c3f172 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.19",
+  "version": "12.0.0-next.20",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 292c7e225..0ffd2357e 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @xyflow/svelte
 
+## 0.1.5
+
+- prevent zooming on mobile if zoomOnPinch is false
+- add straight edge to path built-in-types
+- abort drag when multiple touches are detected
+- fix merge_styles error
+
 ## 0.1.4
 
 - add `selectable`, `deletable` and `draggable` to node and edge props
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 4c4c378fc..897b9cb2d 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index 679bee5c3..312a0d4c7 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From c9d0f13328903bee1f59ebd3ce955d1eda1d19b6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 10 Jun 2024 11:47:18 +0200
Subject: [PATCH 0833/1093] fix(handles): calc offset correctly

---
 examples/react/src/examples/DragNDrop/index.tsx | 1 +
 packages/system/src/utils/dom.ts                | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/examples/react/src/examples/DragNDrop/index.tsx b/examples/react/src/examples/DragNDrop/index.tsx
index 83c7bb4ed..10a2eff4c 100644
--- a/examples/react/src/examples/DragNDrop/index.tsx
+++ b/examples/react/src/examples/DragNDrop/index.tsx
@@ -77,6 +77,7 @@ const DnDFlow = () => {
             onInit={onInit}
             onDrop={onDrop}
             onDragOver={onDragOver}
+            nodeOrigin={nodeOrigin}
           >
             <Controls />
           </ReactFlow>
diff --git a/packages/system/src/utils/dom.ts b/packages/system/src/utils/dom.ts
index d4dc1194c..850e67248 100644
--- a/packages/system/src/utils/dom.ts
+++ b/packages/system/src/utils/dom.ts
@@ -74,8 +74,8 @@ export const getHandleBounds = (
   const handlesArray = Array.from(handles) as HTMLDivElement[];
 
   const nodeOffset = {
-    x: nodeBounds.left - nodeBounds.width * nodeOrigin[0],
-    y: nodeBounds.top - nodeBounds.height * nodeOrigin[1],
+    x: nodeBounds.left + nodeBounds.width * nodeOrigin[0],
+    y: nodeBounds.top + nodeBounds.height * nodeOrigin[1],
   };
 
   return handlesArray.map((handle): HandleElement => {

From 7895a5982d25a2984e949a4e2c42a361a4cf8eaa Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 10 Jun 2024 18:08:35 +0200
Subject: [PATCH 0834/1093] chore(packages): bump

---
 packages/react/CHANGELOG.md  | 4 ++++
 packages/react/package.json  | 2 +-
 packages/svelte/CHANGELOG.md | 4 ++++
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 5 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index e96b43740..07a0b9ab8 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,9 @@
 # @xyflow/react
 
+## 12.0.0-next.21
+
+- fix node origin bug
+
 ## 12.0.0-next.20
 
 - add `updateEdge` and `updateEdgeData` helpers to `useReactFlow`
diff --git a/packages/react/package.json b/packages/react/package.json
index 3b7c3f172..860739880 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.20",
+  "version": "12.0.0-next.21",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 0ffd2357e..f13a03736 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,9 @@
 # @xyflow/svelte
 
+## 0.1.6
+
+- fix node origin bug
+
 ## 0.1.5
 
 - prevent zooming on mobile if zoomOnPinch is false
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 897b9cb2d..93e878f34 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index 312a0d4c7..d336c9e16 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 59c5d471301c6dc1f05a5ca216bd8f6d8490ff4e Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Tue, 11 Jun 2024 16:05:36 +0200
Subject: [PATCH 0835/1093] Chore/turbo v2 (#4359)

* chore(turbo): use v2

* chore(turbo): format

* chore(tests): use list reporter
---
 package.json                                 |   8 +-
 pnpm-lock.yaml                               | 359 +++++++++++--------
 tests/playwright/playwright.shared.config.ts |   2 +-
 turbo.json                                   |   6 +-
 4 files changed, 214 insertions(+), 161 deletions(-)

diff --git a/package.json b/package.json
index d87e44037..e43865cbd 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "test:react": "pnpm --filter=playwright run test:react",
     "test:react:ui": "pnpm --filter=playwright run test:react:ui",
     "build": "turbo run build",
+    "build:libs": "turbo run build --filter=./packages/**",
     "test": "turbo run test",
     "lint": "turbo run lint",
     "typecheck": "turbo run typecheck",
@@ -35,8 +36,9 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
-    "rollup": "^3.23.0",
-    "turbo": "^1.10.0",
+    "rollup": "^4.18.0",
+    "turbo": "^2.0.3",
     "typescript": "5.1.3"
-  }
+  },
+  "packageManager": "pnpm@9.2.0"
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b85af352c..7cd7276aa 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,7 +16,7 @@ importers:
         version: 2.25.0
       '@typescript-eslint/eslint-plugin':
         specifier: latest
-        version: 6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3)
+        version: 6.8.0(@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3))(eslint@8.43.0)(typescript@5.1.3)
       '@typescript-eslint/parser':
         specifier: latest
         version: 6.8.0(eslint@8.43.0)(typescript@5.1.3)
@@ -31,7 +31,7 @@ importers:
         version: 8.8.0(eslint@8.43.0)
       eslint-plugin-prettier:
         specifier: ^4.2.1
-        version: 4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8)
+        version: 4.2.1(eslint-config-prettier@8.8.0(eslint@8.43.0))(eslint@8.43.0)(prettier@2.8.8)
       eslint-plugin-react:
         specifier: latest
         version: 7.33.2(eslint@8.43.0)
@@ -48,11 +48,11 @@ importers:
         specifier: ^3.0.2
         version: 3.0.2
       rollup:
-        specifier: ^3.23.0
-        version: 3.23.0
+        specifier: ^4.18.0
+        version: 4.18.0
       turbo:
-        specifier: ^1.10.0
-        version: 1.10.0
+        specifier: ^2.0.3
+        version: 2.0.3
       typescript:
         specifier: 5.1.3
         version: 5.1.3
@@ -61,10 +61,10 @@ importers:
     dependencies:
       '@astrojs/react':
         specifier: ^3.0.2
-        version: 3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0)
+        version: 3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))
       '@astrojs/svelte':
         specifier: ^4.0.2
-        version: 4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.4.2)(vite@4.5.0)
+        version: 4.0.2(astro@3.2.2(@types/node@20.11.24)(terser@5.31.0))(svelte@4.2.1)(typescript@5.4.2)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))
       '@types/react':
         specifier: ^18.2.24
         version: 18.2.24
@@ -79,7 +79,7 @@ importers:
         version: link:../../packages/svelte
       astro:
         specifier: ^3.2.2
-        version: 3.2.2
+        version: 3.2.2(@types/node@20.11.24)(terser@5.31.0)
       react:
         specifier: ^18.2.0
         version: 18.2.0
@@ -94,7 +94,7 @@ importers:
     dependencies:
       '@reduxjs/toolkit':
         specifier: ^2.2.3
-        version: 2.2.3(react-redux@9.1.1)(react@18.2.0)
+        version: 2.2.3(react-redux@9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1))(react@18.2.0)
       '@xyflow/react':
         specifier: workspace:*
         version: link:../../packages/react
@@ -118,13 +118,13 @@ importers:
         version: 9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1)
       react-router-dom:
         specifier: ^6.18.0
-        version: 6.18.0(react-dom@18.2.0)(react@18.2.0)
+        version: 6.18.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       redux:
         specifier: ^5.0.1
         version: 5.0.1
       zustand:
         specifier: ^4.4.6
-        version: 4.4.6(@types/react@18.2.36)(react@18.2.0)
+        version: 4.4.6(@types/react@18.2.36)(immer@10.0.4)(react@18.2.0)
     devDependencies:
       '@cypress/skip-test':
         specifier: ^2.6.1
@@ -140,10 +140,10 @@ importers:
         version: 18.2.14
       '@vitejs/plugin-react':
         specifier: 4.1.1
-        version: 4.1.1(vite@4.5.0)
+        version: 4.1.1(vite@4.5.0(@types/node@20.11.24)(terser@5.31.0))
       '@vitejs/plugin-react-swc':
         specifier: ^3.4.1
-        version: 3.4.1(vite@4.5.0)
+        version: 3.4.1(vite@4.5.0(@types/node@20.11.24)(terser@5.31.0))
       cypress:
         specifier: 13.6.6
         version: 13.6.6
@@ -158,7 +158,7 @@ importers:
         version: 5.2.2
       vite:
         specifier: 4.5.0
-        version: 4.5.0
+        version: 4.5.0(@types/node@20.11.24)(terser@5.31.0)
 
   examples/svelte:
     dependencies:
@@ -167,20 +167,20 @@ importers:
         version: 1.0.4
       '@sveltejs/vite-plugin-svelte':
         specifier: ^3.1.1
-        version: 3.1.1(svelte@4.2.12)(vite@5.2.12)
+        version: 3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
       '@xyflow/svelte':
         specifier: workspace:^
         version: link:../../packages/svelte
     devDependencies:
       '@sveltejs/adapter-auto':
         specifier: ^3.2.1
-        version: 3.2.1(@sveltejs/kit@2.5.10)
+        version: 3.2.1(@sveltejs/kit@2.5.10(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))
       '@sveltejs/kit':
         specifier: ^2.5.10
-        version: 2.5.10(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)
+        version: 2.5.10(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
       '@typescript-eslint/eslint-plugin':
         specifier: ^6.10.0
-        version: 6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2)
+        version: 6.10.0(@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2))(eslint@8.53.0)(typescript@5.2.2)
       '@typescript-eslint/parser':
         specifier: ^6.10.0
         version: 6.10.0(eslint@8.53.0)(typescript@5.2.2)
@@ -204,7 +204,7 @@ importers:
         version: 4.2.12
       svelte-check:
         specifier: ^3.6.6
-        version: 3.6.6(postcss@8.4.35)(svelte@4.2.12)
+        version: 3.6.6(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)
       tslib:
         specifier: ^2.6.2
         version: 2.6.2
@@ -213,7 +213,7 @@ importers:
         version: 5.2.2
       vite:
         specifier: ^5.2.12
-        version: 5.2.12(@types/node@18.7.16)
+        version: 5.2.12(@types/node@20.11.24)(terser@5.31.0)
 
   packages/react:
     dependencies:
@@ -228,7 +228,7 @@ importers:
         version: 18.2.0(react@18.2.0)
       zustand:
         specifier: ^4.4.0
-        version: 4.4.1(@types/react@18.2.24)(react@18.2.0)
+        version: 4.4.1(@types/react@18.2.24)(immer@10.0.4)(react@18.2.0)
     devDependencies:
       '@types/node':
         specifier: ^18.7.16
@@ -292,20 +292,20 @@ importers:
         version: 5.0.4
       svelte-preprocess:
         specifier: ^5.1.3
-        version: 5.1.3(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2)
+        version: 5.1.3(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2)
     devDependencies:
       '@sveltejs/adapter-auto':
         specifier: ^3.1.1
-        version: 3.1.1(@sveltejs/kit@2.5.4)
+        version: 3.1.1(@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))
       '@sveltejs/kit':
         specifier: ^2.5.4
-        version: 2.5.4(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)
+        version: 2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
       '@sveltejs/package':
         specifier: ^2.3.0
         version: 2.3.0(svelte@4.2.12)(typescript@5.4.2)
       '@typescript-eslint/eslint-plugin':
         specifier: ^7.2.0
-        version: 7.2.0(@typescript-eslint/parser@7.2.0)(eslint@8.57.0)(typescript@5.4.2)
+        version: 7.2.0(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.4.2))(eslint@8.57.0)(typescript@5.4.2)
       '@typescript-eslint/parser':
         specifier: ^7.2.0
         version: 7.2.0(eslint@8.57.0)(typescript@5.4.2)
@@ -356,7 +356,7 @@ importers:
         version: 4.2.12
       svelte-check:
         specifier: ^3.6.7
-        version: 3.6.7(postcss@8.4.35)(svelte@4.2.12)
+        version: 3.6.7(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)
       svelte-eslint-parser:
         specifier: ^0.33.1
         version: 0.33.1(svelte@4.2.12)
@@ -411,7 +411,7 @@ importers:
     dependencies:
       '@playwright/experimental-ct-react':
         specifier: ^1.42.1
-        version: 1.42.1(@types/node@18.7.16)(vite@5.2.12)
+        version: 1.42.1(@types/node@18.7.16)(terser@5.31.0)(vite@5.2.12(@types/node@18.7.16)(terser@5.31.0))
       '@types/react':
         specifier: ^18.2.31
         version: 18.2.31
@@ -466,7 +466,7 @@ importers:
         version: 0.4.4(rollup@4.18.0)
       '@rollup/plugin-typescript':
         specifier: 11.1.6
-        version: 11.1.6(rollup@4.18.0)(typescript@5.4.2)
+        version: 11.1.6(rollup@4.18.0)(tslib@2.6.2)(typescript@5.4.2)
       rollup:
         specifier: ^4.18.0
         version: 4.18.0
@@ -5094,11 +5094,6 @@ packages:
     peerDependencies:
       rollup: '*'
 
-  rollup@3.23.0:
-    resolution: {integrity: sha512-h31UlwEi7FHihLe1zbk+3Q7z1k/84rb9BSwmBSr/XjOCEaBJ2YyedQDuM0t/kfOS0IxM+vk1/zI9XxYj9V+NJQ==}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
-    hasBin: true
-
   rollup@3.29.4:
     resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
@@ -5636,38 +5631,38 @@ packages:
   tunnel-agent@0.6.0:
     resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
 
-  turbo-darwin-64@1.10.0:
-    resolution: {integrity: sha512-N0aVGFtBgOKd7pIdUiKREwnDhNHRIvpMJbmUw04c1AqEoTiKAKT6iuzcCozO5N/gYMVr0hxrXgLal5OLYXtcsw==}
+  turbo-darwin-64@2.0.3:
+    resolution: {integrity: sha512-v7ztJ8sxdHw3SLfO2MhGFeeU4LQhFii1hIGs9uBiXns/0YTGOvxLeifnfGqhfSrAIIhrCoByXO7nR9wlm10n3Q==}
     cpu: [x64]
     os: [darwin]
 
-  turbo-darwin-arm64@1.10.0:
-    resolution: {integrity: sha512-boXzhaHTS5MsTMv48I/JmYp9/fYplXk5nACUDrqV6nD1hzO5PMn5wNg75ATbpkaMaeuD+hjuobeSxn1p4vpqQg==}
+  turbo-darwin-arm64@2.0.3:
+    resolution: {integrity: sha512-LUcqvkV9Bxtng6QHbevp8IK8zzwbIxM6HMjCE7FEW6yJBN1KwvTtRtsGBwwmTxaaLO0wD1Jgl3vgkXAmQ4fqUw==}
     cpu: [arm64]
     os: [darwin]
 
-  turbo-linux-64@1.10.0:
-    resolution: {integrity: sha512-crKQuS1jrp4vp+Th6EmUqqmAlvYNnzGmwWMLeckmYILrV7zAddu87eJu4hB7V6uV+W1qHZUTw8WXa1w1+8boBw==}
+  turbo-linux-64@2.0.3:
+    resolution: {integrity: sha512-xpdY1suXoEbsQsu0kPep2zrB8ijv/S5aKKrntGuQ62hCiwDFoDcA/Z7FZ8IHQ2u+dpJARa7yfiByHmizFE0r5Q==}
     cpu: [x64]
     os: [linux]
 
-  turbo-linux-arm64@1.10.0:
-    resolution: {integrity: sha512-Y2fhWe0xepLjl7doIvsJK7mp2h8E+OF6qJsUHRgxFeRWQWi1I6clD2aEQeykHK8Tp+qp8pKFMocj32nFBvuCcg==}
+  turbo-linux-arm64@2.0.3:
+    resolution: {integrity: sha512-MBACTcSR874L1FtLL7gkgbI4yYJWBUCqeBN/iE29D+8EFe0d3fAyviFlbQP4K/HaDYet1i26xkkOiWr0z7/V9A==}
     cpu: [arm64]
     os: [linux]
 
-  turbo-windows-64@1.10.0:
-    resolution: {integrity: sha512-uh8rEqH6teaHysEMjinwWBqyNwv4IvgSAwbq/OphP8jObstTYHoR+gFPo8RQUSTaBYy4QVszgi5eO5YLvEQqNA==}
+  turbo-windows-64@2.0.3:
+    resolution: {integrity: sha512-zi3YuKPkM9JxMTshZo3excPk37hUrj5WfnCqh4FjI26ux6j/LJK+Dh3SebMHd9mR7wP9CMam4GhmLCT+gDfM+w==}
     cpu: [x64]
     os: [win32]
 
-  turbo-windows-arm64@1.10.0:
-    resolution: {integrity: sha512-JaVj3iM7qyRD6xYGZLL/Gs4mQKfM1zL0f91AwHZLNkk1CrJ6i5kO4ZjhKkwXSpVOTNKW3sX0Q7dExXj85Vv7UQ==}
+  turbo-windows-arm64@2.0.3:
+    resolution: {integrity: sha512-wmed4kkenLvRbidi7gISB4PU77ujBuZfgVGDZ4DXTFslE/kYpINulwzkVwJIvNXsJtHqyOq0n6jL8Zwl3BrwDg==}
     cpu: [arm64]
     os: [win32]
 
-  turbo@1.10.0:
-    resolution: {integrity: sha512-GWxoL2zJduiNaEHz78o74l2jCQEeuUZ3MdpMPz0SpZOvt3nimpvQPNxiyfbqt3U9/V5G375PWKYSbXkVnIbQcA==}
+  turbo@2.0.3:
+    resolution: {integrity: sha512-jF1K0tTUyryEWmgqk1V0ALbSz3VdeZ8FXUo6B64WsPksCMCE48N5jUezGOH2MN0+epdaRMH8/WcPU0QQaVfeLA==}
     hasBin: true
 
   tweetnacl@0.14.5:
@@ -6125,10 +6120,10 @@ snapshots:
 
   '@astrojs/internal-helpers@0.2.0': {}
 
-  '@astrojs/markdown-remark@3.2.0(astro@3.2.2)':
+  '@astrojs/markdown-remark@3.2.0(astro@3.2.2(@types/node@20.11.24)(terser@5.31.0))':
     dependencies:
       '@astrojs/prism': 3.0.0
-      astro: 3.2.2
+      astro: 3.2.2(@types/node@20.11.24)(terser@5.31.0)
       github-slugger: 2.0.0
       import-meta-resolve: 3.1.1
       mdast-util-definitions: 6.0.0
@@ -6149,11 +6144,11 @@ snapshots:
     dependencies:
       prismjs: 1.29.0
 
-  '@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0)':
+  '@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))':
     dependencies:
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
-      '@vitejs/plugin-react': 4.1.1(vite@4.5.0)
+      '@vitejs/plugin-react': 4.1.1(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       ultrahtml: 1.5.2
@@ -6161,10 +6156,10 @@ snapshots:
       - supports-color
       - vite
 
-  '@astrojs/svelte@4.0.2(astro@3.2.2)(svelte@4.2.1)(typescript@5.4.2)(vite@4.5.0)':
+  '@astrojs/svelte@4.0.2(astro@3.2.2(@types/node@20.11.24)(terser@5.31.0))(svelte@4.2.1)(typescript@5.4.2)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.5.3(svelte@4.2.1)(vite@4.5.0)
-      astro: 3.2.2
+      '@sveltejs/vite-plugin-svelte': 2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))
+      astro: 3.2.2(@types/node@20.11.24)(terser@5.31.0)
       svelte: 4.2.1
       svelte2tsx: 0.6.23(svelte@4.2.1)(typescript@5.4.2)
     transitivePeerDependencies:
@@ -7041,11 +7036,11 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
 
-  '@playwright/experimental-ct-core@1.42.1(@types/node@18.7.16)':
+  '@playwright/experimental-ct-core@1.42.1(@types/node@18.7.16)(terser@5.31.0)':
     dependencies:
       playwright: 1.42.1
       playwright-core: 1.42.1
-      vite: 5.2.12(@types/node@18.7.16)
+      vite: 5.2.12(@types/node@18.7.16)(terser@5.31.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -7055,10 +7050,10 @@ snapshots:
       - sugarss
       - terser
 
-  '@playwright/experimental-ct-react@1.42.1(@types/node@18.7.16)(vite@5.2.12)':
+  '@playwright/experimental-ct-react@1.42.1(@types/node@18.7.16)(terser@5.31.0)(vite@5.2.12(@types/node@18.7.16)(terser@5.31.0))':
     dependencies:
-      '@playwright/experimental-ct-core': 1.42.1(@types/node@18.7.16)
-      '@vitejs/plugin-react': 4.2.1(vite@5.2.12)
+      '@playwright/experimental-ct-core': 1.42.1(@types/node@18.7.16)(terser@5.31.0)
+      '@vitejs/plugin-react': 4.2.1(vite@5.2.12(@types/node@18.7.16)(terser@5.31.0))
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -7076,14 +7071,15 @@ snapshots:
 
   '@polka/url@1.0.0-next.24': {}
 
-  '@reduxjs/toolkit@2.2.3(react-redux@9.1.1)(react@18.2.0)':
+  '@reduxjs/toolkit@2.2.3(react-redux@9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1))(react@18.2.0)':
     dependencies:
       immer: 10.0.4
-      react: 18.2.0
-      react-redux: 9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1)
       redux: 5.0.1
       redux-thunk: 3.1.0(redux@5.0.1)
       reselect: 5.1.0
+    optionalDependencies:
+      react: 18.2.0
+      react-redux: 9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1)
 
   '@remix-run/router@1.11.0': {}
 
@@ -7095,6 +7091,7 @@ snapshots:
       glob: 8.1.0
       is-reference: 1.2.1
       magic-string: 0.30.10
+    optionalDependencies:
       rollup: 4.18.0
 
   '@rollup/plugin-node-resolve@15.2.3(rollup@4.18.0)':
@@ -7105,33 +7102,39 @@ snapshots:
       is-builtin-module: 3.2.1
       is-module: 1.0.0
       resolve: 1.22.8
+    optionalDependencies:
       rollup: 4.18.0
 
   '@rollup/plugin-replace@5.0.6(rollup@4.18.0)':
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
       magic-string: 0.30.10
+    optionalDependencies:
       rollup: 4.18.0
 
   '@rollup/plugin-terser@0.4.4(rollup@4.18.0)':
     dependencies:
-      rollup: 4.18.0
       serialize-javascript: 6.0.2
       smob: 1.5.0
       terser: 5.31.0
+    optionalDependencies:
+      rollup: 4.18.0
 
-  '@rollup/plugin-typescript@11.1.6(rollup@4.18.0)(typescript@5.4.2)':
+  '@rollup/plugin-typescript@11.1.6(rollup@4.18.0)(tslib@2.6.2)(typescript@5.4.2)':
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
       resolve: 1.22.8
-      rollup: 4.18.0
       typescript: 5.4.2
+    optionalDependencies:
+      rollup: 4.18.0
+      tslib: 2.6.2
 
   '@rollup/pluginutils@5.1.0(rollup@4.18.0)':
     dependencies:
       '@types/estree': 1.0.5
       estree-walker: 2.0.2
       picomatch: 2.3.1
+    optionalDependencies:
       rollup: 4.18.0
 
   '@rollup/rollup-android-arm-eabi@4.18.0':
@@ -7194,19 +7197,19 @@ snapshots:
 
   '@svelte-put/shortcut@3.1.0': {}
 
-  '@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4)':
+  '@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))':
     dependencies:
-      '@sveltejs/kit': 2.5.4(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)
+      '@sveltejs/kit': 2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
       import-meta-resolve: 4.0.0
 
-  '@sveltejs/adapter-auto@3.2.1(@sveltejs/kit@2.5.10)':
+  '@sveltejs/adapter-auto@3.2.1(@sveltejs/kit@2.5.10(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))':
     dependencies:
-      '@sveltejs/kit': 2.5.10(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)
+      '@sveltejs/kit': 2.5.10(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
       import-meta-resolve: 4.1.0
 
-  '@sveltejs/kit@2.5.10(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)':
+  '@sveltejs/kit@2.5.10(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12)
+      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.0.0
@@ -7220,11 +7223,11 @@ snapshots:
       sirv: 2.0.4
       svelte: 4.2.12
       tiny-glob: 0.2.9
-      vite: 5.2.12(@types/node@18.7.16)
+      vite: 5.2.12(@types/node@20.11.24)(terser@5.31.0)
 
-  '@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)':
+  '@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12)
+      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 4.3.2
@@ -7238,7 +7241,7 @@ snapshots:
       sirv: 2.0.4
       svelte: 4.2.12
       tiny-glob: 0.2.9
-      vite: 5.2.12(@types/node@18.7.16)
+      vite: 5.2.12(@types/node@20.11.24)(terser@5.31.0)
 
   '@sveltejs/package@2.3.0(svelte@4.2.12)(typescript@5.4.2)':
     dependencies:
@@ -7251,49 +7254,49 @@ snapshots:
     transitivePeerDependencies:
       - typescript
 
-  '@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.5.3)(svelte@4.2.1)(vite@4.5.0)':
+  '@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.1)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.5.3(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte': 2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))
       debug: 4.3.4(supports-color@8.1.1)
       svelte: 4.2.1
-      vite: 4.5.0
+      vite: 4.5.3(@types/node@20.11.24)(terser@5.31.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)':
+  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12)
+      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
       debug: 4.3.5
       svelte: 4.2.12
-      vite: 5.2.12(@types/node@18.7.16)
+      vite: 5.2.12(@types/node@20.11.24)(terser@5.31.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.1)(vite@4.5.0)':
+  '@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.5.3)(svelte@4.2.1)(vite@4.5.0)
+      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.1)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))
       debug: 4.3.4(supports-color@8.1.1)
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.5
       svelte: 4.2.1
       svelte-hmr: 0.15.3(svelte@4.2.1)
-      vite: 4.5.0
-      vitefu: 0.2.5(vite@4.5.0)
+      vite: 4.5.3(@types/node@20.11.24)(terser@5.31.0)
+      vitefu: 0.2.5(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12)':
+  '@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.1)(svelte@4.2.12)(vite@5.2.12)
+      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
       debug: 4.3.5
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.10
       svelte: 4.2.12
       svelte-hmr: 0.16.0(svelte@4.2.12)
-      vite: 5.2.12(@types/node@18.7.16)
-      vitefu: 0.2.5(vite@5.2.12)
+      vite: 5.2.12(@types/node@20.11.24)(terser@5.31.0)
+      vitefu: 0.2.5(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
     transitivePeerDependencies:
       - supports-color
 
@@ -7525,7 +7528,7 @@ snapshots:
       '@types/node': 20.11.24
     optional: true
 
-  '@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0)(eslint@8.53.0)(typescript@5.2.2)':
+  '@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2))(eslint@8.53.0)(typescript@5.2.2)':
     dependencies:
       '@eslint-community/regexpp': 4.10.0
       '@typescript-eslint/parser': 6.10.0(eslint@8.53.0)(typescript@5.2.2)
@@ -7540,11 +7543,12 @@ snapshots:
       natural-compare: 1.4.0
       semver: 7.5.4
       ts-api-utils: 1.0.3(typescript@5.2.2)
+    optionalDependencies:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.43.0)(typescript@5.1.3)':
+  '@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3))(eslint@8.43.0)(typescript@5.1.3)':
     dependencies:
       '@eslint-community/regexpp': 4.10.0
       '@typescript-eslint/parser': 6.8.0(eslint@8.43.0)(typescript@5.1.3)
@@ -7559,11 +7563,12 @@ snapshots:
       natural-compare: 1.4.0
       semver: 7.5.4
       ts-api-utils: 1.0.3(typescript@5.1.3)
+    optionalDependencies:
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/eslint-plugin@7.2.0(@typescript-eslint/parser@7.2.0)(eslint@8.57.0)(typescript@5.4.2)':
+  '@typescript-eslint/eslint-plugin@7.2.0(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.4.2))(eslint@8.57.0)(typescript@5.4.2)':
     dependencies:
       '@eslint-community/regexpp': 4.10.0
       '@typescript-eslint/parser': 7.2.0(eslint@8.57.0)(typescript@5.4.2)
@@ -7578,6 +7583,7 @@ snapshots:
       natural-compare: 1.4.0
       semver: 7.6.0
       ts-api-utils: 1.0.3(typescript@5.4.2)
+    optionalDependencies:
       typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
@@ -7590,6 +7596,7 @@ snapshots:
       '@typescript-eslint/visitor-keys': 6.10.0
       debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.53.0
+    optionalDependencies:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
@@ -7602,6 +7609,7 @@ snapshots:
       '@typescript-eslint/visitor-keys': 6.8.0
       debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.43.0
+    optionalDependencies:
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
@@ -7614,6 +7622,7 @@ snapshots:
       '@typescript-eslint/visitor-keys': 7.2.0
       debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.57.0
+    optionalDependencies:
       typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
@@ -7640,6 +7649,7 @@ snapshots:
       debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.53.0
       ts-api-utils: 1.0.3(typescript@5.2.2)
+    optionalDependencies:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
@@ -7651,6 +7661,7 @@ snapshots:
       debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.43.0
       ts-api-utils: 1.0.3(typescript@5.1.3)
+    optionalDependencies:
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
@@ -7662,6 +7673,7 @@ snapshots:
       debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.57.0
       ts-api-utils: 1.0.3(typescript@5.4.2)
+    optionalDependencies:
       typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
@@ -7681,6 +7693,7 @@ snapshots:
       is-glob: 4.0.3
       semver: 7.5.4
       ts-api-utils: 1.0.3(typescript@5.2.2)
+    optionalDependencies:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
@@ -7694,6 +7707,7 @@ snapshots:
       is-glob: 4.0.3
       semver: 7.5.4
       ts-api-utils: 1.0.3(typescript@5.1.3)
+    optionalDependencies:
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
@@ -7708,6 +7722,7 @@ snapshots:
       minimatch: 9.0.3
       semver: 7.6.0
       ts-api-utils: 1.0.3(typescript@5.4.2)
+    optionalDependencies:
       typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
@@ -7771,32 +7786,43 @@ snapshots:
 
   '@ungap/structured-clone@1.2.0': {}
 
-  '@vitejs/plugin-react-swc@3.4.1(vite@4.5.0)':
+  '@vitejs/plugin-react-swc@3.4.1(vite@4.5.0(@types/node@20.11.24)(terser@5.31.0))':
     dependencies:
       '@swc/core': 1.3.96
-      vite: 4.5.0
+      vite: 4.5.0(@types/node@20.11.24)(terser@5.31.0)
     transitivePeerDependencies:
       - '@swc/helpers'
 
-  '@vitejs/plugin-react@4.1.1(vite@4.5.0)':
+  '@vitejs/plugin-react@4.1.1(vite@4.5.0(@types/node@20.11.24)(terser@5.31.0))':
+    dependencies:
+      '@babel/core': 7.23.2
+      '@babel/plugin-transform-react-jsx-self': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-react-jsx-source': 7.22.5(@babel/core@7.23.2)
+      '@types/babel__core': 7.20.4
+      react-refresh: 0.14.0
+      vite: 4.5.0(@types/node@20.11.24)(terser@5.31.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vitejs/plugin-react@4.1.1(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))':
     dependencies:
       '@babel/core': 7.23.2
       '@babel/plugin-transform-react-jsx-self': 7.22.5(@babel/core@7.23.2)
       '@babel/plugin-transform-react-jsx-source': 7.22.5(@babel/core@7.23.2)
       '@types/babel__core': 7.20.4
       react-refresh: 0.14.0
-      vite: 4.5.0
+      vite: 4.5.3(@types/node@20.11.24)(terser@5.31.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-react@4.2.1(vite@5.2.12)':
+  '@vitejs/plugin-react@4.2.1(vite@5.2.12(@types/node@18.7.16)(terser@5.31.0))':
     dependencies:
       '@babel/core': 7.24.0
       '@babel/plugin-transform-react-jsx-self': 7.23.3(@babel/core@7.24.0)
       '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.24.0)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.0
-      vite: 5.2.12(@types/node@18.7.16)
+      vite: 5.2.12(@types/node@18.7.16)(terser@5.31.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -7926,11 +7952,11 @@ snapshots:
 
   astral-regex@2.0.0: {}
 
-  astro@3.2.2:
+  astro@3.2.2(@types/node@20.11.24)(terser@5.31.0):
     dependencies:
       '@astrojs/compiler': 2.2.1
       '@astrojs/internal-helpers': 0.2.0
-      '@astrojs/markdown-remark': 3.2.0(astro@3.2.2)
+      '@astrojs/markdown-remark': 3.2.0(astro@3.2.2(@types/node@20.11.24)(terser@5.31.0))
       '@astrojs/telemetry': 3.0.2
       '@babel/core': 7.23.2
       '@babel/generator': 7.23.0
@@ -7979,8 +8005,8 @@ snapshots:
       undici: 5.26.5
       unist-util-visit: 4.1.2
       vfile: 5.3.7
-      vite: 4.5.3
-      vitefu: 0.2.5(vite@4.5.3)
+      vite: 4.5.3(@types/node@20.11.24)(terser@5.31.0)
+      vitefu: 0.2.5(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))
       which-pm: 2.1.1
       yargs-parser: 21.1.1
       zod: 3.21.1
@@ -8614,11 +8640,13 @@ snapshots:
   debug@3.2.7(supports-color@8.1.1):
     dependencies:
       ms: 2.1.3
+    optionalDependencies:
       supports-color: 8.1.1
 
   debug@4.3.4(supports-color@8.1.1):
     dependencies:
       ms: 2.1.2
+    optionalDependencies:
       supports-color: 8.1.1
 
   debug@4.3.5:
@@ -8957,12 +8985,13 @@ snapshots:
       eslint: 8.43.0
       eslint-plugin-turbo: 1.10.15(eslint@8.43.0)
 
-  eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.43.0)(prettier@2.8.8):
+  eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0(eslint@8.43.0))(eslint@8.43.0)(prettier@2.8.8):
     dependencies:
       eslint: 8.43.0
-      eslint-config-prettier: 8.8.0(eslint@8.43.0)
       prettier: 2.8.8
       prettier-linter-helpers: 1.0.0
+    optionalDependencies:
+      eslint-config-prettier: 8.8.0(eslint@8.43.0)
 
   eslint-plugin-react@7.33.2(eslint@8.43.0):
     dependencies:
@@ -8998,8 +9027,9 @@ snapshots:
       postcss-safe-parser: 6.0.0(postcss@8.4.35)
       postcss-selector-parser: 6.0.13
       semver: 7.5.4
-      svelte: 4.2.12
       svelte-eslint-parser: 0.33.1(svelte@4.2.12)
+    optionalDependencies:
+      svelte: 4.2.12
     transitivePeerDependencies:
       - supports-color
       - ts-node
@@ -9018,8 +9048,9 @@ snapshots:
       postcss-safe-parser: 6.0.0(postcss@8.4.35)
       postcss-selector-parser: 6.0.13
       semver: 7.6.0
-      svelte: 4.2.12
       svelte-eslint-parser: 0.33.1(svelte@4.2.12)
+    optionalDependencies:
+      svelte: 4.2.12
     transitivePeerDependencies:
       - supports-color
       - ts-node
@@ -9346,7 +9377,7 @@ snapshots:
   flatted@3.2.9: {}
 
   follow-redirects@1.15.3(debug@4.3.4):
-    dependencies:
+    optionalDependencies:
       debug: 4.3.4(supports-color@8.1.1)
 
   for-each@0.3.3:
@@ -9982,13 +10013,14 @@ snapshots:
     dependencies:
       cli-truncate: 2.1.0
       colorette: 2.0.20
-      enquirer: 2.4.1
       log-update: 4.0.0
       p-map: 4.0.0
       rfdc: 1.3.1
       rxjs: 7.8.1
       through: 2.3.8
       wrap-ansi: 7.0.0
+    optionalDependencies:
+      enquirer: 2.4.1
 
   load-yaml-file@0.2.0:
     dependencies:
@@ -10851,20 +10883,23 @@ snapshots:
   postcss-load-config@3.1.4(postcss@8.4.35):
     dependencies:
       lilconfig: 2.1.0
-      postcss: 8.4.35
       yaml: 1.10.2
+    optionalDependencies:
+      postcss: 8.4.35
 
   postcss-load-config@5.0.2(postcss@8.4.21):
     dependencies:
       lilconfig: 3.0.0
-      postcss: 8.4.21
       yaml: 2.3.4
+    optionalDependencies:
+      postcss: 8.4.21
 
   postcss-load-config@5.0.2(postcss@8.4.35):
     dependencies:
       lilconfig: 3.0.0
-      postcss: 8.4.35
       yaml: 2.3.4
+    optionalDependencies:
+      postcss: 8.4.35
 
   postcss-merge-longhand@6.0.0(postcss@8.4.21):
     dependencies:
@@ -11286,15 +11321,16 @@ snapshots:
 
   react-redux@9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1):
     dependencies:
-      '@types/react': 18.2.36
       '@types/use-sync-external-store': 0.0.3
       react: 18.2.0
-      redux: 5.0.1
       use-sync-external-store: 1.2.0(react@18.2.0)
+    optionalDependencies:
+      '@types/react': 18.2.36
+      redux: 5.0.1
 
   react-refresh@0.14.0: {}
 
-  react-router-dom@6.18.0(react-dom@18.2.0)(react@18.2.0):
+  react-router-dom@6.18.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
     dependencies:
       '@remix-run/router': 1.11.0
       react: 18.2.0
@@ -11509,10 +11545,6 @@ snapshots:
     dependencies:
       rollup: 4.18.0
 
-  rollup@3.23.0:
-    optionalDependencies:
-      fsevents: 2.3.3
-
   rollup@3.29.4:
     optionalDependencies:
       fsevents: 2.3.3
@@ -11936,7 +11968,7 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svelte-check@3.6.6(postcss@8.4.35)(svelte@4.2.12):
+  svelte-check@3.6.6(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 3.6.0
@@ -11945,7 +11977,7 @@ snapshots:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 4.2.12
-      svelte-preprocess: 5.1.3(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2)
+      svelte-preprocess: 5.1.3(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2)
       typescript: 5.4.2
     transitivePeerDependencies:
       - '@babel/core'
@@ -11958,7 +11990,7 @@ snapshots:
       - stylus
       - sugarss
 
-  svelte-check@3.6.7(postcss@8.4.35)(svelte@4.2.12):
+  svelte-check@3.6.7(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 3.6.0
@@ -11967,7 +11999,7 @@ snapshots:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 4.2.12
-      svelte-preprocess: 5.1.3(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2)
+      svelte-preprocess: 5.1.3(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2)
       typescript: 5.4.2
     transitivePeerDependencies:
       - '@babel/core'
@@ -11987,6 +12019,7 @@ snapshots:
       espree: 9.6.1
       postcss: 8.4.35
       postcss-scss: 4.0.9(postcss@8.4.35)
+    optionalDependencies:
       svelte: 4.2.12
 
   svelte-hmr@0.15.3(svelte@4.2.1):
@@ -11997,15 +12030,18 @@ snapshots:
     dependencies:
       svelte: 4.2.12
 
-  svelte-preprocess@5.1.3(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2):
+  svelte-preprocess@5.1.3(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2):
     dependencies:
       '@types/pug': 2.0.10
       detect-indent: 6.1.0
       magic-string: 0.30.8
-      postcss: 8.4.35
       sorcery: 0.11.0
       strip-indent: 3.0.0
       svelte: 4.2.12
+    optionalDependencies:
+      '@babel/core': 7.24.0
+      postcss: 8.4.35
+      postcss-load-config: 5.0.2(postcss@8.4.35)
       typescript: 5.4.2
 
   svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.4.2):
@@ -12195,32 +12231,32 @@ snapshots:
     dependencies:
       safe-buffer: 5.2.1
 
-  turbo-darwin-64@1.10.0:
+  turbo-darwin-64@2.0.3:
     optional: true
 
-  turbo-darwin-arm64@1.10.0:
+  turbo-darwin-arm64@2.0.3:
     optional: true
 
-  turbo-linux-64@1.10.0:
+  turbo-linux-64@2.0.3:
     optional: true
 
-  turbo-linux-arm64@1.10.0:
+  turbo-linux-arm64@2.0.3:
     optional: true
 
-  turbo-windows-64@1.10.0:
+  turbo-windows-64@2.0.3:
     optional: true
 
-  turbo-windows-arm64@1.10.0:
+  turbo-windows-arm64@2.0.3:
     optional: true
 
-  turbo@1.10.0:
+  turbo@2.0.3:
     optionalDependencies:
-      turbo-darwin-64: 1.10.0
-      turbo-darwin-arm64: 1.10.0
-      turbo-linux-64: 1.10.0
-      turbo-linux-arm64: 1.10.0
-      turbo-windows-64: 1.10.0
-      turbo-windows-arm64: 1.10.0
+      turbo-darwin-64: 2.0.3
+      turbo-darwin-arm64: 2.0.3
+      turbo-linux-64: 2.0.3
+      turbo-linux-arm64: 2.0.3
+      turbo-windows-64: 2.0.3
+      turbo-windows-arm64: 2.0.3
 
   tweetnacl@0.14.5: {}
 
@@ -12424,42 +12460,53 @@ snapshots:
       unist-util-stringify-position: 3.0.3
       vfile-message: 3.1.4
 
-  vite@4.5.0:
+  vite@4.5.0(@types/node@20.11.24)(terser@5.31.0):
     dependencies:
       esbuild: 0.18.20
       postcss: 8.4.35
       rollup: 3.29.4
     optionalDependencies:
+      '@types/node': 20.11.24
       fsevents: 2.3.3
+      terser: 5.31.0
 
-  vite@4.5.3:
+  vite@4.5.3(@types/node@20.11.24)(terser@5.31.0):
     dependencies:
       esbuild: 0.18.20
       postcss: 8.4.38
       rollup: 3.29.4
     optionalDependencies:
+      '@types/node': 20.11.24
       fsevents: 2.3.3
+      terser: 5.31.0
 
-  vite@5.2.12(@types/node@18.7.16):
+  vite@5.2.12(@types/node@18.7.16)(terser@5.31.0):
     dependencies:
-      '@types/node': 18.7.16
       esbuild: 0.20.2
       postcss: 8.4.38
       rollup: 4.18.0
     optionalDependencies:
+      '@types/node': 18.7.16
       fsevents: 2.3.3
+      terser: 5.31.0
 
-  vitefu@0.2.5(vite@4.5.0):
+  vite@5.2.12(@types/node@20.11.24)(terser@5.31.0):
     dependencies:
-      vite: 4.5.0
+      esbuild: 0.20.2
+      postcss: 8.4.38
+      rollup: 4.18.0
+    optionalDependencies:
+      '@types/node': 20.11.24
+      fsevents: 2.3.3
+      terser: 5.31.0
 
-  vitefu@0.2.5(vite@4.5.3):
-    dependencies:
-      vite: 4.5.3
+  vitefu@0.2.5(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0)):
+    optionalDependencies:
+      vite: 4.5.3(@types/node@20.11.24)(terser@5.31.0)
 
-  vitefu@0.2.5(vite@5.2.12):
-    dependencies:
-      vite: 5.2.12(@types/node@18.7.16)
+  vitefu@0.2.5(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)):
+    optionalDependencies:
+      vite: 5.2.12(@types/node@20.11.24)(terser@5.31.0)
 
   vscode-oniguruma@1.7.0: {}
 
@@ -12628,16 +12675,20 @@ snapshots:
 
   zod@3.21.1: {}
 
-  zustand@4.4.1(@types/react@18.2.24)(react@18.2.0):
+  zustand@4.4.1(@types/react@18.2.24)(immer@10.0.4)(react@18.2.0):
     dependencies:
+      use-sync-external-store: 1.2.0(react@18.2.0)
+    optionalDependencies:
       '@types/react': 18.2.24
+      immer: 10.0.4
       react: 18.2.0
-      use-sync-external-store: 1.2.0(react@18.2.0)
 
-  zustand@4.4.6(@types/react@18.2.36)(react@18.2.0):
+  zustand@4.4.6(@types/react@18.2.36)(immer@10.0.4)(react@18.2.0):
     dependencies:
+      use-sync-external-store: 1.2.0(react@18.2.0)
+    optionalDependencies:
       '@types/react': 18.2.36
+      immer: 10.0.4
       react: 18.2.0
-      use-sync-external-store: 1.2.0(react@18.2.0)
 
   zwitch@2.0.4: {}
diff --git a/tests/playwright/playwright.shared.config.ts b/tests/playwright/playwright.shared.config.ts
index 4649a9fc5..fb6f2e800 100644
--- a/tests/playwright/playwright.shared.config.ts
+++ b/tests/playwright/playwright.shared.config.ts
@@ -17,7 +17,7 @@ export function sharedConfigWithPort({ port, framework }: ConfigParams): Playwri
     /* Opt out of parallel tests on CI. */
     workers: process.env.CI ? 1 : undefined,
     /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-    reporter: 'html',
+    reporter: process.env.CI ? 'dot' : 'list',
     /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
     use: {
       /* Base URL to use in actions like `await page.goto('/')`. */
diff --git a/turbo.json b/turbo.json
index c52212899..98adff446 100644
--- a/turbo.json
+++ b/turbo.json
@@ -1,6 +1,7 @@
 {
   "$schema": "https://turborepo.org/schema.json",
-  "pipeline": {
+  "globalEnv": ["NODE_ENV"],
+  "tasks": {
     "build": {
       "dependsOn": ["^build"],
       "outputs": ["dist/**"]
@@ -20,6 +21,5 @@
       "dependsOn": ["^build"],
       "outputs": []
     }
-  },
-  "globalEnv": ["NODE_ENV"]
+  }
 }

From d2fdea4ab2de7759d9228452cb5e24603335febc Mon Sep 17 00:00:00 2001
From: John Robb <johnhrobb@gmail.com>
Date: Tue, 11 Jun 2024 16:32:17 +0200
Subject: [PATCH 0836/1093] Clearer issue template for bug reports (#4357)

* copy changes to issue template, better question order

* minor formatting tweaks

* minor formatting tweaks again

* fix bug with bug emoji
---
 .github/ISSUE_TEMPLATE/bug_report.yml | 80 +++++++++++++--------------
 1 file changed, 38 insertions(+), 42 deletions(-)

diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
index 842f28e86..2d4ff726e 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -4,47 +4,57 @@ body:
   - type: markdown
     attributes:
       value: |
-        Thank you for reporting an issue :pray:.
+        Hello! :sparkles: You found the place to submit a bug or issue that you discovered in the xyflow library, thank you for helping us out!
 
-        **Please only file issues for v11. Will will no longer fix issues for v10.** 
+        Having trouble making something work in xyflow, but it’s not a bug with the library itself? You’ll get the fastest response by asking in [github discussions](https://github.com/xyflow/xyflow/discussions) or our [discord server](https://discord.gg/RVmnytFmGW).
 
-        This issue tracker is for reporting bugs found in react-flow (https://github.com/wbkd/react-flow)
-        If you have a question about how to achieve something and are struggling, please post a question
-        inside of react-flow's Discussion's tab: https://github.com/wbkd/react-flow/discussions
-        If it's an issue about the docs please go to the react-flow-docs (https://github.com/wbkd/react-flow-docs)
+        **Search our [discussions](https://github.com/xyflow/xyflow/discussions?discussions_q=) and [issues](https://github.com/xyflow/xyflow/issues?q=)** to see if your problem has already been reported and you can add more context, or see if someone else has already solved your issue. And of course, check our [docs](https://reactflow.dev/learn) if you haven’t already.
 
-        Before submitting a new bug/issue, please check the links below to see if there is a solution or question posted there already:
-         - react-flow's Open Issue's tab: https://github.com/wbkd/react-flow/issues?q=is%3Aissue+sort%3Aupdated-desc+position
-         - react-flow's Closed Issues tab: https://github.com/wbkd/react-flow/issues?q=is%3Aissue+sort%3Aupdated-desc+position+is%3Aclosed
-         - react-flow's Discussion's tab: https://github.com/wbkd/react-flow/discussions
+        **Issue with the xyflow Docs?** Submit an issue in our [web repo](https://github.com/xyflow/web/issues) instead.
 
-        The more information you fill in, the better the community can help you.
+        With that out of the way, let’s get started :bug:
   - type: textarea
-    id: description
+    id: platform
     attributes:
-      label: Describe the Bug
-      description: Provide a clear and concise description of the challenge you are running into.
+      label: What platform were you using when you found the bug?
+      description: We only address issues for the most recent xyflow major release or upcoming releases.
+      value: |
+        - React Flow / Svelte Flow version: 
+        - Browser and version: 
+        - OS and version:
     validations:
       required: true
   - type: input
     id: link
     attributes:
-      label: Your Example Website or App
+      label: Live code example
       description: |
-        Which website or app were you using when the bug happened?
-        Note:
-        - Your bug will may get fixed much faster if we can run your code and it doesn't have dependencies other than the `react-flow-renderer` npm package.
-        - To create a shareable code example you can use Codesandbox (https://codesandbox.io/s/react-flow-starter-ou8or) or Stackblitz (https://stackblitz.com/). 
-        - Please read these tips for providing a minimal example: https://stackoverflow.com/help/mcve.
-      placeholder: |
-        e.g. https://stackblitz.com/edit/...... OR Github Repo
+        This is the most important part of the bug report! 
+
+        React Flow codesandbox starters
+        - js: https://new.reactflow.dev/js
+        - ts: https://new.reactflow.dev/ts
+
+        Svelte Flow stackblitz starters
+        - js: https://new.svelteflow.dev/js
+        - ts: https://new.svelteflow.dev/ts 
+
+        Avoid dependencies in your example for easier debugging.
+      placeholder: https://stackblitz.com/edit/...  or Github Repo
     validations:
       required: false
+  - type: textarea
+    id: description
+    attributes:
+      label: Describe the Bug
+      description: What exactly is happening when you encounter the bug?
+    validations:
+      required: true
   - type: textarea
     id: steps
     attributes:
-      label: Steps to Reproduce the Bug or Issue
-      description: Describe the steps we have to take to reproduce the behavior.
+      label: Steps to reproduce the bug or issue
+      description: How can we see the reported behavior in the code example you provided? The more detail, the better!
       placeholder: |
         1. Go to '...'
         2. Click on '....'
@@ -56,9 +66,8 @@ body:
     id: expected
     attributes:
       label: Expected behavior
-      description: Provide a clear and concise description of what you expected to happen.
-      placeholder: |
-        As a user, I expected ___ behavior but i am seeing ___
+      description: What would you expect to happen if there was no bug or issue?
+      placeholder: As a user, I expected ___ behavior, but instead I am seeing ___
     validations:
       required: true
   - type: textarea
@@ -67,22 +76,9 @@ body:
       label: Screenshots or Videos
       description: |
         If applicable, add screenshots or a video to help explain your problem.
-        For more information on the supported file image/file types and the file size limits, please refer
-        to the following link: https://docs.github.com/en/github/writing-on-github/working-with-advanced-formatting/attaching-files
-      placeholder: |
-        You can drag your video or image files inside of this editor ↓
-  - type: textarea
-    id: platform
-    attributes:
-      label: Platform
-      value: |
-        - OS: [e.g. macOS, Windows, Linux]
-        - Browser: [e.g. Chrome, Safari, Firefox]
-        - Version: [e.g. 91.1]
-    validations:
-      required: true
+        Supported image/file types and file size limits- https://docs.github.com/en/github/writing-on-github/working-with-advanced-formatting/attaching-files
+      placeholder: Drag your video or image files inside of this editor
   - type: textarea
     id: additional
     attributes:
       label: Additional context
-      description: Add any other context about the problem here.

From e6b21d372ea109550419d16f7a28bd6f8d05f13b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 11 Jun 2024 17:19:58 +0200
Subject: [PATCH 0837/1093] chore(lint): cleanup minor issues

---
 package.json                                  |  9 ++++-----
 packages/svelte/CHANGELOG.md                  |  8 ++++----
 packages/svelte/package.json                  |  4 ++--
 .../src/lib/components/nodes/GroupNode.svelte |  1 +
 .../plugins/NodeToolbar/NodeToolbar.svelte    |  2 +-
 packages/system/src/xyminimap/index.ts        |  5 +++++
 pnpm-lock.yaml                                | 20 +++++++++----------
 tooling/eslint-config/package.json            |  4 ++--
 8 files changed, 29 insertions(+), 24 deletions(-)

diff --git a/package.json b/package.json
index e43865cbd..e4cc08e9e 100644
--- a/package.json
+++ b/package.json
@@ -14,11 +14,10 @@
     "test:svelte:ui": "pnpm --filter=playwright run test:svelte:ui",
     "test:react": "pnpm --filter=playwright run test:react",
     "test:react:ui": "pnpm --filter=playwright run test:react:ui",
-    "build": "turbo run build",
-    "build:libs": "turbo run build --filter=./packages/**",
-    "test": "turbo run test",
-    "lint": "turbo run lint",
-    "typecheck": "turbo run typecheck",
+    "build:all": "turbo run build",
+    "build": "turbo run build --filter=./packages/**",
+    "lint": "turbo run lint --filter=./packages/**",
+    "typecheck": "turbo run typecheck --filter=./packages/**",
     "release": "changeset publish",
     "clean": "pnpm -r --parallel exec rimraf dist .turbo node_modules"
   },
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index f13a03736..e28ef9234 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -18,7 +18,7 @@
 - add `on:edgemouseenter` and `on:edgemouseleave` event handler
 - fix deselection of edges
 - remove pointer events from panel when user selection is active
-- fix viewport initialization with user viewport 
+- fix viewport initialization with user viewport
 - fix parent node lookup in `evaluateAbsolutePosition`- thanks @lcsfort
 
 ## 0.1.3
@@ -42,16 +42,16 @@ This is a bigger update for Svelte Flow to keep up with the latest changes we ma
 - rename `node.computed` to `node.measured` - this attribute only includes `width` and `height` and no `positionAbsolute` anymore. For this we added the helpers `getInternalNode` and `useInternalNode`
 - rename `node.parentNode` to `node.parentId`
 
-### More updates: 
+### More updates:
 
 - add `isValidConnection` for `<Handle />` component
 - add `fitViewOptions` for `<Controls />` component
 - add `getInternalNode` to `useSvelteFlow`
 - add `useInternalNode` hook
-- don't reset nodes and edges when svelte flow unmounts - thanks @darabos 
+- don't reset nodes and edges when svelte flow unmounts - thanks @darabos
 - fix node event types - thanks @RedPhoenixQ
 - make handleId and isTarget reactive - thanks @darabos
-- fix MiniMap interaction for touch devices 
+- fix MiniMap interaction for touch devices
 - fix pane: pinch zoom on windows
 - fix nodes: return user node in node event handlers
 
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 93e878f34..11254ef22 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -18,8 +18,8 @@
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "css": "postcss src/styles/{base,style}.css --config ./../../tooling/postcss-config --dir dist",
     "css-watch": "pnpm css --watch",
-    "lint": "prettier --plugin-search-dir . --check . && eslint .",
-    "format": "prettier --plugin-search-dir . --write .",
+    "lint": "prettier --check . && eslint ./src",
+    "format": "prettier --write .",
     "typecheck": "pnpm check"
   },
   "type": "module",
diff --git a/packages/svelte/src/lib/components/nodes/GroupNode.svelte b/packages/svelte/src/lib/components/nodes/GroupNode.svelte
index b5a202ea3..d3c8d0014 100644
--- a/packages/svelte/src/lib/components/nodes/GroupNode.svelte
+++ b/packages/svelte/src/lib/components/nodes/GroupNode.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import type { NodeProps } from '$lib/types';
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   interface $$Props extends NodeProps {}
 
   // this is a workaround for suppressing the warning about unused props
diff --git a/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte b/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
index b635578ac..1de880b38 100644
--- a/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
+++ b/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { getContext } from 'svelte';
-  import { getNodesBounds, Position, type Rect, getNodeToolbarTransform } from '@xyflow/system';
+  import { getNodesBounds, Position, getNodeToolbarTransform } from '@xyflow/system';
   import portal from '$lib/actions/portal';
   import type { InternalNode } from '$lib/types';
   import { useStore } from '$lib/store';
diff --git a/packages/system/src/xyminimap/index.ts b/packages/system/src/xyminimap/index.ts
index d065990ba..025cbeee3 100644
--- a/packages/system/src/xyminimap/index.ts
+++ b/packages/system/src/xyminimap/index.ts
@@ -38,6 +38,7 @@ export function XYMinimap({ domNode, panZoom, getTransform, getViewScale }: XYMi
     zoomable = true,
     inversePan = false,
   }: XYMinimapUpdate) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const zoomHandler = (event: D3ZoomEvent<SVGSVGElement, any>) => {
       const transform = getTransform();
 
@@ -55,6 +56,7 @@ export function XYMinimap({ domNode, panZoom, getTransform, getViewScale }: XYMi
     };
 
     let panStart = [0, 0];
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const panStartHandler = (event: D3ZoomEvent<HTMLDivElement, any>) => {
       if (event.sourceEvent.type === 'mousedown' || event.sourceEvent.type === 'touchstart') {
         panStart = [
@@ -64,6 +66,7 @@ export function XYMinimap({ domNode, panZoom, getTransform, getViewScale }: XYMi
       }
     };
 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const panHandler = (event: D3ZoomEvent<HTMLDivElement, any>) => {
       const transform = getTransform();
 
@@ -101,8 +104,10 @@ export function XYMinimap({ domNode, panZoom, getTransform, getViewScale }: XYMi
 
     const zoomAndPanHandler = zoom()
       .on('start', panStartHandler)
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       .on('zoom', pannable ? panHandler : null)
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       .on('zoom.wheel', zoomable ? zoomHandler : null);
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7cd7276aa..52f271372 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -444,10 +444,10 @@ importers:
         specifier: ^8.5.0
         version: 8.8.0(eslint@8.43.0)
       eslint-config-turbo:
-        specifier: latest
-        version: 1.10.15(eslint@8.43.0)
+        specifier: ^2.0.3
+        version: 2.0.3(eslint@8.43.0)
       eslint-plugin-react:
-        specifier: latest
+        specifier: ^7.33.2
         version: 7.33.2(eslint@8.43.0)
 
   tooling/rollup-config:
@@ -2923,8 +2923,8 @@ packages:
     peerDependencies:
       eslint: '>=7.0.0'
 
-  eslint-config-turbo@1.10.15:
-    resolution: {integrity: sha512-76mpx2x818JZE26euen14utYcFDxOahZ9NaWA+6Xa4pY2ezVKVschuOxS96EQz3o3ZRSmcgBOapw/gHbN+EKxQ==}
+  eslint-config-turbo@2.0.3:
+    resolution: {integrity: sha512-D1+lNOpTFEuAgPWJfRHXHjzvAfO+0TVmORfftmYQNw+uk2UIBjhelhwERBceYFy2oFJnckHsqt69dp/zIM6/0g==}
     peerDependencies:
       eslint: '>6.6.0'
 
@@ -2965,8 +2965,8 @@ packages:
       svelte:
         optional: true
 
-  eslint-plugin-turbo@1.10.15:
-    resolution: {integrity: sha512-Tv4QSKV/U56qGcTqS/UgOvb9HcKFmWOQcVh3HEaj7of94lfaENgfrtK48E2CckQf7amhKs1i+imhCsNCKjkQyA==}
+  eslint-plugin-turbo@2.0.3:
+    resolution: {integrity: sha512-mplP4nYaRvtTNuwF5QTLYKLu0/8LTRsHPgX4ARhaof+QZI2ttglONe1/iJpKB4pg0KqFp7WHziKoJL+s0+CJ1w==}
     peerDependencies:
       eslint: '>6.6.0'
 
@@ -8980,10 +8980,10 @@ snapshots:
     dependencies:
       eslint: 8.57.0
 
-  eslint-config-turbo@1.10.15(eslint@8.43.0):
+  eslint-config-turbo@2.0.3(eslint@8.43.0):
     dependencies:
       eslint: 8.43.0
-      eslint-plugin-turbo: 1.10.15(eslint@8.43.0)
+      eslint-plugin-turbo: 2.0.3(eslint@8.43.0)
 
   eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0(eslint@8.43.0))(eslint@8.43.0)(prettier@2.8.8):
     dependencies:
@@ -9055,7 +9055,7 @@ snapshots:
       - supports-color
       - ts-node
 
-  eslint-plugin-turbo@1.10.15(eslint@8.43.0):
+  eslint-plugin-turbo@2.0.3(eslint@8.43.0):
     dependencies:
       dotenv: 16.0.3
       eslint: 8.43.0
diff --git a/tooling/eslint-config/package.json b/tooling/eslint-config/package.json
index 4f8ee323a..b0ab4c4e4 100644
--- a/tooling/eslint-config/package.json
+++ b/tooling/eslint-config/package.json
@@ -7,7 +7,7 @@
   "devDependencies": {
     "eslint": "^8.22.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-config-turbo": "latest",
-    "eslint-plugin-react": "latest"
+    "eslint-config-turbo": "^2.0.3",
+    "eslint-plugin-react": "^7.33.2"
   }
 }

From 42f4f59425d4a6a362bc39811dfd70d64697b249 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 17 Jun 2024 11:57:15 +0200
Subject: [PATCH 0838/1093] tiny updates to internal library examples

---
 examples/react/src/examples/DefaultNodes/index.tsx       | 1 +
 .../react/src/examples/NodeTypesObjectChange/index.tsx   | 9 +++++++++
 examples/react/src/examples/UseKeyPress/index.tsx        | 5 ++++-
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/examples/react/src/examples/DefaultNodes/index.tsx b/examples/react/src/examples/DefaultNodes/index.tsx
index 354fa9947..65ebb0601 100644
--- a/examples/react/src/examples/DefaultNodes/index.tsx
+++ b/examples/react/src/examples/DefaultNodes/index.tsx
@@ -25,6 +25,7 @@ const defaultNodes: Node[] = [
   },
   {
     id: '3',
+    type: 'output',
     data: { label: 'Node 3' },
     position: { x: 400, y: 100 },
     className: 'light',
diff --git a/examples/react/src/examples/NodeTypesObjectChange/index.tsx b/examples/react/src/examples/NodeTypesObjectChange/index.tsx
index 46b5cd5e4..b3b8fd02d 100644
--- a/examples/react/src/examples/NodeTypesObjectChange/index.tsx
+++ b/examples/react/src/examples/NodeTypesObjectChange/index.tsx
@@ -28,6 +28,14 @@ const initialNodes: Node[] = [
     data: { label: 'A Node' },
     position: { x: 250, y: 0 },
   },
+  {
+    id: '3',
+    type: 'b',
+    sourcePosition: Position.Right,
+    targetPosition: Position.Left,
+    data: { label: 'B Node' },
+    position: { x: 350, y: 0 },
+  },
 ];
 
 const buttonStyle: CSSProperties = {
@@ -78,6 +86,7 @@ const NodeTypeChangeFlow = () => {
       onEdgesChange={onEdgesChange}
       onConnect={onConnect}
       nodeTypes={nodeTypesObjects[nodeTypesId]}
+      fitView
     >
       <button onClick={changeType} style={buttonStyle}>
         change type
diff --git a/examples/react/src/examples/UseKeyPress/index.tsx b/examples/react/src/examples/UseKeyPress/index.tsx
index 28a950907..af3f82ea2 100644
--- a/examples/react/src/examples/UseKeyPress/index.tsx
+++ b/examples/react/src/examples/UseKeyPress/index.tsx
@@ -1,9 +1,12 @@
 import { useKeyPress } from '@xyflow/react';
+import { useEffect } from 'react';
 
 const UseKeyPressComponent = () => {
   const metaPressed = useKeyPress(['Meta']);
 
-  console.log({ metaPressed });
+  useEffect(() => {
+    console.log({ metaPressed });
+  }, [metaPressed]);
 
   return <div />;
 };

From 26456b3f0f650cbc9543ba1c8c155ebea58e107b Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 19 Jun 2024 13:23:20 +0200
Subject: [PATCH 0839/1093] only prevent shift scrolling when selection is
 actually in progress

---
 packages/svelte/src/lib/container/Zoom/Zoom.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index 87a390456..205f0f2d6 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -23,7 +23,7 @@
   const {
     viewport,
     panZoom,
-    selectionKeyPressed,
+    selectionRect,
     minZoom,
     maxZoom,
     dragging,
@@ -66,7 +66,7 @@
     preventScrolling: typeof preventScrolling === 'boolean' ? preventScrolling : true,
     noPanClassName: 'nopan',
     noWheelClassName: 'nowheel',
-    userSelectionActive: $selectionKeyPressed,
+    userSelectionActive: !!$selectionRect,
     translateExtent: $translateExtent,
     lib: $lib
   }}

From 75acd24cee4355e2563f4c2c9f8fdf9234804574 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Wed, 19 Jun 2024 16:57:30 +0200
Subject: [PATCH 0840/1093] Rename `updateEdge` to `reconnectEdge` (#4373)

* refactor(edges): rename update to reconnect

* refactor(react): rename edge update to reconnect

* chore(examples): repair broken reconnect example

* chore(react): changelog
---
 examples/react/src/App/routes.ts              |  8 +--
 .../index.tsx                                 | 24 +++----
 .../src/examples/Undirectional/index.tsx      | 26 +++----
 .../react/src/examples/Validation/index.tsx   | 16 ++---
 .../react/src/generic-tests/edges/general.ts  |  2 +-
 .../svelte/src/generic-tests/edges/general.ts |  2 +-
 packages/react/CHANGELOG.md                   |  5 ++
 .../EdgeWrapper/EdgeUpdateAnchors.tsx         | 68 +++++++++----------
 .../src/components/EdgeWrapper/index.tsx      | 34 +++++-----
 .../src/components/StoreUpdater/index.tsx     |  2 +-
 .../src/container/EdgeRenderer/index.tsx      | 30 ++++----
 .../react/src/container/GraphView/index.tsx   | 16 ++---
 .../react/src/container/ReactFlow/index.tsx   | 20 +++---
 packages/react/src/index.ts                   |  2 +-
 packages/react/src/store/initialState.ts      |  2 +-
 packages/react/src/types/component-props.ts   | 12 ++--
 packages/react/src/types/edges.ts             | 16 ++---
 packages/react/src/types/store.ts             |  2 +-
 packages/svelte/src/lib/index.ts              |  3 +-
 packages/system/src/utils/edges/general.ts    |  8 +--
 packages/system/src/xyhandle/XYHandle.ts      |  6 +-
 21 files changed, 153 insertions(+), 151 deletions(-)
 rename examples/react/src/examples/{UpdatableEdge => ReconnectEdge}/index.tsx (80%)

diff --git a/examples/react/src/App/routes.ts b/examples/react/src/App/routes.ts
index 287ab17bf..024a22ac7 100644
--- a/examples/react/src/App/routes.ts
+++ b/examples/react/src/App/routes.ts
@@ -34,7 +34,7 @@ import Subflow from '../examples/Subflow';
 import SwitchFlow from '../examples/Switch';
 import TouchDevice from '../examples/TouchDevice';
 import Undirectional from '../examples/Undirectional';
-import UpdatableEdge from '../examples/UpdatableEdge';
+import ReconnectEdge from '../examples/ReconnectEdge';
 import UpdateNode from '../examples/UpdateNode';
 import UseUpdateNodeInternals from '../examples/UseUpdateNodeInternals';
 import UseReactFlow from '../examples/UseReactFlow';
@@ -271,9 +271,9 @@ const routes: IRoute[] = [
     component: Undirectional,
   },
   {
-    name: 'Updatable Edge',
-    path: 'updatable-edge',
-    component: UpdatableEdge,
+    name: 'Reconnect Edge',
+    path: 'reconnect-edge',
+    component: ReconnectEdge,
   },
   {
     name: 'Update Node',
diff --git a/examples/react/src/examples/UpdatableEdge/index.tsx b/examples/react/src/examples/ReconnectEdge/index.tsx
similarity index 80%
rename from examples/react/src/examples/UpdatableEdge/index.tsx
rename to examples/react/src/examples/ReconnectEdge/index.tsx
index 5dacdc9cd..b354f089d 100644
--- a/examples/react/src/examples/UpdatableEdge/index.tsx
+++ b/examples/react/src/examples/ReconnectEdge/index.tsx
@@ -2,7 +2,7 @@ import { useState, useCallback, MouseEvent as ReactMouseEvent } from 'react';
 import {
   ReactFlow,
   Controls,
-  updateEdge,
+  reconnectEdge,
   addEdge,
   applyNodeChanges,
   applyEdgeChanges,
@@ -91,21 +91,21 @@ const initialNodes: Node[] = [
 ];
 
 const initialEdges: Edge[] = [
-  { id: 'e1-3', source: '1', target: '3', label: 'This edge can only be updated from source', updatable: 'source' },
-  { id: 'e2-4', source: '2', target: '4', label: 'This edge can only be updated from target', updatable: 'target' },
+  { id: 'e1-3', source: '1', target: '3', label: 'This edge can only be updated from source', reconnectable: 'source' },
+  { id: 'e2-4', source: '2', target: '4', label: 'This edge can only be updated from target', reconnectable: 'target' },
   { id: 'e5-6', source: '5', target: '6', label: 'This edge can be updated from both sides' },
 ];
 
-const onEdgeUpdateStart = (_: ReactMouseEvent, edge: Edge, handleType: HandleType) =>
+const onReconnectStart = (_: ReactMouseEvent, edge: Edge, handleType: HandleType) =>
   console.log(`start update ${handleType} handle`, edge);
-const onEdgeUpdateEnd = (_: MouseEvent | TouchEvent, edge: Edge, handleType: HandleType) =>
+const onReconnectEnd = (_: MouseEvent | TouchEvent, edge: Edge, handleType: HandleType) =>
   console.log(`end update ${handleType} handle`, edge);
 
-const UpdatableEdge = () => {
+const ReconnectEdge = () => {
   const [nodes, setNodes] = useState<Node[]>(initialNodes);
   const [edges, setEdges] = useState<Edge[]>(initialEdges);
-  const onEdgeUpdate = (oldEdge: Edge, newConnection: Connection) =>
-    setEdges((els) => updateEdge(oldEdge, newConnection, els));
+  const onReconnect = (oldEdge: Edge, newConnection: Connection) =>
+    setEdges((els) => reconnectEdge(oldEdge, newConnection, els));
   const onConnect = (connection: Connection) => setEdges((els) => addEdge(connection, els));
 
   const onNodesChange = useCallback((changes: NodeChange[]) => {
@@ -123,10 +123,10 @@ const UpdatableEdge = () => {
       onNodesChange={onNodesChange}
       onEdgesChange={onEdgesChange}
       snapToGrid={true}
-      onEdgeUpdate={onEdgeUpdate}
+      onReconnect={onReconnect}
       onConnect={onConnect}
-      onEdgeUpdateStart={onEdgeUpdateStart}
-      onEdgeUpdateEnd={onEdgeUpdateEnd}
+      onReconnectStart={onReconnectStart}
+      onReconnectEnd={onReconnectEnd}
       fitView
     >
       <Controls />
@@ -134,4 +134,4 @@ const UpdatableEdge = () => {
   );
 };
 
-export default UpdatableEdge;
+export default ReconnectEdge;
diff --git a/examples/react/src/examples/Undirectional/index.tsx b/examples/react/src/examples/Undirectional/index.tsx
index c4cf14a5f..1a5078769 100644
--- a/examples/react/src/examples/Undirectional/index.tsx
+++ b/examples/react/src/examples/Undirectional/index.tsx
@@ -10,7 +10,7 @@ import {
   Edge,
   ConnectionLineType,
   ConnectionMode,
-  updateEdge,
+  reconnectEdge,
   useNodesState,
   useEdgesState,
 } from '@xyflow/react';
@@ -22,55 +22,55 @@ const initialNodes: Node[] = [
     id: '00',
     type: 'custom',
     position: { x: 300, y: 250 },
-    data: null,
+    data: {},
   },
   {
     id: '01',
     type: 'custom',
     position: { x: 100, y: 50 },
-    data: null,
+    data: {},
   },
   {
     id: '02',
     type: 'custom',
     position: { x: 500, y: 50 },
-    data: null,
+    data: {},
   },
   {
     id: '03',
     type: 'custom',
     position: { x: 500, y: 500 },
-    data: null,
+    data: {},
   },
   {
     id: '04',
     type: 'custom',
     position: { x: 100, y: 500 },
-    data: null,
+    data: {},
   },
   {
     id: '10',
     type: 'custom',
     position: { x: 300, y: 5 },
-    data: null,
+    data: {},
   },
   {
     id: '20',
     type: 'custom',
     position: { x: 600, y: 250 },
-    data: null,
+    data: {},
   },
   {
     id: '30',
     type: 'custom',
     position: { x: 300, y: 600 },
-    data: null,
+    data: {},
   },
   {
     id: '40',
     type: 'custom',
     position: { x: 5, y: 250 },
-    data: null,
+    data: {},
   },
 ];
 
@@ -186,8 +186,8 @@ const UpdateNodeInternalsFlow = () => {
   const { screenToFlowPosition } = useReactFlow();
 
   const onConnect = useCallback((params: Edge | Connection) => setEdges((els) => addEdge(params, els)), [setEdges]);
-  const onEdgeUpdate = useCallback(
-    (oldEdge: Edge, newConnection: Connection) => setEdges((els) => updateEdge(oldEdge, newConnection, els)),
+  const onReconnect = useCallback(
+    (oldEdge: Edge, newConnection: Connection) => setEdges((els) => reconnectEdge(oldEdge, newConnection, els)),
     []
   );
 
@@ -215,7 +215,7 @@ const UpdateNodeInternalsFlow = () => {
       onPaneClick={onPaneClick}
       connectionLineType={ConnectionLineType.Bezier}
       connectionMode={ConnectionMode.Loose}
-      onEdgeUpdate={onEdgeUpdate}
+      onReconnect={onReconnect}
     />
   );
 };
diff --git a/examples/react/src/examples/Validation/index.tsx b/examples/react/src/examples/Validation/index.tsx
index 936e13961..9cdad6215 100644
--- a/examples/react/src/examples/Validation/index.tsx
+++ b/examples/react/src/examples/Validation/index.tsx
@@ -13,7 +13,7 @@ import {
   OnConnectStart,
   OnConnectEnd,
   OnConnect,
-  updateEdge,
+  reconnectEdge,
   Edge,
   IsValidConnection,
   OnBeforeDelete,
@@ -24,10 +24,10 @@ import ConnectionStatus from './ConnectionStatus';
 import styles from './validation.module.css';
 
 const initialNodes: Node[] = [
-  { id: '0', type: 'custominput', position: { x: 0, y: 150 }, data: null },
-  { id: 'A', type: 'customnode', position: { x: 250, y: 0 }, data: null },
-  { id: 'B', type: 'customnode', position: { x: 250, y: 150 }, data: null },
-  { id: 'C', type: 'customnode', position: { x: 250, y: 300 }, data: null },
+  { id: '0', type: 'custominput', position: { x: 0, y: 150 }, data: {} },
+  { id: 'A', type: 'customnode', position: { x: 250, y: 0 }, data: {} },
+  { id: 'B', type: 'customnode', position: { x: 250, y: 150 }, data: {} },
+  { id: 'C', type: 'customnode', position: { x: 250, y: 300 }, data: {} },
 ];
 
 const isValidConnection: IsValidConnection = (connection) => connection.target === 'B';
@@ -81,8 +81,8 @@ const ValidationFlow = () => {
     [value]
   );
 
-  const onEdgeUpdate = useCallback(
-    (oldEdge: Edge, newConnection: Connection) => setEdges((els) => updateEdge(oldEdge, newConnection, els)),
+  const onReconnect = useCallback(
+    (oldEdge: Edge, newConnection: Connection) => setEdges((els) => reconnectEdge(oldEdge, newConnection, els)),
     [setEdges]
   );
 
@@ -102,7 +102,7 @@ const ValidationFlow = () => {
       nodeTypes={nodeTypes}
       onConnectStart={onConnectStart}
       onConnectEnd={onConnectEnd}
-      onEdgeUpdate={onEdgeUpdate}
+      onReconnect={onReconnect}
       isValidConnection={isValidConnection}
       onBeforeDelete={onBeforeDelete}
       fitView
diff --git a/examples/react/src/generic-tests/edges/general.ts b/examples/react/src/generic-tests/edges/general.ts
index 239776579..3daceec8c 100644
--- a/examples/react/src/generic-tests/edges/general.ts
+++ b/examples/react/src/generic-tests/edges/general.ts
@@ -149,7 +149,7 @@ export default {
       // 	source: '9',
       // 	target: '11',
       // 	label: 'focusable',
-      // 	updatable: true
+      // 	reconnectable: true
       // },
       // {
       // 	id: 'not-focusable',
diff --git a/examples/svelte/src/generic-tests/edges/general.ts b/examples/svelte/src/generic-tests/edges/general.ts
index 0e62f8873..5e94d2fbc 100644
--- a/examples/svelte/src/generic-tests/edges/general.ts
+++ b/examples/svelte/src/generic-tests/edges/general.ts
@@ -146,7 +146,7 @@ export default {
 			// 	source: '9',
 			// 	target: '11',
 			// 	label: 'focusable',
-			// 	updatable: true
+			// 	reconnectable: true
 			// },
 			// {
 			// 	id: 'not-focusable',
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 07a0b9ab8..b0a1510b7 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,10 @@
 # @xyflow/react
 
+## 12.0.0-next.22
+
+- ⚠️ rename `updateEdge` to `reconnectEdge` and realted APIs [#4373](https://github.com/xyflow/xyflow/pull/4373)
+
+
 ## 12.0.0-next.21
 
 - fix node origin bug
diff --git a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
index e4810f114..d1cfd1387 100644
--- a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
+++ b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
@@ -1,4 +1,4 @@
-// Updatable edges have a anchors around their handles to update the edge.
+// Reconnectable edges have a anchors around their handles to reconnect the edge.
 import { XYHandle, type Connection, EdgePosition } from '@xyflow/system';
 
 import { EdgeAnchor } from '../Edges/EdgeAnchor';
@@ -7,20 +7,20 @@ import { useStoreApi } from '../../hooks/useStore';
 
 type EdgeUpdateAnchorsProps<EdgeType extends Edge = Edge> = {
   edge: EdgeType;
-  isUpdatable: boolean | 'source' | 'target';
-  edgeUpdaterRadius: EdgeWrapperProps['edgeUpdaterRadius'];
+  isReconnectable: boolean | 'source' | 'target';
+  reconnectRadius: EdgeWrapperProps['reconnectRadius'];
   sourceHandleId: Edge['sourceHandle'];
   targetHandleId: Edge['targetHandle'];
-  onEdgeUpdate: EdgeWrapperProps<EdgeType>['onEdgeUpdate'];
-  onEdgeUpdateStart: EdgeWrapperProps<EdgeType>['onEdgeUpdateStart'];
-  onEdgeUpdateEnd: EdgeWrapperProps<EdgeType>['onEdgeUpdateEnd'];
+  onReconnect: EdgeWrapperProps<EdgeType>['onReconnect'];
+  onReconnectStart: EdgeWrapperProps<EdgeType>['onReconnectStart'];
+  onReconnectEnd: EdgeWrapperProps<EdgeType>['onReconnectEnd'];
   setUpdateHover: (hover: boolean) => void;
-  setUpdating: (updating: boolean) => void;
+  setReconnecting: (updating: boolean) => void;
 } & EdgePosition;
 
 export function EdgeUpdateAnchors<EdgeType extends Edge = Edge>({
-  isUpdatable,
-  edgeUpdaterRadius,
+  isReconnectable,
+  reconnectRadius,
   edge,
   targetHandleId,
   sourceHandleId,
@@ -30,10 +30,10 @@ export function EdgeUpdateAnchors<EdgeType extends Edge = Edge>({
   targetY,
   sourcePosition,
   targetPosition,
-  onEdgeUpdate,
-  onEdgeUpdateStart,
-  onEdgeUpdateEnd,
-  setUpdating,
+  onReconnect,
+  onReconnectStart,
+  onReconnectEnd,
+  setReconnecting,
   setUpdateHover,
 }: EdgeUpdateAnchorsProps<EdgeType>) {
   const store = useStoreApi();
@@ -65,15 +65,15 @@ export function EdgeUpdateAnchors<EdgeType extends Edge = Edge>({
 
     const isTarget = isSourceHandle;
 
-    setUpdating(true);
-    onEdgeUpdateStart?.(event, edge, handleType);
+    setReconnecting(true);
+    onReconnectStart?.(event, edge, handleType);
 
-    const _onEdgeUpdateEnd = (evt: MouseEvent | TouchEvent) => {
-      setUpdating(false);
-      onEdgeUpdateEnd?.(evt, edge, handleType);
+    const _onReconnectEnd = (evt: MouseEvent | TouchEvent) => {
+      setReconnecting(false);
+      onReconnectEnd?.(evt, edge, handleType);
     };
 
-    const onConnectEdge = (connection: Connection) => onEdgeUpdate?.(edge, connection);
+    const onConnectEdge = (connection: Connection) => onReconnect?.(edge, connection);
 
     XYHandle.onPointerDown(event.nativeEvent, {
       autoPanOnConnect,
@@ -93,43 +93,43 @@ export function EdgeUpdateAnchors<EdgeType extends Edge = Edge>({
       onConnect: onConnectEdge,
       onConnectStart,
       onConnectEnd,
-      onEdgeUpdateEnd: _onEdgeUpdateEnd,
+      onReconnectEnd: _onReconnectEnd,
       updateConnection,
       getTransform: () => store.getState().transform,
       getConnectionStartHandle: () => store.getState().connectionStartHandle,
     });
   };
 
-  const onEdgeUpdaterSourceMouseDown = (event: React.MouseEvent<SVGGElement, MouseEvent>): void =>
+  const onReconnectSourceMouseDown = (event: React.MouseEvent<SVGGElement, MouseEvent>): void =>
     handleEdgeUpdater(event, true);
-  const onEdgeUpdaterTargetMouseDown = (event: React.MouseEvent<SVGGElement, MouseEvent>): void =>
+  const onReconnectTargetMouseDown = (event: React.MouseEvent<SVGGElement, MouseEvent>): void =>
     handleEdgeUpdater(event, false);
-  const onEdgeUpdaterMouseEnter = () => setUpdateHover(true);
-  const onEdgeUpdaterMouseOut = () => setUpdateHover(false);
+  const onReconnectMouseEnter = () => setUpdateHover(true);
+  const onReconnectMouseOut = () => setUpdateHover(false);
 
   return (
     <>
-      {(isUpdatable === 'source' || isUpdatable === true) && (
+      {(isReconnectable === 'source' || isReconnectable === true) && (
         <EdgeAnchor
           position={sourcePosition}
           centerX={sourceX}
           centerY={sourceY}
-          radius={edgeUpdaterRadius}
-          onMouseDown={onEdgeUpdaterSourceMouseDown}
-          onMouseEnter={onEdgeUpdaterMouseEnter}
-          onMouseOut={onEdgeUpdaterMouseOut}
+          radius={reconnectRadius}
+          onMouseDown={onReconnectSourceMouseDown}
+          onMouseEnter={onReconnectMouseEnter}
+          onMouseOut={onReconnectMouseOut}
           type="source"
         />
       )}
-      {(isUpdatable === 'target' || isUpdatable === true) && (
+      {(isReconnectable === 'target' || isReconnectable === true) && (
         <EdgeAnchor
           position={targetPosition}
           centerX={targetX}
           centerY={targetY}
-          radius={edgeUpdaterRadius}
-          onMouseDown={onEdgeUpdaterTargetMouseDown}
-          onMouseEnter={onEdgeUpdaterMouseEnter}
-          onMouseOut={onEdgeUpdaterMouseOut}
+          radius={reconnectRadius}
+          onMouseDown={onReconnectTargetMouseDown}
+          onMouseEnter={onReconnectMouseEnter}
+          onMouseOut={onReconnectMouseOut}
           type="target"
         />
       )}
diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index 49a9c61b3..91b7085ad 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -18,7 +18,7 @@ import type { Edge, EdgeWrapperProps } from '../../types';
 export function EdgeWrapper<EdgeType extends Edge = Edge>({
   id,
   edgesFocusable,
-  edgesUpdatable,
+  edgesReconnectable,
   elementsSelectable,
   onClick,
   onDoubleClick,
@@ -26,10 +26,10 @@ export function EdgeWrapper<EdgeType extends Edge = Edge>({
   onMouseEnter,
   onMouseMove,
   onMouseLeave,
-  edgeUpdaterRadius,
-  onEdgeUpdate,
-  onEdgeUpdateStart,
-  onEdgeUpdateEnd,
+  reconnectRadius,
+  onReconnect,
+  onReconnectStart,
+  onReconnectEnd,
   rfId,
   edgeTypes,
   noPanClassName,
@@ -50,14 +50,14 @@ export function EdgeWrapper<EdgeType extends Edge = Edge>({
   }
 
   const isFocusable = !!(edge.focusable || (edgesFocusable && typeof edge.focusable === 'undefined'));
-  const isUpdatable =
-    typeof onEdgeUpdate !== 'undefined' &&
-    (edge.updatable || (edgesUpdatable && typeof edge.updatable === 'undefined'));
+  const isReconnectable =
+    typeof onReconnect !== 'undefined' &&
+    (edge.reconnectable || (edgesReconnectable && typeof edge.reconnectable === 'undefined'));
   const isSelectable = !!(edge.selectable || (elementsSelectable && typeof edge.selectable === 'undefined'));
 
   const edgeRef = useRef<SVGGElement>(null);
   const [updateHover, setUpdateHover] = useState<boolean>(false);
-  const [updating, setUpdating] = useState<boolean>(false);
+  const [reconnecting, setReconnecting] = useState<boolean>(false);
   const store = useStoreApi();
 
   const { zIndex, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition } = useStore(
@@ -207,7 +207,7 @@ export function EdgeWrapper<EdgeType extends Edge = Edge>({
         aria-describedby={isFocusable ? `${ARIA_EDGE_DESC_KEY}-${rfId}` : undefined}
         ref={edgeRef}
       >
-        {!updating && (
+        {!reconnecting && (
           <EdgeComponent
             id={id}
             source={edge.source}
@@ -239,14 +239,14 @@ export function EdgeWrapper<EdgeType extends Edge = Edge>({
             interactionWidth={edge.interactionWidth}
           />
         )}
-        {isUpdatable && (
+        {isReconnectable && (
           <EdgeUpdateAnchors<EdgeType>
             edge={edge}
-            isUpdatable={isUpdatable}
-            edgeUpdaterRadius={edgeUpdaterRadius}
-            onEdgeUpdate={onEdgeUpdate}
-            onEdgeUpdateStart={onEdgeUpdateStart}
-            onEdgeUpdateEnd={onEdgeUpdateEnd}
+            isReconnectable={isReconnectable}
+            reconnectRadius={reconnectRadius}
+            onReconnect={onReconnect}
+            onReconnectStart={onReconnectStart}
+            onReconnectEnd={onReconnectEnd}
             sourceX={sourceX}
             sourceY={sourceY}
             targetX={targetX}
@@ -254,7 +254,7 @@ export function EdgeWrapper<EdgeType extends Edge = Edge>({
             sourcePosition={sourcePosition}
             targetPosition={targetPosition}
             setUpdateHover={setUpdateHover}
-            setUpdating={setUpdating}
+            setReconnecting={setReconnecting}
             sourceHandleId={edge.sourceHandle}
             targetHandleId={edge.targetHandle}
           />
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 624d10a5b..56a371346 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -26,7 +26,7 @@ const reactFlowFieldsToTrack = [
   'nodesConnectable',
   'nodesFocusable',
   'edgesFocusable',
-  'edgesUpdatable',
+  'edgesReconnectable',
   'elevateNodesOnSelect',
   'elevateEdgesOnSelect',
   'minZoom',
diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx
index 6636e8338..6e898cbb2 100644
--- a/packages/react/src/container/EdgeRenderer/index.tsx
+++ b/packages/react/src/container/EdgeRenderer/index.tsx
@@ -14,14 +14,14 @@ type EdgeRendererProps<EdgeType extends Edge = Edge> = Pick<
   | 'onEdgeDoubleClick'
   | 'defaultMarkerColor'
   | 'onlyRenderVisibleElements'
-  | 'onEdgeUpdate'
+  | 'onReconnect'
   | 'onEdgeContextMenu'
   | 'onEdgeMouseEnter'
   | 'onEdgeMouseMove'
   | 'onEdgeMouseLeave'
-  | 'onEdgeUpdateStart'
-  | 'onEdgeUpdateEnd'
-  | 'edgeUpdaterRadius'
+  | 'onReconnectStart'
+  | 'onReconnectEnd'
+  | 'reconnectRadius'
   | 'noPanClassName'
   | 'rfId'
   | 'disableKeyboardA11y'
@@ -34,7 +34,7 @@ const selector = (s: ReactFlowState) => ({
   width: s.width,
   height: s.height,
   edgesFocusable: s.edgesFocusable,
-  edgesUpdatable: s.edgesUpdatable,
+  edgesReconnectable: s.edgesReconnectable,
   elementsSelectable: s.elementsSelectable,
   connectionMode: s.connectionMode,
   onError: s.onError,
@@ -46,19 +46,19 @@ function EdgeRendererComponent<EdgeType extends Edge = Edge>({
   rfId,
   edgeTypes,
   noPanClassName,
-  onEdgeUpdate,
+  onReconnect,
   onEdgeContextMenu,
   onEdgeMouseEnter,
   onEdgeMouseMove,
   onEdgeMouseLeave,
   onEdgeClick,
-  edgeUpdaterRadius,
+  reconnectRadius,
   onEdgeDoubleClick,
-  onEdgeUpdateStart,
-  onEdgeUpdateEnd,
+  onReconnectStart,
+  onReconnectEnd,
   disableKeyboardA11y,
 }: EdgeRendererProps<EdgeType>) {
-  const { edgesFocusable, edgesUpdatable, elementsSelectable, onError } = useStore(selector, shallow);
+  const { edgesFocusable, edgesReconnectable, elementsSelectable, onError } = useStore(selector, shallow);
   const edgeIds = useVisibleEdgeIds(onlyRenderVisibleElements);
 
   return (
@@ -71,19 +71,19 @@ function EdgeRendererComponent<EdgeType extends Edge = Edge>({
             key={id}
             id={id}
             edgesFocusable={edgesFocusable}
-            edgesUpdatable={edgesUpdatable}
+            edgesReconnectable={edgesReconnectable}
             elementsSelectable={elementsSelectable}
             noPanClassName={noPanClassName}
-            onEdgeUpdate={onEdgeUpdate}
+            onReconnect={onReconnect}
             onContextMenu={onEdgeContextMenu}
             onMouseEnter={onEdgeMouseEnter}
             onMouseMove={onEdgeMouseMove}
             onMouseLeave={onEdgeMouseLeave}
             onClick={onEdgeClick}
-            edgeUpdaterRadius={edgeUpdaterRadius}
+            reconnectRadius={reconnectRadius}
             onDoubleClick={onEdgeDoubleClick}
-            onEdgeUpdateStart={onEdgeUpdateStart}
-            onEdgeUpdateEnd={onEdgeUpdateEnd}
+            onReconnectStart={onReconnectStart}
+            onReconnectEnd={onReconnectEnd}
             rfId={rfId}
             onError={onError}
             edgeTypes={edgeTypes}
diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index a2663851f..8050ca20d 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -85,14 +85,14 @@ function GraphViewComponent<NodeType extends Node = Node, EdgeType extends Edge
   onPaneMouseLeave,
   onPaneScroll,
   onPaneContextMenu,
-  onEdgeUpdate,
   onEdgeContextMenu,
   onEdgeMouseEnter,
   onEdgeMouseMove,
   onEdgeMouseLeave,
-  edgeUpdaterRadius,
-  onEdgeUpdateStart,
-  onEdgeUpdateEnd,
+  reconnectRadius,
+  onReconnect,
+  onReconnectStart,
+  onReconnectEnd,
   noDragClassName,
   noWheelClassName,
   noPanClassName,
@@ -153,15 +153,15 @@ function GraphViewComponent<NodeType extends Node = Node, EdgeType extends Edge
           edgeTypes={edgeTypes}
           onEdgeClick={onEdgeClick}
           onEdgeDoubleClick={onEdgeDoubleClick}
-          onEdgeUpdate={onEdgeUpdate}
+          onReconnect={onReconnect}
+          onReconnectStart={onReconnectStart}
+          onReconnectEnd={onReconnectEnd}
           onlyRenderVisibleElements={onlyRenderVisibleElements}
           onEdgeContextMenu={onEdgeContextMenu}
           onEdgeMouseEnter={onEdgeMouseEnter}
           onEdgeMouseMove={onEdgeMouseMove}
           onEdgeMouseLeave={onEdgeMouseLeave}
-          onEdgeUpdateStart={onEdgeUpdateStart}
-          onEdgeUpdateEnd={onEdgeUpdateEnd}
-          edgeUpdaterRadius={edgeUpdaterRadius}
+          reconnectRadius={reconnectRadius}
           defaultMarkerColor={defaultMarkerColor}
           noPanClassName={noPanClassName}
           disableKeyboardA11y={disableKeyboardA11y}
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index eb6e3a1da..64ac7202b 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -81,7 +81,7 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
     nodesFocusable,
     nodeOrigin = defaultNodeOrigin,
     edgesFocusable,
-    edgesUpdatable,
+    edgesReconnectable,
     elementsSelectable = true,
     defaultViewport = initViewport,
     minZoom = 0.5,
@@ -104,15 +104,15 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
     onPaneScroll,
     onPaneContextMenu,
     children,
-    onEdgeUpdate,
+    onReconnect,
+    onReconnectStart,
+    onReconnectEnd,
     onEdgeContextMenu,
     onEdgeDoubleClick,
     onEdgeMouseEnter,
     onEdgeMouseMove,
     onEdgeMouseLeave,
-    onEdgeUpdateStart,
-    onEdgeUpdateEnd,
-    edgeUpdaterRadius = 10,
+    reconnectRadius = 10,
     onNodesChange,
     onEdgesChange,
     noDragClassName = 'nodrag',
@@ -202,15 +202,15 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
           onSelectionContextMenu={onSelectionContextMenu}
           onSelectionStart={onSelectionStart}
           onSelectionEnd={onSelectionEnd}
-          onEdgeUpdate={onEdgeUpdate}
+          onReconnect={onReconnect}
+          onReconnectStart={onReconnectStart}
+          onReconnectEnd={onReconnectEnd}
           onEdgeContextMenu={onEdgeContextMenu}
           onEdgeDoubleClick={onEdgeDoubleClick}
           onEdgeMouseEnter={onEdgeMouseEnter}
           onEdgeMouseMove={onEdgeMouseMove}
           onEdgeMouseLeave={onEdgeMouseLeave}
-          onEdgeUpdateStart={onEdgeUpdateStart}
-          onEdgeUpdateEnd={onEdgeUpdateEnd}
-          edgeUpdaterRadius={edgeUpdaterRadius}
+          reconnectRadius={reconnectRadius}
           defaultMarkerColor={defaultMarkerColor}
           noDragClassName={noDragClassName}
           noWheelClassName={noWheelClassName}
@@ -236,7 +236,7 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
           nodesConnectable={nodesConnectable}
           nodesFocusable={nodesFocusable}
           edgesFocusable={edgesFocusable}
-          edgesUpdatable={edgesUpdatable}
+          edgesReconnectable={edgesReconnectable}
           elementsSelectable={elementsSelectable}
           elevateNodesOnSelect={elevateNodesOnSelect}
           elevateEdgesOnSelect={elevateEdgesOnSelect}
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 85b582d68..e00cd0d70 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -116,6 +116,6 @@ export {
   getIncomers,
   getOutgoers,
   addEdge,
-  updateEdge,
+  reconnectEdge,
   getConnectedEdges,
 } from '@xyflow/system';
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 57844405a..d519665f4 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -92,7 +92,7 @@ const getInitialState = ({
     nodesConnectable: true,
     nodesFocusable: true,
     edgesFocusable: true,
-    edgesUpdatable: true,
+    edgesReconnectable: true,
     elementsSelectable: true,
     elevateNodesOnSelect: true,
     elevateEdgesOnSelect: false,
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index 6deca2706..5dd6d57e7 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -29,7 +29,7 @@ import type {
   Node,
   Edge,
   ConnectionLineComponent,
-  OnEdgeUpdateFunc,
+  OnReconnect,
   OnInit,
   DefaultEdgeOptions,
   FitViewOptions,
@@ -129,9 +129,9 @@ export interface ReactFlowProps<NodeType extends Node = Node, EdgeType extends E
   onEdgeMouseLeave?: EdgeMouseHandler<EdgeType>;
   /** This event handler is called when a user double clicks on an edge */
   onEdgeDoubleClick?: EdgeMouseHandler<EdgeType>;
-  onEdgeUpdateStart?: (event: ReactMouseEvent, edge: EdgeType, handleType: HandleType) => void;
-  onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: EdgeType, handleType: HandleType) => void;
-  onEdgeUpdate?: OnEdgeUpdateFunc<EdgeType>;
+  onReconnect?: OnReconnect<EdgeType>;
+  onReconnectStart?: (event: ReactMouseEvent, edge: EdgeType, handleType: HandleType) => void;
+  onReconnectEnd?: (event: MouseEvent | TouchEvent, edge: EdgeType, handleType: HandleType) => void;
   /** This event handler is called when a Node is updated
    * @example // Use NodesState hook to create edges and get onNodesChange handler
    * import ReactFlow, { useNodesState } from '@xyflow/react';
@@ -330,7 +330,7 @@ export interface ReactFlowProps<NodeType extends Node = Node, EdgeType extends E
   /** Controls if all edges should be updateable
    * @default true
    */
-  edgesUpdatable?: boolean;
+  edgesReconnectable?: boolean;
   /** Controls if all elements should (nodes & edges) be selectable
    * @default true
    */
@@ -413,7 +413,7 @@ export interface ReactFlowProps<NodeType extends Node = Node, EdgeType extends E
   panOnScrollMode?: PanOnScrollMode;
   /** Controls if the viewport should zoom by double clicking somewhere on the flow */
   zoomOnDoubleClick?: boolean;
-  edgeUpdaterRadius?: number;
+  reconnectRadius?: number;
   noDragClassName?: string;
   noWheelClassName?: string;
   noPanClassName?: string;
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index b85612f95..23bec3588 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -28,8 +28,6 @@ export type EdgeLabelOptions = {
   labelBgBorderRadius?: number;
 };
 
-export type EdgeUpdatable = boolean | HandleType;
-
 /**
  * The Edge type is mainly used for the `edges` that get passed to the ReactFlow component
  * @public
@@ -41,7 +39,7 @@ export type Edge<
   EdgeLabelOptions & {
     style?: CSSProperties;
     className?: string;
-    updatable?: EdgeUpdatable;
+    reconnectable?: boolean | HandleType;
     focusable?: boolean;
   };
 
@@ -69,19 +67,19 @@ export type EdgeMouseHandler<EdgeType extends Edge = Edge> = (event: ReactMouseE
 export type EdgeWrapperProps<EdgeType extends Edge = Edge> = {
   id: string;
   edgesFocusable: boolean;
-  edgesUpdatable: boolean;
+  edgesReconnectable: boolean;
   elementsSelectable: boolean;
   noPanClassName: string;
   onClick?: EdgeMouseHandler<EdgeType>;
   onDoubleClick?: EdgeMouseHandler<EdgeType>;
-  onEdgeUpdate?: OnEdgeUpdateFunc<EdgeType>;
+  onReconnect?: OnReconnect<EdgeType>;
   onContextMenu?: EdgeMouseHandler<EdgeType>;
   onMouseEnter?: EdgeMouseHandler<EdgeType>;
   onMouseMove?: EdgeMouseHandler<EdgeType>;
   onMouseLeave?: EdgeMouseHandler<EdgeType>;
-  edgeUpdaterRadius?: number;
-  onEdgeUpdateStart?: (event: ReactMouseEvent, edge: EdgeType, handleType: HandleType) => void;
-  onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: EdgeType, handleType: HandleType) => void;
+  reconnectRadius?: number;
+  onReconnectStart?: (event: ReactMouseEvent, edge: EdgeType, handleType: HandleType) => void;
+  onReconnectEnd?: (event: MouseEvent | TouchEvent, edge: EdgeType, handleType: HandleType) => void;
   rfId?: string;
   edgeTypes?: EdgeTypes;
   onError?: OnError;
@@ -191,7 +189,7 @@ export type StraightEdgeProps = Omit<EdgeComponentProps, 'sourcePosition' | 'tar
  */
 export type SimpleBezierEdgeProps = EdgeComponentProps;
 
-export type OnEdgeUpdateFunc<EdgeType extends Edge = Edge> = (oldEdge: EdgeType, newConnection: Connection) => void;
+export type OnReconnect<EdgeType extends Edge = Edge> = (oldEdge: EdgeType, newConnection: Connection) => void;
 
 export type ConnectionLineComponentProps = {
   connectionLineStyle?: CSSProperties;
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index bd5f57204..7bf6e6929 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -89,7 +89,7 @@ export type ReactFlowStore<NodeType extends Node = Node, EdgeType extends Edge =
   nodesConnectable: boolean;
   nodesFocusable: boolean;
   edgesFocusable: boolean;
-  edgesUpdatable: boolean;
+  edgesReconnectable: boolean;
   elementsSelectable: boolean;
   elevateNodesOnSelect: boolean;
   elevateEdgesOnSelect: boolean;
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 5b62f3710..9bc4ac94f 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -124,6 +124,5 @@ export {
   getIncomers,
   getOutgoers,
   getConnectedEdges,
-  addEdge,
-  updateEdge
+  addEdge
 } from '@xyflow/system';
diff --git a/packages/system/src/utils/edges/general.ts b/packages/system/src/utils/edges/general.ts
index 9e54e0350..7dfa4b445 100644
--- a/packages/system/src/utils/edges/general.ts
+++ b/packages/system/src/utils/edges/general.ts
@@ -132,23 +132,23 @@ export const addEdge = <EdgeType extends EdgeBase>(
   return edges.concat(edge);
 };
 
-export type UpdateEdgeOptions = {
+export type ReconnectEdgeOptions = {
   shouldReplaceId?: boolean;
 };
 
 /**
- * A handy utility to update an existing Edge with new properties
+ * A handy utility to reconnect an existing edge with new properties
  * @param oldEdge - The edge you want to update
  * @param newConnection - The new connection you want to update the edge with
  * @param edges - The array of all current edges
  * @param options.shouldReplaceId - should the id of the old edge be replaced with the new connection id
  * @returns the updated edges array
  */
-export const updateEdge = <EdgeType extends EdgeBase>(
+export const reconnectEdge = <EdgeType extends EdgeBase>(
   oldEdge: EdgeType,
   newConnection: Connection,
   edges: EdgeType[],
-  options: UpdateEdgeOptions = { shouldReplaceId: true }
+  options: ReconnectEdgeOptions = { shouldReplaceId: true }
 ): EdgeType[] => {
   const { id: oldEdgeId, ...rest } = oldEdge;
 
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 80b09e613..aba773054 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -36,7 +36,7 @@ export type OnPointerDownParams = {
   onConnect?: OnConnect;
   onConnectEnd?: OnConnectEnd;
   isValidConnection?: IsValidConnection;
-  onEdgeUpdateEnd?: (evt: MouseEvent | TouchEvent) => void;
+  onReconnectEnd?: (evt: MouseEvent | TouchEvent) => void;
   getTransform: () => Transform;
   getConnectionStartHandle: () => ConnectingHandle | null;
 };
@@ -89,7 +89,7 @@ function onPointerDown(
     onConnect,
     onConnectEnd,
     isValidConnection = alwaysValid,
-    onEdgeUpdateEnd,
+    onReconnectEnd,
     updateConnection,
     getTransform,
     getConnectionStartHandle,
@@ -211,7 +211,7 @@ function onPointerDown(
     onConnectEnd?.(event);
 
     if (edgeUpdaterType) {
-      onEdgeUpdateEnd?.(event);
+      onReconnectEnd?.(event);
     }
 
     cancelConnection();

From 86438a954f22b61bdd6c0d886c39557eecb552b3 Mon Sep 17 00:00:00 2001
From: Peter Kogo <7165378+peterkogo@users.noreply.github.com>
Date: Wed, 19 Jun 2024 17:05:04 +0200
Subject: [PATCH 0841/1093] Better selection usability (#4379)

* use pointer capture for selection boxes

* fixed selection box behaviour

* promoted modifier listeners to window level

* selection should still happen when shift key is let go during selection

* ported changes to svelte flow

* review changes
---
 .../src/container/FlowRenderer/index.tsx      |  5 +-
 packages/react/src/container/Pane/index.tsx   | 54 ++++++++++++-------
 .../react/src/hooks/useGlobalKeyHandler.ts    |  2 +-
 .../svelte/src/lib/container/Pane/Pane.svelte | 44 +++++++++------
 4 files changed, 66 insertions(+), 39 deletions(-)

diff --git a/packages/react/src/container/FlowRenderer/index.tsx b/packages/react/src/container/FlowRenderer/index.tsx
index 14216ac2e..1aa92c414 100644
--- a/packages/react/src/container/FlowRenderer/index.tsx
+++ b/packages/react/src/container/FlowRenderer/index.tsx
@@ -70,8 +70,8 @@ function FlowRendererComponent<NodeType extends Node = Node>({
   isControlledViewport,
 }: FlowRendererProps<NodeType>) {
   const { nodesSelectionActive, userSelectionActive } = useStore(selector);
-  const selectionKeyPressed = useKeyPress(selectionKeyCode);
-  const panActivationKeyPressed = useKeyPress(panActivationKeyCode);
+  const selectionKeyPressed = useKeyPress(selectionKeyCode, { target: window });
+  const panActivationKeyPressed = useKeyPress(panActivationKeyCode, { target: window });
 
   const panOnDrag = panActivationKeyPressed || _panOnDrag;
   const panOnScroll = panActivationKeyPressed || _panOnScroll;
@@ -113,6 +113,7 @@ function FlowRendererComponent<NodeType extends Node = Node>({
         panOnDrag={panOnDrag}
         isSelecting={!!isSelecting}
         selectionMode={selectionMode}
+        selectionKeyPressed={selectionKeyPressed}
       >
         {children}
         {nodesSelectionActive && (
diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index 17fe91b3d..d06613079 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -2,7 +2,12 @@
  * The user selection rectangle gets displayed when a user drags the mouse while pressing shift
  */
 
-import { useRef, type MouseEvent as ReactMouseEvent, type ReactNode } from 'react';
+import {
+  useRef,
+  type MouseEvent as ReactMouseEvent,
+  type PointerEvent as ReactPointerEvent,
+  type ReactNode,
+} from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
 import { getNodesInside, getEventPosition, SelectionMode, type NodeChange, type EdgeChange } from '@xyflow/system';
@@ -15,6 +20,7 @@ import type { ReactFlowProps, ReactFlowState } from '../../types';
 
 type PaneProps = {
   isSelecting: boolean;
+  selectionKeyPressed: boolean;
   children: ReactNode;
 } & Partial<
   Pick<
@@ -52,6 +58,7 @@ const selector = (s: ReactFlowState) => ({
 
 export function Pane({
   isSelecting,
+  selectionKeyPressed,
   selectionMode = SelectionMode.Full,
   panOnDrag,
   onSelectionStart,
@@ -72,6 +79,10 @@ export function Pane({
   const edgeIdLookup = useRef<Map<string, Set<string>>>(new Map());
 
   const { userSelectionActive, elementsSelectable, dragging } = useStore(selector, shallow);
+  const hasActiveSelection = elementsSelectable && (isSelecting || userSelectionActive);
+
+  // Used to prevent click events when the user lets go of the selectionKey during a selection
+  const selectionInProgress = useRef<boolean>(false);
 
   const resetUserSelection = () => {
     store.setState({ userSelectionActive: false, userSelectionRect: null });
@@ -81,6 +92,12 @@ export function Pane({
   };
 
   const onClick = (event: ReactMouseEvent) => {
+    // We prevent click events when the user let go of the selectionKey during a selection
+    if (selectionInProgress.current) {
+      selectionInProgress.current = false;
+      return;
+    }
+
     onPaneClick?.(event);
     store.getState().resetSelectedElements();
     store.setState({ nodesSelectionActive: false });
@@ -97,9 +114,10 @@ export function Pane({
 
   const onWheel = onPaneScroll ? (event: React.WheelEvent) => onPaneScroll(event) : undefined;
 
-  const onMouseDown = (event: ReactMouseEvent): void => {
+  const onPointerDown = (event: ReactPointerEvent): void => {
     const { resetSelectedElements, domNode, edgeLookup } = store.getState();
     containerBounds.current = domNode?.getBoundingClientRect();
+    container.current?.setPointerCapture(event.pointerId);
 
     if (
       !elementsSelectable ||
@@ -136,14 +154,16 @@ export function Pane({
     onSelectionStart?.(event);
   };
 
-  const onMouseMove = (event: ReactMouseEvent): void => {
+  const onPointerMove = (event: ReactPointerEvent): void => {
     const { userSelectionRect, edgeLookup, transform, nodeOrigin, nodeLookup, triggerNodeChanges, triggerEdgeChanges } =
       store.getState();
 
-    if (!isSelecting || !containerBounds.current || !userSelectionRect) {
+    if (!containerBounds.current || !userSelectionRect) {
       return;
     }
 
+    selectionInProgress.current = true;
+
     const { x: mouseX, y: mouseY } = getEventPosition(event.nativeEvent, containerBounds.current);
     const { startX, startY } = userSelectionRect;
 
@@ -199,10 +219,11 @@ export function Pane({
     });
   };
 
-  const onMouseUp = (event: ReactMouseEvent) => {
+  const onPointerUp = (event: ReactPointerEvent) => {
     if (event.button !== 0) {
       return;
     }
+    container.current?.releasePointerCapture(event.pointerId);
     const { userSelectionRect } = store.getState();
     // We only want to trigger click functions when in selection mode if
     // the user did not move the mouse.
@@ -214,30 +235,25 @@ export function Pane({
 
     resetUserSelection();
     onSelectionEnd?.(event);
-  };
 
-  const onMouseLeave = (event: ReactMouseEvent) => {
-    if (userSelectionActive) {
-      store.setState({ nodesSelectionActive: prevSelectedNodesCount.current > 0 });
-      onSelectionEnd?.(event);
+    // If the user kept holding the selectionKey during the selection,
+    // we need to reset the selectionInProgress, so the next click event is not prevented
+    if (selectionKeyPressed) {
+      selectionInProgress.current = false;
     }
-
-    resetUserSelection();
   };
 
-  const hasActiveSelection = elementsSelectable && (isSelecting || userSelectionActive);
-
   return (
     <div
       className={cc(['react-flow__pane', { draggable: panOnDrag, dragging, selection: isSelecting }])}
       onClick={hasActiveSelection ? undefined : wrapHandler(onClick, container)}
       onContextMenu={wrapHandler(onContextMenu, container)}
       onWheel={wrapHandler(onWheel, container)}
-      onMouseEnter={hasActiveSelection ? undefined : onPaneMouseEnter}
-      onMouseDown={hasActiveSelection ? onMouseDown : undefined}
-      onMouseMove={hasActiveSelection ? onMouseMove : onPaneMouseMove}
-      onMouseUp={hasActiveSelection ? onMouseUp : undefined}
-      onMouseLeave={hasActiveSelection ? onMouseLeave : onPaneMouseLeave}
+      onPointerEnter={hasActiveSelection ? undefined : onPaneMouseEnter}
+      onPointerDown={hasActiveSelection ? onPointerDown : onPaneMouseMove}
+      onPointerMove={hasActiveSelection ? onPointerMove : onPaneMouseMove}
+      onPointerUp={hasActiveSelection ? onPointerUp : undefined}
+      onPointerLeave={onPaneMouseLeave}
       ref={container}
       style={containerStyle}
     >
diff --git a/packages/react/src/hooks/useGlobalKeyHandler.ts b/packages/react/src/hooks/useGlobalKeyHandler.ts
index ffc7a2aa5..8e0c34bb5 100644
--- a/packages/react/src/hooks/useGlobalKeyHandler.ts
+++ b/packages/react/src/hooks/useGlobalKeyHandler.ts
@@ -26,7 +26,7 @@ export function useGlobalKeyHandler({
   const { deleteElements } = useReactFlow();
 
   const deleteKeyPressed = useKeyPress(deleteKeyCode, deleteKeyOptions);
-  const multiSelectionKeyPressed = useKeyPress(multiSelectionKeyCode);
+  const multiSelectionKeyPressed = useKeyPress(multiSelectionKeyCode, { target: window });
 
   useEffect(() => {
     if (deleteKeyPressed) {
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index e616a1b4d..e95ea5634 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -75,15 +75,24 @@
     $selectionKeyPressed || $selectionRect || (selectionOnDrag && _panOnDrag !== true);
   $: hasActiveSelection = $elementsSelectable && (isSelecting || $selectionRectMode === 'user');
 
+  // Used to prevent click events when the user lets go of the selectionKey during a selection
+  let selectionInProgress = false;
+
   function onClick(event: MouseEvent | TouchEvent) {
-    dispatch('paneclick', { event });
+    // We prevent click events when the user let go of the selectionKey during a selection
+    if (selectionInProgress) {
+      selectionInProgress = false;
+      return;
+    }
 
+    dispatch('paneclick', { event });
     unselectNodesAndEdges();
     selectionRectMode.set(null);
   }
 
-  function onMouseDown(event: MouseEvent) {
+  function onPointerDown(event: PointerEvent) {
     containerBounds = container.getBoundingClientRect();
+    container.setPointerCapture(event.pointerId);
 
     if (
       !elementsSelectable ||
@@ -111,10 +120,13 @@
     // onSelectionStart?.(event);
   }
 
-  function onMouseMove(event: MouseEvent) {
+  function onPointerMove(event: PointerEvent) {
     if (!isSelecting || !containerBounds || !$selectionRect) {
       return;
     }
+
+    selectionInProgress = true;
+
     const mousePos = getEventPosition(event, containerBounds);
     const startX = $selectionRect.startX ?? 0;
     const startY = $selectionRect.startY ?? 0;
@@ -157,11 +169,13 @@
     selectionRect.set(nextUserSelectRect);
   }
 
-  function onMouseUp(event: MouseEvent) {
+  function onPointerUp(event: PointerEvent) {
     if (event.button !== 0) {
       return;
     }
 
+    container.releasePointerCapture(event.pointerId);
+
     // We only want to trigger click functions when in selection mode if
     // the user did not move the mouse.
     if (!isSelecting && $selectionRectMode === 'user' && event.target === container) {
@@ -173,17 +187,14 @@
       $selectionRectMode = 'nodes';
     }
 
-    // onSelectionEnd?.(event);
-  }
-
-  const onMouseLeave = () => {
-    if ($selectionRectMode === 'user') {
-      selectionRectMode.set(selectedNodes.length > 0 ? 'nodes' : null);
-      //  onSelectionEnd?.(event);
+    // If the user kept holding the selectionKey during the selection,
+    // we need to reset the selectionInProgress, so the next click event is not prevented
+    if ($selectionKeyPressed) {
+      selectionInProgress = false;
     }
 
-    selectionRect.set(null);
-  };
+    // onSelectionEnd?.(event);
+  }
 
   const onContextMenu = (event: MouseEvent) => {
     if (Array.isArray(_panOnDrag) && _panOnDrag?.includes(2)) {
@@ -204,10 +215,9 @@
   class:dragging={$dragging}
   class:selection={isSelecting}
   on:click={hasActiveSelection ? undefined : wrapHandler(onClick, container)}
-  on:mousedown={hasActiveSelection ? onMouseDown : undefined}
-  on:mousemove={hasActiveSelection ? onMouseMove : undefined}
-  on:mouseup={hasActiveSelection ? onMouseUp : undefined}
-  on:mouseleave={hasActiveSelection ? onMouseLeave : undefined}
+  on:pointerdown={hasActiveSelection ? onPointerDown : undefined}
+  on:pointermove={hasActiveSelection ? onPointerMove : undefined}
+  on:pointerup={hasActiveSelection ? onPointerUp : undefined}
   on:contextmenu={wrapHandler(onContextMenu, container)}
 >
   <slot />

From 45359c48618454f06c20737533717d380f1f5473 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 19 Jun 2024 17:07:31 +0200
Subject: [PATCH 0842/1093] chore(libs): changelogs

---
 packages/react/CHANGELOG.md  | 2 +-
 packages/svelte/CHANGELOG.md | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index b0a1510b7..35ce56f17 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,7 +3,7 @@
 ## 12.0.0-next.22
 
 - ⚠️ rename `updateEdge` to `reconnectEdge` and realted APIs [#4373](https://github.com/xyflow/xyflow/pull/4373)
-
+- revise selection usability (capture while dragging out of the flow)
 
 ## 12.0.0-next.21
 
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index e28ef9234..67208aefa 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,9 @@
 # @xyflow/svelte
 
+## 0.1.7
+
+- revise selection usability (capture while dragging out of the flow)
+
 ## 0.1.6
 
 - fix node origin bug

From 6660427089773a43a5ea25419189afe767cf63cc Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 19 Jun 2024 17:09:41 +0200
Subject: [PATCH 0843/1093] chore(svelte): changelog

---
 packages/svelte/CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 67208aefa..397217f08 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## 0.1.7
 
 - revise selection usability (capture while dragging out of the flow)
+- only prevent shift scrolling when selection is actually in progress
 
 ## 0.1.6
 

From 6cf0113005dbcefae31dc66e6b740c0740dd4238 Mon Sep 17 00:00:00 2001
From: Peter Kogo <7165378+peterkogo@users.noreply.github.com>
Date: Wed, 19 Jun 2024 17:15:07 +0200
Subject: [PATCH 0844/1093] Use correct end handle position when drawing a
 connection (#4382)

* use correct end handle position \when drawing connection lines

* provide correct connection end handle, also when connection is invalid

* add end handle position to connection despite being invalid

* chore(connectionline): remove logs

---------

Co-authored-by: moklick <info@moritzklack.com>
---
 .../react/src/examples/Validation/index.tsx    |  2 +-
 .../routes/examples/validation/+page.svelte    |  4 ++--
 .../src/components/ConnectionLine/index.tsx    |  7 +++++--
 .../src/lib/store/derived-connection-props.ts  |  4 +++-
 packages/system/src/types/handles.ts           |  1 +
 packages/system/src/xyhandle/XYHandle.ts       | 18 +++++++++---------
 6 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/examples/react/src/examples/Validation/index.tsx b/examples/react/src/examples/Validation/index.tsx
index 9cdad6215..25ed4eff9 100644
--- a/examples/react/src/examples/Validation/index.tsx
+++ b/examples/react/src/examples/Validation/index.tsx
@@ -41,7 +41,7 @@ const CustomInput: FC<NodeProps> = () => (
 
 const CustomNode: FC<NodeProps> = ({ id }) => (
   <>
-    <Handle type="target" position={Position.Left} isConnectableStart={false} />
+    <Handle type="target" position={Position.Top} isConnectableStart={false} />
     <div>{id}</div>
     <Handle type="source" position={Position.Right} />
   </>
diff --git a/examples/svelte/src/routes/examples/validation/+page.svelte b/examples/svelte/src/routes/examples/validation/+page.svelte
index c973e1931..d2a7cd2ea 100644
--- a/examples/svelte/src/routes/examples/validation/+page.svelte
+++ b/examples/svelte/src/routes/examples/validation/+page.svelte
@@ -24,8 +24,8 @@
 			data: { label: 'only connectable with B' },
 			...nodeDefaults
 		},
-		{ id: 'A', position: { x: 250, y: 0 }, data: { label: 'A' }, ...nodeDefaults },
-		{ id: 'B', position: { x: 250, y: 150 }, data: { label: 'B' }, ...nodeDefaults },
+		{ id: 'A', position: { x: 250, y: 0 }, data: { label: 'A' } },
+		{ id: 'B', position: { x: 250, y: 150 }, data: { label: 'B' } },
 		{ id: 'C', position: { x: 250, y: 300 }, data: { label: 'C' }, ...nodeDefaults }
 	]);
 
diff --git a/packages/react/src/components/ConnectionLine/index.tsx b/packages/react/src/components/ConnectionLine/index.tsx
index 4ca5c106d..33b1ca505 100644
--- a/packages/react/src/components/ConnectionLine/index.tsx
+++ b/packages/react/src/components/ConnectionLine/index.tsx
@@ -39,7 +39,7 @@ const ConnectionLine = ({
   CustomComponent,
   connectionStatus,
 }: ConnectionLineProps) => {
-  const { fromNode, handleId, toX, toY, connectionMode } = useStore(
+  const { fromNode, handleId, toX, toY, connectionMode, endPosition, isValid } = useStore(
     useCallback(
       (s: ReactFlowStore) => ({
         fromNode: s.nodeLookup.get(nodeId),
@@ -47,11 +47,14 @@ const ConnectionLine = ({
         toX: (s.connectionPosition.x - s.transform[0]) / s.transform[2],
         toY: (s.connectionPosition.y - s.transform[1]) / s.transform[2],
         connectionMode: s.connectionMode,
+        endPosition: s.connectionEndHandle?.position,
+        isValid: s.connectionStatus === 'valid',
       }),
       [nodeId]
     ),
     shallow
   );
+
   const fromHandleBounds = fromNode?.internals.handleBounds;
   let handleBounds = fromHandleBounds?.[handleType];
 
@@ -69,7 +72,7 @@ const ConnectionLine = ({
   const fromX = fromNode.internals.positionAbsolute.x + fromHandleX;
   const fromY = fromNode.internals.positionAbsolute.y + fromHandleY;
   const fromPosition = fromHandle?.position;
-  const toPosition = fromPosition ? oppositePosition[fromPosition] : null;
+  const toPosition = isValid && endPosition ? endPosition : fromPosition ? oppositePosition[fromPosition] : null;
 
   if (!fromPosition || !toPosition) {
     return null;
diff --git a/packages/svelte/src/lib/store/derived-connection-props.ts b/packages/svelte/src/lib/store/derived-connection-props.ts
index fc98366e1..f81c5e37e 100644
--- a/packages/svelte/src/lib/store/derived-connection-props.ts
+++ b/packages/svelte/src/lib/store/derived-connection-props.ts
@@ -88,7 +88,9 @@ export function getDerivedConnectionProps(
       const fromX = (fromNode?.internals.positionAbsolute.x ?? 0) + fromHandleX;
       const fromY = (fromNode?.internals.positionAbsolute.y ?? 0) + fromHandleY;
       const fromPosition = fromHandle?.position;
-      const toPosition = fromPosition ? oppositePosition[fromPosition] : undefined;
+      const toPosition =
+        connection.connectionEndHandle?.position ??
+        (fromPosition ? oppositePosition[fromPosition] : undefined);
 
       const pathParams = {
         sourceX: fromX,
diff --git a/packages/system/src/types/handles.ts b/packages/system/src/types/handles.ts
index b75de4c52..c5b54154f 100644
--- a/packages/system/src/types/handles.ts
+++ b/packages/system/src/types/handles.ts
@@ -16,6 +16,7 @@ export type ConnectingHandle = {
   nodeId: string;
   type: HandleType;
   handleId?: string | null;
+  position?: Position | null;
 };
 
 export type ConnectionHandle = {
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index aba773054..c2dca7fe8 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -13,6 +13,7 @@ import {
   type IsValidConnection,
   type ConnectionHandle,
   NodeLookup,
+  Position,
 } from '../types';
 
 import { getClosestHandle, getConnectionStatus, getHandleLookup, getHandleType } from './utils';
@@ -138,12 +139,12 @@ function onPointerDown(
     nodeId,
     handleId,
     type: handleType,
+    position: (clickedHandle?.getAttribute('data-handlepos') as Position) || Position.Top,
   };
 
   updateConnection({
     connectionPosition,
     connectionStatus: null,
-    // connectionNodeId etc will be removed in the next major in favor of connectionStartHandle
     connectionStartHandle,
     connectionEndHandle: null,
   });
@@ -297,15 +298,14 @@ function isValidHandle(
         ? (isTarget && handleType === 'source') || (!isTarget && handleType === 'target')
         : handleNodeId !== fromNodeId || handleId !== fromHandleId);
 
-    if (isValid) {
-      result.endHandle = {
-        nodeId: handleNodeId as string,
-        handleId,
-        type: handleType as HandleType,
-      };
+    result.isValid = isValid && isValidConnection(connection);
 
-      result.isValid = isValidConnection(connection);
-    }
+    result.endHandle = {
+      nodeId: handleNodeId as string,
+      handleId,
+      type: handleType as HandleType,
+      position: handleToCheck.getAttribute('data-handlepos') as Position,
+    };
   }
 
   return result;

From 3b48228437ef362a44d9a9a32b459cf30a68c797 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 19 Jun 2024 17:16:41 +0200
Subject: [PATCH 0845/1093] chore(changelogs): update

---
 packages/react/CHANGELOG.md  | 1 +
 packages/svelte/CHANGELOG.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 35ce56f17..ab0a70ca9 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 - ⚠️ rename `updateEdge` to `reconnectEdge` and realted APIs [#4373](https://github.com/xyflow/xyflow/pull/4373)
 - revise selection usability (capture while dragging out of the flow)
+- use correct end handle position when drawing a connection lines 
 
 ## 12.0.0-next.21
 
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 397217f08..8bd5b9bf6 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 - revise selection usability (capture while dragging out of the flow)
 - only prevent shift scrolling when selection is actually in progress
+- use correct end handle position when drawing a connection lines 
 
 ## 0.1.6
 

From 57b62f8d46a8f80a4dc8e2a3ce081a7ce3d0e31e Mon Sep 17 00:00:00 2001
From: Peter Kogo <7165378+peterkogo@users.noreply.github.com>
Date: Thu, 20 Jun 2024 10:28:50 +0200
Subject: [PATCH 0846/1093] determine correct handle positions in for
 connections (#4384)

* determine correct handle positions in for connections

* refactor(handle-utils): cleanup

* refactor(handle-utils): cleanup

---------

Co-authored-by: moklick <info@moritzklack.com>
---
 packages/system/src/utils/edges/positions.ts | 15 ++++++++++-----
 packages/system/src/xyhandle/utils.ts        | 12 +++++++-----
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/packages/system/src/utils/edges/positions.ts b/packages/system/src/utils/edges/positions.ts
index 6e61ce8c9..ff79d45cd 100644
--- a/packages/system/src/utils/edges/positions.ts
+++ b/packages/system/src/utils/edges/positions.ts
@@ -42,8 +42,6 @@ export function getEdgePosition(params: GetEdgePositionParams): EdgePosition | n
       : (targetHandleBounds?.target ?? []).concat(targetHandleBounds?.source ?? []),
     params.targetHandle
   );
-  const sourcePosition = sourceHandle?.position || Position.Bottom;
-  const targetPosition = targetHandle?.position || Position.Top;
 
   if (!sourceHandle || !targetHandle) {
     params.onError?.(
@@ -58,8 +56,10 @@ export function getEdgePosition(params: GetEdgePositionParams): EdgePosition | n
     return null;
   }
 
-  const [sourceX, sourceY] = getHandlePosition(sourcePosition, sourceNode, sourceHandle);
-  const [targetX, targetY] = getHandlePosition(targetPosition, targetNode, targetHandle);
+  const sourcePosition = sourceHandle?.position || Position.Bottom;
+  const targetPosition = targetHandle?.position || Position.Top;
+  const [sourceX, sourceY] = getHandlePosition(sourceNode, sourceHandle, sourcePosition);
+  const [targetX, targetY] = getHandlePosition(targetNode, targetHandle, targetPosition);
 
   return {
     sourceX,
@@ -96,10 +96,15 @@ function toHandleBounds(handles?: NodeHandle[]) {
   };
 }
 
-function getHandlePosition(position: Position, node: InternalNodeBase, handle: HandleElement | null = null): number[] {
+export function getHandlePosition(
+  node: InternalNodeBase,
+  handle: HandleElement | null,
+  fallbackPosition: Position = Position.Left
+): number[] {
   const x = (handle?.x ?? 0) + node.internals.positionAbsolute.x;
   const y = (handle?.y ?? 0) + node.internals.positionAbsolute.y;
   const { width, height } = handle ?? getNodeDimensions(node);
+  const position = handle?.position ?? fallbackPosition;
 
   switch (position) {
     case Position.Top:
diff --git a/packages/system/src/xyhandle/utils.ts b/packages/system/src/xyhandle/utils.ts
index ba18e79ac..31dbfe618 100644
--- a/packages/system/src/xyhandle/utils.ts
+++ b/packages/system/src/xyhandle/utils.ts
@@ -1,3 +1,4 @@
+import { getHandlePosition } from '../utils';
 import {
   ConnectionStatus,
   type HandleType,
@@ -16,14 +17,15 @@ export function getHandles(
   type: HandleType,
   currentHandle: string
 ): ConnectionHandle[] {
-  return (handleBounds[type] || []).reduce<ConnectionHandle[]>((res, h) => {
-    if (`${node.id}-${h.id}-${type}` !== currentHandle) {
+  return (handleBounds[type] || []).reduce<ConnectionHandle[]>((res, handle) => {
+    if (`${node.id}-${handle.id}-${type}` !== currentHandle) {
+      const [x, y] = getHandlePosition(node, handle);
       res.push({
-        id: h.id || null,
+        id: handle.id || null,
         type,
         nodeId: node.id,
-        x: node.internals.positionAbsolute.x + h.x + h.width / 2,
-        y: node.internals.positionAbsolute.y + h.y + h.height / 2,
+        x,
+        y,
       });
     }
     return res;

From 8346b79a9d32fe70510ecf347a4ce79692dc8e95 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 20 Jun 2024 10:32:59 +0200
Subject: [PATCH 0847/1093] chore(libs): changelogs

---
 packages/react/CHANGELOG.md  | 3 ++-
 packages/svelte/CHANGELOG.md | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index ab0a70ca9..60e549207 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -4,7 +4,8 @@
 
 - ⚠️ rename `updateEdge` to `reconnectEdge` and realted APIs [#4373](https://github.com/xyflow/xyflow/pull/4373)
 - revise selection usability (capture while dragging out of the flow)
-- use correct end handle position when drawing a connection lines 
+- use correct end handle position when drawing a connection lines
+- determine correct end positions for connection lines
 
 ## 12.0.0-next.21
 
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 8bd5b9bf6..a9c199c3c 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -5,6 +5,7 @@
 - revise selection usability (capture while dragging out of the flow)
 - only prevent shift scrolling when selection is actually in progress
 - use correct end handle position when drawing a connection lines 
+- determine correct end positions for connection lines
 
 ## 0.1.6
 

From 7c8c40a0d50bfe0bbeec369353693f8fc9697aa3 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 20 Jun 2024 13:03:09 +0200
Subject: [PATCH 0848/1093] fixed tests

---
 tests/playwright/e2e/node-toolbar.spec.ts |   7 +-
 tests/playwright/package-lock.json        | 994 ++++++++++++++--------
 tests/playwright/package.json             |  16 +-
 3 files changed, 634 insertions(+), 383 deletions(-)

diff --git a/tests/playwright/e2e/node-toolbar.spec.ts b/tests/playwright/e2e/node-toolbar.spec.ts
index 38722e161..3aac0f33c 100644
--- a/tests/playwright/e2e/node-toolbar.spec.ts
+++ b/tests/playwright/e2e/node-toolbar.spec.ts
@@ -32,14 +32,14 @@ test.describe('Node Toolbar', async () => {
   });
 
   test('all toolbars are positioned correctly', async ({ page }) => {
-    permutations.forEach(async (permutation) => {
+    const tests = permutations.map((permutation) => async () => {
       const toolbar = page
         .locator(`[data-id="${permutation.id}"]`)
         .and(page.locator(`.${FRAMEWORK}-flow__node-toolbar`));
       const node = page.locator(`[data-id="${permutation.id}"]`).and(page.locator(`.${FRAMEWORK}-flow__node`));
 
-      await expect(toolbar).toBeAttached();
-      await expect(node).toBeAttached();
+      await expect(toolbar).toBeAttached({ timeout: 5000 });
+      await expect(node).toBeAttached({ timeout: 5000 });
 
       const toolbarBox = await toolbar.boundingBox();
       const nodeBox = await node.boundingBox();
@@ -78,6 +78,7 @@ test.describe('Node Toolbar', async () => {
           break;
       }
     });
+    await Promise.all(tests.map((t) => t()));
   });
 
   test('toolbar default behaviour', async ({ page }) => {
diff --git a/tests/playwright/package-lock.json b/tests/playwright/package-lock.json
index 98e0fdff8..e6abed25f 100644
--- a/tests/playwright/package-lock.json
+++ b/tests/playwright/package-lock.json
@@ -9,65 +9,65 @@
       "version": "1.0.0",
       "license": "ISC",
       "dependencies": {
-        "@playwright/experimental-ct-react": "^1.39.0",
-        "@types/react": "^18.2.31",
-        "@types/react-dom": "^18.2.14",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "typescript": "^5.2.2"
+        "@playwright/experimental-ct-react": "^1.44.1",
+        "@types/react": "^18.3.3",
+        "@types/react-dom": "^18.3.0",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "typescript": "^5.4.5"
       },
       "devDependencies": {
-        "@playwright/test": "^1.39.0",
-        "@types/node": "^18.7.16"
+        "@playwright/test": "^1.44.1",
+        "@types/node": "^20.14.6"
       }
     },
     "node_modules/@ampproject/remapping": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
-      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
       "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.0",
-        "@jridgewell/trace-mapping": "^0.3.9"
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
       },
       "engines": {
         "node": ">=6.0.0"
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.22.13",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz",
-      "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz",
+      "integrity": "sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==",
       "dependencies": {
-        "@babel/highlight": "^7.22.13",
-        "chalk": "^2.4.2"
+        "@babel/highlight": "^7.24.7",
+        "picocolors": "^1.0.0"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.2.tgz",
-      "integrity": "sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.7.tgz",
+      "integrity": "sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.2.tgz",
-      "integrity": "sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.7.tgz",
+      "integrity": "sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.22.13",
-        "@babel/generator": "^7.23.0",
-        "@babel/helper-compilation-targets": "^7.22.15",
-        "@babel/helper-module-transforms": "^7.23.0",
-        "@babel/helpers": "^7.23.2",
-        "@babel/parser": "^7.23.0",
-        "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.2",
-        "@babel/types": "^7.23.0",
+        "@babel/code-frame": "^7.24.7",
+        "@babel/generator": "^7.24.7",
+        "@babel/helper-compilation-targets": "^7.24.7",
+        "@babel/helper-module-transforms": "^7.24.7",
+        "@babel/helpers": "^7.24.7",
+        "@babel/parser": "^7.24.7",
+        "@babel/template": "^7.24.7",
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -83,13 +83,13 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz",
-      "integrity": "sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.7.tgz",
+      "integrity": "sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==",
       "dependencies": {
-        "@babel/types": "^7.23.0",
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "@jridgewell/trace-mapping": "^0.3.17",
+        "@babel/types": "^7.24.7",
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25",
         "jsesc": "^2.5.1"
       },
       "engines": {
@@ -97,13 +97,13 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz",
-      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.24.7.tgz",
+      "integrity": "sha512-ctSdRHBi20qWOfy27RUb4Fhp07KSJ3sXcuSvTrXrc4aG8NSYDo1ici3Vhg9bg69y5bj0Mr1lh0aeEgTvc12rMg==",
       "dependencies": {
-        "@babel/compat-data": "^7.22.9",
-        "@babel/helper-validator-option": "^7.22.15",
-        "browserslist": "^4.21.9",
+        "@babel/compat-data": "^7.24.7",
+        "@babel/helper-validator-option": "^7.24.7",
+        "browserslist": "^4.22.2",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
       },
@@ -112,57 +112,61 @@
       }
     },
     "node_modules/@babel/helper-environment-visitor": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
-      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.7.tgz",
+      "integrity": "sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==",
+      "dependencies": {
+        "@babel/types": "^7.24.7"
+      },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-function-name": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
-      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz",
+      "integrity": "sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==",
       "dependencies": {
-        "@babel/template": "^7.22.15",
-        "@babel/types": "^7.23.0"
+        "@babel/template": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-hoist-variables": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
-      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.7.tgz",
+      "integrity": "sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==",
       "dependencies": {
-        "@babel/types": "^7.22.5"
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-imports": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz",
-      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz",
+      "integrity": "sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==",
       "dependencies": {
-        "@babel/types": "^7.22.15"
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz",
-      "integrity": "sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.24.7.tgz",
+      "integrity": "sha512-1fuJEwIrp+97rM4RWdO+qrRsZlAeL1lQJoPqtCYWv0NL115XM93hIH4CSRln2w52SqvmY5hqdtauB6QFCDiZNQ==",
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-module-imports": "^7.22.15",
-        "@babel/helper-simple-access": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/helper-validator-identifier": "^7.22.20"
+        "@babel/helper-environment-visitor": "^7.24.7",
+        "@babel/helper-module-imports": "^7.24.7",
+        "@babel/helper-simple-access": "^7.24.7",
+        "@babel/helper-split-export-declaration": "^7.24.7",
+        "@babel/helper-validator-identifier": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -172,89 +176,90 @@
       }
     },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz",
-      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.7.tgz",
+      "integrity": "sha512-Rq76wjt7yz9AAc1KnlRKNAi/dMSVWgDRx43FHoJEbcYU6xOWaE2dVPwcdTukJrjxS65GITyfbvEYHvkirZ6uEg==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-simple-access": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
-      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.24.7.tgz",
+      "integrity": "sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==",
       "dependencies": {
-        "@babel/types": "^7.22.5"
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-split-export-declaration": {
-      "version": "7.22.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
-      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz",
+      "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==",
       "dependencies": {
-        "@babel/types": "^7.22.5"
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
-      "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz",
+      "integrity": "sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
-      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
+      "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz",
-      "integrity": "sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.24.7.tgz",
+      "integrity": "sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.2.tgz",
-      "integrity": "sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.7.tgz",
+      "integrity": "sha512-NlmJJtvcw72yRJRcnCmGvSi+3jDEg8qFu3z0AFoymmzLx5ERVWyzd9kVXr7Th9/8yIJi2Zc6av4Tqz3wFs8QWg==",
       "dependencies": {
-        "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.2",
-        "@babel/types": "^7.23.0"
+        "@babel/template": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/highlight": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz",
-      "integrity": "sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz",
+      "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==",
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.22.20",
+        "@babel/helper-validator-identifier": "^7.24.7",
         "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0"
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.0.0"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz",
-      "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.7.tgz",
+      "integrity": "sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -263,11 +268,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-react-jsx-self": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz",
-      "integrity": "sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.24.7.tgz",
+      "integrity": "sha512-fOPQYbGSgH0HUp4UJO4sMBFjY6DuWq+2i8rixyUMb3CdGixs/gccURvYOAhajBdKDoGajFr3mUq5rH3phtkGzw==",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
+        "@babel/helper-plugin-utils": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -277,11 +282,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-react-jsx-source": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz",
-      "integrity": "sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.24.7.tgz",
+      "integrity": "sha512-J2z+MWzZHVOemyLweMqngXrgGC42jQ//R0KdxqkIz/OrbVIIlhFI3WigZ5fO+nwFvBlncr4MGapd8vTyc7RPNQ==",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
+        "@babel/helper-plugin-utils": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -291,32 +296,32 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
-      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.7.tgz",
+      "integrity": "sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==",
       "dependencies": {
-        "@babel/code-frame": "^7.22.13",
-        "@babel/parser": "^7.22.15",
-        "@babel/types": "^7.22.15"
+        "@babel/code-frame": "^7.24.7",
+        "@babel/parser": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.2.tgz",
-      "integrity": "sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.7.tgz",
+      "integrity": "sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==",
       "dependencies": {
-        "@babel/code-frame": "^7.22.13",
-        "@babel/generator": "^7.23.0",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/parser": "^7.23.0",
-        "@babel/types": "^7.23.0",
-        "debug": "^4.1.0",
+        "@babel/code-frame": "^7.24.7",
+        "@babel/generator": "^7.24.7",
+        "@babel/helper-environment-visitor": "^7.24.7",
+        "@babel/helper-function-name": "^7.24.7",
+        "@babel/helper-hoist-variables": "^7.24.7",
+        "@babel/helper-split-export-declaration": "^7.24.7",
+        "@babel/parser": "^7.24.7",
+        "@babel/types": "^7.24.7",
+        "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
       "engines": {
@@ -324,22 +329,37 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.7.tgz",
+      "integrity": "sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==",
       "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
+        "@babel/helper-string-parser": "^7.24.7",
+        "@babel/helper-validator-identifier": "^7.24.7",
         "to-fast-properties": "^2.0.0"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
-      "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
       "cpu": [
         "arm"
       ],
@@ -352,9 +372,9 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
-      "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
       "cpu": [
         "arm64"
       ],
@@ -367,9 +387,9 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
-      "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
       "cpu": [
         "x64"
       ],
@@ -382,9 +402,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
-      "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
       "cpu": [
         "arm64"
       ],
@@ -397,9 +417,9 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
-      "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
       "cpu": [
         "x64"
       ],
@@ -412,9 +432,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
-      "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
       "cpu": [
         "arm64"
       ],
@@ -427,9 +447,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
-      "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
       "cpu": [
         "x64"
       ],
@@ -442,9 +462,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
-      "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
       "cpu": [
         "arm"
       ],
@@ -457,9 +477,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
-      "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
       "cpu": [
         "arm64"
       ],
@@ -472,9 +492,9 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
-      "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
       "cpu": [
         "ia32"
       ],
@@ -487,9 +507,9 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
-      "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
       "cpu": [
         "loong64"
       ],
@@ -502,9 +522,9 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
-      "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
       "cpu": [
         "mips64el"
       ],
@@ -517,9 +537,9 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
-      "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
       "cpu": [
         "ppc64"
       ],
@@ -532,9 +552,9 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
-      "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
       "cpu": [
         "riscv64"
       ],
@@ -547,9 +567,9 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
-      "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
       "cpu": [
         "s390x"
       ],
@@ -562,9 +582,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
-      "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
       "cpu": [
         "x64"
       ],
@@ -577,9 +597,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
-      "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
       "cpu": [
         "x64"
       ],
@@ -592,9 +612,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
-      "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
       "cpu": [
         "x64"
       ],
@@ -607,9 +627,9 @@
       }
     },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
-      "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
       "cpu": [
         "x64"
       ],
@@ -622,9 +642,9 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
-      "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
       "cpu": [
         "arm64"
       ],
@@ -637,9 +657,9 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
-      "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
       "cpu": [
         "ia32"
       ],
@@ -652,9 +672,9 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
-      "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
       "cpu": [
         "x64"
       ],
@@ -667,30 +687,30 @@
       }
     },
     "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
-      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
+      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
       "dependencies": {
-        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/set-array": "^1.2.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.9"
+        "@jridgewell/trace-mapping": "^0.3.24"
       },
       "engines": {
         "node": ">=6.0.0"
       }
     },
     "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
-      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
       "engines": {
         "node": ">=6.0.0"
       }
     },
     "node_modules/@jridgewell/set-array": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
-      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
       "engines": {
         "node": ">=6.0.0"
       }
@@ -701,37 +721,34 @@
       "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.20",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
-      "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
     "node_modules/@playwright/experimental-ct-core": {
-      "version": "1.39.0",
-      "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-core/-/experimental-ct-core-1.39.0.tgz",
-      "integrity": "sha512-1b/qrlB5A/CdEZns8f2RDkWFmSnGkNyec8n72iinmw07+GHsdMP8fIpazeFB0umxWfo+gPLhkjhTGdB3WXJTBw==",
+      "version": "1.44.1",
+      "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-core/-/experimental-ct-core-1.44.1.tgz",
+      "integrity": "sha512-IqeXzfmpHH8yHA0fGQ//l/tDJHzUmg2dQj3t28E1tCshvnYc9fVr53Na9+/B8ME//vw0UFpv+CSKcOTHwWrhQg==",
       "dependencies": {
-        "playwright": "1.39.0",
-        "playwright-core": "1.39.0",
-        "vite": "^4.4.10"
-      },
-      "bin": {
-        "playwright": "cli.js"
+        "playwright": "1.44.1",
+        "playwright-core": "1.44.1",
+        "vite": "^5.2.8"
       },
       "engines": {
         "node": ">=16"
       }
     },
     "node_modules/@playwright/experimental-ct-react": {
-      "version": "1.39.0",
-      "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-react/-/experimental-ct-react-1.39.0.tgz",
-      "integrity": "sha512-6GaDVVo6x8P9Jdw3yPbVaEP59nesRsETn3kznHAy+2493VsP3IaVATat2G28z0Sivf/K9Tkh5xRYjiawN0ebgw==",
+      "version": "1.44.1",
+      "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-react/-/experimental-ct-react-1.44.1.tgz",
+      "integrity": "sha512-qRhv2zmZVwtzAYWwQO4j+It0S5zLUuZg/7Ke61ymCC5jGqlwf2kYqogFxBiDdhAO1sz/dN0UtdU+6df0HK5yzw==",
       "dependencies": {
-        "@playwright/experimental-ct-core": "1.39.0",
-        "@vitejs/plugin-react": "^4.0.0"
+        "@playwright/experimental-ct-core": "1.44.1",
+        "@vitejs/plugin-react": "^4.2.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -741,12 +758,12 @@
       }
     },
     "node_modules/@playwright/test": {
-      "version": "1.39.0",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.39.0.tgz",
-      "integrity": "sha512-3u1iFqgzl7zr004bGPYiN/5EZpRUSFddQBra8Rqll5N0/vfpqlP9I9EXqAoGacuAbX6c9Ulg/Cjqglp5VkK6UQ==",
+      "version": "1.44.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.44.1.tgz",
+      "integrity": "sha512-1hZ4TNvD5z9VuhNJ/walIjvMVvYkZKf71axoF/uiAqpntQJXpG64dlXhoDXE3OczPuTuvjf/M5KWFg5VAVUS3Q==",
       "dev": true,
       "dependencies": {
-        "playwright": "1.39.0"
+        "playwright": "1.44.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -755,10 +772,202 @@
         "node": ">=16"
       }
     },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.18.0.tgz",
+      "integrity": "sha512-Tya6xypR10giZV1XzxmH5wr25VcZSncG0pZIjfePT0OVBvqNEurzValetGNarVrGiq66EBVAFn15iYX4w6FKgQ==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.18.0.tgz",
+      "integrity": "sha512-avCea0RAP03lTsDhEyfy+hpfr85KfyTctMADqHVhLAF3MlIkq83CP8UfAHUssgXTYd+6er6PaAhx/QGv4L1EiA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.18.0.tgz",
+      "integrity": "sha512-IWfdwU7KDSm07Ty0PuA/W2JYoZ4iTj3TUQjkVsO/6U+4I1jN5lcR71ZEvRh52sDOERdnNhhHU57UITXz5jC1/w==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.18.0.tgz",
+      "integrity": "sha512-n2LMsUz7Ynu7DoQrSQkBf8iNrjOGyPLrdSg802vk6XT3FtsgX6JbE8IHRvposskFm9SNxzkLYGSq9QdpLYpRNA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.18.0.tgz",
+      "integrity": "sha512-C/zbRYRXFjWvz9Z4haRxcTdnkPt1BtCkz+7RtBSuNmKzMzp3ZxdM28Mpccn6pt28/UWUCTXa+b0Mx1k3g6NOMA==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.18.0.tgz",
+      "integrity": "sha512-l3m9ewPgjQSXrUMHg93vt0hYCGnrMOcUpTz6FLtbwljo2HluS4zTXFy2571YQbisTnfTKPZ01u/ukJdQTLGh9A==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.18.0.tgz",
+      "integrity": "sha512-rJ5D47d8WD7J+7STKdCUAgmQk49xuFrRi9pZkWoRD1UeSMakbcepWXPF8ycChBoAqs1pb2wzvbY6Q33WmN2ftw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.18.0.tgz",
+      "integrity": "sha512-be6Yx37b24ZwxQ+wOQXXLZqpq4jTckJhtGlWGZs68TgdKXJgw54lUUoFYrg6Zs/kjzAQwEwYbp8JxZVzZLRepQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.18.0.tgz",
+      "integrity": "sha512-hNVMQK+qrA9Todu9+wqrXOHxFiD5YmdEi3paj6vP02Kx1hjd2LLYR2eaN7DsEshg09+9uzWi2W18MJDlG0cxJA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.18.0.tgz",
+      "integrity": "sha512-ROCM7i+m1NfdrsmvwSzoxp9HFtmKGHEqu5NNDiZWQtXLA8S5HBCkVvKAxJ8U+CVctHwV2Gb5VUaK7UAkzhDjlg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.18.0.tgz",
+      "integrity": "sha512-0UyyRHyDN42QL+NbqevXIIUnKA47A+45WyasO+y2bGJ1mhQrfrtXUpTxCOrfxCR4esV3/RLYyucGVPiUsO8xjg==",
+      "cpu": [
+        "s390x"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.18.0.tgz",
+      "integrity": "sha512-xuglR2rBVHA5UsI8h8UbX4VJ470PtGCf5Vpswh7p2ukaqBGFTnsfzxUBetoWBWymHMxbIG0Cmx7Y9qDZzr648w==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.18.0.tgz",
+      "integrity": "sha512-LKaqQL9osY/ir2geuLVvRRs+utWUNilzdE90TpyoX0eNqPzWjRm14oMEE+YLve4k/NAqCdPkGYDaDF5Sw+xBfg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.18.0.tgz",
+      "integrity": "sha512-7J6TkZQFGo9qBKH0pk2cEVSRhJbL6MtfWxth7Y5YmZs57Pi+4x6c2dStAUvaQkHQLnEQv1jzBUW43GvZW8OFqA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.18.0.tgz",
+      "integrity": "sha512-Txjh+IxBPbkUB9+SXZMpv+b/vnTEtFyfWZgJ6iyCmt2tdx0OF5WhFowLmnh8ENGNpfUlUZkdI//4IEmhwPieNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.18.0.tgz",
+      "integrity": "sha512-UOo5FdvOL0+eIVTgS4tIdbW+TtnBLWg1YBCcU2KWM7nuNwRz9bksDX1bekJJCpu25N1DVWaCwnT39dVQxzqS8g==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
     "node_modules/@types/babel__core": {
-      "version": "7.20.3",
-      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.3.tgz",
-      "integrity": "sha512-54fjTSeSHwfan8AyHWrKbfBWiEUrNTZsUwPTDSNaaP1QDQIZbeNUg3a59E9D+375MzUw/x1vx2/0F5LBz+AeYA==",
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
       "dependencies": {
         "@babel/parser": "^7.20.7",
         "@babel/types": "^7.20.7",
@@ -768,35 +977,43 @@
       }
     },
     "node_modules/@types/babel__generator": {
-      "version": "7.6.6",
-      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.6.tgz",
-      "integrity": "sha512-66BXMKb/sUWbMdBNdMvajU7i/44RkrA3z/Yt1c7R5xejt8qh84iU54yUWCtm0QwGJlDcf/gg4zd/x4mpLAlb/w==",
+      "version": "7.6.8",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz",
+      "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==",
       "dependencies": {
         "@babel/types": "^7.0.0"
       }
     },
     "node_modules/@types/babel__template": {
-      "version": "7.4.3",
-      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.3.tgz",
-      "integrity": "sha512-ciwyCLeuRfxboZ4isgdNZi/tkt06m8Tw6uGbBSBgWrnnZGNXiEyM27xc/PjXGQLqlZ6ylbgHMnm7ccF9tCkOeQ==",
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
       "dependencies": {
         "@babel/parser": "^7.1.0",
         "@babel/types": "^7.0.0"
       }
     },
     "node_modules/@types/babel__traverse": {
-      "version": "7.20.3",
-      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.3.tgz",
-      "integrity": "sha512-Lsh766rGEFbaxMIDH7Qa+Yha8cMVI3qAK6CHt3OR0YfxOIn5Z54iHiyDRycHrBqeIiqGa20Kpsv1cavfBKkRSw==",
+      "version": "7.20.6",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.6.tgz",
+      "integrity": "sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==",
       "dependencies": {
         "@babel/types": "^7.20.7"
       }
     },
+    "node_modules/@types/estree": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw=="
+    },
     "node_modules/@types/node": {
-      "version": "18.18.6",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.6.tgz",
-      "integrity": "sha512-wf3Vz+jCmOQ2HV1YUJuCWdL64adYxumkrxtc+H1VUQlnQI04+5HtH+qZCOE21lBE7gIrt+CwX2Wv8Acrw5Ak6w==",
-      "devOptional": true
+      "version": "20.14.6",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.6.tgz",
+      "integrity": "sha512-JbA0XIJPL1IiNnU7PFxDXyfAwcwVVrOoqyzzyQTyMeVhBzkJVMSkC1LlVsRQ2lpqiY4n6Bb9oCS6lzDKVQxbZw==",
+      "devOptional": true,
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
     },
     "node_modules/@types/prop-types": {
       "version": "15.7.9",
@@ -804,44 +1021,38 @@
       "integrity": "sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g=="
     },
     "node_modules/@types/react": {
-      "version": "18.2.31",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.31.tgz",
-      "integrity": "sha512-c2UnPv548q+5DFh03y8lEDeMfDwBn9G3dRwfkrxQMo/dOtRHUUO57k6pHvBIfH/VF4Nh+98mZ5aaSe+2echD5g==",
+      "version": "18.3.3",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.3.tgz",
+      "integrity": "sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==",
       "dependencies": {
         "@types/prop-types": "*",
-        "@types/scheduler": "*",
         "csstype": "^3.0.2"
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.14.tgz",
-      "integrity": "sha512-V835xgdSVmyQmI1KLV2BEIUgqEuinxp9O4G6g3FqO/SqLac049E53aysv0oEFD2kHfejeKU+ZqL2bcFWj9gLAQ==",
+      "version": "18.3.0",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz",
+      "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==",
       "dependencies": {
         "@types/react": "*"
       }
     },
-    "node_modules/@types/scheduler": {
-      "version": "0.16.5",
-      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.5.tgz",
-      "integrity": "sha512-s/FPdYRmZR8SjLWGMCuax7r3qCWQw9QKHzXVukAuuIJkXkDRwp+Pu5LMIVFi0Fxbav35WURicYr8u1QsoybnQw=="
-    },
     "node_modules/@vitejs/plugin-react": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.1.0.tgz",
-      "integrity": "sha512-rM0SqazU9iqPUraQ2JlIvReeaxOoRj6n+PzB1C0cBzIbd8qP336nC39/R9yPi3wVcah7E7j/kdU1uCUqMEU4OQ==",
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.3.1.tgz",
+      "integrity": "sha512-m/V2syj5CuVnaxcUJOQRel/Wr31FFXRFlnOoq1TVtkCxsY5veGMTEmpWHndrhB2U8ScHtCQB1e+4hWYExQc6Lg==",
       "dependencies": {
-        "@babel/core": "^7.22.20",
-        "@babel/plugin-transform-react-jsx-self": "^7.22.5",
-        "@babel/plugin-transform-react-jsx-source": "^7.22.5",
-        "@types/babel__core": "^7.20.2",
-        "react-refresh": "^0.14.0"
+        "@babel/core": "^7.24.5",
+        "@babel/plugin-transform-react-jsx-self": "^7.24.5",
+        "@babel/plugin-transform-react-jsx-source": "^7.24.1",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.14.2"
       },
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
       },
       "peerDependencies": {
-        "vite": "^4.2.0"
+        "vite": "^4.2.0 || ^5.0.0"
       }
     },
     "node_modules/ansi-styles": {
@@ -856,9 +1067,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.22.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
-      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
+      "version": "4.23.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.1.tgz",
+      "integrity": "sha512-TUfofFo/KsK/bWZ9TWQ5O26tsWW4Uhmt8IYklbnUa70udB6P2wA7w7o4PY4muaEPBQaAX+CEnmmIA41NVHtPVw==",
       "funding": [
         {
           "type": "opencollective",
@@ -874,10 +1085,10 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001541",
-        "electron-to-chromium": "^1.4.535",
-        "node-releases": "^2.0.13",
-        "update-browserslist-db": "^1.0.13"
+        "caniuse-lite": "^1.0.30001629",
+        "electron-to-chromium": "^1.4.796",
+        "node-releases": "^2.0.14",
+        "update-browserslist-db": "^1.0.16"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -887,9 +1098,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001554",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001554.tgz",
-      "integrity": "sha512-A2E3U//MBwbJVzebddm1YfNp7Nud5Ip+IPn4BozBmn4KqVX7AvluoIDFWjsv5OkGnKUXQVmMSoMKLa3ScCblcQ==",
+      "version": "1.0.30001636",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001636.tgz",
+      "integrity": "sha512-bMg2vmr8XBsbL6Lr0UHXy/21m84FTxDLWn2FSqMd5PrlbMxwJlQnC2YWYxVgp66PZE+BBNF2jYQUBKCo1FDeZg==",
       "funding": [
         {
           "type": "opencollective",
@@ -942,9 +1153,9 @@
       "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
     },
     "node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz",
+      "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==",
       "dependencies": {
         "ms": "2.1.2"
       },
@@ -958,14 +1169,14 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.566",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.566.tgz",
-      "integrity": "sha512-mv+fAy27uOmTVlUULy15U3DVJ+jg+8iyKH1bpwboCRhtDC69GKf1PPTZvEIhCyDr81RFqfxZJYrbgp933a1vtg=="
+      "version": "1.4.807",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.807.tgz",
+      "integrity": "sha512-kSmJl2ZwhNf/bcIuCH/imtNOKlpkLDn2jqT5FJ+/0CXjhnFaOa9cOe9gHKKy71eM49izwuQjZhKk+lWQ1JxB7A=="
     },
     "node_modules/esbuild": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
-      "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
       "hasInstallScript": true,
       "bin": {
         "esbuild": "bin/esbuild"
@@ -974,34 +1185,35 @@
         "node": ">=12"
       },
       "optionalDependencies": {
-        "@esbuild/android-arm": "0.18.20",
-        "@esbuild/android-arm64": "0.18.20",
-        "@esbuild/android-x64": "0.18.20",
-        "@esbuild/darwin-arm64": "0.18.20",
-        "@esbuild/darwin-x64": "0.18.20",
-        "@esbuild/freebsd-arm64": "0.18.20",
-        "@esbuild/freebsd-x64": "0.18.20",
-        "@esbuild/linux-arm": "0.18.20",
-        "@esbuild/linux-arm64": "0.18.20",
-        "@esbuild/linux-ia32": "0.18.20",
-        "@esbuild/linux-loong64": "0.18.20",
-        "@esbuild/linux-mips64el": "0.18.20",
-        "@esbuild/linux-ppc64": "0.18.20",
-        "@esbuild/linux-riscv64": "0.18.20",
-        "@esbuild/linux-s390x": "0.18.20",
-        "@esbuild/linux-x64": "0.18.20",
-        "@esbuild/netbsd-x64": "0.18.20",
-        "@esbuild/openbsd-x64": "0.18.20",
-        "@esbuild/sunos-x64": "0.18.20",
-        "@esbuild/win32-arm64": "0.18.20",
-        "@esbuild/win32-ia32": "0.18.20",
-        "@esbuild/win32-x64": "0.18.20"
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
       }
     },
     "node_modules/escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
+      "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
       "engines": {
         "node": ">=6"
       }
@@ -1103,9 +1315,9 @@
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
     "node_modules/nanoid": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
-      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
       "funding": [
         {
           "type": "github",
@@ -1120,21 +1332,21 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.13",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
-      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
+      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw=="
     },
     "node_modules/picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
     },
     "node_modules/playwright": {
-      "version": "1.39.0",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.39.0.tgz",
-      "integrity": "sha512-naE5QT11uC/Oiq0BwZ50gDmy8c8WLPRTEWuSSFVG2egBka/1qMoSqYQcROMT9zLwJ86oPofcTH2jBY/5wWOgIw==",
+      "version": "1.44.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.44.1.tgz",
+      "integrity": "sha512-qr/0UJ5CFAtloI3avF95Y0L1xQo6r3LQArLIg/z/PoGJ6xa+EwzrwO5lpNr/09STxdHuUoP2mvuELJS+hLdtgg==",
       "dependencies": {
-        "playwright-core": "1.39.0"
+        "playwright-core": "1.44.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -1147,9 +1359,9 @@
       }
     },
     "node_modules/playwright-core": {
-      "version": "1.39.0",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.39.0.tgz",
-      "integrity": "sha512-+k4pdZgs1qiM+OUkSjx96YiKsXsmb59evFoqv8SKO067qBA+Z2s/dCzJij/ZhdQcs2zlTAgRKfeiiLm8PQ2qvw==",
+      "version": "1.44.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.44.1.tgz",
+      "integrity": "sha512-wh0JWtYTrhv1+OSsLPgFzGzt67Y7BE/ZS3jEqgGBlp2ppp1ZDj8c+9IARNW4dwf1poq5MgHreEM2KV/GuR4cFA==",
       "bin": {
         "playwright-core": "cli.js"
       },
@@ -1158,9 +1370,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "version": "8.4.38",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz",
+      "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==",
       "funding": [
         {
           "type": "opencollective",
@@ -1176,18 +1388,18 @@
         }
       ],
       "dependencies": {
-        "nanoid": "^3.3.6",
+        "nanoid": "^3.3.7",
         "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
+        "source-map-js": "^1.2.0"
       },
       "engines": {
         "node": "^10 || ^12 || >=14"
       }
     },
     "node_modules/react": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
-      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -1196,44 +1408,63 @@
       }
     },
     "node_modules/react-dom": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
-      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
       "dependencies": {
         "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.0"
+        "scheduler": "^0.23.2"
       },
       "peerDependencies": {
-        "react": "^18.2.0"
+        "react": "^18.3.1"
       }
     },
     "node_modules/react-refresh": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz",
-      "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==",
+      "version": "0.14.2",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",
+      "integrity": "sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/rollup": {
-      "version": "3.29.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
-      "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.18.0.tgz",
+      "integrity": "sha512-QmJz14PX3rzbJCN1SG4Xe/bAAX2a6NpCP8ab2vfu2GiUr8AQcr2nCV/oEO3yneFarB67zk8ShlIyWb2LGTb3Sg==",
+      "dependencies": {
+        "@types/estree": "1.0.5"
+      },
       "bin": {
         "rollup": "dist/bin/rollup"
       },
       "engines": {
-        "node": ">=14.18.0",
+        "node": ">=18.0.0",
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.18.0",
+        "@rollup/rollup-android-arm64": "4.18.0",
+        "@rollup/rollup-darwin-arm64": "4.18.0",
+        "@rollup/rollup-darwin-x64": "4.18.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.18.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.18.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.18.0",
+        "@rollup/rollup-linux-arm64-musl": "4.18.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.18.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.18.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.18.0",
+        "@rollup/rollup-linux-x64-gnu": "4.18.0",
+        "@rollup/rollup-linux-x64-musl": "4.18.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.18.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.18.0",
+        "@rollup/rollup-win32-x64-msvc": "4.18.0",
         "fsevents": "~2.3.2"
       }
     },
     "node_modules/scheduler": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
-      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
       "dependencies": {
         "loose-envify": "^1.1.0"
       }
@@ -1247,9 +1478,9 @@
       }
     },
     "node_modules/source-map-js": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -1274,9 +1505,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
-      "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
+      "version": "5.4.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
+      "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -1285,10 +1516,16 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "devOptional": true
+    },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "version": "1.0.16",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.16.tgz",
+      "integrity": "sha512-KVbTxlBYlckhF5wgfyZXTWnMn7MMZjMu9XG8bPlliUOP9ThaF4QnhP8qrjrH7DRzHfSk0oQv1wToW+iA5GajEQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -1304,8 +1541,8 @@
         }
       ],
       "dependencies": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
+        "escalade": "^3.1.2",
+        "picocolors": "^1.0.1"
       },
       "bin": {
         "update-browserslist-db": "cli.js"
@@ -1315,28 +1552,28 @@
       }
     },
     "node_modules/vite": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
-      "integrity": "sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==",
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.3.1.tgz",
+      "integrity": "sha512-XBmSKRLXLxiaPYamLv3/hnP/KXDai1NDexN0FpkTaZXTfycHvkRHoenpgl/fvuK/kPbB6xAgoyiryAhQNxYmAQ==",
       "dependencies": {
-        "esbuild": "^0.18.10",
-        "postcss": "^8.4.27",
-        "rollup": "^3.27.1"
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.38",
+        "rollup": "^4.13.0"
       },
       "bin": {
         "vite": "bin/vite.js"
       },
       "engines": {
-        "node": "^14.18.0 || >=16.0.0"
+        "node": "^18.0.0 || >=20.0.0"
       },
       "funding": {
         "url": "https://github.com/vitejs/vite?sponsor=1"
       },
       "optionalDependencies": {
-        "fsevents": "~2.3.2"
+        "fsevents": "~2.3.3"
       },
       "peerDependencies": {
-        "@types/node": ">= 14",
+        "@types/node": "^18.0.0 || >=20.0.0",
         "less": "*",
         "lightningcss": "^1.21.0",
         "sass": "*",
@@ -1368,6 +1605,19 @@
         }
       }
     },
+    "node_modules/vite/node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/yallist": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
diff --git a/tests/playwright/package.json b/tests/playwright/package.json
index 9b3a4afb0..17f1a0536 100644
--- a/tests/playwright/package.json
+++ b/tests/playwright/package.json
@@ -13,15 +13,15 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@playwright/test": "^1.42.1",
-    "@types/node": "^18.7.16"
+    "@playwright/test": "^1.44.1",
+    "@types/node": "^20.14.6"
   },
   "dependencies": {
-    "@playwright/experimental-ct-react": "^1.42.1",
-    "@types/react": "^18.2.31",
-    "@types/react-dom": "^18.2.14",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "typescript": "^5.2.2"
+    "@playwright/experimental-ct-react": "^1.44.1",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.4.5"
   }
 }

From b18d3d1c532255ad77c94b3b336fffa51873d8a5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 20 Jun 2024 13:37:45 +0200
Subject: [PATCH 0849/1093] chore(pnpm-lock): update

---
 pnpm-lock.yaml | 312 ++++++++++++++++++++++++++++---------------------
 1 file changed, 176 insertions(+), 136 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 52f271372..1203512ef 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -61,10 +61,10 @@ importers:
     dependencies:
       '@astrojs/react':
         specifier: ^3.0.2
-        version: 3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))
+        version: 3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))
       '@astrojs/svelte':
         specifier: ^4.0.2
-        version: 4.0.2(astro@3.2.2(@types/node@20.11.24)(terser@5.31.0))(svelte@4.2.1)(typescript@5.4.2)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))
+        version: 4.0.2(astro@3.2.2(@types/node@20.14.6)(terser@5.31.0))(svelte@4.2.1)(typescript@5.4.5)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))
       '@types/react':
         specifier: ^18.2.24
         version: 18.2.24
@@ -79,7 +79,7 @@ importers:
         version: link:../../packages/svelte
       astro:
         specifier: ^3.2.2
-        version: 3.2.2(@types/node@20.11.24)(terser@5.31.0)
+        version: 3.2.2(@types/node@20.14.6)(terser@5.31.0)
       react:
         specifier: ^18.2.0
         version: 18.2.0
@@ -140,10 +140,10 @@ importers:
         version: 18.2.14
       '@vitejs/plugin-react':
         specifier: 4.1.1
-        version: 4.1.1(vite@4.5.0(@types/node@20.11.24)(terser@5.31.0))
+        version: 4.1.1(vite@4.5.0(@types/node@20.14.6)(terser@5.31.0))
       '@vitejs/plugin-react-swc':
         specifier: ^3.4.1
-        version: 3.4.1(vite@4.5.0(@types/node@20.11.24)(terser@5.31.0))
+        version: 3.4.1(vite@4.5.0(@types/node@20.14.6)(terser@5.31.0))
       cypress:
         specifier: 13.6.6
         version: 13.6.6
@@ -158,7 +158,7 @@ importers:
         version: 5.2.2
       vite:
         specifier: 4.5.0
-        version: 4.5.0(@types/node@20.11.24)(terser@5.31.0)
+        version: 4.5.0(@types/node@20.14.6)(terser@5.31.0)
 
   examples/svelte:
     dependencies:
@@ -167,17 +167,17 @@ importers:
         version: 1.0.4
       '@sveltejs/vite-plugin-svelte':
         specifier: ^3.1.1
-        version: 3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
+        version: 3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
       '@xyflow/svelte':
         specifier: workspace:^
         version: link:../../packages/svelte
     devDependencies:
       '@sveltejs/adapter-auto':
         specifier: ^3.2.1
-        version: 3.2.1(@sveltejs/kit@2.5.10(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))
+        version: 3.2.1(@sveltejs/kit@2.5.10(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))
       '@sveltejs/kit':
         specifier: ^2.5.10
-        version: 2.5.10(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
+        version: 2.5.10(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
       '@typescript-eslint/eslint-plugin':
         specifier: ^6.10.0
         version: 6.10.0(@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2))(eslint@8.53.0)(typescript@5.2.2)
@@ -213,7 +213,7 @@ importers:
         version: 5.2.2
       vite:
         specifier: ^5.2.12
-        version: 5.2.12(@types/node@20.11.24)(terser@5.31.0)
+        version: 5.2.12(@types/node@20.14.6)(terser@5.31.0)
 
   packages/react:
     dependencies:
@@ -296,10 +296,10 @@ importers:
     devDependencies:
       '@sveltejs/adapter-auto':
         specifier: ^3.1.1
-        version: 3.1.1(@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))
+        version: 3.1.1(@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))
       '@sveltejs/kit':
         specifier: ^2.5.4
-        version: 2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
+        version: 2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
       '@sveltejs/package':
         specifier: ^2.3.0
         version: 2.3.0(svelte@4.2.12)(typescript@5.4.2)
@@ -410,30 +410,30 @@ importers:
   tests/playwright:
     dependencies:
       '@playwright/experimental-ct-react':
-        specifier: ^1.42.1
-        version: 1.42.1(@types/node@18.7.16)(terser@5.31.0)(vite@5.2.12(@types/node@18.7.16)(terser@5.31.0))
+        specifier: ^1.44.1
+        version: 1.44.1(@types/node@20.14.6)(terser@5.31.0)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
       '@types/react':
-        specifier: ^18.2.31
-        version: 18.2.31
+        specifier: ^18.3.3
+        version: 18.3.3
       '@types/react-dom':
-        specifier: ^18.2.14
-        version: 18.2.14
+        specifier: ^18.3.0
+        version: 18.3.0
       react:
-        specifier: ^18.2.0
-        version: 18.2.0
+        specifier: ^18.3.1
+        version: 18.3.1
       react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
+        specifier: ^18.3.1
+        version: 18.3.1(react@18.3.1)
       typescript:
-        specifier: ^5.2.2
-        version: 5.2.2
+        specifier: ^5.4.5
+        version: 5.4.5
     devDependencies:
       '@playwright/test':
-        specifier: ^1.42.1
-        version: 1.42.1
+        specifier: ^1.44.1
+        version: 1.44.1
       '@types/node':
-        specifier: ^18.7.16
-        version: 18.7.16
+        specifier: ^20.14.6
+        version: 20.14.6
 
   tooling/eslint-config:
     devDependencies:
@@ -1339,18 +1339,17 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
-  '@playwright/experimental-ct-core@1.42.1':
-    resolution: {integrity: sha512-wBS6pzgJwRuK0MwgiooamLW0prQLgT0RAhxooeMyqU97VbDI5aYuuynlxobJDDymU4HcOKARg2rG8h6jX7ShrA==}
+  '@playwright/experimental-ct-core@1.44.1':
+    resolution: {integrity: sha512-IqeXzfmpHH8yHA0fGQ//l/tDJHzUmg2dQj3t28E1tCshvnYc9fVr53Na9+/B8ME//vw0UFpv+CSKcOTHwWrhQg==}
     engines: {node: '>=16'}
-    hasBin: true
 
-  '@playwright/experimental-ct-react@1.42.1':
-    resolution: {integrity: sha512-/dxu7nkGOlZIx9MUGQPM5kiIGksYIBaaJKQuNmaJNV29V3VGI1p9yQqrvl1jFK/Hu7SC1LmFB8RlkrOgMiZKYg==}
+  '@playwright/experimental-ct-react@1.44.1':
+    resolution: {integrity: sha512-qRhv2zmZVwtzAYWwQO4j+It0S5zLUuZg/7Ke61ymCC5jGqlwf2kYqogFxBiDdhAO1sz/dN0UtdU+6df0HK5yzw==}
     engines: {node: '>=16'}
     hasBin: true
 
-  '@playwright/test@1.42.1':
-    resolution: {integrity: sha512-Gq9rmS54mjBL/7/MvBaNOBwbfnh7beHvS6oS4srqXFcQHpQCV1+c8JXWE8VLPyRDhgS3H8x8A7hztqI9VnwrAQ==}
+  '@playwright/test@1.44.1':
+    resolution: {integrity: sha512-1hZ4TNvD5z9VuhNJ/walIjvMVvYkZKf71axoF/uiAqpntQJXpG64dlXhoDXE3OczPuTuvjf/M5KWFg5VAVUS3Q==}
     engines: {node: '>=16'}
     hasBin: true
 
@@ -1760,8 +1759,8 @@ packages:
   '@types/node@18.7.16':
     resolution: {integrity: sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==}
 
-  '@types/node@20.11.24':
-    resolution: {integrity: sha512-Kza43ewS3xoLgCEpQrsT+xRo/EJej1y0kVYGiLFE1NEODXGzTfwiC6tXTLMQskn1X4/Rjlh0MQUvx9W+L9long==}
+  '@types/node@20.14.6':
+    resolution: {integrity: sha512-JbA0XIJPL1IiNnU7PFxDXyfAwcwVVrOoqyzzyQTyMeVhBzkJVMSkC1LlVsRQ2lpqiY4n6Bb9oCS6lzDKVQxbZw==}
 
   '@types/normalize-package-data@2.4.3':
     resolution: {integrity: sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg==}
@@ -1784,15 +1783,18 @@ packages:
   '@types/react-dom@18.2.8':
     resolution: {integrity: sha512-bAIvO5lN/U8sPGvs1Xm61rlRHHaq5rp5N3kp9C+NJ/Q41P8iqjkXSu0+/qu8POsjH9pNWb0OYabFez7taP7omw==}
 
+  '@types/react-dom@18.3.0':
+    resolution: {integrity: sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==}
+
   '@types/react@18.2.24':
     resolution: {integrity: sha512-Ee0Jt4sbJxMu1iDcetZEIKQr99J1Zfb6D4F3qfUWoR1JpInkY1Wdg4WwCyBjL257D0+jGqSl1twBjV8iCaC0Aw==}
 
-  '@types/react@18.2.31':
-    resolution: {integrity: sha512-c2UnPv548q+5DFh03y8lEDeMfDwBn9G3dRwfkrxQMo/dOtRHUUO57k6pHvBIfH/VF4Nh+98mZ5aaSe+2echD5g==}
-
   '@types/react@18.2.36':
     resolution: {integrity: sha512-o9XFsHYLLZ4+sb9CWUYwHqFVoG61SesydF353vFMMsQziiyRu8np4n2OYMUSDZ8XuImxDr9c5tR7gidlH29Vnw==}
 
+  '@types/react@18.3.3':
+    resolution: {integrity: sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==}
+
   '@types/resolve@1.20.2':
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
 
@@ -4349,13 +4351,13 @@ packages:
     resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
     engines: {node: '>=8'}
 
-  playwright-core@1.42.1:
-    resolution: {integrity: sha512-mxz6zclokgrke9p1vtdy/COWBH+eOZgYUVVU34C73M+4j4HLlQJHtfcqiqqxpP0o8HhMkflvfbquLX5dg6wlfA==}
+  playwright-core@1.44.1:
+    resolution: {integrity: sha512-wh0JWtYTrhv1+OSsLPgFzGzt67Y7BE/ZS3jEqgGBlp2ppp1ZDj8c+9IARNW4dwf1poq5MgHreEM2KV/GuR4cFA==}
     engines: {node: '>=16'}
     hasBin: true
 
-  playwright@1.42.1:
-    resolution: {integrity: sha512-PgwB03s2DZBcNRoW+1w9E+VkLBxweib6KTXM0M3tkiT4jVxKSi6PmVJ591J+0u10LUrgxB7dLRbiJqO5s2QPMg==}
+  playwright@1.44.1:
+    resolution: {integrity: sha512-qr/0UJ5CFAtloI3avF95Y0L1xQo6r3LQArLIg/z/PoGJ6xa+EwzrwO5lpNr/09STxdHuUoP2mvuELJS+hLdtgg==}
     engines: {node: '>=16'}
     hasBin: true
 
@@ -4912,6 +4914,11 @@ packages:
     peerDependencies:
       react: ^18.2.0
 
+  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==}
 
@@ -4951,6 +4958,10 @@ packages:
     resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
     engines: {node: '>=0.10.0'}
 
+  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==}
 
@@ -5136,6 +5147,9 @@ packages:
   scheduler@0.23.0:
     resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==}
 
+  scheduler@0.23.2:
+    resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
+
   section-matter@1.0.0:
     resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==}
     engines: {node: '>=4'}
@@ -5726,6 +5740,11 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  typescript@5.4.5:
+    resolution: {integrity: sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
   ultrahtml@1.5.2:
     resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==}
 
@@ -6120,10 +6139,10 @@ snapshots:
 
   '@astrojs/internal-helpers@0.2.0': {}
 
-  '@astrojs/markdown-remark@3.2.0(astro@3.2.2(@types/node@20.11.24)(terser@5.31.0))':
+  '@astrojs/markdown-remark@3.2.0(astro@3.2.2(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
       '@astrojs/prism': 3.0.0
-      astro: 3.2.2(@types/node@20.11.24)(terser@5.31.0)
+      astro: 3.2.2(@types/node@20.14.6)(terser@5.31.0)
       github-slugger: 2.0.0
       import-meta-resolve: 3.1.1
       mdast-util-definitions: 6.0.0
@@ -6144,11 +6163,11 @@ snapshots:
     dependencies:
       prismjs: 1.29.0
 
-  '@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))':
+  '@astrojs/react@3.0.2(@types/react-dom@18.2.8)(@types/react@18.2.24)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
       '@types/react': 18.2.24
       '@types/react-dom': 18.2.8
-      '@vitejs/plugin-react': 4.1.1(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))
+      '@vitejs/plugin-react': 4.1.1(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       ultrahtml: 1.5.2
@@ -6156,12 +6175,12 @@ snapshots:
       - supports-color
       - vite
 
-  '@astrojs/svelte@4.0.2(astro@3.2.2(@types/node@20.11.24)(terser@5.31.0))(svelte@4.2.1)(typescript@5.4.2)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))':
+  '@astrojs/svelte@4.0.2(astro@3.2.2(@types/node@20.14.6)(terser@5.31.0))(svelte@4.2.1)(typescript@5.4.5)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))
-      astro: 3.2.2(@types/node@20.11.24)(terser@5.31.0)
+      '@sveltejs/vite-plugin-svelte': 2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))
+      astro: 3.2.2(@types/node@20.14.6)(terser@5.31.0)
       svelte: 4.2.1
-      svelte2tsx: 0.6.23(svelte@4.2.1)(typescript@5.4.2)
+      svelte2tsx: 0.6.23(svelte@4.2.1)(typescript@5.4.5)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -6227,7 +6246,7 @@ snapshots:
       '@babel/traverse': 7.24.0
       '@babel/types': 7.24.0
       convert-source-map: 2.0.0
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.5
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
@@ -6438,7 +6457,7 @@ snapshots:
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/parser': 7.24.0
       '@babel/types': 7.24.0
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.5
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
@@ -7036,11 +7055,11 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
 
-  '@playwright/experimental-ct-core@1.42.1(@types/node@18.7.16)(terser@5.31.0)':
+  '@playwright/experimental-ct-core@1.44.1(@types/node@20.14.6)(terser@5.31.0)':
     dependencies:
-      playwright: 1.42.1
-      playwright-core: 1.42.1
-      vite: 5.2.12(@types/node@18.7.16)(terser@5.31.0)
+      playwright: 1.44.1
+      playwright-core: 1.44.1
+      vite: 5.2.12(@types/node@20.14.6)(terser@5.31.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -7050,10 +7069,10 @@ snapshots:
       - sugarss
       - terser
 
-  '@playwright/experimental-ct-react@1.42.1(@types/node@18.7.16)(terser@5.31.0)(vite@5.2.12(@types/node@18.7.16)(terser@5.31.0))':
+  '@playwright/experimental-ct-react@1.44.1(@types/node@20.14.6)(terser@5.31.0)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
-      '@playwright/experimental-ct-core': 1.42.1(@types/node@18.7.16)(terser@5.31.0)
-      '@vitejs/plugin-react': 4.2.1(vite@5.2.12(@types/node@18.7.16)(terser@5.31.0))
+      '@playwright/experimental-ct-core': 1.44.1(@types/node@20.14.6)(terser@5.31.0)
+      '@vitejs/plugin-react': 4.2.1(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -7065,9 +7084,9 @@ snapshots:
       - terser
       - vite
 
-  '@playwright/test@1.42.1':
+  '@playwright/test@1.44.1':
     dependencies:
-      playwright: 1.42.1
+      playwright: 1.44.1
 
   '@polka/url@1.0.0-next.24': {}
 
@@ -7197,19 +7216,19 @@ snapshots:
 
   '@svelte-put/shortcut@3.1.0': {}
 
-  '@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))':
+  '@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))':
     dependencies:
-      '@sveltejs/kit': 2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
+      '@sveltejs/kit': 2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
       import-meta-resolve: 4.0.0
 
-  '@sveltejs/adapter-auto@3.2.1(@sveltejs/kit@2.5.10(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))':
+  '@sveltejs/adapter-auto@3.2.1(@sveltejs/kit@2.5.10(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))':
     dependencies:
-      '@sveltejs/kit': 2.5.10(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
+      '@sveltejs/kit': 2.5.10(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
       import-meta-resolve: 4.1.0
 
-  '@sveltejs/kit@2.5.10(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))':
+  '@sveltejs/kit@2.5.10(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
+      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.0.0
@@ -7223,11 +7242,11 @@ snapshots:
       sirv: 2.0.4
       svelte: 4.2.12
       tiny-glob: 0.2.9
-      vite: 5.2.12(@types/node@20.11.24)(terser@5.31.0)
+      vite: 5.2.12(@types/node@20.14.6)(terser@5.31.0)
 
-  '@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))':
+  '@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
+      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 4.3.2
@@ -7241,7 +7260,7 @@ snapshots:
       sirv: 2.0.4
       svelte: 4.2.12
       tiny-glob: 0.2.9
-      vite: 5.2.12(@types/node@20.11.24)(terser@5.31.0)
+      vite: 5.2.12(@types/node@20.14.6)(terser@5.31.0)
 
   '@sveltejs/package@2.3.0(svelte@4.2.12)(typescript@5.4.2)':
     dependencies:
@@ -7254,49 +7273,49 @@ snapshots:
     transitivePeerDependencies:
       - typescript
 
-  '@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.1)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))':
+  '@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.1)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))
+      '@sveltejs/vite-plugin-svelte': 2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))
       debug: 4.3.4(supports-color@8.1.1)
       svelte: 4.2.1
-      vite: 4.5.3(@types/node@20.11.24)(terser@5.31.0)
+      vite: 4.5.3(@types/node@20.14.6)(terser@5.31.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))':
+  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
+      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
       debug: 4.3.5
       svelte: 4.2.12
-      vite: 5.2.12(@types/node@20.11.24)(terser@5.31.0)
+      vite: 5.2.12(@types/node@20.14.6)(terser@5.31.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))':
+  '@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.1)(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))
+      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.1)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))
       debug: 4.3.4(supports-color@8.1.1)
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.5
       svelte: 4.2.1
       svelte-hmr: 0.15.3(svelte@4.2.1)
-      vite: 4.5.3(@types/node@20.11.24)(terser@5.31.0)
-      vitefu: 0.2.5(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))
+      vite: 4.5.3(@types/node@20.14.6)(terser@5.31.0)
+      vitefu: 0.2.5(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))':
+  '@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
+      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
       debug: 4.3.5
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.10
       svelte: 4.2.12
       svelte-hmr: 0.16.0(svelte@4.2.12)
-      vite: 5.2.12(@types/node@20.11.24)(terser@5.31.0)
-      vitefu: 0.2.5(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0))
+      vite: 5.2.12(@types/node@20.14.6)(terser@5.31.0)
+      vitefu: 0.2.5(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
     transitivePeerDependencies:
       - supports-color
 
@@ -7462,10 +7481,9 @@ snapshots:
 
   '@types/node@18.7.16': {}
 
-  '@types/node@20.11.24':
+  '@types/node@20.14.6':
     dependencies:
       undici-types: 5.26.5
-    optional: true
 
   '@types/normalize-package-data@2.4.3': {}
 
@@ -7485,22 +7503,25 @@ snapshots:
     dependencies:
       '@types/react': 18.2.24
 
+  '@types/react-dom@18.3.0':
+    dependencies:
+      '@types/react': 18.3.3
+
   '@types/react@18.2.24':
     dependencies:
       '@types/prop-types': 15.7.9
       '@types/scheduler': 0.16.5
       csstype: 3.1.2
 
-  '@types/react@18.2.31':
+  '@types/react@18.2.36':
     dependencies:
       '@types/prop-types': 15.7.10
       '@types/scheduler': 0.16.5
       csstype: 3.1.2
 
-  '@types/react@18.2.36':
+  '@types/react@18.3.3':
     dependencies:
       '@types/prop-types': 15.7.10
-      '@types/scheduler': 0.16.5
       csstype: 3.1.2
 
   '@types/resolve@1.20.2': {}
@@ -7525,7 +7546,7 @@ snapshots:
 
   '@types/yauzl@2.10.3':
     dependencies:
-      '@types/node': 20.11.24
+      '@types/node': 18.7.16
     optional: true
 
   '@typescript-eslint/eslint-plugin@6.10.0(@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2))(eslint@8.53.0)(typescript@5.2.2)':
@@ -7786,43 +7807,43 @@ snapshots:
 
   '@ungap/structured-clone@1.2.0': {}
 
-  '@vitejs/plugin-react-swc@3.4.1(vite@4.5.0(@types/node@20.11.24)(terser@5.31.0))':
+  '@vitejs/plugin-react-swc@3.4.1(vite@4.5.0(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
       '@swc/core': 1.3.96
-      vite: 4.5.0(@types/node@20.11.24)(terser@5.31.0)
+      vite: 4.5.0(@types/node@20.14.6)(terser@5.31.0)
     transitivePeerDependencies:
       - '@swc/helpers'
 
-  '@vitejs/plugin-react@4.1.1(vite@4.5.0(@types/node@20.11.24)(terser@5.31.0))':
+  '@vitejs/plugin-react@4.1.1(vite@4.5.0(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
       '@babel/core': 7.23.2
       '@babel/plugin-transform-react-jsx-self': 7.22.5(@babel/core@7.23.2)
       '@babel/plugin-transform-react-jsx-source': 7.22.5(@babel/core@7.23.2)
       '@types/babel__core': 7.20.4
       react-refresh: 0.14.0
-      vite: 4.5.0(@types/node@20.11.24)(terser@5.31.0)
+      vite: 4.5.0(@types/node@20.14.6)(terser@5.31.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-react@4.1.1(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))':
+  '@vitejs/plugin-react@4.1.1(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
       '@babel/core': 7.23.2
       '@babel/plugin-transform-react-jsx-self': 7.22.5(@babel/core@7.23.2)
       '@babel/plugin-transform-react-jsx-source': 7.22.5(@babel/core@7.23.2)
       '@types/babel__core': 7.20.4
       react-refresh: 0.14.0
-      vite: 4.5.3(@types/node@20.11.24)(terser@5.31.0)
+      vite: 4.5.3(@types/node@20.14.6)(terser@5.31.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-react@4.2.1(vite@5.2.12(@types/node@18.7.16)(terser@5.31.0))':
+  '@vitejs/plugin-react@4.2.1(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
       '@babel/core': 7.24.0
       '@babel/plugin-transform-react-jsx-self': 7.23.3(@babel/core@7.24.0)
       '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.24.0)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.0
-      vite: 5.2.12(@types/node@18.7.16)(terser@5.31.0)
+      vite: 5.2.12(@types/node@20.14.6)(terser@5.31.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -7952,11 +7973,11 @@ snapshots:
 
   astral-regex@2.0.0: {}
 
-  astro@3.2.2(@types/node@20.11.24)(terser@5.31.0):
+  astro@3.2.2(@types/node@20.14.6)(terser@5.31.0):
     dependencies:
       '@astrojs/compiler': 2.2.1
       '@astrojs/internal-helpers': 0.2.0
-      '@astrojs/markdown-remark': 3.2.0(astro@3.2.2(@types/node@20.11.24)(terser@5.31.0))
+      '@astrojs/markdown-remark': 3.2.0(astro@3.2.2(@types/node@20.14.6)(terser@5.31.0))
       '@astrojs/telemetry': 3.0.2
       '@babel/core': 7.23.2
       '@babel/generator': 7.23.0
@@ -8005,8 +8026,8 @@ snapshots:
       undici: 5.26.5
       unist-util-visit: 4.1.2
       vfile: 5.3.7
-      vite: 4.5.3(@types/node@20.11.24)(terser@5.31.0)
-      vitefu: 0.2.5(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0))
+      vite: 4.5.3(@types/node@20.14.6)(terser@5.31.0)
+      vitefu: 0.2.5(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))
       which-pm: 2.1.1
       yargs-parser: 21.1.1
       zod: 3.21.1
@@ -10740,11 +10761,11 @@ snapshots:
     dependencies:
       find-up: 4.1.0
 
-  playwright-core@1.42.1: {}
+  playwright-core@1.44.1: {}
 
-  playwright@1.42.1:
+  playwright@1.44.1:
     dependencies:
-      playwright-core: 1.42.1
+      playwright-core: 1.44.1
     optionalDependencies:
       fsevents: 2.3.2
 
@@ -11317,6 +11338,12 @@ snapshots:
       react: 18.2.0
       scheduler: 0.23.0
 
+  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-redux@9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1):
@@ -11346,6 +11373,10 @@ snapshots:
     dependencies:
       loose-envify: 1.4.0
 
+  react@18.3.1:
+    dependencies:
+      loose-envify: 1.4.0
+
   read-cache@1.0.0:
     dependencies:
       pify: 2.3.0
@@ -11613,6 +11644,10 @@ snapshots:
     dependencies:
       loose-envify: 1.4.0
 
+  scheduler@0.23.2:
+    dependencies:
+      loose-envify: 1.4.0
+
   section-matter@1.0.0:
     dependencies:
       extend-shallow: 2.0.1
@@ -11977,8 +12012,8 @@ snapshots:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 4.2.12
-      svelte-preprocess: 5.1.3(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2)
-      typescript: 5.4.2
+      svelte-preprocess: 5.1.3(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.5)
+      typescript: 5.4.5
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -11999,8 +12034,8 @@ snapshots:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 4.2.12
-      svelte-preprocess: 5.1.3(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2)
-      typescript: 5.4.2
+      svelte-preprocess: 5.1.3(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.5)
+      typescript: 5.4.5
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -12044,12 +12079,26 @@ snapshots:
       postcss-load-config: 5.0.2(postcss@8.4.35)
       typescript: 5.4.2
 
-  svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.4.2):
+  svelte-preprocess@5.1.3(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.5):
+    dependencies:
+      '@types/pug': 2.0.10
+      detect-indent: 6.1.0
+      magic-string: 0.30.8
+      sorcery: 0.11.0
+      strip-indent: 3.0.0
+      svelte: 4.2.12
+    optionalDependencies:
+      '@babel/core': 7.24.0
+      postcss: 8.4.35
+      postcss-load-config: 5.0.2(postcss@8.4.35)
+      typescript: 5.4.5
+
+  svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.4.5):
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
       svelte: 4.2.1
-      typescript: 5.4.2
+      typescript: 5.4.5
 
   svelte2tsx@0.7.3(svelte@4.2.12)(typescript@5.4.2):
     dependencies:
@@ -12309,6 +12358,8 @@ snapshots:
 
   typescript@5.4.2: {}
 
+  typescript@5.4.5: {}
+
   ultrahtml@1.5.2: {}
 
   unbox-primitive@1.0.2:
@@ -12318,8 +12369,7 @@ snapshots:
       has-symbols: 1.0.3
       which-boxed-primitive: 1.0.2
 
-  undici-types@5.26.5:
-    optional: true
+  undici-types@5.26.5: {}
 
   undici@5.26.5:
     dependencies:
@@ -12460,53 +12510,43 @@ snapshots:
       unist-util-stringify-position: 3.0.3
       vfile-message: 3.1.4
 
-  vite@4.5.0(@types/node@20.11.24)(terser@5.31.0):
+  vite@4.5.0(@types/node@20.14.6)(terser@5.31.0):
     dependencies:
       esbuild: 0.18.20
       postcss: 8.4.35
       rollup: 3.29.4
     optionalDependencies:
-      '@types/node': 20.11.24
+      '@types/node': 20.14.6
       fsevents: 2.3.3
       terser: 5.31.0
 
-  vite@4.5.3(@types/node@20.11.24)(terser@5.31.0):
+  vite@4.5.3(@types/node@20.14.6)(terser@5.31.0):
     dependencies:
       esbuild: 0.18.20
       postcss: 8.4.38
       rollup: 3.29.4
     optionalDependencies:
-      '@types/node': 20.11.24
-      fsevents: 2.3.3
-      terser: 5.31.0
-
-  vite@5.2.12(@types/node@18.7.16)(terser@5.31.0):
-    dependencies:
-      esbuild: 0.20.2
-      postcss: 8.4.38
-      rollup: 4.18.0
-    optionalDependencies:
-      '@types/node': 18.7.16
+      '@types/node': 20.14.6
       fsevents: 2.3.3
       terser: 5.31.0
 
-  vite@5.2.12(@types/node@20.11.24)(terser@5.31.0):
+  vite@5.2.12(@types/node@20.14.6)(terser@5.31.0):
     dependencies:
       esbuild: 0.20.2
       postcss: 8.4.38
       rollup: 4.18.0
     optionalDependencies:
-      '@types/node': 20.11.24
+      '@types/node': 20.14.6
       fsevents: 2.3.3
       terser: 5.31.0
 
-  vitefu@0.2.5(vite@4.5.3(@types/node@20.11.24)(terser@5.31.0)):
+  vitefu@0.2.5(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0)):
     optionalDependencies:
-      vite: 4.5.3(@types/node@20.11.24)(terser@5.31.0)
+      vite: 4.5.3(@types/node@20.14.6)(terser@5.31.0)
 
-  vitefu@0.2.5(vite@5.2.12(@types/node@20.11.24)(terser@5.31.0)):
+  vitefu@0.2.5(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)):
     optionalDependencies:
-      vite: 5.2.12(@types/node@20.11.24)(terser@5.31.0)
+      vite: 5.2.12(@types/node@20.14.6)(terser@5.31.0)
 
   vscode-oniguruma@1.7.0: {}
 

From d0e166d4a82ed76e9ef531584578f0d97c839f90 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 20 Jun 2024 13:40:36 +0200
Subject: [PATCH 0850/1093] chore(packages): bump

---
 packages/react/package.json  | 2 +-
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index 860739880..fb86e0a89 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.21",
+  "version": "12.0.0-next.22",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 11254ef22..86bd4daa3 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index d336c9e16..651a6ca0d 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.29",
+  "version": "0.0.30",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 6704e51d2a1d83f644cc1a7dd12b16cb80c6f64a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 20 Jun 2024 15:47:01 +0200
Subject: [PATCH 0851/1093] fix(react): check if window exists

---
 packages/react/src/container/FlowRenderer/index.tsx | 6 ++++--
 packages/react/src/hooks/useGlobalKeyHandler.ts     | 3 ++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/container/FlowRenderer/index.tsx b/packages/react/src/container/FlowRenderer/index.tsx
index 1aa92c414..0c1d1db9c 100644
--- a/packages/react/src/container/FlowRenderer/index.tsx
+++ b/packages/react/src/container/FlowRenderer/index.tsx
@@ -28,6 +28,8 @@ export type FlowRendererProps<NodeType extends Node = Node> = Omit<
   children: ReactNode;
 };
 
+const win = typeof window === 'undefined' ? window : undefined;
+
 const selector = (s: ReactFlowState) => {
   return { nodesSelectionActive: s.nodesSelectionActive, userSelectionActive: s.userSelectionActive };
 };
@@ -70,8 +72,8 @@ function FlowRendererComponent<NodeType extends Node = Node>({
   isControlledViewport,
 }: FlowRendererProps<NodeType>) {
   const { nodesSelectionActive, userSelectionActive } = useStore(selector);
-  const selectionKeyPressed = useKeyPress(selectionKeyCode, { target: window });
-  const panActivationKeyPressed = useKeyPress(panActivationKeyCode, { target: window });
+  const selectionKeyPressed = useKeyPress(selectionKeyCode, { target: win });
+  const panActivationKeyPressed = useKeyPress(panActivationKeyCode, { target: win });
 
   const panOnDrag = panActivationKeyPressed || _panOnDrag;
   const panOnScroll = panActivationKeyPressed || _panOnScroll;
diff --git a/packages/react/src/hooks/useGlobalKeyHandler.ts b/packages/react/src/hooks/useGlobalKeyHandler.ts
index 8e0c34bb5..10ba625c8 100644
--- a/packages/react/src/hooks/useGlobalKeyHandler.ts
+++ b/packages/react/src/hooks/useGlobalKeyHandler.ts
@@ -9,6 +9,7 @@ import { Edge, Node } from '../types';
 const selected = (item: Node | Edge) => item.selected;
 
 const deleteKeyOptions: UseKeyPressOptions = { actInsideInputWithModifier: false };
+const win = typeof window === 'undefined' ? window : undefined;
 
 /**
  * Hook for handling global key events.
@@ -26,7 +27,7 @@ export function useGlobalKeyHandler({
   const { deleteElements } = useReactFlow();
 
   const deleteKeyPressed = useKeyPress(deleteKeyCode, deleteKeyOptions);
-  const multiSelectionKeyPressed = useKeyPress(multiSelectionKeyCode, { target: window });
+  const multiSelectionKeyPressed = useKeyPress(multiSelectionKeyCode, { target: win });
 
   useEffect(() => {
     if (deleteKeyPressed) {

From aac0e9d0ff623280531d971d0b6177b540211a0b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 20 Jun 2024 15:47:36 +0200
Subject: [PATCH 0852/1093] chore(react): changelog

---
 packages/react/CHANGELOG.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 60e549207..efce94c94 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,9 @@
 # @xyflow/react
 
+## 12.0.0-next.23
+
+- fix `window` bug for SSR
+
 ## 12.0.0-next.22
 
 - ⚠️ rename `updateEdge` to `reconnectEdge` and realted APIs [#4373](https://github.com/xyflow/xyflow/pull/4373)

From 7338eab8c9b3f435b4e4101211cfbc2b915fb2f7 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 20 Jun 2024 15:47:51 +0200
Subject: [PATCH 0853/1093] chore(react): bump

---
 packages/react/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index fb86e0a89..786844016 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.22",
+  "version": "12.0.0-next.23",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",

From 71db83761c245493d44e74311e10cc6465bf8387 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 20 Jun 2024 15:53:35 +0200
Subject: [PATCH 0854/1093] fix(react): window bug

---
 packages/react/CHANGELOG.md                         | 4 ++++
 packages/react/package.json                         | 2 +-
 packages/react/src/container/FlowRenderer/index.tsx | 2 +-
 packages/react/src/hooks/useGlobalKeyHandler.ts     | 2 +-
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index efce94c94..8fa3d36d5 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,9 @@
 # @xyflow/react
 
+## 12.0.0-next.24
+
+- fix `window` bug for SSR for real
+
 ## 12.0.0-next.23
 
 - fix `window` bug for SSR
diff --git a/packages/react/package.json b/packages/react/package.json
index 786844016..437485ecf 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.23",
+  "version": "12.0.0-next.24",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/react/src/container/FlowRenderer/index.tsx b/packages/react/src/container/FlowRenderer/index.tsx
index 0c1d1db9c..30d179794 100644
--- a/packages/react/src/container/FlowRenderer/index.tsx
+++ b/packages/react/src/container/FlowRenderer/index.tsx
@@ -28,7 +28,7 @@ export type FlowRendererProps<NodeType extends Node = Node> = Omit<
   children: ReactNode;
 };
 
-const win = typeof window === 'undefined' ? window : undefined;
+const win = typeof window !== 'undefined' ? window : undefined;
 
 const selector = (s: ReactFlowState) => {
   return { nodesSelectionActive: s.nodesSelectionActive, userSelectionActive: s.userSelectionActive };
diff --git a/packages/react/src/hooks/useGlobalKeyHandler.ts b/packages/react/src/hooks/useGlobalKeyHandler.ts
index 10ba625c8..3e350a6ac 100644
--- a/packages/react/src/hooks/useGlobalKeyHandler.ts
+++ b/packages/react/src/hooks/useGlobalKeyHandler.ts
@@ -9,7 +9,7 @@ import { Edge, Node } from '../types';
 const selected = (item: Node | Edge) => item.selected;
 
 const deleteKeyOptions: UseKeyPressOptions = { actInsideInputWithModifier: false };
-const win = typeof window === 'undefined' ? window : undefined;
+const win = typeof window !== 'undefined' ? window : undefined;
 
 /**
  * Hook for handling global key events.

From bedd05663e2121b39f47469893d171c227383a11 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 24 Jun 2024 12:16:29 +0200
Subject: [PATCH 0855/1093] fix tsconfig error

---
 examples/react/tsconfig.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/react/tsconfig.json b/examples/react/tsconfig.json
index 0519e0a8b..3b8a70ac6 100644
--- a/examples/react/tsconfig.json
+++ b/examples/react/tsconfig.json
@@ -10,7 +10,7 @@
     "strict": true,
     "forceConsistentCasingInFileNames": true,
     "module": "ESNext",
-    "moduleResolution": "Node",
+    "moduleResolution": "Node16",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,

From 5e96fa08edd5c911cdd20461b750a630a2573c0e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 24 Jun 2024 12:57:52 +0200
Subject: [PATCH 0856/1093] chore(tsconfig): update moduleResolution

---
 examples/react/tsconfig.json | 2 +-
 tooling/tsconfig/base.json   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/examples/react/tsconfig.json b/examples/react/tsconfig.json
index 3b8a70ac6..8ea25518a 100644
--- a/examples/react/tsconfig.json
+++ b/examples/react/tsconfig.json
@@ -10,7 +10,7 @@
     "strict": true,
     "forceConsistentCasingInFileNames": true,
     "module": "ESNext",
-    "moduleResolution": "Node16",
+    "moduleResolution": "node16",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
diff --git a/tooling/tsconfig/base.json b/tooling/tsconfig/base.json
index ae8348e43..76ab90a4a 100644
--- a/tooling/tsconfig/base.json
+++ b/tooling/tsconfig/base.json
@@ -10,7 +10,7 @@
     "forceConsistentCasingInFileNames": true,
     "inlineSources": false,
     "isolatedModules": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "noFallthroughCasesInSwitch": true,
     "noImplicitAny": true,
     "noImplicitReturns": false,

From 1a25a7da485e7e9155080f4b16503188d1ac3d1d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 24 Jun 2024 14:38:45 +0200
Subject: [PATCH 0857/1093] fix(store): calc handle pos

---
 packages/system/src/utils/dom.ts     | 30 ++++++----------------------
 packages/system/src/utils/general.ts |  1 +
 packages/system/src/utils/store.ts   |  4 ++--
 3 files changed, 9 insertions(+), 26 deletions(-)

diff --git a/packages/system/src/utils/dom.ts b/packages/system/src/utils/dom.ts
index 82f511530..4bbc151a0 100644
--- a/packages/system/src/utils/dom.ts
+++ b/packages/system/src/utils/dom.ts
@@ -1,13 +1,4 @@
-import type {
-  Transform,
-  XYPosition,
-  SnapGrid,
-  Dimensions,
-  NodeOrigin,
-  HandleElement,
-  Position,
-  InternalNodeBase,
-} from '../types';
+import type { Transform, XYPosition, SnapGrid, Dimensions, HandleElement, Position } from '../types';
 import { snapPosition, pointToRendererPoint } from './general';
 
 export type GetPointerPositionParams = {
@@ -69,11 +60,9 @@ export const getEventPosition = (event: MouseEvent | TouchEvent, bounds?: DOMRec
 // unnecessary recalculations.
 export const getHandleBounds = (
   selector: string,
-  node: InternalNodeBase,
   nodeElement: HTMLDivElement,
   nodeBounds: DOMRect,
-  zoom: number,
-  nodeOrigin: NodeOrigin = [0, 0]
+  zoom: number
 ): HandleElement[] | null => {
   const handles = nodeElement.querySelectorAll(selector);
 
@@ -81,22 +70,15 @@ export const getHandleBounds = (
     return null;
   }
 
-  const handlesArray = Array.from(handles) as HTMLDivElement[];
-
-  const nodeOffset = {
-    x: nodeBounds.left + nodeBounds.width * nodeOrigin[0],
-    y: nodeBounds.top + nodeBounds.height * nodeOrigin[1],
-  };
-
-  return handlesArray.map((handle): HandleElement => {
+  return Array.from(handles).map((handle): HandleElement => {
     const handleBounds = handle.getBoundingClientRect();
 
     return {
       id: handle.getAttribute('data-handleid'),
       position: handle.getAttribute('data-handlepos') as unknown as Position,
-      x: (handleBounds.left - nodeOffset.x) / zoom,
-      y: (handleBounds.top - nodeOffset.y) / zoom,
-      ...getDimensions(handle),
+      x: (handleBounds.left - nodeBounds.left) / zoom,
+      y: (handleBounds.top - nodeBounds.top) / zoom,
+      ...getDimensions(handle as HTMLDivElement),
     };
   });
 };
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index a6767c208..95a02f81a 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -248,6 +248,7 @@ export function evaluateAbsolutePosition(
   nodeLookup: NodeLookup,
   nodeOrigin: NodeOrigin
 ): XYPosition {
+  let nextParentId: string | undefined = parentId;
   const positionAbsolute = { ...position };
 
   while (nextParentId) {
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index dced6091f..ae0de3f72 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -283,11 +283,11 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
 
       if (doUpdate) {
         const nodeBounds = update.nodeElement.getBoundingClientRect();
-        
+
         node.measured = dimensions;
         node.internals = {
           ...node.internals,
-          positionAbsolute,
+          positionAbsolute: getNodePositionWithOrigin(node, nodeOrigin),
           handleBounds: {
             source: getHandleBounds('.source', update.nodeElement, nodeBounds, zoom),
             target: getHandleBounds('.target', update.nodeElement, nodeBounds, zoom),

From 44254648c890d8e15c7f50bad7d9e13247c08e1b Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 24 Jun 2024 16:37:11 +0200
Subject: [PATCH 0858/1093] changed naming and streamlined connections

---
 .../src/components/ConnectionLine/index.tsx   | 48 ++++++++++--------
 .../EdgeWrapper/EdgeUpdateAnchors.tsx         |  2 +-
 .../react/src/components/Handle/index.tsx     | 25 ++++------
 packages/react/src/hooks/useConnection.ts     | 24 ++-------
 packages/react/src/index.ts                   |  1 -
 packages/react/src/store/index.ts             | 23 ++++++---
 packages/react/src/store/initialState.ts      | 10 ++--
 packages/react/src/types/edges.ts             |  3 +-
 packages/react/src/types/store.ts             | 15 ++----
 .../src/lib/components/Handle/Handle.svelte   |  2 +-
 packages/svelte/src/lib/index.ts              |  1 -
 packages/svelte/src/lib/store/index.ts        | 14 ++++--
 packages/system/src/types/general.ts          | 25 +++++++---
 packages/system/src/xyhandle/XYHandle.ts      | 49 ++++++++++---------
 packages/system/src/xyhandle/utils.ts         | 11 ++---
 15 files changed, 129 insertions(+), 124 deletions(-)

diff --git a/packages/react/src/components/ConnectionLine/index.tsx b/packages/react/src/components/ConnectionLine/index.tsx
index 33b1ca505..f79bfe246 100644
--- a/packages/react/src/components/ConnectionLine/index.tsx
+++ b/packages/react/src/components/ConnectionLine/index.tsx
@@ -7,7 +7,6 @@ import {
   ConnectionMode,
   getBezierPath,
   getSmoothStepPath,
-  type ConnectionStatus,
   type HandleType,
 } from '@xyflow/system';
 
@@ -15,13 +14,21 @@ import { useStore } from '../../hooks/useStore';
 import { getSimpleBezierPath } from '../Edges/SimpleBezierEdge';
 import type { ConnectionLineComponent, ReactFlowState, ReactFlowStore } from '../../types';
 
+function getConnectionStatus(isValid: boolean | null) {
+  if (isValid === null) {
+    return null;
+  }
+
+  return isValid ? 'valid' : 'invalid';
+}
+
 type ConnectionLineProps = {
   nodeId: string;
   handleType: HandleType;
   type: ConnectionLineType;
   style?: CSSProperties;
   CustomComponent?: ConnectionLineComponent;
-  connectionStatus: ConnectionStatus | null;
+  isValid: boolean | null;
 };
 
 const oppositePosition = {
@@ -37,18 +44,17 @@ const ConnectionLine = ({
   style,
   type = ConnectionLineType.Bezier,
   CustomComponent,
-  connectionStatus,
+  isValid,
 }: ConnectionLineProps) => {
-  const { fromNode, handleId, toX, toY, connectionMode, endPosition, isValid } = useStore(
+  const { fromNode, startHandle, endHandle, toX, toY, connectionMode } = useStore(
     useCallback(
       (s: ReactFlowStore) => ({
         fromNode: s.nodeLookup.get(nodeId),
-        handleId: s.connectionStartHandle?.handleId,
-        toX: (s.connectionPosition.x - s.transform[0]) / s.transform[2],
-        toY: (s.connectionPosition.y - s.transform[1]) / s.transform[2],
+        startHandle: s.connection.fromHandle,
+        endHandle: s.connection.toHandle,
+        toX: (s.connection.position.x - s.transform[0]) / s.transform[2],
+        toY: (s.connection.position.y - s.transform[1]) / s.transform[2],
         connectionMode: s.connectionMode,
-        endPosition: s.connectionEndHandle?.position,
-        isValid: s.connectionStatus === 'valid',
       }),
       [nodeId]
     ),
@@ -66,13 +72,15 @@ const ConnectionLine = ({
     return null;
   }
 
+  const handleId = startHandle?.handleId;
   const fromHandle = handleId ? handleBounds.find((d) => d.id === handleId) : handleBounds[0];
   const fromHandleX = fromHandle ? fromHandle.x + fromHandle.width / 2 : (fromNode.measured.width ?? 0) / 2;
   const fromHandleY = fromHandle ? fromHandle.y + fromHandle.height / 2 : fromNode.measured.height ?? 0;
   const fromX = fromNode.internals.positionAbsolute.x + fromHandleX;
   const fromY = fromNode.internals.positionAbsolute.y + fromHandleY;
   const fromPosition = fromHandle?.position;
-  const toPosition = isValid && endPosition ? endPosition : fromPosition ? oppositePosition[fromPosition] : null;
+  const toPosition =
+    isValid && endHandle?.position ? endHandle.position : fromPosition ? oppositePosition[fromPosition] : null;
 
   if (!fromPosition || !toPosition) {
     return null;
@@ -83,7 +91,7 @@ const ConnectionLine = ({
       <CustomComponent
         connectionLineType={type}
         connectionLineStyle={style}
-        fromNode={fromNode}
+        fromNode={fromNode.internals.userNode}
         fromHandle={fromHandle}
         fromX={fromX}
         fromY={fromY}
@@ -91,7 +99,7 @@ const ConnectionLine = ({
         toY={toY}
         fromPosition={fromPosition}
         toPosition={toPosition}
-        connectionStatus={connectionStatus}
+        connectionStatus={getConnectionStatus(isValid)}
       />
     );
   }
@@ -136,19 +144,19 @@ type ConnectionLineWrapperProps = {
 };
 
 const selector = (s: ReactFlowState) => ({
-  nodeId: s.connectionStartHandle?.nodeId,
-  handleType: s.connectionStartHandle?.type,
+  nodeId: s.connection.fromHandle?.nodeId,
+  handleType: s.connection.fromHandle?.type,
   nodesConnectable: s.nodesConnectable,
-  connectionStatus: s.connectionStatus,
+  isValid: s.connection.isValid,
   width: s.width,
   height: s.height,
 });
 
 export function ConnectionLineWrapper({ containerStyle, style, type, component }: ConnectionLineWrapperProps) {
-  const { nodeId, handleType, nodesConnectable, width, height, connectionStatus } = useStore(selector, shallow);
-  const isValid = !!(nodeId && handleType && width && nodesConnectable);
+  const { nodeId, handleType, nodesConnectable, width, height, isValid } = useStore(selector, shallow);
+  const isIncorrect = !(nodeId && handleType && width && nodesConnectable);
 
-  if (!isValid) {
+  if (isIncorrect) {
     return null;
   }
 
@@ -159,14 +167,14 @@ export function ConnectionLineWrapper({ containerStyle, style, type, component }
       height={height}
       className="react-flow__connectionline react-flow__container"
     >
-      <g className={cc(['react-flow__connection', connectionStatus])}>
+      <g className={cc(['react-flow__connection', getConnectionStatus(isValid)])}>
         <ConnectionLine
           nodeId={nodeId}
           handleType={handleType}
           style={style}
           type={type}
           CustomComponent={component}
-          connectionStatus={connectionStatus}
+          isValid={isValid}
         />
       </g>
     </svg>
diff --git a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
index d1cfd1387..236592ee2 100644
--- a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
+++ b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
@@ -96,7 +96,7 @@ export function EdgeUpdateAnchors<EdgeType extends Edge = Edge>({
       onReconnectEnd: _onReconnectEnd,
       updateConnection,
       getTransform: () => store.getState().transform,
-      getConnectionStartHandle: () => store.getState().connectionStartHandle,
+      getFromHandle: () => store.getState().connection.fromHandle,
     });
   };
 
diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 760733a03..4fe59a967 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -39,28 +39,23 @@ const selector = (s: ReactFlowState) => ({
 
 const connectingSelector =
   (nodeId: string | null, handleId: string | null, type: HandleType) => (state: ReactFlowState) => {
-    const {
-      connectionStartHandle: startHandle,
-      connectionEndHandle: endHandle,
-      connectionClickStartHandle: clickHandle,
-      connectionMode,
-      connectionStatus,
-    } = state;
+    const { connectionClickStartHandle: clickHandle, connectionMode, connection } = state;
+
+    const { fromHandle, toHandle, isValid } = connection;
 
-    const connectingTo = endHandle?.nodeId === nodeId && endHandle?.handleId === handleId && endHandle?.type === type;
+    const connectingTo = toHandle?.nodeId === nodeId && toHandle?.handleId === handleId && toHandle?.type === type;
 
     return {
-      connectingFrom:
-        startHandle?.nodeId === nodeId && startHandle?.handleId === handleId && startHandle?.type === type,
+      connectingFrom: fromHandle?.nodeId === nodeId && fromHandle?.handleId === handleId && fromHandle?.type === type,
       connectingTo,
       clickConnecting:
         clickHandle?.nodeId === nodeId && clickHandle?.handleId === handleId && clickHandle?.type === type,
       isPossibleEndHandle:
         connectionMode === ConnectionMode.Strict
-          ? startHandle?.type !== type
-          : nodeId !== startHandle?.nodeId || handleId !== startHandle?.handleId,
-      connectionInProcess: !!startHandle,
-      valid: connectingTo && connectionStatus === 'valid',
+          ? fromHandle?.type !== type
+          : nodeId !== fromHandle?.nodeId || handleId !== fromHandle?.handleId,
+      connectionInProcess: !!fromHandle,
+      valid: connectingTo && isValid,
     };
   };
 
@@ -144,7 +139,7 @@ function HandleComponent(
         onConnect: onConnectExtended,
         isValidConnection: isValidConnection || currentStore.isValidConnection,
         getTransform: () => store.getState().transform,
-        getConnectionStartHandle: () => store.getState().connectionStartHandle,
+        getFromHandle: () => store.getState().connection.fromHandle,
       });
     }
 
diff --git a/packages/react/src/hooks/useConnection.ts b/packages/react/src/hooks/useConnection.ts
index 9b458e873..d8f1bae42 100644
--- a/packages/react/src/hooks/useConnection.ts
+++ b/packages/react/src/hooks/useConnection.ts
@@ -2,33 +2,19 @@ import { shallow } from 'zustand/shallow';
 
 import { useStore } from './useStore';
 import type { ReactFlowStore } from '../types/store';
+import { ConnectionState } from '@xyflow/system';
 
 const selector = (s: ReactFlowStore) => ({
-  startHandle: s.connectionStartHandle,
-  endHandle: s.connectionEndHandle,
-  status: s.connectionStatus,
-  position: s.connectionStartHandle ? s.connectionPosition : null,
+  ...s.connection,
+  inProgress: s.connection.fromHandle !== null,
 });
 
-type UseConnectionResult = {
-  /** The start handle where the user interaction started or null */
-  startHandle: ReactFlowStore['connectionStartHandle'];
-  /** The target handle that's inside the connection radius or null  */
-  endHandle: ReactFlowStore['connectionEndHandle'];
-  /** The current connection status 'valid', 'invalid' or null*/
-  status: ReactFlowStore['connectionStatus'];
-  /** The current connection position or null */
-  position: ReactFlowStore['connectionPosition'] | null;
-};
-
 /**
  * Hook for accessing the ongoing connection.
  *
  * @public
  * @returns ongoing connection
  */
-export function useConnection(): UseConnectionResult {
-  const ongoingConnection = useStore(selector, shallow);
-
-  return ongoingConnection;
+export function useConnection(): ConnectionState & { inProgress: boolean } {
+  return useStore(selector, shallow);
 }
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index e00cd0d70..e15d9ca2f 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -49,7 +49,6 @@ export {
   type OnMoveStart,
   type OnMoveEnd,
   type Connection,
-  type ConnectionStatus,
   ConnectionMode,
   type OnConnectStartParams,
   type OnConnectStart,
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 29f99999f..29bf5ea52 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -307,18 +307,25 @@ const createStore = ({
           options
         );
       },
-      cancelConnection: () =>
+      cancelConnection: () => {
+        const { connection } = get();
         set({
-          connectionStatus: null,
-          connectionStartHandle: null,
-          connectionEndHandle: null,
-        }),
+          connection: {
+            position: connection.position,
+            fromHandle: null,
+            toHandle: null,
+            isValid: null,
+          },
+        });
+      },
       updateConnection: (params) => {
-        const { connectionPosition } = get();
+        const { connection } = get();
 
         const currentConnection = {
-          ...params,
-          connectionPosition: params.connectionPosition ?? connectionPosition,
+          connection: {
+            ...params,
+            position: params.position ?? connection.position,
+          },
         };
 
         set(currentConnection);
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index d519665f4..1a29e5dfd 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -76,8 +76,6 @@ const getInitialState = ({
     nodesSelectionActive: false,
     userSelectionActive: false,
     userSelectionRect: null,
-    connectionPosition: { x: 0, y: 0 },
-    connectionStatus: null,
     connectionMode: ConnectionMode.Strict,
     domNode: null,
     paneDragging: false,
@@ -103,8 +101,12 @@ const getInitialState = ({
 
     multiSelectionActive: false,
 
-    connectionStartHandle: null,
-    connectionEndHandle: null,
+    connection: {
+      fromHandle: null,
+      toHandle: null,
+      position: { x: 0, y: 0 },
+      isValid: null,
+    },
     connectionClickStartHandle: null,
     connectOnClick: true,
 
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index 23bec3588..63a61adfe 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -11,7 +11,6 @@ import type {
   Connection,
   ConnectionLineType,
   HandleElement,
-  ConnectionStatus,
   EdgePosition,
   StepPathOptions,
   OnError,
@@ -202,7 +201,7 @@ export type ConnectionLineComponentProps = {
   toY: number;
   fromPosition: Position;
   toPosition: Position;
-  connectionStatus: ConnectionStatus | null;
+  connectionStatus: 'valid' | 'invalid' | null;
 };
 
 export type ConnectionLineComponent = ComponentType<ConnectionLineComponentProps>;
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 7bf6e6929..8ef580b28 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -1,6 +1,6 @@
 import {
   ConnectionMode,
-  type ConnectionStatus,
+  type ConnectionState,
   type CoordinateExtent,
   type InternalNodeUpdate,
   type UpdateNodePositions,
@@ -12,7 +12,6 @@ import {
   type SnapGrid,
   type ConnectingHandle,
   type Transform,
-  type XYPosition,
   type PanZoomInstance,
   type PanBy,
   type OnConnectStart,
@@ -25,8 +24,8 @@ import {
   type EdgeLookup,
   type ConnectionLookup,
   type NodeLookup,
-  NodeChange,
-  EdgeChange,
+  type NodeChange,
+  type EdgeChange,
 } from '@xyflow/system';
 
 import type {
@@ -78,9 +77,9 @@ export type ReactFlowStore<NodeType extends Node = Node, EdgeType extends Edge =
   userSelectionActive: boolean;
   userSelectionRect: SelectionRect | null;
 
-  connectionPosition: XYPosition;
-  connectionStatus: ConnectionStatus | null;
+  connection: ConnectionState;
   connectionMode: ConnectionMode;
+  connectionClickStartHandle: ConnectingHandle | null;
 
   snapToGrid: boolean;
   snapGrid: SnapGrid;
@@ -97,10 +96,6 @@ export type ReactFlowStore<NodeType extends Node = Node, EdgeType extends Edge =
 
   multiSelectionActive: boolean;
 
-  connectionStartHandle: ConnectingHandle | null;
-  connectionEndHandle: ConnectingHandle | null;
-  connectionClickStartHandle: ConnectingHandle | null;
-
   onNodeDragStart?: OnNodeDrag<NodeType>;
   onNodeDrag?: OnNodeDrag<NodeType>;
   onNodeDragStop?: OnNodeDrag<NodeType>;
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 472ca2c23..7ebfeb78b 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -103,7 +103,7 @@
           $onConnectEndAction?.(event);
         },
         getTransform: () => [$viewport.x, $viewport.y, $viewport.zoom],
-        getConnectionStartHandle: () => $connection.startHandle
+        getFromHandle: () => $connection.startHandle
       });
     }
   }
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 9bc4ac94f..b13a7d903 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -70,7 +70,6 @@ export {
   type OnMoveStart,
   type OnMoveEnd,
   type Connection,
-  type ConnectionStatus,
   ConnectionMode,
   type OnConnectStartParams,
   type OnConnectStart,
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index d7d291943..715c57b78 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -14,7 +14,8 @@ import {
   type XYPosition,
   type CoordinateExtent,
   type UpdateConnection,
-  errorMessages
+  errorMessages,
+  type ConnectionState
 } from '@xyflow/system';
 
 import type { EdgeTypes, NodeTypes, Node, Edge, FitViewOptions, ConnectionData } from '$lib/types';
@@ -340,12 +341,17 @@ export function createStore({
   // by creating an internal, unexposed store and using a derived store
   // we prevent using slow get() calls
   const currentConnection = writable<ConnectionData>(initConnectionUpdateData);
-  const updateConnection: UpdateConnection = (newConnection: ConnectionData) => {
-    currentConnection.set(newConnection);
+  const updateConnection: UpdateConnection = (newConnection: ConnectionState) => {
+    currentConnection.set({
+      connectionStartHandle: newConnection.fromHandle,
+      connectionEndHandle: newConnection.toHandle,
+      connectionPosition: newConnection.position,
+      connectionStatus: newConnection.isValid ? 'valid' : 'invalid'
+    });
   };
 
   function cancelConnection() {
-    updateConnection(initConnectionUpdateData);
+    currentConnection.set(initConnectionUpdateData);
   }
 
   function reset() {
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index ccaa8719c..584d45153 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -37,8 +37,6 @@ export type HandleConnection = Connection & {
   edgeId: string;
 };
 
-export type ConnectionStatus = 'valid' | 'invalid';
-
 export enum ConnectionMode {
   Strict = 'strict',
   Loose = 'loose',
@@ -135,12 +133,23 @@ export type OnError = (id: string, message: string) => void;
 export type UpdateNodePositions = (dragItems: Map<string, NodeDragItem | InternalNodeBase>, dragging?: boolean) => void;
 export type PanBy = (delta: XYPosition) => boolean;
 
-export type UpdateConnection = (params: {
-  connectionPosition: XYPosition | null;
-  connectionStatus: ConnectionStatus | null;
-  connectionStartHandle: ConnectingHandle | null;
-  connectionEndHandle: ConnectingHandle | null;
-}) => void;
+export type NoConnectionInProgress = {
+  position: XYPosition;
+  isValid: null;
+  fromHandle: null;
+  toHandle: null;
+};
+
+export type ConnectionInProgress = {
+  position: XYPosition;
+  isValid: boolean | null;
+  fromHandle: ConnectingHandle;
+  toHandle: ConnectingHandle | null;
+};
+
+export type ConnectionState = ConnectionInProgress | NoConnectionInProgress;
+
+export type UpdateConnection = (params: ConnectionState) => void;
 
 export type ColorModeClass = 'light' | 'dark';
 export type ColorMode = ColorModeClass | 'system';
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index c2dca7fe8..bd4a866ed 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -16,7 +16,7 @@ import {
   Position,
 } from '../types';
 
-import { getClosestHandle, getConnectionStatus, getHandleLookup, getHandleType } from './utils';
+import { getClosestHandle, isConnectionValid, getHandleLookup, getHandleType } from './utils';
 
 export type OnPointerDownParams = {
   autoPanOnConnect: boolean;
@@ -39,7 +39,7 @@ export type OnPointerDownParams = {
   isValidConnection?: IsValidConnection;
   onReconnectEnd?: (evt: MouseEvent | TouchEvent) => void;
   getTransform: () => Transform;
-  getConnectionStartHandle: () => ConnectingHandle | null;
+  getFromHandle: () => ConnectingHandle | null;
 };
 
 export type IsValidParams = {
@@ -63,12 +63,12 @@ type Result = {
   handleDomNode: Element | null;
   isValid: boolean;
   connection: Connection | null;
-  endHandle: ConnectingHandle | null;
+  toHandle: ConnectingHandle | null;
 };
 
 const alwaysValid = () => true;
 
-let connectionStartHandle: ConnectingHandle | null = null;
+let fromHandle: ConnectingHandle | null = null;
 
 function onPointerDown(
   event: MouseEvent | TouchEvent,
@@ -93,7 +93,7 @@ function onPointerDown(
     onReconnectEnd,
     updateConnection,
     getTransform,
-    getConnectionStartHandle,
+    getFromHandle,
   }: OnPointerDownParams
 ) {
   // when xyflow is used inside a shadow root we can't use document
@@ -110,7 +110,7 @@ function onPointerDown(
     return;
   }
 
-  let connectionPosition = getEventPosition(event, containerBounds);
+  let position = getEventPosition(event, containerBounds);
   let autoPanStarted = false;
   let connection: Connection | null = null;
   let isValid = false;
@@ -128,38 +128,39 @@ function onPointerDown(
     if (!autoPanOnConnect || !containerBounds) {
       return;
     }
-    const [x, y] = calcAutoPan(connectionPosition, containerBounds);
+    const [x, y] = calcAutoPan(position, containerBounds);
 
     panBy({ x, y });
     autoPanId = requestAnimationFrame(autoPan);
   }
 
   // Stays the same for all consecutive pointermove events
-  connectionStartHandle = {
+  fromHandle = {
     nodeId,
     handleId,
     type: handleType,
-    position: (clickedHandle?.getAttribute('data-handlepos') as Position) || Position.Top,
+    position: (clickedHandle?.getAttribute('data-handlepos') as Position) ?? Position.Top,
   };
 
   updateConnection({
-    connectionPosition,
-    connectionStatus: null,
-    connectionStartHandle,
-    connectionEndHandle: null,
+    position,
+    isValid: null,
+    fromHandle,
+    toHandle: null,
   });
 
   onConnectStart?.(event, { nodeId, handleId, handleType });
 
   function onPointerMove(event: MouseEvent | TouchEvent) {
-    if (!getConnectionStartHandle()) {
+    if (!getFromHandle() || !fromHandle) {
       onPointerUp(event);
+      return;
     }
 
     const transform = getTransform();
-    connectionPosition = getEventPosition(event, containerBounds);
+    position = getEventPosition(event, containerBounds);
     closestHandle = getClosestHandle(
-      pointToRendererPoint(connectionPosition, transform, false, [1, 1]),
+      pointToRendererPoint(position, transform, false, [1, 1]),
       connectionRadius,
       handleLookup
     );
@@ -186,8 +187,8 @@ function onPointerDown(
     isValid = result.isValid;
 
     updateConnection({
-      connectionStartHandle,
-      connectionPosition:
+      fromHandle,
+      position:
         closestHandle && isValid
           ? rendererPointToPoint(
               {
@@ -196,9 +197,9 @@ function onPointerDown(
               },
               transform
             )
-          : connectionPosition,
-      connectionStatus: getConnectionStatus(!!closestHandle, isValid),
-      connectionEndHandle: result.endHandle,
+          : position,
+      isValid: isConnectionValid(!!closestHandle, isValid),
+      toHandle: result.toHandle,
     });
   }
 
@@ -221,7 +222,7 @@ function onPointerDown(
     isValid = false;
     connection = null;
     handleDomNode = null;
-    connectionStartHandle = null;
+    fromHandle = null;
 
     doc.removeEventListener('mousemove', onPointerMove as EventListener);
     doc.removeEventListener('mouseup', onPointerUp as EventListener);
@@ -267,7 +268,7 @@ function isValidHandle(
     handleDomNode: handleToCheck,
     isValid: false,
     connection: null,
-    endHandle: null,
+    toHandle: null,
   };
 
   if (handleToCheck) {
@@ -300,7 +301,7 @@ function isValidHandle(
 
     result.isValid = isValid && isValidConnection(connection);
 
-    result.endHandle = {
+    result.toHandle = {
       nodeId: handleNodeId as string,
       handleId,
       type: handleType as HandleType,
diff --git a/packages/system/src/xyhandle/utils.ts b/packages/system/src/xyhandle/utils.ts
index 31dbfe618..b1b868add 100644
--- a/packages/system/src/xyhandle/utils.ts
+++ b/packages/system/src/xyhandle/utils.ts
@@ -1,6 +1,5 @@
 import { getHandlePosition } from '../utils';
 import {
-  ConnectionStatus,
   type HandleType,
   type NodeHandleBounds,
   type XYPosition,
@@ -105,14 +104,14 @@ export function getHandleType(
   return null;
 }
 
-export function getConnectionStatus(isInsideConnectionRadius: boolean, isHandleValid: boolean) {
-  let connectionStatus = null;
+export function isConnectionValid(isInsideConnectionRadius: boolean, isHandleValid: boolean) {
+  let isValid: boolean | null = null;
 
   if (isHandleValid) {
-    connectionStatus = 'valid';
+    isValid = true;
   } else if (isInsideConnectionRadius && !isHandleValid) {
-    connectionStatus = 'invalid';
+    isValid = false;
   }
 
-  return connectionStatus as ConnectionStatus;
+  return isValid;
 }

From e22c1b9391a4ea0b6e1c7bf880e83e1da28c9c11 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 25 Jun 2024 12:13:34 +0200
Subject: [PATCH 0859/1093] chore(node-resizer): update

---
 .../react/src/examples/NodeResizer/index.tsx  | 231 +++++++++---------
 .../NodeResizer/NodeResizeControl.tsx         |   3 +-
 packages/system/src/utils/store.ts            |   1 +
 packages/system/src/xyresizer/XYResizer.ts    |  39 ++-
 4 files changed, 145 insertions(+), 129 deletions(-)

diff --git a/examples/react/src/examples/NodeResizer/index.tsx b/examples/react/src/examples/NodeResizer/index.tsx
index a9412da7d..968ec9d7f 100644
--- a/examples/react/src/examples/NodeResizer/index.tsx
+++ b/examples/react/src/examples/NodeResizer/index.tsx
@@ -32,96 +32,96 @@ const nodeStyle = {
 const initialEdges: Edge[] = [];
 
 const initialNodes: Node[] = [
-  {
-    id: '1',
-    type: 'defaultResizer',
-    data: { label: 'default resizer' },
-    position: { x: 0, y: 0 },
-    origin: [1, 1],
-    style: { ...nodeStyle },
-  },
-  {
-    id: '1a',
-    type: 'defaultResizer',
-    data: {
-      label: 'default resizer with min and max dimensions',
-      minWidth: 100,
-      minHeight: 80,
-      maxWidth: 200,
-      maxHeight: 200,
-    },
-    position: { x: 0, y: 60 },
-    width: 100,
-    height: 80,
-    style: { ...nodeStyle },
-  },
-  {
-    id: '1b',
-    type: 'defaultResizer',
-    data: {
-      label: 'default resizer with initial size and aspect ratio',
-      keepAspectRatio: true,
-      minWidth: 100,
-      minHeight: 60,
-      maxWidth: 400,
-      maxHeight: 400,
-    },
-    position: { x: 250, y: 0 },
-    width: 174,
-    height: 123,
-    style: {
-      ...nodeStyle,
-    },
-  },
-  {
-    id: '2',
-    type: 'customResizer',
-    data: { label: 'custom resize icon' },
-    position: { x: 0, y: 200 },
-    width: 100,
-    height: 60,
-    style: { ...nodeStyle },
-  },
-  {
-    id: '3',
-    type: 'verticalResizer',
-    data: { label: 'vertical resizer' },
-    position: { x: 250, y: 200 },
-    style: { ...nodeStyle },
-  },
-  {
-    id: '3a',
-    type: 'verticalResizer',
-    data: {
-      label: 'vertical resizer with min/maxHeight and aspect ratio',
-      minHeight: 50,
-      maxHeight: 200,
-      keepAspectRatio: true,
-    },
-    position: { x: 400, y: 200 },
-    height: 50,
-    style: { ...nodeStyle },
-  },
-  {
-    id: '4',
-    type: 'horizontalResizer',
-    data: {
-      label: 'horizontal resizer with aspect ratio',
-      keepAspectRatio: true,
-      minHeight: 20,
-      maxHeight: 80,
-      maxWidth: 300,
-    },
-    position: { x: 250, y: 300 },
-    style: { ...nodeStyle },
-  },
-  {
-    id: '4a',
-    type: 'horizontalResizer',
-    data: { label: 'horizontal resizer with maxWidth', maxWidth: 300 },
-    position: { x: 250, y: 400 },
-    style: { ...nodeStyle },
-  },
+  // {
+  //   id: '1',
+  //   type: 'defaultResizer',
+  //   data: { label: 'default resizer' },
+  //   position: { x: 0, y: 0 },
+  //   origin: [1, 1],
+  //   style: { ...nodeStyle },
+  // },
+  // {
+  //   id: '1a',
+  //   type: 'defaultResizer',
+  //   data: {
+  //     label: 'default resizer with min and max dimensions',
+  //     minWidth: 100,
+  //     minHeight: 80,
+  //     maxWidth: 200,
+  //     maxHeight: 200,
+  //   },
+  //   position: { x: 0, y: 60 },
+  //   width: 100,
+  //   height: 80,
+  //   style: { ...nodeStyle },
+  // },
+  // {
+  //   id: '1b',
+  //   type: 'defaultResizer',
+  //   data: {
+  //     label: 'default resizer with initial size and aspect ratio',
+  //     keepAspectRatio: true,
+  //     minWidth: 100,
+  //     minHeight: 60,
+  //     maxWidth: 400,
+  //     maxHeight: 400,
+  //   },
+  //   position: { x: 250, y: 0 },
+  //   width: 174,
+  //   height: 123,
+  //   style: {
+  //     ...nodeStyle,
+  //   },
+  // },
+  // {
+  //   id: '2',
+  //   type: 'customResizer',
+  //   data: { label: 'custom resize icon' },
+  //   position: { x: 0, y: 200 },
+  //   width: 100,
+  //   height: 60,
+  //   style: { ...nodeStyle },
+  // },
+  // {
+  //   id: '3',
+  //   type: 'verticalResizer',
+  //   data: { label: 'vertical resizer' },
+  //   position: { x: 250, y: 200 },
+  //   style: { ...nodeStyle },
+  // },
+  // {
+  //   id: '3a',
+  //   type: 'verticalResizer',
+  //   data: {
+  //     label: 'vertical resizer with min/maxHeight and aspect ratio',
+  //     minHeight: 50,
+  //     maxHeight: 200,
+  //     keepAspectRatio: true,
+  //   },
+  //   position: { x: 400, y: 200 },
+  //   height: 50,
+  //   style: { ...nodeStyle },
+  // },
+  // {
+  //   id: '4',
+  //   type: 'horizontalResizer',
+  //   data: {
+  //     label: 'horizontal resizer with aspect ratio',
+  //     keepAspectRatio: true,
+  //     minHeight: 20,
+  //     maxHeight: 80,
+  //     maxWidth: 300,
+  //   },
+  //   position: { x: 250, y: 300 },
+  //   style: { ...nodeStyle },
+  // },
+  // {
+  //   id: '4a',
+  //   type: 'horizontalResizer',
+  //   data: { label: 'horizontal resizer with maxWidth', maxWidth: 300 },
+  //   position: { x: 250, y: 400 },
+  //   style: { ...nodeStyle },
+  // },
   {
     id: '5',
     type: 'defaultResizer',
@@ -130,35 +130,36 @@ const initialNodes: Node[] = [
     width: 300,
     height: 400,
     style: { ...nodeStyle },
-    origin: [0, 0],
-  },
-  {
-    id: '5a',
-    type: 'defaultResizer',
-    data: {
-      label: 'Child with extent: parent',
-    },
-    position: { x: 50, y: 50 },
-    parentId: '5',
-    extent: 'parent',
-    width: 50,
-    height: 100,
-    style: { ...nodeStyle },
-  },
-  {
-    id: '5b',
-    type: 'defaultResizer',
-    data: { label: 'Child with expandParent' },
-    position: { x: 150, y: 100 },
-    parentId: '5',
-    expandParent: true,
-    style: { ...nodeStyle },
   },
+  // {
+  //   id: '5a',
+  //   type: 'defaultResizer',
+  //   data: {
+  //     label: 'Child with extent: parent',
+  //   },
+  //   position: { x: 50, y: 50 },
+  //   parentId: '5',
+  //   extent: 'parent',
+  //   width: 50,
+  //   height: 100,
+  //   style: { ...nodeStyle },
+  // },
+  // {
+  //   id: '5b',
+  //   type: 'defaultResizer',
+  //   data: { label: 'Child with expandParent' },
+  //   position: { x: 150, y: 100 },
+  //   parentId: '5',
+  //   expandParent: true,
+  //   style: { ...nodeStyle },
+  // },
   {
     id: '5c',
     type: 'defaultResizer',
-    data: { label: 'Child with expandParent & keepAspectRatio', keepAspectRatio: true },
-    position: { x: 25, y: 200 },
+    data: { label: 'Child with expandParent & keepAspectRatio' },
+    position: { x: 250, y: 200 },
+    height: 100,
+    width: 100,
     parentId: '5',
     expandParent: true,
     style: { ...nodeStyle },
diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index 9f5ac4fd7..517dbd9f3 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -67,11 +67,10 @@ function ResizeControl({
         },
         onChange: (change: XYResizerChange, childChanges: XYResizerChildChange[]) => {
           const { triggerNodeChanges, nodeLookup, parentLookup, nodeOrigin } = store.getState();
-
           const changes: NodeChange[] = [];
           const nextPosition = { x: change.x, y: change.y };
-
           const node = nodeLookup.get(id);
+
           if (node && node.expandParent && node.parentId) {
             const origin = node.origin ?? nodeOrigin;
             const width = change.width ?? node.measured.width!;
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index ae0de3f72..60184f16d 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -172,6 +172,7 @@ export function handleExpandParent(
       parentExpansions.get(child.parentId)?.expandedRect ?? nodeToRect(parent, parent.origin ?? nodeOrigin);
 
     const expandedRect = getBoundsOfRects(parentRect, child.rect);
+
     parentExpansions.set(child.parentId, { expandedRect, parent });
   }
 
diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index 5188a4243..695b1f0a0 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -3,7 +3,15 @@ import { select } from 'd3-selection';
 
 import { getControlDirection, getDimensionsAfterResize, getResizeDirection } from './utils';
 import { getPointerPosition } from '../utils';
-import type { CoordinateExtent, NodeBase, NodeLookup, NodeOrigin, Transform, XYPosition } from '../types';
+import type {
+  CoordinateExtent,
+  InternalNodeBase,
+  NodeBase,
+  NodeLookup,
+  NodeOrigin,
+  Transform,
+  XYPosition,
+} from '../types';
 import type { OnResize, OnResizeEnd, OnResizeStart, ResizeDragEvent, ShouldResize, ControlPosition } from './types';
 
 const initPrevValues = { width: 0, height: 0, x: 0, y: 0 };
@@ -100,9 +108,9 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }: X
 
     const controlDirection = getControlDirection(controlPosition);
 
-    let node: NodeBase | undefined = undefined;
+    let node: InternalNodeBase | undefined = undefined;
     let childNodes: XYResizerChildChange[] = [];
-    let parentNode: NodeBase | undefined = undefined; // Needed to fix expandParent
+    let parentNode: InternalNodeBase | undefined = undefined; // Needed to fix expandParent
     let parentExtent: CoordinateExtent | undefined = undefined;
     let childExtent: CoordinateExtent | undefined = undefined;
 
@@ -118,8 +126,8 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }: X
         const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
 
         prevValues = {
-          width: node.measured?.width ?? 0,
-          height: node.measured?.height ?? 0,
+          width: node.measured.width ?? 0,
+          height: node.measured.height ?? 0,
           x: node.position.x ?? 0,
           y: node.position.y ?? 0,
         };
@@ -132,11 +140,10 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }: X
         };
 
         parentNode = undefined;
-        if (node.extent === 'parent' || node.expandParent) {
-          parentNode = nodeLookup.get(node.parentId!);
-          if (parentNode && node.extent === 'parent') {
-            parentExtent = nodeToParentExtent(parentNode);
-          }
+
+        if (node.parentId && (node.extent === 'parent' || node.expandParent)) {
+          parentNode = nodeLookup.get(node.parentId);
+          parentExtent = parentNode && node.extent === 'parent' ? nodeToParentExtent(parentNode) : undefined;
         }
 
         // Collect all child nodes to correct their relative positions when top/left changes
@@ -153,7 +160,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }: X
             });
 
             if (child.extent === 'parent' || child.expandParent) {
-              const extent = nodeToChildExtent(child, node!, child.origin ?? nodeOrigin);
+              const extent = nodeToChildExtent(child, node, child.origin ?? nodeOrigin);
 
               if (childExtent) {
                 childExtent = [
@@ -202,7 +209,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }: X
           return;
         }
 
-        if (isXPosChange || isYPosChange || nodeOrigin[0] === 1 || nodeOrigin[1] == 1) {
+        if (isXPosChange || isYPosChange || nodeOrigin[0] === 1 || nodeOrigin[1] === 1) {
           change.x = isXPosChange ? x : prevValues.x;
           change.y = isYPosChange ? y : prevValues.y;
 
@@ -222,6 +229,8 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }: X
             }
           }
 
+          // when top/left changes, correct the relative positions of child nodes
+          // so that they stay in the same position
           if (childNodes.length > 0) {
             const xChange = x - prevX;
             const yChange = y - prevY;
@@ -243,6 +252,12 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }: X
           prevValues.height = change.height;
         }
 
+        if (parentNode && node.expandParent) {
+          if (prevValues.x - (change?.width ?? 0) < 0) {
+            // console.log(1);
+          }
+        }
+
         const direction = getResizeDirection({
           width: prevValues.width,
           prevWidth,

From 6f14f92f8c8677fa61d75627562de5707ed34016 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 25 Jun 2024 16:47:09 +0200
Subject: [PATCH 0860/1093] chore(examples): cleanup

---
 .../react/src/examples/NodeResizer/index.tsx  | 224 +++++++++---------
 1 file changed, 112 insertions(+), 112 deletions(-)

diff --git a/examples/react/src/examples/NodeResizer/index.tsx b/examples/react/src/examples/NodeResizer/index.tsx
index 968ec9d7f..a4f59adae 100644
--- a/examples/react/src/examples/NodeResizer/index.tsx
+++ b/examples/react/src/examples/NodeResizer/index.tsx
@@ -32,96 +32,96 @@ const nodeStyle = {
 const initialEdges: Edge[] = [];
 
 const initialNodes: Node[] = [
-  // {
-  //   id: '1',
-  //   type: 'defaultResizer',
-  //   data: { label: 'default resizer' },
-  //   position: { x: 0, y: 0 },
-  //   origin: [1, 1],
-  //   style: { ...nodeStyle },
-  // },
-  // {
-  //   id: '1a',
-  //   type: 'defaultResizer',
-  //   data: {
-  //     label: 'default resizer with min and max dimensions',
-  //     minWidth: 100,
-  //     minHeight: 80,
-  //     maxWidth: 200,
-  //     maxHeight: 200,
-  //   },
-  //   position: { x: 0, y: 60 },
-  //   width: 100,
-  //   height: 80,
-  //   style: { ...nodeStyle },
-  // },
-  // {
-  //   id: '1b',
-  //   type: 'defaultResizer',
-  //   data: {
-  //     label: 'default resizer with initial size and aspect ratio',
-  //     keepAspectRatio: true,
-  //     minWidth: 100,
-  //     minHeight: 60,
-  //     maxWidth: 400,
-  //     maxHeight: 400,
-  //   },
-  //   position: { x: 250, y: 0 },
-  //   width: 174,
-  //   height: 123,
-  //   style: {
-  //     ...nodeStyle,
-  //   },
-  // },
-  // {
-  //   id: '2',
-  //   type: 'customResizer',
-  //   data: { label: 'custom resize icon' },
-  //   position: { x: 0, y: 200 },
-  //   width: 100,
-  //   height: 60,
-  //   style: { ...nodeStyle },
-  // },
-  // {
-  //   id: '3',
-  //   type: 'verticalResizer',
-  //   data: { label: 'vertical resizer' },
-  //   position: { x: 250, y: 200 },
-  //   style: { ...nodeStyle },
-  // },
-  // {
-  //   id: '3a',
-  //   type: 'verticalResizer',
-  //   data: {
-  //     label: 'vertical resizer with min/maxHeight and aspect ratio',
-  //     minHeight: 50,
-  //     maxHeight: 200,
-  //     keepAspectRatio: true,
-  //   },
-  //   position: { x: 400, y: 200 },
-  //   height: 50,
-  //   style: { ...nodeStyle },
-  // },
-  // {
-  //   id: '4',
-  //   type: 'horizontalResizer',
-  //   data: {
-  //     label: 'horizontal resizer with aspect ratio',
-  //     keepAspectRatio: true,
-  //     minHeight: 20,
-  //     maxHeight: 80,
-  //     maxWidth: 300,
-  //   },
-  //   position: { x: 250, y: 300 },
-  //   style: { ...nodeStyle },
-  // },
-  // {
-  //   id: '4a',
-  //   type: 'horizontalResizer',
-  //   data: { label: 'horizontal resizer with maxWidth', maxWidth: 300 },
-  //   position: { x: 250, y: 400 },
-  //   style: { ...nodeStyle },
-  // },
+  {
+    id: '1',
+    type: 'defaultResizer',
+    data: { label: 'default resizer' },
+    position: { x: 0, y: 0 },
+    origin: [1, 1],
+    style: { ...nodeStyle },
+  },
+  {
+    id: '1a',
+    type: 'defaultResizer',
+    data: {
+      label: 'default resizer with min and max dimensions',
+      minWidth: 100,
+      minHeight: 80,
+      maxWidth: 200,
+      maxHeight: 200,
+    },
+    position: { x: 0, y: 60 },
+    width: 100,
+    height: 80,
+    style: { ...nodeStyle },
+  },
+  {
+    id: '1b',
+    type: 'defaultResizer',
+    data: {
+      label: 'default resizer with initial size and aspect ratio',
+      keepAspectRatio: true,
+      minWidth: 100,
+      minHeight: 60,
+      maxWidth: 400,
+      maxHeight: 400,
+    },
+    position: { x: 250, y: 0 },
+    width: 174,
+    height: 123,
+    style: {
+      ...nodeStyle,
+    },
+  },
+  {
+    id: '2',
+    type: 'customResizer',
+    data: { label: 'custom resize icon' },
+    position: { x: 0, y: 200 },
+    width: 100,
+    height: 60,
+    style: { ...nodeStyle },
+  },
+  {
+    id: '3',
+    type: 'verticalResizer',
+    data: { label: 'vertical resizer' },
+    position: { x: 250, y: 200 },
+    style: { ...nodeStyle },
+  },
+  {
+    id: '3a',
+    type: 'verticalResizer',
+    data: {
+      label: 'vertical resizer with min/maxHeight and aspect ratio',
+      minHeight: 50,
+      maxHeight: 200,
+      keepAspectRatio: true,
+    },
+    position: { x: 400, y: 200 },
+    height: 50,
+    style: { ...nodeStyle },
+  },
+  {
+    id: '4',
+    type: 'horizontalResizer',
+    data: {
+      label: 'horizontal resizer with aspect ratio',
+      keepAspectRatio: true,
+      minHeight: 20,
+      maxHeight: 80,
+      maxWidth: 300,
+    },
+    position: { x: 250, y: 300 },
+    style: { ...nodeStyle },
+  },
+  {
+    id: '4a',
+    type: 'horizontalResizer',
+    data: { label: 'horizontal resizer with maxWidth', maxWidth: 300 },
+    position: { x: 250, y: 400 },
+    style: { ...nodeStyle },
+  },
   {
     id: '5',
     type: 'defaultResizer',
@@ -131,28 +131,28 @@ const initialNodes: Node[] = [
     height: 400,
     style: { ...nodeStyle },
   },
-  // {
-  //   id: '5a',
-  //   type: 'defaultResizer',
-  //   data: {
-  //     label: 'Child with extent: parent',
-  //   },
-  //   position: { x: 50, y: 50 },
-  //   parentId: '5',
-  //   extent: 'parent',
-  //   width: 50,
-  //   height: 100,
-  //   style: { ...nodeStyle },
-  // },
-  // {
-  //   id: '5b',
-  //   type: 'defaultResizer',
-  //   data: { label: 'Child with expandParent' },
-  //   position: { x: 150, y: 100 },
-  //   parentId: '5',
-  //   expandParent: true,
-  //   style: { ...nodeStyle },
-  // },
+  {
+    id: '5a',
+    type: 'defaultResizer',
+    data: {
+      label: 'Child with extent: parent',
+    },
+    position: { x: 50, y: 50 },
+    parentId: '5',
+    extent: 'parent',
+    width: 50,
+    height: 100,
+    style: { ...nodeStyle },
+  },
+  {
+    id: '5b',
+    type: 'defaultResizer',
+    data: { label: 'Child with expandParent' },
+    position: { x: 150, y: 100 },
+    parentId: '5',
+    expandParent: true,
+    style: { ...nodeStyle },
+  },
   {
     id: '5c',
     type: 'defaultResizer',

From eed88565367ba922ea9bf38d7b15c9a7a25cb6f2 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 25 Jun 2024 16:50:40 +0200
Subject: [PATCH 0861/1093] chore(xyresizer): cleanup

---
 packages/system/src/xyresizer/XYResizer.ts | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index 695b1f0a0..f40c4bf11 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -252,12 +252,6 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }: X
           prevValues.height = change.height;
         }
 
-        if (parentNode && node.expandParent) {
-          if (prevValues.x - (change?.width ?? 0) < 0) {
-            // console.log(1);
-          }
-        }
-
         const direction = getResizeDirection({
           width: prevValues.width,
           prevWidth,

From a8c9b93fe7cc756f4546ff94989412dd424e6497 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 26 Jun 2024 13:42:45 +0200
Subject: [PATCH 0862/1093] chore(examples): cleanup

---
 examples/react/src/examples/Subflow/DebugNode.tsx |  7 ++++++-
 examples/react/src/examples/Subflow/index.tsx     | 12 ++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/examples/react/src/examples/Subflow/DebugNode.tsx b/examples/react/src/examples/Subflow/DebugNode.tsx
index 6a8a2d26a..547da5244 100644
--- a/examples/react/src/examples/Subflow/DebugNode.tsx
+++ b/examples/react/src/examples/Subflow/DebugNode.tsx
@@ -1,6 +1,6 @@
 import React, { memo, FC, CSSProperties } from 'react';
 
-import { Handle, NodeProps, Position } from '@xyflow/react';
+import { Handle, NodeProps, Position, useInternalNode } from '@xyflow/react';
 
 const infoStyle: CSSProperties = { fontSize: 11 };
 const idStyle: CSSProperties = {
@@ -12,6 +12,8 @@ const idStyle: CSSProperties = {
 };
 
 const DebugNode: FC<NodeProps> = ({ zIndex, positionAbsoluteX, positionAbsoluteY, id }) => {
+  const node = useInternalNode(id)!;
+
   return (
     <>
       <Handle type="target" position={Position.Top} />
@@ -19,6 +21,9 @@ const DebugNode: FC<NodeProps> = ({ zIndex, positionAbsoluteX, positionAbsoluteY
       <div style={infoStyle}>
         x:{Math.round(positionAbsoluteX)} y:{Math.round(positionAbsoluteY)} z:{zIndex}
       </div>
+      <div style={infoStyle}>
+        x:{Math.round(node.position.x)} y:{Math.round(node.position.y)}
+      </div>
       <Handle type="source" position={Position.Bottom} />
     </>
   );
diff --git a/examples/react/src/examples/Subflow/index.tsx b/examples/react/src/examples/Subflow/index.tsx
index 53008fb36..74654870e 100644
--- a/examples/react/src/examples/Subflow/index.tsx
+++ b/examples/react/src/examples/Subflow/index.tsx
@@ -29,7 +29,7 @@ const defaultViewport = { x: 0, y: 0, zoom: 1.5 };
 const initialNodes: Node[] = [
   {
     id: '1',
-    // type: 'input',
+    type: 'input',
     data: { label: 'Node 1' },
     position: { x: 250, y: 5 },
     className: 'light',
@@ -90,11 +90,10 @@ const initialNodes: Node[] = [
     id: '5',
     type: 'group',
     data: { label: 'Node 5' },
-    position: { x: 900, y: 250 },
+    position: { x: 650, y: 250 },
     className: 'light',
     style: { width: 100, height: 100 },
     zIndex: 1000,
-    origin: [1, 0],
   },
   {
     id: '5a',
@@ -107,7 +106,7 @@ const initialNodes: Node[] = [
   {
     id: '5b',
     data: { label: 'Node 5b' },
-    position: { x: 225, y: 50 },
+    position: { x: 200, y: 200 },
     className: 'light',
     parentId: '5',
     expandParent: true,
@@ -121,9 +120,9 @@ const initialNodes: Node[] = [
   {
     id: '3',
     data: { label: 'Node 3' },
-    position: { x: 250, y: 100 },
+    position: { x: 400, y: 100 },
     className: 'light',
-    // extent: 'parent',
+    extent: 'parent',
   },
 ];
 
@@ -220,6 +219,7 @@ const Subflow = () => {
       onlyRenderVisibleElements={false}
       nodeTypes={nodeTypes}
       fitView
+      nodeOrigin={[0, 0]}
     >
       <MiniMap />
       <Controls />

From ef14ba025c44f53eb1a4da525da535811c52466b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 26 Jun 2024 13:43:32 +0200
Subject: [PATCH 0863/1093] fix(svelte): use absolute position instead of
 origin position

---
 .../src/lib/components/NodeWrapper/NodeWrapper.svelte |  4 +---
 .../svelte/src/lib/components/NodeWrapper/types.ts    |  2 --
 .../lib/container/NodeRenderer/NodeRenderer.svelte    | 11 +----------
 .../svelte/src/lib/plugins/Minimap/Minimap.svelte     |  6 ++----
 packages/svelte/src/lib/store/index.ts                |  1 +
 5 files changed, 5 insertions(+), 19 deletions(-)

diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 6fe6b648f..3c77ddef4 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -31,8 +31,6 @@
   export let isParent: $$Props['isParent'] = false;
   export let positionX: $$Props['positionX'];
   export let positionY: $$Props['positionY'];
-  export let positionOriginX: $$Props['positionOriginX'];
-  export let positionOriginY: $$Props['positionOriginY'];
   export let sourcePosition: $$Props['sourcePosition'] = undefined;
   export let targetPosition: $$Props['targetPosition'] = undefined;
   export let zIndex: $$Props['zIndex'];
@@ -181,7 +179,7 @@
     class:nopan={draggable}
     class:parent={isParent}
     style:z-index={zIndex}
-    style:transform="translate({positionOriginX}px, {positionOriginY}px)"
+    style:transform="translate({positionX}px, {positionY}px)"
     style:visibility={initialized ? 'visible' : 'hidden'}
     style="{style ?? ''};{inlineStyleDimensions.width}{inlineStyleDimensions.height}"
     on:click={onSelectNodeHandler}
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index c0f5ca799..11baf5b99 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -28,8 +28,6 @@ export type NodeWrapperProps = Pick<
   type: string;
   positionX: number;
   positionY: number;
-  positionOriginX: number;
-  positionOriginY: number;
   'on:nodeclick'?: (event: MouseEvent) => void;
   resizeObserver?: ResizeObserver | null;
   isParent?: boolean;
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index 4afc5637b..b20329b30 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { onDestroy } from 'svelte';
-  import { getPositionWithOrigin, getNodeDimensions, nodeHasDimensions } from '@xyflow/system';
+  import { nodeHasDimensions } from '@xyflow/system';
 
   import { NodeWrapper } from '$lib/components/NodeWrapper';
   import { useStore } from '$lib/store';
@@ -40,13 +40,6 @@
 
 <div class="svelte-flow__nodes">
   {#each $visibleNodes as node (node.id)}
-    {@const nodeDimesions = getNodeDimensions(node)}
-    {@const posOrigin = getPositionWithOrigin({
-      x: node.internals.positionAbsolute.x,
-      y: node.internals.positionAbsolute.y,
-      ...nodeDimesions,
-      origin: node.origin
-    })}
     <NodeWrapper
       {node}
       id={node.id}
@@ -65,8 +58,6 @@
       deletable={node.deletable ?? true}
       positionX={node.internals.positionAbsolute.x}
       positionY={node.internals.positionAbsolute.y}
-      positionOriginX={posOrigin.x ?? 0}
-      positionOriginY={posOrigin.y ?? 0}
       isParent={$parentLookup.has(node.id)}
       style={node.style}
       class={node.class}
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 7334ea9e3..789dc476e 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -11,7 +11,6 @@
     getBoundsOfRects,
     getInternalNodesBounds,
     getNodeDimensions,
-    getNodePositionWithOrigin,
     nodeHasDimensions,
     type Rect
   } from '@xyflow/system';
@@ -134,11 +133,10 @@
       {#each $nodes as userNode (userNode.id)}
         {@const node = $nodeLookup.get(userNode.id)}
         {#if node && nodeHasDimensions(node)}
-          {@const pos = getNodePositionWithOrigin(node)}
           {@const nodeDimesions = getNodeDimensions(node)}
           <MinimapNode
-            x={pos.x}
-            y={pos.y}
+            x={node.internals.positionAbsolute.x}
+            y={node.internals.positionAbsolute.y}
             {...nodeDimesions}
             selected={node.selected}
             color={nodeColorFunc?.(node)}
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index d7d291943..8dc92b5c0 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -122,6 +122,7 @@ export function createStore({
         }
         case 'position':
           node.position = change.position ?? node.position;
+
           break;
       }
     }

From c444eb380b1d984150ed708c80f04489c88a3f50 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 26 Jun 2024 13:44:21 +0200
Subject: [PATCH 0864/1093] chore(react-minimap): remove unused origin values

---
 .../src/additional-components/MiniMap/MiniMapNodes.tsx     | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index 4441f07a9..5bb7e9397 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { ComponentType, memo } from 'react';
-import { NodeOrigin, getNodeDimensions, getNodePositionWithOrigin, nodeHasDimensions } from '@xyflow/system';
+import { getNodeDimensions, nodeHasDimensions } from '@xyflow/system';
 import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../../hooks/useStore';
@@ -11,7 +11,6 @@ import type { MiniMapNodes as MiniMapNodesProps, GetMiniMapNodeAttribute, MiniMa
 
 declare const window: any;
 
-const selector = (s: ReactFlowState) => s.nodeOrigin;
 const selectorNodeIds = (s: ReactFlowState) => s.nodes.map((node) => node.id);
 const getAttrFunction = <NodeType extends Node>(func: any): GetMiniMapNodeAttribute<NodeType> =>
   func instanceof Function ? func : () => func;
@@ -28,7 +27,6 @@ function MiniMapNodes<NodeType extends Node>({
   onClick,
 }: MiniMapNodesProps<NodeType>) {
   const nodeIds = useStore(selectorNodeIds, shallow);
-  const nodeOrigin = useStore(selector);
   const nodeColorFunc = getAttrFunction<NodeType>(nodeColor);
   const nodeStrokeColorFunc = getAttrFunction<NodeType>(nodeStrokeColor);
   const nodeClassNameFunc = getAttrFunction<NodeType>(nodeClassName);
@@ -46,7 +44,6 @@ function MiniMapNodes<NodeType extends Node>({
         <NodeComponentWrapper<NodeType>
           key={nodeId}
           id={nodeId}
-          nodeOrigin={nodeOrigin}
           nodeColorFunc={nodeColorFunc}
           nodeStrokeColorFunc={nodeStrokeColorFunc}
           nodeClassNameFunc={nodeClassNameFunc}
@@ -63,7 +60,6 @@ function MiniMapNodes<NodeType extends Node>({
 
 function NodeComponentWrapperInner<NodeType extends Node>({
   id,
-  nodeOrigin,
   nodeColorFunc,
   nodeStrokeColorFunc,
   nodeClassNameFunc,
@@ -74,7 +70,6 @@ function NodeComponentWrapperInner<NodeType extends Node>({
   onClick,
 }: {
   id: string;
-  nodeOrigin: NodeOrigin;
   nodeColorFunc: GetMiniMapNodeAttribute<NodeType>;
   nodeStrokeColorFunc: GetMiniMapNodeAttribute<NodeType>;
   nodeClassNameFunc: GetMiniMapNodeAttribute<NodeType>;

From 5493f045ff6d97125261e9c5bb9bc49260b4e0d4 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 26 Jun 2024 15:03:12 +0200
Subject: [PATCH 0865/1093] streamlined connections

---
 .../ConnectionLine.svelte                     |  21 +-
 .../src/components/ConnectionLine/index.tsx   | 202 +++++++-----------
 .../react/src/components/Handle/index.tsx     |  13 +-
 packages/react/src/hooks/useConnection.ts     |   3 +-
 packages/react/src/store/index.ts             |  22 +-
 packages/react/src/store/initialState.ts      |   8 +-
 packages/react/src/types/edges.ts             |   8 +-
 packages/react/src/types/store.ts             |   4 +-
 .../ConnectionLine/ConnectionLine.svelte      |  46 +++-
 .../src/lib/components/Handle/Handle.svelte   |  23 +-
 .../svelte/src/lib/hooks/useConnection.ts     |   6 +-
 .../src/lib/store/derived-connection-props.ts | 130 -----------
 packages/svelte/src/lib/store/index.ts        |  28 +--
 .../svelte/src/lib/store/initial-store.ts     |   7 +-
 packages/svelte/src/lib/types/general.ts      |   6 +-
 packages/system/src/types/general.ts          |  45 +++-
 packages/system/src/types/handles.ts          |  22 +-
 packages/system/src/types/nodes.ts            |   8 +-
 packages/system/src/types/utils.ts            |   7 +
 packages/system/src/utils/connections.ts      |   4 +
 packages/system/src/utils/dom.ts              |  13 +-
 packages/system/src/utils/edges/positions.ts  |  42 ++--
 packages/system/src/utils/store.ts            |   4 +-
 packages/system/src/xyhandle/XYHandle.ts      |  85 +++++---
 packages/system/src/xyhandle/utils.ts         |  52 +++--
 25 files changed, 345 insertions(+), 464 deletions(-)
 delete mode 100644 packages/svelte/src/lib/store/derived-connection-props.ts

diff --git a/examples/svelte/src/routes/examples/custom-connection-line/ConnectionLine.svelte b/examples/svelte/src/routes/examples/custom-connection-line/ConnectionLine.svelte
index 0a7f87b5b..d315f5727 100644
--- a/examples/svelte/src/routes/examples/custom-connection-line/ConnectionLine.svelte
+++ b/examples/svelte/src/routes/examples/custom-connection-line/ConnectionLine.svelte
@@ -1,9 +1,24 @@
 <script lang="ts">
-	import { useConnection } from '@xyflow/svelte';
+	import { getBezierPath, useConnection } from '@xyflow/svelte';
 
 	const connection = useConnection();
+
+	let path: string | null = null;
+
+	$: if ($connection.inProgress) {
+		const { from, to, fromPosition, toPosition } = $connection;
+		const pathParams = {
+			sourceX: from.x,
+			sourceY: from.y,
+			sourcePosition: fromPosition,
+			targetX: to.x,
+			targetY: to.y,
+			targetPosition: toPosition
+		};
+		[path] = getBezierPath(pathParams);
+	}
 </script>
 
-{#if $connection.path}
-	<path d={$connection.path} fill="none" stroke={$connection.startHandle?.handleId} />
+{#if $connection.inProgress}
+	<path d={path} fill="none" stroke={$connection.fromHandle.id} />
 {/if}
diff --git a/packages/react/src/components/ConnectionLine/index.tsx b/packages/react/src/components/ConnectionLine/index.tsx
index f79bfe246..817f12ef2 100644
--- a/packages/react/src/components/ConnectionLine/index.tsx
+++ b/packages/react/src/components/ConnectionLine/index.tsx
@@ -1,89 +1,70 @@
-import { CSSProperties, useCallback } from 'react';
+import { CSSProperties } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
 import {
-  Position,
   ConnectionLineType,
-  ConnectionMode,
   getBezierPath,
   getSmoothStepPath,
-  type HandleType,
+  getConnectionStatus,
+  getStraightPath,
 } from '@xyflow/system';
 
 import { useStore } from '../../hooks/useStore';
 import { getSimpleBezierPath } from '../Edges/SimpleBezierEdge';
-import type { ConnectionLineComponent, ReactFlowState, ReactFlowStore } from '../../types';
+import type { ConnectionLineComponent, ReactFlowState } from '../../types';
 
-function getConnectionStatus(isValid: boolean | null) {
-  if (isValid === null) {
+type ConnectionLineWrapperProps = {
+  type: ConnectionLineType;
+  component?: ConnectionLineComponent;
+  containerStyle?: CSSProperties;
+  style?: CSSProperties;
+};
+
+const selector = (s: ReactFlowState) => ({
+  nodesConnectable: s.nodesConnectable,
+  isValid: s.connection.isValid,
+  inProgress: s.connection.inProgress,
+  width: s.width,
+  height: s.height,
+});
+
+export function ConnectionLineWrapper({ containerStyle, style, type, component }: ConnectionLineWrapperProps) {
+  const { nodesConnectable, width, height, isValid, inProgress } = useStore(selector, shallow);
+  const renderConnection = !!(width && nodesConnectable && inProgress);
+
+  if (!renderConnection) {
     return null;
   }
 
-  return isValid ? 'valid' : 'invalid';
+  return (
+    <svg
+      style={containerStyle}
+      width={width}
+      height={height}
+      className="react-flow__connectionline react-flow__container"
+    >
+      <g className={cc(['react-flow__connection', getConnectionStatus(isValid)])}>
+        <ConnectionLine style={style} type={type} CustomComponent={component} isValid={isValid} />
+      </g>
+    </svg>
+  );
 }
 
 type ConnectionLineProps = {
-  nodeId: string;
-  handleType: HandleType;
   type: ConnectionLineType;
   style?: CSSProperties;
   CustomComponent?: ConnectionLineComponent;
   isValid: boolean | null;
 };
 
-const oppositePosition = {
-  [Position.Left]: Position.Right,
-  [Position.Right]: Position.Left,
-  [Position.Top]: Position.Bottom,
-  [Position.Bottom]: Position.Top,
-};
-
-const ConnectionLine = ({
-  nodeId,
-  handleType,
-  style,
-  type = ConnectionLineType.Bezier,
-  CustomComponent,
-  isValid,
-}: ConnectionLineProps) => {
-  const { fromNode, startHandle, endHandle, toX, toY, connectionMode } = useStore(
-    useCallback(
-      (s: ReactFlowStore) => ({
-        fromNode: s.nodeLookup.get(nodeId),
-        startHandle: s.connection.fromHandle,
-        endHandle: s.connection.toHandle,
-        toX: (s.connection.position.x - s.transform[0]) / s.transform[2],
-        toY: (s.connection.position.y - s.transform[1]) / s.transform[2],
-        connectionMode: s.connectionMode,
-      }),
-      [nodeId]
-    ),
+const ConnectionLine = ({ style, type = ConnectionLineType.Bezier, CustomComponent, isValid }: ConnectionLineProps) => {
+  const { inProgress, from, fromNode, fromHandle, fromPosition, to, toNode, toHandle, toPosition } = useStore(
+    (s: ReactFlowState) => s.connection,
     shallow
   );
 
-  const fromHandleBounds = fromNode?.internals.handleBounds;
-  let handleBounds = fromHandleBounds?.[handleType];
-
-  if (connectionMode === ConnectionMode.Loose) {
-    handleBounds = handleBounds ? handleBounds : fromHandleBounds?.[handleType === 'source' ? 'target' : 'source'];
-  }
-
-  if (!fromNode || !handleBounds) {
-    return null;
-  }
-
-  const handleId = startHandle?.handleId;
-  const fromHandle = handleId ? handleBounds.find((d) => d.id === handleId) : handleBounds[0];
-  const fromHandleX = fromHandle ? fromHandle.x + fromHandle.width / 2 : (fromNode.measured.width ?? 0) / 2;
-  const fromHandleY = fromHandle ? fromHandle.y + fromHandle.height / 2 : fromNode.measured.height ?? 0;
-  const fromX = fromNode.internals.positionAbsolute.x + fromHandleX;
-  const fromY = fromNode.internals.positionAbsolute.y + fromHandleY;
-  const fromPosition = fromHandle?.position;
-  const toPosition =
-    isValid && endHandle?.position ? endHandle.position : fromPosition ? oppositePosition[fromPosition] : null;
-
-  if (!fromPosition || !toPosition) {
-    return null;
+  if (!inProgress) {
+    return;
   }
 
   if (CustomComponent) {
@@ -91,92 +72,53 @@ const ConnectionLine = ({
       <CustomComponent
         connectionLineType={type}
         connectionLineStyle={style}
-        fromNode={fromNode.internals.userNode}
+        fromNode={fromNode}
         fromHandle={fromHandle}
-        fromX={fromX}
-        fromY={fromY}
-        toX={toX}
-        toY={toY}
+        fromX={from.x}
+        fromY={from.y}
+        toX={to.x}
+        toY={to.y}
         fromPosition={fromPosition}
         toPosition={toPosition}
         connectionStatus={getConnectionStatus(isValid)}
+        toNode={toNode}
+        toHandle={toHandle}
       />
     );
   }
 
-  let dAttr = '';
+  let path = '';
 
   const pathParams = {
-    sourceX: fromX,
-    sourceY: fromY,
+    sourceX: from.x,
+    sourceY: from.y,
     sourcePosition: fromPosition,
-    targetX: toX,
-    targetY: toY,
+    targetX: to.x,
+    targetY: to.y,
     targetPosition: toPosition,
   };
 
-  if (type === ConnectionLineType.Bezier) {
-    // we assume the destination position is opposite to the source position
-    [dAttr] = getBezierPath(pathParams);
-  } else if (type === ConnectionLineType.Step) {
-    [dAttr] = getSmoothStepPath({
-      ...pathParams,
-      borderRadius: 0,
-    });
-  } else if (type === ConnectionLineType.SmoothStep) {
-    [dAttr] = getSmoothStepPath(pathParams);
-  } else if (type === ConnectionLineType.SimpleBezier) {
-    [dAttr] = getSimpleBezierPath(pathParams);
-  } else {
-    dAttr = `M${fromX},${fromY} ${toX},${toY}`;
+  switch (type) {
+    case ConnectionLineType.Bezier:
+      [path] = getBezierPath(pathParams);
+      break;
+    case ConnectionLineType.SimpleBezier:
+      [path] = getSimpleBezierPath(pathParams);
+      break;
+    case ConnectionLineType.Step:
+      [path] = getSmoothStepPath({
+        ...pathParams,
+        borderRadius: 0,
+      });
+      break;
+    case ConnectionLineType.SmoothStep:
+      [path] = getSmoothStepPath(pathParams);
+      break;
+    default:
+      [path] = getStraightPath(pathParams);
   }
 
-  return <path d={dAttr} fill="none" className="react-flow__connection-path" style={style} />;
+  return <path d={path} fill="none" className="react-flow__connection-path" style={style} />;
 };
 
 ConnectionLine.displayName = 'ConnectionLine';
-
-type ConnectionLineWrapperProps = {
-  type: ConnectionLineType;
-  component?: ConnectionLineComponent;
-  containerStyle?: CSSProperties;
-  style?: CSSProperties;
-};
-
-const selector = (s: ReactFlowState) => ({
-  nodeId: s.connection.fromHandle?.nodeId,
-  handleType: s.connection.fromHandle?.type,
-  nodesConnectable: s.nodesConnectable,
-  isValid: s.connection.isValid,
-  width: s.width,
-  height: s.height,
-});
-
-export function ConnectionLineWrapper({ containerStyle, style, type, component }: ConnectionLineWrapperProps) {
-  const { nodeId, handleType, nodesConnectable, width, height, isValid } = useStore(selector, shallow);
-  const isIncorrect = !(nodeId && handleType && width && nodesConnectable);
-
-  if (isIncorrect) {
-    return null;
-  }
-
-  return (
-    <svg
-      style={containerStyle}
-      width={width}
-      height={height}
-      className="react-flow__connectionline react-flow__container"
-    >
-      <g className={cc(['react-flow__connection', getConnectionStatus(isValid)])}>
-        <ConnectionLine
-          nodeId={nodeId}
-          handleType={handleType}
-          style={style}
-          type={type}
-          CustomComponent={component}
-          isValid={isValid}
-        />
-      </g>
-    </svg>
-  );
-}
diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 4fe59a967..02ba9ced5 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -43,17 +43,16 @@ const connectingSelector =
 
     const { fromHandle, toHandle, isValid } = connection;
 
-    const connectingTo = toHandle?.nodeId === nodeId && toHandle?.handleId === handleId && toHandle?.type === type;
+    const connectingTo = toHandle?.nodeId === nodeId && toHandle?.id === handleId && toHandle?.type === type;
 
     return {
-      connectingFrom: fromHandle?.nodeId === nodeId && fromHandle?.handleId === handleId && fromHandle?.type === type,
+      connectingFrom: fromHandle?.nodeId === nodeId && fromHandle?.id === handleId && fromHandle?.type === type,
       connectingTo,
-      clickConnecting:
-        clickHandle?.nodeId === nodeId && clickHandle?.handleId === handleId && clickHandle?.type === type,
+      clickConnecting: clickHandle?.nodeId === nodeId && clickHandle?.id === handleId && clickHandle?.type === type,
       isPossibleEndHandle:
         connectionMode === ConnectionMode.Strict
           ? fromHandle?.type !== type
-          : nodeId !== fromHandle?.nodeId || handleId !== fromHandle?.handleId,
+          : nodeId !== fromHandle?.nodeId || handleId !== fromHandle?.id,
       connectionInProcess: !!fromHandle,
       valid: connectingTo && isValid,
     };
@@ -167,7 +166,7 @@ function HandleComponent(
 
     if (!connectionClickStartHandle) {
       onClickConnectStart?.(event.nativeEvent, { nodeId, handleId, handleType: type });
-      store.setState({ connectionClickStartHandle: { nodeId, type, handleId } });
+      store.setState({ connectionClickStartHandle: { nodeId, type, id: handleId } });
       return;
     }
 
@@ -181,7 +180,7 @@ function HandleComponent(
       },
       connectionMode,
       fromNodeId: connectionClickStartHandle.nodeId,
-      fromHandleId: connectionClickStartHandle.handleId || null,
+      fromHandleId: connectionClickStartHandle.id || null,
       fromType: connectionClickStartHandle.type,
       isValidConnection: isValidConnectionHandler,
       flowId,
diff --git a/packages/react/src/hooks/useConnection.ts b/packages/react/src/hooks/useConnection.ts
index d8f1bae42..82c95897b 100644
--- a/packages/react/src/hooks/useConnection.ts
+++ b/packages/react/src/hooks/useConnection.ts
@@ -6,7 +6,6 @@ import { ConnectionState } from '@xyflow/system';
 
 const selector = (s: ReactFlowStore) => ({
   ...s.connection,
-  inProgress: s.connection.fromHandle !== null,
 });
 
 /**
@@ -15,6 +14,6 @@ const selector = (s: ReactFlowStore) => ({
  * @public
  * @returns ongoing connection
  */
-export function useConnection(): ConnectionState & { inProgress: boolean } {
+export function useConnection(): ConnectionState {
   return useStore(selector, shallow);
 }
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 29bf5ea52..6c15bfa21 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -12,6 +12,7 @@ import {
   EdgeSelectionChange,
   NodeSelectionChange,
   ParentExpandChild,
+  initialConnection,
 } from '@xyflow/system';
 
 import { applyEdgeChanges, applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
@@ -308,27 +309,12 @@ const createStore = ({
         );
       },
       cancelConnection: () => {
-        const { connection } = get();
         set({
-          connection: {
-            position: connection.position,
-            fromHandle: null,
-            toHandle: null,
-            isValid: null,
-          },
+          connection: { ...initialConnection },
         });
       },
-      updateConnection: (params) => {
-        const { connection } = get();
-
-        const currentConnection = {
-          connection: {
-            ...params,
-            position: params.position ?? connection.position,
-          },
-        };
-
-        set(currentConnection);
+      updateConnection: (connection) => {
+        set({ connection });
       },
 
       reset: () => set({ ...getInitialState() }),
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 1a29e5dfd..234988f30 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -7,6 +7,7 @@ import {
   updateConnectionLookup,
   devWarn,
   getInternalNodesBounds,
+  initialConnection,
 } from '@xyflow/system';
 
 import type { Edge, InternalNode, Node, ReactFlowStore } from '../types';
@@ -101,12 +102,7 @@ const getInitialState = ({
 
     multiSelectionActive: false,
 
-    connection: {
-      fromHandle: null,
-      toHandle: null,
-      position: { x: 0, y: 0 },
-      isValid: null,
-    },
+    connection: { ...initialConnection },
     connectionClickStartHandle: null,
     connectOnClick: true,
 
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index 63a61adfe..640366d78 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -10,7 +10,7 @@ import type {
   HandleType,
   Connection,
   ConnectionLineType,
-  HandleElement,
+  Handle,
   EdgePosition,
   StepPathOptions,
   OnError,
@@ -193,8 +193,8 @@ export type OnReconnect<EdgeType extends Edge = Edge> = (oldEdge: EdgeType, newC
 export type ConnectionLineComponentProps = {
   connectionLineStyle?: CSSProperties;
   connectionLineType: ConnectionLineType;
-  fromNode?: Node;
-  fromHandle?: HandleElement;
+  fromNode: Node;
+  fromHandle: Handle;
   fromX: number;
   fromY: number;
   toX: number;
@@ -202,6 +202,8 @@ export type ConnectionLineComponentProps = {
   fromPosition: Position;
   toPosition: Position;
   connectionStatus: 'valid' | 'invalid' | null;
+  toNode: Node | null;
+  toHandle: Handle | null;
 };
 
 export type ConnectionLineComponent = ComponentType<ConnectionLineComponentProps>;
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 8ef580b28..14ad0f152 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -10,7 +10,7 @@ import {
   type OnViewportChange,
   type SelectionRect,
   type SnapGrid,
-  type ConnectingHandle,
+  type Handle,
   type Transform,
   type PanZoomInstance,
   type PanBy,
@@ -79,7 +79,7 @@ export type ReactFlowStore<NodeType extends Node = Node, EdgeType extends Edge =
 
   connection: ConnectionState;
   connectionMode: ConnectionMode;
-  connectionClickStartHandle: ConnectingHandle | null;
+  connectionClickStartHandle: (Pick<Handle, 'nodeId' | 'id'> & Required<Pick<Handle, 'type'>>) | null;
 
   snapToGrid: boolean;
   snapGrid: SnapGrid;
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index 904a45d38..71e3f2c9b 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -2,21 +2,59 @@
   import cc from 'classcat';
 
   import { useStore } from '$lib/store';
+  import {
+    ConnectionLineType,
+    getBezierPath,
+    getConnectionStatus,
+    getSmoothStepPath,
+    getStraightPath
+  } from '@xyflow/system';
 
   export let containerStyle: string = '';
   export let style: string = '';
   export let isCustomComponent: boolean = false;
 
-  const { width, height, connection } = useStore();
+  const { width, height, connection, connectionLineType } = useStore();
+
+  let path: string | null = null;
+
+  $: if ($connection.inProgress && !isCustomComponent) {
+    const { from, to, fromPosition, toPosition } = $connection;
+    const pathParams = {
+      sourceX: from.x,
+      sourceY: from.y,
+      sourcePosition: fromPosition,
+      targetX: to.x,
+      targetY: to.y,
+      targetPosition: toPosition
+    };
+
+    switch ($connectionLineType) {
+      case ConnectionLineType.Bezier:
+        [path] = getBezierPath(pathParams);
+        break;
+      case ConnectionLineType.Step:
+        [path] = getSmoothStepPath({
+          ...pathParams,
+          borderRadius: 0
+        });
+        break;
+      case ConnectionLineType.SmoothStep:
+        [path] = getSmoothStepPath(pathParams);
+        break;
+      default:
+        [path] = getStraightPath(pathParams);
+    }
+  }
 </script>
 
-{#if $connection.path}
+{#if $connection.inProgress}
   <svg width={$width} height={$height} class="svelte-flow__connectionline" style={containerStyle}>
-    <g class={cc(['svelte-flow__connection', $connection.status])}>
+    <g class={cc(['svelte-flow__connection', getConnectionStatus($connection.isValid)])}>
       <slot name="connectionLine" />
       <!-- slot fallbacks do not work if slots are forwarded in parent -->
       {#if !isCustomComponent}
-        <path d={$connection.path} {style} fill="none" class="svelte-flow__connection-path" />
+        <path d={path} {style} fill="none" class="svelte-flow__connection-path" />
       {/if}
     </g>
   </svg>
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 7ebfeb78b..90482aa12 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -103,7 +103,7 @@
           $onConnectEndAction?.(event);
         },
         getTransform: () => [$viewport.x, $viewport.y, $viewport.zoom],
-        getFromHandle: () => $connection.startHandle
+        getFromHandle: () => $connection.fromHandle
       });
     }
   }
@@ -128,21 +128,20 @@
     prevConnections = connections ?? new Map();
   }
 
-  $: connectionInProcess = !!$connection.startHandle;
+  $: connectionInProcess = !!$connection.fromHandle;
   $: connectingFrom =
-    $connection.startHandle?.nodeId === nodeId &&
-    $connection.startHandle?.type === type &&
-    $connection.startHandle?.handleId === handleId;
+    $connection.fromHandle?.nodeId === nodeId &&
+    $connection.fromHandle?.type === type &&
+    $connection.fromHandle?.id === handleId;
   $: connectingTo =
-    $connection.endHandle?.nodeId === nodeId &&
-    $connection.endHandle?.type === type &&
-    $connection.endHandle?.handleId === handleId;
+    $connection.toHandle?.nodeId === nodeId &&
+    $connection.toHandle?.type === type &&
+    $connection.toHandle?.id === handleId;
   $: isPossibleEndHandle =
     $connectionMode === ConnectionMode.Strict
-      ? $connection.startHandle?.type !== type
-      : nodeId !== $connection.startHandle?.nodeId ||
-        handleId !== $connection.startHandle?.handleId;
-  $: valid = connectingTo && $connection.status === 'valid';
+      ? $connection.fromHandle?.type !== type
+      : nodeId !== $connection.fromHandle?.nodeId || handleId !== $connection.fromHandle?.id;
+  $: valid = connectingTo && $connection.isValid;
 </script>
 
 <!--
diff --git a/packages/svelte/src/lib/hooks/useConnection.ts b/packages/svelte/src/lib/hooks/useConnection.ts
index 967b4e516..4402ab697 100644
--- a/packages/svelte/src/lib/hooks/useConnection.ts
+++ b/packages/svelte/src/lib/hooks/useConnection.ts
@@ -1,7 +1,7 @@
 import type { Readable } from 'svelte/store';
-
 import { useStore } from '$lib/store';
-import type { ConnectionProps } from '$lib/store/derived-connection-props';
+
+import type { ConnectionState } from '@xyflow/system';
 
 /**
  * Hook for receiving the current connection.
@@ -9,7 +9,7 @@ import type { ConnectionProps } from '$lib/store/derived-connection-props';
  * @public
  * @returns current connection as a readable store
  */
-export function useConnection(): Readable<ConnectionProps> {
+export function useConnection(): Readable<ConnectionState> {
   const { connection } = useStore();
 
   return connection;
diff --git a/packages/svelte/src/lib/store/derived-connection-props.ts b/packages/svelte/src/lib/store/derived-connection-props.ts
deleted file mode 100644
index f81c5e37e..000000000
--- a/packages/svelte/src/lib/store/derived-connection-props.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { derived, type Writable } from 'svelte/store';
-import {
-  getBezierPath,
-  getSmoothStepPath,
-  getStraightPath,
-  ConnectionLineType,
-  ConnectionMode,
-  Position,
-  type HandleElement
-} from '@xyflow/system';
-
-import type { SvelteFlowStoreState } from './types';
-import type { ConnectionData } from '$lib/types';
-
-export type ConnectionProps = {
-  path: string | null;
-  sourceX: number | null;
-  sourceY: number | null;
-  sourcePosition: Position | undefined | null;
-  targetX: number | null;
-  targetY: number | null;
-  targetPosition: Position | undefined | null;
-  pointerPosition: ConnectionData['connectionPosition'] | null;
-  startHandle: ConnectionData['connectionStartHandle'] | null;
-  endHandle: ConnectionData['connectionEndHandle'] | null;
-  status: ConnectionData['connectionStatus'] | null;
-};
-
-export const initConnectionProps = {
-  path: null,
-  sourceX: null,
-  sourceY: null,
-  sourcePosition: null,
-  targetX: null,
-  targetY: null,
-  targetPosition: null,
-  pointerPosition: null,
-  startHandle: null,
-  endHandle: null,
-  status: null
-};
-
-const oppositePosition = {
-  [Position.Left]: Position.Right,
-  [Position.Right]: Position.Left,
-  [Position.Top]: Position.Bottom,
-  [Position.Bottom]: Position.Top
-};
-
-export function getDerivedConnectionProps(
-  store: SvelteFlowStoreState,
-  currentConnection: Writable<ConnectionData>
-) {
-  return derived(
-    [
-      currentConnection,
-      store.connectionLineType,
-      store.connectionMode,
-      store.nodeLookup,
-      store.viewport
-    ],
-    ([connection, connectionLineType, connectionMode, nodeLookup, viewport]) => {
-      if (!connection.connectionStartHandle?.nodeId) {
-        return initConnectionProps;
-      }
-
-      // TODO: it should bail out if the node is not found
-      const fromNode = nodeLookup.get(connection.connectionStartHandle?.nodeId);
-      const fromHandleBounds = fromNode?.internals.handleBounds;
-      const handleBoundsStrict =
-        fromHandleBounds?.[connection.connectionStartHandle.type || 'source'] || [];
-      const handleBoundsLoose: HandleElement[] | undefined | null = handleBoundsStrict
-        ? handleBoundsStrict
-        : fromHandleBounds?.[
-            connection?.connectionStartHandle?.type === 'source' ? 'target' : 'source'
-          ];
-      const handleBounds =
-        connectionMode === ConnectionMode.Strict ? handleBoundsStrict : handleBoundsLoose;
-      const fromHandle = connection.connectionStartHandle?.handleId
-        ? handleBounds?.find((d) => d.id === connection.connectionStartHandle?.handleId)
-        : handleBounds?.[0];
-      const fromHandleX = fromHandle
-        ? fromHandle.x + fromHandle.width / 2
-        : (fromNode?.measured.width ?? 0) / 2;
-      const fromHandleY = fromHandle
-        ? fromHandle.y + fromHandle.height / 2
-        : fromNode?.measured.height ?? 0;
-      const fromX = (fromNode?.internals.positionAbsolute.x ?? 0) + fromHandleX;
-      const fromY = (fromNode?.internals.positionAbsolute.y ?? 0) + fromHandleY;
-      const fromPosition = fromHandle?.position;
-      const toPosition =
-        connection.connectionEndHandle?.position ??
-        (fromPosition ? oppositePosition[fromPosition] : undefined);
-
-      const pathParams = {
-        sourceX: fromX,
-        sourceY: fromY,
-        sourcePosition: fromPosition,
-        targetX: ((connection.connectionPosition?.x ?? 0) - viewport.x) / viewport.zoom,
-        targetY: ((connection.connectionPosition?.y ?? 0) - viewport.y) / viewport.zoom,
-        targetPosition: toPosition
-      };
-
-      let path = '';
-
-      if (connectionLineType === ConnectionLineType.Bezier) {
-        // we assume the destination position is opposite to the source position
-        [path] = getBezierPath(pathParams);
-      } else if (connectionLineType === ConnectionLineType.Step) {
-        [path] = getSmoothStepPath({
-          ...pathParams,
-          borderRadius: 0
-        });
-      } else if (connectionLineType === ConnectionLineType.SmoothStep) {
-        [path] = getSmoothStepPath(pathParams);
-      } else {
-        [path] = getStraightPath(pathParams);
-      }
-
-      return {
-        path,
-        ...pathParams,
-        pointerPosition: connection.connectionPosition,
-        startHandle: connection.connectionStartHandle,
-        endHandle: connection.connectionEndHandle,
-        status: connection.connectionStatus
-      };
-    }
-  );
-}
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 715c57b78..1f040cb0f 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -1,5 +1,5 @@
 import { getContext, setContext } from 'svelte';
-import { derived, get, writable } from 'svelte/store';
+import { derived, get } from 'svelte/store';
 import {
   createMarkerIds,
   fitView as fitViewSystem,
@@ -7,6 +7,8 @@ import {
   panBy as panBySystem,
   updateNodeInternals as updateNodeInternalsSystem,
   addEdge as addEdgeUtil,
+  initialConnection,
+  errorMessages,
   type UpdateNodePositions,
   type InternalNodeUpdate,
   type ViewportHelperFunctionOptions,
@@ -14,17 +16,15 @@ import {
   type XYPosition,
   type CoordinateExtent,
   type UpdateConnection,
-  errorMessages,
   type ConnectionState
 } from '@xyflow/system';
 
-import type { EdgeTypes, NodeTypes, Node, Edge, FitViewOptions, ConnectionData } from '$lib/types';
+import type { EdgeTypes, NodeTypes, Node, Edge, FitViewOptions } from '$lib/types';
 import { initialEdgeTypes, initialNodeTypes, getInitialStore } from './initial-store';
 import type { SvelteFlowStore } from './types';
 import { syncNodeStores, syncEdgeStores, syncViewportStores } from './utils';
 import { getVisibleEdges } from './visible-edges';
 import { getVisibleNodes } from './visible-nodes';
-import { getDerivedConnectionProps } from './derived-connection-props';
 
 export const key = Symbol();
 
@@ -331,27 +331,12 @@ export function createStore({
     });
   }
 
-  const initConnectionUpdateData = {
-    connectionStartHandle: null,
-    connectionEndHandle: null,
-    connectionPosition: null,
-    connectionStatus: null
-  };
-
-  // by creating an internal, unexposed store and using a derived store
-  // we prevent using slow get() calls
-  const currentConnection = writable<ConnectionData>(initConnectionUpdateData);
   const updateConnection: UpdateConnection = (newConnection: ConnectionState) => {
-    currentConnection.set({
-      connectionStartHandle: newConnection.fromHandle,
-      connectionEndHandle: newConnection.toHandle,
-      connectionPosition: newConnection.position,
-      connectionStatus: newConnection.isValid ? 'valid' : 'invalid'
-    });
+    store.connection.set({ ...newConnection });
   };
 
   function cancelConnection() {
-    currentConnection.set(initConnectionUpdateData);
+    store.connection.set(initialConnection);
   }
 
   function reset() {
@@ -370,7 +355,6 @@ export function createStore({
     ...store,
 
     // derived state
-    connection: getDerivedConnectionProps(store, currentConnection),
     visibleEdges: getVisibleEdges(store),
     visibleNodes: getVisibleNodes(store),
     markers: derived(
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 073f206cb..8b6bee25f 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -9,6 +9,7 @@ import {
   getNodesBounds,
   getViewportForBounds,
   updateConnectionLookup,
+  initialConnection,
   type SelectionRect,
   type SnapGrid,
   type MarkerProps,
@@ -22,7 +23,8 @@ import {
   type OnConnectStart,
   type OnConnectEnd,
   type NodeLookup,
-  type EdgeLookup
+  type EdgeLookup,
+  type ConnectionState
 } from '@xyflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -51,7 +53,6 @@ import type {
   InternalNode
 } from '$lib/types';
 import { createNodesStore, createEdgesStore } from './utils';
-import { initConnectionProps, type ConnectionProps } from './derived-connection-props';
 
 export const initialNodeTypes = {
   input: InputNode,
@@ -142,7 +143,7 @@ export const getInitialStore = ({
     viewport: writable<Viewport>(viewport),
     connectionMode: writable<ConnectionMode>(ConnectionMode.Strict),
     domNode: writable<HTMLDivElement | null>(null),
-    connection: readable<ConnectionProps>(initConnectionProps),
+    connection: writable<ConnectionState>(initialConnection),
     connectionLineType: writable<ConnectionLineType>(ConnectionLineType.Bezier),
     connectionRadius: writable<number>(20),
     isValidConnection: writable<IsValidConnection>(() => true),
diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts
index e69c83db4..3e15eceee 100644
--- a/packages/svelte/src/lib/types/general.ts
+++ b/packages/svelte/src/lib/types/general.ts
@@ -2,7 +2,7 @@ import type { ShortcutModifierDefinition } from '@svelte-put/shortcut';
 import type {
   FitViewOptionsBase,
   XYPosition,
-  ConnectingHandle,
+  Handle,
   Connection,
   OnBeforeDeleteBase,
   HandleProps as HandlePropsSystem
@@ -17,8 +17,8 @@ export type KeyDefinition = string | KeyDefinitionObject;
 
 export type ConnectionData = {
   connectionPosition: XYPosition | null;
-  connectionStartHandle: ConnectingHandle | null;
-  connectionEndHandle: ConnectingHandle | null;
+  connectionStartHandle: Handle | null;
+  connectionEndHandle: Handle | null;
   connectionStatus: string | null;
 };
 
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 584d45153..9cffd78aa 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -6,9 +6,9 @@ import type { ZoomBehavior } from 'd3-zoom';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import type { Transition } from 'd3-transition';
 
-import type { XYPosition, Rect } from './utils';
+import type { XYPosition, Rect, Position } from './utils';
 import type { InternalNodeBase, NodeBase, NodeDragItem, NodeOrigin } from './nodes';
-import type { ConnectingHandle, HandleType } from './handles';
+import type { Handle, HandleType } from './handles';
 import { PanZoomInstance } from './panzoom';
 import { EdgeBase } from '..';
 
@@ -133,21 +133,50 @@ export type OnError = (id: string, message: string) => void;
 export type UpdateNodePositions = (dragItems: Map<string, NodeDragItem | InternalNodeBase>, dragging?: boolean) => void;
 export type PanBy = (delta: XYPosition) => boolean;
 
-export type NoConnectionInProgress = {
-  position: XYPosition;
+export const initialConnection: NoConnection = {
+  inProgress: false,
+  isValid: null,
+  from: null,
+  fromHandle: null,
+  fromPosition: null,
+  fromNode: null,
+  to: null,
+  toHandle: null,
+  toPosition: null,
+  toNode: null,
+};
+
+export type NoConnection = {
+  inProgress: false;
   isValid: null;
+
+  from: null;
   fromHandle: null;
+  fromPosition: null;
+  fromNode: null;
+
+  to: null;
   toHandle: null;
+  toPosition: null;
+  toNode: null;
 };
 
 export type ConnectionInProgress = {
-  position: XYPosition;
+  inProgress: true;
   isValid: boolean | null;
-  fromHandle: ConnectingHandle;
-  toHandle: ConnectingHandle | null;
+
+  from: XYPosition;
+  fromHandle: Handle;
+  fromPosition: Position;
+  fromNode: NodeBase;
+
+  to: XYPosition;
+  toHandle: Handle | null;
+  toPosition: Position;
+  toNode: NodeBase | null;
 };
 
-export type ConnectionState = ConnectionInProgress | NoConnectionInProgress;
+export type ConnectionState = ConnectionInProgress | NoConnection;
 
 export type UpdateConnection = (params: ConnectionState) => void;
 
diff --git a/packages/system/src/types/handles.ts b/packages/system/src/types/handles.ts
index c5b54154f..f9828dd57 100644
--- a/packages/system/src/types/handles.ts
+++ b/packages/system/src/types/handles.ts
@@ -2,29 +2,15 @@ import type { Position, IsValidConnection } from '.';
 
 export type HandleType = 'source' | 'target';
 
-export type HandleElement = {
+export type Handle = {
   id?: string | null;
+  nodeId: string;
   x: number;
   y: number;
-  width: number;
-  height: number;
   position: Position;
-  type?: HandleType;
-};
-
-export type ConnectingHandle = {
-  nodeId: string;
-  type: HandleType;
-  handleId?: string | null;
-  position?: Position | null;
-};
-
-export type ConnectionHandle = {
-  id: string | null;
   type: HandleType;
-  nodeId: string;
-  x: number;
-  y: number;
+  width: number;
+  height: number;
 };
 
 export type HandleProps = {
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index 5f70660b1..5092c9afc 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -1,4 +1,4 @@
-import type { XYPosition, Position, CoordinateExtent, HandleElement } from '.';
+import type { XYPosition, Position, CoordinateExtent, Handle } from '.';
 import { Optional } from '../utils/types';
 
 /**
@@ -110,8 +110,8 @@ export type NodeProps<NodeType extends NodeBase> = Pick<
   };
 
 export type NodeHandleBounds = {
-  source: HandleElement[] | null;
-  target: HandleElement[] | null;
+  source: Handle[] | null;
+  target: Handle[] | null;
 };
 
 export type InternalNodeUpdate = {
@@ -148,7 +148,7 @@ export type NodeOrigin = [number, number];
 
 export type OnSelectionDrag = (event: MouseEvent, nodes: NodeBase[]) => void;
 
-export type NodeHandle = Optional<HandleElement, 'width' | 'height'>;
+export type NodeHandle = Omit<Optional<Handle, 'width' | 'height'>, 'nodeId'>;
 
 export type Align = 'center' | 'start' | 'end';
 
diff --git a/packages/system/src/types/utils.ts b/packages/system/src/types/utils.ts
index 908e95f15..b06786a75 100644
--- a/packages/system/src/types/utils.ts
+++ b/packages/system/src/types/utils.ts
@@ -5,6 +5,13 @@ export enum Position {
   Bottom = 'bottom',
 }
 
+export const oppositePosition = {
+  [Position.Left]: Position.Right,
+  [Position.Right]: Position.Left,
+  [Position.Top]: Position.Bottom,
+  [Position.Bottom]: Position.Top,
+};
+
 export type XYPosition = {
   x: number;
   y: number;
diff --git a/packages/system/src/utils/connections.ts b/packages/system/src/utils/connections.ts
index b99e6c144..d6d4bdc08 100644
--- a/packages/system/src/utils/connections.ts
+++ b/packages/system/src/utils/connections.ts
@@ -51,3 +51,7 @@ export function handleConnectionChange(
     cb(diff);
   }
 }
+
+export function getConnectionStatus(isValid: boolean | null) {
+  return isValid === null ? null : isValid ? 'valid' : 'invalid';
+}
diff --git a/packages/system/src/utils/dom.ts b/packages/system/src/utils/dom.ts
index 850e67248..595078e3b 100644
--- a/packages/system/src/utils/dom.ts
+++ b/packages/system/src/utils/dom.ts
@@ -1,4 +1,4 @@
-import type { Transform, XYPosition, SnapGrid, Dimensions, NodeOrigin, HandleElement, Position } from '../types';
+import type { Transform, XYPosition, SnapGrid, Dimensions, NodeOrigin, Handle, Position } from '../types';
 import { snapPosition, pointToRendererPoint } from './general';
 
 export type GetPointerPositionParams = {
@@ -59,13 +59,14 @@ export const getEventPosition = (event: MouseEvent | TouchEvent, bounds?: DOMRec
 // We store them in the internals object of the node in order to avoid
 // unnecessary recalculations.
 export const getHandleBounds = (
-  selector: string,
+  type: 'source' | 'target',
   nodeElement: HTMLDivElement,
   nodeBounds: DOMRect,
   zoom: number,
+  nodeId: string,
   nodeOrigin: NodeOrigin = [0, 0]
-): HandleElement[] | null => {
-  const handles = nodeElement.querySelectorAll(selector);
+): Handle[] | null => {
+  const handles = nodeElement.querySelectorAll(`.${type}`);
 
   if (!handles || !handles.length) {
     return null;
@@ -78,11 +79,13 @@ export const getHandleBounds = (
     y: nodeBounds.top + nodeBounds.height * nodeOrigin[1],
   };
 
-  return handlesArray.map((handle): HandleElement => {
+  return handlesArray.map((handle): Handle => {
     const handleBounds = handle.getBoundingClientRect();
 
     return {
       id: handle.getAttribute('data-handleid'),
+      type,
+      nodeId,
       position: handle.getAttribute('data-handlepos') as unknown as Position,
       x: (handleBounds.left - nodeOffset.x) / zoom,
       y: (handleBounds.top - nodeOffset.y) / zoom,
diff --git a/packages/system/src/utils/edges/positions.ts b/packages/system/src/utils/edges/positions.ts
index ff79d45cd..d710e6531 100644
--- a/packages/system/src/utils/edges/positions.ts
+++ b/packages/system/src/utils/edges/positions.ts
@@ -1,9 +1,9 @@
 import { EdgePosition } from '../../types/edges';
 import { ConnectionMode, OnError } from '../../types/general';
 import { InternalNodeBase, NodeHandle } from '../../types/nodes';
-import { Position } from '../../types/utils';
+import { Position, XYPosition } from '../../types/utils';
 import { errorMessages } from '../../constants';
-import { HandleElement } from '../../types';
+import { Handle } from '../../types';
 import { getNodeDimensions } from '../general';
 
 export type GetEdgePositionParams = {
@@ -58,14 +58,14 @@ export function getEdgePosition(params: GetEdgePositionParams): EdgePosition | n
 
   const sourcePosition = sourceHandle?.position || Position.Bottom;
   const targetPosition = targetHandle?.position || Position.Top;
-  const [sourceX, sourceY] = getHandlePosition(sourceNode, sourceHandle, sourcePosition);
-  const [targetX, targetY] = getHandlePosition(targetNode, targetHandle, targetPosition);
+  const source = getHandlePosition(sourceNode, sourceHandle, sourcePosition);
+  const target = getHandlePosition(targetNode, targetHandle, targetPosition);
 
   return {
-    sourceX,
-    sourceY,
-    targetX,
-    targetY,
+    sourceX: source.x,
+    sourceY: source.y,
+    targetX: target.x,
+    targetY: target.y,
     sourcePosition,
     targetPosition,
   };
@@ -84,9 +84,9 @@ function toHandleBounds(handles?: NodeHandle[]) {
     handle.height = handle.height ?? 1;
 
     if (handle.type === 'source') {
-      source.push(handle as HandleElement);
+      source.push(handle as Handle);
     } else if (handle.type === 'target') {
-      target.push(handle as HandleElement);
+      target.push(handle as Handle);
     }
   }
 
@@ -98,27 +98,33 @@ function toHandleBounds(handles?: NodeHandle[]) {
 
 export function getHandlePosition(
   node: InternalNodeBase,
-  handle: HandleElement | null,
-  fallbackPosition: Position = Position.Left
-): number[] {
+  handle: Handle | null,
+  fallbackPosition: Position = Position.Left,
+  center = false
+): XYPosition {
   const x = (handle?.x ?? 0) + node.internals.positionAbsolute.x;
   const y = (handle?.y ?? 0) + node.internals.positionAbsolute.y;
   const { width, height } = handle ?? getNodeDimensions(node);
+
+  if (center) {
+    return { x: x + width / 2, y: y + height / 2 };
+  }
+
   const position = handle?.position ?? fallbackPosition;
 
   switch (position) {
     case Position.Top:
-      return [x + width / 2, y];
+      return { x: x + width / 2, y };
     case Position.Right:
-      return [x + width, y + height / 2];
+      return { x: x + width, y: y + height / 2 };
     case Position.Bottom:
-      return [x + width / 2, y + height];
+      return { x: x + width / 2, y: y + height };
     case Position.Left:
-      return [x, y + height / 2];
+      return { x, y: y + height / 2 };
   }
 }
 
-function getHandle(bounds: HandleElement[], handleId?: string | null): HandleElement | null {
+function getHandle(bounds: Handle[], handleId?: string | null): Handle | null {
   if (!bounds) {
     return null;
   }
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 14918a11a..78e7c955e 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -274,8 +274,8 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
         node.internals = {
           ...node.internals,
           handleBounds: {
-            source: getHandleBounds('.source', update.nodeElement, nodeBounds, zoom, node.origin || nodeOrigin),
-            target: getHandleBounds('.target', update.nodeElement, nodeBounds, zoom, node.origin || nodeOrigin),
+            source: getHandleBounds('source', update.nodeElement, nodeBounds, zoom, node.id, node.origin || nodeOrigin),
+            target: getHandleBounds('target', update.nodeElement, nodeBounds, zoom, node.id, node.origin || nodeOrigin),
           },
         };
 
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index bd4a866ed..5fadab741 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -1,4 +1,4 @@
-import { pointToRendererPoint, rendererPointToPoint, getHostForElement, calcAutoPan, getEventPosition } from '../utils';
+import { pointToRendererPoint, getHostForElement, calcAutoPan, getEventPosition, getHandlePosition } from '../utils';
 import {
   ConnectionMode,
   type OnConnect,
@@ -7,13 +7,13 @@ import {
   type Connection,
   type PanBy,
   type Transform,
-  type ConnectingHandle,
+  type Handle,
   type OnConnectEnd,
   type UpdateConnection,
   type IsValidConnection,
-  type ConnectionHandle,
   NodeLookup,
   Position,
+  oppositePosition,
 } from '../types';
 
 import { getClosestHandle, isConnectionValid, getHandleLookup, getHandleType } from './utils';
@@ -39,11 +39,11 @@ export type OnPointerDownParams = {
   isValidConnection?: IsValidConnection;
   onReconnectEnd?: (evt: MouseEvent | TouchEvent) => void;
   getTransform: () => Transform;
-  getFromHandle: () => ConnectingHandle | null;
+  getFromHandle: () => Handle | null;
 };
 
 export type IsValidParams = {
-  handle: Pick<ConnectionHandle, 'nodeId' | 'id' | 'type'> | null;
+  handle: Pick<Handle, 'nodeId' | 'id' | 'type'> | null;
   connectionMode: ConnectionMode;
   fromNodeId: string;
   fromHandleId: string | null;
@@ -52,6 +52,7 @@ export type IsValidParams = {
   doc: Document | ShadowRoot;
   lib: string;
   flowId: string | null;
+  handleLookup?: Handle[];
 };
 
 export type XYHandleInstance = {
@@ -63,13 +64,11 @@ type Result = {
   handleDomNode: Element | null;
   isValid: boolean;
   connection: Connection | null;
-  toHandle: ConnectingHandle | null;
+  toHandle: Handle | null;
 };
 
 const alwaysValid = () => true;
 
-let fromHandle: ConnectingHandle | null = null;
-
 function onPointerDown(
   event: MouseEvent | TouchEvent,
   {
@@ -99,7 +98,7 @@ function onPointerDown(
   // when xyflow is used inside a shadow root we can't use document
   const doc = getHostForElement(event.target as HTMLElement);
   let autoPanId = 0;
-  let closestHandle: ConnectionHandle | null;
+  let closestHandle: Handle | null;
 
   const { x, y } = getEventPosition(event);
   const clickedHandle = doc?.elementFromPoint(x, y);
@@ -113,10 +112,10 @@ function onPointerDown(
   let position = getEventPosition(event, containerBounds);
   let autoPanStarted = false;
   let connection: Connection | null = null;
-  let isValid = false;
+  let isValid: boolean | null = false;
   let handleDomNode: Element | null = null;
 
-  const handleLookup = getHandleLookup({
+  const [handleLookup, fromHandleInternal] = getHandleLookup({
     nodeLookup,
     nodeId,
     handleId,
@@ -135,18 +134,30 @@ function onPointerDown(
   }
 
   // Stays the same for all consecutive pointermove events
-  fromHandle = {
+  const fromHandle: Handle = {
+    ...fromHandleInternal,
     nodeId,
-    handleId,
     type: handleType,
-    position: (clickedHandle?.getAttribute('data-handlepos') as Position) ?? Position.Top,
+    position: fromHandleInternal.position,
   };
 
+  const fromNodeInternal = nodeLookup.get(nodeId)!;
+
+  const from = getHandlePosition(fromNodeInternal, fromHandle, Position.Left, true);
+
   updateConnection({
-    position,
+    inProgress: true,
     isValid: null,
+
+    from,
     fromHandle,
+    fromPosition: fromHandle.position,
+    fromNode: fromNodeInternal.internals.userNode,
+
+    to: pointToRendererPoint(position, getTransform()),
     toHandle: null,
+    toPosition: oppositePosition[fromHandle.position],
+    toNode: null,
   });
 
   onConnectStart?.(event, { nodeId, handleId, handleType });
@@ -180,26 +191,29 @@ function onPointerDown(
       doc,
       lib,
       flowId,
+      handleLookup,
     });
 
     handleDomNode = result.handleDomNode;
     connection = result.connection;
-    isValid = result.isValid;
+    isValid = isConnectionValid(!!closestHandle, result.isValid);
 
     updateConnection({
+      inProgress: true,
+      isValid,
+
+      from,
       fromHandle,
-      position:
+      fromPosition: fromHandle.position,
+      fromNode: fromNodeInternal.internals.userNode,
+
+      to:
         closestHandle && isValid
-          ? rendererPointToPoint(
-              {
-                x: closestHandle.x,
-                y: closestHandle.y,
-              },
-              transform
-            )
-          : position,
-      isValid: isConnectionValid(!!closestHandle, isValid),
+          ? { x: closestHandle.x, y: closestHandle.y }
+          : pointToRendererPoint(position, transform),
       toHandle: result.toHandle,
+      toPosition: isValid && result.toHandle ? result.toHandle.position : oppositePosition[fromHandle.position],
+      toNode: result.toHandle ? nodeLookup.get(result.toHandle.nodeId)!.internals.userNode : null,
     });
   }
 
@@ -222,7 +236,6 @@ function onPointerDown(
     isValid = false;
     connection = null;
     handleDomNode = null;
-    fromHandle = null;
 
     doc.removeEventListener('mousemove', onPointerMove as EventListener);
     doc.removeEventListener('mouseup', onPointerUp as EventListener);
@@ -251,6 +264,7 @@ function isValidHandle(
     lib,
     flowId,
     isValidConnection = alwaysValid,
+    handleLookup,
   }: IsValidParams
 ) {
   const isTarget = fromType === 'target';
@@ -301,12 +315,17 @@ function isValidHandle(
 
     result.isValid = isValid && isValidConnection(connection);
 
-    result.toHandle = {
-      nodeId: handleNodeId as string,
-      handleId,
-      type: handleType as HandleType,
-      position: handleToCheck.getAttribute('data-handlepos') as Position,
-    };
+    if (handleLookup) {
+      const toHandle = handleLookup.find(
+        (h) => h.id === handleId && h.nodeId === handleNodeId && h.type === handleType
+      );
+
+      if (toHandle) {
+        result.toHandle = {
+          ...toHandle,
+        };
+      }
+    }
   }
 
   return result;
diff --git a/packages/system/src/xyhandle/utils.ts b/packages/system/src/xyhandle/utils.ts
index b1b868add..af81c84a2 100644
--- a/packages/system/src/xyhandle/utils.ts
+++ b/packages/system/src/xyhandle/utils.ts
@@ -3,40 +3,34 @@ import {
   type HandleType,
   type NodeHandleBounds,
   type XYPosition,
-  type ConnectionHandle,
+  type Handle,
   InternalNodeBase,
   NodeLookup,
 } from '../types';
 
 // this functions collects all handles and adds an absolute position
 // so that we can later find the closest handle to the mouse position
-export function getHandles(
+function getHandles(
   node: InternalNodeBase,
   handleBounds: NodeHandleBounds,
   type: HandleType,
-  currentHandle: string
-): ConnectionHandle[] {
-  return (handleBounds[type] || []).reduce<ConnectionHandle[]>((res, handle) => {
-    if (`${node.id}-${handle.id}-${type}` !== currentHandle) {
-      const [x, y] = getHandlePosition(node, handle);
-      res.push({
-        id: handle.id || null,
-        type,
-        nodeId: node.id,
-        x,
-        y,
-      });
+  currentHandle: { nodeId: string; handleId: string | null; handleType: HandleType }
+): [Handle[], Handle | null] {
+  let excludedHandle = null;
+  const handles = (handleBounds[type] || []).reduce<Handle[]>((res, handle) => {
+    if (node.id === currentHandle.nodeId && type === currentHandle.handleType && handle.id === currentHandle.handleId) {
+      excludedHandle = handle;
+    } else {
+      const handleXY = getHandlePosition(node, handle);
+      res.push({ ...handle, ...handleXY });
     }
     return res;
   }, []);
+  return [handles, excludedHandle];
 }
 
-export function getClosestHandle(
-  pos: XYPosition,
-  connectionRadius: number,
-  handles: ConnectionHandle[]
-): ConnectionHandle | null {
-  let closestHandles: ConnectionHandle[] = [];
+export function getClosestHandle(pos: XYPosition, connectionRadius: number, handles: Handle[]): Handle | null {
+  let closestHandles: Handle[] = [];
   let minDistance = Infinity;
 
   for (const handle of handles) {
@@ -66,7 +60,7 @@ type GetHandleLookupParams = {
   nodeLookup: NodeLookup;
   nodeId: string;
   handleId: string | null;
-  handleType: string;
+  handleType: HandleType;
 };
 
 export function getHandleLookup({
@@ -74,19 +68,21 @@ export function getHandleLookup({
   nodeId,
   handleId,
   handleType,
-}: GetHandleLookupParams): ConnectionHandle[] {
-  const connectionHandles: ConnectionHandle[] = [];
+}: GetHandleLookupParams): [Handle[], Handle] {
+  const connectionHandles: Handle[] = [];
+  const currentHandle = { nodeId, handleId, handleType };
+  let excludedHandle: Handle | null = null;
 
-  for (const [, node] of nodeLookup) {
+  for (const node of nodeLookup.values()) {
     if (node.internals.handleBounds) {
-      const id = `${nodeId}-${handleId}-${handleType}`;
-      const sourceHandles = getHandles(node, node.internals.handleBounds, 'source', id);
-      const targetHandles = getHandles(node, node.internals.handleBounds, 'target', id);
+      const [sourceHandles, excludedSource] = getHandles(node, node.internals.handleBounds, 'source', currentHandle);
+      const [targetHandles, excludedTarget] = getHandles(node, node.internals.handleBounds, 'target', currentHandle);
+      excludedHandle = excludedHandle ? excludedHandle : excludedSource ?? excludedTarget;
       connectionHandles.push(...sourceHandles, ...targetHandles);
     }
   }
 
-  return connectionHandles;
+  return [connectionHandles, excludedHandle!];
 }
 
 export function getHandleType(

From f968ff42ca0bed1cfe28ffa6541a8f228fe5b1f0 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 26 Jun 2024 15:26:22 +0200
Subject: [PATCH 0866/1093] chore(react): node origin cleanup

---
 .../react/src/examples/NodeResizer/index.tsx  |  7 +++--
 .../NodeResizer/NodeResizeControl.tsx         |  5 +--
 .../src/components/NodeWrapper/index.tsx      |  5 +--
 .../react/src/container/GraphView/index.tsx   |  3 --
 .../src/container/NodeRenderer/index.tsx      |  2 --
 .../react/src/container/ReactFlow/index.tsx   |  1 -
 packages/react/src/types/nodes.ts             | 10 +-----
 packages/react/src/types/store.ts             |  2 +-
 .../svelte/src/lib/store/initial-store.ts     |  2 +-
 packages/svelte/src/lib/store/utils.ts        |  5 +--
 packages/system/src/types/nodes.ts            |  2 +-
 packages/system/src/utils/general.ts          | 31 ++-----------------
 packages/system/src/utils/store.ts            | 29 ++++++++---------
 13 files changed, 33 insertions(+), 71 deletions(-)

diff --git a/examples/react/src/examples/NodeResizer/index.tsx b/examples/react/src/examples/NodeResizer/index.tsx
index a4f59adae..397c1f223 100644
--- a/examples/react/src/examples/NodeResizer/index.tsx
+++ b/examples/react/src/examples/NodeResizer/index.tsx
@@ -128,7 +128,7 @@ const initialNodes: Node[] = [
     data: { label: 'Parent', keepAspectRatio: true },
     position: { x: 700, y: 0 },
     width: 300,
-    height: 400,
+    height: 300,
     style: { ...nodeStyle },
   },
   {
@@ -148,7 +148,9 @@ const initialNodes: Node[] = [
     id: '5b',
     type: 'defaultResizer',
     data: { label: 'Child with expandParent' },
-    position: { x: 150, y: 100 },
+    position: { x: 100, y: 100 },
+    width: 100,
+    height: 100,
     parentId: '5',
     expandParent: true,
     style: { ...nodeStyle },
@@ -187,7 +189,6 @@ const CustomNodeFlow = () => {
       minZoom={0.2}
       maxZoom={5}
       snapToGrid={snapToGrid}
-      nodeOrigin={[1, 1]}
       fitView
       onlyRenderVisibleElements
     >
diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index 517dbd9f3..7f1139c1a 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -84,8 +84,8 @@ function ResizeControl({
                 height,
                 ...evaluateAbsolutePosition(
                   {
-                    x: change.x ?? node.internals.positionAbsolute.x,
-                    y: change.y ?? node.internals.positionAbsolute.y,
+                    x: change.x ?? node.position.x,
+                    y: change.y ?? node.position.y,
                   },
                   { width, height },
                   node.parentId,
@@ -94,6 +94,7 @@ function ResizeControl({
                 ),
               },
             };
+            console.log(child);
 
             const parentExpandChanges = handleExpandParent([child], nodeLookup, parentLookup, nodeOrigin);
             changes.push(...parentExpandChanges);
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 515fc78cf..be14ff77e 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -39,7 +39,6 @@ export function NodeWrapper<NodeType extends Node>({
   rfId,
   nodeTypes,
   nodeExtent,
-  nodeOrigin,
   onError,
 }: NodeWrapperProps<NodeType>) {
   const { node, internals, isParent } = useStore((s) => {
@@ -87,7 +86,9 @@ export function NodeWrapper<NodeType extends Node>({
   const nodeDimensions = getNodeDimensions(node);
   const inlineDimensions = getNodeInlineStyleDimensions(node);
   // TODO: clamping should happen earlier
-  let clampedPosition = nodeExtent ? clampPosition(internals.positionAbsolute, nodeExtent) : internals.positionAbsolute;
+  const clampedPosition = nodeExtent
+    ? clampPosition(internals.positionAbsolute, nodeExtent)
+    : internals.positionAbsolute;
 
   const hasPointerEvents = isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave;
 
diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index 8050ca20d..d74a0fdbe 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -32,7 +32,6 @@ export type GraphViewProps<NodeType extends Node = Node, EdgeType extends Edge =
       | 'noPanClassName'
       | 'defaultViewport'
       | 'disableKeyboardA11y'
-      | 'nodeOrigin'
     >
   > & {
     rfId: string;
@@ -97,7 +96,6 @@ function GraphViewComponent<NodeType extends Node = Node, EdgeType extends Edge
   noWheelClassName,
   noPanClassName,
   disableKeyboardA11y,
-  nodeOrigin,
   nodeExtent,
   rfId,
   viewport,
@@ -186,7 +184,6 @@ function GraphViewComponent<NodeType extends Node = Node, EdgeType extends Edge
           noPanClassName={noPanClassName}
           noDragClassName={noDragClassName}
           disableKeyboardA11y={disableKeyboardA11y}
-          nodeOrigin={nodeOrigin}
           nodeExtent={nodeExtent}
           rfId={rfId}
         />
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index 39b20323a..2b178ae52 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -22,7 +22,6 @@ export type NodeRendererProps<NodeType extends Node> = Pick<
   | 'noDragClassName'
   | 'rfId'
   | 'disableKeyboardA11y'
-  | 'nodeOrigin'
   | 'nodeExtent'
   | 'nodeTypes'
 >;
@@ -72,7 +71,6 @@ function NodeRendererComponent<NodeType extends Node>(props: NodeRendererProps<N
             id={nodeId}
             nodeTypes={props.nodeTypes}
             nodeExtent={props.nodeExtent}
-            nodeOrigin={props.nodeOrigin}
             onClick={props.onNodeClick}
             onMouseEnter={props.onNodeMouseEnter}
             onMouseMove={props.onNodeMouseMove}
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 64ac7202b..31f7c3158 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -217,7 +217,6 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
           noPanClassName={noPanClassName}
           rfId={rfId}
           disableKeyboardA11y={disableKeyboardA11y}
-          nodeOrigin={nodeOrigin}
           nodeExtent={nodeExtent}
           viewport={viewport}
           onViewportChange={onViewportChange}
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index a01a894a7..71e030367 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -1,12 +1,5 @@
 import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
-import type {
-  CoordinateExtent,
-  NodeBase,
-  NodeOrigin,
-  OnError,
-  NodeProps as NodePropsBase,
-  InternalNodeBase,
-} from '@xyflow/system';
+import type { CoordinateExtent, NodeBase, OnError, NodeProps as NodePropsBase, InternalNodeBase } from '@xyflow/system';
 
 import { NodeTypes } from './general';
 
@@ -59,7 +52,6 @@ export type NodeWrapperProps<NodeType extends Node> = {
   disableKeyboardA11y: boolean;
   nodeTypes?: NodeTypes;
   nodeExtent?: CoordinateExtent;
-  nodeOrigin: NodeOrigin;
   onError?: OnError;
 };
 
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 7bf6e6929..52ffae5d6 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -54,7 +54,7 @@ export type ReactFlowStore<NodeType extends Node = Node, EdgeType extends Edge =
   transform: Transform;
   nodes: NodeType[];
   nodeLookup: NodeLookup<InternalNode<NodeType>>;
-  parentLookup: Map<string, InternalNode<NodeType>[]>;
+  parentLookup: Map<string, Map<string, InternalNode<NodeType>>>;
   edges: Edge[];
   edgeLookup: EdgeLookup<EdgeType>;
   connectionLookup: ConnectionLookup;
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 073f206cb..34d3635bb 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -107,7 +107,7 @@ export const getInitialStore = ({
     flowId: writable<string | null>(null),
     nodes: createNodesStore(nodes, nodeLookup, parentLookup),
     nodeLookup: readable<NodeLookup<InternalNode>>(nodeLookup),
-    parentLookup: readable<Map<string, InternalNode[]>>(parentLookup),
+    parentLookup: readable<Map<string, Map<string, InternalNode>>>(parentLookup),
     edgeLookup: readable<EdgeLookup<Edge>>(edgeLookup),
     visibleNodes: readable<InternalNode[]>([]),
     edges: createEdgesStore(edges, connectionLookup, edgeLookup),
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index 5fd66cfe3..4eb402dce 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -13,7 +13,8 @@ import {
   type PanZoomInstance,
   type ConnectionLookup,
   type EdgeLookup,
-  type NodeLookup
+  type NodeLookup,
+  type ParentLookup
 } from '@xyflow/system';
 
 import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, InternalNode, Node } from '$lib/types';
@@ -128,7 +129,7 @@ export type NodeStoreOptions = {
 export const createNodesStore = (
   nodes: Node[],
   nodeLookup: NodeLookup<InternalNode>,
-  parentLookup: Map<string, InternalNode[]>
+  parentLookup: ParentLookup<InternalNode>
 ): {
   subscribe: (this: void, run: Subscriber<Node[]>) => Unsubscriber;
   update: (this: void, updater: Updater<Node[]>) => void;
diff --git a/packages/system/src/types/nodes.ts b/packages/system/src/types/nodes.ts
index a6cf407fe..afe1b3fa2 100644
--- a/packages/system/src/types/nodes.ts
+++ b/packages/system/src/types/nodes.ts
@@ -154,4 +154,4 @@ export type NodeHandle = Optional<HandleElement, 'width' | 'height'>;
 export type Align = 'center' | 'start' | 'end';
 
 export type NodeLookup<NodeType extends InternalNodeBase = InternalNodeBase> = Map<string, NodeType>;
-export type ParentLookup<NodeType extends InternalNodeBase = InternalNodeBase> = Map<string, NodeType[]>;
+export type ParentLookup<NodeType extends InternalNodeBase = InternalNodeBase> = Map<string, Map<string, NodeType>>;
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index 95a02f81a..f2087ab97 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -118,29 +118,6 @@ export const devWarn = (id: string, message: string) => {
   }
 };
 
-export const getPositionWithOrigin = ({
-  x,
-  y,
-  width,
-  height,
-  origin = [0, 0],
-}: {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-  origin?: NodeOrigin;
-}): XYPosition => {
-  if (!width || !height || origin[0] < 0 || origin[1] < 0 || origin[0] > 1 || origin[1] > 1) {
-    return { x, y };
-  }
-
-  return {
-    x: x - width * origin[0],
-    y: y - height * origin[1],
-  };
-};
-
 export const snapPosition = (position: XYPosition, snapGrid: SnapGrid = [1, 1]): XYPosition => {
   return {
     x: snapGrid[0] * Math.round(position.x / snapGrid[0]),
@@ -243,7 +220,7 @@ export function nodeHasDimensions<NodeType extends NodeBase = NodeBase>(node: No
  */
 export function evaluateAbsolutePosition(
   position: XYPosition,
-  dimensions: { width: number; height: number },
+  dimensions: { width?: number; height?: number } = { width: 0, height: 0 },
   parentId: string,
   nodeLookup: NodeLookup,
   nodeOrigin: NodeOrigin
@@ -257,10 +234,8 @@ export function evaluateAbsolutePosition(
 
     if (parent) {
       const origin = parent.origin || nodeOrigin;
-      const xOffset = (parent.measured.width ?? 0) * origin[0];
-      const yOffset = (parent.measured.height ?? 0) * origin[1];
-      positionAbsolute.x += parent.internals.positionAbsolute.x - dimensions.width * nodeOrigin[0];
-      positionAbsolute.y += parent.internals.positionAbsolute.y - dimensions.height * nodeOrigin[1];
+      positionAbsolute.x += parent.internals.positionAbsolute.x - (dimensions.width ?? 0) * origin[0];
+      positionAbsolute.y += parent.internals.positionAbsolute.y - (dimensions.height ?? 0) * origin[1];
     }
   }
 
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 60184f16d..87accbc07 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -15,7 +15,6 @@ import {
   NodeDimensionChange,
   NodePositionChange,
   ParentLookup,
-  Dimensions,
 } from '../types';
 import { getDimensions, getHandleBounds } from './dom';
 import { getBoundsOfRects, getNodeDimensions, isNumeric, nodeToRect } from './general';
@@ -23,8 +22,8 @@ import { getNodePositionWithOrigin } from './graph';
 import { ParentExpandChild } from './types';
 
 export function updateAbsolutePositions<NodeType extends NodeBase>(
-  nodeLookup: Map<string, InternalNodeBase<NodeType>>,
-  parentLookup: Map<string, InternalNodeBase<NodeType>[]>,
+  nodeLookup: NodeLookup<InternalNodeBase<NodeType>>,
+  parentLookup: ParentLookup<InternalNodeBase<NodeType>>,
   options: UpdateNodesOptions<NodeType> = {
     nodeOrigin: [0, 0] as NodeOrigin,
     elevateNodesOnSelect: true,
@@ -49,8 +48,8 @@ type UpdateNodesOptions<NodeType extends NodeBase> = {
 
 export function adoptUserNodes<NodeType extends NodeBase>(
   nodes: NodeType[],
-  nodeLookup: Map<string, InternalNodeBase<NodeType>>,
-  parentLookup: Map<string, InternalNodeBase<NodeType>[]>,
+  nodeLookup: NodeLookup<InternalNodeBase<NodeType>>,
+  parentLookup: ParentLookup<InternalNodeBase<NodeType>>,
   options: UpdateNodesOptions<NodeType> = {
     nodeOrigin: [0, 0] as NodeOrigin,
     elevateNodesOnSelect: true,
@@ -94,8 +93,8 @@ export function adoptUserNodes<NodeType extends NodeBase>(
 
 function updateChildPosition<NodeType extends NodeBase>(
   node: InternalNodeBase<NodeType>,
-  nodeLookup: NodeLookup,
-  parentLookup: ParentLookup,
+  nodeLookup: NodeLookup<InternalNodeBase<NodeType>>,
+  parentLookup: ParentLookup<InternalNodeBase<NodeType>>,
   options: UpdateNodesOptions<NodeType> = {
     nodeOrigin: [0, 0] as NodeOrigin,
     elevateNodesOnSelect: true,
@@ -111,9 +110,9 @@ function updateChildPosition<NodeType extends NodeBase>(
   // update the parentLookup
   const childNodes = parentLookup.get(parentId);
   if (childNodes) {
-    childNodes.push(node);
+    childNodes.set(node.id, node);
   } else {
-    parentLookup.set(parentId, [node]);
+    parentLookup.set(parentId, new Map([[node.id, node]]);
   }
 
   const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
@@ -160,7 +159,7 @@ export function handleExpandParent(
 ): (NodeDimensionChange | NodePositionChange)[] {
   const changes: (NodeDimensionChange | NodePositionChange)[] = [];
   const parentExpansions = new Map<string, { expandedRect: Rect; parent: InternalNodeBase }>();
-
+  console.log(children)
   // determine the expanded rectangle the child nodes would take for each parent
   for (const child of children) {
     const parent = nodeLookup.get(child.parentId);
@@ -168,14 +167,13 @@ export function handleExpandParent(
       continue;
     }
 
-    const parentRect =
-      parentExpansions.get(child.parentId)?.expandedRect ?? nodeToRect(parent, parent.origin ?? nodeOrigin);
-
+    const parentRect = parentExpansions.get(child.parentId)?.expandedRect ?? nodeToRect(parent);
     const expandedRect = getBoundsOfRects(parentRect, child.rect);
 
     parentExpansions.set(child.parentId, { expandedRect, parent });
   }
 
+
   if (parentExpansions.size > 0) {
     parentExpansions.forEach(({ expandedRect, parent }, parentId) => {
       // determine the position & dimensions of the parent
@@ -208,8 +206,7 @@ export function handleExpandParent(
 
         // We move all child nodes in the oppsite direction
         // so the x,y changes of the parent do not move the children
-        const childNodes = parentLookup.get(parentId);
-        childNodes?.forEach((childNode) => {
+        parentLookup.get(parentId)?.forEach((childNode) => {
           if (!children.some((child) => child.id === childNode.id)) {
             changes.push({
               id: childNode.id,
@@ -295,7 +292,7 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
           },
         };
         if (node.parentId) {
-          updateChildPosition(node, nodeLookup, parentLookup, { nodeOrigin });
+           updateChildPosition(node, nodeLookup, parentLookup, { nodeOrigin });
         }
 
         updatedInternals = true;

From 08750d354f36b9c2890ff8157b2985931526e51a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 26 Jun 2024 15:45:05 +0200
Subject: [PATCH 0867/1093] chore(utils): remove logs

---
 .../src/additional-components/NodeResizer/NodeResizeControl.tsx | 1 -
 packages/system/src/utils/store.ts                              | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index 7f1139c1a..63128c09e 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -94,7 +94,6 @@ function ResizeControl({
                 ),
               },
             };
-            console.log(child);
 
             const parentExpandChanges = handleExpandParent([child], nodeLookup, parentLookup, nodeOrigin);
             changes.push(...parentExpandChanges);
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 87accbc07..a53effa7d 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -159,7 +159,7 @@ export function handleExpandParent(
 ): (NodeDimensionChange | NodePositionChange)[] {
   const changes: (NodeDimensionChange | NodePositionChange)[] = [];
   const parentExpansions = new Map<string, { expandedRect: Rect; parent: InternalNodeBase }>();
-  console.log(children)
+
   // determine the expanded rectangle the child nodes would take for each parent
   for (const child of children) {
     const parent = nodeLookup.get(child.parentId);

From e179324264691b4e336262b52dcb346b4a1f101c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 26 Jun 2024 16:59:38 +0200
Subject: [PATCH 0868/1093] chore(connection-line): variable name

---
 packages/react/src/components/ConnectionLine/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/components/ConnectionLine/index.tsx b/packages/react/src/components/ConnectionLine/index.tsx
index f79bfe246..56acd9ac8 100644
--- a/packages/react/src/components/ConnectionLine/index.tsx
+++ b/packages/react/src/components/ConnectionLine/index.tsx
@@ -154,9 +154,9 @@ const selector = (s: ReactFlowState) => ({
 
 export function ConnectionLineWrapper({ containerStyle, style, type, component }: ConnectionLineWrapperProps) {
   const { nodeId, handleType, nodesConnectable, width, height, isValid } = useStore(selector, shallow);
-  const isIncorrect = !(nodeId && handleType && width && nodesConnectable);
+  const renderConnectionLine = !!(nodeId && handleType && width && nodesConnectable);
 
-  if (isIncorrect) {
+  if (!renderConnectionLine) {
     return null;
   }
 

From 25ff17a1613406e2372e239c48bd1240846c6d05 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 26 Jun 2024 17:23:52 +0200
Subject: [PATCH 0869/1093] chore(useConnection): update tsdoc

---
 packages/react/src/hooks/useConnection.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/hooks/useConnection.ts b/packages/react/src/hooks/useConnection.ts
index 82c95897b..0756344e5 100644
--- a/packages/react/src/hooks/useConnection.ts
+++ b/packages/react/src/hooks/useConnection.ts
@@ -9,10 +9,10 @@ const selector = (s: ReactFlowStore) => ({
 });
 
 /**
- * Hook for accessing the ongoing connection.
+ * Hook for accessing the connection state.
  *
  * @public
- * @returns ongoing connection
+ * @returns ConnectionState
  */
 export function useConnection(): ConnectionState {
   return useStore(selector, shallow);

From 8f12fde9eb84bf061ffc674be170d171fdb42bc7 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 26 Jun 2024 17:23:57 +0200
Subject: [PATCH 0870/1093] Fixed NodeResizer for non-default node origins

---
 packages/system/src/xyresizer/XYResizer.ts | 28 ++++++++++++----------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index f40c4bf11..c9dae4aa4 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -216,19 +216,6 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }: X
           prevValues.x = change.x;
           prevValues.y = change.y;
 
-          // Fix expandParent when resizing from top/left
-          if (parentNode && node.expandParent) {
-            if (change.x && change.x < 0) {
-              prevValues.x = 0;
-              startValues.x = startValues.x - change.x;
-            }
-
-            if (change.y && change.y < 0) {
-              prevValues.y = 0;
-              startValues.y = startValues.y - change.y;
-            }
-          }
-
           // when top/left changes, correct the relative positions of child nodes
           // so that they stay in the same position
           if (childNodes.length > 0) {
@@ -252,6 +239,21 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }: X
           prevValues.height = change.height;
         }
 
+        // Fix expandParent when resizing from top/left
+        if (parentNode && node.expandParent) {
+          const xLimit = nodeOrigin[0] * (change.width ?? 0);
+          if (change.x && change.x < xLimit) {
+            prevValues.x = xLimit;
+            startValues.x = startValues.x - (change.x - xLimit);
+          }
+
+          const yLimit = nodeOrigin[1] * (change.height ?? 0);
+          if (change.y && change.y < yLimit) {
+            prevValues.y = yLimit;
+            startValues.y = startValues.y - (change.y - yLimit);
+          }
+        }
+
         const direction = getResizeDirection({
           width: prevValues.width,
           prevWidth,

From 1a51428bd43fa9cfad8e5e4fa3d7be86733b6adb Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 26 Jun 2024 17:24:36 +0200
Subject: [PATCH 0871/1093] turns out default values for object parameters
 don't work as expected

---
 packages/system/src/utils/store.ts | 49 +++++++++++++++---------------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index a53effa7d..2abebcb9a 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -21,21 +21,28 @@ import { getBoundsOfRects, getNodeDimensions, isNumeric, nodeToRect } from './ge
 import { getNodePositionWithOrigin } from './graph';
 import { ParentExpandChild } from './types';
 
+const defaultOptions = {
+  nodeOrigin: [0, 0] as NodeOrigin,
+  elevateNodesOnSelect: true,
+  defaults: {},
+};
+const adoptUserNodesDefaultOptions = {
+  ...defaultOptions,
+  checkEquality: true,
+};
+
 export function updateAbsolutePositions<NodeType extends NodeBase>(
   nodeLookup: NodeLookup<InternalNodeBase<NodeType>>,
   parentLookup: ParentLookup<InternalNodeBase<NodeType>>,
-  options: UpdateNodesOptions<NodeType> = {
-    nodeOrigin: [0, 0] as NodeOrigin,
-    elevateNodesOnSelect: true,
-    defaults: {},
-  }
+  options?: UpdateNodesOptions<NodeType>
 ) {
+  const _options = { ...defaultOptions, ...options };
   for (const node of nodeLookup.values()) {
     if (!node.parentId) {
       continue;
     }
 
-    updateChildPosition(node, nodeLookup, parentLookup, options);
+    updateChildPosition(node, nodeLookup, parentLookup, _options);
   }
 }
 
@@ -50,13 +57,9 @@ export function adoptUserNodes<NodeType extends NodeBase>(
   nodes: NodeType[],
   nodeLookup: NodeLookup<InternalNodeBase<NodeType>>,
   parentLookup: ParentLookup<InternalNodeBase<NodeType>>,
-  options: UpdateNodesOptions<NodeType> = {
-    nodeOrigin: [0, 0] as NodeOrigin,
-    elevateNodesOnSelect: true,
-    defaults: {},
-    checkEquality: true,
-  }
+  options?: UpdateNodesOptions<NodeType>
 ) {
+  const _options = { ...adoptUserNodesDefaultOptions, ...options };
   const tmpLookup = new Map(nodeLookup);
   nodeLookup.clear();
   parentLookup.clear();
@@ -65,18 +68,18 @@ export function adoptUserNodes<NodeType extends NodeBase>(
 
   for (const userNode of nodes) {
     let internalNode = tmpLookup.get(userNode.id);
-    if (options.checkEquality && userNode === internalNode?.internals.userNode) {
+    if (_options.checkEquality && userNode === internalNode?.internals.userNode) {
       nodeLookup.set(userNode.id, internalNode);
     } else {
       internalNode = {
-        ...options.defaults,
+        ..._options.defaults,
         ...userNode,
         measured: {
           width: userNode.measured?.width,
           height: userNode.measured?.height,
         },
         internals: {
-          positionAbsolute: getNodePositionWithOrigin(userNode, options.nodeOrigin),
+          positionAbsolute: getNodePositionWithOrigin(userNode, _options.nodeOrigin),
           handleBounds: internalNode?.internals.handleBounds,
           z: calculateZ(userNode, selectedNodeZ),
           userNode,
@@ -95,12 +98,10 @@ function updateChildPosition<NodeType extends NodeBase>(
   node: InternalNodeBase<NodeType>,
   nodeLookup: NodeLookup<InternalNodeBase<NodeType>>,
   parentLookup: ParentLookup<InternalNodeBase<NodeType>>,
-  options: UpdateNodesOptions<NodeType> = {
-    nodeOrigin: [0, 0] as NodeOrigin,
-    elevateNodesOnSelect: true,
-    defaults: {},
-  }
+  options?: UpdateNodesOptions<NodeType>
 ) {
+  const _options = { ...defaultOptions, ...options };
+
   const parentId = node.parentId!;
   const parentNode = nodeLookup.get(parentId);
   if (!parentNode) {
@@ -112,12 +113,12 @@ function updateChildPosition<NodeType extends NodeBase>(
   if (childNodes) {
     childNodes.set(node.id, node);
   } else {
-    parentLookup.set(parentId, new Map([[node.id, node]]);
+    parentLookup.set(parentId, new Map([[node.id, node]]));
   }
 
   const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
 
-  const { x, y, z } = calculateChildXYZ(node, parentNode, options.nodeOrigin!, selectedNodeZ);
+  const { x, y, z } = calculateChildXYZ(node, parentNode, _options.nodeOrigin!, selectedNodeZ);
 
   const currPosition = node.internals.positionAbsolute;
   const positionChanged = x !== currPosition.x || y !== currPosition.y;
@@ -144,6 +145,7 @@ function calculateChildXYZ<NodeType extends NodeBase>(
   const position = getNodePositionWithOrigin(childNode, nodeOrigin);
   const childZ = calculateZ(childNode, selectedNodeZ);
   const parentZ = parentNode.internals.z ?? 0;
+
   return {
     x: parentNode.internals.positionAbsolute.x + position.x,
     y: parentNode.internals.positionAbsolute.y + position.y,
@@ -173,7 +175,6 @@ export function handleExpandParent(
     parentExpansions.set(child.parentId, { expandedRect, parent });
   }
 
-
   if (parentExpansions.size > 0) {
     parentExpansions.forEach(({ expandedRect, parent }, parentId) => {
       // determine the position & dimensions of the parent
@@ -292,7 +293,7 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
           },
         };
         if (node.parentId) {
-           updateChildPosition(node, nodeLookup, parentLookup, { nodeOrigin });
+          updateChildPosition(node, nodeLookup, parentLookup, { nodeOrigin });
         }
 
         updatedInternals = true;

From 25dfeb1c025d7fc994afbf60dca10400dc653f9f Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 26 Jun 2024 18:12:56 +0200
Subject: [PATCH 0872/1093] dont invoke connection updates if the snapped
 handle stays the same

---
 packages/react/src/store/index.ts        |  1 +
 packages/system/src/xyhandle/XYHandle.ts | 26 ++++++++++++++++++++----
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 6c15bfa21..fa7782920 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -314,6 +314,7 @@ const createStore = ({
         });
       },
       updateConnection: (connection) => {
+        console.log('newUpdate');
         set({ connection });
       },
 
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 5fadab741..f37973936 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -14,6 +14,7 @@ import {
   NodeLookup,
   Position,
   oppositePosition,
+  ConnectionInProgress,
 } from '../types';
 
 import { getClosestHandle, isConnectionValid, getHandleLookup, getHandleType } from './utils';
@@ -145,7 +146,7 @@ function onPointerDown(
 
   const from = getHandlePosition(fromNodeInternal, fromHandle, Position.Left, true);
 
-  updateConnection({
+  const newConnection: ConnectionInProgress = {
     inProgress: true,
     isValid: null,
 
@@ -158,7 +159,10 @@ function onPointerDown(
     toHandle: null,
     toPosition: oppositePosition[fromHandle.position],
     toNode: null,
-  });
+  };
+
+  updateConnection(newConnection);
+  let previousConnection: ConnectionInProgress = newConnection;
 
   onConnectStart?.(event, { nodeId, handleId, handleType });
 
@@ -198,7 +202,7 @@ function onPointerDown(
     connection = result.connection;
     isValid = isConnectionValid(!!closestHandle, result.isValid);
 
-    updateConnection({
+    const newConnection: ConnectionInProgress = {
       inProgress: true,
       isValid,
 
@@ -214,7 +218,21 @@ function onPointerDown(
       toHandle: result.toHandle,
       toPosition: isValid && result.toHandle ? result.toHandle.position : oppositePosition[fromHandle.position],
       toNode: result.toHandle ? nodeLookup.get(result.toHandle.nodeId)!.internals.userNode : null,
-    });
+    };
+
+    // we don't want to trigger an update when the connection
+    // is snapped to the same handle as before
+    if (
+      previousConnection.toHandle &&
+      newConnection.toHandle &&
+      previousConnection.toHandle.nodeId === newConnection.toHandle.nodeId &&
+      previousConnection.toHandle.id === newConnection.toHandle.id
+    ) {
+      return;
+    }
+
+    updateConnection(newConnection);
+    previousConnection = newConnection;
   }
 
   function onPointerUp(event: MouseEvent | TouchEvent) {

From 38de98b6b7344bb65b2a072092e3099a8608fc9f Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 26 Jun 2024 18:13:38 +0200
Subject: [PATCH 0873/1093] removed console.log

---
 packages/react/src/store/index.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index fa7782920..6c15bfa21 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -314,7 +314,6 @@ const createStore = ({
         });
       },
       updateConnection: (connection) => {
-        console.log('newUpdate');
         set({ connection });
       },
 

From 2b0f83b72e1c75a1b30797a47b3853467a2aa0fe Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 27 Jun 2024 10:31:30 +0200
Subject: [PATCH 0874/1093] cleanup

---
 packages/system/src/xyhandle/XYHandle.ts | 72 ++----------------------
 packages/system/src/xyhandle/types.ts    | 63 +++++++++++++++++++++
 2 files changed, 68 insertions(+), 67 deletions(-)
 create mode 100644 packages/system/src/xyhandle/types.ts

diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index f37973936..cc6fddba4 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -1,72 +1,15 @@
 import { pointToRendererPoint, getHostForElement, calcAutoPan, getEventPosition, getHandlePosition } from '../utils';
 import {
   ConnectionMode,
-  type OnConnect,
-  type OnConnectStart,
-  type HandleType,
-  type Connection,
-  type PanBy,
-  type Transform,
-  type Handle,
-  type OnConnectEnd,
-  type UpdateConnection,
-  type IsValidConnection,
-  NodeLookup,
   Position,
   oppositePosition,
   ConnectionInProgress,
+  type Handle,
+  type Connection,
 } from '../types';
 
 import { getClosestHandle, isConnectionValid, getHandleLookup, getHandleType } from './utils';
-
-export type OnPointerDownParams = {
-  autoPanOnConnect: boolean;
-  connectionMode: ConnectionMode;
-  connectionRadius: number;
-  domNode: HTMLDivElement | null;
-  handleId: string | null;
-  nodeId: string;
-  isTarget: boolean;
-  nodeLookup: NodeLookup;
-  lib: string;
-  flowId: string | null;
-  edgeUpdaterType?: HandleType;
-  updateConnection: UpdateConnection;
-  panBy: PanBy;
-  cancelConnection: () => void;
-  onConnectStart?: OnConnectStart;
-  onConnect?: OnConnect;
-  onConnectEnd?: OnConnectEnd;
-  isValidConnection?: IsValidConnection;
-  onReconnectEnd?: (evt: MouseEvent | TouchEvent) => void;
-  getTransform: () => Transform;
-  getFromHandle: () => Handle | null;
-};
-
-export type IsValidParams = {
-  handle: Pick<Handle, 'nodeId' | 'id' | 'type'> | null;
-  connectionMode: ConnectionMode;
-  fromNodeId: string;
-  fromHandleId: string | null;
-  fromType: HandleType;
-  isValidConnection?: IsValidConnection;
-  doc: Document | ShadowRoot;
-  lib: string;
-  flowId: string | null;
-  handleLookup?: Handle[];
-};
-
-export type XYHandleInstance = {
-  onPointerDown: (event: MouseEvent | TouchEvent, params: OnPointerDownParams) => void;
-  isValid: (event: MouseEvent | TouchEvent, params: IsValidParams) => Result;
-};
-
-type Result = {
-  handleDomNode: Element | null;
-  isValid: boolean;
-  connection: Connection | null;
-  toHandle: Handle | null;
-};
+import { IsValidParams, OnPointerDownParams, Result, XYHandleInstance } from './types';
 
 const alwaysValid = () => true;
 
@@ -203,14 +146,9 @@ function onPointerDown(
     isValid = isConnectionValid(!!closestHandle, result.isValid);
 
     const newConnection: ConnectionInProgress = {
-      inProgress: true,
+      // from stays the same
+      ...previousConnection,
       isValid,
-
-      from,
-      fromHandle,
-      fromPosition: fromHandle.position,
-      fromNode: fromNodeInternal.internals.userNode,
-
       to:
         closestHandle && isValid
           ? { x: closestHandle.x, y: closestHandle.y }
diff --git a/packages/system/src/xyhandle/types.ts b/packages/system/src/xyhandle/types.ts
new file mode 100644
index 000000000..7c7543a18
--- /dev/null
+++ b/packages/system/src/xyhandle/types.ts
@@ -0,0 +1,63 @@
+import {
+  ConnectionMode,
+  type Connection,
+  type OnConnect,
+  type OnConnectStart,
+  type HandleType,
+  type PanBy,
+  type Transform,
+  type Handle,
+  type OnConnectEnd,
+  type UpdateConnection,
+  type IsValidConnection,
+  NodeLookup,
+} from '../types';
+
+export type OnPointerDownParams = {
+  autoPanOnConnect: boolean;
+  connectionMode: ConnectionMode;
+  connectionRadius: number;
+  domNode: HTMLDivElement | null;
+  handleId: string | null;
+  nodeId: string;
+  isTarget: boolean;
+  nodeLookup: NodeLookup;
+  lib: string;
+  flowId: string | null;
+  edgeUpdaterType?: HandleType;
+  updateConnection: UpdateConnection;
+  panBy: PanBy;
+  cancelConnection: () => void;
+  onConnectStart?: OnConnectStart;
+  onConnect?: OnConnect;
+  onConnectEnd?: OnConnectEnd;
+  isValidConnection?: IsValidConnection;
+  onReconnectEnd?: (evt: MouseEvent | TouchEvent) => void;
+  getTransform: () => Transform;
+  getFromHandle: () => Handle | null;
+};
+
+export type IsValidParams = {
+  handle: Pick<Handle, 'nodeId' | 'id' | 'type'> | null;
+  connectionMode: ConnectionMode;
+  fromNodeId: string;
+  fromHandleId: string | null;
+  fromType: HandleType;
+  isValidConnection?: IsValidConnection;
+  doc: Document | ShadowRoot;
+  lib: string;
+  flowId: string | null;
+  handleLookup?: Handle[];
+};
+
+export type XYHandleInstance = {
+  onPointerDown: (event: MouseEvent | TouchEvent, params: OnPointerDownParams) => void;
+  isValid: (event: MouseEvent | TouchEvent, params: IsValidParams) => Result;
+};
+
+export type Result = {
+  handleDomNode: Element | null;
+  isValid: boolean;
+  connection: Connection | null;
+  toHandle: Handle | null;
+};

From 6cc69608956cd987ba86b29685a8447f9dd12d5d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 27 Jun 2024 12:33:54 +0200
Subject: [PATCH 0875/1093] refactor(xyhandle): use center for to-xy, block
 updates only if valid

---
 packages/system/src/xyhandle/XYHandle.ts | 2 ++
 packages/system/src/xyhandle/utils.ts    | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index cc6fddba4..7244d8d38 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -161,6 +161,8 @@ function onPointerDown(
     // we don't want to trigger an update when the connection
     // is snapped to the same handle as before
     if (
+      isValid &&
+      closestHandle &&
       previousConnection.toHandle &&
       newConnection.toHandle &&
       previousConnection.toHandle.nodeId === newConnection.toHandle.nodeId &&
diff --git a/packages/system/src/xyhandle/utils.ts b/packages/system/src/xyhandle/utils.ts
index af81c84a2..409d148ca 100644
--- a/packages/system/src/xyhandle/utils.ts
+++ b/packages/system/src/xyhandle/utils.ts
@@ -21,7 +21,7 @@ function getHandles(
     if (node.id === currentHandle.nodeId && type === currentHandle.handleType && handle.id === currentHandle.handleId) {
       excludedHandle = handle;
     } else {
-      const handleXY = getHandlePosition(node, handle);
+      const handleXY = getHandlePosition(node, handle, handle.position, true);
       res.push({ ...handle, ...handleXY });
     }
     return res;

From 941898b97d824273ac1cfd6cf9f4c7ee1c94588c Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 27 Jun 2024 13:44:30 +0200
Subject: [PATCH 0876/1093] fixed connectionLine not updating correctly on auto
 pan

---
 .../src/components/ConnectionLine/index.tsx    |  8 +++-----
 packages/react/src/hooks/useConnection.ts      | 11 ++++++-----
 packages/svelte/src/lib/store/index.ts         | 18 ++++++++++++++----
 packages/svelte/src/lib/store/initial-store.ts |  2 +-
 packages/system/src/xyhandle/XYHandle.ts       | 15 +++++++++++----
 5 files changed, 35 insertions(+), 19 deletions(-)

diff --git a/packages/react/src/components/ConnectionLine/index.tsx b/packages/react/src/components/ConnectionLine/index.tsx
index ee816622e..a5f7e1e26 100644
--- a/packages/react/src/components/ConnectionLine/index.tsx
+++ b/packages/react/src/components/ConnectionLine/index.tsx
@@ -12,6 +12,7 @@ import {
 import { useStore } from '../../hooks/useStore';
 import { getSimpleBezierPath } from '../Edges/SimpleBezierEdge';
 import type { ConnectionLineComponent, ReactFlowState } from '../../types';
+import { useConnection } from '../../hooks/useConnection';
 
 type ConnectionLineWrapperProps = {
   type: ConnectionLineType;
@@ -58,10 +59,7 @@ type ConnectionLineProps = {
 };
 
 const ConnectionLine = ({ style, type = ConnectionLineType.Bezier, CustomComponent, isValid }: ConnectionLineProps) => {
-  const { inProgress, from, fromNode, fromHandle, fromPosition, to, toNode, toHandle, toPosition } = useStore(
-    (s: ReactFlowState) => s.connection,
-    shallow
-  );
+  const { inProgress, from, fromNode, fromHandle, fromPosition, to, toNode, toHandle, toPosition } = useConnection();
 
   if (!inProgress) {
     return;
@@ -121,4 +119,4 @@ const ConnectionLine = ({ style, type = ConnectionLineType.Bezier, CustomCompone
   return <path d={path} fill="none" className="react-flow__connection-path" style={style} />;
 };
 
-ConnectionLine.displayName = 'ConnectionLine';
\ No newline at end of file
+ConnectionLine.displayName = 'ConnectionLine';
diff --git a/packages/react/src/hooks/useConnection.ts b/packages/react/src/hooks/useConnection.ts
index 0756344e5..8a4b377b2 100644
--- a/packages/react/src/hooks/useConnection.ts
+++ b/packages/react/src/hooks/useConnection.ts
@@ -2,12 +2,13 @@ import { shallow } from 'zustand/shallow';
 
 import { useStore } from './useStore';
 import type { ReactFlowStore } from '../types/store';
-import { ConnectionState } from '@xyflow/system';
-
-const selector = (s: ReactFlowStore) => ({
-  ...s.connection,
-});
+import { ConnectionState, pointToRendererPoint } from '@xyflow/system';
 
+const selector = (s: ReactFlowStore): ConnectionState => {
+  return s.connection.inProgress
+    ? { ...s.connection, to: pointToRendererPoint(s.connection.to, s.transform) }
+    : { ...s.connection };
+};
 /**
  * Hook for accessing the connection state.
  *
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 1f040cb0f..f408c756a 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -1,5 +1,5 @@
 import { getContext, setContext } from 'svelte';
-import { derived, get } from 'svelte/store';
+import { derived, get, writable } from 'svelte/store';
 import {
   createMarkerIds,
   fitView as fitViewSystem,
@@ -16,7 +16,8 @@ import {
   type XYPosition,
   type CoordinateExtent,
   type UpdateConnection,
-  type ConnectionState
+  type ConnectionState,
+  pointToRendererPoint
 } from '@xyflow/system';
 
 import type { EdgeTypes, NodeTypes, Node, Edge, FitViewOptions } from '$lib/types';
@@ -331,12 +332,13 @@ export function createStore({
     });
   }
 
+  const _connection = writable<ConnectionState>(initialConnection);
   const updateConnection: UpdateConnection = (newConnection: ConnectionState) => {
-    store.connection.set({ ...newConnection });
+    _connection.set({ ...newConnection });
   };
 
   function cancelConnection() {
-    store.connection.set(initialConnection);
+    _connection.set(initialConnection);
   }
 
   function reset() {
@@ -357,6 +359,14 @@ export function createStore({
     // derived state
     visibleEdges: getVisibleEdges(store),
     visibleNodes: getVisibleNodes(store),
+    connection: derived([_connection, store.viewport], ([connection, viewport]) => {
+      return connection.inProgress
+        ? {
+            ...connection,
+            to: pointToRendererPoint(connection.to, [viewport.x, viewport.y, viewport.zoom])
+          }
+        : { ...connection };
+    }),
     markers: derived(
       [store.edges, store.defaultMarkerColor, store.flowId],
       ([edges, defaultColor, id]) => createMarkerIds(edges, { defaultColor, id })
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 8b6bee25f..ce17627fe 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -143,7 +143,7 @@ export const getInitialStore = ({
     viewport: writable<Viewport>(viewport),
     connectionMode: writable<ConnectionMode>(ConnectionMode.Strict),
     domNode: writable<HTMLDivElement | null>(null),
-    connection: writable<ConnectionState>(initialConnection),
+    connection: readable<ConnectionState>(initialConnection),
     connectionLineType: writable<ConnectionLineType>(ConnectionLineType.Bezier),
     connectionRadius: writable<number>(20),
     isValidConnection: writable<IsValidConnection>(() => true),
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 7244d8d38..4ecf0cce0 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -1,4 +1,11 @@
-import { pointToRendererPoint, getHostForElement, calcAutoPan, getEventPosition, getHandlePosition } from '../utils';
+import {
+  pointToRendererPoint,
+  getHostForElement,
+  calcAutoPan,
+  getEventPosition,
+  getHandlePosition,
+  rendererPointToPoint,
+} from '../utils';
 import {
   ConnectionMode,
   Position,
@@ -98,7 +105,7 @@ function onPointerDown(
     fromPosition: fromHandle.position,
     fromNode: fromNodeInternal.internals.userNode,
 
-    to: pointToRendererPoint(position, getTransform()),
+    to: position,
     toHandle: null,
     toPosition: oppositePosition[fromHandle.position],
     toNode: null,
@@ -151,8 +158,8 @@ function onPointerDown(
       isValid,
       to:
         closestHandle && isValid
-          ? { x: closestHandle.x, y: closestHandle.y }
-          : pointToRendererPoint(position, transform),
+          ? rendererPointToPoint({ x: closestHandle.x, y: closestHandle.y }, transform)
+          : position,
       toHandle: result.toHandle,
       toPosition: isValid && result.toHandle ? result.toHandle.position : oppositePosition[fromHandle.position],
       toNode: result.toHandle ? nodeLookup.get(result.toHandle.nodeId)!.internals.userNode : null,

From 609f7ed79235662f071f53c5bb36ec99c232afab Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 27 Jun 2024 15:03:35 +0200
Subject: [PATCH 0877/1093] refactor(positions): remove unused node origins

---
 .../additional-components/MiniMap/MiniMap.tsx |  6 +-
 .../NodeToolbar/NodeToolbar.tsx               | 55 +++++++++++--------
 .../src/components/NodesSelection/index.tsx   |  1 -
 .../src/container/FlowRenderer/index.tsx      |  1 -
 packages/react/src/container/Pane/index.tsx   |  5 +-
 packages/react/src/hooks/useViewportHelper.ts | 33 +++++------
 packages/react/src/store/index.ts             |  3 +-
 packages/react/src/store/initialState.ts      |  1 -
 packages/svelte/src/lib/store/index.ts        |  3 +-
 packages/system/src/types/general.ts          |  3 +-
 packages/system/src/utils/graph.ts            | 22 +++-----
 packages/system/src/xydrag/XYDrag.ts          |  2 +-
 12 files changed, 65 insertions(+), 70 deletions(-)

diff --git a/packages/react/src/additional-components/MiniMap/MiniMap.tsx b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
index 0a05890d4..bd7d66340 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMap.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMap.tsx
@@ -25,12 +25,8 @@ const selector = (s: ReactFlowState) => {
 
   return {
     viewBB,
-    boundingRect:
-      s.nodeLookup.size > 0
-        ? getBoundsOfRects(getInternalNodesBounds(s.nodeLookup, { nodeOrigin: s.nodeOrigin }), viewBB)
-        : viewBB,
+    boundingRect: s.nodeLookup.size > 0 ? getBoundsOfRects(getInternalNodesBounds(s.nodeLookup), viewBB) : viewBB,
     rfId: s.rfId,
-    nodeOrigin: s.nodeOrigin,
     panZoom: s.panZoom,
     translateExtent: s.translateExtent,
     flowWidth: s.width,
diff --git a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
index f14f822e2..b44311579 100644
--- a/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
+++ b/packages/react/src/additional-components/NodeToolbar/NodeToolbar.tsx
@@ -1,7 +1,7 @@
 import { useCallback, CSSProperties } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
-import { Rect, Position, getNodeToolbarTransform, getNodesBounds } from '@xyflow/system';
+import { Position, getNodeToolbarTransform, getInternalNodesBounds, NodeLookup } from '@xyflow/system';
 
 import { InternalNode, ReactFlowState } from '../../types';
 import { useStore } from '../../hooks/useStore';
@@ -17,21 +17,24 @@ const nodeEqualityFn = (a?: InternalNode, b?: InternalNode) =>
   a?.selected !== b?.selected ||
   a?.internals.z !== b?.internals.z;
 
-const nodesEqualityFn = (a: InternalNode[], b: InternalNode[]) => {
-  if (a.length !== b.length) {
+const nodesEqualityFn = (a: NodeLookup, b: NodeLookup) => {
+  if (a.size !== b.size) {
     return false;
   }
 
-  return !a.some((node, i) => nodeEqualityFn(node, b[i]));
+  for (const [key, node] of a) {
+    if (nodeEqualityFn(node, b.get(key))) {
+      return false;
+    }
+  }
+
+  return true;
 };
 
 const storeSelector = (state: ReactFlowState) => ({
-  viewport: {
-    x: state.transform[0],
-    y: state.transform[1],
-    zoom: state.transform[2],
-  },
-  nodeOrigin: state.nodeOrigin,
+  x: state.transform[0],
+  y: state.transform[1],
+  zoom: state.transform[2],
   selectedNodesCount: state.nodes.filter((node) => node.selected).length,
 });
 
@@ -49,36 +52,41 @@ export function NodeToolbar({
   const contextNodeId = useNodeId();
 
   const nodesSelector = useCallback(
-    (state: ReactFlowState): InternalNode[] => {
+    (state: ReactFlowState): NodeLookup => {
       const nodeIds = Array.isArray(nodeId) ? nodeId : [nodeId || contextNodeId || ''];
-
-      return nodeIds.reduce<InternalNode[]>((acc, id) => {
+      const internalNodes = nodeIds.reduce<NodeLookup>((res, id) => {
         const node = state.nodeLookup.get(id);
         if (node) {
-          acc.push(node);
+          res.set(node.id, node);
         }
-        return acc;
-      }, []);
+
+        return res;
+      }, new Map());
+
+      return internalNodes;
     },
     [nodeId, contextNodeId]
   );
   const nodes = useStore(nodesSelector, nodesEqualityFn);
-  const { viewport, nodeOrigin, selectedNodesCount } = useStore(storeSelector, shallow);
+  const { x, y, zoom, selectedNodesCount } = useStore(storeSelector, shallow);
 
   // if isVisible is not set, we show the toolbar only if its node is selected and no other node is selected
   const isActive =
-    typeof isVisible === 'boolean' ? isVisible : nodes.length === 1 && nodes[0].selected && selectedNodesCount === 1;
+    typeof isVisible === 'boolean'
+      ? isVisible
+      : nodes.size === 1 && nodes.values().next().value.selected && selectedNodesCount === 1;
 
-  if (!isActive || !nodes.length) {
+  if (!isActive || !nodes.size) {
     return null;
   }
 
-  const nodeRect: Rect = getNodesBounds(nodes, { nodeOrigin });
-  const zIndex: number = Math.max(...nodes.map((node) => node.internals.z + 1));
+  const nodeRect = getInternalNodesBounds(nodes);
+  const nodesArray = Array.from(nodes.values());
+  const zIndex = Math.max(...nodesArray.map((node) => node.internals.z + 1));
 
   const wrapperStyle: CSSProperties = {
     position: 'absolute',
-    transform: getNodeToolbarTransform(nodeRect, viewport, position, offset, align),
+    transform: getNodeToolbarTransform(nodeRect, { x, y, zoom }, position, offset, align),
     zIndex,
     ...style,
   };
@@ -89,7 +97,8 @@ export function NodeToolbar({
         style={wrapperStyle}
         className={cc(['react-flow__node-toolbar', className])}
         {...rest}
-        data-id={nodes.reduce((acc, node) => `${acc}${node.id} `, '').trim()}
+        // @todo: check if we could only do this for non-prod envs
+        data-id={nodesArray.reduce((acc, node) => `${acc}${node.id} `, '').trim()}
       >
         {children}
       </div>
diff --git a/packages/react/src/components/NodesSelection/index.tsx b/packages/react/src/components/NodesSelection/index.tsx
index fda3a8c92..e2bcd238c 100644
--- a/packages/react/src/components/NodesSelection/index.tsx
+++ b/packages/react/src/components/NodesSelection/index.tsx
@@ -21,7 +21,6 @@ export type NodesSelectionProps<NodeType> = {
 
 const selector = (s: ReactFlowState) => {
   const { width, height, x, y } = getInternalNodesBounds(s.nodeLookup, {
-    nodeOrigin: s.nodeOrigin,
     filter: (node) => !!node.selected,
   });
 
diff --git a/packages/react/src/container/FlowRenderer/index.tsx b/packages/react/src/container/FlowRenderer/index.tsx
index 30d179794..f3e0a23d1 100644
--- a/packages/react/src/container/FlowRenderer/index.tsx
+++ b/packages/react/src/container/FlowRenderer/index.tsx
@@ -22,7 +22,6 @@ export type FlowRendererProps<NodeType extends Node = Node> = Omit<
   | 'selectNodesOnDrag'
   | 'defaultMarkerColor'
   | 'rfId'
-  | 'nodeOrigin'
 > & {
   isControlledViewport: boolean;
   children: ReactNode;
diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index d06613079..3a6233728 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -155,7 +155,7 @@ export function Pane({
   };
 
   const onPointerMove = (event: ReactPointerEvent): void => {
-    const { userSelectionRect, edgeLookup, transform, nodeOrigin, nodeLookup, triggerNodeChanges, triggerEdgeChanges } =
+    const { userSelectionRect, edgeLookup, transform, nodeLookup, triggerNodeChanges, triggerEdgeChanges } =
       store.getState();
 
     if (!containerBounds.current || !userSelectionRect) {
@@ -181,8 +181,7 @@ export function Pane({
       nextUserSelectRect,
       transform,
       selectionMode === SelectionMode.Partial,
-      true,
-      nodeOrigin
+      true
     );
 
     const selectedEdgeIds = new Set<string>();
diff --git a/packages/react/src/hooks/useViewportHelper.ts b/packages/react/src/hooks/useViewportHelper.ts
index ef4f6f389..245fafd76 100644
--- a/packages/react/src/hooks/useViewportHelper.ts
+++ b/packages/react/src/hooks/useViewportHelper.ts
@@ -45,22 +45,23 @@ const useViewportHelper = (): ViewportHelperFunctions => {
         return { x, y, zoom };
       },
       fitView: (options) => {
-        const { nodeLookup, width, height, nodeOrigin, minZoom, maxZoom, panZoom } = store.getState();
-
-        return panZoom
-          ? fitView(
-              {
-                nodeLookup,
-                width,
-                height,
-                nodeOrigin,
-                minZoom,
-                maxZoom,
-                panZoom,
-              },
-              options
-            )
-          : false;
+        const { nodeLookup, width, height, minZoom, maxZoom, panZoom } = store.getState();
+
+        if (!panZoom) {
+          return false;
+        }
+
+        return fitView(
+          {
+            nodeLookup,
+            width,
+            height,
+            minZoom,
+            maxZoom,
+            panZoom,
+          },
+          options
+        );
       },
       setCenter: (x, y, options) => {
         const { width, height, maxZoom, panZoom } = store.getState();
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 02930758d..31e2ed215 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -288,7 +288,7 @@ const createStore = ({
         return panBySystem({ delta, panZoom, transform, translateExtent, width, height });
       },
       fitView: (options?: FitViewOptions): boolean => {
-        const { panZoom, width, height, minZoom, maxZoom, nodeOrigin, nodeLookup } = get();
+        const { panZoom, width, height, minZoom, maxZoom, nodeLookup } = get();
 
         if (!panZoom) {
           return false;
@@ -302,7 +302,6 @@ const createStore = ({
             panZoom,
             minZoom,
             maxZoom,
-            nodeOrigin,
           },
           options
         );
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index d519665f4..d80706a4b 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -46,7 +46,6 @@ const getInitialState = ({
   if (fitView && width && height) {
     // @todo users nodeOrigin should be used here
     const bounds = getInternalNodesBounds(nodeLookup, {
-      nodeOrigin: [0, 0],
       filter: (node) => !!((node.width || node.initialWidth) && (node.height || node.initialHeight)),
     });
     const { x, y, zoom } = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 8dc92b5c0..fc8ba6b2f 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -148,8 +148,7 @@ export function createStore({
         height: get(store.height),
         minZoom: get(store.minZoom),
         maxZoom: get(store.maxZoom),
-        panZoom,
-        nodeOrigin: get(store.nodeOrigin)
+        panZoom
       },
       options
     );
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index ccaa8719c..5d2bb390e 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -7,7 +7,7 @@ import type { ZoomBehavior } from 'd3-zoom';
 import type { Transition } from 'd3-transition';
 
 import type { XYPosition, Rect } from './utils';
-import type { InternalNodeBase, NodeBase, NodeDragItem, NodeOrigin } from './nodes';
+import type { InternalNodeBase, NodeBase, NodeDragItem } from './nodes';
 import type { ConnectingHandle, HandleType } from './handles';
 import { PanZoomInstance } from './panzoom';
 import { EdgeBase } from '..';
@@ -63,7 +63,6 @@ export type FitViewParamsBase<NodeType extends NodeBase> = {
   panZoom: PanZoomInstance;
   minZoom: number;
   maxZoom: number;
-  nodeOrigin?: NodeOrigin;
 };
 
 export type FitViewOptionsBase<NodeType extends NodeBase = NodeBase> = {
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index b42580b19..3bf347844 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -147,7 +147,6 @@ export const getNodesBounds = (nodes: NodeBase[], params: GetNodesBoundsParams =
 };
 
 export type GetInternalNodesBoundsParams<NodeType> = {
-  nodeOrigin?: NodeOrigin;
   useRelativePosition?: boolean;
   filter?: (node: NodeType) => boolean;
 };
@@ -158,9 +157,7 @@ export type GetInternalNodesBoundsParams<NodeType> = {
  */
 export const getInternalNodesBounds = <NodeType extends InternalNodeBase | NodeDragItem>(
   nodeLookup: Map<string, NodeType>,
-  params: GetInternalNodesBoundsParams<NodeType> = {
-    nodeOrigin: [0, 0],
-  }
+  params: GetInternalNodesBoundsParams<NodeType> = {}
 ): Rect => {
   if (nodeLookup.size === 0) {
     return { x: 0, y: 0, width: 0, height: 0 };
@@ -170,7 +167,7 @@ export const getInternalNodesBounds = <NodeType extends InternalNodeBase | NodeD
 
   nodeLookup.forEach((node) => {
     if (params.filter == undefined || params.filter(node)) {
-      const nodeBox = nodeToBox(node as InternalNodeBase, params.nodeOrigin);
+      const nodeBox = nodeToBox(node as InternalNodeBase);
       box = getBoundsOfBoxes(box, nodeBox);
     }
   });
@@ -184,8 +181,7 @@ export const getNodesInside = <NodeType extends NodeBase = NodeBase>(
   [tx, ty, tScale]: Transform = [0, 0, 1],
   partially = false,
   // set excludeNonSelectableNodes if you want to pay attention to the nodes "selectable" attribute
-  excludeNonSelectableNodes = false,
-  nodeOrigin: NodeOrigin = [0, 0]
+  excludeNonSelectableNodes = false
 ): InternalNodeBase<NodeType>[] => {
   const paneRect = {
     ...pointToRendererPoint(rect, [tx, ty, tScale]),
@@ -204,7 +200,7 @@ export const getNodesInside = <NodeType extends NodeBase = NodeBase>(
       continue;
     }
 
-    const overlappingArea = getOverlappingArea(paneRect, nodeToRect(node, nodeOrigin));
+    const overlappingArea = getOverlappingArea(paneRect, nodeToRect(node));
     const notInitialized = width === null || height === null;
 
     const partiallyVisible = partially && overlappingArea > 0;
@@ -238,22 +234,22 @@ export const getConnectedEdges = <NodeType extends NodeBase = NodeBase, EdgeType
 };
 
 export function fitView<Params extends FitViewParamsBase<NodeBase>, Options extends FitViewOptionsBase<NodeBase>>(
-  { nodeLookup, width, height, panZoom, minZoom, maxZoom, nodeOrigin = [0, 0] }: Params,
+  { nodeLookup, width, height, panZoom, minZoom, maxZoom }: Params,
   options?: Options
 ) {
-  const filteredNodes: InternalNodeBase[] = [];
+  const filteredNodes: Map<string, InternalNodeBase> = new Map();
   const optionNodeIds = options?.nodes ? new Set(options.nodes.map((node) => node.id)) : null;
 
   nodeLookup.forEach((n) => {
     const isVisible = n.measured.width && n.measured.height && (options?.includeHiddenNodes || !n.hidden);
 
     if (isVisible && (!optionNodeIds || optionNodeIds.has(n.id))) {
-      filteredNodes.push(n);
+      filteredNodes.set(n.id, n);
     }
   });
 
-  if (filteredNodes.length > 0) {
-    const bounds = getNodesBounds(filteredNodes, { nodeOrigin });
+  if (filteredNodes.size > 0) {
+    const bounds = getInternalNodesBounds(filteredNodes);
 
     const viewport = getViewportForBounds(
       bounds,
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 948865cac..0e89c1c65 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -124,7 +124,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
       let nodesBox: Box = { x: 0, y: 0, x2: 0, y2: 0 };
 
       if (dragItems.size > 1 && nodeExtent) {
-        const rect = getInternalNodesBounds(dragItems, { nodeOrigin });
+        const rect = getInternalNodesBounds(dragItems);
         nodesBox = rectToBox(rect);
       }
 

From 7375e81a4903cc0cb821b7595619400921f6d154 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 27 Jun 2024 16:58:48 +0200
Subject: [PATCH 0878/1093] fix(svelte): handle nodeOrigin prop

---
 packages/svelte/src/lib/actions/drag/index.ts |  2 +-
 .../SvelteFlowProvider.svelte                 |  2 ++
 .../components/SvelteFlowProvider/types.ts    |  2 ++
 .../container/SvelteFlow/SvelteFlow.svelte    | 13 +++++++--
 .../src/lib/container/SvelteFlow/utils.ts     |  1 +
 packages/svelte/src/lib/store/index.ts        | 22 +++++++++++----
 .../svelte/src/lib/store/initial-store.ts     | 27 ++++++++++---------
 packages/svelte/src/lib/store/utils.ts        |  7 +++--
 8 files changed, 53 insertions(+), 23 deletions(-)

diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index 1405ccd91..f5649a29f 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -34,7 +34,7 @@ export default function drag(domNode: Element, params: UseDragParams) {
         nodeExtent: get(store.nodeExtent),
         snapGrid: snapGrid ? snapGrid : [0, 0],
         snapToGrid: !!snapGrid,
-        nodeOrigin: [0, 0],
+        nodeOrigin: get(store.nodeOrigin),
         multiSelectionActive: get(store.multiselectionKeyPressed),
         domNode: get(store.domNode),
         transform: [vp.x, vp.y, vp.zoom],
diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
index b943ab0ad..053373c0a 100644
--- a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte
@@ -11,12 +11,14 @@
   export let initialWidth: $$Props['initialWidth'] = undefined;
   export let initialHeight: $$Props['initialHeight'] = undefined;
   export let fitView: $$Props['fitView'] = undefined;
+  export let nodeOrigin: $$Props['nodeOrigin'] = undefined;
 
   const store = createStore({
     nodes: initialNodes,
     edges: initialEdges,
     width: initialWidth,
     height: initialHeight,
+    nodeOrigin,
     fitView
   });
 
diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts b/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
index 769588b2b..39fa5350b 100644
--- a/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
+++ b/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts
@@ -1,4 +1,5 @@
 import type { Edge, Node } from '$lib/types';
+import type { NodeOrigin } from '@xyflow/system';
 
 export type SvelteFlowProviderProps = {
   initialNodes?: Node[];
@@ -6,4 +7,5 @@ export type SvelteFlowProviderProps = {
   initialWidth?: number;
   initialHeight?: number;
   fitView?: boolean;
+  nodeOrigin?: NodeOrigin;
 };
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index dea8549f5..74709680a 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -78,6 +78,7 @@
   export let onconnectend: $$Props['onconnectend'] = undefined;
   export let onbeforedelete: $$Props['onbeforedelete'] = undefined;
   export let oninit: $$Props['oninit'] = undefined;
+  export let nodeOrigin: $$Props['nodeOrigin'] = undefined;
 
   export let defaultMarkerColor = '#b1b1b7';
 
@@ -93,7 +94,14 @@
 
   const store = hasContext(key)
     ? useStore()
-    : createStoreContext({ nodes: get(nodes), edges: get(edges), width, height, fitView });
+    : createStoreContext({
+        nodes: get(nodes),
+        edges: get(edges),
+        width,
+        height,
+        fitView,
+        nodeOrigin
+      });
 
   onMount(() => {
     store.width.set(clientWidth);
@@ -168,7 +176,8 @@
       onconnect,
       onconnectstart,
       onconnectend,
-      onbeforedelete
+      onbeforedelete,
+      nodeOrigin
     };
 
     updateStoreByKeys(store, updatableProps);
diff --git a/packages/svelte/src/lib/container/SvelteFlow/utils.ts b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
index 29e65db41..c7166b0c4 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/utils.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
@@ -70,6 +70,7 @@ export type UpdatableStoreProps = {
   onconnectstart?: UnwrapWritable<SvelteFlowStore['onconnectstart']>;
   onconnectend?: UnwrapWritable<SvelteFlowStore['onconnectend']>;
   onbeforedelete?: UnwrapWritable<SvelteFlowStore['onbeforedelete']>;
+  nodeOrigin?: UnwrapWritable<SvelteFlowStore['nodeOrigin']>;
 };
 
 export function updateStoreByKeys(store: SvelteFlowStore, keys: UpdatableStoreProps) {
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index fc8ba6b2f..606475dc6 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -14,7 +14,8 @@ import {
   type XYPosition,
   type CoordinateExtent,
   type UpdateConnection,
-  errorMessages
+  errorMessages,
+  type NodeOrigin
 } from '@xyflow/system';
 
 import type { EdgeTypes, NodeTypes, Node, Edge, FitViewOptions, ConnectionData } from '$lib/types';
@@ -32,15 +33,24 @@ export function createStore({
   edges,
   width,
   height,
-  fitView: fitViewOnCreate
+  fitView: fitViewOnCreate,
+  nodeOrigin
 }: {
   nodes?: Node[];
   edges?: Edge[];
   width?: number;
   height?: number;
   fitView?: boolean;
+  nodeOrigin?: NodeOrigin;
 }): SvelteFlowStore {
-  const store = getInitialStore({ nodes, edges, width, height, fitView: fitViewOnCreate });
+  const store = getInitialStore({
+    nodes,
+    edges,
+    width,
+    height,
+    fitView: fitViewOnCreate,
+    nodeOrigin
+  });
 
   function setNodeTypes(nodeTypes: NodeTypes) {
     store.nodeTypes.set({
@@ -438,15 +448,17 @@ export function createStoreContext({
   edges,
   width,
   height,
-  fitView
+  fitView,
+  nodeOrigin
 }: {
   nodes?: Node[];
   edges?: Edge[];
   width?: number;
   height?: number;
   fitView?: boolean;
+  nodeOrigin?: NodeOrigin;
 }) {
-  const store = createStore({ nodes, edges, width, height, fitView });
+  const store = createStore({ nodes, edges, width, height, fitView, nodeOrigin });
 
   setContext(key, {
     getStore: () => store
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 34d3635bb..0c6435c3e 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -6,7 +6,6 @@ import {
   ConnectionLineType,
   devWarn,
   adoptUserNodes,
-  getNodesBounds,
   getViewportForBounds,
   updateConnectionLookup,
   type SelectionRect,
@@ -22,7 +21,9 @@ import {
   type OnConnectStart,
   type OnConnectEnd,
   type NodeLookup,
-  type EdgeLookup
+  type EdgeLookup,
+  type ParentLookup,
+  getInternalNodesBounds
 } from '@xyflow/system';
 
 import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
@@ -72,18 +73,21 @@ export const getInitialStore = ({
   edges = [],
   width,
   height,
-  fitView
+  fitView,
+  nodeOrigin
 }: {
   nodes?: Node[];
   edges?: Edge[];
   width?: number;
   height?: number;
   fitView?: boolean;
+  nodeOrigin?: NodeOrigin;
 }) => {
   const nodeLookup: NodeLookup = new Map();
   const parentLookup = new Map();
+  const storeNodeOrigin = nodeOrigin ?? [0, 0];
   adoptUserNodes(nodes, nodeLookup, parentLookup, {
-    nodeOrigin: [0, 0],
+    nodeOrigin: storeNodeOrigin,
     elevateNodesOnSelect: false,
     checkEquality: false
   });
@@ -94,20 +98,17 @@ export const getInitialStore = ({
   let viewport: Viewport = { x: 0, y: 0, zoom: 1 };
 
   if (fitView && width && height) {
-    const nodesWithDimensions = nodes.filter(
-      (node) => (node.width && node.height) || (node.initialWidth && node.initialHeight)
-    );
-
-    // @todo users nodeOrigin should be used here
-    const bounds = getNodesBounds(nodesWithDimensions, { nodeOrigin: [0, 0] });
+    const bounds = getInternalNodesBounds(nodeLookup, {
+      filter: (node) => !!((node.width || node.initialWidth) && (node.height || node.initialHeight))
+    });
     viewport = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
   }
 
   return {
     flowId: writable<string | null>(null),
-    nodes: createNodesStore(nodes, nodeLookup, parentLookup),
+    nodes: createNodesStore(nodes, nodeLookup, parentLookup, storeNodeOrigin),
     nodeLookup: readable<NodeLookup<InternalNode>>(nodeLookup),
-    parentLookup: readable<Map<string, Map<string, InternalNode>>>(parentLookup),
+    parentLookup: readable<ParentLookup<InternalNode>>(parentLookup),
     edgeLookup: readable<EdgeLookup<Edge>>(edgeLookup),
     visibleNodes: readable<InternalNode[]>([]),
     edges: createEdgesStore(edges, connectionLookup, edgeLookup),
@@ -117,7 +118,7 @@ export const getInitialStore = ({
     width: writable<number>(500),
     minZoom: writable<number>(0.5),
     maxZoom: writable<number>(2),
-    nodeOrigin: writable<NodeOrigin>([0, 0]),
+    nodeOrigin: writable<NodeOrigin>(storeNodeOrigin),
     nodeDragThreshold: writable<number>(1),
     nodeExtent: writable<CoordinateExtent>(infiniteExtent),
     translateExtent: writable<CoordinateExtent>(infiniteExtent),
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index 4eb402dce..e0b53c46e 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -14,7 +14,8 @@ import {
   type ConnectionLookup,
   type EdgeLookup,
   type NodeLookup,
-  type ParentLookup
+  type ParentLookup,
+  type NodeOrigin
 } from '@xyflow/system';
 
 import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, InternalNode, Node } from '$lib/types';
@@ -129,7 +130,8 @@ export type NodeStoreOptions = {
 export const createNodesStore = (
   nodes: Node[],
   nodeLookup: NodeLookup<InternalNode>,
-  parentLookup: ParentLookup<InternalNode>
+  parentLookup: ParentLookup<InternalNode>,
+  nodeOrigin: NodeOrigin = [0, 0]
 ): {
   subscribe: (this: void, run: Subscriber<Node[]>) => Unsubscriber;
   update: (this: void, updater: Updater<Node[]>) => void;
@@ -145,6 +147,7 @@ export const createNodesStore = (
   const _set = (nds: Node[]): Node[] => {
     adoptUserNodes(nds, nodeLookup, parentLookup, {
       elevateNodesOnSelect,
+      nodeOrigin,
       defaults,
       checkEquality: false
     });

From 15241b4fd05f0dcd267e6334aa621fcf211a6799 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 27 Jun 2024 17:00:44 +0200
Subject: [PATCH 0879/1093] fix(react): use correct dimensions for ssr

---
 packages/react/src/components/NodeWrapper/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index be14ff77e..655233c90 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -177,7 +177,7 @@ export function NodeWrapper<NodeType extends Node>({
         zIndex: internals.z,
         transform: `translate(${clampedPosition.x}px,${clampedPosition.y}px)`,
         pointerEvents: hasPointerEvents ? 'all' : 'none',
-        visibility: node.measured.width ? 'visible' : 'hidden',
+        visibility: hasDimensions ? 'visible' : 'hidden',
         ...node.style,
         ...inlineDimensions,
       }}

From aa0e131162d2cdb09f780452e2f62f85a1d34611 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 27 Jun 2024 17:01:01 +0200
Subject: [PATCH 0880/1093] refactor(react): init store with user nodeOrigin

---
 .../react/src/components/ReactFlowProvider/index.tsx   |  4 ++++
 packages/react/src/container/ReactFlow/Wrapper.tsx     |  4 ++++
 packages/react/src/container/ReactFlow/index.tsx       |  2 +-
 packages/react/src/store/index.ts                      |  5 ++++-
 packages/react/src/store/initialState.ts               | 10 +++++++---
 packages/react/src/types/store.ts                      |  3 ++-
 packages/system/src/utils/general.ts                   |  8 ++++----
 packages/system/src/utils/graph.ts                     |  2 +-
 8 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/packages/react/src/components/ReactFlowProvider/index.tsx b/packages/react/src/components/ReactFlowProvider/index.tsx
index f04ebebda..4843afebb 100644
--- a/packages/react/src/components/ReactFlowProvider/index.tsx
+++ b/packages/react/src/components/ReactFlowProvider/index.tsx
@@ -4,6 +4,7 @@ import { Provider } from '../../contexts/StoreContext';
 import { createStore } from '../../store';
 import { BatchProvider } from '../BatchProvider';
 import type { Node, Edge } from '../../types';
+import { NodeOrigin } from '@xyflow/system';
 
 export type ReactFlowProviderProps = {
   initialNodes?: Node[];
@@ -13,6 +14,7 @@ export type ReactFlowProviderProps = {
   initialWidth?: number;
   initialHeight?: number;
   fitView?: boolean;
+  nodeOrigin?: NodeOrigin;
   children: ReactNode;
 };
 
@@ -24,6 +26,7 @@ export function ReactFlowProvider({
   initialWidth: width,
   initialHeight: height,
   fitView,
+  nodeOrigin,
   children,
 }: ReactFlowProviderProps) {
   const [store] = useState(() =>
@@ -35,6 +38,7 @@ export function ReactFlowProvider({
       width,
       height,
       fitView,
+      nodeOrigin,
     })
   );
 
diff --git a/packages/react/src/container/ReactFlow/Wrapper.tsx b/packages/react/src/container/ReactFlow/Wrapper.tsx
index af9ad4a4c..ce1b5a749 100644
--- a/packages/react/src/container/ReactFlow/Wrapper.tsx
+++ b/packages/react/src/container/ReactFlow/Wrapper.tsx
@@ -3,6 +3,7 @@ import { useContext, type ReactNode } from 'react';
 import StoreContext from '../../contexts/StoreContext';
 import { ReactFlowProvider } from '../../components/ReactFlowProvider';
 import type { Node, Edge } from '../../types';
+import { NodeOrigin } from '@xyflow/system';
 
 export function Wrapper({
   children,
@@ -13,6 +14,7 @@ export function Wrapper({
   width,
   height,
   fitView,
+  nodeOrigin,
 }: {
   children: ReactNode;
   nodes?: Node[];
@@ -22,6 +24,7 @@ export function Wrapper({
   width?: number;
   height?: number;
   fitView?: boolean;
+  nodeOrigin?: NodeOrigin;
 }) {
   const isWrapped = useContext(StoreContext);
 
@@ -40,6 +43,7 @@ export function Wrapper({
       initialWidth={width}
       initialHeight={height}
       fitView={fitView}
+      nodeOrigin={nodeOrigin}
     >
       {children}
     </ReactFlowProvider>
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 31f7c3158..c301d9d49 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -157,7 +157,7 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
       data-testid="rf__wrapper"
       id={id}
     >
-      <Wrapper nodes={nodes} edges={edges} width={width} height={height} fitView={fitView}>
+      <Wrapper nodes={nodes} edges={edges} width={width} height={height} fitView={fitView} nodeOrigin={nodeOrigin}>
         <GraphView<NodeType, EdgeType>
           onInit={onInit}
           onNodeClick={onNodeClick}
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 31e2ed215..ccc522d40 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -12,6 +12,7 @@ import {
   EdgeSelectionChange,
   NodeSelectionChange,
   ParentExpandChild,
+  NodeOrigin,
 } from '@xyflow/system';
 
 import { applyEdgeChanges, applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
@@ -26,6 +27,7 @@ const createStore = ({
   width,
   height,
   fitView,
+  nodeOrigin,
 }: {
   nodes?: Node[];
   edges?: Edge[];
@@ -34,10 +36,11 @@ const createStore = ({
   width?: number;
   height?: number;
   fitView?: boolean;
+  nodeOrigin?: NodeOrigin;
 }) =>
   createWithEqualityFn<ReactFlowState>(
     (set, get) => ({
-      ...getInitialState({ nodes, edges, width, height, fitView, defaultNodes, defaultEdges }),
+      ...getInitialState({ nodes, edges, width, height, fitView, nodeOrigin, defaultNodes, defaultEdges }),
       setNodes: (nodes: Node[]) => {
         const { nodeLookup, parentLookup, nodeOrigin, elevateNodesOnSelect } = get();
         // setNodes() is called exclusively in response to user actions:
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index d80706a4b..1b98ee689 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -7,6 +7,7 @@ import {
   updateConnectionLookup,
   devWarn,
   getInternalNodesBounds,
+  NodeOrigin,
 } from '@xyflow/system';
 
 import type { Edge, InternalNode, Node, ReactFlowStore } from '../types';
@@ -19,6 +20,7 @@ const getInitialState = ({
   width,
   height,
   fitView,
+  nodeOrigin,
 }: {
   nodes?: Node[];
   edges?: Edge[];
@@ -27,6 +29,7 @@ const getInitialState = ({
   width?: number;
   height?: number;
   fitView?: boolean;
+  nodeOrigin?: NodeOrigin;
 } = {}): ReactFlowStore => {
   const nodeLookup = new Map<string, InternalNode>();
   const parentLookup = new Map();
@@ -34,20 +37,21 @@ const getInitialState = ({
   const edgeLookup = new Map();
   const storeEdges = defaultEdges ?? edges ?? [];
   const storeNodes = defaultNodes ?? nodes ?? [];
+  const storeNodeOrigin = nodeOrigin ?? [0, 0];
 
   updateConnectionLookup(connectionLookup, edgeLookup, storeEdges);
   adoptUserNodes(storeNodes, nodeLookup, parentLookup, {
-    nodeOrigin: [0, 0],
+    nodeOrigin: storeNodeOrigin,
     elevateNodesOnSelect: false,
   });
 
   let transform: Transform = [0, 0, 1];
 
   if (fitView && width && height) {
-    // @todo users nodeOrigin should be used here
     const bounds = getInternalNodesBounds(nodeLookup, {
       filter: (node) => !!((node.width || node.initialWidth) && (node.height || node.initialHeight)),
     });
+
     const { x, y, zoom } = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
     transform = [x, y, zoom];
   }
@@ -81,7 +85,7 @@ const getInitialState = ({
     domNode: null,
     paneDragging: false,
     noPanClassName: 'nopan',
-    nodeOrigin: [0, 0],
+    nodeOrigin: storeNodeOrigin,
     nodeDragThreshold: 1,
 
     snapGrid: [15, 15],
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 52ffae5d6..89e337487 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -27,6 +27,7 @@ import {
   type NodeLookup,
   NodeChange,
   EdgeChange,
+  ParentLookup,
 } from '@xyflow/system';
 
 import type {
@@ -54,7 +55,7 @@ export type ReactFlowStore<NodeType extends Node = Node, EdgeType extends Edge =
   transform: Transform;
   nodes: NodeType[];
   nodeLookup: NodeLookup<InternalNode<NodeType>>;
-  parentLookup: Map<string, Map<string, InternalNode<NodeType>>>;
+  parentLookup: ParentLookup<InternalNode<NodeType>>;
   edges: Edge[];
   edgeLookup: EdgeLookup<EdgeType>;
   connectionLookup: ConnectionLookup;
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index f2087ab97..0513f5620 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -75,8 +75,8 @@ export const nodeToRect = (node: InternalNodeBase | NodeBase, nodeOrigin: NodeOr
   return {
     x,
     y,
-    width: node.measured?.width ?? node.width ?? 0,
-    height: node.measured?.height ?? node.height ?? 0,
+    width: node.measured?.width ?? node.width ?? node.initialWidth ?? 0,
+    height: node.measured?.height ?? node.height ?? node.initialHeight ?? 0,
   };
 };
 
@@ -88,8 +88,8 @@ export const nodeToBox = (node: InternalNodeBase | NodeBase, nodeOrigin: NodeOri
   return {
     x,
     y,
-    x2: x + (node.measured?.width ?? node.width ?? 0),
-    y2: y + (node.measured?.height ?? node.height ?? 0),
+    x2: x + (node.measured?.width ?? node.width ?? node.initialWidth ?? 0),
+    y2: y + (node.measured?.height ?? node.height ?? node.initialHeight ?? 0),
   };
 };
 
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 3bf347844..d09fe1eff 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -166,7 +166,7 @@ export const getInternalNodesBounds = <NodeType extends InternalNodeBase | NodeD
   let box = { x: Infinity, y: Infinity, x2: -Infinity, y2: -Infinity };
 
   nodeLookup.forEach((node) => {
-    if (params.filter == undefined || params.filter(node)) {
+    if (params.filter === undefined || params.filter(node)) {
       const nodeBox = nodeToBox(node as InternalNodeBase);
       box = getBoundsOfBoxes(box, nodeBox);
     }

From 86485c5bcc2d0e443b2172baf07f5efa5650c303 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 27 Jun 2024 17:22:17 +0200
Subject: [PATCH 0881/1093] chore(changelog): update

---
 examples/react/tsconfig.json | 2 +-
 packages/react/CHANGELOG.md  | 6 ++++++
 packages/svelte/CHANGELOG.md | 6 ++++++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/examples/react/tsconfig.json b/examples/react/tsconfig.json
index 8ea25518a..0519e0a8b 100644
--- a/examples/react/tsconfig.json
+++ b/examples/react/tsconfig.json
@@ -10,7 +10,7 @@
     "strict": true,
     "forceConsistentCasingInFileNames": true,
     "module": "ESNext",
-    "moduleResolution": "node16",
+    "moduleResolution": "Node",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 8fa3d36d5..f02bb29b6 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/react
 
+## 12.0.0-next.25
+
+- `useConnection` returns `ConnectionState` with `toNode` and `toHandle`
+- node origin is part of position absolute
+- refactor connection handling
+
 ## 12.0.0-next.24
 
 - fix `window` bug for SSR for real
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index a9c199c3c..81de9ea18 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/svelte
 
+## 0.1.8
+
+- `useConnection` returns `ConnectionState` with `toNode` and `toHandle`
+- node origin is part of position absolute
+- refactor connection handling
+
 ## 0.1.7
 
 - revise selection usability (capture while dragging out of the flow)

From 00063ab925993d772a228c10729d1c807f23e600 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 27 Jun 2024 17:24:32 +0200
Subject: [PATCH 0882/1093] chore(changelog): update

---
 packages/react/CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index f02bb29b6..64fd94917 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## 12.0.0-next.25
 
 - `useConnection` returns `ConnectionState` with `toNode` and `toHandle`
+- add `toNode` and `toHandle` to custom connection line props
 - node origin is part of position absolute
 - refactor connection handling
 

From 4b1541d3a5472159e9baebdb9e548892fa128710 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 1 Jul 2024 12:01:30 +0200
Subject: [PATCH 0883/1093] fix for connection snapping when connection radius
 overlaps

---
 packages/system/src/xyhandle/XYHandle.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 4ecf0cce0..1600c03d3 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -172,6 +172,7 @@ function onPointerDown(
       closestHandle &&
       previousConnection.toHandle &&
       newConnection.toHandle &&
+      previousConnection.toHandle.type === newConnection.toHandle.type &&
       previousConnection.toHandle.nodeId === newConnection.toHandle.nodeId &&
       previousConnection.toHandle.id === newConnection.toHandle.id
     ) {
@@ -278,6 +279,8 @@ function isValidHandle(
         ? (isTarget && handleType === 'source') || (!isTarget && handleType === 'target')
         : handleNodeId !== fromNodeId || handleId !== fromHandleId);
 
+    console.log(isValid);
+
     result.isValid = isValid && isValidConnection(connection);
 
     if (handleLookup) {

From f1dd15384b910236ae74355bf49ba5d754015660 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 1 Jul 2024 12:06:07 +0200
Subject: [PATCH 0884/1093] removed console.log

---
 packages/system/src/xyhandle/XYHandle.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 1600c03d3..fcc1391b0 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -279,8 +279,6 @@ function isValidHandle(
         ? (isTarget && handleType === 'source') || (!isTarget && handleType === 'target')
         : handleNodeId !== fromNodeId || handleId !== fromHandleId);
 
-    console.log(isValid);
-
     result.isValid = isValid && isValidConnection(connection);
 
     if (handleLookup) {

From 25e52f78b955e2fcdcabdcc9bdddcacdb0a76088 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 1 Jul 2024 12:13:08 +0200
Subject: [PATCH 0885/1093] feat(workflow): add release action

---
 .changeset/config.json               |  2 +-
 .github/actions/ci-checks/action.yml | 19 ++++++++++++++++++
 .github/actions/ci-setup/action.yml  | 15 ++++++++++++++
 .github/workflows/release.yml        | 29 ++++++++++++++++++++++++++++
 examples/astro-xyflow/package.json   |  2 +-
 5 files changed, 65 insertions(+), 2 deletions(-)
 create mode 100644 .github/actions/ci-checks/action.yml
 create mode 100644 .github/actions/ci-setup/action.yml
 create mode 100644 .github/workflows/release.yml

diff --git a/.changeset/config.json b/.changeset/config.json
index a917162b9..02ee8b55e 100644
--- a/.changeset/config.json
+++ b/.changeset/config.json
@@ -7,5 +7,5 @@
   "access": "restricted",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": ["astro", "react-examples", "svelte-examples"]
+  "ignore": ["astro", "react-examples", "svelte-examples", "astro-examples", "playwright"]
 }
diff --git a/.github/actions/ci-checks/action.yml b/.github/actions/ci-checks/action.yml
new file mode 100644
index 000000000..b4d613789
--- /dev/null
+++ b/.github/actions/ci-checks/action.yml
@@ -0,0 +1,19 @@
+name: 'CI checks'
+
+runs:
+  using: 'composite'
+  steps:
+    - name: Build
+      run: pnpm build
+      shell: bash
+    - name: Typecheck
+      run: pnpm typecheck
+      shell: bash
+    - name: Install Playwright browsers
+      run: npx playwright install --with-deps
+    - name: Test React Flow
+      run: pnpm test:react
+      shell: bash
+    # - name: Test Svelte Flow
+    #   run: pnpm test:svelte
+    #   shell: bash
diff --git a/.github/actions/ci-setup/action.yml b/.github/actions/ci-setup/action.yml
new file mode 100644
index 000000000..3d7f1bef7
--- /dev/null
+++ b/.github/actions/ci-setup/action.yml
@@ -0,0 +1,15 @@
+name: 'CI setup'
+
+runs:
+  using: 'composite'
+  steps:
+    - name: Setup pnpm
+      uses: pnpm/action-setup@v4
+    - name: Setup node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: 20.x
+        cache: 'pnpm'
+    - name: Install dependencies
+      run: pnpm install
+      shell: bash
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
new file mode 100644
index 000000000..ae36b6197
--- /dev/null
+++ b/.github/workflows/release.yml
@@ -0,0 +1,29 @@
+name: Release
+
+on:
+  push:
+    branches:
+      - main
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@v4
+      - uses: ./.github/actions/ci-setup
+      - uses: ./.github/actions/ci-checks
+
+      - name: Create release PR or publish to npm
+        id: changesets
+        uses: xyflow/changeset-action@v1
+        with:
+          publish: pnpm release
+          title: Release packages
+          commit: 'chore(packages): bump'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/examples/astro-xyflow/package.json b/examples/astro-xyflow/package.json
index c5e498dbe..94d6e199b 100644
--- a/examples/astro-xyflow/package.json
+++ b/examples/astro-xyflow/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "astro",
+  "name": "astro-examples",
   "type": "module",
   "private": true,
   "version": "0.0.1",

From a128a7e77d5f1c9733c9bac4ec97c81bd7996c5e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 1 Jul 2024 12:19:16 +0200
Subject: [PATCH 0886/1093] chore(docs): explain release workflow

---
 README.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/README.md b/README.md
index 3f16bdabf..b398b0654 100644
--- a/README.md
+++ b/README.md
@@ -151,6 +151,15 @@ npm install @xyflow/svelte
 ```
 </details>
 
+## Releases 
+
+For releasing packages we are using [changesets](https://github.com/changesets/changesets) in combination with the [changeset Github action](https://github.com/changesets/action). The rough idea is:
+
+1. create PRs for new features, updates and fixes (with a changeset if relevant for changelog)
+2. merge into main 
+3. changset creates a PR that bumps all packages based on the changesets 
+4. merge changeset PR if you want to release to Github and npm
+
 ## The xyflow team
 
 React Flow and Svelte Flow are maintained by the team behind [xyflow](https://xyflow.com). If you need help or want to talk to us about a collaboration, reach out through our [contact form](https://xyflow.com/contact) or by joining our [Discord Server](https://discord.gg/Bqt6xrs).

From 4129c88f91d0668d71f58433dbc900c12e30de4d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 1 Jul 2024 12:39:49 +0200
Subject: [PATCH 0887/1093] chore(packages): bump

---
 packages/react/package.json  | 2 +-
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index 437485ecf..957392b51 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.24",
+  "version": "12.0.0-next.25",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 86bd4daa3..d20892045 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index 651a6ca0d..b9379f3c6 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 949c6f291d48ce6cb5204910fcf448f5a07a32cc Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 1 Jul 2024 12:59:28 +0200
Subject: [PATCH 0888/1093] chore(pkg): update repo field

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e4cc08e9e..a575fad85 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "@xyflow/monorepo",
   "version": "0.0.0",
   "description": "A highly customizable React library for building node-based editors and interactive flow charts",
-  "repository": "git@github.com:wbkd/react-flow.git",
+  "repository": "git@github.com:xyflow/xyflow.git",
   "license": "MIT",
   "private": true,
   "scripts": {

From 30fc9780c72cce3b758cc126e948c2bb26104fbf Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Mon, 1 Jul 2024 14:40:12 +0200
Subject: [PATCH 0889/1093] chore(action): add shell field

---
 .github/actions/ci-checks/action.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/actions/ci-checks/action.yml b/.github/actions/ci-checks/action.yml
index b4d613789..16bed1c02 100644
--- a/.github/actions/ci-checks/action.yml
+++ b/.github/actions/ci-checks/action.yml
@@ -11,6 +11,7 @@ runs:
       shell: bash
     - name: Install Playwright browsers
       run: npx playwright install --with-deps
+      shell: bash
     - name: Test React Flow
       run: pnpm test:react
       shell: bash

From ab047f88a6abb37d5e278bb2da0a1ef828569bd7 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 1 Jul 2024 15:12:35 +0200
Subject: [PATCH 0890/1093] chore(gh-action): update playwright command

---
 .github/actions/ci-checks/action.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/actions/ci-checks/action.yml b/.github/actions/ci-checks/action.yml
index 16bed1c02..0c6a4aea5 100644
--- a/.github/actions/ci-checks/action.yml
+++ b/.github/actions/ci-checks/action.yml
@@ -10,7 +10,7 @@ runs:
       run: pnpm typecheck
       shell: bash
     - name: Install Playwright browsers
-      run: npx playwright install --with-deps
+      run: pnpm dlx playwright install --with-deps
       shell: bash
     - name: Test React Flow
       run: pnpm test:react

From 8433ea905f2e8295d4ce07ef03268e7407cc10b7 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 1 Jul 2024 15:26:28 +0200
Subject: [PATCH 0891/1093] chore(gh-action): update playwright command

---
 .github/actions/ci-checks/action.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/actions/ci-checks/action.yml b/.github/actions/ci-checks/action.yml
index 0c6a4aea5..63c9f9bcb 100644
--- a/.github/actions/ci-checks/action.yml
+++ b/.github/actions/ci-checks/action.yml
@@ -10,7 +10,7 @@ runs:
       run: pnpm typecheck
       shell: bash
     - name: Install Playwright browsers
-      run: pnpm dlx playwright install --with-deps
+      run: pnpm exec playwright install --with-deps
       shell: bash
     - name: Test React Flow
       run: pnpm test:react

From c8cab009499201aa27db1ef5ac173e976279ff97 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 1 Jul 2024 15:35:07 +0200
Subject: [PATCH 0892/1093] chore(tests): add playwright

---
 package.json   |  1 +
 pnpm-lock.yaml | 21 +++++++++++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/package.json b/package.json
index a575fad85..6f3d7f94a 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "latest",
+    "playwright": "^1.45.0",
     "prettier": "^2.7.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1203512ef..cb0bc7456 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,6 +35,9 @@ importers:
       eslint-plugin-react:
         specifier: latest
         version: 7.33.2(eslint@8.43.0)
+      playwright:
+        specifier: ^1.45.0
+        version: 1.45.0
       prettier:
         specifier: ^2.7.1
         version: 2.8.8
@@ -4356,11 +4359,21 @@ packages:
     engines: {node: '>=16'}
     hasBin: true
 
+  playwright-core@1.45.0:
+    resolution: {integrity: sha512-lZmHlFQ0VYSpAs43dRq1/nJ9G/6SiTI7VPqidld9TDefL9tX87bTKExWZZUF5PeRyqtXqd8fQi2qmfIedkwsNQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   playwright@1.44.1:
     resolution: {integrity: sha512-qr/0UJ5CFAtloI3avF95Y0L1xQo6r3LQArLIg/z/PoGJ6xa+EwzrwO5lpNr/09STxdHuUoP2mvuELJS+hLdtgg==}
     engines: {node: '>=16'}
     hasBin: true
 
+  playwright@1.45.0:
+    resolution: {integrity: sha512-4z3ac3plDfYzGB6r0Q3LF8POPR20Z8D0aXcxbJvmfMgSSq1hkcgvFRXJk9rUq5H/MJ0Ktal869hhOdI/zUTeLA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   postcss-calc@9.0.1:
     resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -10763,12 +10776,20 @@ snapshots:
 
   playwright-core@1.44.1: {}
 
+  playwright-core@1.45.0: {}
+
   playwright@1.44.1:
     dependencies:
       playwright-core: 1.44.1
     optionalDependencies:
       fsevents: 2.3.2
 
+  playwright@1.45.0:
+    dependencies:
+      playwright-core: 1.45.0
+    optionalDependencies:
+      fsevents: 2.3.2
+
   postcss-calc@9.0.1(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21

From 3553918a9fca4b17be2b14756fc35b8026f93681 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 1 Jul 2024 15:41:39 +0200
Subject: [PATCH 0893/1093] chore(tests): use pnpm

---
 tests/playwright/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tests/playwright/package.json b/tests/playwright/package.json
index 17f1a0536..9c2e56cdf 100644
--- a/tests/playwright/package.json
+++ b/tests/playwright/package.json
@@ -4,8 +4,8 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "test:svelte": "FRAMEWORK=svelte npx playwright test -c playwright.svelte.config.ts",
-    "test:react": "FRAMEWORK=react npx playwright test -c playwright.react.config.ts",
+    "test:svelte": "FRAMEWORK=svelte pnpm exec playwright test -c playwright.svelte.config.ts",
+    "test:react": "FRAMEWORK=react pnpm exec playwright test -c playwright.react.config.ts",
     "test:react:ui": "pnpm run test:react --ui",
     "test:svelte:ui": "pnpm run test:svelte --ui"
   },

From 92780fe62b9860ba75f216c9d39b70690b4871d5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 1 Jul 2024 16:18:52 +0200
Subject: [PATCH 0894/1093] chore(playwright): update

---
 .github/actions/ci-checks/action.yml |   2 +
 package.json                         |   2 +-
 pnpm-lock.yaml                       | 730 ++++++++++++++++++++++-----
 tests/playwright/package.json        |   4 +-
 4 files changed, 597 insertions(+), 141 deletions(-)

diff --git a/.github/actions/ci-checks/action.yml b/.github/actions/ci-checks/action.yml
index 63c9f9bcb..f873c07c8 100644
--- a/.github/actions/ci-checks/action.yml
+++ b/.github/actions/ci-checks/action.yml
@@ -15,6 +15,8 @@ runs:
     - name: Test React Flow
       run: pnpm test:react
       shell: bash
+      env:
+        CI: true
     # - name: Test Svelte Flow
     #   run: pnpm test:svelte
     #   shell: bash
diff --git a/package.json b/package.json
index 6f3d7f94a..7a33c4044 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
   "devDependencies": {
     "@changesets/changelog-github": "^0.4.7",
     "@changesets/cli": "^2.25.0",
+    "@playwright/test": "^1.44.1",
     "@typescript-eslint/eslint-plugin": "latest",
     "@typescript-eslint/parser": "latest",
     "concurrently": "^7.6.0",
@@ -31,7 +32,6 @@
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "latest",
-    "playwright": "^1.45.0",
     "prettier": "^2.7.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cb0bc7456..1ce98388e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,6 +14,9 @@ importers:
       '@changesets/cli':
         specifier: ^2.25.0
         version: 2.25.0
+      '@playwright/test':
+        specifier: ^1.44.1
+        version: 1.44.1
       '@typescript-eslint/eslint-plugin':
         specifier: latest
         version: 6.8.0(@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3))(eslint@8.43.0)(typescript@5.1.3)
@@ -35,9 +38,6 @@ importers:
       eslint-plugin-react:
         specifier: latest
         version: 7.33.2(eslint@8.43.0)
-      playwright:
-        specifier: ^1.45.0
-        version: 1.45.0
       prettier:
         specifier: ^2.7.1
         version: 2.8.8
@@ -207,7 +207,7 @@ importers:
         version: 4.2.12
       svelte-check:
         specifier: ^3.6.6
-        version: 3.6.6(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)
+        version: 3.6.6(@babel/core@7.24.7)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)
       tslib:
         specifier: ^2.6.2
         version: 2.6.2
@@ -295,14 +295,14 @@ importers:
         version: 5.0.4
       svelte-preprocess:
         specifier: ^5.1.3
-        version: 5.1.3(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2)
+        version: 5.1.3(@babel/core@7.24.7)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2)
     devDependencies:
       '@sveltejs/adapter-auto':
         specifier: ^3.1.1
-        version: 3.1.1(@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))
+        version: 3.1.1(@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0)))
       '@sveltejs/kit':
         specifier: ^2.5.4
-        version: 2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
+        version: 2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0))
       '@sveltejs/package':
         specifier: ^2.3.0
         version: 2.3.0(svelte@4.2.12)(typescript@5.4.2)
@@ -359,7 +359,7 @@ importers:
         version: 4.2.12
       svelte-check:
         specifier: ^3.6.7
-        version: 3.6.7(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)
+        version: 3.6.7(@babel/core@7.24.7)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)
       svelte-eslint-parser:
         specifier: ^0.33.1
         version: 0.33.1(svelte@4.2.12)
@@ -413,8 +413,8 @@ importers:
   tests/playwright:
     dependencies:
       '@playwright/experimental-ct-react':
-        specifier: ^1.44.1
-        version: 1.44.1(@types/node@20.14.6)(terser@5.31.0)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
+        specifier: ^1.45.0
+        version: 1.45.0(@types/node@20.14.6)(terser@5.31.0)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0))
       '@types/react':
         specifier: ^18.3.3
         version: 18.3.3
@@ -432,8 +432,8 @@ importers:
         version: 5.4.5
     devDependencies:
       '@playwright/test':
-        specifier: ^1.44.1
-        version: 1.44.1
+        specifier: ^1.45.0
+        version: 1.45.0
       '@types/node':
         specifier: ^20.14.6
         version: 20.14.6
@@ -539,28 +539,32 @@ packages:
     resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/code-frame@7.24.7':
+    resolution: {integrity: sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/compat-data@7.23.2':
     resolution: {integrity: sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.23.5':
-    resolution: {integrity: sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==}
+  '@babel/compat-data@7.24.7':
+    resolution: {integrity: sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw==}
     engines: {node: '>=6.9.0'}
 
   '@babel/core@7.23.2':
     resolution: {integrity: sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/core@7.24.0':
-    resolution: {integrity: sha512-fQfkg0Gjkza3nf0c7/w6Xf34BW4YvzNfACRLmmb7XRLa6XHdR+K9AlJlxneFfWYf6uhOzuzZVTjF/8KfndZANw==}
+  '@babel/core@7.24.7':
+    resolution: {integrity: sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==}
     engines: {node: '>=6.9.0'}
 
   '@babel/generator@7.23.0':
     resolution: {integrity: sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/generator@7.23.6':
-    resolution: {integrity: sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==}
+  '@babel/generator@7.24.7':
+    resolution: {integrity: sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-annotate-as-pure@7.22.5':
@@ -571,34 +575,50 @@ packages:
     resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-compilation-targets@7.23.6':
-    resolution: {integrity: sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==}
+  '@babel/helper-compilation-targets@7.24.7':
+    resolution: {integrity: sha512-ctSdRHBi20qWOfy27RUb4Fhp07KSJ3sXcuSvTrXrc4aG8NSYDo1ici3Vhg9bg69y5bj0Mr1lh0aeEgTvc12rMg==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-environment-visitor@7.22.20':
     resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-environment-visitor@7.24.7':
+    resolution: {integrity: sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-function-name@7.23.0':
     resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-function-name@7.24.7':
+    resolution: {integrity: sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-hoist-variables@7.22.5':
     resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-hoist-variables@7.24.7':
+    resolution: {integrity: sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-module-imports@7.22.15':
     resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-module-imports@7.24.7':
+    resolution: {integrity: sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-module-transforms@7.23.0':
     resolution: {integrity: sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-module-transforms@7.23.3':
-    resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==}
+  '@babel/helper-module-transforms@7.24.7':
+    resolution: {integrity: sha512-1fuJEwIrp+97rM4RWdO+qrRsZlAeL1lQJoPqtCYWv0NL115XM93hIH4CSRln2w52SqvmY5hqdtauB6QFCDiZNQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
@@ -607,18 +627,26 @@ packages:
     resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-plugin-utils@7.24.0':
-    resolution: {integrity: sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w==}
+  '@babel/helper-plugin-utils@7.24.7':
+    resolution: {integrity: sha512-Rq76wjt7yz9AAc1KnlRKNAi/dMSVWgDRx43FHoJEbcYU6xOWaE2dVPwcdTukJrjxS65GITyfbvEYHvkirZ6uEg==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-simple-access@7.22.5':
     resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-simple-access@7.24.7':
+    resolution: {integrity: sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-split-export-declaration@7.22.6':
     resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-split-export-declaration@7.24.7':
+    resolution: {integrity: sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-string-parser@7.22.5':
     resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
     engines: {node: '>=6.9.0'}
@@ -627,24 +655,32 @@ packages:
     resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-string-parser@7.24.7':
+    resolution: {integrity: sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-validator-identifier@7.22.20':
     resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-validator-identifier@7.24.7':
+    resolution: {integrity: sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-validator-option@7.22.15':
     resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-option@7.23.5':
-    resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==}
+  '@babel/helper-validator-option@7.24.7':
+    resolution: {integrity: sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helpers@7.23.2':
     resolution: {integrity: sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helpers@7.24.0':
-    resolution: {integrity: sha512-ulDZdc0Aj5uLc5nETsa7EPx2L7rM0YJM8r7ck7U73AXi7qOV44IHHRAYZHY6iU1rr3C5N4NtTmMRUJP6kwCWeA==}
+  '@babel/helpers@7.24.7':
+    resolution: {integrity: sha512-NlmJJtvcw72yRJRcnCmGvSi+3jDEg8qFu3z0AFoymmzLx5ERVWyzd9kVXr7Th9/8yIJi2Zc6av4Tqz3wFs8QWg==}
     engines: {node: '>=6.9.0'}
 
   '@babel/highlight@7.22.20':
@@ -655,6 +691,10 @@ packages:
     resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/highlight@7.24.7':
+    resolution: {integrity: sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/parser@7.23.0':
     resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==}
     engines: {node: '>=6.0.0'}
@@ -665,8 +705,8 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/parser@7.24.0':
-    resolution: {integrity: sha512-QuP/FxEAzMSjXygs8v4N9dvdXzEHN4W1oF3PxuWAtPo08UdM17u89RDMgjLn/mlc56iM0HlLmVkO/wgR+rDgHg==}
+  '@babel/parser@7.24.7':
+    resolution: {integrity: sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
@@ -682,8 +722,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-react-jsx-self@7.23.3':
-    resolution: {integrity: sha512-qXRvbeKDSfwnlJnanVRp0SfuWE5DQhwQr5xtLBzp56Wabyo+4CMosF6Kfp+eOD/4FYpql64XVJ2W0pVLlJZxOQ==}
+  '@babel/plugin-transform-react-jsx-self@7.24.7':
+    resolution: {integrity: sha512-fOPQYbGSgH0HUp4UJO4sMBFjY6DuWq+2i8rixyUMb3CdGixs/gccURvYOAhajBdKDoGajFr3mUq5rH3phtkGzw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -694,8 +734,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-react-jsx-source@7.23.3':
-    resolution: {integrity: sha512-91RS0MDnAWDNvGC6Wio5XYkyWI39FMFO+JK9+4AlgaTH+yWwVTsw7/sn6LK0lH7c5F+TFkpv/3LfCJ1Ydwof/g==}
+  '@babel/plugin-transform-react-jsx-source@7.24.7':
+    resolution: {integrity: sha512-J2z+MWzZHVOemyLweMqngXrgGC42jQ//R0KdxqkIz/OrbVIIlhFI3WigZ5fO+nwFvBlncr4MGapd8vTyc7RPNQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -714,16 +754,16 @@ packages:
     resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/template@7.24.0':
-    resolution: {integrity: sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==}
+  '@babel/template@7.24.7':
+    resolution: {integrity: sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==}
     engines: {node: '>=6.9.0'}
 
   '@babel/traverse@7.23.2':
     resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.24.0':
-    resolution: {integrity: sha512-HfuJlI8qq3dEDmNU5ChzzpZRWq+oxCZQyMzIMEqLho+AQnhMnKQUzH6ydo3RBl/YjPCuk68Y6s0Gx0AeyULiWw==}
+  '@babel/traverse@7.24.7':
+    resolution: {integrity: sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==}
     engines: {node: '>=6.9.0'}
 
   '@babel/types@7.23.0':
@@ -734,8 +774,8 @@ packages:
     resolution: {integrity: sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.24.0':
-    resolution: {integrity: sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==}
+  '@babel/types@7.24.7':
+    resolution: {integrity: sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==}
     engines: {node: '>=6.9.0'}
 
   '@changesets/apply-release-plan@6.1.4':
@@ -826,6 +866,12 @@ packages:
     cpu: [ppc64]
     os: [aix]
 
+  '@esbuild/aix-ppc64@0.21.5':
+    resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+
   '@esbuild/android-arm64@0.18.20':
     resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
     engines: {node: '>=12'}
@@ -844,6 +890,12 @@ packages:
     cpu: [arm64]
     os: [android]
 
+  '@esbuild/android-arm64@0.21.5':
+    resolution: {integrity: sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
   '@esbuild/android-arm@0.18.20':
     resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
     engines: {node: '>=12'}
@@ -862,6 +914,12 @@ packages:
     cpu: [arm]
     os: [android]
 
+  '@esbuild/android-arm@0.21.5':
+    resolution: {integrity: sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
   '@esbuild/android-x64@0.18.20':
     resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
     engines: {node: '>=12'}
@@ -880,6 +938,12 @@ packages:
     cpu: [x64]
     os: [android]
 
+  '@esbuild/android-x64@0.21.5':
+    resolution: {integrity: sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
   '@esbuild/darwin-arm64@0.18.20':
     resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
     engines: {node: '>=12'}
@@ -898,6 +962,12 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
+  '@esbuild/darwin-arm64@0.21.5':
+    resolution: {integrity: sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
   '@esbuild/darwin-x64@0.18.20':
     resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
     engines: {node: '>=12'}
@@ -916,6 +986,12 @@ packages:
     cpu: [x64]
     os: [darwin]
 
+  '@esbuild/darwin-x64@0.21.5':
+    resolution: {integrity: sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
   '@esbuild/freebsd-arm64@0.18.20':
     resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
     engines: {node: '>=12'}
@@ -934,6 +1010,12 @@ packages:
     cpu: [arm64]
     os: [freebsd]
 
+  '@esbuild/freebsd-arm64@0.21.5':
+    resolution: {integrity: sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
   '@esbuild/freebsd-x64@0.18.20':
     resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
     engines: {node: '>=12'}
@@ -952,6 +1034,12 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
+  '@esbuild/freebsd-x64@0.21.5':
+    resolution: {integrity: sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
   '@esbuild/linux-arm64@0.18.20':
     resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
     engines: {node: '>=12'}
@@ -970,6 +1058,12 @@ packages:
     cpu: [arm64]
     os: [linux]
 
+  '@esbuild/linux-arm64@0.21.5':
+    resolution: {integrity: sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
   '@esbuild/linux-arm@0.18.20':
     resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
     engines: {node: '>=12'}
@@ -988,6 +1082,12 @@ packages:
     cpu: [arm]
     os: [linux]
 
+  '@esbuild/linux-arm@0.21.5':
+    resolution: {integrity: sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
   '@esbuild/linux-ia32@0.18.20':
     resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
     engines: {node: '>=12'}
@@ -1006,6 +1106,12 @@ packages:
     cpu: [ia32]
     os: [linux]
 
+  '@esbuild/linux-ia32@0.21.5':
+    resolution: {integrity: sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
   '@esbuild/linux-loong64@0.18.20':
     resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
     engines: {node: '>=12'}
@@ -1024,6 +1130,12 @@ packages:
     cpu: [loong64]
     os: [linux]
 
+  '@esbuild/linux-loong64@0.21.5':
+    resolution: {integrity: sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
   '@esbuild/linux-mips64el@0.18.20':
     resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
     engines: {node: '>=12'}
@@ -1042,6 +1154,12 @@ packages:
     cpu: [mips64el]
     os: [linux]
 
+  '@esbuild/linux-mips64el@0.21.5':
+    resolution: {integrity: sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
   '@esbuild/linux-ppc64@0.18.20':
     resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
     engines: {node: '>=12'}
@@ -1060,6 +1178,12 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
+  '@esbuild/linux-ppc64@0.21.5':
+    resolution: {integrity: sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
   '@esbuild/linux-riscv64@0.18.20':
     resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
     engines: {node: '>=12'}
@@ -1078,6 +1202,12 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
+  '@esbuild/linux-riscv64@0.21.5':
+    resolution: {integrity: sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
   '@esbuild/linux-s390x@0.18.20':
     resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
     engines: {node: '>=12'}
@@ -1096,6 +1226,12 @@ packages:
     cpu: [s390x]
     os: [linux]
 
+  '@esbuild/linux-s390x@0.21.5':
+    resolution: {integrity: sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
   '@esbuild/linux-x64@0.18.20':
     resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
     engines: {node: '>=12'}
@@ -1114,6 +1250,12 @@ packages:
     cpu: [x64]
     os: [linux]
 
+  '@esbuild/linux-x64@0.21.5':
+    resolution: {integrity: sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
   '@esbuild/netbsd-x64@0.18.20':
     resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
     engines: {node: '>=12'}
@@ -1132,6 +1274,12 @@ packages:
     cpu: [x64]
     os: [netbsd]
 
+  '@esbuild/netbsd-x64@0.21.5':
+    resolution: {integrity: sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
   '@esbuild/openbsd-x64@0.18.20':
     resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
     engines: {node: '>=12'}
@@ -1150,6 +1298,12 @@ packages:
     cpu: [x64]
     os: [openbsd]
 
+  '@esbuild/openbsd-x64@0.21.5':
+    resolution: {integrity: sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
   '@esbuild/sunos-x64@0.18.20':
     resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
     engines: {node: '>=12'}
@@ -1168,6 +1322,12 @@ packages:
     cpu: [x64]
     os: [sunos]
 
+  '@esbuild/sunos-x64@0.21.5':
+    resolution: {integrity: sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
   '@esbuild/win32-arm64@0.18.20':
     resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
     engines: {node: '>=12'}
@@ -1186,6 +1346,12 @@ packages:
     cpu: [arm64]
     os: [win32]
 
+  '@esbuild/win32-arm64@0.21.5':
+    resolution: {integrity: sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
   '@esbuild/win32-ia32@0.18.20':
     resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
     engines: {node: '>=12'}
@@ -1204,6 +1370,12 @@ packages:
     cpu: [ia32]
     os: [win32]
 
+  '@esbuild/win32-ia32@0.21.5':
+    resolution: {integrity: sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
   '@esbuild/win32-x64@0.18.20':
     resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
     engines: {node: '>=12'}
@@ -1222,6 +1394,12 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@esbuild/win32-x64@0.21.5':
+    resolution: {integrity: sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
   '@eslint-community/eslint-utils@4.4.0':
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -1342,13 +1520,13 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
-  '@playwright/experimental-ct-core@1.44.1':
-    resolution: {integrity: sha512-IqeXzfmpHH8yHA0fGQ//l/tDJHzUmg2dQj3t28E1tCshvnYc9fVr53Na9+/B8ME//vw0UFpv+CSKcOTHwWrhQg==}
-    engines: {node: '>=16'}
+  '@playwright/experimental-ct-core@1.45.0':
+    resolution: {integrity: sha512-XxAZW3TnkkRlqRRiAnN/q8wzuspqDA2o8912TQkhbH2BKD3Ko4RLMVy0J7QJ+quG1fCp1/rlbg96/fB15wOemg==}
+    engines: {node: '>=18'}
 
-  '@playwright/experimental-ct-react@1.44.1':
-    resolution: {integrity: sha512-qRhv2zmZVwtzAYWwQO4j+It0S5zLUuZg/7Ke61ymCC5jGqlwf2kYqogFxBiDdhAO1sz/dN0UtdU+6df0HK5yzw==}
-    engines: {node: '>=16'}
+  '@playwright/experimental-ct-react@1.45.0':
+    resolution: {integrity: sha512-GoT7eZMR5wLPFjGwQbGywiy2Z+9jwx5F+GJAZE1xbqMJPzSB5bv8zd5g09mWN4aKOHpc/kzkCBv0bxzW/es51A==}
+    engines: {node: '>=18'}
     hasBin: true
 
   '@playwright/test@1.44.1':
@@ -1356,6 +1534,11 @@ packages:
     engines: {node: '>=16'}
     hasBin: true
 
+  '@playwright/test@1.45.0':
+    resolution: {integrity: sha512-TVYsfMlGAaxeUllNkywbwek67Ncf8FRGn8ZlRdO291OL3NjG9oMbfVhyP82HQF0CZLMrYsvesqoUekxdWuF9Qw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   '@polka/url@1.0.0-next.24':
     resolution: {integrity: sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==}
 
@@ -1693,8 +1876,8 @@ packages:
   '@types/babel__traverse@7.20.4':
     resolution: {integrity: sha512-mSM/iKUk5fDDrEV/e83qY+Cr3I1+Q3qqTuEn++HAWYjEa1+NxZr6CNrcJGf2ZTnq4HoFGC3zaTPZTobCzCFukA==}
 
-  '@types/babel__traverse@7.20.5':
-    resolution: {integrity: sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==}
+  '@types/babel__traverse@7.20.6':
+    resolution: {integrity: sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==}
 
   '@types/cookie@0.6.0':
     resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
@@ -2019,8 +2202,8 @@ packages:
     peerDependencies:
       vite: ^4.2.0
 
-  '@vitejs/plugin-react@4.2.1':
-    resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==}
+  '@vitejs/plugin-react@4.3.1':
+    resolution: {integrity: sha512-m/V2syj5CuVnaxcUJOQRel/Wr31FFXRFlnOoq1TVtkCxsY5veGMTEmpWHndrhB2U8ScHtCQB1e+4hWYExQc6Lg==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^4.2.0 || ^5.0.0
@@ -2265,6 +2448,11 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
+  browserslist@4.23.1:
+    resolution: {integrity: sha512-TUfofFo/KsK/bWZ9TWQ5O26tsWW4Uhmt8IYklbnUa70udB6P2wA7w7o4PY4muaEPBQaAX+CEnmmIA41NVHtPVw==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
   buffer-crc32@0.2.13:
     resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
 
@@ -2317,6 +2505,9 @@ packages:
   caniuse-lite@1.0.30001594:
     resolution: {integrity: sha512-VblSX6nYqyJVs8DKFMldE2IVCJjZ225LW00ydtUWwh5hk9IfkTOffO6r8gJNsH0qqqeAF8KrbMYA2VEwTlGW5g==}
 
+  caniuse-lite@1.0.30001639:
+    resolution: {integrity: sha512-eFHflNTBIlFwP2AIKaYuBQN/apnUoKNhBdza8ZnW/h2di4LCZ4xFqYlxUxo+LQ76KFI1PGcC1QDxMbxTZpSCAg==}
+
   caseless@0.12.0:
     resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
 
@@ -2818,6 +3009,9 @@ packages:
   electron-to-chromium@1.4.693:
     resolution: {integrity: sha512-/if4Ueg0GUQlhCrW2ZlXwDAm40ipuKo+OgeHInlL8sbjt+hzISxZK949fZeJaVsheamrzANXvw1zQTvbxTvSHw==}
 
+  electron-to-chromium@1.4.815:
+    resolution: {integrity: sha512-OvpTT2ItpOXJL7IGcYakRjHCt8L5GrrN/wHCQsRB4PQa1X9fe+X9oen245mIId7s14xvArCGSTIq644yPUKKLg==}
+
   emoji-regex@10.3.0:
     resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==}
 
@@ -2888,10 +3082,19 @@ packages:
     engines: {node: '>=12'}
     hasBin: true
 
+  esbuild@0.21.5:
+    resolution: {integrity: sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==}
+    engines: {node: '>=12'}
+    hasBin: true
+
   escalade@3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
     engines: {node: '>=6'}
 
+  escalade@3.1.2:
+    resolution: {integrity: sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==}
+    engines: {node: '>=6'}
+
   escape-string-regexp@1.0.5:
     resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
     engines: {node: '>=0.8.0'}
@@ -4800,6 +5003,10 @@ packages:
     resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
     engines: {node: ^10 || ^12 || >=14}
 
+  postcss@8.4.39:
+    resolution: {integrity: sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==}
+    engines: {node: ^10 || ^12 || >=14}
+
   prebuild-install@7.1.1:
     resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
     engines: {node: '>=10'}
@@ -4954,6 +5161,10 @@ packages:
     resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==}
     engines: {node: '>=0.10.0'}
 
+  react-refresh@0.14.2:
+    resolution: {integrity: sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==}
+    engines: {node: '>=0.10.0'}
+
   react-router-dom@6.18.0:
     resolution: {integrity: sha512-Ubrue4+Ercc/BoDkFQfc6og5zRQ4A8YxSO3Knsne+eRbZ+IepAsK249XBH/XaFuOYOYr3L3r13CXTLvYt5JDjw==}
     engines: {node: '>=14.0.0'}
@@ -5836,6 +6047,12 @@ packages:
     peerDependencies:
       browserslist: '>= 4.21.0'
 
+  update-browserslist-db@1.0.16:
+    resolution: {integrity: sha512-KVbTxlBYlckhF5wgfyZXTWnMn7MMZjMu9XG8bPlliUOP9ThaF4QnhP8qrjrH7DRzHfSk0oQv1wToW+iA5GajEQ==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
@@ -5959,6 +6176,34 @@ packages:
       terser:
         optional: true
 
+  vite@5.3.2:
+    resolution: {integrity: sha512-6lA7OBHBlXUxiJxbO5aAY2fsHHzDr1q7DvXYnyZycRs2Dz+dXBWuhpWHvmljTRTpQC2uvGmUFFkSHF2vGo90MA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+
   vitefu@0.2.5:
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
     peerDependencies:
@@ -6222,9 +6467,14 @@ snapshots:
       '@babel/highlight': 7.23.4
       chalk: 2.4.2
 
+  '@babel/code-frame@7.24.7':
+    dependencies:
+      '@babel/highlight': 7.24.7
+      picocolors: 1.0.1
+
   '@babel/compat-data@7.23.2': {}
 
-  '@babel/compat-data@7.23.5': {}
+  '@babel/compat-data@7.24.7': {}
 
   '@babel/core@7.23.2':
     dependencies:
@@ -6246,18 +6496,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/core@7.24.0':
+  '@babel/core@7.24.7':
     dependencies:
       '@ampproject/remapping': 2.3.0
-      '@babel/code-frame': 7.23.5
-      '@babel/generator': 7.23.6
-      '@babel/helper-compilation-targets': 7.23.6
-      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.24.0)
-      '@babel/helpers': 7.24.0
-      '@babel/parser': 7.24.0
-      '@babel/template': 7.24.0
-      '@babel/traverse': 7.24.0
-      '@babel/types': 7.24.0
+      '@babel/code-frame': 7.24.7
+      '@babel/generator': 7.24.7
+      '@babel/helper-compilation-targets': 7.24.7
+      '@babel/helper-module-transforms': 7.24.7(@babel/core@7.24.7)
+      '@babel/helpers': 7.24.7
+      '@babel/parser': 7.24.7
+      '@babel/template': 7.24.7
+      '@babel/traverse': 7.24.7
+      '@babel/types': 7.24.7
       convert-source-map: 2.0.0
       debug: 4.3.5
       gensync: 1.0.0-beta.2
@@ -6273,9 +6523,9 @@ snapshots:
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
 
-  '@babel/generator@7.23.6':
+  '@babel/generator@7.24.7':
     dependencies:
-      '@babel/types': 7.24.0
+      '@babel/types': 7.24.7
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
@@ -6292,29 +6542,49 @@ snapshots:
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-compilation-targets@7.23.6':
+  '@babel/helper-compilation-targets@7.24.7':
     dependencies:
-      '@babel/compat-data': 7.23.5
-      '@babel/helper-validator-option': 7.23.5
-      browserslist: 4.23.0
+      '@babel/compat-data': 7.24.7
+      '@babel/helper-validator-option': 7.24.7
+      browserslist: 4.23.1
       lru-cache: 5.1.1
       semver: 6.3.1
 
   '@babel/helper-environment-visitor@7.22.20': {}
 
+  '@babel/helper-environment-visitor@7.24.7':
+    dependencies:
+      '@babel/types': 7.24.7
+
   '@babel/helper-function-name@7.23.0':
     dependencies:
       '@babel/template': 7.22.15
       '@babel/types': 7.23.0
 
+  '@babel/helper-function-name@7.24.7':
+    dependencies:
+      '@babel/template': 7.24.7
+      '@babel/types': 7.24.7
+
   '@babel/helper-hoist-variables@7.22.5':
     dependencies:
       '@babel/types': 7.23.0
 
+  '@babel/helper-hoist-variables@7.24.7':
+    dependencies:
+      '@babel/types': 7.24.7
+
   '@babel/helper-module-imports@7.22.15':
     dependencies:
       '@babel/types': 7.23.0
 
+  '@babel/helper-module-imports@7.24.7':
+    dependencies:
+      '@babel/traverse': 7.24.7
+      '@babel/types': 7.24.7
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2)':
     dependencies:
       '@babel/core': 7.23.2
@@ -6324,36 +6594,53 @@ snapshots:
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/helper-validator-identifier': 7.22.20
 
-  '@babel/helper-module-transforms@7.23.3(@babel/core@7.24.0)':
+  '@babel/helper-module-transforms@7.24.7(@babel/core@7.24.7)':
     dependencies:
-      '@babel/core': 7.24.0
-      '@babel/helper-environment-visitor': 7.22.20
-      '@babel/helper-module-imports': 7.22.15
-      '@babel/helper-simple-access': 7.22.5
-      '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/helper-validator-identifier': 7.22.20
+      '@babel/core': 7.24.7
+      '@babel/helper-environment-visitor': 7.24.7
+      '@babel/helper-module-imports': 7.24.7
+      '@babel/helper-simple-access': 7.24.7
+      '@babel/helper-split-export-declaration': 7.24.7
+      '@babel/helper-validator-identifier': 7.24.7
+    transitivePeerDependencies:
+      - supports-color
 
   '@babel/helper-plugin-utils@7.22.5': {}
 
-  '@babel/helper-plugin-utils@7.24.0': {}
+  '@babel/helper-plugin-utils@7.24.7': {}
 
   '@babel/helper-simple-access@7.22.5':
     dependencies:
       '@babel/types': 7.23.0
 
+  '@babel/helper-simple-access@7.24.7':
+    dependencies:
+      '@babel/traverse': 7.24.7
+      '@babel/types': 7.24.7
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/helper-split-export-declaration@7.22.6':
     dependencies:
       '@babel/types': 7.23.0
 
+  '@babel/helper-split-export-declaration@7.24.7':
+    dependencies:
+      '@babel/types': 7.24.7
+
   '@babel/helper-string-parser@7.22.5': {}
 
   '@babel/helper-string-parser@7.23.4': {}
 
+  '@babel/helper-string-parser@7.24.7': {}
+
   '@babel/helper-validator-identifier@7.22.20': {}
 
+  '@babel/helper-validator-identifier@7.24.7': {}
+
   '@babel/helper-validator-option@7.22.15': {}
 
-  '@babel/helper-validator-option@7.23.5': {}
+  '@babel/helper-validator-option@7.24.7': {}
 
   '@babel/helpers@7.23.2':
     dependencies:
@@ -6363,13 +6650,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helpers@7.24.0':
+  '@babel/helpers@7.24.7':
     dependencies:
-      '@babel/template': 7.24.0
-      '@babel/traverse': 7.24.0
-      '@babel/types': 7.24.0
-    transitivePeerDependencies:
-      - supports-color
+      '@babel/template': 7.24.7
+      '@babel/types': 7.24.7
 
   '@babel/highlight@7.22.20':
     dependencies:
@@ -6383,6 +6667,13 @@ snapshots:
       chalk: 2.4.2
       js-tokens: 4.0.0
 
+  '@babel/highlight@7.24.7':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.24.7
+      chalk: 2.4.2
+      js-tokens: 4.0.0
+      picocolors: 1.0.1
+
   '@babel/parser@7.23.0':
     dependencies:
       '@babel/types': 7.23.0
@@ -6391,9 +6682,9 @@ snapshots:
     dependencies:
       '@babel/types': 7.23.6
 
-  '@babel/parser@7.24.0':
+  '@babel/parser@7.24.7':
     dependencies:
-      '@babel/types': 7.24.0
+      '@babel/types': 7.24.7
 
   '@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2)':
     dependencies:
@@ -6405,20 +6696,20 @@ snapshots:
       '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-transform-react-jsx-self@7.23.3(@babel/core@7.24.0)':
+  '@babel/plugin-transform-react-jsx-self@7.24.7(@babel/core@7.24.7)':
     dependencies:
-      '@babel/core': 7.24.0
-      '@babel/helper-plugin-utils': 7.24.0
+      '@babel/core': 7.24.7
+      '@babel/helper-plugin-utils': 7.24.7
 
   '@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2)':
     dependencies:
       '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-transform-react-jsx-source@7.23.3(@babel/core@7.24.0)':
+  '@babel/plugin-transform-react-jsx-source@7.24.7(@babel/core@7.24.7)':
     dependencies:
-      '@babel/core': 7.24.0
-      '@babel/helper-plugin-utils': 7.24.0
+      '@babel/core': 7.24.7
+      '@babel/helper-plugin-utils': 7.24.7
 
   '@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.2)':
     dependencies:
@@ -6439,11 +6730,11 @@ snapshots:
       '@babel/parser': 7.23.6
       '@babel/types': 7.23.6
 
-  '@babel/template@7.24.0':
+  '@babel/template@7.24.7':
     dependencies:
-      '@babel/code-frame': 7.23.5
-      '@babel/parser': 7.24.0
-      '@babel/types': 7.24.0
+      '@babel/code-frame': 7.24.7
+      '@babel/parser': 7.24.7
+      '@babel/types': 7.24.7
 
   '@babel/traverse@7.23.2':
     dependencies:
@@ -6460,16 +6751,16 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/traverse@7.24.0':
+  '@babel/traverse@7.24.7':
     dependencies:
-      '@babel/code-frame': 7.23.5
-      '@babel/generator': 7.23.6
-      '@babel/helper-environment-visitor': 7.22.20
-      '@babel/helper-function-name': 7.23.0
-      '@babel/helper-hoist-variables': 7.22.5
-      '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/parser': 7.24.0
-      '@babel/types': 7.24.0
+      '@babel/code-frame': 7.24.7
+      '@babel/generator': 7.24.7
+      '@babel/helper-environment-visitor': 7.24.7
+      '@babel/helper-function-name': 7.24.7
+      '@babel/helper-hoist-variables': 7.24.7
+      '@babel/helper-split-export-declaration': 7.24.7
+      '@babel/parser': 7.24.7
+      '@babel/types': 7.24.7
       debug: 4.3.5
       globals: 11.12.0
     transitivePeerDependencies:
@@ -6487,10 +6778,10 @@ snapshots:
       '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
 
-  '@babel/types@7.24.0':
+  '@babel/types@7.24.7':
     dependencies:
-      '@babel/helper-string-parser': 7.23.4
-      '@babel/helper-validator-identifier': 7.22.20
+      '@babel/helper-string-parser': 7.24.7
+      '@babel/helper-validator-identifier': 7.24.7
       to-fast-properties: 2.0.0
 
   '@changesets/apply-release-plan@6.1.4':
@@ -6708,6 +6999,9 @@ snapshots:
   '@esbuild/aix-ppc64@0.20.2':
     optional: true
 
+  '@esbuild/aix-ppc64@0.21.5':
+    optional: true
+
   '@esbuild/android-arm64@0.18.20':
     optional: true
 
@@ -6717,6 +7011,9 @@ snapshots:
   '@esbuild/android-arm64@0.20.2':
     optional: true
 
+  '@esbuild/android-arm64@0.21.5':
+    optional: true
+
   '@esbuild/android-arm@0.18.20':
     optional: true
 
@@ -6726,6 +7023,9 @@ snapshots:
   '@esbuild/android-arm@0.20.2':
     optional: true
 
+  '@esbuild/android-arm@0.21.5':
+    optional: true
+
   '@esbuild/android-x64@0.18.20':
     optional: true
 
@@ -6735,6 +7035,9 @@ snapshots:
   '@esbuild/android-x64@0.20.2':
     optional: true
 
+  '@esbuild/android-x64@0.21.5':
+    optional: true
+
   '@esbuild/darwin-arm64@0.18.20':
     optional: true
 
@@ -6744,6 +7047,9 @@ snapshots:
   '@esbuild/darwin-arm64@0.20.2':
     optional: true
 
+  '@esbuild/darwin-arm64@0.21.5':
+    optional: true
+
   '@esbuild/darwin-x64@0.18.20':
     optional: true
 
@@ -6753,6 +7059,9 @@ snapshots:
   '@esbuild/darwin-x64@0.20.2':
     optional: true
 
+  '@esbuild/darwin-x64@0.21.5':
+    optional: true
+
   '@esbuild/freebsd-arm64@0.18.20':
     optional: true
 
@@ -6762,6 +7071,9 @@ snapshots:
   '@esbuild/freebsd-arm64@0.20.2':
     optional: true
 
+  '@esbuild/freebsd-arm64@0.21.5':
+    optional: true
+
   '@esbuild/freebsd-x64@0.18.20':
     optional: true
 
@@ -6771,6 +7083,9 @@ snapshots:
   '@esbuild/freebsd-x64@0.20.2':
     optional: true
 
+  '@esbuild/freebsd-x64@0.21.5':
+    optional: true
+
   '@esbuild/linux-arm64@0.18.20':
     optional: true
 
@@ -6780,6 +7095,9 @@ snapshots:
   '@esbuild/linux-arm64@0.20.2':
     optional: true
 
+  '@esbuild/linux-arm64@0.21.5':
+    optional: true
+
   '@esbuild/linux-arm@0.18.20':
     optional: true
 
@@ -6789,6 +7107,9 @@ snapshots:
   '@esbuild/linux-arm@0.20.2':
     optional: true
 
+  '@esbuild/linux-arm@0.21.5':
+    optional: true
+
   '@esbuild/linux-ia32@0.18.20':
     optional: true
 
@@ -6798,6 +7119,9 @@ snapshots:
   '@esbuild/linux-ia32@0.20.2':
     optional: true
 
+  '@esbuild/linux-ia32@0.21.5':
+    optional: true
+
   '@esbuild/linux-loong64@0.18.20':
     optional: true
 
@@ -6807,6 +7131,9 @@ snapshots:
   '@esbuild/linux-loong64@0.20.2':
     optional: true
 
+  '@esbuild/linux-loong64@0.21.5':
+    optional: true
+
   '@esbuild/linux-mips64el@0.18.20':
     optional: true
 
@@ -6816,6 +7143,9 @@ snapshots:
   '@esbuild/linux-mips64el@0.20.2':
     optional: true
 
+  '@esbuild/linux-mips64el@0.21.5':
+    optional: true
+
   '@esbuild/linux-ppc64@0.18.20':
     optional: true
 
@@ -6825,6 +7155,9 @@ snapshots:
   '@esbuild/linux-ppc64@0.20.2':
     optional: true
 
+  '@esbuild/linux-ppc64@0.21.5':
+    optional: true
+
   '@esbuild/linux-riscv64@0.18.20':
     optional: true
 
@@ -6834,6 +7167,9 @@ snapshots:
   '@esbuild/linux-riscv64@0.20.2':
     optional: true
 
+  '@esbuild/linux-riscv64@0.21.5':
+    optional: true
+
   '@esbuild/linux-s390x@0.18.20':
     optional: true
 
@@ -6843,6 +7179,9 @@ snapshots:
   '@esbuild/linux-s390x@0.20.2':
     optional: true
 
+  '@esbuild/linux-s390x@0.21.5':
+    optional: true
+
   '@esbuild/linux-x64@0.18.20':
     optional: true
 
@@ -6852,6 +7191,9 @@ snapshots:
   '@esbuild/linux-x64@0.20.2':
     optional: true
 
+  '@esbuild/linux-x64@0.21.5':
+    optional: true
+
   '@esbuild/netbsd-x64@0.18.20':
     optional: true
 
@@ -6861,6 +7203,9 @@ snapshots:
   '@esbuild/netbsd-x64@0.20.2':
     optional: true
 
+  '@esbuild/netbsd-x64@0.21.5':
+    optional: true
+
   '@esbuild/openbsd-x64@0.18.20':
     optional: true
 
@@ -6870,6 +7215,9 @@ snapshots:
   '@esbuild/openbsd-x64@0.20.2':
     optional: true
 
+  '@esbuild/openbsd-x64@0.21.5':
+    optional: true
+
   '@esbuild/sunos-x64@0.18.20':
     optional: true
 
@@ -6879,6 +7227,9 @@ snapshots:
   '@esbuild/sunos-x64@0.20.2':
     optional: true
 
+  '@esbuild/sunos-x64@0.21.5':
+    optional: true
+
   '@esbuild/win32-arm64@0.18.20':
     optional: true
 
@@ -6888,6 +7239,9 @@ snapshots:
   '@esbuild/win32-arm64@0.20.2':
     optional: true
 
+  '@esbuild/win32-arm64@0.21.5':
+    optional: true
+
   '@esbuild/win32-ia32@0.18.20':
     optional: true
 
@@ -6897,6 +7251,9 @@ snapshots:
   '@esbuild/win32-ia32@0.20.2':
     optional: true
 
+  '@esbuild/win32-ia32@0.21.5':
+    optional: true
+
   '@esbuild/win32-x64@0.18.20':
     optional: true
 
@@ -6906,6 +7263,9 @@ snapshots:
   '@esbuild/win32-x64@0.20.2':
     optional: true
 
+  '@esbuild/win32-x64@0.21.5':
+    optional: true
+
   '@eslint-community/eslint-utils@4.4.0(eslint@8.43.0)':
     dependencies:
       eslint: 8.43.0
@@ -7068,11 +7428,11 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
 
-  '@playwright/experimental-ct-core@1.44.1(@types/node@20.14.6)(terser@5.31.0)':
+  '@playwright/experimental-ct-core@1.45.0(@types/node@20.14.6)(terser@5.31.0)':
     dependencies:
-      playwright: 1.44.1
-      playwright-core: 1.44.1
-      vite: 5.2.12(@types/node@20.14.6)(terser@5.31.0)
+      playwright: 1.45.0
+      playwright-core: 1.45.0
+      vite: 5.3.2(@types/node@20.14.6)(terser@5.31.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -7082,10 +7442,10 @@ snapshots:
       - sugarss
       - terser
 
-  '@playwright/experimental-ct-react@1.44.1(@types/node@20.14.6)(terser@5.31.0)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))':
+  '@playwright/experimental-ct-react@1.45.0(@types/node@20.14.6)(terser@5.31.0)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
-      '@playwright/experimental-ct-core': 1.44.1(@types/node@20.14.6)(terser@5.31.0)
-      '@vitejs/plugin-react': 4.2.1(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
+      '@playwright/experimental-ct-core': 1.45.0(@types/node@20.14.6)(terser@5.31.0)
+      '@vitejs/plugin-react': 4.3.1(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0))
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -7101,6 +7461,10 @@ snapshots:
     dependencies:
       playwright: 1.44.1
 
+  '@playwright/test@1.45.0':
+    dependencies:
+      playwright: 1.45.0
+
   '@polka/url@1.0.0-next.24': {}
 
   '@reduxjs/toolkit@2.2.3(react-redux@9.1.1(@types/react@18.2.36)(react@18.2.0)(redux@5.0.1))(react@18.2.0)':
@@ -7229,9 +7593,9 @@ snapshots:
 
   '@svelte-put/shortcut@3.1.0': {}
 
-  '@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))':
+  '@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0)))':
     dependencies:
-      '@sveltejs/kit': 2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
+      '@sveltejs/kit': 2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0))
       import-meta-resolve: 4.0.0
 
   '@sveltejs/adapter-auto@3.2.1(@sveltejs/kit@2.5.10(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))':
@@ -7257,9 +7621,9 @@ snapshots:
       tiny-glob: 0.2.9
       vite: 5.2.12(@types/node@20.14.6)(terser@5.31.0)
 
-  '@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))':
+  '@sveltejs/kit@2.5.4(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))
+      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 4.3.2
@@ -7273,7 +7637,7 @@ snapshots:
       sirv: 2.0.4
       svelte: 4.2.12
       tiny-glob: 0.2.9
-      vite: 5.2.12(@types/node@20.14.6)(terser@5.31.0)
+      vite: 5.3.2(@types/node@20.14.6)(terser@5.31.0)
 
   '@sveltejs/package@2.3.0(svelte@4.2.12)(typescript@5.4.2)':
     dependencies:
@@ -7304,6 +7668,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0))':
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': 3.1.1(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0))
+      debug: 4.3.5
+      svelte: 4.2.12
+      vite: 5.3.2(@types/node@20.14.6)(terser@5.31.0)
+    transitivePeerDependencies:
+      - supports-color
+
   '@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
       '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.1)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))
@@ -7332,6 +7705,20 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0))':
+    dependencies:
+      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.1(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.12)(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0))
+      debug: 4.3.5
+      deepmerge: 4.3.1
+      kleur: 4.1.5
+      magic-string: 0.30.10
+      svelte: 4.2.12
+      svelte-hmr: 0.16.0(svelte@4.2.12)
+      vite: 5.3.2(@types/node@20.14.6)(terser@5.31.0)
+      vitefu: 0.2.5(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0))
+    transitivePeerDependencies:
+      - supports-color
+
   '@swc/core-darwin-arm64@1.3.96':
     optional: true
 
@@ -7402,11 +7789,11 @@ snapshots:
 
   '@types/babel__core@7.20.5':
     dependencies:
-      '@babel/parser': 7.24.0
-      '@babel/types': 7.24.0
+      '@babel/parser': 7.24.7
+      '@babel/types': 7.24.7
       '@types/babel__generator': 7.6.8
       '@types/babel__template': 7.4.4
-      '@types/babel__traverse': 7.20.5
+      '@types/babel__traverse': 7.20.6
 
   '@types/babel__generator@7.6.7':
     dependencies:
@@ -7414,7 +7801,7 @@ snapshots:
 
   '@types/babel__generator@7.6.8':
     dependencies:
-      '@babel/types': 7.24.0
+      '@babel/types': 7.24.7
 
   '@types/babel__template@7.4.4':
     dependencies:
@@ -7425,9 +7812,9 @@ snapshots:
     dependencies:
       '@babel/types': 7.23.0
 
-  '@types/babel__traverse@7.20.5':
+  '@types/babel__traverse@7.20.6':
     dependencies:
-      '@babel/types': 7.24.0
+      '@babel/types': 7.24.7
 
   '@types/cookie@0.6.0': {}
 
@@ -7849,14 +8236,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-react@4.2.1(vite@5.2.12(@types/node@20.14.6)(terser@5.31.0))':
+  '@vitejs/plugin-react@4.3.1(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
-      '@babel/core': 7.24.0
-      '@babel/plugin-transform-react-jsx-self': 7.23.3(@babel/core@7.24.0)
-      '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.24.0)
+      '@babel/core': 7.24.7
+      '@babel/plugin-transform-react-jsx-self': 7.24.7(@babel/core@7.24.7)
+      '@babel/plugin-transform-react-jsx-source': 7.24.7(@babel/core@7.24.7)
       '@types/babel__core': 7.20.5
-      react-refresh: 0.14.0
-      vite: 5.2.12(@types/node@20.14.6)(terser@5.31.0)
+      react-refresh: 0.14.2
+      vite: 5.3.2(@types/node@20.14.6)(terser@5.31.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -8187,6 +8574,13 @@ snapshots:
       node-releases: 2.0.14
       update-browserslist-db: 1.0.13(browserslist@4.23.0)
 
+  browserslist@4.23.1:
+    dependencies:
+      caniuse-lite: 1.0.30001639
+      electron-to-chromium: 1.4.815
+      node-releases: 2.0.14
+      update-browserslist-db: 1.0.16(browserslist@4.23.1)
+
   buffer-crc32@0.2.13: {}
 
   buffer-from@1.1.2: {}
@@ -8242,6 +8636,8 @@ snapshots:
 
   caniuse-lite@1.0.30001594: {}
 
+  caniuse-lite@1.0.30001639: {}
+
   caseless@0.12.0: {}
 
   ccount@2.0.1: {}
@@ -8804,6 +9200,8 @@ snapshots:
 
   electron-to-chromium@1.4.693: {}
 
+  electron-to-chromium@1.4.815: {}
+
   emoji-regex@10.3.0: {}
 
   emoji-regex@8.0.0: {}
@@ -8986,8 +9384,36 @@ snapshots:
       '@esbuild/win32-ia32': 0.20.2
       '@esbuild/win32-x64': 0.20.2
 
+  esbuild@0.21.5:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.21.5
+      '@esbuild/android-arm': 0.21.5
+      '@esbuild/android-arm64': 0.21.5
+      '@esbuild/android-x64': 0.21.5
+      '@esbuild/darwin-arm64': 0.21.5
+      '@esbuild/darwin-x64': 0.21.5
+      '@esbuild/freebsd-arm64': 0.21.5
+      '@esbuild/freebsd-x64': 0.21.5
+      '@esbuild/linux-arm': 0.21.5
+      '@esbuild/linux-arm64': 0.21.5
+      '@esbuild/linux-ia32': 0.21.5
+      '@esbuild/linux-loong64': 0.21.5
+      '@esbuild/linux-mips64el': 0.21.5
+      '@esbuild/linux-ppc64': 0.21.5
+      '@esbuild/linux-riscv64': 0.21.5
+      '@esbuild/linux-s390x': 0.21.5
+      '@esbuild/linux-x64': 0.21.5
+      '@esbuild/netbsd-x64': 0.21.5
+      '@esbuild/openbsd-x64': 0.21.5
+      '@esbuild/sunos-x64': 0.21.5
+      '@esbuild/win32-arm64': 0.21.5
+      '@esbuild/win32-ia32': 0.21.5
+      '@esbuild/win32-x64': 0.21.5
+
   escalade@3.1.1: {}
 
+  escalade@3.1.2: {}
+
   escape-string-regexp@1.0.5: {}
 
   escape-string-regexp@4.0.0: {}
@@ -11235,6 +11661,12 @@ snapshots:
       picocolors: 1.0.1
       source-map-js: 1.2.0
 
+  postcss@8.4.39:
+    dependencies:
+      nanoid: 3.3.7
+      picocolors: 1.0.1
+      source-map-js: 1.2.0
+
   prebuild-install@7.1.1:
     dependencies:
       detect-libc: 2.0.2
@@ -11378,6 +11810,8 @@ snapshots:
 
   react-refresh@0.14.0: {}
 
+  react-refresh@0.14.2: {}
+
   react-router-dom@6.18.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
     dependencies:
       '@remix-run/router': 1.11.0
@@ -12024,7 +12458,7 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svelte-check@3.6.6(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12):
+  svelte-check@3.6.6(@babel/core@7.24.7)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 3.6.0
@@ -12033,7 +12467,7 @@ snapshots:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 4.2.12
-      svelte-preprocess: 5.1.3(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.5)
+      svelte-preprocess: 5.1.3(@babel/core@7.24.7)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.5)
       typescript: 5.4.5
     transitivePeerDependencies:
       - '@babel/core'
@@ -12046,7 +12480,7 @@ snapshots:
       - stylus
       - sugarss
 
-  svelte-check@3.6.7(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12):
+  svelte-check@3.6.7(@babel/core@7.24.7)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 3.6.0
@@ -12055,7 +12489,7 @@ snapshots:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 4.2.12
-      svelte-preprocess: 5.1.3(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.5)
+      svelte-preprocess: 5.1.3(@babel/core@7.24.7)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.5)
       typescript: 5.4.5
     transitivePeerDependencies:
       - '@babel/core'
@@ -12086,7 +12520,7 @@ snapshots:
     dependencies:
       svelte: 4.2.12
 
-  svelte-preprocess@5.1.3(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2):
+  svelte-preprocess@5.1.3(@babel/core@7.24.7)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2):
     dependencies:
       '@types/pug': 2.0.10
       detect-indent: 6.1.0
@@ -12095,12 +12529,12 @@ snapshots:
       strip-indent: 3.0.0
       svelte: 4.2.12
     optionalDependencies:
-      '@babel/core': 7.24.0
+      '@babel/core': 7.24.7
       postcss: 8.4.35
       postcss-load-config: 5.0.2(postcss@8.4.35)
       typescript: 5.4.2
 
-  svelte-preprocess@5.1.3(@babel/core@7.24.0)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.5):
+  svelte-preprocess@5.1.3(@babel/core@7.24.7)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.5):
     dependencies:
       '@types/pug': 2.0.10
       detect-indent: 6.1.0
@@ -12109,7 +12543,7 @@ snapshots:
       strip-indent: 3.0.0
       svelte: 4.2.12
     optionalDependencies:
-      '@babel/core': 7.24.0
+      '@babel/core': 7.24.7
       postcss: 8.4.35
       postcss-load-config: 5.0.2(postcss@8.4.35)
       typescript: 5.4.5
@@ -12479,6 +12913,12 @@ snapshots:
       escalade: 3.1.1
       picocolors: 1.0.0
 
+  update-browserslist-db@1.0.16(browserslist@4.23.1):
+    dependencies:
+      browserslist: 4.23.1
+      escalade: 3.1.2
+      picocolors: 1.0.1
+
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.0
@@ -12561,6 +13001,16 @@ snapshots:
       fsevents: 2.3.3
       terser: 5.31.0
 
+  vite@5.3.2(@types/node@20.14.6)(terser@5.31.0):
+    dependencies:
+      esbuild: 0.21.5
+      postcss: 8.4.39
+      rollup: 4.18.0
+    optionalDependencies:
+      '@types/node': 20.14.6
+      fsevents: 2.3.3
+      terser: 5.31.0
+
   vitefu@0.2.5(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0)):
     optionalDependencies:
       vite: 4.5.3(@types/node@20.14.6)(terser@5.31.0)
@@ -12569,6 +13019,10 @@ snapshots:
     optionalDependencies:
       vite: 5.2.12(@types/node@20.14.6)(terser@5.31.0)
 
+  vitefu@0.2.5(vite@5.3.2(@types/node@20.14.6)(terser@5.31.0)):
+    optionalDependencies:
+      vite: 5.3.2(@types/node@20.14.6)(terser@5.31.0)
+
   vscode-oniguruma@1.7.0: {}
 
   vscode-textmate@8.0.0: {}
diff --git a/tests/playwright/package.json b/tests/playwright/package.json
index 9c2e56cdf..4ed5dc38c 100644
--- a/tests/playwright/package.json
+++ b/tests/playwright/package.json
@@ -13,11 +13,11 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@playwright/test": "^1.44.1",
+    "@playwright/test": "^1.45.0",
     "@types/node": "^20.14.6"
   },
   "dependencies": {
-    "@playwright/experimental-ct-react": "^1.44.1",
+    "@playwright/experimental-ct-react": "^1.45.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "react": "^18.3.1",

From f791b9b72ac2eeb5d10cf877519c110d92860101 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 1 Jul 2024 17:10:07 +0200
Subject: [PATCH 0895/1093] chore(gh-action): create playwright workflow

---
 .github/actions/ci-checks/action.yml | 11 -----------
 .github/actions/ci-setup/action.yml  |  1 -
 .github/workflows/playwright.yml     | 25 +++++++++++++++++++++++++
 3 files changed, 25 insertions(+), 12 deletions(-)
 create mode 100644 .github/workflows/playwright.yml

diff --git a/.github/actions/ci-checks/action.yml b/.github/actions/ci-checks/action.yml
index f873c07c8..d4a87a865 100644
--- a/.github/actions/ci-checks/action.yml
+++ b/.github/actions/ci-checks/action.yml
@@ -9,14 +9,3 @@ runs:
     - name: Typecheck
       run: pnpm typecheck
       shell: bash
-    - name: Install Playwright browsers
-      run: pnpm exec playwright install --with-deps
-      shell: bash
-    - name: Test React Flow
-      run: pnpm test:react
-      shell: bash
-      env:
-        CI: true
-    # - name: Test Svelte Flow
-    #   run: pnpm test:svelte
-    #   shell: bash
diff --git a/.github/actions/ci-setup/action.yml b/.github/actions/ci-setup/action.yml
index 3d7f1bef7..5ac076993 100644
--- a/.github/actions/ci-setup/action.yml
+++ b/.github/actions/ci-setup/action.yml
@@ -9,7 +9,6 @@ runs:
       uses: actions/setup-node@v4
       with:
         node-version: 20.x
-        cache: 'pnpm'
     - name: Install dependencies
       run: pnpm install
       shell: bash
diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
new file mode 100644
index 000000000..2e94ce0e3
--- /dev/null
+++ b/.github/workflows/playwright.yml
@@ -0,0 +1,25 @@
+name: Playwright Tests
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  playwright:
+    name: 'Playwright Tests'
+    runs-on: ubuntu-latest
+    container:
+      image: mcr.microsoft.com/playwright:v1.45.0-jammy
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@v4
+      - uses: ./.github/actions/ci-setup
+      - uses: ./.github/actions/ci-checks
+      - name: Run your tests
+        run: CI=true pnpm test:react
+        env:
+          HOME: /root

From 8eaa81f00050f452efd302f6f04e4068dbbf1966 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Mon, 1 Jul 2024 17:12:40 +0200
Subject: [PATCH 0896/1093] fix(changeset): remove unused package

---
 .changeset/config.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/config.json b/.changeset/config.json
index 02ee8b55e..68528c0ea 100644
--- a/.changeset/config.json
+++ b/.changeset/config.json
@@ -7,5 +7,5 @@
   "access": "restricted",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": ["astro", "react-examples", "svelte-examples", "astro-examples", "playwright"]
+  "ignore": ["react-examples", "svelte-examples", "astro-examples", "playwright"]
 }

From 66dbf554f717a2d8be66cf93f48abca44b261be8 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 1 Jul 2024 17:27:37 +0200
Subject: [PATCH 0897/1093] chore(test): autoPanOnNodeDrag

---
 tests/playwright/e2e/pane.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/playwright/e2e/pane.spec.ts b/tests/playwright/e2e/pane.spec.ts
index c04dce0cb..96d81c2a5 100644
--- a/tests/playwright/e2e/pane.spec.ts
+++ b/tests/playwright/e2e/pane.spec.ts
@@ -96,7 +96,7 @@ test.describe('Pane default', () => {
       await page.mouse.down();
       await page.mouse.move(0, 0);
       await page.waitForTimeout(500);
-      await page.mouse.move(1000, 100, { steps: 100 });
+      await page.mouse.move(2000, 2000, { steps: 100 });
       await page.mouse.up();
 
       const transformAfter = await getTransform(viewport);

From 41cefdfb0d7575a314e5cdd6d3e60f417cc518e3 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 1 Jul 2024 17:34:05 +0200
Subject: [PATCH 0898/1093] chore(test): autoPanOnNodeDrag

---
 tests/playwright/e2e/pane.spec.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/tests/playwright/e2e/pane.spec.ts b/tests/playwright/e2e/pane.spec.ts
index 96d81c2a5..fade5e0c3 100644
--- a/tests/playwright/e2e/pane.spec.ts
+++ b/tests/playwright/e2e/pane.spec.ts
@@ -101,8 +101,8 @@ test.describe('Pane default', () => {
 
       const transformAfter = await getTransform(viewport);
 
-      await expect(transformAfter.translateX).toBeGreaterThan(transformBefore.translateX);
-      await expect(transformAfter.translateY).toBeGreaterThan(transformBefore.translateY);
+      await expect(transformAfter.translateX).not.toEqual(transformBefore.translateX);
+      await expect(transformAfter.translateY).not.toEqual(transformBefore.translateY);
     });
 
     test('autoPanOnConnect', async ({ page }) => {
@@ -121,8 +121,8 @@ test.describe('Pane default', () => {
 
       const transformAfter = await getTransform(viewport);
 
-      await expect(transformAfter.translateX).toBeGreaterThan(transformBefore.translateX);
-      await expect(transformAfter.translateY).toBeGreaterThan(transformBefore.translateY);
+      await expect(transformAfter.translateX).not.toEqual(transformBefore.translateX);
+      await expect(transformAfter.translateY).not.toEqual(transformBefore.translateY);
     });
   });
 });

From c8c6fd1b4f7246b620687656fc197f9e58eacc57 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 3 Jul 2024 16:06:14 +0200
Subject: [PATCH 0899/1093] chore(tests): set package private

---
 tests/playwright/package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/tests/playwright/package.json b/tests/playwright/package.json
index 4ed5dc38c..a6dea9d4b 100644
--- a/tests/playwright/package.json
+++ b/tests/playwright/package.json
@@ -1,5 +1,6 @@
 {
   "name": "playwright",
+  "private": true,
   "version": "1.0.0",
   "description": "",
   "main": "index.js",

From 3f259e96622b0c2272c4d90476e28bda7413a285 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 4 Jul 2024 16:33:45 +0200
Subject: [PATCH 0900/1093] variable autoPanSpeed

---
 .../react/src/components/Handle/index.tsx     |  1 +
 .../src/components/StoreUpdater/index.tsx     |  1 +
 .../react/src/container/ReactFlow/index.tsx   |  2 ++
 packages/react/src/store/initialState.ts      |  1 +
 packages/react/src/types/component-props.ts   |  4 ++++
 packages/react/src/types/store.ts             |  1 +
 packages/system/src/utils/general.ts          | 24 ++++++++++++++-----
 packages/system/src/xydrag/XYDrag.ts          |  8 ++++---
 packages/system/src/xyhandle/XYHandle.ts      |  4 +++-
 packages/system/src/xyhandle/types.ts         |  1 +
 10 files changed, 37 insertions(+), 10 deletions(-)

diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 02ba9ced5..10f347311 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -139,6 +139,7 @@ function HandleComponent(
         isValidConnection: isValidConnection || currentStore.isValidConnection,
         getTransform: () => store.getState().transform,
         getFromHandle: () => store.getState().connection.fromHandle,
+        autoPanSpeed: currentStore.autoPanSpeed,
       });
     }
 
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 56a371346..674eebd17 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -66,6 +66,7 @@ const reactFlowFieldsToTrack = [
   'nodeDragThreshold',
   'onBeforeDelete',
   'debug',
+  'autoPanSpeed',
 ] as const;
 
 type ReactFlowFieldsToTrack = (typeof reactFlowFieldsToTrack)[number];
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index c301d9d49..d8933d8e0 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -129,6 +129,7 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
     disableKeyboardA11y = false,
     autoPanOnConnect,
     autoPanOnNodeDrag,
+    autoPanSpeed,
     connectionRadius,
     isValidConnection,
     onError,
@@ -269,6 +270,7 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
           rfId={rfId}
           autoPanOnConnect={autoPanOnConnect}
           autoPanOnNodeDrag={autoPanOnNodeDrag}
+          autoPanSpeed={autoPanSpeed}
           onError={onError}
           connectionRadius={connectionRadius}
           isValidConnection={isValidConnection}
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 7d2789a23..279506ba9 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -112,6 +112,7 @@ const getInitialState = ({
     ariaLiveMessage: '',
     autoPanOnConnect: true,
     autoPanOnNodeDrag: true,
+    autoPanSpeed: 15,
     connectionRadius: 20,
     onError: devWarn,
     isValidConnection: undefined,
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index 5dd6d57e7..cd46ac22f 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -471,6 +471,10 @@ export interface ReactFlowProps<NodeType extends Node = Node, EdgeType extends E
    * @default true
    */
   autoPanOnConnect?: boolean;
+  /** The speed at which the viewport pans while dragging a node or a selection box.
+   * @default 15
+   */
+  autoPanSpeed?: number;
   /** You can enable this prop to automatically pan the viewport while making a new connection.
    * @default true
    */
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 7ce5fabf9..2e86ade09 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -139,6 +139,7 @@ export type ReactFlowStore<NodeType extends Node = Node, EdgeType extends Edge =
   ariaLiveMessage: string;
   autoPanOnConnect: boolean;
   autoPanOnNodeDrag: boolean;
+  autoPanSpeed: number;
   connectionRadius: number;
 
   isValidConnection?: IsValidConnection<EdgeType>;
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index 0513f5620..00097fa6a 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -21,6 +21,10 @@ export const clampPosition = (position: XYPosition = { x: 0, y: 0 }, extent: Coo
   y: clamp(position.y, extent[0][1], extent[1][1]),
 });
 
+function easeInOutSine(x: number): number {
+  return -(Math.cos(Math.PI * x) - 1) / 2;
+}
+
 /**
  * Calculates the velocity of panning when the mouse is close to the edge of the canvas
  * @internal
@@ -29,19 +33,27 @@ export const clampPosition = (position: XYPosition = { x: 0, y: 0 }, extent: Coo
  * @param max - Maximal position on canvas before panning starts
  * @returns - A number between 0 and 1 that represents the velocity of panning
  */
-const calcAutoPanVelocity = (value: number, min: number, max: number): number => {
+const calcAutoPanVelocity = (value: number, min: number, max: number, zoom: number): number => {
+  clamp(zoom, 0, 1);
   if (value < min) {
-    return clamp(Math.abs(value - min), 1, 50) / 50;
+    return clamp(Math.abs(value - min), 1, min) / min;
   } else if (value > max) {
-    return -clamp(Math.abs(value - max), 1, 50) / 50;
+    return -clamp(Math.abs(value - max), 1, min) / min;
   }
 
   return 0;
 };
 
-export const calcAutoPan = (pos: XYPosition, bounds: Dimensions): number[] => {
-  const xMovement = calcAutoPanVelocity(pos.x, 35, bounds.width - 35) * 20;
-  const yMovement = calcAutoPanVelocity(pos.y, 35, bounds.height - 35) * 20;
+export const calcAutoPan = (
+  pos: XYPosition,
+  bounds: Dimensions,
+  transform: Transform,
+  speed: number = 15,
+  distance: number = 50
+): number[] => {
+  const zoomFactor = clamp(transform[2] * 10, 0.01, 1);
+  const xMovement = calcAutoPanVelocity(pos.x, distance, bounds.width - distance, transform[2]) * speed * zoomFactor;
+  const yMovement = calcAutoPanVelocity(pos.y, distance, bounds.height - distance, transform[2]) * speed * zoomFactor;
 
   return [xMovement, yMovement];
 };
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 0e89c1c65..02387ff4c 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -61,6 +61,7 @@ type StoreItems<OnNodeDrag> = {
   onSelectionDrag?: OnSelectionDrag;
   onSelectionDragStop?: OnSelectionDrag;
   updateNodePositions: UpdateNodePositions;
+  autoPanSpeed?: number;
 };
 
 export type XYDragParams<OnNodeDrag> = {
@@ -69,6 +70,7 @@ export type XYDragParams<OnNodeDrag> = {
   onDrag?: OnDrag;
   onDragStop?: OnDrag;
   onNodeMouseDown?: (id: string) => void;
+  autoPanSpeed?: number;
 };
 
 export type XYDragInstance = {
@@ -198,11 +200,11 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         return;
       }
 
-      const [xMovement, yMovement] = calcAutoPan(mousePosition, containerBounds);
+      const { transform, panBy, autoPanSpeed } = getStoreItems();
 
-      if (xMovement !== 0 || yMovement !== 0) {
-        const { transform, panBy } = getStoreItems();
+      const [xMovement, yMovement] = calcAutoPan(mousePosition, containerBounds, transform, autoPanSpeed);
 
+      if (xMovement !== 0 || yMovement !== 0) {
         lastPos.x = (lastPos.x ?? 0) - xMovement / transform[2];
         lastPos.y = (lastPos.y ?? 0) - yMovement / transform[2];
 
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index fcc1391b0..db0dafd2f 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -44,6 +44,7 @@ function onPointerDown(
     updateConnection,
     getTransform,
     getFromHandle,
+    autoPanSpeed,
   }: OnPointerDownParams
 ) {
   // when xyflow is used inside a shadow root we can't use document
@@ -78,7 +79,8 @@ function onPointerDown(
     if (!autoPanOnConnect || !containerBounds) {
       return;
     }
-    const [x, y] = calcAutoPan(position, containerBounds);
+    const transform = getTransform();
+    const [x, y] = calcAutoPan(position, containerBounds, transform, autoPanSpeed);
 
     panBy({ x, y });
     autoPanId = requestAnimationFrame(autoPan);
diff --git a/packages/system/src/xyhandle/types.ts b/packages/system/src/xyhandle/types.ts
index 7c7543a18..299fbc8f6 100644
--- a/packages/system/src/xyhandle/types.ts
+++ b/packages/system/src/xyhandle/types.ts
@@ -35,6 +35,7 @@ export type OnPointerDownParams = {
   onReconnectEnd?: (evt: MouseEvent | TouchEvent) => void;
   getTransform: () => Transform;
   getFromHandle: () => Handle | null;
+  autoPanSpeed?: number;
 };
 
 export type IsValidParams = {

From 62ba38cea9abcfd53faf62582ce9d084ceaa2416 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 4 Jul 2024 18:03:22 +0200
Subject: [PATCH 0901/1093] chore(autoPanSpeed): cleanup

---
 packages/system/src/utils/general.ts     | 15 ++++-----------
 packages/system/src/xydrag/XYDrag.ts     |  2 +-
 packages/system/src/xyhandle/XYHandle.ts |  3 +--
 3 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index 00097fa6a..7d539fb51 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -21,10 +21,6 @@ export const clampPosition = (position: XYPosition = { x: 0, y: 0 }, extent: Coo
   y: clamp(position.y, extent[0][1], extent[1][1]),
 });
 
-function easeInOutSine(x: number): number {
-  return -(Math.cos(Math.PI * x) - 1) / 2;
-}
-
 /**
  * Calculates the velocity of panning when the mouse is close to the edge of the canvas
  * @internal
@@ -33,8 +29,7 @@ function easeInOutSine(x: number): number {
  * @param max - Maximal position on canvas before panning starts
  * @returns - A number between 0 and 1 that represents the velocity of panning
  */
-const calcAutoPanVelocity = (value: number, min: number, max: number, zoom: number): number => {
-  clamp(zoom, 0, 1);
+const calcAutoPanVelocity = (value: number, min: number, max: number): number => {
   if (value < min) {
     return clamp(Math.abs(value - min), 1, min) / min;
   } else if (value > max) {
@@ -47,13 +42,11 @@ const calcAutoPanVelocity = (value: number, min: number, max: number, zoom: numb
 export const calcAutoPan = (
   pos: XYPosition,
   bounds: Dimensions,
-  transform: Transform,
   speed: number = 15,
-  distance: number = 50
+  distance: number = 40
 ): number[] => {
-  const zoomFactor = clamp(transform[2] * 10, 0.01, 1);
-  const xMovement = calcAutoPanVelocity(pos.x, distance, bounds.width - distance, transform[2]) * speed * zoomFactor;
-  const yMovement = calcAutoPanVelocity(pos.y, distance, bounds.height - distance, transform[2]) * speed * zoomFactor;
+  const xMovement = calcAutoPanVelocity(pos.x, distance, bounds.width - distance) * speed;
+  const yMovement = calcAutoPanVelocity(pos.y, distance, bounds.height - distance) * speed;
 
   return [xMovement, yMovement];
 };
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 02387ff4c..675aef3a3 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -202,7 +202,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
 
       const { transform, panBy, autoPanSpeed } = getStoreItems();
 
-      const [xMovement, yMovement] = calcAutoPan(mousePosition, containerBounds, transform, autoPanSpeed);
+      const [xMovement, yMovement] = calcAutoPan(mousePosition, containerBounds, autoPanSpeed);
 
       if (xMovement !== 0 || yMovement !== 0) {
         lastPos.x = (lastPos.x ?? 0) - xMovement / transform[2];
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index db0dafd2f..13f627fae 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -79,8 +79,7 @@ function onPointerDown(
     if (!autoPanOnConnect || !containerBounds) {
       return;
     }
-    const transform = getTransform();
-    const [x, y] = calcAutoPan(position, containerBounds, transform, autoPanSpeed);
+    const [x, y] = calcAutoPan(position, containerBounds, autoPanSpeed);
 
     panBy({ x, y });
     autoPanId = requestAnimationFrame(autoPan);

From d7c4e8d200027ec24c3536b9fe01651271c16236 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 4 Jul 2024 18:04:08 +0200
Subject: [PATCH 0902/1093] chore(autoPanSpeed): cleanup

---
 .changeset/config.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/config.json b/.changeset/config.json
index 02ee8b55e..68528c0ea 100644
--- a/.changeset/config.json
+++ b/.changeset/config.json
@@ -7,5 +7,5 @@
   "access": "restricted",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": ["astro", "react-examples", "svelte-examples", "astro-examples", "playwright"]
+  "ignore": ["react-examples", "svelte-examples", "astro-examples", "playwright"]
 }

From f18dcfb901eb8bcf956a2cf8dc07865dd482ff6f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 4 Jul 2024 18:04:53 +0200
Subject: [PATCH 0903/1093] chore(changeset): add

---
 .changeset/small-suits-attack.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 .changeset/small-suits-attack.md

diff --git a/.changeset/small-suits-attack.md b/.changeset/small-suits-attack.md
new file mode 100644
index 000000000..a12b81845
--- /dev/null
+++ b/.changeset/small-suits-attack.md
@@ -0,0 +1,6 @@
+---
+'@xyflow/react': patch
+'@xyflow/system': patch
+---
+
+add autoPanSpeed prop/option

From d7d023ef525bd17d1742705fc0412bbfb8c4f7c3 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Thu, 4 Jul 2024 18:14:26 +0200
Subject: [PATCH 0904/1093] chore(release-workflow): deactivate

---
 .github/workflows/release.yml | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index ae36b6197..1ce9d920a 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -1,9 +1,10 @@
 name: Release
 
 on:
-  push:
-    branches:
-      - main
+  workflow_dispatch:
+#  push:
+#    branches:
+#      - main
 
 concurrency: ${{ github.workflow }}-${{ github.ref }}
 

From 73c2590abff8e17fd81ff242ec6aec5ed4dc23e7 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 4 Jul 2024 18:19:22 +0200
Subject: [PATCH 0905/1093] chore(packages): bump

---
 .changeset/small-suits-attack.md | 6 ------
 packages/react/CHANGELOG.md      | 4 ++++
 packages/react/package.json      | 2 +-
 packages/system/package.json     | 2 +-
 4 files changed, 6 insertions(+), 8 deletions(-)
 delete mode 100644 .changeset/small-suits-attack.md

diff --git a/.changeset/small-suits-attack.md b/.changeset/small-suits-attack.md
deleted file mode 100644
index a12b81845..000000000
--- a/.changeset/small-suits-attack.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@xyflow/react': patch
-'@xyflow/system': patch
----
-
-add autoPanSpeed prop/option
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 64fd94917..4f1bf0e8a 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,9 @@
 # @xyflow/react
 
+## 12.0.0-next.26
+
+- add `autoPanSpeed` prop
+
 ## 12.0.0-next.25
 
 - `useConnection` returns `ConnectionState` with `toNode` and `toHandle`
diff --git a/packages/react/package.json b/packages/react/package.json
index 957392b51..4a7b7d2eb 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.25",
+  "version": "12.0.0-next.26",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/system/package.json b/packages/system/package.json
index b9379f3c6..e825a0106 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 2503d32a88534bede9a5361f1bf7a26c9c2e2aef Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 8 Jul 2024 13:18:07 +0200
Subject: [PATCH 0906/1093] feat(viewport-helpers): return promises

---
 examples/react/src/examples/Stress/index.tsx  |  1 +
 packages/react/src/hooks/useViewportHelper.ts | 76 +++++++++++++------
 packages/react/src/store/index.ts             |  6 +-
 packages/react/src/types/general.ts           |  2 +-
 packages/react/src/types/store.ts             |  2 +-
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 55 ++++++++++----
 packages/svelte/src/lib/store/index.ts        | 17 +++--
 packages/svelte/src/lib/store/types.ts        |  8 +-
 packages/system/src/types/general.ts          | 12 +--
 packages/system/src/types/panzoom.ts          |  8 +-
 packages/system/src/utils/graph.ts            | 10 +--
 packages/system/src/utils/store.ts            | 10 +--
 packages/system/src/xydrag/XYDrag.ts          |  4 +-
 packages/system/src/xypanzoom/XYPanZoom.ts    | 14 ++--
 packages/system/src/xypanzoom/utils.ts        |  2 -
 15 files changed, 140 insertions(+), 87 deletions(-)

diff --git a/examples/react/src/examples/Stress/index.tsx b/examples/react/src/examples/Stress/index.tsx
index 9020ddd6f..5fd6f9e91 100644
--- a/examples/react/src/examples/Stress/index.tsx
+++ b/examples/react/src/examples/Stress/index.tsx
@@ -224,6 +224,7 @@ const StressFlow = () => {
       onEdgesChange={onEdgeChange}
       minZoom={0.2}
       fitView
+      panOnDrag={false}
     >
       <Controls />
       <Background />
diff --git a/packages/react/src/hooks/useViewportHelper.ts b/packages/react/src/hooks/useViewportHelper.ts
index 245fafd76..2bfea8171 100644
--- a/packages/react/src/hooks/useViewportHelper.ts
+++ b/packages/react/src/hooks/useViewportHelper.ts
@@ -21,17 +21,33 @@ const useViewportHelper = (): ViewportHelperFunctions => {
 
   return useMemo<ViewportHelperFunctions>(() => {
     return {
-      zoomIn: (options) => store.getState().panZoom?.scaleBy(1.2, { duration: options?.duration }),
-      zoomOut: (options) => store.getState().panZoom?.scaleBy(1 / 1.2, { duration: options?.duration }),
-      zoomTo: (zoomLevel, options) => store.getState().panZoom?.scaleTo(zoomLevel, { duration: options?.duration }),
+      zoomIn: (options) => {
+        const { panZoom } = store.getState();
+
+        return panZoom ? panZoom.scaleBy(1.2, { duration: options?.duration }) : Promise.resolve(false);
+      },
+      zoomOut: (options) => {
+        const { panZoom } = store.getState();
+
+        return panZoom ? panZoom.scaleBy(1 / 1.2, { duration: options?.duration }) : Promise.resolve(false);
+      },
+      zoomTo: (zoomLevel, options) => {
+        const { panZoom } = store.getState();
+
+        return panZoom ? panZoom.scaleTo(zoomLevel, { duration: options?.duration }) : Promise.resolve(false);
+      },
       getZoom: () => store.getState().transform[2],
-      setViewport: (viewport, options) => {
+      setViewport: async (viewport, options) => {
         const {
           transform: [tX, tY, tZoom],
           panZoom,
         } = store.getState();
 
-        panZoom?.setViewport(
+        if (!panZoom) {
+          return Promise.resolve(false);
+        }
+
+        await panZoom.setViewport(
           {
             x: viewport.x ?? tX,
             y: viewport.y ?? tY,
@@ -39,6 +55,8 @@ const useViewportHelper = (): ViewportHelperFunctions => {
           },
           { duration: options?.duration }
         );
+
+        return Promise.resolve(true);
       },
       getViewport: () => {
         const [x, y, zoom] = store.getState().transform;
@@ -47,29 +65,31 @@ const useViewportHelper = (): ViewportHelperFunctions => {
       fitView: (options) => {
         const { nodeLookup, width, height, minZoom, maxZoom, panZoom } = store.getState();
 
-        if (!panZoom) {
-          return false;
-        }
-
-        return fitView(
-          {
-            nodeLookup,
-            width,
-            height,
-            minZoom,
-            maxZoom,
-            panZoom,
-          },
-          options
-        );
+        return panZoom
+          ? fitView(
+              {
+                nodeLookup,
+                width,
+                height,
+                minZoom,
+                maxZoom,
+                panZoom,
+              },
+              options
+            )
+          : Promise.resolve(false);
       },
-      setCenter: (x, y, options) => {
+      setCenter: async (x, y, options) => {
         const { width, height, maxZoom, panZoom } = store.getState();
         const nextZoom = typeof options?.zoom !== 'undefined' ? options.zoom : maxZoom;
         const centerX = width / 2 - x * nextZoom;
         const centerY = height / 2 - y * nextZoom;
 
-        panZoom?.setViewport(
+        if (!panZoom) {
+          return Promise.resolve(false);
+        }
+
+        await panZoom.setViewport(
           {
             x: centerX,
             y: centerY,
@@ -77,12 +97,20 @@ const useViewportHelper = (): ViewportHelperFunctions => {
           },
           { duration: options?.duration }
         );
+
+        return Promise.resolve(true);
       },
-      fitBounds: (bounds, options) => {
+      fitBounds: async (bounds, options) => {
         const { width, height, minZoom, maxZoom, panZoom } = store.getState();
         const viewport = getViewportForBounds(bounds, width, height, minZoom, maxZoom, options?.padding ?? 0.1);
 
-        panZoom?.setViewport(viewport, { duration: options?.duration });
+        if (!panZoom) {
+          return Promise.resolve(false);
+        }
+
+        await panZoom.setViewport(viewport, { duration: options?.duration });
+
+        return Promise.resolve(true);
       },
       screenToFlowPosition: (clientPosition: XYPosition, options: { snapToGrid: boolean } = { snapToGrid: true }) => {
         const { transform, snapGrid, domNode } = store.getState();
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 57beb3f9a..11245bb58 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -287,15 +287,15 @@ const createStore = ({
           nodeExtent,
         });
       },
-      panBy: (delta): boolean => {
+      panBy: (delta): Promise<boolean> => {
         const { transform, width, height, panZoom, translateExtent } = get();
         return panBySystem({ delta, panZoom, transform, translateExtent, width, height });
       },
-      fitView: (options?: FitViewOptions): boolean => {
+      fitView: (options?: FitViewOptions): Promise<boolean> => {
         const { panZoom, width, height, minZoom, maxZoom, nodeLookup } = get();
 
         if (!panZoom) {
-          return false;
+          return Promise.resolve(false);
         }
 
         return fitViewSystem(
diff --git a/packages/react/src/types/general.ts b/packages/react/src/types/general.ts
index 2f518dca7..48e5b2fe2 100644
--- a/packages/react/src/types/general.ts
+++ b/packages/react/src/types/general.ts
@@ -65,7 +65,7 @@ export type OnSelectionChangeFunc = (params: OnSelectionChangeParams) => void;
 
 export type FitViewParams<NodeType extends Node = Node> = FitViewParamsBase<NodeType>;
 export type FitViewOptions<NodeType extends Node = Node> = FitViewOptionsBase<NodeType>;
-export type FitView = (fitViewOptions?: FitViewOptions) => boolean;
+export type FitView = (fitViewOptions?: FitViewOptions) => Promise<boolean>;
 export type OnInit<NodeType extends Node = Node, EdgeType extends Edge = Edge> = (
   reactFlowInstance: ReactFlowInstance<NodeType, EdgeType>
 ) => void;
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 2e86ade09..30da6e64a 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -168,7 +168,7 @@ export type ReactFlowActions<NodeType extends Node, EdgeType extends Edge> = {
   triggerNodeChanges: (changes: NodeChange<NodeType>[]) => void;
   triggerEdgeChanges: (changes: EdgeChange<EdgeType>[]) => void;
   panBy: PanBy;
-  fitView: (options?: FitViewOptions) => boolean;
+  fitView: (options?: FitViewOptions) => Promise<boolean>;
 };
 
 export type ReactFlowState<NodeType extends Node = Node, EdgeType extends Edge = Edge> = ReactFlowStore<
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index be40af643..f46c17579 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -80,7 +80,7 @@ export function useSvelteFlow(): {
    * @param zoomLevel - the zoom level to set
    * @param options.duration - optional duration. If set, a transition will be applied
    */
-  setZoom: (zoomLevel: number, options?: ViewportHelperFunctionOptions) => void;
+  setZoom: (zoomLevel: number, options?: ViewportHelperFunctionOptions) => Promise<boolean>;
   /**
    * Returns the current zoom level.
    *
@@ -94,14 +94,14 @@ export function useSvelteFlow(): {
    * @param y - y position
    * @param options.zoom - optional zoom
    */
-  setCenter: (x: number, y: number, options?: SetCenterOptions) => void;
+  setCenter: (x: number, y: number, options?: SetCenterOptions) => Promise<boolean>;
   /**
    * Sets the current viewport.
    *
    * @param viewport - the viewport to set
    * @param options.duration - optional duration. If set, a transition will be applied
    */
-  setViewport: (viewport: Viewport, options?: ViewportHelperFunctionOptions) => void;
+  setViewport: (viewport: Viewport, options?: ViewportHelperFunctionOptions) => Promise<boolean>;
   /**
    * Returns the current viewport.
    *
@@ -118,7 +118,7 @@ export function useSvelteFlow(): {
    * @param options.duration - optional duration. If set, a transition will be applied
    * @param options.nodes - optional nodes to fit the view to
    */
-  fitView: (options?: FitViewOptions) => void;
+  fitView: (options?: FitViewOptions) => Promise<boolean>;
   /**
    * Returns all nodes that intersect with the given node or rect.
    *
@@ -153,7 +153,7 @@ export function useSvelteFlow(): {
    * @param bounds - the bounds ({ x: number, y: number, width: number, height: number }) to fit the view to
    * @param options.padding - optional padding
    */
-  fitBounds: (bounds: Rect, options?: FitBoundsOptions) => void;
+  fitBounds: (bounds: Rect, options?: FitBoundsOptions) => Promise<boolean>;
   /**
    * Deletes nodes and edges.
    *
@@ -298,26 +298,41 @@ export function useSvelteFlow(): {
     getEdge: (id) => get(edgeLookup).get(id),
     getEdges: (ids) => (ids === undefined ? get(edges) : getElements(get(edgeLookup), ids)),
     setZoom: (zoomLevel, options) => {
-      get(panZoom)?.scaleTo(zoomLevel, { duration: options?.duration });
+      const currentPanZoom = get(panZoom);
+      return currentPanZoom
+        ? currentPanZoom.scaleTo(zoomLevel, { duration: options?.duration })
+        : Promise.resolve(false);
     },
     getZoom: () => get(viewport).zoom,
-    setViewport: (vieport, options) => {
+    setViewport: async (nextViewport, options) => {
       const currentViewport = get(viewport);
+      const currentPanZoom = get(panZoom);
 
-      get(panZoom)?.setViewport(
+      if (!currentPanZoom) {
+        return Promise.resolve(false);
+      }
+
+      await currentPanZoom.setViewport(
         {
-          x: vieport.x ?? currentViewport.x,
-          y: vieport.y ?? currentViewport.y,
-          zoom: vieport.zoom ?? currentViewport.zoom
+          x: nextViewport.x ?? currentViewport.x,
+          y: nextViewport.y ?? currentViewport.y,
+          zoom: nextViewport.zoom ?? currentViewport.zoom
         },
         { duration: options?.duration }
       );
+
+      return Promise.resolve(true);
     },
     getViewport: () => get(viewport),
-    setCenter: (x, y, options) => {
+    setCenter: async (x, y, options) => {
       const nextZoom = typeof options?.zoom !== 'undefined' ? options.zoom : get(maxZoom);
+      const currentPanZoom = get(panZoom);
+
+      if (!currentPanZoom) {
+        return Promise.resolve(false);
+      }
 
-      get(panZoom)?.setViewport(
+      await currentPanZoom.setViewport(
         {
           x: get(width) / 2 - x * nextZoom,
           y: get(height) / 2 - y * nextZoom,
@@ -325,9 +340,17 @@ export function useSvelteFlow(): {
         },
         { duration: options?.duration }
       );
+
+      return Promise.resolve(true);
     },
     fitView,
-    fitBounds: (bounds: Rect, options?: FitBoundsOptions) => {
+    fitBounds: async (bounds: Rect, options?: FitBoundsOptions) => {
+      const currentPanZoom = get(panZoom);
+
+      if (!currentPanZoom) {
+        return Promise.resolve(false);
+      }
+
       const viewport = getViewportForBounds(
         bounds,
         get(width),
@@ -337,7 +360,9 @@ export function useSvelteFlow(): {
         options?.padding ?? 0.1
       );
 
-      get(panZoom)?.setViewport(viewport, { duration: options?.duration });
+      await currentPanZoom.setViewport(viewport, { duration: options?.duration });
+
+      return Promise.resolve(true);
     },
     getIntersectingNodes: (
       nodeOrRect: Node | { id: Node['id'] } | Rect,
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index e1eea73f6..e52fc8a80 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -90,7 +90,7 @@ export function createStore({
     store.nodes.update((nds) => nds);
   };
 
-  function updateNodeInternals(updates: Map<string, InternalNodeUpdate>) {
+  async function updateNodeInternals(updates: Map<string, InternalNodeUpdate>) {
     const nodeLookup = get(store.nodeLookup);
     const { changes, updatedInternals } = updateNodeInternalsSystem(
       updates,
@@ -106,7 +106,7 @@ export function createStore({
 
     if (!get(store.fitViewOnInitDone) && get(store.fitViewOnInit)) {
       const fitViewOptions = get(store.fitViewOptions);
-      const fitViewOnInitDone = fitView({
+      const fitViewOnInitDone = await fitView({
         ...fitViewOptions,
         nodes: fitViewOptions?.nodes
       });
@@ -150,7 +150,7 @@ export function createStore({
     const panZoom = get(store.panZoom);
 
     if (!panZoom) {
-      return false;
+      return Promise.resolve(false);
     }
 
     return fitViewSystem(
@@ -168,18 +168,19 @@ export function createStore({
 
   function zoomBy(factor: number, options?: ViewportHelperFunctionOptions) {
     const panZoom = get(store.panZoom);
-
-    if (panZoom) {
-      panZoom.scaleBy(factor, options);
+    if (!panZoom) {
+      return Promise.resolve(false);
     }
+
+    return panZoom.scaleBy(factor, options);
   }
 
   function zoomIn(options?: ViewportHelperFunctionOptions) {
-    zoomBy(1.2, options);
+    return zoomBy(1.2, options);
   }
 
   function zoomOut(options?: ViewportHelperFunctionOptions) {
-    zoomBy(1 / 1.2, options);
+    return zoomBy(1 / 1.2, options);
   }
 
   function setMinZoom(minZoom: number) {
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index d87ca907b..0d8c01bf3 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -20,19 +20,19 @@ export type SvelteFlowStoreActions = {
   setNodeTypes: (nodeTypes: NodeTypes) => void;
   setEdgeTypes: (edgeTypes: EdgeTypes) => void;
   addEdge: (edge: Edge | Connection) => void;
-  zoomIn: (options?: ViewportHelperFunctionOptions) => void;
-  zoomOut: (options?: ViewportHelperFunctionOptions) => void;
+  zoomIn: (options?: ViewportHelperFunctionOptions) => Promise<boolean>;
+  zoomOut: (options?: ViewportHelperFunctionOptions) => Promise<boolean>;
   setMinZoom: (minZoom: number) => void;
   setMaxZoom: (maxZoom: number) => void;
   setTranslateExtent: (extent: CoordinateExtent) => void;
-  fitView: (options?: FitViewOptions) => boolean;
+  fitView: (options?: FitViewOptions) => Promise<boolean>;
   updateNodePositions: UpdateNodePositions;
   updateNodeInternals: (updates: Map<string, InternalNodeUpdate>) => void;
   unselectNodesAndEdges: (params?: { nodes?: Node[]; edges?: Edge[] }) => void;
   addSelectedNodes: (ids: string[]) => void;
   addSelectedEdges: (ids: string[]) => void;
   handleNodeSelection: (id: string) => void;
-  panBy: (delta: XYPosition) => boolean;
+  panBy: (delta: XYPosition) => Promise<boolean>;
   updateConnection: UpdateConnection;
   cancelConnection: () => void;
   reset(): void;
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 7e44be9bd..f0a0a5047 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -18,13 +18,13 @@ export type OnMove = (event: MouseEvent | TouchEvent | null, viewport: Viewport)
 export type OnMoveStart = OnMove;
 export type OnMoveEnd = OnMove;
 
-export type ZoomInOut = (options?: ViewportHelperFunctionOptions) => void;
-export type ZoomTo = (zoomLevel: number, options?: ViewportHelperFunctionOptions) => void;
+export type ZoomInOut = (options?: ViewportHelperFunctionOptions) => Promise<boolean>;
+export type ZoomTo = (zoomLevel: number, options?: ViewportHelperFunctionOptions) => Promise<boolean>;
 export type GetZoom = () => number;
 export type GetViewport = () => Viewport;
-export type SetViewport = (viewport: Viewport, options?: ViewportHelperFunctionOptions) => void;
-export type SetCenter = (x: number, y: number, options?: SetCenterOptions) => void;
-export type FitBounds = (bounds: Rect, options?: FitBoundsOptions) => void;
+export type SetViewport = (viewport: Viewport, options?: ViewportHelperFunctionOptions) => Promise<boolean>;
+export type SetCenter = (x: number, y: number, options?: SetCenterOptions) => Promise<boolean>;
+export type FitBounds = (bounds: Rect, options?: FitBoundsOptions) => Promise<boolean>;
 
 export type Connection = {
   source: string;
@@ -130,7 +130,7 @@ export type SelectionRect = Rect & {
 export type OnError = (id: string, message: string) => void;
 
 export type UpdateNodePositions = (dragItems: Map<string, NodeDragItem | InternalNodeBase>, dragging?: boolean) => void;
-export type PanBy = (delta: XYPosition) => boolean;
+export type PanBy = (delta: XYPosition) => Promise<boolean>;
 
 export const initialConnection: NoConnection = {
   inProgress: false,
diff --git a/packages/system/src/types/panzoom.ts b/packages/system/src/types/panzoom.ts
index 81654bdba..4a126a98e 100644
--- a/packages/system/src/types/panzoom.ts
+++ b/packages/system/src/types/panzoom.ts
@@ -45,15 +45,15 @@ export type PanZoomInstance = {
   update: (params: PanZoomUpdateOptions) => void;
   destroy: () => void;
   getViewport: () => Viewport;
-  setViewport: (viewport: Viewport, options?: PanZoomTransformOptions) => ZoomTransform | undefined;
+  setViewport: (viewport: Viewport, options?: PanZoomTransformOptions) => Promise<ZoomTransform | undefined>;
   setViewportConstrained: (
     viewport: Viewport,
     extent: CoordinateExtent,
     translateExtent: CoordinateExtent
-  ) => ZoomTransform | undefined;
+  ) => Promise<ZoomTransform | undefined>;
   setScaleExtent: (scaleExtent: [number, number]) => void;
   setTranslateExtent: (translateExtent: CoordinateExtent) => void;
-  scaleTo: (scale: number, options?: PanZoomTransformOptions) => void;
-  scaleBy: (factor: number, options?: PanZoomTransformOptions) => void;
+  scaleTo: (scale: number, options?: PanZoomTransformOptions) => Promise<boolean>;
+  scaleBy: (factor: number, options?: PanZoomTransformOptions) => Promise<boolean>;
   syncViewport: (viewport: Viewport) => void;
 };
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index d09fe1eff..8d98fa40c 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -233,10 +233,10 @@ export const getConnectedEdges = <NodeType extends NodeBase = NodeBase, EdgeType
   return edges.filter((edge) => nodeIds.has(edge.source) || nodeIds.has(edge.target));
 };
 
-export function fitView<Params extends FitViewParamsBase<NodeBase>, Options extends FitViewOptionsBase<NodeBase>>(
+export async function fitView<Params extends FitViewParamsBase<NodeBase>, Options extends FitViewOptionsBase<NodeBase>>(
   { nodeLookup, width, height, panZoom, minZoom, maxZoom }: Params,
   options?: Options
-) {
+): Promise<boolean> {
   const filteredNodes: Map<string, InternalNodeBase> = new Map();
   const optionNodeIds = options?.nodes ? new Set(options.nodes.map((node) => node.id)) : null;
 
@@ -260,12 +260,12 @@ export function fitView<Params extends FitViewParamsBase<NodeBase>, Options exte
       options?.padding ?? 0.1
     );
 
-    panZoom.setViewport(viewport, { duration: options?.duration });
+    await panZoom.setViewport(viewport, { duration: options?.duration });
 
-    return true;
+    return Promise.resolve(true);
   }
 
-  return false;
+  return Promise.resolve(false);
 }
 
 /**
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 9c4904c79..5a977cc0f 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -325,7 +325,7 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
   return { changes, updatedInternals };
 }
 
-export function panBy({
+export async function panBy({
   delta,
   panZoom,
   transform,
@@ -339,12 +339,12 @@ export function panBy({
   translateExtent: CoordinateExtent;
   width: number;
   height: number;
-}) {
+}): Promise<boolean> {
   if (!panZoom || (!delta.x && !delta.y)) {
-    return false;
+    return Promise.resolve(false);
   }
 
-  const nextViewport = panZoom.setViewportConstrained(
+  const nextViewport = await panZoom.setViewportConstrained(
     {
       x: transform[0] + delta.x,
       y: transform[1] + delta.y,
@@ -361,7 +361,7 @@ export function panBy({
     !!nextViewport &&
     (nextViewport.x !== transform[0] || nextViewport.y !== transform[1] || nextViewport.k !== transform[2]);
 
-  return transformChanged;
+  return Promise.resolve(transformChanged);
 }
 
 export function updateConnectionLookup(connectionLookup: ConnectionLookup, edgeLookup: EdgeLookup, edges: EdgeBase[]) {
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 675aef3a3..27022760e 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -195,7 +195,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
       }
     }
 
-    function autoPan() {
+    async function autoPan() {
       if (!containerBounds) {
         return;
       }
@@ -208,7 +208,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         lastPos.x = (lastPos.x ?? 0) - xMovement / transform[2];
         lastPos.y = (lastPos.y ?? 0) - yMovement / transform[2];
 
-        if (panBy({ x: xMovement, y: yMovement })) {
+        if (await panBy({ x: xMovement, y: yMovement })) {
           updateNodes(lastPos as XYPosition, null);
         }
       }
diff --git a/packages/system/src/xypanzoom/XYPanZoom.ts b/packages/system/src/xypanzoom/XYPanZoom.ts
index a1402dee7..2db56b105 100644
--- a/packages/system/src/xypanzoom/XYPanZoom.ts
+++ b/packages/system/src/xypanzoom/XYPanZoom.ts
@@ -188,27 +188,27 @@ export function XYPanZoom({
     d3ZoomInstance.on('zoom', null);
   }
 
-  function setViewportConstrained(
+  async function setViewportConstrained(
     viewport: Viewport,
     extent: CoordinateExtent,
     translateExtent: CoordinateExtent
-  ): ZoomTransform | undefined {
+  ): Promise<ZoomTransform | undefined> {
     const nextTransform = viewportToTransform(viewport);
     const contrainedTransform = d3ZoomInstance?.constrain()(nextTransform, extent, translateExtent);
 
     if (contrainedTransform) {
-      setTransform(contrainedTransform);
+      await setTransform(contrainedTransform);
     }
 
-    return contrainedTransform;
+    return new Promise((resolve) => resolve(contrainedTransform));
   }
 
-  function setViewport(viewport: Viewport, options?: PanZoomTransformOptions) {
+  async function setViewport(viewport: Viewport, options?: PanZoomTransformOptions) {
     const nextTransform = viewportToTransform(viewport);
 
-    setTransform(nextTransform, options);
+    await setTransform(nextTransform, options);
 
-    return nextTransform;
+    return new Promise<ZoomTransform>((resolve) => resolve(nextTransform));
   }
 
   function syncViewport(viewport: Viewport) {
diff --git a/packages/system/src/xypanzoom/utils.ts b/packages/system/src/xypanzoom/utils.ts
index 55969f3e6..5a3e687fd 100644
--- a/packages/system/src/xypanzoom/utils.ts
+++ b/packages/system/src/xypanzoom/utils.ts
@@ -21,8 +21,6 @@ export const isWrappedWithClass = (event: any, className: string | undefined) =>
 export const isRightClickPan = (panOnDrag: boolean | number[], usedButton: number) =>
   usedButton === 2 && Array.isArray(panOnDrag) && panOnDrag.includes(2);
 
-export const getD3Transition = (selection: D3SelectionInstance, duration = 0) =>
-  typeof duration === 'number' && duration > 0 ? selection.transition().duration(duration) : selection;
 export const getD3Transition = (selection: D3SelectionInstance, duration = 0, onEnd = () => {}) =>
   typeof duration === 'number' && duration > 0 ? selection.transition().duration(duration).on('end', onEnd) : selection;
 

From e5b8236a6066930da2d409f3968cc15b031a7a40 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 8 Jul 2024 15:34:41 +0200
Subject: [PATCH 0907/1093] refactor(panzoom): return promises for viewport
 helpers

---
 .changeset/slimy-impalas-yell.md              |  5 --
 examples/react/src/examples/Stress/index.tsx  |  1 -
 .../react/src/examples/UseReactFlow/index.tsx | 18 +++++--
 packages/react/src/hooks/useViewportHelper.ts |  4 +-
 packages/react/src/store/index.ts             | 36 ++++++++++++--
 packages/react/src/types/store.ts             |  1 +
 packages/svelte/src/lib/store/index.ts        | 35 ++++++++++++--
 packages/system/src/types/general.ts          |  2 +-
 packages/system/src/utils/graph.ts            | 47 +++++++++++--------
 packages/system/src/xydrag/XYDrag.ts          |  1 +
 packages/system/src/xypanzoom/utils.ts        | 11 ++++-
 11 files changed, 121 insertions(+), 40 deletions(-)
 delete mode 100644 .changeset/slimy-impalas-yell.md

diff --git a/.changeset/slimy-impalas-yell.md b/.changeset/slimy-impalas-yell.md
deleted file mode 100644
index e6aea28ea..000000000
--- a/.changeset/slimy-impalas-yell.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/system': major
----
-
-Return Promise from transitionable panzoom actions if a transition is applied. Promise is resolved when transition ends.
diff --git a/examples/react/src/examples/Stress/index.tsx b/examples/react/src/examples/Stress/index.tsx
index 5fd6f9e91..9020ddd6f 100644
--- a/examples/react/src/examples/Stress/index.tsx
+++ b/examples/react/src/examples/Stress/index.tsx
@@ -224,7 +224,6 @@ const StressFlow = () => {
       onEdgesChange={onEdgeChange}
       minZoom={0.2}
       fitView
-      panOnDrag={false}
     >
       <Controls />
       <Background />
diff --git a/examples/react/src/examples/UseReactFlow/index.tsx b/examples/react/src/examples/UseReactFlow/index.tsx
index 2177d0cc7..cf6ae59fc 100644
--- a/examples/react/src/examples/UseReactFlow/index.tsx
+++ b/examples/react/src/examples/UseReactFlow/index.tsx
@@ -96,9 +96,13 @@ const UseZoomPanHelperFlow = () => {
   );
 
   const onNodeClick = useCallback(
-    (_: MouseEvent, node: Node) => {
+    async (_: MouseEvent, node: Node) => {
+      console.log('set center start');
+
       const { x, y } = node.position;
-      setCenter(x, y, { zoom: 1, duration: 1200 });
+      await setCenter(x, y, { zoom: 1, duration: 1200 });
+
+      console.log('set center success');
     },
     [setCenter]
   );
@@ -172,7 +176,15 @@ const UseZoomPanHelperFlow = () => {
       <Panel position="top-right">
         <button onClick={() => zoomIn({ duration: 1200 })}>zoomIn</button>
         <button onClick={() => zoomOut({ duration: 0 })}>zoomOut</button>
-        <button onClick={() => fitView({ duration: 1200, padding: 0.3 })}>fitView</button>
+        <button
+          onClick={async () => {
+            console.log('fit view start');
+            await fitView({ duration: 1200, padding: 0.3 });
+            console.log('fit view success');
+          }}
+        >
+          fitView
+        </button>
         <button onClick={onAddNode}>add node</button>
         <button onClick={onResetNodes}>reset nodes</button>
         <button onClick={logNodes}>useNodes</button>
diff --git a/packages/react/src/hooks/useViewportHelper.ts b/packages/react/src/hooks/useViewportHelper.ts
index 2bfea8171..a495ec892 100644
--- a/packages/react/src/hooks/useViewportHelper.ts
+++ b/packages/react/src/hooks/useViewportHelper.ts
@@ -2,6 +2,7 @@ import { useMemo } from 'react';
 import {
   pointToRendererPoint,
   getViewportForBounds,
+  getFitViewNodes,
   fitView,
   type XYPosition,
   rendererPointToPoint,
@@ -64,11 +65,12 @@ const useViewportHelper = (): ViewportHelperFunctions => {
       },
       fitView: (options) => {
         const { nodeLookup, width, height, minZoom, maxZoom, panZoom } = store.getState();
+        const fitViewNodes = getFitViewNodes(nodeLookup, options);
 
         return panZoom
           ? fitView(
               {
-                nodeLookup,
+                nodes: fitViewNodes,
                 width,
                 height,
                 minZoom,
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 11245bb58..062340b71 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -1,6 +1,7 @@
 import { createWithEqualityFn } from 'zustand/traditional';
 import {
   clampPosition,
+  getFitViewNodes,
   fitView as fitViewSystem,
   adoptUserNodes,
   updateAbsolutePositions,
@@ -79,7 +80,6 @@ const createStore = ({
       updateNodeInternals: (updates) => {
         const {
           triggerNodeChanges,
-          fitView,
           nodeLookup,
           parentLookup,
           fitViewOnInit,
@@ -88,6 +88,7 @@ const createStore = ({
           domNode,
           nodeOrigin,
           debug,
+          fitViewSync,
         } = get();
 
         const { changes, updatedInternals } = updateNodeInternalsSystem(
@@ -106,8 +107,9 @@ const createStore = ({
 
         // we call fitView once initially after all dimensions are set
         let nextFitViewDone = fitViewDone;
+
         if (!fitViewDone && fitViewOnInit) {
-          nextFitViewDone = fitView({
+          nextFitViewDone = fitViewSync({
             ...fitViewOnInitOptions,
             nodes: fitViewOnInitOptions?.nodes,
           });
@@ -289,6 +291,7 @@ const createStore = ({
       },
       panBy: (delta): Promise<boolean> => {
         const { transform, width, height, panZoom, translateExtent } = get();
+
         return panBySystem({ delta, panZoom, transform, translateExtent, width, height });
       },
       fitView: (options?: FitViewOptions): Promise<boolean> => {
@@ -298,9 +301,34 @@ const createStore = ({
           return Promise.resolve(false);
         }
 
+        const fitViewNodes = getFitViewNodes(nodeLookup, options);
+
         return fitViewSystem(
           {
-            nodeLookup,
+            nodes: fitViewNodes,
+            width,
+            height,
+            panZoom,
+            minZoom,
+            maxZoom,
+          },
+          options
+        );
+      },
+      // we can't call an asnychronous function in updateNodeInternals
+      // for that we created this sync version of fitView
+      fitViewSync: (options?: FitViewOptions): boolean => {
+        const { panZoom, width, height, minZoom, maxZoom, nodeLookup } = get();
+
+        if (!panZoom) {
+          return false;
+        }
+
+        const fitViewNodes = getFitViewNodes(nodeLookup, options);
+
+        fitViewSystem(
+          {
+            nodes: fitViewNodes,
             width,
             height,
             panZoom,
@@ -309,6 +337,8 @@ const createStore = ({
           },
           options
         );
+
+        return fitViewNodes.size > 0;
       },
       cancelConnection: () => {
         set({
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 30da6e64a..0e89d5c6a 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -169,6 +169,7 @@ export type ReactFlowActions<NodeType extends Node, EdgeType extends Edge> = {
   triggerEdgeChanges: (changes: EdgeChange<EdgeType>[]) => void;
   panBy: PanBy;
   fitView: (options?: FitViewOptions) => Promise<boolean>;
+  fitViewSync: (options?: FitViewOptions) => boolean;
 };
 
 export type ReactFlowState<NodeType extends Node = Node, EdgeType extends Edge = Edge> = ReactFlowStore<
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index e52fc8a80..bae08a244 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -18,7 +18,8 @@ import {
   type CoordinateExtent,
   type UpdateConnection,
   type ConnectionState,
-  type NodeOrigin
+  type NodeOrigin,
+  getFitViewNodes
 } from '@xyflow/system';
 
 import type { EdgeTypes, NodeTypes, Node, Edge, FitViewOptions } from '$lib/types';
@@ -90,7 +91,7 @@ export function createStore({
     store.nodes.update((nds) => nds);
   };
 
-  async function updateNodeInternals(updates: Map<string, InternalNodeUpdate>) {
+  function updateNodeInternals(updates: Map<string, InternalNodeUpdate>) {
     const nodeLookup = get(store.nodeLookup);
     const { changes, updatedInternals } = updateNodeInternalsSystem(
       updates,
@@ -106,7 +107,7 @@ export function createStore({
 
     if (!get(store.fitViewOnInitDone) && get(store.fitViewOnInit)) {
       const fitViewOptions = get(store.fitViewOptions);
-      const fitViewOnInitDone = await fitView({
+      const fitViewOnInitDone = fitViewSync({
         ...fitViewOptions,
         nodes: fitViewOptions?.nodes
       });
@@ -153,9 +154,11 @@ export function createStore({
       return Promise.resolve(false);
     }
 
+    const fitViewNodes = getFitViewNodes(get(store.nodeLookup), options);
+
     return fitViewSystem(
       {
-        nodeLookup: get(store.nodeLookup),
+        nodes: fitViewNodes,
         width: get(store.width),
         height: get(store.height),
         minZoom: get(store.minZoom),
@@ -166,6 +169,30 @@ export function createStore({
     );
   }
 
+  function fitViewSync(options?: FitViewOptions) {
+    const panZoom = get(store.panZoom);
+
+    if (!panZoom) {
+      return false;
+    }
+
+    const fitViewNodes = getFitViewNodes(get(store.nodeLookup), options);
+
+    fitViewSystem(
+      {
+        nodes: fitViewNodes,
+        width: get(store.width),
+        height: get(store.height),
+        minZoom: get(store.minZoom),
+        maxZoom: get(store.maxZoom),
+        panZoom
+      },
+      options
+    );
+
+    return fitViewNodes.size > 0;
+  }
+
   function zoomBy(factor: number, options?: ViewportHelperFunctionOptions) {
     const panZoom = get(store.panZoom);
     if (!panZoom) {
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index f0a0a5047..f712e1ea8 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -55,7 +55,7 @@ export type OnConnectEnd = (event: MouseEvent | TouchEvent) => void;
 export type IsValidConnection = (edge: EdgeBase | Connection) => boolean;
 
 export type FitViewParamsBase<NodeType extends NodeBase> = {
-  nodeLookup: Map<string, InternalNodeBase<NodeType>>;
+  nodes: Map<string, InternalNodeBase<NodeType>>;
   width: number;
   height: number;
   panZoom: PanZoomInstance;
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 8d98fa40c..62c3d9da0 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -233,39 +233,46 @@ export const getConnectedEdges = <NodeType extends NodeBase = NodeBase, EdgeType
   return edges.filter((edge) => nodeIds.has(edge.source) || nodeIds.has(edge.target));
 };
 
-export async function fitView<Params extends FitViewParamsBase<NodeBase>, Options extends FitViewOptionsBase<NodeBase>>(
-  { nodeLookup, width, height, panZoom, minZoom, maxZoom }: Params,
-  options?: Options
-): Promise<boolean> {
-  const filteredNodes: Map<string, InternalNodeBase> = new Map();
+export function getFitViewNodes<
+  Params extends NodeLookup<InternalNodeBase<NodeBase>>,
+  Options extends FitViewOptionsBase<NodeBase>
+>(nodeLookup: Params, options?: Pick<Options, 'nodes' | 'includeHiddenNodes'>) {
+  const fitViewNodes: NodeLookup = new Map();
   const optionNodeIds = options?.nodes ? new Set(options.nodes.map((node) => node.id)) : null;
 
   nodeLookup.forEach((n) => {
     const isVisible = n.measured.width && n.measured.height && (options?.includeHiddenNodes || !n.hidden);
 
     if (isVisible && (!optionNodeIds || optionNodeIds.has(n.id))) {
-      filteredNodes.set(n.id, n);
+      fitViewNodes.set(n.id, n);
     }
   });
 
-  if (filteredNodes.size > 0) {
-    const bounds = getInternalNodesBounds(filteredNodes);
+  return fitViewNodes;
+}
 
-    const viewport = getViewportForBounds(
-      bounds,
-      width,
-      height,
-      options?.minZoom ?? minZoom,
-      options?.maxZoom ?? maxZoom,
-      options?.padding ?? 0.1
-    );
+export async function fitView<Params extends FitViewParamsBase<NodeBase>, Options extends FitViewOptionsBase<NodeBase>>(
+  { nodes, width, height, panZoom, minZoom, maxZoom }: Params,
+  options?: Omit<Options, 'nodes' | 'includeHiddenNodes'>
+): Promise<boolean> {
+  if (nodes.size === 0) {
+    return Promise.resolve(false);
+  }
 
-    await panZoom.setViewport(viewport, { duration: options?.duration });
+  const bounds = getInternalNodesBounds(nodes);
 
-    return Promise.resolve(true);
-  }
+  const viewport = getViewportForBounds(
+    bounds,
+    width,
+    height,
+    options?.minZoom ?? minZoom,
+    options?.maxZoom ?? maxZoom,
+    options?.padding ?? 0.1
+  );
+
+  await panZoom.setViewport(viewport, { duration: options?.duration });
 
-  return Promise.resolve(false);
+  return Promise.resolve(true);
 }
 
 /**
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 27022760e..54489a009 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -212,6 +212,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
           updateNodes(lastPos as XYPosition, null);
         }
       }
+
       autoPanId = requestAnimationFrame(autoPan);
     }
 
diff --git a/packages/system/src/xypanzoom/utils.ts b/packages/system/src/xypanzoom/utils.ts
index 5a3e687fd..fbd0324db 100644
--- a/packages/system/src/xypanzoom/utils.ts
+++ b/packages/system/src/xypanzoom/utils.ts
@@ -21,8 +21,15 @@ export const isWrappedWithClass = (event: any, className: string | undefined) =>
 export const isRightClickPan = (panOnDrag: boolean | number[], usedButton: number) =>
   usedButton === 2 && Array.isArray(panOnDrag) && panOnDrag.includes(2);
 
-export const getD3Transition = (selection: D3SelectionInstance, duration = 0, onEnd = () => {}) =>
-  typeof duration === 'number' && duration > 0 ? selection.transition().duration(duration).on('end', onEnd) : selection;
+export const getD3Transition = (selection: D3SelectionInstance, duration = 0, onEnd = () => {}) => {
+  const hasDuration = typeof duration === 'number' && duration > 0;
+
+  if (!hasDuration) {
+    onEnd();
+  }
+
+  return hasDuration ? selection.transition().duration(duration).on('end', onEnd) : selection;
+};
 
 export const wheelDelta = (event: any) => {
   const factor = event.ctrlKey && isMacOs() ? 10 : 1;

From e59bdc07ac9848ff17b53cfc710015bd8060e230 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 8 Jul 2024 15:51:38 +0200
Subject: [PATCH 0908/1093] chore(changelog): update

---
 packages/react/CHANGELOG.md  | 4 ++++
 packages/svelte/CHANGELOG.md | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 4f1bf0e8a..eb0e32389 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,9 @@
 # @xyflow/react
 
+## 12.0.0-next.27
+
+- return Promises for `setViewport`, `fitView`, `fitBounds` and `zoomTo` to be able to await viewport update
+
 ## 12.0.0-next.26
 
 - add `autoPanSpeed` prop
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 81de9ea18..169b8e7da 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,9 @@
 # @xyflow/svelte
 
+## 0.1.9
+
+- return Promises for `setViewport`, `fitView`, `fitBounds` and `zoomTo` to be able to await viewport update
+
 ## 0.1.8
 
 - `useConnection` returns `ConnectionState` with `toNode` and `toHandle`

From afa1ebe3165b28347ceb80303ce2a3a32d713d92 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 8 Jul 2024 17:02:51 +0200
Subject: [PATCH 0909/1093] chore(packages): bump

---
 packages/react/package.json  | 2 +-
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index 4a7b7d2eb..5b7810b9e 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.26",
+  "version": "12.0.0-next.27",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index d20892045..cdfa7d514 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index e825a0106..62a1cdea5 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 69bd68f4b8fb5b208439b8236f1b10535e4db94c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jul 2024 10:50:50 +0200
Subject: [PATCH 0910/1093] feat(panzoom): add paneClickDistance prop

---
 examples/react/src/App/routes.ts              |  6 ++
 .../src/examples/ClickDistance/index.tsx      | 72 +++++++++++++++++++
 .../src/components/StoreUpdater/index.tsx     |  5 ++
 .../src/container/FlowRenderer/index.tsx      |  2 +
 .../react/src/container/GraphView/index.tsx   |  3 +
 .../react/src/container/ReactFlow/index.tsx   |  3 +
 .../react/src/container/ZoomPane/index.tsx    |  2 +
 packages/react/src/store/index.ts             |  3 +
 packages/react/src/types/component-props.ts   |  4 ++
 packages/react/src/types/store.ts             |  1 +
 packages/svelte/src/lib/actions/zoom/index.ts | 14 +++-
 .../container/SvelteFlow/SvelteFlow.svelte    |  8 ++-
 .../src/lib/container/SvelteFlow/types.ts     |  4 ++
 .../src/lib/container/SvelteFlow/utils.ts     | 13 +++-
 .../svelte/src/lib/container/Zoom/Zoom.svelte |  4 +-
 .../svelte/src/lib/container/Zoom/types.ts    |  1 +
 packages/svelte/src/lib/store/index.ts        |  5 ++
 packages/svelte/src/lib/store/types.ts        |  1 +
 packages/system/src/types/panzoom.ts          |  2 +
 packages/system/src/xypanzoom/XYPanZoom.ts    | 23 +++++-
 20 files changed, 166 insertions(+), 10 deletions(-)
 create mode 100644 examples/react/src/examples/ClickDistance/index.tsx

diff --git a/examples/react/src/App/routes.ts b/examples/react/src/App/routes.ts
index 024a22ac7..6dffe3b0b 100644
--- a/examples/react/src/App/routes.ts
+++ b/examples/react/src/App/routes.ts
@@ -1,6 +1,7 @@
 import Basic from '../examples/Basic';
 import Backgrounds from '../examples/Backgrounds';
 import ColorMode from '../examples/ColorMode';
+import ClickDistance from '../examples/ClickDistance';
 import ControlledUncontrolled from '../examples/ControlledUncontrolled';
 import ControlledViewport from '../examples/ControlledViewport';
 import CustomConnectionLine from '../examples/CustomConnectionLine';
@@ -85,6 +86,11 @@ const routes: IRoute[] = [
     path: 'cancel-connection',
     component: CancelConnection,
   },
+  {
+    name: 'Click Distance',
+    path: 'click-distance',
+    component: ClickDistance,
+  },
   {
     name: 'Controlled/Uncontrolled',
     path: 'controlled-uncontrolled',
diff --git a/examples/react/src/examples/ClickDistance/index.tsx b/examples/react/src/examples/ClickDistance/index.tsx
new file mode 100644
index 000000000..97fa015b9
--- /dev/null
+++ b/examples/react/src/examples/ClickDistance/index.tsx
@@ -0,0 +1,72 @@
+import { useCallback, useState } from 'react';
+import { ReactFlow, addEdge, Node, Connection, Edge, useNodesState, useEdgesState, Panel } from '@xyflow/react';
+
+const initNodes: Node[] = [
+  {
+    id: '1a',
+    type: 'input',
+    data: { label: 'Node 1' },
+    position: { x: 250, y: 5 },
+    className: 'light',
+    ariaLabel: 'Input Node 1',
+  },
+  {
+    id: '2a',
+    data: { label: 'Node 2' },
+    position: { x: 100, y: 100 },
+    className: 'light',
+    ariaLabel: 'Default Node 2',
+  },
+  {
+    id: '3a',
+    data: { label: 'Node 3' },
+    position: { x: 400, y: 100 },
+    className: 'light',
+  },
+  {
+    id: '4a',
+    data: { label: 'Node 4' },
+    position: { x: 400, y: 200 },
+    className: 'light',
+  },
+];
+
+const initEdges: Edge[] = [
+  { id: 'e1-2', source: '1a', target: '2a', ariaLabel: undefined },
+  { id: 'e1-3', source: '1a', target: '3a' },
+];
+
+const onPaneClick = () => console.log('pane click');
+
+const BasicFlow = () => {
+  const [nodes, setNodes, onNodesChange] = useNodesState(initNodes);
+  const [edges, setEdges, onEdgesChange] = useEdgesState(initEdges);
+  const [paneClickDistance, setPaneClickDistance] = useState(0);
+
+  const onConnect = useCallback((params: Connection | Edge) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
+
+  return (
+    <ReactFlow
+      nodes={nodes}
+      edges={edges}
+      onNodesChange={onNodesChange}
+      onEdgesChange={onEdgesChange}
+      onConnect={onConnect}
+      paneClickDistance={paneClickDistance}
+      onPaneClick={onPaneClick}
+    >
+      <Panel position="top-right">
+        <input
+          type="range"
+          min={0}
+          max={100}
+          value={paneClickDistance}
+          onChange={(evt) => setPaneClickDistance(+evt.target.value)}
+        />
+        click distance: {paneClickDistance}
+      </Panel>
+    </ReactFlow>
+  );
+};
+
+export default BasicFlow;
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 674eebd17..120db6243 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -67,6 +67,7 @@ const reactFlowFieldsToTrack = [
   'onBeforeDelete',
   'debug',
   'autoPanSpeed',
+  'paneClickDistance',
 ] as const;
 
 type ReactFlowFieldsToTrack = (typeof reactFlowFieldsToTrack)[number];
@@ -89,6 +90,7 @@ const selector = (s: ReactFlowState) => ({
   setNodeExtent: s.setNodeExtent,
   reset: s.reset,
   setDefaultNodesAndEdges: s.setDefaultNodesAndEdges,
+  setPaneClickDistance: s.setPaneClickDistance,
 });
 
 const initPrevValues = {
@@ -102,6 +104,7 @@ const initPrevValues = {
   elementsSelectable: true,
   noPanClassName: 'nopan',
   rfId: '1',
+  paneClickDistance: 0,
 };
 
 export function StoreUpdater<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
@@ -116,6 +119,7 @@ export function StoreUpdater<NodeType extends Node = Node, EdgeType extends Edge
     setNodeExtent,
     reset,
     setDefaultNodesAndEdges,
+    setPaneClickDistance,
   } = useStore(selector, shallow);
   const store = useStoreApi<NodeType, EdgeType>();
 
@@ -146,6 +150,7 @@ export function StoreUpdater<NodeType extends Node = Node, EdgeType extends Edge
         else if (fieldName === 'maxZoom') setMaxZoom(fieldValue as number);
         else if (fieldName === 'translateExtent') setTranslateExtent(fieldValue as CoordinateExtent);
         else if (fieldName === 'nodeExtent') setNodeExtent(fieldValue as CoordinateExtent);
+        else if (fieldName === 'paneClickDistance') setPaneClickDistance(fieldValue as number);
         // Renamed fields
         else if (fieldName === 'fitView') store.setState({ fitViewOnInit: fieldValue as boolean });
         else if (fieldName === 'fitViewOptions') store.setState({ fitViewOnInitOptions: fieldValue as FitViewOptions });
diff --git a/packages/react/src/container/FlowRenderer/index.tsx b/packages/react/src/container/FlowRenderer/index.tsx
index f3e0a23d1..34c0be138 100644
--- a/packages/react/src/container/FlowRenderer/index.tsx
+++ b/packages/react/src/container/FlowRenderer/index.tsx
@@ -41,6 +41,7 @@ function FlowRendererComponent<NodeType extends Node = Node>({
   onPaneMouseLeave,
   onPaneContextMenu,
   onPaneScroll,
+  paneClickDistance,
   deleteKeyCode,
   selectionKeyCode,
   selectionOnDrag,
@@ -101,6 +102,7 @@ function FlowRendererComponent<NodeType extends Node = Node>({
       noPanClassName={noPanClassName}
       onViewportChange={onViewportChange}
       isControlledViewport={isControlledViewport}
+      paneClickDistance={paneClickDistance}
     >
       <Pane
         onSelectionStart={onSelectionStart}
diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index d74a0fdbe..792a570fd 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -32,6 +32,7 @@ export type GraphViewProps<NodeType extends Node = Node, EdgeType extends Edge =
       | 'noPanClassName'
       | 'defaultViewport'
       | 'disableKeyboardA11y'
+      | 'paneClickDistance'
     >
   > & {
     rfId: string;
@@ -84,6 +85,7 @@ function GraphViewComponent<NodeType extends Node = Node, EdgeType extends Edge
   onPaneMouseLeave,
   onPaneScroll,
   onPaneContextMenu,
+  paneClickDistance,
   onEdgeContextMenu,
   onEdgeMouseEnter,
   onEdgeMouseMove,
@@ -116,6 +118,7 @@ function GraphViewComponent<NodeType extends Node = Node, EdgeType extends Edge
       onPaneMouseLeave={onPaneMouseLeave}
       onPaneContextMenu={onPaneContextMenu}
       onPaneScroll={onPaneScroll}
+      paneClickDistance={paneClickDistance}
       deleteKeyCode={deleteKeyCode}
       selectionKeyCode={selectionKeyCode}
       selectionOnDrag={selectionOnDrag}
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index d8933d8e0..a30442eeb 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -103,6 +103,7 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
     onPaneMouseLeave,
     onPaneScroll,
     onPaneContextMenu,
+    paneClickDistance = 0,
     children,
     onReconnect,
     onReconnectStart,
@@ -200,6 +201,7 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
           onPaneMouseLeave={onPaneMouseLeave}
           onPaneScroll={onPaneScroll}
           onPaneContextMenu={onPaneContextMenu}
+          paneClickDistance={paneClickDistance}
           onSelectionContextMenu={onSelectionContextMenu}
           onSelectionStart={onSelectionStart}
           onSelectionEnd={onSelectionEnd}
@@ -277,6 +279,7 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
           selectNodesOnDrag={selectNodesOnDrag}
           nodeDragThreshold={nodeDragThreshold}
           onBeforeDelete={onBeforeDelete}
+          paneClickDistance={paneClickDistance}
           debug={debug}
         />
         <SelectionListener onSelectionChange={onSelectionChange} />
diff --git a/packages/react/src/container/ZoomPane/index.tsx b/packages/react/src/container/ZoomPane/index.tsx
index f6e7a79c8..3d4003e0a 100644
--- a/packages/react/src/container/ZoomPane/index.tsx
+++ b/packages/react/src/container/ZoomPane/index.tsx
@@ -47,6 +47,7 @@ export function ZoomPane({
   noPanClassName,
   onViewportChange,
   isControlledViewport,
+  paneClickDistance,
 }: ZoomPaneProps) {
   const store = useStoreApi();
   const zoomPane = useRef<HTMLDivElement>(null);
@@ -64,6 +65,7 @@ export function ZoomPane({
         maxZoom,
         translateExtent,
         viewport: defaultViewport,
+        paneClickDistance,
         onTransformChange: (transform: Transform) => {
           onViewportChange?.({ x: transform[0], y: transform[1], zoom: transform[2] });
 
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 062340b71..3d3eab939 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -255,6 +255,9 @@ const createStore = ({
 
         set({ translateExtent });
       },
+      setPaneClickDistance: (clickDistance) => {
+        get().panZoom?.setClickDistance(clickDistance);
+      },
       resetSelectedElements: () => {
         const { edges, nodes, triggerNodeChanges, triggerEdgeChanges } = get();
 
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index cd46ac22f..299199313 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -223,6 +223,10 @@ export interface ReactFlowProps<NodeType extends Node = Node, EdgeType extends E
   onPaneMouseMove?: (event: ReactMouseEvent) => void;
   /** This event handler gets called when mouse leaves the pane */
   onPaneMouseLeave?: (event: ReactMouseEvent) => void;
+  /** Distance that the mouse can move between mousedown/up that will trigger a click
+   * @default 0
+   */
+  paneClickDistance?: number;
   /** This handler gets called before the user deletes nodes or edges and provides a way to abort the deletion by returning false. */
   onBeforeDelete?: OnBeforeDelete<NodeType, EdgeType>;
   /** Custom node types to be available in a flow.
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 0e89d5c6a..66bf3c447 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -170,6 +170,7 @@ export type ReactFlowActions<NodeType extends Node, EdgeType extends Edge> = {
   panBy: PanBy;
   fitView: (options?: FitViewOptions) => Promise<boolean>;
   fitViewSync: (options?: FitViewOptions) => boolean;
+  setPaneClickDistance: (distance: number) => void;
 };
 
 export type ReactFlowState<NodeType extends Node = Node, EdgeType extends Edge = Edge> = ReactFlowStore<
diff --git a/packages/svelte/src/lib/actions/zoom/index.ts b/packages/svelte/src/lib/actions/zoom/index.ts
index b96e012fd..a0c83c31e 100644
--- a/packages/svelte/src/lib/actions/zoom/index.ts
+++ b/packages/svelte/src/lib/actions/zoom/index.ts
@@ -35,11 +35,20 @@ type ZoomParams = {
   noWheelClassName: string;
   userSelectionActive: boolean;
   lib: string;
+  paneClickDistance: number;
 };
 
 export default function zoom(domNode: Element, params: ZoomParams) {
-  const { panZoom, minZoom, maxZoom, initialViewport, viewport, dragging, translateExtent } =
-    params;
+  const {
+    panZoom,
+    minZoom,
+    maxZoom,
+    initialViewport,
+    viewport,
+    dragging,
+    translateExtent,
+    paneClickDistance
+  } = params;
 
   const panZoomInstance = XYPanZoom({
     domNode,
@@ -47,6 +56,7 @@ export default function zoom(domNode: Element, params: ZoomParams) {
     maxZoom,
     translateExtent,
     viewport: initialViewport,
+    paneClickDistance,
     onTransformChange: (transform) =>
       viewport.set({ x: transform[0], y: transform[1], zoom: transform[2] }),
     onDraggingChange: dragging.set
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 74709680a..f19e003ce 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -79,6 +79,7 @@
   export let onbeforedelete: $$Props['onbeforedelete'] = undefined;
   export let oninit: $$Props['oninit'] = undefined;
   export let nodeOrigin: $$Props['nodeOrigin'] = undefined;
+  export let paneClickDistance: $$Props['paneClickDistance'] = 0;
 
   export let defaultMarkerColor = '#b1b1b7';
 
@@ -125,7 +126,8 @@
       edgeTypes,
       minZoom,
       maxZoom,
-      translateExtent
+      translateExtent,
+      paneClickDistance
     });
 
     return () => {
@@ -188,7 +190,8 @@
     edgeTypes,
     minZoom,
     maxZoom,
-    translateExtent
+    translateExtent,
+    paneClickDistance
   });
 
   $: colorModeClass = useColorModeClass(colorMode);
@@ -225,6 +228,7 @@
     zoomOnPinch={zoomOnPinch === undefined ? true : zoomOnPinch}
     panOnScroll={panOnScroll === undefined ? false : panOnScroll}
     panOnDrag={panOnDrag === undefined ? true : panOnDrag}
+    paneClickDistance={paneClickDistance === undefined ? 0 : paneClickDistance}
   >
     <Pane
       on:paneclick
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 8295b27c9..c67192dc0 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -134,6 +134,10 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
    * @default 1
    */
   nodeDragThreshold?: number;
+  /** Distance that the mouse can move between mousedown/up that will trigger a click
+   * @default 0
+   */
+  paneClickDistance?: number;
   /** Minimum zoom level
    * @default 0.5
    */
diff --git a/packages/svelte/src/lib/container/SvelteFlow/utils.ts b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
index c7166b0c4..d7a71a7c7 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/utils.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/utils.ts
@@ -1,7 +1,8 @@
+import type { Writable } from 'svelte/store';
+import type { CoordinateExtent } from '@xyflow/system';
+
 import type { SvelteFlowStore } from '$lib/store/types';
 import type { EdgeTypes, NodeTypes } from '$lib/types';
-import type { CoordinateExtent } from '@xyflow/system';
-import type { Writable } from 'svelte/store';
 
 // this is helper function for updating the store
 // for props where we need to call a specific store action
@@ -12,13 +13,15 @@ export function updateStore(
     edgeTypes,
     minZoom,
     maxZoom,
-    translateExtent
+    translateExtent,
+    paneClickDistance
   }: {
     nodeTypes?: NodeTypes;
     edgeTypes?: EdgeTypes;
     minZoom?: number;
     maxZoom?: number;
     translateExtent?: CoordinateExtent;
+    paneClickDistance?: number;
   }
 ) {
   if (nodeTypes !== undefined) {
@@ -40,6 +43,10 @@ export function updateStore(
   if (translateExtent !== undefined) {
     store.setTranslateExtent(translateExtent);
   }
+
+  if (paneClickDistance !== undefined) {
+    store.setPaneClickDistance(paneClickDistance);
+  }
 }
 
 const getKeys = <T extends object>(obj: T) => Object.keys(obj) as Array<keyof T>;
diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index 205f0f2d6..adb4463d5 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -19,6 +19,7 @@
   export let zoomOnPinch: $$Props['zoomOnPinch'];
   export let panOnDrag: $$Props['panOnDrag'];
   export let panOnScroll: $$Props['panOnScroll'];
+  export let paneClickDistance: $$Props['paneClickDistance'];
 
   const {
     viewport,
@@ -68,7 +69,8 @@
     noWheelClassName: 'nowheel',
     userSelectionActive: !!$selectionRect,
     translateExtent: $translateExtent,
-    lib: $lib
+    lib: $lib,
+    paneClickDistance
   }}
 >
   <slot />
diff --git a/packages/svelte/src/lib/container/Zoom/types.ts b/packages/svelte/src/lib/container/Zoom/types.ts
index cf2e15cd4..b7b4f29bb 100644
--- a/packages/svelte/src/lib/container/Zoom/types.ts
+++ b/packages/svelte/src/lib/container/Zoom/types.ts
@@ -12,4 +12,5 @@ export type ZoomProps = {
   zoomOnPinch: boolean;
   panOnScroll: boolean;
   panOnDrag: boolean | number[];
+  paneClickDistance: number;
 };
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index bae08a244..9ed41bc06 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -248,6 +248,10 @@ export function createStore({
     return elementsChanged;
   }
 
+  function setPaneClickDistance(distance: number) {
+    get(store.panZoom)?.setClickDistance(distance);
+  }
+
   function unselectNodesAndEdges(params?: { nodes?: Node[]; edges?: Edge[] }) {
     const resetNodes = resetSelectedElements(params?.nodes || get(store.nodes));
     if (resetNodes) store.nodes.set(get(store.nodes));
@@ -448,6 +452,7 @@ export function createStore({
     setMinZoom,
     setMaxZoom,
     setTranslateExtent,
+    setPaneClickDistance,
     unselectNodesAndEdges,
     addSelectedNodes,
     addSelectedEdges,
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index 0d8c01bf3..88ee8be0c 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -25,6 +25,7 @@ export type SvelteFlowStoreActions = {
   setMinZoom: (minZoom: number) => void;
   setMaxZoom: (maxZoom: number) => void;
   setTranslateExtent: (extent: CoordinateExtent) => void;
+  setPaneClickDistance: (distance: number) => void;
   fitView: (options?: FitViewOptions) => Promise<boolean>;
   updateNodePositions: UpdateNodePositions;
   updateNodeInternals: (updates: Map<string, InternalNodeUpdate>) => void;
diff --git a/packages/system/src/types/panzoom.ts b/packages/system/src/types/panzoom.ts
index 4a126a98e..561714b42 100644
--- a/packages/system/src/types/panzoom.ts
+++ b/packages/system/src/types/panzoom.ts
@@ -9,6 +9,7 @@ export type PanZoomParams = {
   domNode: Element;
   minZoom: number;
   maxZoom: number;
+  paneClickDistance: number;
   viewport: Viewport;
   translateExtent: CoordinateExtent;
   onTransformChange: OnTransformChange;
@@ -56,4 +57,5 @@ export type PanZoomInstance = {
   scaleTo: (scale: number, options?: PanZoomTransformOptions) => Promise<boolean>;
   scaleBy: (factor: number, options?: PanZoomTransformOptions) => Promise<boolean>;
   syncViewport: (viewport: Viewport) => void;
+  setClickDistance: (distance: number) => void;
 };
diff --git a/packages/system/src/xypanzoom/XYPanZoom.ts b/packages/system/src/xypanzoom/XYPanZoom.ts
index 2db56b105..3266b8e72 100644
--- a/packages/system/src/xypanzoom/XYPanZoom.ts
+++ b/packages/system/src/xypanzoom/XYPanZoom.ts
@@ -9,7 +9,7 @@ import {
   PanZoomParams,
   PanZoomInstance,
 } from '../types';
-import { clamp } from '../utils';
+import { clamp, isNumeric } from '../utils';
 import { getD3Transition, viewportToTransform, wheelDelta } from './utils';
 import {
   createPanOnScrollHandler,
@@ -34,6 +34,7 @@ export function XYPanZoom({
   domNode,
   minZoom,
   maxZoom,
+  paneClickDistance,
   translateExtent,
   viewport,
   onPanZoom,
@@ -52,7 +53,10 @@ export function XYPanZoom({
     isPanScrolling: false,
   };
   const bbox = domNode.getBoundingClientRect();
-  const d3ZoomInstance = zoom().scaleExtent([minZoom, maxZoom]).translateExtent(translateExtent);
+  const d3ZoomInstance = zoom()
+    .clickDistance(paneClickDistance)
+    .scaleExtent([minZoom, maxZoom])
+    .translateExtent(translateExtent);
   const d3Selection = select(domNode).call(d3ZoomInstance);
 
   setViewportConstrained(
@@ -267,6 +271,20 @@ export function XYPanZoom({
     d3ZoomInstance?.translateExtent(translateExtent);
   }
 
+  function setClickDistance(distance: number) {
+    let validNumber = distance;
+
+    if (!isNumeric(distance)) {
+      validNumber = 0;
+    }
+
+    if (validNumber < 0) {
+      validNumber = 0;
+    }
+
+    d3ZoomInstance?.clickDistance(validNumber);
+  }
+
   return {
     update,
     destroy,
@@ -278,5 +296,6 @@ export function XYPanZoom({
     setScaleExtent,
     setTranslateExtent,
     syncViewport,
+    setClickDistance,
   };
 }

From b1118b1dd97003d2a4e789f002749f2beeeb61ce Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jul 2024 10:58:44 +0200
Subject: [PATCH 0911/1093] chore(changelogs): update

---
 packages/react/CHANGELOG.md                |  4 ++++
 packages/svelte/CHANGELOG.md               |  4 ++++
 packages/system/src/xypanzoom/XYPanZoom.ts | 15 +++------------
 3 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index eb0e32389..3c52df40a 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,9 @@
 # @xyflow/react
 
+## 12.0.0-next.28
+
+- add `paneDistanceClick` prop (max distance between mousedown/up that will trigger a click)
+
 ## 12.0.0-next.27
 
 - return Promises for `setViewport`, `fitView`, `fitBounds` and `zoomTo` to be able to await viewport update
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 169b8e7da..d41c15ddb 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,9 @@
 # @xyflow/svelte
 
+## 0.1.10
+
+- add `paneDistanceClick` prop (max distance between mousedown/up that will trigger a click)
+
 ## 0.1.9
 
 - return Promises for `setViewport`, `fitView`, `fitBounds` and `zoomTo` to be able to await viewport update
diff --git a/packages/system/src/xypanzoom/XYPanZoom.ts b/packages/system/src/xypanzoom/XYPanZoom.ts
index 3266b8e72..ffb6f8b03 100644
--- a/packages/system/src/xypanzoom/XYPanZoom.ts
+++ b/packages/system/src/xypanzoom/XYPanZoom.ts
@@ -54,7 +54,7 @@ export function XYPanZoom({
   };
   const bbox = domNode.getBoundingClientRect();
   const d3ZoomInstance = zoom()
-    .clickDistance(paneClickDistance)
+    .clickDistance(!isNumeric(paneClickDistance) || paneClickDistance < 0 ? 0 : paneClickDistance)
     .scaleExtent([minZoom, maxZoom])
     .translateExtent(translateExtent);
   const d3Selection = select(domNode).call(d3ZoomInstance);
@@ -272,17 +272,8 @@ export function XYPanZoom({
   }
 
   function setClickDistance(distance: number) {
-    let validNumber = distance;
-
-    if (!isNumeric(distance)) {
-      validNumber = 0;
-    }
-
-    if (validNumber < 0) {
-      validNumber = 0;
-    }
-
-    d3ZoomInstance?.clickDistance(validNumber);
+    const validDistance = !isNumeric(distance) || distance < 0 ? 0 : distance;
+    d3ZoomInstance?.clickDistance(validDistance);
   }
 
   return {

From f722e2f0a3e5eea1bbdc9620f2c26e3d83b4466c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jul 2024 11:21:31 +0200
Subject: [PATCH 0912/1093] fix(onNodeDragStop): nodes are set to
 dragging=false

---
 packages/react/CHANGELOG.md          | 1 +
 packages/react/src/store/index.ts    | 1 -
 packages/svelte/CHANGELOG.md         | 1 +
 packages/system/src/xydrag/XYDrag.ts | 1 +
 packages/system/src/xydrag/utils.ts  | 4 ++++
 5 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 3c52df40a..027b0d495 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## 12.0.0-next.28
 
 - add `paneDistanceClick` prop (max distance between mousedown/up that will trigger a click)
+- returned nodes in `onNodeDragStop` are set to `dragging=false` 
 
 ## 12.0.0-next.27
 
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 3d3eab939..9d1011910 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -134,7 +134,6 @@ const createStore = ({
         const changes = [];
 
         for (const [id, dragItem] of nodeDragItems) {
-          // @todo add expandParent to drag item so that we can get rid of the look up here
           const change: NodeChange = {
             id,
             type: 'position',
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index d41c15ddb..7f53295ba 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## 0.1.10
 
 - add `paneDistanceClick` prop (max distance between mousedown/up that will trigger a click)
+- returned nodes in `on:nodedragstop` are set to `dragging=false` 
 
 ## 0.1.9
 
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 54489a009..d03f729c8 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -332,6 +332,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
               nodeId,
               dragItems,
               nodeLookup,
+              dragging: false,
             });
 
             onDragStop?.(event.sourceEvent as MouseEvent, dragItems, currentNode, currentNodes);
diff --git a/packages/system/src/xydrag/utils.ts b/packages/system/src/xydrag/utils.ts
index ee8326ff7..a668746a8 100644
--- a/packages/system/src/xydrag/utils.ts
+++ b/packages/system/src/xydrag/utils.ts
@@ -81,10 +81,12 @@ export function getEventHandlerParams<NodeType extends InternalNodeBase>({
   nodeId,
   dragItems,
   nodeLookup,
+  dragging = true,
 }: {
   nodeId?: string;
   dragItems: Map<string, NodeDragItem>;
   nodeLookup: Map<string, NodeType>;
+  dragging?: boolean;
 }): [NodeBase, NodeBase[]] {
   const nodesFromDragItems: NodeBase[] = [];
 
@@ -95,6 +97,7 @@ export function getEventHandlerParams<NodeType extends InternalNodeBase>({
       nodesFromDragItems.push({
         ...node,
         position: dragItem.position,
+        dragging,
       });
     }
   }
@@ -109,6 +112,7 @@ export function getEventHandlerParams<NodeType extends InternalNodeBase>({
     {
       ...node,
       position: dragItems.get(nodeId)?.position || node.position,
+      dragging,
     },
     nodesFromDragItems,
   ];

From abdfc58818e41e24e38ac3f0d0545adb79bd4503 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jul 2024 11:25:47 +0200
Subject: [PATCH 0913/1093] chore(packages): bump

---
 packages/react/package.json  | 2 +-
 packages/svelte/package.json | 2 +-
 packages/system/package.json | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index 5b7810b9e..d8f2fd151 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.27",
+  "version": "12.0.0-next.28",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index cdfa7d514..1d8607528 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/package.json b/packages/system/package.json
index 62a1cdea5..ed99baac1 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 846bf140799a50ec1b229b869d84830e0b67bbf6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jul 2024 11:32:29 +0200
Subject: [PATCH 0914/1093] chore(gh-actions): activate release workflow

---
 .github/workflows/release.yml | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 1ce9d920a..ae36b6197 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -1,10 +1,9 @@
 name: Release
 
 on:
-  workflow_dispatch:
-#  push:
-#    branches:
-#      - main
+  push:
+    branches:
+      - main
 
 concurrency: ${{ github.workflow }}-${{ github.ref }}
 

From 9cc8d0d82562ca8305a15ad2e94de61958610ecf Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jul 2024 11:36:32 +0200
Subject: [PATCH 0915/1093] chore(changeset): add

---
 .changeset/lemon-zoos-bake.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/lemon-zoos-bake.md

diff --git a/.changeset/lemon-zoos-bake.md b/.changeset/lemon-zoos-bake.md
new file mode 100644
index 000000000..2ba95d885
--- /dev/null
+++ b/.changeset/lemon-zoos-bake.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/react': patch
+---
+
+release notes

From d61cf84f70b4bd4878376d96255da3e5c9c47150 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Tue, 9 Jul 2024 09:38:23 +0000
Subject: [PATCH 0916/1093] chore(packages): bump

---
 .changeset/lemon-zoos-bake.md |  5 -----
 packages/react/CHANGELOG.md   | 12 +++++++++---
 packages/react/package.json   |  2 +-
 3 files changed, 10 insertions(+), 9 deletions(-)
 delete mode 100644 .changeset/lemon-zoos-bake.md

diff --git a/.changeset/lemon-zoos-bake.md b/.changeset/lemon-zoos-bake.md
deleted file mode 100644
index 2ba95d885..000000000
--- a/.changeset/lemon-zoos-bake.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/react': patch
----
-
-release notes
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 027b0d495..7dac6a38a 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,9 +1,15 @@
 # @xyflow/react
 
+## 12.0.0
+
+### Patch Changes
+
+- [#4428](https://github.com/xyflow/xyflow/pull/4428) [`9cc8d0d8`](https://github.com/xyflow/xyflow/commit/9cc8d0d82562ca8305a15ad2e94de61958610ecf) Thanks [@moklick](https://github.com/moklick)! - release notes
+
 ## 12.0.0-next.28
 
 - add `paneDistanceClick` prop (max distance between mousedown/up that will trigger a click)
-- returned nodes in `onNodeDragStop` are set to `dragging=false` 
+- returned nodes in `onNodeDragStop` are set to `dragging=false`
 
 ## 12.0.0-next.27
 
@@ -72,7 +78,7 @@
 - return user node in node event handlers
 - cleanup `useReactFlow`
 - export `KeyCode` and `Align` type
-- remove `Instance` in favour of `ReactFlowInstance` type 
+- remove `Instance` in favour of `ReactFlowInstance` type
 
 ## 12.0.0-next.16
 
@@ -110,7 +116,7 @@
 
 - rename `node.parentNode` to `node.parentId`
 - rename node.computed to node.measured
-- remove positionAbsolute from `node.computed` 
+- remove positionAbsolute from `node.computed`
 
 ## Minor Changes
 
diff --git a/packages/react/package.json b/packages/react/package.json
index d8f2fd151..9cab7d063 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.28",
+  "version": "12.0.0",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",

From 3c0658a6c6cec5c4ddd62494075e5ceab1894ebb Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jul 2024 11:47:03 +0200
Subject: [PATCH 0917/1093] chore(changelog): update

---
 packages/react/CHANGELOG.md | 38 +++++++++++++++++++++++++++++++++++--
 1 file changed, 36 insertions(+), 2 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 7dac6a38a..358df6555 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -2,9 +2,43 @@
 
 ## 12.0.0
 
-### Patch Changes
+React Flow 12 is finally out! With a new package name `@xyflow/react`! 
+
+### Main features
+
+- **SSR / SSG**: you can define `width`, `height` and `handles` for the nodes. This makes it possible to render a flow on the server and hydrate on the client: [SSR guide](http://reactflow.dev/learn/advanced-use/ssr-ssg-configuration)
+  - Details: In v11, `width` and `height` were set by the library as soon as the nodes got measured. This still happens, but we are now using `computed.width` and `computed.height` to store this information. The `positionAbsolute` attribute also gets stored in `computed` . In the previous versions there was always a lot of confusion about `width` and `height`. It’s hard to understand, that you can’t use it for passing an actual width or height. It’s also not obvious that those attributes get added by the library. We think that the new implementation solves both of the problems: `width` and `height` are optional attributes that can be used to define dimensions and everything that is set by the library, is stored in `computed`.
+- **Reactive Flows:** The new hooks `useHandleConnections` and `useNodesData` and the new `updateNode` and `updateNodeData` functions can be used for managing the data flow between your nodes: [computing flows guide](http://reactflow.dev/learn/advanced-use/computing-flows)
+  - Details: Working with reactive flows is super common. You update node A and want to react on those changes in the connected node B. Until now everyone had to come up with a custom solution. With this version we want to change this and give you performant helpers to handle this. If you are excited about this, you can check out this example:
+- **Dark mode and css variables:** React Flow now comes with a built-in dark mode, that can be toggled by using the new `colorMode` prop (”light”, “dark” or “system”): [dark mode example](https://reactflow.dev/examples/styling/dark-mode)
+  - Details: With this version we want to make it easier to switch between dark and light modes and give you a better starting point for dark flows. If you pass colorMode=”dark”, we add the class name “dark” to the wrapper and use it to adjust the styling. To make the implementation for this new feature easier on our ends, we switched to CSS variables for most of the styles. These variables can also be used in user land to customize a flow.
+
+### More features and updates
+
+There is more! Besides the new main features, we added some minor things that were on our list for a long time. We also started to use TS docs for better docs. We already started to add some docs for some types and hooks which should improve the developer experience.
+
+- **[`useConnection` hook](https://reactflow.dev/api-reference/hooks/use-connection):** With this hook you can access the ongoing connection. For example, you can use it for colorizing handles styling a custom connection line based on the current start / end handles.
+- **Controlled `viewport`:** This is an advanced feature. Possible use cases are to animate the viewport or round the transform for lower res screens for example. This features brings two new props: [`viewport`](https://reactflow.dev/api-reference/react-flow#viewport) and [`onViewportChange`](https://reactflow.dev/api-reference/react-flow#on-viewport-change).
+- **[`ViewportPortal`](https://reactflow.dev/api-reference/components/viewport-portal) component:** This makes it possible to render elements in the viewport without the need to implement a custom node.
+- **[`onDelete`](https://reactflow.dev/api-reference/react-flow#on-delete) handler**: We added a combined handler for `onDeleteNodes` and `onDeleteEdges` to make it easier to react to deletions.
+- **[`onBeforeDelete`](https://reactflow.dev/api-reference/react-flow#on-before-delete) handler**: With this handler you can prevent/ manage deletions.
+- **[`isValidConnection`](https://reactflow.dev/api-reference/react-flow#is-valid-connection) prop:** This makes it possible to implement one validation function for all connections. It also gets called for programmatically added edges.
+- **[`autoPanSpeed`](https://reactflow.dev/api-reference/react-flow#autoPanSpeed) prop:** For controlling the speed while auto panning.
+- **Background component**: add [`patternClassName`](https://reactflow.dev/api-reference/components/background#pattern-class-name) prop to be able to style the background pattern by using a class name. This is useful if you want to style the background pattern with Tailwind for example.
+- **`onMove` callback** gets triggered for library-invoked viewport updates (like fitView or zoom-in)
+- **`deleteElements`** now returns deleted nodes and deleted edges
+- add **`origin` attribute** for nodes
+- add **`selectable` attribute** for edges
+- Node Resizer: child nodes don't move when the group is resized, extent and expand is recognized correctly
+- Correct types for `BezierEdge`, `StepEdge`, `SmoothStepEdge` and `StraightEdge` components
+- New edges created by the library only have `sourceHandle` and `targetHandle` attributes when those attributes are set. (We used to pass `sourceHandle: null` and `targetHandle: null`)
+- Edges do not mount/unmount when their z-index change
+- connection line knows about the target handle position so that the path is drawn correctly
+- `nodeDragThreshold` is 1 by default instead of 0
+- a better selection box usability (capture while dragging out of the flow)
+- add `selectable`, `deletable`, `draggable` and `parentId` to `NodeProps`
+- add a warning when styles not loaded
 
-- [#4428](https://github.com/xyflow/xyflow/pull/4428) [`9cc8d0d8`](https://github.com/xyflow/xyflow/commit/9cc8d0d82562ca8305a15ad2e94de61958610ecf) Thanks [@moklick](https://github.com/moklick)! - release notes
 
 ## 12.0.0-next.28
 

From 1d200fca125c91ba49513c92a386a9158282a483 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jul 2024 11:49:26 +0200
Subject: [PATCH 0918/1093] chore(changelog): update

---
 packages/react/CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 358df6555..ca3bf53dd 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -7,7 +7,7 @@ React Flow 12 is finally out! With a new package name `@xyflow/react`!
 ### Main features
 
 - **SSR / SSG**: you can define `width`, `height` and `handles` for the nodes. This makes it possible to render a flow on the server and hydrate on the client: [SSR guide](http://reactflow.dev/learn/advanced-use/ssr-ssg-configuration)
-  - Details: In v11, `width` and `height` were set by the library as soon as the nodes got measured. This still happens, but we are now using `computed.width` and `computed.height` to store this information. The `positionAbsolute` attribute also gets stored in `computed` . In the previous versions there was always a lot of confusion about `width` and `height`. It’s hard to understand, that you can’t use it for passing an actual width or height. It’s also not obvious that those attributes get added by the library. We think that the new implementation solves both of the problems: `width` and `height` are optional attributes that can be used to define dimensions and everything that is set by the library, is stored in `computed`.
+  - Details: In v11, `width` and `height` were set by the library as soon as the nodes got measured. This still happens, but we are now using `measured.width` and `measured.height` to store this information. In the previous versions there was always a lot of confusion about `width` and `height`. It’s hard to understand, that you can’t use it for passing an actual width or height. It’s also not obvious that those attributes get added by the library. We think that the new implementation solves both of the problems: `width` and `height` are optional attributes that can be used to define dimensions and the measured dimensions are stored in `measured`.
 - **Reactive Flows:** The new hooks `useHandleConnections` and `useNodesData` and the new `updateNode` and `updateNodeData` functions can be used for managing the data flow between your nodes: [computing flows guide](http://reactflow.dev/learn/advanced-use/computing-flows)
   - Details: Working with reactive flows is super common. You update node A and want to react on those changes in the connected node B. Until now everyone had to come up with a custom solution. With this version we want to change this and give you performant helpers to handle this. If you are excited about this, you can check out this example:
 - **Dark mode and css variables:** React Flow now comes with a built-in dark mode, that can be toggled by using the new `colorMode` prop (”light”, “dark” or “system”): [dark mode example](https://reactflow.dev/examples/styling/dark-mode)

From 6904b5bd49a011cacb362046153498cfc99efb61 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Jul 2024 11:58:49 +0200
Subject: [PATCH 0919/1093] refactor(useConnection): return internal node, add
 node generic

---
 examples/react/src/examples/Figma/index.tsx   | 14 ++++++++++++-
 .../FloatingEdges/FloatingConnectionLine.tsx  |  4 ++--
 .../react/src/examples/FloatingEdges/utils.ts | 20 +++++++++++--------
 .../src/examples/UseConnection/index.tsx      |  4 ++--
 packages/react/src/hooks/useConnection.ts     | 10 +++++-----
 packages/react/src/types/edges.ts             | 12 ++++++-----
 packages/system/src/types/general.ts          | 16 ++++++---------
 packages/system/src/xyhandle/XYHandle.ts      |  4 ++--
 8 files changed, 49 insertions(+), 35 deletions(-)

diff --git a/examples/react/src/examples/Figma/index.tsx b/examples/react/src/examples/Figma/index.tsx
index 6780b6cb6..f51219df1 100644
--- a/examples/react/src/examples/Figma/index.tsx
+++ b/examples/react/src/examples/Figma/index.tsx
@@ -3,7 +3,19 @@ import { ReactFlow, Background, BackgroundVariant, Node, Edge, SelectionMode, Co
 const MULTI_SELECT_KEY = ['Meta', 'Shift'];
 
 const initialNodes: Node[] = [
-  { id: '1', type: 'input', data: { label: 'Node 1' }, position: { x: 250, y: 5 }, className: 'light' },
+  {
+    id: '1',
+    type: 'input',
+    data: {
+      label: (
+        <>
+          <input defaultValue="hallo"></input>
+        </>
+      ),
+    },
+    position: { x: 250, y: 5 },
+    className: 'light',
+  },
   { id: '2', data: { label: 'Node 2' }, position: { x: 100, y: 100 }, className: 'light' },
   { id: '3', data: { label: 'Node 3' }, position: { x: 400, y: 100 }, className: 'light' },
   { id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 200 }, className: 'light' },
diff --git a/examples/react/src/examples/FloatingEdges/FloatingConnectionLine.tsx b/examples/react/src/examples/FloatingEdges/FloatingConnectionLine.tsx
index 3bac9d41b..a3039123c 100644
--- a/examples/react/src/examples/FloatingEdges/FloatingConnectionLine.tsx
+++ b/examples/react/src/examples/FloatingEdges/FloatingConnectionLine.tsx
@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { getBezierPath, ConnectionLineComponentProps, Node } from '@xyflow/react';
+import { getBezierPath, ConnectionLineComponentProps, Node, InternalNode } from '@xyflow/react';
 
 import { getEdgeParams } from './utils';
 
@@ -13,7 +13,7 @@ const FloatingConnectionLine: FC<ConnectionLineComponentProps> = ({ toX, toY, fr
     width: 1,
     height: 1,
     position: { x: toX, y: toY },
-  } as Node;
+  } as InternalNode;
 
   const { sx, sy } = getEdgeParams(fromNode, targetNode);
 
diff --git a/examples/react/src/examples/FloatingEdges/utils.ts b/examples/react/src/examples/FloatingEdges/utils.ts
index 08593c5c0..39f0fad0d 100644
--- a/examples/react/src/examples/FloatingEdges/utils.ts
+++ b/examples/react/src/examples/FloatingEdges/utils.ts
@@ -2,21 +2,19 @@ import { Position, XYPosition, Node, Edge, InternalNode } from '@xyflow/react';
 
 // this helper function returns the intersection point
 // of the line between the center of the intersectionNode and the target node
-function getNodeIntersection(intersectionNode: Node, targetNode: Node): XYPosition {
-  // https://math.stackexchange.com/questions/1724792/an-algorithm-for-finding-the-intersection-point-between-a-center-of-vision-and-a
-
-  const { position: intersectionNodePosition } = intersectionNode;
+function getNodeIntersection(intersectionNode: InternalNode, targetNode: InternalNode): XYPosition {
+  const { internals: intersectionInternals } = intersectionNode;
   const { width: intersectionNodeWidth, height: intersectionNodeHeight } = intersectionNode.measured ?? {
     width: 0,
     height: 0,
   };
-  const targetPosition = targetNode.position;
+  const targetPosition = targetNode.internals.positionAbsolute;
 
   const w = (intersectionNodeWidth ?? 0) / 2;
   const h = (intersectionNodeHeight ?? 0) / 2;
 
-  const x2 = intersectionNodePosition.x + w;
-  const y2 = intersectionNodePosition.y + h;
+  const x2 = intersectionInternals.positionAbsolute.x + w;
+  const y2 = intersectionInternals.positionAbsolute.y + h;
   const x1 = targetPosition.x + w;
   const y1 = targetPosition.y + h;
 
@@ -92,7 +90,13 @@ export function createElements(): NodesAndEdges {
     const x = 250 * Math.cos(radians) + center.x;
     const y = 250 * Math.sin(radians) + center.y;
 
-    nodes.push({ id: `${i}`, data: { label: 'Source' }, position: { x, y } });
+    const isChild = i === 1;
+    nodes.push({
+      id: `${i}`,
+      data: { label: 'Source' },
+      position: isChild ? { x: 0, y: 0 } : { x, y },
+      parentId: isChild ? '0' : undefined,
+    });
 
     edges.push({
       id: `edge-${i}`,
diff --git a/examples/react/src/examples/UseConnection/index.tsx b/examples/react/src/examples/UseConnection/index.tsx
index cc90f11fe..38109b45e 100644
--- a/examples/react/src/examples/UseConnection/index.tsx
+++ b/examples/react/src/examples/UseConnection/index.tsx
@@ -40,7 +40,7 @@ const initialEdges: Edge[] = [
   { id: 'e1-3', source: '1', target: '3' },
 ];
 
-const UseZoomPanHelperFlow = () => {
+const UseConnectionFlow = () => {
   const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
 
@@ -68,7 +68,7 @@ const UseZoomPanHelperFlow = () => {
 
 const WrappedFlow = () => (
   <ReactFlowProvider>
-    <UseZoomPanHelperFlow />
+    <UseConnectionFlow />
   </ReactFlowProvider>
 );
 
diff --git a/packages/react/src/hooks/useConnection.ts b/packages/react/src/hooks/useConnection.ts
index 8a4b377b2..46784c4f0 100644
--- a/packages/react/src/hooks/useConnection.ts
+++ b/packages/react/src/hooks/useConnection.ts
@@ -1,10 +1,10 @@
 import { shallow } from 'zustand/shallow';
+import { ConnectionState, pointToRendererPoint } from '@xyflow/system';
 
 import { useStore } from './useStore';
-import type { ReactFlowStore } from '../types/store';
-import { ConnectionState, pointToRendererPoint } from '@xyflow/system';
+import type { InternalNode, Node, ReactFlowStore } from '../types';
 
-const selector = (s: ReactFlowStore): ConnectionState => {
+const selector = (s: ReactFlowStore) => {
   return s.connection.inProgress
     ? { ...s.connection, to: pointToRendererPoint(s.connection.to, s.transform) }
     : { ...s.connection };
@@ -15,6 +15,6 @@ const selector = (s: ReactFlowStore): ConnectionState => {
  * @public
  * @returns ConnectionState
  */
-export function useConnection(): ConnectionState {
-  return useStore(selector, shallow);
+export function useConnection<NodeType extends Node = Node>(): ConnectionState<InternalNode<NodeType>> {
+  return useStore(selector, shallow) as ConnectionState<InternalNode<NodeType>>;
 }
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index 640366d78..e765b3899 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -16,7 +16,7 @@ import type {
   OnError,
 } from '@xyflow/system';
 
-import { EdgeTypes, Node } from '.';
+import { EdgeTypes, InternalNode, Node } from '.';
 
 export type EdgeLabelOptions = {
   label?: string | ReactNode;
@@ -190,10 +190,10 @@ export type SimpleBezierEdgeProps = EdgeComponentProps;
 
 export type OnReconnect<EdgeType extends Edge = Edge> = (oldEdge: EdgeType, newConnection: Connection) => void;
 
-export type ConnectionLineComponentProps = {
+export type ConnectionLineComponentProps<NodeType extends Node = Node> = {
   connectionLineStyle?: CSSProperties;
   connectionLineType: ConnectionLineType;
-  fromNode: Node;
+  fromNode: InternalNode<NodeType>;
   fromHandle: Handle;
   fromX: number;
   fromY: number;
@@ -202,8 +202,10 @@ export type ConnectionLineComponentProps = {
   fromPosition: Position;
   toPosition: Position;
   connectionStatus: 'valid' | 'invalid' | null;
-  toNode: Node | null;
+  toNode: InternalNode<NodeType> | null;
   toHandle: Handle | null;
 };
 
-export type ConnectionLineComponent = ComponentType<ConnectionLineComponentProps>;
+export type ConnectionLineComponent<NodeType extends Node = Node> = ComponentType<
+  ConnectionLineComponentProps<NodeType>
+>;
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index f712e1ea8..becbe4afd 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -148,34 +148,30 @@ export const initialConnection: NoConnection = {
 export type NoConnection = {
   inProgress: false;
   isValid: null;
-
   from: null;
   fromHandle: null;
   fromPosition: null;
   fromNode: null;
-
   to: null;
   toHandle: null;
   toPosition: null;
   toNode: null;
 };
-
-export type ConnectionInProgress = {
+export type ConnectionInProgress<NodeType extends InternalNodeBase = InternalNodeBase> = {
   inProgress: true;
   isValid: boolean | null;
-
   from: XYPosition;
   fromHandle: Handle;
   fromPosition: Position;
-  fromNode: NodeBase;
-
+  fromNode: NodeType;
   to: XYPosition;
   toHandle: Handle | null;
   toPosition: Position;
-  toNode: NodeBase | null;
+  toNode: NodeType | null;
 };
-
-export type ConnectionState = ConnectionInProgress | NoConnection;
+export type ConnectionState<NodeType extends InternalNodeBase = InternalNodeBase> =
+  | ConnectionInProgress<NodeType>
+  | NoConnection;
 
 export type UpdateConnection = (params: ConnectionState) => void;
 
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 13f627fae..77b6da50e 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -104,7 +104,7 @@ function onPointerDown(
     from,
     fromHandle,
     fromPosition: fromHandle.position,
-    fromNode: fromNodeInternal.internals.userNode,
+    fromNode: fromNodeInternal,
 
     to: position,
     toHandle: null,
@@ -163,7 +163,7 @@ function onPointerDown(
           : position,
       toHandle: result.toHandle,
       toPosition: isValid && result.toHandle ? result.toHandle.position : oppositePosition[fromHandle.position],
-      toNode: result.toHandle ? nodeLookup.get(result.toHandle.nodeId)!.internals.userNode : null,
+      toNode: result.toHandle ? nodeLookup.get(result.toHandle.nodeId)! : null,
     };
 
     // we don't want to trigger an update when the connection

From b41b111af60ea0dfc3a6ef7f1a190b8dcf1f1ef4 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Jul 2024 12:04:23 +0200
Subject: [PATCH 0920/1093] chore(react): use connection state generics
 internally

---
 examples/react/src/examples/Figma/index.tsx | 14 +-------------
 packages/react/src/types/store.ts           |  4 ++--
 packages/system/src/types/general.ts        |  4 +++-
 3 files changed, 6 insertions(+), 16 deletions(-)

diff --git a/examples/react/src/examples/Figma/index.tsx b/examples/react/src/examples/Figma/index.tsx
index f51219df1..6780b6cb6 100644
--- a/examples/react/src/examples/Figma/index.tsx
+++ b/examples/react/src/examples/Figma/index.tsx
@@ -3,19 +3,7 @@ import { ReactFlow, Background, BackgroundVariant, Node, Edge, SelectionMode, Co
 const MULTI_SELECT_KEY = ['Meta', 'Shift'];
 
 const initialNodes: Node[] = [
-  {
-    id: '1',
-    type: 'input',
-    data: {
-      label: (
-        <>
-          <input defaultValue="hallo"></input>
-        </>
-      ),
-    },
-    position: { x: 250, y: 5 },
-    className: 'light',
-  },
+  { id: '1', type: 'input', data: { label: 'Node 1' }, position: { x: 250, y: 5 }, className: 'light' },
   { id: '2', data: { label: 'Node 2' }, position: { x: 100, y: 100 }, className: 'light' },
   { id: '3', data: { label: 'Node 3' }, position: { x: 400, y: 100 }, className: 'light' },
   { id: '4', data: { label: 'Node 4' }, position: { x: 400, y: 200 }, className: 'light' },
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 66bf3c447..8ddd2ff85 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -78,7 +78,7 @@ export type ReactFlowStore<NodeType extends Node = Node, EdgeType extends Edge =
   userSelectionActive: boolean;
   userSelectionRect: SelectionRect | null;
 
-  connection: ConnectionState;
+  connection: ConnectionState<InternalNode<NodeType>>;
   connectionMode: ConnectionMode;
   connectionClickStartHandle: (Pick<Handle, 'nodeId' | 'id'> & Required<Pick<Handle, 'type'>>) | null;
 
@@ -163,7 +163,7 @@ export type ReactFlowActions<NodeType extends Node, EdgeType extends Edge> = {
   setTranslateExtent: (translateExtent: CoordinateExtent) => void;
   setNodeExtent: (nodeExtent: CoordinateExtent) => void;
   cancelConnection: () => void;
-  updateConnection: UpdateConnection;
+  updateConnection: UpdateConnection<InternalNode<NodeType>>;
   reset: () => void;
   triggerNodeChanges: (changes: NodeChange<NodeType>[]) => void;
   triggerEdgeChanges: (changes: EdgeChange<EdgeType>[]) => void;
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index becbe4afd..1af0b930b 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -173,7 +173,9 @@ export type ConnectionState<NodeType extends InternalNodeBase = InternalNodeBase
   | ConnectionInProgress<NodeType>
   | NoConnection;
 
-export type UpdateConnection = (params: ConnectionState) => void;
+export type UpdateConnection<NodeType extends InternalNodeBase = InternalNodeBase> = (
+  params: ConnectionState<NodeType>
+) => void;
 
 export type ColorModeClass = 'light' | 'dark';
 export type ColorMode = ColorModeClass | 'system';

From 3744ed9f62a40a7bd7f886915aa9befc6c166c36 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Jul 2024 12:06:25 +0200
Subject: [PATCH 0921/1093] chore(react): cleanup connection line example

---
 .../src/examples/FloatingEdges/FloatingConnectionLine.tsx  | 7 +++----
 examples/react/src/examples/FloatingEdges/FloatingEdge.tsx | 6 +++---
 examples/react/src/examples/FloatingEdges/index.tsx        | 4 ++--
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/examples/react/src/examples/FloatingEdges/FloatingConnectionLine.tsx b/examples/react/src/examples/FloatingEdges/FloatingConnectionLine.tsx
index a3039123c..5f49d8a43 100644
--- a/examples/react/src/examples/FloatingEdges/FloatingConnectionLine.tsx
+++ b/examples/react/src/examples/FloatingEdges/FloatingConnectionLine.tsx
@@ -1,9 +1,8 @@
-import { FC } from 'react';
-import { getBezierPath, ConnectionLineComponentProps, Node, InternalNode } from '@xyflow/react';
+import { getBezierPath, ConnectionLineComponentProps, InternalNode } from '@xyflow/react';
 
 import { getEdgeParams } from './utils';
 
-const FloatingConnectionLine: FC<ConnectionLineComponentProps> = ({ toX, toY, fromPosition, toPosition, fromNode }) => {
+function FloatingConnectionLine({ toX, toY, fromPosition, toPosition, fromNode }: ConnectionLineComponentProps) {
   if (!fromNode) {
     return null;
   }
@@ -32,6 +31,6 @@ const FloatingConnectionLine: FC<ConnectionLineComponentProps> = ({ toX, toY, fr
       <circle cx={toX} cy={toY} fill="#fff" r={3} stroke="#222" strokeWidth={1.5} />
     </g>
   );
-};
+}
 
 export default FloatingConnectionLine;
diff --git a/examples/react/src/examples/FloatingEdges/FloatingEdge.tsx b/examples/react/src/examples/FloatingEdges/FloatingEdge.tsx
index 0856d0127..b2b65d4b1 100644
--- a/examples/react/src/examples/FloatingEdges/FloatingEdge.tsx
+++ b/examples/react/src/examples/FloatingEdges/FloatingEdge.tsx
@@ -1,9 +1,9 @@
-import { FC, CSSProperties } from 'react';
+import { CSSProperties } from 'react';
 import { EdgeProps, useStore, getBezierPath } from '@xyflow/react';
 
 import { getEdgeParams } from './utils';
 
-const FloatingEdge: FC<EdgeProps> = ({ id, source, target, style }) => {
+function FloatingEdge({ id, source, target, style }: EdgeProps) {
   const { sourceNode, targetNode } = useStore((s) => {
     const sourceNode = s.nodeLookup.get(source);
     const targetNode = s.nodeLookup.get(target);
@@ -31,6 +31,6 @@ const FloatingEdge: FC<EdgeProps> = ({ id, source, target, style }) => {
       <path id={id} className="react-flow__edge-path" d={path} style={style as CSSProperties} />
     </g>
   );
-};
+}
 
 export default FloatingEdge;
diff --git a/examples/react/src/examples/FloatingEdges/index.tsx b/examples/react/src/examples/FloatingEdges/index.tsx
index 032f25f60..57bf921fe 100644
--- a/examples/react/src/examples/FloatingEdges/index.tsx
+++ b/examples/react/src/examples/FloatingEdges/index.tsx
@@ -25,7 +25,7 @@ const edgeTypes: EdgeTypes = {
   floating: FloatingEdge,
 };
 
-const FloatingEdges = () => {
+function FloatingEdges() {
   const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
 
@@ -49,6 +49,6 @@ const FloatingEdges = () => {
       </ReactFlow>
     </div>
   );
-};
+}
 
 export default FloatingEdges;

From d2da576591305873f8d6514091ee8db1ad4f79e2 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Jul 2024 12:06:55 +0200
Subject: [PATCH 0922/1093] chore(changeset): add

---
 .changeset/popular-masks-peel.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 .changeset/popular-masks-peel.md

diff --git a/.changeset/popular-masks-peel.md b/.changeset/popular-masks-peel.md
new file mode 100644
index 000000000..fb0c3181e
--- /dev/null
+++ b/.changeset/popular-masks-peel.md
@@ -0,0 +1,6 @@
+---
+'@xyflow/react': patch
+'@xyflow/system': patch
+---
+
+refactor(useConnection): return internal node, add node generic

From 4062a24add46bdd43e589c33f079b7b786fef3cb Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Jul 2024 14:14:24 +0200
Subject: [PATCH 0923/1093] fix(selection): handle pointer capture for
 selectionOnDrag closes #4418

---
 packages/react/src/container/Pane/index.tsx        | 9 ++++++---
 packages/svelte/src/lib/container/Pane/Pane.svelte | 4 ++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index 3a6233728..a0bd5ba38 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -117,7 +117,7 @@ export function Pane({
   const onPointerDown = (event: ReactPointerEvent): void => {
     const { resetSelectedElements, domNode, edgeLookup } = store.getState();
     containerBounds.current = domNode?.getBoundingClientRect();
-    container.current?.setPointerCapture(event.pointerId);
+    (event.target as Element)?.setPointerCapture?.(event.pointerId);
 
     if (
       !elementsSelectable ||
@@ -222,7 +222,8 @@ export function Pane({
     if (event.button !== 0) {
       return;
     }
-    container.current?.releasePointerCapture(event.pointerId);
+
+    (event.target as Element)?.releasePointerCapture?.(event.pointerId);
     const { userSelectionRect } = store.getState();
     // We only want to trigger click functions when in selection mode if
     // the user did not move the mouse.
@@ -230,7 +231,9 @@ export function Pane({
       onClick?.(event);
     }
 
-    store.setState({ nodesSelectionActive: prevSelectedNodesCount.current > 0 });
+    if (prevSelectedNodesCount.current > 0) {
+      store.setState({ nodesSelectionActive: true });
+    }
 
     resetUserSelection();
     onSelectionEnd?.(event);
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index e95ea5634..0856381ad 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -92,7 +92,7 @@
 
   function onPointerDown(event: PointerEvent) {
     containerBounds = container.getBoundingClientRect();
-    container.setPointerCapture(event.pointerId);
+    (event.target as Element)?.setPointerCapture?.(event.pointerId);
 
     if (
       !elementsSelectable ||
@@ -174,7 +174,7 @@
       return;
     }
 
-    container.releasePointerCapture(event.pointerId);
+    (event.target as Element)?.releasePointerCapture?.(event.pointerId);
 
     // We only want to trigger click functions when in selection mode if
     // the user did not move the mouse.

From 1bda24519658b4aaed6d4abf9e7e9d096e193b5b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Jul 2024 14:20:23 +0200
Subject: [PATCH 0924/1093] chore(changeset): add

---
 .changeset/nasty-shoes-promise.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 .changeset/nasty-shoes-promise.md

diff --git a/.changeset/nasty-shoes-promise.md b/.changeset/nasty-shoes-promise.md
new file mode 100644
index 000000000..d96b35dbf
--- /dev/null
+++ b/.changeset/nasty-shoes-promise.md
@@ -0,0 +1,6 @@
+---
+'@xyflow/react': patch
+'@xyflow/svelte': patch
+---
+
+fix(selection): handle pointer capture for selectionOnDrag

From 6ab1a1b5d73eedd9fdbcda5e00408ee659d25292 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Wed, 10 Jul 2024 12:24:26 +0000
Subject: [PATCH 0925/1093] chore(packages): bump

---
 .changeset/nasty-shoes-promise.md |  6 ------
 .changeset/popular-masks-peel.md  |  6 ------
 packages/react/CHANGELOG.md       | 14 ++++++++++++--
 packages/react/package.json       |  2 +-
 packages/svelte/CHANGELOG.md      | 13 +++++++++++--
 packages/svelte/package.json      |  2 +-
 packages/system/CHANGELOG.md      |  7 +++++++
 packages/system/package.json      |  2 +-
 8 files changed, 33 insertions(+), 19 deletions(-)
 delete mode 100644 .changeset/nasty-shoes-promise.md
 delete mode 100644 .changeset/popular-masks-peel.md
 create mode 100644 packages/system/CHANGELOG.md

diff --git a/.changeset/nasty-shoes-promise.md b/.changeset/nasty-shoes-promise.md
deleted file mode 100644
index d96b35dbf..000000000
--- a/.changeset/nasty-shoes-promise.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@xyflow/react': patch
-'@xyflow/svelte': patch
----
-
-fix(selection): handle pointer capture for selectionOnDrag
diff --git a/.changeset/popular-masks-peel.md b/.changeset/popular-masks-peel.md
deleted file mode 100644
index fb0c3181e..000000000
--- a/.changeset/popular-masks-peel.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@xyflow/react': patch
-'@xyflow/system': patch
----
-
-refactor(useConnection): return internal node, add node generic
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index ca3bf53dd..a53db91b5 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,8 +1,19 @@
 # @xyflow/react
 
+## 12.0.1
+
+### Patch Changes
+
+- [#4434](https://github.com/xyflow/xyflow/pull/4434) [`1bda2451`](https://github.com/xyflow/xyflow/commit/1bda24519658b4aaed6d4abf9e7e9d096e193b5b) Thanks [@moklick](https://github.com/moklick)! - fix(selection): handle pointer capture for selectionOnDrag
+
+- [#4432](https://github.com/xyflow/xyflow/pull/4432) [`d2da5765`](https://github.com/xyflow/xyflow/commit/d2da576591305873f8d6514091ee8db1ad4f79e2) Thanks [@moklick](https://github.com/moklick)! - refactor(useConnection): return internal node, add node generic
+
+- Updated dependencies [[`d2da5765`](https://github.com/xyflow/xyflow/commit/d2da576591305873f8d6514091ee8db1ad4f79e2)]:
+  - @xyflow/system@0.0.35
+
 ## 12.0.0
 
-React Flow 12 is finally out! With a new package name `@xyflow/react`! 
+React Flow 12 is finally out! With a new package name `@xyflow/react`!
 
 ### Main features
 
@@ -39,7 +50,6 @@ There is more! Besides the new main features, we added some minor things that we
 - add `selectable`, `deletable`, `draggable` and `parentId` to `NodeProps`
 - add a warning when styles not loaded
 
-
 ## 12.0.0-next.28
 
 - add `paneDistanceClick` prop (max distance between mousedown/up that will trigger a click)
diff --git a/packages/react/package.json b/packages/react/package.json
index 9cab7d063..faa03de1a 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0",
+  "version": "12.0.1",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 7f53295ba..a6c384379 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,9 +1,18 @@
 # @xyflow/svelte
 
+## 0.1.11
+
+### Patch Changes
+
+- [#4434](https://github.com/xyflow/xyflow/pull/4434) [`1bda2451`](https://github.com/xyflow/xyflow/commit/1bda24519658b4aaed6d4abf9e7e9d096e193b5b) Thanks [@moklick](https://github.com/moklick)! - fix(selection): handle pointer capture for selectionOnDrag
+
+- Updated dependencies [[`d2da5765`](https://github.com/xyflow/xyflow/commit/d2da576591305873f8d6514091ee8db1ad4f79e2)]:
+  - @xyflow/system@0.0.35
+
 ## 0.1.10
 
 - add `paneDistanceClick` prop (max distance between mousedown/up that will trigger a click)
-- returned nodes in `on:nodedragstop` are set to `dragging=false` 
+- returned nodes in `on:nodedragstop` are set to `dragging=false`
 
 ## 0.1.9
 
@@ -19,7 +28,7 @@
 
 - revise selection usability (capture while dragging out of the flow)
 - only prevent shift scrolling when selection is actually in progress
-- use correct end handle position when drawing a connection lines 
+- use correct end handle position when drawing a connection lines
 - determine correct end positions for connection lines
 
 ## 0.1.6
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 1d8607528..d02732a62 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/CHANGELOG.md b/packages/system/CHANGELOG.md
new file mode 100644
index 000000000..4b7c029ce
--- /dev/null
+++ b/packages/system/CHANGELOG.md
@@ -0,0 +1,7 @@
+# @xyflow/system
+
+## 0.0.35
+
+### Patch Changes
+
+- [#4432](https://github.com/xyflow/xyflow/pull/4432) [`d2da5765`](https://github.com/xyflow/xyflow/commit/d2da576591305873f8d6514091ee8db1ad4f79e2) Thanks [@moklick](https://github.com/moklick)! - refactor(useConnection): return internal node, add node generic
diff --git a/packages/system/package.json b/packages/system/package.json
index ed99baac1..937349850 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.34",
+  "version": "0.0.35",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 6e0c3914fbab5466453a885965a3675aebdb1750 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Jul 2024 14:36:44 +0200
Subject: [PATCH 0926/1093] chore(system): update changelog

---
 packages/system/CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/CHANGELOG.md b/packages/system/CHANGELOG.md
index 4b7c029ce..2d2adc539 100644
--- a/packages/system/CHANGELOG.md
+++ b/packages/system/CHANGELOG.md
@@ -4,4 +4,4 @@
 
 ### Patch Changes
 
-- [#4432](https://github.com/xyflow/xyflow/pull/4432) [`d2da5765`](https://github.com/xyflow/xyflow/commit/d2da576591305873f8d6514091ee8db1ad4f79e2) Thanks [@moklick](https://github.com/moklick)! - refactor(useConnection): return internal node, add node generic
+- [#4432](https://github.com/xyflow/xyflow/pull/4432) [`d2da5765`](https://github.com/xyflow/xyflow/commit/d2da576591305873f8d6514091ee8db1ad4f79e2) Thanks [@moklick](https://github.com/moklick)! - refactor(ConnectionState): use internal node, add node generic

From 0ee1656a5ec78b3d31032dd5d3edf2e602d421a6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 10 Jul 2024 14:45:02 +0200
Subject: [PATCH 0927/1093] chore(readme): update react flow 12

---
 README.md                | 13 ++++++-------
 packages/react/README.md |  9 +++++----
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index b398b0654..8f6ce20b9 100644
--- a/README.md
+++ b/README.md
@@ -17,13 +17,11 @@ Powerful open source libraries for building node-based UIs with React or Svelte.
 ## The xyflow mono repo
 
 The xyflow repository is the home of four packages:
+* React Flow 12 `@xyflow/react` [packages/react](./packages/react)
 * React Flow 11 `reactflow` [v11 branch](https://github.com/xyflow/xyflow/tree/v11)
-* React Flow 12 (beta) `@xyflow/react` [packages/react](./packages/react)
 * Svelte Flow `@xyflow/svelte` [packages/svelte](./packages/svelte)
 * Shared helper library `@xyflow/system` [packages/system](./packages/system)
 
-**We just moved repositories** from the @wbkd org to this one. React Flow v11 will remain on the [v11 branch](https://github.com/xyflow/xyflow/tree/v11). When we have a stable v12, the package name of React Flow will change from `reactflow` to `@xyflow/react`.
-
 ## Commercial usage
 
 **Are you using React Flow or Svelte Flow for a personal project?** Great! No sponsorship needed, you can support us by reporting any bugs you find, sending us screenshots of your projects, and starring us on Github 🌟
@@ -40,22 +38,23 @@ The best way to get started is to check out the [React Flow](https://reactflow.d
   ### Installation
   
   ```sh
-npm install reactflow
+npm install @xyflow/react
   ```
 
   ### Basic usage
   ```jsx
 import { useCallback } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   MiniMap,
   Controls,
   Background,
   useNodesState,
   useEdgesState,
   addEdge,
-} from 'reactflow';
+} from '@xyflow/react';
 
-import 'reactflow/dist/style.css';
+import '@xyflow/react/dist/style.css';
 
 const initialNodes = [
   { id: '1', position: { x: 0, y: 0 }, data: { label: '1' } },
diff --git a/packages/react/README.md b/packages/react/README.md
index a3e9d66b5..360c368b8 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -38,7 +38,7 @@ You can find more information in our [React Flow Pro FAQs](https://pro.reactflow
 The easiest way to get the latest version of React Flow is to install it via npm, yarn or pnpm:
 
 ```bash
-npm install reactflow
+npm install @xyflow/react
 ```
 
 ## Quickstart
@@ -47,16 +47,17 @@ This is only a very basic usage example of React Flow. To see everything that is
 
 ```jsx
 import { useCallback } from 'react';
-import ReactFlow, {
+import {
+  ReactFlow,
   MiniMap,
   Controls,
   Background,
   useNodesState,
   useEdgesState,
   addEdge,
-} from 'reactflow';
+} from '@xyflow/react';
 
-import 'reactflow/dist/style.css';
+import '@xyflow/react/dist/style.css';
 
 const initialNodes = [
   { id: '1', position: { x: 0, y: 0 }, data: { label: '1' } },

From a51ee45b667946b756e4a6d0e7a14e6204aa9d15 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 Jul 2024 10:56:39 +0200
Subject: [PATCH 0928/1093] fix(resizer): export types closes #4439

---
 packages/react/src/index.ts            |  3 +++
 packages/svelte/src/lib/index.ts       |  3 +++
 packages/system/src/xyresizer/types.ts | 10 +++++-----
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index e15d9ca2f..604e3d35f 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -85,6 +85,9 @@ export {
   type ControlPosition,
   type ControlLinePosition,
   type ResizeControlVariant,
+  type ResizeParams,
+  type ResizeParamsWithDirection,
+  type ResizeDragEvent,
   type NodeChange,
   type NodeDimensionChange,
   type NodePositionChange,
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index b13a7d903..112af9faf 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -105,6 +105,9 @@ export {
   type ControlPosition,
   type ControlLinePosition,
   type ResizeControlVariant,
+  type ResizeParams,
+  type ResizeParamsWithDirection,
+  type ResizeDragEvent,
   type IsValidConnection
 } from '@xyflow/system';
 
diff --git a/packages/system/src/xyresizer/types.ts b/packages/system/src/xyresizer/types.ts
index 446e0ac4e..994805124 100644
--- a/packages/system/src/xyresizer/types.ts
+++ b/packages/system/src/xyresizer/types.ts
@@ -1,13 +1,13 @@
 import type { D3DragEvent, SubjectPosition } from 'd3-drag';
 
-export type XYResizerParams = {
+export type ResizeParams = {
   x: number;
   y: number;
   width: number;
   height: number;
 };
 
-export type XYResizerParamsWithDirection = XYResizerParams & {
+export type ResizeParamsWithDirection = ResizeParams & {
   direction: number[];
 };
 
@@ -23,10 +23,10 @@ export enum ResizeControlVariant {
 export const XY_RESIZER_HANDLE_POSITIONS: ControlPosition[] = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
 export const XY_RESIZER_LINE_POSITIONS: ControlLinePosition[] = ['top', 'right', 'bottom', 'left'];
 
-type OnResizeHandler<Params = XYResizerParams, Result = void> = (event: ResizeDragEvent, params: Params) => Result;
+type OnResizeHandler<Params = ResizeParams, Result = void> = (event: ResizeDragEvent, params: Params) => Result;
 export type ResizeDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
 
-export type ShouldResize = OnResizeHandler<XYResizerParamsWithDirection, boolean>;
+export type ShouldResize = OnResizeHandler<ResizeParamsWithDirection, boolean>;
 export type OnResizeStart = OnResizeHandler;
-export type OnResize = OnResizeHandler<XYResizerParamsWithDirection>;
+export type OnResize = OnResizeHandler<ResizeParamsWithDirection>;
 export type OnResizeEnd = OnResizeHandler;

From 80baf53bdc7d4fb0715e5eed85efdea77191935a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 Jul 2024 11:03:36 +0200
Subject: [PATCH 0929/1093] chore(changeset): add

---
 .changeset/famous-nails-hug.md | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 .changeset/famous-nails-hug.md

diff --git a/.changeset/famous-nails-hug.md b/.changeset/famous-nails-hug.md
new file mode 100644
index 000000000..85209c29e
--- /dev/null
+++ b/.changeset/famous-nails-hug.md
@@ -0,0 +1,7 @@
+---
+'@xyflow/react': patch
+'@xyflow/svelte': patch
+'@xyflow/system': patch
+---
+
+fix(resizer): export types

From 9b8486b39f6e9a478700e1e87a328562c0c41103 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 Jul 2024 14:38:46 +0200
Subject: [PATCH 0930/1093] fix(selection): dont trigger onSelectionEnd on
 click

---
 packages/react/src/container/FlowRenderer/index.tsx |  4 +++-
 packages/react/src/container/Pane/index.tsx         | 11 +++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/container/FlowRenderer/index.tsx b/packages/react/src/container/FlowRenderer/index.tsx
index 34c0be138..727970e36 100644
--- a/packages/react/src/container/FlowRenderer/index.tsx
+++ b/packages/react/src/container/FlowRenderer/index.tsx
@@ -77,7 +77,8 @@ function FlowRendererComponent<NodeType extends Node = Node>({
 
   const panOnDrag = panActivationKeyPressed || _panOnDrag;
   const panOnScroll = panActivationKeyPressed || _panOnScroll;
-  const isSelecting = selectionKeyPressed || userSelectionActive || (selectionOnDrag && panOnDrag !== true);
+  const _selectionOnDrag = selectionOnDrag && panOnDrag !== true;
+  const isSelecting = selectionKeyPressed || userSelectionActive || _selectionOnDrag;
 
   useGlobalKeyHandler({ deleteKeyCode, multiSelectionKeyCode });
 
@@ -117,6 +118,7 @@ function FlowRendererComponent<NodeType extends Node = Node>({
         isSelecting={!!isSelecting}
         selectionMode={selectionMode}
         selectionKeyPressed={selectionKeyPressed}
+        selectionOnDrag={_selectionOnDrag}
       >
         {children}
         {nodesSelectionActive && (
diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index a0bd5ba38..3fd1d0791 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -35,6 +35,7 @@ type PaneProps = {
     | 'onPaneMouseEnter'
     | 'onPaneMouseMove'
     | 'onPaneMouseLeave'
+    | 'selectionOnDrag'
   >
 >;
 
@@ -61,6 +62,7 @@ export function Pane({
   selectionKeyPressed,
   selectionMode = SelectionMode.Full,
   panOnDrag,
+  selectionOnDrag,
   onSelectionStart,
   onSelectionEnd,
   onPaneClick,
@@ -83,6 +85,7 @@ export function Pane({
 
   // Used to prevent click events when the user lets go of the selectionKey during a selection
   const selectionInProgress = useRef<boolean>(false);
+  const selectionStarted = useRef<boolean>(false);
 
   const resetUserSelection = () => {
     store.setState({ userSelectionActive: false, userSelectionRect: null });
@@ -129,6 +132,8 @@ export function Pane({
       return;
     }
 
+    selectionStarted.current = true;
+    selectionInProgress.current = false;
     edgeIdLookup.current = new Map();
 
     for (const [id, edge] of edgeLookup) {
@@ -219,7 +224,7 @@ export function Pane({
   };
 
   const onPointerUp = (event: ReactPointerEvent) => {
-    if (event.button !== 0) {
+    if (event.button !== 0 || !selectionStarted.current) {
       return;
     }
 
@@ -240,9 +245,11 @@ export function Pane({
 
     // If the user kept holding the selectionKey during the selection,
     // we need to reset the selectionInProgress, so the next click event is not prevented
-    if (selectionKeyPressed) {
+    if (selectionKeyPressed || selectionOnDrag) {
       selectionInProgress.current = false;
     }
+
+    selectionStarted.current = false;
   };
 
   return (

From 18a1266131e7c2bdd9a15268dbf871cdf17cad9a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 Jul 2024 14:41:38 +0200
Subject: [PATCH 0931/1093] chore(changeset): add

---
 .changeset/modern-pumpkins-juggle.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/modern-pumpkins-juggle.md

diff --git a/.changeset/modern-pumpkins-juggle.md b/.changeset/modern-pumpkins-juggle.md
new file mode 100644
index 000000000..67ce0ba57
--- /dev/null
+++ b/.changeset/modern-pumpkins-juggle.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/react': patch
+---
+
+fix(selection): dont trigger onSelectionEnd on click

From da35b9d7fb5aa9a4ede5ff36fa08cfca690b01e9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 Jul 2024 15:28:27 +0200
Subject: [PATCH 0932/1093] feat(props): add nodeClickDistance

---
 packages/react/src/components/NodeWrapper/index.tsx   |  2 ++
 packages/react/src/container/FlowRenderer/index.tsx   |  1 +
 packages/react/src/container/GraphView/index.tsx      |  3 +++
 packages/react/src/container/NodeRenderer/index.tsx   |  2 ++
 packages/react/src/container/ReactFlow/index.tsx      |  2 ++
 packages/react/src/hooks/useDrag.ts                   |  3 +++
 packages/react/src/types/component-props.ts           |  4 ++++
 packages/react/src/types/nodes.ts                     |  1 +
 packages/svelte/src/lib/actions/drag/index.ts         |  4 +++-
 .../src/lib/components/NodeWrapper/NodeWrapper.svelte |  2 ++
 .../svelte/src/lib/components/NodeWrapper/types.ts    |  1 +
 .../lib/container/NodeRenderer/NodeRenderer.svelte    |  6 ++++++
 .../svelte/src/lib/container/NodeRenderer/types.ts    |  3 +++
 .../src/lib/container/SvelteFlow/SvelteFlow.svelte    |  2 ++
 packages/svelte/src/lib/container/SvelteFlow/types.ts |  4 ++++
 packages/system/src/xydrag/XYDrag.ts                  | 11 ++++++++++-
 16 files changed, 49 insertions(+), 2 deletions(-)
 create mode 100644 packages/svelte/src/lib/container/NodeRenderer/types.ts

diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 655233c90..adc6f3931 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -39,6 +39,7 @@ export function NodeWrapper<NodeType extends Node>({
   rfId,
   nodeTypes,
   nodeExtent,
+  nodeClickDistance,
   onError,
 }: NodeWrapperProps<NodeType>) {
   const { node, internals, isParent } = useStore((s) => {
@@ -76,6 +77,7 @@ export function NodeWrapper<NodeType extends Node>({
     handleSelector: node.dragHandle,
     nodeId: id,
     isSelectable,
+    nodeClickDistance,
   });
   const moveSelectedNodes = useMoveSelectedNodes();
 
diff --git a/packages/react/src/container/FlowRenderer/index.tsx b/packages/react/src/container/FlowRenderer/index.tsx
index 727970e36..f336967ab 100644
--- a/packages/react/src/container/FlowRenderer/index.tsx
+++ b/packages/react/src/container/FlowRenderer/index.tsx
@@ -22,6 +22,7 @@ export type FlowRendererProps<NodeType extends Node = Node> = Omit<
   | 'selectNodesOnDrag'
   | 'defaultMarkerColor'
   | 'rfId'
+  | 'nodeClickDistance'
 > & {
   isControlledViewport: boolean;
   children: ReactNode;
diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index 792a570fd..7356c8f4f 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -33,6 +33,7 @@ export type GraphViewProps<NodeType extends Node = Node, EdgeType extends Edge =
       | 'defaultViewport'
       | 'disableKeyboardA11y'
       | 'paneClickDistance'
+      | 'nodeClickDistance'
     >
   > & {
     rfId: string;
@@ -86,6 +87,7 @@ function GraphViewComponent<NodeType extends Node = Node, EdgeType extends Edge
   onPaneScroll,
   onPaneContextMenu,
   paneClickDistance,
+  nodeClickDistance,
   onEdgeContextMenu,
   onEdgeMouseEnter,
   onEdgeMouseMove,
@@ -183,6 +185,7 @@ function GraphViewComponent<NodeType extends Node = Node, EdgeType extends Edge
           onNodeMouseMove={onNodeMouseMove}
           onNodeMouseLeave={onNodeMouseLeave}
           onNodeContextMenu={onNodeContextMenu}
+          nodeClickDistance={nodeClickDistance}
           onlyRenderVisibleElements={onlyRenderVisibleElements}
           noPanClassName={noPanClassName}
           noDragClassName={noDragClassName}
diff --git a/packages/react/src/container/NodeRenderer/index.tsx b/packages/react/src/container/NodeRenderer/index.tsx
index 2b178ae52..7b0bd1317 100644
--- a/packages/react/src/container/NodeRenderer/index.tsx
+++ b/packages/react/src/container/NodeRenderer/index.tsx
@@ -24,6 +24,7 @@ export type NodeRendererProps<NodeType extends Node> = Pick<
   | 'disableKeyboardA11y'
   | 'nodeExtent'
   | 'nodeTypes'
+  | 'nodeClickDistance'
 >;
 
 const selector = (s: ReactFlowState) => ({
@@ -86,6 +87,7 @@ function NodeRendererComponent<NodeType extends Node>(props: NodeRendererProps<N
             nodesConnectable={nodesConnectable}
             nodesFocusable={nodesFocusable}
             elementsSelectable={elementsSelectable}
+            nodeClickDistance={props.nodeClickDistance}
             onError={onError}
           />
         );
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index a30442eeb..d6e3e5a40 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -104,6 +104,7 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
     onPaneScroll,
     onPaneContextMenu,
     paneClickDistance = 0,
+    nodeClickDistance = 0,
     children,
     onReconnect,
     onReconnectStart,
@@ -202,6 +203,7 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
           onPaneScroll={onPaneScroll}
           onPaneContextMenu={onPaneContextMenu}
           paneClickDistance={paneClickDistance}
+          nodeClickDistance={nodeClickDistance}
           onSelectionContextMenu={onSelectionContextMenu}
           onSelectionStart={onSelectionStart}
           onSelectionEnd={onSelectionEnd}
diff --git a/packages/react/src/hooks/useDrag.ts b/packages/react/src/hooks/useDrag.ts
index ee26cc57a..f7943f987 100644
--- a/packages/react/src/hooks/useDrag.ts
+++ b/packages/react/src/hooks/useDrag.ts
@@ -11,6 +11,7 @@ type UseDragParams = {
   handleSelector?: string;
   nodeId?: string;
   isSelectable?: boolean;
+  nodeClickDistance?: number;
 };
 
 /**
@@ -25,6 +26,7 @@ export function useDrag({
   handleSelector,
   nodeId,
   isSelectable,
+  nodeClickDistance,
 }: UseDragParams) {
   const store = useStoreApi();
   const [dragging, setDragging] = useState<boolean>(false);
@@ -59,6 +61,7 @@ export function useDrag({
         domNode: nodeRef.current,
         isSelectable,
         nodeId,
+        nodeClickDistance,
       });
       return () => {
         xyDrag.current?.destroy();
diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts
index 299199313..623992b2a 100644
--- a/packages/react/src/types/component-props.ts
+++ b/packages/react/src/types/component-props.ts
@@ -227,6 +227,10 @@ export interface ReactFlowProps<NodeType extends Node = Node, EdgeType extends E
    * @default 0
    */
   paneClickDistance?: number;
+  /** Distance that the mouse can move between mousedown/up that will trigger a click
+   * @default 0
+   */
+  nodeClickDistance?: number;
   /** This handler gets called before the user deletes nodes or edges and provides a way to abort the deletion by returning false. */
   onBeforeDelete?: OnBeforeDelete<NodeType, EdgeType>;
   /** Custom node types to be available in a flow.
diff --git a/packages/react/src/types/nodes.ts b/packages/react/src/types/nodes.ts
index 71e030367..f4ad2820f 100644
--- a/packages/react/src/types/nodes.ts
+++ b/packages/react/src/types/nodes.ts
@@ -53,6 +53,7 @@ export type NodeWrapperProps<NodeType extends Node> = {
   nodeTypes?: NodeTypes;
   nodeExtent?: CoordinateExtent;
   onError?: OnError;
+  nodeClickDistance?: number;
 };
 
 export type BuiltInNode = Node<{ label: string }, 'input' | 'output' | 'default'>;
diff --git a/packages/svelte/src/lib/actions/drag/index.ts b/packages/svelte/src/lib/actions/drag/index.ts
index f5649a29f..0d28f4e78 100644
--- a/packages/svelte/src/lib/actions/drag/index.ts
+++ b/packages/svelte/src/lib/actions/drag/index.ts
@@ -10,6 +10,7 @@ export type UseDragParams = {
   handleSelector?: string;
   nodeId?: string;
   isSelectable?: boolean;
+  nodeClickDistance?: number;
   onDrag?: OnDrag;
   onDragStart?: OnDrag;
   onDragStop?: OnDrag;
@@ -60,7 +61,8 @@ export default function drag(domNode: Element, params: UseDragParams) {
       noDragClassName: params.noDragClass,
       handleSelector: params.handleSelector,
       nodeId: params.nodeId,
-      isSelectable: params.isSelectable
+      isSelectable: params.isSelectable,
+      nodeClickDistance: params.nodeClickDistance
     });
   }
 
diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
index 3c77ddef4..dc571ec22 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
+++ b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte
@@ -43,6 +43,7 @@
   export let dragHandle: $$Props['dragHandle'] = undefined;
   export let initialized: $$Props['initialized'] = false;
   export let parentId: $$Props['parentId'] = undefined;
+  export let nodeClickDistance: $$Props['nodeClickDistance'] = undefined;
 
   let className: string = '';
   export { className as class };
@@ -156,6 +157,7 @@
       disabled: false,
       handleSelector: dragHandle,
       noDragClass: 'nodrag',
+      nodeClickDistance,
       onNodeMouseDown: handleNodeSelection,
       onDrag: (event, _, targetNode, nodes) => {
         dispatchNodeEvent('nodedrag', { event, targetNode, nodes });
diff --git a/packages/svelte/src/lib/components/NodeWrapper/types.ts b/packages/svelte/src/lib/components/NodeWrapper/types.ts
index 11baf5b99..469d30f7b 100644
--- a/packages/svelte/src/lib/components/NodeWrapper/types.ts
+++ b/packages/svelte/src/lib/components/NodeWrapper/types.ts
@@ -34,4 +34,5 @@ export type NodeWrapperProps = Pick<
   zIndex: number;
   node: InternalNode;
   initialized: boolean;
+  nodeClickDistance?: number;
 };
diff --git a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
index b20329b30..b54e15cb1 100644
--- a/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
+++ b/packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte
@@ -4,6 +4,11 @@
 
   import { NodeWrapper } from '$lib/components/NodeWrapper';
   import { useStore } from '$lib/store';
+  import type { NodeRendererProps } from './types';
+
+  type $$Props = NodeRendererProps;
+
+  export let nodeClickDistance: $$Props['nodeClickDistance'] = 0;
 
   const {
     visibleNodes,
@@ -76,6 +81,7 @@
       measuredHeight={node.measured.height}
       parentId={node.parentId}
       {resizeObserver}
+      {nodeClickDistance}
       on:nodeclick
       on:nodemouseenter
       on:nodemousemove
diff --git a/packages/svelte/src/lib/container/NodeRenderer/types.ts b/packages/svelte/src/lib/container/NodeRenderer/types.ts
new file mode 100644
index 000000000..93c78afe5
--- /dev/null
+++ b/packages/svelte/src/lib/container/NodeRenderer/types.ts
@@ -0,0 +1,3 @@
+export type NodeRendererProps = {
+  nodeClickDistance?: number;
+};
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index f19e003ce..87f061d0d 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -80,6 +80,7 @@
   export let oninit: $$Props['oninit'] = undefined;
   export let nodeOrigin: $$Props['nodeOrigin'] = undefined;
   export let paneClickDistance: $$Props['paneClickDistance'] = 0;
+  export let nodeClickDistance: $$Props['nodeClickDistance'] = 0;
 
   export let defaultMarkerColor = '#b1b1b7';
 
@@ -254,6 +255,7 @@
         <div class="svelte-flow__edgelabel-renderer" />
         <div class="svelte-flow__viewport-portal" />
         <NodeRenderer
+          {nodeClickDistance}
           on:nodeclick
           on:nodemouseenter
           on:nodemousemove
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index c67192dc0..b5e813314 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -138,6 +138,10 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
    * @default 0
    */
   paneClickDistance?: number;
+  /** Distance that the mouse can move between mousedown/up that will trigger a click
+   * @default 0
+   */
+  nodeClickDistance?: number;
   /** Minimum zoom level
    * @default 0.5
    */
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index d03f729c8..c4c5600f3 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -84,6 +84,7 @@ export type DragUpdateParams = {
   isSelectable?: boolean;
   nodeId?: string;
   domNode: Element;
+  nodeClickDistance?: number;
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -105,7 +106,14 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
   let abortDrag = false; // prevents unintentional dragging on multitouch
 
   // public functions
-  function update({ noDragClassName, handleSelector, domNode, isSelectable, nodeId }: DragUpdateParams) {
+  function update({
+    noDragClassName,
+    handleSelector,
+    domNode,
+    isSelectable,
+    nodeId,
+    nodeClickDistance = 0,
+  }: DragUpdateParams) {
     d3Selection = select(domNode);
     function updateNodes({ x, y }: XYPosition, dragEvent: MouseEvent | null) {
       const {
@@ -264,6 +272,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
     }
 
     const d3DragInstance = drag()
+      .clickDistance(nodeClickDistance)
       .on('start', (event: UseDragEvent) => {
         const { domNode, nodeDragThreshold, transform, snapGrid, snapToGrid } = getStoreItems();
 

From 4cccd06a671e9ef1c6f16ab0d788081f8d894d0e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 15 Jul 2024 15:29:13 +0200
Subject: [PATCH 0933/1093] chore(changeset): add

---
 .changeset/twenty-ghosts-turn.md | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 .changeset/twenty-ghosts-turn.md

diff --git a/.changeset/twenty-ghosts-turn.md b/.changeset/twenty-ghosts-turn.md
new file mode 100644
index 000000000..d236e126a
--- /dev/null
+++ b/.changeset/twenty-ghosts-turn.md
@@ -0,0 +1,7 @@
+---
+'@xyflow/react': patch
+'@xyflow/svelte': patch
+'@xyflow/system': patch
+---
+
+add nodeClickDistance

From d30e482ccfa1407d0640da3069cfee9d3fdda4ce Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Mon, 15 Jul 2024 14:25:51 +0000
Subject: [PATCH 0934/1093] chore(packages): bump

---
 .changeset/famous-nails-hug.md       |  7 -------
 .changeset/modern-pumpkins-juggle.md |  5 -----
 .changeset/twenty-ghosts-turn.md     |  7 -------
 packages/react/CHANGELOG.md          | 13 +++++++++++++
 packages/react/package.json          |  2 +-
 packages/svelte/CHANGELOG.md         | 11 +++++++++++
 packages/svelte/package.json         |  2 +-
 packages/system/CHANGELOG.md         |  8 ++++++++
 packages/system/package.json         |  2 +-
 9 files changed, 35 insertions(+), 22 deletions(-)
 delete mode 100644 .changeset/famous-nails-hug.md
 delete mode 100644 .changeset/modern-pumpkins-juggle.md
 delete mode 100644 .changeset/twenty-ghosts-turn.md

diff --git a/.changeset/famous-nails-hug.md b/.changeset/famous-nails-hug.md
deleted file mode 100644
index 85209c29e..000000000
--- a/.changeset/famous-nails-hug.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'@xyflow/react': patch
-'@xyflow/svelte': patch
-'@xyflow/system': patch
----
-
-fix(resizer): export types
diff --git a/.changeset/modern-pumpkins-juggle.md b/.changeset/modern-pumpkins-juggle.md
deleted file mode 100644
index 67ce0ba57..000000000
--- a/.changeset/modern-pumpkins-juggle.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/react': patch
----
-
-fix(selection): dont trigger onSelectionEnd on click
diff --git a/.changeset/twenty-ghosts-turn.md b/.changeset/twenty-ghosts-turn.md
deleted file mode 100644
index d236e126a..000000000
--- a/.changeset/twenty-ghosts-turn.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'@xyflow/react': patch
-'@xyflow/svelte': patch
-'@xyflow/system': patch
----
-
-add nodeClickDistance
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index a53db91b5..c93575baa 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,18 @@
 # @xyflow/react
 
+## 12.0.2
+
+### Patch Changes
+
+- [#4446](https://github.com/xyflow/xyflow/pull/4446) [`80baf53b`](https://github.com/xyflow/xyflow/commit/80baf53bdc7d4fb0715e5eed85efdea77191935a) Thanks [@moklick](https://github.com/moklick)! - fix(resizer): export types
+
+- [#4450](https://github.com/xyflow/xyflow/pull/4450) [`18a12661`](https://github.com/xyflow/xyflow/commit/18a1266131e7c2bdd9a15268dbf871cdf17cad9a) Thanks [@moklick](https://github.com/moklick)! - fix(selection): dont trigger onSelectionEnd on click
+
+- [#4451](https://github.com/xyflow/xyflow/pull/4451) [`4cccd06a`](https://github.com/xyflow/xyflow/commit/4cccd06a671e9ef1c6f16ab0d788081f8d894d0e) Thanks [@moklick](https://github.com/moklick)! - add nodeClickDistance
+
+- Updated dependencies [[`80baf53b`](https://github.com/xyflow/xyflow/commit/80baf53bdc7d4fb0715e5eed85efdea77191935a), [`4cccd06a`](https://github.com/xyflow/xyflow/commit/4cccd06a671e9ef1c6f16ab0d788081f8d894d0e)]:
+  - @xyflow/system@0.0.36
+
 ## 12.0.1
 
 ### Patch Changes
diff --git a/packages/react/package.json b/packages/react/package.json
index faa03de1a..fd33dfad2 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.1",
+  "version": "12.0.2",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index a6c384379..28daab684 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,16 @@
 # @xyflow/svelte
 
+## 0.1.12
+
+### Patch Changes
+
+- [#4446](https://github.com/xyflow/xyflow/pull/4446) [`80baf53b`](https://github.com/xyflow/xyflow/commit/80baf53bdc7d4fb0715e5eed85efdea77191935a) Thanks [@moklick](https://github.com/moklick)! - fix(resizer): export types
+
+- [#4451](https://github.com/xyflow/xyflow/pull/4451) [`4cccd06a`](https://github.com/xyflow/xyflow/commit/4cccd06a671e9ef1c6f16ab0d788081f8d894d0e) Thanks [@moklick](https://github.com/moklick)! - add nodeClickDistance
+
+- Updated dependencies [[`80baf53b`](https://github.com/xyflow/xyflow/commit/80baf53bdc7d4fb0715e5eed85efdea77191935a), [`4cccd06a`](https://github.com/xyflow/xyflow/commit/4cccd06a671e9ef1c6f16ab0d788081f8d894d0e)]:
+  - @xyflow/system@0.0.36
+
 ## 0.1.11
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index d02732a62..02d05e5a8 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/CHANGELOG.md b/packages/system/CHANGELOG.md
index 2d2adc539..5c9ee339f 100644
--- a/packages/system/CHANGELOG.md
+++ b/packages/system/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @xyflow/system
 
+## 0.0.36
+
+### Patch Changes
+
+- [#4446](https://github.com/xyflow/xyflow/pull/4446) [`80baf53b`](https://github.com/xyflow/xyflow/commit/80baf53bdc7d4fb0715e5eed85efdea77191935a) Thanks [@moklick](https://github.com/moklick)! - fix(resizer): export types
+
+- [#4451](https://github.com/xyflow/xyflow/pull/4451) [`4cccd06a`](https://github.com/xyflow/xyflow/commit/4cccd06a671e9ef1c6f16ab0d788081f8d894d0e) Thanks [@moklick](https://github.com/moklick)! - add nodeClickDistance
+
 ## 0.0.35
 
 ### Patch Changes
diff --git a/packages/system/package.json b/packages/system/package.json
index 937349850..6b8cba4e9 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.35",
+  "version": "0.0.36",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 496d28bda4cdca3bcb65d5b22af309a0c60e8876 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 18 Jul 2024 10:57:24 +0200
Subject: [PATCH 0935/1093] fix(nodes): re-init if node has no measured attr
 #4437

---
 packages/system/src/utils/store.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 5a977cc0f..c800c90ba 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -80,7 +80,8 @@ export function adoptUserNodes<NodeType extends NodeBase>(
         },
         internals: {
           positionAbsolute: getNodePositionWithOrigin(userNode, _options.nodeOrigin),
-          handleBounds: internalNode?.internals.handleBounds,
+          // if user re-initializes the node or removes `measured` for whatever reason, we reset the handleBounds so that the node gets re-measured
+          handleBounds: !userNode.measured ? undefined : internalNode?.internals.handleBounds,
           z: calculateZ(userNode, selectedNodeZ),
           userNode,
         },

From 543c09392d53fdd56a8876e65f4ce2d8ab250098 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 18 Jul 2024 12:07:06 +0200
Subject: [PATCH 0936/1093] chore(changeset): add

---
 .changeset/early-comics-knock.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/early-comics-knock.md

diff --git a/.changeset/early-comics-knock.md b/.changeset/early-comics-knock.md
new file mode 100644
index 000000000..d154211b7
--- /dev/null
+++ b/.changeset/early-comics-knock.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/system': patch
+---
+
+fix(nodes): re-measure when measured is not set

From 2693a735f0cf82ef7c17e1c74b7be048b27df185 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 18 Jul 2024 13:08:41 +0200
Subject: [PATCH 0937/1093] fix(handles): reconnect for connectionMode=loose
 #4459

---
 packages/system/src/xyhandle/XYHandle.ts | 16 ++++------
 packages/system/src/xyhandle/types.ts    |  2 +-
 packages/system/src/xyhandle/utils.ts    | 37 +++++++++++++++++++-----
 3 files changed, 36 insertions(+), 19 deletions(-)

diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 77b6da50e..e971a22b5 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -282,16 +282,12 @@ function isValidHandle(
 
     result.isValid = isValid && isValidConnection(connection);
 
-    if (handleLookup) {
-      const toHandle = handleLookup.find(
-        (h) => h.id === handleId && h.nodeId === handleNodeId && h.type === handleType
-      );
-
-      if (toHandle) {
-        result.toHandle = {
-          ...toHandle,
-        };
-      }
+    const toHandle = handleLookup?.get(`${handleNodeId}-${handleType}-${handleId}`);
+
+    if (toHandle) {
+      result.toHandle = {
+        ...toHandle,
+      };
     }
   }
 
diff --git a/packages/system/src/xyhandle/types.ts b/packages/system/src/xyhandle/types.ts
index 299fbc8f6..ac1b6e237 100644
--- a/packages/system/src/xyhandle/types.ts
+++ b/packages/system/src/xyhandle/types.ts
@@ -48,7 +48,7 @@ export type IsValidParams = {
   doc: Document | ShadowRoot;
   lib: string;
   flowId: string | null;
-  handleLookup?: Handle[];
+  handleLookup?: Map<string, Handle>;
 };
 
 export type XYHandleInstance = {
diff --git a/packages/system/src/xyhandle/utils.ts b/packages/system/src/xyhandle/utils.ts
index 409d148ca..04099bcff 100644
--- a/packages/system/src/xyhandle/utils.ts
+++ b/packages/system/src/xyhandle/utils.ts
@@ -29,11 +29,15 @@ function getHandles(
   return [handles, excludedHandle];
 }
 
-export function getClosestHandle(pos: XYPosition, connectionRadius: number, handles: Handle[]): Handle | null {
+export function getClosestHandle(
+  pos: XYPosition,
+  connectionRadius: number,
+  handleLookup: Map<string, Handle>
+): Handle | null {
   let closestHandles: Handle[] = [];
   let minDistance = Infinity;
 
-  for (const handle of handles) {
+  for (const handle of handleLookup.values()) {
     const distance = Math.sqrt(Math.pow(handle.x - pos.x, 2) + Math.pow(handle.y - pos.y, 2));
     if (distance <= connectionRadius) {
       if (distance < minDistance) {
@@ -68,21 +72,38 @@ export function getHandleLookup({
   nodeId,
   handleId,
   handleType,
-}: GetHandleLookupParams): [Handle[], Handle] {
-  const connectionHandles: Handle[] = [];
+}: GetHandleLookupParams): [Map<string, Handle>, Handle] {
+  const connectionHandles: Map<string, Handle> = new Map();
   const currentHandle = { nodeId, handleId, handleType };
-  let excludedHandle: Handle | null = null;
+  let matchingHandle: Handle | null = null;
 
   for (const node of nodeLookup.values()) {
     if (node.internals.handleBounds) {
       const [sourceHandles, excludedSource] = getHandles(node, node.internals.handleBounds, 'source', currentHandle);
       const [targetHandles, excludedTarget] = getHandles(node, node.internals.handleBounds, 'target', currentHandle);
-      excludedHandle = excludedHandle ? excludedHandle : excludedSource ?? excludedTarget;
-      connectionHandles.push(...sourceHandles, ...targetHandles);
+
+      matchingHandle = matchingHandle ? matchingHandle : excludedSource ?? excludedTarget;
+
+      [...sourceHandles, ...targetHandles].forEach((handle) =>
+        connectionHandles.set(`${handle.nodeId}-${handle.type}-${handle.id}`, handle)
+      );
+    }
+  }
+
+  // if the user only works with handles that are type="source" + connectionMode="loose"
+  // it happens that we can't find a matching handle. The reason for this is, that the
+  // edge don't know about the handles and always assumes that there is source and a target.
+  // In this case we need to find the matching handle by switching the handleType
+  if (!matchingHandle) {
+    const node = nodeLookup.get(nodeId);
+    if (node?.internals.handleBounds) {
+      currentHandle.handleType = handleType === 'source' ? 'target' : 'source';
+      const [, excluded] = getHandles(node, node.internals.handleBounds, currentHandle.handleType, currentHandle);
+      matchingHandle = excluded;
     }
   }
 
-  return [connectionHandles, excludedHandle!];
+  return [connectionHandles, matchingHandle!];
 }
 
 export function getHandleType(

From 89cd677b5668b78434e02e7b025c6ac58db91e58 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 18 Jul 2024 13:09:09 +0200
Subject: [PATCH 0938/1093] chore(changeset): add

---
 .changeset/shy-singers-smile.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/shy-singers-smile.md

diff --git a/.changeset/shy-singers-smile.md b/.changeset/shy-singers-smile.md
new file mode 100644
index 000000000..3df842d50
--- /dev/null
+++ b/.changeset/shy-singers-smile.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/system': patch
+---
+
+fix(handles): reconnect for connectionMode=loose

From 02e55153e406b6a61904af6bff27dbae6151c3a2 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 18 Jul 2024 13:35:45 +0200
Subject: [PATCH 0939/1093] chore(subflows): log warning instead of throwing an
 error #4455

---
 packages/system/src/utils/store.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 5a977cc0f..3f08b0f7d 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -104,8 +104,12 @@ function updateChildPosition<NodeType extends NodeBase>(
 
   const parentId = node.parentId!;
   const parentNode = nodeLookup.get(parentId);
+
   if (!parentNode) {
-    throw new Error(`Parent node ${parentId} not found`);
+    console.warn(
+      `[React Flow]: Parent node ${parentId} not found. Please make sure that parent nodes are in front of their child nodes in the nodes array.`
+    );
+    return;
   }
 
   // update the parentLookup

From 423976b3c3d4433f73e181b7a9a6a063d4760750 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 18 Jul 2024 13:37:40 +0200
Subject: [PATCH 0940/1093] chore(subflow): adjust warning

---
 packages/system/src/utils/store.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 3f08b0f7d..da7dbc063 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -107,7 +107,7 @@ function updateChildPosition<NodeType extends NodeBase>(
 
   if (!parentNode) {
     console.warn(
-      `[React Flow]: Parent node ${parentId} not found. Please make sure that parent nodes are in front of their child nodes in the nodes array.`
+      `Parent node ${parentId} not found. Please make sure that parent nodes are in front of their child nodes in the nodes array.`
     );
     return;
   }

From c253c7c59a2ccd2cb91ad44ce4acbe481d9d7fe1 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 18 Jul 2024 13:38:28 +0200
Subject: [PATCH 0941/1093] chore(changeset): add

---
 .changeset/tall-onions-guess.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/tall-onions-guess.md

diff --git a/.changeset/tall-onions-guess.md b/.changeset/tall-onions-guess.md
new file mode 100644
index 000000000..451a5a6c5
--- /dev/null
+++ b/.changeset/tall-onions-guess.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/system': patch
+---
+
+chore(subflows): log warning instead of throwing an error when parent node cant be found

From a99ded41ed7aca3a3535a0dafe2101d363ecec75 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Thu, 18 Jul 2024 11:40:22 +0000
Subject: [PATCH 0942/1093] chore(packages): bump

---
 .changeset/early-comics-knock.md |  5 -----
 .changeset/shy-singers-smile.md  |  5 -----
 .changeset/tall-onions-guess.md  |  5 -----
 packages/react/CHANGELOG.md      |  7 +++++++
 packages/react/package.json      |  2 +-
 packages/svelte/CHANGELOG.md     |  7 +++++++
 packages/svelte/package.json     |  2 +-
 packages/system/CHANGELOG.md     | 10 ++++++++++
 packages/system/package.json     |  2 +-
 9 files changed, 27 insertions(+), 18 deletions(-)
 delete mode 100644 .changeset/early-comics-knock.md
 delete mode 100644 .changeset/shy-singers-smile.md
 delete mode 100644 .changeset/tall-onions-guess.md

diff --git a/.changeset/early-comics-knock.md b/.changeset/early-comics-knock.md
deleted file mode 100644
index d154211b7..000000000
--- a/.changeset/early-comics-knock.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/system': patch
----
-
-fix(nodes): re-measure when measured is not set
diff --git a/.changeset/shy-singers-smile.md b/.changeset/shy-singers-smile.md
deleted file mode 100644
index 3df842d50..000000000
--- a/.changeset/shy-singers-smile.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/system': patch
----
-
-fix(handles): reconnect for connectionMode=loose
diff --git a/.changeset/tall-onions-guess.md b/.changeset/tall-onions-guess.md
deleted file mode 100644
index 451a5a6c5..000000000
--- a/.changeset/tall-onions-guess.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/system': patch
----
-
-chore(subflows): log warning instead of throwing an error when parent node cant be found
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index c93575baa..ee170b207 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @xyflow/react
 
+## 12.0.3
+
+### Patch Changes
+
+- Updated dependencies [[`543c0939`](https://github.com/xyflow/xyflow/commit/543c09392d53fdd56a8876e65f4ce2d8ab250098), [`89cd677b`](https://github.com/xyflow/xyflow/commit/89cd677b5668b78434e02e7b025c6ac58db91e58), [`c253c7c5`](https://github.com/xyflow/xyflow/commit/c253c7c59a2ccd2cb91ad44ce4acbe481d9d7fe1)]:
+  - @xyflow/system@0.0.37
+
 ## 12.0.2
 
 ### Patch Changes
diff --git a/packages/react/package.json b/packages/react/package.json
index fd33dfad2..5ec851d7c 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.2",
+  "version": "12.0.3",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 28daab684..9bb929c16 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @xyflow/svelte
 
+## 0.1.13
+
+### Patch Changes
+
+- Updated dependencies [[`543c0939`](https://github.com/xyflow/xyflow/commit/543c09392d53fdd56a8876e65f4ce2d8ab250098), [`89cd677b`](https://github.com/xyflow/xyflow/commit/89cd677b5668b78434e02e7b025c6ac58db91e58), [`c253c7c5`](https://github.com/xyflow/xyflow/commit/c253c7c59a2ccd2cb91ad44ce4acbe481d9d7fe1)]:
+  - @xyflow/system@0.0.37
+
 ## 0.1.12
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 02d05e5a8..37edd1535 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/CHANGELOG.md b/packages/system/CHANGELOG.md
index 5c9ee339f..26def37c3 100644
--- a/packages/system/CHANGELOG.md
+++ b/packages/system/CHANGELOG.md
@@ -1,5 +1,15 @@
 # @xyflow/system
 
+## 0.0.37
+
+### Patch Changes
+
+- [#4465](https://github.com/xyflow/xyflow/pull/4465) [`543c0939`](https://github.com/xyflow/xyflow/commit/543c09392d53fdd56a8876e65f4ce2d8ab250098) Thanks [@moklick](https://github.com/moklick)! - fix(nodes): re-measure when measured is not set
+
+- [#4464](https://github.com/xyflow/xyflow/pull/4464) [`89cd677b`](https://github.com/xyflow/xyflow/commit/89cd677b5668b78434e02e7b025c6ac58db91e58) Thanks [@moklick](https://github.com/moklick)! - fix(handles): reconnect for connectionMode=loose
+
+- [#4467](https://github.com/xyflow/xyflow/pull/4467) [`c253c7c5`](https://github.com/xyflow/xyflow/commit/c253c7c59a2ccd2cb91ad44ce4acbe481d9d7fe1) Thanks [@moklick](https://github.com/moklick)! - chore(subflows): log warning instead of throwing an error when parent node cant be found
+
 ## 0.0.36
 
 ### Patch Changes
diff --git a/packages/system/package.json b/packages/system/package.json
index 6b8cba4e9..5800478e0 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.36",
+  "version": "0.0.37",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 7f4d56b394aad24e419b211e01da03257fd09f9b Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 22 Jul 2024 17:43:32 +0200
Subject: [PATCH 0943/1093] added getNodesBounds inside main hook

---
 packages/react/src/hooks/useReactFlow.ts      | 23 ++++++++++
 packages/react/src/types/instance.ts          |  8 ++++
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 43 ++++++++++++++++++-
 3 files changed, 72 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index faf9d31f0..b793bfe07 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -1,11 +1,14 @@
 import { useMemo } from 'react';
 import {
+  boxToRect,
   EdgeRemoveChange,
   evaluateAbsolutePosition,
+  getBoundsOfBoxes,
   getElementsToRemove,
   getOverlappingArea,
   isRectObject,
   NodeRemoveChange,
+  nodeToBox,
   nodeToRect,
   type Rect,
 } from '@xyflow/system';
@@ -230,6 +233,26 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
           options
         );
       },
+      getNodesBounds: (nodes: (NodeType | string)[]): Rect => {
+        if (nodes.length === 0) {
+          return { x: 0, y: 0, width: 0, height: 0 };
+        }
+
+        const { nodeLookup, nodeOrigin } = store.getState();
+
+        const box = nodes.reduce(
+          (currBox, node) => {
+            const internalNode =
+              typeof node === 'string' ? nodeLookup.get(node) : node.parentId ? nodeLookup.get(node.id) : node;
+
+            const nodeBox = internalNode ? nodeToBox(internalNode, nodeOrigin) : { x: 0, y: 0, x2: 0, y2: 0 };
+            return getBoundsOfBoxes(currBox, nodeBox);
+          },
+          { x: Infinity, y: Infinity, x2: -Infinity, y2: -Infinity }
+        );
+
+        return boxToRect(box);
+      },
     };
   }, []);
 
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 5f4aa3b30..d545771eb 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -173,6 +173,14 @@ export type GeneralHelpers<NodeType extends Node = Node, EdgeType extends Edge =
     dataUpdate: Partial<EdgeType['data']> | ((edge: EdgeType) => Partial<EdgeType['data']>),
     options?: { replace: boolean }
   ) => void;
+  /**
+   * Returns the bounds of the given nodes or node ids.
+   *
+   * @param nodes - the nodes or node ids to calculate the bounds for
+   *
+   * @returns the bounds of the given nodes
+   */
+  getNodesBounds: (nodes: (NodeType | string)[]) => Rect;
 };
 
 export type ReactFlowInstance<NodeType extends Node = Node, EdgeType extends Edge = Edge> = GeneralHelpers<
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index f46c17579..2de1e3930 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -14,7 +14,10 @@ import {
   getViewportForBounds,
   getElementsToRemove,
   rendererPointToPoint,
-  nodeHasDimensions
+  nodeHasDimensions,
+  nodeToBox,
+  getBoundsOfBoxes,
+  boxToRect
 } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
@@ -230,6 +233,14 @@ export function useSvelteFlow(): {
    * @returns the nodes, edges and the viewport as a JSON object
    */
   toObject: () => { nodes: Node[]; edges: Edge[]; viewport: Viewport };
+  /**
+   * Returns the bounds of the given nodes or node ids.
+   *
+   * @param nodes - the nodes or node ids to calculate the bounds for
+   *
+   * @returns the bounds of the given nodes
+   */
+  getNodesBounds: (nodes: (Node | string)[]) => Rect;
 } {
   const {
     zoomIn,
@@ -247,6 +258,7 @@ export function useSvelteFlow(): {
     edges,
     domNode,
     nodeLookup,
+    nodeOrigin,
     edgeLookup
   } = useStore();
 
@@ -506,7 +518,34 @@ export function useSvelteFlow(): {
 
       nodes.update((nds) => nds);
     },
-    viewport
+    viewport,
+    getNodesBounds: (nodes) => {
+      if (nodes.length === 0) {
+        return { x: 0, y: 0, width: 0, height: 0 };
+      }
+
+      const _nodeLookup = get(nodeLookup);
+      const _nodeOrigin = get(nodeOrigin);
+
+      const box = nodes.reduce(
+        (currBox, node) => {
+          const internalNode =
+            typeof node === 'string'
+              ? _nodeLookup.get(node)
+              : node.parentId
+                ? _nodeLookup.get(node.id)
+                : node;
+
+          const nodeBox = internalNode
+            ? nodeToBox(internalNode, _nodeOrigin)
+            : { x: 0, y: 0, x2: 0, y2: 0 };
+          return getBoundsOfBoxes(currBox, nodeBox);
+        },
+        { x: Infinity, y: Infinity, x2: -Infinity, y2: -Infinity }
+      );
+
+      return boxToRect(box);
+    }
   };
 }
 function getElements(lookup: Map<string, InternalNode>, ids: string[]): Node[];

From ad8aa1355613ecbdbc94ecca9a06b9c9fae40999 Mon Sep 17 00:00:00 2001
From: Jeffrey Gordon <jbgordon00@gmail.com>
Date: Mon, 22 Jul 2024 22:49:09 -0400
Subject: [PATCH 0944/1093] Control background pattern translation with offset

---
 .../additional-components/Background/Background.tsx  | 12 +++++-------
 .../src/additional-components/Background/types.ts    |  2 +-
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/packages/react/src/additional-components/Background/Background.tsx b/packages/react/src/additional-components/Background/Background.tsx
index 738ed699c..5a9210779 100644
--- a/packages/react/src/additional-components/Background/Background.tsx
+++ b/packages/react/src/additional-components/Background/Background.tsx
@@ -24,7 +24,7 @@ function BackgroundComponent({
   // only used for lines and cross
   size,
   lineWidth = 1,
-  offset = 2,
+  offset = 0,
   color,
   bgColor,
   style,
@@ -39,13 +39,11 @@ function BackgroundComponent({
   const gapXY: [number, number] = Array.isArray(gap) ? gap : [gap, gap];
   const scaledGap: [number, number] = [gapXY[0] * transform[2] || 1, gapXY[1] * transform[2] || 1];
   const scaledSize = patternSize * transform[2];
+  const offsetXY: [number, number] = Array.isArray(offset) ? offset : [offset, offset];
+  const scaledOffset: [number, number] = [offsetXY[0] * transform[2] || 1, offsetXY[1] * transform[2] || 1]
 
   const patternDimensions: [number, number] = isCross ? [scaledSize, scaledSize] : scaledGap;
 
-  const patternOffset = isDots
-    ? [scaledSize / offset, scaledSize / offset]
-    : [patternDimensions[0] / offset, patternDimensions[1] / offset];
-
   const _patternId = `${patternId}${id ? id : ''}`;
 
   return (
@@ -69,10 +67,10 @@ function BackgroundComponent({
         width={scaledGap[0]}
         height={scaledGap[1]}
         patternUnits="userSpaceOnUse"
-        patternTransform={`translate(-${patternOffset[0]},-${patternOffset[1]})`}
+        patternTransform={`translate(-${scaledOffset[0]},-${scaledOffset[1]})`}
       >
         {isDots ? (
-          <DotPattern radius={scaledSize / offset} className={patternClassName} />
+          <DotPattern radius={scaledSize} className={patternClassName} />
         ) : (
           <LinePattern
             dimensions={patternDimensions}
diff --git a/packages/react/src/additional-components/Background/types.ts b/packages/react/src/additional-components/Background/types.ts
index 409bbe312..0a035aae9 100644
--- a/packages/react/src/additional-components/Background/types.ts
+++ b/packages/react/src/additional-components/Background/types.ts
@@ -21,7 +21,7 @@ export type BackgroundProps = {
   /** Size of a single pattern element */
   size?: number;
   /** Offset of the pattern */
-  offset?: number;
+  offset?: number | [number, number];
   /** Line width of the Line pattern */
   lineWidth?: number;
   /** Variant of the pattern

From 3f795f9ed8116d888cbd33ac3cfae5cbe30c063d Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 23 Jul 2024 08:52:49 +0200
Subject: [PATCH 0945/1093] fix nodeExtent causing jumping when dragging

---
 packages/react/src/store/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 9d1011910..016041430 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -276,7 +276,7 @@ const createStore = ({
         const { nodeLookup } = get();
 
         for (const [, node] of nodeLookup) {
-          const positionAbsolute = clampPosition(node.position, nodeExtent);
+          const positionAbsolute = clampPosition(node.internals.positionAbsolute, nodeExtent);
 
           nodeLookup.set(node.id, {
             ...node,

From aae526f4ce0818e8ab5ee9f44dd7ce4b70eb4cf9 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 23 Jul 2024 08:59:07 +0200
Subject: [PATCH 0946/1093] added changeset

---
 .changeset/blue-beers-report.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/blue-beers-report.md

diff --git a/.changeset/blue-beers-report.md b/.changeset/blue-beers-report.md
new file mode 100644
index 000000000..829edcb74
--- /dev/null
+++ b/.changeset/blue-beers-report.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/react': minor
+---
+
+fix(dragging) nodeExtent breaks dragging nodes in subflows

From 33dbb57aacf2c643a9751f4ca333cc04ff49ae6c Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 23 Jul 2024 16:01:54 +0200
Subject: [PATCH 0947/1093] fixed node bounds calculations if it is an internal
 node

---
 packages/react/src/hooks/useReactFlow.ts                 | 9 +++++++--
 packages/svelte/src/lib/hooks/useSvelteFlow.ts           | 7 ++++---
 .../src/lib/plugins/NodeToolbar/NodeToolbar.svelte       | 8 +++++---
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index b793bfe07..6149084cf 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -6,6 +6,7 @@ import {
   getBoundsOfBoxes,
   getElementsToRemove,
   getOverlappingArea,
+  isInternalNodeBase,
   isRectObject,
   NodeRemoveChange,
   nodeToBox,
@@ -233,7 +234,7 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
           options
         );
       },
-      getNodesBounds: (nodes: (NodeType | string)[]): Rect => {
+      getNodesBounds: (nodes: (NodeType | InternalNode | string)[]): Rect => {
         if (nodes.length === 0) {
           return { x: 0, y: 0, width: 0, height: 0 };
         }
@@ -243,7 +244,11 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
         const box = nodes.reduce(
           (currBox, node) => {
             const internalNode =
-              typeof node === 'string' ? nodeLookup.get(node) : node.parentId ? nodeLookup.get(node.id) : node;
+              typeof node === 'string'
+                ? nodeLookup.get(node)
+                : !isInternalNodeBase(node)
+                ? nodeLookup.get(node.id)
+                : node;
 
             const nodeBox = internalNode ? nodeToBox(internalNode, nodeOrigin) : { x: 0, y: 0, x2: 0, y2: 0 };
             return getBoundsOfBoxes(currBox, nodeBox);
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 2de1e3930..936945f30 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -17,7 +17,8 @@ import {
   nodeHasDimensions,
   nodeToBox,
   getBoundsOfBoxes,
-  boxToRect
+  boxToRect,
+  isInternalNodeBase
 } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
@@ -240,7 +241,7 @@ export function useSvelteFlow(): {
    *
    * @returns the bounds of the given nodes
    */
-  getNodesBounds: (nodes: (Node | string)[]) => Rect;
+  getNodesBounds: (nodes: (Node | InternalNode | string)[]) => Rect;
 } {
   const {
     zoomIn,
@@ -532,7 +533,7 @@ export function useSvelteFlow(): {
           const internalNode =
             typeof node === 'string'
               ? _nodeLookup.get(node)
-              : node.parentId
+              : !isInternalNodeBase(node)
                 ? _nodeLookup.get(node.id)
                 : node;
 
diff --git a/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte b/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
index 1de880b38..58d73db56 100644
--- a/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
+++ b/packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
   import { getContext } from 'svelte';
-  import { getNodesBounds, Position, getNodeToolbarTransform } from '@xyflow/system';
+  import { Position, getNodeToolbarTransform } from '@xyflow/system';
   import portal from '$lib/actions/portal';
   import type { InternalNode } from '$lib/types';
   import { useStore } from '$lib/store';
 
   import type { NodeToolbarProps } from './types';
+  import { useSvelteFlow } from '$lib/hooks/useSvelteFlow';
 
   type $$Props = NodeToolbarProps;
 
@@ -15,7 +16,8 @@
   export let offset: $$Props['offset'] = undefined;
   export let isVisible: $$Props['isVisible'] = undefined;
 
-  const { domNode, viewport, nodeLookup, nodes, nodeOrigin } = useStore();
+  const { domNode, viewport, nodeLookup, nodes } = useStore();
+  const { getNodesBounds } = useSvelteFlow();
   const contextNodeId = getContext<string>('svelteflow__node_id');
 
   let transform: string;
@@ -42,7 +44,7 @@
   }
 
   $: {
-    const nodeRect = getNodesBounds(toolbarNodes, { nodeOrigin: $nodeOrigin });
+    const nodeRect = getNodesBounds(toolbarNodes);
 
     if (nodeRect) {
       transform = getNodeToolbarTransform(nodeRect, $viewport, _position, _offset, _align);

From c58aad935bb2ffc3077e6117eecb8220ce72ad0d Mon Sep 17 00:00:00 2001
From: "dongqiang.02" <dongqiang.02@bytedance.com>
Date: Tue, 23 Jul 2024 16:29:37 +0800
Subject: [PATCH 0948/1093] chore: fix typo

---
 packages/react/src/components/BatchProvider/useQueue.ts | 2 +-
 packages/react/src/components/StoreUpdater/index.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/components/BatchProvider/useQueue.ts b/packages/react/src/components/BatchProvider/useQueue.ts
index 06d9e235c..4170fa7bd 100644
--- a/packages/react/src/components/BatchProvider/useQueue.ts
+++ b/packages/react/src/components/BatchProvider/useQueue.ts
@@ -43,7 +43,7 @@ export function useQueue<T>(runQueue: (items: QueueItem<T>[]) => void) {
       queue.reset();
     }
 
-    // Beacuse we're using reactive state to trigger this effect, we need to flip
+    // Because we're using reactive state to trigger this effect, we need to flip
     // it back to false.
     setShouldFlush(false);
   }, [shouldFlush]);
diff --git a/packages/react/src/components/StoreUpdater/index.tsx b/packages/react/src/components/StoreUpdater/index.tsx
index 120db6243..cac8df0e8 100644
--- a/packages/react/src/components/StoreUpdater/index.tsx
+++ b/packages/react/src/components/StoreUpdater/index.tsx
@@ -1,5 +1,5 @@
 /*
- * This component helps us to update the store with the vlues coming from the user.
+ * This component helps us to update the store with the values coming from the user.
  * We distinguish between values we can update directly with `useDirectStoreUpdater` (like `snapGrid`)
  * and values that have a dedicated setter function in the store (like `setNodes`).
  */

From 0b6b77bd9040b84dc87c534a97df01b7b38640f6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sat, 27 Jul 2024 09:13:48 +0200
Subject: [PATCH 0949/1093] chore(changeset): change version

---
 .changeset/blue-beers-report.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/blue-beers-report.md b/.changeset/blue-beers-report.md
index 829edcb74..f6d41182c 100644
--- a/.changeset/blue-beers-report.md
+++ b/.changeset/blue-beers-report.md
@@ -1,5 +1,5 @@
 ---
-'@xyflow/react': minor
+'@xyflow/react': patch
 ---
 
 fix(dragging) nodeExtent breaks dragging nodes in subflows

From 6174b23cd93877c975a456f2a590d1d8f1e78c3c Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 30 Jul 2024 12:40:35 +0200
Subject: [PATCH 0950/1093] deprecated getNodesBounds from system

---
 packages/system/src/utils/graph.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 62c3d9da0..b0a827550 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -124,6 +124,7 @@ export type GetNodesBoundsParams = {
 
 /**
  * Determines a bounding box that contains all given nodes in an array
+ * @deprecated This function yields erronous results for subflows. Use getNodesBounds from useReactFlow/useSvelteFlow hook instead.
  * @public
  * @remarks Useful when combined with {@link getViewportForBounds} to calculate the correct transform to fit the given nodes in a viewport.
  * @param nodes - Nodes to calculate the bounds for
@@ -131,6 +132,10 @@ export type GetNodesBoundsParams = {
  * @returns Bounding box enclosing all nodes
  */
 export const getNodesBounds = (nodes: NodeBase[], params: GetNodesBoundsParams = { nodeOrigin: [0, 0] }): Rect => {
+  console.warn(
+    'This function yields erronous results for subflows. Use getNodesBounds from useReactFlow/useSvelteFlow hook instead.'
+  );
+
   if (nodes.length === 0) {
     return { x: 0, y: 0, width: 0, height: 0 };
   }

From d5592e7508bc32d5ffc953844b1d42b9ec59b25b Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 30 Jul 2024 12:46:03 +0200
Subject: [PATCH 0951/1093] added changeset

---
 .changeset/dull-bags-know.md | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 .changeset/dull-bags-know.md

diff --git a/.changeset/dull-bags-know.md b/.changeset/dull-bags-know.md
new file mode 100644
index 000000000..fd85ee684
--- /dev/null
+++ b/.changeset/dull-bags-know.md
@@ -0,0 +1,7 @@
+---
+'@xyflow/react': minor
+'@xyflow/svelte': minor
+'@xyflow/system': minor
+---
+
+Deprecate util function getNodesBounds and add alternative to useReactFlow/useSvelteFlow hook

From 96b2795f48953fea22076b0ccffd3ebc2e15bf2d Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 30 Jul 2024 13:42:49 +0200
Subject: [PATCH 0952/1093] only capture pointer for when selection is starting

---
 packages/react/src/container/Pane/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index 3fd1d0791..9e35829c0 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -120,7 +120,6 @@ export function Pane({
   const onPointerDown = (event: ReactPointerEvent): void => {
     const { resetSelectedElements, domNode, edgeLookup } = store.getState();
     containerBounds.current = domNode?.getBoundingClientRect();
-    (event.target as Element)?.setPointerCapture?.(event.pointerId);
 
     if (
       !elementsSelectable ||
@@ -132,6 +131,8 @@ export function Pane({
       return;
     }
 
+    (event.target as Element)?.setPointerCapture?.(event.pointerId);
+
     selectionStarted.current = true;
     selectionInProgress.current = false;
     edgeIdLookup.current = new Map();

From c457890a1fc38b58ba262dd850c0d0692246f191 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 30 Jul 2024 13:56:27 +0200
Subject: [PATCH 0953/1093] fixed pointer capture for svelte as well

---
 packages/svelte/src/lib/container/Pane/Pane.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 0856381ad..8b4133897 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -92,7 +92,6 @@
 
   function onPointerDown(event: PointerEvent) {
     containerBounds = container.getBoundingClientRect();
-    (event.target as Element)?.setPointerCapture?.(event.pointerId);
 
     if (
       !elementsSelectable ||
@@ -104,6 +103,8 @@
       return;
     }
 
+    (event.target as Element)?.setPointerCapture?.(event.pointerId);
+
     const { x, y } = getEventPosition(event, containerBounds);
 
     unselectNodesAndEdges();

From 7a6e9e3091c8ee0aedbf8ae6e5c4ee08485417ab Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 30 Jul 2024 13:58:57 +0200
Subject: [PATCH 0954/1093] added changeset

---
 .changeset/perfect-spiders-bathe.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 .changeset/perfect-spiders-bathe.md

diff --git a/.changeset/perfect-spiders-bathe.md b/.changeset/perfect-spiders-bathe.md
new file mode 100644
index 000000000..79db30b87
--- /dev/null
+++ b/.changeset/perfect-spiders-bathe.md
@@ -0,0 +1,6 @@
+---
+'@xyflow/react': patch
+'@xyflow/svelte': patch
+---
+
+fix(pane) only capture pointer after a valid selection has started, fixes #4492

From d79a726cec22fc074d7407afb257e066ec78bf2e Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Tue, 30 Jul 2024 12:25:26 +0000
Subject: [PATCH 0955/1093] chore(packages): bump

---
 .changeset/blue-beers-report.md     | 5 -----
 .changeset/perfect-spiders-bathe.md | 6 ------
 packages/react/CHANGELOG.md         | 8 ++++++++
 packages/react/package.json         | 2 +-
 packages/svelte/CHANGELOG.md        | 6 ++++++
 packages/svelte/package.json        | 2 +-
 6 files changed, 16 insertions(+), 13 deletions(-)
 delete mode 100644 .changeset/blue-beers-report.md
 delete mode 100644 .changeset/perfect-spiders-bathe.md

diff --git a/.changeset/blue-beers-report.md b/.changeset/blue-beers-report.md
deleted file mode 100644
index f6d41182c..000000000
--- a/.changeset/blue-beers-report.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/react': patch
----
-
-fix(dragging) nodeExtent breaks dragging nodes in subflows
diff --git a/.changeset/perfect-spiders-bathe.md b/.changeset/perfect-spiders-bathe.md
deleted file mode 100644
index 79db30b87..000000000
--- a/.changeset/perfect-spiders-bathe.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@xyflow/react': patch
-'@xyflow/svelte': patch
----
-
-fix(pane) only capture pointer after a valid selection has started, fixes #4492
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index ee170b207..14426f973 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @xyflow/react
 
+## 12.0.4
+
+### Patch Changes
+
+- [#4480](https://github.com/xyflow/xyflow/pull/4480) [`aae526f4`](https://github.com/xyflow/xyflow/commit/aae526f4ce0818e8ab5ee9f44dd7ce4b70eb4cf9) Thanks [@peterkogo](https://github.com/peterkogo)! - fix(dragging) nodeExtent breaks dragging nodes in subflows
+
+- [#4498](https://github.com/xyflow/xyflow/pull/4498) [`7a6e9e30`](https://github.com/xyflow/xyflow/commit/7a6e9e3091c8ee0aedbf8ae6e5c4ee08485417ab) Thanks [@peterkogo](https://github.com/peterkogo)! - fix(pane) only capture pointer after a valid selection has started, fixes #4492
+
 ## 12.0.3
 
 ### Patch Changes
diff --git a/packages/react/package.json b/packages/react/package.json
index 5ec851d7c..856549f59 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.3",
+  "version": "12.0.4",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 9bb929c16..3f372ea2d 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/svelte
 
+## 0.1.14
+
+### Patch Changes
+
+- [#4498](https://github.com/xyflow/xyflow/pull/4498) [`7a6e9e30`](https://github.com/xyflow/xyflow/commit/7a6e9e3091c8ee0aedbf8ae6e5c4ee08485417ab) Thanks [@peterkogo](https://github.com/peterkogo)! - fix(pane) only capture pointer after a valid selection has started, fixes #4492
+
 ## 0.1.13
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 37edd1535..9242a8472 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",

From 78739a0674bb5b6f83944e4d51d847b944efc2e3 Mon Sep 17 00:00:00 2001
From: Jeffrey Gordon <51277885+jeffgord@users.noreply.github.com>
Date: Tue, 30 Jul 2024 12:37:31 -0400
Subject: [PATCH 0956/1093] Scale dots by 0.5 to match size using old offset

---
 .../react/src/additional-components/Background/Background.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/additional-components/Background/Background.tsx b/packages/react/src/additional-components/Background/Background.tsx
index 5a9210779..fe6bee047 100644
--- a/packages/react/src/additional-components/Background/Background.tsx
+++ b/packages/react/src/additional-components/Background/Background.tsx
@@ -70,7 +70,7 @@ function BackgroundComponent({
         patternTransform={`translate(-${scaledOffset[0]},-${scaledOffset[1]})`}
       >
         {isDots ? (
-          <DotPattern radius={scaledSize} className={patternClassName} />
+          <DotPattern radius={scaledSize / 2} className={patternClassName} />
         ) : (
           <LinePattern
             dimensions={patternDimensions}

From ec64b57240f0c61912d4910b095210f57d8df8ce Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 31 Jul 2024 15:42:16 +0200
Subject: [PATCH 0957/1093] chore(changeset): add

---
 .changeset/cyan-houses-shout.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/cyan-houses-shout.md

diff --git a/.changeset/cyan-houses-shout.md b/.changeset/cyan-houses-shout.md
new file mode 100644
index 000000000..83cd87feb
--- /dev/null
+++ b/.changeset/cyan-houses-shout.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/react': patch
+---
+
+fix(background): use offset prop correctly for dots variant

From 3c3e9504b8105246ab41e23bbd9c317c6862f50f Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 5 Aug 2024 11:40:59 +0200
Subject: [PATCH 0958/1093] fix(svelte): rename isConnectable prop to avoid
 naming collision

---
 packages/svelte/src/lib/components/Handle/Handle.svelte | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 90482aa12..8a9f7bcf6 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -21,7 +21,6 @@
   export let type: $$Props['type'] = 'source';
   export let position: $$Props['position'] = Position.Top;
   export let style: $$Props['style'] = undefined;
-  export let isConnectable: $$Props['isConnectable'] = undefined;
   export let isValidConnection: $$Props['isValidConnection'] = undefined;
   export let onconnect: $$Props['onconnect'] = undefined;
   export let ondisconnect: $$Props['ondisconnect'] = undefined;
@@ -29,13 +28,16 @@
   // export let isConnectableStart: $$Props['isConnectableStart'] = undefined;
   // export let isConnectableEnd: $$Props['isConnectableEnd'] = undefined;
 
+  let isConnectableProp: $$Props['isConnectable'] = undefined;
+  export { isConnectableProp as isConnectable }
+
   let className: $$Props['class'] = undefined;
   export { className as class };
 
   $: isTarget = type === 'target';
   const nodeId = getContext<string>('svelteflow__node_id');
   const connectable = getContext<Writable<boolean>>('svelteflow__node_connectable');
-  $: isConnectable = isConnectable !== undefined ? isConnectable : $connectable;
+  $: isConnectable = isConnectableProp !== undefined ? isConnectableProp : $connectable;
 
   $: handleId = id || null;
 

From 12313a5b01312ef4425d3fa666e578961a151fe2 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 1 Aug 2024 18:33:24 +0200
Subject: [PATCH 0959/1093] chore(changeset): add

---
 .changeset/curly-llamas-obey.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/curly-llamas-obey.md

diff --git a/.changeset/curly-llamas-obey.md b/.changeset/curly-llamas-obey.md
new file mode 100644
index 000000000..d573eaa25
--- /dev/null
+++ b/.changeset/curly-llamas-obey.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/svelte': patch
+---
+
+Rename `isConnectable` prop locally to `isConnectableProp` to avoid naming collision with derived value of `isConnectable` in `<Handle>` component.

From 8b6916f566b35d430869664ec4a87444445b3fbb Mon Sep 17 00:00:00 2001
From: GHOST <ghostdevbusiness@gmail.com>
Date: Mon, 5 Aug 2024 15:42:59 +0000
Subject: [PATCH 0960/1093] fix: make svelte-preprocess a dev dep

---
 packages/svelte/package.json |   4 +-
 pnpm-lock.yaml               | 917 +++++++++++++++++++++++++++--------
 2 files changed, 714 insertions(+), 207 deletions(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 9242a8472..71df40fdc 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -43,8 +43,7 @@
   "dependencies": {
     "@svelte-put/shortcut": "^3.1.0",
     "@xyflow/system": "workspace:*",
-    "classcat": "^5.0.4",
-    "svelte-preprocess": "^5.1.3"
+    "classcat": "^5.0.4"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^3.1.1",
@@ -69,6 +68,7 @@
     "svelte": "^4.2.12",
     "svelte-check": "^3.6.7",
     "svelte-eslint-parser": "^0.33.1",
+    "svelte-preprocess": "^5.1.3",
     "tslib": "^2.6.2",
     "typescript": "5.4.2"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1ce98388e..ad492c30d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -19,10 +19,10 @@ importers:
         version: 1.44.1
       '@typescript-eslint/eslint-plugin':
         specifier: latest
-        version: 6.8.0(@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3))(eslint@8.43.0)(typescript@5.1.3)
+        version: 8.0.0(@typescript-eslint/parser@8.0.0(eslint@8.43.0)(typescript@5.1.3))(eslint@8.43.0)(typescript@5.1.3)
       '@typescript-eslint/parser':
         specifier: latest
-        version: 6.8.0(eslint@8.43.0)(typescript@5.1.3)
+        version: 8.0.0(eslint@8.43.0)(typescript@5.1.3)
       concurrently:
         specifier: ^7.6.0
         version: 7.6.0
@@ -37,7 +37,7 @@ importers:
         version: 4.2.1(eslint-config-prettier@8.8.0(eslint@8.43.0))(eslint@8.43.0)(prettier@2.8.8)
       eslint-plugin-react:
         specifier: latest
-        version: 7.33.2(eslint@8.43.0)
+        version: 7.35.0(eslint@8.43.0)
       prettier:
         specifier: ^2.7.1
         version: 2.8.8
@@ -293,9 +293,6 @@ importers:
       classcat:
         specifier: ^5.0.4
         version: 5.0.4
-      svelte-preprocess:
-        specifier: ^5.1.3
-        version: 5.1.3(@babel/core@7.24.7)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2)
     devDependencies:
       '@sveltejs/adapter-auto':
         specifier: ^3.1.1
@@ -363,6 +360,9 @@ importers:
       svelte-eslint-parser:
         specifier: ^0.33.1
         version: 0.33.1(svelte@4.2.12)
+      svelte-preprocess:
+        specifier: ^5.1.3
+        version: 5.1.3(@babel/core@7.24.7)(postcss-load-config@5.0.2(postcss@8.4.35))(postcss@8.4.35)(svelte@4.2.12)(typescript@5.4.2)
       tslib:
         specifier: ^2.6.2
         version: 2.6.2
@@ -1451,10 +1451,12 @@ packages:
   '@humanwhocodes/config-array@0.11.13':
     resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==}
     engines: {node: '>=10.10.0'}
+    deprecated: Use @eslint/config-array instead
 
   '@humanwhocodes/config-array@0.11.14':
     resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
     engines: {node: '>=10.10.0'}
+    deprecated: Use @eslint/config-array instead
 
   '@humanwhocodes/module-importer@1.0.1':
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
@@ -1462,9 +1464,11 @@ packages:
 
   '@humanwhocodes/object-schema@2.0.1':
     resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==}
+    deprecated: Use @eslint/object-schema instead
 
   '@humanwhocodes/object-schema@2.0.2':
     resolution: {integrity: sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==}
+    deprecated: Use @eslint/object-schema instead
 
   '@jridgewell/gen-mapping@0.3.3':
     resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
@@ -2025,23 +2029,23 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/eslint-plugin@6.8.0':
-    resolution: {integrity: sha512-GosF4238Tkes2SHPQ1i8f6rMtG6zlKwMEB0abqSJ3Npvos+doIlc/ATG+vX1G9coDF3Ex78zM3heXHLyWEwLUw==}
+  '@typescript-eslint/eslint-plugin@7.2.0':
+    resolution: {integrity: sha512-mdekAHOqS9UjlmyF/LSs6AIEvfceV749GFxoBAjwAv0nkevfKHWQFDMcBZWUiIC5ft6ePWivXoS36aKQ0Cy3sw==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
-      eslint: ^7.0.0 || ^8.0.0
+      '@typescript-eslint/parser': ^7.0.0
+      eslint: ^8.56.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@typescript-eslint/eslint-plugin@7.2.0':
-    resolution: {integrity: sha512-mdekAHOqS9UjlmyF/LSs6AIEvfceV749GFxoBAjwAv0nkevfKHWQFDMcBZWUiIC5ft6ePWivXoS36aKQ0Cy3sw==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/eslint-plugin@8.0.0':
+    resolution: {integrity: sha512-STIZdwEQRXAHvNUS6ILDf5z3u95Gc8jzywunxSNqX00OooIemaaNIA0vEgynJlycL5AjabYLLrIyHd4iazyvtg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^7.0.0
-      eslint: ^8.56.0
+      '@typescript-eslint/parser': ^8.0.0 || ^8.0.0-alpha.0
+      eslint: ^8.57.0 || ^9.0.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
@@ -2057,21 +2061,21 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/parser@6.8.0':
-    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==}
+  '@typescript-eslint/parser@7.2.0':
+    resolution: {integrity: sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
+      eslint: ^8.56.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@typescript-eslint/parser@7.2.0':
-    resolution: {integrity: sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/parser@8.0.0':
+    resolution: {integrity: sha512-pS1hdZ+vnrpDIxuFXYQpLTILglTjSYJ9MbetZctrUawogUsPdz31DIIRZ9+rab0LhYNTsk88w4fIzVheiTbWOQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^8.56.0
+      eslint: ^8.57.0 || ^9.0.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
@@ -2081,14 +2085,14 @@ packages:
     resolution: {integrity: sha512-TN/plV7dzqqC2iPNf1KrxozDgZs53Gfgg5ZHyw8erd6jd5Ta/JIEcdCheXFt9b1NYb93a1wmIIVW/2gLkombDg==}
     engines: {node: ^16.0.0 || >=18.0.0}
 
-  '@typescript-eslint/scope-manager@6.8.0':
-    resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
   '@typescript-eslint/scope-manager@7.2.0':
     resolution: {integrity: sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==}
     engines: {node: ^16.0.0 || >=18.0.0}
 
+  '@typescript-eslint/scope-manager@8.0.0':
+    resolution: {integrity: sha512-V0aa9Csx/ZWWv2IPgTfY7T4agYwJyILESu/PVqFtTFz9RIS823mAze+NbnBI8xiwdX3iqeQbcTYlvB04G9wyQw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@typescript-eslint/type-utils@6.10.0':
     resolution: {integrity: sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -2099,21 +2103,20 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/type-utils@6.8.0':
-    resolution: {integrity: sha512-RYOJdlkTJIXW7GSldUIHqc/Hkto8E+fZN96dMIFhuTJcQwdRoGN2rEWA8U6oXbLo0qufH7NPElUb+MceHtz54g==}
+  '@typescript-eslint/type-utils@7.2.0':
+    resolution: {integrity: sha512-xHi51adBHo9O9330J8GQYQwrKBqbIPJGZZVQTHHmy200hvkLZFWJIFtAG/7IYTWUyun6DE6w5InDReePJYJlJA==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
+      eslint: ^8.56.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@typescript-eslint/type-utils@7.2.0':
-    resolution: {integrity: sha512-xHi51adBHo9O9330J8GQYQwrKBqbIPJGZZVQTHHmy200hvkLZFWJIFtAG/7IYTWUyun6DE6w5InDReePJYJlJA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/type-utils@8.0.0':
+    resolution: {integrity: sha512-mJAFP2mZLTBwAn5WI4PMakpywfWFH5nQZezUQdSKV23Pqo6o9iShQg1hP2+0hJJXP2LnZkWPphdIq4juYYwCeg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^8.56.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
@@ -2123,14 +2126,14 @@ packages:
     resolution: {integrity: sha512-36Fq1PWh9dusgo3vH7qmQAj5/AZqARky1Wi6WpINxB6SkQdY5vQoT2/7rW7uBIsPDcvvGCLi4r10p0OJ7ITAeg==}
     engines: {node: ^16.0.0 || >=18.0.0}
 
-  '@typescript-eslint/types@6.8.0':
-    resolution: {integrity: sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
   '@typescript-eslint/types@7.2.0':
     resolution: {integrity: sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==}
     engines: {node: ^16.0.0 || >=18.0.0}
 
+  '@typescript-eslint/types@8.0.0':
+    resolution: {integrity: sha512-wgdSGs9BTMWQ7ooeHtu5quddKKs5Z5dS+fHLbrQI+ID0XWJLODGMHRfhwImiHoeO2S5Wir2yXuadJN6/l4JRxw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@typescript-eslint/typescript-estree@6.10.0':
     resolution: {integrity: sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -2140,8 +2143,8 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/typescript-estree@6.8.0':
-    resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==}
+  '@typescript-eslint/typescript-estree@7.2.0':
+    resolution: {integrity: sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       typescript: '*'
@@ -2149,9 +2152,9 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/typescript-estree@7.2.0':
-    resolution: {integrity: sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  '@typescript-eslint/typescript-estree@8.0.0':
+    resolution: {integrity: sha512-5b97WpKMX+Y43YKi4zVcCVLtK5F98dFls3Oxui8LbnmRsseKenbbDinmvxrWegKDMmlkIq/XHuyy0UGLtpCDKg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
@@ -2164,30 +2167,30 @@ packages:
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
 
-  '@typescript-eslint/utils@6.8.0':
-    resolution: {integrity: sha512-dKs1itdE2qFG4jr0dlYLQVppqTE+Itt7GmIf/vX6CSvsW+3ov8PbWauVKyyfNngokhIO9sKZeRGCUo1+N7U98Q==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-
   '@typescript-eslint/utils@7.2.0':
     resolution: {integrity: sha512-YfHpnMAGb1Eekpm3XRK8hcMwGLGsnT6L+7b2XyRv6ouDuJU1tZir1GS2i0+VXRatMwSI1/UfcyPe53ADkU+IuA==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^8.56.0
 
+  '@typescript-eslint/utils@8.0.0':
+    resolution: {integrity: sha512-k/oS/A/3QeGLRvOWCg6/9rATJL5rec7/5s1YmdS0ZU6LHveJyGFwBvLhSRBv6i9xaj7etmosp+l+ViN1I9Aj/Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+
   '@typescript-eslint/visitor-keys@6.10.0':
     resolution: {integrity: sha512-xMGluxQIEtOM7bqFCo+rCMh5fqI+ZxV5RUUOa29iVPz1OgCZrtc7rFnz5cLUazlkPKYqX+75iuDq7m0HQ48nCg==}
     engines: {node: ^16.0.0 || >=18.0.0}
 
-  '@typescript-eslint/visitor-keys@6.8.0':
-    resolution: {integrity: sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
   '@typescript-eslint/visitor-keys@7.2.0':
     resolution: {integrity: sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==}
     engines: {node: ^16.0.0 || >=18.0.0}
 
+  '@typescript-eslint/visitor-keys@8.0.0':
+    resolution: {integrity: sha512-oN0K4nkHuOyF3PVMyETbpP5zp6wfyOvm7tWhTMfoqxSSsPmJIh6JNASuZDlODE8eE+0EB9uar+6+vxr9DBTYOA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@ungap/structured-clone@1.2.0':
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
 
@@ -2291,10 +2294,18 @@ packages:
   array-buffer-byte-length@1.0.0:
     resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
 
+  array-buffer-byte-length@1.0.1:
+    resolution: {integrity: sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==}
+    engines: {node: '>= 0.4'}
+
   array-includes@3.1.7:
     resolution: {integrity: sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==}
     engines: {node: '>= 0.4'}
 
+  array-includes@3.1.8:
+    resolution: {integrity: sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==}
+    engines: {node: '>= 0.4'}
+
   array-iterate@2.0.1:
     resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==}
 
@@ -2302,6 +2313,10 @@ packages:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
     engines: {node: '>=8'}
 
+  array.prototype.findlast@1.2.5:
+    resolution: {integrity: sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==}
+    engines: {node: '>= 0.4'}
+
   array.prototype.flat@1.3.2:
     resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==}
     engines: {node: '>= 0.4'}
@@ -2313,10 +2328,18 @@ packages:
   array.prototype.tosorted@1.1.2:
     resolution: {integrity: sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==}
 
+  array.prototype.tosorted@1.1.4:
+    resolution: {integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==}
+    engines: {node: '>= 0.4'}
+
   arraybuffer.prototype.slice@1.0.2:
     resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==}
     engines: {node: '>= 0.4'}
 
+  arraybuffer.prototype.slice@1.0.3:
+    resolution: {integrity: sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==}
+    engines: {node: '>= 0.4'}
+
   arrify@1.0.1:
     resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
     engines: {node: '>=0.10.0'}
@@ -2368,6 +2391,10 @@ packages:
     resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
     engines: {node: '>= 0.4'}
 
+  available-typed-arrays@1.0.7:
+    resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
+    engines: {node: '>= 0.4'}
+
   aws-sign2@0.7.0:
     resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==}
 
@@ -2832,6 +2859,18 @@ packages:
     resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
     engines: {node: '>=0.10'}
 
+  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'}
+
   dataloader@1.4.0:
     resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
 
@@ -3039,6 +3078,10 @@ packages:
     resolution: {integrity: sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==}
     engines: {node: '>= 0.4'}
 
+  es-abstract@1.23.3:
+    resolution: {integrity: sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==}
+    engines: {node: '>= 0.4'}
+
   es-define-property@1.0.0:
     resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
     engines: {node: '>= 0.4'}
@@ -3050,13 +3093,25 @@ packages:
   es-iterator-helpers@1.0.15:
     resolution: {integrity: sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==}
 
+  es-iterator-helpers@1.0.19:
+    resolution: {integrity: sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==}
+    engines: {node: '>= 0.4'}
+
   es-module-lexer@1.3.1:
     resolution: {integrity: sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q==}
 
+  es-object-atoms@1.0.0:
+    resolution: {integrity: sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==}
+    engines: {node: '>= 0.4'}
+
   es-set-tostringtag@2.0.2:
     resolution: {integrity: sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==}
     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==}
 
@@ -3153,6 +3208,12 @@ packages:
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
 
+  eslint-plugin-react@7.35.0:
+    resolution: {integrity: sha512-v501SSMOWv8gerHkk+IIQBkcGRGrO2nfybfj5pLxuJNFTPxxA3PSryhXTK+9pNbtkggheDdsC0E9Q8CuPk6JKA==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
+
   eslint-plugin-svelte@2.35.0:
     resolution: {integrity: sha512-3WDFxNrkXaMlpqoNo3M1ZOQuoFLMO9+bdnN6oVVXaydXC7nzCJuGy9a0zqoNDHMSRPYt0Rqo6hIdHMEaI5sQnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
@@ -3449,6 +3510,10 @@ packages:
     resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
     engines: {node: '>= 0.4'}
 
+  get-symbol-description@1.0.2:
+    resolution: {integrity: sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==}
+    engines: {node: '>= 0.4'}
+
   getos@3.2.1:
     resolution: {integrity: sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==}
 
@@ -3471,6 +3536,7 @@ packages:
 
   glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    deprecated: Glob versions prior to v9 are no longer supported
 
   glob@8.1.0:
     resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
@@ -3563,14 +3629,18 @@ packages:
     resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
     engines: {node: '>= 0.4'}
 
-  hasown@2.0.0:
-    resolution: {integrity: sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==}
+  has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
     engines: {node: '>= 0.4'}
 
   hasown@2.0.1:
     resolution: {integrity: sha512-1/th4MHjnwncwXsIW6QMzlvYL9kG5e/CpVvLRZe4XPa8TOUNbCELqmvhDmnkNsAjwaG4+I8gJJL0JBvTTLO9qA==}
     engines: {node: '>= 0.4'}
 
+  hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
+
   hast-util-from-parse5@7.1.2:
     resolution: {integrity: sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==}
 
@@ -3638,6 +3708,10 @@ packages:
     resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==}
     engines: {node: '>= 4'}
 
+  ignore@5.3.1:
+    resolution: {integrity: sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==}
+    engines: {node: '>= 4'}
+
   immediate@3.0.6:
     resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
 
@@ -3667,6 +3741,7 @@ packages:
 
   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==}
@@ -3682,9 +3757,17 @@ packages:
     resolution: {integrity: sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==}
     engines: {node: '>= 0.4'}
 
+  internal-slot@1.0.7:
+    resolution: {integrity: sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==}
+    engines: {node: '>= 0.4'}
+
   is-array-buffer@3.0.2:
     resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
 
+  is-array-buffer@3.0.4:
+    resolution: {integrity: sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==}
+    engines: {node: '>= 0.4'}
+
   is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
 
@@ -3725,6 +3808,10 @@ packages:
   is-core-module@2.13.1:
     resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
 
+  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'}
@@ -3780,6 +3867,10 @@ packages:
     resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
     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'}
@@ -3816,6 +3907,10 @@ packages:
   is-shared-array-buffer@1.0.2:
     resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
 
+  is-shared-array-buffer@1.0.3:
+    resolution: {integrity: sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==}
+    engines: {node: '>= 0.4'}
+
   is-stream@2.0.1:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
     engines: {node: '>=8'}
@@ -3840,6 +3935,10 @@ packages:
     resolution: {integrity: sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==}
     engines: {node: '>= 0.4'}
 
+  is-typed-array@1.1.13:
+    resolution: {integrity: sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==}
+    engines: {node: '>= 0.4'}
+
   is-typedarray@1.0.0:
     resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
 
@@ -4275,6 +4374,10 @@ packages:
     resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
     engines: {node: '>=16 || 14 >=14.17'}
 
+  minimatch@9.0.5:
+    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
   minimist-options@4.1.0:
     resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
     engines: {node: '>= 6'}
@@ -4400,10 +4503,18 @@ packages:
     resolution: {integrity: sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==}
     engines: {node: '>= 0.4'}
 
+  object.entries@1.1.8:
+    resolution: {integrity: sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==}
+    engines: {node: '>= 0.4'}
+
   object.fromentries@2.0.7:
     resolution: {integrity: sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==}
     engines: {node: '>= 0.4'}
 
+  object.fromentries@2.0.8:
+    resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
+    engines: {node: '>= 0.4'}
+
   object.hasown@1.1.3:
     resolution: {integrity: sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==}
 
@@ -4411,6 +4522,10 @@ packages:
     resolution: {integrity: sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==}
     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==}
 
@@ -4577,6 +4692,10 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  possible-typed-array-names@1.0.0:
+    resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
+    engines: {node: '>= 0.4'}
+
   postcss-calc@9.0.1:
     resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
     engines: {node: ^14 || ^16 || >=18.0}
@@ -5232,6 +5351,10 @@ packages:
     resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==}
     engines: {node: '>= 0.4'}
 
+  regexp.prototype.flags@1.5.2:
+    resolution: {integrity: sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==}
+    engines: {node: '>= 0.4'}
+
   rehype-parse@8.0.5:
     resolution: {integrity: sha512-Ds3RglaY/+clEX2U2mHflt7NlMA72KspZ0JLUJgBBLpRddBcEw3H8uYZQliQriku22NZpYMfjDdSgHcjxue24A==}
 
@@ -5318,10 +5441,12 @@ packages:
 
   rimraf@2.7.1:
     resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
+    deprecated: Rimraf versions prior to v4 are no longer supported
     hasBin: true
 
   rimraf@3.0.2:
     resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
+    deprecated: Rimraf versions prior to v4 are no longer supported
     hasBin: true
 
   rollup-plugin-peer-deps-external@2.2.4:
@@ -5353,12 +5478,20 @@ packages:
     resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==}
     engines: {node: '>=0.4'}
 
+  safe-array-concat@1.1.2:
+    resolution: {integrity: sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==}
+    engines: {node: '>=0.4'}
+
   safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
 
   safe-regex-test@1.0.0:
     resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
 
+  safe-regex-test@1.0.3:
+    resolution: {integrity: sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==}
+    engines: {node: '>= 0.4'}
+
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
@@ -5420,6 +5553,10 @@ packages:
     resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==}
     engines: {node: '>= 0.4'}
 
+  set-function-name@2.0.2:
+    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
+    engines: {node: '>= 0.4'}
+
   sharp@0.32.6:
     resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==}
     engines: {node: '>=14.15.0'}
@@ -5587,16 +5724,34 @@ packages:
   string.prototype.matchall@4.0.10:
     resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==}
 
+  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.8:
     resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==}
     engines: {node: '>= 0.4'}
 
+  string.prototype.trim@1.2.9:
+    resolution: {integrity: sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==}
+    engines: {node: '>= 0.4'}
+
   string.prototype.trimend@1.0.7:
     resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==}
 
+  string.prototype.trimend@1.0.8:
+    resolution: {integrity: sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==}
+
   string.prototype.trimstart@1.0.7:
     resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==}
 
+  string.prototype.trimstart@1.0.8:
+    resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
+    engines: {node: '>= 0.4'}
+
   string_decoder@1.3.0:
     resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
 
@@ -5855,6 +6010,12 @@ packages:
     peerDependencies:
       typescript: '>=4.2.0'
 
+  ts-api-utils@1.3.0:
+    resolution: {integrity: sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+
   tsconfig-resolver@3.0.1:
     resolution: {integrity: sha512-ZHqlstlQF449v8glscGRXzL6l2dZvASPCdXJRWG4gHEZlUVx2Jtmr+a2zeVG4LCsKhDXKRj5R3h0C/98UcVAQg==}
 
@@ -5938,17 +6099,33 @@ packages:
     resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==}
     engines: {node: '>= 0.4'}
 
+  typed-array-buffer@1.0.2:
+    resolution: {integrity: sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==}
+    engines: {node: '>= 0.4'}
+
   typed-array-byte-length@1.0.0:
     resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==}
     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.0:
     resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==}
     engines: {node: '>= 0.4'}
 
+  typed-array-byte-offset@1.0.2:
+    resolution: {integrity: sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==}
+    engines: {node: '>= 0.4'}
+
   typed-array-length@1.0.4:
     resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
 
+  typed-array-length@1.0.6:
+    resolution: {integrity: sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==}
+    engines: {node: '>= 0.4'}
+
   typescript@5.1.3:
     resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==}
     engines: {node: '>=14.17'}
@@ -6264,6 +6441,10 @@ packages:
     resolution: {integrity: sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==}
     engines: {node: '>= 0.4'}
 
+  which-typed-array@1.1.15:
+    resolution: {integrity: sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==}
+    engines: {node: '>= 0.4'}
+
   which@1.3.1:
     resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
     hasBin: true
@@ -7653,7 +7834,7 @@ snapshots:
   '@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0)))(svelte@4.2.1)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))':
     dependencies:
       '@sveltejs/vite-plugin-svelte': 2.5.3(svelte@4.2.1)(vite@4.5.3(@types/node@20.14.6)(terser@5.31.0))
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.5
       svelte: 4.2.1
       vite: 4.5.3(@types/node@20.14.6)(terser@5.31.0)
     transitivePeerDependencies:
@@ -7969,26 +8150,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3))(eslint@8.43.0)(typescript@5.1.3)':
-    dependencies:
-      '@eslint-community/regexpp': 4.10.0
-      '@typescript-eslint/parser': 6.8.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/scope-manager': 6.8.0
-      '@typescript-eslint/type-utils': 6.8.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/utils': 6.8.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/visitor-keys': 6.8.0
-      debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.43.0
-      graphemer: 1.4.0
-      ignore: 5.3.0
-      natural-compare: 1.4.0
-      semver: 7.5.4
-      ts-api-utils: 1.0.3(typescript@5.1.3)
-    optionalDependencies:
-      typescript: 5.1.3
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/eslint-plugin@7.2.0(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.4.2))(eslint@8.57.0)(typescript@5.4.2)':
     dependencies:
       '@eslint-community/regexpp': 4.10.0
@@ -8009,6 +8170,24 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/eslint-plugin@8.0.0(@typescript-eslint/parser@8.0.0(eslint@8.43.0)(typescript@5.1.3))(eslint@8.43.0)(typescript@5.1.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.10.0
+      '@typescript-eslint/parser': 8.0.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': 8.0.0
+      '@typescript-eslint/type-utils': 8.0.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/utils': 8.0.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': 8.0.0
+      eslint: 8.43.0
+      graphemer: 1.4.0
+      ignore: 5.3.1
+      natural-compare: 1.4.0
+      ts-api-utils: 1.3.0(typescript@5.1.3)
+    optionalDependencies:
+      typescript: 5.1.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/parser@6.10.0(eslint@8.53.0)(typescript@5.2.2)':
     dependencies:
       '@typescript-eslint/scope-manager': 6.10.0
@@ -8022,19 +8201,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@6.8.0(eslint@8.43.0)(typescript@5.1.3)':
-    dependencies:
-      '@typescript-eslint/scope-manager': 6.8.0
-      '@typescript-eslint/types': 6.8.0
-      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.1.3)
-      '@typescript-eslint/visitor-keys': 6.8.0
-      debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.43.0
-    optionalDependencies:
-      typescript: 5.1.3
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.4.2)':
     dependencies:
       '@typescript-eslint/scope-manager': 7.2.0
@@ -8048,21 +8214,34 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/parser@8.0.0(eslint@8.43.0)(typescript@5.1.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.0.0
+      '@typescript-eslint/types': 8.0.0
+      '@typescript-eslint/typescript-estree': 8.0.0(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': 8.0.0
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.43.0
+    optionalDependencies:
+      typescript: 5.1.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/scope-manager@6.10.0':
     dependencies:
       '@typescript-eslint/types': 6.10.0
       '@typescript-eslint/visitor-keys': 6.10.0
 
-  '@typescript-eslint/scope-manager@6.8.0':
-    dependencies:
-      '@typescript-eslint/types': 6.8.0
-      '@typescript-eslint/visitor-keys': 6.8.0
-
   '@typescript-eslint/scope-manager@7.2.0':
     dependencies:
       '@typescript-eslint/types': 7.2.0
       '@typescript-eslint/visitor-keys': 7.2.0
 
+  '@typescript-eslint/scope-manager@8.0.0':
+    dependencies:
+      '@typescript-eslint/types': 8.0.0
+      '@typescript-eslint/visitor-keys': 8.0.0
+
   '@typescript-eslint/type-utils@6.10.0(eslint@8.53.0)(typescript@5.2.2)':
     dependencies:
       '@typescript-eslint/typescript-estree': 6.10.0(typescript@5.2.2)
@@ -8075,18 +8254,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/type-utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)':
-    dependencies:
-      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.1.3)
-      '@typescript-eslint/utils': 6.8.0(eslint@8.43.0)(typescript@5.1.3)
-      debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.43.0
-      ts-api-utils: 1.0.3(typescript@5.1.3)
-    optionalDependencies:
-      typescript: 5.1.3
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/type-utils@7.2.0(eslint@8.57.0)(typescript@5.4.2)':
     dependencies:
       '@typescript-eslint/typescript-estree': 7.2.0(typescript@5.4.2)
@@ -8099,12 +8266,24 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@6.10.0': {}
+  '@typescript-eslint/type-utils@8.0.0(eslint@8.43.0)(typescript@5.1.3)':
+    dependencies:
+      '@typescript-eslint/typescript-estree': 8.0.0(typescript@5.1.3)
+      '@typescript-eslint/utils': 8.0.0(eslint@8.43.0)(typescript@5.1.3)
+      debug: 4.3.5
+      ts-api-utils: 1.3.0(typescript@5.1.3)
+    optionalDependencies:
+      typescript: 5.1.3
+    transitivePeerDependencies:
+      - eslint
+      - supports-color
 
-  '@typescript-eslint/types@6.8.0': {}
+  '@typescript-eslint/types@6.10.0': {}
 
   '@typescript-eslint/types@7.2.0': {}
 
+  '@typescript-eslint/types@8.0.0': {}
+
   '@typescript-eslint/typescript-estree@6.10.0(typescript@5.2.2)':
     dependencies:
       '@typescript-eslint/types': 6.10.0
@@ -8119,32 +8298,33 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3)':
+  '@typescript-eslint/typescript-estree@7.2.0(typescript@5.4.2)':
     dependencies:
-      '@typescript-eslint/types': 6.8.0
-      '@typescript-eslint/visitor-keys': 6.8.0
+      '@typescript-eslint/types': 7.2.0
+      '@typescript-eslint/visitor-keys': 7.2.0
       debug: 4.3.4(supports-color@8.1.1)
       globby: 11.1.0
       is-glob: 4.0.3
-      semver: 7.5.4
-      ts-api-utils: 1.0.3(typescript@5.1.3)
+      minimatch: 9.0.3
+      semver: 7.6.0
+      ts-api-utils: 1.0.3(typescript@5.4.2)
     optionalDependencies:
-      typescript: 5.1.3
+      typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@7.2.0(typescript@5.4.2)':
+  '@typescript-eslint/typescript-estree@8.0.0(typescript@5.1.3)':
     dependencies:
-      '@typescript-eslint/types': 7.2.0
-      '@typescript-eslint/visitor-keys': 7.2.0
-      debug: 4.3.4(supports-color@8.1.1)
+      '@typescript-eslint/types': 8.0.0
+      '@typescript-eslint/visitor-keys': 8.0.0
+      debug: 4.3.5
       globby: 11.1.0
       is-glob: 4.0.3
-      minimatch: 9.0.3
+      minimatch: 9.0.5
       semver: 7.6.0
-      ts-api-utils: 1.0.3(typescript@5.4.2)
+      ts-api-utils: 1.3.0(typescript@5.1.3)
     optionalDependencies:
-      typescript: 5.4.2
+      typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
 
@@ -8162,20 +8342,6 @@ snapshots:
       - supports-color
       - typescript
 
-  '@typescript-eslint/utils@6.8.0(eslint@8.43.0)(typescript@5.1.3)':
-    dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
-      '@types/json-schema': 7.0.15
-      '@types/semver': 7.5.6
-      '@typescript-eslint/scope-manager': 6.8.0
-      '@typescript-eslint/types': 6.8.0
-      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.1.3)
-      eslint: 8.43.0
-      semver: 7.5.4
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-
   '@typescript-eslint/utils@7.2.0(eslint@8.57.0)(typescript@5.4.2)':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
@@ -8190,19 +8356,30 @@ snapshots:
       - supports-color
       - typescript
 
+  '@typescript-eslint/utils@8.0.0(eslint@8.43.0)(typescript@5.1.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
+      '@typescript-eslint/scope-manager': 8.0.0
+      '@typescript-eslint/types': 8.0.0
+      '@typescript-eslint/typescript-estree': 8.0.0(typescript@5.1.3)
+      eslint: 8.43.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
   '@typescript-eslint/visitor-keys@6.10.0':
     dependencies:
       '@typescript-eslint/types': 6.10.0
       eslint-visitor-keys: 3.4.3
 
-  '@typescript-eslint/visitor-keys@6.8.0':
+  '@typescript-eslint/visitor-keys@7.2.0':
     dependencies:
-      '@typescript-eslint/types': 6.8.0
+      '@typescript-eslint/types': 7.2.0
       eslint-visitor-keys: 3.4.3
 
-  '@typescript-eslint/visitor-keys@7.2.0':
+  '@typescript-eslint/visitor-keys@8.0.0':
     dependencies:
-      '@typescript-eslint/types': 7.2.0
+      '@typescript-eslint/types': 8.0.0
       eslint-visitor-keys: 3.4.3
 
   '@ungap/structured-clone@1.2.0': {}
@@ -8316,9 +8493,14 @@ snapshots:
 
   array-buffer-byte-length@1.0.0:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       is-array-buffer: 3.0.2
 
+  array-buffer-byte-length@1.0.1:
+    dependencies:
+      call-bind: 1.0.7
+      is-array-buffer: 3.0.4
+
   array-includes@3.1.7:
     dependencies:
       call-bind: 1.0.5
@@ -8327,13 +8509,31 @@ snapshots:
       get-intrinsic: 1.2.2
       is-string: 1.0.7
 
+  array-includes@3.1.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+      get-intrinsic: 1.2.4
+      is-string: 1.0.7
+
   array-iterate@2.0.1: {}
 
   array-union@2.1.0: {}
 
-  array.prototype.flat@1.3.2:
+  array.prototype.findlast@1.2.5:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      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.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
       es-shim-unscopables: 1.0.2
@@ -8353,16 +8553,35 @@ snapshots:
       es-shim-unscopables: 1.0.2
       get-intrinsic: 1.2.2
 
+  array.prototype.tosorted@1.1.4:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      es-shim-unscopables: 1.0.2
+
   arraybuffer.prototype.slice@1.0.2:
     dependencies:
       array-buffer-byte-length: 1.0.0
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
       es-abstract: 1.22.3
-      get-intrinsic: 1.2.2
+      get-intrinsic: 1.2.4
       is-array-buffer: 3.0.2
       is-shared-array-buffer: 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.3
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      is-array-buffer: 3.0.4
+      is-shared-array-buffer: 1.0.3
+
   arrify@1.0.1: {}
 
   asn1@0.2.6:
@@ -8475,6 +8694,10 @@ snapshots:
 
   available-typed-arrays@1.0.5: {}
 
+  available-typed-arrays@1.0.7:
+    dependencies:
+      possible-typed-array-names: 1.0.0
+
   aws-sign2@0.7.0: {}
 
   aws4@1.12.0: {}
@@ -9055,6 +9278,24 @@ snapshots:
     dependencies:
       assert-plus: 1.0.0
 
+  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
+
   dataloader@1.4.0: {}
 
   date-fns@2.30.0:
@@ -9114,9 +9355,9 @@ snapshots:
 
   define-data-property@1.1.1:
     dependencies:
-      get-intrinsic: 1.2.2
+      get-intrinsic: 1.2.4
       gopd: 1.0.1
-      has-property-descriptors: 1.0.1
+      has-property-descriptors: 1.0.2
 
   define-data-property@1.1.4:
     dependencies:
@@ -9239,7 +9480,7 @@ snapshots:
       has-property-descriptors: 1.0.1
       has-proto: 1.0.1
       has-symbols: 1.0.3
-      hasown: 2.0.0
+      hasown: 2.0.2
       internal-slot: 1.0.6
       is-array-buffer: 3.0.2
       is-callable: 1.2.7
@@ -9265,6 +9506,55 @@ snapshots:
       unbox-primitive: 1.0.2
       which-typed-array: 1.1.13
 
+  es-abstract@1.23.3:
+    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.2.1
+      function.prototype.name: 1.1.6
+      get-intrinsic: 1.2.4
+      get-symbol-description: 1.0.2
+      globalthis: 1.0.3
+      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.1
+      object-keys: 1.1.1
+      object.assign: 4.1.5
+      regexp.prototype.flags: 1.5.2
+      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.2
+      typed-array-length: 1.0.6
+      unbox-primitive: 1.0.2
+      which-typed-array: 1.1.15
+
   es-define-property@1.0.0:
     dependencies:
       get-intrinsic: 1.2.4
@@ -9288,17 +9578,44 @@ snapshots:
       iterator.prototype: 1.1.2
       safe-array-concat: 1.0.1
 
+  es-iterator-helpers@1.0.19:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      es-set-tostringtag: 2.0.3
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      globalthis: 1.0.3
+      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.2
+      safe-array-concat: 1.1.2
+
   es-module-lexer@1.3.1: {}
 
+  es-object-atoms@1.0.0:
+    dependencies:
+      es-errors: 1.3.0
+
   es-set-tostringtag@2.0.2:
     dependencies:
-      get-intrinsic: 1.2.2
+      get-intrinsic: 1.2.4
       has-tostringtag: 1.0.0
-      hasown: 2.0.0
+      hasown: 2.0.1
+
+  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.0
+      hasown: 2.0.2
 
   es-to-primitive@1.2.1:
     dependencies:
@@ -9473,6 +9790,28 @@ snapshots:
       semver: 6.3.1
       string.prototype.matchall: 4.0.10
 
+  eslint-plugin-react@7.35.0(eslint@8.43.0):
+    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.0.19
+      eslint: 8.43.0
+      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-plugin-svelte@2.35.0(eslint@8.53.0)(svelte@4.2.12):
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
@@ -9902,7 +10241,7 @@ snapshots:
 
   function.prototype.name@1.1.6:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
       es-abstract: 1.22.3
       functions-have-names: 1.2.3
@@ -9916,9 +10255,9 @@ snapshots:
   get-intrinsic@1.2.2:
     dependencies:
       function-bind: 1.1.2
-      has-proto: 1.0.1
+      has-proto: 1.0.3
       has-symbols: 1.0.3
-      hasown: 2.0.0
+      hasown: 2.0.1
 
   get-intrinsic@1.2.4:
     dependencies:
@@ -9926,7 +10265,7 @@ snapshots:
       function-bind: 1.1.2
       has-proto: 1.0.3
       has-symbols: 1.0.3
-      hasown: 2.0.1
+      hasown: 2.0.2
 
   get-stdin@9.0.0: {}
 
@@ -9940,8 +10279,14 @@ snapshots:
 
   get-symbol-description@1.0.0:
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+
+  get-symbol-description@1.0.2:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
 
   getos@3.2.1:
     dependencies:
@@ -10019,7 +10364,7 @@ snapshots:
 
   gopd@1.0.1:
     dependencies:
-      get-intrinsic: 1.2.2
+      get-intrinsic: 1.2.4
 
   graceful-fs@4.2.11: {}
 
@@ -10048,7 +10393,7 @@ snapshots:
 
   has-property-descriptors@1.0.1:
     dependencies:
-      get-intrinsic: 1.2.2
+      get-intrinsic: 1.2.4
 
   has-property-descriptors@1.0.2:
     dependencies:
@@ -10064,14 +10409,18 @@ snapshots:
     dependencies:
       has-symbols: 1.0.3
 
-  hasown@2.0.0:
+  has-tostringtag@1.0.2:
     dependencies:
-      function-bind: 1.1.2
+      has-symbols: 1.0.3
 
   hasown@2.0.1:
     dependencies:
       function-bind: 1.1.2
 
+  hasown@2.0.2:
+    dependencies:
+      function-bind: 1.1.2
+
   hast-util-from-parse5@7.1.2:
     dependencies:
       '@types/hast': 2.3.7
@@ -10165,6 +10514,8 @@ snapshots:
 
   ignore@5.3.0: {}
 
+  ignore@5.3.1: {}
+
   immediate@3.0.6: {}
 
   immer@10.0.4: {}
@@ -10198,16 +10549,27 @@ snapshots:
 
   internal-slot@1.0.6:
     dependencies:
-      get-intrinsic: 1.2.2
-      hasown: 2.0.0
-      side-channel: 1.0.4
+      get-intrinsic: 1.2.4
+      hasown: 2.0.1
+      side-channel: 1.0.6
+
+  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.2:
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
       is-typed-array: 1.1.12
 
+  is-array-buffer@3.0.4:
+    dependencies:
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+
   is-arrayish@0.2.1: {}
 
   is-arrayish@0.3.2:
@@ -10227,7 +10589,7 @@ snapshots:
 
   is-boolean-object@1.1.2:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       has-tostringtag: 1.0.0
 
   is-buffer@2.0.5: {}
@@ -10244,7 +10606,11 @@ snapshots:
 
   is-core-module@2.13.1:
     dependencies:
-      hasown: 2.0.0
+      hasown: 2.0.1
+
+  is-data-view@1.0.1:
+    dependencies:
+      is-typed-array: 1.1.13
 
   is-date-object@1.0.5:
     dependencies:
@@ -10258,7 +10624,7 @@ snapshots:
 
   is-finalizationregistry@1.0.2:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
 
   is-fullwidth-code-point@3.0.0: {}
 
@@ -10287,6 +10653,8 @@ snapshots:
 
   is-negative-zero@2.0.2: {}
 
+  is-negative-zero@2.0.3: {}
+
   is-number-object@1.0.7:
     dependencies:
       has-tostringtag: 1.0.0
@@ -10309,14 +10677,18 @@ snapshots:
 
   is-regex@1.1.4:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       has-tostringtag: 1.0.0
 
   is-set@2.0.2: {}
 
   is-shared-array-buffer@1.0.2:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
+
+  is-shared-array-buffer@1.0.3:
+    dependencies:
+      call-bind: 1.0.7
 
   is-stream@2.0.1: {}
 
@@ -10338,6 +10710,10 @@ snapshots:
     dependencies:
       which-typed-array: 1.1.13
 
+  is-typed-array@1.1.13:
+    dependencies:
+      which-typed-array: 1.1.15
+
   is-typedarray@1.0.0: {}
 
   is-unicode-supported@0.1.0: {}
@@ -10348,12 +10724,12 @@ snapshots:
 
   is-weakref@1.0.2:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
 
   is-weakset@2.0.2:
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
 
   is-windows@1.0.2: {}
 
@@ -10370,7 +10746,7 @@ snapshots:
   iterator.prototype@1.1.2:
     dependencies:
       define-properties: 1.2.1
-      get-intrinsic: 1.2.2
+      get-intrinsic: 1.2.4
       has-symbols: 1.0.3
       reflect.getprototypeof: 1.0.4
       set-function-name: 2.0.1
@@ -10433,10 +10809,10 @@ snapshots:
 
   jsx-ast-utils@3.3.5:
     dependencies:
-      array-includes: 3.1.7
+      array-includes: 3.1.8
       array.prototype.flat: 1.3.2
       object.assign: 4.1.5
-      object.values: 1.1.7
+      object.values: 1.2.0
 
   keyv@4.5.4:
     dependencies:
@@ -10880,7 +11256,7 @@ snapshots:
   micromark@3.2.0:
     dependencies:
       '@types/debug': 4.1.10
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.5
       decode-named-character-reference: 1.0.2
       micromark-core-commonmark: 1.1.0
       micromark-factory-space: 1.1.0
@@ -10933,6 +11309,10 @@ snapshots:
     dependencies:
       brace-expansion: 2.0.1
 
+  minimatch@9.0.5:
+    dependencies:
+      brace-expansion: 2.0.1
+
   minimist-options@4.1.0:
     dependencies:
       arrify: 1.0.1
@@ -11044,12 +11424,25 @@ snapshots:
       define-properties: 1.2.1
       es-abstract: 1.22.3
 
+  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.7:
     dependencies:
       call-bind: 1.0.5
       define-properties: 1.2.1
       es-abstract: 1.22.3
 
+  object.fromentries@2.0.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+
   object.hasown@1.1.3:
     dependencies:
       define-properties: 1.2.1
@@ -11061,6 +11454,12 @@ snapshots:
       define-properties: 1.2.1
       es-abstract: 1.22.3
 
+  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
@@ -11216,6 +11615,8 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.2
 
+  possible-typed-array-names@1.0.0: {}
+
   postcss-calc@9.0.1(postcss@8.4.21):
     dependencies:
       postcss: 8.4.21
@@ -11879,10 +12280,10 @@ snapshots:
 
   reflect.getprototypeof@1.0.4:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
-      get-intrinsic: 1.2.2
+      es-abstract: 1.23.3
+      get-intrinsic: 1.2.4
       globalthis: 1.0.3
       which-builtin-type: 1.1.3
 
@@ -11890,10 +12291,17 @@ snapshots:
 
   regexp.prototype.flags@1.5.1:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
       set-function-name: 2.0.1
 
+  regexp.prototype.flags@1.5.2:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-errors: 1.3.0
+      set-function-name: 2.0.2
+
   rehype-parse@8.0.5:
     dependencies:
       '@types/hast': 2.3.7
@@ -12071,8 +12479,15 @@ snapshots:
 
   safe-array-concat@1.0.1:
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+      has-symbols: 1.0.3
+      isarray: 2.0.5
+
+  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
 
@@ -12080,8 +12495,14 @@ snapshots:
 
   safe-regex-test@1.0.0:
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+      is-regex: 1.1.4
+
+  safe-regex-test@1.0.3:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
       is-regex: 1.1.4
 
   safer-buffer@2.1.2: {}
@@ -12133,9 +12554,9 @@ snapshots:
   set-function-length@1.1.1:
     dependencies:
       define-data-property: 1.1.1
-      get-intrinsic: 1.2.2
+      get-intrinsic: 1.2.4
       gopd: 1.0.1
-      has-property-descriptors: 1.0.1
+      has-property-descriptors: 1.0.2
 
   set-function-length@1.2.1:
     dependencies:
@@ -12150,7 +12571,14 @@ snapshots:
     dependencies:
       define-data-property: 1.1.1
       functions-have-names: 1.2.3
-      has-property-descriptors: 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
 
   sharp@0.32.6:
     dependencies:
@@ -12187,8 +12615,8 @@ snapshots:
 
   side-channel@1.0.4:
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
       object-inspect: 1.13.1
 
   side-channel@1.0.6:
@@ -12378,24 +12806,63 @@ snapshots:
       set-function-name: 2.0.1
       side-channel: 1.0.4
 
+  string.prototype.matchall@4.0.11:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      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.2
+      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.22.3
+
   string.prototype.trim@1.2.8:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
       es-abstract: 1.22.3
 
+  string.prototype.trim@1.2.9:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+
   string.prototype.trimend@1.0.7:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
       es-abstract: 1.22.3
 
+  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.7:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
       es-abstract: 1.22.3
 
+  string.prototype.trimstart@1.0.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+
   string_decoder@1.3.0:
     dependencies:
       safe-buffer: 5.2.1
@@ -12698,10 +13165,6 @@ snapshots:
 
   trough@2.1.0: {}
 
-  ts-api-utils@1.0.3(typescript@5.1.3):
-    dependencies:
-      typescript: 5.1.3
-
   ts-api-utils@1.0.3(typescript@5.2.2):
     dependencies:
       typescript: 5.2.2
@@ -12710,6 +13173,10 @@ snapshots:
     dependencies:
       typescript: 5.4.2
 
+  ts-api-utils@1.3.0(typescript@5.1.3):
+    dependencies:
+      typescript: 5.1.3
+
   tsconfig-resolver@3.0.1:
     dependencies:
       '@types/json5': 0.0.30
@@ -12782,31 +13249,63 @@ snapshots:
 
   typed-array-buffer@1.0.0:
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
       is-typed-array: 1.1.12
 
+  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.0:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       for-each: 0.3.3
-      has-proto: 1.0.1
+      has-proto: 1.0.3
       is-typed-array: 1.1.12
 
+  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.0:
     dependencies:
       available-typed-arrays: 1.0.5
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       for-each: 0.3.3
-      has-proto: 1.0.1
+      has-proto: 1.0.3
       is-typed-array: 1.1.12
 
+  typed-array-byte-offset@1.0.2:
+    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
+
   typed-array-length@1.0.4:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       for-each: 0.3.3
       is-typed-array: 1.1.12
 
+  typed-array-length@1.0.6:
+    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
+      possible-typed-array-names: 1.0.0
+
   typescript@5.1.3: {}
 
   typescript@5.2.2: {}
@@ -12819,7 +13318,7 @@ snapshots:
 
   unbox-primitive@1.0.2:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       has-bigints: 1.0.2
       has-symbols: 1.0.3
       which-boxed-primitive: 1.0.2
@@ -13097,11 +13596,19 @@ snapshots:
   which-typed-array@1.1.13:
     dependencies:
       available-typed-arrays: 1.0.5
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       for-each: 0.3.3
       gopd: 1.0.1
       has-tostringtag: 1.0.0
 
+  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@1.3.1:
     dependencies:
       isexe: 2.0.0

From 39be7872f9a12b2689f232c3f3371f3094f3764d Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 6 Aug 2024 10:55:28 +0200
Subject: [PATCH 0961/1093] fixed connection snapping & updated internal
 easy-connect example

---
 .../src/examples/EasyConnect/CustomNode.tsx   | 27 +++++++------------
 .../src/examples/EasyConnect/FloatingEdge.tsx |  3 +--
 .../react/src/examples/EasyConnect/index.tsx  | 14 +++++++++-
 .../react/src/examples/EasyConnect/utils.tsx  |  3 +--
 packages/system/src/xyhandle/XYHandle.ts      |  4 ++-
 5 files changed, 28 insertions(+), 23 deletions(-)

diff --git a/examples/react/src/examples/EasyConnect/CustomNode.tsx b/examples/react/src/examples/EasyConnect/CustomNode.tsx
index 7d3d6d672..03726da20 100644
--- a/examples/react/src/examples/EasyConnect/CustomNode.tsx
+++ b/examples/react/src/examples/EasyConnect/CustomNode.tsx
@@ -1,13 +1,10 @@
-import { Handle, NodeProps, Position, ReactFlowState, useStore } from '@xyflow/react';
-
-const connectionNodeIdSelector = (state: ReactFlowState) => state.connectionStartHandle?.nodeId;
+import { Handle, NodeProps, Position, useConnection } from '@xyflow/react';
 
 export default function CustomNode({ id }: NodeProps) {
-  const connectionNodeId = useStore(connectionNodeIdSelector);
-  const isConnecting = !!connectionNodeId;
-  const isTarget = connectionNodeId && connectionNodeId !== id;
+  const connection = useConnection();
+
+  const isTarget = connection.inProgress && connection.fromNode.id !== id;
 
-  const targetHandleStyle = { zIndex: isTarget ? 3 : 1 };
   const label = isTarget ? 'Drop here' : 'Drag to connect';
 
   return (
@@ -19,17 +16,13 @@ export default function CustomNode({ id }: NodeProps) {
           backgroundColor: isTarget ? '#ffcce3' : '#ccd9f6',
         }}
       >
-        {!isConnecting && (
-          <Handle className="customHandle" style={{ zIndex: 2 }} position={Position.Right} type="source" />
-        )}
+        {/* If handles are conditionally rendered and not present initially, you need to update the node internals https://reactflow.dev/docs/api/hooks/use-update-node-internals/ */}
+        {/* In this case we don't need to use useUpdateNodeInternals, since !connection.inProgress is true at the beginning and all handles are rendered initially. */}
+        {!connection.inProgress && <Handle className="customHandle" position={Position.Right} type="source" id="src" />}
 
-        <Handle
-          className="customHandle"
-          style={targetHandleStyle}
-          position={Position.Left}
-          type="target"
-          isConnectableStart={false}
-        />
+        {/* We want to disable the target handle, if the connection was started from this node */}
+        {/* {(!connection.inProgress || isTarget) && ( */}
+        <Handle className="customHandle" position={Position.Left} type="target" isConnectableStart={false} id="trgt" />
         {label}
       </div>
     </div>
diff --git a/examples/react/src/examples/EasyConnect/FloatingEdge.tsx b/examples/react/src/examples/EasyConnect/FloatingEdge.tsx
index 48d621e79..a35398bc2 100644
--- a/examples/react/src/examples/EasyConnect/FloatingEdge.tsx
+++ b/examples/react/src/examples/EasyConnect/FloatingEdge.tsx
@@ -1,5 +1,4 @@
-import { useCallback } from 'react';
-import { useStore, getStraightPath, EdgeProps, useInternalNode } from '@xyflow/react';
+import { EdgeProps, getStraightPath, useInternalNode } from '@xyflow/react';
 
 import { getEdgeParams } from './utils.js';
 
diff --git a/examples/react/src/examples/EasyConnect/index.tsx b/examples/react/src/examples/EasyConnect/index.tsx
index 11e347f11..a770b778b 100644
--- a/examples/react/src/examples/EasyConnect/index.tsx
+++ b/examples/react/src/examples/EasyConnect/index.tsx
@@ -1,5 +1,15 @@
 import { useCallback } from 'react';
-import { ReactFlow, Node, Edge, addEdge, useNodesState, useEdgesState, MarkerType, OnConnect } from '@xyflow/react';
+import {
+  ReactFlow,
+  Node,
+  Edge,
+  addEdge,
+  useNodesState,
+  useEdgesState,
+  MarkerType,
+  OnConnect,
+  ConnectionMode,
+} from '@xyflow/react';
 
 import CustomNode from './CustomNode';
 import FloatingEdge from './FloatingEdge';
@@ -64,6 +74,8 @@ const EasyConnectExample = () => {
 
   const onConnect: OnConnect = useCallback((params) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
 
+  console.log(edges);
+
   return (
     <ReactFlow
       nodes={nodes}
diff --git a/examples/react/src/examples/EasyConnect/utils.tsx b/examples/react/src/examples/EasyConnect/utils.tsx
index f9667f237..587de9c1d 100644
--- a/examples/react/src/examples/EasyConnect/utils.tsx
+++ b/examples/react/src/examples/EasyConnect/utils.tsx
@@ -19,12 +19,11 @@ function getNodeIntersection(intersectionNode: InternalNode, targetNode: Interna
 
   const xx1 = (x1 - x2) / (2 * w) - (y1 - y2) / (2 * h);
   const yy1 = (x1 - x2) / (2 * w) + (y1 - y2) / (2 * h);
-  const a = 1 / (Math.abs(xx1) + Math.abs(yy1));
+  const a = 1 / (Math.abs(xx1) + Math.abs(yy1) || 1);
   const xx3 = a * xx1;
   const yy3 = a * yy1;
   const x = w * (xx3 + yy3) + x2;
   const y = h * (-xx3 + yy3) + y2;
-
   return { x, y };
 }
 
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index e971a22b5..0136479d3 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -175,7 +175,9 @@ function onPointerDown(
       newConnection.toHandle &&
       previousConnection.toHandle.type === newConnection.toHandle.type &&
       previousConnection.toHandle.nodeId === newConnection.toHandle.nodeId &&
-      previousConnection.toHandle.id === newConnection.toHandle.id
+      previousConnection.toHandle.id === newConnection.toHandle.id &&
+      previousConnection.to.x === newConnection.to.x &&
+      previousConnection.to.y === newConnection.to.y
     ) {
       return;
     }

From 559d49264b940f93c5e205bf984aa76230b10806 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 6 Aug 2024 10:58:06 +0200
Subject: [PATCH 0962/1093] added changeset

---
 .changeset/perfect-nails-cover.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/perfect-nails-cover.md

diff --git a/.changeset/perfect-nails-cover.md b/.changeset/perfect-nails-cover.md
new file mode 100644
index 000000000..58680cb10
--- /dev/null
+++ b/.changeset/perfect-nails-cover.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/system': patch
+---
+
+fix(connection) snapped position not updated correctly

From 6b5a4225946fe08f65a600eef59c438a25668b1e Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 6 Aug 2024 10:59:02 +0200
Subject: [PATCH 0963/1093] remove console.los

---
 examples/react/src/examples/EasyConnect/index.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/examples/react/src/examples/EasyConnect/index.tsx b/examples/react/src/examples/EasyConnect/index.tsx
index a770b778b..bf3e50df9 100644
--- a/examples/react/src/examples/EasyConnect/index.tsx
+++ b/examples/react/src/examples/EasyConnect/index.tsx
@@ -74,8 +74,6 @@ const EasyConnectExample = () => {
 
   const onConnect: OnConnect = useCallback((params) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
 
-  console.log(edges);
-
   return (
     <ReactFlow
       nodes={nodes}

From 085951bc07f02ac7af143409fe156bade8a63113 Mon Sep 17 00:00:00 2001
From: GHOST <ghostdevbusiness@gmail.com>
Date: Sun, 11 Aug 2024 18:03:01 +0000
Subject: [PATCH 0964/1093] chore: add changeset

---
 .changeset/popular-mangos-obey.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/popular-mangos-obey.md

diff --git a/.changeset/popular-mangos-obey.md b/.changeset/popular-mangos-obey.md
new file mode 100644
index 000000000..7513ed8ca
--- /dev/null
+++ b/.changeset/popular-mangos-obey.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/svelte': patch
+---
+
+fix: make svelte-preprocess a dev dep

From 78d6b3d53772a97a7bb935575ace770e0dfefd93 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 12 Aug 2024 16:04:43 +0200
Subject: [PATCH 0965/1093] fix(onlyRenderVisible) render nodes with fixed
 width & height intially

---
 packages/system/src/utils/graph.ts | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 62c3d9da0..207799bc9 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -191,21 +191,22 @@ export const getNodesInside = <NodeType extends NodeBase = NodeBase>(
 
   const visibleNodes: InternalNodeBase<NodeType>[] = [];
 
-  for (const [, node] of nodes) {
+  for (const node of nodes.values()) {
     const { measured, selectable = true, hidden = false } = node;
-    const width = measured.width ?? node.width ?? node.initialWidth ?? null;
-    const height = measured.height ?? node.height ?? node.initialHeight ?? null;
 
     if ((excludeNonSelectableNodes && !selectable) || hidden) {
       continue;
     }
 
+    const width = measured.width ?? node.width ?? node.initialWidth ?? null;
+    const height = measured.height ?? node.height ?? node.initialHeight ?? null;
+
     const overlappingArea = getOverlappingArea(paneRect, nodeToRect(node));
-    const notInitialized = width === null || height === null;
+    const area = (width ?? 0) * (height ?? 0);
 
     const partiallyVisible = partially && overlappingArea > 0;
-    const area = (width ?? 0) * (height ?? 0);
-    const isVisible = notInitialized || partiallyVisible || overlappingArea >= area;
+    const forceInitialRender = !node.internals.handleBounds;
+    const isVisible = forceInitialRender || partiallyVisible || overlappingArea >= area;
 
     if (isVisible || node.dragging) {
       visibleNodes.push(node);

From e7ef328f8f9286a817b19457d38c491e6c0bcffd Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 12 Aug 2024 16:08:53 +0200
Subject: [PATCH 0966/1093] added changeset

---
 .changeset/tidy-swans-clap.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/tidy-swans-clap.md

diff --git a/.changeset/tidy-swans-clap.md b/.changeset/tidy-swans-clap.md
new file mode 100644
index 000000000..77c34e60e
--- /dev/null
+++ b/.changeset/tidy-swans-clap.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/system': patch
+---
+
+fix(onlyRenderVisible) edges to offscreen nodes with fixed width & height displayed correctly

From be33fc1c150e15f127189845cb1e54b78e9b4252 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 12 Aug 2024 16:23:41 +0200
Subject: [PATCH 0967/1093] fix(system,errors): use handle id of matching
 handle type for errors

---
 packages/system/src/constants.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/src/constants.ts b/packages/system/src/constants.ts
index 9f5c63a5b..e108b7613 100644
--- a/packages/system/src/constants.ts
+++ b/packages/system/src/constants.ts
@@ -16,7 +16,7 @@ export const errorMessages = {
     { id, sourceHandle, targetHandle }: { id: string; sourceHandle: string | null; targetHandle: string | null }
   ) =>
     `Couldn't create edge for ${handleType} handle id: "${
-      !sourceHandle ? sourceHandle : targetHandle
+      handleType === 'source' ? sourceHandle : targetHandle
     }", edge id: ${id}.`,
   error010: () => 'Handle: No node id found. Make sure to only use a Handle inside a custom Node.',
   error011: (edgeType: string) => `Edge type "${edgeType}" not found. Using fallback type "default".`,

From 4ecfd7e19720b70024d0b5dff27d4537dd46b49a Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 12 Aug 2024 16:26:14 +0200
Subject: [PATCH 0968/1093] chore(changeset): add

---
 .changeset/short-dingos-return.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/short-dingos-return.md

diff --git a/.changeset/short-dingos-return.md b/.changeset/short-dingos-return.md
new file mode 100644
index 000000000..75cde9d49
--- /dev/null
+++ b/.changeset/short-dingos-return.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/system': patch
+---
+
+Use the handle id of the matching handle type when warning about an edge that can't be created due to missing handle ids.

From 5ef75c8a2fc4ee8b9c6995412cb0835ef850ab0d Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 13 Aug 2024 11:25:19 +0200
Subject: [PATCH 0969/1093] refactor(edges): strengthen css selector for
 overflow visible closes #4526

---
 packages/system/src/styles/init.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 037ad5799..586652c9b 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -113,7 +113,7 @@
   fill: none;
 }
 
-.xy-flow__edges {
+.xy-flow .xy-flow__edges {
   position: absolute;
 
   svg {

From b63a3734b84b6817603c8e6e48e2836f048acc3b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 13 Aug 2024 11:26:16 +0200
Subject: [PATCH 0970/1093] chore(changeset): add

---
 .changeset/empty-guests-yawn.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/empty-guests-yawn.md

diff --git a/.changeset/empty-guests-yawn.md b/.changeset/empty-guests-yawn.md
new file mode 100644
index 000000000..9ee16568f
--- /dev/null
+++ b/.changeset/empty-guests-yawn.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/system': patch
+---
+
+strengthen css selector for edges for overflow visible

From 3496d39c6d8fb4a2e0eceddf459fffc9e94ffa0f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 13 Aug 2024 14:17:17 +0200
Subject: [PATCH 0971/1093] chore(react): re-export handle type #4535

---
 packages/react/src/index.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 604e3d35f..7c984bf04 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -103,6 +103,10 @@ export {
   type KeyCode,
 } from '@xyflow/system';
 
+// we need this workaround to prevent a duplicate identifier error
+import { type Handle as HandleBound } from '@xyflow/system';
+export type Handle = HandleBound;
+
 // system utils
 export {
   type GetBezierPathParams,

From fdff601de418f2ac6a78f04e5a586d67b8d436e6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 13 Aug 2024 14:17:58 +0200
Subject: [PATCH 0972/1093] chore(changeset): add

---
 .changeset/quiet-masks-allow.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/quiet-masks-allow.md

diff --git a/.changeset/quiet-masks-allow.md b/.changeset/quiet-masks-allow.md
new file mode 100644
index 000000000..87b69aaed
--- /dev/null
+++ b/.changeset/quiet-masks-allow.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/react': patch
+---
+
+chore(react): re-export Handle type

From c3e7d61cb485e7bb154c6604b227ab87d56c6604 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 13 Aug 2024 17:30:35 +0200
Subject: [PATCH 0973/1093] replaced handle lookup with ad-hoc way of searching
 for closest handles

---
 .../react/src/components/Handle/index.tsx     |   2 +
 packages/system/src/xyhandle/XYHandle.ts      |  31 ++--
 packages/system/src/xyhandle/types.ts         |   2 +-
 packages/system/src/xyhandle/utils.ts         | 138 ++++++++----------
 4 files changed, 76 insertions(+), 97 deletions(-)

diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 10f347311..2d3a87381 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -159,6 +159,7 @@ function HandleComponent(
       isValidConnection: isValidConnectionStore,
       lib,
       rfId: flowId,
+      nodeLookup,
     } = store.getState();
 
     if (!nodeId || (!connectionClickStartHandle && !isConnectableStart)) {
@@ -187,6 +188,7 @@ function HandleComponent(
       flowId,
       doc,
       lib,
+      nodeLookup,
     });
 
     if (isValid && connection) {
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 0136479d3..c7baa7283 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -15,7 +15,7 @@ import {
   type Connection,
 } from '../types';
 
-import { getClosestHandle, isConnectionValid, getHandleLookup, getHandleType } from './utils';
+import { getClosestHandle, isConnectionValid, getHandleType, getHandle } from './utils';
 import { IsValidParams, OnPointerDownParams, Result, XYHandleInstance } from './types';
 
 const alwaysValid = () => true;
@@ -61,19 +61,17 @@ function onPointerDown(
     return;
   }
 
+  const fromHandleInternal = getHandle(nodeId, handleType, handleId, nodeLookup);
+  if (!fromHandleInternal) {
+    return;
+  }
+
   let position = getEventPosition(event, containerBounds);
   let autoPanStarted = false;
   let connection: Connection | null = null;
   let isValid: boolean | null = false;
   let handleDomNode: Element | null = null;
 
-  const [handleLookup, fromHandleInternal] = getHandleLookup({
-    nodeLookup,
-    nodeId,
-    handleId,
-    handleType,
-  });
-
   // when the user is moving the mouse close to the edge of the canvas while connecting we move the canvas
   function autoPan(): void {
     if (!autoPanOnConnect || !containerBounds) {
@@ -128,7 +126,8 @@ function onPointerDown(
     closestHandle = getClosestHandle(
       pointToRendererPoint(position, transform, false, [1, 1]),
       connectionRadius,
-      handleLookup
+      nodeLookup,
+      fromHandle
     );
 
     if (!autoPanStarted) {
@@ -146,7 +145,7 @@ function onPointerDown(
       doc,
       lib,
       flowId,
-      handleLookup,
+      nodeLookup,
     });
 
     handleDomNode = result.handleDomNode;
@@ -233,7 +232,7 @@ function isValidHandle(
     lib,
     flowId,
     isValidConnection = alwaysValid,
-    handleLookup,
+    nodeLookup,
   }: IsValidParams
 ) {
   const isTarget = fromType === 'target';
@@ -261,7 +260,7 @@ function isValidHandle(
     const connectable = handleToCheck.classList.contains('connectable');
     const connectableEnd = handleToCheck.classList.contains('connectableend');
 
-    if (!handleNodeId) {
+    if (!handleNodeId || !handleType) {
       return result;
     }
 
@@ -284,13 +283,7 @@ function isValidHandle(
 
     result.isValid = isValid && isValidConnection(connection);
 
-    const toHandle = handleLookup?.get(`${handleNodeId}-${handleType}-${handleId}`);
-
-    if (toHandle) {
-      result.toHandle = {
-        ...toHandle,
-      };
-    }
+    result.toHandle = getHandle(handleNodeId, handleType, handleId, nodeLookup, false);
   }
 
   return result;
diff --git a/packages/system/src/xyhandle/types.ts b/packages/system/src/xyhandle/types.ts
index ac1b6e237..799f68c35 100644
--- a/packages/system/src/xyhandle/types.ts
+++ b/packages/system/src/xyhandle/types.ts
@@ -48,7 +48,7 @@ export type IsValidParams = {
   doc: Document | ShadowRoot;
   lib: string;
   flowId: string | null;
-  handleLookup?: Map<string, Handle>;
+  nodeLookup: NodeLookup;
 };
 
 export type XYHandleInstance = {
diff --git a/packages/system/src/xyhandle/utils.ts b/packages/system/src/xyhandle/utils.ts
index 04099bcff..285d8fc37 100644
--- a/packages/system/src/xyhandle/utils.ts
+++ b/packages/system/src/xyhandle/utils.ts
@@ -1,52 +1,62 @@
-import { getHandlePosition } from '../utils';
-import {
-  type HandleType,
-  type NodeHandleBounds,
-  type XYPosition,
-  type Handle,
-  InternalNodeBase,
-  NodeLookup,
-} from '../types';
-
-// this functions collects all handles and adds an absolute position
-// so that we can later find the closest handle to the mouse position
-function getHandles(
-  node: InternalNodeBase,
-  handleBounds: NodeHandleBounds,
-  type: HandleType,
-  currentHandle: { nodeId: string; handleId: string | null; handleType: HandleType }
-): [Handle[], Handle | null] {
-  let excludedHandle = null;
-  const handles = (handleBounds[type] || []).reduce<Handle[]>((res, handle) => {
-    if (node.id === currentHandle.nodeId && type === currentHandle.handleType && handle.id === currentHandle.handleId) {
-      excludedHandle = handle;
-    } else {
-      const handleXY = getHandlePosition(node, handle, handle.position, true);
-      res.push({ ...handle, ...handleXY });
+import { getHandlePosition, getOverlappingArea, nodeToRect } from '../utils';
+import type { HandleType, XYPosition, Handle, InternalNodeBase, NodeLookup } from '../types';
+
+function getNodesWithinDistance(position: XYPosition, nodeLookup: NodeLookup, distance: number): InternalNodeBase[] {
+  const nodes: InternalNodeBase[] = [];
+
+  for (const node of nodeLookup.values()) {
+    const rect = {
+      x: position.x - distance,
+      y: position.y - distance,
+      width: distance * 2,
+      height: distance * 2,
+    };
+
+    const overlappingArea = getOverlappingArea(rect, nodeToRect(node));
+
+    if (overlappingArea > 0) {
+      nodes.push(node);
     }
-    return res;
-  }, []);
-  return [handles, excludedHandle];
+  }
+
+  return nodes;
 }
 
+const ADDITIONAL_DISTANCE = 250;
 export function getClosestHandle(
-  pos: XYPosition,
+  position: XYPosition,
   connectionRadius: number,
-  handleLookup: Map<string, Handle>
+  nodeLookup: NodeLookup,
+  fromHandle: { nodeId: string; type: HandleType; id?: string | null }
 ): Handle | null {
   let closestHandles: Handle[] = [];
   let minDistance = Infinity;
 
-  for (const handle of handleLookup.values()) {
-    const distance = Math.sqrt(Math.pow(handle.x - pos.x, 2) + Math.pow(handle.y - pos.y, 2));
-    if (distance <= connectionRadius) {
+  const closeNodes = getNodesWithinDistance(position, nodeLookup, connectionRadius + ADDITIONAL_DISTANCE);
+  for (const node of closeNodes) {
+    const allHandles = [...(node.internals.handleBounds?.source ?? []), ...(node.internals.handleBounds?.target ?? [])];
+
+    for (const handle of allHandles) {
+      // if the handle is the same as the fromHandle we skip it
+      if (fromHandle.nodeId === handle.nodeId && fromHandle.type === handle.type && fromHandle.id === handle.id) {
+        continue;
+      }
+
+      // determine absolute position of the handle
+      const { x, y } = getHandlePosition(node, handle, handle.position, true);
+
+      const distance = Math.sqrt(Math.pow(x - position.x, 2) + Math.pow(y - position.y, 2));
+      if (distance > connectionRadius) {
+        continue;
+      }
+
       if (distance < minDistance) {
-        closestHandles = [handle];
+        closestHandles = [{ ...handle, x, y }];
+        minDistance = distance;
       } else if (distance === minDistance) {
         // when multiple handles are on the same distance we collect all of them
-        closestHandles.push(handle);
+        closestHandles.push({ ...handle, x, y });
       }
-      minDistance = distance;
     }
   }
 
@@ -60,50 +70,24 @@ export function getClosestHandle(
       closestHandles.find((handle) => handle.type === 'target') || closestHandles[0];
 }
 
-type GetHandleLookupParams = {
-  nodeLookup: NodeLookup;
-  nodeId: string;
-  handleId: string | null;
-  handleType: HandleType;
-};
-
-export function getHandleLookup({
-  nodeLookup,
-  nodeId,
-  handleId,
-  handleType,
-}: GetHandleLookupParams): [Map<string, Handle>, Handle] {
-  const connectionHandles: Map<string, Handle> = new Map();
-  const currentHandle = { nodeId, handleId, handleType };
-  let matchingHandle: Handle | null = null;
-
-  for (const node of nodeLookup.values()) {
-    if (node.internals.handleBounds) {
-      const [sourceHandles, excludedSource] = getHandles(node, node.internals.handleBounds, 'source', currentHandle);
-      const [targetHandles, excludedTarget] = getHandles(node, node.internals.handleBounds, 'target', currentHandle);
-
-      matchingHandle = matchingHandle ? matchingHandle : excludedSource ?? excludedTarget;
-
-      [...sourceHandles, ...targetHandles].forEach((handle) =>
-        connectionHandles.set(`${handle.nodeId}-${handle.type}-${handle.id}`, handle)
-      );
-    }
+export function getHandle(
+  nodeId: string,
+  handleType: HandleType,
+  handleId: string | null,
+  nodeLookup: NodeLookup,
+  withAbsolutePosition = false
+): Handle | null {
+  const node = nodeLookup.get(nodeId);
+  if (!node) {
+    return null;
   }
 
-  // if the user only works with handles that are type="source" + connectionMode="loose"
-  // it happens that we can't find a matching handle. The reason for this is, that the
-  // edge don't know about the handles and always assumes that there is source and a target.
-  // In this case we need to find the matching handle by switching the handleType
-  if (!matchingHandle) {
-    const node = nodeLookup.get(nodeId);
-    if (node?.internals.handleBounds) {
-      currentHandle.handleType = handleType === 'source' ? 'target' : 'source';
-      const [, excluded] = getHandles(node, node.internals.handleBounds, currentHandle.handleType, currentHandle);
-      matchingHandle = excluded;
-    }
-  }
+  const handles = node.internals.handleBounds?.[handleType];
+  const handle = (handleId ? handles?.find((h) => h.id === handleId) : handles?.[0]) ?? null;
 
-  return [connectionHandles, matchingHandle!];
+  return handle && withAbsolutePosition
+    ? { ...handle, ...getHandlePosition(node, handle, handle.position, true) }
+    : handle;
 }
 
 export function getHandleType(

From 692e6440b10e75cb31f3f3172aede9ed4d7f05d2 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 13 Aug 2024 17:32:59 +0200
Subject: [PATCH 0974/1093] added changeset

---
 .changeset/mighty-nails-cover.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 .changeset/mighty-nails-cover.md

diff --git a/.changeset/mighty-nails-cover.md b/.changeset/mighty-nails-cover.md
new file mode 100644
index 000000000..10904ab2c
--- /dev/null
+++ b/.changeset/mighty-nails-cover.md
@@ -0,0 +1,6 @@
+---
+'@xyflow/react': patch
+'@xyflow/system': patch
+---
+
+Replaced algorithm used for searching close handles while connecting

From e3aa98b84e8e94449a4c8ca9769fcbd264c53a1f Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 14 Aug 2024 09:50:06 +0200
Subject: [PATCH 0975/1093] connection snapping prioritizes opposite handle
 type instead of target

---
 packages/system/src/xyhandle/utils.ts | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/system/src/xyhandle/utils.ts b/packages/system/src/xyhandle/utils.ts
index 285d8fc37..bd7c40260 100644
--- a/packages/system/src/xyhandle/utils.ts
+++ b/packages/system/src/xyhandle/utils.ts
@@ -63,11 +63,13 @@ export function getClosestHandle(
   if (!closestHandles.length) {
     return null;
   }
+  // when multiple handles overlay each other we prefer the opposite handle
+  if (closestHandles.length > 1) {
+    const oppositeHandleType = fromHandle.type === 'source' ? 'target' : 'source';
+    return closestHandles.find((handle) => handle.type === oppositeHandleType) ?? closestHandles[0];
+  }
 
-  return closestHandles.length === 1
-    ? closestHandles[0]
-    : // if multiple handles are layouted on top of each other we take the one with type = target because it's more likely that the user wants to connect to this one
-      closestHandles.find((handle) => handle.type === 'target') || closestHandles[0];
+  return closestHandles[0];
 }
 
 export function getHandle(

From aae62e9ec6a9a6284e500b5864c564a3a433a86c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 14 Aug 2024 11:17:34 +0200
Subject: [PATCH 0976/1093] feat(onConnectEnd): pass connectionState

---
 packages/react/src/components/Handle/index.tsx          | 8 +++++++-
 packages/svelte/src/lib/components/Handle/Handle.svelte | 6 +++---
 packages/system/src/types/general.ts                    | 5 ++++-
 packages/system/src/xyhandle/XYHandle.ts                | 7 ++++++-
 4 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx
index 10f347311..fbc258c24 100644
--- a/packages/react/src/components/Handle/index.tsx
+++ b/packages/react/src/components/Handle/index.tsx
@@ -19,6 +19,8 @@ import {
   type HandleType,
   ConnectionMode,
   OnConnect,
+  ConnectionState,
+  Optional,
 } from '@xyflow/system';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
@@ -159,6 +161,7 @@ function HandleComponent(
       isValidConnection: isValidConnectionStore,
       lib,
       rfId: flowId,
+      connection: connectionState,
     } = store.getState();
 
     if (!nodeId || (!connectionClickStartHandle && !isConnectableStart)) {
@@ -193,7 +196,10 @@ function HandleComponent(
       onConnectExtended(connection);
     }
 
-    onClickConnectEnd?.(event as unknown as MouseEvent);
+    const connectionClone = structuredClone(connectionState) as Optional<ConnectionState, 'inProgress'>;
+    delete connectionClone.inProgress;
+    connectionClone.toPosition = connectionClone.toHandle ? connectionClone.toHandle.position : null;
+    onClickConnectEnd?.(event as unknown as MouseEvent, connectionClone);
 
     store.setState({ connectionClickStartHandle: null });
   };
diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index 8a9f7bcf6..45f70fb2f 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -29,7 +29,7 @@
   // export let isConnectableEnd: $$Props['isConnectableEnd'] = undefined;
 
   let isConnectableProp: $$Props['isConnectable'] = undefined;
-  export { isConnectableProp as isConnectable }
+  export { isConnectableProp as isConnectable };
 
   let className: $$Props['class'] = undefined;
   export { className as class };
@@ -101,8 +101,8 @@
             handleType: startParams.handleType
           });
         },
-        onConnectEnd: (event) => {
-          $onConnectEndAction?.(event);
+        onConnectEnd: (event, connectionState) => {
+          $onConnectEndAction?.(event, connectionState);
         },
         getTransform: () => [$viewport.x, $viewport.y, $viewport.zoom],
         getFromHandle: () => $connection.fromHandle
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 1af0b930b..4440f58b6 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -50,7 +50,10 @@ export type OnConnectStartParams = {
 
 export type OnConnectStart = (event: MouseEvent | TouchEvent, params: OnConnectStartParams) => void;
 export type OnConnect = (connection: Connection) => void;
-export type OnConnectEnd = (event: MouseEvent | TouchEvent) => void;
+export type OnConnectEnd = (
+  event: MouseEvent | TouchEvent,
+  connectionState: Omit<ConnectionState, 'inProgress'>
+) => void;
 
 export type IsValidConnection = (edge: EdgeBase | Connection) => boolean;
 
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 0136479d3..335c1673c 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -193,7 +193,12 @@ function onPointerDown(
 
     // it's important to get a fresh reference from the store here
     // in order to get the latest state of onConnectEnd
-    onConnectEnd?.(event);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { inProgress, ...connectionState } = previousConnection;
+    onConnectEnd?.(event, {
+      ...connectionState,
+      toPosition: previousConnection.toHandle ? previousConnection.toPosition : null,
+    });
 
     if (edgeUpdaterType) {
       onReconnectEnd?.(event);

From 99733c01bc70f9463e7dba0046c5f8d839a1d2ba Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 14 Aug 2024 11:18:17 +0200
Subject: [PATCH 0977/1093] chore(changeset): add

---
 .changeset/wild-seas-guess.md | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 .changeset/wild-seas-guess.md

diff --git a/.changeset/wild-seas-guess.md b/.changeset/wild-seas-guess.md
new file mode 100644
index 000000000..e97200bd9
--- /dev/null
+++ b/.changeset/wild-seas-guess.md
@@ -0,0 +1,7 @@
+---
+'@xyflow/react': patch
+'@xyflow/svelte': patch
+'@xyflow/system': patch
+---
+
+feat(onConnectEnd): pass connectionState param

From babaa782ea28b435121ce37921dca1161df8d2bd Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 14 Aug 2024 16:30:01 +0200
Subject: [PATCH 0978/1093] chore(examples): add moving handle example

---
 examples/react/src/App/routes.ts              |   6 +
 .../src/examples/EasyConnect/CustomNode.tsx   |  12 +-
 .../MovingHandles/MovingHandleNode.tsx        |  57 +++++++++
 .../src/examples/MovingHandles/index.tsx      | 116 ++++++++++++++++++
 4 files changed, 184 insertions(+), 7 deletions(-)
 create mode 100644 examples/react/src/examples/MovingHandles/MovingHandleNode.tsx
 create mode 100644 examples/react/src/examples/MovingHandles/index.tsx

diff --git a/examples/react/src/App/routes.ts b/examples/react/src/App/routes.ts
index 6dffe3b0b..28c9e8cc6 100644
--- a/examples/react/src/App/routes.ts
+++ b/examples/react/src/App/routes.ts
@@ -53,6 +53,7 @@ import UseHandleConnections from '../examples/UseHandleConnections';
 import AddNodeOnEdgeDrop from '../examples/AddNodeOnEdgeDrop';
 import DevTools from '../examples/DevTools';
 import Redux from '../examples/Redux';
+import MovingHandles from '../examples/MovingHandles';
 
 export interface IRoute {
   name: string;
@@ -206,6 +207,11 @@ const routes: IRoute[] = [
     path: 'multi-setnodes',
     component: MultiSetNodes,
   },
+  {
+    name: 'Moving Handles',
+    path: 'moving-handles',
+    component: MovingHandles,
+  },
   {
     name: 'Multi Flows',
     path: 'multiflows',
diff --git a/examples/react/src/examples/EasyConnect/CustomNode.tsx b/examples/react/src/examples/EasyConnect/CustomNode.tsx
index 03726da20..803f7b9e3 100644
--- a/examples/react/src/examples/EasyConnect/CustomNode.tsx
+++ b/examples/react/src/examples/EasyConnect/CustomNode.tsx
@@ -2,9 +2,7 @@ import { Handle, NodeProps, Position, useConnection } from '@xyflow/react';
 
 export default function CustomNode({ id }: NodeProps) {
   const connection = useConnection();
-
   const isTarget = connection.inProgress && connection.fromNode.id !== id;
-
   const label = isTarget ? 'Drop here' : 'Drag to connect';
 
   return (
@@ -17,12 +15,12 @@ export default function CustomNode({ id }: NodeProps) {
         }}
       >
         {/* If handles are conditionally rendered and not present initially, you need to update the node internals https://reactflow.dev/docs/api/hooks/use-update-node-internals/ */}
-        {/* In this case we don't need to use useUpdateNodeInternals, since !connection.inProgress is true at the beginning and all handles are rendered initially. */}
-        {!connection.inProgress && <Handle className="customHandle" position={Position.Right} type="source" id="src" />}
-
+        {/* In this case we don't need to use useUpdateNodeInternals, since !isConnecting is true at the beginning and all handles are rendered initially. */}
+        {!connection.inProgress && <Handle className="customHandle" position={Position.Right} type="source" />}
         {/* We want to disable the target handle, if the connection was started from this node */}
-        {/* {(!connection.inProgress || isTarget) && ( */}
-        <Handle className="customHandle" position={Position.Left} type="target" isConnectableStart={false} id="trgt" />
+        {(!connection.inProgress || isTarget) && (
+          <Handle className="customHandle" position={Position.Left} type="target" isConnectableStart={false} />
+        )}
         {label}
       </div>
     </div>
diff --git a/examples/react/src/examples/MovingHandles/MovingHandleNode.tsx b/examples/react/src/examples/MovingHandles/MovingHandleNode.tsx
new file mode 100644
index 000000000..bef0bec90
--- /dev/null
+++ b/examples/react/src/examples/MovingHandles/MovingHandleNode.tsx
@@ -0,0 +1,57 @@
+import React, { memo, CSSProperties } from 'react';
+import { Handle, Position, NodeProps, useConnection } from '@xyflow/react';
+
+import type { MovingHandleNode } from '.';
+
+const sourceHandleStyle: CSSProperties = {
+  position: 'relative',
+  transform: 'translate(-50%, 0)',
+  top: 0,
+  transition: 'transform 0.5s',
+};
+
+function MovingHandleNode({}: NodeProps<MovingHandleNode>) {
+  const connection = useConnection();
+
+  return (
+    <>
+      <div
+        style={{
+          display: 'flex',
+          flexDirection: 'column',
+          position: 'absolute',
+          left: 0,
+          top: 0,
+          justifyContent: 'space-around',
+          height: '100%',
+        }}
+      >
+        <Handle
+          type="target"
+          id="a"
+          position={Position.Left}
+          style={{
+            ...sourceHandleStyle,
+            transform: connection.inProgress ? 'translate(-20px, 0)' : 'translate(-50%, 0)',
+          }}
+        />
+        <Handle
+          type="target"
+          id="b"
+          position={Position.Left}
+          style={{
+            ...sourceHandleStyle,
+            transform: connection.inProgress ? 'translate(-20px, 0)' : 'translate(-50%, 0)',
+          }}
+        />
+      </div>
+      <div style={{ background: '#f4f4f4', padding: 10 }}>
+        <div>moving handles</div>
+        <Handle type="source" position={Position.Right} />
+        <Handle type="source" position={Position.Right} />
+      </div>
+    </>
+  );
+}
+
+export default memo(MovingHandleNode);
diff --git a/examples/react/src/examples/MovingHandles/index.tsx b/examples/react/src/examples/MovingHandles/index.tsx
new file mode 100644
index 000000000..8e254eb29
--- /dev/null
+++ b/examples/react/src/examples/MovingHandles/index.tsx
@@ -0,0 +1,116 @@
+import { useState, useCallback, useEffect } from 'react';
+import {
+  ReactFlow,
+  Controls,
+  addEdge,
+  Node,
+  Position,
+  useEdgesState,
+  Background,
+  applyNodeChanges,
+  OnNodesChange,
+  OnConnect,
+  BuiltInNode,
+  BuiltInEdge,
+  NodeTypes,
+  ReactFlowProvider,
+  useConnection,
+  useReactFlow,
+  useUpdateNodeInternals,
+} from '@xyflow/react';
+
+import MovingHandleNode from './MovingHandleNode';
+
+export type MovingHandleNode = Node<{}, 'movingHandle'>;
+export type MyNode = BuiltInNode | MovingHandleNode;
+export type MyEdge = BuiltInEdge;
+
+const nodeTypes: NodeTypes = {
+  movingHandle: MovingHandleNode,
+};
+
+const initNodes: MyNode[] = [
+  {
+    id: 'input',
+    type: 'input',
+    data: { label: 'input' },
+    position: { x: -300, y: 0 },
+    sourcePosition: Position.Right,
+  },
+];
+
+for (let i = 0; i < 10; i++) {
+  initNodes.push({
+    id: `${i}`,
+    type: 'movingHandle',
+    position: { x: 0, y: i * 60 },
+    data: {},
+  });
+}
+
+const initEdges: MyEdge[] = [];
+
+const CustomNodeFlow = () => {
+  const [nodes, setNodes] = useState<MyNode[]>(initNodes);
+
+  const onNodesChange: OnNodesChange<MyNode> = useCallback(
+    (changes) =>
+      setNodes((nds) => {
+        const nextNodes = applyNodeChanges(changes, nds);
+        return nextNodes;
+      }),
+    [setNodes]
+  );
+
+  const [edges, setEdges, onEdgesChange] = useEdgesState<MyEdge>(initEdges);
+
+  const onConnect: OnConnect = useCallback(
+    (connection) => setEdges((eds) => addEdge({ ...connection, animated: true }, eds)),
+    [setEdges]
+  );
+
+  return (
+    <ReactFlow
+      nodes={nodes}
+      edges={edges}
+      onNodesChange={onNodesChange}
+      onEdgesChange={onEdgesChange}
+      onConnect={onConnect}
+      nodeTypes={nodeTypes}
+      minZoom={0.2}
+      fitView
+    >
+      <Controls />
+      <Background />
+      <NodeUpdater />
+    </ReactFlow>
+  );
+};
+
+function NodeUpdater() {
+  const connection = useConnection();
+  const { getNodes } = useReactFlow();
+  const updateNodeInternals = useUpdateNodeInternals();
+
+  useEffect(() => {
+    const startTime = Date.now();
+    const nodeIds = getNodes().map((n) => n.id);
+
+    function update() {
+      if (Date.now() - startTime < 500) {
+        updateNodeInternals(nodeIds);
+        requestAnimationFrame(update);
+      }
+    }
+
+    update();
+  }, [connection.inProgress]);
+
+  return null;
+}
+
+export default () => (
+  <ReactFlowProvider>
+    <CustomNodeFlow />
+  </ReactFlowProvider>
+);

From e0cfdc52cdbc867e8f0d94fff5e18e3fc4a420ac Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 14 Aug 2024 16:30:37 +0200
Subject: [PATCH 0979/1093] refactor(xyhandle): cleanup

---
 packages/system/src/xyhandle/utils.ts | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/packages/system/src/xyhandle/utils.ts b/packages/system/src/xyhandle/utils.ts
index bd7c40260..2a0ff9111 100644
--- a/packages/system/src/xyhandle/utils.ts
+++ b/packages/system/src/xyhandle/utils.ts
@@ -3,18 +3,15 @@ import type { HandleType, XYPosition, Handle, InternalNodeBase, NodeLookup } fro
 
 function getNodesWithinDistance(position: XYPosition, nodeLookup: NodeLookup, distance: number): InternalNodeBase[] {
   const nodes: InternalNodeBase[] = [];
+  const rect = {
+    x: position.x - distance,
+    y: position.y - distance,
+    width: distance * 2,
+    height: distance * 2,
+  };
 
   for (const node of nodeLookup.values()) {
-    const rect = {
-      x: position.x - distance,
-      y: position.y - distance,
-      width: distance * 2,
-      height: distance * 2,
-    };
-
-    const overlappingArea = getOverlappingArea(rect, nodeToRect(node));
-
-    if (overlappingArea > 0) {
+    if (getOverlappingArea(rect, nodeToRect(node)) > 0) {
       nodes.push(node);
     }
   }
@@ -22,7 +19,10 @@ function getNodesWithinDistance(position: XYPosition, nodeLookup: NodeLookup, di
   return nodes;
 }
 
+// this distance is used for the area around the user pointer
+// while doing a connection for finding the closest nodes
 const ADDITIONAL_DISTANCE = 250;
+
 export function getClosestHandle(
   position: XYPosition,
   connectionRadius: number,
@@ -33,6 +33,7 @@ export function getClosestHandle(
   let minDistance = Infinity;
 
   const closeNodes = getNodesWithinDistance(position, nodeLookup, connectionRadius + ADDITIONAL_DISTANCE);
+
   for (const node of closeNodes) {
     const allHandles = [...(node.internals.handleBounds?.source ?? []), ...(node.internals.handleBounds?.target ?? [])];
 

From 93af3409c4ece2800765512b164e4c546aee466f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 14 Aug 2024 16:33:08 +0200
Subject: [PATCH 0980/1093] fix(react/fitView): only trigger for resize
 observer

---
 .../react/src/hooks/useUpdateNodeInternals.ts |  2 +-
 packages/react/src/store/index.ts             | 35 +++++++++++--------
 packages/react/src/types/store.ts             |  2 +-
 3 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/packages/react/src/hooks/useUpdateNodeInternals.ts b/packages/react/src/hooks/useUpdateNodeInternals.ts
index 63965d72d..6486afd88 100644
--- a/packages/react/src/hooks/useUpdateNodeInternals.ts
+++ b/packages/react/src/hooks/useUpdateNodeInternals.ts
@@ -25,6 +25,6 @@ export function useUpdateNodeInternals(): UpdateNodeInternals {
       }
     });
 
-    requestAnimationFrame(() => updateNodeInternals(updates));
+    requestAnimationFrame(() => updateNodeInternals(updates, { triggerFitView: false }));
   }, []);
 }
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 016041430..c45d8f2db 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -77,7 +77,7 @@ const createStore = ({
       // Every node gets registerd at a ResizeObserver. Whenever a node
       // changes its dimensions, this function is called to measure the
       // new dimensions and update the nodes.
-      updateNodeInternals: (updates) => {
+      updateNodeInternals: (updates, params = { triggerFitView: true }) => {
         const {
           triggerNodeChanges,
           nodeLookup,
@@ -105,22 +105,27 @@ const createStore = ({
 
         updateAbsolutePositions(nodeLookup, parentLookup, { nodeOrigin });
 
-        // we call fitView once initially after all dimensions are set
-        let nextFitViewDone = fitViewDone;
+        if (params.triggerFitView) {
+          // we call fitView once initially after all dimensions are set
+          let nextFitViewDone = fitViewDone;
 
-        if (!fitViewDone && fitViewOnInit) {
-          nextFitViewDone = fitViewSync({
-            ...fitViewOnInitOptions,
-            nodes: fitViewOnInitOptions?.nodes,
-          });
-        }
+          if (!fitViewDone && fitViewOnInit) {
+            nextFitViewDone = fitViewSync({
+              ...fitViewOnInitOptions,
+              nodes: fitViewOnInitOptions?.nodes,
+            });
+          }
 
-        // here we are cirmumventing the onNodesChange handler
-        // in order to be able to display nodes even if the user
-        // has not provided an onNodesChange handler.
-        // Nodes are only rendered if they have a width and height
-        // attribute which they get from this handler.
-        set({ fitViewDone: nextFitViewDone });
+          // here we are cirmumventing the onNodesChange handler
+          // in order to be able to display nodes even if the user
+          // has not provided an onNodesChange handler.
+          // Nodes are only rendered if they have a width and height
+          // attribute which they get from this handler.
+          set({ fitViewDone: nextFitViewDone });
+        } else {
+          // we always want to trigger useStore calls whenever updateNodeInternals is called
+          set({});
+        }
 
         if (changes?.length > 0) {
           if (debug) {
diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index 8ddd2ff85..beeb85b35 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -152,7 +152,7 @@ export type ReactFlowActions<NodeType extends Node, EdgeType extends Edge> = {
   setNodes: (nodes: NodeType[]) => void;
   setEdges: (edges: EdgeType[]) => void;
   setDefaultNodesAndEdges: (nodes?: NodeType[], edges?: EdgeType[]) => void;
-  updateNodeInternals: (updates: Map<string, InternalNodeUpdate>) => void;
+  updateNodeInternals: (updates: Map<string, InternalNodeUpdate>, params?: { triggerFitView: boolean }) => void;
   updateNodePositions: UpdateNodePositions;
   resetSelectedElements: () => void;
   unselectNodesAndEdges: (params?: UnselectNodesAndEdgesParams) => void;

From 41981970e40baae29ec1631ea5f1eec9c27dfb12 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 14 Aug 2024 16:33:47 +0200
Subject: [PATCH 0981/1093] chore(changeset): add

---
 .changeset/bright-brooms-glow.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/bright-brooms-glow.md

diff --git a/.changeset/bright-brooms-glow.md b/.changeset/bright-brooms-glow.md
new file mode 100644
index 000000000..8f29eb3ba
--- /dev/null
+++ b/.changeset/bright-brooms-glow.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/react': patch
+---
+
+fix(fitView): only trigger for resize observer

From 2a673370ad1fc7d380279a5ad6f49b43c84a2b54 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 15 Aug 2024 12:04:14 +0200
Subject: [PATCH 0982/1093] added possibility to use selector with
 useConnection hook

---
 packages/react/src/hooks/useConnection.ts | 25 +++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/hooks/useConnection.ts b/packages/react/src/hooks/useConnection.ts
index 46784c4f0..94db51401 100644
--- a/packages/react/src/hooks/useConnection.ts
+++ b/packages/react/src/hooks/useConnection.ts
@@ -4,17 +4,34 @@ import { ConnectionState, pointToRendererPoint } from '@xyflow/system';
 import { useStore } from './useStore';
 import type { InternalNode, Node, ReactFlowStore } from '../types';
 
-const selector = (s: ReactFlowStore) => {
+function storeSelector(s: ReactFlowStore) {
   return s.connection.inProgress
     ? { ...s.connection, to: pointToRendererPoint(s.connection.to, s.transform) }
     : { ...s.connection };
-};
+}
+
+function getSelector<NodeType extends Node = Node, SelectorReturn = ConnectionState<InternalNode<NodeType>>>(
+  connectionSelector?: (connection: ConnectionState<InternalNode<NodeType>>) => SelectorReturn
+): (s: ReactFlowStore) => SelectorReturn | ConnectionState<InternalNode> {
+  if (connectionSelector) {
+    const combinedSelector = (s: ReactFlowStore) => {
+      const connection = storeSelector(s) as ConnectionState<InternalNode<NodeType>>;
+      return connectionSelector(connection);
+    };
+    return combinedSelector;
+  }
+
+  return storeSelector;
+}
 /**
  * Hook for accessing the connection state.
  *
  * @public
  * @returns ConnectionState
  */
-export function useConnection<NodeType extends Node = Node>(): ConnectionState<InternalNode<NodeType>> {
-  return useStore(selector, shallow) as ConnectionState<InternalNode<NodeType>>;
+export function useConnection<NodeType extends Node = Node, SelectorReturn = ConnectionState<InternalNode<NodeType>>>(
+  connectionSelector?: (connection: ConnectionState<InternalNode<NodeType>>) => SelectorReturn
+): SelectorReturn {
+  const combinedSelector = getSelector<NodeType, SelectorReturn>(connectionSelector);
+  return useStore(combinedSelector, shallow) as SelectorReturn;
 }

From cca11ea1c549f3fae1e52f5c121f607ded9764f3 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 15 Aug 2024 12:22:50 +0200
Subject: [PATCH 0983/1093] added changeset

---
 .changeset/tender-jobs-kneel.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/tender-jobs-kneel.md

diff --git a/.changeset/tender-jobs-kneel.md b/.changeset/tender-jobs-kneel.md
new file mode 100644
index 000000000..8fb3b0f2d
--- /dev/null
+++ b/.changeset/tender-jobs-kneel.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/react': minor
+---
+
+Added optional selector for useConnection hook

From 8590f9dfeafdec3ef0ff47161f928e1d9ce42b65 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 15 Aug 2024 12:52:40 +0200
Subject: [PATCH 0984/1093] added final connection state to onReconnectEnd

---
 .../src/components/EdgeWrapper/EdgeUpdateAnchors.tsx     | 6 +++---
 packages/react/src/types/edges.ts                        | 9 ++++++++-
 packages/system/src/types/general.ts                     | 7 +++----
 packages/system/src/xyhandle/XYHandle.ts                 | 7 ++++---
 packages/system/src/xyhandle/types.ts                    | 4 +++-
 5 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
index 236592ee2..e10da1bc3 100644
--- a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
+++ b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
@@ -1,5 +1,5 @@
 // Reconnectable edges have a anchors around their handles to reconnect the edge.
-import { XYHandle, type Connection, EdgePosition } from '@xyflow/system';
+import { XYHandle, type Connection, EdgePosition, FinalConnectionState } from '@xyflow/system';
 
 import { EdgeAnchor } from '../Edges/EdgeAnchor';
 import type { EdgeWrapperProps, Edge } from '../../types/edges';
@@ -68,9 +68,9 @@ export function EdgeUpdateAnchors<EdgeType extends Edge = Edge>({
     setReconnecting(true);
     onReconnectStart?.(event, edge, handleType);
 
-    const _onReconnectEnd = (evt: MouseEvent | TouchEvent) => {
+    const _onReconnectEnd = (evt: MouseEvent | TouchEvent, connectionState: FinalConnectionState) => {
       setReconnecting(false);
-      onReconnectEnd?.(evt, edge, handleType);
+      onReconnectEnd?.(evt, edge, handleType, connectionState);
     };
 
     const onConnectEdge = (connection: Connection) => onReconnect?.(edge, connection);
diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts
index e765b3899..8b0cebabd 100644
--- a/packages/react/src/types/edges.ts
+++ b/packages/react/src/types/edges.ts
@@ -14,6 +14,8 @@ import type {
   EdgePosition,
   StepPathOptions,
   OnError,
+  ConnectionState,
+  FinalConnectionState,
 } from '@xyflow/system';
 
 import { EdgeTypes, InternalNode, Node } from '.';
@@ -78,7 +80,12 @@ export type EdgeWrapperProps<EdgeType extends Edge = Edge> = {
   onMouseLeave?: EdgeMouseHandler<EdgeType>;
   reconnectRadius?: number;
   onReconnectStart?: (event: ReactMouseEvent, edge: EdgeType, handleType: HandleType) => void;
-  onReconnectEnd?: (event: MouseEvent | TouchEvent, edge: EdgeType, handleType: HandleType) => void;
+  onReconnectEnd?: (
+    event: MouseEvent | TouchEvent,
+    edge: EdgeType,
+    handleType: HandleType,
+    connectionState: FinalConnectionState
+  ) => void;
   rfId?: string;
   edgeTypes?: EdgeTypes;
   onError?: OnError;
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 4440f58b6..56e97afe3 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -50,10 +50,9 @@ export type OnConnectStartParams = {
 
 export type OnConnectStart = (event: MouseEvent | TouchEvent, params: OnConnectStartParams) => void;
 export type OnConnect = (connection: Connection) => void;
-export type OnConnectEnd = (
-  event: MouseEvent | TouchEvent,
-  connectionState: Omit<ConnectionState, 'inProgress'>
-) => void;
+export type OnConnectEnd = (event: MouseEvent | TouchEvent, connectionState: FinalConnectionState) => void;
+
+export type FinalConnectionState = Omit<ConnectionState, 'inProgress'>;
 
 export type IsValidConnection = (edge: EdgeBase | Connection) => boolean;
 
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index 53d64a188..cc4c5d1f8 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -194,13 +194,14 @@ function onPointerDown(
     // in order to get the latest state of onConnectEnd
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { inProgress, ...connectionState } = previousConnection;
-    onConnectEnd?.(event, {
+    const finalConnectionState = {
       ...connectionState,
       toPosition: previousConnection.toHandle ? previousConnection.toPosition : null,
-    });
+    };
+    onConnectEnd?.(event, finalConnectionState);
 
     if (edgeUpdaterType) {
-      onReconnectEnd?.(event);
+      onReconnectEnd?.(event, finalConnectionState);
     }
 
     cancelConnection();
diff --git a/packages/system/src/xyhandle/types.ts b/packages/system/src/xyhandle/types.ts
index 799f68c35..6e468b0a3 100644
--- a/packages/system/src/xyhandle/types.ts
+++ b/packages/system/src/xyhandle/types.ts
@@ -11,6 +11,8 @@ import {
   type UpdateConnection,
   type IsValidConnection,
   NodeLookup,
+  ConnectionState,
+  FinalConnectionState,
 } from '../types';
 
 export type OnPointerDownParams = {
@@ -32,7 +34,7 @@ export type OnPointerDownParams = {
   onConnect?: OnConnect;
   onConnectEnd?: OnConnectEnd;
   isValidConnection?: IsValidConnection;
-  onReconnectEnd?: (evt: MouseEvent | TouchEvent) => void;
+  onReconnectEnd?: (evt: MouseEvent | TouchEvent, connectionState: FinalConnectionState) => void;
   getTransform: () => Transform;
   getFromHandle: () => Handle | null;
   autoPanSpeed?: number;

From 24e87e398419646f671af1085fbfec3e197bc56b Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 15 Aug 2024 12:56:39 +0200
Subject: [PATCH 0985/1093] added changeset

---
 .changeset/itchy-pans-decide.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 .changeset/itchy-pans-decide.md

diff --git a/.changeset/itchy-pans-decide.md b/.changeset/itchy-pans-decide.md
new file mode 100644
index 000000000..1d3bd5a6a
--- /dev/null
+++ b/.changeset/itchy-pans-decide.md
@@ -0,0 +1,6 @@
+---
+'@xyflow/react': minor
+'@xyflow/system': patch
+---
+
+Added final connection state as a function parameter to onReconnectEnd

From 21e5fc15205d6d1dd1802fa37ca24d38efafda48 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 15 Aug 2024 13:10:27 +0200
Subject: [PATCH 0986/1093] re-export connectionState types

---
 packages/react/src/index.ts          | 4 ++++
 packages/system/src/types/general.ts | 7 +++++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 7c984bf04..cb36e3057 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -101,6 +101,10 @@ export {
   type EdgeAddChange,
   type EdgeReplaceChange,
   type KeyCode,
+  type ConnectionState,
+  type FinalConnectionState,
+  type ConnectionInProgress,
+  type NoConnection,
 } from '@xyflow/system';
 
 // we need this workaround to prevent a duplicate identifier error
diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts
index 56e97afe3..98d8afb60 100644
--- a/packages/system/src/types/general.ts
+++ b/packages/system/src/types/general.ts
@@ -52,8 +52,6 @@ export type OnConnectStart = (event: MouseEvent | TouchEvent, params: OnConnectS
 export type OnConnect = (connection: Connection) => void;
 export type OnConnectEnd = (event: MouseEvent | TouchEvent, connectionState: FinalConnectionState) => void;
 
-export type FinalConnectionState = Omit<ConnectionState, 'inProgress'>;
-
 export type IsValidConnection = (edge: EdgeBase | Connection) => boolean;
 
 export type FitViewParamsBase<NodeType extends NodeBase> = {
@@ -175,6 +173,11 @@ export type ConnectionState<NodeType extends InternalNodeBase = InternalNodeBase
   | ConnectionInProgress<NodeType>
   | NoConnection;
 
+export type FinalConnectionState<NodeType extends InternalNodeBase = InternalNodeBase> = Omit<
+  ConnectionState<NodeType>,
+  'inProgress'
+>;
+
 export type UpdateConnection<NodeType extends InternalNodeBase = InternalNodeBase> = (
   params: ConnectionState<NodeType>
 ) => void;

From d6f3a20355a4c0158e29e1dc274107f92ad3174c Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 15 Aug 2024 13:13:26 +0200
Subject: [PATCH 0987/1093] changed patch to minor change

---
 .changeset/wild-seas-guess.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/.changeset/wild-seas-guess.md b/.changeset/wild-seas-guess.md
index e97200bd9..4ada1528f 100644
--- a/.changeset/wild-seas-guess.md
+++ b/.changeset/wild-seas-guess.md
@@ -1,7 +1,7 @@
 ---
-'@xyflow/react': patch
-'@xyflow/svelte': patch
-'@xyflow/system': patch
+'@xyflow/react': minor
+'@xyflow/svelte': minor
+'@xyflow/system': minor
 ---
 
 feat(onConnectEnd): pass connectionState param

From 224844e525fbc74c1cb1c1718253428a5479bcdb Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 15 Aug 2024 13:24:21 +0200
Subject: [PATCH 0988/1093] changed system & svelte back to patch change

---
 .changeset/wild-seas-guess.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.changeset/wild-seas-guess.md b/.changeset/wild-seas-guess.md
index 4ada1528f..250389af7 100644
--- a/.changeset/wild-seas-guess.md
+++ b/.changeset/wild-seas-guess.md
@@ -1,7 +1,7 @@
 ---
 '@xyflow/react': minor
-'@xyflow/svelte': minor
-'@xyflow/system': minor
+'@xyflow/svelte': patch
+'@xyflow/system': patch
 ---
 
 feat(onConnectEnd): pass connectionState param

From 0d3e83e0a10096dd747d3f25e3e4d9e096fc76d6 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Thu, 15 Aug 2024 11:25:59 +0000
Subject: [PATCH 0989/1093] chore(packages): bump

---
 .changeset/bright-brooms-glow.md  |  5 -----
 .changeset/curly-llamas-obey.md   |  5 -----
 .changeset/cyan-houses-shout.md   |  5 -----
 .changeset/empty-guests-yawn.md   |  5 -----
 .changeset/itchy-pans-decide.md   |  6 ------
 .changeset/mighty-nails-cover.md  |  6 ------
 .changeset/perfect-nails-cover.md |  5 -----
 .changeset/popular-mangos-obey.md |  5 -----
 .changeset/quiet-masks-allow.md   |  5 -----
 .changeset/short-dingos-return.md |  5 -----
 .changeset/tender-jobs-kneel.md   |  5 -----
 .changeset/tidy-swans-clap.md     |  5 -----
 .changeset/wild-seas-guess.md     |  7 -------
 packages/react/CHANGELOG.md       | 23 +++++++++++++++++++++++
 packages/react/package.json       |  2 +-
 packages/svelte/CHANGELOG.md      | 13 +++++++++++++
 packages/svelte/package.json      |  2 +-
 packages/system/CHANGELOG.md      | 18 ++++++++++++++++++
 packages/system/package.json      |  2 +-
 19 files changed, 57 insertions(+), 72 deletions(-)
 delete mode 100644 .changeset/bright-brooms-glow.md
 delete mode 100644 .changeset/curly-llamas-obey.md
 delete mode 100644 .changeset/cyan-houses-shout.md
 delete mode 100644 .changeset/empty-guests-yawn.md
 delete mode 100644 .changeset/itchy-pans-decide.md
 delete mode 100644 .changeset/mighty-nails-cover.md
 delete mode 100644 .changeset/perfect-nails-cover.md
 delete mode 100644 .changeset/popular-mangos-obey.md
 delete mode 100644 .changeset/quiet-masks-allow.md
 delete mode 100644 .changeset/short-dingos-return.md
 delete mode 100644 .changeset/tender-jobs-kneel.md
 delete mode 100644 .changeset/tidy-swans-clap.md
 delete mode 100644 .changeset/wild-seas-guess.md

diff --git a/.changeset/bright-brooms-glow.md b/.changeset/bright-brooms-glow.md
deleted file mode 100644
index 8f29eb3ba..000000000
--- a/.changeset/bright-brooms-glow.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/react': patch
----
-
-fix(fitView): only trigger for resize observer
diff --git a/.changeset/curly-llamas-obey.md b/.changeset/curly-llamas-obey.md
deleted file mode 100644
index d573eaa25..000000000
--- a/.changeset/curly-llamas-obey.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/svelte': patch
----
-
-Rename `isConnectable` prop locally to `isConnectableProp` to avoid naming collision with derived value of `isConnectable` in `<Handle>` component.
diff --git a/.changeset/cyan-houses-shout.md b/.changeset/cyan-houses-shout.md
deleted file mode 100644
index 83cd87feb..000000000
--- a/.changeset/cyan-houses-shout.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/react': patch
----
-
-fix(background): use offset prop correctly for dots variant
diff --git a/.changeset/empty-guests-yawn.md b/.changeset/empty-guests-yawn.md
deleted file mode 100644
index 9ee16568f..000000000
--- a/.changeset/empty-guests-yawn.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/system': patch
----
-
-strengthen css selector for edges for overflow visible
diff --git a/.changeset/itchy-pans-decide.md b/.changeset/itchy-pans-decide.md
deleted file mode 100644
index 1d3bd5a6a..000000000
--- a/.changeset/itchy-pans-decide.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@xyflow/react': minor
-'@xyflow/system': patch
----
-
-Added final connection state as a function parameter to onReconnectEnd
diff --git a/.changeset/mighty-nails-cover.md b/.changeset/mighty-nails-cover.md
deleted file mode 100644
index 10904ab2c..000000000
--- a/.changeset/mighty-nails-cover.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@xyflow/react': patch
-'@xyflow/system': patch
----
-
-Replaced algorithm used for searching close handles while connecting
diff --git a/.changeset/perfect-nails-cover.md b/.changeset/perfect-nails-cover.md
deleted file mode 100644
index 58680cb10..000000000
--- a/.changeset/perfect-nails-cover.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/system': patch
----
-
-fix(connection) snapped position not updated correctly
diff --git a/.changeset/popular-mangos-obey.md b/.changeset/popular-mangos-obey.md
deleted file mode 100644
index 7513ed8ca..000000000
--- a/.changeset/popular-mangos-obey.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/svelte': patch
----
-
-fix: make svelte-preprocess a dev dep
diff --git a/.changeset/quiet-masks-allow.md b/.changeset/quiet-masks-allow.md
deleted file mode 100644
index 87b69aaed..000000000
--- a/.changeset/quiet-masks-allow.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/react': patch
----
-
-chore(react): re-export Handle type
diff --git a/.changeset/short-dingos-return.md b/.changeset/short-dingos-return.md
deleted file mode 100644
index 75cde9d49..000000000
--- a/.changeset/short-dingos-return.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/system': patch
----
-
-Use the handle id of the matching handle type when warning about an edge that can't be created due to missing handle ids.
diff --git a/.changeset/tender-jobs-kneel.md b/.changeset/tender-jobs-kneel.md
deleted file mode 100644
index 8fb3b0f2d..000000000
--- a/.changeset/tender-jobs-kneel.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/react': minor
----
-
-Added optional selector for useConnection hook
diff --git a/.changeset/tidy-swans-clap.md b/.changeset/tidy-swans-clap.md
deleted file mode 100644
index 77c34e60e..000000000
--- a/.changeset/tidy-swans-clap.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/system': patch
----
-
-fix(onlyRenderVisible) edges to offscreen nodes with fixed width & height displayed correctly
diff --git a/.changeset/wild-seas-guess.md b/.changeset/wild-seas-guess.md
deleted file mode 100644
index 250389af7..000000000
--- a/.changeset/wild-seas-guess.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'@xyflow/react': minor
-'@xyflow/svelte': patch
-'@xyflow/system': patch
----
-
-feat(onConnectEnd): pass connectionState param
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 14426f973..4ffefb43a 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,28 @@
 # @xyflow/react
 
+## 12.1.0
+
+### Minor Changes
+
+- [#4555](https://github.com/xyflow/xyflow/pull/4555) [`24e87e39`](https://github.com/xyflow/xyflow/commit/24e87e398419646f671af1085fbfec3e197bc56b) Thanks [@peterkogo](https://github.com/peterkogo)! - Added final connection state as a function parameter to onReconnectEnd
+
+- [#4554](https://github.com/xyflow/xyflow/pull/4554) [`cca11ea1`](https://github.com/xyflow/xyflow/commit/cca11ea1c549f3fae1e52f5c121f607ded9764f3) Thanks [@peterkogo](https://github.com/peterkogo)! - Added optional selector for useConnection hook
+
+- [#4549](https://github.com/xyflow/xyflow/pull/4549) [`99733c01`](https://github.com/xyflow/xyflow/commit/99733c01bc70f9463e7dba0046c5f8d839a1d2ba) Thanks [@moklick](https://github.com/moklick)! - feat(onConnectEnd): pass connectionState param
+
+### Patch Changes
+
+- [#4550](https://github.com/xyflow/xyflow/pull/4550) [`41981970`](https://github.com/xyflow/xyflow/commit/41981970e40baae29ec1631ea5f1eec9c27dfb12) Thanks [@moklick](https://github.com/moklick)! - fix(fitView): only trigger for resize observer
+
+- [#4501](https://github.com/xyflow/xyflow/pull/4501) [`ec64b572`](https://github.com/xyflow/xyflow/commit/ec64b57240f0c61912d4910b095210f57d8df8ce) Thanks [@moklick](https://github.com/moklick)! - fix(background): use offset prop correctly for dots variant
+
+- [#4548](https://github.com/xyflow/xyflow/pull/4548) [`692e6440`](https://github.com/xyflow/xyflow/commit/692e6440b10e75cb31f3f3172aede9ed4d7f05d2) Thanks [@peterkogo](https://github.com/peterkogo)! - Replaced algorithm used for searching close handles while connecting
+
+- [#4547](https://github.com/xyflow/xyflow/pull/4547) [`fdff601d`](https://github.com/xyflow/xyflow/commit/fdff601de418f2ac6a78f04e5a586d67b8d436e6) Thanks [@moklick](https://github.com/moklick)! - chore(react): re-export Handle type
+
+- Updated dependencies [[`b63a3734`](https://github.com/xyflow/xyflow/commit/b63a3734b84b6817603c8e6e48e2836f048acc3b), [`24e87e39`](https://github.com/xyflow/xyflow/commit/24e87e398419646f671af1085fbfec3e197bc56b), [`692e6440`](https://github.com/xyflow/xyflow/commit/692e6440b10e75cb31f3f3172aede9ed4d7f05d2), [`559d4926`](https://github.com/xyflow/xyflow/commit/559d49264b940f93c5e205bf984aa76230b10806), [`4ecfd7e1`](https://github.com/xyflow/xyflow/commit/4ecfd7e19720b70024d0b5dff27d4537dd46b49a), [`e7ef328f`](https://github.com/xyflow/xyflow/commit/e7ef328f8f9286a817b19457d38c491e6c0bcffd), [`99733c01`](https://github.com/xyflow/xyflow/commit/99733c01bc70f9463e7dba0046c5f8d839a1d2ba)]:
+  - @xyflow/system@0.0.38
+
 ## 12.0.4
 
 ### Patch Changes
diff --git a/packages/react/package.json b/packages/react/package.json
index 856549f59..077119617 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.4",
+  "version": "12.1.0",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 3f372ea2d..b97dab78e 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,18 @@
 # @xyflow/svelte
 
+## 0.1.15
+
+### Patch Changes
+
+- [#4510](https://github.com/xyflow/xyflow/pull/4510) [`12313a5b`](https://github.com/xyflow/xyflow/commit/12313a5b01312ef4425d3fa666e578961a151fe2) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Rename `isConnectable` prop locally to `isConnectableProp` to avoid naming collision with derived value of `isConnectable` in `<Handle>` component.
+
+- [#4517](https://github.com/xyflow/xyflow/pull/4517) [`085951bc`](https://github.com/xyflow/xyflow/commit/085951bc07f02ac7af143409fe156bade8a63113) Thanks [@ghostdevv](https://github.com/ghostdevv)! - fix: make svelte-preprocess a dev dep
+
+- [#4549](https://github.com/xyflow/xyflow/pull/4549) [`99733c01`](https://github.com/xyflow/xyflow/commit/99733c01bc70f9463e7dba0046c5f8d839a1d2ba) Thanks [@moklick](https://github.com/moklick)! - feat(onConnectEnd): pass connectionState param
+
+- Updated dependencies [[`b63a3734`](https://github.com/xyflow/xyflow/commit/b63a3734b84b6817603c8e6e48e2836f048acc3b), [`24e87e39`](https://github.com/xyflow/xyflow/commit/24e87e398419646f671af1085fbfec3e197bc56b), [`692e6440`](https://github.com/xyflow/xyflow/commit/692e6440b10e75cb31f3f3172aede9ed4d7f05d2), [`559d4926`](https://github.com/xyflow/xyflow/commit/559d49264b940f93c5e205bf984aa76230b10806), [`4ecfd7e1`](https://github.com/xyflow/xyflow/commit/4ecfd7e19720b70024d0b5dff27d4537dd46b49a), [`e7ef328f`](https://github.com/xyflow/xyflow/commit/e7ef328f8f9286a817b19457d38c491e6c0bcffd), [`99733c01`](https://github.com/xyflow/xyflow/commit/99733c01bc70f9463e7dba0046c5f8d839a1d2ba)]:
+  - @xyflow/system@0.0.38
+
 ## 0.1.14
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 71df40fdc..52a0aa6e3 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/CHANGELOG.md b/packages/system/CHANGELOG.md
index 26def37c3..b535cddf4 100644
--- a/packages/system/CHANGELOG.md
+++ b/packages/system/CHANGELOG.md
@@ -1,5 +1,23 @@
 # @xyflow/system
 
+## 0.0.38
+
+### Patch Changes
+
+- [#4544](https://github.com/xyflow/xyflow/pull/4544) [`b63a3734`](https://github.com/xyflow/xyflow/commit/b63a3734b84b6817603c8e6e48e2836f048acc3b) Thanks [@moklick](https://github.com/moklick)! - strengthen css selector for edges for overflow visible
+
+- [#4555](https://github.com/xyflow/xyflow/pull/4555) [`24e87e39`](https://github.com/xyflow/xyflow/commit/24e87e398419646f671af1085fbfec3e197bc56b) Thanks [@peterkogo](https://github.com/peterkogo)! - Added final connection state as a function parameter to onReconnectEnd
+
+- [#4548](https://github.com/xyflow/xyflow/pull/4548) [`692e6440`](https://github.com/xyflow/xyflow/commit/692e6440b10e75cb31f3f3172aede9ed4d7f05d2) Thanks [@peterkogo](https://github.com/peterkogo)! - Replaced algorithm used for searching close handles while connecting
+
+- [#4519](https://github.com/xyflow/xyflow/pull/4519) [`559d4926`](https://github.com/xyflow/xyflow/commit/559d49264b940f93c5e205bf984aa76230b10806) Thanks [@peterkogo](https://github.com/peterkogo)! - fix(connection) snapped position not updated correctly
+
+- [#4538](https://github.com/xyflow/xyflow/pull/4538) [`4ecfd7e1`](https://github.com/xyflow/xyflow/commit/4ecfd7e19720b70024d0b5dff27d4537dd46b49a) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Use the handle id of the matching handle type when warning about an edge that can't be created due to missing handle ids.
+
+- [#4536](https://github.com/xyflow/xyflow/pull/4536) [`e7ef328f`](https://github.com/xyflow/xyflow/commit/e7ef328f8f9286a817b19457d38c491e6c0bcffd) Thanks [@peterkogo](https://github.com/peterkogo)! - fix(onlyRenderVisible) edges to offscreen nodes with fixed width & height displayed correctly
+
+- [#4549](https://github.com/xyflow/xyflow/pull/4549) [`99733c01`](https://github.com/xyflow/xyflow/commit/99733c01bc70f9463e7dba0046c5f8d839a1d2ba) Thanks [@moklick](https://github.com/moklick)! - feat(onConnectEnd): pass connectionState param
+
 ## 0.0.37
 
 ### Patch Changes
diff --git a/packages/system/package.json b/packages/system/package.json
index 5800478e0..3498b25d9 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 4ebae14221cf60bd08749868b987495a6692f535 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Thu, 15 Aug 2024 13:37:42 +0200
Subject: [PATCH 0990/1093] Update CHANGELOG.md

---
 packages/react/CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 4ffefb43a..34cf422f5 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -14,7 +14,7 @@
 
 - [#4550](https://github.com/xyflow/xyflow/pull/4550) [`41981970`](https://github.com/xyflow/xyflow/commit/41981970e40baae29ec1631ea5f1eec9c27dfb12) Thanks [@moklick](https://github.com/moklick)! - fix(fitView): only trigger for resize observer
 
-- [#4501](https://github.com/xyflow/xyflow/pull/4501) [`ec64b572`](https://github.com/xyflow/xyflow/commit/ec64b57240f0c61912d4910b095210f57d8df8ce) Thanks [@moklick](https://github.com/moklick)! - fix(background): use offset prop correctly for dots variant
+- [#4501](https://github.com/xyflow/xyflow/pull/4501) [`ec64b572`](https://github.com/xyflow/xyflow/commit/ec64b57240f0c61912d4910b095210f57d8df8ce) Thanks [@jeffgord](https://github.com/jeffgord)! - fix(background): use offset prop correctly for dots variant
 
 - [#4548](https://github.com/xyflow/xyflow/pull/4548) [`692e6440`](https://github.com/xyflow/xyflow/commit/692e6440b10e75cb31f3f3172aede9ed4d7f05d2) Thanks [@peterkogo](https://github.com/peterkogo)! - Replaced algorithm used for searching close handles while connecting
 

From 9ea14439c82cbcba4f7cd83d7af4cf8a0ce683e0 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 19 Aug 2024 11:41:57 +0200
Subject: [PATCH 0991/1093] fix type of edges in store to generic

---
 packages/react/src/types/store.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts
index beeb85b35..b060be362 100644
--- a/packages/react/src/types/store.ts
+++ b/packages/react/src/types/store.ts
@@ -55,7 +55,7 @@ export type ReactFlowStore<NodeType extends Node = Node, EdgeType extends Edge =
   nodes: NodeType[];
   nodeLookup: NodeLookup<InternalNode<NodeType>>;
   parentLookup: ParentLookup<InternalNode<NodeType>>;
-  edges: Edge[];
+  edges: EdgeType[];
   edgeLookup: EdgeLookup<EdgeType>;
   connectionLookup: ConnectionLookup;
   onNodesChange: OnNodesChange<NodeType> | null;

From cc75c29f3c7450321c64107f5b2a0f2084a0431c Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 19 Aug 2024 11:43:32 +0200
Subject: [PATCH 0992/1093] added changeset

---
 .changeset/modern-poems-joke.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/modern-poems-joke.md

diff --git a/.changeset/modern-poems-joke.md b/.changeset/modern-poems-joke.md
new file mode 100644
index 000000000..631f0f7a2
--- /dev/null
+++ b/.changeset/modern-poems-joke.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/react': patch
+---
+
+Fix internal type of edges in store

From 6af9f45a7435f65c2b227ccb30d8c6f2101341e3 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 19 Aug 2024 11:56:08 +0200
Subject: [PATCH 0993/1093] Cursor grab only shown if left click is panning

---
 packages/react/src/container/Pane/index.tsx        | 4 +++-
 packages/svelte/src/lib/container/Pane/Pane.svelte | 2 +-
 packages/system/src/styles/init.css                | 6 +++---
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/container/Pane/index.tsx b/packages/react/src/container/Pane/index.tsx
index 9e35829c0..48c23eba5 100644
--- a/packages/react/src/container/Pane/index.tsx
+++ b/packages/react/src/container/Pane/index.tsx
@@ -253,9 +253,11 @@ export function Pane({
     selectionStarted.current = false;
   };
 
+  const draggable = panOnDrag === true || (Array.isArray(panOnDrag) && panOnDrag.includes(0));
+
   return (
     <div
-      className={cc(['react-flow__pane', { draggable: panOnDrag, dragging, selection: isSelecting }])}
+      className={cc(['react-flow__pane', { draggable, dragging, selection: isSelecting }])}
       onClick={hasActiveSelection ? undefined : wrapHandler(onClick, container)}
       onContextMenu={wrapHandler(onContextMenu, container)}
       onWheel={wrapHandler(onWheel, container)}
diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte
index 8b4133897..1d797af90 100644
--- a/packages/svelte/src/lib/container/Pane/Pane.svelte
+++ b/packages/svelte/src/lib/container/Pane/Pane.svelte
@@ -212,7 +212,7 @@
 <div
   bind:this={container}
   class="svelte-flow__pane"
-  class:draggable={panOnDrag}
+  class:draggable={panOnDrag === true || (Array.isArray(panOnDrag) && panOnDrag.includes(0))}
   class:dragging={$dragging}
   class:selection={isSelecting}
   on:click={hasActiveSelection ? undefined : wrapHandler(onClick, container)}
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 586652c9b..eccf1db82 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -75,10 +75,10 @@
 
   &.draggable {
     cursor: grab;
+  }
 
-    &.dragging {
-      cursor: grabbing;
-    }
+  &.dragging {
+    cursor: grabbing;
   }
 }
 

From c3e6278222dc13333f75ecdbe634201ddabab87a Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 19 Aug 2024 11:57:35 +0200
Subject: [PATCH 0994/1093] added changeset

---
 .changeset/heavy-crews-invite.md | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 .changeset/heavy-crews-invite.md

diff --git a/.changeset/heavy-crews-invite.md b/.changeset/heavy-crews-invite.md
new file mode 100644
index 000000000..6169d48e3
--- /dev/null
+++ b/.changeset/heavy-crews-invite.md
@@ -0,0 +1,7 @@
+---
+'@xyflow/react': patch
+'@xyflow/svelte': patch
+'@xyflow/system': patch
+---
+
+Only display grab cursor when panOnDrag is on left mouse button

From e1f6b743895d9dac7ddd2c6fd8656d1b189418fe Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 19 Aug 2024 14:05:37 +0200
Subject: [PATCH 0995/1093] fix intersections for svelte flow

---
 .../routes/examples/intersections/Flow.svelte | 14 ++++----
 .../examples/intersections/nodes-and-edges.ts |  3 +-
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 33 ++++++++++++++-----
 3 files changed, 35 insertions(+), 15 deletions(-)

diff --git a/examples/svelte/src/routes/examples/intersections/Flow.svelte b/examples/svelte/src/routes/examples/intersections/Flow.svelte
index 12c98e003..253a89039 100644
--- a/examples/svelte/src/routes/examples/intersections/Flow.svelte
+++ b/examples/svelte/src/routes/examples/intersections/Flow.svelte
@@ -13,12 +13,14 @@
 	const { getIntersectingNodes } = useSvelteFlow();
 
 	function onNodeDrag({ detail: { targetNode } }) {
-		const intersections = getIntersectingNodes(targetNode).map((n) => n.id);
-
-		$nodes.forEach((n) => {
-			n.class = intersections.includes(n.id) ? 'highlight' : '';
-		});
-		$nodes = $nodes;
+		if (targetNode) {
+			const intersections = getIntersectingNodes(targetNode).map((n) => n.id);
+
+			$nodes.forEach((n) => {
+				n.class = intersections.includes(n.id) ? 'highlight' : '';
+			});
+			$nodes = $nodes;
+		}
 	}
 </script>
 
diff --git a/examples/svelte/src/routes/examples/intersections/nodes-and-edges.ts b/examples/svelte/src/routes/examples/intersections/nodes-and-edges.ts
index 7b094ce23..443a07006 100644
--- a/examples/svelte/src/routes/examples/intersections/nodes-and-edges.ts
+++ b/examples/svelte/src/routes/examples/intersections/nodes-and-edges.ts
@@ -10,7 +10,8 @@ export const initialNodes: Node[] = [
 	{
 		id: '2',
 		data: { label: 'Node 2' },
-		position: { x: 0, y: 150 }
+		position: { x: 0, y: 150 },
+		parentId: '1'
 	},
 	{
 		id: '3',
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index f46c17579..4ed083503 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -14,7 +14,7 @@ import {
   getViewportForBounds,
   getElementsToRemove,
   rendererPointToPoint,
-  nodeHasDimensions
+  evaluateAbsolutePosition
 } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
@@ -247,15 +247,32 @@ export function useSvelteFlow(): {
     edges,
     domNode,
     nodeLookup,
-    edgeLookup
+    edgeLookup,
+    nodeOrigin
   } = useStore();
 
-  const getNodeRect = (nodeOrRect: Node | { id: Node['id'] }): Rect | null => {
-    const node =
-      isNode(nodeOrRect) && nodeHasDimensions(nodeOrRect)
-        ? nodeOrRect
-        : get(nodeLookup).get(nodeOrRect.id);
-    return node ? nodeToRect(node) : null;
+  const getNodeRect = (node: Node | { id: Node['id'] }): Rect | null => {
+    const $nodeLookup = get(nodeLookup);
+    const nodeToUse = isNode(node) ? node : $nodeLookup.get(node.id)!;
+    const position = nodeToUse.parentId
+      ? evaluateAbsolutePosition(
+          nodeToUse.position,
+          nodeToUse.measured,
+          nodeToUse.parentId,
+          $nodeLookup,
+          get(nodeOrigin)
+        )
+      : nodeToUse.position;
+
+    const nodeWithPosition = {
+      id: nodeToUse.id,
+      position,
+      width: nodeToUse.measured?.width ?? nodeToUse.width,
+      height: nodeToUse.measured?.height ?? nodeToUse.height,
+      data: nodeToUse.data
+    };
+
+    return nodeToRect(nodeWithPosition);
   };
 
   const updateNode = (

From 54bfb6d9383b2c041f243c1ba16ce169c2b90085 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 19 Aug 2024 14:06:54 +0200
Subject: [PATCH 0996/1093] added changeset

---
 .changeset/rare-gorillas-repair.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/rare-gorillas-repair.md

diff --git a/.changeset/rare-gorillas-repair.md b/.changeset/rare-gorillas-repair.md
new file mode 100644
index 000000000..983d1c05e
--- /dev/null
+++ b/.changeset/rare-gorillas-repair.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/svelte': patch
+---
+
+Fix getIntersectingNodes for subflows in Svelte Flow

From 8bbcc14fdc009c497b4db907cb4349f628bf1322 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 19 Aug 2024 16:25:58 +0200
Subject: [PATCH 0997/1093] fixed cursor when making selection box

---
 packages/system/src/styles/init.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index eccf1db82..e167c53f7 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -69,10 +69,6 @@
 .xy-flow__pane {
   z-index: 1;
 
-  &.selection {
-    cursor: pointer;
-  }
-
   &.draggable {
     cursor: grab;
   }
@@ -80,6 +76,10 @@
   &.dragging {
     cursor: grabbing;
   }
+
+  &.selection {
+    cursor: pointer;
+  }
 }
 
 .xy-flow__viewport {

From f70f787e24ae62b1cca2c12094a8adf978ce3f7d Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 19 Aug 2024 16:27:16 +0200
Subject: [PATCH 0998/1093] changed changeset message

---
 .changeset/rare-gorillas-repair.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/rare-gorillas-repair.md b/.changeset/rare-gorillas-repair.md
index 983d1c05e..5facd0717 100644
--- a/.changeset/rare-gorillas-repair.md
+++ b/.changeset/rare-gorillas-repair.md
@@ -2,4 +2,4 @@
 '@xyflow/svelte': patch
 ---
 
-Fix getIntersectingNodes for subflows in Svelte Flow
+Fix getIntersectingNodes for subflows

From 828e53ba0695a4ba8b77a6cd971933f46a5d6ebe Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Mon, 19 Aug 2024 14:28:37 +0000
Subject: [PATCH 0999/1093] chore(packages): bump

---
 .changeset/heavy-crews-invite.md   |  7 -------
 .changeset/modern-poems-joke.md    |  5 -----
 .changeset/rare-gorillas-repair.md |  5 -----
 packages/react/CHANGELOG.md        | 11 +++++++++++
 packages/react/package.json        |  2 +-
 packages/svelte/CHANGELOG.md       | 11 +++++++++++
 packages/svelte/package.json       |  2 +-
 packages/system/CHANGELOG.md       |  6 ++++++
 packages/system/package.json       |  2 +-
 9 files changed, 31 insertions(+), 20 deletions(-)
 delete mode 100644 .changeset/heavy-crews-invite.md
 delete mode 100644 .changeset/modern-poems-joke.md
 delete mode 100644 .changeset/rare-gorillas-repair.md

diff --git a/.changeset/heavy-crews-invite.md b/.changeset/heavy-crews-invite.md
deleted file mode 100644
index 6169d48e3..000000000
--- a/.changeset/heavy-crews-invite.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'@xyflow/react': patch
-'@xyflow/svelte': patch
-'@xyflow/system': patch
----
-
-Only display grab cursor when panOnDrag is on left mouse button
diff --git a/.changeset/modern-poems-joke.md b/.changeset/modern-poems-joke.md
deleted file mode 100644
index 631f0f7a2..000000000
--- a/.changeset/modern-poems-joke.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/react': patch
----
-
-Fix internal type of edges in store
diff --git a/.changeset/rare-gorillas-repair.md b/.changeset/rare-gorillas-repair.md
deleted file mode 100644
index 5facd0717..000000000
--- a/.changeset/rare-gorillas-repair.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/svelte': patch
----
-
-Fix getIntersectingNodes for subflows
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 34cf422f5..ee82d2368 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,16 @@
 # @xyflow/react
 
+## 12.1.1
+
+### Patch Changes
+
+- [#4568](https://github.com/xyflow/xyflow/pull/4568) [`c3e62782`](https://github.com/xyflow/xyflow/commit/c3e6278222dc13333f75ecdbe634201ddabab87a) Thanks [@peterkogo](https://github.com/peterkogo)! - Only display grab cursor when panOnDrag is on left mouse button
+
+- [#4567](https://github.com/xyflow/xyflow/pull/4567) [`cc75c29f`](https://github.com/xyflow/xyflow/commit/cc75c29f3c7450321c64107f5b2a0f2084a0431c) Thanks [@peterkogo](https://github.com/peterkogo)! - Fix internal type of edges in store
+
+- Updated dependencies [[`c3e62782`](https://github.com/xyflow/xyflow/commit/c3e6278222dc13333f75ecdbe634201ddabab87a)]:
+  - @xyflow/system@0.0.39
+
 ## 12.1.0
 
 ### Minor Changes
diff --git a/packages/react/package.json b/packages/react/package.json
index 077119617..8229c1e45 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.1.0",
+  "version": "12.1.1",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index b97dab78e..95feccfd5 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,16 @@
 # @xyflow/svelte
 
+## 0.1.16
+
+### Patch Changes
+
+- [#4568](https://github.com/xyflow/xyflow/pull/4568) [`c3e62782`](https://github.com/xyflow/xyflow/commit/c3e6278222dc13333f75ecdbe634201ddabab87a) Thanks [@peterkogo](https://github.com/peterkogo)! - Only display grab cursor when panOnDrag is on left mouse button
+
+- [#4569](https://github.com/xyflow/xyflow/pull/4569) [`54bfb6d9`](https://github.com/xyflow/xyflow/commit/54bfb6d9383b2c041f243c1ba16ce169c2b90085) Thanks [@peterkogo](https://github.com/peterkogo)! - Fix getIntersectingNodes for subflows
+
+- Updated dependencies [[`c3e62782`](https://github.com/xyflow/xyflow/commit/c3e6278222dc13333f75ecdbe634201ddabab87a)]:
+  - @xyflow/system@0.0.39
+
 ## 0.1.15
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 52a0aa6e3..7ba0304d6 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/CHANGELOG.md b/packages/system/CHANGELOG.md
index b535cddf4..ee139c85b 100644
--- a/packages/system/CHANGELOG.md
+++ b/packages/system/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/system
 
+## 0.0.39
+
+### Patch Changes
+
+- [#4568](https://github.com/xyflow/xyflow/pull/4568) [`c3e62782`](https://github.com/xyflow/xyflow/commit/c3e6278222dc13333f75ecdbe634201ddabab87a) Thanks [@peterkogo](https://github.com/peterkogo)! - Only display grab cursor when panOnDrag is on left mouse button
+
 ## 0.0.38
 
 ### Patch Changes
diff --git a/packages/system/package.json b/packages/system/package.json
index 3498b25d9..b6fe6953a 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.38",
+  "version": "0.0.39",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From d9563505d8fb01862a3a6bae6e05dcea626c2e26 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 19 Aug 2024 17:44:36 +0200
Subject: [PATCH 1000/1093] fix node extent

---
 .changeset/twenty-ads-breathe.md                    |  7 +++++++
 packages/react/src/components/NodeWrapper/index.tsx |  5 +++--
 packages/react/src/store/index.ts                   |  9 +++++++--
 packages/system/src/utils/general.ts                | 11 ++++++++---
 packages/system/src/utils/graph.ts                  |  2 +-
 5 files changed, 26 insertions(+), 8 deletions(-)
 create mode 100644 .changeset/twenty-ads-breathe.md

diff --git a/.changeset/twenty-ads-breathe.md b/.changeset/twenty-ads-breathe.md
new file mode 100644
index 000000000..f63a3addc
--- /dev/null
+++ b/.changeset/twenty-ads-breathe.md
@@ -0,0 +1,7 @@
+---
+'@xyflow/react': patch
+'@xyflow/svelte': patch
+'@xyflow/system': patch
+---
+
+Fix extent on nodes not working properly
diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index adc6f3931..56d2b07c4 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -42,7 +42,7 @@ export function NodeWrapper<NodeType extends Node>({
   nodeClickDistance,
   onError,
 }: NodeWrapperProps<NodeType>) {
-  const { node, internals, isParent } = useStore((s) => {
+  const { node, internals, isParent, origin } = useStore((s) => {
     const node = s.nodeLookup.get(id)! as InternalNode<NodeType>;
     const isParent = s.parentLookup.has(id);
 
@@ -50,6 +50,7 @@ export function NodeWrapper<NodeType extends Node>({
       node,
       internals: node.internals,
       isParent,
+      origin: node.origin ?? s.nodeOrigin,
     };
   }, shallow);
 
@@ -89,7 +90,7 @@ export function NodeWrapper<NodeType extends Node>({
   const inlineDimensions = getNodeInlineStyleDimensions(node);
   // TODO: clamping should happen earlier
   const clampedPosition = nodeExtent
-    ? clampPosition(internals.positionAbsolute, nodeExtent)
+    ? clampPosition(internals.positionAbsolute, nodeExtent, node.measured, origin)
     : internals.positionAbsolute;
 
   const hasPointerEvents = isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave;
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index c45d8f2db..18d74ff7e 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -278,10 +278,15 @@ const createStore = ({
         triggerEdgeChanges(edgeChanges);
       },
       setNodeExtent: (nodeExtent) => {
-        const { nodeLookup } = get();
+        const { nodeLookup, nodeOrigin } = get();
 
         for (const [, node] of nodeLookup) {
-          const positionAbsolute = clampPosition(node.internals.positionAbsolute, nodeExtent);
+          const positionAbsolute = clampPosition(
+            node.internals.positionAbsolute,
+            nodeExtent,
+            node.measured,
+            node.origin ?? nodeOrigin
+          );
 
           nodeLookup.set(node.id, {
             ...node,
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index 7d539fb51..67cf43b07 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -16,9 +16,14 @@ import { getNodePositionWithOrigin, isInternalNodeBase } from './graph';
 
 export const clamp = (val: number, min = 0, max = 1): number => Math.min(Math.max(val, min), max);
 
-export const clampPosition = (position: XYPosition = { x: 0, y: 0 }, extent: CoordinateExtent) => ({
-  x: clamp(position.x, extent[0][0], extent[1][0]),
-  y: clamp(position.y, extent[0][1], extent[1][1]),
+export const clampPosition = (
+  position: XYPosition = { x: 0, y: 0 },
+  extent: CoordinateExtent,
+  dimensions: Partial<Dimensions>,
+  origin: NodeOrigin
+) => ({
+  x: clamp(position.x, extent[0][0], extent[1][0] - (dimensions?.width ?? 0) * origin[0]),
+  y: clamp(position.y, extent[0][1], extent[1][1] - (dimensions?.height ?? 0) * origin[1]),
 });
 
 /**
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 207799bc9..21f948e8b 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -346,7 +346,7 @@ export function calculateNodePosition<NodeType extends NodeBase>({
   }
 
   const positionAbsolute = isCoordinateExtent(currentExtent)
-    ? clampPosition(nextPosition, currentExtent)
+    ? clampPosition(nextPosition, currentExtent, node.measured, origin)
     : nextPosition;
 
   return {

From 4a30f3a0fdd37e666a5acabc005d0962fd027efa Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 20 Aug 2024 12:42:57 +0200
Subject: [PATCH 1001/1093] fixed node extent calculation and simplified
 calculateNodePosition

---
 .../src/components/NodeWrapper/index.tsx      |  2 +-
 packages/react/src/store/index.ts             |  9 +----
 packages/system/src/utils/general.ts          |  9 ++---
 packages/system/src/utils/graph.ts            | 37 ++++---------------
 4 files changed, 15 insertions(+), 42 deletions(-)

diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 56d2b07c4..8ca227b0e 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -90,7 +90,7 @@ export function NodeWrapper<NodeType extends Node>({
   const inlineDimensions = getNodeInlineStyleDimensions(node);
   // TODO: clamping should happen earlier
   const clampedPosition = nodeExtent
-    ? clampPosition(internals.positionAbsolute, nodeExtent, node.measured, origin)
+    ? clampPosition(internals.positionAbsolute, nodeExtent, node.measured)
     : internals.positionAbsolute;
 
   const hasPointerEvents = isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave;
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 18d74ff7e..c3fc06831 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -278,15 +278,10 @@ const createStore = ({
         triggerEdgeChanges(edgeChanges);
       },
       setNodeExtent: (nodeExtent) => {
-        const { nodeLookup, nodeOrigin } = get();
+        const { nodeLookup } = get();
 
         for (const [, node] of nodeLookup) {
-          const positionAbsolute = clampPosition(
-            node.internals.positionAbsolute,
-            nodeExtent,
-            node.measured,
-            node.origin ?? nodeOrigin
-          );
+          const positionAbsolute = clampPosition(node.internals.positionAbsolute, nodeExtent, node.measured);
 
           nodeLookup.set(node.id, {
             ...node,
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index 67cf43b07..fd4c1dfff 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -19,17 +19,16 @@ export const clamp = (val: number, min = 0, max = 1): number => Math.min(Math.ma
 export const clampPosition = (
   position: XYPosition = { x: 0, y: 0 },
   extent: CoordinateExtent,
-  dimensions: Partial<Dimensions>,
-  origin: NodeOrigin
+  dimensions: Partial<Dimensions>
 ) => ({
-  x: clamp(position.x, extent[0][0], extent[1][0] - (dimensions?.width ?? 0) * origin[0]),
-  y: clamp(position.y, extent[0][1], extent[1][1] - (dimensions?.height ?? 0) * origin[1]),
+  x: clamp(position.x, extent[0][0], extent[1][0] - (dimensions?.width ?? 0)),
+  y: clamp(position.y, extent[0][1], extent[1][1] - (dimensions?.height ?? 0)),
 });
 
 /**
  * Calculates the velocity of panning when the mouse is close to the edge of the canvas
  * @internal
- * @param value - One dimensional poition of the mouse (x or y)
+ * @param value - One dimensional poition of the mouse supi(x or y)
  * @param min - Minimal position on canvas before panning starts
  * @param max - Maximal position on canvas before panning starts
  * @returns - A number between 0 and 1 that represents the velocity of panning
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 21f948e8b..dd8fd214f 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -276,24 +276,6 @@ export async function fitView<Params extends FitViewParamsBase<NodeBase>, Option
   return Promise.resolve(true);
 }
 
-/**
- * This function clamps the passed extend by the node's width and height.
- * This is needed to prevent the node from being dragged outside of its extent.
- *
- * @param node
- * @param extent
- * @returns
- */
-function clampNodeExtent<NodeType extends NodeBase>(
-  node: NodeType,
-  extent?: CoordinateExtent | 'parent'
-): CoordinateExtent | 'parent' | undefined {
-  if (!extent || extent === 'parent') {
-    return extent;
-  }
-  return [extent[0], [extent[1][0] - (node.measured?.width ?? 0), extent[1][1] - (node.measured?.height ?? 0)]];
-}
-
 /**
  * This function calculates the next position of a node, taking into account the node's extent, parent node, and origin.
  *
@@ -318,40 +300,37 @@ export function calculateNodePosition<NodeType extends NodeBase>({
   const node = nodeLookup.get(nodeId)!;
   const parentNode = node.parentId ? nodeLookup.get(node.parentId) : undefined;
   const { x: parentX, y: parentY } = parentNode ? parentNode.internals.positionAbsolute : { x: 0, y: 0 };
-  const origin = node.origin ?? nodeOrigin;
 
-  let currentExtent = clampNodeExtent(node, node.extent || nodeExtent);
+  const origin = node.origin ?? nodeOrigin;
+  let extent = nodeExtent;
 
   if (node.extent === 'parent' && !node.expandParent) {
     if (!parentNode) {
       onError?.('005', errorMessages['error005']());
     } else {
-      const nodeWidth = node.measured.width;
-      const nodeHeight = node.measured.height;
       const parentWidth = parentNode.measured.width;
       const parentHeight = parentNode.measured.height;
 
-      if (nodeWidth && nodeHeight && parentWidth && parentHeight) {
-        currentExtent = [
+      if (parentWidth && parentHeight) {
+        extent = [
           [parentX, parentY],
-          [parentX + parentWidth - nodeWidth, parentY + parentHeight - nodeHeight],
+          [parentX + parentWidth, parentY + parentHeight],
         ];
       }
     }
   } else if (parentNode && isCoordinateExtent(node.extent)) {
-    currentExtent = [
+    extent = [
       [node.extent[0][0] + parentX, node.extent[0][1] + parentY],
       [node.extent[1][0] + parentX, node.extent[1][1] + parentY],
     ];
   }
 
-  const positionAbsolute = isCoordinateExtent(currentExtent)
-    ? clampPosition(nextPosition, currentExtent, node.measured, origin)
+  const positionAbsolute = isCoordinateExtent(extent)
+    ? clampPosition(nextPosition, extent, node.measured)
     : nextPosition;
 
   return {
     position: {
-      // TODO: is there a better way to do this?
       x: positionAbsolute.x - parentX + node.measured.width! * origin[0],
       y: positionAbsolute.y - parentY + node.measured.height! * origin[1],
     },

From 535744efa146cd6f99d65934eee708ec5a13d490 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 20 Aug 2024 12:46:00 +0200
Subject: [PATCH 1002/1093] typo

---
 packages/system/src/utils/general.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index fd4c1dfff..aa20c9587 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -28,7 +28,7 @@ export const clampPosition = (
 /**
  * Calculates the velocity of panning when the mouse is close to the edge of the canvas
  * @internal
- * @param value - One dimensional poition of the mouse supi(x or y)
+ * @param value - One dimensional poition of the mouse (x or y)
  * @param min - Minimal position on canvas before panning starts
  * @param max - Maximal position on canvas before panning starts
  * @returns - A number between 0 and 1 that represents the velocity of panning

From 181dc66b8c969a642ec151bd5a864667ee02e11d Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 20 Aug 2024 13:04:41 +0200
Subject: [PATCH 1003/1093] feat(react,svelte): add `getHandleConnections`
 helper to `useReactFlow` & `useSvelteFlow`

---
 packages/react/src/hooks/useReactFlow.ts      |  7 +++++
 packages/react/src/types/instance.ts          | 19 ++++++++++++-
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 28 ++++++++++++++++++-
 3 files changed, 52 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index faf9d31f0..8f3037871 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -230,6 +230,13 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
           options
         );
       },
+      getHandleConnections: ({ type, id, nodeId }) =>
+        Array.from(
+          store
+            .getState()
+            .connectionLookup.get(`${nodeId}-${type}-${id ?? null}`)
+            ?.values() ?? []
+        ),
     };
   }, []);
 
diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 5f4aa3b30..01bb0c131 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-namespace */
-import type { Rect, Viewport } from '@xyflow/system';
+import type { HandleConnection, HandleType, Rect, Viewport } from '@xyflow/system';
 import type { Node, Edge, ViewportHelperFunctions, InternalNode } from '.';
 
 export type ReactFlowJsonObject<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
@@ -173,6 +173,23 @@ export type GeneralHelpers<NodeType extends Node = Node, EdgeType extends Edge =
     dataUpdate: Partial<EdgeType['data']> | ((edge: EdgeType) => Partial<EdgeType['data']>),
     options?: { replace: boolean }
   ) => void;
+  /**
+   * Gets all connections for a given handle belonging to a specific node.
+   *
+   * @param type - handle type 'source' or 'target'
+   * @param id - the handle id
+   * @param nodeId - the node id the handle belongs to
+   * @returns an array with handle connections
+   */
+  getHandleConnections: ({
+    type,
+    id,
+    nodeId,
+  }: {
+    type: HandleType;
+    nodeId: string;
+    id?: string | null;
+  }) => HandleConnection[];
 };
 
 export type ReactFlowInstance<NodeType extends Node = Node, EdgeType extends Edge = Edge> = GeneralHelpers<
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 4ed083503..7fb7f5cfe 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -14,7 +14,9 @@ import {
   getViewportForBounds,
   getElementsToRemove,
   rendererPointToPoint,
-  evaluateAbsolutePosition
+  evaluateAbsolutePosition,
+  type HandleType,
+  type HandleConnection
 } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
@@ -230,6 +232,23 @@ export function useSvelteFlow(): {
    * @returns the nodes, edges and the viewport as a JSON object
    */
   toObject: () => { nodes: Node[]; edges: Edge[]; viewport: Viewport };
+  /**
+   * Gets all connections for a given handle belonging to a specific node.
+   *
+   * @param type - handle type 'source' or 'target'
+   * @param id - the handle id
+   * @param nodeId - the node id the handle belongs to
+   * @returns an array with handle connections
+   */
+  getHandleConnections: ({
+    type,
+    id,
+    nodeId
+  }: {
+    type: HandleType;
+    nodeId: string;
+    id?: string | null;
+  }) => HandleConnection[];
 } {
   const {
     zoomIn,
@@ -248,6 +267,7 @@ export function useSvelteFlow(): {
     domNode,
     nodeLookup,
     edgeLookup,
+    connectionLookup,
     nodeOrigin
   } = useStore();
 
@@ -523,6 +543,12 @@ export function useSvelteFlow(): {
 
       nodes.update((nds) => nds);
     },
+    getHandleConnections: ({ type, id, nodeId }) =>
+      Array.from(
+        get(connectionLookup)
+          .get(`${nodeId}-${type}-${id ?? null}`)
+          ?.values() ?? []
+      ),
     viewport
   };
 }

From b65aed19840c515949bef236a23d5f0a754cdeb4 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 20 Aug 2024 13:08:02 +0200
Subject: [PATCH 1004/1093] chore(changeset): add

---
 .changeset/new-schools-watch.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 .changeset/new-schools-watch.md

diff --git a/.changeset/new-schools-watch.md b/.changeset/new-schools-watch.md
new file mode 100644
index 000000000..222926266
--- /dev/null
+++ b/.changeset/new-schools-watch.md
@@ -0,0 +1,6 @@
+---
+'@xyflow/react': minor
+'@xyflow/svelte': minor
+---
+
+Add `getHandleConnections` helper to `useReactFlow` & `useSvelteFlow`

From 9ae914561adc082262a471c1c38a9fcf85d09b6a Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 20 Aug 2024 13:12:33 +0200
Subject: [PATCH 1005/1093] chore: update comment

---
 packages/react/src/types/instance.ts           | 2 +-
 packages/svelte/src/lib/hooks/useSvelteFlow.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 01bb0c131..5806353f6 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -177,7 +177,7 @@ export type GeneralHelpers<NodeType extends Node = Node, EdgeType extends Edge =
    * Gets all connections for a given handle belonging to a specific node.
    *
    * @param type - handle type 'source' or 'target'
-   * @param id - the handle id
+   * @param id - the handle id (this is only needed if you have multiple handles of the same type, meaning you have to provide a unique id for each handle)
    * @param nodeId - the node id the handle belongs to
    * @returns an array with handle connections
    */
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 7fb7f5cfe..9aa163883 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -236,7 +236,7 @@ export function useSvelteFlow(): {
    * Gets all connections for a given handle belonging to a specific node.
    *
    * @param type - handle type 'source' or 'target'
-   * @param id - the handle id
+   * @param id - the handle id (this is only needed if you have multiple handles of the same type, meaning you have to provide a unique id for each handle)
    * @param nodeId - the node id the handle belongs to
    * @returns an array with handle connections
    */

From 04774e5011faf7bb2d75b46a2cd1b093fdfc54e5 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 22 Aug 2024 10:34:52 +0200
Subject: [PATCH 1006/1093] added nodeExtent to Svelte Flow and React Flow
 Provider

---
 .../react/src/components/NodeWrapper/index.tsx    |  2 +-
 .../src/components/ReactFlowProvider/index.tsx    |  5 ++++-
 .../react/src/container/ReactFlow/Wrapper.tsx     |  5 ++++-
 packages/react/src/container/ReactFlow/index.tsx  | 10 +++++++++-
 packages/react/src/store/index.ts                 |  5 ++++-
 packages/react/src/store/initialState.ts          |  8 +++++++-
 .../lib/container/SvelteFlow/SvelteFlow.svelte    |  4 +++-
 .../svelte/src/lib/container/SvelteFlow/types.ts  |  6 ++++++
 packages/svelte/src/lib/store/index.ts            | 13 +++++++++----
 packages/svelte/src/lib/store/initial-store.ts    | 15 +++++++++++----
 packages/system/src/utils/store.ts                |  3 +++
 11 files changed, 61 insertions(+), 15 deletions(-)

diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 8ca227b0e..7dcff4d90 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -90,7 +90,7 @@ export function NodeWrapper<NodeType extends Node>({
   const inlineDimensions = getNodeInlineStyleDimensions(node);
   // TODO: clamping should happen earlier
   const clampedPosition = nodeExtent
-    ? clampPosition(internals.positionAbsolute, nodeExtent, node.measured)
+    ? clampPosition(internals.positionAbsolute, nodeExtent, nodeDimensions)
     : internals.positionAbsolute;
 
   const hasPointerEvents = isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave;
diff --git a/packages/react/src/components/ReactFlowProvider/index.tsx b/packages/react/src/components/ReactFlowProvider/index.tsx
index 4843afebb..b29f5f17a 100644
--- a/packages/react/src/components/ReactFlowProvider/index.tsx
+++ b/packages/react/src/components/ReactFlowProvider/index.tsx
@@ -4,7 +4,7 @@ import { Provider } from '../../contexts/StoreContext';
 import { createStore } from '../../store';
 import { BatchProvider } from '../BatchProvider';
 import type { Node, Edge } from '../../types';
-import { NodeOrigin } from '@xyflow/system';
+import { CoordinateExtent, NodeOrigin } from '@xyflow/system';
 
 export type ReactFlowProviderProps = {
   initialNodes?: Node[];
@@ -15,6 +15,7 @@ export type ReactFlowProviderProps = {
   initialHeight?: number;
   fitView?: boolean;
   nodeOrigin?: NodeOrigin;
+  nodeExtent?: CoordinateExtent;
   children: ReactNode;
 };
 
@@ -27,6 +28,7 @@ export function ReactFlowProvider({
   initialHeight: height,
   fitView,
   nodeOrigin,
+  nodeExtent,
   children,
 }: ReactFlowProviderProps) {
   const [store] = useState(() =>
@@ -39,6 +41,7 @@ export function ReactFlowProvider({
       height,
       fitView,
       nodeOrigin,
+      nodeExtent,
     })
   );
 
diff --git a/packages/react/src/container/ReactFlow/Wrapper.tsx b/packages/react/src/container/ReactFlow/Wrapper.tsx
index ce1b5a749..5856809a6 100644
--- a/packages/react/src/container/ReactFlow/Wrapper.tsx
+++ b/packages/react/src/container/ReactFlow/Wrapper.tsx
@@ -3,7 +3,7 @@ import { useContext, type ReactNode } from 'react';
 import StoreContext from '../../contexts/StoreContext';
 import { ReactFlowProvider } from '../../components/ReactFlowProvider';
 import type { Node, Edge } from '../../types';
-import { NodeOrigin } from '@xyflow/system';
+import { CoordinateExtent, NodeOrigin } from '@xyflow/system';
 
 export function Wrapper({
   children,
@@ -15,6 +15,7 @@ export function Wrapper({
   height,
   fitView,
   nodeOrigin,
+  nodeExtent,
 }: {
   children: ReactNode;
   nodes?: Node[];
@@ -25,6 +26,7 @@ export function Wrapper({
   height?: number;
   fitView?: boolean;
   nodeOrigin?: NodeOrigin;
+  nodeExtent?: CoordinateExtent;
 }) {
   const isWrapped = useContext(StoreContext);
 
@@ -44,6 +46,7 @@ export function Wrapper({
       initialHeight={height}
       fitView={fitView}
       nodeOrigin={nodeOrigin}
+      nodeExtent={nodeExtent}
     >
       {children}
     </ReactFlowProvider>
diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index d6e3e5a40..962b68461 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -160,7 +160,15 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
       data-testid="rf__wrapper"
       id={id}
     >
-      <Wrapper nodes={nodes} edges={edges} width={width} height={height} fitView={fitView} nodeOrigin={nodeOrigin}>
+      <Wrapper
+        nodes={nodes}
+        edges={edges}
+        width={width}
+        height={height}
+        fitView={fitView}
+        nodeOrigin={nodeOrigin}
+        nodeExtent={nodeExtent}
+      >
         <GraphView<NodeType, EdgeType>
           onInit={onInit}
           onNodeClick={onNodeClick}
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index c3fc06831..46ed38a6f 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -15,6 +15,7 @@ import {
   ParentExpandChild,
   initialConnection,
   NodeOrigin,
+  CoordinateExtent,
 } from '@xyflow/system';
 
 import { applyEdgeChanges, applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
@@ -30,6 +31,7 @@ const createStore = ({
   height,
   fitView,
   nodeOrigin,
+  nodeExtent,
 }: {
   nodes?: Node[];
   edges?: Edge[];
@@ -39,10 +41,11 @@ const createStore = ({
   height?: number;
   fitView?: boolean;
   nodeOrigin?: NodeOrigin;
+  nodeExtent?: CoordinateExtent;
 }) =>
   createWithEqualityFn<ReactFlowState>(
     (set, get) => ({
-      ...getInitialState({ nodes, edges, width, height, fitView, nodeOrigin, defaultNodes, defaultEdges }),
+      ...getInitialState({ nodes, edges, width, height, fitView, nodeOrigin, nodeExtent, defaultNodes, defaultEdges }),
       setNodes: (nodes: Node[]) => {
         const { nodeLookup, parentLookup, nodeOrigin, elevateNodesOnSelect } = get();
         // setNodes() is called exclusively in response to user actions:
diff --git a/packages/react/src/store/initialState.ts b/packages/react/src/store/initialState.ts
index 279506ba9..af52f2a27 100644
--- a/packages/react/src/store/initialState.ts
+++ b/packages/react/src/store/initialState.ts
@@ -9,6 +9,7 @@ import {
   getInternalNodesBounds,
   NodeOrigin,
   initialConnection,
+  CoordinateExtent,
 } from '@xyflow/system';
 
 import type { Edge, InternalNode, Node, ReactFlowStore } from '../types';
@@ -22,6 +23,7 @@ const getInitialState = ({
   height,
   fitView,
   nodeOrigin,
+  nodeExtent,
 }: {
   nodes?: Node[];
   edges?: Edge[];
@@ -31,18 +33,22 @@ const getInitialState = ({
   height?: number;
   fitView?: boolean;
   nodeOrigin?: NodeOrigin;
+  nodeExtent?: CoordinateExtent;
 } = {}): ReactFlowStore => {
   const nodeLookup = new Map<string, InternalNode>();
   const parentLookup = new Map();
   const connectionLookup = new Map();
   const edgeLookup = new Map();
+
   const storeEdges = defaultEdges ?? edges ?? [];
   const storeNodes = defaultNodes ?? nodes ?? [];
   const storeNodeOrigin = nodeOrigin ?? [0, 0];
+  const storeNodeExtent = nodeExtent ?? infiniteExtent;
 
   updateConnectionLookup(connectionLookup, edgeLookup, storeEdges);
   adoptUserNodes(storeNodes, nodeLookup, parentLookup, {
     nodeOrigin: storeNodeOrigin,
+    nodeExtent: storeNodeExtent,
     elevateNodesOnSelect: false,
   });
 
@@ -76,7 +82,7 @@ const getInitialState = ({
     minZoom: 0.5,
     maxZoom: 2,
     translateExtent: infiniteExtent,
-    nodeExtent: infiniteExtent,
+    nodeExtent: storeNodeExtent,
     nodesSelectionActive: false,
     userSelectionActive: false,
     userSelectionRect: null,
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 87f061d0d..4fc060a61 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -53,6 +53,7 @@
   export let onMoveEnd: $$Props['onMoveEnd'] = undefined;
   export let isValidConnection: $$Props['isValidConnection'] = undefined;
   export let translateExtent: $$Props['translateExtent'] = undefined;
+  export let nodeExtent: $$Props['nodeExtent'] = undefined;
   export let onlyRenderVisibleElements: $$Props['onlyRenderVisibleElements'] = undefined;
   export let panOnScrollMode: $$Props['panOnScrollMode'] = PanOnScrollMode.Free;
   export let preventScrolling: $$Props['preventScrolling'] = true;
@@ -102,7 +103,8 @@
         width,
         height,
         fitView,
-        nodeOrigin
+        nodeOrigin,
+        nodeExtent
       });
 
   onMount(() => {
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index b5e813314..0963424e9 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -206,6 +206,12 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
    * @example [[-1000, -10000], [1000, 1000]]
    */
   translateExtent?: CoordinateExtent;
+  /** By default the nodes can be placed anywhere. You can use this prop to set a boundary.
+   *
+   * The first pair of coordinates is the top left boundary and the second pair is the bottom right.
+   * @example [[-1000, -10000], [1000, 1000]]
+   */
+  nodeExtent?: CoordinateExtent;
   /** Disabling this prop will allow the user to scroll the page even when their pointer is over the flow.
    * @default true
    */
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 9ed41bc06..24279a452 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -37,7 +37,8 @@ export function createStore({
   width,
   height,
   fitView: fitViewOnCreate,
-  nodeOrigin
+  nodeOrigin,
+  nodeExtent
 }: {
   nodes?: Node[];
   edges?: Edge[];
@@ -45,6 +46,7 @@ export function createStore({
   height?: number;
   fitView?: boolean;
   nodeOrigin?: NodeOrigin;
+  nodeExtent?: CoordinateExtent;
 }): SvelteFlowStore {
   const store = getInitialStore({
     nodes,
@@ -52,7 +54,8 @@ export function createStore({
     width,
     height,
     fitView: fitViewOnCreate,
-    nodeOrigin
+    nodeOrigin,
+    nodeExtent
   });
 
   function setNodeTypes(nodeTypes: NodeTypes) {
@@ -482,7 +485,8 @@ export function createStoreContext({
   width,
   height,
   fitView,
-  nodeOrigin
+  nodeOrigin,
+  nodeExtent
 }: {
   nodes?: Node[];
   edges?: Edge[];
@@ -490,8 +494,9 @@ export function createStoreContext({
   height?: number;
   fitView?: boolean;
   nodeOrigin?: NodeOrigin;
+  nodeExtent?: CoordinateExtent;
 }) {
-  const store = createStore({ nodes, edges, width, height, fitView, nodeOrigin });
+  const store = createStore({ nodes, edges, width, height, fitView, nodeOrigin, nodeExtent });
 
   setContext(key, {
     getStore: () => store
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index 5c9b9f64e..ffd7703a0 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -75,7 +75,8 @@ export const getInitialStore = ({
   width,
   height,
   fitView,
-  nodeOrigin
+  nodeOrigin,
+  nodeExtent
 }: {
   nodes?: Node[];
   edges?: Edge[];
@@ -83,17 +84,23 @@ export const getInitialStore = ({
   height?: number;
   fitView?: boolean;
   nodeOrigin?: NodeOrigin;
+  nodeExtent?: CoordinateExtent;
 }) => {
   const nodeLookup: NodeLookup = new Map();
   const parentLookup = new Map();
+  const connectionLookup = new Map();
+  const edgeLookup = new Map();
+
   const storeNodeOrigin = nodeOrigin ?? [0, 0];
+  const storeNodeExtent = nodeExtent ?? infiniteExtent;
+
   adoptUserNodes(nodes, nodeLookup, parentLookup, {
+    nodeExtent: storeNodeExtent,
     nodeOrigin: storeNodeOrigin,
     elevateNodesOnSelect: false,
     checkEquality: false
   });
-  const connectionLookup = new Map();
-  const edgeLookup = new Map();
+
   updateConnectionLookup(connectionLookup, edgeLookup, edges);
 
   let viewport: Viewport = { x: 0, y: 0, zoom: 1 };
@@ -121,7 +128,7 @@ export const getInitialStore = ({
     maxZoom: writable<number>(2),
     nodeOrigin: writable<NodeOrigin>(storeNodeOrigin),
     nodeDragThreshold: writable<number>(1),
-    nodeExtent: writable<CoordinateExtent>(infiniteExtent),
+    nodeExtent: writable<CoordinateExtent>(storeNodeExtent),
     translateExtent: writable<CoordinateExtent>(infiniteExtent),
     autoPanOnNodeDrag: writable<boolean>(true),
     autoPanOnConnect: writable<boolean>(true),
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index f2cf1bfd3..d1bd40fcd 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -1,3 +1,4 @@
+import { infiniteExtent } from '..';
 import {
   NodeBase,
   CoordinateExtent,
@@ -23,6 +24,7 @@ import { ParentExpandChild } from './types';
 
 const defaultOptions = {
   nodeOrigin: [0, 0] as NodeOrigin,
+  nodeExtent: infiniteExtent,
   elevateNodesOnSelect: true,
   defaults: {},
 };
@@ -48,6 +50,7 @@ export function updateAbsolutePositions<NodeType extends NodeBase>(
 
 type UpdateNodesOptions<NodeType extends NodeBase> = {
   nodeOrigin?: NodeOrigin;
+  nodeExtent?: CoordinateExtent;
   elevateNodesOnSelect?: boolean;
   defaults?: Partial<NodeType>;
   checkEquality?: boolean;

From ea8b9e005083244bf5891db39c248f07bdd68522 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 22 Aug 2024 11:00:16 +0200
Subject: [PATCH 1007/1093] clamp position on adoptUserNode

---
 .../react/src/components/NodeWrapper/index.tsx  | 13 ++++---------
 packages/react/src/store/index.ts               |  7 ++++++-
 packages/svelte/src/lib/store/initial-store.ts  |  2 +-
 packages/svelte/src/lib/store/utils.ts          |  8 ++++++--
 packages/system/src/utils/store.ts              | 17 +++++++++++++++--
 5 files changed, 32 insertions(+), 15 deletions(-)

diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 7dcff4d90..61e13166d 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -2,7 +2,6 @@ import { type MouseEvent, type KeyboardEvent } from 'react';
 import cc from 'classcat';
 import { shallow } from 'zustand/shallow';
 import {
-  clampPosition,
   elementSelectionKeys,
   errorMessages,
   getNodeDimensions,
@@ -88,10 +87,6 @@ export function NodeWrapper<NodeType extends Node>({
 
   const nodeDimensions = getNodeDimensions(node);
   const inlineDimensions = getNodeInlineStyleDimensions(node);
-  // TODO: clamping should happen earlier
-  const clampedPosition = nodeExtent
-    ? clampPosition(internals.positionAbsolute, nodeExtent, nodeDimensions)
-    : internals.positionAbsolute;
 
   const hasPointerEvents = isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave;
 
@@ -147,7 +142,7 @@ export function NodeWrapper<NodeType extends Node>({
       store.setState({
         ariaLiveMessage: `Moved selected node ${event.key
           .replace('Arrow', '')
-          .toLowerCase()}. New position, x: ${~~clampedPosition.x}, y: ${~~clampedPosition.y}`,
+          .toLowerCase()}. New position, x: ${~~internals.positionAbsolute.x}, y: ${~~internals.positionAbsolute.y}`,
       });
 
       moveSelectedNodes({
@@ -178,7 +173,7 @@ export function NodeWrapper<NodeType extends Node>({
       ref={nodeRef}
       style={{
         zIndex: internals.z,
-        transform: `translate(${clampedPosition.x}px,${clampedPosition.y}px)`,
+        transform: `translate(${internals.positionAbsolute.x}px,${internals.positionAbsolute.y}px)`,
         pointerEvents: hasPointerEvents ? 'all' : 'none',
         visibility: hasDimensions ? 'visible' : 'hidden',
         ...node.style,
@@ -203,8 +198,8 @@ export function NodeWrapper<NodeType extends Node>({
           id={id}
           data={node.data}
           type={nodeType}
-          positionAbsoluteX={clampedPosition.x}
-          positionAbsoluteY={clampedPosition.y}
+          positionAbsoluteX={internals.positionAbsolute.x}
+          positionAbsoluteY={internals.positionAbsolute.y}
           selected={node.selected}
           selectable={isSelectable}
           draggable={isDraggable}
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 46ed38a6f..5990c2d78 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -54,7 +54,12 @@ const createStore = ({
         //
         // When this happens, we take the note objects passed by the user and extend them with fields
         // relevant for internal React Flow operations.
-        adoptUserNodes(nodes, nodeLookup, parentLookup, { nodeOrigin, elevateNodesOnSelect, checkEquality: true });
+        adoptUserNodes(nodes, nodeLookup, parentLookup, {
+          nodeOrigin,
+          nodeExtent,
+          elevateNodesOnSelect,
+          checkEquality: true,
+        });
 
         set({ nodes });
       },
diff --git a/packages/svelte/src/lib/store/initial-store.ts b/packages/svelte/src/lib/store/initial-store.ts
index ffd7703a0..142460a79 100644
--- a/packages/svelte/src/lib/store/initial-store.ts
+++ b/packages/svelte/src/lib/store/initial-store.ts
@@ -114,7 +114,7 @@ export const getInitialStore = ({
 
   return {
     flowId: writable<string | null>(null),
-    nodes: createNodesStore(nodes, nodeLookup, parentLookup, storeNodeOrigin),
+    nodes: createNodesStore(nodes, nodeLookup, parentLookup, storeNodeOrigin, storeNodeExtent),
     nodeLookup: readable<NodeLookup<InternalNode>>(nodeLookup),
     parentLookup: readable<ParentLookup<InternalNode>>(parentLookup),
     edgeLookup: readable<EdgeLookup<Edge>>(edgeLookup),
diff --git a/packages/svelte/src/lib/store/utils.ts b/packages/svelte/src/lib/store/utils.ts
index e0b53c46e..30af8f735 100644
--- a/packages/svelte/src/lib/store/utils.ts
+++ b/packages/svelte/src/lib/store/utils.ts
@@ -15,7 +15,9 @@ import {
   type EdgeLookup,
   type NodeLookup,
   type ParentLookup,
-  type NodeOrigin
+  type NodeOrigin,
+  infiniteExtent,
+  type CoordinateExtent
 } from '@xyflow/system';
 
 import type { DefaultEdgeOptions, DefaultNodeOptions, Edge, InternalNode, Node } from '$lib/types';
@@ -131,7 +133,8 @@ export const createNodesStore = (
   nodes: Node[],
   nodeLookup: NodeLookup<InternalNode>,
   parentLookup: ParentLookup<InternalNode>,
-  nodeOrigin: NodeOrigin = [0, 0]
+  nodeOrigin: NodeOrigin = [0, 0],
+  nodeExtent: CoordinateExtent = infiniteExtent
 ): {
   subscribe: (this: void, run: Subscriber<Node[]>) => Unsubscriber;
   update: (this: void, updater: Updater<Node[]>) => void;
@@ -148,6 +151,7 @@ export const createNodesStore = (
     adoptUserNodes(nds, nodeLookup, parentLookup, {
       elevateNodesOnSelect,
       nodeOrigin,
+      nodeExtent,
       defaults,
       checkEquality: false
     });
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index d1bd40fcd..8f8749d83 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -18,7 +18,14 @@ import {
   ParentLookup,
 } from '../types';
 import { getDimensions, getHandleBounds } from './dom';
-import { getBoundsOfRects, getNodeDimensions, isNumeric, nodeToRect } from './general';
+import {
+  clampPosition,
+  getBoundsOfRects,
+  getNodeDimensions,
+  isCoordinateExtent,
+  isNumeric,
+  nodeToRect,
+} from './general';
 import { getNodePositionWithOrigin } from './graph';
 import { ParentExpandChild } from './types';
 
@@ -28,6 +35,7 @@ const defaultOptions = {
   elevateNodesOnSelect: true,
   defaults: {},
 };
+
 const adoptUserNodesDefaultOptions = {
   ...defaultOptions,
   checkEquality: true,
@@ -63,6 +71,7 @@ export function adoptUserNodes<NodeType extends NodeBase>(
   options?: UpdateNodesOptions<NodeType>
 ) {
   const _options = { ...adoptUserNodesDefaultOptions, ...options };
+
   const tmpLookup = new Map(nodeLookup);
   nodeLookup.clear();
   parentLookup.clear();
@@ -74,6 +83,10 @@ export function adoptUserNodes<NodeType extends NodeBase>(
     if (_options.checkEquality && userNode === internalNode?.internals.userNode) {
       nodeLookup.set(userNode.id, internalNode);
     } else {
+      const positionOrigin = getNodePositionWithOrigin(userNode, _options.nodeOrigin);
+      const extent = isCoordinateExtent(userNode.extent) ? userNode.extent : _options.nodeExtent;
+      const positionAbsolute = clampPosition(positionOrigin, extent, getNodeDimensions(userNode));
+
       internalNode = {
         ..._options.defaults,
         ...userNode,
@@ -82,7 +95,7 @@ export function adoptUserNodes<NodeType extends NodeBase>(
           height: userNode.measured?.height,
         },
         internals: {
-          positionAbsolute: getNodePositionWithOrigin(userNode, _options.nodeOrigin),
+          positionAbsolute,
           // if user re-initializes the node or removes `measured` for whatever reason, we reset the handleBounds so that the node gets re-measured
           handleBounds: !userNode.measured ? undefined : internalNode?.internals.handleBounds,
           z: calculateZ(userNode, selectedNodeZ),

From e989be8710f0f0bc16df4a20ea1dff13acbd443c Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 22 Aug 2024 11:00:49 +0200
Subject: [PATCH 1008/1093] updated subflow example

---
 examples/react/src/examples/Subflow/index.tsx | 33 +++++++++++++++----
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/examples/react/src/examples/Subflow/index.tsx b/examples/react/src/examples/Subflow/index.tsx
index 74654870e..7b429d39f 100644
--- a/examples/react/src/examples/Subflow/index.tsx
+++ b/examples/react/src/examples/Subflow/index.tsx
@@ -27,11 +27,19 @@ const onEdgeClick = (_: MouseEvent, edge: Edge) => console.log('click', edge);
 
 const defaultViewport = { x: 0, y: 0, zoom: 1.5 };
 const initialNodes: Node[] = [
+  {
+    id: 'extent',
+    position: { x: 0, y: 0 },
+    width: 1000,
+    height: 1000,
+    data: { label: 'Extent' },
+    origin: [0, 0],
+  },
   {
     id: '1',
     type: 'input',
     data: { label: 'Node 1' },
-    position: { x: 250, y: 5 },
+    position: { x: -200, y: -500 },
     className: 'light',
     origin: [0.5, 0.5],
   },
@@ -40,7 +48,7 @@ const initialNodes: Node[] = [
     data: { label: 'Node 4' },
     position: { x: 100, y: 200 },
     className: 'light',
-    origin: [0.5, 0.5],
+    origin: [0, 0],
     style: {
       backgroundColor: 'rgba(255,50, 50, 0.5)',
       width: 500,
@@ -53,11 +61,11 @@ const initialNodes: Node[] = [
     position: { x: 15, y: 15 },
     className: 'light',
     parentId: '4',
-    origin: [0.5, 0.5],
+    origin: [0, 0],
 
     extent: [
       [0, 0],
-      [100, 100],
+      [300, 100],
     ],
   },
   {
@@ -98,9 +106,13 @@ const initialNodes: Node[] = [
   {
     id: '5a',
     data: { label: 'Node 5a' },
-    position: { x: 0, y: 0 },
+    position: { x: -100, y: -100 },
     className: 'light',
     parentId: '5',
+    // extent: [
+    //   [0, 0],
+    //   [300, 300],
+    // ],
     extent: 'parent',
   },
   {
@@ -220,6 +232,10 @@ const Subflow = () => {
       nodeTypes={nodeTypes}
       fitView
       nodeOrigin={[0, 0]}
+      nodeExtent={[
+        [0, 0],
+        [1000, 1000],
+      ]}
     >
       <MiniMap />
       <Controls />
@@ -239,7 +255,12 @@ const Subflow = () => {
 };
 
 export default () => (
-  <ReactFlowProvider>
+  <ReactFlowProvider
+    nodeExtent={[
+      [0, 0],
+      [1000, 1000],
+    ]}
+  >
     <Subflow />
   </ReactFlowProvider>
 );

From 9097102386d470488fa20df45f938c93037a46d0 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 22 Aug 2024 15:20:56 +0200
Subject: [PATCH 1009/1093] fixed node extent = parent in subflows

---
 examples/react/src/examples/Subflow/index.tsx |  5 ++--
 packages/system/src/utils/store.ts            | 28 +++++++++++++++++--
 2 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/examples/react/src/examples/Subflow/index.tsx b/examples/react/src/examples/Subflow/index.tsx
index 7b429d39f..7130c1b14 100644
--- a/examples/react/src/examples/Subflow/index.tsx
+++ b/examples/react/src/examples/Subflow/index.tsx
@@ -13,7 +13,6 @@ import {
   MiniMap,
   Background,
   Panel,
-  NodeOrigin,
   useUpdateNodeInternals,
   ReactFlowProvider,
 } from '@xyflow/react';
@@ -34,6 +33,7 @@ const initialNodes: Node[] = [
     height: 1000,
     data: { label: 'Extent' },
     origin: [0, 0],
+    zIndex: -1,
   },
   {
     id: '1',
@@ -58,11 +58,10 @@ const initialNodes: Node[] = [
   {
     id: '4a',
     data: { label: 'Node 4a' },
-    position: { x: 15, y: 15 },
+    position: { x: -15, y: -15 },
     className: 'light',
     parentId: '4',
     origin: [0, 0],
-
     extent: [
       [0, 0],
       [300, 100],
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 8f8749d83..c0775af9f 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -163,13 +163,35 @@ function calculateChildXYZ<NodeType extends NodeBase>(
   nodeOrigin: NodeOrigin,
   selectedNodeZ: number
 ) {
-  const position = getNodePositionWithOrigin(childNode, nodeOrigin);
+  const childDimensions = getNodeDimensions(childNode);
+  const parentPosition = parentNode.internals.positionAbsolute;
+
+  let position = getNodePositionWithOrigin(childNode, nodeOrigin);
+
+  if (isCoordinateExtent(childNode.extent)) {
+    position = clampPosition(position, childNode.extent, childDimensions);
+  }
+
+  let absolutePosition = { x: parentPosition.x + position.x, y: parentPosition.y + position.y };
+
+  if (childNode.extent === 'parent') {
+    const parentDimensions = getNodeDimensions(parentNode);
+    absolutePosition = clampPosition(
+      absolutePosition,
+      [
+        [parentPosition.x, parentPosition.y],
+        [parentPosition.x + parentDimensions.width, parentPosition.y + parentDimensions.height],
+      ],
+      childDimensions
+    );
+  }
+
   const childZ = calculateZ(childNode, selectedNodeZ);
   const parentZ = parentNode.internals.z ?? 0;
 
   return {
-    x: parentNode.internals.positionAbsolute.x + position.x,
-    y: parentNode.internals.positionAbsolute.y + position.y,
+    x: absolutePosition.x,
+    y: absolutePosition.y,
     z: parentZ > childZ ? parentZ : childZ,
   };
 }

From e5fac45371f6df57cf5939e4278f009196bf06f4 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 22 Aug 2024 16:07:37 +0200
Subject: [PATCH 1010/1093] fixed node extent flashing

---
 .../src/components/NodeWrapper/index.tsx      |  3 +-
 packages/react/src/store/index.ts             | 19 ++------
 packages/system/src/utils/store.ts            | 46 ++++++++++++++-----
 3 files changed, 39 insertions(+), 29 deletions(-)

diff --git a/packages/react/src/components/NodeWrapper/index.tsx b/packages/react/src/components/NodeWrapper/index.tsx
index 61e13166d..5f5284861 100644
--- a/packages/react/src/components/NodeWrapper/index.tsx
+++ b/packages/react/src/components/NodeWrapper/index.tsx
@@ -41,7 +41,7 @@ export function NodeWrapper<NodeType extends Node>({
   nodeClickDistance,
   onError,
 }: NodeWrapperProps<NodeType>) {
-  const { node, internals, isParent, origin } = useStore((s) => {
+  const { node, internals, isParent } = useStore((s) => {
     const node = s.nodeLookup.get(id)! as InternalNode<NodeType>;
     const isParent = s.parentLookup.has(id);
 
@@ -49,7 +49,6 @@ export function NodeWrapper<NodeType extends Node>({
       node,
       internals: node.internals,
       isParent,
-      origin: node.origin ?? s.nodeOrigin,
     };
   }, shallow);
 
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 5990c2d78..2941e89fe 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -95,6 +95,7 @@ const createStore = ({
           fitViewOnInitOptions,
           domNode,
           nodeOrigin,
+          nodeExtent,
           debug,
           fitViewSync,
         } = get();
@@ -104,7 +105,8 @@ const createStore = ({
           nodeLookup,
           parentLookup,
           domNode,
-          nodeOrigin
+          nodeOrigin,
+          nodeExtent
         );
 
         if (!updatedInternals) {
@@ -286,23 +288,10 @@ const createStore = ({
         triggerEdgeChanges(edgeChanges);
       },
       setNodeExtent: (nodeExtent) => {
-        const { nodeLookup } = get();
-
-        for (const [, node] of nodeLookup) {
-          const positionAbsolute = clampPosition(node.internals.positionAbsolute, nodeExtent, node.measured);
-
-          nodeLookup.set(node.id, {
-            ...node,
-            internals: {
-              ...node.internals,
-              positionAbsolute,
-            },
-          });
-        }
-
         set({
           nodeExtent,
         });
+        get().setNodes(get().nodes);
       },
       panBy: (delta): Promise<boolean> => {
         const { transform, width, height, panZoom, translateExtent } = get();
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index c0775af9f..ebac335cc 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -1,4 +1,4 @@
-import { infiniteExtent } from '..';
+import { Dimensions, infiniteExtent } from '..';
 import {
   NodeBase,
   CoordinateExtent,
@@ -153,6 +153,24 @@ function updateChildPosition<NodeType extends NodeBase>(
   }
 }
 
+function clampPositionToParent<NodeType extends NodeBase>(
+  childPosition: XYPosition,
+  childDimensions: Dimensions,
+  parent: InternalNodeBase<NodeType>
+) {
+  const parentDimensions = getNodeDimensions(parent);
+  const parentPosition = parent.internals.positionAbsolute;
+
+  return clampPosition(
+    childPosition,
+    [
+      [parentPosition.x, parentPosition.y],
+      [parentPosition.x + parentDimensions.width, parentPosition.y + parentDimensions.height],
+    ],
+    childDimensions
+  );
+}
+
 function calculateZ(node: NodeBase, selectedNodeZ: number) {
   return (isNumeric(node.zIndex) ? node.zIndex : 0) + (node.selected ? selectedNodeZ : 0);
 }
@@ -175,15 +193,7 @@ function calculateChildXYZ<NodeType extends NodeBase>(
   let absolutePosition = { x: parentPosition.x + position.x, y: parentPosition.y + position.y };
 
   if (childNode.extent === 'parent') {
-    const parentDimensions = getNodeDimensions(parentNode);
-    absolutePosition = clampPosition(
-      absolutePosition,
-      [
-        [parentPosition.x, parentPosition.y],
-        [parentPosition.x + parentDimensions.width, parentPosition.y + parentDimensions.height],
-      ],
-      childDimensions
-    );
+    absolutePosition = clampPositionToParent(absolutePosition, childDimensions, parentNode);
   }
 
   const childZ = calculateZ(childNode, selectedNodeZ);
@@ -287,7 +297,8 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
   nodeLookup: NodeLookup<NodeType>,
   parentLookup: ParentLookup<NodeType>,
   domNode: HTMLElement | null,
-  nodeOrigin?: NodeOrigin
+  nodeOrigin?: NodeOrigin,
+  nodeExtent?: CoordinateExtent
 ): { changes: (NodeDimensionChange | NodePositionChange)[]; updatedInternals: boolean } {
   const viewportNode = domNode?.querySelector('.xyflow__viewport');
   let updatedInternals = false;
@@ -325,11 +336,22 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
 
       if (doUpdate) {
         const nodeBounds = update.nodeElement.getBoundingClientRect();
+        let extent = isCoordinateExtent(node.extent) ? node.extent : nodeExtent;
+        let positionAbsolute = node.internals.positionAbsolute;
+        if (node.parentId && node.extent === 'parent') {
+          positionAbsolute = clampPositionToParent(
+            positionAbsolute,
+            getNodeDimensions(node),
+            nodeLookup.get(node.parentId)!
+          );
+        } else if (extent) {
+          positionAbsolute = clampPosition(positionAbsolute, extent, dimensions);
+        }
 
         node.measured = dimensions;
         node.internals = {
           ...node.internals,
-          positionAbsolute: getNodePositionWithOrigin(node, nodeOrigin),
+          positionAbsolute,
           handleBounds: {
             source: getHandleBounds('source', update.nodeElement, nodeBounds, zoom, node.id),
             target: getHandleBounds('target', update.nodeElement, nodeBounds, zoom, node.id),

From 0502b7069e3c563c8ffde02b7031844f56da4e4e Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 22 Aug 2024 17:11:39 +0200
Subject: [PATCH 1011/1093] fix setNodeExtent

---
 packages/react/src/store/index.ts | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 2941e89fe..d70c9c45c 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -288,10 +288,20 @@ const createStore = ({
         triggerEdgeChanges(edgeChanges);
       },
       setNodeExtent: (nodeExtent) => {
+        const { nodes, nodeLookup, parentLookup, nodeOrigin, elevateNodesOnSelect } = get();
+
         set({
           nodeExtent,
         });
-        get().setNodes(get().nodes);
+
+        adoptUserNodes(nodes, nodeLookup, parentLookup, {
+          nodeOrigin,
+          nodeExtent,
+          elevateNodesOnSelect,
+          checkEquality: false,
+        });
+
+        set({ nodes });
       },
       panBy: (delta): Promise<boolean> => {
         const { transform, width, height, panZoom, translateExtent } = get();

From 1445e1483118c966ff6de3f29c5473c93f6b99f1 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 22 Aug 2024 17:12:39 +0200
Subject: [PATCH 1012/1093] added changeset

---
 .changeset/rude-rockets-hope.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/rude-rockets-hope.md

diff --git a/.changeset/rude-rockets-hope.md b/.changeset/rude-rockets-hope.md
new file mode 100644
index 000000000..80d86d370
--- /dev/null
+++ b/.changeset/rude-rockets-hope.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/svelte': minor
+---
+
+Added ability to set global nodeExtent

From b4682f0b788a625a3be718fe31f403440451a3a8 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 26 Aug 2024 09:54:38 +0200
Subject: [PATCH 1013/1093] fixed undefined option values

---
 packages/react/src/store/index.ts  |  1 -
 packages/system/src/utils/store.ts | 17 ++++++++++++++---
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index d70c9c45c..13f2bcf6d 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -1,6 +1,5 @@
 import { createWithEqualityFn } from 'zustand/traditional';
 import {
-  clampPosition,
   getFitViewNodes,
   fitView as fitViewSystem,
   adoptUserNodes,
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index ebac335cc..9417769d6 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -41,12 +41,23 @@ const adoptUserNodesDefaultOptions = {
   checkEquality: true,
 };
 
+function mergeObjects<T extends Record<string, any>>(base: T, incoming?: Partial<T>): T {
+  const result = { ...base };
+  for (const key in incoming) {
+    if (incoming[key] !== undefined) {
+      result[key] = incoming[key];
+    }
+  }
+
+  return result;
+}
+
 export function updateAbsolutePositions<NodeType extends NodeBase>(
   nodeLookup: NodeLookup<InternalNodeBase<NodeType>>,
   parentLookup: ParentLookup<InternalNodeBase<NodeType>>,
   options?: UpdateNodesOptions<NodeType>
 ) {
-  const _options = { ...defaultOptions, ...options };
+  const _options = mergeObjects(defaultOptions, options);
   for (const node of nodeLookup.values()) {
     if (!node.parentId) {
       continue;
@@ -70,7 +81,7 @@ export function adoptUserNodes<NodeType extends NodeBase>(
   parentLookup: ParentLookup<InternalNodeBase<NodeType>>,
   options?: UpdateNodesOptions<NodeType>
 ) {
-  const _options = { ...adoptUserNodesDefaultOptions, ...options };
+  const _options = mergeObjects(adoptUserNodesDefaultOptions, options);
 
   const tmpLookup = new Map(nodeLookup);
   nodeLookup.clear();
@@ -117,7 +128,7 @@ function updateChildPosition<NodeType extends NodeBase>(
   parentLookup: ParentLookup<InternalNodeBase<NodeType>>,
   options?: UpdateNodesOptions<NodeType>
 ) {
-  const _options = { ...defaultOptions, ...options };
+  const _options = mergeObjects(defaultOptions, options);
 
   const parentId = node.parentId!;
   const parentNode = nodeLookup.get(parentId);

From 30e83b7dd119483e7cf4aae51f8ecb304a8c8e6f Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 26 Aug 2024 14:31:39 +0200
Subject: [PATCH 1014/1093] fixed reconnect with connectionMode=loose

---
 .../EdgeWrapper/EdgeUpdateAnchors.tsx         | 35 ++++++++-----------
 .../src/components/EdgeWrapper/index.tsx      |  2 --
 packages/system/src/xyhandle/XYHandle.ts      |  4 +--
 packages/system/src/xyhandle/utils.ts         |  8 +++--
 4 files changed, 23 insertions(+), 26 deletions(-)

diff --git a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
index e10da1bc3..4aed1c210 100644
--- a/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
+++ b/packages/react/src/components/EdgeWrapper/EdgeUpdateAnchors.tsx
@@ -1,5 +1,5 @@
 // Reconnectable edges have a anchors around their handles to reconnect the edge.
-import { XYHandle, type Connection, EdgePosition, FinalConnectionState } from '@xyflow/system';
+import { XYHandle, type Connection, EdgePosition, FinalConnectionState, HandleType } from '@xyflow/system';
 
 import { EdgeAnchor } from '../Edges/EdgeAnchor';
 import type { EdgeWrapperProps, Edge } from '../../types/edges';
@@ -9,8 +9,6 @@ type EdgeUpdateAnchorsProps<EdgeType extends Edge = Edge> = {
   edge: EdgeType;
   isReconnectable: boolean | 'source' | 'target';
   reconnectRadius: EdgeWrapperProps['reconnectRadius'];
-  sourceHandleId: Edge['sourceHandle'];
-  targetHandleId: Edge['targetHandle'];
   onReconnect: EdgeWrapperProps<EdgeType>['onReconnect'];
   onReconnectStart: EdgeWrapperProps<EdgeType>['onReconnectStart'];
   onReconnectEnd: EdgeWrapperProps<EdgeType>['onReconnectEnd'];
@@ -22,8 +20,6 @@ export function EdgeUpdateAnchors<EdgeType extends Edge = Edge>({
   isReconnectable,
   reconnectRadius,
   edge,
-  targetHandleId,
-  sourceHandleId,
   sourceX,
   sourceY,
   targetX,
@@ -38,7 +34,10 @@ export function EdgeUpdateAnchors<EdgeType extends Edge = Edge>({
 }: EdgeUpdateAnchorsProps<EdgeType>) {
   const store = useStoreApi();
 
-  const handleEdgeUpdater = (event: React.MouseEvent<SVGGElement, MouseEvent>, isSourceHandle: boolean) => {
+  const handleEdgeUpdater = (
+    event: React.MouseEvent<SVGGElement, MouseEvent>,
+    oppositeHandle: { nodeId: string; id: string | null; type: HandleType }
+  ) => {
     // avoid triggering edge updater if mouse btn is not left
     if (event.button !== 0) {
       return;
@@ -59,18 +58,14 @@ export function EdgeUpdateAnchors<EdgeType extends Edge = Edge>({
       panBy,
       updateConnection,
     } = store.getState();
-    const nodeId = isSourceHandle ? edge.target : edge.source;
-    const handleId = (isSourceHandle ? targetHandleId : sourceHandleId) || null;
-    const handleType = isSourceHandle ? 'target' : 'source';
-
-    const isTarget = isSourceHandle;
+    const isTarget = oppositeHandle.type === 'target';
 
     setReconnecting(true);
-    onReconnectStart?.(event, edge, handleType);
+    onReconnectStart?.(event, edge, oppositeHandle.type);
 
     const _onReconnectEnd = (evt: MouseEvent | TouchEvent, connectionState: FinalConnectionState) => {
       setReconnecting(false);
-      onReconnectEnd?.(evt, edge, handleType, connectionState);
+      onReconnectEnd?.(evt, edge, oppositeHandle.type, connectionState);
     };
 
     const onConnectEdge = (connection: Connection) => onReconnect?.(edge, connection);
@@ -80,11 +75,11 @@ export function EdgeUpdateAnchors<EdgeType extends Edge = Edge>({
       connectionMode,
       connectionRadius,
       domNode,
-      handleId,
-      nodeId,
+      handleId: oppositeHandle.id,
+      nodeId: oppositeHandle.nodeId,
       nodeLookup,
       isTarget,
-      edgeUpdaterType: handleType,
+      edgeUpdaterType: oppositeHandle.type,
       lib,
       flowId,
       cancelConnection,
@@ -101,15 +96,15 @@ export function EdgeUpdateAnchors<EdgeType extends Edge = Edge>({
   };
 
   const onReconnectSourceMouseDown = (event: React.MouseEvent<SVGGElement, MouseEvent>): void =>
-    handleEdgeUpdater(event, true);
+    handleEdgeUpdater(event, { nodeId: edge.target, id: edge.targetHandle ?? null, type: 'target' });
   const onReconnectTargetMouseDown = (event: React.MouseEvent<SVGGElement, MouseEvent>): void =>
-    handleEdgeUpdater(event, false);
+    handleEdgeUpdater(event, { nodeId: edge.source, id: edge.sourceHandle ?? null, type: 'source' });
   const onReconnectMouseEnter = () => setUpdateHover(true);
   const onReconnectMouseOut = () => setUpdateHover(false);
 
   return (
     <>
-      {(isReconnectable === 'source' || isReconnectable === true) && (
+      {(isReconnectable === true || isReconnectable === 'source') && (
         <EdgeAnchor
           position={sourcePosition}
           centerX={sourceX}
@@ -121,7 +116,7 @@ export function EdgeUpdateAnchors<EdgeType extends Edge = Edge>({
           type="source"
         />
       )}
-      {(isReconnectable === 'target' || isReconnectable === true) && (
+      {(isReconnectable === true || isReconnectable === 'target') && (
         <EdgeAnchor
           position={targetPosition}
           centerX={targetX}
diff --git a/packages/react/src/components/EdgeWrapper/index.tsx b/packages/react/src/components/EdgeWrapper/index.tsx
index 91b7085ad..f50ed4b96 100644
--- a/packages/react/src/components/EdgeWrapper/index.tsx
+++ b/packages/react/src/components/EdgeWrapper/index.tsx
@@ -255,8 +255,6 @@ export function EdgeWrapper<EdgeType extends Edge = Edge>({
             targetPosition={targetPosition}
             setUpdateHover={setUpdateHover}
             setReconnecting={setReconnecting}
-            sourceHandleId={edge.sourceHandle}
-            targetHandleId={edge.targetHandle}
           />
         )}
       </g>
diff --git a/packages/system/src/xyhandle/XYHandle.ts b/packages/system/src/xyhandle/XYHandle.ts
index cc4c5d1f8..b15befc9c 100644
--- a/packages/system/src/xyhandle/XYHandle.ts
+++ b/packages/system/src/xyhandle/XYHandle.ts
@@ -61,7 +61,7 @@ function onPointerDown(
     return;
   }
 
-  const fromHandleInternal = getHandle(nodeId, handleType, handleId, nodeLookup);
+  const fromHandleInternal = getHandle(nodeId, handleType, handleId, nodeLookup, connectionMode);
   if (!fromHandleInternal) {
     return;
   }
@@ -289,7 +289,7 @@ function isValidHandle(
 
     result.isValid = isValid && isValidConnection(connection);
 
-    result.toHandle = getHandle(handleNodeId, handleType, handleId, nodeLookup, false);
+    result.toHandle = getHandle(handleNodeId, handleType, handleId, nodeLookup, connectionMode, false);
   }
 
   return result;
diff --git a/packages/system/src/xyhandle/utils.ts b/packages/system/src/xyhandle/utils.ts
index 2a0ff9111..ecc9b1ccc 100644
--- a/packages/system/src/xyhandle/utils.ts
+++ b/packages/system/src/xyhandle/utils.ts
@@ -1,5 +1,5 @@
 import { getHandlePosition, getOverlappingArea, nodeToRect } from '../utils';
-import type { HandleType, XYPosition, Handle, InternalNodeBase, NodeLookup } from '../types';
+import type { HandleType, XYPosition, Handle, InternalNodeBase, NodeLookup, ConnectionMode } from '../types';
 
 function getNodesWithinDistance(position: XYPosition, nodeLookup: NodeLookup, distance: number): InternalNodeBase[] {
   const nodes: InternalNodeBase[] = [];
@@ -78,6 +78,7 @@ export function getHandle(
   handleType: HandleType,
   handleId: string | null,
   nodeLookup: NodeLookup,
+  connectionMode: ConnectionMode,
   withAbsolutePosition = false
 ): Handle | null {
   const node = nodeLookup.get(nodeId);
@@ -85,7 +86,10 @@ export function getHandle(
     return null;
   }
 
-  const handles = node.internals.handleBounds?.[handleType];
+  const handles =
+    connectionMode === 'strict'
+      ? node.internals.handleBounds?.[handleType]
+      : [...(node.internals.handleBounds?.source ?? []), ...(node.internals.handleBounds?.target ?? [])];
   const handle = (handleId ? handles?.find((h) => h.id === handleId) : handles?.[0]) ?? null;
 
   return handle && withAbsolutePosition

From 5138d90bdb91ff5d8dbeb8c8d29bdfd31c5b59d6 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 26 Aug 2024 14:33:26 +0200
Subject: [PATCH 1015/1093] added changeset

---
 .changeset/lovely-glasses-perform.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 .changeset/lovely-glasses-perform.md

diff --git a/.changeset/lovely-glasses-perform.md b/.changeset/lovely-glasses-perform.md
new file mode 100644
index 000000000..8e1e4f4d1
--- /dev/null
+++ b/.changeset/lovely-glasses-perform.md
@@ -0,0 +1,6 @@
+---
+'@xyflow/react': patch
+'@xyflow/system': patch
+---
+
+Fixed reconnecting edges with loose connectionMode

From c5988af78444947471629c2db3dae7c7cc7f8577 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 26 Aug 2024 16:02:04 +0200
Subject: [PATCH 1016/1093] fix type

---
 packages/system/src/utils/store.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 9417769d6..3d1ee8620 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -45,7 +45,8 @@ function mergeObjects<T extends Record<string, any>>(base: T, incoming?: Partial
   const result = { ...base };
   for (const key in incoming) {
     if (incoming[key] !== undefined) {
-      result[key] = incoming[key];
+      // typecast is safe here, because we check for undefined
+      result[key] = (incoming as T)[key]!;
     }
   }
 

From e02e3703c1ebf8a444cdf091b090f2f72777bb81 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 28 Aug 2024 16:17:03 +0200
Subject: [PATCH 1017/1093] fix(setNodes): use correct index when using
 setNodes for inserting #4455

---
 .../src/examples/ReconnectEdge/CustomNode.tsx      | 14 ++++++++++++++
 packages/react/src/utils/changes.ts                | 13 ++++++++++---
 packages/system/src/types/changes.ts               |  2 ++
 3 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 examples/react/src/examples/ReconnectEdge/CustomNode.tsx

diff --git a/examples/react/src/examples/ReconnectEdge/CustomNode.tsx b/examples/react/src/examples/ReconnectEdge/CustomNode.tsx
new file mode 100644
index 000000000..24e8b03c9
--- /dev/null
+++ b/examples/react/src/examples/ReconnectEdge/CustomNode.tsx
@@ -0,0 +1,14 @@
+import { memo } from 'react';
+import { Handle, Position } from '@xyflow/react';
+
+const styles = { padding: '10px', background: 'green' };
+
+const CustomNode = ({ data }) => (
+  <>
+    <div style={styles}>{data.label}</div>
+    <Handle type="source" position={Position.Top} id="a" />
+    <Handle type="source" position={Position.Bottom} id="b" />
+  </>
+);
+
+export default memo(CustomNode);
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index df2153403..f00fa7b33 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -19,10 +19,11 @@ function applyChanges(changes: any[], elements: any[]): any[] {
   // By storing a map of changes for each element, we can a quick lookup as we
   // iterate over the elements array!
   const changesMap = new Map<any, any[]>();
+  const newItems: any[] = [];
 
   for (const change of changes) {
     if (change.type === 'add') {
-      updatedElements.push(change.item);
+      newItems.push(change);
       continue;
     } else if (change.type === 'remove' || change.type === 'replace') {
       // For a 'remove' change we can safely ignore any other changes queued for
@@ -73,6 +74,12 @@ function applyChanges(changes: any[], elements: any[]): any[] {
     updatedElements.push(updatedElement);
   }
 
+  if (newItems.length) {
+    newItems.forEach((item) => {
+      updatedElements.splice(item.index, 0, { ...item.item });
+    });
+  }
+
   return updatedElements;
 }
 
@@ -237,7 +244,7 @@ export function getElementsDiffChanges({
   const changes: any[] = [];
   const itemsLookup = new Map<string, any>(items.map((item) => [item.id, item]));
 
-  for (const item of items) {
+  for (const [index, item] of items.entries()) {
     const lookupItem = lookup.get(item.id);
     const storeItem = lookupItem?.internals?.userNode ?? lookupItem;
 
@@ -246,7 +253,7 @@ export function getElementsDiffChanges({
     }
 
     if (storeItem === undefined) {
-      changes.push({ item: item, type: 'add' });
+      changes.push({ item: item, type: 'add', index });
     }
   }
 
diff --git a/packages/system/src/types/changes.ts b/packages/system/src/types/changes.ts
index 5db0b6de5..9b2327334 100644
--- a/packages/system/src/types/changes.ts
+++ b/packages/system/src/types/changes.ts
@@ -32,6 +32,7 @@ export type NodeRemoveChange = {
 export type NodeAddChange<NodeType extends NodeBase = NodeBase> = {
   item: NodeType;
   type: 'add';
+  index?: number;
 };
 
 export type NodeReplaceChange<NodeType extends NodeBase = NodeBase> = {
@@ -57,6 +58,7 @@ export type EdgeRemoveChange = NodeRemoveChange;
 export type EdgeAddChange<EdgeType extends EdgeBase = EdgeBase> = {
   item: EdgeType;
   type: 'add';
+  index?: number;
 };
 
 export type EdgeReplaceChange<EdgeType extends EdgeBase = EdgeBase> = {

From 5c85404209195f30d765f39dc2ca509fb9dfe3d1 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 28 Aug 2024 16:18:05 +0200
Subject: [PATCH 1018/1093] chore(examples): cleanup

---
 .../src/examples/ReconnectEdge/CustomNode.tsx      | 14 --------------
 1 file changed, 14 deletions(-)
 delete mode 100644 examples/react/src/examples/ReconnectEdge/CustomNode.tsx

diff --git a/examples/react/src/examples/ReconnectEdge/CustomNode.tsx b/examples/react/src/examples/ReconnectEdge/CustomNode.tsx
deleted file mode 100644
index 24e8b03c9..000000000
--- a/examples/react/src/examples/ReconnectEdge/CustomNode.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { memo } from 'react';
-import { Handle, Position } from '@xyflow/react';
-
-const styles = { padding: '10px', background: 'green' };
-
-const CustomNode = ({ data }) => (
-  <>
-    <div style={styles}>{data.label}</div>
-    <Handle type="source" position={Position.Top} id="a" />
-    <Handle type="source" position={Position.Bottom} id="b" />
-  </>
-);
-
-export default memo(CustomNode);

From 12dbe125755fad7d2f6dff19100872dd823d1012 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 28 Aug 2024 16:18:40 +0200
Subject: [PATCH 1019/1093] chore(changeset): add

---
 .changeset/stale-bananas-argue.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 .changeset/stale-bananas-argue.md

diff --git a/.changeset/stale-bananas-argue.md b/.changeset/stale-bananas-argue.md
new file mode 100644
index 000000000..c5c308101
--- /dev/null
+++ b/.changeset/stale-bananas-argue.md
@@ -0,0 +1,6 @@
+---
+'@xyflow/react': patch
+'@xyflow/system': patch
+---
+
+use correct index when using setNodes for inserting

From e3890f7e388f64d3abd05846dc5c182d5cbdcad2 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 28 Aug 2024 16:21:38 +0200
Subject: [PATCH 1020/1093] chore(applyChanges): cleanup

---
 packages/react/src/utils/changes.ts | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index f00fa7b33..6de98e3ac 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -19,11 +19,11 @@ function applyChanges(changes: any[], elements: any[]): any[] {
   // By storing a map of changes for each element, we can a quick lookup as we
   // iterate over the elements array!
   const changesMap = new Map<any, any[]>();
-  const newItems: any[] = [];
+  const addItemChanges: any[] = [];
 
   for (const change of changes) {
     if (change.type === 'add') {
-      newItems.push(change);
+      addItemChanges.push(change);
       continue;
     } else if (change.type === 'remove' || change.type === 'replace') {
       // For a 'remove' change we can safely ignore any other changes queued for
@@ -74,9 +74,15 @@ function applyChanges(changes: any[], elements: any[]): any[] {
     updatedElements.push(updatedElement);
   }
 
-  if (newItems.length) {
-    newItems.forEach((item) => {
-      updatedElements.splice(item.index, 0, { ...item.item });
+  // we need to wait for all changes to be applied before adding new items
+  // to be able to add them at the correct index
+  if (addItemChanges.length) {
+    addItemChanges.forEach((change) => {
+      if (change.index !== undefined) {
+        updatedElements.splice(change.index, 0, { ...change.item });
+      } else {
+        updatedElements.push({ ...change.item });
+      }
     });
   }
 

From ee42e6cbc871e0d42b23812ac9553530c2a73588 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 28 Aug 2024 16:32:40 +0200
Subject: [PATCH 1021/1093] chore(changeset): adjust versions

---
 .changeset/new-schools-watch.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/new-schools-watch.md b/.changeset/new-schools-watch.md
index 222926266..b3f353b8f 100644
--- a/.changeset/new-schools-watch.md
+++ b/.changeset/new-schools-watch.md
@@ -1,6 +1,6 @@
 ---
 '@xyflow/react': minor
-'@xyflow/svelte': minor
+'@xyflow/svelte': patch
 ---
 
 Add `getHandleConnections` helper to `useReactFlow` & `useSvelteFlow`

From 9fbf2baa3c7090d59d90248d9e04631c4693a671 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Wed, 28 Aug 2024 14:33:58 +0000
Subject: [PATCH 1022/1093] chore(packages): bump

---
 .changeset/lovely-glasses-perform.md |  6 ------
 .changeset/new-schools-watch.md      |  6 ------
 .changeset/stale-bananas-argue.md    |  6 ------
 packages/react/CHANGELOG.md          | 15 +++++++++++++++
 packages/react/package.json          |  2 +-
 packages/svelte/CHANGELOG.md         |  9 +++++++++
 packages/svelte/package.json         |  2 +-
 packages/system/CHANGELOG.md         |  8 ++++++++
 packages/system/package.json         |  2 +-
 9 files changed, 35 insertions(+), 21 deletions(-)
 delete mode 100644 .changeset/lovely-glasses-perform.md
 delete mode 100644 .changeset/new-schools-watch.md
 delete mode 100644 .changeset/stale-bananas-argue.md

diff --git a/.changeset/lovely-glasses-perform.md b/.changeset/lovely-glasses-perform.md
deleted file mode 100644
index 8e1e4f4d1..000000000
--- a/.changeset/lovely-glasses-perform.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@xyflow/react': patch
-'@xyflow/system': patch
----
-
-Fixed reconnecting edges with loose connectionMode
diff --git a/.changeset/new-schools-watch.md b/.changeset/new-schools-watch.md
deleted file mode 100644
index b3f353b8f..000000000
--- a/.changeset/new-schools-watch.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@xyflow/react': minor
-'@xyflow/svelte': patch
----
-
-Add `getHandleConnections` helper to `useReactFlow` & `useSvelteFlow`
diff --git a/.changeset/stale-bananas-argue.md b/.changeset/stale-bananas-argue.md
deleted file mode 100644
index c5c308101..000000000
--- a/.changeset/stale-bananas-argue.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@xyflow/react': patch
-'@xyflow/system': patch
----
-
-use correct index when using setNodes for inserting
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index ee82d2368..f30f61a30 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,20 @@
 # @xyflow/react
 
+## 12.2.0
+
+### Minor Changes
+
+- [#4574](https://github.com/xyflow/xyflow/pull/4574) [`b65aed19`](https://github.com/xyflow/xyflow/commit/b65aed19840c515949bef236a23d5f0a754cdeb4) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Add `getHandleConnections` helper to `useReactFlow` & `useSvelteFlow`
+
+### Patch Changes
+
+- [#4594](https://github.com/xyflow/xyflow/pull/4594) [`5138d90b`](https://github.com/xyflow/xyflow/commit/5138d90bdb91ff5d8dbeb8c8d29bdfd31c5b59d6) Thanks [@peterkogo](https://github.com/peterkogo)! - Fixed reconnecting edges with loose connectionMode
+
+- [#4603](https://github.com/xyflow/xyflow/pull/4603) [`12dbe125`](https://github.com/xyflow/xyflow/commit/12dbe125755fad7d2f6dff19100872dd823d1012) Thanks [@moklick](https://github.com/moklick)! - use correct index when using setNodes for inserting
+
+- Updated dependencies [[`5138d90b`](https://github.com/xyflow/xyflow/commit/5138d90bdb91ff5d8dbeb8c8d29bdfd31c5b59d6), [`12dbe125`](https://github.com/xyflow/xyflow/commit/12dbe125755fad7d2f6dff19100872dd823d1012)]:
+  - @xyflow/system@0.0.40
+
 ## 12.1.1
 
 ### Patch Changes
diff --git a/packages/react/package.json b/packages/react/package.json
index 8229c1e45..23977822d 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.1.1",
+  "version": "12.2.0",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 95feccfd5..6d0d5f22f 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,14 @@
 # @xyflow/svelte
 
+## 0.1.17
+
+### Patch Changes
+
+- [#4574](https://github.com/xyflow/xyflow/pull/4574) [`b65aed19`](https://github.com/xyflow/xyflow/commit/b65aed19840c515949bef236a23d5f0a754cdeb4) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Add `getHandleConnections` helper to `useReactFlow` & `useSvelteFlow`
+
+- Updated dependencies [[`5138d90b`](https://github.com/xyflow/xyflow/commit/5138d90bdb91ff5d8dbeb8c8d29bdfd31c5b59d6), [`12dbe125`](https://github.com/xyflow/xyflow/commit/12dbe125755fad7d2f6dff19100872dd823d1012)]:
+  - @xyflow/system@0.0.40
+
 ## 0.1.16
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 7ba0304d6..c5c63622d 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/CHANGELOG.md b/packages/system/CHANGELOG.md
index ee139c85b..007cb0b6d 100644
--- a/packages/system/CHANGELOG.md
+++ b/packages/system/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @xyflow/system
 
+## 0.0.40
+
+### Patch Changes
+
+- [#4594](https://github.com/xyflow/xyflow/pull/4594) [`5138d90b`](https://github.com/xyflow/xyflow/commit/5138d90bdb91ff5d8dbeb8c8d29bdfd31c5b59d6) Thanks [@peterkogo](https://github.com/peterkogo)! - Fixed reconnecting edges with loose connectionMode
+
+- [#4603](https://github.com/xyflow/xyflow/pull/4603) [`12dbe125`](https://github.com/xyflow/xyflow/commit/12dbe125755fad7d2f6dff19100872dd823d1012) Thanks [@moklick](https://github.com/moklick)! - use correct index when using setNodes for inserting
+
 ## 0.0.39
 
 ### Patch Changes
diff --git a/packages/system/package.json b/packages/system/package.json
index b6fe6953a..fbc1f33e7 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From eb1f2ad56abada059bfff0afe78f15e551c10a4e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 29 Aug 2024 00:29:16 +0200
Subject: [PATCH 1023/1093] chore(types): cleanup

---
 packages/react/src/types/instance.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index 08e5f8c6f..eac29b912 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -181,6 +181,7 @@ export type GeneralHelpers<NodeType extends Node = Node, EdgeType extends Edge =
    * @returns the bounds of the given nodes
    */
   getNodesBounds: (nodes: (NodeType | string)[]) => Rect;
+  /**
    * Gets all connections for a given handle belonging to a specific node.
    *
    * @param type - handle type 'source' or 'target'

From 2e3b56be444cef73919d728f1ddd121d433d9993 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 30 Aug 2024 12:57:38 +0200
Subject: [PATCH 1024/1093] feat(react,svelte): add homepage, repo and issues
 links to package.json

---
 packages/react/package.json  | 14 +++++++++-----
 packages/svelte/package.json |  9 +++++++++
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index 8229c1e45..c7826eca4 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -11,6 +11,15 @@
     "react-flow",
     "xyflow"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/xyflow/xyflow.git",
+    "directory": "packages/react"
+  },
+  "homepage": "https://reactflow.dev",
+  "bugs": {
+    "url": "https://github.com/xyflow/xyflow/issues"
+  },
   "files": [
     "dist"
   ],
@@ -34,11 +43,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/xyflow/xyflow.git",
-    "directory": "packages/react"
-  },
   "scripts": {
     "dev": "concurrently \"rollup --config node:@xyflow/rollup-config --watch\" pnpm:css-watch",
     "build": "rollup --config node:@xyflow/rollup-config --environment NODE_ENV:production && npm run css",
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 7ba0304d6..3ec0e727d 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -11,6 +11,15 @@
     "svelte-flow",
     "xyflow"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/xyflow/xyflow.git",
+    "directory": "packages/svelte"
+  },
+  "homepage": "https://svelteflow.dev",
+  "bugs": {
+    "url": "https://github.com/xyflow/xyflow/issues"
+  },
   "scripts": {
     "dev": "concurrently \"svelte-kit sync && svelte-package -o dist/lib -w\" pnpm:css-watch",
     "build": "svelte-kit sync && svelte-package -o dist/lib && pnpm css",

From ddeb3c6e7c08ccf6121f8cd0f7991cb38ae1ae66 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 2 Sep 2024 10:27:11 +0200
Subject: [PATCH 1025/1093] chore(types): cleanup

---
 packages/svelte/src/lib/hooks/useSvelteFlow.ts | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 312870faa..3ee50ea07 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -14,11 +14,10 @@ import {
   getViewportForBounds,
   getElementsToRemove,
   rendererPointToPoint,
-  nodeHasDimensions,
   nodeToBox,
   getBoundsOfBoxes,
   boxToRect,
-  isInternalNodeBase
+  isInternalNodeBase,
   evaluateAbsolutePosition,
   type HandleType,
   type HandleConnection
@@ -245,7 +244,7 @@ export function useSvelteFlow(): {
    * @returns the bounds of the given nodes
    */
   getNodesBounds: (nodes: (Node | InternalNode | string)[]) => Rect;
-   * Gets all connections for a given handle belonging to a specific node.
+  /** Gets all connections for a given handle belonging to a specific node.
    *
    * @param type - handle type 'source' or 'target'
    * @param id - the handle id (this is only needed if you have multiple handles of the same type, meaning you have to provide a unique id for each handle)
@@ -280,7 +279,7 @@ export function useSvelteFlow(): {
     nodeLookup,
     nodeOrigin,
     edgeLookup,
-    connectionLookup,
+    connectionLookup
   } = useStore();
 
   const getNodeRect = (node: Node | { id: Node['id'] }): Rect | null => {
@@ -581,7 +580,7 @@ export function useSvelteFlow(): {
       );
 
       return boxToRect(box);
-    }
+    },
     getHandleConnections: ({ type, id, nodeId }) =>
       Array.from(
         get(connectionLookup)

From 5bbc9fb09c68b351523838afa659fd6f4dfc0424 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 2 Sep 2024 14:42:42 +0200
Subject: [PATCH 1026/1093] fix(viewport): make  onViewportChange prop dynamic
 #4579

---
 .../src/examples/ControlledViewport/index.tsx | 17 ++++++++++----
 .../react/src/container/ZoomPane/index.tsx    | 22 ++++++++++++-------
 packages/svelte/src/lib/actions/zoom/index.ts |  4 ++--
 .../svelte/src/lib/container/Zoom/Zoom.svelte | 10 ++++++---
 packages/system/src/types/panzoom.ts          |  2 +-
 packages/system/src/xypanzoom/XYPanZoom.ts    |  2 +-
 6 files changed, 38 insertions(+), 19 deletions(-)

diff --git a/examples/react/src/examples/ControlledViewport/index.tsx b/examples/react/src/examples/ControlledViewport/index.tsx
index ebf4d029f..dcd98ce97 100644
--- a/examples/react/src/examples/ControlledViewport/index.tsx
+++ b/examples/react/src/examples/ControlledViewport/index.tsx
@@ -1,4 +1,4 @@
-import { MouseEvent, useCallback, useState } from 'react';
+import { MouseEvent, useCallback, useRef, useState } from 'react';
 import {
   ReactFlow,
   addEdge,
@@ -55,10 +55,18 @@ const Flow = () => {
   const [nodes, setNodes, onNodesChange] = useNodesState(initNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initEdges);
   const [viewport, setViewport] = useState<Viewport>({ x: 0, y: 0, zoom: 1 });
+  const [viewport2, setViewport2] = useState<Viewport>({ x: 100, y: 100, zoom: 1.5 });
+  const [currentViewport, setCurrentViewport] = useState(0);
   const { fitView } = useReactFlow();
 
   const onConnect = useCallback((params: Connection | Edge) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
 
+  const setter = currentViewport === 0 ? setViewport : setViewport2;
+
+  const toggleViewport = () => {
+    setCurrentViewport(currentViewport === 0 ? 1 : 0);
+  };
+
   return (
     <ReactFlow
       nodes={nodes}
@@ -66,12 +74,13 @@ const Flow = () => {
       onNodesChange={onNodesChange}
       onEdgesChange={onEdgesChange}
       onConnect={onConnect}
-      viewport={viewport}
-      onViewportChange={setViewport}
+      viewport={currentViewport === 0 ? viewport : viewport2}
+      onViewportChange={setter}
     >
       <Panel position="top-left">
-        <button onClick={() => setViewport((vp) => ({ ...vp, y: vp.y + 10 }))}>update viewport</button>
+        <button onClick={() => setter((vp) => ({ ...vp, y: vp.y + 10 }))}>update viewport</button>
         <button onClick={() => fitView()}>fitView</button>
+        <button onClick={() => toggleViewport()}>toggle viewport</button>
       </Panel>
 
       <MiniMap />
diff --git a/packages/react/src/container/ZoomPane/index.tsx b/packages/react/src/container/ZoomPane/index.tsx
index 3d4003e0a..35fbb2486 100644
--- a/packages/react/src/container/ZoomPane/index.tsx
+++ b/packages/react/src/container/ZoomPane/index.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { useEffect, useRef } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import { shallow } from 'zustand/shallow';
 import { XYPanZoom, PanOnScrollMode, type Transform, type PanZoomInstance } from '@xyflow/system';
 
@@ -57,6 +57,17 @@ export function ZoomPane({
 
   useResizeHandler(zoomPane);
 
+  const onTransformChange = useCallback(
+    (transform: Transform) => {
+      onViewportChange?.({ x: transform[0], y: transform[1], zoom: transform[2] });
+
+      if (!isControlledViewport) {
+        store.setState({ transform });
+      }
+    },
+    [onViewportChange, isControlledViewport]
+  );
+
   useEffect(() => {
     if (zoomPane.current) {
       panZoom.current = XYPanZoom({
@@ -66,13 +77,6 @@ export function ZoomPane({
         translateExtent,
         viewport: defaultViewport,
         paneClickDistance,
-        onTransformChange: (transform: Transform) => {
-          onViewportChange?.({ x: transform[0], y: transform[1], zoom: transform[2] });
-
-          if (!isControlledViewport) {
-            store.setState({ transform });
-          }
-        },
         onDraggingChange: (paneDragging: boolean) => store.setState({ paneDragging }),
         onPanZoomStart: (event, vp) => {
           const { onViewportChangeStart, onMoveStart } = store.getState();
@@ -121,6 +125,7 @@ export function ZoomPane({
       userSelectionActive,
       noWheelClassName,
       lib,
+      onTransformChange,
     });
   }, [
     onPaneContextMenu,
@@ -137,6 +142,7 @@ export function ZoomPane({
     userSelectionActive,
     noWheelClassName,
     lib,
+    onTransformChange,
   ]);
 
   return (
diff --git a/packages/svelte/src/lib/actions/zoom/index.ts b/packages/svelte/src/lib/actions/zoom/index.ts
index a0c83c31e..85070d68b 100644
--- a/packages/svelte/src/lib/actions/zoom/index.ts
+++ b/packages/svelte/src/lib/actions/zoom/index.ts
@@ -5,6 +5,7 @@ import {
   type CoordinateExtent,
   type OnPanZoom,
   type PanZoomInstance,
+  type Transform,
   type Viewport
 } from '@xyflow/system';
 
@@ -36,6 +37,7 @@ type ZoomParams = {
   userSelectionActive: boolean;
   lib: string;
   paneClickDistance: number;
+  onTransformChange: (transform: Transform) => void;
 };
 
 export default function zoom(domNode: Element, params: ZoomParams) {
@@ -57,8 +59,6 @@ export default function zoom(domNode: Element, params: ZoomParams) {
     translateExtent,
     viewport: initialViewport,
     paneClickDistance,
-    onTransformChange: (transform) =>
-      viewport.set({ x: transform[0], y: transform[1], zoom: transform[2] }),
     onDraggingChange: dragging.set
   });
   const currentViewport = panZoomInstance.getViewport();
diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index adb4463d5..4148d2783 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-  import { PanOnScrollMode } from '@xyflow/system';
+  import { onMount } from 'svelte';
+  import { PanOnScrollMode, type Transform } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import zoom from '$lib/actions/zoom';
   import type { ZoomProps } from './types';
-  import { onMount } from 'svelte';
 
   type $$Props = ZoomProps;
 
@@ -39,6 +39,9 @@
   $: _panOnDrag = $panActivationKeyPressed || panOnDrag;
   $: _panOnScroll = $panActivationKeyPressed || panOnScroll;
 
+  const onTransformChange = (transform: Transform) =>
+    viewport.set({ x: transform[0], y: transform[1], zoom: transform[2] });
+
   onMount(() => {
     $viewportInitialized = true;
   });
@@ -70,7 +73,8 @@
     userSelectionActive: !!$selectionRect,
     translateExtent: $translateExtent,
     lib: $lib,
-    paneClickDistance
+    paneClickDistance,
+    onTransformChange
   }}
 >
   <slot />
diff --git a/packages/system/src/types/panzoom.ts b/packages/system/src/types/panzoom.ts
index 561714b42..a25775053 100644
--- a/packages/system/src/types/panzoom.ts
+++ b/packages/system/src/types/panzoom.ts
@@ -12,7 +12,6 @@ export type PanZoomParams = {
   paneClickDistance: number;
   viewport: Viewport;
   translateExtent: CoordinateExtent;
-  onTransformChange: OnTransformChange;
   onDraggingChange: OnDraggingChange;
   onPanZoomStart?: OnPanZoom;
   onPanZoom?: OnPanZoom;
@@ -40,6 +39,7 @@ export type PanZoomUpdateOptions = {
   zoomOnDoubleClick: boolean;
   zoomActivationKeyPressed: boolean;
   lib: string;
+  onTransformChange: OnTransformChange;
 };
 
 export type PanZoomInstance = {
diff --git a/packages/system/src/xypanzoom/XYPanZoom.ts b/packages/system/src/xypanzoom/XYPanZoom.ts
index ffb6f8b03..54b97e30c 100644
--- a/packages/system/src/xypanzoom/XYPanZoom.ts
+++ b/packages/system/src/xypanzoom/XYPanZoom.ts
@@ -40,7 +40,6 @@ export function XYPanZoom({
   onPanZoom,
   onPanZoomStart,
   onPanZoomEnd,
-  onTransformChange,
   onDraggingChange,
 }: PanZoomParams): PanZoomInstance {
   const zoomPanValues: ZoomPanValues = {
@@ -105,6 +104,7 @@ export function XYPanZoom({
     zoomOnDoubleClick,
     zoomActivationKeyPressed,
     lib,
+    onTransformChange,
   }: PanZoomUpdateOptions) {
     if (userSelectionActive && !zoomPanValues.isZoomingOrPanning) {
       destroy();

From da72048a7890165dde0fdd8a3f55574c5c2fb6d9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 2 Sep 2024 14:44:30 +0200
Subject: [PATCH 1027/1093] chore(examples): cleanup

---
 .../react/src/examples/ControlledViewport/index.tsx    | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/examples/react/src/examples/ControlledViewport/index.tsx b/examples/react/src/examples/ControlledViewport/index.tsx
index dcd98ce97..01c26e42d 100644
--- a/examples/react/src/examples/ControlledViewport/index.tsx
+++ b/examples/react/src/examples/ControlledViewport/index.tsx
@@ -1,4 +1,4 @@
-import { MouseEvent, useCallback, useRef, useState } from 'react';
+import { useCallback, useState } from 'react';
 import {
   ReactFlow,
   addEdge,
@@ -52,7 +52,7 @@ const initEdges: Edge[] = [
 ];
 
 const Flow = () => {
-  const [nodes, setNodes, onNodesChange] = useNodesState(initNodes);
+  const [nodes, _, onNodesChange] = useNodesState(initNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initEdges);
   const [viewport, setViewport] = useState<Viewport>({ x: 0, y: 0, zoom: 1 });
   const [viewport2, setViewport2] = useState<Viewport>({ x: 100, y: 100, zoom: 1.5 });
@@ -63,10 +63,6 @@ const Flow = () => {
 
   const setter = currentViewport === 0 ? setViewport : setViewport2;
 
-  const toggleViewport = () => {
-    setCurrentViewport(currentViewport === 0 ? 1 : 0);
-  };
-
   return (
     <ReactFlow
       nodes={nodes}
@@ -80,7 +76,7 @@ const Flow = () => {
       <Panel position="top-left">
         <button onClick={() => setter((vp) => ({ ...vp, y: vp.y + 10 }))}>update viewport</button>
         <button onClick={() => fitView()}>fitView</button>
-        <button onClick={() => toggleViewport()}>toggle viewport</button>
+        <button onClick={() => setCurrentViewport(currentViewport === 0 ? 1 : 0)}>toggle viewport</button>
       </Panel>
 
       <MiniMap />

From 2aaa709c0014b91ab75a4e40753b71cc7bb04a2c Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 2 Sep 2024 15:06:20 +0200
Subject: [PATCH 1028/1093] chore(changeset): add

---
 .changeset/thirty-laws-peel.md | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 .changeset/thirty-laws-peel.md

diff --git a/.changeset/thirty-laws-peel.md b/.changeset/thirty-laws-peel.md
new file mode 100644
index 000000000..f9334d18e
--- /dev/null
+++ b/.changeset/thirty-laws-peel.md
@@ -0,0 +1,7 @@
+---
+'@xyflow/react': patch
+'@xyflow/svelte': patch
+'@xyflow/system': patch
+---
+
+make onViewportChange a dynamic prop

From aa248af4956dc92ae6e42ab495ba4c142d4fbe2e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 2 Sep 2024 17:35:44 +0200
Subject: [PATCH 1029/1093] chore(system/extends): cleanup

---
 packages/react/src/store/index.ts  |  6 +-----
 packages/system/src/utils/store.ts | 25 ++++++++++---------------
 2 files changed, 11 insertions(+), 20 deletions(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 13f2bcf6d..3897d6b28 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -289,10 +289,6 @@ const createStore = ({
       setNodeExtent: (nodeExtent) => {
         const { nodes, nodeLookup, parentLookup, nodeOrigin, elevateNodesOnSelect } = get();
 
-        set({
-          nodeExtent,
-        });
-
         adoptUserNodes(nodes, nodeLookup, parentLookup, {
           nodeOrigin,
           nodeExtent,
@@ -300,7 +296,7 @@ const createStore = ({
           checkEquality: false,
         });
 
-        set({ nodes });
+        set({ nodeExtent });
       },
       panBy: (delta): Promise<boolean> => {
         const { transform, width, height, panZoom, translateExtent } = get();
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 3d1ee8620..debe5d1da 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -193,16 +193,14 @@ function calculateChildXYZ<NodeType extends NodeBase>(
   nodeOrigin: NodeOrigin,
   selectedNodeZ: number
 ) {
-  const childDimensions = getNodeDimensions(childNode);
   const parentPosition = parentNode.internals.positionAbsolute;
+  const childDimensions = getNodeDimensions(childNode);
+  const positionWithOrigin = getNodePositionWithOrigin(childNode, nodeOrigin);
+  const clampedPosition = isCoordinateExtent(childNode.extent)
+    ? clampPosition(positionWithOrigin, childNode.extent, childDimensions)
+    : positionWithOrigin;
 
-  let position = getNodePositionWithOrigin(childNode, nodeOrigin);
-
-  if (isCoordinateExtent(childNode.extent)) {
-    position = clampPosition(position, childNode.extent, childDimensions);
-  }
-
-  let absolutePosition = { x: parentPosition.x + position.x, y: parentPosition.y + position.y };
+  let absolutePosition = { x: parentPosition.x + clampedPosition.x, y: parentPosition.y + clampedPosition.y };
 
   if (childNode.extent === 'parent') {
     absolutePosition = clampPositionToParent(absolutePosition, childDimensions, parentNode);
@@ -348,14 +346,11 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
 
       if (doUpdate) {
         const nodeBounds = update.nodeElement.getBoundingClientRect();
-        let extent = isCoordinateExtent(node.extent) ? node.extent : nodeExtent;
-        let positionAbsolute = node.internals.positionAbsolute;
+        const extent = isCoordinateExtent(node.extent) ? node.extent : nodeExtent;
+        let { positionAbsolute } = node.internals;
+
         if (node.parentId && node.extent === 'parent') {
-          positionAbsolute = clampPositionToParent(
-            positionAbsolute,
-            getNodeDimensions(node),
-            nodeLookup.get(node.parentId)!
-          );
+          positionAbsolute = clampPositionToParent(positionAbsolute, dimensions, nodeLookup.get(node.parentId)!);
         } else if (extent) {
           positionAbsolute = clampPosition(positionAbsolute, extent, dimensions);
         }

From a4c20b192c7daea1111c6a17ea4005627dee2ad5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 3 Sep 2024 16:01:27 +0200
Subject: [PATCH 1030/1093] fix(background): start patterns at 0,0 #4615

---
 .../src/additional-components/Background/Background.tsx      | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/additional-components/Background/Background.tsx b/packages/react/src/additional-components/Background/Background.tsx
index fe6bee047..e4470f10b 100644
--- a/packages/react/src/additional-components/Background/Background.tsx
+++ b/packages/react/src/additional-components/Background/Background.tsx
@@ -40,9 +40,12 @@ function BackgroundComponent({
   const scaledGap: [number, number] = [gapXY[0] * transform[2] || 1, gapXY[1] * transform[2] || 1];
   const scaledSize = patternSize * transform[2];
   const offsetXY: [number, number] = Array.isArray(offset) ? offset : [offset, offset];
-  const scaledOffset: [number, number] = [offsetXY[0] * transform[2] || 1, offsetXY[1] * transform[2] || 1]
 
   const patternDimensions: [number, number] = isCross ? [scaledSize, scaledSize] : scaledGap;
+  const scaledOffset: [number, number] = [
+    offsetXY[0] * transform[2] || 1 + patternDimensions[0] / 2,
+    offsetXY[1] * transform[2] || 1 + patternDimensions[1] / 2,
+  ];
 
   const _patternId = `${patternId}${id ? id : ''}`;
 

From a7eb7c2dbbeca85ca2d99917007dee78c8951a06 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 3 Sep 2024 16:03:22 +0200
Subject: [PATCH 1031/1093] chore(changeset): add

---
 .changeset/gold-deers-press.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/gold-deers-press.md

diff --git a/.changeset/gold-deers-press.md b/.changeset/gold-deers-press.md
new file mode 100644
index 000000000..591eb694f
--- /dev/null
+++ b/.changeset/gold-deers-press.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/react': patch
+---
+
+start background patterns at 0,0

From 04c146ccf6597862a006e0d2ec4d4f73f7deca29 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 3 Sep 2024 16:04:32 +0200
Subject: [PATCH 1032/1093] chore(changeset): update

---
 .changeset/gold-deers-press.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/gold-deers-press.md b/.changeset/gold-deers-press.md
index 591eb694f..b4ebc309c 100644
--- a/.changeset/gold-deers-press.md
+++ b/.changeset/gold-deers-press.md
@@ -2,4 +2,4 @@
 '@xyflow/react': patch
 ---
 
-start background patterns at 0,0
+align background pattern with snap grid

From a72b19bbfbe5c7aea4bd339b5cfbcbb095d03a69 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Tue, 3 Sep 2024 14:06:08 +0000
Subject: [PATCH 1033/1093] chore(packages): bump

---
 .changeset/gold-deers-press.md |  5 -----
 .changeset/thirty-laws-peel.md |  7 -------
 packages/react/CHANGELOG.md    | 11 +++++++++++
 packages/react/package.json    |  2 +-
 packages/svelte/CHANGELOG.md   |  9 +++++++++
 packages/svelte/package.json   |  2 +-
 packages/system/CHANGELOG.md   |  6 ++++++
 packages/system/package.json   |  2 +-
 8 files changed, 29 insertions(+), 15 deletions(-)
 delete mode 100644 .changeset/gold-deers-press.md
 delete mode 100644 .changeset/thirty-laws-peel.md

diff --git a/.changeset/gold-deers-press.md b/.changeset/gold-deers-press.md
deleted file mode 100644
index b4ebc309c..000000000
--- a/.changeset/gold-deers-press.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/react': patch
----
-
-align background pattern with snap grid
diff --git a/.changeset/thirty-laws-peel.md b/.changeset/thirty-laws-peel.md
deleted file mode 100644
index f9334d18e..000000000
--- a/.changeset/thirty-laws-peel.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'@xyflow/react': patch
-'@xyflow/svelte': patch
-'@xyflow/system': patch
----
-
-make onViewportChange a dynamic prop
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index f30f61a30..777749bb1 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,16 @@
 # @xyflow/react
 
+## 12.2.1
+
+### Patch Changes
+
+- [#4619](https://github.com/xyflow/xyflow/pull/4619) [`a7eb7c2d`](https://github.com/xyflow/xyflow/commit/a7eb7c2dbbeca85ca2d99917007dee78c8951a06) Thanks [@moklick](https://github.com/moklick)! - align background pattern with snap grid
+
+- [#4611](https://github.com/xyflow/xyflow/pull/4611) [`2aaa709c`](https://github.com/xyflow/xyflow/commit/2aaa709c0014b91ab75a4e40753b71cc7bb04a2c) Thanks [@moklick](https://github.com/moklick)! - make onViewportChange a dynamic prop
+
+- Updated dependencies [[`2aaa709c`](https://github.com/xyflow/xyflow/commit/2aaa709c0014b91ab75a4e40753b71cc7bb04a2c)]:
+  - @xyflow/system@0.0.41
+
 ## 12.2.0
 
 ### Minor Changes
diff --git a/packages/react/package.json b/packages/react/package.json
index c1e08b3ea..b622f33fa 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.2.0",
+  "version": "12.2.1",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 6d0d5f22f..236f8a848 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,14 @@
 # @xyflow/svelte
 
+## 0.1.18
+
+### Patch Changes
+
+- [#4611](https://github.com/xyflow/xyflow/pull/4611) [`2aaa709c`](https://github.com/xyflow/xyflow/commit/2aaa709c0014b91ab75a4e40753b71cc7bb04a2c) Thanks [@moklick](https://github.com/moklick)! - make onViewportChange a dynamic prop
+
+- Updated dependencies [[`2aaa709c`](https://github.com/xyflow/xyflow/commit/2aaa709c0014b91ab75a4e40753b71cc7bb04a2c)]:
+  - @xyflow/system@0.0.41
+
 ## 0.1.17
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 26f43746a..50d4c2837 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/CHANGELOG.md b/packages/system/CHANGELOG.md
index 007cb0b6d..d6a6aeda1 100644
--- a/packages/system/CHANGELOG.md
+++ b/packages/system/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/system
 
+## 0.0.41
+
+### Patch Changes
+
+- [#4611](https://github.com/xyflow/xyflow/pull/4611) [`2aaa709c`](https://github.com/xyflow/xyflow/commit/2aaa709c0014b91ab75a4e40753b71cc7bb04a2c) Thanks [@moklick](https://github.com/moklick)! - make onViewportChange a dynamic prop
+
 ## 0.0.40
 
 ### Patch Changes
diff --git a/packages/system/package.json b/packages/system/package.json
index fbc1f33e7..4e6468758 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.40",
+  "version": "0.0.41",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From c906192ab1b8941ce4ef72e14375797f30256952 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 3 Sep 2024 17:22:33 +0200
Subject: [PATCH 1034/1093] chore(getNodesBounds): only show warning in dev

---
 packages/react/src/types/instance.ts | 2 +-
 packages/system/src/utils/graph.ts   | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts
index eac29b912..fdece4dd7 100644
--- a/packages/react/src/types/instance.ts
+++ b/packages/react/src/types/instance.ts
@@ -180,7 +180,7 @@ export type GeneralHelpers<NodeType extends Node = Node, EdgeType extends Edge =
    *
    * @returns the bounds of the given nodes
    */
-  getNodesBounds: (nodes: (NodeType | string)[]) => Rect;
+  getNodesBounds: (nodes: (NodeType | InternalNode | string)[]) => Rect;
   /**
    * Gets all connections for a given handle belonging to a specific node.
    *
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index be3912199..7efde2e3e 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -132,9 +132,11 @@ export type GetNodesBoundsParams = {
  * @returns Bounding box enclosing all nodes
  */
 export const getNodesBounds = (nodes: NodeBase[], params: GetNodesBoundsParams = { nodeOrigin: [0, 0] }): Rect => {
-  console.warn(
-    'This function yields erronous results for subflows. Use getNodesBounds from useReactFlow/useSvelteFlow hook instead.'
-  );
+  if (process.env.NODE_ENV === 'development') {
+    console.warn(
+      '[DEPRECATED] `getNodesBounds` is deprecated because it yields erronous results for subflows. Use `getNodesBounds` from useReactFlow/useSvelteFlow hook instead.'
+    );
+  }
 
   if (nodes.length === 0) {
     return { x: 0, y: 0, width: 0, height: 0 };

From 091d6bac68fd21f5db7ce1e6d48828bc4c33adfd Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 4 Sep 2024 12:51:43 +0200
Subject: [PATCH 1035/1093] refactor(getNodesBounds): use system/getNodesBounds
 for hook

---
 packages/react/src/hooks/useReactFlow.ts      | 27 ++---------------
 .../svelte/src/lib/hooks/useSvelteFlow.ts     | 30 ++-----------------
 packages/system/src/utils/graph.ts            | 28 ++++++++++++-----
 3 files changed, 26 insertions(+), 59 deletions(-)

diff --git a/packages/react/src/hooks/useReactFlow.ts b/packages/react/src/hooks/useReactFlow.ts
index aeb688340..c4d81e2d6 100644
--- a/packages/react/src/hooks/useReactFlow.ts
+++ b/packages/react/src/hooks/useReactFlow.ts
@@ -1,15 +1,12 @@
 import { useMemo } from 'react';
 import {
-  boxToRect,
   EdgeRemoveChange,
   evaluateAbsolutePosition,
-  getBoundsOfBoxes,
   getElementsToRemove,
+  getNodesBounds,
   getOverlappingArea,
-  isInternalNodeBase,
   isRectObject,
   NodeRemoveChange,
-  nodeToBox,
   nodeToRect,
   type Rect,
 } from '@xyflow/system';
@@ -235,28 +232,8 @@ export function useReactFlow<NodeType extends Node = Node, EdgeType extends Edge
         );
       },
       getNodesBounds: (nodes: (NodeType | InternalNode | string)[]): Rect => {
-        if (nodes.length === 0) {
-          return { x: 0, y: 0, width: 0, height: 0 };
-        }
-
         const { nodeLookup, nodeOrigin } = store.getState();
-
-        const box = nodes.reduce(
-          (currBox, node) => {
-            const internalNode =
-              typeof node === 'string'
-                ? nodeLookup.get(node)
-                : !isInternalNodeBase(node)
-                ? nodeLookup.get(node.id)
-                : node;
-
-            const nodeBox = internalNode ? nodeToBox(internalNode, nodeOrigin) : { x: 0, y: 0, x2: 0, y2: 0 };
-            return getBoundsOfBoxes(currBox, nodeBox);
-          },
-          { x: Infinity, y: Infinity, x2: -Infinity, y2: -Infinity }
-        );
-
-        return boxToRect(box);
+        return getNodesBounds(nodes, { nodeLookup, nodeOrigin });
       },
       getHandleConnections: ({ type, id, nodeId }) =>
         Array.from(
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 3ee50ea07..6ee27fb2c 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -14,13 +14,10 @@ import {
   getViewportForBounds,
   getElementsToRemove,
   rendererPointToPoint,
-  nodeToBox,
-  getBoundsOfBoxes,
-  boxToRect,
-  isInternalNodeBase,
   evaluateAbsolutePosition,
   type HandleType,
-  type HandleConnection
+  type HandleConnection,
+  getNodesBounds
 } from '@xyflow/system';
 
 import { useStore } from '$lib/store';
@@ -555,31 +552,10 @@ export function useSvelteFlow(): {
       nodes.update((nds) => nds);
     },
     getNodesBounds: (nodes) => {
-      if (nodes.length === 0) {
-        return { x: 0, y: 0, width: 0, height: 0 };
-      }
-
       const _nodeLookup = get(nodeLookup);
       const _nodeOrigin = get(nodeOrigin);
 
-      const box = nodes.reduce(
-        (currBox, node) => {
-          const internalNode =
-            typeof node === 'string'
-              ? _nodeLookup.get(node)
-              : !isInternalNodeBase(node)
-                ? _nodeLookup.get(node.id)
-                : node;
-
-          const nodeBox = internalNode
-            ? nodeToBox(internalNode, _nodeOrigin)
-            : { x: 0, y: 0, x2: 0, y2: 0 };
-          return getBoundsOfBoxes(currBox, nodeBox);
-        },
-        { x: Infinity, y: Infinity, x2: -Infinity, y2: -Infinity }
-      );
-
-      return boxToRect(box);
+      return getNodesBounds(nodes, { nodeLookup: _nodeLookup, nodeOrigin: _nodeOrigin });
     },
     getHandleConnections: ({ type, id, nodeId }) =>
       Array.from(
diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 7efde2e3e..25c60d035 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -118,23 +118,26 @@ export const getNodePositionWithOrigin = (node: NodeBase, nodeOrigin: NodeOrigin
   };
 };
 
-export type GetNodesBoundsParams = {
+export type GetNodesBoundsParams<NodeType extends NodeBase = NodeBase> = {
   nodeOrigin?: NodeOrigin;
+  nodeLookup?: NodeLookup<InternalNodeBase<NodeType>>;
 };
 
 /**
  * Determines a bounding box that contains all given nodes in an array
- * @deprecated This function yields erronous results for subflows. Use getNodesBounds from useReactFlow/useSvelteFlow hook instead.
  * @public
  * @remarks Useful when combined with {@link getViewportForBounds} to calculate the correct transform to fit the given nodes in a viewport.
  * @param nodes - Nodes to calculate the bounds for
  * @param params.nodeOrigin - Origin of the nodes: [0, 0] - top left, [0.5, 0.5] - center
  * @returns Bounding box enclosing all nodes
  */
-export const getNodesBounds = (nodes: NodeBase[], params: GetNodesBoundsParams = { nodeOrigin: [0, 0] }): Rect => {
-  if (process.env.NODE_ENV === 'development') {
+export const getNodesBounds = <NodeType extends NodeBase = NodeBase>(
+  nodes: (NodeType | InternalNodeBase<NodeType> | string)[],
+  params: GetNodesBoundsParams<NodeType> = { nodeOrigin: [0, 0], nodeLookup: undefined }
+): Rect => {
+  if (process.env.NODE_ENV === 'development' && !params.nodeLookup) {
     console.warn(
-      '[DEPRECATED] `getNodesBounds` is deprecated because it yields erronous results for subflows. Use `getNodesBounds` from useReactFlow/useSvelteFlow hook instead.'
+      'Please use `getNodesBounds` from useReactFlow/useSvelteFlow hook to ensure correct values for sub flows.'
     );
   }
 
@@ -143,8 +146,19 @@ export const getNodesBounds = (nodes: NodeBase[], params: GetNodesBoundsParams =
   }
 
   const box = nodes.reduce(
-    (currBox, node) => {
-      const nodeBox = nodeToBox(node, params.nodeOrigin);
+    (currBox, nodeOrId) => {
+      const isId = typeof nodeOrId === 'string';
+      let currentNode = !params.nodeLookup && !isId ? nodeOrId : undefined;
+
+      if (params.nodeLookup) {
+        currentNode = isId
+          ? params.nodeLookup.get(nodeOrId)
+          : !isInternalNodeBase(nodeOrId)
+          ? params.nodeLookup.get(nodeOrId.id)
+          : nodeOrId;
+      }
+
+      const nodeBox = currentNode ? nodeToBox(currentNode, params.nodeOrigin) : { x: 0, y: 0, x2: 0, y2: 0 };
       return getBoundsOfBoxes(currBox, nodeBox);
     },
     { x: Infinity, y: Infinity, x2: -Infinity, y2: -Infinity }

From 122f72274220824f745f812b285fcb9639fa82fa Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 4 Sep 2024 17:07:00 +0200
Subject: [PATCH 1036/1093] chore(store): cleanup

---
 examples/react/src/examples/Subflow/index.tsx | 18 ++--
 packages/system/src/utils/general.ts          | 18 ++++
 packages/system/src/utils/store.ts            | 89 +++++++++----------
 3 files changed, 68 insertions(+), 57 deletions(-)

diff --git a/examples/react/src/examples/Subflow/index.tsx b/examples/react/src/examples/Subflow/index.tsx
index 7130c1b14..0f59a97e3 100644
--- a/examples/react/src/examples/Subflow/index.tsx
+++ b/examples/react/src/examples/Subflow/index.tsx
@@ -15,6 +15,7 @@ import {
   Panel,
   useUpdateNodeInternals,
   ReactFlowProvider,
+  CoordinateExtent,
 } from '@xyflow/react';
 
 import DebugNode from './DebugNode';
@@ -162,6 +163,11 @@ const nodeTypes = {
   default: DebugNode,
 };
 
+const nodeExtent: CoordinateExtent = [
+  [0, 0],
+  [1000, 1000],
+];
+
 const Subflow = () => {
   const [rfInstance, setRfInstance] = useState<ReactFlowInstance | null>(null);
   const updateNodeInternals = useUpdateNodeInternals();
@@ -231,10 +237,7 @@ const Subflow = () => {
       nodeTypes={nodeTypes}
       fitView
       nodeOrigin={[0, 0]}
-      nodeExtent={[
-        [0, 0],
-        [1000, 1000],
-      ]}
+      nodeExtent={nodeExtent}
     >
       <MiniMap />
       <Controls />
@@ -254,12 +257,7 @@ const Subflow = () => {
 };
 
 export default () => (
-  <ReactFlowProvider
-    nodeExtent={[
-      [0, 0],
-      [1000, 1000],
-    ]}
-  >
+  <ReactFlowProvider nodeExtent={nodeExtent}>
     <Subflow />
   </ReactFlowProvider>
 );
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index aa20c9587..533c83ee5 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -25,6 +25,24 @@ export const clampPosition = (
   y: clamp(position.y, extent[0][1], extent[1][1] - (dimensions?.height ?? 0)),
 });
 
+export function clampPositionToParent<NodeType extends NodeBase>(
+  childPosition: XYPosition,
+  childDimensions: Dimensions,
+  parent: InternalNodeBase<NodeType>
+) {
+  const { width: parentWidth, height: parentHeight } = getNodeDimensions(parent);
+  const { x: parentX, y: parentY } = parent.internals.positionAbsolute;
+
+  return clampPosition(
+    childPosition,
+    [
+      [parentX, parentY],
+      [parentX + parentWidth, parentY + parentHeight],
+    ],
+    childDimensions
+  );
+}
+
 /**
  * Calculates the velocity of panning when the mouse is close to the edge of the canvas
  * @internal
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index debe5d1da..fc1e14c15 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -1,4 +1,4 @@
-import { Dimensions, infiniteExtent } from '..';
+import { infiniteExtent } from '..';
 import {
   NodeBase,
   CoordinateExtent,
@@ -20,6 +20,7 @@ import {
 import { getDimensions, getHandleBounds } from './dom';
 import {
   clampPosition,
+  clampPositionToParent,
   getBoundsOfRects,
   getNodeDimensions,
   isCoordinateExtent,
@@ -64,7 +65,7 @@ export function updateAbsolutePositions<NodeType extends NodeBase>(
       continue;
     }
 
-    updateChildPosition(node, nodeLookup, parentLookup, _options);
+    updateChildNode(node, nodeLookup, parentLookup, _options);
   }
 }
 
@@ -83,21 +84,21 @@ export function adoptUserNodes<NodeType extends NodeBase>(
   options?: UpdateNodesOptions<NodeType>
 ) {
   const _options = mergeObjects(adoptUserNodesDefaultOptions, options);
-
   const tmpLookup = new Map(nodeLookup);
+  const selectedNodeZ: number = _options?.elevateNodesOnSelect ? 1000 : 0;
+
   nodeLookup.clear();
   parentLookup.clear();
 
-  const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
-
   for (const userNode of nodes) {
     let internalNode = tmpLookup.get(userNode.id);
+
     if (_options.checkEquality && userNode === internalNode?.internals.userNode) {
       nodeLookup.set(userNode.id, internalNode);
     } else {
-      const positionOrigin = getNodePositionWithOrigin(userNode, _options.nodeOrigin);
+      const positionWithOrigin = getNodePositionWithOrigin(userNode, _options.nodeOrigin);
       const extent = isCoordinateExtent(userNode.extent) ? userNode.extent : _options.nodeExtent;
-      const positionAbsolute = clampPosition(positionOrigin, extent, getNodeDimensions(userNode));
+      const clampedPosition = clampPosition(positionWithOrigin, extent, getNodeDimensions(userNode));
 
       internalNode = {
         ..._options.defaults,
@@ -107,30 +108,50 @@ export function adoptUserNodes<NodeType extends NodeBase>(
           height: userNode.measured?.height,
         },
         internals: {
-          positionAbsolute,
+          positionAbsolute: clampedPosition,
           // if user re-initializes the node or removes `measured` for whatever reason, we reset the handleBounds so that the node gets re-measured
           handleBounds: !userNode.measured ? undefined : internalNode?.internals.handleBounds,
           z: calculateZ(userNode, selectedNodeZ),
           userNode,
         },
       };
+
       nodeLookup.set(userNode.id, internalNode);
     }
 
     if (userNode.parentId) {
-      updateChildPosition(internalNode, nodeLookup, parentLookup, options);
+      updateChildNode(internalNode, nodeLookup, parentLookup, options);
     }
   }
 }
 
-function updateChildPosition<NodeType extends NodeBase>(
+function updateParentLookup<NodeType extends NodeBase>(
+  node: InternalNodeBase<NodeType>,
+  parentLookup: ParentLookup<InternalNodeBase<NodeType>>
+) {
+  if (!node.parentId) {
+    return;
+  }
+
+  const childNodes = parentLookup.get(node.parentId);
+
+  if (childNodes) {
+    childNodes.set(node.id, node);
+  } else {
+    parentLookup.set(node.parentId, new Map([[node.id, node]]));
+  }
+}
+
+/**
+ * Updates positionAbsolute and zIndex of a child node and the parentLookup.
+ */
+function updateChildNode<NodeType extends NodeBase>(
   node: InternalNodeBase<NodeType>,
   nodeLookup: NodeLookup<InternalNodeBase<NodeType>>,
   parentLookup: ParentLookup<InternalNodeBase<NodeType>>,
   options?: UpdateNodesOptions<NodeType>
 ) {
-  const _options = mergeObjects(defaultOptions, options);
-
+  const { elevateNodesOnSelect, nodeOrigin } = mergeObjects(defaultOptions, options);
   const parentId = node.parentId!;
   const parentNode = nodeLookup.get(parentId);
 
@@ -141,48 +162,22 @@ function updateChildPosition<NodeType extends NodeBase>(
     return;
   }
 
-  // update the parentLookup
-  const childNodes = parentLookup.get(parentId);
-  if (childNodes) {
-    childNodes.set(node.id, node);
-  } else {
-    parentLookup.set(parentId, new Map([[node.id, node]]));
-  }
-
-  const selectedNodeZ: number = options?.elevateNodesOnSelect ? 1000 : 0;
+  updateParentLookup(node, parentLookup);
 
-  const { x, y, z } = calculateChildXYZ(node, parentNode, _options.nodeOrigin!, selectedNodeZ);
-
-  const currPosition = node.internals.positionAbsolute;
-  const positionChanged = x !== currPosition.x || y !== currPosition.y;
+  const selectedNodeZ = elevateNodesOnSelect ? 1000 : 0;
+  const { x, y, z } = calculateChildXYZ(node, parentNode, nodeOrigin, selectedNodeZ);
+  const { positionAbsolute } = node.internals;
+  const positionChanged = x !== positionAbsolute.x || y !== positionAbsolute.y;
 
   if (positionChanged || z !== node.internals.z) {
     node.internals = {
       ...node.internals,
-      positionAbsolute: positionChanged ? { x, y } : currPosition,
+      positionAbsolute: positionChanged ? { x, y } : positionAbsolute,
       z,
     };
   }
 }
 
-function clampPositionToParent<NodeType extends NodeBase>(
-  childPosition: XYPosition,
-  childDimensions: Dimensions,
-  parent: InternalNodeBase<NodeType>
-) {
-  const parentDimensions = getNodeDimensions(parent);
-  const parentPosition = parent.internals.positionAbsolute;
-
-  return clampPosition(
-    childPosition,
-    [
-      [parentPosition.x, parentPosition.y],
-      [parentPosition.x + parentDimensions.width, parentPosition.y + parentDimensions.height],
-    ],
-    childDimensions
-  );
-}
-
 function calculateZ(node: NodeBase, selectedNodeZ: number) {
   return (isNumeric(node.zIndex) ? node.zIndex : 0) + (node.selected ? selectedNodeZ : 0);
 }
@@ -193,14 +188,14 @@ function calculateChildXYZ<NodeType extends NodeBase>(
   nodeOrigin: NodeOrigin,
   selectedNodeZ: number
 ) {
-  const parentPosition = parentNode.internals.positionAbsolute;
+  const { x: parentX, y: parentY } = parentNode.internals.positionAbsolute;
   const childDimensions = getNodeDimensions(childNode);
   const positionWithOrigin = getNodePositionWithOrigin(childNode, nodeOrigin);
   const clampedPosition = isCoordinateExtent(childNode.extent)
     ? clampPosition(positionWithOrigin, childNode.extent, childDimensions)
     : positionWithOrigin;
 
-  let absolutePosition = { x: parentPosition.x + clampedPosition.x, y: parentPosition.y + clampedPosition.y };
+  let absolutePosition = { x: parentX + clampedPosition.x, y: parentY + clampedPosition.y };
 
   if (childNode.extent === 'parent') {
     absolutePosition = clampPositionToParent(absolutePosition, childDimensions, parentNode);
@@ -365,7 +360,7 @@ export function updateNodeInternals<NodeType extends InternalNodeBase>(
           },
         };
         if (node.parentId) {
-          updateChildPosition(node, nodeLookup, parentLookup, { nodeOrigin });
+          updateChildNode(node, nodeLookup, parentLookup, { nodeOrigin });
         }
 
         updatedInternals = true;

From 6d4e229758a9b2ba90f78d277a860a066b9279f1 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 4 Sep 2024 17:12:38 +0200
Subject: [PATCH 1037/1093] chore(react): only re-calculate extent if necessary

---
 packages/react/src/store/index.ts | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 3897d6b28..42f0e2bda 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -286,8 +286,17 @@ const createStore = ({
         triggerNodeChanges(nodeChanges);
         triggerEdgeChanges(edgeChanges);
       },
-      setNodeExtent: (nodeExtent) => {
-        const { nodes, nodeLookup, parentLookup, nodeOrigin, elevateNodesOnSelect } = get();
+      setNodeExtent: (nextNodeExtent) => {
+        const { nodes, nodeLookup, parentLookup, nodeOrigin, elevateNodesOnSelect, nodeExtent } = get();
+
+        if (
+          nextNodeExtent[0][0] === nodeExtent[0][0] &&
+          nextNodeExtent[0][1] === nodeExtent[0][1] &&
+          nextNodeExtent[1][0] === nodeExtent[1][0] &&
+          nextNodeExtent[1][1] === nodeExtent[1][1]
+        ) {
+          return;
+        }
 
         adoptUserNodes(nodes, nodeLookup, parentLookup, {
           nodeOrigin,

From 752be28d54464f8c90106e676bd31ecc5977f85a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 5 Sep 2024 11:34:28 +0200
Subject: [PATCH 1038/1093] refactor(setNodeExtent): use correct extent

---
 packages/react/src/store/index.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index 42f0e2bda..d734f3b01 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -300,12 +300,12 @@ const createStore = ({
 
         adoptUserNodes(nodes, nodeLookup, parentLookup, {
           nodeOrigin,
-          nodeExtent,
+          nodeExtent: nextNodeExtent,
           elevateNodesOnSelect,
           checkEquality: false,
         });
 
-        set({ nodeExtent });
+        set({ nodeExtent: nextNodeExtent });
       },
       panBy: (delta): Promise<boolean> => {
         const { transform, width, height, panZoom, translateExtent } = get();

From f82cfe6c27b3c97dbfdf7c61e144272d939749a8 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 5 Sep 2024 12:28:55 +0200
Subject: [PATCH 1039/1093] clamp global nodeExtent correctly

---
 packages/system/src/utils/store.ts | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index fc1e14c15..73b6afc99 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -151,7 +151,7 @@ function updateChildNode<NodeType extends NodeBase>(
   parentLookup: ParentLookup<InternalNodeBase<NodeType>>,
   options?: UpdateNodesOptions<NodeType>
 ) {
-  const { elevateNodesOnSelect, nodeOrigin } = mergeObjects(defaultOptions, options);
+  const { elevateNodesOnSelect, nodeOrigin, nodeExtent } = mergeObjects(defaultOptions, options);
   const parentId = node.parentId!;
   const parentNode = nodeLookup.get(parentId);
 
@@ -165,7 +165,7 @@ function updateChildNode<NodeType extends NodeBase>(
   updateParentLookup(node, parentLookup);
 
   const selectedNodeZ = elevateNodesOnSelect ? 1000 : 0;
-  const { x, y, z } = calculateChildXYZ(node, parentNode, nodeOrigin, selectedNodeZ);
+  const { x, y, z } = calculateChildXYZ(node, parentNode, nodeOrigin, nodeExtent, selectedNodeZ);
   const { positionAbsolute } = node.internals;
   const positionChanged = x !== positionAbsolute.x || y !== positionAbsolute.y;
 
@@ -186,6 +186,7 @@ function calculateChildXYZ<NodeType extends NodeBase>(
   childNode: InternalNodeBase<NodeType>,
   parentNode: InternalNodeBase<NodeType>,
   nodeOrigin: NodeOrigin,
+  nodeExtent: CoordinateExtent,
   selectedNodeZ: number
 ) {
   const { x: parentX, y: parentY } = parentNode.internals.positionAbsolute;
@@ -195,7 +196,11 @@ function calculateChildXYZ<NodeType extends NodeBase>(
     ? clampPosition(positionWithOrigin, childNode.extent, childDimensions)
     : positionWithOrigin;
 
-  let absolutePosition = { x: parentX + clampedPosition.x, y: parentY + clampedPosition.y };
+  let absolutePosition = clampPosition(
+    { x: parentX + clampedPosition.x, y: parentY + clampedPosition.y },
+    nodeExtent,
+    childDimensions
+  );
 
   if (childNode.extent === 'parent') {
     absolutePosition = clampPositionToParent(absolutePosition, childDimensions, parentNode);

From 58c4f2bcd35cccf67f8638184a96dc0823cfd6c5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 5 Sep 2024 14:37:04 +0200
Subject: [PATCH 1040/1093] refactor(absPositions): pass nodeExtent

---
 packages/react/src/store/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index d734f3b01..ea06fb8b4 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -112,7 +112,7 @@ const createStore = ({
           return;
         }
 
-        updateAbsolutePositions(nodeLookup, parentLookup, { nodeOrigin });
+        updateAbsolutePositions(nodeLookup, parentLookup, { nodeOrigin, nodeExtent });
 
         if (params.triggerFitView) {
           // we call fitView once initially after all dimensions are set

From f5423bb7f4bb98da70854c2c31530106d25d996b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 5 Sep 2024 14:47:42 +0200
Subject: [PATCH 1041/1093] chore(getNodesBounds): adjust warning

---
 packages/system/src/utils/graph.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/system/src/utils/graph.ts b/packages/system/src/utils/graph.ts
index 25c60d035..0bf8c784e 100644
--- a/packages/system/src/utils/graph.ts
+++ b/packages/system/src/utils/graph.ts
@@ -124,7 +124,7 @@ export type GetNodesBoundsParams<NodeType extends NodeBase = NodeBase> = {
 };
 
 /**
- * Determines a bounding box that contains all given nodes in an array
+ * Internal function for determining a bounding box that contains all given nodes in an array.
  * @public
  * @remarks Useful when combined with {@link getViewportForBounds} to calculate the correct transform to fit the given nodes in a viewport.
  * @param nodes - Nodes to calculate the bounds for
@@ -137,7 +137,7 @@ export const getNodesBounds = <NodeType extends NodeBase = NodeBase>(
 ): Rect => {
   if (process.env.NODE_ENV === 'development' && !params.nodeLookup) {
     console.warn(
-      'Please use `getNodesBounds` from useReactFlow/useSvelteFlow hook to ensure correct values for sub flows.'
+      'Please use `getNodesBounds` from `useReactFlow`/`useSvelteFlow` hook to ensure correct values for sub flows. If not possible, you have to provide a nodeLookup to support sub flows.'
     );
   }
 

From 86ca7c5e3d5d7eddb6bc05805958b82f8fafd40b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 5 Sep 2024 15:39:32 +0200
Subject: [PATCH 1042/1093] test(adoptUserNodes): add unit test

---
 .../components/utils/adopt-user-nodes.cy.ts   | 119 ++++++++++++++++++
 examples/react/package.json                   |   1 +
 pnpm-lock.yaml                                |  16 +++
 3 files changed, 136 insertions(+)
 create mode 100644 examples/react/cypress/components/utils/adopt-user-nodes.cy.ts

diff --git a/examples/react/cypress/components/utils/adopt-user-nodes.cy.ts b/examples/react/cypress/components/utils/adopt-user-nodes.cy.ts
new file mode 100644
index 000000000..acc3c8a3d
--- /dev/null
+++ b/examples/react/cypress/components/utils/adopt-user-nodes.cy.ts
@@ -0,0 +1,119 @@
+import { adoptUserNodes } from '@xyflow/system';
+
+import type { Node, NodeLookup, ParentLookup } from '@xyflow/react';
+
+describe('adoptUserNodes Testing', () => {
+  it('builds node lookup', () => {
+    const nodeLookup: NodeLookup = new Map();
+    const parentLookup: ParentLookup = new Map();
+
+    const userNode: Node = {
+      id: '1',
+      data: { label: 'node' },
+      position: { x: 250, y: 5 },
+      measured: { width: 100, height: 50 },
+    };
+
+    adoptUserNodes([userNode], nodeLookup, parentLookup);
+    const internalNode = nodeLookup.get('1');
+
+    expect(nodeLookup.size).to.equal(1);
+    expect(internalNode).to.have.property('internals');
+  });
+
+  it('calculates positionAbsolute with nodeOrigin', () => {
+    const nodeLookup: NodeLookup = new Map();
+    const parentLookup: ParentLookup = new Map();
+
+    const userNode: Node = {
+      id: '1',
+      data: { label: 'node' },
+      position: { x: 250, y: 5 },
+      measured: { width: 100, height: 50 },
+    };
+
+    adoptUserNodes([userNode], nodeLookup, parentLookup, {
+      nodeOrigin: [0.5, 0.5],
+    });
+    const internalNode = nodeLookup.get('1');
+
+    expect(internalNode.internals.positionAbsolute.x).to.equal(userNode.position.x - userNode.measured.width / 2);
+    expect(internalNode.internals.positionAbsolute.y).to.equal(userNode.position.y - userNode.measured.height / 2);
+  });
+
+  it('calculates positionAbsolute for sub flow', () => {
+    const nodeLookup: NodeLookup = new Map();
+    const parentLookup: ParentLookup = new Map();
+
+    const userParentNode: Node = {
+      id: '1',
+      data: { label: 'node' },
+      position: { x: 100, y: 100 },
+      measured: { width: 100, height: 50 },
+    };
+
+    const userChildNode: Node = {
+      id: '2',
+      data: { label: 'child' },
+      position: { x: 0, y: 0 },
+      measured: { width: 100, height: 50 },
+      parentId: '1',
+    };
+
+    adoptUserNodes([userParentNode, userChildNode], nodeLookup, parentLookup);
+
+    const internalParentNode = nodeLookup.get('1');
+    const internalChildNode = nodeLookup.get('2');
+
+    expect(nodeLookup.size).to.equal(2);
+
+    expect(internalChildNode.internals.positionAbsolute.x).to.equal(
+      userChildNode.position.x + userParentNode.position.x
+    );
+    expect(internalChildNode.internals.positionAbsolute.y).to.equal(
+      userChildNode.position.y + userParentNode.position.y
+    );
+  });
+
+  it('calculates positionAbsolute for sub flow with nodeOrigin', () => {
+    const nodeLookup: NodeLookup = new Map();
+    const parentLookup: ParentLookup = new Map();
+    const nodeOrigin = [0.5, 0.5];
+
+    const userParentNode: Node = {
+      id: '1',
+      data: { label: 'node' },
+      position: { x: 100, y: 100 },
+      measured: { width: 100, height: 50 },
+    };
+
+    const userChildNode: Node = {
+      id: '2',
+      data: { label: 'child' },
+      position: { x: 0, y: 0 },
+      measured: { width: 100, height: 50 },
+      parentId: '1',
+    };
+
+    adoptUserNodes([userParentNode, userChildNode], nodeLookup, parentLookup, {
+      nodeOrigin,
+    });
+
+    const internalParentNode = nodeLookup.get('1');
+    const internalChildNode = nodeLookup.get('2');
+
+    const expectedParentX = userParentNode.position.x - userParentNode.measured.width * nodeOrigin[0];
+    const expectedParentY = userParentNode.position.y - userParentNode.measured.height * nodeOrigin[1];
+
+    expect(internalParentNode.internals.positionAbsolute.x).to.equal(expectedParentX);
+    expect(internalParentNode.internals.positionAbsolute.y).to.equal(expectedParentY);
+
+    const expectedChildX = userChildNode.position.x - userChildNode.measured.width * nodeOrigin[0] + expectedParentX;
+    const expectedChildY = userChildNode.position.y - userChildNode.measured.height * nodeOrigin[1] + expectedParentY;
+
+    expect(internalChildNode.internals.positionAbsolute.x).to.equal(expectedChildX);
+    expect(internalChildNode.internals.positionAbsolute.y).to.equal(expectedChildY);
+  });
+});
+
+export {};
diff --git a/examples/react/package.json b/examples/react/package.json
index 6b7362f58..dc73105b1 100644
--- a/examples/react/package.json
+++ b/examples/react/package.json
@@ -16,6 +16,7 @@
   "dependencies": {
     "@reduxjs/toolkit": "^2.2.3",
     "@xyflow/react": "workspace:*",
+    "@xyflow/system": "^0.0.41",
     "classcat": "^5.0.4",
     "dagre": "^0.8.5",
     "localforage": "^1.10.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ad492c30d..26095bb20 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -101,6 +101,9 @@ importers:
       '@xyflow/react':
         specifier: workspace:*
         version: link:../../packages/react
+      '@xyflow/system':
+        specifier: ^0.0.41
+        version: 0.0.41
       classcat:
         specifier: ^5.0.4
         version: 5.0.4
@@ -2211,6 +2214,9 @@ packages:
     peerDependencies:
       vite: ^4.2.0 || ^5.0.0
 
+  '@xyflow/system@0.0.41':
+    resolution: {integrity: sha512-XAjs8AUA0YMfYD91cT6pLGALwbsPS64s2WBHyULqL1m0gTqXqaUSLK1P7qA/Q8HecN0RFbqlM2tPO8bmZXP0YQ==}
+
   acorn-jsx@5.3.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -8424,6 +8430,16 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@xyflow/system@0.0.41':
+    dependencies:
+      '@types/d3-drag': 3.0.7
+      '@types/d3-selection': 3.0.10
+      '@types/d3-transition': 3.0.8
+      '@types/d3-zoom': 3.0.8
+      d3-drag: 3.0.0
+      d3-selection: 3.0.0
+      d3-zoom: 3.0.0
+
   acorn-jsx@5.3.2(acorn@8.10.0):
     dependencies:
       acorn: 8.10.0

From 48a514fcbb71e01677562e88baa28500f63cd043 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 5 Sep 2024 16:30:10 +0200
Subject: [PATCH 1043/1093] chore(tests): use workspace:* for @xyflow/system

---
 examples/react/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/react/package.json b/examples/react/package.json
index dc73105b1..ecbcb09f7 100644
--- a/examples/react/package.json
+++ b/examples/react/package.json
@@ -16,7 +16,7 @@
   "dependencies": {
     "@reduxjs/toolkit": "^2.2.3",
     "@xyflow/react": "workspace:*",
-    "@xyflow/system": "^0.0.41",
+    "@xyflow/system": "workspace:*",
     "classcat": "^5.0.4",
     "dagre": "^0.8.5",
     "localforage": "^1.10.0",

From 4ffd790757ad13323a83e6ca6b3f0df1b9f714cc Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 5 Sep 2024 16:31:23 +0200
Subject: [PATCH 1044/1093] chore(pnpm): update lockfile

---
 pnpm-lock.yaml | 17 ++---------------
 1 file changed, 2 insertions(+), 15 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 26095bb20..918e9fd69 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -102,8 +102,8 @@ importers:
         specifier: workspace:*
         version: link:../../packages/react
       '@xyflow/system':
-        specifier: ^0.0.41
-        version: 0.0.41
+        specifier: workspace:*
+        version: link:../../packages/system
       classcat:
         specifier: ^5.0.4
         version: 5.0.4
@@ -2214,9 +2214,6 @@ packages:
     peerDependencies:
       vite: ^4.2.0 || ^5.0.0
 
-  '@xyflow/system@0.0.41':
-    resolution: {integrity: sha512-XAjs8AUA0YMfYD91cT6pLGALwbsPS64s2WBHyULqL1m0gTqXqaUSLK1P7qA/Q8HecN0RFbqlM2tPO8bmZXP0YQ==}
-
   acorn-jsx@5.3.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -8430,16 +8427,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@xyflow/system@0.0.41':
-    dependencies:
-      '@types/d3-drag': 3.0.7
-      '@types/d3-selection': 3.0.10
-      '@types/d3-transition': 3.0.8
-      '@types/d3-zoom': 3.0.8
-      d3-drag: 3.0.0
-      d3-selection: 3.0.0
-      d3-zoom: 3.0.0
-
   acorn-jsx@5.3.2(acorn@8.10.0):
     dependencies:
       acorn: 8.10.0

From 6b7998b5d38efe3de89dad4cd80245691faa5879 Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Thu, 5 Sep 2024 16:37:54 +0200
Subject: [PATCH 1045/1093] Update changeset

---
 .changeset/rude-rockets-hope.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/rude-rockets-hope.md b/.changeset/rude-rockets-hope.md
index 80d86d370..d3099e49c 100644
--- a/.changeset/rude-rockets-hope.md
+++ b/.changeset/rude-rockets-hope.md
@@ -1,5 +1,5 @@
 ---
-'@xyflow/svelte': minor
+'@xyflow/svelte': patch
 ---
 
 Added ability to set global nodeExtent

From 4a5d522604e9b57d5fcc008fe43b51ca1096392b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 5 Sep 2024 17:33:02 +0200
Subject: [PATCH 1046/1093] refactor(react): use latest node dimensions

---
 .../src/additional-components/MiniMap/MiniMapNodes.tsx     | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index 5bb7e9397..87fd21e55 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -79,14 +79,17 @@ function NodeComponentWrapperInner<NodeType extends Node>({
   onClick: MiniMapNodesProps['onClick'];
   shapeRendering: string;
 }) {
-  const { node, x, y } = useStore((s) => {
+  const { node, x, y, width, height } = useStore((s) => {
     const node = s.nodeLookup.get(id) as InternalNode<NodeType>;
     const { x, y } = node.internals.positionAbsolute;
+    const { width, height } = getNodeDimensions(node);
 
     return {
       node,
       x,
       y,
+      width,
+      height,
     };
   }, shallow);
 
@@ -94,8 +97,6 @@ function NodeComponentWrapperInner<NodeType extends Node>({
     return null;
   }
 
-  const { width, height } = getNodeDimensions(node);
-
   return (
     <NodeComponent
       x={x}

From 4347269f02488a24f411d083c409f5741cbf468e Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 5 Sep 2024 17:33:42 +0200
Subject: [PATCH 1047/1093] chore(changeset): add

---
 .changeset/calm-spiders-confess.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/calm-spiders-confess.md

diff --git a/.changeset/calm-spiders-confess.md b/.changeset/calm-spiders-confess.md
new file mode 100644
index 000000000..c0e4994fc
--- /dev/null
+++ b/.changeset/calm-spiders-confess.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/react': patch
+---
+
+minimap: use latest node dimensions

From 8dda0eb1446916fdf30aacbc029b01d66a359287 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 5 Sep 2024 21:02:18 +0200
Subject: [PATCH 1048/1093] chore(changesets): update

---
 .changeset/dull-bags-know.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/.changeset/dull-bags-know.md b/.changeset/dull-bags-know.md
index fd85ee684..aedfe7e21 100644
--- a/.changeset/dull-bags-know.md
+++ b/.changeset/dull-bags-know.md
@@ -1,7 +1,7 @@
 ---
 '@xyflow/react': minor
-'@xyflow/svelte': minor
-'@xyflow/system': minor
+'@xyflow/svelte': patch
+'@xyflow/system': patch
 ---
 
-Deprecate util function getNodesBounds and add alternative to useReactFlow/useSvelteFlow hook
+Add util function getNodesBounds for useReactFlow/useSvelteFlow hook

From b8e1ac4fc0fa24ba44328bae35f7ee2b5c997dfd Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 12 Sep 2024 11:18:17 +0200
Subject: [PATCH 1049/1093] Improve wording on changesets

---
 .changeset/calm-spiders-confess.md | 2 +-
 .changeset/dull-bags-know.md       | 2 +-
 .changeset/rude-rockets-hope.md    | 2 +-
 .changeset/twenty-ads-breathe.md   | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/.changeset/calm-spiders-confess.md b/.changeset/calm-spiders-confess.md
index c0e4994fc..967cb0040 100644
--- a/.changeset/calm-spiders-confess.md
+++ b/.changeset/calm-spiders-confess.md
@@ -2,4 +2,4 @@
 '@xyflow/react': patch
 ---
 
-minimap: use latest node dimensions
+Fix Minimap only displaying nodes when providing onNodesChange 
diff --git a/.changeset/dull-bags-know.md b/.changeset/dull-bags-know.md
index aedfe7e21..074846327 100644
--- a/.changeset/dull-bags-know.md
+++ b/.changeset/dull-bags-know.md
@@ -4,4 +4,4 @@
 '@xyflow/system': patch
 ---
 
-Add util function getNodesBounds for useReactFlow/useSvelteFlow hook
+Add getNodesBounds to useReactFlow/useSvelteFlow hook as the new recommended way of determining node bounds.
diff --git a/.changeset/rude-rockets-hope.md b/.changeset/rude-rockets-hope.md
index d3099e49c..60daf8fb4 100644
--- a/.changeset/rude-rockets-hope.md
+++ b/.changeset/rude-rockets-hope.md
@@ -2,4 +2,4 @@
 '@xyflow/svelte': patch
 ---
 
-Added ability to set global nodeExtent
+Add nodeExtent prop to <SvelteFlow />. You can now restrict nodes from leaving a specified extent.
diff --git a/.changeset/twenty-ads-breathe.md b/.changeset/twenty-ads-breathe.md
index f63a3addc..a6d563c14 100644
--- a/.changeset/twenty-ads-breathe.md
+++ b/.changeset/twenty-ads-breathe.md
@@ -4,4 +4,4 @@
 '@xyflow/system': patch
 ---
 
-Fix extent on nodes not working properly
+Improve handling of global and individual nodeExtents. Nodes will never render outside of specified extents.

From 5ae97ce39a55c1a664e6e8b4b4e9da273c9d58f1 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 12 Sep 2024 11:22:38 +0200
Subject: [PATCH 1050/1093] Fix typo on changeset

---
 .changeset/rude-rockets-hope.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/rude-rockets-hope.md b/.changeset/rude-rockets-hope.md
index 60daf8fb4..1a8ebbad6 100644
--- a/.changeset/rude-rockets-hope.md
+++ b/.changeset/rude-rockets-hope.md
@@ -2,4 +2,4 @@
 '@xyflow/svelte': patch
 ---
 
-Add nodeExtent prop to <SvelteFlow />. You can now restrict nodes from leaving a specified extent.
+Add nodeExtent prop to &lt;SvelteFlow &gt;. You can now restrict nodes from leaving a specified extent.

From fab8da2e56837db75219f07afc5ea4379736df53 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 12 Sep 2024 11:25:20 +0200
Subject: [PATCH 1051/1093] add release dispatcher for web repo

---
 .github/workflows/dispatchWebsiteUpdate.yaml | 29 ++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 .github/workflows/dispatchWebsiteUpdate.yaml

diff --git a/.github/workflows/dispatchWebsiteUpdate.yaml b/.github/workflows/dispatchWebsiteUpdate.yaml
new file mode 100644
index 000000000..6acc97acb
--- /dev/null
+++ b/.github/workflows/dispatchWebsiteUpdate.yaml
@@ -0,0 +1,29 @@
+name: Dispatch Website Update
+run-name: Dispatch Website Update for ${{ github.event.release.tag_name }}
+
+on:
+  release:
+    types: [published]
+
+jobs:
+  dispatch_website_update:
+    if: ${{ contains(github.event.release.tag_name, 'svelte') || contains(github.event.release.tag_name, 'react') }}
+    runs-on: ubuntu-latest
+    steps:
+      # Github Actions is not able to escape JSON strings with certain characters in them
+      # which release bodies have plenty of. This step uses jq to extract the body and tag_name
+      # and escape them so they can be used in the next step to create a JSON for the client-payload
+      - name: Strip and escape JSON
+        run: |
+          {
+            echo 'ESCAPED_PAYLOAD<<EOF'
+            echo '${{ toJson(github.event.release) }}' | jq '{"body", "tag_name"}'
+            echo EOF
+          } >> "$GITHUB_ENV"
+      - name: Dispatch Website Update
+        uses: peter-evans/repository-dispatch@v3
+        with:
+          repository: xyflow/web
+          token: ${{ secrets.PAT }}
+          event-type: library-release
+          client-payload: ${{ env.ESCAPED_PAYLOAD }}

From a984e516a5618e788d23bdac4f5323dc70a039b4 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 12 Sep 2024 11:32:05 +0200
Subject: [PATCH 1052/1093] test(adoptUserNodes): nodeExtent

---
 .../components/utils/adopt-user-nodes.cy.ts   | 119 +++++++++++++++---
 1 file changed, 102 insertions(+), 17 deletions(-)

diff --git a/examples/react/cypress/components/utils/adopt-user-nodes.cy.ts b/examples/react/cypress/components/utils/adopt-user-nodes.cy.ts
index acc3c8a3d..58157167b 100644
--- a/examples/react/cypress/components/utils/adopt-user-nodes.cy.ts
+++ b/examples/react/cypress/components/utils/adopt-user-nodes.cy.ts
@@ -1,6 +1,5 @@
-import { adoptUserNodes } from '@xyflow/system';
-
-import type { Node, NodeLookup, ParentLookup } from '@xyflow/react';
+import { adoptUserNodes, type NodeLookup, type ParentLookup } from '@xyflow/system';
+import type { CoordinateExtent, Node, NodeOrigin } from '@xyflow/react';
 
 describe('adoptUserNodes Testing', () => {
   it('builds node lookup', () => {
@@ -35,10 +34,40 @@ describe('adoptUserNodes Testing', () => {
     adoptUserNodes([userNode], nodeLookup, parentLookup, {
       nodeOrigin: [0.5, 0.5],
     });
+
+    const internalNode = nodeLookup.get('1');
+
+    expect(internalNode?.internals.positionAbsolute.x).to.equal(
+      userNode.position.x - (userNode.measured?.width ?? 0) / 2
+    );
+    expect(internalNode?.internals.positionAbsolute.y).to.equal(
+      userNode.position.y - (userNode.measured?.height ?? 0) / 2
+    );
+  });
+
+  it('calculates positionAbsolute with nodeExtent', () => {
+    const nodeLookup: NodeLookup = new Map();
+    const parentLookup: ParentLookup = new Map();
+    const nodeExtent: CoordinateExtent = [
+      [0, 0],
+      [100, 100],
+    ];
+
+    const userNode: Node = {
+      id: '1',
+      data: { label: 'node' },
+      position: { x: 500, y: 500 },
+      measured: { width: 50, height: 25 },
+    };
+
+    adoptUserNodes([userNode], nodeLookup, parentLookup, {
+      nodeExtent,
+    });
+
     const internalNode = nodeLookup.get('1');
 
-    expect(internalNode.internals.positionAbsolute.x).to.equal(userNode.position.x - userNode.measured.width / 2);
-    expect(internalNode.internals.positionAbsolute.y).to.equal(userNode.position.y - userNode.measured.height / 2);
+    expect(internalNode?.internals.positionAbsolute.x).to.equal(nodeExtent[1][0] - userNode.measured!.width!);
+    expect(internalNode?.internals.positionAbsolute.y).to.equal(nodeExtent[1][1] - userNode.measured!.height!);
   });
 
   it('calculates positionAbsolute for sub flow', () => {
@@ -62,15 +91,14 @@ describe('adoptUserNodes Testing', () => {
 
     adoptUserNodes([userParentNode, userChildNode], nodeLookup, parentLookup);
 
-    const internalParentNode = nodeLookup.get('1');
     const internalChildNode = nodeLookup.get('2');
 
     expect(nodeLookup.size).to.equal(2);
 
-    expect(internalChildNode.internals.positionAbsolute.x).to.equal(
+    expect(internalChildNode?.internals.positionAbsolute.x).to.equal(
       userChildNode.position.x + userParentNode.position.x
     );
-    expect(internalChildNode.internals.positionAbsolute.y).to.equal(
+    expect(internalChildNode?.internals.positionAbsolute.y).to.equal(
       userChildNode.position.y + userParentNode.position.y
     );
   });
@@ -78,7 +106,7 @@ describe('adoptUserNodes Testing', () => {
   it('calculates positionAbsolute for sub flow with nodeOrigin', () => {
     const nodeLookup: NodeLookup = new Map();
     const parentLookup: ParentLookup = new Map();
-    const nodeOrigin = [0.5, 0.5];
+    const nodeOrigin: NodeOrigin = [0.5, 0.5];
 
     const userParentNode: Node = {
       id: '1',
@@ -102,17 +130,74 @@ describe('adoptUserNodes Testing', () => {
     const internalParentNode = nodeLookup.get('1');
     const internalChildNode = nodeLookup.get('2');
 
-    const expectedParentX = userParentNode.position.x - userParentNode.measured.width * nodeOrigin[0];
-    const expectedParentY = userParentNode.position.y - userParentNode.measured.height * nodeOrigin[1];
+    const expectedParentX = userParentNode.position.x - userParentNode.measured!.width! * nodeOrigin[0];
+    const expectedParentY = userParentNode.position.y - userParentNode.measured!.height! * nodeOrigin[1];
+
+    expect(internalParentNode?.internals.positionAbsolute.x).to.equal(expectedParentX);
+    expect(internalParentNode?.internals.positionAbsolute.y).to.equal(expectedParentY);
+
+    const expectedChildX = userChildNode.position.x - userChildNode.measured!.width! * nodeOrigin[0] + expectedParentX;
+    const expectedChildY = userChildNode.position.y - userChildNode.measured!.height! * nodeOrigin[1] + expectedParentY;
+
+    expect(internalChildNode?.internals.positionAbsolute.x).to.equal(expectedChildX);
+    expect(internalChildNode?.internals.positionAbsolute.y).to.equal(expectedChildY);
+  });
+
+  it('calculates positionAbsolute for sub flow with nodeExtent', () => {
+    const nodeLookup: NodeLookup = new Map();
+    const parentLookup: ParentLookup = new Map();
+    const nodeExtent: CoordinateExtent = [
+      [0, 0],
+      [200, 200],
+    ];
+
+    const userParentNodeA: Node = {
+      id: 'a',
+      data: { label: 'node' },
+      position: { x: 500, y: 500 },
+      measured: { width: 100, height: 50 },
+    };
+
+    const userParentNodeB: Node = {
+      id: 'b',
+      data: { label: 'node' },
+      position: { x: 0, y: 0 },
+      measured: { width: 100, height: 50 },
+    };
+
+    const userChildNode: Node = {
+      id: 'c',
+      data: { label: 'child' },
+      position: { x: 1000, y: 1000 },
+      measured: { width: 100, height: 50 },
+      parentId: 'a',
+    };
+
+    adoptUserNodes([userParentNodeA, userParentNodeB, userChildNode], nodeLookup, parentLookup, {
+      nodeExtent,
+    });
+
+    const internalParentNodeA = nodeLookup.get('a');
+    const internalParentNodeB = nodeLookup.get('b');
+
+    const internalChildNode = nodeLookup.get('c');
+
+    const expectedParentX = nodeExtent[1][0] - userParentNodeA.measured!.width!;
+    const expectedParentY = nodeExtent[1][1] - userParentNodeA.measured!.height!;
+
+    // this node is inside the nodeExtent and should be restricted to it
+    expect(internalParentNodeA?.internals.positionAbsolute.x).to.equal(expectedParentX);
+    expect(internalParentNodeA?.internals.positionAbsolute.y).to.equal(expectedParentY);
 
-    expect(internalParentNode.internals.positionAbsolute.x).to.equal(expectedParentX);
-    expect(internalParentNode.internals.positionAbsolute.y).to.equal(expectedParentY);
+    // this node is inside the nodeExtent and should not be affected by it
+    expect(internalParentNodeB?.internals.positionAbsolute.x).to.equal(userParentNodeB.position.x);
+    expect(internalParentNodeB?.internals.positionAbsolute.y).to.equal(userParentNodeB.position.y);
 
-    const expectedChildX = userChildNode.position.x - userChildNode.measured.width * nodeOrigin[0] + expectedParentX;
-    const expectedChildY = userChildNode.position.y - userChildNode.measured.height * nodeOrigin[1] + expectedParentY;
+    const expectedChildX = nodeExtent[1][0] - userChildNode.measured!.width!;
+    const expectedChildY = nodeExtent[1][1] - userChildNode.measured!.height!;
 
-    expect(internalChildNode.internals.positionAbsolute.x).to.equal(expectedChildX);
-    expect(internalChildNode.internals.positionAbsolute.y).to.equal(expectedChildY);
+    expect(internalChildNode?.internals.positionAbsolute.x).to.equal(expectedChildX);
+    expect(internalChildNode?.internals.positionAbsolute.y).to.equal(expectedChildY);
   });
 });
 

From 1766b5d066d5e03dc81790f2623dc197ab64ab7b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 12 Sep 2024 11:57:39 +0200
Subject: [PATCH 1053/1093] test(get-nodes-bounds): add tests

---
 .../components/utils/get-nodes-bounds.cy.ts   | 155 ++++++++++++++++++
 1 file changed, 155 insertions(+)
 create mode 100644 examples/react/cypress/components/utils/get-nodes-bounds.cy.ts

diff --git a/examples/react/cypress/components/utils/get-nodes-bounds.cy.ts b/examples/react/cypress/components/utils/get-nodes-bounds.cy.ts
new file mode 100644
index 000000000..f86db9da8
--- /dev/null
+++ b/examples/react/cypress/components/utils/get-nodes-bounds.cy.ts
@@ -0,0 +1,155 @@
+import { adoptUserNodes, getNodesBounds, type NodeLookup, type ParentLookup } from '@xyflow/system';
+import type { Node } from '@xyflow/react';
+
+describe('getNodesBounds Testing', () => {
+  it('calculates bounds for a node', () => {
+    const nodeLookup: NodeLookup = new Map();
+    const parentLookup: ParentLookup = new Map();
+
+    const nodes: Node[] = [
+      {
+        id: '1',
+        data: { label: 'node' },
+        position: { x: 10, y: 10 },
+        measured: { width: 100, height: 50 },
+      },
+    ];
+
+    adoptUserNodes(nodes, nodeLookup, parentLookup);
+
+    const bounds = getNodesBounds(nodes, { nodeLookup });
+
+    expect(bounds.x).to.equal(10);
+    expect(bounds.y).to.equal(10);
+    expect(bounds.width).to.equal(100);
+    expect(bounds.height).to.equal(50);
+  });
+
+  it('calculates bounds for a node (-x, -y)', () => {
+    const nodeLookup: NodeLookup = new Map();
+    const parentLookup: ParentLookup = new Map();
+
+    const nodes: Node[] = [
+      {
+        id: '1',
+        data: { label: 'node' },
+        position: { x: -10, y: -10 },
+        measured: { width: 100, height: 50 },
+      },
+    ];
+
+    adoptUserNodes(nodes, nodeLookup, parentLookup);
+
+    const bounds = getNodesBounds(nodes, { nodeLookup });
+
+    expect(bounds.x).to.equal(-10);
+    expect(bounds.y).to.equal(-10);
+    expect(bounds.width).to.equal(100);
+    expect(bounds.height).to.equal(50);
+  });
+
+  it('calculates bounds for multitple nodes', () => {
+    const nodeLookup: NodeLookup = new Map();
+    const parentLookup: ParentLookup = new Map();
+
+    const nodes: Node[] = [
+      {
+        id: '1',
+        data: { label: 'node' },
+        position: { x: -10, y: 10 },
+        measured: { width: 100, height: 50 },
+      },
+      {
+        id: '2',
+        data: { label: 'node' },
+        position: { x: 100, y: 100 },
+        measured: { width: 100, height: 50 },
+      },
+    ];
+
+    adoptUserNodes(nodes, nodeLookup, parentLookup);
+
+    const bounds = getNodesBounds(nodes, { nodeLookup });
+
+    expect(bounds.x).to.equal(-10);
+    expect(bounds.y).to.equal(10);
+    expect(bounds.width).to.equal(210);
+    expect(bounds.height).to.equal(140);
+  });
+
+  it('calculates bounds for a node with a child node', () => {
+    const nodeLookup: NodeLookup = new Map();
+    const parentLookup: ParentLookup = new Map();
+
+    const nodes: Node[] = [
+      {
+        id: '1',
+        data: { label: 'node' },
+        position: { x: 10, y: 10 },
+        measured: { width: 100, height: 50 },
+      },
+      {
+        id: '2',
+        data: { label: 'node' },
+        position: { x: 200, y: 100 },
+        measured: { width: 100, height: 50 },
+        parentId: '1',
+      },
+      {
+        id: '3',
+        data: { label: 'node' },
+        position: { x: 0, y: 200 },
+        measured: { width: 100, height: 50 },
+        parentId: '1',
+      },
+    ];
+
+    adoptUserNodes(nodes, nodeLookup, parentLookup);
+
+    const bounds = getNodesBounds(nodes, { nodeLookup });
+
+    expect(bounds.x).to.equal(10);
+    expect(bounds.y).to.equal(10);
+    expect(bounds.width).to.equal(300);
+    expect(bounds.height).to.equal(250);
+  });
+
+  it('calculates bounds for child nodes', () => {
+    const nodeLookup: NodeLookup = new Map();
+    const parentLookup: ParentLookup = new Map();
+
+    const nodes: Node[] = [
+      {
+        id: '1',
+        data: { label: 'node' },
+        position: { x: 10, y: 10 },
+        measured: { width: 100, height: 50 },
+      },
+      {
+        id: '2',
+        data: { label: 'node' },
+        position: { x: 20, y: 20 },
+        measured: { width: 100, height: 50 },
+        parentId: '1',
+      },
+      {
+        id: '3',
+        data: { label: 'node' },
+        position: { x: 20, y: 200 },
+        measured: { width: 100, height: 50 },
+        parentId: '1',
+      },
+    ];
+
+    adoptUserNodes(nodes, nodeLookup, parentLookup);
+
+    const bounds = getNodesBounds([nodes[1], nodes[2]], { nodeLookup });
+
+    expect(bounds.x).to.equal(30);
+    expect(bounds.y).to.equal(30);
+    expect(bounds.width).to.equal(100);
+    expect(bounds.height).to.equal(230);
+  });
+});
+
+export {};

From 8ab2eedd459f4d4f2c3ff74a2a3b5423f3196ac4 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 12 Sep 2024 12:04:41 +0200
Subject: [PATCH 1054/1093] chore(changeset): format

---
 .changeset/calm-spiders-confess.md | 2 +-
 .changeset/dull-bags-know.md       | 2 +-
 .changeset/rude-rockets-hope.md    | 2 +-
 .changeset/twenty-ads-breathe.md   | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/.changeset/calm-spiders-confess.md b/.changeset/calm-spiders-confess.md
index 967cb0040..12bc327a3 100644
--- a/.changeset/calm-spiders-confess.md
+++ b/.changeset/calm-spiders-confess.md
@@ -2,4 +2,4 @@
 '@xyflow/react': patch
 ---
 
-Fix Minimap only displaying nodes when providing onNodesChange 
+Fix `<Minimap />` only displaying nodes when providing `onNodesChange`.
diff --git a/.changeset/dull-bags-know.md b/.changeset/dull-bags-know.md
index 074846327..70da332d9 100644
--- a/.changeset/dull-bags-know.md
+++ b/.changeset/dull-bags-know.md
@@ -4,4 +4,4 @@
 '@xyflow/system': patch
 ---
 
-Add getNodesBounds to useReactFlow/useSvelteFlow hook as the new recommended way of determining node bounds.
+Add `getNodesBounds` to `useReactFlow`/`useSvelteFlow` hook as the new recommended way of determining node bounds.
diff --git a/.changeset/rude-rockets-hope.md b/.changeset/rude-rockets-hope.md
index 1a8ebbad6..f18afbc1f 100644
--- a/.changeset/rude-rockets-hope.md
+++ b/.changeset/rude-rockets-hope.md
@@ -2,4 +2,4 @@
 '@xyflow/svelte': patch
 ---
 
-Add nodeExtent prop to &lt;SvelteFlow &gt;. You can now restrict nodes from leaving a specified extent.
+Add nodeExtent prop to `<SvelteFlow />`. You can now restrict nodes from leaving a specified extent.
diff --git a/.changeset/twenty-ads-breathe.md b/.changeset/twenty-ads-breathe.md
index a6d563c14..2c5a38869 100644
--- a/.changeset/twenty-ads-breathe.md
+++ b/.changeset/twenty-ads-breathe.md
@@ -4,4 +4,4 @@
 '@xyflow/system': patch
 ---
 
-Improve handling of global and individual nodeExtents. Nodes will never render outside of specified extents.
+Improve handling of global and individual `nodeExtent`s. Nodes will never render outside of specified extents.

From e72ae6fdc300ba1997cc7de6b07f21d44bfb67c9 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Thu, 12 Sep 2024 10:05:55 +0000
Subject: [PATCH 1055/1093] chore(packages): bump

---
 .changeset/calm-spiders-confess.md |  5 -----
 .changeset/dull-bags-know.md       |  7 -------
 .changeset/rude-rockets-hope.md    |  5 -----
 .changeset/twenty-ads-breathe.md   |  7 -------
 packages/react/CHANGELOG.md        | 15 +++++++++++++++
 packages/react/package.json        |  2 +-
 packages/svelte/CHANGELOG.md       | 13 +++++++++++++
 packages/svelte/package.json       |  2 +-
 packages/system/CHANGELOG.md       |  8 ++++++++
 packages/system/package.json       |  2 +-
 10 files changed, 39 insertions(+), 27 deletions(-)
 delete mode 100644 .changeset/calm-spiders-confess.md
 delete mode 100644 .changeset/dull-bags-know.md
 delete mode 100644 .changeset/rude-rockets-hope.md
 delete mode 100644 .changeset/twenty-ads-breathe.md

diff --git a/.changeset/calm-spiders-confess.md b/.changeset/calm-spiders-confess.md
deleted file mode 100644
index 12bc327a3..000000000
--- a/.changeset/calm-spiders-confess.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/react': patch
----
-
-Fix `<Minimap />` only displaying nodes when providing `onNodesChange`.
diff --git a/.changeset/dull-bags-know.md b/.changeset/dull-bags-know.md
deleted file mode 100644
index 70da332d9..000000000
--- a/.changeset/dull-bags-know.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'@xyflow/react': minor
-'@xyflow/svelte': patch
-'@xyflow/system': patch
----
-
-Add `getNodesBounds` to `useReactFlow`/`useSvelteFlow` hook as the new recommended way of determining node bounds.
diff --git a/.changeset/rude-rockets-hope.md b/.changeset/rude-rockets-hope.md
deleted file mode 100644
index f18afbc1f..000000000
--- a/.changeset/rude-rockets-hope.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/svelte': patch
----
-
-Add nodeExtent prop to `<SvelteFlow />`. You can now restrict nodes from leaving a specified extent.
diff --git a/.changeset/twenty-ads-breathe.md b/.changeset/twenty-ads-breathe.md
deleted file mode 100644
index 2c5a38869..000000000
--- a/.changeset/twenty-ads-breathe.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'@xyflow/react': patch
-'@xyflow/svelte': patch
-'@xyflow/system': patch
----
-
-Improve handling of global and individual `nodeExtent`s. Nodes will never render outside of specified extents.
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 777749bb1..b8a68ca60 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,20 @@
 # @xyflow/react
 
+## 12.3.0
+
+### Minor Changes
+
+- [#4477](https://github.com/xyflow/xyflow/pull/4477) [`d5592e75`](https://github.com/xyflow/xyflow/commit/d5592e7508bc32d5ffc953844b1d42b9ec59b25b) Thanks [@peterkogo](https://github.com/peterkogo)! - Add `getNodesBounds` to `useReactFlow`/`useSvelteFlow` hook as the new recommended way of determining node bounds.
+
+### Patch Changes
+
+- [#4630](https://github.com/xyflow/xyflow/pull/4630) [`4347269f`](https://github.com/xyflow/xyflow/commit/4347269f02488a24f411d083c409f5741cbf468e) Thanks [@moklick](https://github.com/moklick)! - Fix `<Minimap />` only displaying nodes when providing `onNodesChange`.
+
+- [#4572](https://github.com/xyflow/xyflow/pull/4572) [`d9563505`](https://github.com/xyflow/xyflow/commit/d9563505d8fb01862a3a6bae6e05dcea626c2e26) Thanks [@peterkogo](https://github.com/peterkogo)! - Improve handling of global and individual `nodeExtent`s. Nodes will never render outside of specified extents.
+
+- Updated dependencies [[`d5592e75`](https://github.com/xyflow/xyflow/commit/d5592e7508bc32d5ffc953844b1d42b9ec59b25b), [`d9563505`](https://github.com/xyflow/xyflow/commit/d9563505d8fb01862a3a6bae6e05dcea626c2e26)]:
+  - @xyflow/system@0.0.42
+
 ## 12.2.1
 
 ### Patch Changes
diff --git a/packages/react/package.json b/packages/react/package.json
index b622f33fa..5f8496ee6 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.2.1",
+  "version": "12.3.0",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 236f8a848..e1c3cc730 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,18 @@
 # @xyflow/svelte
 
+## 0.1.19
+
+### Patch Changes
+
+- [#4477](https://github.com/xyflow/xyflow/pull/4477) [`d5592e75`](https://github.com/xyflow/xyflow/commit/d5592e7508bc32d5ffc953844b1d42b9ec59b25b) Thanks [@peterkogo](https://github.com/peterkogo)! - Add `getNodesBounds` to `useReactFlow`/`useSvelteFlow` hook as the new recommended way of determining node bounds.
+
+- [#4572](https://github.com/xyflow/xyflow/pull/4572) [`1445e148`](https://github.com/xyflow/xyflow/commit/1445e1483118c966ff6de3f29c5473c93f6b99f1) Thanks [@peterkogo](https://github.com/peterkogo)! - Add nodeExtent prop to `<SvelteFlow />`. You can now restrict nodes from leaving a specified extent.
+
+- [#4572](https://github.com/xyflow/xyflow/pull/4572) [`d9563505`](https://github.com/xyflow/xyflow/commit/d9563505d8fb01862a3a6bae6e05dcea626c2e26) Thanks [@peterkogo](https://github.com/peterkogo)! - Improve handling of global and individual `nodeExtent`s. Nodes will never render outside of specified extents.
+
+- Updated dependencies [[`d5592e75`](https://github.com/xyflow/xyflow/commit/d5592e7508bc32d5ffc953844b1d42b9ec59b25b), [`d9563505`](https://github.com/xyflow/xyflow/commit/d9563505d8fb01862a3a6bae6e05dcea626c2e26)]:
+  - @xyflow/system@0.0.42
+
 ## 0.1.18
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 50d4c2837..0b8e09a4a 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.18",
+  "version": "0.1.19",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/CHANGELOG.md b/packages/system/CHANGELOG.md
index d6a6aeda1..6add95b14 100644
--- a/packages/system/CHANGELOG.md
+++ b/packages/system/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @xyflow/system
 
+## 0.0.42
+
+### Patch Changes
+
+- [#4477](https://github.com/xyflow/xyflow/pull/4477) [`d5592e75`](https://github.com/xyflow/xyflow/commit/d5592e7508bc32d5ffc953844b1d42b9ec59b25b) Thanks [@peterkogo](https://github.com/peterkogo)! - Add `getNodesBounds` to `useReactFlow`/`useSvelteFlow` hook as the new recommended way of determining node bounds.
+
+- [#4572](https://github.com/xyflow/xyflow/pull/4572) [`d9563505`](https://github.com/xyflow/xyflow/commit/d9563505d8fb01862a3a6bae6e05dcea626c2e26) Thanks [@peterkogo](https://github.com/peterkogo)! - Improve handling of global and individual `nodeExtent`s. Nodes will never render outside of specified extents.
+
 ## 0.0.41
 
 ### Patch Changes
diff --git a/packages/system/package.json b/packages/system/package.json
index 4e6468758..8b0723343 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.41",
+  "version": "0.0.42",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From f70c5bb68f1d8c216b9d191d4bcc42d93f4def29 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 30 Aug 2024 12:58:31 +0200
Subject: [PATCH 1056/1093] fix(react,svelte): calculate viewport dimensions
 inside of fitView action

---
 packages/react/src/hooks/useViewportHelper.ts |  5 ++++-
 packages/svelte/src/lib/store/index.ts        | 12 ++++++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/hooks/useViewportHelper.ts b/packages/react/src/hooks/useViewportHelper.ts
index a495ec892..1e653d192 100644
--- a/packages/react/src/hooks/useViewportHelper.ts
+++ b/packages/react/src/hooks/useViewportHelper.ts
@@ -6,6 +6,7 @@ import {
   fitView,
   type XYPosition,
   rendererPointToPoint,
+  getDimensions,
 } from '@xyflow/system';
 
 import { useStoreApi } from '../hooks/useStore';
@@ -64,9 +65,11 @@ const useViewportHelper = (): ViewportHelperFunctions => {
         return { x, y, zoom };
       },
       fitView: (options) => {
-        const { nodeLookup, width, height, minZoom, maxZoom, panZoom } = store.getState();
+        const { nodeLookup, minZoom, maxZoom, panZoom, domNode } = store.getState();
         const fitViewNodes = getFitViewNodes(nodeLookup, options);
 
+        const { width, height } = getDimensions(domNode!);
+
         return panZoom
           ? fitView(
               {
diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 24279a452..7d196fa4c 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -19,7 +19,8 @@ import {
   type UpdateConnection,
   type ConnectionState,
   type NodeOrigin,
-  getFitViewNodes
+  getFitViewNodes,
+  getDimensions
 } from '@xyflow/system';
 
 import type { EdgeTypes, NodeTypes, Node, Edge, FitViewOptions } from '$lib/types';
@@ -152,18 +153,21 @@ export function createStore({
 
   function fitView(options?: FitViewOptions) {
     const panZoom = get(store.panZoom);
+    const domNode = get(store.domNode);
 
-    if (!panZoom) {
+    if (!panZoom || !domNode) {
       return Promise.resolve(false);
     }
 
+    const { width, height } = getDimensions(domNode);
+
     const fitViewNodes = getFitViewNodes(get(store.nodeLookup), options);
 
     return fitViewSystem(
       {
         nodes: fitViewNodes,
-        width: get(store.width),
-        height: get(store.height),
+        width,
+        height,
         minZoom: get(store.minZoom),
         maxZoom: get(store.maxZoom),
         panZoom

From 02390f9966d51c80e4e1b488733b5bf7322ad710 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 13 Sep 2024 11:09:39 +0200
Subject: [PATCH 1057/1093] chore(changeset): add

---
 .changeset/smart-insects-tease.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 .changeset/smart-insects-tease.md

diff --git a/.changeset/smart-insects-tease.md b/.changeset/smart-insects-tease.md
new file mode 100644
index 000000000..a2bb7f659
--- /dev/null
+++ b/.changeset/smart-insects-tease.md
@@ -0,0 +1,6 @@
+---
+'@xyflow/react': patch
+'@xyflow/svelte': patch
+---
+
+Calculate viewport dimensions in fitView instead of using stored dimensions. Fixes [#4652](https://github.com/xyflow/xyflow/issues/4652)

From f1118df317e6210cec7fa363611b00cd20d621fc Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 19 Sep 2024 11:40:19 +0200
Subject: [PATCH 1058/1093] update absolute positions before initial fitView

---
 packages/svelte/src/lib/store/index.ts |  6 +++++-
 packages/system/src/utils/store.ts     | 11 +++++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/svelte/src/lib/store/index.ts b/packages/svelte/src/lib/store/index.ts
index 24279a452..9f8d1b987 100644
--- a/packages/svelte/src/lib/store/index.ts
+++ b/packages/svelte/src/lib/store/index.ts
@@ -19,7 +19,8 @@ import {
   type UpdateConnection,
   type ConnectionState,
   type NodeOrigin,
-  getFitViewNodes
+  getFitViewNodes,
+  updateAbsolutePositions
 } from '@xyflow/system';
 
 import type { EdgeTypes, NodeTypes, Node, Edge, FitViewOptions } from '$lib/types';
@@ -96,6 +97,7 @@ export function createStore({
 
   function updateNodeInternals(updates: Map<string, InternalNodeUpdate>) {
     const nodeLookup = get(store.nodeLookup);
+    const parentLookup = get(store.parentLookup);
     const { changes, updatedInternals } = updateNodeInternalsSystem(
       updates,
       nodeLookup,
@@ -108,6 +110,8 @@ export function createStore({
       return;
     }
 
+    updateAbsolutePositions(nodeLookup, parentLookup, { nodeOrigin, nodeExtent });
+
     if (!get(store.fitViewOnInitDone) && get(store.fitViewOnInit)) {
       const fitViewOptions = get(store.fitViewOptions);
       const fitViewOnInitDone = fitViewSync({
diff --git a/packages/system/src/utils/store.ts b/packages/system/src/utils/store.ts
index 73b6afc99..ec55759a8 100644
--- a/packages/system/src/utils/store.ts
+++ b/packages/system/src/utils/store.ts
@@ -61,11 +61,14 @@ export function updateAbsolutePositions<NodeType extends NodeBase>(
 ) {
   const _options = mergeObjects(defaultOptions, options);
   for (const node of nodeLookup.values()) {
-    if (!node.parentId) {
-      continue;
+    if (node.parentId) {
+      updateChildNode(node, nodeLookup, parentLookup, _options);
+    } else {
+      const positionWithOrigin = getNodePositionWithOrigin(node, _options.nodeOrigin);
+      const extent = isCoordinateExtent(node.extent) ? node.extent : _options.nodeExtent;
+      const clampedPosition = clampPosition(positionWithOrigin, extent, getNodeDimensions(node));
+      node.internals.positionAbsolute = clampedPosition;
     }
-
-    updateChildNode(node, nodeLookup, parentLookup, _options);
   }
 }
 

From b056564c9658bb43b882eebfad5a7e224717ffb5 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 19 Sep 2024 11:45:33 +0200
Subject: [PATCH 1059/1093] added changesets

---
 .changeset/curly-cows-repeat.md | 7 +++++++
 .changeset/cyan-frogs-lick.md   | 6 ++++++
 2 files changed, 13 insertions(+)
 create mode 100644 .changeset/curly-cows-repeat.md
 create mode 100644 .changeset/cyan-frogs-lick.md

diff --git a/.changeset/curly-cows-repeat.md b/.changeset/curly-cows-repeat.md
new file mode 100644
index 000000000..e9aa2e5e2
--- /dev/null
+++ b/.changeset/curly-cows-repeat.md
@@ -0,0 +1,7 @@
+---
+'@xyflow/svelte': patch
+'@xyflow/system': patch
+'@xyflow/react': patch
+---
+
+Fix fitView not working correctly for nodeOrigin other than [0,0]
diff --git a/.changeset/cyan-frogs-lick.md b/.changeset/cyan-frogs-lick.md
new file mode 100644
index 000000000..238d073b7
--- /dev/null
+++ b/.changeset/cyan-frogs-lick.md
@@ -0,0 +1,6 @@
+---
+'@xyflow/svelte': patch
+'@xyflow/react': patch
+---
+
+Improve fitView to resepct any clamped node positions based on nodeExtent

From 340a54ff6b20f2c785d048ce16d932b6f382db9f Mon Sep 17 00:00:00 2001
From: Peter Kogo <7165378+peterkogo@users.noreply.github.com>
Date: Thu, 19 Sep 2024 11:57:28 +0200
Subject: [PATCH 1060/1093] Update curly-cows-repeat.md

---
 .changeset/curly-cows-repeat.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/curly-cows-repeat.md b/.changeset/curly-cows-repeat.md
index e9aa2e5e2..513a1bf45 100644
--- a/.changeset/curly-cows-repeat.md
+++ b/.changeset/curly-cows-repeat.md
@@ -4,4 +4,4 @@
 '@xyflow/react': patch
 ---
 
-Fix fitView not working correctly for nodeOrigin other than [0,0]
+Fix initial fitView not working correctly for nodeOrigin other than [0,0]

From b47a04fb8bb7659f10128274a32008caa2a56df0 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 23 Sep 2024 15:01:20 +0200
Subject: [PATCH 1061/1093] chore(useReactFlow): cleanup fitView

---
 .changeset/smart-insects-tease.md             |  2 +-
 packages/react/src/hooks/useViewportHelper.ts | 32 ++++++++++---------
 2 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/.changeset/smart-insects-tease.md b/.changeset/smart-insects-tease.md
index a2bb7f659..33b5b211e 100644
--- a/.changeset/smart-insects-tease.md
+++ b/.changeset/smart-insects-tease.md
@@ -3,4 +3,4 @@
 '@xyflow/svelte': patch
 ---
 
-Calculate viewport dimensions in fitView instead of using stored dimensions. Fixes [#4652](https://github.com/xyflow/xyflow/issues/4652)
+Calculate viewport dimensions in `fitView` instead of using stored dimensions. Fixes [#4652](https://github.com/xyflow/xyflow/issues/4652)
diff --git a/packages/react/src/hooks/useViewportHelper.ts b/packages/react/src/hooks/useViewportHelper.ts
index 1e653d192..5e7e6cfa1 100644
--- a/packages/react/src/hooks/useViewportHelper.ts
+++ b/packages/react/src/hooks/useViewportHelper.ts
@@ -66,23 +66,25 @@ const useViewportHelper = (): ViewportHelperFunctions => {
       },
       fitView: (options) => {
         const { nodeLookup, minZoom, maxZoom, panZoom, domNode } = store.getState();
+
+        if (!panZoom || !domNode) {
+          return Promise.resolve(false);
+        }
+
         const fitViewNodes = getFitViewNodes(nodeLookup, options);
+        const { width, height } = getDimensions(domNode);
 
-        const { width, height } = getDimensions(domNode!);
-
-        return panZoom
-          ? fitView(
-              {
-                nodes: fitViewNodes,
-                width,
-                height,
-                minZoom,
-                maxZoom,
-                panZoom,
-              },
-              options
-            )
-          : Promise.resolve(false);
+        return fitView(
+          {
+            nodes: fitViewNodes,
+            width,
+            height,
+            minZoom,
+            maxZoom,
+            panZoom,
+          },
+          options
+        );
       },
       setCenter: async (x, y, options) => {
         const { width, height, maxZoom, panZoom } = store.getState();

From d05a297dacd9a0f5f9a0a68eee318464b6fa254f Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 23 Sep 2024 15:54:54 +0200
Subject: [PATCH 1062/1093] chore(changesets): cleanup

---
 .changeset/curly-cows-repeat.md | 2 +-
 .changeset/cyan-frogs-lick.md   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.changeset/curly-cows-repeat.md b/.changeset/curly-cows-repeat.md
index 513a1bf45..87b3935f5 100644
--- a/.changeset/curly-cows-repeat.md
+++ b/.changeset/curly-cows-repeat.md
@@ -4,4 +4,4 @@
 '@xyflow/react': patch
 ---
 
-Fix initial fitView not working correctly for nodeOrigin other than [0,0]
+Fix initial `fitView` not working correctly for `nodeOrigin` other than [0,0]
diff --git a/.changeset/cyan-frogs-lick.md b/.changeset/cyan-frogs-lick.md
index 238d073b7..11109aabf 100644
--- a/.changeset/cyan-frogs-lick.md
+++ b/.changeset/cyan-frogs-lick.md
@@ -3,4 +3,4 @@
 '@xyflow/react': patch
 ---
 
-Improve fitView to resepct any clamped node positions based on nodeExtent
+Improve `fitView` to respect clamped node positions based on `nodeExtent`

From 7a923bec4aafa56cfd94c71216ed9722d4b9d9cc Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 23 Sep 2024 16:27:41 +0200
Subject: [PATCH 1063/1093] fix(xydrag): handle deleted nodes while dragging
 #4677

---
 packages/system/src/xydrag/XYDrag.ts | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index c4c5600f3..688d3e091 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -139,6 +139,12 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
       }
 
       for (const [id, dragItem] of dragItems) {
+        if (!nodeLookup.has(id)) {
+          // if the node is not in the nodeLookup anymore, it was probably deleted while dragging
+          // and we don't need to update it anymore
+          continue;
+        }
+
         let nextPosition = { x: x - dragItem.distance.x, y: y - dragItem.distance.y };
         if (snapToGrid) {
           nextPosition = snapPosition(nextPosition, snapGrid);
@@ -288,10 +294,14 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         mousePosition = getEventPosition(event.sourceEvent, containerBounds!);
       })
       .on('drag', (event: UseDragEvent) => {
-        const { autoPanOnNodeDrag, transform, snapGrid, snapToGrid, nodeDragThreshold } = getStoreItems();
+        const { autoPanOnNodeDrag, transform, snapGrid, snapToGrid, nodeDragThreshold, nodeLookup } = getStoreItems();
         const pointerPos = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
 
-        if (event.sourceEvent.type === 'touchmove' && event.sourceEvent.touches.length > 1) {
+        if (
+          (event.sourceEvent.type === 'touchmove' && event.sourceEvent.touches.length > 1) ||
+          // if user deletes a node while dragging, we need to abort the drag to prevent errors
+          (nodeId && !nodeLookup.has(nodeId))
+        ) {
           abortDrag = true;
         }
 

From 99ba64ac2e1ce9c5ac3cab85a3d574edc0ecf4cc Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 23 Sep 2024 16:29:03 +0200
Subject: [PATCH 1064/1093] chore(changesets): add

---
 .changeset/big-dancers-decide.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/big-dancers-decide.md

diff --git a/.changeset/big-dancers-decide.md b/.changeset/big-dancers-decide.md
new file mode 100644
index 000000000..6a9b6ea8a
--- /dev/null
+++ b/.changeset/big-dancers-decide.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/system': patch
+---
+
+Fix an issue that appeared when user deleted node while dragging.

From 26d592f356c47ba883df1dfbf9c8f12d852cb807 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Mon, 23 Sep 2024 15:09:45 +0000
Subject: [PATCH 1065/1093] chore(packages): bump

---
 .changeset/big-dancers-decide.md  |  5 -----
 .changeset/curly-cows-repeat.md   |  7 -------
 .changeset/cyan-frogs-lick.md     |  6 ------
 .changeset/smart-insects-tease.md |  6 ------
 packages/react/CHANGELOG.md       | 13 +++++++++++++
 packages/react/package.json       |  2 +-
 packages/svelte/CHANGELOG.md      | 13 +++++++++++++
 packages/svelte/package.json      |  2 +-
 packages/system/CHANGELOG.md      |  8 ++++++++
 packages/system/package.json      |  2 +-
 10 files changed, 37 insertions(+), 27 deletions(-)
 delete mode 100644 .changeset/big-dancers-decide.md
 delete mode 100644 .changeset/curly-cows-repeat.md
 delete mode 100644 .changeset/cyan-frogs-lick.md
 delete mode 100644 .changeset/smart-insects-tease.md

diff --git a/.changeset/big-dancers-decide.md b/.changeset/big-dancers-decide.md
deleted file mode 100644
index 6a9b6ea8a..000000000
--- a/.changeset/big-dancers-decide.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/system': patch
----
-
-Fix an issue that appeared when user deleted node while dragging.
diff --git a/.changeset/curly-cows-repeat.md b/.changeset/curly-cows-repeat.md
deleted file mode 100644
index 87b3935f5..000000000
--- a/.changeset/curly-cows-repeat.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'@xyflow/svelte': patch
-'@xyflow/system': patch
-'@xyflow/react': patch
----
-
-Fix initial `fitView` not working correctly for `nodeOrigin` other than [0,0]
diff --git a/.changeset/cyan-frogs-lick.md b/.changeset/cyan-frogs-lick.md
deleted file mode 100644
index 11109aabf..000000000
--- a/.changeset/cyan-frogs-lick.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@xyflow/svelte': patch
-'@xyflow/react': patch
----
-
-Improve `fitView` to respect clamped node positions based on `nodeExtent`
diff --git a/.changeset/smart-insects-tease.md b/.changeset/smart-insects-tease.md
deleted file mode 100644
index 33b5b211e..000000000
--- a/.changeset/smart-insects-tease.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@xyflow/react': patch
-'@xyflow/svelte': patch
----
-
-Calculate viewport dimensions in `fitView` instead of using stored dimensions. Fixes [#4652](https://github.com/xyflow/xyflow/issues/4652)
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index b8a68ca60..280993df8 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,18 @@
 # @xyflow/react
 
+## 12.3.1
+
+### Patch Changes
+
+- [#4670](https://github.com/xyflow/xyflow/pull/4670) [`b056564c`](https://github.com/xyflow/xyflow/commit/b056564c9658bb43b882eebfad5a7e224717ffb5) Thanks [@peterkogo](https://github.com/peterkogo)! - Fix initial `fitView` not working correctly for `nodeOrigin` other than [0,0]
+
+- [#4670](https://github.com/xyflow/xyflow/pull/4670) [`b056564c`](https://github.com/xyflow/xyflow/commit/b056564c9658bb43b882eebfad5a7e224717ffb5) Thanks [@peterkogo](https://github.com/peterkogo)! - Improve `fitView` to respect clamped node positions based on `nodeExtent`
+
+- [#4653](https://github.com/xyflow/xyflow/pull/4653) [`02390f99`](https://github.com/xyflow/xyflow/commit/02390f9966d51c80e4e1b488733b5bf7322ad710) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Calculate viewport dimensions in `fitView` instead of using stored dimensions. Fixes [#4652](https://github.com/xyflow/xyflow/issues/4652)
+
+- Updated dependencies [[`99ba64ac`](https://github.com/xyflow/xyflow/commit/99ba64ac2e1ce9c5ac3cab85a3d574edc0ecf4cc), [`b056564c`](https://github.com/xyflow/xyflow/commit/b056564c9658bb43b882eebfad5a7e224717ffb5)]:
+  - @xyflow/system@0.0.43
+
 ## 12.3.0
 
 ### Minor Changes
diff --git a/packages/react/package.json b/packages/react/package.json
index 5f8496ee6..0625c6cd5 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.3.0",
+  "version": "12.3.1",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index e1c3cc730..d13926dd3 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,18 @@
 # @xyflow/svelte
 
+## 0.1.20
+
+### Patch Changes
+
+- [#4670](https://github.com/xyflow/xyflow/pull/4670) [`b056564c`](https://github.com/xyflow/xyflow/commit/b056564c9658bb43b882eebfad5a7e224717ffb5) Thanks [@peterkogo](https://github.com/peterkogo)! - Fix initial `fitView` not working correctly for `nodeOrigin` other than [0,0]
+
+- [#4670](https://github.com/xyflow/xyflow/pull/4670) [`b056564c`](https://github.com/xyflow/xyflow/commit/b056564c9658bb43b882eebfad5a7e224717ffb5) Thanks [@peterkogo](https://github.com/peterkogo)! - Improve `fitView` to respect clamped node positions based on `nodeExtent`
+
+- [#4653](https://github.com/xyflow/xyflow/pull/4653) [`02390f99`](https://github.com/xyflow/xyflow/commit/02390f9966d51c80e4e1b488733b5bf7322ad710) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Calculate viewport dimensions in `fitView` instead of using stored dimensions. Fixes [#4652](https://github.com/xyflow/xyflow/issues/4652)
+
+- Updated dependencies [[`99ba64ac`](https://github.com/xyflow/xyflow/commit/99ba64ac2e1ce9c5ac3cab85a3d574edc0ecf4cc), [`b056564c`](https://github.com/xyflow/xyflow/commit/b056564c9658bb43b882eebfad5a7e224717ffb5)]:
+  - @xyflow/system@0.0.43
+
 ## 0.1.19
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 0b8e09a4a..4d7b0c774 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/CHANGELOG.md b/packages/system/CHANGELOG.md
index 6add95b14..0ec273ac8 100644
--- a/packages/system/CHANGELOG.md
+++ b/packages/system/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @xyflow/system
 
+## 0.0.43
+
+### Patch Changes
+
+- [#4681](https://github.com/xyflow/xyflow/pull/4681) [`99ba64ac`](https://github.com/xyflow/xyflow/commit/99ba64ac2e1ce9c5ac3cab85a3d574edc0ecf4cc) Thanks [@moklick](https://github.com/moklick)! - Fix an issue that appeared when user deleted node while dragging.
+
+- [#4670](https://github.com/xyflow/xyflow/pull/4670) [`b056564c`](https://github.com/xyflow/xyflow/commit/b056564c9658bb43b882eebfad5a7e224717ffb5) Thanks [@peterkogo](https://github.com/peterkogo)! - Fix initial `fitView` not working correctly for `nodeOrigin` other than [0,0]
+
 ## 0.0.42
 
 ### Patch Changes
diff --git a/packages/system/package.json b/packages/system/package.json
index 8b0723343..9d1c09b81 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.42",
+  "version": "0.0.43",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From eb71e34d44229689b7424995f370111b4d490c1c Mon Sep 17 00:00:00 2001
From: Moritz Klack <info@moritzklack.com>
Date: Thu, 26 Sep 2024 10:37:51 +0200
Subject: [PATCH 1066/1093] chore(releases): use custom release token

---
 .github/workflows/release.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index ae36b6197..bd16a8549 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -25,5 +25,5 @@ jobs:
           title: Release packages
           commit: 'chore(packages): bump'
         env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.RELEASE_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

From fba54e669de4c222a9f126addd326c0e160ef8a5 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 8 Oct 2024 11:41:25 +0200
Subject: [PATCH 1067/1093] fix useNodesData returning undefined in svelte flow

---
 examples/react/src/examples/UseNodesData/index.tsx          | 2 +-
 .../svelte/src/routes/examples/usenodesdata/+page.svelte    | 2 +-
 packages/svelte/src/lib/hooks/useNodesData.ts               | 6 ++++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/examples/react/src/examples/UseNodesData/index.tsx b/examples/react/src/examples/UseNodesData/index.tsx
index dabc1d4d6..c00e26a19 100644
--- a/examples/react/src/examples/UseNodesData/index.tsx
+++ b/examples/react/src/examples/UseNodesData/index.tsx
@@ -21,7 +21,7 @@ export type UppercaseNode = Node<{ text: string }, 'uppercase'>;
 export type MyNode = TextNode | ResultNode | UppercaseNode;
 
 export function isTextNode(node: any): node is TextNode | UppercaseNode {
-  return node.type === 'text' || node.type === 'uppercase';
+  return !node || !node.type ? false : node.type === 'text' || node.type === 'uppercase';
 }
 
 const nodeTypes = {
diff --git a/examples/svelte/src/routes/examples/usenodesdata/+page.svelte b/examples/svelte/src/routes/examples/usenodesdata/+page.svelte
index 91fd84328..8f041b0a8 100644
--- a/examples/svelte/src/routes/examples/usenodesdata/+page.svelte
+++ b/examples/svelte/src/routes/examples/usenodesdata/+page.svelte
@@ -6,7 +6,7 @@
 	type ResultNodeType = Node<{}, 'result'>;
 
 	export function isTextNode(node: any): node is TextNodeType | UppercaseNode {
-		return node.type === 'text' || node.type === 'uppercase';
+		return !node || !node.type ? false : node.type === 'text' || node.type === 'uppercase';
 	}
 
 	export type MyNode = TextNodeType | UppercaseNodeType | ResultNodeType;
diff --git a/packages/svelte/src/lib/hooks/useNodesData.ts b/packages/svelte/src/lib/hooks/useNodesData.ts
index a13bdb65e..e4d8dd364 100644
--- a/packages/svelte/src/lib/hooks/useNodesData.ts
+++ b/packages/svelte/src/lib/hooks/useNodesData.ts
@@ -22,6 +22,7 @@ export function useNodesData(nodeIds: any): any {
   const { nodes, nodeLookup } = useStore();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let prevNodesData: any[] = [];
+  let initialRun = true;
 
   return derived([nodes, nodeLookup], ([, nodeLookup], set) => {
     const nextNodesData = [];
@@ -39,9 +40,10 @@ export function useNodesData(nodeIds: any): any {
       }
     }
 
-    if (!shallowNodeData(nextNodesData, prevNodesData)) {
-      prevNodesData = nextNodesData;
+    if (!shallowNodeData(nextNodesData, prevNodesData) || initialRun) {
+      prevNodesData = [...nextNodesData];
       set(isArrayOfIds ? nextNodesData : nextNodesData[0] ?? null);
+      initialRun = false;
     }
   });
 }

From 51f08aaca5ddfbaa3259f666005d687d0a83f3db Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Tue, 8 Oct 2024 12:03:22 +0200
Subject: [PATCH 1068/1093] added changelog

---
 .changeset/brave-worms-study.md               | 5 +++++
 packages/svelte/src/lib/hooks/useNodesData.ts | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/brave-worms-study.md

diff --git a/.changeset/brave-worms-study.md b/.changeset/brave-worms-study.md
new file mode 100644
index 000000000..123459feb
--- /dev/null
+++ b/.changeset/brave-worms-study.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/svelte': patch
+---
+
+Fixed hook useNodesData unexpectedly returning undefined
diff --git a/packages/svelte/src/lib/hooks/useNodesData.ts b/packages/svelte/src/lib/hooks/useNodesData.ts
index e4d8dd364..2e8fba501 100644
--- a/packages/svelte/src/lib/hooks/useNodesData.ts
+++ b/packages/svelte/src/lib/hooks/useNodesData.ts
@@ -41,7 +41,7 @@ export function useNodesData(nodeIds: any): any {
     }
 
     if (!shallowNodeData(nextNodesData, prevNodesData) || initialRun) {
-      prevNodesData = [...nextNodesData];
+      prevNodesData = nextNodesData;
       set(isArrayOfIds ? nextNodesData : nextNodesData[0] ?? null);
       initialRun = false;
     }

From 66998fa8e2b605401ed6bdddf53227209c01eaf1 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 9 Oct 2024 17:08:40 +0200
Subject: [PATCH 1069/1093] fix(react): use internal nodes for deselecting node
 #4716

---
 packages/react/src/store/index.ts | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index ea06fb8b4..c4dc42b6b 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -20,7 +20,6 @@ import {
 import { applyEdgeChanges, applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
 import getInitialState from './initialState';
 import type { ReactFlowState, Node, Edge, UnselectNodesAndEdgesParams, FitViewOptions } from '../types';
-
 const createStore = ({
   nodes,
   edges,
@@ -238,12 +237,17 @@ const createStore = ({
         triggerNodeChanges(getSelectionChanges(nodeLookup, new Set(), true));
       },
       unselectNodesAndEdges: ({ nodes, edges }: UnselectNodesAndEdgesParams = {}) => {
-        const { edges: storeEdges, nodes: storeNodes, triggerNodeChanges, triggerEdgeChanges } = get();
+        const { edges: storeEdges, nodes: storeNodes, nodeLookup, triggerNodeChanges, triggerEdgeChanges } = get();
         const nodesToUnselect = nodes ? nodes : storeNodes;
         const edgesToUnselect = edges ? edges : storeEdges;
-
         const nodeChanges = nodesToUnselect.map((n) => {
-          n.selected = false;
+          const internalNode = nodeLookup.get(n.id);
+          if (internalNode) {
+            // we need to unselect the internal node that was selected previously before we
+            // send the change to the user to prevent it to be selected while dragging the new node
+            internalNode.selected = false;
+          }
+
           return createSelectionChange(n.id, false);
         });
         const edgeChanges = edgesToUnselect.map((edge) => createSelectionChange(edge.id, false));

From e816bb6953486e37dd39d93252aa9b94fe5d4ec1 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 9 Oct 2024 17:11:27 +0200
Subject: [PATCH 1070/1093] chore(changesets): add

---
 .changeset/stale-owls-turn.md     | 5 +++++
 packages/react/src/store/index.ts | 1 +
 2 files changed, 6 insertions(+)
 create mode 100644 .changeset/stale-owls-turn.md

diff --git a/.changeset/stale-owls-turn.md b/.changeset/stale-owls-turn.md
new file mode 100644
index 000000000..60687a4d8
--- /dev/null
+++ b/.changeset/stale-owls-turn.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/react': patch
+---
+
+Fix internal behaviour that mutated user nodes which led to an issue with Redux and immer
diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index c4dc42b6b..067f4093e 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -20,6 +20,7 @@ import {
 import { applyEdgeChanges, applyNodeChanges, createSelectionChange, getSelectionChanges } from '../utils/changes';
 import getInitialState from './initialState';
 import type { ReactFlowState, Node, Edge, UnselectNodesAndEdgesParams, FitViewOptions } from '../types';
+
 const createStore = ({
   nodes,
   edges,

From f8cef2dd0fb3e2c0d7e9e2011b5b4477e03f717d Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Wed, 9 Oct 2024 15:33:36 +0000
Subject: [PATCH 1071/1093] chore(packages): bump

---
 .changeset/brave-worms-study.md | 5 -----
 .changeset/stale-owls-turn.md   | 5 -----
 packages/react/CHANGELOG.md     | 6 ++++++
 packages/react/package.json     | 2 +-
 packages/svelte/CHANGELOG.md    | 6 ++++++
 packages/svelte/package.json    | 2 +-
 6 files changed, 14 insertions(+), 12 deletions(-)
 delete mode 100644 .changeset/brave-worms-study.md
 delete mode 100644 .changeset/stale-owls-turn.md

diff --git a/.changeset/brave-worms-study.md b/.changeset/brave-worms-study.md
deleted file mode 100644
index 123459feb..000000000
--- a/.changeset/brave-worms-study.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/svelte': patch
----
-
-Fixed hook useNodesData unexpectedly returning undefined
diff --git a/.changeset/stale-owls-turn.md b/.changeset/stale-owls-turn.md
deleted file mode 100644
index 60687a4d8..000000000
--- a/.changeset/stale-owls-turn.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/react': patch
----
-
-Fix internal behaviour that mutated user nodes which led to an issue with Redux and immer
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 280993df8..46c96cd13 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/react
 
+## 12.3.2
+
+### Patch Changes
+
+- [#4722](https://github.com/xyflow/xyflow/pull/4722) [`e816bb69`](https://github.com/xyflow/xyflow/commit/e816bb6953486e37dd39d93252aa9b94fe5d4ec1) Thanks [@moklick](https://github.com/moklick)! - Fix internal behaviour that mutated user nodes which led to an issue with Redux and immer
+
 ## 12.3.1
 
 ### Patch Changes
diff --git a/packages/react/package.json b/packages/react/package.json
index 0625c6cd5..b97d7487a 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.3.1",
+  "version": "12.3.2",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index d13926dd3..174c00013 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/svelte
 
+## 0.1.21
+
+### Patch Changes
+
+- [#4718](https://github.com/xyflow/xyflow/pull/4718) [`51f08aac`](https://github.com/xyflow/xyflow/commit/51f08aaca5ddfbaa3259f666005d687d0a83f3db) Thanks [@peterkogo](https://github.com/peterkogo)! - Fixed hook useNodesData unexpectedly returning undefined
+
 ## 0.1.20
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 4d7b0c774..970308aea 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",

From 5954fa6cc4cdc0038d5c34010845bcb9288c3d55 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 14 Oct 2024 11:44:44 +0200
Subject: [PATCH 1072/1093] remove non-null assertion while dragging

---
 packages/system/src/xydrag/utils.ts | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/system/src/xydrag/utils.ts b/packages/system/src/xydrag/utils.ts
index a668746a8..0fc048e89 100644
--- a/packages/system/src/xydrag/utils.ts
+++ b/packages/system/src/xydrag/utils.ts
@@ -106,14 +106,16 @@ export function getEventHandlerParams<NodeType extends InternalNodeBase>({
     return [nodesFromDragItems[0], nodesFromDragItems];
   }
 
-  const node = nodeLookup.get(nodeId)!.internals.userNode;
+  const node = nodeLookup.get(nodeId)?.internals.userNode;
 
   return [
-    {
-      ...node,
-      position: dragItems.get(nodeId)?.position || node.position,
-      dragging,
-    },
+    !node
+      ? nodesFromDragItems[0]
+      : {
+          ...node,
+          position: dragItems.get(nodeId)?.position || node.position,
+          dragging,
+        },
     nodesFromDragItems,
   ];
 }

From 2c590b90787aabce42de2b4108174bdf31ad6155 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 14 Oct 2024 11:46:53 +0200
Subject: [PATCH 1073/1093] add changeset

---
 .changeset/new-rocks-mate.md | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 .changeset/new-rocks-mate.md

diff --git a/.changeset/new-rocks-mate.md b/.changeset/new-rocks-mate.md
new file mode 100644
index 000000000..e92852672
--- /dev/null
+++ b/.changeset/new-rocks-mate.md
@@ -0,0 +1,7 @@
+---
+'@xyflow/system': patch
+'@xyflow/react': patch
+'@xyflow/svelte': patch
+---
+
+Fixed rare crash while dragging

From 6f3eb211d65ae27ef22b45a59c11177a870f9071 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 23 Oct 2024 11:46:36 +0200
Subject: [PATCH 1074/1093] added module to exports in package.json

---
 packages/react/package.json  | 3 ++-
 packages/system/package.json | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index b97d7487a..8d1ebb07b 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -31,7 +31,8 @@
     ".": {
       "types": "./dist/esm/index.d.ts",
       "import": "./dist/esm/index.mjs",
-      "require": "./dist/umd/index.js"
+      "require": "./dist/umd/index.js",
+      "module": "./dist/esm/index.js"
     },
     "./dist/base.css": "./dist/base.css",
     "./dist/style.css": "./dist/style.css"
diff --git a/packages/system/package.json b/packages/system/package.json
index 9d1c09b81..6cb649f93 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -22,7 +22,8 @@
     ".": {
       "types": "./dist/esm/index.d.ts",
       "import": "./dist/esm/index.mjs",
-      "require": "./dist/umd/index.js"
+      "require": "./dist/umd/index.js",
+      "module": "./dist/esm/index.js"
     }
   },
   "sideEffects": false,

From 005ae1c05f6a10c1f519cd789f4f3f2fdf293bc6 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 23 Oct 2024 11:49:29 +0200
Subject: [PATCH 1075/1093] add changeset

---
 .changeset/brave-ducks-kick.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 .changeset/brave-ducks-kick.md

diff --git a/.changeset/brave-ducks-kick.md b/.changeset/brave-ducks-kick.md
new file mode 100644
index 000000000..dc7a943b3
--- /dev/null
+++ b/.changeset/brave-ducks-kick.md
@@ -0,0 +1,6 @@
+---
+'@xyflow/react': patch
+'@xyflow/system': patch
+---
+
+Add module to exports in package.json. This should resolve possible issues with Webpack ESM Module Resolution.

From 9add66ebe8089205cd3e312ec6d50b016f6cfd95 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 24 Oct 2024 11:19:02 +0200
Subject: [PATCH 1076/1093] bumped svelte peer dependency

---
 packages/svelte/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 970308aea..01416da19 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -82,7 +82,7 @@
     "typescript": "5.4.2"
   },
   "peerDependencies": {
-    "svelte": "^3.0.0 || ^4.0.0"
+    "svelte": "^3.0.0 || ^4.0.0 || ^5.0.0"
   },
   "files": [
     "dist"

From e555bd1b1c7fbe801ed46120ac51d3d9cee5a29a Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 24 Oct 2024 11:20:28 +0200
Subject: [PATCH 1077/1093] add changeset

---
 .changeset/sixty-swans-lick.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/sixty-swans-lick.md

diff --git a/.changeset/sixty-swans-lick.md b/.changeset/sixty-swans-lick.md
new file mode 100644
index 000000000..7e784a7df
--- /dev/null
+++ b/.changeset/sixty-swans-lick.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/svelte': patch
+---
+
+Bump Svelte peer dependency to 5.0.0

From 3013ee4870442c44f3e05ebd14e080d5b442a762 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Wed, 30 Oct 2024 10:17:54 +0000
Subject: [PATCH 1078/1093] chore(packages): bump

---
 .changeset/brave-ducks-kick.md |  6 ------
 .changeset/new-rocks-mate.md   |  7 -------
 .changeset/sixty-swans-lick.md |  5 -----
 packages/react/CHANGELOG.md    | 11 +++++++++++
 packages/react/package.json    |  2 +-
 packages/svelte/CHANGELOG.md   | 11 +++++++++++
 packages/svelte/package.json   |  2 +-
 packages/system/CHANGELOG.md   |  8 ++++++++
 packages/system/package.json   |  2 +-
 9 files changed, 33 insertions(+), 21 deletions(-)
 delete mode 100644 .changeset/brave-ducks-kick.md
 delete mode 100644 .changeset/new-rocks-mate.md
 delete mode 100644 .changeset/sixty-swans-lick.md

diff --git a/.changeset/brave-ducks-kick.md b/.changeset/brave-ducks-kick.md
deleted file mode 100644
index dc7a943b3..000000000
--- a/.changeset/brave-ducks-kick.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@xyflow/react': patch
-'@xyflow/system': patch
----
-
-Add module to exports in package.json. This should resolve possible issues with Webpack ESM Module Resolution.
diff --git a/.changeset/new-rocks-mate.md b/.changeset/new-rocks-mate.md
deleted file mode 100644
index e92852672..000000000
--- a/.changeset/new-rocks-mate.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'@xyflow/system': patch
-'@xyflow/react': patch
-'@xyflow/svelte': patch
----
-
-Fixed rare crash while dragging
diff --git a/.changeset/sixty-swans-lick.md b/.changeset/sixty-swans-lick.md
deleted file mode 100644
index 7e784a7df..000000000
--- a/.changeset/sixty-swans-lick.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/svelte': patch
----
-
-Bump Svelte peer dependency to 5.0.0
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 46c96cd13..93e970a0e 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,16 @@
 # @xyflow/react
 
+## 12.3.3
+
+### Patch Changes
+
+- [#4755](https://github.com/xyflow/xyflow/pull/4755) [`005ae1c0`](https://github.com/xyflow/xyflow/commit/005ae1c05f6a10c1f519cd789f4f3f2fdf293bc6) Thanks [@peterkogo](https://github.com/peterkogo)! - Add module to exports in package.json. This should resolve possible issues with Webpack ESM Module Resolution.
+
+- [#4730](https://github.com/xyflow/xyflow/pull/4730) [`2c590b90`](https://github.com/xyflow/xyflow/commit/2c590b90787aabce42de2b4108174bdf31ad6155) Thanks [@peterkogo](https://github.com/peterkogo)! - Fixed rare crash while dragging
+
+- Updated dependencies [[`005ae1c0`](https://github.com/xyflow/xyflow/commit/005ae1c05f6a10c1f519cd789f4f3f2fdf293bc6), [`2c590b90`](https://github.com/xyflow/xyflow/commit/2c590b90787aabce42de2b4108174bdf31ad6155)]:
+  - @xyflow/system@0.0.44
+
 ## 12.3.2
 
 ### Patch Changes
diff --git a/packages/react/package.json b/packages/react/package.json
index 8d1ebb07b..eda1de942 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.3.2",
+  "version": "12.3.3",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 174c00013..29a194d7d 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,16 @@
 # @xyflow/svelte
 
+## 0.1.22
+
+### Patch Changes
+
+- [#4730](https://github.com/xyflow/xyflow/pull/4730) [`2c590b90`](https://github.com/xyflow/xyflow/commit/2c590b90787aabce42de2b4108174bdf31ad6155) Thanks [@peterkogo](https://github.com/peterkogo)! - Fixed rare crash while dragging
+
+- [#4758](https://github.com/xyflow/xyflow/pull/4758) [`e555bd1b`](https://github.com/xyflow/xyflow/commit/e555bd1b1c7fbe801ed46120ac51d3d9cee5a29a) Thanks [@peterkogo](https://github.com/peterkogo)! - Bump Svelte peer dependency to 5.0.0
+
+- Updated dependencies [[`005ae1c0`](https://github.com/xyflow/xyflow/commit/005ae1c05f6a10c1f519cd789f4f3f2fdf293bc6), [`2c590b90`](https://github.com/xyflow/xyflow/commit/2c590b90787aabce42de2b4108174bdf31ad6155)]:
+  - @xyflow/system@0.0.44
+
 ## 0.1.21
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 01416da19..d0e8b7f30 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.21",
+  "version": "0.1.22",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/CHANGELOG.md b/packages/system/CHANGELOG.md
index 0ec273ac8..dbf0aaf70 100644
--- a/packages/system/CHANGELOG.md
+++ b/packages/system/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @xyflow/system
 
+## 0.0.44
+
+### Patch Changes
+
+- [#4755](https://github.com/xyflow/xyflow/pull/4755) [`005ae1c0`](https://github.com/xyflow/xyflow/commit/005ae1c05f6a10c1f519cd789f4f3f2fdf293bc6) Thanks [@peterkogo](https://github.com/peterkogo)! - Add module to exports in package.json. This should resolve possible issues with Webpack ESM Module Resolution.
+
+- [#4730](https://github.com/xyflow/xyflow/pull/4730) [`2c590b90`](https://github.com/xyflow/xyflow/commit/2c590b90787aabce42de2b4108174bdf31ad6155) Thanks [@peterkogo](https://github.com/peterkogo)! - Fixed rare crash while dragging
+
 ## 0.0.43
 
 ### Patch Changes
diff --git a/packages/system/package.json b/packages/system/package.json
index 6cb649f93..52cdc1c74 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 7f670ab0423b3848a50398027297f6ec11deeaa4 Mon Sep 17 00:00:00 2001
From: Tiago Costa <tiagoffcc@hotmail.com>
Date: Wed, 30 Oct 2024 19:55:10 +0000
Subject: [PATCH 1079/1093] chore(NA): adds explicit browser, node and default
 exports resolution in package.json

---
 .changeset/famous-lobsters-ring.md |  6 ++++++
 packages/react/package.json        | 15 +++++++++++----
 packages/system/package.json       | 15 +++++++++++----
 3 files changed, 28 insertions(+), 8 deletions(-)
 create mode 100644 .changeset/famous-lobsters-ring.md

diff --git a/.changeset/famous-lobsters-ring.md b/.changeset/famous-lobsters-ring.md
new file mode 100644
index 000000000..2a02bac7b
--- /dev/null
+++ b/.changeset/famous-lobsters-ring.md
@@ -0,0 +1,6 @@
+---
+'@xyflow/system': patch
+'@xyflow/react': patch
+---
+
+Splits exports field in package.json to support an explicit resolution for browser, node and default to resolve issues with webpack esm module resolution.
diff --git a/packages/react/package.json b/packages/react/package.json
index eda1de942..6f8d11861 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -29,10 +29,17 @@
   "types": "dist/esm/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/esm/index.d.ts",
-      "import": "./dist/esm/index.mjs",
-      "require": "./dist/umd/index.js",
-      "module": "./dist/esm/index.js"
+      "node": {
+        "types": "./dist/esm/index.d.ts",
+        "module": "./dist/esm/index.js",
+        "require": "./dist/umd/index.js",
+        "import": "./dist/esm/index.mjs"
+      },
+      "browser": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/umd/index.js"
+      },
+      "default": "./dist/esm/index.js"
     },
     "./dist/base.css": "./dist/base.css",
     "./dist/style.css": "./dist/style.css"
diff --git a/packages/system/package.json b/packages/system/package.json
index 52cdc1c74..c24234d61 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -20,10 +20,17 @@
   "types": "dist/esm/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/esm/index.d.ts",
-      "import": "./dist/esm/index.mjs",
-      "require": "./dist/umd/index.js",
-      "module": "./dist/esm/index.js"
+      "node": {
+        "types": "./dist/esm/index.d.ts",
+        "module": "./dist/esm/index.js",
+        "require": "./dist/umd/index.js",
+        "import": "./dist/esm/index.mjs"
+      },
+      "browser": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/umd/index.js"
+      },
+      "default": "./dist/esm/index.js"
     }
   },
   "sideEffects": false,

From 3384a07cfcb43b9e64ab7be0fb1915f5d2f2f4ba Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 31 Oct 2024 12:10:24 +0100
Subject: [PATCH 1080/1093] change changeset to fix svelte changelog

---
 .changeset/famous-lobsters-ring.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.changeset/famous-lobsters-ring.md b/.changeset/famous-lobsters-ring.md
index 2a02bac7b..fb485d0ca 100644
--- a/.changeset/famous-lobsters-ring.md
+++ b/.changeset/famous-lobsters-ring.md
@@ -1,5 +1,6 @@
 ---
 '@xyflow/system': patch
+'@xyflow/svelte': patch
 '@xyflow/react': patch
 ---
 

From 0d37d872a7f6154cfc2bf76a64d3d6a548377e5c Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Thu, 31 Oct 2024 11:11:42 +0000
Subject: [PATCH 1081/1093] chore(packages): bump

---
 .changeset/famous-lobsters-ring.md | 7 -------
 packages/react/CHANGELOG.md        | 9 +++++++++
 packages/react/package.json        | 2 +-
 packages/svelte/CHANGELOG.md       | 9 +++++++++
 packages/svelte/package.json       | 2 +-
 packages/system/CHANGELOG.md       | 6 ++++++
 packages/system/package.json       | 2 +-
 7 files changed, 27 insertions(+), 10 deletions(-)
 delete mode 100644 .changeset/famous-lobsters-ring.md

diff --git a/.changeset/famous-lobsters-ring.md b/.changeset/famous-lobsters-ring.md
deleted file mode 100644
index fb485d0ca..000000000
--- a/.changeset/famous-lobsters-ring.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'@xyflow/system': patch
-'@xyflow/svelte': patch
-'@xyflow/react': patch
----
-
-Splits exports field in package.json to support an explicit resolution for browser, node and default to resolve issues with webpack esm module resolution.
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 93e970a0e..55708a91a 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,14 @@
 # @xyflow/react
 
+## 12.3.4
+
+### Patch Changes
+
+- [#4772](https://github.com/xyflow/xyflow/pull/4772) [`7f670ab0`](https://github.com/xyflow/xyflow/commit/7f670ab0423b3848a50398027297f6ec11deeaa4) Thanks [@mistic](https://github.com/mistic)! - Splits exports field in package.json to support an explicit resolution for browser, node and default to resolve issues with webpack esm module resolution.
+
+- Updated dependencies [[`7f670ab0`](https://github.com/xyflow/xyflow/commit/7f670ab0423b3848a50398027297f6ec11deeaa4)]:
+  - @xyflow/system@0.0.45
+
 ## 12.3.3
 
 ### Patch Changes
diff --git a/packages/react/package.json b/packages/react/package.json
index 6f8d11861..c50688084 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.3.3",
+  "version": "12.3.4",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 29a194d7d..7bfee9e33 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,14 @@
 # @xyflow/svelte
 
+## 0.1.23
+
+### Patch Changes
+
+- [#4772](https://github.com/xyflow/xyflow/pull/4772) [`7f670ab0`](https://github.com/xyflow/xyflow/commit/7f670ab0423b3848a50398027297f6ec11deeaa4) Thanks [@mistic](https://github.com/mistic)! - Splits exports field in package.json to support an explicit resolution for browser, node and default to resolve issues with webpack esm module resolution.
+
+- Updated dependencies [[`7f670ab0`](https://github.com/xyflow/xyflow/commit/7f670ab0423b3848a50398027297f6ec11deeaa4)]:
+  - @xyflow/system@0.0.45
+
 ## 0.1.22
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index d0e8b7f30..af2c19f94 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/CHANGELOG.md b/packages/system/CHANGELOG.md
index dbf0aaf70..4e0f0b7d3 100644
--- a/packages/system/CHANGELOG.md
+++ b/packages/system/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @xyflow/system
 
+## 0.0.45
+
+### Patch Changes
+
+- [#4772](https://github.com/xyflow/xyflow/pull/4772) [`7f670ab0`](https://github.com/xyflow/xyflow/commit/7f670ab0423b3848a50398027297f6ec11deeaa4) Thanks [@mistic](https://github.com/mistic)! - Splits exports field in package.json to support an explicit resolution for browser, node and default to resolve issues with webpack esm module resolution.
+
 ## 0.0.44
 
 ### Patch Changes
diff --git a/packages/system/package.json b/packages/system/package.json
index c24234d61..1896e6987 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.44",
+  "version": "0.0.45",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

From 323e1b35c58bca80deb824bc8b136705593a5257 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 4 Nov 2024 10:41:52 +0100
Subject: [PATCH 1082/1093] fixed evaluateAbsolutePosition for nested nodes

---
 .changeset/wet-hounds-reply.md       |  7 +++++++
 packages/system/src/utils/general.ts | 15 +++++----------
 2 files changed, 12 insertions(+), 10 deletions(-)
 create mode 100644 .changeset/wet-hounds-reply.md

diff --git a/.changeset/wet-hounds-reply.md b/.changeset/wet-hounds-reply.md
new file mode 100644
index 000000000..02d4e6694
--- /dev/null
+++ b/.changeset/wet-hounds-reply.md
@@ -0,0 +1,7 @@
+---
+'@xyflow/system': patch
+'@xyflow/react': patch
+'@xyflow/svelte': patch
+---
+
+Fix node intersections in nested flow.
diff --git a/packages/system/src/utils/general.ts b/packages/system/src/utils/general.ts
index 533c83ee5..088209a39 100644
--- a/packages/system/src/utils/general.ts
+++ b/packages/system/src/utils/general.ts
@@ -252,18 +252,13 @@ export function evaluateAbsolutePosition(
   nodeLookup: NodeLookup,
   nodeOrigin: NodeOrigin
 ): XYPosition {
-  let nextParentId: string | undefined = parentId;
   const positionAbsolute = { ...position };
 
-  while (nextParentId) {
-    const parent = nodeLookup.get(nextParentId);
-    nextParentId = parent?.parentId;
-
-    if (parent) {
-      const origin = parent.origin || nodeOrigin;
-      positionAbsolute.x += parent.internals.positionAbsolute.x - (dimensions.width ?? 0) * origin[0];
-      positionAbsolute.y += parent.internals.positionAbsolute.y - (dimensions.height ?? 0) * origin[1];
-    }
+  const parent = nodeLookup.get(parentId);
+  if (parent) {
+    const origin = parent.origin || nodeOrigin;
+    positionAbsolute.x += parent.internals.positionAbsolute.x - (dimensions.width ?? 0) * origin[0];
+    positionAbsolute.y += parent.internals.positionAbsolute.y - (dimensions.height ?? 0) * origin[1];
   }
 
   return positionAbsolute;

From c8ccca3434deab355fa8c3be44b064596b5fffdd Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 7 Nov 2024 11:23:28 +0100
Subject: [PATCH 1083/1093] fix libraries not working in development mode

---
 tooling/rollup-config/src/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tooling/rollup-config/src/index.js b/tooling/rollup-config/src/index.js
index da5450c31..d96b64d31 100644
--- a/tooling/rollup-config/src/index.js
+++ b/tooling/rollup-config/src/index.js
@@ -79,4 +79,4 @@ const umdConfig = defineConfig({
   ],
 });
 
-export default isProd ? [esmMjsConfig, esmJsConfig, umdConfig] : esmMjsConfig;
+export default isProd ? [esmMjsConfig, esmJsConfig, umdConfig] : [esmJsConfig, esmMjsConfig];

From 34f01e29644cd4edb2771f545633b56e8ceaf68c Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 7 Nov 2024 11:27:50 +0100
Subject: [PATCH 1084/1093] support key combinations which include +

---
 packages/react/src/hooks/useKeyPress.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/hooks/useKeyPress.ts b/packages/react/src/hooks/useKeyPress.ts
index beca40001..8bce0564f 100644
--- a/packages/react/src/hooks/useKeyPress.ts
+++ b/packages/react/src/hooks/useKeyPress.ts
@@ -45,7 +45,12 @@ export function useKeyPress(
   const [keyCodes, keysToWatch] = useMemo<[Array<Keys>, Keys]>(() => {
     if (keyCode !== null) {
       const keyCodeArr = Array.isArray(keyCode) ? keyCode : [keyCode];
-      const keys = keyCodeArr.filter((kc) => typeof kc === 'string').map((kc) => kc.split('+'));
+      const keys = keyCodeArr
+        .filter((kc) => typeof kc === 'string')
+        // we first replace all '+' with '\n'  which we will use to split the keys on
+        // then we replace '\n\n' with '\n+', this way we can also support the combination 'key++'
+        // in the end we simply split on '\n' to get the key array
+        .map((kc) => kc.replace('+', '\n').replace('\n\n', '\n+').split('\n'));
       const keysFlat = keys.reduce((res: Keys, item) => res.concat(...item), []);
 
       return [keys, keysFlat];

From 358eb355e0b2bea4ffa47b0f04d6edf834343cd7 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 7 Nov 2024 11:32:23 +0100
Subject: [PATCH 1085/1093] add changeset

---
 .changeset/clever-keys-pay.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/clever-keys-pay.md

diff --git a/.changeset/clever-keys-pay.md b/.changeset/clever-keys-pay.md
new file mode 100644
index 000000000..7729e7e59
--- /dev/null
+++ b/.changeset/clever-keys-pay.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/react': minor
+---
+
+Support key combinations which include '+' (e.g., 'Control++' resolves to the combination 'Control' and '+').

From ae7a3478aa77b6de520e08879f90feae439fbd0a Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 7 Nov 2024 12:42:17 +0100
Subject: [PATCH 1086/1093] Fix node dragging while zooming on a flow that does
 not occupy whole browser window.

---
 packages/system/src/utils/dom.ts     | 8 ++++++--
 packages/system/src/xydrag/XYDrag.ts | 8 ++++----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/system/src/utils/dom.ts b/packages/system/src/utils/dom.ts
index 2cd2bf5c4..886547725 100644
--- a/packages/system/src/utils/dom.ts
+++ b/packages/system/src/utils/dom.ts
@@ -5,14 +5,18 @@ export type GetPointerPositionParams = {
   transform: Transform;
   snapGrid?: SnapGrid;
   snapToGrid?: boolean;
+  containerBounds: DOMRect | null;
 };
 
 export function getPointerPosition(
   event: MouseEvent | TouchEvent,
-  { snapGrid = [0, 0], snapToGrid = false, transform }: GetPointerPositionParams
+  { snapGrid = [0, 0], snapToGrid = false, transform, containerBounds }: GetPointerPositionParams
 ): XYPosition & { xSnapped: number; ySnapped: number } {
   const { x, y } = getEventPosition(event);
-  const pointerPos = pointToRendererPoint({ x, y }, transform);
+  const pointerPos = pointToRendererPoint(
+    { x: x - (containerBounds?.left ?? 0), y: y - (containerBounds?.top ?? 0) },
+    transform
+  );
   const { x: xSnapped, y: ySnapped } = snapToGrid ? snapPosition(pointerPos, snapGrid) : pointerPos;
 
   // we need the snapped position in order to be able to skip unnecessary drag events
diff --git a/packages/system/src/xydrag/XYDrag.ts b/packages/system/src/xydrag/XYDrag.ts
index 688d3e091..adf72e5c3 100644
--- a/packages/system/src/xydrag/XYDrag.ts
+++ b/packages/system/src/xydrag/XYDrag.ts
@@ -257,7 +257,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
         onNodeMouseDown?.(nodeId);
       }
 
-      const pointerPos = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
+      const pointerPos = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid, containerBounds });
       lastPos = pointerPos;
       dragItems = getDragItems(nodeLookup, nodesDraggable, pointerPos, nodeId);
 
@@ -281,6 +281,7 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
       .clickDistance(nodeClickDistance)
       .on('start', (event: UseDragEvent) => {
         const { domNode, nodeDragThreshold, transform, snapGrid, snapToGrid } = getStoreItems();
+        containerBounds = domNode?.getBoundingClientRect() || null;
 
         abortDrag = false;
 
@@ -288,14 +289,13 @@ export function XYDrag<OnNodeDrag extends (e: any, nodes: any, node: any) => voi
           startDrag(event);
         }
 
-        const pointerPos = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
+        const pointerPos = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid, containerBounds });
         lastPos = pointerPos;
-        containerBounds = domNode?.getBoundingClientRect() || null;
         mousePosition = getEventPosition(event.sourceEvent, containerBounds!);
       })
       .on('drag', (event: UseDragEvent) => {
         const { autoPanOnNodeDrag, transform, snapGrid, snapToGrid, nodeDragThreshold, nodeLookup } = getStoreItems();
-        const pointerPos = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
+        const pointerPos = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid, containerBounds });
 
         if (
           (event.sourceEvent.type === 'touchmove' && event.sourceEvent.touches.length > 1) ||

From 2fa9a92042ba11986abbababb7e8b294e208d6cb Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 7 Nov 2024 12:43:40 +0100
Subject: [PATCH 1087/1093] Add changeset

---
 .changeset/tidy-onions-talk.md | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 .changeset/tidy-onions-talk.md

diff --git a/.changeset/tidy-onions-talk.md b/.changeset/tidy-onions-talk.md
new file mode 100644
index 000000000..ada6e0aa3
--- /dev/null
+++ b/.changeset/tidy-onions-talk.md
@@ -0,0 +1,7 @@
+---
+'@xyflow/system': patch
+'@xyflow/react': patch
+'@xyflow/svelte': patch
+---
+
+Fix node dragging while zooming on flow that does not cover whole browser window.

From d14e616b73fbcbafbbac194029ad07140a751d0e Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 7 Nov 2024 13:26:54 +0100
Subject: [PATCH 1088/1093] Fix node resizing while zooming

---
 .changeset/tidy-onions-talk.md                |  2 +-
 .../NodeResizer/NodeResizeControl.tsx         |  3 ++-
 .../plugins/NodeResizer/ResizeControl.svelte  |  5 +++--
 packages/system/src/xyresizer/XYResizer.ts    | 20 ++++++++++++++++---
 4 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/.changeset/tidy-onions-talk.md b/.changeset/tidy-onions-talk.md
index ada6e0aa3..42f6cdcf9 100644
--- a/.changeset/tidy-onions-talk.md
+++ b/.changeset/tidy-onions-talk.md
@@ -4,4 +4,4 @@
 '@xyflow/svelte': patch
 ---
 
-Fix node dragging while zooming on flow that does not cover whole browser window.
+Fix node dragging & resizing while zooming on flow that does not cover whole browser window.
diff --git a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
index 63128c09e..0876c994c 100644
--- a/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
+++ b/packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx
@@ -56,13 +56,14 @@ function ResizeControl({
         domNode: resizeControlRef.current,
         nodeId: id,
         getStoreItems: () => {
-          const { nodeLookup, transform, snapGrid, snapToGrid, nodeOrigin } = store.getState();
+          const { nodeLookup, transform, snapGrid, snapToGrid, nodeOrigin, domNode } = store.getState();
           return {
             nodeLookup,
             transform,
             snapGrid,
             snapToGrid,
             nodeOrigin,
+            paneDomNode: domNode,
           };
         },
         onChange: (change: XYResizerChange, childChanges: XYResizerChildChange[]) => {
diff --git a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
index 1e5f39e28..7e686880e 100644
--- a/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
+++ b/packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte
@@ -35,7 +35,7 @@
   let className: $$Props['class'] = '';
   export { className as class };
 
-  const { nodeLookup, snapGrid, viewport, nodes, nodeOrigin } = useStore();
+  const { nodeLookup, snapGrid, viewport, nodes, nodeOrigin, domNode } = useStore();
 
   const contextNodeId = getContext<string>('svelteflow__node_id');
   $: id = typeof nodeId === 'string' ? nodeId : contextNodeId;
@@ -65,7 +65,8 @@
             transform: [$viewport.x, $viewport.y, $viewport.zoom],
             snapGrid: $snapGrid ?? undefined,
             snapToGrid: !!$snapGrid,
-            nodeOrigin: $nodeOrigin
+            nodeOrigin: $nodeOrigin,
+            paneDomNode: $domNode
           };
         },
         onChange: (change: XYResizerChange, childChanges: XYResizerChildChange[]) => {
diff --git a/packages/system/src/xyresizer/XYResizer.ts b/packages/system/src/xyresizer/XYResizer.ts
index c9dae4aa4..1f4ba3216 100644
--- a/packages/system/src/xyresizer/XYResizer.ts
+++ b/packages/system/src/xyresizer/XYResizer.ts
@@ -45,6 +45,7 @@ type XYResizerParams = {
     snapGrid?: [number, number];
     snapToGrid: boolean;
     nodeOrigin: NodeOrigin;
+    paneDomNode: HTMLDivElement | null;
   };
   onChange: (changes: XYResizerChange, childChanges: XYResizerChildChange[]) => void;
   onEnd?: () => void;
@@ -109,6 +110,7 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }: X
     const controlDirection = getControlDirection(controlPosition);
 
     let node: InternalNodeBase | undefined = undefined;
+    let containerBounds: DOMRect | null = null;
     let childNodes: XYResizerChildChange[] = [];
     let parentNode: InternalNodeBase | undefined = undefined; // Needed to fix expandParent
     let parentExtent: CoordinateExtent | undefined = undefined;
@@ -116,14 +118,20 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }: X
 
     const dragHandler = drag<HTMLDivElement, unknown>()
       .on('start', (event: ResizeDragEvent) => {
-        const { nodeLookup, transform, snapGrid, snapToGrid, nodeOrigin } = getStoreItems();
+        const { nodeLookup, transform, snapGrid, snapToGrid, nodeOrigin, paneDomNode } = getStoreItems();
         node = nodeLookup.get(nodeId);
 
         if (!node) {
           return;
         }
 
-        const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
+        containerBounds = paneDomNode?.getBoundingClientRect() ?? null;
+        const { xSnapped, ySnapped } = getPointerPosition(event.sourceEvent, {
+          transform,
+          snapGrid,
+          snapToGrid,
+          containerBounds,
+        });
 
         prevValues = {
           width: node.measured.width ?? 0,
@@ -178,7 +186,13 @@ export function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }: X
       })
       .on('drag', (event: ResizeDragEvent) => {
         const { transform, snapGrid, snapToGrid, nodeOrigin: storeNodeOrigin } = getStoreItems();
-        const pointerPosition = getPointerPosition(event.sourceEvent, { transform, snapGrid, snapToGrid });
+
+        const pointerPosition = getPointerPosition(event.sourceEvent, {
+          transform,
+          snapGrid,
+          snapToGrid,
+          containerBounds,
+        });
         const childChanges: XYResizerChildChange[] = [];
 
         if (!node) {

From 75590af981e7400bec6883d4d770263d7befa30c Mon Sep 17 00:00:00 2001
From: Akihiro Kiuchi <akihirorz@gmail.com>
Date: Fri, 8 Nov 2024 18:52:57 +0900
Subject: [PATCH 1089/1093] fix deadlock in useQueue

---
 .../src/components/BatchProvider/useQueue.ts  | 25 ++++++-------------
 1 file changed, 7 insertions(+), 18 deletions(-)

diff --git a/packages/react/src/components/BatchProvider/useQueue.ts b/packages/react/src/components/BatchProvider/useQueue.ts
index 4170fa7bd..c33208d76 100644
--- a/packages/react/src/components/BatchProvider/useQueue.ts
+++ b/packages/react/src/components/BatchProvider/useQueue.ts
@@ -13,28 +13,21 @@ import { Queue, QueueItem } from './types';
  */
 export function useQueue<T>(runQueue: (items: QueueItem<T>[]) => void) {
   // Because we're using a ref above, we need some way to let React know when to
-  // actually process the queue. We flip this bit of state to `true` any time we
-  // mutate the queue and then flip it back to `false` after flushing the queue.
-  const [shouldFlush, setShouldFlush] = useState(false);
+  // actually process the queue. We increment this number any time we mutate the
+  // queue, creating a new state to trigger the layout effect below.
+  // Using a boolean dirty flag here instead would lead to issues related to
+  // automatic batching. (https://github.com/xyflow/xyflow/issues/4779)
+  const [serial, setSerial] = useState(BigInt(0));
 
   // A reference of all the batched updates to process before the next render. We
   // want a reference here so multiple synchronous calls to `setNodes` etc can be
   // batched together.
-  const [queue] = useState(() => createQueue<T>(() => setShouldFlush(true)));
+  const [queue] = useState(() => createQueue<T>(() => setSerial(n => n + BigInt(1))));
 
   // Layout effects are guaranteed to run before the next render which means we
   // shouldn't run into any issues with stale state or weird issues that come from
   // rendering things one frame later than expected (we used to use `setTimeout`).
   useIsomorphicLayoutEffect(() => {
-    // Because we need to flip the state back to false after flushing, this should
-    // trigger the hook again (!). If the hook is being run again we know that any
-    // updates should have been processed by now and we can safely clear the queue
-    // and bail early.
-    if (!shouldFlush) {
-      queue.reset();
-      return;
-    }
-
     const queueItems = queue.get();
 
     if (queueItems.length) {
@@ -42,11 +35,7 @@ export function useQueue<T>(runQueue: (items: QueueItem<T>[]) => void) {
 
       queue.reset();
     }
-
-    // Because we're using reactive state to trigger this effect, we need to flip
-    // it back to false.
-    setShouldFlush(false);
-  }, [shouldFlush]);
+  }, [serial]);
 
   return queue;
 }

From 734027798799f4a98212dda115d33b4c54a95a45 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Fri, 8 Nov 2024 11:11:42 +0100
Subject: [PATCH 1090/1093] add changeset

---
 .changeset/funny-shrimps-remain.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/funny-shrimps-remain.md

diff --git a/.changeset/funny-shrimps-remain.md b/.changeset/funny-shrimps-remain.md
new file mode 100644
index 000000000..628dc865c
--- /dev/null
+++ b/.changeset/funny-shrimps-remain.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/react': patch
+---
+
+Fixed number of issues connected to batching node & edge updates.

From b1496b8fb782ce5610591418354455beaf553813 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Fri, 8 Nov 2024 13:14:27 +0100
Subject: [PATCH 1091/1093] fix typo in changeset

---
 .changeset/funny-shrimps-remain.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/funny-shrimps-remain.md b/.changeset/funny-shrimps-remain.md
index 628dc865c..ed70bb1d2 100644
--- a/.changeset/funny-shrimps-remain.md
+++ b/.changeset/funny-shrimps-remain.md
@@ -2,4 +2,4 @@
 '@xyflow/react': patch
 ---
 
-Fixed number of issues connected to batching node & edge updates.
+Fix number of issues connected to batching node & edge updates.

From 9e4746199431ce03602ee7687dd579f42c1c70a2 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Sat, 9 Nov 2024 09:45:16 +0100
Subject: [PATCH 1092/1093] changed from minor to patch

---
 .changeset/clever-keys-pay.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/clever-keys-pay.md b/.changeset/clever-keys-pay.md
index 7729e7e59..87776576f 100644
--- a/.changeset/clever-keys-pay.md
+++ b/.changeset/clever-keys-pay.md
@@ -1,5 +1,5 @@
 ---
-'@xyflow/react': minor
+'@xyflow/react': patch
 ---
 
 Support key combinations which include '+' (e.g., 'Control++' resolves to the combination 'Control' and '+').

From e9a21ae012c7d136213ce96ccc8adc3eae666c79 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Sat, 9 Nov 2024 08:50:35 +0000
Subject: [PATCH 1093/1093] chore(packages): bump

---
 .changeset/clever-keys-pay.md      |  5 -----
 .changeset/funny-shrimps-remain.md |  5 -----
 .changeset/tidy-onions-talk.md     |  7 -------
 .changeset/wet-hounds-reply.md     |  7 -------
 packages/react/CHANGELOG.md        | 15 +++++++++++++++
 packages/react/package.json        |  2 +-
 packages/svelte/CHANGELOG.md       | 11 +++++++++++
 packages/svelte/package.json       |  2 +-
 packages/system/CHANGELOG.md       |  8 ++++++++
 packages/system/package.json       |  2 +-
 10 files changed, 37 insertions(+), 27 deletions(-)
 delete mode 100644 .changeset/clever-keys-pay.md
 delete mode 100644 .changeset/funny-shrimps-remain.md
 delete mode 100644 .changeset/tidy-onions-talk.md
 delete mode 100644 .changeset/wet-hounds-reply.md

diff --git a/.changeset/clever-keys-pay.md b/.changeset/clever-keys-pay.md
deleted file mode 100644
index 87776576f..000000000
--- a/.changeset/clever-keys-pay.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/react': patch
----
-
-Support key combinations which include '+' (e.g., 'Control++' resolves to the combination 'Control' and '+').
diff --git a/.changeset/funny-shrimps-remain.md b/.changeset/funny-shrimps-remain.md
deleted file mode 100644
index ed70bb1d2..000000000
--- a/.changeset/funny-shrimps-remain.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@xyflow/react': patch
----
-
-Fix number of issues connected to batching node & edge updates.
diff --git a/.changeset/tidy-onions-talk.md b/.changeset/tidy-onions-talk.md
deleted file mode 100644
index 42f6cdcf9..000000000
--- a/.changeset/tidy-onions-talk.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'@xyflow/system': patch
-'@xyflow/react': patch
-'@xyflow/svelte': patch
----
-
-Fix node dragging & resizing while zooming on flow that does not cover whole browser window.
diff --git a/.changeset/wet-hounds-reply.md b/.changeset/wet-hounds-reply.md
deleted file mode 100644
index 02d4e6694..000000000
--- a/.changeset/wet-hounds-reply.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'@xyflow/system': patch
-'@xyflow/react': patch
-'@xyflow/svelte': patch
----
-
-Fix node intersections in nested flow.
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 55708a91a..c111c9bc0 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,20 @@
 # @xyflow/react
 
+## 12.3.5
+
+### Patch Changes
+
+- [#4789](https://github.com/xyflow/xyflow/pull/4789) [`358eb355`](https://github.com/xyflow/xyflow/commit/358eb355e0b2bea4ffa47b0f04d6edf834343cd7) Thanks [@peterkogo](https://github.com/peterkogo)! - Support key combinations which include '+' (e.g., 'Control++' resolves to the combination 'Control' and '+').
+
+- [#4796](https://github.com/xyflow/xyflow/pull/4796) [`73402779`](https://github.com/xyflow/xyflow/commit/734027798799f4a98212dda115d33b4c54a95a45) Thanks [@Aki-7](https://github.com/Aki-7)! - Fix number of issues connected to batching node & edge updates.
+
+- [#4790](https://github.com/xyflow/xyflow/pull/4790) [`2fa9a920`](https://github.com/xyflow/xyflow/commit/2fa9a92042ba11986abbababb7e8b294e208d6cb) Thanks [@peterkogo](https://github.com/peterkogo)! - Fix node dragging & resizing while zooming on flow that does not cover whole browser window.
+
+- [#4782](https://github.com/xyflow/xyflow/pull/4782) [`323e1b35`](https://github.com/xyflow/xyflow/commit/323e1b35c58bca80deb824bc8b136705593a5257) Thanks [@peterkogo](https://github.com/peterkogo)! - Fix node intersections in nested flow.
+
+- Updated dependencies [[`2fa9a920`](https://github.com/xyflow/xyflow/commit/2fa9a92042ba11986abbababb7e8b294e208d6cb), [`323e1b35`](https://github.com/xyflow/xyflow/commit/323e1b35c58bca80deb824bc8b136705593a5257)]:
+  - @xyflow/system@0.0.46
+
 ## 12.3.4
 
 ### Patch Changes
diff --git a/packages/react/package.json b/packages/react/package.json
index c50688084..cef5c444e 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.3.4",
+  "version": "12.3.5",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 7bfee9e33..53a2fab09 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,16 @@
 # @xyflow/svelte
 
+## 0.1.24
+
+### Patch Changes
+
+- [#4790](https://github.com/xyflow/xyflow/pull/4790) [`2fa9a920`](https://github.com/xyflow/xyflow/commit/2fa9a92042ba11986abbababb7e8b294e208d6cb) Thanks [@peterkogo](https://github.com/peterkogo)! - Fix node dragging & resizing while zooming on flow that does not cover whole browser window.
+
+- [#4782](https://github.com/xyflow/xyflow/pull/4782) [`323e1b35`](https://github.com/xyflow/xyflow/commit/323e1b35c58bca80deb824bc8b136705593a5257) Thanks [@peterkogo](https://github.com/peterkogo)! - Fix node intersections in nested flow.
+
+- Updated dependencies [[`2fa9a920`](https://github.com/xyflow/xyflow/commit/2fa9a92042ba11986abbababb7e8b294e208d6cb), [`323e1b35`](https://github.com/xyflow/xyflow/commit/323e1b35c58bca80deb824bc8b136705593a5257)]:
+  - @xyflow/system@0.0.46
+
 ## 0.1.23
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index af2c19f94..9e41fc3da 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",
diff --git a/packages/system/CHANGELOG.md b/packages/system/CHANGELOG.md
index 4e0f0b7d3..b96272945 100644
--- a/packages/system/CHANGELOG.md
+++ b/packages/system/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @xyflow/system
 
+## 0.0.46
+
+### Patch Changes
+
+- [#4790](https://github.com/xyflow/xyflow/pull/4790) [`2fa9a920`](https://github.com/xyflow/xyflow/commit/2fa9a92042ba11986abbababb7e8b294e208d6cb) Thanks [@peterkogo](https://github.com/peterkogo)! - Fix node dragging & resizing while zooming on flow that does not cover whole browser window.
+
+- [#4782](https://github.com/xyflow/xyflow/pull/4782) [`323e1b35`](https://github.com/xyflow/xyflow/commit/323e1b35c58bca80deb824bc8b136705593a5257) Thanks [@peterkogo](https://github.com/peterkogo)! - Fix node intersections in nested flow.
+
 ## 0.0.45
 
 ### Patch Changes
diff --git a/packages/system/package.json b/packages/system/package.json
index 1896e6987..f0c4c8981 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.45",
+  "version": "0.0.46",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",